From dad9431499f10197ff66b1f5ac2e29f269351dfd Mon Sep 17 00:00:00 2001
From: illright <leva181777@gmail.com>
Date: Mon, 7 Oct 2024 18:27:00 +0000
Subject: [PATCH] =?UTF-8?q?Deploying=20to=20gh-pages=20from=20@=20feature-?=
 =?UTF-8?q?sliced/documentation@60c93463b7aff7672f35e15f58d4e2a3f13965e9?=
 =?UTF-8?q?=20=F0=9F=9A=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 404.html                                      |   4 +-
 ...9e362.44db6fdb.js => 0499e362.7940ce3b.js} |   2 +-
 ...221cc.7e1896da.js => 066221cc.06ec80c9.js} |   2 +-
 ...ee302.9b62bc0a.js => 0a4ee302.baca1795.js} |   2 +-
 ...64a0f.2f7836d4.js => 2f764a0f.1c1ea022.js} |   2 +-
 ...1f8ae.e4c5f70f.js => 3121f8ae.dd317339.js} |   2 +-
 ...d1c3d.877f4062.js => 350d1c3d.57df0615.js} |   2 +-
 ...f8845.cb4fa0be.js => 370f8845.5ca6fe62.js} |   2 +-
 ...652fb.a1c2eb86.js => 3d2652fb.5b5cf927.js} |   2 +-
 ...5053a.c16f46f1.js => 3ef5053a.abadadea.js} |   4 +-
 ...E.txt => 3ef5053a.abadadea.js.LICENSE.txt} |   0
 ...abe1d.ce9d795c.js => 40babe1d.b3927de2.js} |   2 +-
 ...f28a3.322b62ec.js => 480f28a3.e3e8c8f9.js} |   2 +-
 ...b6464.26897d6a.js => 488b6464.0f8dcdf2.js} |   2 +-
 ...61156.6affe7f6.js => 49161156.6e8fe50c.js} |   2 +-
 ...7bed2.e44189dd.js => 5187bed2.354aa3a6.js} |   2 +-
 ...8e831.36b1647b.js => 53f8e831.565a6c32.js} |   4 +-
 ...E.txt => 53f8e831.565a6c32.js.LICENSE.txt} |   0
 ...0769a.c6add365.js => 55b0769a.54426547.js} |   2 +-
 ...bebd6.3b453fe2.js => 55fbebd6.4462abfa.js} |   2 +-
 ...d98cc.e141b15c.js => 590d98cc.e4f8ef01.js} |   2 +-
 ...61d3b.bb3f7579.js => 5bd61d3b.000b744a.js} |   2 +-
 ...e5f34.7992d430.js => 5f7e5f34.114f20ee.js} |   2 +-
 ...6c8dc.742b6c2e.js => 6636c8dc.643611ba.js} |   2 +-
 ...a648d.45230f5b.js => 664a648d.6f104f28.js} |   2 +-
 ...3db7c.d32ccfa2.js => 66d3db7c.8104d873.js} |   2 +-
 assets/js/7313bf7a.6074efbc.js                |   1 -
 assets/js/7313bf7a.62dbeef4.js                |   1 +
 ...90ed0.72e8eb4a.js => 7a790ed0.70f2e52a.js} |   2 +-
 ...0dbae.458e0966.js => 84a0dbae.1a081c9c.js} |   2 +-
 ...ae1bf.50506894.js => 857ae1bf.5ed9dd9a.js} |   2 +-
 ...5c187.e7b86eb1.js => 87e5c187.51198970.js} |   2 +-
 ...a42c3.99413a71.js => 8b5a42c3.d37b8df8.js} |   2 +-
 ...3e59a.a1040703.js => 8b93e59a.c8469578.js} |   2 +-
 ...e6152.ac52de38.js => 8c1e6152.47e22a6f.js} |   2 +-
 ...83ff6.57d62a9f.js => 8ce83ff6.7ac5dab4.js} |   2 +-
 ...3d7f4.828eb6e2.js => 9b83d7f4.b8a982bd.js} |   2 +-
 ...dcbb0.2eb41639.js => 9f1dcbb0.16886885.js} |   2 +-
 ...21a63.88f13bb5.js => a1521a63.cd08cdc5.js} |   2 +-
 ...6f730.af4bf0fb.js => a386f730.e0c9a4c0.js} |   2 +-
 ...c55ce.020c90ec.js => a61c55ce.275776b6.js} |   4 +-
 ...E.txt => a61c55ce.275776b6.js.LICENSE.txt} |   0
 ...f5b8a.14d96582.js => acaf5b8a.bbea271e.js} |   2 +-
 ...bb0f7.46ab3b93.js => ba8bb0f7.7f4ffb53.js} |   2 +-
 ...6474c.3aeeafe1.js => c0c6474c.856ecca8.js} |   2 +-
 ...0faae.93afbcca.js => c4d0faae.582f7b45.js} |   2 +-
 ...66f39.b861f146.js => c5666f39.2d3b80ab.js} |   4 +-
 ...E.txt => c5666f39.2d3b80ab.js.LICENSE.txt} |   0
 ...88a7b.019a1bff.js => cb388a7b.8d249fba.js} |   2 +-
 ...cbfb8.412df8d8.js => d13cbfb8.12b3a893.js} |   4 +-
 ...E.txt => d13cbfb8.12b3a893.js.LICENSE.txt} |   0
 ...aea7e.d7300d38.js => d7baea7e.6cb4bfff.js} |   4 +-
 ...E.txt => d7baea7e.6cb4bfff.js.LICENSE.txt} |   0
 ...9437a.f17f2b4e.js => d999437a.d42ae5cd.js} |   2 +-
 ...5ecdf.258fc5a2.js => dfe5ecdf.b32c4b90.js} |   2 +-
 ...c2047.99284e69.js => e01c2047.3cf0ebe9.js} |   2 +-
 ...03eab.bd9d33c6.js => e1003eab.f5d1a251.js} |   2 +-
 ...0d304.32288a2f.js => e1c0d304.213c7d23.js} |   2 +-
 ...f8eb6.ecf70ec8.js => e6bf8eb6.0dcef120.js} |   2 +-
 ...dcfcb.c7c67d46.js => ed3dcfcb.d5a51c16.js} |   2 +-
 ...67325.f285b311.js => f2567325.922e1979.js} |   2 +-
 ...174dc.c0f4bd80.js => f2c174dc.47aef1c8.js} |   2 +-
 ...29f8e.9edff5bf.js => fe129f8e.9d3467f9.js} |   2 +-
 .../js/{main.e2ab5a51.js => main.360a9d35.js} |   4 +-
 ...CENSE.txt => main.360a9d35.js.LICENSE.txt} |   0
 ...n.06c92bf3.js => runtime~main.29fb6ef5.js} |   2 +-
 blog.html                                     |   4 +-
 blog/archive.html                             |   4 +-
 blog/international-community.html             |   4 +-
 blog/rebranding-stable.html                   |   4 +-
 blog/tags.html                                |   4 +-
 blog/tags/brand.html                          |   4 +-
 blog/tags/community.html                      |   4 +-
 blog/tags/discord.html                        |   4 +-
 blog/tags/promo.html                          |   4 +-
 community.html                                |   6 +-
 community/team.html                           |   6 +-
 docs.html                                     |   6 +-
 docs/about.html                               |   6 +-
 docs/about/alternatives.html                  |   6 +-
 docs/about/mission.html                       |   6 +-
 docs/about/motivation.html                    |   6 +-
 docs/about/promote/for-company.html           |   6 +-
 docs/about/promote/for-team.html              |   6 +-
 docs/about/promote/integration.html           |   6 +-
 docs/about/promote/partial-application.html   |   6 +-
 docs/about/understanding/abstractions.html    |   6 +-
 docs/about/understanding/architecture.html    |   6 +-
 docs/about/understanding/knowledge-types.html |   6 +-
 docs/about/understanding/naming.html          |   6 +-
 docs/about/understanding/needs-driven.html    |   6 +-
 docs/about/understanding/signals.html         |   6 +-
 docs/branding.html                            |   6 +-
 docs/get-started.html                         |   6 +-
 docs/get-started/cheatsheet.html              |   6 +-
 docs/get-started/faq.html                     |   6 +-
 docs/get-started/overview.html                |   6 +-
 docs/get-started/tutorial.html                |   6 +-
 docs/guides.html                              |   6 +-
 docs/guides/examples.html                     |   6 +-
 docs/guides/examples/auth.html                |   6 +-
 docs/guides/examples/autocompleted.html       |   6 +-
 docs/guides/examples/browser-api.html         |   6 +-
 docs/guides/examples/cms.html                 |   6 +-
 docs/guides/examples/feedback.html            |   6 +-
 docs/guides/examples/i18n.html                |   6 +-
 docs/guides/examples/metric.html              |   6 +-
 docs/guides/examples/monorepo.html            |   6 +-
 docs/guides/examples/page-layout.html         |   6 +-
 docs/guides/examples/platforms.html           |   6 +-
 docs/guides/examples/ssr.html                 |   6 +-
 docs/guides/examples/theme.html               |   6 +-
 docs/guides/examples/types.html               |   6 +-
 docs/guides/examples/white-labels.html        |   6 +-
 docs/guides/issues/cross-imports.html         |   6 +-
 docs/guides/issues/desegmented.html           |   6 +-
 docs/guides/issues/routes.html                |   6 +-
 docs/guides/migration/from-custom.html        |   6 +-
 docs/guides/migration/from-v1.html            |   6 +-
 docs/guides/tech/with-nextjs.html             |   6 +-
 docs/guides/tech/with-nuxtjs.html             |   6 +-
 docs/guides/tech/with-react-query.html        |   6 +-
 docs/guides/tech/with-sveltekit.html          |   6 +-
 docs/reference.html                           |   6 +-
 docs/reference/isolation.html                 |   6 +-
 .../isolation/coupling-cohesion.html          |   6 +-
 .../isolation/decouple-entities.html          |   6 +-
 docs/reference/layers.html                    |   6 +-
 docs/reference/public-api.html                |   6 +-
 docs/reference/slices-segments.html           |   6 +-
 examples.html                                 |   4 +-
 index.html                                    |   4 +-
 ja/404.html                                   |   4 +-
 ...f76d8.0d26c4d6.js => 012f76d8.dda6753c.js} |   2 +-
 ...8f121.c0d3057f.js => 0288f121.9ff7ad0a.js} |   2 +-
 ...9c23f.78005ed1.js => 0289c23f.bf82634d.js} |   2 +-
 ...ea7a5.0075ee40.js => 05cea7a5.2123c32d.js} |   2 +-
 ...94aee.161a7678.js => 06894aee.4fc234ba.js} |   2 +-
 ...85d97.72948b33.js => 0d985d97.9dfc44db.js} |   2 +-
 ...5f65b.9289c53a.js => 0fe5f65b.44b30890.js} |   2 +-
 ...72d65.8afa1d33.js => 12472d65.b965a988.js} |   2 +-
 ...84f15.602d033f.js => 13884f15.ccb96ee5.js} |   2 +-
 ...a9db9.966d9fb2.js => 165a9db9.204c30d2.js} |   2 +-
 ...fe0e3.23e3aaf9.js => 179fe0e3.a3bb1d3d.js} |   2 +-
 ...93b0e.a0a8141b.js => 1ef93b0e.168c9b4b.js} |   2 +-
 ...49514.af726dcb.js => 2b049514.f02ded29.js} |   2 +-
 ...45827.0a305c07.js => 32d45827.c43baede.js} |   2 +-
 ...f90b7.8478e974.js => 384f90b7.c8d702d1.js} |   2 +-
 ...15635.383c5b29.js => 40b15635.55157806.js} |   2 +-
 ...904cc.751756fe.js => 419904cc.665903d5.js} |   2 +-
 ...81703.fa5355bf.js => 43481703.7a66fd45.js} |   2 +-
 ...43890.26a031cf.js => 44843890.74a3b667.js} |   2 +-
 ...d4bf3.af1ba6d7.js => 45dd4bf3.945c3c38.js} |   2 +-
 ...33c6a.66806be8.js => 5c333c6a.09e3fd94.js} |   2 +-
 ...32e33.deec39b3.js => 5cc32e33.0a914d85.js} |   4 +-
 ...E.txt => 5cc32e33.0a914d85.js.LICENSE.txt} |   0
 ...ef7cc.cd116cc4.js => 623ef7cc.5c0aeb4b.js} |   2 +-
 ...9ea9f.b3b1052a.js => 6f39ea9f.408d6831.js} |   2 +-
 ja/assets/js/7313bf7a.2783f0d6.js             |   1 -
 ja/assets/js/7313bf7a.aa694090.js             |   1 +
 ...4a3b7.e76f082d.js => 7c24a3b7.2dae2f17.js} |   4 +-
 ...E.txt => 7c24a3b7.2dae2f17.js.LICENSE.txt} |   0
 ...4bcbb.e092aba8.js => 8704bcbb.da8405ad.js} |   2 +-
 ...e0ed2.5ea76ad1.js => 871e0ed2.5448d475.js} |   2 +-
 ...aebe4.69e142d4.js => 88daebe4.2d024c1f.js} |   2 +-
 ...fa326.07a4bbad.js => 89dfa326.90f435d2.js} |   2 +-
 ...9ed98.4fd314fa.js => 8eb9ed98.bc2f1ace.js} |   2 +-
 ...7a9ba.b4915c4f.js => 92d7a9ba.f51c720a.js} |   2 +-
 ...4fbea.1943749c.js => 9654fbea.d9987991.js} |   2 +-
 ...19485.30414878.js => a3319485.3d5b3126.js} |   2 +-
 ...c55ce.6feb55a0.js => a61c55ce.74f2f5f7.js} |   4 +-
 ...E.txt => a61c55ce.74f2f5f7.js.LICENSE.txt} |   0
 ...3103f.da985167.js => a6e3103f.9f8767d0.js} |   2 +-
 ...da6d7.530dabc1.js => adada6d7.2f22319c.js} |   2 +-
 ...7b4dd.3e3855e7.js => b4a7b4dd.7a761edd.js} |   2 +-
 ...59612.96af0e6f.js => b5a59612.78f88b85.js} |   4 +-
 ...E.txt => b5a59612.78f88b85.js.LICENSE.txt} |   0
 ...6588c.69114980.js => b816588c.8b2c511f.js} |   2 +-
 ...630e6.670211c1.js => ba5630e6.1eca766d.js} |   2 +-
 ...1bcd3.2893f66d.js => bc21bcd3.b4d28c9b.js} |   2 +-
 ...83990.8e3ece82.js => bd483990.fe12195e.js} |   2 +-
 ...37d41.5f41d6b0.js => c2a37d41.64189f3d.js} |   2 +-
 ...4bc17.cfe0d34f.js => cef4bc17.bdb283c7.js} |   2 +-
 ...aad29.449abcfa.js => cf4aad29.367918e9.js} |   2 +-
 ...da8fa.d22253b6.js => e35da8fa.f638e274.js} |   2 +-
 ...45454.2e5250f5.js => e3945454.c3538be4.js} |   4 +-
 ...E.txt => e3945454.c3538be4.js.LICENSE.txt} |   0
 ...8a63e.3601c37c.js => e878a63e.839ada31.js} |   2 +-
 ...5643e.712ef6d7.js => e8e5643e.993c13a9.js} |   4 +-
 ...E.txt => e8e5643e.993c13a9.js.LICENSE.txt} |   0
 ...661a9.f342b68a.js => ebe661a9.93c32722.js} |   2 +-
 ...71f4c.e1df3a01.js => f2e71f4c.610f827c.js} |   2 +-
 ...2d530.225ede72.js => f382d530.d42ad8d0.js} |   2 +-
 ...48f11.d6bf426d.js => faa48f11.12ef5c53.js} |   2 +-
 ...07d4c.d1440c72.js => fc907d4c.2ff6403f.js} |   2 +-
 .../js/{main.cdd867c6.js => main.29fd47b7.js} |   4 +-
 ...CENSE.txt => main.29fd47b7.js.LICENSE.txt} |   0
 ...n.ac5b7a06.js => runtime~main.37f69f93.js} |   2 +-
 ja/blog.html                                  |   4 +-
 ja/blog/archive.html                          |   4 +-
 ja/blog/international-community.html          |   4 +-
 ja/blog/rebranding-stable.html                |   4 +-
 ja/blog/tags.html                             |   4 +-
 ja/blog/tags/brand.html                       |   4 +-
 ja/blog/tags/community.html                   |   4 +-
 ja/blog/tags/discord.html                     |   4 +-
 ja/blog/tags/promo.html                       |   4 +-
 ja/community.html                             |   6 +-
 ja/community/team.html                        |   6 +-
 ja/docs.html                                  |   6 +-
 ja/docs/about.html                            |   6 +-
 ja/docs/about/alternatives.html               |   6 +-
 ja/docs/about/mission.html                    |   6 +-
 ja/docs/about/motivation.html                 |   6 +-
 ja/docs/about/promote/for-company.html        |   6 +-
 ja/docs/about/promote/for-team.html           |   6 +-
 ja/docs/about/promote/integration.html        |   6 +-
 .../about/promote/partial-application.html    |   6 +-
 ja/docs/about/understanding/abstractions.html |   6 +-
 ja/docs/about/understanding/architecture.html |   6 +-
 .../about/understanding/knowledge-types.html  |   6 +-
 ja/docs/about/understanding/naming.html       |   6 +-
 ja/docs/about/understanding/needs-driven.html |   6 +-
 ja/docs/about/understanding/signals.html      |   6 +-
 ja/docs/branding.html                         |   6 +-
 ja/docs/get-started.html                      |   6 +-
 ja/docs/get-started/cheatsheet.html           |   6 +-
 ja/docs/get-started/faq.html                  |   6 +-
 ja/docs/get-started/overview.html             |   6 +-
 ja/docs/get-started/tutorial.html             |   6 +-
 ja/docs/guides.html                           |   6 +-
 ja/docs/guides/examples.html                  |   6 +-
 ja/docs/guides/examples/auth.html             |   6 +-
 ja/docs/guides/examples/autocompleted.html    |   6 +-
 ja/docs/guides/examples/browser-api.html      |   6 +-
 ja/docs/guides/examples/cms.html              |   6 +-
 ja/docs/guides/examples/feedback.html         |   6 +-
 ja/docs/guides/examples/i18n.html             |   6 +-
 ja/docs/guides/examples/metric.html           |   6 +-
 ja/docs/guides/examples/monorepo.html         |   6 +-
 ja/docs/guides/examples/page-layout.html      |   6 +-
 ja/docs/guides/examples/platforms.html        |   6 +-
 ja/docs/guides/examples/ssr.html              |   6 +-
 ja/docs/guides/examples/theme.html            |   6 +-
 ja/docs/guides/examples/types.html            |   6 +-
 ja/docs/guides/examples/white-labels.html     |   6 +-
 ja/docs/guides/issues/cross-imports.html      |   6 +-
 ja/docs/guides/issues/desegmented.html        |   6 +-
 ja/docs/guides/issues/routes.html             |   6 +-
 ja/docs/guides/migration/from-custom.html     |   6 +-
 ja/docs/guides/migration/from-v1.html         |   6 +-
 ja/docs/guides/tech/with-nextjs.html          |   6 +-
 ja/docs/guides/tech/with-nuxtjs.html          |   6 +-
 ja/docs/guides/tech/with-react-query.html     |   6 +-
 ja/docs/guides/tech/with-sveltekit.html       |   6 +-
 ja/docs/reference.html                        |   6 +-
 ja/docs/reference/isolation.html              |   6 +-
 .../isolation/coupling-cohesion.html          |   6 +-
 .../isolation/decouple-entities.html          |   6 +-
 ja/docs/reference/layers.html                 |   6 +-
 ja/docs/reference/public-api.html             |   6 +-
 ja/docs/reference/slices-segments.html        |   6 +-
 ja/examples.html                              |   4 +-
 ja/index.html                                 |   4 +-
 ja/nav.html                                   |   4 +-
 ja/search.html                                |   4 +-
 ja/versions.html                              |   4 +-
 kr/404.html                                   |   4 +-
 ...9e362.68be805a.js => 0499e362.163bbdd5.js} |   2 +-
 ...ee302.c524f746.js => 0a4ee302.a425794b.js} |   2 +-
 kr/assets/js/2104cbf7.c39707b8.js             |   1 +
 ...64a0f.1c0d6422.js => 2f764a0f.3c8a626c.js} |   2 +-
 kr/assets/js/302360db.5fbe1185.js             |   1 +
 kr/assets/js/302360db.9919ad0e.js             |   1 -
 ...1f8ae.6fd0c861.js => 3121f8ae.be07d895.js} |   2 +-
 ...d1c3d.98412e78.js => 350d1c3d.ba24b719.js} |   2 +-
 ...f8845.7f658ba2.js => 370f8845.0856ea0a.js} |   2 +-
 ...652fb.1887bded.js => 3d2652fb.970eff8d.js} |   2 +-
 ...5053a.4d47c108.js => 3ef5053a.6be47c71.js} |   4 +-
 ...E.txt => 3ef5053a.6be47c71.js.LICENSE.txt} |   0
 ...abe1d.993ee577.js => 40babe1d.dbfa43b5.js} |   2 +-
 kr/assets/js/4498315b.245b192e.js             |   1 +
 ...f28a3.abe81105.js => 480f28a3.5865169c.js} |   2 +-
 ...b6464.76d1cae8.js => 488b6464.77d81216.js} |   2 +-
 ...61156.936aa929.js => 49161156.4043620d.js} |   2 +-
 ...7bed2.4697bfb7.js => 5187bed2.01d06184.js} |   2 +-
 ...8e831.4310bad5.js => 53f8e831.a05205ed.js} |   4 +-
 ...E.txt => 53f8e831.a05205ed.js.LICENSE.txt} |   0
 ...0769a.a79305c3.js => 55b0769a.f90d99cb.js} |   2 +-
 ...bebd6.31a244cb.js => 55fbebd6.2b9be27f.js} |   2 +-
 ...d98cc.987eb95b.js => 590d98cc.81125e8c.js} |   2 +-
 ...61d3b.2d1ab5ab.js => 5bd61d3b.bea111aa.js} |   2 +-
 ...e5f34.bf18fcfc.js => 5f7e5f34.06150c91.js} |   2 +-
 ...6c8dc.d4b8e645.js => 6636c8dc.f9c7a26a.js} |   2 +-
 ...a648d.08c8f551.js => 664a648d.fbf8157e.js} |   2 +-
 ...3db7c.75692bdf.js => 66d3db7c.597a0c93.js} |   2 +-
 ...2487b.f6b40a77.js => 7052487b.f7b6b691.js} |   4 +-
 ...E.txt => 7052487b.f7b6b691.js.LICENSE.txt} |   0
 kr/assets/js/7313bf7a.258507e0.js             |   1 -
 kr/assets/js/7313bf7a.90312f91.js             |   1 +
 ...90ed0.37af84b3.js => 7a790ed0.d61bf617.js} |   2 +-
 ...0dbae.e3d9c822.js => 84a0dbae.d07d3836.js} |   2 +-
 kr/assets/js/857ae1bf.91a15148.js             |   1 -
 ...5c187.6b6236af.js => 87e5c187.7f2c5811.js} |   2 +-
 ...a42c3.c7c9739b.js => 8b5a42c3.f51bfec3.js} |   2 +-
 ...3e59a.e66aa81a.js => 8b93e59a.af1810d8.js} |   2 +-
 ...e6152.f1e8a22b.js => 8c1e6152.f6e12db3.js} |   2 +-
 ...83ff6.a857b6a8.js => 8ce83ff6.ca059c34.js} |   2 +-
 ...3d7f4.63476ef2.js => 9b83d7f4.13d292d7.js} |   2 +-
 ...dcbb0.d3f7b5f6.js => 9f1dcbb0.9a05b37a.js} |   2 +-
 ...21a63.a720c8db.js => a1521a63.e4c3c87f.js} |   2 +-
 ...6f730.0baee023.js => a386f730.309b585d.js} |   2 +-
 ...c55ce.beb260c3.js => a61c55ce.6debd31c.js} |   4 +-
 ...E.txt => a61c55ce.6debd31c.js.LICENSE.txt} |   0
 ...f5b8a.7fa61525.js => acaf5b8a.c84d69a3.js} |   2 +-
 kr/assets/js/ba8bb0f7.d326caca.js             |   1 -
 ...6474c.08d7609f.js => c0c6474c.4a9a7641.js} |   2 +-
 ...0faae.cd5fde3a.js => c4d0faae.2f8fbe53.js} |   2 +-
 ...66f39.fadc5cd1.js => c5666f39.8ccb6d94.js} |   4 +-
 ...E.txt => c5666f39.8ccb6d94.js.LICENSE.txt} |   0
 ...88a7b.b797e95e.js => cb388a7b.f71f6902.js} |   2 +-
 ...cbfb8.7862b397.js => d13cbfb8.97e3bb8d.js} |   4 +-
 ...E.txt => d13cbfb8.97e3bb8d.js.LICENSE.txt} |   0
 ...9437a.91687529.js => d999437a.0fbe7e3d.js} |   2 +-
 ...5ecdf.bf0d525a.js => dfe5ecdf.926d0ad6.js} |   2 +-
 ...c2047.ffc8dc25.js => e01c2047.a85c5b5b.js} |   2 +-
 ...03eab.3bb0ff00.js => e1003eab.81da9868.js} |   2 +-
 ...0d304.cd698f00.js => e1c0d304.c2b4ef10.js} |   2 +-
 kr/assets/js/e325b37e.fa3acbe3.js             |   1 +
 kr/assets/js/e325b37e.feb952fc.js             |   1 -
 ...f8eb6.34f1ec06.js => e6bf8eb6.47148bb6.js} |   2 +-
 ...dcfcb.1e543691.js => ed3dcfcb.aa196250.js} |   2 +-
 ...67325.f121079d.js => f2567325.a1cf8d43.js} |   2 +-
 ...174dc.5268bd91.js => f2c174dc.aeff108a.js} |   2 +-
 ...29f8e.cdebf93b.js => fe129f8e.906c651e.js} |   2 +-
 kr/assets/js/main.6d627ed0.js                 |   2 -
 kr/assets/js/main.ea09754c.js                 |   2 +
 ...CENSE.txt => main.ea09754c.js.LICENSE.txt} |   0
 kr/assets/js/runtime~main.747d66f0.js         |   1 -
 kr/assets/js/runtime~main.c4f81ee2.js         |   1 +
 kr/blog.html                                  |   4 +-
 kr/blog/archive.html                          |   4 +-
 kr/blog/international-community.html          |   4 +-
 kr/blog/rebranding-stable.html                |   4 +-
 kr/blog/tags.html                             |   4 +-
 kr/blog/tags/brand.html                       |   4 +-
 kr/blog/tags/community.html                   |   4 +-
 kr/blog/tags/discord.html                     |   4 +-
 kr/blog/tags/promo.html                       |   4 +-
 kr/community.html                             |   6 +-
 kr/community/team.html                        |   6 +-
 kr/docs.html                                  |   6 +-
 kr/docs/about.html                            |   6 +-
 kr/docs/about/alternatives.html               |   6 +-
 kr/docs/about/mission.html                    |   6 +-
 kr/docs/about/motivation.html                 |   6 +-
 kr/docs/about/promote/for-company.html        |   6 +-
 kr/docs/about/promote/for-team.html           |   6 +-
 kr/docs/about/promote/integration.html        |   6 +-
 .../about/promote/partial-application.html    |   6 +-
 kr/docs/about/understanding/abstractions.html |   6 +-
 kr/docs/about/understanding/architecture.html |   6 +-
 .../about/understanding/knowledge-types.html  |   6 +-
 kr/docs/about/understanding/naming.html       |   6 +-
 kr/docs/about/understanding/needs-driven.html |   6 +-
 kr/docs/about/understanding/signals.html      |   6 +-
 kr/docs/branding.html                         |   6 +-
 kr/docs/get-started.html                      |   8 +-
 kr/docs/get-started/cheatsheet.html           |   8 +-
 kr/docs/get-started/faq.html                  |  56 +--
 kr/docs/get-started/overview.html             |  12 +-
 kr/docs/get-started/tutorial.html             | 338 +++++++++---------
 kr/docs/guides.html                           |   6 +-
 kr/docs/guides/examples.html                  |   6 +-
 kr/docs/guides/examples/auth.html             |   6 +-
 kr/docs/guides/examples/autocompleted.html    |   6 +-
 kr/docs/guides/examples/browser-api.html      |   6 +-
 kr/docs/guides/examples/cms.html              |   6 +-
 kr/docs/guides/examples/feedback.html         |   6 +-
 kr/docs/guides/examples/i18n.html             |   6 +-
 kr/docs/guides/examples/metric.html           |   6 +-
 kr/docs/guides/examples/monorepo.html         |   6 +-
 kr/docs/guides/examples/page-layout.html      |   6 +-
 kr/docs/guides/examples/platforms.html        |   6 +-
 kr/docs/guides/examples/ssr.html              |   6 +-
 kr/docs/guides/examples/theme.html            |   6 +-
 kr/docs/guides/examples/types.html            |   6 +-
 kr/docs/guides/examples/white-labels.html     |   6 +-
 kr/docs/guides/issues/cross-imports.html      |   6 +-
 kr/docs/guides/issues/desegmented.html        |   6 +-
 kr/docs/guides/issues/routes.html             |   6 +-
 kr/docs/guides/migration/from-custom.html     |   6 +-
 kr/docs/guides/migration/from-v1.html         |   6 +-
 kr/docs/guides/tech/with-nextjs.html          |   6 +-
 kr/docs/guides/tech/with-nuxtjs.html          |   6 +-
 kr/docs/guides/tech/with-react-query.html     |   6 +-
 kr/docs/guides/tech/with-sveltekit.html       |   6 +-
 kr/docs/reference.html                        |   6 +-
 kr/docs/reference/isolation.html              |   6 +-
 .../isolation/coupling-cohesion.html          |   6 +-
 .../isolation/decouple-entities.html          |   6 +-
 kr/docs/reference/layers.html                 |   6 +-
 kr/docs/reference/public-api.html             |   6 +-
 kr/docs/reference/slices-segments.html        |   6 +-
 kr/examples.html                              |   4 +-
 kr/index.html                                 |   6 +-
 kr/nav.html                                   |   4 +-
 kr/search.html                                |   4 +-
 kr/versions.html                              |   4 +-
 nav.html                                      |   4 +-
 ru/404.html                                   |   4 +-
 ...1b9d4.62bd2c3f.js => 04b1b9d4.d35f4177.js} |   2 +-
 ...eeff8.51cdbf80.js => 07deeff8.825ba05c.js} |   4 +-
 ...E.txt => 07deeff8.825ba05c.js.LICENSE.txt} |   0
 ...2fa31.51692b42.js => 1232fa31.3a8fb5ed.js} |   4 +-
 ...E.txt => 1232fa31.3a8fb5ed.js.LICENSE.txt} |   0
 ...650ce.2b5267fc.js => 17f650ce.9d654aa8.js} |   2 +-
 ...a16b8.be690b3d.js => 1c0a16b8.1f95eaa9.js} |   2 +-
 ...222b5.e2418e16.js => 1d3222b5.1f850dda.js} |   2 +-
 ...5a0f6.dbcf86c4.js => 20c5a0f6.4d7a1a0b.js} |   2 +-
 ...07bfd.af57590b.js => 2bd07bfd.29f3f253.js} |   4 +-
 ...E.txt => 2bd07bfd.29f3f253.js.LICENSE.txt} |   0
 ...bcbef.dcdf5dcc.js => 352bcbef.b3926fe6.js} |   2 +-
 ...5367b.ed09fd79.js => 35c5367b.1b719cdf.js} |   2 +-
 ...4669e.8e1500cf.js => 3b64669e.0c0aa088.js} |   2 +-
 ...75544.c34d2da9.js => 44775544.9baa7621.js} |   2 +-
 ...d5840.b0edcac0.js => 457d5840.bb98f460.js} |   2 +-
 ...a1952.a012775a.js => 4eea1952.76ec5d8f.js} |   2 +-
 ...64b99.ceda65a2.js => 58b64b99.7a2c20a7.js} |   2 +-
 ...42e37.6b46c782.js => 62f42e37.e70b6e8f.js} |   2 +-
 ...5b372.efc3df60.js => 6545b372.63345411.js} |   4 +-
 ...E.txt => 6545b372.63345411.js.LICENSE.txt} |   0
 ...340e2.47b50646.js => 670340e2.f3b95fbf.js} |   2 +-
 ...cfc1a.17b08d2f.js => 6becfc1a.b428ca91.js} |   2 +-
 ...557b2.0a7aaf36.js => 6ee557b2.44b4116c.js} |   2 +-
 ...20f43.48185897.js => 71d20f43.3ae6b808.js} |   2 +-
 ru/assets/js/7313bf7a.8b640161.js             |   1 +
 ru/assets/js/7313bf7a.a32a0dfe.js             |   1 -
 ...9802f.34da0f3f.js => 7759802f.77148186.js} |   2 +-
 ...1d677.f9308af0.js => 7b31d677.bbc3bd3d.js} |   2 +-
 ...aa0e6.f2e7b441.js => 808aa0e6.e3cf08c1.js} |   2 +-
 ...b5b69.f6c43b85.js => 81cb5b69.7c38eedd.js} |   2 +-
 ...c10e1.df720cb1.js => 8edc10e1.06c454b2.js} |   2 +-
 ...52043.45f58b8c.js => 90c52043.39c01627.js} |   2 +-
 ...dbc63.10f77668.js => 9b6dbc63.16561f6d.js} |   4 +-
 ...E.txt => 9b6dbc63.16561f6d.js.LICENSE.txt} |   0
 ...8add1.f6dbad72.js => 9fc8add1.3adf94c0.js} |   2 +-
 ...ebdbc.d9cf30b9.js => a01ebdbc.fd711d89.js} |   2 +-
 ...378e3.e6284e14.js => a41378e3.4de46e44.js} |   2 +-
 ...c55ce.9c7f5d30.js => a61c55ce.6a925e29.js} |   4 +-
 ...E.txt => a61c55ce.6a925e29.js.LICENSE.txt} |   0
 ...7d4fc.cfcb092e.js => a657d4fc.20d78aad.js} |   2 +-
 ...b2b9f.10944df0.js => a6bb2b9f.40b4145b.js} |   2 +-
 ...f4ecc.10100931.js => a97f4ecc.464ab23e.js} |   2 +-
 ...c393c.3af7ae06.js => b79c393c.0b7410b2.js} |   2 +-
 ...2a7aa.1e615c0d.js => b9d2a7aa.10ff0f4c.js} |   2 +-
 ...03a1b.ba3b4b6f.js => bce03a1b.3887e9f0.js} |   2 +-
 ...4bf5d.7379ae24.js => c0c4bf5d.fc679494.js} |   2 +-
 ...f052d.37a3fe4c.js => ce6f052d.9165050e.js} |   2 +-
 ...99f5e.925b3e3f.js => cf699f5e.5f7993d4.js} |   2 +-
 ...8dcf5.d1e989cf.js => d178dcf5.1765458a.js} |   2 +-
 ...19b62.97153798.js => d1f19b62.57c55822.js} |   2 +-
 ...5dc26.151b7d06.js => d595dc26.a8f82a70.js} |   2 +-
 ...fd790.032e147b.js => dd4fd790.c09bfd66.js} |   2 +-
 ...a3126.a4e92772.js => e38a3126.871afbc9.js} |   2 +-
 ...e2184.c5c8511c.js => e71e2184.a75f052b.js} |   2 +-
 ...c891f.495e7915.js => e9dc891f.8c6febdc.js} |   2 +-
 ...bed87.31115718.js => eb8bed87.bc6d1def.js} |   2 +-
 ...b339c.8629c7a7.js => f22b339c.c035fbc2.js} |   2 +-
 ...d466e.b2a318f0.js => f39d466e.589bb8f3.js} |   2 +-
 ...88823.f26b499c.js => fcc88823.acd1ca66.js} |   2 +-
 ...408fa.823c32ef.js => fee408fa.58d0dbd3.js} |   2 +-
 ...50de1.162fb84e.js => ffe50de1.96b7e3e5.js} |   2 +-
 .../js/{main.d5dbc580.js => main.ba59251d.js} |   4 +-
 ...CENSE.txt => main.ba59251d.js.LICENSE.txt} |   0
 ...n.d88d86db.js => runtime~main.83a61e56.js} |   2 +-
 ru/blog.html                                  |   4 +-
 ru/blog/archive.html                          |   4 +-
 ru/blog/international-community.html          |   4 +-
 ru/blog/rebranding-stable.html                |   4 +-
 ru/blog/tags.html                             |   4 +-
 ru/blog/tags/brand.html                       |   4 +-
 ru/blog/tags/community.html                   |   4 +-
 ru/blog/tags/discord.html                     |   4 +-
 ru/blog/tags/promo.html                       |   4 +-
 ru/community.html                             |   6 +-
 ru/community/team.html                        |   6 +-
 ru/docs.html                                  |   6 +-
 ru/docs/about.html                            |   6 +-
 ru/docs/about/alternatives.html               |   6 +-
 ru/docs/about/mission.html                    |   6 +-
 ru/docs/about/motivation.html                 |   6 +-
 ru/docs/about/promote/for-company.html        |   6 +-
 ru/docs/about/promote/for-team.html           |   6 +-
 ru/docs/about/promote/integration.html        |   6 +-
 .../about/promote/partial-application.html    |   6 +-
 ru/docs/about/understanding/abstractions.html |   6 +-
 ru/docs/about/understanding/architecture.html |   6 +-
 .../about/understanding/knowledge-types.html  |   6 +-
 ru/docs/about/understanding/naming.html       |   6 +-
 ru/docs/about/understanding/needs-driven.html |   6 +-
 ru/docs/about/understanding/signals.html      |   6 +-
 ru/docs/branding.html                         |   6 +-
 ru/docs/get-started.html                      |   6 +-
 ru/docs/get-started/cheatsheet.html           |   6 +-
 ru/docs/get-started/faq.html                  |   6 +-
 ru/docs/get-started/overview.html             |   6 +-
 ru/docs/get-started/tutorial.html             |   6 +-
 ru/docs/guides.html                           |   6 +-
 ru/docs/guides/examples.html                  |   6 +-
 ru/docs/guides/examples/auth.html             |   6 +-
 ru/docs/guides/examples/autocompleted.html    |   6 +-
 ru/docs/guides/examples/browser-api.html      |   6 +-
 ru/docs/guides/examples/cms.html              |   6 +-
 ru/docs/guides/examples/feedback.html         |   6 +-
 ru/docs/guides/examples/i18n.html             |   6 +-
 ru/docs/guides/examples/metric.html           |   6 +-
 ru/docs/guides/examples/monorepo.html         |   6 +-
 ru/docs/guides/examples/page-layout.html      |   6 +-
 ru/docs/guides/examples/platforms.html        |   6 +-
 ru/docs/guides/examples/ssr.html              |   6 +-
 ru/docs/guides/examples/theme.html            |   6 +-
 ru/docs/guides/examples/types.html            |   6 +-
 ru/docs/guides/examples/white-labels.html     |   6 +-
 ru/docs/guides/issues/cross-imports.html      |   6 +-
 ru/docs/guides/issues/desegmented.html        |   6 +-
 ru/docs/guides/issues/routes.html             |   6 +-
 ru/docs/guides/migration/from-custom.html     |   6 +-
 ru/docs/guides/migration/from-v1.html         |   6 +-
 ru/docs/guides/tech/with-nextjs.html          |   6 +-
 ru/docs/guides/tech/with-nuxtjs.html          |   6 +-
 ru/docs/guides/tech/with-react-query.html     |   6 +-
 ru/docs/guides/tech/with-sveltekit.html       |   6 +-
 ru/docs/reference.html                        |   6 +-
 ru/docs/reference/isolation.html              |   6 +-
 .../isolation/coupling-cohesion.html          |   6 +-
 .../isolation/decouple-entities.html          |   6 +-
 ru/docs/reference/layers.html                 |   6 +-
 ru/docs/reference/public-api.html             |   6 +-
 ru/docs/reference/slices-segments.html        |   6 +-
 ru/examples.html                              |   4 +-
 ru/index.html                                 |   4 +-
 ru/nav.html                                   |   4 +-
 ru/search.html                                |   4 +-
 ru/versions.html                              |   4 +-
 search.html                                   |   4 +-
 uz/404.html                                   |   4 +-
 ...a3ac7.ad4cacab.js => 022a3ac7.83e1f395.js} |   4 +-
 ...E.txt => 022a3ac7.83e1f395.js.LICENSE.txt} |   0
 ...9e362.73fb0383.js => 0499e362.12e093af.js} |   2 +-
 ...221cc.71a2ab79.js => 066221cc.84e17c5f.js} |   2 +-
 ...ee302.d33b4f03.js => 0a4ee302.dc42dfbb.js} |   2 +-
 ...64a0f.6f4a9237.js => 2f764a0f.7e4b0937.js} |   2 +-
 ...1f8ae.a3f7fb1b.js => 3121f8ae.b4f4a5e4.js} |   2 +-
 ...d1c3d.f3a39c04.js => 350d1c3d.d3870da7.js} |   2 +-
 ...f8845.b5f6ec0f.js => 370f8845.96639f72.js} |   2 +-
 ...652fb.02ae8c39.js => 3d2652fb.10dc0a29.js} |   2 +-
 ...4d4ea.14b9b7c2.js => 4044d4ea.ce610255.js} |   2 +-
 ...f28a3.22c7908e.js => 480f28a3.88ad57ae.js} |   2 +-
 ...b6464.9b46068d.js => 488b6464.3de89d08.js} |   2 +-
 ...61156.df00022c.js => 49161156.2e7c70be.js} |   2 +-
 ...7bed2.49b5c072.js => 5187bed2.eabbc829.js} |   2 +-
 ...8e831.1735c9f8.js => 53f8e831.4b4983e2.js} |   4 +-
 ...E.txt => 53f8e831.4b4983e2.js.LICENSE.txt} |   0
 ...0769a.1f4d98f5.js => 55b0769a.48fd81fd.js} |   2 +-
 ...d98cc.f6cb0142.js => 590d98cc.01ccb2ef.js} |   2 +-
 ...61d3b.7d17a70b.js => 5bd61d3b.eb1aed45.js} |   2 +-
 ...e5f34.5339c6fc.js => 5f7e5f34.94a86491.js} |   2 +-
 ...6c8dc.6186197e.js => 6636c8dc.a7c7b845.js} |   2 +-
 ...a648d.1511c618.js => 664a648d.85f82e4c.js} |   2 +-
 ...3db7c.9d217177.js => 66d3db7c.3b1ad8f2.js} |   2 +-
 uz/assets/js/7313bf7a.70a9af1d.js             |   1 +
 uz/assets/js/7313bf7a.fc2094fb.js             |   1 -
 ...90ed0.73f7ad1c.js => 7a790ed0.a824e762.js} |   2 +-
 ...0dbae.6e142b73.js => 84a0dbae.8ae8fa4b.js} |   2 +-
 ...ae1bf.2e68d5f3.js => 857ae1bf.40d72e5b.js} |   2 +-
 ...1fb1e.dc4c7115.js => 8651fb1e.3fd24d62.js} |   2 +-
 ...5c187.e7f927d9.js => 87e5c187.1ab41db9.js} |   2 +-
 ...a42c3.91c00e92.js => 8b5a42c3.eb52aa5d.js} |   2 +-
 ...3e59a.e82e9dd9.js => 8b93e59a.0c26b843.js} |   2 +-
 ...e6152.fcce3de2.js => 8c1e6152.ee0d5298.js} |   2 +-
 ...83ff6.8cc8f521.js => 8ce83ff6.bb687c48.js} |   2 +-
 ...3d7f4.d86d9673.js => 9b83d7f4.cdb6b642.js} |   2 +-
 ...21a63.5ece9b65.js => a1521a63.c7c64816.js} |   2 +-
 ...6f730.2936ede0.js => a386f730.2d8446ab.js} |   2 +-
 ...c55ce.38ef8e5c.js => a61c55ce.40ef7f63.js} |   4 +-
 ...E.txt => a61c55ce.40ef7f63.js.LICENSE.txt} |   0
 ...f5b8a.7ee7061a.js => acaf5b8a.e76787b7.js} |   2 +-
 ...bb0f7.8111f9d8.js => ba8bb0f7.df9c18d8.js} |   2 +-
 ...6474c.6a6b25d1.js => c0c6474c.69356088.js} |   2 +-
 ...0faae.50153733.js => c4d0faae.68d43b7e.js} |   2 +-
 ...66f39.77b2d559.js => c5666f39.b6dea57c.js} |   4 +-
 ...E.txt => c5666f39.b6dea57c.js.LICENSE.txt} |   0
 ...88a7b.30332c99.js => cb388a7b.34f03135.js} |   2 +-
 ...cbfb8.eada72eb.js => d13cbfb8.5d6516bb.js} |   4 +-
 ...E.txt => d13cbfb8.5d6516bb.js.LICENSE.txt} |   0
 ...aea7e.73fa66c9.js => d7baea7e.c50c2f40.js} |   4 +-
 ...E.txt => d7baea7e.c50c2f40.js.LICENSE.txt} |   0
 ...9437a.68bc4aeb.js => d999437a.396e9869.js} |   2 +-
 ...5ecdf.9524dec2.js => dfe5ecdf.fa6a02f5.js} |   2 +-
 ...c2047.27093293.js => e01c2047.dacc89e2.js} |   2 +-
 ...03eab.01c9737e.js => e1003eab.5819ec7d.js} |   2 +-
 ...0d304.c0e39259.js => e1c0d304.648e4c85.js} |   2 +-
 ...09638.9cd142cc.js => e3309638.db32984a.js} |   2 +-
 ...f8eb6.c12ce56f.js => e6bf8eb6.3e49af40.js} |   2 +-
 ...dcfcb.9707b8a9.js => ed3dcfcb.a59bd261.js} |   2 +-
 ...67325.8e9beaae.js => f2567325.68ff21f9.js} |   2 +-
 ...174dc.ec3571c4.js => f2c174dc.d9ce33ca.js} |   2 +-
 ...29f8e.f1eace81.js => fe129f8e.4a58ea5c.js} |   2 +-
 .../js/{main.ef087bb6.js => main.b67529a2.js} |   4 +-
 ...CENSE.txt => main.b67529a2.js.LICENSE.txt} |   0
 ...n.a1b42f8f.js => runtime~main.d90f1c87.js} |   2 +-
 uz/blog.html                                  |   4 +-
 uz/blog/archive.html                          |   4 +-
 uz/blog/international-community.html          |   4 +-
 uz/blog/rebranding-stable.html                |   4 +-
 uz/blog/tags.html                             |   4 +-
 uz/blog/tags/brand.html                       |   4 +-
 uz/blog/tags/community.html                   |   4 +-
 uz/blog/tags/discord.html                     |   4 +-
 uz/blog/tags/promo.html                       |   4 +-
 uz/community.html                             |   6 +-
 uz/community/team.html                        |   6 +-
 uz/docs.html                                  |   6 +-
 uz/docs/about.html                            |   6 +-
 uz/docs/about/alternatives.html               |   6 +-
 uz/docs/about/mission.html                    |   6 +-
 uz/docs/about/motivation.html                 |   6 +-
 uz/docs/about/promote/for-company.html        |   6 +-
 uz/docs/about/promote/for-team.html           |   6 +-
 uz/docs/about/promote/integration.html        |   6 +-
 .../about/promote/partial-application.html    |   6 +-
 uz/docs/about/understanding/abstractions.html |   6 +-
 uz/docs/about/understanding/architecture.html |   6 +-
 .../about/understanding/knowledge-types.html  |   6 +-
 uz/docs/about/understanding/naming.html       |   6 +-
 uz/docs/about/understanding/needs-driven.html |   6 +-
 uz/docs/about/understanding/signals.html      |   6 +-
 uz/docs/branding.html                         |   6 +-
 uz/docs/get-started.html                      |   6 +-
 uz/docs/get-started/cheatsheet.html           |   6 +-
 uz/docs/get-started/faq.html                  |   6 +-
 uz/docs/get-started/overview.html             |   6 +-
 uz/docs/get-started/tutorial.html             |   6 +-
 uz/docs/guides.html                           |   6 +-
 uz/docs/guides/examples.html                  |   6 +-
 uz/docs/guides/examples/auth.html             |   6 +-
 uz/docs/guides/examples/autocompleted.html    |   6 +-
 uz/docs/guides/examples/browser-api.html      |   6 +-
 uz/docs/guides/examples/cms.html              |   6 +-
 uz/docs/guides/examples/feedback.html         |   6 +-
 uz/docs/guides/examples/i18n.html             |   6 +-
 uz/docs/guides/examples/metric.html           |   6 +-
 uz/docs/guides/examples/monorepo.html         |   6 +-
 uz/docs/guides/examples/page-layout.html      |   6 +-
 uz/docs/guides/examples/platforms.html        |   6 +-
 uz/docs/guides/examples/ssr.html              |   6 +-
 uz/docs/guides/examples/theme.html            |   6 +-
 uz/docs/guides/examples/types.html            |   6 +-
 uz/docs/guides/examples/white-labels.html     |   6 +-
 uz/docs/guides/issues/cross-imports.html      |   6 +-
 uz/docs/guides/issues/desegmented.html        |   6 +-
 uz/docs/guides/issues/routes.html             |   6 +-
 uz/docs/guides/migration/from-custom.html     |   6 +-
 uz/docs/guides/migration/from-v1.html         |   6 +-
 uz/docs/guides/tech/with-nextjs.html          |   6 +-
 uz/docs/guides/tech/with-nuxtjs.html          |   6 +-
 uz/docs/guides/tech/with-react-query.html     |   6 +-
 uz/docs/guides/tech/with-sveltekit.html       |   6 +-
 uz/docs/reference.html                        |   6 +-
 uz/docs/reference/isolation.html              |   6 +-
 .../isolation/coupling-cohesion.html          |   6 +-
 .../isolation/decouple-entities.html          |   6 +-
 uz/docs/reference/layers.html                 |   6 +-
 uz/docs/reference/public-api.html             |   6 +-
 uz/docs/reference/slices-segments.html        |   6 +-
 uz/examples.html                              |   4 +-
 uz/index.html                                 |   4 +-
 uz/nav.html                                   |   4 +-
 uz/search.html                                |   4 +-
 uz/versions.html                              |   4 +-
 versions.html                                 |   4 +-
 682 files changed, 1493 insertions(+), 1493 deletions(-)
 rename assets/js/{0499e362.44db6fdb.js => 0499e362.7940ce3b.js} (98%)
 rename assets/js/{066221cc.7e1896da.js => 066221cc.06ec80c9.js} (99%)
 rename assets/js/{0a4ee302.9b62bc0a.js => 0a4ee302.baca1795.js} (98%)
 rename assets/js/{2f764a0f.2f7836d4.js => 2f764a0f.1c1ea022.js} (99%)
 rename assets/js/{3121f8ae.e4c5f70f.js => 3121f8ae.dd317339.js} (98%)
 rename assets/js/{350d1c3d.877f4062.js => 350d1c3d.57df0615.js} (99%)
 rename assets/js/{370f8845.cb4fa0be.js => 370f8845.5ca6fe62.js} (99%)
 rename assets/js/{3d2652fb.a1c2eb86.js => 3d2652fb.5b5cf927.js} (99%)
 rename assets/js/{3ef5053a.c16f46f1.js => 3ef5053a.abadadea.js} (98%)
 rename assets/js/{3ef5053a.c16f46f1.js.LICENSE.txt => 3ef5053a.abadadea.js.LICENSE.txt} (100%)
 rename assets/js/{40babe1d.ce9d795c.js => 40babe1d.b3927de2.js} (99%)
 rename assets/js/{480f28a3.322b62ec.js => 480f28a3.e3e8c8f9.js} (98%)
 rename assets/js/{488b6464.26897d6a.js => 488b6464.0f8dcdf2.js} (99%)
 rename assets/js/{49161156.6affe7f6.js => 49161156.6e8fe50c.js} (98%)
 rename assets/js/{5187bed2.e44189dd.js => 5187bed2.354aa3a6.js} (99%)
 rename assets/js/{53f8e831.36b1647b.js => 53f8e831.565a6c32.js} (97%)
 rename assets/js/{53f8e831.36b1647b.js.LICENSE.txt => 53f8e831.565a6c32.js.LICENSE.txt} (100%)
 rename assets/js/{55b0769a.c6add365.js => 55b0769a.54426547.js} (98%)
 rename assets/js/{55fbebd6.3b453fe2.js => 55fbebd6.4462abfa.js} (99%)
 rename assets/js/{590d98cc.e141b15c.js => 590d98cc.e4f8ef01.js} (98%)
 rename assets/js/{5bd61d3b.bb3f7579.js => 5bd61d3b.000b744a.js} (98%)
 rename assets/js/{5f7e5f34.7992d430.js => 5f7e5f34.114f20ee.js} (99%)
 rename assets/js/{6636c8dc.742b6c2e.js => 6636c8dc.643611ba.js} (97%)
 rename assets/js/{664a648d.45230f5b.js => 664a648d.6f104f28.js} (98%)
 rename assets/js/{66d3db7c.d32ccfa2.js => 66d3db7c.8104d873.js} (99%)
 delete mode 100644 assets/js/7313bf7a.6074efbc.js
 create mode 100644 assets/js/7313bf7a.62dbeef4.js
 rename assets/js/{7a790ed0.72e8eb4a.js => 7a790ed0.70f2e52a.js} (99%)
 rename assets/js/{84a0dbae.458e0966.js => 84a0dbae.1a081c9c.js} (99%)
 rename assets/js/{857ae1bf.50506894.js => 857ae1bf.5ed9dd9a.js} (99%)
 rename assets/js/{87e5c187.e7b86eb1.js => 87e5c187.51198970.js} (98%)
 rename assets/js/{8b5a42c3.99413a71.js => 8b5a42c3.d37b8df8.js} (98%)
 rename assets/js/{8b93e59a.a1040703.js => 8b93e59a.c8469578.js} (99%)
 rename assets/js/{8c1e6152.ac52de38.js => 8c1e6152.47e22a6f.js} (99%)
 rename assets/js/{8ce83ff6.57d62a9f.js => 8ce83ff6.7ac5dab4.js} (98%)
 rename assets/js/{9b83d7f4.828eb6e2.js => 9b83d7f4.b8a982bd.js} (98%)
 rename assets/js/{9f1dcbb0.2eb41639.js => 9f1dcbb0.16886885.js} (99%)
 rename assets/js/{a1521a63.88f13bb5.js => a1521a63.cd08cdc5.js} (98%)
 rename assets/js/{a386f730.af4bf0fb.js => a386f730.e0c9a4c0.js} (99%)
 rename assets/js/{a61c55ce.020c90ec.js => a61c55ce.275776b6.js} (63%)
 rename assets/js/{a61c55ce.020c90ec.js.LICENSE.txt => a61c55ce.275776b6.js.LICENSE.txt} (100%)
 rename assets/js/{acaf5b8a.14d96582.js => acaf5b8a.bbea271e.js} (98%)
 rename assets/js/{ba8bb0f7.46ab3b93.js => ba8bb0f7.7f4ffb53.js} (99%)
 rename assets/js/{c0c6474c.3aeeafe1.js => c0c6474c.856ecca8.js} (98%)
 rename assets/js/{c4d0faae.93afbcca.js => c4d0faae.582f7b45.js} (98%)
 rename assets/js/{c5666f39.b861f146.js => c5666f39.2d3b80ab.js} (98%)
 rename assets/js/{c5666f39.b861f146.js.LICENSE.txt => c5666f39.2d3b80ab.js.LICENSE.txt} (100%)
 rename assets/js/{cb388a7b.019a1bff.js => cb388a7b.8d249fba.js} (99%)
 rename assets/js/{d13cbfb8.412df8d8.js => d13cbfb8.12b3a893.js} (97%)
 rename assets/js/{d13cbfb8.412df8d8.js.LICENSE.txt => d13cbfb8.12b3a893.js.LICENSE.txt} (100%)
 rename assets/js/{d7baea7e.d7300d38.js => d7baea7e.6cb4bfff.js} (98%)
 rename assets/js/{d7baea7e.d7300d38.js.LICENSE.txt => d7baea7e.6cb4bfff.js.LICENSE.txt} (100%)
 rename assets/js/{d999437a.f17f2b4e.js => d999437a.d42ae5cd.js} (98%)
 rename assets/js/{dfe5ecdf.258fc5a2.js => dfe5ecdf.b32c4b90.js} (98%)
 rename assets/js/{e01c2047.99284e69.js => e01c2047.3cf0ebe9.js} (98%)
 rename assets/js/{e1003eab.bd9d33c6.js => e1003eab.f5d1a251.js} (97%)
 rename assets/js/{e1c0d304.32288a2f.js => e1c0d304.213c7d23.js} (98%)
 rename assets/js/{e6bf8eb6.ecf70ec8.js => e6bf8eb6.0dcef120.js} (99%)
 rename assets/js/{ed3dcfcb.c7c67d46.js => ed3dcfcb.d5a51c16.js} (98%)
 rename assets/js/{f2567325.f285b311.js => f2567325.922e1979.js} (98%)
 rename assets/js/{f2c174dc.c0f4bd80.js => f2c174dc.47aef1c8.js} (99%)
 rename assets/js/{fe129f8e.9edff5bf.js => fe129f8e.9d3467f9.js} (96%)
 rename assets/js/{main.e2ab5a51.js => main.360a9d35.js} (98%)
 rename assets/js/{main.e2ab5a51.js.LICENSE.txt => main.360a9d35.js.LICENSE.txt} (100%)
 rename assets/js/{runtime~main.06c92bf3.js => runtime~main.29fb6ef5.js} (59%)
 rename ja/assets/js/{012f76d8.0d26c4d6.js => 012f76d8.dda6753c.js} (98%)
 rename ja/assets/js/{0288f121.c0d3057f.js => 0288f121.9ff7ad0a.js} (99%)
 rename ja/assets/js/{0289c23f.78005ed1.js => 0289c23f.bf82634d.js} (97%)
 rename ja/assets/js/{05cea7a5.0075ee40.js => 05cea7a5.2123c32d.js} (98%)
 rename ja/assets/js/{06894aee.161a7678.js => 06894aee.4fc234ba.js} (98%)
 rename ja/assets/js/{0d985d97.72948b33.js => 0d985d97.9dfc44db.js} (99%)
 rename ja/assets/js/{0fe5f65b.9289c53a.js => 0fe5f65b.44b30890.js} (95%)
 rename ja/assets/js/{12472d65.8afa1d33.js => 12472d65.b965a988.js} (99%)
 rename ja/assets/js/{13884f15.602d033f.js => 13884f15.ccb96ee5.js} (98%)
 rename ja/assets/js/{165a9db9.966d9fb2.js => 165a9db9.204c30d2.js} (99%)
 rename ja/assets/js/{179fe0e3.23e3aaf9.js => 179fe0e3.a3bb1d3d.js} (98%)
 rename ja/assets/js/{1ef93b0e.a0a8141b.js => 1ef93b0e.168c9b4b.js} (98%)
 rename ja/assets/js/{2b049514.af726dcb.js => 2b049514.f02ded29.js} (98%)
 rename ja/assets/js/{32d45827.0a305c07.js => 32d45827.c43baede.js} (99%)
 rename ja/assets/js/{384f90b7.8478e974.js => 384f90b7.c8d702d1.js} (98%)
 rename ja/assets/js/{40b15635.383c5b29.js => 40b15635.55157806.js} (99%)
 rename ja/assets/js/{419904cc.751756fe.js => 419904cc.665903d5.js} (99%)
 rename ja/assets/js/{43481703.fa5355bf.js => 43481703.7a66fd45.js} (98%)
 rename ja/assets/js/{44843890.26a031cf.js => 44843890.74a3b667.js} (97%)
 rename ja/assets/js/{45dd4bf3.af1ba6d7.js => 45dd4bf3.945c3c38.js} (99%)
 rename ja/assets/js/{5c333c6a.66806be8.js => 5c333c6a.09e3fd94.js} (99%)
 rename ja/assets/js/{5cc32e33.deec39b3.js => 5cc32e33.0a914d85.js} (98%)
 rename ja/assets/js/{5cc32e33.deec39b3.js.LICENSE.txt => 5cc32e33.0a914d85.js.LICENSE.txt} (100%)
 rename ja/assets/js/{623ef7cc.cd116cc4.js => 623ef7cc.5c0aeb4b.js} (99%)
 rename ja/assets/js/{6f39ea9f.b3b1052a.js => 6f39ea9f.408d6831.js} (97%)
 delete mode 100644 ja/assets/js/7313bf7a.2783f0d6.js
 create mode 100644 ja/assets/js/7313bf7a.aa694090.js
 rename ja/assets/js/{7c24a3b7.e76f082d.js => 7c24a3b7.2dae2f17.js} (98%)
 rename ja/assets/js/{7c24a3b7.e76f082d.js.LICENSE.txt => 7c24a3b7.2dae2f17.js.LICENSE.txt} (100%)
 rename ja/assets/js/{8704bcbb.e092aba8.js => 8704bcbb.da8405ad.js} (98%)
 rename ja/assets/js/{871e0ed2.5ea76ad1.js => 871e0ed2.5448d475.js} (99%)
 rename ja/assets/js/{88daebe4.69e142d4.js => 88daebe4.2d024c1f.js} (99%)
 rename ja/assets/js/{89dfa326.07a4bbad.js => 89dfa326.90f435d2.js} (97%)
 rename ja/assets/js/{8eb9ed98.4fd314fa.js => 8eb9ed98.bc2f1ace.js} (95%)
 rename ja/assets/js/{92d7a9ba.b4915c4f.js => 92d7a9ba.f51c720a.js} (99%)
 rename ja/assets/js/{9654fbea.1943749c.js => 9654fbea.d9987991.js} (99%)
 rename ja/assets/js/{a3319485.30414878.js => a3319485.3d5b3126.js} (98%)
 rename ja/assets/js/{a61c55ce.6feb55a0.js => a61c55ce.74f2f5f7.js} (63%)
 rename ja/assets/js/{a61c55ce.6feb55a0.js.LICENSE.txt => a61c55ce.74f2f5f7.js.LICENSE.txt} (100%)
 rename ja/assets/js/{a6e3103f.da985167.js => a6e3103f.9f8767d0.js} (99%)
 rename ja/assets/js/{adada6d7.530dabc1.js => adada6d7.2f22319c.js} (97%)
 rename ja/assets/js/{b4a7b4dd.3e3855e7.js => b4a7b4dd.7a761edd.js} (98%)
 rename ja/assets/js/{b5a59612.96af0e6f.js => b5a59612.78f88b85.js} (98%)
 rename ja/assets/js/{b5a59612.96af0e6f.js.LICENSE.txt => b5a59612.78f88b85.js.LICENSE.txt} (100%)
 rename ja/assets/js/{b816588c.69114980.js => b816588c.8b2c511f.js} (98%)
 rename ja/assets/js/{ba5630e6.670211c1.js => ba5630e6.1eca766d.js} (99%)
 rename ja/assets/js/{bc21bcd3.2893f66d.js => bc21bcd3.b4d28c9b.js} (99%)
 rename ja/assets/js/{bd483990.8e3ece82.js => bd483990.fe12195e.js} (99%)
 rename ja/assets/js/{c2a37d41.5f41d6b0.js => c2a37d41.64189f3d.js} (97%)
 rename ja/assets/js/{cef4bc17.cfe0d34f.js => cef4bc17.bdb283c7.js} (99%)
 rename ja/assets/js/{cf4aad29.449abcfa.js => cf4aad29.367918e9.js} (99%)
 rename ja/assets/js/{e35da8fa.d22253b6.js => e35da8fa.f638e274.js} (99%)
 rename ja/assets/js/{e3945454.2e5250f5.js => e3945454.c3538be4.js} (98%)
 rename ja/assets/js/{e3945454.2e5250f5.js.LICENSE.txt => e3945454.c3538be4.js.LICENSE.txt} (100%)
 rename ja/assets/js/{e878a63e.3601c37c.js => e878a63e.839ada31.js} (99%)
 rename ja/assets/js/{e8e5643e.712ef6d7.js => e8e5643e.993c13a9.js} (98%)
 rename ja/assets/js/{e8e5643e.712ef6d7.js.LICENSE.txt => e8e5643e.993c13a9.js.LICENSE.txt} (100%)
 rename ja/assets/js/{ebe661a9.f342b68a.js => ebe661a9.93c32722.js} (99%)
 rename ja/assets/js/{f2e71f4c.e1df3a01.js => f2e71f4c.610f827c.js} (99%)
 rename ja/assets/js/{f382d530.225ede72.js => f382d530.d42ad8d0.js} (97%)
 rename ja/assets/js/{faa48f11.d6bf426d.js => faa48f11.12ef5c53.js} (95%)
 rename ja/assets/js/{fc907d4c.d1440c72.js => fc907d4c.2ff6403f.js} (99%)
 rename ja/assets/js/{main.cdd867c6.js => main.29fd47b7.js} (98%)
 rename ja/assets/js/{main.cdd867c6.js.LICENSE.txt => main.29fd47b7.js.LICENSE.txt} (100%)
 rename ja/assets/js/{runtime~main.ac5b7a06.js => runtime~main.37f69f93.js} (52%)
 rename kr/assets/js/{0499e362.68be805a.js => 0499e362.163bbdd5.js} (98%)
 rename kr/assets/js/{0a4ee302.c524f746.js => 0a4ee302.a425794b.js} (99%)
 create mode 100644 kr/assets/js/2104cbf7.c39707b8.js
 rename kr/assets/js/{2f764a0f.1c0d6422.js => 2f764a0f.3c8a626c.js} (99%)
 create mode 100644 kr/assets/js/302360db.5fbe1185.js
 delete mode 100644 kr/assets/js/302360db.9919ad0e.js
 rename kr/assets/js/{3121f8ae.6fd0c861.js => 3121f8ae.be07d895.js} (98%)
 rename kr/assets/js/{350d1c3d.98412e78.js => 350d1c3d.ba24b719.js} (99%)
 rename kr/assets/js/{370f8845.7f658ba2.js => 370f8845.0856ea0a.js} (99%)
 rename kr/assets/js/{3d2652fb.1887bded.js => 3d2652fb.970eff8d.js} (99%)
 rename kr/assets/js/{3ef5053a.4d47c108.js => 3ef5053a.6be47c71.js} (98%)
 rename kr/assets/js/{3ef5053a.4d47c108.js.LICENSE.txt => 3ef5053a.6be47c71.js.LICENSE.txt} (100%)
 rename kr/assets/js/{40babe1d.993ee577.js => 40babe1d.dbfa43b5.js} (99%)
 create mode 100644 kr/assets/js/4498315b.245b192e.js
 rename kr/assets/js/{480f28a3.abe81105.js => 480f28a3.5865169c.js} (98%)
 rename kr/assets/js/{488b6464.76d1cae8.js => 488b6464.77d81216.js} (99%)
 rename kr/assets/js/{49161156.936aa929.js => 49161156.4043620d.js} (98%)
 rename kr/assets/js/{5187bed2.4697bfb7.js => 5187bed2.01d06184.js} (99%)
 rename kr/assets/js/{53f8e831.4310bad5.js => 53f8e831.a05205ed.js} (97%)
 rename kr/assets/js/{53f8e831.4310bad5.js.LICENSE.txt => 53f8e831.a05205ed.js.LICENSE.txt} (100%)
 rename kr/assets/js/{55b0769a.a79305c3.js => 55b0769a.f90d99cb.js} (99%)
 rename kr/assets/js/{55fbebd6.31a244cb.js => 55fbebd6.2b9be27f.js} (99%)
 rename kr/assets/js/{590d98cc.987eb95b.js => 590d98cc.81125e8c.js} (98%)
 rename kr/assets/js/{5bd61d3b.2d1ab5ab.js => 5bd61d3b.bea111aa.js} (98%)
 rename kr/assets/js/{5f7e5f34.bf18fcfc.js => 5f7e5f34.06150c91.js} (99%)
 rename kr/assets/js/{6636c8dc.d4b8e645.js => 6636c8dc.f9c7a26a.js} (97%)
 rename kr/assets/js/{664a648d.08c8f551.js => 664a648d.fbf8157e.js} (98%)
 rename kr/assets/js/{66d3db7c.75692bdf.js => 66d3db7c.597a0c93.js} (99%)
 rename kr/assets/js/{7052487b.f6b40a77.js => 7052487b.f7b6b691.js} (98%)
 rename kr/assets/js/{7052487b.f6b40a77.js.LICENSE.txt => 7052487b.f7b6b691.js.LICENSE.txt} (100%)
 delete mode 100644 kr/assets/js/7313bf7a.258507e0.js
 create mode 100644 kr/assets/js/7313bf7a.90312f91.js
 rename kr/assets/js/{7a790ed0.37af84b3.js => 7a790ed0.d61bf617.js} (99%)
 rename kr/assets/js/{84a0dbae.e3d9c822.js => 84a0dbae.d07d3836.js} (99%)
 delete mode 100644 kr/assets/js/857ae1bf.91a15148.js
 rename kr/assets/js/{87e5c187.6b6236af.js => 87e5c187.7f2c5811.js} (98%)
 rename kr/assets/js/{8b5a42c3.c7c9739b.js => 8b5a42c3.f51bfec3.js} (98%)
 rename kr/assets/js/{8b93e59a.e66aa81a.js => 8b93e59a.af1810d8.js} (99%)
 rename kr/assets/js/{8c1e6152.f1e8a22b.js => 8c1e6152.f6e12db3.js} (99%)
 rename kr/assets/js/{8ce83ff6.a857b6a8.js => 8ce83ff6.ca059c34.js} (98%)
 rename kr/assets/js/{9b83d7f4.63476ef2.js => 9b83d7f4.13d292d7.js} (98%)
 rename kr/assets/js/{9f1dcbb0.d3f7b5f6.js => 9f1dcbb0.9a05b37a.js} (99%)
 rename kr/assets/js/{a1521a63.a720c8db.js => a1521a63.e4c3c87f.js} (98%)
 rename kr/assets/js/{a386f730.0baee023.js => a386f730.309b585d.js} (99%)
 rename kr/assets/js/{a61c55ce.beb260c3.js => a61c55ce.6debd31c.js} (63%)
 rename kr/assets/js/{a61c55ce.beb260c3.js.LICENSE.txt => a61c55ce.6debd31c.js.LICENSE.txt} (100%)
 rename kr/assets/js/{acaf5b8a.7fa61525.js => acaf5b8a.c84d69a3.js} (96%)
 delete mode 100644 kr/assets/js/ba8bb0f7.d326caca.js
 rename kr/assets/js/{c0c6474c.08d7609f.js => c0c6474c.4a9a7641.js} (98%)
 rename kr/assets/js/{c4d0faae.cd5fde3a.js => c4d0faae.2f8fbe53.js} (98%)
 rename kr/assets/js/{c5666f39.fadc5cd1.js => c5666f39.8ccb6d94.js} (98%)
 rename kr/assets/js/{c5666f39.fadc5cd1.js.LICENSE.txt => c5666f39.8ccb6d94.js.LICENSE.txt} (100%)
 rename kr/assets/js/{cb388a7b.b797e95e.js => cb388a7b.f71f6902.js} (99%)
 rename kr/assets/js/{d13cbfb8.7862b397.js => d13cbfb8.97e3bb8d.js} (97%)
 rename kr/assets/js/{d13cbfb8.7862b397.js.LICENSE.txt => d13cbfb8.97e3bb8d.js.LICENSE.txt} (100%)
 rename kr/assets/js/{d999437a.91687529.js => d999437a.0fbe7e3d.js} (98%)
 rename kr/assets/js/{dfe5ecdf.bf0d525a.js => dfe5ecdf.926d0ad6.js} (98%)
 rename kr/assets/js/{e01c2047.ffc8dc25.js => e01c2047.a85c5b5b.js} (98%)
 rename kr/assets/js/{e1003eab.3bb0ff00.js => e1003eab.81da9868.js} (98%)
 rename kr/assets/js/{e1c0d304.cd698f00.js => e1c0d304.c2b4ef10.js} (98%)
 create mode 100644 kr/assets/js/e325b37e.fa3acbe3.js
 delete mode 100644 kr/assets/js/e325b37e.feb952fc.js
 rename kr/assets/js/{e6bf8eb6.34f1ec06.js => e6bf8eb6.47148bb6.js} (99%)
 rename kr/assets/js/{ed3dcfcb.1e543691.js => ed3dcfcb.aa196250.js} (98%)
 rename kr/assets/js/{f2567325.f121079d.js => f2567325.a1cf8d43.js} (98%)
 rename kr/assets/js/{f2c174dc.5268bd91.js => f2c174dc.aeff108a.js} (99%)
 rename kr/assets/js/{fe129f8e.cdebf93b.js => fe129f8e.906c651e.js} (96%)
 delete mode 100644 kr/assets/js/main.6d627ed0.js
 create mode 100644 kr/assets/js/main.ea09754c.js
 rename kr/assets/js/{main.6d627ed0.js.LICENSE.txt => main.ea09754c.js.LICENSE.txt} (100%)
 delete mode 100644 kr/assets/js/runtime~main.747d66f0.js
 create mode 100644 kr/assets/js/runtime~main.c4f81ee2.js
 rename ru/assets/js/{04b1b9d4.62bd2c3f.js => 04b1b9d4.d35f4177.js} (99%)
 rename ru/assets/js/{07deeff8.51cdbf80.js => 07deeff8.825ba05c.js} (98%)
 rename ru/assets/js/{07deeff8.51cdbf80.js.LICENSE.txt => 07deeff8.825ba05c.js.LICENSE.txt} (100%)
 rename ru/assets/js/{1232fa31.51692b42.js => 1232fa31.3a8fb5ed.js} (97%)
 rename ru/assets/js/{1232fa31.51692b42.js.LICENSE.txt => 1232fa31.3a8fb5ed.js.LICENSE.txt} (100%)
 rename ru/assets/js/{17f650ce.2b5267fc.js => 17f650ce.9d654aa8.js} (98%)
 rename ru/assets/js/{1c0a16b8.be690b3d.js => 1c0a16b8.1f95eaa9.js} (98%)
 rename ru/assets/js/{1d3222b5.e2418e16.js => 1d3222b5.1f850dda.js} (98%)
 rename ru/assets/js/{20c5a0f6.dbcf86c4.js => 20c5a0f6.4d7a1a0b.js} (98%)
 rename ru/assets/js/{2bd07bfd.af57590b.js => 2bd07bfd.29f3f253.js} (98%)
 rename ru/assets/js/{2bd07bfd.af57590b.js.LICENSE.txt => 2bd07bfd.29f3f253.js.LICENSE.txt} (100%)
 rename ru/assets/js/{352bcbef.dcdf5dcc.js => 352bcbef.b3926fe6.js} (99%)
 rename ru/assets/js/{35c5367b.ed09fd79.js => 35c5367b.1b719cdf.js} (99%)
 rename ru/assets/js/{3b64669e.8e1500cf.js => 3b64669e.0c0aa088.js} (99%)
 rename ru/assets/js/{44775544.c34d2da9.js => 44775544.9baa7621.js} (99%)
 rename ru/assets/js/{457d5840.b0edcac0.js => 457d5840.bb98f460.js} (99%)
 rename ru/assets/js/{4eea1952.a012775a.js => 4eea1952.76ec5d8f.js} (98%)
 rename ru/assets/js/{58b64b99.ceda65a2.js => 58b64b99.7a2c20a7.js} (99%)
 rename ru/assets/js/{62f42e37.6b46c782.js => 62f42e37.e70b6e8f.js} (99%)
 rename ru/assets/js/{6545b372.efc3df60.js => 6545b372.63345411.js} (98%)
 rename ru/assets/js/{6545b372.efc3df60.js.LICENSE.txt => 6545b372.63345411.js.LICENSE.txt} (100%)
 rename ru/assets/js/{670340e2.47b50646.js => 670340e2.f3b95fbf.js} (99%)
 rename ru/assets/js/{6becfc1a.17b08d2f.js => 6becfc1a.b428ca91.js} (98%)
 rename ru/assets/js/{6ee557b2.0a7aaf36.js => 6ee557b2.44b4116c.js} (98%)
 rename ru/assets/js/{71d20f43.48185897.js => 71d20f43.3ae6b808.js} (99%)
 create mode 100644 ru/assets/js/7313bf7a.8b640161.js
 delete mode 100644 ru/assets/js/7313bf7a.a32a0dfe.js
 rename ru/assets/js/{7759802f.34da0f3f.js => 7759802f.77148186.js} (99%)
 rename ru/assets/js/{7b31d677.f9308af0.js => 7b31d677.bbc3bd3d.js} (99%)
 rename ru/assets/js/{808aa0e6.f2e7b441.js => 808aa0e6.e3cf08c1.js} (99%)
 rename ru/assets/js/{81cb5b69.f6c43b85.js => 81cb5b69.7c38eedd.js} (99%)
 rename ru/assets/js/{8edc10e1.df720cb1.js => 8edc10e1.06c454b2.js} (98%)
 rename ru/assets/js/{90c52043.45f58b8c.js => 90c52043.39c01627.js} (99%)
 rename ru/assets/js/{9b6dbc63.10f77668.js => 9b6dbc63.16561f6d.js} (98%)
 rename ru/assets/js/{9b6dbc63.10f77668.js.LICENSE.txt => 9b6dbc63.16561f6d.js.LICENSE.txt} (100%)
 rename ru/assets/js/{9fc8add1.f6dbad72.js => 9fc8add1.3adf94c0.js} (99%)
 rename ru/assets/js/{a01ebdbc.d9cf30b9.js => a01ebdbc.fd711d89.js} (99%)
 rename ru/assets/js/{a41378e3.e6284e14.js => a41378e3.4de46e44.js} (99%)
 rename ru/assets/js/{a61c55ce.9c7f5d30.js => a61c55ce.6a925e29.js} (63%)
 rename ru/assets/js/{a61c55ce.9c7f5d30.js.LICENSE.txt => a61c55ce.6a925e29.js.LICENSE.txt} (100%)
 rename ru/assets/js/{a657d4fc.cfcb092e.js => a657d4fc.20d78aad.js} (98%)
 rename ru/assets/js/{a6bb2b9f.10944df0.js => a6bb2b9f.40b4145b.js} (98%)
 rename ru/assets/js/{a97f4ecc.10100931.js => a97f4ecc.464ab23e.js} (99%)
 rename ru/assets/js/{b79c393c.3af7ae06.js => b79c393c.0b7410b2.js} (99%)
 rename ru/assets/js/{b9d2a7aa.1e615c0d.js => b9d2a7aa.10ff0f4c.js} (99%)
 rename ru/assets/js/{bce03a1b.ba3b4b6f.js => bce03a1b.3887e9f0.js} (99%)
 rename ru/assets/js/{c0c4bf5d.7379ae24.js => c0c4bf5d.fc679494.js} (98%)
 rename ru/assets/js/{ce6f052d.37a3fe4c.js => ce6f052d.9165050e.js} (99%)
 rename ru/assets/js/{cf699f5e.925b3e3f.js => cf699f5e.5f7993d4.js} (99%)
 rename ru/assets/js/{d178dcf5.d1e989cf.js => d178dcf5.1765458a.js} (98%)
 rename ru/assets/js/{d1f19b62.97153798.js => d1f19b62.57c55822.js} (98%)
 rename ru/assets/js/{d595dc26.151b7d06.js => d595dc26.a8f82a70.js} (99%)
 rename ru/assets/js/{dd4fd790.032e147b.js => dd4fd790.c09bfd66.js} (98%)
 rename ru/assets/js/{e38a3126.a4e92772.js => e38a3126.871afbc9.js} (99%)
 rename ru/assets/js/{e71e2184.c5c8511c.js => e71e2184.a75f052b.js} (99%)
 rename ru/assets/js/{e9dc891f.495e7915.js => e9dc891f.8c6febdc.js} (98%)
 rename ru/assets/js/{eb8bed87.31115718.js => eb8bed87.bc6d1def.js} (98%)
 rename ru/assets/js/{f22b339c.8629c7a7.js => f22b339c.c035fbc2.js} (99%)
 rename ru/assets/js/{f39d466e.b2a318f0.js => f39d466e.589bb8f3.js} (98%)
 rename ru/assets/js/{fcc88823.f26b499c.js => fcc88823.acd1ca66.js} (99%)
 rename ru/assets/js/{fee408fa.823c32ef.js => fee408fa.58d0dbd3.js} (99%)
 rename ru/assets/js/{ffe50de1.162fb84e.js => ffe50de1.96b7e3e5.js} (99%)
 rename ru/assets/js/{main.d5dbc580.js => main.ba59251d.js} (98%)
 rename ru/assets/js/{main.d5dbc580.js.LICENSE.txt => main.ba59251d.js.LICENSE.txt} (100%)
 rename ru/assets/js/{runtime~main.d88d86db.js => runtime~main.83a61e56.js} (79%)
 rename uz/assets/js/{022a3ac7.ad4cacab.js => 022a3ac7.83e1f395.js} (98%)
 rename uz/assets/js/{022a3ac7.ad4cacab.js.LICENSE.txt => 022a3ac7.83e1f395.js.LICENSE.txt} (100%)
 rename uz/assets/js/{0499e362.73fb0383.js => 0499e362.12e093af.js} (98%)
 rename uz/assets/js/{066221cc.71a2ab79.js => 066221cc.84e17c5f.js} (99%)
 rename uz/assets/js/{0a4ee302.d33b4f03.js => 0a4ee302.dc42dfbb.js} (99%)
 rename uz/assets/js/{2f764a0f.6f4a9237.js => 2f764a0f.7e4b0937.js} (99%)
 rename uz/assets/js/{3121f8ae.a3f7fb1b.js => 3121f8ae.b4f4a5e4.js} (98%)
 rename uz/assets/js/{350d1c3d.f3a39c04.js => 350d1c3d.d3870da7.js} (99%)
 rename uz/assets/js/{370f8845.b5f6ec0f.js => 370f8845.96639f72.js} (99%)
 rename uz/assets/js/{3d2652fb.02ae8c39.js => 3d2652fb.10dc0a29.js} (99%)
 rename uz/assets/js/{4044d4ea.14b9b7c2.js => 4044d4ea.ce610255.js} (99%)
 rename uz/assets/js/{480f28a3.22c7908e.js => 480f28a3.88ad57ae.js} (98%)
 rename uz/assets/js/{488b6464.9b46068d.js => 488b6464.3de89d08.js} (99%)
 rename uz/assets/js/{49161156.df00022c.js => 49161156.2e7c70be.js} (98%)
 rename uz/assets/js/{5187bed2.49b5c072.js => 5187bed2.eabbc829.js} (99%)
 rename uz/assets/js/{53f8e831.1735c9f8.js => 53f8e831.4b4983e2.js} (97%)
 rename uz/assets/js/{53f8e831.1735c9f8.js.LICENSE.txt => 53f8e831.4b4983e2.js.LICENSE.txt} (100%)
 rename uz/assets/js/{55b0769a.1f4d98f5.js => 55b0769a.48fd81fd.js} (99%)
 rename uz/assets/js/{590d98cc.f6cb0142.js => 590d98cc.01ccb2ef.js} (98%)
 rename uz/assets/js/{5bd61d3b.7d17a70b.js => 5bd61d3b.eb1aed45.js} (98%)
 rename uz/assets/js/{5f7e5f34.5339c6fc.js => 5f7e5f34.94a86491.js} (99%)
 rename uz/assets/js/{6636c8dc.6186197e.js => 6636c8dc.a7c7b845.js} (97%)
 rename uz/assets/js/{664a648d.1511c618.js => 664a648d.85f82e4c.js} (98%)
 rename uz/assets/js/{66d3db7c.9d217177.js => 66d3db7c.3b1ad8f2.js} (99%)
 create mode 100644 uz/assets/js/7313bf7a.70a9af1d.js
 delete mode 100644 uz/assets/js/7313bf7a.fc2094fb.js
 rename uz/assets/js/{7a790ed0.73f7ad1c.js => 7a790ed0.a824e762.js} (99%)
 rename uz/assets/js/{84a0dbae.6e142b73.js => 84a0dbae.8ae8fa4b.js} (99%)
 rename uz/assets/js/{857ae1bf.2e68d5f3.js => 857ae1bf.40d72e5b.js} (99%)
 rename uz/assets/js/{8651fb1e.dc4c7115.js => 8651fb1e.3fd24d62.js} (99%)
 rename uz/assets/js/{87e5c187.e7f927d9.js => 87e5c187.1ab41db9.js} (98%)
 rename uz/assets/js/{8b5a42c3.91c00e92.js => 8b5a42c3.eb52aa5d.js} (98%)
 rename uz/assets/js/{8b93e59a.e82e9dd9.js => 8b93e59a.0c26b843.js} (99%)
 rename uz/assets/js/{8c1e6152.fcce3de2.js => 8c1e6152.ee0d5298.js} (99%)
 rename uz/assets/js/{8ce83ff6.8cc8f521.js => 8ce83ff6.bb687c48.js} (98%)
 rename uz/assets/js/{9b83d7f4.d86d9673.js => 9b83d7f4.cdb6b642.js} (98%)
 rename uz/assets/js/{a1521a63.5ece9b65.js => a1521a63.c7c64816.js} (98%)
 rename uz/assets/js/{a386f730.2936ede0.js => a386f730.2d8446ab.js} (99%)
 rename uz/assets/js/{a61c55ce.38ef8e5c.js => a61c55ce.40ef7f63.js} (63%)
 rename uz/assets/js/{a61c55ce.38ef8e5c.js.LICENSE.txt => a61c55ce.40ef7f63.js.LICENSE.txt} (100%)
 rename uz/assets/js/{acaf5b8a.7ee7061a.js => acaf5b8a.e76787b7.js} (96%)
 rename uz/assets/js/{ba8bb0f7.8111f9d8.js => ba8bb0f7.df9c18d8.js} (99%)
 rename uz/assets/js/{c0c6474c.6a6b25d1.js => c0c6474c.69356088.js} (98%)
 rename uz/assets/js/{c4d0faae.50153733.js => c4d0faae.68d43b7e.js} (98%)
 rename uz/assets/js/{c5666f39.77b2d559.js => c5666f39.b6dea57c.js} (98%)
 rename uz/assets/js/{c5666f39.77b2d559.js.LICENSE.txt => c5666f39.b6dea57c.js.LICENSE.txt} (100%)
 rename uz/assets/js/{cb388a7b.30332c99.js => cb388a7b.34f03135.js} (99%)
 rename uz/assets/js/{d13cbfb8.eada72eb.js => d13cbfb8.5d6516bb.js} (97%)
 rename uz/assets/js/{d13cbfb8.eada72eb.js.LICENSE.txt => d13cbfb8.5d6516bb.js.LICENSE.txt} (100%)
 rename uz/assets/js/{d7baea7e.73fa66c9.js => d7baea7e.c50c2f40.js} (98%)
 rename uz/assets/js/{d7baea7e.73fa66c9.js.LICENSE.txt => d7baea7e.c50c2f40.js.LICENSE.txt} (100%)
 rename uz/assets/js/{d999437a.68bc4aeb.js => d999437a.396e9869.js} (98%)
 rename uz/assets/js/{dfe5ecdf.9524dec2.js => dfe5ecdf.fa6a02f5.js} (98%)
 rename uz/assets/js/{e01c2047.27093293.js => e01c2047.dacc89e2.js} (98%)
 rename uz/assets/js/{e1003eab.01c9737e.js => e1003eab.5819ec7d.js} (98%)
 rename uz/assets/js/{e1c0d304.c0e39259.js => e1c0d304.648e4c85.js} (98%)
 rename uz/assets/js/{e3309638.9cd142cc.js => e3309638.db32984a.js} (99%)
 rename uz/assets/js/{e6bf8eb6.c12ce56f.js => e6bf8eb6.3e49af40.js} (99%)
 rename uz/assets/js/{ed3dcfcb.9707b8a9.js => ed3dcfcb.a59bd261.js} (98%)
 rename uz/assets/js/{f2567325.8e9beaae.js => f2567325.68ff21f9.js} (98%)
 rename uz/assets/js/{f2c174dc.ec3571c4.js => f2c174dc.d9ce33ca.js} (99%)
 rename uz/assets/js/{fe129f8e.f1eace81.js => fe129f8e.4a58ea5c.js} (96%)
 rename uz/assets/js/{main.ef087bb6.js => main.b67529a2.js} (98%)
 rename uz/assets/js/{main.ef087bb6.js.LICENSE.txt => main.b67529a2.js.LICENSE.txt} (100%)
 rename uz/assets/js/{runtime~main.a1b42f8f.js => runtime~main.d90f1c87.js} (78%)

diff --git a/404.html b/404.html
index 7c6f0457e0..45c794dc3a 100644
--- a/404.html
+++ b/404.html
@@ -9,8 +9,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/opensearch.xml"><link rel="stylesheet" href="/assets/css/styles.04fd99a1.css">
-<script src="/assets/js/runtime~main.06c92bf3.js" defer="defer"></script>
-<script src="/assets/js/main.e2ab5a51.js" defer="defer"></script>
+<script src="/assets/js/runtime~main.29fb6ef5.js" defer="defer"></script>
+<script src="/assets/js/main.360a9d35.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a class="navbar__item navbar__link" href="/docs">📖 Docs</a><a class="navbar__item navbar__link" href="/community">💫 Community</a><a class="navbar__item navbar__link" href="/blog">📝 Blog</a><a class="navbar__item navbar__link" href="/examples">🛠 Examples</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/docs">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a class="dropdown__link" href="/docs">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>English</a><ul class="dropdown__menu"><li><a href="/ru/404" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ru">Русский</a></li><li><a href="/404" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="en">English</a></li><li><a href="/uz/404" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/404" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="kr">한국어</a></li><li><a href="/ja/404" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><main class="container margin-vert--xl"><div class="row"><div class="col col--6 col--offset-3"><h1 class="hero__title">Page Not Found</h1><p>We could not find what you were looking for.</p><p>Please contact the owner of the site that linked you to the original URL and let them know their link is broken.</p></div></div></main></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Specs</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/docs">Documentation</a></li><li class="footer__item"><a class="footer__link-item" href="/community">Community</a></li><li class="footer__item"><a class="footer__link-item" href="/nav">Help</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">License<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
diff --git a/assets/js/0499e362.44db6fdb.js b/assets/js/0499e362.7940ce3b.js
similarity index 98%
rename from assets/js/0499e362.44db6fdb.js
rename to assets/js/0499e362.7940ce3b.js
index f85a9dc51e..22bf760efe 100644
--- a/assets/js/0499e362.44db6fdb.js
+++ b/assets/js/0499e362.7940ce3b.js
@@ -1 +1 @@
-"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[4005],{1539:(e,t,s)=>{s.r(t),s.d(t,{assets:()=>c,contentTitle:()=>r,default:()=>h,frontMatter:()=>o,metadata:()=>a,toc:()=>d});var i=s(6070),n=s(1100);const o={unlisted:!0},r="Decomposition cheatsheet",a={id:"get-started/cheatsheet",title:"Decomposition cheatsheet",description:"Use this as a quick reference when you're deciding how to decompose your UI. PDF versions are also available below, so you can print it out and keep one under your pillow.",source:"@site/i18n/en/docusaurus-plugin-content-docs/current/get-started/cheatsheet.mdx",sourceDirName:"get-started",slug:"/get-started/cheatsheet",permalink:"/docs/get-started/cheatsheet",draft:!1,unlisted:!0,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/get-started/cheatsheet.mdx",tags:[],version:"current",lastUpdatedAt:1727607766e3,frontMatter:{unlisted:!0},sidebar:"getstartedSidebar"},c={},d=[{value:"Choosing a layer",id:"choosing-a-layer",level:2},{value:"Examples",id:"examples",level:2},{value:"Tweet",id:"tweet",level:3},{value:"GitHub",id:"github",level:3},{value:"See also",id:"see-also",level:2}];function l(e){const t={a:"a",h1:"h1",h2:"h2",h3:"h3",header:"header",img:"img",li:"li",p:"p",ul:"ul",...(0,n.R)(),...e.components};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(t.header,{children:(0,i.jsx)(t.h1,{id:"decomposition-cheatsheet",children:"Decomposition cheatsheet"})}),"\n",(0,i.jsx)(t.p,{children:"Use this as a quick reference when you're deciding how to decompose your UI. PDF versions are also available below, so you can print it out and keep one under your pillow."}),"\n",(0,i.jsx)(t.h2,{id:"choosing-a-layer",children:"Choosing a layer"}),"\n",(0,i.jsx)(t.p,{children:(0,i.jsx)(t.a,{target:"_blank","data-noBrokenLinkCheck":!0,href:s(9603).A+"",children:"Download PDF"})}),"\n",(0,i.jsx)(t.p,{children:(0,i.jsx)(t.img,{alt:"Definitions of all layers and self-check questions",src:s(4603).A+"",width:"1684",height:"1190"})}),"\n",(0,i.jsx)(t.h2,{id:"examples",children:"Examples"}),"\n",(0,i.jsx)(t.h3,{id:"tweet",children:"Tweet"}),"\n",(0,i.jsx)(t.p,{children:(0,i.jsx)(t.img,{alt:"decomposed-tweet-bordered-bgLight",src:s(8898).A+"",width:"1200",height:"2364"})}),"\n",(0,i.jsx)(t.h3,{id:"github",children:"GitHub"}),"\n",(0,i.jsx)(t.p,{children:(0,i.jsx)(t.img,{alt:"decomposed-github-bordered",src:s(8142).A+"",width:"2291",height:"1080"})}),"\n",(0,i.jsx)(t.h2,{id:"see-also",children:"See also"}),"\n",(0,i.jsxs)(t.ul,{children:["\n",(0,i.jsx)(t.li,{children:(0,i.jsx)(t.a,{href:"https://t.me/feature_sliced/4262",children:"(Thread) General logic for features and entities"})}),"\n",(0,i.jsx)(t.li,{children:(0,i.jsx)(t.a,{href:"https://t.me/feature_sliced/4210",children:"(Thread) Decomposition of swollen logic"})}),"\n",(0,i.jsx)(t.li,{children:(0,i.jsx)(t.a,{href:"https://t.me/feature_sliced/4088",children:"(Thread) About understanding the areas of responsibility during decomposition"})}),"\n",(0,i.jsx)(t.li,{children:(0,i.jsx)(t.a,{href:"https://t.me/feature_sliced/3828",children:"(Thread) Decomposition of the Product List widget"})}),"\n",(0,i.jsx)(t.li,{children:(0,i.jsx)(t.a,{href:"https://www.pluralsight.com/guides/how-to-organize-your-react-+-redux-codebase",children:"(Article) Different approaches to the decomposition of logic"})}),"\n",(0,i.jsx)(t.li,{children:(0,i.jsx)(t.a,{href:"https://t.me/feature_sliced/3776",children:"(Thread) About the difference between features and entities"})}),"\n",(0,i.jsx)(t.li,{children:(0,i.jsx)(t.a,{href:"https://t.me/feature_sliced/3248",children:"(Thread) About the difference between things and entities (2)"})}),"\n",(0,i.jsx)(t.li,{children:(0,i.jsx)(t.a,{href:"https://t.me/feature_sliced/3833",children:"(Thread) About the application of criteria for decomposition"})}),"\n"]})]})}function h(e={}){const{wrapper:t}={...(0,n.R)(),...e.components};return t?(0,i.jsx)(t,{...e,children:(0,i.jsx)(l,{...e})}):l(e)}},9603:(e,t,s)=>{s.d(t,{A:()=>i});const i=s.p+"assets/files/choosing-a-layer-en-12fdf3265c8fc4f6b58687352b81fce7.pdf"},4603:(e,t,s)=>{s.d(t,{A:()=>i});const i=s.p+"assets/images/choosing-a-layer-en-5b67f20bb921ba17d78a56c0dc7654a9.jpg"},8142:(e,t,s)=>{s.d(t,{A:()=>i});const i=s.p+"assets/images/decompose-github-a0eeb839a4b5ef5c480a73726a4451b0.jpg"},8898:(e,t,s)=>{s.d(t,{A:()=>i});const i=s.p+"assets/images/decompose-twitter-7b9a50f879d763c49305b3bf0751ee35.png"},1100:(e,t,s)=>{s.d(t,{R:()=>r,x:()=>a});var i=s(758);const n={},o=i.createContext(n);function r(e){const t=i.useContext(o);return i.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function a(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(n):e.components||n:r(e.components),i.createElement(o.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
+"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[4005],{1539:(e,t,s)=>{s.r(t),s.d(t,{assets:()=>c,contentTitle:()=>r,default:()=>h,frontMatter:()=>o,metadata:()=>a,toc:()=>d});var i=s(6070),n=s(1100);const o={unlisted:!0},r="Decomposition cheatsheet",a={id:"get-started/cheatsheet",title:"Decomposition cheatsheet",description:"Use this as a quick reference when you're deciding how to decompose your UI. PDF versions are also available below, so you can print it out and keep one under your pillow.",source:"@site/i18n/en/docusaurus-plugin-content-docs/current/get-started/cheatsheet.mdx",sourceDirName:"get-started",slug:"/get-started/cheatsheet",permalink:"/docs/get-started/cheatsheet",draft:!1,unlisted:!0,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/get-started/cheatsheet.mdx",tags:[],version:"current",lastUpdatedAt:1728325386e3,frontMatter:{unlisted:!0},sidebar:"getstartedSidebar"},c={},d=[{value:"Choosing a layer",id:"choosing-a-layer",level:2},{value:"Examples",id:"examples",level:2},{value:"Tweet",id:"tweet",level:3},{value:"GitHub",id:"github",level:3},{value:"See also",id:"see-also",level:2}];function l(e){const t={a:"a",h1:"h1",h2:"h2",h3:"h3",header:"header",img:"img",li:"li",p:"p",ul:"ul",...(0,n.R)(),...e.components};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(t.header,{children:(0,i.jsx)(t.h1,{id:"decomposition-cheatsheet",children:"Decomposition cheatsheet"})}),"\n",(0,i.jsx)(t.p,{children:"Use this as a quick reference when you're deciding how to decompose your UI. PDF versions are also available below, so you can print it out and keep one under your pillow."}),"\n",(0,i.jsx)(t.h2,{id:"choosing-a-layer",children:"Choosing a layer"}),"\n",(0,i.jsx)(t.p,{children:(0,i.jsx)(t.a,{target:"_blank","data-noBrokenLinkCheck":!0,href:s(9603).A+"",children:"Download PDF"})}),"\n",(0,i.jsx)(t.p,{children:(0,i.jsx)(t.img,{alt:"Definitions of all layers and self-check questions",src:s(4603).A+"",width:"1684",height:"1190"})}),"\n",(0,i.jsx)(t.h2,{id:"examples",children:"Examples"}),"\n",(0,i.jsx)(t.h3,{id:"tweet",children:"Tweet"}),"\n",(0,i.jsx)(t.p,{children:(0,i.jsx)(t.img,{alt:"decomposed-tweet-bordered-bgLight",src:s(8898).A+"",width:"1200",height:"2364"})}),"\n",(0,i.jsx)(t.h3,{id:"github",children:"GitHub"}),"\n",(0,i.jsx)(t.p,{children:(0,i.jsx)(t.img,{alt:"decomposed-github-bordered",src:s(8142).A+"",width:"2291",height:"1080"})}),"\n",(0,i.jsx)(t.h2,{id:"see-also",children:"See also"}),"\n",(0,i.jsxs)(t.ul,{children:["\n",(0,i.jsx)(t.li,{children:(0,i.jsx)(t.a,{href:"https://t.me/feature_sliced/4262",children:"(Thread) General logic for features and entities"})}),"\n",(0,i.jsx)(t.li,{children:(0,i.jsx)(t.a,{href:"https://t.me/feature_sliced/4210",children:"(Thread) Decomposition of swollen logic"})}),"\n",(0,i.jsx)(t.li,{children:(0,i.jsx)(t.a,{href:"https://t.me/feature_sliced/4088",children:"(Thread) About understanding the areas of responsibility during decomposition"})}),"\n",(0,i.jsx)(t.li,{children:(0,i.jsx)(t.a,{href:"https://t.me/feature_sliced/3828",children:"(Thread) Decomposition of the Product List widget"})}),"\n",(0,i.jsx)(t.li,{children:(0,i.jsx)(t.a,{href:"https://www.pluralsight.com/guides/how-to-organize-your-react-+-redux-codebase",children:"(Article) Different approaches to the decomposition of logic"})}),"\n",(0,i.jsx)(t.li,{children:(0,i.jsx)(t.a,{href:"https://t.me/feature_sliced/3776",children:"(Thread) About the difference between features and entities"})}),"\n",(0,i.jsx)(t.li,{children:(0,i.jsx)(t.a,{href:"https://t.me/feature_sliced/3248",children:"(Thread) About the difference between things and entities (2)"})}),"\n",(0,i.jsx)(t.li,{children:(0,i.jsx)(t.a,{href:"https://t.me/feature_sliced/3833",children:"(Thread) About the application of criteria for decomposition"})}),"\n"]})]})}function h(e={}){const{wrapper:t}={...(0,n.R)(),...e.components};return t?(0,i.jsx)(t,{...e,children:(0,i.jsx)(l,{...e})}):l(e)}},9603:(e,t,s)=>{s.d(t,{A:()=>i});const i=s.p+"assets/files/choosing-a-layer-en-12fdf3265c8fc4f6b58687352b81fce7.pdf"},4603:(e,t,s)=>{s.d(t,{A:()=>i});const i=s.p+"assets/images/choosing-a-layer-en-5b67f20bb921ba17d78a56c0dc7654a9.jpg"},8142:(e,t,s)=>{s.d(t,{A:()=>i});const i=s.p+"assets/images/decompose-github-a0eeb839a4b5ef5c480a73726a4451b0.jpg"},8898:(e,t,s)=>{s.d(t,{A:()=>i});const i=s.p+"assets/images/decompose-twitter-7b9a50f879d763c49305b3bf0751ee35.png"},1100:(e,t,s)=>{s.d(t,{R:()=>r,x:()=>a});var i=s(758);const n={},o=i.createContext(n);function r(e){const t=i.useContext(o);return i.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function a(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(n):e.components||n:r(e.components),i.createElement(o.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
diff --git a/assets/js/066221cc.7e1896da.js b/assets/js/066221cc.06ec80c9.js
similarity index 99%
rename from assets/js/066221cc.7e1896da.js
rename to assets/js/066221cc.06ec80c9.js
index c9f0ffa187..2f4f5e6c06 100644
--- a/assets/js/066221cc.7e1896da.js
+++ b/assets/js/066221cc.06ec80c9.js
@@ -1 +1 @@
-"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[3120],{3760:(e,n,s)=>{s.r(n),s.d(n,{assets:()=>l,contentTitle:()=>o,default:()=>h,frontMatter:()=>r,metadata:()=>a,toc:()=>d});var i=s(6070),t=s(1100);const r={sidebar_position:1},o="Overview",a={id:"get-started/overview",title:"Overview",description:"Feature-Sliced Design (FSD) is an architectural methodology for scaffolding front-end applications. Simply put, it's a compilation of rules and conventions on organizing code. The main purpose of this methodology is to make the project more understandable and stable in the face of ever-changing business requirements.",source:"@site/i18n/en/docusaurus-plugin-content-docs/current/get-started/overview.mdx",sourceDirName:"get-started",slug:"/get-started/overview",permalink:"/docs/get-started/overview",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/get-started/overview.mdx",tags:[],version:"current",lastUpdatedAt:1727607766e3,sidebarPosition:1,frontMatter:{sidebar_position:1},sidebar:"getstartedSidebar",previous:{title:"\ud83d\ude80 Get Started",permalink:"/docs/get-started/"},next:{title:"Tutorial",permalink:"/docs/get-started/tutorial"}},l={},d=[{value:"Is it right for me?",id:"is-it-right-for-me",level:2},{value:"Basic example",id:"basic-example",level:2},{value:"Concepts",id:"concepts",level:2},{value:"Layers",id:"layers",level:3},{value:"Slices",id:"slices",level:3},{value:"Segments",id:"segments",level:3},{value:"Advantages",id:"advantages",level:2},{value:"Incremental adoption",id:"incremental-adoption",level:2},{value:"Next steps",id:"next-steps",level:2}];function c(e){const n={a:"a",br:"br",code:"code",em:"em",h1:"h1",h2:"h2",h3:"h3",header:"header",img:"img",li:"li",ol:"ol",p:"p",strong:"strong",ul:"ul",...(0,t.R)(),...e.components};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(n.header,{children:(0,i.jsx)(n.h1,{id:"overview",children:"Overview"})}),"\n",(0,i.jsxs)(n.p,{children:[(0,i.jsx)(n.strong,{children:"Feature-Sliced Design"})," (FSD) is an architectural methodology for scaffolding front-end applications. Simply put, it's a compilation of rules and conventions on organizing code. The main purpose of this methodology is to make the project more understandable and stable in the face of ever-changing business requirements."]}),"\n",(0,i.jsxs)(n.p,{children:["Apart from a set of conventions, FSD is also a toolchain. We have a ",(0,i.jsx)(n.a,{href:"https://github.com/feature-sliced/steiger",children:"linter"})," to check your project's architecture, ",(0,i.jsx)(n.a,{href:"https://github.com/feature-sliced/awesome?tab=readme-ov-file#tools",children:"folder generators"})," through a CLI or IDEs, as well as a rich library of ",(0,i.jsx)(n.a,{href:"/examples",children:"examples"}),"."]}),"\n",(0,i.jsx)(n.h2,{id:"is-it-right-for-me",children:"Is it right for me?"}),"\n",(0,i.jsx)(n.p,{children:"FSD can be implemented in projects and teams of any size. It is right for your project if:"}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsxs)(n.li,{children:["You're doing ",(0,i.jsx)(n.strong,{children:"frontend"})," (UI on web, mobile, desktop, etc.)"]}),"\n",(0,i.jsxs)(n.li,{children:["You're building an ",(0,i.jsx)(n.strong,{children:"application"}),", not a library"]}),"\n"]}),"\n",(0,i.jsx)(n.p,{children:"And that's it! There are no restrictions on what programming language, UI framework, or state manager you use. You can also adopt FSD incrementally, use it in monorepos, and scale to great lengths by breaking your app into packages and implementing FSD individually within them."}),"\n",(0,i.jsxs)(n.p,{children:["If you already have an architecture and you're considering a switch to FSD, make sure that the current architecture is ",(0,i.jsx)(n.strong,{children:"causing trouble"})," in your team. For example, if your project has grown too large and inter-connected to efficiently implement new features, or if you're expecting a lot of new members to join the team. If the current architecture works, maybe it's not worth changing. But if you do decide to migrate, see the ",(0,i.jsx)(n.a,{href:"/docs/guides/migration/from-custom",children:"Migration"})," section for guidance."]}),"\n",(0,i.jsx)(n.h2,{id:"basic-example",children:"Basic example"}),"\n",(0,i.jsx)(n.p,{children:"Here is a simple project that implements FSD:"}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsx)(n.li,{children:(0,i.jsx)(n.code,{children:"\ud83d\udcc1 app"})}),"\n",(0,i.jsx)(n.li,{children:(0,i.jsx)(n.code,{children:"\ud83d\udcc1 pages"})}),"\n",(0,i.jsx)(n.li,{children:(0,i.jsx)(n.code,{children:"\ud83d\udcc1 shared"})}),"\n"]}),"\n",(0,i.jsxs)(n.p,{children:["These top-level folders are called ",(0,i.jsx)(n.em,{children:"layers"}),". Let's look deeper:"]}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsxs)(n.li,{children:[(0,i.jsx)(n.code,{children:"\ud83d\udcc2 app"}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsx)(n.li,{children:(0,i.jsx)(n.code,{children:"\ud83d\udcc1 routes"})}),"\n",(0,i.jsx)(n.li,{children:(0,i.jsx)(n.code,{children:"\ud83d\udcc1 analytics"})}),"\n"]}),"\n"]}),"\n",(0,i.jsxs)(n.li,{children:[(0,i.jsx)(n.code,{children:"\ud83d\udcc2 pages"}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsx)(n.li,{children:(0,i.jsx)(n.code,{children:"\ud83d\udcc1 home"})}),"\n",(0,i.jsxs)(n.li,{children:[(0,i.jsx)(n.code,{children:"\ud83d\udcc2 article-reader"}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsx)(n.li,{children:(0,i.jsx)(n.code,{children:"\ud83d\udcc1 ui"})}),"\n",(0,i.jsx)(n.li,{children:(0,i.jsx)(n.code,{children:"\ud83d\udcc1 api"})}),"\n"]}),"\n"]}),"\n",(0,i.jsx)(n.li,{children:(0,i.jsx)(n.code,{children:"\ud83d\udcc1 settings"})}),"\n"]}),"\n"]}),"\n",(0,i.jsxs)(n.li,{children:[(0,i.jsx)(n.code,{children:"\ud83d\udcc2 shared"}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsx)(n.li,{children:(0,i.jsx)(n.code,{children:"\ud83d\udcc1 ui"})}),"\n",(0,i.jsx)(n.li,{children:(0,i.jsx)(n.code,{children:"\ud83d\udcc1 api"})}),"\n"]}),"\n"]}),"\n"]}),"\n",(0,i.jsxs)(n.p,{children:["Folders inside ",(0,i.jsx)(n.code,{children:"\ud83d\udcc2 pages"})," are called ",(0,i.jsx)(n.em,{children:"slices"}),". They divide the layer by domain (in this case, by pages)."]}),"\n",(0,i.jsxs)(n.p,{children:["Folders inside ",(0,i.jsx)(n.code,{children:"\ud83d\udcc2 app"}),", ",(0,i.jsx)(n.code,{children:"\ud83d\udcc2 shared"}),", and ",(0,i.jsx)(n.code,{children:"\ud83d\udcc2 pages/article-reader"})," are called ",(0,i.jsx)(n.em,{children:"segments"}),", and they divide slices (or layers) by technical purpose, i.e. what the code is for."]}),"\n",(0,i.jsx)(n.h2,{id:"concepts",children:"Concepts"}),"\n",(0,i.jsx)(n.p,{children:"Layers, slices, and segments form a hierarchy like this:"}),"\n",(0,i.jsxs)("figure",{children:[(0,i.jsx)(n.p,{children:(0,i.jsx)(n.img,{alt:"Hierarchy of FSD concepts, described below",src:s(9273).A+"",width:"1355",height:"754"})}),(0,i.jsxs)("figcaption",{style:{fontStyle:"italic",fontSize:"0.9em"},children:[(0,i.jsx)("p",{children:'Pictured above: three pillars, labeled left to right as "Layers", "Slices", and "Segments" respectively.'}),(0,i.jsx)("p",{children:'The "Layers" pillar contains seven divisions arranged top to bottom and labeled "app", "processes", "pages", "widgets", "features", "entities", and "shared". The "processes" division is crossed out. The "entities" division is connected to the second pillar "Slices" in a way that conveys that the second pillar is the content of "entities".'}),(0,i.jsx)("p",{children:'The "Slices" pillar contains three divisions arranged top to bottom and labeled "user", "post", and "comment". The "post" division is connected to the third pillar "Segments" in the same way such that it\'s the content of "post".'}),(0,i.jsx)("p",{children:'The "Segments" pillar contains three divisions, arranged top to bottom and labeled "ui", "model", and "api".'})]})]}),"\n",(0,i.jsx)(n.h3,{id:"layers",children:"Layers"}),"\n",(0,i.jsx)(n.p,{children:"Layers are standardized across all FSD projects. You don't have to use all of the layers, but their names are important. There are currently seven of them (from top to bottom):"}),"\n",(0,i.jsxs)(n.ol,{children:["\n",(0,i.jsx)(n.li,{children:"App* \u2014 everything that makes the app run \u2014 routing, entrypoints, global styles, providers."}),"\n",(0,i.jsx)(n.li,{children:"Processes (deprecated) \u2014 complex inter-page scenarios."}),"\n",(0,i.jsx)(n.li,{children:"Pages \u2014 full pages or large parts of a page in nested routing."}),"\n",(0,i.jsx)(n.li,{children:"Widgets \u2014 large self-contained chunks of functionality or UI, usually delivering an entire use case."}),"\n",(0,i.jsxs)(n.li,{children:["Features \u2014 ",(0,i.jsx)(n.em,{children:"reused"})," implementations of entire product features, i.e. actions that bring business value to the user."]}),"\n",(0,i.jsxs)(n.li,{children:["Entities \u2014 business entities that the project works with, like ",(0,i.jsx)(n.code,{children:"user"})," or ",(0,i.jsx)(n.code,{children:"product"}),"."]}),"\n",(0,i.jsx)(n.li,{children:"Shared* \u2014 reusable functionality, especially when it's detached from the specifics of the project/business, though not necessarily."}),"\n"]}),"\n",(0,i.jsx)(n.p,{children:(0,i.jsx)(n.em,{children:"* \u2014 these layers, App and Shared, unlike the other layers, don't have slices, and are made up of segments directly."})}),"\n",(0,i.jsx)(n.p,{children:"The trick with layers is that modules on one layer can only know about and import from modules from the layers strictly below."}),"\n",(0,i.jsx)(n.h3,{id:"slices",children:"Slices"}),"\n",(0,i.jsx)(n.p,{children:"Next up are slices, which partition the code by business domain. You're free to choose any names for them, and create as many as you wish. Slices make your codebase easier to navigate by keeping logically related modules close together."}),"\n",(0,i.jsx)(n.p,{children:"Slices cannot use other slices on the same layer, and that helps with high cohesion and low coupling."}),"\n",(0,i.jsx)(n.h3,{id:"segments",children:"Segments"}),"\n",(0,i.jsx)(n.p,{children:"Slices, as well as layers App and Shared, consist of segments, and segments group your code by its purpose. Segment names are not constrained by the standard, but there are several conventional names for the most common purposes:"}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsxs)(n.li,{children:[(0,i.jsx)(n.code,{children:"ui"})," \u2014 everything related to UI display: UI components, date formatters, styles, etc."]}),"\n",(0,i.jsxs)(n.li,{children:[(0,i.jsx)(n.code,{children:"api"})," \u2014 backend interactions: request functions, data types, mappers, etc."]}),"\n",(0,i.jsxs)(n.li,{children:[(0,i.jsx)(n.code,{children:"model"})," \u2014 the data model: schemas, interfaces, stores, and business logic."]}),"\n",(0,i.jsxs)(n.li,{children:[(0,i.jsx)(n.code,{children:"lib"})," \u2014 library code that other modules on this slice need."]}),"\n",(0,i.jsxs)(n.li,{children:[(0,i.jsx)(n.code,{children:"config"})," \u2014 configuration files and feature flags."]}),"\n"]}),"\n",(0,i.jsx)(n.p,{children:"Usually these segments are enough for most layers, you would only create your own segments in Shared or App, but this is not a rule."}),"\n",(0,i.jsx)(n.h2,{id:"advantages",children:"Advantages"}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsxs)(n.li,{children:["\n",(0,i.jsxs)(n.p,{children:[(0,i.jsx)(n.strong,{children:"Uniformity"}),(0,i.jsx)(n.br,{}),"\n","Since the structure is standardized, projects become more uniform, which makes onboarding new members easier for the team."]}),"\n"]}),"\n",(0,i.jsxs)(n.li,{children:["\n",(0,i.jsxs)(n.p,{children:[(0,i.jsx)(n.strong,{children:"Stability in face of changes and refactoring"}),(0,i.jsx)(n.br,{}),"\n","A module on one layer cannot use other modules on the same layer, or the layers above.",(0,i.jsx)(n.br,{}),"\n","This allows you to make isolated modifications without unforeseen consequences to the rest of the app."]}),"\n"]}),"\n",(0,i.jsxs)(n.li,{children:["\n",(0,i.jsxs)(n.p,{children:[(0,i.jsx)(n.strong,{children:"Controlled reuse of logic"}),(0,i.jsx)(n.br,{}),"\n","Depending on the layer, you can make code very reusable or very local.",(0,i.jsx)(n.br,{}),"\n","This keeps a balance between following the ",(0,i.jsx)(n.strong,{children:"DRY"})," principle and practicality."]}),"\n"]}),"\n",(0,i.jsxs)(n.li,{children:["\n",(0,i.jsxs)(n.p,{children:[(0,i.jsx)(n.strong,{children:"Orientation to business and users needs"}),(0,i.jsx)(n.br,{}),"\n","The app is split into business domains and usage of the business language is encouraged in naming, so that you can do useful product work without fully understanding all other unrelated parts of the project."]}),"\n"]}),"\n"]}),"\n",(0,i.jsx)(n.h2,{id:"incremental-adoption",children:"Incremental adoption"}),"\n",(0,i.jsx)(n.p,{children:"If you have an existing codebase that you want to migrate to FSD, we suggest the following strategy. We found it useful in our own migration experience."}),"\n",(0,i.jsxs)(n.ol,{children:["\n",(0,i.jsxs)(n.li,{children:["\n",(0,i.jsx)(n.p,{children:"Start by slowly shaping up the App and Shared layers module-by-module to create a foundation."}),"\n"]}),"\n",(0,i.jsxs)(n.li,{children:["\n",(0,i.jsx)(n.p,{children:"Distribute all of the existing UI across Widgets and Pages using broad strokes, even if they have dependencies that violate the rules of FSD."}),"\n"]}),"\n",(0,i.jsxs)(n.li,{children:["\n",(0,i.jsx)(n.p,{children:"Start gradually resolving import violations and also extracting Entities and possibly even Features."}),"\n"]}),"\n"]}),"\n",(0,i.jsx)(n.p,{children:"It's advised to refrain from adding new large entities while refactoring or refactoring only certain parts of the project."}),"\n",(0,i.jsx)(n.h2,{id:"next-steps",children:"Next steps"}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsxs)(n.li,{children:[(0,i.jsx)(n.strong,{children:"Want to get a good grasp of how to think in FSD?"})," Check out the ",(0,i.jsx)(n.a,{href:"/docs/get-started/tutorial",children:"Tutorial"}),"."]}),"\n",(0,i.jsxs)(n.li,{children:[(0,i.jsx)(n.strong,{children:"Prefer to learn from examples?"})," We have a lot in the ",(0,i.jsx)(n.a,{href:"/examples",children:"Examples"})," section."]}),"\n",(0,i.jsxs)(n.li,{children:[(0,i.jsx)(n.strong,{children:"Have questions?"})," Drop by our ",(0,i.jsx)(n.a,{href:"https://t.me/feature_sliced",children:"Telegram chat"})," and get help from the community."]}),"\n"]})]})}function h(e={}){const{wrapper:n}={...(0,t.R)(),...e.components};return n?(0,i.jsx)(n,{...e,children:(0,i.jsx)(c,{...e})}):c(e)}},9273:(e,n,s)=>{s.d(n,{A:()=>i});const i=s.p+"assets/images/visual_schema-e826067f573946613dcdc76e3f585082.jpg"},1100:(e,n,s)=>{s.d(n,{R:()=>o,x:()=>a});var i=s(758);const t={},r=i.createContext(t);function o(e){const n=i.useContext(r);return i.useMemo((function(){return"function"==typeof e?e(n):{...n,...e}}),[n,e])}function a(e){let n;return n=e.disableParentContext?"function"==typeof e.components?e.components(t):e.components||t:o(e.components),i.createElement(r.Provider,{value:n},e.children)}}}]);
\ No newline at end of file
+"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[3120],{3760:(e,n,s)=>{s.r(n),s.d(n,{assets:()=>l,contentTitle:()=>o,default:()=>h,frontMatter:()=>r,metadata:()=>a,toc:()=>d});var i=s(6070),t=s(1100);const r={sidebar_position:1},o="Overview",a={id:"get-started/overview",title:"Overview",description:"Feature-Sliced Design (FSD) is an architectural methodology for scaffolding front-end applications. Simply put, it's a compilation of rules and conventions on organizing code. The main purpose of this methodology is to make the project more understandable and stable in the face of ever-changing business requirements.",source:"@site/i18n/en/docusaurus-plugin-content-docs/current/get-started/overview.mdx",sourceDirName:"get-started",slug:"/get-started/overview",permalink:"/docs/get-started/overview",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/get-started/overview.mdx",tags:[],version:"current",lastUpdatedAt:1728325386e3,sidebarPosition:1,frontMatter:{sidebar_position:1},sidebar:"getstartedSidebar",previous:{title:"\ud83d\ude80 Get Started",permalink:"/docs/get-started/"},next:{title:"Tutorial",permalink:"/docs/get-started/tutorial"}},l={},d=[{value:"Is it right for me?",id:"is-it-right-for-me",level:2},{value:"Basic example",id:"basic-example",level:2},{value:"Concepts",id:"concepts",level:2},{value:"Layers",id:"layers",level:3},{value:"Slices",id:"slices",level:3},{value:"Segments",id:"segments",level:3},{value:"Advantages",id:"advantages",level:2},{value:"Incremental adoption",id:"incremental-adoption",level:2},{value:"Next steps",id:"next-steps",level:2}];function c(e){const n={a:"a",br:"br",code:"code",em:"em",h1:"h1",h2:"h2",h3:"h3",header:"header",img:"img",li:"li",ol:"ol",p:"p",strong:"strong",ul:"ul",...(0,t.R)(),...e.components};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(n.header,{children:(0,i.jsx)(n.h1,{id:"overview",children:"Overview"})}),"\n",(0,i.jsxs)(n.p,{children:[(0,i.jsx)(n.strong,{children:"Feature-Sliced Design"})," (FSD) is an architectural methodology for scaffolding front-end applications. Simply put, it's a compilation of rules and conventions on organizing code. The main purpose of this methodology is to make the project more understandable and stable in the face of ever-changing business requirements."]}),"\n",(0,i.jsxs)(n.p,{children:["Apart from a set of conventions, FSD is also a toolchain. We have a ",(0,i.jsx)(n.a,{href:"https://github.com/feature-sliced/steiger",children:"linter"})," to check your project's architecture, ",(0,i.jsx)(n.a,{href:"https://github.com/feature-sliced/awesome?tab=readme-ov-file#tools",children:"folder generators"})," through a CLI or IDEs, as well as a rich library of ",(0,i.jsx)(n.a,{href:"/examples",children:"examples"}),"."]}),"\n",(0,i.jsx)(n.h2,{id:"is-it-right-for-me",children:"Is it right for me?"}),"\n",(0,i.jsx)(n.p,{children:"FSD can be implemented in projects and teams of any size. It is right for your project if:"}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsxs)(n.li,{children:["You're doing ",(0,i.jsx)(n.strong,{children:"frontend"})," (UI on web, mobile, desktop, etc.)"]}),"\n",(0,i.jsxs)(n.li,{children:["You're building an ",(0,i.jsx)(n.strong,{children:"application"}),", not a library"]}),"\n"]}),"\n",(0,i.jsx)(n.p,{children:"And that's it! There are no restrictions on what programming language, UI framework, or state manager you use. You can also adopt FSD incrementally, use it in monorepos, and scale to great lengths by breaking your app into packages and implementing FSD individually within them."}),"\n",(0,i.jsxs)(n.p,{children:["If you already have an architecture and you're considering a switch to FSD, make sure that the current architecture is ",(0,i.jsx)(n.strong,{children:"causing trouble"})," in your team. For example, if your project has grown too large and inter-connected to efficiently implement new features, or if you're expecting a lot of new members to join the team. If the current architecture works, maybe it's not worth changing. But if you do decide to migrate, see the ",(0,i.jsx)(n.a,{href:"/docs/guides/migration/from-custom",children:"Migration"})," section for guidance."]}),"\n",(0,i.jsx)(n.h2,{id:"basic-example",children:"Basic example"}),"\n",(0,i.jsx)(n.p,{children:"Here is a simple project that implements FSD:"}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsx)(n.li,{children:(0,i.jsx)(n.code,{children:"\ud83d\udcc1 app"})}),"\n",(0,i.jsx)(n.li,{children:(0,i.jsx)(n.code,{children:"\ud83d\udcc1 pages"})}),"\n",(0,i.jsx)(n.li,{children:(0,i.jsx)(n.code,{children:"\ud83d\udcc1 shared"})}),"\n"]}),"\n",(0,i.jsxs)(n.p,{children:["These top-level folders are called ",(0,i.jsx)(n.em,{children:"layers"}),". Let's look deeper:"]}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsxs)(n.li,{children:[(0,i.jsx)(n.code,{children:"\ud83d\udcc2 app"}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsx)(n.li,{children:(0,i.jsx)(n.code,{children:"\ud83d\udcc1 routes"})}),"\n",(0,i.jsx)(n.li,{children:(0,i.jsx)(n.code,{children:"\ud83d\udcc1 analytics"})}),"\n"]}),"\n"]}),"\n",(0,i.jsxs)(n.li,{children:[(0,i.jsx)(n.code,{children:"\ud83d\udcc2 pages"}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsx)(n.li,{children:(0,i.jsx)(n.code,{children:"\ud83d\udcc1 home"})}),"\n",(0,i.jsxs)(n.li,{children:[(0,i.jsx)(n.code,{children:"\ud83d\udcc2 article-reader"}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsx)(n.li,{children:(0,i.jsx)(n.code,{children:"\ud83d\udcc1 ui"})}),"\n",(0,i.jsx)(n.li,{children:(0,i.jsx)(n.code,{children:"\ud83d\udcc1 api"})}),"\n"]}),"\n"]}),"\n",(0,i.jsx)(n.li,{children:(0,i.jsx)(n.code,{children:"\ud83d\udcc1 settings"})}),"\n"]}),"\n"]}),"\n",(0,i.jsxs)(n.li,{children:[(0,i.jsx)(n.code,{children:"\ud83d\udcc2 shared"}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsx)(n.li,{children:(0,i.jsx)(n.code,{children:"\ud83d\udcc1 ui"})}),"\n",(0,i.jsx)(n.li,{children:(0,i.jsx)(n.code,{children:"\ud83d\udcc1 api"})}),"\n"]}),"\n"]}),"\n"]}),"\n",(0,i.jsxs)(n.p,{children:["Folders inside ",(0,i.jsx)(n.code,{children:"\ud83d\udcc2 pages"})," are called ",(0,i.jsx)(n.em,{children:"slices"}),". They divide the layer by domain (in this case, by pages)."]}),"\n",(0,i.jsxs)(n.p,{children:["Folders inside ",(0,i.jsx)(n.code,{children:"\ud83d\udcc2 app"}),", ",(0,i.jsx)(n.code,{children:"\ud83d\udcc2 shared"}),", and ",(0,i.jsx)(n.code,{children:"\ud83d\udcc2 pages/article-reader"})," are called ",(0,i.jsx)(n.em,{children:"segments"}),", and they divide slices (or layers) by technical purpose, i.e. what the code is for."]}),"\n",(0,i.jsx)(n.h2,{id:"concepts",children:"Concepts"}),"\n",(0,i.jsx)(n.p,{children:"Layers, slices, and segments form a hierarchy like this:"}),"\n",(0,i.jsxs)("figure",{children:[(0,i.jsx)(n.p,{children:(0,i.jsx)(n.img,{alt:"Hierarchy of FSD concepts, described below",src:s(9273).A+"",width:"1355",height:"754"})}),(0,i.jsxs)("figcaption",{style:{fontStyle:"italic",fontSize:"0.9em"},children:[(0,i.jsx)("p",{children:'Pictured above: three pillars, labeled left to right as "Layers", "Slices", and "Segments" respectively.'}),(0,i.jsx)("p",{children:'The "Layers" pillar contains seven divisions arranged top to bottom and labeled "app", "processes", "pages", "widgets", "features", "entities", and "shared". The "processes" division is crossed out. The "entities" division is connected to the second pillar "Slices" in a way that conveys that the second pillar is the content of "entities".'}),(0,i.jsx)("p",{children:'The "Slices" pillar contains three divisions arranged top to bottom and labeled "user", "post", and "comment". The "post" division is connected to the third pillar "Segments" in the same way such that it\'s the content of "post".'}),(0,i.jsx)("p",{children:'The "Segments" pillar contains three divisions, arranged top to bottom and labeled "ui", "model", and "api".'})]})]}),"\n",(0,i.jsx)(n.h3,{id:"layers",children:"Layers"}),"\n",(0,i.jsx)(n.p,{children:"Layers are standardized across all FSD projects. You don't have to use all of the layers, but their names are important. There are currently seven of them (from top to bottom):"}),"\n",(0,i.jsxs)(n.ol,{children:["\n",(0,i.jsx)(n.li,{children:"App* \u2014 everything that makes the app run \u2014 routing, entrypoints, global styles, providers."}),"\n",(0,i.jsx)(n.li,{children:"Processes (deprecated) \u2014 complex inter-page scenarios."}),"\n",(0,i.jsx)(n.li,{children:"Pages \u2014 full pages or large parts of a page in nested routing."}),"\n",(0,i.jsx)(n.li,{children:"Widgets \u2014 large self-contained chunks of functionality or UI, usually delivering an entire use case."}),"\n",(0,i.jsxs)(n.li,{children:["Features \u2014 ",(0,i.jsx)(n.em,{children:"reused"})," implementations of entire product features, i.e. actions that bring business value to the user."]}),"\n",(0,i.jsxs)(n.li,{children:["Entities \u2014 business entities that the project works with, like ",(0,i.jsx)(n.code,{children:"user"})," or ",(0,i.jsx)(n.code,{children:"product"}),"."]}),"\n",(0,i.jsx)(n.li,{children:"Shared* \u2014 reusable functionality, especially when it's detached from the specifics of the project/business, though not necessarily."}),"\n"]}),"\n",(0,i.jsx)(n.p,{children:(0,i.jsx)(n.em,{children:"* \u2014 these layers, App and Shared, unlike the other layers, don't have slices, and are made up of segments directly."})}),"\n",(0,i.jsx)(n.p,{children:"The trick with layers is that modules on one layer can only know about and import from modules from the layers strictly below."}),"\n",(0,i.jsx)(n.h3,{id:"slices",children:"Slices"}),"\n",(0,i.jsx)(n.p,{children:"Next up are slices, which partition the code by business domain. You're free to choose any names for them, and create as many as you wish. Slices make your codebase easier to navigate by keeping logically related modules close together."}),"\n",(0,i.jsx)(n.p,{children:"Slices cannot use other slices on the same layer, and that helps with high cohesion and low coupling."}),"\n",(0,i.jsx)(n.h3,{id:"segments",children:"Segments"}),"\n",(0,i.jsx)(n.p,{children:"Slices, as well as layers App and Shared, consist of segments, and segments group your code by its purpose. Segment names are not constrained by the standard, but there are several conventional names for the most common purposes:"}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsxs)(n.li,{children:[(0,i.jsx)(n.code,{children:"ui"})," \u2014 everything related to UI display: UI components, date formatters, styles, etc."]}),"\n",(0,i.jsxs)(n.li,{children:[(0,i.jsx)(n.code,{children:"api"})," \u2014 backend interactions: request functions, data types, mappers, etc."]}),"\n",(0,i.jsxs)(n.li,{children:[(0,i.jsx)(n.code,{children:"model"})," \u2014 the data model: schemas, interfaces, stores, and business logic."]}),"\n",(0,i.jsxs)(n.li,{children:[(0,i.jsx)(n.code,{children:"lib"})," \u2014 library code that other modules on this slice need."]}),"\n",(0,i.jsxs)(n.li,{children:[(0,i.jsx)(n.code,{children:"config"})," \u2014 configuration files and feature flags."]}),"\n"]}),"\n",(0,i.jsx)(n.p,{children:"Usually these segments are enough for most layers, you would only create your own segments in Shared or App, but this is not a rule."}),"\n",(0,i.jsx)(n.h2,{id:"advantages",children:"Advantages"}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsxs)(n.li,{children:["\n",(0,i.jsxs)(n.p,{children:[(0,i.jsx)(n.strong,{children:"Uniformity"}),(0,i.jsx)(n.br,{}),"\n","Since the structure is standardized, projects become more uniform, which makes onboarding new members easier for the team."]}),"\n"]}),"\n",(0,i.jsxs)(n.li,{children:["\n",(0,i.jsxs)(n.p,{children:[(0,i.jsx)(n.strong,{children:"Stability in face of changes and refactoring"}),(0,i.jsx)(n.br,{}),"\n","A module on one layer cannot use other modules on the same layer, or the layers above.",(0,i.jsx)(n.br,{}),"\n","This allows you to make isolated modifications without unforeseen consequences to the rest of the app."]}),"\n"]}),"\n",(0,i.jsxs)(n.li,{children:["\n",(0,i.jsxs)(n.p,{children:[(0,i.jsx)(n.strong,{children:"Controlled reuse of logic"}),(0,i.jsx)(n.br,{}),"\n","Depending on the layer, you can make code very reusable or very local.",(0,i.jsx)(n.br,{}),"\n","This keeps a balance between following the ",(0,i.jsx)(n.strong,{children:"DRY"})," principle and practicality."]}),"\n"]}),"\n",(0,i.jsxs)(n.li,{children:["\n",(0,i.jsxs)(n.p,{children:[(0,i.jsx)(n.strong,{children:"Orientation to business and users needs"}),(0,i.jsx)(n.br,{}),"\n","The app is split into business domains and usage of the business language is encouraged in naming, so that you can do useful product work without fully understanding all other unrelated parts of the project."]}),"\n"]}),"\n"]}),"\n",(0,i.jsx)(n.h2,{id:"incremental-adoption",children:"Incremental adoption"}),"\n",(0,i.jsx)(n.p,{children:"If you have an existing codebase that you want to migrate to FSD, we suggest the following strategy. We found it useful in our own migration experience."}),"\n",(0,i.jsxs)(n.ol,{children:["\n",(0,i.jsxs)(n.li,{children:["\n",(0,i.jsx)(n.p,{children:"Start by slowly shaping up the App and Shared layers module-by-module to create a foundation."}),"\n"]}),"\n",(0,i.jsxs)(n.li,{children:["\n",(0,i.jsx)(n.p,{children:"Distribute all of the existing UI across Widgets and Pages using broad strokes, even if they have dependencies that violate the rules of FSD."}),"\n"]}),"\n",(0,i.jsxs)(n.li,{children:["\n",(0,i.jsx)(n.p,{children:"Start gradually resolving import violations and also extracting Entities and possibly even Features."}),"\n"]}),"\n"]}),"\n",(0,i.jsx)(n.p,{children:"It's advised to refrain from adding new large entities while refactoring or refactoring only certain parts of the project."}),"\n",(0,i.jsx)(n.h2,{id:"next-steps",children:"Next steps"}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsxs)(n.li,{children:[(0,i.jsx)(n.strong,{children:"Want to get a good grasp of how to think in FSD?"})," Check out the ",(0,i.jsx)(n.a,{href:"/docs/get-started/tutorial",children:"Tutorial"}),"."]}),"\n",(0,i.jsxs)(n.li,{children:[(0,i.jsx)(n.strong,{children:"Prefer to learn from examples?"})," We have a lot in the ",(0,i.jsx)(n.a,{href:"/examples",children:"Examples"})," section."]}),"\n",(0,i.jsxs)(n.li,{children:[(0,i.jsx)(n.strong,{children:"Have questions?"})," Drop by our ",(0,i.jsx)(n.a,{href:"https://t.me/feature_sliced",children:"Telegram chat"})," and get help from the community."]}),"\n"]})]})}function h(e={}){const{wrapper:n}={...(0,t.R)(),...e.components};return n?(0,i.jsx)(n,{...e,children:(0,i.jsx)(c,{...e})}):c(e)}},9273:(e,n,s)=>{s.d(n,{A:()=>i});const i=s.p+"assets/images/visual_schema-e826067f573946613dcdc76e3f585082.jpg"},1100:(e,n,s)=>{s.d(n,{R:()=>o,x:()=>a});var i=s(758);const t={},r=i.createContext(t);function o(e){const n=i.useContext(r);return i.useMemo((function(){return"function"==typeof e?e(n):{...n,...e}}),[n,e])}function a(e){let n;return n=e.disableParentContext?"function"==typeof e.components?e.components(t):e.components||t:o(e.components),i.createElement(r.Provider,{value:n},e.children)}}}]);
\ No newline at end of file
diff --git a/assets/js/0a4ee302.9b62bc0a.js b/assets/js/0a4ee302.baca1795.js
similarity index 98%
rename from assets/js/0a4ee302.9b62bc0a.js
rename to assets/js/0a4ee302.baca1795.js
index d30fc6b3d8..030d291a7f 100644
--- a/assets/js/0a4ee302.9b62bc0a.js
+++ b/assets/js/0a4ee302.baca1795.js
@@ -1 +1 @@
-"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[5977],{1540:(e,n,t)=>{t.r(n),t.d(n,{assets:()=>a,contentTitle:()=>r,default:()=>u,frontMatter:()=>o,metadata:()=>c,toc:()=>d});var s=t(6070),i=t(1100);const o={sidebar_position:10},r="Usage with NuxtJS",c={id:"guides/tech/with-nuxtjs",title:"Usage with NuxtJS",description:"It is possible to implement FSD in a NuxtJS project, but conflicts arise due to the differences between NuxtJS project structure requirements and FSD principles:",source:"@site/i18n/en/docusaurus-plugin-content-docs/current/guides/tech/with-nuxtjs.mdx",sourceDirName:"guides/tech",slug:"/guides/tech/with-nuxtjs",permalink:"/docs/guides/tech/with-nuxtjs",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/guides/tech/with-nuxtjs.mdx",tags:[],version:"current",lastUpdatedAt:1727607766e3,sidebarPosition:10,frontMatter:{sidebar_position:10},sidebar:"guidesSidebar",previous:{title:"Usage with NextJS",permalink:"/docs/guides/tech/with-nextjs"},next:{title:"Usage with React Query",permalink:"/docs/guides/tech/with-react-query"}},a={},d=[{value:"Adding an alias for the <code>src</code> directory",id:"adding-an-alias-for-the-src-directory",level:2},{value:"Choose how to configure the router",id:"choose-how-to-configure-the-router",level:2},{value:"Routing using config",id:"routing-using-config",level:3},{value:"File Routing",id:"file-routing",level:3},{value:"What to do with <code>layouts</code>?",id:"what-to-do-with-layouts",level:2},{value:"See also",id:"see-also",level:2}];function l(e){const n={a:"a",code:"code",h1:"h1",h2:"h2",h3:"h3",header:"header",li:"li",p:"p",pre:"pre",ul:"ul",...(0,i.R)(),...e.components};return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(n.header,{children:(0,s.jsx)(n.h1,{id:"usage-with-nuxtjs",children:"Usage with NuxtJS"})}),"\n",(0,s.jsx)(n.p,{children:"It is possible to implement FSD in a NuxtJS project, but conflicts arise due to the differences between NuxtJS project structure requirements and FSD principles:"}),"\n",(0,s.jsxs)(n.ul,{children:["\n",(0,s.jsxs)(n.li,{children:["Initially, NuxtJS offers a project file structure without a ",(0,s.jsx)(n.code,{children:"src"})," folder, i.e. in the root of the project."]}),"\n",(0,s.jsxs)(n.li,{children:["The file routing is in the ",(0,s.jsx)(n.code,{children:"pages"})," folder, while in FSD this folder is reserved for the flat slice structure."]}),"\n"]}),"\n",(0,s.jsxs)(n.h2,{id:"adding-an-alias-for-the-src-directory",children:["Adding an alias for the ",(0,s.jsx)(n.code,{children:"src"})," directory"]}),"\n",(0,s.jsxs)(n.p,{children:["Add an ",(0,s.jsx)(n.code,{children:"alias"})," object to your config:"]}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-ts",metastring:'title="nuxt.config.ts"',children:"export default defineNuxtConfig({\n  devtools: { enabled: true }, // Not FSD related, enabled at project startup\n  alias: {\n    \"@\": '../src'\n  },\n})\n"})}),"\n",(0,s.jsx)(n.h2,{id:"choose-how-to-configure-the-router",children:"Choose how to configure the router"}),"\n",(0,s.jsxs)(n.p,{children:["In NuxtJS, there are two ways to customize the routing - using a config and using a file structure.\nIn the case of file-based routing, you will create index.vue files in folders inside the app/routes directory, and in the case of configure, you will configure the routers in the ",(0,s.jsx)(n.code,{children:"router.options.ts"})," file."]}),"\n",(0,s.jsx)(n.h3,{id:"routing-using-config",children:"Routing using config"}),"\n",(0,s.jsxs)(n.p,{children:["In the ",(0,s.jsx)(n.code,{children:"app"})," layer, create a ",(0,s.jsx)(n.code,{children:"router.options.ts"})," file, and export a config object from it:"]}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-ts",metastring:'title="app/router.options.ts"',children:"import type { RouterConfig } from '@nuxt/schema';\n\nexport default <RouterConfig> {\n  routes: (_routes) => [],\n};\n\n"})}),"\n",(0,s.jsxs)(n.p,{children:["To add a ",(0,s.jsx)(n.code,{children:"Home"})," page to your project, you need to do the following steps:"]}),"\n",(0,s.jsxs)(n.ul,{children:["\n",(0,s.jsxs)(n.li,{children:["Add a page slice inside the ",(0,s.jsx)(n.code,{children:"pages"})," layer"]}),"\n",(0,s.jsxs)(n.li,{children:["Add the appropriate route to the ",(0,s.jsx)(n.code,{children:"app/router.config.ts"})," config"]}),"\n"]}),"\n",(0,s.jsxs)(n.p,{children:["To create a page slice, let's use the ",(0,s.jsx)(n.a,{href:"https://github.com/feature-sliced/cli",children:"CLI"}),":"]}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-shell",children:"fsd pages home\n"})}),"\n",(0,s.jsxs)(n.p,{children:["Create a ",(0,s.jsx)(n.code,{children:"home-page.vue"})," file inside the ui segment, access it using the Public API"]}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-ts",metastring:'title="src/pages/home/index.ts"',children:"export { default as HomePage } from './ui/home-page';\n"})}),"\n",(0,s.jsx)(n.p,{children:"Thus, the file structure will look like this:"}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-sh",children:"|\u2500\u2500 src\n\u2502   \u251c\u2500\u2500 app\n\u2502   \u2502   \u251c\u2500\u2500 router.config.ts\n\u2502   \u251c\u2500\u2500 pages\n\u2502   \u2502   \u251c\u2500\u2500 home\n\u2502   \u2502   \u2502   \u251c\u2500\u2500 ui\n\u2502   \u2502   \u2502   \u2502   \u251c\u2500\u2500 home-page.vue\n\u2502   \u2502   \u2502   \u251c\u2500\u2500 index.ts\n"})}),"\n",(0,s.jsx)(n.p,{children:"Finally, let's add a root to the config:"}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-ts",metastring:'title="app/router.config.ts"',children:"import type { RouterConfig } from '@nuxt/schema'\n\nexport default <RouterConfig> {\n  routes: (_routes) => [\n    {\n      name: 'home',\n      path: '/',\n      component: () => import('@/pages/home.vue').then(r => r.default || r)\n    }\n  ],\n}\n"})}),"\n",(0,s.jsx)(n.h3,{id:"file-routing",children:"File Routing"}),"\n",(0,s.jsxs)(n.p,{children:["First of all, create a ",(0,s.jsx)(n.code,{children:"src"})," directory in the root of your project, and create app and pages layers inside this directory and a routes folder inside the app layer.\nThus, your file structure should look like this:"]}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-sh",children:"\u251c\u2500\u2500 src\n\u2502   \u251c\u2500\u2500 app\n\u2502   \u2502   \u251c\u2500\u2500 routes\n\u2502   \u251c\u2500\u2500 pages                         # Pages folder, related to FSD\n"})}),"\n",(0,s.jsxs)(n.p,{children:["In order for NuxtJS to use the routes folder inside the ",(0,s.jsx)(n.code,{children:"app"})," layer for file routing, you need to modify ",(0,s.jsx)(n.code,{children:"nuxt.config.ts"})," as follows:"]}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-ts",metastring:'title="nuxt.config.ts"',children:"export default defineNuxtConfig({\n  devtools: { enabled: true }, // Not FSD related, enabled at project startup\n  alias: {\n    \"@\": '../src'\n  },\n  dir: {\n    pages: './src/app/routes'\n  }\n})\n"})}),"\n",(0,s.jsxs)(n.p,{children:["Now, you can create routes for pages within ",(0,s.jsx)(n.code,{children:"app"})," and connect pages from ",(0,s.jsx)(n.code,{children:"pages"})," to them."]}),"\n",(0,s.jsxs)(n.p,{children:["For example, to add a ",(0,s.jsx)(n.code,{children:"Home"})," page to your project, you need to do the following steps:"]}),"\n",(0,s.jsxs)(n.ul,{children:["\n",(0,s.jsxs)(n.li,{children:["Add a page slice inside the ",(0,s.jsx)(n.code,{children:"pages"})," layer"]}),"\n",(0,s.jsxs)(n.li,{children:["Add the corresponding root inside the ",(0,s.jsx)(n.code,{children:"app"})," layer"]}),"\n",(0,s.jsx)(n.li,{children:"Align the page from the slice with the root"}),"\n"]}),"\n",(0,s.jsxs)(n.p,{children:["To create a page slice, let's use the ",(0,s.jsx)(n.a,{href:"https://github.com/feature-sliced/cli",children:"CLI"}),":"]}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-shell",children:"fsd pages home\n"})}),"\n",(0,s.jsxs)(n.p,{children:["Create a ",(0,s.jsx)(n.code,{children:"home-page.vue"})," file inside the ui segment, access it using the Public API"]}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-ts",metastring:'title="src/pages/home/index.ts"',children:"export { default as HomePage } from './ui/home-page';\n"})}),"\n",(0,s.jsxs)(n.p,{children:["Create a root for this page inside the ",(0,s.jsx)(n.code,{children:"app"})," layer:"]}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-sh",children:"\n\u251c\u2500\u2500 src\n\u2502   \u251c\u2500\u2500 app\n\u2502   \u2502   \u251c\u2500\u2500 routes\n\u2502   \u2502   \u2502   \u251c\u2500\u2500 index.vue\n\u2502   \u251c\u2500\u2500 pages\n\u2502   \u2502   \u251c\u2500\u2500 home\n\u2502   \u2502   \u2502   \u251c\u2500\u2500 ui\n\u2502   \u2502   \u2502   \u2502   \u251c\u2500\u2500 home-page.vue\n\u2502   \u2502   \u2502   \u251c\u2500\u2500 index.ts\n"})}),"\n",(0,s.jsxs)(n.p,{children:["Add your page component inside the ",(0,s.jsx)(n.code,{children:"index.vue"})," file:"]}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-html",metastring:'title="src/app/routes/index.vue"',children:"<script setup>\n  import { HomePage } from '@/pages/home';\n<\/script>\n\n<template>\n  <HomePage/>\n</template>\n"})}),"\n",(0,s.jsxs)(n.h2,{id:"what-to-do-with-layouts",children:["What to do with ",(0,s.jsx)(n.code,{children:"layouts"}),"?"]}),"\n",(0,s.jsxs)(n.p,{children:["You can place layouts inside the ",(0,s.jsx)(n.code,{children:"app"})," layer, to do this you need to modify the config as follows:"]}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-ts",metastring:'title="nuxt.config.ts"',children:"export default defineNuxtConfig({\n  devtools: { enabled: true }, // Not related to FSD, enabled at project startup\n  alias: {\n    \"@\": '../src'\n  },\n  dir: {\n    pages: './src/app/routes',\n    layouts: './src/app/layouts'\n  }\n})\n"})}),"\n",(0,s.jsx)(n.h2,{id:"see-also",children:"See also"}),"\n",(0,s.jsxs)(n.ul,{children:["\n",(0,s.jsx)(n.li,{children:(0,s.jsx)(n.a,{href:"https://nuxt.com/docs/api/nuxt-config#dir",children:"Documentation on changing directory config in NuxtJS"})}),"\n",(0,s.jsx)(n.li,{children:(0,s.jsx)(n.a,{href:"https://nuxt.com/docs/guide/recipes/custom-routing#router-config",children:"Documentation on changing router config in NuxtJS"})}),"\n",(0,s.jsx)(n.li,{children:(0,s.jsx)(n.a,{href:"https://nuxt.com/docs/api/nuxt-config#alias",children:"Documentation on changing aliases in NuxtJS"})}),"\n"]})]})}function u(e={}){const{wrapper:n}={...(0,i.R)(),...e.components};return n?(0,s.jsx)(n,{...e,children:(0,s.jsx)(l,{...e})}):l(e)}},1100:(e,n,t)=>{t.d(n,{R:()=>r,x:()=>c});var s=t(758);const i={},o=s.createContext(i);function r(e){const n=s.useContext(o);return s.useMemo((function(){return"function"==typeof e?e(n):{...n,...e}}),[n,e])}function c(e){let n;return n=e.disableParentContext?"function"==typeof e.components?e.components(i):e.components||i:r(e.components),s.createElement(o.Provider,{value:n},e.children)}}}]);
\ No newline at end of file
+"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[5977],{1540:(e,n,t)=>{t.r(n),t.d(n,{assets:()=>a,contentTitle:()=>r,default:()=>u,frontMatter:()=>o,metadata:()=>c,toc:()=>d});var s=t(6070),i=t(1100);const o={sidebar_position:10},r="Usage with NuxtJS",c={id:"guides/tech/with-nuxtjs",title:"Usage with NuxtJS",description:"It is possible to implement FSD in a NuxtJS project, but conflicts arise due to the differences between NuxtJS project structure requirements and FSD principles:",source:"@site/i18n/en/docusaurus-plugin-content-docs/current/guides/tech/with-nuxtjs.mdx",sourceDirName:"guides/tech",slug:"/guides/tech/with-nuxtjs",permalink:"/docs/guides/tech/with-nuxtjs",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/guides/tech/with-nuxtjs.mdx",tags:[],version:"current",lastUpdatedAt:1728325386e3,sidebarPosition:10,frontMatter:{sidebar_position:10},sidebar:"guidesSidebar",previous:{title:"Usage with NextJS",permalink:"/docs/guides/tech/with-nextjs"},next:{title:"Usage with React Query",permalink:"/docs/guides/tech/with-react-query"}},a={},d=[{value:"Adding an alias for the <code>src</code> directory",id:"adding-an-alias-for-the-src-directory",level:2},{value:"Choose how to configure the router",id:"choose-how-to-configure-the-router",level:2},{value:"Routing using config",id:"routing-using-config",level:3},{value:"File Routing",id:"file-routing",level:3},{value:"What to do with <code>layouts</code>?",id:"what-to-do-with-layouts",level:2},{value:"See also",id:"see-also",level:2}];function l(e){const n={a:"a",code:"code",h1:"h1",h2:"h2",h3:"h3",header:"header",li:"li",p:"p",pre:"pre",ul:"ul",...(0,i.R)(),...e.components};return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(n.header,{children:(0,s.jsx)(n.h1,{id:"usage-with-nuxtjs",children:"Usage with NuxtJS"})}),"\n",(0,s.jsx)(n.p,{children:"It is possible to implement FSD in a NuxtJS project, but conflicts arise due to the differences between NuxtJS project structure requirements and FSD principles:"}),"\n",(0,s.jsxs)(n.ul,{children:["\n",(0,s.jsxs)(n.li,{children:["Initially, NuxtJS offers a project file structure without a ",(0,s.jsx)(n.code,{children:"src"})," folder, i.e. in the root of the project."]}),"\n",(0,s.jsxs)(n.li,{children:["The file routing is in the ",(0,s.jsx)(n.code,{children:"pages"})," folder, while in FSD this folder is reserved for the flat slice structure."]}),"\n"]}),"\n",(0,s.jsxs)(n.h2,{id:"adding-an-alias-for-the-src-directory",children:["Adding an alias for the ",(0,s.jsx)(n.code,{children:"src"})," directory"]}),"\n",(0,s.jsxs)(n.p,{children:["Add an ",(0,s.jsx)(n.code,{children:"alias"})," object to your config:"]}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-ts",metastring:'title="nuxt.config.ts"',children:"export default defineNuxtConfig({\n  devtools: { enabled: true }, // Not FSD related, enabled at project startup\n  alias: {\n    \"@\": '../src'\n  },\n})\n"})}),"\n",(0,s.jsx)(n.h2,{id:"choose-how-to-configure-the-router",children:"Choose how to configure the router"}),"\n",(0,s.jsxs)(n.p,{children:["In NuxtJS, there are two ways to customize the routing - using a config and using a file structure.\nIn the case of file-based routing, you will create index.vue files in folders inside the app/routes directory, and in the case of configure, you will configure the routers in the ",(0,s.jsx)(n.code,{children:"router.options.ts"})," file."]}),"\n",(0,s.jsx)(n.h3,{id:"routing-using-config",children:"Routing using config"}),"\n",(0,s.jsxs)(n.p,{children:["In the ",(0,s.jsx)(n.code,{children:"app"})," layer, create a ",(0,s.jsx)(n.code,{children:"router.options.ts"})," file, and export a config object from it:"]}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-ts",metastring:'title="app/router.options.ts"',children:"import type { RouterConfig } from '@nuxt/schema';\n\nexport default <RouterConfig> {\n  routes: (_routes) => [],\n};\n\n"})}),"\n",(0,s.jsxs)(n.p,{children:["To add a ",(0,s.jsx)(n.code,{children:"Home"})," page to your project, you need to do the following steps:"]}),"\n",(0,s.jsxs)(n.ul,{children:["\n",(0,s.jsxs)(n.li,{children:["Add a page slice inside the ",(0,s.jsx)(n.code,{children:"pages"})," layer"]}),"\n",(0,s.jsxs)(n.li,{children:["Add the appropriate route to the ",(0,s.jsx)(n.code,{children:"app/router.config.ts"})," config"]}),"\n"]}),"\n",(0,s.jsxs)(n.p,{children:["To create a page slice, let's use the ",(0,s.jsx)(n.a,{href:"https://github.com/feature-sliced/cli",children:"CLI"}),":"]}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-shell",children:"fsd pages home\n"})}),"\n",(0,s.jsxs)(n.p,{children:["Create a ",(0,s.jsx)(n.code,{children:"home-page.vue"})," file inside the ui segment, access it using the Public API"]}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-ts",metastring:'title="src/pages/home/index.ts"',children:"export { default as HomePage } from './ui/home-page';\n"})}),"\n",(0,s.jsx)(n.p,{children:"Thus, the file structure will look like this:"}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-sh",children:"|\u2500\u2500 src\n\u2502   \u251c\u2500\u2500 app\n\u2502   \u2502   \u251c\u2500\u2500 router.config.ts\n\u2502   \u251c\u2500\u2500 pages\n\u2502   \u2502   \u251c\u2500\u2500 home\n\u2502   \u2502   \u2502   \u251c\u2500\u2500 ui\n\u2502   \u2502   \u2502   \u2502   \u251c\u2500\u2500 home-page.vue\n\u2502   \u2502   \u2502   \u251c\u2500\u2500 index.ts\n"})}),"\n",(0,s.jsx)(n.p,{children:"Finally, let's add a root to the config:"}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-ts",metastring:'title="app/router.config.ts"',children:"import type { RouterConfig } from '@nuxt/schema'\n\nexport default <RouterConfig> {\n  routes: (_routes) => [\n    {\n      name: 'home',\n      path: '/',\n      component: () => import('@/pages/home.vue').then(r => r.default || r)\n    }\n  ],\n}\n"})}),"\n",(0,s.jsx)(n.h3,{id:"file-routing",children:"File Routing"}),"\n",(0,s.jsxs)(n.p,{children:["First of all, create a ",(0,s.jsx)(n.code,{children:"src"})," directory in the root of your project, and create app and pages layers inside this directory and a routes folder inside the app layer.\nThus, your file structure should look like this:"]}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-sh",children:"\u251c\u2500\u2500 src\n\u2502   \u251c\u2500\u2500 app\n\u2502   \u2502   \u251c\u2500\u2500 routes\n\u2502   \u251c\u2500\u2500 pages                         # Pages folder, related to FSD\n"})}),"\n",(0,s.jsxs)(n.p,{children:["In order for NuxtJS to use the routes folder inside the ",(0,s.jsx)(n.code,{children:"app"})," layer for file routing, you need to modify ",(0,s.jsx)(n.code,{children:"nuxt.config.ts"})," as follows:"]}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-ts",metastring:'title="nuxt.config.ts"',children:"export default defineNuxtConfig({\n  devtools: { enabled: true }, // Not FSD related, enabled at project startup\n  alias: {\n    \"@\": '../src'\n  },\n  dir: {\n    pages: './src/app/routes'\n  }\n})\n"})}),"\n",(0,s.jsxs)(n.p,{children:["Now, you can create routes for pages within ",(0,s.jsx)(n.code,{children:"app"})," and connect pages from ",(0,s.jsx)(n.code,{children:"pages"})," to them."]}),"\n",(0,s.jsxs)(n.p,{children:["For example, to add a ",(0,s.jsx)(n.code,{children:"Home"})," page to your project, you need to do the following steps:"]}),"\n",(0,s.jsxs)(n.ul,{children:["\n",(0,s.jsxs)(n.li,{children:["Add a page slice inside the ",(0,s.jsx)(n.code,{children:"pages"})," layer"]}),"\n",(0,s.jsxs)(n.li,{children:["Add the corresponding root inside the ",(0,s.jsx)(n.code,{children:"app"})," layer"]}),"\n",(0,s.jsx)(n.li,{children:"Align the page from the slice with the root"}),"\n"]}),"\n",(0,s.jsxs)(n.p,{children:["To create a page slice, let's use the ",(0,s.jsx)(n.a,{href:"https://github.com/feature-sliced/cli",children:"CLI"}),":"]}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-shell",children:"fsd pages home\n"})}),"\n",(0,s.jsxs)(n.p,{children:["Create a ",(0,s.jsx)(n.code,{children:"home-page.vue"})," file inside the ui segment, access it using the Public API"]}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-ts",metastring:'title="src/pages/home/index.ts"',children:"export { default as HomePage } from './ui/home-page';\n"})}),"\n",(0,s.jsxs)(n.p,{children:["Create a root for this page inside the ",(0,s.jsx)(n.code,{children:"app"})," layer:"]}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-sh",children:"\n\u251c\u2500\u2500 src\n\u2502   \u251c\u2500\u2500 app\n\u2502   \u2502   \u251c\u2500\u2500 routes\n\u2502   \u2502   \u2502   \u251c\u2500\u2500 index.vue\n\u2502   \u251c\u2500\u2500 pages\n\u2502   \u2502   \u251c\u2500\u2500 home\n\u2502   \u2502   \u2502   \u251c\u2500\u2500 ui\n\u2502   \u2502   \u2502   \u2502   \u251c\u2500\u2500 home-page.vue\n\u2502   \u2502   \u2502   \u251c\u2500\u2500 index.ts\n"})}),"\n",(0,s.jsxs)(n.p,{children:["Add your page component inside the ",(0,s.jsx)(n.code,{children:"index.vue"})," file:"]}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-html",metastring:'title="src/app/routes/index.vue"',children:"<script setup>\n  import { HomePage } from '@/pages/home';\n<\/script>\n\n<template>\n  <HomePage/>\n</template>\n"})}),"\n",(0,s.jsxs)(n.h2,{id:"what-to-do-with-layouts",children:["What to do with ",(0,s.jsx)(n.code,{children:"layouts"}),"?"]}),"\n",(0,s.jsxs)(n.p,{children:["You can place layouts inside the ",(0,s.jsx)(n.code,{children:"app"})," layer, to do this you need to modify the config as follows:"]}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-ts",metastring:'title="nuxt.config.ts"',children:"export default defineNuxtConfig({\n  devtools: { enabled: true }, // Not related to FSD, enabled at project startup\n  alias: {\n    \"@\": '../src'\n  },\n  dir: {\n    pages: './src/app/routes',\n    layouts: './src/app/layouts'\n  }\n})\n"})}),"\n",(0,s.jsx)(n.h2,{id:"see-also",children:"See also"}),"\n",(0,s.jsxs)(n.ul,{children:["\n",(0,s.jsx)(n.li,{children:(0,s.jsx)(n.a,{href:"https://nuxt.com/docs/api/nuxt-config#dir",children:"Documentation on changing directory config in NuxtJS"})}),"\n",(0,s.jsx)(n.li,{children:(0,s.jsx)(n.a,{href:"https://nuxt.com/docs/guide/recipes/custom-routing#router-config",children:"Documentation on changing router config in NuxtJS"})}),"\n",(0,s.jsx)(n.li,{children:(0,s.jsx)(n.a,{href:"https://nuxt.com/docs/api/nuxt-config#alias",children:"Documentation on changing aliases in NuxtJS"})}),"\n"]})]})}function u(e={}){const{wrapper:n}={...(0,i.R)(),...e.components};return n?(0,s.jsx)(n,{...e,children:(0,s.jsx)(l,{...e})}):l(e)}},1100:(e,n,t)=>{t.d(n,{R:()=>r,x:()=>c});var s=t(758);const i={},o=s.createContext(i);function r(e){const n=s.useContext(o);return s.useMemo((function(){return"function"==typeof e?e(n):{...n,...e}}),[n,e])}function c(e){let n;return n=e.disableParentContext?"function"==typeof e.components?e.components(i):e.components||i:r(e.components),s.createElement(o.Provider,{value:n},e.children)}}}]);
\ No newline at end of file
diff --git a/assets/js/2f764a0f.2f7836d4.js b/assets/js/2f764a0f.1c1ea022.js
similarity index 99%
rename from assets/js/2f764a0f.2f7836d4.js
rename to assets/js/2f764a0f.1c1ea022.js
index e3c2954709..61a0061341 100644
--- a/assets/js/2f764a0f.2f7836d4.js
+++ b/assets/js/2f764a0f.1c1ea022.js
@@ -1 +1 @@
-"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[8039],{7162:(e,t,n)=>{n.r(t),n.d(t,{assets:()=>h,contentTitle:()=>r,default:()=>c,frontMatter:()=>o,metadata:()=>a,toc:()=>l});var s=n(6070),i=n(1100);const o={sidebar_position:2},r="Needs driven",a={id:"about/understanding/needs-driven",title:"Needs driven",description:"\u2014 Can't you formulate the goal that the new feature will solve? Or maybe the problem is that the task itself is not formulated? **The point is also that the methodology helps to pull out the problematic definition of tasks and goals**",source:"@site/i18n/en/docusaurus-plugin-content-docs/current/about/understanding/needs-driven.md",sourceDirName:"about/understanding",slug:"/about/understanding/needs-driven",permalink:"/docs/about/understanding/needs-driven",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/about/understanding/needs-driven.md",tags:[],version:"current",lastUpdatedAt:1727607766e3,sidebarPosition:2,frontMatter:{sidebar_position:2},sidebar:"aboutSidebar",previous:{title:"About architecture",permalink:"/docs/about/understanding/architecture"},next:{title:"Knowledge types",permalink:"/docs/about/understanding/knowledge-types"}},h={},l=[{value:"Why?",id:"why",level:2},{value:"What tasks are we talking about?",id:"what-tasks-are-we-talking-about",level:2},{value:"How does this affect development?",id:"how-does-this-affect-development",level:2},{value:"Task decomposition",id:"task-decomposition",level:3},{value:"Understanding the essence of the task",id:"understanding-the-essence-of-the-task",level:3},{value:"How to formulate it?",id:"how-to-formulate-it",level:2},{value:"And what is the benefit?",id:"and-what-is-the-benefit",level:2},{value:"1. Understanding user tasks",id:"1-understanding-user-tasks",level:3},{value:"2. Structuring and ordering",id:"2-structuring-and-ordering",level:3},{value:"3. Understanding the feature and its components",id:"3-understanding-the-feature-and-its-components",level:3},{value:"4. Profit",id:"4-profit",level:3},{value:"Back to reality",id:"back-to-reality",level:2},{value:"The role of methodology",id:"the-role-of-methodology",level:2},{value:"Methodology requirements",id:"methodology-requirements",level:3},{value:"See also",id:"see-also",level:2}];function d(e){const t={a:"a",admonition:"admonition",blockquote:"blockquote",code:"code",em:"em",h1:"h1",h2:"h2",h3:"h3",header:"header",hr:"hr",li:"li",ol:"ol",p:"p",strong:"strong",ul:"ul",...(0,i.R)(),...e.components};return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(t.header,{children:(0,s.jsx)(t.h1,{id:"needs-driven",children:"Needs driven"})}),"\n",(0,s.jsxs)(t.admonition,{title:"TL;DR",type:"note",children:[(0,s.jsxs)(t.p,{children:["\u2014 ",(0,s.jsxs)(t.em,{children:["Can't you formulate the goal that the new feature will solve? Or maybe the problem is that the task itself is not formulated? ",(0,s.jsx)(t.strong,{children:"The point is also that the methodology helps to pull out the problematic definition of tasks and goals"})]})]}),(0,s.jsxs)(t.p,{children:["\u2014 ",(0,s.jsxs)(t.em,{children:["project does not live in static - requirements and functionality are constantly changing. Over time, the code turns into mush, because at the start the project was designed only for the initial impression of wishes. ",(0,s.jsx)(t.strong,{children:"And the task of a good architecture is also to be sharpened for changing development conditions."})]})]})]}),"\n",(0,s.jsx)(t.h2,{id:"why",children:"Why?"}),"\n",(0,s.jsxs)(t.p,{children:["To choose a clear name for an entity and understand its components, ",(0,s.jsx)(t.strong,{children:"you need to clearly understand what task will be solved with the help of all this code."})]}),"\n",(0,s.jsxs)(t.blockquote,{children:["\n",(0,s.jsx)(t.p,{children:(0,s.jsx)(t.em,{children:"@sergeysova: During development, we try to give each entity or function a name that clearly reflects the intentions and meaning of the code being executed."})}),"\n"]}),"\n",(0,s.jsx)(t.p,{children:(0,s.jsx)(t.em,{children:"After all, without understanding the task, it is impossible to write the right tests that cover the most important cases, put down errors that help the user in the right places, even it is banal not to interrupt the user's flow because of fixable non-critical errors."})}),"\n",(0,s.jsx)(t.h2,{id:"what-tasks-are-we-talking-about",children:"What tasks are we talking about?"}),"\n",(0,s.jsx)(t.p,{children:"Frontend develops applications and interfaces for end users, so we solve the tasks of these consumers."}),"\n",(0,s.jsxs)(t.p,{children:["When a person comes to us, ",(0,s.jsx)(t.strong,{children:"he wants to solve some of his pain or close a need."})]}),"\n",(0,s.jsx)(t.p,{children:(0,s.jsx)(t.em,{children:"The task of managers and analysts is to formulate this need, and implement developers taking into account the features of web development (loss of communication, backend error, typo, missed the cursor or finger)."})}),"\n",(0,s.jsx)(t.p,{children:(0,s.jsx)(t.strong,{children:"This very goal, with which the user came, is the task of the developers."})}),"\n",(0,s.jsxs)(t.blockquote,{children:["\n",(0,s.jsx)(t.p,{children:(0,s.jsx)(t.em,{children:"One small solved problem is a feature in the Feature-Sliced Design methodology \u2014 you need to cut the entire scope of project tasks into small goals."})}),"\n"]}),"\n",(0,s.jsx)(t.h2,{id:"how-does-this-affect-development",children:"How does this affect development?"}),"\n",(0,s.jsx)(t.h3,{id:"task-decomposition",children:"Task decomposition"}),"\n",(0,s.jsxs)(t.p,{children:["When a developer begins to implement a task, in order to simplify the understanding and support of the code, he mentally ",(0,s.jsx)(t.strong,{children:"cuts it into stages"}),":"]}),"\n",(0,s.jsxs)(t.ul,{children:["\n",(0,s.jsxs)(t.li,{children:["first ",(0,s.jsx)(t.em,{children:"split into top-level entities"})," and ",(0,s.jsx)(t.em,{children:"implement them"}),","]}),"\n",(0,s.jsxs)(t.li,{children:["then these entities ",(0,s.jsx)(t.em,{children:"split into smaller ones"})]}),"\n",(0,s.jsx)(t.li,{children:"and so on"}),"\n"]}),"\n",(0,s.jsxs)(t.p,{children:[(0,s.jsx)(t.em,{children:"In the process of splitting into entities, the developer is forced to give them a name that would clearly reflect his idea and help to understand what task the code solves when reading the listing"}),"\n",(0,s.jsx)(t.em,{children:"At the same time, we do not forget that we are trying to help the user reduce pain or realize needs"})]}),"\n",(0,s.jsx)(t.h3,{id:"understanding-the-essence-of-the-task",children:"Understanding the essence of the task"}),"\n",(0,s.jsxs)(t.p,{children:["But to give a clear name to an entity, ",(0,s.jsx)(t.strong,{children:"the developer must know enough about its purpose"})]}),"\n",(0,s.jsxs)(t.ul,{children:["\n",(0,s.jsx)(t.li,{children:"how is he going to use this entity,"}),"\n",(0,s.jsx)(t.li,{children:"what part of the user's task does it implement, where else can this entity be applied,"}),"\n",(0,s.jsx)(t.li,{children:"in what other tasks can it participate,"}),"\n",(0,s.jsx)(t.li,{children:"and so on"}),"\n"]}),"\n",(0,s.jsxs)(t.p,{children:["It is not difficult to draw a conclusion: ",(0,s.jsx)(t.strong,{children:"while the developer will reflect on the name of entities within the framework of the methodology, he will be able to find poorly formulated tasks even before writing the code."})]}),"\n",(0,s.jsxs)(t.blockquote,{children:["\n",(0,s.jsx)(t.p,{children:"How to give a name to an entity if you do not understand well what tasks it can solve, how can you even divide a task into entities if you do not understand it well?"}),"\n"]}),"\n",(0,s.jsx)(t.h2,{id:"how-to-formulate-it",children:"How to formulate it?"}),"\n",(0,s.jsxs)(t.p,{children:[(0,s.jsx)(t.strong,{children:"To formulate a task that is solved by features, you need to understand the task itself"}),", and this is already the responsibility of the project manager and analysts."]}),"\n",(0,s.jsx)(t.p,{children:(0,s.jsx)(t.em,{children:"The methodology can only tell the developer what tasks the product manager should pay close attention to."})}),"\n",(0,s.jsxs)(t.blockquote,{children:["\n",(0,s.jsx)(t.p,{children:(0,s.jsx)(t.em,{children:'@sergeysova: the Whole frontend is primarily a display of information, any component in the first turn, displays, and then the task "to show the user something" has no practical value.'})}),"\n",(0,s.jsx)(t.p,{children:(0,s.jsx)(t.em,{children:'Even without taking into account the specifics of the frontend can ask, "why do I have to show you", so you can continue to ask until\'t get out of pain or the need of the consumer.'})}),"\n"]}),"\n",(0,s.jsxs)(t.p,{children:["As soon as we were able to get to the basic needs or pains, we can go back and figure out ",(0,s.jsx)(t.strong,{children:"how exactly your product or service can help the user with his goals"})]}),"\n",(0,s.jsx)(t.p,{children:"Any new task in your tracker is aimed at solving business problems, and the business tries to solve the user's tasks at the same time earning money on it. This means that each task has certain goals, even if they are not spelled out in the description text."}),"\n",(0,s.jsx)(t.p,{children:(0,s.jsxs)(t.em,{children:[(0,s.jsx)(t.strong,{children:"The developer must clearly understand what goal this or that task is pursuing"}),', but not every company can afford to build processes perfectly, although this is a separate conversation, nevertheless, the developer may well "ping" the right managers himself to find out this and do his part of the work effectively.']})}),"\n",(0,s.jsx)(t.h2,{id:"and-what-is-the-benefit",children:"And what is the benefit?"}),"\n",(0,s.jsx)(t.p,{children:"Now let's look at the whole process from beginning to end."}),"\n",(0,s.jsx)(t.h3,{id:"1-understanding-user-tasks",children:"1. Understanding user tasks"}),"\n",(0,s.jsx)(t.p,{children:"When a developer understands his pain and how the business closes them, he can offer solutions that are not available to the business due to the specifics of web development."}),"\n",(0,s.jsxs)(t.blockquote,{children:["\n",(0,s.jsxs)(t.p,{children:["But of course, all this can work only if the developer is not indifferent to what he is doing and for what, otherwise ",(0,s.jsx)(t.em,{children:"why then the methodology and some approaches?"})]}),"\n"]}),"\n",(0,s.jsx)(t.h3,{id:"2-structuring-and-ordering",children:"2. Structuring and ordering"}),"\n",(0,s.jsxs)(t.p,{children:["With the understanding of tasks comes ",(0,s.jsx)(t.strong,{children:"a clear structure both in the head and in the tasks along with the code"})]}),"\n",(0,s.jsx)(t.h3,{id:"3-understanding-the-feature-and-its-components",children:"3. Understanding the feature and its components"}),"\n",(0,s.jsx)(t.p,{children:(0,s.jsx)(t.strong,{children:"One feature is one useful functionality for the user"})}),"\n",(0,s.jsxs)(t.ul,{children:["\n",(0,s.jsxs)(t.li,{children:["When several features are implemented in one feature, this is ",(0,s.jsx)(t.strong,{children:"a violation of borders"})]}),"\n",(0,s.jsxs)(t.li,{children:["The feature can be indivisible and growing - ",(0,s.jsx)(t.strong,{children:"and this is not bad"})]}),"\n",(0,s.jsxs)(t.li,{children:[(0,s.jsx)(t.strong,{children:"Bad"})," - when the feature does not answer the question ",(0,s.jsx)(t.em,{children:'"What is the business value for the user?"'})]}),"\n",(0,s.jsxs)(t.li,{children:['There can be no "map-office" feature',"\n",(0,s.jsxs)(t.ul,{children:["\n",(0,s.jsxs)(t.li,{children:["But ",(0,s.jsx)(t.code,{children:"booking-meeting-on-the-map"}),", ",(0,s.jsx)(t.code,{children:"search-for-an-employee"}),", ",(0,s.jsx)(t.code,{children:"change-of-workplace"})," - ",(0,s.jsx)(t.strong,{children:"yes"})]}),"\n"]}),"\n"]}),"\n"]}),"\n",(0,s.jsxs)(t.blockquote,{children:["\n",(0,s.jsxs)(t.p,{children:[(0,s.jsx)(t.em,{children:"@sergeysova: The point is that the feature contains only code that implements the functionality itself"}),", without unnecessary details and internal solutions (ideally)*"]}),"\n",(0,s.jsx)(t.p,{children:(0,s.jsxs)(t.em,{children:["Open the feature code ",(0,s.jsx)(t.strong,{children:"and see only what relates to the task"})," - no more"]})}),"\n"]}),"\n",(0,s.jsx)(t.h3,{id:"4-profit",children:"4. Profit"}),"\n",(0,s.jsxs)(t.p,{children:["Business very rarely turns its course radically in the other direction, which means ",(0,s.jsx)(t.strong,{children:"the reflection of business tasks in the frontend application code is a very significant profit."})]}),"\n",(0,s.jsx)(t.p,{children:(0,s.jsxs)(t.em,{children:["Then you don't have to explain to each new team member what this or that code does, and in general why it was added - ",(0,s.jsx)(t.strong,{children:"everything will be explained through the business tasks that are already reflected in the code."})]})}),"\n",(0,s.jsxs)(t.blockquote,{children:["\n",(0,s.jsxs)(t.p,{children:["What is called ",(0,s.jsx)(t.a,{href:"https://thedomaindrivendesign.io/developing-the-ubiquitous-language",children:'"Business Language" in Domain Driven Development'})]}),"\n"]}),"\n",(0,s.jsx)(t.hr,{}),"\n",(0,s.jsx)(t.h2,{id:"back-to-reality",children:"Back to reality"}),"\n",(0,s.jsxs)(t.p,{children:["If business processes are understood and good names are given at the design stage - ",(0,s.jsx)(t.em,{children:"then it is not particularly problematic to transfer this understanding and logic to the code."})]}),"\n",(0,s.jsxs)(t.p,{children:[(0,s.jsx)(t.strong,{children:"However, in practice"}),', tasks and functionality are usually developed "too" iteratively and (or) there is no time to think through the design.']}),"\n",(0,s.jsx)(t.p,{children:(0,s.jsx)(t.strong,{children:"As a result, the feature makes sense today, and if you expand this feature in a month, you can rewrite the gender of the project."})}),"\n",(0,s.jsxs)(t.blockquote,{children:["\n",(0,s.jsx)(t.p,{children:(0,s.jsxs)(t.em,{children:["[",(0,s.jsx)(t.a,{href:"https://t.me/sergeysova/318",children:"From the discussion"}),"]: The developer tries to think 2-3 steps ahead, taking into account future wishes, but here he rests on his own experience"]})}),"\n",(0,s.jsx)(t.p,{children:(0,s.jsx)(t.em,{children:"Burns experience engineer usually immediately looking 10 steps ahead, and understand where one feature to divide and combine with the other"})}),"\n",(0,s.jsx)(t.p,{children:(0,s.jsx)(t.em,{children:"But sometimes that comes the task which had to face the experience, and nowhere to take the understanding of how literacy to decompose, with the least unfortunate consequences in the future"})}),"\n"]}),"\n",(0,s.jsx)(t.h2,{id:"the-role-of-methodology",children:"The role of methodology"}),"\n",(0,s.jsx)(t.p,{children:(0,s.jsx)(t.strong,{children:"The methodology helps to solve the problems of developers, so that it is easier to solve the problems of users."})}),"\n",(0,s.jsx)(t.p,{children:"There is no solution to the problems of developers only for the sake of developers"}),"\n",(0,s.jsxs)(t.p,{children:["But in order for the developer to solve his tasks, ",(0,s.jsx)(t.strong,{children:"you need to understand the user's tasks"})," - on the contrary, it will not work"]}),"\n",(0,s.jsx)(t.h3,{id:"methodology-requirements",children:"Methodology requirements"}),"\n",(0,s.jsxs)(t.p,{children:["It becomes clear that you need to identify at least two requirements for ",(0,s.jsx)(t.strong,{children:"Feature-Sliced Design"}),":"]}),"\n",(0,s.jsxs)(t.ol,{children:["\n",(0,s.jsxs)(t.li,{children:["\n",(0,s.jsxs)(t.p,{children:["The methodology should tell ",(0,s.jsx)(t.strong,{children:"how to create features, processes and entities"})]}),"\n",(0,s.jsxs)(t.ul,{children:["\n",(0,s.jsxs)(t.li,{children:["Which means it should clearly explain ",(0,s.jsx)(t.em,{children:"how to divide the code between them"}),", which means that the naming of these entities should also be laid down in the specification."]}),"\n"]}),"\n"]}),"\n",(0,s.jsxs)(t.li,{children:["\n",(0,s.jsxs)(t.p,{children:["The methodology should help the architecture ",(0,s.jsx)(t.strong,{children:(0,s.jsx)(t.a,{href:"architecture#adaptability",children:"easily adapt to the changing requirements of the project"})})]}),"\n"]}),"\n"]}),"\n",(0,s.jsx)(t.h2,{id:"see-also",children:"See also"}),"\n",(0,s.jsxs)(t.ul,{children:["\n",(0,s.jsxs)(t.li,{children:[(0,s.jsx)(t.a,{href:"https://t.me/sergeysova/318",children:"(Post) Stimulation for a clear formulation of tasks (+ discussion)"}),"\n",(0,s.jsxs)(t.blockquote,{children:["\n",(0,s.jsx)(t.p,{children:(0,s.jsxs)(t.em,{children:[(0,s.jsx)(t.strong,{children:"The current article"})," is an adaptation of this discussion, you can read the full uncut version at the link"]})}),"\n"]}),"\n"]}),"\n",(0,s.jsx)(t.li,{children:(0,s.jsx)(t.a,{href:"https://t.me/atomicdesign/18972",children:"(Discussion) How to break the functionality and what it is"})}),"\n",(0,s.jsx)(t.li,{children:(0,s.jsx)(t.a,{href:"https://alexmngn.medium.com/how-to-better-organize-your-react-applications-2fd3ea1920f1",children:'(Article) "How to better organize your applications"'})}),"\n"]})]})}function c(e={}){const{wrapper:t}={...(0,i.R)(),...e.components};return t?(0,s.jsx)(t,{...e,children:(0,s.jsx)(d,{...e})}):d(e)}},1100:(e,t,n)=>{n.d(t,{R:()=>r,x:()=>a});var s=n(758);const i={},o=s.createContext(i);function r(e){const t=s.useContext(o);return s.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function a(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(i):e.components||i:r(e.components),s.createElement(o.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
+"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[8039],{7162:(e,t,n)=>{n.r(t),n.d(t,{assets:()=>h,contentTitle:()=>r,default:()=>c,frontMatter:()=>o,metadata:()=>a,toc:()=>l});var s=n(6070),i=n(1100);const o={sidebar_position:2},r="Needs driven",a={id:"about/understanding/needs-driven",title:"Needs driven",description:"\u2014 Can't you formulate the goal that the new feature will solve? Or maybe the problem is that the task itself is not formulated? **The point is also that the methodology helps to pull out the problematic definition of tasks and goals**",source:"@site/i18n/en/docusaurus-plugin-content-docs/current/about/understanding/needs-driven.md",sourceDirName:"about/understanding",slug:"/about/understanding/needs-driven",permalink:"/docs/about/understanding/needs-driven",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/about/understanding/needs-driven.md",tags:[],version:"current",lastUpdatedAt:1728325386e3,sidebarPosition:2,frontMatter:{sidebar_position:2},sidebar:"aboutSidebar",previous:{title:"About architecture",permalink:"/docs/about/understanding/architecture"},next:{title:"Knowledge types",permalink:"/docs/about/understanding/knowledge-types"}},h={},l=[{value:"Why?",id:"why",level:2},{value:"What tasks are we talking about?",id:"what-tasks-are-we-talking-about",level:2},{value:"How does this affect development?",id:"how-does-this-affect-development",level:2},{value:"Task decomposition",id:"task-decomposition",level:3},{value:"Understanding the essence of the task",id:"understanding-the-essence-of-the-task",level:3},{value:"How to formulate it?",id:"how-to-formulate-it",level:2},{value:"And what is the benefit?",id:"and-what-is-the-benefit",level:2},{value:"1. Understanding user tasks",id:"1-understanding-user-tasks",level:3},{value:"2. Structuring and ordering",id:"2-structuring-and-ordering",level:3},{value:"3. Understanding the feature and its components",id:"3-understanding-the-feature-and-its-components",level:3},{value:"4. Profit",id:"4-profit",level:3},{value:"Back to reality",id:"back-to-reality",level:2},{value:"The role of methodology",id:"the-role-of-methodology",level:2},{value:"Methodology requirements",id:"methodology-requirements",level:3},{value:"See also",id:"see-also",level:2}];function d(e){const t={a:"a",admonition:"admonition",blockquote:"blockquote",code:"code",em:"em",h1:"h1",h2:"h2",h3:"h3",header:"header",hr:"hr",li:"li",ol:"ol",p:"p",strong:"strong",ul:"ul",...(0,i.R)(),...e.components};return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(t.header,{children:(0,s.jsx)(t.h1,{id:"needs-driven",children:"Needs driven"})}),"\n",(0,s.jsxs)(t.admonition,{title:"TL;DR",type:"note",children:[(0,s.jsxs)(t.p,{children:["\u2014 ",(0,s.jsxs)(t.em,{children:["Can't you formulate the goal that the new feature will solve? Or maybe the problem is that the task itself is not formulated? ",(0,s.jsx)(t.strong,{children:"The point is also that the methodology helps to pull out the problematic definition of tasks and goals"})]})]}),(0,s.jsxs)(t.p,{children:["\u2014 ",(0,s.jsxs)(t.em,{children:["project does not live in static - requirements and functionality are constantly changing. Over time, the code turns into mush, because at the start the project was designed only for the initial impression of wishes. ",(0,s.jsx)(t.strong,{children:"And the task of a good architecture is also to be sharpened for changing development conditions."})]})]})]}),"\n",(0,s.jsx)(t.h2,{id:"why",children:"Why?"}),"\n",(0,s.jsxs)(t.p,{children:["To choose a clear name for an entity and understand its components, ",(0,s.jsx)(t.strong,{children:"you need to clearly understand what task will be solved with the help of all this code."})]}),"\n",(0,s.jsxs)(t.blockquote,{children:["\n",(0,s.jsx)(t.p,{children:(0,s.jsx)(t.em,{children:"@sergeysova: During development, we try to give each entity or function a name that clearly reflects the intentions and meaning of the code being executed."})}),"\n"]}),"\n",(0,s.jsx)(t.p,{children:(0,s.jsx)(t.em,{children:"After all, without understanding the task, it is impossible to write the right tests that cover the most important cases, put down errors that help the user in the right places, even it is banal not to interrupt the user's flow because of fixable non-critical errors."})}),"\n",(0,s.jsx)(t.h2,{id:"what-tasks-are-we-talking-about",children:"What tasks are we talking about?"}),"\n",(0,s.jsx)(t.p,{children:"Frontend develops applications and interfaces for end users, so we solve the tasks of these consumers."}),"\n",(0,s.jsxs)(t.p,{children:["When a person comes to us, ",(0,s.jsx)(t.strong,{children:"he wants to solve some of his pain or close a need."})]}),"\n",(0,s.jsx)(t.p,{children:(0,s.jsx)(t.em,{children:"The task of managers and analysts is to formulate this need, and implement developers taking into account the features of web development (loss of communication, backend error, typo, missed the cursor or finger)."})}),"\n",(0,s.jsx)(t.p,{children:(0,s.jsx)(t.strong,{children:"This very goal, with which the user came, is the task of the developers."})}),"\n",(0,s.jsxs)(t.blockquote,{children:["\n",(0,s.jsx)(t.p,{children:(0,s.jsx)(t.em,{children:"One small solved problem is a feature in the Feature-Sliced Design methodology \u2014 you need to cut the entire scope of project tasks into small goals."})}),"\n"]}),"\n",(0,s.jsx)(t.h2,{id:"how-does-this-affect-development",children:"How does this affect development?"}),"\n",(0,s.jsx)(t.h3,{id:"task-decomposition",children:"Task decomposition"}),"\n",(0,s.jsxs)(t.p,{children:["When a developer begins to implement a task, in order to simplify the understanding and support of the code, he mentally ",(0,s.jsx)(t.strong,{children:"cuts it into stages"}),":"]}),"\n",(0,s.jsxs)(t.ul,{children:["\n",(0,s.jsxs)(t.li,{children:["first ",(0,s.jsx)(t.em,{children:"split into top-level entities"})," and ",(0,s.jsx)(t.em,{children:"implement them"}),","]}),"\n",(0,s.jsxs)(t.li,{children:["then these entities ",(0,s.jsx)(t.em,{children:"split into smaller ones"})]}),"\n",(0,s.jsx)(t.li,{children:"and so on"}),"\n"]}),"\n",(0,s.jsxs)(t.p,{children:[(0,s.jsx)(t.em,{children:"In the process of splitting into entities, the developer is forced to give them a name that would clearly reflect his idea and help to understand what task the code solves when reading the listing"}),"\n",(0,s.jsx)(t.em,{children:"At the same time, we do not forget that we are trying to help the user reduce pain or realize needs"})]}),"\n",(0,s.jsx)(t.h3,{id:"understanding-the-essence-of-the-task",children:"Understanding the essence of the task"}),"\n",(0,s.jsxs)(t.p,{children:["But to give a clear name to an entity, ",(0,s.jsx)(t.strong,{children:"the developer must know enough about its purpose"})]}),"\n",(0,s.jsxs)(t.ul,{children:["\n",(0,s.jsx)(t.li,{children:"how is he going to use this entity,"}),"\n",(0,s.jsx)(t.li,{children:"what part of the user's task does it implement, where else can this entity be applied,"}),"\n",(0,s.jsx)(t.li,{children:"in what other tasks can it participate,"}),"\n",(0,s.jsx)(t.li,{children:"and so on"}),"\n"]}),"\n",(0,s.jsxs)(t.p,{children:["It is not difficult to draw a conclusion: ",(0,s.jsx)(t.strong,{children:"while the developer will reflect on the name of entities within the framework of the methodology, he will be able to find poorly formulated tasks even before writing the code."})]}),"\n",(0,s.jsxs)(t.blockquote,{children:["\n",(0,s.jsx)(t.p,{children:"How to give a name to an entity if you do not understand well what tasks it can solve, how can you even divide a task into entities if you do not understand it well?"}),"\n"]}),"\n",(0,s.jsx)(t.h2,{id:"how-to-formulate-it",children:"How to formulate it?"}),"\n",(0,s.jsxs)(t.p,{children:[(0,s.jsx)(t.strong,{children:"To formulate a task that is solved by features, you need to understand the task itself"}),", and this is already the responsibility of the project manager and analysts."]}),"\n",(0,s.jsx)(t.p,{children:(0,s.jsx)(t.em,{children:"The methodology can only tell the developer what tasks the product manager should pay close attention to."})}),"\n",(0,s.jsxs)(t.blockquote,{children:["\n",(0,s.jsx)(t.p,{children:(0,s.jsx)(t.em,{children:'@sergeysova: the Whole frontend is primarily a display of information, any component in the first turn, displays, and then the task "to show the user something" has no practical value.'})}),"\n",(0,s.jsx)(t.p,{children:(0,s.jsx)(t.em,{children:'Even without taking into account the specifics of the frontend can ask, "why do I have to show you", so you can continue to ask until\'t get out of pain or the need of the consumer.'})}),"\n"]}),"\n",(0,s.jsxs)(t.p,{children:["As soon as we were able to get to the basic needs or pains, we can go back and figure out ",(0,s.jsx)(t.strong,{children:"how exactly your product or service can help the user with his goals"})]}),"\n",(0,s.jsx)(t.p,{children:"Any new task in your tracker is aimed at solving business problems, and the business tries to solve the user's tasks at the same time earning money on it. This means that each task has certain goals, even if they are not spelled out in the description text."}),"\n",(0,s.jsx)(t.p,{children:(0,s.jsxs)(t.em,{children:[(0,s.jsx)(t.strong,{children:"The developer must clearly understand what goal this or that task is pursuing"}),', but not every company can afford to build processes perfectly, although this is a separate conversation, nevertheless, the developer may well "ping" the right managers himself to find out this and do his part of the work effectively.']})}),"\n",(0,s.jsx)(t.h2,{id:"and-what-is-the-benefit",children:"And what is the benefit?"}),"\n",(0,s.jsx)(t.p,{children:"Now let's look at the whole process from beginning to end."}),"\n",(0,s.jsx)(t.h3,{id:"1-understanding-user-tasks",children:"1. Understanding user tasks"}),"\n",(0,s.jsx)(t.p,{children:"When a developer understands his pain and how the business closes them, he can offer solutions that are not available to the business due to the specifics of web development."}),"\n",(0,s.jsxs)(t.blockquote,{children:["\n",(0,s.jsxs)(t.p,{children:["But of course, all this can work only if the developer is not indifferent to what he is doing and for what, otherwise ",(0,s.jsx)(t.em,{children:"why then the methodology and some approaches?"})]}),"\n"]}),"\n",(0,s.jsx)(t.h3,{id:"2-structuring-and-ordering",children:"2. Structuring and ordering"}),"\n",(0,s.jsxs)(t.p,{children:["With the understanding of tasks comes ",(0,s.jsx)(t.strong,{children:"a clear structure both in the head and in the tasks along with the code"})]}),"\n",(0,s.jsx)(t.h3,{id:"3-understanding-the-feature-and-its-components",children:"3. Understanding the feature and its components"}),"\n",(0,s.jsx)(t.p,{children:(0,s.jsx)(t.strong,{children:"One feature is one useful functionality for the user"})}),"\n",(0,s.jsxs)(t.ul,{children:["\n",(0,s.jsxs)(t.li,{children:["When several features are implemented in one feature, this is ",(0,s.jsx)(t.strong,{children:"a violation of borders"})]}),"\n",(0,s.jsxs)(t.li,{children:["The feature can be indivisible and growing - ",(0,s.jsx)(t.strong,{children:"and this is not bad"})]}),"\n",(0,s.jsxs)(t.li,{children:[(0,s.jsx)(t.strong,{children:"Bad"})," - when the feature does not answer the question ",(0,s.jsx)(t.em,{children:'"What is the business value for the user?"'})]}),"\n",(0,s.jsxs)(t.li,{children:['There can be no "map-office" feature',"\n",(0,s.jsxs)(t.ul,{children:["\n",(0,s.jsxs)(t.li,{children:["But ",(0,s.jsx)(t.code,{children:"booking-meeting-on-the-map"}),", ",(0,s.jsx)(t.code,{children:"search-for-an-employee"}),", ",(0,s.jsx)(t.code,{children:"change-of-workplace"})," - ",(0,s.jsx)(t.strong,{children:"yes"})]}),"\n"]}),"\n"]}),"\n"]}),"\n",(0,s.jsxs)(t.blockquote,{children:["\n",(0,s.jsxs)(t.p,{children:[(0,s.jsx)(t.em,{children:"@sergeysova: The point is that the feature contains only code that implements the functionality itself"}),", without unnecessary details and internal solutions (ideally)*"]}),"\n",(0,s.jsx)(t.p,{children:(0,s.jsxs)(t.em,{children:["Open the feature code ",(0,s.jsx)(t.strong,{children:"and see only what relates to the task"})," - no more"]})}),"\n"]}),"\n",(0,s.jsx)(t.h3,{id:"4-profit",children:"4. Profit"}),"\n",(0,s.jsxs)(t.p,{children:["Business very rarely turns its course radically in the other direction, which means ",(0,s.jsx)(t.strong,{children:"the reflection of business tasks in the frontend application code is a very significant profit."})]}),"\n",(0,s.jsx)(t.p,{children:(0,s.jsxs)(t.em,{children:["Then you don't have to explain to each new team member what this or that code does, and in general why it was added - ",(0,s.jsx)(t.strong,{children:"everything will be explained through the business tasks that are already reflected in the code."})]})}),"\n",(0,s.jsxs)(t.blockquote,{children:["\n",(0,s.jsxs)(t.p,{children:["What is called ",(0,s.jsx)(t.a,{href:"https://thedomaindrivendesign.io/developing-the-ubiquitous-language",children:'"Business Language" in Domain Driven Development'})]}),"\n"]}),"\n",(0,s.jsx)(t.hr,{}),"\n",(0,s.jsx)(t.h2,{id:"back-to-reality",children:"Back to reality"}),"\n",(0,s.jsxs)(t.p,{children:["If business processes are understood and good names are given at the design stage - ",(0,s.jsx)(t.em,{children:"then it is not particularly problematic to transfer this understanding and logic to the code."})]}),"\n",(0,s.jsxs)(t.p,{children:[(0,s.jsx)(t.strong,{children:"However, in practice"}),', tasks and functionality are usually developed "too" iteratively and (or) there is no time to think through the design.']}),"\n",(0,s.jsx)(t.p,{children:(0,s.jsx)(t.strong,{children:"As a result, the feature makes sense today, and if you expand this feature in a month, you can rewrite the gender of the project."})}),"\n",(0,s.jsxs)(t.blockquote,{children:["\n",(0,s.jsx)(t.p,{children:(0,s.jsxs)(t.em,{children:["[",(0,s.jsx)(t.a,{href:"https://t.me/sergeysova/318",children:"From the discussion"}),"]: The developer tries to think 2-3 steps ahead, taking into account future wishes, but here he rests on his own experience"]})}),"\n",(0,s.jsx)(t.p,{children:(0,s.jsx)(t.em,{children:"Burns experience engineer usually immediately looking 10 steps ahead, and understand where one feature to divide and combine with the other"})}),"\n",(0,s.jsx)(t.p,{children:(0,s.jsx)(t.em,{children:"But sometimes that comes the task which had to face the experience, and nowhere to take the understanding of how literacy to decompose, with the least unfortunate consequences in the future"})}),"\n"]}),"\n",(0,s.jsx)(t.h2,{id:"the-role-of-methodology",children:"The role of methodology"}),"\n",(0,s.jsx)(t.p,{children:(0,s.jsx)(t.strong,{children:"The methodology helps to solve the problems of developers, so that it is easier to solve the problems of users."})}),"\n",(0,s.jsx)(t.p,{children:"There is no solution to the problems of developers only for the sake of developers"}),"\n",(0,s.jsxs)(t.p,{children:["But in order for the developer to solve his tasks, ",(0,s.jsx)(t.strong,{children:"you need to understand the user's tasks"})," - on the contrary, it will not work"]}),"\n",(0,s.jsx)(t.h3,{id:"methodology-requirements",children:"Methodology requirements"}),"\n",(0,s.jsxs)(t.p,{children:["It becomes clear that you need to identify at least two requirements for ",(0,s.jsx)(t.strong,{children:"Feature-Sliced Design"}),":"]}),"\n",(0,s.jsxs)(t.ol,{children:["\n",(0,s.jsxs)(t.li,{children:["\n",(0,s.jsxs)(t.p,{children:["The methodology should tell ",(0,s.jsx)(t.strong,{children:"how to create features, processes and entities"})]}),"\n",(0,s.jsxs)(t.ul,{children:["\n",(0,s.jsxs)(t.li,{children:["Which means it should clearly explain ",(0,s.jsx)(t.em,{children:"how to divide the code between them"}),", which means that the naming of these entities should also be laid down in the specification."]}),"\n"]}),"\n"]}),"\n",(0,s.jsxs)(t.li,{children:["\n",(0,s.jsxs)(t.p,{children:["The methodology should help the architecture ",(0,s.jsx)(t.strong,{children:(0,s.jsx)(t.a,{href:"architecture#adaptability",children:"easily adapt to the changing requirements of the project"})})]}),"\n"]}),"\n"]}),"\n",(0,s.jsx)(t.h2,{id:"see-also",children:"See also"}),"\n",(0,s.jsxs)(t.ul,{children:["\n",(0,s.jsxs)(t.li,{children:[(0,s.jsx)(t.a,{href:"https://t.me/sergeysova/318",children:"(Post) Stimulation for a clear formulation of tasks (+ discussion)"}),"\n",(0,s.jsxs)(t.blockquote,{children:["\n",(0,s.jsx)(t.p,{children:(0,s.jsxs)(t.em,{children:[(0,s.jsx)(t.strong,{children:"The current article"})," is an adaptation of this discussion, you can read the full uncut version at the link"]})}),"\n"]}),"\n"]}),"\n",(0,s.jsx)(t.li,{children:(0,s.jsx)(t.a,{href:"https://t.me/atomicdesign/18972",children:"(Discussion) How to break the functionality and what it is"})}),"\n",(0,s.jsx)(t.li,{children:(0,s.jsx)(t.a,{href:"https://alexmngn.medium.com/how-to-better-organize-your-react-applications-2fd3ea1920f1",children:'(Article) "How to better organize your applications"'})}),"\n"]})]})}function c(e={}){const{wrapper:t}={...(0,i.R)(),...e.components};return t?(0,s.jsx)(t,{...e,children:(0,s.jsx)(d,{...e})}):d(e)}},1100:(e,t,n)=>{n.d(t,{R:()=>r,x:()=>a});var s=n(758);const i={},o=s.createContext(i);function r(e){const t=s.useContext(o);return s.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function a(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(i):e.components||i:r(e.components),s.createElement(o.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
diff --git a/assets/js/3121f8ae.e4c5f70f.js b/assets/js/3121f8ae.dd317339.js
similarity index 98%
rename from assets/js/3121f8ae.e4c5f70f.js
rename to assets/js/3121f8ae.dd317339.js
index b451e2300b..67995075a4 100644
--- a/assets/js/3121f8ae.e4c5f70f.js
+++ b/assets/js/3121f8ae.dd317339.js
@@ -1 +1 @@
-"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[9064],{1928:(e,t,s)=>{s.d(t,{Ay:()=>l,RM:()=>d});var n=s(6070),i=s(1100),o=(s(758),s(6783)),r=s(7765);const c=e=>{let{ticket:t}=e;const s=`https://github.com/feature-sliced/documentation/issues/${t}`;return(0,n.jsxs)("div",{children:[(0,n.jsx)("p",{children:(0,r.T)({id:"shared.wip.title"})}),(0,n.jsx)("p",{children:(0,r.T)({id:"shared.wip.subtitle"})}),(0,n.jsxs)("ul",{children:[(0,n.jsxs)("li",{children:[(0,r.T)({id:"shared.wip.var.feedback.base"}),(0,n.jsx)(o.A,{to:s,children:(0,r.T)({id:"shared.wip.var.feedback.link"})})]}),(0,n.jsxs)("li",{children:[(0,r.T)({id:"shared.wip.var.material.base"}),(0,n.jsx)(o.A,{to:"https://t.me/feature_sliced",children:(0,r.T)({id:"shared.wip.var.material.link"})})]}),(0,n.jsxs)("li",{children:[(0,r.T)({id:"shared.wip.var.contribute.base"}),(0,n.jsx)(o.A,{to:"https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md",children:(0,r.T)({id:"shared.wip.var.contribute.link"})})]})]}),(0,n.jsx)("br",{}),(0,n.jsx)("p",{children:(0,n.jsx)("i",{children:"\ud83c\udf70 Stay tuned!"})})]})},d=[];function a(e){const t={admonition:"admonition",...(0,i.R)(),...e.components};return(0,n.jsx)(t.admonition,{title:"WIP",type:"caution",children:(0,n.jsx)(c,{ticket:e.ticket})})}function l(e={}){const{wrapper:t}={...(0,i.R)(),...e.components};return t?(0,n.jsx)(t,{...e,children:(0,n.jsx)(a,{...e})}):a(e)}},3190:(e,t,s)=>{s.r(t),s.d(t,{assets:()=>a,contentTitle:()=>c,default:()=>p,frontMatter:()=>r,metadata:()=>d,toc:()=>l});var n=s(6070),i=s(1100),o=s(1928);const r={sidebar_class_name:"sidebar-item--wip",unlisted:!0},c="Desktop/Touch platforms",d={id:"guides/examples/platforms",title:"Desktop/Touch platforms",description:"About the application of the methodology for desktop/touch",source:"@site/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/platforms.mdx",sourceDirName:"guides/examples",slug:"/guides/examples/platforms",permalink:"/docs/guides/examples/platforms",draft:!1,unlisted:!0,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/platforms.mdx",tags:[],version:"current",lastUpdatedAt:1727607766e3,frontMatter:{sidebar_class_name:"sidebar-item--wip",unlisted:!0},sidebar:"guidesSidebar"},a={},l=[...o.RM];function u(e){const t={blockquote:"blockquote",h1:"h1",header:"header",p:"p",...(0,i.R)(),...e.components};return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(t.header,{children:(0,n.jsx)(t.h1,{id:"desktoptouch-platforms",children:"Desktop/Touch platforms"})}),"\n",(0,n.jsx)(o.Ay,{ticket:"198"}),"\n",(0,n.jsxs)(t.blockquote,{children:["\n",(0,n.jsx)(t.p,{children:"About the application of the methodology for desktop/touch"}),"\n"]})]})}function p(e={}){const{wrapper:t}={...(0,i.R)(),...e.components};return t?(0,n.jsx)(t,{...e,children:(0,n.jsx)(u,{...e})}):u(e)}},1100:(e,t,s)=>{s.d(t,{R:()=>r,x:()=>c});var n=s(758);const i={},o=n.createContext(i);function r(e){const t=n.useContext(o);return n.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function c(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(i):e.components||i:r(e.components),n.createElement(o.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
+"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[9064],{1928:(e,t,s)=>{s.d(t,{Ay:()=>l,RM:()=>d});var n=s(6070),i=s(1100),o=(s(758),s(6783)),r=s(7765);const c=e=>{let{ticket:t}=e;const s=`https://github.com/feature-sliced/documentation/issues/${t}`;return(0,n.jsxs)("div",{children:[(0,n.jsx)("p",{children:(0,r.T)({id:"shared.wip.title"})}),(0,n.jsx)("p",{children:(0,r.T)({id:"shared.wip.subtitle"})}),(0,n.jsxs)("ul",{children:[(0,n.jsxs)("li",{children:[(0,r.T)({id:"shared.wip.var.feedback.base"}),(0,n.jsx)(o.A,{to:s,children:(0,r.T)({id:"shared.wip.var.feedback.link"})})]}),(0,n.jsxs)("li",{children:[(0,r.T)({id:"shared.wip.var.material.base"}),(0,n.jsx)(o.A,{to:"https://t.me/feature_sliced",children:(0,r.T)({id:"shared.wip.var.material.link"})})]}),(0,n.jsxs)("li",{children:[(0,r.T)({id:"shared.wip.var.contribute.base"}),(0,n.jsx)(o.A,{to:"https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md",children:(0,r.T)({id:"shared.wip.var.contribute.link"})})]})]}),(0,n.jsx)("br",{}),(0,n.jsx)("p",{children:(0,n.jsx)("i",{children:"\ud83c\udf70 Stay tuned!"})})]})},d=[];function a(e){const t={admonition:"admonition",...(0,i.R)(),...e.components};return(0,n.jsx)(t.admonition,{title:"WIP",type:"caution",children:(0,n.jsx)(c,{ticket:e.ticket})})}function l(e={}){const{wrapper:t}={...(0,i.R)(),...e.components};return t?(0,n.jsx)(t,{...e,children:(0,n.jsx)(a,{...e})}):a(e)}},3190:(e,t,s)=>{s.r(t),s.d(t,{assets:()=>a,contentTitle:()=>c,default:()=>p,frontMatter:()=>r,metadata:()=>d,toc:()=>l});var n=s(6070),i=s(1100),o=s(1928);const r={sidebar_class_name:"sidebar-item--wip",unlisted:!0},c="Desktop/Touch platforms",d={id:"guides/examples/platforms",title:"Desktop/Touch platforms",description:"About the application of the methodology for desktop/touch",source:"@site/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/platforms.mdx",sourceDirName:"guides/examples",slug:"/guides/examples/platforms",permalink:"/docs/guides/examples/platforms",draft:!1,unlisted:!0,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/platforms.mdx",tags:[],version:"current",lastUpdatedAt:1728325386e3,frontMatter:{sidebar_class_name:"sidebar-item--wip",unlisted:!0},sidebar:"guidesSidebar"},a={},l=[...o.RM];function u(e){const t={blockquote:"blockquote",h1:"h1",header:"header",p:"p",...(0,i.R)(),...e.components};return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(t.header,{children:(0,n.jsx)(t.h1,{id:"desktoptouch-platforms",children:"Desktop/Touch platforms"})}),"\n",(0,n.jsx)(o.Ay,{ticket:"198"}),"\n",(0,n.jsxs)(t.blockquote,{children:["\n",(0,n.jsx)(t.p,{children:"About the application of the methodology for desktop/touch"}),"\n"]})]})}function p(e={}){const{wrapper:t}={...(0,i.R)(),...e.components};return t?(0,n.jsx)(t,{...e,children:(0,n.jsx)(u,{...e})}):u(e)}},1100:(e,t,s)=>{s.d(t,{R:()=>r,x:()=>c});var n=s(758);const i={},o=n.createContext(i);function r(e){const t=n.useContext(o);return n.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function c(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(i):e.components||i:r(e.components),n.createElement(o.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
diff --git a/assets/js/350d1c3d.877f4062.js b/assets/js/350d1c3d.57df0615.js
similarity index 99%
rename from assets/js/350d1c3d.877f4062.js
rename to assets/js/350d1c3d.57df0615.js
index 4f93e7ab47..74447b83b4 100644
--- a/assets/js/350d1c3d.877f4062.js
+++ b/assets/js/350d1c3d.57df0615.js
@@ -1 +1 @@
-"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[9706],{3350:(e,t,s)=>{s.r(t),s.d(t,{assets:()=>c,contentTitle:()=>r,default:()=>h,frontMatter:()=>l,metadata:()=>o,toc:()=>a});var n=s(6070),i=s(1100);const l={title:"Slices and segments",sidebar_position:2,pagination_next:"reference/public-api"},r="Slices and segments",o={id:"reference/slices-segments",title:"Slices and segments",description:"Slices",source:"@site/i18n/en/docusaurus-plugin-content-docs/current/reference/slices-segments.mdx",sourceDirName:"reference",slug:"/reference/slices-segments",permalink:"/docs/reference/slices-segments",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/reference/slices-segments.mdx",tags:[],version:"current",lastUpdatedAt:1727607766e3,sidebarPosition:2,frontMatter:{title:"Slices and segments",sidebar_position:2,pagination_next:"reference/public-api"},sidebar:"referenceSidebar",previous:{title:"Layers",permalink:"/docs/reference/layers"},next:{title:"Public API",permalink:"/docs/reference/public-api"}},c={},a=[{value:"Slices",id:"slices",level:2},{value:"Public API rule on slices",id:"public-api-rule-on-slices",level:3},{value:"Segments",id:"segments",level:2},{value:"Examples",id:"examples",level:3}];function d(e){const t={a:"a",blockquote:"blockquote",code:"code",em:"em",h1:"h1",h2:"h2",h3:"h3",header:"header",img:"img",li:"li",p:"p",strong:"strong",table:"table",tbody:"tbody",td:"td",th:"th",thead:"thead",tr:"tr",ul:"ul",...(0,i.R)(),...e.components};return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(t.header,{children:(0,n.jsx)(t.h1,{id:"slices-and-segments",children:"Slices and segments"})}),"\n",(0,n.jsx)(t.h2,{id:"slices",children:"Slices"}),"\n",(0,n.jsx)(t.p,{children:"Slices are the second level in the organizational hierarchy of Feature-Sliced Design. Their main purpose is to group code by its meaning for the product, business or just the application."}),"\n",(0,n.jsxs)(t.p,{children:["The names of slices are not standardized because they are directly determined by the business domain of your application. For example, a photo gallery might have slices ",(0,n.jsx)(t.code,{children:"photo"}),", ",(0,n.jsx)(t.code,{children:"create-album"}),", ",(0,n.jsx)(t.code,{children:"gallery-page"}),". A social network would require different slices, for example, ",(0,n.jsx)(t.code,{children:"post"}),", ",(0,n.jsx)(t.code,{children:"add-user-to-friends"}),", ",(0,n.jsx)(t.code,{children:"news-feed"}),"."]}),"\n",(0,n.jsxs)(t.p,{children:["Closely related slices can be structurally grouped in a directory, but they should exercise the same isolation rules as other slices \u2014 there should be ",(0,n.jsx)(t.strong,{children:"no code sharing"})," in that directory."]}),"\n",(0,n.jsx)(t.p,{children:(0,n.jsx)(t.img,{alt:"Features &quot;compose&quot;, &quot;like&quot; and &quot;delete&quot; grouped in a directory &quot;post&quot;. In that directory there is also a file &quot;some-shared-code.ts&quot; that is crossed out to imply that it&#39;s not allowed.",src:s(628).A+"",width:"365",height:"236"})}),"\n",(0,n.jsx)(t.p,{children:"The layers Shared and App don't contain slices. That is because Shared should contain no business logic at all, hence has no meaning for the product, and App should contain only code that concerns the entire application, so no splitting is necessary."}),"\n",(0,n.jsx)(t.h3,{id:"public-api-rule-on-slices",children:"Public API rule on slices"}),"\n",(0,n.jsxs)(t.p,{children:["Inside a slice, the code could be organized very liberally, and that doesn't pose any issues as long as the slice provides a good public API. This is enforced with the ",(0,n.jsx)(t.strong,{children:"public API rule on slices"}),":"]}),"\n",(0,n.jsxs)(t.blockquote,{children:["\n",(0,n.jsx)(t.p,{children:(0,n.jsx)(t.em,{children:"Every slice (and segment on layers that don't have slices) must contain a public API definition."})}),"\n",(0,n.jsx)(t.p,{children:(0,n.jsx)(t.em,{children:"Modules outside of this slice/segment can only reference the public API, not the internal file structure of the slice/segment."})}),"\n"]}),"\n",(0,n.jsxs)(t.p,{children:["Read more about the rationale of public APIs and the best practices on creating one in the ",(0,n.jsx)(t.a,{href:"/docs/reference/public-api",children:"Public API reference"}),"."]}),"\n",(0,n.jsx)(t.h2,{id:"segments",children:"Segments"}),"\n",(0,n.jsx)(t.p,{children:"Segments are the third and final level in the organizational hierarchy, and their purpose is to group code by its technical nature."}),"\n",(0,n.jsx)(t.p,{children:"There a few standardized segment names:"}),"\n",(0,n.jsxs)(t.ul,{children:["\n",(0,n.jsxs)(t.li,{children:[(0,n.jsx)(t.code,{children:"ui"})," \u2014 UI components, data formatting functions"]}),"\n",(0,n.jsxs)(t.li,{children:[(0,n.jsx)(t.code,{children:"model"})," \u2014 business logic and data storage, as well as functions to manipulate this data"]}),"\n",(0,n.jsxs)(t.li,{children:[(0,n.jsx)(t.code,{children:"lib"})," \u2014 auxiliary and infrastructural code"]}),"\n",(0,n.jsxs)(t.li,{children:[(0,n.jsx)(t.code,{children:"api"})," \u2014 communication with external APIs, backend API methods"]}),"\n"]}),"\n",(0,n.jsx)(t.p,{children:"Custom segments are permitted, but should be created sparingly. The most common places for custom segments are the App layer and the Shared layer, where slices don't make sense."}),"\n",(0,n.jsx)(t.h3,{id:"examples",children:"Examples"}),"\n",(0,n.jsxs)(t.table,{children:[(0,n.jsx)(t.thead,{children:(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.th,{style:{textAlign:"left"},children:"Layer"}),(0,n.jsx)(t.th,{style:{textAlign:"left"},children:(0,n.jsx)(t.code,{children:"ui"})}),(0,n.jsx)(t.th,{style:{textAlign:"left"},children:(0,n.jsx)(t.code,{children:"model"})}),(0,n.jsx)(t.th,{style:{textAlign:"left"},children:(0,n.jsx)(t.code,{children:"lib"})}),(0,n.jsx)(t.th,{style:{textAlign:"left"},children:(0,n.jsx)(t.code,{children:"api"})})]})}),(0,n.jsxs)(t.tbody,{children:[(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{style:{textAlign:"left"},children:"Shared"}),(0,n.jsx)(t.td,{style:{textAlign:"left"},children:"UI kit"}),(0,n.jsx)(t.td,{style:{textAlign:"left"},children:"Usually not used"}),(0,n.jsxs)(t.td,{style:{textAlign:"left"},children:["Utility modules of several related files. ",(0,n.jsx)("br",{}),"If you need to use individual helpers, consider using utility libraries such as ",(0,n.jsx)(t.a,{href:"https://www.npmjs.com/package/lodash-es",children:(0,n.jsx)(t.code,{children:"lodash-es"})}),"."]}),(0,n.jsx)(t.td,{style:{textAlign:"left"},children:"Rudimentary API client with additional features like authentication or caching."})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{style:{textAlign:"left"},children:"Entities"}),(0,n.jsx)(t.td,{style:{textAlign:"left"},children:"Skeleton of a business entity with slots for interactive elements"}),(0,n.jsxs)(t.td,{style:{textAlign:"left"},children:["Data storage of instances of this entity as well as functions for manipulating that data. ",(0,n.jsx)("br",{})," This segment is most fit for storing server-side data. If you use ",(0,n.jsx)(t.a,{href:"https://tanstack.com/query/latest",children:"TanStack Query"})," or other methods of implicit storage, you may choose to omit this segment."]}),(0,n.jsx)(t.td,{style:{textAlign:"left"},children:"Functions for manipulating instances of this entity that aren't related to storage"}),(0,n.jsx)(t.td,{style:{textAlign:"left"},children:"API methods using the API client from Shared for easy communication with the backend"})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{style:{textAlign:"left"},children:"Features"}),(0,n.jsx)(t.td,{style:{textAlign:"left"},children:"Interactive elements that enable users to use this feature"}),(0,n.jsx)(t.td,{style:{textAlign:"left"},children:"Business logic and infrastructure data storage, if needed (e.g., current app theme). This is the code that actually produces value for the user."}),(0,n.jsxs)(t.td,{style:{textAlign:"left"},children:["Infrastructural code that helps to concisely describe the business logic in the ",(0,n.jsx)(t.code,{children:"model"})," segment"]}),(0,n.jsxs)(t.td,{style:{textAlign:"left"},children:["API methods that represent this feature on the backend. ",(0,n.jsx)("br",{})," May compose API methods from Entities."]})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{style:{textAlign:"left"},children:"Widgets"}),(0,n.jsxs)(t.td,{style:{textAlign:"left"},children:["Composition of Entities and Features into self-contained UI blocks. ",(0,n.jsx)("br",{})," Can also contain error boundaries and loading states."]}),(0,n.jsx)(t.td,{style:{textAlign:"left"},children:"Infrastructure data storage, if needed"}),(0,n.jsx)(t.td,{style:{textAlign:"left"},children:"Non-business interactions (e.g., gestures) and other necessary code for the block to function on a page"}),(0,n.jsxs)(t.td,{style:{textAlign:"left"},children:["Usually not used, but can contain data loaders in nested routing contexts (e.g., ",(0,n.jsx)(t.a,{href:"https://remix.run",children:"Remix"}),")"]})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{style:{textAlign:"left"},children:"Pages"}),(0,n.jsxs)(t.td,{style:{textAlign:"left"},children:["Composition of Entities, Features and Widgets into complete pages. ",(0,n.jsx)("br",{})," Can also contain error boundaries and loading states."]}),(0,n.jsx)(t.td,{style:{textAlign:"left"},children:"Usually not used"}),(0,n.jsx)(t.td,{style:{textAlign:"left"},children:"Non-business interactions (e.g., gestures) and other necessary code for the page to deliver a complete user experience"}),(0,n.jsx)(t.td,{style:{textAlign:"left"},children:"Data loaders for SSR-oriented frameworks"})]})]})]})]})}function h(e={}){const{wrapper:t}={...(0,i.R)(),...e.components};return t?(0,n.jsx)(t,{...e,children:(0,n.jsx)(d,{...e})}):d(e)}},628:(e,t,s)=>{s.d(t,{A:()=>n});const n=s.p+"assets/images/graphic-nested-slices-b9c44e6cc55ecdbf3e50bf40a61e5a27.svg"},1100:(e,t,s)=>{s.d(t,{R:()=>r,x:()=>o});var n=s(758);const i={},l=n.createContext(i);function r(e){const t=n.useContext(l);return n.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function o(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(i):e.components||i:r(e.components),n.createElement(l.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
+"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[9706],{3350:(e,t,s)=>{s.r(t),s.d(t,{assets:()=>c,contentTitle:()=>r,default:()=>h,frontMatter:()=>l,metadata:()=>o,toc:()=>a});var n=s(6070),i=s(1100);const l={title:"Slices and segments",sidebar_position:2,pagination_next:"reference/public-api"},r="Slices and segments",o={id:"reference/slices-segments",title:"Slices and segments",description:"Slices",source:"@site/i18n/en/docusaurus-plugin-content-docs/current/reference/slices-segments.mdx",sourceDirName:"reference",slug:"/reference/slices-segments",permalink:"/docs/reference/slices-segments",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/reference/slices-segments.mdx",tags:[],version:"current",lastUpdatedAt:1728325386e3,sidebarPosition:2,frontMatter:{title:"Slices and segments",sidebar_position:2,pagination_next:"reference/public-api"},sidebar:"referenceSidebar",previous:{title:"Layers",permalink:"/docs/reference/layers"},next:{title:"Public API",permalink:"/docs/reference/public-api"}},c={},a=[{value:"Slices",id:"slices",level:2},{value:"Public API rule on slices",id:"public-api-rule-on-slices",level:3},{value:"Segments",id:"segments",level:2},{value:"Examples",id:"examples",level:3}];function d(e){const t={a:"a",blockquote:"blockquote",code:"code",em:"em",h1:"h1",h2:"h2",h3:"h3",header:"header",img:"img",li:"li",p:"p",strong:"strong",table:"table",tbody:"tbody",td:"td",th:"th",thead:"thead",tr:"tr",ul:"ul",...(0,i.R)(),...e.components};return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(t.header,{children:(0,n.jsx)(t.h1,{id:"slices-and-segments",children:"Slices and segments"})}),"\n",(0,n.jsx)(t.h2,{id:"slices",children:"Slices"}),"\n",(0,n.jsx)(t.p,{children:"Slices are the second level in the organizational hierarchy of Feature-Sliced Design. Their main purpose is to group code by its meaning for the product, business or just the application."}),"\n",(0,n.jsxs)(t.p,{children:["The names of slices are not standardized because they are directly determined by the business domain of your application. For example, a photo gallery might have slices ",(0,n.jsx)(t.code,{children:"photo"}),", ",(0,n.jsx)(t.code,{children:"create-album"}),", ",(0,n.jsx)(t.code,{children:"gallery-page"}),". A social network would require different slices, for example, ",(0,n.jsx)(t.code,{children:"post"}),", ",(0,n.jsx)(t.code,{children:"add-user-to-friends"}),", ",(0,n.jsx)(t.code,{children:"news-feed"}),"."]}),"\n",(0,n.jsxs)(t.p,{children:["Closely related slices can be structurally grouped in a directory, but they should exercise the same isolation rules as other slices \u2014 there should be ",(0,n.jsx)(t.strong,{children:"no code sharing"})," in that directory."]}),"\n",(0,n.jsx)(t.p,{children:(0,n.jsx)(t.img,{alt:"Features &quot;compose&quot;, &quot;like&quot; and &quot;delete&quot; grouped in a directory &quot;post&quot;. In that directory there is also a file &quot;some-shared-code.ts&quot; that is crossed out to imply that it&#39;s not allowed.",src:s(628).A+"",width:"365",height:"236"})}),"\n",(0,n.jsx)(t.p,{children:"The layers Shared and App don't contain slices. That is because Shared should contain no business logic at all, hence has no meaning for the product, and App should contain only code that concerns the entire application, so no splitting is necessary."}),"\n",(0,n.jsx)(t.h3,{id:"public-api-rule-on-slices",children:"Public API rule on slices"}),"\n",(0,n.jsxs)(t.p,{children:["Inside a slice, the code could be organized very liberally, and that doesn't pose any issues as long as the slice provides a good public API. This is enforced with the ",(0,n.jsx)(t.strong,{children:"public API rule on slices"}),":"]}),"\n",(0,n.jsxs)(t.blockquote,{children:["\n",(0,n.jsx)(t.p,{children:(0,n.jsx)(t.em,{children:"Every slice (and segment on layers that don't have slices) must contain a public API definition."})}),"\n",(0,n.jsx)(t.p,{children:(0,n.jsx)(t.em,{children:"Modules outside of this slice/segment can only reference the public API, not the internal file structure of the slice/segment."})}),"\n"]}),"\n",(0,n.jsxs)(t.p,{children:["Read more about the rationale of public APIs and the best practices on creating one in the ",(0,n.jsx)(t.a,{href:"/docs/reference/public-api",children:"Public API reference"}),"."]}),"\n",(0,n.jsx)(t.h2,{id:"segments",children:"Segments"}),"\n",(0,n.jsx)(t.p,{children:"Segments are the third and final level in the organizational hierarchy, and their purpose is to group code by its technical nature."}),"\n",(0,n.jsx)(t.p,{children:"There a few standardized segment names:"}),"\n",(0,n.jsxs)(t.ul,{children:["\n",(0,n.jsxs)(t.li,{children:[(0,n.jsx)(t.code,{children:"ui"})," \u2014 UI components, data formatting functions"]}),"\n",(0,n.jsxs)(t.li,{children:[(0,n.jsx)(t.code,{children:"model"})," \u2014 business logic and data storage, as well as functions to manipulate this data"]}),"\n",(0,n.jsxs)(t.li,{children:[(0,n.jsx)(t.code,{children:"lib"})," \u2014 auxiliary and infrastructural code"]}),"\n",(0,n.jsxs)(t.li,{children:[(0,n.jsx)(t.code,{children:"api"})," \u2014 communication with external APIs, backend API methods"]}),"\n"]}),"\n",(0,n.jsx)(t.p,{children:"Custom segments are permitted, but should be created sparingly. The most common places for custom segments are the App layer and the Shared layer, where slices don't make sense."}),"\n",(0,n.jsx)(t.h3,{id:"examples",children:"Examples"}),"\n",(0,n.jsxs)(t.table,{children:[(0,n.jsx)(t.thead,{children:(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.th,{style:{textAlign:"left"},children:"Layer"}),(0,n.jsx)(t.th,{style:{textAlign:"left"},children:(0,n.jsx)(t.code,{children:"ui"})}),(0,n.jsx)(t.th,{style:{textAlign:"left"},children:(0,n.jsx)(t.code,{children:"model"})}),(0,n.jsx)(t.th,{style:{textAlign:"left"},children:(0,n.jsx)(t.code,{children:"lib"})}),(0,n.jsx)(t.th,{style:{textAlign:"left"},children:(0,n.jsx)(t.code,{children:"api"})})]})}),(0,n.jsxs)(t.tbody,{children:[(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{style:{textAlign:"left"},children:"Shared"}),(0,n.jsx)(t.td,{style:{textAlign:"left"},children:"UI kit"}),(0,n.jsx)(t.td,{style:{textAlign:"left"},children:"Usually not used"}),(0,n.jsxs)(t.td,{style:{textAlign:"left"},children:["Utility modules of several related files. ",(0,n.jsx)("br",{}),"If you need to use individual helpers, consider using utility libraries such as ",(0,n.jsx)(t.a,{href:"https://www.npmjs.com/package/lodash-es",children:(0,n.jsx)(t.code,{children:"lodash-es"})}),"."]}),(0,n.jsx)(t.td,{style:{textAlign:"left"},children:"Rudimentary API client with additional features like authentication or caching."})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{style:{textAlign:"left"},children:"Entities"}),(0,n.jsx)(t.td,{style:{textAlign:"left"},children:"Skeleton of a business entity with slots for interactive elements"}),(0,n.jsxs)(t.td,{style:{textAlign:"left"},children:["Data storage of instances of this entity as well as functions for manipulating that data. ",(0,n.jsx)("br",{})," This segment is most fit for storing server-side data. If you use ",(0,n.jsx)(t.a,{href:"https://tanstack.com/query/latest",children:"TanStack Query"})," or other methods of implicit storage, you may choose to omit this segment."]}),(0,n.jsx)(t.td,{style:{textAlign:"left"},children:"Functions for manipulating instances of this entity that aren't related to storage"}),(0,n.jsx)(t.td,{style:{textAlign:"left"},children:"API methods using the API client from Shared for easy communication with the backend"})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{style:{textAlign:"left"},children:"Features"}),(0,n.jsx)(t.td,{style:{textAlign:"left"},children:"Interactive elements that enable users to use this feature"}),(0,n.jsx)(t.td,{style:{textAlign:"left"},children:"Business logic and infrastructure data storage, if needed (e.g., current app theme). This is the code that actually produces value for the user."}),(0,n.jsxs)(t.td,{style:{textAlign:"left"},children:["Infrastructural code that helps to concisely describe the business logic in the ",(0,n.jsx)(t.code,{children:"model"})," segment"]}),(0,n.jsxs)(t.td,{style:{textAlign:"left"},children:["API methods that represent this feature on the backend. ",(0,n.jsx)("br",{})," May compose API methods from Entities."]})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{style:{textAlign:"left"},children:"Widgets"}),(0,n.jsxs)(t.td,{style:{textAlign:"left"},children:["Composition of Entities and Features into self-contained UI blocks. ",(0,n.jsx)("br",{})," Can also contain error boundaries and loading states."]}),(0,n.jsx)(t.td,{style:{textAlign:"left"},children:"Infrastructure data storage, if needed"}),(0,n.jsx)(t.td,{style:{textAlign:"left"},children:"Non-business interactions (e.g., gestures) and other necessary code for the block to function on a page"}),(0,n.jsxs)(t.td,{style:{textAlign:"left"},children:["Usually not used, but can contain data loaders in nested routing contexts (e.g., ",(0,n.jsx)(t.a,{href:"https://remix.run",children:"Remix"}),")"]})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{style:{textAlign:"left"},children:"Pages"}),(0,n.jsxs)(t.td,{style:{textAlign:"left"},children:["Composition of Entities, Features and Widgets into complete pages. ",(0,n.jsx)("br",{})," Can also contain error boundaries and loading states."]}),(0,n.jsx)(t.td,{style:{textAlign:"left"},children:"Usually not used"}),(0,n.jsx)(t.td,{style:{textAlign:"left"},children:"Non-business interactions (e.g., gestures) and other necessary code for the page to deliver a complete user experience"}),(0,n.jsx)(t.td,{style:{textAlign:"left"},children:"Data loaders for SSR-oriented frameworks"})]})]})]})]})}function h(e={}){const{wrapper:t}={...(0,i.R)(),...e.components};return t?(0,n.jsx)(t,{...e,children:(0,n.jsx)(d,{...e})}):d(e)}},628:(e,t,s)=>{s.d(t,{A:()=>n});const n=s.p+"assets/images/graphic-nested-slices-b9c44e6cc55ecdbf3e50bf40a61e5a27.svg"},1100:(e,t,s)=>{s.d(t,{R:()=>r,x:()=>o});var n=s(758);const i={},l=n.createContext(i);function r(e){const t=n.useContext(l);return n.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function o(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(i):e.components||i:r(e.components),n.createElement(l.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
diff --git a/assets/js/370f8845.cb4fa0be.js b/assets/js/370f8845.5ca6fe62.js
similarity index 99%
rename from assets/js/370f8845.cb4fa0be.js
rename to assets/js/370f8845.5ca6fe62.js
index 0890215e9b..ba00759756 100644
--- a/assets/js/370f8845.cb4fa0be.js
+++ b/assets/js/370f8845.5ca6fe62.js
@@ -1 +1 @@
-"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[8754],{1610:(e,n,t)=>{t.r(n),t.d(n,{assets:()=>l,contentTitle:()=>o,default:()=>u,frontMatter:()=>r,metadata:()=>a,toc:()=>c});var i=t(6070),s=t(1100);const r={sidebar_position:10},o="Usage with React Query",a={id:"guides/tech/with-react-query",title:"Usage with React Query",description:"The problem of \u201cwhere to put the keys\u201d",source:"@site/i18n/en/docusaurus-plugin-content-docs/current/guides/tech/with-react-query.mdx",sourceDirName:"guides/tech",slug:"/guides/tech/with-react-query",permalink:"/docs/guides/tech/with-react-query",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/guides/tech/with-react-query.mdx",tags:[],version:"current",lastUpdatedAt:1727607766e3,sidebarPosition:10,frontMatter:{sidebar_position:10},sidebar:"guidesSidebar",previous:{title:"Usage with NuxtJS",permalink:"/docs/guides/tech/with-nuxtjs"},next:{title:"Usage with SvelteKit",permalink:"/docs/guides/tech/with-sveltekit"}},l={},c=[{value:"The problem of \u201cwhere to put the keys\u201d",id:"the-problem-of-where-to-put-the-keys",level:2},{value:"Solution \u2014 break down by entities",id:"solution--break-down-by-entities",level:3},{value:"Alternative solution \u2014 keep it in shared",id:"alternative-solution--keep-it-in-shared",level:3},{value:"The problem of \u201cWhere to insert mutations?\u201d",id:"the-problem-of-where-to-insert-mutations",level:2},{value:"1. Define a custom hook in the <code>api</code> segment near the place of use",id:"1-define-a-custom-hook-in-the-api-segment-near-the-place-of-use",level:3},{value:"2. Define a mutation function somewhere else (Shared or Entities) and use <code>useMutation</code> directly in the component",id:"2-define-a-mutation-function-somewhere-else-shared-or-entities-and-use-usemutation-directly-in-the-component",level:3},{value:"Organization of requests",id:"organization-of-requests",level:2},{value:"Query factory",id:"query-factory",level:3},{value:"1. Creating a Query Factory",id:"1-creating-a-query-factory",level:3},{value:"2. Using Query Factory in application code",id:"2-using-query-factory-in-application-code",level:3},{value:"Benefits of using a Query Factory",id:"benefits-of-using-a-query-factory",level:3},{value:"Pagination",id:"pagination",level:2},{value:"1. Creating a function <code>getPosts</code>",id:"1-creating-a-function-getposts",level:3},{value:"2. Query factory for pagination",id:"2-query-factory-for-pagination",level:3},{value:"3. Use in application code",id:"3-use-in-application-code",level:3},{value:"<code>QueryProvider</code> for managing queries",id:"queryprovider-for-managing-queries",level:2},{value:"1. Creating a <code>QueryProvider</code>",id:"1-creating-a-queryprovider",level:3},{value:"2. Creating a <code>QueryClient</code>",id:"2-creating-a-queryclient",level:3},{value:"Code generation",id:"code-generation",level:2},{value:"Additional advice for organizing RQ",id:"additional-advice-for-organizing-rq",level:2},{value:"API Client",id:"api-client",level:3},{value:"See also",id:"see-also",level:2}];function d(e){const n={a:"a",admonition:"admonition",code:"code",h1:"h1",h2:"h2",h3:"h3",header:"header",li:"li",p:"p",pre:"pre",strong:"strong",ul:"ul",...(0,s.R)(),...e.components};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(n.header,{children:(0,i.jsx)(n.h1,{id:"usage-with-react-query",children:"Usage with React Query"})}),"\n",(0,i.jsx)(n.h2,{id:"the-problem-of-where-to-put-the-keys",children:"The problem of \u201cwhere to put the keys\u201d"}),"\n",(0,i.jsx)(n.h3,{id:"solution--break-down-by-entities",children:"Solution \u2014 break down by entities"}),"\n",(0,i.jsx)(n.p,{children:"If the project already has a division into entities, and each request corresponds to a single entity,\nthe purest division will be by entity. In this case, we suggest using the following structure:"}),"\n",(0,i.jsx)(n.pre,{children:(0,i.jsx)(n.code,{className:"language-sh",children:"\u2514\u2500\u2500 src/                                        #\n    \u251c\u2500\u2500 app/                                    #\n    |   ...                                     #\n    \u251c\u2500\u2500 pages/                                  #\n    |   ...                                     #\n    \u251c\u2500\u2500 entities/                               #\n    |     \u251c\u2500\u2500 {entity}/                         #\n    |    ...     \u2514\u2500\u2500 api/                       #\n    |                 \u251c\u2500\u2500 `{entity}.query`      # Query-factory where are the keys and functions\n    |                 \u251c\u2500\u2500 `get-{entity}`        # Entity getter function\n    |                 \u251c\u2500\u2500 `create-{entity}`     # Entity creation function\n    |                 \u251c\u2500\u2500 `update-{entity}`     # Entity update function\n    |                 \u251c\u2500\u2500 `delete-{entity}`     # Entity delete function\n    |                ...                        #\n    |                                           #\n    \u251c\u2500\u2500 features/                               #\n    |   ...                                     #\n    \u251c\u2500\u2500 widgets/                                #\n    |   ...                                     #\n    \u2514\u2500\u2500 shared/                                 #\n        ...                                     #\n"})}),"\n",(0,i.jsxs)(n.p,{children:["If there are connections between the entities (for example, the Country entity has a field-list of City entities),\nthen you can use an ",(0,i.jsx)(n.a,{href:"https://github.com/feature-sliced/documentation/discussions/390#discussioncomment-5570073",children:"experimental approach to organized cross-imports\nvia @x-notation"})," or consider the alternative solution below."]}),"\n",(0,i.jsx)(n.h3,{id:"alternative-solution--keep-it-in-shared",children:"Alternative solution \u2014 keep it in shared"}),"\n",(0,i.jsx)(n.p,{children:"In cases where entity separation is not appropriate, the following structure can be considered:"}),"\n",(0,i.jsx)(n.pre,{children:(0,i.jsx)(n.code,{className:"language-sh",children:"\u2514\u2500\u2500 src/                                        #\n   ...                                          #\n    \u2514\u2500\u2500 shared/                                 #\n          \u251c\u2500\u2500 api/                              #\n         ...   \u251c\u2500\u2500 `queries`                    # Query-factories\n               |      \u251c\u2500\u2500 `document.ts`         #\n               |      \u251c\u2500\u2500 `background-jobs.ts`  #\n               |     ...                        #\n               \u2514\u2500\u2500  index.ts                    #\n"})}),"\n",(0,i.jsxs)(n.p,{children:["Then in ",(0,i.jsx)(n.code,{children:"@/shared/api/index.ts"}),":"]}),"\n",(0,i.jsx)(n.pre,{children:(0,i.jsx)(n.code,{className:"language-ts",metastring:'title="@/shared/api/index.ts"',children:'export { documentQueries } from "./queries/document";\n'})}),"\n",(0,i.jsx)(n.h2,{id:"the-problem-of-where-to-insert-mutations",children:"The problem of \u201cWhere to insert mutations?\u201d"}),"\n",(0,i.jsx)(n.p,{children:"It is not recommended to mix mutations with queries. There are two options:"}),"\n",(0,i.jsxs)(n.h3,{id:"1-define-a-custom-hook-in-the-api-segment-near-the-place-of-use",children:["1. Define a custom hook in the ",(0,i.jsx)(n.code,{children:"api"})," segment near the place of use"]}),"\n",(0,i.jsx)(n.pre,{children:(0,i.jsx)(n.code,{className:"language-tsx",metastring:'title="@/features/update-post/api/use-update-title.ts"',children:"export const useUpdateTitle = () => {\n  const queryClient = useQueryClient();\n\n  return useMutation({\n    mutationFn: ({ id, newTitle }) =>\n      apiClient\n        .patch(`/posts/${id}`, { title: newTitle })\n        .then((data) => console.log(data)),\n\n    onSuccess: (newPost) => {\n      queryClient.setQueryData(postsQueries.ids(id), newPost);\n    },\n  });\n};\n"})}),"\n",(0,i.jsxs)(n.h3,{id:"2-define-a-mutation-function-somewhere-else-shared-or-entities-and-use-usemutation-directly-in-the-component",children:["2. Define a mutation function somewhere else (Shared or Entities) and use ",(0,i.jsx)(n.code,{children:"useMutation"})," directly in the component"]}),"\n",(0,i.jsx)(n.pre,{children:(0,i.jsx)(n.code,{className:"language-tsx",children:"const { mutateAsync, isPending } = useMutation({\n  mutationFn: postApi.createPost,\n});\n"})}),"\n",(0,i.jsx)(n.pre,{children:(0,i.jsx)(n.code,{className:"language-tsx",metastring:'title="@/pages/post-create/ui/post-create-page.tsx"',children:'export const CreatePost = () => {\n  const { classes } = useStyles();\n  const [title, setTitle] = useState("");\n\n  const { mutate, isPending } = useMutation({\n    mutationFn: postApi.createPost,\n  });\n\n  const handleChange = (e: ChangeEvent<HTMLInputElement>) =>\n    setTitle(e.target.value);\n  const handleSubmit = (e: FormEvent<HTMLFormElement>) => {\n    e.preventDefault();\n    mutate({ title, userId: DEFAULT_USER_ID });\n  };\n\n  return (\n    <form className={classes.create_form} onSubmit={handleSubmit}>\n      <TextField onChange={handleChange} value={title} />\n      <LoadingButton type="submit" variant="contained" loading={isPending}>\n        Create\n      </LoadingButton>\n    </form>\n  );\n};\n'})}),"\n",(0,i.jsx)(n.h2,{id:"organization-of-requests",children:"Organization of requests"}),"\n",(0,i.jsx)(n.h3,{id:"query-factory",children:"Query factory"}),"\n",(0,i.jsx)(n.p,{children:"A query factory is an object where the key values are functions that return a list of query keys. Here's how to use it:"}),"\n",(0,i.jsx)(n.pre,{children:(0,i.jsx)(n.code,{className:"language-ts",children:'const keyFactory = {\n  all: () => ["entity"],\n  lists: () => [...postQueries.all(), "list"],\n};\n'})}),"\n",(0,i.jsxs)(n.admonition,{type:"info",children:[(0,i.jsxs)(n.p,{children:[(0,i.jsx)(n.code,{children:"queryOptions"})," is a built-in utility in react-query@v5 (optional)"]}),(0,i.jsx)(n.pre,{children:(0,i.jsx)(n.code,{className:"language-ts",children:"queryOptions({\n  queryKey,\n  ...options,\n});\n"})}),(0,i.jsxs)(n.p,{children:["For greater type safety, further compatibility with future versions of react-query, and easy access to functions and query keys,\nyou can use the built-in queryOptions function from \u201c@tanstack/react-query\u201d\n",(0,i.jsx)(n.a,{href:"https://tkdodo.eu/blog/the-query-options-api#queryoptions",children:"(More details here)"}),"."]})]}),"\n",(0,i.jsx)(n.h3,{id:"1-creating-a-query-factory",children:"1. Creating a Query Factory"}),"\n",(0,i.jsx)(n.pre,{children:(0,i.jsx)(n.code,{className:"language-tsx",metastring:'title="@/entities/post/api/post.queries.ts"',children:'import { keepPreviousData, queryOptions } from "@tanstack/react-query";\nimport { getPosts } from "./get-posts";\nimport { getDetailPost } from "./get-detail-post";\nimport { PostDetailQuery } from "./query/post.query";\n\nexport const postQueries = {\n  all: () => ["posts"],\n\n  lists: () => [...postQueries.all(), "list"],\n  list: (page: number, limit: number) =>\n    queryOptions({\n      queryKey: [...postQueries.lists(), page, limit],\n      queryFn: () => getPosts(page, limit),\n      placeholderData: keepPreviousData,\n    }),\n\n  details: () => [...postQueries.all(), "detail"],\n  detail: (query?: PostDetailQuery) =>\n    queryOptions({\n      queryKey: [...postQueries.details(), query?.id],\n      queryFn: () => getDetailPost({ id: query?.id }),\n      staleTime: 5000,\n    }),\n};\n'})}),"\n",(0,i.jsx)(n.h3,{id:"2-using-query-factory-in-application-code",children:"2. Using Query Factory in application code"}),"\n",(0,i.jsx)(n.pre,{children:(0,i.jsx)(n.code,{className:"language-tsx",children:'import { useParams } from "react-router-dom";\nimport { postApi } from "@/entities/post";\nimport { useQuery } from "@tanstack/react-query";\n\ntype Params = {\n  postId: string;\n};\n\nexport const PostPage = () => {\n  const { postId } = useParams<Params>();\n  const id = parseInt(postId || "");\n  const {\n    data: post,\n    error,\n    isLoading,\n    isError,\n  } = useQuery(postApi.postQueries.detail({ id }));\n\n  if (isLoading) {\n    return <div>Loading...</div>;\n  }\n\n  if (isError || !post) {\n    return <>{error?.message}</>;\n  }\n\n  return (\n    <div>\n      <p>Post id: {post.id}</p>\n      <div>\n        <h1>{post.title}</h1>\n        <div>\n          <p>{post.body}</p>\n        </div>\n      </div>\n      <div>Owner: {post.userId}</div>\n    </div>\n  );\n};\n'})}),"\n",(0,i.jsx)(n.h3,{id:"benefits-of-using-a-query-factory",children:"Benefits of using a Query Factory"}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsxs)(n.li,{children:[(0,i.jsx)(n.strong,{children:"Request structuring:"})," A factory allows you to organize all API requests in one place, making your code more readable and maintainable."]}),"\n",(0,i.jsxs)(n.li,{children:[(0,i.jsx)(n.strong,{children:"Convenient access to queries and keys:"})," The factory provides convenient methods for accessing different types of queries and their keys."]}),"\n",(0,i.jsxs)(n.li,{children:[(0,i.jsx)(n.strong,{children:"Query Refetching Ability:"})," The factory allows easy refetching without the need to change query keys in different parts of the application."]}),"\n"]}),"\n",(0,i.jsx)(n.h2,{id:"pagination",children:"Pagination"}),"\n",(0,i.jsxs)(n.p,{children:["In this section, we'll look at an example of the ",(0,i.jsx)(n.code,{children:"getPosts"})," function, which makes an API request to retrieve post entities using pagination."]}),"\n",(0,i.jsxs)(n.h3,{id:"1-creating-a-function-getposts",children:["1. Creating a function ",(0,i.jsx)(n.code,{children:"getPosts"})]}),"\n",(0,i.jsxs)(n.p,{children:["The getPosts function is located in the ",(0,i.jsx)(n.code,{children:"get-posts.ts"})," file, which is located in the ",(0,i.jsx)(n.code,{children:"api"})," segment"]}),"\n",(0,i.jsx)(n.pre,{children:(0,i.jsx)(n.code,{className:"language-tsx",metastring:'title="@/pages/post-feed/api/get-posts.ts"',children:'import { apiClient } from "@/shared/api/base";\n\nimport { PostWithPaginationDto } from "./dto/post-with-pagination.dto";\nimport { PostQuery } from "./query/post.query";\nimport { mapPost } from "./mapper/map-post";\nimport { PostWithPagination } from "../model/post-with-pagination";\n\nconst calculatePostPage = (totalCount: number, limit: number) =>\n  Math.floor(totalCount / limit);\n\nexport const getPosts = async (\n  page: number,\n  limit: number,\n): Promise<PostWithPagination> => {\n  const skip = page * limit;\n  const query: PostQuery = { skip, limit };\n  const result = await apiClient.get<PostWithPaginationDto>("/posts", query);\n\n  return {\n    posts: result.posts.map((post) => mapPost(post)),\n    limit: result.limit,\n    skip: result.skip,\n    total: result.total,\n    totalPages: calculatePostPage(result.total, limit),\n  };\n};\n'})}),"\n",(0,i.jsx)(n.h3,{id:"2-query-factory-for-pagination",children:"2. Query factory for pagination"}),"\n",(0,i.jsxs)(n.p,{children:["The ",(0,i.jsx)(n.code,{children:"postQueries"})," query factory defines various query options for working with posts,\nincluding requesting a list of posts with a specific page and limit."]}),"\n",(0,i.jsx)(n.pre,{children:(0,i.jsx)(n.code,{className:"language-tsx",children:'import { keepPreviousData, queryOptions } from "@tanstack/react-query";\nimport { getPosts } from "./get-posts";\n\nexport const postQueries = {\n  all: () => ["posts"],\n  lists: () => [...postQueries.all(), "list"],\n  list: (page: number, limit: number) =>\n    queryOptions({\n      queryKey: [...postQueries.lists(), page, limit],\n      queryFn: () => getPosts(page, limit),\n      placeholderData: keepPreviousData,\n    }),\n};\n'})}),"\n",(0,i.jsx)(n.h3,{id:"3-use-in-application-code",children:"3. Use in application code"}),"\n",(0,i.jsx)(n.pre,{children:(0,i.jsx)(n.code,{className:"language-tsx",metastring:'title="@/pages/home/ui/index.tsx"',children:'export const HomePage = () => {\n  const itemsOnScreen = DEFAULT_ITEMS_ON_SCREEN;\n  const [page, setPage] = usePageParam(DEFAULT_PAGE);\n  const { data, isFetching, isLoading } = useQuery(\n    postApi.postQueries.list(page, itemsOnScreen),\n  );\n  return (\n    <>\n      <Pagination\n        onChange={(_, page) => setPage(page)}\n        page={page}\n        count={data?.totalPages}\n        variant="outlined"\n        color="primary"\n      />\n      <Posts posts={data?.posts} />\n    </>\n  );\n};\n'})}),"\n",(0,i.jsx)(n.admonition,{type:"note",children:(0,i.jsxs)(n.p,{children:["The example is simplified, the full version is available on ",(0,i.jsx)(n.a,{href:"https://github.com/ruslan4432013/fsd-react-query-example",children:"GitHub"})]})}),"\n",(0,i.jsxs)(n.h2,{id:"queryprovider-for-managing-queries",children:[(0,i.jsx)(n.code,{children:"QueryProvider"})," for managing queries"]}),"\n",(0,i.jsxs)(n.p,{children:["In this guide, we will look at how to organize a ",(0,i.jsx)(n.code,{children:"QueryProvider"}),"."]}),"\n",(0,i.jsxs)(n.h3,{id:"1-creating-a-queryprovider",children:["1. Creating a ",(0,i.jsx)(n.code,{children:"QueryProvider"})]}),"\n",(0,i.jsxs)(n.p,{children:["The file ",(0,i.jsx)(n.code,{children:"query-provider.tsx"})," is located at the path ",(0,i.jsx)(n.code,{children:"@/app/providers/query-provider.tsx"}),"."]}),"\n",(0,i.jsx)(n.pre,{children:(0,i.jsx)(n.code,{className:"language-tsx",metastring:'title="@/app/providers/query-provider.tsx"',children:'import { QueryClient, QueryClientProvider } from "@tanstack/react-query";\nimport { ReactQueryDevtools } from "@tanstack/react-query-devtools";\nimport { ReactNode } from "react";\n\ntype Props = {\n  children: ReactNode;\n  client: QueryClient;\n};\n\nexport const QueryProvider = ({ client, children }: Props) => {\n  return (\n    <QueryClientProvider client={client}>\n      {children}\n      <ReactQueryDevtools />\n    </QueryClientProvider>\n  );\n};\n'})}),"\n",(0,i.jsxs)(n.h3,{id:"2-creating-a-queryclient",children:["2. Creating a ",(0,i.jsx)(n.code,{children:"QueryClient"})]}),"\n",(0,i.jsxs)(n.p,{children:[(0,i.jsx)(n.code,{children:"QueryClient"})," is an instance used to manage API requests.\nThe ",(0,i.jsx)(n.code,{children:"query-client.ts"})," file is located at ",(0,i.jsx)(n.code,{children:"@/shared/api/query-client.ts"}),".\n",(0,i.jsx)(n.code,{children:"QueryClient"})," is created with certain settings for query caching."]}),"\n",(0,i.jsx)(n.pre,{children:(0,i.jsx)(n.code,{className:"language-tsx",metastring:'title="@/shared/api/query-client.ts"',children:'import { QueryClient } from "@tanstack/react-query";\n\nexport const queryClient = new QueryClient({\n  defaultOptions: {\n    queries: {\n      staleTime: 5 * 60 * 1000,\n      gcTime: 5 * 60 * 1000,\n    },\n  },\n});\n'})}),"\n",(0,i.jsx)(n.h2,{id:"code-generation",children:"Code generation"}),"\n",(0,i.jsxs)(n.p,{children:["There are tools that can generate API code for you, but they are less flexible than the manual approach described above.\nIf your Swagger file is well-structured,\nand you're using one of these tools, it might make sense to generate all the code in the ",(0,i.jsx)(n.code,{children:"@/shared/api"})," directory."]}),"\n",(0,i.jsx)(n.h2,{id:"additional-advice-for-organizing-rq",children:"Additional advice for organizing RQ"}),"\n",(0,i.jsx)(n.h3,{id:"api-client",children:"API Client"}),"\n",(0,i.jsx)(n.p,{children:"Using a custom API client class in the shared layer,\nyou can standardize the configuration and work with the API in the project.\nThis allows you to manage logging,\nheaders and data exchange format (such as JSON or XML) from one place.\nThis approach makes it easier to maintain and develop the project because it simplifies changes and updates to interactions with the API."}),"\n",(0,i.jsx)(n.pre,{children:(0,i.jsx)(n.code,{className:"language-tsx",metastring:'title="@/shared/api/api-client.ts"',children:'import { API_URL } from "@/shared/config";\n\nexport class ApiClient {\n  private baseUrl: string;\n\n  constructor(url: string) {\n    this.baseUrl = url;\n  }\n\n  async handleResponse<TResult>(response: Response): Promise<TResult> {\n    if (!response.ok) {\n      throw new Error(`HTTP error! Status: ${response.status}`);\n    }\n\n    try {\n      return await response.json();\n    } catch (error) {\n      throw new Error("Error parsing JSON response");\n    }\n  }\n\n  public async get<TResult = unknown>(\n    endpoint: string,\n    queryParams?: Record<string, string | number>,\n  ): Promise<TResult> {\n    const url = new URL(endpoint, this.baseUrl);\n\n    if (queryParams) {\n      Object.entries(queryParams).forEach(([key, value]) => {\n        url.searchParams.append(key, value.toString());\n      });\n    }\n    const response = await fetch(url.toString(), {\n      method: "GET",\n      headers: {\n        "Content-Type": "application/json",\n      },\n    });\n\n    return this.handleResponse<TResult>(response);\n  }\n\n  public async post<TResult = unknown, TData = Record<string, unknown>>(\n    endpoint: string,\n    body: TData,\n  ): Promise<TResult> {\n    const response = await fetch(`${this.baseUrl}${endpoint}`, {\n      method: "POST",\n      headers: {\n        "Content-Type": "application/json",\n      },\n      body: JSON.stringify(body),\n    });\n\n    return this.handleResponse<TResult>(response);\n  }\n}\n\nexport const apiClient = new ApiClient(API_URL);\n'})}),"\n",(0,i.jsx)(n.h2,{id:"see-also",children:"See also"}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsx)(n.li,{children:(0,i.jsx)(n.a,{href:"https://github.com/ruslan4432013/fsd-react-query-example",children:"(GitHub) Sample Project"})}),"\n",(0,i.jsx)(n.li,{children:(0,i.jsx)(n.a,{href:"https://codesandbox.io/p/github/ruslan4432013/fsd-react-query-example/main",children:"(CodeSandbox) Sample Project"})}),"\n",(0,i.jsx)(n.li,{children:(0,i.jsx)(n.a,{href:"https://tkdodo.eu/blog/the-query-options-api",children:"About the query factory"})}),"\n"]})]})}function u(e={}){const{wrapper:n}={...(0,s.R)(),...e.components};return n?(0,i.jsx)(n,{...e,children:(0,i.jsx)(d,{...e})}):d(e)}},1100:(e,n,t)=>{t.d(n,{R:()=>o,x:()=>a});var i=t(758);const s={},r=i.createContext(s);function o(e){const n=i.useContext(r);return i.useMemo((function(){return"function"==typeof e?e(n):{...n,...e}}),[n,e])}function a(e){let n;return n=e.disableParentContext?"function"==typeof e.components?e.components(s):e.components||s:o(e.components),i.createElement(r.Provider,{value:n},e.children)}}}]);
\ No newline at end of file
+"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[8754],{1610:(e,n,t)=>{t.r(n),t.d(n,{assets:()=>l,contentTitle:()=>o,default:()=>u,frontMatter:()=>r,metadata:()=>a,toc:()=>c});var i=t(6070),s=t(1100);const r={sidebar_position:10},o="Usage with React Query",a={id:"guides/tech/with-react-query",title:"Usage with React Query",description:"The problem of \u201cwhere to put the keys\u201d",source:"@site/i18n/en/docusaurus-plugin-content-docs/current/guides/tech/with-react-query.mdx",sourceDirName:"guides/tech",slug:"/guides/tech/with-react-query",permalink:"/docs/guides/tech/with-react-query",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/guides/tech/with-react-query.mdx",tags:[],version:"current",lastUpdatedAt:1728325386e3,sidebarPosition:10,frontMatter:{sidebar_position:10},sidebar:"guidesSidebar",previous:{title:"Usage with NuxtJS",permalink:"/docs/guides/tech/with-nuxtjs"},next:{title:"Usage with SvelteKit",permalink:"/docs/guides/tech/with-sveltekit"}},l={},c=[{value:"The problem of \u201cwhere to put the keys\u201d",id:"the-problem-of-where-to-put-the-keys",level:2},{value:"Solution \u2014 break down by entities",id:"solution--break-down-by-entities",level:3},{value:"Alternative solution \u2014 keep it in shared",id:"alternative-solution--keep-it-in-shared",level:3},{value:"The problem of \u201cWhere to insert mutations?\u201d",id:"the-problem-of-where-to-insert-mutations",level:2},{value:"1. Define a custom hook in the <code>api</code> segment near the place of use",id:"1-define-a-custom-hook-in-the-api-segment-near-the-place-of-use",level:3},{value:"2. Define a mutation function somewhere else (Shared or Entities) and use <code>useMutation</code> directly in the component",id:"2-define-a-mutation-function-somewhere-else-shared-or-entities-and-use-usemutation-directly-in-the-component",level:3},{value:"Organization of requests",id:"organization-of-requests",level:2},{value:"Query factory",id:"query-factory",level:3},{value:"1. Creating a Query Factory",id:"1-creating-a-query-factory",level:3},{value:"2. Using Query Factory in application code",id:"2-using-query-factory-in-application-code",level:3},{value:"Benefits of using a Query Factory",id:"benefits-of-using-a-query-factory",level:3},{value:"Pagination",id:"pagination",level:2},{value:"1. Creating a function <code>getPosts</code>",id:"1-creating-a-function-getposts",level:3},{value:"2. Query factory for pagination",id:"2-query-factory-for-pagination",level:3},{value:"3. Use in application code",id:"3-use-in-application-code",level:3},{value:"<code>QueryProvider</code> for managing queries",id:"queryprovider-for-managing-queries",level:2},{value:"1. Creating a <code>QueryProvider</code>",id:"1-creating-a-queryprovider",level:3},{value:"2. Creating a <code>QueryClient</code>",id:"2-creating-a-queryclient",level:3},{value:"Code generation",id:"code-generation",level:2},{value:"Additional advice for organizing RQ",id:"additional-advice-for-organizing-rq",level:2},{value:"API Client",id:"api-client",level:3},{value:"See also",id:"see-also",level:2}];function d(e){const n={a:"a",admonition:"admonition",code:"code",h1:"h1",h2:"h2",h3:"h3",header:"header",li:"li",p:"p",pre:"pre",strong:"strong",ul:"ul",...(0,s.R)(),...e.components};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(n.header,{children:(0,i.jsx)(n.h1,{id:"usage-with-react-query",children:"Usage with React Query"})}),"\n",(0,i.jsx)(n.h2,{id:"the-problem-of-where-to-put-the-keys",children:"The problem of \u201cwhere to put the keys\u201d"}),"\n",(0,i.jsx)(n.h3,{id:"solution--break-down-by-entities",children:"Solution \u2014 break down by entities"}),"\n",(0,i.jsx)(n.p,{children:"If the project already has a division into entities, and each request corresponds to a single entity,\nthe purest division will be by entity. In this case, we suggest using the following structure:"}),"\n",(0,i.jsx)(n.pre,{children:(0,i.jsx)(n.code,{className:"language-sh",children:"\u2514\u2500\u2500 src/                                        #\n    \u251c\u2500\u2500 app/                                    #\n    |   ...                                     #\n    \u251c\u2500\u2500 pages/                                  #\n    |   ...                                     #\n    \u251c\u2500\u2500 entities/                               #\n    |     \u251c\u2500\u2500 {entity}/                         #\n    |    ...     \u2514\u2500\u2500 api/                       #\n    |                 \u251c\u2500\u2500 `{entity}.query`      # Query-factory where are the keys and functions\n    |                 \u251c\u2500\u2500 `get-{entity}`        # Entity getter function\n    |                 \u251c\u2500\u2500 `create-{entity}`     # Entity creation function\n    |                 \u251c\u2500\u2500 `update-{entity}`     # Entity update function\n    |                 \u251c\u2500\u2500 `delete-{entity}`     # Entity delete function\n    |                ...                        #\n    |                                           #\n    \u251c\u2500\u2500 features/                               #\n    |   ...                                     #\n    \u251c\u2500\u2500 widgets/                                #\n    |   ...                                     #\n    \u2514\u2500\u2500 shared/                                 #\n        ...                                     #\n"})}),"\n",(0,i.jsxs)(n.p,{children:["If there are connections between the entities (for example, the Country entity has a field-list of City entities),\nthen you can use an ",(0,i.jsx)(n.a,{href:"https://github.com/feature-sliced/documentation/discussions/390#discussioncomment-5570073",children:"experimental approach to organized cross-imports\nvia @x-notation"})," or consider the alternative solution below."]}),"\n",(0,i.jsx)(n.h3,{id:"alternative-solution--keep-it-in-shared",children:"Alternative solution \u2014 keep it in shared"}),"\n",(0,i.jsx)(n.p,{children:"In cases where entity separation is not appropriate, the following structure can be considered:"}),"\n",(0,i.jsx)(n.pre,{children:(0,i.jsx)(n.code,{className:"language-sh",children:"\u2514\u2500\u2500 src/                                        #\n   ...                                          #\n    \u2514\u2500\u2500 shared/                                 #\n          \u251c\u2500\u2500 api/                              #\n         ...   \u251c\u2500\u2500 `queries`                    # Query-factories\n               |      \u251c\u2500\u2500 `document.ts`         #\n               |      \u251c\u2500\u2500 `background-jobs.ts`  #\n               |     ...                        #\n               \u2514\u2500\u2500  index.ts                    #\n"})}),"\n",(0,i.jsxs)(n.p,{children:["Then in ",(0,i.jsx)(n.code,{children:"@/shared/api/index.ts"}),":"]}),"\n",(0,i.jsx)(n.pre,{children:(0,i.jsx)(n.code,{className:"language-ts",metastring:'title="@/shared/api/index.ts"',children:'export { documentQueries } from "./queries/document";\n'})}),"\n",(0,i.jsx)(n.h2,{id:"the-problem-of-where-to-insert-mutations",children:"The problem of \u201cWhere to insert mutations?\u201d"}),"\n",(0,i.jsx)(n.p,{children:"It is not recommended to mix mutations with queries. There are two options:"}),"\n",(0,i.jsxs)(n.h3,{id:"1-define-a-custom-hook-in-the-api-segment-near-the-place-of-use",children:["1. Define a custom hook in the ",(0,i.jsx)(n.code,{children:"api"})," segment near the place of use"]}),"\n",(0,i.jsx)(n.pre,{children:(0,i.jsx)(n.code,{className:"language-tsx",metastring:'title="@/features/update-post/api/use-update-title.ts"',children:"export const useUpdateTitle = () => {\n  const queryClient = useQueryClient();\n\n  return useMutation({\n    mutationFn: ({ id, newTitle }) =>\n      apiClient\n        .patch(`/posts/${id}`, { title: newTitle })\n        .then((data) => console.log(data)),\n\n    onSuccess: (newPost) => {\n      queryClient.setQueryData(postsQueries.ids(id), newPost);\n    },\n  });\n};\n"})}),"\n",(0,i.jsxs)(n.h3,{id:"2-define-a-mutation-function-somewhere-else-shared-or-entities-and-use-usemutation-directly-in-the-component",children:["2. Define a mutation function somewhere else (Shared or Entities) and use ",(0,i.jsx)(n.code,{children:"useMutation"})," directly in the component"]}),"\n",(0,i.jsx)(n.pre,{children:(0,i.jsx)(n.code,{className:"language-tsx",children:"const { mutateAsync, isPending } = useMutation({\n  mutationFn: postApi.createPost,\n});\n"})}),"\n",(0,i.jsx)(n.pre,{children:(0,i.jsx)(n.code,{className:"language-tsx",metastring:'title="@/pages/post-create/ui/post-create-page.tsx"',children:'export const CreatePost = () => {\n  const { classes } = useStyles();\n  const [title, setTitle] = useState("");\n\n  const { mutate, isPending } = useMutation({\n    mutationFn: postApi.createPost,\n  });\n\n  const handleChange = (e: ChangeEvent<HTMLInputElement>) =>\n    setTitle(e.target.value);\n  const handleSubmit = (e: FormEvent<HTMLFormElement>) => {\n    e.preventDefault();\n    mutate({ title, userId: DEFAULT_USER_ID });\n  };\n\n  return (\n    <form className={classes.create_form} onSubmit={handleSubmit}>\n      <TextField onChange={handleChange} value={title} />\n      <LoadingButton type="submit" variant="contained" loading={isPending}>\n        Create\n      </LoadingButton>\n    </form>\n  );\n};\n'})}),"\n",(0,i.jsx)(n.h2,{id:"organization-of-requests",children:"Organization of requests"}),"\n",(0,i.jsx)(n.h3,{id:"query-factory",children:"Query factory"}),"\n",(0,i.jsx)(n.p,{children:"A query factory is an object where the key values are functions that return a list of query keys. Here's how to use it:"}),"\n",(0,i.jsx)(n.pre,{children:(0,i.jsx)(n.code,{className:"language-ts",children:'const keyFactory = {\n  all: () => ["entity"],\n  lists: () => [...postQueries.all(), "list"],\n};\n'})}),"\n",(0,i.jsxs)(n.admonition,{type:"info",children:[(0,i.jsxs)(n.p,{children:[(0,i.jsx)(n.code,{children:"queryOptions"})," is a built-in utility in react-query@v5 (optional)"]}),(0,i.jsx)(n.pre,{children:(0,i.jsx)(n.code,{className:"language-ts",children:"queryOptions({\n  queryKey,\n  ...options,\n});\n"})}),(0,i.jsxs)(n.p,{children:["For greater type safety, further compatibility with future versions of react-query, and easy access to functions and query keys,\nyou can use the built-in queryOptions function from \u201c@tanstack/react-query\u201d\n",(0,i.jsx)(n.a,{href:"https://tkdodo.eu/blog/the-query-options-api#queryoptions",children:"(More details here)"}),"."]})]}),"\n",(0,i.jsx)(n.h3,{id:"1-creating-a-query-factory",children:"1. Creating a Query Factory"}),"\n",(0,i.jsx)(n.pre,{children:(0,i.jsx)(n.code,{className:"language-tsx",metastring:'title="@/entities/post/api/post.queries.ts"',children:'import { keepPreviousData, queryOptions } from "@tanstack/react-query";\nimport { getPosts } from "./get-posts";\nimport { getDetailPost } from "./get-detail-post";\nimport { PostDetailQuery } from "./query/post.query";\n\nexport const postQueries = {\n  all: () => ["posts"],\n\n  lists: () => [...postQueries.all(), "list"],\n  list: (page: number, limit: number) =>\n    queryOptions({\n      queryKey: [...postQueries.lists(), page, limit],\n      queryFn: () => getPosts(page, limit),\n      placeholderData: keepPreviousData,\n    }),\n\n  details: () => [...postQueries.all(), "detail"],\n  detail: (query?: PostDetailQuery) =>\n    queryOptions({\n      queryKey: [...postQueries.details(), query?.id],\n      queryFn: () => getDetailPost({ id: query?.id }),\n      staleTime: 5000,\n    }),\n};\n'})}),"\n",(0,i.jsx)(n.h3,{id:"2-using-query-factory-in-application-code",children:"2. Using Query Factory in application code"}),"\n",(0,i.jsx)(n.pre,{children:(0,i.jsx)(n.code,{className:"language-tsx",children:'import { useParams } from "react-router-dom";\nimport { postApi } from "@/entities/post";\nimport { useQuery } from "@tanstack/react-query";\n\ntype Params = {\n  postId: string;\n};\n\nexport const PostPage = () => {\n  const { postId } = useParams<Params>();\n  const id = parseInt(postId || "");\n  const {\n    data: post,\n    error,\n    isLoading,\n    isError,\n  } = useQuery(postApi.postQueries.detail({ id }));\n\n  if (isLoading) {\n    return <div>Loading...</div>;\n  }\n\n  if (isError || !post) {\n    return <>{error?.message}</>;\n  }\n\n  return (\n    <div>\n      <p>Post id: {post.id}</p>\n      <div>\n        <h1>{post.title}</h1>\n        <div>\n          <p>{post.body}</p>\n        </div>\n      </div>\n      <div>Owner: {post.userId}</div>\n    </div>\n  );\n};\n'})}),"\n",(0,i.jsx)(n.h3,{id:"benefits-of-using-a-query-factory",children:"Benefits of using a Query Factory"}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsxs)(n.li,{children:[(0,i.jsx)(n.strong,{children:"Request structuring:"})," A factory allows you to organize all API requests in one place, making your code more readable and maintainable."]}),"\n",(0,i.jsxs)(n.li,{children:[(0,i.jsx)(n.strong,{children:"Convenient access to queries and keys:"})," The factory provides convenient methods for accessing different types of queries and their keys."]}),"\n",(0,i.jsxs)(n.li,{children:[(0,i.jsx)(n.strong,{children:"Query Refetching Ability:"})," The factory allows easy refetching without the need to change query keys in different parts of the application."]}),"\n"]}),"\n",(0,i.jsx)(n.h2,{id:"pagination",children:"Pagination"}),"\n",(0,i.jsxs)(n.p,{children:["In this section, we'll look at an example of the ",(0,i.jsx)(n.code,{children:"getPosts"})," function, which makes an API request to retrieve post entities using pagination."]}),"\n",(0,i.jsxs)(n.h3,{id:"1-creating-a-function-getposts",children:["1. Creating a function ",(0,i.jsx)(n.code,{children:"getPosts"})]}),"\n",(0,i.jsxs)(n.p,{children:["The getPosts function is located in the ",(0,i.jsx)(n.code,{children:"get-posts.ts"})," file, which is located in the ",(0,i.jsx)(n.code,{children:"api"})," segment"]}),"\n",(0,i.jsx)(n.pre,{children:(0,i.jsx)(n.code,{className:"language-tsx",metastring:'title="@/pages/post-feed/api/get-posts.ts"',children:'import { apiClient } from "@/shared/api/base";\n\nimport { PostWithPaginationDto } from "./dto/post-with-pagination.dto";\nimport { PostQuery } from "./query/post.query";\nimport { mapPost } from "./mapper/map-post";\nimport { PostWithPagination } from "../model/post-with-pagination";\n\nconst calculatePostPage = (totalCount: number, limit: number) =>\n  Math.floor(totalCount / limit);\n\nexport const getPosts = async (\n  page: number,\n  limit: number,\n): Promise<PostWithPagination> => {\n  const skip = page * limit;\n  const query: PostQuery = { skip, limit };\n  const result = await apiClient.get<PostWithPaginationDto>("/posts", query);\n\n  return {\n    posts: result.posts.map((post) => mapPost(post)),\n    limit: result.limit,\n    skip: result.skip,\n    total: result.total,\n    totalPages: calculatePostPage(result.total, limit),\n  };\n};\n'})}),"\n",(0,i.jsx)(n.h3,{id:"2-query-factory-for-pagination",children:"2. Query factory for pagination"}),"\n",(0,i.jsxs)(n.p,{children:["The ",(0,i.jsx)(n.code,{children:"postQueries"})," query factory defines various query options for working with posts,\nincluding requesting a list of posts with a specific page and limit."]}),"\n",(0,i.jsx)(n.pre,{children:(0,i.jsx)(n.code,{className:"language-tsx",children:'import { keepPreviousData, queryOptions } from "@tanstack/react-query";\nimport { getPosts } from "./get-posts";\n\nexport const postQueries = {\n  all: () => ["posts"],\n  lists: () => [...postQueries.all(), "list"],\n  list: (page: number, limit: number) =>\n    queryOptions({\n      queryKey: [...postQueries.lists(), page, limit],\n      queryFn: () => getPosts(page, limit),\n      placeholderData: keepPreviousData,\n    }),\n};\n'})}),"\n",(0,i.jsx)(n.h3,{id:"3-use-in-application-code",children:"3. Use in application code"}),"\n",(0,i.jsx)(n.pre,{children:(0,i.jsx)(n.code,{className:"language-tsx",metastring:'title="@/pages/home/ui/index.tsx"',children:'export const HomePage = () => {\n  const itemsOnScreen = DEFAULT_ITEMS_ON_SCREEN;\n  const [page, setPage] = usePageParam(DEFAULT_PAGE);\n  const { data, isFetching, isLoading } = useQuery(\n    postApi.postQueries.list(page, itemsOnScreen),\n  );\n  return (\n    <>\n      <Pagination\n        onChange={(_, page) => setPage(page)}\n        page={page}\n        count={data?.totalPages}\n        variant="outlined"\n        color="primary"\n      />\n      <Posts posts={data?.posts} />\n    </>\n  );\n};\n'})}),"\n",(0,i.jsx)(n.admonition,{type:"note",children:(0,i.jsxs)(n.p,{children:["The example is simplified, the full version is available on ",(0,i.jsx)(n.a,{href:"https://github.com/ruslan4432013/fsd-react-query-example",children:"GitHub"})]})}),"\n",(0,i.jsxs)(n.h2,{id:"queryprovider-for-managing-queries",children:[(0,i.jsx)(n.code,{children:"QueryProvider"})," for managing queries"]}),"\n",(0,i.jsxs)(n.p,{children:["In this guide, we will look at how to organize a ",(0,i.jsx)(n.code,{children:"QueryProvider"}),"."]}),"\n",(0,i.jsxs)(n.h3,{id:"1-creating-a-queryprovider",children:["1. Creating a ",(0,i.jsx)(n.code,{children:"QueryProvider"})]}),"\n",(0,i.jsxs)(n.p,{children:["The file ",(0,i.jsx)(n.code,{children:"query-provider.tsx"})," is located at the path ",(0,i.jsx)(n.code,{children:"@/app/providers/query-provider.tsx"}),"."]}),"\n",(0,i.jsx)(n.pre,{children:(0,i.jsx)(n.code,{className:"language-tsx",metastring:'title="@/app/providers/query-provider.tsx"',children:'import { QueryClient, QueryClientProvider } from "@tanstack/react-query";\nimport { ReactQueryDevtools } from "@tanstack/react-query-devtools";\nimport { ReactNode } from "react";\n\ntype Props = {\n  children: ReactNode;\n  client: QueryClient;\n};\n\nexport const QueryProvider = ({ client, children }: Props) => {\n  return (\n    <QueryClientProvider client={client}>\n      {children}\n      <ReactQueryDevtools />\n    </QueryClientProvider>\n  );\n};\n'})}),"\n",(0,i.jsxs)(n.h3,{id:"2-creating-a-queryclient",children:["2. Creating a ",(0,i.jsx)(n.code,{children:"QueryClient"})]}),"\n",(0,i.jsxs)(n.p,{children:[(0,i.jsx)(n.code,{children:"QueryClient"})," is an instance used to manage API requests.\nThe ",(0,i.jsx)(n.code,{children:"query-client.ts"})," file is located at ",(0,i.jsx)(n.code,{children:"@/shared/api/query-client.ts"}),".\n",(0,i.jsx)(n.code,{children:"QueryClient"})," is created with certain settings for query caching."]}),"\n",(0,i.jsx)(n.pre,{children:(0,i.jsx)(n.code,{className:"language-tsx",metastring:'title="@/shared/api/query-client.ts"',children:'import { QueryClient } from "@tanstack/react-query";\n\nexport const queryClient = new QueryClient({\n  defaultOptions: {\n    queries: {\n      staleTime: 5 * 60 * 1000,\n      gcTime: 5 * 60 * 1000,\n    },\n  },\n});\n'})}),"\n",(0,i.jsx)(n.h2,{id:"code-generation",children:"Code generation"}),"\n",(0,i.jsxs)(n.p,{children:["There are tools that can generate API code for you, but they are less flexible than the manual approach described above.\nIf your Swagger file is well-structured,\nand you're using one of these tools, it might make sense to generate all the code in the ",(0,i.jsx)(n.code,{children:"@/shared/api"})," directory."]}),"\n",(0,i.jsx)(n.h2,{id:"additional-advice-for-organizing-rq",children:"Additional advice for organizing RQ"}),"\n",(0,i.jsx)(n.h3,{id:"api-client",children:"API Client"}),"\n",(0,i.jsx)(n.p,{children:"Using a custom API client class in the shared layer,\nyou can standardize the configuration and work with the API in the project.\nThis allows you to manage logging,\nheaders and data exchange format (such as JSON or XML) from one place.\nThis approach makes it easier to maintain and develop the project because it simplifies changes and updates to interactions with the API."}),"\n",(0,i.jsx)(n.pre,{children:(0,i.jsx)(n.code,{className:"language-tsx",metastring:'title="@/shared/api/api-client.ts"',children:'import { API_URL } from "@/shared/config";\n\nexport class ApiClient {\n  private baseUrl: string;\n\n  constructor(url: string) {\n    this.baseUrl = url;\n  }\n\n  async handleResponse<TResult>(response: Response): Promise<TResult> {\n    if (!response.ok) {\n      throw new Error(`HTTP error! Status: ${response.status}`);\n    }\n\n    try {\n      return await response.json();\n    } catch (error) {\n      throw new Error("Error parsing JSON response");\n    }\n  }\n\n  public async get<TResult = unknown>(\n    endpoint: string,\n    queryParams?: Record<string, string | number>,\n  ): Promise<TResult> {\n    const url = new URL(endpoint, this.baseUrl);\n\n    if (queryParams) {\n      Object.entries(queryParams).forEach(([key, value]) => {\n        url.searchParams.append(key, value.toString());\n      });\n    }\n    const response = await fetch(url.toString(), {\n      method: "GET",\n      headers: {\n        "Content-Type": "application/json",\n      },\n    });\n\n    return this.handleResponse<TResult>(response);\n  }\n\n  public async post<TResult = unknown, TData = Record<string, unknown>>(\n    endpoint: string,\n    body: TData,\n  ): Promise<TResult> {\n    const response = await fetch(`${this.baseUrl}${endpoint}`, {\n      method: "POST",\n      headers: {\n        "Content-Type": "application/json",\n      },\n      body: JSON.stringify(body),\n    });\n\n    return this.handleResponse<TResult>(response);\n  }\n}\n\nexport const apiClient = new ApiClient(API_URL);\n'})}),"\n",(0,i.jsx)(n.h2,{id:"see-also",children:"See also"}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsx)(n.li,{children:(0,i.jsx)(n.a,{href:"https://github.com/ruslan4432013/fsd-react-query-example",children:"(GitHub) Sample Project"})}),"\n",(0,i.jsx)(n.li,{children:(0,i.jsx)(n.a,{href:"https://codesandbox.io/p/github/ruslan4432013/fsd-react-query-example/main",children:"(CodeSandbox) Sample Project"})}),"\n",(0,i.jsx)(n.li,{children:(0,i.jsx)(n.a,{href:"https://tkdodo.eu/blog/the-query-options-api",children:"About the query factory"})}),"\n"]})]})}function u(e={}){const{wrapper:n}={...(0,s.R)(),...e.components};return n?(0,i.jsx)(n,{...e,children:(0,i.jsx)(d,{...e})}):d(e)}},1100:(e,n,t)=>{t.d(n,{R:()=>o,x:()=>a});var i=t(758);const s={},r=i.createContext(s);function o(e){const n=i.useContext(r);return i.useMemo((function(){return"function"==typeof e?e(n):{...n,...e}}),[n,e])}function a(e){let n;return n=e.disableParentContext?"function"==typeof e.components?e.components(s):e.components||s:o(e.components),i.createElement(r.Provider,{value:n},e.children)}}}]);
\ No newline at end of file
diff --git a/assets/js/3d2652fb.a1c2eb86.js b/assets/js/3d2652fb.5b5cf927.js
similarity index 99%
rename from assets/js/3d2652fb.a1c2eb86.js
rename to assets/js/3d2652fb.5b5cf927.js
index abd1fde407..db5e414825 100644
--- a/assets/js/3d2652fb.a1c2eb86.js
+++ b/assets/js/3d2652fb.5b5cf927.js
@@ -1 +1 @@
-"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[7811],{5472:(e,n,s)=>{s.r(n),s.d(n,{assets:()=>a,contentTitle:()=>o,default:()=>h,frontMatter:()=>r,metadata:()=>l,toc:()=>c});var t=s(6070),i=s(1100);const r={sidebar_position:3,pagination_next:"about/index"},o="Public API",l={id:"reference/public-api",title:"Public API",description:"Each entity of the methodology is designed as a user-friendly and integrable module.",source:"@site/i18n/en/docusaurus-plugin-content-docs/current/reference/public-api.md",sourceDirName:"reference",slug:"/reference/public-api",permalink:"/docs/reference/public-api",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/reference/public-api.md",tags:[],version:"current",lastUpdatedAt:1727607766e3,sidebarPosition:3,frontMatter:{sidebar_position:3,pagination_next:"about/index"},sidebar:"referenceSidebar",previous:{title:"Slices and segments",permalink:"/docs/reference/slices-segments"},next:{title:"\ud83c\udf70 About",permalink:"/docs/about/"}},a={},c=[{value:"Goals",id:"goals",level:2},{value:"Requirements for the public API",id:"requirements-for-the-public-api",level:2},{value:"1. Access Control",id:"1-access-control",level:3},{value:"Examples",id:"examples",level:4},{value:"Suspension from private imports",id:"suspension-from-private-imports",level:5},{value:"2. Sustainability for changes",id:"2-sustainability-for-changes",level:3},{value:"Examples",id:"examples-1",level:4},{value:"Abstracting from the implementation",id:"abstracting-from-the-implementation",level:5},{value:"3. Integrability",id:"3-integrability",level:3},{value:"Examples",id:"examples-2",level:4},{value:"Name collision",id:"name-collision",level:5},{value:"Flexible use",id:"flexible-use",level:5},{value:"Resolution of collisions",id:"resolution-of-collisions",level:5},{value:"About re-exports",id:"about-re-exports",level:2},{value:"Disadvantages",id:"disadvantages",level:3},{value:"Possible solutions",id:"possible-solutions",level:3},{value:"See also",id:"see-also",level:2}];function d(e){const n={a:"a",admonition:"admonition",blockquote:"blockquote",code:"code",em:"em",h1:"h1",h2:"h2",h3:"h3",h4:"h4",h5:"h5",header:"header",li:"li",ol:"ol",p:"p",pre:"pre",strong:"strong",ul:"ul",...(0,i.R)(),...e.components};return(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(n.header,{children:(0,t.jsx)(n.h1,{id:"public-api",children:"Public API"})}),"\n",(0,t.jsxs)(n.p,{children:["Each entity of the methodology is designed as a ",(0,t.jsx)(n.strong,{children:"user-friendly and integrable module."})]}),"\n",(0,t.jsx)(n.h2,{id:"goals",children:"Goals"}),"\n",(0,t.jsxs)(n.p,{children:["The convenience of using and integrating the module is achieved through the fulfillment of ",(0,t.jsx)(n.em,{children:"a number of goals"}),":"]}),"\n",(0,t.jsxs)(n.ol,{children:["\n",(0,t.jsxs)(n.li,{children:["The application must be ",(0,t.jsx)(n.strong,{children:"protected from changes"})," to the internal structure of individual modules"]}),"\n",(0,t.jsxs)(n.li,{children:["The processing of the internal structure of the module ",(0,t.jsx)(n.strong,{children:"should not affect"})," other modules"]}),"\n",(0,t.jsxs)(n.li,{children:["Significant changes in the behavior of the module should be ",(0,t.jsx)(n.strong,{children:"easily detectable"}),"\n",(0,t.jsxs)(n.blockquote,{children:["\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Significant changes in the behavior of the module"})," - changes that break the expectations of the user entities of the module."]}),"\n"]}),"\n"]}),"\n"]}),"\n",(0,t.jsx)(n.p,{children:"These goals can be achieved by introducing a public interface (Public API), which is a single access point to the module's capabilities and defines the \"contract\" of the module's interaction with the outside world."}),"\n",(0,t.jsx)(n.admonition,{title:"Important",type:"info",children:(0,t.jsx)(n.p,{children:"The entity structure must have a single entry point that provides a public interface"})}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-sh",children:"\u2514\u2500\u2500 features/\xa0 \xa0 \xa0 \xa0 \xa0 \xa0 \xa0 \xa0#\xa0\n       \u251c\u2500\u2500 auth-form /      # Internal structure of the feature\n       |     \u251c\u2500\u2500 ui/\xa0 \xa0 \xa0 \xa0 #\n       |     \u251c\u2500\u2500 model/\xa0 \xa0 \xa0#\n       |     \u251c\u2500\u2500 {...}/\xa0 \xa0 \xa0#\n       \u251c\u2500\u2500 index.ts         # Entrypoint features with its public API\n"})}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-ts",metastring:'title="**/**/index.ts"',children:'export { Form as AuthForm } from "./ui"\nexport * as authFormModel from "./model"\n'})}),"\n",(0,t.jsx)(n.h2,{id:"requirements-for-the-public-api",children:"Requirements for the public API"}),"\n",(0,t.jsxs)(n.p,{children:["Meeting these requirements allows you to reduce interaction with the module to ",(0,t.jsx)(n.strong,{children:"the implementation of a public interface-contract"})," and, thereby, achieve reliability and ease of use of the module."]}),"\n",(0,t.jsx)(n.h3,{id:"1-access-control",children:"1. Access Control"}),"\n",(0,t.jsxs)(n.p,{children:["The public API must ",(0,t.jsx)(n.strong,{children:"control access"})," to the contents of the module"]}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsxs)(n.li,{children:["Other parts of the application can use ",(0,t.jsx)(n.strong,{children:"only those module entities that are presented in the public interface"})]}),"\n",(0,t.jsxs)(n.li,{children:["The internal part of the module outside the public interface ",(0,t.jsx)(n.strong,{children:"is accessible only to the module itself"}),"."]}),"\n"]}),"\n",(0,t.jsx)(n.h4,{id:"examples",children:"Examples"}),"\n",(0,t.jsx)(n.h5,{id:"suspension-from-private-imports",children:"Suspension from private imports"}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Bad"}),": There is a direct access to the internal parts of the module, bypassing the public access interface - it is dangerous, especially when refactoring the module"]}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-diff",children:'- import { Form } from "features/auth-form/components/view/form"\n'})}),"\n"]}),"\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Good:"})," The API exports only what is necessary and allowed in advance, the module developer now needs to think only about not breaking the Public API when refactoring"]}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-diff",children:'+ import { AuthForm } from "features/auth-form"\n'})}),"\n"]}),"\n"]}),"\n",(0,t.jsx)(n.h3,{id:"2-sustainability-for-changes",children:"2. Sustainability for changes"}),"\n",(0,t.jsx)(n.p,{children:"The public API should be sustainable for changes inside the module"}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsx)(n.li,{children:"Breaking changes in the behavior of the module are reflected in the change of the Public API"}),"\n"]}),"\n",(0,t.jsx)(n.h4,{id:"examples-1",children:"Examples"}),"\n",(0,t.jsx)(n.h5,{id:"abstracting-from-the-implementation",children:"Abstracting from the implementation"}),"\n",(0,t.jsx)(n.p,{children:"Changing the internal structure should not lead to a change in the Public API"}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Bad:"})," moving or renaming this component inside the feature will lead to the need to refactor imports in all places where the component is used."]}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-diff",children:'- import { Form } from "features/auth-form/ui/form"\n'})}),"\n"]}),"\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Good:"}),' the interface of the feature does not display its internal structure, external "users" of the feature will not suffer from moving or renaming the component inside the feature']}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-diff",children:'+ import { AuthForm } from "features/auth-form"\n'})}),"\n"]}),"\n"]}),"\n",(0,t.jsx)(n.h3,{id:"3-integrability",children:"3. Integrability"}),"\n",(0,t.jsxs)(n.p,{children:["The public API should facilitate ",(0,t.jsx)(n.strong,{children:"easy and flexible integration"})]}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsx)(n.li,{children:"Should be convenient for use by the rest of the application, in particular, to solve the problem of name collisions"}),"\n"]}),"\n",(0,t.jsx)(n.h4,{id:"examples-2",children:"Examples"}),"\n",(0,t.jsx)(n.h5,{id:"name-collision",children:"Name collision"}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Bad:"})," there will be a name collision"]}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-ts",metastring:'title="features/auth-form/index.ts"',children:'export { Form } from "./ui"\nexport * as model from "./model"\n'})}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-ts",metastring:'title="features/post-form/index.ts"',children:'export { Form } from "./ui"\nexport * as model from "./model"\n'})}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-diff",children:'- import { Form, model } from "features/auth-form"\n- import { Form, model } from "features/post-form"\n'})}),"\n"]}),"\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Good:"})," the collision is solved at the interface level"]}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-ts",metastring:'title="features/auth-form/index.ts"',children:'export { Form as AuthForm } from "./ui"\nexport * as authFormModel from "./model"\n'})}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-ts",metastring:'title="features/post-form/index.ts"',children:'export { Form as PostForm } from "./ui"\nexport * as postFormModel from "./model"\n'})}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-diff",children:'+ import { AuthForm, authFormModel } from "features/auth-form"\n+ import { PostForm, postFormModel } from "features/post-form"\n'})}),"\n"]}),"\n"]}),"\n",(0,t.jsx)(n.h5,{id:"flexible-use",children:"Flexible use"}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Bad:"}),' it is inconvenient to write, it is inconvenient to read, the" user " of the feature suffers']}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-diff",children:'- import { storeActionUpdateUserDetails } from "features/auth-form"\n- dispatch(storeActionUpdateUserDetails(...))\n'})}),"\n"]}),"\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Good:"}),' the "user" of the feature gets access to the necessary things iteratively and flexibly']}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-diff",children:'+ import { authFormModel } from "features/auth-form"\n+ dispatch(authFormModel.effects.updateUserDetails(...)) // redux\n+ authFormModel.updateUserDetailsFx(...) // effector\n'})}),"\n"]}),"\n"]}),"\n",(0,t.jsx)(n.h5,{id:"resolution-of-collisions",children:"Resolution of collisions"}),"\n",(0,t.jsx)(n.p,{children:"Name collisions should be resolved at the level of the public interface, not the implementation"}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Bad:"})," name collisions are resolved at the implementation level"]}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-ts",metastring:'title="features/auth-form/index.ts"',children:'export { AuthForm } from "./ui"\nexport { authFormActions, authFormReducer } from "model"\n'})}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-ts",metastring:'title="features/post-form/index.ts"',children:'export { PostForm } from "./ui"\nexport { postFormActions, postFormReducer } from "model"\n'})}),"\n"]}),"\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Good:"})," name collisions are resolved at the interface level"]}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-ts",metastring:'title="features/auth-form/model.ts"',children:"export { actions, reducer }\n"})}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-ts",metastring:'title="features/auth-form/index.ts"',children:'export { Form as AuthForm } from "./ui"\nexport * as authFormModel from "./model"\n'})}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-ts",metastring:'title="features/post-form/model.ts"',children:"export { actions, reducer }\n"})}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-ts",metastring:'title="features/post-form/index.ts"',children:'export { Form as PostForm } from "./ui"\nexport * as postFormModel from "./model"\n'})}),"\n"]}),"\n"]}),"\n",(0,t.jsx)(n.h2,{id:"about-re-exports",children:"About re-exports"}),"\n",(0,t.jsxs)(n.p,{children:["In JavaScript, the public interface of a module is created by re-exporting entities from inside the module in an ",(0,t.jsx)(n.code,{children:"index"})," file:"]}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-ts",metastring:'title="**/**/index.ts"',children:'export { Form as AuthForm } from "./ui"\nexport * as authModel from "./model"\n'})}),"\n",(0,t.jsx)(n.h3,{id:"disadvantages",children:"Disadvantages"}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsxs)(n.p,{children:["In most popular bundlers, due to re-exports, ",(0,t.jsx)(n.strong,{children:"the code-splitting works worse"}),", because ",(0,t.jsx)(n.a,{href:"https://webpack.js.org/guides/tree-shaking/",children:"tree-shaking"})," with this approach, it is safe to discard only the entire module, but not part of it."]}),"\n",(0,t.jsxs)(n.blockquote,{children:["\n",(0,t.jsxs)(n.p,{children:["For example, importing ",(0,t.jsx)(n.code,{children:"authModel"})," into the page model will cause the ",(0,t.jsx)(n.code,{children:"AuthForm"})," component to get into the chunk of this page, even if this component is not used there."]}),"\n"]}),"\n"]}),"\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsx)(n.p,{children:'As a result, initialization of the chunk becomes more expensive, because the browser must process all the modules in it, including those that got into the bundle "for the company"'}),"\n"]}),"\n"]}),"\n",(0,t.jsx)(n.h3,{id:"possible-solutions",children:"Possible solutions"}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsxs)(n.li,{children:[(0,t.jsx)(n.code,{children:"webpack"})," allows you to mark re-export files as ",(0,t.jsx)(n.a,{href:"https://webpack.js.org/guides/tree-shaking/#mark-the-file-as-side-effect-free",children:(0,t.jsx)(n.strong,{children:"side effects free"})})," - this allows ",(0,t.jsx)(n.code,{children:"webpack"})," to use more aggressive optimizations when working with such a file"]}),"\n"]}),"\n",(0,t.jsx)(n.h2,{id:"see-also",children:"See also"}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsx)(n.li,{children:(0,t.jsx)(n.a,{href:"https://github.com/feature-sliced/documentation/discussions/41",children:"(Discussion) Public Abstraction API"})}),"\n",(0,t.jsx)(n.li,{children:(0,t.jsxs)(n.a,{href:"https://ru.wikipedia.org/wiki/SOLID",children:["Principles ",(0,t.jsx)(n.strong,{children:"SOLID"})]})}),"\n",(0,t.jsx)(n.li,{children:(0,t.jsxs)(n.a,{href:"https://ru.wikipedia.org/wiki/GRASP",children:["Patterns ",(0,t.jsx)(n.strong,{children:"GRASP"})]})}),"\n"]})]})}function h(e={}){const{wrapper:n}={...(0,i.R)(),...e.components};return n?(0,t.jsx)(n,{...e,children:(0,t.jsx)(d,{...e})}):d(e)}},1100:(e,n,s)=>{s.d(n,{R:()=>o,x:()=>l});var t=s(758);const i={},r=t.createContext(i);function o(e){const n=t.useContext(r);return t.useMemo((function(){return"function"==typeof e?e(n):{...n,...e}}),[n,e])}function l(e){let n;return n=e.disableParentContext?"function"==typeof e.components?e.components(i):e.components||i:o(e.components),t.createElement(r.Provider,{value:n},e.children)}}}]);
\ No newline at end of file
+"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[7811],{5472:(e,n,s)=>{s.r(n),s.d(n,{assets:()=>a,contentTitle:()=>o,default:()=>h,frontMatter:()=>r,metadata:()=>l,toc:()=>c});var t=s(6070),i=s(1100);const r={sidebar_position:3,pagination_next:"about/index"},o="Public API",l={id:"reference/public-api",title:"Public API",description:"Each entity of the methodology is designed as a user-friendly and integrable module.",source:"@site/i18n/en/docusaurus-plugin-content-docs/current/reference/public-api.md",sourceDirName:"reference",slug:"/reference/public-api",permalink:"/docs/reference/public-api",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/reference/public-api.md",tags:[],version:"current",lastUpdatedAt:1728325386e3,sidebarPosition:3,frontMatter:{sidebar_position:3,pagination_next:"about/index"},sidebar:"referenceSidebar",previous:{title:"Slices and segments",permalink:"/docs/reference/slices-segments"},next:{title:"\ud83c\udf70 About",permalink:"/docs/about/"}},a={},c=[{value:"Goals",id:"goals",level:2},{value:"Requirements for the public API",id:"requirements-for-the-public-api",level:2},{value:"1. Access Control",id:"1-access-control",level:3},{value:"Examples",id:"examples",level:4},{value:"Suspension from private imports",id:"suspension-from-private-imports",level:5},{value:"2. Sustainability for changes",id:"2-sustainability-for-changes",level:3},{value:"Examples",id:"examples-1",level:4},{value:"Abstracting from the implementation",id:"abstracting-from-the-implementation",level:5},{value:"3. Integrability",id:"3-integrability",level:3},{value:"Examples",id:"examples-2",level:4},{value:"Name collision",id:"name-collision",level:5},{value:"Flexible use",id:"flexible-use",level:5},{value:"Resolution of collisions",id:"resolution-of-collisions",level:5},{value:"About re-exports",id:"about-re-exports",level:2},{value:"Disadvantages",id:"disadvantages",level:3},{value:"Possible solutions",id:"possible-solutions",level:3},{value:"See also",id:"see-also",level:2}];function d(e){const n={a:"a",admonition:"admonition",blockquote:"blockquote",code:"code",em:"em",h1:"h1",h2:"h2",h3:"h3",h4:"h4",h5:"h5",header:"header",li:"li",ol:"ol",p:"p",pre:"pre",strong:"strong",ul:"ul",...(0,i.R)(),...e.components};return(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(n.header,{children:(0,t.jsx)(n.h1,{id:"public-api",children:"Public API"})}),"\n",(0,t.jsxs)(n.p,{children:["Each entity of the methodology is designed as a ",(0,t.jsx)(n.strong,{children:"user-friendly and integrable module."})]}),"\n",(0,t.jsx)(n.h2,{id:"goals",children:"Goals"}),"\n",(0,t.jsxs)(n.p,{children:["The convenience of using and integrating the module is achieved through the fulfillment of ",(0,t.jsx)(n.em,{children:"a number of goals"}),":"]}),"\n",(0,t.jsxs)(n.ol,{children:["\n",(0,t.jsxs)(n.li,{children:["The application must be ",(0,t.jsx)(n.strong,{children:"protected from changes"})," to the internal structure of individual modules"]}),"\n",(0,t.jsxs)(n.li,{children:["The processing of the internal structure of the module ",(0,t.jsx)(n.strong,{children:"should not affect"})," other modules"]}),"\n",(0,t.jsxs)(n.li,{children:["Significant changes in the behavior of the module should be ",(0,t.jsx)(n.strong,{children:"easily detectable"}),"\n",(0,t.jsxs)(n.blockquote,{children:["\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Significant changes in the behavior of the module"})," - changes that break the expectations of the user entities of the module."]}),"\n"]}),"\n"]}),"\n"]}),"\n",(0,t.jsx)(n.p,{children:"These goals can be achieved by introducing a public interface (Public API), which is a single access point to the module's capabilities and defines the \"contract\" of the module's interaction with the outside world."}),"\n",(0,t.jsx)(n.admonition,{title:"Important",type:"info",children:(0,t.jsx)(n.p,{children:"The entity structure must have a single entry point that provides a public interface"})}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-sh",children:"\u2514\u2500\u2500 features/\xa0 \xa0 \xa0 \xa0 \xa0 \xa0 \xa0 \xa0#\xa0\n       \u251c\u2500\u2500 auth-form /      # Internal structure of the feature\n       |     \u251c\u2500\u2500 ui/\xa0 \xa0 \xa0 \xa0 #\n       |     \u251c\u2500\u2500 model/\xa0 \xa0 \xa0#\n       |     \u251c\u2500\u2500 {...}/\xa0 \xa0 \xa0#\n       \u251c\u2500\u2500 index.ts         # Entrypoint features with its public API\n"})}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-ts",metastring:'title="**/**/index.ts"',children:'export { Form as AuthForm } from "./ui"\nexport * as authFormModel from "./model"\n'})}),"\n",(0,t.jsx)(n.h2,{id:"requirements-for-the-public-api",children:"Requirements for the public API"}),"\n",(0,t.jsxs)(n.p,{children:["Meeting these requirements allows you to reduce interaction with the module to ",(0,t.jsx)(n.strong,{children:"the implementation of a public interface-contract"})," and, thereby, achieve reliability and ease of use of the module."]}),"\n",(0,t.jsx)(n.h3,{id:"1-access-control",children:"1. Access Control"}),"\n",(0,t.jsxs)(n.p,{children:["The public API must ",(0,t.jsx)(n.strong,{children:"control access"})," to the contents of the module"]}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsxs)(n.li,{children:["Other parts of the application can use ",(0,t.jsx)(n.strong,{children:"only those module entities that are presented in the public interface"})]}),"\n",(0,t.jsxs)(n.li,{children:["The internal part of the module outside the public interface ",(0,t.jsx)(n.strong,{children:"is accessible only to the module itself"}),"."]}),"\n"]}),"\n",(0,t.jsx)(n.h4,{id:"examples",children:"Examples"}),"\n",(0,t.jsx)(n.h5,{id:"suspension-from-private-imports",children:"Suspension from private imports"}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Bad"}),": There is a direct access to the internal parts of the module, bypassing the public access interface - it is dangerous, especially when refactoring the module"]}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-diff",children:'- import { Form } from "features/auth-form/components/view/form"\n'})}),"\n"]}),"\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Good:"})," The API exports only what is necessary and allowed in advance, the module developer now needs to think only about not breaking the Public API when refactoring"]}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-diff",children:'+ import { AuthForm } from "features/auth-form"\n'})}),"\n"]}),"\n"]}),"\n",(0,t.jsx)(n.h3,{id:"2-sustainability-for-changes",children:"2. Sustainability for changes"}),"\n",(0,t.jsx)(n.p,{children:"The public API should be sustainable for changes inside the module"}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsx)(n.li,{children:"Breaking changes in the behavior of the module are reflected in the change of the Public API"}),"\n"]}),"\n",(0,t.jsx)(n.h4,{id:"examples-1",children:"Examples"}),"\n",(0,t.jsx)(n.h5,{id:"abstracting-from-the-implementation",children:"Abstracting from the implementation"}),"\n",(0,t.jsx)(n.p,{children:"Changing the internal structure should not lead to a change in the Public API"}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Bad:"})," moving or renaming this component inside the feature will lead to the need to refactor imports in all places where the component is used."]}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-diff",children:'- import { Form } from "features/auth-form/ui/form"\n'})}),"\n"]}),"\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Good:"}),' the interface of the feature does not display its internal structure, external "users" of the feature will not suffer from moving or renaming the component inside the feature']}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-diff",children:'+ import { AuthForm } from "features/auth-form"\n'})}),"\n"]}),"\n"]}),"\n",(0,t.jsx)(n.h3,{id:"3-integrability",children:"3. Integrability"}),"\n",(0,t.jsxs)(n.p,{children:["The public API should facilitate ",(0,t.jsx)(n.strong,{children:"easy and flexible integration"})]}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsx)(n.li,{children:"Should be convenient for use by the rest of the application, in particular, to solve the problem of name collisions"}),"\n"]}),"\n",(0,t.jsx)(n.h4,{id:"examples-2",children:"Examples"}),"\n",(0,t.jsx)(n.h5,{id:"name-collision",children:"Name collision"}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Bad:"})," there will be a name collision"]}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-ts",metastring:'title="features/auth-form/index.ts"',children:'export { Form } from "./ui"\nexport * as model from "./model"\n'})}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-ts",metastring:'title="features/post-form/index.ts"',children:'export { Form } from "./ui"\nexport * as model from "./model"\n'})}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-diff",children:'- import { Form, model } from "features/auth-form"\n- import { Form, model } from "features/post-form"\n'})}),"\n"]}),"\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Good:"})," the collision is solved at the interface level"]}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-ts",metastring:'title="features/auth-form/index.ts"',children:'export { Form as AuthForm } from "./ui"\nexport * as authFormModel from "./model"\n'})}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-ts",metastring:'title="features/post-form/index.ts"',children:'export { Form as PostForm } from "./ui"\nexport * as postFormModel from "./model"\n'})}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-diff",children:'+ import { AuthForm, authFormModel } from "features/auth-form"\n+ import { PostForm, postFormModel } from "features/post-form"\n'})}),"\n"]}),"\n"]}),"\n",(0,t.jsx)(n.h5,{id:"flexible-use",children:"Flexible use"}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Bad:"}),' it is inconvenient to write, it is inconvenient to read, the" user " of the feature suffers']}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-diff",children:'- import { storeActionUpdateUserDetails } from "features/auth-form"\n- dispatch(storeActionUpdateUserDetails(...))\n'})}),"\n"]}),"\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Good:"}),' the "user" of the feature gets access to the necessary things iteratively and flexibly']}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-diff",children:'+ import { authFormModel } from "features/auth-form"\n+ dispatch(authFormModel.effects.updateUserDetails(...)) // redux\n+ authFormModel.updateUserDetailsFx(...) // effector\n'})}),"\n"]}),"\n"]}),"\n",(0,t.jsx)(n.h5,{id:"resolution-of-collisions",children:"Resolution of collisions"}),"\n",(0,t.jsx)(n.p,{children:"Name collisions should be resolved at the level of the public interface, not the implementation"}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Bad:"})," name collisions are resolved at the implementation level"]}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-ts",metastring:'title="features/auth-form/index.ts"',children:'export { AuthForm } from "./ui"\nexport { authFormActions, authFormReducer } from "model"\n'})}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-ts",metastring:'title="features/post-form/index.ts"',children:'export { PostForm } from "./ui"\nexport { postFormActions, postFormReducer } from "model"\n'})}),"\n"]}),"\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Good:"})," name collisions are resolved at the interface level"]}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-ts",metastring:'title="features/auth-form/model.ts"',children:"export { actions, reducer }\n"})}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-ts",metastring:'title="features/auth-form/index.ts"',children:'export { Form as AuthForm } from "./ui"\nexport * as authFormModel from "./model"\n'})}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-ts",metastring:'title="features/post-form/model.ts"',children:"export { actions, reducer }\n"})}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-ts",metastring:'title="features/post-form/index.ts"',children:'export { Form as PostForm } from "./ui"\nexport * as postFormModel from "./model"\n'})}),"\n"]}),"\n"]}),"\n",(0,t.jsx)(n.h2,{id:"about-re-exports",children:"About re-exports"}),"\n",(0,t.jsxs)(n.p,{children:["In JavaScript, the public interface of a module is created by re-exporting entities from inside the module in an ",(0,t.jsx)(n.code,{children:"index"})," file:"]}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-ts",metastring:'title="**/**/index.ts"',children:'export { Form as AuthForm } from "./ui"\nexport * as authModel from "./model"\n'})}),"\n",(0,t.jsx)(n.h3,{id:"disadvantages",children:"Disadvantages"}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsxs)(n.p,{children:["In most popular bundlers, due to re-exports, ",(0,t.jsx)(n.strong,{children:"the code-splitting works worse"}),", because ",(0,t.jsx)(n.a,{href:"https://webpack.js.org/guides/tree-shaking/",children:"tree-shaking"})," with this approach, it is safe to discard only the entire module, but not part of it."]}),"\n",(0,t.jsxs)(n.blockquote,{children:["\n",(0,t.jsxs)(n.p,{children:["For example, importing ",(0,t.jsx)(n.code,{children:"authModel"})," into the page model will cause the ",(0,t.jsx)(n.code,{children:"AuthForm"})," component to get into the chunk of this page, even if this component is not used there."]}),"\n"]}),"\n"]}),"\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsx)(n.p,{children:'As a result, initialization of the chunk becomes more expensive, because the browser must process all the modules in it, including those that got into the bundle "for the company"'}),"\n"]}),"\n"]}),"\n",(0,t.jsx)(n.h3,{id:"possible-solutions",children:"Possible solutions"}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsxs)(n.li,{children:[(0,t.jsx)(n.code,{children:"webpack"})," allows you to mark re-export files as ",(0,t.jsx)(n.a,{href:"https://webpack.js.org/guides/tree-shaking/#mark-the-file-as-side-effect-free",children:(0,t.jsx)(n.strong,{children:"side effects free"})})," - this allows ",(0,t.jsx)(n.code,{children:"webpack"})," to use more aggressive optimizations when working with such a file"]}),"\n"]}),"\n",(0,t.jsx)(n.h2,{id:"see-also",children:"See also"}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsx)(n.li,{children:(0,t.jsx)(n.a,{href:"https://github.com/feature-sliced/documentation/discussions/41",children:"(Discussion) Public Abstraction API"})}),"\n",(0,t.jsx)(n.li,{children:(0,t.jsxs)(n.a,{href:"https://ru.wikipedia.org/wiki/SOLID",children:["Principles ",(0,t.jsx)(n.strong,{children:"SOLID"})]})}),"\n",(0,t.jsx)(n.li,{children:(0,t.jsxs)(n.a,{href:"https://ru.wikipedia.org/wiki/GRASP",children:["Patterns ",(0,t.jsx)(n.strong,{children:"GRASP"})]})}),"\n"]})]})}function h(e={}){const{wrapper:n}={...(0,i.R)(),...e.components};return n?(0,t.jsx)(n,{...e,children:(0,t.jsx)(d,{...e})}):d(e)}},1100:(e,n,s)=>{s.d(n,{R:()=>o,x:()=>l});var t=s(758);const i={},r=t.createContext(i);function o(e){const n=t.useContext(r);return t.useMemo((function(){return"function"==typeof e?e(n):{...n,...e}}),[n,e])}function l(e){let n;return n=e.disableParentContext?"function"==typeof e.components?e.components(i):e.components||i:o(e.components),t.createElement(r.Provider,{value:n},e.children)}}}]);
\ No newline at end of file
diff --git a/assets/js/3ef5053a.c16f46f1.js b/assets/js/3ef5053a.abadadea.js
similarity index 98%
rename from assets/js/3ef5053a.c16f46f1.js
rename to assets/js/3ef5053a.abadadea.js
index 7fa2830d19..b2598e0e81 100644
--- a/assets/js/3ef5053a.c16f46f1.js
+++ b/assets/js/3ef5053a.abadadea.js
@@ -1,2 +1,2 @@
-/*! For license information please see 3ef5053a.c16f46f1.js.LICENSE.txt */
-"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[4513],{923:(e,t,n)=>{n.d(t,{A:()=>o});var c=n(991),s=n(758);const r={icon:{tag:"svg",attrs:{viewBox:"64 64 896 896",focusable:"false"},children:[{tag:"path",attrs:{d:"M917.7 148.8l-42.4-42.4c-1.6-1.6-3.6-2.3-5.7-2.3s-4.1.8-5.7 2.3l-76.1 76.1a199.27 199.27 0 00-112.1-34.3c-51.2 0-102.4 19.5-141.5 58.6L432.3 308.7a8.03 8.03 0 000 11.3L704 591.7c1.6 1.6 3.6 2.3 5.7 2.3 2 0 4.1-.8 5.7-2.3l101.9-101.9c68.9-69 77-175.7 24.3-253.5l76.1-76.1c3.1-3.2 3.1-8.3 0-11.4zM769.1 441.7l-59.4 59.4-186.8-186.8 59.4-59.4c24.9-24.9 58.1-38.7 93.4-38.7 35.3 0 68.4 13.7 93.4 38.7 24.9 24.9 38.7 58.1 38.7 93.4 0 35.3-13.8 68.4-38.7 93.4zm-190.2 105a8.03 8.03 0 00-11.3 0L501 613.3 410.7 523l66.7-66.7c3.1-3.1 3.1-8.2 0-11.3L441 408.6a8.03 8.03 0 00-11.3 0L363 475.3l-43-43a7.85 7.85 0 00-5.7-2.3c-2 0-4.1.8-5.7 2.3L206.8 534.2c-68.9 69-77 175.7-24.3 253.5l-76.1 76.1a8.03 8.03 0 000 11.3l42.4 42.4c1.6 1.6 3.6 2.3 5.7 2.3s4.1-.8 5.7-2.3l76.1-76.1c33.7 22.9 72.9 34.3 112.1 34.3 51.2 0 102.4-19.5 141.5-58.6l101.9-101.9c3.1-3.1 3.1-8.2 0-11.3l-43-43 66.7-66.7c3.1-3.1 3.1-8.2 0-11.3l-36.6-36.2zM441.7 769.1a131.32 131.32 0 01-93.4 38.7c-35.3 0-68.4-13.7-93.4-38.7a131.32 131.32 0 01-38.7-93.4c0-35.3 13.7-68.4 38.7-93.4l59.4-59.4 186.8 186.8-59.4 59.4z"}}]},name:"api",theme:"outlined"};var a=n(9820),i=function(e,t){return s.createElement(a.A,(0,c.A)({},e,{ref:t,icon:r}))};const o=s.forwardRef(i)},7946:(e,t,n)=>{n.d(t,{Ay:()=>o,RM:()=>a});var c=n(6070),s=n(1100),r=n(5988);const a=[];function i(e){return(0,c.jsx)(r.A,{...e})}function o(e={}){const{wrapper:t}={...(0,s.R)(),...e.components};return t?(0,c.jsx)(t,{...e,children:(0,c.jsx)(i,{...e})}):i(e)}},8039:(e,t,n)=>{n.r(t),n.d(t,{assets:()=>A,contentTitle:()=>j,default:()=>M,frontMatter:()=>_,metadata:()=>z,toc:()=>b});var c=n(6070),s=n(1100),r=n(7946),a=n(991),i=n(758);const o={icon:{tag:"svg",attrs:{viewBox:"64 64 896 896",focusable:"false"},children:[{tag:"defs",attrs:{},children:[{tag:"style",attrs:{}}]},{tag:"path",attrs:{d:"M912 820.1V203.9c28-9.9 48-36.6 48-67.9 0-39.8-32.2-72-72-72-31.3 0-58 20-67.9 48H203.9C194 84 167.3 64 136 64c-39.8 0-72 32.2-72 72 0 31.3 20 58 48 67.9v616.2C84 830 64 856.7 64 888c0 39.8 32.2 72 72 72 31.3 0 58-20 67.9-48h616.2c9.9 28 36.6 48 67.9 48 39.8 0 72-32.2 72-72 0-31.3-20-58-48-67.9zM888 112c13.3 0 24 10.7 24 24s-10.7 24-24 24-24-10.7-24-24 10.7-24 24-24zM136 912c-13.3 0-24-10.7-24-24s10.7-24 24-24 24 10.7 24 24-10.7 24-24 24zm0-752c-13.3 0-24-10.7-24-24s10.7-24 24-24 24 10.7 24 24-10.7 24-24 24zm704 680H184V184h656v656zm48 72c-13.3 0-24-10.7-24-24s10.7-24 24-24 24 10.7 24 24-10.7 24-24 24z"}},{tag:"path",attrs:{d:"M288 474h448c8.8 0 16-7.2 16-16V282c0-8.8-7.2-16-16-16H288c-8.8 0-16 7.2-16 16v176c0 8.8 7.2 16 16 16zm56-136h336v64H344v-64zm-56 420h448c8.8 0 16-7.2 16-16V566c0-8.8-7.2-16-16-16H288c-8.8 0-16 7.2-16 16v176c0 8.8 7.2 16 16 16zm56-136h336v64H344v-64z"}}]},name:"group",theme:"outlined"};var l=n(9820),d=function(e,t){return i.createElement(l.A,(0,a.A)({},e,{ref:t,icon:o}))};const f=i.forwardRef(d);const u={icon:{tag:"svg",attrs:{viewBox:"64 64 896 896",focusable:"false"},children:[{tag:"path",attrs:{d:"M464 144H160c-8.8 0-16 7.2-16 16v304c0 8.8 7.2 16 16 16h304c8.8 0 16-7.2 16-16V160c0-8.8-7.2-16-16-16zm-52 268H212V212h200v200zm452-268H560c-8.8 0-16 7.2-16 16v304c0 8.8 7.2 16 16 16h304c8.8 0 16-7.2 16-16V160c0-8.8-7.2-16-16-16zm-52 268H612V212h200v200zM464 544H160c-8.8 0-16 7.2-16 16v304c0 8.8 7.2 16 16 16h304c8.8 0 16-7.2 16-16V560c0-8.8-7.2-16-16-16zm-52 268H212V612h200v200zm452-268H560c-8.8 0-16 7.2-16 16v304c0 8.8 7.2 16 16 16h304c8.8 0 16-7.2 16-16V560c0-8.8-7.2-16-16-16zm-52 268H612V612h200v200z"}}]},name:"appstore",theme:"outlined"};var m=function(e,t){return i.createElement(l.A,(0,a.A)({},e,{ref:t,icon:u}))};const p=i.forwardRef(m);const h={icon:{tag:"svg",attrs:{viewBox:"64 64 896 896",focusable:"false"},children:[{tag:"defs",attrs:{},children:[{tag:"style",attrs:{}}]},{tag:"path",attrs:{d:"M843.5 737.4c-12.4-75.2-79.2-129.1-155.3-125.4S550.9 676 546 752c-153.5-4.8-208-40.7-199.1-113.7 3.3-27.3 19.8-41.9 50.1-49 18.4-4.3 38.8-4.9 57.3-3.2 1.7.2 3.5.3 5.2.5 11.3 2.7 22.8 5 34.3 6.8 34.1 5.6 68.8 8.4 101.8 6.6 92.8-5 156-45.9 159.2-132.7 3.1-84.1-54.7-143.7-147.9-183.6-29.9-12.8-61.6-22.7-93.3-30.2-14.3-3.4-26.3-5.7-35.2-7.2-7.9-75.9-71.5-133.8-147.8-134.4-76.3-.6-140.9 56.1-150.1 131.9s40 146.3 114.2 163.9c74.2 17.6 149.9-23.3 175.7-95.1 9.4 1.7 18.7 3.6 28 5.8 28.2 6.6 56.4 15.4 82.4 26.6 70.7 30.2 109.3 70.1 107.5 119.9-1.6 44.6-33.6 65.2-96.2 68.6-27.5 1.5-57.6-.9-87.3-5.8-8.3-1.4-15.9-2.8-22.6-4.3-3.9-.8-6.6-1.5-7.8-1.8l-3.1-.6c-2.2-.3-5.9-.8-10.7-1.3-25-2.3-52.1-1.5-78.5 4.6-55.2 12.9-93.9 47.2-101.1 105.8-15.7 126.2 78.6 184.7 276 188.9 29.1 70.4 106.4 107.9 179.6 87 73.3-20.9 119.3-93.4 106.9-168.6zM329.1 345.2a83.3 83.3 0 11.01-166.61 83.3 83.3 0 01-.01 166.61zM695.6 845a83.3 83.3 0 11.01-166.61A83.3 83.3 0 01695.6 845z"}}]},name:"node-index",theme:"outlined"};var x=function(e,t){return i.createElement(l.A,(0,a.A)({},e,{ref:t,icon:h}))};const v=i.forwardRef(x);var g=n(923);const _={sidebar_position:0,hide_table_of_contents:!0,pagination_prev:"guides/index"},j="\ud83d\udcda Reference",z={id:"reference/index",title:"\ud83d\udcda Reference",description:"A detailed description of the key concepts of Feature-Sliced Design.",source:"@site/i18n/en/docusaurus-plugin-content-docs/current/reference/index.mdx",sourceDirName:"reference",slug:"/reference/",permalink:"/docs/reference/",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/reference/index.mdx",tags:[],version:"current",lastUpdatedAt:1727607766e3,sidebarPosition:0,frontMatter:{sidebar_position:0,hide_table_of_contents:!0,pagination_prev:"guides/index"},sidebar:"referenceSidebar",previous:{title:"\ud83c\udfaf Guides",permalink:"/docs/guides/"},next:{title:"Layers",permalink:"/docs/reference/layers"}},A={},b=[...r.RM,...r.RM,...r.RM,...r.RM];function y(e){const t={h1:"h1",header:"header",p:"p",...(0,s.R)(),...e.components};return(0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)(t.header,{children:(0,c.jsx)(t.h1,{id:"-reference",children:"\ud83d\udcda Reference"})}),"\n",(0,c.jsx)("p",{class:"summary",children:(0,c.jsx)(t.p,{children:"A detailed description of the key concepts of Feature-Sliced Design."})}),"\n",(0,c.jsx)(r.Ay,{title:"Layers",description:"Definition of a layer and explanations for all layers",to:"/docs/reference/layers",Icon:f}),"\n",(0,c.jsx)(r.Ay,{title:"Slices and segments",description:"Definitions of a slice and segment, content examples for segments on different layers",to:"/docs/reference/slices-segments",Icon:p}),"\n",(0,c.jsx)(r.Ay,{title:"Isolation",description:"Pratices for scalable and efficient module interactions",to:"/docs/reference/isolation",Icon:v}),"\n",(0,c.jsx)(r.Ay,{title:"Public API",description:"Practices for designing scalable and easy-to-integrate modules",to:"/docs/reference/public-api",Icon:g.A})]})}function M(e={}){const{wrapper:t}={...(0,s.R)(),...e.components};return t?(0,c.jsx)(t,{...e,children:(0,c.jsx)(y,{...e})}):y(e)}},5988:(e,t,n)=>{n.d(t,{Y:()=>i,A:()=>l});n(758);var c=n(3526),s=n(6783);const r={root:"root_GfON",rootDisabled:"rootDisabled_SFUB",details:"details_xxkR",detailsTags:"detailsTags_uTQx",icon:"icon_ciqP",title:"title_pSH5",description:"description__Fep",miniTheme:"miniTheme_ePfp",primaryTheme:"primaryTheme_CilO",defaultTheme:"defaultTheme_j3I8"};var a=n(6070);const i=e=>{const{title:t,description:n,to:i,Icon:l,tags:d,className:f,disabled:u,theme:m="default"}=e;return(0,a.jsxs)(s.A,{className:(0,c.A)(r.root,f,u&&r.rootDisabled,r[`${m}Theme`]),to:i,children:[(0,a.jsx)(o,{Icon:l}),(0,a.jsxs)("div",{className:r.details,children:[(0,a.jsxs)("div",{className:r.detailsMain,children:[(0,a.jsx)("span",{className:r.title,children:t}),(0,a.jsx)("p",{className:r.description,children:n})]}),d&&(0,a.jsx)("div",{className:r.detailsTags,children:d.join(" \u2022 ")})]})]})},o=e=>{let{Icon:t}=e;return t?"string"==typeof t?(0,a.jsx)("span",{className:r.icon,children:t}):(0,a.jsx)(t,{className:r.icon}):null},l=i},1100:(e,t,n)=>{n.d(t,{R:()=>a,x:()=>i});var c=n(758);const s={},r=c.createContext(s);function a(e){const t=c.useContext(r);return c.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function i(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(s):e.components||s:a(e.components),c.createElement(r.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
+/*! For license information please see 3ef5053a.abadadea.js.LICENSE.txt */
+"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[4513],{923:(e,t,n)=>{n.d(t,{A:()=>o});var c=n(991),s=n(758);const r={icon:{tag:"svg",attrs:{viewBox:"64 64 896 896",focusable:"false"},children:[{tag:"path",attrs:{d:"M917.7 148.8l-42.4-42.4c-1.6-1.6-3.6-2.3-5.7-2.3s-4.1.8-5.7 2.3l-76.1 76.1a199.27 199.27 0 00-112.1-34.3c-51.2 0-102.4 19.5-141.5 58.6L432.3 308.7a8.03 8.03 0 000 11.3L704 591.7c1.6 1.6 3.6 2.3 5.7 2.3 2 0 4.1-.8 5.7-2.3l101.9-101.9c68.9-69 77-175.7 24.3-253.5l76.1-76.1c3.1-3.2 3.1-8.3 0-11.4zM769.1 441.7l-59.4 59.4-186.8-186.8 59.4-59.4c24.9-24.9 58.1-38.7 93.4-38.7 35.3 0 68.4 13.7 93.4 38.7 24.9 24.9 38.7 58.1 38.7 93.4 0 35.3-13.8 68.4-38.7 93.4zm-190.2 105a8.03 8.03 0 00-11.3 0L501 613.3 410.7 523l66.7-66.7c3.1-3.1 3.1-8.2 0-11.3L441 408.6a8.03 8.03 0 00-11.3 0L363 475.3l-43-43a7.85 7.85 0 00-5.7-2.3c-2 0-4.1.8-5.7 2.3L206.8 534.2c-68.9 69-77 175.7-24.3 253.5l-76.1 76.1a8.03 8.03 0 000 11.3l42.4 42.4c1.6 1.6 3.6 2.3 5.7 2.3s4.1-.8 5.7-2.3l76.1-76.1c33.7 22.9 72.9 34.3 112.1 34.3 51.2 0 102.4-19.5 141.5-58.6l101.9-101.9c3.1-3.1 3.1-8.2 0-11.3l-43-43 66.7-66.7c3.1-3.1 3.1-8.2 0-11.3l-36.6-36.2zM441.7 769.1a131.32 131.32 0 01-93.4 38.7c-35.3 0-68.4-13.7-93.4-38.7a131.32 131.32 0 01-38.7-93.4c0-35.3 13.7-68.4 38.7-93.4l59.4-59.4 186.8 186.8-59.4 59.4z"}}]},name:"api",theme:"outlined"};var a=n(9820),i=function(e,t){return s.createElement(a.A,(0,c.A)({},e,{ref:t,icon:r}))};const o=s.forwardRef(i)},7946:(e,t,n)=>{n.d(t,{Ay:()=>o,RM:()=>a});var c=n(6070),s=n(1100),r=n(5988);const a=[];function i(e){return(0,c.jsx)(r.A,{...e})}function o(e={}){const{wrapper:t}={...(0,s.R)(),...e.components};return t?(0,c.jsx)(t,{...e,children:(0,c.jsx)(i,{...e})}):i(e)}},8039:(e,t,n)=>{n.r(t),n.d(t,{assets:()=>A,contentTitle:()=>j,default:()=>M,frontMatter:()=>_,metadata:()=>z,toc:()=>b});var c=n(6070),s=n(1100),r=n(7946),a=n(991),i=n(758);const o={icon:{tag:"svg",attrs:{viewBox:"64 64 896 896",focusable:"false"},children:[{tag:"defs",attrs:{},children:[{tag:"style",attrs:{}}]},{tag:"path",attrs:{d:"M912 820.1V203.9c28-9.9 48-36.6 48-67.9 0-39.8-32.2-72-72-72-31.3 0-58 20-67.9 48H203.9C194 84 167.3 64 136 64c-39.8 0-72 32.2-72 72 0 31.3 20 58 48 67.9v616.2C84 830 64 856.7 64 888c0 39.8 32.2 72 72 72 31.3 0 58-20 67.9-48h616.2c9.9 28 36.6 48 67.9 48 39.8 0 72-32.2 72-72 0-31.3-20-58-48-67.9zM888 112c13.3 0 24 10.7 24 24s-10.7 24-24 24-24-10.7-24-24 10.7-24 24-24zM136 912c-13.3 0-24-10.7-24-24s10.7-24 24-24 24 10.7 24 24-10.7 24-24 24zm0-752c-13.3 0-24-10.7-24-24s10.7-24 24-24 24 10.7 24 24-10.7 24-24 24zm704 680H184V184h656v656zm48 72c-13.3 0-24-10.7-24-24s10.7-24 24-24 24 10.7 24 24-10.7 24-24 24z"}},{tag:"path",attrs:{d:"M288 474h448c8.8 0 16-7.2 16-16V282c0-8.8-7.2-16-16-16H288c-8.8 0-16 7.2-16 16v176c0 8.8 7.2 16 16 16zm56-136h336v64H344v-64zm-56 420h448c8.8 0 16-7.2 16-16V566c0-8.8-7.2-16-16-16H288c-8.8 0-16 7.2-16 16v176c0 8.8 7.2 16 16 16zm56-136h336v64H344v-64z"}}]},name:"group",theme:"outlined"};var l=n(9820),d=function(e,t){return i.createElement(l.A,(0,a.A)({},e,{ref:t,icon:o}))};const f=i.forwardRef(d);const u={icon:{tag:"svg",attrs:{viewBox:"64 64 896 896",focusable:"false"},children:[{tag:"path",attrs:{d:"M464 144H160c-8.8 0-16 7.2-16 16v304c0 8.8 7.2 16 16 16h304c8.8 0 16-7.2 16-16V160c0-8.8-7.2-16-16-16zm-52 268H212V212h200v200zm452-268H560c-8.8 0-16 7.2-16 16v304c0 8.8 7.2 16 16 16h304c8.8 0 16-7.2 16-16V160c0-8.8-7.2-16-16-16zm-52 268H612V212h200v200zM464 544H160c-8.8 0-16 7.2-16 16v304c0 8.8 7.2 16 16 16h304c8.8 0 16-7.2 16-16V560c0-8.8-7.2-16-16-16zm-52 268H212V612h200v200zm452-268H560c-8.8 0-16 7.2-16 16v304c0 8.8 7.2 16 16 16h304c8.8 0 16-7.2 16-16V560c0-8.8-7.2-16-16-16zm-52 268H612V612h200v200z"}}]},name:"appstore",theme:"outlined"};var m=function(e,t){return i.createElement(l.A,(0,a.A)({},e,{ref:t,icon:u}))};const p=i.forwardRef(m);const h={icon:{tag:"svg",attrs:{viewBox:"64 64 896 896",focusable:"false"},children:[{tag:"defs",attrs:{},children:[{tag:"style",attrs:{}}]},{tag:"path",attrs:{d:"M843.5 737.4c-12.4-75.2-79.2-129.1-155.3-125.4S550.9 676 546 752c-153.5-4.8-208-40.7-199.1-113.7 3.3-27.3 19.8-41.9 50.1-49 18.4-4.3 38.8-4.9 57.3-3.2 1.7.2 3.5.3 5.2.5 11.3 2.7 22.8 5 34.3 6.8 34.1 5.6 68.8 8.4 101.8 6.6 92.8-5 156-45.9 159.2-132.7 3.1-84.1-54.7-143.7-147.9-183.6-29.9-12.8-61.6-22.7-93.3-30.2-14.3-3.4-26.3-5.7-35.2-7.2-7.9-75.9-71.5-133.8-147.8-134.4-76.3-.6-140.9 56.1-150.1 131.9s40 146.3 114.2 163.9c74.2 17.6 149.9-23.3 175.7-95.1 9.4 1.7 18.7 3.6 28 5.8 28.2 6.6 56.4 15.4 82.4 26.6 70.7 30.2 109.3 70.1 107.5 119.9-1.6 44.6-33.6 65.2-96.2 68.6-27.5 1.5-57.6-.9-87.3-5.8-8.3-1.4-15.9-2.8-22.6-4.3-3.9-.8-6.6-1.5-7.8-1.8l-3.1-.6c-2.2-.3-5.9-.8-10.7-1.3-25-2.3-52.1-1.5-78.5 4.6-55.2 12.9-93.9 47.2-101.1 105.8-15.7 126.2 78.6 184.7 276 188.9 29.1 70.4 106.4 107.9 179.6 87 73.3-20.9 119.3-93.4 106.9-168.6zM329.1 345.2a83.3 83.3 0 11.01-166.61 83.3 83.3 0 01-.01 166.61zM695.6 845a83.3 83.3 0 11.01-166.61A83.3 83.3 0 01695.6 845z"}}]},name:"node-index",theme:"outlined"};var x=function(e,t){return i.createElement(l.A,(0,a.A)({},e,{ref:t,icon:h}))};const v=i.forwardRef(x);var g=n(923);const _={sidebar_position:0,hide_table_of_contents:!0,pagination_prev:"guides/index"},j="\ud83d\udcda Reference",z={id:"reference/index",title:"\ud83d\udcda Reference",description:"A detailed description of the key concepts of Feature-Sliced Design.",source:"@site/i18n/en/docusaurus-plugin-content-docs/current/reference/index.mdx",sourceDirName:"reference",slug:"/reference/",permalink:"/docs/reference/",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/reference/index.mdx",tags:[],version:"current",lastUpdatedAt:1728325386e3,sidebarPosition:0,frontMatter:{sidebar_position:0,hide_table_of_contents:!0,pagination_prev:"guides/index"},sidebar:"referenceSidebar",previous:{title:"\ud83c\udfaf Guides",permalink:"/docs/guides/"},next:{title:"Layers",permalink:"/docs/reference/layers"}},A={},b=[...r.RM,...r.RM,...r.RM,...r.RM];function y(e){const t={h1:"h1",header:"header",p:"p",...(0,s.R)(),...e.components};return(0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)(t.header,{children:(0,c.jsx)(t.h1,{id:"-reference",children:"\ud83d\udcda Reference"})}),"\n",(0,c.jsx)("p",{class:"summary",children:(0,c.jsx)(t.p,{children:"A detailed description of the key concepts of Feature-Sliced Design."})}),"\n",(0,c.jsx)(r.Ay,{title:"Layers",description:"Definition of a layer and explanations for all layers",to:"/docs/reference/layers",Icon:f}),"\n",(0,c.jsx)(r.Ay,{title:"Slices and segments",description:"Definitions of a slice and segment, content examples for segments on different layers",to:"/docs/reference/slices-segments",Icon:p}),"\n",(0,c.jsx)(r.Ay,{title:"Isolation",description:"Pratices for scalable and efficient module interactions",to:"/docs/reference/isolation",Icon:v}),"\n",(0,c.jsx)(r.Ay,{title:"Public API",description:"Practices for designing scalable and easy-to-integrate modules",to:"/docs/reference/public-api",Icon:g.A})]})}function M(e={}){const{wrapper:t}={...(0,s.R)(),...e.components};return t?(0,c.jsx)(t,{...e,children:(0,c.jsx)(y,{...e})}):y(e)}},5988:(e,t,n)=>{n.d(t,{Y:()=>i,A:()=>l});n(758);var c=n(3526),s=n(6783);const r={root:"root_GfON",rootDisabled:"rootDisabled_SFUB",details:"details_xxkR",detailsTags:"detailsTags_uTQx",icon:"icon_ciqP",title:"title_pSH5",description:"description__Fep",miniTheme:"miniTheme_ePfp",primaryTheme:"primaryTheme_CilO",defaultTheme:"defaultTheme_j3I8"};var a=n(6070);const i=e=>{const{title:t,description:n,to:i,Icon:l,tags:d,className:f,disabled:u,theme:m="default"}=e;return(0,a.jsxs)(s.A,{className:(0,c.A)(r.root,f,u&&r.rootDisabled,r[`${m}Theme`]),to:i,children:[(0,a.jsx)(o,{Icon:l}),(0,a.jsxs)("div",{className:r.details,children:[(0,a.jsxs)("div",{className:r.detailsMain,children:[(0,a.jsx)("span",{className:r.title,children:t}),(0,a.jsx)("p",{className:r.description,children:n})]}),d&&(0,a.jsx)("div",{className:r.detailsTags,children:d.join(" \u2022 ")})]})]})},o=e=>{let{Icon:t}=e;return t?"string"==typeof t?(0,a.jsx)("span",{className:r.icon,children:t}):(0,a.jsx)(t,{className:r.icon}):null},l=i},1100:(e,t,n)=>{n.d(t,{R:()=>a,x:()=>i});var c=n(758);const s={},r=c.createContext(s);function a(e){const t=c.useContext(r);return c.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function i(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(s):e.components||s:a(e.components),c.createElement(r.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
diff --git a/assets/js/3ef5053a.c16f46f1.js.LICENSE.txt b/assets/js/3ef5053a.abadadea.js.LICENSE.txt
similarity index 100%
rename from assets/js/3ef5053a.c16f46f1.js.LICENSE.txt
rename to assets/js/3ef5053a.abadadea.js.LICENSE.txt
diff --git a/assets/js/40babe1d.ce9d795c.js b/assets/js/40babe1d.b3927de2.js
similarity index 99%
rename from assets/js/40babe1d.ce9d795c.js
rename to assets/js/40babe1d.b3927de2.js
index 031f1ee7e5..82d69169d5 100644
--- a/assets/js/40babe1d.ce9d795c.js
+++ b/assets/js/40babe1d.b3927de2.js
@@ -1 +1 @@
-"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[5244],{3786:(e,s,i)=>{i.r(s),i.d(s,{assets:()=>o,contentTitle:()=>l,default:()=>h,frontMatter:()=>r,metadata:()=>a,toc:()=>d});var n=i(6070),t=i(1100);const r={sidebar_position:1,pagination_next:"reference/slices-segments"},l="Layers",a={id:"reference/layers",title:"Layers",description:"Layers are the first level of organisational hierarchy in Feature-Sliced Design. Their purpose is to separate code based on how much responsibility it needs and how many other modules in the app it depends on.",source:"@site/i18n/en/docusaurus-plugin-content-docs/current/reference/layers.mdx",sourceDirName:"reference",slug:"/reference/layers",permalink:"/docs/reference/layers",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/reference/layers.mdx",tags:[],version:"current",lastUpdatedAt:1727607766e3,sidebarPosition:1,frontMatter:{sidebar_position:1,pagination_next:"reference/slices-segments"},sidebar:"referenceSidebar",previous:{title:"\ud83d\udcda Reference",permalink:"/docs/reference/"},next:{title:"Slices and segments",permalink:"/docs/reference/slices-segments"}},o={},d=[{value:"Import rule on layers",id:"import-rule-on-layers",level:2},{value:"Layer definitions",id:"layer-definitions",level:2},{value:"Shared",id:"shared",level:3},{value:"Entities",id:"entities",level:3},{value:"Features",id:"features",level:3},{value:"Widgets",id:"widgets",level:3},{value:"Pages",id:"pages",level:3},{value:"Processes",id:"processes",level:3},{value:"App",id:"app",level:3}];function c(e){const s={a:"a",admonition:"admonition",blockquote:"blockquote",code:"code",em:"em",h1:"h1",h2:"h2",h3:"h3",header:"header",li:"li",ol:"ol",p:"p",strong:"strong",ul:"ul",...(0,t.R)(),...e.components};return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(s.header,{children:(0,n.jsx)(s.h1,{id:"layers",children:"Layers"})}),"\n",(0,n.jsx)(s.p,{children:"Layers are the first level of organisational hierarchy in Feature-Sliced Design. Their purpose is to separate code based on how much responsibility it needs and how many other modules in the app it depends on."}),"\n",(0,n.jsx)(s.admonition,{type:"note",children:(0,n.jsxs)(s.p,{children:["On this page, a ",(0,n.jsx)(s.em,{children:"module"})," refers to an internal module in the application \u2014 a file or directory with an index file. Not to be confused with npm packages."]})}),"\n",(0,n.jsx)(s.p,{children:"Every layer carries special semantic meaning to help you determine how much responsibility you should allocate to a module in your code. The names and meanings of layers are standardized across all projects built with Feature-Sliced Design."}),"\n",(0,n.jsxs)(s.p,{children:["There are ",(0,n.jsx)(s.strong,{children:"7 layers"})," in total, arranged from most responsibility and\xa0dependency to least:"]}),"\n",(0,n.jsx)("img",{src:"/img/layers/folders-graphic-light.svg#light-mode-only",width:"180",style:{float:"right",margin:"0 1em"},alt:"A file system tree, with a single root folder called src and then seven subfolders: app, processes, pages, widgets, features, entities, shared. The processes folder is slightly faded out."}),"\n",(0,n.jsx)("img",{src:"/img/layers/folders-graphic-dark.svg#dark-mode-only",width:"180",style:{float:"right",margin:"0 1em"},alt:"A file system tree, with a single root folder called src and then seven subfolders: app, processes, pages, widgets, features, entities, shared. The processes folder is slightly faded out."}),"\n",(0,n.jsxs)(s.ol,{children:["\n",(0,n.jsx)(s.li,{children:"App"}),"\n",(0,n.jsx)(s.li,{children:"Processes (deprecated)"}),"\n",(0,n.jsx)(s.li,{children:"Pages"}),"\n",(0,n.jsx)(s.li,{children:"Widgets"}),"\n",(0,n.jsx)(s.li,{children:"Features"}),"\n",(0,n.jsx)(s.li,{children:"Entities"}),"\n",(0,n.jsx)(s.li,{children:"Shared"}),"\n"]}),"\n",(0,n.jsx)(s.p,{children:"You don't have to use every layer in your project \u2014 only add them if you think it brings value to your project."}),"\n",(0,n.jsx)(s.h2,{id:"import-rule-on-layers",children:"Import rule on layers"}),"\n",(0,n.jsxs)(s.p,{children:["Layers are made up of ",(0,n.jsx)(s.em,{children:"slices"})," \u2014 highly cohesive groups of modules. Feature-Sliced Design promotes low coupling, which is why dependencies between slices are regulated by ",(0,n.jsx)(s.strong,{children:"the import rule on layers"}),":"]}),"\n",(0,n.jsxs)(s.blockquote,{children:["\n",(0,n.jsx)(s.p,{children:(0,n.jsx)(s.em,{children:"A module in a slice can only import other slices when they are located on layers strictly below."})}),"\n"]}),"\n",(0,n.jsxs)(s.p,{children:["For example, in ",(0,n.jsx)(s.code,{children:"~/features/aaa"}),", ",(0,n.jsx)(s.code,{children:"aaa"})," is the slice, so a file ",(0,n.jsx)(s.code,{children:"~/features/aaa/api/request.ts"})," cannot import code from any module in ",(0,n.jsx)(s.code,{children:"~/features/bbb"}),", but can import code from ",(0,n.jsx)(s.code,{children:"~/entities"})," and ",(0,n.jsx)(s.code,{children:"~/shared"}),", as well as any sibling code from ",(0,n.jsx)(s.code,{children:"~/features/aaa"}),"."]}),"\n",(0,n.jsx)(s.h2,{id:"layer-definitions",children:"Layer definitions"}),"\n",(0,n.jsx)(s.h3,{id:"shared",children:"Shared"}),"\n",(0,n.jsxs)(s.p,{children:["Isolated modules, components and abstractions that are detached from the specifics of the project or business.\nWarning: not to be treated like ",(0,n.jsx)(s.a,{href:"https://dev.to/sergeysova/why-utils-helpers-is-a-dump-45fo",children:"a utility dump"}),"!"]}),"\n",(0,n.jsx)(s.p,{children:"This layer, unlike others, does not consist of slices, and instead consists of segments directly."}),"\n",(0,n.jsxs)(s.p,{children:[(0,n.jsx)(s.strong,{children:"Content examples"}),":"]}),"\n",(0,n.jsxs)(s.ul,{children:["\n",(0,n.jsx)(s.li,{children:"UI kit"}),"\n",(0,n.jsx)(s.li,{children:"API client"}),"\n",(0,n.jsx)(s.li,{children:"Code working with browser APIs"}),"\n"]}),"\n",(0,n.jsx)(s.h3,{id:"entities",children:"Entities"}),"\n",(0,n.jsx)(s.p,{children:"Concepts from the real world that form together the essence of the project. Commonly, these are the terms that the business uses to describe the product."}),"\n",(0,n.jsx)(s.p,{children:"Each slice in this layer contains static UI elements, data stores and CRUD operations."}),"\n",(0,n.jsxs)(s.p,{children:[(0,n.jsx)(s.strong,{children:"Slice examples"}),":"]}),"\n",(0,n.jsxs)("table",{children:[(0,n.jsx)("thead",{children:(0,n.jsxs)("tr",{children:[(0,n.jsx)("th",{children:" For a social network "}),(0,n.jsx)("th",{children:" For a Git frontend (e.g., GitHub) "})]})}),(0,n.jsx)("tbody",{children:(0,n.jsxs)("tr",{children:[(0,n.jsx)("td",{children:(0,n.jsxs)("ul",{children:[(0,n.jsx)("li",{children:"User"}),(0,n.jsx)("li",{children:"Post"}),(0,n.jsx)("li",{children:"Group"})]})}),(0,n.jsx)("td",{children:(0,n.jsxs)("ul",{children:[(0,n.jsx)("li",{children:"Repository"}),(0,n.jsx)("li",{children:"File"}),(0,n.jsx)("li",{children:"Commit"})]})})]})})]}),"\n",(0,n.jsxs)(s.admonition,{type:"tip",children:[(0,n.jsxs)(s.p,{children:["You may notice in the example of a Git frontend that a ",(0,n.jsx)(s.em,{children:"repository"})," contains ",(0,n.jsx)(s.em,{children:"files"}),". This makes the repository a higher-level entity which has other entities nested inside. That is a common situation with entities, and sometimes it's hard to manage such higher-level entities without breaking the import rule on layers."]}),(0,n.jsx)(s.p,{children:"Here are a few suggestions to overcome this issue:"}),(0,n.jsxs)(s.ul,{children:["\n",(0,n.jsx)(s.li,{children:"The UI of entities should contain slots for places where the lower-level entities are to be inserted"}),"\n",(0,n.jsx)(s.li,{children:"The business logic related to entity interaction should be placed in features (most of the time)"}),"\n",(0,n.jsx)(s.li,{children:"The typings of database entities can be extracted to the Shared layer below, next to the API client"}),"\n"]})]}),"\n",(0,n.jsx)(s.h3,{id:"features",children:"Features"}),"\n",(0,n.jsx)(s.p,{children:"Actions that a user can make in the application to interact with the business entities to achieve a valuable outcome. This also includes actions that the app makes on behalf of the user to produce value for them."}),"\n",(0,n.jsxs)(s.p,{children:["Each slice in this layer can contain ",(0,n.jsx)(s.em,{children:"interactive"})," UI elements, internal state and API calls that enable value-producing actions."]}),"\n",(0,n.jsxs)(s.p,{children:[(0,n.jsx)(s.strong,{children:"Slice examples"}),":"]}),"\n",(0,n.jsxs)("table",{children:[(0,n.jsx)("thead",{children:(0,n.jsxs)("tr",{children:[(0,n.jsx)("th",{children:" For a social network "}),(0,n.jsx)("th",{children:" For a Git frontend (e.g., GitHub) "}),(0,n.jsx)("th",{children:" Actions on behalf of users "})]})}),(0,n.jsx)("tbody",{children:(0,n.jsxs)("tr",{children:[(0,n.jsx)("td",{children:(0,n.jsxs)("ul",{children:[(0,n.jsx)("li",{children:"Authenticate"}),(0,n.jsx)("li",{children:"Create a post"}),(0,n.jsx)("li",{children:"Join a group"})]})}),(0,n.jsx)("td",{children:(0,n.jsxs)("ul",{children:[(0,n.jsx)("li",{children:"Edit a file"}),(0,n.jsx)("li",{children:"Leave a comment"}),(0,n.jsx)("li",{children:"Merge branches"})]})}),(0,n.jsx)("td",{children:(0,n.jsxs)("ul",{children:[(0,n.jsx)("li",{children:"Detect dark mode"}),(0,n.jsx)("li",{children:"Perform background computation"}),(0,n.jsx)("li",{children:"User-Agent-based actions"})]})})]})})]}),"\n",(0,n.jsx)(s.h3,{id:"widgets",children:"Widgets"}),"\n",(0,n.jsx)(s.p,{children:"Self-sufficient UI blocks that emerged from the composition of lower-level units like entities and features."}),"\n",(0,n.jsx)(s.p,{children:"This layer provides a way to fill in the slots left in the UI of Entities with other Entities and interactive elements from Features. Therefore, it is common not to have business logic on this layer, instead keeping it in Features. Each slice in this layer contains ready-to-use UI components and sometimes non-business logic such as gestures, keyboard interaction, etc."}),"\n",(0,n.jsx)(s.p,{children:"Sometimes, however, it is more convenient to have business logic on this layer. Usually it happens when the widget is quite rich in interactivity (e.g., interactive data tables) and the business logic inside them is not used in other places."}),"\n",(0,n.jsxs)(s.p,{children:[(0,n.jsx)(s.strong,{children:"Slice examples"}),":"]}),"\n",(0,n.jsxs)("table",{children:[(0,n.jsx)("thead",{children:(0,n.jsxs)("tr",{children:[(0,n.jsx)("th",{children:" For a social network "}),(0,n.jsx)("th",{children:" For a Git frontend (e.g., GitHub) "})]})}),(0,n.jsx)("tbody",{children:(0,n.jsxs)("tr",{children:[(0,n.jsx)("td",{children:(0,n.jsxs)("ul",{children:[(0,n.jsx)("li",{children:"Post card"}),(0,n.jsx)("li",{children:"User profile header (with actions)"})]})}),(0,n.jsx)("td",{children:(0,n.jsxs)("ul",{children:[(0,n.jsx)("li",{children:"List of files in a repository (with actions)"}),(0,n.jsx)("li",{children:"Comment in a thread"}),(0,n.jsx)("li",{children:"Repository card"})]})})]})})]}),"\n",(0,n.jsx)(s.admonition,{type:"tip",children:(0,n.jsxs)(s.p,{children:["If you're using a nested routing system (e.g. the router of ",(0,n.jsx)(s.a,{href:"https://remix.run",children:"Remix"}),"), it may be helpful to use the Widgets layer in the same way as a flat routing system would use the Pages layer \u2014 to create complete interface blocks, complete with related data fetching, loading states, and error boundaries. In the same way, you can store page layouts on this layer."]})}),"\n",(0,n.jsx)(s.h3,{id:"pages",children:"Pages"}),"\n",(0,n.jsx)(s.p,{children:"Complete pages for a page-based application (like a website) or screens/activities for screen-based applications (like mobile apps)."}),"\n",(0,n.jsx)(s.p,{children:"This layer is similar to Widgets in its compositional nature, albeit on a larger scale. Each slice in this layer contains UI components that are ready to be plugged into a router and sometimes data-fetching logic and error handling."}),"\n",(0,n.jsxs)(s.p,{children:[(0,n.jsx)(s.strong,{children:"Slice examples"}),":"]}),"\n",(0,n.jsxs)("table",{children:[(0,n.jsx)("thead",{children:(0,n.jsxs)("tr",{children:[(0,n.jsx)("th",{children:" For a social network "}),(0,n.jsx)("th",{children:" For a Git frontend (e.g., GitHub) "})]})}),(0,n.jsx)("tbody",{children:(0,n.jsxs)("tr",{children:[(0,n.jsx)("td",{children:(0,n.jsxs)("ul",{children:[(0,n.jsx)("li",{children:"News feed"}),(0,n.jsx)("li",{children:"Community page"}),(0,n.jsx)("li",{children:"User's public profile"})]})}),(0,n.jsx)("td",{children:(0,n.jsxs)("ul",{children:[(0,n.jsx)("li",{children:"Repository page"}),(0,n.jsx)("li",{children:"User's repositories"}),(0,n.jsx)("li",{children:"Branches in a repository"})]})})]})})]}),"\n",(0,n.jsx)(s.h3,{id:"processes",children:"Processes"}),"\n",(0,n.jsx)(s.admonition,{type:"caution",children:(0,n.jsxs)(s.p,{children:["This layer has been deprecated. The current version of the spec recommends avoiding it and moving its contents to ",(0,n.jsx)(s.code,{children:"features"})," and ",(0,n.jsx)(s.code,{children:"app"})," instead."]})}),"\n",(0,n.jsx)(s.p,{children:"Escape hatches for multi-page interactions."}),"\n",(0,n.jsx)(s.p,{children:"This layer is deliberately left undefined. Most applications should not use this layer, and keep router-level and server-level logic on the App layer. Consider using this layer only when the App layer grows large enough to become unmaintainable and needs unloading."}),"\n",(0,n.jsx)(s.h3,{id:"app",children:"App"}),"\n",(0,n.jsx)(s.p,{children:"All kinds of app-wide matters, both in the technical sense (e.g., context providers) and in the business sense (e.g., analytics)."}),"\n",(0,n.jsx)(s.p,{children:"This layer usually doesn't contain slices, like Shared, instead having segments directly."}),"\n",(0,n.jsxs)(s.p,{children:[(0,n.jsx)(s.strong,{children:"Content examples"}),":"]}),"\n",(0,n.jsxs)(s.ul,{children:["\n",(0,n.jsx)(s.li,{children:"Styles"}),"\n",(0,n.jsx)(s.li,{children:"Routing"}),"\n",(0,n.jsx)(s.li,{children:"Store and other context providers"}),"\n",(0,n.jsx)(s.li,{children:"Analytics initialization"}),"\n"]})]})}function h(e={}){const{wrapper:s}={...(0,t.R)(),...e.components};return s?(0,n.jsx)(s,{...e,children:(0,n.jsx)(c,{...e})}):c(e)}},1100:(e,s,i)=>{i.d(s,{R:()=>l,x:()=>a});var n=i(758);const t={},r=n.createContext(t);function l(e){const s=n.useContext(r);return n.useMemo((function(){return"function"==typeof e?e(s):{...s,...e}}),[s,e])}function a(e){let s;return s=e.disableParentContext?"function"==typeof e.components?e.components(t):e.components||t:l(e.components),n.createElement(r.Provider,{value:s},e.children)}}}]);
\ No newline at end of file
+"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[5244],{3786:(e,s,i)=>{i.r(s),i.d(s,{assets:()=>o,contentTitle:()=>l,default:()=>h,frontMatter:()=>r,metadata:()=>a,toc:()=>d});var n=i(6070),t=i(1100);const r={sidebar_position:1,pagination_next:"reference/slices-segments"},l="Layers",a={id:"reference/layers",title:"Layers",description:"Layers are the first level of organisational hierarchy in Feature-Sliced Design. Their purpose is to separate code based on how much responsibility it needs and how many other modules in the app it depends on.",source:"@site/i18n/en/docusaurus-plugin-content-docs/current/reference/layers.mdx",sourceDirName:"reference",slug:"/reference/layers",permalink:"/docs/reference/layers",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/reference/layers.mdx",tags:[],version:"current",lastUpdatedAt:1728325386e3,sidebarPosition:1,frontMatter:{sidebar_position:1,pagination_next:"reference/slices-segments"},sidebar:"referenceSidebar",previous:{title:"\ud83d\udcda Reference",permalink:"/docs/reference/"},next:{title:"Slices and segments",permalink:"/docs/reference/slices-segments"}},o={},d=[{value:"Import rule on layers",id:"import-rule-on-layers",level:2},{value:"Layer definitions",id:"layer-definitions",level:2},{value:"Shared",id:"shared",level:3},{value:"Entities",id:"entities",level:3},{value:"Features",id:"features",level:3},{value:"Widgets",id:"widgets",level:3},{value:"Pages",id:"pages",level:3},{value:"Processes",id:"processes",level:3},{value:"App",id:"app",level:3}];function c(e){const s={a:"a",admonition:"admonition",blockquote:"blockquote",code:"code",em:"em",h1:"h1",h2:"h2",h3:"h3",header:"header",li:"li",ol:"ol",p:"p",strong:"strong",ul:"ul",...(0,t.R)(),...e.components};return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(s.header,{children:(0,n.jsx)(s.h1,{id:"layers",children:"Layers"})}),"\n",(0,n.jsx)(s.p,{children:"Layers are the first level of organisational hierarchy in Feature-Sliced Design. Their purpose is to separate code based on how much responsibility it needs and how many other modules in the app it depends on."}),"\n",(0,n.jsx)(s.admonition,{type:"note",children:(0,n.jsxs)(s.p,{children:["On this page, a ",(0,n.jsx)(s.em,{children:"module"})," refers to an internal module in the application \u2014 a file or directory with an index file. Not to be confused with npm packages."]})}),"\n",(0,n.jsx)(s.p,{children:"Every layer carries special semantic meaning to help you determine how much responsibility you should allocate to a module in your code. The names and meanings of layers are standardized across all projects built with Feature-Sliced Design."}),"\n",(0,n.jsxs)(s.p,{children:["There are ",(0,n.jsx)(s.strong,{children:"7 layers"})," in total, arranged from most responsibility and\xa0dependency to least:"]}),"\n",(0,n.jsx)("img",{src:"/img/layers/folders-graphic-light.svg#light-mode-only",width:"180",style:{float:"right",margin:"0 1em"},alt:"A file system tree, with a single root folder called src and then seven subfolders: app, processes, pages, widgets, features, entities, shared. The processes folder is slightly faded out."}),"\n",(0,n.jsx)("img",{src:"/img/layers/folders-graphic-dark.svg#dark-mode-only",width:"180",style:{float:"right",margin:"0 1em"},alt:"A file system tree, with a single root folder called src and then seven subfolders: app, processes, pages, widgets, features, entities, shared. The processes folder is slightly faded out."}),"\n",(0,n.jsxs)(s.ol,{children:["\n",(0,n.jsx)(s.li,{children:"App"}),"\n",(0,n.jsx)(s.li,{children:"Processes (deprecated)"}),"\n",(0,n.jsx)(s.li,{children:"Pages"}),"\n",(0,n.jsx)(s.li,{children:"Widgets"}),"\n",(0,n.jsx)(s.li,{children:"Features"}),"\n",(0,n.jsx)(s.li,{children:"Entities"}),"\n",(0,n.jsx)(s.li,{children:"Shared"}),"\n"]}),"\n",(0,n.jsx)(s.p,{children:"You don't have to use every layer in your project \u2014 only add them if you think it brings value to your project."}),"\n",(0,n.jsx)(s.h2,{id:"import-rule-on-layers",children:"Import rule on layers"}),"\n",(0,n.jsxs)(s.p,{children:["Layers are made up of ",(0,n.jsx)(s.em,{children:"slices"})," \u2014 highly cohesive groups of modules. Feature-Sliced Design promotes low coupling, which is why dependencies between slices are regulated by ",(0,n.jsx)(s.strong,{children:"the import rule on layers"}),":"]}),"\n",(0,n.jsxs)(s.blockquote,{children:["\n",(0,n.jsx)(s.p,{children:(0,n.jsx)(s.em,{children:"A module in a slice can only import other slices when they are located on layers strictly below."})}),"\n"]}),"\n",(0,n.jsxs)(s.p,{children:["For example, in ",(0,n.jsx)(s.code,{children:"~/features/aaa"}),", ",(0,n.jsx)(s.code,{children:"aaa"})," is the slice, so a file ",(0,n.jsx)(s.code,{children:"~/features/aaa/api/request.ts"})," cannot import code from any module in ",(0,n.jsx)(s.code,{children:"~/features/bbb"}),", but can import code from ",(0,n.jsx)(s.code,{children:"~/entities"})," and ",(0,n.jsx)(s.code,{children:"~/shared"}),", as well as any sibling code from ",(0,n.jsx)(s.code,{children:"~/features/aaa"}),"."]}),"\n",(0,n.jsx)(s.h2,{id:"layer-definitions",children:"Layer definitions"}),"\n",(0,n.jsx)(s.h3,{id:"shared",children:"Shared"}),"\n",(0,n.jsxs)(s.p,{children:["Isolated modules, components and abstractions that are detached from the specifics of the project or business.\nWarning: not to be treated like ",(0,n.jsx)(s.a,{href:"https://dev.to/sergeysova/why-utils-helpers-is-a-dump-45fo",children:"a utility dump"}),"!"]}),"\n",(0,n.jsx)(s.p,{children:"This layer, unlike others, does not consist of slices, and instead consists of segments directly."}),"\n",(0,n.jsxs)(s.p,{children:[(0,n.jsx)(s.strong,{children:"Content examples"}),":"]}),"\n",(0,n.jsxs)(s.ul,{children:["\n",(0,n.jsx)(s.li,{children:"UI kit"}),"\n",(0,n.jsx)(s.li,{children:"API client"}),"\n",(0,n.jsx)(s.li,{children:"Code working with browser APIs"}),"\n"]}),"\n",(0,n.jsx)(s.h3,{id:"entities",children:"Entities"}),"\n",(0,n.jsx)(s.p,{children:"Concepts from the real world that form together the essence of the project. Commonly, these are the terms that the business uses to describe the product."}),"\n",(0,n.jsx)(s.p,{children:"Each slice in this layer contains static UI elements, data stores and CRUD operations."}),"\n",(0,n.jsxs)(s.p,{children:[(0,n.jsx)(s.strong,{children:"Slice examples"}),":"]}),"\n",(0,n.jsxs)("table",{children:[(0,n.jsx)("thead",{children:(0,n.jsxs)("tr",{children:[(0,n.jsx)("th",{children:" For a social network "}),(0,n.jsx)("th",{children:" For a Git frontend (e.g., GitHub) "})]})}),(0,n.jsx)("tbody",{children:(0,n.jsxs)("tr",{children:[(0,n.jsx)("td",{children:(0,n.jsxs)("ul",{children:[(0,n.jsx)("li",{children:"User"}),(0,n.jsx)("li",{children:"Post"}),(0,n.jsx)("li",{children:"Group"})]})}),(0,n.jsx)("td",{children:(0,n.jsxs)("ul",{children:[(0,n.jsx)("li",{children:"Repository"}),(0,n.jsx)("li",{children:"File"}),(0,n.jsx)("li",{children:"Commit"})]})})]})})]}),"\n",(0,n.jsxs)(s.admonition,{type:"tip",children:[(0,n.jsxs)(s.p,{children:["You may notice in the example of a Git frontend that a ",(0,n.jsx)(s.em,{children:"repository"})," contains ",(0,n.jsx)(s.em,{children:"files"}),". This makes the repository a higher-level entity which has other entities nested inside. That is a common situation with entities, and sometimes it's hard to manage such higher-level entities without breaking the import rule on layers."]}),(0,n.jsx)(s.p,{children:"Here are a few suggestions to overcome this issue:"}),(0,n.jsxs)(s.ul,{children:["\n",(0,n.jsx)(s.li,{children:"The UI of entities should contain slots for places where the lower-level entities are to be inserted"}),"\n",(0,n.jsx)(s.li,{children:"The business logic related to entity interaction should be placed in features (most of the time)"}),"\n",(0,n.jsx)(s.li,{children:"The typings of database entities can be extracted to the Shared layer below, next to the API client"}),"\n"]})]}),"\n",(0,n.jsx)(s.h3,{id:"features",children:"Features"}),"\n",(0,n.jsx)(s.p,{children:"Actions that a user can make in the application to interact with the business entities to achieve a valuable outcome. This also includes actions that the app makes on behalf of the user to produce value for them."}),"\n",(0,n.jsxs)(s.p,{children:["Each slice in this layer can contain ",(0,n.jsx)(s.em,{children:"interactive"})," UI elements, internal state and API calls that enable value-producing actions."]}),"\n",(0,n.jsxs)(s.p,{children:[(0,n.jsx)(s.strong,{children:"Slice examples"}),":"]}),"\n",(0,n.jsxs)("table",{children:[(0,n.jsx)("thead",{children:(0,n.jsxs)("tr",{children:[(0,n.jsx)("th",{children:" For a social network "}),(0,n.jsx)("th",{children:" For a Git frontend (e.g., GitHub) "}),(0,n.jsx)("th",{children:" Actions on behalf of users "})]})}),(0,n.jsx)("tbody",{children:(0,n.jsxs)("tr",{children:[(0,n.jsx)("td",{children:(0,n.jsxs)("ul",{children:[(0,n.jsx)("li",{children:"Authenticate"}),(0,n.jsx)("li",{children:"Create a post"}),(0,n.jsx)("li",{children:"Join a group"})]})}),(0,n.jsx)("td",{children:(0,n.jsxs)("ul",{children:[(0,n.jsx)("li",{children:"Edit a file"}),(0,n.jsx)("li",{children:"Leave a comment"}),(0,n.jsx)("li",{children:"Merge branches"})]})}),(0,n.jsx)("td",{children:(0,n.jsxs)("ul",{children:[(0,n.jsx)("li",{children:"Detect dark mode"}),(0,n.jsx)("li",{children:"Perform background computation"}),(0,n.jsx)("li",{children:"User-Agent-based actions"})]})})]})})]}),"\n",(0,n.jsx)(s.h3,{id:"widgets",children:"Widgets"}),"\n",(0,n.jsx)(s.p,{children:"Self-sufficient UI blocks that emerged from the composition of lower-level units like entities and features."}),"\n",(0,n.jsx)(s.p,{children:"This layer provides a way to fill in the slots left in the UI of Entities with other Entities and interactive elements from Features. Therefore, it is common not to have business logic on this layer, instead keeping it in Features. Each slice in this layer contains ready-to-use UI components and sometimes non-business logic such as gestures, keyboard interaction, etc."}),"\n",(0,n.jsx)(s.p,{children:"Sometimes, however, it is more convenient to have business logic on this layer. Usually it happens when the widget is quite rich in interactivity (e.g., interactive data tables) and the business logic inside them is not used in other places."}),"\n",(0,n.jsxs)(s.p,{children:[(0,n.jsx)(s.strong,{children:"Slice examples"}),":"]}),"\n",(0,n.jsxs)("table",{children:[(0,n.jsx)("thead",{children:(0,n.jsxs)("tr",{children:[(0,n.jsx)("th",{children:" For a social network "}),(0,n.jsx)("th",{children:" For a Git frontend (e.g., GitHub) "})]})}),(0,n.jsx)("tbody",{children:(0,n.jsxs)("tr",{children:[(0,n.jsx)("td",{children:(0,n.jsxs)("ul",{children:[(0,n.jsx)("li",{children:"Post card"}),(0,n.jsx)("li",{children:"User profile header (with actions)"})]})}),(0,n.jsx)("td",{children:(0,n.jsxs)("ul",{children:[(0,n.jsx)("li",{children:"List of files in a repository (with actions)"}),(0,n.jsx)("li",{children:"Comment in a thread"}),(0,n.jsx)("li",{children:"Repository card"})]})})]})})]}),"\n",(0,n.jsx)(s.admonition,{type:"tip",children:(0,n.jsxs)(s.p,{children:["If you're using a nested routing system (e.g. the router of ",(0,n.jsx)(s.a,{href:"https://remix.run",children:"Remix"}),"), it may be helpful to use the Widgets layer in the same way as a flat routing system would use the Pages layer \u2014 to create complete interface blocks, complete with related data fetching, loading states, and error boundaries. In the same way, you can store page layouts on this layer."]})}),"\n",(0,n.jsx)(s.h3,{id:"pages",children:"Pages"}),"\n",(0,n.jsx)(s.p,{children:"Complete pages for a page-based application (like a website) or screens/activities for screen-based applications (like mobile apps)."}),"\n",(0,n.jsx)(s.p,{children:"This layer is similar to Widgets in its compositional nature, albeit on a larger scale. Each slice in this layer contains UI components that are ready to be plugged into a router and sometimes data-fetching logic and error handling."}),"\n",(0,n.jsxs)(s.p,{children:[(0,n.jsx)(s.strong,{children:"Slice examples"}),":"]}),"\n",(0,n.jsxs)("table",{children:[(0,n.jsx)("thead",{children:(0,n.jsxs)("tr",{children:[(0,n.jsx)("th",{children:" For a social network "}),(0,n.jsx)("th",{children:" For a Git frontend (e.g., GitHub) "})]})}),(0,n.jsx)("tbody",{children:(0,n.jsxs)("tr",{children:[(0,n.jsx)("td",{children:(0,n.jsxs)("ul",{children:[(0,n.jsx)("li",{children:"News feed"}),(0,n.jsx)("li",{children:"Community page"}),(0,n.jsx)("li",{children:"User's public profile"})]})}),(0,n.jsx)("td",{children:(0,n.jsxs)("ul",{children:[(0,n.jsx)("li",{children:"Repository page"}),(0,n.jsx)("li",{children:"User's repositories"}),(0,n.jsx)("li",{children:"Branches in a repository"})]})})]})})]}),"\n",(0,n.jsx)(s.h3,{id:"processes",children:"Processes"}),"\n",(0,n.jsx)(s.admonition,{type:"caution",children:(0,n.jsxs)(s.p,{children:["This layer has been deprecated. The current version of the spec recommends avoiding it and moving its contents to ",(0,n.jsx)(s.code,{children:"features"})," and ",(0,n.jsx)(s.code,{children:"app"})," instead."]})}),"\n",(0,n.jsx)(s.p,{children:"Escape hatches for multi-page interactions."}),"\n",(0,n.jsx)(s.p,{children:"This layer is deliberately left undefined. Most applications should not use this layer, and keep router-level and server-level logic on the App layer. Consider using this layer only when the App layer grows large enough to become unmaintainable and needs unloading."}),"\n",(0,n.jsx)(s.h3,{id:"app",children:"App"}),"\n",(0,n.jsx)(s.p,{children:"All kinds of app-wide matters, both in the technical sense (e.g., context providers) and in the business sense (e.g., analytics)."}),"\n",(0,n.jsx)(s.p,{children:"This layer usually doesn't contain slices, like Shared, instead having segments directly."}),"\n",(0,n.jsxs)(s.p,{children:[(0,n.jsx)(s.strong,{children:"Content examples"}),":"]}),"\n",(0,n.jsxs)(s.ul,{children:["\n",(0,n.jsx)(s.li,{children:"Styles"}),"\n",(0,n.jsx)(s.li,{children:"Routing"}),"\n",(0,n.jsx)(s.li,{children:"Store and other context providers"}),"\n",(0,n.jsx)(s.li,{children:"Analytics initialization"}),"\n"]})]})}function h(e={}){const{wrapper:s}={...(0,t.R)(),...e.components};return s?(0,n.jsx)(s,{...e,children:(0,n.jsx)(c,{...e})}):c(e)}},1100:(e,s,i)=>{i.d(s,{R:()=>l,x:()=>a});var n=i(758);const t={},r=n.createContext(t);function l(e){const s=n.useContext(r);return n.useMemo((function(){return"function"==typeof e?e(s):{...s,...e}}),[s,e])}function a(e){let s;return s=e.disableParentContext?"function"==typeof e.components?e.components(t):e.components||t:l(e.components),n.createElement(r.Provider,{value:s},e.children)}}}]);
\ No newline at end of file
diff --git a/assets/js/480f28a3.322b62ec.js b/assets/js/480f28a3.e3e8c8f9.js
similarity index 98%
rename from assets/js/480f28a3.322b62ec.js
rename to assets/js/480f28a3.e3e8c8f9.js
index fa7df4658e..03f9230c27 100644
--- a/assets/js/480f28a3.322b62ec.js
+++ b/assets/js/480f28a3.e3e8c8f9.js
@@ -1 +1 @@
-"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[7951],{5852:(e,n,o)=>{o.r(n),o.d(n,{assets:()=>a,contentTitle:()=>l,default:()=>h,frontMatter:()=>s,metadata:()=>r,toc:()=>d});var i=o(6070),t=o(1100);const s={sidebar_position:1},l="Mission",r={id:"about/mission",title:"Mission",description:"Here we describe the goals and limitations of the applicability of the methodology-which we are guided by when developing the methodology",source:"@site/i18n/en/docusaurus-plugin-content-docs/current/about/mission.md",sourceDirName:"about",slug:"/about/mission",permalink:"/docs/about/mission",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/about/mission.md",tags:[],version:"current",lastUpdatedAt:1727607766e3,sidebarPosition:1,frontMatter:{sidebar_position:1},sidebar:"aboutSidebar",previous:{title:"\ud83c\udf70 About",permalink:"/docs/about/"},next:{title:"Motivation",permalink:"/docs/about/motivation"}},a={},d=[{value:"Goals",id:"goals",level:2},{value:"Intuitive clarity for a wide range of developers",id:"intuitive-clarity-for-a-wide-range-of-developers",level:3},{value:"Solving everyday problems",id:"solving-everyday-problems",level:3},{value:"Limitations",id:"limitations",level:2},{value:"See also",id:"see-also",level:2}];function c(e){const n={a:"a",blockquote:"blockquote",em:"em",h1:"h1",h2:"h2",h3:"h3",header:"header",li:"li",p:"p",strong:"strong",ul:"ul",...(0,t.R)(),...e.components};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(n.header,{children:(0,i.jsx)(n.h1,{id:"mission",children:"Mission"})}),"\n",(0,i.jsx)(n.p,{children:"Here we describe the goals and limitations of the applicability of the methodology-which we are guided by when developing the methodology"}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsx)(n.li,{children:"We see our goal as a balance between ideology and simplicity"}),"\n",(0,i.jsx)(n.li,{children:"We won't be able to make a silver bullet that fits everyone"}),"\n"]}),"\n",(0,i.jsx)(n.p,{children:(0,i.jsx)(n.strong,{children:"Nevertheless, the methodology should be close and accessible to a fairly wide range of developers"})}),"\n",(0,i.jsx)(n.h2,{id:"goals",children:"Goals"}),"\n",(0,i.jsx)(n.h3,{id:"intuitive-clarity-for-a-wide-range-of-developers",children:"Intuitive clarity for a wide range of developers"}),"\n",(0,i.jsx)(n.p,{children:"The methodology should be accessible - for most of the team in projects"}),"\n",(0,i.jsx)(n.p,{children:(0,i.jsx)(n.em,{children:"Because even with all the future tools , it will not be enough, if only experienced seniors/leads will understand the methodology"})}),"\n",(0,i.jsx)(n.h3,{id:"solving-everyday-problems",children:"Solving everyday problems"}),"\n",(0,i.jsx)(n.p,{children:"The methodology should set out the reasons and solutions to our everyday problems when developing projects"}),"\n",(0,i.jsx)(n.p,{children:(0,i.jsx)(n.strong,{children:"And also-attach tools to all this (cli, linters)"})}),"\n",(0,i.jsxs)(n.p,{children:["So that developers can use a ",(0,i.jsx)(n.em,{children:"battle-tested"})," approach that allows them to bypass long-standing problems of architecture and development"]}),"\n",(0,i.jsxs)(n.blockquote,{children:["\n",(0,i.jsx)(n.p,{children:(0,i.jsx)(n.em,{children:"@sergeysova: Imagine, that a developer writes code within the framework of the methodology and he has problems 10 times less often, simply because other people have thought out the solution to many problems."})}),"\n"]}),"\n",(0,i.jsx)(n.h2,{id:"limitations",children:"Limitations"}),"\n",(0,i.jsxs)(n.p,{children:["We do not want to ",(0,i.jsx)(n.em,{children:"impose our point of view"}),", and at the same time we understand that ",(0,i.jsx)(n.em,{children:"many of our habits, as developers, interfere from day to day"})]}),"\n",(0,i.jsxs)(n.p,{children:["Everyone has their own level of experience in designing and developing systems, ",(0,i.jsx)(n.strong,{children:"therefore, it is worth understanding the following:"})]}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsxs)(n.li,{children:["\n",(0,i.jsxs)(n.p,{children:[(0,i.jsx)(n.strong,{children:"Will not work"}),": very simple, very clear, for everyone"]}),"\n",(0,i.jsxs)(n.blockquote,{children:["\n",(0,i.jsx)(n.p,{children:(0,i.jsx)(n.em,{children:"@sergeysova: Some concepts cannot be intuitively understood until you encounter problems and spend years solving them."})}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsx)(n.li,{children:(0,i.jsx)(n.em,{children:"In math world: is graph theory."})}),"\n",(0,i.jsx)(n.li,{children:(0,i.jsx)(n.em,{children:"In physics: quantum mechanics."})}),"\n",(0,i.jsx)(n.li,{children:(0,i.jsx)(n.em,{children:"In programming: application architecture."})}),"\n"]}),"\n"]}),"\n"]}),"\n",(0,i.jsxs)(n.li,{children:["\n",(0,i.jsxs)(n.p,{children:[(0,i.jsx)(n.strong,{children:"Possible and desirable"}),": simplicity, extensibility"]}),"\n"]}),"\n"]}),"\n",(0,i.jsx)(n.h2,{id:"see-also",children:"See also"}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsx)(n.li,{children:(0,i.jsx)(n.a,{href:"/docs/about/understanding/architecture#problems",children:"Architecture problems"})}),"\n"]})]})}function h(e={}){const{wrapper:n}={...(0,t.R)(),...e.components};return n?(0,i.jsx)(n,{...e,children:(0,i.jsx)(c,{...e})}):c(e)}},1100:(e,n,o)=>{o.d(n,{R:()=>l,x:()=>r});var i=o(758);const t={},s=i.createContext(t);function l(e){const n=i.useContext(s);return i.useMemo((function(){return"function"==typeof e?e(n):{...n,...e}}),[n,e])}function r(e){let n;return n=e.disableParentContext?"function"==typeof e.components?e.components(t):e.components||t:l(e.components),i.createElement(s.Provider,{value:n},e.children)}}}]);
\ No newline at end of file
+"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[7951],{5852:(e,n,o)=>{o.r(n),o.d(n,{assets:()=>a,contentTitle:()=>l,default:()=>h,frontMatter:()=>s,metadata:()=>r,toc:()=>d});var i=o(6070),t=o(1100);const s={sidebar_position:1},l="Mission",r={id:"about/mission",title:"Mission",description:"Here we describe the goals and limitations of the applicability of the methodology-which we are guided by when developing the methodology",source:"@site/i18n/en/docusaurus-plugin-content-docs/current/about/mission.md",sourceDirName:"about",slug:"/about/mission",permalink:"/docs/about/mission",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/about/mission.md",tags:[],version:"current",lastUpdatedAt:1728325386e3,sidebarPosition:1,frontMatter:{sidebar_position:1},sidebar:"aboutSidebar",previous:{title:"\ud83c\udf70 About",permalink:"/docs/about/"},next:{title:"Motivation",permalink:"/docs/about/motivation"}},a={},d=[{value:"Goals",id:"goals",level:2},{value:"Intuitive clarity for a wide range of developers",id:"intuitive-clarity-for-a-wide-range-of-developers",level:3},{value:"Solving everyday problems",id:"solving-everyday-problems",level:3},{value:"Limitations",id:"limitations",level:2},{value:"See also",id:"see-also",level:2}];function c(e){const n={a:"a",blockquote:"blockquote",em:"em",h1:"h1",h2:"h2",h3:"h3",header:"header",li:"li",p:"p",strong:"strong",ul:"ul",...(0,t.R)(),...e.components};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(n.header,{children:(0,i.jsx)(n.h1,{id:"mission",children:"Mission"})}),"\n",(0,i.jsx)(n.p,{children:"Here we describe the goals and limitations of the applicability of the methodology-which we are guided by when developing the methodology"}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsx)(n.li,{children:"We see our goal as a balance between ideology and simplicity"}),"\n",(0,i.jsx)(n.li,{children:"We won't be able to make a silver bullet that fits everyone"}),"\n"]}),"\n",(0,i.jsx)(n.p,{children:(0,i.jsx)(n.strong,{children:"Nevertheless, the methodology should be close and accessible to a fairly wide range of developers"})}),"\n",(0,i.jsx)(n.h2,{id:"goals",children:"Goals"}),"\n",(0,i.jsx)(n.h3,{id:"intuitive-clarity-for-a-wide-range-of-developers",children:"Intuitive clarity for a wide range of developers"}),"\n",(0,i.jsx)(n.p,{children:"The methodology should be accessible - for most of the team in projects"}),"\n",(0,i.jsx)(n.p,{children:(0,i.jsx)(n.em,{children:"Because even with all the future tools , it will not be enough, if only experienced seniors/leads will understand the methodology"})}),"\n",(0,i.jsx)(n.h3,{id:"solving-everyday-problems",children:"Solving everyday problems"}),"\n",(0,i.jsx)(n.p,{children:"The methodology should set out the reasons and solutions to our everyday problems when developing projects"}),"\n",(0,i.jsx)(n.p,{children:(0,i.jsx)(n.strong,{children:"And also-attach tools to all this (cli, linters)"})}),"\n",(0,i.jsxs)(n.p,{children:["So that developers can use a ",(0,i.jsx)(n.em,{children:"battle-tested"})," approach that allows them to bypass long-standing problems of architecture and development"]}),"\n",(0,i.jsxs)(n.blockquote,{children:["\n",(0,i.jsx)(n.p,{children:(0,i.jsx)(n.em,{children:"@sergeysova: Imagine, that a developer writes code within the framework of the methodology and he has problems 10 times less often, simply because other people have thought out the solution to many problems."})}),"\n"]}),"\n",(0,i.jsx)(n.h2,{id:"limitations",children:"Limitations"}),"\n",(0,i.jsxs)(n.p,{children:["We do not want to ",(0,i.jsx)(n.em,{children:"impose our point of view"}),", and at the same time we understand that ",(0,i.jsx)(n.em,{children:"many of our habits, as developers, interfere from day to day"})]}),"\n",(0,i.jsxs)(n.p,{children:["Everyone has their own level of experience in designing and developing systems, ",(0,i.jsx)(n.strong,{children:"therefore, it is worth understanding the following:"})]}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsxs)(n.li,{children:["\n",(0,i.jsxs)(n.p,{children:[(0,i.jsx)(n.strong,{children:"Will not work"}),": very simple, very clear, for everyone"]}),"\n",(0,i.jsxs)(n.blockquote,{children:["\n",(0,i.jsx)(n.p,{children:(0,i.jsx)(n.em,{children:"@sergeysova: Some concepts cannot be intuitively understood until you encounter problems and spend years solving them."})}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsx)(n.li,{children:(0,i.jsx)(n.em,{children:"In math world: is graph theory."})}),"\n",(0,i.jsx)(n.li,{children:(0,i.jsx)(n.em,{children:"In physics: quantum mechanics."})}),"\n",(0,i.jsx)(n.li,{children:(0,i.jsx)(n.em,{children:"In programming: application architecture."})}),"\n"]}),"\n"]}),"\n"]}),"\n",(0,i.jsxs)(n.li,{children:["\n",(0,i.jsxs)(n.p,{children:[(0,i.jsx)(n.strong,{children:"Possible and desirable"}),": simplicity, extensibility"]}),"\n"]}),"\n"]}),"\n",(0,i.jsx)(n.h2,{id:"see-also",children:"See also"}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsx)(n.li,{children:(0,i.jsx)(n.a,{href:"/docs/about/understanding/architecture#problems",children:"Architecture problems"})}),"\n"]})]})}function h(e={}){const{wrapper:n}={...(0,t.R)(),...e.components};return n?(0,i.jsx)(n,{...e,children:(0,i.jsx)(c,{...e})}):c(e)}},1100:(e,n,o)=>{o.d(n,{R:()=>l,x:()=>r});var i=o(758);const t={},s=i.createContext(t);function l(e){const n=i.useContext(s);return i.useMemo((function(){return"function"==typeof e?e(n):{...n,...e}}),[n,e])}function r(e){let n;return n=e.disableParentContext?"function"==typeof e.components?e.components(t):e.components||t:l(e.components),i.createElement(s.Provider,{value:n},e.children)}}}]);
\ No newline at end of file
diff --git a/assets/js/488b6464.26897d6a.js b/assets/js/488b6464.0f8dcdf2.js
similarity index 99%
rename from assets/js/488b6464.26897d6a.js
rename to assets/js/488b6464.0f8dcdf2.js
index 3eb092fdfb..581ffd91f6 100644
--- a/assets/js/488b6464.26897d6a.js
+++ b/assets/js/488b6464.0f8dcdf2.js
@@ -1 +1 @@
-"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[6369],{4487:(e,n,i)=>{i.r(n),i.d(n,{assets:()=>a,contentTitle:()=>l,default:()=>h,frontMatter:()=>o,metadata:()=>r,toc:()=>c});var t=i(6070),s=i(1100);const o={sidebar_position:1},l="Low Coupling & High Cohesion",r={id:"reference/isolation/coupling-cohesion",title:"Low Coupling & High Cohesion",description:"Application modules should be designed according to high cohesion (should solve one specific task) and low coupling (independent of other modules) principles.",source:"@site/i18n/en/docusaurus-plugin-content-docs/current/reference/isolation/coupling-cohesion.md",sourceDirName:"reference/isolation",slug:"/reference/isolation/coupling-cohesion",permalink:"/docs/reference/isolation/coupling-cohesion",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/reference/isolation/coupling-cohesion.md",tags:[],version:"current",lastUpdatedAt:1727607766e3,sidebarPosition:1,frontMatter:{sidebar_position:1},sidebar:"referenceSidebar",previous:{title:"Isolation of modules",permalink:"/docs/reference/isolation/"},next:{title:"Decouple entities",permalink:"/docs/reference/isolation/decouple-entities"}},a={},c=[{value:"Components composition (UI level)",id:"components-composition-ui-level",level:2},{value:"Example",id:"example",level:3},{value:"Laying the extensibility",id:"laying-the-extensibility",level:4},{value:"Using the composition",id:"using-the-composition",level:4},{value:"Layer composition (APP level)",id:"layer-composition-app-level",level:2},{value:"Example",id:"example-1",level:3},{value:"Let&#39;s tie it all together",id:"lets-tie-it-all-together",level:4},{value:"Data model",id:"data-model",level:4},{value:"Summary",id:"summary",level:2},{value:"See also",id:"see-also",level:2}];function d(e){const n={a:"a",blockquote:"blockquote",code:"code",em:"em",h1:"h1",h2:"h2",h3:"h3",h4:"h4",header:"header",li:"li",ol:"ol",p:"p",pre:"pre",strong:"strong",ul:"ul",...(0,s.R)(),...e.components};return(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(n.header,{children:(0,t.jsx)(n.h1,{id:"low-coupling--high-cohesion",children:"Low Coupling & High Cohesion"})}),"\n",(0,t.jsxs)(n.p,{children:["Application modules should be designed according to ",(0,t.jsx)(n.strong,{children:"high cohesion"})," (should solve one specific task) and ",(0,t.jsx)(n.strong,{children:"low coupling"})," (independent of other modules) principles."]}),"\n",(0,t.jsxs)("figure",{children:[(0,t.jsx)("img",{src:"/img/coupling-cohesion-light.svg#light-mode-only",alt:""}),(0,t.jsx)("img",{src:"/img/coupling-cohesion-dark.svg#dark-mode-only",alt:""}),(0,t.jsx)("figcaption",{children:(0,t.jsxs)(n.p,{children:["Image inspired by ",(0,t.jsx)(n.a,{href:"https://enterprisecraftsmanship.com/posts/cohesion-coupling-difference/",children:"https://enterprisecraftsmanship.com/posts/cohesion-coupling-difference/"})]})})]}),"\n",(0,t.jsx)(n.p,{children:"Within the methodology, this is achieved through:"}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsx)(n.li,{children:"Splitting the application into layers and slices that implement specific functionality"}),"\n",(0,t.jsxs)(n.li,{children:["Providing a ",(0,t.jsx)(n.a,{href:"/docs/reference/public-api",children:"public access interface"})," for each module"]}),"\n",(0,t.jsxs)(n.li,{children:["Setting up restrictions for ",(0,t.jsx)(n.a,{href:"/docs/reference/isolation",children:"modules interactions"})," - each module can depend only on the modules below it, but not on modules from the same or higher layer"]}),"\n"]}),"\n",(0,t.jsx)(n.h2,{id:"components-composition-ui-level",children:"Components composition (UI level)"}),"\n",(0,t.jsx)(n.p,{children:"The majority of modern UI frameworks and libraries provide a component model in which each component can have its own properties, state, child components, and even slots."}),"\n",(0,t.jsxs)(n.p,{children:["This model allows you to design an interface as a ",(0,t.jsx)(n.strong,{children:"composition of various components that are not directly related to each other"})," and, thereby, achieve ",(0,t.jsx)(n.strong,{children:"low coupling"})," of the interface components."]}),"\n",(0,t.jsx)(n.h3,{id:"example",children:"Example"}),"\n",(0,t.jsxs)(n.p,{children:["Let's consider such a composition using the example of a ",(0,t.jsx)(n.strong,{children:"list with a header:"})]}),"\n",(0,t.jsx)(n.h4,{id:"laying-the-extensibility",children:"Laying the extensibility"}),"\n",(0,t.jsx)(n.p,{children:"List component will not itself define the look and structure of the header components and list elements, instead it will accept them as parameters"}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-tsx",children:'interface ListProps {\n    Header: React.ReactNode;\n    Items: React.ReactNode;\n}\n\nconst List: Component<ListProps> = ({ Header, Items }) => (\n    <div class="wrapper">\n        {Header}\n        <ul class="...">\n            {Items}\n        </ul>\n    </div>\n)\n\n'})}),"\n",(0,t.jsx)(n.h4,{id:"using-the-composition",children:"Using the composition"}),"\n",(0,t.jsxs)(n.p,{children:["This allows you to ",(0,t.jsx)(n.strong,{children:"reuse and independently change"})," components with different Header and list Items. Header and Items components can have both their own local state and their binding to the general state of the application - the List component will not know anything about it, and therefore will not depend on it"]}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-tsx",children:'<List Header={<FancyHeader />} Items={<ToDoItems />} />\n\n<List Items={<CartItems />} />\n\n<List Header={<FancyHeaderV2 color="red" />} Items={<FancyItems />} />\n\n'})}),"\n",(0,t.jsx)(n.h2,{id:"layer-composition-app-level",children:"Layer composition (APP level)"}),"\n",(0,t.jsxs)(n.p,{children:["The methodology suggests putting the functionality that is valuable for the user into ",(0,t.jsx)(n.strong,{children:"features slice"}),", and the logic related to business entities - into ",(0,t.jsx)(n.strong,{children:"entities"}),". Both features and entities ",(0,t.jsx)(n.strong,{children:"should be designed as modules with high cohesion"}),", i.e. aimed at solving ",(0,t.jsx)(n.strong,{children:"one specific task"})," or related to ",(0,t.jsx)(n.strong,{children:"one specific entity."})]}),"\n",(0,t.jsxs)(n.p,{children:["All interactions between such modules, similar to the UI components from the example above, should be coordinated via a ",(0,t.jsx)(n.strong,{children:"modules composition"}),"."]}),"\n",(0,t.jsx)(n.h3,{id:"example-1",children:"Example"}),"\n",(0,t.jsx)(n.p,{children:"Let's use an example of a chat application with the following features:"}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsx)(n.li,{children:"user can open a contact list and select a friend"}),"\n",(0,t.jsx)(n.li,{children:"user can open a conversation with a selected friend"}),"\n"]}),"\n",(0,t.jsx)(n.p,{children:"According to methodology principles, it can be represented as:"}),"\n",(0,t.jsx)(n.p,{children:"Entities"}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsx)(n.li,{children:"User (contains user's state)"}),"\n",(0,t.jsx)(n.li,{children:"Contact (state of the contact list, utilities for working with an individual contact)"}),"\n",(0,t.jsx)(n.li,{children:"Chat (the state of the current chat and utilies for it)"}),"\n"]}),"\n",(0,t.jsx)(n.p,{children:"Features"}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsx)(n.li,{children:"Form for sending a message"}),"\n",(0,t.jsx)(n.li,{children:"Chat selection menu"}),"\n"]}),"\n",(0,t.jsx)(n.h4,{id:"lets-tie-it-all-together",children:"Let's tie it all together"}),"\n",(0,t.jsx)(n.p,{children:"The application, to begin with, will have one page, and the interface will be slightly modified from the first example"}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-tsx",metastring:'title="page/main/ui.tsx"',children:"<List\n    Header={<ConversationSwitch />}\n    Items={<Messages />}\n    Footer={<MessageInput />}\n/>\n"})}),"\n",(0,t.jsx)(n.h4,{id:"data-model",children:"Data model"}),"\n",(0,t.jsxs)(n.p,{children:["The page data model will be organized as a ",(0,t.jsx)(n.strong,{children:"composition of features and entities"}),". In this example, the features will be implemented as factories and they will access the interface of entities through the parameters of these factories."]}),"\n",(0,t.jsxs)(n.blockquote,{children:["\n",(0,t.jsx)(n.p,{children:"However, the implementation using factory is optional - the feature may directly depend on the lower layers."}),"\n"]}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-ts",metastring:'title="pages/main/model.ts"',children:'import { userModel } from "entitites/user"\nimport { conversationModel } from "entities/conversation"\nimport { contactModel } from "entities/contact"\n\nimport { createMessageInput } from "features/message-input"\nimport { createConversationSwitch } from "features/conversation-switch"\n\nimport { beautifiy } from "shared/lib/beautify-text"\n\nexport const { allConversations, setConversation } = createConversationSwitch({\n    contacts: contactModel.allContacts,\n    setConversation: conversationModel.setConversation,\n    currentConversation: conversationModel.conversation,\n    currentUser: userModel.currentUser\n})\n\nexport const { sendMessage, attachFile } = createMessageInput({\n    author: userModel.currentUser\n    send: conversationModel.sendMessage,\n    formatMessage: beautify\n})\n'})}),"\n",(0,t.jsx)(n.h2,{id:"summary",children:"Summary"}),"\n",(0,t.jsxs)(n.ol,{children:["\n",(0,t.jsxs)(n.li,{children:["Modules must have ",(0,t.jsx)(n.strong,{children:"high cohesion"})," (have one responsibility, solve one specific task) and provide a ",(0,t.jsx)(n.a,{href:"/docs/reference/public-api",children:(0,t.jsx)(n.strong,{children:"public interface"})})," access"]}),"\n",(0,t.jsxs)(n.li,{children:[(0,t.jsx)(n.strong,{children:"Low coupling"})," is achieved through the composition of elements - UI components, features and entities"]}),"\n",(0,t.jsxs)(n.li,{children:["To reduce entanglement, modules ",(0,t.jsx)(n.strong,{children:"should interact with each other only through a public interfaces"})," - this makes modules independent of each other's internal implementation"]}),"\n"]}),"\n",(0,t.jsx)(n.h2,{id:"see-also",children:"See also"}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsxs)(n.li,{children:[(0,t.jsx)(n.a,{href:"https://enterprisecraftsmanship.com/posts/cohesion-coupling-difference/",children:"(Article) Low Coupling and High Cohesion in details"}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsx)(n.li,{children:(0,t.jsx)(n.em,{children:"The diagram at the beginning is inspired by this article"})}),"\n"]}),"\n"]}),"\n",(0,t.jsx)(n.li,{children:(0,t.jsx)(n.a,{href:"https://medium.com/german-gorelkin/low-coupling-high-cohesion-d36369fb1be9",children:"(Article) Low Coupling and High Cohesion. The Law of Demeter"})}),"\n",(0,t.jsx)(n.li,{children:(0,t.jsx)(n.a,{href:"https://www.slideshare.net/cristalngo/software-design-principles-57388843",children:"(Presentation) On design principles (including Low Coupling & High Cohesion)"})}),"\n"]})]})}function h(e={}){const{wrapper:n}={...(0,s.R)(),...e.components};return n?(0,t.jsx)(n,{...e,children:(0,t.jsx)(d,{...e})}):d(e)}},1100:(e,n,i)=>{i.d(n,{R:()=>l,x:()=>r});var t=i(758);const s={},o=t.createContext(s);function l(e){const n=t.useContext(o);return t.useMemo((function(){return"function"==typeof e?e(n):{...n,...e}}),[n,e])}function r(e){let n;return n=e.disableParentContext?"function"==typeof e.components?e.components(s):e.components||s:l(e.components),t.createElement(o.Provider,{value:n},e.children)}}}]);
\ No newline at end of file
+"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[6369],{4487:(e,n,i)=>{i.r(n),i.d(n,{assets:()=>a,contentTitle:()=>l,default:()=>h,frontMatter:()=>o,metadata:()=>r,toc:()=>c});var t=i(6070),s=i(1100);const o={sidebar_position:1},l="Low Coupling & High Cohesion",r={id:"reference/isolation/coupling-cohesion",title:"Low Coupling & High Cohesion",description:"Application modules should be designed according to high cohesion (should solve one specific task) and low coupling (independent of other modules) principles.",source:"@site/i18n/en/docusaurus-plugin-content-docs/current/reference/isolation/coupling-cohesion.md",sourceDirName:"reference/isolation",slug:"/reference/isolation/coupling-cohesion",permalink:"/docs/reference/isolation/coupling-cohesion",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/reference/isolation/coupling-cohesion.md",tags:[],version:"current",lastUpdatedAt:1728325386e3,sidebarPosition:1,frontMatter:{sidebar_position:1},sidebar:"referenceSidebar",previous:{title:"Isolation of modules",permalink:"/docs/reference/isolation/"},next:{title:"Decouple entities",permalink:"/docs/reference/isolation/decouple-entities"}},a={},c=[{value:"Components composition (UI level)",id:"components-composition-ui-level",level:2},{value:"Example",id:"example",level:3},{value:"Laying the extensibility",id:"laying-the-extensibility",level:4},{value:"Using the composition",id:"using-the-composition",level:4},{value:"Layer composition (APP level)",id:"layer-composition-app-level",level:2},{value:"Example",id:"example-1",level:3},{value:"Let&#39;s tie it all together",id:"lets-tie-it-all-together",level:4},{value:"Data model",id:"data-model",level:4},{value:"Summary",id:"summary",level:2},{value:"See also",id:"see-also",level:2}];function d(e){const n={a:"a",blockquote:"blockquote",code:"code",em:"em",h1:"h1",h2:"h2",h3:"h3",h4:"h4",header:"header",li:"li",ol:"ol",p:"p",pre:"pre",strong:"strong",ul:"ul",...(0,s.R)(),...e.components};return(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(n.header,{children:(0,t.jsx)(n.h1,{id:"low-coupling--high-cohesion",children:"Low Coupling & High Cohesion"})}),"\n",(0,t.jsxs)(n.p,{children:["Application modules should be designed according to ",(0,t.jsx)(n.strong,{children:"high cohesion"})," (should solve one specific task) and ",(0,t.jsx)(n.strong,{children:"low coupling"})," (independent of other modules) principles."]}),"\n",(0,t.jsxs)("figure",{children:[(0,t.jsx)("img",{src:"/img/coupling-cohesion-light.svg#light-mode-only",alt:""}),(0,t.jsx)("img",{src:"/img/coupling-cohesion-dark.svg#dark-mode-only",alt:""}),(0,t.jsx)("figcaption",{children:(0,t.jsxs)(n.p,{children:["Image inspired by ",(0,t.jsx)(n.a,{href:"https://enterprisecraftsmanship.com/posts/cohesion-coupling-difference/",children:"https://enterprisecraftsmanship.com/posts/cohesion-coupling-difference/"})]})})]}),"\n",(0,t.jsx)(n.p,{children:"Within the methodology, this is achieved through:"}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsx)(n.li,{children:"Splitting the application into layers and slices that implement specific functionality"}),"\n",(0,t.jsxs)(n.li,{children:["Providing a ",(0,t.jsx)(n.a,{href:"/docs/reference/public-api",children:"public access interface"})," for each module"]}),"\n",(0,t.jsxs)(n.li,{children:["Setting up restrictions for ",(0,t.jsx)(n.a,{href:"/docs/reference/isolation",children:"modules interactions"})," - each module can depend only on the modules below it, but not on modules from the same or higher layer"]}),"\n"]}),"\n",(0,t.jsx)(n.h2,{id:"components-composition-ui-level",children:"Components composition (UI level)"}),"\n",(0,t.jsx)(n.p,{children:"The majority of modern UI frameworks and libraries provide a component model in which each component can have its own properties, state, child components, and even slots."}),"\n",(0,t.jsxs)(n.p,{children:["This model allows you to design an interface as a ",(0,t.jsx)(n.strong,{children:"composition of various components that are not directly related to each other"})," and, thereby, achieve ",(0,t.jsx)(n.strong,{children:"low coupling"})," of the interface components."]}),"\n",(0,t.jsx)(n.h3,{id:"example",children:"Example"}),"\n",(0,t.jsxs)(n.p,{children:["Let's consider such a composition using the example of a ",(0,t.jsx)(n.strong,{children:"list with a header:"})]}),"\n",(0,t.jsx)(n.h4,{id:"laying-the-extensibility",children:"Laying the extensibility"}),"\n",(0,t.jsx)(n.p,{children:"List component will not itself define the look and structure of the header components and list elements, instead it will accept them as parameters"}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-tsx",children:'interface ListProps {\n    Header: React.ReactNode;\n    Items: React.ReactNode;\n}\n\nconst List: Component<ListProps> = ({ Header, Items }) => (\n    <div class="wrapper">\n        {Header}\n        <ul class="...">\n            {Items}\n        </ul>\n    </div>\n)\n\n'})}),"\n",(0,t.jsx)(n.h4,{id:"using-the-composition",children:"Using the composition"}),"\n",(0,t.jsxs)(n.p,{children:["This allows you to ",(0,t.jsx)(n.strong,{children:"reuse and independently change"})," components with different Header and list Items. Header and Items components can have both their own local state and their binding to the general state of the application - the List component will not know anything about it, and therefore will not depend on it"]}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-tsx",children:'<List Header={<FancyHeader />} Items={<ToDoItems />} />\n\n<List Items={<CartItems />} />\n\n<List Header={<FancyHeaderV2 color="red" />} Items={<FancyItems />} />\n\n'})}),"\n",(0,t.jsx)(n.h2,{id:"layer-composition-app-level",children:"Layer composition (APP level)"}),"\n",(0,t.jsxs)(n.p,{children:["The methodology suggests putting the functionality that is valuable for the user into ",(0,t.jsx)(n.strong,{children:"features slice"}),", and the logic related to business entities - into ",(0,t.jsx)(n.strong,{children:"entities"}),". Both features and entities ",(0,t.jsx)(n.strong,{children:"should be designed as modules with high cohesion"}),", i.e. aimed at solving ",(0,t.jsx)(n.strong,{children:"one specific task"})," or related to ",(0,t.jsx)(n.strong,{children:"one specific entity."})]}),"\n",(0,t.jsxs)(n.p,{children:["All interactions between such modules, similar to the UI components from the example above, should be coordinated via a ",(0,t.jsx)(n.strong,{children:"modules composition"}),"."]}),"\n",(0,t.jsx)(n.h3,{id:"example-1",children:"Example"}),"\n",(0,t.jsx)(n.p,{children:"Let's use an example of a chat application with the following features:"}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsx)(n.li,{children:"user can open a contact list and select a friend"}),"\n",(0,t.jsx)(n.li,{children:"user can open a conversation with a selected friend"}),"\n"]}),"\n",(0,t.jsx)(n.p,{children:"According to methodology principles, it can be represented as:"}),"\n",(0,t.jsx)(n.p,{children:"Entities"}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsx)(n.li,{children:"User (contains user's state)"}),"\n",(0,t.jsx)(n.li,{children:"Contact (state of the contact list, utilities for working with an individual contact)"}),"\n",(0,t.jsx)(n.li,{children:"Chat (the state of the current chat and utilies for it)"}),"\n"]}),"\n",(0,t.jsx)(n.p,{children:"Features"}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsx)(n.li,{children:"Form for sending a message"}),"\n",(0,t.jsx)(n.li,{children:"Chat selection menu"}),"\n"]}),"\n",(0,t.jsx)(n.h4,{id:"lets-tie-it-all-together",children:"Let's tie it all together"}),"\n",(0,t.jsx)(n.p,{children:"The application, to begin with, will have one page, and the interface will be slightly modified from the first example"}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-tsx",metastring:'title="page/main/ui.tsx"',children:"<List\n    Header={<ConversationSwitch />}\n    Items={<Messages />}\n    Footer={<MessageInput />}\n/>\n"})}),"\n",(0,t.jsx)(n.h4,{id:"data-model",children:"Data model"}),"\n",(0,t.jsxs)(n.p,{children:["The page data model will be organized as a ",(0,t.jsx)(n.strong,{children:"composition of features and entities"}),". In this example, the features will be implemented as factories and they will access the interface of entities through the parameters of these factories."]}),"\n",(0,t.jsxs)(n.blockquote,{children:["\n",(0,t.jsx)(n.p,{children:"However, the implementation using factory is optional - the feature may directly depend on the lower layers."}),"\n"]}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-ts",metastring:'title="pages/main/model.ts"',children:'import { userModel } from "entitites/user"\nimport { conversationModel } from "entities/conversation"\nimport { contactModel } from "entities/contact"\n\nimport { createMessageInput } from "features/message-input"\nimport { createConversationSwitch } from "features/conversation-switch"\n\nimport { beautifiy } from "shared/lib/beautify-text"\n\nexport const { allConversations, setConversation } = createConversationSwitch({\n    contacts: contactModel.allContacts,\n    setConversation: conversationModel.setConversation,\n    currentConversation: conversationModel.conversation,\n    currentUser: userModel.currentUser\n})\n\nexport const { sendMessage, attachFile } = createMessageInput({\n    author: userModel.currentUser\n    send: conversationModel.sendMessage,\n    formatMessage: beautify\n})\n'})}),"\n",(0,t.jsx)(n.h2,{id:"summary",children:"Summary"}),"\n",(0,t.jsxs)(n.ol,{children:["\n",(0,t.jsxs)(n.li,{children:["Modules must have ",(0,t.jsx)(n.strong,{children:"high cohesion"})," (have one responsibility, solve one specific task) and provide a ",(0,t.jsx)(n.a,{href:"/docs/reference/public-api",children:(0,t.jsx)(n.strong,{children:"public interface"})})," access"]}),"\n",(0,t.jsxs)(n.li,{children:[(0,t.jsx)(n.strong,{children:"Low coupling"})," is achieved through the composition of elements - UI components, features and entities"]}),"\n",(0,t.jsxs)(n.li,{children:["To reduce entanglement, modules ",(0,t.jsx)(n.strong,{children:"should interact with each other only through a public interfaces"})," - this makes modules independent of each other's internal implementation"]}),"\n"]}),"\n",(0,t.jsx)(n.h2,{id:"see-also",children:"See also"}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsxs)(n.li,{children:[(0,t.jsx)(n.a,{href:"https://enterprisecraftsmanship.com/posts/cohesion-coupling-difference/",children:"(Article) Low Coupling and High Cohesion in details"}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsx)(n.li,{children:(0,t.jsx)(n.em,{children:"The diagram at the beginning is inspired by this article"})}),"\n"]}),"\n"]}),"\n",(0,t.jsx)(n.li,{children:(0,t.jsx)(n.a,{href:"https://medium.com/german-gorelkin/low-coupling-high-cohesion-d36369fb1be9",children:"(Article) Low Coupling and High Cohesion. The Law of Demeter"})}),"\n",(0,t.jsx)(n.li,{children:(0,t.jsx)(n.a,{href:"https://www.slideshare.net/cristalngo/software-design-principles-57388843",children:"(Presentation) On design principles (including Low Coupling & High Cohesion)"})}),"\n"]})]})}function h(e={}){const{wrapper:n}={...(0,s.R)(),...e.components};return n?(0,t.jsx)(n,{...e,children:(0,t.jsx)(d,{...e})}):d(e)}},1100:(e,n,i)=>{i.d(n,{R:()=>l,x:()=>r});var t=i(758);const s={},o=t.createContext(s);function l(e){const n=t.useContext(o);return t.useMemo((function(){return"function"==typeof e?e(n):{...n,...e}}),[n,e])}function r(e){let n;return n=e.disableParentContext?"function"==typeof e.components?e.components(s):e.components||s:l(e.components),t.createElement(o.Provider,{value:n},e.children)}}}]);
\ No newline at end of file
diff --git a/assets/js/49161156.6affe7f6.js b/assets/js/49161156.6e8fe50c.js
similarity index 98%
rename from assets/js/49161156.6affe7f6.js
rename to assets/js/49161156.6e8fe50c.js
index 5ddc02e9f6..7b7d827706 100644
--- a/assets/js/49161156.6affe7f6.js
+++ b/assets/js/49161156.6e8fe50c.js
@@ -1 +1 @@
-"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[7028],{3787:(e,n,s)=>{s.r(n),s.d(n,{assets:()=>c,contentTitle:()=>r,default:()=>h,frontMatter:()=>o,metadata:()=>a,toc:()=>d});var i=s(6070),t=s(1100);const o={sidebar_position:4},r="Naming",a={id:"about/understanding/naming",title:"Naming",description:"Different developers have different experiences and contexts, which can lead to misunderstandings on the team when the same entities are called differently. For example:",source:"@site/i18n/en/docusaurus-plugin-content-docs/current/about/understanding/naming.md",sourceDirName:"about/understanding",slug:"/about/understanding/naming",permalink:"/docs/about/understanding/naming",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/about/understanding/naming.md",tags:[],version:"current",lastUpdatedAt:1727607766e3,sidebarPosition:4,frontMatter:{sidebar_position:4},sidebar:"aboutSidebar",previous:{title:"Knowledge types",permalink:"/docs/about/understanding/knowledge-types"},next:{title:"Signals of architecture",permalink:"/docs/about/understanding/signals"}},c={},d=[{value:"Naming in Feature-Sliced Design",id:"naming-in-fsd",level:2},{value:"Naming Conflicts",id:"when-can-naming-interfere",level:2},{value:"See also",id:"see-also",level:2}];function l(e){const n={a:"a",code:"code",h1:"h1",h2:"h2",header:"header",li:"li",p:"p",strong:"strong",ul:"ul",...(0,t.R)(),...e.components};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(n.header,{children:(0,i.jsx)(n.h1,{id:"naming",children:"Naming"})}),"\n",(0,i.jsx)(n.p,{children:"Different developers have different experiences and contexts, which can lead to misunderstandings on the team when the same entities are called differently. For example:"}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsx)(n.li,{children:'Components for display can be called "ui", "components", "ui-kit", "views", \u2026'}),"\n",(0,i.jsx)(n.li,{children:'The code that is reused throughout the application can be called "core", "shared", "app", \u2026'}),"\n",(0,i.jsx)(n.li,{children:'Business logic code can be called "store", "model", "state", \u2026'}),"\n"]}),"\n",(0,i.jsx)(n.h2,{id:"naming-in-fsd",children:"Naming in Feature-Sliced Design"}),"\n",(0,i.jsx)(n.p,{children:"The methodology uses specific terms such as:"}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsx)(n.li,{children:'"app", "process", "page", "feature", "entity", "shared" as layer names,'}),"\n",(0,i.jsx)(n.li,{children:'"ui\', "model", "lib", "api", "config" as segment names.'}),"\n"]}),"\n",(0,i.jsx)(n.p,{children:"It is very important to stick to these terms to prevent confusion among team members and new developers joining the project. Using standard names also helps when asking for help from the community."}),"\n",(0,i.jsx)(n.h2,{id:"when-can-naming-interfere",children:"Naming Conflicts"}),"\n",(0,i.jsx)(n.p,{children:"Naming conflicts can occur when terms used in the FSD methodology overlap with terms used in the business:"}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsxs)(n.li,{children:[(0,i.jsx)(n.code,{children:"FSD#process"})," vs simulated process in an application,"]}),"\n",(0,i.jsxs)(n.li,{children:[(0,i.jsx)(n.code,{children:"FSD#page"})," vs log page,"]}),"\n",(0,i.jsxs)(n.li,{children:[(0,i.jsx)(n.code,{children:"FSD#model"})," vs car model."]}),"\n"]}),"\n",(0,i.jsxs)(n.p,{children:['For example, a developer who sees the word "process" in the code will spend extra time trying to figure out what process is meant. Such ',(0,i.jsx)(n.strong,{children:"collisions can disrupt the development process"}),"."]}),"\n",(0,i.jsx)(n.p,{children:"When the project glossary contains terminology specific to FSD, it is critical to be careful when discussing these terms with the team and technical disinterested parties."}),"\n",(0,i.jsx)(n.p,{children:'To communicate effectively with the team, it is recommended that the abbreviation "FSD" be used to prefix the methodology terms. For example, when talking about a process, you might say, "We can put this process on the FSD features layer."'}),"\n",(0,i.jsx)(n.p,{children:"Conversely, when communicating with non-technical stakeholders, it is better to limit the use of FSD terminology and refrain from mentioning the internal structure of the code base."}),"\n",(0,i.jsx)(n.h2,{id:"see-also",children:"See also"}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsx)(n.li,{children:(0,i.jsx)(n.a,{href:"https://github.com/feature-sliced/documentation/discussions/16",children:"(Discussion) Adaptability of naming"})}),"\n",(0,i.jsx)(n.li,{children:(0,i.jsx)(n.a,{href:"https://github.com/feature-sliced/documentation/discussions/31#discussioncomment-464894",children:"(Discussion) Entity Naming Survey"})}),"\n",(0,i.jsx)(n.li,{children:(0,i.jsx)(n.a,{href:"https://github.com/feature-sliced/documentation/discussions/20",children:'(Discussion) "processes" vs "flows" vs ...'})}),"\n",(0,i.jsx)(n.li,{children:(0,i.jsx)(n.a,{href:"https://github.com/feature-sliced/documentation/discussions/68",children:'(Discussion) "model" vs "store" vs ...'})}),"\n"]})]})}function h(e={}){const{wrapper:n}={...(0,t.R)(),...e.components};return n?(0,i.jsx)(n,{...e,children:(0,i.jsx)(l,{...e})}):l(e)}},1100:(e,n,s)=>{s.d(n,{R:()=>r,x:()=>a});var i=s(758);const t={},o=i.createContext(t);function r(e){const n=i.useContext(o);return i.useMemo((function(){return"function"==typeof e?e(n):{...n,...e}}),[n,e])}function a(e){let n;return n=e.disableParentContext?"function"==typeof e.components?e.components(t):e.components||t:r(e.components),i.createElement(o.Provider,{value:n},e.children)}}}]);
\ No newline at end of file
+"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[7028],{3787:(e,n,s)=>{s.r(n),s.d(n,{assets:()=>c,contentTitle:()=>r,default:()=>h,frontMatter:()=>o,metadata:()=>a,toc:()=>d});var i=s(6070),t=s(1100);const o={sidebar_position:4},r="Naming",a={id:"about/understanding/naming",title:"Naming",description:"Different developers have different experiences and contexts, which can lead to misunderstandings on the team when the same entities are called differently. For example:",source:"@site/i18n/en/docusaurus-plugin-content-docs/current/about/understanding/naming.md",sourceDirName:"about/understanding",slug:"/about/understanding/naming",permalink:"/docs/about/understanding/naming",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/about/understanding/naming.md",tags:[],version:"current",lastUpdatedAt:1728325386e3,sidebarPosition:4,frontMatter:{sidebar_position:4},sidebar:"aboutSidebar",previous:{title:"Knowledge types",permalink:"/docs/about/understanding/knowledge-types"},next:{title:"Signals of architecture",permalink:"/docs/about/understanding/signals"}},c={},d=[{value:"Naming in Feature-Sliced Design",id:"naming-in-fsd",level:2},{value:"Naming Conflicts",id:"when-can-naming-interfere",level:2},{value:"See also",id:"see-also",level:2}];function l(e){const n={a:"a",code:"code",h1:"h1",h2:"h2",header:"header",li:"li",p:"p",strong:"strong",ul:"ul",...(0,t.R)(),...e.components};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(n.header,{children:(0,i.jsx)(n.h1,{id:"naming",children:"Naming"})}),"\n",(0,i.jsx)(n.p,{children:"Different developers have different experiences and contexts, which can lead to misunderstandings on the team when the same entities are called differently. For example:"}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsx)(n.li,{children:'Components for display can be called "ui", "components", "ui-kit", "views", \u2026'}),"\n",(0,i.jsx)(n.li,{children:'The code that is reused throughout the application can be called "core", "shared", "app", \u2026'}),"\n",(0,i.jsx)(n.li,{children:'Business logic code can be called "store", "model", "state", \u2026'}),"\n"]}),"\n",(0,i.jsx)(n.h2,{id:"naming-in-fsd",children:"Naming in Feature-Sliced Design"}),"\n",(0,i.jsx)(n.p,{children:"The methodology uses specific terms such as:"}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsx)(n.li,{children:'"app", "process", "page", "feature", "entity", "shared" as layer names,'}),"\n",(0,i.jsx)(n.li,{children:'"ui\', "model", "lib", "api", "config" as segment names.'}),"\n"]}),"\n",(0,i.jsx)(n.p,{children:"It is very important to stick to these terms to prevent confusion among team members and new developers joining the project. Using standard names also helps when asking for help from the community."}),"\n",(0,i.jsx)(n.h2,{id:"when-can-naming-interfere",children:"Naming Conflicts"}),"\n",(0,i.jsx)(n.p,{children:"Naming conflicts can occur when terms used in the FSD methodology overlap with terms used in the business:"}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsxs)(n.li,{children:[(0,i.jsx)(n.code,{children:"FSD#process"})," vs simulated process in an application,"]}),"\n",(0,i.jsxs)(n.li,{children:[(0,i.jsx)(n.code,{children:"FSD#page"})," vs log page,"]}),"\n",(0,i.jsxs)(n.li,{children:[(0,i.jsx)(n.code,{children:"FSD#model"})," vs car model."]}),"\n"]}),"\n",(0,i.jsxs)(n.p,{children:['For example, a developer who sees the word "process" in the code will spend extra time trying to figure out what process is meant. Such ',(0,i.jsx)(n.strong,{children:"collisions can disrupt the development process"}),"."]}),"\n",(0,i.jsx)(n.p,{children:"When the project glossary contains terminology specific to FSD, it is critical to be careful when discussing these terms with the team and technical disinterested parties."}),"\n",(0,i.jsx)(n.p,{children:'To communicate effectively with the team, it is recommended that the abbreviation "FSD" be used to prefix the methodology terms. For example, when talking about a process, you might say, "We can put this process on the FSD features layer."'}),"\n",(0,i.jsx)(n.p,{children:"Conversely, when communicating with non-technical stakeholders, it is better to limit the use of FSD terminology and refrain from mentioning the internal structure of the code base."}),"\n",(0,i.jsx)(n.h2,{id:"see-also",children:"See also"}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsx)(n.li,{children:(0,i.jsx)(n.a,{href:"https://github.com/feature-sliced/documentation/discussions/16",children:"(Discussion) Adaptability of naming"})}),"\n",(0,i.jsx)(n.li,{children:(0,i.jsx)(n.a,{href:"https://github.com/feature-sliced/documentation/discussions/31#discussioncomment-464894",children:"(Discussion) Entity Naming Survey"})}),"\n",(0,i.jsx)(n.li,{children:(0,i.jsx)(n.a,{href:"https://github.com/feature-sliced/documentation/discussions/20",children:'(Discussion) "processes" vs "flows" vs ...'})}),"\n",(0,i.jsx)(n.li,{children:(0,i.jsx)(n.a,{href:"https://github.com/feature-sliced/documentation/discussions/68",children:'(Discussion) "model" vs "store" vs ...'})}),"\n"]})]})}function h(e={}){const{wrapper:n}={...(0,t.R)(),...e.components};return n?(0,i.jsx)(n,{...e,children:(0,i.jsx)(l,{...e})}):l(e)}},1100:(e,n,s)=>{s.d(n,{R:()=>r,x:()=>a});var i=s(758);const t={},o=i.createContext(t);function r(e){const n=i.useContext(o);return i.useMemo((function(){return"function"==typeof e?e(n):{...n,...e}}),[n,e])}function a(e){let n;return n=e.disableParentContext?"function"==typeof e.components?e.components(t):e.components||t:r(e.components),i.createElement(o.Provider,{value:n},e.children)}}}]);
\ No newline at end of file
diff --git a/assets/js/5187bed2.e44189dd.js b/assets/js/5187bed2.354aa3a6.js
similarity index 99%
rename from assets/js/5187bed2.e44189dd.js
rename to assets/js/5187bed2.354aa3a6.js
index f9d8876e31..80cd6d8a9a 100644
--- a/assets/js/5187bed2.e44189dd.js
+++ b/assets/js/5187bed2.354aa3a6.js
@@ -1 +1 @@
-"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[4043],{4716:(e,n,t)=>{t.r(n),t.d(n,{assets:()=>c,contentTitle:()=>l,default:()=>h,frontMatter:()=>r,metadata:()=>o,toc:()=>d});var i=t(6070),s=t(1100);const r={sidebar_position:1},l="About architecture",o={id:"about/understanding/architecture",title:"About architecture",description:"Problems",source:"@site/i18n/en/docusaurus-plugin-content-docs/current/about/understanding/architecture.md",sourceDirName:"about/understanding",slug:"/about/understanding/architecture",permalink:"/docs/about/understanding/architecture",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/about/understanding/architecture.md",tags:[],version:"current",lastUpdatedAt:1727607766e3,sidebarPosition:1,frontMatter:{sidebar_position:1},sidebar:"aboutSidebar",previous:{title:"Alternatives",permalink:"/docs/about/alternatives"},next:{title:"Needs driven",permalink:"/docs/about/understanding/needs-driven"}},c={},d=[{value:"Problems",id:"problems",level:2},{value:"Bus-factor &amp; Onboarding",id:"bus-factor--onboarding",level:3},{value:"Implicit and uncontrolled consequences",id:"implicit-and-uncontrolled-consequences",level:3},{value:"Uncontrolled reuse of logic",id:"uncontrolled-reuse-of-logic",level:3},{value:"Requirements",id:"requirements",level:2},{value:"Explicitness",id:"explicitness",level:3},{value:"Control",id:"control",level:3},{value:"Adaptability",id:"adaptability",level:3},{value:"See also",id:"see-also",level:2}];function a(e){const n={a:"a",admonition:"admonition",code:"code",em:"em",h1:"h1",h2:"h2",h3:"h3",header:"header",li:"li",p:"p",strong:"strong",ul:"ul",...(0,s.R)(),...e.components};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(n.header,{children:(0,i.jsx)(n.h1,{id:"about-architecture",children:"About architecture"})}),"\n",(0,i.jsx)(n.h2,{id:"problems",children:"Problems"}),"\n",(0,i.jsx)(n.p,{children:"Usually, the conversation about architecture is raised when the development stops due to certain problems in the project."}),"\n",(0,i.jsx)(n.h3,{id:"bus-factor--onboarding",children:"Bus-factor & Onboarding"}),"\n",(0,i.jsx)(n.p,{children:"Only a limited number of people understand the project and its architecture"}),"\n",(0,i.jsx)(n.p,{children:(0,i.jsx)(n.strong,{children:"Examples:"})}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsx)(n.li,{children:(0,i.jsx)(n.em,{children:'"It\'s difficult to add a person to the development"'})}),"\n",(0,i.jsx)(n.li,{children:(0,i.jsx)(n.em,{children:'"For every problem, everyone has their own opinion on how to get around" (let\'s envy the angular)'})}),"\n",(0,i.jsx)(n.li,{children:(0,i.jsx)(n.em,{children:'"I don\'t understand what is happening in this big piece of monolith"'})}),"\n"]}),"\n",(0,i.jsx)(n.h3,{id:"implicit-and-uncontrolled-consequences",children:"Implicit and uncontrolled consequences"}),"\n",(0,i.jsxs)(n.p,{children:["A lot of implicit side effects during development/refactoring ",(0,i.jsx)(n.em,{children:'("everything depends on everything")'})]}),"\n",(0,i.jsx)(n.p,{children:(0,i.jsx)(n.strong,{children:"Examples:"})}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsx)(n.li,{children:(0,i.jsx)(n.em,{children:'"The feature imports the feature"'})}),"\n",(0,i.jsx)(n.li,{children:(0,i.jsx)(n.em,{children:'"I updated the store of one page, and the functionality fell off on the other"'})}),"\n",(0,i.jsx)(n.li,{children:(0,i.jsx)(n.em,{children:'"The logic is smeared all over the application, and it is impossible to track where the beginning is, where the end is"'})}),"\n"]}),"\n",(0,i.jsx)(n.h3,{id:"uncontrolled-reuse-of-logic",children:"Uncontrolled reuse of logic"}),"\n",(0,i.jsx)(n.p,{children:"It is difficult to reuse/modify existing logic"}),"\n",(0,i.jsxs)(n.p,{children:["At the same time, there are usually ",(0,i.jsx)(n.a,{href:"https://github.com/feature-sliced/documentation/discussions/14",children:"two extremes"}),":"]}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsxs)(n.li,{children:["Either the logic is written completely from scratch for each module ",(0,i.jsx)(n.em,{children:"(with possible repetitions in the existing codebase)"})]}),"\n",(0,i.jsxs)(n.li,{children:["Either there is a tendency to transfer all-all implemented modules to ",(0,i.jsx)(n.code,{children:"shared"})," folders, thereby creating a large dump of modules ",(0,i.jsx)(n.em,{children:"from it (where most are used only in one place)"})]}),"\n"]}),"\n",(0,i.jsx)(n.p,{children:(0,i.jsx)(n.strong,{children:"Examples:"})}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsx)(n.li,{children:(0,i.jsxs)(n.em,{children:['"I have ',(0,i.jsx)(n.strong,{children:"N"}),' implementations of the same business logic in my project, for which I still pay"']})}),"\n",(0,i.jsx)(n.li,{children:(0,i.jsx)(n.em,{children:'"There are 6 different components of the button/pop-up/... In the project"'})}),"\n",(0,i.jsx)(n.li,{children:(0,i.jsx)(n.em,{children:'"Dump of helpers"'})}),"\n"]}),"\n",(0,i.jsx)(n.h2,{id:"requirements",children:"Requirements"}),"\n",(0,i.jsxs)(n.p,{children:["Therefore, it seems logical to present the desired ",(0,i.jsx)(n.em,{children:"requirements for an ideal architecture:"})]}),"\n",(0,i.jsx)(n.admonition,{type:"note",children:(0,i.jsxs)(n.p,{children:['Wherever it says "easy", it means "relatively easy for a wide range of developers", because it is clear that ',(0,i.jsx)(n.a,{href:"/docs/about/mission#limitations",children:"it will not be possible to make an ideal solution for absolutely everyone"})]})}),"\n",(0,i.jsx)(n.h3,{id:"explicitness",children:"Explicitness"}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsxs)(n.li,{children:["It should be ",(0,i.jsx)(n.strong,{children:"easy to master and explain"})," the project and its architecture to the team"]}),"\n",(0,i.jsxs)(n.li,{children:["The structure should reflect the real ",(0,i.jsx)(n.strong,{children:"business values of the project"})]}),"\n",(0,i.jsxs)(n.li,{children:["There must be explicit ",(0,i.jsx)(n.strong,{children:"side effects and connections"})," between abstractions"]}),"\n",(0,i.jsxs)(n.li,{children:["It should be ",(0,i.jsx)(n.strong,{children:"easy to detect duplicate logic"})," without interfering with unique implementations"]}),"\n",(0,i.jsxs)(n.li,{children:["There should be no ",(0,i.jsx)(n.strong,{children:"dispersion of logic"})," throughout the project"]}),"\n",(0,i.jsxs)(n.li,{children:["There should not be ",(0,i.jsx)(n.strong,{children:"too many heterogeneous abstractions and rules"})," for a good architecture"]}),"\n"]}),"\n",(0,i.jsx)(n.h3,{id:"control",children:"Control"}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsxs)(n.li,{children:["A good architecture should ",(0,i.jsx)(n.strong,{children:"speed up the solution of tasks, the introduction of features"})]}),"\n",(0,i.jsx)(n.li,{children:"It should be possible to control the development of the project"}),"\n",(0,i.jsxs)(n.li,{children:["It should be easy to ",(0,i.jsx)(n.strong,{children:"expand, modify, delete the code"})]}),"\n",(0,i.jsx)(n.li,{children:"The * decomposition and isolation of** functionality must be observed"}),"\n",(0,i.jsxs)(n.li,{children:["Each component of the system must be ",(0,i.jsx)(n.strong,{children:"easily replaceable and removable"}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsx)(n.li,{children:(0,i.jsxs)(n.em,{children:[(0,i.jsx)(n.a,{href:"https://youtu.be/BWAeYuWFHhs?t=1631",children:"No need to optimize for changes"})," - we can't predict the future"]})}),"\n",(0,i.jsx)(n.li,{children:(0,i.jsxs)(n.em,{children:[(0,i.jsx)(n.a,{href:"https://youtu.be/BWAeYuWFHhs?t=1666",children:"Better-optimize for deletion"})," - based on the context that already exists"]})}),"\n"]}),"\n"]}),"\n"]}),"\n",(0,i.jsx)(n.h3,{id:"adaptability",children:"Adaptability"}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsxs)(n.li,{children:["A good architecture should be applicable ",(0,i.jsx)(n.strong,{children:"to most projects"}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsx)(n.li,{children:(0,i.jsx)(n.em,{children:"With existing infrastructure solutions"})}),"\n",(0,i.jsx)(n.li,{children:(0,i.jsx)(n.em,{children:"At any stage of development"})}),"\n"]}),"\n"]}),"\n",(0,i.jsx)(n.li,{children:"There should be no dependence on the framework and platform"}),"\n",(0,i.jsxs)(n.li,{children:["It should be possible to ",(0,i.jsx)(n.strong,{children:"easily scale the project and the team"}),", with the possibility of parallelization of development"]}),"\n",(0,i.jsxs)(n.li,{children:["It should be easy ",(0,i.jsx)(n.strong,{children:"to adapt to changing requirements and circumstances"})]}),"\n"]}),"\n",(0,i.jsx)(n.h2,{id:"see-also",children:"See also"}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsx)(n.li,{children:(0,i.jsx)(n.a,{href:"https://youtu.be/BWAeYuWFHhs",children:"(React Berlin Talk) Oleg Isonen - Feature Driven Architecture"})}),"\n",(0,i.jsx)(n.li,{children:(0,i.jsx)(n.a,{href:"https://t.me/feature_slices",children:"(React SPB Meetup #1) Sergey Sova - Feature Slices"})}),"\n",(0,i.jsx)(n.li,{children:(0,i.jsx)(n.a,{href:"https://alexmngn.medium.com/why-react-developers-should-modularize-their-applications-d26d381854c1",children:"(Article) About project modularization"})}),"\n",(0,i.jsx)(n.li,{children:(0,i.jsx)(n.a,{href:"https://ryanlanciaux.com/blog/2017/08/20/a-feature-based-approach-to-react-development/",children:"(Article) About Separation of Concerns and structuring by features"})}),"\n"]})]})}function h(e={}){const{wrapper:n}={...(0,s.R)(),...e.components};return n?(0,i.jsx)(n,{...e,children:(0,i.jsx)(a,{...e})}):a(e)}},1100:(e,n,t)=>{t.d(n,{R:()=>l,x:()=>o});var i=t(758);const s={},r=i.createContext(s);function l(e){const n=i.useContext(r);return i.useMemo((function(){return"function"==typeof e?e(n):{...n,...e}}),[n,e])}function o(e){let n;return n=e.disableParentContext?"function"==typeof e.components?e.components(s):e.components||s:l(e.components),i.createElement(r.Provider,{value:n},e.children)}}}]);
\ No newline at end of file
+"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[4043],{4716:(e,n,t)=>{t.r(n),t.d(n,{assets:()=>c,contentTitle:()=>l,default:()=>h,frontMatter:()=>r,metadata:()=>o,toc:()=>d});var i=t(6070),s=t(1100);const r={sidebar_position:1},l="About architecture",o={id:"about/understanding/architecture",title:"About architecture",description:"Problems",source:"@site/i18n/en/docusaurus-plugin-content-docs/current/about/understanding/architecture.md",sourceDirName:"about/understanding",slug:"/about/understanding/architecture",permalink:"/docs/about/understanding/architecture",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/about/understanding/architecture.md",tags:[],version:"current",lastUpdatedAt:1728325386e3,sidebarPosition:1,frontMatter:{sidebar_position:1},sidebar:"aboutSidebar",previous:{title:"Alternatives",permalink:"/docs/about/alternatives"},next:{title:"Needs driven",permalink:"/docs/about/understanding/needs-driven"}},c={},d=[{value:"Problems",id:"problems",level:2},{value:"Bus-factor &amp; Onboarding",id:"bus-factor--onboarding",level:3},{value:"Implicit and uncontrolled consequences",id:"implicit-and-uncontrolled-consequences",level:3},{value:"Uncontrolled reuse of logic",id:"uncontrolled-reuse-of-logic",level:3},{value:"Requirements",id:"requirements",level:2},{value:"Explicitness",id:"explicitness",level:3},{value:"Control",id:"control",level:3},{value:"Adaptability",id:"adaptability",level:3},{value:"See also",id:"see-also",level:2}];function a(e){const n={a:"a",admonition:"admonition",code:"code",em:"em",h1:"h1",h2:"h2",h3:"h3",header:"header",li:"li",p:"p",strong:"strong",ul:"ul",...(0,s.R)(),...e.components};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(n.header,{children:(0,i.jsx)(n.h1,{id:"about-architecture",children:"About architecture"})}),"\n",(0,i.jsx)(n.h2,{id:"problems",children:"Problems"}),"\n",(0,i.jsx)(n.p,{children:"Usually, the conversation about architecture is raised when the development stops due to certain problems in the project."}),"\n",(0,i.jsx)(n.h3,{id:"bus-factor--onboarding",children:"Bus-factor & Onboarding"}),"\n",(0,i.jsx)(n.p,{children:"Only a limited number of people understand the project and its architecture"}),"\n",(0,i.jsx)(n.p,{children:(0,i.jsx)(n.strong,{children:"Examples:"})}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsx)(n.li,{children:(0,i.jsx)(n.em,{children:'"It\'s difficult to add a person to the development"'})}),"\n",(0,i.jsx)(n.li,{children:(0,i.jsx)(n.em,{children:'"For every problem, everyone has their own opinion on how to get around" (let\'s envy the angular)'})}),"\n",(0,i.jsx)(n.li,{children:(0,i.jsx)(n.em,{children:'"I don\'t understand what is happening in this big piece of monolith"'})}),"\n"]}),"\n",(0,i.jsx)(n.h3,{id:"implicit-and-uncontrolled-consequences",children:"Implicit and uncontrolled consequences"}),"\n",(0,i.jsxs)(n.p,{children:["A lot of implicit side effects during development/refactoring ",(0,i.jsx)(n.em,{children:'("everything depends on everything")'})]}),"\n",(0,i.jsx)(n.p,{children:(0,i.jsx)(n.strong,{children:"Examples:"})}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsx)(n.li,{children:(0,i.jsx)(n.em,{children:'"The feature imports the feature"'})}),"\n",(0,i.jsx)(n.li,{children:(0,i.jsx)(n.em,{children:'"I updated the store of one page, and the functionality fell off on the other"'})}),"\n",(0,i.jsx)(n.li,{children:(0,i.jsx)(n.em,{children:'"The logic is smeared all over the application, and it is impossible to track where the beginning is, where the end is"'})}),"\n"]}),"\n",(0,i.jsx)(n.h3,{id:"uncontrolled-reuse-of-logic",children:"Uncontrolled reuse of logic"}),"\n",(0,i.jsx)(n.p,{children:"It is difficult to reuse/modify existing logic"}),"\n",(0,i.jsxs)(n.p,{children:["At the same time, there are usually ",(0,i.jsx)(n.a,{href:"https://github.com/feature-sliced/documentation/discussions/14",children:"two extremes"}),":"]}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsxs)(n.li,{children:["Either the logic is written completely from scratch for each module ",(0,i.jsx)(n.em,{children:"(with possible repetitions in the existing codebase)"})]}),"\n",(0,i.jsxs)(n.li,{children:["Either there is a tendency to transfer all-all implemented modules to ",(0,i.jsx)(n.code,{children:"shared"})," folders, thereby creating a large dump of modules ",(0,i.jsx)(n.em,{children:"from it (where most are used only in one place)"})]}),"\n"]}),"\n",(0,i.jsx)(n.p,{children:(0,i.jsx)(n.strong,{children:"Examples:"})}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsx)(n.li,{children:(0,i.jsxs)(n.em,{children:['"I have ',(0,i.jsx)(n.strong,{children:"N"}),' implementations of the same business logic in my project, for which I still pay"']})}),"\n",(0,i.jsx)(n.li,{children:(0,i.jsx)(n.em,{children:'"There are 6 different components of the button/pop-up/... In the project"'})}),"\n",(0,i.jsx)(n.li,{children:(0,i.jsx)(n.em,{children:'"Dump of helpers"'})}),"\n"]}),"\n",(0,i.jsx)(n.h2,{id:"requirements",children:"Requirements"}),"\n",(0,i.jsxs)(n.p,{children:["Therefore, it seems logical to present the desired ",(0,i.jsx)(n.em,{children:"requirements for an ideal architecture:"})]}),"\n",(0,i.jsx)(n.admonition,{type:"note",children:(0,i.jsxs)(n.p,{children:['Wherever it says "easy", it means "relatively easy for a wide range of developers", because it is clear that ',(0,i.jsx)(n.a,{href:"/docs/about/mission#limitations",children:"it will not be possible to make an ideal solution for absolutely everyone"})]})}),"\n",(0,i.jsx)(n.h3,{id:"explicitness",children:"Explicitness"}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsxs)(n.li,{children:["It should be ",(0,i.jsx)(n.strong,{children:"easy to master and explain"})," the project and its architecture to the team"]}),"\n",(0,i.jsxs)(n.li,{children:["The structure should reflect the real ",(0,i.jsx)(n.strong,{children:"business values of the project"})]}),"\n",(0,i.jsxs)(n.li,{children:["There must be explicit ",(0,i.jsx)(n.strong,{children:"side effects and connections"})," between abstractions"]}),"\n",(0,i.jsxs)(n.li,{children:["It should be ",(0,i.jsx)(n.strong,{children:"easy to detect duplicate logic"})," without interfering with unique implementations"]}),"\n",(0,i.jsxs)(n.li,{children:["There should be no ",(0,i.jsx)(n.strong,{children:"dispersion of logic"})," throughout the project"]}),"\n",(0,i.jsxs)(n.li,{children:["There should not be ",(0,i.jsx)(n.strong,{children:"too many heterogeneous abstractions and rules"})," for a good architecture"]}),"\n"]}),"\n",(0,i.jsx)(n.h3,{id:"control",children:"Control"}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsxs)(n.li,{children:["A good architecture should ",(0,i.jsx)(n.strong,{children:"speed up the solution of tasks, the introduction of features"})]}),"\n",(0,i.jsx)(n.li,{children:"It should be possible to control the development of the project"}),"\n",(0,i.jsxs)(n.li,{children:["It should be easy to ",(0,i.jsx)(n.strong,{children:"expand, modify, delete the code"})]}),"\n",(0,i.jsx)(n.li,{children:"The * decomposition and isolation of** functionality must be observed"}),"\n",(0,i.jsxs)(n.li,{children:["Each component of the system must be ",(0,i.jsx)(n.strong,{children:"easily replaceable and removable"}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsx)(n.li,{children:(0,i.jsxs)(n.em,{children:[(0,i.jsx)(n.a,{href:"https://youtu.be/BWAeYuWFHhs?t=1631",children:"No need to optimize for changes"})," - we can't predict the future"]})}),"\n",(0,i.jsx)(n.li,{children:(0,i.jsxs)(n.em,{children:[(0,i.jsx)(n.a,{href:"https://youtu.be/BWAeYuWFHhs?t=1666",children:"Better-optimize for deletion"})," - based on the context that already exists"]})}),"\n"]}),"\n"]}),"\n"]}),"\n",(0,i.jsx)(n.h3,{id:"adaptability",children:"Adaptability"}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsxs)(n.li,{children:["A good architecture should be applicable ",(0,i.jsx)(n.strong,{children:"to most projects"}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsx)(n.li,{children:(0,i.jsx)(n.em,{children:"With existing infrastructure solutions"})}),"\n",(0,i.jsx)(n.li,{children:(0,i.jsx)(n.em,{children:"At any stage of development"})}),"\n"]}),"\n"]}),"\n",(0,i.jsx)(n.li,{children:"There should be no dependence on the framework and platform"}),"\n",(0,i.jsxs)(n.li,{children:["It should be possible to ",(0,i.jsx)(n.strong,{children:"easily scale the project and the team"}),", with the possibility of parallelization of development"]}),"\n",(0,i.jsxs)(n.li,{children:["It should be easy ",(0,i.jsx)(n.strong,{children:"to adapt to changing requirements and circumstances"})]}),"\n"]}),"\n",(0,i.jsx)(n.h2,{id:"see-also",children:"See also"}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsx)(n.li,{children:(0,i.jsx)(n.a,{href:"https://youtu.be/BWAeYuWFHhs",children:"(React Berlin Talk) Oleg Isonen - Feature Driven Architecture"})}),"\n",(0,i.jsx)(n.li,{children:(0,i.jsx)(n.a,{href:"https://t.me/feature_slices",children:"(React SPB Meetup #1) Sergey Sova - Feature Slices"})}),"\n",(0,i.jsx)(n.li,{children:(0,i.jsx)(n.a,{href:"https://alexmngn.medium.com/why-react-developers-should-modularize-their-applications-d26d381854c1",children:"(Article) About project modularization"})}),"\n",(0,i.jsx)(n.li,{children:(0,i.jsx)(n.a,{href:"https://ryanlanciaux.com/blog/2017/08/20/a-feature-based-approach-to-react-development/",children:"(Article) About Separation of Concerns and structuring by features"})}),"\n"]})]})}function h(e={}){const{wrapper:n}={...(0,s.R)(),...e.components};return n?(0,i.jsx)(n,{...e,children:(0,i.jsx)(a,{...e})}):a(e)}},1100:(e,n,t)=>{t.d(n,{R:()=>l,x:()=>o});var i=t(758);const s={},r=i.createContext(s);function l(e){const n=i.useContext(r);return i.useMemo((function(){return"function"==typeof e?e(n):{...n,...e}}),[n,e])}function o(e){let n;return n=e.disableParentContext?"function"==typeof e.components?e.components(s):e.components||s:l(e.components),i.createElement(r.Provider,{value:n},e.children)}}}]);
\ No newline at end of file
diff --git a/assets/js/53f8e831.36b1647b.js b/assets/js/53f8e831.565a6c32.js
similarity index 97%
rename from assets/js/53f8e831.36b1647b.js
rename to assets/js/53f8e831.565a6c32.js
index 547f1e9379..f13ebd34c5 100644
--- a/assets/js/53f8e831.36b1647b.js
+++ b/assets/js/53f8e831.565a6c32.js
@@ -1,2 +1,2 @@
-/*! For license information please see 53f8e831.36b1647b.js.LICENSE.txt */
-"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[2978],{7946:(e,t,s)=>{s.d(t,{Ay:()=>r,RM:()=>a});var n=s(6070),c=s(1100),i=s(5988);const a=[];function o(e){return(0,n.jsx)(i.A,{...e})}function r(e={}){const{wrapper:t}={...(0,c.R)(),...e.components};return t?(0,n.jsx)(t,{...e,children:(0,n.jsx)(o,{...e})}):o(e)}},6382:(e,t,s)=>{s.r(t),s.d(t,{assets:()=>y,contentTitle:()=>A,default:()=>C,frontMatter:()=>b,metadata:()=>M,toc:()=>T});var n=s(6070),c=s(1100),i=s(7946),a=s(991),o=s(758);const r={icon:{tag:"svg",attrs:{viewBox:"64 64 896 896",focusable:"false"},children:[{tag:"path",attrs:{d:"M876.6 239.5c-.5-.9-1.2-1.8-2-2.5-5-5-13.1-5-18.1 0L684.2 409.3l-67.9-67.9L788.7 169c.8-.8 1.4-1.6 2-2.5 3.6-6.1 1.6-13.9-4.5-17.5-98.2-58-226.8-44.7-311.3 39.7-67 67-89.2 162-66.5 247.4l-293 293c-3 3-2.8 7.9.3 11l169.7 169.7c3.1 3.1 8.1 3.3 11 .3l292.9-292.9c85.5 22.8 180.5.7 247.6-66.4 84.4-84.5 97.7-213.1 39.7-311.3zM786 499.8c-58.1 58.1-145.3 69.3-214.6 33.6l-8.8 8.8-.1-.1-274 274.1-79.2-79.2 230.1-230.1s0 .1.1.1l52.8-52.8c-35.7-69.3-24.5-156.5 33.6-214.6a184.2 184.2 0 01144-53.5L537 318.9a32.05 32.05 0 000 45.3l124.5 124.5a32.05 32.05 0 0045.3 0l132.8-132.8c3.7 51.8-14.4 104.8-53.6 143.9z"}}]},name:"tool",theme:"outlined"};var l=s(9820),d=function(e,t){return o.createElement(l.A,(0,a.A)({},e,{ref:t,icon:r}))};const u=o.forwardRef(d);const h={icon:{tag:"svg",attrs:{"fill-rule":"evenodd",viewBox:"64 64 896 896",focusable:"false"},children:[{tag:"path",attrs:{d:"M880 912H144c-17.7 0-32-14.3-32-32V144c0-17.7 14.3-32 32-32h360c4.4 0 8 3.6 8 8v56c0 4.4-3.6 8-8 8H184v656h656V520c0-4.4 3.6-8 8-8h56c4.4 0 8 3.6 8 8v360c0 17.7-14.3 32-32 32zM653.3 424.6l52.2 52.2a8.01 8.01 0 01-4.7 13.6l-179.4 21c-5.1.6-9.5-3.7-8.9-8.9l21-179.4c.8-6.6 8.9-9.4 13.6-4.7l52.4 52.4 256.2-256.2c3.1-3.1 8.2-3.1 11.3 0l42.4 42.4c3.1 3.1 3.1 8.2 0 11.3L653.3 424.6z"}}]},name:"import",theme:"outlined"};var m=function(e,t){return o.createElement(l.A,(0,a.A)({},e,{ref:t,icon:h}))};const p=o.forwardRef(m);const g={icon:{tag:"svg",attrs:{viewBox:"64 64 896 896",focusable:"false"},children:[{tag:"defs",attrs:{},children:[{tag:"style",attrs:{}}]},{tag:"path",attrs:{d:"M841 370c3-3.3 2.7-8.3-.6-11.3a8.24 8.24 0 00-5.3-2.1h-72.6c-2.4 0-4.6 1-6.1 2.8L633.5 504.6a7.96 7.96 0 01-13.4-1.9l-63.5-141.3a7.9 7.9 0 00-7.3-4.7H380.7l.9-4.7 8-42.3c10.5-55.4 38-81.4 85.8-81.4 18.6 0 35.5 1.7 48.8 4.7l14.1-66.8c-22.6-4.7-35.2-6.1-54.9-6.1-103.3 0-156.4 44.3-175.9 147.3l-9.4 49.4h-97.6c-3.8 0-7.1 2.7-7.8 6.4L181.9 415a8.07 8.07 0 007.8 9.7H284l-89 429.9a8.07 8.07 0 007.8 9.7H269c3.8 0 7.1-2.7 7.8-6.4l89.7-433.1h135.8l68.2 139.1c1.4 2.9 1 6.4-1.2 8.8l-180.6 203c-2.9 3.3-2.6 8.4.7 11.3 1.5 1.3 3.4 2 5.3 2h72.7c2.4 0 4.6-1 6.1-2.8l123.7-146.7c2.8-3.4 7.9-3.8 11.3-1 .9.8 1.6 1.7 2.1 2.8L676.4 784c1.3 2.8 4.1 4.7 7.3 4.7h64.6a8.02 8.02 0 007.2-11.5l-95.2-198.9c-1.4-2.9-.9-6.4 1.3-8.8L841 370z"}}]},name:"function",theme:"outlined"};var f=function(e,t){return o.createElement(l.A,(0,a.A)({},e,{ref:t,icon:g}))};const x=o.forwardRef(f);const v={icon:{tag:"svg",attrs:{viewBox:"64 64 896 896",focusable:"false"},children:[{tag:"path",attrs:{d:"M304 280h56c4.4 0 8-3.6 8-8 0-28.3 5.9-53.2 17.1-73.5 10.6-19.4 26-34.8 45.4-45.4C450.9 142 475.7 136 504 136h16c28.3 0 53.2 5.9 73.5 17.1 19.4 10.6 34.8 26 45.4 45.4C650 218.9 656 243.7 656 272c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8 0-40-8.8-76.7-25.9-108.1a184.31 184.31 0 00-74-74C596.7 72.8 560 64 520 64h-16c-40 0-76.7 8.8-108.1 25.9a184.31 184.31 0 00-74 74C304.8 195.3 296 232 296 272c0 4.4 3.6 8 8 8z"}},{tag:"path",attrs:{d:"M940 512H792V412c76.8 0 139-62.2 139-139 0-4.4-3.6-8-8-8h-60c-4.4 0-8 3.6-8 8a63 63 0 01-63 63H232a63 63 0 01-63-63c0-4.4-3.6-8-8-8h-60c-4.4 0-8 3.6-8 8 0 76.8 62.2 139 139 139v100H84c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h148v96c0 6.5.2 13 .7 19.3C164.1 728.6 116 796.7 116 876c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8 0-44.2 23.9-82.9 59.6-103.7a273 273 0 0022.7 49c24.3 41.5 59 76.2 100.5 100.5S460.5 960 512 960s99.8-13.9 141.3-38.2a281.38 281.38 0 00123.2-149.5A120 120 0 01836 876c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8 0-79.3-48.1-147.4-116.7-176.7.4-6.4.7-12.8.7-19.3v-96h148c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8zM716 680c0 36.8-9.7 72-27.8 102.9-17.7 30.3-43 55.6-73.3 73.3C584 874.3 548.8 884 512 884s-72-9.7-102.9-27.8c-30.3-17.7-55.6-43-73.3-73.3A202.75 202.75 0 01308 680V412h408v268z"}}]},name:"bug",theme:"outlined"};var j=function(e,t){return o.createElement(l.A,(0,a.A)({},e,{ref:t,icon:v}))};const _=o.forwardRef(j),b={hide_table_of_contents:!0,pagination_prev:"get-started/index"},A="\ud83c\udfaf Guides",M={id:"guides/index",title:"\ud83c\udfaf Guides",description:"PRACTICE-ORIENTED",source:"@site/i18n/en/docusaurus-plugin-content-docs/current/guides/index.mdx",sourceDirName:"guides",slug:"/guides/",permalink:"/docs/guides/",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/guides/index.mdx",tags:[],version:"current",lastUpdatedAt:1727607766e3,frontMatter:{hide_table_of_contents:!0,pagination_prev:"get-started/index"},sidebar:"guidesSidebar",previous:{title:"\ud83d\ude80 Get Started",permalink:"/docs/get-started/"},next:{title:"Examples",permalink:"/docs/guides/examples/"}},y={},T=[{value:"Main",id:"main",level:2},...i.RM,...i.RM,...i.RM,...i.RM];function R(e){const t={h1:"h1",h2:"h2",header:"header",p:"p",...(0,c.R)(),...e.components};return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(t.header,{children:(0,n.jsx)(t.h1,{id:"-guides",children:"\ud83c\udfaf Guides"})}),"\n",(0,n.jsx)("span",{class:"badge badge--primary margin-bottom--md",children:"PRACTICE-ORIENTED"}),"\n",(0,n.jsx)("p",{class:"summary",children:(0,n.jsx)(t.p,{children:'Practical guides and examples on the use of Feature-Sliced Design. There is also describe migration guides and a handbook of harmful practices. It is most useful when you are trying to implement something specific or want to look at the methodology "in battle"'})}),"\n",(0,n.jsx)(t.h2,{id:"main",children:"Main"}),"\n","\n",(0,n.jsx)(i.Ay,{title:"Examples",description:"Practical examples on the application of the methodology",to:"/docs/guides/examples",Icon:u,tags:["Authentication","Types","Page layout"]}),"\n",(0,n.jsx)(i.Ay,{title:"Migration",description:"Migration guides from other architectures",to:"/docs/guides/migration/from-v1",Icon:p,tags:["From custom architecture","From FSv1"]}),"\n",(0,n.jsx)(i.Ay,{title:"Tech",description:"Tech-specific guides for FSD usage",to:"/docs/guides/tech/with-nextjs",Icon:x}),"\n",(0,n.jsx)(i.Ay,{title:"Code Issues (Smells)",description:"General architecture issues for legacy code",to:"/docs/guides/issues/desegmented",Icon:_,tags:["Desegmented","Routing","Cross-imports"]})]})}function C(e={}){const{wrapper:t}={...(0,c.R)(),...e.components};return t?(0,n.jsx)(t,{...e,children:(0,n.jsx)(R,{...e})}):R(e)}},5988:(e,t,s)=>{s.d(t,{Y:()=>o,A:()=>l});s(758);var n=s(3526),c=s(6783);const i={root:"root_GfON",rootDisabled:"rootDisabled_SFUB",details:"details_xxkR",detailsTags:"detailsTags_uTQx",icon:"icon_ciqP",title:"title_pSH5",description:"description__Fep",miniTheme:"miniTheme_ePfp",primaryTheme:"primaryTheme_CilO",defaultTheme:"defaultTheme_j3I8"};var a=s(6070);const o=e=>{const{title:t,description:s,to:o,Icon:l,tags:d,className:u,disabled:h,theme:m="default"}=e;return(0,a.jsxs)(c.A,{className:(0,n.A)(i.root,u,h&&i.rootDisabled,i[`${m}Theme`]),to:o,children:[(0,a.jsx)(r,{Icon:l}),(0,a.jsxs)("div",{className:i.details,children:[(0,a.jsxs)("div",{className:i.detailsMain,children:[(0,a.jsx)("span",{className:i.title,children:t}),(0,a.jsx)("p",{className:i.description,children:s})]}),d&&(0,a.jsx)("div",{className:i.detailsTags,children:d.join(" \u2022 ")})]})]})},r=e=>{let{Icon:t}=e;return t?"string"==typeof t?(0,a.jsx)("span",{className:i.icon,children:t}):(0,a.jsx)(t,{className:i.icon}):null},l=o},1100:(e,t,s)=>{s.d(t,{R:()=>a,x:()=>o});var n=s(758);const c={},i=n.createContext(c);function a(e){const t=n.useContext(i);return n.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function o(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(c):e.components||c:a(e.components),n.createElement(i.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
+/*! For license information please see 53f8e831.565a6c32.js.LICENSE.txt */
+"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[2978],{7946:(e,t,s)=>{s.d(t,{Ay:()=>r,RM:()=>a});var n=s(6070),c=s(1100),i=s(5988);const a=[];function o(e){return(0,n.jsx)(i.A,{...e})}function r(e={}){const{wrapper:t}={...(0,c.R)(),...e.components};return t?(0,n.jsx)(t,{...e,children:(0,n.jsx)(o,{...e})}):o(e)}},6382:(e,t,s)=>{s.r(t),s.d(t,{assets:()=>y,contentTitle:()=>A,default:()=>C,frontMatter:()=>b,metadata:()=>M,toc:()=>T});var n=s(6070),c=s(1100),i=s(7946),a=s(991),o=s(758);const r={icon:{tag:"svg",attrs:{viewBox:"64 64 896 896",focusable:"false"},children:[{tag:"path",attrs:{d:"M876.6 239.5c-.5-.9-1.2-1.8-2-2.5-5-5-13.1-5-18.1 0L684.2 409.3l-67.9-67.9L788.7 169c.8-.8 1.4-1.6 2-2.5 3.6-6.1 1.6-13.9-4.5-17.5-98.2-58-226.8-44.7-311.3 39.7-67 67-89.2 162-66.5 247.4l-293 293c-3 3-2.8 7.9.3 11l169.7 169.7c3.1 3.1 8.1 3.3 11 .3l292.9-292.9c85.5 22.8 180.5.7 247.6-66.4 84.4-84.5 97.7-213.1 39.7-311.3zM786 499.8c-58.1 58.1-145.3 69.3-214.6 33.6l-8.8 8.8-.1-.1-274 274.1-79.2-79.2 230.1-230.1s0 .1.1.1l52.8-52.8c-35.7-69.3-24.5-156.5 33.6-214.6a184.2 184.2 0 01144-53.5L537 318.9a32.05 32.05 0 000 45.3l124.5 124.5a32.05 32.05 0 0045.3 0l132.8-132.8c3.7 51.8-14.4 104.8-53.6 143.9z"}}]},name:"tool",theme:"outlined"};var l=s(9820),d=function(e,t){return o.createElement(l.A,(0,a.A)({},e,{ref:t,icon:r}))};const u=o.forwardRef(d);const h={icon:{tag:"svg",attrs:{"fill-rule":"evenodd",viewBox:"64 64 896 896",focusable:"false"},children:[{tag:"path",attrs:{d:"M880 912H144c-17.7 0-32-14.3-32-32V144c0-17.7 14.3-32 32-32h360c4.4 0 8 3.6 8 8v56c0 4.4-3.6 8-8 8H184v656h656V520c0-4.4 3.6-8 8-8h56c4.4 0 8 3.6 8 8v360c0 17.7-14.3 32-32 32zM653.3 424.6l52.2 52.2a8.01 8.01 0 01-4.7 13.6l-179.4 21c-5.1.6-9.5-3.7-8.9-8.9l21-179.4c.8-6.6 8.9-9.4 13.6-4.7l52.4 52.4 256.2-256.2c3.1-3.1 8.2-3.1 11.3 0l42.4 42.4c3.1 3.1 3.1 8.2 0 11.3L653.3 424.6z"}}]},name:"import",theme:"outlined"};var m=function(e,t){return o.createElement(l.A,(0,a.A)({},e,{ref:t,icon:h}))};const p=o.forwardRef(m);const g={icon:{tag:"svg",attrs:{viewBox:"64 64 896 896",focusable:"false"},children:[{tag:"defs",attrs:{},children:[{tag:"style",attrs:{}}]},{tag:"path",attrs:{d:"M841 370c3-3.3 2.7-8.3-.6-11.3a8.24 8.24 0 00-5.3-2.1h-72.6c-2.4 0-4.6 1-6.1 2.8L633.5 504.6a7.96 7.96 0 01-13.4-1.9l-63.5-141.3a7.9 7.9 0 00-7.3-4.7H380.7l.9-4.7 8-42.3c10.5-55.4 38-81.4 85.8-81.4 18.6 0 35.5 1.7 48.8 4.7l14.1-66.8c-22.6-4.7-35.2-6.1-54.9-6.1-103.3 0-156.4 44.3-175.9 147.3l-9.4 49.4h-97.6c-3.8 0-7.1 2.7-7.8 6.4L181.9 415a8.07 8.07 0 007.8 9.7H284l-89 429.9a8.07 8.07 0 007.8 9.7H269c3.8 0 7.1-2.7 7.8-6.4l89.7-433.1h135.8l68.2 139.1c1.4 2.9 1 6.4-1.2 8.8l-180.6 203c-2.9 3.3-2.6 8.4.7 11.3 1.5 1.3 3.4 2 5.3 2h72.7c2.4 0 4.6-1 6.1-2.8l123.7-146.7c2.8-3.4 7.9-3.8 11.3-1 .9.8 1.6 1.7 2.1 2.8L676.4 784c1.3 2.8 4.1 4.7 7.3 4.7h64.6a8.02 8.02 0 007.2-11.5l-95.2-198.9c-1.4-2.9-.9-6.4 1.3-8.8L841 370z"}}]},name:"function",theme:"outlined"};var f=function(e,t){return o.createElement(l.A,(0,a.A)({},e,{ref:t,icon:g}))};const x=o.forwardRef(f);const v={icon:{tag:"svg",attrs:{viewBox:"64 64 896 896",focusable:"false"},children:[{tag:"path",attrs:{d:"M304 280h56c4.4 0 8-3.6 8-8 0-28.3 5.9-53.2 17.1-73.5 10.6-19.4 26-34.8 45.4-45.4C450.9 142 475.7 136 504 136h16c28.3 0 53.2 5.9 73.5 17.1 19.4 10.6 34.8 26 45.4 45.4C650 218.9 656 243.7 656 272c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8 0-40-8.8-76.7-25.9-108.1a184.31 184.31 0 00-74-74C596.7 72.8 560 64 520 64h-16c-40 0-76.7 8.8-108.1 25.9a184.31 184.31 0 00-74 74C304.8 195.3 296 232 296 272c0 4.4 3.6 8 8 8z"}},{tag:"path",attrs:{d:"M940 512H792V412c76.8 0 139-62.2 139-139 0-4.4-3.6-8-8-8h-60c-4.4 0-8 3.6-8 8a63 63 0 01-63 63H232a63 63 0 01-63-63c0-4.4-3.6-8-8-8h-60c-4.4 0-8 3.6-8 8 0 76.8 62.2 139 139 139v100H84c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h148v96c0 6.5.2 13 .7 19.3C164.1 728.6 116 796.7 116 876c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8 0-44.2 23.9-82.9 59.6-103.7a273 273 0 0022.7 49c24.3 41.5 59 76.2 100.5 100.5S460.5 960 512 960s99.8-13.9 141.3-38.2a281.38 281.38 0 00123.2-149.5A120 120 0 01836 876c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8 0-79.3-48.1-147.4-116.7-176.7.4-6.4.7-12.8.7-19.3v-96h148c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8zM716 680c0 36.8-9.7 72-27.8 102.9-17.7 30.3-43 55.6-73.3 73.3C584 874.3 548.8 884 512 884s-72-9.7-102.9-27.8c-30.3-17.7-55.6-43-73.3-73.3A202.75 202.75 0 01308 680V412h408v268z"}}]},name:"bug",theme:"outlined"};var j=function(e,t){return o.createElement(l.A,(0,a.A)({},e,{ref:t,icon:v}))};const _=o.forwardRef(j),b={hide_table_of_contents:!0,pagination_prev:"get-started/index"},A="\ud83c\udfaf Guides",M={id:"guides/index",title:"\ud83c\udfaf Guides",description:"PRACTICE-ORIENTED",source:"@site/i18n/en/docusaurus-plugin-content-docs/current/guides/index.mdx",sourceDirName:"guides",slug:"/guides/",permalink:"/docs/guides/",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/guides/index.mdx",tags:[],version:"current",lastUpdatedAt:1728325386e3,frontMatter:{hide_table_of_contents:!0,pagination_prev:"get-started/index"},sidebar:"guidesSidebar",previous:{title:"\ud83d\ude80 Get Started",permalink:"/docs/get-started/"},next:{title:"Examples",permalink:"/docs/guides/examples/"}},y={},T=[{value:"Main",id:"main",level:2},...i.RM,...i.RM,...i.RM,...i.RM];function R(e){const t={h1:"h1",h2:"h2",header:"header",p:"p",...(0,c.R)(),...e.components};return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(t.header,{children:(0,n.jsx)(t.h1,{id:"-guides",children:"\ud83c\udfaf Guides"})}),"\n",(0,n.jsx)("span",{class:"badge badge--primary margin-bottom--md",children:"PRACTICE-ORIENTED"}),"\n",(0,n.jsx)("p",{class:"summary",children:(0,n.jsx)(t.p,{children:'Practical guides and examples on the use of Feature-Sliced Design. There is also describe migration guides and a handbook of harmful practices. It is most useful when you are trying to implement something specific or want to look at the methodology "in battle"'})}),"\n",(0,n.jsx)(t.h2,{id:"main",children:"Main"}),"\n","\n",(0,n.jsx)(i.Ay,{title:"Examples",description:"Practical examples on the application of the methodology",to:"/docs/guides/examples",Icon:u,tags:["Authentication","Types","Page layout"]}),"\n",(0,n.jsx)(i.Ay,{title:"Migration",description:"Migration guides from other architectures",to:"/docs/guides/migration/from-v1",Icon:p,tags:["From custom architecture","From FSv1"]}),"\n",(0,n.jsx)(i.Ay,{title:"Tech",description:"Tech-specific guides for FSD usage",to:"/docs/guides/tech/with-nextjs",Icon:x}),"\n",(0,n.jsx)(i.Ay,{title:"Code Issues (Smells)",description:"General architecture issues for legacy code",to:"/docs/guides/issues/desegmented",Icon:_,tags:["Desegmented","Routing","Cross-imports"]})]})}function C(e={}){const{wrapper:t}={...(0,c.R)(),...e.components};return t?(0,n.jsx)(t,{...e,children:(0,n.jsx)(R,{...e})}):R(e)}},5988:(e,t,s)=>{s.d(t,{Y:()=>o,A:()=>l});s(758);var n=s(3526),c=s(6783);const i={root:"root_GfON",rootDisabled:"rootDisabled_SFUB",details:"details_xxkR",detailsTags:"detailsTags_uTQx",icon:"icon_ciqP",title:"title_pSH5",description:"description__Fep",miniTheme:"miniTheme_ePfp",primaryTheme:"primaryTheme_CilO",defaultTheme:"defaultTheme_j3I8"};var a=s(6070);const o=e=>{const{title:t,description:s,to:o,Icon:l,tags:d,className:u,disabled:h,theme:m="default"}=e;return(0,a.jsxs)(c.A,{className:(0,n.A)(i.root,u,h&&i.rootDisabled,i[`${m}Theme`]),to:o,children:[(0,a.jsx)(r,{Icon:l}),(0,a.jsxs)("div",{className:i.details,children:[(0,a.jsxs)("div",{className:i.detailsMain,children:[(0,a.jsx)("span",{className:i.title,children:t}),(0,a.jsx)("p",{className:i.description,children:s})]}),d&&(0,a.jsx)("div",{className:i.detailsTags,children:d.join(" \u2022 ")})]})]})},r=e=>{let{Icon:t}=e;return t?"string"==typeof t?(0,a.jsx)("span",{className:i.icon,children:t}):(0,a.jsx)(t,{className:i.icon}):null},l=o},1100:(e,t,s)=>{s.d(t,{R:()=>a,x:()=>o});var n=s(758);const c={},i=n.createContext(c);function a(e){const t=n.useContext(i);return n.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function o(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(c):e.components||c:a(e.components),n.createElement(i.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
diff --git a/assets/js/53f8e831.36b1647b.js.LICENSE.txt b/assets/js/53f8e831.565a6c32.js.LICENSE.txt
similarity index 100%
rename from assets/js/53f8e831.36b1647b.js.LICENSE.txt
rename to assets/js/53f8e831.565a6c32.js.LICENSE.txt
diff --git a/assets/js/55b0769a.c6add365.js b/assets/js/55b0769a.54426547.js
similarity index 98%
rename from assets/js/55b0769a.c6add365.js
rename to assets/js/55b0769a.54426547.js
index be2e9d0aec..2aa31c8533 100644
--- a/assets/js/55b0769a.c6add365.js
+++ b/assets/js/55b0769a.54426547.js
@@ -1 +1 @@
-"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[9386],{3794:(e,t,n)=>{n.r(t),n.d(t,{assets:()=>l,contentTitle:()=>a,default:()=>c,frontMatter:()=>o,metadata:()=>r,toc:()=>d});var s=n(6070),i=n(1100);const o={sidebar_position:3},a="Page layouts",r={id:"guides/examples/page-layout",title:"Page layouts",description:"This guide examines the abstraction of a page layout \u2014 when several pages share the same overall structure, and differ only in the main content.",source:"@site/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/page-layout.md",sourceDirName:"guides/examples",slug:"/guides/examples/page-layout",permalink:"/docs/guides/examples/page-layout",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/page-layout.md",tags:[],version:"current",lastUpdatedAt:1727607766e3,sidebarPosition:3,frontMatter:{sidebar_position:3},sidebar:"guidesSidebar",previous:{title:"Types",permalink:"/docs/guides/examples/types"},next:{title:"From a custom architecture",permalink:"/docs/guides/migration/from-custom"}},l={},d=[{value:"Simple layout",id:"simple-layout",level:2},{value:"Using widgets in the layout",id:"using-widgets-in-the-layout",level:2},{value:"Further reading",id:"further-reading",level:2}];function h(e){const t={a:"a",admonition:"admonition",blockquote:"blockquote",br:"br",code:"code",em:"em",h1:"h1",h2:"h2",header:"header",li:"li",ol:"ol",p:"p",pre:"pre",strong:"strong",ul:"ul",...(0,i.R)(),...e.components};return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(t.header,{children:(0,s.jsx)(t.h1,{id:"page-layouts",children:"Page layouts"})}),"\n",(0,s.jsxs)(t.p,{children:["This guide examines the abstraction of a ",(0,s.jsx)(t.em,{children:"page layout"})," \u2014 when several pages share the same overall structure, and differ only in the main content."]}),"\n",(0,s.jsx)(t.admonition,{type:"info",children:(0,s.jsx)(t.p,{children:"Is your question not covered by this guide? Post your question by leaving feedback on this article (blue button on the right) and we will consider expanding this guide!"})}),"\n",(0,s.jsx)(t.h2,{id:"simple-layout",children:"Simple layout"}),"\n",(0,s.jsxs)(t.p,{children:["The simplest layout can be seen on this page. It has a header with site navigation, two sidebars, and a footer with external links. There is no complicated business logic, and the only dynamic parts are sidebars and the switchers on the right side of the header. Such a layout can be placed entirely in ",(0,s.jsx)(t.code,{children:"shared/ui"})," or in ",(0,s.jsx)(t.code,{children:"app/layouts"}),", with props filling in the content for the sidebars:"]}),"\n",(0,s.jsx)(t.pre,{children:(0,s.jsx)(t.code,{className:"language-tsx",metastring:'title="shared/ui/layout/Layout.tsx"',children:'import { Link, Outlet } from "react-router-dom";\nimport { useThemeSwitcher } from "./useThemeSwitcher";\n\nexport function Layout({ siblingPages, headings }) {\n  const [theme, toggleTheme] = useThemeSwitcher();\n\n  return (\n    <div>\n      <header>\n        <nav>\n          <ul>\n            <li> <Link to="/">Home</Link> </li>\n            <li> <Link to="/docs">Docs</Link> </li>\n            <li> <Link to="/blog">Blog</Link> </li>\n          </ul>\n        </nav>\n        <button onClick={toggleTheme}>{theme}</button>\n      </header>\n      <main>\n        <SiblingPageSidebar siblingPages={siblingPages} />\n        <Outlet /> {/* This is where the main content goes */}\n        <HeadingsSidebar headings={headings} />\n      </main>\n      <footer>\n        <ul>\n          <li>GitHub</li>\n          <li>Twitter</li>\n        </ul>\n      </footer>\n    </div>\n  );\n}\n'})}),"\n",(0,s.jsx)(t.pre,{children:(0,s.jsx)(t.code,{className:"language-ts",metastring:'title="shared/ui/layout/useThemeSwitcher.ts"',children:'export function useThemeSwitcher() {\n  const [theme, setTheme] = useState("light");\n\n  function toggleTheme() {\n    setTheme(theme === "light" ? "dark" : "light");\n  }\n\n  useEffect(() => {\n    document.body.classList.remove("light", "dark");\n    document.body.classList.add(theme);\n  }, [theme]);\n\n  return [theme, toggleTheme] as const;\n}\n'})}),"\n",(0,s.jsx)(t.p,{children:"The code of sidebars is left as an exercise for the reader \ud83d\ude09."}),"\n",(0,s.jsx)(t.h2,{id:"using-widgets-in-the-layout",children:"Using widgets in the layout"}),"\n",(0,s.jsxs)(t.p,{children:["Sometimes you want to include certain business logic in the layout, especially if you're using deeply nested routes with a router like ",(0,s.jsx)(t.a,{href:"https://reactrouter.com/",children:"React Router"}),". Then you can't store the layout in Shared or in Widgets due to ",(0,s.jsx)(t.a,{href:"/docs/reference/layers#import-rule-on-layers",children:"the import rule on layers"}),":"]}),"\n",(0,s.jsxs)(t.blockquote,{children:["\n",(0,s.jsx)(t.p,{children:"A module in a slice can only import other slices when they are located on layers strictly below."}),"\n"]}),"\n",(0,s.jsxs)(t.p,{children:["Before we discuss solutions, we need to discuss if it's even a problem in the first place. Do you ",(0,s.jsx)(t.em,{children:"really need"})," that layout, and if so, does it ",(0,s.jsx)(t.em,{children:"really need"})," to be a Widget? If the block of business logic in question is reused on 2-3 pages, and the layout is simply a small wrapper for that widget, consider one of these two options:"]}),"\n",(0,s.jsxs)(t.ol,{children:["\n",(0,s.jsxs)(t.li,{children:["\n",(0,s.jsxs)(t.p,{children:[(0,s.jsx)(t.strong,{children:"Write the layout inline on the App layer, where you configure the routing"}),(0,s.jsx)(t.br,{}),"\n","This is great for routers that support nesting, because you can group certain routes and apply the layout only to them."]}),"\n"]}),"\n",(0,s.jsxs)(t.li,{children:["\n",(0,s.jsxs)(t.p,{children:[(0,s.jsx)(t.strong,{children:"Just copy-paste it"}),(0,s.jsx)(t.br,{}),"\n","The urge to abstract code is often very overrated. It is especially the case for layouts, which rarely change. At some point, if one of these pages will need to change, you can simply do the change without needlessly affecting other pages. If you're worried that someone might forget to update the other pages, you can always leave a comment that describes the relationship between the pages."]}),"\n"]}),"\n"]}),"\n",(0,s.jsx)(t.p,{children:"If none of the above are applicable, there are two solutions to include a widget in the layout:"}),"\n",(0,s.jsxs)(t.ol,{children:["\n",(0,s.jsxs)(t.li,{children:[(0,s.jsx)(t.strong,{children:"Use render props or slots"}),(0,s.jsx)(t.br,{}),"\n","Most frameworks allow you to pass a piece of UI externally. In React, it's called ",(0,s.jsx)(t.a,{href:"https://www.patterns.dev/react/render-props-pattern/",children:"render props"}),", in Vue it's called ",(0,s.jsx)(t.a,{href:"https://vuejs.org/guide/components/slots",children:"slots"}),"."]}),"\n",(0,s.jsxs)(t.li,{children:[(0,s.jsx)(t.strong,{children:"Move the layout to the App layer"}),(0,s.jsx)(t.br,{}),"\n","You can also store your layout on the App layer, for example, in ",(0,s.jsx)(t.code,{children:"app/layouts"}),", and compose any widgets you want."]}),"\n"]}),"\n",(0,s.jsx)(t.h2,{id:"further-reading",children:"Further reading"}),"\n",(0,s.jsxs)(t.ul,{children:["\n",(0,s.jsxs)(t.li,{children:["There's an example of how to build a layout with authentication with React and Remix (equivalent to React Router) in the ",(0,s.jsx)(t.a,{href:"/docs/get-started/tutorial",children:"tutorial"}),"."]}),"\n"]})]})}function c(e={}){const{wrapper:t}={...(0,i.R)(),...e.components};return t?(0,s.jsx)(t,{...e,children:(0,s.jsx)(h,{...e})}):h(e)}},1100:(e,t,n)=>{n.d(t,{R:()=>a,x:()=>r});var s=n(758);const i={},o=s.createContext(i);function a(e){const t=s.useContext(o);return s.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function r(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(i):e.components||i:a(e.components),s.createElement(o.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
+"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[9386],{3794:(e,t,n)=>{n.r(t),n.d(t,{assets:()=>l,contentTitle:()=>a,default:()=>c,frontMatter:()=>o,metadata:()=>r,toc:()=>d});var s=n(6070),i=n(1100);const o={sidebar_position:3},a="Page layouts",r={id:"guides/examples/page-layout",title:"Page layouts",description:"This guide examines the abstraction of a page layout \u2014 when several pages share the same overall structure, and differ only in the main content.",source:"@site/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/page-layout.md",sourceDirName:"guides/examples",slug:"/guides/examples/page-layout",permalink:"/docs/guides/examples/page-layout",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/page-layout.md",tags:[],version:"current",lastUpdatedAt:1728325386e3,sidebarPosition:3,frontMatter:{sidebar_position:3},sidebar:"guidesSidebar",previous:{title:"Types",permalink:"/docs/guides/examples/types"},next:{title:"From a custom architecture",permalink:"/docs/guides/migration/from-custom"}},l={},d=[{value:"Simple layout",id:"simple-layout",level:2},{value:"Using widgets in the layout",id:"using-widgets-in-the-layout",level:2},{value:"Further reading",id:"further-reading",level:2}];function h(e){const t={a:"a",admonition:"admonition",blockquote:"blockquote",br:"br",code:"code",em:"em",h1:"h1",h2:"h2",header:"header",li:"li",ol:"ol",p:"p",pre:"pre",strong:"strong",ul:"ul",...(0,i.R)(),...e.components};return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(t.header,{children:(0,s.jsx)(t.h1,{id:"page-layouts",children:"Page layouts"})}),"\n",(0,s.jsxs)(t.p,{children:["This guide examines the abstraction of a ",(0,s.jsx)(t.em,{children:"page layout"})," \u2014 when several pages share the same overall structure, and differ only in the main content."]}),"\n",(0,s.jsx)(t.admonition,{type:"info",children:(0,s.jsx)(t.p,{children:"Is your question not covered by this guide? Post your question by leaving feedback on this article (blue button on the right) and we will consider expanding this guide!"})}),"\n",(0,s.jsx)(t.h2,{id:"simple-layout",children:"Simple layout"}),"\n",(0,s.jsxs)(t.p,{children:["The simplest layout can be seen on this page. It has a header with site navigation, two sidebars, and a footer with external links. There is no complicated business logic, and the only dynamic parts are sidebars and the switchers on the right side of the header. Such a layout can be placed entirely in ",(0,s.jsx)(t.code,{children:"shared/ui"})," or in ",(0,s.jsx)(t.code,{children:"app/layouts"}),", with props filling in the content for the sidebars:"]}),"\n",(0,s.jsx)(t.pre,{children:(0,s.jsx)(t.code,{className:"language-tsx",metastring:'title="shared/ui/layout/Layout.tsx"',children:'import { Link, Outlet } from "react-router-dom";\nimport { useThemeSwitcher } from "./useThemeSwitcher";\n\nexport function Layout({ siblingPages, headings }) {\n  const [theme, toggleTheme] = useThemeSwitcher();\n\n  return (\n    <div>\n      <header>\n        <nav>\n          <ul>\n            <li> <Link to="/">Home</Link> </li>\n            <li> <Link to="/docs">Docs</Link> </li>\n            <li> <Link to="/blog">Blog</Link> </li>\n          </ul>\n        </nav>\n        <button onClick={toggleTheme}>{theme}</button>\n      </header>\n      <main>\n        <SiblingPageSidebar siblingPages={siblingPages} />\n        <Outlet /> {/* This is where the main content goes */}\n        <HeadingsSidebar headings={headings} />\n      </main>\n      <footer>\n        <ul>\n          <li>GitHub</li>\n          <li>Twitter</li>\n        </ul>\n      </footer>\n    </div>\n  );\n}\n'})}),"\n",(0,s.jsx)(t.pre,{children:(0,s.jsx)(t.code,{className:"language-ts",metastring:'title="shared/ui/layout/useThemeSwitcher.ts"',children:'export function useThemeSwitcher() {\n  const [theme, setTheme] = useState("light");\n\n  function toggleTheme() {\n    setTheme(theme === "light" ? "dark" : "light");\n  }\n\n  useEffect(() => {\n    document.body.classList.remove("light", "dark");\n    document.body.classList.add(theme);\n  }, [theme]);\n\n  return [theme, toggleTheme] as const;\n}\n'})}),"\n",(0,s.jsx)(t.p,{children:"The code of sidebars is left as an exercise for the reader \ud83d\ude09."}),"\n",(0,s.jsx)(t.h2,{id:"using-widgets-in-the-layout",children:"Using widgets in the layout"}),"\n",(0,s.jsxs)(t.p,{children:["Sometimes you want to include certain business logic in the layout, especially if you're using deeply nested routes with a router like ",(0,s.jsx)(t.a,{href:"https://reactrouter.com/",children:"React Router"}),". Then you can't store the layout in Shared or in Widgets due to ",(0,s.jsx)(t.a,{href:"/docs/reference/layers#import-rule-on-layers",children:"the import rule on layers"}),":"]}),"\n",(0,s.jsxs)(t.blockquote,{children:["\n",(0,s.jsx)(t.p,{children:"A module in a slice can only import other slices when they are located on layers strictly below."}),"\n"]}),"\n",(0,s.jsxs)(t.p,{children:["Before we discuss solutions, we need to discuss if it's even a problem in the first place. Do you ",(0,s.jsx)(t.em,{children:"really need"})," that layout, and if so, does it ",(0,s.jsx)(t.em,{children:"really need"})," to be a Widget? If the block of business logic in question is reused on 2-3 pages, and the layout is simply a small wrapper for that widget, consider one of these two options:"]}),"\n",(0,s.jsxs)(t.ol,{children:["\n",(0,s.jsxs)(t.li,{children:["\n",(0,s.jsxs)(t.p,{children:[(0,s.jsx)(t.strong,{children:"Write the layout inline on the App layer, where you configure the routing"}),(0,s.jsx)(t.br,{}),"\n","This is great for routers that support nesting, because you can group certain routes and apply the layout only to them."]}),"\n"]}),"\n",(0,s.jsxs)(t.li,{children:["\n",(0,s.jsxs)(t.p,{children:[(0,s.jsx)(t.strong,{children:"Just copy-paste it"}),(0,s.jsx)(t.br,{}),"\n","The urge to abstract code is often very overrated. It is especially the case for layouts, which rarely change. At some point, if one of these pages will need to change, you can simply do the change without needlessly affecting other pages. If you're worried that someone might forget to update the other pages, you can always leave a comment that describes the relationship between the pages."]}),"\n"]}),"\n"]}),"\n",(0,s.jsx)(t.p,{children:"If none of the above are applicable, there are two solutions to include a widget in the layout:"}),"\n",(0,s.jsxs)(t.ol,{children:["\n",(0,s.jsxs)(t.li,{children:[(0,s.jsx)(t.strong,{children:"Use render props or slots"}),(0,s.jsx)(t.br,{}),"\n","Most frameworks allow you to pass a piece of UI externally. In React, it's called ",(0,s.jsx)(t.a,{href:"https://www.patterns.dev/react/render-props-pattern/",children:"render props"}),", in Vue it's called ",(0,s.jsx)(t.a,{href:"https://vuejs.org/guide/components/slots",children:"slots"}),"."]}),"\n",(0,s.jsxs)(t.li,{children:[(0,s.jsx)(t.strong,{children:"Move the layout to the App layer"}),(0,s.jsx)(t.br,{}),"\n","You can also store your layout on the App layer, for example, in ",(0,s.jsx)(t.code,{children:"app/layouts"}),", and compose any widgets you want."]}),"\n"]}),"\n",(0,s.jsx)(t.h2,{id:"further-reading",children:"Further reading"}),"\n",(0,s.jsxs)(t.ul,{children:["\n",(0,s.jsxs)(t.li,{children:["There's an example of how to build a layout with authentication with React and Remix (equivalent to React Router) in the ",(0,s.jsx)(t.a,{href:"/docs/get-started/tutorial",children:"tutorial"}),"."]}),"\n"]})]})}function c(e={}){const{wrapper:t}={...(0,i.R)(),...e.components};return t?(0,s.jsx)(t,{...e,children:(0,s.jsx)(h,{...e})}):h(e)}},1100:(e,t,n)=>{n.d(t,{R:()=>a,x:()=>r});var s=n(758);const i={},o=s.createContext(i);function a(e){const t=s.useContext(o);return s.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function r(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(i):e.components||i:a(e.components),s.createElement(o.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
diff --git a/assets/js/55fbebd6.3b453fe2.js b/assets/js/55fbebd6.4462abfa.js
similarity index 99%
rename from assets/js/55fbebd6.3b453fe2.js
rename to assets/js/55fbebd6.4462abfa.js
index f6f70fb195..bffb100d7a 100644
--- a/assets/js/55fbebd6.3b453fe2.js
+++ b/assets/js/55fbebd6.4462abfa.js
@@ -1 +1 @@
-"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[5746],{7946:(A,o,t)=>{t.d(o,{Ay:()=>a,RM:()=>n});var e=t(6070),s=t(1100),g=t(5988);const n=[];function i(A){return(0,e.jsx)(g.A,{...A})}function a(A={}){const{wrapper:o}={...(0,s.R)(),...A.components};return o?(0,e.jsx)(o,{...A,children:(0,e.jsx)(i,{...A})}):i(A)}},9050:(A,o,t)=>{t.r(o),t.d(o,{assets:()=>U,contentTitle:()=>i,default:()=>B,frontMatter:()=>n,metadata:()=>a,toc:()=>C});var e=t(6070),s=t(1100),g=t(7946);t(6783);const n={sidebar_position:1,slug:"/",pagination_next:"get-started/index"},i="Documentation",a={id:"intro",title:"Documentation",description:"feature-sliced-banner",source:"@site/i18n/en/docusaurus-plugin-content-docs/current/intro.mdx",sourceDirName:".",slug:"/",permalink:"/docs/",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/intro.mdx",tags:[],version:"current",lastUpdatedAt:1727607766e3,sidebarPosition:1,frontMatter:{sidebar_position:1,slug:"/",pagination_next:"get-started/index"},next:{title:"\ud83d\ude80 Get Started",permalink:"/docs/get-started/"}},U={},C=[...g.RM,...g.RM,...g.RM,...g.RM,...g.RM,...g.RM,...g.RM];function F(A){const o={h1:"h1",header:"header",img:"img",p:"p",strong:"strong",...(0,s.R)(),...A.components};return(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)(o.header,{children:(0,e.jsx)(o.h1,{id:"documentation",children:"Documentation"})}),"\n",(0,e.jsx)(o.p,{children:(0,e.jsx)(o.img,{alt:"feature-sliced-banner",src:t(1589).A+"",width:"1400",height:"320"})}),"\n",(0,e.jsxs)(o.p,{children:[(0,e.jsx)(o.strong,{children:"Feature-Sliced Design"})," (FSD) is an architectural methodology for scaffolding front-end applications. Simply put, it's a compilation of rules and conventions on organizing code. The main purpose of this methodology is to make the project more understandable and structured in the face of ever-changing business requirements."]}),"\n","\n",(0,e.jsx)(g.Ay,{theme:"primary",Icon:"\ud83c\udf70",title:"New to FSD?",description:"Learn the basics with quick overview of methodology",to:"/docs/get-started/overview"}),"\n",(0,e.jsx)("br",{}),"\n",(0,e.jsx)(g.Ay,{theme:"mini",title:"\ud83d\ude80 Get Started",description:"A tour over the basic concepts and structure as well as a comprehensive review of a React sample project",to:"/docs/get-started",tags:["Overview","Tutorial","FAQ"]}),"\n",(0,e.jsx)(g.Ay,{theme:"mini",title:"\ud83c\udfaf Guides",description:"Practical guides and application examples",to:"/docs/guides",tags:["Examples","Migration","Tech"]}),"\n",(0,e.jsx)(g.Ay,{theme:"mini",title:"\ud83d\udcda Reference",description:"Reference details of core concepts (for more efficient application)",to:"/docs/reference",tags:["Units","Isolation","Public API"]}),"\n",(0,e.jsx)(g.Ay,{theme:"mini",title:"\ud83c\udf70 About",description:"The philosophy of the methodology, its goals and place in the modern front-end",to:"/docs/about",tags:["Mission","Alternatives","Promote"]}),"\n",(0,e.jsx)(g.Ay,{theme:"mini",title:"\ud83d\udcab Community",description:"Resources and additional materials, contributed by the community",to:"/community",tags:["Awesome","Team","Examples"]}),"\n",(0,e.jsx)(g.Ay,{theme:"mini",title:"\ud83d\udee0 Examples",description:"Projects built with Feature-Sliced Design",to:"/examples"})]})}function B(A={}){const{wrapper:o}={...(0,s.R)(),...A.components};return o?(0,e.jsx)(o,{...A,children:(0,e.jsx)(F,{...A})}):F(A)}},5988:(A,o,t)=>{t.d(o,{Y:()=>i,A:()=>U});t(758);var e=t(3526),s=t(6783);const g={root:"root_GfON",rootDisabled:"rootDisabled_SFUB",details:"details_xxkR",detailsTags:"detailsTags_uTQx",icon:"icon_ciqP",title:"title_pSH5",description:"description__Fep",miniTheme:"miniTheme_ePfp",primaryTheme:"primaryTheme_CilO",defaultTheme:"defaultTheme_j3I8"};var n=t(6070);const i=A=>{const{title:o,description:t,to:i,Icon:U,tags:C,className:F,disabled:B,theme:r="default"}=A;return(0,n.jsxs)(s.A,{className:(0,e.A)(g.root,F,B&&g.rootDisabled,g[`${r}Theme`]),to:i,children:[(0,n.jsx)(a,{Icon:U}),(0,n.jsxs)("div",{className:g.details,children:[(0,n.jsxs)("div",{className:g.detailsMain,children:[(0,n.jsx)("span",{className:g.title,children:o}),(0,n.jsx)("p",{className:g.description,children:t})]}),C&&(0,n.jsx)("div",{className:g.detailsTags,children:C.join(" \u2022 ")})]})]})},a=A=>{let{Icon:o}=A;return o?"string"==typeof o?(0,n.jsx)("span",{className:g.icon,children:o}):(0,n.jsx)(o,{className:g.icon}):null},U=i},1589:(A,o,t)=>{t.d(o,{A:()=>e});const e="data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAoHBwkHBgoJCAkLCwoMDxkQDw4ODx4WFxIZJCAmJSMgIyIoLTkwKCo2KyIjMkQyNjs9QEBAJjBGS0U+Sjk/QD3/2wBDAQsLCw8NDx0QEB09KSMpPT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT3/wgARCAFABXgDAREAAhEBAxEB/8QAGgABAQADAQEAAAAAAAAAAAAAAAEDBAUGAv/EABkBAQEAAwEAAAAAAAAAAAAAAAABAgMEBf/aAAwDAQACEAMQAAAA8V0+cAoAAAKAAACgAAAoAoAAUAFAAUACgAAAFoAAAUAAoCgCooJQFAUAAoCgChAAAVQFgC0AAAAAAKAAAUAUAAAKAAAAAAAAAAAAAAAHx5moAKAAACgAAAoAAAKAKAAFABQAFAAoAAABaAAAFAAKAoAqKCUBQFAAKAoAoQAAFUBYAtAAAAAACgAAFAFAAACgAAAAAAAAAAAAAAPjzNQACgAAAoAAAKAAACgCgABQAUABQAKAAAAWgAABQACgKAKiglAUBQACgKAKEAABVAWALQAAAAAAoAABQBQAAAoAAAAAAAAAAAAAAY/M1UAAUAAAFAAABQAAAUAUAAKACgAKABQAAAC0AAAKAAUBQBUUEoCgKAAUBQBQgAAKoCwBaAAAAAAFAAAKAKAAAFAAAAAAAAAAAAAAY/M1CgACgAAAoAAAKAAACgCgABQAUABQAKAAAAWgAABQACgKAKiglAUBQACgKAKEAABVAWALQAAAAAAoAABQBQAAAoAAAAAAAAAAAAAY/M1AUAAUAAAFAAABQAAAUAUAAKACgAKABQAAAC0AAAKAAUBQBUUEoCgKAAUBQBQgAAKoCwBaAAAAAAFAAAKAKAAAFAAAAAAAAAAAAAY/M1ACgACgAAAoAAAKAAACgCgABQAUABQAKAAAAWgAABQACgKAKiglAUBQACgKAKEAABVAWALQAAAAAAoAABQBQAAAoAAAAAAAAAAAAY/M1AAUAAUAAAFAAABQAAAUAUAAKACgAKABQAAAC0AAAKAAUBQBUUEoCgKAAUBQBQgAAKoCwBaAAAAAAFAAAKAKAAAFAAAAAAAAAAAAY/M1AACgACgAAAoAAAKAAACgCgABQAUABQAKAAAAWgAABQACgKAKiglAUBQACgKAKEAABVAWALQAAAAAAoAABQBQAAAoAAAAAAAAAAAY/M1AAAUAAUAAAFAAABQAAAUAUAAKACgAKABQAAAC0AAAKAAUBQBUUEoCgKAAUBQBQgAAKoCwBaAAAAAAFAAAKAKAAAFAAAAAAAAAAAY/M1AAACgACgAAAoAAAKAAACgCgABQAUABQAKAAAAWgAABQACgKAKiglAUBQACgKAKEAABVAWALQAAAAAAoAABQBQAAAoAAAAAAAAAAY/M1AAAAUAAUAAAFAAABQAAAUAUAAKACgAKABQAAAC0AAAKAAUBQBUUEoCgKAAUBQBQgAAKoCwBaAAAAAAFAAAKAKAAAFAAAAAAAAAAY/M1AAAACgACgAAAoAAAKAAACgCgABQAUABQAKAAAAWgAABQACgKAKiglAUBQACgKAKEAABVAWALQAAAAAAoAABQBQAAAoAAAAAAAAAY/M1AAAAAUAAUAAAFAAABQAAAUAUAAKACgAKABQAAAy3Dcz0iWhaIoVq4bcWOQCtzLRksUVRYauGzFMslx3sueKULcMz1cdoCgKAKEAABVAWALQAAAAAAoAABQBQAAAoAAAAAAAADH5moAAAAAUAAUAAAFAAABQAAAUAUAAKACgAKABQAAHR2cvqunyIylsuUuUtjKWy3zvJ387TvAHq+ryN3PTLlLZcpbGXnuXu5uro3sub1u/xZcpbLlGXKw6/Pc/ogBQFAFCAAAqgLAFoAAAAAAUAAAoAoAAAUAAAAAAAAMfmagAAAAAKAAKAAACgAAAoAAAKAKAAFABQAFAAoAAbmeju7+CKtlsVcostW8fm6dPXt2stPf3edLYq5S0stlpeRo6tLXt2rp7+7zVsWXJbFlpfP83djmQUBQBQgAAKoCwBaAAAAAAFAAAKAKAAAFAAAAAAAAY/M1AAAAAACgACgAAAoAAAKAAACgCgABQAUABQAKAA2stXY3cS2LLYq2LLS8zRv1dezZy1dndwy0stLLSy2LzdPRq4Z57r7W3gLLVsVbFW8Xn68cyAUBQBQgAAKoCwBaAAAAAAFAAAKAKAAAFAAAAAAADH5moAAAAAACgACgAAAoAAAKAAACgCgABQAUABQAKAHT28vrevyJcpbLl5bj9Tl6ekAAdDZzew6/GlylsuUuUt1cd3jvP8AUoBvZ8/serxZcpbLlLlLZcpcpcvOcfdy9G8BQFAFCAAAqgLAFoAAAAAAUAAAoAoAAAUAAAAAABj8zUAAAAAAAKAAKAAACgAAAoAAAKAKAAFABQAFAAoDZy1dffyFlpcMz+GQlpdHTtwYZfVma4djfxy0sti45lxufqFBny19ndxRlKLLSy0st52nfq68wAoCgChAAAVQFgC0AAAAAAKAAAUAUAAAKAAAAAAGPzNQAAAAAAAFAAFAAABQAAAUAAAFAFAACgAoACgAUN7Zo9D0+fLZciy2XKWxZcuJx9Olp2Aeu7vIjJbLYywTPzfF3AU28tXo+nzJclsWWy5S0ylvG5enQ1bQAFAUAUIAACqAsAWgAAAAABQAACgCgAABQAAAAAGPzNQAAAAAAAAoAAoAAAKAAACgAAAoAoAAUAFAAUACt7Zo9B1cEuRZbLlFlq5S3icXRpadgA9D18G3s1y5S2WmXmuDrxzIbeer0fT5y2LLlLYq5S2W8bl6dHRsUAAoCgChAAAVQFgC0AAAAAAKAAAUAUAAAKAAAAAGPzNQAAAAAAAAFAAFAAABQAAAUAAAFAFAACgAoACgA2c9fW6OUsti4pl8TILZbpaNmDDIAdfo5c2eJZathzefdgxy+Zc+WHY3ca2Ktiy0stW87Rt1tWYUAAoCgChAAAVQFgC0AAAAAAKAAAUAUAAAKAAAAAx+ZqAAAAAAAAAFAAFAAABQAAAUAAAFAFAACgAoACgHS3c/qu/zZbLlLl5ng7uZz7wAtAA9X6Hm727XLlLYy+blLl57z+nm8+ze2aPXdvly2XKXKXKWxl83KXLgcPTzObaAoABQFAFCAAAqgLAFoAAAAAAUAAAoAoAAAUAAAAMfmagAAAAAAAAAKAAKAAACgAAAoAAAKAKAAFABQAFBs56+t080VbF5nPv1deYAC3Yy19bo5lolpZatirebzbNbVlnzw7G/klyKqWxZaXkcm/4gFAUAAoCgChAAAVQFgC0AAAAAAKAAAUAUAAAKAAAAx+ZqAAAAAAAAAAFAAFAAABQAAAUAAAFAFAACgAoACm3s1dnq5VsWW8jl6NTVsAAGzsw7fTxrZaZS2WxVst5fJt1NOWxnr7vTxy5RVstirZbw+Lox4qAoCgAFAUAUIAACqAsAWgAAAAABQAACgCgAABQAAAx+ZqAAAAAAAAAAAoAAoAAAKAAACgAAAoAoAAUAFAAdDdp9J3cMuUtly8/wdXP0bQABu7dXpu/hiy5S2XKW4MM/MeX1KA3Nmr0/dwS2MpbLlzdG7h8XQqKCUBQFAAKAoAoQAAFUBYAtAAAAAACgAAFAFAAACgAAMfmagAAAAAAAAAABQABQAAAUAAAFAAABQBQAAoAKAGXLHa2YBRdXXnjxoAAyWbW3WFoiq+ZdTTmFD7uO3s1qKqLjxy19eQVFBKAoCgAFAUAUIAACqAsAWgAAAAABQAACgCgAABQAAx+ZqAAAAAAAAAAAAoAAoAAAKAAACgAAAoAoAAUAFAAUACgAAAFoAAAUAAoCgCooJQFAUAAoCgChAAAVQFgC0AAAAAAKAAAUAUAAAKAAx+ZqAAAAAAAAAAAAFAAFAAABQAAAUAAAFAFAACgAoACgAUAAAAtAAACgAFAUAVFBKAoCgAFAUAUIAACqAsAWgAAAAABQAACgCgAABQAx+ZqAAAAAAAAAAAAAoAAoAAAKAAACgAAAoAoAAUAFAAUACgAAAFoAAAUAAoCgCooJQFAUAAoCgChAAAVQFgC0AAAAAAKAAAUAUAAAKAx+ZqAAAAAAAAAAAAAFAAFAAABQAAAUAAAFAFAACgAoACgAUAAAAtAAACgAFAUAVFBKAoCgAFAUAUIAACqAsAWgAAAAABQAACgCgAABQx+ZqAAAAAAAAAAAAAAoAAoAAAKAAACgAAAoAoAAUAFAAUACgAAAFoAAAUAAoCgCooJQFAUAAoCgChAAAVQFgC0AAAAAAKAAAUAUAAAKx+ZqAAAAAAAAAAAAAAFAAFAAABQAAAUAAAFAFAACgAoACgAUAAAAtAAACgAFAUAVFBKAoCgAFAUAUIAACqAsAWgAAAAABQAACgCgAADH5uoAAAAAAAAAAAAAACgACgAAAoAAAKAAACgCgABQAUABQAKAAAAWgAABQACgKAKiglAUBQACgKAKEAABVAWALQAAAAAAoAABQBQAAMfm6gAAAAAAAAAAAAAABQABQAAAUAAAFAAABQBQAAoAKAAoAFAAAALQAAAoABQFAFRQSgKAoABQFAFCAAAqgLAFoAAAAAAUAAAoAoAAx+bqAAAAAAAAAAAAAAAAoAAoAAAKAAACgAAAoAoAAUAFAAUACgAAAFoAAAUAAoCgCooJQFAUAAoCgChAAAVQFgC0AAAAAAKAAAUAUADH5uoAAAAAAAAAAAAAAAAUAAUAAAFAAABQAAAUAUAAKACgAKABQAAAC0AAAKAAUBQBUUEoCgKAAUBQBQgAAKoCwBaAAAAAAFAAAKAKAMfm6gAAAAAAAAAAAAAAAAKAAKAAACgAAAoAAAKAKAAFABQAFAAoAAABaAAAFAAKAoAqKCUBQFAAKAoAoQAAFUBYAtAAAAAACgAAFAFAx+bqAAAAAAAAAAAAAAAAAFAAFAAABQAAAUAAAFAFAACgAoACgAUAAAAtAAACgAFAUAVFBKAoCgAFAUAUIAACqAsAWgAAAAABQAACgCjH5uoAAAAAAAAAAAAAAAAACgACgAAAoAAAKAAACgCgABQAUABQAKAAAAWgAABQACgKAKiglAUBQACgKAKEAABVAWALQAAAAAAoAABQBf/EACgQAAIBBAEEAgIDAQEAAAAAAAAEAwIFFRYBERIUIBNwEDUGIbAwNP/aAAgBAQABCAD/ABKVlpW5uIoMBcTAXEwNxMDcTBXAwVwMHcDBvmEfGFpVZfjm9ILQ61DTLDgriYK4GDuBg3zCPmEfGFpVJOycggkZmpihwFxMDcTA3EwVwMFcBm2tJx8Vz/SFhlohulFcuRTMimZFMyChkFDIKGQUPPVPPVL5LRM/3R+lldWitMNEmQUMgoZBQyCh56p56pfZaJn+KoizSURXaCuTIpmRTMioZBQyChf2oJ0aKYvpC1J0PPUwyawoawoayqayqa0qa2qa2qa4qa6qXNShJv4oy2K0OvxwSawoawoayoayqa0qa2qa4qa4sa6sXROhJriKMtq1Dj8UEmsKGsqGsqmtKmtqmtqmuKmuqjMfELUsdP0bbXPAcpnNpNpNoNoNnNnNmNmNlLg55zPy/i3teE7HObSbSbQbObObMbKbKbIXB3zmOJfwgz4Tsc5tJtBtBs5sxsxspshPXzMxJL9Hfx79tQdODpwdODpwfyH9n72H9zAdODpwdODpwdODpwXHjjHMetk/cQHTg6cHTg6cHTg6cHTg6cHTgv8A/wC+jp9GW+GdhumhbE3YxN2MVdjFXUksL01XdLrjRrrRrzJrzI2pWnN8UhHJXFXxXHkHDE3YxV2MVdTF3Uxd0GLdcY15K5fRGKWZyOODE3YxN2MVdjFXUxd1MXdDGXQxl0MZcy4QTwT8Us/RlnZiUuFMs2et5nUDOoGcQM4gZtAzaJmkTNIl2Yjac74fznUDOoGcQM4gZtAcu6cqc1FHpa541rjFLLnUDOoGdQM4gZxAzaJmkTNImZSLwzE03TXD9GWdaJq4UxTYK3mDQMGgYRAwiBhUDComGRMMiXZeJZzsh9LXalGbdFLNhEDCIGFRMKiYZEYo4jZlop/FrhjZuMUUuCQMGgYNAwiBhEDComFRMMiYdIu60SrVNEP0Zb5pl26a1stdjK3Uyt1MpdCS+uxVdsuwtGwsmwMmfZG2q3Jvlk9EX34E6KIMpdDKXQyl0MnczJ3MkVallrr5kiriq7ZBKWWFuiuDK3Uyt1MpdTKXQyl0MpdDJ3MydzMlch+eeefipj6MsH7Wg7uDu4O7g68F/wD2P/Ky88YiE7uDu4O7g68HXg68F9/t/j8WX9tAd3B3cHdwd3B3cHdwdeDrwdeC/f29R9G29Tzm6YTWjWjWzWy4J+Cz8Xuir5rlEBrPBrJrZrhrhrprxrxr4+p4U/Ef4SW8tuOE1o1o1w1w10101414mo5hnkj+jrY1Qk7TNJsaxsaxsSxsKxc26HW/lj9rczSo9HNXsaxsaxsSxsKxsKxsCxn1zPrmeXLk3Q4zxJGW9ilR6OavY1jY1jYljYVjYFjYFzPrmfXGJOJWJZKfo2yx0S3KimTwVTwVTwVTwVS9RURP9sftZ6KJbpDRJ4Kp4Kp4Kp4Kp4Sp4Sw6ovQlNVT6WmimS5w0V+CqeCqeCqeCqeEqXteGJOiqP6QXYkVl4khzT5mnzMvGZeJ2JWZO+b2gnkWmplizT5mnzMvGZeMw8Zh0rujctFVFfpDNWvLTLFmnzNPmZeMy8Zh4nfYao4om/wAS3//EADMQAAEDBAAFAgMHBQEBAAAAAAEAAgMEEaLREpGSk+EQICFRcBMiMUFScbFTYoGwsjBh/9oACAEBAAk/AP8ASUt4nn8rgKnzbtU+bdqnzbtU+bdqnzbtU+bdqnzbtQZt2oM27TeF1r2uD7YeJjvwPE3ap827VPm3ap827UGbdqDNu1Bm3aZwute1wfRvE934BU+bdqnzbtU+bdqnzbtU+bdqLgaTa/ED9EXtY2x+LlVQ9YVVD1hVUPWFVQ9YVTD1hVMPWFUw9YVTD1hVMPWE9r28AF2+2eJrhxXBcP1FVUPWFUw9YVTD1hVMPWFUw9YVTF1hPa8cAF2m/wA/Rwa0E3J/Yqqh6wqqHrCqoesKph6wqmHrCmY8iQGzXX/I/REuDSCbtUs3MaUs3MaUs3MaUs3MaUk3MaUk3MaUk3MaUkvMaUkvMIuI4Qfj6Ehr73t/8BKlm5jSlm5jSkm5jSkm5jSkm5jSkm5jSkm5jSkl5jSkl5jSLiC0H73oSGvveylm5jSlm5jSkm5jSkm5jSkm5jSkm5jSkl5hSS8wr2Y8tH+D9DmcdgRa9lR5+FR5+FR5+FSZ+FSZ+FS5+FS5+FS5+FS5+Ezg+AFr39GcfBf7t7XuCFR5+FR5+FR5+FSZ+FSZ+FSZ+FSZ+FS5+FS5+Ezgs3hte/ozj4L/AHb2VHn4VHn4VJn4VJn4VJn4VJn4VJn4VLn4Tbcbi63yufod+lyAQQCAX6B7/wC7/koIIIIIL+m72/M/wUEEEAgPQIIL+mP5P0Nk+zksbOuQq8916rz3XKuPdcq491ynY93zc4lSQ8zpSRczpSRczpSRczpFpda/w9HuY4fg5psVVz9wqvPdcq491yrj3XKuPdcq491yqy5jWkuH2jjce1/BIb2de1lXHuvVee65Vx7rlXHuuVce65Vp7rlWnuuVae65Vp7rlL9o8tuDxE/C5+f0NdwsAKnwdpT4O0p8HaU+DtKfB2lPg7SmwdpTYOU2BTuJvCB7J8HaU+DtKfB2lPg7SnwdpS3c5hAHCfabMbe5/wAFT4O0p8HaU+DtKfB2lPg7SnwdpTYOU2DlNgU7iaGAfL8z9DW8TCCoM3bUGbtqDN21Bm7agzdtQ5u2oc3bUOblDmdpvC3hB9sXE917niPzKgzdtQZu2oM3bUObtqHM7Qs1ryBz9RxMde/JQZu2oM3bUGbtqDN21Bm7agzdtQ5u2ocyocym8LSwE8z9DY/tJLGzbEqhPacqE9pyoj2nKiPacoGMd8nNIUcXI7UcXI7UcXI7TIuR2g0G1vh7aUvjF7O4HH81RHtOVEe05UR7TlRHtOVGe05U0t3Ek2YUxzD8nC3ozjkF7Nte6oT2nKhPacqI9pyoj2nKiPacqI9pyoj2nKjPacqM9tyj+zfw2tYj4fQ39LkUUUV+gf8Al/d/0UUUUUfT9A/k+nzP8FFFFFFFFFFf0x/J+hr+C4Jva6q8PKq8PKqsPKqsPKfx/AG9re9/Bx3+Nr2sLqqw8qqw8qqw8qqw8qqw8qqw8qqw8qqw8qpw8p/Hdt72t6P4OP8ANVeHlVeHlVWHlVWHlVWHlVWHlVWHlVWHlOvwOLb/ADt9DgS0Aj4KOXkNqOXkNqOXkNqOXkNoOA4QPj7wS1t72/YhRy8htRy8htRy8htRy8htRyqOVRy8go5UyRBwHCB8fQEtbe9lHLyCjl5Dajl5BRy8go5eQUcqjl5DajlX4PeXDn9DmNe2x+BVND0BU0XQFTRdAVPF0BMaxvAPgB72hzTe4P7FU0PQFTRdAVPF0BU8XQFTxdAVPF0BQxghhsQ0e1oc03uD+xVND0BU8XQFTxdAVPF0BU8XQFExh4wLtbb8j9EXcLx+drqfBulPg3SnwbpT4N0ncTrWva3vdwvb+BU+DdKfBulPg3SnwbpT4N0p8G6U12uFiOEe13C9v4FT4N0p8G6U+DdKfBulPg3Sk4mg3tYD/SXf/8QAJBEAAgICAgEFAQEBAAAAAAAAAAIBEwMUERIgBBAhMnAwMbD/2gAIAQIBAQgA/wCJTETPxFbFTFTlTlTlLlLlLlLjLKzxPhCNMcxWxU5U5U5U5S4yys8SR8nRjoxWxWxWxKTHzP4hjnhjsp3U7qd1O6ndTup3U7qZ5iX+PDG0Qp2U7qd1O6ndTupnmJb4E/07QdoO0HaDsplmJX8RRe08FKlClClCmuprqa6msprKZUhG4gSO08FMFMFKlMFClClCmuprqZUhJ4gWOZ4KoKoKoKYKVKVKFKFGjiZj8ORus8l5ebBsGwbJsmybRkfu3PsrdZ5Li4vLy82DYNk2TI/eefZZ4nktLi4uLy8vNgmeZ5/DsP28c/388X2jzf6T44/t/L1H2/DUiZniK8hVkKshVlKHn/dZjWc1XNVx0lJ4kieDuxXkK8hVkKshVlGx5IiZnwXmZ+OjlbleQryFeQryFWQqyFWUyKyzw34ZiaFbmbkLkLkL0L8ZfjL8ZsYzYxmd4d+V97kLkLkLkL0HzJKzEeCTENzNqFqFqFyFyFyFyFyF6Gd4ZuY/DMSwzcTShQhQhQhRjNfGa+M18Zr4zOkI/EeGLErLEzShQhQhRjNfGNHDTHukctxNSFSFKFKFKFCFCFCFGMzpCNxH4ZjmYnmLcpblLcpblJ9Q8f7tObTm25tuZMkvPM+CO8LxFuUtyluUtyl2UlHmeSYmPiRJmJ+LMhZkLMhZkLchblLcpblLcplZmnlvwzB9/H1P3/lg+kefqvv7YvvH8vVff8Nxp3bg1TVNU1TKnRuPNF7NwaxrGqapqmoahqGmZsdbceyL2ng1zXNY1jWNU1TUGjrMx+HYnhG5nZU2kNpDaQzPDtzHljbq0TOypsqbKGyhtIbSG2htobaGfJGRuYEbq3M7CmwpsKbKmypsobSG0g88tM/h2CIl+JrQrQrQqQ9SsQ/EeWGIl4ia0K0K0K0KkKkMmNISZ8cUcvBWpWpWpWhWh6lFVPj8QVpWeYvyGxkNjIbGQZ5eeW8laVnmL8hfkL8hsZDYyGxkJz5JjifBZlZ5i9y/IX5C/IX5BsrvHDf8S3//xAAdEQEBAAICAwEAAAAAAAAAAAABAAIgMHAQgLAR/9oACAECAQk/APiVERERERuRERHAdJszMzMzuzMzOjMzPqERERERGhEREREaEREREen7M2U6OjMzMzszMzMzZT0czMzMzOrMzM7MzMzMz0eRERERG5ERGpEREREdHljY2MRERsWNjY2NjDoRERY2NjYx+enrMzwszMzM2U+WZmZmekSI4zwRERxEdIERHCREREbERER0kzM8LMzMzszMzPxLv//EACYRAAICAgEEAgIDAQAAAAAAAAACAQMTFBEEEBIgM3AxMhUhMLD/2gAIAQMBAQgA/wCJS9i1x5Nu0G5SbdJt0m1UbVRs1GzUbFYrw0cx6P1NaT4tt0m3SbVRs1GzUbFYjw8cqO6ovk27QbtBuUm3SbdIlyWTwv0h1iy1UxGCwwWGGww2GFzE5FTmJyKnOniYTifTqana2ZjDYYbDC5FTmJyKnOmiYTiTqllqWiMFpgsIosMNhhsOjrZXmZ+kOotmpPKN+w3rDesN1zcc3HNtzac2XKnl15kvsmuuXjfsN+w3rDdc3HNxzbc2nNpyl5deZL7Jrrlo37DfsN6w3rDdc3HNtzbcSeVifo6+rKniaBoGiaRpGmaZqGqVp4Rx2uryJKH8eaBomiaRpmmahqlaeEcdrq8iSh/HmgaBomkaRpmoLHjER9HdZ8U9o79J8fv1fwyQR61fvHr1fwsQR/h036/RtzKqcvnoM9BnoM1IvU1x+NpDZU2FM6iNDRzBMQ0cThrM9BnoM1JmpMtItlczER6WsqpMtsdOZ6DPQZ6DNSZqTNSZajLUVsrRyv0Z1CS9fiuraatprWGtYa9hgsMDmFzC5UsqvE99W01rTWsNew17BKXhomfS9JeuVXUtNW01bTWsNaw17DA5gcwuUrKrxP0Z1Dyicrs2mzabFhsWGewzuZnMzmVyuZleZ9LrnV5iNiwz2GewzOZnF/Ed72lK5mNq02bTZtNiwz2GewzOZnMzlTS0cz9GWqrLw2CkwUmGkw1EdOk/jXUwKYFMKir4xx62VVs0y2Gow1GKoxVmOshliOCJ57WKrJMNgoMFJgpMNJhqMVRirMdZjrEiIj+vozqvjkiDgiO3T/p/lf8AJPaIIjtEdqv17dR8UkQcER2iCIIgiO1X6/Rtr+C+Rtm0bJslb+cc+9j+CyxuG2bRsmwZzOZjKK3MdrH8FljbNs2jZNg2DOZiJ5j6OtSXXiNVjWY1mNditZVeJ9rUl0lY1HNVjWY12MDGBjDJikxSJHEdrUl0lY1HNVjWY1mNdjAxhYwyRHEfR18zCf1kc83IdjzYpmZX3umYSeMjmRyHY82PNiGYRp59bpmEnjI5kch2PNiHYpmZn6RZYaOJwVmFDChiQhYX+o9mWGjicFZgrMKGFDEhjUhFj1ZYaOJwVmCswoYUMSCoq/j/AIlv/8QAIxEBAQEAAgEDBQEBAAAAAAAAAQACIKFwETCxECExgLBBkf/aAAgBAwEJPwD+JT+LXTa+Z+ZmZmeT95+ZmZn6/i102um18z8zPhEstlstlssMRHIstlhhiOGWy2Wy2WP88JBBBBBERxCCCCCIjiEEEEEER4PfS11atWrVqZnhrq1atWrVqZ4a6tdWrVq1an9Pj1LHRZ6LPRZ6I9jJ/wAs9Fnos9Fnos9WeJ6ljosdFnos9Fnos9WerNmPBxEREREcSIiI5ERERER4PZmZmZnkzMzPFmZmZmfBz6Frstdlru1PtP3tWrUzP1fQtdlrstd2rVqZn9PsxEezmIiIiI4ZsxEREeEH3H3GfCzMz7LMzM82ZmfCZER7JEREcyIiP4l//9k="},1100:(A,o,t)=>{t.d(o,{R:()=>n,x:()=>i});var e=t(758);const s={},g=e.createContext(s);function n(A){const o=e.useContext(g);return e.useMemo((function(){return"function"==typeof A?A(o):{...o,...A}}),[o,A])}function i(A){let o;return o=A.disableParentContext?"function"==typeof A.components?A.components(s):A.components||s:n(A.components),e.createElement(g.Provider,{value:o},A.children)}}}]);
\ No newline at end of file
+"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[5746],{7946:(A,o,t)=>{t.d(o,{Ay:()=>a,RM:()=>n});var e=t(6070),s=t(1100),g=t(5988);const n=[];function i(A){return(0,e.jsx)(g.A,{...A})}function a(A={}){const{wrapper:o}={...(0,s.R)(),...A.components};return o?(0,e.jsx)(o,{...A,children:(0,e.jsx)(i,{...A})}):i(A)}},9050:(A,o,t)=>{t.r(o),t.d(o,{assets:()=>U,contentTitle:()=>i,default:()=>B,frontMatter:()=>n,metadata:()=>a,toc:()=>C});var e=t(6070),s=t(1100),g=t(7946);t(6783);const n={sidebar_position:1,slug:"/",pagination_next:"get-started/index"},i="Documentation",a={id:"intro",title:"Documentation",description:"feature-sliced-banner",source:"@site/i18n/en/docusaurus-plugin-content-docs/current/intro.mdx",sourceDirName:".",slug:"/",permalink:"/docs/",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/intro.mdx",tags:[],version:"current",lastUpdatedAt:1728325386e3,sidebarPosition:1,frontMatter:{sidebar_position:1,slug:"/",pagination_next:"get-started/index"},next:{title:"\ud83d\ude80 Get Started",permalink:"/docs/get-started/"}},U={},C=[...g.RM,...g.RM,...g.RM,...g.RM,...g.RM,...g.RM,...g.RM];function F(A){const o={h1:"h1",header:"header",img:"img",p:"p",strong:"strong",...(0,s.R)(),...A.components};return(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)(o.header,{children:(0,e.jsx)(o.h1,{id:"documentation",children:"Documentation"})}),"\n",(0,e.jsx)(o.p,{children:(0,e.jsx)(o.img,{alt:"feature-sliced-banner",src:t(1589).A+"",width:"1400",height:"320"})}),"\n",(0,e.jsxs)(o.p,{children:[(0,e.jsx)(o.strong,{children:"Feature-Sliced Design"})," (FSD) is an architectural methodology for scaffolding front-end applications. Simply put, it's a compilation of rules and conventions on organizing code. The main purpose of this methodology is to make the project more understandable and structured in the face of ever-changing business requirements."]}),"\n","\n",(0,e.jsx)(g.Ay,{theme:"primary",Icon:"\ud83c\udf70",title:"New to FSD?",description:"Learn the basics with quick overview of methodology",to:"/docs/get-started/overview"}),"\n",(0,e.jsx)("br",{}),"\n",(0,e.jsx)(g.Ay,{theme:"mini",title:"\ud83d\ude80 Get Started",description:"A tour over the basic concepts and structure as well as a comprehensive review of a React sample project",to:"/docs/get-started",tags:["Overview","Tutorial","FAQ"]}),"\n",(0,e.jsx)(g.Ay,{theme:"mini",title:"\ud83c\udfaf Guides",description:"Practical guides and application examples",to:"/docs/guides",tags:["Examples","Migration","Tech"]}),"\n",(0,e.jsx)(g.Ay,{theme:"mini",title:"\ud83d\udcda Reference",description:"Reference details of core concepts (for more efficient application)",to:"/docs/reference",tags:["Units","Isolation","Public API"]}),"\n",(0,e.jsx)(g.Ay,{theme:"mini",title:"\ud83c\udf70 About",description:"The philosophy of the methodology, its goals and place in the modern front-end",to:"/docs/about",tags:["Mission","Alternatives","Promote"]}),"\n",(0,e.jsx)(g.Ay,{theme:"mini",title:"\ud83d\udcab Community",description:"Resources and additional materials, contributed by the community",to:"/community",tags:["Awesome","Team","Examples"]}),"\n",(0,e.jsx)(g.Ay,{theme:"mini",title:"\ud83d\udee0 Examples",description:"Projects built with Feature-Sliced Design",to:"/examples"})]})}function B(A={}){const{wrapper:o}={...(0,s.R)(),...A.components};return o?(0,e.jsx)(o,{...A,children:(0,e.jsx)(F,{...A})}):F(A)}},5988:(A,o,t)=>{t.d(o,{Y:()=>i,A:()=>U});t(758);var e=t(3526),s=t(6783);const g={root:"root_GfON",rootDisabled:"rootDisabled_SFUB",details:"details_xxkR",detailsTags:"detailsTags_uTQx",icon:"icon_ciqP",title:"title_pSH5",description:"description__Fep",miniTheme:"miniTheme_ePfp",primaryTheme:"primaryTheme_CilO",defaultTheme:"defaultTheme_j3I8"};var n=t(6070);const i=A=>{const{title:o,description:t,to:i,Icon:U,tags:C,className:F,disabled:B,theme:r="default"}=A;return(0,n.jsxs)(s.A,{className:(0,e.A)(g.root,F,B&&g.rootDisabled,g[`${r}Theme`]),to:i,children:[(0,n.jsx)(a,{Icon:U}),(0,n.jsxs)("div",{className:g.details,children:[(0,n.jsxs)("div",{className:g.detailsMain,children:[(0,n.jsx)("span",{className:g.title,children:o}),(0,n.jsx)("p",{className:g.description,children:t})]}),C&&(0,n.jsx)("div",{className:g.detailsTags,children:C.join(" \u2022 ")})]})]})},a=A=>{let{Icon:o}=A;return o?"string"==typeof o?(0,n.jsx)("span",{className:g.icon,children:o}):(0,n.jsx)(o,{className:g.icon}):null},U=i},1589:(A,o,t)=>{t.d(o,{A:()=>e});const e="data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAoHBwkHBgoJCAkLCwoMDxkQDw4ODx4WFxIZJCAmJSMgIyIoLTkwKCo2KyIjMkQyNjs9QEBAJjBGS0U+Sjk/QD3/2wBDAQsLCw8NDx0QEB09KSMpPT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT3/wgARCAFABXgDAREAAhEBAxEB/8QAGgABAQADAQEAAAAAAAAAAAAAAAEDBAUGAv/EABkBAQEAAwEAAAAAAAAAAAAAAAABAgMEBf/aAAwDAQACEAMQAAAA8V0+cAoAAAKAAACgAAAoAoAAUAFAAUACgAAAFoAAAUAAoCgCooJQFAUAAoCgChAAAVQFgC0AAAAAAKAAAUAUAAAKAAAAAAAAAAAAAAAHx5moAKAAACgAAAoAAAKAKAAFABQAFAAoAAABaAAAFAAKAoAqKCUBQFAAKAoAoQAAFUBYAtAAAAAACgAAFAFAAACgAAAAAAAAAAAAAAPjzNQACgAAAoAAAKAAACgCgABQAUABQAKAAAAWgAABQACgKAKiglAUBQACgKAKEAABVAWALQAAAAAAoAABQBQAAAoAAAAAAAAAAAAAAY/M1UAAUAAAFAAABQAAAUAUAAKACgAKABQAAAC0AAAKAAUBQBUUEoCgKAAUBQBQgAAKoCwBaAAAAAAFAAAKAKAAAFAAAAAAAAAAAAAAY/M1CgACgAAAoAAAKAAACgCgABQAUABQAKAAAAWgAABQACgKAKiglAUBQACgKAKEAABVAWALQAAAAAAoAABQBQAAAoAAAAAAAAAAAAAY/M1AUAAUAAAFAAABQAAAUAUAAKACgAKABQAAAC0AAAKAAUBQBUUEoCgKAAUBQBQgAAKoCwBaAAAAAAFAAAKAKAAAFAAAAAAAAAAAAAY/M1ACgACgAAAoAAAKAAACgCgABQAUABQAKAAAAWgAABQACgKAKiglAUBQACgKAKEAABVAWALQAAAAAAoAABQBQAAAoAAAAAAAAAAAAY/M1AAUAAUAAAFAAABQAAAUAUAAKACgAKABQAAAC0AAAKAAUBQBUUEoCgKAAUBQBQgAAKoCwBaAAAAAAFAAAKAKAAAFAAAAAAAAAAAAY/M1AACgACgAAAoAAAKAAACgCgABQAUABQAKAAAAWgAABQACgKAKiglAUBQACgKAKEAABVAWALQAAAAAAoAABQBQAAAoAAAAAAAAAAAY/M1AAAUAAUAAAFAAABQAAAUAUAAKACgAKABQAAAC0AAAKAAUBQBUUEoCgKAAUBQBQgAAKoCwBaAAAAAAFAAAKAKAAAFAAAAAAAAAAAY/M1AAACgACgAAAoAAAKAAACgCgABQAUABQAKAAAAWgAABQACgKAKiglAUBQACgKAKEAABVAWALQAAAAAAoAABQBQAAAoAAAAAAAAAAY/M1AAAAUAAUAAAFAAABQAAAUAUAAKACgAKABQAAAC0AAAKAAUBQBUUEoCgKAAUBQBQgAAKoCwBaAAAAAAFAAAKAKAAAFAAAAAAAAAAY/M1AAAACgACgAAAoAAAKAAACgCgABQAUABQAKAAAAWgAABQACgKAKiglAUBQACgKAKEAABVAWALQAAAAAAoAABQBQAAAoAAAAAAAAAY/M1AAAAAUAAUAAAFAAABQAAAUAUAAKACgAKABQAAAy3Dcz0iWhaIoVq4bcWOQCtzLRksUVRYauGzFMslx3sueKULcMz1cdoCgKAKEAABVAWALQAAAAAAoAABQBQAAAoAAAAAAAADH5moAAAAAUAAUAAAFAAABQAAAUAUAAKACgAKABQAAHR2cvqunyIylsuUuUtjKWy3zvJ387TvAHq+ryN3PTLlLZcpbGXnuXu5uro3sub1u/xZcpbLlGXKw6/Pc/ogBQFAFCAAAqgLAFoAAAAAAUAAAoAoAAAUAAAAAAAAMfmagAAAAAKAAKAAACgAAAoAAAKAKAAFABQAFAAoAAbmeju7+CKtlsVcostW8fm6dPXt2stPf3edLYq5S0stlpeRo6tLXt2rp7+7zVsWXJbFlpfP83djmQUBQBQgAAKoCwBaAAAAAAFAAAKAKAAAFAAAAAAAAY/M1AAAAAACgACgAAAoAAAKAAACgCgABQAUABQAKAA2stXY3cS2LLYq2LLS8zRv1dezZy1dndwy0stLLSy2LzdPRq4Z57r7W3gLLVsVbFW8Xn68cyAUBQBQgAAKoCwBaAAAAAAFAAAKAKAAAFAAAAAAADH5moAAAAAACgACgAAAoAAAKAAACgCgABQAUABQAKAHT28vrevyJcpbLl5bj9Tl6ekAAdDZzew6/GlylsuUuUt1cd3jvP8AUoBvZ8/serxZcpbLlLlLZcpcpcvOcfdy9G8BQFAFCAAAqgLAFoAAAAAAUAAAoAoAAAUAAAAAABj8zUAAAAAAAKAAKAAACgAAAoAAAKAKAAFABQAFAAoDZy1dffyFlpcMz+GQlpdHTtwYZfVma4djfxy0sti45lxufqFBny19ndxRlKLLSy0st52nfq68wAoCgChAAAVQFgC0AAAAAAKAAAUAUAAAKAAAAAAGPzNQAAAAAAAFAAFAAABQAAAUAAAFAFAACgAoACgAUN7Zo9D0+fLZciy2XKWxZcuJx9Olp2Aeu7vIjJbLYywTPzfF3AU28tXo+nzJclsWWy5S0ylvG5enQ1bQAFAUAUIAACqAsAWgAAAAABQAACgCgAABQAAAAAGPzNQAAAAAAAAoAAoAAAKAAACgAAAoAoAAUAFAAUACt7Zo9B1cEuRZbLlFlq5S3icXRpadgA9D18G3s1y5S2WmXmuDrxzIbeer0fT5y2LLlLYq5S2W8bl6dHRsUAAoCgChAAAVQFgC0AAAAAAKAAAUAUAAAKAAAAAGPzNQAAAAAAAAFAAFAAABQAAAUAAAFAFAACgAoACgA2c9fW6OUsti4pl8TILZbpaNmDDIAdfo5c2eJZathzefdgxy+Zc+WHY3ca2Ktiy0stW87Rt1tWYUAAoCgChAAAVQFgC0AAAAAAKAAAUAUAAAKAAAAAx+ZqAAAAAAAAAFAAFAAABQAAAUAAAFAFAACgAoACgHS3c/qu/zZbLlLl5ng7uZz7wAtAA9X6Hm727XLlLYy+blLl57z+nm8+ze2aPXdvly2XKXKXKWxl83KXLgcPTzObaAoABQFAFCAAAqgLAFoAAAAAAUAAAoAoAAAUAAAAMfmagAAAAAAAAAKAAKAAACgAAAoAAAKAKAAFABQAFBs56+t080VbF5nPv1deYAC3Yy19bo5lolpZatirebzbNbVlnzw7G/klyKqWxZaXkcm/4gFAUAAoCgChAAAVQFgC0AAAAAAKAAAUAUAAAKAAAAx+ZqAAAAAAAAAAFAAFAAABQAAAUAAAFAFAACgAoACm3s1dnq5VsWW8jl6NTVsAAGzsw7fTxrZaZS2WxVst5fJt1NOWxnr7vTxy5RVstirZbw+Lox4qAoCgAFAUAUIAACqAsAWgAAAAABQAACgCgAABQAAAx+ZqAAAAAAAAAAAoAAoAAAKAAACgAAAoAoAAUAFAAdDdp9J3cMuUtly8/wdXP0bQABu7dXpu/hiy5S2XKW4MM/MeX1KA3Nmr0/dwS2MpbLlzdG7h8XQqKCUBQFAAKAoAoQAAFUBYAtAAAAAACgAAFAFAAACgAAMfmagAAAAAAAAAABQABQAAAUAAAFAAABQBQAAoAKAGXLHa2YBRdXXnjxoAAyWbW3WFoiq+ZdTTmFD7uO3s1qKqLjxy19eQVFBKAoCgAFAUAUIAACqAsAWgAAAAABQAACgCgAABQAAx+ZqAAAAAAAAAAAAoAAoAAAKAAACgAAAoAoAAUAFAAUACgAAAFoAAAUAAoCgCooJQFAUAAoCgChAAAVQFgC0AAAAAAKAAAUAUAAAKAAx+ZqAAAAAAAAAAAAFAAFAAABQAAAUAAAFAFAACgAoACgAUAAAAtAAACgAFAUAVFBKAoCgAFAUAUIAACqAsAWgAAAAABQAACgCgAABQAx+ZqAAAAAAAAAAAAAoAAoAAAKAAACgAAAoAoAAUAFAAUACgAAAFoAAAUAAoCgCooJQFAUAAoCgChAAAVQFgC0AAAAAAKAAAUAUAAAKAx+ZqAAAAAAAAAAAAAFAAFAAABQAAAUAAAFAFAACgAoACgAUAAAAtAAACgAFAUAVFBKAoCgAFAUAUIAACqAsAWgAAAAABQAACgCgAABQx+ZqAAAAAAAAAAAAAAoAAoAAAKAAACgAAAoAoAAUAFAAUACgAAAFoAAAUAAoCgCooJQFAUAAoCgChAAAVQFgC0AAAAAAKAAAUAUAAAKx+ZqAAAAAAAAAAAAAAFAAFAAABQAAAUAAAFAFAACgAoACgAUAAAAtAAACgAFAUAVFBKAoCgAFAUAUIAACqAsAWgAAAAABQAACgCgAADH5uoAAAAAAAAAAAAAACgACgAAAoAAAKAAACgCgABQAUABQAKAAAAWgAABQACgKAKiglAUBQACgKAKEAABVAWALQAAAAAAoAABQBQAAMfm6gAAAAAAAAAAAAAABQABQAAAUAAAFAAABQBQAAoAKAAoAFAAAALQAAAoABQFAFRQSgKAoABQFAFCAAAqgLAFoAAAAAAUAAAoAoAAx+bqAAAAAAAAAAAAAAAAoAAoAAAKAAACgAAAoAoAAUAFAAUACgAAAFoAAAUAAoCgCooJQFAUAAoCgChAAAVQFgC0AAAAAAKAAAUAUADH5uoAAAAAAAAAAAAAAAAUAAUAAAFAAABQAAAUAUAAKACgAKABQAAAC0AAAKAAUBQBUUEoCgKAAUBQBQgAAKoCwBaAAAAAAFAAAKAKAMfm6gAAAAAAAAAAAAAAAAKAAKAAACgAAAoAAAKAKAAFABQAFAAoAAABaAAAFAAKAoAqKCUBQFAAKAoAoQAAFUBYAtAAAAAACgAAFAFAx+bqAAAAAAAAAAAAAAAAAFAAFAAABQAAAUAAAFAFAACgAoACgAUAAAAtAAACgAFAUAVFBKAoCgAFAUAUIAACqAsAWgAAAAABQAACgCjH5uoAAAAAAAAAAAAAAAAACgACgAAAoAAAKAAACgCgABQAUABQAKAAAAWgAABQACgKAKiglAUBQACgKAKEAABVAWALQAAAAAAoAABQBf/EACgQAAIBBAEEAgIDAQEAAAAAAAAEAwIFFRYBERIUIBNwEDUGIbAwNP/aAAgBAQABCAD/ABKVlpW5uIoMBcTAXEwNxMDcTBXAwVwMHcDBvmEfGFpVZfjm9ILQ61DTLDgriYK4GDuBg3zCPmEfGFpVJOycggkZmpihwFxMDcTA3EwVwMFcBm2tJx8Vz/SFhlohulFcuRTMimZFMyChkFDIKGQUPPVPPVL5LRM/3R+lldWitMNEmQUMgoZBQyCh56p56pfZaJn+KoizSURXaCuTIpmRTMioZBQyChf2oJ0aKYvpC1J0PPUwyawoawoayqayqa0qa2qa2qa4qa6qXNShJv4oy2K0OvxwSawoawoayoayqa0qa2qa4qa4sa6sXROhJriKMtq1Dj8UEmsKGsqGsqmtKmtqmtqmuKmuqjMfELUsdP0bbXPAcpnNpNpNoNoNnNnNmNmNlLg55zPy/i3teE7HObSbSbQbObObMbKbKbIXB3zmOJfwgz4Tsc5tJtBtBs5sxsxspshPXzMxJL9Hfx79tQdODpwdODpwfyH9n72H9zAdODpwdODpwdODpwXHjjHMetk/cQHTg6cHTg6cHTg6cHTg6cHTgv8A/wC+jp9GW+GdhumhbE3YxN2MVdjFXUksL01XdLrjRrrRrzJrzI2pWnN8UhHJXFXxXHkHDE3YxV2MVdTF3Uxd0GLdcY15K5fRGKWZyOODE3YxN2MVdjFXUxd1MXdDGXQxl0MZcy4QTwT8Us/RlnZiUuFMs2et5nUDOoGcQM4gZtAzaJmkTNIl2Yjac74fznUDOoGcQM4gZtAcu6cqc1FHpa541rjFLLnUDOoGdQM4gZxAzaJmkTNImZSLwzE03TXD9GWdaJq4UxTYK3mDQMGgYRAwiBhUDComGRMMiXZeJZzsh9LXalGbdFLNhEDCIGFRMKiYZEYo4jZlop/FrhjZuMUUuCQMGgYNAwiBhEDComFRMMiYdIu60SrVNEP0Zb5pl26a1stdjK3Uyt1MpdCS+uxVdsuwtGwsmwMmfZG2q3Jvlk9EX34E6KIMpdDKXQyl0MnczJ3MkVallrr5kiriq7ZBKWWFuiuDK3Uyt1MpdTKXQyl0MpdDJ3MydzMlch+eeefipj6MsH7Wg7uDu4O7g68F/wD2P/Ky88YiE7uDu4O7g68HXg68F9/t/j8WX9tAd3B3cHdwd3B3cHdwdeDrwdeC/f29R9G29Tzm6YTWjWjWzWy4J+Cz8Xuir5rlEBrPBrJrZrhrhrprxrxr4+p4U/Ef4SW8tuOE1o1o1w1w10101414mo5hnkj+jrY1Qk7TNJsaxsaxsSxsKxc26HW/lj9rczSo9HNXsaxsaxsSxsKxsKxsCxn1zPrmeXLk3Q4zxJGW9ilR6OavY1jY1jYljYVjYFjYFzPrmfXGJOJWJZKfo2yx0S3KimTwVTwVTwVTwVS9RURP9sftZ6KJbpDRJ4Kp4Kp4Kp4Kp4Sp4Sw6ovQlNVT6WmimS5w0V+CqeCqeCqeCqeEqXteGJOiqP6QXYkVl4khzT5mnzMvGZeJ2JWZO+b2gnkWmplizT5mnzMvGZeMw8Zh0rujctFVFfpDNWvLTLFmnzNPmZeMy8Zh4nfYao4om/wAS3//EADMQAAEDBAAFAgMHBQEBAAAAAAEAAgMEEaLREpGSk+EQICFRcBMiMUFScbFTYoGwsjBh/9oACAEBAAk/AP8ASUt4nn8rgKnzbtU+bdqnzbtU+bdqnzbtU+bdqnzbtQZt2oM27TeF1r2uD7YeJjvwPE3ap827VPm3ap827UGbdqDNu1Bm3aZwute1wfRvE934BU+bdqnzbtU+bdqnzbtU+bdqLgaTa/ED9EXtY2x+LlVQ9YVVD1hVUPWFVQ9YVTD1hVMPWFUw9YVTD1hVMPWE9r28AF2+2eJrhxXBcP1FVUPWFUw9YVTD1hVMPWFUw9YVTF1hPa8cAF2m/wA/Rwa0E3J/Yqqh6wqqHrCqoesKph6wqmHrCmY8iQGzXX/I/REuDSCbtUs3MaUs3MaUs3MaUs3MaUk3MaUk3MaUk3MaUkvMaUkvMIuI4Qfj6Ehr73t/8BKlm5jSlm5jSkm5jSkm5jSkm5jSkm5jSkm5jSkl5jSkl5jSLiC0H73oSGvveylm5jSlm5jSkm5jSkm5jSkm5jSkm5jSkl5hSS8wr2Y8tH+D9DmcdgRa9lR5+FR5+FR5+FSZ+FSZ+FS5+FS5+FS5+FS5+Ezg+AFr39GcfBf7t7XuCFR5+FR5+FR5+FSZ+FSZ+FSZ+FSZ+FS5+FS5+Ezgs3hte/ozj4L/AHb2VHn4VHn4VJn4VJn4VJn4VJn4VJn4VLn4Tbcbi63yufod+lyAQQCAX6B7/wC7/koIIIIIL+m72/M/wUEEEAgPQIIL+mP5P0Nk+zksbOuQq8916rz3XKuPdcq491ynY93zc4lSQ8zpSRczpSRczpSRczpFpda/w9HuY4fg5psVVz9wqvPdcq491yrj3XKuPdcq491yqy5jWkuH2jjce1/BIb2de1lXHuvVee65Vx7rlXHuuVce65Vp7rlWnuuVae65Vp7rlL9o8tuDxE/C5+f0NdwsAKnwdpT4O0p8HaU+DtKfB2lPg7SmwdpTYOU2BTuJvCB7J8HaU+DtKfB2lPg7SnwdpS3c5hAHCfabMbe5/wAFT4O0p8HaU+DtKfB2lPg7SnwdpTYOU2DlNgU7iaGAfL8z9DW8TCCoM3bUGbtqDN21Bm7agzdtQ5u2oc3bUOblDmdpvC3hB9sXE917niPzKgzdtQZu2oM3bUObtqHM7Qs1ryBz9RxMde/JQZu2oM3bUGbtqDN21Bm7agzdtQ5u2ocyocym8LSwE8z9DY/tJLGzbEqhPacqE9pyoj2nKiPacoGMd8nNIUcXI7UcXI7UcXI7TIuR2g0G1vh7aUvjF7O4HH81RHtOVEe05UR7TlRHtOVGe05U0t3Ek2YUxzD8nC3ozjkF7Nte6oT2nKhPacqI9pyoj2nKiPacqI9pyoj2nKjPacqM9tyj+zfw2tYj4fQ39LkUUUV+gf8Al/d/0UUUUUfT9A/k+nzP8FFFFFFFFFFf0x/J+hr+C4Jva6q8PKq8PKqsPKqsPKfx/AG9re9/Bx3+Nr2sLqqw8qqw8qqw8qqw8qqw8qqw8qqw8qqw8qpw8p/Hdt72t6P4OP8ANVeHlVeHlVWHlVWHlVWHlVWHlVWHlVWHlOvwOLb/ADt9DgS0Aj4KOXkNqOXkNqOXkNqOXkNoOA4QPj7wS1t72/YhRy8htRy8htRy8htRy8htRyqOVRy8go5UyRBwHCB8fQEtbe9lHLyCjl5Dajl5BRy8go5eQUcqjl5DajlX4PeXDn9DmNe2x+BVND0BU0XQFTRdAVPF0BMaxvAPgB72hzTe4P7FU0PQFTRdAVPF0BU8XQFTxdAVPF0BQxghhsQ0e1oc03uD+xVND0BU8XQFTxdAVPF0BU8XQFExh4wLtbb8j9EXcLx+drqfBulPg3SnwbpT4N0ncTrWva3vdwvb+BU+DdKfBulPg3SnwbpT4N0p8G6U12uFiOEe13C9v4FT4N0p8G6U+DdKfBulPg3Sk4mg3tYD/SXf/8QAJBEAAgICAgEFAQEBAAAAAAAAAAIBEwMUERIgBBAhMnAwMbD/2gAIAQIBAQgA/wCJTETPxFbFTFTlTlTlLlLlLlLjLKzxPhCNMcxWxU5U5U5U5S4yys8SR8nRjoxWxWxWxKTHzP4hjnhjsp3U7qd1O6ndTup3U7qZ5iX+PDG0Qp2U7qd1O6ndTupnmJb4E/07QdoO0HaDsplmJX8RRe08FKlClClCmuprqa6msprKZUhG4gSO08FMFMFKlMFClClCmuprqZUhJ4gWOZ4KoKoKoKYKVKVKFKFGjiZj8ORus8l5ebBsGwbJsmybRkfu3PsrdZ5Li4vLy82DYNk2TI/eefZZ4nktLi4uLy8vNgmeZ5/DsP28c/388X2jzf6T44/t/L1H2/DUiZniK8hVkKshVlKHn/dZjWc1XNVx0lJ4kieDuxXkK8hVkKshVlGx5IiZnwXmZ+OjlbleQryFeQryFWQqyFWUyKyzw34ZiaFbmbkLkLkL0L8ZfjL8ZsYzYxmd4d+V97kLkLkLkL0HzJKzEeCTENzNqFqFqFyFyFyFyFyF6Gd4ZuY/DMSwzcTShQhQhQhRjNfGa+M18Zr4zOkI/EeGLErLEzShQhQhRjNfGNHDTHukctxNSFSFKFKFKFCFCFCFGMzpCNxH4ZjmYnmLcpblLcpblJ9Q8f7tObTm25tuZMkvPM+CO8LxFuUtyluUtyl2UlHmeSYmPiRJmJ+LMhZkLMhZkLchblLcpblLcplZmnlvwzB9/H1P3/lg+kefqvv7YvvH8vVff8Nxp3bg1TVNU1TKnRuPNF7NwaxrGqapqmoahqGmZsdbceyL2ng1zXNY1jWNU1TUGjrMx+HYnhG5nZU2kNpDaQzPDtzHljbq0TOypsqbKGyhtIbSG2htobaGfJGRuYEbq3M7CmwpsKbKmypsobSG0g88tM/h2CIl+JrQrQrQqQ9SsQ/EeWGIl4ia0K0K0K0KkKkMmNISZ8cUcvBWpWpWpWhWh6lFVPj8QVpWeYvyGxkNjIbGQZ5eeW8laVnmL8hfkL8hsZDYyGxkJz5JjifBZlZ5i9y/IX5C/IX5BsrvHDf8S3//xAAdEQEBAAICAwEAAAAAAAAAAAABAAIgMHAQgLAR/9oACAECAQk/APiVERERERuRERHAdJszMzMzuzMzOjMzPqERERERGhEREREaEREREen7M2U6OjMzMzszMzMzZT0czMzMzOrMzM7MzMzMz0eRERERG5ERGpEREREdHljY2MRERsWNjY2NjDoRERY2NjYx+enrMzwszMzM2U+WZmZmekSI4zwRERxEdIERHCREREbERER0kzM8LMzMzszMzPxLv//EACYRAAICAgEEAgIDAQAAAAAAAAACAQMTFBEEEBIgM3AxMhUhMLD/2gAIAQMBAQgA/wCJS9i1x5Nu0G5SbdJt0m1UbVRs1GzUbFYrw0cx6P1NaT4tt0m3SbVRs1GzUbFYjw8cqO6ovk27QbtBuUm3SbdIlyWTwv0h1iy1UxGCwwWGGww2GFzE5FTmJyKnOniYTifTqana2ZjDYYbDC5FTmJyKnOmiYTiTqllqWiMFpgsIosMNhhsOjrZXmZ+kOotmpPKN+w3rDesN1zcc3HNtzac2XKnl15kvsmuuXjfsN+w3rDdc3HNxzbc2nNpyl5deZL7Jrrlo37DfsN6w3rDdc3HNtzbcSeVifo6+rKniaBoGiaRpGmaZqGqVp4Rx2uryJKH8eaBomiaRpmmahqlaeEcdrq8iSh/HmgaBomkaRpmoLHjER9HdZ8U9o79J8fv1fwyQR61fvHr1fwsQR/h036/RtzKqcvnoM9BnoM1IvU1x+NpDZU2FM6iNDRzBMQ0cThrM9BnoM1JmpMtItlczER6WsqpMtsdOZ6DPQZ6DNSZqTNSZajLUVsrRyv0Z1CS9fiuraatprWGtYa9hgsMDmFzC5UsqvE99W01rTWsNew17BKXhomfS9JeuVXUtNW01bTWsNaw17DA5gcwuUrKrxP0Z1Dyicrs2mzabFhsWGewzuZnMzmVyuZleZ9LrnV5iNiwz2GewzOZnF/Ed72lK5mNq02bTZtNiwz2GewzOZnMzlTS0cz9GWqrLw2CkwUmGkw1EdOk/jXUwKYFMKir4xx62VVs0y2Gow1GKoxVmOshliOCJ57WKrJMNgoMFJgpMNJhqMVRirMdZjrEiIj+vozqvjkiDgiO3T/p/lf8AJPaIIjtEdqv17dR8UkQcER2iCIIgiO1X6/Rtr+C+Rtm0bJslb+cc+9j+CyxuG2bRsmwZzOZjKK3MdrH8FljbNs2jZNg2DOZiJ5j6OtSXXiNVjWY1mNditZVeJ9rUl0lY1HNVjWY12MDGBjDJikxSJHEdrUl0lY1HNVjWY1mNdjAxhYwyRHEfR18zCf1kc83IdjzYpmZX3umYSeMjmRyHY82PNiGYRp59bpmEnjI5kch2PNiHYpmZn6RZYaOJwVmFDChiQhYX+o9mWGjicFZgrMKGFDEhjUhFj1ZYaOJwVmCswoYUMSCoq/j/AIlv/8QAIxEBAQEAAgEDBQEBAAAAAAAAAQACIKFwETCxECExgLBBkf/aAAgBAwEJPwD+JT+LXTa+Z+ZmZmeT95+ZmZn6/i102um18z8zPhEstlstlssMRHIstlhhiOGWy2Wy2WP88JBBBBBERxCCCCCIjiEEEEEER4PfS11atWrVqZnhrq1atWrVqZ4a6tdWrVq1an9Pj1LHRZ6LPRZ6I9jJ/wAs9Fnos9Fnos9WeJ6ljosdFnos9Fnos9WerNmPBxEREREcSIiI5ERERER4PZmZmZnkzMzPFmZmZmfBz6Frstdlru1PtP3tWrUzP1fQtdlrstd2rVqZn9PsxEezmIiIiI4ZsxEREeEH3H3GfCzMz7LMzM82ZmfCZER7JEREcyIiP4l//9k="},1100:(A,o,t)=>{t.d(o,{R:()=>n,x:()=>i});var e=t(758);const s={},g=e.createContext(s);function n(A){const o=e.useContext(g);return e.useMemo((function(){return"function"==typeof A?A(o):{...o,...A}}),[o,A])}function i(A){let o;return o=A.disableParentContext?"function"==typeof A.components?A.components(s):A.components||s:n(A.components),e.createElement(g.Provider,{value:o},A.children)}}}]);
\ No newline at end of file
diff --git a/assets/js/590d98cc.e141b15c.js b/assets/js/590d98cc.e4f8ef01.js
similarity index 98%
rename from assets/js/590d98cc.e141b15c.js
rename to assets/js/590d98cc.e4f8ef01.js
index 01f9fba3ba..d825ad2a7f 100644
--- a/assets/js/590d98cc.e141b15c.js
+++ b/assets/js/590d98cc.e4f8ef01.js
@@ -1 +1 @@
-"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[7604],{1928:(e,t,i)=>{i.d(t,{Ay:()=>l,RM:()=>d});var n=i(6070),s=i(1100),o=(i(758),i(6783)),r=i(7765);const c=e=>{let{ticket:t}=e;const i=`https://github.com/feature-sliced/documentation/issues/${t}`;return(0,n.jsxs)("div",{children:[(0,n.jsx)("p",{children:(0,r.T)({id:"shared.wip.title"})}),(0,n.jsx)("p",{children:(0,r.T)({id:"shared.wip.subtitle"})}),(0,n.jsxs)("ul",{children:[(0,n.jsxs)("li",{children:[(0,r.T)({id:"shared.wip.var.feedback.base"}),(0,n.jsx)(o.A,{to:i,children:(0,r.T)({id:"shared.wip.var.feedback.link"})})]}),(0,n.jsxs)("li",{children:[(0,r.T)({id:"shared.wip.var.material.base"}),(0,n.jsx)(o.A,{to:"https://t.me/feature_sliced",children:(0,r.T)({id:"shared.wip.var.material.link"})})]}),(0,n.jsxs)("li",{children:[(0,r.T)({id:"shared.wip.var.contribute.base"}),(0,n.jsx)(o.A,{to:"https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md",children:(0,r.T)({id:"shared.wip.var.contribute.link"})})]})]}),(0,n.jsx)("br",{}),(0,n.jsx)("p",{children:(0,n.jsx)("i",{children:"\ud83c\udf70 Stay tuned!"})})]})},d=[];function a(e){const t={admonition:"admonition",...(0,s.R)(),...e.components};return(0,n.jsx)(t.admonition,{title:"WIP",type:"caution",children:(0,n.jsx)(c,{ticket:e.ticket})})}function l(e={}){const{wrapper:t}={...(0,s.R)(),...e.components};return t?(0,n.jsx)(t,{...e,children:(0,n.jsx)(a,{...e})}):a(e)}},664:(e,t,i)=>{i.r(t),i.d(t,{assets:()=>a,contentTitle:()=>c,default:()=>h,frontMatter:()=>r,metadata:()=>d,toc:()=>l});var n=i(6070),s=i(1100),o=i(1928);const r={sidebar_position:2,sidebar_class_name:"sidebar-item--wip"},c="Decouple entities",d={id:"reference/isolation/decouple-entities",title:"Decouple entities",description:"About cross-imports of types, adapters and about how to explicitly build connections between entities",source:"@site/i18n/en/docusaurus-plugin-content-docs/current/reference/isolation/decouple-entities.mdx",sourceDirName:"reference/isolation",slug:"/reference/isolation/decouple-entities",permalink:"/docs/reference/isolation/decouple-entities",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/reference/isolation/decouple-entities.mdx",tags:[],version:"current",lastUpdatedAt:1727607766e3,sidebarPosition:2,frontMatter:{sidebar_position:2,sidebar_class_name:"sidebar-item--wip"},sidebar:"referenceSidebar",previous:{title:"Low Coupling & High Cohesion",permalink:"/docs/reference/isolation/coupling-cohesion"}},a={},l=[...o.RM,{value:"See also",id:"see-also",level:2}];function u(e){const t={a:"a",blockquote:"blockquote",h1:"h1",h2:"h2",header:"header",li:"li",p:"p",ul:"ul",...(0,s.R)(),...e.components};return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(t.header,{children:(0,n.jsx)(t.h1,{id:"decouple-entities",children:"Decouple entities"})}),"\n",(0,n.jsx)(o.Ay,{ticket:"202"}),"\n",(0,n.jsxs)(t.blockquote,{children:["\n",(0,n.jsx)(t.p,{children:"About cross-imports of types, adapters and about how to explicitly build connections between entities"}),"\n"]}),"\n",(0,n.jsxs)(t.blockquote,{children:["\n",(0,n.jsx)(t.p,{children:"Also about mythical absolutely-decoupled entities"}),"\n"]}),"\n",(0,n.jsx)(t.h2,{id:"see-also",children:"See also"}),"\n",(0,n.jsxs)(t.ul,{children:["\n",(0,n.jsx)(t.li,{children:(0,n.jsx)(t.a,{href:"https://t.me/feature_sliced/3633",children:"(Thread) Memo about decomposition by entities and building explicit links between them"})}),"\n",(0,n.jsx)(t.li,{children:(0,n.jsx)(t.a,{href:"https://t.me/feature_sliced/3316",children:'(Thread) Example of decomposition for "connected entities" (users/pets/friends)'})}),"\n",(0,n.jsx)(t.li,{children:(0,n.jsx)(t.a,{href:"https://t.me/feature_sliced/4276",children:"(Thread) About cross-imports of types/adapters in entities"})}),"\n",(0,n.jsx)(t.li,{children:(0,n.jsx)(t.a,{href:"https://t.me/feature_sliced/4521",children:"(Thread) About the boundaries of entities and features"})}),"\n"]})]})}function h(e={}){const{wrapper:t}={...(0,s.R)(),...e.components};return t?(0,n.jsx)(t,{...e,children:(0,n.jsx)(u,{...e})}):u(e)}},1100:(e,t,i)=>{i.d(t,{R:()=>r,x:()=>c});var n=i(758);const s={},o=n.createContext(s);function r(e){const t=n.useContext(o);return n.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function c(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(s):e.components||s:r(e.components),n.createElement(o.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
+"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[7604],{1928:(e,t,i)=>{i.d(t,{Ay:()=>l,RM:()=>d});var n=i(6070),s=i(1100),o=(i(758),i(6783)),r=i(7765);const c=e=>{let{ticket:t}=e;const i=`https://github.com/feature-sliced/documentation/issues/${t}`;return(0,n.jsxs)("div",{children:[(0,n.jsx)("p",{children:(0,r.T)({id:"shared.wip.title"})}),(0,n.jsx)("p",{children:(0,r.T)({id:"shared.wip.subtitle"})}),(0,n.jsxs)("ul",{children:[(0,n.jsxs)("li",{children:[(0,r.T)({id:"shared.wip.var.feedback.base"}),(0,n.jsx)(o.A,{to:i,children:(0,r.T)({id:"shared.wip.var.feedback.link"})})]}),(0,n.jsxs)("li",{children:[(0,r.T)({id:"shared.wip.var.material.base"}),(0,n.jsx)(o.A,{to:"https://t.me/feature_sliced",children:(0,r.T)({id:"shared.wip.var.material.link"})})]}),(0,n.jsxs)("li",{children:[(0,r.T)({id:"shared.wip.var.contribute.base"}),(0,n.jsx)(o.A,{to:"https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md",children:(0,r.T)({id:"shared.wip.var.contribute.link"})})]})]}),(0,n.jsx)("br",{}),(0,n.jsx)("p",{children:(0,n.jsx)("i",{children:"\ud83c\udf70 Stay tuned!"})})]})},d=[];function a(e){const t={admonition:"admonition",...(0,s.R)(),...e.components};return(0,n.jsx)(t.admonition,{title:"WIP",type:"caution",children:(0,n.jsx)(c,{ticket:e.ticket})})}function l(e={}){const{wrapper:t}={...(0,s.R)(),...e.components};return t?(0,n.jsx)(t,{...e,children:(0,n.jsx)(a,{...e})}):a(e)}},664:(e,t,i)=>{i.r(t),i.d(t,{assets:()=>a,contentTitle:()=>c,default:()=>h,frontMatter:()=>r,metadata:()=>d,toc:()=>l});var n=i(6070),s=i(1100),o=i(1928);const r={sidebar_position:2,sidebar_class_name:"sidebar-item--wip"},c="Decouple entities",d={id:"reference/isolation/decouple-entities",title:"Decouple entities",description:"About cross-imports of types, adapters and about how to explicitly build connections between entities",source:"@site/i18n/en/docusaurus-plugin-content-docs/current/reference/isolation/decouple-entities.mdx",sourceDirName:"reference/isolation",slug:"/reference/isolation/decouple-entities",permalink:"/docs/reference/isolation/decouple-entities",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/reference/isolation/decouple-entities.mdx",tags:[],version:"current",lastUpdatedAt:1728325386e3,sidebarPosition:2,frontMatter:{sidebar_position:2,sidebar_class_name:"sidebar-item--wip"},sidebar:"referenceSidebar",previous:{title:"Low Coupling & High Cohesion",permalink:"/docs/reference/isolation/coupling-cohesion"}},a={},l=[...o.RM,{value:"See also",id:"see-also",level:2}];function u(e){const t={a:"a",blockquote:"blockquote",h1:"h1",h2:"h2",header:"header",li:"li",p:"p",ul:"ul",...(0,s.R)(),...e.components};return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(t.header,{children:(0,n.jsx)(t.h1,{id:"decouple-entities",children:"Decouple entities"})}),"\n",(0,n.jsx)(o.Ay,{ticket:"202"}),"\n",(0,n.jsxs)(t.blockquote,{children:["\n",(0,n.jsx)(t.p,{children:"About cross-imports of types, adapters and about how to explicitly build connections between entities"}),"\n"]}),"\n",(0,n.jsxs)(t.blockquote,{children:["\n",(0,n.jsx)(t.p,{children:"Also about mythical absolutely-decoupled entities"}),"\n"]}),"\n",(0,n.jsx)(t.h2,{id:"see-also",children:"See also"}),"\n",(0,n.jsxs)(t.ul,{children:["\n",(0,n.jsx)(t.li,{children:(0,n.jsx)(t.a,{href:"https://t.me/feature_sliced/3633",children:"(Thread) Memo about decomposition by entities and building explicit links between them"})}),"\n",(0,n.jsx)(t.li,{children:(0,n.jsx)(t.a,{href:"https://t.me/feature_sliced/3316",children:'(Thread) Example of decomposition for "connected entities" (users/pets/friends)'})}),"\n",(0,n.jsx)(t.li,{children:(0,n.jsx)(t.a,{href:"https://t.me/feature_sliced/4276",children:"(Thread) About cross-imports of types/adapters in entities"})}),"\n",(0,n.jsx)(t.li,{children:(0,n.jsx)(t.a,{href:"https://t.me/feature_sliced/4521",children:"(Thread) About the boundaries of entities and features"})}),"\n"]})]})}function h(e={}){const{wrapper:t}={...(0,s.R)(),...e.components};return t?(0,n.jsx)(t,{...e,children:(0,n.jsx)(u,{...e})}):u(e)}},1100:(e,t,i)=>{i.d(t,{R:()=>r,x:()=>c});var n=i(758);const s={},o=n.createContext(s);function r(e){const t=n.useContext(o);return n.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function c(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(s):e.components||s:r(e.components),n.createElement(o.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
diff --git a/assets/js/5bd61d3b.bb3f7579.js b/assets/js/5bd61d3b.000b744a.js
similarity index 98%
rename from assets/js/5bd61d3b.bb3f7579.js
rename to assets/js/5bd61d3b.000b744a.js
index 58a878ee14..ae53392158 100644
--- a/assets/js/5bd61d3b.bb3f7579.js
+++ b/assets/js/5bd61d3b.000b744a.js
@@ -1 +1 @@
-"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[9536],{1928:(e,t,n)=>{n.d(t,{Ay:()=>l,RM:()=>d});var i=n(6070),s=n(1100),r=(n(758),n(6783)),a=n(7765);const o=e=>{let{ticket:t}=e;const n=`https://github.com/feature-sliced/documentation/issues/${t}`;return(0,i.jsxs)("div",{children:[(0,i.jsx)("p",{children:(0,a.T)({id:"shared.wip.title"})}),(0,i.jsx)("p",{children:(0,a.T)({id:"shared.wip.subtitle"})}),(0,i.jsxs)("ul",{children:[(0,i.jsxs)("li",{children:[(0,a.T)({id:"shared.wip.var.feedback.base"}),(0,i.jsx)(r.A,{to:n,children:(0,a.T)({id:"shared.wip.var.feedback.link"})})]}),(0,i.jsxs)("li",{children:[(0,a.T)({id:"shared.wip.var.material.base"}),(0,i.jsx)(r.A,{to:"https://t.me/feature_sliced",children:(0,a.T)({id:"shared.wip.var.material.link"})})]}),(0,i.jsxs)("li",{children:[(0,a.T)({id:"shared.wip.var.contribute.base"}),(0,i.jsx)(r.A,{to:"https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md",children:(0,a.T)({id:"shared.wip.var.contribute.link"})})]})]}),(0,i.jsx)("br",{}),(0,i.jsx)("p",{children:(0,i.jsx)("i",{children:"\ud83c\udf70 Stay tuned!"})})]})},d=[];function c(e){const t={admonition:"admonition",...(0,s.R)(),...e.components};return(0,i.jsx)(t.admonition,{title:"WIP",type:"caution",children:(0,i.jsx)(o,{ticket:e.ticket})})}function l(e={}){const{wrapper:t}={...(0,s.R)(),...e.components};return t?(0,i.jsx)(t,{...e,children:(0,i.jsx)(c,{...e})}):c(e)}},6202:(e,t,n)=>{n.r(t),n.d(t,{assets:()=>c,contentTitle:()=>o,default:()=>h,frontMatter:()=>a,metadata:()=>d,toc:()=>l});var i=n(6070),s=n(1100),r=n(1928);const a={sidebar_position:5,sidebar_class_name:"sidebar-item--wip"},o="Signals of architecture",d={id:"about/understanding/signals",title:"Signals of architecture",description:"If there is a limitation on the part of the architecture, then there are obvious reasons for this, and consequences if they are ignored",source:"@site/i18n/en/docusaurus-plugin-content-docs/current/about/understanding/signals.mdx",sourceDirName:"about/understanding",slug:"/about/understanding/signals",permalink:"/docs/about/understanding/signals",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/about/understanding/signals.mdx",tags:[],version:"current",lastUpdatedAt:1727607766e3,sidebarPosition:5,frontMatter:{sidebar_position:5,sidebar_class_name:"sidebar-item--wip"},sidebar:"aboutSidebar",previous:{title:"Naming",permalink:"/docs/about/understanding/naming"},next:{title:"Abstractions",permalink:"/docs/about/understanding/abstractions"}},c={},l=[...r.RM,{value:"See also",id:"see-also",level:2}];function u(e){const t={a:"a",blockquote:"blockquote",h1:"h1",h2:"h2",header:"header",li:"li",p:"p",ul:"ul",...(0,s.R)(),...e.components};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(t.header,{children:(0,i.jsx)(t.h1,{id:"signals-of-architecture",children:"Signals of architecture"})}),"\n",(0,i.jsx)(r.Ay,{ticket:"194"}),"\n",(0,i.jsxs)(t.blockquote,{children:["\n",(0,i.jsx)(t.p,{children:"If there is a limitation on the part of the architecture, then there are obvious reasons for this, and consequences if they are ignored"}),"\n"]}),"\n",(0,i.jsxs)(t.blockquote,{children:["\n",(0,i.jsx)(t.p,{children:"The methodology and architecture gives signals, and how to deal with it depends on what risks you are ready to take on and what is most suitable for your team)"}),"\n"]}),"\n",(0,i.jsx)(t.h2,{id:"see-also",children:"See also"}),"\n",(0,i.jsxs)(t.ul,{children:["\n",(0,i.jsx)(t.li,{children:(0,i.jsx)(t.a,{href:"https://t.me/feature_sliced/2070",children:"(Thread) About signals from architecture and dataflow"})}),"\n",(0,i.jsx)(t.li,{children:(0,i.jsx)(t.a,{href:"https://t.me/feature_sliced/2492",children:"(Thread) About the fundamental nature of architecture"})}),"\n",(0,i.jsx)(t.li,{children:(0,i.jsx)(t.a,{href:"https://t.me/feature_sliced/3979",children:"(Thread) About highlighting weak points"})}),"\n",(0,i.jsx)(t.li,{children:(0,i.jsx)(t.a,{href:"https://t.me/feature_sliced/4228",children:"(Thread) How to understand that the data model is swollen"})}),"\n"]})]})}function h(e={}){const{wrapper:t}={...(0,s.R)(),...e.components};return t?(0,i.jsx)(t,{...e,children:(0,i.jsx)(u,{...e})}):u(e)}},1100:(e,t,n)=>{n.d(t,{R:()=>a,x:()=>o});var i=n(758);const s={},r=i.createContext(s);function a(e){const t=i.useContext(r);return i.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function o(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(s):e.components||s:a(e.components),i.createElement(r.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
+"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[9536],{1928:(e,t,n)=>{n.d(t,{Ay:()=>l,RM:()=>d});var i=n(6070),s=n(1100),r=(n(758),n(6783)),a=n(7765);const o=e=>{let{ticket:t}=e;const n=`https://github.com/feature-sliced/documentation/issues/${t}`;return(0,i.jsxs)("div",{children:[(0,i.jsx)("p",{children:(0,a.T)({id:"shared.wip.title"})}),(0,i.jsx)("p",{children:(0,a.T)({id:"shared.wip.subtitle"})}),(0,i.jsxs)("ul",{children:[(0,i.jsxs)("li",{children:[(0,a.T)({id:"shared.wip.var.feedback.base"}),(0,i.jsx)(r.A,{to:n,children:(0,a.T)({id:"shared.wip.var.feedback.link"})})]}),(0,i.jsxs)("li",{children:[(0,a.T)({id:"shared.wip.var.material.base"}),(0,i.jsx)(r.A,{to:"https://t.me/feature_sliced",children:(0,a.T)({id:"shared.wip.var.material.link"})})]}),(0,i.jsxs)("li",{children:[(0,a.T)({id:"shared.wip.var.contribute.base"}),(0,i.jsx)(r.A,{to:"https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md",children:(0,a.T)({id:"shared.wip.var.contribute.link"})})]})]}),(0,i.jsx)("br",{}),(0,i.jsx)("p",{children:(0,i.jsx)("i",{children:"\ud83c\udf70 Stay tuned!"})})]})},d=[];function c(e){const t={admonition:"admonition",...(0,s.R)(),...e.components};return(0,i.jsx)(t.admonition,{title:"WIP",type:"caution",children:(0,i.jsx)(o,{ticket:e.ticket})})}function l(e={}){const{wrapper:t}={...(0,s.R)(),...e.components};return t?(0,i.jsx)(t,{...e,children:(0,i.jsx)(c,{...e})}):c(e)}},6202:(e,t,n)=>{n.r(t),n.d(t,{assets:()=>c,contentTitle:()=>o,default:()=>h,frontMatter:()=>a,metadata:()=>d,toc:()=>l});var i=n(6070),s=n(1100),r=n(1928);const a={sidebar_position:5,sidebar_class_name:"sidebar-item--wip"},o="Signals of architecture",d={id:"about/understanding/signals",title:"Signals of architecture",description:"If there is a limitation on the part of the architecture, then there are obvious reasons for this, and consequences if they are ignored",source:"@site/i18n/en/docusaurus-plugin-content-docs/current/about/understanding/signals.mdx",sourceDirName:"about/understanding",slug:"/about/understanding/signals",permalink:"/docs/about/understanding/signals",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/about/understanding/signals.mdx",tags:[],version:"current",lastUpdatedAt:1728325386e3,sidebarPosition:5,frontMatter:{sidebar_position:5,sidebar_class_name:"sidebar-item--wip"},sidebar:"aboutSidebar",previous:{title:"Naming",permalink:"/docs/about/understanding/naming"},next:{title:"Abstractions",permalink:"/docs/about/understanding/abstractions"}},c={},l=[...r.RM,{value:"See also",id:"see-also",level:2}];function u(e){const t={a:"a",blockquote:"blockquote",h1:"h1",h2:"h2",header:"header",li:"li",p:"p",ul:"ul",...(0,s.R)(),...e.components};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(t.header,{children:(0,i.jsx)(t.h1,{id:"signals-of-architecture",children:"Signals of architecture"})}),"\n",(0,i.jsx)(r.Ay,{ticket:"194"}),"\n",(0,i.jsxs)(t.blockquote,{children:["\n",(0,i.jsx)(t.p,{children:"If there is a limitation on the part of the architecture, then there are obvious reasons for this, and consequences if they are ignored"}),"\n"]}),"\n",(0,i.jsxs)(t.blockquote,{children:["\n",(0,i.jsx)(t.p,{children:"The methodology and architecture gives signals, and how to deal with it depends on what risks you are ready to take on and what is most suitable for your team)"}),"\n"]}),"\n",(0,i.jsx)(t.h2,{id:"see-also",children:"See also"}),"\n",(0,i.jsxs)(t.ul,{children:["\n",(0,i.jsx)(t.li,{children:(0,i.jsx)(t.a,{href:"https://t.me/feature_sliced/2070",children:"(Thread) About signals from architecture and dataflow"})}),"\n",(0,i.jsx)(t.li,{children:(0,i.jsx)(t.a,{href:"https://t.me/feature_sliced/2492",children:"(Thread) About the fundamental nature of architecture"})}),"\n",(0,i.jsx)(t.li,{children:(0,i.jsx)(t.a,{href:"https://t.me/feature_sliced/3979",children:"(Thread) About highlighting weak points"})}),"\n",(0,i.jsx)(t.li,{children:(0,i.jsx)(t.a,{href:"https://t.me/feature_sliced/4228",children:"(Thread) How to understand that the data model is swollen"})}),"\n"]})]})}function h(e={}){const{wrapper:t}={...(0,s.R)(),...e.components};return t?(0,i.jsx)(t,{...e,children:(0,i.jsx)(u,{...e})}):u(e)}},1100:(e,t,n)=>{n.d(t,{R:()=>a,x:()=>o});var i=n(758);const s={},r=i.createContext(s);function a(e){const t=i.useContext(r);return i.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function o(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(s):e.components||s:a(e.components),i.createElement(r.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
diff --git a/assets/js/5f7e5f34.7992d430.js b/assets/js/5f7e5f34.114f20ee.js
similarity index 99%
rename from assets/js/5f7e5f34.7992d430.js
rename to assets/js/5f7e5f34.114f20ee.js
index 644490c8f2..6db4446436 100644
--- a/assets/js/5f7e5f34.7992d430.js
+++ b/assets/js/5f7e5f34.114f20ee.js
@@ -1 +1 @@
-"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[3366],{1928:(e,n,i)=>{i.d(n,{Ay:()=>a,RM:()=>d});var s=i(6070),t=i(1100),o=(i(758),i(6783)),r=i(7765);const c=e=>{let{ticket:n}=e;const i=`https://github.com/feature-sliced/documentation/issues/${n}`;return(0,s.jsxs)("div",{children:[(0,s.jsx)("p",{children:(0,r.T)({id:"shared.wip.title"})}),(0,s.jsx)("p",{children:(0,r.T)({id:"shared.wip.subtitle"})}),(0,s.jsxs)("ul",{children:[(0,s.jsxs)("li",{children:[(0,r.T)({id:"shared.wip.var.feedback.base"}),(0,s.jsx)(o.A,{to:i,children:(0,r.T)({id:"shared.wip.var.feedback.link"})})]}),(0,s.jsxs)("li",{children:[(0,r.T)({id:"shared.wip.var.material.base"}),(0,s.jsx)(o.A,{to:"https://t.me/feature_sliced",children:(0,r.T)({id:"shared.wip.var.material.link"})})]}),(0,s.jsxs)("li",{children:[(0,r.T)({id:"shared.wip.var.contribute.base"}),(0,s.jsx)(o.A,{to:"https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md",children:(0,r.T)({id:"shared.wip.var.contribute.link"})})]})]}),(0,s.jsx)("br",{}),(0,s.jsx)("p",{children:(0,s.jsx)("i",{children:"\ud83c\udf70 Stay tuned!"})})]})},d=[];function l(e){const n={admonition:"admonition",...(0,t.R)(),...e.components};return(0,s.jsx)(n.admonition,{title:"WIP",type:"caution",children:(0,s.jsx)(c,{ticket:e.ticket})})}function a(e={}){const{wrapper:n}={...(0,t.R)(),...e.components};return n?(0,s.jsx)(n,{...e,children:(0,s.jsx)(l,{...e})}):l(e)}},7908:(e,n,i)=>{i.r(n),i.d(n,{assets:()=>l,contentTitle:()=>c,default:()=>h,frontMatter:()=>r,metadata:()=>d,toc:()=>a});var s=i(6070),t=i(1100),o=i(1928);const r={sidebar_position:2,sidebar_class_name:"sidebar-item--wip"},c="Desegemented",d={id:"guides/issues/desegmented",title:"Desegemented",description:"Situation",source:"@site/i18n/en/docusaurus-plugin-content-docs/current/guides/issues/desegmented.mdx",sourceDirName:"guides/issues",slug:"/guides/issues/desegmented",permalink:"/docs/guides/issues/desegmented",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/guides/issues/desegmented.mdx",tags:[],version:"current",lastUpdatedAt:1727607766e3,sidebarPosition:2,frontMatter:{sidebar_position:2,sidebar_class_name:"sidebar-item--wip"},sidebar:"guidesSidebar",previous:{title:"Usage with SvelteKit",permalink:"/docs/guides/tech/with-sveltekit"},next:{title:"Routing",permalink:"/docs/guides/issues/routes"}},l={},a=[...o.RM,{value:"Situation",id:"situation",level:2},{value:"Problem",id:"problem",level:2},{value:"If you ignore it",id:"if-you-ignore-it",level:2},{value:"Solution",id:"solution",level:2},{value:"See also",id:"see-also",level:2}];function u(e){const n={a:"a",blockquote:"blockquote",code:"code",h1:"h1",h2:"h2",header:"header",li:"li",p:"p",pre:"pre",ul:"ul",...(0,t.R)(),...e.components};return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(n.header,{children:(0,s.jsx)(n.h1,{id:"desegemented",children:"Desegemented"})}),"\n",(0,s.jsx)(o.Ay,{ticket:"148"}),"\n",(0,s.jsx)(n.h2,{id:"situation",children:"Situation"}),"\n",(0,s.jsx)(n.p,{children:"Very often, there is a situation on projects when modules related to a specific domain from the subject area are unnecessarily desegmented and scattered around the project"}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-sh",children:"\u251c\u2500\u2500 components/\n|    \u251c\u2500\u2500 DeliveryCard\n|    \u251c\u2500\u2500 DeliveryChoice\n|    \u251c\u2500\u2500 RegionSelect\n|    \u251c\u2500\u2500 UserAvatar\n\u251c\u2500\u2500 actions/\n|    \u251c\u2500\u2500 delivery.js\n|    \u251c\u2500\u2500 region.js\n|    \u251c\u2500\u2500 user.js\n\u251c\u2500\u2500 epics/\n|    \u251c\u2500\u2500 delivery.js\n|    \u251c\u2500\u2500 region.js\n|    \u251c\u2500\u2500 user.js\n\u251c\u2500\u2500 constants/\n|    \u251c\u2500\u2500 delivery.js\n|    \u251c\u2500\u2500 region.js\n|    \u251c\u2500\u2500 user.js\n\u251c\u2500\u2500 helpers/\n|    \u251c\u2500\u2500 delivery.js\n|    \u251c\u2500\u2500 region.js\n|    \u251c\u2500\u2500 user.js\n\u251c\u2500\u2500 entities/\n|    \u251c\u2500\u2500 delivery/\n|    |      \u251c\u2500\u2500 getters.js\n|    |      \u251c\u2500\u2500 selectors.js\n|    \u251c\u2500\u2500 region/\n|    \u251c\u2500\u2500 user/\n"})}),"\n",(0,s.jsx)(n.h2,{id:"problem",children:"Problem"}),"\n",(0,s.jsx)(n.p,{children:"The problem manifests itself at least in violation of the principle of * * High Cohesion** and excessive stretching * * of the axis of changes**"}),"\n",(0,s.jsx)(n.h2,{id:"if-you-ignore-it",children:"If you ignore it"}),"\n",(0,s.jsxs)(n.ul,{children:["\n",(0,s.jsx)(n.li,{children:"If necessary, touch on the logic, for example, delivery - we will have to keep in mind that it lies in several places and touch on several places in the code-which unnecessarily stretches our * * Axis of changes**"}),"\n",(0,s.jsx)(n.li,{children:"If we need to study the logic of the user, we will have to go through the whole project to study in detail * * actions, epics, constants, entities, components** - instead of it lying in one place"}),"\n",(0,s.jsx)(n.li,{children:"Implicit connections and the uncontrollability of a growing subject area"}),"\n",(0,s.jsx)(n.li,{children:'With this approach, the eye is very often blurred and you may not notice how we "create constants for the sake of constants", creating a dump in the corresponding project directory'}),"\n"]}),"\n",(0,s.jsx)(n.h2,{id:"solution",children:"Solution"}),"\n",(0,s.jsx)(n.p,{children:"Place all modules related to a specific domain/user case - directly next to each other"}),"\n",(0,s.jsx)(n.p,{children:"So that when studying a particular module, all its components lie side by side, and are not scattered around the project"}),"\n",(0,s.jsxs)(n.blockquote,{children:["\n",(0,s.jsx)(n.p,{children:"It also increases the discoverability and clarity of the code base and the relationships between modules"}),"\n"]}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-diff",children:"- \u251c\u2500\u2500 components/\n- |    \u251c\u2500\u2500 DeliveryCard\n- |    \u251c\u2500\u2500 DeliveryChoice\n- |    \u251c\u2500\u2500 RegionSelect\n- |    \u251c\u2500\u2500 UserAvatar\n- \u251c\u2500\u2500 actions/\n- |    \u251c\u2500\u2500 delivery.js\n- |    \u251c\u2500\u2500 region.js\n- |    \u251c\u2500\u2500 user.js\n- \u251c\u2500\u2500 epics/{...}\n- \u251c\u2500\u2500 constants/{...}\n- \u251c\u2500\u2500 helpers/{...}\n  \u251c\u2500\u2500 entities/\n  |    \u251c\u2500\u2500 delivery/\n+ |    |      \u251c\u2500\u2500 ui/ # ~ components/\n+ |    |      |   \u251c\u2500\u2500 card.js\n+ |    |      |   \u251c\u2500\u2500 choice.js\n+ |    |      \u251c\u2500\u2500 model/\n+ |    |      |   \u251c\u2500\u2500 actions.js\n+ |    |      |   \u251c\u2500\u2500 constants.js\n+ |    |      |   \u251c\u2500\u2500 epics.js\n+ |    |      |   \u251c\u2500\u2500 getters.js\n+ |    |      |   \u251c\u2500\u2500 selectors.js\n+ |    |      \u251c\u2500\u2500 lib/ # ~ helpers\n  |    \u251c\u2500\u2500 region/\n  |    \u251c\u2500\u2500 user/\n"})}),"\n",(0,s.jsx)(n.h2,{id:"see-also",children:"See also"}),"\n",(0,s.jsxs)(n.ul,{children:["\n",(0,s.jsx)(n.li,{children:(0,s.jsx)(n.a,{href:"https://enterprisecraftsmanship.com/posts/cohesion-coupling-difference/",children:"(Article) About Low Coupling and High Cohesion clearly"})}),"\n",(0,s.jsx)(n.li,{children:(0,s.jsx)(n.a,{href:"https://medium.com/german-gorelkin/low-coupling-high-cohesion-d36369fb1be9",children:"(Article) Low Coupling and High Cohesion. The Law of Demeter"})}),"\n"]})]})}function h(e={}){const{wrapper:n}={...(0,t.R)(),...e.components};return n?(0,s.jsx)(n,{...e,children:(0,s.jsx)(u,{...e})}):u(e)}},1100:(e,n,i)=>{i.d(n,{R:()=>r,x:()=>c});var s=i(758);const t={},o=s.createContext(t);function r(e){const n=s.useContext(o);return s.useMemo((function(){return"function"==typeof e?e(n):{...n,...e}}),[n,e])}function c(e){let n;return n=e.disableParentContext?"function"==typeof e.components?e.components(t):e.components||t:r(e.components),s.createElement(o.Provider,{value:n},e.children)}}}]);
\ No newline at end of file
+"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[3366],{1928:(e,n,i)=>{i.d(n,{Ay:()=>a,RM:()=>d});var s=i(6070),t=i(1100),o=(i(758),i(6783)),r=i(7765);const c=e=>{let{ticket:n}=e;const i=`https://github.com/feature-sliced/documentation/issues/${n}`;return(0,s.jsxs)("div",{children:[(0,s.jsx)("p",{children:(0,r.T)({id:"shared.wip.title"})}),(0,s.jsx)("p",{children:(0,r.T)({id:"shared.wip.subtitle"})}),(0,s.jsxs)("ul",{children:[(0,s.jsxs)("li",{children:[(0,r.T)({id:"shared.wip.var.feedback.base"}),(0,s.jsx)(o.A,{to:i,children:(0,r.T)({id:"shared.wip.var.feedback.link"})})]}),(0,s.jsxs)("li",{children:[(0,r.T)({id:"shared.wip.var.material.base"}),(0,s.jsx)(o.A,{to:"https://t.me/feature_sliced",children:(0,r.T)({id:"shared.wip.var.material.link"})})]}),(0,s.jsxs)("li",{children:[(0,r.T)({id:"shared.wip.var.contribute.base"}),(0,s.jsx)(o.A,{to:"https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md",children:(0,r.T)({id:"shared.wip.var.contribute.link"})})]})]}),(0,s.jsx)("br",{}),(0,s.jsx)("p",{children:(0,s.jsx)("i",{children:"\ud83c\udf70 Stay tuned!"})})]})},d=[];function l(e){const n={admonition:"admonition",...(0,t.R)(),...e.components};return(0,s.jsx)(n.admonition,{title:"WIP",type:"caution",children:(0,s.jsx)(c,{ticket:e.ticket})})}function a(e={}){const{wrapper:n}={...(0,t.R)(),...e.components};return n?(0,s.jsx)(n,{...e,children:(0,s.jsx)(l,{...e})}):l(e)}},7908:(e,n,i)=>{i.r(n),i.d(n,{assets:()=>l,contentTitle:()=>c,default:()=>h,frontMatter:()=>r,metadata:()=>d,toc:()=>a});var s=i(6070),t=i(1100),o=i(1928);const r={sidebar_position:2,sidebar_class_name:"sidebar-item--wip"},c="Desegemented",d={id:"guides/issues/desegmented",title:"Desegemented",description:"Situation",source:"@site/i18n/en/docusaurus-plugin-content-docs/current/guides/issues/desegmented.mdx",sourceDirName:"guides/issues",slug:"/guides/issues/desegmented",permalink:"/docs/guides/issues/desegmented",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/guides/issues/desegmented.mdx",tags:[],version:"current",lastUpdatedAt:1728325386e3,sidebarPosition:2,frontMatter:{sidebar_position:2,sidebar_class_name:"sidebar-item--wip"},sidebar:"guidesSidebar",previous:{title:"Usage with SvelteKit",permalink:"/docs/guides/tech/with-sveltekit"},next:{title:"Routing",permalink:"/docs/guides/issues/routes"}},l={},a=[...o.RM,{value:"Situation",id:"situation",level:2},{value:"Problem",id:"problem",level:2},{value:"If you ignore it",id:"if-you-ignore-it",level:2},{value:"Solution",id:"solution",level:2},{value:"See also",id:"see-also",level:2}];function u(e){const n={a:"a",blockquote:"blockquote",code:"code",h1:"h1",h2:"h2",header:"header",li:"li",p:"p",pre:"pre",ul:"ul",...(0,t.R)(),...e.components};return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(n.header,{children:(0,s.jsx)(n.h1,{id:"desegemented",children:"Desegemented"})}),"\n",(0,s.jsx)(o.Ay,{ticket:"148"}),"\n",(0,s.jsx)(n.h2,{id:"situation",children:"Situation"}),"\n",(0,s.jsx)(n.p,{children:"Very often, there is a situation on projects when modules related to a specific domain from the subject area are unnecessarily desegmented and scattered around the project"}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-sh",children:"\u251c\u2500\u2500 components/\n|    \u251c\u2500\u2500 DeliveryCard\n|    \u251c\u2500\u2500 DeliveryChoice\n|    \u251c\u2500\u2500 RegionSelect\n|    \u251c\u2500\u2500 UserAvatar\n\u251c\u2500\u2500 actions/\n|    \u251c\u2500\u2500 delivery.js\n|    \u251c\u2500\u2500 region.js\n|    \u251c\u2500\u2500 user.js\n\u251c\u2500\u2500 epics/\n|    \u251c\u2500\u2500 delivery.js\n|    \u251c\u2500\u2500 region.js\n|    \u251c\u2500\u2500 user.js\n\u251c\u2500\u2500 constants/\n|    \u251c\u2500\u2500 delivery.js\n|    \u251c\u2500\u2500 region.js\n|    \u251c\u2500\u2500 user.js\n\u251c\u2500\u2500 helpers/\n|    \u251c\u2500\u2500 delivery.js\n|    \u251c\u2500\u2500 region.js\n|    \u251c\u2500\u2500 user.js\n\u251c\u2500\u2500 entities/\n|    \u251c\u2500\u2500 delivery/\n|    |      \u251c\u2500\u2500 getters.js\n|    |      \u251c\u2500\u2500 selectors.js\n|    \u251c\u2500\u2500 region/\n|    \u251c\u2500\u2500 user/\n"})}),"\n",(0,s.jsx)(n.h2,{id:"problem",children:"Problem"}),"\n",(0,s.jsx)(n.p,{children:"The problem manifests itself at least in violation of the principle of * * High Cohesion** and excessive stretching * * of the axis of changes**"}),"\n",(0,s.jsx)(n.h2,{id:"if-you-ignore-it",children:"If you ignore it"}),"\n",(0,s.jsxs)(n.ul,{children:["\n",(0,s.jsx)(n.li,{children:"If necessary, touch on the logic, for example, delivery - we will have to keep in mind that it lies in several places and touch on several places in the code-which unnecessarily stretches our * * Axis of changes**"}),"\n",(0,s.jsx)(n.li,{children:"If we need to study the logic of the user, we will have to go through the whole project to study in detail * * actions, epics, constants, entities, components** - instead of it lying in one place"}),"\n",(0,s.jsx)(n.li,{children:"Implicit connections and the uncontrollability of a growing subject area"}),"\n",(0,s.jsx)(n.li,{children:'With this approach, the eye is very often blurred and you may not notice how we "create constants for the sake of constants", creating a dump in the corresponding project directory'}),"\n"]}),"\n",(0,s.jsx)(n.h2,{id:"solution",children:"Solution"}),"\n",(0,s.jsx)(n.p,{children:"Place all modules related to a specific domain/user case - directly next to each other"}),"\n",(0,s.jsx)(n.p,{children:"So that when studying a particular module, all its components lie side by side, and are not scattered around the project"}),"\n",(0,s.jsxs)(n.blockquote,{children:["\n",(0,s.jsx)(n.p,{children:"It also increases the discoverability and clarity of the code base and the relationships between modules"}),"\n"]}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-diff",children:"- \u251c\u2500\u2500 components/\n- |    \u251c\u2500\u2500 DeliveryCard\n- |    \u251c\u2500\u2500 DeliveryChoice\n- |    \u251c\u2500\u2500 RegionSelect\n- |    \u251c\u2500\u2500 UserAvatar\n- \u251c\u2500\u2500 actions/\n- |    \u251c\u2500\u2500 delivery.js\n- |    \u251c\u2500\u2500 region.js\n- |    \u251c\u2500\u2500 user.js\n- \u251c\u2500\u2500 epics/{...}\n- \u251c\u2500\u2500 constants/{...}\n- \u251c\u2500\u2500 helpers/{...}\n  \u251c\u2500\u2500 entities/\n  |    \u251c\u2500\u2500 delivery/\n+ |    |      \u251c\u2500\u2500 ui/ # ~ components/\n+ |    |      |   \u251c\u2500\u2500 card.js\n+ |    |      |   \u251c\u2500\u2500 choice.js\n+ |    |      \u251c\u2500\u2500 model/\n+ |    |      |   \u251c\u2500\u2500 actions.js\n+ |    |      |   \u251c\u2500\u2500 constants.js\n+ |    |      |   \u251c\u2500\u2500 epics.js\n+ |    |      |   \u251c\u2500\u2500 getters.js\n+ |    |      |   \u251c\u2500\u2500 selectors.js\n+ |    |      \u251c\u2500\u2500 lib/ # ~ helpers\n  |    \u251c\u2500\u2500 region/\n  |    \u251c\u2500\u2500 user/\n"})}),"\n",(0,s.jsx)(n.h2,{id:"see-also",children:"See also"}),"\n",(0,s.jsxs)(n.ul,{children:["\n",(0,s.jsx)(n.li,{children:(0,s.jsx)(n.a,{href:"https://enterprisecraftsmanship.com/posts/cohesion-coupling-difference/",children:"(Article) About Low Coupling and High Cohesion clearly"})}),"\n",(0,s.jsx)(n.li,{children:(0,s.jsx)(n.a,{href:"https://medium.com/german-gorelkin/low-coupling-high-cohesion-d36369fb1be9",children:"(Article) Low Coupling and High Cohesion. The Law of Demeter"})}),"\n"]})]})}function h(e={}){const{wrapper:n}={...(0,t.R)(),...e.components};return n?(0,s.jsx)(n,{...e,children:(0,s.jsx)(u,{...e})}):u(e)}},1100:(e,n,i)=>{i.d(n,{R:()=>r,x:()=>c});var s=i(758);const t={},o=s.createContext(t);function r(e){const n=s.useContext(o);return s.useMemo((function(){return"function"==typeof e?e(n):{...n,...e}}),[n,e])}function c(e){let n;return n=e.disableParentContext?"function"==typeof e.components?e.components(t):e.components||t:r(e.components),s.createElement(o.Provider,{value:n},e.children)}}}]);
\ No newline at end of file
diff --git a/assets/js/6636c8dc.742b6c2e.js b/assets/js/6636c8dc.643611ba.js
similarity index 97%
rename from assets/js/6636c8dc.742b6c2e.js
rename to assets/js/6636c8dc.643611ba.js
index 393b6301c6..f397f26f58 100644
--- a/assets/js/6636c8dc.742b6c2e.js
+++ b/assets/js/6636c8dc.643611ba.js
@@ -1 +1 @@
-"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[106],{1737:(e,t,n)=>{n.r(t),n.d(t,{assets:()=>c,contentTitle:()=>s,default:()=>u,frontMatter:()=>o,metadata:()=>a,toc:()=>l});var r=n(6070),i=n(1100);const o={sidebar_position:1},s="Integration aspects",a={id:"about/promote/integration",title:"Integration aspects",description:"Summary",source:"@site/i18n/en/docusaurus-plugin-content-docs/current/about/promote/integration.mdx",sourceDirName:"about/promote",slug:"/about/promote/integration",permalink:"/docs/about/promote/integration",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/about/promote/integration.mdx",tags:[],version:"current",lastUpdatedAt:1727607766e3,sidebarPosition:1,frontMatter:{sidebar_position:1},sidebar:"aboutSidebar",previous:{title:"Abstractions",permalink:"/docs/about/understanding/abstractions"},next:{title:"Partial Application",permalink:"/docs/about/promote/partial-application"}},c={},l=[{value:"Summary",id:"summary",level:2},{value:"Also",id:"also",level:2}];function d(e){const t={a:"a",h1:"h1",h2:"h2",header:"header",li:"li",p:"p",strong:"strong",ul:"ul",...(0,i.R)(),...e.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(t.header,{children:(0,r.jsx)(t.h1,{id:"integration-aspects",children:"Integration aspects"})}),"\n",(0,r.jsx)(t.h2,{id:"summary",children:"Summary"}),"\n",(0,r.jsx)(t.p,{children:"First 5 minutes (RU):"}),"\n",(0,r.jsx)("iframe",{className:"youtube",src:"https://www.youtube.com/embed/TFA6zRO_Cl0?start=2110",title:"YouTube video player",frameborder:"0",allow:"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture",allowfullscreen:!0}),"\n",(0,r.jsx)(t.h2,{id:"also",children:"Also"}),"\n",(0,r.jsxs)(t.p,{children:[(0,r.jsx)(t.strong,{children:"Advantages"}),":"]}),"\n",(0,r.jsxs)(t.ul,{children:["\n",(0,r.jsx)(t.li,{children:(0,r.jsx)(t.a,{href:"/docs/get-started/overview",children:"Overview"})}),"\n",(0,r.jsx)(t.li,{children:"CodeReview"}),"\n",(0,r.jsx)(t.li,{children:"Onboarding"}),"\n"]}),"\n",(0,r.jsx)(t.p,{children:(0,r.jsx)(t.strong,{children:"Disadvantages:"})}),"\n",(0,r.jsxs)(t.ul,{children:["\n",(0,r.jsx)(t.li,{children:"Mental complexity"}),"\n",(0,r.jsx)(t.li,{children:"High entry threshold"}),"\n",(0,r.jsx)(t.li,{children:'"Layers hell"'}),"\n",(0,r.jsx)(t.li,{children:"Typical problems of feature-based approaches"}),"\n"]})]})}function u(e={}){const{wrapper:t}={...(0,i.R)(),...e.components};return t?(0,r.jsx)(t,{...e,children:(0,r.jsx)(d,{...e})}):d(e)}},1100:(e,t,n)=>{n.d(t,{R:()=>s,x:()=>a});var r=n(758);const i={},o=r.createContext(i);function s(e){const t=r.useContext(o);return r.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function a(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(i):e.components||i:s(e.components),r.createElement(o.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
+"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[106],{1737:(e,t,n)=>{n.r(t),n.d(t,{assets:()=>c,contentTitle:()=>s,default:()=>u,frontMatter:()=>o,metadata:()=>a,toc:()=>l});var r=n(6070),i=n(1100);const o={sidebar_position:1},s="Integration aspects",a={id:"about/promote/integration",title:"Integration aspects",description:"Summary",source:"@site/i18n/en/docusaurus-plugin-content-docs/current/about/promote/integration.mdx",sourceDirName:"about/promote",slug:"/about/promote/integration",permalink:"/docs/about/promote/integration",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/about/promote/integration.mdx",tags:[],version:"current",lastUpdatedAt:1728325386e3,sidebarPosition:1,frontMatter:{sidebar_position:1},sidebar:"aboutSidebar",previous:{title:"Abstractions",permalink:"/docs/about/understanding/abstractions"},next:{title:"Partial Application",permalink:"/docs/about/promote/partial-application"}},c={},l=[{value:"Summary",id:"summary",level:2},{value:"Also",id:"also",level:2}];function d(e){const t={a:"a",h1:"h1",h2:"h2",header:"header",li:"li",p:"p",strong:"strong",ul:"ul",...(0,i.R)(),...e.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(t.header,{children:(0,r.jsx)(t.h1,{id:"integration-aspects",children:"Integration aspects"})}),"\n",(0,r.jsx)(t.h2,{id:"summary",children:"Summary"}),"\n",(0,r.jsx)(t.p,{children:"First 5 minutes (RU):"}),"\n",(0,r.jsx)("iframe",{className:"youtube",src:"https://www.youtube.com/embed/TFA6zRO_Cl0?start=2110",title:"YouTube video player",frameborder:"0",allow:"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture",allowfullscreen:!0}),"\n",(0,r.jsx)(t.h2,{id:"also",children:"Also"}),"\n",(0,r.jsxs)(t.p,{children:[(0,r.jsx)(t.strong,{children:"Advantages"}),":"]}),"\n",(0,r.jsxs)(t.ul,{children:["\n",(0,r.jsx)(t.li,{children:(0,r.jsx)(t.a,{href:"/docs/get-started/overview",children:"Overview"})}),"\n",(0,r.jsx)(t.li,{children:"CodeReview"}),"\n",(0,r.jsx)(t.li,{children:"Onboarding"}),"\n"]}),"\n",(0,r.jsx)(t.p,{children:(0,r.jsx)(t.strong,{children:"Disadvantages:"})}),"\n",(0,r.jsxs)(t.ul,{children:["\n",(0,r.jsx)(t.li,{children:"Mental complexity"}),"\n",(0,r.jsx)(t.li,{children:"High entry threshold"}),"\n",(0,r.jsx)(t.li,{children:'"Layers hell"'}),"\n",(0,r.jsx)(t.li,{children:"Typical problems of feature-based approaches"}),"\n"]})]})}function u(e={}){const{wrapper:t}={...(0,i.R)(),...e.components};return t?(0,r.jsx)(t,{...e,children:(0,r.jsx)(d,{...e})}):d(e)}},1100:(e,t,n)=>{n.d(t,{R:()=>s,x:()=>a});var r=n(758);const i={},o=r.createContext(i);function s(e){const t=r.useContext(o);return r.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function a(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(i):e.components||i:s(e.components),r.createElement(o.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
diff --git a/assets/js/664a648d.45230f5b.js b/assets/js/664a648d.6f104f28.js
similarity index 98%
rename from assets/js/664a648d.45230f5b.js
rename to assets/js/664a648d.6f104f28.js
index c26d1484f9..d61d479016 100644
--- a/assets/js/664a648d.45230f5b.js
+++ b/assets/js/664a648d.6f104f28.js
@@ -1 +1 @@
-"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[5936],{1928:(t,e,i)=>{i.d(e,{Ay:()=>l,RM:()=>c});var n=i(6070),o=i(1100),a=(i(758),i(6783)),r=i(7765);const s=t=>{let{ticket:e}=t;const i=`https://github.com/feature-sliced/documentation/issues/${e}`;return(0,n.jsxs)("div",{children:[(0,n.jsx)("p",{children:(0,r.T)({id:"shared.wip.title"})}),(0,n.jsx)("p",{children:(0,r.T)({id:"shared.wip.subtitle"})}),(0,n.jsxs)("ul",{children:[(0,n.jsxs)("li",{children:[(0,r.T)({id:"shared.wip.var.feedback.base"}),(0,n.jsx)(a.A,{to:i,children:(0,r.T)({id:"shared.wip.var.feedback.link"})})]}),(0,n.jsxs)("li",{children:[(0,r.T)({id:"shared.wip.var.material.base"}),(0,n.jsx)(a.A,{to:"https://t.me/feature_sliced",children:(0,r.T)({id:"shared.wip.var.material.link"})})]}),(0,n.jsxs)("li",{children:[(0,r.T)({id:"shared.wip.var.contribute.base"}),(0,n.jsx)(a.A,{to:"https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md",children:(0,r.T)({id:"shared.wip.var.contribute.link"})})]})]}),(0,n.jsx)("br",{}),(0,n.jsx)("p",{children:(0,n.jsx)("i",{children:"\ud83c\udf70 Stay tuned!"})})]})},c=[];function d(t){const e={admonition:"admonition",...(0,o.R)(),...t.components};return(0,n.jsx)(e.admonition,{title:"WIP",type:"caution",children:(0,n.jsx)(s,{ticket:t.ticket})})}function l(t={}){const{wrapper:e}={...(0,o.R)(),...t.components};return e?(0,n.jsx)(e,{...t,children:(0,n.jsx)(d,{...t})}):d(t)}},8345:(t,e,i)=>{i.r(e),i.d(e,{assets:()=>d,contentTitle:()=>s,default:()=>u,frontMatter:()=>r,metadata:()=>c,toc:()=>l});var n=i(6070),o=i(1100),a=i(1928);const r={sidebar_position:2,sidebar_class_name:"sidebar-item--wip"},s="Partial Application",c={id:"about/promote/partial-application",title:"Partial Application",description:"How to partially apply the methodology? Does it make sense? What if I ignore it?",source:"@site/i18n/en/docusaurus-plugin-content-docs/current/about/promote/partial-application.mdx",sourceDirName:"about/promote",slug:"/about/promote/partial-application",permalink:"/docs/about/promote/partial-application",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/about/promote/partial-application.mdx",tags:[],version:"current",lastUpdatedAt:1727607766e3,sidebarPosition:2,frontMatter:{sidebar_position:2,sidebar_class_name:"sidebar-item--wip"},sidebar:"aboutSidebar",previous:{title:"Integration aspects",permalink:"/docs/about/promote/integration"},next:{title:"Promote in team",permalink:"/docs/about/promote/for-team"}},d={},l=[...a.RM];function p(t){const e={blockquote:"blockquote",h1:"h1",header:"header",p:"p",...(0,o.R)(),...t.components};return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(e.header,{children:(0,n.jsx)(e.h1,{id:"partial-application",children:"Partial Application"})}),"\n",(0,n.jsx)(a.Ay,{ticket:"199"}),"\n",(0,n.jsxs)(e.blockquote,{children:["\n",(0,n.jsx)(e.p,{children:"How to partially apply the methodology? Does it make sense? What if I ignore it?"}),"\n"]})]})}function u(t={}){const{wrapper:e}={...(0,o.R)(),...t.components};return e?(0,n.jsx)(e,{...t,children:(0,n.jsx)(p,{...t})}):p(t)}},1100:(t,e,i)=>{i.d(e,{R:()=>r,x:()=>s});var n=i(758);const o={},a=n.createContext(o);function r(t){const e=n.useContext(a);return n.useMemo((function(){return"function"==typeof t?t(e):{...e,...t}}),[e,t])}function s(t){let e;return e=t.disableParentContext?"function"==typeof t.components?t.components(o):t.components||o:r(t.components),n.createElement(a.Provider,{value:e},t.children)}}}]);
\ No newline at end of file
+"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[5936],{1928:(t,e,i)=>{i.d(e,{Ay:()=>l,RM:()=>c});var n=i(6070),o=i(1100),a=(i(758),i(6783)),r=i(7765);const s=t=>{let{ticket:e}=t;const i=`https://github.com/feature-sliced/documentation/issues/${e}`;return(0,n.jsxs)("div",{children:[(0,n.jsx)("p",{children:(0,r.T)({id:"shared.wip.title"})}),(0,n.jsx)("p",{children:(0,r.T)({id:"shared.wip.subtitle"})}),(0,n.jsxs)("ul",{children:[(0,n.jsxs)("li",{children:[(0,r.T)({id:"shared.wip.var.feedback.base"}),(0,n.jsx)(a.A,{to:i,children:(0,r.T)({id:"shared.wip.var.feedback.link"})})]}),(0,n.jsxs)("li",{children:[(0,r.T)({id:"shared.wip.var.material.base"}),(0,n.jsx)(a.A,{to:"https://t.me/feature_sliced",children:(0,r.T)({id:"shared.wip.var.material.link"})})]}),(0,n.jsxs)("li",{children:[(0,r.T)({id:"shared.wip.var.contribute.base"}),(0,n.jsx)(a.A,{to:"https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md",children:(0,r.T)({id:"shared.wip.var.contribute.link"})})]})]}),(0,n.jsx)("br",{}),(0,n.jsx)("p",{children:(0,n.jsx)("i",{children:"\ud83c\udf70 Stay tuned!"})})]})},c=[];function d(t){const e={admonition:"admonition",...(0,o.R)(),...t.components};return(0,n.jsx)(e.admonition,{title:"WIP",type:"caution",children:(0,n.jsx)(s,{ticket:t.ticket})})}function l(t={}){const{wrapper:e}={...(0,o.R)(),...t.components};return e?(0,n.jsx)(e,{...t,children:(0,n.jsx)(d,{...t})}):d(t)}},8345:(t,e,i)=>{i.r(e),i.d(e,{assets:()=>d,contentTitle:()=>s,default:()=>u,frontMatter:()=>r,metadata:()=>c,toc:()=>l});var n=i(6070),o=i(1100),a=i(1928);const r={sidebar_position:2,sidebar_class_name:"sidebar-item--wip"},s="Partial Application",c={id:"about/promote/partial-application",title:"Partial Application",description:"How to partially apply the methodology? Does it make sense? What if I ignore it?",source:"@site/i18n/en/docusaurus-plugin-content-docs/current/about/promote/partial-application.mdx",sourceDirName:"about/promote",slug:"/about/promote/partial-application",permalink:"/docs/about/promote/partial-application",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/about/promote/partial-application.mdx",tags:[],version:"current",lastUpdatedAt:1728325386e3,sidebarPosition:2,frontMatter:{sidebar_position:2,sidebar_class_name:"sidebar-item--wip"},sidebar:"aboutSidebar",previous:{title:"Integration aspects",permalink:"/docs/about/promote/integration"},next:{title:"Promote in team",permalink:"/docs/about/promote/for-team"}},d={},l=[...a.RM];function p(t){const e={blockquote:"blockquote",h1:"h1",header:"header",p:"p",...(0,o.R)(),...t.components};return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(e.header,{children:(0,n.jsx)(e.h1,{id:"partial-application",children:"Partial Application"})}),"\n",(0,n.jsx)(a.Ay,{ticket:"199"}),"\n",(0,n.jsxs)(e.blockquote,{children:["\n",(0,n.jsx)(e.p,{children:"How to partially apply the methodology? Does it make sense? What if I ignore it?"}),"\n"]})]})}function u(t={}){const{wrapper:e}={...(0,o.R)(),...t.components};return e?(0,n.jsx)(e,{...t,children:(0,n.jsx)(p,{...t})}):p(t)}},1100:(t,e,i)=>{i.d(e,{R:()=>r,x:()=>s});var n=i(758);const o={},a=n.createContext(o);function r(t){const e=n.useContext(a);return n.useMemo((function(){return"function"==typeof t?t(e):{...e,...t}}),[e,t])}function s(t){let e;return e=t.disableParentContext?"function"==typeof t.components?t.components(o):t.components||o:r(t.components),n.createElement(a.Provider,{value:e},t.children)}}}]);
\ No newline at end of file
diff --git a/assets/js/66d3db7c.d32ccfa2.js b/assets/js/66d3db7c.8104d873.js
similarity index 99%
rename from assets/js/66d3db7c.d32ccfa2.js
rename to assets/js/66d3db7c.8104d873.js
index 2b97f4c38b..c0836a514c 100644
--- a/assets/js/66d3db7c.d32ccfa2.js
+++ b/assets/js/66d3db7c.8104d873.js
@@ -1 +1 @@
-"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[7068],{9311:(e,t,n)=>{n.r(t),n.d(t,{assets:()=>c,contentTitle:()=>o,default:()=>h,frontMatter:()=>r,metadata:()=>a,toc:()=>d});var s=n(6070),i=n(1100);const r={sidebar_position:2},o="Types",a={id:"guides/examples/types",title:"Types",description:"This guide concerns data types from typed languages like TypeScript and describes where they fit within FSD.",source:"@site/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/types.md",sourceDirName:"guides/examples",slug:"/guides/examples/types",permalink:"/docs/guides/examples/types",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/types.md",tags:[],version:"current",lastUpdatedAt:1727607766e3,sidebarPosition:2,frontMatter:{sidebar_position:2},sidebar:"guidesSidebar",previous:{title:"Authentication",permalink:"/docs/guides/examples/auth"},next:{title:"Page layouts",permalink:"/docs/guides/examples/page-layout"}},c={},d=[{value:"Utility types",id:"utility-types",level:2},{value:"Business entities and their cross-references",id:"business-entities-and-their-cross-references",level:2},{value:"Data transfer objects and mappers",id:"data-transfer-objects-and-mappers",level:2},{value:"Where to put DTOs",id:"where-to-put-dtos",level:3},{value:"Where to put mappers",id:"where-to-put-mappers",level:3},{value:"How to deal with nested DTOs",id:"how-to-deal-with-nested-dtos",level:3},{value:"Global types and Redux",id:"global-types-and-redux",level:2},{value:"Enums",id:"enums",level:2},{value:"Type validation schemas and Zod",id:"type-validation-schemas-and-zod",level:2},{value:"Typings of component props and context",id:"typings-of-component-props-and-context",level:2},{value:"Ambient declaration files (<code>*.d.ts</code>)",id:"ambient-declaration-files-dts",level:2},{value:"Auto-generation of types",id:"auto-generation-of-types",level:2}];function l(e){const t={a:"a",admonition:"admonition",blockquote:"blockquote",br:"br",code:"code",em:"em",h1:"h1",h2:"h2",h3:"h3",header:"header",li:"li",ol:"ol",p:"p",pre:"pre",strong:"strong",ul:"ul",...(0,i.R)(),...e.components};return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(t.header,{children:(0,s.jsx)(t.h1,{id:"types",children:"Types"})}),"\n",(0,s.jsx)(t.p,{children:"This guide concerns data types from typed languages like TypeScript and describes where they fit within FSD."}),"\n",(0,s.jsx)(t.admonition,{type:"info",children:(0,s.jsx)(t.p,{children:"Is your question not covered by this guide? Post your question by leaving feedback on this article (blue button on the right) and we will consider expanding this guide!"})}),"\n",(0,s.jsx)(t.h2,{id:"utility-types",children:"Utility types"}),"\n",(0,s.jsx)(t.p,{children:"Utility types are types that don't have much meaning on their own and are usually used with other types. For example:"}),"\n",(0,s.jsxs)("figure",{children:[(0,s.jsx)(t.pre,{children:(0,s.jsx)(t.code,{className:"language-ts",children:"type ArrayValues<T extends readonly unknown[]> = T[number];\n"})}),(0,s.jsx)("figcaption",{children:(0,s.jsxs)(t.p,{children:["Source: ",(0,s.jsx)(t.a,{href:"https://github.com/sindresorhus/type-fest/blob/main/source/array-values.d.ts",children:"https://github.com/sindresorhus/type-fest/blob/main/source/array-values.d.ts"})]})})]}),"\n",(0,s.jsxs)(t.p,{children:["To make utility types available across your project, either install a library like ",(0,s.jsx)(t.a,{href:"https://github.com/sindresorhus/type-fest",children:(0,s.jsx)(t.code,{children:"type-fest"})}),", or create your own library in ",(0,s.jsx)(t.code,{children:"shared/lib"}),". Make sure to clearly indicate what new types ",(0,s.jsx)(t.em,{children:"should"})," be added to this library, and what types ",(0,s.jsx)(t.em,{children:"don't belong"})," there. For example, call it ",(0,s.jsx)(t.code,{children:"shared/lib/utility-types"})," and add a README inside that describes what is a utility type in your team."]}),"\n",(0,s.jsx)(t.p,{children:"Don't overestimate the potential reusability of a utility type. Just because it can be reused, doesn't mean it will be, and as such, not every utility type needs to be in Shared. Some utility types are fine right next to where they are needed:"}),"\n",(0,s.jsxs)(t.ul,{children:["\n",(0,s.jsxs)(t.li,{children:["\ud83d\udcc2 pages","\n",(0,s.jsxs)(t.ul,{children:["\n",(0,s.jsxs)(t.li,{children:["\ud83d\udcc2 home","\n",(0,s.jsxs)(t.ul,{children:["\n",(0,s.jsxs)(t.li,{children:["\ud83d\udcc2 api","\n",(0,s.jsxs)(t.ul,{children:["\n",(0,s.jsx)(t.li,{children:"\ud83d\udcc4 ArrayValues.ts (utility type)"}),"\n",(0,s.jsx)(t.li,{children:"\ud83d\udcc4 getMemoryUsageMetrics.ts (the code that uses the utility type)"}),"\n"]}),"\n"]}),"\n"]}),"\n"]}),"\n"]}),"\n"]}),"\n"]}),"\n",(0,s.jsx)(t.admonition,{type:"warning",children:(0,s.jsxs)(t.p,{children:["Resist the temptation to create a ",(0,s.jsx)(t.code,{children:"shared/types"})," folder, or to add a ",(0,s.jsx)(t.code,{children:"types"}),' segment to your slices. The category "types" is similar to the category "components" or "hooks" in that it describes what the contents are, not what they are for. Segments should describe the purpose of the code, not the essence.']})}),"\n",(0,s.jsx)(t.h2,{id:"business-entities-and-their-cross-references",children:"Business entities and their cross-references"}),"\n",(0,s.jsxs)(t.p,{children:["Among the most important types in an app are the types of business entities, i.e. the real-world things that your app works with. For example, in a music streaming app, you might have business entities ",(0,s.jsx)(t.em,{children:"Song"}),", ",(0,s.jsx)(t.em,{children:"Album"}),", etc."]}),"\n",(0,s.jsxs)(t.p,{children:["Business entities often come from the backend, so the first step is to type the backend responses. It's convenient to have a function to make a request to every endpoint, and to type the response of this function. For extra type safety, you may want to run the response through a schema validation library like ",(0,s.jsx)(t.a,{href:"https://zod.dev",children:"Zod"}),"."]}),"\n",(0,s.jsx)(t.p,{children:"For example, if you keep all your requests in Shared, you could do it like this:"}),"\n",(0,s.jsx)(t.pre,{children:(0,s.jsx)(t.code,{className:"language-ts",metastring:'title="shared/api/songs.ts"',children:"import type { Artist } from \"./artists\";\n\ninterface Song {\n  id: number;\n  title: string;\n  artists: Array<Artist>;\n}\n\nexport function listSongs() {\n  return fetch('/api/songs').then((res) => res.json() as Promise<Array<Song>>);\n}\n"})}),"\n",(0,s.jsxs)(t.p,{children:["You might notice that the ",(0,s.jsx)(t.code,{children:"Song"})," type references a different entity, ",(0,s.jsx)(t.code,{children:"Artist"}),". This is a benefit of storing your requests in Shared \u2014 real-world types are often intertwined. If we kept this function in ",(0,s.jsx)(t.code,{children:"entities/song/api"}),", we wouldn't be able to simply import ",(0,s.jsx)(t.code,{children:"Artist"})," from ",(0,s.jsx)(t.code,{children:"entities/artist"}),", because FSD restricts cross-imports between slices with ",(0,s.jsx)(t.a,{href:"/docs/reference/layers#import-rule-on-layers",children:"the import rule on layers"}),":"]}),"\n",(0,s.jsxs)(t.blockquote,{children:["\n",(0,s.jsx)(t.p,{children:"A module in a slice can only import other slices when they are located on layers strictly below."}),"\n"]}),"\n",(0,s.jsx)(t.p,{children:"There are two ways to deal with this issue:"}),"\n",(0,s.jsxs)(t.ol,{children:["\n",(0,s.jsxs)(t.li,{children:["\n",(0,s.jsxs)(t.p,{children:[(0,s.jsx)(t.strong,{children:"Parametrize your types"}),(0,s.jsx)(t.br,{}),"\n","You can make your types accept type arguments as slots for connections with other entities, and even impose constraints on those slots. For example:"]}),"\n",(0,s.jsx)(t.pre,{children:(0,s.jsx)(t.code,{className:"language-ts",metastring:'title="entities/song/model/song.ts"',children:"interface Song<ArtistType extends { id: string }> {\n  id: number;\n  title: string;\n  artists: Array<ArtistType>;\n}\n"})}),"\n",(0,s.jsxs)(t.p,{children:["This works better for some types than others. A simple type like ",(0,s.jsx)(t.code,{children:"Cart = { items: Array<Product> }"})," can easily be made to work with any type of product. More connected types, like ",(0,s.jsx)(t.code,{children:"Country"})," and ",(0,s.jsx)(t.code,{children:"City"}),", may not be as easy to separate."]}),"\n"]}),"\n",(0,s.jsxs)(t.li,{children:["\n",(0,s.jsxs)(t.p,{children:[(0,s.jsx)(t.strong,{children:"Cross-import (but do it right)"}),(0,s.jsx)(t.br,{}),"\n","To make cross-imports between entities in FSD, you can use a special public API specifically for each slice that will be cross-importing. For example, if we have entities ",(0,s.jsx)(t.code,{children:"song"}),", ",(0,s.jsx)(t.code,{children:"artist"}),", and ",(0,s.jsx)(t.code,{children:"playlist"}),", and the latter two need to reference ",(0,s.jsx)(t.code,{children:"song"}),", we can make two special public APIs for both of them in the ",(0,s.jsx)(t.code,{children:"song"})," entity with the ",(0,s.jsx)(t.code,{children:"@x"})," notation:"]}),"\n",(0,s.jsxs)(t.ul,{children:["\n",(0,s.jsxs)(t.li,{children:["\ud83d\udcc2 entities","\n",(0,s.jsxs)(t.ul,{children:["\n",(0,s.jsxs)(t.li,{children:["\ud83d\udcc2 song","\n",(0,s.jsxs)(t.ul,{children:["\n",(0,s.jsxs)(t.li,{children:["\ud83d\udcc2 @x","\n",(0,s.jsxs)(t.ul,{children:["\n",(0,s.jsxs)(t.li,{children:["\ud83d\udcc4 artist.ts (a public API for the ",(0,s.jsx)(t.code,{children:"artist"})," entity to import from)"]}),"\n",(0,s.jsxs)(t.li,{children:["\ud83d\udcc4 playlist.ts (a public API for the ",(0,s.jsx)(t.code,{children:"playlist"})," entity to import from)"]}),"\n"]}),"\n"]}),"\n",(0,s.jsx)(t.li,{children:"\ud83d\udcc4 index.ts (regular public API)"}),"\n"]}),"\n"]}),"\n"]}),"\n"]}),"\n"]}),"\n",(0,s.jsxs)(t.p,{children:["The contents of a file ",(0,s.jsx)(t.code,{children:"\ud83d\udcc4 entities/song/@x/artist.ts"})," are similar to ",(0,s.jsx)(t.code,{children:"\ud83d\udcc4 entities/song/index.ts"}),":"]}),"\n",(0,s.jsx)(t.pre,{children:(0,s.jsx)(t.code,{className:"language-ts",metastring:'title="entities/song/@x/artist.ts"',children:'export type { Song } from "../model/song.ts";\n'})}),"\n",(0,s.jsxs)(t.p,{children:["Then the ",(0,s.jsx)(t.code,{children:"\ud83d\udcc4 entities/artist/model/artist.ts"})," can import ",(0,s.jsx)(t.code,{children:"Song"})," like this:"]}),"\n",(0,s.jsx)(t.pre,{children:(0,s.jsx)(t.code,{className:"language-ts",metastring:'title="entities/artist/model/artist.ts"',children:'import type { Song } from "entities/song/@x/artist";\n\nexport interface Artist {\n  name: string;\n  songs: Array<Song>;\n}\n'})}),"\n",(0,s.jsx)(t.p,{children:"By making explicit connections between entities, we stay on top of inter-dependencies and maintain a decent level of domain separation."}),"\n"]}),"\n"]}),"\n",(0,s.jsx)(t.h2,{id:"data-transfer-objects-and-mappers",children:"Data transfer objects and mappers"}),"\n",(0,s.jsx)(t.p,{children:"Data transfer objects, or DTOs, is a term that describes the shape of data that comes from the backend. Sometimes, the DTO is fine to use as is, but sometimes it's inconvenient for the frontend. That's where mappers come in \u2014 they transform a DTO into a more convenient shape."}),"\n",(0,s.jsx)(t.h3,{id:"where-to-put-dtos",children:"Where to put DTOs"}),"\n",(0,s.jsx)(t.p,{children:"If you have backend types in a separate package (for example, if you share code between the frontend and the backend), then just import your DTOs from there and you're done! If you don't share code between the backend and frontend, then you need to keep DTOs somewhere in your frontend codebase, and we will explore this case below."}),"\n",(0,s.jsxs)(t.p,{children:["If you have your request functions in ",(0,s.jsx)(t.code,{children:"shared/api"}),", that's where the DTOs should be, right next to the function that uses them:"]}),"\n",(0,s.jsx)(t.pre,{children:(0,s.jsx)(t.code,{className:"language-ts",metastring:'title="shared/api/songs.ts"',children:'import type { ArtistDTO } from "./artists";\n\ninterface SongDTO {\n  id: number;\n  title: string;\n  artist_ids: Array<ArtistDTO["id"]>;\n}\n\nexport function listSongs() {\n  return fetch(\'/api/songs\').then((res) => res.json() as Promise<Array<SongDTO>>);\n}\n'})}),"\n",(0,s.jsx)(t.p,{children:"As mentioned in the previous section, storing your requests and DTOs in Shared comes with the benefit of being able to reference other DTOs."}),"\n",(0,s.jsx)(t.h3,{id:"where-to-put-mappers",children:"Where to put mappers"}),"\n",(0,s.jsxs)(t.p,{children:["Mappers are functions that accept a DTO for transformation, and as such, they should be located near the definition of the DTO. In practice this means that if your requests and DTOs are defined in ",(0,s.jsx)(t.code,{children:"shared/api"}),", then the mappers should go there as well:"]}),"\n",(0,s.jsx)(t.pre,{children:(0,s.jsx)(t.code,{className:"language-ts",metastring:'title="shared/api/songs.ts"',children:'import type { ArtistDTO } from "./artists";\n\ninterface SongDTO {\n  id: number;\n  title: string;\n  disc_no: number;\n  artist_ids: Array<ArtistDTO["id"]>;\n}\n\ninterface Song {\n  id: string;\n  title: string;\n  /** The full title of the song, including the disc number. */\n  fullTitle: string;\n  artistIds: Array<string>;\n}\n\nfunction adaptSongDTO(dto: SongDTO): Song {\n  return {\n    id: String(dto.id),\n    title: dto.title,\n    fullTitle: `${dto.disc_no} / ${dto.title}`,\n    artistIds: dto.artist_ids.map(String),\n  };\n}\n\nexport function listSongs() {\n  return fetch(\'/api/songs\').then(async (res) => (await res.json()).map(adaptSongDTO));\n}\n'})}),"\n",(0,s.jsx)(t.p,{children:"If your requests and stores are defined in entity slices, then all this code would go there, keeping in mind the limitations of cross-imports between slices:"}),"\n",(0,s.jsx)(t.pre,{children:(0,s.jsx)(t.code,{className:"language-ts",metastring:'title="entities/song/api/dto.ts"',children:'import type { ArtistDTO } from "entities/artist/@x/song";\n\nexport interface SongDTO {\n  id: number;\n  title: string;\n  disc_no: number;\n  artist_ids: Array<ArtistDTO["id"]>;\n}\n'})}),"\n",(0,s.jsx)(t.pre,{children:(0,s.jsx)(t.code,{className:"language-ts",metastring:'title="entities/song/api/mapper.ts"',children:'import type { SongDTO } from "./dto";\n\nexport interface Song {\n  id: string;\n  title: string;\n  /** The full title of the song, including the disc number. */\n  fullTitle: string;\n  artistIds: Array<string>;\n}\n\nexport function adaptSongDTO(dto: SongDTO): Song {\n  return {\n    id: String(dto.id),\n    title: dto.title,\n    fullTitle: `${dto.disc_no} / ${dto.title}`,\n    artistIds: dto.artist_ids.map(String),\n  };\n}\n'})}),"\n",(0,s.jsx)(t.pre,{children:(0,s.jsx)(t.code,{className:"language-ts",metastring:'title="entities/song/api/listSongs.ts"',children:"import { adaptSongDTO } from \"./mapper\";\n\nexport function listSongs() {\n  return fetch('/api/songs').then(async (res) => (await res.json()).map(adaptSongDTO));\n}\n"})}),"\n",(0,s.jsx)(t.pre,{children:(0,s.jsx)(t.code,{className:"language-ts",metastring:'title="entities/song/model/songs.ts"',children:'import { createSlice, createEntityAdapter } from "@reduxjs/toolkit";\n\nimport { listSongs } from "../api/listSongs";\n\nexport const fetchSongs = createAsyncThunk(\'songs/fetchSongs\', listSongs);\n\nconst songAdapter = createEntityAdapter();\nconst songsSlice = createSlice({\n  name: "songs",\n  initialState: songAdapter.getInitialState(),\n  reducers: {},\n  extraReducers: (builder) => {\n    builder.addCase(fetchSongs.fulfilled, (state, action) => {\n      songAdapter.upsertMany(state, action.payload);\n    })\n  },\n});\n'})}),"\n",(0,s.jsx)(t.h3,{id:"how-to-deal-with-nested-dtos",children:"How to deal with nested DTOs"}),"\n",(0,s.jsxs)(t.p,{children:["The most problematic part is when a response from the backend contains several entities. For example, if the song included not just the authors' IDs, but the entire author objects. In this case, it is impossible for entities not to know about each other (unless we want to discard the data or have a firm conversation with the backend team). Instead of coming up with solutions for indirect connections between slices (such as a common middleware that would dispatch actions to other slices), prefer explicit cross-imports with the ",(0,s.jsx)(t.code,{children:"@x"})," notation. Here is how we can implement it with Redux Toolkit:"]}),"\n",(0,s.jsx)(t.pre,{children:(0,s.jsx)(t.code,{className:"language-ts",metastring:'title="entities/song/model/songs.ts"',children:"import {\n  createSlice,\n  createEntityAdapter,\n  createAsyncThunk,\n  createSelector,\n} from '@reduxjs/toolkit'\nimport { normalize, schema } from 'normalizr'\n\nimport { getSong } from \"../api/getSong\";\n\n// Define normalizr entity schemas\nexport const artistEntity = new schema.Entity('artists')\nexport const songEntity = new schema.Entity('songs', {\n  artists: [artistEntity],\n})\n\nconst songAdapter = createEntityAdapter()\n\nexport const fetchSong = createAsyncThunk(\n  'songs/fetchSong',\n  async (id: string) => {\n    const data = await getSong(id)\n    // Normalize the data so reducers can load a predictable payload, like:\n    // `action.payload = { songs: {}, artists: {} }`\n    const normalized = normalize(data, songEntity)\n    return normalized.entities\n  }\n)\n\nexport const slice = createSlice({\n  name: 'songs',\n  initialState: songAdapter.getInitialState(),\n  reducers: {},\n  extraReducers: (builder) => {\n    builder.addCase(fetchSong.fulfilled, (state, action) => {\n      songAdapter.upsertMany(state, action.payload.songs)\n    })\n  },\n})\n\nconst reducer = slice.reducer\nexport default reducer\n"})}),"\n",(0,s.jsx)(t.pre,{children:(0,s.jsx)(t.code,{className:"language-ts",metastring:'title="entities/song/@x/artist.ts"',children:'export { fetchSong } from "../model/songs";\n'})}),"\n",(0,s.jsx)(t.pre,{children:(0,s.jsx)(t.code,{className:"language-ts",metastring:'title="entities/artist/model/artists.ts"',children:"import { createSlice, createEntityAdapter } from '@reduxjs/toolkit'\n\nimport { fetchSong } from 'entities/song/@x/artist'\n\nconst artistAdapter = createEntityAdapter()\n\nexport const slice = createSlice({\n  name: 'users',\n  initialState: artistAdapter.getInitialState(),\n  reducers: {},\n  extraReducers: (builder) => {\n    builder.addCase(fetchSong.fulfilled, (state, action) => {\n      // And handle the same fetch result by inserting the artists here\n      usersAdapter.upsertMany(state, action.payload.users)\n    })\n  },\n})\n\nconst reducer = slice.reducer\nexport default reducer\n"})}),"\n",(0,s.jsx)(t.p,{children:"This slightly limits the benefits of slice isolation, but it accurately represents a connection between these two entities that we have no control over. If these entities are to ever be refactored, they have to be refactored together."}),"\n",(0,s.jsx)(t.h2,{id:"global-types-and-redux",children:"Global types and Redux"}),"\n",(0,s.jsx)(t.p,{children:"Global types are types that will be used across the whole application. There are two kinds of global types, based on what they need to know about:"}),"\n",(0,s.jsxs)(t.ol,{children:["\n",(0,s.jsx)(t.li,{children:"Generic types that don't have any application specifics"}),"\n",(0,s.jsx)(t.li,{children:"Types that need to know about the whole application"}),"\n"]}),"\n",(0,s.jsxs)(t.p,{children:["The first case is simple to resolve \u2014 place your types in Shared, in an appropriate segment. For example, if you have an interface for a global variable for analytics, you can put it in ",(0,s.jsx)(t.code,{children:"shared/analytics"}),"."]}),"\n",(0,s.jsx)(t.admonition,{type:"warning",children:(0,s.jsxs)(t.p,{children:["Avoid creating the ",(0,s.jsx)(t.code,{children:"shared/types"}),' folder. It groups unrelated things based only on the property of "being a type", and that property is usually not useful when searching for code in a project.']})}),"\n",(0,s.jsx)(t.p,{children:"The second case is commonly encountered in projects with Redux without RTK. Your final store type is only available once you add all the reducers together, but this store type needs to be available to selectors that you use across the app. For example, here's your typical store definition:"}),"\n",(0,s.jsx)(t.pre,{children:(0,s.jsx)(t.code,{className:"language-ts",metastring:'title="app/store/index.ts"',children:'import { combineReducers, rootReducer } from "redux";\n\nimport { songReducer } from "entities/song";\nimport { artistReducer } from "entities/artist";\n\nconst rootReducer = combineReducers(songReducer, artistReducer);\n\nconst store = createStore(rootReducer);\n\ntype RootState = ReturnType<typeof rootReducer>;\ntype AppDispatch = typeof store.dispatch;\n'})}),"\n",(0,s.jsxs)(t.p,{children:["It would be nice to have typed Redux hooks ",(0,s.jsx)(t.code,{children:"useAppDispatch"})," and ",(0,s.jsx)(t.code,{children:"useAppSelector"})," in ",(0,s.jsx)(t.code,{children:"shared/store"}),", but they cannot import ",(0,s.jsx)(t.code,{children:"RootState"})," and ",(0,s.jsx)(t.code,{children:"AppDispatch"})," from the App layer due to the ",(0,s.jsx)(t.a,{href:"/docs/reference/layers#import-rule-on-layers",children:"import rule on layers"}),":"]}),"\n",(0,s.jsxs)(t.blockquote,{children:["\n",(0,s.jsx)(t.p,{children:"A module in a slice can only import other slices when they are located on layers strictly below."}),"\n"]}),"\n",(0,s.jsxs)(t.p,{children:["The recommended solution in this case is to create an implicit dependency between layers Shared and App. These two types, ",(0,s.jsx)(t.code,{children:"RootState"})," and ",(0,s.jsx)(t.code,{children:"AppDispatch"})," are unlikely to change, and they will be familiar to Redux developers, so we don't have to worry about them as much."]}),"\n",(0,s.jsx)(t.p,{children:"In TypeScript, you can do it by declaring the types as global like this:"}),"\n",(0,s.jsx)(t.pre,{children:(0,s.jsx)(t.code,{className:"language-ts",metastring:'title="app/store/index.ts"',children:"/* same content as in the code block before\u2026 */\n\ndeclare type RootState = ReturnType<typeof rootReducer>;\ndeclare type AppDispatch = typeof store.dispatch;\n"})}),"\n",(0,s.jsx)(t.pre,{children:(0,s.jsx)(t.code,{className:"language-ts",metastring:'title="shared/store/index.ts"',children:'import { useDispatch, useSelector, type TypedUseSelectorHook } from "react-redux";\n\nexport const useAppDispatch = useDispatch.withTypes<AppDispatch>()\nexport const useAppSelector: TypedUseSelectorHook<RootState> = useSelector;\n'})}),"\n",(0,s.jsx)(t.h2,{id:"enums",children:"Enums"}),"\n",(0,s.jsxs)(t.p,{children:["The general rule with enums is that they should be defined ",(0,s.jsx)(t.strong,{children:"as close to the usage locations as possible"}),". When an enum represents values specific to a single feature, it should be defined in that same feature."]}),"\n",(0,s.jsxs)(t.p,{children:["The choice of segment should be dictated by usage locations as well. If your enum contains, for example, positions of a toast on the screen, it should be placed in the ",(0,s.jsx)(t.code,{children:"ui"})," segment. If it represents the loading state of a backend operation, it should be placed in the ",(0,s.jsx)(t.code,{children:"api"})," segment."]}),"\n",(0,s.jsxs)(t.p,{children:["Some enums are truly common across the whole project, like general backend response statuses or design system tokens. In this case, you can place them in Shared, and choose the segment based on what the enum represents (",(0,s.jsx)(t.code,{children:"api"})," for response statuses, ",(0,s.jsx)(t.code,{children:"ui"})," for design tokens, etc.)."]}),"\n",(0,s.jsx)(t.h2,{id:"type-validation-schemas-and-zod",children:"Type validation schemas and Zod"}),"\n",(0,s.jsxs)(t.p,{children:["If you want to validate that your data conforms to a certain shape or constraints, you can define a validation schema. In TypeScript, a popular library for this job is ",(0,s.jsx)(t.a,{href:"https://zod.dev",children:"Zod"}),". Validation schemas should also be colocated with the code that uses them, as much as possible."]}),"\n",(0,s.jsxs)(t.p,{children:["Validation schemas are similar to mappers (as discussed in the ",(0,s.jsx)(t.a,{href:"#data-transfer-objects-and-mappers",children:"Data transfer objects and mappers"})," section) in the sense that they take a data transfer object and parse it, producing an error if the parsing fails."]}),"\n",(0,s.jsxs)(t.p,{children:["One of the most common cases of validation is for the data that comes from the backend. Typically, you want to fail the request when the data doesn't match the schema, so it makes sense to put the schema in the same place as the request function, which is usually the ",(0,s.jsx)(t.code,{children:"api"})," segment."]}),"\n",(0,s.jsxs)(t.p,{children:["If your data comes through user input, like a form, the validation should happen as the data is being entered. You can place your schema in the ",(0,s.jsx)(t.code,{children:"ui"})," segment, next to the form component, or in the ",(0,s.jsx)(t.code,{children:"model"})," segment, if the ",(0,s.jsx)(t.code,{children:"ui"})," segment is too crowded."]}),"\n",(0,s.jsx)(t.h2,{id:"typings-of-component-props-and-context",children:"Typings of component props and context"}),"\n",(0,s.jsxs)(t.p,{children:["In general, it's best to keep the props or context interface in the same file as the component or context that uses them. If you have a framework with single-file components, like Vue or Svelte, and you can't define the props interface in the same file, or you want to share that interface between several components, create a separate file in the same folder, typically, the ",(0,s.jsx)(t.code,{children:"ui"})," segment."]}),"\n",(0,s.jsx)(t.p,{children:"Here's an example with JSX (React or Solid):"}),"\n",(0,s.jsx)(t.pre,{children:(0,s.jsx)(t.code,{className:"language-ts",metastring:'title="pages/home/ui/RecentActions.tsx"',children:"interface RecentActionsProps {\n  actions: Array<{ id: string; text: string }>;\n}\n\nexport function RecentActions({ actions }: RecentActionsProps) {\n  /* \u2026 */\n}\n"})}),"\n",(0,s.jsx)(t.p,{children:"And here's an example with the interface stored in a separate file for Vue:"}),"\n",(0,s.jsx)(t.pre,{children:(0,s.jsx)(t.code,{className:"language-ts",metastring:'title="pages/home/ui/RecentActionsProps.ts"',children:"export interface RecentActionsProps {\n  actions: Array<{ id: string; text: string }>;\n}\n"})}),"\n",(0,s.jsx)(t.pre,{children:(0,s.jsx)(t.code,{className:"language-html",metastring:'title="pages/home/ui/RecentActions.vue"',children:'<script setup lang="ts">\n  import type { RecentActionsProps } from "./RecentActionsProps";\n\n  const props = defineProps<RecentActionsProps>();\n<\/script>\n'})}),"\n",(0,s.jsxs)(t.h2,{id:"ambient-declaration-files-dts",children:["Ambient declaration files (",(0,s.jsx)(t.code,{children:"*.d.ts"}),")"]}),"\n",(0,s.jsxs)(t.p,{children:["Some packages, for example, ",(0,s.jsx)(t.a,{href:"https://vitejs.dev",children:"Vite"})," or ",(0,s.jsx)(t.a,{href:"https://www.totaltypescript.com/ts-reset",children:"ts-reset"}),", require ambient declaration files to work across your app. Usually, they aren't large or complicated, so they often don't require any architecting, it's fine to just throw them in the ",(0,s.jsx)(t.code,{children:"src/"})," folder. To keep the ",(0,s.jsx)(t.code,{children:"src"})," more organized, you can keep them on the App layer, in ",(0,s.jsx)(t.code,{children:"app/ambient/"}),"."]}),"\n",(0,s.jsxs)(t.p,{children:["Other packages simply don't have typings, and you might want to declare them as untyped or even write your own typings for them. A good place for those typings would be ",(0,s.jsx)(t.code,{children:"shared/lib"}),", in a folder like ",(0,s.jsx)(t.code,{children:"shared/lib/untyped-packages"}),". Create a ",(0,s.jsx)(t.code,{children:"%LIBRARY_NAME%.d.ts"})," file there and declare the types you need:"]}),"\n",(0,s.jsx)(t.pre,{children:(0,s.jsx)(t.code,{className:"language-ts",metastring:'title="shared/lib/untyped-packages/use-react-screenshot.d.ts"',children:"// This library doesn't have typings, and we didn't want to bother writing our own.\ndeclare module \"use-react-screenshot\";\n"})}),"\n",(0,s.jsx)(t.h2,{id:"auto-generation-of-types",children:"Auto-generation of types"}),"\n",(0,s.jsxs)(t.p,{children:["It's common to generate types from external sources, for example, generating backend types from an OpenAPI schema. In this case, create a dedicated place in your codebase for these types, like ",(0,s.jsx)(t.code,{children:"shared/api/openapi"}),". Ideally, you should also include a README in that folder that describes what these files are, how to regenerate them, etc."]})]})}function h(e={}){const{wrapper:t}={...(0,i.R)(),...e.components};return t?(0,s.jsx)(t,{...e,children:(0,s.jsx)(l,{...e})}):l(e)}},1100:(e,t,n)=>{n.d(t,{R:()=>o,x:()=>a});var s=n(758);const i={},r=s.createContext(i);function o(e){const t=s.useContext(r);return s.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function a(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(i):e.components||i:o(e.components),s.createElement(r.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
+"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[7068],{9311:(e,t,n)=>{n.r(t),n.d(t,{assets:()=>c,contentTitle:()=>o,default:()=>h,frontMatter:()=>r,metadata:()=>a,toc:()=>d});var s=n(6070),i=n(1100);const r={sidebar_position:2},o="Types",a={id:"guides/examples/types",title:"Types",description:"This guide concerns data types from typed languages like TypeScript and describes where they fit within FSD.",source:"@site/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/types.md",sourceDirName:"guides/examples",slug:"/guides/examples/types",permalink:"/docs/guides/examples/types",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/types.md",tags:[],version:"current",lastUpdatedAt:1728325386e3,sidebarPosition:2,frontMatter:{sidebar_position:2},sidebar:"guidesSidebar",previous:{title:"Authentication",permalink:"/docs/guides/examples/auth"},next:{title:"Page layouts",permalink:"/docs/guides/examples/page-layout"}},c={},d=[{value:"Utility types",id:"utility-types",level:2},{value:"Business entities and their cross-references",id:"business-entities-and-their-cross-references",level:2},{value:"Data transfer objects and mappers",id:"data-transfer-objects-and-mappers",level:2},{value:"Where to put DTOs",id:"where-to-put-dtos",level:3},{value:"Where to put mappers",id:"where-to-put-mappers",level:3},{value:"How to deal with nested DTOs",id:"how-to-deal-with-nested-dtos",level:3},{value:"Global types and Redux",id:"global-types-and-redux",level:2},{value:"Enums",id:"enums",level:2},{value:"Type validation schemas and Zod",id:"type-validation-schemas-and-zod",level:2},{value:"Typings of component props and context",id:"typings-of-component-props-and-context",level:2},{value:"Ambient declaration files (<code>*.d.ts</code>)",id:"ambient-declaration-files-dts",level:2},{value:"Auto-generation of types",id:"auto-generation-of-types",level:2}];function l(e){const t={a:"a",admonition:"admonition",blockquote:"blockquote",br:"br",code:"code",em:"em",h1:"h1",h2:"h2",h3:"h3",header:"header",li:"li",ol:"ol",p:"p",pre:"pre",strong:"strong",ul:"ul",...(0,i.R)(),...e.components};return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(t.header,{children:(0,s.jsx)(t.h1,{id:"types",children:"Types"})}),"\n",(0,s.jsx)(t.p,{children:"This guide concerns data types from typed languages like TypeScript and describes where they fit within FSD."}),"\n",(0,s.jsx)(t.admonition,{type:"info",children:(0,s.jsx)(t.p,{children:"Is your question not covered by this guide? Post your question by leaving feedback on this article (blue button on the right) and we will consider expanding this guide!"})}),"\n",(0,s.jsx)(t.h2,{id:"utility-types",children:"Utility types"}),"\n",(0,s.jsx)(t.p,{children:"Utility types are types that don't have much meaning on their own and are usually used with other types. For example:"}),"\n",(0,s.jsxs)("figure",{children:[(0,s.jsx)(t.pre,{children:(0,s.jsx)(t.code,{className:"language-ts",children:"type ArrayValues<T extends readonly unknown[]> = T[number];\n"})}),(0,s.jsx)("figcaption",{children:(0,s.jsxs)(t.p,{children:["Source: ",(0,s.jsx)(t.a,{href:"https://github.com/sindresorhus/type-fest/blob/main/source/array-values.d.ts",children:"https://github.com/sindresorhus/type-fest/blob/main/source/array-values.d.ts"})]})})]}),"\n",(0,s.jsxs)(t.p,{children:["To make utility types available across your project, either install a library like ",(0,s.jsx)(t.a,{href:"https://github.com/sindresorhus/type-fest",children:(0,s.jsx)(t.code,{children:"type-fest"})}),", or create your own library in ",(0,s.jsx)(t.code,{children:"shared/lib"}),". Make sure to clearly indicate what new types ",(0,s.jsx)(t.em,{children:"should"})," be added to this library, and what types ",(0,s.jsx)(t.em,{children:"don't belong"})," there. For example, call it ",(0,s.jsx)(t.code,{children:"shared/lib/utility-types"})," and add a README inside that describes what is a utility type in your team."]}),"\n",(0,s.jsx)(t.p,{children:"Don't overestimate the potential reusability of a utility type. Just because it can be reused, doesn't mean it will be, and as such, not every utility type needs to be in Shared. Some utility types are fine right next to where they are needed:"}),"\n",(0,s.jsxs)(t.ul,{children:["\n",(0,s.jsxs)(t.li,{children:["\ud83d\udcc2 pages","\n",(0,s.jsxs)(t.ul,{children:["\n",(0,s.jsxs)(t.li,{children:["\ud83d\udcc2 home","\n",(0,s.jsxs)(t.ul,{children:["\n",(0,s.jsxs)(t.li,{children:["\ud83d\udcc2 api","\n",(0,s.jsxs)(t.ul,{children:["\n",(0,s.jsx)(t.li,{children:"\ud83d\udcc4 ArrayValues.ts (utility type)"}),"\n",(0,s.jsx)(t.li,{children:"\ud83d\udcc4 getMemoryUsageMetrics.ts (the code that uses the utility type)"}),"\n"]}),"\n"]}),"\n"]}),"\n"]}),"\n"]}),"\n"]}),"\n"]}),"\n",(0,s.jsx)(t.admonition,{type:"warning",children:(0,s.jsxs)(t.p,{children:["Resist the temptation to create a ",(0,s.jsx)(t.code,{children:"shared/types"})," folder, or to add a ",(0,s.jsx)(t.code,{children:"types"}),' segment to your slices. The category "types" is similar to the category "components" or "hooks" in that it describes what the contents are, not what they are for. Segments should describe the purpose of the code, not the essence.']})}),"\n",(0,s.jsx)(t.h2,{id:"business-entities-and-their-cross-references",children:"Business entities and their cross-references"}),"\n",(0,s.jsxs)(t.p,{children:["Among the most important types in an app are the types of business entities, i.e. the real-world things that your app works with. For example, in a music streaming app, you might have business entities ",(0,s.jsx)(t.em,{children:"Song"}),", ",(0,s.jsx)(t.em,{children:"Album"}),", etc."]}),"\n",(0,s.jsxs)(t.p,{children:["Business entities often come from the backend, so the first step is to type the backend responses. It's convenient to have a function to make a request to every endpoint, and to type the response of this function. For extra type safety, you may want to run the response through a schema validation library like ",(0,s.jsx)(t.a,{href:"https://zod.dev",children:"Zod"}),"."]}),"\n",(0,s.jsx)(t.p,{children:"For example, if you keep all your requests in Shared, you could do it like this:"}),"\n",(0,s.jsx)(t.pre,{children:(0,s.jsx)(t.code,{className:"language-ts",metastring:'title="shared/api/songs.ts"',children:"import type { Artist } from \"./artists\";\n\ninterface Song {\n  id: number;\n  title: string;\n  artists: Array<Artist>;\n}\n\nexport function listSongs() {\n  return fetch('/api/songs').then((res) => res.json() as Promise<Array<Song>>);\n}\n"})}),"\n",(0,s.jsxs)(t.p,{children:["You might notice that the ",(0,s.jsx)(t.code,{children:"Song"})," type references a different entity, ",(0,s.jsx)(t.code,{children:"Artist"}),". This is a benefit of storing your requests in Shared \u2014 real-world types are often intertwined. If we kept this function in ",(0,s.jsx)(t.code,{children:"entities/song/api"}),", we wouldn't be able to simply import ",(0,s.jsx)(t.code,{children:"Artist"})," from ",(0,s.jsx)(t.code,{children:"entities/artist"}),", because FSD restricts cross-imports between slices with ",(0,s.jsx)(t.a,{href:"/docs/reference/layers#import-rule-on-layers",children:"the import rule on layers"}),":"]}),"\n",(0,s.jsxs)(t.blockquote,{children:["\n",(0,s.jsx)(t.p,{children:"A module in a slice can only import other slices when they are located on layers strictly below."}),"\n"]}),"\n",(0,s.jsx)(t.p,{children:"There are two ways to deal with this issue:"}),"\n",(0,s.jsxs)(t.ol,{children:["\n",(0,s.jsxs)(t.li,{children:["\n",(0,s.jsxs)(t.p,{children:[(0,s.jsx)(t.strong,{children:"Parametrize your types"}),(0,s.jsx)(t.br,{}),"\n","You can make your types accept type arguments as slots for connections with other entities, and even impose constraints on those slots. For example:"]}),"\n",(0,s.jsx)(t.pre,{children:(0,s.jsx)(t.code,{className:"language-ts",metastring:'title="entities/song/model/song.ts"',children:"interface Song<ArtistType extends { id: string }> {\n  id: number;\n  title: string;\n  artists: Array<ArtistType>;\n}\n"})}),"\n",(0,s.jsxs)(t.p,{children:["This works better for some types than others. A simple type like ",(0,s.jsx)(t.code,{children:"Cart = { items: Array<Product> }"})," can easily be made to work with any type of product. More connected types, like ",(0,s.jsx)(t.code,{children:"Country"})," and ",(0,s.jsx)(t.code,{children:"City"}),", may not be as easy to separate."]}),"\n"]}),"\n",(0,s.jsxs)(t.li,{children:["\n",(0,s.jsxs)(t.p,{children:[(0,s.jsx)(t.strong,{children:"Cross-import (but do it right)"}),(0,s.jsx)(t.br,{}),"\n","To make cross-imports between entities in FSD, you can use a special public API specifically for each slice that will be cross-importing. For example, if we have entities ",(0,s.jsx)(t.code,{children:"song"}),", ",(0,s.jsx)(t.code,{children:"artist"}),", and ",(0,s.jsx)(t.code,{children:"playlist"}),", and the latter two need to reference ",(0,s.jsx)(t.code,{children:"song"}),", we can make two special public APIs for both of them in the ",(0,s.jsx)(t.code,{children:"song"})," entity with the ",(0,s.jsx)(t.code,{children:"@x"})," notation:"]}),"\n",(0,s.jsxs)(t.ul,{children:["\n",(0,s.jsxs)(t.li,{children:["\ud83d\udcc2 entities","\n",(0,s.jsxs)(t.ul,{children:["\n",(0,s.jsxs)(t.li,{children:["\ud83d\udcc2 song","\n",(0,s.jsxs)(t.ul,{children:["\n",(0,s.jsxs)(t.li,{children:["\ud83d\udcc2 @x","\n",(0,s.jsxs)(t.ul,{children:["\n",(0,s.jsxs)(t.li,{children:["\ud83d\udcc4 artist.ts (a public API for the ",(0,s.jsx)(t.code,{children:"artist"})," entity to import from)"]}),"\n",(0,s.jsxs)(t.li,{children:["\ud83d\udcc4 playlist.ts (a public API for the ",(0,s.jsx)(t.code,{children:"playlist"})," entity to import from)"]}),"\n"]}),"\n"]}),"\n",(0,s.jsx)(t.li,{children:"\ud83d\udcc4 index.ts (regular public API)"}),"\n"]}),"\n"]}),"\n"]}),"\n"]}),"\n"]}),"\n",(0,s.jsxs)(t.p,{children:["The contents of a file ",(0,s.jsx)(t.code,{children:"\ud83d\udcc4 entities/song/@x/artist.ts"})," are similar to ",(0,s.jsx)(t.code,{children:"\ud83d\udcc4 entities/song/index.ts"}),":"]}),"\n",(0,s.jsx)(t.pre,{children:(0,s.jsx)(t.code,{className:"language-ts",metastring:'title="entities/song/@x/artist.ts"',children:'export type { Song } from "../model/song.ts";\n'})}),"\n",(0,s.jsxs)(t.p,{children:["Then the ",(0,s.jsx)(t.code,{children:"\ud83d\udcc4 entities/artist/model/artist.ts"})," can import ",(0,s.jsx)(t.code,{children:"Song"})," like this:"]}),"\n",(0,s.jsx)(t.pre,{children:(0,s.jsx)(t.code,{className:"language-ts",metastring:'title="entities/artist/model/artist.ts"',children:'import type { Song } from "entities/song/@x/artist";\n\nexport interface Artist {\n  name: string;\n  songs: Array<Song>;\n}\n'})}),"\n",(0,s.jsx)(t.p,{children:"By making explicit connections between entities, we stay on top of inter-dependencies and maintain a decent level of domain separation."}),"\n"]}),"\n"]}),"\n",(0,s.jsx)(t.h2,{id:"data-transfer-objects-and-mappers",children:"Data transfer objects and mappers"}),"\n",(0,s.jsx)(t.p,{children:"Data transfer objects, or DTOs, is a term that describes the shape of data that comes from the backend. Sometimes, the DTO is fine to use as is, but sometimes it's inconvenient for the frontend. That's where mappers come in \u2014 they transform a DTO into a more convenient shape."}),"\n",(0,s.jsx)(t.h3,{id:"where-to-put-dtos",children:"Where to put DTOs"}),"\n",(0,s.jsx)(t.p,{children:"If you have backend types in a separate package (for example, if you share code between the frontend and the backend), then just import your DTOs from there and you're done! If you don't share code between the backend and frontend, then you need to keep DTOs somewhere in your frontend codebase, and we will explore this case below."}),"\n",(0,s.jsxs)(t.p,{children:["If you have your request functions in ",(0,s.jsx)(t.code,{children:"shared/api"}),", that's where the DTOs should be, right next to the function that uses them:"]}),"\n",(0,s.jsx)(t.pre,{children:(0,s.jsx)(t.code,{className:"language-ts",metastring:'title="shared/api/songs.ts"',children:'import type { ArtistDTO } from "./artists";\n\ninterface SongDTO {\n  id: number;\n  title: string;\n  artist_ids: Array<ArtistDTO["id"]>;\n}\n\nexport function listSongs() {\n  return fetch(\'/api/songs\').then((res) => res.json() as Promise<Array<SongDTO>>);\n}\n'})}),"\n",(0,s.jsx)(t.p,{children:"As mentioned in the previous section, storing your requests and DTOs in Shared comes with the benefit of being able to reference other DTOs."}),"\n",(0,s.jsx)(t.h3,{id:"where-to-put-mappers",children:"Where to put mappers"}),"\n",(0,s.jsxs)(t.p,{children:["Mappers are functions that accept a DTO for transformation, and as such, they should be located near the definition of the DTO. In practice this means that if your requests and DTOs are defined in ",(0,s.jsx)(t.code,{children:"shared/api"}),", then the mappers should go there as well:"]}),"\n",(0,s.jsx)(t.pre,{children:(0,s.jsx)(t.code,{className:"language-ts",metastring:'title="shared/api/songs.ts"',children:'import type { ArtistDTO } from "./artists";\n\ninterface SongDTO {\n  id: number;\n  title: string;\n  disc_no: number;\n  artist_ids: Array<ArtistDTO["id"]>;\n}\n\ninterface Song {\n  id: string;\n  title: string;\n  /** The full title of the song, including the disc number. */\n  fullTitle: string;\n  artistIds: Array<string>;\n}\n\nfunction adaptSongDTO(dto: SongDTO): Song {\n  return {\n    id: String(dto.id),\n    title: dto.title,\n    fullTitle: `${dto.disc_no} / ${dto.title}`,\n    artistIds: dto.artist_ids.map(String),\n  };\n}\n\nexport function listSongs() {\n  return fetch(\'/api/songs\').then(async (res) => (await res.json()).map(adaptSongDTO));\n}\n'})}),"\n",(0,s.jsx)(t.p,{children:"If your requests and stores are defined in entity slices, then all this code would go there, keeping in mind the limitations of cross-imports between slices:"}),"\n",(0,s.jsx)(t.pre,{children:(0,s.jsx)(t.code,{className:"language-ts",metastring:'title="entities/song/api/dto.ts"',children:'import type { ArtistDTO } from "entities/artist/@x/song";\n\nexport interface SongDTO {\n  id: number;\n  title: string;\n  disc_no: number;\n  artist_ids: Array<ArtistDTO["id"]>;\n}\n'})}),"\n",(0,s.jsx)(t.pre,{children:(0,s.jsx)(t.code,{className:"language-ts",metastring:'title="entities/song/api/mapper.ts"',children:'import type { SongDTO } from "./dto";\n\nexport interface Song {\n  id: string;\n  title: string;\n  /** The full title of the song, including the disc number. */\n  fullTitle: string;\n  artistIds: Array<string>;\n}\n\nexport function adaptSongDTO(dto: SongDTO): Song {\n  return {\n    id: String(dto.id),\n    title: dto.title,\n    fullTitle: `${dto.disc_no} / ${dto.title}`,\n    artistIds: dto.artist_ids.map(String),\n  };\n}\n'})}),"\n",(0,s.jsx)(t.pre,{children:(0,s.jsx)(t.code,{className:"language-ts",metastring:'title="entities/song/api/listSongs.ts"',children:"import { adaptSongDTO } from \"./mapper\";\n\nexport function listSongs() {\n  return fetch('/api/songs').then(async (res) => (await res.json()).map(adaptSongDTO));\n}\n"})}),"\n",(0,s.jsx)(t.pre,{children:(0,s.jsx)(t.code,{className:"language-ts",metastring:'title="entities/song/model/songs.ts"',children:'import { createSlice, createEntityAdapter } from "@reduxjs/toolkit";\n\nimport { listSongs } from "../api/listSongs";\n\nexport const fetchSongs = createAsyncThunk(\'songs/fetchSongs\', listSongs);\n\nconst songAdapter = createEntityAdapter();\nconst songsSlice = createSlice({\n  name: "songs",\n  initialState: songAdapter.getInitialState(),\n  reducers: {},\n  extraReducers: (builder) => {\n    builder.addCase(fetchSongs.fulfilled, (state, action) => {\n      songAdapter.upsertMany(state, action.payload);\n    })\n  },\n});\n'})}),"\n",(0,s.jsx)(t.h3,{id:"how-to-deal-with-nested-dtos",children:"How to deal with nested DTOs"}),"\n",(0,s.jsxs)(t.p,{children:["The most problematic part is when a response from the backend contains several entities. For example, if the song included not just the authors' IDs, but the entire author objects. In this case, it is impossible for entities not to know about each other (unless we want to discard the data or have a firm conversation with the backend team). Instead of coming up with solutions for indirect connections between slices (such as a common middleware that would dispatch actions to other slices), prefer explicit cross-imports with the ",(0,s.jsx)(t.code,{children:"@x"})," notation. Here is how we can implement it with Redux Toolkit:"]}),"\n",(0,s.jsx)(t.pre,{children:(0,s.jsx)(t.code,{className:"language-ts",metastring:'title="entities/song/model/songs.ts"',children:"import {\n  createSlice,\n  createEntityAdapter,\n  createAsyncThunk,\n  createSelector,\n} from '@reduxjs/toolkit'\nimport { normalize, schema } from 'normalizr'\n\nimport { getSong } from \"../api/getSong\";\n\n// Define normalizr entity schemas\nexport const artistEntity = new schema.Entity('artists')\nexport const songEntity = new schema.Entity('songs', {\n  artists: [artistEntity],\n})\n\nconst songAdapter = createEntityAdapter()\n\nexport const fetchSong = createAsyncThunk(\n  'songs/fetchSong',\n  async (id: string) => {\n    const data = await getSong(id)\n    // Normalize the data so reducers can load a predictable payload, like:\n    // `action.payload = { songs: {}, artists: {} }`\n    const normalized = normalize(data, songEntity)\n    return normalized.entities\n  }\n)\n\nexport const slice = createSlice({\n  name: 'songs',\n  initialState: songAdapter.getInitialState(),\n  reducers: {},\n  extraReducers: (builder) => {\n    builder.addCase(fetchSong.fulfilled, (state, action) => {\n      songAdapter.upsertMany(state, action.payload.songs)\n    })\n  },\n})\n\nconst reducer = slice.reducer\nexport default reducer\n"})}),"\n",(0,s.jsx)(t.pre,{children:(0,s.jsx)(t.code,{className:"language-ts",metastring:'title="entities/song/@x/artist.ts"',children:'export { fetchSong } from "../model/songs";\n'})}),"\n",(0,s.jsx)(t.pre,{children:(0,s.jsx)(t.code,{className:"language-ts",metastring:'title="entities/artist/model/artists.ts"',children:"import { createSlice, createEntityAdapter } from '@reduxjs/toolkit'\n\nimport { fetchSong } from 'entities/song/@x/artist'\n\nconst artistAdapter = createEntityAdapter()\n\nexport const slice = createSlice({\n  name: 'users',\n  initialState: artistAdapter.getInitialState(),\n  reducers: {},\n  extraReducers: (builder) => {\n    builder.addCase(fetchSong.fulfilled, (state, action) => {\n      // And handle the same fetch result by inserting the artists here\n      usersAdapter.upsertMany(state, action.payload.users)\n    })\n  },\n})\n\nconst reducer = slice.reducer\nexport default reducer\n"})}),"\n",(0,s.jsx)(t.p,{children:"This slightly limits the benefits of slice isolation, but it accurately represents a connection between these two entities that we have no control over. If these entities are to ever be refactored, they have to be refactored together."}),"\n",(0,s.jsx)(t.h2,{id:"global-types-and-redux",children:"Global types and Redux"}),"\n",(0,s.jsx)(t.p,{children:"Global types are types that will be used across the whole application. There are two kinds of global types, based on what they need to know about:"}),"\n",(0,s.jsxs)(t.ol,{children:["\n",(0,s.jsx)(t.li,{children:"Generic types that don't have any application specifics"}),"\n",(0,s.jsx)(t.li,{children:"Types that need to know about the whole application"}),"\n"]}),"\n",(0,s.jsxs)(t.p,{children:["The first case is simple to resolve \u2014 place your types in Shared, in an appropriate segment. For example, if you have an interface for a global variable for analytics, you can put it in ",(0,s.jsx)(t.code,{children:"shared/analytics"}),"."]}),"\n",(0,s.jsx)(t.admonition,{type:"warning",children:(0,s.jsxs)(t.p,{children:["Avoid creating the ",(0,s.jsx)(t.code,{children:"shared/types"}),' folder. It groups unrelated things based only on the property of "being a type", and that property is usually not useful when searching for code in a project.']})}),"\n",(0,s.jsx)(t.p,{children:"The second case is commonly encountered in projects with Redux without RTK. Your final store type is only available once you add all the reducers together, but this store type needs to be available to selectors that you use across the app. For example, here's your typical store definition:"}),"\n",(0,s.jsx)(t.pre,{children:(0,s.jsx)(t.code,{className:"language-ts",metastring:'title="app/store/index.ts"',children:'import { combineReducers, rootReducer } from "redux";\n\nimport { songReducer } from "entities/song";\nimport { artistReducer } from "entities/artist";\n\nconst rootReducer = combineReducers(songReducer, artistReducer);\n\nconst store = createStore(rootReducer);\n\ntype RootState = ReturnType<typeof rootReducer>;\ntype AppDispatch = typeof store.dispatch;\n'})}),"\n",(0,s.jsxs)(t.p,{children:["It would be nice to have typed Redux hooks ",(0,s.jsx)(t.code,{children:"useAppDispatch"})," and ",(0,s.jsx)(t.code,{children:"useAppSelector"})," in ",(0,s.jsx)(t.code,{children:"shared/store"}),", but they cannot import ",(0,s.jsx)(t.code,{children:"RootState"})," and ",(0,s.jsx)(t.code,{children:"AppDispatch"})," from the App layer due to the ",(0,s.jsx)(t.a,{href:"/docs/reference/layers#import-rule-on-layers",children:"import rule on layers"}),":"]}),"\n",(0,s.jsxs)(t.blockquote,{children:["\n",(0,s.jsx)(t.p,{children:"A module in a slice can only import other slices when they are located on layers strictly below."}),"\n"]}),"\n",(0,s.jsxs)(t.p,{children:["The recommended solution in this case is to create an implicit dependency between layers Shared and App. These two types, ",(0,s.jsx)(t.code,{children:"RootState"})," and ",(0,s.jsx)(t.code,{children:"AppDispatch"})," are unlikely to change, and they will be familiar to Redux developers, so we don't have to worry about them as much."]}),"\n",(0,s.jsx)(t.p,{children:"In TypeScript, you can do it by declaring the types as global like this:"}),"\n",(0,s.jsx)(t.pre,{children:(0,s.jsx)(t.code,{className:"language-ts",metastring:'title="app/store/index.ts"',children:"/* same content as in the code block before\u2026 */\n\ndeclare type RootState = ReturnType<typeof rootReducer>;\ndeclare type AppDispatch = typeof store.dispatch;\n"})}),"\n",(0,s.jsx)(t.pre,{children:(0,s.jsx)(t.code,{className:"language-ts",metastring:'title="shared/store/index.ts"',children:'import { useDispatch, useSelector, type TypedUseSelectorHook } from "react-redux";\n\nexport const useAppDispatch = useDispatch.withTypes<AppDispatch>()\nexport const useAppSelector: TypedUseSelectorHook<RootState> = useSelector;\n'})}),"\n",(0,s.jsx)(t.h2,{id:"enums",children:"Enums"}),"\n",(0,s.jsxs)(t.p,{children:["The general rule with enums is that they should be defined ",(0,s.jsx)(t.strong,{children:"as close to the usage locations as possible"}),". When an enum represents values specific to a single feature, it should be defined in that same feature."]}),"\n",(0,s.jsxs)(t.p,{children:["The choice of segment should be dictated by usage locations as well. If your enum contains, for example, positions of a toast on the screen, it should be placed in the ",(0,s.jsx)(t.code,{children:"ui"})," segment. If it represents the loading state of a backend operation, it should be placed in the ",(0,s.jsx)(t.code,{children:"api"})," segment."]}),"\n",(0,s.jsxs)(t.p,{children:["Some enums are truly common across the whole project, like general backend response statuses or design system tokens. In this case, you can place them in Shared, and choose the segment based on what the enum represents (",(0,s.jsx)(t.code,{children:"api"})," for response statuses, ",(0,s.jsx)(t.code,{children:"ui"})," for design tokens, etc.)."]}),"\n",(0,s.jsx)(t.h2,{id:"type-validation-schemas-and-zod",children:"Type validation schemas and Zod"}),"\n",(0,s.jsxs)(t.p,{children:["If you want to validate that your data conforms to a certain shape or constraints, you can define a validation schema. In TypeScript, a popular library for this job is ",(0,s.jsx)(t.a,{href:"https://zod.dev",children:"Zod"}),". Validation schemas should also be colocated with the code that uses them, as much as possible."]}),"\n",(0,s.jsxs)(t.p,{children:["Validation schemas are similar to mappers (as discussed in the ",(0,s.jsx)(t.a,{href:"#data-transfer-objects-and-mappers",children:"Data transfer objects and mappers"})," section) in the sense that they take a data transfer object and parse it, producing an error if the parsing fails."]}),"\n",(0,s.jsxs)(t.p,{children:["One of the most common cases of validation is for the data that comes from the backend. Typically, you want to fail the request when the data doesn't match the schema, so it makes sense to put the schema in the same place as the request function, which is usually the ",(0,s.jsx)(t.code,{children:"api"})," segment."]}),"\n",(0,s.jsxs)(t.p,{children:["If your data comes through user input, like a form, the validation should happen as the data is being entered. You can place your schema in the ",(0,s.jsx)(t.code,{children:"ui"})," segment, next to the form component, or in the ",(0,s.jsx)(t.code,{children:"model"})," segment, if the ",(0,s.jsx)(t.code,{children:"ui"})," segment is too crowded."]}),"\n",(0,s.jsx)(t.h2,{id:"typings-of-component-props-and-context",children:"Typings of component props and context"}),"\n",(0,s.jsxs)(t.p,{children:["In general, it's best to keep the props or context interface in the same file as the component or context that uses them. If you have a framework with single-file components, like Vue or Svelte, and you can't define the props interface in the same file, or you want to share that interface between several components, create a separate file in the same folder, typically, the ",(0,s.jsx)(t.code,{children:"ui"})," segment."]}),"\n",(0,s.jsx)(t.p,{children:"Here's an example with JSX (React or Solid):"}),"\n",(0,s.jsx)(t.pre,{children:(0,s.jsx)(t.code,{className:"language-ts",metastring:'title="pages/home/ui/RecentActions.tsx"',children:"interface RecentActionsProps {\n  actions: Array<{ id: string; text: string }>;\n}\n\nexport function RecentActions({ actions }: RecentActionsProps) {\n  /* \u2026 */\n}\n"})}),"\n",(0,s.jsx)(t.p,{children:"And here's an example with the interface stored in a separate file for Vue:"}),"\n",(0,s.jsx)(t.pre,{children:(0,s.jsx)(t.code,{className:"language-ts",metastring:'title="pages/home/ui/RecentActionsProps.ts"',children:"export interface RecentActionsProps {\n  actions: Array<{ id: string; text: string }>;\n}\n"})}),"\n",(0,s.jsx)(t.pre,{children:(0,s.jsx)(t.code,{className:"language-html",metastring:'title="pages/home/ui/RecentActions.vue"',children:'<script setup lang="ts">\n  import type { RecentActionsProps } from "./RecentActionsProps";\n\n  const props = defineProps<RecentActionsProps>();\n<\/script>\n'})}),"\n",(0,s.jsxs)(t.h2,{id:"ambient-declaration-files-dts",children:["Ambient declaration files (",(0,s.jsx)(t.code,{children:"*.d.ts"}),")"]}),"\n",(0,s.jsxs)(t.p,{children:["Some packages, for example, ",(0,s.jsx)(t.a,{href:"https://vitejs.dev",children:"Vite"})," or ",(0,s.jsx)(t.a,{href:"https://www.totaltypescript.com/ts-reset",children:"ts-reset"}),", require ambient declaration files to work across your app. Usually, they aren't large or complicated, so they often don't require any architecting, it's fine to just throw them in the ",(0,s.jsx)(t.code,{children:"src/"})," folder. To keep the ",(0,s.jsx)(t.code,{children:"src"})," more organized, you can keep them on the App layer, in ",(0,s.jsx)(t.code,{children:"app/ambient/"}),"."]}),"\n",(0,s.jsxs)(t.p,{children:["Other packages simply don't have typings, and you might want to declare them as untyped or even write your own typings for them. A good place for those typings would be ",(0,s.jsx)(t.code,{children:"shared/lib"}),", in a folder like ",(0,s.jsx)(t.code,{children:"shared/lib/untyped-packages"}),". Create a ",(0,s.jsx)(t.code,{children:"%LIBRARY_NAME%.d.ts"})," file there and declare the types you need:"]}),"\n",(0,s.jsx)(t.pre,{children:(0,s.jsx)(t.code,{className:"language-ts",metastring:'title="shared/lib/untyped-packages/use-react-screenshot.d.ts"',children:"// This library doesn't have typings, and we didn't want to bother writing our own.\ndeclare module \"use-react-screenshot\";\n"})}),"\n",(0,s.jsx)(t.h2,{id:"auto-generation-of-types",children:"Auto-generation of types"}),"\n",(0,s.jsxs)(t.p,{children:["It's common to generate types from external sources, for example, generating backend types from an OpenAPI schema. In this case, create a dedicated place in your codebase for these types, like ",(0,s.jsx)(t.code,{children:"shared/api/openapi"}),". Ideally, you should also include a README in that folder that describes what these files are, how to regenerate them, etc."]})]})}function h(e={}){const{wrapper:t}={...(0,i.R)(),...e.components};return t?(0,s.jsx)(t,{...e,children:(0,s.jsx)(l,{...e})}):l(e)}},1100:(e,t,n)=>{n.d(t,{R:()=>o,x:()=>a});var s=n(758);const i={},r=s.createContext(i);function o(e){const t=s.useContext(r);return s.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function a(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(i):e.components||i:o(e.components),s.createElement(r.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
diff --git a/assets/js/7313bf7a.6074efbc.js b/assets/js/7313bf7a.6074efbc.js
deleted file mode 100644
index b62559fba1..0000000000
--- a/assets/js/7313bf7a.6074efbc.js
+++ /dev/null
@@ -1 +0,0 @@
-"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[25],{7497:(e,t,i)=>{i.r(t),i.d(t,{assets:()=>d,contentTitle:()=>a,default:()=>m,frontMatter:()=>o,metadata:()=>c,toc:()=>l});var n=i(6070),s=i(1100),r=i(1928);const o={sidebar_class_name:"sidebar-item--wip",sidebar_position:2},a="Team",c={id:"team",title:"Team",description:"Core-team",source:"@site/i18n/en/docusaurus-plugin-content-docs/community/team.mdx",sourceDirName:".",slug:"/team",permalink:"/community/team",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/community/team.mdx",tags:[],version:"current",lastUpdatedBy:"ratomiru",lastUpdatedAt:1727607766e3,sidebarPosition:2,frontMatter:{sidebar_class_name:"sidebar-item--wip",sidebar_position:2},sidebar:"community",previous:{title:"\ud83d\udcab Community",permalink:"/community/"}},d={},l=[...r.RM,{value:"Core-team",id:"core-team",level:2},{value:"Champions",id:"champions",level:3},{value:"Contributors",id:"contributors",level:2},{value:"Companies",id:"companies",level:2}];function u(e){const t={h1:"h1",h2:"h2",h3:"h3",header:"header",...(0,s.R)(),...e.components};return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(t.header,{children:(0,n.jsx)(t.h1,{id:"team",children:"Team"})}),"\n",(0,n.jsx)(r.Ay,{ticket:"192"}),"\n",(0,n.jsx)(t.h2,{id:"core-team",children:"Core-team"}),"\n",(0,n.jsx)(t.h3,{id:"champions",children:"Champions"}),"\n",(0,n.jsx)(t.h2,{id:"contributors",children:"Contributors"}),"\n",(0,n.jsx)(t.h2,{id:"companies",children:"Companies"})]})}function m(e={}){const{wrapper:t}={...(0,s.R)(),...e.components};return t?(0,n.jsx)(t,{...e,children:(0,n.jsx)(u,{...e})}):u(e)}},1928:(e,t,i)=>{i.d(t,{Ay:()=>l,RM:()=>c});var n=i(6070),s=i(1100),r=(i(758),i(6783)),o=i(7765);const a=e=>{let{ticket:t}=e;const i=`https://github.com/feature-sliced/documentation/issues/${t}`;return(0,n.jsxs)("div",{children:[(0,n.jsx)("p",{children:(0,o.T)({id:"shared.wip.title"})}),(0,n.jsx)("p",{children:(0,o.T)({id:"shared.wip.subtitle"})}),(0,n.jsxs)("ul",{children:[(0,n.jsxs)("li",{children:[(0,o.T)({id:"shared.wip.var.feedback.base"}),(0,n.jsx)(r.A,{to:i,children:(0,o.T)({id:"shared.wip.var.feedback.link"})})]}),(0,n.jsxs)("li",{children:[(0,o.T)({id:"shared.wip.var.material.base"}),(0,n.jsx)(r.A,{to:"https://t.me/feature_sliced",children:(0,o.T)({id:"shared.wip.var.material.link"})})]}),(0,n.jsxs)("li",{children:[(0,o.T)({id:"shared.wip.var.contribute.base"}),(0,n.jsx)(r.A,{to:"https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md",children:(0,o.T)({id:"shared.wip.var.contribute.link"})})]})]}),(0,n.jsx)("br",{}),(0,n.jsx)("p",{children:(0,n.jsx)("i",{children:"\ud83c\udf70 Stay tuned!"})})]})},c=[];function d(e){const t={admonition:"admonition",...(0,s.R)(),...e.components};return(0,n.jsx)(t.admonition,{title:"WIP",type:"caution",children:(0,n.jsx)(a,{ticket:e.ticket})})}function l(e={}){const{wrapper:t}={...(0,s.R)(),...e.components};return t?(0,n.jsx)(t,{...e,children:(0,n.jsx)(d,{...e})}):d(e)}},1100:(e,t,i)=>{i.d(t,{R:()=>o,x:()=>a});var n=i(758);const s={},r=n.createContext(s);function o(e){const t=n.useContext(r);return n.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function a(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(s):e.components||s:o(e.components),n.createElement(r.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
diff --git a/assets/js/7313bf7a.62dbeef4.js b/assets/js/7313bf7a.62dbeef4.js
new file mode 100644
index 0000000000..01ddd72ac2
--- /dev/null
+++ b/assets/js/7313bf7a.62dbeef4.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[25],{7497:(e,t,i)=>{i.r(t),i.d(t,{assets:()=>d,contentTitle:()=>a,default:()=>m,frontMatter:()=>o,metadata:()=>c,toc:()=>l});var n=i(6070),s=i(1100),r=i(1928);const o={sidebar_class_name:"sidebar-item--wip",sidebar_position:2},a="Team",c={id:"team",title:"Team",description:"Core-team",source:"@site/i18n/en/docusaurus-plugin-content-docs/community/team.mdx",sourceDirName:".",slug:"/team",permalink:"/community/team",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/community/team.mdx",tags:[],version:"current",lastUpdatedBy:"InJaEE",lastUpdatedAt:1728325386e3,sidebarPosition:2,frontMatter:{sidebar_class_name:"sidebar-item--wip",sidebar_position:2},sidebar:"community",previous:{title:"\ud83d\udcab Community",permalink:"/community/"}},d={},l=[...r.RM,{value:"Core-team",id:"core-team",level:2},{value:"Champions",id:"champions",level:3},{value:"Contributors",id:"contributors",level:2},{value:"Companies",id:"companies",level:2}];function u(e){const t={h1:"h1",h2:"h2",h3:"h3",header:"header",...(0,s.R)(),...e.components};return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(t.header,{children:(0,n.jsx)(t.h1,{id:"team",children:"Team"})}),"\n",(0,n.jsx)(r.Ay,{ticket:"192"}),"\n",(0,n.jsx)(t.h2,{id:"core-team",children:"Core-team"}),"\n",(0,n.jsx)(t.h3,{id:"champions",children:"Champions"}),"\n",(0,n.jsx)(t.h2,{id:"contributors",children:"Contributors"}),"\n",(0,n.jsx)(t.h2,{id:"companies",children:"Companies"})]})}function m(e={}){const{wrapper:t}={...(0,s.R)(),...e.components};return t?(0,n.jsx)(t,{...e,children:(0,n.jsx)(u,{...e})}):u(e)}},1928:(e,t,i)=>{i.d(t,{Ay:()=>l,RM:()=>c});var n=i(6070),s=i(1100),r=(i(758),i(6783)),o=i(7765);const a=e=>{let{ticket:t}=e;const i=`https://github.com/feature-sliced/documentation/issues/${t}`;return(0,n.jsxs)("div",{children:[(0,n.jsx)("p",{children:(0,o.T)({id:"shared.wip.title"})}),(0,n.jsx)("p",{children:(0,o.T)({id:"shared.wip.subtitle"})}),(0,n.jsxs)("ul",{children:[(0,n.jsxs)("li",{children:[(0,o.T)({id:"shared.wip.var.feedback.base"}),(0,n.jsx)(r.A,{to:i,children:(0,o.T)({id:"shared.wip.var.feedback.link"})})]}),(0,n.jsxs)("li",{children:[(0,o.T)({id:"shared.wip.var.material.base"}),(0,n.jsx)(r.A,{to:"https://t.me/feature_sliced",children:(0,o.T)({id:"shared.wip.var.material.link"})})]}),(0,n.jsxs)("li",{children:[(0,o.T)({id:"shared.wip.var.contribute.base"}),(0,n.jsx)(r.A,{to:"https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md",children:(0,o.T)({id:"shared.wip.var.contribute.link"})})]})]}),(0,n.jsx)("br",{}),(0,n.jsx)("p",{children:(0,n.jsx)("i",{children:"\ud83c\udf70 Stay tuned!"})})]})},c=[];function d(e){const t={admonition:"admonition",...(0,s.R)(),...e.components};return(0,n.jsx)(t.admonition,{title:"WIP",type:"caution",children:(0,n.jsx)(a,{ticket:e.ticket})})}function l(e={}){const{wrapper:t}={...(0,s.R)(),...e.components};return t?(0,n.jsx)(t,{...e,children:(0,n.jsx)(d,{...e})}):d(e)}},1100:(e,t,i)=>{i.d(t,{R:()=>o,x:()=>a});var n=i(758);const s={},r=n.createContext(s);function o(e){const t=n.useContext(r);return n.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function a(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(s):e.components||s:o(e.components),n.createElement(r.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
diff --git a/assets/js/7a790ed0.72e8eb4a.js b/assets/js/7a790ed0.70f2e52a.js
similarity index 99%
rename from assets/js/7a790ed0.72e8eb4a.js
rename to assets/js/7a790ed0.70f2e52a.js
index 56065dda42..cb6b947050 100644
--- a/assets/js/7a790ed0.72e8eb4a.js
+++ b/assets/js/7a790ed0.70f2e52a.js
@@ -1 +1 @@
-"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[6422],{4813:(e,n,i)=>{i.r(n),i.d(n,{assets:()=>c,contentTitle:()=>t,default:()=>a,frontMatter:()=>r,metadata:()=>l,toc:()=>d});var s=i(6070),o=i(1100);const r={},t="Isolation of modules",l={id:"reference/isolation/index",title:"Isolation of modules",description:"Within the framework of the methodology, all modules are distributed by scopes of responsibility (layer, slice, segment)",source:"@site/i18n/en/docusaurus-plugin-content-docs/current/reference/isolation/index.md",sourceDirName:"reference/isolation",slug:"/reference/isolation/",permalink:"/docs/reference/isolation/",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/reference/isolation/index.md",tags:[],version:"current",lastUpdatedAt:1727607766e3,frontMatter:{},sidebar:"referenceSidebar",previous:{title:"Public API",permalink:"/docs/reference/public-api"},next:{title:"Low Coupling & High Cohesion",permalink:"/docs/reference/isolation/coupling-cohesion"}},c={},d=[{value:"Requirements",id:"requirements",level:2},{value:"Rule",id:"rule",level:2},{value:"Identifying problems",id:"identifying-problems",level:2},{value:"See also",id:"see-also",level:2}];function h(e){const n={a:"a",admonition:"admonition",code:"code",em:"em",h1:"h1",h2:"h2",header:"header",li:"li",ol:"ol",p:"p",strong:"strong",ul:"ul",...(0,o.R)(),...e.components};return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(n.header,{children:(0,s.jsx)(n.h1,{id:"isolation-of-modules",children:"Isolation of modules"})}),"\n",(0,s.jsx)(n.p,{children:"Within the framework of the methodology, all modules are distributed by scopes of responsibility (layer, slice, segment)"}),"\n",(0,s.jsx)(n.p,{children:"The layers, in turn, are organized vertically:"}),"\n",(0,s.jsxs)(n.ul,{children:["\n",(0,s.jsx)(n.li,{children:'"At the bottom" are the reused modules (ui-kit, internal libraries of the project), as the most abstract'}),"\n",(0,s.jsx)(n.li,{children:'And as you move "up", more specific modules are located.'}),"\n"]}),"\n",(0,s.jsxs)(n.p,{children:["Regardless of whether it belongs to any slice, each module ",(0,s.jsx)(n.a,{href:"/docs/reference/public-api",children:(0,s.jsx)(n.strong,{children:"is required to provide a public access interface"})}),"."]}),"\n",(0,s.jsx)(n.h2,{id:"requirements",children:"Requirements"}),"\n",(0,s.jsx)(n.p,{children:"The interaction of each module with the rest of the application is designed taking into account a number of requirements:"}),"\n",(0,s.jsxs)(n.ol,{children:["\n",(0,s.jsxs)(n.li,{children:["\n",(0,s.jsxs)(n.p,{children:[(0,s.jsx)(n.strong,{children:"Low coupling"})," with other modules"]}),"\n",(0,s.jsxs)(n.ul,{children:["\n",(0,s.jsx)(n.li,{children:(0,s.jsx)(n.em,{children:"A change in one module should have a weak and predictable effect on others"})}),"\n"]}),"\n"]}),"\n",(0,s.jsxs)(n.li,{children:["\n",(0,s.jsxs)(n.p,{children:[(0,s.jsx)(n.strong,{children:"High cohesion"}),' - the responsibilities of each module are "focused" on one task']}),"\n",(0,s.jsxs)(n.ul,{children:["\n",(0,s.jsx)(n.li,{children:(0,s.jsx)(n.em,{children:'If the module has too many responsibilities (starts "doing too much") - this should be noticed as soon as possible'})}),"\n"]}),"\n"]}),"\n",(0,s.jsxs)(n.li,{children:["\n",(0,s.jsxs)(n.p,{children:[(0,s.jsx)(n.strong,{children:"Absence of cyclic dependencies"})," on the scale of the entire application"]}),"\n",(0,s.jsxs)(n.ul,{children:["\n",(0,s.jsx)(n.li,{children:(0,s.jsx)(n.em,{children:"Often lead to unexpected, undesirable behavior, it is better to avoid them altogether"})}),"\n"]}),"\n"]}),"\n"]}),"\n",(0,s.jsx)(n.h2,{id:"rule",children:"Rule"}),"\n",(0,s.jsx)(n.p,{children:"To meet these requirements, within the framework of the methodology, it is necessary to observe the basic rule:"}),"\n",(0,s.jsx)(n.admonition,{title:"Important",type:"info",children:(0,s.jsx)(n.p,{children:'A module can depend only on "underlying" modules, but not on modules from the same or higher layer'})}),"\n",(0,s.jsxs)(n.ul,{children:["\n",(0,s.jsxs)(n.li,{children:[(0,s.jsx)(n.code,{children:"features/auth"})," ",(0,s.jsx)(n.strong,{children:"cannot"})," depend on ",(0,s.jsx)(n.code,{children:"features/filters"})," ",(0,s.jsx)(n.strong,{children:"and vice versa"})]}),"\n",(0,s.jsxs)(n.li,{children:[(0,s.jsx)(n.code,{children:"features/auth"})," ",(0,s.jsx)(n.strong,{children:"may"})," depend on ",(0,s.jsx)(n.code,{children:"shared/ui/button"}),", ",(0,s.jsx)(n.strong,{children:"but not vice versa"})]}),"\n"]}),"\n",(0,s.jsxs)(n.p,{children:["Following this rule allows you to keep dependencies ",(0,s.jsx)(n.strong,{children:'"unidirectional"'})," - which automatically ",(0,s.jsx)(n.strong,{children:"eliminates cyclic imports"})," and significantly ",(0,s.jsx)(n.strong,{children:"simplifies tracking dependencies"})," between modules in the application."]}),"\n",(0,s.jsx)(n.h2,{id:"identifying-problems",children:"Identifying problems"}),"\n",(0,s.jsx)(n.p,{children:"Violation of this rule is a signal of problems:"}),"\n",(0,s.jsxs)(n.ol,{children:["\n",(0,s.jsxs)(n.li,{children:["\n",(0,s.jsxs)(n.p,{children:["The module has ",(0,s.jsx)(n.strong,{children:"import from another module"})," from its own layer"]}),"\n",(0,s.jsxs)(n.ul,{children:["\n",(0,s.jsxs)(n.li,{children:["Perhaps the module was ",(0,s.jsx)(n.strong,{children:"unnecessarily fragmented"})," or has ",(0,s.jsx)(n.strong,{children:"unnecessary responsibility."})]}),"\n",(0,s.jsxs)(n.li,{children:["You should ",(0,s.jsx)(n.strong,{children:"combine"})," it with the imported module or ",(0,s.jsx)(n.strong,{children:"move it (partially or completely) to the layer below"})," or transfer the logic of relationships to modules on higher layers."]}),"\n"]}),"\n"]}),"\n",(0,s.jsxs)(n.li,{children:["\n",(0,s.jsxs)(n.p,{children:["The module ",(0,s.jsx)(n.strong,{children:"is imported by many modules"})," from its own layer"]}),"\n",(0,s.jsxs)(n.ul,{children:["\n",(0,s.jsxs)(n.li,{children:["Perhaps the module has ",(0,s.jsx)(n.strong,{children:"extra responsibility."})]}),"\n",(0,s.jsxs)(n.li,{children:["You should ",(0,s.jsx)(n.strong,{children:"move it (partially or entirely) to the layer below"}),", or transfer the logic of connections to modules on higher layers."]}),"\n"]}),"\n"]}),"\n",(0,s.jsxs)(n.li,{children:["\n",(0,s.jsxs)(n.p,{children:["The module ",(0,s.jsx)(n.strong,{children:"has imports from many modules"})," from its own layer"]}),"\n",(0,s.jsxs)(n.ul,{children:["\n",(0,s.jsxs)(n.li,{children:["Perhaps the module belongs to ",(0,s.jsx)(n.strong,{children:"another scope of responsibility."})]}),"\n",(0,s.jsxs)(n.li,{children:["You should ",(0,s.jsx)(n.strong,{children:"move it (partially or completely) to the layer above"}),"."]}),"\n"]}),"\n"]}),"\n"]}),"\n",(0,s.jsx)(n.h2,{id:"see-also",children:"See also"}),"\n",(0,s.jsxs)(n.ul,{children:["\n",(0,s.jsx)(n.li,{children:(0,s.jsx)(n.a,{href:"/docs/reference/isolation/coupling-cohesion",children:"(Guide) About achieving low coupling"})}),"\n",(0,s.jsx)(n.li,{children:(0,s.jsx)(n.a,{href:"https://github.com/feature-sliced/documentation/discussions/49",children:"(Discussion) Coupled entities"})}),"\n",(0,s.jsx)(n.li,{children:(0,s.jsx)(n.a,{href:"https://github.com/feature-sliced/documentation/discussions/65#discussioncomment-480822",children:"(Discussion) About cross-imports and analysis \u0437\u0430\u0432\u0438\u0441\u0438\u043c\u043e\u0441\u0442\u0435\u0439"})}),"\n",(0,s.jsx)(n.li,{children:(0,s.jsxs)(n.a,{href:"https://en.wikipedia.org/wiki/GRASP_(object-oriented_design)",children:[(0,s.jsx)(n.strong,{children:"GRASP"})," Patterns"]})}),"\n"]})]})}function a(e={}){const{wrapper:n}={...(0,o.R)(),...e.components};return n?(0,s.jsx)(n,{...e,children:(0,s.jsx)(h,{...e})}):h(e)}},1100:(e,n,i)=>{i.d(n,{R:()=>t,x:()=>l});var s=i(758);const o={},r=s.createContext(o);function t(e){const n=s.useContext(r);return s.useMemo((function(){return"function"==typeof e?e(n):{...n,...e}}),[n,e])}function l(e){let n;return n=e.disableParentContext?"function"==typeof e.components?e.components(o):e.components||o:t(e.components),s.createElement(r.Provider,{value:n},e.children)}}}]);
\ No newline at end of file
+"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[6422],{4813:(e,n,i)=>{i.r(n),i.d(n,{assets:()=>c,contentTitle:()=>t,default:()=>a,frontMatter:()=>r,metadata:()=>l,toc:()=>d});var s=i(6070),o=i(1100);const r={},t="Isolation of modules",l={id:"reference/isolation/index",title:"Isolation of modules",description:"Within the framework of the methodology, all modules are distributed by scopes of responsibility (layer, slice, segment)",source:"@site/i18n/en/docusaurus-plugin-content-docs/current/reference/isolation/index.md",sourceDirName:"reference/isolation",slug:"/reference/isolation/",permalink:"/docs/reference/isolation/",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/reference/isolation/index.md",tags:[],version:"current",lastUpdatedAt:1728325386e3,frontMatter:{},sidebar:"referenceSidebar",previous:{title:"Public API",permalink:"/docs/reference/public-api"},next:{title:"Low Coupling & High Cohesion",permalink:"/docs/reference/isolation/coupling-cohesion"}},c={},d=[{value:"Requirements",id:"requirements",level:2},{value:"Rule",id:"rule",level:2},{value:"Identifying problems",id:"identifying-problems",level:2},{value:"See also",id:"see-also",level:2}];function h(e){const n={a:"a",admonition:"admonition",code:"code",em:"em",h1:"h1",h2:"h2",header:"header",li:"li",ol:"ol",p:"p",strong:"strong",ul:"ul",...(0,o.R)(),...e.components};return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(n.header,{children:(0,s.jsx)(n.h1,{id:"isolation-of-modules",children:"Isolation of modules"})}),"\n",(0,s.jsx)(n.p,{children:"Within the framework of the methodology, all modules are distributed by scopes of responsibility (layer, slice, segment)"}),"\n",(0,s.jsx)(n.p,{children:"The layers, in turn, are organized vertically:"}),"\n",(0,s.jsxs)(n.ul,{children:["\n",(0,s.jsx)(n.li,{children:'"At the bottom" are the reused modules (ui-kit, internal libraries of the project), as the most abstract'}),"\n",(0,s.jsx)(n.li,{children:'And as you move "up", more specific modules are located.'}),"\n"]}),"\n",(0,s.jsxs)(n.p,{children:["Regardless of whether it belongs to any slice, each module ",(0,s.jsx)(n.a,{href:"/docs/reference/public-api",children:(0,s.jsx)(n.strong,{children:"is required to provide a public access interface"})}),"."]}),"\n",(0,s.jsx)(n.h2,{id:"requirements",children:"Requirements"}),"\n",(0,s.jsx)(n.p,{children:"The interaction of each module with the rest of the application is designed taking into account a number of requirements:"}),"\n",(0,s.jsxs)(n.ol,{children:["\n",(0,s.jsxs)(n.li,{children:["\n",(0,s.jsxs)(n.p,{children:[(0,s.jsx)(n.strong,{children:"Low coupling"})," with other modules"]}),"\n",(0,s.jsxs)(n.ul,{children:["\n",(0,s.jsx)(n.li,{children:(0,s.jsx)(n.em,{children:"A change in one module should have a weak and predictable effect on others"})}),"\n"]}),"\n"]}),"\n",(0,s.jsxs)(n.li,{children:["\n",(0,s.jsxs)(n.p,{children:[(0,s.jsx)(n.strong,{children:"High cohesion"}),' - the responsibilities of each module are "focused" on one task']}),"\n",(0,s.jsxs)(n.ul,{children:["\n",(0,s.jsx)(n.li,{children:(0,s.jsx)(n.em,{children:'If the module has too many responsibilities (starts "doing too much") - this should be noticed as soon as possible'})}),"\n"]}),"\n"]}),"\n",(0,s.jsxs)(n.li,{children:["\n",(0,s.jsxs)(n.p,{children:[(0,s.jsx)(n.strong,{children:"Absence of cyclic dependencies"})," on the scale of the entire application"]}),"\n",(0,s.jsxs)(n.ul,{children:["\n",(0,s.jsx)(n.li,{children:(0,s.jsx)(n.em,{children:"Often lead to unexpected, undesirable behavior, it is better to avoid them altogether"})}),"\n"]}),"\n"]}),"\n"]}),"\n",(0,s.jsx)(n.h2,{id:"rule",children:"Rule"}),"\n",(0,s.jsx)(n.p,{children:"To meet these requirements, within the framework of the methodology, it is necessary to observe the basic rule:"}),"\n",(0,s.jsx)(n.admonition,{title:"Important",type:"info",children:(0,s.jsx)(n.p,{children:'A module can depend only on "underlying" modules, but not on modules from the same or higher layer'})}),"\n",(0,s.jsxs)(n.ul,{children:["\n",(0,s.jsxs)(n.li,{children:[(0,s.jsx)(n.code,{children:"features/auth"})," ",(0,s.jsx)(n.strong,{children:"cannot"})," depend on ",(0,s.jsx)(n.code,{children:"features/filters"})," ",(0,s.jsx)(n.strong,{children:"and vice versa"})]}),"\n",(0,s.jsxs)(n.li,{children:[(0,s.jsx)(n.code,{children:"features/auth"})," ",(0,s.jsx)(n.strong,{children:"may"})," depend on ",(0,s.jsx)(n.code,{children:"shared/ui/button"}),", ",(0,s.jsx)(n.strong,{children:"but not vice versa"})]}),"\n"]}),"\n",(0,s.jsxs)(n.p,{children:["Following this rule allows you to keep dependencies ",(0,s.jsx)(n.strong,{children:'"unidirectional"'})," - which automatically ",(0,s.jsx)(n.strong,{children:"eliminates cyclic imports"})," and significantly ",(0,s.jsx)(n.strong,{children:"simplifies tracking dependencies"})," between modules in the application."]}),"\n",(0,s.jsx)(n.h2,{id:"identifying-problems",children:"Identifying problems"}),"\n",(0,s.jsx)(n.p,{children:"Violation of this rule is a signal of problems:"}),"\n",(0,s.jsxs)(n.ol,{children:["\n",(0,s.jsxs)(n.li,{children:["\n",(0,s.jsxs)(n.p,{children:["The module has ",(0,s.jsx)(n.strong,{children:"import from another module"})," from its own layer"]}),"\n",(0,s.jsxs)(n.ul,{children:["\n",(0,s.jsxs)(n.li,{children:["Perhaps the module was ",(0,s.jsx)(n.strong,{children:"unnecessarily fragmented"})," or has ",(0,s.jsx)(n.strong,{children:"unnecessary responsibility."})]}),"\n",(0,s.jsxs)(n.li,{children:["You should ",(0,s.jsx)(n.strong,{children:"combine"})," it with the imported module or ",(0,s.jsx)(n.strong,{children:"move it (partially or completely) to the layer below"})," or transfer the logic of relationships to modules on higher layers."]}),"\n"]}),"\n"]}),"\n",(0,s.jsxs)(n.li,{children:["\n",(0,s.jsxs)(n.p,{children:["The module ",(0,s.jsx)(n.strong,{children:"is imported by many modules"})," from its own layer"]}),"\n",(0,s.jsxs)(n.ul,{children:["\n",(0,s.jsxs)(n.li,{children:["Perhaps the module has ",(0,s.jsx)(n.strong,{children:"extra responsibility."})]}),"\n",(0,s.jsxs)(n.li,{children:["You should ",(0,s.jsx)(n.strong,{children:"move it (partially or entirely) to the layer below"}),", or transfer the logic of connections to modules on higher layers."]}),"\n"]}),"\n"]}),"\n",(0,s.jsxs)(n.li,{children:["\n",(0,s.jsxs)(n.p,{children:["The module ",(0,s.jsx)(n.strong,{children:"has imports from many modules"})," from its own layer"]}),"\n",(0,s.jsxs)(n.ul,{children:["\n",(0,s.jsxs)(n.li,{children:["Perhaps the module belongs to ",(0,s.jsx)(n.strong,{children:"another scope of responsibility."})]}),"\n",(0,s.jsxs)(n.li,{children:["You should ",(0,s.jsx)(n.strong,{children:"move it (partially or completely) to the layer above"}),"."]}),"\n"]}),"\n"]}),"\n"]}),"\n",(0,s.jsx)(n.h2,{id:"see-also",children:"See also"}),"\n",(0,s.jsxs)(n.ul,{children:["\n",(0,s.jsx)(n.li,{children:(0,s.jsx)(n.a,{href:"/docs/reference/isolation/coupling-cohesion",children:"(Guide) About achieving low coupling"})}),"\n",(0,s.jsx)(n.li,{children:(0,s.jsx)(n.a,{href:"https://github.com/feature-sliced/documentation/discussions/49",children:"(Discussion) Coupled entities"})}),"\n",(0,s.jsx)(n.li,{children:(0,s.jsx)(n.a,{href:"https://github.com/feature-sliced/documentation/discussions/65#discussioncomment-480822",children:"(Discussion) About cross-imports and analysis \u0437\u0430\u0432\u0438\u0441\u0438\u043c\u043e\u0441\u0442\u0435\u0439"})}),"\n",(0,s.jsx)(n.li,{children:(0,s.jsxs)(n.a,{href:"https://en.wikipedia.org/wiki/GRASP_(object-oriented_design)",children:[(0,s.jsx)(n.strong,{children:"GRASP"})," Patterns"]})}),"\n"]})]})}function a(e={}){const{wrapper:n}={...(0,o.R)(),...e.components};return n?(0,s.jsx)(n,{...e,children:(0,s.jsx)(h,{...e})}):h(e)}},1100:(e,n,i)=>{i.d(n,{R:()=>t,x:()=>l});var s=i(758);const o={},r=s.createContext(o);function t(e){const n=s.useContext(r);return s.useMemo((function(){return"function"==typeof e?e(n):{...n,...e}}),[n,e])}function l(e){let n;return n=e.disableParentContext?"function"==typeof e.components?e.components(o):e.components||o:t(e.components),s.createElement(r.Provider,{value:n},e.children)}}}]);
\ No newline at end of file
diff --git a/assets/js/84a0dbae.458e0966.js b/assets/js/84a0dbae.1a081c9c.js
similarity index 99%
rename from assets/js/84a0dbae.458e0966.js
rename to assets/js/84a0dbae.1a081c9c.js
index b71ec75aa7..fdac23e16e 100644
--- a/assets/js/84a0dbae.458e0966.js
+++ b/assets/js/84a0dbae.1a081c9c.js
@@ -1 +1 @@
-"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[7660],{6660:(e,t,n)=>{n.r(t),n.d(t,{assets:()=>d,contentTitle:()=>r,default:()=>p,frontMatter:()=>i,metadata:()=>c,toc:()=>a});var s=n(6070),o=n(1100);const i={sidebar_position:10},r="Usage with NextJS",c={id:"guides/tech/with-nextjs",title:"Usage with NextJS",description:"It is possible to implement FSD in a NextJS project, but conflicts arise due to differences between the requirements for the NextJS project structure and the principles of FSD in two points:",source:"@site/i18n/en/docusaurus-plugin-content-docs/current/guides/tech/with-nextjs.mdx",sourceDirName:"guides/tech",slug:"/guides/tech/with-nextjs",permalink:"/docs/guides/tech/with-nextjs",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/guides/tech/with-nextjs.mdx",tags:[],version:"current",lastUpdatedAt:1727607766e3,sidebarPosition:10,frontMatter:{sidebar_position:10},sidebar:"guidesSidebar",previous:{title:"Migration from v1",permalink:"/docs/guides/migration/from-v1"},next:{title:"Usage with NuxtJS",permalink:"/docs/guides/tech/with-nuxtjs"}},d={},a=[{value:"Conflict between FSD and NextJS on <code>pages</code> layer",id:"pages-conflict",level:2},{value:"Moving the <code>pages</code> folder of NextJS to the root folder of the project (recommended)",id:"moving-the-pages-folder-of-nextjs-to-the-root-folder-of-the-project-recommended",level:3},{value:"Renaming the <code>pages</code> layer within the FSD structure",id:"renaming-the-pages-layer-within-the-fsd-structure",level:3},{value:"The absence of the <code>app</code> folder in NextJS",id:"app-absence",level:2},{value:"Importing app functionality to <code>pages/_app.tsx</code> file",id:"importing-app-functionality-to-pages_apptsx-file",level:3},{value:"Dealing with App Router",id:"app-router",level:2},{value:"See also",id:"see-also",level:2}];function l(e){const t={a:"a",code:"code",h1:"h1",h2:"h2",h3:"h3",header:"header",img:"img",li:"li",p:"p",pre:"pre",strong:"strong",ul:"ul",...(0,o.R)(),...e.components};return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(t.header,{children:(0,s.jsx)(t.h1,{id:"usage-with-nextjs",children:"Usage with NextJS"})}),"\n",(0,s.jsx)(t.p,{children:"It is possible to implement FSD in a NextJS project, but conflicts arise due to differences between the requirements for the NextJS project structure and the principles of FSD in two points:\xa0"}),"\n",(0,s.jsxs)(t.ul,{children:["\n",(0,s.jsxs)(t.li,{children:["Routing files in the ",(0,s.jsx)(t.code,{children:"pages"})," layer"]}),"\n",(0,s.jsxs)(t.li,{children:["Conflict or absence of the ",(0,s.jsx)(t.code,{children:"app"})," layer in NextJS"]}),"\n"]}),"\n",(0,s.jsxs)(t.h2,{id:"pages-conflict",children:["Conflict between FSD and NextJS on ",(0,s.jsx)(t.code,{children:"pages"})," layer"]}),"\n",(0,s.jsxs)(t.p,{children:["NextJS suggests using the ",(0,s.jsx)(t.code,{children:"pages"})," folder to define application routes. NextJS expects files in the ",(0,s.jsx)(t.code,{children:"pages"})," folder to match URLs.\nThis routing mechanism ",(0,s.jsx)(t.strong,{children:"does not correspond"})," to the FSD concept, since it is not possible to maintain a flat slice structure in such a routing mechanism."]}),"\n",(0,s.jsxs)(t.h3,{id:"moving-the-pages-folder-of-nextjs-to-the-root-folder-of-the-project-recommended",children:["Moving the ",(0,s.jsx)(t.code,{children:"pages"})," folder of NextJS to the root folder of the project (recommended)"]}),"\n",(0,s.jsxs)(t.p,{children:["The approach is to move the ",(0,s.jsx)(t.code,{children:"pages"})," NextJS folder to the root folder of the project and import the FSD pages into the ",(0,s.jsx)(t.code,{children:"pages"})," NextJS folder. This saves\nthe FSD project structure inside the ",(0,s.jsx)(t.code,{children:"src"})," folder."]}),"\n",(0,s.jsx)(t.pre,{children:(0,s.jsx)(t.code,{className:"language-sh",children:"\u251c\u2500\u2500 pages              # NextJS pages folder\n\u251c\u2500\u2500 src\n\u2502   \u251c\u2500\u2500 app\n\u2502   \u251c\u2500\u2500 entities\n\u2502   \u251c\u2500\u2500 features\n\u2502   \u251c\u2500\u2500 pages          # FSD pages folder\n\u2502   \u251c\u2500\u2500 shared\n\u2502   \u251c\u2500\u2500 widgets\n"})}),"\n",(0,s.jsxs)(t.h3,{id:"renaming-the-pages-layer-within-the-fsd-structure",children:["Renaming the ",(0,s.jsx)(t.code,{children:"pages"})," layer within the FSD structure"]}),"\n",(0,s.jsxs)(t.p,{children:["Another way to solve the problem is to rename the ",(0,s.jsx)(t.code,{children:"pages"})," layer in the FSD structure to avoid conflicts with the NextJS ",(0,s.jsx)(t.code,{children:"pages"})," folder.\nYou can rename the ",(0,s.jsx)(t.code,{children:"pages"})," layer in FSD to ",(0,s.jsx)(t.code,{children:"views"}),".\nIn that way, the structure of the project in the ",(0,s.jsx)(t.code,{children:"src"})," folder is preserved without contradiction with the requirements of NextJS."]}),"\n",(0,s.jsx)(t.pre,{children:(0,s.jsx)(t.code,{className:"language-sh",children:"\u251c\u2500\u2500 app\n\u251c\u2500\u2500 entities\n\u251c\u2500\u2500 features\n\u251c\u2500\u2500 pages              # NextJS pages folder\n\u251c\u2500\u2500 views              # Renamed FSD pages folder\n\u251c\u2500\u2500 shared\n\u251c\u2500\u2500 widgets\n"})}),"\n",(0,s.jsxs)(t.p,{children:["Keep in mind that it's highly recommended to document this rename prominently in your project's README or internal documentation. This rename is a part of your ",(0,s.jsx)(t.a,{href:"/docs/about/understanding/knowledge-types",children:'"project knowledge"'}),"."]}),"\n",(0,s.jsxs)(t.h2,{id:"app-absence",children:["The absence of the ",(0,s.jsx)(t.code,{children:"app"})," folder in NextJS"]}),"\n",(0,s.jsxs)(t.p,{children:["In NextJS below version 13, there is no explicit ",(0,s.jsx)(t.code,{children:"app"})," folder, instead NextJS provides the ",(0,s.jsx)(t.code,{children:"_app.tsx"})," file,\nwhich plays the role of a wrapping component for all project pages."]}),"\n",(0,s.jsxs)(t.h3,{id:"importing-app-functionality-to-pages_apptsx-file",children:["Importing app functionality to ",(0,s.jsx)(t.code,{children:"pages/_app.tsx"})," file"]}),"\n",(0,s.jsxs)(t.p,{children:["To solve the problem of missing the ",(0,s.jsx)(t.code,{children:"app"})," folder in the NextJS structure, you can create an ",(0,s.jsx)(t.code,{children:"App"})," component inside the ",(0,s.jsx)(t.code,{children:"app"})," layer and import the ",(0,s.jsx)(t.code,{children:"App"})," component into ",(0,s.jsx)(t.code,{children:"pages/_app.tsx"})," so that NextJS can work with it.\nFor example:"]}),"\n",(0,s.jsx)(t.pre,{children:(0,s.jsx)(t.code,{className:"language-tsx",children:"// app/providers/index.tsx\n\nconst App = ({ Component, pageProps }: AppProps) => {\n  return (\n    <Provider1>\n      <Provider2>\n        <BaseLayout>\n            <Component {...pageProps} />\n        </BaseLayout>\n      </Provider2>\n    </Provider1>\n  );\n};\n\nexport default App;\n"})}),"\n",(0,s.jsxs)(t.p,{children:["Then you can import the ",(0,s.jsx)(t.code,{children:"App"})," component and global project styles into ",(0,s.jsx)(t.code,{children:"pages/_app.tsx"})," as follows:"]}),"\n",(0,s.jsx)(t.pre,{children:(0,s.jsx)(t.code,{className:"language-tsx",children:"// pages/_app.tsx\n\nimport 'app/styles/index.scss'\n\nexport { default } from 'app/providers';\n"})}),"\n",(0,s.jsx)(t.h2,{id:"app-router",children:"Dealing with App Router"}),"\n",(0,s.jsxs)(t.p,{children:["App Router has become stable in NextJS version 13.4. App Router allows you to use the ",(0,s.jsx)(t.code,{children:"app"})," folder for routing instead of the ",(0,s.jsx)(t.code,{children:"pages"})," folder.\nTo comply with the principles of FSD, you should treat the NextJS ",(0,s.jsx)(t.code,{children:"app"})," folder in the same way as recommended\nto resolve a conflict with the NextJS ",(0,s.jsx)(t.code,{children:"pages"})," folder."]}),"\n",(0,s.jsxs)(t.p,{children:["The approach is to move the NextJS ",(0,s.jsx)(t.code,{children:"app"})," folder to the root folder of the project and import the FSD pages into the NextJS ",(0,s.jsx)(t.code,{children:"app"})," folder. This saves\nthe FSD project structure inside the ",(0,s.jsx)(t.code,{children:"src"})," folder. You should still also add the ",(0,s.jsx)(t.code,{children:"pages"})," folder to the root, because the App router is compatible with the Pages router."]}),"\n",(0,s.jsx)(t.pre,{children:(0,s.jsx)(t.code,{children:"\u251c\u2500\u2500 app                # NextJS app folder\n\u251c\u2500\u2500 pages              # Stub NextJS pages folder\n\u2502   \u251c\u2500\u2500 README.md      # Description of why this folder exists\n\u251c\u2500\u2500 src\n\u2502   \u251c\u2500\u2500 app            # FSD app folder\n\u2502   \u251c\u2500\u2500 entities\n\u2502   \u251c\u2500\u2500 features\n\u2502   \u251c\u2500\u2500 pages          # FSD app folder\n\u2502   \u251c\u2500\u2500 shared\n\u2502   \u251c\u2500\u2500 widgets\n"})}),"\n",(0,s.jsx)(t.p,{children:(0,s.jsx)(t.a,{href:"https://stackblitz.com/edit/stackblitz-starters-aiez55?file=README.md",children:(0,s.jsx)(t.img,{src:"https://developer.stackblitz.com/img/open_in_stackblitz.svg",alt:"Open in StackBlitz"})})}),"\n",(0,s.jsx)(t.h2,{id:"see-also",children:"See also"}),"\n",(0,s.jsxs)(t.ul,{children:["\n",(0,s.jsx)(t.li,{children:(0,s.jsx)(t.a,{href:"https://t.me/feature_sliced/3623",children:"(Thread) About the pages directory in NextJS"})}),"\n"]})]})}function p(e={}){const{wrapper:t}={...(0,o.R)(),...e.components};return t?(0,s.jsx)(t,{...e,children:(0,s.jsx)(l,{...e})}):l(e)}},1100:(e,t,n)=>{n.d(t,{R:()=>r,x:()=>c});var s=n(758);const o={},i=s.createContext(o);function r(e){const t=s.useContext(i);return s.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function c(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(o):e.components||o:r(e.components),s.createElement(i.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
+"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[7660],{6660:(e,t,n)=>{n.r(t),n.d(t,{assets:()=>d,contentTitle:()=>r,default:()=>p,frontMatter:()=>i,metadata:()=>c,toc:()=>a});var s=n(6070),o=n(1100);const i={sidebar_position:10},r="Usage with NextJS",c={id:"guides/tech/with-nextjs",title:"Usage with NextJS",description:"It is possible to implement FSD in a NextJS project, but conflicts arise due to differences between the requirements for the NextJS project structure and the principles of FSD in two points:",source:"@site/i18n/en/docusaurus-plugin-content-docs/current/guides/tech/with-nextjs.mdx",sourceDirName:"guides/tech",slug:"/guides/tech/with-nextjs",permalink:"/docs/guides/tech/with-nextjs",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/guides/tech/with-nextjs.mdx",tags:[],version:"current",lastUpdatedAt:1728325386e3,sidebarPosition:10,frontMatter:{sidebar_position:10},sidebar:"guidesSidebar",previous:{title:"Migration from v1",permalink:"/docs/guides/migration/from-v1"},next:{title:"Usage with NuxtJS",permalink:"/docs/guides/tech/with-nuxtjs"}},d={},a=[{value:"Conflict between FSD and NextJS on <code>pages</code> layer",id:"pages-conflict",level:2},{value:"Moving the <code>pages</code> folder of NextJS to the root folder of the project (recommended)",id:"moving-the-pages-folder-of-nextjs-to-the-root-folder-of-the-project-recommended",level:3},{value:"Renaming the <code>pages</code> layer within the FSD structure",id:"renaming-the-pages-layer-within-the-fsd-structure",level:3},{value:"The absence of the <code>app</code> folder in NextJS",id:"app-absence",level:2},{value:"Importing app functionality to <code>pages/_app.tsx</code> file",id:"importing-app-functionality-to-pages_apptsx-file",level:3},{value:"Dealing with App Router",id:"app-router",level:2},{value:"See also",id:"see-also",level:2}];function l(e){const t={a:"a",code:"code",h1:"h1",h2:"h2",h3:"h3",header:"header",img:"img",li:"li",p:"p",pre:"pre",strong:"strong",ul:"ul",...(0,o.R)(),...e.components};return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(t.header,{children:(0,s.jsx)(t.h1,{id:"usage-with-nextjs",children:"Usage with NextJS"})}),"\n",(0,s.jsx)(t.p,{children:"It is possible to implement FSD in a NextJS project, but conflicts arise due to differences between the requirements for the NextJS project structure and the principles of FSD in two points:\xa0"}),"\n",(0,s.jsxs)(t.ul,{children:["\n",(0,s.jsxs)(t.li,{children:["Routing files in the ",(0,s.jsx)(t.code,{children:"pages"})," layer"]}),"\n",(0,s.jsxs)(t.li,{children:["Conflict or absence of the ",(0,s.jsx)(t.code,{children:"app"})," layer in NextJS"]}),"\n"]}),"\n",(0,s.jsxs)(t.h2,{id:"pages-conflict",children:["Conflict between FSD and NextJS on ",(0,s.jsx)(t.code,{children:"pages"})," layer"]}),"\n",(0,s.jsxs)(t.p,{children:["NextJS suggests using the ",(0,s.jsx)(t.code,{children:"pages"})," folder to define application routes. NextJS expects files in the ",(0,s.jsx)(t.code,{children:"pages"})," folder to match URLs.\nThis routing mechanism ",(0,s.jsx)(t.strong,{children:"does not correspond"})," to the FSD concept, since it is not possible to maintain a flat slice structure in such a routing mechanism."]}),"\n",(0,s.jsxs)(t.h3,{id:"moving-the-pages-folder-of-nextjs-to-the-root-folder-of-the-project-recommended",children:["Moving the ",(0,s.jsx)(t.code,{children:"pages"})," folder of NextJS to the root folder of the project (recommended)"]}),"\n",(0,s.jsxs)(t.p,{children:["The approach is to move the ",(0,s.jsx)(t.code,{children:"pages"})," NextJS folder to the root folder of the project and import the FSD pages into the ",(0,s.jsx)(t.code,{children:"pages"})," NextJS folder. This saves\nthe FSD project structure inside the ",(0,s.jsx)(t.code,{children:"src"})," folder."]}),"\n",(0,s.jsx)(t.pre,{children:(0,s.jsx)(t.code,{className:"language-sh",children:"\u251c\u2500\u2500 pages              # NextJS pages folder\n\u251c\u2500\u2500 src\n\u2502   \u251c\u2500\u2500 app\n\u2502   \u251c\u2500\u2500 entities\n\u2502   \u251c\u2500\u2500 features\n\u2502   \u251c\u2500\u2500 pages          # FSD pages folder\n\u2502   \u251c\u2500\u2500 shared\n\u2502   \u251c\u2500\u2500 widgets\n"})}),"\n",(0,s.jsxs)(t.h3,{id:"renaming-the-pages-layer-within-the-fsd-structure",children:["Renaming the ",(0,s.jsx)(t.code,{children:"pages"})," layer within the FSD structure"]}),"\n",(0,s.jsxs)(t.p,{children:["Another way to solve the problem is to rename the ",(0,s.jsx)(t.code,{children:"pages"})," layer in the FSD structure to avoid conflicts with the NextJS ",(0,s.jsx)(t.code,{children:"pages"})," folder.\nYou can rename the ",(0,s.jsx)(t.code,{children:"pages"})," layer in FSD to ",(0,s.jsx)(t.code,{children:"views"}),".\nIn that way, the structure of the project in the ",(0,s.jsx)(t.code,{children:"src"})," folder is preserved without contradiction with the requirements of NextJS."]}),"\n",(0,s.jsx)(t.pre,{children:(0,s.jsx)(t.code,{className:"language-sh",children:"\u251c\u2500\u2500 app\n\u251c\u2500\u2500 entities\n\u251c\u2500\u2500 features\n\u251c\u2500\u2500 pages              # NextJS pages folder\n\u251c\u2500\u2500 views              # Renamed FSD pages folder\n\u251c\u2500\u2500 shared\n\u251c\u2500\u2500 widgets\n"})}),"\n",(0,s.jsxs)(t.p,{children:["Keep in mind that it's highly recommended to document this rename prominently in your project's README or internal documentation. This rename is a part of your ",(0,s.jsx)(t.a,{href:"/docs/about/understanding/knowledge-types",children:'"project knowledge"'}),"."]}),"\n",(0,s.jsxs)(t.h2,{id:"app-absence",children:["The absence of the ",(0,s.jsx)(t.code,{children:"app"})," folder in NextJS"]}),"\n",(0,s.jsxs)(t.p,{children:["In NextJS below version 13, there is no explicit ",(0,s.jsx)(t.code,{children:"app"})," folder, instead NextJS provides the ",(0,s.jsx)(t.code,{children:"_app.tsx"})," file,\nwhich plays the role of a wrapping component for all project pages."]}),"\n",(0,s.jsxs)(t.h3,{id:"importing-app-functionality-to-pages_apptsx-file",children:["Importing app functionality to ",(0,s.jsx)(t.code,{children:"pages/_app.tsx"})," file"]}),"\n",(0,s.jsxs)(t.p,{children:["To solve the problem of missing the ",(0,s.jsx)(t.code,{children:"app"})," folder in the NextJS structure, you can create an ",(0,s.jsx)(t.code,{children:"App"})," component inside the ",(0,s.jsx)(t.code,{children:"app"})," layer and import the ",(0,s.jsx)(t.code,{children:"App"})," component into ",(0,s.jsx)(t.code,{children:"pages/_app.tsx"})," so that NextJS can work with it.\nFor example:"]}),"\n",(0,s.jsx)(t.pre,{children:(0,s.jsx)(t.code,{className:"language-tsx",children:"// app/providers/index.tsx\n\nconst App = ({ Component, pageProps }: AppProps) => {\n  return (\n    <Provider1>\n      <Provider2>\n        <BaseLayout>\n            <Component {...pageProps} />\n        </BaseLayout>\n      </Provider2>\n    </Provider1>\n  );\n};\n\nexport default App;\n"})}),"\n",(0,s.jsxs)(t.p,{children:["Then you can import the ",(0,s.jsx)(t.code,{children:"App"})," component and global project styles into ",(0,s.jsx)(t.code,{children:"pages/_app.tsx"})," as follows:"]}),"\n",(0,s.jsx)(t.pre,{children:(0,s.jsx)(t.code,{className:"language-tsx",children:"// pages/_app.tsx\n\nimport 'app/styles/index.scss'\n\nexport { default } from 'app/providers';\n"})}),"\n",(0,s.jsx)(t.h2,{id:"app-router",children:"Dealing with App Router"}),"\n",(0,s.jsxs)(t.p,{children:["App Router has become stable in NextJS version 13.4. App Router allows you to use the ",(0,s.jsx)(t.code,{children:"app"})," folder for routing instead of the ",(0,s.jsx)(t.code,{children:"pages"})," folder.\nTo comply with the principles of FSD, you should treat the NextJS ",(0,s.jsx)(t.code,{children:"app"})," folder in the same way as recommended\nto resolve a conflict with the NextJS ",(0,s.jsx)(t.code,{children:"pages"})," folder."]}),"\n",(0,s.jsxs)(t.p,{children:["The approach is to move the NextJS ",(0,s.jsx)(t.code,{children:"app"})," folder to the root folder of the project and import the FSD pages into the NextJS ",(0,s.jsx)(t.code,{children:"app"})," folder. This saves\nthe FSD project structure inside the ",(0,s.jsx)(t.code,{children:"src"})," folder. You should still also add the ",(0,s.jsx)(t.code,{children:"pages"})," folder to the root, because the App router is compatible with the Pages router."]}),"\n",(0,s.jsx)(t.pre,{children:(0,s.jsx)(t.code,{children:"\u251c\u2500\u2500 app                # NextJS app folder\n\u251c\u2500\u2500 pages              # Stub NextJS pages folder\n\u2502   \u251c\u2500\u2500 README.md      # Description of why this folder exists\n\u251c\u2500\u2500 src\n\u2502   \u251c\u2500\u2500 app            # FSD app folder\n\u2502   \u251c\u2500\u2500 entities\n\u2502   \u251c\u2500\u2500 features\n\u2502   \u251c\u2500\u2500 pages          # FSD app folder\n\u2502   \u251c\u2500\u2500 shared\n\u2502   \u251c\u2500\u2500 widgets\n"})}),"\n",(0,s.jsx)(t.p,{children:(0,s.jsx)(t.a,{href:"https://stackblitz.com/edit/stackblitz-starters-aiez55?file=README.md",children:(0,s.jsx)(t.img,{src:"https://developer.stackblitz.com/img/open_in_stackblitz.svg",alt:"Open in StackBlitz"})})}),"\n",(0,s.jsx)(t.h2,{id:"see-also",children:"See also"}),"\n",(0,s.jsxs)(t.ul,{children:["\n",(0,s.jsx)(t.li,{children:(0,s.jsx)(t.a,{href:"https://t.me/feature_sliced/3623",children:"(Thread) About the pages directory in NextJS"})}),"\n"]})]})}function p(e={}){const{wrapper:t}={...(0,o.R)(),...e.components};return t?(0,s.jsx)(t,{...e,children:(0,s.jsx)(l,{...e})}):l(e)}},1100:(e,t,n)=>{n.d(t,{R:()=>r,x:()=>c});var s=n(758);const o={},i=s.createContext(o);function r(e){const t=s.useContext(i);return s.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function c(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(o):e.components||o:r(e.components),s.createElement(i.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
diff --git a/assets/js/857ae1bf.50506894.js b/assets/js/857ae1bf.5ed9dd9a.js
similarity index 99%
rename from assets/js/857ae1bf.50506894.js
rename to assets/js/857ae1bf.5ed9dd9a.js
index 229f5cd96e..60f7f7c69e 100644
--- a/assets/js/857ae1bf.50506894.js
+++ b/assets/js/857ae1bf.5ed9dd9a.js
@@ -1 +1 @@
-"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[4472],{4673:(e,n,t)=>{t.r(n),t.d(n,{assets:()=>l,contentTitle:()=>i,default:()=>h,frontMatter:()=>s,metadata:()=>o,toc:()=>c});var a=t(6070),r=t(1100);const s={sidebar_position:2},i="Tutorial",o={id:"get-started/tutorial",title:"Tutorial",description:"Part 1. On paper",source:"@site/i18n/en/docusaurus-plugin-content-docs/current/get-started/tutorial.md",sourceDirName:"get-started",slug:"/get-started/tutorial",permalink:"/docs/get-started/tutorial",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/get-started/tutorial.md",tags:[],version:"current",lastUpdatedAt:1727607766e3,sidebarPosition:2,frontMatter:{sidebar_position:2},sidebar:"getstartedSidebar",previous:{title:"Overview",permalink:"/docs/get-started/overview"},next:{title:"FAQ",permalink:"/docs/get-started/faq"}},l={},c=[{value:"Part 1. On paper",id:"part-1-on-paper",level:2},{value:"Start by listing the pages",id:"start-by-listing-the-pages",level:3},{value:"Close look at the feed",id:"close-look-at-the-feed",level:3},{value:"List of tags",id:"list-of-tags",level:4},{value:"Articles",id:"articles",level:4},{value:"Reuse generic code",id:"reuse-generic-code",level:3},{value:"Define a strict public API",id:"define-a-strict-public-api",level:3},{value:"Large reused blocks in the UI",id:"large-reused-blocks-in-the-ui",level:3},{value:"Close look at a page with a form",id:"close-look-at-a-page-with-a-form",level:3},{value:"Summary",id:"summary",level:3},{value:"Part 2. In code",id:"part-2-in-code",level:2},{value:"Lay out the pages",id:"lay-out-the-pages",level:3},{value:"Connect the feed page",id:"connect-the-feed-page",level:3},{value:"API client",id:"api-client",level:3},{value:"Real data in the feed",id:"real-data-in-the-feed",level:3},{value:"Filtering by tag",id:"filtering-by-tag",level:3},{value:"Pagination",id:"pagination",level:3},{value:"Authentication",id:"authentication",level:3},{value:"Header",id:"header",level:3},{value:"Tabs",id:"tabs",level:3},{value:"Article reader",id:"article-reader",level:3},{value:"Article editor",id:"article-editor",level:3}];function d(e){const n={a:"a",code:"code",em:"em",h1:"h1",h2:"h2",h3:"h3",h4:"h4",header:"header",img:"img",li:"li",ol:"ol",p:"p",pre:"pre",strong:"strong",ul:"ul",...(0,r.R)(),...e.components};return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(n.header,{children:(0,a.jsx)(n.h1,{id:"tutorial",children:"Tutorial"})}),"\n",(0,a.jsx)(n.h2,{id:"part-1-on-paper",children:"Part 1. On paper"}),"\n",(0,a.jsxs)(n.p,{children:["This tutorial will examine the Real World App, also known as Conduit. Conduit is a basic ",(0,a.jsx)(n.a,{href:"https://medium.com/",children:"Medium"})," clone \u2014 it lets you read and write articles as well as comment on the articles of others."]}),"\n",(0,a.jsx)(n.p,{children:(0,a.jsx)(n.img,{alt:"Conduit home page",src:t(9703).A+"",width:"2880",height:"1504"})}),"\n",(0,a.jsxs)(n.p,{children:["This is a pretty small application, so we will keep it simple and avoid excessive decomposition. It\u2019s highly likely that the entire app will fit into just three layers: ",(0,a.jsx)(n.strong,{children:"App"}),", ",(0,a.jsx)(n.strong,{children:"Pages"}),", and ",(0,a.jsx)(n.strong,{children:"Shared"}),". If not, we will introduce additional layers as we go. Ready?"]}),"\n",(0,a.jsx)(n.h3,{id:"start-by-listing-the-pages",children:"Start by listing the pages"}),"\n",(0,a.jsx)(n.p,{children:"If we look at the screenshot above, we can assume at least the following pages:"}),"\n",(0,a.jsxs)(n.ul,{children:["\n",(0,a.jsx)(n.li,{children:"Home (article feed)"}),"\n",(0,a.jsx)(n.li,{children:"Sign in and sign up"}),"\n",(0,a.jsx)(n.li,{children:"Article reader"}),"\n",(0,a.jsx)(n.li,{children:"Article editor"}),"\n",(0,a.jsx)(n.li,{children:"User profile viewer"}),"\n",(0,a.jsx)(n.li,{children:"User profile editor (user settings)"}),"\n"]}),"\n",(0,a.jsxs)(n.p,{children:["Every one of these pages will become its own ",(0,a.jsx)(n.em,{children:"slice"})," on the Pages ",(0,a.jsx)(n.em,{children:"layer"}),". Recall from the overview that slices are simply folders inside of layers and layers are simply folders with predefined names like ",(0,a.jsx)(n.code,{children:"pages"}),"."]}),"\n",(0,a.jsx)(n.p,{children:"As such, our Pages folder will look like this:"}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{children:"\ud83d\udcc2 pages/\n  \ud83d\udcc1 feed/\n  \ud83d\udcc1 sign-in/\n  \ud83d\udcc1 article-read/\n  \ud83d\udcc1 article-edit/\n  \ud83d\udcc1 profile/\n  \ud83d\udcc1 settings/\n"})}),"\n",(0,a.jsxs)(n.p,{children:["The key difference of Feature-Sliced Design from an unregulated code structure is that pages cannot reference each other. That is, one page cannot import code from another page. This is due to the ",(0,a.jsx)(n.strong,{children:"import rule on layers"}),":"]}),"\n",(0,a.jsx)(n.p,{children:(0,a.jsx)(n.em,{children:"A module in a slice can only import other slices when they are located on layers strictly below."})}),"\n",(0,a.jsx)(n.p,{children:"In this case, a page is a slice, so modules (files) inside this page can only reference code from layers below, not from the same layer, Pages."}),"\n",(0,a.jsx)(n.h3,{id:"close-look-at-the-feed",children:"Close look at the feed"}),"\n",(0,a.jsxs)("figure",{children:[(0,a.jsx)(n.p,{children:(0,a.jsx)(n.img,{alt:"Anonymous user\u2019s perspective",src:t(9703).A+"",width:"2880",height:"1504"})}),(0,a.jsx)("figcaption",{children:(0,a.jsx)(n.p,{children:(0,a.jsx)(n.em,{children:"Anonymous user\u2019s perspective"})})})]}),"\n",(0,a.jsxs)("figure",{children:[(0,a.jsx)(n.p,{children:(0,a.jsx)(n.img,{alt:"Authenticated user\u2019s perspective",src:t(1405).A+"",width:"2880",height:"1504"})}),(0,a.jsx)("figcaption",{children:(0,a.jsx)(n.p,{children:(0,a.jsx)(n.em,{children:"Authenticated user\u2019s perspective"})})})]}),"\n",(0,a.jsx)(n.p,{children:"There are three dynamic areas on the feed page:"}),"\n",(0,a.jsxs)(n.ol,{children:["\n",(0,a.jsx)(n.li,{children:"Sign-in links with an indication if you are signed in"}),"\n",(0,a.jsx)(n.li,{children:"List of tags that triggers filtering in the feed"}),"\n",(0,a.jsx)(n.li,{children:"One/two feeds of articles, each article with a like button"}),"\n"]}),"\n",(0,a.jsx)(n.p,{children:"The sign-in links are a part of a header that is common to all pages, we will revisit it separately."}),"\n",(0,a.jsx)(n.h4,{id:"list-of-tags",children:"List of tags"}),"\n",(0,a.jsxs)(n.p,{children:["To build the list of tags, we need to fetch the available tags, render each tag as a chip, and store the selected tags in a client-side storage. These operations fall into categories \u201cAPI interaction\u201d, \u201cuser interface\u201d, and \u201cstorage\u201d, respectively. In Feature-Sliced Design, code is separated by purpose using ",(0,a.jsx)(n.em,{children:"segments"}),". Segments are folders in slices, and they can have arbitrary names that describe the purpose, but some purposes are so common that there\u2019s a convention for certain segment names:"]}),"\n",(0,a.jsxs)(n.ul,{children:["\n",(0,a.jsxs)(n.li,{children:["\ud83d\udcc2\xa0",(0,a.jsx)(n.code,{children:"api/"})," for backend interactions"]}),"\n",(0,a.jsxs)(n.li,{children:["\ud83d\udcc2\xa0",(0,a.jsx)(n.code,{children:"ui/"})," for code that handles rendering and appearance"]}),"\n",(0,a.jsxs)(n.li,{children:["\ud83d\udcc2\xa0",(0,a.jsx)(n.code,{children:"model/"})," for storage and business logic"]}),"\n",(0,a.jsxs)(n.li,{children:["\ud83d\udcc2\xa0",(0,a.jsx)(n.code,{children:"config/"})," for feature flags, environment variables and other forms of configuration"]}),"\n"]}),"\n",(0,a.jsxs)(n.p,{children:["We will place code that fetches tags into ",(0,a.jsx)(n.code,{children:"api"}),", the tag component into ",(0,a.jsx)(n.code,{children:"ui"}),", and the storage interaction into ",(0,a.jsx)(n.code,{children:"model"}),"."]}),"\n",(0,a.jsx)(n.h4,{id:"articles",children:"Articles"}),"\n",(0,a.jsx)(n.p,{children:"Using the same grouping principles, we can decompose the feed of articles into the same three segments:"}),"\n",(0,a.jsxs)(n.ul,{children:["\n",(0,a.jsxs)(n.li,{children:["\ud83d\udcc2\xa0",(0,a.jsx)(n.code,{children:"api/"}),": fetch paginated articles with like count; like an article"]}),"\n",(0,a.jsxs)(n.li,{children:["\ud83d\udcc2\xa0",(0,a.jsx)(n.code,{children:"ui/"}),":","\n",(0,a.jsxs)(n.ul,{children:["\n",(0,a.jsx)(n.li,{children:"tab list that can render an extra tab if a tag is selected"}),"\n",(0,a.jsx)(n.li,{children:"individual article"}),"\n",(0,a.jsx)(n.li,{children:"functional pagination"}),"\n"]}),"\n"]}),"\n",(0,a.jsxs)(n.li,{children:["\ud83d\udcc2\xa0",(0,a.jsx)(n.code,{children:"model/"}),": client-side storage of the currently loaded articles and current page (if needed)"]}),"\n"]}),"\n",(0,a.jsx)(n.h3,{id:"reuse-generic-code",children:"Reuse generic code"}),"\n",(0,a.jsxs)(n.p,{children:["Most pages are very different in intent, but certain things stay the same across the entire app \u2014 for example, the UI kit that conforms to the design language, or the convention on the backend that everything is done with a REST API with the same authentication method. Since slices are meant to be isolated, code reuse is facilitated by a lower layer, ",(0,a.jsx)(n.strong,{children:"Shared"}),"."]}),"\n",(0,a.jsx)(n.p,{children:"Shared is different from other layers in the sense that it contains segments, not slices. In this way, the Shared layer can be thought of as a hybrid between a layer and a slice."}),"\n",(0,a.jsx)(n.p,{children:"Usually, the code in Shared is not planned ahead of time, but rather extracted during development, because only during development does it become clear which parts of code are actually shared. However, it\u2019s still helpful to keep a mental note of what kind of code naturally belongs in Shared:"}),"\n",(0,a.jsxs)(n.ul,{children:["\n",(0,a.jsxs)(n.li,{children:["\ud83d\udcc2\xa0",(0,a.jsx)(n.code,{children:"ui/"})," \u2014 the UI kit, pure appearance, no business logic. For example, buttons, modal dialogs, form inputs."]}),"\n",(0,a.jsxs)(n.li,{children:["\ud83d\udcc2\xa0",(0,a.jsx)(n.code,{children:"api/"})," \u2014 convenience wrappers around request making primitives (like ",(0,a.jsx)(n.code,{children:"fetch()"})," on the Web) and, optionally, functions for triggering particular requests according to the backend specification."]}),"\n",(0,a.jsxs)(n.li,{children:["\ud83d\udcc2\xa0",(0,a.jsx)(n.code,{children:"config/"})," \u2014 parsing environment variables"]}),"\n",(0,a.jsxs)(n.li,{children:["\ud83d\udcc2\xa0",(0,a.jsx)(n.code,{children:"i18n/"})," \u2014 configuration of language support"]}),"\n",(0,a.jsxs)(n.li,{children:["\ud83d\udcc2\xa0",(0,a.jsx)(n.code,{children:"router/"})," \u2014 routing primitives and route constants"]}),"\n"]}),"\n",(0,a.jsxs)(n.p,{children:["Those are just a few examples of segment names in Shared, but you can omit any of them or create your own. The only important thing to remember when creating new segments is that segment names should describe ",(0,a.jsx)(n.strong,{children:"purpose (the why), not essence (the what)"}),". Names like \u201ccomponents\u201d, \u201chooks\u201d, \u201cmodals\u201d ",(0,a.jsx)(n.em,{children:"should not"})," be used because they describe what these files are, but don\u2019t help to navigate the code inside. This requires people on the team to dig through every file in such folders and also keeps unrelated code close, which leads to broad areas of code being affected by refactoring and thus makes code review and testing harder."]}),"\n",(0,a.jsx)(n.h3,{id:"define-a-strict-public-api",children:"Define a strict public API"}),"\n",(0,a.jsxs)(n.p,{children:["In the context of Feature-Sliced Design, the term ",(0,a.jsx)(n.em,{children:"public API"})," refers to a slice or segment declaring what can be imported from it by other modules in the project. For example, in JavaScript that can be an ",(0,a.jsx)(n.code,{children:"index.js"})," file re-exporting objects from other files in the slice. This enables freedom in refactoring code inside a slice as long as the contract with the outside world (i.e. the public API) stays the same."]}),"\n",(0,a.jsx)(n.p,{children:"For the Shared layer that has no slices, it\u2019s usually more convenient to define a separate public API for each segment as opposed to defining one single index of everything in Shared. This keeps imports from Shared naturally organized by intent. For other layers that have slices, the opposite is true \u2014 it\u2019s usually more practical to define one index per slice and let the slice decide its own set of segments that is unknown to the outside world because other layers usually have a lot less exports."}),"\n",(0,a.jsx)(n.p,{children:"Our slices/segments will appear to each other as follows:"}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{children:"\ud83d\udcc2 pages/\n  \ud83d\udcc2 feed/\n    \ud83d\udcc4 index\n  \ud83d\udcc2 sign-in/\n    \ud83d\udcc4 index\n  \ud83d\udcc2 article-read/\n    \ud83d\udcc4 index\n  \ud83d\udcc1 \u2026\n\ud83d\udcc2 shared/\n  \ud83d\udcc2 ui/\n    \ud83d\udcc4 index\n  \ud83d\udcc2 api/\n    \ud83d\udcc4 index\n  \ud83d\udcc1 \u2026\n"})}),"\n",(0,a.jsxs)(n.p,{children:["Whatever is inside folders like ",(0,a.jsx)(n.code,{children:"pages/feed"})," or ",(0,a.jsx)(n.code,{children:"shared/ui"})," is only known to those folders, and other files should not rely on the internal structure of these folders."]}),"\n",(0,a.jsx)(n.h3,{id:"large-reused-blocks-in-the-ui",children:"Large reused blocks in the UI"}),"\n",(0,a.jsx)(n.p,{children:"Earlier we made a note to revisit the header that appears on every page. Rebuilding it from scratch on every page would be impractical, so it\u2019s only natural to want to reuse it. We already have Shared to facilitate code reuse, however, there\u2019s a caveat to putting large blocks of UI in Shared \u2014 the Shared layer is not supposed to know about any of the layers above."}),"\n",(0,a.jsx)(n.p,{children:"Between Shared and Pages there are three other layers: Entities, Features, and Widgets.  Some projects may have something in those layers that they need in a large reusable block, and that means we can\u2019t put that reusable block in Shared, or else it would be importing from upper layers, which is prohibited. That\u2019s where the Widgets layer comes in. It is located above Shared, Entities, and Features, so it can use them all."}),"\n",(0,a.jsxs)(n.p,{children:["In our case, the header is very simple \u2014 it\u2019s a static logo and top-level navigation. The navigation needs to make a request to the API to determine if the user is currently logged in or not, but that can be handled by a simple import from the ",(0,a.jsx)(n.code,{children:"api"})," segment. Therefore, we will keep our header in Shared."]}),"\n",(0,a.jsx)(n.h3,{id:"close-look-at-a-page-with-a-form",children:"Close look at a page with a form"}),"\n",(0,a.jsx)(n.p,{children:"Let\u2019s also examine a page that\u2019s intended for editing, not reading. For example, the article writer:"}),"\n",(0,a.jsx)(n.p,{children:(0,a.jsx)(n.img,{alt:"Conduit post editor",src:t(9922).A+"",width:"2880",height:"1200"})}),"\n",(0,a.jsx)(n.p,{children:"It looks trivial, but contains several aspects of application development that we haven\u2019t explored yet \u2014 form validation, error states, and data persistence."}),"\n",(0,a.jsxs)(n.p,{children:["If we were to build this page, we would grab some inputs and buttons from Shared and put together a form in the ",(0,a.jsx)(n.code,{children:"ui"})," segment of this page. Then, in the ",(0,a.jsx)(n.code,{children:"api"})," segment, we would define a mutation request to create the article on the backend."]}),"\n",(0,a.jsxs)(n.p,{children:["To validate the request before sending, we need a validation schema, and a good place for it is the ",(0,a.jsx)(n.code,{children:"model"})," segment, since it\u2019s the data model. There we will produce error messages and display them using another component in the ",(0,a.jsx)(n.code,{children:"ui"})," segment."]}),"\n",(0,a.jsxs)(n.p,{children:["To improve user experience, we could also persist the inputs to prevent accidental data loss. This is also a job of the ",(0,a.jsx)(n.code,{children:"model"})," segment."]}),"\n",(0,a.jsx)(n.h3,{id:"summary",children:"Summary"}),"\n",(0,a.jsx)(n.p,{children:"We have examined several pages and outlined a preliminary structure for our application:"}),"\n",(0,a.jsxs)(n.ol,{children:["\n",(0,a.jsxs)(n.li,{children:["Shared layer","\n",(0,a.jsxs)(n.ol,{children:["\n",(0,a.jsxs)(n.li,{children:[(0,a.jsx)(n.code,{children:"ui"}),"  will contain our reusable UI kit"]}),"\n",(0,a.jsxs)(n.li,{children:[(0,a.jsx)(n.code,{children:"api"}),"  will contain our primitive interactions with the backend"]}),"\n",(0,a.jsx)(n.li,{children:"The rest will be arranged on demand"}),"\n"]}),"\n"]}),"\n",(0,a.jsxs)(n.li,{children:["Pages layer \u2014 each page is a separate slice","\n",(0,a.jsxs)(n.ol,{children:["\n",(0,a.jsxs)(n.li,{children:[(0,a.jsx)(n.code,{children:"ui"}),"  will contain the page itself and all of its parts"]}),"\n",(0,a.jsxs)(n.li,{children:[(0,a.jsx)(n.code,{children:"api"}),"  will contain more specialized data fetching, using ",(0,a.jsx)(n.code,{children:"shared/api"})]}),"\n",(0,a.jsxs)(n.li,{children:[(0,a.jsx)(n.code,{children:"model"}),"  might contain client-side storage of the data that we will display"]}),"\n"]}),"\n"]}),"\n"]}),"\n",(0,a.jsx)(n.p,{children:"Let\u2019s get building!"}),"\n",(0,a.jsx)(n.h2,{id:"part-2-in-code",children:"Part 2. In code"}),"\n",(0,a.jsxs)(n.p,{children:["Now that we have a plan, let\u2019s put it to practice. We will use React and ",(0,a.jsx)(n.a,{href:"https://remix.run",children:"Remix"}),"."]}),"\n",(0,a.jsxs)(n.p,{children:["There's a template ready for this project, clone it from GitHub to get a headstart: ",(0,a.jsx)(n.a,{href:"https://github.com/feature-sliced/tutorial-conduit/tree/clean",children:"https://github.com/feature-sliced/tutorial-conduit/tree/clean"}),"."]}),"\n",(0,a.jsxs)(n.p,{children:["Install dependencies with ",(0,a.jsx)(n.code,{children:"npm install"})," and start the development server with ",(0,a.jsx)(n.code,{children:"npm run dev"}),". Open ",(0,a.jsx)(n.a,{href:"http://localhost:3000",children:"http://localhost:3000"})," and you should see a blank app."]}),"\n",(0,a.jsx)(n.h3,{id:"lay-out-the-pages",children:"Lay out the pages"}),"\n",(0,a.jsx)(n.p,{children:"Let\u2019s start by creating blank components for all our pages. Run the following command in your project:"}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{className:"language-bash",children:"npx fsd pages feed sign-in article-read article-edit profile settings --segments ui\n"})}),"\n",(0,a.jsxs)(n.p,{children:["This will create folders like ",(0,a.jsx)(n.code,{children:"pages/feed/ui/"})," and an index file, ",(0,a.jsx)(n.code,{children:"pages/feed/index.ts"}),", for every page."]}),"\n",(0,a.jsx)(n.h3,{id:"connect-the-feed-page",children:"Connect the feed page"}),"\n",(0,a.jsxs)(n.p,{children:["Let\u2019s connect the root route of our application to the feed page. Create a component, ",(0,a.jsx)(n.code,{children:"FeedPage.tsx"})," in ",(0,a.jsx)(n.code,{children:"pages/feed/ui"})," and put the following inside it:"]}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/feed/ui/FeedPage.tsx"',children:'export function FeedPage() {\n  return (\n    <div className="home-page">\n      <div className="banner">\n        <div className="container">\n          <h1 className="logo-font">conduit</h1>\n          <p>A place to share your knowledge.</p>\n        </div>\n      </div>\n    </div>\n  );\n}\n'})}),"\n",(0,a.jsxs)(n.p,{children:["Then re-export this component in the feed page\u2019s public API, the ",(0,a.jsx)(n.code,{children:"pages/feed/index.ts"})," file:"]}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{className:"language-ts",metastring:'title="pages/feed/index.ts"',children:'export { FeedPage } from "./ui/FeedPage";\n'})}),"\n",(0,a.jsxs)(n.p,{children:["Now connect it to the root route. In Remix, routing is file-based, and the route files are located in the ",(0,a.jsx)(n.code,{children:"app/routes"})," folder, which nicely coincides with Feature-Sliced Design."]}),"\n",(0,a.jsxs)(n.p,{children:["Use the ",(0,a.jsx)(n.code,{children:"FeedPage"})," component in ",(0,a.jsx)(n.code,{children:"app/routes/_index.tsx"}),":"]}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{className:"language-tsx",metastring:'title="app/routes/_index.tsx"',children:'import type { MetaFunction } from "@remix-run/node";\nimport { FeedPage } from "pages/feed";\n\nexport const meta: MetaFunction = () => {\n  return [{ title: "Conduit" }];\n};\n\nexport default FeedPage;\n'})}),"\n",(0,a.jsx)(n.p,{children:"Then, if you run the dev server and open the application, you should see the Conduit banner!"}),"\n",(0,a.jsx)(n.p,{children:(0,a.jsx)(n.img,{alt:"The banner of Conduit",src:t(8891).A+"",width:"2880",height:"338"})}),"\n",(0,a.jsx)(n.h3,{id:"api-client",children:"API client"}),"\n",(0,a.jsxs)(n.p,{children:["To talk to the RealWorld backend, let\u2019s create a convenient API client in Shared. Create two segments, ",(0,a.jsx)(n.code,{children:"api"})," for the client and ",(0,a.jsx)(n.code,{children:"config"})," for variables like the backend base URL:"]}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{className:"language-bash",children:"npx fsd shared --segments api config\n"})}),"\n",(0,a.jsxs)(n.p,{children:["Then create ",(0,a.jsx)(n.code,{children:"shared/config/backend.ts"}),":"]}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{className:"language-tsx",metastring:'title="shared/config/backend.ts"',children:'export const backendBaseUrl = "https://api.realworld.io/api";\n'})}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{className:"language-tsx",metastring:'title="shared/config/index.ts"',children:'export { backendBaseUrl } from "./backend";\n'})}),"\n",(0,a.jsxs)(n.p,{children:["Since the RealWorld project conveniently provides an ",(0,a.jsx)(n.a,{href:"https://github.com/gothinkster/realworld/blob/main/api/openapi.yml",children:"OpenAPI specification"}),", we can take advantage of auto-generated types for our client. We will use ",(0,a.jsxs)(n.a,{href:"https://openapi-ts.pages.dev/openapi-fetch/",children:["the ",(0,a.jsx)(n.code,{children:"openapi-fetch"})," package"]})," that comes with an additional type generator."]}),"\n",(0,a.jsx)(n.p,{children:"Run the following command to generate up-to-date API typings:"}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{className:"language-bash",children:"npm run generate-api-types\n"})}),"\n",(0,a.jsxs)(n.p,{children:["This will create a file ",(0,a.jsx)(n.code,{children:"shared/api/v1.d.ts"}),". We will use this file to create a typed API client in ",(0,a.jsx)(n.code,{children:"shared/api/client.ts"}),":"]}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{className:"language-tsx",metastring:'title="shared/api/client.ts"',children:'import createClient from "openapi-fetch";\n\nimport { backendBaseUrl } from "shared/config";\nimport type { paths } from "./v1";\n\nexport const { GET, POST, PUT, DELETE } = createClient<paths>({ baseUrl: backendBaseUrl });\n'})}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{className:"language-tsx",metastring:'title="shared/api/index.ts"',children:'export { GET, POST, PUT, DELETE } from "./client";\n'})}),"\n",(0,a.jsx)(n.h3,{id:"real-data-in-the-feed",children:"Real data in the feed"}),"\n",(0,a.jsx)(n.p,{children:"We can now proceed to adding articles to the feed, fetched from the backend. Let\u2019s begin by implementing an article preview component."}),"\n",(0,a.jsxs)(n.p,{children:["Create ",(0,a.jsx)(n.code,{children:"pages/feed/ui/ArticlePreview.tsx"})," with the following content:"]}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/feed/ui/ArticlePreview.tsx"',children:"export function ArticlePreview({ article }) { /* TODO */ }\n"})}),"\n",(0,a.jsxs)(n.p,{children:["Since we\u2019re writing in TypeScript, it would be nice to have a typed article object. If we explore the generated ",(0,a.jsx)(n.code,{children:"v1.d.ts"}),", we can see that the article object is available through ",(0,a.jsx)(n.code,{children:'components["schemas"]["Article"]'}),". So let\u2019s create a file with our data models in Shared and export the models:"]}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{className:"language-tsx",metastring:'title="shared/api/models.ts"',children:'import type { components } from "./v1";\n\nexport type Article = components["schemas"]["Article"];\n'})}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{className:"language-tsx",metastring:'title="shared/api/index.ts"',children:'export { GET, POST, PUT, DELETE } from "./client";\n\nexport type { Article } from "./models";\n'})}),"\n",(0,a.jsx)(n.p,{children:"Now we can come back to the article preview component and fill the markup with data. Update the component with the following content:"}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/feed/ui/ArticlePreview.tsx"',children:'import { Link } from "@remix-run/react";\nimport type { Article } from "shared/api";\n\ninterface ArticlePreviewProps {\n  article: Article;\n}\n\nexport function ArticlePreview({ article }: ArticlePreviewProps) {\n  return (\n    <div className="article-preview">\n      <div className="article-meta">\n        <Link to={`/profile/${article.author.username}`} prefetch="intent">\n          <img src={article.author.image} alt="" />\n        </Link>\n        <div className="info">\n          <Link\n            to={`/profile/${article.author.username}`}\n            className="author"\n            prefetch="intent"\n          >\n            {article.author.username}\n          </Link>\n          <span className="date" suppressHydrationWarning>\n            {new Date(article.createdAt).toLocaleDateString(undefined, {\n              dateStyle: "long",\n            })}\n          </span>\n        </div>\n        <button className="btn btn-outline-primary btn-sm pull-xs-right">\n          <i className="ion-heart"></i> {article.favoritesCount}\n        </button>\n      </div>\n      <Link\n        to={`/article/${article.slug}`}\n        className="preview-link"\n        prefetch="intent"\n      >\n        <h1>{article.title}</h1>\n        <p>{article.description}</p>\n        <span>Read more...</span>\n        <ul className="tag-list">\n          {article.tagList.map((tag) => (\n            <li key={tag} className="tag-default tag-pill tag-outline">\n              {tag}\n            </li>\n          ))}\n        </ul>\n      </Link>\n    </div>\n  );\n}\n'})}),"\n",(0,a.jsx)(n.p,{children:"The like button doesn\u2019t do anything for now, we will fix that when we get to the article reader page and implement the liking functionality."}),"\n",(0,a.jsxs)(n.p,{children:["Now we can fetch the articles and render out a bunch of these cards. Fetching data in Remix is done with ",(0,a.jsx)(n.em,{children:"loaders"})," \u2014 server-side functions that fetch exactly what a page needs. Loaders interact with the API on the page\u2019s behalf, so we will put them in the ",(0,a.jsx)(n.code,{children:"api"})," segment of a page:"]}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/feed/api/loader.ts"',children:'import { json } from "@remix-run/node";\n\nimport { GET } from "shared/api";\n\nexport const loader = async () => {\n  const { data: articles, error, response } = await GET("/articles");\n\n  if (error !== undefined) {\n    throw json(error, { status: response.status });\n  }\n\n  return json({ articles });\n};\n'})}),"\n",(0,a.jsxs)(n.p,{children:["To connect it to the page, we need to export it with the name ",(0,a.jsx)(n.code,{children:"loader"})," from the route file:"]}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/feed/index.ts"',children:'export { FeedPage } from "./ui/FeedPage";\nexport { loader } from "./api/loader";\n'})}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{className:"language-tsx",metastring:'title="app/routes/_index.tsx"',children:'import type { MetaFunction } from "@remix-run/node";\nimport { FeedPage } from "pages/feed";\n\nexport { loader } from "pages/feed";\n\nexport const meta: MetaFunction = () => {\n  return [{ title: "Conduit" }];\n};\n\nexport default FeedPage;\n'})}),"\n",(0,a.jsxs)(n.p,{children:["And the final step is to render these cards in the feed. Update your ",(0,a.jsx)(n.code,{children:"FeedPage"})," with the following code:"]}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/feed/ui/FeedPage.tsx"',children:'import { useLoaderData } from "@remix-run/react";\n\nimport type { loader } from "../api/loader";\nimport { ArticlePreview } from "./ArticlePreview";\n\nexport function FeedPage() {\n  const { articles } = useLoaderData<typeof loader>();\n\n  return (\n    <div className="home-page">\n      <div className="banner">\n        <div className="container">\n          <h1 className="logo-font">conduit</h1>\n          <p>A place to share your knowledge.</p>\n        </div>\n      </div>\n\n      <div className="container page">\n        <div className="row">\n          <div className="col-md-9">\n            {articles.articles.map((article) => (\n              <ArticlePreview key={article.slug} article={article} />\n            ))}\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n}\n'})}),"\n",(0,a.jsx)(n.h3,{id:"filtering-by-tag",children:"Filtering by tag"}),"\n",(0,a.jsxs)(n.p,{children:["Regarding the tags, our job is to fetch them from the backend and to store the currently selected tag. We already know how to do fetching \u2014 it\u2019s another request from the loader. We will use a convenience function ",(0,a.jsx)(n.code,{children:"promiseHash"})," from a package ",(0,a.jsx)(n.code,{children:"remix-utils"}),", which is already installed."]}),"\n",(0,a.jsxs)(n.p,{children:["Update the loader file, ",(0,a.jsx)(n.code,{children:"pages/feed/api/loader.ts"}),", with the following code:"]}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/feed/api/loader.ts"',children:'import { json } from "@remix-run/node";\nimport type { FetchResponse } from "openapi-fetch";\nimport { promiseHash } from "remix-utils/promise";\n\nimport { GET } from "shared/api";\n\nasync function throwAnyErrors<T, O, Media extends `${string}/${string}`>(\n  responsePromise: Promise<FetchResponse<T, O, Media>>,\n) {\n  const { data, error, response } = await responsePromise;\n\n  if (error !== undefined) {\n    throw json(error, { status: response.status });\n  }\n\n  return data as NonNullable<typeof data>;\n}\n\nexport const loader = async () => {\n  return json(\n    await promiseHash({\n      articles: throwAnyErrors(GET("/articles")),\n      tags: throwAnyErrors(GET("/tags")),\n    }),\n  );\n};\n'})}),"\n",(0,a.jsxs)(n.p,{children:["You might notice that we extracted the error handling into a generic function ",(0,a.jsx)(n.code,{children:"throwAnyErrors"}),". It looks pretty useful, so we might want to reuse it later, but for now let\u2019s just keep an eye on it."]}),"\n",(0,a.jsx)(n.p,{children:"Now, to the list of tags. It needs to be interactive \u2014 clicking on a tag should make that tag selected. By Remix convention, we will use the URL search parameters as our storage for the selected tag. Let the browser take care of storage while we focus on more important things."}),"\n",(0,a.jsxs)(n.p,{children:["Update ",(0,a.jsx)(n.code,{children:"pages/feed/ui/FeedPage.tsx"})," with the following code:"]}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/feed/ui/FeedPage.tsx"',children:'import { Form, useLoaderData } from "@remix-run/react";\nimport { ExistingSearchParams } from "remix-utils/existing-search-params";\n\nimport type { loader } from "../api/loader";\nimport { ArticlePreview } from "./ArticlePreview";\n\nexport function FeedPage() {\n  const { articles, tags } = useLoaderData<typeof loader>();\n\n  return (\n    <div className="home-page">\n      <div className="banner">\n        <div className="container">\n          <h1 className="logo-font">conduit</h1>\n          <p>A place to share your knowledge.</p>\n        </div>\n      </div>\n\n      <div className="container page">\n        <div className="row">\n          <div className="col-md-9">\n            {articles.articles.map((article) => (\n              <ArticlePreview key={article.slug} article={article} />\n            ))}\n          </div>\n\n          <div className="col-md-3">\n            <div className="sidebar">\n              <p>Popular Tags</p>\n\n              <Form>\n                <ExistingSearchParams exclude={["tag"]} />\n                <div className="tag-list">\n                  {tags.tags.map((tag) => (\n                    <button\n                      key={tag}\n                      name="tag"\n                      value={tag}\n                      className="tag-pill tag-default"\n                    >\n                      {tag}\n                    </button>\n                  ))}\n                </div>\n              </Form>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n} \n'})}),"\n",(0,a.jsxs)(n.p,{children:["Then we need to use the ",(0,a.jsx)(n.code,{children:"tag"})," search parameter in our loader. Change the ",(0,a.jsx)(n.code,{children:"loader"})," function in ",(0,a.jsx)(n.code,{children:"pages/feed/api/loader.ts"})," to the following:"]}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/feed/api/loader.ts"',children:'import { json, type LoaderFunctionArgs } from "@remix-run/node";\nimport type { FetchResponse } from "openapi-fetch";\nimport { promiseHash } from "remix-utils/promise";\n\nimport { GET } from "shared/api";\n\nasync function throwAnyErrors<T, O, Media extends `${string}/${string}`>(\n  responsePromise: Promise<FetchResponse<T, O, Media>>,\n) {\n  const { data, error, response } = await responsePromise;\n\n  if (error !== undefined) {\n    throw json(error, { status: response.status });\n  }\n\n  return data as NonNullable<typeof data>;\n}\n\nexport const loader = async ({ request }: LoaderFunctionArgs) => {\n  const url = new URL(request.url);\n  const selectedTag = url.searchParams.get("tag") ?? undefined;\n\n  return json(\n    await promiseHash({\n      articles: throwAnyErrors(\n        GET("/articles", { params: { query: { tag: selectedTag } } }),\n      ),\n      tags: throwAnyErrors(GET("/tags")),\n    }),\n  );\n};\n'})}),"\n",(0,a.jsxs)(n.p,{children:["That\u2019s it, no ",(0,a.jsx)(n.code,{children:"model"})," segment necessary. Remix is pretty neat."]}),"\n",(0,a.jsx)(n.h3,{id:"pagination",children:"Pagination"}),"\n",(0,a.jsx)(n.p,{children:"In a similar fashion, we can implement the pagination. Feel free to give it a shot yourself or just copy the code below. There\u2019s no one to judge you anyway."}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/feed/api/loader.ts"',children:'import { json, type LoaderFunctionArgs } from "@remix-run/node";\nimport type { FetchResponse } from "openapi-fetch";\nimport { promiseHash } from "remix-utils/promise";\n\nimport { GET } from "shared/api";\n\nasync function throwAnyErrors<T, O, Media extends `${string}/${string}`>(\n  responsePromise: Promise<FetchResponse<T, O, Media>>,\n) {\n  const { data, error, response } = await responsePromise;\n\n  if (error !== undefined) {\n    throw json(error, { status: response.status });\n  }\n\n  return data as NonNullable<typeof data>;\n}\n\n/** Amount of articles on one page. */\nexport const LIMIT = 20;\n\nexport const loader = async ({ request }: LoaderFunctionArgs) => {\n  const url = new URL(request.url);\n  const selectedTag = url.searchParams.get("tag") ?? undefined;\n  const page = parseInt(url.searchParams.get("page") ?? "", 10);\n\n  return json(\n    await promiseHash({\n      articles: throwAnyErrors(\n        GET("/articles", {\n          params: {\n            query: {\n              tag: selectedTag,\n              limit: LIMIT,\n              offset: !Number.isNaN(page) ? page * LIMIT : undefined,\n            },\n          },\n        }),\n      ),\n      tags: throwAnyErrors(GET("/tags")),\n    }),\n  );\n};\n'})}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/feed/ui/FeedPage.tsx"',children:'import { Form, useLoaderData, useSearchParams } from "@remix-run/react";\nimport { ExistingSearchParams } from "remix-utils/existing-search-params";\n\nimport { LIMIT, type loader } from "../api/loader";\nimport { ArticlePreview } from "./ArticlePreview";\n\nexport function FeedPage() {\n  const [searchParams] = useSearchParams();\n  const { articles, tags } = useLoaderData<typeof loader>();\n  const pageAmount = Math.ceil(articles.articlesCount / LIMIT);\n  const currentPage = parseInt(searchParams.get("page") ?? "1", 10);\n\n  return (\n    <div className="home-page">\n      <div className="banner">\n        <div className="container">\n          <h1 className="logo-font">conduit</h1>\n          <p>A place to share your knowledge.</p>\n        </div>\n      </div>\n\n      <div className="container page">\n        <div className="row">\n          <div className="col-md-9">\n            {articles.articles.map((article) => (\n              <ArticlePreview key={article.slug} article={article} />\n            ))}\n\n            <Form>\n              <ExistingSearchParams exclude={["page"]} />\n              <ul className="pagination">\n                {Array(pageAmount)\n                  .fill(null)\n                  .map((_, index) =>\n                    index + 1 === currentPage ? (\n                      <li key={index} className="page-item active">\n                        <span className="page-link">{index + 1}</span>\n                      </li>\n                    ) : (\n                      <li key={index} className="page-item">\n                        <button\n                          className="page-link"\n                          name="page"\n                          value={index + 1}\n                        >\n                          {index + 1}\n                        </button>\n                      </li>\n                    ),\n                  )}\n              </ul>\n            </Form>\n          </div>\n\n          <div className="col-md-3">\n            <div className="sidebar">\n              <p>Popular Tags</p>\n\n              <Form>\n                <ExistingSearchParams exclude={["tag", "page"]} />\n                <div className="tag-list">\n                  {tags.tags.map((tag) => (\n                    <button\n                      key={tag}\n                      name="tag"\n                      value={tag}\n                      className="tag-pill tag-default"\n                    >\n                      {tag}\n                    </button>\n                  ))}\n                </div>\n              </Form>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n}\n'})}),"\n",(0,a.jsx)(n.p,{children:"So that\u2019s also done. There\u2019s also the tab list that can be similarly implemented, but let\u2019s hold on to that until we implement authentication. Speaking of which!"}),"\n",(0,a.jsx)(n.h3,{id:"authentication",children:"Authentication"}),"\n",(0,a.jsxs)(n.p,{children:["Authentication involves two pages \u2014 one to login and another to register. They are mostly the same, so it makes sense to keep them in the same slice, ",(0,a.jsx)(n.code,{children:"sign-in"}),", so that they can reuse code if needed."]}),"\n",(0,a.jsxs)(n.p,{children:["Create ",(0,a.jsx)(n.code,{children:"RegisterPage.tsx"})," in the ",(0,a.jsx)(n.code,{children:"ui"})," segment of ",(0,a.jsx)(n.code,{children:"pages/sign-in"})," with the following content:"]}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/sign-in/ui/RegisterPage.tsx"',children:'import { Form, Link, useActionData } from "@remix-run/react";\n\nimport type { register } from "../api/register";\n\nexport function RegisterPage() {\n  const registerData = useActionData<typeof register>();\n\n  return (\n    <div className="auth-page">\n      <div className="container page">\n        <div className="row">\n          <div className="col-md-6 offset-md-3 col-xs-12">\n            <h1 className="text-xs-center">Sign up</h1>\n            <p className="text-xs-center">\n              <Link to="/login">Have an account?</Link>\n            </p>\n\n            {registerData?.error && (\n              <ul className="error-messages">\n                {registerData.error.errors.body.map((error) => (\n                  <li key={error}>{error}</li>\n                ))}\n              </ul>\n            )}\n\n            <Form method="post">\n              <fieldset className="form-group">\n                <input\n                  className="form-control form-control-lg"\n                  type="text"\n                  name="username"\n                  placeholder="Username"\n                />\n              </fieldset>\n              <fieldset className="form-group">\n                <input\n                  className="form-control form-control-lg"\n                  type="text"\n                  name="email"\n                  placeholder="Email"\n                />\n              </fieldset>\n              <fieldset className="form-group">\n                <input\n                  className="form-control form-control-lg"\n                  type="password"\n                  name="password"\n                  placeholder="Password"\n                />\n              </fieldset>\n              <button className="btn btn-lg btn-primary pull-xs-right">\n                Sign up\n              </button>\n            </Form>\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n}\n'})}),"\n",(0,a.jsx)(n.p,{children:"We have a broken import to fix now. It involves a new segment, so create that:"}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{className:"language-bash",children:"npx fsd pages sign-in -s api\n"})}),"\n",(0,a.jsx)(n.p,{children:"However, before we can implement the backend part of registering, we need some infrastructure code for Remix to handle sessions. That goes to Shared, in case any other page needs it."}),"\n",(0,a.jsxs)(n.p,{children:["Put the following code in ",(0,a.jsx)(n.code,{children:"shared/api/auth.server.ts"}),". This is highly Remix-specific, so don\u2019t worry too much about it, just copy-paste:"]}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{className:"language-tsx",metastring:'title="shared/api/auth.server.ts"',children:'import { createCookieSessionStorage, redirect } from "@remix-run/node";\nimport invariant from "tiny-invariant";\n\nimport type { User } from "./models";\n\ninvariant(\n  process.env.SESSION_SECRET,\n  "SESSION_SECRET must be set for authentication to work",\n);\n\nconst sessionStorage = createCookieSessionStorage<{\n  user: User;\n}>({\n  cookie: {\n    name: "__session",\n    httpOnly: true,\n    path: "/",\n    sameSite: "lax",\n    secrets: [process.env.SESSION_SECRET],\n    secure: process.env.NODE_ENV === "production",\n  },\n});\n\nexport async function createUserSession({\n  request,\n  user,\n  redirectTo,\n}: {\n  request: Request;\n  user: User;\n  redirectTo: string;\n}) {\n  const cookie = request.headers.get("Cookie");\n  const session = await sessionStorage.getSession(cookie);\n\n  session.set("user", user);\n\n  return redirect(redirectTo, {\n    headers: {\n      "Set-Cookie": await sessionStorage.commitSession(session, {\n        maxAge: 60 * 60 * 24 * 7, // 7 days\n      }),\n    },\n  });\n}\n\nexport async function getUserFromSession(request: Request) {\n  const cookie = request.headers.get("Cookie");\n  const session = await sessionStorage.getSession(cookie);\n\n  return session.get("user") ?? null;\n}\n\nexport async function requireUser(request: Request) {\n  const user = await getUserFromSession(request);\n\n  if (user === null) {\n    throw redirect("/login");\n  }\n\n  return user;\n}\n'})}),"\n",(0,a.jsxs)(n.p,{children:["And also export the ",(0,a.jsx)(n.code,{children:"User"})," model from the ",(0,a.jsx)(n.code,{children:"models.ts"})," file right next to it:"]}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{className:"language-tsx",metastring:'title="shared/api/models.ts"',children:'import type { components } from "./v1";\n\nexport type Article = components["schemas"]["Article"];\nexport type User = components["schemas"]["User"];\n'})}),"\n",(0,a.jsxs)(n.p,{children:["Before this code can work, the ",(0,a.jsx)(n.code,{children:"SESSION_SECRET"})," environment variable needs to be set. Create a file called ",(0,a.jsx)(n.code,{children:".env"})," in the root of the project, write ",(0,a.jsx)(n.code,{children:"SESSION_SECRET="})," and then mash some keys on your keyboard to create a long random string. You should get something like this:"]}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{className:"language-bash",metastring:'title=".env"',children:"SESSION_SECRET=dontyoudarecopypastethis\n"})}),"\n",(0,a.jsx)(n.p,{children:"Finally, add some exports to the public API to make use of this code:"}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{className:"language-tsx",metastring:'title="shared/api/index.ts"',children:'export { GET, POST, PUT, DELETE } from "./client";\n\nexport type { Article } from "./models";\n\nexport { createUserSession, getUserFromSession, requireUser } from "./auth.server";\n'})}),"\n",(0,a.jsxs)(n.p,{children:["Now we can write the code that will talk to the RealWorld backend to actually do the registration. We will keep that in ",(0,a.jsx)(n.code,{children:"pages/sign-in/api"}),". Create a file called ",(0,a.jsx)(n.code,{children:"register.ts"})," and put the following code inside:"]}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/sign-in/api/register.ts"',children:'import { json, type ActionFunctionArgs } from "@remix-run/node";\n\nimport { POST, createUserSession } from "shared/api";\n\nexport const register = async ({ request }: ActionFunctionArgs) => {\n  const formData = await request.formData();\n  const username = formData.get("username")?.toString() ?? "";\n  const email = formData.get("email")?.toString() ?? "";\n  const password = formData.get("password")?.toString() ?? "";\n\n  const { data, error } = await POST("/users", {\n    body: { user: { email, password, username } },\n  });\n\n  if (error) {\n    return json({ error }, { status: 400 });\n  } else {\n    return createUserSession({\n      request: request,\n      user: data.user,\n      redirectTo: "/",\n    });\n  }\n};\n'})}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/sign-in/index.ts"',children:"export { RegisterPage } from './ui/RegisterPage';\nexport { register } from './api/register';\n"})}),"\n",(0,a.jsxs)(n.p,{children:["Almost done! Just need to connect the page and action to the ",(0,a.jsx)(n.code,{children:"/register"})," route. Create ",(0,a.jsx)(n.code,{children:"register.tsx"})," in ",(0,a.jsx)(n.code,{children:"app/routes"}),":"]}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{className:"language-tsx",metastring:'title="app/routes/register.tsx"',children:'import { RegisterPage, register } from "pages/sign-in";\n\nexport { register as action };\n\nexport default RegisterPage;\n'})}),"\n",(0,a.jsxs)(n.p,{children:["Now if you go to ",(0,a.jsx)(n.a,{href:"http://localhost:3000/register",children:"http://localhost:3000/register"}),", you should be able to create a user! The rest of the application won\u2019t react to this yet, we\u2019ll address that momentarily."]}),"\n",(0,a.jsx)(n.p,{children:"In a very similar way, we can implement the login page. Give it a try or just grab the code and move on:"}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/sign-in/api/sign-in.ts"',children:'import { json, type ActionFunctionArgs } from "@remix-run/node";\n\nimport { POST, createUserSession } from "shared/api";\n\nexport const signIn = async ({ request }: ActionFunctionArgs) => {\n  const formData = await request.formData();\n  const email = formData.get("email")?.toString() ?? "";\n  const password = formData.get("password")?.toString() ?? "";\n\n  const { data, error } = await POST("/users/login", {\n    body: { user: { email, password } },\n  });\n\n  if (error) {\n    return json({ error }, { status: 400 });\n  } else {\n    return createUserSession({\n      request: request,\n      user: data.user,\n      redirectTo: "/",\n    });\n  }\n};\n'})}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/sign-in/ui/SignInPage.tsx"',children:'import { Form, Link, useActionData } from "@remix-run/react";\n\nimport type { signIn } from "../api/sign-in";\n\nexport function SignInPage() {\n  const signInData = useActionData<typeof signIn>();\n\n  return (\n    <div className="auth-page">\n      <div className="container page">\n        <div className="row">\n          <div className="col-md-6 offset-md-3 col-xs-12">\n            <h1 className="text-xs-center">Sign in</h1>\n            <p className="text-xs-center">\n              <Link to="/register">Need an account?</Link>\n            </p>\n\n            {signInData?.error && (\n              <ul className="error-messages">\n                {signInData.error.errors.body.map((error) => (\n                  <li key={error}>{error}</li>\n                ))}\n              </ul>\n            )}\n\n            <Form method="post">\n              <fieldset className="form-group">\n                <input\n                  className="form-control form-control-lg"\n                  name="email"\n                  type="text"\n                  placeholder="Email"\n                />\n              </fieldset>\n              <fieldset className="form-group">\n                <input\n                  className="form-control form-control-lg"\n                  name="password"\n                  type="password"\n                  placeholder="Password"\n                />\n              </fieldset>\n              <button className="btn btn-lg btn-primary pull-xs-right">\n                Sign in\n              </button>\n            </Form>\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n}\n'})}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/sign-in/index.ts"',children:"export { RegisterPage } from './ui/RegisterPage';\nexport { register } from './api/register';\nexport { SignInPage } from './ui/SignInPage';\nexport { signIn } from './api/sign-in';\n"})}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{className:"language-tsx",metastring:'title="app/routes/login.tsx"',children:'import { SignInPage, signIn } from "pages/sign-in";\n\nexport { signIn as action };\n\nexport default SignInPage;\n'})}),"\n",(0,a.jsx)(n.p,{children:"Now let\u2019s give the users a way to actually get to these pages."}),"\n",(0,a.jsx)(n.h3,{id:"header",children:"Header"}),"\n",(0,a.jsx)(n.p,{children:"As we discussed in part 1, the app header is commonly placed either in Widgets or in Shared. We will put it in Shared because it\u2019s very simple and all the business logic can be kept outside of it. Let\u2019s create a place for it:"}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{className:"language-bash",children:"npx fsd shared ui\n"})}),"\n",(0,a.jsxs)(n.p,{children:["Now create ",(0,a.jsx)(n.code,{children:"shared/ui/Header.tsx"}),"  with the following contents:"]}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{className:"language-tsx",metastring:'title="shared/ui/Header.tsx"',children:'import { useContext } from "react";\nimport { Link, useLocation } from "@remix-run/react";\n\nimport { CurrentUser } from "../api/currentUser";\n\nexport function Header() {\n  const currentUser = useContext(CurrentUser);\n  const { pathname } = useLocation();\n\n  return (\n    <nav className="navbar navbar-light">\n      <div className="container">\n        <Link className="navbar-brand" to="/" prefetch="intent">\n          conduit\n        </Link>\n        <ul className="nav navbar-nav pull-xs-right">\n          <li className="nav-item">\n            <Link\n              prefetch="intent"\n              className={`nav-link ${pathname == "/" ? "active" : ""}`}\n              to="/"\n            >\n              Home\n            </Link>\n          </li>\n          {currentUser == null ? (\n            <>\n              <li className="nav-item">\n                <Link\n                  prefetch="intent"\n                  className={`nav-link ${pathname == "/login" ? "active" : ""}`}\n                  to="/login"\n                >\n                  Sign in\n                </Link>\n              </li>\n              <li className="nav-item">\n                <Link\n                  prefetch="intent"\n                  className={`nav-link ${pathname == "/register" ? "active" : ""}`}\n                  to="/register"\n                >\n                  Sign up\n                </Link>\n              </li>\n            </>\n          ) : (\n            <>\n              <li className="nav-item">\n                <Link\n                  prefetch="intent"\n                  className={`nav-link ${pathname == "/editor" ? "active" : ""}`}\n                  to="/editor"\n                >\n                  <i className="ion-compose"></i>&nbsp;New Article{" "}\n                </Link>\n              </li>\n\n              <li className="nav-item">\n                <Link\n                  prefetch="intent"\n                  className={`nav-link ${pathname == "/settings" ? "active" : ""}`}\n                  to="/settings"\n                >\n                  {" "}\n                  <i className="ion-gear-a"></i>&nbsp;Settings{" "}\n                </Link>\n              </li>\n              <li className="nav-item">\n                <Link\n                  prefetch="intent"\n                  className={`nav-link ${pathname.includes("/profile") ? "active" : ""}`}\n                  to={`/profile/${currentUser.username}`}\n                >\n                  {currentUser.image && (\n                    <img\n                      width={25}\n                      height={25}\n                      src={currentUser.image}\n                      className="user-pic"\n                      alt=""\n                    />\n                  )}\n                  {currentUser.username}\n                </Link>\n              </li>\n            </>\n          )}\n        </ul>\n      </div>\n    </nav>\n  );\n}\n'})}),"\n",(0,a.jsxs)(n.p,{children:["Export this component from ",(0,a.jsx)(n.code,{children:"shared/ui"}),":"]}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{className:"language-tsx",metastring:'title="shared/ui/index.ts"',children:'export { Header } from "./Header";\n'})}),"\n",(0,a.jsxs)(n.p,{children:["In the header, we rely on the context that\u2019s kept in ",(0,a.jsx)(n.code,{children:"shared/api"}),". Create that as well:"]}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{className:"language-tsx",metastring:'title="shared/api/currentUser.ts"',children:'import { createContext } from "react";\n\nimport type { User } from "./models";\n\nexport const CurrentUser = createContext<User | null>(null);\n'})}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{className:"language-tsx",metastring:'title="shared/api/index.ts"',children:'export { GET, POST, PUT, DELETE } from "./client";\n\nexport type { Article } from "./models";\n\nexport { createUserSession, getUserFromSession, requireUser } from "./auth.server";\nexport { CurrentUser } from "./currentUser";\n'})}),"\n",(0,a.jsxs)(n.p,{children:["Now let\u2019s add the header to the page. We want it to be on every single page, so it makes sense to simply add it to the root route and wrap the outlet (the place where the page will be rendered) with the ",(0,a.jsx)(n.code,{children:"CurrentUser"})," context provider. This way our entire app and also the header has access to the current user object. We will also add a loader to actually obtain the current user object from cookies. Drop the following into ",(0,a.jsx)(n.code,{children:"app/root.tsx"}),":"]}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{className:"language-tsx",metastring:'title="app/root.tsx"',children:'import { cssBundleHref } from "@remix-run/css-bundle";\nimport type { LinksFunction, LoaderFunctionArgs } from "@remix-run/node";\nimport {\n  Links,\n  LiveReload,\n  Meta,\n  Outlet,\n  Scripts,\n  ScrollRestoration,\n  useLoaderData,\n} from "@remix-run/react";\n\nimport { Header } from "shared/ui";\nimport { getUserFromSession, CurrentUser } from "shared/api";\n\nexport const links: LinksFunction = () => [\n  ...(cssBundleHref ? [{ rel: "stylesheet", href: cssBundleHref }] : []),\n];\n\nexport const loader = ({ request }: LoaderFunctionArgs) =>\n  getUserFromSession(request);\n\nexport default function App() {\n  const user = useLoaderData<typeof loader>();\n\n  return (\n    <html lang="en">\n      <head>\n        <meta charSet="utf-8" />\n        <meta name="viewport" content="width=device-width, initial-scale=1" />\n        <Meta />\n        <Links />\n        <link\n          href="//code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css"\n          rel="stylesheet"\n          type="text/css"\n        />\n        <link\n          href="//fonts.googleapis.com/css?family=Titillium+Web:700|Source+Serif+Pro:400,700|Merriweather+Sans:400,700|Source+Sans+Pro:400,300,600,700,300italic,400italic,600italic,700italic"\n          rel="stylesheet"\n          type="text/css"\n        />\n        <link rel="stylesheet" href="//demo.productionready.io/main.css" />\n        <style>{`\n          button {\n            border: 0;\n          }\n        `}</style>\n      </head>\n      <body>\n        <CurrentUser.Provider value={user}>\n          <Header />\n          <Outlet />\n        </CurrentUser.Provider>\n        <ScrollRestoration />\n        <Scripts />\n        <LiveReload />\n      </body>\n    </html>\n  );\n}\n'})}),"\n",(0,a.jsx)(n.p,{children:"At this point, you should end up with the following on the home page:"}),"\n",(0,a.jsxs)("figure",{children:[(0,a.jsx)(n.p,{children:(0,a.jsx)(n.img,{alt:"The feed page of Conduit, including the header, the feed, and the tags. The tabs are still missing.",src:t(6231).A+"",width:"2880",height:"1488"})}),(0,a.jsx)("figcaption",{children:"The feed page of Conduit, including the header, the feed, and the tags. The tabs are still missing."})]}),"\n",(0,a.jsx)(n.h3,{id:"tabs",children:"Tabs"}),"\n",(0,a.jsxs)(n.p,{children:["Now that we can detect the authentication state, let\u2019s also quickly implement the tabs and post likes to be done with the feed page. We need another form, but this page file is getting kind of large, so let\u2019s move these forms into adjacent files. We will create ",(0,a.jsx)(n.code,{children:"Tabs.tsx"}),", ",(0,a.jsx)(n.code,{children:"PopularTags.tsx"}),", and ",(0,a.jsx)(n.code,{children:"Pagination.tsx"})," with the following content:"]}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/feed/ui/Tabs.tsx"',children:'import { useContext } from "react";\nimport { Form, useSearchParams } from "@remix-run/react";\n\nimport { CurrentUser } from "shared/api";\n\nexport function Tabs() {\n  const [searchParams] = useSearchParams();\n  const currentUser = useContext(CurrentUser);\n\n  return (\n    <Form>\n      <div className="feed-toggle">\n        <ul className="nav nav-pills outline-active">\n          {currentUser !== null && (\n            <li className="nav-item">\n              <button\n                name="source"\n                value="my-feed"\n                className={`nav-link ${searchParams.get("source") === "my-feed" ? "active" : ""}`}\n              >\n                Your Feed\n              </button>\n            </li>\n          )}\n          <li className="nav-item">\n            <button\n              className={`nav-link ${searchParams.has("tag") || searchParams.has("source") ? "" : "active"}`}\n            >\n              Global Feed\n            </button>\n          </li>\n          {searchParams.has("tag") && (\n            <li className="nav-item">\n              <span className="nav-link active">\n                <i className="ion-pound"></i> {searchParams.get("tag")}\n              </span>\n            </li>\n          )}\n        </ul>\n      </div>\n    </Form>\n  );\n}\n'})}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/feed/ui/PopularTags.tsx"',children:'import { Form, useLoaderData } from "@remix-run/react";\nimport { ExistingSearchParams } from "remix-utils/existing-search-params";\n\nimport type { loader } from "../api/loader";\n\nexport function PopularTags() {\n  const { tags } = useLoaderData<typeof loader>();\n\n  return (\n    <div className="sidebar">\n      <p>Popular Tags</p>\n\n      <Form>\n        <ExistingSearchParams exclude={["tag", "page", "source"]} />\n        <div className="tag-list">\n          {tags.tags.map((tag) => (\n            <button\n              key={tag}\n              name="tag"\n              value={tag}\n              className="tag-pill tag-default"\n            >\n              {tag}\n            </button>\n          ))}\n        </div>\n      </Form>\n    </div>\n  );\n}\n'})}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/feed/ui/Pagination.tsx"',children:'import { Form, useLoaderData, useSearchParams } from "@remix-run/react";\nimport { ExistingSearchParams } from "remix-utils/existing-search-params";\n\nimport { LIMIT, type loader } from "../api/loader";\n\nexport function Pagination() {\n  const [searchParams] = useSearchParams();\n  const { articles } = useLoaderData<typeof loader>();\n  const pageAmount = Math.ceil(articles.articlesCount / LIMIT);\n  const currentPage = parseInt(searchParams.get("page") ?? "1", 10);\n\n  return (\n    <Form>\n      <ExistingSearchParams exclude={["page"]} />\n      <ul className="pagination">\n        {Array(pageAmount)\n          .fill(null)\n          .map((_, index) =>\n            index + 1 === currentPage ? (\n              <li key={index} className="page-item active">\n                <span className="page-link">{index + 1}</span>\n              </li>\n            ) : (\n              <li key={index} className="page-item">\n                <button className="page-link" name="page" value={index + 1}>\n                  {index + 1}\n                </button>\n              </li>\n            ),\n          )}\n      </ul>\n    </Form>\n  );\n}\n'})}),"\n",(0,a.jsx)(n.p,{children:"And now we can significantly simplify the feed page itself:"}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/feed/ui/FeedPage.tsx"',children:'import { useLoaderData } from "@remix-run/react";\n\nimport type { loader } from "../api/loader";\nimport { ArticlePreview } from "./ArticlePreview";\nimport { Tabs } from "./Tabs";\nimport { PopularTags } from "./PopularTags";\nimport { Pagination } from "./Pagination";\n\nexport function FeedPage() {\n  const { articles } = useLoaderData<typeof loader>();\n\n  return (\n    <div className="home-page">\n      <div className="banner">\n        <div className="container">\n          <h1 className="logo-font">conduit</h1>\n          <p>A place to share your knowledge.</p>\n        </div>\n      </div>\n\n      <div className="container page">\n        <div className="row">\n          <div className="col-md-9">\n            <Tabs />\n\n            {articles.articles.map((article) => (\n              <ArticlePreview key={article.slug} article={article} />\n            ))}\n\n            <Pagination />\n          </div>\n\n          <div className="col-md-3">\n            <PopularTags />\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n}\n'})}),"\n",(0,a.jsx)(n.p,{children:"We also need to account for the new tab in the loader function:"}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/feed/api/loader.ts"',children:'import { json, type LoaderFunctionArgs } from "@remix-run/node";\nimport type { FetchResponse } from "openapi-fetch";\nimport { promiseHash } from "remix-utils/promise";\n\nimport { GET, requireUser } from "shared/api";\n\nasync function throwAnyErrors<T, O, Media extends `${string}/${string}`>(\n  responsePromise: Promise<FetchResponse<T, O, Media>>,\n) {\n  /* unchanged */\n}\n\n/** Amount of articles on one page. */\nexport const LIMIT = 20;\n\nexport const loader = async ({ request }: LoaderFunctionArgs) => {\n  const url = new URL(request.url);\n  const selectedTag = url.searchParams.get("tag") ?? undefined;\n  const page = parseInt(url.searchParams.get("page") ?? "", 10);\n\n  if (url.searchParams.get("source") === "my-feed") {\n    const userSession = await requireUser(request);\n\n    return json(\n      await promiseHash({\n        articles: throwAnyErrors(\n          GET("/articles/feed", {\n            params: {\n              query: {\n                limit: LIMIT,\n                offset: !Number.isNaN(page) ? page * LIMIT : undefined,\n              },\n            },\n            headers: { Authorization: `Token ${userSession.token}` },\n          }),\n        ),\n        tags: throwAnyErrors(GET("/tags")),\n      }),\n    );\n  }\n\n  return json(\n    await promiseHash({\n      articles: throwAnyErrors(\n        GET("/articles", {\n          params: {\n            query: {\n              tag: selectedTag,\n              limit: LIMIT,\n              offset: !Number.isNaN(page) ? page * LIMIT : undefined,\n            },\n          },\n        }),\n      ),\n      tags: throwAnyErrors(GET("/tags")),\n    }),\n  );\n};\n'})}),"\n",(0,a.jsxs)(n.p,{children:["Before we leave the feed page, let\u2019s add some code that handles likes to posts. Change your ",(0,a.jsx)(n.code,{children:"ArticlePreview.tsx"})," to the following:"]}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/feed/ui/ArticlePreview.tsx"',children:'import { Form, Link } from "@remix-run/react";\nimport type { Article } from "shared/api";\n\ninterface ArticlePreviewProps {\n  article: Article;\n}\n\nexport function ArticlePreview({ article }: ArticlePreviewProps) {\n  return (\n    <div className="article-preview">\n      <div className="article-meta">\n        <Link to={`/profile/${article.author.username}`} prefetch="intent">\n          <img src={article.author.image} alt="" />\n        </Link>\n        <div className="info">\n          <Link\n            to={`/profile/${article.author.username}`}\n            className="author"\n            prefetch="intent"\n          >\n            {article.author.username}\n          </Link>\n          <span className="date" suppressHydrationWarning>\n            {new Date(article.createdAt).toLocaleDateString(undefined, {\n              dateStyle: "long",\n            })}\n          </span>\n        </div>\n        <Form\n          method="post"\n          action={`/article/${article.slug}`}\n          preventScrollReset\n        >\n          <button\n            name="_action"\n            value={article.favorited ? "unfavorite" : "favorite"}\n            className={`btn ${article.favorited ? "btn-primary" : "btn-outline-primary"} btn-sm pull-xs-right`}\n          >\n            <i className="ion-heart"></i> {article.favoritesCount}\n          </button>\n        </Form>\n      </div>\n      <Link\n        to={`/article/${article.slug}`}\n        className="preview-link"\n        prefetch="intent"\n      >\n        <h1>{article.title}</h1>\n        <p>{article.description}</p>\n        <span>Read more...</span>\n        <ul className="tag-list">\n          {article.tagList.map((tag) => (\n            <li key={tag} className="tag-default tag-pill tag-outline">\n              {tag}\n            </li>\n          ))}\n        </ul>\n      </Link>\n    </div>\n  );\n}\n'})}),"\n",(0,a.jsxs)(n.p,{children:["This code will send a POST request to ",(0,a.jsx)(n.code,{children:"/article/:slug"}),"  with ",(0,a.jsx)(n.code,{children:"_action=favorite"})," to mark the article as favorite. It won\u2019t work yet, but as we start working on the article reader, we will implement this too."]}),"\n",(0,a.jsx)(n.p,{children:"And with that we are officially done with the feed! Yay!"}),"\n",(0,a.jsx)(n.h3,{id:"article-reader",children:"Article reader"}),"\n",(0,a.jsx)(n.p,{children:"First, we need data. Let\u2019s create a loader:"}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{className:"language-bash",children:"npx fsd pages article-read -s api\n"})}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/article-read/api/loader.ts"',children:'import { json, type LoaderFunctionArgs } from "@remix-run/node";\nimport invariant from "tiny-invariant";\nimport type { FetchResponse } from "openapi-fetch";\nimport { promiseHash } from "remix-utils/promise";\n\nimport { GET, getUserFromSession } from "shared/api";\n\nasync function throwAnyErrors<T, O, Media extends `${string}/${string}`>(\n  responsePromise: Promise<FetchResponse<T, O, Media>>,\n) {\n  const { data, error, response } = await responsePromise;\n\n  if (error !== undefined) {\n    throw json(error, { status: response.status });\n  }\n\n  return data as NonNullable<typeof data>;\n}\n\nexport const loader = async ({ request, params }: LoaderFunctionArgs) => {\n  invariant(params.slug, "Expected a slug parameter");\n  const currentUser = await getUserFromSession(request);\n  const authorization = currentUser\n    ? { Authorization: `Token ${currentUser.token}` }\n    : undefined;\n\n  return json(\n    await promiseHash({\n      article: throwAnyErrors(\n        GET("/articles/{slug}", {\n          params: {\n            path: { slug: params.slug },\n          },\n          headers: authorization,\n        }),\n      ),\n      comments: throwAnyErrors(\n        GET("/articles/{slug}/comments", {\n          params: {\n            path: { slug: params.slug },\n          },\n          headers: authorization,\n        }),\n      ),\n    }),\n  );\n};\n'})}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/article-read/index.ts"',children:'export { loader } from "./api/loader";\n'})}),"\n",(0,a.jsxs)(n.p,{children:["Now we can connect it to the route ",(0,a.jsx)(n.code,{children:"/article/:slug"})," by creating the a route file called ",(0,a.jsx)(n.code,{children:"article.$slug.tsx"}),":"]}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{className:"language-tsx",metastring:'title="app/routes/article.$slug.tsx"',children:'export { loader } from "pages/article-read";\n'})}),"\n",(0,a.jsx)(n.p,{children:"The page itself consists of three main blocks \u2014 the article header with actions (repeated twice), the article body, and the comments section. This is the markup for the page, it\u2019s not particularly interesting:"}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/article-read/ui/ArticleReadPage.tsx"',children:'import { useLoaderData } from "@remix-run/react";\n\nimport type { loader } from "../api/loader";\nimport { ArticleMeta } from "./ArticleMeta";\nimport { Comments } from "./Comments";\n\nexport function ArticleReadPage() {\n  const { article } = useLoaderData<typeof loader>();\n\n  return (\n    <div className="article-page">\n      <div className="banner">\n        <div className="container">\n          <h1>{article.article.title}</h1>\n\n          <ArticleMeta />\n        </div>\n      </div>\n\n      <div className="container page">\n        <div className="row article-content">\n          <div className="col-md-12">\n            <p>{article.article.body}</p>\n            <ul className="tag-list">\n              {article.article.tagList.map((tag) => (\n                <li className="tag-default tag-pill tag-outline" key={tag}>\n                  {tag}\n                </li>\n              ))}\n            </ul>\n          </div>\n        </div>\n\n        <hr />\n\n        <div className="article-actions">\n          <ArticleMeta />\n        </div>\n\n        <div className="row">\n          <Comments />\n        </div>\n      </div>\n    </div>\n  );\n}\n'})}),"\n",(0,a.jsxs)(n.p,{children:["What\u2019s more interesting is the ",(0,a.jsx)(n.code,{children:"ArticleMeta"})," and ",(0,a.jsx)(n.code,{children:"Comments"}),". They contain write operations such as liking an article, leaving a comment, etc. To get them to work, we first need to implement the backend part. Create ",(0,a.jsx)(n.code,{children:"action.ts"})," in the ",(0,a.jsx)(n.code,{children:"api"})," segment of the page:"]}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/article-read/api/action.ts"',children:'import { redirect, type ActionFunctionArgs } from "@remix-run/node";\nimport { namedAction } from "remix-utils/named-action";\nimport { redirectBack } from "remix-utils/redirect-back";\nimport invariant from "tiny-invariant";\n\nimport { DELETE, POST, requireUser } from "shared/api";\n\nexport const action = async ({ request, params }: ActionFunctionArgs) => {\n  const currentUser = await requireUser(request);\n\n  const authorization = { Authorization: `Token ${currentUser.token}` };\n\n  const formData = await request.formData();\n\n  return namedAction(formData, {\n    async delete() {\n      invariant(params.slug, "Expected a slug parameter");\n      await DELETE("/articles/{slug}", {\n        params: { path: { slug: params.slug } },\n        headers: authorization,\n      });\n      return redirect("/");\n    },\n    async favorite() {\n      invariant(params.slug, "Expected a slug parameter");\n      await POST("/articles/{slug}/favorite", {\n        params: { path: { slug: params.slug } },\n        headers: authorization,\n      });\n      return redirectBack(request, { fallback: "/" });\n    },\n    async unfavorite() {\n      invariant(params.slug, "Expected a slug parameter");\n      await DELETE("/articles/{slug}/favorite", {\n        params: { path: { slug: params.slug } },\n        headers: authorization,\n      });\n      return redirectBack(request, { fallback: "/" });\n    },\n    async createComment() {\n      invariant(params.slug, "Expected a slug parameter");\n      const comment = formData.get("comment");\n      invariant(typeof comment === "string", "Expected a comment parameter");\n      await POST("/articles/{slug}/comments", {\n        params: { path: { slug: params.slug } },\n        headers: { ...authorization, "Content-Type": "application/json" },\n        body: { comment: { body: comment } },\n      });\n      return redirectBack(request, { fallback: "/" });\n    },\n    async deleteComment() {\n      invariant(params.slug, "Expected a slug parameter");\n      const commentId = formData.get("id");\n      invariant(typeof commentId === "string", "Expected an id parameter");\n      const commentIdNumeric = parseInt(commentId, 10);\n      invariant(\n        !Number.isNaN(commentIdNumeric),\n        "Expected a numeric id parameter",\n      );\n      await DELETE("/articles/{slug}/comments/{id}", {\n        params: { path: { slug: params.slug, id: commentIdNumeric } },\n        headers: authorization,\n      });\n      return redirectBack(request, { fallback: "/" });\n    },\n    async followAuthor() {\n      const authorUsername = formData.get("username");\n      invariant(\n        typeof authorUsername === "string",\n        "Expected a username parameter",\n      );\n      await POST("/profiles/{username}/follow", {\n        params: { path: { username: authorUsername } },\n        headers: authorization,\n      });\n      return redirectBack(request, { fallback: "/" });\n    },\n    async unfollowAuthor() {\n      const authorUsername = formData.get("username");\n      invariant(\n        typeof authorUsername === "string",\n        "Expected a username parameter",\n      );\n      await DELETE("/profiles/{username}/follow", {\n        params: { path: { username: authorUsername } },\n        headers: authorization,\n      });\n      return redirectBack(request, { fallback: "/" });\n    },\n  });\n};\n'})}),"\n",(0,a.jsx)(n.p,{children:"Export that from the slice and then from the route. While we\u2019re at it, let\u2019s also connect the page itself:"}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/article-read/index.ts"',children:'export { ArticleReadPage } from "./ui/ArticleReadPage";\nexport { loader } from "./api/loader";\nexport { action } from "./api/action";\n'})}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{className:"language-tsx",metastring:'title="app/routes/article.$slug.tsx"',children:'import { ArticleReadPage } from "pages/article-read";\n\nexport { loader, action } from "pages/article-read";\n\nexport default ArticleReadPage;\n'})}),"\n",(0,a.jsx)(n.p,{children:"Now, even though we haven\u2019t implemented the like button on the reader page yet, the like button in the feed will start working! That\u2019s because it\u2019s been sending \u201clike\u201d requests to this route. Give that a try."}),"\n",(0,a.jsxs)(n.p,{children:[(0,a.jsx)(n.code,{children:"ArticleMeta"})," and ",(0,a.jsx)(n.code,{children:"Comments"})," are, again, a bunch of forms. We\u2019ve done this before, let\u2019s grab their code and move on:"]}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/article-read/ui/ArticleMeta.tsx"',children:'import { Form, Link, useLoaderData } from "@remix-run/react";\nimport { useContext } from "react";\n\nimport { CurrentUser } from "shared/api";\nimport type { loader } from "../api/loader";\n\nexport function ArticleMeta() {\n  const currentUser = useContext(CurrentUser);\n  const { article } = useLoaderData<typeof loader>();\n\n  return (\n    <Form method="post">\n      <div className="article-meta">\n        <Link\n          prefetch="intent"\n          to={`/profile/${article.article.author.username}`}\n        >\n          <img src={article.article.author.image} alt="" />\n        </Link>\n\n        <div className="info">\n          <Link\n            prefetch="intent"\n            to={`/profile/${article.article.author.username}`}\n            className="author"\n          >\n            {article.article.author.username}\n          </Link>\n          <span className="date">{article.article.createdAt}</span>\n        </div>\n\n        {article.article.author.username == currentUser?.username ? (\n          <>\n            <Link\n              prefetch="intent"\n              to={`/editor/${article.article.slug}`}\n              className="btn btn-sm btn-outline-secondary"\n            >\n              <i className="ion-edit"></i> Edit Article\n            </Link>\n            &nbsp;&nbsp;\n            <button\n              name="_action"\n              value="delete"\n              className="btn btn-sm btn-outline-danger"\n            >\n              <i className="ion-trash-a"></i> Delete Article\n            </button>\n          </>\n        ) : (\n          <>\n            <input\n              name="username"\n              value={article.article.author.username}\n              type="hidden"\n            />\n            <button\n              name="_action"\n              value={\n                article.article.author.following\n                  ? "unfollowAuthor"\n                  : "followAuthor"\n              }\n              className={`btn btn-sm ${article.article.author.following ? "btn-secondary" : "btn-outline-secondary"}`}\n            >\n              <i className="ion-plus-round"></i>\n              &nbsp;{" "}\n              {article.article.author.following\n                ? "Unfollow"\n                : "Follow"}{" "}\n              {article.article.author.username}\n            </button>\n            &nbsp;&nbsp;\n            <button\n              name="_action"\n              value={article.article.favorited ? "unfavorite" : "favorite"}\n              className={`btn btn-sm ${article.article.favorited ? "btn-primary" : "btn-outline-primary"}`}\n            >\n              <i className="ion-heart"></i>\n              &nbsp; {article.article.favorited\n                ? "Unfavorite"\n                : "Favorite"}{" "}\n              Post{" "}\n              <span className="counter">\n                ({article.article.favoritesCount})\n              </span>\n            </button>\n          </>\n        )}\n      </div>\n    </Form>\n  );\n}\n'})}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/article-read/ui/Comments.tsx"',children:'import { useContext } from "react";\nimport { Form, Link, useLoaderData } from "@remix-run/react";\n\nimport { CurrentUser } from "shared/api";\nimport type { loader } from "../api/loader";\n\nexport function Comments() {\n  const { comments } = useLoaderData<typeof loader>();\n  const currentUser = useContext(CurrentUser);\n\n  return (\n    <div className="col-xs-12 col-md-8 offset-md-2">\n      {currentUser !== null ? (\n        <Form\n          preventScrollReset={true}\n          method="post"\n          className="card comment-form"\n        >\n          <div className="card-block">\n            <textarea\n              required\n              className="form-control"\n              name="comment"\n              placeholder="Write a comment..."\n              rows={3}\n            ></textarea>\n          </div>\n          <div className="card-footer">\n            <img\n              src={currentUser.image}\n              className="comment-author-img"\n              alt=""\n            />\n            <button\n              className="btn btn-sm btn-primary"\n              name="_action"\n              value="createComment"\n            >\n              Post Comment\n            </button>\n          </div>\n        </Form>\n      ) : (\n        <div className="row">\n          <div className="col-xs-12 col-md-8 offset-md-2">\n            <p>\n              <Link to="/login">Sign in</Link>\n              &nbsp; or &nbsp;\n              <Link to="/register">Sign up</Link>\n              &nbsp; to add comments on this article.\n            </p>\n          </div>\n        </div>\n      )}\n\n      {comments.comments.map((comment) => (\n        <div className="card" key={comment.id}>\n          <div className="card-block">\n            <p className="card-text">{comment.body}</p>\n          </div>\n\n          <div className="card-footer">\n            <Link\n              to={`/profile/${comment.author.username}`}\n              className="comment-author"\n            >\n              <img\n                src={comment.author.image}\n                className="comment-author-img"\n                alt=""\n              />\n            </Link>\n            &nbsp;\n            <Link\n              to={`/profile/${comment.author.username}`}\n              className="comment-author"\n            >\n              {comment.author.username}\n            </Link>\n            <span className="date-posted">{comment.createdAt}</span>\n            {comment.author.username === currentUser?.username && (\n              <span className="mod-options">\n                <Form method="post" preventScrollReset={true}>\n                  <input type="hidden" name="id" value={comment.id} />\n                  <button\n                    name="_action"\n                    value="deleteComment"\n                    style={{\n                      border: "none",\n                      outline: "none",\n                      backgroundColor: "transparent",\n                    }}\n                  >\n                    <i className="ion-trash-a"></i>\n                  </button>\n                </Form>\n              </span>\n            )}\n          </div>\n        </div>\n      ))}\n    </div>\n  );\n}\n'})}),"\n",(0,a.jsx)(n.p,{children:"And with that our article reader is also complete! The buttons to follow the author, like a post, and leave a comment should now function as expected."}),"\n",(0,a.jsxs)("figure",{children:[(0,a.jsx)(n.p,{children:(0,a.jsx)(n.img,{alt:"Article reader with functioning buttons to like and follow",src:t(6953).A+"",width:"2880",height:"1488"})}),(0,a.jsx)("figcaption",{children:"Article reader with functioning buttons to like and follow"})]}),"\n",(0,a.jsx)(n.h3,{id:"article-editor",children:"Article editor"}),"\n",(0,a.jsx)(n.p,{children:"This is the last page that we will cover in this tutorial, and the most interesting part here is how we\u2019re going to validate form data."}),"\n",(0,a.jsxs)(n.p,{children:["The page itself, ",(0,a.jsx)(n.code,{children:"article-edit/ui/ArticleEditPage.tsx"}),", will be quite simple, extra complexity stowed away into two other components:"]}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/article-edit/ui/ArticleEditPage.tsx"',children:'import { Form, useLoaderData } from "@remix-run/react";\n\nimport type { loader } from "../api/loader";\nimport { TagsInput } from "./TagsInput";\nimport { FormErrors } from "./FormErrors";\n\nexport function ArticleEditPage() {\n  const article = useLoaderData<typeof loader>();\n\n  return (\n    <div className="editor-page">\n      <div className="container page">\n        <div className="row">\n          <div className="col-md-10 offset-md-1 col-xs-12">\n            <FormErrors />\n\n            <Form method="post">\n              <fieldset>\n                <fieldset className="form-group">\n                  <input\n                    type="text"\n                    className="form-control form-control-lg"\n                    name="title"\n                    placeholder="Article Title"\n                    defaultValue={article.article?.title}\n                  />\n                </fieldset>\n                <fieldset className="form-group">\n                  <input\n                    type="text"\n                    className="form-control"\n                    name="description"\n                    placeholder="What\'s this article about?"\n                    defaultValue={article.article?.description}\n                  />\n                </fieldset>\n                <fieldset className="form-group">\n                  <textarea\n                    className="form-control"\n                    name="body"\n                    rows={8}\n                    placeholder="Write your article (in markdown)"\n                    defaultValue={article.article?.body}\n                  ></textarea>\n                </fieldset>\n                <fieldset className="form-group">\n                  <TagsInput\n                    name="tags"\n                    defaultValue={article.article?.tagList ?? []}\n                  />\n                </fieldset>\n\n                <button className="btn btn-lg pull-xs-right btn-primary">\n                  Publish Article\n                </button>\n              </fieldset>\n            </Form>\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n}\n'})}),"\n",(0,a.jsxs)(n.p,{children:["This page gets the current article (unless we\u2019re writing from scratch) and fills in the corresponding form fields. We\u2019ve seen this before. The interesting part is ",(0,a.jsx)(n.code,{children:"FormErrors"}),", because it will receive the validation result and display it to the user. Let\u2019s take a look:"]}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/article-edit/ui/FormErrors.tsx"',children:'import { useActionData } from "@remix-run/react";\nimport type { action } from "../api/action";\n\nexport function FormErrors() {\n  const actionData = useActionData<typeof action>();\n\n  return actionData?.errors != null ? (\n    <ul className="error-messages">\n      {actionData.errors.map((error) => (\n        <li key={error}>{error}</li>\n      ))}\n    </ul>\n  ) : null;\n}\n'})}),"\n",(0,a.jsxs)(n.p,{children:["Here we are assuming that our action will return the ",(0,a.jsx)(n.code,{children:"errors"})," field, an array of human-readable error messages. We will get to the action shortly."]}),"\n",(0,a.jsx)(n.p,{children:"Another component is the tags input. It\u2019s just a plain input field with an additional preview of chosen tags. Not much to see here:"}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/article-edit/ui/TagsInput.tsx"',children:'import { useEffect, useRef, useState } from "react";\n\nexport function TagsInput({\n  name,\n  defaultValue,\n}: {\n  name: string;\n  defaultValue?: Array<string>;\n}) {\n  const [tagListState, setTagListState] = useState(defaultValue ?? []);\n\n  function removeTag(tag: string): void {\n    const newTagList = tagListState.filter((t) => t !== tag);\n    setTagListState(newTagList);\n  }\n\n  const tagsInput = useRef<HTMLInputElement>(null);\n  useEffect(() => {\n    tagsInput.current && (tagsInput.current.value = tagListState.join(","));\n  }, [tagListState]);\n\n  return (\n    <>\n      <input\n        type="text"\n        className="form-control"\n        id="tags"\n        name={name}\n        placeholder="Enter tags"\n        defaultValue={tagListState.join(",")}\n        onChange={(e) =>\n          setTagListState(e.target.value.split(",").filter(Boolean))\n        }\n      />\n      <div className="tag-list">\n        {tagListState.map((tag) => (\n          <span className="tag-default tag-pill" key={tag}>\n            <i\n              className="ion-close-round"\n              role="button"\n              tabIndex={0}\n              onKeyDown={(e) =>\n                [" ", "Enter"].includes(e.key) && removeTag(tag)\n              }\n              onClick={() => removeTag(tag)}\n            ></i>{" "}\n            {tag}\n          </span>\n        ))}\n      </div>\n    </>\n  );\n}\n'})}),"\n",(0,a.jsx)(n.p,{children:"Now, for the API part. The loader should look at the URL, and if it contains an article slug, that means we\u2019re editing an existing article, and its data should be loaded. Otherwise, return nothing. Let\u2019s create that loader:"}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{className:"language-ts",metastring:'title="pages/article-edit/api/loader.ts"',children:'import { json, type LoaderFunctionArgs } from "@remix-run/node";\nimport type { FetchResponse } from "openapi-fetch";\n\nimport { GET, requireUser } from "shared/api";\n\nasync function throwAnyErrors<T, O, Media extends `${string}/${string}`>(\n  responsePromise: Promise<FetchResponse<T, O, Media>>,\n) {\n  const { data, error, response } = await responsePromise;\n\n  if (error !== undefined) {\n    throw json(error, { status: response.status });\n  }\n\n  return data as NonNullable<typeof data>;\n}\n\nexport const loader = async ({ params, request }: LoaderFunctionArgs) => {\n  const currentUser = await requireUser(request);\n\n  if (!params.slug) {\n    return { article: null };\n  }\n\n  return throwAnyErrors(\n    GET("/articles/{slug}", {\n      params: { path: { slug: params.slug } },\n      headers: { Authorization: `Token ${currentUser.token}` },\n    }),\n  );\n};\n'})}),"\n",(0,a.jsx)(n.p,{children:"The action will take the new field values, run them through our data schema, and if everything is correct, commit those changes to the backend, either by updating an existing article or creating a new one:"}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/article-edit/api/action.ts"',children:'import { json, redirect, type ActionFunctionArgs } from "@remix-run/node";\n\nimport { POST, PUT, requireUser } from "shared/api";\nimport { parseAsArticle } from "../model/parseAsArticle";\n\nexport const action = async ({ request, params }: ActionFunctionArgs) => {\n  try {\n    const { body, description, title, tags } = parseAsArticle(\n      await request.formData(),\n    );\n    const tagList = tags?.split(",") ?? [];\n\n    const currentUser = await requireUser(request);\n    const payload = {\n      body: {\n        article: {\n          title,\n          description,\n          body,\n          tagList,\n        },\n      },\n      headers: { Authorization: `Token ${currentUser.token}` },\n    };\n\n    const { data, error } = await (params.slug\n      ? PUT("/articles/{slug}", {\n          params: { path: { slug: params.slug } },\n          ...payload,\n        })\n      : POST("/articles", payload));\n\n    if (error) {\n      return json({ errors: error }, { status: 422 });\n    }\n\n    return redirect(`/article/${data.article.slug ?? ""}`);\n  } catch (errors) {\n    return json({ errors }, { status: 400 });\n  }\n};\n'})}),"\n",(0,a.jsxs)(n.p,{children:["The schema doubles as a parsing function for ",(0,a.jsx)(n.code,{children:"FormData"}),", which allows us to conveniently get the clean fields or just throw the errors to handle at the end. Here\u2019s how that parsing function could look:"]}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/article-edit/model/parseAsArticle.ts"',children:'export function parseAsArticle(data: FormData) {\n  const errors = [];\n\n  const title = data.get("title");\n  if (typeof title !== "string" || title === "") {\n    errors.push("Give this article a title");\n  }\n\n  const description = data.get("description");\n  if (typeof description !== "string" || description === "") {\n    errors.push("Describe what this article is about");\n  }\n\n  const body = data.get("body");\n  if (typeof body !== "string" || body === "") {\n    errors.push("Write the article itself");\n  }\n\n  const tags = data.get("tags");\n  if (typeof tags !== "string") {\n    errors.push("The tags must be a string");\n  }\n\n  if (errors.length > 0) {\n    throw errors;\n  }\n\n  return { title, description, body, tags: data.get("tags") ?? "" } as {\n    title: string;\n    description: string;\n    body: string;\n    tags: string;\n  };\n}\n'})}),"\n",(0,a.jsx)(n.p,{children:"Arguably, it\u2019s a bit lengthy and repetitive, but that\u2019s the price we pay for human-readable errors. This could also be a Zod schema, for example, but then we would have to render error messages on the frontend, and this form is not worth the complication."}),"\n",(0,a.jsxs)(n.p,{children:["One last step \u2014 connect the page, the loader, and the action to the routes. Since we neatly support both creation and editing, we can export the same thing from both ",(0,a.jsx)(n.code,{children:"editor._index.tsx"})," and ",(0,a.jsx)(n.code,{children:"editor.$slug.tsx"}),":"]}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/article-edit/index.ts"',children:'export { ArticleEditPage } from "./ui/ArticleEditPage";\nexport { loader } from "./api/loader";\nexport { action } from "./api/action";\n'})}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{className:"language-tsx",metastring:'title="app/routes/editor._index.tsx, app/routes/editor.$slug.tsx (same content)"',children:'import { ArticleEditPage } from "pages/article-edit";\n\nexport { loader, action } from "pages/article-edit";\n\nexport default ArticleEditPage;\n'})}),"\n",(0,a.jsx)(n.p,{children:"We\u2019re done now! Log in and try creating a new article. Or \u201cforget\u201d to write the article and see the validation kick in."}),"\n",(0,a.jsxs)("figure",{children:[(0,a.jsx)(n.p,{children:(0,a.jsx)(n.img,{alt:"The Conduit article editor, with the title field saying \u201cNew article\u201d and the rest of the fields empty. Above the form there are two errors: \u201cDescribe what this article is about\u201d and \u201cWrite the article itself\u201d.",src:t(6011).A+"",width:"2880",height:"1488"})}),(0,a.jsxs)("figcaption",{children:["The Conduit article editor, with the title field saying \u201cNew article\u201d and the rest of the fields empty. Above the form there are two errors: ",(0,a.jsx)(n.strong,{children:"\u201cDescribe what this article is about\u201d"})," and ",(0,a.jsx)(n.strong,{children:"\u201cWrite the article itself\u201d"}),"."]})]}),"\n",(0,a.jsx)(n.p,{children:"The profile and settings pages are very similar to the article reader and editor, they are left as an exercise for the reader, that\u2019s you :)"})]})}function h(e={}){const{wrapper:n}={...(0,r.R)(),...e.components};return n?(0,a.jsx)(n,{...e,children:(0,a.jsx)(d,{...e})}):d(e)}},8891:(e,n,t)=>{t.d(n,{A:()=>a});const a=t.p+"assets/images/conduit-banner-a20e38edcd109ee21a8b1426d93a66b3.jpg"},6011:(e,n,t)=>{t.d(n,{A:()=>a});const a=t.p+"assets/images/realworld-article-editor-bc3ee45c96ae905fdbb54d6463d12723.jpg"},6953:(e,n,t)=>{t.d(n,{A:()=>a});const a=t.p+"assets/images/realworld-article-reader-6a420e4f2afe139d2bdd54d62974f0b9.jpg"},9922:(e,n,t)=>{t.d(n,{A:()=>a});const a=t.p+"assets/images/realworld-editor-authenticated-10de4d01479270886859e08592045b1e.jpg"},9703:(e,n,t)=>{t.d(n,{A:()=>a});const a=t.p+"assets/images/realworld-feed-anonymous-8cbba45f488931979f6c8da8968ad685.jpg"},1405:(e,n,t)=>{t.d(n,{A:()=>a});const a=t.p+"assets/images/realworld-feed-authenticated-15427d9ff7baae009b47b501bee6c059.jpg"},6231:(e,n,t)=>{t.d(n,{A:()=>a});const a=t.p+"assets/images/realworld-feed-without-tabs-5da4c9072101ac20e82e2234bd3badbe.jpg"},1100:(e,n,t)=>{t.d(n,{R:()=>i,x:()=>o});var a=t(758);const r={},s=a.createContext(r);function i(e){const n=a.useContext(s);return a.useMemo((function(){return"function"==typeof e?e(n):{...n,...e}}),[n,e])}function o(e){let n;return n=e.disableParentContext?"function"==typeof e.components?e.components(r):e.components||r:i(e.components),a.createElement(s.Provider,{value:n},e.children)}}}]);
\ No newline at end of file
+"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[4472],{4673:(e,n,t)=>{t.r(n),t.d(n,{assets:()=>l,contentTitle:()=>i,default:()=>h,frontMatter:()=>s,metadata:()=>o,toc:()=>c});var a=t(6070),r=t(1100);const s={sidebar_position:2},i="Tutorial",o={id:"get-started/tutorial",title:"Tutorial",description:"Part 1. On paper",source:"@site/i18n/en/docusaurus-plugin-content-docs/current/get-started/tutorial.md",sourceDirName:"get-started",slug:"/get-started/tutorial",permalink:"/docs/get-started/tutorial",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/get-started/tutorial.md",tags:[],version:"current",lastUpdatedAt:1728325386e3,sidebarPosition:2,frontMatter:{sidebar_position:2},sidebar:"getstartedSidebar",previous:{title:"Overview",permalink:"/docs/get-started/overview"},next:{title:"FAQ",permalink:"/docs/get-started/faq"}},l={},c=[{value:"Part 1. On paper",id:"part-1-on-paper",level:2},{value:"Start by listing the pages",id:"start-by-listing-the-pages",level:3},{value:"Close look at the feed",id:"close-look-at-the-feed",level:3},{value:"List of tags",id:"list-of-tags",level:4},{value:"Articles",id:"articles",level:4},{value:"Reuse generic code",id:"reuse-generic-code",level:3},{value:"Define a strict public API",id:"define-a-strict-public-api",level:3},{value:"Large reused blocks in the UI",id:"large-reused-blocks-in-the-ui",level:3},{value:"Close look at a page with a form",id:"close-look-at-a-page-with-a-form",level:3},{value:"Summary",id:"summary",level:3},{value:"Part 2. In code",id:"part-2-in-code",level:2},{value:"Lay out the pages",id:"lay-out-the-pages",level:3},{value:"Connect the feed page",id:"connect-the-feed-page",level:3},{value:"API client",id:"api-client",level:3},{value:"Real data in the feed",id:"real-data-in-the-feed",level:3},{value:"Filtering by tag",id:"filtering-by-tag",level:3},{value:"Pagination",id:"pagination",level:3},{value:"Authentication",id:"authentication",level:3},{value:"Header",id:"header",level:3},{value:"Tabs",id:"tabs",level:3},{value:"Article reader",id:"article-reader",level:3},{value:"Article editor",id:"article-editor",level:3}];function d(e){const n={a:"a",code:"code",em:"em",h1:"h1",h2:"h2",h3:"h3",h4:"h4",header:"header",img:"img",li:"li",ol:"ol",p:"p",pre:"pre",strong:"strong",ul:"ul",...(0,r.R)(),...e.components};return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(n.header,{children:(0,a.jsx)(n.h1,{id:"tutorial",children:"Tutorial"})}),"\n",(0,a.jsx)(n.h2,{id:"part-1-on-paper",children:"Part 1. On paper"}),"\n",(0,a.jsxs)(n.p,{children:["This tutorial will examine the Real World App, also known as Conduit. Conduit is a basic ",(0,a.jsx)(n.a,{href:"https://medium.com/",children:"Medium"})," clone \u2014 it lets you read and write articles as well as comment on the articles of others."]}),"\n",(0,a.jsx)(n.p,{children:(0,a.jsx)(n.img,{alt:"Conduit home page",src:t(9703).A+"",width:"2880",height:"1504"})}),"\n",(0,a.jsxs)(n.p,{children:["This is a pretty small application, so we will keep it simple and avoid excessive decomposition. It\u2019s highly likely that the entire app will fit into just three layers: ",(0,a.jsx)(n.strong,{children:"App"}),", ",(0,a.jsx)(n.strong,{children:"Pages"}),", and ",(0,a.jsx)(n.strong,{children:"Shared"}),". If not, we will introduce additional layers as we go. Ready?"]}),"\n",(0,a.jsx)(n.h3,{id:"start-by-listing-the-pages",children:"Start by listing the pages"}),"\n",(0,a.jsx)(n.p,{children:"If we look at the screenshot above, we can assume at least the following pages:"}),"\n",(0,a.jsxs)(n.ul,{children:["\n",(0,a.jsx)(n.li,{children:"Home (article feed)"}),"\n",(0,a.jsx)(n.li,{children:"Sign in and sign up"}),"\n",(0,a.jsx)(n.li,{children:"Article reader"}),"\n",(0,a.jsx)(n.li,{children:"Article editor"}),"\n",(0,a.jsx)(n.li,{children:"User profile viewer"}),"\n",(0,a.jsx)(n.li,{children:"User profile editor (user settings)"}),"\n"]}),"\n",(0,a.jsxs)(n.p,{children:["Every one of these pages will become its own ",(0,a.jsx)(n.em,{children:"slice"})," on the Pages ",(0,a.jsx)(n.em,{children:"layer"}),". Recall from the overview that slices are simply folders inside of layers and layers are simply folders with predefined names like ",(0,a.jsx)(n.code,{children:"pages"}),"."]}),"\n",(0,a.jsx)(n.p,{children:"As such, our Pages folder will look like this:"}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{children:"\ud83d\udcc2 pages/\n  \ud83d\udcc1 feed/\n  \ud83d\udcc1 sign-in/\n  \ud83d\udcc1 article-read/\n  \ud83d\udcc1 article-edit/\n  \ud83d\udcc1 profile/\n  \ud83d\udcc1 settings/\n"})}),"\n",(0,a.jsxs)(n.p,{children:["The key difference of Feature-Sliced Design from an unregulated code structure is that pages cannot reference each other. That is, one page cannot import code from another page. This is due to the ",(0,a.jsx)(n.strong,{children:"import rule on layers"}),":"]}),"\n",(0,a.jsx)(n.p,{children:(0,a.jsx)(n.em,{children:"A module in a slice can only import other slices when they are located on layers strictly below."})}),"\n",(0,a.jsx)(n.p,{children:"In this case, a page is a slice, so modules (files) inside this page can only reference code from layers below, not from the same layer, Pages."}),"\n",(0,a.jsx)(n.h3,{id:"close-look-at-the-feed",children:"Close look at the feed"}),"\n",(0,a.jsxs)("figure",{children:[(0,a.jsx)(n.p,{children:(0,a.jsx)(n.img,{alt:"Anonymous user\u2019s perspective",src:t(9703).A+"",width:"2880",height:"1504"})}),(0,a.jsx)("figcaption",{children:(0,a.jsx)(n.p,{children:(0,a.jsx)(n.em,{children:"Anonymous user\u2019s perspective"})})})]}),"\n",(0,a.jsxs)("figure",{children:[(0,a.jsx)(n.p,{children:(0,a.jsx)(n.img,{alt:"Authenticated user\u2019s perspective",src:t(1405).A+"",width:"2880",height:"1504"})}),(0,a.jsx)("figcaption",{children:(0,a.jsx)(n.p,{children:(0,a.jsx)(n.em,{children:"Authenticated user\u2019s perspective"})})})]}),"\n",(0,a.jsx)(n.p,{children:"There are three dynamic areas on the feed page:"}),"\n",(0,a.jsxs)(n.ol,{children:["\n",(0,a.jsx)(n.li,{children:"Sign-in links with an indication if you are signed in"}),"\n",(0,a.jsx)(n.li,{children:"List of tags that triggers filtering in the feed"}),"\n",(0,a.jsx)(n.li,{children:"One/two feeds of articles, each article with a like button"}),"\n"]}),"\n",(0,a.jsx)(n.p,{children:"The sign-in links are a part of a header that is common to all pages, we will revisit it separately."}),"\n",(0,a.jsx)(n.h4,{id:"list-of-tags",children:"List of tags"}),"\n",(0,a.jsxs)(n.p,{children:["To build the list of tags, we need to fetch the available tags, render each tag as a chip, and store the selected tags in a client-side storage. These operations fall into categories \u201cAPI interaction\u201d, \u201cuser interface\u201d, and \u201cstorage\u201d, respectively. In Feature-Sliced Design, code is separated by purpose using ",(0,a.jsx)(n.em,{children:"segments"}),". Segments are folders in slices, and they can have arbitrary names that describe the purpose, but some purposes are so common that there\u2019s a convention for certain segment names:"]}),"\n",(0,a.jsxs)(n.ul,{children:["\n",(0,a.jsxs)(n.li,{children:["\ud83d\udcc2\xa0",(0,a.jsx)(n.code,{children:"api/"})," for backend interactions"]}),"\n",(0,a.jsxs)(n.li,{children:["\ud83d\udcc2\xa0",(0,a.jsx)(n.code,{children:"ui/"})," for code that handles rendering and appearance"]}),"\n",(0,a.jsxs)(n.li,{children:["\ud83d\udcc2\xa0",(0,a.jsx)(n.code,{children:"model/"})," for storage and business logic"]}),"\n",(0,a.jsxs)(n.li,{children:["\ud83d\udcc2\xa0",(0,a.jsx)(n.code,{children:"config/"})," for feature flags, environment variables and other forms of configuration"]}),"\n"]}),"\n",(0,a.jsxs)(n.p,{children:["We will place code that fetches tags into ",(0,a.jsx)(n.code,{children:"api"}),", the tag component into ",(0,a.jsx)(n.code,{children:"ui"}),", and the storage interaction into ",(0,a.jsx)(n.code,{children:"model"}),"."]}),"\n",(0,a.jsx)(n.h4,{id:"articles",children:"Articles"}),"\n",(0,a.jsx)(n.p,{children:"Using the same grouping principles, we can decompose the feed of articles into the same three segments:"}),"\n",(0,a.jsxs)(n.ul,{children:["\n",(0,a.jsxs)(n.li,{children:["\ud83d\udcc2\xa0",(0,a.jsx)(n.code,{children:"api/"}),": fetch paginated articles with like count; like an article"]}),"\n",(0,a.jsxs)(n.li,{children:["\ud83d\udcc2\xa0",(0,a.jsx)(n.code,{children:"ui/"}),":","\n",(0,a.jsxs)(n.ul,{children:["\n",(0,a.jsx)(n.li,{children:"tab list that can render an extra tab if a tag is selected"}),"\n",(0,a.jsx)(n.li,{children:"individual article"}),"\n",(0,a.jsx)(n.li,{children:"functional pagination"}),"\n"]}),"\n"]}),"\n",(0,a.jsxs)(n.li,{children:["\ud83d\udcc2\xa0",(0,a.jsx)(n.code,{children:"model/"}),": client-side storage of the currently loaded articles and current page (if needed)"]}),"\n"]}),"\n",(0,a.jsx)(n.h3,{id:"reuse-generic-code",children:"Reuse generic code"}),"\n",(0,a.jsxs)(n.p,{children:["Most pages are very different in intent, but certain things stay the same across the entire app \u2014 for example, the UI kit that conforms to the design language, or the convention on the backend that everything is done with a REST API with the same authentication method. Since slices are meant to be isolated, code reuse is facilitated by a lower layer, ",(0,a.jsx)(n.strong,{children:"Shared"}),"."]}),"\n",(0,a.jsx)(n.p,{children:"Shared is different from other layers in the sense that it contains segments, not slices. In this way, the Shared layer can be thought of as a hybrid between a layer and a slice."}),"\n",(0,a.jsx)(n.p,{children:"Usually, the code in Shared is not planned ahead of time, but rather extracted during development, because only during development does it become clear which parts of code are actually shared. However, it\u2019s still helpful to keep a mental note of what kind of code naturally belongs in Shared:"}),"\n",(0,a.jsxs)(n.ul,{children:["\n",(0,a.jsxs)(n.li,{children:["\ud83d\udcc2\xa0",(0,a.jsx)(n.code,{children:"ui/"})," \u2014 the UI kit, pure appearance, no business logic. For example, buttons, modal dialogs, form inputs."]}),"\n",(0,a.jsxs)(n.li,{children:["\ud83d\udcc2\xa0",(0,a.jsx)(n.code,{children:"api/"})," \u2014 convenience wrappers around request making primitives (like ",(0,a.jsx)(n.code,{children:"fetch()"})," on the Web) and, optionally, functions for triggering particular requests according to the backend specification."]}),"\n",(0,a.jsxs)(n.li,{children:["\ud83d\udcc2\xa0",(0,a.jsx)(n.code,{children:"config/"})," \u2014 parsing environment variables"]}),"\n",(0,a.jsxs)(n.li,{children:["\ud83d\udcc2\xa0",(0,a.jsx)(n.code,{children:"i18n/"})," \u2014 configuration of language support"]}),"\n",(0,a.jsxs)(n.li,{children:["\ud83d\udcc2\xa0",(0,a.jsx)(n.code,{children:"router/"})," \u2014 routing primitives and route constants"]}),"\n"]}),"\n",(0,a.jsxs)(n.p,{children:["Those are just a few examples of segment names in Shared, but you can omit any of them or create your own. The only important thing to remember when creating new segments is that segment names should describe ",(0,a.jsx)(n.strong,{children:"purpose (the why), not essence (the what)"}),". Names like \u201ccomponents\u201d, \u201chooks\u201d, \u201cmodals\u201d ",(0,a.jsx)(n.em,{children:"should not"})," be used because they describe what these files are, but don\u2019t help to navigate the code inside. This requires people on the team to dig through every file in such folders and also keeps unrelated code close, which leads to broad areas of code being affected by refactoring and thus makes code review and testing harder."]}),"\n",(0,a.jsx)(n.h3,{id:"define-a-strict-public-api",children:"Define a strict public API"}),"\n",(0,a.jsxs)(n.p,{children:["In the context of Feature-Sliced Design, the term ",(0,a.jsx)(n.em,{children:"public API"})," refers to a slice or segment declaring what can be imported from it by other modules in the project. For example, in JavaScript that can be an ",(0,a.jsx)(n.code,{children:"index.js"})," file re-exporting objects from other files in the slice. This enables freedom in refactoring code inside a slice as long as the contract with the outside world (i.e. the public API) stays the same."]}),"\n",(0,a.jsx)(n.p,{children:"For the Shared layer that has no slices, it\u2019s usually more convenient to define a separate public API for each segment as opposed to defining one single index of everything in Shared. This keeps imports from Shared naturally organized by intent. For other layers that have slices, the opposite is true \u2014 it\u2019s usually more practical to define one index per slice and let the slice decide its own set of segments that is unknown to the outside world because other layers usually have a lot less exports."}),"\n",(0,a.jsx)(n.p,{children:"Our slices/segments will appear to each other as follows:"}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{children:"\ud83d\udcc2 pages/\n  \ud83d\udcc2 feed/\n    \ud83d\udcc4 index\n  \ud83d\udcc2 sign-in/\n    \ud83d\udcc4 index\n  \ud83d\udcc2 article-read/\n    \ud83d\udcc4 index\n  \ud83d\udcc1 \u2026\n\ud83d\udcc2 shared/\n  \ud83d\udcc2 ui/\n    \ud83d\udcc4 index\n  \ud83d\udcc2 api/\n    \ud83d\udcc4 index\n  \ud83d\udcc1 \u2026\n"})}),"\n",(0,a.jsxs)(n.p,{children:["Whatever is inside folders like ",(0,a.jsx)(n.code,{children:"pages/feed"})," or ",(0,a.jsx)(n.code,{children:"shared/ui"})," is only known to those folders, and other files should not rely on the internal structure of these folders."]}),"\n",(0,a.jsx)(n.h3,{id:"large-reused-blocks-in-the-ui",children:"Large reused blocks in the UI"}),"\n",(0,a.jsx)(n.p,{children:"Earlier we made a note to revisit the header that appears on every page. Rebuilding it from scratch on every page would be impractical, so it\u2019s only natural to want to reuse it. We already have Shared to facilitate code reuse, however, there\u2019s a caveat to putting large blocks of UI in Shared \u2014 the Shared layer is not supposed to know about any of the layers above."}),"\n",(0,a.jsx)(n.p,{children:"Between Shared and Pages there are three other layers: Entities, Features, and Widgets.  Some projects may have something in those layers that they need in a large reusable block, and that means we can\u2019t put that reusable block in Shared, or else it would be importing from upper layers, which is prohibited. That\u2019s where the Widgets layer comes in. It is located above Shared, Entities, and Features, so it can use them all."}),"\n",(0,a.jsxs)(n.p,{children:["In our case, the header is very simple \u2014 it\u2019s a static logo and top-level navigation. The navigation needs to make a request to the API to determine if the user is currently logged in or not, but that can be handled by a simple import from the ",(0,a.jsx)(n.code,{children:"api"})," segment. Therefore, we will keep our header in Shared."]}),"\n",(0,a.jsx)(n.h3,{id:"close-look-at-a-page-with-a-form",children:"Close look at a page with a form"}),"\n",(0,a.jsx)(n.p,{children:"Let\u2019s also examine a page that\u2019s intended for editing, not reading. For example, the article writer:"}),"\n",(0,a.jsx)(n.p,{children:(0,a.jsx)(n.img,{alt:"Conduit post editor",src:t(9922).A+"",width:"2880",height:"1200"})}),"\n",(0,a.jsx)(n.p,{children:"It looks trivial, but contains several aspects of application development that we haven\u2019t explored yet \u2014 form validation, error states, and data persistence."}),"\n",(0,a.jsxs)(n.p,{children:["If we were to build this page, we would grab some inputs and buttons from Shared and put together a form in the ",(0,a.jsx)(n.code,{children:"ui"})," segment of this page. Then, in the ",(0,a.jsx)(n.code,{children:"api"})," segment, we would define a mutation request to create the article on the backend."]}),"\n",(0,a.jsxs)(n.p,{children:["To validate the request before sending, we need a validation schema, and a good place for it is the ",(0,a.jsx)(n.code,{children:"model"})," segment, since it\u2019s the data model. There we will produce error messages and display them using another component in the ",(0,a.jsx)(n.code,{children:"ui"})," segment."]}),"\n",(0,a.jsxs)(n.p,{children:["To improve user experience, we could also persist the inputs to prevent accidental data loss. This is also a job of the ",(0,a.jsx)(n.code,{children:"model"})," segment."]}),"\n",(0,a.jsx)(n.h3,{id:"summary",children:"Summary"}),"\n",(0,a.jsx)(n.p,{children:"We have examined several pages and outlined a preliminary structure for our application:"}),"\n",(0,a.jsxs)(n.ol,{children:["\n",(0,a.jsxs)(n.li,{children:["Shared layer","\n",(0,a.jsxs)(n.ol,{children:["\n",(0,a.jsxs)(n.li,{children:[(0,a.jsx)(n.code,{children:"ui"}),"  will contain our reusable UI kit"]}),"\n",(0,a.jsxs)(n.li,{children:[(0,a.jsx)(n.code,{children:"api"}),"  will contain our primitive interactions with the backend"]}),"\n",(0,a.jsx)(n.li,{children:"The rest will be arranged on demand"}),"\n"]}),"\n"]}),"\n",(0,a.jsxs)(n.li,{children:["Pages layer \u2014 each page is a separate slice","\n",(0,a.jsxs)(n.ol,{children:["\n",(0,a.jsxs)(n.li,{children:[(0,a.jsx)(n.code,{children:"ui"}),"  will contain the page itself and all of its parts"]}),"\n",(0,a.jsxs)(n.li,{children:[(0,a.jsx)(n.code,{children:"api"}),"  will contain more specialized data fetching, using ",(0,a.jsx)(n.code,{children:"shared/api"})]}),"\n",(0,a.jsxs)(n.li,{children:[(0,a.jsx)(n.code,{children:"model"}),"  might contain client-side storage of the data that we will display"]}),"\n"]}),"\n"]}),"\n"]}),"\n",(0,a.jsx)(n.p,{children:"Let\u2019s get building!"}),"\n",(0,a.jsx)(n.h2,{id:"part-2-in-code",children:"Part 2. In code"}),"\n",(0,a.jsxs)(n.p,{children:["Now that we have a plan, let\u2019s put it to practice. We will use React and ",(0,a.jsx)(n.a,{href:"https://remix.run",children:"Remix"}),"."]}),"\n",(0,a.jsxs)(n.p,{children:["There's a template ready for this project, clone it from GitHub to get a headstart: ",(0,a.jsx)(n.a,{href:"https://github.com/feature-sliced/tutorial-conduit/tree/clean",children:"https://github.com/feature-sliced/tutorial-conduit/tree/clean"}),"."]}),"\n",(0,a.jsxs)(n.p,{children:["Install dependencies with ",(0,a.jsx)(n.code,{children:"npm install"})," and start the development server with ",(0,a.jsx)(n.code,{children:"npm run dev"}),". Open ",(0,a.jsx)(n.a,{href:"http://localhost:3000",children:"http://localhost:3000"})," and you should see a blank app."]}),"\n",(0,a.jsx)(n.h3,{id:"lay-out-the-pages",children:"Lay out the pages"}),"\n",(0,a.jsx)(n.p,{children:"Let\u2019s start by creating blank components for all our pages. Run the following command in your project:"}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{className:"language-bash",children:"npx fsd pages feed sign-in article-read article-edit profile settings --segments ui\n"})}),"\n",(0,a.jsxs)(n.p,{children:["This will create folders like ",(0,a.jsx)(n.code,{children:"pages/feed/ui/"})," and an index file, ",(0,a.jsx)(n.code,{children:"pages/feed/index.ts"}),", for every page."]}),"\n",(0,a.jsx)(n.h3,{id:"connect-the-feed-page",children:"Connect the feed page"}),"\n",(0,a.jsxs)(n.p,{children:["Let\u2019s connect the root route of our application to the feed page. Create a component, ",(0,a.jsx)(n.code,{children:"FeedPage.tsx"})," in ",(0,a.jsx)(n.code,{children:"pages/feed/ui"})," and put the following inside it:"]}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/feed/ui/FeedPage.tsx"',children:'export function FeedPage() {\n  return (\n    <div className="home-page">\n      <div className="banner">\n        <div className="container">\n          <h1 className="logo-font">conduit</h1>\n          <p>A place to share your knowledge.</p>\n        </div>\n      </div>\n    </div>\n  );\n}\n'})}),"\n",(0,a.jsxs)(n.p,{children:["Then re-export this component in the feed page\u2019s public API, the ",(0,a.jsx)(n.code,{children:"pages/feed/index.ts"})," file:"]}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{className:"language-ts",metastring:'title="pages/feed/index.ts"',children:'export { FeedPage } from "./ui/FeedPage";\n'})}),"\n",(0,a.jsxs)(n.p,{children:["Now connect it to the root route. In Remix, routing is file-based, and the route files are located in the ",(0,a.jsx)(n.code,{children:"app/routes"})," folder, which nicely coincides with Feature-Sliced Design."]}),"\n",(0,a.jsxs)(n.p,{children:["Use the ",(0,a.jsx)(n.code,{children:"FeedPage"})," component in ",(0,a.jsx)(n.code,{children:"app/routes/_index.tsx"}),":"]}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{className:"language-tsx",metastring:'title="app/routes/_index.tsx"',children:'import type { MetaFunction } from "@remix-run/node";\nimport { FeedPage } from "pages/feed";\n\nexport const meta: MetaFunction = () => {\n  return [{ title: "Conduit" }];\n};\n\nexport default FeedPage;\n'})}),"\n",(0,a.jsx)(n.p,{children:"Then, if you run the dev server and open the application, you should see the Conduit banner!"}),"\n",(0,a.jsx)(n.p,{children:(0,a.jsx)(n.img,{alt:"The banner of Conduit",src:t(8891).A+"",width:"2880",height:"338"})}),"\n",(0,a.jsx)(n.h3,{id:"api-client",children:"API client"}),"\n",(0,a.jsxs)(n.p,{children:["To talk to the RealWorld backend, let\u2019s create a convenient API client in Shared. Create two segments, ",(0,a.jsx)(n.code,{children:"api"})," for the client and ",(0,a.jsx)(n.code,{children:"config"})," for variables like the backend base URL:"]}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{className:"language-bash",children:"npx fsd shared --segments api config\n"})}),"\n",(0,a.jsxs)(n.p,{children:["Then create ",(0,a.jsx)(n.code,{children:"shared/config/backend.ts"}),":"]}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{className:"language-tsx",metastring:'title="shared/config/backend.ts"',children:'export const backendBaseUrl = "https://api.realworld.io/api";\n'})}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{className:"language-tsx",metastring:'title="shared/config/index.ts"',children:'export { backendBaseUrl } from "./backend";\n'})}),"\n",(0,a.jsxs)(n.p,{children:["Since the RealWorld project conveniently provides an ",(0,a.jsx)(n.a,{href:"https://github.com/gothinkster/realworld/blob/main/api/openapi.yml",children:"OpenAPI specification"}),", we can take advantage of auto-generated types for our client. We will use ",(0,a.jsxs)(n.a,{href:"https://openapi-ts.pages.dev/openapi-fetch/",children:["the ",(0,a.jsx)(n.code,{children:"openapi-fetch"})," package"]})," that comes with an additional type generator."]}),"\n",(0,a.jsx)(n.p,{children:"Run the following command to generate up-to-date API typings:"}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{className:"language-bash",children:"npm run generate-api-types\n"})}),"\n",(0,a.jsxs)(n.p,{children:["This will create a file ",(0,a.jsx)(n.code,{children:"shared/api/v1.d.ts"}),". We will use this file to create a typed API client in ",(0,a.jsx)(n.code,{children:"shared/api/client.ts"}),":"]}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{className:"language-tsx",metastring:'title="shared/api/client.ts"',children:'import createClient from "openapi-fetch";\n\nimport { backendBaseUrl } from "shared/config";\nimport type { paths } from "./v1";\n\nexport const { GET, POST, PUT, DELETE } = createClient<paths>({ baseUrl: backendBaseUrl });\n'})}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{className:"language-tsx",metastring:'title="shared/api/index.ts"',children:'export { GET, POST, PUT, DELETE } from "./client";\n'})}),"\n",(0,a.jsx)(n.h3,{id:"real-data-in-the-feed",children:"Real data in the feed"}),"\n",(0,a.jsx)(n.p,{children:"We can now proceed to adding articles to the feed, fetched from the backend. Let\u2019s begin by implementing an article preview component."}),"\n",(0,a.jsxs)(n.p,{children:["Create ",(0,a.jsx)(n.code,{children:"pages/feed/ui/ArticlePreview.tsx"})," with the following content:"]}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/feed/ui/ArticlePreview.tsx"',children:"export function ArticlePreview({ article }) { /* TODO */ }\n"})}),"\n",(0,a.jsxs)(n.p,{children:["Since we\u2019re writing in TypeScript, it would be nice to have a typed article object. If we explore the generated ",(0,a.jsx)(n.code,{children:"v1.d.ts"}),", we can see that the article object is available through ",(0,a.jsx)(n.code,{children:'components["schemas"]["Article"]'}),". So let\u2019s create a file with our data models in Shared and export the models:"]}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{className:"language-tsx",metastring:'title="shared/api/models.ts"',children:'import type { components } from "./v1";\n\nexport type Article = components["schemas"]["Article"];\n'})}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{className:"language-tsx",metastring:'title="shared/api/index.ts"',children:'export { GET, POST, PUT, DELETE } from "./client";\n\nexport type { Article } from "./models";\n'})}),"\n",(0,a.jsx)(n.p,{children:"Now we can come back to the article preview component and fill the markup with data. Update the component with the following content:"}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/feed/ui/ArticlePreview.tsx"',children:'import { Link } from "@remix-run/react";\nimport type { Article } from "shared/api";\n\ninterface ArticlePreviewProps {\n  article: Article;\n}\n\nexport function ArticlePreview({ article }: ArticlePreviewProps) {\n  return (\n    <div className="article-preview">\n      <div className="article-meta">\n        <Link to={`/profile/${article.author.username}`} prefetch="intent">\n          <img src={article.author.image} alt="" />\n        </Link>\n        <div className="info">\n          <Link\n            to={`/profile/${article.author.username}`}\n            className="author"\n            prefetch="intent"\n          >\n            {article.author.username}\n          </Link>\n          <span className="date" suppressHydrationWarning>\n            {new Date(article.createdAt).toLocaleDateString(undefined, {\n              dateStyle: "long",\n            })}\n          </span>\n        </div>\n        <button className="btn btn-outline-primary btn-sm pull-xs-right">\n          <i className="ion-heart"></i> {article.favoritesCount}\n        </button>\n      </div>\n      <Link\n        to={`/article/${article.slug}`}\n        className="preview-link"\n        prefetch="intent"\n      >\n        <h1>{article.title}</h1>\n        <p>{article.description}</p>\n        <span>Read more...</span>\n        <ul className="tag-list">\n          {article.tagList.map((tag) => (\n            <li key={tag} className="tag-default tag-pill tag-outline">\n              {tag}\n            </li>\n          ))}\n        </ul>\n      </Link>\n    </div>\n  );\n}\n'})}),"\n",(0,a.jsx)(n.p,{children:"The like button doesn\u2019t do anything for now, we will fix that when we get to the article reader page and implement the liking functionality."}),"\n",(0,a.jsxs)(n.p,{children:["Now we can fetch the articles and render out a bunch of these cards. Fetching data in Remix is done with ",(0,a.jsx)(n.em,{children:"loaders"})," \u2014 server-side functions that fetch exactly what a page needs. Loaders interact with the API on the page\u2019s behalf, so we will put them in the ",(0,a.jsx)(n.code,{children:"api"})," segment of a page:"]}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/feed/api/loader.ts"',children:'import { json } from "@remix-run/node";\n\nimport { GET } from "shared/api";\n\nexport const loader = async () => {\n  const { data: articles, error, response } = await GET("/articles");\n\n  if (error !== undefined) {\n    throw json(error, { status: response.status });\n  }\n\n  return json({ articles });\n};\n'})}),"\n",(0,a.jsxs)(n.p,{children:["To connect it to the page, we need to export it with the name ",(0,a.jsx)(n.code,{children:"loader"})," from the route file:"]}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/feed/index.ts"',children:'export { FeedPage } from "./ui/FeedPage";\nexport { loader } from "./api/loader";\n'})}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{className:"language-tsx",metastring:'title="app/routes/_index.tsx"',children:'import type { MetaFunction } from "@remix-run/node";\nimport { FeedPage } from "pages/feed";\n\nexport { loader } from "pages/feed";\n\nexport const meta: MetaFunction = () => {\n  return [{ title: "Conduit" }];\n};\n\nexport default FeedPage;\n'})}),"\n",(0,a.jsxs)(n.p,{children:["And the final step is to render these cards in the feed. Update your ",(0,a.jsx)(n.code,{children:"FeedPage"})," with the following code:"]}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/feed/ui/FeedPage.tsx"',children:'import { useLoaderData } from "@remix-run/react";\n\nimport type { loader } from "../api/loader";\nimport { ArticlePreview } from "./ArticlePreview";\n\nexport function FeedPage() {\n  const { articles } = useLoaderData<typeof loader>();\n\n  return (\n    <div className="home-page">\n      <div className="banner">\n        <div className="container">\n          <h1 className="logo-font">conduit</h1>\n          <p>A place to share your knowledge.</p>\n        </div>\n      </div>\n\n      <div className="container page">\n        <div className="row">\n          <div className="col-md-9">\n            {articles.articles.map((article) => (\n              <ArticlePreview key={article.slug} article={article} />\n            ))}\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n}\n'})}),"\n",(0,a.jsx)(n.h3,{id:"filtering-by-tag",children:"Filtering by tag"}),"\n",(0,a.jsxs)(n.p,{children:["Regarding the tags, our job is to fetch them from the backend and to store the currently selected tag. We already know how to do fetching \u2014 it\u2019s another request from the loader. We will use a convenience function ",(0,a.jsx)(n.code,{children:"promiseHash"})," from a package ",(0,a.jsx)(n.code,{children:"remix-utils"}),", which is already installed."]}),"\n",(0,a.jsxs)(n.p,{children:["Update the loader file, ",(0,a.jsx)(n.code,{children:"pages/feed/api/loader.ts"}),", with the following code:"]}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/feed/api/loader.ts"',children:'import { json } from "@remix-run/node";\nimport type { FetchResponse } from "openapi-fetch";\nimport { promiseHash } from "remix-utils/promise";\n\nimport { GET } from "shared/api";\n\nasync function throwAnyErrors<T, O, Media extends `${string}/${string}`>(\n  responsePromise: Promise<FetchResponse<T, O, Media>>,\n) {\n  const { data, error, response } = await responsePromise;\n\n  if (error !== undefined) {\n    throw json(error, { status: response.status });\n  }\n\n  return data as NonNullable<typeof data>;\n}\n\nexport const loader = async () => {\n  return json(\n    await promiseHash({\n      articles: throwAnyErrors(GET("/articles")),\n      tags: throwAnyErrors(GET("/tags")),\n    }),\n  );\n};\n'})}),"\n",(0,a.jsxs)(n.p,{children:["You might notice that we extracted the error handling into a generic function ",(0,a.jsx)(n.code,{children:"throwAnyErrors"}),". It looks pretty useful, so we might want to reuse it later, but for now let\u2019s just keep an eye on it."]}),"\n",(0,a.jsx)(n.p,{children:"Now, to the list of tags. It needs to be interactive \u2014 clicking on a tag should make that tag selected. By Remix convention, we will use the URL search parameters as our storage for the selected tag. Let the browser take care of storage while we focus on more important things."}),"\n",(0,a.jsxs)(n.p,{children:["Update ",(0,a.jsx)(n.code,{children:"pages/feed/ui/FeedPage.tsx"})," with the following code:"]}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/feed/ui/FeedPage.tsx"',children:'import { Form, useLoaderData } from "@remix-run/react";\nimport { ExistingSearchParams } from "remix-utils/existing-search-params";\n\nimport type { loader } from "../api/loader";\nimport { ArticlePreview } from "./ArticlePreview";\n\nexport function FeedPage() {\n  const { articles, tags } = useLoaderData<typeof loader>();\n\n  return (\n    <div className="home-page">\n      <div className="banner">\n        <div className="container">\n          <h1 className="logo-font">conduit</h1>\n          <p>A place to share your knowledge.</p>\n        </div>\n      </div>\n\n      <div className="container page">\n        <div className="row">\n          <div className="col-md-9">\n            {articles.articles.map((article) => (\n              <ArticlePreview key={article.slug} article={article} />\n            ))}\n          </div>\n\n          <div className="col-md-3">\n            <div className="sidebar">\n              <p>Popular Tags</p>\n\n              <Form>\n                <ExistingSearchParams exclude={["tag"]} />\n                <div className="tag-list">\n                  {tags.tags.map((tag) => (\n                    <button\n                      key={tag}\n                      name="tag"\n                      value={tag}\n                      className="tag-pill tag-default"\n                    >\n                      {tag}\n                    </button>\n                  ))}\n                </div>\n              </Form>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n} \n'})}),"\n",(0,a.jsxs)(n.p,{children:["Then we need to use the ",(0,a.jsx)(n.code,{children:"tag"})," search parameter in our loader. Change the ",(0,a.jsx)(n.code,{children:"loader"})," function in ",(0,a.jsx)(n.code,{children:"pages/feed/api/loader.ts"})," to the following:"]}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/feed/api/loader.ts"',children:'import { json, type LoaderFunctionArgs } from "@remix-run/node";\nimport type { FetchResponse } from "openapi-fetch";\nimport { promiseHash } from "remix-utils/promise";\n\nimport { GET } from "shared/api";\n\nasync function throwAnyErrors<T, O, Media extends `${string}/${string}`>(\n  responsePromise: Promise<FetchResponse<T, O, Media>>,\n) {\n  const { data, error, response } = await responsePromise;\n\n  if (error !== undefined) {\n    throw json(error, { status: response.status });\n  }\n\n  return data as NonNullable<typeof data>;\n}\n\nexport const loader = async ({ request }: LoaderFunctionArgs) => {\n  const url = new URL(request.url);\n  const selectedTag = url.searchParams.get("tag") ?? undefined;\n\n  return json(\n    await promiseHash({\n      articles: throwAnyErrors(\n        GET("/articles", { params: { query: { tag: selectedTag } } }),\n      ),\n      tags: throwAnyErrors(GET("/tags")),\n    }),\n  );\n};\n'})}),"\n",(0,a.jsxs)(n.p,{children:["That\u2019s it, no ",(0,a.jsx)(n.code,{children:"model"})," segment necessary. Remix is pretty neat."]}),"\n",(0,a.jsx)(n.h3,{id:"pagination",children:"Pagination"}),"\n",(0,a.jsx)(n.p,{children:"In a similar fashion, we can implement the pagination. Feel free to give it a shot yourself or just copy the code below. There\u2019s no one to judge you anyway."}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/feed/api/loader.ts"',children:'import { json, type LoaderFunctionArgs } from "@remix-run/node";\nimport type { FetchResponse } from "openapi-fetch";\nimport { promiseHash } from "remix-utils/promise";\n\nimport { GET } from "shared/api";\n\nasync function throwAnyErrors<T, O, Media extends `${string}/${string}`>(\n  responsePromise: Promise<FetchResponse<T, O, Media>>,\n) {\n  const { data, error, response } = await responsePromise;\n\n  if (error !== undefined) {\n    throw json(error, { status: response.status });\n  }\n\n  return data as NonNullable<typeof data>;\n}\n\n/** Amount of articles on one page. */\nexport const LIMIT = 20;\n\nexport const loader = async ({ request }: LoaderFunctionArgs) => {\n  const url = new URL(request.url);\n  const selectedTag = url.searchParams.get("tag") ?? undefined;\n  const page = parseInt(url.searchParams.get("page") ?? "", 10);\n\n  return json(\n    await promiseHash({\n      articles: throwAnyErrors(\n        GET("/articles", {\n          params: {\n            query: {\n              tag: selectedTag,\n              limit: LIMIT,\n              offset: !Number.isNaN(page) ? page * LIMIT : undefined,\n            },\n          },\n        }),\n      ),\n      tags: throwAnyErrors(GET("/tags")),\n    }),\n  );\n};\n'})}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/feed/ui/FeedPage.tsx"',children:'import { Form, useLoaderData, useSearchParams } from "@remix-run/react";\nimport { ExistingSearchParams } from "remix-utils/existing-search-params";\n\nimport { LIMIT, type loader } from "../api/loader";\nimport { ArticlePreview } from "./ArticlePreview";\n\nexport function FeedPage() {\n  const [searchParams] = useSearchParams();\n  const { articles, tags } = useLoaderData<typeof loader>();\n  const pageAmount = Math.ceil(articles.articlesCount / LIMIT);\n  const currentPage = parseInt(searchParams.get("page") ?? "1", 10);\n\n  return (\n    <div className="home-page">\n      <div className="banner">\n        <div className="container">\n          <h1 className="logo-font">conduit</h1>\n          <p>A place to share your knowledge.</p>\n        </div>\n      </div>\n\n      <div className="container page">\n        <div className="row">\n          <div className="col-md-9">\n            {articles.articles.map((article) => (\n              <ArticlePreview key={article.slug} article={article} />\n            ))}\n\n            <Form>\n              <ExistingSearchParams exclude={["page"]} />\n              <ul className="pagination">\n                {Array(pageAmount)\n                  .fill(null)\n                  .map((_, index) =>\n                    index + 1 === currentPage ? (\n                      <li key={index} className="page-item active">\n                        <span className="page-link">{index + 1}</span>\n                      </li>\n                    ) : (\n                      <li key={index} className="page-item">\n                        <button\n                          className="page-link"\n                          name="page"\n                          value={index + 1}\n                        >\n                          {index + 1}\n                        </button>\n                      </li>\n                    ),\n                  )}\n              </ul>\n            </Form>\n          </div>\n\n          <div className="col-md-3">\n            <div className="sidebar">\n              <p>Popular Tags</p>\n\n              <Form>\n                <ExistingSearchParams exclude={["tag", "page"]} />\n                <div className="tag-list">\n                  {tags.tags.map((tag) => (\n                    <button\n                      key={tag}\n                      name="tag"\n                      value={tag}\n                      className="tag-pill tag-default"\n                    >\n                      {tag}\n                    </button>\n                  ))}\n                </div>\n              </Form>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n}\n'})}),"\n",(0,a.jsx)(n.p,{children:"So that\u2019s also done. There\u2019s also the tab list that can be similarly implemented, but let\u2019s hold on to that until we implement authentication. Speaking of which!"}),"\n",(0,a.jsx)(n.h3,{id:"authentication",children:"Authentication"}),"\n",(0,a.jsxs)(n.p,{children:["Authentication involves two pages \u2014 one to login and another to register. They are mostly the same, so it makes sense to keep them in the same slice, ",(0,a.jsx)(n.code,{children:"sign-in"}),", so that they can reuse code if needed."]}),"\n",(0,a.jsxs)(n.p,{children:["Create ",(0,a.jsx)(n.code,{children:"RegisterPage.tsx"})," in the ",(0,a.jsx)(n.code,{children:"ui"})," segment of ",(0,a.jsx)(n.code,{children:"pages/sign-in"})," with the following content:"]}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/sign-in/ui/RegisterPage.tsx"',children:'import { Form, Link, useActionData } from "@remix-run/react";\n\nimport type { register } from "../api/register";\n\nexport function RegisterPage() {\n  const registerData = useActionData<typeof register>();\n\n  return (\n    <div className="auth-page">\n      <div className="container page">\n        <div className="row">\n          <div className="col-md-6 offset-md-3 col-xs-12">\n            <h1 className="text-xs-center">Sign up</h1>\n            <p className="text-xs-center">\n              <Link to="/login">Have an account?</Link>\n            </p>\n\n            {registerData?.error && (\n              <ul className="error-messages">\n                {registerData.error.errors.body.map((error) => (\n                  <li key={error}>{error}</li>\n                ))}\n              </ul>\n            )}\n\n            <Form method="post">\n              <fieldset className="form-group">\n                <input\n                  className="form-control form-control-lg"\n                  type="text"\n                  name="username"\n                  placeholder="Username"\n                />\n              </fieldset>\n              <fieldset className="form-group">\n                <input\n                  className="form-control form-control-lg"\n                  type="text"\n                  name="email"\n                  placeholder="Email"\n                />\n              </fieldset>\n              <fieldset className="form-group">\n                <input\n                  className="form-control form-control-lg"\n                  type="password"\n                  name="password"\n                  placeholder="Password"\n                />\n              </fieldset>\n              <button className="btn btn-lg btn-primary pull-xs-right">\n                Sign up\n              </button>\n            </Form>\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n}\n'})}),"\n",(0,a.jsx)(n.p,{children:"We have a broken import to fix now. It involves a new segment, so create that:"}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{className:"language-bash",children:"npx fsd pages sign-in -s api\n"})}),"\n",(0,a.jsx)(n.p,{children:"However, before we can implement the backend part of registering, we need some infrastructure code for Remix to handle sessions. That goes to Shared, in case any other page needs it."}),"\n",(0,a.jsxs)(n.p,{children:["Put the following code in ",(0,a.jsx)(n.code,{children:"shared/api/auth.server.ts"}),". This is highly Remix-specific, so don\u2019t worry too much about it, just copy-paste:"]}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{className:"language-tsx",metastring:'title="shared/api/auth.server.ts"',children:'import { createCookieSessionStorage, redirect } from "@remix-run/node";\nimport invariant from "tiny-invariant";\n\nimport type { User } from "./models";\n\ninvariant(\n  process.env.SESSION_SECRET,\n  "SESSION_SECRET must be set for authentication to work",\n);\n\nconst sessionStorage = createCookieSessionStorage<{\n  user: User;\n}>({\n  cookie: {\n    name: "__session",\n    httpOnly: true,\n    path: "/",\n    sameSite: "lax",\n    secrets: [process.env.SESSION_SECRET],\n    secure: process.env.NODE_ENV === "production",\n  },\n});\n\nexport async function createUserSession({\n  request,\n  user,\n  redirectTo,\n}: {\n  request: Request;\n  user: User;\n  redirectTo: string;\n}) {\n  const cookie = request.headers.get("Cookie");\n  const session = await sessionStorage.getSession(cookie);\n\n  session.set("user", user);\n\n  return redirect(redirectTo, {\n    headers: {\n      "Set-Cookie": await sessionStorage.commitSession(session, {\n        maxAge: 60 * 60 * 24 * 7, // 7 days\n      }),\n    },\n  });\n}\n\nexport async function getUserFromSession(request: Request) {\n  const cookie = request.headers.get("Cookie");\n  const session = await sessionStorage.getSession(cookie);\n\n  return session.get("user") ?? null;\n}\n\nexport async function requireUser(request: Request) {\n  const user = await getUserFromSession(request);\n\n  if (user === null) {\n    throw redirect("/login");\n  }\n\n  return user;\n}\n'})}),"\n",(0,a.jsxs)(n.p,{children:["And also export the ",(0,a.jsx)(n.code,{children:"User"})," model from the ",(0,a.jsx)(n.code,{children:"models.ts"})," file right next to it:"]}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{className:"language-tsx",metastring:'title="shared/api/models.ts"',children:'import type { components } from "./v1";\n\nexport type Article = components["schemas"]["Article"];\nexport type User = components["schemas"]["User"];\n'})}),"\n",(0,a.jsxs)(n.p,{children:["Before this code can work, the ",(0,a.jsx)(n.code,{children:"SESSION_SECRET"})," environment variable needs to be set. Create a file called ",(0,a.jsx)(n.code,{children:".env"})," in the root of the project, write ",(0,a.jsx)(n.code,{children:"SESSION_SECRET="})," and then mash some keys on your keyboard to create a long random string. You should get something like this:"]}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{className:"language-bash",metastring:'title=".env"',children:"SESSION_SECRET=dontyoudarecopypastethis\n"})}),"\n",(0,a.jsx)(n.p,{children:"Finally, add some exports to the public API to make use of this code:"}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{className:"language-tsx",metastring:'title="shared/api/index.ts"',children:'export { GET, POST, PUT, DELETE } from "./client";\n\nexport type { Article } from "./models";\n\nexport { createUserSession, getUserFromSession, requireUser } from "./auth.server";\n'})}),"\n",(0,a.jsxs)(n.p,{children:["Now we can write the code that will talk to the RealWorld backend to actually do the registration. We will keep that in ",(0,a.jsx)(n.code,{children:"pages/sign-in/api"}),". Create a file called ",(0,a.jsx)(n.code,{children:"register.ts"})," and put the following code inside:"]}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/sign-in/api/register.ts"',children:'import { json, type ActionFunctionArgs } from "@remix-run/node";\n\nimport { POST, createUserSession } from "shared/api";\n\nexport const register = async ({ request }: ActionFunctionArgs) => {\n  const formData = await request.formData();\n  const username = formData.get("username")?.toString() ?? "";\n  const email = formData.get("email")?.toString() ?? "";\n  const password = formData.get("password")?.toString() ?? "";\n\n  const { data, error } = await POST("/users", {\n    body: { user: { email, password, username } },\n  });\n\n  if (error) {\n    return json({ error }, { status: 400 });\n  } else {\n    return createUserSession({\n      request: request,\n      user: data.user,\n      redirectTo: "/",\n    });\n  }\n};\n'})}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/sign-in/index.ts"',children:"export { RegisterPage } from './ui/RegisterPage';\nexport { register } from './api/register';\n"})}),"\n",(0,a.jsxs)(n.p,{children:["Almost done! Just need to connect the page and action to the ",(0,a.jsx)(n.code,{children:"/register"})," route. Create ",(0,a.jsx)(n.code,{children:"register.tsx"})," in ",(0,a.jsx)(n.code,{children:"app/routes"}),":"]}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{className:"language-tsx",metastring:'title="app/routes/register.tsx"',children:'import { RegisterPage, register } from "pages/sign-in";\n\nexport { register as action };\n\nexport default RegisterPage;\n'})}),"\n",(0,a.jsxs)(n.p,{children:["Now if you go to ",(0,a.jsx)(n.a,{href:"http://localhost:3000/register",children:"http://localhost:3000/register"}),", you should be able to create a user! The rest of the application won\u2019t react to this yet, we\u2019ll address that momentarily."]}),"\n",(0,a.jsx)(n.p,{children:"In a very similar way, we can implement the login page. Give it a try or just grab the code and move on:"}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/sign-in/api/sign-in.ts"',children:'import { json, type ActionFunctionArgs } from "@remix-run/node";\n\nimport { POST, createUserSession } from "shared/api";\n\nexport const signIn = async ({ request }: ActionFunctionArgs) => {\n  const formData = await request.formData();\n  const email = formData.get("email")?.toString() ?? "";\n  const password = formData.get("password")?.toString() ?? "";\n\n  const { data, error } = await POST("/users/login", {\n    body: { user: { email, password } },\n  });\n\n  if (error) {\n    return json({ error }, { status: 400 });\n  } else {\n    return createUserSession({\n      request: request,\n      user: data.user,\n      redirectTo: "/",\n    });\n  }\n};\n'})}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/sign-in/ui/SignInPage.tsx"',children:'import { Form, Link, useActionData } from "@remix-run/react";\n\nimport type { signIn } from "../api/sign-in";\n\nexport function SignInPage() {\n  const signInData = useActionData<typeof signIn>();\n\n  return (\n    <div className="auth-page">\n      <div className="container page">\n        <div className="row">\n          <div className="col-md-6 offset-md-3 col-xs-12">\n            <h1 className="text-xs-center">Sign in</h1>\n            <p className="text-xs-center">\n              <Link to="/register">Need an account?</Link>\n            </p>\n\n            {signInData?.error && (\n              <ul className="error-messages">\n                {signInData.error.errors.body.map((error) => (\n                  <li key={error}>{error}</li>\n                ))}\n              </ul>\n            )}\n\n            <Form method="post">\n              <fieldset className="form-group">\n                <input\n                  className="form-control form-control-lg"\n                  name="email"\n                  type="text"\n                  placeholder="Email"\n                />\n              </fieldset>\n              <fieldset className="form-group">\n                <input\n                  className="form-control form-control-lg"\n                  name="password"\n                  type="password"\n                  placeholder="Password"\n                />\n              </fieldset>\n              <button className="btn btn-lg btn-primary pull-xs-right">\n                Sign in\n              </button>\n            </Form>\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n}\n'})}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/sign-in/index.ts"',children:"export { RegisterPage } from './ui/RegisterPage';\nexport { register } from './api/register';\nexport { SignInPage } from './ui/SignInPage';\nexport { signIn } from './api/sign-in';\n"})}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{className:"language-tsx",metastring:'title="app/routes/login.tsx"',children:'import { SignInPage, signIn } from "pages/sign-in";\n\nexport { signIn as action };\n\nexport default SignInPage;\n'})}),"\n",(0,a.jsx)(n.p,{children:"Now let\u2019s give the users a way to actually get to these pages."}),"\n",(0,a.jsx)(n.h3,{id:"header",children:"Header"}),"\n",(0,a.jsx)(n.p,{children:"As we discussed in part 1, the app header is commonly placed either in Widgets or in Shared. We will put it in Shared because it\u2019s very simple and all the business logic can be kept outside of it. Let\u2019s create a place for it:"}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{className:"language-bash",children:"npx fsd shared ui\n"})}),"\n",(0,a.jsxs)(n.p,{children:["Now create ",(0,a.jsx)(n.code,{children:"shared/ui/Header.tsx"}),"  with the following contents:"]}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{className:"language-tsx",metastring:'title="shared/ui/Header.tsx"',children:'import { useContext } from "react";\nimport { Link, useLocation } from "@remix-run/react";\n\nimport { CurrentUser } from "../api/currentUser";\n\nexport function Header() {\n  const currentUser = useContext(CurrentUser);\n  const { pathname } = useLocation();\n\n  return (\n    <nav className="navbar navbar-light">\n      <div className="container">\n        <Link className="navbar-brand" to="/" prefetch="intent">\n          conduit\n        </Link>\n        <ul className="nav navbar-nav pull-xs-right">\n          <li className="nav-item">\n            <Link\n              prefetch="intent"\n              className={`nav-link ${pathname == "/" ? "active" : ""}`}\n              to="/"\n            >\n              Home\n            </Link>\n          </li>\n          {currentUser == null ? (\n            <>\n              <li className="nav-item">\n                <Link\n                  prefetch="intent"\n                  className={`nav-link ${pathname == "/login" ? "active" : ""}`}\n                  to="/login"\n                >\n                  Sign in\n                </Link>\n              </li>\n              <li className="nav-item">\n                <Link\n                  prefetch="intent"\n                  className={`nav-link ${pathname == "/register" ? "active" : ""}`}\n                  to="/register"\n                >\n                  Sign up\n                </Link>\n              </li>\n            </>\n          ) : (\n            <>\n              <li className="nav-item">\n                <Link\n                  prefetch="intent"\n                  className={`nav-link ${pathname == "/editor" ? "active" : ""}`}\n                  to="/editor"\n                >\n                  <i className="ion-compose"></i>&nbsp;New Article{" "}\n                </Link>\n              </li>\n\n              <li className="nav-item">\n                <Link\n                  prefetch="intent"\n                  className={`nav-link ${pathname == "/settings" ? "active" : ""}`}\n                  to="/settings"\n                >\n                  {" "}\n                  <i className="ion-gear-a"></i>&nbsp;Settings{" "}\n                </Link>\n              </li>\n              <li className="nav-item">\n                <Link\n                  prefetch="intent"\n                  className={`nav-link ${pathname.includes("/profile") ? "active" : ""}`}\n                  to={`/profile/${currentUser.username}`}\n                >\n                  {currentUser.image && (\n                    <img\n                      width={25}\n                      height={25}\n                      src={currentUser.image}\n                      className="user-pic"\n                      alt=""\n                    />\n                  )}\n                  {currentUser.username}\n                </Link>\n              </li>\n            </>\n          )}\n        </ul>\n      </div>\n    </nav>\n  );\n}\n'})}),"\n",(0,a.jsxs)(n.p,{children:["Export this component from ",(0,a.jsx)(n.code,{children:"shared/ui"}),":"]}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{className:"language-tsx",metastring:'title="shared/ui/index.ts"',children:'export { Header } from "./Header";\n'})}),"\n",(0,a.jsxs)(n.p,{children:["In the header, we rely on the context that\u2019s kept in ",(0,a.jsx)(n.code,{children:"shared/api"}),". Create that as well:"]}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{className:"language-tsx",metastring:'title="shared/api/currentUser.ts"',children:'import { createContext } from "react";\n\nimport type { User } from "./models";\n\nexport const CurrentUser = createContext<User | null>(null);\n'})}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{className:"language-tsx",metastring:'title="shared/api/index.ts"',children:'export { GET, POST, PUT, DELETE } from "./client";\n\nexport type { Article } from "./models";\n\nexport { createUserSession, getUserFromSession, requireUser } from "./auth.server";\nexport { CurrentUser } from "./currentUser";\n'})}),"\n",(0,a.jsxs)(n.p,{children:["Now let\u2019s add the header to the page. We want it to be on every single page, so it makes sense to simply add it to the root route and wrap the outlet (the place where the page will be rendered) with the ",(0,a.jsx)(n.code,{children:"CurrentUser"})," context provider. This way our entire app and also the header has access to the current user object. We will also add a loader to actually obtain the current user object from cookies. Drop the following into ",(0,a.jsx)(n.code,{children:"app/root.tsx"}),":"]}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{className:"language-tsx",metastring:'title="app/root.tsx"',children:'import { cssBundleHref } from "@remix-run/css-bundle";\nimport type { LinksFunction, LoaderFunctionArgs } from "@remix-run/node";\nimport {\n  Links,\n  LiveReload,\n  Meta,\n  Outlet,\n  Scripts,\n  ScrollRestoration,\n  useLoaderData,\n} from "@remix-run/react";\n\nimport { Header } from "shared/ui";\nimport { getUserFromSession, CurrentUser } from "shared/api";\n\nexport const links: LinksFunction = () => [\n  ...(cssBundleHref ? [{ rel: "stylesheet", href: cssBundleHref }] : []),\n];\n\nexport const loader = ({ request }: LoaderFunctionArgs) =>\n  getUserFromSession(request);\n\nexport default function App() {\n  const user = useLoaderData<typeof loader>();\n\n  return (\n    <html lang="en">\n      <head>\n        <meta charSet="utf-8" />\n        <meta name="viewport" content="width=device-width, initial-scale=1" />\n        <Meta />\n        <Links />\n        <link\n          href="//code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css"\n          rel="stylesheet"\n          type="text/css"\n        />\n        <link\n          href="//fonts.googleapis.com/css?family=Titillium+Web:700|Source+Serif+Pro:400,700|Merriweather+Sans:400,700|Source+Sans+Pro:400,300,600,700,300italic,400italic,600italic,700italic"\n          rel="stylesheet"\n          type="text/css"\n        />\n        <link rel="stylesheet" href="//demo.productionready.io/main.css" />\n        <style>{`\n          button {\n            border: 0;\n          }\n        `}</style>\n      </head>\n      <body>\n        <CurrentUser.Provider value={user}>\n          <Header />\n          <Outlet />\n        </CurrentUser.Provider>\n        <ScrollRestoration />\n        <Scripts />\n        <LiveReload />\n      </body>\n    </html>\n  );\n}\n'})}),"\n",(0,a.jsx)(n.p,{children:"At this point, you should end up with the following on the home page:"}),"\n",(0,a.jsxs)("figure",{children:[(0,a.jsx)(n.p,{children:(0,a.jsx)(n.img,{alt:"The feed page of Conduit, including the header, the feed, and the tags. The tabs are still missing.",src:t(6231).A+"",width:"2880",height:"1488"})}),(0,a.jsx)("figcaption",{children:"The feed page of Conduit, including the header, the feed, and the tags. The tabs are still missing."})]}),"\n",(0,a.jsx)(n.h3,{id:"tabs",children:"Tabs"}),"\n",(0,a.jsxs)(n.p,{children:["Now that we can detect the authentication state, let\u2019s also quickly implement the tabs and post likes to be done with the feed page. We need another form, but this page file is getting kind of large, so let\u2019s move these forms into adjacent files. We will create ",(0,a.jsx)(n.code,{children:"Tabs.tsx"}),", ",(0,a.jsx)(n.code,{children:"PopularTags.tsx"}),", and ",(0,a.jsx)(n.code,{children:"Pagination.tsx"})," with the following content:"]}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/feed/ui/Tabs.tsx"',children:'import { useContext } from "react";\nimport { Form, useSearchParams } from "@remix-run/react";\n\nimport { CurrentUser } from "shared/api";\n\nexport function Tabs() {\n  const [searchParams] = useSearchParams();\n  const currentUser = useContext(CurrentUser);\n\n  return (\n    <Form>\n      <div className="feed-toggle">\n        <ul className="nav nav-pills outline-active">\n          {currentUser !== null && (\n            <li className="nav-item">\n              <button\n                name="source"\n                value="my-feed"\n                className={`nav-link ${searchParams.get("source") === "my-feed" ? "active" : ""}`}\n              >\n                Your Feed\n              </button>\n            </li>\n          )}\n          <li className="nav-item">\n            <button\n              className={`nav-link ${searchParams.has("tag") || searchParams.has("source") ? "" : "active"}`}\n            >\n              Global Feed\n            </button>\n          </li>\n          {searchParams.has("tag") && (\n            <li className="nav-item">\n              <span className="nav-link active">\n                <i className="ion-pound"></i> {searchParams.get("tag")}\n              </span>\n            </li>\n          )}\n        </ul>\n      </div>\n    </Form>\n  );\n}\n'})}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/feed/ui/PopularTags.tsx"',children:'import { Form, useLoaderData } from "@remix-run/react";\nimport { ExistingSearchParams } from "remix-utils/existing-search-params";\n\nimport type { loader } from "../api/loader";\n\nexport function PopularTags() {\n  const { tags } = useLoaderData<typeof loader>();\n\n  return (\n    <div className="sidebar">\n      <p>Popular Tags</p>\n\n      <Form>\n        <ExistingSearchParams exclude={["tag", "page", "source"]} />\n        <div className="tag-list">\n          {tags.tags.map((tag) => (\n            <button\n              key={tag}\n              name="tag"\n              value={tag}\n              className="tag-pill tag-default"\n            >\n              {tag}\n            </button>\n          ))}\n        </div>\n      </Form>\n    </div>\n  );\n}\n'})}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/feed/ui/Pagination.tsx"',children:'import { Form, useLoaderData, useSearchParams } from "@remix-run/react";\nimport { ExistingSearchParams } from "remix-utils/existing-search-params";\n\nimport { LIMIT, type loader } from "../api/loader";\n\nexport function Pagination() {\n  const [searchParams] = useSearchParams();\n  const { articles } = useLoaderData<typeof loader>();\n  const pageAmount = Math.ceil(articles.articlesCount / LIMIT);\n  const currentPage = parseInt(searchParams.get("page") ?? "1", 10);\n\n  return (\n    <Form>\n      <ExistingSearchParams exclude={["page"]} />\n      <ul className="pagination">\n        {Array(pageAmount)\n          .fill(null)\n          .map((_, index) =>\n            index + 1 === currentPage ? (\n              <li key={index} className="page-item active">\n                <span className="page-link">{index + 1}</span>\n              </li>\n            ) : (\n              <li key={index} className="page-item">\n                <button className="page-link" name="page" value={index + 1}>\n                  {index + 1}\n                </button>\n              </li>\n            ),\n          )}\n      </ul>\n    </Form>\n  );\n}\n'})}),"\n",(0,a.jsx)(n.p,{children:"And now we can significantly simplify the feed page itself:"}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/feed/ui/FeedPage.tsx"',children:'import { useLoaderData } from "@remix-run/react";\n\nimport type { loader } from "../api/loader";\nimport { ArticlePreview } from "./ArticlePreview";\nimport { Tabs } from "./Tabs";\nimport { PopularTags } from "./PopularTags";\nimport { Pagination } from "./Pagination";\n\nexport function FeedPage() {\n  const { articles } = useLoaderData<typeof loader>();\n\n  return (\n    <div className="home-page">\n      <div className="banner">\n        <div className="container">\n          <h1 className="logo-font">conduit</h1>\n          <p>A place to share your knowledge.</p>\n        </div>\n      </div>\n\n      <div className="container page">\n        <div className="row">\n          <div className="col-md-9">\n            <Tabs />\n\n            {articles.articles.map((article) => (\n              <ArticlePreview key={article.slug} article={article} />\n            ))}\n\n            <Pagination />\n          </div>\n\n          <div className="col-md-3">\n            <PopularTags />\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n}\n'})}),"\n",(0,a.jsx)(n.p,{children:"We also need to account for the new tab in the loader function:"}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/feed/api/loader.ts"',children:'import { json, type LoaderFunctionArgs } from "@remix-run/node";\nimport type { FetchResponse } from "openapi-fetch";\nimport { promiseHash } from "remix-utils/promise";\n\nimport { GET, requireUser } from "shared/api";\n\nasync function throwAnyErrors<T, O, Media extends `${string}/${string}`>(\n  responsePromise: Promise<FetchResponse<T, O, Media>>,\n) {\n  /* unchanged */\n}\n\n/** Amount of articles on one page. */\nexport const LIMIT = 20;\n\nexport const loader = async ({ request }: LoaderFunctionArgs) => {\n  const url = new URL(request.url);\n  const selectedTag = url.searchParams.get("tag") ?? undefined;\n  const page = parseInt(url.searchParams.get("page") ?? "", 10);\n\n  if (url.searchParams.get("source") === "my-feed") {\n    const userSession = await requireUser(request);\n\n    return json(\n      await promiseHash({\n        articles: throwAnyErrors(\n          GET("/articles/feed", {\n            params: {\n              query: {\n                limit: LIMIT,\n                offset: !Number.isNaN(page) ? page * LIMIT : undefined,\n              },\n            },\n            headers: { Authorization: `Token ${userSession.token}` },\n          }),\n        ),\n        tags: throwAnyErrors(GET("/tags")),\n      }),\n    );\n  }\n\n  return json(\n    await promiseHash({\n      articles: throwAnyErrors(\n        GET("/articles", {\n          params: {\n            query: {\n              tag: selectedTag,\n              limit: LIMIT,\n              offset: !Number.isNaN(page) ? page * LIMIT : undefined,\n            },\n          },\n        }),\n      ),\n      tags: throwAnyErrors(GET("/tags")),\n    }),\n  );\n};\n'})}),"\n",(0,a.jsxs)(n.p,{children:["Before we leave the feed page, let\u2019s add some code that handles likes to posts. Change your ",(0,a.jsx)(n.code,{children:"ArticlePreview.tsx"})," to the following:"]}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/feed/ui/ArticlePreview.tsx"',children:'import { Form, Link } from "@remix-run/react";\nimport type { Article } from "shared/api";\n\ninterface ArticlePreviewProps {\n  article: Article;\n}\n\nexport function ArticlePreview({ article }: ArticlePreviewProps) {\n  return (\n    <div className="article-preview">\n      <div className="article-meta">\n        <Link to={`/profile/${article.author.username}`} prefetch="intent">\n          <img src={article.author.image} alt="" />\n        </Link>\n        <div className="info">\n          <Link\n            to={`/profile/${article.author.username}`}\n            className="author"\n            prefetch="intent"\n          >\n            {article.author.username}\n          </Link>\n          <span className="date" suppressHydrationWarning>\n            {new Date(article.createdAt).toLocaleDateString(undefined, {\n              dateStyle: "long",\n            })}\n          </span>\n        </div>\n        <Form\n          method="post"\n          action={`/article/${article.slug}`}\n          preventScrollReset\n        >\n          <button\n            name="_action"\n            value={article.favorited ? "unfavorite" : "favorite"}\n            className={`btn ${article.favorited ? "btn-primary" : "btn-outline-primary"} btn-sm pull-xs-right`}\n          >\n            <i className="ion-heart"></i> {article.favoritesCount}\n          </button>\n        </Form>\n      </div>\n      <Link\n        to={`/article/${article.slug}`}\n        className="preview-link"\n        prefetch="intent"\n      >\n        <h1>{article.title}</h1>\n        <p>{article.description}</p>\n        <span>Read more...</span>\n        <ul className="tag-list">\n          {article.tagList.map((tag) => (\n            <li key={tag} className="tag-default tag-pill tag-outline">\n              {tag}\n            </li>\n          ))}\n        </ul>\n      </Link>\n    </div>\n  );\n}\n'})}),"\n",(0,a.jsxs)(n.p,{children:["This code will send a POST request to ",(0,a.jsx)(n.code,{children:"/article/:slug"}),"  with ",(0,a.jsx)(n.code,{children:"_action=favorite"})," to mark the article as favorite. It won\u2019t work yet, but as we start working on the article reader, we will implement this too."]}),"\n",(0,a.jsx)(n.p,{children:"And with that we are officially done with the feed! Yay!"}),"\n",(0,a.jsx)(n.h3,{id:"article-reader",children:"Article reader"}),"\n",(0,a.jsx)(n.p,{children:"First, we need data. Let\u2019s create a loader:"}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{className:"language-bash",children:"npx fsd pages article-read -s api\n"})}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/article-read/api/loader.ts"',children:'import { json, type LoaderFunctionArgs } from "@remix-run/node";\nimport invariant from "tiny-invariant";\nimport type { FetchResponse } from "openapi-fetch";\nimport { promiseHash } from "remix-utils/promise";\n\nimport { GET, getUserFromSession } from "shared/api";\n\nasync function throwAnyErrors<T, O, Media extends `${string}/${string}`>(\n  responsePromise: Promise<FetchResponse<T, O, Media>>,\n) {\n  const { data, error, response } = await responsePromise;\n\n  if (error !== undefined) {\n    throw json(error, { status: response.status });\n  }\n\n  return data as NonNullable<typeof data>;\n}\n\nexport const loader = async ({ request, params }: LoaderFunctionArgs) => {\n  invariant(params.slug, "Expected a slug parameter");\n  const currentUser = await getUserFromSession(request);\n  const authorization = currentUser\n    ? { Authorization: `Token ${currentUser.token}` }\n    : undefined;\n\n  return json(\n    await promiseHash({\n      article: throwAnyErrors(\n        GET("/articles/{slug}", {\n          params: {\n            path: { slug: params.slug },\n          },\n          headers: authorization,\n        }),\n      ),\n      comments: throwAnyErrors(\n        GET("/articles/{slug}/comments", {\n          params: {\n            path: { slug: params.slug },\n          },\n          headers: authorization,\n        }),\n      ),\n    }),\n  );\n};\n'})}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/article-read/index.ts"',children:'export { loader } from "./api/loader";\n'})}),"\n",(0,a.jsxs)(n.p,{children:["Now we can connect it to the route ",(0,a.jsx)(n.code,{children:"/article/:slug"})," by creating the a route file called ",(0,a.jsx)(n.code,{children:"article.$slug.tsx"}),":"]}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{className:"language-tsx",metastring:'title="app/routes/article.$slug.tsx"',children:'export { loader } from "pages/article-read";\n'})}),"\n",(0,a.jsx)(n.p,{children:"The page itself consists of three main blocks \u2014 the article header with actions (repeated twice), the article body, and the comments section. This is the markup for the page, it\u2019s not particularly interesting:"}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/article-read/ui/ArticleReadPage.tsx"',children:'import { useLoaderData } from "@remix-run/react";\n\nimport type { loader } from "../api/loader";\nimport { ArticleMeta } from "./ArticleMeta";\nimport { Comments } from "./Comments";\n\nexport function ArticleReadPage() {\n  const { article } = useLoaderData<typeof loader>();\n\n  return (\n    <div className="article-page">\n      <div className="banner">\n        <div className="container">\n          <h1>{article.article.title}</h1>\n\n          <ArticleMeta />\n        </div>\n      </div>\n\n      <div className="container page">\n        <div className="row article-content">\n          <div className="col-md-12">\n            <p>{article.article.body}</p>\n            <ul className="tag-list">\n              {article.article.tagList.map((tag) => (\n                <li className="tag-default tag-pill tag-outline" key={tag}>\n                  {tag}\n                </li>\n              ))}\n            </ul>\n          </div>\n        </div>\n\n        <hr />\n\n        <div className="article-actions">\n          <ArticleMeta />\n        </div>\n\n        <div className="row">\n          <Comments />\n        </div>\n      </div>\n    </div>\n  );\n}\n'})}),"\n",(0,a.jsxs)(n.p,{children:["What\u2019s more interesting is the ",(0,a.jsx)(n.code,{children:"ArticleMeta"})," and ",(0,a.jsx)(n.code,{children:"Comments"}),". They contain write operations such as liking an article, leaving a comment, etc. To get them to work, we first need to implement the backend part. Create ",(0,a.jsx)(n.code,{children:"action.ts"})," in the ",(0,a.jsx)(n.code,{children:"api"})," segment of the page:"]}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/article-read/api/action.ts"',children:'import { redirect, type ActionFunctionArgs } from "@remix-run/node";\nimport { namedAction } from "remix-utils/named-action";\nimport { redirectBack } from "remix-utils/redirect-back";\nimport invariant from "tiny-invariant";\n\nimport { DELETE, POST, requireUser } from "shared/api";\n\nexport const action = async ({ request, params }: ActionFunctionArgs) => {\n  const currentUser = await requireUser(request);\n\n  const authorization = { Authorization: `Token ${currentUser.token}` };\n\n  const formData = await request.formData();\n\n  return namedAction(formData, {\n    async delete() {\n      invariant(params.slug, "Expected a slug parameter");\n      await DELETE("/articles/{slug}", {\n        params: { path: { slug: params.slug } },\n        headers: authorization,\n      });\n      return redirect("/");\n    },\n    async favorite() {\n      invariant(params.slug, "Expected a slug parameter");\n      await POST("/articles/{slug}/favorite", {\n        params: { path: { slug: params.slug } },\n        headers: authorization,\n      });\n      return redirectBack(request, { fallback: "/" });\n    },\n    async unfavorite() {\n      invariant(params.slug, "Expected a slug parameter");\n      await DELETE("/articles/{slug}/favorite", {\n        params: { path: { slug: params.slug } },\n        headers: authorization,\n      });\n      return redirectBack(request, { fallback: "/" });\n    },\n    async createComment() {\n      invariant(params.slug, "Expected a slug parameter");\n      const comment = formData.get("comment");\n      invariant(typeof comment === "string", "Expected a comment parameter");\n      await POST("/articles/{slug}/comments", {\n        params: { path: { slug: params.slug } },\n        headers: { ...authorization, "Content-Type": "application/json" },\n        body: { comment: { body: comment } },\n      });\n      return redirectBack(request, { fallback: "/" });\n    },\n    async deleteComment() {\n      invariant(params.slug, "Expected a slug parameter");\n      const commentId = formData.get("id");\n      invariant(typeof commentId === "string", "Expected an id parameter");\n      const commentIdNumeric = parseInt(commentId, 10);\n      invariant(\n        !Number.isNaN(commentIdNumeric),\n        "Expected a numeric id parameter",\n      );\n      await DELETE("/articles/{slug}/comments/{id}", {\n        params: { path: { slug: params.slug, id: commentIdNumeric } },\n        headers: authorization,\n      });\n      return redirectBack(request, { fallback: "/" });\n    },\n    async followAuthor() {\n      const authorUsername = formData.get("username");\n      invariant(\n        typeof authorUsername === "string",\n        "Expected a username parameter",\n      );\n      await POST("/profiles/{username}/follow", {\n        params: { path: { username: authorUsername } },\n        headers: authorization,\n      });\n      return redirectBack(request, { fallback: "/" });\n    },\n    async unfollowAuthor() {\n      const authorUsername = formData.get("username");\n      invariant(\n        typeof authorUsername === "string",\n        "Expected a username parameter",\n      );\n      await DELETE("/profiles/{username}/follow", {\n        params: { path: { username: authorUsername } },\n        headers: authorization,\n      });\n      return redirectBack(request, { fallback: "/" });\n    },\n  });\n};\n'})}),"\n",(0,a.jsx)(n.p,{children:"Export that from the slice and then from the route. While we\u2019re at it, let\u2019s also connect the page itself:"}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/article-read/index.ts"',children:'export { ArticleReadPage } from "./ui/ArticleReadPage";\nexport { loader } from "./api/loader";\nexport { action } from "./api/action";\n'})}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{className:"language-tsx",metastring:'title="app/routes/article.$slug.tsx"',children:'import { ArticleReadPage } from "pages/article-read";\n\nexport { loader, action } from "pages/article-read";\n\nexport default ArticleReadPage;\n'})}),"\n",(0,a.jsx)(n.p,{children:"Now, even though we haven\u2019t implemented the like button on the reader page yet, the like button in the feed will start working! That\u2019s because it\u2019s been sending \u201clike\u201d requests to this route. Give that a try."}),"\n",(0,a.jsxs)(n.p,{children:[(0,a.jsx)(n.code,{children:"ArticleMeta"})," and ",(0,a.jsx)(n.code,{children:"Comments"})," are, again, a bunch of forms. We\u2019ve done this before, let\u2019s grab their code and move on:"]}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/article-read/ui/ArticleMeta.tsx"',children:'import { Form, Link, useLoaderData } from "@remix-run/react";\nimport { useContext } from "react";\n\nimport { CurrentUser } from "shared/api";\nimport type { loader } from "../api/loader";\n\nexport function ArticleMeta() {\n  const currentUser = useContext(CurrentUser);\n  const { article } = useLoaderData<typeof loader>();\n\n  return (\n    <Form method="post">\n      <div className="article-meta">\n        <Link\n          prefetch="intent"\n          to={`/profile/${article.article.author.username}`}\n        >\n          <img src={article.article.author.image} alt="" />\n        </Link>\n\n        <div className="info">\n          <Link\n            prefetch="intent"\n            to={`/profile/${article.article.author.username}`}\n            className="author"\n          >\n            {article.article.author.username}\n          </Link>\n          <span className="date">{article.article.createdAt}</span>\n        </div>\n\n        {article.article.author.username == currentUser?.username ? (\n          <>\n            <Link\n              prefetch="intent"\n              to={`/editor/${article.article.slug}`}\n              className="btn btn-sm btn-outline-secondary"\n            >\n              <i className="ion-edit"></i> Edit Article\n            </Link>\n            &nbsp;&nbsp;\n            <button\n              name="_action"\n              value="delete"\n              className="btn btn-sm btn-outline-danger"\n            >\n              <i className="ion-trash-a"></i> Delete Article\n            </button>\n          </>\n        ) : (\n          <>\n            <input\n              name="username"\n              value={article.article.author.username}\n              type="hidden"\n            />\n            <button\n              name="_action"\n              value={\n                article.article.author.following\n                  ? "unfollowAuthor"\n                  : "followAuthor"\n              }\n              className={`btn btn-sm ${article.article.author.following ? "btn-secondary" : "btn-outline-secondary"}`}\n            >\n              <i className="ion-plus-round"></i>\n              &nbsp;{" "}\n              {article.article.author.following\n                ? "Unfollow"\n                : "Follow"}{" "}\n              {article.article.author.username}\n            </button>\n            &nbsp;&nbsp;\n            <button\n              name="_action"\n              value={article.article.favorited ? "unfavorite" : "favorite"}\n              className={`btn btn-sm ${article.article.favorited ? "btn-primary" : "btn-outline-primary"}`}\n            >\n              <i className="ion-heart"></i>\n              &nbsp; {article.article.favorited\n                ? "Unfavorite"\n                : "Favorite"}{" "}\n              Post{" "}\n              <span className="counter">\n                ({article.article.favoritesCount})\n              </span>\n            </button>\n          </>\n        )}\n      </div>\n    </Form>\n  );\n}\n'})}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/article-read/ui/Comments.tsx"',children:'import { useContext } from "react";\nimport { Form, Link, useLoaderData } from "@remix-run/react";\n\nimport { CurrentUser } from "shared/api";\nimport type { loader } from "../api/loader";\n\nexport function Comments() {\n  const { comments } = useLoaderData<typeof loader>();\n  const currentUser = useContext(CurrentUser);\n\n  return (\n    <div className="col-xs-12 col-md-8 offset-md-2">\n      {currentUser !== null ? (\n        <Form\n          preventScrollReset={true}\n          method="post"\n          className="card comment-form"\n        >\n          <div className="card-block">\n            <textarea\n              required\n              className="form-control"\n              name="comment"\n              placeholder="Write a comment..."\n              rows={3}\n            ></textarea>\n          </div>\n          <div className="card-footer">\n            <img\n              src={currentUser.image}\n              className="comment-author-img"\n              alt=""\n            />\n            <button\n              className="btn btn-sm btn-primary"\n              name="_action"\n              value="createComment"\n            >\n              Post Comment\n            </button>\n          </div>\n        </Form>\n      ) : (\n        <div className="row">\n          <div className="col-xs-12 col-md-8 offset-md-2">\n            <p>\n              <Link to="/login">Sign in</Link>\n              &nbsp; or &nbsp;\n              <Link to="/register">Sign up</Link>\n              &nbsp; to add comments on this article.\n            </p>\n          </div>\n        </div>\n      )}\n\n      {comments.comments.map((comment) => (\n        <div className="card" key={comment.id}>\n          <div className="card-block">\n            <p className="card-text">{comment.body}</p>\n          </div>\n\n          <div className="card-footer">\n            <Link\n              to={`/profile/${comment.author.username}`}\n              className="comment-author"\n            >\n              <img\n                src={comment.author.image}\n                className="comment-author-img"\n                alt=""\n              />\n            </Link>\n            &nbsp;\n            <Link\n              to={`/profile/${comment.author.username}`}\n              className="comment-author"\n            >\n              {comment.author.username}\n            </Link>\n            <span className="date-posted">{comment.createdAt}</span>\n            {comment.author.username === currentUser?.username && (\n              <span className="mod-options">\n                <Form method="post" preventScrollReset={true}>\n                  <input type="hidden" name="id" value={comment.id} />\n                  <button\n                    name="_action"\n                    value="deleteComment"\n                    style={{\n                      border: "none",\n                      outline: "none",\n                      backgroundColor: "transparent",\n                    }}\n                  >\n                    <i className="ion-trash-a"></i>\n                  </button>\n                </Form>\n              </span>\n            )}\n          </div>\n        </div>\n      ))}\n    </div>\n  );\n}\n'})}),"\n",(0,a.jsx)(n.p,{children:"And with that our article reader is also complete! The buttons to follow the author, like a post, and leave a comment should now function as expected."}),"\n",(0,a.jsxs)("figure",{children:[(0,a.jsx)(n.p,{children:(0,a.jsx)(n.img,{alt:"Article reader with functioning buttons to like and follow",src:t(6953).A+"",width:"2880",height:"1488"})}),(0,a.jsx)("figcaption",{children:"Article reader with functioning buttons to like and follow"})]}),"\n",(0,a.jsx)(n.h3,{id:"article-editor",children:"Article editor"}),"\n",(0,a.jsx)(n.p,{children:"This is the last page that we will cover in this tutorial, and the most interesting part here is how we\u2019re going to validate form data."}),"\n",(0,a.jsxs)(n.p,{children:["The page itself, ",(0,a.jsx)(n.code,{children:"article-edit/ui/ArticleEditPage.tsx"}),", will be quite simple, extra complexity stowed away into two other components:"]}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/article-edit/ui/ArticleEditPage.tsx"',children:'import { Form, useLoaderData } from "@remix-run/react";\n\nimport type { loader } from "../api/loader";\nimport { TagsInput } from "./TagsInput";\nimport { FormErrors } from "./FormErrors";\n\nexport function ArticleEditPage() {\n  const article = useLoaderData<typeof loader>();\n\n  return (\n    <div className="editor-page">\n      <div className="container page">\n        <div className="row">\n          <div className="col-md-10 offset-md-1 col-xs-12">\n            <FormErrors />\n\n            <Form method="post">\n              <fieldset>\n                <fieldset className="form-group">\n                  <input\n                    type="text"\n                    className="form-control form-control-lg"\n                    name="title"\n                    placeholder="Article Title"\n                    defaultValue={article.article?.title}\n                  />\n                </fieldset>\n                <fieldset className="form-group">\n                  <input\n                    type="text"\n                    className="form-control"\n                    name="description"\n                    placeholder="What\'s this article about?"\n                    defaultValue={article.article?.description}\n                  />\n                </fieldset>\n                <fieldset className="form-group">\n                  <textarea\n                    className="form-control"\n                    name="body"\n                    rows={8}\n                    placeholder="Write your article (in markdown)"\n                    defaultValue={article.article?.body}\n                  ></textarea>\n                </fieldset>\n                <fieldset className="form-group">\n                  <TagsInput\n                    name="tags"\n                    defaultValue={article.article?.tagList ?? []}\n                  />\n                </fieldset>\n\n                <button className="btn btn-lg pull-xs-right btn-primary">\n                  Publish Article\n                </button>\n              </fieldset>\n            </Form>\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n}\n'})}),"\n",(0,a.jsxs)(n.p,{children:["This page gets the current article (unless we\u2019re writing from scratch) and fills in the corresponding form fields. We\u2019ve seen this before. The interesting part is ",(0,a.jsx)(n.code,{children:"FormErrors"}),", because it will receive the validation result and display it to the user. Let\u2019s take a look:"]}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/article-edit/ui/FormErrors.tsx"',children:'import { useActionData } from "@remix-run/react";\nimport type { action } from "../api/action";\n\nexport function FormErrors() {\n  const actionData = useActionData<typeof action>();\n\n  return actionData?.errors != null ? (\n    <ul className="error-messages">\n      {actionData.errors.map((error) => (\n        <li key={error}>{error}</li>\n      ))}\n    </ul>\n  ) : null;\n}\n'})}),"\n",(0,a.jsxs)(n.p,{children:["Here we are assuming that our action will return the ",(0,a.jsx)(n.code,{children:"errors"})," field, an array of human-readable error messages. We will get to the action shortly."]}),"\n",(0,a.jsx)(n.p,{children:"Another component is the tags input. It\u2019s just a plain input field with an additional preview of chosen tags. Not much to see here:"}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/article-edit/ui/TagsInput.tsx"',children:'import { useEffect, useRef, useState } from "react";\n\nexport function TagsInput({\n  name,\n  defaultValue,\n}: {\n  name: string;\n  defaultValue?: Array<string>;\n}) {\n  const [tagListState, setTagListState] = useState(defaultValue ?? []);\n\n  function removeTag(tag: string): void {\n    const newTagList = tagListState.filter((t) => t !== tag);\n    setTagListState(newTagList);\n  }\n\n  const tagsInput = useRef<HTMLInputElement>(null);\n  useEffect(() => {\n    tagsInput.current && (tagsInput.current.value = tagListState.join(","));\n  }, [tagListState]);\n\n  return (\n    <>\n      <input\n        type="text"\n        className="form-control"\n        id="tags"\n        name={name}\n        placeholder="Enter tags"\n        defaultValue={tagListState.join(",")}\n        onChange={(e) =>\n          setTagListState(e.target.value.split(",").filter(Boolean))\n        }\n      />\n      <div className="tag-list">\n        {tagListState.map((tag) => (\n          <span className="tag-default tag-pill" key={tag}>\n            <i\n              className="ion-close-round"\n              role="button"\n              tabIndex={0}\n              onKeyDown={(e) =>\n                [" ", "Enter"].includes(e.key) && removeTag(tag)\n              }\n              onClick={() => removeTag(tag)}\n            ></i>{" "}\n            {tag}\n          </span>\n        ))}\n      </div>\n    </>\n  );\n}\n'})}),"\n",(0,a.jsx)(n.p,{children:"Now, for the API part. The loader should look at the URL, and if it contains an article slug, that means we\u2019re editing an existing article, and its data should be loaded. Otherwise, return nothing. Let\u2019s create that loader:"}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{className:"language-ts",metastring:'title="pages/article-edit/api/loader.ts"',children:'import { json, type LoaderFunctionArgs } from "@remix-run/node";\nimport type { FetchResponse } from "openapi-fetch";\n\nimport { GET, requireUser } from "shared/api";\n\nasync function throwAnyErrors<T, O, Media extends `${string}/${string}`>(\n  responsePromise: Promise<FetchResponse<T, O, Media>>,\n) {\n  const { data, error, response } = await responsePromise;\n\n  if (error !== undefined) {\n    throw json(error, { status: response.status });\n  }\n\n  return data as NonNullable<typeof data>;\n}\n\nexport const loader = async ({ params, request }: LoaderFunctionArgs) => {\n  const currentUser = await requireUser(request);\n\n  if (!params.slug) {\n    return { article: null };\n  }\n\n  return throwAnyErrors(\n    GET("/articles/{slug}", {\n      params: { path: { slug: params.slug } },\n      headers: { Authorization: `Token ${currentUser.token}` },\n    }),\n  );\n};\n'})}),"\n",(0,a.jsx)(n.p,{children:"The action will take the new field values, run them through our data schema, and if everything is correct, commit those changes to the backend, either by updating an existing article or creating a new one:"}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/article-edit/api/action.ts"',children:'import { json, redirect, type ActionFunctionArgs } from "@remix-run/node";\n\nimport { POST, PUT, requireUser } from "shared/api";\nimport { parseAsArticle } from "../model/parseAsArticle";\n\nexport const action = async ({ request, params }: ActionFunctionArgs) => {\n  try {\n    const { body, description, title, tags } = parseAsArticle(\n      await request.formData(),\n    );\n    const tagList = tags?.split(",") ?? [];\n\n    const currentUser = await requireUser(request);\n    const payload = {\n      body: {\n        article: {\n          title,\n          description,\n          body,\n          tagList,\n        },\n      },\n      headers: { Authorization: `Token ${currentUser.token}` },\n    };\n\n    const { data, error } = await (params.slug\n      ? PUT("/articles/{slug}", {\n          params: { path: { slug: params.slug } },\n          ...payload,\n        })\n      : POST("/articles", payload));\n\n    if (error) {\n      return json({ errors: error }, { status: 422 });\n    }\n\n    return redirect(`/article/${data.article.slug ?? ""}`);\n  } catch (errors) {\n    return json({ errors }, { status: 400 });\n  }\n};\n'})}),"\n",(0,a.jsxs)(n.p,{children:["The schema doubles as a parsing function for ",(0,a.jsx)(n.code,{children:"FormData"}),", which allows us to conveniently get the clean fields or just throw the errors to handle at the end. Here\u2019s how that parsing function could look:"]}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/article-edit/model/parseAsArticle.ts"',children:'export function parseAsArticle(data: FormData) {\n  const errors = [];\n\n  const title = data.get("title");\n  if (typeof title !== "string" || title === "") {\n    errors.push("Give this article a title");\n  }\n\n  const description = data.get("description");\n  if (typeof description !== "string" || description === "") {\n    errors.push("Describe what this article is about");\n  }\n\n  const body = data.get("body");\n  if (typeof body !== "string" || body === "") {\n    errors.push("Write the article itself");\n  }\n\n  const tags = data.get("tags");\n  if (typeof tags !== "string") {\n    errors.push("The tags must be a string");\n  }\n\n  if (errors.length > 0) {\n    throw errors;\n  }\n\n  return { title, description, body, tags: data.get("tags") ?? "" } as {\n    title: string;\n    description: string;\n    body: string;\n    tags: string;\n  };\n}\n'})}),"\n",(0,a.jsx)(n.p,{children:"Arguably, it\u2019s a bit lengthy and repetitive, but that\u2019s the price we pay for human-readable errors. This could also be a Zod schema, for example, but then we would have to render error messages on the frontend, and this form is not worth the complication."}),"\n",(0,a.jsxs)(n.p,{children:["One last step \u2014 connect the page, the loader, and the action to the routes. Since we neatly support both creation and editing, we can export the same thing from both ",(0,a.jsx)(n.code,{children:"editor._index.tsx"})," and ",(0,a.jsx)(n.code,{children:"editor.$slug.tsx"}),":"]}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/article-edit/index.ts"',children:'export { ArticleEditPage } from "./ui/ArticleEditPage";\nexport { loader } from "./api/loader";\nexport { action } from "./api/action";\n'})}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{className:"language-tsx",metastring:'title="app/routes/editor._index.tsx, app/routes/editor.$slug.tsx (same content)"',children:'import { ArticleEditPage } from "pages/article-edit";\n\nexport { loader, action } from "pages/article-edit";\n\nexport default ArticleEditPage;\n'})}),"\n",(0,a.jsx)(n.p,{children:"We\u2019re done now! Log in and try creating a new article. Or \u201cforget\u201d to write the article and see the validation kick in."}),"\n",(0,a.jsxs)("figure",{children:[(0,a.jsx)(n.p,{children:(0,a.jsx)(n.img,{alt:"The Conduit article editor, with the title field saying \u201cNew article\u201d and the rest of the fields empty. Above the form there are two errors: \u201cDescribe what this article is about\u201d and \u201cWrite the article itself\u201d.",src:t(6011).A+"",width:"2880",height:"1488"})}),(0,a.jsxs)("figcaption",{children:["The Conduit article editor, with the title field saying \u201cNew article\u201d and the rest of the fields empty. Above the form there are two errors: ",(0,a.jsx)(n.strong,{children:"\u201cDescribe what this article is about\u201d"})," and ",(0,a.jsx)(n.strong,{children:"\u201cWrite the article itself\u201d"}),"."]})]}),"\n",(0,a.jsx)(n.p,{children:"The profile and settings pages are very similar to the article reader and editor, they are left as an exercise for the reader, that\u2019s you :)"})]})}function h(e={}){const{wrapper:n}={...(0,r.R)(),...e.components};return n?(0,a.jsx)(n,{...e,children:(0,a.jsx)(d,{...e})}):d(e)}},8891:(e,n,t)=>{t.d(n,{A:()=>a});const a=t.p+"assets/images/conduit-banner-a20e38edcd109ee21a8b1426d93a66b3.jpg"},6011:(e,n,t)=>{t.d(n,{A:()=>a});const a=t.p+"assets/images/realworld-article-editor-bc3ee45c96ae905fdbb54d6463d12723.jpg"},6953:(e,n,t)=>{t.d(n,{A:()=>a});const a=t.p+"assets/images/realworld-article-reader-6a420e4f2afe139d2bdd54d62974f0b9.jpg"},9922:(e,n,t)=>{t.d(n,{A:()=>a});const a=t.p+"assets/images/realworld-editor-authenticated-10de4d01479270886859e08592045b1e.jpg"},9703:(e,n,t)=>{t.d(n,{A:()=>a});const a=t.p+"assets/images/realworld-feed-anonymous-8cbba45f488931979f6c8da8968ad685.jpg"},1405:(e,n,t)=>{t.d(n,{A:()=>a});const a=t.p+"assets/images/realworld-feed-authenticated-15427d9ff7baae009b47b501bee6c059.jpg"},6231:(e,n,t)=>{t.d(n,{A:()=>a});const a=t.p+"assets/images/realworld-feed-without-tabs-5da4c9072101ac20e82e2234bd3badbe.jpg"},1100:(e,n,t)=>{t.d(n,{R:()=>i,x:()=>o});var a=t(758);const r={},s=a.createContext(r);function i(e){const n=a.useContext(s);return a.useMemo((function(){return"function"==typeof e?e(n):{...n,...e}}),[n,e])}function o(e){let n;return n=e.disableParentContext?"function"==typeof e.components?e.components(r):e.components||r:i(e.components),a.createElement(s.Provider,{value:n},e.children)}}}]);
\ No newline at end of file
diff --git a/assets/js/87e5c187.e7b86eb1.js b/assets/js/87e5c187.51198970.js
similarity index 98%
rename from assets/js/87e5c187.e7b86eb1.js
rename to assets/js/87e5c187.51198970.js
index 2701b718a1..32a81d9fbb 100644
--- a/assets/js/87e5c187.e7b86eb1.js
+++ b/assets/js/87e5c187.51198970.js
@@ -1 +1 @@
-"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[8913],{1928:(e,t,s)=>{s.d(t,{Ay:()=>u,RM:()=>c});var n=s(6070),i=s(1100),r=(s(758),s(6783)),o=s(7765);const d=e=>{let{ticket:t}=e;const s=`https://github.com/feature-sliced/documentation/issues/${t}`;return(0,n.jsxs)("div",{children:[(0,n.jsx)("p",{children:(0,o.T)({id:"shared.wip.title"})}),(0,n.jsx)("p",{children:(0,o.T)({id:"shared.wip.subtitle"})}),(0,n.jsxs)("ul",{children:[(0,n.jsxs)("li",{children:[(0,o.T)({id:"shared.wip.var.feedback.base"}),(0,n.jsx)(r.A,{to:s,children:(0,o.T)({id:"shared.wip.var.feedback.link"})})]}),(0,n.jsxs)("li",{children:[(0,o.T)({id:"shared.wip.var.material.base"}),(0,n.jsx)(r.A,{to:"https://t.me/feature_sliced",children:(0,o.T)({id:"shared.wip.var.material.link"})})]}),(0,n.jsxs)("li",{children:[(0,o.T)({id:"shared.wip.var.contribute.base"}),(0,n.jsx)(r.A,{to:"https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md",children:(0,o.T)({id:"shared.wip.var.contribute.link"})})]})]}),(0,n.jsx)("br",{}),(0,n.jsx)("p",{children:(0,n.jsx)("i",{children:"\ud83c\udf70 Stay tuned!"})})]})},c=[];function a(e){const t={admonition:"admonition",...(0,i.R)(),...e.components};return(0,n.jsx)(t.admonition,{title:"WIP",type:"caution",children:(0,n.jsx)(d,{ticket:e.ticket})})}function u(e={}){const{wrapper:t}={...(0,i.R)(),...e.components};return t?(0,n.jsx)(t,{...e,children:(0,n.jsx)(a,{...e})}):a(e)}},9286:(e,t,s)=>{s.r(t),s.d(t,{assets:()=>a,contentTitle:()=>d,default:()=>h,frontMatter:()=>o,metadata:()=>c,toc:()=>u});var n=s(6070),i=s(1100),r=s(1928);const o={sidebar_class_name:"sidebar-item--wip",unlisted:!0},d="SSR",c={id:"guides/examples/ssr",title:"SSR",description:"About the implementation of SSR using the methodology",source:"@site/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/ssr.mdx",sourceDirName:"guides/examples",slug:"/guides/examples/ssr",permalink:"/docs/guides/examples/ssr",draft:!1,unlisted:!0,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/ssr.mdx",tags:[],version:"current",lastUpdatedAt:1727607766e3,frontMatter:{sidebar_class_name:"sidebar-item--wip",unlisted:!0},sidebar:"guidesSidebar"},a={},u=[...r.RM];function l(e){const t={blockquote:"blockquote",h1:"h1",header:"header",p:"p",...(0,i.R)(),...e.components};return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(t.header,{children:(0,n.jsx)(t.h1,{id:"ssr",children:"SSR"})}),"\n",(0,n.jsx)(r.Ay,{ticket:"173"}),"\n",(0,n.jsxs)(t.blockquote,{children:["\n",(0,n.jsx)(t.p,{children:"About the implementation of SSR using the methodology"}),"\n"]})]})}function h(e={}){const{wrapper:t}={...(0,i.R)(),...e.components};return t?(0,n.jsx)(t,{...e,children:(0,n.jsx)(l,{...e})}):l(e)}},1100:(e,t,s)=>{s.d(t,{R:()=>o,x:()=>d});var n=s(758);const i={},r=n.createContext(i);function o(e){const t=n.useContext(r);return n.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function d(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(i):e.components||i:o(e.components),n.createElement(r.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
+"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[8913],{1928:(e,t,s)=>{s.d(t,{Ay:()=>u,RM:()=>c});var n=s(6070),i=s(1100),r=(s(758),s(6783)),o=s(7765);const d=e=>{let{ticket:t}=e;const s=`https://github.com/feature-sliced/documentation/issues/${t}`;return(0,n.jsxs)("div",{children:[(0,n.jsx)("p",{children:(0,o.T)({id:"shared.wip.title"})}),(0,n.jsx)("p",{children:(0,o.T)({id:"shared.wip.subtitle"})}),(0,n.jsxs)("ul",{children:[(0,n.jsxs)("li",{children:[(0,o.T)({id:"shared.wip.var.feedback.base"}),(0,n.jsx)(r.A,{to:s,children:(0,o.T)({id:"shared.wip.var.feedback.link"})})]}),(0,n.jsxs)("li",{children:[(0,o.T)({id:"shared.wip.var.material.base"}),(0,n.jsx)(r.A,{to:"https://t.me/feature_sliced",children:(0,o.T)({id:"shared.wip.var.material.link"})})]}),(0,n.jsxs)("li",{children:[(0,o.T)({id:"shared.wip.var.contribute.base"}),(0,n.jsx)(r.A,{to:"https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md",children:(0,o.T)({id:"shared.wip.var.contribute.link"})})]})]}),(0,n.jsx)("br",{}),(0,n.jsx)("p",{children:(0,n.jsx)("i",{children:"\ud83c\udf70 Stay tuned!"})})]})},c=[];function a(e){const t={admonition:"admonition",...(0,i.R)(),...e.components};return(0,n.jsx)(t.admonition,{title:"WIP",type:"caution",children:(0,n.jsx)(d,{ticket:e.ticket})})}function u(e={}){const{wrapper:t}={...(0,i.R)(),...e.components};return t?(0,n.jsx)(t,{...e,children:(0,n.jsx)(a,{...e})}):a(e)}},9286:(e,t,s)=>{s.r(t),s.d(t,{assets:()=>a,contentTitle:()=>d,default:()=>h,frontMatter:()=>o,metadata:()=>c,toc:()=>u});var n=s(6070),i=s(1100),r=s(1928);const o={sidebar_class_name:"sidebar-item--wip",unlisted:!0},d="SSR",c={id:"guides/examples/ssr",title:"SSR",description:"About the implementation of SSR using the methodology",source:"@site/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/ssr.mdx",sourceDirName:"guides/examples",slug:"/guides/examples/ssr",permalink:"/docs/guides/examples/ssr",draft:!1,unlisted:!0,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/ssr.mdx",tags:[],version:"current",lastUpdatedAt:1728325386e3,frontMatter:{sidebar_class_name:"sidebar-item--wip",unlisted:!0},sidebar:"guidesSidebar"},a={},u=[...r.RM];function l(e){const t={blockquote:"blockquote",h1:"h1",header:"header",p:"p",...(0,i.R)(),...e.components};return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(t.header,{children:(0,n.jsx)(t.h1,{id:"ssr",children:"SSR"})}),"\n",(0,n.jsx)(r.Ay,{ticket:"173"}),"\n",(0,n.jsxs)(t.blockquote,{children:["\n",(0,n.jsx)(t.p,{children:"About the implementation of SSR using the methodology"}),"\n"]})]})}function h(e={}){const{wrapper:t}={...(0,i.R)(),...e.components};return t?(0,n.jsx)(t,{...e,children:(0,n.jsx)(l,{...e})}):l(e)}},1100:(e,t,s)=>{s.d(t,{R:()=>o,x:()=>d});var n=s(758);const i={},r=n.createContext(i);function o(e){const t=n.useContext(r);return n.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function d(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(i):e.components||i:o(e.components),n.createElement(r.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
diff --git a/assets/js/8b5a42c3.99413a71.js b/assets/js/8b5a42c3.d37b8df8.js
similarity index 98%
rename from assets/js/8b5a42c3.99413a71.js
rename to assets/js/8b5a42c3.d37b8df8.js
index d592c106e9..490352a937 100644
--- a/assets/js/8b5a42c3.99413a71.js
+++ b/assets/js/8b5a42c3.d37b8df8.js
@@ -1 +1 @@
-"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[192],{1928:(e,t,n)=>{n.d(t,{Ay:()=>l,RM:()=>c});var i=n(6070),r=n(1100),o=(n(758),n(6783)),s=n(7765);const a=e=>{let{ticket:t}=e;const n=`https://github.com/feature-sliced/documentation/issues/${t}`;return(0,i.jsxs)("div",{children:[(0,i.jsx)("p",{children:(0,s.T)({id:"shared.wip.title"})}),(0,i.jsx)("p",{children:(0,s.T)({id:"shared.wip.subtitle"})}),(0,i.jsxs)("ul",{children:[(0,i.jsxs)("li",{children:[(0,s.T)({id:"shared.wip.var.feedback.base"}),(0,i.jsx)(o.A,{to:n,children:(0,s.T)({id:"shared.wip.var.feedback.link"})})]}),(0,i.jsxs)("li",{children:[(0,s.T)({id:"shared.wip.var.material.base"}),(0,i.jsx)(o.A,{to:"https://t.me/feature_sliced",children:(0,s.T)({id:"shared.wip.var.material.link"})})]}),(0,i.jsxs)("li",{children:[(0,s.T)({id:"shared.wip.var.contribute.base"}),(0,i.jsx)(o.A,{to:"https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md",children:(0,s.T)({id:"shared.wip.var.contribute.link"})})]})]}),(0,i.jsx)("br",{}),(0,i.jsx)("p",{children:(0,i.jsx)("i",{children:"\ud83c\udf70 Stay tuned!"})})]})},c=[];function d(e){const t={admonition:"admonition",...(0,r.R)(),...e.components};return(0,i.jsx)(t.admonition,{title:"WIP",type:"caution",children:(0,i.jsx)(a,{ticket:e.ticket})})}function l(e={}){const{wrapper:t}={...(0,r.R)(),...e.components};return t?(0,i.jsx)(t,{...e,children:(0,i.jsx)(d,{...e})}):d(e)}},8110:(e,t,n)=>{n.r(t),n.d(t,{assets:()=>d,contentTitle:()=>a,default:()=>m,frontMatter:()=>s,metadata:()=>c,toc:()=>l});var i=n(6070),r=n(1100),o=n(1928);const s={sidebar_position:3,sidebar_class_name:"sidebar-item--wip"},a="Promote in team",c={id:"about/promote/for-team",title:"Promote in team",description:"- Onboard newcomers",source:"@site/i18n/en/docusaurus-plugin-content-docs/current/about/promote/for-team.mdx",sourceDirName:"about/promote",slug:"/about/promote/for-team",permalink:"/docs/about/promote/for-team",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/about/promote/for-team.mdx",tags:[],version:"current",lastUpdatedAt:1727607766e3,sidebarPosition:3,frontMatter:{sidebar_position:3,sidebar_class_name:"sidebar-item--wip"},sidebar:"aboutSidebar",previous:{title:"Partial Application",permalink:"/docs/about/promote/partial-application"},next:{title:"Promote in company",permalink:"/docs/about/promote/for-company"}},d={},l=[...o.RM,{value:"See also",id:"see-also",level:2}];function u(e){const t={a:"a",h1:"h1",h2:"h2",header:"header",li:"li",ul:"ul",...(0,r.R)(),...e.components};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(t.header,{children:(0,i.jsx)(t.h1,{id:"promote-in-team",children:"Promote in team"})}),"\n",(0,i.jsx)(o.Ay,{ticket:"182"}),"\n",(0,i.jsxs)(t.ul,{children:["\n",(0,i.jsx)(t.li,{children:"Onboard newcomers"}),"\n",(0,i.jsx)(t.li,{children:'Development Guidelines ("where to search N module", etc...)'}),"\n",(0,i.jsx)(t.li,{children:"New approach for tasks"}),"\n"]}),"\n",(0,i.jsx)(t.h2,{id:"see-also",children:"See also"}),"\n",(0,i.jsxs)(t.ul,{children:["\n",(0,i.jsx)(t.li,{children:(0,i.jsx)(t.a,{href:"https://t.me/feature_sliced/3360",children:"(Thread) The simplicity of the old approaches and the importance of mindfulness"})}),"\n",(0,i.jsx)(t.li,{children:(0,i.jsx)(t.a,{href:"https://t.me/feature_sliced/1918",children:"(Thread) About the convenience of searching by layers"})}),"\n"]})]})}function m(e={}){const{wrapper:t}={...(0,r.R)(),...e.components};return t?(0,i.jsx)(t,{...e,children:(0,i.jsx)(u,{...e})}):u(e)}},1100:(e,t,n)=>{n.d(t,{R:()=>s,x:()=>a});var i=n(758);const r={},o=i.createContext(r);function s(e){const t=i.useContext(o);return i.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function a(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(r):e.components||r:s(e.components),i.createElement(o.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
+"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[192],{1928:(e,t,n)=>{n.d(t,{Ay:()=>l,RM:()=>c});var i=n(6070),r=n(1100),o=(n(758),n(6783)),s=n(7765);const a=e=>{let{ticket:t}=e;const n=`https://github.com/feature-sliced/documentation/issues/${t}`;return(0,i.jsxs)("div",{children:[(0,i.jsx)("p",{children:(0,s.T)({id:"shared.wip.title"})}),(0,i.jsx)("p",{children:(0,s.T)({id:"shared.wip.subtitle"})}),(0,i.jsxs)("ul",{children:[(0,i.jsxs)("li",{children:[(0,s.T)({id:"shared.wip.var.feedback.base"}),(0,i.jsx)(o.A,{to:n,children:(0,s.T)({id:"shared.wip.var.feedback.link"})})]}),(0,i.jsxs)("li",{children:[(0,s.T)({id:"shared.wip.var.material.base"}),(0,i.jsx)(o.A,{to:"https://t.me/feature_sliced",children:(0,s.T)({id:"shared.wip.var.material.link"})})]}),(0,i.jsxs)("li",{children:[(0,s.T)({id:"shared.wip.var.contribute.base"}),(0,i.jsx)(o.A,{to:"https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md",children:(0,s.T)({id:"shared.wip.var.contribute.link"})})]})]}),(0,i.jsx)("br",{}),(0,i.jsx)("p",{children:(0,i.jsx)("i",{children:"\ud83c\udf70 Stay tuned!"})})]})},c=[];function d(e){const t={admonition:"admonition",...(0,r.R)(),...e.components};return(0,i.jsx)(t.admonition,{title:"WIP",type:"caution",children:(0,i.jsx)(a,{ticket:e.ticket})})}function l(e={}){const{wrapper:t}={...(0,r.R)(),...e.components};return t?(0,i.jsx)(t,{...e,children:(0,i.jsx)(d,{...e})}):d(e)}},8110:(e,t,n)=>{n.r(t),n.d(t,{assets:()=>d,contentTitle:()=>a,default:()=>m,frontMatter:()=>s,metadata:()=>c,toc:()=>l});var i=n(6070),r=n(1100),o=n(1928);const s={sidebar_position:3,sidebar_class_name:"sidebar-item--wip"},a="Promote in team",c={id:"about/promote/for-team",title:"Promote in team",description:"- Onboard newcomers",source:"@site/i18n/en/docusaurus-plugin-content-docs/current/about/promote/for-team.mdx",sourceDirName:"about/promote",slug:"/about/promote/for-team",permalink:"/docs/about/promote/for-team",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/about/promote/for-team.mdx",tags:[],version:"current",lastUpdatedAt:1728325386e3,sidebarPosition:3,frontMatter:{sidebar_position:3,sidebar_class_name:"sidebar-item--wip"},sidebar:"aboutSidebar",previous:{title:"Partial Application",permalink:"/docs/about/promote/partial-application"},next:{title:"Promote in company",permalink:"/docs/about/promote/for-company"}},d={},l=[...o.RM,{value:"See also",id:"see-also",level:2}];function u(e){const t={a:"a",h1:"h1",h2:"h2",header:"header",li:"li",ul:"ul",...(0,r.R)(),...e.components};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(t.header,{children:(0,i.jsx)(t.h1,{id:"promote-in-team",children:"Promote in team"})}),"\n",(0,i.jsx)(o.Ay,{ticket:"182"}),"\n",(0,i.jsxs)(t.ul,{children:["\n",(0,i.jsx)(t.li,{children:"Onboard newcomers"}),"\n",(0,i.jsx)(t.li,{children:'Development Guidelines ("where to search N module", etc...)'}),"\n",(0,i.jsx)(t.li,{children:"New approach for tasks"}),"\n"]}),"\n",(0,i.jsx)(t.h2,{id:"see-also",children:"See also"}),"\n",(0,i.jsxs)(t.ul,{children:["\n",(0,i.jsx)(t.li,{children:(0,i.jsx)(t.a,{href:"https://t.me/feature_sliced/3360",children:"(Thread) The simplicity of the old approaches and the importance of mindfulness"})}),"\n",(0,i.jsx)(t.li,{children:(0,i.jsx)(t.a,{href:"https://t.me/feature_sliced/1918",children:"(Thread) About the convenience of searching by layers"})}),"\n"]})]})}function m(e={}){const{wrapper:t}={...(0,r.R)(),...e.components};return t?(0,i.jsx)(t,{...e,children:(0,i.jsx)(u,{...e})}):u(e)}},1100:(e,t,n)=>{n.d(t,{R:()=>s,x:()=>a});var i=n(758);const r={},o=i.createContext(r);function s(e){const t=i.useContext(o);return i.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function a(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(r):e.components||r:s(e.components),i.createElement(o.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
diff --git a/assets/js/8b93e59a.a1040703.js b/assets/js/8b93e59a.c8469578.js
similarity index 99%
rename from assets/js/8b93e59a.a1040703.js
rename to assets/js/8b93e59a.c8469578.js
index 9769ad08e3..2450eb2956 100644
--- a/assets/js/8b93e59a.a1040703.js
+++ b/assets/js/8b93e59a.c8469578.js
@@ -1 +1 @@
-"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[6813],{1822:(e,t,n)=>{n.r(t),n.d(t,{assets:()=>l,contentTitle:()=>r,default:()=>c,frontMatter:()=>s,metadata:()=>a,toc:()=>h});var i=n(6070),o=n(1100);const s={sidebar_position:1},r="Authentication",a={id:"guides/examples/auth",title:"Authentication",description:"Broadly, authentication consists of the following steps:",source:"@site/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/auth.md",sourceDirName:"guides/examples",slug:"/guides/examples/auth",permalink:"/docs/guides/examples/auth",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/auth.md",tags:[],version:"current",lastUpdatedAt:1727607766e3,sidebarPosition:1,frontMatter:{sidebar_position:1},sidebar:"guidesSidebar",previous:{title:"Examples",permalink:"/docs/guides/examples/"},next:{title:"Types",permalink:"/docs/guides/examples/types"}},l={},h=[{value:"How to get credentials from the user",id:"how-to-get-credentials-from-the-user",level:2},{value:"Dedicated page for login",id:"dedicated-page-for-login",level:3},{value:"Dialog for login",id:"dialog-for-login",level:3},{value:"Client-side validation",id:"client-side-validation",level:3},{value:"How to send credentials to the backend",id:"how-to-send-credentials-to-the-backend",level:2},{value:"Where to store the request function",id:"where-to-store-the-request-function",level:3},{value:"In <code>shared/api</code>",id:"in-sharedapi",level:4},{value:"In the <code>api</code> segment of the page",id:"in-the-api-segment-of-the-page",level:4},{value:"Two-factor authentication",id:"two-factor-authentication",level:3},{value:"How to store the token for authenticated requests",id:"how-to-store-the-token-for-authenticated-requests",level:2},{value:"In Shared",id:"in-shared",level:3},{value:"In Entities",id:"in-entities",level:3},{value:"In Pages/Widgets (not recommended)",id:"in-pageswidgets-not-recommended",level:3},{value:"Logout and token invalidation",id:"logout-and-token-invalidation",level:2},{value:"Automatic logout",id:"automatic-logout",level:3}];function d(e){const t={a:"a",admonition:"admonition",blockquote:"blockquote",br:"br",code:"code",h1:"h1",h2:"h2",h3:"h3",h4:"h4",header:"header",li:"li",ol:"ol",p:"p",pre:"pre",strong:"strong",ul:"ul",...(0,o.R)(),...e.components};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(t.header,{children:(0,i.jsx)(t.h1,{id:"authentication",children:"Authentication"})}),"\n",(0,i.jsx)(t.p,{children:"Broadly, authentication consists of the following steps:"}),"\n",(0,i.jsxs)(t.ol,{children:["\n",(0,i.jsx)(t.li,{children:"Get the credentials from the user"}),"\n",(0,i.jsx)(t.li,{children:"Send them to the backend"}),"\n",(0,i.jsx)(t.li,{children:"Store the token to make authenticated requests"}),"\n"]}),"\n",(0,i.jsx)(t.h2,{id:"how-to-get-credentials-from-the-user",children:"How to get credentials from the user"}),"\n",(0,i.jsxs)(t.p,{children:["We are assuming that your app is responsible for getting credentials. If you have authentication via OAuth, you can simply create a login page with a link to the OAuth provider's login page and skip to ",(0,i.jsx)(t.a,{href:"#how-to-store-the-token-for-authenticated-requests",children:"step 3"}),"."]}),"\n",(0,i.jsx)(t.h3,{id:"dedicated-page-for-login",children:"Dedicated page for login"}),"\n",(0,i.jsx)(t.p,{children:"Usually, websites have dedicated pages for login, where you enter your username and password. These pages are quite simple, so they don't require decomposition. Login and registration forms are quite similar in appearance, so they can even be grouped into one page. Create a slice for your login/registration page on the Pages layer:"}),"\n",(0,i.jsxs)(t.ul,{children:["\n",(0,i.jsxs)(t.li,{children:["\ud83d\udcc2 pages","\n",(0,i.jsxs)(t.ul,{children:["\n",(0,i.jsxs)(t.li,{children:["\ud83d\udcc2 login","\n",(0,i.jsxs)(t.ul,{children:["\n",(0,i.jsxs)(t.li,{children:["\ud83d\udcc2 ui","\n",(0,i.jsxs)(t.ul,{children:["\n",(0,i.jsx)(t.li,{children:"\ud83d\udcc4 LoginPage.tsx (or your framework's component file format)"}),"\n",(0,i.jsx)(t.li,{children:"\ud83d\udcc4 RegisterPage.tsx"}),"\n"]}),"\n"]}),"\n",(0,i.jsx)(t.li,{children:"\ud83d\udcc4 index.ts"}),"\n"]}),"\n"]}),"\n",(0,i.jsx)(t.li,{children:"other pages\u2026"}),"\n"]}),"\n"]}),"\n"]}),"\n",(0,i.jsx)(t.p,{children:"Here we created two components and exported them both in the index file of the slice. These components will contain forms that are responsible for presenting the user with understandable controls to get their credentials."}),"\n",(0,i.jsx)(t.h3,{id:"dialog-for-login",children:"Dialog for login"}),"\n",(0,i.jsx)(t.p,{children:"If your app has a dialog for login that can be used on any page, consider making that dialog a widget. That way, you can still avoid too much decomposition, but have the freedom to reuse this dialog on any page."}),"\n",(0,i.jsxs)(t.ul,{children:["\n",(0,i.jsxs)(t.li,{children:["\ud83d\udcc2 widgets","\n",(0,i.jsxs)(t.ul,{children:["\n",(0,i.jsxs)(t.li,{children:["\ud83d\udcc2 login-dialog","\n",(0,i.jsxs)(t.ul,{children:["\n",(0,i.jsxs)(t.li,{children:["\ud83d\udcc2 ui","\n",(0,i.jsxs)(t.ul,{children:["\n",(0,i.jsx)(t.li,{children:"\ud83d\udcc4 LoginDialog.tsx"}),"\n"]}),"\n"]}),"\n",(0,i.jsx)(t.li,{children:"\ud83d\udcc4 index.ts"}),"\n"]}),"\n"]}),"\n",(0,i.jsx)(t.li,{children:"other widgets\u2026"}),"\n"]}),"\n"]}),"\n"]}),"\n",(0,i.jsx)(t.p,{children:"The rest of this guide is written for the dedicated page approach, but the same principles apply to the dialog widget."}),"\n",(0,i.jsx)(t.h3,{id:"client-side-validation",children:"Client-side validation"}),"\n",(0,i.jsxs)(t.p,{children:["Sometimes, especially for registration, it makes sense to perform client-side validation to let the user know quickly that they made a mistake. Validation can take place in the ",(0,i.jsx)(t.code,{children:"model"})," segment of the login page. Use a schema validation library, for example, ",(0,i.jsx)(t.a,{href:"https://zod.dev",children:"Zod"})," for JS/TS, and expose that schema to the ",(0,i.jsx)(t.code,{children:"ui"})," segment:"]}),"\n",(0,i.jsx)(t.pre,{children:(0,i.jsx)(t.code,{className:"language-ts",metastring:'title="pages/login/model/registration-schema.ts"',children:'import { z } from "zod";\n\nexport const registrationData = z.object({\n    email: z.string().email(),\n    password: z.string().min(6),\n    confirmPassword: z.string(),\n}).refine((data) => data.password === data.confirmPassword, {\n    message: "Passwords do not match",\n    path: ["confirmPassword"],\n});\n'})}),"\n",(0,i.jsxs)(t.p,{children:["Then, in the ",(0,i.jsx)(t.code,{children:"ui"})," segment, you can use this schema to validate the user input:"]}),"\n",(0,i.jsx)(t.pre,{children:(0,i.jsx)(t.code,{className:"language-tsx",metastring:'title="pages/login/ui/RegisterPage.tsx"',children:'import { registrationData } from "../model/registration-schema";\n\nfunction validate(formData: FormData) {\n    const data = Object.fromEntries(formData.entries());\n    try {\n        registrationData.parse(data);\n    } catch (error) {\n        // TODO: Show error message to the user\n    }\n}\n\nexport function RegisterPage() {\n    return (\n        <form onSubmit={(e) => validate(new FormData(e.target))}>\n            <label htmlFor="email">E-mail</label>\n            <input id="email" name="email" required />\n\n            <label htmlFor="password">Password (min. 6 characters)</label>\n            <input id="password" name="password" type="password" required />\n\n            <label htmlFor="confirmPassword">Confirm password</label>\n            <input id="confirmPassword" name="confirmPassword" type="password" required />\n        </form>\n    )\n}\n'})}),"\n",(0,i.jsx)(t.h2,{id:"how-to-send-credentials-to-the-backend",children:"How to send credentials to the backend"}),"\n",(0,i.jsx)(t.p,{children:"Create a function that makes a request to your backend's login endpoint. This function can either be called directly in the component code using a mutation library (e.g. TanStack Query), or it can be called as a side effect in a state manager."}),"\n",(0,i.jsx)(t.h3,{id:"where-to-store-the-request-function",children:"Where to store the request function"}),"\n",(0,i.jsxs)(t.p,{children:["There are two places you can put this function: in ",(0,i.jsx)(t.code,{children:"shared/api"}),", or in the ",(0,i.jsx)(t.code,{children:"api"})," segment of the page."]}),"\n",(0,i.jsxs)(t.h4,{id:"in-sharedapi",children:["In ",(0,i.jsx)(t.code,{children:"shared/api"})]}),"\n",(0,i.jsxs)(t.p,{children:["This approach goes well with when you put all your API requests in ",(0,i.jsx)(t.code,{children:"shared/api"}),", grouped by endpoint, for example. The file structure might look like this:"]}),"\n",(0,i.jsxs)(t.ul,{children:["\n",(0,i.jsxs)(t.li,{children:["\ud83d\udcc2 shared","\n",(0,i.jsxs)(t.ul,{children:["\n",(0,i.jsxs)(t.li,{children:["\ud83d\udcc2 api","\n",(0,i.jsxs)(t.ul,{children:["\n",(0,i.jsxs)(t.li,{children:["\ud83d\udcc2 endpoints","\n",(0,i.jsxs)(t.ul,{children:["\n",(0,i.jsx)(t.li,{children:"\ud83d\udcc4 login.ts"}),"\n",(0,i.jsx)(t.li,{children:"other endpoint functions\u2026"}),"\n"]}),"\n"]}),"\n",(0,i.jsx)(t.li,{children:"\ud83d\udcc4 client.ts"}),"\n",(0,i.jsx)(t.li,{children:"\ud83d\udcc4 index.ts"}),"\n"]}),"\n"]}),"\n"]}),"\n"]}),"\n"]}),"\n",(0,i.jsxs)(t.p,{children:["The ",(0,i.jsx)(t.code,{children:"\ud83d\udcc4 client.ts"})," file contains a wrapper around your request-making primitive (for example, ",(0,i.jsx)(t.code,{children:"fetch()"}),"). This wrapper would know about the base URL of your backend, set necessary headers, serialize data correctly, etc."]}),"\n",(0,i.jsx)(t.pre,{children:(0,i.jsx)(t.code,{className:"language-ts",metastring:'title="shared/api/endpoints/login.ts"',children:'import { POST } from "../client";\n\nexport function login({ email, password }: { email: string, password: string }) {\n    return POST("/login", { email, password });\n}\n'})}),"\n",(0,i.jsx)(t.pre,{children:(0,i.jsx)(t.code,{className:"language-ts",metastring:'title="shared/api/index.ts"',children:'export { login } from "./endpoints/login";\n'})}),"\n",(0,i.jsxs)(t.h4,{id:"in-the-api-segment-of-the-page",children:["In the ",(0,i.jsx)(t.code,{children:"api"})," segment of the page"]}),"\n",(0,i.jsxs)(t.p,{children:["If you don't keep all your requests in one place, consider stashing the login request in the ",(0,i.jsx)(t.code,{children:"api"})," segment of the login page."]}),"\n",(0,i.jsxs)(t.ul,{children:["\n",(0,i.jsxs)(t.li,{children:["\ud83d\udcc2 pages","\n",(0,i.jsxs)(t.ul,{children:["\n",(0,i.jsxs)(t.li,{children:["\ud83d\udcc2 login","\n",(0,i.jsxs)(t.ul,{children:["\n",(0,i.jsxs)(t.li,{children:["\ud83d\udcc2 api","\n",(0,i.jsxs)(t.ul,{children:["\n",(0,i.jsx)(t.li,{children:"\ud83d\udcc4 login.ts"}),"\n"]}),"\n"]}),"\n",(0,i.jsxs)(t.li,{children:["\ud83d\udcc2 ui","\n",(0,i.jsxs)(t.ul,{children:["\n",(0,i.jsx)(t.li,{children:"\ud83d\udcc4 LoginPage.tsx"}),"\n"]}),"\n"]}),"\n",(0,i.jsx)(t.li,{children:"\ud83d\udcc4 index.ts"}),"\n"]}),"\n"]}),"\n",(0,i.jsx)(t.li,{children:"other pages\u2026"}),"\n"]}),"\n"]}),"\n"]}),"\n",(0,i.jsx)(t.pre,{children:(0,i.jsx)(t.code,{className:"language-ts",metastring:'title="pages/login/api/login.ts"',children:'import { POST } from "shared/api";\n\nexport function login({ email, password }: { email: string, password: string }) {\n    return POST("/login", { email, password });\n}\n'})}),"\n",(0,i.jsxs)(t.p,{children:["You don't have to export the ",(0,i.jsx)(t.code,{children:"login()"})," function in the page's public API, because it's unlikely that any other place in the app will need this request."]}),"\n",(0,i.jsx)(t.h3,{id:"two-factor-authentication",children:"Two-factor authentication"}),"\n",(0,i.jsxs)(t.p,{children:["If your app supports two-factor authentication (2FA), you might have to redirect to another page where a user can enter a one-time password. Usually your ",(0,i.jsx)(t.code,{children:"POST /login"})," request would return the user object with a flag indicating that the user has 2FA enabled. If that flag is set, redirect the user to the 2FA page."]}),"\n",(0,i.jsxs)(t.p,{children:["Since this page is very related to logging in, you can also keep it in the same slice, ",(0,i.jsx)(t.code,{children:"login"})," on the Pages layer."]}),"\n",(0,i.jsxs)(t.p,{children:["You would also need another request function, similar to ",(0,i.jsx)(t.code,{children:"login()"})," that we created above. Place them together, either in Shared, or in the ",(0,i.jsx)(t.code,{children:"api"})," segment of the ",(0,i.jsx)(t.code,{children:"login"})," page."]}),"\n",(0,i.jsx)(t.h2,{id:"how-to-store-the-token-for-authenticated-requests",children:"How to store the token for authenticated requests"}),"\n",(0,i.jsx)(t.p,{children:"Regardless of the authentication scheme you have, be it a simple login & password, OAuth, or two-factor authentication, at the end you will receive a token. This token should be stored so that subsequent requests can identify themselves."}),"\n",(0,i.jsxs)(t.p,{children:["The ideal token storage for a web app is a ",(0,i.jsx)(t.strong,{children:"cookie"})," \u2014 it requires no manual token storage or handling. As such, cookie storage needs almost no consideration from the frontend architecture side. If your frontend framework has a server side (for example, ",(0,i.jsx)(t.a,{href:"https://remix.run",children:"Remix"}),"), then you should store the server-side cookie infrastructure in ",(0,i.jsx)(t.code,{children:"shared/api"}),". There is an example in ",(0,i.jsx)(t.a,{href:"/docs/get-started/tutorial#authentication",children:"the Authentication section of the tutorial"})," of how to do that with Remix."]}),"\n",(0,i.jsx)(t.p,{children:"Sometimes, however, cookie storage is not an option. In this case, you will have to store the token manually. Apart from storing the token, you may also need to set up logic for refreshing your token when it expires. With FSD, there are several places where you can store the token, as well as several ways to make it available for the rest of the app."}),"\n",(0,i.jsx)(t.h3,{id:"in-shared",children:"In Shared"}),"\n",(0,i.jsxs)(t.p,{children:["This approach plays well with an API client defined in ",(0,i.jsx)(t.code,{children:"shared/api"})," because the token is freely available for other request functions that require authentication to succeed. You can make the API client hold state, either with a reactive store or simply a module-level variable, and update that state in your ",(0,i.jsx)(t.code,{children:"login()"}),"/",(0,i.jsx)(t.code,{children:"logout()"})," functions."]}),"\n",(0,i.jsx)(t.p,{children:"Automatic token refresh can be implemented as a middleware in the API client \u2014 something that can execute every time you make any request. It can work like this:"}),"\n",(0,i.jsxs)(t.ul,{children:["\n",(0,i.jsx)(t.li,{children:"Authenticate and store the access token as well as the refresh token"}),"\n",(0,i.jsx)(t.li,{children:"Make any request that requires authentication"}),"\n",(0,i.jsx)(t.li,{children:"If the request fails with a status code that indicates token expiration, and there is a token in the store, make a refresh request, store the new tokens, and retry the original request"}),"\n"]}),"\n",(0,i.jsxs)(t.p,{children:["One of the drawbacks of this approach is that the logic of managing and refreshing the token doesn't have a dedicated place. This can be fine for some apps or teams, but if the token management logic is more complex, it may be preferable to separate responsibilities of making requests and managing tokens. You can do that by keeping your requests and API client in ",(0,i.jsx)(t.code,{children:"shared/api"}),", but the token store and management logic in ",(0,i.jsx)(t.code,{children:"shared/auth"}),"."]}),"\n",(0,i.jsxs)(t.p,{children:["Another drawback of this approach is that if your backend returns an object of your current user's information along with the token, you have to store that somewhere or discard that information and request it again from an endpoint like ",(0,i.jsx)(t.code,{children:"/me"})," or ",(0,i.jsx)(t.code,{children:"/users/current"}),"."]}),"\n",(0,i.jsx)(t.h3,{id:"in-entities",children:"In Entities"}),"\n",(0,i.jsx)(t.p,{children:"It's common for FSD projects to have an entity for a user and/or an entity for the current user. It can even be the same entity for both."}),"\n",(0,i.jsx)(t.admonition,{type:"note",children:(0,i.jsxs)(t.p,{children:["The ",(0,i.jsx)(t.strong,{children:"current user"}),' is also sometimes called "viewer" or "me". This is to distinguish the single authenticated user, with permissions and private information, from a list of all users with publicly accessible information.']})}),"\n",(0,i.jsxs)(t.p,{children:["To store the token in the User entity, create a reactive store in the ",(0,i.jsx)(t.code,{children:"model"})," segment. That store can contain both the token and the user object."]}),"\n",(0,i.jsxs)(t.p,{children:["Since the API client is usually defined in ",(0,i.jsx)(t.code,{children:"shared/api"})," or spreaded across the entities, the main challenge to this approach is making the token available to other requests that need it without breaking ",(0,i.jsx)(t.a,{href:"/docs/reference/layers#import-rule-on-layers",children:"the import rule on layers"}),":"]}),"\n",(0,i.jsxs)(t.blockquote,{children:["\n",(0,i.jsx)(t.p,{children:"A module in a slice can only import other slices when they are located on layers strictly below."}),"\n"]}),"\n",(0,i.jsx)(t.p,{children:"There are several solutions to this challenge:"}),"\n",(0,i.jsxs)(t.ol,{children:["\n",(0,i.jsxs)(t.li,{children:[(0,i.jsx)(t.strong,{children:"Pass the token manually every time you make a request"}),(0,i.jsx)(t.br,{}),"\n","This is the simplest solution, but it quickly becomes cumbersome, and if you don't have type safety, it's easy to forget. It's also not compatible with middlewares pattern for the API client in Shared."]}),"\n",(0,i.jsxs)(t.li,{children:[(0,i.jsxs)(t.strong,{children:["Expose the token to the entire app with a context or a global store like ",(0,i.jsx)(t.code,{children:"localStorage"})]}),(0,i.jsx)(t.br,{}),"\n","The key to retrieve the token will be kept in ",(0,i.jsx)(t.code,{children:"shared/api"})," so that the API client can access it. The reactive store of the token will be exported from the User entity, and the context provider (if needed) will be set up on the App layer. This gives more freedom for designing the API client, however, this creates an implicit dependency on higher layers to provide context. When following this approach, consider providing helpful error messages if the context or ",(0,i.jsx)(t.code,{children:"localStorage"})," are not set up correctly."]}),"\n",(0,i.jsxs)(t.li,{children:[(0,i.jsx)(t.strong,{children:"Inject the token into the API client every time it changes"}),(0,i.jsx)(t.br,{}),"\n",'If your store is reactive, you can create a subscription that will update the API client\'s token store every time the store in the entity changes. This is similar to the previous solution in that they both create an implicit dependency on higher layers, but this one is more imperative ("push"), while the previous one is more declarative ("pull").']}),"\n"]}),"\n",(0,i.jsxs)(t.p,{children:["Once you overcome the challenge of exposing the token that is stored in the entity's model, you can encode more business logic related to token management. For example, the ",(0,i.jsx)(t.code,{children:"model"})," segment can contain logic to invalidate the token after a certain period of time, or to refresh the token when it expires. To actually make requests to the backend, use the ",(0,i.jsx)(t.code,{children:"api"})," segment of the User entity or ",(0,i.jsx)(t.code,{children:"shared/api"}),"."]}),"\n",(0,i.jsx)(t.h3,{id:"in-pageswidgets-not-recommended",children:"In Pages/Widgets (not recommended)"}),"\n",(0,i.jsxs)(t.p,{children:["It is discouraged to store app-wide state like an access token in pages or widgets. Avoid placing your token store in the ",(0,i.jsx)(t.code,{children:"model"})," segment of the login page, instead choose from the first two solutions, Shared or Entities."]}),"\n",(0,i.jsx)(t.h2,{id:"logout-and-token-invalidation",children:"Logout and token invalidation"}),"\n",(0,i.jsx)(t.p,{children:"Usually, apps don't have an entire page for logging out, but the logout functionality is still very important. It consists of an authenticated request to the backend and an update to the token store."}),"\n",(0,i.jsxs)(t.p,{children:["If you store all your requests in ",(0,i.jsx)(t.code,{children:"shared/api"}),", keep the logout request function there, close to the login function. Otherwise, consider keeping the logout request function next to the button that triggers it. For example, if you have a header widget that appears on every page and contains the logout link, put that request in the ",(0,i.jsx)(t.code,{children:"api"})," segment of that widget."]}),"\n",(0,i.jsxs)(t.p,{children:["The update to the token store will have to be triggered from the place of the logout button, like a header widget. You can combine the request and the store update in the ",(0,i.jsx)(t.code,{children:"model"})," segment of that widget."]}),"\n",(0,i.jsx)(t.h3,{id:"automatic-logout",children:"Automatic logout"}),"\n",(0,i.jsxs)(t.p,{children:["Don't forget to build failsafes for when a request to log out fails, or a request to refresh a login token fails. In both of these cases, you should clear the token store. If you keep your token in Entities, this code can be placed in the ",(0,i.jsx)(t.code,{children:"model"})," segment as it is pure business logic. If you keep your token in Shared, placing this logic in ",(0,i.jsx)(t.code,{children:"shared/api"})," might bloat the segment and dilute its purpose. If you're noticing that your API segment contains two several unrelated things, consider splitting out the token management logic into another segment, for example, ",(0,i.jsx)(t.code,{children:"shared/auth"}),"."]})]})}function c(e={}){const{wrapper:t}={...(0,o.R)(),...e.components};return t?(0,i.jsx)(t,{...e,children:(0,i.jsx)(d,{...e})}):d(e)}},1100:(e,t,n)=>{n.d(t,{R:()=>r,x:()=>a});var i=n(758);const o={},s=i.createContext(o);function r(e){const t=i.useContext(s);return i.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function a(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(o):e.components||o:r(e.components),i.createElement(s.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
+"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[6813],{1822:(e,t,n)=>{n.r(t),n.d(t,{assets:()=>l,contentTitle:()=>r,default:()=>c,frontMatter:()=>s,metadata:()=>a,toc:()=>h});var i=n(6070),o=n(1100);const s={sidebar_position:1},r="Authentication",a={id:"guides/examples/auth",title:"Authentication",description:"Broadly, authentication consists of the following steps:",source:"@site/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/auth.md",sourceDirName:"guides/examples",slug:"/guides/examples/auth",permalink:"/docs/guides/examples/auth",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/auth.md",tags:[],version:"current",lastUpdatedAt:1728325386e3,sidebarPosition:1,frontMatter:{sidebar_position:1},sidebar:"guidesSidebar",previous:{title:"Examples",permalink:"/docs/guides/examples/"},next:{title:"Types",permalink:"/docs/guides/examples/types"}},l={},h=[{value:"How to get credentials from the user",id:"how-to-get-credentials-from-the-user",level:2},{value:"Dedicated page for login",id:"dedicated-page-for-login",level:3},{value:"Dialog for login",id:"dialog-for-login",level:3},{value:"Client-side validation",id:"client-side-validation",level:3},{value:"How to send credentials to the backend",id:"how-to-send-credentials-to-the-backend",level:2},{value:"Where to store the request function",id:"where-to-store-the-request-function",level:3},{value:"In <code>shared/api</code>",id:"in-sharedapi",level:4},{value:"In the <code>api</code> segment of the page",id:"in-the-api-segment-of-the-page",level:4},{value:"Two-factor authentication",id:"two-factor-authentication",level:3},{value:"How to store the token for authenticated requests",id:"how-to-store-the-token-for-authenticated-requests",level:2},{value:"In Shared",id:"in-shared",level:3},{value:"In Entities",id:"in-entities",level:3},{value:"In Pages/Widgets (not recommended)",id:"in-pageswidgets-not-recommended",level:3},{value:"Logout and token invalidation",id:"logout-and-token-invalidation",level:2},{value:"Automatic logout",id:"automatic-logout",level:3}];function d(e){const t={a:"a",admonition:"admonition",blockquote:"blockquote",br:"br",code:"code",h1:"h1",h2:"h2",h3:"h3",h4:"h4",header:"header",li:"li",ol:"ol",p:"p",pre:"pre",strong:"strong",ul:"ul",...(0,o.R)(),...e.components};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(t.header,{children:(0,i.jsx)(t.h1,{id:"authentication",children:"Authentication"})}),"\n",(0,i.jsx)(t.p,{children:"Broadly, authentication consists of the following steps:"}),"\n",(0,i.jsxs)(t.ol,{children:["\n",(0,i.jsx)(t.li,{children:"Get the credentials from the user"}),"\n",(0,i.jsx)(t.li,{children:"Send them to the backend"}),"\n",(0,i.jsx)(t.li,{children:"Store the token to make authenticated requests"}),"\n"]}),"\n",(0,i.jsx)(t.h2,{id:"how-to-get-credentials-from-the-user",children:"How to get credentials from the user"}),"\n",(0,i.jsxs)(t.p,{children:["We are assuming that your app is responsible for getting credentials. If you have authentication via OAuth, you can simply create a login page with a link to the OAuth provider's login page and skip to ",(0,i.jsx)(t.a,{href:"#how-to-store-the-token-for-authenticated-requests",children:"step 3"}),"."]}),"\n",(0,i.jsx)(t.h3,{id:"dedicated-page-for-login",children:"Dedicated page for login"}),"\n",(0,i.jsx)(t.p,{children:"Usually, websites have dedicated pages for login, where you enter your username and password. These pages are quite simple, so they don't require decomposition. Login and registration forms are quite similar in appearance, so they can even be grouped into one page. Create a slice for your login/registration page on the Pages layer:"}),"\n",(0,i.jsxs)(t.ul,{children:["\n",(0,i.jsxs)(t.li,{children:["\ud83d\udcc2 pages","\n",(0,i.jsxs)(t.ul,{children:["\n",(0,i.jsxs)(t.li,{children:["\ud83d\udcc2 login","\n",(0,i.jsxs)(t.ul,{children:["\n",(0,i.jsxs)(t.li,{children:["\ud83d\udcc2 ui","\n",(0,i.jsxs)(t.ul,{children:["\n",(0,i.jsx)(t.li,{children:"\ud83d\udcc4 LoginPage.tsx (or your framework's component file format)"}),"\n",(0,i.jsx)(t.li,{children:"\ud83d\udcc4 RegisterPage.tsx"}),"\n"]}),"\n"]}),"\n",(0,i.jsx)(t.li,{children:"\ud83d\udcc4 index.ts"}),"\n"]}),"\n"]}),"\n",(0,i.jsx)(t.li,{children:"other pages\u2026"}),"\n"]}),"\n"]}),"\n"]}),"\n",(0,i.jsx)(t.p,{children:"Here we created two components and exported them both in the index file of the slice. These components will contain forms that are responsible for presenting the user with understandable controls to get their credentials."}),"\n",(0,i.jsx)(t.h3,{id:"dialog-for-login",children:"Dialog for login"}),"\n",(0,i.jsx)(t.p,{children:"If your app has a dialog for login that can be used on any page, consider making that dialog a widget. That way, you can still avoid too much decomposition, but have the freedom to reuse this dialog on any page."}),"\n",(0,i.jsxs)(t.ul,{children:["\n",(0,i.jsxs)(t.li,{children:["\ud83d\udcc2 widgets","\n",(0,i.jsxs)(t.ul,{children:["\n",(0,i.jsxs)(t.li,{children:["\ud83d\udcc2 login-dialog","\n",(0,i.jsxs)(t.ul,{children:["\n",(0,i.jsxs)(t.li,{children:["\ud83d\udcc2 ui","\n",(0,i.jsxs)(t.ul,{children:["\n",(0,i.jsx)(t.li,{children:"\ud83d\udcc4 LoginDialog.tsx"}),"\n"]}),"\n"]}),"\n",(0,i.jsx)(t.li,{children:"\ud83d\udcc4 index.ts"}),"\n"]}),"\n"]}),"\n",(0,i.jsx)(t.li,{children:"other widgets\u2026"}),"\n"]}),"\n"]}),"\n"]}),"\n",(0,i.jsx)(t.p,{children:"The rest of this guide is written for the dedicated page approach, but the same principles apply to the dialog widget."}),"\n",(0,i.jsx)(t.h3,{id:"client-side-validation",children:"Client-side validation"}),"\n",(0,i.jsxs)(t.p,{children:["Sometimes, especially for registration, it makes sense to perform client-side validation to let the user know quickly that they made a mistake. Validation can take place in the ",(0,i.jsx)(t.code,{children:"model"})," segment of the login page. Use a schema validation library, for example, ",(0,i.jsx)(t.a,{href:"https://zod.dev",children:"Zod"})," for JS/TS, and expose that schema to the ",(0,i.jsx)(t.code,{children:"ui"})," segment:"]}),"\n",(0,i.jsx)(t.pre,{children:(0,i.jsx)(t.code,{className:"language-ts",metastring:'title="pages/login/model/registration-schema.ts"',children:'import { z } from "zod";\n\nexport const registrationData = z.object({\n    email: z.string().email(),\n    password: z.string().min(6),\n    confirmPassword: z.string(),\n}).refine((data) => data.password === data.confirmPassword, {\n    message: "Passwords do not match",\n    path: ["confirmPassword"],\n});\n'})}),"\n",(0,i.jsxs)(t.p,{children:["Then, in the ",(0,i.jsx)(t.code,{children:"ui"})," segment, you can use this schema to validate the user input:"]}),"\n",(0,i.jsx)(t.pre,{children:(0,i.jsx)(t.code,{className:"language-tsx",metastring:'title="pages/login/ui/RegisterPage.tsx"',children:'import { registrationData } from "../model/registration-schema";\n\nfunction validate(formData: FormData) {\n    const data = Object.fromEntries(formData.entries());\n    try {\n        registrationData.parse(data);\n    } catch (error) {\n        // TODO: Show error message to the user\n    }\n}\n\nexport function RegisterPage() {\n    return (\n        <form onSubmit={(e) => validate(new FormData(e.target))}>\n            <label htmlFor="email">E-mail</label>\n            <input id="email" name="email" required />\n\n            <label htmlFor="password">Password (min. 6 characters)</label>\n            <input id="password" name="password" type="password" required />\n\n            <label htmlFor="confirmPassword">Confirm password</label>\n            <input id="confirmPassword" name="confirmPassword" type="password" required />\n        </form>\n    )\n}\n'})}),"\n",(0,i.jsx)(t.h2,{id:"how-to-send-credentials-to-the-backend",children:"How to send credentials to the backend"}),"\n",(0,i.jsx)(t.p,{children:"Create a function that makes a request to your backend's login endpoint. This function can either be called directly in the component code using a mutation library (e.g. TanStack Query), or it can be called as a side effect in a state manager."}),"\n",(0,i.jsx)(t.h3,{id:"where-to-store-the-request-function",children:"Where to store the request function"}),"\n",(0,i.jsxs)(t.p,{children:["There are two places you can put this function: in ",(0,i.jsx)(t.code,{children:"shared/api"}),", or in the ",(0,i.jsx)(t.code,{children:"api"})," segment of the page."]}),"\n",(0,i.jsxs)(t.h4,{id:"in-sharedapi",children:["In ",(0,i.jsx)(t.code,{children:"shared/api"})]}),"\n",(0,i.jsxs)(t.p,{children:["This approach goes well with when you put all your API requests in ",(0,i.jsx)(t.code,{children:"shared/api"}),", grouped by endpoint, for example. The file structure might look like this:"]}),"\n",(0,i.jsxs)(t.ul,{children:["\n",(0,i.jsxs)(t.li,{children:["\ud83d\udcc2 shared","\n",(0,i.jsxs)(t.ul,{children:["\n",(0,i.jsxs)(t.li,{children:["\ud83d\udcc2 api","\n",(0,i.jsxs)(t.ul,{children:["\n",(0,i.jsxs)(t.li,{children:["\ud83d\udcc2 endpoints","\n",(0,i.jsxs)(t.ul,{children:["\n",(0,i.jsx)(t.li,{children:"\ud83d\udcc4 login.ts"}),"\n",(0,i.jsx)(t.li,{children:"other endpoint functions\u2026"}),"\n"]}),"\n"]}),"\n",(0,i.jsx)(t.li,{children:"\ud83d\udcc4 client.ts"}),"\n",(0,i.jsx)(t.li,{children:"\ud83d\udcc4 index.ts"}),"\n"]}),"\n"]}),"\n"]}),"\n"]}),"\n"]}),"\n",(0,i.jsxs)(t.p,{children:["The ",(0,i.jsx)(t.code,{children:"\ud83d\udcc4 client.ts"})," file contains a wrapper around your request-making primitive (for example, ",(0,i.jsx)(t.code,{children:"fetch()"}),"). This wrapper would know about the base URL of your backend, set necessary headers, serialize data correctly, etc."]}),"\n",(0,i.jsx)(t.pre,{children:(0,i.jsx)(t.code,{className:"language-ts",metastring:'title="shared/api/endpoints/login.ts"',children:'import { POST } from "../client";\n\nexport function login({ email, password }: { email: string, password: string }) {\n    return POST("/login", { email, password });\n}\n'})}),"\n",(0,i.jsx)(t.pre,{children:(0,i.jsx)(t.code,{className:"language-ts",metastring:'title="shared/api/index.ts"',children:'export { login } from "./endpoints/login";\n'})}),"\n",(0,i.jsxs)(t.h4,{id:"in-the-api-segment-of-the-page",children:["In the ",(0,i.jsx)(t.code,{children:"api"})," segment of the page"]}),"\n",(0,i.jsxs)(t.p,{children:["If you don't keep all your requests in one place, consider stashing the login request in the ",(0,i.jsx)(t.code,{children:"api"})," segment of the login page."]}),"\n",(0,i.jsxs)(t.ul,{children:["\n",(0,i.jsxs)(t.li,{children:["\ud83d\udcc2 pages","\n",(0,i.jsxs)(t.ul,{children:["\n",(0,i.jsxs)(t.li,{children:["\ud83d\udcc2 login","\n",(0,i.jsxs)(t.ul,{children:["\n",(0,i.jsxs)(t.li,{children:["\ud83d\udcc2 api","\n",(0,i.jsxs)(t.ul,{children:["\n",(0,i.jsx)(t.li,{children:"\ud83d\udcc4 login.ts"}),"\n"]}),"\n"]}),"\n",(0,i.jsxs)(t.li,{children:["\ud83d\udcc2 ui","\n",(0,i.jsxs)(t.ul,{children:["\n",(0,i.jsx)(t.li,{children:"\ud83d\udcc4 LoginPage.tsx"}),"\n"]}),"\n"]}),"\n",(0,i.jsx)(t.li,{children:"\ud83d\udcc4 index.ts"}),"\n"]}),"\n"]}),"\n",(0,i.jsx)(t.li,{children:"other pages\u2026"}),"\n"]}),"\n"]}),"\n"]}),"\n",(0,i.jsx)(t.pre,{children:(0,i.jsx)(t.code,{className:"language-ts",metastring:'title="pages/login/api/login.ts"',children:'import { POST } from "shared/api";\n\nexport function login({ email, password }: { email: string, password: string }) {\n    return POST("/login", { email, password });\n}\n'})}),"\n",(0,i.jsxs)(t.p,{children:["You don't have to export the ",(0,i.jsx)(t.code,{children:"login()"})," function in the page's public API, because it's unlikely that any other place in the app will need this request."]}),"\n",(0,i.jsx)(t.h3,{id:"two-factor-authentication",children:"Two-factor authentication"}),"\n",(0,i.jsxs)(t.p,{children:["If your app supports two-factor authentication (2FA), you might have to redirect to another page where a user can enter a one-time password. Usually your ",(0,i.jsx)(t.code,{children:"POST /login"})," request would return the user object with a flag indicating that the user has 2FA enabled. If that flag is set, redirect the user to the 2FA page."]}),"\n",(0,i.jsxs)(t.p,{children:["Since this page is very related to logging in, you can also keep it in the same slice, ",(0,i.jsx)(t.code,{children:"login"})," on the Pages layer."]}),"\n",(0,i.jsxs)(t.p,{children:["You would also need another request function, similar to ",(0,i.jsx)(t.code,{children:"login()"})," that we created above. Place them together, either in Shared, or in the ",(0,i.jsx)(t.code,{children:"api"})," segment of the ",(0,i.jsx)(t.code,{children:"login"})," page."]}),"\n",(0,i.jsx)(t.h2,{id:"how-to-store-the-token-for-authenticated-requests",children:"How to store the token for authenticated requests"}),"\n",(0,i.jsx)(t.p,{children:"Regardless of the authentication scheme you have, be it a simple login & password, OAuth, or two-factor authentication, at the end you will receive a token. This token should be stored so that subsequent requests can identify themselves."}),"\n",(0,i.jsxs)(t.p,{children:["The ideal token storage for a web app is a ",(0,i.jsx)(t.strong,{children:"cookie"})," \u2014 it requires no manual token storage or handling. As such, cookie storage needs almost no consideration from the frontend architecture side. If your frontend framework has a server side (for example, ",(0,i.jsx)(t.a,{href:"https://remix.run",children:"Remix"}),"), then you should store the server-side cookie infrastructure in ",(0,i.jsx)(t.code,{children:"shared/api"}),". There is an example in ",(0,i.jsx)(t.a,{href:"/docs/get-started/tutorial#authentication",children:"the Authentication section of the tutorial"})," of how to do that with Remix."]}),"\n",(0,i.jsx)(t.p,{children:"Sometimes, however, cookie storage is not an option. In this case, you will have to store the token manually. Apart from storing the token, you may also need to set up logic for refreshing your token when it expires. With FSD, there are several places where you can store the token, as well as several ways to make it available for the rest of the app."}),"\n",(0,i.jsx)(t.h3,{id:"in-shared",children:"In Shared"}),"\n",(0,i.jsxs)(t.p,{children:["This approach plays well with an API client defined in ",(0,i.jsx)(t.code,{children:"shared/api"})," because the token is freely available for other request functions that require authentication to succeed. You can make the API client hold state, either with a reactive store or simply a module-level variable, and update that state in your ",(0,i.jsx)(t.code,{children:"login()"}),"/",(0,i.jsx)(t.code,{children:"logout()"})," functions."]}),"\n",(0,i.jsx)(t.p,{children:"Automatic token refresh can be implemented as a middleware in the API client \u2014 something that can execute every time you make any request. It can work like this:"}),"\n",(0,i.jsxs)(t.ul,{children:["\n",(0,i.jsx)(t.li,{children:"Authenticate and store the access token as well as the refresh token"}),"\n",(0,i.jsx)(t.li,{children:"Make any request that requires authentication"}),"\n",(0,i.jsx)(t.li,{children:"If the request fails with a status code that indicates token expiration, and there is a token in the store, make a refresh request, store the new tokens, and retry the original request"}),"\n"]}),"\n",(0,i.jsxs)(t.p,{children:["One of the drawbacks of this approach is that the logic of managing and refreshing the token doesn't have a dedicated place. This can be fine for some apps or teams, but if the token management logic is more complex, it may be preferable to separate responsibilities of making requests and managing tokens. You can do that by keeping your requests and API client in ",(0,i.jsx)(t.code,{children:"shared/api"}),", but the token store and management logic in ",(0,i.jsx)(t.code,{children:"shared/auth"}),"."]}),"\n",(0,i.jsxs)(t.p,{children:["Another drawback of this approach is that if your backend returns an object of your current user's information along with the token, you have to store that somewhere or discard that information and request it again from an endpoint like ",(0,i.jsx)(t.code,{children:"/me"})," or ",(0,i.jsx)(t.code,{children:"/users/current"}),"."]}),"\n",(0,i.jsx)(t.h3,{id:"in-entities",children:"In Entities"}),"\n",(0,i.jsx)(t.p,{children:"It's common for FSD projects to have an entity for a user and/or an entity for the current user. It can even be the same entity for both."}),"\n",(0,i.jsx)(t.admonition,{type:"note",children:(0,i.jsxs)(t.p,{children:["The ",(0,i.jsx)(t.strong,{children:"current user"}),' is also sometimes called "viewer" or "me". This is to distinguish the single authenticated user, with permissions and private information, from a list of all users with publicly accessible information.']})}),"\n",(0,i.jsxs)(t.p,{children:["To store the token in the User entity, create a reactive store in the ",(0,i.jsx)(t.code,{children:"model"})," segment. That store can contain both the token and the user object."]}),"\n",(0,i.jsxs)(t.p,{children:["Since the API client is usually defined in ",(0,i.jsx)(t.code,{children:"shared/api"})," or spreaded across the entities, the main challenge to this approach is making the token available to other requests that need it without breaking ",(0,i.jsx)(t.a,{href:"/docs/reference/layers#import-rule-on-layers",children:"the import rule on layers"}),":"]}),"\n",(0,i.jsxs)(t.blockquote,{children:["\n",(0,i.jsx)(t.p,{children:"A module in a slice can only import other slices when they are located on layers strictly below."}),"\n"]}),"\n",(0,i.jsx)(t.p,{children:"There are several solutions to this challenge:"}),"\n",(0,i.jsxs)(t.ol,{children:["\n",(0,i.jsxs)(t.li,{children:[(0,i.jsx)(t.strong,{children:"Pass the token manually every time you make a request"}),(0,i.jsx)(t.br,{}),"\n","This is the simplest solution, but it quickly becomes cumbersome, and if you don't have type safety, it's easy to forget. It's also not compatible with middlewares pattern for the API client in Shared."]}),"\n",(0,i.jsxs)(t.li,{children:[(0,i.jsxs)(t.strong,{children:["Expose the token to the entire app with a context or a global store like ",(0,i.jsx)(t.code,{children:"localStorage"})]}),(0,i.jsx)(t.br,{}),"\n","The key to retrieve the token will be kept in ",(0,i.jsx)(t.code,{children:"shared/api"})," so that the API client can access it. The reactive store of the token will be exported from the User entity, and the context provider (if needed) will be set up on the App layer. This gives more freedom for designing the API client, however, this creates an implicit dependency on higher layers to provide context. When following this approach, consider providing helpful error messages if the context or ",(0,i.jsx)(t.code,{children:"localStorage"})," are not set up correctly."]}),"\n",(0,i.jsxs)(t.li,{children:[(0,i.jsx)(t.strong,{children:"Inject the token into the API client every time it changes"}),(0,i.jsx)(t.br,{}),"\n",'If your store is reactive, you can create a subscription that will update the API client\'s token store every time the store in the entity changes. This is similar to the previous solution in that they both create an implicit dependency on higher layers, but this one is more imperative ("push"), while the previous one is more declarative ("pull").']}),"\n"]}),"\n",(0,i.jsxs)(t.p,{children:["Once you overcome the challenge of exposing the token that is stored in the entity's model, you can encode more business logic related to token management. For example, the ",(0,i.jsx)(t.code,{children:"model"})," segment can contain logic to invalidate the token after a certain period of time, or to refresh the token when it expires. To actually make requests to the backend, use the ",(0,i.jsx)(t.code,{children:"api"})," segment of the User entity or ",(0,i.jsx)(t.code,{children:"shared/api"}),"."]}),"\n",(0,i.jsx)(t.h3,{id:"in-pageswidgets-not-recommended",children:"In Pages/Widgets (not recommended)"}),"\n",(0,i.jsxs)(t.p,{children:["It is discouraged to store app-wide state like an access token in pages or widgets. Avoid placing your token store in the ",(0,i.jsx)(t.code,{children:"model"})," segment of the login page, instead choose from the first two solutions, Shared or Entities."]}),"\n",(0,i.jsx)(t.h2,{id:"logout-and-token-invalidation",children:"Logout and token invalidation"}),"\n",(0,i.jsx)(t.p,{children:"Usually, apps don't have an entire page for logging out, but the logout functionality is still very important. It consists of an authenticated request to the backend and an update to the token store."}),"\n",(0,i.jsxs)(t.p,{children:["If you store all your requests in ",(0,i.jsx)(t.code,{children:"shared/api"}),", keep the logout request function there, close to the login function. Otherwise, consider keeping the logout request function next to the button that triggers it. For example, if you have a header widget that appears on every page and contains the logout link, put that request in the ",(0,i.jsx)(t.code,{children:"api"})," segment of that widget."]}),"\n",(0,i.jsxs)(t.p,{children:["The update to the token store will have to be triggered from the place of the logout button, like a header widget. You can combine the request and the store update in the ",(0,i.jsx)(t.code,{children:"model"})," segment of that widget."]}),"\n",(0,i.jsx)(t.h3,{id:"automatic-logout",children:"Automatic logout"}),"\n",(0,i.jsxs)(t.p,{children:["Don't forget to build failsafes for when a request to log out fails, or a request to refresh a login token fails. In both of these cases, you should clear the token store. If you keep your token in Entities, this code can be placed in the ",(0,i.jsx)(t.code,{children:"model"})," segment as it is pure business logic. If you keep your token in Shared, placing this logic in ",(0,i.jsx)(t.code,{children:"shared/api"})," might bloat the segment and dilute its purpose. If you're noticing that your API segment contains two several unrelated things, consider splitting out the token management logic into another segment, for example, ",(0,i.jsx)(t.code,{children:"shared/auth"}),"."]})]})}function c(e={}){const{wrapper:t}={...(0,o.R)(),...e.components};return t?(0,i.jsx)(t,{...e,children:(0,i.jsx)(d,{...e})}):d(e)}},1100:(e,t,n)=>{n.d(t,{R:()=>r,x:()=>a});var i=n(758);const o={},s=i.createContext(o);function r(e){const t=i.useContext(s);return i.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function a(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(o):e.components||o:r(e.components),i.createElement(s.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
diff --git a/assets/js/8c1e6152.ac52de38.js b/assets/js/8c1e6152.47e22a6f.js
similarity index 99%
rename from assets/js/8c1e6152.ac52de38.js
rename to assets/js/8c1e6152.47e22a6f.js
index fabe813860..eaac515cac 100644
--- a/assets/js/8c1e6152.ac52de38.js
+++ b/assets/js/8c1e6152.47e22a6f.js
@@ -1 +1 @@
-"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[1616],{3193:(e,s,n)=>{n.r(s),n.d(s,{assets:()=>c,contentTitle:()=>l,default:()=>a,frontMatter:()=>t,metadata:()=>o,toc:()=>d});var i=n(6070),r=n(1100);const t={sidebar_position:4},l="Migration from v1",o={id:"guides/migration/from-v1",title:"Migration from v1",description:"Why v2?",source:"@site/i18n/en/docusaurus-plugin-content-docs/current/guides/migration/from-v1.md",sourceDirName:"guides/migration",slug:"/guides/migration/from-v1",permalink:"/docs/guides/migration/from-v1",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/guides/migration/from-v1.md",tags:[],version:"current",lastUpdatedAt:1727607766e3,sidebarPosition:4,frontMatter:{sidebar_position:4},sidebar:"guidesSidebar",previous:{title:"From a custom architecture",permalink:"/docs/guides/migration/from-custom"},next:{title:"Usage with NextJS",permalink:"/docs/guides/tech/with-nextjs"}},c={},d=[{value:"Why v2?",id:"why-v2",level:2},{value:"Why does it make sense to migrate the project to v2?",id:"why-does-it-make-sense-to-migrate-the-project-to-v2",level:2},{value:"\ud83d\udd0d More transparent and simple architecture",id:"-more-transparent-and-simple-architecture",level:4},{value:"\ud83d\udce6 More flexible and honest modularity",id:"-more-flexible-and-honest-modularity",level:4},{value:"\ud83d\ude80 More specifications, plans, community",id:"-more-specifications-plans-community",level:4},{value:"Changelog",id:"changelog",level:2},{value:"<code>BREAKING</code> Layers",id:"breaking-layers",level:3},{value:"<code>BREAKING</code> Shared",id:"breaking-shared",level:3},{value:"<code>NEW</code> Entities, Processes",id:"new-entities-processes",level:3},{value:"<code>BREAKING</code> Abstractions &amp; Naming",id:"breaking-abstractions--naming",level:3},{value:"Layers",id:"layers",level:4},{value:"Segments",id:"segments",level:4},{value:"<code>REFINED</code> Low coupling",id:"refined-low-coupling",level:3},{value:"See also",id:"see-also",level:2}];function h(e){const s={a:"a",blockquote:"blockquote",code:"code",em:"em",h1:"h1",h2:"h2",h3:"h3",h4:"h4",header:"header",li:"li",p:"p",strong:"strong",ul:"ul",...(0,r.R)(),...e.components};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(s.header,{children:(0,i.jsx)(s.h1,{id:"migration-from-v1",children:"Migration from v1"})}),"\n",(0,i.jsx)(s.h2,{id:"why-v2",children:"Why v2?"}),"\n",(0,i.jsxs)(s.p,{children:["The original concept of ",(0,i.jsx)(s.strong,{children:"feature-slices"})," ",(0,i.jsx)(s.a,{href:"https://t.me/feature_slices",children:"was announced"})," in 2018."]}),"\n",(0,i.jsxs)(s.p,{children:["Since then, many transformations of the methodology have taken place, but at the same time ",(0,i.jsx)(s.strong,{children:(0,i.jsx)(s.a,{href:"https://feature-sliced.github.io/featureslices.dev/v1.0.html",children:"the basic principles were preserved"})}),":"]}),"\n",(0,i.jsxs)(s.ul,{children:["\n",(0,i.jsxs)(s.li,{children:["Using a ",(0,i.jsx)(s.em,{children:"standardized"})," frontend project structure"]}),"\n",(0,i.jsxs)(s.li,{children:["Splitting the application in the first place-according to ",(0,i.jsx)(s.em,{children:"business logic"})]}),"\n",(0,i.jsxs)(s.li,{children:["Use of ",(0,i.jsx)(s.em,{children:"isolated features"})," to prevent implicit side effects and cyclic dependencies"]}),"\n",(0,i.jsxs)(s.li,{children:["Using the ",(0,i.jsx)(s.em,{children:"Public API"}),' with a ban on climbing "into the insides" of the module']}),"\n"]}),"\n",(0,i.jsxs)(s.p,{children:["At the same time, in the previous version of the methodology, there were still ",(0,i.jsx)(s.strong,{children:"weak points"})," that"]}),"\n",(0,i.jsxs)(s.ul,{children:["\n",(0,i.jsx)(s.li,{children:"Sometimes it leads to boilerplate code"}),"\n",(0,i.jsx)(s.li,{children:"Sometimes it leads to excessive complication of the code base and non-obvious rules between abstractions"}),"\n",(0,i.jsx)(s.li,{children:"Sometimes it leads to implicit architectural solutions, which prevented the project from being pulled up and new people from onboarding"}),"\n"]}),"\n",(0,i.jsxs)(s.p,{children:["The new version of the methodology (",(0,i.jsx)(s.a,{href:"https://github.com/feature-sliced/documentation",children:"v2"}),") is designed ",(0,i.jsx)(s.strong,{children:"to eliminate these shortcomings, while preserving the existing advantages"})," of the approach."]}),"\n",(0,i.jsxs)(s.p,{children:["Since 2018, ",(0,i.jsx)(s.a,{href:"https://github.com/kof/feature-driven-architecture/issues",children:"has also developed"})," another similar methodology - ",(0,i.jsx)(s.a,{href:"https://github.com/feature-sliced/documentation/tree/rc/feature-driven",children:(0,i.jsx)(s.strong,{children:"feature-driven"})}),", which was first announced by ",(0,i.jsx)(s.a,{href:"https://github.com/kof",children:"Oleg Isonen"}),"."]}),"\n",(0,i.jsxs)(s.p,{children:["After merging of the two approaches, we have ",(0,i.jsx)(s.strong,{children:"improved and refined existing practices"})," - towards greater flexibility, clarity and efficiency in application."]}),"\n",(0,i.jsxs)(s.blockquote,{children:["\n",(0,i.jsxs)(s.p,{children:["As a result, this has even affected the name of the methodology - ",(0,i.jsxs)(s.em,{children:['"feature-slice',(0,i.jsx)(s.strong,{children:"d"}),'"']})]}),"\n"]}),"\n",(0,i.jsx)(s.h2,{id:"why-does-it-make-sense-to-migrate-the-project-to-v2",children:"Why does it make sense to migrate the project to v2?"}),"\n",(0,i.jsxs)(s.blockquote,{children:["\n",(0,i.jsxs)(s.p,{children:[(0,i.jsx)(s.code,{children:"WIP:"})," The current version of the methodology is under development and some details ",(0,i.jsx)(s.em,{children:"may change"})]}),"\n"]}),"\n",(0,i.jsx)(s.h4,{id:"-more-transparent-and-simple-architecture",children:"\ud83d\udd0d More transparent and simple architecture"}),"\n",(0,i.jsxs)(s.p,{children:["The methodology (v2) offers ",(0,i.jsx)(s.strong,{children:"more intuitive and more common abstractions and ways of separating logic among developers."})]}),"\n",(0,i.jsx)(s.p,{children:"All this has an extremely positive effect on attracting new people, as well as studying the current state of the project, and distributing the business logic of the application."}),"\n",(0,i.jsx)(s.h4,{id:"-more-flexible-and-honest-modularity",children:"\ud83d\udce6 More flexible and honest modularity"}),"\n",(0,i.jsxs)(s.p,{children:["The methodology (v2) allows ",(0,i.jsx)(s.strong,{children:"to distribute logic in a more flexible way:"})]}),"\n",(0,i.jsxs)(s.ul,{children:["\n",(0,i.jsx)(s.li,{children:"With the ability to refactor isolated parts from scratch"}),"\n",(0,i.jsx)(s.li,{children:"With the ability to rely on the same abstractions, but without unnecessary interweaving of dependencies"}),"\n",(0,i.jsxs)(s.li,{children:["With simpler requirements for the location of the new module ",(0,i.jsx)(s.em,{children:"(layer => slice => segment)"})]}),"\n"]}),"\n",(0,i.jsx)(s.h4,{id:"-more-specifications-plans-community",children:"\ud83d\ude80 More specifications, plans, community"}),"\n",(0,i.jsxs)(s.p,{children:["At the moment, the ",(0,i.jsx)(s.code,{children:"core-team"})," is actively working on the latest (v2) version of the methodology"]}),"\n",(0,i.jsx)(s.p,{children:"So it is for her:"}),"\n",(0,i.jsxs)(s.ul,{children:["\n",(0,i.jsx)(s.li,{children:"there will be more described cases / problems"}),"\n",(0,i.jsx)(s.li,{children:"there will be more guides on the application"}),"\n",(0,i.jsx)(s.li,{children:"there will be more real examples"}),"\n",(0,i.jsx)(s.li,{children:"in general, there will be more documentation for onboarding new people and studying the concepts of the methodology"}),"\n",(0,i.jsx)(s.li,{children:"the toolkit will be developed in the future to comply with the concepts and conventions on architecture"}),"\n"]}),"\n",(0,i.jsxs)(s.blockquote,{children:["\n",(0,i.jsx)(s.p,{children:"Of course, there will be user support for the first version as well - but the latest version is still a priority for us"}),"\n",(0,i.jsxs)(s.p,{children:["In the future, with the next major updates, you will still have access to the current version (v2) of the methodology, ",(0,i.jsx)(s.strong,{children:"without risks for your teams and projects"})]}),"\n"]}),"\n",(0,i.jsx)(s.h2,{id:"changelog",children:"Changelog"}),"\n",(0,i.jsxs)(s.h3,{id:"breaking-layers",children:[(0,i.jsx)(s.code,{children:"BREAKING"})," Layers"]}),"\n",(0,i.jsx)(s.p,{children:"Now the methodology assumes explicit allocation of layers at the top level"}),"\n",(0,i.jsxs)(s.ul,{children:["\n",(0,i.jsxs)(s.li,{children:["\n",(0,i.jsxs)(s.p,{children:[(0,i.jsx)(s.code,{children:"/app"})," > ",(0,i.jsx)(s.code,{children:"/processes"})," > ",(0,i.jsx)(s.strong,{children:(0,i.jsx)(s.code,{children:"/pages"})})," > ",(0,i.jsx)(s.strong,{children:(0,i.jsx)(s.code,{children:"/features"})})," > ",(0,i.jsx)(s.code,{children:"/entities"})," > ",(0,i.jsx)(s.code,{children:"/shared"})]}),"\n"]}),"\n",(0,i.jsxs)(s.li,{children:["\n",(0,i.jsx)(s.p,{children:(0,i.jsx)(s.em,{children:"That is, not everything is now treated as features/pages"})}),"\n"]}),"\n",(0,i.jsxs)(s.li,{children:["\n",(0,i.jsxs)(s.p,{children:["This approach allows you to ",(0,i.jsx)(s.a,{href:"https://t.me/atomicdesign/18708",children:"explicitly set rules for layers"}),":"]}),"\n"]}),"\n",(0,i.jsxs)(s.li,{children:["\n",(0,i.jsxs)(s.p,{children:["The ",(0,i.jsx)(s.strong,{children:"higher the layer"})," of the module is located , the more ",(0,i.jsx)(s.strong,{children:"context"})," it has"]}),"\n",(0,i.jsx)(s.p,{children:(0,i.jsx)(s.em,{children:"(in other words-each module of the layer - can import only the modules of the underlying layers, but not higher)"})}),"\n"]}),"\n",(0,i.jsxs)(s.li,{children:["\n",(0,i.jsxs)(s.p,{children:["The ",(0,i.jsx)(s.strong,{children:"lower the layer of the"})," module is located , the more ",(0,i.jsx)(s.strong,{children:"danger and responsibility"})," to make changes to it"]}),"\n",(0,i.jsx)(s.p,{children:(0,i.jsx)(s.em,{children:"(because it is usually the underlying layers that are more overused)"})}),"\n"]}),"\n"]}),"\n",(0,i.jsxs)(s.h3,{id:"breaking-shared",children:[(0,i.jsx)(s.code,{children:"BREAKING"})," Shared"]}),"\n",(0,i.jsxs)(s.p,{children:["The infrastructure abstractions ",(0,i.jsx)(s.code,{children:"/ui"}),", ",(0,i.jsx)(s.code,{children:"/lib"}),", ",(0,i.jsx)(s.code,{children:"/api"}),", which used to lie in the src root of the project, are now separated by a separate directory ",(0,i.jsx)(s.code,{children:"/src/shared"})]}),"\n",(0,i.jsxs)(s.ul,{children:["\n",(0,i.jsxs)(s.li,{children:[(0,i.jsx)(s.code,{children:"shared/ui"})," - Still the same general uikit of the application (optional)","\n",(0,i.jsxs)(s.ul,{children:["\n",(0,i.jsx)(s.li,{children:(0,i.jsxs)(s.em,{children:["At the same time, no one forbids using ",(0,i.jsx)(s.code,{children:"Atomic Design"})," here as before"]})}),"\n"]}),"\n"]}),"\n",(0,i.jsxs)(s.li,{children:[(0,i.jsx)(s.code,{children:"shared/lib"})," - A set of auxiliary libraries for implementing logic","\n",(0,i.jsxs)(s.ul,{children:["\n",(0,i.jsx)(s.li,{children:(0,i.jsx)(s.em,{children:"Still - without a dump of helpers"})}),"\n"]}),"\n"]}),"\n",(0,i.jsxs)(s.li,{children:[(0,i.jsx)(s.code,{children:"shared/api"})," - A common entry point for accessing the API","\n",(0,i.jsxs)(s.ul,{children:["\n",(0,i.jsx)(s.li,{children:(0,i.jsx)(s.em,{children:"Can also be registered locally in each feature / page - but it is not recommended"})}),"\n"]}),"\n"]}),"\n",(0,i.jsxs)(s.li,{children:["As before - there should be no explicit binding to business logic in ",(0,i.jsx)(s.code,{children:"shared"}),"\n",(0,i.jsxs)(s.ul,{children:["\n",(0,i.jsx)(s.li,{children:(0,i.jsxs)(s.em,{children:["If necessary, you need to take this relationship to the ",(0,i.jsx)(s.code,{children:"entities"})," level or even higher"]})}),"\n"]}),"\n"]}),"\n"]}),"\n",(0,i.jsxs)(s.h3,{id:"new-entities-processes",children:[(0,i.jsx)(s.code,{children:"NEW"})," Entities, Processes"]}),"\n",(0,i.jsxs)(s.p,{children:["In v2 ",(0,i.jsx)(s.strong,{children:", other new abstractions"})," have been added to eliminate the problems of logic complexity and high coupling."]}),"\n",(0,i.jsxs)(s.ul,{children:["\n",(0,i.jsxs)(s.li,{children:[(0,i.jsx)(s.code,{children:"/entities"})," - layer ",(0,i.jsx)(s.strong,{children:"business entities"})," containing slices that are related directly to the business models or synthetic entities required only on frontend","\n",(0,i.jsxs)(s.ul,{children:["\n",(0,i.jsx)(s.li,{children:(0,i.jsxs)(s.em,{children:["Examples: ",(0,i.jsx)(s.code,{children:"user"}),", ",(0,i.jsx)(s.code,{children:"i18n"}),", ",(0,i.jsx)(s.code,{children:"order"}),", ",(0,i.jsx)(s.code,{children:"blog"})]})}),"\n"]}),"\n"]}),"\n",(0,i.jsxs)(s.li,{children:[(0,i.jsx)(s.code,{children:"/processes"})," - layer ",(0,i.jsx)(s.strong,{children:"business processes"}),", penetrating app","\n",(0,i.jsxs)(s.ul,{children:["\n",(0,i.jsxs)(s.li,{children:[(0,i.jsx)(s.strong,{children:"The layer is optional"}),", it is usually recommended to use it when ",(0,i.jsx)(s.em,{children:"the logic grows and begins to blur in several pages"})]}),"\n",(0,i.jsx)(s.li,{children:(0,i.jsxs)(s.em,{children:["Examples: ",(0,i.jsx)(s.code,{children:"payment"}),", ",(0,i.jsx)(s.code,{children:"auth"}),", ",(0,i.jsx)(s.code,{children:"quick-tour"})]})}),"\n"]}),"\n"]}),"\n"]}),"\n",(0,i.jsxs)(s.h3,{id:"breaking-abstractions--naming",children:[(0,i.jsx)(s.code,{children:"BREAKING"})," Abstractions & Naming"]}),"\n",(0,i.jsxs)(s.p,{children:["Now specific abstractions and ",(0,i.jsx)(s.a,{href:"/docs/about/understanding/naming",children:"clear recommendations for naming them"}),"are defined"]}),"\n",(0,i.jsx)(s.h4,{id:"layers",children:"Layers"}),"\n",(0,i.jsxs)(s.ul,{children:["\n",(0,i.jsxs)(s.li,{children:[(0,i.jsx)(s.code,{children:"/app"})," \u2014 ",(0,i.jsx)(s.strong,{children:"application initialization layer"}),"\n",(0,i.jsxs)(s.ul,{children:["\n",(0,i.jsx)(s.li,{children:(0,i.jsxs)(s.em,{children:["Previous versions: ",(0,i.jsx)(s.code,{children:"app"}),", ",(0,i.jsx)(s.code,{children:"core"}),",",(0,i.jsx)(s.code,{children:"init"}),", ",(0,i.jsx)(s.code,{children:"src/index"})," (and this happens)"]})}),"\n"]}),"\n"]}),"\n",(0,i.jsxs)(s.li,{children:[(0,i.jsx)(s.code,{children:"/processes"})," \u2014 ",(0,i.jsx)(s.a,{href:"https://github.com/feature-sliced/documentation/discussions/20",children:(0,i.jsx)(s.strong,{children:"business process layer"})}),"\n",(0,i.jsxs)(s.ul,{children:["\n",(0,i.jsx)(s.li,{children:(0,i.jsxs)(s.em,{children:["Previous versions: ",(0,i.jsx)(s.code,{children:"processes"}),", ",(0,i.jsx)(s.code,{children:"flows"}),", ",(0,i.jsx)(s.code,{children:"workflows"})]})}),"\n"]}),"\n"]}),"\n",(0,i.jsxs)(s.li,{children:[(0,i.jsx)(s.code,{children:"/pages"})," \u2014 ",(0,i.jsx)(s.strong,{children:"application page layer"}),"\n",(0,i.jsxs)(s.ul,{children:["\n",(0,i.jsx)(s.li,{children:(0,i.jsxs)(s.em,{children:["Previous versions: ",(0,i.jsx)(s.code,{children:"pages"}),", ",(0,i.jsx)(s.code,{children:"screens"}),", ",(0,i.jsx)(s.code,{children:"views"}),", ",(0,i.jsx)(s.code,{children:"layouts"}),", ",(0,i.jsx)(s.code,{children:"components"}),", ",(0,i.jsx)(s.code,{children:"containers"})]})}),"\n"]}),"\n"]}),"\n",(0,i.jsxs)(s.li,{children:[(0,i.jsx)(s.code,{children:"/features"})," \u2014 ",(0,i.jsx)(s.a,{href:"https://github.com/feature-sliced/documentation/discussions/23",children:(0,i.jsx)(s.strong,{children:"functionality parts layer"})}),"\n",(0,i.jsxs)(s.ul,{children:["\n",(0,i.jsx)(s.li,{children:(0,i.jsxs)(s.em,{children:["Previous versions: ",(0,i.jsx)(s.code,{children:"features"}),", ",(0,i.jsx)(s.code,{children:"components"}),", ",(0,i.jsx)(s.code,{children:"containers"})]})}),"\n"]}),"\n"]}),"\n",(0,i.jsxs)(s.li,{children:[(0,i.jsx)(s.code,{children:"/entities"})," \u2014 ",(0,i.jsx)(s.a,{href:"https://github.com/feature-sliced/documentation/discussions/18#discussioncomment-422649",children:(0,i.jsx)(s.strong,{children:"business entity layer"})}),"\n",(0,i.jsxs)(s.ul,{children:["\n",(0,i.jsx)(s.li,{children:(0,i.jsxs)(s.em,{children:["Previous versions: ",(0,i.jsx)(s.code,{children:"entities"}),", ",(0,i.jsx)(s.code,{children:"models"}),", ",(0,i.jsx)(s.code,{children:"shared"})]})}),"\n"]}),"\n"]}),"\n",(0,i.jsxs)(s.li,{children:[(0,i.jsx)(s.code,{children:"/shared"})," \u2014 ",(0,i.jsx)(s.a,{href:"https://github.com/feature-sliced/documentation/discussions/31#discussioncomment-453020",children:(0,i.jsx)(s.strong,{children:"layer of reused infrastructure code"})})," \ud83d\udd25","\n",(0,i.jsxs)(s.ul,{children:["\n",(0,i.jsx)(s.li,{children:(0,i.jsxs)(s.em,{children:["Previous versions: ",(0,i.jsx)(s.code,{children:"shared"}),", ",(0,i.jsx)(s.code,{children:"common"}),", ",(0,i.jsx)(s.code,{children:"lib"})]})}),"\n"]}),"\n"]}),"\n"]}),"\n",(0,i.jsx)(s.h4,{id:"segments",children:"Segments"}),"\n",(0,i.jsxs)(s.ul,{children:["\n",(0,i.jsxs)(s.li,{children:[(0,i.jsx)(s.code,{children:"/ui"})," \u2014 ",(0,i.jsx)(s.a,{href:"https://github.com/feature-sliced/documentation/discussions/31#discussioncomment-453132",children:(0,i.jsx)(s.strong,{children:"UI segment"})})," \ud83d\udd25","\n",(0,i.jsxs)(s.ul,{children:["\n",(0,i.jsx)(s.li,{children:(0,i.jsxs)(s.em,{children:["Previous versions: ",(0,i.jsx)(s.code,{children:"ui"}),", ",(0,i.jsx)(s.code,{children:"components"}),", ",(0,i.jsx)(s.code,{children:"view"})]})}),"\n"]}),"\n"]}),"\n",(0,i.jsxs)(s.li,{children:[(0,i.jsx)(s.code,{children:"/model"})," \u2014 ",(0,i.jsx)(s.a,{href:"https://github.com/feature-sliced/documentation/discussions/31#discussioncomment-472645",children:(0,i.jsx)(s.strong,{children:"BL-segment"})})," \ud83d\udd25","\n",(0,i.jsxs)(s.ul,{children:["\n",(0,i.jsx)(s.li,{children:(0,i.jsxs)(s.em,{children:["Previous versions: ",(0,i.jsx)(s.code,{children:"model"}),", ",(0,i.jsx)(s.code,{children:"store"}),", ",(0,i.jsx)(s.code,{children:"state"}),", ",(0,i.jsx)(s.code,{children:"services"}),", ",(0,i.jsx)(s.code,{children:"controller"})]})}),"\n"]}),"\n"]}),"\n",(0,i.jsxs)(s.li,{children:[(0,i.jsx)(s.code,{children:"/lib"})," \u2014 segment ",(0,i.jsx)(s.strong,{children:"of auxiliary code"}),"\n",(0,i.jsxs)(s.ul,{children:["\n",(0,i.jsx)(s.li,{children:(0,i.jsxs)(s.em,{children:["Previous versions: ",(0,i.jsx)(s.code,{children:"lib"}),", ",(0,i.jsx)(s.code,{children:"libs"}),", ",(0,i.jsx)(s.code,{children:"utils"}),", ",(0,i.jsx)(s.code,{children:"helpers"})]})}),"\n"]}),"\n"]}),"\n",(0,i.jsxs)(s.li,{children:[(0,i.jsx)(s.code,{children:"/api"})," \u2014 ",(0,i.jsx)(s.a,{href:"https://github.com/feature-sliced/documentation/discussions/66",children:(0,i.jsx)(s.strong,{children:"API segment"})}),"\n",(0,i.jsxs)(s.ul,{children:["\n",(0,i.jsx)(s.li,{children:(0,i.jsxs)(s.em,{children:["Previous versions: ",(0,i.jsx)(s.code,{children:"api"}),", ",(0,i.jsx)(s.code,{children:"service"}),", ",(0,i.jsx)(s.code,{children:"requests"}),", ",(0,i.jsx)(s.code,{children:"queries"})]})}),"\n"]}),"\n"]}),"\n",(0,i.jsxs)(s.li,{children:[(0,i.jsx)(s.code,{children:"/config"})," \u2014 ",(0,i.jsx)(s.strong,{children:"application configuration segment"}),"\n",(0,i.jsxs)(s.ul,{children:["\n",(0,i.jsx)(s.li,{children:(0,i.jsxs)(s.em,{children:["Previous versions: ",(0,i.jsx)(s.code,{children:"config"}),", ",(0,i.jsx)(s.code,{children:"env"}),", ",(0,i.jsx)(s.code,{children:"get-env"})]})}),"\n"]}),"\n"]}),"\n"]}),"\n",(0,i.jsxs)(s.h3,{id:"refined-low-coupling",children:[(0,i.jsx)(s.code,{children:"REFINED"})," Low coupling"]}),"\n",(0,i.jsxs)(s.p,{children:["Now it is much easier to ",(0,i.jsx)(s.a,{href:"/docs/reference/isolation/coupling-cohesion",children:"observe the principle of low coupling"})," between modules, thanks to the new layers."]}),"\n",(0,i.jsx)(s.p,{children:(0,i.jsx)(s.em,{children:'At the same time, it is still recommended to avoid as much as possible cases where it is extremely difficult to "uncouple" modules'})}),"\n",(0,i.jsx)(s.h2,{id:"see-also",children:"See also"}),"\n",(0,i.jsxs)(s.ul,{children:["\n",(0,i.jsx)(s.li,{children:(0,i.jsx)(s.a,{href:"https://t.me/feature_slices",children:'Notes from the report "React SPB Meetup #1"'})}),"\n",(0,i.jsx)(s.li,{children:(0,i.jsx)(s.a,{href:"https://www.youtube.com/watch?v=BWAeYuWFHhs",children:'React Berlin Talk - Oleg Isonen "Feature Driven Architecture"'})}),"\n",(0,i.jsx)(s.li,{children:(0,i.jsx)(s.a,{href:"https://t.me/feature_sliced/493",children:"Comparison with v1 (community-chat)"})}),"\n",(0,i.jsx)(s.li,{children:(0,i.jsx)(s.a,{href:"https://t.me/atomicdesign/18708",children:"New ideas v2 with explanations (atomicdesign-chat)"})}),"\n",(0,i.jsx)(s.li,{children:(0,i.jsx)(s.a,{href:"https://github.com/feature-sliced/documentation/discussions/31",children:"Discussion of abstractions and naming for the new version of the methodology (v2)"})}),"\n"]})]})}function a(e={}){const{wrapper:s}={...(0,r.R)(),...e.components};return s?(0,i.jsx)(s,{...e,children:(0,i.jsx)(h,{...e})}):h(e)}},1100:(e,s,n)=>{n.d(s,{R:()=>l,x:()=>o});var i=n(758);const r={},t=i.createContext(r);function l(e){const s=i.useContext(t);return i.useMemo((function(){return"function"==typeof e?e(s):{...s,...e}}),[s,e])}function o(e){let s;return s=e.disableParentContext?"function"==typeof e.components?e.components(r):e.components||r:l(e.components),i.createElement(t.Provider,{value:s},e.children)}}}]);
\ No newline at end of file
+"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[1616],{3193:(e,s,n)=>{n.r(s),n.d(s,{assets:()=>c,contentTitle:()=>l,default:()=>a,frontMatter:()=>t,metadata:()=>o,toc:()=>d});var i=n(6070),r=n(1100);const t={sidebar_position:4},l="Migration from v1",o={id:"guides/migration/from-v1",title:"Migration from v1",description:"Why v2?",source:"@site/i18n/en/docusaurus-plugin-content-docs/current/guides/migration/from-v1.md",sourceDirName:"guides/migration",slug:"/guides/migration/from-v1",permalink:"/docs/guides/migration/from-v1",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/guides/migration/from-v1.md",tags:[],version:"current",lastUpdatedAt:1728325386e3,sidebarPosition:4,frontMatter:{sidebar_position:4},sidebar:"guidesSidebar",previous:{title:"From a custom architecture",permalink:"/docs/guides/migration/from-custom"},next:{title:"Usage with NextJS",permalink:"/docs/guides/tech/with-nextjs"}},c={},d=[{value:"Why v2?",id:"why-v2",level:2},{value:"Why does it make sense to migrate the project to v2?",id:"why-does-it-make-sense-to-migrate-the-project-to-v2",level:2},{value:"\ud83d\udd0d More transparent and simple architecture",id:"-more-transparent-and-simple-architecture",level:4},{value:"\ud83d\udce6 More flexible and honest modularity",id:"-more-flexible-and-honest-modularity",level:4},{value:"\ud83d\ude80 More specifications, plans, community",id:"-more-specifications-plans-community",level:4},{value:"Changelog",id:"changelog",level:2},{value:"<code>BREAKING</code> Layers",id:"breaking-layers",level:3},{value:"<code>BREAKING</code> Shared",id:"breaking-shared",level:3},{value:"<code>NEW</code> Entities, Processes",id:"new-entities-processes",level:3},{value:"<code>BREAKING</code> Abstractions &amp; Naming",id:"breaking-abstractions--naming",level:3},{value:"Layers",id:"layers",level:4},{value:"Segments",id:"segments",level:4},{value:"<code>REFINED</code> Low coupling",id:"refined-low-coupling",level:3},{value:"See also",id:"see-also",level:2}];function h(e){const s={a:"a",blockquote:"blockquote",code:"code",em:"em",h1:"h1",h2:"h2",h3:"h3",h4:"h4",header:"header",li:"li",p:"p",strong:"strong",ul:"ul",...(0,r.R)(),...e.components};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(s.header,{children:(0,i.jsx)(s.h1,{id:"migration-from-v1",children:"Migration from v1"})}),"\n",(0,i.jsx)(s.h2,{id:"why-v2",children:"Why v2?"}),"\n",(0,i.jsxs)(s.p,{children:["The original concept of ",(0,i.jsx)(s.strong,{children:"feature-slices"})," ",(0,i.jsx)(s.a,{href:"https://t.me/feature_slices",children:"was announced"})," in 2018."]}),"\n",(0,i.jsxs)(s.p,{children:["Since then, many transformations of the methodology have taken place, but at the same time ",(0,i.jsx)(s.strong,{children:(0,i.jsx)(s.a,{href:"https://feature-sliced.github.io/featureslices.dev/v1.0.html",children:"the basic principles were preserved"})}),":"]}),"\n",(0,i.jsxs)(s.ul,{children:["\n",(0,i.jsxs)(s.li,{children:["Using a ",(0,i.jsx)(s.em,{children:"standardized"})," frontend project structure"]}),"\n",(0,i.jsxs)(s.li,{children:["Splitting the application in the first place-according to ",(0,i.jsx)(s.em,{children:"business logic"})]}),"\n",(0,i.jsxs)(s.li,{children:["Use of ",(0,i.jsx)(s.em,{children:"isolated features"})," to prevent implicit side effects and cyclic dependencies"]}),"\n",(0,i.jsxs)(s.li,{children:["Using the ",(0,i.jsx)(s.em,{children:"Public API"}),' with a ban on climbing "into the insides" of the module']}),"\n"]}),"\n",(0,i.jsxs)(s.p,{children:["At the same time, in the previous version of the methodology, there were still ",(0,i.jsx)(s.strong,{children:"weak points"})," that"]}),"\n",(0,i.jsxs)(s.ul,{children:["\n",(0,i.jsx)(s.li,{children:"Sometimes it leads to boilerplate code"}),"\n",(0,i.jsx)(s.li,{children:"Sometimes it leads to excessive complication of the code base and non-obvious rules between abstractions"}),"\n",(0,i.jsx)(s.li,{children:"Sometimes it leads to implicit architectural solutions, which prevented the project from being pulled up and new people from onboarding"}),"\n"]}),"\n",(0,i.jsxs)(s.p,{children:["The new version of the methodology (",(0,i.jsx)(s.a,{href:"https://github.com/feature-sliced/documentation",children:"v2"}),") is designed ",(0,i.jsx)(s.strong,{children:"to eliminate these shortcomings, while preserving the existing advantages"})," of the approach."]}),"\n",(0,i.jsxs)(s.p,{children:["Since 2018, ",(0,i.jsx)(s.a,{href:"https://github.com/kof/feature-driven-architecture/issues",children:"has also developed"})," another similar methodology - ",(0,i.jsx)(s.a,{href:"https://github.com/feature-sliced/documentation/tree/rc/feature-driven",children:(0,i.jsx)(s.strong,{children:"feature-driven"})}),", which was first announced by ",(0,i.jsx)(s.a,{href:"https://github.com/kof",children:"Oleg Isonen"}),"."]}),"\n",(0,i.jsxs)(s.p,{children:["After merging of the two approaches, we have ",(0,i.jsx)(s.strong,{children:"improved and refined existing practices"})," - towards greater flexibility, clarity and efficiency in application."]}),"\n",(0,i.jsxs)(s.blockquote,{children:["\n",(0,i.jsxs)(s.p,{children:["As a result, this has even affected the name of the methodology - ",(0,i.jsxs)(s.em,{children:['"feature-slice',(0,i.jsx)(s.strong,{children:"d"}),'"']})]}),"\n"]}),"\n",(0,i.jsx)(s.h2,{id:"why-does-it-make-sense-to-migrate-the-project-to-v2",children:"Why does it make sense to migrate the project to v2?"}),"\n",(0,i.jsxs)(s.blockquote,{children:["\n",(0,i.jsxs)(s.p,{children:[(0,i.jsx)(s.code,{children:"WIP:"})," The current version of the methodology is under development and some details ",(0,i.jsx)(s.em,{children:"may change"})]}),"\n"]}),"\n",(0,i.jsx)(s.h4,{id:"-more-transparent-and-simple-architecture",children:"\ud83d\udd0d More transparent and simple architecture"}),"\n",(0,i.jsxs)(s.p,{children:["The methodology (v2) offers ",(0,i.jsx)(s.strong,{children:"more intuitive and more common abstractions and ways of separating logic among developers."})]}),"\n",(0,i.jsx)(s.p,{children:"All this has an extremely positive effect on attracting new people, as well as studying the current state of the project, and distributing the business logic of the application."}),"\n",(0,i.jsx)(s.h4,{id:"-more-flexible-and-honest-modularity",children:"\ud83d\udce6 More flexible and honest modularity"}),"\n",(0,i.jsxs)(s.p,{children:["The methodology (v2) allows ",(0,i.jsx)(s.strong,{children:"to distribute logic in a more flexible way:"})]}),"\n",(0,i.jsxs)(s.ul,{children:["\n",(0,i.jsx)(s.li,{children:"With the ability to refactor isolated parts from scratch"}),"\n",(0,i.jsx)(s.li,{children:"With the ability to rely on the same abstractions, but without unnecessary interweaving of dependencies"}),"\n",(0,i.jsxs)(s.li,{children:["With simpler requirements for the location of the new module ",(0,i.jsx)(s.em,{children:"(layer => slice => segment)"})]}),"\n"]}),"\n",(0,i.jsx)(s.h4,{id:"-more-specifications-plans-community",children:"\ud83d\ude80 More specifications, plans, community"}),"\n",(0,i.jsxs)(s.p,{children:["At the moment, the ",(0,i.jsx)(s.code,{children:"core-team"})," is actively working on the latest (v2) version of the methodology"]}),"\n",(0,i.jsx)(s.p,{children:"So it is for her:"}),"\n",(0,i.jsxs)(s.ul,{children:["\n",(0,i.jsx)(s.li,{children:"there will be more described cases / problems"}),"\n",(0,i.jsx)(s.li,{children:"there will be more guides on the application"}),"\n",(0,i.jsx)(s.li,{children:"there will be more real examples"}),"\n",(0,i.jsx)(s.li,{children:"in general, there will be more documentation for onboarding new people and studying the concepts of the methodology"}),"\n",(0,i.jsx)(s.li,{children:"the toolkit will be developed in the future to comply with the concepts and conventions on architecture"}),"\n"]}),"\n",(0,i.jsxs)(s.blockquote,{children:["\n",(0,i.jsx)(s.p,{children:"Of course, there will be user support for the first version as well - but the latest version is still a priority for us"}),"\n",(0,i.jsxs)(s.p,{children:["In the future, with the next major updates, you will still have access to the current version (v2) of the methodology, ",(0,i.jsx)(s.strong,{children:"without risks for your teams and projects"})]}),"\n"]}),"\n",(0,i.jsx)(s.h2,{id:"changelog",children:"Changelog"}),"\n",(0,i.jsxs)(s.h3,{id:"breaking-layers",children:[(0,i.jsx)(s.code,{children:"BREAKING"})," Layers"]}),"\n",(0,i.jsx)(s.p,{children:"Now the methodology assumes explicit allocation of layers at the top level"}),"\n",(0,i.jsxs)(s.ul,{children:["\n",(0,i.jsxs)(s.li,{children:["\n",(0,i.jsxs)(s.p,{children:[(0,i.jsx)(s.code,{children:"/app"})," > ",(0,i.jsx)(s.code,{children:"/processes"})," > ",(0,i.jsx)(s.strong,{children:(0,i.jsx)(s.code,{children:"/pages"})})," > ",(0,i.jsx)(s.strong,{children:(0,i.jsx)(s.code,{children:"/features"})})," > ",(0,i.jsx)(s.code,{children:"/entities"})," > ",(0,i.jsx)(s.code,{children:"/shared"})]}),"\n"]}),"\n",(0,i.jsxs)(s.li,{children:["\n",(0,i.jsx)(s.p,{children:(0,i.jsx)(s.em,{children:"That is, not everything is now treated as features/pages"})}),"\n"]}),"\n",(0,i.jsxs)(s.li,{children:["\n",(0,i.jsxs)(s.p,{children:["This approach allows you to ",(0,i.jsx)(s.a,{href:"https://t.me/atomicdesign/18708",children:"explicitly set rules for layers"}),":"]}),"\n"]}),"\n",(0,i.jsxs)(s.li,{children:["\n",(0,i.jsxs)(s.p,{children:["The ",(0,i.jsx)(s.strong,{children:"higher the layer"})," of the module is located , the more ",(0,i.jsx)(s.strong,{children:"context"})," it has"]}),"\n",(0,i.jsx)(s.p,{children:(0,i.jsx)(s.em,{children:"(in other words-each module of the layer - can import only the modules of the underlying layers, but not higher)"})}),"\n"]}),"\n",(0,i.jsxs)(s.li,{children:["\n",(0,i.jsxs)(s.p,{children:["The ",(0,i.jsx)(s.strong,{children:"lower the layer of the"})," module is located , the more ",(0,i.jsx)(s.strong,{children:"danger and responsibility"})," to make changes to it"]}),"\n",(0,i.jsx)(s.p,{children:(0,i.jsx)(s.em,{children:"(because it is usually the underlying layers that are more overused)"})}),"\n"]}),"\n"]}),"\n",(0,i.jsxs)(s.h3,{id:"breaking-shared",children:[(0,i.jsx)(s.code,{children:"BREAKING"})," Shared"]}),"\n",(0,i.jsxs)(s.p,{children:["The infrastructure abstractions ",(0,i.jsx)(s.code,{children:"/ui"}),", ",(0,i.jsx)(s.code,{children:"/lib"}),", ",(0,i.jsx)(s.code,{children:"/api"}),", which used to lie in the src root of the project, are now separated by a separate directory ",(0,i.jsx)(s.code,{children:"/src/shared"})]}),"\n",(0,i.jsxs)(s.ul,{children:["\n",(0,i.jsxs)(s.li,{children:[(0,i.jsx)(s.code,{children:"shared/ui"})," - Still the same general uikit of the application (optional)","\n",(0,i.jsxs)(s.ul,{children:["\n",(0,i.jsx)(s.li,{children:(0,i.jsxs)(s.em,{children:["At the same time, no one forbids using ",(0,i.jsx)(s.code,{children:"Atomic Design"})," here as before"]})}),"\n"]}),"\n"]}),"\n",(0,i.jsxs)(s.li,{children:[(0,i.jsx)(s.code,{children:"shared/lib"})," - A set of auxiliary libraries for implementing logic","\n",(0,i.jsxs)(s.ul,{children:["\n",(0,i.jsx)(s.li,{children:(0,i.jsx)(s.em,{children:"Still - without a dump of helpers"})}),"\n"]}),"\n"]}),"\n",(0,i.jsxs)(s.li,{children:[(0,i.jsx)(s.code,{children:"shared/api"})," - A common entry point for accessing the API","\n",(0,i.jsxs)(s.ul,{children:["\n",(0,i.jsx)(s.li,{children:(0,i.jsx)(s.em,{children:"Can also be registered locally in each feature / page - but it is not recommended"})}),"\n"]}),"\n"]}),"\n",(0,i.jsxs)(s.li,{children:["As before - there should be no explicit binding to business logic in ",(0,i.jsx)(s.code,{children:"shared"}),"\n",(0,i.jsxs)(s.ul,{children:["\n",(0,i.jsx)(s.li,{children:(0,i.jsxs)(s.em,{children:["If necessary, you need to take this relationship to the ",(0,i.jsx)(s.code,{children:"entities"})," level or even higher"]})}),"\n"]}),"\n"]}),"\n"]}),"\n",(0,i.jsxs)(s.h3,{id:"new-entities-processes",children:[(0,i.jsx)(s.code,{children:"NEW"})," Entities, Processes"]}),"\n",(0,i.jsxs)(s.p,{children:["In v2 ",(0,i.jsx)(s.strong,{children:", other new abstractions"})," have been added to eliminate the problems of logic complexity and high coupling."]}),"\n",(0,i.jsxs)(s.ul,{children:["\n",(0,i.jsxs)(s.li,{children:[(0,i.jsx)(s.code,{children:"/entities"})," - layer ",(0,i.jsx)(s.strong,{children:"business entities"})," containing slices that are related directly to the business models or synthetic entities required only on frontend","\n",(0,i.jsxs)(s.ul,{children:["\n",(0,i.jsx)(s.li,{children:(0,i.jsxs)(s.em,{children:["Examples: ",(0,i.jsx)(s.code,{children:"user"}),", ",(0,i.jsx)(s.code,{children:"i18n"}),", ",(0,i.jsx)(s.code,{children:"order"}),", ",(0,i.jsx)(s.code,{children:"blog"})]})}),"\n"]}),"\n"]}),"\n",(0,i.jsxs)(s.li,{children:[(0,i.jsx)(s.code,{children:"/processes"})," - layer ",(0,i.jsx)(s.strong,{children:"business processes"}),", penetrating app","\n",(0,i.jsxs)(s.ul,{children:["\n",(0,i.jsxs)(s.li,{children:[(0,i.jsx)(s.strong,{children:"The layer is optional"}),", it is usually recommended to use it when ",(0,i.jsx)(s.em,{children:"the logic grows and begins to blur in several pages"})]}),"\n",(0,i.jsx)(s.li,{children:(0,i.jsxs)(s.em,{children:["Examples: ",(0,i.jsx)(s.code,{children:"payment"}),", ",(0,i.jsx)(s.code,{children:"auth"}),", ",(0,i.jsx)(s.code,{children:"quick-tour"})]})}),"\n"]}),"\n"]}),"\n"]}),"\n",(0,i.jsxs)(s.h3,{id:"breaking-abstractions--naming",children:[(0,i.jsx)(s.code,{children:"BREAKING"})," Abstractions & Naming"]}),"\n",(0,i.jsxs)(s.p,{children:["Now specific abstractions and ",(0,i.jsx)(s.a,{href:"/docs/about/understanding/naming",children:"clear recommendations for naming them"}),"are defined"]}),"\n",(0,i.jsx)(s.h4,{id:"layers",children:"Layers"}),"\n",(0,i.jsxs)(s.ul,{children:["\n",(0,i.jsxs)(s.li,{children:[(0,i.jsx)(s.code,{children:"/app"})," \u2014 ",(0,i.jsx)(s.strong,{children:"application initialization layer"}),"\n",(0,i.jsxs)(s.ul,{children:["\n",(0,i.jsx)(s.li,{children:(0,i.jsxs)(s.em,{children:["Previous versions: ",(0,i.jsx)(s.code,{children:"app"}),", ",(0,i.jsx)(s.code,{children:"core"}),",",(0,i.jsx)(s.code,{children:"init"}),", ",(0,i.jsx)(s.code,{children:"src/index"})," (and this happens)"]})}),"\n"]}),"\n"]}),"\n",(0,i.jsxs)(s.li,{children:[(0,i.jsx)(s.code,{children:"/processes"})," \u2014 ",(0,i.jsx)(s.a,{href:"https://github.com/feature-sliced/documentation/discussions/20",children:(0,i.jsx)(s.strong,{children:"business process layer"})}),"\n",(0,i.jsxs)(s.ul,{children:["\n",(0,i.jsx)(s.li,{children:(0,i.jsxs)(s.em,{children:["Previous versions: ",(0,i.jsx)(s.code,{children:"processes"}),", ",(0,i.jsx)(s.code,{children:"flows"}),", ",(0,i.jsx)(s.code,{children:"workflows"})]})}),"\n"]}),"\n"]}),"\n",(0,i.jsxs)(s.li,{children:[(0,i.jsx)(s.code,{children:"/pages"})," \u2014 ",(0,i.jsx)(s.strong,{children:"application page layer"}),"\n",(0,i.jsxs)(s.ul,{children:["\n",(0,i.jsx)(s.li,{children:(0,i.jsxs)(s.em,{children:["Previous versions: ",(0,i.jsx)(s.code,{children:"pages"}),", ",(0,i.jsx)(s.code,{children:"screens"}),", ",(0,i.jsx)(s.code,{children:"views"}),", ",(0,i.jsx)(s.code,{children:"layouts"}),", ",(0,i.jsx)(s.code,{children:"components"}),", ",(0,i.jsx)(s.code,{children:"containers"})]})}),"\n"]}),"\n"]}),"\n",(0,i.jsxs)(s.li,{children:[(0,i.jsx)(s.code,{children:"/features"})," \u2014 ",(0,i.jsx)(s.a,{href:"https://github.com/feature-sliced/documentation/discussions/23",children:(0,i.jsx)(s.strong,{children:"functionality parts layer"})}),"\n",(0,i.jsxs)(s.ul,{children:["\n",(0,i.jsx)(s.li,{children:(0,i.jsxs)(s.em,{children:["Previous versions: ",(0,i.jsx)(s.code,{children:"features"}),", ",(0,i.jsx)(s.code,{children:"components"}),", ",(0,i.jsx)(s.code,{children:"containers"})]})}),"\n"]}),"\n"]}),"\n",(0,i.jsxs)(s.li,{children:[(0,i.jsx)(s.code,{children:"/entities"})," \u2014 ",(0,i.jsx)(s.a,{href:"https://github.com/feature-sliced/documentation/discussions/18#discussioncomment-422649",children:(0,i.jsx)(s.strong,{children:"business entity layer"})}),"\n",(0,i.jsxs)(s.ul,{children:["\n",(0,i.jsx)(s.li,{children:(0,i.jsxs)(s.em,{children:["Previous versions: ",(0,i.jsx)(s.code,{children:"entities"}),", ",(0,i.jsx)(s.code,{children:"models"}),", ",(0,i.jsx)(s.code,{children:"shared"})]})}),"\n"]}),"\n"]}),"\n",(0,i.jsxs)(s.li,{children:[(0,i.jsx)(s.code,{children:"/shared"})," \u2014 ",(0,i.jsx)(s.a,{href:"https://github.com/feature-sliced/documentation/discussions/31#discussioncomment-453020",children:(0,i.jsx)(s.strong,{children:"layer of reused infrastructure code"})})," \ud83d\udd25","\n",(0,i.jsxs)(s.ul,{children:["\n",(0,i.jsx)(s.li,{children:(0,i.jsxs)(s.em,{children:["Previous versions: ",(0,i.jsx)(s.code,{children:"shared"}),", ",(0,i.jsx)(s.code,{children:"common"}),", ",(0,i.jsx)(s.code,{children:"lib"})]})}),"\n"]}),"\n"]}),"\n"]}),"\n",(0,i.jsx)(s.h4,{id:"segments",children:"Segments"}),"\n",(0,i.jsxs)(s.ul,{children:["\n",(0,i.jsxs)(s.li,{children:[(0,i.jsx)(s.code,{children:"/ui"})," \u2014 ",(0,i.jsx)(s.a,{href:"https://github.com/feature-sliced/documentation/discussions/31#discussioncomment-453132",children:(0,i.jsx)(s.strong,{children:"UI segment"})})," \ud83d\udd25","\n",(0,i.jsxs)(s.ul,{children:["\n",(0,i.jsx)(s.li,{children:(0,i.jsxs)(s.em,{children:["Previous versions: ",(0,i.jsx)(s.code,{children:"ui"}),", ",(0,i.jsx)(s.code,{children:"components"}),", ",(0,i.jsx)(s.code,{children:"view"})]})}),"\n"]}),"\n"]}),"\n",(0,i.jsxs)(s.li,{children:[(0,i.jsx)(s.code,{children:"/model"})," \u2014 ",(0,i.jsx)(s.a,{href:"https://github.com/feature-sliced/documentation/discussions/31#discussioncomment-472645",children:(0,i.jsx)(s.strong,{children:"BL-segment"})})," \ud83d\udd25","\n",(0,i.jsxs)(s.ul,{children:["\n",(0,i.jsx)(s.li,{children:(0,i.jsxs)(s.em,{children:["Previous versions: ",(0,i.jsx)(s.code,{children:"model"}),", ",(0,i.jsx)(s.code,{children:"store"}),", ",(0,i.jsx)(s.code,{children:"state"}),", ",(0,i.jsx)(s.code,{children:"services"}),", ",(0,i.jsx)(s.code,{children:"controller"})]})}),"\n"]}),"\n"]}),"\n",(0,i.jsxs)(s.li,{children:[(0,i.jsx)(s.code,{children:"/lib"})," \u2014 segment ",(0,i.jsx)(s.strong,{children:"of auxiliary code"}),"\n",(0,i.jsxs)(s.ul,{children:["\n",(0,i.jsx)(s.li,{children:(0,i.jsxs)(s.em,{children:["Previous versions: ",(0,i.jsx)(s.code,{children:"lib"}),", ",(0,i.jsx)(s.code,{children:"libs"}),", ",(0,i.jsx)(s.code,{children:"utils"}),", ",(0,i.jsx)(s.code,{children:"helpers"})]})}),"\n"]}),"\n"]}),"\n",(0,i.jsxs)(s.li,{children:[(0,i.jsx)(s.code,{children:"/api"})," \u2014 ",(0,i.jsx)(s.a,{href:"https://github.com/feature-sliced/documentation/discussions/66",children:(0,i.jsx)(s.strong,{children:"API segment"})}),"\n",(0,i.jsxs)(s.ul,{children:["\n",(0,i.jsx)(s.li,{children:(0,i.jsxs)(s.em,{children:["Previous versions: ",(0,i.jsx)(s.code,{children:"api"}),", ",(0,i.jsx)(s.code,{children:"service"}),", ",(0,i.jsx)(s.code,{children:"requests"}),", ",(0,i.jsx)(s.code,{children:"queries"})]})}),"\n"]}),"\n"]}),"\n",(0,i.jsxs)(s.li,{children:[(0,i.jsx)(s.code,{children:"/config"})," \u2014 ",(0,i.jsx)(s.strong,{children:"application configuration segment"}),"\n",(0,i.jsxs)(s.ul,{children:["\n",(0,i.jsx)(s.li,{children:(0,i.jsxs)(s.em,{children:["Previous versions: ",(0,i.jsx)(s.code,{children:"config"}),", ",(0,i.jsx)(s.code,{children:"env"}),", ",(0,i.jsx)(s.code,{children:"get-env"})]})}),"\n"]}),"\n"]}),"\n"]}),"\n",(0,i.jsxs)(s.h3,{id:"refined-low-coupling",children:[(0,i.jsx)(s.code,{children:"REFINED"})," Low coupling"]}),"\n",(0,i.jsxs)(s.p,{children:["Now it is much easier to ",(0,i.jsx)(s.a,{href:"/docs/reference/isolation/coupling-cohesion",children:"observe the principle of low coupling"})," between modules, thanks to the new layers."]}),"\n",(0,i.jsx)(s.p,{children:(0,i.jsx)(s.em,{children:'At the same time, it is still recommended to avoid as much as possible cases where it is extremely difficult to "uncouple" modules'})}),"\n",(0,i.jsx)(s.h2,{id:"see-also",children:"See also"}),"\n",(0,i.jsxs)(s.ul,{children:["\n",(0,i.jsx)(s.li,{children:(0,i.jsx)(s.a,{href:"https://t.me/feature_slices",children:'Notes from the report "React SPB Meetup #1"'})}),"\n",(0,i.jsx)(s.li,{children:(0,i.jsx)(s.a,{href:"https://www.youtube.com/watch?v=BWAeYuWFHhs",children:'React Berlin Talk - Oleg Isonen "Feature Driven Architecture"'})}),"\n",(0,i.jsx)(s.li,{children:(0,i.jsx)(s.a,{href:"https://t.me/feature_sliced/493",children:"Comparison with v1 (community-chat)"})}),"\n",(0,i.jsx)(s.li,{children:(0,i.jsx)(s.a,{href:"https://t.me/atomicdesign/18708",children:"New ideas v2 with explanations (atomicdesign-chat)"})}),"\n",(0,i.jsx)(s.li,{children:(0,i.jsx)(s.a,{href:"https://github.com/feature-sliced/documentation/discussions/31",children:"Discussion of abstractions and naming for the new version of the methodology (v2)"})}),"\n"]})]})}function a(e={}){const{wrapper:s}={...(0,r.R)(),...e.components};return s?(0,i.jsx)(s,{...e,children:(0,i.jsx)(h,{...e})}):h(e)}},1100:(e,s,n)=>{n.d(s,{R:()=>l,x:()=>o});var i=n(758);const r={},t=i.createContext(r);function l(e){const s=i.useContext(t);return i.useMemo((function(){return"function"==typeof e?e(s):{...s,...e}}),[s,e])}function o(e){let s;return s=e.disableParentContext?"function"==typeof e.components?e.components(r):e.components||r:l(e.components),i.createElement(t.Provider,{value:s},e.children)}}}]);
\ No newline at end of file
diff --git a/assets/js/8ce83ff6.57d62a9f.js b/assets/js/8ce83ff6.7ac5dab4.js
similarity index 98%
rename from assets/js/8ce83ff6.57d62a9f.js
rename to assets/js/8ce83ff6.7ac5dab4.js
index db09ca2f29..23f566befa 100644
--- a/assets/js/8ce83ff6.57d62a9f.js
+++ b/assets/js/8ce83ff6.7ac5dab4.js
@@ -1 +1 @@
-"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[6684],{1928:(e,s,t)=>{t.d(s,{Ay:()=>l,RM:()=>d});var i=t(6070),r=t(1100),n=(t(758),t(6783)),o=t(7765);const a=e=>{let{ticket:s}=e;const t=`https://github.com/feature-sliced/documentation/issues/${s}`;return(0,i.jsxs)("div",{children:[(0,i.jsx)("p",{children:(0,o.T)({id:"shared.wip.title"})}),(0,i.jsx)("p",{children:(0,o.T)({id:"shared.wip.subtitle"})}),(0,i.jsxs)("ul",{children:[(0,i.jsxs)("li",{children:[(0,o.T)({id:"shared.wip.var.feedback.base"}),(0,i.jsx)(n.A,{to:t,children:(0,o.T)({id:"shared.wip.var.feedback.link"})})]}),(0,i.jsxs)("li",{children:[(0,o.T)({id:"shared.wip.var.material.base"}),(0,i.jsx)(n.A,{to:"https://t.me/feature_sliced",children:(0,o.T)({id:"shared.wip.var.material.link"})})]}),(0,i.jsxs)("li",{children:[(0,o.T)({id:"shared.wip.var.contribute.base"}),(0,i.jsx)(n.A,{to:"https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md",children:(0,o.T)({id:"shared.wip.var.contribute.link"})})]})]}),(0,i.jsx)("br",{}),(0,i.jsx)("p",{children:(0,i.jsx)("i",{children:"\ud83c\udf70 Stay tuned!"})})]})},d=[];function c(e){const s={admonition:"admonition",...(0,r.R)(),...e.components};return(0,i.jsx)(s.admonition,{title:"WIP",type:"caution",children:(0,i.jsx)(a,{ticket:e.ticket})})}function l(e={}){const{wrapper:s}={...(0,r.R)(),...e.components};return s?(0,i.jsx)(s,{...e,children:(0,i.jsx)(c,{...e})}):c(e)}},526:(e,s,t)=>{t.r(s),t.d(s,{assets:()=>c,contentTitle:()=>a,default:()=>h,frontMatter:()=>o,metadata:()=>d,toc:()=>l});var i=t(6070),r=t(1100),n=t(1928);const o={sidebar_position:4,sidebar_class_name:"sidebar-item--wip",pagination_next:"reference/index"},a="Cross-imports",d={id:"guides/issues/cross-imports",title:"Cross-imports",description:"Cross-imports appear when the layer or abstraction begins to take too much responsibility than it should. That is why the methodology identifies new layers that allow you to uncouple these cross-imports",source:"@site/i18n/en/docusaurus-plugin-content-docs/current/guides/issues/cross-imports.mdx",sourceDirName:"guides/issues",slug:"/guides/issues/cross-imports",permalink:"/docs/guides/issues/cross-imports",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/guides/issues/cross-imports.mdx",tags:[],version:"current",lastUpdatedAt:1727607766e3,sidebarPosition:4,frontMatter:{sidebar_position:4,sidebar_class_name:"sidebar-item--wip",pagination_next:"reference/index"},sidebar:"guidesSidebar",previous:{title:"Routing",permalink:"/docs/guides/issues/routes"},next:{title:"\ud83d\udcda Reference",permalink:"/docs/reference/"}},c={},l=[...n.RM,{value:"See also",id:"see-also",level:2}];function u(e){const s={a:"a",blockquote:"blockquote",h1:"h1",h2:"h2",header:"header",li:"li",p:"p",ul:"ul",...(0,r.R)(),...e.components};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(s.header,{children:(0,i.jsx)(s.h1,{id:"cross-imports",children:"Cross-imports"})}),"\n",(0,i.jsx)(n.Ay,{ticket:"220"}),"\n",(0,i.jsxs)(s.blockquote,{children:["\n",(0,i.jsx)(s.p,{children:"Cross-imports appear when the layer or abstraction begins to take too much responsibility than it should. That is why the methodology identifies new layers that allow you to uncouple these cross-imports"}),"\n"]}),"\n",(0,i.jsx)(s.h2,{id:"see-also",children:"See also"}),"\n",(0,i.jsxs)(s.ul,{children:["\n",(0,i.jsx)(s.li,{children:(0,i.jsx)(s.a,{href:"https://t.me/feature_sliced/4515",children:"(Thread) About the supposed inevitability of cross-ports"})}),"\n",(0,i.jsx)(s.li,{children:(0,i.jsx)(s.a,{href:"https://t.me/feature_sliced/3678",children:"(Thread) About resolving cross-ports in entities"})}),"\n",(0,i.jsx)(s.li,{children:(0,i.jsx)(s.a,{href:"https://t.me/feature_sliced/3287",children:"(Thread) About cross-imports and responsibility"})}),"\n",(0,i.jsx)(s.li,{children:(0,i.jsx)(s.a,{href:"https://t.me/feature_sliced/4021",children:"(Thread) About imports between segments"})}),"\n",(0,i.jsx)(s.li,{children:(0,i.jsx)(s.a,{href:"https://t.me/feature_sliced/3618",children:"(Thread) About cross-imports inside shared"})}),"\n"]})]})}function h(e={}){const{wrapper:s}={...(0,r.R)(),...e.components};return s?(0,i.jsx)(s,{...e,children:(0,i.jsx)(u,{...e})}):u(e)}},1100:(e,s,t)=>{t.d(s,{R:()=>o,x:()=>a});var i=t(758);const r={},n=i.createContext(r);function o(e){const s=i.useContext(n);return i.useMemo((function(){return"function"==typeof e?e(s):{...s,...e}}),[s,e])}function a(e){let s;return s=e.disableParentContext?"function"==typeof e.components?e.components(r):e.components||r:o(e.components),i.createElement(n.Provider,{value:s},e.children)}}}]);
\ No newline at end of file
+"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[6684],{1928:(e,s,t)=>{t.d(s,{Ay:()=>l,RM:()=>d});var i=t(6070),r=t(1100),n=(t(758),t(6783)),o=t(7765);const a=e=>{let{ticket:s}=e;const t=`https://github.com/feature-sliced/documentation/issues/${s}`;return(0,i.jsxs)("div",{children:[(0,i.jsx)("p",{children:(0,o.T)({id:"shared.wip.title"})}),(0,i.jsx)("p",{children:(0,o.T)({id:"shared.wip.subtitle"})}),(0,i.jsxs)("ul",{children:[(0,i.jsxs)("li",{children:[(0,o.T)({id:"shared.wip.var.feedback.base"}),(0,i.jsx)(n.A,{to:t,children:(0,o.T)({id:"shared.wip.var.feedback.link"})})]}),(0,i.jsxs)("li",{children:[(0,o.T)({id:"shared.wip.var.material.base"}),(0,i.jsx)(n.A,{to:"https://t.me/feature_sliced",children:(0,o.T)({id:"shared.wip.var.material.link"})})]}),(0,i.jsxs)("li",{children:[(0,o.T)({id:"shared.wip.var.contribute.base"}),(0,i.jsx)(n.A,{to:"https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md",children:(0,o.T)({id:"shared.wip.var.contribute.link"})})]})]}),(0,i.jsx)("br",{}),(0,i.jsx)("p",{children:(0,i.jsx)("i",{children:"\ud83c\udf70 Stay tuned!"})})]})},d=[];function c(e){const s={admonition:"admonition",...(0,r.R)(),...e.components};return(0,i.jsx)(s.admonition,{title:"WIP",type:"caution",children:(0,i.jsx)(a,{ticket:e.ticket})})}function l(e={}){const{wrapper:s}={...(0,r.R)(),...e.components};return s?(0,i.jsx)(s,{...e,children:(0,i.jsx)(c,{...e})}):c(e)}},526:(e,s,t)=>{t.r(s),t.d(s,{assets:()=>c,contentTitle:()=>a,default:()=>h,frontMatter:()=>o,metadata:()=>d,toc:()=>l});var i=t(6070),r=t(1100),n=t(1928);const o={sidebar_position:4,sidebar_class_name:"sidebar-item--wip",pagination_next:"reference/index"},a="Cross-imports",d={id:"guides/issues/cross-imports",title:"Cross-imports",description:"Cross-imports appear when the layer or abstraction begins to take too much responsibility than it should. That is why the methodology identifies new layers that allow you to uncouple these cross-imports",source:"@site/i18n/en/docusaurus-plugin-content-docs/current/guides/issues/cross-imports.mdx",sourceDirName:"guides/issues",slug:"/guides/issues/cross-imports",permalink:"/docs/guides/issues/cross-imports",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/guides/issues/cross-imports.mdx",tags:[],version:"current",lastUpdatedAt:1728325386e3,sidebarPosition:4,frontMatter:{sidebar_position:4,sidebar_class_name:"sidebar-item--wip",pagination_next:"reference/index"},sidebar:"guidesSidebar",previous:{title:"Routing",permalink:"/docs/guides/issues/routes"},next:{title:"\ud83d\udcda Reference",permalink:"/docs/reference/"}},c={},l=[...n.RM,{value:"See also",id:"see-also",level:2}];function u(e){const s={a:"a",blockquote:"blockquote",h1:"h1",h2:"h2",header:"header",li:"li",p:"p",ul:"ul",...(0,r.R)(),...e.components};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(s.header,{children:(0,i.jsx)(s.h1,{id:"cross-imports",children:"Cross-imports"})}),"\n",(0,i.jsx)(n.Ay,{ticket:"220"}),"\n",(0,i.jsxs)(s.blockquote,{children:["\n",(0,i.jsx)(s.p,{children:"Cross-imports appear when the layer or abstraction begins to take too much responsibility than it should. That is why the methodology identifies new layers that allow you to uncouple these cross-imports"}),"\n"]}),"\n",(0,i.jsx)(s.h2,{id:"see-also",children:"See also"}),"\n",(0,i.jsxs)(s.ul,{children:["\n",(0,i.jsx)(s.li,{children:(0,i.jsx)(s.a,{href:"https://t.me/feature_sliced/4515",children:"(Thread) About the supposed inevitability of cross-ports"})}),"\n",(0,i.jsx)(s.li,{children:(0,i.jsx)(s.a,{href:"https://t.me/feature_sliced/3678",children:"(Thread) About resolving cross-ports in entities"})}),"\n",(0,i.jsx)(s.li,{children:(0,i.jsx)(s.a,{href:"https://t.me/feature_sliced/3287",children:"(Thread) About cross-imports and responsibility"})}),"\n",(0,i.jsx)(s.li,{children:(0,i.jsx)(s.a,{href:"https://t.me/feature_sliced/4021",children:"(Thread) About imports between segments"})}),"\n",(0,i.jsx)(s.li,{children:(0,i.jsx)(s.a,{href:"https://t.me/feature_sliced/3618",children:"(Thread) About cross-imports inside shared"})}),"\n"]})]})}function h(e={}){const{wrapper:s}={...(0,r.R)(),...e.components};return s?(0,i.jsx)(s,{...e,children:(0,i.jsx)(u,{...e})}):u(e)}},1100:(e,s,t)=>{t.d(s,{R:()=>o,x:()=>a});var i=t(758);const r={},n=i.createContext(r);function o(e){const s=i.useContext(n);return i.useMemo((function(){return"function"==typeof e?e(s):{...s,...e}}),[s,e])}function a(e){let s;return s=e.disableParentContext?"function"==typeof e.components?e.components(r):e.components||r:o(e.components),i.createElement(n.Provider,{value:s},e.children)}}}]);
\ No newline at end of file
diff --git a/assets/js/9b83d7f4.828eb6e2.js b/assets/js/9b83d7f4.b8a982bd.js
similarity index 98%
rename from assets/js/9b83d7f4.828eb6e2.js
rename to assets/js/9b83d7f4.b8a982bd.js
index 87581926f5..cfef2eca0b 100644
--- a/assets/js/9b83d7f4.828eb6e2.js
+++ b/assets/js/9b83d7f4.b8a982bd.js
@@ -1 +1 @@
-"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[9568],{1928:(e,t,i)=>{i.d(t,{Ay:()=>l,RM:()=>c});var s=i(6070),n=i(1100),o=(i(758),i(6783)),d=i(7765);const r=e=>{let{ticket:t}=e;const i=`https://github.com/feature-sliced/documentation/issues/${t}`;return(0,s.jsxs)("div",{children:[(0,s.jsx)("p",{children:(0,d.T)({id:"shared.wip.title"})}),(0,s.jsx)("p",{children:(0,d.T)({id:"shared.wip.subtitle"})}),(0,s.jsxs)("ul",{children:[(0,s.jsxs)("li",{children:[(0,d.T)({id:"shared.wip.var.feedback.base"}),(0,s.jsx)(o.A,{to:i,children:(0,d.T)({id:"shared.wip.var.feedback.link"})})]}),(0,s.jsxs)("li",{children:[(0,d.T)({id:"shared.wip.var.material.base"}),(0,s.jsx)(o.A,{to:"https://t.me/feature_sliced",children:(0,d.T)({id:"shared.wip.var.material.link"})})]}),(0,s.jsxs)("li",{children:[(0,d.T)({id:"shared.wip.var.contribute.base"}),(0,s.jsx)(o.A,{to:"https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md",children:(0,d.T)({id:"shared.wip.var.contribute.link"})})]})]}),(0,s.jsx)("br",{}),(0,s.jsx)("p",{children:(0,s.jsx)("i",{children:"\ud83c\udf70 Stay tuned!"})})]})},c=[];function a(e){const t={admonition:"admonition",...(0,n.R)(),...e.components};return(0,s.jsx)(t.admonition,{title:"WIP",type:"caution",children:(0,s.jsx)(r,{ticket:e.ticket})})}function l(e={}){const{wrapper:t}={...(0,n.R)(),...e.components};return t?(0,s.jsx)(t,{...e,children:(0,s.jsx)(a,{...e})}):a(e)}},4526:(e,t,i)=>{i.r(t),i.d(t,{assets:()=>a,contentTitle:()=>r,default:()=>p,frontMatter:()=>d,metadata:()=>c,toc:()=>l});var s=i(6070),n=i(1100),o=i(1928);const d={sidebar_position:5,sidebar_class_name:"sidebar-item--wip",unlisted:!0},r="Autocomplete",c={id:"guides/examples/autocompleted",title:"Autocomplete",description:"About decomposition by layers",source:"@site/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/autocompleted.mdx",sourceDirName:"guides/examples",slug:"/guides/examples/autocompleted",permalink:"/docs/guides/examples/autocompleted",draft:!1,unlisted:!0,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/autocompleted.mdx",tags:[],version:"current",lastUpdatedAt:1727607766e3,sidebarPosition:5,frontMatter:{sidebar_position:5,sidebar_class_name:"sidebar-item--wip",unlisted:!0},sidebar:"guidesSidebar"},a={},l=[...o.RM,{value:"See also",id:"see-also",level:2}];function u(e){const t={a:"a",blockquote:"blockquote",h1:"h1",h2:"h2",header:"header",li:"li",p:"p",ul:"ul",...(0,n.R)(),...e.components};return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(t.header,{children:(0,s.jsx)(t.h1,{id:"autocomplete",children:"Autocomplete"})}),"\n",(0,s.jsx)(o.Ay,{ticket:"170"}),"\n",(0,s.jsxs)(t.blockquote,{children:["\n",(0,s.jsx)(t.p,{children:"About decomposition by layers"}),"\n"]}),"\n",(0,s.jsx)(t.h2,{id:"see-also",children:"See also"}),"\n",(0,s.jsxs)(t.ul,{children:["\n",(0,s.jsx)(t.li,{children:(0,s.jsx)(t.a,{href:"https://github.com/feature-sliced/documentation/discussions/65#discussioncomment-480807",children:"(Discussion) About the application of the methodology for the selection with loaded dictionaries"})}),"\n"]})]})}function p(e={}){const{wrapper:t}={...(0,n.R)(),...e.components};return t?(0,s.jsx)(t,{...e,children:(0,s.jsx)(u,{...e})}):u(e)}},1100:(e,t,i)=>{i.d(t,{R:()=>d,x:()=>r});var s=i(758);const n={},o=s.createContext(n);function d(e){const t=s.useContext(o);return s.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function r(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(n):e.components||n:d(e.components),s.createElement(o.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
+"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[9568],{1928:(e,t,i)=>{i.d(t,{Ay:()=>l,RM:()=>c});var s=i(6070),n=i(1100),o=(i(758),i(6783)),d=i(7765);const r=e=>{let{ticket:t}=e;const i=`https://github.com/feature-sliced/documentation/issues/${t}`;return(0,s.jsxs)("div",{children:[(0,s.jsx)("p",{children:(0,d.T)({id:"shared.wip.title"})}),(0,s.jsx)("p",{children:(0,d.T)({id:"shared.wip.subtitle"})}),(0,s.jsxs)("ul",{children:[(0,s.jsxs)("li",{children:[(0,d.T)({id:"shared.wip.var.feedback.base"}),(0,s.jsx)(o.A,{to:i,children:(0,d.T)({id:"shared.wip.var.feedback.link"})})]}),(0,s.jsxs)("li",{children:[(0,d.T)({id:"shared.wip.var.material.base"}),(0,s.jsx)(o.A,{to:"https://t.me/feature_sliced",children:(0,d.T)({id:"shared.wip.var.material.link"})})]}),(0,s.jsxs)("li",{children:[(0,d.T)({id:"shared.wip.var.contribute.base"}),(0,s.jsx)(o.A,{to:"https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md",children:(0,d.T)({id:"shared.wip.var.contribute.link"})})]})]}),(0,s.jsx)("br",{}),(0,s.jsx)("p",{children:(0,s.jsx)("i",{children:"\ud83c\udf70 Stay tuned!"})})]})},c=[];function a(e){const t={admonition:"admonition",...(0,n.R)(),...e.components};return(0,s.jsx)(t.admonition,{title:"WIP",type:"caution",children:(0,s.jsx)(r,{ticket:e.ticket})})}function l(e={}){const{wrapper:t}={...(0,n.R)(),...e.components};return t?(0,s.jsx)(t,{...e,children:(0,s.jsx)(a,{...e})}):a(e)}},4526:(e,t,i)=>{i.r(t),i.d(t,{assets:()=>a,contentTitle:()=>r,default:()=>p,frontMatter:()=>d,metadata:()=>c,toc:()=>l});var s=i(6070),n=i(1100),o=i(1928);const d={sidebar_position:5,sidebar_class_name:"sidebar-item--wip",unlisted:!0},r="Autocomplete",c={id:"guides/examples/autocompleted",title:"Autocomplete",description:"About decomposition by layers",source:"@site/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/autocompleted.mdx",sourceDirName:"guides/examples",slug:"/guides/examples/autocompleted",permalink:"/docs/guides/examples/autocompleted",draft:!1,unlisted:!0,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/autocompleted.mdx",tags:[],version:"current",lastUpdatedAt:1728325386e3,sidebarPosition:5,frontMatter:{sidebar_position:5,sidebar_class_name:"sidebar-item--wip",unlisted:!0},sidebar:"guidesSidebar"},a={},l=[...o.RM,{value:"See also",id:"see-also",level:2}];function u(e){const t={a:"a",blockquote:"blockquote",h1:"h1",h2:"h2",header:"header",li:"li",p:"p",ul:"ul",...(0,n.R)(),...e.components};return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(t.header,{children:(0,s.jsx)(t.h1,{id:"autocomplete",children:"Autocomplete"})}),"\n",(0,s.jsx)(o.Ay,{ticket:"170"}),"\n",(0,s.jsxs)(t.blockquote,{children:["\n",(0,s.jsx)(t.p,{children:"About decomposition by layers"}),"\n"]}),"\n",(0,s.jsx)(t.h2,{id:"see-also",children:"See also"}),"\n",(0,s.jsxs)(t.ul,{children:["\n",(0,s.jsx)(t.li,{children:(0,s.jsx)(t.a,{href:"https://github.com/feature-sliced/documentation/discussions/65#discussioncomment-480807",children:"(Discussion) About the application of the methodology for the selection with loaded dictionaries"})}),"\n"]})]})}function p(e={}){const{wrapper:t}={...(0,n.R)(),...e.components};return t?(0,s.jsx)(t,{...e,children:(0,s.jsx)(u,{...e})}):u(e)}},1100:(e,t,i)=>{i.d(t,{R:()=>d,x:()=>r});var s=i(758);const n={},o=s.createContext(n);function d(e){const t=s.useContext(o);return s.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function r(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(n):e.components||n:d(e.components),s.createElement(o.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
diff --git a/assets/js/9f1dcbb0.2eb41639.js b/assets/js/9f1dcbb0.16886885.js
similarity index 99%
rename from assets/js/9f1dcbb0.2eb41639.js
rename to assets/js/9f1dcbb0.16886885.js
index c398f9c430..89845b4867 100644
--- a/assets/js/9f1dcbb0.2eb41639.js
+++ b/assets/js/9f1dcbb0.16886885.js
@@ -1 +1 @@
-"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[8732],{7021:(e,n,r)=>{r.r(n),r.d(n,{assets:()=>l,contentTitle:()=>t,default:()=>h,frontMatter:()=>o,metadata:()=>d,toc:()=>c});var i=r(6070),s=r(1100);const o={},t="Branding Guidelines",d={id:"branding",title:"Branding Guidelines",description:"FSD's visual identity is based on its core-concepts: Layered, Sliced self-contained parts, Parts & Compose, Segmented.",source:"@site/i18n/en/docusaurus-plugin-content-docs/current/branding.md",sourceDirName:".",slug:"/branding",permalink:"/docs/branding",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/branding.md",tags:[],version:"current",lastUpdatedAt:1727607766e3,frontMatter:{}},l={},c=[{value:"Title",id:"title",level:2},{value:"Emojii",id:"emojii",level:2},{value:"Logo &amp; Palette",id:"logo--palette",level:2},{value:"Banners &amp; Schemes",id:"banners--schemes",level:2},{value:"Social Preview",id:"social-preview",level:2},{value:"Presentation template",id:"presentation-template",level:2},{value:"See also",id:"see-also",level:2}];function a(e){const n={a:"a",admonition:"admonition",blockquote:"blockquote",code:"code",em:"em",h1:"h1",h2:"h2",header:"header",li:"li",p:"p",strong:"strong",ul:"ul",...(0,s.R)(),...e.components};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(n.header,{children:(0,i.jsx)(n.h1,{id:"branding-guidelines",children:"Branding Guidelines"})}),"\n",(0,i.jsxs)(n.p,{children:["FSD's visual identity is based on its core-concepts: ",(0,i.jsx)(n.code,{children:"Layered"}),", ",(0,i.jsx)(n.code,{children:"Sliced self-contained parts"}),", ",(0,i.jsx)(n.code,{children:"Parts & Compose"}),", ",(0,i.jsx)(n.code,{children:"Segmented"}),".\nBut also we tend to design simple, pretty identity, which should convey the FSD philisophy and be easy to recognize."]}),"\n",(0,i.jsxs)(n.p,{children:[(0,i.jsx)(n.strong,{children:'Please, use FSD\'s identity "as-is", without changes but with our assets for your comfort.'})," This brand guide will help you to use FSD's identity correctly."]}),"\n",(0,i.jsxs)(n.admonition,{title:"Compatibility",type:"caution",children:[(0,i.jsxs)(n.p,{children:["FSD had ",(0,i.jsx)(n.a,{href:"https://drive.google.com/drive/folders/11Y-3qZ_C9jOFoW2UbSp11YasOhw4yBdl?usp=sharing",children:"another legacy identity"})," before. Old design didn't represent core-concepts of methodology. Also it was created as pure draft, and should have been actualized."]}),(0,i.jsxs)(n.p,{children:["For a compatible and long-term use of the brand, we have been carefully rebranding for a year (2021-2022). ",(0,i.jsx)(n.strong,{children:"So that you can be sure when using identity of FSD \ud83c\udf70"})]}),(0,i.jsx)(n.p,{children:(0,i.jsx)(n.em,{children:"But prefer namely actual identity, not old!"})})]}),"\n",(0,i.jsx)(n.h2,{id:"title",children:"Title"}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsxs)(n.li,{children:["\u2705 ",(0,i.jsx)(n.strong,{children:"Correct:"})," ",(0,i.jsx)(n.code,{children:"Feature-Sliced Design"}),", ",(0,i.jsx)(n.code,{children:"FSD"})]}),"\n",(0,i.jsxs)(n.li,{children:["\u274c ",(0,i.jsx)(n.strong,{children:"Incorrect:"})," ",(0,i.jsx)(n.code,{children:"Feature-Sliced"}),", ",(0,i.jsx)(n.code,{children:"Feature Sliced"}),", ",(0,i.jsx)(n.code,{children:"FeatureSliced"}),", ",(0,i.jsx)(n.code,{children:"feature-sliced"}),", ",(0,i.jsx)(n.code,{children:"feature sliced"}),", ",(0,i.jsx)(n.code,{children:"FS"})]}),"\n"]}),"\n",(0,i.jsx)(n.h2,{id:"emojii",children:"Emojii"}),"\n",(0,i.jsx)(n.p,{children:"The cake \ud83c\udf70 image represents FSD core concepts quite well, so it has been chosen as our signature emoji"}),"\n",(0,i.jsxs)(n.blockquote,{children:["\n",(0,i.jsxs)(n.p,{children:["Example: ",(0,i.jsx)(n.em,{children:'"\ud83c\udf70 Architectural design methodology for Frontend projects"'})]}),"\n"]}),"\n",(0,i.jsx)(n.h2,{id:"logo--palette",children:"Logo & Palette"}),"\n",(0,i.jsxs)(n.p,{children:["FSD has few variations of logo for different context, but it recommended to prefer ",(0,i.jsx)(n.strong,{children:"primary"})]}),"\n",(0,i.jsxs)("table",{style:{textAlign:"center"},children:[(0,i.jsxs)("tr",{children:[(0,i.jsx)("td",{children:"Theme"}),(0,i.jsxs)("td",{children:["Logo ",(0,i.jsx)("sub",{style:{color:"gray",display:"block"},children:"(Ctrl/Cmd + Click for download)"})]}),(0,i.jsx)("td",{children:"Usage"})]}),(0,i.jsxs)("tr",{children:[(0,i.jsxs)("td",{style:{color:"#FFF",background:"linear-gradient(135deg, rgba(41,190,220,1) 0%, rgba(81,122,237,1) 100%)"},children:["primary ",(0,i.jsx)("br",{})," (#29BEDC, #517AED)"]}),(0,i.jsx)("td",{children:(0,i.jsx)("a",{href:"/img/brand/logo-primary.png",download:!0,children:(0,i.jsx)("img",{src:"/img/brand/logo-primary.png",height:"130",alt:"logo-primary"})})}),(0,i.jsx)("td",{children:"Preferred in most cases"})]}),(0,i.jsxs)("tr",{children:[(0,i.jsxs)("td",{style:{color:"#FFF",background:"#3193FF"},children:["flat ",(0,i.jsx)("br",{})," (#3193FF)"]}),(0,i.jsx)("td",{children:(0,i.jsx)("a",{href:"/img/brand/logo-flat.png",download:!0,children:(0,i.jsx)("img",{src:"/img/brand/logo-flat.png",height:"130",alt:"logo-flat"})})}),(0,i.jsx)("td",{children:"For one-color context"})]}),(0,i.jsxs)("tr",{children:[(0,i.jsxs)("td",{style:{color:"#000",background:"#FFF"},children:["monochrome ",(0,i.jsx)("br",{})," (#FFF)"]}),(0,i.jsx)("td",{style:{color:"#000",background:"#242526"},children:(0,i.jsx)("a",{href:"/img/brand/logo-monochrome.png",download:!0,children:(0,i.jsx)("img",{src:"/img/brand/logo-monochrome.png",height:"130",alt:"logo-monocrhome"})})}),(0,i.jsx)("td",{children:"For grayscale context"})]}),(0,i.jsxs)("tr",{children:[(0,i.jsxs)("td",{style:{color:"#FFF",background:"#3193FF"},children:["square ",(0,i.jsx)("br",{})," (#3193FF)"]}),(0,i.jsx)("td",{children:(0,i.jsx)("a",{href:"/img/brand/logo-square.png",download:!0,children:(0,i.jsx)("img",{src:"/img/brand/logo-square.png",height:"130",alt:"logo-square"})})}),(0,i.jsx)("td",{children:"For square boundaries"})]})]}),"\n",(0,i.jsx)(n.h2,{id:"banners--schemes",children:"Banners & Schemes"}),"\n",(0,i.jsx)("a",{href:"/img/brand/banner-primary.jpg",download:!0,children:(0,i.jsx)("img",{src:"/img/brand/banner-primary.jpg",height:"256",alt:"banner-primary"})}),"\n",(0,i.jsx)("a",{href:"/img/brand/banner-monochrome.jpg",download:!0,children:(0,i.jsx)("img",{src:"/img/brand/banner-monochrome.jpg",height:"256",alt:"banner-monochrome"})}),"\n",(0,i.jsx)(n.h2,{id:"social-preview",children:"Social Preview"}),"\n",(0,i.jsx)(n.p,{children:"Work in progress..."}),"\n",(0,i.jsx)(n.h2,{id:"presentation-template",children:"Presentation template"}),"\n",(0,i.jsx)(n.p,{children:"Work in progress..."}),"\n",(0,i.jsx)(n.h2,{id:"see-also",children:"See also"}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsx)(n.li,{children:(0,i.jsx)(n.a,{href:"https://github.com/feature-sliced/documentation/discussions/399",children:"Discussion (github)"})}),"\n",(0,i.jsx)(n.li,{children:(0,i.jsx)(n.a,{href:"https://www.figma.com/file/RPphccpoeasVB0lMpZwPVR/FSD-Brand?node-id=0%3A1",children:"History of development with references (figma)"})}),"\n",(0,i.jsx)(n.li,{children:(0,i.jsx)(n.a,{href:"https://rebrand-sliced.netlify.app/en/",children:"Rebranding demo"})}),"\n"]})]})}function h(e={}){const{wrapper:n}={...(0,s.R)(),...e.components};return n?(0,i.jsx)(n,{...e,children:(0,i.jsx)(a,{...e})}):a(e)}},1100:(e,n,r)=>{r.d(n,{R:()=>t,x:()=>d});var i=r(758);const s={},o=i.createContext(s);function t(e){const n=i.useContext(o);return i.useMemo((function(){return"function"==typeof e?e(n):{...n,...e}}),[n,e])}function d(e){let n;return n=e.disableParentContext?"function"==typeof e.components?e.components(s):e.components||s:t(e.components),i.createElement(o.Provider,{value:n},e.children)}}}]);
\ No newline at end of file
+"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[8732],{7021:(e,n,r)=>{r.r(n),r.d(n,{assets:()=>l,contentTitle:()=>t,default:()=>h,frontMatter:()=>o,metadata:()=>d,toc:()=>c});var i=r(6070),s=r(1100);const o={},t="Branding Guidelines",d={id:"branding",title:"Branding Guidelines",description:"FSD's visual identity is based on its core-concepts: Layered, Sliced self-contained parts, Parts & Compose, Segmented.",source:"@site/i18n/en/docusaurus-plugin-content-docs/current/branding.md",sourceDirName:".",slug:"/branding",permalink:"/docs/branding",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/branding.md",tags:[],version:"current",lastUpdatedAt:1728325386e3,frontMatter:{}},l={},c=[{value:"Title",id:"title",level:2},{value:"Emojii",id:"emojii",level:2},{value:"Logo &amp; Palette",id:"logo--palette",level:2},{value:"Banners &amp; Schemes",id:"banners--schemes",level:2},{value:"Social Preview",id:"social-preview",level:2},{value:"Presentation template",id:"presentation-template",level:2},{value:"See also",id:"see-also",level:2}];function a(e){const n={a:"a",admonition:"admonition",blockquote:"blockquote",code:"code",em:"em",h1:"h1",h2:"h2",header:"header",li:"li",p:"p",strong:"strong",ul:"ul",...(0,s.R)(),...e.components};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(n.header,{children:(0,i.jsx)(n.h1,{id:"branding-guidelines",children:"Branding Guidelines"})}),"\n",(0,i.jsxs)(n.p,{children:["FSD's visual identity is based on its core-concepts: ",(0,i.jsx)(n.code,{children:"Layered"}),", ",(0,i.jsx)(n.code,{children:"Sliced self-contained parts"}),", ",(0,i.jsx)(n.code,{children:"Parts & Compose"}),", ",(0,i.jsx)(n.code,{children:"Segmented"}),".\nBut also we tend to design simple, pretty identity, which should convey the FSD philisophy and be easy to recognize."]}),"\n",(0,i.jsxs)(n.p,{children:[(0,i.jsx)(n.strong,{children:'Please, use FSD\'s identity "as-is", without changes but with our assets for your comfort.'})," This brand guide will help you to use FSD's identity correctly."]}),"\n",(0,i.jsxs)(n.admonition,{title:"Compatibility",type:"caution",children:[(0,i.jsxs)(n.p,{children:["FSD had ",(0,i.jsx)(n.a,{href:"https://drive.google.com/drive/folders/11Y-3qZ_C9jOFoW2UbSp11YasOhw4yBdl?usp=sharing",children:"another legacy identity"})," before. Old design didn't represent core-concepts of methodology. Also it was created as pure draft, and should have been actualized."]}),(0,i.jsxs)(n.p,{children:["For a compatible and long-term use of the brand, we have been carefully rebranding for a year (2021-2022). ",(0,i.jsx)(n.strong,{children:"So that you can be sure when using identity of FSD \ud83c\udf70"})]}),(0,i.jsx)(n.p,{children:(0,i.jsx)(n.em,{children:"But prefer namely actual identity, not old!"})})]}),"\n",(0,i.jsx)(n.h2,{id:"title",children:"Title"}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsxs)(n.li,{children:["\u2705 ",(0,i.jsx)(n.strong,{children:"Correct:"})," ",(0,i.jsx)(n.code,{children:"Feature-Sliced Design"}),", ",(0,i.jsx)(n.code,{children:"FSD"})]}),"\n",(0,i.jsxs)(n.li,{children:["\u274c ",(0,i.jsx)(n.strong,{children:"Incorrect:"})," ",(0,i.jsx)(n.code,{children:"Feature-Sliced"}),", ",(0,i.jsx)(n.code,{children:"Feature Sliced"}),", ",(0,i.jsx)(n.code,{children:"FeatureSliced"}),", ",(0,i.jsx)(n.code,{children:"feature-sliced"}),", ",(0,i.jsx)(n.code,{children:"feature sliced"}),", ",(0,i.jsx)(n.code,{children:"FS"})]}),"\n"]}),"\n",(0,i.jsx)(n.h2,{id:"emojii",children:"Emojii"}),"\n",(0,i.jsx)(n.p,{children:"The cake \ud83c\udf70 image represents FSD core concepts quite well, so it has been chosen as our signature emoji"}),"\n",(0,i.jsxs)(n.blockquote,{children:["\n",(0,i.jsxs)(n.p,{children:["Example: ",(0,i.jsx)(n.em,{children:'"\ud83c\udf70 Architectural design methodology for Frontend projects"'})]}),"\n"]}),"\n",(0,i.jsx)(n.h2,{id:"logo--palette",children:"Logo & Palette"}),"\n",(0,i.jsxs)(n.p,{children:["FSD has few variations of logo for different context, but it recommended to prefer ",(0,i.jsx)(n.strong,{children:"primary"})]}),"\n",(0,i.jsxs)("table",{style:{textAlign:"center"},children:[(0,i.jsxs)("tr",{children:[(0,i.jsx)("td",{children:"Theme"}),(0,i.jsxs)("td",{children:["Logo ",(0,i.jsx)("sub",{style:{color:"gray",display:"block"},children:"(Ctrl/Cmd + Click for download)"})]}),(0,i.jsx)("td",{children:"Usage"})]}),(0,i.jsxs)("tr",{children:[(0,i.jsxs)("td",{style:{color:"#FFF",background:"linear-gradient(135deg, rgba(41,190,220,1) 0%, rgba(81,122,237,1) 100%)"},children:["primary ",(0,i.jsx)("br",{})," (#29BEDC, #517AED)"]}),(0,i.jsx)("td",{children:(0,i.jsx)("a",{href:"/img/brand/logo-primary.png",download:!0,children:(0,i.jsx)("img",{src:"/img/brand/logo-primary.png",height:"130",alt:"logo-primary"})})}),(0,i.jsx)("td",{children:"Preferred in most cases"})]}),(0,i.jsxs)("tr",{children:[(0,i.jsxs)("td",{style:{color:"#FFF",background:"#3193FF"},children:["flat ",(0,i.jsx)("br",{})," (#3193FF)"]}),(0,i.jsx)("td",{children:(0,i.jsx)("a",{href:"/img/brand/logo-flat.png",download:!0,children:(0,i.jsx)("img",{src:"/img/brand/logo-flat.png",height:"130",alt:"logo-flat"})})}),(0,i.jsx)("td",{children:"For one-color context"})]}),(0,i.jsxs)("tr",{children:[(0,i.jsxs)("td",{style:{color:"#000",background:"#FFF"},children:["monochrome ",(0,i.jsx)("br",{})," (#FFF)"]}),(0,i.jsx)("td",{style:{color:"#000",background:"#242526"},children:(0,i.jsx)("a",{href:"/img/brand/logo-monochrome.png",download:!0,children:(0,i.jsx)("img",{src:"/img/brand/logo-monochrome.png",height:"130",alt:"logo-monocrhome"})})}),(0,i.jsx)("td",{children:"For grayscale context"})]}),(0,i.jsxs)("tr",{children:[(0,i.jsxs)("td",{style:{color:"#FFF",background:"#3193FF"},children:["square ",(0,i.jsx)("br",{})," (#3193FF)"]}),(0,i.jsx)("td",{children:(0,i.jsx)("a",{href:"/img/brand/logo-square.png",download:!0,children:(0,i.jsx)("img",{src:"/img/brand/logo-square.png",height:"130",alt:"logo-square"})})}),(0,i.jsx)("td",{children:"For square boundaries"})]})]}),"\n",(0,i.jsx)(n.h2,{id:"banners--schemes",children:"Banners & Schemes"}),"\n",(0,i.jsx)("a",{href:"/img/brand/banner-primary.jpg",download:!0,children:(0,i.jsx)("img",{src:"/img/brand/banner-primary.jpg",height:"256",alt:"banner-primary"})}),"\n",(0,i.jsx)("a",{href:"/img/brand/banner-monochrome.jpg",download:!0,children:(0,i.jsx)("img",{src:"/img/brand/banner-monochrome.jpg",height:"256",alt:"banner-monochrome"})}),"\n",(0,i.jsx)(n.h2,{id:"social-preview",children:"Social Preview"}),"\n",(0,i.jsx)(n.p,{children:"Work in progress..."}),"\n",(0,i.jsx)(n.h2,{id:"presentation-template",children:"Presentation template"}),"\n",(0,i.jsx)(n.p,{children:"Work in progress..."}),"\n",(0,i.jsx)(n.h2,{id:"see-also",children:"See also"}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsx)(n.li,{children:(0,i.jsx)(n.a,{href:"https://github.com/feature-sliced/documentation/discussions/399",children:"Discussion (github)"})}),"\n",(0,i.jsx)(n.li,{children:(0,i.jsx)(n.a,{href:"https://www.figma.com/file/RPphccpoeasVB0lMpZwPVR/FSD-Brand?node-id=0%3A1",children:"History of development with references (figma)"})}),"\n",(0,i.jsx)(n.li,{children:(0,i.jsx)(n.a,{href:"https://rebrand-sliced.netlify.app/en/",children:"Rebranding demo"})}),"\n"]})]})}function h(e={}){const{wrapper:n}={...(0,s.R)(),...e.components};return n?(0,i.jsx)(n,{...e,children:(0,i.jsx)(a,{...e})}):a(e)}},1100:(e,n,r)=>{r.d(n,{R:()=>t,x:()=>d});var i=r(758);const s={},o=i.createContext(s);function t(e){const n=i.useContext(o);return i.useMemo((function(){return"function"==typeof e?e(n):{...n,...e}}),[n,e])}function d(e){let n;return n=e.disableParentContext?"function"==typeof e.components?e.components(s):e.components||s:t(e.components),i.createElement(o.Provider,{value:n},e.children)}}}]);
\ No newline at end of file
diff --git a/assets/js/a1521a63.88f13bb5.js b/assets/js/a1521a63.cd08cdc5.js
similarity index 98%
rename from assets/js/a1521a63.88f13bb5.js
rename to assets/js/a1521a63.cd08cdc5.js
index b3b0672ba7..f55c4d1117 100644
--- a/assets/js/a1521a63.88f13bb5.js
+++ b/assets/js/a1521a63.cd08cdc5.js
@@ -1 +1 @@
-"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[9687],{1928:(e,t,i)=>{i.d(t,{Ay:()=>l,RM:()=>c});var s=i(6070),n=i(1100),r=(i(758),i(6783)),o=i(7765);const a=e=>{let{ticket:t}=e;const i=`https://github.com/feature-sliced/documentation/issues/${t}`;return(0,s.jsxs)("div",{children:[(0,s.jsx)("p",{children:(0,o.T)({id:"shared.wip.title"})}),(0,s.jsx)("p",{children:(0,o.T)({id:"shared.wip.subtitle"})}),(0,s.jsxs)("ul",{children:[(0,s.jsxs)("li",{children:[(0,o.T)({id:"shared.wip.var.feedback.base"}),(0,s.jsx)(r.A,{to:i,children:(0,o.T)({id:"shared.wip.var.feedback.link"})})]}),(0,s.jsxs)("li",{children:[(0,o.T)({id:"shared.wip.var.material.base"}),(0,s.jsx)(r.A,{to:"https://t.me/feature_sliced",children:(0,o.T)({id:"shared.wip.var.material.link"})})]}),(0,s.jsxs)("li",{children:[(0,o.T)({id:"shared.wip.var.contribute.base"}),(0,s.jsx)(r.A,{to:"https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md",children:(0,o.T)({id:"shared.wip.var.contribute.link"})})]})]}),(0,s.jsx)("br",{}),(0,s.jsx)("p",{children:(0,s.jsx)("i",{children:"\ud83c\udf70 Stay tuned!"})})]})},c=[];function d(e){const t={admonition:"admonition",...(0,n.R)(),...e.components};return(0,s.jsx)(t.admonition,{title:"WIP",type:"caution",children:(0,s.jsx)(a,{ticket:e.ticket})})}function l(e={}){const{wrapper:t}={...(0,n.R)(),...e.components};return t?(0,s.jsx)(t,{...e,children:(0,s.jsx)(d,{...e})}):d(e)}},9021:(e,t,i)=>{i.r(t),i.d(t,{assets:()=>d,contentTitle:()=>a,default:()=>p,frontMatter:()=>o,metadata:()=>c,toc:()=>l});var s=i(6070),n=i(1100),r=i(1928);const o={sidebar_class_name:"sidebar-item--wip",unlisted:!0},a="Browser API",c={id:"guides/examples/browser-api",title:"Browser API",description:"About working with the Browser API: localStorage, audio Api, bluetooth API, etc.",source:"@site/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/browser-api.mdx",sourceDirName:"guides/examples",slug:"/guides/examples/browser-api",permalink:"/docs/guides/examples/browser-api",draft:!1,unlisted:!0,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/browser-api.mdx",tags:[],version:"current",lastUpdatedAt:1727607766e3,frontMatter:{sidebar_class_name:"sidebar-item--wip",unlisted:!0},sidebar:"guidesSidebar"},d={},l=[...r.RM];function u(e){const t={a:"a",blockquote:"blockquote",h1:"h1",header:"header",p:"p",...(0,n.R)(),...e.components};return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(t.header,{children:(0,s.jsx)(t.h1,{id:"browser-api",children:"Browser API"})}),"\n",(0,s.jsx)(r.Ay,{ticket:"197"}),"\n",(0,s.jsxs)(t.blockquote,{children:["\n",(0,s.jsx)(t.p,{children:"About working with the Browser API: localStorage, audio Api, bluetooth API, etc."}),"\n",(0,s.jsxs)(t.p,{children:["You can ask about the idea in more detail ",(0,s.jsx)(t.a,{href:"https://t.me/alex_novich",children:"@alex_novi"})]}),"\n"]})]})}function p(e={}){const{wrapper:t}={...(0,n.R)(),...e.components};return t?(0,s.jsx)(t,{...e,children:(0,s.jsx)(u,{...e})}):u(e)}},1100:(e,t,i)=>{i.d(t,{R:()=>o,x:()=>a});var s=i(758);const n={},r=s.createContext(n);function o(e){const t=s.useContext(r);return s.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function a(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(n):e.components||n:o(e.components),s.createElement(r.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
+"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[9687],{1928:(e,t,i)=>{i.d(t,{Ay:()=>l,RM:()=>c});var s=i(6070),n=i(1100),r=(i(758),i(6783)),o=i(7765);const a=e=>{let{ticket:t}=e;const i=`https://github.com/feature-sliced/documentation/issues/${t}`;return(0,s.jsxs)("div",{children:[(0,s.jsx)("p",{children:(0,o.T)({id:"shared.wip.title"})}),(0,s.jsx)("p",{children:(0,o.T)({id:"shared.wip.subtitle"})}),(0,s.jsxs)("ul",{children:[(0,s.jsxs)("li",{children:[(0,o.T)({id:"shared.wip.var.feedback.base"}),(0,s.jsx)(r.A,{to:i,children:(0,o.T)({id:"shared.wip.var.feedback.link"})})]}),(0,s.jsxs)("li",{children:[(0,o.T)({id:"shared.wip.var.material.base"}),(0,s.jsx)(r.A,{to:"https://t.me/feature_sliced",children:(0,o.T)({id:"shared.wip.var.material.link"})})]}),(0,s.jsxs)("li",{children:[(0,o.T)({id:"shared.wip.var.contribute.base"}),(0,s.jsx)(r.A,{to:"https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md",children:(0,o.T)({id:"shared.wip.var.contribute.link"})})]})]}),(0,s.jsx)("br",{}),(0,s.jsx)("p",{children:(0,s.jsx)("i",{children:"\ud83c\udf70 Stay tuned!"})})]})},c=[];function d(e){const t={admonition:"admonition",...(0,n.R)(),...e.components};return(0,s.jsx)(t.admonition,{title:"WIP",type:"caution",children:(0,s.jsx)(a,{ticket:e.ticket})})}function l(e={}){const{wrapper:t}={...(0,n.R)(),...e.components};return t?(0,s.jsx)(t,{...e,children:(0,s.jsx)(d,{...e})}):d(e)}},9021:(e,t,i)=>{i.r(t),i.d(t,{assets:()=>d,contentTitle:()=>a,default:()=>p,frontMatter:()=>o,metadata:()=>c,toc:()=>l});var s=i(6070),n=i(1100),r=i(1928);const o={sidebar_class_name:"sidebar-item--wip",unlisted:!0},a="Browser API",c={id:"guides/examples/browser-api",title:"Browser API",description:"About working with the Browser API: localStorage, audio Api, bluetooth API, etc.",source:"@site/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/browser-api.mdx",sourceDirName:"guides/examples",slug:"/guides/examples/browser-api",permalink:"/docs/guides/examples/browser-api",draft:!1,unlisted:!0,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/browser-api.mdx",tags:[],version:"current",lastUpdatedAt:1728325386e3,frontMatter:{sidebar_class_name:"sidebar-item--wip",unlisted:!0},sidebar:"guidesSidebar"},d={},l=[...r.RM];function u(e){const t={a:"a",blockquote:"blockquote",h1:"h1",header:"header",p:"p",...(0,n.R)(),...e.components};return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(t.header,{children:(0,s.jsx)(t.h1,{id:"browser-api",children:"Browser API"})}),"\n",(0,s.jsx)(r.Ay,{ticket:"197"}),"\n",(0,s.jsxs)(t.blockquote,{children:["\n",(0,s.jsx)(t.p,{children:"About working with the Browser API: localStorage, audio Api, bluetooth API, etc."}),"\n",(0,s.jsxs)(t.p,{children:["You can ask about the idea in more detail ",(0,s.jsx)(t.a,{href:"https://t.me/alex_novich",children:"@alex_novi"})]}),"\n"]})]})}function p(e={}){const{wrapper:t}={...(0,n.R)(),...e.components};return t?(0,s.jsx)(t,{...e,children:(0,s.jsx)(u,{...e})}):u(e)}},1100:(e,t,i)=>{i.d(t,{R:()=>o,x:()=>a});var s=i(758);const n={},r=s.createContext(n);function o(e){const t=s.useContext(r);return s.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function a(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(n):e.components||n:o(e.components),s.createElement(r.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
diff --git a/assets/js/a386f730.af4bf0fb.js b/assets/js/a386f730.e0c9a4c0.js
similarity index 99%
rename from assets/js/a386f730.af4bf0fb.js
rename to assets/js/a386f730.e0c9a4c0.js
index f1aff27b7c..5ceb5a7646 100644
--- a/assets/js/a386f730.af4bf0fb.js
+++ b/assets/js/a386f730.e0c9a4c0.js
@@ -1 +1 @@
-"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[6865],{1928:(e,i,n)=>{n.d(i,{Ay:()=>d,RM:()=>a});var t=n(6070),o=n(1100),s=(n(758),n(6783)),r=n(7765);const l=e=>{let{ticket:i}=e;const n=`https://github.com/feature-sliced/documentation/issues/${i}`;return(0,t.jsxs)("div",{children:[(0,t.jsx)("p",{children:(0,r.T)({id:"shared.wip.title"})}),(0,t.jsx)("p",{children:(0,r.T)({id:"shared.wip.subtitle"})}),(0,t.jsxs)("ul",{children:[(0,t.jsxs)("li",{children:[(0,r.T)({id:"shared.wip.var.feedback.base"}),(0,t.jsx)(s.A,{to:n,children:(0,r.T)({id:"shared.wip.var.feedback.link"})})]}),(0,t.jsxs)("li",{children:[(0,r.T)({id:"shared.wip.var.material.base"}),(0,t.jsx)(s.A,{to:"https://t.me/feature_sliced",children:(0,r.T)({id:"shared.wip.var.material.link"})})]}),(0,t.jsxs)("li",{children:[(0,r.T)({id:"shared.wip.var.contribute.base"}),(0,t.jsx)(s.A,{to:"https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md",children:(0,r.T)({id:"shared.wip.var.contribute.link"})})]})]}),(0,t.jsx)("br",{}),(0,t.jsx)("p",{children:(0,t.jsx)("i",{children:"\ud83c\udf70 Stay tuned!"})})]})},a=[];function c(e){const i={admonition:"admonition",...(0,o.R)(),...e.components};return(0,t.jsx)(i.admonition,{title:"WIP",type:"caution",children:(0,t.jsx)(l,{ticket:e.ticket})})}function d(e={}){const{wrapper:i}={...(0,o.R)(),...e.components};return i?(0,t.jsx)(i,{...e,children:(0,t.jsx)(c,{...e})}):c(e)}},5444:(e,i,n)=>{n.r(i),n.d(i,{assets:()=>c,contentTitle:()=>l,default:()=>u,frontMatter:()=>r,metadata:()=>a,toc:()=>d});var t=n(6070),o=n(1100),s=n(1928);const r={sidebar_class_name:"sidebar-item--wip",sidebar_position:3},l="Alternatives",a={id:"about/alternatives",title:"Alternatives",description:"History of architecture approaches",source:"@site/i18n/en/docusaurus-plugin-content-docs/current/about/alternatives.mdx",sourceDirName:"about",slug:"/about/alternatives",permalink:"/docs/about/alternatives",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/about/alternatives.mdx",tags:[],version:"current",lastUpdatedAt:1727607766e3,sidebarPosition:3,frontMatter:{sidebar_class_name:"sidebar-item--wip",sidebar_position:3},sidebar:"aboutSidebar",previous:{title:"Motivation",permalink:"/docs/about/motivation"},next:{title:"About architecture",permalink:"/docs/about/understanding/architecture"}},c={},d=[...s.RM,{value:"Big Ball of Mud",id:"big-ball-of-mud",level:2},...s.RM,{value:"Smart &amp; Dumb components",id:"smart--dumb-components",level:2},...s.RM,{value:"Design Principles",id:"design-principles",level:2},...s.RM,{value:"DDD",id:"ddd",level:2},...s.RM,{value:"Clean Architecture",id:"clean-architecture",level:2},...s.RM,{value:"Frameworks",id:"frameworks",level:2},...s.RM,{value:"Atomic Design",id:"atomic-design",level:2},{value:"What is it?",id:"what-is-it",level:3},{value:"Applicability to frontend",id:"applicability-to-frontend",level:3},{value:"How does it relate to FSD?",id:"how-does-it-relate-to-fsd",level:3},{value:"Feature Driven",id:"feature-driven",level:2},...s.RM];function h(e){const i={a:"a",blockquote:"blockquote",code:"code",h1:"h1",h2:"h2",h3:"h3",header:"header",li:"li",ol:"ol",p:"p",pre:"pre",strong:"strong",ul:"ul",...(0,o.R)(),...e.components};return(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(i.header,{children:(0,t.jsx)(i.h1,{id:"alternatives",children:"Alternatives"})}),"\n",(0,t.jsx)(s.Ay,{ticket:"62"}),"\n",(0,t.jsx)(i.p,{children:"History of architecture approaches"}),"\n",(0,t.jsx)(i.h2,{id:"big-ball-of-mud",children:"Big Ball of Mud"}),"\n",(0,t.jsx)(s.Ay,{ticket:"258"}),"\n",(0,t.jsxs)(i.blockquote,{children:["\n",(0,t.jsx)(i.p,{children:"What is it; Why is it so common; When it starts to bring problems; What to do and how does FSD help in this"}),"\n"]}),"\n",(0,t.jsxs)(i.ul,{children:["\n",(0,t.jsx)(i.li,{children:(0,t.jsx)(i.a,{href:"https://oleg008.medium.com/last-words-on-ui-architecture-before-an-ai-takes-over-468c78f18f0d",children:"(Article) Oleg Isonen - Last words on UI architecture before an AI takes over"})}),"\n",(0,t.jsx)(i.li,{children:(0,t.jsx)(i.a,{href:"http://youtu.be/gna4Ynz1YNI",children:"(Report) Julia Nikolaeva, iSpring - Big Ball of Mud and other problems of the monolith, we have handled"})}),"\n",(0,t.jsx)(i.li,{children:(0,t.jsx)(i.a,{href:"https://thedomaindrivendesign.io/big-ball-of-mud/",children:"(Article) DD - Big Ball of mud"})}),"\n"]}),"\n",(0,t.jsx)(i.h2,{id:"smart--dumb-components",children:"Smart & Dumb components"}),"\n",(0,t.jsx)(s.Ay,{ticket:"214"}),"\n",(0,t.jsxs)(i.blockquote,{children:["\n",(0,t.jsx)(i.p,{children:"About the approach; About applicability in the frontend; Methodology position"}),"\n"]}),"\n",(0,t.jsx)(i.p,{children:"About obsolescence, about a new view from the methodology"}),"\n",(0,t.jsx)(i.p,{children:"Why component-containers approach is evil?"}),"\n",(0,t.jsxs)(i.ul,{children:["\n",(0,t.jsx)(i.li,{children:(0,t.jsx)(i.a,{href:"https://medium.com/@dan_abramov/smart-and-dumb-components-7ca2f9a7c7d0",children:"(Article) Den Abramov-Presentation and Container Components (TLDR: deprecated)"})}),"\n"]}),"\n",(0,t.jsx)(i.h2,{id:"design-principles",children:"Design Principles"}),"\n",(0,t.jsx)(s.Ay,{ticket:"59"}),"\n",(0,t.jsxs)(i.blockquote,{children:["\n",(0,t.jsx)(i.p,{children:"What are we talking about; FSD position"}),"\n"]}),"\n",(0,t.jsx)(i.p,{children:"SOLID, GRASP, KISS, YAGNI, ... - and why they don't work well together in practice"}),"\n",(0,t.jsx)(i.p,{children:"And how does it aggregate these practices"}),"\n",(0,t.jsxs)(i.ul,{children:["\n",(0,t.jsx)(i.li,{children:(0,t.jsx)(i.a,{href:"https://youtu.be/SnzPAr_FJ7w?t=380",children:"(Talk) Ilya Azin - Feature-Sliced Design (fragment about Design Principles)"})}),"\n"]}),"\n",(0,t.jsx)(i.h2,{id:"ddd",children:"DDD"}),"\n",(0,t.jsx)(s.Ay,{ticket:"1"}),"\n",(0,t.jsxs)(i.blockquote,{children:["\n",(0,t.jsx)(i.p,{children:"About the approach; Why does it work poorly in practice"}),"\n"]}),"\n",(0,t.jsx)(i.p,{children:"What is the difference, how does it improve applicability, where does it adopt practices"}),"\n",(0,t.jsxs)(i.ul,{children:["\n",(0,t.jsx)(i.li,{children:(0,t.jsx)(i.a,{href:"https://herbertograca.com/2017/11/16/explicit-architecture-01-ddd-hexagonal-onion-clean-cqrs-how-i-put-it-all-together/",children:"(Article) DDD, Hexagonal, Onion, Clean, CQRS, ... How I put it all together"})}),"\n",(0,t.jsx)(i.li,{children:(0,t.jsx)(i.a,{href:"https://youtu.be/SnzPAr_FJ7w?t=528",children:"(Talk) Ilya Azin - Feature-Sliced Design (fragment about Clean Architecture, DDD)"})}),"\n"]}),"\n",(0,t.jsx)(i.h2,{id:"clean-architecture",children:"Clean Architecture"}),"\n",(0,t.jsx)(s.Ay,{ticket:"165"}),"\n",(0,t.jsxs)(i.blockquote,{children:["\n",(0,t.jsx)(i.p,{children:"About the approach; About applicability in the frontend; FSD position"}),"\n"]}),"\n",(0,t.jsx)(i.p,{children:"How are they similar (to many), how are they different"}),"\n",(0,t.jsxs)(i.ul,{children:["\n",(0,t.jsx)(i.li,{children:(0,t.jsx)(i.a,{href:"https://t.me/feature_sliced/3897",children:"(Thread) About use-case/interactor in the methodology"})}),"\n",(0,t.jsx)(i.li,{children:(0,t.jsx)(i.a,{href:"https://t.me/feature_sliced/4592",children:"(Thread) About DI in the methodology"})}),"\n",(0,t.jsx)(i.li,{children:(0,t.jsx)(i.a,{href:"https://bespoyasov.me/blog/clean-architecture-on-frontend/",children:"(Article) Alex Bespoyasov - Clean Architecture on frontend"})}),"\n",(0,t.jsx)(i.li,{children:(0,t.jsx)(i.a,{href:"https://herbertograca.com/2017/11/16/explicit-architecture-01-ddd-hexagonal-onion-clean-cqrs-how-i-put-it-all-together/",children:"(Article) DDD, Hexagonal, Onion, Clean, CQRS, ... How I put it all together"})}),"\n",(0,t.jsx)(i.li,{children:(0,t.jsx)(i.a,{href:"https://youtu.be/SnzPAr_FJ7w?t=528",children:"(Talk) Ilya Azin - Feature-Sliced Design (fragment about Clean Architecture, DDD)"})}),"\n",(0,t.jsx)(i.li,{children:(0,t.jsx)(i.a,{href:"http://habr.com/ru/company/mobileup/blog/335382/",children:"(Article) Misconceptions of Clean Architecture"})}),"\n"]}),"\n",(0,t.jsx)(i.h2,{id:"frameworks",children:"Frameworks"}),"\n",(0,t.jsx)(s.Ay,{ticket:"58"}),"\n",(0,t.jsxs)(i.blockquote,{children:["\n",(0,t.jsx)(i.p,{children:"About applicability in the frontend; Why frameworks do not solve problems; why there is no single approach; FSD position"}),"\n"]}),"\n",(0,t.jsx)(i.p,{children:"Framework-agnostic, conventional-approach"}),"\n",(0,t.jsxs)(i.ul,{children:["\n",(0,t.jsx)(i.li,{children:(0,t.jsx)(i.a,{href:"/docs/about/motivation",children:"(Article) About the reasons for creating the methodology (fragment about frameworks)"})}),"\n",(0,t.jsx)(i.li,{children:(0,t.jsx)(i.a,{href:"https://t.me/feature_sliced/3867",children:"(Thread) About the applicability of the methodology for different frameworks"})}),"\n"]}),"\n",(0,t.jsx)(i.h2,{id:"atomic-design",children:"Atomic Design"}),"\n",(0,t.jsx)(i.h3,{id:"what-is-it",children:"What is it?"}),"\n",(0,t.jsx)(i.p,{children:"In Atomic Design, the scope of responsibility is divided into standardized layers."}),"\n",(0,t.jsxs)(i.p,{children:["Atomic Design is broken down into ",(0,t.jsx)(i.strong,{children:"5 layers"})," (from top to bottom):"]}),"\n",(0,t.jsxs)(i.ol,{children:["\n",(0,t.jsxs)(i.li,{children:[(0,t.jsx)(i.code,{children:"pages"})," - Functionality similar to the ",(0,t.jsx)(i.code,{children:"pages"})," layer in FSD."]}),"\n",(0,t.jsxs)(i.li,{children:[(0,t.jsx)(i.code,{children:"templates"})," - Components that define the structure of a page without tying to specific content."]}),"\n",(0,t.jsxs)(i.li,{children:[(0,t.jsx)(i.code,{children:"organisms"})," - Modules consisting of molecules that have business logic."]}),"\n",(0,t.jsxs)(i.li,{children:[(0,t.jsx)(i.code,{children:"molecules"})," - More complex components that generally do not contain business logic."]}),"\n",(0,t.jsxs)(i.li,{children:[(0,t.jsx)(i.code,{children:"atoms"})," - UI components without business logic."]}),"\n"]}),"\n",(0,t.jsx)(i.p,{children:"Modules at one layer interact only with modules in the layers below, similar to FSD.\nThat is, molecules are built from atoms, organisms from molecules, templates from organisms, and pages from templates.\nAtomic Design also implies the use of Public API within modules for isolation."}),"\n",(0,t.jsx)(i.h3,{id:"applicability-to-frontend",children:"Applicability to frontend"}),"\n",(0,t.jsx)(i.p,{children:"Atomic Design is relatively common in projects. Atomic Design is more popular among web designers than in development.\nWeb designers often use Atomic Design to create scalable and easily maintainable designs.\nIn development, Atomic Design is often mixed with other architectural methodologies."}),"\n",(0,t.jsx)(i.p,{children:"However, since Atomic Design focuses on UI components and their composition, a problem arises with implementing\nbusiness logic within the architecture."}),"\n",(0,t.jsx)(i.p,{children:"The problem is that Atomic Design does not provide a clear level of responsibility for business logic,\nleading to its distribution across various components and levels, complicating maintenance and testing.\nThe business logic becomes blurred, making it difficult to clearly separate responsibilities and rendering\nthe code less modular and reusable."}),"\n",(0,t.jsx)(i.h3,{id:"how-does-it-relate-to-fsd",children:"How does it relate to FSD?"}),"\n",(0,t.jsxs)(i.p,{children:["In the context of FSD, some elements of Atomic Design can be applied to create flexible and scalable UI components.\nThe ",(0,t.jsx)(i.code,{children:"atoms"})," and ",(0,t.jsx)(i.code,{children:"molecules"})," layers can be implemented in ",(0,t.jsx)(i.code,{children:"shared/ui"})," in FSD, simplifying the reuse and\nmaintenance of basic UI elements."]}),"\n",(0,t.jsx)(i.pre,{children:(0,t.jsx)(i.code,{children:"\u251c\u2500\u2500 shared\n\u2502   \u251c\u2500\u2500 ui\n\u2502   \u2502   \u251c\u2500\u2500 atoms\n\u2502   \u2502   \u251c\u2500\u2500 molecules\n\u2502   ...\n"})}),"\n",(0,t.jsx)(i.p,{children:"A comparison of FSD and Atomic Design shows that both methodologies strive for modularity and reusability\nbut focus on different aspects. Atomic Design is oriented towards visual components and their composition.\nFSD focuses on dividing the application's functionality into independent modules and their interconnections."}),"\n",(0,t.jsxs)(i.ul,{children:["\n",(0,t.jsx)(i.li,{children:(0,t.jsx)(i.a,{href:"https://atomicdesign.bradfrost.com/table-of-contents/",children:"Atomic Design Methodology"})}),"\n",(0,t.jsx)(i.li,{children:(0,t.jsx)(i.a,{href:"https://t.me/feature_sliced/1653",children:"(Thread) About applicability in shared / ui"})}),"\n",(0,t.jsx)(i.li,{children:(0,t.jsx)(i.a,{href:"https://youtu.be/Yi-A20x2dcA",children:"(Video) Briefly about Atomic Design"})}),"\n",(0,t.jsx)(i.li,{children:(0,t.jsx)(i.a,{href:"https://youtu.be/SnzPAr_FJ7w?t=587",children:"(Talk) Ilya Azin - Feature-Sliced Design (fragment about Atomic Design)"})}),"\n"]}),"\n",(0,t.jsx)(i.h2,{id:"feature-driven",children:"Feature Driven"}),"\n",(0,t.jsx)(s.Ay,{ticket:"219"}),"\n",(0,t.jsxs)(i.blockquote,{children:["\n",(0,t.jsx)(i.p,{children:"About the approach; About applicability in the frontend; FSD position"}),"\n"]}),"\n",(0,t.jsx)(i.p,{children:"About compatibility, historical development and comparison"}),"\n",(0,t.jsxs)(i.ul,{children:["\n",(0,t.jsx)(i.li,{children:(0,t.jsx)(i.a,{href:"https://youtu.be/BWAeYuWFHhs",children:"(Talk) Oleg Isonen - Feature Driven Architecture"})}),"\n",(0,t.jsx)(i.li,{children:(0,t.jsx)(i.a,{href:"https://github.com/feature-sliced/documentation/tree/rc/feature-driven",children:"Feature Driven-Short specification (from the point of view of FSD)"})}),"\n"]})]})}function u(e={}){const{wrapper:i}={...(0,o.R)(),...e.components};return i?(0,t.jsx)(i,{...e,children:(0,t.jsx)(h,{...e})}):h(e)}},1100:(e,i,n)=>{n.d(i,{R:()=>r,x:()=>l});var t=n(758);const o={},s=t.createContext(o);function r(e){const i=t.useContext(s);return t.useMemo((function(){return"function"==typeof e?e(i):{...i,...e}}),[i,e])}function l(e){let i;return i=e.disableParentContext?"function"==typeof e.components?e.components(o):e.components||o:r(e.components),t.createElement(s.Provider,{value:i},e.children)}}}]);
\ No newline at end of file
+"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[6865],{1928:(e,i,n)=>{n.d(i,{Ay:()=>d,RM:()=>a});var t=n(6070),o=n(1100),s=(n(758),n(6783)),r=n(7765);const l=e=>{let{ticket:i}=e;const n=`https://github.com/feature-sliced/documentation/issues/${i}`;return(0,t.jsxs)("div",{children:[(0,t.jsx)("p",{children:(0,r.T)({id:"shared.wip.title"})}),(0,t.jsx)("p",{children:(0,r.T)({id:"shared.wip.subtitle"})}),(0,t.jsxs)("ul",{children:[(0,t.jsxs)("li",{children:[(0,r.T)({id:"shared.wip.var.feedback.base"}),(0,t.jsx)(s.A,{to:n,children:(0,r.T)({id:"shared.wip.var.feedback.link"})})]}),(0,t.jsxs)("li",{children:[(0,r.T)({id:"shared.wip.var.material.base"}),(0,t.jsx)(s.A,{to:"https://t.me/feature_sliced",children:(0,r.T)({id:"shared.wip.var.material.link"})})]}),(0,t.jsxs)("li",{children:[(0,r.T)({id:"shared.wip.var.contribute.base"}),(0,t.jsx)(s.A,{to:"https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md",children:(0,r.T)({id:"shared.wip.var.contribute.link"})})]})]}),(0,t.jsx)("br",{}),(0,t.jsx)("p",{children:(0,t.jsx)("i",{children:"\ud83c\udf70 Stay tuned!"})})]})},a=[];function c(e){const i={admonition:"admonition",...(0,o.R)(),...e.components};return(0,t.jsx)(i.admonition,{title:"WIP",type:"caution",children:(0,t.jsx)(l,{ticket:e.ticket})})}function d(e={}){const{wrapper:i}={...(0,o.R)(),...e.components};return i?(0,t.jsx)(i,{...e,children:(0,t.jsx)(c,{...e})}):c(e)}},5444:(e,i,n)=>{n.r(i),n.d(i,{assets:()=>c,contentTitle:()=>l,default:()=>u,frontMatter:()=>r,metadata:()=>a,toc:()=>d});var t=n(6070),o=n(1100),s=n(1928);const r={sidebar_class_name:"sidebar-item--wip",sidebar_position:3},l="Alternatives",a={id:"about/alternatives",title:"Alternatives",description:"History of architecture approaches",source:"@site/i18n/en/docusaurus-plugin-content-docs/current/about/alternatives.mdx",sourceDirName:"about",slug:"/about/alternatives",permalink:"/docs/about/alternatives",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/about/alternatives.mdx",tags:[],version:"current",lastUpdatedAt:1728325386e3,sidebarPosition:3,frontMatter:{sidebar_class_name:"sidebar-item--wip",sidebar_position:3},sidebar:"aboutSidebar",previous:{title:"Motivation",permalink:"/docs/about/motivation"},next:{title:"About architecture",permalink:"/docs/about/understanding/architecture"}},c={},d=[...s.RM,{value:"Big Ball of Mud",id:"big-ball-of-mud",level:2},...s.RM,{value:"Smart &amp; Dumb components",id:"smart--dumb-components",level:2},...s.RM,{value:"Design Principles",id:"design-principles",level:2},...s.RM,{value:"DDD",id:"ddd",level:2},...s.RM,{value:"Clean Architecture",id:"clean-architecture",level:2},...s.RM,{value:"Frameworks",id:"frameworks",level:2},...s.RM,{value:"Atomic Design",id:"atomic-design",level:2},{value:"What is it?",id:"what-is-it",level:3},{value:"Applicability to frontend",id:"applicability-to-frontend",level:3},{value:"How does it relate to FSD?",id:"how-does-it-relate-to-fsd",level:3},{value:"Feature Driven",id:"feature-driven",level:2},...s.RM];function h(e){const i={a:"a",blockquote:"blockquote",code:"code",h1:"h1",h2:"h2",h3:"h3",header:"header",li:"li",ol:"ol",p:"p",pre:"pre",strong:"strong",ul:"ul",...(0,o.R)(),...e.components};return(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(i.header,{children:(0,t.jsx)(i.h1,{id:"alternatives",children:"Alternatives"})}),"\n",(0,t.jsx)(s.Ay,{ticket:"62"}),"\n",(0,t.jsx)(i.p,{children:"History of architecture approaches"}),"\n",(0,t.jsx)(i.h2,{id:"big-ball-of-mud",children:"Big Ball of Mud"}),"\n",(0,t.jsx)(s.Ay,{ticket:"258"}),"\n",(0,t.jsxs)(i.blockquote,{children:["\n",(0,t.jsx)(i.p,{children:"What is it; Why is it so common; When it starts to bring problems; What to do and how does FSD help in this"}),"\n"]}),"\n",(0,t.jsxs)(i.ul,{children:["\n",(0,t.jsx)(i.li,{children:(0,t.jsx)(i.a,{href:"https://oleg008.medium.com/last-words-on-ui-architecture-before-an-ai-takes-over-468c78f18f0d",children:"(Article) Oleg Isonen - Last words on UI architecture before an AI takes over"})}),"\n",(0,t.jsx)(i.li,{children:(0,t.jsx)(i.a,{href:"http://youtu.be/gna4Ynz1YNI",children:"(Report) Julia Nikolaeva, iSpring - Big Ball of Mud and other problems of the monolith, we have handled"})}),"\n",(0,t.jsx)(i.li,{children:(0,t.jsx)(i.a,{href:"https://thedomaindrivendesign.io/big-ball-of-mud/",children:"(Article) DD - Big Ball of mud"})}),"\n"]}),"\n",(0,t.jsx)(i.h2,{id:"smart--dumb-components",children:"Smart & Dumb components"}),"\n",(0,t.jsx)(s.Ay,{ticket:"214"}),"\n",(0,t.jsxs)(i.blockquote,{children:["\n",(0,t.jsx)(i.p,{children:"About the approach; About applicability in the frontend; Methodology position"}),"\n"]}),"\n",(0,t.jsx)(i.p,{children:"About obsolescence, about a new view from the methodology"}),"\n",(0,t.jsx)(i.p,{children:"Why component-containers approach is evil?"}),"\n",(0,t.jsxs)(i.ul,{children:["\n",(0,t.jsx)(i.li,{children:(0,t.jsx)(i.a,{href:"https://medium.com/@dan_abramov/smart-and-dumb-components-7ca2f9a7c7d0",children:"(Article) Den Abramov-Presentation and Container Components (TLDR: deprecated)"})}),"\n"]}),"\n",(0,t.jsx)(i.h2,{id:"design-principles",children:"Design Principles"}),"\n",(0,t.jsx)(s.Ay,{ticket:"59"}),"\n",(0,t.jsxs)(i.blockquote,{children:["\n",(0,t.jsx)(i.p,{children:"What are we talking about; FSD position"}),"\n"]}),"\n",(0,t.jsx)(i.p,{children:"SOLID, GRASP, KISS, YAGNI, ... - and why they don't work well together in practice"}),"\n",(0,t.jsx)(i.p,{children:"And how does it aggregate these practices"}),"\n",(0,t.jsxs)(i.ul,{children:["\n",(0,t.jsx)(i.li,{children:(0,t.jsx)(i.a,{href:"https://youtu.be/SnzPAr_FJ7w?t=380",children:"(Talk) Ilya Azin - Feature-Sliced Design (fragment about Design Principles)"})}),"\n"]}),"\n",(0,t.jsx)(i.h2,{id:"ddd",children:"DDD"}),"\n",(0,t.jsx)(s.Ay,{ticket:"1"}),"\n",(0,t.jsxs)(i.blockquote,{children:["\n",(0,t.jsx)(i.p,{children:"About the approach; Why does it work poorly in practice"}),"\n"]}),"\n",(0,t.jsx)(i.p,{children:"What is the difference, how does it improve applicability, where does it adopt practices"}),"\n",(0,t.jsxs)(i.ul,{children:["\n",(0,t.jsx)(i.li,{children:(0,t.jsx)(i.a,{href:"https://herbertograca.com/2017/11/16/explicit-architecture-01-ddd-hexagonal-onion-clean-cqrs-how-i-put-it-all-together/",children:"(Article) DDD, Hexagonal, Onion, Clean, CQRS, ... How I put it all together"})}),"\n",(0,t.jsx)(i.li,{children:(0,t.jsx)(i.a,{href:"https://youtu.be/SnzPAr_FJ7w?t=528",children:"(Talk) Ilya Azin - Feature-Sliced Design (fragment about Clean Architecture, DDD)"})}),"\n"]}),"\n",(0,t.jsx)(i.h2,{id:"clean-architecture",children:"Clean Architecture"}),"\n",(0,t.jsx)(s.Ay,{ticket:"165"}),"\n",(0,t.jsxs)(i.blockquote,{children:["\n",(0,t.jsx)(i.p,{children:"About the approach; About applicability in the frontend; FSD position"}),"\n"]}),"\n",(0,t.jsx)(i.p,{children:"How are they similar (to many), how are they different"}),"\n",(0,t.jsxs)(i.ul,{children:["\n",(0,t.jsx)(i.li,{children:(0,t.jsx)(i.a,{href:"https://t.me/feature_sliced/3897",children:"(Thread) About use-case/interactor in the methodology"})}),"\n",(0,t.jsx)(i.li,{children:(0,t.jsx)(i.a,{href:"https://t.me/feature_sliced/4592",children:"(Thread) About DI in the methodology"})}),"\n",(0,t.jsx)(i.li,{children:(0,t.jsx)(i.a,{href:"https://bespoyasov.me/blog/clean-architecture-on-frontend/",children:"(Article) Alex Bespoyasov - Clean Architecture on frontend"})}),"\n",(0,t.jsx)(i.li,{children:(0,t.jsx)(i.a,{href:"https://herbertograca.com/2017/11/16/explicit-architecture-01-ddd-hexagonal-onion-clean-cqrs-how-i-put-it-all-together/",children:"(Article) DDD, Hexagonal, Onion, Clean, CQRS, ... How I put it all together"})}),"\n",(0,t.jsx)(i.li,{children:(0,t.jsx)(i.a,{href:"https://youtu.be/SnzPAr_FJ7w?t=528",children:"(Talk) Ilya Azin - Feature-Sliced Design (fragment about Clean Architecture, DDD)"})}),"\n",(0,t.jsx)(i.li,{children:(0,t.jsx)(i.a,{href:"http://habr.com/ru/company/mobileup/blog/335382/",children:"(Article) Misconceptions of Clean Architecture"})}),"\n"]}),"\n",(0,t.jsx)(i.h2,{id:"frameworks",children:"Frameworks"}),"\n",(0,t.jsx)(s.Ay,{ticket:"58"}),"\n",(0,t.jsxs)(i.blockquote,{children:["\n",(0,t.jsx)(i.p,{children:"About applicability in the frontend; Why frameworks do not solve problems; why there is no single approach; FSD position"}),"\n"]}),"\n",(0,t.jsx)(i.p,{children:"Framework-agnostic, conventional-approach"}),"\n",(0,t.jsxs)(i.ul,{children:["\n",(0,t.jsx)(i.li,{children:(0,t.jsx)(i.a,{href:"/docs/about/motivation",children:"(Article) About the reasons for creating the methodology (fragment about frameworks)"})}),"\n",(0,t.jsx)(i.li,{children:(0,t.jsx)(i.a,{href:"https://t.me/feature_sliced/3867",children:"(Thread) About the applicability of the methodology for different frameworks"})}),"\n"]}),"\n",(0,t.jsx)(i.h2,{id:"atomic-design",children:"Atomic Design"}),"\n",(0,t.jsx)(i.h3,{id:"what-is-it",children:"What is it?"}),"\n",(0,t.jsx)(i.p,{children:"In Atomic Design, the scope of responsibility is divided into standardized layers."}),"\n",(0,t.jsxs)(i.p,{children:["Atomic Design is broken down into ",(0,t.jsx)(i.strong,{children:"5 layers"})," (from top to bottom):"]}),"\n",(0,t.jsxs)(i.ol,{children:["\n",(0,t.jsxs)(i.li,{children:[(0,t.jsx)(i.code,{children:"pages"})," - Functionality similar to the ",(0,t.jsx)(i.code,{children:"pages"})," layer in FSD."]}),"\n",(0,t.jsxs)(i.li,{children:[(0,t.jsx)(i.code,{children:"templates"})," - Components that define the structure of a page without tying to specific content."]}),"\n",(0,t.jsxs)(i.li,{children:[(0,t.jsx)(i.code,{children:"organisms"})," - Modules consisting of molecules that have business logic."]}),"\n",(0,t.jsxs)(i.li,{children:[(0,t.jsx)(i.code,{children:"molecules"})," - More complex components that generally do not contain business logic."]}),"\n",(0,t.jsxs)(i.li,{children:[(0,t.jsx)(i.code,{children:"atoms"})," - UI components without business logic."]}),"\n"]}),"\n",(0,t.jsx)(i.p,{children:"Modules at one layer interact only with modules in the layers below, similar to FSD.\nThat is, molecules are built from atoms, organisms from molecules, templates from organisms, and pages from templates.\nAtomic Design also implies the use of Public API within modules for isolation."}),"\n",(0,t.jsx)(i.h3,{id:"applicability-to-frontend",children:"Applicability to frontend"}),"\n",(0,t.jsx)(i.p,{children:"Atomic Design is relatively common in projects. Atomic Design is more popular among web designers than in development.\nWeb designers often use Atomic Design to create scalable and easily maintainable designs.\nIn development, Atomic Design is often mixed with other architectural methodologies."}),"\n",(0,t.jsx)(i.p,{children:"However, since Atomic Design focuses on UI components and their composition, a problem arises with implementing\nbusiness logic within the architecture."}),"\n",(0,t.jsx)(i.p,{children:"The problem is that Atomic Design does not provide a clear level of responsibility for business logic,\nleading to its distribution across various components and levels, complicating maintenance and testing.\nThe business logic becomes blurred, making it difficult to clearly separate responsibilities and rendering\nthe code less modular and reusable."}),"\n",(0,t.jsx)(i.h3,{id:"how-does-it-relate-to-fsd",children:"How does it relate to FSD?"}),"\n",(0,t.jsxs)(i.p,{children:["In the context of FSD, some elements of Atomic Design can be applied to create flexible and scalable UI components.\nThe ",(0,t.jsx)(i.code,{children:"atoms"})," and ",(0,t.jsx)(i.code,{children:"molecules"})," layers can be implemented in ",(0,t.jsx)(i.code,{children:"shared/ui"})," in FSD, simplifying the reuse and\nmaintenance of basic UI elements."]}),"\n",(0,t.jsx)(i.pre,{children:(0,t.jsx)(i.code,{children:"\u251c\u2500\u2500 shared\n\u2502   \u251c\u2500\u2500 ui\n\u2502   \u2502   \u251c\u2500\u2500 atoms\n\u2502   \u2502   \u251c\u2500\u2500 molecules\n\u2502   ...\n"})}),"\n",(0,t.jsx)(i.p,{children:"A comparison of FSD and Atomic Design shows that both methodologies strive for modularity and reusability\nbut focus on different aspects. Atomic Design is oriented towards visual components and their composition.\nFSD focuses on dividing the application's functionality into independent modules and their interconnections."}),"\n",(0,t.jsxs)(i.ul,{children:["\n",(0,t.jsx)(i.li,{children:(0,t.jsx)(i.a,{href:"https://atomicdesign.bradfrost.com/table-of-contents/",children:"Atomic Design Methodology"})}),"\n",(0,t.jsx)(i.li,{children:(0,t.jsx)(i.a,{href:"https://t.me/feature_sliced/1653",children:"(Thread) About applicability in shared / ui"})}),"\n",(0,t.jsx)(i.li,{children:(0,t.jsx)(i.a,{href:"https://youtu.be/Yi-A20x2dcA",children:"(Video) Briefly about Atomic Design"})}),"\n",(0,t.jsx)(i.li,{children:(0,t.jsx)(i.a,{href:"https://youtu.be/SnzPAr_FJ7w?t=587",children:"(Talk) Ilya Azin - Feature-Sliced Design (fragment about Atomic Design)"})}),"\n"]}),"\n",(0,t.jsx)(i.h2,{id:"feature-driven",children:"Feature Driven"}),"\n",(0,t.jsx)(s.Ay,{ticket:"219"}),"\n",(0,t.jsxs)(i.blockquote,{children:["\n",(0,t.jsx)(i.p,{children:"About the approach; About applicability in the frontend; FSD position"}),"\n"]}),"\n",(0,t.jsx)(i.p,{children:"About compatibility, historical development and comparison"}),"\n",(0,t.jsxs)(i.ul,{children:["\n",(0,t.jsx)(i.li,{children:(0,t.jsx)(i.a,{href:"https://youtu.be/BWAeYuWFHhs",children:"(Talk) Oleg Isonen - Feature Driven Architecture"})}),"\n",(0,t.jsx)(i.li,{children:(0,t.jsx)(i.a,{href:"https://github.com/feature-sliced/documentation/tree/rc/feature-driven",children:"Feature Driven-Short specification (from the point of view of FSD)"})}),"\n"]})]})}function u(e={}){const{wrapper:i}={...(0,o.R)(),...e.components};return i?(0,t.jsx)(i,{...e,children:(0,t.jsx)(h,{...e})}):h(e)}},1100:(e,i,n)=>{n.d(i,{R:()=>r,x:()=>l});var t=n(758);const o={},s=t.createContext(o);function r(e){const i=t.useContext(s);return t.useMemo((function(){return"function"==typeof e?e(i):{...i,...e}}),[i,e])}function l(e){let i;return i=e.disableParentContext?"function"==typeof e.components?e.components(o):e.components||o:r(e.components),t.createElement(s.Provider,{value:i},e.children)}}}]);
\ No newline at end of file
diff --git a/assets/js/a61c55ce.020c90ec.js b/assets/js/a61c55ce.275776b6.js
similarity index 63%
rename from assets/js/a61c55ce.020c90ec.js
rename to assets/js/a61c55ce.275776b6.js
index 9492c43821..f70416056c 100644
--- a/assets/js/a61c55ce.020c90ec.js
+++ b/assets/js/a61c55ce.275776b6.js
@@ -1,2 +1,2 @@
-/*! For license information please see a61c55ce.020c90ec.js.LICENSE.txt */
-"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[8964],{1350:(e,t,n)=>{n.d(t,{A:()=>r});var a=n(991),s=n(758);const c={icon:{tag:"svg",attrs:{viewBox:"64 64 896 896",focusable:"false"},children:[{tag:"path",attrs:{d:"M908.1 353.1l-253.9-36.9L540.7 86.1c-3.1-6.3-8.2-11.4-14.5-14.5-15.8-7.8-35-1.3-42.9 14.5L369.8 316.2l-253.9 36.9c-7 1-13.4 4.3-18.3 9.3a32.05 32.05 0 00.6 45.3l183.7 179.1-43.4 252.9a31.95 31.95 0 0046.4 33.7L512 754l227.1 119.4c6.2 3.3 13.4 4.4 20.3 3.2 17.4-3 29.1-19.5 26.1-36.9l-43.4-252.9 183.7-179.1c5-4.9 8.3-11.3 9.3-18.3 2.7-17.5-9.5-33.7-27-36.3zM664.8 561.6l36.1 210.3L512 672.7 323.1 772l36.1-210.3-152.8-149L417.6 382 512 190.7 606.4 382l211.2 30.7-152.8 148.9z"}}]},name:"star",theme:"outlined"};var o=n(9820),i=function(e,t){return s.createElement(o.A,(0,a.A)({},e,{ref:t,icon:c}))};const r=s.forwardRef(i)},1825:(e,t,n)=>{n.d(t,{A:()=>r});var a=n(991),s=n(758);const c={icon:{tag:"svg",attrs:{viewBox:"64 64 896 896",focusable:"false"},children:[{tag:"path",attrs:{d:"M824.2 699.9a301.55 301.55 0 00-86.4-60.4C783.1 602.8 812 546.8 812 484c0-110.8-92.4-201.7-203.2-200-109.1 1.7-197 90.6-197 200 0 62.8 29 118.8 74.2 155.5a300.95 300.95 0 00-86.4 60.4C345 754.6 314 826.8 312 903.8a8 8 0 008 8.2h56c4.3 0 7.9-3.4 8-7.7 1.9-58 25.4-112.3 66.7-153.5A226.62 226.62 0 01612 684c60.9 0 118.2 23.7 161.3 66.8C814.5 792 838 846.3 840 904.3c.1 4.3 3.7 7.7 8 7.7h56a8 8 0 008-8.2c-2-77-33-149.2-87.8-203.9zM612 612c-34.2 0-66.4-13.3-90.5-37.5a126.86 126.86 0 01-37.5-91.8c.3-32.8 13.4-64.5 36.3-88 24-24.6 56.1-38.3 90.4-38.7 33.9-.3 66.8 12.9 91 36.6 24.8 24.3 38.4 56.8 38.4 91.4 0 34.2-13.3 66.3-37.5 90.5A127.3 127.3 0 01612 612zM361.5 510.4c-.9-8.7-1.4-17.5-1.4-26.4 0-15.9 1.5-31.4 4.3-46.5.7-3.6-1.2-7.3-4.5-8.8-13.6-6.1-26.1-14.5-36.9-25.1a127.54 127.54 0 01-38.7-95.4c.9-32.1 13.8-62.6 36.3-85.6 24.7-25.3 57.9-39.1 93.2-38.7 31.9.3 62.7 12.6 86 34.4 7.9 7.4 14.7 15.6 20.4 24.4 2 3.1 5.9 4.4 9.3 3.2 17.6-6.1 36.2-10.4 55.3-12.4 5.6-.6 8.8-6.6 6.3-11.6-32.5-64.3-98.9-108.7-175.7-109.9-110.9-1.7-203.3 89.2-203.3 199.9 0 62.8 28.9 118.8 74.2 155.5-31.8 14.7-61.1 35-86.5 60.4-54.8 54.7-85.8 126.9-87.8 204a8 8 0 008 8.2h56.1c4.3 0 7.9-3.4 8-7.7 1.9-58 25.4-112.3 66.7-153.5 29.4-29.4 65.4-49.8 104.7-59.7 3.9-1 6.5-4.7 6-8.7z"}}]},name:"team",theme:"outlined"};var o=n(9820),i=function(e,t){return s.createElement(o.A,(0,a.A)({},e,{ref:t,icon:c}))};const r=s.forwardRef(i)},738:(e,t,n)=>{n.r(t),n.d(t,{assets:()=>A,contentTitle:()=>g,default:()=>_,frontMatter:()=>v,metadata:()=>j,toc:()=>C});var a=n(6070),s=n(1100),c=n(7946),o=n(1350),i=n(1825),r=n(991),l=n(758);const d={icon:{tag:"svg",attrs:{viewBox:"64 64 896 896",focusable:"false"},children:[{tag:"defs",attrs:{},children:[{tag:"style",attrs:{}}]},{tag:"path",attrs:{d:"M447.8 588.8l-7.3-32.5c-.2-1-.6-1.9-1.1-2.7a7.94 7.94 0 00-11.1-2.2L405 567V411c0-4.4-3.6-8-8-8h-81c-4.4 0-8 3.6-8 8v36c0 4.4 3.6 8 8 8h37v192.4a8 8 0 0012.7 6.5l79-56.8c2.6-1.9 3.8-5.1 3.1-8.3zm-56.7-216.6l.2.2c3.2 3 8.3 2.8 11.3-.5l24.1-26.2a8.1 8.1 0 00-.3-11.2l-53.7-52.1a8 8 0 00-11.2.1l-24.7 24.7c-3.1 3.1-3.1 8.2.1 11.3l54.2 53.7z"}},{tag:"path",attrs:{d:"M866.9 169.9L527.1 54.1C523 52.7 517.5 52 512 52s-11 .7-15.1 2.1L157.1 169.9c-8.3 2.8-15.1 12.4-15.1 21.2v482.4c0 8.8 5.7 20.4 12.6 25.9L499.3 968c3.5 2.7 8 4.1 12.6 4.1s9.2-1.4 12.6-4.1l344.7-268.6c6.9-5.4 12.6-17 12.6-25.9V191.1c.2-8.8-6.6-18.3-14.9-21.2zM810 654.3L512 886.5 214 654.3V226.7l298-101.6 298 101.6v427.6z"}},{tag:"path",attrs:{d:"M452 297v36c0 4.4 3.6 8 8 8h108v274h-38V405c0-4.4-3.6-8-8-8h-35c-4.4 0-8 3.6-8 8v210h-31c-4.4 0-8 3.6-8 8v37c0 4.4 3.6 8 8 8h244c4.4 0 8-3.6 8-8v-37c0-4.4-3.6-8-8-8h-72V493h58c4.4 0 8-3.6 8-8v-35c0-4.4-3.6-8-8-8h-58V341h63c4.4 0 8-3.6 8-8v-36c0-4.4-3.6-8-8-8H460c-4.4 0-8 3.6-8 8z"}}]},name:"verified",theme:"outlined"};var m=n(9820),u=function(e,t){return l.createElement(m.A,(0,r.A)({},e,{ref:t,icon:d}))};const h=l.forwardRef(u);const f={icon:{tag:"svg",attrs:{viewBox:"64 64 896 896",focusable:"false"},children:[{tag:"path",attrs:{d:"M909.6 854.5L649.9 594.8C690.2 542.7 712 479 712 412c0-80.2-31.3-155.4-87.9-212.1-56.6-56.7-132-87.9-212.1-87.9s-155.5 31.3-212.1 87.9C143.2 256.5 112 331.8 112 412c0 80.1 31.3 155.5 87.9 212.1C256.5 680.8 331.8 712 412 712c67 0 130.6-21.8 182.7-62l259.7 259.6a8.2 8.2 0 0011.6 0l43.6-43.5a8.2 8.2 0 000-11.6zM570.4 570.4C528 612.7 471.8 636 412 636s-116-23.3-158.4-65.6C211.3 528 188 471.8 188 412s23.3-116.1 65.6-158.4C296 211.3 352.2 188 412 188s116.1 23.2 158.4 65.6S636 352.2 636 412s-23.3 116.1-65.6 158.4z"}}]},name:"search",theme:"outlined"};var p=function(e,t){return l.createElement(m.A,(0,r.A)({},e,{ref:t,icon:f}))};const x=l.forwardRef(p),v={hide_table_of_contents:!0},g="\ud83d\udcab Community",j={id:"index",title:"\ud83d\udcab Community",description:"Community resources, additional materials",source:"@site/i18n/en/docusaurus-plugin-content-docs/community/index.mdx",sourceDirName:".",slug:"/",permalink:"/community/",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/community/index.mdx",tags:[],version:"current",lastUpdatedBy:"ratomiru",lastUpdatedAt:1727607766e3,frontMatter:{hide_table_of_contents:!0},sidebar:"community",next:{title:"Team",permalink:"/community/team"}},A={},C=[{value:"Main",id:"main",level:2},...c.RM,...c.RM,...c.RM,...c.RM];function y(e){const t={h1:"h1",h2:"h2",header:"header",p:"p",...(0,s.R)(),...e.components};return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(t.header,{children:(0,a.jsx)(t.h1,{id:"-community",children:"\ud83d\udcab Community"})}),"\n",(0,a.jsx)("p",{class:"summary",children:(0,a.jsx)(t.p,{children:"Community resources, additional materials"})}),"\n",(0,a.jsx)(t.h2,{id:"main",children:"Main"}),"\n","\n",(0,a.jsx)(c.Ay,{title:"Awesome Resources",description:"A curated list of awesome FSD videos, articles, packages",to:"https://github.com/feature-sliced/awesome",Icon:o.A}),"\n",(0,a.jsx)(c.Ay,{title:"Team",description:"Core-team, Champions, Contributors, Companies",to:"/community/team",Icon:i.A}),"\n",(0,a.jsx)(c.Ay,{title:"Brandbook",description:"Recommendations for FSD's branding usage",to:"/docs/branding",Icon:h}),"\n",(0,a.jsx)(c.Ay,{title:"Contributing",description:"HowTo, Workflow, Support",to:"#",Icon:x,disabled:!0})]})}function _(e={}){const{wrapper:t}={...(0,s.R)(),...e.components};return t?(0,a.jsx)(t,{...e,children:(0,a.jsx)(y,{...e})}):y(e)}},7946:(e,t,n)=>{n.d(t,{Ay:()=>r,RM:()=>o});var a=n(6070),s=n(1100),c=n(5988);const o=[];function i(e){return(0,a.jsx)(c.A,{...e})}function r(e={}){const{wrapper:t}={...(0,s.R)(),...e.components};return t?(0,a.jsx)(t,{...e,children:(0,a.jsx)(i,{...e})}):i(e)}},5988:(e,t,n)=>{n.d(t,{Y:()=>i,A:()=>l});n(758);var a=n(3526),s=n(6783);const c={root:"root_GfON",rootDisabled:"rootDisabled_SFUB",details:"details_xxkR",detailsTags:"detailsTags_uTQx",icon:"icon_ciqP",title:"title_pSH5",description:"description__Fep",miniTheme:"miniTheme_ePfp",primaryTheme:"primaryTheme_CilO",defaultTheme:"defaultTheme_j3I8"};var o=n(6070);const i=e=>{const{title:t,description:n,to:i,Icon:l,tags:d,className:m,disabled:u,theme:h="default"}=e;return(0,o.jsxs)(s.A,{className:(0,a.A)(c.root,m,u&&c.rootDisabled,c[`${h}Theme`]),to:i,children:[(0,o.jsx)(r,{Icon:l}),(0,o.jsxs)("div",{className:c.details,children:[(0,o.jsxs)("div",{className:c.detailsMain,children:[(0,o.jsx)("span",{className:c.title,children:t}),(0,o.jsx)("p",{className:c.description,children:n})]}),d&&(0,o.jsx)("div",{className:c.detailsTags,children:d.join(" \u2022 ")})]})]})},r=e=>{let{Icon:t}=e;return t?"string"==typeof t?(0,o.jsx)("span",{className:c.icon,children:t}):(0,o.jsx)(t,{className:c.icon}):null},l=i},1100:(e,t,n)=>{n.d(t,{R:()=>o,x:()=>i});var a=n(758);const s={},c=a.createContext(s);function o(e){const t=a.useContext(c);return a.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function i(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(s):e.components||s:o(e.components),a.createElement(c.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
+/*! For license information please see a61c55ce.275776b6.js.LICENSE.txt */
+"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[8964],{1350:(e,t,n)=>{n.d(t,{A:()=>r});var a=n(991),s=n(758);const c={icon:{tag:"svg",attrs:{viewBox:"64 64 896 896",focusable:"false"},children:[{tag:"path",attrs:{d:"M908.1 353.1l-253.9-36.9L540.7 86.1c-3.1-6.3-8.2-11.4-14.5-14.5-15.8-7.8-35-1.3-42.9 14.5L369.8 316.2l-253.9 36.9c-7 1-13.4 4.3-18.3 9.3a32.05 32.05 0 00.6 45.3l183.7 179.1-43.4 252.9a31.95 31.95 0 0046.4 33.7L512 754l227.1 119.4c6.2 3.3 13.4 4.4 20.3 3.2 17.4-3 29.1-19.5 26.1-36.9l-43.4-252.9 183.7-179.1c5-4.9 8.3-11.3 9.3-18.3 2.7-17.5-9.5-33.7-27-36.3zM664.8 561.6l36.1 210.3L512 672.7 323.1 772l36.1-210.3-152.8-149L417.6 382 512 190.7 606.4 382l211.2 30.7-152.8 148.9z"}}]},name:"star",theme:"outlined"};var o=n(9820),i=function(e,t){return s.createElement(o.A,(0,a.A)({},e,{ref:t,icon:c}))};const r=s.forwardRef(i)},1825:(e,t,n)=>{n.d(t,{A:()=>r});var a=n(991),s=n(758);const c={icon:{tag:"svg",attrs:{viewBox:"64 64 896 896",focusable:"false"},children:[{tag:"path",attrs:{d:"M824.2 699.9a301.55 301.55 0 00-86.4-60.4C783.1 602.8 812 546.8 812 484c0-110.8-92.4-201.7-203.2-200-109.1 1.7-197 90.6-197 200 0 62.8 29 118.8 74.2 155.5a300.95 300.95 0 00-86.4 60.4C345 754.6 314 826.8 312 903.8a8 8 0 008 8.2h56c4.3 0 7.9-3.4 8-7.7 1.9-58 25.4-112.3 66.7-153.5A226.62 226.62 0 01612 684c60.9 0 118.2 23.7 161.3 66.8C814.5 792 838 846.3 840 904.3c.1 4.3 3.7 7.7 8 7.7h56a8 8 0 008-8.2c-2-77-33-149.2-87.8-203.9zM612 612c-34.2 0-66.4-13.3-90.5-37.5a126.86 126.86 0 01-37.5-91.8c.3-32.8 13.4-64.5 36.3-88 24-24.6 56.1-38.3 90.4-38.7 33.9-.3 66.8 12.9 91 36.6 24.8 24.3 38.4 56.8 38.4 91.4 0 34.2-13.3 66.3-37.5 90.5A127.3 127.3 0 01612 612zM361.5 510.4c-.9-8.7-1.4-17.5-1.4-26.4 0-15.9 1.5-31.4 4.3-46.5.7-3.6-1.2-7.3-4.5-8.8-13.6-6.1-26.1-14.5-36.9-25.1a127.54 127.54 0 01-38.7-95.4c.9-32.1 13.8-62.6 36.3-85.6 24.7-25.3 57.9-39.1 93.2-38.7 31.9.3 62.7 12.6 86 34.4 7.9 7.4 14.7 15.6 20.4 24.4 2 3.1 5.9 4.4 9.3 3.2 17.6-6.1 36.2-10.4 55.3-12.4 5.6-.6 8.8-6.6 6.3-11.6-32.5-64.3-98.9-108.7-175.7-109.9-110.9-1.7-203.3 89.2-203.3 199.9 0 62.8 28.9 118.8 74.2 155.5-31.8 14.7-61.1 35-86.5 60.4-54.8 54.7-85.8 126.9-87.8 204a8 8 0 008 8.2h56.1c4.3 0 7.9-3.4 8-7.7 1.9-58 25.4-112.3 66.7-153.5 29.4-29.4 65.4-49.8 104.7-59.7 3.9-1 6.5-4.7 6-8.7z"}}]},name:"team",theme:"outlined"};var o=n(9820),i=function(e,t){return s.createElement(o.A,(0,a.A)({},e,{ref:t,icon:c}))};const r=s.forwardRef(i)},738:(e,t,n)=>{n.r(t),n.d(t,{assets:()=>A,contentTitle:()=>g,default:()=>_,frontMatter:()=>v,metadata:()=>j,toc:()=>C});var a=n(6070),s=n(1100),c=n(7946),o=n(1350),i=n(1825),r=n(991),l=n(758);const d={icon:{tag:"svg",attrs:{viewBox:"64 64 896 896",focusable:"false"},children:[{tag:"defs",attrs:{},children:[{tag:"style",attrs:{}}]},{tag:"path",attrs:{d:"M447.8 588.8l-7.3-32.5c-.2-1-.6-1.9-1.1-2.7a7.94 7.94 0 00-11.1-2.2L405 567V411c0-4.4-3.6-8-8-8h-81c-4.4 0-8 3.6-8 8v36c0 4.4 3.6 8 8 8h37v192.4a8 8 0 0012.7 6.5l79-56.8c2.6-1.9 3.8-5.1 3.1-8.3zm-56.7-216.6l.2.2c3.2 3 8.3 2.8 11.3-.5l24.1-26.2a8.1 8.1 0 00-.3-11.2l-53.7-52.1a8 8 0 00-11.2.1l-24.7 24.7c-3.1 3.1-3.1 8.2.1 11.3l54.2 53.7z"}},{tag:"path",attrs:{d:"M866.9 169.9L527.1 54.1C523 52.7 517.5 52 512 52s-11 .7-15.1 2.1L157.1 169.9c-8.3 2.8-15.1 12.4-15.1 21.2v482.4c0 8.8 5.7 20.4 12.6 25.9L499.3 968c3.5 2.7 8 4.1 12.6 4.1s9.2-1.4 12.6-4.1l344.7-268.6c6.9-5.4 12.6-17 12.6-25.9V191.1c.2-8.8-6.6-18.3-14.9-21.2zM810 654.3L512 886.5 214 654.3V226.7l298-101.6 298 101.6v427.6z"}},{tag:"path",attrs:{d:"M452 297v36c0 4.4 3.6 8 8 8h108v274h-38V405c0-4.4-3.6-8-8-8h-35c-4.4 0-8 3.6-8 8v210h-31c-4.4 0-8 3.6-8 8v37c0 4.4 3.6 8 8 8h244c4.4 0 8-3.6 8-8v-37c0-4.4-3.6-8-8-8h-72V493h58c4.4 0 8-3.6 8-8v-35c0-4.4-3.6-8-8-8h-58V341h63c4.4 0 8-3.6 8-8v-36c0-4.4-3.6-8-8-8H460c-4.4 0-8 3.6-8 8z"}}]},name:"verified",theme:"outlined"};var m=n(9820),u=function(e,t){return l.createElement(m.A,(0,r.A)({},e,{ref:t,icon:d}))};const h=l.forwardRef(u);const f={icon:{tag:"svg",attrs:{viewBox:"64 64 896 896",focusable:"false"},children:[{tag:"path",attrs:{d:"M909.6 854.5L649.9 594.8C690.2 542.7 712 479 712 412c0-80.2-31.3-155.4-87.9-212.1-56.6-56.7-132-87.9-212.1-87.9s-155.5 31.3-212.1 87.9C143.2 256.5 112 331.8 112 412c0 80.1 31.3 155.5 87.9 212.1C256.5 680.8 331.8 712 412 712c67 0 130.6-21.8 182.7-62l259.7 259.6a8.2 8.2 0 0011.6 0l43.6-43.5a8.2 8.2 0 000-11.6zM570.4 570.4C528 612.7 471.8 636 412 636s-116-23.3-158.4-65.6C211.3 528 188 471.8 188 412s23.3-116.1 65.6-158.4C296 211.3 352.2 188 412 188s116.1 23.2 158.4 65.6S636 352.2 636 412s-23.3 116.1-65.6 158.4z"}}]},name:"search",theme:"outlined"};var p=function(e,t){return l.createElement(m.A,(0,r.A)({},e,{ref:t,icon:f}))};const x=l.forwardRef(p),v={hide_table_of_contents:!0},g="\ud83d\udcab Community",j={id:"index",title:"\ud83d\udcab Community",description:"Community resources, additional materials",source:"@site/i18n/en/docusaurus-plugin-content-docs/community/index.mdx",sourceDirName:".",slug:"/",permalink:"/community/",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/community/index.mdx",tags:[],version:"current",lastUpdatedBy:"InJaEE",lastUpdatedAt:1728325386e3,frontMatter:{hide_table_of_contents:!0},sidebar:"community",next:{title:"Team",permalink:"/community/team"}},A={},C=[{value:"Main",id:"main",level:2},...c.RM,...c.RM,...c.RM,...c.RM];function y(e){const t={h1:"h1",h2:"h2",header:"header",p:"p",...(0,s.R)(),...e.components};return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(t.header,{children:(0,a.jsx)(t.h1,{id:"-community",children:"\ud83d\udcab Community"})}),"\n",(0,a.jsx)("p",{class:"summary",children:(0,a.jsx)(t.p,{children:"Community resources, additional materials"})}),"\n",(0,a.jsx)(t.h2,{id:"main",children:"Main"}),"\n","\n",(0,a.jsx)(c.Ay,{title:"Awesome Resources",description:"A curated list of awesome FSD videos, articles, packages",to:"https://github.com/feature-sliced/awesome",Icon:o.A}),"\n",(0,a.jsx)(c.Ay,{title:"Team",description:"Core-team, Champions, Contributors, Companies",to:"/community/team",Icon:i.A}),"\n",(0,a.jsx)(c.Ay,{title:"Brandbook",description:"Recommendations for FSD's branding usage",to:"/docs/branding",Icon:h}),"\n",(0,a.jsx)(c.Ay,{title:"Contributing",description:"HowTo, Workflow, Support",to:"#",Icon:x,disabled:!0})]})}function _(e={}){const{wrapper:t}={...(0,s.R)(),...e.components};return t?(0,a.jsx)(t,{...e,children:(0,a.jsx)(y,{...e})}):y(e)}},7946:(e,t,n)=>{n.d(t,{Ay:()=>r,RM:()=>o});var a=n(6070),s=n(1100),c=n(5988);const o=[];function i(e){return(0,a.jsx)(c.A,{...e})}function r(e={}){const{wrapper:t}={...(0,s.R)(),...e.components};return t?(0,a.jsx)(t,{...e,children:(0,a.jsx)(i,{...e})}):i(e)}},5988:(e,t,n)=>{n.d(t,{Y:()=>i,A:()=>l});n(758);var a=n(3526),s=n(6783);const c={root:"root_GfON",rootDisabled:"rootDisabled_SFUB",details:"details_xxkR",detailsTags:"detailsTags_uTQx",icon:"icon_ciqP",title:"title_pSH5",description:"description__Fep",miniTheme:"miniTheme_ePfp",primaryTheme:"primaryTheme_CilO",defaultTheme:"defaultTheme_j3I8"};var o=n(6070);const i=e=>{const{title:t,description:n,to:i,Icon:l,tags:d,className:m,disabled:u,theme:h="default"}=e;return(0,o.jsxs)(s.A,{className:(0,a.A)(c.root,m,u&&c.rootDisabled,c[`${h}Theme`]),to:i,children:[(0,o.jsx)(r,{Icon:l}),(0,o.jsxs)("div",{className:c.details,children:[(0,o.jsxs)("div",{className:c.detailsMain,children:[(0,o.jsx)("span",{className:c.title,children:t}),(0,o.jsx)("p",{className:c.description,children:n})]}),d&&(0,o.jsx)("div",{className:c.detailsTags,children:d.join(" \u2022 ")})]})]})},r=e=>{let{Icon:t}=e;return t?"string"==typeof t?(0,o.jsx)("span",{className:c.icon,children:t}):(0,o.jsx)(t,{className:c.icon}):null},l=i},1100:(e,t,n)=>{n.d(t,{R:()=>o,x:()=>i});var a=n(758);const s={},c=a.createContext(s);function o(e){const t=a.useContext(c);return a.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function i(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(s):e.components||s:o(e.components),a.createElement(c.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
diff --git a/assets/js/a61c55ce.020c90ec.js.LICENSE.txt b/assets/js/a61c55ce.275776b6.js.LICENSE.txt
similarity index 100%
rename from assets/js/a61c55ce.020c90ec.js.LICENSE.txt
rename to assets/js/a61c55ce.275776b6.js.LICENSE.txt
diff --git a/assets/js/acaf5b8a.14d96582.js b/assets/js/acaf5b8a.bbea271e.js
similarity index 98%
rename from assets/js/acaf5b8a.14d96582.js
rename to assets/js/acaf5b8a.bbea271e.js
index a1bb387c03..49e23dcad3 100644
--- a/assets/js/acaf5b8a.14d96582.js
+++ b/assets/js/acaf5b8a.bbea271e.js
@@ -1 +1 @@
-"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[6170],{1928:(e,t,i)=>{i.d(t,{Ay:()=>h,RM:()=>a});var n=i(6070),s=i(1100),o=(i(758),i(6783)),r=i(7765);const d=e=>{let{ticket:t}=e;const i=`https://github.com/feature-sliced/documentation/issues/${t}`;return(0,n.jsxs)("div",{children:[(0,n.jsx)("p",{children:(0,r.T)({id:"shared.wip.title"})}),(0,n.jsx)("p",{children:(0,r.T)({id:"shared.wip.subtitle"})}),(0,n.jsxs)("ul",{children:[(0,n.jsxs)("li",{children:[(0,r.T)({id:"shared.wip.var.feedback.base"}),(0,n.jsx)(o.A,{to:i,children:(0,r.T)({id:"shared.wip.var.feedback.link"})})]}),(0,n.jsxs)("li",{children:[(0,r.T)({id:"shared.wip.var.material.base"}),(0,n.jsx)(o.A,{to:"https://t.me/feature_sliced",children:(0,r.T)({id:"shared.wip.var.material.link"})})]}),(0,n.jsxs)("li",{children:[(0,r.T)({id:"shared.wip.var.contribute.base"}),(0,n.jsx)(o.A,{to:"https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md",children:(0,r.T)({id:"shared.wip.var.contribute.link"})})]})]}),(0,n.jsx)("br",{}),(0,n.jsx)("p",{children:(0,n.jsx)("i",{children:"\ud83c\udf70 Stay tuned!"})})]})},a=[];function c(e){const t={admonition:"admonition",...(0,s.R)(),...e.components};return(0,n.jsx)(t.admonition,{title:"WIP",type:"caution",children:(0,n.jsx)(d,{ticket:e.ticket})})}function h(e={}){const{wrapper:t}={...(0,s.R)(),...e.components};return t?(0,n.jsx)(t,{...e,children:(0,n.jsx)(c,{...e})}):c(e)}},5533:(e,t,i)=>{i.r(t),i.d(t,{assets:()=>c,contentTitle:()=>d,default:()=>u,frontMatter:()=>r,metadata:()=>a,toc:()=>h});var n=i(6070),s=i(1100),o=i(1928);const r={sidebar_position:4,sidebar_class_name:"sidebar-item--wip",unlisted:!0},d="Theme",a={id:"guides/examples/theme",title:"Theme",description:"Where should I put my work with the theme and palette?",source:"@site/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/theme.mdx",sourceDirName:"guides/examples",slug:"/guides/examples/theme",permalink:"/docs/guides/examples/theme",draft:!1,unlisted:!0,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/theme.mdx",tags:[],version:"current",lastUpdatedAt:1727607766e3,sidebarPosition:4,frontMatter:{sidebar_position:4,sidebar_class_name:"sidebar-item--wip",unlisted:!0},sidebar:"guidesSidebar"},c={},h=[...o.RM,{value:"Where should I put my work with the theme and palette?",id:"where-should-i-put-my-work-with-the-theme-and-palette",level:2},{value:"Discussion about the location of the theme, i18n logic",id:"discussion-about-the-location-of-the-theme-i18n-logic",level:2}];function l(e){const t={a:"a",blockquote:"blockquote",h1:"h1",h2:"h2",header:"header",p:"p",...(0,s.R)(),...e.components};return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(t.header,{children:(0,n.jsx)(t.h1,{id:"theme",children:"Theme"})}),"\n",(0,n.jsx)(o.Ay,{ticket:"207"}),"\n",(0,n.jsx)(t.h2,{id:"where-should-i-put-my-work-with-the-theme-and-palette",children:"Where should I put my work with the theme and palette?"}),"\n",(0,n.jsxs)(t.blockquote,{children:["\n",(0,n.jsx)(t.p,{children:(0,n.jsx)(t.a,{href:"https://t.me/feature_sliced/4410",children:"https://t.me/feature_sliced/4410"})}),"\n"]}),"\n",(0,n.jsx)(t.h2,{id:"discussion-about-the-location-of-the-theme-i18n-logic",children:"Discussion about the location of the theme, i18n logic"}),"\n",(0,n.jsxs)(t.blockquote,{children:["\n",(0,n.jsx)(t.p,{children:(0,n.jsx)(t.a,{href:"https://youtu.be/b_nBvHWqxP8?t=133",children:"https://youtu.be/b_nBvHWqxP8?t=133"})}),"\n"]})]})}function u(e={}){const{wrapper:t}={...(0,s.R)(),...e.components};return t?(0,n.jsx)(t,{...e,children:(0,n.jsx)(l,{...e})}):l(e)}},1100:(e,t,i)=>{i.d(t,{R:()=>r,x:()=>d});var n=i(758);const s={},o=n.createContext(s);function r(e){const t=n.useContext(o);return n.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function d(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(s):e.components||s:r(e.components),n.createElement(o.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
+"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[6170],{1928:(e,t,i)=>{i.d(t,{Ay:()=>h,RM:()=>a});var n=i(6070),s=i(1100),o=(i(758),i(6783)),r=i(7765);const d=e=>{let{ticket:t}=e;const i=`https://github.com/feature-sliced/documentation/issues/${t}`;return(0,n.jsxs)("div",{children:[(0,n.jsx)("p",{children:(0,r.T)({id:"shared.wip.title"})}),(0,n.jsx)("p",{children:(0,r.T)({id:"shared.wip.subtitle"})}),(0,n.jsxs)("ul",{children:[(0,n.jsxs)("li",{children:[(0,r.T)({id:"shared.wip.var.feedback.base"}),(0,n.jsx)(o.A,{to:i,children:(0,r.T)({id:"shared.wip.var.feedback.link"})})]}),(0,n.jsxs)("li",{children:[(0,r.T)({id:"shared.wip.var.material.base"}),(0,n.jsx)(o.A,{to:"https://t.me/feature_sliced",children:(0,r.T)({id:"shared.wip.var.material.link"})})]}),(0,n.jsxs)("li",{children:[(0,r.T)({id:"shared.wip.var.contribute.base"}),(0,n.jsx)(o.A,{to:"https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md",children:(0,r.T)({id:"shared.wip.var.contribute.link"})})]})]}),(0,n.jsx)("br",{}),(0,n.jsx)("p",{children:(0,n.jsx)("i",{children:"\ud83c\udf70 Stay tuned!"})})]})},a=[];function c(e){const t={admonition:"admonition",...(0,s.R)(),...e.components};return(0,n.jsx)(t.admonition,{title:"WIP",type:"caution",children:(0,n.jsx)(d,{ticket:e.ticket})})}function h(e={}){const{wrapper:t}={...(0,s.R)(),...e.components};return t?(0,n.jsx)(t,{...e,children:(0,n.jsx)(c,{...e})}):c(e)}},5533:(e,t,i)=>{i.r(t),i.d(t,{assets:()=>c,contentTitle:()=>d,default:()=>u,frontMatter:()=>r,metadata:()=>a,toc:()=>h});var n=i(6070),s=i(1100),o=i(1928);const r={sidebar_position:4,sidebar_class_name:"sidebar-item--wip",unlisted:!0},d="Theme",a={id:"guides/examples/theme",title:"Theme",description:"Where should I put my work with the theme and palette?",source:"@site/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/theme.mdx",sourceDirName:"guides/examples",slug:"/guides/examples/theme",permalink:"/docs/guides/examples/theme",draft:!1,unlisted:!0,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/theme.mdx",tags:[],version:"current",lastUpdatedAt:1728325386e3,sidebarPosition:4,frontMatter:{sidebar_position:4,sidebar_class_name:"sidebar-item--wip",unlisted:!0},sidebar:"guidesSidebar"},c={},h=[...o.RM,{value:"Where should I put my work with the theme and palette?",id:"where-should-i-put-my-work-with-the-theme-and-palette",level:2},{value:"Discussion about the location of the theme, i18n logic",id:"discussion-about-the-location-of-the-theme-i18n-logic",level:2}];function l(e){const t={a:"a",blockquote:"blockquote",h1:"h1",h2:"h2",header:"header",p:"p",...(0,s.R)(),...e.components};return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(t.header,{children:(0,n.jsx)(t.h1,{id:"theme",children:"Theme"})}),"\n",(0,n.jsx)(o.Ay,{ticket:"207"}),"\n",(0,n.jsx)(t.h2,{id:"where-should-i-put-my-work-with-the-theme-and-palette",children:"Where should I put my work with the theme and palette?"}),"\n",(0,n.jsxs)(t.blockquote,{children:["\n",(0,n.jsx)(t.p,{children:(0,n.jsx)(t.a,{href:"https://t.me/feature_sliced/4410",children:"https://t.me/feature_sliced/4410"})}),"\n"]}),"\n",(0,n.jsx)(t.h2,{id:"discussion-about-the-location-of-the-theme-i18n-logic",children:"Discussion about the location of the theme, i18n logic"}),"\n",(0,n.jsxs)(t.blockquote,{children:["\n",(0,n.jsx)(t.p,{children:(0,n.jsx)(t.a,{href:"https://youtu.be/b_nBvHWqxP8?t=133",children:"https://youtu.be/b_nBvHWqxP8?t=133"})}),"\n"]})]})}function u(e={}){const{wrapper:t}={...(0,s.R)(),...e.components};return t?(0,n.jsx)(t,{...e,children:(0,n.jsx)(l,{...e})}):l(e)}},1100:(e,t,i)=>{i.d(t,{R:()=>r,x:()=>d});var n=i(758);const s={},o=n.createContext(s);function r(e){const t=n.useContext(o);return n.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function d(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(s):e.components||s:r(e.components),n.createElement(o.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
diff --git a/assets/js/ba8bb0f7.46ab3b93.js b/assets/js/ba8bb0f7.7f4ffb53.js
similarity index 99%
rename from assets/js/ba8bb0f7.46ab3b93.js
rename to assets/js/ba8bb0f7.7f4ffb53.js
index 56ab418aaa..517132d158 100644
--- a/assets/js/ba8bb0f7.46ab3b93.js
+++ b/assets/js/ba8bb0f7.7f4ffb53.js
@@ -1 +1 @@
-"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[533],{8299:(e,t,n)=>{n.r(t),n.d(t,{assets:()=>d,contentTitle:()=>a,default:()=>l,frontMatter:()=>r,metadata:()=>s,toc:()=>h});var i=n(6070),o=n(1100);const r={sidebar_position:20,pagination_next:"guides/index"},a="FAQ",s={id:"get-started/faq",title:"FAQ",description:"You can ask your question in our Telegram chat, Discord community, and GitHub Discussions.",source:"@site/i18n/en/docusaurus-plugin-content-docs/current/get-started/faq.md",sourceDirName:"get-started",slug:"/get-started/faq",permalink:"/docs/get-started/faq",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/get-started/faq.md",tags:[],version:"current",lastUpdatedAt:1727607766e3,sidebarPosition:20,frontMatter:{sidebar_position:20,pagination_next:"guides/index"},sidebar:"getstartedSidebar",previous:{title:"Tutorial",permalink:"/docs/get-started/tutorial"},next:{title:"\ud83c\udfaf Guides",permalink:"/docs/guides/"}},d={},h=[{value:"Is there a toolkit or a linter?",id:"is-there-a-toolkit-or-a-linter",level:3},{value:"Where to store the layout/template of pages?",id:"where-to-store-the-layouttemplate-of-pages",level:3},{value:"What is the difference between a feature and an entity?",id:"what-is-the-difference-between-a-feature-and-an-entity",level:3},{value:"Can I embed pages/features/entities into each other?",id:"can-i-embed-pagesfeaturesentities-into-each-other",level:3},{value:"What about Atomic Design?",id:"what-about-atomic-design",level:3},{value:"Are there any useful resources/articles/etc. about FSD?",id:"are-there-any-useful-resourcesarticlesetc-about-fsd",level:3},{value:"Why do I need Feature-Sliced Design?",id:"why-do-i-need-feature-sliced-design",level:3},{value:"Does a novice developer need an architecture/methodology?",id:"does-a-novice-developer-need-an-architecturemethodology",level:3},{value:"How do I work with the authorization context?",id:"how-do-i-work-with-the-authorization-context",level:3}];function c(e){const t={a:"a",admonition:"admonition",code:"code",em:"em",h1:"h1",h3:"h3",header:"header",li:"li",p:"p",strong:"strong",ul:"ul",...(0,o.R)(),...e.components};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(t.header,{children:(0,i.jsx)(t.h1,{id:"faq",children:"FAQ"})}),"\n",(0,i.jsx)(t.admonition,{type:"info",children:(0,i.jsxs)(t.p,{children:["You can ask your question in our ",(0,i.jsx)(t.a,{href:"https://t.me/feature_sliced",children:"Telegram chat"}),", ",(0,i.jsx)(t.a,{href:"https://discord.gg/S8MzWTUsmp",children:"Discord community"}),", and ",(0,i.jsx)(t.a,{href:"https://github.com/feature-sliced/documentation/discussions",children:"GitHub Discussions"}),"."]})}),"\n",(0,i.jsx)(t.h3,{id:"is-there-a-toolkit-or-a-linter",children:"Is there a toolkit or a linter?"}),"\n",(0,i.jsxs)(t.p,{children:["There is an official ESLint config \u2014 ",(0,i.jsx)(t.a,{href:"https://github.com/feature-sliced/eslint-config",children:"@feature-sliced/eslint-config"}),", and an ESLint plugin \u2014 ",(0,i.jsx)(t.a,{href:"https://github.com/conarti/eslint-plugin-feature-sliced",children:"@conarti/eslint-plugin-feature-sliced"}),", created by Aleksandr Belous, a community member. You're welcome to contribute to these projects or start your own!"]}),"\n",(0,i.jsx)(t.h3,{id:"where-to-store-the-layouttemplate-of-pages",children:"Where to store the layout/template of pages?"}),"\n",(0,i.jsxs)(t.p,{children:["If you need plain markup layouts, you can keep them in ",(0,i.jsx)(t.code,{children:"shared/ui"}),". If you need to use higher layers inside, there are a few options:"]}),"\n",(0,i.jsxs)(t.ul,{children:["\n",(0,i.jsx)(t.li,{children:"Perhaps you don't need layouts at all? If the layout is only a few lines, it might be reasonable to duplicate the code in each page rather than try to abstract it."}),"\n",(0,i.jsx)(t.li,{children:"If you do need layouts, you can have them as separate widgets or pages, and compose them in your router configuration in App. Nested routing is another option."}),"\n"]}),"\n",(0,i.jsx)(t.h3,{id:"what-is-the-difference-between-a-feature-and-an-entity",children:"What is the difference between a feature and an entity?"}),"\n",(0,i.jsxs)(t.p,{children:["An ",(0,i.jsx)(t.em,{children:"entity"})," is a real-life concept that your app is working with. A ",(0,i.jsx)(t.em,{children:"feature"})," is an interaction that provides real-life value to\xa0your app\u2019s users, the thing people want to do with your entities."]}),"\n",(0,i.jsxs)(t.p,{children:["For more information, along with examples, see the Reference page on ",(0,i.jsx)(t.a,{href:"/docs/reference/layers#entities",children:"slices"}),"."]}),"\n",(0,i.jsx)(t.h3,{id:"can-i-embed-pagesfeaturesentities-into-each-other",children:"Can I embed pages/features/entities into each other?"}),"\n",(0,i.jsx)(t.p,{children:"Yes, but this embedding should happen in higher layers. For example, inside a widget, you can import both features and then insert one feature into another as props/children."}),"\n",(0,i.jsxs)(t.p,{children:["You cannot import one feature from another feature, this is prohibited by the ",(0,i.jsx)(t.a,{href:"/docs/reference/layers#import-rule-on-layers",children:(0,i.jsx)(t.strong,{children:"import rule on layers"})}),"."]}),"\n",(0,i.jsx)(t.h3,{id:"what-about-atomic-design",children:"What about Atomic Design?"}),"\n",(0,i.jsx)(t.p,{children:"The current version of the methodology does not require nor prohibit the use of Atomic Design together with Feature-Sliced Design."}),"\n",(0,i.jsxs)(t.p,{children:["For example, Atomic Design ",(0,i.jsx)(t.a,{href:"https://t.me/feature_sliced/1653",children:"can be applied well"})," for the ",(0,i.jsx)(t.code,{children:"ui"})," segment of modules."]}),"\n",(0,i.jsx)(t.h3,{id:"are-there-any-useful-resourcesarticlesetc-about-fsd",children:"Are there any useful resources/articles/etc. about FSD?"}),"\n",(0,i.jsxs)(t.p,{children:["Yes! ",(0,i.jsx)(t.a,{href:"https://github.com/feature-sliced/awesome",children:"https://github.com/feature-sliced/awesome"})]}),"\n",(0,i.jsx)(t.h3,{id:"why-do-i-need-feature-sliced-design",children:"Why do I need Feature-Sliced Design?"}),"\n",(0,i.jsxs)(t.p,{children:["It helps you and your team to quickly overview the project in terms of its main value-bringing components. A standardized architecture helps to speed up onboarding and resolves debates about code structure. See the ",(0,i.jsx)(t.a,{href:"/docs/about/motivation",children:"motivation"})," page to learn more about why FSD was created."]}),"\n",(0,i.jsx)(t.h3,{id:"does-a-novice-developer-need-an-architecturemethodology",children:"Does a novice developer need an architecture/methodology?"}),"\n",(0,i.jsx)(t.p,{children:"Rather yes than no"}),"\n",(0,i.jsx)(t.p,{children:(0,i.jsx)(t.em,{children:"Usually, when you design and develop a project in one person, everything goes smoothly. But if there are pauses in development, new developers are added to the team - then problems come"})}),"\n",(0,i.jsx)(t.h3,{id:"how-do-i-work-with-the-authorization-context",children:"How do I work with the authorization context?"}),"\n",(0,i.jsxs)(t.p,{children:["Answered ",(0,i.jsx)(t.a,{href:"/docs/guides/examples/auth",children:"here"})]})]})}function l(e={}){const{wrapper:t}={...(0,o.R)(),...e.components};return t?(0,i.jsx)(t,{...e,children:(0,i.jsx)(c,{...e})}):c(e)}},1100:(e,t,n)=>{n.d(t,{R:()=>a,x:()=>s});var i=n(758);const o={},r=i.createContext(o);function a(e){const t=i.useContext(r);return i.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function s(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(o):e.components||o:a(e.components),i.createElement(r.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
+"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[533],{8299:(e,t,n)=>{n.r(t),n.d(t,{assets:()=>d,contentTitle:()=>a,default:()=>l,frontMatter:()=>r,metadata:()=>s,toc:()=>h});var i=n(6070),o=n(1100);const r={sidebar_position:20,pagination_next:"guides/index"},a="FAQ",s={id:"get-started/faq",title:"FAQ",description:"You can ask your question in our Telegram chat, Discord community, and GitHub Discussions.",source:"@site/i18n/en/docusaurus-plugin-content-docs/current/get-started/faq.md",sourceDirName:"get-started",slug:"/get-started/faq",permalink:"/docs/get-started/faq",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/get-started/faq.md",tags:[],version:"current",lastUpdatedAt:1728325386e3,sidebarPosition:20,frontMatter:{sidebar_position:20,pagination_next:"guides/index"},sidebar:"getstartedSidebar",previous:{title:"Tutorial",permalink:"/docs/get-started/tutorial"},next:{title:"\ud83c\udfaf Guides",permalink:"/docs/guides/"}},d={},h=[{value:"Is there a toolkit or a linter?",id:"is-there-a-toolkit-or-a-linter",level:3},{value:"Where to store the layout/template of pages?",id:"where-to-store-the-layouttemplate-of-pages",level:3},{value:"What is the difference between a feature and an entity?",id:"what-is-the-difference-between-a-feature-and-an-entity",level:3},{value:"Can I embed pages/features/entities into each other?",id:"can-i-embed-pagesfeaturesentities-into-each-other",level:3},{value:"What about Atomic Design?",id:"what-about-atomic-design",level:3},{value:"Are there any useful resources/articles/etc. about FSD?",id:"are-there-any-useful-resourcesarticlesetc-about-fsd",level:3},{value:"Why do I need Feature-Sliced Design?",id:"why-do-i-need-feature-sliced-design",level:3},{value:"Does a novice developer need an architecture/methodology?",id:"does-a-novice-developer-need-an-architecturemethodology",level:3},{value:"How do I work with the authorization context?",id:"how-do-i-work-with-the-authorization-context",level:3}];function c(e){const t={a:"a",admonition:"admonition",code:"code",em:"em",h1:"h1",h3:"h3",header:"header",li:"li",p:"p",strong:"strong",ul:"ul",...(0,o.R)(),...e.components};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(t.header,{children:(0,i.jsx)(t.h1,{id:"faq",children:"FAQ"})}),"\n",(0,i.jsx)(t.admonition,{type:"info",children:(0,i.jsxs)(t.p,{children:["You can ask your question in our ",(0,i.jsx)(t.a,{href:"https://t.me/feature_sliced",children:"Telegram chat"}),", ",(0,i.jsx)(t.a,{href:"https://discord.gg/S8MzWTUsmp",children:"Discord community"}),", and ",(0,i.jsx)(t.a,{href:"https://github.com/feature-sliced/documentation/discussions",children:"GitHub Discussions"}),"."]})}),"\n",(0,i.jsx)(t.h3,{id:"is-there-a-toolkit-or-a-linter",children:"Is there a toolkit or a linter?"}),"\n",(0,i.jsxs)(t.p,{children:["There is an official ESLint config \u2014 ",(0,i.jsx)(t.a,{href:"https://github.com/feature-sliced/eslint-config",children:"@feature-sliced/eslint-config"}),", and an ESLint plugin \u2014 ",(0,i.jsx)(t.a,{href:"https://github.com/conarti/eslint-plugin-feature-sliced",children:"@conarti/eslint-plugin-feature-sliced"}),", created by Aleksandr Belous, a community member. You're welcome to contribute to these projects or start your own!"]}),"\n",(0,i.jsx)(t.h3,{id:"where-to-store-the-layouttemplate-of-pages",children:"Where to store the layout/template of pages?"}),"\n",(0,i.jsxs)(t.p,{children:["If you need plain markup layouts, you can keep them in ",(0,i.jsx)(t.code,{children:"shared/ui"}),". If you need to use higher layers inside, there are a few options:"]}),"\n",(0,i.jsxs)(t.ul,{children:["\n",(0,i.jsx)(t.li,{children:"Perhaps you don't need layouts at all? If the layout is only a few lines, it might be reasonable to duplicate the code in each page rather than try to abstract it."}),"\n",(0,i.jsx)(t.li,{children:"If you do need layouts, you can have them as separate widgets or pages, and compose them in your router configuration in App. Nested routing is another option."}),"\n"]}),"\n",(0,i.jsx)(t.h3,{id:"what-is-the-difference-between-a-feature-and-an-entity",children:"What is the difference between a feature and an entity?"}),"\n",(0,i.jsxs)(t.p,{children:["An ",(0,i.jsx)(t.em,{children:"entity"})," is a real-life concept that your app is working with. A ",(0,i.jsx)(t.em,{children:"feature"})," is an interaction that provides real-life value to\xa0your app\u2019s users, the thing people want to do with your entities."]}),"\n",(0,i.jsxs)(t.p,{children:["For more information, along with examples, see the Reference page on ",(0,i.jsx)(t.a,{href:"/docs/reference/layers#entities",children:"slices"}),"."]}),"\n",(0,i.jsx)(t.h3,{id:"can-i-embed-pagesfeaturesentities-into-each-other",children:"Can I embed pages/features/entities into each other?"}),"\n",(0,i.jsx)(t.p,{children:"Yes, but this embedding should happen in higher layers. For example, inside a widget, you can import both features and then insert one feature into another as props/children."}),"\n",(0,i.jsxs)(t.p,{children:["You cannot import one feature from another feature, this is prohibited by the ",(0,i.jsx)(t.a,{href:"/docs/reference/layers#import-rule-on-layers",children:(0,i.jsx)(t.strong,{children:"import rule on layers"})}),"."]}),"\n",(0,i.jsx)(t.h3,{id:"what-about-atomic-design",children:"What about Atomic Design?"}),"\n",(0,i.jsx)(t.p,{children:"The current version of the methodology does not require nor prohibit the use of Atomic Design together with Feature-Sliced Design."}),"\n",(0,i.jsxs)(t.p,{children:["For example, Atomic Design ",(0,i.jsx)(t.a,{href:"https://t.me/feature_sliced/1653",children:"can be applied well"})," for the ",(0,i.jsx)(t.code,{children:"ui"})," segment of modules."]}),"\n",(0,i.jsx)(t.h3,{id:"are-there-any-useful-resourcesarticlesetc-about-fsd",children:"Are there any useful resources/articles/etc. about FSD?"}),"\n",(0,i.jsxs)(t.p,{children:["Yes! ",(0,i.jsx)(t.a,{href:"https://github.com/feature-sliced/awesome",children:"https://github.com/feature-sliced/awesome"})]}),"\n",(0,i.jsx)(t.h3,{id:"why-do-i-need-feature-sliced-design",children:"Why do I need Feature-Sliced Design?"}),"\n",(0,i.jsxs)(t.p,{children:["It helps you and your team to quickly overview the project in terms of its main value-bringing components. A standardized architecture helps to speed up onboarding and resolves debates about code structure. See the ",(0,i.jsx)(t.a,{href:"/docs/about/motivation",children:"motivation"})," page to learn more about why FSD was created."]}),"\n",(0,i.jsx)(t.h3,{id:"does-a-novice-developer-need-an-architecturemethodology",children:"Does a novice developer need an architecture/methodology?"}),"\n",(0,i.jsx)(t.p,{children:"Rather yes than no"}),"\n",(0,i.jsx)(t.p,{children:(0,i.jsx)(t.em,{children:"Usually, when you design and develop a project in one person, everything goes smoothly. But if there are pauses in development, new developers are added to the team - then problems come"})}),"\n",(0,i.jsx)(t.h3,{id:"how-do-i-work-with-the-authorization-context",children:"How do I work with the authorization context?"}),"\n",(0,i.jsxs)(t.p,{children:["Answered ",(0,i.jsx)(t.a,{href:"/docs/guides/examples/auth",children:"here"})]})]})}function l(e={}){const{wrapper:t}={...(0,o.R)(),...e.components};return t?(0,i.jsx)(t,{...e,children:(0,i.jsx)(c,{...e})}):c(e)}},1100:(e,t,n)=>{n.d(t,{R:()=>a,x:()=>s});var i=n(758);const o={},r=i.createContext(o);function a(e){const t=i.useContext(r);return i.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function s(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(o):e.components||o:a(e.components),i.createElement(r.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
diff --git a/assets/js/c0c6474c.3aeeafe1.js b/assets/js/c0c6474c.856ecca8.js
similarity index 98%
rename from assets/js/c0c6474c.3aeeafe1.js
rename to assets/js/c0c6474c.856ecca8.js
index 75a5bd5f0f..4ed926b7e8 100644
--- a/assets/js/c0c6474c.3aeeafe1.js
+++ b/assets/js/c0c6474c.856ecca8.js
@@ -1 +1 @@
-"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[4581],{1928:(e,t,i)=>{i.d(t,{Ay:()=>u,RM:()=>a});var n=i(6070),s=i(1100),r=(i(758),i(6783)),c=i(7765);const d=e=>{let{ticket:t}=e;const i=`https://github.com/feature-sliced/documentation/issues/${t}`;return(0,n.jsxs)("div",{children:[(0,n.jsx)("p",{children:(0,c.T)({id:"shared.wip.title"})}),(0,n.jsx)("p",{children:(0,c.T)({id:"shared.wip.subtitle"})}),(0,n.jsxs)("ul",{children:[(0,n.jsxs)("li",{children:[(0,c.T)({id:"shared.wip.var.feedback.base"}),(0,n.jsx)(r.A,{to:i,children:(0,c.T)({id:"shared.wip.var.feedback.link"})})]}),(0,n.jsxs)("li",{children:[(0,c.T)({id:"shared.wip.var.material.base"}),(0,n.jsx)(r.A,{to:"https://t.me/feature_sliced",children:(0,c.T)({id:"shared.wip.var.material.link"})})]}),(0,n.jsxs)("li",{children:[(0,c.T)({id:"shared.wip.var.contribute.base"}),(0,n.jsx)(r.A,{to:"https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md",children:(0,c.T)({id:"shared.wip.var.contribute.link"})})]})]}),(0,n.jsx)("br",{}),(0,n.jsx)("p",{children:(0,n.jsx)("i",{children:"\ud83c\udf70 Stay tuned!"})})]})},a=[];function o(e){const t={admonition:"admonition",...(0,s.R)(),...e.components};return(0,n.jsx)(t.admonition,{title:"WIP",type:"caution",children:(0,n.jsx)(d,{ticket:e.ticket})})}function u(e={}){const{wrapper:t}={...(0,s.R)(),...e.components};return t?(0,n.jsx)(t,{...e,children:(0,n.jsx)(o,{...e})}):o(e)}},3396:(e,t,i)=>{i.r(t),i.d(t,{assets:()=>o,contentTitle:()=>d,default:()=>p,frontMatter:()=>c,metadata:()=>a,toc:()=>u});var n=i(6070),s=i(1100),r=i(1928);const c={sidebar_class_name:"sidebar-item--wip",unlisted:!0},d="Metric",a={id:"guides/examples/metric",title:"Metric",description:"About ways to initialize metrics in the application",source:"@site/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/metric.mdx",sourceDirName:"guides/examples",slug:"/guides/examples/metric",permalink:"/docs/guides/examples/metric",draft:!1,unlisted:!0,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/metric.mdx",tags:[],version:"current",lastUpdatedAt:1727607766e3,frontMatter:{sidebar_class_name:"sidebar-item--wip",unlisted:!0},sidebar:"guidesSidebar"},o={},u=[...r.RM];function l(e){const t={blockquote:"blockquote",h1:"h1",header:"header",p:"p",...(0,s.R)(),...e.components};return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(t.header,{children:(0,n.jsx)(t.h1,{id:"metric",children:"Metric"})}),"\n",(0,n.jsx)(r.Ay,{ticket:"181"}),"\n",(0,n.jsxs)(t.blockquote,{children:["\n",(0,n.jsx)(t.p,{children:"About ways to initialize metrics in the application"}),"\n"]})]})}function p(e={}){const{wrapper:t}={...(0,s.R)(),...e.components};return t?(0,n.jsx)(t,{...e,children:(0,n.jsx)(l,{...e})}):l(e)}},1100:(e,t,i)=>{i.d(t,{R:()=>c,x:()=>d});var n=i(758);const s={},r=n.createContext(s);function c(e){const t=n.useContext(r);return n.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function d(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(s):e.components||s:c(e.components),n.createElement(r.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
+"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[4581],{1928:(e,t,i)=>{i.d(t,{Ay:()=>u,RM:()=>a});var n=i(6070),s=i(1100),r=(i(758),i(6783)),c=i(7765);const d=e=>{let{ticket:t}=e;const i=`https://github.com/feature-sliced/documentation/issues/${t}`;return(0,n.jsxs)("div",{children:[(0,n.jsx)("p",{children:(0,c.T)({id:"shared.wip.title"})}),(0,n.jsx)("p",{children:(0,c.T)({id:"shared.wip.subtitle"})}),(0,n.jsxs)("ul",{children:[(0,n.jsxs)("li",{children:[(0,c.T)({id:"shared.wip.var.feedback.base"}),(0,n.jsx)(r.A,{to:i,children:(0,c.T)({id:"shared.wip.var.feedback.link"})})]}),(0,n.jsxs)("li",{children:[(0,c.T)({id:"shared.wip.var.material.base"}),(0,n.jsx)(r.A,{to:"https://t.me/feature_sliced",children:(0,c.T)({id:"shared.wip.var.material.link"})})]}),(0,n.jsxs)("li",{children:[(0,c.T)({id:"shared.wip.var.contribute.base"}),(0,n.jsx)(r.A,{to:"https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md",children:(0,c.T)({id:"shared.wip.var.contribute.link"})})]})]}),(0,n.jsx)("br",{}),(0,n.jsx)("p",{children:(0,n.jsx)("i",{children:"\ud83c\udf70 Stay tuned!"})})]})},a=[];function o(e){const t={admonition:"admonition",...(0,s.R)(),...e.components};return(0,n.jsx)(t.admonition,{title:"WIP",type:"caution",children:(0,n.jsx)(d,{ticket:e.ticket})})}function u(e={}){const{wrapper:t}={...(0,s.R)(),...e.components};return t?(0,n.jsx)(t,{...e,children:(0,n.jsx)(o,{...e})}):o(e)}},3396:(e,t,i)=>{i.r(t),i.d(t,{assets:()=>o,contentTitle:()=>d,default:()=>p,frontMatter:()=>c,metadata:()=>a,toc:()=>u});var n=i(6070),s=i(1100),r=i(1928);const c={sidebar_class_name:"sidebar-item--wip",unlisted:!0},d="Metric",a={id:"guides/examples/metric",title:"Metric",description:"About ways to initialize metrics in the application",source:"@site/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/metric.mdx",sourceDirName:"guides/examples",slug:"/guides/examples/metric",permalink:"/docs/guides/examples/metric",draft:!1,unlisted:!0,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/metric.mdx",tags:[],version:"current",lastUpdatedAt:1728325386e3,frontMatter:{sidebar_class_name:"sidebar-item--wip",unlisted:!0},sidebar:"guidesSidebar"},o={},u=[...r.RM];function l(e){const t={blockquote:"blockquote",h1:"h1",header:"header",p:"p",...(0,s.R)(),...e.components};return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(t.header,{children:(0,n.jsx)(t.h1,{id:"metric",children:"Metric"})}),"\n",(0,n.jsx)(r.Ay,{ticket:"181"}),"\n",(0,n.jsxs)(t.blockquote,{children:["\n",(0,n.jsx)(t.p,{children:"About ways to initialize metrics in the application"}),"\n"]})]})}function p(e={}){const{wrapper:t}={...(0,s.R)(),...e.components};return t?(0,n.jsx)(t,{...e,children:(0,n.jsx)(l,{...e})}):l(e)}},1100:(e,t,i)=>{i.d(t,{R:()=>c,x:()=>d});var n=i(758);const s={},r=n.createContext(s);function c(e){const t=n.useContext(r);return n.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function d(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(s):e.components||s:c(e.components),n.createElement(r.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
diff --git a/assets/js/c4d0faae.93afbcca.js b/assets/js/c4d0faae.582f7b45.js
similarity index 98%
rename from assets/js/c4d0faae.93afbcca.js
rename to assets/js/c4d0faae.582f7b45.js
index 3e3983a98a..14beb8e057 100644
--- a/assets/js/c4d0faae.93afbcca.js
+++ b/assets/js/c4d0faae.582f7b45.js
@@ -1 +1 @@
-"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[5755],{1928:(e,t,o)=>{o.d(t,{Ay:()=>l,RM:()=>d});var n=o(6070),i=o(1100),a=(o(758),o(6783)),r=o(7765);const s=e=>{let{ticket:t}=e;const o=`https://github.com/feature-sliced/documentation/issues/${t}`;return(0,n.jsxs)("div",{children:[(0,n.jsx)("p",{children:(0,r.T)({id:"shared.wip.title"})}),(0,n.jsx)("p",{children:(0,r.T)({id:"shared.wip.subtitle"})}),(0,n.jsxs)("ul",{children:[(0,n.jsxs)("li",{children:[(0,r.T)({id:"shared.wip.var.feedback.base"}),(0,n.jsx)(a.A,{to:o,children:(0,r.T)({id:"shared.wip.var.feedback.link"})})]}),(0,n.jsxs)("li",{children:[(0,r.T)({id:"shared.wip.var.material.base"}),(0,n.jsx)(a.A,{to:"https://t.me/feature_sliced",children:(0,r.T)({id:"shared.wip.var.material.link"})})]}),(0,n.jsxs)("li",{children:[(0,r.T)({id:"shared.wip.var.contribute.base"}),(0,n.jsx)(a.A,{to:"https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md",children:(0,r.T)({id:"shared.wip.var.contribute.link"})})]})]}),(0,n.jsx)("br",{}),(0,n.jsx)("p",{children:(0,n.jsx)("i",{children:"\ud83c\udf70 Stay tuned!"})})]})},d=[];function c(e){const t={admonition:"admonition",...(0,i.R)(),...e.components};return(0,n.jsx)(t.admonition,{title:"WIP",type:"caution",children:(0,n.jsx)(s,{ticket:e.ticket})})}function l(e={}){const{wrapper:t}={...(0,i.R)(),...e.components};return t?(0,n.jsx)(t,{...e,children:(0,n.jsx)(c,{...e})}):c(e)}},5300:(e,t,o)=>{o.r(t),o.d(t,{assets:()=>c,contentTitle:()=>s,default:()=>p,frontMatter:()=>r,metadata:()=>d,toc:()=>l});var n=o(6070),i=o(1100),a=o(1928);const r={sidebar_position:4,sidebar_class_name:"sidebar-item--wip"},s="Promote in company",d={id:"about/promote/for-company",title:"Promote in company",description:"Do the project and the company need a methodology?",source:"@site/i18n/en/docusaurus-plugin-content-docs/current/about/promote/for-company.mdx",sourceDirName:"about/promote",slug:"/about/promote/for-company",permalink:"/docs/about/promote/for-company",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/about/promote/for-company.mdx",tags:[],version:"current",lastUpdatedAt:1727607766e3,sidebarPosition:4,frontMatter:{sidebar_position:4,sidebar_class_name:"sidebar-item--wip"},sidebar:"aboutSidebar",previous:{title:"Promote in team",permalink:"/docs/about/promote/for-team"}},c={},l=[...a.RM,{value:"Do the project and the company need a methodology?",id:"do-the-project-and-the-company-need-a-methodology",level:2},{value:"How can I submit a methodology to a business?",id:"how-can-i-submit-a-methodology-to-a-business",level:2},{value:"How to prepare and justify a plan to move to the methodology?",id:"how-to-prepare-and-justify-a-plan-to-move-to-the-methodology",level:2}];function u(e){const t={blockquote:"blockquote",h1:"h1",h2:"h2",header:"header",p:"p",...(0,i.R)(),...e.components};return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(t.header,{children:(0,n.jsx)(t.h1,{id:"promote-in-company",children:"Promote in company"})}),"\n",(0,n.jsx)(a.Ay,{ticket:"206"}),"\n",(0,n.jsx)(t.h2,{id:"do-the-project-and-the-company-need-a-methodology",children:"Do the project and the company need a methodology?"}),"\n",(0,n.jsxs)(t.blockquote,{children:["\n",(0,n.jsx)(t.p,{children:"About the justification of the application, Those duty"}),"\n"]}),"\n",(0,n.jsx)(t.h2,{id:"how-can-i-submit-a-methodology-to-a-business",children:"How can I submit a methodology to a business?"}),"\n",(0,n.jsx)(t.h2,{id:"how-to-prepare-and-justify-a-plan-to-move-to-the-methodology",children:"How to prepare and justify a plan to move to the methodology?"})]})}function p(e={}){const{wrapper:t}={...(0,i.R)(),...e.components};return t?(0,n.jsx)(t,{...e,children:(0,n.jsx)(u,{...e})}):u(e)}},1100:(e,t,o)=>{o.d(t,{R:()=>r,x:()=>s});var n=o(758);const i={},a=n.createContext(i);function r(e){const t=n.useContext(a);return n.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function s(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(i):e.components||i:r(e.components),n.createElement(a.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
+"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[5755],{1928:(e,t,o)=>{o.d(t,{Ay:()=>l,RM:()=>d});var n=o(6070),i=o(1100),a=(o(758),o(6783)),r=o(7765);const s=e=>{let{ticket:t}=e;const o=`https://github.com/feature-sliced/documentation/issues/${t}`;return(0,n.jsxs)("div",{children:[(0,n.jsx)("p",{children:(0,r.T)({id:"shared.wip.title"})}),(0,n.jsx)("p",{children:(0,r.T)({id:"shared.wip.subtitle"})}),(0,n.jsxs)("ul",{children:[(0,n.jsxs)("li",{children:[(0,r.T)({id:"shared.wip.var.feedback.base"}),(0,n.jsx)(a.A,{to:o,children:(0,r.T)({id:"shared.wip.var.feedback.link"})})]}),(0,n.jsxs)("li",{children:[(0,r.T)({id:"shared.wip.var.material.base"}),(0,n.jsx)(a.A,{to:"https://t.me/feature_sliced",children:(0,r.T)({id:"shared.wip.var.material.link"})})]}),(0,n.jsxs)("li",{children:[(0,r.T)({id:"shared.wip.var.contribute.base"}),(0,n.jsx)(a.A,{to:"https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md",children:(0,r.T)({id:"shared.wip.var.contribute.link"})})]})]}),(0,n.jsx)("br",{}),(0,n.jsx)("p",{children:(0,n.jsx)("i",{children:"\ud83c\udf70 Stay tuned!"})})]})},d=[];function c(e){const t={admonition:"admonition",...(0,i.R)(),...e.components};return(0,n.jsx)(t.admonition,{title:"WIP",type:"caution",children:(0,n.jsx)(s,{ticket:e.ticket})})}function l(e={}){const{wrapper:t}={...(0,i.R)(),...e.components};return t?(0,n.jsx)(t,{...e,children:(0,n.jsx)(c,{...e})}):c(e)}},5300:(e,t,o)=>{o.r(t),o.d(t,{assets:()=>c,contentTitle:()=>s,default:()=>p,frontMatter:()=>r,metadata:()=>d,toc:()=>l});var n=o(6070),i=o(1100),a=o(1928);const r={sidebar_position:4,sidebar_class_name:"sidebar-item--wip"},s="Promote in company",d={id:"about/promote/for-company",title:"Promote in company",description:"Do the project and the company need a methodology?",source:"@site/i18n/en/docusaurus-plugin-content-docs/current/about/promote/for-company.mdx",sourceDirName:"about/promote",slug:"/about/promote/for-company",permalink:"/docs/about/promote/for-company",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/about/promote/for-company.mdx",tags:[],version:"current",lastUpdatedAt:1728325386e3,sidebarPosition:4,frontMatter:{sidebar_position:4,sidebar_class_name:"sidebar-item--wip"},sidebar:"aboutSidebar",previous:{title:"Promote in team",permalink:"/docs/about/promote/for-team"}},c={},l=[...a.RM,{value:"Do the project and the company need a methodology?",id:"do-the-project-and-the-company-need-a-methodology",level:2},{value:"How can I submit a methodology to a business?",id:"how-can-i-submit-a-methodology-to-a-business",level:2},{value:"How to prepare and justify a plan to move to the methodology?",id:"how-to-prepare-and-justify-a-plan-to-move-to-the-methodology",level:2}];function u(e){const t={blockquote:"blockquote",h1:"h1",h2:"h2",header:"header",p:"p",...(0,i.R)(),...e.components};return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(t.header,{children:(0,n.jsx)(t.h1,{id:"promote-in-company",children:"Promote in company"})}),"\n",(0,n.jsx)(a.Ay,{ticket:"206"}),"\n",(0,n.jsx)(t.h2,{id:"do-the-project-and-the-company-need-a-methodology",children:"Do the project and the company need a methodology?"}),"\n",(0,n.jsxs)(t.blockquote,{children:["\n",(0,n.jsx)(t.p,{children:"About the justification of the application, Those duty"}),"\n"]}),"\n",(0,n.jsx)(t.h2,{id:"how-can-i-submit-a-methodology-to-a-business",children:"How can I submit a methodology to a business?"}),"\n",(0,n.jsx)(t.h2,{id:"how-to-prepare-and-justify-a-plan-to-move-to-the-methodology",children:"How to prepare and justify a plan to move to the methodology?"})]})}function p(e={}){const{wrapper:t}={...(0,i.R)(),...e.components};return t?(0,n.jsx)(t,{...e,children:(0,n.jsx)(u,{...e})}):u(e)}},1100:(e,t,o)=>{o.d(t,{R:()=>r,x:()=>s});var n=o(758);const i={},a=n.createContext(i);function r(e){const t=n.useContext(a);return n.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function s(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(i):e.components||i:r(e.components),n.createElement(a.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
diff --git a/assets/js/c5666f39.b861f146.js b/assets/js/c5666f39.2d3b80ab.js
similarity index 98%
rename from assets/js/c5666f39.b861f146.js
rename to assets/js/c5666f39.2d3b80ab.js
index 48bf8963da..804598bdd0 100644
--- a/assets/js/c5666f39.b861f146.js
+++ b/assets/js/c5666f39.2d3b80ab.js
@@ -1,2 +1,2 @@
-/*! For license information please see c5666f39.b861f146.js.LICENSE.txt */
-"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[5715],{1350:(e,t,n)=>{n.d(t,{A:()=>r});var o=n(991),a=n(758);const i={icon:{tag:"svg",attrs:{viewBox:"64 64 896 896",focusable:"false"},children:[{tag:"path",attrs:{d:"M908.1 353.1l-253.9-36.9L540.7 86.1c-3.1-6.3-8.2-11.4-14.5-14.5-15.8-7.8-35-1.3-42.9 14.5L369.8 316.2l-253.9 36.9c-7 1-13.4 4.3-18.3 9.3a32.05 32.05 0 00.6 45.3l183.7 179.1-43.4 252.9a31.95 31.95 0 0046.4 33.7L512 754l227.1 119.4c6.2 3.3 13.4 4.4 20.3 3.2 17.4-3 29.1-19.5 26.1-36.9l-43.4-252.9 183.7-179.1c5-4.9 8.3-11.3 9.3-18.3 2.7-17.5-9.5-33.7-27-36.3zM664.8 561.6l36.1 210.3L512 672.7 323.1 772l36.1-210.3-152.8-149L417.6 382 512 190.7 606.4 382l211.2 30.7-152.8 148.9z"}}]},name:"star",theme:"outlined"};var c=n(9820),s=function(e,t){return a.createElement(c.A,(0,o.A)({},e,{ref:t,icon:i}))};const r=a.forwardRef(s)},1825:(e,t,n)=>{n.d(t,{A:()=>r});var o=n(991),a=n(758);const i={icon:{tag:"svg",attrs:{viewBox:"64 64 896 896",focusable:"false"},children:[{tag:"path",attrs:{d:"M824.2 699.9a301.55 301.55 0 00-86.4-60.4C783.1 602.8 812 546.8 812 484c0-110.8-92.4-201.7-203.2-200-109.1 1.7-197 90.6-197 200 0 62.8 29 118.8 74.2 155.5a300.95 300.95 0 00-86.4 60.4C345 754.6 314 826.8 312 903.8a8 8 0 008 8.2h56c4.3 0 7.9-3.4 8-7.7 1.9-58 25.4-112.3 66.7-153.5A226.62 226.62 0 01612 684c60.9 0 118.2 23.7 161.3 66.8C814.5 792 838 846.3 840 904.3c.1 4.3 3.7 7.7 8 7.7h56a8 8 0 008-8.2c-2-77-33-149.2-87.8-203.9zM612 612c-34.2 0-66.4-13.3-90.5-37.5a126.86 126.86 0 01-37.5-91.8c.3-32.8 13.4-64.5 36.3-88 24-24.6 56.1-38.3 90.4-38.7 33.9-.3 66.8 12.9 91 36.6 24.8 24.3 38.4 56.8 38.4 91.4 0 34.2-13.3 66.3-37.5 90.5A127.3 127.3 0 01612 612zM361.5 510.4c-.9-8.7-1.4-17.5-1.4-26.4 0-15.9 1.5-31.4 4.3-46.5.7-3.6-1.2-7.3-4.5-8.8-13.6-6.1-26.1-14.5-36.9-25.1a127.54 127.54 0 01-38.7-95.4c.9-32.1 13.8-62.6 36.3-85.6 24.7-25.3 57.9-39.1 93.2-38.7 31.9.3 62.7 12.6 86 34.4 7.9 7.4 14.7 15.6 20.4 24.4 2 3.1 5.9 4.4 9.3 3.2 17.6-6.1 36.2-10.4 55.3-12.4 5.6-.6 8.8-6.6 6.3-11.6-32.5-64.3-98.9-108.7-175.7-109.9-110.9-1.7-203.3 89.2-203.3 199.9 0 62.8 28.9 118.8 74.2 155.5-31.8 14.7-61.1 35-86.5 60.4-54.8 54.7-85.8 126.9-87.8 204a8 8 0 008 8.2h56.1c4.3 0 7.9-3.4 8-7.7 1.9-58 25.4-112.3 66.7-153.5 29.4-29.4 65.4-49.8 104.7-59.7 3.9-1 6.5-4.7 6-8.7z"}}]},name:"team",theme:"outlined"};var c=n(9820),s=function(e,t){return a.createElement(c.A,(0,o.A)({},e,{ref:t,icon:i}))};const r=a.forwardRef(s)},7946:(e,t,n)=>{n.d(t,{Ay:()=>r,RM:()=>c});var o=n(6070),a=n(1100),i=n(5988);const c=[];function s(e){return(0,o.jsx)(i.A,{...e})}function r(e={}){const{wrapper:t}={...(0,a.R)(),...e.components};return t?(0,o.jsx)(t,{...e,children:(0,o.jsx)(s,{...e})}):s(e)}},4200:(e,t,n)=>{n.r(t),n.d(t,{assets:()=>A,contentTitle:()=>g,default:()=>M,frontMatter:()=>x,metadata:()=>b,toc:()=>j});var o=n(6070),a=n(1100),i=n(7946),c=n(991),s=n(758);const r={icon:{tag:"svg",attrs:{viewBox:"64 64 896 896",focusable:"false"},children:[{tag:"path",attrs:{d:"M868 160h-92v-40c0-4.4-3.6-8-8-8H256c-4.4 0-8 3.6-8 8v40h-92a44 44 0 00-44 44v148c0 81.7 60 149.6 138.2 162C265.7 630.2 359 721.7 476 734.5v105.2H280c-17.7 0-32 14.3-32 32V904c0 4.4 3.6 8 8 8h512c4.4 0 8-3.6 8-8v-32.3c0-17.7-14.3-32-32-32H548V734.5C665 721.7 758.3 630.2 773.8 514 852 501.6 912 433.7 912 352V204a44 44 0 00-44-44zM184 352V232h64v207.6a91.99 91.99 0 01-64-87.6zm520 128c0 49.1-19.1 95.4-53.9 130.1-34.8 34.8-81 53.9-130.1 53.9h-16c-49.1 0-95.4-19.1-130.1-53.9-34.8-34.8-53.9-81-53.9-130.1V184h384v296zm136-128c0 41-26.9 75.8-64 87.6V232h64v120z"}}]},name:"trophy",theme:"outlined"};var d=n(9820),l=function(e,t){return s.createElement(d.A,(0,c.A)({},e,{ref:t,icon:r}))};const u=s.forwardRef(l);var m=n(1350);const h={icon:{tag:"svg",attrs:{viewBox:"64 64 896 896",focusable:"false"},children:[{tag:"path",attrs:{d:"M632 888H392c-4.4 0-8 3.6-8 8v32c0 17.7 14.3 32 32 32h192c17.7 0 32-14.3 32-32v-32c0-4.4-3.6-8-8-8zM512 64c-181.1 0-328 146.9-328 328 0 121.4 66 227.4 164 284.1V792c0 17.7 14.3 32 32 32h264c17.7 0 32-14.3 32-32V676.1c98-56.7 164-162.7 164-284.1 0-181.1-146.9-328-328-328zm127.9 549.8L604 634.6V752H420V634.6l-35.9-20.8C305.4 568.3 256 484.5 256 392c0-141.4 114.6-256 256-256s256 114.6 256 256c0 92.5-49.4 176.3-128.1 221.8z"}}]},name:"bulb",theme:"outlined"};var p=function(e,t){return s.createElement(d.A,(0,c.A)({},e,{ref:t,icon:h}))};const f=s.forwardRef(p);var v=n(1825);const x={hide_table_of_contents:!0,pagination_prev:"reference/index"},g="\ud83c\udf70 About",b={id:"about/index",title:"\ud83c\udf70 About",description:"BACKGROUND-ORIENTED",source:"@site/i18n/en/docusaurus-plugin-content-docs/current/about/index.mdx",sourceDirName:"about",slug:"/about/",permalink:"/docs/about/",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/about/index.mdx",tags:[],version:"current",lastUpdatedAt:1727607766e3,frontMatter:{hide_table_of_contents:!0,pagination_prev:"reference/index"},sidebar:"aboutSidebar",previous:{title:"\ud83d\udcda Reference",permalink:"/docs/reference/"},next:{title:"Mission",permalink:"/docs/about/mission"}},A={},j=[{value:"Main",id:"main",level:2},...i.RM,...i.RM,...i.RM,...i.RM];function _(e){const t={h1:"h1",h2:"h2",header:"header",p:"p",...(0,a.R)(),...e.components};return(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(t.header,{children:(0,o.jsx)(t.h1,{id:"-about",children:"\ud83c\udf70 About"})}),"\n",(0,o.jsx)("span",{class:"badge badge--violet margin-bottom--md",children:"BACKGROUND-ORIENTED"}),"\n",(0,o.jsx)("p",{class:"summary",children:(0,o.jsx)(t.p,{children:"General information about methodology, team, community and development history"})}),"\n",(0,o.jsx)(t.h2,{id:"main",children:"Main"}),"\n","\n",(0,o.jsx)(i.Ay,{title:"Mission",description:"Goals and limitations of the methodology",to:"/docs/about/mission",Icon:u}),"\n",(0,o.jsx)(i.Ay,{title:"Motivation",description:"Reasons for the creation and development of the methodology",to:"/docs/about/motivation",Icon:m.A}),"\n",(0,o.jsx)(i.Ay,{title:"Understanding",description:"Deep understanding of FSD concepts",to:"/docs/about/understanding/architecture",Icon:f,tags:["About architecture","Needs driven","Naming"]}),"\n",(0,o.jsx)(i.Ay,{title:"Promote",description:"About promotion and integration FSD at companies",to:"/docs/about/promote/integration",Icon:v.A,tags:["Integration","Promoting in team","Promoting in company"]})]})}function M(e={}){const{wrapper:t}={...(0,a.R)(),...e.components};return t?(0,o.jsx)(t,{...e,children:(0,o.jsx)(_,{...e})}):_(e)}},5988:(e,t,n)=>{n.d(t,{Y:()=>s,A:()=>d});n(758);var o=n(3526),a=n(6783);const i={root:"root_GfON",rootDisabled:"rootDisabled_SFUB",details:"details_xxkR",detailsTags:"detailsTags_uTQx",icon:"icon_ciqP",title:"title_pSH5",description:"description__Fep",miniTheme:"miniTheme_ePfp",primaryTheme:"primaryTheme_CilO",defaultTheme:"defaultTheme_j3I8"};var c=n(6070);const s=e=>{const{title:t,description:n,to:s,Icon:d,tags:l,className:u,disabled:m,theme:h="default"}=e;return(0,c.jsxs)(a.A,{className:(0,o.A)(i.root,u,m&&i.rootDisabled,i[`${h}Theme`]),to:s,children:[(0,c.jsx)(r,{Icon:d}),(0,c.jsxs)("div",{className:i.details,children:[(0,c.jsxs)("div",{className:i.detailsMain,children:[(0,c.jsx)("span",{className:i.title,children:t}),(0,c.jsx)("p",{className:i.description,children:n})]}),l&&(0,c.jsx)("div",{className:i.detailsTags,children:l.join(" \u2022 ")})]})]})},r=e=>{let{Icon:t}=e;return t?"string"==typeof t?(0,c.jsx)("span",{className:i.icon,children:t}):(0,c.jsx)(t,{className:i.icon}):null},d=s},1100:(e,t,n)=>{n.d(t,{R:()=>c,x:()=>s});var o=n(758);const a={},i=o.createContext(a);function c(e){const t=o.useContext(i);return o.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function s(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(a):e.components||a:c(e.components),o.createElement(i.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
+/*! For license information please see c5666f39.2d3b80ab.js.LICENSE.txt */
+"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[5715],{1350:(e,t,n)=>{n.d(t,{A:()=>r});var o=n(991),a=n(758);const i={icon:{tag:"svg",attrs:{viewBox:"64 64 896 896",focusable:"false"},children:[{tag:"path",attrs:{d:"M908.1 353.1l-253.9-36.9L540.7 86.1c-3.1-6.3-8.2-11.4-14.5-14.5-15.8-7.8-35-1.3-42.9 14.5L369.8 316.2l-253.9 36.9c-7 1-13.4 4.3-18.3 9.3a32.05 32.05 0 00.6 45.3l183.7 179.1-43.4 252.9a31.95 31.95 0 0046.4 33.7L512 754l227.1 119.4c6.2 3.3 13.4 4.4 20.3 3.2 17.4-3 29.1-19.5 26.1-36.9l-43.4-252.9 183.7-179.1c5-4.9 8.3-11.3 9.3-18.3 2.7-17.5-9.5-33.7-27-36.3zM664.8 561.6l36.1 210.3L512 672.7 323.1 772l36.1-210.3-152.8-149L417.6 382 512 190.7 606.4 382l211.2 30.7-152.8 148.9z"}}]},name:"star",theme:"outlined"};var c=n(9820),s=function(e,t){return a.createElement(c.A,(0,o.A)({},e,{ref:t,icon:i}))};const r=a.forwardRef(s)},1825:(e,t,n)=>{n.d(t,{A:()=>r});var o=n(991),a=n(758);const i={icon:{tag:"svg",attrs:{viewBox:"64 64 896 896",focusable:"false"},children:[{tag:"path",attrs:{d:"M824.2 699.9a301.55 301.55 0 00-86.4-60.4C783.1 602.8 812 546.8 812 484c0-110.8-92.4-201.7-203.2-200-109.1 1.7-197 90.6-197 200 0 62.8 29 118.8 74.2 155.5a300.95 300.95 0 00-86.4 60.4C345 754.6 314 826.8 312 903.8a8 8 0 008 8.2h56c4.3 0 7.9-3.4 8-7.7 1.9-58 25.4-112.3 66.7-153.5A226.62 226.62 0 01612 684c60.9 0 118.2 23.7 161.3 66.8C814.5 792 838 846.3 840 904.3c.1 4.3 3.7 7.7 8 7.7h56a8 8 0 008-8.2c-2-77-33-149.2-87.8-203.9zM612 612c-34.2 0-66.4-13.3-90.5-37.5a126.86 126.86 0 01-37.5-91.8c.3-32.8 13.4-64.5 36.3-88 24-24.6 56.1-38.3 90.4-38.7 33.9-.3 66.8 12.9 91 36.6 24.8 24.3 38.4 56.8 38.4 91.4 0 34.2-13.3 66.3-37.5 90.5A127.3 127.3 0 01612 612zM361.5 510.4c-.9-8.7-1.4-17.5-1.4-26.4 0-15.9 1.5-31.4 4.3-46.5.7-3.6-1.2-7.3-4.5-8.8-13.6-6.1-26.1-14.5-36.9-25.1a127.54 127.54 0 01-38.7-95.4c.9-32.1 13.8-62.6 36.3-85.6 24.7-25.3 57.9-39.1 93.2-38.7 31.9.3 62.7 12.6 86 34.4 7.9 7.4 14.7 15.6 20.4 24.4 2 3.1 5.9 4.4 9.3 3.2 17.6-6.1 36.2-10.4 55.3-12.4 5.6-.6 8.8-6.6 6.3-11.6-32.5-64.3-98.9-108.7-175.7-109.9-110.9-1.7-203.3 89.2-203.3 199.9 0 62.8 28.9 118.8 74.2 155.5-31.8 14.7-61.1 35-86.5 60.4-54.8 54.7-85.8 126.9-87.8 204a8 8 0 008 8.2h56.1c4.3 0 7.9-3.4 8-7.7 1.9-58 25.4-112.3 66.7-153.5 29.4-29.4 65.4-49.8 104.7-59.7 3.9-1 6.5-4.7 6-8.7z"}}]},name:"team",theme:"outlined"};var c=n(9820),s=function(e,t){return a.createElement(c.A,(0,o.A)({},e,{ref:t,icon:i}))};const r=a.forwardRef(s)},7946:(e,t,n)=>{n.d(t,{Ay:()=>r,RM:()=>c});var o=n(6070),a=n(1100),i=n(5988);const c=[];function s(e){return(0,o.jsx)(i.A,{...e})}function r(e={}){const{wrapper:t}={...(0,a.R)(),...e.components};return t?(0,o.jsx)(t,{...e,children:(0,o.jsx)(s,{...e})}):s(e)}},4200:(e,t,n)=>{n.r(t),n.d(t,{assets:()=>A,contentTitle:()=>g,default:()=>M,frontMatter:()=>x,metadata:()=>b,toc:()=>j});var o=n(6070),a=n(1100),i=n(7946),c=n(991),s=n(758);const r={icon:{tag:"svg",attrs:{viewBox:"64 64 896 896",focusable:"false"},children:[{tag:"path",attrs:{d:"M868 160h-92v-40c0-4.4-3.6-8-8-8H256c-4.4 0-8 3.6-8 8v40h-92a44 44 0 00-44 44v148c0 81.7 60 149.6 138.2 162C265.7 630.2 359 721.7 476 734.5v105.2H280c-17.7 0-32 14.3-32 32V904c0 4.4 3.6 8 8 8h512c4.4 0 8-3.6 8-8v-32.3c0-17.7-14.3-32-32-32H548V734.5C665 721.7 758.3 630.2 773.8 514 852 501.6 912 433.7 912 352V204a44 44 0 00-44-44zM184 352V232h64v207.6a91.99 91.99 0 01-64-87.6zm520 128c0 49.1-19.1 95.4-53.9 130.1-34.8 34.8-81 53.9-130.1 53.9h-16c-49.1 0-95.4-19.1-130.1-53.9-34.8-34.8-53.9-81-53.9-130.1V184h384v296zm136-128c0 41-26.9 75.8-64 87.6V232h64v120z"}}]},name:"trophy",theme:"outlined"};var d=n(9820),l=function(e,t){return s.createElement(d.A,(0,c.A)({},e,{ref:t,icon:r}))};const u=s.forwardRef(l);var m=n(1350);const h={icon:{tag:"svg",attrs:{viewBox:"64 64 896 896",focusable:"false"},children:[{tag:"path",attrs:{d:"M632 888H392c-4.4 0-8 3.6-8 8v32c0 17.7 14.3 32 32 32h192c17.7 0 32-14.3 32-32v-32c0-4.4-3.6-8-8-8zM512 64c-181.1 0-328 146.9-328 328 0 121.4 66 227.4 164 284.1V792c0 17.7 14.3 32 32 32h264c17.7 0 32-14.3 32-32V676.1c98-56.7 164-162.7 164-284.1 0-181.1-146.9-328-328-328zm127.9 549.8L604 634.6V752H420V634.6l-35.9-20.8C305.4 568.3 256 484.5 256 392c0-141.4 114.6-256 256-256s256 114.6 256 256c0 92.5-49.4 176.3-128.1 221.8z"}}]},name:"bulb",theme:"outlined"};var p=function(e,t){return s.createElement(d.A,(0,c.A)({},e,{ref:t,icon:h}))};const f=s.forwardRef(p);var v=n(1825);const x={hide_table_of_contents:!0,pagination_prev:"reference/index"},g="\ud83c\udf70 About",b={id:"about/index",title:"\ud83c\udf70 About",description:"BACKGROUND-ORIENTED",source:"@site/i18n/en/docusaurus-plugin-content-docs/current/about/index.mdx",sourceDirName:"about",slug:"/about/",permalink:"/docs/about/",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/about/index.mdx",tags:[],version:"current",lastUpdatedAt:1728325386e3,frontMatter:{hide_table_of_contents:!0,pagination_prev:"reference/index"},sidebar:"aboutSidebar",previous:{title:"\ud83d\udcda Reference",permalink:"/docs/reference/"},next:{title:"Mission",permalink:"/docs/about/mission"}},A={},j=[{value:"Main",id:"main",level:2},...i.RM,...i.RM,...i.RM,...i.RM];function _(e){const t={h1:"h1",h2:"h2",header:"header",p:"p",...(0,a.R)(),...e.components};return(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(t.header,{children:(0,o.jsx)(t.h1,{id:"-about",children:"\ud83c\udf70 About"})}),"\n",(0,o.jsx)("span",{class:"badge badge--violet margin-bottom--md",children:"BACKGROUND-ORIENTED"}),"\n",(0,o.jsx)("p",{class:"summary",children:(0,o.jsx)(t.p,{children:"General information about methodology, team, community and development history"})}),"\n",(0,o.jsx)(t.h2,{id:"main",children:"Main"}),"\n","\n",(0,o.jsx)(i.Ay,{title:"Mission",description:"Goals and limitations of the methodology",to:"/docs/about/mission",Icon:u}),"\n",(0,o.jsx)(i.Ay,{title:"Motivation",description:"Reasons for the creation and development of the methodology",to:"/docs/about/motivation",Icon:m.A}),"\n",(0,o.jsx)(i.Ay,{title:"Understanding",description:"Deep understanding of FSD concepts",to:"/docs/about/understanding/architecture",Icon:f,tags:["About architecture","Needs driven","Naming"]}),"\n",(0,o.jsx)(i.Ay,{title:"Promote",description:"About promotion and integration FSD at companies",to:"/docs/about/promote/integration",Icon:v.A,tags:["Integration","Promoting in team","Promoting in company"]})]})}function M(e={}){const{wrapper:t}={...(0,a.R)(),...e.components};return t?(0,o.jsx)(t,{...e,children:(0,o.jsx)(_,{...e})}):_(e)}},5988:(e,t,n)=>{n.d(t,{Y:()=>s,A:()=>d});n(758);var o=n(3526),a=n(6783);const i={root:"root_GfON",rootDisabled:"rootDisabled_SFUB",details:"details_xxkR",detailsTags:"detailsTags_uTQx",icon:"icon_ciqP",title:"title_pSH5",description:"description__Fep",miniTheme:"miniTheme_ePfp",primaryTheme:"primaryTheme_CilO",defaultTheme:"defaultTheme_j3I8"};var c=n(6070);const s=e=>{const{title:t,description:n,to:s,Icon:d,tags:l,className:u,disabled:m,theme:h="default"}=e;return(0,c.jsxs)(a.A,{className:(0,o.A)(i.root,u,m&&i.rootDisabled,i[`${h}Theme`]),to:s,children:[(0,c.jsx)(r,{Icon:d}),(0,c.jsxs)("div",{className:i.details,children:[(0,c.jsxs)("div",{className:i.detailsMain,children:[(0,c.jsx)("span",{className:i.title,children:t}),(0,c.jsx)("p",{className:i.description,children:n})]}),l&&(0,c.jsx)("div",{className:i.detailsTags,children:l.join(" \u2022 ")})]})]})},r=e=>{let{Icon:t}=e;return t?"string"==typeof t?(0,c.jsx)("span",{className:i.icon,children:t}):(0,c.jsx)(t,{className:i.icon}):null},d=s},1100:(e,t,n)=>{n.d(t,{R:()=>c,x:()=>s});var o=n(758);const a={},i=o.createContext(a);function c(e){const t=o.useContext(i);return o.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function s(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(a):e.components||a:c(e.components),o.createElement(i.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
diff --git a/assets/js/c5666f39.b861f146.js.LICENSE.txt b/assets/js/c5666f39.2d3b80ab.js.LICENSE.txt
similarity index 100%
rename from assets/js/c5666f39.b861f146.js.LICENSE.txt
rename to assets/js/c5666f39.2d3b80ab.js.LICENSE.txt
diff --git a/assets/js/cb388a7b.019a1bff.js b/assets/js/cb388a7b.8d249fba.js
similarity index 99%
rename from assets/js/cb388a7b.019a1bff.js
rename to assets/js/cb388a7b.8d249fba.js
index cb932c411f..5aaa2217e5 100644
--- a/assets/js/cb388a7b.019a1bff.js
+++ b/assets/js/cb388a7b.8d249fba.js
@@ -1 +1 @@
-"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[5535],{7040:(e,t,o)=>{o.r(t),o.d(t,{assets:()=>a,contentTitle:()=>r,default:()=>c,frontMatter:()=>i,metadata:()=>l,toc:()=>d});var n=o(6070),s=o(1100);const i={sidebar_position:2},r="Motivation",l={id:"about/motivation",title:"Motivation",description:"The main idea of Feature-Sliced Design is to facilitate and reduce the cost of developing complex and developing projects, based on combining research results, discussing the experience of various kinds of a wide range of developers.",source:"@site/i18n/en/docusaurus-plugin-content-docs/current/about/motivation.md",sourceDirName:"about",slug:"/about/motivation",permalink:"/docs/about/motivation",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/about/motivation.md",tags:[],version:"current",lastUpdatedAt:1727607766e3,sidebarPosition:2,frontMatter:{sidebar_position:2},sidebar:"aboutSidebar",previous:{title:"Mission",permalink:"/docs/about/mission"},next:{title:"Alternatives",permalink:"/docs/about/alternatives"}},a={},d=[{value:"Why are there not enough existing solutions?",id:"why-are-there-not-enough-existing-solutions",level:2},{value:"Principles alone are not enough",id:"principles-alone-are-not-enough",level:3},{value:"Processes don&#39;t always work",id:"processes-dont-always-work",level:3},{value:"Existing frameworks cannot be applied everywhere",id:"existing-frameworks-cannot-be-applied-everywhere",level:3},{value:"As a result",id:"as-a-result",level:3},{value:"Why do developers need the methodology?",id:"why-do-developers-need-the-methodology",level:2},{value:"Focus on business features, not on architecture problems",id:"focus-on-business-features-not-on-architecture-problems",level:3},{value:"An experience-proven solution",id:"an-experience-proven-solution",level:3},{value:"Project Health",id:"project-health",level:3},{value:"Why does a business need a methodology?",id:"why-does-a-business-need-a-methodology",level:2},{value:"Fast onboarding",id:"fast-onboarding",level:3},{value:"An experience-proven solution",id:"an-experience-proven-solution-1",level:3},{value:"Applicability for different stages of the project",id:"applicability-for-different-stages-of-the-project",level:3},{value:"When is our methodology not needed?",id:"when-is-our-methodology-not-needed",level:2},{value:"Business Size",id:"business-size",level:3},{value:"Plans",id:"plans",level:2},{value:"Combining experience",id:"combining-experience",level:3},{value:"Life outside the specification",id:"life-outside-the-specification",level:3},{value:"See also",id:"see-also",level:2}];function h(e){const t={a:"a",admonition:"admonition",blockquote:"blockquote",code:"code",em:"em",h1:"h1",h2:"h2",h3:"h3",header:"header",li:"li",p:"p",strong:"strong",ul:"ul",...(0,s.R)(),...e.components};return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(t.header,{children:(0,n.jsx)(t.h1,{id:"motivation",children:"Motivation"})}),"\n",(0,n.jsxs)(t.p,{children:["The main idea of ",(0,n.jsx)(t.strong,{children:"Feature-Sliced Design"})," is to facilitate and reduce the cost of developing complex and developing projects, based on ",(0,n.jsx)(t.a,{href:"https://github.com/feature-sliced/documentation/discussions",children:"combining research results, discussing the experience of various kinds of a wide range of developers"}),"."]}),"\n",(0,n.jsxs)(t.p,{children:["Obviously, this will not be a silver bullet, and of course, the methodology will have its own ",(0,n.jsx)(t.a,{href:"/docs/about/mission",children:"limits of applicability"}),"."]}),"\n",(0,n.jsxs)(t.p,{children:["Nevertheless, there are reasonable questions regarding ",(0,n.jsx)(t.em,{children:"the feasibility of such a methodology as a whole"})]}),"\n",(0,n.jsx)(t.admonition,{type:"note",children:(0,n.jsxs)(t.p,{children:["More details ",(0,n.jsx)(t.a,{href:"https://github.com/feature-sliced/documentation/discussions/27",children:"discussed in the discussion"})]})}),"\n",(0,n.jsx)(t.h2,{id:"why-are-there-not-enough-existing-solutions",children:"Why are there not enough existing solutions?"}),"\n",(0,n.jsxs)(t.blockquote,{children:["\n",(0,n.jsx)(t.p,{children:"It usually, these arguments:"}),"\n",(0,n.jsxs)(t.ul,{children:["\n",(0,n.jsx)(t.li,{children:(0,n.jsxs)(t.em,{children:['"Why you need some new methodology, if you already have long-established approaches and principles of design such as ',(0,n.jsx)(t.code,{children:"SOLID"}),", ",(0,n.jsx)(t.code,{children:"KISS"}),", ",(0,n.jsx)(t.code,{children:"YAGNI"}),", ",(0,n.jsx)(t.code,{children:"DDD"}),", ",(0,n.jsx)(t.code,{children:"GRASP"}),", ",(0,n.jsx)(t.code,{children:"DRY"}),', etc."']})}),"\n",(0,n.jsx)(t.li,{children:(0,n.jsx)(t.em,{children:'"All the problems are solved by good project documentation, tests, and structured processes"'})}),"\n",(0,n.jsx)(t.li,{children:(0,n.jsx)(t.em,{children:'"Problems would not have happened if all developers are following all the above"'})}),"\n",(0,n.jsx)(t.li,{children:(0,n.jsx)(t.em,{children:'"Everything was invented before you, you just can\'t use it"'})}),"\n",(0,n.jsx)(t.li,{children:(0,n.jsx)(t.em,{children:'"Take {FRAMEWORK_NAME} - everything has already been decided for you there"'})}),"\n"]}),"\n"]}),"\n",(0,n.jsx)(t.h3,{id:"principles-alone-are-not-enough",children:"Principles alone are not enough"}),"\n",(0,n.jsx)(t.p,{children:(0,n.jsx)(t.strong,{children:"The existence of principles alone is not enough to design a good architecture"})}),"\n",(0,n.jsx)(t.p,{children:"Not everyone knows them completely, even fewer understand and apply them correctly"}),"\n",(0,n.jsx)(t.p,{children:(0,n.jsx)(t.em,{children:'The design principles are too general, and do not give a specific answer to the question: "How to design the structure and architecture of a scalable and flexible application?"'})}),"\n",(0,n.jsx)(t.h3,{id:"processes-dont-always-work",children:"Processes don't always work"}),"\n",(0,n.jsxs)(t.p,{children:[(0,n.jsx)(t.em,{children:"Documentation/Tests/Processes"})," are, of course, good, but alas, even at high costs for them - ",(0,n.jsx)(t.strong,{children:"they do not always solve the problems posed by the architecture and the introduction of new people into the project"})]}),"\n",(0,n.jsxs)(t.ul,{children:["\n",(0,n.jsx)(t.li,{children:"The time of entry of each developer into the project is not greatly reduced, because the documentation will most often come out huge / outdated"}),"\n",(0,n.jsx)(t.li,{children:"Constantly make sure that everyone understands architecture in the same way-it also requires a huge amount of resources"}),"\n",(0,n.jsx)(t.li,{children:"Do not forget about the bus-factor"}),"\n"]}),"\n",(0,n.jsx)(t.h3,{id:"existing-frameworks-cannot-be-applied-everywhere",children:"Existing frameworks cannot be applied everywhere"}),"\n",(0,n.jsxs)(t.ul,{children:["\n",(0,n.jsx)(t.li,{children:"Existing solutions usually have a high entry threshold, which makes it difficult to find new developers"}),"\n",(0,n.jsxs)(t.li,{children:['Also, most often, the choice of technology has already been determined before the onset of serious problems in the project, and therefore you need to be able to "work with what is" - ',(0,n.jsx)(t.strong,{children:"without being tied to the technology"})]}),"\n"]}),"\n",(0,n.jsxs)(t.blockquote,{children:["\n",(0,n.jsxs)(t.p,{children:["Q: ",(0,n.jsxs)(t.em,{children:['"In my project ',(0,n.jsx)(t.code,{children:"React/Vue/Redux/Effector/Mobx/{YOUR_TECH}"}),' - how can I better build the structure of entities and the relationships between them?"']})]}),"\n"]}),"\n",(0,n.jsx)(t.h3,{id:"as-a-result",children:"As a result"}),"\n",(0,n.jsxs)(t.p,{children:["We get ",(0,n.jsx)(t.em,{children:'"unique as snowflakes"'})," projects, each of which requires a long immersion of the employee, and knowledge that is unlikely to be applicable on another project"]}),"\n",(0,n.jsxs)(t.blockquote,{children:["\n",(0,n.jsxs)(t.p,{children:["@sergeysova: ",(0,n.jsx)(t.em,{children:'"This is exactly the situation that currently exists in our field of frontend development: each lead will invent different architectures and project structures, while it is not a fact that these structures will pass the test of time, as a result, a maximum of two people can develop the project besides him, and each new developer needs to be immersed again."'})]}),"\n"]}),"\n",(0,n.jsx)(t.h2,{id:"why-do-developers-need-the-methodology",children:"Why do developers need the methodology?"}),"\n",(0,n.jsx)(t.h3,{id:"focus-on-business-features-not-on-architecture-problems",children:"Focus on business features, not on architecture problems"}),"\n",(0,n.jsx)(t.p,{children:"The methodology allows you to save resources on designing a scalable and flexible architecture, instead directing the attention of developers to the development of the main functionality. At the same time, the architectural solutions themselves are standardized from project to project."}),"\n",(0,n.jsx)(t.p,{children:(0,n.jsx)(t.em,{children:"A separate question is that the methodology should earn the trust of the community, so that another developer can get acquainted with it and rely on it in solving the problems of his project within the time available to him"})}),"\n",(0,n.jsx)(t.h3,{id:"an-experience-proven-solution",children:"An experience-proven solution"}),"\n",(0,n.jsxs)(t.p,{children:["The methodology is designed for developers who are aimed at ",(0,n.jsx)(t.em,{children:"a proven solution for designing complex business logic"})]}),"\n",(0,n.jsx)(t.p,{children:(0,n.jsx)(t.em,{children:"However, it is clear that the methodology is generally about a set of best-practices, articles that address certain problems and cases during development. Therefore, the methodology will also be useful for the rest of the developers-who somehow face problems during development and design"})}),"\n",(0,n.jsx)(t.h3,{id:"project-health",children:"Project Health"}),"\n",(0,n.jsxs)(t.p,{children:["The methodology will allow ",(0,n.jsx)(t.em,{children:"to solve and track the problems of the project in advance, without requiring a huge amount of resources"})]}),"\n",(0,n.jsx)(t.p,{children:(0,n.jsx)(t.strong,{children:"Most often, technical debt accumulates and accumulates over time, and the responsibility for its resolution lies on both the lead and the team"})}),"\n",(0,n.jsxs)(t.p,{children:["The methodology will allow you to ",(0,n.jsx)(t.em,{children:"warn"})," possible problems in the scaling and development of the project in advance"]}),"\n",(0,n.jsx)(t.h2,{id:"why-does-a-business-need-a-methodology",children:"Why does a business need a methodology?"}),"\n",(0,n.jsx)(t.h3,{id:"fast-onboarding",children:"Fast onboarding"}),"\n",(0,n.jsxs)(t.p,{children:["With the methodology, you can hire a person to the project who ",(0,n.jsx)(t.strong,{children:"is already previously familiar with this approach, and not train again"})]}),"\n",(0,n.jsx)(t.p,{children:(0,n.jsx)(t.em,{children:"People start to understand and benefit the project faster, and there are additional guarantees to find people for the next iterations of the project"})}),"\n",(0,n.jsx)(t.h3,{id:"an-experience-proven-solution-1",children:"An experience-proven solution"}),"\n",(0,n.jsxs)(t.p,{children:["With the methodology, the business will get ",(0,n.jsx)(t.em,{children:"a solution for most of the issues that arise during the development of systems"})]}),"\n",(0,n.jsx)(t.p,{children:"Since most often a business wants to get a framework / solution that would solve the lion's share of problems during the development of the project"}),"\n",(0,n.jsx)(t.h3,{id:"applicability-for-different-stages-of-the-project",children:"Applicability for different stages of the project"}),"\n",(0,n.jsxs)(t.p,{children:["The methodology can benefit the project ",(0,n.jsx)(t.em,{children:"both at the stage of project support and development, and at the MVP stage"})]}),"\n",(0,n.jsxs)(t.p,{children:["Yes, the most important thing for MVP is ",(0,n.jsx)(t.em,{children:'"features, not the architecture laid down for the future"'}),". But even in conditions of limited deadlines, knowing the best-practices from the methodology, you can ",(0,n.jsx)(t.em,{children:'"do with little blood"'}),', when designing the MVP version of the system, finding a reasonable compromise\n(rather than modeling features "at random")']}),"\n",(0,n.jsx)(t.p,{children:(0,n.jsx)(t.em,{children:"The same can be said about testing"})}),"\n",(0,n.jsx)(t.h2,{id:"when-is-our-methodology-not-needed",children:"When is our methodology not needed?"}),"\n",(0,n.jsxs)(t.ul,{children:["\n",(0,n.jsx)(t.li,{children:"If the project will live for a short time"}),"\n",(0,n.jsx)(t.li,{children:"If the project does not need a supported architecture"}),"\n",(0,n.jsx)(t.li,{children:"If the business does not perceive the connection between the code base and the speed of feature delivery"}),"\n",(0,n.jsx)(t.li,{children:"If it is more important for the business to close orders as soon as possible, without further support"}),"\n"]}),"\n",(0,n.jsx)(t.h3,{id:"business-size",children:"Business Size"}),"\n",(0,n.jsxs)(t.ul,{children:["\n",(0,n.jsxs)(t.li,{children:[(0,n.jsx)(t.strong,{children:"Small business"})," - most often needs a ready-made and very fast solution. Only when the business grows (at least to almost average), he understands that in order for customers to continue using, it is necessary, among other things, to devote time to the quality and stability of the solutions being developed"]}),"\n",(0,n.jsxs)(t.li,{children:[(0,n.jsx)(t.strong,{children:"Medium-sized business"})," - usually understands all the problems of development, and even if it is necessary to ",(0,n.jsx)(t.em,{children:'"arrange a race for features"'}),", he still spends time on quality improvements, refactoring and tests (and of course-on an extensible architecture)"]}),"\n",(0,n.jsxs)(t.li,{children:[(0,n.jsx)(t.strong,{children:"Big business"})," - usually already has an extensive audience, staff, and a much more extensive set of its practices, and probably even its own approach to architecture, so the idea of taking someone else's comes to them not so often"]}),"\n"]}),"\n",(0,n.jsx)(t.h2,{id:"plans",children:"Plans"}),"\n",(0,n.jsxs)(t.p,{children:["The main part of the goals ",(0,n.jsx)(t.a,{href:"/docs/about/mission#goals",children:"is set out here"}),", but in addition, it is worth talking about our expectations from the methodology in the future"]}),"\n",(0,n.jsx)(t.h3,{id:"combining-experience",children:"Combining experience"}),"\n",(0,n.jsxs)(t.p,{children:["Now we are trying to combine all our diverse experience of the ",(0,n.jsx)(t.code,{children:"core-team"}),", and get a methodology hardened by practice as a result"]}),"\n",(0,n.jsxs)(t.p,{children:["Of course, we can get Angular 3.0 as a result, but it is much more important here to ",(0,n.jsx)(t.strong,{children:"investigate the very problem of designing the architecture of complex systems"})]}),"\n",(0,n.jsx)(t.p,{children:(0,n.jsx)(t.em,{children:"And yes - we have complaints about the current version of the methodology, but we want to work together to come to a single and optimal solution (taking into account, among other things, the experience of the community)"})}),"\n",(0,n.jsx)(t.h3,{id:"life-outside-the-specification",children:"Life outside the specification"}),"\n",(0,n.jsx)(t.p,{children:"If everything goes well, then the methodology will not be limited only to the specification and the toolkit"}),"\n",(0,n.jsxs)(t.ul,{children:["\n",(0,n.jsx)(t.li,{children:"Perhaps there will be reports, articles"}),"\n",(0,n.jsxs)(t.li,{children:["There may be ",(0,n.jsx)(t.code,{children:"CODE_MODEs"})," for migrations to other technologies of projects written according to the methodology"]}),"\n",(0,n.jsxs)(t.li,{children:["It is possible that as a result we will be able to reach the maintainers of large technological solutions","\n",(0,n.jsxs)(t.ul,{children:["\n",(0,n.jsx)(t.li,{children:(0,n.jsx)(t.em,{children:"Especially for React, compared to other frameworks - this is the main problem, because it does not say how to solve certain problems"})}),"\n"]}),"\n"]}),"\n"]}),"\n",(0,n.jsx)(t.h2,{id:"see-also",children:"See also"}),"\n",(0,n.jsxs)(t.ul,{children:["\n",(0,n.jsx)(t.li,{children:(0,n.jsx)(t.a,{href:"https://github.com/feature-sliced/documentation/discussions/27",children:"(Discussion) Don't need a methodology?"})}),"\n",(0,n.jsx)(t.li,{children:(0,n.jsx)(t.a,{href:"/docs/about/mission",children:"About the methodology's mission: goals and limitations"})}),"\n",(0,n.jsx)(t.li,{children:(0,n.jsx)(t.a,{href:"/docs/about/understanding/knowledge-types",children:"Types of knowledge in the project"})}),"\n"]})]})}function c(e={}){const{wrapper:t}={...(0,s.R)(),...e.components};return t?(0,n.jsx)(t,{...e,children:(0,n.jsx)(h,{...e})}):h(e)}},1100:(e,t,o)=>{o.d(t,{R:()=>r,x:()=>l});var n=o(758);const s={},i=n.createContext(s);function r(e){const t=n.useContext(i);return n.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function l(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(s):e.components||s:r(e.components),n.createElement(i.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
+"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[5535],{7040:(e,t,o)=>{o.r(t),o.d(t,{assets:()=>a,contentTitle:()=>r,default:()=>c,frontMatter:()=>i,metadata:()=>l,toc:()=>d});var n=o(6070),s=o(1100);const i={sidebar_position:2},r="Motivation",l={id:"about/motivation",title:"Motivation",description:"The main idea of Feature-Sliced Design is to facilitate and reduce the cost of developing complex and developing projects, based on combining research results, discussing the experience of various kinds of a wide range of developers.",source:"@site/i18n/en/docusaurus-plugin-content-docs/current/about/motivation.md",sourceDirName:"about",slug:"/about/motivation",permalink:"/docs/about/motivation",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/about/motivation.md",tags:[],version:"current",lastUpdatedAt:1728325386e3,sidebarPosition:2,frontMatter:{sidebar_position:2},sidebar:"aboutSidebar",previous:{title:"Mission",permalink:"/docs/about/mission"},next:{title:"Alternatives",permalink:"/docs/about/alternatives"}},a={},d=[{value:"Why are there not enough existing solutions?",id:"why-are-there-not-enough-existing-solutions",level:2},{value:"Principles alone are not enough",id:"principles-alone-are-not-enough",level:3},{value:"Processes don&#39;t always work",id:"processes-dont-always-work",level:3},{value:"Existing frameworks cannot be applied everywhere",id:"existing-frameworks-cannot-be-applied-everywhere",level:3},{value:"As a result",id:"as-a-result",level:3},{value:"Why do developers need the methodology?",id:"why-do-developers-need-the-methodology",level:2},{value:"Focus on business features, not on architecture problems",id:"focus-on-business-features-not-on-architecture-problems",level:3},{value:"An experience-proven solution",id:"an-experience-proven-solution",level:3},{value:"Project Health",id:"project-health",level:3},{value:"Why does a business need a methodology?",id:"why-does-a-business-need-a-methodology",level:2},{value:"Fast onboarding",id:"fast-onboarding",level:3},{value:"An experience-proven solution",id:"an-experience-proven-solution-1",level:3},{value:"Applicability for different stages of the project",id:"applicability-for-different-stages-of-the-project",level:3},{value:"When is our methodology not needed?",id:"when-is-our-methodology-not-needed",level:2},{value:"Business Size",id:"business-size",level:3},{value:"Plans",id:"plans",level:2},{value:"Combining experience",id:"combining-experience",level:3},{value:"Life outside the specification",id:"life-outside-the-specification",level:3},{value:"See also",id:"see-also",level:2}];function h(e){const t={a:"a",admonition:"admonition",blockquote:"blockquote",code:"code",em:"em",h1:"h1",h2:"h2",h3:"h3",header:"header",li:"li",p:"p",strong:"strong",ul:"ul",...(0,s.R)(),...e.components};return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(t.header,{children:(0,n.jsx)(t.h1,{id:"motivation",children:"Motivation"})}),"\n",(0,n.jsxs)(t.p,{children:["The main idea of ",(0,n.jsx)(t.strong,{children:"Feature-Sliced Design"})," is to facilitate and reduce the cost of developing complex and developing projects, based on ",(0,n.jsx)(t.a,{href:"https://github.com/feature-sliced/documentation/discussions",children:"combining research results, discussing the experience of various kinds of a wide range of developers"}),"."]}),"\n",(0,n.jsxs)(t.p,{children:["Obviously, this will not be a silver bullet, and of course, the methodology will have its own ",(0,n.jsx)(t.a,{href:"/docs/about/mission",children:"limits of applicability"}),"."]}),"\n",(0,n.jsxs)(t.p,{children:["Nevertheless, there are reasonable questions regarding ",(0,n.jsx)(t.em,{children:"the feasibility of such a methodology as a whole"})]}),"\n",(0,n.jsx)(t.admonition,{type:"note",children:(0,n.jsxs)(t.p,{children:["More details ",(0,n.jsx)(t.a,{href:"https://github.com/feature-sliced/documentation/discussions/27",children:"discussed in the discussion"})]})}),"\n",(0,n.jsx)(t.h2,{id:"why-are-there-not-enough-existing-solutions",children:"Why are there not enough existing solutions?"}),"\n",(0,n.jsxs)(t.blockquote,{children:["\n",(0,n.jsx)(t.p,{children:"It usually, these arguments:"}),"\n",(0,n.jsxs)(t.ul,{children:["\n",(0,n.jsx)(t.li,{children:(0,n.jsxs)(t.em,{children:['"Why you need some new methodology, if you already have long-established approaches and principles of design such as ',(0,n.jsx)(t.code,{children:"SOLID"}),", ",(0,n.jsx)(t.code,{children:"KISS"}),", ",(0,n.jsx)(t.code,{children:"YAGNI"}),", ",(0,n.jsx)(t.code,{children:"DDD"}),", ",(0,n.jsx)(t.code,{children:"GRASP"}),", ",(0,n.jsx)(t.code,{children:"DRY"}),', etc."']})}),"\n",(0,n.jsx)(t.li,{children:(0,n.jsx)(t.em,{children:'"All the problems are solved by good project documentation, tests, and structured processes"'})}),"\n",(0,n.jsx)(t.li,{children:(0,n.jsx)(t.em,{children:'"Problems would not have happened if all developers are following all the above"'})}),"\n",(0,n.jsx)(t.li,{children:(0,n.jsx)(t.em,{children:'"Everything was invented before you, you just can\'t use it"'})}),"\n",(0,n.jsx)(t.li,{children:(0,n.jsx)(t.em,{children:'"Take {FRAMEWORK_NAME} - everything has already been decided for you there"'})}),"\n"]}),"\n"]}),"\n",(0,n.jsx)(t.h3,{id:"principles-alone-are-not-enough",children:"Principles alone are not enough"}),"\n",(0,n.jsx)(t.p,{children:(0,n.jsx)(t.strong,{children:"The existence of principles alone is not enough to design a good architecture"})}),"\n",(0,n.jsx)(t.p,{children:"Not everyone knows them completely, even fewer understand and apply them correctly"}),"\n",(0,n.jsx)(t.p,{children:(0,n.jsx)(t.em,{children:'The design principles are too general, and do not give a specific answer to the question: "How to design the structure and architecture of a scalable and flexible application?"'})}),"\n",(0,n.jsx)(t.h3,{id:"processes-dont-always-work",children:"Processes don't always work"}),"\n",(0,n.jsxs)(t.p,{children:[(0,n.jsx)(t.em,{children:"Documentation/Tests/Processes"})," are, of course, good, but alas, even at high costs for them - ",(0,n.jsx)(t.strong,{children:"they do not always solve the problems posed by the architecture and the introduction of new people into the project"})]}),"\n",(0,n.jsxs)(t.ul,{children:["\n",(0,n.jsx)(t.li,{children:"The time of entry of each developer into the project is not greatly reduced, because the documentation will most often come out huge / outdated"}),"\n",(0,n.jsx)(t.li,{children:"Constantly make sure that everyone understands architecture in the same way-it also requires a huge amount of resources"}),"\n",(0,n.jsx)(t.li,{children:"Do not forget about the bus-factor"}),"\n"]}),"\n",(0,n.jsx)(t.h3,{id:"existing-frameworks-cannot-be-applied-everywhere",children:"Existing frameworks cannot be applied everywhere"}),"\n",(0,n.jsxs)(t.ul,{children:["\n",(0,n.jsx)(t.li,{children:"Existing solutions usually have a high entry threshold, which makes it difficult to find new developers"}),"\n",(0,n.jsxs)(t.li,{children:['Also, most often, the choice of technology has already been determined before the onset of serious problems in the project, and therefore you need to be able to "work with what is" - ',(0,n.jsx)(t.strong,{children:"without being tied to the technology"})]}),"\n"]}),"\n",(0,n.jsxs)(t.blockquote,{children:["\n",(0,n.jsxs)(t.p,{children:["Q: ",(0,n.jsxs)(t.em,{children:['"In my project ',(0,n.jsx)(t.code,{children:"React/Vue/Redux/Effector/Mobx/{YOUR_TECH}"}),' - how can I better build the structure of entities and the relationships between them?"']})]}),"\n"]}),"\n",(0,n.jsx)(t.h3,{id:"as-a-result",children:"As a result"}),"\n",(0,n.jsxs)(t.p,{children:["We get ",(0,n.jsx)(t.em,{children:'"unique as snowflakes"'})," projects, each of which requires a long immersion of the employee, and knowledge that is unlikely to be applicable on another project"]}),"\n",(0,n.jsxs)(t.blockquote,{children:["\n",(0,n.jsxs)(t.p,{children:["@sergeysova: ",(0,n.jsx)(t.em,{children:'"This is exactly the situation that currently exists in our field of frontend development: each lead will invent different architectures and project structures, while it is not a fact that these structures will pass the test of time, as a result, a maximum of two people can develop the project besides him, and each new developer needs to be immersed again."'})]}),"\n"]}),"\n",(0,n.jsx)(t.h2,{id:"why-do-developers-need-the-methodology",children:"Why do developers need the methodology?"}),"\n",(0,n.jsx)(t.h3,{id:"focus-on-business-features-not-on-architecture-problems",children:"Focus on business features, not on architecture problems"}),"\n",(0,n.jsx)(t.p,{children:"The methodology allows you to save resources on designing a scalable and flexible architecture, instead directing the attention of developers to the development of the main functionality. At the same time, the architectural solutions themselves are standardized from project to project."}),"\n",(0,n.jsx)(t.p,{children:(0,n.jsx)(t.em,{children:"A separate question is that the methodology should earn the trust of the community, so that another developer can get acquainted with it and rely on it in solving the problems of his project within the time available to him"})}),"\n",(0,n.jsx)(t.h3,{id:"an-experience-proven-solution",children:"An experience-proven solution"}),"\n",(0,n.jsxs)(t.p,{children:["The methodology is designed for developers who are aimed at ",(0,n.jsx)(t.em,{children:"a proven solution for designing complex business logic"})]}),"\n",(0,n.jsx)(t.p,{children:(0,n.jsx)(t.em,{children:"However, it is clear that the methodology is generally about a set of best-practices, articles that address certain problems and cases during development. Therefore, the methodology will also be useful for the rest of the developers-who somehow face problems during development and design"})}),"\n",(0,n.jsx)(t.h3,{id:"project-health",children:"Project Health"}),"\n",(0,n.jsxs)(t.p,{children:["The methodology will allow ",(0,n.jsx)(t.em,{children:"to solve and track the problems of the project in advance, without requiring a huge amount of resources"})]}),"\n",(0,n.jsx)(t.p,{children:(0,n.jsx)(t.strong,{children:"Most often, technical debt accumulates and accumulates over time, and the responsibility for its resolution lies on both the lead and the team"})}),"\n",(0,n.jsxs)(t.p,{children:["The methodology will allow you to ",(0,n.jsx)(t.em,{children:"warn"})," possible problems in the scaling and development of the project in advance"]}),"\n",(0,n.jsx)(t.h2,{id:"why-does-a-business-need-a-methodology",children:"Why does a business need a methodology?"}),"\n",(0,n.jsx)(t.h3,{id:"fast-onboarding",children:"Fast onboarding"}),"\n",(0,n.jsxs)(t.p,{children:["With the methodology, you can hire a person to the project who ",(0,n.jsx)(t.strong,{children:"is already previously familiar with this approach, and not train again"})]}),"\n",(0,n.jsx)(t.p,{children:(0,n.jsx)(t.em,{children:"People start to understand and benefit the project faster, and there are additional guarantees to find people for the next iterations of the project"})}),"\n",(0,n.jsx)(t.h3,{id:"an-experience-proven-solution-1",children:"An experience-proven solution"}),"\n",(0,n.jsxs)(t.p,{children:["With the methodology, the business will get ",(0,n.jsx)(t.em,{children:"a solution for most of the issues that arise during the development of systems"})]}),"\n",(0,n.jsx)(t.p,{children:"Since most often a business wants to get a framework / solution that would solve the lion's share of problems during the development of the project"}),"\n",(0,n.jsx)(t.h3,{id:"applicability-for-different-stages-of-the-project",children:"Applicability for different stages of the project"}),"\n",(0,n.jsxs)(t.p,{children:["The methodology can benefit the project ",(0,n.jsx)(t.em,{children:"both at the stage of project support and development, and at the MVP stage"})]}),"\n",(0,n.jsxs)(t.p,{children:["Yes, the most important thing for MVP is ",(0,n.jsx)(t.em,{children:'"features, not the architecture laid down for the future"'}),". But even in conditions of limited deadlines, knowing the best-practices from the methodology, you can ",(0,n.jsx)(t.em,{children:'"do with little blood"'}),', when designing the MVP version of the system, finding a reasonable compromise\n(rather than modeling features "at random")']}),"\n",(0,n.jsx)(t.p,{children:(0,n.jsx)(t.em,{children:"The same can be said about testing"})}),"\n",(0,n.jsx)(t.h2,{id:"when-is-our-methodology-not-needed",children:"When is our methodology not needed?"}),"\n",(0,n.jsxs)(t.ul,{children:["\n",(0,n.jsx)(t.li,{children:"If the project will live for a short time"}),"\n",(0,n.jsx)(t.li,{children:"If the project does not need a supported architecture"}),"\n",(0,n.jsx)(t.li,{children:"If the business does not perceive the connection between the code base and the speed of feature delivery"}),"\n",(0,n.jsx)(t.li,{children:"If it is more important for the business to close orders as soon as possible, without further support"}),"\n"]}),"\n",(0,n.jsx)(t.h3,{id:"business-size",children:"Business Size"}),"\n",(0,n.jsxs)(t.ul,{children:["\n",(0,n.jsxs)(t.li,{children:[(0,n.jsx)(t.strong,{children:"Small business"})," - most often needs a ready-made and very fast solution. Only when the business grows (at least to almost average), he understands that in order for customers to continue using, it is necessary, among other things, to devote time to the quality and stability of the solutions being developed"]}),"\n",(0,n.jsxs)(t.li,{children:[(0,n.jsx)(t.strong,{children:"Medium-sized business"})," - usually understands all the problems of development, and even if it is necessary to ",(0,n.jsx)(t.em,{children:'"arrange a race for features"'}),", he still spends time on quality improvements, refactoring and tests (and of course-on an extensible architecture)"]}),"\n",(0,n.jsxs)(t.li,{children:[(0,n.jsx)(t.strong,{children:"Big business"})," - usually already has an extensive audience, staff, and a much more extensive set of its practices, and probably even its own approach to architecture, so the idea of taking someone else's comes to them not so often"]}),"\n"]}),"\n",(0,n.jsx)(t.h2,{id:"plans",children:"Plans"}),"\n",(0,n.jsxs)(t.p,{children:["The main part of the goals ",(0,n.jsx)(t.a,{href:"/docs/about/mission#goals",children:"is set out here"}),", but in addition, it is worth talking about our expectations from the methodology in the future"]}),"\n",(0,n.jsx)(t.h3,{id:"combining-experience",children:"Combining experience"}),"\n",(0,n.jsxs)(t.p,{children:["Now we are trying to combine all our diverse experience of the ",(0,n.jsx)(t.code,{children:"core-team"}),", and get a methodology hardened by practice as a result"]}),"\n",(0,n.jsxs)(t.p,{children:["Of course, we can get Angular 3.0 as a result, but it is much more important here to ",(0,n.jsx)(t.strong,{children:"investigate the very problem of designing the architecture of complex systems"})]}),"\n",(0,n.jsx)(t.p,{children:(0,n.jsx)(t.em,{children:"And yes - we have complaints about the current version of the methodology, but we want to work together to come to a single and optimal solution (taking into account, among other things, the experience of the community)"})}),"\n",(0,n.jsx)(t.h3,{id:"life-outside-the-specification",children:"Life outside the specification"}),"\n",(0,n.jsx)(t.p,{children:"If everything goes well, then the methodology will not be limited only to the specification and the toolkit"}),"\n",(0,n.jsxs)(t.ul,{children:["\n",(0,n.jsx)(t.li,{children:"Perhaps there will be reports, articles"}),"\n",(0,n.jsxs)(t.li,{children:["There may be ",(0,n.jsx)(t.code,{children:"CODE_MODEs"})," for migrations to other technologies of projects written according to the methodology"]}),"\n",(0,n.jsxs)(t.li,{children:["It is possible that as a result we will be able to reach the maintainers of large technological solutions","\n",(0,n.jsxs)(t.ul,{children:["\n",(0,n.jsx)(t.li,{children:(0,n.jsx)(t.em,{children:"Especially for React, compared to other frameworks - this is the main problem, because it does not say how to solve certain problems"})}),"\n"]}),"\n"]}),"\n"]}),"\n",(0,n.jsx)(t.h2,{id:"see-also",children:"See also"}),"\n",(0,n.jsxs)(t.ul,{children:["\n",(0,n.jsx)(t.li,{children:(0,n.jsx)(t.a,{href:"https://github.com/feature-sliced/documentation/discussions/27",children:"(Discussion) Don't need a methodology?"})}),"\n",(0,n.jsx)(t.li,{children:(0,n.jsx)(t.a,{href:"/docs/about/mission",children:"About the methodology's mission: goals and limitations"})}),"\n",(0,n.jsx)(t.li,{children:(0,n.jsx)(t.a,{href:"/docs/about/understanding/knowledge-types",children:"Types of knowledge in the project"})}),"\n"]})]})}function c(e={}){const{wrapper:t}={...(0,s.R)(),...e.components};return t?(0,n.jsx)(t,{...e,children:(0,n.jsx)(h,{...e})}):h(e)}},1100:(e,t,o)=>{o.d(t,{R:()=>r,x:()=>l});var n=o(758);const s={},i=n.createContext(s);function r(e){const t=n.useContext(i);return n.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function l(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(s):e.components||s:r(e.components),n.createElement(i.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
diff --git a/assets/js/d13cbfb8.412df8d8.js b/assets/js/d13cbfb8.12b3a893.js
similarity index 97%
rename from assets/js/d13cbfb8.412df8d8.js
rename to assets/js/d13cbfb8.12b3a893.js
index cc241ac394..861de5f87a 100644
--- a/assets/js/d13cbfb8.412df8d8.js
+++ b/assets/js/d13cbfb8.12b3a893.js
@@ -1,2 +1,2 @@
-/*! For license information please see d13cbfb8.412df8d8.js.LICENSE.txt */
-"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[5570],{7946:(e,t,s)=>{s.d(t,{Ay:()=>r,RM:()=>i});var n=s(6070),a=s(1100),c=s(5988);const i=[];function o(e){return(0,n.jsx)(c.A,{...e})}function r(e={}){const{wrapper:t}={...(0,a.R)(),...e.components};return t?(0,n.jsx)(t,{...e,children:(0,n.jsx)(o,{...e})}):o(e)}},9346:(e,t,s)=>{s.r(t),s.d(t,{assets:()=>_,contentTitle:()=>j,default:()=>T,frontMatter:()=>v,metadata:()=>y,toc:()=>A});var n=s(6070),a=s(1100),c=s(7946),i=s(991),o=s(758);const r={icon:{tag:"svg",attrs:{viewBox:"64 64 896 896",focusable:"false"},children:[{tag:"defs",attrs:{},children:[{tag:"style",attrs:{}}]},{tag:"path",attrs:{d:"M759 335c0-137-111-248-248-248S263 198 263 335c0 82.8 40.6 156.2 103 201.2-.4.2-.7.3-.9.4-44.7 18.9-84.8 46-119.3 80.6a373.42 373.42 0 00-80.4 119.5A373.6 373.6 0 00136 874.8a8 8 0 008 8.2h59.9c4.3 0 7.9-3.5 8-7.8 2-77.2 32.9-149.5 87.6-204.3C356 614.2 431 583 511 583c137 0 248-111 248-248zM511 507c-95 0-172-77-172-172s77-172 172-172 172 77 172 172-77 172-172 172zm105 221h264c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8H703.5l47.2-60.1a8.1 8.1 0 001.7-4.9c0-4.4-3.6-8-8-8h-72.6c-4.9 0-9.5 2.3-12.6 6.1l-68.5 87.1c-4.4 5.6-6.8 12.6-6.8 19.8.1 17.7 14.4 32 32.1 32zm240 64H592c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h176.5l-47.2 60.1a8.1 8.1 0 00-1.7 4.9c0 4.4 3.6 8 8 8h72.6c4.9 0 9.5-2.3 12.6-6.1l68.5-87.1c4.4-5.6 6.8-12.6 6.8-19.8-.1-17.7-14.4-32-32.1-32z"}}]},name:"user-switch",theme:"outlined"};var l=s(9820),d=function(e,t){return o.createElement(l.A,(0,i.A)({},e,{ref:t,icon:r}))};const h=o.forwardRef(d);const u={icon:{tag:"svg",attrs:{viewBox:"64 64 896 896",focusable:"false"},children:[{tag:"path",attrs:{d:"M920 416H616c-4.4 0-8 3.6-8 8v112c0 4.4 3.6 8 8 8h48c4.4 0 8-3.6 8-8v-56h60v320h-46c-4.4 0-8 3.6-8 8v48c0 4.4 3.6 8 8 8h164c4.4 0 8-3.6 8-8v-48c0-4.4-3.6-8-8-8h-46V480h60v56c0 4.4 3.6 8 8 8h48c4.4 0 8-3.6 8-8V424c0-4.4-3.6-8-8-8zM656 296V168c0-4.4-3.6-8-8-8H104c-4.4 0-8 3.6-8 8v128c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-64h168v560h-92c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h264c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8h-92V232h168v64c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8z"}}]},name:"font-size",theme:"outlined"};var m=function(e,t){return o.createElement(l.A,(0,i.A)({},e,{ref:t,icon:u}))};const p=o.forwardRef(m);const x={icon:{tag:"svg",attrs:{viewBox:"64 64 896 896",focusable:"false"},children:[{tag:"path",attrs:{d:"M880 112H144c-17.7 0-32 14.3-32 32v736c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V144c0-17.7-14.3-32-32-32zm-696 72h136v656H184V184zm656 656H384V384h456v456zM384 320V184h456v136H384z"}}]},name:"layout",theme:"outlined"};var f=function(e,t){return o.createElement(l.A,(0,i.A)({},e,{ref:t,icon:x}))};const g=o.forwardRef(f),v={hide_table_of_contents:!0},j="Examples",y={id:"guides/examples/index",title:"Examples",description:"Small practical examples of the methodology application",source:"@site/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/index.mdx",sourceDirName:"guides/examples",slug:"/guides/examples/",permalink:"/docs/guides/examples/",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/index.mdx",tags:[],version:"current",lastUpdatedAt:1727607766e3,frontMatter:{hide_table_of_contents:!0},sidebar:"guidesSidebar",previous:{title:"\ud83c\udfaf Guides",permalink:"/docs/guides/"},next:{title:"Authentication",permalink:"/docs/guides/examples/auth"}},_={},A=[{value:"Main",id:"main",level:2},...c.RM,...c.RM,...c.RM];function M(e){const t={h1:"h1",h2:"h2",header:"header",p:"p",...(0,a.R)(),...e.components};return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(t.header,{children:(0,n.jsx)(t.h1,{id:"examples",children:"Examples"})}),"\n",(0,n.jsx)("p",{class:"summary",children:(0,n.jsx)(t.p,{children:"Small practical examples of the methodology application"})}),"\n",(0,n.jsx)(t.h2,{id:"main",children:"Main"}),"\n","\n",(0,n.jsx)(c.Ay,{title:"Authentication",description:"Decomposition of authentication logic",to:"/docs/guides/examples/auth",Icon:h,tags:["Forms","2FA","OAuth","Token storage","Token refresh"]}),"\n",(0,n.jsx)(c.Ay,{title:"Types",description:"Where to keep the types? What kinds of types are there in the context of FSD?",to:"/docs/guides/examples/types",Icon:p,tags:["DTO","Mappers","Entity relationships","Auto-generation","Validation schemas"]}),"\n",(0,n.jsx)(c.Ay,{title:"Page layouts",description:"Main cases with layouts",to:"/docs/guides/examples/page-layout",Icon:g,tags:["Where to store them","Using widgets in layouts"]})]})}function T(e={}){const{wrapper:t}={...(0,a.R)(),...e.components};return t?(0,n.jsx)(t,{...e,children:(0,n.jsx)(M,{...e})}):M(e)}},5988:(e,t,s)=>{s.d(t,{Y:()=>o,A:()=>l});s(758);var n=s(3526),a=s(6783);const c={root:"root_GfON",rootDisabled:"rootDisabled_SFUB",details:"details_xxkR",detailsTags:"detailsTags_uTQx",icon:"icon_ciqP",title:"title_pSH5",description:"description__Fep",miniTheme:"miniTheme_ePfp",primaryTheme:"primaryTheme_CilO",defaultTheme:"defaultTheme_j3I8"};var i=s(6070);const o=e=>{const{title:t,description:s,to:o,Icon:l,tags:d,className:h,disabled:u,theme:m="default"}=e;return(0,i.jsxs)(a.A,{className:(0,n.A)(c.root,h,u&&c.rootDisabled,c[`${m}Theme`]),to:o,children:[(0,i.jsx)(r,{Icon:l}),(0,i.jsxs)("div",{className:c.details,children:[(0,i.jsxs)("div",{className:c.detailsMain,children:[(0,i.jsx)("span",{className:c.title,children:t}),(0,i.jsx)("p",{className:c.description,children:s})]}),d&&(0,i.jsx)("div",{className:c.detailsTags,children:d.join(" \u2022 ")})]})]})},r=e=>{let{Icon:t}=e;return t?"string"==typeof t?(0,i.jsx)("span",{className:c.icon,children:t}):(0,i.jsx)(t,{className:c.icon}):null},l=o},1100:(e,t,s)=>{s.d(t,{R:()=>i,x:()=>o});var n=s(758);const a={},c=n.createContext(a);function i(e){const t=n.useContext(c);return n.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function o(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(a):e.components||a:i(e.components),n.createElement(c.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
+/*! For license information please see d13cbfb8.12b3a893.js.LICENSE.txt */
+"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[5570],{7946:(e,t,s)=>{s.d(t,{Ay:()=>r,RM:()=>i});var n=s(6070),a=s(1100),c=s(5988);const i=[];function o(e){return(0,n.jsx)(c.A,{...e})}function r(e={}){const{wrapper:t}={...(0,a.R)(),...e.components};return t?(0,n.jsx)(t,{...e,children:(0,n.jsx)(o,{...e})}):o(e)}},9346:(e,t,s)=>{s.r(t),s.d(t,{assets:()=>_,contentTitle:()=>j,default:()=>T,frontMatter:()=>v,metadata:()=>y,toc:()=>A});var n=s(6070),a=s(1100),c=s(7946),i=s(991),o=s(758);const r={icon:{tag:"svg",attrs:{viewBox:"64 64 896 896",focusable:"false"},children:[{tag:"defs",attrs:{},children:[{tag:"style",attrs:{}}]},{tag:"path",attrs:{d:"M759 335c0-137-111-248-248-248S263 198 263 335c0 82.8 40.6 156.2 103 201.2-.4.2-.7.3-.9.4-44.7 18.9-84.8 46-119.3 80.6a373.42 373.42 0 00-80.4 119.5A373.6 373.6 0 00136 874.8a8 8 0 008 8.2h59.9c4.3 0 7.9-3.5 8-7.8 2-77.2 32.9-149.5 87.6-204.3C356 614.2 431 583 511 583c137 0 248-111 248-248zM511 507c-95 0-172-77-172-172s77-172 172-172 172 77 172 172-77 172-172 172zm105 221h264c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8H703.5l47.2-60.1a8.1 8.1 0 001.7-4.9c0-4.4-3.6-8-8-8h-72.6c-4.9 0-9.5 2.3-12.6 6.1l-68.5 87.1c-4.4 5.6-6.8 12.6-6.8 19.8.1 17.7 14.4 32 32.1 32zm240 64H592c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h176.5l-47.2 60.1a8.1 8.1 0 00-1.7 4.9c0 4.4 3.6 8 8 8h72.6c4.9 0 9.5-2.3 12.6-6.1l68.5-87.1c4.4-5.6 6.8-12.6 6.8-19.8-.1-17.7-14.4-32-32.1-32z"}}]},name:"user-switch",theme:"outlined"};var l=s(9820),d=function(e,t){return o.createElement(l.A,(0,i.A)({},e,{ref:t,icon:r}))};const h=o.forwardRef(d);const u={icon:{tag:"svg",attrs:{viewBox:"64 64 896 896",focusable:"false"},children:[{tag:"path",attrs:{d:"M920 416H616c-4.4 0-8 3.6-8 8v112c0 4.4 3.6 8 8 8h48c4.4 0 8-3.6 8-8v-56h60v320h-46c-4.4 0-8 3.6-8 8v48c0 4.4 3.6 8 8 8h164c4.4 0 8-3.6 8-8v-48c0-4.4-3.6-8-8-8h-46V480h60v56c0 4.4 3.6 8 8 8h48c4.4 0 8-3.6 8-8V424c0-4.4-3.6-8-8-8zM656 296V168c0-4.4-3.6-8-8-8H104c-4.4 0-8 3.6-8 8v128c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-64h168v560h-92c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h264c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8h-92V232h168v64c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8z"}}]},name:"font-size",theme:"outlined"};var m=function(e,t){return o.createElement(l.A,(0,i.A)({},e,{ref:t,icon:u}))};const p=o.forwardRef(m);const x={icon:{tag:"svg",attrs:{viewBox:"64 64 896 896",focusable:"false"},children:[{tag:"path",attrs:{d:"M880 112H144c-17.7 0-32 14.3-32 32v736c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V144c0-17.7-14.3-32-32-32zm-696 72h136v656H184V184zm656 656H384V384h456v456zM384 320V184h456v136H384z"}}]},name:"layout",theme:"outlined"};var f=function(e,t){return o.createElement(l.A,(0,i.A)({},e,{ref:t,icon:x}))};const g=o.forwardRef(f),v={hide_table_of_contents:!0},j="Examples",y={id:"guides/examples/index",title:"Examples",description:"Small practical examples of the methodology application",source:"@site/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/index.mdx",sourceDirName:"guides/examples",slug:"/guides/examples/",permalink:"/docs/guides/examples/",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/index.mdx",tags:[],version:"current",lastUpdatedAt:1728325386e3,frontMatter:{hide_table_of_contents:!0},sidebar:"guidesSidebar",previous:{title:"\ud83c\udfaf Guides",permalink:"/docs/guides/"},next:{title:"Authentication",permalink:"/docs/guides/examples/auth"}},_={},A=[{value:"Main",id:"main",level:2},...c.RM,...c.RM,...c.RM];function M(e){const t={h1:"h1",h2:"h2",header:"header",p:"p",...(0,a.R)(),...e.components};return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(t.header,{children:(0,n.jsx)(t.h1,{id:"examples",children:"Examples"})}),"\n",(0,n.jsx)("p",{class:"summary",children:(0,n.jsx)(t.p,{children:"Small practical examples of the methodology application"})}),"\n",(0,n.jsx)(t.h2,{id:"main",children:"Main"}),"\n","\n",(0,n.jsx)(c.Ay,{title:"Authentication",description:"Decomposition of authentication logic",to:"/docs/guides/examples/auth",Icon:h,tags:["Forms","2FA","OAuth","Token storage","Token refresh"]}),"\n",(0,n.jsx)(c.Ay,{title:"Types",description:"Where to keep the types? What kinds of types are there in the context of FSD?",to:"/docs/guides/examples/types",Icon:p,tags:["DTO","Mappers","Entity relationships","Auto-generation","Validation schemas"]}),"\n",(0,n.jsx)(c.Ay,{title:"Page layouts",description:"Main cases with layouts",to:"/docs/guides/examples/page-layout",Icon:g,tags:["Where to store them","Using widgets in layouts"]})]})}function T(e={}){const{wrapper:t}={...(0,a.R)(),...e.components};return t?(0,n.jsx)(t,{...e,children:(0,n.jsx)(M,{...e})}):M(e)}},5988:(e,t,s)=>{s.d(t,{Y:()=>o,A:()=>l});s(758);var n=s(3526),a=s(6783);const c={root:"root_GfON",rootDisabled:"rootDisabled_SFUB",details:"details_xxkR",detailsTags:"detailsTags_uTQx",icon:"icon_ciqP",title:"title_pSH5",description:"description__Fep",miniTheme:"miniTheme_ePfp",primaryTheme:"primaryTheme_CilO",defaultTheme:"defaultTheme_j3I8"};var i=s(6070);const o=e=>{const{title:t,description:s,to:o,Icon:l,tags:d,className:h,disabled:u,theme:m="default"}=e;return(0,i.jsxs)(a.A,{className:(0,n.A)(c.root,h,u&&c.rootDisabled,c[`${m}Theme`]),to:o,children:[(0,i.jsx)(r,{Icon:l}),(0,i.jsxs)("div",{className:c.details,children:[(0,i.jsxs)("div",{className:c.detailsMain,children:[(0,i.jsx)("span",{className:c.title,children:t}),(0,i.jsx)("p",{className:c.description,children:s})]}),d&&(0,i.jsx)("div",{className:c.detailsTags,children:d.join(" \u2022 ")})]})]})},r=e=>{let{Icon:t}=e;return t?"string"==typeof t?(0,i.jsx)("span",{className:c.icon,children:t}):(0,i.jsx)(t,{className:c.icon}):null},l=o},1100:(e,t,s)=>{s.d(t,{R:()=>i,x:()=>o});var n=s(758);const a={},c=n.createContext(a);function i(e){const t=n.useContext(c);return n.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function o(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(a):e.components||a:i(e.components),n.createElement(c.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
diff --git a/assets/js/d13cbfb8.412df8d8.js.LICENSE.txt b/assets/js/d13cbfb8.12b3a893.js.LICENSE.txt
similarity index 100%
rename from assets/js/d13cbfb8.412df8d8.js.LICENSE.txt
rename to assets/js/d13cbfb8.12b3a893.js.LICENSE.txt
diff --git a/assets/js/d7baea7e.d7300d38.js b/assets/js/d7baea7e.6cb4bfff.js
similarity index 98%
rename from assets/js/d7baea7e.d7300d38.js
rename to assets/js/d7baea7e.6cb4bfff.js
index 43705e7197..ace44390ea 100644
--- a/assets/js/d7baea7e.d7300d38.js
+++ b/assets/js/d7baea7e.6cb4bfff.js
@@ -1,2 +1,2 @@
-/*! For license information please see d7baea7e.d7300d38.js.LICENSE.txt */
-"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[9549],{7946:(e,t,n)=>{n.d(t,{Ay:()=>c,RM:()=>r});var s=n(6070),o=n(1100),a=n(5988);const r=[];function i(e){return(0,s.jsx)(a.A,{...e})}function c(e={}){const{wrapper:t}={...(0,o.R)(),...e.components};return t?(0,s.jsx)(t,{...e,children:(0,s.jsx)(i,{...e})}):i(e)}},8e3:(e,t,n)=>{n.r(t),n.d(t,{assets:()=>y,contentTitle:()=>_,default:()=>b,frontMatter:()=>x,metadata:()=>j,toc:()=>w});var s=n(6070),o=n(1100),a=n(7946),r=n(991),i=n(758);const c={icon:{tag:"svg",attrs:{viewBox:"64 64 896 896",focusable:"false"},children:[{tag:"path",attrs:{d:"M864 736c0-111.6-65.4-208-160-252.9V317.3c0-15.1-5.3-29.7-15.1-41.2L536.5 95.4C530.1 87.8 521 84 512 84s-18.1 3.8-24.5 11.4L335.1 276.1a63.97 63.97 0 00-15.1 41.2v165.8C225.4 528 160 624.4 160 736h156.5c-2.3 7.2-3.5 15-3.5 23.8 0 22.1 7.6 43.7 21.4 60.8a97.2 97.2 0 0043.1 30.6c23.1 54 75.6 88.8 134.5 88.8 29.1 0 57.3-8.6 81.4-24.8 23.6-15.8 41.9-37.9 53-64a97 97 0 0043.1-30.5 97.52 97.52 0 0021.4-60.8c0-8.4-1.1-16.4-3.1-23.8H864zM762.3 621.4c9.4 14.6 17 30.3 22.5 46.6H700V558.7a211.6 211.6 0 0162.3 62.7zM388 483.1V318.8l124-147 124 147V668H388V483.1zM239.2 668c5.5-16.3 13.1-32 22.5-46.6 16.3-25.2 37.5-46.5 62.3-62.7V668h-84.8zm388.9 116.2c-5.2 3-11.2 4.2-17.1 3.4l-19.5-2.4-2.8 19.4c-5.4 37.9-38.4 66.5-76.7 66.5-38.3 0-71.3-28.6-76.7-66.5l-2.8-19.5-19.5 2.5a27.7 27.7 0 01-17.1-3.5c-8.7-5-14.1-14.3-14.1-24.4 0-10.6 5.9-19.4 14.6-23.8h231.3c8.8 4.5 14.6 13.3 14.6 23.8-.1 10.2-5.5 19.6-14.2 24.5zM464 400a48 48 0 1096 0 48 48 0 10-96 0z"}}]},name:"rocket",theme:"outlined"};var d=n(9820),l=function(e,t){return i.createElement(d.A,(0,r.A)({},e,{ref:t,icon:c}))};const u=i.forwardRef(l);const h={icon:{tag:"svg",attrs:{viewBox:"64 64 896 896",focusable:"false"},children:[{tag:"path",attrs:{d:"M442.3 677.6l199.4-156.7a11.3 11.3 0 000-17.7L442.3 346.4c-7.4-5.8-18.3-.6-18.3 8.8v313.5c0 9.4 10.9 14.7 18.3 8.9z"}},{tag:"path",attrs:{d:"M880 112H144c-17.7 0-32 14.3-32 32v736c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V144c0-17.7-14.3-32-32-32zm-40 728H184V184h656v656z"}}]},name:"play-square",theme:"outlined"};var m=function(e,t){return i.createElement(d.A,(0,r.A)({},e,{ref:t,icon:h}))};const p=i.forwardRef(m);const f={icon:{tag:"svg",attrs:{viewBox:"64 64 896 896",focusable:"false"},children:[{tag:"path",attrs:{d:"M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z"}},{tag:"path",attrs:{d:"M623.6 316.7C593.6 290.4 554 276 512 276s-81.6 14.5-111.6 40.7C369.2 344 352 380.7 352 420v7.6c0 4.4 3.6 8 8 8h48c4.4 0 8-3.6 8-8V420c0-44.1 43.1-80 96-80s96 35.9 96 80c0 31.1-22 59.6-56.1 72.7-21.2 8.1-39.2 22.3-52.1 40.9-13.1 19-19.9 41.8-19.9 64.9V620c0 4.4 3.6 8 8 8h48c4.4 0 8-3.6 8-8v-22.7a48.3 48.3 0 0130.9-44.8c59-22.7 97.1-74.7 97.1-132.5.1-39.3-17.1-76-48.3-103.3zM472 732a40 40 0 1080 0 40 40 0 10-80 0z"}}]},name:"question-circle",theme:"outlined"};var g=function(e,t){return i.createElement(d.A,(0,r.A)({},e,{ref:t,icon:f}))};const v=i.forwardRef(g),x={hide_table_of_contents:!0,pagination_prev:"intro"},_="\ud83d\ude80 Get Started",j={id:"get-started/index",title:"\ud83d\ude80 Get Started",description:"Welcome! This section helps you to get acquainted with the application of Feature-Sliced Design and the basics of the methodology. You will also understand the key advantages of the methodology and the reasons for its creation.",source:"@site/i18n/en/docusaurus-plugin-content-docs/current/get-started/index.mdx",sourceDirName:"get-started",slug:"/get-started/",permalink:"/docs/get-started/",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/get-started/index.mdx",tags:[],version:"current",lastUpdatedAt:1727607766e3,frontMatter:{hide_table_of_contents:!0,pagination_prev:"intro"},sidebar:"getstartedSidebar",previous:{title:"Documentation",permalink:"/docs/"},next:{title:"Overview",permalink:"/docs/get-started/overview"}},y={},w=[...a.RM,...a.RM,...a.RM];function M(e){const t={h1:"h1",header:"header",p:"p",...(0,o.R)(),...e.components};return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(t.header,{children:(0,s.jsx)(t.h1,{id:"-get-started",children:"\ud83d\ude80 Get Started"})}),"\n",(0,s.jsx)("p",{class:"summary",children:(0,s.jsx)(t.p,{children:"Welcome! This section helps you to get acquainted with the application of Feature-Sliced Design and the basics of the methodology. You will also understand the key advantages of the methodology and the reasons for its creation."})}),"\n",(0,s.jsx)(a.Ay,{title:"Overview",description:"Brief overview of methodology concepts and usage",to:"/docs/get-started/overview",Icon:u}),"\n",(0,s.jsx)(a.Ay,{title:"Tutorial",description:"Introductory tutorial on the usage of the methodology",to:"/docs/get-started/tutorial",Icon:p}),"\n",(0,s.jsx)(a.Ay,{title:"FAQ",description:"Frequently asked questions",to:"/docs/get-started/faq",Icon:v}),"\n"]})}function b(e={}){const{wrapper:t}={...(0,o.R)(),...e.components};return t?(0,s.jsx)(t,{...e,children:(0,s.jsx)(M,{...e})}):M(e)}},5988:(e,t,n)=>{n.d(t,{Y:()=>i,A:()=>d});n(758);var s=n(3526),o=n(6783);const a={root:"root_GfON",rootDisabled:"rootDisabled_SFUB",details:"details_xxkR",detailsTags:"detailsTags_uTQx",icon:"icon_ciqP",title:"title_pSH5",description:"description__Fep",miniTheme:"miniTheme_ePfp",primaryTheme:"primaryTheme_CilO",defaultTheme:"defaultTheme_j3I8"};var r=n(6070);const i=e=>{const{title:t,description:n,to:i,Icon:d,tags:l,className:u,disabled:h,theme:m="default"}=e;return(0,r.jsxs)(o.A,{className:(0,s.A)(a.root,u,h&&a.rootDisabled,a[`${m}Theme`]),to:i,children:[(0,r.jsx)(c,{Icon:d}),(0,r.jsxs)("div",{className:a.details,children:[(0,r.jsxs)("div",{className:a.detailsMain,children:[(0,r.jsx)("span",{className:a.title,children:t}),(0,r.jsx)("p",{className:a.description,children:n})]}),l&&(0,r.jsx)("div",{className:a.detailsTags,children:l.join(" \u2022 ")})]})]})},c=e=>{let{Icon:t}=e;return t?"string"==typeof t?(0,r.jsx)("span",{className:a.icon,children:t}):(0,r.jsx)(t,{className:a.icon}):null},d=i},1100:(e,t,n)=>{n.d(t,{R:()=>r,x:()=>i});var s=n(758);const o={},a=s.createContext(o);function r(e){const t=s.useContext(a);return s.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function i(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(o):e.components||o:r(e.components),s.createElement(a.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
+/*! For license information please see d7baea7e.6cb4bfff.js.LICENSE.txt */
+"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[9549],{7946:(e,t,n)=>{n.d(t,{Ay:()=>c,RM:()=>r});var s=n(6070),o=n(1100),a=n(5988);const r=[];function i(e){return(0,s.jsx)(a.A,{...e})}function c(e={}){const{wrapper:t}={...(0,o.R)(),...e.components};return t?(0,s.jsx)(t,{...e,children:(0,s.jsx)(i,{...e})}):i(e)}},8e3:(e,t,n)=>{n.r(t),n.d(t,{assets:()=>y,contentTitle:()=>_,default:()=>b,frontMatter:()=>x,metadata:()=>j,toc:()=>w});var s=n(6070),o=n(1100),a=n(7946),r=n(991),i=n(758);const c={icon:{tag:"svg",attrs:{viewBox:"64 64 896 896",focusable:"false"},children:[{tag:"path",attrs:{d:"M864 736c0-111.6-65.4-208-160-252.9V317.3c0-15.1-5.3-29.7-15.1-41.2L536.5 95.4C530.1 87.8 521 84 512 84s-18.1 3.8-24.5 11.4L335.1 276.1a63.97 63.97 0 00-15.1 41.2v165.8C225.4 528 160 624.4 160 736h156.5c-2.3 7.2-3.5 15-3.5 23.8 0 22.1 7.6 43.7 21.4 60.8a97.2 97.2 0 0043.1 30.6c23.1 54 75.6 88.8 134.5 88.8 29.1 0 57.3-8.6 81.4-24.8 23.6-15.8 41.9-37.9 53-64a97 97 0 0043.1-30.5 97.52 97.52 0 0021.4-60.8c0-8.4-1.1-16.4-3.1-23.8H864zM762.3 621.4c9.4 14.6 17 30.3 22.5 46.6H700V558.7a211.6 211.6 0 0162.3 62.7zM388 483.1V318.8l124-147 124 147V668H388V483.1zM239.2 668c5.5-16.3 13.1-32 22.5-46.6 16.3-25.2 37.5-46.5 62.3-62.7V668h-84.8zm388.9 116.2c-5.2 3-11.2 4.2-17.1 3.4l-19.5-2.4-2.8 19.4c-5.4 37.9-38.4 66.5-76.7 66.5-38.3 0-71.3-28.6-76.7-66.5l-2.8-19.5-19.5 2.5a27.7 27.7 0 01-17.1-3.5c-8.7-5-14.1-14.3-14.1-24.4 0-10.6 5.9-19.4 14.6-23.8h231.3c8.8 4.5 14.6 13.3 14.6 23.8-.1 10.2-5.5 19.6-14.2 24.5zM464 400a48 48 0 1096 0 48 48 0 10-96 0z"}}]},name:"rocket",theme:"outlined"};var d=n(9820),l=function(e,t){return i.createElement(d.A,(0,r.A)({},e,{ref:t,icon:c}))};const u=i.forwardRef(l);const h={icon:{tag:"svg",attrs:{viewBox:"64 64 896 896",focusable:"false"},children:[{tag:"path",attrs:{d:"M442.3 677.6l199.4-156.7a11.3 11.3 0 000-17.7L442.3 346.4c-7.4-5.8-18.3-.6-18.3 8.8v313.5c0 9.4 10.9 14.7 18.3 8.9z"}},{tag:"path",attrs:{d:"M880 112H144c-17.7 0-32 14.3-32 32v736c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V144c0-17.7-14.3-32-32-32zm-40 728H184V184h656v656z"}}]},name:"play-square",theme:"outlined"};var m=function(e,t){return i.createElement(d.A,(0,r.A)({},e,{ref:t,icon:h}))};const p=i.forwardRef(m);const f={icon:{tag:"svg",attrs:{viewBox:"64 64 896 896",focusable:"false"},children:[{tag:"path",attrs:{d:"M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z"}},{tag:"path",attrs:{d:"M623.6 316.7C593.6 290.4 554 276 512 276s-81.6 14.5-111.6 40.7C369.2 344 352 380.7 352 420v7.6c0 4.4 3.6 8 8 8h48c4.4 0 8-3.6 8-8V420c0-44.1 43.1-80 96-80s96 35.9 96 80c0 31.1-22 59.6-56.1 72.7-21.2 8.1-39.2 22.3-52.1 40.9-13.1 19-19.9 41.8-19.9 64.9V620c0 4.4 3.6 8 8 8h48c4.4 0 8-3.6 8-8v-22.7a48.3 48.3 0 0130.9-44.8c59-22.7 97.1-74.7 97.1-132.5.1-39.3-17.1-76-48.3-103.3zM472 732a40 40 0 1080 0 40 40 0 10-80 0z"}}]},name:"question-circle",theme:"outlined"};var g=function(e,t){return i.createElement(d.A,(0,r.A)({},e,{ref:t,icon:f}))};const v=i.forwardRef(g),x={hide_table_of_contents:!0,pagination_prev:"intro"},_="\ud83d\ude80 Get Started",j={id:"get-started/index",title:"\ud83d\ude80 Get Started",description:"Welcome! This section helps you to get acquainted with the application of Feature-Sliced Design and the basics of the methodology. You will also understand the key advantages of the methodology and the reasons for its creation.",source:"@site/i18n/en/docusaurus-plugin-content-docs/current/get-started/index.mdx",sourceDirName:"get-started",slug:"/get-started/",permalink:"/docs/get-started/",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/get-started/index.mdx",tags:[],version:"current",lastUpdatedAt:1728325386e3,frontMatter:{hide_table_of_contents:!0,pagination_prev:"intro"},sidebar:"getstartedSidebar",previous:{title:"Documentation",permalink:"/docs/"},next:{title:"Overview",permalink:"/docs/get-started/overview"}},y={},w=[...a.RM,...a.RM,...a.RM];function M(e){const t={h1:"h1",header:"header",p:"p",...(0,o.R)(),...e.components};return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(t.header,{children:(0,s.jsx)(t.h1,{id:"-get-started",children:"\ud83d\ude80 Get Started"})}),"\n",(0,s.jsx)("p",{class:"summary",children:(0,s.jsx)(t.p,{children:"Welcome! This section helps you to get acquainted with the application of Feature-Sliced Design and the basics of the methodology. You will also understand the key advantages of the methodology and the reasons for its creation."})}),"\n",(0,s.jsx)(a.Ay,{title:"Overview",description:"Brief overview of methodology concepts and usage",to:"/docs/get-started/overview",Icon:u}),"\n",(0,s.jsx)(a.Ay,{title:"Tutorial",description:"Introductory tutorial on the usage of the methodology",to:"/docs/get-started/tutorial",Icon:p}),"\n",(0,s.jsx)(a.Ay,{title:"FAQ",description:"Frequently asked questions",to:"/docs/get-started/faq",Icon:v}),"\n"]})}function b(e={}){const{wrapper:t}={...(0,o.R)(),...e.components};return t?(0,s.jsx)(t,{...e,children:(0,s.jsx)(M,{...e})}):M(e)}},5988:(e,t,n)=>{n.d(t,{Y:()=>i,A:()=>d});n(758);var s=n(3526),o=n(6783);const a={root:"root_GfON",rootDisabled:"rootDisabled_SFUB",details:"details_xxkR",detailsTags:"detailsTags_uTQx",icon:"icon_ciqP",title:"title_pSH5",description:"description__Fep",miniTheme:"miniTheme_ePfp",primaryTheme:"primaryTheme_CilO",defaultTheme:"defaultTheme_j3I8"};var r=n(6070);const i=e=>{const{title:t,description:n,to:i,Icon:d,tags:l,className:u,disabled:h,theme:m="default"}=e;return(0,r.jsxs)(o.A,{className:(0,s.A)(a.root,u,h&&a.rootDisabled,a[`${m}Theme`]),to:i,children:[(0,r.jsx)(c,{Icon:d}),(0,r.jsxs)("div",{className:a.details,children:[(0,r.jsxs)("div",{className:a.detailsMain,children:[(0,r.jsx)("span",{className:a.title,children:t}),(0,r.jsx)("p",{className:a.description,children:n})]}),l&&(0,r.jsx)("div",{className:a.detailsTags,children:l.join(" \u2022 ")})]})]})},c=e=>{let{Icon:t}=e;return t?"string"==typeof t?(0,r.jsx)("span",{className:a.icon,children:t}):(0,r.jsx)(t,{className:a.icon}):null},d=i},1100:(e,t,n)=>{n.d(t,{R:()=>r,x:()=>i});var s=n(758);const o={},a=s.createContext(o);function r(e){const t=s.useContext(a);return s.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function i(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(o):e.components||o:r(e.components),s.createElement(a.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
diff --git a/assets/js/d7baea7e.d7300d38.js.LICENSE.txt b/assets/js/d7baea7e.6cb4bfff.js.LICENSE.txt
similarity index 100%
rename from assets/js/d7baea7e.d7300d38.js.LICENSE.txt
rename to assets/js/d7baea7e.6cb4bfff.js.LICENSE.txt
diff --git a/assets/js/d999437a.f17f2b4e.js b/assets/js/d999437a.d42ae5cd.js
similarity index 98%
rename from assets/js/d999437a.f17f2b4e.js
rename to assets/js/d999437a.d42ae5cd.js
index 4732c5286b..9d1a021596 100644
--- a/assets/js/d999437a.f17f2b4e.js
+++ b/assets/js/d999437a.d42ae5cd.js
@@ -1 +1 @@
-"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[7091],{1928:(e,t,n)=>{n.d(t,{Ay:()=>u,RM:()=>a});var s=n(6070),i=n(1100),r=(n(758),n(6783)),c=n(7765);const d=e=>{let{ticket:t}=e;const n=`https://github.com/feature-sliced/documentation/issues/${t}`;return(0,s.jsxs)("div",{children:[(0,s.jsx)("p",{children:(0,c.T)({id:"shared.wip.title"})}),(0,s.jsx)("p",{children:(0,c.T)({id:"shared.wip.subtitle"})}),(0,s.jsxs)("ul",{children:[(0,s.jsxs)("li",{children:[(0,c.T)({id:"shared.wip.var.feedback.base"}),(0,s.jsx)(r.A,{to:n,children:(0,c.T)({id:"shared.wip.var.feedback.link"})})]}),(0,s.jsxs)("li",{children:[(0,c.T)({id:"shared.wip.var.material.base"}),(0,s.jsx)(r.A,{to:"https://t.me/feature_sliced",children:(0,c.T)({id:"shared.wip.var.material.link"})})]}),(0,s.jsxs)("li",{children:[(0,c.T)({id:"shared.wip.var.contribute.base"}),(0,s.jsx)(r.A,{to:"https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md",children:(0,c.T)({id:"shared.wip.var.contribute.link"})})]})]}),(0,s.jsx)("br",{}),(0,s.jsx)("p",{children:(0,s.jsx)("i",{children:"\ud83c\udf70 Stay tuned!"})})]})},a=[];function o(e){const t={admonition:"admonition",...(0,i.R)(),...e.components};return(0,s.jsx)(t.admonition,{title:"WIP",type:"caution",children:(0,s.jsx)(d,{ticket:e.ticket})})}function u(e={}){const{wrapper:t}={...(0,i.R)(),...e.components};return t?(0,s.jsx)(t,{...e,children:(0,s.jsx)(o,{...e})}):o(e)}},8909:(e,t,n)=>{n.r(t),n.d(t,{assets:()=>o,contentTitle:()=>d,default:()=>p,frontMatter:()=>c,metadata:()=>a,toc:()=>u});var s=n(6070),i=n(1100),r=n(1928);const c={sidebar_class_name:"sidebar-item--wip",unlisted:!0},d="Feedback",a={id:"guides/examples/feedback",title:"Feedback",description:"Errors, Alerts, Notifications, ...",source:"@site/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/feedback.mdx",sourceDirName:"guides/examples",slug:"/guides/examples/feedback",permalink:"/docs/guides/examples/feedback",draft:!1,unlisted:!0,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/feedback.mdx",tags:[],version:"current",lastUpdatedAt:1727607766e3,frontMatter:{sidebar_class_name:"sidebar-item--wip",unlisted:!0},sidebar:"guidesSidebar"},o={},u=[...r.RM];function l(e){const t={blockquote:"blockquote",h1:"h1",header:"header",p:"p",...(0,i.R)(),...e.components};return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(t.header,{children:(0,s.jsx)(t.h1,{id:"feedback",children:"Feedback"})}),"\n",(0,s.jsx)(r.Ay,{ticket:"187"}),"\n",(0,s.jsxs)(t.blockquote,{children:["\n",(0,s.jsx)(t.p,{children:"Errors, Alerts, Notifications, ..."}),"\n"]})]})}function p(e={}){const{wrapper:t}={...(0,i.R)(),...e.components};return t?(0,s.jsx)(t,{...e,children:(0,s.jsx)(l,{...e})}):l(e)}},1100:(e,t,n)=>{n.d(t,{R:()=>c,x:()=>d});var s=n(758);const i={},r=s.createContext(i);function c(e){const t=s.useContext(r);return s.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function d(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(i):e.components||i:c(e.components),s.createElement(r.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
+"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[7091],{1928:(e,t,n)=>{n.d(t,{Ay:()=>u,RM:()=>a});var s=n(6070),i=n(1100),r=(n(758),n(6783)),c=n(7765);const d=e=>{let{ticket:t}=e;const n=`https://github.com/feature-sliced/documentation/issues/${t}`;return(0,s.jsxs)("div",{children:[(0,s.jsx)("p",{children:(0,c.T)({id:"shared.wip.title"})}),(0,s.jsx)("p",{children:(0,c.T)({id:"shared.wip.subtitle"})}),(0,s.jsxs)("ul",{children:[(0,s.jsxs)("li",{children:[(0,c.T)({id:"shared.wip.var.feedback.base"}),(0,s.jsx)(r.A,{to:n,children:(0,c.T)({id:"shared.wip.var.feedback.link"})})]}),(0,s.jsxs)("li",{children:[(0,c.T)({id:"shared.wip.var.material.base"}),(0,s.jsx)(r.A,{to:"https://t.me/feature_sliced",children:(0,c.T)({id:"shared.wip.var.material.link"})})]}),(0,s.jsxs)("li",{children:[(0,c.T)({id:"shared.wip.var.contribute.base"}),(0,s.jsx)(r.A,{to:"https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md",children:(0,c.T)({id:"shared.wip.var.contribute.link"})})]})]}),(0,s.jsx)("br",{}),(0,s.jsx)("p",{children:(0,s.jsx)("i",{children:"\ud83c\udf70 Stay tuned!"})})]})},a=[];function o(e){const t={admonition:"admonition",...(0,i.R)(),...e.components};return(0,s.jsx)(t.admonition,{title:"WIP",type:"caution",children:(0,s.jsx)(d,{ticket:e.ticket})})}function u(e={}){const{wrapper:t}={...(0,i.R)(),...e.components};return t?(0,s.jsx)(t,{...e,children:(0,s.jsx)(o,{...e})}):o(e)}},8909:(e,t,n)=>{n.r(t),n.d(t,{assets:()=>o,contentTitle:()=>d,default:()=>p,frontMatter:()=>c,metadata:()=>a,toc:()=>u});var s=n(6070),i=n(1100),r=n(1928);const c={sidebar_class_name:"sidebar-item--wip",unlisted:!0},d="Feedback",a={id:"guides/examples/feedback",title:"Feedback",description:"Errors, Alerts, Notifications, ...",source:"@site/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/feedback.mdx",sourceDirName:"guides/examples",slug:"/guides/examples/feedback",permalink:"/docs/guides/examples/feedback",draft:!1,unlisted:!0,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/feedback.mdx",tags:[],version:"current",lastUpdatedAt:1728325386e3,frontMatter:{sidebar_class_name:"sidebar-item--wip",unlisted:!0},sidebar:"guidesSidebar"},o={},u=[...r.RM];function l(e){const t={blockquote:"blockquote",h1:"h1",header:"header",p:"p",...(0,i.R)(),...e.components};return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(t.header,{children:(0,s.jsx)(t.h1,{id:"feedback",children:"Feedback"})}),"\n",(0,s.jsx)(r.Ay,{ticket:"187"}),"\n",(0,s.jsxs)(t.blockquote,{children:["\n",(0,s.jsx)(t.p,{children:"Errors, Alerts, Notifications, ..."}),"\n"]})]})}function p(e={}){const{wrapper:t}={...(0,i.R)(),...e.components};return t?(0,s.jsx)(t,{...e,children:(0,s.jsx)(l,{...e})}):l(e)}},1100:(e,t,n)=>{n.d(t,{R:()=>c,x:()=>d});var s=n(758);const i={},r=s.createContext(i);function c(e){const t=s.useContext(r);return s.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function d(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(i):e.components||i:c(e.components),s.createElement(r.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
diff --git a/assets/js/dfe5ecdf.258fc5a2.js b/assets/js/dfe5ecdf.b32c4b90.js
similarity index 98%
rename from assets/js/dfe5ecdf.258fc5a2.js
rename to assets/js/dfe5ecdf.b32c4b90.js
index 086c7931f8..5cb6f0c345 100644
--- a/assets/js/dfe5ecdf.258fc5a2.js
+++ b/assets/js/dfe5ecdf.b32c4b90.js
@@ -1 +1 @@
-"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[6949],{1928:(e,t,i)=>{i.d(t,{Ay:()=>l,RM:()=>d});var s=i(6070),n=i(1100),o=(i(758),i(6783)),r=i(7765);const a=e=>{let{ticket:t}=e;const i=`https://github.com/feature-sliced/documentation/issues/${t}`;return(0,s.jsxs)("div",{children:[(0,s.jsx)("p",{children:(0,r.T)({id:"shared.wip.title"})}),(0,s.jsx)("p",{children:(0,r.T)({id:"shared.wip.subtitle"})}),(0,s.jsxs)("ul",{children:[(0,s.jsxs)("li",{children:[(0,r.T)({id:"shared.wip.var.feedback.base"}),(0,s.jsx)(o.A,{to:i,children:(0,r.T)({id:"shared.wip.var.feedback.link"})})]}),(0,s.jsxs)("li",{children:[(0,r.T)({id:"shared.wip.var.material.base"}),(0,s.jsx)(o.A,{to:"https://t.me/feature_sliced",children:(0,r.T)({id:"shared.wip.var.material.link"})})]}),(0,s.jsxs)("li",{children:[(0,r.T)({id:"shared.wip.var.contribute.base"}),(0,s.jsx)(o.A,{to:"https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md",children:(0,r.T)({id:"shared.wip.var.contribute.link"})})]})]}),(0,s.jsx)("br",{}),(0,s.jsx)("p",{children:(0,s.jsx)("i",{children:"\ud83c\udf70 Stay tuned!"})})]})},d=[];function c(e){const t={admonition:"admonition",...(0,n.R)(),...e.components};return(0,s.jsx)(t.admonition,{title:"WIP",type:"caution",children:(0,s.jsx)(a,{ticket:e.ticket})})}function l(e={}){const{wrapper:t}={...(0,n.R)(),...e.components};return t?(0,s.jsx)(t,{...e,children:(0,s.jsx)(c,{...e})}):c(e)}},4089:(e,t,i)=>{i.r(t),i.d(t,{assets:()=>c,contentTitle:()=>a,default:()=>p,frontMatter:()=>r,metadata:()=>d,toc:()=>l});var s=i(6070),n=i(1100),o=i(1928);const r={sidebar_position:9,sidebar_class_name:"sidebar-item--wip",unlisted:!0},a="Monorepositories",d={id:"guides/examples/monorepo",title:"Monorepositories",description:"About applicability for mono repositories, about bff, about microapps",source:"@site/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/monorepo.mdx",sourceDirName:"guides/examples",slug:"/guides/examples/monorepo",permalink:"/docs/guides/examples/monorepo",draft:!1,unlisted:!0,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/monorepo.mdx",tags:[],version:"current",lastUpdatedAt:1727607766e3,sidebarPosition:9,frontMatter:{sidebar_position:9,sidebar_class_name:"sidebar-item--wip",unlisted:!0},sidebar:"guidesSidebar"},c={},l=[...o.RM,{value:"See also",id:"see-also",level:2}];function u(e){const t={a:"a",blockquote:"blockquote",h1:"h1",h2:"h2",header:"header",li:"li",p:"p",ul:"ul",...(0,n.R)(),...e.components};return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(t.header,{children:(0,s.jsx)(t.h1,{id:"monorepositories",children:"Monorepositories"})}),"\n",(0,s.jsx)(o.Ay,{ticket:"221"}),"\n",(0,s.jsxs)(t.blockquote,{children:["\n",(0,s.jsx)(t.p,{children:"About applicability for mono repositories, about bff, about microapps"}),"\n"]}),"\n",(0,s.jsx)(t.h2,{id:"see-also",children:"See also"}),"\n",(0,s.jsxs)(t.ul,{children:["\n",(0,s.jsx)(t.li,{children:(0,s.jsx)(t.a,{href:"https://github.com/feature-sliced/documentation/discussions/50",children:"(Discussion) About mono repositories and plug-ins-packages"})}),"\n",(0,s.jsx)(t.li,{children:(0,s.jsx)(t.a,{href:"https://t.me/feature_sliced/2412",children:"(Thread) About the application for a mono repository"})}),"\n"]})]})}function p(e={}){const{wrapper:t}={...(0,n.R)(),...e.components};return t?(0,s.jsx)(t,{...e,children:(0,s.jsx)(u,{...e})}):u(e)}},1100:(e,t,i)=>{i.d(t,{R:()=>r,x:()=>a});var s=i(758);const n={},o=s.createContext(n);function r(e){const t=s.useContext(o);return s.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function a(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(n):e.components||n:r(e.components),s.createElement(o.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
+"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[6949],{1928:(e,t,i)=>{i.d(t,{Ay:()=>l,RM:()=>d});var s=i(6070),n=i(1100),o=(i(758),i(6783)),r=i(7765);const a=e=>{let{ticket:t}=e;const i=`https://github.com/feature-sliced/documentation/issues/${t}`;return(0,s.jsxs)("div",{children:[(0,s.jsx)("p",{children:(0,r.T)({id:"shared.wip.title"})}),(0,s.jsx)("p",{children:(0,r.T)({id:"shared.wip.subtitle"})}),(0,s.jsxs)("ul",{children:[(0,s.jsxs)("li",{children:[(0,r.T)({id:"shared.wip.var.feedback.base"}),(0,s.jsx)(o.A,{to:i,children:(0,r.T)({id:"shared.wip.var.feedback.link"})})]}),(0,s.jsxs)("li",{children:[(0,r.T)({id:"shared.wip.var.material.base"}),(0,s.jsx)(o.A,{to:"https://t.me/feature_sliced",children:(0,r.T)({id:"shared.wip.var.material.link"})})]}),(0,s.jsxs)("li",{children:[(0,r.T)({id:"shared.wip.var.contribute.base"}),(0,s.jsx)(o.A,{to:"https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md",children:(0,r.T)({id:"shared.wip.var.contribute.link"})})]})]}),(0,s.jsx)("br",{}),(0,s.jsx)("p",{children:(0,s.jsx)("i",{children:"\ud83c\udf70 Stay tuned!"})})]})},d=[];function c(e){const t={admonition:"admonition",...(0,n.R)(),...e.components};return(0,s.jsx)(t.admonition,{title:"WIP",type:"caution",children:(0,s.jsx)(a,{ticket:e.ticket})})}function l(e={}){const{wrapper:t}={...(0,n.R)(),...e.components};return t?(0,s.jsx)(t,{...e,children:(0,s.jsx)(c,{...e})}):c(e)}},4089:(e,t,i)=>{i.r(t),i.d(t,{assets:()=>c,contentTitle:()=>a,default:()=>p,frontMatter:()=>r,metadata:()=>d,toc:()=>l});var s=i(6070),n=i(1100),o=i(1928);const r={sidebar_position:9,sidebar_class_name:"sidebar-item--wip",unlisted:!0},a="Monorepositories",d={id:"guides/examples/monorepo",title:"Monorepositories",description:"About applicability for mono repositories, about bff, about microapps",source:"@site/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/monorepo.mdx",sourceDirName:"guides/examples",slug:"/guides/examples/monorepo",permalink:"/docs/guides/examples/monorepo",draft:!1,unlisted:!0,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/monorepo.mdx",tags:[],version:"current",lastUpdatedAt:1728325386e3,sidebarPosition:9,frontMatter:{sidebar_position:9,sidebar_class_name:"sidebar-item--wip",unlisted:!0},sidebar:"guidesSidebar"},c={},l=[...o.RM,{value:"See also",id:"see-also",level:2}];function u(e){const t={a:"a",blockquote:"blockquote",h1:"h1",h2:"h2",header:"header",li:"li",p:"p",ul:"ul",...(0,n.R)(),...e.components};return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(t.header,{children:(0,s.jsx)(t.h1,{id:"monorepositories",children:"Monorepositories"})}),"\n",(0,s.jsx)(o.Ay,{ticket:"221"}),"\n",(0,s.jsxs)(t.blockquote,{children:["\n",(0,s.jsx)(t.p,{children:"About applicability for mono repositories, about bff, about microapps"}),"\n"]}),"\n",(0,s.jsx)(t.h2,{id:"see-also",children:"See also"}),"\n",(0,s.jsxs)(t.ul,{children:["\n",(0,s.jsx)(t.li,{children:(0,s.jsx)(t.a,{href:"https://github.com/feature-sliced/documentation/discussions/50",children:"(Discussion) About mono repositories and plug-ins-packages"})}),"\n",(0,s.jsx)(t.li,{children:(0,s.jsx)(t.a,{href:"https://t.me/feature_sliced/2412",children:"(Thread) About the application for a mono repository"})}),"\n"]})]})}function p(e={}){const{wrapper:t}={...(0,n.R)(),...e.components};return t?(0,s.jsx)(t,{...e,children:(0,s.jsx)(u,{...e})}):u(e)}},1100:(e,t,i)=>{i.d(t,{R:()=>r,x:()=>a});var s=i(758);const n={},o=s.createContext(n);function r(e){const t=s.useContext(o);return s.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function a(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(n):e.components||n:r(e.components),s.createElement(o.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
diff --git a/assets/js/e01c2047.99284e69.js b/assets/js/e01c2047.3cf0ebe9.js
similarity index 98%
rename from assets/js/e01c2047.99284e69.js
rename to assets/js/e01c2047.3cf0ebe9.js
index e00da187d4..1a42d65de1 100644
--- a/assets/js/e01c2047.99284e69.js
+++ b/assets/js/e01c2047.3cf0ebe9.js
@@ -1 +1 @@
-"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[1405],{7703:(e,n,t)=>{t.r(n),t.d(n,{assets:()=>a,contentTitle:()=>r,default:()=>u,frontMatter:()=>i,metadata:()=>d,toc:()=>l});var s=t(6070),o=t(1100);const i={sidebar_position:3,sidebar_label:"Knowledge types"},r="Knowledge types in the project",d={id:"about/understanding/knowledge-types",title:"Knowledge types in the project",description:'The following "types of knowledge" can be distinguished in any project:',source:"@site/i18n/en/docusaurus-plugin-content-docs/current/about/understanding/knowledge-types.md",sourceDirName:"about/understanding",slug:"/about/understanding/knowledge-types",permalink:"/docs/about/understanding/knowledge-types",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/about/understanding/knowledge-types.md",tags:[],version:"current",lastUpdatedAt:1727607766e3,sidebarPosition:3,frontMatter:{sidebar_position:3,sidebar_label:"Knowledge types"},sidebar:"aboutSidebar",previous:{title:"Needs driven",permalink:"/docs/about/understanding/needs-driven"},next:{title:"Naming",permalink:"/docs/about/understanding/naming"}},a={},l=[{value:"See also",id:"see-also",level:2}];function c(e){const n={a:"a",admonition:"admonition",br:"br",h1:"h1",h2:"h2",header:"header",li:"li",p:"p",strong:"strong",ul:"ul",...(0,o.R)(),...e.components};return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(n.header,{children:(0,s.jsx)(n.h1,{id:"knowledge-types-in-the-project",children:"Knowledge types in the project"})}),"\n",(0,s.jsx)(n.p,{children:'The following "types of knowledge" can be distinguished in any project:'}),"\n",(0,s.jsxs)(n.ul,{children:["\n",(0,s.jsxs)(n.li,{children:["\n",(0,s.jsxs)(n.p,{children:[(0,s.jsx)(n.strong,{children:"Fundamental knowledge"}),(0,s.jsx)(n.br,{}),"\n","Knowledge that does not change much over time, such as algorithms, computer science, programming language mechanisms and its APIs."]}),"\n"]}),"\n",(0,s.jsxs)(n.li,{children:["\n",(0,s.jsxs)(n.p,{children:[(0,s.jsx)(n.strong,{children:"Technology stack"}),(0,s.jsx)(n.br,{}),"\n","Knowledge of the set of technical solutions used in a project, including programming languages, frameworks, and libraries."]}),"\n"]}),"\n",(0,s.jsxs)(n.li,{children:["\n",(0,s.jsxs)(n.p,{children:[(0,s.jsx)(n.strong,{children:"Project knowledge"}),(0,s.jsx)(n.br,{}),"\n","Knowledge that is specific to the current project and not valuable outside of it. This knowledge is essential for newly-onboarded developers to be able to contribute effectively."]}),"\n"]}),"\n"]}),"\n",(0,s.jsx)(n.admonition,{type:"note",children:(0,s.jsxs)(n.p,{children:[(0,s.jsx)(n.strong,{children:"Feature-Sliced Design"}),' is designed to reduce reliance on "project knowledge", take more responsibility, and make it easier to onboard new team members.']})}),"\n",(0,s.jsx)(n.h2,{id:"see-also",children:"See also"}),"\n",(0,s.jsxs)(n.ul,{children:["\n",(0,s.jsx)(n.li,{children:(0,s.jsx)(n.a,{href:"https://youtu.be/4xyb_tA-uw0?t=249",children:"(Video \ud83c\uddf7\ud83c\uddfa) Ilya Klimov - On Types of Knowledge"})}),"\n"]})]})}function u(e={}){const{wrapper:n}={...(0,o.R)(),...e.components};return n?(0,s.jsx)(n,{...e,children:(0,s.jsx)(c,{...e})}):c(e)}},1100:(e,n,t)=>{t.d(n,{R:()=>r,x:()=>d});var s=t(758);const o={},i=s.createContext(o);function r(e){const n=s.useContext(i);return s.useMemo((function(){return"function"==typeof e?e(n):{...n,...e}}),[n,e])}function d(e){let n;return n=e.disableParentContext?"function"==typeof e.components?e.components(o):e.components||o:r(e.components),s.createElement(i.Provider,{value:n},e.children)}}}]);
\ No newline at end of file
+"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[1405],{7703:(e,n,t)=>{t.r(n),t.d(n,{assets:()=>a,contentTitle:()=>r,default:()=>u,frontMatter:()=>i,metadata:()=>d,toc:()=>l});var s=t(6070),o=t(1100);const i={sidebar_position:3,sidebar_label:"Knowledge types"},r="Knowledge types in the project",d={id:"about/understanding/knowledge-types",title:"Knowledge types in the project",description:'The following "types of knowledge" can be distinguished in any project:',source:"@site/i18n/en/docusaurus-plugin-content-docs/current/about/understanding/knowledge-types.md",sourceDirName:"about/understanding",slug:"/about/understanding/knowledge-types",permalink:"/docs/about/understanding/knowledge-types",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/about/understanding/knowledge-types.md",tags:[],version:"current",lastUpdatedAt:1728325386e3,sidebarPosition:3,frontMatter:{sidebar_position:3,sidebar_label:"Knowledge types"},sidebar:"aboutSidebar",previous:{title:"Needs driven",permalink:"/docs/about/understanding/needs-driven"},next:{title:"Naming",permalink:"/docs/about/understanding/naming"}},a={},l=[{value:"See also",id:"see-also",level:2}];function c(e){const n={a:"a",admonition:"admonition",br:"br",h1:"h1",h2:"h2",header:"header",li:"li",p:"p",strong:"strong",ul:"ul",...(0,o.R)(),...e.components};return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(n.header,{children:(0,s.jsx)(n.h1,{id:"knowledge-types-in-the-project",children:"Knowledge types in the project"})}),"\n",(0,s.jsx)(n.p,{children:'The following "types of knowledge" can be distinguished in any project:'}),"\n",(0,s.jsxs)(n.ul,{children:["\n",(0,s.jsxs)(n.li,{children:["\n",(0,s.jsxs)(n.p,{children:[(0,s.jsx)(n.strong,{children:"Fundamental knowledge"}),(0,s.jsx)(n.br,{}),"\n","Knowledge that does not change much over time, such as algorithms, computer science, programming language mechanisms and its APIs."]}),"\n"]}),"\n",(0,s.jsxs)(n.li,{children:["\n",(0,s.jsxs)(n.p,{children:[(0,s.jsx)(n.strong,{children:"Technology stack"}),(0,s.jsx)(n.br,{}),"\n","Knowledge of the set of technical solutions used in a project, including programming languages, frameworks, and libraries."]}),"\n"]}),"\n",(0,s.jsxs)(n.li,{children:["\n",(0,s.jsxs)(n.p,{children:[(0,s.jsx)(n.strong,{children:"Project knowledge"}),(0,s.jsx)(n.br,{}),"\n","Knowledge that is specific to the current project and not valuable outside of it. This knowledge is essential for newly-onboarded developers to be able to contribute effectively."]}),"\n"]}),"\n"]}),"\n",(0,s.jsx)(n.admonition,{type:"note",children:(0,s.jsxs)(n.p,{children:[(0,s.jsx)(n.strong,{children:"Feature-Sliced Design"}),' is designed to reduce reliance on "project knowledge", take more responsibility, and make it easier to onboard new team members.']})}),"\n",(0,s.jsx)(n.h2,{id:"see-also",children:"See also"}),"\n",(0,s.jsxs)(n.ul,{children:["\n",(0,s.jsx)(n.li,{children:(0,s.jsx)(n.a,{href:"https://youtu.be/4xyb_tA-uw0?t=249",children:"(Video \ud83c\uddf7\ud83c\uddfa) Ilya Klimov - On Types of Knowledge"})}),"\n"]})]})}function u(e={}){const{wrapper:n}={...(0,o.R)(),...e.components};return n?(0,s.jsx)(n,{...e,children:(0,s.jsx)(c,{...e})}):c(e)}},1100:(e,n,t)=>{t.d(n,{R:()=>r,x:()=>d});var s=t(758);const o={},i=s.createContext(o);function r(e){const n=s.useContext(i);return s.useMemo((function(){return"function"==typeof e?e(n):{...n,...e}}),[n,e])}function d(e){let n;return n=e.disableParentContext?"function"==typeof e.components?e.components(o):e.components||o:r(e.components),s.createElement(i.Provider,{value:n},e.children)}}}]);
\ No newline at end of file
diff --git a/assets/js/e1003eab.bd9d33c6.js b/assets/js/e1003eab.f5d1a251.js
similarity index 97%
rename from assets/js/e1003eab.bd9d33c6.js
rename to assets/js/e1003eab.f5d1a251.js
index e8b4e53d8d..2f6d8218f0 100644
--- a/assets/js/e1003eab.bd9d33c6.js
+++ b/assets/js/e1003eab.f5d1a251.js
@@ -1 +1 @@
-"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[9136],{1928:(e,t,i)=>{i.d(t,{Ay:()=>c,RM:()=>d});var s=i(6070),n=i(1100),r=(i(758),i(6783)),o=i(7765);const a=e=>{let{ticket:t}=e;const i=`https://github.com/feature-sliced/documentation/issues/${t}`;return(0,s.jsxs)("div",{children:[(0,s.jsx)("p",{children:(0,o.T)({id:"shared.wip.title"})}),(0,s.jsx)("p",{children:(0,o.T)({id:"shared.wip.subtitle"})}),(0,s.jsxs)("ul",{children:[(0,s.jsxs)("li",{children:[(0,o.T)({id:"shared.wip.var.feedback.base"}),(0,s.jsx)(r.A,{to:i,children:(0,o.T)({id:"shared.wip.var.feedback.link"})})]}),(0,s.jsxs)("li",{children:[(0,o.T)({id:"shared.wip.var.material.base"}),(0,s.jsx)(r.A,{to:"https://t.me/feature_sliced",children:(0,o.T)({id:"shared.wip.var.material.link"})})]}),(0,s.jsxs)("li",{children:[(0,o.T)({id:"shared.wip.var.contribute.base"}),(0,s.jsx)(r.A,{to:"https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md",children:(0,o.T)({id:"shared.wip.var.contribute.link"})})]})]}),(0,s.jsx)("br",{}),(0,s.jsx)("p",{children:(0,s.jsx)("i",{children:"\ud83c\udf70 Stay tuned!"})})]})},d=[];function l(e){const t={admonition:"admonition",...(0,n.R)(),...e.components};return(0,s.jsx)(t.admonition,{title:"WIP",type:"caution",children:(0,s.jsx)(a,{ticket:e.ticket})})}function c(e={}){const{wrapper:t}={...(0,n.R)(),...e.components};return t?(0,s.jsx)(t,{...e,children:(0,s.jsx)(l,{...e})}):l(e)}},8665:(e,t,i)=>{i.r(t),i.d(t,{assets:()=>l,contentTitle:()=>a,default:()=>h,frontMatter:()=>o,metadata:()=>d,toc:()=>c});var s=i(6070),n=i(1100),r=i(1928);const o={sidebar_position:3,sidebar_class_name:"sidebar-item--wip"},a="Routing",d={id:"guides/issues/routes",title:"Routing",description:"Situation",source:"@site/i18n/en/docusaurus-plugin-content-docs/current/guides/issues/routes.mdx",sourceDirName:"guides/issues",slug:"/guides/issues/routes",permalink:"/docs/guides/issues/routes",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/guides/issues/routes.mdx",tags:[],version:"current",lastUpdatedAt:1727607766e3,sidebarPosition:3,frontMatter:{sidebar_position:3,sidebar_class_name:"sidebar-item--wip"},sidebar:"guidesSidebar",previous:{title:"Desegemented",permalink:"/docs/guides/issues/desegmented"},next:{title:"Cross-imports",permalink:"/docs/guides/issues/cross-imports"}},l={},c=[...r.RM,{value:"Situation",id:"situation",level:2},{value:"Problem",id:"problem",level:2},{value:"If you ignore it",id:"if-you-ignore-it",level:2},{value:"Solution",id:"solution",level:2},{value:"See also",id:"see-also",level:2}];function u(e){const t={a:"a",code:"code",h1:"h1",h2:"h2",header:"header",li:"li",p:"p",pre:"pre",ul:"ul",...(0,n.R)(),...e.components};return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(t.header,{children:(0,s.jsx)(t.h1,{id:"routing",children:"Routing"})}),"\n",(0,s.jsx)(r.Ay,{ticket:"169"}),"\n",(0,s.jsx)(t.h2,{id:"situation",children:"Situation"}),"\n",(0,s.jsx)(t.p,{children:"Urls to pages are hardcoded in the layers below pages"}),"\n",(0,s.jsx)(t.pre,{children:(0,s.jsx)(t.code,{className:"language-tsx",metastring:'title="entities/post/card"',children:"\n<Card>\n    <Card.Title \n        href={`/post/${data.id}`}\n        title={data.name}\n    />\n    ...\n</Card>\n"})}),"\n",(0,s.jsx)(t.h2,{id:"problem",children:"Problem"}),"\n",(0,s.jsx)(t.p,{children:"Urls are not concentrated in the page layer, where they belong according to the scope of responsibility"}),"\n",(0,s.jsx)(t.h2,{id:"if-you-ignore-it",children:"If you ignore it"}),"\n",(0,s.jsx)(t.p,{children:"Then, when changing urls, you will have to keep in mind that these urls (and the logic of urls/redirects) can be in all layers except pages"}),"\n",(0,s.jsx)(t.p,{children:"And it also means that now even a simple product card takes part of the responsibility from the pages, which smears the logic of the project"}),"\n",(0,s.jsx)(t.h2,{id:"solution",children:"Solution"}),"\n",(0,s.jsx)(t.p,{children:"Determine how to work with urls/redirects from the page level and above"}),"\n",(0,s.jsx)(t.p,{children:"Transfer to the layers below via composition/props/factories"}),"\n",(0,s.jsx)(t.h2,{id:"see-also",children:"See also"}),"\n",(0,s.jsxs)(t.ul,{children:["\n",(0,s.jsx)(t.li,{children:(0,s.jsx)(t.a,{href:"https://t.me/feature_sliced/4389",children:'(Thread) What if I "sew up" routing in entities/features/widgets'})}),"\n",(0,s.jsx)(t.li,{children:(0,s.jsx)(t.a,{href:"https://t.me/feature_sliced/3756",children:"(Thread) Why does it smear the logic of routes only in pages"})}),"\n"]})]})}function h(e={}){const{wrapper:t}={...(0,n.R)(),...e.components};return t?(0,s.jsx)(t,{...e,children:(0,s.jsx)(u,{...e})}):u(e)}},1100:(e,t,i)=>{i.d(t,{R:()=>o,x:()=>a});var s=i(758);const n={},r=s.createContext(n);function o(e){const t=s.useContext(r);return s.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function a(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(n):e.components||n:o(e.components),s.createElement(r.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
+"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[9136],{1928:(e,t,i)=>{i.d(t,{Ay:()=>c,RM:()=>d});var s=i(6070),n=i(1100),r=(i(758),i(6783)),o=i(7765);const a=e=>{let{ticket:t}=e;const i=`https://github.com/feature-sliced/documentation/issues/${t}`;return(0,s.jsxs)("div",{children:[(0,s.jsx)("p",{children:(0,o.T)({id:"shared.wip.title"})}),(0,s.jsx)("p",{children:(0,o.T)({id:"shared.wip.subtitle"})}),(0,s.jsxs)("ul",{children:[(0,s.jsxs)("li",{children:[(0,o.T)({id:"shared.wip.var.feedback.base"}),(0,s.jsx)(r.A,{to:i,children:(0,o.T)({id:"shared.wip.var.feedback.link"})})]}),(0,s.jsxs)("li",{children:[(0,o.T)({id:"shared.wip.var.material.base"}),(0,s.jsx)(r.A,{to:"https://t.me/feature_sliced",children:(0,o.T)({id:"shared.wip.var.material.link"})})]}),(0,s.jsxs)("li",{children:[(0,o.T)({id:"shared.wip.var.contribute.base"}),(0,s.jsx)(r.A,{to:"https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md",children:(0,o.T)({id:"shared.wip.var.contribute.link"})})]})]}),(0,s.jsx)("br",{}),(0,s.jsx)("p",{children:(0,s.jsx)("i",{children:"\ud83c\udf70 Stay tuned!"})})]})},d=[];function l(e){const t={admonition:"admonition",...(0,n.R)(),...e.components};return(0,s.jsx)(t.admonition,{title:"WIP",type:"caution",children:(0,s.jsx)(a,{ticket:e.ticket})})}function c(e={}){const{wrapper:t}={...(0,n.R)(),...e.components};return t?(0,s.jsx)(t,{...e,children:(0,s.jsx)(l,{...e})}):l(e)}},8665:(e,t,i)=>{i.r(t),i.d(t,{assets:()=>l,contentTitle:()=>a,default:()=>h,frontMatter:()=>o,metadata:()=>d,toc:()=>c});var s=i(6070),n=i(1100),r=i(1928);const o={sidebar_position:3,sidebar_class_name:"sidebar-item--wip"},a="Routing",d={id:"guides/issues/routes",title:"Routing",description:"Situation",source:"@site/i18n/en/docusaurus-plugin-content-docs/current/guides/issues/routes.mdx",sourceDirName:"guides/issues",slug:"/guides/issues/routes",permalink:"/docs/guides/issues/routes",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/guides/issues/routes.mdx",tags:[],version:"current",lastUpdatedAt:1728325386e3,sidebarPosition:3,frontMatter:{sidebar_position:3,sidebar_class_name:"sidebar-item--wip"},sidebar:"guidesSidebar",previous:{title:"Desegemented",permalink:"/docs/guides/issues/desegmented"},next:{title:"Cross-imports",permalink:"/docs/guides/issues/cross-imports"}},l={},c=[...r.RM,{value:"Situation",id:"situation",level:2},{value:"Problem",id:"problem",level:2},{value:"If you ignore it",id:"if-you-ignore-it",level:2},{value:"Solution",id:"solution",level:2},{value:"See also",id:"see-also",level:2}];function u(e){const t={a:"a",code:"code",h1:"h1",h2:"h2",header:"header",li:"li",p:"p",pre:"pre",ul:"ul",...(0,n.R)(),...e.components};return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(t.header,{children:(0,s.jsx)(t.h1,{id:"routing",children:"Routing"})}),"\n",(0,s.jsx)(r.Ay,{ticket:"169"}),"\n",(0,s.jsx)(t.h2,{id:"situation",children:"Situation"}),"\n",(0,s.jsx)(t.p,{children:"Urls to pages are hardcoded in the layers below pages"}),"\n",(0,s.jsx)(t.pre,{children:(0,s.jsx)(t.code,{className:"language-tsx",metastring:'title="entities/post/card"',children:"\n<Card>\n    <Card.Title \n        href={`/post/${data.id}`}\n        title={data.name}\n    />\n    ...\n</Card>\n"})}),"\n",(0,s.jsx)(t.h2,{id:"problem",children:"Problem"}),"\n",(0,s.jsx)(t.p,{children:"Urls are not concentrated in the page layer, where they belong according to the scope of responsibility"}),"\n",(0,s.jsx)(t.h2,{id:"if-you-ignore-it",children:"If you ignore it"}),"\n",(0,s.jsx)(t.p,{children:"Then, when changing urls, you will have to keep in mind that these urls (and the logic of urls/redirects) can be in all layers except pages"}),"\n",(0,s.jsx)(t.p,{children:"And it also means that now even a simple product card takes part of the responsibility from the pages, which smears the logic of the project"}),"\n",(0,s.jsx)(t.h2,{id:"solution",children:"Solution"}),"\n",(0,s.jsx)(t.p,{children:"Determine how to work with urls/redirects from the page level and above"}),"\n",(0,s.jsx)(t.p,{children:"Transfer to the layers below via composition/props/factories"}),"\n",(0,s.jsx)(t.h2,{id:"see-also",children:"See also"}),"\n",(0,s.jsxs)(t.ul,{children:["\n",(0,s.jsx)(t.li,{children:(0,s.jsx)(t.a,{href:"https://t.me/feature_sliced/4389",children:'(Thread) What if I "sew up" routing in entities/features/widgets'})}),"\n",(0,s.jsx)(t.li,{children:(0,s.jsx)(t.a,{href:"https://t.me/feature_sliced/3756",children:"(Thread) Why does it smear the logic of routes only in pages"})}),"\n"]})]})}function h(e={}){const{wrapper:t}={...(0,n.R)(),...e.components};return t?(0,s.jsx)(t,{...e,children:(0,s.jsx)(u,{...e})}):u(e)}},1100:(e,t,i)=>{i.d(t,{R:()=>o,x:()=>a});var s=i(758);const n={},r=s.createContext(n);function o(e){const t=s.useContext(r);return s.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function a(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(n):e.components||n:o(e.components),s.createElement(r.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
diff --git a/assets/js/e1c0d304.32288a2f.js b/assets/js/e1c0d304.213c7d23.js
similarity index 98%
rename from assets/js/e1c0d304.32288a2f.js
rename to assets/js/e1c0d304.213c7d23.js
index 618a3440dc..1559590a41 100644
--- a/assets/js/e1c0d304.32288a2f.js
+++ b/assets/js/e1c0d304.213c7d23.js
@@ -1 +1 @@
-"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[9867],{1928:(e,t,n)=>{n.d(t,{Ay:()=>l,RM:()=>c});var s=n(6070),i=n(1100),a=(n(758),n(6783)),r=n(7765);const o=e=>{let{ticket:t}=e;const n=`https://github.com/feature-sliced/documentation/issues/${t}`;return(0,s.jsxs)("div",{children:[(0,s.jsx)("p",{children:(0,r.T)({id:"shared.wip.title"})}),(0,s.jsx)("p",{children:(0,r.T)({id:"shared.wip.subtitle"})}),(0,s.jsxs)("ul",{children:[(0,s.jsxs)("li",{children:[(0,r.T)({id:"shared.wip.var.feedback.base"}),(0,s.jsx)(a.A,{to:n,children:(0,r.T)({id:"shared.wip.var.feedback.link"})})]}),(0,s.jsxs)("li",{children:[(0,r.T)({id:"shared.wip.var.material.base"}),(0,s.jsx)(a.A,{to:"https://t.me/feature_sliced",children:(0,r.T)({id:"shared.wip.var.material.link"})})]}),(0,s.jsxs)("li",{children:[(0,r.T)({id:"shared.wip.var.contribute.base"}),(0,s.jsx)(a.A,{to:"https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md",children:(0,r.T)({id:"shared.wip.var.contribute.link"})})]})]}),(0,s.jsx)("br",{}),(0,s.jsx)("p",{children:(0,s.jsx)("i",{children:"\ud83c\udf70 Stay tuned!"})})]})},c=[];function d(e){const t={admonition:"admonition",...(0,i.R)(),...e.components};return(0,s.jsx)(t.admonition,{title:"WIP",type:"caution",children:(0,s.jsx)(o,{ticket:e.ticket})})}function l(e={}){const{wrapper:t}={...(0,i.R)(),...e.components};return t?(0,s.jsx)(t,{...e,children:(0,s.jsx)(d,{...e})}):d(e)}},3870:(e,t,n)=>{n.r(t),n.d(t,{assets:()=>d,contentTitle:()=>o,default:()=>h,frontMatter:()=>r,metadata:()=>c,toc:()=>l});var s=n(6070),i=n(1100),a=n(1928);const r={sidebar_position:6,sidebar_class_name:"sidebar-item--wip"},o="Abstractions",c={id:"about/understanding/abstractions",title:"Abstractions",description:"The law of leaky abstractions",source:"@site/i18n/en/docusaurus-plugin-content-docs/current/about/understanding/abstractions.mdx",sourceDirName:"about/understanding",slug:"/about/understanding/abstractions",permalink:"/docs/about/understanding/abstractions",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/about/understanding/abstractions.mdx",tags:[],version:"current",lastUpdatedAt:1727607766e3,sidebarPosition:6,frontMatter:{sidebar_position:6,sidebar_class_name:"sidebar-item--wip"},sidebar:"aboutSidebar",previous:{title:"Signals of architecture",permalink:"/docs/about/understanding/signals"},next:{title:"Integration aspects",permalink:"/docs/about/promote/integration"}},d={},l=[...a.RM,{value:"The law of leaky abstractions",id:"the-law-of-leaky-abstractions",level:2},{value:"Why are there so many abstractions",id:"why-are-there-so-many-abstractions",level:2},{value:"About scopes of responsibility",id:"about-scopes-of-responsibility",level:2},{value:"See also",id:"see-also",level:2}];function u(e){const t={a:"a",blockquote:"blockquote",h1:"h1",h2:"h2",header:"header",li:"li",p:"p",ul:"ul",...(0,i.R)(),...e.components};return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(t.header,{children:(0,s.jsx)(t.h1,{id:"abstractions",children:"Abstractions"})}),"\n",(0,s.jsx)(a.Ay,{ticket:"186"}),"\n",(0,s.jsx)(t.h2,{id:"the-law-of-leaky-abstractions",children:"The law of leaky abstractions"}),"\n",(0,s.jsx)(t.h2,{id:"why-are-there-so-many-abstractions",children:"Why are there so many abstractions"}),"\n",(0,s.jsxs)(t.blockquote,{children:["\n",(0,s.jsx)(t.p,{children:"Abstractions help to cope with the complexity of the project. The question is - will these abstractions be specific only for this project, or will we try to derive general abstractions based on the specifics of the frontend"}),"\n"]}),"\n",(0,s.jsxs)(t.blockquote,{children:["\n",(0,s.jsx)(t.p,{children:"Architecture and applications in general are inherently complex, and the only question is how to better distribute and describe this complexity"}),"\n"]}),"\n",(0,s.jsx)(t.h2,{id:"about-scopes-of-responsibility",children:"About scopes of responsibility"}),"\n",(0,s.jsxs)(t.blockquote,{children:["\n",(0,s.jsx)(t.p,{children:"About optional abstractions"}),"\n"]}),"\n",(0,s.jsx)(t.h2,{id:"see-also",children:"See also"}),"\n",(0,s.jsxs)(t.ul,{children:["\n",(0,s.jsx)(t.li,{children:(0,s.jsx)(t.a,{href:"https://t.me/feature_sliced/2801",children:"About the need for new layers"})}),"\n",(0,s.jsx)(t.li,{children:(0,s.jsx)(t.a,{href:"https://t.me/feature_sliced/2619",children:"About the difficulty in understanding the methodology and layers"})}),"\n"]})]})}function h(e={}){const{wrapper:t}={...(0,i.R)(),...e.components};return t?(0,s.jsx)(t,{...e,children:(0,s.jsx)(u,{...e})}):u(e)}},1100:(e,t,n)=>{n.d(t,{R:()=>r,x:()=>o});var s=n(758);const i={},a=s.createContext(i);function r(e){const t=s.useContext(a);return s.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function o(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(i):e.components||i:r(e.components),s.createElement(a.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
+"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[9867],{1928:(e,t,n)=>{n.d(t,{Ay:()=>l,RM:()=>c});var s=n(6070),i=n(1100),a=(n(758),n(6783)),r=n(7765);const o=e=>{let{ticket:t}=e;const n=`https://github.com/feature-sliced/documentation/issues/${t}`;return(0,s.jsxs)("div",{children:[(0,s.jsx)("p",{children:(0,r.T)({id:"shared.wip.title"})}),(0,s.jsx)("p",{children:(0,r.T)({id:"shared.wip.subtitle"})}),(0,s.jsxs)("ul",{children:[(0,s.jsxs)("li",{children:[(0,r.T)({id:"shared.wip.var.feedback.base"}),(0,s.jsx)(a.A,{to:n,children:(0,r.T)({id:"shared.wip.var.feedback.link"})})]}),(0,s.jsxs)("li",{children:[(0,r.T)({id:"shared.wip.var.material.base"}),(0,s.jsx)(a.A,{to:"https://t.me/feature_sliced",children:(0,r.T)({id:"shared.wip.var.material.link"})})]}),(0,s.jsxs)("li",{children:[(0,r.T)({id:"shared.wip.var.contribute.base"}),(0,s.jsx)(a.A,{to:"https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md",children:(0,r.T)({id:"shared.wip.var.contribute.link"})})]})]}),(0,s.jsx)("br",{}),(0,s.jsx)("p",{children:(0,s.jsx)("i",{children:"\ud83c\udf70 Stay tuned!"})})]})},c=[];function d(e){const t={admonition:"admonition",...(0,i.R)(),...e.components};return(0,s.jsx)(t.admonition,{title:"WIP",type:"caution",children:(0,s.jsx)(o,{ticket:e.ticket})})}function l(e={}){const{wrapper:t}={...(0,i.R)(),...e.components};return t?(0,s.jsx)(t,{...e,children:(0,s.jsx)(d,{...e})}):d(e)}},3870:(e,t,n)=>{n.r(t),n.d(t,{assets:()=>d,contentTitle:()=>o,default:()=>h,frontMatter:()=>r,metadata:()=>c,toc:()=>l});var s=n(6070),i=n(1100),a=n(1928);const r={sidebar_position:6,sidebar_class_name:"sidebar-item--wip"},o="Abstractions",c={id:"about/understanding/abstractions",title:"Abstractions",description:"The law of leaky abstractions",source:"@site/i18n/en/docusaurus-plugin-content-docs/current/about/understanding/abstractions.mdx",sourceDirName:"about/understanding",slug:"/about/understanding/abstractions",permalink:"/docs/about/understanding/abstractions",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/about/understanding/abstractions.mdx",tags:[],version:"current",lastUpdatedAt:1728325386e3,sidebarPosition:6,frontMatter:{sidebar_position:6,sidebar_class_name:"sidebar-item--wip"},sidebar:"aboutSidebar",previous:{title:"Signals of architecture",permalink:"/docs/about/understanding/signals"},next:{title:"Integration aspects",permalink:"/docs/about/promote/integration"}},d={},l=[...a.RM,{value:"The law of leaky abstractions",id:"the-law-of-leaky-abstractions",level:2},{value:"Why are there so many abstractions",id:"why-are-there-so-many-abstractions",level:2},{value:"About scopes of responsibility",id:"about-scopes-of-responsibility",level:2},{value:"See also",id:"see-also",level:2}];function u(e){const t={a:"a",blockquote:"blockquote",h1:"h1",h2:"h2",header:"header",li:"li",p:"p",ul:"ul",...(0,i.R)(),...e.components};return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(t.header,{children:(0,s.jsx)(t.h1,{id:"abstractions",children:"Abstractions"})}),"\n",(0,s.jsx)(a.Ay,{ticket:"186"}),"\n",(0,s.jsx)(t.h2,{id:"the-law-of-leaky-abstractions",children:"The law of leaky abstractions"}),"\n",(0,s.jsx)(t.h2,{id:"why-are-there-so-many-abstractions",children:"Why are there so many abstractions"}),"\n",(0,s.jsxs)(t.blockquote,{children:["\n",(0,s.jsx)(t.p,{children:"Abstractions help to cope with the complexity of the project. The question is - will these abstractions be specific only for this project, or will we try to derive general abstractions based on the specifics of the frontend"}),"\n"]}),"\n",(0,s.jsxs)(t.blockquote,{children:["\n",(0,s.jsx)(t.p,{children:"Architecture and applications in general are inherently complex, and the only question is how to better distribute and describe this complexity"}),"\n"]}),"\n",(0,s.jsx)(t.h2,{id:"about-scopes-of-responsibility",children:"About scopes of responsibility"}),"\n",(0,s.jsxs)(t.blockquote,{children:["\n",(0,s.jsx)(t.p,{children:"About optional abstractions"}),"\n"]}),"\n",(0,s.jsx)(t.h2,{id:"see-also",children:"See also"}),"\n",(0,s.jsxs)(t.ul,{children:["\n",(0,s.jsx)(t.li,{children:(0,s.jsx)(t.a,{href:"https://t.me/feature_sliced/2801",children:"About the need for new layers"})}),"\n",(0,s.jsx)(t.li,{children:(0,s.jsx)(t.a,{href:"https://t.me/feature_sliced/2619",children:"About the difficulty in understanding the methodology and layers"})}),"\n"]})]})}function h(e={}){const{wrapper:t}={...(0,i.R)(),...e.components};return t?(0,s.jsx)(t,{...e,children:(0,s.jsx)(u,{...e})}):u(e)}},1100:(e,t,n)=>{n.d(t,{R:()=>r,x:()=>o});var s=n(758);const i={},a=s.createContext(i);function r(e){const t=s.useContext(a);return s.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function o(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(i):e.components||i:r(e.components),s.createElement(a.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
diff --git a/assets/js/e6bf8eb6.ecf70ec8.js b/assets/js/e6bf8eb6.0dcef120.js
similarity index 99%
rename from assets/js/e6bf8eb6.ecf70ec8.js
rename to assets/js/e6bf8eb6.0dcef120.js
index cb2347b6a5..80068564e9 100644
--- a/assets/js/e6bf8eb6.ecf70ec8.js
+++ b/assets/js/e6bf8eb6.0dcef120.js
@@ -1 +1 @@
-"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[679],{9239:(e,t,s)=>{s.r(t),s.d(t,{assets:()=>l,contentTitle:()=>o,default:()=>h,frontMatter:()=>r,metadata:()=>c,toc:()=>a});var n=s(6070),i=s(1100);const r={sidebar_position:10},o="Usage with SvelteKit",c={id:"guides/tech/with-sveltekit",title:"Usage with SvelteKit",description:"It is possible to implement FSD in a SvelteKit project, but conflicts arise due to the differences between the structure requirements of a SvelteKit project and the principles of FSD:",source:"@site/i18n/en/docusaurus-plugin-content-docs/current/guides/tech/with-sveltekit.mdx",sourceDirName:"guides/tech",slug:"/guides/tech/with-sveltekit",permalink:"/docs/guides/tech/with-sveltekit",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/guides/tech/with-sveltekit.mdx",tags:[],version:"current",lastUpdatedAt:1727607766e3,sidebarPosition:10,frontMatter:{sidebar_position:10},sidebar:"guidesSidebar",previous:{title:"Usage with React Query",permalink:"/docs/guides/tech/with-react-query"},next:{title:"Desegemented",permalink:"/docs/guides/issues/desegmented"}},l={},a=[{value:"Let&#39;s set up the config",id:"lets-set-up-the-config",level:2},{value:"Move file routing to <code>src/app</code>.",id:"move-file-routing-to-srcapp",level:2},{value:"See also.",id:"see-also",level:2}];function d(e){const t={a:"a",code:"code",h1:"h1",h2:"h2",header:"header",li:"li",p:"p",pre:"pre",ul:"ul",...(0,i.R)(),...e.components};return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(t.header,{children:(0,n.jsx)(t.h1,{id:"usage-with-sveltekit",children:"Usage with SvelteKit"})}),"\n",(0,n.jsx)(t.p,{children:"It is possible to implement FSD in a SvelteKit project, but conflicts arise due to the differences between the structure requirements of a SvelteKit project and the principles of FSD:"}),"\n",(0,n.jsxs)(t.ul,{children:["\n",(0,n.jsxs)(t.li,{children:["Initially, SvelteKit offers a file structure inside the ",(0,n.jsx)(t.code,{children:"src/routes"})," folder, while in FSD the routing must be part of the ",(0,n.jsx)(t.code,{children:"app"})," layer."]}),"\n",(0,n.jsxs)(t.li,{children:["SvelteKit suggests putting everything not related to routing in the ",(0,n.jsx)(t.code,{children:"src/lib"})," folder."]}),"\n"]}),"\n",(0,n.jsx)(t.h2,{id:"lets-set-up-the-config",children:"Let's set up the config"}),"\n",(0,n.jsx)(t.pre,{children:(0,n.jsx)(t.code,{className:"language-ts",metastring:'title="svelte.config.ts"',children:"import adapter from '@sveltejs/adapter-auto';\nimport { vitePreprocess } from '@sveltejs/vite-plugin-svelte';\n\n/** @type {import('@sveltejs/kit').Config}*/\nconst config = {\n  preprocess: [vitePreprocess()],\n  kit: {\n    adapter: adapter(),\n    files: {\n      routes: 'src/app/routes',             // move routing inside the app layer\n      lib: 'src',\n      appTemplate: 'src/app/index.html',    // Move the application entry point inside the app layer\n      assets: 'public'\n    },\n    alias: {\n      '@/*': 'src/*'                        // Create an alias for the src directory\n    }\n  }\n};\nexport default config;\n"})}),"\n",(0,n.jsxs)(t.h2,{id:"move-file-routing-to-srcapp",children:["Move file routing to ",(0,n.jsx)(t.code,{children:"src/app"}),"."]}),"\n",(0,n.jsxs)(t.p,{children:["Let's create an app layer, move the app's entry point ",(0,n.jsx)(t.code,{children:"index.html"})," into it, and create a routes folder.\nThus, your file structure should look like this:"]}),"\n",(0,n.jsx)(t.pre,{children:(0,n.jsx)(t.code,{className:"language-sh",children:"\u251c\u2500\u2500 src\n\u2502   \u251c\u2500\u2500 app\n\u2502   \u2502   \u251c\u2500\u2500 index.html\n\u2502   \u2502   \u251c\u2500\u2500 routes\n\u2502   \u251c\u2500\u2500 pages                               # \u041f\u0430\u043f\u043a\u0430 pages, \u0437\u0430\u043a\u0440\u0435\u043f\u043b\u0451\u043d\u043d\u0430\u044f \u0437\u0430 FSD\n"})}),"\n",(0,n.jsxs)(t.p,{children:["Now, you can create roots for pages within ",(0,n.jsx)(t.code,{children:"app"})," and connect pages from ",(0,n.jsx)(t.code,{children:"pages"})," to them."]}),"\n",(0,n.jsx)(t.p,{children:"For example, to add a home page to your project, you need to do the following steps:"}),"\n",(0,n.jsxs)(t.ul,{children:["\n",(0,n.jsxs)(t.li,{children:["Add a page slice inside the ",(0,n.jsx)(t.code,{children:"pages"})," layer"]}),"\n",(0,n.jsxs)(t.li,{children:["Add the corresponding rooute to the ",(0,n.jsx)(t.code,{children:"routes"})," folder from the ",(0,n.jsx)(t.code,{children:"app"})," layer"]}),"\n",(0,n.jsx)(t.li,{children:"Align the page from the slice with the rooute"}),"\n"]}),"\n",(0,n.jsxs)(t.p,{children:["To create a page slice, let's use the ",(0,n.jsx)(t.a,{href:"https://github.com/feature-sliced/cli",children:"CLI"}),":"]}),"\n",(0,n.jsx)(t.pre,{children:(0,n.jsx)(t.code,{className:"language-shell",children:"fsd pages home\n"})}),"\n",(0,n.jsxs)(t.p,{children:["Create a ",(0,n.jsx)(t.code,{children:"home-page.vue"})," file inside the ui segment, access it using the Public API"]}),"\n",(0,n.jsx)(t.pre,{children:(0,n.jsx)(t.code,{className:"language-ts",metastring:'title="src/pages/home/index.ts"',children:"export { default as HomePage } from './ui/home-page';\n"})}),"\n",(0,n.jsxs)(t.p,{children:["Create a root for this page inside the ",(0,n.jsx)(t.code,{children:"app"})," layer:"]}),"\n",(0,n.jsx)(t.pre,{children:(0,n.jsx)(t.code,{className:"language-sh",children:"\n\u251c\u2500\u2500 src\n\u2502   \u251c\u2500\u2500 app\n\u2502   \u2502   \u251c\u2500\u2500 routes\n\u2502   \u2502   \u2502   \u251c\u2500\u2500 +page.svelte\n\u2502   \u2502   \u251c\u2500\u2500 index.html\n\u2502   \u251c\u2500\u2500 pages\n\u2502   \u2502   \u251c\u2500\u2500 home\n\u2502   \u2502   \u2502   \u251c\u2500\u2500 ui\n\u2502   \u2502   \u2502   \u2502   \u251c\u2500\u2500 home-page.svelte\n\u2502   \u2502   \u2502   \u251c\u2500\u2500 index.ts\n"})}),"\n",(0,n.jsxs)(t.p,{children:["Add your page component inside the ",(0,n.jsx)(t.code,{children:"index.svelte"})," file:"]}),"\n",(0,n.jsx)(t.pre,{children:(0,n.jsx)(t.code,{className:"language-html",metastring:'title="src/app/routes/+page.svelte"',children:"<script>\n  import { HomePage } from '@/pages/home';\n<\/script>\n\n\n<HomePage/>\n"})}),"\n",(0,n.jsx)(t.h2,{id:"see-also",children:"See also."}),"\n",(0,n.jsxs)(t.ul,{children:["\n",(0,n.jsx)(t.li,{children:(0,n.jsx)(t.a,{href:"https://kit.svelte.dev/docs/configuration#files",children:"Documentation on changing directory config in SvelteKit"})}),"\n"]})]})}function h(e={}){const{wrapper:t}={...(0,i.R)(),...e.components};return t?(0,n.jsx)(t,{...e,children:(0,n.jsx)(d,{...e})}):d(e)}},1100:(e,t,s)=>{s.d(t,{R:()=>o,x:()=>c});var n=s(758);const i={},r=n.createContext(i);function o(e){const t=n.useContext(r);return n.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function c(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(i):e.components||i:o(e.components),n.createElement(r.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
+"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[679],{9239:(e,t,s)=>{s.r(t),s.d(t,{assets:()=>l,contentTitle:()=>o,default:()=>h,frontMatter:()=>r,metadata:()=>c,toc:()=>a});var n=s(6070),i=s(1100);const r={sidebar_position:10},o="Usage with SvelteKit",c={id:"guides/tech/with-sveltekit",title:"Usage with SvelteKit",description:"It is possible to implement FSD in a SvelteKit project, but conflicts arise due to the differences between the structure requirements of a SvelteKit project and the principles of FSD:",source:"@site/i18n/en/docusaurus-plugin-content-docs/current/guides/tech/with-sveltekit.mdx",sourceDirName:"guides/tech",slug:"/guides/tech/with-sveltekit",permalink:"/docs/guides/tech/with-sveltekit",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/guides/tech/with-sveltekit.mdx",tags:[],version:"current",lastUpdatedAt:1728325386e3,sidebarPosition:10,frontMatter:{sidebar_position:10},sidebar:"guidesSidebar",previous:{title:"Usage with React Query",permalink:"/docs/guides/tech/with-react-query"},next:{title:"Desegemented",permalink:"/docs/guides/issues/desegmented"}},l={},a=[{value:"Let&#39;s set up the config",id:"lets-set-up-the-config",level:2},{value:"Move file routing to <code>src/app</code>.",id:"move-file-routing-to-srcapp",level:2},{value:"See also.",id:"see-also",level:2}];function d(e){const t={a:"a",code:"code",h1:"h1",h2:"h2",header:"header",li:"li",p:"p",pre:"pre",ul:"ul",...(0,i.R)(),...e.components};return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(t.header,{children:(0,n.jsx)(t.h1,{id:"usage-with-sveltekit",children:"Usage with SvelteKit"})}),"\n",(0,n.jsx)(t.p,{children:"It is possible to implement FSD in a SvelteKit project, but conflicts arise due to the differences between the structure requirements of a SvelteKit project and the principles of FSD:"}),"\n",(0,n.jsxs)(t.ul,{children:["\n",(0,n.jsxs)(t.li,{children:["Initially, SvelteKit offers a file structure inside the ",(0,n.jsx)(t.code,{children:"src/routes"})," folder, while in FSD the routing must be part of the ",(0,n.jsx)(t.code,{children:"app"})," layer."]}),"\n",(0,n.jsxs)(t.li,{children:["SvelteKit suggests putting everything not related to routing in the ",(0,n.jsx)(t.code,{children:"src/lib"})," folder."]}),"\n"]}),"\n",(0,n.jsx)(t.h2,{id:"lets-set-up-the-config",children:"Let's set up the config"}),"\n",(0,n.jsx)(t.pre,{children:(0,n.jsx)(t.code,{className:"language-ts",metastring:'title="svelte.config.ts"',children:"import adapter from '@sveltejs/adapter-auto';\nimport { vitePreprocess } from '@sveltejs/vite-plugin-svelte';\n\n/** @type {import('@sveltejs/kit').Config}*/\nconst config = {\n  preprocess: [vitePreprocess()],\n  kit: {\n    adapter: adapter(),\n    files: {\n      routes: 'src/app/routes',             // move routing inside the app layer\n      lib: 'src',\n      appTemplate: 'src/app/index.html',    // Move the application entry point inside the app layer\n      assets: 'public'\n    },\n    alias: {\n      '@/*': 'src/*'                        // Create an alias for the src directory\n    }\n  }\n};\nexport default config;\n"})}),"\n",(0,n.jsxs)(t.h2,{id:"move-file-routing-to-srcapp",children:["Move file routing to ",(0,n.jsx)(t.code,{children:"src/app"}),"."]}),"\n",(0,n.jsxs)(t.p,{children:["Let's create an app layer, move the app's entry point ",(0,n.jsx)(t.code,{children:"index.html"})," into it, and create a routes folder.\nThus, your file structure should look like this:"]}),"\n",(0,n.jsx)(t.pre,{children:(0,n.jsx)(t.code,{className:"language-sh",children:"\u251c\u2500\u2500 src\n\u2502   \u251c\u2500\u2500 app\n\u2502   \u2502   \u251c\u2500\u2500 index.html\n\u2502   \u2502   \u251c\u2500\u2500 routes\n\u2502   \u251c\u2500\u2500 pages                               # \u041f\u0430\u043f\u043a\u0430 pages, \u0437\u0430\u043a\u0440\u0435\u043f\u043b\u0451\u043d\u043d\u0430\u044f \u0437\u0430 FSD\n"})}),"\n",(0,n.jsxs)(t.p,{children:["Now, you can create roots for pages within ",(0,n.jsx)(t.code,{children:"app"})," and connect pages from ",(0,n.jsx)(t.code,{children:"pages"})," to them."]}),"\n",(0,n.jsx)(t.p,{children:"For example, to add a home page to your project, you need to do the following steps:"}),"\n",(0,n.jsxs)(t.ul,{children:["\n",(0,n.jsxs)(t.li,{children:["Add a page slice inside the ",(0,n.jsx)(t.code,{children:"pages"})," layer"]}),"\n",(0,n.jsxs)(t.li,{children:["Add the corresponding rooute to the ",(0,n.jsx)(t.code,{children:"routes"})," folder from the ",(0,n.jsx)(t.code,{children:"app"})," layer"]}),"\n",(0,n.jsx)(t.li,{children:"Align the page from the slice with the rooute"}),"\n"]}),"\n",(0,n.jsxs)(t.p,{children:["To create a page slice, let's use the ",(0,n.jsx)(t.a,{href:"https://github.com/feature-sliced/cli",children:"CLI"}),":"]}),"\n",(0,n.jsx)(t.pre,{children:(0,n.jsx)(t.code,{className:"language-shell",children:"fsd pages home\n"})}),"\n",(0,n.jsxs)(t.p,{children:["Create a ",(0,n.jsx)(t.code,{children:"home-page.vue"})," file inside the ui segment, access it using the Public API"]}),"\n",(0,n.jsx)(t.pre,{children:(0,n.jsx)(t.code,{className:"language-ts",metastring:'title="src/pages/home/index.ts"',children:"export { default as HomePage } from './ui/home-page';\n"})}),"\n",(0,n.jsxs)(t.p,{children:["Create a root for this page inside the ",(0,n.jsx)(t.code,{children:"app"})," layer:"]}),"\n",(0,n.jsx)(t.pre,{children:(0,n.jsx)(t.code,{className:"language-sh",children:"\n\u251c\u2500\u2500 src\n\u2502   \u251c\u2500\u2500 app\n\u2502   \u2502   \u251c\u2500\u2500 routes\n\u2502   \u2502   \u2502   \u251c\u2500\u2500 +page.svelte\n\u2502   \u2502   \u251c\u2500\u2500 index.html\n\u2502   \u251c\u2500\u2500 pages\n\u2502   \u2502   \u251c\u2500\u2500 home\n\u2502   \u2502   \u2502   \u251c\u2500\u2500 ui\n\u2502   \u2502   \u2502   \u2502   \u251c\u2500\u2500 home-page.svelte\n\u2502   \u2502   \u2502   \u251c\u2500\u2500 index.ts\n"})}),"\n",(0,n.jsxs)(t.p,{children:["Add your page component inside the ",(0,n.jsx)(t.code,{children:"index.svelte"})," file:"]}),"\n",(0,n.jsx)(t.pre,{children:(0,n.jsx)(t.code,{className:"language-html",metastring:'title="src/app/routes/+page.svelte"',children:"<script>\n  import { HomePage } from '@/pages/home';\n<\/script>\n\n\n<HomePage/>\n"})}),"\n",(0,n.jsx)(t.h2,{id:"see-also",children:"See also."}),"\n",(0,n.jsxs)(t.ul,{children:["\n",(0,n.jsx)(t.li,{children:(0,n.jsx)(t.a,{href:"https://kit.svelte.dev/docs/configuration#files",children:"Documentation on changing directory config in SvelteKit"})}),"\n"]})]})}function h(e={}){const{wrapper:t}={...(0,i.R)(),...e.components};return t?(0,n.jsx)(t,{...e,children:(0,n.jsx)(d,{...e})}):d(e)}},1100:(e,t,s)=>{s.d(t,{R:()=>o,x:()=>c});var n=s(758);const i={},r=n.createContext(i);function o(e){const t=n.useContext(r);return n.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function c(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(i):e.components||i:o(e.components),n.createElement(r.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
diff --git a/assets/js/ed3dcfcb.c7c67d46.js b/assets/js/ed3dcfcb.d5a51c16.js
similarity index 98%
rename from assets/js/ed3dcfcb.c7c67d46.js
rename to assets/js/ed3dcfcb.d5a51c16.js
index 4c6388abe6..ee2a76b3ab 100644
--- a/assets/js/ed3dcfcb.c7c67d46.js
+++ b/assets/js/ed3dcfcb.d5a51c16.js
@@ -1 +1 @@
-"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[993],{1928:(e,t,i)=>{i.d(t,{Ay:()=>l,RM:()=>a});var s=i(6070),n=i(1100),r=(i(758),i(6783)),d=i(7765);const c=e=>{let{ticket:t}=e;const i=`https://github.com/feature-sliced/documentation/issues/${t}`;return(0,s.jsxs)("div",{children:[(0,s.jsx)("p",{children:(0,d.T)({id:"shared.wip.title"})}),(0,s.jsx)("p",{children:(0,d.T)({id:"shared.wip.subtitle"})}),(0,s.jsxs)("ul",{children:[(0,s.jsxs)("li",{children:[(0,d.T)({id:"shared.wip.var.feedback.base"}),(0,s.jsx)(r.A,{to:i,children:(0,d.T)({id:"shared.wip.var.feedback.link"})})]}),(0,s.jsxs)("li",{children:[(0,d.T)({id:"shared.wip.var.material.base"}),(0,s.jsx)(r.A,{to:"https://t.me/feature_sliced",children:(0,d.T)({id:"shared.wip.var.material.link"})})]}),(0,s.jsxs)("li",{children:[(0,d.T)({id:"shared.wip.var.contribute.base"}),(0,s.jsx)(r.A,{to:"https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md",children:(0,d.T)({id:"shared.wip.var.contribute.link"})})]})]}),(0,s.jsx)("br",{}),(0,s.jsx)("p",{children:(0,s.jsx)("i",{children:"\ud83c\udf70 Stay tuned!"})})]})},a=[];function o(e){const t={admonition:"admonition",...(0,n.R)(),...e.components};return(0,s.jsx)(t.admonition,{title:"WIP",type:"caution",children:(0,s.jsx)(c,{ticket:e.ticket})})}function l(e={}){const{wrapper:t}={...(0,n.R)(),...e.components};return t?(0,s.jsx)(t,{...e,children:(0,s.jsx)(o,{...e})}):o(e)}},4:(e,t,i)=>{i.r(t),i.d(t,{assets:()=>o,contentTitle:()=>c,default:()=>u,frontMatter:()=>d,metadata:()=>a,toc:()=>l});var s=i(6070),n=i(1100),r=i(1928);const d={sidebar_position:6,sidebar_class_name:"sidebar-item--wip",unlisted:!0},c="i18n",a={id:"guides/examples/i18n",title:"i18n",description:"Where to place it? How to work with this?",source:"@site/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/i18n.mdx",sourceDirName:"guides/examples",slug:"/guides/examples/i18n",permalink:"/docs/guides/examples/i18n",draft:!1,unlisted:!0,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/i18n.mdx",tags:[],version:"current",lastUpdatedAt:1727607766e3,sidebarPosition:6,frontMatter:{sidebar_position:6,sidebar_class_name:"sidebar-item--wip",unlisted:!0},sidebar:"guidesSidebar"},o={},l=[...r.RM,{value:"Where to place it? How to work with this?",id:"where-to-place-it-how-to-work-with-this",level:2}];function h(e){const t={a:"a",h1:"h1",h2:"h2",header:"header",li:"li",ul:"ul",...(0,n.R)(),...e.components};return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(t.header,{children:(0,s.jsx)(t.h1,{id:"i18n",children:"i18n"})}),"\n",(0,s.jsx)(r.Ay,{ticket:"171"}),"\n",(0,s.jsx)(t.h2,{id:"where-to-place-it-how-to-work-with-this",children:"Where to place it? How to work with this?"}),"\n",(0,s.jsxs)(t.ul,{children:["\n",(0,s.jsx)(t.li,{children:(0,s.jsx)(t.a,{href:"https://t.me/feature_sliced/4425",children:"https://t.me/feature_sliced/4425"})}),"\n",(0,s.jsx)(t.li,{children:(0,s.jsx)(t.a,{href:"https://t.me/feature_sliced/2325",children:"https://t.me/feature_sliced/2325"})}),"\n",(0,s.jsx)(t.li,{children:(0,s.jsx)(t.a,{href:"https://t.me/feature_sliced/1867",children:"https://t.me/feature_sliced/1867"})}),"\n"]})]})}function u(e={}){const{wrapper:t}={...(0,n.R)(),...e.components};return t?(0,s.jsx)(t,{...e,children:(0,s.jsx)(h,{...e})}):h(e)}},1100:(e,t,i)=>{i.d(t,{R:()=>d,x:()=>c});var s=i(758);const n={},r=s.createContext(n);function d(e){const t=s.useContext(r);return s.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function c(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(n):e.components||n:d(e.components),s.createElement(r.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
+"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[993],{1928:(e,t,i)=>{i.d(t,{Ay:()=>l,RM:()=>a});var s=i(6070),n=i(1100),r=(i(758),i(6783)),d=i(7765);const c=e=>{let{ticket:t}=e;const i=`https://github.com/feature-sliced/documentation/issues/${t}`;return(0,s.jsxs)("div",{children:[(0,s.jsx)("p",{children:(0,d.T)({id:"shared.wip.title"})}),(0,s.jsx)("p",{children:(0,d.T)({id:"shared.wip.subtitle"})}),(0,s.jsxs)("ul",{children:[(0,s.jsxs)("li",{children:[(0,d.T)({id:"shared.wip.var.feedback.base"}),(0,s.jsx)(r.A,{to:i,children:(0,d.T)({id:"shared.wip.var.feedback.link"})})]}),(0,s.jsxs)("li",{children:[(0,d.T)({id:"shared.wip.var.material.base"}),(0,s.jsx)(r.A,{to:"https://t.me/feature_sliced",children:(0,d.T)({id:"shared.wip.var.material.link"})})]}),(0,s.jsxs)("li",{children:[(0,d.T)({id:"shared.wip.var.contribute.base"}),(0,s.jsx)(r.A,{to:"https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md",children:(0,d.T)({id:"shared.wip.var.contribute.link"})})]})]}),(0,s.jsx)("br",{}),(0,s.jsx)("p",{children:(0,s.jsx)("i",{children:"\ud83c\udf70 Stay tuned!"})})]})},a=[];function o(e){const t={admonition:"admonition",...(0,n.R)(),...e.components};return(0,s.jsx)(t.admonition,{title:"WIP",type:"caution",children:(0,s.jsx)(c,{ticket:e.ticket})})}function l(e={}){const{wrapper:t}={...(0,n.R)(),...e.components};return t?(0,s.jsx)(t,{...e,children:(0,s.jsx)(o,{...e})}):o(e)}},4:(e,t,i)=>{i.r(t),i.d(t,{assets:()=>o,contentTitle:()=>c,default:()=>u,frontMatter:()=>d,metadata:()=>a,toc:()=>l});var s=i(6070),n=i(1100),r=i(1928);const d={sidebar_position:6,sidebar_class_name:"sidebar-item--wip",unlisted:!0},c="i18n",a={id:"guides/examples/i18n",title:"i18n",description:"Where to place it? How to work with this?",source:"@site/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/i18n.mdx",sourceDirName:"guides/examples",slug:"/guides/examples/i18n",permalink:"/docs/guides/examples/i18n",draft:!1,unlisted:!0,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/i18n.mdx",tags:[],version:"current",lastUpdatedAt:1728325386e3,sidebarPosition:6,frontMatter:{sidebar_position:6,sidebar_class_name:"sidebar-item--wip",unlisted:!0},sidebar:"guidesSidebar"},o={},l=[...r.RM,{value:"Where to place it? How to work with this?",id:"where-to-place-it-how-to-work-with-this",level:2}];function h(e){const t={a:"a",h1:"h1",h2:"h2",header:"header",li:"li",ul:"ul",...(0,n.R)(),...e.components};return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(t.header,{children:(0,s.jsx)(t.h1,{id:"i18n",children:"i18n"})}),"\n",(0,s.jsx)(r.Ay,{ticket:"171"}),"\n",(0,s.jsx)(t.h2,{id:"where-to-place-it-how-to-work-with-this",children:"Where to place it? How to work with this?"}),"\n",(0,s.jsxs)(t.ul,{children:["\n",(0,s.jsx)(t.li,{children:(0,s.jsx)(t.a,{href:"https://t.me/feature_sliced/4425",children:"https://t.me/feature_sliced/4425"})}),"\n",(0,s.jsx)(t.li,{children:(0,s.jsx)(t.a,{href:"https://t.me/feature_sliced/2325",children:"https://t.me/feature_sliced/2325"})}),"\n",(0,s.jsx)(t.li,{children:(0,s.jsx)(t.a,{href:"https://t.me/feature_sliced/1867",children:"https://t.me/feature_sliced/1867"})}),"\n"]})]})}function u(e={}){const{wrapper:t}={...(0,n.R)(),...e.components};return t?(0,s.jsx)(t,{...e,children:(0,s.jsx)(h,{...e})}):h(e)}},1100:(e,t,i)=>{i.d(t,{R:()=>d,x:()=>c});var s=i(758);const n={},r=s.createContext(n);function d(e){const t=s.useContext(r);return s.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function c(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(n):e.components||n:d(e.components),s.createElement(r.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
diff --git a/assets/js/f2567325.f285b311.js b/assets/js/f2567325.922e1979.js
similarity index 98%
rename from assets/js/f2567325.f285b311.js
rename to assets/js/f2567325.922e1979.js
index aef7d27b55..f01e07b99b 100644
--- a/assets/js/f2567325.f285b311.js
+++ b/assets/js/f2567325.922e1979.js
@@ -1 +1 @@
-"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[8211],{1928:(e,t,i)=>{i.d(t,{Ay:()=>c,RM:()=>l});var s=i(6070),n=i(1100),a=(i(758),i(6783)),r=i(7765);const d=e=>{let{ticket:t}=e;const i=`https://github.com/feature-sliced/documentation/issues/${t}`;return(0,s.jsxs)("div",{children:[(0,s.jsx)("p",{children:(0,r.T)({id:"shared.wip.title"})}),(0,s.jsx)("p",{children:(0,r.T)({id:"shared.wip.subtitle"})}),(0,s.jsxs)("ul",{children:[(0,s.jsxs)("li",{children:[(0,r.T)({id:"shared.wip.var.feedback.base"}),(0,s.jsx)(a.A,{to:i,children:(0,r.T)({id:"shared.wip.var.feedback.link"})})]}),(0,s.jsxs)("li",{children:[(0,r.T)({id:"shared.wip.var.material.base"}),(0,s.jsx)(a.A,{to:"https://t.me/feature_sliced",children:(0,r.T)({id:"shared.wip.var.material.link"})})]}),(0,s.jsxs)("li",{children:[(0,r.T)({id:"shared.wip.var.contribute.base"}),(0,s.jsx)(a.A,{to:"https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md",children:(0,r.T)({id:"shared.wip.var.contribute.link"})})]})]}),(0,s.jsx)("br",{}),(0,s.jsx)("p",{children:(0,s.jsx)("i",{children:"\ud83c\udf70 Stay tuned!"})})]})},l=[];function o(e){const t={admonition:"admonition",...(0,n.R)(),...e.components};return(0,s.jsx)(t.admonition,{title:"WIP",type:"caution",children:(0,s.jsx)(d,{ticket:e.ticket})})}function c(e={}){const{wrapper:t}={...(0,n.R)(),...e.components};return t?(0,s.jsx)(t,{...e,children:(0,s.jsx)(o,{...e})}):o(e)}},9129:(e,t,i)=>{i.r(t),i.d(t,{assets:()=>o,contentTitle:()=>d,default:()=>h,frontMatter:()=>r,metadata:()=>l,toc:()=>c});var s=i(6070),n=i(1100),a=i(1928);const r={sidebar_position:8,sidebar_class_name:"sidebar-item--wip",unlisted:!0},d="White Labels",l={id:"guides/examples/white-labels",title:"White Labels",description:"Figma, brand uikit, templates, adaptability to brands",source:"@site/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/white-labels.mdx",sourceDirName:"guides/examples",slug:"/guides/examples/white-labels",permalink:"/docs/guides/examples/white-labels",draft:!1,unlisted:!0,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/white-labels.mdx",tags:[],version:"current",lastUpdatedAt:1727607766e3,sidebarPosition:8,frontMatter:{sidebar_position:8,sidebar_class_name:"sidebar-item--wip",unlisted:!0},sidebar:"guidesSidebar"},o={},c=[...a.RM,{value:"See also",id:"see-also",level:2}];function u(e){const t={a:"a",blockquote:"blockquote",h1:"h1",h2:"h2",header:"header",li:"li",p:"p",ul:"ul",...(0,n.R)(),...e.components};return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(t.header,{children:(0,s.jsx)(t.h1,{id:"white-labels",children:"White Labels"})}),"\n",(0,s.jsx)(a.Ay,{ticket:"215"}),"\n",(0,s.jsxs)(t.blockquote,{children:["\n",(0,s.jsx)(t.p,{children:"Figma, brand uikit, templates, adaptability to brands"}),"\n"]}),"\n",(0,s.jsx)(t.h2,{id:"see-also",children:"See also"}),"\n",(0,s.jsxs)(t.ul,{children:["\n",(0,s.jsx)(t.li,{children:(0,s.jsx)(t.a,{href:"https://t.me/feature_sliced/1543",children:"(Thread) About the application for white-labels (branded) projects"})}),"\n",(0,s.jsx)(t.li,{children:(0,s.jsx)(t.a,{href:"http://yadi.sk/i/5IdhzsWrpO3v4Q",children:"(Presentation) About white-labels apps and design"})}),"\n"]})]})}function h(e={}){const{wrapper:t}={...(0,n.R)(),...e.components};return t?(0,s.jsx)(t,{...e,children:(0,s.jsx)(u,{...e})}):u(e)}},1100:(e,t,i)=>{i.d(t,{R:()=>r,x:()=>d});var s=i(758);const n={},a=s.createContext(n);function r(e){const t=s.useContext(a);return s.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function d(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(n):e.components||n:r(e.components),s.createElement(a.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
+"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[8211],{1928:(e,t,i)=>{i.d(t,{Ay:()=>c,RM:()=>l});var s=i(6070),n=i(1100),a=(i(758),i(6783)),r=i(7765);const d=e=>{let{ticket:t}=e;const i=`https://github.com/feature-sliced/documentation/issues/${t}`;return(0,s.jsxs)("div",{children:[(0,s.jsx)("p",{children:(0,r.T)({id:"shared.wip.title"})}),(0,s.jsx)("p",{children:(0,r.T)({id:"shared.wip.subtitle"})}),(0,s.jsxs)("ul",{children:[(0,s.jsxs)("li",{children:[(0,r.T)({id:"shared.wip.var.feedback.base"}),(0,s.jsx)(a.A,{to:i,children:(0,r.T)({id:"shared.wip.var.feedback.link"})})]}),(0,s.jsxs)("li",{children:[(0,r.T)({id:"shared.wip.var.material.base"}),(0,s.jsx)(a.A,{to:"https://t.me/feature_sliced",children:(0,r.T)({id:"shared.wip.var.material.link"})})]}),(0,s.jsxs)("li",{children:[(0,r.T)({id:"shared.wip.var.contribute.base"}),(0,s.jsx)(a.A,{to:"https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md",children:(0,r.T)({id:"shared.wip.var.contribute.link"})})]})]}),(0,s.jsx)("br",{}),(0,s.jsx)("p",{children:(0,s.jsx)("i",{children:"\ud83c\udf70 Stay tuned!"})})]})},l=[];function o(e){const t={admonition:"admonition",...(0,n.R)(),...e.components};return(0,s.jsx)(t.admonition,{title:"WIP",type:"caution",children:(0,s.jsx)(d,{ticket:e.ticket})})}function c(e={}){const{wrapper:t}={...(0,n.R)(),...e.components};return t?(0,s.jsx)(t,{...e,children:(0,s.jsx)(o,{...e})}):o(e)}},9129:(e,t,i)=>{i.r(t),i.d(t,{assets:()=>o,contentTitle:()=>d,default:()=>h,frontMatter:()=>r,metadata:()=>l,toc:()=>c});var s=i(6070),n=i(1100),a=i(1928);const r={sidebar_position:8,sidebar_class_name:"sidebar-item--wip",unlisted:!0},d="White Labels",l={id:"guides/examples/white-labels",title:"White Labels",description:"Figma, brand uikit, templates, adaptability to brands",source:"@site/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/white-labels.mdx",sourceDirName:"guides/examples",slug:"/guides/examples/white-labels",permalink:"/docs/guides/examples/white-labels",draft:!1,unlisted:!0,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/white-labels.mdx",tags:[],version:"current",lastUpdatedAt:1728325386e3,sidebarPosition:8,frontMatter:{sidebar_position:8,sidebar_class_name:"sidebar-item--wip",unlisted:!0},sidebar:"guidesSidebar"},o={},c=[...a.RM,{value:"See also",id:"see-also",level:2}];function u(e){const t={a:"a",blockquote:"blockquote",h1:"h1",h2:"h2",header:"header",li:"li",p:"p",ul:"ul",...(0,n.R)(),...e.components};return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(t.header,{children:(0,s.jsx)(t.h1,{id:"white-labels",children:"White Labels"})}),"\n",(0,s.jsx)(a.Ay,{ticket:"215"}),"\n",(0,s.jsxs)(t.blockquote,{children:["\n",(0,s.jsx)(t.p,{children:"Figma, brand uikit, templates, adaptability to brands"}),"\n"]}),"\n",(0,s.jsx)(t.h2,{id:"see-also",children:"See also"}),"\n",(0,s.jsxs)(t.ul,{children:["\n",(0,s.jsx)(t.li,{children:(0,s.jsx)(t.a,{href:"https://t.me/feature_sliced/1543",children:"(Thread) About the application for white-labels (branded) projects"})}),"\n",(0,s.jsx)(t.li,{children:(0,s.jsx)(t.a,{href:"http://yadi.sk/i/5IdhzsWrpO3v4Q",children:"(Presentation) About white-labels apps and design"})}),"\n"]})]})}function h(e={}){const{wrapper:t}={...(0,n.R)(),...e.components};return t?(0,s.jsx)(t,{...e,children:(0,s.jsx)(u,{...e})}):u(e)}},1100:(e,t,i)=>{i.d(t,{R:()=>r,x:()=>d});var s=i(758);const n={},a=s.createContext(n);function r(e){const t=s.useContext(a);return s.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function d(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(n):e.components||n:r(e.components),s.createElement(a.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
diff --git a/assets/js/f2c174dc.c0f4bd80.js b/assets/js/f2c174dc.47aef1c8.js
similarity index 99%
rename from assets/js/f2c174dc.c0f4bd80.js
rename to assets/js/f2c174dc.47aef1c8.js
index d9aad1a2d2..3bfcf05186 100644
--- a/assets/js/f2c174dc.c0f4bd80.js
+++ b/assets/js/f2c174dc.47aef1c8.js
@@ -1 +1 @@
-"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[4861],{8595:(e,s,i)=>{i.r(s),i.d(s,{assets:()=>a,contentTitle:()=>o,default:()=>h,frontMatter:()=>r,metadata:()=>l,toc:()=>c});var n=i(6070),t=i(1100);const r={sidebar_position:3,sidebar_label:"From a custom architecture"},o="Migration from a custom architecture",l={id:"guides/migration/from-custom",title:"Migration from a custom architecture",description:"This guide describes an approach that might be helpful when migrating from a custom self-made architecture to Feature-Sliced Design.",source:"@site/i18n/en/docusaurus-plugin-content-docs/current/guides/migration/from-custom.md",sourceDirName:"guides/migration",slug:"/guides/migration/from-custom",permalink:"/docs/guides/migration/from-custom",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/guides/migration/from-custom.md",tags:[],version:"current",lastUpdatedAt:1727607766e3,sidebarPosition:3,frontMatter:{sidebar_position:3,sidebar_label:"From a custom architecture"},sidebar:"guidesSidebar",previous:{title:"Page layouts",permalink:"/docs/guides/examples/page-layout"},next:{title:"Migration from v1",permalink:"/docs/guides/migration/from-v1"}},a={},c=[{value:"Before you start",id:"before-you-start",level:2},{value:"Step 1. Divide the code by pages",id:"divide-code-by-pages",level:2},{value:"Step 2. Separate everything else from the pages",id:"separate-everything-else-from-pages",level:2},{value:"Step 3. Tackle cross-imports between pages",id:"tackle-cross-imports-between-pages",level:2},{value:"Step 4. Unpack the Shared layer",id:"unpack-shared-layer",level:2},{value:"Step 5. Organize code by technical purpose",id:"organize-by-technical-purpose",level:2},{value:"Optional steps",id:"optional-steps",level:2},{value:"Step 6. Form entities/features from Redux slices that are used on several pages",id:"form-entities-features-from-redux",level:3},{value:"Step 7. Refactor your modules",id:"refactor-your-modules",level:3},{value:"Step 8. Form a clean UI foundation in <code>shared/ui</code>",id:"form-clean-ui-foundation",level:3},{value:"See also",id:"see-also",level:2}];function d(e){const s={a:"a",admonition:"admonition",br:"br",code:"code",em:"em",h1:"h1",h2:"h2",h3:"h3",header:"header",hr:"hr",li:"li",ol:"ol",p:"p",pre:"pre",strong:"strong",ul:"ul",...(0,t.R)(),...e.components},{Details:i}=s;return i||function(e,s){throw new Error("Expected "+(s?"component":"object")+" `"+e+"` to be defined: you likely forgot to import, pass, or provide it.")}("Details",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(s.header,{children:(0,n.jsx)(s.h1,{id:"migration-from-a-custom-architecture",children:"Migration from a custom architecture"})}),"\n",(0,n.jsx)(s.p,{children:"This guide describes an approach that might be helpful when migrating from a custom self-made architecture to Feature-Sliced Design."}),"\n",(0,n.jsxs)(s.p,{children:["Here is the folder structure of a typical custom architecture. We will be using it as an example in this guide.",(0,n.jsx)(s.br,{}),"\n","Click on the blue arrow to open the folder."]}),"\n",(0,n.jsxs)(i,{className:"file-tree",children:[(0,n.jsx)("summary",{children:"\ud83d\udcc1 src"}),(0,n.jsxs)("ul",{children:[(0,n.jsx)("li",{children:(0,n.jsxs)(i,{className:"file-tree",children:[(0,n.jsx)("summary",{children:"\ud83d\udcc1 actions"}),(0,n.jsxs)("ul",{children:[(0,n.jsx)("li",{children:"\ud83d\udcc1 product"}),(0,n.jsx)("li",{children:"\ud83d\udcc1 order"})]})]})}),(0,n.jsx)("li",{children:"\ud83d\udcc1 api"}),(0,n.jsx)("li",{children:"\ud83d\udcc1 components"}),(0,n.jsx)("li",{children:"\ud83d\udcc1 containers"}),(0,n.jsx)("li",{children:"\ud83d\udcc1 constants"}),(0,n.jsx)("li",{children:"\ud83d\udcc1 i18n"}),(0,n.jsx)("li",{children:"\ud83d\udcc1 modules"}),(0,n.jsx)("li",{children:"\ud83d\udcc1 helpers"}),(0,n.jsx)("li",{children:(0,n.jsxs)(i,{className:"file-tree",children:[(0,n.jsx)("summary",{children:"\ud83d\udcc1 routes"}),(0,n.jsxs)("ul",{children:[(0,n.jsx)("li",{children:"\ud83d\udcc1 products.jsx"}),(0,n.jsx)("li",{children:"\ud83d\udcc4 products.[id].jsx"})]})]})}),(0,n.jsx)("li",{children:"\ud83d\udcc1 utils"}),(0,n.jsx)("li",{children:"\ud83d\udcc1 reducers"}),(0,n.jsx)("li",{children:"\ud83d\udcc1 selectors"}),(0,n.jsx)("li",{children:"\ud83d\udcc1 styles"}),(0,n.jsx)("li",{children:"\ud83d\udcc4 App.jsx"}),(0,n.jsx)("li",{children:"\ud83d\udcc4 index.js"})]})]}),"\n",(0,n.jsx)(s.h2,{id:"before-you-start",children:"Before you start"}),"\n",(0,n.jsxs)(s.p,{children:["The most important question to ask your team when considering to switch to Feature-Sliced Design is \u2014 ",(0,n.jsx)(s.em,{children:"do you really need it?"})," We love Feature-Sliced Design, but even we recognize that some projects are perfectly fine without it."]}),"\n",(0,n.jsx)(s.p,{children:"Here are some reasons to consider making the switch:"}),"\n",(0,n.jsxs)(s.ol,{children:["\n",(0,n.jsx)(s.li,{children:"New team members are complaining that it's hard to get to a productive level"}),"\n",(0,n.jsxs)(s.li,{children:["Making modifications to one part of the code ",(0,n.jsx)(s.strong,{children:"often"})," causes another unrelated part to break"]}),"\n",(0,n.jsx)(s.li,{children:"Adding new functionality is difficult due to the sheer amount of things you need to think about"}),"\n"]}),"\n",(0,n.jsxs)(s.p,{children:[(0,n.jsx)(s.strong,{children:"Avoid switching to FSD against the will of your teammates"}),", even if you are the lead.",(0,n.jsx)(s.br,{}),"\n","First, convince your teammates that the benefits outweigh the cost of migration and the cost of learning a new architecture instead of the established one."]}),"\n",(0,n.jsx)(s.p,{children:"Also keep in mind that any kind of architectural changes are not immediately observable to the management. Make sure they are on board with the switch before starting and explain to them why it might benefit the project."}),"\n",(0,n.jsxs)(s.admonition,{type:"tip",children:[(0,n.jsx)(s.p,{children:"If you need help convincing the project manager that FSD is beneficial, consider some of these points:"}),(0,n.jsxs)(s.ol,{children:["\n",(0,n.jsx)(s.li,{children:"Migration to FSD can happen incrementally, so it will not halt the development of new features"}),"\n",(0,n.jsx)(s.li,{children:"A good architecture can significantly decrease the time that a new developer needs to get productive"}),"\n",(0,n.jsx)(s.li,{children:"FSD is a documented architecture, so the team doesn't have to continuously spend time on maintaining their own documentation"}),"\n"]})]}),"\n",(0,n.jsx)(s.hr,{}),"\n",(0,n.jsxs)(s.p,{children:["If you made the decision to start migrating, then the first thing you want to do is to set up an alias for ",(0,n.jsx)(s.code,{children:"\ud83d\udcc1 src"}),". It will be helpful later to refer to top-level folders. We will consider ",(0,n.jsx)(s.code,{children:"@"})," as an alias for ",(0,n.jsx)(s.code,{children:"./src"})," for the rest of this guide."]}),"\n",(0,n.jsx)(s.h2,{id:"divide-code-by-pages",children:"Step 1. Divide the code by pages"}),"\n",(0,n.jsxs)(s.p,{children:["Most custom architectures already have a division by pages, however small or large in logic. If you already have ",(0,n.jsx)(s.code,{children:"\ud83d\udcc1 pages"}),", you may skip this step."]}),"\n",(0,n.jsxs)(s.p,{children:["If you only have ",(0,n.jsx)(s.code,{children:"\ud83d\udcc1 routes"}),", create ",(0,n.jsx)(s.code,{children:"\ud83d\udcc1 pages"})," and try to move as much component code from ",(0,n.jsx)(s.code,{children:"\ud83d\udcc1 routes"})," as possible. Ideally, you would have a tiny route and a larger page. As you're moving code, create a folder for each page and add an index file:"]}),"\n",(0,n.jsx)(s.admonition,{type:"note",children:(0,n.jsx)(s.p,{children:"For now, it's okay if your pages reference each other. You can tackle that later, but for now, focus on establishing a prominent division by pages."})}),"\n",(0,n.jsx)(s.p,{children:"Route file:"}),"\n",(0,n.jsx)(s.pre,{children:(0,n.jsx)(s.code,{className:"language-js",metastring:'title="src/routes/products.[id].js"',children:'export { ProductPage as default } from "@/pages/product"\n'})}),"\n",(0,n.jsx)(s.p,{children:"Page index file:"}),"\n",(0,n.jsx)(s.pre,{children:(0,n.jsx)(s.code,{className:"language-js",metastring:'title="src/pages/product/index.js"',children:'export { ProductPage } from "./ProductPage.jsx"\n'})}),"\n",(0,n.jsx)(s.p,{children:"Page component file:"}),"\n",(0,n.jsx)(s.pre,{children:(0,n.jsx)(s.code,{className:"language-jsx",metastring:'title="src/pages/product/ProductPage.jsx"',children:"export function ProductPage(props) {\n  return <div />;\n}\n"})}),"\n",(0,n.jsx)(s.h2,{id:"separate-everything-else-from-pages",children:"Step 2. Separate everything else from the pages"}),"\n",(0,n.jsxs)(s.p,{children:["Create a folder ",(0,n.jsx)(s.code,{children:"\ud83d\udcc1 src/shared"})," and move everything that doesn't import from ",(0,n.jsx)(s.code,{children:"\ud83d\udcc1 pages"})," or ",(0,n.jsx)(s.code,{children:"\ud83d\udcc1 routes"})," there. Create a folder ",(0,n.jsx)(s.code,{children:"\ud83d\udcc1 src/app"})," and move everything that does import the pages or routes there, including the routes themselves."]}),"\n",(0,n.jsx)(s.p,{children:"Remember that the Shared layer doesn't have slices, so it's fine if segments import from each other."}),"\n",(0,n.jsx)(s.p,{children:"You should end up with a file structure like this:"}),"\n",(0,n.jsxs)(i,{className:"file-tree",open:!0,children:[(0,n.jsx)("summary",{children:"\ud83d\udcc1 src"}),(0,n.jsxs)("ul",{children:[(0,n.jsx)("li",{children:(0,n.jsxs)(i,{className:"file-tree",children:[(0,n.jsx)("summary",{children:"\ud83d\udcc1 app"}),(0,n.jsxs)("ul",{children:[(0,n.jsx)("li",{children:(0,n.jsxs)(i,{className:"file-tree",children:[(0,n.jsx)("summary",{children:"\ud83d\udcc1 routes"}),(0,n.jsxs)("ul",{children:[(0,n.jsx)("li",{children:"\ud83d\udcc4 products.jsx"}),(0,n.jsx)("li",{children:"\ud83d\udcc4 products.[id].jsx"})]})]})}),(0,n.jsx)("li",{children:"\ud83d\udcc4 App.jsx"}),(0,n.jsx)("li",{children:"\ud83d\udcc4 index.js"})]})]})}),(0,n.jsx)("li",{children:(0,n.jsxs)(i,{className:"file-tree",children:[(0,n.jsx)("summary",{children:"\ud83d\udcc1 pages"}),(0,n.jsxs)("ul",{children:[(0,n.jsx)("li",{children:(0,n.jsxs)(i,{className:"file-tree",children:[(0,n.jsx)("summary",{children:"\ud83d\udcc1 product"}),(0,n.jsxs)("ul",{children:[(0,n.jsx)("li",{children:(0,n.jsxs)(i,{className:"file-tree",children:[(0,n.jsx)("summary",{children:"\ud83d\udcc1 ui"}),(0,n.jsx)("ul",{children:(0,n.jsx)("li",{children:"\ud83d\udcc4 ProductPage.jsx"})})]})}),(0,n.jsx)("li",{children:"\ud83d\udcc4 index.js"})]})]})}),(0,n.jsx)("li",{children:"\ud83d\udcc1 catalog"})]})]})}),(0,n.jsx)("li",{children:(0,n.jsxs)(i,{className:"file-tree",children:[(0,n.jsx)("summary",{children:"\ud83d\udcc1 shared"}),(0,n.jsxs)("ul",{children:[(0,n.jsx)("li",{children:"\ud83d\udcc1 actions"}),(0,n.jsx)("li",{children:"\ud83d\udcc1 api"}),(0,n.jsx)("li",{children:"\ud83d\udcc1 components"}),(0,n.jsx)("li",{children:"\ud83d\udcc1 containers"}),(0,n.jsx)("li",{children:"\ud83d\udcc1 constants"}),(0,n.jsx)("li",{children:"\ud83d\udcc1 i18n"}),(0,n.jsx)("li",{children:"\ud83d\udcc1 modules"}),(0,n.jsx)("li",{children:"\ud83d\udcc1 helpers"}),(0,n.jsx)("li",{children:"\ud83d\udcc1 utils"}),(0,n.jsx)("li",{children:"\ud83d\udcc1 reducers"}),(0,n.jsx)("li",{children:"\ud83d\udcc1 selectors"}),(0,n.jsx)("li",{children:"\ud83d\udcc1 styles"})]})]})})]})]}),"\n",(0,n.jsx)(s.h2,{id:"tackle-cross-imports-between-pages",children:"Step 3. Tackle cross-imports between pages"}),"\n",(0,n.jsx)(s.p,{children:"Find all instances where one page is importing from the other and do one of the two things:"}),"\n",(0,n.jsxs)(s.ol,{children:["\n",(0,n.jsx)(s.li,{children:"Copy-paste the imported code into the depending page to remove the dependency"}),"\n",(0,n.jsxs)(s.li,{children:["Move the code to a proper segment in Shared:","\n",(0,n.jsxs)(s.ul,{children:["\n",(0,n.jsxs)(s.li,{children:["if it's a part of the UI kit, move it to ",(0,n.jsx)(s.code,{children:"\ud83d\udcc1 shared/ui"}),";"]}),"\n",(0,n.jsxs)(s.li,{children:["if it's a configuration constant, move it to ",(0,n.jsx)(s.code,{children:"\ud83d\udcc1 shared/config"}),";"]}),"\n",(0,n.jsxs)(s.li,{children:["if it's a backend interaction, move it to ",(0,n.jsx)(s.code,{children:"\ud83d\udcc1 shared/api"}),"."]}),"\n"]}),"\n"]}),"\n"]}),"\n",(0,n.jsxs)(s.admonition,{type:"note",children:[(0,n.jsxs)(s.p,{children:[(0,n.jsx)(s.strong,{children:"Copy-pasting isn't architecturally wrong"}),", in fact, sometimes it may be more correct to duplicate than to abstract into a new reusable module. The reason is that sometimes the shared parts of pages start drifting apart, and you don't want dependencies getting in your way in these cases."]}),(0,n.jsx)(s.p,{children:"However, there is still sense in the DRY (\"don't repeat yourself\") principle, so make sure you're not copy-pasting business logic. Otherwise you will need to remember to fix bugs in several places at once."})]}),"\n",(0,n.jsx)(s.h2,{id:"unpack-shared-layer",children:"Step 4. Unpack the Shared layer"}),"\n",(0,n.jsx)(s.p,{children:"You might have a lot of stuff in the Shared layer on this step, and you generally want to avoid that. The reason is that the Shared layer may be a dependency for any other layer in your codebase, so making changes to that code is automatically more prone to unintended consequences."}),"\n",(0,n.jsxs)(s.p,{children:["Find all the objects that are only used on one page and move it to the slice of that page. And yes, ",(0,n.jsx)(s.em,{children:"that applies to actions, reducers, and selectors, too"}),". There is no benefit in grouping all actions together, but there is benefit in colocating relevant actions close to their usage."]}),"\n",(0,n.jsx)(s.p,{children:"You should end up with a file structure like this:"}),"\n",(0,n.jsxs)(i,{className:"file-tree",open:!0,children:[(0,n.jsx)("summary",{children:"\ud83d\udcc1 src"}),(0,n.jsxs)("ul",{children:[(0,n.jsx)("li",{children:"\ud83d\udcc1 app (unchanged)"}),(0,n.jsx)("li",{children:(0,n.jsxs)(i,{className:"file-tree",open:!0,children:[(0,n.jsx)("summary",{children:"\ud83d\udcc1 pages"}),(0,n.jsxs)("ul",{children:[(0,n.jsx)("li",{children:(0,n.jsxs)(i,{className:"file-tree",open:!0,children:[(0,n.jsx)("summary",{children:"\ud83d\udcc1 product"}),(0,n.jsxs)("ul",{children:[(0,n.jsx)("li",{children:"\ud83d\udcc1 actions"}),(0,n.jsx)("li",{children:"\ud83d\udcc1 reducers"}),(0,n.jsx)("li",{children:"\ud83d\udcc1 selectors"}),(0,n.jsx)("li",{children:(0,n.jsxs)(i,{className:"file-tree",children:[(0,n.jsx)("summary",{children:"\ud83d\udcc1 ui"}),(0,n.jsxs)("ul",{children:[(0,n.jsx)("li",{children:"\ud83d\udcc4 Component.jsx"}),(0,n.jsx)("li",{children:"\ud83d\udcc4 Container.jsx"}),(0,n.jsx)("li",{children:"\ud83d\udcc4 ProductPage.jsx"})]})]})}),(0,n.jsx)("li",{children:"\ud83d\udcc4 index.js"})]})]})}),(0,n.jsx)("li",{children:"\ud83d\udcc1 catalog"})]})]})}),(0,n.jsx)("li",{children:(0,n.jsxs)(i,{className:"file-tree",children:[(0,n.jsx)("summary",{children:"\ud83d\udcc1 shared (only objects that are reused)"}),(0,n.jsxs)("ul",{children:[(0,n.jsx)("li",{children:"\ud83d\udcc1 actions"}),(0,n.jsx)("li",{children:"\ud83d\udcc1 api"}),(0,n.jsx)("li",{children:"\ud83d\udcc1 components"}),(0,n.jsx)("li",{children:"\ud83d\udcc1 containers"}),(0,n.jsx)("li",{children:"\ud83d\udcc1 constants"}),(0,n.jsx)("li",{children:"\ud83d\udcc1 i18n"}),(0,n.jsx)("li",{children:"\ud83d\udcc1 modules"}),(0,n.jsx)("li",{children:"\ud83d\udcc1 helpers"}),(0,n.jsx)("li",{children:"\ud83d\udcc1 utils"}),(0,n.jsx)("li",{children:"\ud83d\udcc1 reducers"}),(0,n.jsx)("li",{children:"\ud83d\udcc1 selectors"}),(0,n.jsx)("li",{children:"\ud83d\udcc1 styles"})]})]})})]})]}),"\n",(0,n.jsx)(s.h2,{id:"organize-by-technical-purpose",children:"Step 5. Organize code by technical purpose"}),"\n",(0,n.jsxs)(s.p,{children:["In FSD, division by technical purpose is done with ",(0,n.jsx)(s.em,{children:"segments"}),". There are a few common ones:"]}),"\n",(0,n.jsxs)(s.ul,{children:["\n",(0,n.jsxs)(s.li,{children:[(0,n.jsx)(s.code,{children:"ui"})," \u2014 everything related to UI display: UI components, date formatters, styles, etc."]}),"\n",(0,n.jsxs)(s.li,{children:[(0,n.jsx)(s.code,{children:"api"})," \u2014 backend interactions: request functions, data types, mappers, etc."]}),"\n",(0,n.jsxs)(s.li,{children:[(0,n.jsx)(s.code,{children:"model"})," \u2014 the data model: schemas, interfaces, stores, and business logic."]}),"\n",(0,n.jsxs)(s.li,{children:[(0,n.jsx)(s.code,{children:"lib"})," \u2014 library code that other modules on this slice need."]}),"\n",(0,n.jsxs)(s.li,{children:[(0,n.jsx)(s.code,{children:"config"})," \u2014 configuration files and feature flags."]}),"\n"]}),"\n",(0,n.jsxs)(s.p,{children:["You can create your own segments, too, if you need. Make sure not to create segments that group code by what it is, like ",(0,n.jsx)(s.code,{children:"components"}),", ",(0,n.jsx)(s.code,{children:"actions"}),", ",(0,n.jsx)(s.code,{children:"types"}),", ",(0,n.jsx)(s.code,{children:"utils"}),". Instead, group the code by what it's for."]}),"\n",(0,n.jsxs)(s.p,{children:["Reorganize your pages to separate code by segments. You should already have a ",(0,n.jsx)(s.code,{children:"ui"})," segment, now it's time to create other segments, like ",(0,n.jsx)(s.code,{children:"model"})," for your actions, reducers, and selectors, or ",(0,n.jsx)(s.code,{children:"api"})," for your thunks and mutations."]}),"\n",(0,n.jsx)(s.p,{children:"Also reorganize the Shared layer to remove these folders:"}),"\n",(0,n.jsxs)(s.ul,{children:["\n",(0,n.jsxs)(s.li,{children:[(0,n.jsx)(s.code,{children:"\ud83d\udcc1 components"}),", ",(0,n.jsx)(s.code,{children:"\ud83d\udcc1 containers"})," \u2014 most of it should become ",(0,n.jsx)(s.code,{children:"\ud83d\udcc1 shared/ui"}),";"]}),"\n",(0,n.jsxs)(s.li,{children:[(0,n.jsx)(s.code,{children:"\ud83d\udcc1 helpers"}),", ",(0,n.jsx)(s.code,{children:"\ud83d\udcc1 utils"})," \u2014 if there are some reused helpers left, group them together by function, like dates or type conversions, and move theses groups to ",(0,n.jsx)(s.code,{children:"\ud83d\udcc1 shared/lib"}),";"]}),"\n",(0,n.jsxs)(s.li,{children:[(0,n.jsx)(s.code,{children:"\ud83d\udcc1 constants"})," \u2014 again, group by function and move to ",(0,n.jsx)(s.code,{children:"\ud83d\udcc1 shared/config"}),"."]}),"\n"]}),"\n",(0,n.jsx)(s.h2,{id:"optional-steps",children:"Optional steps"}),"\n",(0,n.jsx)(s.h3,{id:"form-entities-features-from-redux",children:"Step 6. Form entities/features from Redux slices that are used on several pages"}),"\n",(0,n.jsx)(s.p,{children:"Usually, these reused Redux slices will describe something relevant to the business, for example, products or users, so these can be moved to the Entities layer, one entity per one folder. If the Redux slice is related to an action that your users want to do in your app, like comments, then you can move it to the Features layer."}),"\n",(0,n.jsxs)(s.p,{children:["Entities and features are meant to be independent from each other. If your business domain contains inherent connections between entities, refer to the ",(0,n.jsx)(s.a,{href:"/docs/guides/examples/types#business-entities-and-their-cross-references",children:"guide on business entities"})," for advice on how to organize these connections."]}),"\n",(0,n.jsxs)(s.p,{children:["The API functions related to these slices can stay in ",(0,n.jsx)(s.code,{children:"\ud83d\udcc1 shared/api"}),"."]}),"\n",(0,n.jsx)(s.h3,{id:"refactor-your-modules",children:"Step 7. Refactor your modules"}),"\n",(0,n.jsxs)(s.p,{children:["The ",(0,n.jsx)(s.code,{children:"\ud83d\udcc1 modules"})," folder is commonly used for business logic, so it's already pretty similar in nature to the Features layer from FSD. Some modules might also be describe large chunks of the UI, like an app header. In that case, you should migrate them to the Widgets layer."]}),"\n",(0,n.jsxs)(s.h3,{id:"form-clean-ui-foundation",children:["Step 8. Form a clean UI foundation in ",(0,n.jsx)(s.code,{children:"shared/ui"})]}),"\n",(0,n.jsxs)(s.p,{children:[(0,n.jsx)(s.code,{children:"\ud83d\udcc1 shared/ui"})," should ideally contain a set of UI elements that don't have any business logic encoded in them. They should also be highly reusable."]}),"\n",(0,n.jsxs)(s.p,{children:["Refactor the UI components that used to be in ",(0,n.jsx)(s.code,{children:"\ud83d\udcc1 components"})," and ",(0,n.jsx)(s.code,{children:"\ud83d\udcc1 containers"})," to separate out the business logic. Move that business logic to the higher layers. If it's not used in too many places, you could even consider copy-pasting."]}),"\n",(0,n.jsx)(s.h2,{id:"see-also",children:"See also"}),"\n",(0,n.jsxs)(s.ul,{children:["\n",(0,n.jsx)(s.li,{children:(0,n.jsx)(s.a,{href:"https://youtu.be/aOiJ3k2UvO4",children:"(Talk in Russian) Ilya Klimov \u2014 \u041a\u0440\u044b\u0441\u0438\u043d\u044b\u0435 \u0431\u0435\u0433\u0430 \u0431\u0435\u0441\u043a\u043e\u043d\u0435\u0447\u043d\u043e\u0433\u043e \u0440\u0435\u0444\u0430\u043a\u0442\u043e\u0440\u0438\u043d\u0433\u0430: \u043a\u0430\u043a \u043d\u0435 \u0434\u0430\u0442\u044c \u0442\u0435\u0445\u043d\u0438\u0447\u0435\u0441\u043a\u043e\u043c\u0443 \u0434\u043e\u043b\u0433\u0443 \u0443\u0431\u0438\u0442\u044c \u043c\u043e\u0442\u0438\u0432\u0430\u0446\u0438\u044e \u0438 \u043f\u0440\u043e\u0434\u0443\u043a\u0442"})}),"\n"]})]})}function h(e={}){const{wrapper:s}={...(0,t.R)(),...e.components};return s?(0,n.jsx)(s,{...e,children:(0,n.jsx)(d,{...e})}):d(e)}},1100:(e,s,i)=>{i.d(s,{R:()=>o,x:()=>l});var n=i(758);const t={},r=n.createContext(t);function o(e){const s=n.useContext(r);return n.useMemo((function(){return"function"==typeof e?e(s):{...s,...e}}),[s,e])}function l(e){let s;return s=e.disableParentContext?"function"==typeof e.components?e.components(t):e.components||t:o(e.components),n.createElement(r.Provider,{value:s},e.children)}}}]);
\ No newline at end of file
+"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[4861],{8595:(e,s,i)=>{i.r(s),i.d(s,{assets:()=>a,contentTitle:()=>o,default:()=>h,frontMatter:()=>r,metadata:()=>l,toc:()=>c});var n=i(6070),t=i(1100);const r={sidebar_position:3,sidebar_label:"From a custom architecture"},o="Migration from a custom architecture",l={id:"guides/migration/from-custom",title:"Migration from a custom architecture",description:"This guide describes an approach that might be helpful when migrating from a custom self-made architecture to Feature-Sliced Design.",source:"@site/i18n/en/docusaurus-plugin-content-docs/current/guides/migration/from-custom.md",sourceDirName:"guides/migration",slug:"/guides/migration/from-custom",permalink:"/docs/guides/migration/from-custom",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/guides/migration/from-custom.md",tags:[],version:"current",lastUpdatedAt:1728325386e3,sidebarPosition:3,frontMatter:{sidebar_position:3,sidebar_label:"From a custom architecture"},sidebar:"guidesSidebar",previous:{title:"Page layouts",permalink:"/docs/guides/examples/page-layout"},next:{title:"Migration from v1",permalink:"/docs/guides/migration/from-v1"}},a={},c=[{value:"Before you start",id:"before-you-start",level:2},{value:"Step 1. Divide the code by pages",id:"divide-code-by-pages",level:2},{value:"Step 2. Separate everything else from the pages",id:"separate-everything-else-from-pages",level:2},{value:"Step 3. Tackle cross-imports between pages",id:"tackle-cross-imports-between-pages",level:2},{value:"Step 4. Unpack the Shared layer",id:"unpack-shared-layer",level:2},{value:"Step 5. Organize code by technical purpose",id:"organize-by-technical-purpose",level:2},{value:"Optional steps",id:"optional-steps",level:2},{value:"Step 6. Form entities/features from Redux slices that are used on several pages",id:"form-entities-features-from-redux",level:3},{value:"Step 7. Refactor your modules",id:"refactor-your-modules",level:3},{value:"Step 8. Form a clean UI foundation in <code>shared/ui</code>",id:"form-clean-ui-foundation",level:3},{value:"See also",id:"see-also",level:2}];function d(e){const s={a:"a",admonition:"admonition",br:"br",code:"code",em:"em",h1:"h1",h2:"h2",h3:"h3",header:"header",hr:"hr",li:"li",ol:"ol",p:"p",pre:"pre",strong:"strong",ul:"ul",...(0,t.R)(),...e.components},{Details:i}=s;return i||function(e,s){throw new Error("Expected "+(s?"component":"object")+" `"+e+"` to be defined: you likely forgot to import, pass, or provide it.")}("Details",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(s.header,{children:(0,n.jsx)(s.h1,{id:"migration-from-a-custom-architecture",children:"Migration from a custom architecture"})}),"\n",(0,n.jsx)(s.p,{children:"This guide describes an approach that might be helpful when migrating from a custom self-made architecture to Feature-Sliced Design."}),"\n",(0,n.jsxs)(s.p,{children:["Here is the folder structure of a typical custom architecture. We will be using it as an example in this guide.",(0,n.jsx)(s.br,{}),"\n","Click on the blue arrow to open the folder."]}),"\n",(0,n.jsxs)(i,{className:"file-tree",children:[(0,n.jsx)("summary",{children:"\ud83d\udcc1 src"}),(0,n.jsxs)("ul",{children:[(0,n.jsx)("li",{children:(0,n.jsxs)(i,{className:"file-tree",children:[(0,n.jsx)("summary",{children:"\ud83d\udcc1 actions"}),(0,n.jsxs)("ul",{children:[(0,n.jsx)("li",{children:"\ud83d\udcc1 product"}),(0,n.jsx)("li",{children:"\ud83d\udcc1 order"})]})]})}),(0,n.jsx)("li",{children:"\ud83d\udcc1 api"}),(0,n.jsx)("li",{children:"\ud83d\udcc1 components"}),(0,n.jsx)("li",{children:"\ud83d\udcc1 containers"}),(0,n.jsx)("li",{children:"\ud83d\udcc1 constants"}),(0,n.jsx)("li",{children:"\ud83d\udcc1 i18n"}),(0,n.jsx)("li",{children:"\ud83d\udcc1 modules"}),(0,n.jsx)("li",{children:"\ud83d\udcc1 helpers"}),(0,n.jsx)("li",{children:(0,n.jsxs)(i,{className:"file-tree",children:[(0,n.jsx)("summary",{children:"\ud83d\udcc1 routes"}),(0,n.jsxs)("ul",{children:[(0,n.jsx)("li",{children:"\ud83d\udcc1 products.jsx"}),(0,n.jsx)("li",{children:"\ud83d\udcc4 products.[id].jsx"})]})]})}),(0,n.jsx)("li",{children:"\ud83d\udcc1 utils"}),(0,n.jsx)("li",{children:"\ud83d\udcc1 reducers"}),(0,n.jsx)("li",{children:"\ud83d\udcc1 selectors"}),(0,n.jsx)("li",{children:"\ud83d\udcc1 styles"}),(0,n.jsx)("li",{children:"\ud83d\udcc4 App.jsx"}),(0,n.jsx)("li",{children:"\ud83d\udcc4 index.js"})]})]}),"\n",(0,n.jsx)(s.h2,{id:"before-you-start",children:"Before you start"}),"\n",(0,n.jsxs)(s.p,{children:["The most important question to ask your team when considering to switch to Feature-Sliced Design is \u2014 ",(0,n.jsx)(s.em,{children:"do you really need it?"})," We love Feature-Sliced Design, but even we recognize that some projects are perfectly fine without it."]}),"\n",(0,n.jsx)(s.p,{children:"Here are some reasons to consider making the switch:"}),"\n",(0,n.jsxs)(s.ol,{children:["\n",(0,n.jsx)(s.li,{children:"New team members are complaining that it's hard to get to a productive level"}),"\n",(0,n.jsxs)(s.li,{children:["Making modifications to one part of the code ",(0,n.jsx)(s.strong,{children:"often"})," causes another unrelated part to break"]}),"\n",(0,n.jsx)(s.li,{children:"Adding new functionality is difficult due to the sheer amount of things you need to think about"}),"\n"]}),"\n",(0,n.jsxs)(s.p,{children:[(0,n.jsx)(s.strong,{children:"Avoid switching to FSD against the will of your teammates"}),", even if you are the lead.",(0,n.jsx)(s.br,{}),"\n","First, convince your teammates that the benefits outweigh the cost of migration and the cost of learning a new architecture instead of the established one."]}),"\n",(0,n.jsx)(s.p,{children:"Also keep in mind that any kind of architectural changes are not immediately observable to the management. Make sure they are on board with the switch before starting and explain to them why it might benefit the project."}),"\n",(0,n.jsxs)(s.admonition,{type:"tip",children:[(0,n.jsx)(s.p,{children:"If you need help convincing the project manager that FSD is beneficial, consider some of these points:"}),(0,n.jsxs)(s.ol,{children:["\n",(0,n.jsx)(s.li,{children:"Migration to FSD can happen incrementally, so it will not halt the development of new features"}),"\n",(0,n.jsx)(s.li,{children:"A good architecture can significantly decrease the time that a new developer needs to get productive"}),"\n",(0,n.jsx)(s.li,{children:"FSD is a documented architecture, so the team doesn't have to continuously spend time on maintaining their own documentation"}),"\n"]})]}),"\n",(0,n.jsx)(s.hr,{}),"\n",(0,n.jsxs)(s.p,{children:["If you made the decision to start migrating, then the first thing you want to do is to set up an alias for ",(0,n.jsx)(s.code,{children:"\ud83d\udcc1 src"}),". It will be helpful later to refer to top-level folders. We will consider ",(0,n.jsx)(s.code,{children:"@"})," as an alias for ",(0,n.jsx)(s.code,{children:"./src"})," for the rest of this guide."]}),"\n",(0,n.jsx)(s.h2,{id:"divide-code-by-pages",children:"Step 1. Divide the code by pages"}),"\n",(0,n.jsxs)(s.p,{children:["Most custom architectures already have a division by pages, however small or large in logic. If you already have ",(0,n.jsx)(s.code,{children:"\ud83d\udcc1 pages"}),", you may skip this step."]}),"\n",(0,n.jsxs)(s.p,{children:["If you only have ",(0,n.jsx)(s.code,{children:"\ud83d\udcc1 routes"}),", create ",(0,n.jsx)(s.code,{children:"\ud83d\udcc1 pages"})," and try to move as much component code from ",(0,n.jsx)(s.code,{children:"\ud83d\udcc1 routes"})," as possible. Ideally, you would have a tiny route and a larger page. As you're moving code, create a folder for each page and add an index file:"]}),"\n",(0,n.jsx)(s.admonition,{type:"note",children:(0,n.jsx)(s.p,{children:"For now, it's okay if your pages reference each other. You can tackle that later, but for now, focus on establishing a prominent division by pages."})}),"\n",(0,n.jsx)(s.p,{children:"Route file:"}),"\n",(0,n.jsx)(s.pre,{children:(0,n.jsx)(s.code,{className:"language-js",metastring:'title="src/routes/products.[id].js"',children:'export { ProductPage as default } from "@/pages/product"\n'})}),"\n",(0,n.jsx)(s.p,{children:"Page index file:"}),"\n",(0,n.jsx)(s.pre,{children:(0,n.jsx)(s.code,{className:"language-js",metastring:'title="src/pages/product/index.js"',children:'export { ProductPage } from "./ProductPage.jsx"\n'})}),"\n",(0,n.jsx)(s.p,{children:"Page component file:"}),"\n",(0,n.jsx)(s.pre,{children:(0,n.jsx)(s.code,{className:"language-jsx",metastring:'title="src/pages/product/ProductPage.jsx"',children:"export function ProductPage(props) {\n  return <div />;\n}\n"})}),"\n",(0,n.jsx)(s.h2,{id:"separate-everything-else-from-pages",children:"Step 2. Separate everything else from the pages"}),"\n",(0,n.jsxs)(s.p,{children:["Create a folder ",(0,n.jsx)(s.code,{children:"\ud83d\udcc1 src/shared"})," and move everything that doesn't import from ",(0,n.jsx)(s.code,{children:"\ud83d\udcc1 pages"})," or ",(0,n.jsx)(s.code,{children:"\ud83d\udcc1 routes"})," there. Create a folder ",(0,n.jsx)(s.code,{children:"\ud83d\udcc1 src/app"})," and move everything that does import the pages or routes there, including the routes themselves."]}),"\n",(0,n.jsx)(s.p,{children:"Remember that the Shared layer doesn't have slices, so it's fine if segments import from each other."}),"\n",(0,n.jsx)(s.p,{children:"You should end up with a file structure like this:"}),"\n",(0,n.jsxs)(i,{className:"file-tree",open:!0,children:[(0,n.jsx)("summary",{children:"\ud83d\udcc1 src"}),(0,n.jsxs)("ul",{children:[(0,n.jsx)("li",{children:(0,n.jsxs)(i,{className:"file-tree",children:[(0,n.jsx)("summary",{children:"\ud83d\udcc1 app"}),(0,n.jsxs)("ul",{children:[(0,n.jsx)("li",{children:(0,n.jsxs)(i,{className:"file-tree",children:[(0,n.jsx)("summary",{children:"\ud83d\udcc1 routes"}),(0,n.jsxs)("ul",{children:[(0,n.jsx)("li",{children:"\ud83d\udcc4 products.jsx"}),(0,n.jsx)("li",{children:"\ud83d\udcc4 products.[id].jsx"})]})]})}),(0,n.jsx)("li",{children:"\ud83d\udcc4 App.jsx"}),(0,n.jsx)("li",{children:"\ud83d\udcc4 index.js"})]})]})}),(0,n.jsx)("li",{children:(0,n.jsxs)(i,{className:"file-tree",children:[(0,n.jsx)("summary",{children:"\ud83d\udcc1 pages"}),(0,n.jsxs)("ul",{children:[(0,n.jsx)("li",{children:(0,n.jsxs)(i,{className:"file-tree",children:[(0,n.jsx)("summary",{children:"\ud83d\udcc1 product"}),(0,n.jsxs)("ul",{children:[(0,n.jsx)("li",{children:(0,n.jsxs)(i,{className:"file-tree",children:[(0,n.jsx)("summary",{children:"\ud83d\udcc1 ui"}),(0,n.jsx)("ul",{children:(0,n.jsx)("li",{children:"\ud83d\udcc4 ProductPage.jsx"})})]})}),(0,n.jsx)("li",{children:"\ud83d\udcc4 index.js"})]})]})}),(0,n.jsx)("li",{children:"\ud83d\udcc1 catalog"})]})]})}),(0,n.jsx)("li",{children:(0,n.jsxs)(i,{className:"file-tree",children:[(0,n.jsx)("summary",{children:"\ud83d\udcc1 shared"}),(0,n.jsxs)("ul",{children:[(0,n.jsx)("li",{children:"\ud83d\udcc1 actions"}),(0,n.jsx)("li",{children:"\ud83d\udcc1 api"}),(0,n.jsx)("li",{children:"\ud83d\udcc1 components"}),(0,n.jsx)("li",{children:"\ud83d\udcc1 containers"}),(0,n.jsx)("li",{children:"\ud83d\udcc1 constants"}),(0,n.jsx)("li",{children:"\ud83d\udcc1 i18n"}),(0,n.jsx)("li",{children:"\ud83d\udcc1 modules"}),(0,n.jsx)("li",{children:"\ud83d\udcc1 helpers"}),(0,n.jsx)("li",{children:"\ud83d\udcc1 utils"}),(0,n.jsx)("li",{children:"\ud83d\udcc1 reducers"}),(0,n.jsx)("li",{children:"\ud83d\udcc1 selectors"}),(0,n.jsx)("li",{children:"\ud83d\udcc1 styles"})]})]})})]})]}),"\n",(0,n.jsx)(s.h2,{id:"tackle-cross-imports-between-pages",children:"Step 3. Tackle cross-imports between pages"}),"\n",(0,n.jsx)(s.p,{children:"Find all instances where one page is importing from the other and do one of the two things:"}),"\n",(0,n.jsxs)(s.ol,{children:["\n",(0,n.jsx)(s.li,{children:"Copy-paste the imported code into the depending page to remove the dependency"}),"\n",(0,n.jsxs)(s.li,{children:["Move the code to a proper segment in Shared:","\n",(0,n.jsxs)(s.ul,{children:["\n",(0,n.jsxs)(s.li,{children:["if it's a part of the UI kit, move it to ",(0,n.jsx)(s.code,{children:"\ud83d\udcc1 shared/ui"}),";"]}),"\n",(0,n.jsxs)(s.li,{children:["if it's a configuration constant, move it to ",(0,n.jsx)(s.code,{children:"\ud83d\udcc1 shared/config"}),";"]}),"\n",(0,n.jsxs)(s.li,{children:["if it's a backend interaction, move it to ",(0,n.jsx)(s.code,{children:"\ud83d\udcc1 shared/api"}),"."]}),"\n"]}),"\n"]}),"\n"]}),"\n",(0,n.jsxs)(s.admonition,{type:"note",children:[(0,n.jsxs)(s.p,{children:[(0,n.jsx)(s.strong,{children:"Copy-pasting isn't architecturally wrong"}),", in fact, sometimes it may be more correct to duplicate than to abstract into a new reusable module. The reason is that sometimes the shared parts of pages start drifting apart, and you don't want dependencies getting in your way in these cases."]}),(0,n.jsx)(s.p,{children:"However, there is still sense in the DRY (\"don't repeat yourself\") principle, so make sure you're not copy-pasting business logic. Otherwise you will need to remember to fix bugs in several places at once."})]}),"\n",(0,n.jsx)(s.h2,{id:"unpack-shared-layer",children:"Step 4. Unpack the Shared layer"}),"\n",(0,n.jsx)(s.p,{children:"You might have a lot of stuff in the Shared layer on this step, and you generally want to avoid that. The reason is that the Shared layer may be a dependency for any other layer in your codebase, so making changes to that code is automatically more prone to unintended consequences."}),"\n",(0,n.jsxs)(s.p,{children:["Find all the objects that are only used on one page and move it to the slice of that page. And yes, ",(0,n.jsx)(s.em,{children:"that applies to actions, reducers, and selectors, too"}),". There is no benefit in grouping all actions together, but there is benefit in colocating relevant actions close to their usage."]}),"\n",(0,n.jsx)(s.p,{children:"You should end up with a file structure like this:"}),"\n",(0,n.jsxs)(i,{className:"file-tree",open:!0,children:[(0,n.jsx)("summary",{children:"\ud83d\udcc1 src"}),(0,n.jsxs)("ul",{children:[(0,n.jsx)("li",{children:"\ud83d\udcc1 app (unchanged)"}),(0,n.jsx)("li",{children:(0,n.jsxs)(i,{className:"file-tree",open:!0,children:[(0,n.jsx)("summary",{children:"\ud83d\udcc1 pages"}),(0,n.jsxs)("ul",{children:[(0,n.jsx)("li",{children:(0,n.jsxs)(i,{className:"file-tree",open:!0,children:[(0,n.jsx)("summary",{children:"\ud83d\udcc1 product"}),(0,n.jsxs)("ul",{children:[(0,n.jsx)("li",{children:"\ud83d\udcc1 actions"}),(0,n.jsx)("li",{children:"\ud83d\udcc1 reducers"}),(0,n.jsx)("li",{children:"\ud83d\udcc1 selectors"}),(0,n.jsx)("li",{children:(0,n.jsxs)(i,{className:"file-tree",children:[(0,n.jsx)("summary",{children:"\ud83d\udcc1 ui"}),(0,n.jsxs)("ul",{children:[(0,n.jsx)("li",{children:"\ud83d\udcc4 Component.jsx"}),(0,n.jsx)("li",{children:"\ud83d\udcc4 Container.jsx"}),(0,n.jsx)("li",{children:"\ud83d\udcc4 ProductPage.jsx"})]})]})}),(0,n.jsx)("li",{children:"\ud83d\udcc4 index.js"})]})]})}),(0,n.jsx)("li",{children:"\ud83d\udcc1 catalog"})]})]})}),(0,n.jsx)("li",{children:(0,n.jsxs)(i,{className:"file-tree",children:[(0,n.jsx)("summary",{children:"\ud83d\udcc1 shared (only objects that are reused)"}),(0,n.jsxs)("ul",{children:[(0,n.jsx)("li",{children:"\ud83d\udcc1 actions"}),(0,n.jsx)("li",{children:"\ud83d\udcc1 api"}),(0,n.jsx)("li",{children:"\ud83d\udcc1 components"}),(0,n.jsx)("li",{children:"\ud83d\udcc1 containers"}),(0,n.jsx)("li",{children:"\ud83d\udcc1 constants"}),(0,n.jsx)("li",{children:"\ud83d\udcc1 i18n"}),(0,n.jsx)("li",{children:"\ud83d\udcc1 modules"}),(0,n.jsx)("li",{children:"\ud83d\udcc1 helpers"}),(0,n.jsx)("li",{children:"\ud83d\udcc1 utils"}),(0,n.jsx)("li",{children:"\ud83d\udcc1 reducers"}),(0,n.jsx)("li",{children:"\ud83d\udcc1 selectors"}),(0,n.jsx)("li",{children:"\ud83d\udcc1 styles"})]})]})})]})]}),"\n",(0,n.jsx)(s.h2,{id:"organize-by-technical-purpose",children:"Step 5. Organize code by technical purpose"}),"\n",(0,n.jsxs)(s.p,{children:["In FSD, division by technical purpose is done with ",(0,n.jsx)(s.em,{children:"segments"}),". There are a few common ones:"]}),"\n",(0,n.jsxs)(s.ul,{children:["\n",(0,n.jsxs)(s.li,{children:[(0,n.jsx)(s.code,{children:"ui"})," \u2014 everything related to UI display: UI components, date formatters, styles, etc."]}),"\n",(0,n.jsxs)(s.li,{children:[(0,n.jsx)(s.code,{children:"api"})," \u2014 backend interactions: request functions, data types, mappers, etc."]}),"\n",(0,n.jsxs)(s.li,{children:[(0,n.jsx)(s.code,{children:"model"})," \u2014 the data model: schemas, interfaces, stores, and business logic."]}),"\n",(0,n.jsxs)(s.li,{children:[(0,n.jsx)(s.code,{children:"lib"})," \u2014 library code that other modules on this slice need."]}),"\n",(0,n.jsxs)(s.li,{children:[(0,n.jsx)(s.code,{children:"config"})," \u2014 configuration files and feature flags."]}),"\n"]}),"\n",(0,n.jsxs)(s.p,{children:["You can create your own segments, too, if you need. Make sure not to create segments that group code by what it is, like ",(0,n.jsx)(s.code,{children:"components"}),", ",(0,n.jsx)(s.code,{children:"actions"}),", ",(0,n.jsx)(s.code,{children:"types"}),", ",(0,n.jsx)(s.code,{children:"utils"}),". Instead, group the code by what it's for."]}),"\n",(0,n.jsxs)(s.p,{children:["Reorganize your pages to separate code by segments. You should already have a ",(0,n.jsx)(s.code,{children:"ui"})," segment, now it's time to create other segments, like ",(0,n.jsx)(s.code,{children:"model"})," for your actions, reducers, and selectors, or ",(0,n.jsx)(s.code,{children:"api"})," for your thunks and mutations."]}),"\n",(0,n.jsx)(s.p,{children:"Also reorganize the Shared layer to remove these folders:"}),"\n",(0,n.jsxs)(s.ul,{children:["\n",(0,n.jsxs)(s.li,{children:[(0,n.jsx)(s.code,{children:"\ud83d\udcc1 components"}),", ",(0,n.jsx)(s.code,{children:"\ud83d\udcc1 containers"})," \u2014 most of it should become ",(0,n.jsx)(s.code,{children:"\ud83d\udcc1 shared/ui"}),";"]}),"\n",(0,n.jsxs)(s.li,{children:[(0,n.jsx)(s.code,{children:"\ud83d\udcc1 helpers"}),", ",(0,n.jsx)(s.code,{children:"\ud83d\udcc1 utils"})," \u2014 if there are some reused helpers left, group them together by function, like dates or type conversions, and move theses groups to ",(0,n.jsx)(s.code,{children:"\ud83d\udcc1 shared/lib"}),";"]}),"\n",(0,n.jsxs)(s.li,{children:[(0,n.jsx)(s.code,{children:"\ud83d\udcc1 constants"})," \u2014 again, group by function and move to ",(0,n.jsx)(s.code,{children:"\ud83d\udcc1 shared/config"}),"."]}),"\n"]}),"\n",(0,n.jsx)(s.h2,{id:"optional-steps",children:"Optional steps"}),"\n",(0,n.jsx)(s.h3,{id:"form-entities-features-from-redux",children:"Step 6. Form entities/features from Redux slices that are used on several pages"}),"\n",(0,n.jsx)(s.p,{children:"Usually, these reused Redux slices will describe something relevant to the business, for example, products or users, so these can be moved to the Entities layer, one entity per one folder. If the Redux slice is related to an action that your users want to do in your app, like comments, then you can move it to the Features layer."}),"\n",(0,n.jsxs)(s.p,{children:["Entities and features are meant to be independent from each other. If your business domain contains inherent connections between entities, refer to the ",(0,n.jsx)(s.a,{href:"/docs/guides/examples/types#business-entities-and-their-cross-references",children:"guide on business entities"})," for advice on how to organize these connections."]}),"\n",(0,n.jsxs)(s.p,{children:["The API functions related to these slices can stay in ",(0,n.jsx)(s.code,{children:"\ud83d\udcc1 shared/api"}),"."]}),"\n",(0,n.jsx)(s.h3,{id:"refactor-your-modules",children:"Step 7. Refactor your modules"}),"\n",(0,n.jsxs)(s.p,{children:["The ",(0,n.jsx)(s.code,{children:"\ud83d\udcc1 modules"})," folder is commonly used for business logic, so it's already pretty similar in nature to the Features layer from FSD. Some modules might also be describe large chunks of the UI, like an app header. In that case, you should migrate them to the Widgets layer."]}),"\n",(0,n.jsxs)(s.h3,{id:"form-clean-ui-foundation",children:["Step 8. Form a clean UI foundation in ",(0,n.jsx)(s.code,{children:"shared/ui"})]}),"\n",(0,n.jsxs)(s.p,{children:[(0,n.jsx)(s.code,{children:"\ud83d\udcc1 shared/ui"})," should ideally contain a set of UI elements that don't have any business logic encoded in them. They should also be highly reusable."]}),"\n",(0,n.jsxs)(s.p,{children:["Refactor the UI components that used to be in ",(0,n.jsx)(s.code,{children:"\ud83d\udcc1 components"})," and ",(0,n.jsx)(s.code,{children:"\ud83d\udcc1 containers"})," to separate out the business logic. Move that business logic to the higher layers. If it's not used in too many places, you could even consider copy-pasting."]}),"\n",(0,n.jsx)(s.h2,{id:"see-also",children:"See also"}),"\n",(0,n.jsxs)(s.ul,{children:["\n",(0,n.jsx)(s.li,{children:(0,n.jsx)(s.a,{href:"https://youtu.be/aOiJ3k2UvO4",children:"(Talk in Russian) Ilya Klimov \u2014 \u041a\u0440\u044b\u0441\u0438\u043d\u044b\u0435 \u0431\u0435\u0433\u0430 \u0431\u0435\u0441\u043a\u043e\u043d\u0435\u0447\u043d\u043e\u0433\u043e \u0440\u0435\u0444\u0430\u043a\u0442\u043e\u0440\u0438\u043d\u0433\u0430: \u043a\u0430\u043a \u043d\u0435 \u0434\u0430\u0442\u044c \u0442\u0435\u0445\u043d\u0438\u0447\u0435\u0441\u043a\u043e\u043c\u0443 \u0434\u043e\u043b\u0433\u0443 \u0443\u0431\u0438\u0442\u044c \u043c\u043e\u0442\u0438\u0432\u0430\u0446\u0438\u044e \u0438 \u043f\u0440\u043e\u0434\u0443\u043a\u0442"})}),"\n"]})]})}function h(e={}){const{wrapper:s}={...(0,t.R)(),...e.components};return s?(0,n.jsx)(s,{...e,children:(0,n.jsx)(d,{...e})}):d(e)}},1100:(e,s,i)=>{i.d(s,{R:()=>o,x:()=>l});var n=i(758);const t={},r=n.createContext(t);function o(e){const s=n.useContext(r);return n.useMemo((function(){return"function"==typeof e?e(s):{...s,...e}}),[s,e])}function l(e){let s;return s=e.disableParentContext?"function"==typeof e.components?e.components(t):e.components||t:o(e.components),n.createElement(r.Provider,{value:s},e.children)}}}]);
\ No newline at end of file
diff --git a/assets/js/fe129f8e.9edff5bf.js b/assets/js/fe129f8e.9d3467f9.js
similarity index 96%
rename from assets/js/fe129f8e.9edff5bf.js
rename to assets/js/fe129f8e.9d3467f9.js
index a8f25e88ee..5950f03b8b 100644
--- a/assets/js/fe129f8e.9edff5bf.js
+++ b/assets/js/fe129f8e.9d3467f9.js
@@ -1 +1 @@
-"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[6217],{1928:(e,t,s)=>{s.d(t,{Ay:()=>l,RM:()=>o});var n=s(6070),i=s(1100),r=(s(758),s(6783)),c=s(7765);const d=e=>{let{ticket:t}=e;const s=`https://github.com/feature-sliced/documentation/issues/${t}`;return(0,n.jsxs)("div",{children:[(0,n.jsx)("p",{children:(0,c.T)({id:"shared.wip.title"})}),(0,n.jsx)("p",{children:(0,c.T)({id:"shared.wip.subtitle"})}),(0,n.jsxs)("ul",{children:[(0,n.jsxs)("li",{children:[(0,c.T)({id:"shared.wip.var.feedback.base"}),(0,n.jsx)(r.A,{to:s,children:(0,c.T)({id:"shared.wip.var.feedback.link"})})]}),(0,n.jsxs)("li",{children:[(0,c.T)({id:"shared.wip.var.material.base"}),(0,n.jsx)(r.A,{to:"https://t.me/feature_sliced",children:(0,c.T)({id:"shared.wip.var.material.link"})})]}),(0,n.jsxs)("li",{children:[(0,c.T)({id:"shared.wip.var.contribute.base"}),(0,n.jsx)(r.A,{to:"https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md",children:(0,c.T)({id:"shared.wip.var.contribute.link"})})]})]}),(0,n.jsx)("br",{}),(0,n.jsx)("p",{children:(0,n.jsx)("i",{children:"\ud83c\udf70 Stay tuned!"})})]})},o=[];function a(e){const t={admonition:"admonition",...(0,i.R)(),...e.components};return(0,n.jsx)(t.admonition,{title:"WIP",type:"caution",children:(0,n.jsx)(d,{ticket:e.ticket})})}function l(e={}){const{wrapper:t}={...(0,i.R)(),...e.components};return t?(0,n.jsx)(t,{...e,children:(0,n.jsx)(a,{...e})}):a(e)}},5845:(e,t,s)=>{s.r(t),s.d(t,{assets:()=>a,contentTitle:()=>d,default:()=>h,frontMatter:()=>c,metadata:()=>o,toc:()=>l});var n=s(6070),i=s(1100),r=s(1928);const c={sidebar_class_name:"sidebar-item--wip",unlisted:!0},d="CMS",o={id:"guides/examples/cms",title:"CMS",description:"Features may be different",source:"@site/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/cms.mdx",sourceDirName:"guides/examples",slug:"/guides/examples/cms",permalink:"/docs/guides/examples/cms",draft:!1,unlisted:!0,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/cms.mdx",tags:[],version:"current",lastUpdatedAt:1727607766e3,frontMatter:{sidebar_class_name:"sidebar-item--wip",unlisted:!0},sidebar:"guidesSidebar"},a={},l=[...r.RM,{value:"Features may be different",id:"features-may-be-different",level:2},{value:"How to work more correctly with CMS markup",id:"how-to-work-more-correctly-with-cms-markup",level:2}];function u(e){const t={a:"a",blockquote:"blockquote",h1:"h1",h2:"h2",header:"header",p:"p",...(0,i.R)(),...e.components};return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(t.header,{children:(0,n.jsx)(t.h1,{id:"cms",children:"CMS"})}),"\n",(0,n.jsx)(r.Ay,{ticket:"172"}),"\n",(0,n.jsx)(t.h2,{id:"features-may-be-different",children:"Features may be different"}),"\n",(0,n.jsx)(t.p,{children:"In some projects, all the functionality is concentrated in data from the server"}),"\n",(0,n.jsxs)(t.blockquote,{children:["\n",(0,n.jsx)(t.p,{children:(0,n.jsx)(t.a,{href:"https://github.com/feature-sliced/documentation/discussions/65#discussioncomment-480785",children:"https://github.com/feature-sliced/documentation/discussions/65#discussioncomment-480785"})}),"\n"]}),"\n",(0,n.jsx)(t.h2,{id:"how-to-work-more-correctly-with-cms-markup",children:"How to work more correctly with CMS markup"}),"\n",(0,n.jsxs)(t.blockquote,{children:["\n",(0,n.jsx)(t.p,{children:(0,n.jsx)(t.a,{href:"https://t.me/feature_sliced/1557",children:"https://t.me/feature_sliced/1557"})}),"\n"]}),"\n",(0,n.jsxs)(t.blockquote,{children:["\n",(0,n.jsx)(t.p,{children:(0,n.jsx)(t.a,{href:"https://t.me/feature_sliced/1553",children:"https://t.me/feature_sliced/1553"})}),"\n"]})]})}function h(e={}){const{wrapper:t}={...(0,i.R)(),...e.components};return t?(0,n.jsx)(t,{...e,children:(0,n.jsx)(u,{...e})}):u(e)}},1100:(e,t,s)=>{s.d(t,{R:()=>c,x:()=>d});var n=s(758);const i={},r=n.createContext(i);function c(e){const t=n.useContext(r);return n.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function d(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(i):e.components||i:c(e.components),n.createElement(r.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
+"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[6217],{1928:(e,t,s)=>{s.d(t,{Ay:()=>l,RM:()=>o});var n=s(6070),i=s(1100),r=(s(758),s(6783)),c=s(7765);const d=e=>{let{ticket:t}=e;const s=`https://github.com/feature-sliced/documentation/issues/${t}`;return(0,n.jsxs)("div",{children:[(0,n.jsx)("p",{children:(0,c.T)({id:"shared.wip.title"})}),(0,n.jsx)("p",{children:(0,c.T)({id:"shared.wip.subtitle"})}),(0,n.jsxs)("ul",{children:[(0,n.jsxs)("li",{children:[(0,c.T)({id:"shared.wip.var.feedback.base"}),(0,n.jsx)(r.A,{to:s,children:(0,c.T)({id:"shared.wip.var.feedback.link"})})]}),(0,n.jsxs)("li",{children:[(0,c.T)({id:"shared.wip.var.material.base"}),(0,n.jsx)(r.A,{to:"https://t.me/feature_sliced",children:(0,c.T)({id:"shared.wip.var.material.link"})})]}),(0,n.jsxs)("li",{children:[(0,c.T)({id:"shared.wip.var.contribute.base"}),(0,n.jsx)(r.A,{to:"https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md",children:(0,c.T)({id:"shared.wip.var.contribute.link"})})]})]}),(0,n.jsx)("br",{}),(0,n.jsx)("p",{children:(0,n.jsx)("i",{children:"\ud83c\udf70 Stay tuned!"})})]})},o=[];function a(e){const t={admonition:"admonition",...(0,i.R)(),...e.components};return(0,n.jsx)(t.admonition,{title:"WIP",type:"caution",children:(0,n.jsx)(d,{ticket:e.ticket})})}function l(e={}){const{wrapper:t}={...(0,i.R)(),...e.components};return t?(0,n.jsx)(t,{...e,children:(0,n.jsx)(a,{...e})}):a(e)}},5845:(e,t,s)=>{s.r(t),s.d(t,{assets:()=>a,contentTitle:()=>d,default:()=>h,frontMatter:()=>c,metadata:()=>o,toc:()=>l});var n=s(6070),i=s(1100),r=s(1928);const c={sidebar_class_name:"sidebar-item--wip",unlisted:!0},d="CMS",o={id:"guides/examples/cms",title:"CMS",description:"Features may be different",source:"@site/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/cms.mdx",sourceDirName:"guides/examples",slug:"/guides/examples/cms",permalink:"/docs/guides/examples/cms",draft:!1,unlisted:!0,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/cms.mdx",tags:[],version:"current",lastUpdatedAt:1728325386e3,frontMatter:{sidebar_class_name:"sidebar-item--wip",unlisted:!0},sidebar:"guidesSidebar"},a={},l=[...r.RM,{value:"Features may be different",id:"features-may-be-different",level:2},{value:"How to work more correctly with CMS markup",id:"how-to-work-more-correctly-with-cms-markup",level:2}];function u(e){const t={a:"a",blockquote:"blockquote",h1:"h1",h2:"h2",header:"header",p:"p",...(0,i.R)(),...e.components};return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(t.header,{children:(0,n.jsx)(t.h1,{id:"cms",children:"CMS"})}),"\n",(0,n.jsx)(r.Ay,{ticket:"172"}),"\n",(0,n.jsx)(t.h2,{id:"features-may-be-different",children:"Features may be different"}),"\n",(0,n.jsx)(t.p,{children:"In some projects, all the functionality is concentrated in data from the server"}),"\n",(0,n.jsxs)(t.blockquote,{children:["\n",(0,n.jsx)(t.p,{children:(0,n.jsx)(t.a,{href:"https://github.com/feature-sliced/documentation/discussions/65#discussioncomment-480785",children:"https://github.com/feature-sliced/documentation/discussions/65#discussioncomment-480785"})}),"\n"]}),"\n",(0,n.jsx)(t.h2,{id:"how-to-work-more-correctly-with-cms-markup",children:"How to work more correctly with CMS markup"}),"\n",(0,n.jsxs)(t.blockquote,{children:["\n",(0,n.jsx)(t.p,{children:(0,n.jsx)(t.a,{href:"https://t.me/feature_sliced/1557",children:"https://t.me/feature_sliced/1557"})}),"\n"]}),"\n",(0,n.jsxs)(t.blockquote,{children:["\n",(0,n.jsx)(t.p,{children:(0,n.jsx)(t.a,{href:"https://t.me/feature_sliced/1553",children:"https://t.me/feature_sliced/1553"})}),"\n"]})]})}function h(e={}){const{wrapper:t}={...(0,i.R)(),...e.components};return t?(0,n.jsx)(t,{...e,children:(0,n.jsx)(u,{...e})}):u(e)}},1100:(e,t,s)=>{s.d(t,{R:()=>c,x:()=>d});var n=s(758);const i={},r=n.createContext(i);function c(e){const t=n.useContext(r);return n.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function d(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(i):e.components||i:c(e.components),n.createElement(r.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
diff --git a/assets/js/main.e2ab5a51.js b/assets/js/main.360a9d35.js
similarity index 98%
rename from assets/js/main.e2ab5a51.js
rename to assets/js/main.360a9d35.js
index fbca32ef30..993c0ec2eb 100644
--- a/assets/js/main.e2ab5a51.js
+++ b/assets/js/main.360a9d35.js
@@ -1,2 +1,2 @@
-/*! For license information please see main.e2ab5a51.js.LICENSE.txt */
-(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[8792],{7781:(e,t,n)=>{"use strict";n.d(t,{Bc:()=>g,E8:()=>$n,a1:()=>qn});var r=n(758);n(8143);function o(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function a(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?o(Object(n),!0).forEach((function(t){i(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):o(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function i(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function s(){return s=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},s.apply(this,arguments)}function l(e,t){if(null==e)return{};var n,r,o=function(e,t){if(null==e)return{};var n,r,o={},a=Object.keys(e);for(r=0;r<a.length;r++)n=a[r],t.indexOf(n)>=0||(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(r=0;r<a.length;r++)n=a[r],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}function c(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,a=[],i=!0,s=!1;try{for(n=n.call(e);!(i=(r=n.next()).done)&&(a.push(r.value),!t||a.length!==t);i=!0);}catch(e){s=!0,o=e}finally{try{i||null==n.return||n.return()}finally{if(s)throw o}}return a}}(e,t)||d(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function u(e){return function(e){if(Array.isArray(e))return p(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||d(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function d(e,t){if(e){if("string"==typeof e)return p(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?p(e,t):void 0}}function p(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function f(){return r.createElement("svg",{width:"15",height:"15",className:"DocSearch-Control-Key-Icon"},r.createElement("path",{d:"M4.505 4.496h2M5.505 5.496v5M8.216 4.496l.055 5.993M10 7.5c.333.333.5.667.5 1v2M12.326 4.5v5.996M8.384 4.496c1.674 0 2.116 0 2.116 1.5s-.442 1.5-2.116 1.5M3.205 9.303c-.09.448-.277 1.21-1.241 1.203C1 10.5.5 9.513.5 8V7c0-1.57.5-2.5 1.464-2.494.964.006 1.134.598 1.24 1.342M12.553 10.5h1.953",strokeWidth:"1.2",stroke:"currentColor",fill:"none",strokeLinecap:"square"}))}function m(){return r.createElement("svg",{width:"20",height:"20",className:"DocSearch-Search-Icon",viewBox:"0 0 20 20","aria-hidden":"true"},r.createElement("path",{d:"M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z",stroke:"currentColor",fill:"none",fillRule:"evenodd",strokeLinecap:"round",strokeLinejoin:"round"}))}var h=["translations"],g=r.forwardRef((function(e,t){var n=e.translations,o=void 0===n?{}:n,a=l(e,h),i=o.buttonText,u=void 0===i?"Search":i,d=o.buttonAriaLabel,p=void 0===d?"Search":d,g=c((0,r.useState)(null),2),y=g[0],v=g[1];return(0,r.useEffect)((function(){"undefined"!=typeof navigator&&(/(Mac|iPhone|iPod|iPad)/i.test(navigator.platform)?v("\u2318"):v("Ctrl"))}),[]),r.createElement("button",s({type:"button",className:"DocSearch DocSearch-Button","aria-label":p},a,{ref:t}),r.createElement("span",{className:"DocSearch-Button-Container"},r.createElement(m,null),r.createElement("span",{className:"DocSearch-Button-Placeholder"},u)),r.createElement("span",{className:"DocSearch-Button-Keys"},null!==y&&r.createElement(r.Fragment,null,r.createElement(b,{reactsToKey:"Ctrl"===y?"Ctrl":"Meta"},"Ctrl"===y?r.createElement(f,null):y),r.createElement(b,{reactsToKey:"k"},"K"))))}));function b(e){var t=e.reactsToKey,n=e.children,o=c((0,r.useState)(!1),2),a=o[0],i=o[1];return(0,r.useEffect)((function(){if(t)return window.addEventListener("keydown",e),window.addEventListener("keyup",n),function(){window.removeEventListener("keydown",e),window.removeEventListener("keyup",n)};function e(e){e.key===t&&i(!0)}function n(e){e.key!==t&&"Meta"!==e.key||i(!1)}}),[t]),r.createElement("kbd",{className:a?"DocSearch-Button-Key DocSearch-Button-Key--pressed":"DocSearch-Button-Key"},n)}function y(e,t){var n=void 0;return function(){for(var r=arguments.length,o=new Array(r),a=0;a<r;a++)o[a]=arguments[a];n&&clearTimeout(n),n=setTimeout((function(){return e.apply(void 0,o)}),t)}}function v(e){return e.reduce((function(e,t){return e.concat(t)}),[])}var w=0;function S(e){return 0===e.collections.length?0:e.collections.reduce((function(e,t){return e+t.items.length}),0)}function k(e){return e!==Object(e)}function x(e,t){if(e===t)return!0;if(k(e)||k(t)||"function"==typeof e||"function"==typeof t)return e===t;if(Object.keys(e).length!==Object.keys(t).length)return!1;for(var n=0,r=Object.keys(e);n<r.length;n++){var o=r[n];if(!(o in t))return!1;if(!x(e[o],t[o]))return!1}return!0}var E=function(){},_=[{segment:"autocomplete-core",version:"1.9.3"}];function C(e){var t=e.item,n=e.items;return{index:t.__autocomplete_indexName,items:[t],positions:[1+n.findIndex((function(e){return e.objectID===t.objectID}))],queryID:t.__autocomplete_queryID,algoliaSource:["autocomplete"]}}function j(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}var O=["items"],A=["items"];function T(e){return T="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},T(e)}function P(e){return function(e){if(Array.isArray(e))return L(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||function(e,t){if(e){if("string"==typeof e)return L(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?L(e,t):void 0}}(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function L(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function I(e,t){if(null==e)return{};var n,r,o=function(e,t){if(null==e)return{};var n,r,o={},a=Object.keys(e);for(r=0;r<a.length;r++)n=a[r],t.indexOf(n)>=0||(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(r=0;r<a.length;r++)n=a[r],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}function N(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function R(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?N(Object(n),!0).forEach((function(t){D(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):N(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function D(e,t,n){return(t=function(e){var t=function(e){if("object"!==T(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var n=t.call(e,"string");if("object"!==T(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"===T(t)?t:String(t)}(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function M(e){return e.map((function(e){var t=e.items,n=I(e,O);return R(R({},n),{},{objectIDs:(null==t?void 0:t.map((function(e){return e.objectID})))||n.objectIDs})}))}function F(e){var t,n,r,o=(t=function(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,a,i,s=[],l=!0,c=!1;try{if(a=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;l=!1}else for(;!(l=(r=a.call(n)).done)&&(s.push(r.value),s.length!==t);l=!0);}catch(e){c=!0,o=e}finally{try{if(!l&&null!=n.return&&(i=n.return(),Object(i)!==i))return}finally{if(c)throw o}}return s}}(e,t)||function(e,t){if(e){if("string"==typeof e)return j(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?j(e,t):void 0}}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}((e.version||"").split(".").map(Number),2),n=t[0],r=t[1],n>=3||2===n&&r>=4||1===n&&r>=10);function a(t,n,r){if(o&&void 0!==r){var a=r[0].__autocomplete_algoliaCredentials,i={"X-Algolia-Application-Id":a.appId,"X-Algolia-API-Key":a.apiKey};e.apply(void 0,[t].concat(P(n),[{headers:i}]))}else e.apply(void 0,[t].concat(P(n)))}return{init:function(t,n){e("init",{appId:t,apiKey:n})},setUserToken:function(t){e("setUserToken",t)},clickedObjectIDsAfterSearch:function(){for(var e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];t.length>0&&a("clickedObjectIDsAfterSearch",M(t),t[0].items)},clickedObjectIDs:function(){for(var e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];t.length>0&&a("clickedObjectIDs",M(t),t[0].items)},clickedFilters:function(){for(var t=arguments.length,n=new Array(t),r=0;r<t;r++)n[r]=arguments[r];n.length>0&&e.apply(void 0,["clickedFilters"].concat(n))},convertedObjectIDsAfterSearch:function(){for(var e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];t.length>0&&a("convertedObjectIDsAfterSearch",M(t),t[0].items)},convertedObjectIDs:function(){for(var e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];t.length>0&&a("convertedObjectIDs",M(t),t[0].items)},convertedFilters:function(){for(var t=arguments.length,n=new Array(t),r=0;r<t;r++)n[r]=arguments[r];n.length>0&&e.apply(void 0,["convertedFilters"].concat(n))},viewedObjectIDs:function(){for(var e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];t.length>0&&t.reduce((function(e,t){var n=t.items,r=I(t,A);return[].concat(P(e),P(function(e){for(var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:20,n=[],r=0;r<e.objectIDs.length;r+=t)n.push(R(R({},e),{},{objectIDs:e.objectIDs.slice(r,r+t)}));return n}(R(R({},r),{},{objectIDs:(null==n?void 0:n.map((function(e){return e.objectID})))||r.objectIDs})).map((function(e){return{items:n,payload:e}}))))}),[]).forEach((function(e){var t=e.items;return a("viewedObjectIDs",[e.payload],t)}))},viewedFilters:function(){for(var t=arguments.length,n=new Array(t),r=0;r<t;r++)n[r]=arguments[r];n.length>0&&e.apply(void 0,["viewedFilters"].concat(n))}}}function z(e){var t=e.items.reduce((function(e,t){var n;return e[t.__autocomplete_indexName]=(null!==(n=e[t.__autocomplete_indexName])&&void 0!==n?n:[]).concat(t),e}),{});return Object.keys(t).map((function(e){return{index:e,items:t[e],algoliaSource:["autocomplete"]}}))}function B(e){return e.objectID&&e.__autocomplete_indexName&&e.__autocomplete_queryID}function U(e){return U="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},U(e)}function q(e){return function(e){if(Array.isArray(e))return $(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||function(e,t){if(e){if("string"==typeof e)return $(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?$(e,t):void 0}}(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function $(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function H(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function V(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?H(Object(n),!0).forEach((function(t){G(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):H(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function G(e,t,n){return(t=function(e){var t=function(e){if("object"!==U(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var n=t.call(e,"string");if("object"!==U(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"===U(t)?t:String(t)}(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var W="https://cdn.jsdelivr.net/npm/search-insights@".concat("2.6.0","/dist/search-insights.min.js"),K=y((function(e){var t=e.onItemsChange,n=e.items,r=e.insights,o=e.state;t({insights:r,insightsEvents:z({items:n}).map((function(e){return V({eventName:"Items Viewed"},e)})),state:o})}),400);function Q(e){var t=function(e){return V({onItemsChange:function(e){var t=e.insights,n=e.insightsEvents;t.viewedObjectIDs.apply(t,q(n.map((function(e){return V(V({},e),{},{algoliaSource:[].concat(q(e.algoliaSource||[]),["autocomplete-internal"])})}))))},onSelect:function(e){var t=e.insights,n=e.insightsEvents;t.clickedObjectIDsAfterSearch.apply(t,q(n.map((function(e){return V(V({},e),{},{algoliaSource:[].concat(q(e.algoliaSource||[]),["autocomplete-internal"])})}))))},onActive:E},e)}(e),n=t.insightsClient,r=t.onItemsChange,o=t.onSelect,a=t.onActive,i=n;n||"undefined"!=typeof window&&function(e){var t=e.window,n=t.AlgoliaAnalyticsObject||"aa";"string"==typeof n&&(i=t[n]),i||(t.AlgoliaAnalyticsObject=n,t[n]||(t[n]=function(){t[n].queue||(t[n].queue=[]);for(var e=arguments.length,r=new Array(e),o=0;o<e;o++)r[o]=arguments[o];t[n].queue.push(r)}),t[n].version="2.6.0",i=t[n],function(e){var t="[Autocomplete]: Could not load search-insights.js. Please load it manually following https://alg.li/insights-autocomplete";try{var n=e.document.createElement("script");n.async=!0,n.src=W,n.onerror=function(){console.error(t)},document.body.appendChild(n)}catch(e){console.error(t)}}(t))}({window:window});var s=F(i),l={current:[]},c=y((function(e){var t=e.state;if(t.isOpen){var n=t.collections.reduce((function(e,t){return[].concat(q(e),q(t.items))}),[]).filter(B);x(l.current.map((function(e){return e.objectID})),n.map((function(e){return e.objectID})))||(l.current=n,n.length>0&&K({onItemsChange:r,items:n,insights:s,state:t}))}}),0);return{name:"aa.algoliaInsightsPlugin",subscribe:function(e){var t=e.setContext,n=e.onSelect,r=e.onActive;i("addAlgoliaAgent","insights-plugin"),t({algoliaInsightsPlugin:{__algoliaSearchParameters:{clickAnalytics:!0},insights:s}}),n((function(e){var t=e.item,n=e.state,r=e.event;B(t)&&o({state:n,event:r,insights:s,item:t,insightsEvents:[V({eventName:"Item Selected"},C({item:t,items:l.current}))]})})),r((function(e){var t=e.item,n=e.state,r=e.event;B(t)&&a({state:n,event:r,insights:s,item:t,insightsEvents:[V({eventName:"Item Active"},C({item:t,items:l.current}))]})}))},onStateChange:function(e){var t=e.state;c({state:t})},__autocomplete_pluginOptions:e}}function Y(e,t){var n=t;return{then:function(t,r){return Y(e.then(J(t,n,e),J(r,n,e)),n)},catch:function(t){return Y(e.catch(J(t,n,e)),n)},finally:function(t){return t&&n.onCancelList.push(t),Y(e.finally(J(t&&function(){return n.onCancelList=[],t()},n,e)),n)},cancel:function(){n.isCanceled=!0;var e=n.onCancelList;n.onCancelList=[],e.forEach((function(e){e()}))},isCanceled:function(){return!0===n.isCanceled}}}function Z(e){return Y(e,{isCanceled:!1,onCancelList:[]})}function J(e,t,n){return e?function(n){return t.isCanceled?n:e(n)}:n}function X(e,t,n,r){if(!n)return null;if(e<0&&(null===t||null!==r&&0===t))return n+e;var o=(null===t?-1:t)+e;return o<=-1||o>=n?null===r?null:0:o}function ee(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function te(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?ee(Object(n),!0).forEach((function(t){ne(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):ee(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function ne(e,t,n){return(t=function(e){var t=function(e){if("object"!==re(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var n=t.call(e,"string");if("object"!==re(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"===re(t)?t:String(t)}(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function re(e){return re="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},re(e)}function oe(e){var t=function(e){var t=e.collections.map((function(e){return e.items.length})).reduce((function(e,t,n){var r=(e[n-1]||0)+t;return e.push(r),e}),[]).reduce((function(t,n){return n<=e.activeItemId?t+1:t}),0);return e.collections[t]}(e);if(!t)return null;var n=t.items[function(e){for(var t=e.state,n=e.collection,r=!1,o=0,a=0;!1===r;){var i=t.collections[o];if(i===n){r=!0;break}a+=i.items.length,o++}return t.activeItemId-a}({state:e,collection:t})],r=t.source;return{item:n,itemInputValue:r.getItemInputValue({item:n,state:e}),itemUrl:r.getItemUrl({item:n,state:e}),source:r}}var ae=/((gt|sm)-|galaxy nexus)|samsung[- ]|samsungbrowser/i;function ie(e){return ie="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},ie(e)}function se(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function le(e,t,n){return(t=function(e){var t=function(e){if("object"!==ie(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var n=t.call(e,"string");if("object"!==ie(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"===ie(t)?t:String(t)}(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function ce(e){return ce="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},ce(e)}function ue(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function de(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?ue(Object(n),!0).forEach((function(t){pe(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):ue(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function pe(e,t,n){return(t=function(e){var t=function(e){if("object"!==ce(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var n=t.call(e,"string");if("object"!==ce(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"===ce(t)?t:String(t)}(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function fe(e){return fe="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},fe(e)}function me(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function he(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function ge(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?he(Object(n),!0).forEach((function(t){be(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):he(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function be(e,t,n){return(t=function(e){var t=function(e){if("object"!==fe(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var n=t.call(e,"string");if("object"!==fe(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"===fe(t)?t:String(t)}(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function ye(e,t){var n,r="undefined"!=typeof window?window:{},o=e.plugins||[];return ge(ge({debug:!1,openOnFocus:!1,placeholder:"",autoFocus:!1,defaultActiveItemId:null,stallThreshold:300,insights:!1,environment:r,shouldPanelOpen:function(e){return S(e.state)>0},reshape:function(e){return e.sources}},e),{},{id:null!==(n=e.id)&&void 0!==n?n:"autocomplete-".concat(w++),plugins:o,initialState:ge({activeItemId:null,query:"",completion:null,collections:[],isOpen:!1,status:"idle",context:{}},e.initialState),onStateChange:function(t){var n;null===(n=e.onStateChange)||void 0===n||n.call(e,t),o.forEach((function(e){var n;return null===(n=e.onStateChange)||void 0===n?void 0:n.call(e,t)}))},onSubmit:function(t){var n;null===(n=e.onSubmit)||void 0===n||n.call(e,t),o.forEach((function(e){var n;return null===(n=e.onSubmit)||void 0===n?void 0:n.call(e,t)}))},onReset:function(t){var n;null===(n=e.onReset)||void 0===n||n.call(e,t),o.forEach((function(e){var n;return null===(n=e.onReset)||void 0===n?void 0:n.call(e,t)}))},getSources:function(n){return Promise.all([].concat(function(e){return function(e){if(Array.isArray(e))return me(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||function(e,t){if(e){if("string"==typeof e)return me(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?me(e,t):void 0}}(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}(o.map((function(e){return e.getSources}))),[e.getSources]).filter(Boolean).map((function(e){return function(e,t){var n=[];return Promise.resolve(e(t)).then((function(e){return Promise.all(e.filter((function(e){return Boolean(e)})).map((function(e){if(e.sourceId,n.includes(e.sourceId))throw new Error("[Autocomplete] The `sourceId` ".concat(JSON.stringify(e.sourceId)," is not unique."));n.push(e.sourceId);var t={getItemInputValue:function(e){return e.state.query},getItemUrl:function(){},onSelect:function(e){(0,e.setIsOpen)(!1)},onActive:E,onResolve:E};Object.keys(t).forEach((function(e){t[e].__default=!0}));var r=te(te({},t),e);return Promise.resolve(r)})))}))}(e,n)}))).then((function(e){return v(e)})).then((function(e){return e.map((function(e){return ge(ge({},e),{},{onSelect:function(n){e.onSelect(n),t.forEach((function(e){var t;return null===(t=e.onSelect)||void 0===t?void 0:t.call(e,n)}))},onActive:function(n){e.onActive(n),t.forEach((function(e){var t;return null===(t=e.onActive)||void 0===t?void 0:t.call(e,n)}))},onResolve:function(n){e.onResolve(n),t.forEach((function(e){var t;return null===(t=e.onResolve)||void 0===t?void 0:t.call(e,n)}))}})}))}))},navigator:ge({navigate:function(e){var t=e.itemUrl;r.location.assign(t)},navigateNewTab:function(e){var t=e.itemUrl,n=r.open(t,"_blank","noopener");null==n||n.focus()},navigateNewWindow:function(e){var t=e.itemUrl;r.open(t,"_blank","noopener")}},e.navigator)})}function ve(e){return ve="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},ve(e)}function we(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function Se(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?we(Object(n),!0).forEach((function(t){ke(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):we(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function ke(e,t,n){return(t=function(e){var t=function(e){if("object"!==ve(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var n=t.call(e,"string");if("object"!==ve(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"===ve(t)?t:String(t)}(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function xe(e){return xe="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},xe(e)}function Ee(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function _e(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?Ee(Object(n),!0).forEach((function(t){Ce(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Ee(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function Ce(e,t,n){return(t=function(e){var t=function(e){if("object"!==xe(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var n=t.call(e,"string");if("object"!==xe(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"===xe(t)?t:String(t)}(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function je(e){return function(e){if(Array.isArray(e))return Oe(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||function(e,t){if(e){if("string"==typeof e)return Oe(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?Oe(e,t):void 0}}(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function Oe(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function Ae(e){return Boolean(e.execute)}function Te(e){var t=e.reduce((function(e,t){if(!Ae(t))return e.push(t),e;var n=t.searchClient,r=t.execute,o=t.requesterId,a=t.requests,i=e.find((function(e){return Ae(t)&&Ae(e)&&e.searchClient===n&&Boolean(o)&&e.requesterId===o}));if(i){var s;(s=i.items).push.apply(s,je(a))}else{var l={execute:r,requesterId:o,items:a,searchClient:n};e.push(l)}return e}),[]).map((function(e){if(!Ae(e))return Promise.resolve(e);var t=e,n=t.execute,r=t.items;return n({searchClient:t.searchClient,requests:r})}));return Promise.all(t).then((function(e){return v(e)}))}function Pe(e){return Pe="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},Pe(e)}var Le=["event","nextState","props","query","refresh","store"];function Ie(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function Ne(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?Ie(Object(n),!0).forEach((function(t){Re(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Ie(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function Re(e,t,n){return(t=function(e){var t=function(e){if("object"!==Pe(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var n=t.call(e,"string");if("object"!==Pe(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"===Pe(t)?t:String(t)}(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var De,Me,Fe,ze=null,Be=(De=-1,Me=-1,Fe=void 0,function(e){var t=++De;return Promise.resolve(e).then((function(e){return Fe&&t<Me?Fe:(Me=t,Fe=e,e)}))});function Ue(e){var t=e.event,n=e.nextState,r=void 0===n?{}:n,o=e.props,a=e.query,i=e.refresh,s=e.store,l=function(e,t){if(null==e)return{};var n,r,o=function(e,t){if(null==e)return{};var n,r,o={},a=Object.keys(e);for(r=0;r<a.length;r++)n=a[r],t.indexOf(n)>=0||(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(r=0;r<a.length;r++)n=a[r],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}(e,Le);ze&&o.environment.clearTimeout(ze);var c=l.setCollections,u=l.setIsOpen,d=l.setQuery,p=l.setActiveItemId,f=l.setStatus;if(d(a),p(o.defaultActiveItemId),!a&&!1===o.openOnFocus){var m,h=s.getState().collections.map((function(e){return Ne(Ne({},e),{},{items:[]})}));f("idle"),c(h),u(null!==(m=r.isOpen)&&void 0!==m?m:o.shouldPanelOpen({state:s.getState()}));var g=Z(Be(h).then((function(){return Promise.resolve()})));return s.pendingRequests.add(g)}f("loading"),ze=o.environment.setTimeout((function(){f("stalled")}),o.stallThreshold);var b=Z(Be(o.getSources(Ne({query:a,refresh:i,state:s.getState()},l)).then((function(e){return Promise.all(e.map((function(e){return Promise.resolve(e.getItems(Ne({query:a,refresh:i,state:s.getState()},l))).then((function(t){return function(e,t,n){if(o=e,Boolean(null==o?void 0:o.execute)){var r="algolia"===e.requesterId?Object.assign.apply(Object,[{}].concat(je(Object.keys(n.context).map((function(e){var t;return null===(t=n.context[e])||void 0===t?void 0:t.__algoliaSearchParameters}))))):{};return _e(_e({},e),{},{requests:e.queries.map((function(n){return{query:"algolia"===e.requesterId?_e(_e({},n),{},{params:_e(_e({},r),n.params)}):n,sourceId:t,transformResponse:e.transformResponse}}))})}var o;return{items:e,sourceId:t}}(t,e.sourceId,s.getState())}))}))).then(Te).then((function(t){return function(e,t,n){return t.map((function(t){var r,o=e.filter((function(e){return e.sourceId===t.sourceId})),a=o.map((function(e){return e.items})),i=o[0].transformResponse,s=i?i({results:r=a,hits:r.map((function(e){return e.hits})).filter(Boolean),facetHits:r.map((function(e){var t;return null===(t=e.facetHits)||void 0===t?void 0:t.map((function(e){return{label:e.value,count:e.count,_highlightResult:{label:{value:e.highlighted}}}}))})).filter(Boolean)}):a;return t.onResolve({source:t,results:a,items:s,state:n.getState()}),s.every(Boolean),'The `getItems` function from source "'.concat(t.sourceId,'" must return an array of items but returned ').concat(JSON.stringify(void 0),".\n\nDid you forget to return items?\n\nSee: https://www.algolia.com/doc/ui-libraries/autocomplete/core-concepts/sources/#param-getitems"),{source:t,items:s}}))}(t,e,s)})).then((function(e){return function(e){var t=e.props,n=e.state,r=e.collections.reduce((function(e,t){return Se(Se({},e),{},ke({},t.source.sourceId,Se(Se({},t.source),{},{getItems:function(){return v(t.items)}})))}),{}),o=t.plugins.reduce((function(e,t){return t.reshape?t.reshape(e):e}),{sourcesBySourceId:r,state:n}).sourcesBySourceId;return v(t.reshape({sourcesBySourceId:o,sources:Object.values(o),state:n})).filter(Boolean).map((function(e){return{source:e,items:e.getItems()}}))}({collections:e,props:o,state:s.getState()})}))})))).then((function(e){var n;f("idle"),c(e);var d=o.shouldPanelOpen({state:s.getState()});u(null!==(n=r.isOpen)&&void 0!==n?n:o.openOnFocus&&!a&&d||d);var p=oe(s.getState());if(null!==s.getState().activeItemId&&p){var m=p.item,h=p.itemInputValue,g=p.itemUrl,b=p.source;b.onActive(Ne({event:t,item:m,itemInputValue:h,itemUrl:g,refresh:i,source:b,state:s.getState()},l))}})).finally((function(){f("idle"),ze&&o.environment.clearTimeout(ze)}));return s.pendingRequests.add(b)}function qe(e){return qe="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},qe(e)}var $e=["event","props","refresh","store"];function He(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function Ve(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?He(Object(n),!0).forEach((function(t){Ge(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):He(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function Ge(e,t,n){return(t=function(e){var t=function(e){if("object"!==qe(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var n=t.call(e,"string");if("object"!==qe(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"===qe(t)?t:String(t)}(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function We(e){return We="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},We(e)}var Ke=["props","refresh","store"],Qe=["inputElement","formElement","panelElement"],Ye=["inputElement"],Ze=["inputElement","maxLength"],Je=["sourceIndex"],Xe=["sourceIndex"],et=["item","source","sourceIndex"];function tt(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function nt(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?tt(Object(n),!0).forEach((function(t){rt(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):tt(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function rt(e,t,n){return(t=function(e){var t=function(e){if("object"!==We(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var n=t.call(e,"string");if("object"!==We(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"===We(t)?t:String(t)}(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function ot(e,t){if(null==e)return{};var n,r,o=function(e,t){if(null==e)return{};var n,r,o={},a=Object.keys(e);for(r=0;r<a.length;r++)n=a[r],t.indexOf(n)>=0||(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(r=0;r<a.length;r++)n=a[r],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}function at(e){var t=e.props,n=e.refresh,r=e.store,o=ot(e,Ke),a=function(e,t){return void 0!==t?"".concat(e,"-").concat(t):e};return{getEnvironmentProps:function(e){var n=e.inputElement,o=e.formElement,a=e.panelElement;function i(e){!r.getState().isOpen&&r.pendingRequests.isEmpty()||e.target===n||!1===[o,a].some((function(t){return(n=t)===(r=e.target)||n.contains(r);var n,r}))&&(r.dispatch("blur",null),t.debug||r.pendingRequests.cancelAll())}return nt({onTouchStart:i,onMouseDown:i,onTouchMove:function(e){!1!==r.getState().isOpen&&n===t.environment.document.activeElement&&e.target!==n&&n.blur()}},ot(e,Qe))},getRootProps:function(e){return nt({role:"combobox","aria-expanded":r.getState().isOpen,"aria-haspopup":"listbox","aria-owns":r.getState().isOpen?"".concat(t.id,"-list"):void 0,"aria-labelledby":"".concat(t.id,"-label")},e)},getFormProps:function(e){return e.inputElement,nt({action:"",noValidate:!0,role:"search",onSubmit:function(a){var i;a.preventDefault(),t.onSubmit(nt({event:a,refresh:n,state:r.getState()},o)),r.dispatch("submit",null),null===(i=e.inputElement)||void 0===i||i.blur()},onReset:function(a){var i;a.preventDefault(),t.onReset(nt({event:a,refresh:n,state:r.getState()},o)),r.dispatch("reset",null),null===(i=e.inputElement)||void 0===i||i.focus()}},ot(e,Ye))},getLabelProps:function(e){var n=e||{},r=n.sourceIndex,o=ot(n,Je);return nt({htmlFor:"".concat(a(t.id,r),"-input"),id:"".concat(a(t.id,r),"-label")},o)},getInputProps:function(e){var a;function i(e){(t.openOnFocus||Boolean(r.getState().query))&&Ue(nt({event:e,props:t,query:r.getState().completion||r.getState().query,refresh:n,store:r},o)),r.dispatch("focus",null)}var s=e||{},l=(s.inputElement,s.maxLength),c=void 0===l?512:l,u=ot(s,Ze),d=oe(r.getState()),p=function(e){return Boolean(e&&e.match(ae))}((null===(a=t.environment.navigator)||void 0===a?void 0:a.userAgent)||""),f=null!=d&&d.itemUrl&&!p?"go":"search";return nt({"aria-autocomplete":"both","aria-activedescendant":r.getState().isOpen&&null!==r.getState().activeItemId?"".concat(t.id,"-item-").concat(r.getState().activeItemId):void 0,"aria-controls":r.getState().isOpen?"".concat(t.id,"-list"):void 0,"aria-labelledby":"".concat(t.id,"-label"),value:r.getState().completion||r.getState().query,id:"".concat(t.id,"-input"),autoComplete:"off",autoCorrect:"off",autoCapitalize:"off",enterKeyHint:f,spellCheck:"false",autoFocus:t.autoFocus,placeholder:t.placeholder,maxLength:c,type:"search",onChange:function(e){Ue(nt({event:e,props:t,query:e.currentTarget.value.slice(0,c),refresh:n,store:r},o))},onKeyDown:function(e){!function(e){var t=e.event,n=e.props,r=e.refresh,o=e.store,a=function(e,t){if(null==e)return{};var n,r,o=function(e,t){if(null==e)return{};var n,r,o={},a=Object.keys(e);for(r=0;r<a.length;r++)n=a[r],t.indexOf(n)>=0||(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(r=0;r<a.length;r++)n=a[r],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}(e,$e);if("ArrowUp"===t.key||"ArrowDown"===t.key){var i=function(){var e=n.environment.document.getElementById("".concat(n.id,"-item-").concat(o.getState().activeItemId));e&&(e.scrollIntoViewIfNeeded?e.scrollIntoViewIfNeeded(!1):e.scrollIntoView(!1))},s=function(){var e=oe(o.getState());if(null!==o.getState().activeItemId&&e){var n=e.item,i=e.itemInputValue,s=e.itemUrl,l=e.source;l.onActive(Ve({event:t,item:n,itemInputValue:i,itemUrl:s,refresh:r,source:l,state:o.getState()},a))}};t.preventDefault(),!1===o.getState().isOpen&&(n.openOnFocus||Boolean(o.getState().query))?Ue(Ve({event:t,props:n,query:o.getState().query,refresh:r,store:o},a)).then((function(){o.dispatch(t.key,{nextActiveItemId:n.defaultActiveItemId}),s(),setTimeout(i,0)})):(o.dispatch(t.key,{}),s(),i())}else if("Escape"===t.key)t.preventDefault(),o.dispatch(t.key,null),o.pendingRequests.cancelAll();else if("Tab"===t.key)o.dispatch("blur",null),o.pendingRequests.cancelAll();else if("Enter"===t.key){if(null===o.getState().activeItemId||o.getState().collections.every((function(e){return 0===e.items.length})))return void(n.debug||o.pendingRequests.cancelAll());t.preventDefault();var l=oe(o.getState()),c=l.item,u=l.itemInputValue,d=l.itemUrl,p=l.source;if(t.metaKey||t.ctrlKey)void 0!==d&&(p.onSelect(Ve({event:t,item:c,itemInputValue:u,itemUrl:d,refresh:r,source:p,state:o.getState()},a)),n.navigator.navigateNewTab({itemUrl:d,item:c,state:o.getState()}));else if(t.shiftKey)void 0!==d&&(p.onSelect(Ve({event:t,item:c,itemInputValue:u,itemUrl:d,refresh:r,source:p,state:o.getState()},a)),n.navigator.navigateNewWindow({itemUrl:d,item:c,state:o.getState()}));else if(t.altKey);else{if(void 0!==d)return p.onSelect(Ve({event:t,item:c,itemInputValue:u,itemUrl:d,refresh:r,source:p,state:o.getState()},a)),void n.navigator.navigate({itemUrl:d,item:c,state:o.getState()});Ue(Ve({event:t,nextState:{isOpen:!1},props:n,query:u,refresh:r,store:o},a)).then((function(){p.onSelect(Ve({event:t,item:c,itemInputValue:u,itemUrl:d,refresh:r,source:p,state:o.getState()},a))}))}}}(nt({event:e,props:t,refresh:n,store:r},o))},onFocus:i,onBlur:E,onClick:function(n){e.inputElement!==t.environment.document.activeElement||r.getState().isOpen||i(n)}},u)},getPanelProps:function(e){return nt({onMouseDown:function(e){e.preventDefault()},onMouseLeave:function(){r.dispatch("mouseleave",null)}},e)},getListProps:function(e){var n=e||{},r=n.sourceIndex,o=ot(n,Xe);return nt({role:"listbox","aria-labelledby":"".concat(a(t.id,r),"-label"),id:"".concat(a(t.id,r),"-list")},o)},getItemProps:function(e){var i=e.item,s=e.source,l=e.sourceIndex,c=ot(e,et);return nt({id:"".concat(a(t.id,l),"-item-").concat(i.__autocomplete_id),role:"option","aria-selected":r.getState().activeItemId===i.__autocomplete_id,onMouseMove:function(e){if(i.__autocomplete_id!==r.getState().activeItemId){r.dispatch("mousemove",i.__autocomplete_id);var t=oe(r.getState());if(null!==r.getState().activeItemId&&t){var a=t.item,s=t.itemInputValue,l=t.itemUrl,c=t.source;c.onActive(nt({event:e,item:a,itemInputValue:s,itemUrl:l,refresh:n,source:c,state:r.getState()},o))}}},onMouseDown:function(e){e.preventDefault()},onClick:function(e){var a=s.getItemInputValue({item:i,state:r.getState()}),l=s.getItemUrl({item:i,state:r.getState()});(l?Promise.resolve():Ue(nt({event:e,nextState:{isOpen:!1},props:t,query:a,refresh:n,store:r},o))).then((function(){s.onSelect(nt({event:e,item:i,itemInputValue:a,itemUrl:l,refresh:n,source:s,state:r.getState()},o))}))}},c)}}}function it(e){return it="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},it(e)}function st(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function lt(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?st(Object(n),!0).forEach((function(t){ct(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):st(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function ct(e,t,n){return(t=function(e){var t=function(e){if("object"!==it(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var n=t.call(e,"string");if("object"!==it(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"===it(t)?t:String(t)}(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function ut(e){var t,n,r,o,a=e.plugins,i=e.options,s=null===(t=((null===(n=i.__autocomplete_metadata)||void 0===n?void 0:n.userAgents)||[])[0])||void 0===t?void 0:t.segment,l=s?ct({},s,Object.keys((null===(r=i.__autocomplete_metadata)||void 0===r?void 0:r.options)||{})):{};return{plugins:a.map((function(e){return{name:e.name,options:Object.keys(e.__autocomplete_pluginOptions||[])}})),options:lt({"autocomplete-core":Object.keys(i)},l),ua:_.concat((null===(o=i.__autocomplete_metadata)||void 0===o?void 0:o.userAgents)||[])}}function dt(e){var t,n=e.state;return!1===n.isOpen||null===n.activeItemId?null:(null===(t=oe(n))||void 0===t?void 0:t.itemInputValue)||null}function pt(e){return pt="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},pt(e)}function ft(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function mt(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?ft(Object(n),!0).forEach((function(t){ht(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):ft(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function ht(e,t,n){return(t=function(e){var t=function(e){if("object"!==pt(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var n=t.call(e,"string");if("object"!==pt(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"===pt(t)?t:String(t)}(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var gt=function(e,t){switch(t.type){case"setActiveItemId":case"mousemove":return mt(mt({},e),{},{activeItemId:t.payload});case"setQuery":return mt(mt({},e),{},{query:t.payload,completion:null});case"setCollections":return mt(mt({},e),{},{collections:t.payload});case"setIsOpen":return mt(mt({},e),{},{isOpen:t.payload});case"setStatus":return mt(mt({},e),{},{status:t.payload});case"setContext":return mt(mt({},e),{},{context:mt(mt({},e.context),t.payload)});case"ArrowDown":var n=mt(mt({},e),{},{activeItemId:t.payload.hasOwnProperty("nextActiveItemId")?t.payload.nextActiveItemId:X(1,e.activeItemId,S(e),t.props.defaultActiveItemId)});return mt(mt({},n),{},{completion:dt({state:n})});case"ArrowUp":var r=mt(mt({},e),{},{activeItemId:X(-1,e.activeItemId,S(e),t.props.defaultActiveItemId)});return mt(mt({},r),{},{completion:dt({state:r})});case"Escape":return e.isOpen?mt(mt({},e),{},{activeItemId:null,isOpen:!1,completion:null}):mt(mt({},e),{},{activeItemId:null,query:"",status:"idle",collections:[]});case"submit":return mt(mt({},e),{},{activeItemId:null,isOpen:!1,status:"idle"});case"reset":return mt(mt({},e),{},{activeItemId:!0===t.props.openOnFocus?t.props.defaultActiveItemId:null,status:"idle",query:""});case"focus":return mt(mt({},e),{},{activeItemId:t.props.defaultActiveItemId,isOpen:(t.props.openOnFocus||Boolean(e.query))&&t.props.shouldPanelOpen({state:e})});case"blur":return t.props.debug?e:mt(mt({},e),{},{isOpen:!1,activeItemId:null});case"mouseleave":return mt(mt({},e),{},{activeItemId:t.props.defaultActiveItemId});default:return"The reducer action ".concat(JSON.stringify(t.type)," is not supported."),e}};function bt(e){return bt="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},bt(e)}function yt(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function vt(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?yt(Object(n),!0).forEach((function(t){wt(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):yt(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function wt(e,t,n){return(t=function(e){var t=function(e){if("object"!==bt(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var n=t.call(e,"string");if("object"!==bt(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"===bt(t)?t:String(t)}(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function St(e){var t=[],n=ye(e,t),r=function(e,t,n){var r,o=t.initialState;return{getState:function(){return o},dispatch:function(r,a){var i=function(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?se(Object(n),!0).forEach((function(t){le(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):se(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}({},o);o=e(o,{type:r,props:t,payload:a}),n({state:o,prevState:i})},pendingRequests:(r=[],{add:function(e){return r.push(e),e.finally((function(){r=r.filter((function(t){return t!==e}))}))},cancelAll:function(){r.forEach((function(e){return e.cancel()}))},isEmpty:function(){return 0===r.length}})}}(gt,n,(function(e){var t=e.prevState,r=e.state;n.onStateChange(vt({prevState:t,state:r,refresh:i,navigator:n.navigator},o))})),o=function(e){var t=e.store;return{setActiveItemId:function(e){t.dispatch("setActiveItemId",e)},setQuery:function(e){t.dispatch("setQuery",e)},setCollections:function(e){var n=0,r=e.map((function(e){return de(de({},e),{},{items:v(e.items).map((function(e){return de(de({},e),{},{__autocomplete_id:n++})}))})}));t.dispatch("setCollections",r)},setIsOpen:function(e){t.dispatch("setIsOpen",e)},setStatus:function(e){t.dispatch("setStatus",e)},setContext:function(e){t.dispatch("setContext",e)}}}({store:r}),a=at(vt({props:n,refresh:i,store:r,navigator:n.navigator},o));function i(){return Ue(vt({event:new Event("input"),nextState:{isOpen:r.getState().isOpen},props:n,navigator:n.navigator,query:r.getState().query,refresh:i,store:r},o))}if(e.insights&&!n.plugins.some((function(e){return"aa.algoliaInsightsPlugin"===e.name}))){var s="boolean"==typeof e.insights?{}:e.insights;n.plugins.push(Q(s))}return n.plugins.forEach((function(e){var r;return null===(r=e.subscribe)||void 0===r?void 0:r.call(e,vt(vt({},o),{},{navigator:n.navigator,refresh:i,onSelect:function(e){t.push({onSelect:e})},onActive:function(e){t.push({onActive:e})},onResolve:function(e){t.push({onResolve:e})}}))})),function(e){var t,n,r=e.metadata,o=e.environment;if(null===(t=o.navigator)||void 0===t||null===(n=t.userAgent)||void 0===n?void 0:n.includes("Algolia Crawler")){var a=o.document.createElement("meta"),i=o.document.querySelector("head");a.name="algolia:metadata",setTimeout((function(){a.content=JSON.stringify(r),i.appendChild(a)}),0)}}({metadata:ut({plugins:n.plugins,options:e}),environment:n.environment}),vt(vt({refresh:i,navigator:n.navigator},a),o)}function kt(e){var t=e.translations,n=(void 0===t?{}:t).searchByText,o=void 0===n?"Search by":n;return r.createElement("a",{href:"https://www.algolia.com/ref/docsearch/?utm_source=".concat(window.location.hostname,"&utm_medium=referral&utm_content=powered_by&utm_campaign=docsearch"),target:"_blank",rel:"noopener noreferrer"},r.createElement("span",{className:"DocSearch-Label"},o),r.createElement("svg",{width:"77",height:"19","aria-label":"Algolia",role:"img",id:"Layer_1",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 2196.2 500"},r.createElement("defs",null,r.createElement("style",null,".cls-1,.cls-2{fill:#003dff;}.cls-2{fill-rule:evenodd;}")),r.createElement("path",{className:"cls-2",d:"M1070.38,275.3V5.91c0-3.63-3.24-6.39-6.82-5.83l-50.46,7.94c-2.87,.45-4.99,2.93-4.99,5.84l.17,273.22c0,12.92,0,92.7,95.97,95.49,3.33,.1,6.09-2.58,6.09-5.91v-40.78c0-2.96-2.19-5.51-5.12-5.84-34.85-4.01-34.85-47.57-34.85-54.72Z"}),r.createElement("rect",{className:"cls-1",x:"1845.88",y:"104.73",width:"62.58",height:"277.9",rx:"5.9",ry:"5.9"}),r.createElement("path",{className:"cls-2",d:"M1851.78,71.38h50.77c3.26,0,5.9-2.64,5.9-5.9V5.9c0-3.62-3.24-6.39-6.82-5.83l-50.77,7.95c-2.87,.45-4.99,2.92-4.99,5.83v51.62c0,3.26,2.64,5.9,5.9,5.9Z"}),r.createElement("path",{className:"cls-2",d:"M1764.03,275.3V5.91c0-3.63-3.24-6.39-6.82-5.83l-50.46,7.94c-2.87,.45-4.99,2.93-4.99,5.84l.17,273.22c0,12.92,0,92.7,95.97,95.49,3.33,.1,6.09-2.58,6.09-5.91v-40.78c0-2.96-2.19-5.51-5.12-5.84-34.85-4.01-34.85-47.57-34.85-54.72Z"}),r.createElement("path",{className:"cls-2",d:"M1631.95,142.72c-11.14-12.25-24.83-21.65-40.78-28.31-15.92-6.53-33.26-9.85-52.07-9.85-18.78,0-36.15,3.17-51.92,9.85-15.59,6.66-29.29,16.05-40.76,28.31-11.47,12.23-20.38,26.87-26.76,44.03-6.38,17.17-9.24,37.37-9.24,58.36,0,20.99,3.19,36.87,9.55,54.21,6.38,17.32,15.14,32.11,26.45,44.36,11.29,12.23,24.83,21.62,40.6,28.46,15.77,6.83,40.12,10.33,52.4,10.48,12.25,0,36.78-3.82,52.7-10.48,15.92-6.68,29.46-16.23,40.78-28.46,11.29-12.25,20.05-27.04,26.25-44.36,6.22-17.34,9.24-33.22,9.24-54.21,0-20.99-3.34-41.19-10.03-58.36-6.38-17.17-15.14-31.8-26.43-44.03Zm-44.43,163.75c-11.47,15.75-27.56,23.7-48.09,23.7-20.55,0-36.63-7.8-48.1-23.7-11.47-15.75-17.21-34.01-17.21-61.2,0-26.89,5.59-49.14,17.06-64.87,11.45-15.75,27.54-23.52,48.07-23.52,20.55,0,36.63,7.78,48.09,23.52,11.47,15.57,17.36,37.98,17.36,64.87,0,27.19-5.72,45.3-17.19,61.2Z"}),r.createElement("path",{className:"cls-2",d:"M894.42,104.73h-49.33c-48.36,0-90.91,25.48-115.75,64.1-14.52,22.58-22.99,49.63-22.99,78.73,0,44.89,20.13,84.92,51.59,111.1,2.93,2.6,6.05,4.98,9.31,7.14,12.86,8.49,28.11,13.47,44.52,13.47,1.23,0,2.46-.03,3.68-.09,.36-.02,.71-.05,1.07-.07,.87-.05,1.75-.11,2.62-.2,.34-.03,.68-.08,1.02-.12,.91-.1,1.82-.21,2.73-.34,.21-.03,.42-.07,.63-.1,32.89-5.07,61.56-30.82,70.9-62.81v57.83c0,3.26,2.64,5.9,5.9,5.9h50.42c3.26,0,5.9-2.64,5.9-5.9V110.63c0-3.26-2.64-5.9-5.9-5.9h-56.32Zm0,206.92c-12.2,10.16-27.97,13.98-44.84,15.12-.16,.01-.33,.03-.49,.04-1.12,.07-2.24,.1-3.36,.1-42.24,0-77.12-35.89-77.12-79.37,0-10.25,1.96-20.01,5.42-28.98,11.22-29.12,38.77-49.74,71.06-49.74h49.33v142.83Z"}),r.createElement("path",{className:"cls-2",d:"M2133.97,104.73h-49.33c-48.36,0-90.91,25.48-115.75,64.1-14.52,22.58-22.99,49.63-22.99,78.73,0,44.89,20.13,84.92,51.59,111.1,2.93,2.6,6.05,4.98,9.31,7.14,12.86,8.49,28.11,13.47,44.52,13.47,1.23,0,2.46-.03,3.68-.09,.36-.02,.71-.05,1.07-.07,.87-.05,1.75-.11,2.62-.2,.34-.03,.68-.08,1.02-.12,.91-.1,1.82-.21,2.73-.34,.21-.03,.42-.07,.63-.1,32.89-5.07,61.56-30.82,70.9-62.81v57.83c0,3.26,2.64,5.9,5.9,5.9h50.42c3.26,0,5.9-2.64,5.9-5.9V110.63c0-3.26-2.64-5.9-5.9-5.9h-56.32Zm0,206.92c-12.2,10.16-27.97,13.98-44.84,15.12-.16,.01-.33,.03-.49,.04-1.12,.07-2.24,.1-3.36,.1-42.24,0-77.12-35.89-77.12-79.37,0-10.25,1.96-20.01,5.42-28.98,11.22-29.12,38.77-49.74,71.06-49.74h49.33v142.83Z"}),r.createElement("path",{className:"cls-2",d:"M1314.05,104.73h-49.33c-48.36,0-90.91,25.48-115.75,64.1-11.79,18.34-19.6,39.64-22.11,62.59-.58,5.3-.88,10.68-.88,16.14s.31,11.15,.93,16.59c4.28,38.09,23.14,71.61,50.66,94.52,2.93,2.6,6.05,4.98,9.31,7.14,12.86,8.49,28.11,13.47,44.52,13.47h0c17.99,0,34.61-5.93,48.16-15.97,16.29-11.58,28.88-28.54,34.48-47.75v50.26h-.11v11.08c0,21.84-5.71,38.27-17.34,49.36-11.61,11.08-31.04,16.63-58.25,16.63-11.12,0-28.79-.59-46.6-2.41-2.83-.29-5.46,1.5-6.27,4.22l-12.78,43.11c-1.02,3.46,1.27,7.02,4.83,7.53,21.52,3.08,42.52,4.68,54.65,4.68,48.91,0,85.16-10.75,108.89-32.21,21.48-19.41,33.15-48.89,35.2-88.52V110.63c0-3.26-2.64-5.9-5.9-5.9h-56.32Zm0,64.1s.65,139.13,0,143.36c-12.08,9.77-27.11,13.59-43.49,14.7-.16,.01-.33,.03-.49,.04-1.12,.07-2.24,.1-3.36,.1-1.32,0-2.63-.03-3.94-.1-40.41-2.11-74.52-37.26-74.52-79.38,0-10.25,1.96-20.01,5.42-28.98,11.22-29.12,38.77-49.74,71.06-49.74h49.33Z"}),r.createElement("path",{className:"cls-1",d:"M249.83,0C113.3,0,2,110.09,.03,246.16c-2,138.19,110.12,252.7,248.33,253.5,42.68,.25,83.79-10.19,120.3-30.03,3.56-1.93,4.11-6.83,1.08-9.51l-23.38-20.72c-4.75-4.21-11.51-5.4-17.36-2.92-25.48,10.84-53.17,16.38-81.71,16.03-111.68-1.37-201.91-94.29-200.13-205.96,1.76-110.26,92-199.41,202.67-199.41h202.69V407.41l-115-102.18c-3.72-3.31-9.42-2.66-12.42,1.31-18.46,24.44-48.53,39.64-81.93,37.34-46.33-3.2-83.87-40.5-87.34-86.81-4.15-55.24,39.63-101.52,94-101.52,49.18,0,89.68,37.85,93.91,85.95,.38,4.28,2.31,8.27,5.52,11.12l29.95,26.55c3.4,3.01,8.79,1.17,9.63-3.3,2.16-11.55,2.92-23.58,2.07-35.92-4.82-70.34-61.8-126.93-132.17-131.26-80.68-4.97-148.13,58.14-150.27,137.25-2.09,77.1,61.08,143.56,138.19,145.26,32.19,.71,62.03-9.41,86.14-26.95l150.26,133.2c6.44,5.71,16.61,1.14,16.61-7.47V9.48C499.66,4.25,495.42,0,490.18,0H249.83Z"})))}function xt(e){return r.createElement("svg",{width:"15",height:"15","aria-label":e.ariaLabel,role:"img"},r.createElement("g",{fill:"none",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"1.2"},e.children))}function Et(e){var t=e.translations,n=void 0===t?{}:t,o=n.selectText,a=void 0===o?"to select":o,i=n.selectKeyAriaLabel,s=void 0===i?"Enter key":i,l=n.navigateText,c=void 0===l?"to navigate":l,u=n.navigateUpKeyAriaLabel,d=void 0===u?"Arrow up":u,p=n.navigateDownKeyAriaLabel,f=void 0===p?"Arrow down":p,m=n.closeText,h=void 0===m?"to close":m,g=n.closeKeyAriaLabel,b=void 0===g?"Escape key":g,y=n.searchByText,v=void 0===y?"Search by":y;return r.createElement(r.Fragment,null,r.createElement("div",{className:"DocSearch-Logo"},r.createElement(kt,{translations:{searchByText:v}})),r.createElement("ul",{className:"DocSearch-Commands"},r.createElement("li",null,r.createElement("kbd",{className:"DocSearch-Commands-Key"},r.createElement(xt,{ariaLabel:s},r.createElement("path",{d:"M12 3.53088v3c0 1-1 2-2 2H4M7 11.53088l-3-3 3-3"}))),r.createElement("span",{className:"DocSearch-Label"},a)),r.createElement("li",null,r.createElement("kbd",{className:"DocSearch-Commands-Key"},r.createElement(xt,{ariaLabel:f},r.createElement("path",{d:"M7.5 3.5v8M10.5 8.5l-3 3-3-3"}))),r.createElement("kbd",{className:"DocSearch-Commands-Key"},r.createElement(xt,{ariaLabel:d},r.createElement("path",{d:"M7.5 11.5v-8M10.5 6.5l-3-3-3 3"}))),r.createElement("span",{className:"DocSearch-Label"},c)),r.createElement("li",null,r.createElement("kbd",{className:"DocSearch-Commands-Key"},r.createElement(xt,{ariaLabel:b},r.createElement("path",{d:"M13.6167 8.936c-.1065.3583-.6883.962-1.4875.962-.7993 0-1.653-.9165-1.653-2.1258v-.5678c0-1.2548.7896-2.1016 1.653-2.1016.8634 0 1.3601.4778 1.4875 1.0724M9 6c-.1352-.4735-.7506-.9219-1.46-.8972-.7092.0246-1.344.57-1.344 1.2166s.4198.8812 1.3445.9805C8.465 7.3992 8.968 7.9337 9 8.5c.032.5663-.454 1.398-1.4595 1.398C6.6593 9.898 6 9 5.963 8.4851m-1.4748.5368c-.2635.5941-.8099.876-1.5443.876s-1.7073-.6248-1.7073-2.204v-.4603c0-1.0416.721-2.131 1.7073-2.131.9864 0 1.6425 1.031 1.5443 2.2492h-2.956"}))),r.createElement("span",{className:"DocSearch-Label"},h))))}function _t(e){var t=e.hit,n=e.children;return r.createElement("a",{href:t.url},n)}function Ct(){return r.createElement("svg",{viewBox:"0 0 38 38",stroke:"currentColor",strokeOpacity:".5"},r.createElement("g",{fill:"none",fillRule:"evenodd"},r.createElement("g",{transform:"translate(1 1)",strokeWidth:"2"},r.createElement("circle",{strokeOpacity:".3",cx:"18",cy:"18",r:"18"}),r.createElement("path",{d:"M36 18c0-9.94-8.06-18-18-18"},r.createElement("animateTransform",{attributeName:"transform",type:"rotate",from:"0 18 18",to:"360 18 18",dur:"1s",repeatCount:"indefinite"})))))}function jt(){return r.createElement("svg",{width:"20",height:"20",viewBox:"0 0 20 20"},r.createElement("g",{stroke:"currentColor",fill:"none",fillRule:"evenodd",strokeLinecap:"round",strokeLinejoin:"round"},r.createElement("path",{d:"M3.18 6.6a8.23 8.23 0 1112.93 9.94h0a8.23 8.23 0 01-11.63 0"}),r.createElement("path",{d:"M6.44 7.25H2.55V3.36M10.45 6v5.6M10.45 11.6L13 13"})))}function Ot(){return r.createElement("svg",{width:"20",height:"20",viewBox:"0 0 20 20"},r.createElement("path",{d:"M10 10l5.09-5.09L10 10l5.09 5.09L10 10zm0 0L4.91 4.91 10 10l-5.09 5.09L10 10z",stroke:"currentColor",fill:"none",fillRule:"evenodd",strokeLinecap:"round",strokeLinejoin:"round"}))}function At(){return r.createElement("svg",{className:"DocSearch-Hit-Select-Icon",width:"20",height:"20",viewBox:"0 0 20 20"},r.createElement("g",{stroke:"currentColor",fill:"none",fillRule:"evenodd",strokeLinecap:"round",strokeLinejoin:"round"},r.createElement("path",{d:"M18 3v4c0 2-2 4-4 4H2"}),r.createElement("path",{d:"M8 17l-6-6 6-6"})))}var Tt=function(){return r.createElement("svg",{width:"20",height:"20",viewBox:"0 0 20 20"},r.createElement("path",{d:"M17 6v12c0 .52-.2 1-1 1H4c-.7 0-1-.33-1-1V2c0-.55.42-1 1-1h8l5 5zM14 8h-3.13c-.51 0-.87-.34-.87-.87V4",stroke:"currentColor",fill:"none",fillRule:"evenodd",strokeLinejoin:"round"}))};function Pt(e){switch(e.type){case"lvl1":return r.createElement(Tt,null);case"content":return r.createElement(It,null);default:return r.createElement(Lt,null)}}function Lt(){return r.createElement("svg",{width:"20",height:"20",viewBox:"0 0 20 20"},r.createElement("path",{d:"M13 13h4-4V8H7v5h6v4-4H7V8H3h4V3v5h6V3v5h4-4v5zm-6 0v4-4H3h4z",stroke:"currentColor",fill:"none",fillRule:"evenodd",strokeLinecap:"round",strokeLinejoin:"round"}))}function It(){return r.createElement("svg",{width:"20",height:"20",viewBox:"0 0 20 20"},r.createElement("path",{d:"M17 5H3h14zm0 5H3h14zm0 5H3h14z",stroke:"currentColor",fill:"none",fillRule:"evenodd",strokeLinejoin:"round"}))}function Nt(){return r.createElement("svg",{width:"20",height:"20",viewBox:"0 0 20 20"},r.createElement("path",{d:"M10 14.2L5 17l1-5.6-4-4 5.5-.7 2.5-5 2.5 5 5.6.8-4 4 .9 5.5z",stroke:"currentColor",fill:"none",fillRule:"evenodd",strokeLinejoin:"round"}))}function Rt(){return r.createElement("svg",{width:"40",height:"40",viewBox:"0 0 20 20",fill:"none",fillRule:"evenodd",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round"},r.createElement("path",{d:"M19 4.8a16 16 0 00-2-1.2m-3.3-1.2A16 16 0 001.1 4.7M16.7 8a12 12 0 00-2.8-1.4M10 6a12 12 0 00-6.7 2M12.3 14.7a4 4 0 00-4.5 0M14.5 11.4A8 8 0 0010 10M3 16L18 2M10 18h0"}))}function Dt(){return r.createElement("svg",{width:"40",height:"40",viewBox:"0 0 20 20",fill:"none",fillRule:"evenodd",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round"},r.createElement("path",{d:"M15.5 4.8c2 3 1.7 7-1 9.7h0l4.3 4.3-4.3-4.3a7.8 7.8 0 01-9.8 1m-2.2-2.2A7.8 7.8 0 0113.2 2.4M2 18L18 2"}))}function Mt(e){var t=e.translations,n=void 0===t?{}:t,o=n.titleText,a=void 0===o?"Unable to fetch results":o,i=n.helpText,s=void 0===i?"You might want to check your network connection.":i;return r.createElement("div",{className:"DocSearch-ErrorScreen"},r.createElement("div",{className:"DocSearch-Screen-Icon"},r.createElement(Rt,null)),r.createElement("p",{className:"DocSearch-Title"},a),r.createElement("p",{className:"DocSearch-Help"},s))}var Ft=["translations"];function zt(e){var t=e.translations,n=void 0===t?{}:t,o=l(e,Ft),a=n.noResultsText,i=void 0===a?"No results for":a,s=n.suggestedQueryText,c=void 0===s?"Try searching for":s,d=n.reportMissingResultsText,p=void 0===d?"Believe this query should return results?":d,f=n.reportMissingResultsLinkText,m=void 0===f?"Let us know.":f,h=o.state.context.searchSuggestions;return r.createElement("div",{className:"DocSearch-NoResults"},r.createElement("div",{className:"DocSearch-Screen-Icon"},r.createElement(Dt,null)),r.createElement("p",{className:"DocSearch-Title"},i,' "',r.createElement("strong",null,o.state.query),'"'),h&&h.length>0&&r.createElement("div",{className:"DocSearch-NoResults-Prefill-List"},r.createElement("p",{className:"DocSearch-Help"},c,":"),r.createElement("ul",null,h.slice(0,3).reduce((function(e,t){return[].concat(u(e),[r.createElement("li",{key:t},r.createElement("button",{className:"DocSearch-Prefill",key:t,type:"button",onClick:function(){o.setQuery(t.toLowerCase()+" "),o.refresh(),o.inputRef.current.focus()}},t))])}),[]))),o.getMissingResultsUrl&&r.createElement("p",{className:"DocSearch-Help"},"".concat(p," "),r.createElement("a",{href:o.getMissingResultsUrl({query:o.state.query}),target:"_blank",rel:"noopener noreferrer"},m)))}var Bt=["hit","attribute","tagName"];function Ut(e,t){return t.split(".").reduce((function(e,t){return null!=e&&e[t]?e[t]:null}),e)}function qt(e){var t=e.hit,n=e.attribute,o=e.tagName,i=void 0===o?"span":o,s=l(e,Bt);return(0,r.createElement)(i,a(a({},s),{},{dangerouslySetInnerHTML:{__html:Ut(t,"_snippetResult.".concat(n,".value"))||Ut(t,n)}}))}function $t(e){return e.collection&&0!==e.collection.items.length?r.createElement("section",{className:"DocSearch-Hits"},r.createElement("div",{className:"DocSearch-Hit-source"},e.title),r.createElement("ul",e.getListProps(),e.collection.items.map((function(t,n){return r.createElement(Ht,s({key:[e.title,t.objectID].join(":"),item:t,index:n},e))})))):null}function Ht(e){var t=e.item,n=e.index,o=e.renderIcon,a=e.renderAction,i=e.getItemProps,l=e.onItemClick,u=e.collection,d=e.hitComponent,p=c(r.useState(!1),2),f=p[0],m=p[1],h=c(r.useState(!1),2),g=h[0],b=h[1],y=r.useRef(null),v=d;return r.createElement("li",s({className:["DocSearch-Hit",t.__docsearch_parent&&"DocSearch-Hit--Child",f&&"DocSearch-Hit--deleting",g&&"DocSearch-Hit--favoriting"].filter(Boolean).join(" "),onTransitionEnd:function(){y.current&&y.current()}},i({item:t,source:u.source,onClick:function(e){l(t,e)}})),r.createElement(v,{hit:t},r.createElement("div",{className:"DocSearch-Hit-Container"},o({item:t,index:n}),t.hierarchy[t.type]&&"lvl1"===t.type&&r.createElement("div",{className:"DocSearch-Hit-content-wrapper"},r.createElement(qt,{className:"DocSearch-Hit-title",hit:t,attribute:"hierarchy.lvl1"}),t.content&&r.createElement(qt,{className:"DocSearch-Hit-path",hit:t,attribute:"content"})),t.hierarchy[t.type]&&("lvl2"===t.type||"lvl3"===t.type||"lvl4"===t.type||"lvl5"===t.type||"lvl6"===t.type)&&r.createElement("div",{className:"DocSearch-Hit-content-wrapper"},r.createElement(qt,{className:"DocSearch-Hit-title",hit:t,attribute:"hierarchy.".concat(t.type)}),r.createElement(qt,{className:"DocSearch-Hit-path",hit:t,attribute:"hierarchy.lvl1"})),"content"===t.type&&r.createElement("div",{className:"DocSearch-Hit-content-wrapper"},r.createElement(qt,{className:"DocSearch-Hit-title",hit:t,attribute:"content"}),r.createElement(qt,{className:"DocSearch-Hit-path",hit:t,attribute:"hierarchy.lvl1"})),a({item:t,runDeleteTransition:function(e){m(!0),y.current=e},runFavoriteTransition:function(e){b(!0),y.current=e}}))))}function Vt(e,t,n){return e.reduce((function(e,r){var o=t(r);return e.hasOwnProperty(o)||(e[o]=[]),e[o].length<(n||5)&&e[o].push(r),e}),{})}function Gt(e){return e}function Wt(e){return 1===e.button||e.altKey||e.ctrlKey||e.metaKey||e.shiftKey}function Kt(){}var Qt=/(<mark>|<\/mark>)/g,Yt=RegExp(Qt.source);function Zt(e){var t,n,r=e;if(!r.__docsearch_parent&&!e._highlightResult)return e.hierarchy.lvl0;var o=r.__docsearch_parent?null===(t=r.__docsearch_parent)||void 0===t||null===(t=t._highlightResult)||void 0===t||null===(t=t.hierarchy)||void 0===t?void 0:t.lvl0:null===(n=e._highlightResult)||void 0===n||null===(n=n.hierarchy)||void 0===n?void 0:n.lvl0;return o?o.value&&Yt.test(o.value)?o.value.replace(Qt,""):o.value:e.hierarchy.lvl0}function Jt(e){return r.createElement("div",{className:"DocSearch-Dropdown-Container"},e.state.collections.map((function(t){if(0===t.items.length)return null;var n=Zt(t.items[0]);return r.createElement($t,s({},e,{key:t.source.sourceId,title:n,collection:t,renderIcon:function(e){var n,o=e.item,a=e.index;return r.createElement(r.Fragment,null,o.__docsearch_parent&&r.createElement("svg",{className:"DocSearch-Hit-Tree",viewBox:"0 0 24 54"},r.createElement("g",{stroke:"currentColor",fill:"none",fillRule:"evenodd",strokeLinecap:"round",strokeLinejoin:"round"},o.__docsearch_parent!==(null===(n=t.items[a+1])||void 0===n?void 0:n.__docsearch_parent)?r.createElement("path",{d:"M8 6v21M20 27H8.3"}):r.createElement("path",{d:"M8 6v42M20 27H8.3"}))),r.createElement("div",{className:"DocSearch-Hit-icon"},r.createElement(Pt,{type:o.type})))},renderAction:function(){return r.createElement("div",{className:"DocSearch-Hit-action"},r.createElement(At,null))}}))})),e.resultsFooterComponent&&r.createElement("section",{className:"DocSearch-HitsFooter"},r.createElement(e.resultsFooterComponent,{state:e.state})))}var Xt=["translations"];function en(e){var t=e.translations,n=void 0===t?{}:t,o=l(e,Xt),a=n.recentSearchesTitle,i=void 0===a?"Recent":a,c=n.noRecentSearchesText,u=void 0===c?"No recent searches":c,d=n.saveRecentSearchButtonTitle,p=void 0===d?"Save this search":d,f=n.removeRecentSearchButtonTitle,m=void 0===f?"Remove this search from history":f,h=n.favoriteSearchesTitle,g=void 0===h?"Favorite":h,b=n.removeFavoriteSearchButtonTitle,y=void 0===b?"Remove this search from favorites":b;return"idle"===o.state.status&&!1===o.hasCollections?o.disableUserPersonalization?null:r.createElement("div",{className:"DocSearch-StartScreen"},r.createElement("p",{className:"DocSearch-Help"},u)):!1===o.hasCollections?null:r.createElement("div",{className:"DocSearch-Dropdown-Container"},r.createElement($t,s({},o,{title:i,collection:o.state.collections[0],renderIcon:function(){return r.createElement("div",{className:"DocSearch-Hit-icon"},r.createElement(jt,null))},renderAction:function(e){var t=e.item,n=e.runFavoriteTransition,a=e.runDeleteTransition;return r.createElement(r.Fragment,null,r.createElement("div",{className:"DocSearch-Hit-action"},r.createElement("button",{className:"DocSearch-Hit-action-button",title:p,type:"submit",onClick:function(e){e.preventDefault(),e.stopPropagation(),n((function(){o.favoriteSearches.add(t),o.recentSearches.remove(t),o.refresh()}))}},r.createElement(Nt,null))),r.createElement("div",{className:"DocSearch-Hit-action"},r.createElement("button",{className:"DocSearch-Hit-action-button",title:m,type:"submit",onClick:function(e){e.preventDefault(),e.stopPropagation(),a((function(){o.recentSearches.remove(t),o.refresh()}))}},r.createElement(Ot,null))))}})),r.createElement($t,s({},o,{title:g,collection:o.state.collections[1],renderIcon:function(){return r.createElement("div",{className:"DocSearch-Hit-icon"},r.createElement(Nt,null))},renderAction:function(e){var t=e.item,n=e.runDeleteTransition;return r.createElement("div",{className:"DocSearch-Hit-action"},r.createElement("button",{className:"DocSearch-Hit-action-button",title:y,type:"submit",onClick:function(e){e.preventDefault(),e.stopPropagation(),n((function(){o.favoriteSearches.remove(t),o.refresh()}))}},r.createElement(Ot,null)))}})))}var tn=["translations"],nn=r.memo((function(e){var t=e.translations,n=void 0===t?{}:t,o=l(e,tn);if("error"===o.state.status)return r.createElement(Mt,{translations:null==n?void 0:n.errorScreen});var a=o.state.collections.some((function(e){return e.items.length>0}));return o.state.query?!1===a?r.createElement(zt,s({},o,{translations:null==n?void 0:n.noResultsScreen})):r.createElement(Jt,o):r.createElement(en,s({},o,{hasCollections:a,translations:null==n?void 0:n.startScreen}))}),(function(e,t){return"loading"===t.state.status||"stalled"===t.state.status})),rn=["translations"];function on(e){var t=e.translations,n=void 0===t?{}:t,o=l(e,rn),a=n.resetButtonTitle,i=void 0===a?"Clear the query":a,c=n.resetButtonAriaLabel,u=void 0===c?"Clear the query":c,d=n.cancelButtonText,p=void 0===d?"Cancel":d,f=n.cancelButtonAriaLabel,h=void 0===f?"Cancel":f,g=n.searchInputLabel,b=void 0===g?"Search":g,y=o.getFormProps({inputElement:o.inputRef.current}).onReset;return r.useEffect((function(){o.autoFocus&&o.inputRef.current&&o.inputRef.current.focus()}),[o.autoFocus,o.inputRef]),r.useEffect((function(){o.isFromSelection&&o.inputRef.current&&o.inputRef.current.select()}),[o.isFromSelection,o.inputRef]),r.createElement(r.Fragment,null,r.createElement("form",{className:"DocSearch-Form",onSubmit:function(e){e.preventDefault()},onReset:y},r.createElement("label",s({className:"DocSearch-MagnifierLabel"},o.getLabelProps()),r.createElement(m,null),r.createElement("span",{className:"DocSearch-VisuallyHiddenForAccessibility"},b)),r.createElement("div",{className:"DocSearch-LoadingIndicator"},r.createElement(Ct,null)),r.createElement("input",s({className:"DocSearch-Input",ref:o.inputRef},o.getInputProps({inputElement:o.inputRef.current,autoFocus:o.autoFocus,maxLength:64}))),r.createElement("button",{type:"reset",title:i,className:"DocSearch-Reset","aria-label":u,hidden:!o.state.query},r.createElement(Ot,null))),r.createElement("button",{className:"DocSearch-Cancel",type:"reset","aria-label":h,onClick:o.onClose},p))}var an=["_highlightResult","_snippetResult"];function sn(e){var t=e.key,n=e.limit,r=void 0===n?5:n,o=function(e){return!1===function(){var e="__TEST_KEY__";try{return localStorage.setItem(e,""),localStorage.removeItem(e),!0}catch(e){return!1}}()?{setItem:function(){},getItem:function(){return[]}}:{setItem:function(t){return window.localStorage.setItem(e,JSON.stringify(t))},getItem:function(){var t=window.localStorage.getItem(e);return t?JSON.parse(t):[]}}}(t),a=o.getItem().slice(0,r);return{add:function(e){var t=e,n=(t._highlightResult,t._snippetResult,l(t,an)),i=a.findIndex((function(e){return e.objectID===n.objectID}));i>-1&&a.splice(i,1),a.unshift(n),a=a.slice(0,r),o.setItem(a)},remove:function(e){a=a.filter((function(t){return t.objectID!==e.objectID})),o.setItem(a)},getAll:function(){return a}}}function ln(e){const t=`algoliasearch-client-js-${e.key}`;let n;const r=()=>(void 0===n&&(n=e.localStorage||window.localStorage),n),o=()=>JSON.parse(r().getItem(t)||"{}"),a=e=>{r().setItem(t,JSON.stringify(e))};return{get:(t,n,r={miss:()=>Promise.resolve()})=>Promise.resolve().then((()=>{(()=>{const t=e.timeToLive?1e3*e.timeToLive:null,n=o(),r=Object.fromEntries(Object.entries(n).filter((([,e])=>void 0!==e.timestamp)));if(a(r),!t)return;const i=Object.fromEntries(Object.entries(r).filter((([,e])=>{const n=(new Date).getTime();return!(e.timestamp+t<n)})));a(i)})();const n=JSON.stringify(t);return o()[n]})).then((e=>Promise.all([e?e.value:n(),void 0!==e]))).then((([e,t])=>Promise.all([e,t||r.miss(e)]))).then((([e])=>e)),set:(e,n)=>Promise.resolve().then((()=>{const a=o();return a[JSON.stringify(e)]={timestamp:(new Date).getTime(),value:n},r().setItem(t,JSON.stringify(a)),n})),delete:e=>Promise.resolve().then((()=>{const n=o();delete n[JSON.stringify(e)],r().setItem(t,JSON.stringify(n))})),clear:()=>Promise.resolve().then((()=>{r().removeItem(t)}))}}function cn(e){const t=[...e.caches],n=t.shift();return void 0===n?{get:(e,t,n={miss:()=>Promise.resolve()})=>t().then((e=>Promise.all([e,n.miss(e)]))).then((([e])=>e)),set:(e,t)=>Promise.resolve(t),delete:e=>Promise.resolve(),clear:()=>Promise.resolve()}:{get:(e,r,o={miss:()=>Promise.resolve()})=>n.get(e,r,o).catch((()=>cn({caches:t}).get(e,r,o))),set:(e,r)=>n.set(e,r).catch((()=>cn({caches:t}).set(e,r))),delete:e=>n.delete(e).catch((()=>cn({caches:t}).delete(e))),clear:()=>n.clear().catch((()=>cn({caches:t}).clear()))}}function un(e={serializable:!0}){let t={};return{get(n,r,o={miss:()=>Promise.resolve()}){const a=JSON.stringify(n);if(a in t)return Promise.resolve(e.serializable?JSON.parse(t[a]):t[a]);const i=r(),s=o&&o.miss||(()=>Promise.resolve());return i.then((e=>s(e))).then((()=>i))},set:(n,r)=>(t[JSON.stringify(n)]=e.serializable?JSON.stringify(r):r,Promise.resolve(r)),delete:e=>(delete t[JSON.stringify(e)],Promise.resolve()),clear:()=>(t={},Promise.resolve())}}function dn(e){let t=e.length-1;for(;t>0;t--){const n=Math.floor(Math.random()*(t+1)),r=e[t];e[t]=e[n],e[n]=r}return e}function pn(e,t){return t?(Object.keys(t).forEach((n=>{e[n]=t[n](e)})),e):e}function fn(e,...t){let n=0;return e.replace(/%s/g,(()=>encodeURIComponent(t[n++])))}const mn={WithinQueryParameters:0,WithinHeaders:1};function hn(e,t){const n=e||{},r=n.data||{};return Object.keys(n).forEach((e=>{-1===["timeout","headers","queryParameters","data","cacheable"].indexOf(e)&&(r[e]=n[e])})),{data:Object.entries(r).length>0?r:void 0,timeout:n.timeout||t,headers:n.headers||{},queryParameters:n.queryParameters||{},cacheable:n.cacheable}}const gn={Read:1,Write:2,Any:3},bn=1,yn=3;function vn(e,t=bn){return{...e,status:t,lastUpdate:Date.now()}}function wn(e){return"string"==typeof e?{protocol:"https",url:e,accept:gn.Any}:{protocol:e.protocol||"https",url:e.url,accept:e.accept||gn.Any}}const Sn="GET",kn="POST";function xn(e,t,n,r){const o=[],a=function(e,t){if(e.method===Sn||void 0===e.data&&void 0===t.data)return;const n=Array.isArray(e.data)?e.data:{...e.data,...t.data};return JSON.stringify(n)}(n,r),i=function(e,t){const n={...e.headers,...t.headers},r={};return Object.keys(n).forEach((e=>{const t=n[e];r[e.toLowerCase()]=t})),r}(e,r),s=n.method,l=n.method!==Sn?{}:{...n.data,...r.data},c={"x-algolia-agent":e.userAgent.value,...e.queryParameters,...l,...r.queryParameters};let u=0;const d=(t,l)=>{const p=t.pop();if(void 0===p)throw{name:"RetryError",message:"Unreachable hosts - your application id may be incorrect. If the error persists, contact support@algolia.com.",transporterStackTrace:jn(o)};const f={data:a,headers:i,method:s,url:_n(p,n.path,c),connectTimeout:l(u,e.timeouts.connect),responseTimeout:l(u,r.timeout)},m=e=>{const n={request:f,response:e,host:p,triesLeft:t.length};return o.push(n),n},h={onSuccess:e=>function(e){try{return JSON.parse(e.content)}catch(t){throw function(e,t){return{name:"DeserializationError",message:e,response:t}}(t.message,e)}}(e),onRetry(n){const r=m(n);return n.isTimedOut&&u++,Promise.all([e.logger.info("Retryable failure",On(r)),e.hostsCache.set(p,vn(p,n.isTimedOut?yn:2))]).then((()=>d(t,l)))},onFail(e){throw m(e),function({content:e,status:t},n){let r=e;try{r=JSON.parse(e).message}catch(e){}return function(e,t,n){return{name:"ApiError",message:e,status:t,transporterStackTrace:n}}(r,t,n)}(e,jn(o))}};return e.requester.send(f).then((e=>((e,t)=>(e=>{const t=e.status;return e.isTimedOut||(({isTimedOut:e,status:t})=>!e&&!~~t)(e)||2!=~~(t/100)&&4!=~~(t/100)})(e)?t.onRetry(e):(({status:e})=>2==~~(e/100))(e)?t.onSuccess(e):t.onFail(e))(e,h)))};return function(e,t){return Promise.all(t.map((t=>e.get(t,(()=>Promise.resolve(vn(t))))))).then((e=>{const n=e.filter((e=>function(e){return e.status===bn||Date.now()-e.lastUpdate>12e4}(e))),r=e.filter((e=>function(e){return e.status===yn&&Date.now()-e.lastUpdate<=12e4}(e))),o=[...n,...r];return{getTimeout:(e,t)=>(0===r.length&&0===e?1:r.length+3+e)*t,statelessHosts:o.length>0?o.map((e=>wn(e))):t}}))}(e.hostsCache,t).then((e=>d([...e.statelessHosts].reverse(),e.getTimeout)))}function En(e){const t={value:`Algolia for JavaScript (${e})`,add(e){const n=`; ${e.segment}${void 0!==e.version?` (${e.version})`:""}`;return-1===t.value.indexOf(n)&&(t.value=`${t.value}${n}`),t}};return t}function _n(e,t,n){const r=Cn(n);let o=`${e.protocol}://${e.url}/${"/"===t.charAt(0)?t.substr(1):t}`;return r.length&&(o+=`?${r}`),o}function Cn(e){return Object.keys(e).map((t=>{return fn("%s=%s",t,(n=e[t],"[object Object]"===Object.prototype.toString.call(n)||"[object Array]"===Object.prototype.toString.call(n)?JSON.stringify(e[t]):e[t]));var n})).join("&")}function jn(e){return e.map((e=>On(e)))}function On(e){const t=e.request.headers["x-algolia-api-key"]?{"x-algolia-api-key":"*****"}:{};return{...e,request:{...e.request,headers:{...e.request.headers,...t}}}}const An=e=>{const t=e.appId,n=function(e,t,n){const r={"x-algolia-api-key":n,"x-algolia-application-id":t};return{headers:()=>e===mn.WithinHeaders?r:{},queryParameters:()=>e===mn.WithinQueryParameters?r:{}}}(void 0!==e.authMode?e.authMode:mn.WithinHeaders,t,e.apiKey),r=function(e){const{hostsCache:t,logger:n,requester:r,requestsCache:o,responsesCache:a,timeouts:i,userAgent:s,hosts:l,queryParameters:c,headers:u}=e,d={hostsCache:t,logger:n,requester:r,requestsCache:o,responsesCache:a,timeouts:i,userAgent:s,headers:u,queryParameters:c,hosts:l.map((e=>wn(e))),read(e,t){const n=hn(t,d.timeouts.read),r=()=>xn(d,d.hosts.filter((e=>!!(e.accept&gn.Read))),e,n);if(!0!==(void 0!==n.cacheable?n.cacheable:e.cacheable))return r();const o={request:e,mappedRequestOptions:n,transporter:{queryParameters:d.queryParameters,headers:d.headers}};return d.responsesCache.get(o,(()=>d.requestsCache.get(o,(()=>d.requestsCache.set(o,r()).then((e=>Promise.all([d.requestsCache.delete(o),e])),(e=>Promise.all([d.requestsCache.delete(o),Promise.reject(e)]))).then((([e,t])=>t))))),{miss:e=>d.responsesCache.set(o,e)})},write:(e,t)=>xn(d,d.hosts.filter((e=>!!(e.accept&gn.Write))),e,hn(t,d.timeouts.write))};return d}({hosts:[{url:`${t}-dsn.algolia.net`,accept:gn.Read},{url:`${t}.algolia.net`,accept:gn.Write}].concat(dn([{url:`${t}-1.algolianet.com`},{url:`${t}-2.algolianet.com`},{url:`${t}-3.algolianet.com`}])),...e,headers:{...n.headers(),"content-type":"application/x-www-form-urlencoded",...e.headers},queryParameters:{...n.queryParameters(),...e.queryParameters}}),o={transporter:r,appId:t,addAlgoliaAgent(e,t){r.userAgent.add({segment:e,version:t})},clearCache:()=>Promise.all([r.requestsCache.clear(),r.responsesCache.clear()]).then((()=>{}))};return pn(o,e.methods)},Tn=e=>(t,n)=>t.method===Sn?e.transporter.read(t,n):e.transporter.write(t,n),Pn=e=>(t,n={})=>pn({transporter:e.transporter,appId:e.appId,indexName:t},n.methods),Ln=e=>(t,n)=>{const r=t.map((e=>({...e,params:Cn(e.params||{})})));return e.transporter.read({method:kn,path:"1/indexes/*/queries",data:{requests:r},cacheable:!0},n)},In=e=>(t,n)=>Promise.all(t.map((t=>{const{facetName:r,facetQuery:o,...a}=t.params;return Pn(e)(t.indexName,{methods:{searchForFacetValues:Dn}}).searchForFacetValues(r,o,{...n,...a})}))),Nn=e=>(t,n,r)=>e.transporter.read({method:kn,path:fn("1/answers/%s/prediction",e.indexName),data:{query:t,queryLanguages:n},cacheable:!0},r),Rn=e=>(t,n)=>e.transporter.read({method:kn,path:fn("1/indexes/%s/query",e.indexName),data:{query:t},cacheable:!0},n),Dn=e=>(t,n,r)=>e.transporter.read({method:kn,path:fn("1/indexes/%s/facets/%s/query",e.indexName,t),data:{facetQuery:n},cacheable:!0},r),Mn=1,Fn=2,zn=3;function Bn(e,t,n){const r={appId:e,apiKey:t,timeouts:{connect:1,read:2,write:30},requester:{send:e=>new Promise((t=>{const n=new XMLHttpRequest;n.open(e.method,e.url,!0),Object.keys(e.headers).forEach((t=>n.setRequestHeader(t,e.headers[t])));const r=(e,r)=>setTimeout((()=>{n.abort(),t({status:0,content:r,isTimedOut:!0})}),1e3*e),o=r(e.connectTimeout,"Connection timeout");let a;n.onreadystatechange=()=>{n.readyState>n.OPENED&&void 0===a&&(clearTimeout(o),a=r(e.responseTimeout,"Socket timeout"))},n.onerror=()=>{0===n.status&&(clearTimeout(o),clearTimeout(a),t({content:n.responseText||"Network request failed",status:n.status,isTimedOut:!1}))},n.onload=()=>{clearTimeout(o),clearTimeout(a),t({content:n.responseText,status:n.status,isTimedOut:!1})},n.send(e.data)}))},logger:(o=zn,{debug:(e,t)=>(Mn>=o&&console.debug(e,t),Promise.resolve()),info:(e,t)=>(Fn>=o&&console.info(e,t),Promise.resolve()),error:(e,t)=>(console.error(e,t),Promise.resolve())}),responsesCache:un(),requestsCache:un({serializable:!1}),hostsCache:cn({caches:[ln({key:`4.19.1-${e}`}),un()]}),userAgent:En("4.19.1").add({segment:"Browser",version:"lite"}),authMode:mn.WithinQueryParameters};var o;return An({...r,...n,methods:{search:Ln,searchForFacetValues:In,multipleQueries:Ln,multipleSearchForFacetValues:In,customRequest:Tn,initIndex:e=>t=>Pn(e)(t,{methods:{search:Rn,searchForFacetValues:Dn,findAnswers:Nn}})}})}Bn.version="4.19.1";var Un=["footer","searchBox"];function qn(e){var t=e.appId,n=e.apiKey,o=e.indexName,i=e.placeholder,u=void 0===i?"Search docs":i,d=e.searchParameters,p=e.maxResultsPerGroup,f=e.onClose,m=void 0===f?Kt:f,h=e.transformItems,g=void 0===h?Gt:h,b=e.hitComponent,y=void 0===b?_t:b,v=e.resultsFooterComponent,w=void 0===v?function(){return null}:v,S=e.navigator,k=e.initialScrollY,x=void 0===k?0:k,E=e.transformSearchClient,_=void 0===E?Gt:E,C=e.disableUserPersonalization,j=void 0!==C&&C,O=e.initialQuery,A=void 0===O?"":O,T=e.translations,P=void 0===T?{}:T,L=e.getMissingResultsUrl,I=e.insights,N=void 0!==I&&I,R=P.footer,D=P.searchBox,M=l(P,Un),F=c(r.useState({query:"",collections:[],completion:null,context:{},isOpen:!1,activeItemId:null,status:"idle"}),2),z=F[0],B=F[1],U=r.useRef(null),q=r.useRef(null),$=r.useRef(null),H=r.useRef(null),V=r.useRef(null),G=r.useRef(10),W=r.useRef("undefined"!=typeof window?window.getSelection().toString().slice(0,64):"").current,K=r.useRef(A||W).current,Q=function(e,t,n){return r.useMemo((function(){var r=Bn(e,t);return r.addAlgoliaAgent("docsearch","3.6.2"),!1===/docsearch.js \(.*\)/.test(r.transporter.userAgent.value)&&r.addAlgoliaAgent("docsearch-react","3.6.2"),n(r)}),[e,t,n])}(t,n,_),Y=r.useRef(sn({key:"__DOCSEARCH_FAVORITE_SEARCHES__".concat(o),limit:10})).current,Z=r.useRef(sn({key:"__DOCSEARCH_RECENT_SEARCHES__".concat(o),limit:0===Y.getAll().length?7:4})).current,J=r.useCallback((function(e){if(!j){var t="content"===e.type?e.__docsearch_parent:e;t&&-1===Y.getAll().findIndex((function(e){return e.objectID===t.objectID}))&&Z.add(t)}}),[Y,Z,j]),X=r.useCallback((function(e){if(z.context.algoliaInsightsPlugin&&e.__autocomplete_id){var t=e,n={eventName:"Item Selected",index:t.__autocomplete_indexName,items:[t],positions:[e.__autocomplete_id],queryID:t.__autocomplete_queryID};z.context.algoliaInsightsPlugin.insights.clickedObjectIDsAfterSearch(n)}}),[z.context.algoliaInsightsPlugin]),ee=r.useMemo((function(){return St({id:"docsearch",defaultActiveItemId:0,placeholder:u,openOnFocus:!0,initialState:{query:K,context:{searchSuggestions:[]}},insights:N,navigator:S,onStateChange:function(e){B(e.state)},getSources:function(e){var r=e.query,i=e.state,s=e.setContext,l=e.setStatus;if(!r)return j?[]:[{sourceId:"recentSearches",onSelect:function(e){var t=e.item,n=e.event;J(t),Wt(n)||m()},getItemUrl:function(e){return e.item.url},getItems:function(){return Z.getAll()}},{sourceId:"favoriteSearches",onSelect:function(e){var t=e.item,n=e.event;J(t),Wt(n)||m()},getItemUrl:function(e){return e.item.url},getItems:function(){return Y.getAll()}}];var c=Boolean(N);return Q.search([{query:r,indexName:o,params:a({attributesToRetrieve:["hierarchy.lvl0","hierarchy.lvl1","hierarchy.lvl2","hierarchy.lvl3","hierarchy.lvl4","hierarchy.lvl5","hierarchy.lvl6","content","type","url"],attributesToSnippet:["hierarchy.lvl1:".concat(G.current),"hierarchy.lvl2:".concat(G.current),"hierarchy.lvl3:".concat(G.current),"hierarchy.lvl4:".concat(G.current),"hierarchy.lvl5:".concat(G.current),"hierarchy.lvl6:".concat(G.current),"content:".concat(G.current)],snippetEllipsisText:"\u2026",highlightPreTag:"<mark>",highlightPostTag:"</mark>",hitsPerPage:20,clickAnalytics:c},d)}]).catch((function(e){throw"RetryError"===e.name&&l("error"),e})).then((function(e){var r=e.results[0],l=r.hits,u=r.nbHits,d=Vt(l,(function(e){return Zt(e)}),p);i.context.searchSuggestions.length<Object.keys(d).length&&s({searchSuggestions:Object.keys(d)}),s({nbHits:u});var f={};return c&&(f={__autocomplete_indexName:o,__autocomplete_queryID:r.queryID,__autocomplete_algoliaCredentials:{appId:t,apiKey:n}}),Object.values(d).map((function(e,t){return{sourceId:"hits".concat(t),onSelect:function(e){var t=e.item,n=e.event;J(t),Wt(n)||m()},getItemUrl:function(e){return e.item.url},getItems:function(){return Object.values(Vt(e,(function(e){return e.hierarchy.lvl1}),p)).map(g).map((function(e){return e.map((function(t){var n=null,r=e.find((function(e){return"lvl1"===e.type&&e.hierarchy.lvl1===t.hierarchy.lvl1}));return"lvl1"!==t.type&&r&&(n=r),a(a({},t),{},{__docsearch_parent:n},f)}))})).flat()}}}))}))}})}),[o,d,p,Q,m,Z,Y,J,K,u,S,g,j,N,t,n]),te=ee.getEnvironmentProps,ne=ee.getRootProps,re=ee.refresh;return function(e){var t=e.getEnvironmentProps,n=e.panelElement,o=e.formElement,a=e.inputElement;r.useEffect((function(){if(n&&o&&a){var e=t({panelElement:n,formElement:o,inputElement:a}),r=e.onTouchStart,i=e.onTouchMove;return window.addEventListener("touchstart",r),window.addEventListener("touchmove",i),function(){window.removeEventListener("touchstart",r),window.removeEventListener("touchmove",i)}}}),[t,n,o,a])}({getEnvironmentProps:te,panelElement:H.current,formElement:$.current,inputElement:V.current}),function(e){var t=e.container;r.useEffect((function(){if(t){var e=t.querySelectorAll("a[href]:not([disabled]), button:not([disabled]), input:not([disabled])"),n=e[0],r=e[e.length-1];return t.addEventListener("keydown",o),function(){t.removeEventListener("keydown",o)}}function o(e){"Tab"===e.key&&(e.shiftKey?document.activeElement===n&&(e.preventDefault(),r.focus()):document.activeElement===r&&(e.preventDefault(),n.focus()))}}),[t])}({container:U.current}),r.useEffect((function(){return document.body.classList.add("DocSearch--active"),function(){var e,t;document.body.classList.remove("DocSearch--active"),null===(e=(t=window).scrollTo)||void 0===e||e.call(t,0,x)}}),[]),r.useEffect((function(){window.matchMedia("(max-width: 768px)").matches&&(G.current=5)}),[]),r.useEffect((function(){H.current&&(H.current.scrollTop=0)}),[z.query]),r.useEffect((function(){K.length>0&&(re(),V.current&&V.current.focus())}),[K,re]),r.useEffect((function(){function e(){if(q.current){var e=.01*window.innerHeight;q.current.style.setProperty("--docsearch-vh","".concat(e,"px"))}}return e(),window.addEventListener("resize",e),function(){window.removeEventListener("resize",e)}}),[]),r.createElement("div",s({ref:U},ne({"aria-expanded":!0}),{className:["DocSearch","DocSearch-Container","stalled"===z.status&&"DocSearch-Container--Stalled","error"===z.status&&"DocSearch-Container--Errored"].filter(Boolean).join(" "),role:"button",tabIndex:0,onMouseDown:function(e){e.target===e.currentTarget&&m()}}),r.createElement("div",{className:"DocSearch-Modal",ref:q},r.createElement("header",{className:"DocSearch-SearchBar",ref:$},r.createElement(on,s({},ee,{state:z,autoFocus:0===K.length,inputRef:V,isFromSelection:Boolean(K)&&K===W,translations:D,onClose:m}))),r.createElement("div",{className:"DocSearch-Dropdown",ref:H},r.createElement(nn,s({},ee,{indexName:o,state:z,hitComponent:y,resultsFooterComponent:w,disableUserPersonalization:j,recentSearches:Z,favoriteSearches:Y,inputRef:V,translations:M,getMissingResultsUrl:L,onItemClick:function(e,t){X(e),J(e),Wt(t)||m()}}))),r.createElement("footer",{className:"DocSearch-Footer"},r.createElement(Et,{translations:R}))))}function $n(e){var t=e.isOpen,n=e.onOpen,o=e.onClose,a=e.onInput,i=e.searchButtonRef;r.useEffect((function(){function e(e){var r;(27===e.keyCode&&t||"k"===(null===(r=e.key)||void 0===r?void 0:r.toLowerCase())&&(e.metaKey||e.ctrlKey)||!function(e){var t=e.target,n=t.tagName;return t.isContentEditable||"INPUT"===n||"SELECT"===n||"TEXTAREA"===n}(e)&&"/"===e.key&&!t)&&(e.preventDefault(),t?o():document.body.classList.contains("DocSearch--active")||document.body.classList.contains("DocSearch--active")||n()),i&&i.current===document.activeElement&&a&&/[a-zA-Z0-9]/.test(String.fromCharCode(e.keyCode))&&a(e)}return window.addEventListener("keydown",e),function(){window.removeEventListener("keydown",e)}}),[t,n,o,a,i])}},9927:(e,t,n)=>{var r={"./":6532};function o(e){var t=a(e);return n(t)}function a(e){if(!n.o(r,e)){var t=new Error("Cannot find module '"+e+"'");throw t.code="MODULE_NOT_FOUND",t}return r[e]}o.keys=function(){return Object.keys(r)},o.resolve=a,e.exports=o,o.id=9927},1377:(e,t,n)=>{"use strict";n.d(t,{A:()=>p});n(758);var r=n(9235),o=n.n(r),a=n(4054);const i={"0058b4c6":[()=>n.e(849).then(n.t.bind(n,6164,19)),"@generated/docusaurus-plugin-content-docs/default/p/docs-175.json",6164],"01a85c17":[()=>Promise.all([n.e(1869),n.e(8209)]).then(n.bind(n,7975)),"@theme/BlogTagsListPage",7975],"024ebfdc":[()=>n.e(9507).then(n.t.bind(n,6897,19)),"@generated/docusaurus-plugin-content-blog/default/p/blog-tags-brand-091.json",6897],"0499e362":[()=>n.e(4005).then(n.bind(n,1539)),"@site/i18n/en/docusaurus-plugin-content-docs/current/get-started/cheatsheet.mdx",1539],"066221cc":[()=>n.e(3120).then(n.bind(n,3760)),"@site/i18n/en/docusaurus-plugin-content-docs/current/get-started/overview.mdx",3760],"0a4ee302":[()=>n.e(5977).then(n.bind(n,1540)),"@site/i18n/en/docusaurus-plugin-content-docs/current/guides/tech/with-nuxtjs.mdx",1540],17896441:[()=>Promise.all([n.e(1869),n.e(4342),n.e(1617),n.e(8401)]).then(n.bind(n,3097)),"@theme/DocItem",3097],"1943626f":[()=>n.e(6726).then(n.bind(n,3952)),"@site/blog/2022-06-04-rebranding.md",3952],"1a4e3797":[()=>Promise.all([n.e(1869),n.e(2138)]).then(n.bind(n,4164)),"@theme/SearchPage",4164],"1bfc316b":[()=>n.e(5271).then(n.t.bind(n,4276,19)),"@generated/docusaurus-plugin-content-blog/default/p/blog-tags-promo-a73.json",4276],"1df93b7f":[()=>Promise.all([n.e(1869),n.e(9820),n.e(7603),n.e(2511),n.e(4583)]).then(n.bind(n,3395)),"@site/src/pages/index.tsx",3395],"25a0b29f":[()=>n.e(422).then(n.bind(n,4688)),"@site/blog/2022-07-25-international-community.md?truncated=true",4688],"2f764a0f":[()=>n.e(8039).then(n.bind(n,7162)),"@site/i18n/en/docusaurus-plugin-content-docs/current/about/understanding/needs-driven.md",7162],"3121f8ae":[()=>n.e(9064).then(n.bind(n,3190)),"@site/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/platforms.mdx",3190],"350d1c3d":[()=>n.e(9706).then(n.bind(n,3350)),"@site/i18n/en/docusaurus-plugin-content-docs/current/reference/slices-segments.mdx",3350],"36994c47":[()=>n.e(9858).then(n.t.bind(n,5516,19)),"@generated/docusaurus-plugin-content-blog/default/__plugin.json",5516],"370f8845":[()=>n.e(8754).then(n.bind(n,1610)),"@site/i18n/en/docusaurus-plugin-content-docs/current/guides/tech/with-react-query.mdx",1610],"3a2db09e":[()=>n.e(8121).then(n.t.bind(n,8070,19)),"@generated/docusaurus-plugin-content-blog/default/p/blog-tags-df9.json",8070],"3d2652fb":[()=>n.e(7811).then(n.bind(n,5472)),"@site/i18n/en/docusaurus-plugin-content-docs/current/reference/public-api.md",5472],"3ef5053a":[()=>Promise.all([n.e(1869),n.e(9820),n.e(4513)]).then(n.bind(n,8039)),"@site/i18n/en/docusaurus-plugin-content-docs/current/reference/index.mdx",8039],"40babe1d":[()=>n.e(5244).then(n.bind(n,3786)),"@site/i18n/en/docusaurus-plugin-content-docs/current/reference/layers.mdx",3786],"480f28a3":[()=>n.e(7951).then(n.bind(n,5852)),"@site/i18n/en/docusaurus-plugin-content-docs/current/about/mission.md",5852],"488b6464":[()=>n.e(6369).then(n.bind(n,4487)),"@site/i18n/en/docusaurus-plugin-content-docs/current/reference/isolation/coupling-cohesion.md",4487],49161156:[()=>n.e(7028).then(n.bind(n,3787)),"@site/i18n/en/docusaurus-plugin-content-docs/current/about/understanding/naming.md",3787],"5187bed2":[()=>n.e(4043).then(n.bind(n,4716)),"@site/i18n/en/docusaurus-plugin-content-docs/current/about/understanding/architecture.md",4716],"53f8e831":[()=>Promise.all([n.e(1869),n.e(9820),n.e(2978)]).then(n.bind(n,6382)),"@site/i18n/en/docusaurus-plugin-content-docs/current/guides/index.mdx",6382],"55b0769a":[()=>n.e(9386).then(n.bind(n,3794)),"@site/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/page-layout.md",3794],"55fbebd6":[()=>Promise.all([n.e(1869),n.e(5746)]).then(n.bind(n,9050)),"@site/i18n/en/docusaurus-plugin-content-docs/current/intro.mdx",9050],"590d98cc":[()=>n.e(7604).then(n.bind(n,664)),"@site/i18n/en/docusaurus-plugin-content-docs/current/reference/isolation/decouple-entities.mdx",664],"5bd61d3b":[()=>n.e(9536).then(n.bind(n,6202)),"@site/i18n/en/docusaurus-plugin-content-docs/current/about/understanding/signals.mdx",6202],"5e95c892":[()=>n.e(9647).then(n.bind(n,9355)),"@theme/DocsRoot",9355],"5e9f5e1a":[()=>Promise.resolve().then(n.bind(n,4784)),"@generated/docusaurus.config",4784],"5f7e5f34":[()=>n.e(3366).then(n.bind(n,7908)),"@site/i18n/en/docusaurus-plugin-content-docs/current/guides/issues/desegmented.mdx",7908],"6636c8dc":[()=>n.e(106).then(n.bind(n,1737)),"@site/i18n/en/docusaurus-plugin-content-docs/current/about/promote/integration.mdx",1737],"664a648d":[()=>n.e(5936).then(n.bind(n,8345)),"@site/i18n/en/docusaurus-plugin-content-docs/current/about/promote/partial-application.mdx",8345],"66d3db7c":[()=>n.e(7068).then(n.bind(n,9311)),"@site/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/types.md",9311],"6875c492":[()=>Promise.all([n.e(1869),n.e(4342),n.e(8492),n.e(4813)]).then(n.bind(n,677)),"@theme/BlogTagsPostsPage",677],"7313bf7a":[()=>n.e(25).then(n.bind(n,7497)),"@site/i18n/en/docusaurus-plugin-content-docs/community/team.mdx",7497],"7a790ed0":[()=>n.e(6422).then(n.bind(n,4813)),"@site/i18n/en/docusaurus-plugin-content-docs/current/reference/isolation/index.md",4813],"814f3328":[()=>n.e(7472).then(n.t.bind(n,5513,19)),"~blog/default/blog-post-list-prop-default.json",5513],"84a0dbae":[()=>n.e(7660).then(n.bind(n,6660)),"@site/i18n/en/docusaurus-plugin-content-docs/current/guides/tech/with-nextjs.mdx",6660],"857ae1bf":[()=>n.e(4472).then(n.bind(n,4673)),"@site/i18n/en/docusaurus-plugin-content-docs/current/get-started/tutorial.md",4673],"87e5c187":[()=>n.e(8913).then(n.bind(n,9286)),"@site/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/ssr.mdx",9286],"8b5a42c3":[()=>n.e(192).then(n.bind(n,8110)),"@site/i18n/en/docusaurus-plugin-content-docs/current/about/promote/for-team.mdx",8110],"8b93e59a":[()=>n.e(6813).then(n.bind(n,1822)),"@site/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/auth.md",1822],"8c1e6152":[()=>n.e(1616).then(n.bind(n,3193)),"@site/i18n/en/docusaurus-plugin-content-docs/current/guides/migration/from-v1.md",3193],"8ce83ff6":[()=>n.e(6684).then(n.bind(n,526)),"@site/i18n/en/docusaurus-plugin-content-docs/current/guides/issues/cross-imports.mdx",526],"90f695cb":[()=>n.e(7673).then(n.bind(n,1448)),"@site/src/pages/versions/index.tsx",1448],"9b83d7f4":[()=>n.e(9568).then(n.bind(n,4526)),"@site/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/autocompleted.mdx",4526],"9e4087bc":[()=>n.e(2711).then(n.bind(n,4757)),"@theme/BlogArchivePage",4757],"9f1dcbb0":[()=>n.e(8732).then(n.bind(n,7021)),"@site/i18n/en/docusaurus-plugin-content-docs/current/branding.md",7021],a1521a63:[()=>n.e(9687).then(n.bind(n,9021)),"@site/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/browser-api.mdx",9021],a386f730:[()=>n.e(6865).then(n.bind(n,5444)),"@site/i18n/en/docusaurus-plugin-content-docs/current/about/alternatives.mdx",5444],a61c55ce:[()=>Promise.all([n.e(1869),n.e(9820),n.e(8964)]).then(n.bind(n,738)),"@site/i18n/en/docusaurus-plugin-content-docs/community/index.mdx",738],a6aa9e1f:[()=>Promise.all([n.e(1869),n.e(4342),n.e(8492),n.e(7643)]).then(n.bind(n,7110)),"@theme/BlogListPage",7110],a7456010:[()=>n.e(1235).then(n.t.bind(n,8552,19)),"@generated/docusaurus-plugin-content-pages/default/__plugin.json",8552],a7bd4aaa:[()=>n.e(7098).then(n.bind(n,3614)),"@theme/DocVersionRoot",3614],a94703ab:[()=>Promise.all([n.e(1869),n.e(9048)]).then(n.bind(n,2963)),"@theme/DocRoot",2963],aba21aa0:[()=>n.e(5742).then(n.t.bind(n,7093,19)),"@generated/docusaurus-plugin-content-docs/default/__plugin.json",7093],acaf5b8a:[()=>n.e(6170).then(n.bind(n,5533)),"@site/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/theme.mdx",5533],acecf23e:[()=>n.e(1903).then(n.t.bind(n,1912,19)),"~blog/default/blogMetadata-default.json",1912],b4c136e1:[()=>Promise.all([n.e(1869),n.e(7603),n.e(868)]).then(n.bind(n,1908)),"@site/src/pages/examples/index.tsx",1908],ba8bb0f7:[()=>n.e(533).then(n.bind(n,8299)),"@site/i18n/en/docusaurus-plugin-content-docs/current/get-started/faq.md",8299],c0c6474c:[()=>n.e(4581).then(n.bind(n,3396)),"@site/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/metric.mdx",3396],c141421f:[()=>n.e(957).then(n.t.bind(n,936,19)),"@generated/docusaurus-theme-search-algolia/default/__plugin.json",936],c15d9823:[()=>n.e(8146).then(n.t.bind(n,9328,19)),"@generated/docusaurus-plugin-content-blog/default/p/blog-bd9.json",9328],c4d0faae:[()=>n.e(5755).then(n.bind(n,5300)),"@site/i18n/en/docusaurus-plugin-content-docs/current/about/promote/for-company.mdx",5300],c5666f39:[()=>Promise.all([n.e(1869),n.e(9820),n.e(5715)]).then(n.bind(n,4200)),"@site/i18n/en/docusaurus-plugin-content-docs/current/about/index.mdx",4200],cb388a7b:[()=>n.e(5535).then(n.bind(n,7040)),"@site/i18n/en/docusaurus-plugin-content-docs/current/about/motivation.md",7040],ccc49370:[()=>Promise.all([n.e(1869),n.e(4342),n.e(8492),n.e(3249)]).then(n.bind(n,7446)),"@theme/BlogPostPage",7446],d13cbfb8:[()=>Promise.all([n.e(1869),n.e(9820),n.e(5570)]).then(n.bind(n,9346)),"@site/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/index.mdx",9346],d2436a2b:[()=>n.e(837).then(n.t.bind(n,9112,19)),"@generated/docusaurus-plugin-content-docs/community/p/community-038.json",9112],d7baea7e:[()=>Promise.all([n.e(1869),n.e(9820),n.e(9549)]).then(n.bind(n,8e3)),"@site/i18n/en/docusaurus-plugin-content-docs/current/get-started/index.mdx",8e3],d999437a:[()=>n.e(7091).then(n.bind(n,8909)),"@site/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/feedback.mdx",8909],dc8e8e39:[()=>n.e(488).then(n.t.bind(n,5102,19)),"@generated/docusaurus-plugin-content-blog/default/p/blog-tags-community-623.json",5102],dfe5ecdf:[()=>n.e(6949).then(n.bind(n,4089)),"@site/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/monorepo.mdx",4089],e01c2047:[()=>n.e(1405).then(n.bind(n,7703)),"@site/i18n/en/docusaurus-plugin-content-docs/current/about/understanding/knowledge-types.md",7703],e0719818:[()=>n.e(5220).then(n.t.bind(n,8669,19)),"@generated/docusaurus-plugin-content-docs/community/__plugin.json",8669],e1003eab:[()=>n.e(9136).then(n.bind(n,8665)),"@site/i18n/en/docusaurus-plugin-content-docs/current/guides/issues/routes.mdx",8665],e1c0d304:[()=>n.e(9867).then(n.bind(n,3870)),"@site/i18n/en/docusaurus-plugin-content-docs/current/about/understanding/abstractions.mdx",3870],e3409e91:[()=>n.e(6231).then(n.t.bind(n,210,19)),"@generated/docusaurus-plugin-content-blog/default/p/blog-tags-discord-cfa.json",210],e6bf8eb6:[()=>n.e(679).then(n.bind(n,9239)),"@site/i18n/en/docusaurus-plugin-content-docs/current/guides/tech/with-sveltekit.mdx",9239],ed3dcfcb:[()=>n.e(993).then(n.bind(n,4)),"@site/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/i18n.mdx",4],f2567325:[()=>n.e(8211).then(n.bind(n,9129)),"@site/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/white-labels.mdx",9129],f2c174dc:[()=>n.e(4861).then(n.bind(n,8595)),"@site/i18n/en/docusaurus-plugin-content-docs/current/guides/migration/from-custom.md",8595],f565db0c:[()=>Promise.all([n.e(1869),n.e(9534)]).then(n.bind(n,5352)),"@site/src/pages/nav/index.tsx",5352],f6760343:[()=>n.e(6956).then(n.bind(n,5540)),"@site/blog/2022-07-25-international-community.md",5540],f6bb872e:[()=>n.e(2563).then(n.bind(n,4204)),"@site/blog/2022-06-04-rebranding.md?truncated=true",4204],f81c1134:[()=>n.e(8130).then(n.t.bind(n,7735,19)),"@generated/docusaurus-plugin-content-blog/default/p/blog-archive-f05.json",7735],fe129f8e:[()=>n.e(6217).then(n.bind(n,5845)),"@site/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/cms.mdx",5845]};var s=n(6070);function l(e){let{error:t,retry:n,pastDelay:r}=e;return t?(0,s.jsxs)("div",{style:{textAlign:"center",color:"#fff",backgroundColor:"#fa383e",borderColor:"#fa383e",borderStyle:"solid",borderRadius:"0.25rem",borderWidth:"1px",boxSizing:"border-box",display:"block",padding:"1rem",flex:"0 0 50%",marginLeft:"25%",marginRight:"25%",marginTop:"5rem",maxWidth:"50%",width:"100%"},children:[(0,s.jsx)("p",{children:String(t)}),(0,s.jsx)("div",{children:(0,s.jsx)("button",{type:"button",onClick:n,children:"Retry"})})]}):r?(0,s.jsx)("div",{style:{display:"flex",justifyContent:"center",alignItems:"center",height:"100vh"},children:(0,s.jsx)("svg",{id:"loader",style:{width:128,height:110,position:"absolute",top:"calc(100vh - 64%)"},viewBox:"0 0 45 45",xmlns:"http://www.w3.org/2000/svg",stroke:"#61dafb",children:(0,s.jsxs)("g",{fill:"none",fillRule:"evenodd",transform:"translate(1 1)",strokeWidth:"2",children:[(0,s.jsxs)("circle",{cx:"22",cy:"22",r:"6",strokeOpacity:"0",children:[(0,s.jsx)("animate",{attributeName:"r",begin:"1.5s",dur:"3s",values:"6;22",calcMode:"linear",repeatCount:"indefinite"}),(0,s.jsx)("animate",{attributeName:"stroke-opacity",begin:"1.5s",dur:"3s",values:"1;0",calcMode:"linear",repeatCount:"indefinite"}),(0,s.jsx)("animate",{attributeName:"stroke-width",begin:"1.5s",dur:"3s",values:"2;0",calcMode:"linear",repeatCount:"indefinite"})]}),(0,s.jsxs)("circle",{cx:"22",cy:"22",r:"6",strokeOpacity:"0",children:[(0,s.jsx)("animate",{attributeName:"r",begin:"3s",dur:"3s",values:"6;22",calcMode:"linear",repeatCount:"indefinite"}),(0,s.jsx)("animate",{attributeName:"stroke-opacity",begin:"3s",dur:"3s",values:"1;0",calcMode:"linear",repeatCount:"indefinite"}),(0,s.jsx)("animate",{attributeName:"stroke-width",begin:"3s",dur:"3s",values:"2;0",calcMode:"linear",repeatCount:"indefinite"})]}),(0,s.jsx)("circle",{cx:"22",cy:"22",r:"8",children:(0,s.jsx)("animate",{attributeName:"r",begin:"0s",dur:"1.5s",values:"6;1;2;3;4;5;6",calcMode:"linear",repeatCount:"indefinite"})})]})})}):null}var c=n(8116),u=n(8851);function d(e,t){if("*"===e)return o()({loading:l,loader:()=>n.e(9019).then(n.bind(n,9019)),modules:["@theme/NotFound"],webpack:()=>[9019],render(e,t){const n=e.default;return(0,s.jsx)(u.W,{value:{plugin:{name:"native",id:"default"}},children:(0,s.jsx)(n,{...t})})}});const r=a[`${e}-${t}`],d={},p=[],f=[],m=(0,c.A)(r);return Object.entries(m).forEach((e=>{let[t,n]=e;const r=i[n];r&&(d[t]=r[0],p.push(r[1]),f.push(r[2]))})),o().Map({loading:l,loader:d,modules:p,webpack:()=>f,render(t,n){const o=JSON.parse(JSON.stringify(r));Object.entries(t).forEach((t=>{let[n,r]=t;const a=r.default;if(!a)throw new Error(`The page component at ${e} doesn't have a default export. This makes it impossible to render anything. Consider default-exporting a React component.`);"object"!=typeof a&&"function"!=typeof a||Object.keys(r).filter((e=>"default"!==e)).forEach((e=>{a[e]=r[e]}));let i=o;const s=n.split(".");s.slice(0,-1).forEach((e=>{i=i[e]})),i[s[s.length-1]]=a}));const a=o.__comp;delete o.__comp;const i=o.__context;delete o.__context;const l=o.__props;return delete o.__props,(0,s.jsx)(u.W,{value:i,children:(0,s.jsx)(a,{...o,...l,...n})})}})}const p=[{path:"/blog",component:d("/blog","363"),exact:!0},{path:"/blog/archive",component:d("/blog/archive","182"),exact:!0},{path:"/blog/international-community",component:d("/blog/international-community","79e"),exact:!0},{path:"/blog/rebranding-stable",component:d("/blog/rebranding-stable","4fd"),exact:!0},{path:"/blog/tags",component:d("/blog/tags","287"),exact:!0},{path:"/blog/tags/brand",component:d("/blog/tags/brand","2cf"),exact:!0},{path:"/blog/tags/community",component:d("/blog/tags/community","90f"),exact:!0},{path:"/blog/tags/discord",component:d("/blog/tags/discord","f32"),exact:!0},{path:"/blog/tags/promo",component:d("/blog/tags/promo","e94"),exact:!0},{path:"/examples",component:d("/examples","154"),exact:!0},{path:"/nav",component:d("/nav","b58"),exact:!0},{path:"/search",component:d("/search","5de"),exact:!0},{path:"/versions",component:d("/versions","15d"),exact:!0},{path:"/community",component:d("/community","f7e"),routes:[{path:"/community",component:d("/community","ca4"),routes:[{path:"/community",component:d("/community","66a"),routes:[{path:"/community",component:d("/community","0ed"),exact:!0,sidebar:"community"},{path:"/community/team",component:d("/community/team","dd8"),exact:!0,sidebar:"community"}]}]}]},{path:"/docs",component:d("/docs","159"),routes:[{path:"/docs",component:d("/docs","de5"),routes:[{path:"/docs",component:d("/docs","d61"),routes:[{path:"/docs",component:d("/docs","ee0"),exact:!0},{path:"/docs/about",component:d("/docs/about","8d8"),exact:!0,sidebar:"aboutSidebar"},{path:"/docs/about/alternatives",component:d("/docs/about/alternatives","e72"),exact:!0,sidebar:"aboutSidebar"},{path:"/docs/about/mission",component:d("/docs/about/mission","e93"),exact:!0,sidebar:"aboutSidebar"},{path:"/docs/about/motivation",component:d("/docs/about/motivation","34f"),exact:!0,sidebar:"aboutSidebar"},{path:"/docs/about/promote/for-company",component:d("/docs/about/promote/for-company","8df"),exact:!0,sidebar:"aboutSidebar"},{path:"/docs/about/promote/for-team",component:d("/docs/about/promote/for-team","d87"),exact:!0,sidebar:"aboutSidebar"},{path:"/docs/about/promote/integration",component:d("/docs/about/promote/integration","f36"),exact:!0,sidebar:"aboutSidebar"},{path:"/docs/about/promote/partial-application",component:d("/docs/about/promote/partial-application","9e8"),exact:!0,sidebar:"aboutSidebar"},{path:"/docs/about/understanding/abstractions",component:d("/docs/about/understanding/abstractions","0d7"),exact:!0,sidebar:"aboutSidebar"},{path:"/docs/about/understanding/architecture",component:d("/docs/about/understanding/architecture","bf7"),exact:!0,sidebar:"aboutSidebar"},{path:"/docs/about/understanding/knowledge-types",component:d("/docs/about/understanding/knowledge-types","b65"),exact:!0,sidebar:"aboutSidebar"},{path:"/docs/about/understanding/naming",component:d("/docs/about/understanding/naming","808"),exact:!0,sidebar:"aboutSidebar"},{path:"/docs/about/understanding/needs-driven",component:d("/docs/about/understanding/needs-driven","3e8"),exact:!0,sidebar:"aboutSidebar"},{path:"/docs/about/understanding/signals",component:d("/docs/about/understanding/signals","902"),exact:!0,sidebar:"aboutSidebar"},{path:"/docs/branding",component:d("/docs/branding","0ab"),exact:!0},{path:"/docs/get-started",component:d("/docs/get-started","821"),exact:!0,sidebar:"getstartedSidebar"},{path:"/docs/get-started/cheatsheet",component:d("/docs/get-started/cheatsheet","32e"),exact:!0,sidebar:"getstartedSidebar"},{path:"/docs/get-started/faq",component:d("/docs/get-started/faq","c6d"),exact:!0,sidebar:"getstartedSidebar"},{path:"/docs/get-started/overview",component:d("/docs/get-started/overview","d0c"),exact:!0,sidebar:"getstartedSidebar"},{path:"/docs/get-started/tutorial",component:d("/docs/get-started/tutorial","5cb"),exact:!0,sidebar:"getstartedSidebar"},{path:"/docs/guides",component:d("/docs/guides","01d"),exact:!0,sidebar:"guidesSidebar"},{path:"/docs/guides/examples",component:d("/docs/guides/examples","196"),exact:!0,sidebar:"guidesSidebar"},{path:"/docs/guides/examples/auth",component:d("/docs/guides/examples/auth","c6e"),exact:!0,sidebar:"guidesSidebar"},{path:"/docs/guides/examples/autocompleted",component:d("/docs/guides/examples/autocompleted","54d"),exact:!0,sidebar:"guidesSidebar"},{path:"/docs/guides/examples/browser-api",component:d("/docs/guides/examples/browser-api","a6c"),exact:!0,sidebar:"guidesSidebar"},{path:"/docs/guides/examples/cms",component:d("/docs/guides/examples/cms","a59"),exact:!0,sidebar:"guidesSidebar"},{path:"/docs/guides/examples/feedback",component:d("/docs/guides/examples/feedback","7ba"),exact:!0,sidebar:"guidesSidebar"},{path:"/docs/guides/examples/i18n",component:d("/docs/guides/examples/i18n","e9e"),exact:!0,sidebar:"guidesSidebar"},{path:"/docs/guides/examples/metric",component:d("/docs/guides/examples/metric","aa7"),exact:!0,sidebar:"guidesSidebar"},{path:"/docs/guides/examples/monorepo",component:d("/docs/guides/examples/monorepo","af2"),exact:!0,sidebar:"guidesSidebar"},{path:"/docs/guides/examples/page-layout",component:d("/docs/guides/examples/page-layout","73d"),exact:!0,sidebar:"guidesSidebar"},{path:"/docs/guides/examples/platforms",component:d("/docs/guides/examples/platforms","693"),exact:!0,sidebar:"guidesSidebar"},{path:"/docs/guides/examples/ssr",component:d("/docs/guides/examples/ssr","edf"),exact:!0,sidebar:"guidesSidebar"},{path:"/docs/guides/examples/theme",component:d("/docs/guides/examples/theme","aa0"),exact:!0,sidebar:"guidesSidebar"},{path:"/docs/guides/examples/types",component:d("/docs/guides/examples/types","9af"),exact:!0,sidebar:"guidesSidebar"},{path:"/docs/guides/examples/white-labels",component:d("/docs/guides/examples/white-labels","47d"),exact:!0,sidebar:"guidesSidebar"},{path:"/docs/guides/issues/cross-imports",component:d("/docs/guides/issues/cross-imports","62c"),exact:!0,sidebar:"guidesSidebar"},{path:"/docs/guides/issues/desegmented",component:d("/docs/guides/issues/desegmented","e64"),exact:!0,sidebar:"guidesSidebar"},{path:"/docs/guides/issues/routes",component:d("/docs/guides/issues/routes","c0a"),exact:!0,sidebar:"guidesSidebar"},{path:"/docs/guides/migration/from-custom",component:d("/docs/guides/migration/from-custom","8e4"),exact:!0,sidebar:"guidesSidebar"},{path:"/docs/guides/migration/from-v1",component:d("/docs/guides/migration/from-v1","173"),exact:!0,sidebar:"guidesSidebar"},{path:"/docs/guides/tech/with-nextjs",component:d("/docs/guides/tech/with-nextjs","2cf"),exact:!0,sidebar:"guidesSidebar"},{path:"/docs/guides/tech/with-nuxtjs",component:d("/docs/guides/tech/with-nuxtjs","9fd"),exact:!0,sidebar:"guidesSidebar"},{path:"/docs/guides/tech/with-react-query",component:d("/docs/guides/tech/with-react-query","892"),exact:!0,sidebar:"guidesSidebar"},{path:"/docs/guides/tech/with-sveltekit",component:d("/docs/guides/tech/with-sveltekit","946"),exact:!0,sidebar:"guidesSidebar"},{path:"/docs/reference",component:d("/docs/reference","feb"),exact:!0,sidebar:"referenceSidebar"},{path:"/docs/reference/isolation",component:d("/docs/reference/isolation","0ba"),exact:!0,sidebar:"referenceSidebar"},{path:"/docs/reference/isolation/coupling-cohesion",component:d("/docs/reference/isolation/coupling-cohesion","c7a"),exact:!0,sidebar:"referenceSidebar"},{path:"/docs/reference/isolation/decouple-entities",component:d("/docs/reference/isolation/decouple-entities","c21"),exact:!0,sidebar:"referenceSidebar"},{path:"/docs/reference/layers",component:d("/docs/reference/layers","ac1"),exact:!0,sidebar:"referenceSidebar"},{path:"/docs/reference/public-api",component:d("/docs/reference/public-api","d35"),exact:!0,sidebar:"referenceSidebar"},{path:"/docs/reference/slices-segments",component:d("/docs/reference/slices-segments","ed2"),exact:!0,sidebar:"referenceSidebar"}]}]}]},{path:"/",component:d("/","e5f"),exact:!0},{path:"*",component:d("*")}]},5360:(e,t,n)=>{"use strict";n.d(t,{o:()=>a,x:()=>i});var r=n(758),o=n(6070);const a=r.createContext(!1);function i(e){let{children:t}=e;const[n,i]=(0,r.useState)(!1);return(0,r.useEffect)((()=>{i(!0)}),[]),(0,o.jsx)(a.Provider,{value:n,children:t})}},3096:(e,t,n)=>{"use strict";var r=n(758),o=n(9576),a=n(248),i=n(1742),s=n(4784),l=n(3088);const c=[n(4504),n(9773),n(5348),n(8602),n(8468)];var u=n(1377),d=n(5557),p=n(389),f=n(6070);function m(e){let{children:t}=e;return(0,f.jsx)(f.Fragment,{children:t})}var h=n(2293),g=n(9143),b=n(5252),y=n(316),v=n(898),w=n(1529),S=n(9782),k=n(4937),x=n(3509),E=n(1701);function _(){const{i18n:{currentLocale:e,defaultLocale:t,localeConfigs:n}}=(0,g.A)(),r=(0,w.o)(),o=n[e].htmlLang,a=e=>e.replace("-","_");return(0,f.jsxs)(h.A,{children:[Object.entries(n).map((e=>{let[t,{htmlLang:n}]=e;return(0,f.jsx)("link",{rel:"alternate",href:r.createUrl({locale:t,fullyQualified:!0}),hrefLang:n},t)})),(0,f.jsx)("link",{rel:"alternate",href:r.createUrl({locale:t,fullyQualified:!0}),hrefLang:"x-default"}),(0,f.jsx)("meta",{property:"og:locale",content:a(o)}),Object.values(n).filter((e=>o!==e.htmlLang)).map((e=>(0,f.jsx)("meta",{property:"og:locale:alternate",content:a(e.htmlLang)},`meta-og-${e.htmlLang}`)))]})}function C(e){let{permalink:t}=e;const{siteConfig:{url:n}}=(0,g.A)(),r=function(){const{siteConfig:{url:e,baseUrl:t,trailingSlash:n}}=(0,g.A)(),{pathname:r}=(0,d.zy)();return e+(0,x.Ks)((0,b.Ay)(r),{trailingSlash:n,baseUrl:t})}(),o=t?`${n}${t}`:r;return(0,f.jsxs)(h.A,{children:[(0,f.jsx)("meta",{property:"og:url",content:o}),(0,f.jsx)("link",{rel:"canonical",href:o})]})}function j(){const{i18n:{currentLocale:e}}=(0,g.A)(),{metadata:t,image:n}=(0,y.p)();return(0,f.jsxs)(f.Fragment,{children:[(0,f.jsxs)(h.A,{children:[(0,f.jsx)("meta",{name:"twitter:card",content:"summary_large_image"}),(0,f.jsx)("body",{className:S.w})]}),n&&(0,f.jsx)(v.be,{image:n}),(0,f.jsx)(C,{}),(0,f.jsx)(_,{}),(0,f.jsx)(E.A,{tag:k.C,locale:e}),(0,f.jsx)(h.A,{children:t.map(((e,t)=>(0,f.jsx)("meta",{...e},t)))})]})}const O=new Map;var A=n(5360),T=n(1170),P=n(8302);function L(e){for(var t=arguments.length,n=new Array(t>1?t-1:0),r=1;r<t;r++)n[r-1]=arguments[r];const o=c.map((t=>{const r=t.default?.[e]??t[e];return r?.(...n)}));return()=>o.forEach((e=>e?.()))}const I=function(e){let{children:t,location:n,previousLocation:r}=e;return(0,P.A)((()=>{r!==n&&(!function(e){let{location:t,previousLocation:n}=e;if(!n)return;const r=t.pathname===n.pathname,o=t.hash===n.hash,a=t.search===n.search;if(r&&o&&!a)return;const{hash:i}=t;if(i){const e=decodeURIComponent(i.substring(1)),t=document.getElementById(e);t?.scrollIntoView()}else window.scrollTo(0,0)}({location:n,previousLocation:r}),L("onRouteDidUpdate",{previousLocation:r,location:n}))}),[r,n]),t};function N(e){const t=Array.from(new Set([e,decodeURI(e)])).map((e=>(0,p.u)(u.A,e))).flat();return Promise.all(t.map((e=>e.route.component.preload?.())))}class R extends r.Component{previousLocation;routeUpdateCleanupCb;constructor(e){super(e),this.previousLocation=null,this.routeUpdateCleanupCb=l.A.canUseDOM?L("onRouteUpdate",{previousLocation:null,location:this.props.location}):()=>{},this.state={nextRouteHasLoaded:!0}}shouldComponentUpdate(e,t){if(e.location===this.props.location)return t.nextRouteHasLoaded;const n=e.location;return this.previousLocation=this.props.location,this.setState({nextRouteHasLoaded:!1}),this.routeUpdateCleanupCb=L("onRouteUpdate",{previousLocation:this.previousLocation,location:n}),N(n.pathname).then((()=>{this.routeUpdateCleanupCb(),this.setState({nextRouteHasLoaded:!0})})).catch((e=>{console.warn(e),window.location.reload()})),!1}render(){const{children:e,location:t}=this.props;return(0,f.jsx)(I,{previousLocation:this.previousLocation,location:t,children:(0,f.jsx)(d.qh,{location:t,render:()=>e})})}}const D=R,M="__docusaurus-base-url-issue-banner-container",F="__docusaurus-base-url-issue-banner",z="__docusaurus-base-url-issue-banner-suggestion-container";function B(e){return`\ndocument.addEventListener('DOMContentLoaded', function maybeInsertBanner() {\n  var shouldInsert = typeof window['docusaurus'] === 'undefined';\n  shouldInsert && insertBanner();\n});\n\nfunction insertBanner() {\n  var bannerContainer = document.createElement('div');\n  bannerContainer.id = '${M}';\n  var bannerHtml = ${JSON.stringify(function(e){return`\n<div id="${F}" style="border: thick solid red; background-color: rgb(255, 230, 179); margin: 20px; padding: 20px; font-size: 20px;">\n   <p style="font-weight: bold; font-size: 30px;">Your Docusaurus site did not load properly.</p>\n   <p>A very common reason is a wrong site <a href="https://docusaurus.io/docs/docusaurus.config.js/#baseUrl" style="font-weight: bold;">baseUrl configuration</a>.</p>\n   <p>Current configured baseUrl = <span style="font-weight: bold; color: red;">${e}</span> ${"/"===e?" (default value)":""}</p>\n   <p>We suggest trying baseUrl = <span id="${z}" style="font-weight: bold; color: green;"></span></p>\n</div>\n`}(e)).replace(/</g,"\\<")};\n  bannerContainer.innerHTML = bannerHtml;\n  document.body.prepend(bannerContainer);\n  var suggestionContainer = document.getElementById('${z}');\n  var actualHomePagePath = window.location.pathname;\n  var suggestedBaseUrl = actualHomePagePath.substr(-1) === '/'\n        ? actualHomePagePath\n        : actualHomePagePath + '/';\n  suggestionContainer.innerHTML = suggestedBaseUrl;\n}\n`}function U(){const{siteConfig:{baseUrl:e}}=(0,g.A)();return(0,f.jsx)(f.Fragment,{children:!l.A.canUseDOM&&(0,f.jsx)(h.A,{children:(0,f.jsx)("script",{children:B(e)})})})}function q(){const{siteConfig:{baseUrl:e,baseUrlIssueBanner:t}}=(0,g.A)(),{pathname:n}=(0,d.zy)();return t&&n===e?(0,f.jsx)(U,{}):null}function $(){const{siteConfig:{favicon:e,title:t,noIndex:n},i18n:{currentLocale:r,localeConfigs:o}}=(0,g.A)(),a=(0,b.Ay)(e),{htmlLang:i,direction:s}=o[r];return(0,f.jsxs)(h.A,{children:[(0,f.jsx)("html",{lang:i,dir:s}),(0,f.jsx)("title",{children:t}),(0,f.jsx)("meta",{property:"og:title",content:t}),(0,f.jsx)("meta",{name:"viewport",content:"width=device-width, initial-scale=1.0"}),n&&(0,f.jsx)("meta",{name:"robots",content:"noindex, nofollow"}),e&&(0,f.jsx)("link",{rel:"icon",href:a})]})}var H=n(356),V=n(2630);function G(){const e=(0,V.A)();return(0,f.jsx)(h.A,{children:(0,f.jsx)("html",{"data-has-hydrated":e})})}const W=(0,p.v)(u.A);function K(){const e=function(e){if(O.has(e.pathname))return{...e,pathname:O.get(e.pathname)};if((0,p.u)(u.A,e.pathname).some((e=>{let{route:t}=e;return!0===t.exact})))return O.set(e.pathname,e.pathname),e;const t=e.pathname.trim().replace(/(?:\/index)?\.html$/,"")||"/";return O.set(e.pathname,t),{...e,pathname:t}}((0,d.zy)());return(0,f.jsx)(D,{location:e,children:W})}function Q(){return(0,f.jsx)(H.A,{children:(0,f.jsx)(T.l,{children:(0,f.jsxs)(A.x,{children:[(0,f.jsxs)(m,{children:[(0,f.jsx)($,{}),(0,f.jsx)(j,{}),(0,f.jsx)(q,{}),(0,f.jsx)(K,{})]}),(0,f.jsx)(G,{})]})})})}var Y=n(4054);const Z=function(e){try{return document.createElement("link").relList.supports(e)}catch{return!1}}("prefetch")?function(e){return new Promise(((t,n)=>{if("undefined"==typeof document)return void n();const r=document.createElement("link");r.setAttribute("rel","prefetch"),r.setAttribute("href",e),r.onload=()=>t(),r.onerror=()=>n();const o=document.getElementsByTagName("head")[0]??document.getElementsByName("script")[0]?.parentNode;o?.appendChild(r)}))}:function(e){return new Promise(((t,n)=>{const r=new XMLHttpRequest;r.open("GET",e,!0),r.withCredentials=!0,r.onload=()=>{200===r.status?t():n()},r.send(null)}))};var J=n(8116);const X=new Set,ee=new Set,te=()=>navigator.connection?.effectiveType.includes("2g")||navigator.connection?.saveData,ne={prefetch:e=>{if(!(e=>!te()&&!ee.has(e)&&!X.has(e))(e))return!1;X.add(e);const t=(0,p.u)(u.A,e).flatMap((e=>{return t=e.route.path,Object.entries(Y).filter((e=>{let[n]=e;return n.replace(/-[^-]+$/,"")===t})).flatMap((e=>{let[,t]=e;return Object.values((0,J.A)(t))}));var t}));return Promise.all(t.map((e=>{const t=n.gca(e);return t&&!t.includes("undefined")?Z(t).catch((()=>{})):Promise.resolve()})))},preload:e=>!!(e=>!te()&&!ee.has(e))(e)&&(ee.add(e),N(e))},re=Object.freeze(ne);function oe(e){let{children:t}=e;return"hash"===s.default.future.experimental_router?(0,f.jsx)(i.I9,{children:t}):(0,f.jsx)(i.Kd,{children:t})}const ae=Boolean(!0);if(l.A.canUseDOM){window.docusaurus=re;const e=document.getElementById("__docusaurus"),t=(0,f.jsx)(a.vd,{children:(0,f.jsx)(oe,{children:(0,f.jsx)(Q,{})})}),n=(e,t)=>{console.error("Docusaurus React Root onRecoverableError:",e,t)},i=()=>{if(window.docusaurusRoot)window.docusaurusRoot.render(t);else if(ae)window.docusaurusRoot=o.hydrateRoot(e,t,{onRecoverableError:n});else{const r=o.createRoot(e,{onRecoverableError:n});r.render(t),window.docusaurusRoot=r}};N(window.location.pathname).then((()=>{(0,r.startTransition)(i)}))}},1170:(e,t,n)=>{"use strict";n.d(t,{o:()=>d,l:()=>p});var r=n(758),o=n(4784);const a=JSON.parse('{"docusaurus-plugin-content-docs":{"default":{"path":"/docs","versions":[{"name":"current","label":"v2.0.0 \ud83c\udf70","isLast":true,"path":"/docs","mainDocId":"intro","docs":[{"id":"about/alternatives","path":"/docs/about/alternatives","sidebar":"aboutSidebar"},{"id":"about/index","path":"/docs/about/","sidebar":"aboutSidebar"},{"id":"about/mission","path":"/docs/about/mission","sidebar":"aboutSidebar"},{"id":"about/motivation","path":"/docs/about/motivation","sidebar":"aboutSidebar"},{"id":"about/promote/for-company","path":"/docs/about/promote/for-company","sidebar":"aboutSidebar"},{"id":"about/promote/for-team","path":"/docs/about/promote/for-team","sidebar":"aboutSidebar"},{"id":"about/promote/integration","path":"/docs/about/promote/integration","sidebar":"aboutSidebar"},{"id":"about/promote/partial-application","path":"/docs/about/promote/partial-application","sidebar":"aboutSidebar"},{"id":"about/understanding/abstractions","path":"/docs/about/understanding/abstractions","sidebar":"aboutSidebar"},{"id":"about/understanding/architecture","path":"/docs/about/understanding/architecture","sidebar":"aboutSidebar"},{"id":"about/understanding/knowledge-types","path":"/docs/about/understanding/knowledge-types","sidebar":"aboutSidebar"},{"id":"about/understanding/naming","path":"/docs/about/understanding/naming","sidebar":"aboutSidebar"},{"id":"about/understanding/needs-driven","path":"/docs/about/understanding/needs-driven","sidebar":"aboutSidebar"},{"id":"about/understanding/signals","path":"/docs/about/understanding/signals","sidebar":"aboutSidebar"},{"id":"branding","path":"/docs/branding"},{"id":"get-started/cheatsheet","path":"/docs/get-started/cheatsheet","unlisted":true,"sidebar":"getstartedSidebar"},{"id":"get-started/faq","path":"/docs/get-started/faq","sidebar":"getstartedSidebar"},{"id":"get-started/index","path":"/docs/get-started/","sidebar":"getstartedSidebar"},{"id":"get-started/overview","path":"/docs/get-started/overview","sidebar":"getstartedSidebar"},{"id":"get-started/tutorial","path":"/docs/get-started/tutorial","sidebar":"getstartedSidebar"},{"id":"guides/examples/auth","path":"/docs/guides/examples/auth","sidebar":"guidesSidebar"},{"id":"guides/examples/autocompleted","path":"/docs/guides/examples/autocompleted","unlisted":true,"sidebar":"guidesSidebar"},{"id":"guides/examples/browser-api","path":"/docs/guides/examples/browser-api","unlisted":true,"sidebar":"guidesSidebar"},{"id":"guides/examples/cms","path":"/docs/guides/examples/cms","unlisted":true,"sidebar":"guidesSidebar"},{"id":"guides/examples/feedback","path":"/docs/guides/examples/feedback","unlisted":true,"sidebar":"guidesSidebar"},{"id":"guides/examples/i18n","path":"/docs/guides/examples/i18n","unlisted":true,"sidebar":"guidesSidebar"},{"id":"guides/examples/index","path":"/docs/guides/examples/","sidebar":"guidesSidebar"},{"id":"guides/examples/metric","path":"/docs/guides/examples/metric","unlisted":true,"sidebar":"guidesSidebar"},{"id":"guides/examples/monorepo","path":"/docs/guides/examples/monorepo","unlisted":true,"sidebar":"guidesSidebar"},{"id":"guides/examples/page-layout","path":"/docs/guides/examples/page-layout","sidebar":"guidesSidebar"},{"id":"guides/examples/platforms","path":"/docs/guides/examples/platforms","unlisted":true,"sidebar":"guidesSidebar"},{"id":"guides/examples/ssr","path":"/docs/guides/examples/ssr","unlisted":true,"sidebar":"guidesSidebar"},{"id":"guides/examples/theme","path":"/docs/guides/examples/theme","unlisted":true,"sidebar":"guidesSidebar"},{"id":"guides/examples/types","path":"/docs/guides/examples/types","sidebar":"guidesSidebar"},{"id":"guides/examples/white-labels","path":"/docs/guides/examples/white-labels","unlisted":true,"sidebar":"guidesSidebar"},{"id":"guides/index","path":"/docs/guides/","sidebar":"guidesSidebar"},{"id":"guides/issues/cross-imports","path":"/docs/guides/issues/cross-imports","sidebar":"guidesSidebar"},{"id":"guides/issues/desegmented","path":"/docs/guides/issues/desegmented","sidebar":"guidesSidebar"},{"id":"guides/issues/routes","path":"/docs/guides/issues/routes","sidebar":"guidesSidebar"},{"id":"guides/migration/from-custom","path":"/docs/guides/migration/from-custom","sidebar":"guidesSidebar"},{"id":"guides/migration/from-v1","path":"/docs/guides/migration/from-v1","sidebar":"guidesSidebar"},{"id":"guides/tech/with-nextjs","path":"/docs/guides/tech/with-nextjs","sidebar":"guidesSidebar"},{"id":"guides/tech/with-nuxtjs","path":"/docs/guides/tech/with-nuxtjs","sidebar":"guidesSidebar"},{"id":"guides/tech/with-react-query","path":"/docs/guides/tech/with-react-query","sidebar":"guidesSidebar"},{"id":"guides/tech/with-sveltekit","path":"/docs/guides/tech/with-sveltekit","sidebar":"guidesSidebar"},{"id":"intro","path":"/docs/"},{"id":"reference/index","path":"/docs/reference/","sidebar":"referenceSidebar"},{"id":"reference/isolation/coupling-cohesion","path":"/docs/reference/isolation/coupling-cohesion","sidebar":"referenceSidebar"},{"id":"reference/isolation/decouple-entities","path":"/docs/reference/isolation/decouple-entities","sidebar":"referenceSidebar"},{"id":"reference/isolation/index","path":"/docs/reference/isolation/","sidebar":"referenceSidebar"},{"id":"reference/layers","path":"/docs/reference/layers","sidebar":"referenceSidebar"},{"id":"reference/public-api","path":"/docs/reference/public-api","sidebar":"referenceSidebar"},{"id":"reference/slices-segments","path":"/docs/reference/slices-segments","sidebar":"referenceSidebar"}],"draftIds":[],"sidebars":{"getstartedSidebar":{"link":{"path":"/docs/get-started/","label":"\ud83d\ude80  Get Started"}},"guidesSidebar":{"link":{"path":"/docs/guides/","label":"\ud83c\udfaf  Guides"}},"referenceSidebar":{"link":{"path":"/docs/reference/","label":"\ud83d\udcda  Reference"}},"aboutSidebar":{"link":{"path":"/docs/about/","label":"\ud83c\udf70  About"}}}}],"breadcrumbs":true},"community":{"path":"/community","versions":[{"name":"current","label":"Next","isLast":true,"path":"/community","mainDocId":"index","docs":[{"id":"index","path":"/community/","sidebar":"community"},{"id":"team","path":"/community/team","sidebar":"community"}],"draftIds":[],"sidebars":{"community":{"link":{"path":"/community/","label":"\ud83d\udcab  Community"}}}}],"breadcrumbs":true}}}'),i=JSON.parse('{"defaultLocale":"en","locales":["ru","en","uz","kr","ja"],"path":"i18n","currentLocale":"en","localeConfigs":{"ru":{"label":"\u0420\u0443\u0441\u0441\u043a\u0438\u0439","direction":"ltr","htmlLang":"ru","calendar":"gregory","path":"ru"},"en":{"label":"English","direction":"ltr","htmlLang":"en","calendar":"gregory","path":"en"},"uz":{"label":"O\'zbekcha","direction":"ltr","htmlLang":"uz","calendar":"gregory","path":"uz"},"kr":{"label":"\ud55c\uad6d\uc5b4","direction":"ltr","htmlLang":"kr","calendar":"gregory","path":"kr"},"ja":{"label":"\u65e5\u672c\u8a9e","direction":"ltr","htmlLang":"ja","calendar":"gregory","path":"ja"}}}');var s=n(2654);const l=JSON.parse('{"docusaurusVersion":"3.5.2","siteVersion":"2.0.0","pluginVersions":{"docusaurus-plugin-content-docs":{"type":"package","name":"@docusaurus/plugin-content-docs","version":"3.5.2"},"docusaurus-plugin-content-blog":{"type":"package","name":"@docusaurus/plugin-content-blog","version":"3.5.2"},"docusaurus-plugin-content-pages":{"type":"package","name":"@docusaurus/plugin-content-pages","version":"3.5.2"},"docusaurus-plugin-sitemap":{"type":"package","name":"@docusaurus/plugin-sitemap","version":"3.5.2"},"docusaurus-theme-classic":{"type":"package","name":"@docusaurus/theme-classic","version":"3.5.2"},"docusaurus-theme-search-algolia":{"type":"package","name":"@docusaurus/theme-search-algolia","version":"3.5.2"},"docusaurus-plugin-sass":{"type":"package","name":"docusaurus-plugin-sass","version":"0.2.5"},"docusaurus-plugin-client-redirects":{"type":"package","name":"@docusaurus/plugin-client-redirects","version":"3.5.2"},"docusaurus-plugin-ideal-image":{"type":"package","name":"@docusaurus/plugin-ideal-image","version":"3.5.2"},"docusaurus-plugin-image-zoom":{"type":"package","name":"plugin-image-zoom","version":"1.2.0"}}}');var c=n(6070);const u={siteConfig:o.default,siteMetadata:l,globalData:a,i18n:i,codeTranslations:s},d=r.createContext(u);function p(e){let{children:t}=e;return(0,c.jsx)(d.Provider,{value:u,children:t})}},356:(e,t,n)=>{"use strict";n.d(t,{A:()=>h});var r=n(758),o=n(3088),a=n(2293),i=n(3509),s=n(3041),l=n(8851),c=n(6070);function u(e){let{error:t,tryAgain:n}=e;return(0,c.jsxs)("div",{style:{display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"flex-start",minHeight:"100vh",width:"100%",maxWidth:"80ch",fontSize:"20px",margin:"0 auto",padding:"1rem"},children:[(0,c.jsx)("h1",{style:{fontSize:"3rem"},children:"This page crashed"}),(0,c.jsx)("button",{type:"button",onClick:n,style:{margin:"1rem 0",fontSize:"2rem",cursor:"pointer",borderRadius:20,padding:"1rem"},children:"Try again"}),(0,c.jsx)(d,{error:t})]})}function d(e){let{error:t}=e;const n=(0,i.rA)(t).map((e=>e.message)).join("\n\nCause:\n");return(0,c.jsx)("p",{style:{whiteSpace:"pre-wrap"},children:n})}function p(e){let{children:t}=e;return(0,c.jsx)(l.W,{value:{plugin:{name:"docusaurus-core-error-boundary",id:"default"}},children:t})}function f(e){let{error:t,tryAgain:n}=e;return(0,c.jsx)(p,{children:(0,c.jsxs)(h,{fallback:()=>(0,c.jsx)(u,{error:t,tryAgain:n}),children:[(0,c.jsx)(a.A,{children:(0,c.jsx)("title",{children:"Page Error"})}),(0,c.jsx)(s.A,{children:(0,c.jsx)(u,{error:t,tryAgain:n})})]})})}const m=e=>(0,c.jsx)(f,{...e});class h extends r.Component{constructor(e){super(e),this.state={error:null}}componentDidCatch(e){o.A.canUseDOM&&this.setState({error:e})}render(){const{children:e}=this.props,{error:t}=this.state;if(t){const e={error:t,tryAgain:()=>this.setState({error:null})};return(this.props.fallback??m)(e)}return e??null}}},3088:(e,t,n)=>{"use strict";n.d(t,{A:()=>o});const r="undefined"!=typeof window&&"document"in window&&"createElement"in window.document,o={canUseDOM:r,canUseEventListeners:r&&("addEventListener"in window||"attachEvent"in window),canUseIntersectionObserver:r&&"IntersectionObserver"in window,canUseViewport:r&&"screen"in window}},2293:(e,t,n)=>{"use strict";n.d(t,{A:()=>a});n(758);var r=n(248),o=n(6070);function a(e){return(0,o.jsx)(r.mg,{...e})}},6783:(e,t,n)=>{"use strict";n.d(t,{A:()=>f});var r=n(758),o=n(1742),a=n(3509),i=n(9143),s=n(1933),l=n(3088),c=n(6828),u=n(5252),d=n(6070);function p(e,t){let{isNavLink:n,to:p,href:f,activeClassName:m,isActive:h,"data-noBrokenLinkCheck":g,autoAddBaseUrl:b=!0,...y}=e;const{siteConfig:v}=(0,i.A)(),{trailingSlash:w,baseUrl:S}=v,k=v.future.experimental_router,{withBaseUrl:x}=(0,u.hH)(),E=(0,c.A)(),_=(0,r.useRef)(null);(0,r.useImperativeHandle)(t,(()=>_.current));const C=p||f;const j=(0,s.A)(C),O=C?.replace("pathname://","");let A=void 0!==O?(T=O,b&&(e=>e.startsWith("/"))(T)?x(T):T):void 0;var T;"hash"===k&&A?.startsWith("./")&&(A=A?.slice(1)),A&&j&&(A=(0,a.Ks)(A,{trailingSlash:w,baseUrl:S}));const P=(0,r.useRef)(!1),L=n?o.k2:o.N_,I=l.A.canUseIntersectionObserver,N=(0,r.useRef)(),R=()=>{P.current||null==A||(window.docusaurus.preload(A),P.current=!0)};(0,r.useEffect)((()=>(!I&&j&&l.A.canUseDOM&&null!=A&&window.docusaurus.prefetch(A),()=>{I&&N.current&&N.current.disconnect()})),[N,A,I,j]);const D=A?.startsWith("#")??!1,M=!y.target||"_self"===y.target,F=!A||!j||!M||D&&"hash"!==k;g||!D&&F||E.collectLink(A),y.id&&E.collectAnchor(y.id);const z={};return F?(0,d.jsx)("a",{ref:_,href:A,...C&&!j&&{target:"_blank",rel:"noopener noreferrer"},...y,...z}):(0,d.jsx)(L,{...y,onMouseEnter:R,onTouchStart:R,innerRef:e=>{_.current=e,I&&e&&j&&(N.current=new window.IntersectionObserver((t=>{t.forEach((t=>{e===t.target&&(t.isIntersecting||t.intersectionRatio>0)&&(N.current.unobserve(e),N.current.disconnect(),null!=A&&window.docusaurus.prefetch(A))}))})),N.current.observe(e))},to:A,...n&&{isActive:h,activeClassName:m},...z})}const f=r.forwardRef(p)},7765:(e,t,n)=>{"use strict";n.d(t,{A:()=>c,T:()=>l});var r=n(758),o=n(6070);function a(e,t){const n=e.split(/(\{\w+\})/).map(((e,n)=>{if(n%2==1){const n=t?.[e.slice(1,-1)];if(void 0!==n)return n}return e}));return n.some((e=>(0,r.isValidElement)(e)))?n.map(((e,t)=>(0,r.isValidElement)(e)?r.cloneElement(e,{key:t}):e)).filter((e=>""!==e)):n.join("")}var i=n(2654);function s(e){let{id:t,message:n}=e;if(void 0===t&&void 0===n)throw new Error("Docusaurus translation declarations must have at least a translation id or a default translation message");return i[t??n]??n??t}function l(e,t){let{message:n,id:r}=e;return a(s({message:n,id:r}),t)}function c(e){let{children:t,id:n,values:r}=e;if(t&&"string"!=typeof t)throw console.warn("Illegal <Translate> children",t),new Error("The Docusaurus <Translate> component only accept simple string values");const i=s({message:t,id:n});return(0,o.jsx)(o.Fragment,{children:a(i,r)})}},8470:(e,t,n)=>{"use strict";n.d(t,{W:()=>r});const r="default"},1933:(e,t,n)=>{"use strict";function r(e){return/^(?:\w*:|\/\/)/.test(e)}function o(e){return void 0!==e&&!r(e)}n.d(t,{A:()=>o,z:()=>r})},5252:(e,t,n)=>{"use strict";n.d(t,{Ay:()=>s,hH:()=>i});var r=n(758),o=n(9143),a=n(1933);function i(){const{siteConfig:e}=(0,o.A)(),{baseUrl:t,url:n}=e,i=e.future.experimental_router,s=(0,r.useCallback)(((e,r)=>function(e){let{siteUrl:t,baseUrl:n,url:r,options:{forcePrependBaseUrl:o=!1,absolute:i=!1}={},router:s}=e;if(!r||r.startsWith("#")||(0,a.z)(r))return r;if("hash"===s)return r.startsWith("/")?`.${r}`:`./${r}`;if(o)return n+r.replace(/^\//,"");if(r===n.replace(/\/$/,""))return n;const l=r.startsWith(n)?r:n+r.replace(/^\//,"");return i?t+l:l}({siteUrl:n,baseUrl:t,url:e,options:r,router:i})),[n,t,i]);return{withBaseUrl:s}}function s(e,t){void 0===t&&(t={});const{withBaseUrl:n}=i();return n(e,t)}},6828:(e,t,n)=>{"use strict";n.d(t,{A:()=>i});var r=n(758);n(6070);const o=r.createContext({collectAnchor:()=>{},collectLink:()=>{}}),a=()=>(0,r.useContext)(o);function i(){return a()}},9143:(e,t,n)=>{"use strict";n.d(t,{A:()=>a});var r=n(758),o=n(1170);function a(){return(0,r.useContext)(o.o)}},2630:(e,t,n)=>{"use strict";n.d(t,{A:()=>a});var r=n(758),o=n(5360);function a(){return(0,r.useContext)(o.o)}},8302:(e,t,n)=>{"use strict";n.d(t,{A:()=>o});var r=n(758);const o=n(3088).A.canUseDOM?r.useLayoutEffect:r.useEffect},3112:(e,t,n)=>{"use strict";n.d(t,{A:()=>a});var r=n(758),o=n(8851);function a(){const e=r.useContext(o.o);if(!e)throw new Error("Unexpected: no Docusaurus route context found");return e}},8116:(e,t,n)=>{"use strict";n.d(t,{A:()=>o});const r=e=>"object"==typeof e&&!!e&&Object.keys(e).length>0;function o(e){const t={};return function e(n,o){Object.entries(n).forEach((n=>{let[a,i]=n;const s=o?`${o}.${a}`:a;r(i)?e(i,s):t[s]=i}))}(e),t}},8851:(e,t,n)=>{"use strict";n.d(t,{W:()=>i,o:()=>a});var r=n(758),o=n(6070);const a=r.createContext(null);function i(e){let{children:t,value:n}=e;const i=r.useContext(a),s=(0,r.useMemo)((()=>function(e){let{parent:t,value:n}=e;if(!t){if(!n)throw new Error("Unexpected: no Docusaurus route context found");if(!("plugin"in n))throw new Error("Unexpected: Docusaurus topmost route context has no `plugin` attribute");return n}const r={...t.data,...n?.data};return{plugin:t.plugin,data:r}}({parent:i,value:n})),[i,n]);return(0,o.jsx)(a.Provider,{value:s,children:t})}},3724:(e,t,n)=>{"use strict";n.d(t,{VQ:()=>g,XK:()=>v,g1:()=>y});var r=n(758),o=n(9860),a=n(8470),i=n(316),s=n(3349),l=n(4902),c=n(6070);const u=e=>`docs-preferred-version-${e}`,d={save:(e,t,n)=>{(0,s.Wf)(u(e),{persistence:t}).set(n)},read:(e,t)=>(0,s.Wf)(u(e),{persistence:t}).get(),clear:(e,t)=>{(0,s.Wf)(u(e),{persistence:t}).del()}},p=e=>Object.fromEntries(e.map((e=>[e,{preferredVersionName:null}])));const f=r.createContext(null);function m(){const e=(0,o.Gy)(),t=(0,i.p)().docs.versionPersistence,n=(0,r.useMemo)((()=>Object.keys(e)),[e]),[a,s]=(0,r.useState)((()=>p(n)));(0,r.useEffect)((()=>{s(function(e){let{pluginIds:t,versionPersistence:n,allDocsData:r}=e;function o(e){const t=d.read(e,n);return r[e].versions.some((e=>e.name===t))?{preferredVersionName:t}:(d.clear(e,n),{preferredVersionName:null})}return Object.fromEntries(t.map((e=>[e,o(e)])))}({allDocsData:e,versionPersistence:t,pluginIds:n}))}),[e,t,n]);return[a,(0,r.useMemo)((()=>({savePreferredVersion:function(e,n){d.save(e,t,n),s((t=>({...t,[e]:{preferredVersionName:n}})))}})),[t])]}function h(e){let{children:t}=e;const n=m();return(0,c.jsx)(f.Provider,{value:n,children:t})}function g(e){let{children:t}=e;return(0,c.jsx)(h,{children:t})}function b(){const e=(0,r.useContext)(f);if(!e)throw new l.dV("DocsPreferredVersionContextProvider");return e}function y(e){void 0===e&&(e=a.W);const t=(0,o.ht)(e),[n,i]=b(),{preferredVersionName:s}=n[e];return{preferredVersion:t.versions.find((e=>e.name===s))??null,savePreferredVersionName:(0,r.useCallback)((t=>{i.savePreferredVersion(e,t)}),[i,e])}}function v(){const e=(0,o.Gy)(),[t]=b();function n(n){const r=e[n],{preferredVersionName:o}=t[n];return r.versions.find((e=>e.name===o))??null}const r=Object.keys(e);return Object.fromEntries(r.map((e=>[e,n(e)])))}},4619:(e,t,n)=>{"use strict";n.d(t,{k:()=>a,v:()=>i});var r=n(9860),o=n(3724);function a(e,t){return`docs-${e}-${t}`}function i(){const e=(0,r.Gy)(),t=(0,r.gk)(),n=(0,o.XK)();return[...Object.keys(e).map((function(r){const o=t?.activePlugin.pluginId===r?t.activeVersion:void 0,i=n[r],s=e[r].versions.find((e=>e.isLast));return a(r,(o??i??s).name)}))]}},3971:(e,t,n)=>{"use strict";n.d(t,{V:()=>l,t:()=>c});var r=n(758),o=n(4902),a=n(6070);const i=Symbol("EmptyContext"),s=r.createContext(i);function l(e){let{children:t,name:n,items:o}=e;const i=(0,r.useMemo)((()=>n&&o?{name:n,items:o}:null),[n,o]);return(0,a.jsx)(s.Provider,{value:i,children:t})}function c(){const e=(0,r.useContext)(s);if(e===i)throw new o.dV("DocsSidebarProvider");return e}},1630:(e,t,n)=>{"use strict";n.d(t,{B5:()=>x,Nr:()=>p,OF:()=>v,QB:()=>k,Vd:()=>w,Y:()=>b,fW:()=>S,w8:()=>h});var r=n(758),o=n(5557),a=n(389),i=n(9860),s=n(5763),l=n(2632),c=n(3724),u=n(1579),d=n(3971);function p(e){return"link"!==e.type||e.unlisted?"category"===e.type?function(e){if(e.href&&!e.linkUnlisted)return e.href;for(const t of e.items){const e=p(t);if(e)return e}}(e):void 0:e.href}const f=(e,t)=>void 0!==e&&(0,s.ys)(e,t),m=(e,t)=>e.some((e=>h(e,t)));function h(e,t){return"link"===e.type?f(e.href,t):"category"===e.type&&(f(e.href,t)||m(e.items,t))}function g(e,t){switch(e.type){case"category":return h(e,t)||e.items.some((e=>g(e,t)));case"link":return!e.unlisted||h(e,t);default:return!0}}function b(e,t){return(0,r.useMemo)((()=>e.filter((e=>g(e,t)))),[e,t])}function y(e){let{sidebarItems:t,pathname:n,onlyCategories:r=!1}=e;const o=[];return function e(t){for(const a of t)if("category"===a.type&&((0,s.ys)(a.href,n)||e(a.items))||"link"===a.type&&(0,s.ys)(a.href,n)){return r&&"category"!==a.type||o.unshift(a),!0}return!1}(t),o}function v(){const e=(0,d.t)(),{pathname:t}=(0,o.zy)(),n=(0,i.vT)()?.pluginData.breadcrumbs;return!1!==n&&e?y({sidebarItems:e.items,pathname:t}):null}function w(e){const{activeVersion:t}=(0,i.zK)(e),{preferredVersion:n}=(0,c.g1)(e),o=(0,i.r7)(e);return(0,r.useMemo)((()=>(0,l.sb)([t,n,o].filter(Boolean))),[t,n,o])}function S(e,t){const n=w(t);return(0,r.useMemo)((()=>{const t=n.flatMap((e=>e.sidebars?Object.entries(e.sidebars):[])),r=t.find((t=>t[0]===e));if(!r)throw new Error(`Can't find any sidebar with id "${e}" in version${n.length>1?"s":""} ${n.map((e=>e.name)).join(", ")}".\nAvailable sidebar ids are:\n- ${t.map((e=>e[0])).join("\n- ")}`);return r[1]}),[e,n])}function k(e,t){const n=w(t);return(0,r.useMemo)((()=>{const t=n.flatMap((e=>e.docs)),r=t.find((t=>t.id===e));if(!r){if(n.flatMap((e=>e.draftIds)).includes(e))return null;throw new Error(`Couldn't find any doc with id "${e}" in version${n.length>1?"s":""} "${n.map((e=>e.name)).join(", ")}".\nAvailable doc ids are:\n- ${(0,l.sb)(t.map((e=>e.id))).join("\n- ")}`)}return r}),[e,n])}function x(e){let{route:t}=e;const n=(0,o.zy)(),r=(0,u.r)(),i=t.routes,s=i.find((e=>(0,o.B6)(n.pathname,e)));if(!s)return null;const l=s.sidebar,c=l?r.docsSidebars[l]:void 0;return{docElement:(0,a.v)(i),sidebarName:l,sidebarItems:c}}},1579:(e,t,n)=>{"use strict";n.d(t,{n:()=>s,r:()=>l});var r=n(758),o=n(4902),a=n(6070);const i=r.createContext(null);function s(e){let{children:t,version:n}=e;return(0,a.jsx)(i.Provider,{value:n,children:t})}function l(){const e=(0,r.useContext)(i);if(null===e)throw new o.dV("DocsVersionProvider");return e}},9860:(e,t,n)=>{"use strict";n.d(t,{zK:()=>b,vT:()=>f,gk:()=>m,Gy:()=>d,HW:()=>y,ht:()=>p,r7:()=>g,jh:()=>h});var r=n(5557),o=n(9143),a=n(8470);function i(e,t){void 0===t&&(t={});const n=function(){const{globalData:e}=(0,o.A)();return e}()[e];if(!n&&t.failfast)throw new Error(`Docusaurus plugin global data not found for "${e}" plugin.`);return n}const s=e=>e.versions.find((e=>e.isLast));function l(e,t){return[...e.versions].sort(((e,t)=>e.path===t.path?0:e.path.includes(t.path)?-1:t.path.includes(e.path)?1:0)).find((e=>!!(0,r.B6)(t,{path:e.path,exact:!1,strict:!1})))}function c(e,t){const n=l(e,t),o=n?.docs.find((e=>!!(0,r.B6)(t,{path:e.path,exact:!0,strict:!1})));return{activeVersion:n,activeDoc:o,alternateDocVersions:o?function(t){const n={};return e.versions.forEach((e=>{e.docs.forEach((r=>{r.id===t&&(n[e.name]=r)}))})),n}(o.id):{}}}const u={},d=()=>i("docusaurus-plugin-content-docs")??u,p=e=>{try{return function(e,t,n){void 0===t&&(t=a.W),void 0===n&&(n={});const r=i(e),o=r?.[t];if(!o&&n.failfast)throw new Error(`Docusaurus plugin global data not found for "${e}" plugin with id "${t}".`);return o}("docusaurus-plugin-content-docs",e,{failfast:!0})}catch(t){throw new Error("You are using a feature of the Docusaurus docs plugin, but this plugin does not seem to be enabled"+("Default"===e?"":` (pluginId=${e}`),{cause:t})}};function f(e){void 0===e&&(e={});const t=d(),{pathname:n}=(0,r.zy)();return function(e,t,n){void 0===n&&(n={});const o=Object.entries(e).sort(((e,t)=>t[1].path.localeCompare(e[1].path))).find((e=>{let[,n]=e;return!!(0,r.B6)(t,{path:n.path,exact:!1,strict:!1})})),a=o?{pluginId:o[0],pluginData:o[1]}:void 0;if(!a&&n.failfast)throw new Error(`Can't find active docs plugin for "${t}" pathname, while it was expected to be found. Maybe you tried to use a docs feature that can only be used on a docs-related page? Existing docs plugin paths are: ${Object.values(e).map((e=>e.path)).join(", ")}`);return a}(t,n,e)}function m(e){void 0===e&&(e={});const t=f(e),{pathname:n}=(0,r.zy)();if(!t)return;return{activePlugin:t,activeVersion:l(t.pluginData,n)}}function h(e){return p(e).versions}function g(e){const t=p(e);return s(t)}function b(e){const t=p(e),{pathname:n}=(0,r.zy)();return c(t,n)}function y(e){const t=p(e),{pathname:n}=(0,r.zy)();return function(e,t){const n=s(e);return{latestDocSuggestion:c(e,t).alternateDocVersions[n.name],latestVersionSuggestion:n}}(t,n)}},9235:(e,t,n)=>{"use strict";function r(e,t){e.prototype=Object.create(t.prototype),e.prototype.constructor=e,e.__proto__=t}function o(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function a(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function i(){return i=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},i.apply(this,arguments)}var s=n(758),l=[],c=[];var u=s.createContext(null);function d(e){var t=e(),n={loading:!0,loaded:null,error:null};return n.promise=t.then((function(e){return n.loading=!1,n.loaded=e,e})).catch((function(e){throw n.loading=!1,n.error=e,e})),n}function p(e){var t={loading:!1,loaded:{},error:null},n=[];try{Object.keys(e).forEach((function(r){var o=d(e[r]);o.loading?t.loading=!0:(t.loaded[r]=o.loaded,t.error=o.error),n.push(o.promise),o.promise.then((function(e){t.loaded[r]=e})).catch((function(e){t.error=e}))}))}catch(r){t.error=r}return t.promise=Promise.all(n).then((function(e){return t.loading=!1,e})).catch((function(e){throw t.loading=!1,e})),t}function f(e,t){return s.createElement((n=e)&&n.__esModule?n.default:n,t);var n}function m(e,t){var d,p;if(!t.loading)throw new Error("react-loadable requires a `loading` component");var m=i({loader:null,loading:null,delay:200,timeout:null,render:f,webpack:null,modules:null},t),h=null;function g(){return h||(h=e(m.loader)),h.promise}return l.push(g),"function"==typeof m.webpack&&c.push((function(){if((0,m.webpack)().every((function(e){return void 0!==e&&void 0!==n.m[e]})))return g()})),p=d=function(t){function n(n){var r;return a(o(o(r=t.call(this,n)||this)),"retry",(function(){r.setState({error:null,loading:!0,timedOut:!1}),h=e(m.loader),r._loadModule()})),g(),r.state={error:h.error,pastDelay:!1,timedOut:!1,loading:h.loading,loaded:h.loaded},r}r(n,t),n.preload=function(){return g()};var i=n.prototype;return i.UNSAFE_componentWillMount=function(){this._loadModule()},i.componentDidMount=function(){this._mounted=!0},i._loadModule=function(){var e=this;if(this.context&&Array.isArray(m.modules)&&m.modules.forEach((function(t){e.context.report(t)})),h.loading){var t=function(t){e._mounted&&e.setState(t)};"number"==typeof m.delay&&(0===m.delay?this.setState({pastDelay:!0}):this._delay=setTimeout((function(){t({pastDelay:!0})}),m.delay)),"number"==typeof m.timeout&&(this._timeout=setTimeout((function(){t({timedOut:!0})}),m.timeout));var n=function(){t({error:h.error,loaded:h.loaded,loading:h.loading}),e._clearTimeouts()};h.promise.then((function(){return n(),null})).catch((function(e){return n(),null}))}},i.componentWillUnmount=function(){this._mounted=!1,this._clearTimeouts()},i._clearTimeouts=function(){clearTimeout(this._delay),clearTimeout(this._timeout)},i.render=function(){return this.state.loading||this.state.error?s.createElement(m.loading,{isLoading:this.state.loading,pastDelay:this.state.pastDelay,timedOut:this.state.timedOut,error:this.state.error,retry:this.retry}):this.state.loaded?m.render(this.state.loaded,this.props):null},n}(s.Component),a(d,"contextType",u),p}function h(e){return m(d,e)}h.Map=function(e){if("function"!=typeof e.render)throw new Error("LoadableMap requires a `render(loaded, props)` function");return m(p,e)};var g=function(e){function t(){return e.apply(this,arguments)||this}return r(t,e),t.prototype.render=function(){return s.createElement(u.Provider,{value:{report:this.props.report}},s.Children.only(this.props.children))},t}(s.Component);function b(e){for(var t=[];e.length;){var n=e.pop();t.push(n())}return Promise.all(t).then((function(){if(e.length)return b(e)}))}h.Capture=g,h.preloadAll=function(){return new Promise((function(e,t){b(l).then(e,t)}))},h.preloadReady=function(){return new Promise((function(e,t){b(c).then(e,e)}))},e.exports=h},5348:(e,t,n)=>{"use strict";n.r(t),n.d(t,{default:()=>a});var r=n(8744),o=n.n(r);o().configure({showSpinner:!1});const a={onRouteUpdate(e){let{location:t,previousLocation:n}=e;if(n&&t.pathname!==n.pathname){const e=window.setTimeout((()=>{o().start()}),200);return()=>window.clearTimeout(e)}},onRouteDidUpdate(){o().done()}}},9773:(e,t,n)=>{"use strict";var r=n(5371),o=n(4784);!function(e){const{themeConfig:{prism:t}}=o.default,{additionalLanguages:r}=t;globalThis.Prism=e,r.forEach((e=>{"php"===e&&n(1274),n(9927)(`./prism-${e}`)})),delete globalThis.Prism}(r.My)},1507:(e,t,n)=>{"use strict";n.d(t,{A:()=>u});n(758);var r=n(3526),o=n(7765),a=n(316),i=n(6783),s=n(6828);const l={anchorWithStickyNavbar:"anchorWithStickyNavbar_QzlE",anchorWithHideOnScrollNavbar:"anchorWithHideOnScrollNavbar_IGdS"};var c=n(6070);function u(e){let{as:t,id:n,...u}=e;const d=(0,s.A)(),{navbar:{hideOnScroll:p}}=(0,a.p)();if("h1"===t||!n)return(0,c.jsx)(t,{...u,id:void 0});d.collectAnchor(n);const f=(0,o.T)({id:"theme.common.headingLinkTitle",message:"Direct link to {heading}",description:"Title for link to heading"},{heading:"string"==typeof u.children?u.children:n});return(0,c.jsxs)(t,{...u,className:(0,r.A)("anchor",p?l.anchorWithHideOnScrollNavbar:l.anchorWithStickyNavbar,u.className),id:n,children:[u.children,(0,c.jsx)(i.A,{className:"hash-link",to:`#${n}`,"aria-label":f,title:f,children:"\u200b"})]})}},9503:(e,t,n)=>{"use strict";n.d(t,{A:()=>a});n(758);const r={iconExternalLink:"iconExternalLink_rel2"};var o=n(6070);function a(e){let{width:t=13.5,height:n=13.5}=e;return(0,o.jsx)("svg",{width:t,height:n,"aria-hidden":"true",viewBox:"0 0 24 24",className:r.iconExternalLink,children:(0,o.jsx)("path",{fill:"currentColor",d:"M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"})})}},3041:(e,t,n)=>{"use strict";n.d(t,{A:()=>Ct});var r=n(758),o=n(3526),a=n(356),i=n(898),s=n(5557),l=n(7765),c=n(2360),u=n(6070);const d="__docusaurus_skipToContent_fallback";function p(e){e.setAttribute("tabindex","-1"),e.focus(),e.removeAttribute("tabindex")}function f(){const e=(0,r.useRef)(null),{action:t}=(0,s.W6)(),n=(0,r.useCallback)((e=>{e.preventDefault();const t=document.querySelector("main:first-of-type")??document.getElementById(d);t&&p(t)}),[]);return(0,c.$)((n=>{let{location:r}=n;e.current&&!r.hash&&"PUSH"===t&&p(e.current)})),{containerRef:e,onClick:n}}const m=(0,l.T)({id:"theme.common.skipToMainContent",description:"The skip to content label used for accessibility, allowing to rapidly navigate to main content with keyboard tab/enter navigation",message:"Skip to main content"});function h(e){const t=e.children??m,{containerRef:n,onClick:r}=f();return(0,u.jsx)("div",{ref:n,role:"region","aria-label":m,children:(0,u.jsx)("a",{...e,href:`#${d}`,onClick:r,children:t})})}var g=n(8813),b=n(9782);const y={skipToContent:"skipToContent_iI6K"};function v(){return(0,u.jsx)(h,{className:y.skipToContent})}var w=n(316),S=n(1611);function k(e){let{width:t=21,height:n=21,color:r="currentColor",strokeWidth:o=1.2,className:a,...i}=e;return(0,u.jsx)("svg",{viewBox:"0 0 15 15",width:t,height:n,...i,children:(0,u.jsx)("g",{stroke:r,strokeWidth:o,children:(0,u.jsx)("path",{d:"M.75.75l13.5 13.5M14.25.75L.75 14.25"})})})}const x={closeButton:"closeButton_Y4Q2"};function E(e){return(0,u.jsx)("button",{type:"button","aria-label":(0,l.T)({id:"theme.AnnouncementBar.closeButtonAriaLabel",message:"Close",description:"The ARIA label for close button of announcement bar"}),...e,className:(0,o.A)("clean-btn close",x.closeButton,e.className),children:(0,u.jsx)(k,{width:14,height:14,strokeWidth:3.1})})}const _={content:"content_CxvN"};function C(e){const{announcementBar:t}=(0,w.p)(),{content:n}=t;return(0,u.jsx)("div",{...e,className:(0,o.A)(_.content,e.className),dangerouslySetInnerHTML:{__html:n}})}const j={announcementBar:"announcementBar_Wthk",announcementBarPlaceholder:"announcementBarPlaceholder_aISb",announcementBarClose:"announcementBarClose_vsml",announcementBarContent:"announcementBarContent_peeZ"};function O(){const{announcementBar:e}=(0,w.p)(),{isActive:t,close:n}=(0,S.M)();if(!t)return null;const{backgroundColor:r,textColor:o,isCloseable:a}=e;return(0,u.jsxs)("div",{className:j.announcementBar,style:{backgroundColor:r,color:o},role:"banner",children:[a&&(0,u.jsx)("div",{className:j.announcementBarPlaceholder}),(0,u.jsx)(C,{className:j.announcementBarContent}),a&&(0,u.jsx)(E,{onClick:n,className:j.announcementBarClose})]})}var A=n(1003),T=n(9030);var P=n(4902),L=n(646);const I=r.createContext(null);function N(e){let{children:t}=e;const n=function(){const e=(0,A.M)(),t=(0,L.YL)(),[n,o]=(0,r.useState)(!1),a=null!==t.component,i=(0,P.ZC)(a);return(0,r.useEffect)((()=>{a&&!i&&o(!0)}),[a,i]),(0,r.useEffect)((()=>{a?e.shown||o(!0):o(!1)}),[e.shown,a]),(0,r.useMemo)((()=>[n,o]),[n])}();return(0,u.jsx)(I.Provider,{value:n,children:t})}function R(e){if(e.component){const t=e.component;return(0,u.jsx)(t,{...e.props})}}function D(){const e=(0,r.useContext)(I);if(!e)throw new P.dV("NavbarSecondaryMenuDisplayProvider");const[t,n]=e,o=(0,r.useCallback)((()=>n(!1)),[n]),a=(0,L.YL)();return(0,r.useMemo)((()=>({shown:t,hide:o,content:R(a)})),[o,a,t])}function M(e){let{header:t,primaryMenu:n,secondaryMenu:r}=e;const{shown:a}=D();return(0,u.jsxs)("div",{className:"navbar-sidebar",children:[t,(0,u.jsxs)("div",{className:(0,o.A)("navbar-sidebar__items",{"navbar-sidebar__items--show-secondary":a}),children:[(0,u.jsx)("div",{className:"navbar-sidebar__item menu",children:n}),(0,u.jsx)("div",{className:"navbar-sidebar__item menu",children:r})]})]})}var F=n(9731),z=n(2630);function B(e){return(0,u.jsx)("svg",{viewBox:"0 0 24 24",width:24,height:24,...e,children:(0,u.jsx)("path",{fill:"currentColor",d:"M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"})})}function U(e){return(0,u.jsx)("svg",{viewBox:"0 0 24 24",width:24,height:24,...e,children:(0,u.jsx)("path",{fill:"currentColor",d:"M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"})})}const q={toggle:"toggle_rtf2",toggleButton:"toggleButton_lzER",darkToggleIcon:"darkToggleIcon_un8X",lightToggleIcon:"lightToggleIcon_isKo",toggleButtonDisabled:"toggleButtonDisabled_jUHO"};function $(e){let{className:t,buttonClassName:n,value:r,onChange:a}=e;const i=(0,z.A)(),s=(0,l.T)({message:"Switch between dark and light mode (currently {mode})",id:"theme.colorToggle.ariaLabel",description:"The ARIA label for the navbar color mode toggle"},{mode:"dark"===r?(0,l.T)({message:"dark mode",id:"theme.colorToggle.ariaLabel.mode.dark",description:"The name for the dark color mode"}):(0,l.T)({message:"light mode",id:"theme.colorToggle.ariaLabel.mode.light",description:"The name for the light color mode"})});return(0,u.jsx)("div",{className:(0,o.A)(q.toggle,t),children:(0,u.jsxs)("button",{className:(0,o.A)("clean-btn",q.toggleButton,!i&&q.toggleButtonDisabled,n),type:"button",onClick:()=>a("dark"===r?"light":"dark"),disabled:!i,title:s,"aria-label":s,"aria-live":"polite",children:[(0,u.jsx)(B,{className:(0,o.A)(q.toggleIcon,q.lightToggleIcon)}),(0,u.jsx)(U,{className:(0,o.A)(q.toggleIcon,q.darkToggleIcon)})]})})}const H=r.memo($),V={darkNavbarColorModeToggle:"darkNavbarColorModeToggle_NEom"};function G(e){let{className:t}=e;const n=(0,w.p)().navbar.style,r=(0,w.p)().colorMode.disableSwitch,{colorMode:o,setColorMode:a}=(0,F.G)();return r?null:(0,u.jsx)(H,{className:t,buttonClassName:"dark"===n?V.darkNavbarColorModeToggle:void 0,value:o,onChange:a})}var W=n(7007);function K(){return(0,u.jsx)(W.A,{className:"navbar__brand",imageClassName:"navbar__logo",titleClassName:"navbar__title text--truncate"})}function Q(){const e=(0,A.M)();return(0,u.jsx)("button",{type:"button","aria-label":(0,l.T)({id:"theme.docs.sidebar.closeSidebarButtonAriaLabel",message:"Close navigation bar",description:"The ARIA label for close button of mobile sidebar"}),className:"clean-btn navbar-sidebar__close",onClick:()=>e.toggle(),children:(0,u.jsx)(k,{color:"var(--ifm-color-emphasis-600)"})})}function Y(){return(0,u.jsxs)("div",{className:"navbar-sidebar__brand",children:[(0,u.jsx)(K,{}),(0,u.jsx)(G,{className:"margin-right--md"}),(0,u.jsx)(Q,{})]})}var Z=n(6783),J=n(5252),X=n(1933),ee=n(5130),te=n(9503);function ne(e){let{activeBasePath:t,activeBaseRegex:n,to:r,href:o,label:a,html:i,isDropdownLink:s,prependBaseUrlToHref:l,...c}=e;const d=(0,J.Ay)(r),p=(0,J.Ay)(t),f=(0,J.Ay)(o,{forcePrependBaseUrl:!0}),m=a&&o&&!(0,X.A)(o),h=i?{dangerouslySetInnerHTML:{__html:i}}:{children:(0,u.jsxs)(u.Fragment,{children:[a,m&&(0,u.jsx)(te.A,{...s&&{width:12,height:12}})]})};return o?(0,u.jsx)(Z.A,{href:l?f:o,...c,...h}):(0,u.jsx)(Z.A,{to:d,isNavLink:!0,...(t||n)&&{isActive:(e,t)=>n?(0,ee.G)(n,t.pathname):t.pathname.startsWith(p)},...c,...h})}function re(e){let{className:t,isDropdownItem:n=!1,...r}=e;const a=(0,u.jsx)(ne,{className:(0,o.A)(n?"dropdown__link":"navbar__item navbar__link",t),isDropdownLink:n,...r});return n?(0,u.jsx)("li",{children:a}):a}function oe(e){let{className:t,isDropdownItem:n,...r}=e;return(0,u.jsx)("li",{className:"menu__list-item",children:(0,u.jsx)(ne,{className:(0,o.A)("menu__link",t),...r})})}function ae(e){let{mobile:t=!1,position:n,...r}=e;const o=t?oe:re;return(0,u.jsx)(o,{...r,activeClassName:r.activeClassName??(t?"menu__link--active":"navbar__link--active")})}var ie=n(7064),se=n(5763),le=n(9143);const ce={dropdownNavbarItemMobile:"dropdownNavbarItemMobile_Uft3"};function ue(e,t){return e.some((e=>function(e,t){return!!(0,se.ys)(e.to,t)||!!(0,ee.G)(e.activeBaseRegex,t)||!(!e.activeBasePath||!t.startsWith(e.activeBasePath))}(e,t)))}function de(e){let{items:t,position:n,className:a,onClick:i,...s}=e;const l=(0,r.useRef)(null),[c,d]=(0,r.useState)(!1);return(0,r.useEffect)((()=>{const e=e=>{l.current&&!l.current.contains(e.target)&&d(!1)};return document.addEventListener("mousedown",e),document.addEventListener("touchstart",e),document.addEventListener("focusin",e),()=>{document.removeEventListener("mousedown",e),document.removeEventListener("touchstart",e),document.removeEventListener("focusin",e)}}),[l]),(0,u.jsxs)("div",{ref:l,className:(0,o.A)("navbar__item","dropdown","dropdown--hoverable",{"dropdown--right":"right"===n,"dropdown--show":c}),children:[(0,u.jsx)(ne,{"aria-haspopup":"true","aria-expanded":c,role:"button",href:s.to?void 0:"#",className:(0,o.A)("navbar__link",a),...s,onClick:s.to?void 0:e=>e.preventDefault(),onKeyDown:e=>{"Enter"===e.key&&(e.preventDefault(),d(!c))},children:s.children??s.label}),(0,u.jsx)("ul",{className:"dropdown__menu",children:t.map(((e,t)=>(0,r.createElement)(Fe,{isDropdownItem:!0,activeClassName:"dropdown__link--active",...e,key:t})))})]})}function pe(e){let{items:t,className:n,position:a,onClick:i,...l}=e;const c=function(){const{siteConfig:{baseUrl:e}}=(0,le.A)(),{pathname:t}=(0,s.zy)();return t.replace(e,"/")}(),d=ue(t,c),{collapsed:p,toggleCollapsed:f,setCollapsed:m}=(0,ie.u)({initialState:()=>!d});return(0,r.useEffect)((()=>{d&&m(!d)}),[c,d,m]),(0,u.jsxs)("li",{className:(0,o.A)("menu__list-item",{"menu__list-item--collapsed":p}),children:[(0,u.jsx)(ne,{role:"button",className:(0,o.A)(ce.dropdownNavbarItemMobile,"menu__link menu__link--sublist menu__link--sublist-caret",n),...l,onClick:e=>{e.preventDefault(),f()},children:l.children??l.label}),(0,u.jsx)(ie.N,{lazy:!0,as:"ul",className:"menu__list",collapsed:p,children:t.map(((e,t)=>(0,r.createElement)(Fe,{mobile:!0,isDropdownItem:!0,onClick:i,activeClassName:"menu__link--active",...e,key:t})))})]})}function fe(e){let{mobile:t=!1,...n}=e;const r=t?pe:de;return(0,u.jsx)(r,{...n})}var me=n(1529);function he(e){let{width:t=20,height:n=20,...r}=e;return(0,u.jsx)("svg",{viewBox:"0 0 24 24",width:t,height:n,"aria-hidden":!0,...r,children:(0,u.jsx)("path",{fill:"currentColor",d:"M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"})})}const ge="iconLanguage_wlog";var be=n(8143),ye=n(7781),ve=n(2293),we=n(8169),Se=n(1152),ke=n(4937),xe=n(4619);function Ee(){return[`language:${(0,le.A)().i18n.currentLocale}`,function(){const e=(0,xe.v)();return[ke.C,...e]}().map((e=>`docusaurus_tag:${e}`))]}const _e={button:{buttonText:(0,l.T)({id:"theme.SearchBar.label",message:"Search",description:"The ARIA label and placeholder for search button"}),buttonAriaLabel:(0,l.T)({id:"theme.SearchBar.label",message:"Search",description:"The ARIA label and placeholder for search button"})},modal:{searchBox:{resetButtonTitle:(0,l.T)({id:"theme.SearchModal.searchBox.resetButtonTitle",message:"Clear the query",description:"The label and ARIA label for search box reset button"}),resetButtonAriaLabel:(0,l.T)({id:"theme.SearchModal.searchBox.resetButtonTitle",message:"Clear the query",description:"The label and ARIA label for search box reset button"}),cancelButtonText:(0,l.T)({id:"theme.SearchModal.searchBox.cancelButtonText",message:"Cancel",description:"The label and ARIA label for search box cancel button"}),cancelButtonAriaLabel:(0,l.T)({id:"theme.SearchModal.searchBox.cancelButtonText",message:"Cancel",description:"The label and ARIA label for search box cancel button"})},startScreen:{recentSearchesTitle:(0,l.T)({id:"theme.SearchModal.startScreen.recentSearchesTitle",message:"Recent",description:"The title for recent searches"}),noRecentSearchesText:(0,l.T)({id:"theme.SearchModal.startScreen.noRecentSearchesText",message:"No recent searches",description:"The text when no recent searches"}),saveRecentSearchButtonTitle:(0,l.T)({id:"theme.SearchModal.startScreen.saveRecentSearchButtonTitle",message:"Save this search",description:"The label for save recent search button"}),removeRecentSearchButtonTitle:(0,l.T)({id:"theme.SearchModal.startScreen.removeRecentSearchButtonTitle",message:"Remove this search from history",description:"The label for remove recent search button"}),favoriteSearchesTitle:(0,l.T)({id:"theme.SearchModal.startScreen.favoriteSearchesTitle",message:"Favorite",description:"The title for favorite searches"}),removeFavoriteSearchButtonTitle:(0,l.T)({id:"theme.SearchModal.startScreen.removeFavoriteSearchButtonTitle",message:"Remove this search from favorites",description:"The label for remove favorite search button"})},errorScreen:{titleText:(0,l.T)({id:"theme.SearchModal.errorScreen.titleText",message:"Unable to fetch results",description:"The title for error screen of search modal"}),helpText:(0,l.T)({id:"theme.SearchModal.errorScreen.helpText",message:"You might want to check your network connection.",description:"The help text for error screen of search modal"})},footer:{selectText:(0,l.T)({id:"theme.SearchModal.footer.selectText",message:"to select",description:"The explanatory text of the action for the enter key"}),selectKeyAriaLabel:(0,l.T)({id:"theme.SearchModal.footer.selectKeyAriaLabel",message:"Enter key",description:"The ARIA label for the Enter key button that makes the selection"}),navigateText:(0,l.T)({id:"theme.SearchModal.footer.navigateText",message:"to navigate",description:"The explanatory text of the action for the Arrow up and Arrow down key"}),navigateUpKeyAriaLabel:(0,l.T)({id:"theme.SearchModal.footer.navigateUpKeyAriaLabel",message:"Arrow up",description:"The ARIA label for the Arrow up key button that makes the navigation"}),navigateDownKeyAriaLabel:(0,l.T)({id:"theme.SearchModal.footer.navigateDownKeyAriaLabel",message:"Arrow down",description:"The ARIA label for the Arrow down key button that makes the navigation"}),closeText:(0,l.T)({id:"theme.SearchModal.footer.closeText",message:"to close",description:"The explanatory text of the action for Escape key"}),closeKeyAriaLabel:(0,l.T)({id:"theme.SearchModal.footer.closeKeyAriaLabel",message:"Escape key",description:"The ARIA label for the Escape key button that close the modal"}),searchByText:(0,l.T)({id:"theme.SearchModal.footer.searchByText",message:"Search by",description:"The text explain that the search is making by Algolia"})},noResultsScreen:{noResultsText:(0,l.T)({id:"theme.SearchModal.noResultsScreen.noResultsText",message:"No results for",description:"The text explains that there are no results for the following search"}),suggestedQueryText:(0,l.T)({id:"theme.SearchModal.noResultsScreen.suggestedQueryText",message:"Try searching for",description:"The text for the suggested query when no results are found for the following search"}),reportMissingResultsText:(0,l.T)({id:"theme.SearchModal.noResultsScreen.reportMissingResultsText",message:"Believe this query should return results?",description:"The text for the question where the user thinks there are missing results"}),reportMissingResultsLinkText:(0,l.T)({id:"theme.SearchModal.noResultsScreen.reportMissingResultsLinkText",message:"Let us know.",description:"The text for the link to report missing results"})}},placeholder:(0,l.T)({id:"theme.SearchModal.placeholder",message:"Search docs",description:"The placeholder of the input of the DocSearch pop-up modal"})};let Ce=null;function je(e){let{hit:t,children:n}=e;return(0,u.jsx)(Z.A,{to:t.url,children:n})}function Oe(e){let{state:t,onClose:n}=e;const r=(0,we.w)();return(0,u.jsx)(Z.A,{to:r(t.query),onClick:n,children:(0,u.jsx)(l.A,{id:"theme.SearchBar.seeAll",values:{count:t.context.nbHits},children:"See all {count} results"})})}function Ae(e){let{contextualSearch:t,externalUrlRegex:o,...a}=e;const{siteMetadata:i}=(0,le.A)(),l=(0,Se.C)(),c=Ee(),d=a.searchParameters?.facetFilters??[],p=t?function(e,t){const n=e=>"string"==typeof e?[e]:e;return[...n(e),...n(t)]}(c,d):d,f={...a.searchParameters,facetFilters:p},m=(0,s.W6)(),h=(0,r.useRef)(null),g=(0,r.useRef)(null),[b,y]=(0,r.useState)(!1),[v,w]=(0,r.useState)(void 0),S=(0,r.useCallback)((()=>Ce?Promise.resolve():Promise.all([n.e(9553).then(n.bind(n,9553)),Promise.all([n.e(1869),n.e(9562)]).then(n.bind(n,9562)),Promise.all([n.e(1869),n.e(8570)]).then(n.bind(n,8570))]).then((e=>{let[{DocSearchModal:t}]=e;Ce=t}))),[]),k=(0,r.useCallback)((()=>{if(!h.current){const e=document.createElement("div");h.current=e,document.body.insertBefore(e,document.body.firstChild)}}),[]),x=(0,r.useCallback)((()=>{k(),S().then((()=>y(!0)))}),[S,k]),E=(0,r.useCallback)((()=>{y(!1),g.current?.focus()}),[]),_=(0,r.useCallback)((e=>{"f"===e.key&&(e.metaKey||e.ctrlKey)||(e.preventDefault(),w(e.key),x())}),[x]),C=(0,r.useRef)({navigate(e){let{itemUrl:t}=e;(0,ee.G)(o,t)?window.location.href=t:m.push(t)}}).current,j=(0,r.useRef)((e=>a.transformItems?a.transformItems(e):e.map((e=>({...e,url:l(e.url)}))))).current,O=(0,r.useMemo)((()=>e=>(0,u.jsx)(Oe,{...e,onClose:E})),[E]),A=(0,r.useCallback)((e=>(e.addAlgoliaAgent("docusaurus",i.docusaurusVersion),e)),[i.docusaurusVersion]);return(0,ye.E8)({isOpen:b,onOpen:x,onClose:E,onInput:_,searchButtonRef:g}),(0,u.jsxs)(u.Fragment,{children:[(0,u.jsx)(ve.A,{children:(0,u.jsx)("link",{rel:"preconnect",href:`https://${a.appId}-dsn.algolia.net`,crossOrigin:"anonymous"})}),(0,u.jsx)(ye.Bc,{onTouchStart:S,onFocus:S,onMouseOver:S,onClick:x,ref:g,translations:_e.button}),b&&Ce&&h.current&&(0,be.createPortal)((0,u.jsx)(Ce,{onClose:E,initialScrollY:window.scrollY,initialQuery:v,navigator:C,transformItems:j,hitComponent:je,transformSearchClient:A,...a.searchPagePath&&{resultsFooterComponent:O},...a,searchParameters:f,placeholder:_e.placeholder,translations:_e.modal}),h.current)]})}function Te(){const{siteConfig:e}=(0,le.A)();return(0,u.jsx)(Ae,{...e.themeConfig.algolia})}const Pe={navbarSearchContainer:"navbarSearchContainer_DsMw"};function Le(e){let{children:t,className:n}=e;return(0,u.jsx)("div",{className:(0,o.A)(n,Pe.navbarSearchContainer),children:t})}var Ie=n(9860),Ne=n(1630);var Re=n(3724);function De(e,t){return t.alternateDocVersions[e.name]??function(e){return e.docs.find((t=>t.id===e.mainDocId))}(e)}const Me={default:ae,localeDropdown:function(e){let{mobile:t,dropdownItemsBefore:n,dropdownItemsAfter:r,queryString:o="",...a}=e;const{i18n:{currentLocale:i,locales:c,localeConfigs:d}}=(0,le.A)(),p=(0,me.o)(),{search:f,hash:m}=(0,s.zy)(),h=[...n,...c.map((e=>{const n=`${`pathname://${p.createUrl({locale:e,fullyQualified:!1})}`}${f}${m}${o}`;return{label:d[e].label,lang:d[e].htmlLang,to:n,target:"_self",autoAddBaseUrl:!1,className:e===i?t?"menu__link--active":"dropdown__link--active":""}})),...r],g=t?(0,l.T)({message:"Languages",id:"theme.navbar.mobileLanguageDropdown.label",description:"The label for the mobile language switcher dropdown"}):d[i].label;return(0,u.jsx)(fe,{...a,mobile:t,label:(0,u.jsxs)(u.Fragment,{children:[(0,u.jsx)(he,{className:ge}),g]}),items:h})},search:function(e){let{mobile:t,className:n}=e;return t?null:(0,u.jsx)(Le,{className:n,children:(0,u.jsx)(Te,{})})},dropdown:fe,html:function(e){let{value:t,className:n,mobile:r=!1,isDropdownItem:a=!1}=e;const i=a?"li":"div";return(0,u.jsx)(i,{className:(0,o.A)({navbar__item:!r&&!a,"menu__list-item":r},n),dangerouslySetInnerHTML:{__html:t}})},doc:function(e){let{docId:t,label:n,docsPluginId:r,...o}=e;const{activeDoc:a}=(0,Ie.zK)(r),i=(0,Ne.QB)(t,r),s=a?.path===i?.path;return null===i||i.unlisted&&!s?null:(0,u.jsx)(ae,{exact:!0,...o,isActive:()=>s||!!a?.sidebar&&a.sidebar===i.sidebar,label:n??i.id,to:i.path})},docSidebar:function(e){let{sidebarId:t,label:n,docsPluginId:r,...o}=e;const{activeDoc:a}=(0,Ie.zK)(r),i=(0,Ne.fW)(t,r).link;if(!i)throw new Error(`DocSidebarNavbarItem: Sidebar with ID "${t}" doesn't have anything to be linked to.`);return(0,u.jsx)(ae,{exact:!0,...o,isActive:()=>a?.sidebar===t,label:n??i.label,to:i.path})},docsVersion:function(e){let{label:t,to:n,docsPluginId:r,...o}=e;const a=(0,Ne.Vd)(r)[0],i=t??a.label,s=n??(e=>e.docs.find((t=>t.id===e.mainDocId)))(a).path;return(0,u.jsx)(ae,{...o,label:i,to:s})},docsVersionDropdown:function(e){let{mobile:t,docsPluginId:n,dropdownActiveClassDisabled:r,dropdownItemsBefore:o,dropdownItemsAfter:a,...i}=e;const{search:c,hash:d}=(0,s.zy)(),p=(0,Ie.zK)(n),f=(0,Ie.jh)(n),{savePreferredVersionName:m}=(0,Re.g1)(n),h=[...o,...f.map((function(e){const t=De(e,p);return{label:e.label,to:`${t.path}${c}${d}`,isActive:()=>e===p.activeVersion,onClick:()=>m(e.name)}})),...a],g=(0,Ne.Vd)(n)[0],b=t&&h.length>1?(0,l.T)({id:"theme.navbar.mobileVersionsDropdown.label",message:"Versions",description:"The label for the navbar versions dropdown on mobile view"}):g.label,y=t&&h.length>1?void 0:De(g,p).path;return h.length<=1?(0,u.jsx)(ae,{...i,mobile:t,label:b,to:y,isActive:r?()=>!1:void 0}):(0,u.jsx)(fe,{...i,mobile:t,label:b,to:y,items:h,isActive:r?()=>!1:void 0})}};function Fe(e){let{type:t,...n}=e;const r=function(e,t){return e&&"default"!==e?e:"items"in t?"dropdown":"default"}(t,n),o=Me[r];if(!o)throw new Error(`No NavbarItem component found for type "${t}".`);return(0,u.jsx)(o,{...n})}function ze(){const e=(0,A.M)(),t=(0,w.p)().navbar.items;return(0,u.jsx)("ul",{className:"menu__list",children:t.map(((t,n)=>(0,r.createElement)(Fe,{mobile:!0,...t,onClick:()=>e.toggle(),key:n})))})}function Be(e){return(0,u.jsx)("button",{...e,type:"button",className:"clean-btn navbar-sidebar__back",children:(0,u.jsx)(l.A,{id:"theme.navbar.mobileSidebarSecondaryMenu.backButtonLabel",description:"The label of the back button to return to main menu, inside the mobile navbar sidebar secondary menu (notably used to display the docs sidebar)",children:"\u2190 Back to main menu"})})}function Ue(){const e=0===(0,w.p)().navbar.items.length,t=D();return(0,u.jsxs)(u.Fragment,{children:[!e&&(0,u.jsx)(Be,{onClick:()=>t.hide()}),t.content]})}function qe(){const e=(0,A.M)();var t;return void 0===(t=e.shown)&&(t=!0),(0,r.useEffect)((()=>(document.body.style.overflow=t?"hidden":"visible",()=>{document.body.style.overflow="visible"})),[t]),e.shouldRender?(0,u.jsx)(M,{header:(0,u.jsx)(Y,{}),primaryMenu:(0,u.jsx)(ze,{}),secondaryMenu:(0,u.jsx)(Ue,{})}):null}const $e={navbarHideable:"navbarHideable_v02o",navbarHidden:"navbarHidden_YVDo"};function He(e){return(0,u.jsx)("div",{role:"presentation",...e,className:(0,o.A)("navbar-sidebar__backdrop",e.className)})}function Ve(e){let{children:t}=e;const{navbar:{hideOnScroll:n,style:a}}=(0,w.p)(),i=(0,A.M)(),{navbarRef:s,isNavbarVisible:d}=function(e){const[t,n]=(0,r.useState)(e),o=(0,r.useRef)(!1),a=(0,r.useRef)(0),i=(0,r.useCallback)((e=>{null!==e&&(a.current=e.getBoundingClientRect().height)}),[]);return(0,T.Mq)(((t,r)=>{let{scrollY:i}=t;if(!e)return;if(i<a.current)return void n(!0);if(o.current)return void(o.current=!1);const s=r?.scrollY,l=document.documentElement.scrollHeight-a.current,c=window.innerHeight;s&&i>=s?n(!1):i+c<l&&n(!0)})),(0,c.$)((t=>{if(!e)return;const r=t.location.hash;if(r?document.getElementById(r.substring(1)):void 0)return o.current=!0,void n(!1);n(!0)})),{navbarRef:i,isNavbarVisible:t}}(n);return(0,u.jsxs)("nav",{ref:s,"aria-label":(0,l.T)({id:"theme.NavBar.navAriaLabel",message:"Main",description:"The ARIA label for the main navigation"}),className:(0,o.A)("navbar","navbar--fixed-top",n&&[$e.navbarHideable,!d&&$e.navbarHidden],{"navbar--dark":"dark"===a,"navbar--primary":"primary"===a,"navbar-sidebar--show":i.shown}),children:[t,(0,u.jsx)(He,{onClick:i.toggle}),(0,u.jsx)(qe,{})]})}var Ge=n(3509);const We={errorBoundaryError:"errorBoundaryError_t0Si",errorBoundaryFallback:"errorBoundaryFallback_rqmh"};function Ke(e){return(0,u.jsx)("button",{type:"button",...e,children:(0,u.jsx)(l.A,{id:"theme.ErrorPageContent.tryAgain",description:"The label of the button to try again rendering when the React error boundary captures an error",children:"Try again"})})}function Qe(e){let{error:t}=e;const n=(0,Ge.rA)(t).map((e=>e.message)).join("\n\nCause:\n");return(0,u.jsx)("p",{className:We.errorBoundaryError,children:n})}class Ye extends r.Component{componentDidCatch(e,t){throw this.props.onError(e,t)}render(){return this.props.children}}const Ze="right";function Je(e){let{width:t=30,height:n=30,className:r,...o}=e;return(0,u.jsx)("svg",{className:r,width:t,height:n,viewBox:"0 0 30 30","aria-hidden":"true",...o,children:(0,u.jsx)("path",{stroke:"currentColor",strokeLinecap:"round",strokeMiterlimit:"10",strokeWidth:"2",d:"M4 7h22M4 15h22M4 23h22"})})}function Xe(){const{toggle:e,shown:t}=(0,A.M)();return(0,u.jsx)("button",{onClick:e,"aria-label":(0,l.T)({id:"theme.docs.sidebar.toggleSidebarButtonAriaLabel",message:"Toggle navigation bar",description:"The ARIA label for hamburger menu button of mobile navigation"}),"aria-expanded":t,className:"navbar__toggle clean-btn",type:"button",children:(0,u.jsx)(Je,{})})}const et={colorModeToggle:"colorModeToggle_G2yU"};function tt(e){let{items:t}=e;return(0,u.jsx)(u.Fragment,{children:t.map(((e,t)=>(0,u.jsx)(Ye,{onError:t=>new Error(`A theme navbar item failed to render.\nPlease double-check the following navbar item (themeConfig.navbar.items) of your Docusaurus config:\n${JSON.stringify(e,null,2)}`,{cause:t}),children:(0,u.jsx)(Fe,{...e})},t)))})}function nt(e){let{left:t,right:n}=e;return(0,u.jsxs)("div",{className:"navbar__inner",children:[(0,u.jsx)("div",{className:"navbar__items",children:t}),(0,u.jsx)("div",{className:"navbar__items navbar__items--right",children:n})]})}function rt(){const e=(0,A.M)(),t=(0,w.p)().navbar.items,[n,r]=function(e){function t(e){return"left"===(e.position??Ze)}return[e.filter(t),e.filter((e=>!t(e)))]}(t),o=t.find((e=>"search"===e.type));return(0,u.jsx)(nt,{left:(0,u.jsxs)(u.Fragment,{children:[!e.disabled&&(0,u.jsx)(Xe,{}),(0,u.jsx)(K,{}),(0,u.jsx)(tt,{items:n})]}),right:(0,u.jsxs)(u.Fragment,{children:[(0,u.jsx)(tt,{items:r}),(0,u.jsx)(G,{className:et.colorModeToggle}),!o&&(0,u.jsx)(Le,{children:(0,u.jsx)(Te,{})})]})})}function ot(){return(0,u.jsx)(Ve,{children:(0,u.jsx)(rt,{})})}function at(e){let{item:t}=e;const{to:n,href:r,label:o,prependBaseUrlToHref:a,...i}=t,s=(0,J.Ay)(n),l=(0,J.Ay)(r,{forcePrependBaseUrl:!0});return(0,u.jsxs)(Z.A,{className:"footer__link-item",...r?{href:a?l:r}:{to:s},...i,children:[o,r&&!(0,X.A)(r)&&(0,u.jsx)(te.A,{})]})}function it(e){let{item:t}=e;return t.html?(0,u.jsx)("li",{className:"footer__item",dangerouslySetInnerHTML:{__html:t.html}}):(0,u.jsx)("li",{className:"footer__item",children:(0,u.jsx)(at,{item:t})},t.href??t.to)}function st(e){let{column:t}=e;return(0,u.jsxs)("div",{className:"col footer__col",children:[(0,u.jsx)("div",{className:"footer__title",children:t.title}),(0,u.jsx)("ul",{className:"footer__items clean-list",children:t.items.map(((e,t)=>(0,u.jsx)(it,{item:e},t)))})]})}function lt(e){let{columns:t}=e;return(0,u.jsx)("div",{className:"row footer__links",children:t.map(((e,t)=>(0,u.jsx)(st,{column:e},t)))})}function ct(){return(0,u.jsx)("span",{className:"footer__link-separator",children:"\xb7"})}function ut(e){let{item:t}=e;return t.html?(0,u.jsx)("span",{className:"footer__link-item",dangerouslySetInnerHTML:{__html:t.html}}):(0,u.jsx)(at,{item:t})}function dt(e){let{links:t}=e;return(0,u.jsx)("div",{className:"footer__links text--center",children:(0,u.jsx)("div",{className:"footer__links",children:t.map(((e,n)=>(0,u.jsxs)(r.Fragment,{children:[(0,u.jsx)(ut,{item:e}),t.length!==n+1&&(0,u.jsx)(ct,{})]},n)))})})}function pt(e){let{links:t}=e;return function(e){return"title"in e[0]}(t)?(0,u.jsx)(lt,{columns:t}):(0,u.jsx)(dt,{links:t})}var ft=n(6012);const mt={footerLogoLink:"footerLogoLink_HxP9"};function ht(e){let{logo:t}=e;const{withBaseUrl:n}=(0,J.hH)(),r={light:n(t.src),dark:n(t.srcDark??t.src)};return(0,u.jsx)(ft.A,{className:(0,o.A)("footer__logo",t.className),alt:t.alt,sources:r,width:t.width,height:t.height,style:t.style})}function gt(e){let{logo:t}=e;return t.href?(0,u.jsx)(Z.A,{href:t.href,className:mt.footerLogoLink,target:t.target,children:(0,u.jsx)(ht,{logo:t})}):(0,u.jsx)(ht,{logo:t})}function bt(e){let{copyright:t}=e;return(0,u.jsx)("div",{className:"footer__copyright",dangerouslySetInnerHTML:{__html:t}})}function yt(e){let{style:t,links:n,logo:r,copyright:a}=e;return(0,u.jsx)("footer",{className:(0,o.A)("footer",{"footer--dark":"dark"===t}),children:(0,u.jsxs)("div",{className:"container container-fluid",children:[n,(r||a)&&(0,u.jsxs)("div",{className:"footer__bottom text--center",children:[r&&(0,u.jsx)("div",{className:"margin-bottom--sm",children:r}),a]})]})})}function vt(){const{footer:e}=(0,w.p)();if(!e)return null;const{copyright:t,links:n,logo:r,style:o}=e;return(0,u.jsx)(yt,{style:o,links:n&&n.length>0&&(0,u.jsx)(pt,{links:n}),logo:r&&(0,u.jsx)(gt,{logo:r}),copyright:t&&(0,u.jsx)(bt,{copyright:t})})}const wt=r.memo(vt),St=(0,P.fM)([F.a,S.o,T.Tv,Re.VQ,i.Jx,function(e){let{children:t}=e;return(0,u.jsx)(L.y_,{children:(0,u.jsx)(A.e,{children:(0,u.jsx)(N,{children:t})})})}]);function kt(e){let{children:t}=e;return(0,u.jsx)(St,{children:t})}var xt=n(1507);function Et(e){let{error:t,tryAgain:n}=e;return(0,u.jsx)("main",{className:"container margin-vert--xl",children:(0,u.jsx)("div",{className:"row",children:(0,u.jsxs)("div",{className:"col col--6 col--offset-3",children:[(0,u.jsx)(xt.A,{as:"h1",className:"hero__title",children:(0,u.jsx)(l.A,{id:"theme.ErrorPageContent.title",description:"The title of the fallback page when the page crashed",children:"This page crashed."})}),(0,u.jsx)("div",{className:"margin-vert--lg",children:(0,u.jsx)(Ke,{onClick:n,className:"button button--primary shadow--lw"})}),(0,u.jsx)("hr",{}),(0,u.jsx)("div",{className:"margin-vert--md",children:(0,u.jsx)(Qe,{error:t})})]})})})}const _t={mainWrapper:"mainWrapper_ZPwK"};function Ct(e){const{children:t,noFooter:n,wrapperClassName:r,title:s,description:l}=e;return(0,b.J)(),(0,u.jsxs)(kt,{children:[(0,u.jsx)(i.be,{title:s,description:l}),(0,u.jsx)(v,{}),(0,u.jsx)(O,{}),(0,u.jsx)(ot,{}),(0,u.jsx)("div",{id:d,className:(0,o.A)(g.G.wrapper.main,_t.mainWrapper,r),children:(0,u.jsx)(a.A,{fallback:e=>(0,u.jsx)(Et,{...e}),children:t})}),!n&&(0,u.jsx)(wt,{})]})}},7007:(e,t,n)=>{"use strict";n.d(t,{A:()=>u});n(758);var r=n(6783),o=n(5252),a=n(9143),i=n(316),s=n(6012),l=n(6070);function c(e){let{logo:t,alt:n,imageClassName:r}=e;const a={light:(0,o.Ay)(t.src),dark:(0,o.Ay)(t.srcDark||t.src)},i=(0,l.jsx)(s.A,{className:t.className,sources:a,height:t.height,width:t.width,alt:n,style:t.style});return r?(0,l.jsx)("div",{className:r,children:i}):i}function u(e){const{siteConfig:{title:t}}=(0,a.A)(),{navbar:{title:n,logo:s}}=(0,i.p)(),{imageClassName:u,titleClassName:d,...p}=e,f=(0,o.Ay)(s?.href||"/"),m=n?"":t,h=s?.alt??m;return(0,l.jsxs)(r.A,{to:f,...p,...s?.target&&{target:s.target},children:[s&&(0,l.jsx)(c,{logo:s,alt:h,imageClassName:u}),null!=n&&(0,l.jsx)("b",{className:d,children:n})]})}},1701:(e,t,n)=>{"use strict";n.d(t,{A:()=>a});n(758);var r=n(2293),o=n(6070);function a(e){let{locale:t,version:n,tag:a}=e;const i=t;return(0,o.jsxs)(r.A,{children:[t&&(0,o.jsx)("meta",{name:"docusaurus_locale",content:t}),n&&(0,o.jsx)("meta",{name:"docusaurus_version",content:n}),a&&(0,o.jsx)("meta",{name:"docusaurus_tag",content:a}),i&&(0,o.jsx)("meta",{name:"docsearch:language",content:i}),n&&(0,o.jsx)("meta",{name:"docsearch:version",content:n}),a&&(0,o.jsx)("meta",{name:"docsearch:docusaurus_tag",content:a})]})}},6012:(e,t,n)=>{"use strict";n.d(t,{A:()=>u});var r=n(758),o=n(3526),a=n(2630),i=n(9731);const s={themedComponent:"themedComponent_v9BS","themedComponent--light":"themedComponent--light_bfJ3","themedComponent--dark":"themedComponent--dark_BRRK"};var l=n(6070);function c(e){let{className:t,children:n}=e;const c=(0,a.A)(),{colorMode:u}=(0,i.G)();return(0,l.jsx)(l.Fragment,{children:(c?"dark"===u?["dark"]:["light"]:["light","dark"]).map((e=>{const a=n({theme:e,className:(0,o.A)(t,s.themedComponent,s[`themedComponent--${e}`])});return(0,l.jsx)(r.Fragment,{children:a},e)}))})}function u(e){const{sources:t,className:n,alt:r,...o}=e;return(0,l.jsx)(c,{className:n,children:e=>{let{theme:n,className:a}=e;return(0,l.jsx)("img",{src:t[n],alt:r,className:a,...o})}})}},7064:(e,t,n)=>{"use strict";n.d(t,{N:()=>b,u:()=>c});var r=n(758),o=n(3088),a=n(8302),i=n(9963),s=n(6070);const l="ease-in-out";function c(e){let{initialState:t}=e;const[n,o]=(0,r.useState)(t??!1),a=(0,r.useCallback)((()=>{o((e=>!e))}),[]);return{collapsed:n,setCollapsed:o,toggleCollapsed:a}}const u={display:"none",overflow:"hidden",height:"0px"},d={display:"block",overflow:"visible",height:"auto"};function p(e,t){const n=t?u:d;e.style.display=n.display,e.style.overflow=n.overflow,e.style.height=n.height}function f(e){let{collapsibleRef:t,collapsed:n,animation:o}=e;const a=(0,r.useRef)(!1);(0,r.useEffect)((()=>{const e=t.current;function r(){const t=e.scrollHeight,n=o?.duration??function(e){if((0,i.O)())return 1;const t=e/36;return Math.round(10*(4+15*t**.25+t/5))}(t);return{transition:`height ${n}ms ${o?.easing??l}`,height:`${t}px`}}function s(){const t=r();e.style.transition=t.transition,e.style.height=t.height}if(!a.current)return p(e,n),void(a.current=!0);return e.style.willChange="height",function(){const t=requestAnimationFrame((()=>{n?(s(),requestAnimationFrame((()=>{e.style.height=u.height,e.style.overflow=u.overflow}))):(e.style.display="block",requestAnimationFrame((()=>{s()})))}));return()=>cancelAnimationFrame(t)}()}),[t,n,o])}function m(e){if(!o.A.canUseDOM)return e?u:d}function h(e){let{as:t="div",collapsed:n,children:o,animation:a,onCollapseTransitionEnd:i,className:l,disableSSRStyle:c}=e;const u=(0,r.useRef)(null);return f({collapsibleRef:u,collapsed:n,animation:a}),(0,s.jsx)(t,{ref:u,style:c?void 0:m(n),onTransitionEnd:e=>{"height"===e.propertyName&&(p(u.current,n),i?.(n))},className:l,children:o})}function g(e){let{collapsed:t,...n}=e;const[o,i]=(0,r.useState)(!t),[l,c]=(0,r.useState)(t);return(0,a.A)((()=>{t||i(!0)}),[t]),(0,a.A)((()=>{o&&c(t)}),[o,t]),o?(0,s.jsx)(h,{...n,collapsed:l}):null}function b(e){let{lazy:t,...n}=e;const r=t?g:h;return(0,s.jsx)(r,{...n})}},1611:(e,t,n)=>{"use strict";n.d(t,{M:()=>h,o:()=>m});var r=n(758),o=n(2630),a=n(3349),i=n(4902),s=n(316),l=n(6070);const c=(0,a.Wf)("docusaurus.announcement.dismiss"),u=(0,a.Wf)("docusaurus.announcement.id"),d=()=>"true"===c.get(),p=e=>c.set(String(e)),f=r.createContext(null);function m(e){let{children:t}=e;const n=function(){const{announcementBar:e}=(0,s.p)(),t=(0,o.A)(),[n,a]=(0,r.useState)((()=>!!t&&d()));(0,r.useEffect)((()=>{a(d())}),[]);const i=(0,r.useCallback)((()=>{p(!0),a(!0)}),[]);return(0,r.useEffect)((()=>{if(!e)return;const{id:t}=e;let n=u.get();"annoucement-bar"===n&&(n="announcement-bar");const r=t!==n;u.set(t),r&&p(!1),!r&&d()||a(!1)}),[e]),(0,r.useMemo)((()=>({isActive:!!e&&!n,close:i})),[e,n,i])}();return(0,l.jsx)(f.Provider,{value:n,children:t})}function h(){const e=(0,r.useContext)(f);if(!e)throw new i.dV("AnnouncementBarProvider");return e}},9731:(e,t,n)=>{"use strict";n.d(t,{G:()=>b,a:()=>g});var r=n(758),o=n(3088),a=n(4902),i=n(3349),s=n(316),l=n(6070);const c=r.createContext(void 0),u="theme",d=(0,i.Wf)(u),p={light:"light",dark:"dark"},f=e=>e===p.dark?p.dark:p.light,m=e=>o.A.canUseDOM?f(document.documentElement.getAttribute("data-theme")):f(e),h=e=>{d.set(f(e))};function g(e){let{children:t}=e;const n=function(){const{colorMode:{defaultMode:e,disableSwitch:t,respectPrefersColorScheme:n}}=(0,s.p)(),[o,a]=(0,r.useState)(m(e));(0,r.useEffect)((()=>{t&&d.del()}),[t]);const i=(0,r.useCallback)((function(t,r){void 0===r&&(r={});const{persist:o=!0}=r;t?(a(t),o&&h(t)):(a(n?window.matchMedia("(prefers-color-scheme: dark)").matches?p.dark:p.light:e),d.del())}),[n,e]);(0,r.useEffect)((()=>{document.documentElement.setAttribute("data-theme",f(o))}),[o]),(0,r.useEffect)((()=>{if(t)return;const e=e=>{if(e.key!==u)return;const t=d.get();null!==t&&i(f(t))};return window.addEventListener("storage",e),()=>window.removeEventListener("storage",e)}),[t,i]);const l=(0,r.useRef)(!1);return(0,r.useEffect)((()=>{if(t&&!n)return;const e=window.matchMedia("(prefers-color-scheme: dark)"),r=()=>{window.matchMedia("print").matches||l.current?l.current=window.matchMedia("print").matches:i(null)};return e.addListener(r),()=>e.removeListener(r)}),[i,t,n]),(0,r.useMemo)((()=>({colorMode:o,setColorMode:i,get isDarkTheme(){return o===p.dark},setLightTheme(){i(p.light)},setDarkTheme(){i(p.dark)}})),[o,i])}();return(0,l.jsx)(c.Provider,{value:n,children:t})}function b(){const e=(0,r.useContext)(c);if(null==e)throw new a.dV("ColorModeProvider","Please see https://docusaurus.io/docs/api/themes/configuration#use-color-mode.");return e}},1003:(e,t,n)=>{"use strict";n.d(t,{M:()=>f,e:()=>p});var r=n(758),o=n(646),a=n(9207),i=n(3979),s=n(316),l=n(4902),c=n(6070);const u=r.createContext(void 0);function d(){const e=function(){const e=(0,o.YL)(),{items:t}=(0,s.p)().navbar;return 0===t.length&&!e.component}(),t=(0,a.l)(),n=!e&&"mobile"===t,[l,c]=(0,r.useState)(!1);(0,i.$Z)((()=>{if(l)return c(!1),!1}));const u=(0,r.useCallback)((()=>{c((e=>!e))}),[]);return(0,r.useEffect)((()=>{"desktop"===t&&c(!1)}),[t]),(0,r.useMemo)((()=>({disabled:e,shouldRender:n,toggle:u,shown:l})),[e,n,u,l])}function p(e){let{children:t}=e;const n=d();return(0,c.jsx)(u.Provider,{value:n,children:t})}function f(){const e=r.useContext(u);if(void 0===e)throw new l.dV("NavbarMobileSidebarProvider");return e}},646:(e,t,n)=>{"use strict";n.d(t,{GX:()=>c,YL:()=>l,y_:()=>s});var r=n(758),o=n(4902),a=n(6070);const i=r.createContext(null);function s(e){let{children:t}=e;const n=(0,r.useState)({component:null,props:null});return(0,a.jsx)(i.Provider,{value:n,children:t})}function l(){const e=(0,r.useContext)(i);if(!e)throw new o.dV("NavbarSecondaryMenuContentProvider");return e[0]}function c(e){let{component:t,props:n}=e;const a=(0,r.useContext)(i);if(!a)throw new o.dV("NavbarSecondaryMenuContentProvider");const[,s]=a,l=(0,o.Be)(n);return(0,r.useEffect)((()=>{s({component:t,props:l})}),[s,t,l]),(0,r.useEffect)((()=>()=>s({component:null,props:null})),[s]),null}},9782:(e,t,n)=>{"use strict";n.d(t,{w:()=>o,J:()=>a});var r=n(758);const o="navigation-with-keyboard";function a(){(0,r.useEffect)((()=>{function e(e){"keydown"===e.type&&"Tab"===e.key&&document.body.classList.add(o),"mousedown"===e.type&&document.body.classList.remove(o)}return document.addEventListener("keydown",e),document.addEventListener("mousedown",e),()=>{document.body.classList.remove(o),document.removeEventListener("keydown",e),document.removeEventListener("mousedown",e)}}),[])}},8169:(e,t,n)=>{"use strict";n.d(t,{b:()=>s,w:()=>l});var r=n(758),o=n(9143),a=n(3979);const i="q";function s(){return(0,a.l)(i)}function l(){const{siteConfig:{baseUrl:e,themeConfig:t}}=(0,o.A)(),{algolia:{searchPagePath:n}}=t;return(0,r.useCallback)((t=>`${e}${n}?${i}=${encodeURIComponent(t)}`),[e,n])}},9207:(e,t,n)=>{"use strict";n.d(t,{l:()=>s});var r=n(758),o=n(3088);const a={desktop:"desktop",mobile:"mobile",ssr:"ssr"},i=996;function s(e){let{desktopBreakpoint:t=i}=void 0===e?{}:e;const[n,s]=(0,r.useState)((()=>"ssr"));return(0,r.useEffect)((()=>{function e(){s(function(e){if(!o.A.canUseDOM)throw new Error("getWindowSize() should only be called after React hydration");return window.innerWidth>e?a.desktop:a.mobile}(t))}return e(),window.addEventListener("resize",e),()=>{window.removeEventListener("resize",e)}}),[t]),n}},8813:(e,t,n)=>{"use strict";n.d(t,{G:()=>r});const r={page:{blogListPage:"blog-list-page",blogPostPage:"blog-post-page",blogTagsListPage:"blog-tags-list-page",blogTagPostListPage:"blog-tags-post-list-page",blogAuthorsListPage:"blog-authors-list-page",blogAuthorsPostsPage:"blog-authors-posts-page",docsDocPage:"docs-doc-page",docsTagsListPage:"docs-tags-list-page",docsTagDocListPage:"docs-tags-doc-list-page",mdxPage:"mdx-page"},wrapper:{main:"main-wrapper",blogPages:"blog-wrapper",docsPages:"docs-wrapper",mdxPages:"mdx-wrapper"},common:{editThisPage:"theme-edit-this-page",lastUpdated:"theme-last-updated",backToTopButton:"theme-back-to-top-button",codeBlock:"theme-code-block",admonition:"theme-admonition",unlistedBanner:"theme-unlisted-banner",draftBanner:"theme-draft-banner",admonitionType:e=>`theme-admonition-${e}`},layout:{},docs:{docVersionBanner:"theme-doc-version-banner",docVersionBadge:"theme-doc-version-badge",docBreadcrumbs:"theme-doc-breadcrumbs",docMarkdown:"theme-doc-markdown",docTocMobile:"theme-doc-toc-mobile",docTocDesktop:"theme-doc-toc-desktop",docFooter:"theme-doc-footer",docFooterTagsRow:"theme-doc-footer-tags-row",docFooterEditMetaRow:"theme-doc-footer-edit-meta-row",docSidebarContainer:"theme-doc-sidebar-container",docSidebarMenu:"theme-doc-sidebar-menu",docSidebarItemCategory:"theme-doc-sidebar-item-category",docSidebarItemLink:"theme-doc-sidebar-item-link",docSidebarItemCategoryLevel:e=>`theme-doc-sidebar-item-category-level-${e}`,docSidebarItemLinkLevel:e=>`theme-doc-sidebar-item-link-level-${e}`},blog:{blogFooterTagsRow:"theme-blog-footer-tags-row",blogFooterEditMetaRow:"theme-blog-footer-edit-meta-row"},pages:{pageFooterEditMetaRow:"theme-pages-footer-edit-meta-row"}}},9963:(e,t,n)=>{"use strict";function r(){return window.matchMedia("(prefers-reduced-motion: reduce)").matches}n.d(t,{O:()=>r})},7743:(e,t,n)=>{"use strict";n.d(t,{s:()=>o});var r=n(9143);function o(e){const{siteConfig:t}=(0,r.A)(),{title:n,titleDelimiter:o}=t;return e?.trim().length?`${e.trim()} ${o} ${n}`:n}},3979:(e,t,n)=>{"use strict";n.d(t,{$Z:()=>i,l:()=>l});var r=n(758),o=n(5557),a=n(4902);function i(e){!function(e){const t=(0,o.W6)(),n=(0,a._q)(e);(0,r.useEffect)((()=>t.block(((e,t)=>n(e,t)))),[t,n])}(((t,n)=>{if("POP"===n)return e(t,n)}))}function s(e){const t=(0,o.W6)();return(0,r.useSyncExternalStore)(t.listen,(()=>e(t)),(()=>e(t)))}function l(e){const t=function(e){return s((t=>null===e?null:new URLSearchParams(t.location.search).get(e)))}(e)??"",n=function(e){const t=(0,o.W6)();return(0,r.useCallback)(((n,r)=>{const o=new URLSearchParams(t.location.search);n?o.set(e,n):o.delete(e),(r?.push?t.push:t.replace)({search:o.toString()})}),[e,t])}(e);return[t,n]}},2632:(e,t,n)=>{"use strict";function r(e){return Array.from(new Set(e))}function o(e,t){const n={};let r=0;for(const o of e){const e=t(o,r);n[e]??=[],n[e].push(o),r+=1}return n}n.d(t,{$z:()=>o,sb:()=>r})},898:(e,t,n)=>{"use strict";n.d(t,{Jx:()=>f,be:()=>u,e3:()=>p});var r=n(758),o=n(3526),a=n(2293),i=n(3112),s=n(5252),l=n(7743),c=n(6070);function u(e){let{title:t,description:n,keywords:r,image:o,children:i}=e;const u=(0,l.s)(t),{withBaseUrl:d}=(0,s.hH)(),p=o?d(o,{absolute:!0}):void 0;return(0,c.jsxs)(a.A,{children:[t&&(0,c.jsx)("title",{children:u}),t&&(0,c.jsx)("meta",{property:"og:title",content:u}),n&&(0,c.jsx)("meta",{name:"description",content:n}),n&&(0,c.jsx)("meta",{property:"og:description",content:n}),r&&(0,c.jsx)("meta",{name:"keywords",content:Array.isArray(r)?r.join(","):r}),p&&(0,c.jsx)("meta",{property:"og:image",content:p}),p&&(0,c.jsx)("meta",{name:"twitter:image",content:p}),i]})}const d=r.createContext(void 0);function p(e){let{className:t,children:n}=e;const i=r.useContext(d),s=(0,o.A)(i,t);return(0,c.jsxs)(d.Provider,{value:s,children:[(0,c.jsx)(a.A,{children:(0,c.jsx)("html",{className:s})}),n]})}function f(e){let{children:t}=e;const n=(0,i.A)(),r=`plugin-${n.plugin.name.replace(/docusaurus-(?:plugin|theme)-(?:content-)?/gi,"")}`;const a=`plugin-id-${n.plugin.id}`;return(0,c.jsx)(p,{className:(0,o.A)(r,a),children:t})}},4902:(e,t,n)=>{"use strict";n.d(t,{Be:()=>c,ZC:()=>s,_q:()=>i,dV:()=>l,fM:()=>u});var r=n(758),o=n(8302),a=n(6070);function i(e){const t=(0,r.useRef)(e);return(0,o.A)((()=>{t.current=e}),[e]),(0,r.useCallback)((function(){return t.current(...arguments)}),[])}function s(e){const t=(0,r.useRef)();return(0,o.A)((()=>{t.current=e})),t.current}class l extends Error{constructor(e,t){super(),this.name="ReactContextError",this.message=`Hook ${this.stack?.split("\n")[1]?.match(/at (?:\w+\.)?(?<name>\w+)/)?.groups.name??""} is called outside the <${e}>. ${t??""}`}}function c(e){const t=Object.entries(e);return t.sort(((e,t)=>e[0].localeCompare(t[0]))),(0,r.useMemo)((()=>e),t.flat())}function u(e){return t=>{let{children:n}=t;return(0,a.jsx)(a.Fragment,{children:e.reduceRight(((e,t)=>(0,a.jsx)(t,{children:e})),n)})}}},5130:(e,t,n)=>{"use strict";function r(e,t){return void 0!==e&&void 0!==t&&new RegExp(e,"gi").test(t)}n.d(t,{G:()=>r})},5763:(e,t,n)=>{"use strict";n.d(t,{Dt:()=>s,ys:()=>i});var r=n(758),o=n(1377),a=n(9143);function i(e,t){const n=e=>(!e||e.endsWith("/")?e:`${e}/`)?.toLowerCase();return n(e)===n(t)}function s(){const{baseUrl:e}=(0,a.A)().siteConfig;return(0,r.useMemo)((()=>function(e){let{baseUrl:t,routes:n}=e;function r(e){return e.path===t&&!0===e.exact}function o(e){return e.path===t&&!e.exact}return function e(t){if(0===t.length)return;return t.find(r)||e(t.filter(o).flatMap((e=>e.routes??[])))}(n)}({routes:o.A,baseUrl:e})),[e])}},9030:(e,t,n)=>{"use strict";n.d(t,{Mq:()=>p,Tv:()=>c,gk:()=>f});var r=n(758),o=n(3088),a=n(2630),i=(n(8302),n(4902)),s=n(6070);const l=r.createContext(void 0);function c(e){let{children:t}=e;const n=function(){const e=(0,r.useRef)(!0);return(0,r.useMemo)((()=>({scrollEventsEnabledRef:e,enableScrollEvents:()=>{e.current=!0},disableScrollEvents:()=>{e.current=!1}})),[])}();return(0,s.jsx)(l.Provider,{value:n,children:t})}function u(){const e=(0,r.useContext)(l);if(null==e)throw new i.dV("ScrollControllerProvider");return e}const d=()=>o.A.canUseDOM?{scrollX:window.pageXOffset,scrollY:window.pageYOffset}:null;function p(e,t){void 0===t&&(t=[]);const{scrollEventsEnabledRef:n}=u(),o=(0,r.useRef)(d()),a=(0,i._q)(e);(0,r.useEffect)((()=>{const e=()=>{if(!n.current)return;const e=d();a(e,o.current),o.current=e},t={passive:!0};return e(),window.addEventListener("scroll",e,t),()=>window.removeEventListener("scroll",e,t)}),[a,n,...t])}function f(){const e=(0,r.useRef)(null),t=(0,a.A)()&&"smooth"===getComputedStyle(document.documentElement).scrollBehavior;return{startScroll:n=>{e.current=t?function(e){return window.scrollTo({top:e,behavior:"smooth"}),()=>{}}(n):function(e){let t=null;const n=document.documentElement.scrollTop>e;return function r(){const o=document.documentElement.scrollTop;(n&&o>e||!n&&o<e)&&(t=requestAnimationFrame(r),window.scrollTo(0,Math.floor(.85*(o-e))+e))}(),()=>t&&cancelAnimationFrame(t)}(n)},cancelScroll:()=>e.current?.()}}},4937:(e,t,n)=>{"use strict";n.d(t,{C:()=>r});const r="default"},3349:(e,t,n)=>{"use strict";n.d(t,{Wf:()=>c});n(758);const r=JSON.parse('{"N":"localStorage","M":""}'),o=r.N;function a(e){let{key:t,oldValue:n,newValue:r,storage:o}=e;if(n===r)return;const a=document.createEvent("StorageEvent");a.initStorageEvent("storage",!1,!1,t,n,r,window.location.href,o),window.dispatchEvent(a)}function i(e){if(void 0===e&&(e=o),"undefined"==typeof window)throw new Error("Browser storage is not available on Node.js/Docusaurus SSR process.");if("none"===e)return null;try{return window[e]}catch(n){return t=n,s||(console.warn("Docusaurus browser storage is not available.\nPossible reasons: running Docusaurus in an iframe, in an incognito browser session, or using too strict browser privacy settings.",t),s=!0),null}var t}let s=!1;const l={get:()=>null,set:()=>{},del:()=>{},listen:()=>()=>{}};function c(e,t){const n=`${e}${r.M}`;if("undefined"==typeof window)return function(e){function t(){throw new Error(`Illegal storage API usage for storage key "${e}".\nDocusaurus storage APIs are not supposed to be called on the server-rendering process.\nPlease only call storage APIs in effects and event handlers.`)}return{get:t,set:t,del:t,listen:t}}(n);const o=i(t?.persistence);return null===o?l:{get:()=>{try{return o.getItem(n)}catch(e){return console.error(`Docusaurus storage error, can't get key=${n}`,e),null}},set:e=>{try{const t=o.getItem(n);o.setItem(n,e),a({key:n,oldValue:t,newValue:e,storage:o})}catch(t){console.error(`Docusaurus storage error, can't set ${n}=${e}`,t)}},del:()=>{try{const e=o.getItem(n);o.removeItem(n),a({key:n,oldValue:e,newValue:null,storage:o})}catch(e){console.error(`Docusaurus storage error, can't delete key=${n}`,e)}},listen:e=>{try{const t=t=>{t.storageArea===o&&t.key===n&&e(t)};return window.addEventListener("storage",t),()=>window.removeEventListener("storage",t)}catch(t){return console.error(`Docusaurus storage error, can't listen for changes of key=${n}`,t),()=>{}}}}}},1529:(e,t,n)=>{"use strict";n.d(t,{o:()=>i});var r=n(9143),o=n(5557),a=n(3509);function i(){const{siteConfig:{baseUrl:e,url:t,trailingSlash:n},i18n:{defaultLocale:i,currentLocale:s}}=(0,r.A)(),{pathname:l}=(0,o.zy)(),c=(0,a.Ks)(l,{trailingSlash:n,baseUrl:e}),u=s===i?e:e.replace(`/${s}/`,"/"),d=c.replace(e,"");return{createUrl:function(e){let{locale:n,fullyQualified:r}=e;return`${r?t:""}${function(e){return e===i?`${u}`:`${u}${e}/`}(n)}${d}`}}}},2360:(e,t,n)=>{"use strict";n.d(t,{$:()=>i});var r=n(758),o=n(5557),a=n(4902);function i(e){const t=(0,o.zy)(),n=(0,a.ZC)(t),i=(0,a._q)(e);(0,r.useEffect)((()=>{n&&t!==n&&i({location:t,previousLocation:n})}),[i,t,n])}},316:(e,t,n)=>{"use strict";n.d(t,{p:()=>o});var r=n(9143);function o(){return(0,r.A)().siteConfig.themeConfig}},7e3:(e,t,n)=>{"use strict";n.d(t,{c:()=>o});var r=n(9143);function o(){const{siteConfig:{themeConfig:e}}=(0,r.A)();return e}},1152:(e,t,n)=>{"use strict";n.d(t,{C:()=>s});var r=n(758),o=n(5130),a=n(5252),i=n(7e3);function s(){const{withBaseUrl:e}=(0,a.hH)(),{algolia:{externalUrlRegex:t,replaceSearchResultPathname:n}}=(0,i.c)();return(0,r.useCallback)((r=>{const a=new URL(r);if((0,o.G)(t,a.href))return r;const i=`${a.pathname+a.hash}`;return e(function(e,t){return t?e.replaceAll(new RegExp(t.from,"g"),t.to):e}(i,n))}),[e,t,n])}},1640:(e,t,n)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.addTrailingSlash=o,t.default=function(e,t){const{trailingSlash:n,baseUrl:r}=t;if(e.startsWith("#"))return e;if(void 0===n)return e;const[i]=e.split(/[#?]/),s="/"===i||i===r?i:(l=i,c=n,c?o(l):a(l));var l,c;return e.replace(i,s)},t.addLeadingSlash=function(e){return(0,r.addPrefix)(e,"/")},t.removeTrailingSlash=a;const r=n(239);function o(e){return e.endsWith("/")?e:`${e}/`}function a(e){return(0,r.removeSuffix)(e,"/")}},4814:(e,t)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.getErrorCausalChain=function e(t){if(t.cause)return[t,...e(t.cause)];return[t]}},3509:(e,t,n)=>{"use strict";t.rA=t.Ks=t.LU=void 0;const r=n(3422);t.LU="__blog-post-container";var o=n(1640);Object.defineProperty(t,"Ks",{enumerable:!0,get:function(){return r.__importDefault(o).default}});var a=n(239);var i=n(4814);Object.defineProperty(t,"rA",{enumerable:!0,get:function(){return i.getErrorCausalChain}})},239:(e,t)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.addPrefix=function(e,t){return e.startsWith(t)?e:`${t}${e}`},t.removeSuffix=function(e,t){if(""===t)return e;return e.endsWith(t)?e.slice(0,-t.length):e},t.addSuffix=function(e,t){return e.endsWith(t)?e:`${e}${t}`},t.removePrefix=function(e,t){return e.startsWith(t)?e.slice(t.length):e}},3332:(e,t,n)=>{"use strict";n.d(t,{zR:()=>w,TM:()=>C,yJ:()=>f,sC:()=>O,AO:()=>p});var r=n(991);function o(e){return"/"===e.charAt(0)}function a(e,t){for(var n=t,r=n+1,o=e.length;r<o;n+=1,r+=1)e[n]=e[r];e.pop()}const i=function(e,t){void 0===t&&(t="");var n,r=e&&e.split("/")||[],i=t&&t.split("/")||[],s=e&&o(e),l=t&&o(t),c=s||l;if(e&&o(e)?i=r:r.length&&(i.pop(),i=i.concat(r)),!i.length)return"/";if(i.length){var u=i[i.length-1];n="."===u||".."===u||""===u}else n=!1;for(var d=0,p=i.length;p>=0;p--){var f=i[p];"."===f?a(i,p):".."===f?(a(i,p),d++):d&&(a(i,p),d--)}if(!c)for(;d--;d)i.unshift("..");!c||""===i[0]||i[0]&&o(i[0])||i.unshift("");var m=i.join("/");return n&&"/"!==m.substr(-1)&&(m+="/"),m};var s=n(5385);function l(e){return"/"===e.charAt(0)?e:"/"+e}function c(e){return"/"===e.charAt(0)?e.substr(1):e}function u(e,t){return function(e,t){return 0===e.toLowerCase().indexOf(t.toLowerCase())&&-1!=="/?#".indexOf(e.charAt(t.length))}(e,t)?e.substr(t.length):e}function d(e){return"/"===e.charAt(e.length-1)?e.slice(0,-1):e}function p(e){var t=e.pathname,n=e.search,r=e.hash,o=t||"/";return n&&"?"!==n&&(o+="?"===n.charAt(0)?n:"?"+n),r&&"#"!==r&&(o+="#"===r.charAt(0)?r:"#"+r),o}function f(e,t,n,o){var a;"string"==typeof e?(a=function(e){var t=e||"/",n="",r="",o=t.indexOf("#");-1!==o&&(r=t.substr(o),t=t.substr(0,o));var a=t.indexOf("?");return-1!==a&&(n=t.substr(a),t=t.substr(0,a)),{pathname:t,search:"?"===n?"":n,hash:"#"===r?"":r}}(e),a.state=t):(void 0===(a=(0,r.A)({},e)).pathname&&(a.pathname=""),a.search?"?"!==a.search.charAt(0)&&(a.search="?"+a.search):a.search="",a.hash?"#"!==a.hash.charAt(0)&&(a.hash="#"+a.hash):a.hash="",void 0!==t&&void 0===a.state&&(a.state=t));try{a.pathname=decodeURI(a.pathname)}catch(s){throw s instanceof URIError?new URIError('Pathname "'+a.pathname+'" could not be decoded. This is likely caused by an invalid percent-encoding.'):s}return n&&(a.key=n),o?a.pathname?"/"!==a.pathname.charAt(0)&&(a.pathname=i(a.pathname,o.pathname)):a.pathname=o.pathname:a.pathname||(a.pathname="/"),a}function m(){var e=null;var t=[];return{setPrompt:function(t){return e=t,function(){e===t&&(e=null)}},confirmTransitionTo:function(t,n,r,o){if(null!=e){var a="function"==typeof e?e(t,n):e;"string"==typeof a?"function"==typeof r?r(a,o):o(!0):o(!1!==a)}else o(!0)},appendListener:function(e){var n=!0;function r(){n&&e.apply(void 0,arguments)}return t.push(r),function(){n=!1,t=t.filter((function(e){return e!==r}))}},notifyListeners:function(){for(var e=arguments.length,n=new Array(e),r=0;r<e;r++)n[r]=arguments[r];t.forEach((function(e){return e.apply(void 0,n)}))}}}var h=!("undefined"==typeof window||!window.document||!window.document.createElement);function g(e,t){t(window.confirm(e))}var b="popstate",y="hashchange";function v(){try{return window.history.state||{}}catch(e){return{}}}function w(e){void 0===e&&(e={}),h||(0,s.A)(!1);var t,n=window.history,o=(-1===(t=window.navigator.userAgent).indexOf("Android 2.")&&-1===t.indexOf("Android 4.0")||-1===t.indexOf("Mobile Safari")||-1!==t.indexOf("Chrome")||-1!==t.indexOf("Windows Phone"))&&window.history&&"pushState"in window.history,a=!(-1===window.navigator.userAgent.indexOf("Trident")),i=e,c=i.forceRefresh,w=void 0!==c&&c,S=i.getUserConfirmation,k=void 0===S?g:S,x=i.keyLength,E=void 0===x?6:x,_=e.basename?d(l(e.basename)):"";function C(e){var t=e||{},n=t.key,r=t.state,o=window.location,a=o.pathname+o.search+o.hash;return _&&(a=u(a,_)),f(a,r,n)}function j(){return Math.random().toString(36).substr(2,E)}var O=m();function A(e){(0,r.A)(U,e),U.length=n.length,O.notifyListeners(U.location,U.action)}function T(e){(function(e){return void 0===e.state&&-1===navigator.userAgent.indexOf("CriOS")})(e)||I(C(e.state))}function P(){I(C(v()))}var L=!1;function I(e){if(L)L=!1,A();else{O.confirmTransitionTo(e,"POP",k,(function(t){t?A({action:"POP",location:e}):function(e){var t=U.location,n=R.indexOf(t.key);-1===n&&(n=0);var r=R.indexOf(e.key);-1===r&&(r=0);var o=n-r;o&&(L=!0,M(o))}(e)}))}}var N=C(v()),R=[N.key];function D(e){return _+p(e)}function M(e){n.go(e)}var F=0;function z(e){1===(F+=e)&&1===e?(window.addEventListener(b,T),a&&window.addEventListener(y,P)):0===F&&(window.removeEventListener(b,T),a&&window.removeEventListener(y,P))}var B=!1;var U={length:n.length,action:"POP",location:N,createHref:D,push:function(e,t){var r="PUSH",a=f(e,t,j(),U.location);O.confirmTransitionTo(a,r,k,(function(e){if(e){var t=D(a),i=a.key,s=a.state;if(o)if(n.pushState({key:i,state:s},null,t),w)window.location.href=t;else{var l=R.indexOf(U.location.key),c=R.slice(0,l+1);c.push(a.key),R=c,A({action:r,location:a})}else window.location.href=t}}))},replace:function(e,t){var r="REPLACE",a=f(e,t,j(),U.location);O.confirmTransitionTo(a,r,k,(function(e){if(e){var t=D(a),i=a.key,s=a.state;if(o)if(n.replaceState({key:i,state:s},null,t),w)window.location.replace(t);else{var l=R.indexOf(U.location.key);-1!==l&&(R[l]=a.key),A({action:r,location:a})}else window.location.replace(t)}}))},go:M,goBack:function(){M(-1)},goForward:function(){M(1)},block:function(e){void 0===e&&(e=!1);var t=O.setPrompt(e);return B||(z(1),B=!0),function(){return B&&(B=!1,z(-1)),t()}},listen:function(e){var t=O.appendListener(e);return z(1),function(){z(-1),t()}}};return U}var S="hashchange",k={hashbang:{encodePath:function(e){return"!"===e.charAt(0)?e:"!/"+c(e)},decodePath:function(e){return"!"===e.charAt(0)?e.substr(1):e}},noslash:{encodePath:c,decodePath:l},slash:{encodePath:l,decodePath:l}};function x(e){var t=e.indexOf("#");return-1===t?e:e.slice(0,t)}function E(){var e=window.location.href,t=e.indexOf("#");return-1===t?"":e.substring(t+1)}function _(e){window.location.replace(x(window.location.href)+"#"+e)}function C(e){void 0===e&&(e={}),h||(0,s.A)(!1);var t=window.history,n=(window.navigator.userAgent.indexOf("Firefox"),e),o=n.getUserConfirmation,a=void 0===o?g:o,i=n.hashType,c=void 0===i?"slash":i,b=e.basename?d(l(e.basename)):"",y=k[c],v=y.encodePath,w=y.decodePath;function C(){var e=w(E());return b&&(e=u(e,b)),f(e)}var j=m();function O(e){(0,r.A)(B,e),B.length=t.length,j.notifyListeners(B.location,B.action)}var A=!1,T=null;function P(){var e,t,n=E(),r=v(n);if(n!==r)_(r);else{var o=C(),i=B.location;if(!A&&(t=o,(e=i).pathname===t.pathname&&e.search===t.search&&e.hash===t.hash))return;if(T===p(o))return;T=null,function(e){if(A)A=!1,O();else{var t="POP";j.confirmTransitionTo(e,t,a,(function(n){n?O({action:t,location:e}):function(e){var t=B.location,n=R.lastIndexOf(p(t));-1===n&&(n=0);var r=R.lastIndexOf(p(e));-1===r&&(r=0);var o=n-r;o&&(A=!0,D(o))}(e)}))}}(o)}}var L=E(),I=v(L);L!==I&&_(I);var N=C(),R=[p(N)];function D(e){t.go(e)}var M=0;function F(e){1===(M+=e)&&1===e?window.addEventListener(S,P):0===M&&window.removeEventListener(S,P)}var z=!1;var B={length:t.length,action:"POP",location:N,createHref:function(e){var t=document.querySelector("base"),n="";return t&&t.getAttribute("href")&&(n=x(window.location.href)),n+"#"+v(b+p(e))},push:function(e,t){var n="PUSH",r=f(e,void 0,void 0,B.location);j.confirmTransitionTo(r,n,a,(function(e){if(e){var t=p(r),o=v(b+t);if(E()!==o){T=t,function(e){window.location.hash=e}(o);var a=R.lastIndexOf(p(B.location)),i=R.slice(0,a+1);i.push(t),R=i,O({action:n,location:r})}else O()}}))},replace:function(e,t){var n="REPLACE",r=f(e,void 0,void 0,B.location);j.confirmTransitionTo(r,n,a,(function(e){if(e){var t=p(r),o=v(b+t);E()!==o&&(T=t,_(o));var a=R.indexOf(p(B.location));-1!==a&&(R[a]=t),O({action:n,location:r})}}))},go:D,goBack:function(){D(-1)},goForward:function(){D(1)},block:function(e){void 0===e&&(e=!1);var t=j.setPrompt(e);return z||(F(1),z=!0),function(){return z&&(z=!1,F(-1)),t()}},listen:function(e){var t=j.appendListener(e);return F(1),function(){F(-1),t()}}};return B}function j(e,t,n){return Math.min(Math.max(e,t),n)}function O(e){void 0===e&&(e={});var t=e,n=t.getUserConfirmation,o=t.initialEntries,a=void 0===o?["/"]:o,i=t.initialIndex,s=void 0===i?0:i,l=t.keyLength,c=void 0===l?6:l,u=m();function d(e){(0,r.A)(w,e),w.length=w.entries.length,u.notifyListeners(w.location,w.action)}function h(){return Math.random().toString(36).substr(2,c)}var g=j(s,0,a.length-1),b=a.map((function(e){return f(e,void 0,"string"==typeof e?h():e.key||h())})),y=p;function v(e){var t=j(w.index+e,0,w.entries.length-1),r=w.entries[t];u.confirmTransitionTo(r,"POP",n,(function(e){e?d({action:"POP",location:r,index:t}):d()}))}var w={length:b.length,action:"POP",location:b[g],index:g,entries:b,createHref:y,push:function(e,t){var r="PUSH",o=f(e,t,h(),w.location);u.confirmTransitionTo(o,r,n,(function(e){if(e){var t=w.index+1,n=w.entries.slice(0);n.length>t?n.splice(t,n.length-t,o):n.push(o),d({action:r,location:o,index:t,entries:n})}}))},replace:function(e,t){var r="REPLACE",o=f(e,t,h(),w.location);u.confirmTransitionTo(o,r,n,(function(e){e&&(w.entries[w.index]=o,d({action:r,location:o}))}))},go:v,goBack:function(){v(-1)},goForward:function(){v(1)},canGo:function(e){var t=w.index+e;return t>=0&&t<w.entries.length},block:function(e){return void 0===e&&(e=!1),u.setPrompt(e)},listen:function(e){return u.appendListener(e)}};return w}},1035:(e,t,n)=>{"use strict";var r=n(5959),o={childContextTypes:!0,contextType:!0,contextTypes:!0,defaultProps:!0,displayName:!0,getDefaultProps:!0,getDerivedStateFromError:!0,getDerivedStateFromProps:!0,mixins:!0,propTypes:!0,type:!0},a={name:!0,length:!0,prototype:!0,caller:!0,callee:!0,arguments:!0,arity:!0},i={$$typeof:!0,compare:!0,defaultProps:!0,displayName:!0,propTypes:!0,type:!0},s={};function l(e){return r.isMemo(e)?i:s[e.$$typeof]||o}s[r.ForwardRef]={$$typeof:!0,render:!0,defaultProps:!0,displayName:!0,propTypes:!0},s[r.Memo]=i;var c=Object.defineProperty,u=Object.getOwnPropertyNames,d=Object.getOwnPropertySymbols,p=Object.getOwnPropertyDescriptor,f=Object.getPrototypeOf,m=Object.prototype;e.exports=function e(t,n,r){if("string"!=typeof n){if(m){var o=f(n);o&&o!==m&&e(t,o,r)}var i=u(n);d&&(i=i.concat(d(n)));for(var s=l(t),h=l(n),g=0;g<i.length;++g){var b=i[g];if(!(a[b]||r&&r[b]||h&&h[b]||s&&s[b])){var y=p(n,b);try{c(t,b,y)}catch(v){}}}}return t}},9597:e=>{"use strict";e.exports=function(e,t,n,r,o,a,i,s){if(!e){var l;if(void 0===t)l=new Error("Minified exception occurred; use the non-minified dev environment for the full error message and additional helpful warnings.");else{var c=[n,r,o,a,i,s],u=0;(l=new Error(t.replace(/%s/g,(function(){return c[u++]})))).name="Invariant Violation"}throw l.framesToPop=1,l}}},5526:e=>{e.exports=Array.isArray||function(e){return"[object Array]"==Object.prototype.toString.call(e)}},8602:(e,t,n)=>{"use strict";n.r(t)},4504:(e,t,n)=>{"use strict";n.r(t)},8744:function(e,t,n){var r,o;r=function(){var e,t,n={version:"0.2.0"},r=n.settings={minimum:.08,easing:"ease",positionUsing:"",speed:200,trickle:!0,trickleRate:.02,trickleSpeed:800,showSpinner:!0,barSelector:'[role="bar"]',spinnerSelector:'[role="spinner"]',parent:"body",template:'<div class="bar" role="bar"><div class="peg"></div></div><div class="spinner" role="spinner"><div class="spinner-icon"></div></div>'};function o(e,t,n){return e<t?t:e>n?n:e}function a(e){return 100*(-1+e)}function i(e,t,n){var o;return(o="translate3d"===r.positionUsing?{transform:"translate3d("+a(e)+"%,0,0)"}:"translate"===r.positionUsing?{transform:"translate("+a(e)+"%,0)"}:{"margin-left":a(e)+"%"}).transition="all "+t+"ms "+n,o}n.configure=function(e){var t,n;for(t in e)void 0!==(n=e[t])&&e.hasOwnProperty(t)&&(r[t]=n);return this},n.status=null,n.set=function(e){var t=n.isStarted();e=o(e,r.minimum,1),n.status=1===e?null:e;var a=n.render(!t),c=a.querySelector(r.barSelector),u=r.speed,d=r.easing;return a.offsetWidth,s((function(t){""===r.positionUsing&&(r.positionUsing=n.getPositioningCSS()),l(c,i(e,u,d)),1===e?(l(a,{transition:"none",opacity:1}),a.offsetWidth,setTimeout((function(){l(a,{transition:"all "+u+"ms linear",opacity:0}),setTimeout((function(){n.remove(),t()}),u)}),u)):setTimeout(t,u)})),this},n.isStarted=function(){return"number"==typeof n.status},n.start=function(){n.status||n.set(0);var e=function(){setTimeout((function(){n.status&&(n.trickle(),e())}),r.trickleSpeed)};return r.trickle&&e(),this},n.done=function(e){return e||n.status?n.inc(.3+.5*Math.random()).set(1):this},n.inc=function(e){var t=n.status;return t?("number"!=typeof e&&(e=(1-t)*o(Math.random()*t,.1,.95)),t=o(t+e,0,.994),n.set(t)):n.start()},n.trickle=function(){return n.inc(Math.random()*r.trickleRate)},e=0,t=0,n.promise=function(r){return r&&"resolved"!==r.state()?(0===t&&n.start(),e++,t++,r.always((function(){0==--t?(e=0,n.done()):n.set((e-t)/e)})),this):this},n.render=function(e){if(n.isRendered())return document.getElementById("nprogress");u(document.documentElement,"nprogress-busy");var t=document.createElement("div");t.id="nprogress",t.innerHTML=r.template;var o,i=t.querySelector(r.barSelector),s=e?"-100":a(n.status||0),c=document.querySelector(r.parent);return l(i,{transition:"all 0 linear",transform:"translate3d("+s+"%,0,0)"}),r.showSpinner||(o=t.querySelector(r.spinnerSelector))&&f(o),c!=document.body&&u(c,"nprogress-custom-parent"),c.appendChild(t),t},n.remove=function(){d(document.documentElement,"nprogress-busy"),d(document.querySelector(r.parent),"nprogress-custom-parent");var e=document.getElementById("nprogress");e&&f(e)},n.isRendered=function(){return!!document.getElementById("nprogress")},n.getPositioningCSS=function(){var e=document.body.style,t="WebkitTransform"in e?"Webkit":"MozTransform"in e?"Moz":"msTransform"in e?"ms":"OTransform"in e?"O":"";return t+"Perspective"in e?"translate3d":t+"Transform"in e?"translate":"margin"};var s=function(){var e=[];function t(){var n=e.shift();n&&n(t)}return function(n){e.push(n),1==e.length&&t()}}(),l=function(){var e=["Webkit","O","Moz","ms"],t={};function n(e){return e.replace(/^-ms-/,"ms-").replace(/-([\da-z])/gi,(function(e,t){return t.toUpperCase()}))}function r(t){var n=document.body.style;if(t in n)return t;for(var r,o=e.length,a=t.charAt(0).toUpperCase()+t.slice(1);o--;)if((r=e[o]+a)in n)return r;return t}function o(e){return e=n(e),t[e]||(t[e]=r(e))}function a(e,t,n){t=o(t),e.style[t]=n}return function(e,t){var n,r,o=arguments;if(2==o.length)for(n in t)void 0!==(r=t[n])&&t.hasOwnProperty(n)&&a(e,n,r);else a(e,o[1],o[2])}}();function c(e,t){return("string"==typeof e?e:p(e)).indexOf(" "+t+" ")>=0}function u(e,t){var n=p(e),r=n+t;c(n,t)||(e.className=r.substring(1))}function d(e,t){var n,r=p(e);c(e,t)&&(n=r.replace(" "+t+" "," "),e.className=n.substring(1,n.length-1))}function p(e){return(" "+(e.className||"")+" ").replace(/\s+/gi," ")}function f(e){e&&e.parentNode&&e.parentNode.removeChild(e)}return n},void 0===(o="function"==typeof r?r.call(t,n,t,e):r)||(e.exports=o)},6150:(e,t,n)=>{var r=n(5526);e.exports=f,e.exports.parse=a,e.exports.compile=function(e,t){return s(a(e,t),t)},e.exports.tokensToFunction=s,e.exports.tokensToRegExp=p;var o=new RegExp(["(\\\\.)","([\\/.])?(?:(?:\\:(\\w+)(?:\\(((?:\\\\.|[^\\\\()])+)\\))?|\\(((?:\\\\.|[^\\\\()])+)\\))([+*?])?|(\\*))"].join("|"),"g");function a(e,t){for(var n,r=[],a=0,i=0,s="",u=t&&t.delimiter||"/";null!=(n=o.exec(e));){var d=n[0],p=n[1],f=n.index;if(s+=e.slice(i,f),i=f+d.length,p)s+=p[1];else{var m=e[i],h=n[2],g=n[3],b=n[4],y=n[5],v=n[6],w=n[7];s&&(r.push(s),s="");var S=null!=h&&null!=m&&m!==h,k="+"===v||"*"===v,x="?"===v||"*"===v,E=n[2]||u,_=b||y;r.push({name:g||a++,prefix:h||"",delimiter:E,optional:x,repeat:k,partial:S,asterisk:!!w,pattern:_?c(_):w?".*":"[^"+l(E)+"]+?"})}}return i<e.length&&(s+=e.substr(i)),s&&r.push(s),r}function i(e){return encodeURI(e).replace(/[\/?#]/g,(function(e){return"%"+e.charCodeAt(0).toString(16).toUpperCase()}))}function s(e,t){for(var n=new Array(e.length),o=0;o<e.length;o++)"object"==typeof e[o]&&(n[o]=new RegExp("^(?:"+e[o].pattern+")$",d(t)));return function(t,o){for(var a="",s=t||{},l=(o||{}).pretty?i:encodeURIComponent,c=0;c<e.length;c++){var u=e[c];if("string"!=typeof u){var d,p=s[u.name];if(null==p){if(u.optional){u.partial&&(a+=u.prefix);continue}throw new TypeError('Expected "'+u.name+'" to be defined')}if(r(p)){if(!u.repeat)throw new TypeError('Expected "'+u.name+'" to not repeat, but received `'+JSON.stringify(p)+"`");if(0===p.length){if(u.optional)continue;throw new TypeError('Expected "'+u.name+'" to not be empty')}for(var f=0;f<p.length;f++){if(d=l(p[f]),!n[c].test(d))throw new TypeError('Expected all "'+u.name+'" to match "'+u.pattern+'", but received `'+JSON.stringify(d)+"`");a+=(0===f?u.prefix:u.delimiter)+d}}else{if(d=u.asterisk?encodeURI(p).replace(/[?#]/g,(function(e){return"%"+e.charCodeAt(0).toString(16).toUpperCase()})):l(p),!n[c].test(d))throw new TypeError('Expected "'+u.name+'" to match "'+u.pattern+'", but received "'+d+'"');a+=u.prefix+d}}else a+=u}return a}}function l(e){return e.replace(/([.+*?=^!:${}()[\]|\/\\])/g,"\\$1")}function c(e){return e.replace(/([=!:$\/()])/g,"\\$1")}function u(e,t){return e.keys=t,e}function d(e){return e&&e.sensitive?"":"i"}function p(e,t,n){r(t)||(n=t||n,t=[]);for(var o=(n=n||{}).strict,a=!1!==n.end,i="",s=0;s<e.length;s++){var c=e[s];if("string"==typeof c)i+=l(c);else{var p=l(c.prefix),f="(?:"+c.pattern+")";t.push(c),c.repeat&&(f+="(?:"+p+f+")*"),i+=f=c.optional?c.partial?p+"("+f+")?":"(?:"+p+"("+f+"))?":p+"("+f+")"}}var m=l(n.delimiter||"/"),h=i.slice(-m.length)===m;return o||(i=(h?i.slice(0,-m.length):i)+"(?:"+m+"(?=$))?"),i+=a?"$":o&&h?"":"(?="+m+"|$)",u(new RegExp("^"+i,d(n)),t)}function f(e,t,n){return r(t)||(n=t||n,t=[]),n=n||{},e instanceof RegExp?function(e,t){var n=e.source.match(/\((?!\?)/g);if(n)for(var r=0;r<n.length;r++)t.push({name:r,prefix:null,delimiter:null,optional:!1,repeat:!1,partial:!1,asterisk:!1,pattern:null});return u(e,t)}(e,t):r(e)?function(e,t,n){for(var r=[],o=0;o<e.length;o++)r.push(f(e[o],t,n).source);return u(new RegExp("(?:"+r.join("|")+")",d(n)),t)}(e,t,n):function(e,t,n){return p(a(e,n),t,n)}(e,t,n)}},8468:(e,t,n)=>{"use strict";n.r(t),n.d(t,{default:()=>p});var r=n(4784),o=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},a=function(e){return"IMG"===e.tagName},i=function(e){return e&&1===e.nodeType},s=function(e){return".svg"===(e.currentSrc||e.src).substr(-4).toLowerCase()},l=function(e){try{return Array.isArray(e)?e.filter(a):function(e){return NodeList.prototype.isPrototypeOf(e)}(e)?[].slice.call(e).filter(a):i(e)?[e].filter(a):"string"==typeof e?[].slice.call(document.querySelectorAll(e)).filter(a):[]}catch(t){throw new TypeError("The provided selector is invalid.\nExpects a CSS selector, a Node element, a NodeList or an array.\nSee: https://github.com/francoischalifour/medium-zoom")}},c=function(e,t){var n=o({bubbles:!1,cancelable:!1,detail:void 0},t);if("function"==typeof window.CustomEvent)return new CustomEvent(e,n);var r=document.createEvent("CustomEvent");return r.initCustomEvent(e,n.bubbles,n.cancelable,n.detail),r};!function(e,t){void 0===t&&(t={});var n=t.insertAt;if(e&&"undefined"!=typeof document){var r=document.head||document.getElementsByTagName("head")[0],o=document.createElement("style");o.type="text/css","top"===n&&r.firstChild?r.insertBefore(o,r.firstChild):r.appendChild(o),o.styleSheet?o.styleSheet.cssText=e:o.appendChild(document.createTextNode(e))}}(".medium-zoom-overlay{position:fixed;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity .3s;will-change:opacity}.medium-zoom--opened .medium-zoom-overlay{cursor:pointer;cursor:zoom-out;opacity:1}.medium-zoom-image{cursor:pointer;cursor:zoom-in;transition:transform .3s cubic-bezier(.2,0,.2,1)!important}.medium-zoom-image--hidden{visibility:hidden}.medium-zoom-image--opened{position:relative;cursor:pointer;cursor:zoom-out;will-change:transform}");const u=function e(t){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},r=window.Promise||function(e){function t(){}e(t,t)},a=function(){for(var e=arguments.length,t=Array(e),n=0;n<e;n++)t[n]=arguments[n];var r=t.reduce((function(e,t){return[].concat(e,l(t))}),[]);return r.filter((function(e){return-1===f.indexOf(e)})).forEach((function(e){f.push(e),e.classList.add("medium-zoom-image")})),m.forEach((function(e){var t=e.type,n=e.listener,o=e.options;r.forEach((function(e){e.addEventListener(t,n,o)}))})),w},u=function(){var e=(arguments.length>0&&void 0!==arguments[0]?arguments[0]:{}).target,t=function(){var e={width:document.documentElement.clientWidth,height:document.documentElement.clientHeight,left:0,top:0,right:0,bottom:0},t=void 0,n=void 0;if(b.container)if(b.container instanceof Object)t=(e=o({},e,b.container)).width-e.left-e.right-2*b.margin,n=e.height-e.top-e.bottom-2*b.margin;else{var r=(i(b.container)?b.container:document.querySelector(b.container)).getBoundingClientRect(),a=r.width,l=r.height,c=r.left,u=r.top;e=o({},e,{width:a,height:l,left:c,top:u})}t=t||e.width-2*b.margin,n=n||e.height-2*b.margin;var d=y.zoomedHd||y.original,p=s(d)?t:d.naturalWidth||t,f=s(d)?n:d.naturalHeight||n,m=d.getBoundingClientRect(),h=m.top,g=m.left,v=m.width,w=m.height,S=Math.min(Math.max(v,p),t)/v,k=Math.min(Math.max(w,f),n)/w,x=Math.min(S,k),E="scale("+x+") translate3d("+((t-v)/2-g+b.margin+e.left)/x+"px, "+((n-w)/2-h+b.margin+e.top)/x+"px, 0)";y.zoomed.style.transform=E,y.zoomedHd&&(y.zoomedHd.style.transform=E)};return new r((function(n){if(e&&-1===f.indexOf(e))n(w);else{if(y.zoomed)n(w);else{if(e)y.original=e;else{if(!(f.length>0))return void n(w);var r=f;y.original=r[0]}if(y.original.dispatchEvent(c("medium-zoom:open",{detail:{zoom:w}})),g=window.pageYOffset||document.documentElement.scrollTop||document.body.scrollTop||0,h=!0,y.zoomed=function(e){var t=e.getBoundingClientRect(),n=t.top,r=t.left,o=t.width,a=t.height,i=e.cloneNode(),s=window.pageYOffset||document.documentElement.scrollTop||document.body.scrollTop||0,l=window.pageXOffset||document.documentElement.scrollLeft||document.body.scrollLeft||0;return i.removeAttribute("id"),i.style.position="absolute",i.style.top=n+s+"px",i.style.left=r+l+"px",i.style.width=o+"px",i.style.height=a+"px",i.style.transform="",i}(y.original),document.body.appendChild(v),b.template){var o=i(b.template)?b.template:document.querySelector(b.template);y.template=document.createElement("div"),y.template.appendChild(o.content.cloneNode(!0)),document.body.appendChild(y.template)}if(y.original.parentElement&&"PICTURE"===y.original.parentElement.tagName&&y.original.currentSrc&&(y.zoomed.src=y.original.currentSrc),document.body.appendChild(y.zoomed),window.requestAnimationFrame((function(){document.body.classList.add("medium-zoom--opened")})),y.original.classList.add("medium-zoom-image--hidden"),y.zoomed.classList.add("medium-zoom-image--opened"),y.zoomed.addEventListener("click",d),y.zoomed.addEventListener("transitionend",(function e(){h=!1,y.zoomed.removeEventListener("transitionend",e),y.original.dispatchEvent(c("medium-zoom:opened",{detail:{zoom:w}})),n(w)})),y.original.getAttribute("data-zoom-src")){y.zoomedHd=y.zoomed.cloneNode(),y.zoomedHd.removeAttribute("srcset"),y.zoomedHd.removeAttribute("sizes"),y.zoomedHd.removeAttribute("loading"),y.zoomedHd.src=y.zoomed.getAttribute("data-zoom-src"),y.zoomedHd.onerror=function(){clearInterval(a),console.warn("Unable to reach the zoom image target "+y.zoomedHd.src),y.zoomedHd=null,t()};var a=setInterval((function(){y.zoomedHd.complete&&(clearInterval(a),y.zoomedHd.classList.add("medium-zoom-image--opened"),y.zoomedHd.addEventListener("click",d),document.body.appendChild(y.zoomedHd),t())}),10)}else if(y.original.hasAttribute("srcset")){y.zoomedHd=y.zoomed.cloneNode(),y.zoomedHd.removeAttribute("sizes"),y.zoomedHd.removeAttribute("loading");var s=y.zoomedHd.addEventListener("load",(function(){y.zoomedHd.removeEventListener("load",s),y.zoomedHd.classList.add("medium-zoom-image--opened"),y.zoomedHd.addEventListener("click",d),document.body.appendChild(y.zoomedHd),t()}))}else t()}}}))},d=function(){return new r((function(e){if(!h&&y.original){h=!0,document.body.classList.remove("medium-zoom--opened"),y.zoomed.style.transform="",y.zoomedHd&&(y.zoomedHd.style.transform=""),y.template&&(y.template.style.transition="opacity 150ms",y.template.style.opacity=0),y.original.dispatchEvent(c("medium-zoom:close",{detail:{zoom:w}})),y.zoomed.addEventListener("transitionend",(function t(){y.original.classList.remove("medium-zoom-image--hidden"),document.body.removeChild(y.zoomed),y.zoomedHd&&document.body.removeChild(y.zoomedHd),document.body.removeChild(v),y.zoomed.classList.remove("medium-zoom-image--opened"),y.template&&document.body.removeChild(y.template),h=!1,y.zoomed.removeEventListener("transitionend",t),y.original.dispatchEvent(c("medium-zoom:closed",{detail:{zoom:w}})),y.original=null,y.zoomed=null,y.zoomedHd=null,y.template=null,e(w)}))}else e(w)}))},p=function(){var e=(arguments.length>0&&void 0!==arguments[0]?arguments[0]:{}).target;return y.original?d():u({target:e})},f=[],m=[],h=!1,g=0,b=n,y={original:null,zoomed:null,zoomedHd:null,template:null};"[object Object]"===Object.prototype.toString.call(t)?b=t:(t||"string"==typeof t)&&a(t);var v=function(e){var t=document.createElement("div");return t.classList.add("medium-zoom-overlay"),t.style.background=e,t}((b=o({margin:0,background:"#fff",scrollOffset:40,container:null,template:null},b)).background);document.addEventListener("click",(function(e){var t=e.target;t!==v?-1!==f.indexOf(t)&&p({target:t}):d()})),document.addEventListener("keyup",(function(e){var t=e.key||e.keyCode;"Escape"!==t&&"Esc"!==t&&27!==t||d()})),document.addEventListener("scroll",(function(){if(!h&&y.original){var e=window.pageYOffset||document.documentElement.scrollTop||document.body.scrollTop||0;Math.abs(g-e)>b.scrollOffset&&setTimeout(d,150)}})),window.addEventListener("resize",d);var w={open:u,close:d,toggle:p,update:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=e;if(e.background&&(v.style.background=e.background),e.container&&e.container instanceof Object&&(t.container=o({},b.container,e.container)),e.template){var n=i(e.template)?e.template:document.querySelector(e.template);t.template=n}return b=o({},b,t),f.forEach((function(e){e.dispatchEvent(c("medium-zoom:update",{detail:{zoom:w}}))})),w},clone:function(){return e(o({},b,arguments.length>0&&void 0!==arguments[0]?arguments[0]:{}))},attach:a,detach:function(){for(var e=arguments.length,t=Array(e),n=0;n<e;n++)t[n]=arguments[n];y.zoomed&&d();var r=t.length>0?t.reduce((function(e,t){return[].concat(e,l(t))}),[]):f;return r.forEach((function(e){e.classList.remove("medium-zoom-image"),e.dispatchEvent(c("medium-zoom:detach",{detail:{zoom:w}}))})),f=f.filter((function(e){return-1===r.indexOf(e)})),w},on:function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};return f.forEach((function(r){r.addEventListener("medium-zoom:"+e,t,n)})),m.push({type:"medium-zoom:"+e,listener:t,options:n}),w},off:function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};return f.forEach((function(r){r.removeEventListener("medium-zoom:"+e,t,n)})),m=m.filter((function(n){return!(n.type==="medium-zoom:"+e&&n.listener.toString()===t.toString())})),w},getOptions:function(){return b},getImages:function(){return f},getZoomedImage:function(){return y.original}};return w},{themeConfig:d}=r.default,p=function(){if("undefined"==typeof window)return null;const{zoomSelector:e=".markdown img"}=d,{imageZoom:{selector:t=e,options:n}={}}=d;return setTimeout((()=>{u(t,n)}),1e3),{onRouteUpdate({location:e,previousLocation:r}){e&&e.hash&&e.hash.length||r&&e.pathname!==r.pathname&&setTimeout((()=>{u(t,n)}),1e3)}}}()},9227:e=>{e.exports&&(e.exports={core:{meta:{path:"components/prism-core.js",option:"mandatory"},core:"Core"},themes:{meta:{path:"themes/{id}.css",link:"index.html?theme={id}",exclusive:!0},prism:{title:"Default",option:"default"},"prism-dark":"Dark","prism-funky":"Funky","prism-okaidia":{title:"Okaidia",owner:"ocodia"},"prism-twilight":{title:"Twilight",owner:"remybach"},"prism-coy":{title:"Coy",owner:"tshedor"},"prism-solarizedlight":{title:"Solarized Light",owner:"hectormatos2011 "},"prism-tomorrow":{title:"Tomorrow Night",owner:"Rosey"}},languages:{meta:{path:"components/prism-{id}",noCSS:!0,examplesPath:"examples/prism-{id}",addCheckAll:!0},markup:{title:"Markup",alias:["html","xml","svg","mathml","ssml","atom","rss"],aliasTitles:{html:"HTML",xml:"XML",svg:"SVG",mathml:"MathML",ssml:"SSML",atom:"Atom",rss:"RSS"},option:"default"},css:{title:"CSS",option:"default",modify:"markup"},clike:{title:"C-like",option:"default"},javascript:{title:"JavaScript",require:"clike",modify:"markup",optional:"regex",alias:"js",option:"default"},abap:{title:"ABAP",owner:"dellagustin"},abnf:{title:"ABNF",owner:"RunDevelopment"},actionscript:{title:"ActionScript",require:"javascript",modify:"markup",owner:"Golmote"},ada:{title:"Ada",owner:"Lucretia"},agda:{title:"Agda",owner:"xy-ren"},al:{title:"AL",owner:"RunDevelopment"},antlr4:{title:"ANTLR4",alias:"g4",owner:"RunDevelopment"},apacheconf:{title:"Apache Configuration",owner:"GuiTeK"},apex:{title:"Apex",require:["clike","sql"],owner:"RunDevelopment"},apl:{title:"APL",owner:"ngn"},applescript:{title:"AppleScript",owner:"Golmote"},aql:{title:"AQL",owner:"RunDevelopment"},arduino:{title:"Arduino",require:"cpp",alias:"ino",owner:"dkern"},arff:{title:"ARFF",owner:"Golmote"},armasm:{title:"ARM Assembly",alias:"arm-asm",owner:"RunDevelopment"},arturo:{title:"Arturo",alias:"art",optional:["bash","css","javascript","markup","markdown","sql"],owner:"drkameleon"},asciidoc:{alias:"adoc",title:"AsciiDoc",owner:"Golmote"},aspnet:{title:"ASP.NET (C#)",require:["markup","csharp"],owner:"nauzilus"},asm6502:{title:"6502 Assembly",owner:"kzurawel"},asmatmel:{title:"Atmel AVR Assembly",owner:"cerkit"},autohotkey:{title:"AutoHotkey",owner:"aviaryan"},autoit:{title:"AutoIt",owner:"Golmote"},avisynth:{title:"AviSynth",alias:"avs",owner:"Zinfidel"},"avro-idl":{title:"Avro IDL",alias:"avdl",owner:"RunDevelopment"},awk:{title:"AWK",alias:"gawk",aliasTitles:{gawk:"GAWK"},owner:"RunDevelopment"},bash:{title:"Bash",alias:["sh","shell"],aliasTitles:{sh:"Shell",shell:"Shell"},owner:"zeitgeist87"},basic:{title:"BASIC",owner:"Golmote"},batch:{title:"Batch",owner:"Golmote"},bbcode:{title:"BBcode",alias:"shortcode",aliasTitles:{shortcode:"Shortcode"},owner:"RunDevelopment"},bbj:{title:"BBj",owner:"hyyan"},bicep:{title:"Bicep",owner:"johnnyreilly"},birb:{title:"Birb",require:"clike",owner:"Calamity210"},bison:{title:"Bison",require:"c",owner:"Golmote"},bnf:{title:"BNF",alias:"rbnf",aliasTitles:{rbnf:"RBNF"},owner:"RunDevelopment"},bqn:{title:"BQN",owner:"yewscion"},brainfuck:{title:"Brainfuck",owner:"Golmote"},brightscript:{title:"BrightScript",owner:"RunDevelopment"},bro:{title:"Bro",owner:"wayward710"},bsl:{title:"BSL (1C:Enterprise)",alias:"oscript",aliasTitles:{oscript:"OneScript"},owner:"Diversus23"},c:{title:"C",require:"clike",owner:"zeitgeist87"},csharp:{title:"C#",require:"clike",alias:["cs","dotnet"],owner:"mvalipour"},cpp:{title:"C++",require:"c",owner:"zeitgeist87"},cfscript:{title:"CFScript",require:"clike",alias:"cfc",owner:"mjclemente"},chaiscript:{title:"ChaiScript",require:["clike","cpp"],owner:"RunDevelopment"},cil:{title:"CIL",owner:"sbrl"},cilkc:{title:"Cilk/C",require:"c",alias:"cilk-c",owner:"OpenCilk"},cilkcpp:{title:"Cilk/C++",require:"cpp",alias:["cilk-cpp","cilk"],owner:"OpenCilk"},clojure:{title:"Clojure",owner:"troglotit"},cmake:{title:"CMake",owner:"mjrogozinski"},cobol:{title:"COBOL",owner:"RunDevelopment"},coffeescript:{title:"CoffeeScript",require:"javascript",alias:"coffee",owner:"R-osey"},concurnas:{title:"Concurnas",alias:"conc",owner:"jasontatton"},csp:{title:"Content-Security-Policy",owner:"ScottHelme"},cooklang:{title:"Cooklang",owner:"ahue"},coq:{title:"Coq",owner:"RunDevelopment"},crystal:{title:"Crystal",require:"ruby",owner:"MakeNowJust"},"css-extras":{title:"CSS Extras",require:"css",modify:"css",owner:"milesj"},csv:{title:"CSV",owner:"RunDevelopment"},cue:{title:"CUE",owner:"RunDevelopment"},cypher:{title:"Cypher",owner:"RunDevelopment"},d:{title:"D",require:"clike",owner:"Golmote"},dart:{title:"Dart",require:"clike",owner:"Golmote"},dataweave:{title:"DataWeave",owner:"machaval"},dax:{title:"DAX",owner:"peterbud"},dhall:{title:"Dhall",owner:"RunDevelopment"},diff:{title:"Diff",owner:"uranusjr"},django:{title:"Django/Jinja2",require:"markup-templating",alias:"jinja2",owner:"romanvm"},"dns-zone-file":{title:"DNS zone file",owner:"RunDevelopment",alias:"dns-zone"},docker:{title:"Docker",alias:"dockerfile",owner:"JustinBeckwith"},dot:{title:"DOT (Graphviz)",alias:"gv",optional:"markup",owner:"RunDevelopment"},ebnf:{title:"EBNF",owner:"RunDevelopment"},editorconfig:{title:"EditorConfig",owner:"osipxd"},eiffel:{title:"Eiffel",owner:"Conaclos"},ejs:{title:"EJS",require:["javascript","markup-templating"],owner:"RunDevelopment",alias:"eta",aliasTitles:{eta:"Eta"}},elixir:{title:"Elixir",owner:"Golmote"},elm:{title:"Elm",owner:"zwilias"},etlua:{title:"Embedded Lua templating",require:["lua","markup-templating"],owner:"RunDevelopment"},erb:{title:"ERB",require:["ruby","markup-templating"],owner:"Golmote"},erlang:{title:"Erlang",owner:"Golmote"},"excel-formula":{title:"Excel Formula",alias:["xlsx","xls"],owner:"RunDevelopment"},fsharp:{title:"F#",require:"clike",owner:"simonreynolds7"},factor:{title:"Factor",owner:"catb0t"},false:{title:"False",owner:"edukisto"},"firestore-security-rules":{title:"Firestore security rules",require:"clike",owner:"RunDevelopment"},flow:{title:"Flow",require:"javascript",owner:"Golmote"},fortran:{title:"Fortran",owner:"Golmote"},ftl:{title:"FreeMarker Template Language",require:"markup-templating",owner:"RunDevelopment"},gml:{title:"GameMaker Language",alias:"gamemakerlanguage",require:"clike",owner:"LiarOnce"},gap:{title:"GAP (CAS)",owner:"RunDevelopment"},gcode:{title:"G-code",owner:"RunDevelopment"},gdscript:{title:"GDScript",owner:"RunDevelopment"},gedcom:{title:"GEDCOM",owner:"Golmote"},gettext:{title:"gettext",alias:"po",owner:"RunDevelopment"},gherkin:{title:"Gherkin",owner:"hason"},git:{title:"Git",owner:"lgiraudel"},glsl:{title:"GLSL",require:"c",owner:"Golmote"},gn:{title:"GN",alias:"gni",owner:"RunDevelopment"},"linker-script":{title:"GNU Linker Script",alias:"ld",owner:"RunDevelopment"},go:{title:"Go",require:"clike",owner:"arnehormann"},"go-module":{title:"Go module",alias:"go-mod",owner:"RunDevelopment"},gradle:{title:"Gradle",require:"clike",owner:"zeabdelkhalek-badido18"},graphql:{title:"GraphQL",optional:"markdown",owner:"Golmote"},groovy:{title:"Groovy",require:"clike",owner:"robfletcher"},haml:{title:"Haml",require:"ruby",optional:["css","css-extras","coffeescript","erb","javascript","less","markdown","scss","textile"],owner:"Golmote"},handlebars:{title:"Handlebars",require:"markup-templating",alias:["hbs","mustache"],aliasTitles:{mustache:"Mustache"},owner:"Golmote"},haskell:{title:"Haskell",alias:"hs",owner:"bholst"},haxe:{title:"Haxe",require:"clike",optional:"regex",owner:"Golmote"},hcl:{title:"HCL",owner:"outsideris"},hlsl:{title:"HLSL",require:"c",owner:"RunDevelopment"},hoon:{title:"Hoon",owner:"matildepark"},http:{title:"HTTP",optional:["csp","css","hpkp","hsts","javascript","json","markup","uri"],owner:"danielgtaylor"},hpkp:{title:"HTTP Public-Key-Pins",owner:"ScottHelme"},hsts:{title:"HTTP Strict-Transport-Security",owner:"ScottHelme"},ichigojam:{title:"IchigoJam",owner:"BlueCocoa"},icon:{title:"Icon",owner:"Golmote"},"icu-message-format":{title:"ICU Message Format",owner:"RunDevelopment"},idris:{title:"Idris",alias:"idr",owner:"KeenS",require:"haskell"},ignore:{title:".ignore",owner:"osipxd",alias:["gitignore","hgignore","npmignore"],aliasTitles:{gitignore:".gitignore",hgignore:".hgignore",npmignore:".npmignore"}},inform7:{title:"Inform 7",owner:"Golmote"},ini:{title:"Ini",owner:"aviaryan"},io:{title:"Io",owner:"AlesTsurko"},j:{title:"J",owner:"Golmote"},java:{title:"Java",require:"clike",owner:"sherblot"},javadoc:{title:"JavaDoc",require:["markup","java","javadoclike"],modify:"java",optional:"scala",owner:"RunDevelopment"},javadoclike:{title:"JavaDoc-like",modify:["java","javascript","php"],owner:"RunDevelopment"},javastacktrace:{title:"Java stack trace",owner:"RunDevelopment"},jexl:{title:"Jexl",owner:"czosel"},jolie:{title:"Jolie",require:"clike",owner:"thesave"},jq:{title:"JQ",owner:"RunDevelopment"},jsdoc:{title:"JSDoc",require:["javascript","javadoclike","typescript"],modify:"javascript",optional:["actionscript","coffeescript"],owner:"RunDevelopment"},"js-extras":{title:"JS Extras",require:"javascript",modify:"javascript",optional:["actionscript","coffeescript","flow","n4js","typescript"],owner:"RunDevelopment"},json:{title:"JSON",alias:"webmanifest",aliasTitles:{webmanifest:"Web App Manifest"},owner:"CupOfTea696"},json5:{title:"JSON5",require:"json",owner:"RunDevelopment"},jsonp:{title:"JSONP",require:"json",owner:"RunDevelopment"},jsstacktrace:{title:"JS stack trace",owner:"sbrl"},"js-templates":{title:"JS Templates",require:"javascript",modify:"javascript",optional:["css","css-extras","graphql","markdown","markup","sql"],owner:"RunDevelopment"},julia:{title:"Julia",owner:"cdagnino"},keepalived:{title:"Keepalived Configure",owner:"dev-itsheng"},keyman:{title:"Keyman",owner:"mcdurdin"},kotlin:{title:"Kotlin",alias:["kt","kts"],aliasTitles:{kts:"Kotlin Script"},require:"clike",owner:"Golmote"},kumir:{title:"KuMir (\u041a\u0443\u041c\u0438\u0440)",alias:"kum",owner:"edukisto"},kusto:{title:"Kusto",owner:"RunDevelopment"},latex:{title:"LaTeX",alias:["tex","context"],aliasTitles:{tex:"TeX",context:"ConTeXt"},owner:"japborst"},latte:{title:"Latte",require:["clike","markup-templating","php"],owner:"nette"},less:{title:"Less",require:"css",optional:"css-extras",owner:"Golmote"},lilypond:{title:"LilyPond",require:"scheme",alias:"ly",owner:"RunDevelopment"},liquid:{title:"Liquid",require:"markup-templating",owner:"cinhtau"},lisp:{title:"Lisp",alias:["emacs","elisp","emacs-lisp"],owner:"JuanCaicedo"},livescript:{title:"LiveScript",owner:"Golmote"},llvm:{title:"LLVM IR",owner:"porglezomp"},log:{title:"Log file",optional:"javastacktrace",owner:"RunDevelopment"},lolcode:{title:"LOLCODE",owner:"Golmote"},lua:{title:"Lua",owner:"Golmote"},magma:{title:"Magma (CAS)",owner:"RunDevelopment"},makefile:{title:"Makefile",owner:"Golmote"},markdown:{title:"Markdown",require:"markup",optional:"yaml",alias:"md",owner:"Golmote"},"markup-templating":{title:"Markup templating",require:"markup",owner:"Golmote"},mata:{title:"Mata",owner:"RunDevelopment"},matlab:{title:"MATLAB",owner:"Golmote"},maxscript:{title:"MAXScript",owner:"RunDevelopment"},mel:{title:"MEL",owner:"Golmote"},mermaid:{title:"Mermaid",owner:"RunDevelopment"},metafont:{title:"METAFONT",owner:"LaeriExNihilo"},mizar:{title:"Mizar",owner:"Golmote"},mongodb:{title:"MongoDB",owner:"airs0urce",require:"javascript"},monkey:{title:"Monkey",owner:"Golmote"},moonscript:{title:"MoonScript",alias:"moon",owner:"RunDevelopment"},n1ql:{title:"N1QL",owner:"TMWilds"},n4js:{title:"N4JS",require:"javascript",optional:"jsdoc",alias:"n4jsd",owner:"bsmith-n4"},"nand2tetris-hdl":{title:"Nand To Tetris HDL",owner:"stephanmax"},naniscript:{title:"Naninovel Script",owner:"Elringus",alias:"nani"},nasm:{title:"NASM",owner:"rbmj"},neon:{title:"NEON",owner:"nette"},nevod:{title:"Nevod",owner:"nezaboodka"},nginx:{title:"nginx",owner:"volado"},nim:{title:"Nim",owner:"Golmote"},nix:{title:"Nix",owner:"Golmote"},nsis:{title:"NSIS",owner:"idleberg"},objectivec:{title:"Objective-C",require:"c",alias:"objc",owner:"uranusjr"},ocaml:{title:"OCaml",owner:"Golmote"},odin:{title:"Odin",owner:"edukisto"},opencl:{title:"OpenCL",require:"c",modify:["c","cpp"],owner:"Milania1"},openqasm:{title:"OpenQasm",alias:"qasm",owner:"RunDevelopment"},oz:{title:"Oz",owner:"Golmote"},parigp:{title:"PARI/GP",owner:"Golmote"},parser:{title:"Parser",require:"markup",owner:"Golmote"},pascal:{title:"Pascal",alias:"objectpascal",aliasTitles:{objectpascal:"Object Pascal"},owner:"Golmote"},pascaligo:{title:"Pascaligo",owner:"DefinitelyNotAGoat"},psl:{title:"PATROL Scripting Language",owner:"bertysentry"},pcaxis:{title:"PC-Axis",alias:"px",owner:"RunDevelopment"},peoplecode:{title:"PeopleCode",alias:"pcode",owner:"RunDevelopment"},perl:{title:"Perl",owner:"Golmote"},php:{title:"PHP",require:"markup-templating",owner:"milesj"},phpdoc:{title:"PHPDoc",require:["php","javadoclike"],modify:"php",owner:"RunDevelopment"},"php-extras":{title:"PHP Extras",require:"php",modify:"php",owner:"milesj"},"plant-uml":{title:"PlantUML",alias:"plantuml",owner:"RunDevelopment"},plsql:{title:"PL/SQL",require:"sql",owner:"Golmote"},powerquery:{title:"PowerQuery",alias:["pq","mscript"],owner:"peterbud"},powershell:{title:"PowerShell",owner:"nauzilus"},processing:{title:"Processing",require:"clike",owner:"Golmote"},prolog:{title:"Prolog",owner:"Golmote"},promql:{title:"PromQL",owner:"arendjr"},properties:{title:".properties",owner:"Golmote"},protobuf:{title:"Protocol Buffers",require:"clike",owner:"just-boris"},pug:{title:"Pug",require:["markup","javascript"],optional:["coffeescript","ejs","handlebars","less","livescript","markdown","scss","stylus","twig"],owner:"Golmote"},puppet:{title:"Puppet",owner:"Golmote"},pure:{title:"Pure",optional:["c","cpp","fortran"],owner:"Golmote"},purebasic:{title:"PureBasic",require:"clike",alias:"pbfasm",owner:"HeX0R101"},purescript:{title:"PureScript",require:"haskell",alias:"purs",owner:"sriharshachilakapati"},python:{title:"Python",alias:"py",owner:"multipetros"},qsharp:{title:"Q#",require:"clike",alias:"qs",owner:"fedonman"},q:{title:"Q (kdb+ database)",owner:"Golmote"},qml:{title:"QML",require:"javascript",owner:"RunDevelopment"},qore:{title:"Qore",require:"clike",owner:"temnroegg"},r:{title:"R",owner:"Golmote"},racket:{title:"Racket",require:"scheme",alias:"rkt",owner:"RunDevelopment"},cshtml:{title:"Razor C#",alias:"razor",require:["markup","csharp"],optional:["css","css-extras","javascript","js-extras"],owner:"RunDevelopment"},jsx:{title:"React JSX",require:["markup","javascript"],optional:["jsdoc","js-extras","js-templates"],owner:"vkbansal"},tsx:{title:"React TSX",require:["jsx","typescript"]},reason:{title:"Reason",require:"clike",owner:"Golmote"},regex:{title:"Regex",owner:"RunDevelopment"},rego:{title:"Rego",owner:"JordanSh"},renpy:{title:"Ren'py",alias:"rpy",owner:"HyuchiaDiego"},rescript:{title:"ReScript",alias:"res",owner:"vmarcosp"},rest:{title:"reST (reStructuredText)",owner:"Golmote"},rip:{title:"Rip",owner:"ravinggenius"},roboconf:{title:"Roboconf",owner:"Golmote"},robotframework:{title:"Robot Framework",alias:"robot",owner:"RunDevelopment"},ruby:{title:"Ruby",require:"clike",alias:"rb",owner:"samflores"},rust:{title:"Rust",owner:"Golmote"},sas:{title:"SAS",optional:["groovy","lua","sql"],owner:"Golmote"},sass:{title:"Sass (Sass)",require:"css",optional:"css-extras",owner:"Golmote"},scss:{title:"Sass (SCSS)",require:"css",optional:"css-extras",owner:"MoOx"},scala:{title:"Scala",require:"java",owner:"jozic"},scheme:{title:"Scheme",owner:"bacchus123"},"shell-session":{title:"Shell session",require:"bash",alias:["sh-session","shellsession"],owner:"RunDevelopment"},smali:{title:"Smali",owner:"RunDevelopment"},smalltalk:{title:"Smalltalk",owner:"Golmote"},smarty:{title:"Smarty",require:"markup-templating",optional:"php",owner:"Golmote"},sml:{title:"SML",alias:"smlnj",aliasTitles:{smlnj:"SML/NJ"},owner:"RunDevelopment"},solidity:{title:"Solidity (Ethereum)",alias:"sol",require:"clike",owner:"glachaud"},"solution-file":{title:"Solution file",alias:"sln",owner:"RunDevelopment"},soy:{title:"Soy (Closure Template)",require:"markup-templating",owner:"Golmote"},sparql:{title:"SPARQL",require:"turtle",owner:"Triply-Dev",alias:"rq"},"splunk-spl":{title:"Splunk SPL",owner:"RunDevelopment"},sqf:{title:"SQF: Status Quo Function (Arma 3)",require:"clike",owner:"RunDevelopment"},sql:{title:"SQL",owner:"multipetros"},squirrel:{title:"Squirrel",require:"clike",owner:"RunDevelopment"},stan:{title:"Stan",owner:"RunDevelopment"},stata:{title:"Stata Ado",require:["mata","java","python"],owner:"RunDevelopment"},iecst:{title:"Structured Text (IEC 61131-3)",owner:"serhioromano"},stylus:{title:"Stylus",owner:"vkbansal"},supercollider:{title:"SuperCollider",alias:"sclang",owner:"RunDevelopment"},swift:{title:"Swift",owner:"chrischares"},systemd:{title:"Systemd configuration file",owner:"RunDevelopment"},"t4-templating":{title:"T4 templating",owner:"RunDevelopment"},"t4-cs":{title:"T4 Text Templates (C#)",require:["t4-templating","csharp"],alias:"t4",owner:"RunDevelopment"},"t4-vb":{title:"T4 Text Templates (VB)",require:["t4-templating","vbnet"],owner:"RunDevelopment"},tap:{title:"TAP",owner:"isaacs",require:"yaml"},tcl:{title:"Tcl",owner:"PeterChaplin"},tt2:{title:"Template Toolkit 2",require:["clike","markup-templating"],owner:"gflohr"},textile:{title:"Textile",require:"markup",optional:"css",owner:"Golmote"},toml:{title:"TOML",owner:"RunDevelopment"},tremor:{title:"Tremor",alias:["trickle","troy"],owner:"darach",aliasTitles:{trickle:"trickle",troy:"troy"}},turtle:{title:"Turtle",alias:"trig",aliasTitles:{trig:"TriG"},owner:"jakubklimek"},twig:{title:"Twig",require:"markup-templating",owner:"brandonkelly"},typescript:{title:"TypeScript",require:"javascript",optional:"js-templates",alias:"ts",owner:"vkbansal"},typoscript:{title:"TypoScript",alias:"tsconfig",aliasTitles:{tsconfig:"TSConfig"},owner:"dkern"},unrealscript:{title:"UnrealScript",alias:["uscript","uc"],owner:"RunDevelopment"},uorazor:{title:"UO Razor Script",owner:"jaseowns"},uri:{title:"URI",alias:"url",aliasTitles:{url:"URL"},owner:"RunDevelopment"},v:{title:"V",require:"clike",owner:"taggon"},vala:{title:"Vala",require:"clike",optional:"regex",owner:"TemplarVolk"},vbnet:{title:"VB.Net",require:"basic",owner:"Bigsby"},velocity:{title:"Velocity",require:"markup",owner:"Golmote"},verilog:{title:"Verilog",owner:"a-rey"},vhdl:{title:"VHDL",owner:"a-rey"},vim:{title:"vim",owner:"westonganger"},"visual-basic":{title:"Visual Basic",alias:["vb","vba"],aliasTitles:{vba:"VBA"},owner:"Golmote"},warpscript:{title:"WarpScript",owner:"RunDevelopment"},wasm:{title:"WebAssembly",owner:"Golmote"},"web-idl":{title:"Web IDL",alias:"webidl",owner:"RunDevelopment"},wgsl:{title:"WGSL",owner:"Dr4gonthree"},wiki:{title:"Wiki markup",require:"markup",owner:"Golmote"},wolfram:{title:"Wolfram language",alias:["mathematica","nb","wl"],aliasTitles:{mathematica:"Mathematica",nb:"Mathematica Notebook"},owner:"msollami"},wren:{title:"Wren",owner:"clsource"},xeora:{title:"Xeora",require:"markup",alias:"xeoracube",aliasTitles:{xeoracube:"XeoraCube"},owner:"freakmaxi"},"xml-doc":{title:"XML doc (.net)",require:"markup",modify:["csharp","fsharp","vbnet"],owner:"RunDevelopment"},xojo:{title:"Xojo (REALbasic)",owner:"Golmote"},xquery:{title:"XQuery",require:"markup",owner:"Golmote"},yaml:{title:"YAML",alias:"yml",owner:"hason"},yang:{title:"YANG",owner:"RunDevelopment"},zig:{title:"Zig",owner:"RunDevelopment"}},plugins:{meta:{path:"plugins/{id}/prism-{id}",link:"plugins/{id}/"},"line-highlight":{title:"Line Highlight",description:"Highlights specific lines and/or line ranges."},"line-numbers":{title:"Line Numbers",description:"Line number at the beginning of code lines.",owner:"kuba-kubula"},"show-invisibles":{title:"Show Invisibles",description:"Show hidden characters such as tabs and line breaks.",optional:["autolinker","data-uri-highlight"]},autolinker:{title:"Autolinker",description:"Converts URLs and emails in code to clickable links. Parses Markdown links in comments."},wpd:{title:"WebPlatform Docs",description:'Makes tokens link to <a href="https://webplatform.github.io/docs/">WebPlatform.org documentation</a>. The links open in a new tab.'},"custom-class":{title:"Custom Class",description:"This plugin allows you to prefix Prism's default classes (<code>.comment</code> can become <code>.namespace--comment</code>) or replace them with your defined ones (like <code>.editor__comment</code>). You can even add new classes.",owner:"dvkndn",noCSS:!0},"file-highlight":{title:"File Highlight",description:"Fetch external files and highlight them with Prism. Used on the Prism website itself.",noCSS:!0},"show-language":{title:"Show Language",description:"Display the highlighted language in code blocks (inline code does not show the label).",owner:"nauzilus",noCSS:!0,require:"toolbar"},"jsonp-highlight":{title:"JSONP Highlight",description:"Fetch content with JSONP and highlight some interesting content (e.g. GitHub/Gists or Bitbucket API).",noCSS:!0,owner:"nauzilus"},"highlight-keywords":{title:"Highlight Keywords",description:"Adds special CSS classes for each keyword for fine-grained highlighting.",owner:"vkbansal",noCSS:!0},"remove-initial-line-feed":{title:"Remove initial line feed",description:"Removes the initial line feed in code blocks.",owner:"Golmote",noCSS:!0},"inline-color":{title:"Inline color",description:"Adds a small inline preview for colors in style sheets.",require:"css-extras",owner:"RunDevelopment"},previewers:{title:"Previewers",description:"Previewers for angles, colors, gradients, easing and time.",require:"css-extras",owner:"Golmote"},autoloader:{title:"Autoloader",description:"Automatically loads the needed languages to highlight the code blocks.",owner:"Golmote",noCSS:!0},"keep-markup":{title:"Keep Markup",description:"Prevents custom markup from being dropped out during highlighting.",owner:"Golmote",optional:"normalize-whitespace",noCSS:!0},"command-line":{title:"Command Line",description:"Display a command line with a prompt and, optionally, the output/response from the commands.",owner:"chriswells0"},"unescaped-markup":{title:"Unescaped Markup",description:"Write markup without having to escape anything."},"normalize-whitespace":{title:"Normalize Whitespace",description:"Supports multiple operations to normalize whitespace in code blocks.",owner:"zeitgeist87",optional:"unescaped-markup",noCSS:!0},"data-uri-highlight":{title:"Data-URI Highlight",description:"Highlights data-URI contents.",owner:"Golmote",noCSS:!0},toolbar:{title:"Toolbar",description:"Attach a toolbar for plugins to easily register buttons on the top of a code block.",owner:"mAAdhaTTah"},"copy-to-clipboard":{title:"Copy to Clipboard Button",description:"Add a button that copies the code block to the clipboard when clicked.",owner:"mAAdhaTTah",require:"toolbar",noCSS:!0},"download-button":{title:"Download Button",description:"A button in the toolbar of a code block adding a convenient way to download a code file.",owner:"Golmote",require:"toolbar",noCSS:!0},"match-braces":{title:"Match braces",description:"Highlights matching braces.",owner:"RunDevelopment"},"diff-highlight":{title:"Diff Highlight",description:"Highlights the code inside diff blocks.",owner:"RunDevelopment",require:"diff"},"filter-highlight-all":{title:"Filter highlightAll",description:"Filters the elements the <code>highlightAll</code> and <code>highlightAllUnder</code> methods actually highlight.",owner:"RunDevelopment",noCSS:!0},treeview:{title:"Treeview",description:"A language with special styles to highlight file system tree structures.",owner:"Golmote"}}})},6532:(e,t,n)=>{const r=n(9227),o=n(9670),a=new Set;function i(e){void 0===e?e=Object.keys(r.languages).filter((e=>"meta"!=e)):Array.isArray(e)||(e=[e]);const t=[...a,...Object.keys(Prism.languages)];o(r,e,t).load((e=>{if(!(e in r.languages))return void(i.silent||console.warn("Language does not exist: "+e));const t="./prism-"+e;delete n.c[n(7507).resolve(t)],delete Prism.languages[e],n(7507)(t),a.add(e)}))}i.silent=!1,e.exports=i},1274:()=>{!function(e){function t(e,t){return"___"+e.toUpperCase()+t+"___"}Object.defineProperties(e.languages["markup-templating"]={},{buildPlaceholders:{value:function(n,r,o,a){if(n.language===r){var i=n.tokenStack=[];n.code=n.code.replace(o,(function(e){if("function"==typeof a&&!a(e))return e;for(var o,s=i.length;-1!==n.code.indexOf(o=t(r,s));)++s;return i[s]=e,o})),n.grammar=e.languages.markup}}},tokenizePlaceholders:{value:function(n,r){if(n.language===r&&n.tokenStack){n.grammar=e.languages[r];var o=0,a=Object.keys(n.tokenStack);!function i(s){for(var l=0;l<s.length&&!(o>=a.length);l++){var c=s[l];if("string"==typeof c||c.content&&"string"==typeof c.content){var u=a[o],d=n.tokenStack[u],p="string"==typeof c?c:c.content,f=t(r,u),m=p.indexOf(f);if(m>-1){++o;var h=p.substring(0,m),g=new e.Token(r,e.tokenize(d,n.grammar),"language-"+r,d),b=p.substring(m+f.length),y=[];h&&y.push.apply(y,i([h])),y.push(g),b&&y.push.apply(y,i([b])),"string"==typeof c?s.splice.apply(s,[l,1].concat(y)):c.content=y}}else c.content&&i(c.content)}return s}(n.tokens)}}}})}(Prism)},7507:(e,t,n)=>{var r={"./":6532};function o(e){var t=a(e);return n(t)}function a(e){if(!n.o(r,e)){var t=new Error("Cannot find module '"+e+"'");throw t.code="MODULE_NOT_FOUND",t}return r[e]}o.keys=function(){return Object.keys(r)},o.resolve=a,e.exports=o,o.id=7507},9670:e=>{"use strict";var t=function(){var e=function(){};function t(e,t){Array.isArray(e)?e.forEach(t):null!=e&&t(e,0)}function n(e){for(var t={},n=0,r=e.length;n<r;n++)t[e[n]]=!0;return t}function r(e){var n={},r=[];function o(r,a){if(!(r in n)){a.push(r);var i=a.indexOf(r);if(i<a.length-1)throw new Error("Circular dependency: "+a.slice(i).join(" -> "));var s={},l=e[r];if(l){function c(t){if(!(t in e))throw new Error(r+" depends on an unknown component "+t);if(!(t in s))for(var i in o(t,a),s[t]=!0,n[t])s[i]=!0}t(l.require,c),t(l.optional,c),t(l.modify,c)}n[r]=s,a.pop()}}return function(e){var t=n[e];return t||(o(e,r),t=n[e]),t}}function o(e){for(var t in e)return!0;return!1}return function(a,i,s){var l=function(e){var t={};for(var n in e){var r=e[n];for(var o in r)if("meta"!=o){var a=r[o];t[o]="string"==typeof a?{title:a}:a}}return t}(a),c=function(e){var n;return function(r){if(r in e)return r;if(!n)for(var o in n={},e){var a=e[o];t(a&&a.alias,(function(t){if(t in n)throw new Error(t+" cannot be alias for both "+o+" and "+n[t]);if(t in e)throw new Error(t+" cannot be alias of "+o+" because it is a component.");n[t]=o}))}return n[r]||r}}(l);i=i.map(c),s=(s||[]).map(c);var u=n(i),d=n(s);i.forEach((function e(n){var r=l[n];t(r&&r.require,(function(t){t in d||(u[t]=!0,e(t))}))}));for(var p,f=r(l),m=u;o(m);){for(var h in p={},m){var g=l[h];t(g&&g.modify,(function(e){e in d&&(p[e]=!0)}))}for(var b in d)if(!(b in u))for(var y in f(b))if(y in u){p[b]=!0;break}for(var v in m=p)u[v]=!0}var w={getIds:function(){var e=[];return w.load((function(t){e.push(t)})),e},load:function(t,n){return function(t,n,r,o){var a=o?o.series:void 0,i=o?o.parallel:e,s={},l={};function c(e){if(e in s)return s[e];l[e]=!0;var o,u=[];for(var d in t(e))d in n&&u.push(d);if(0===u.length)o=r(e);else{var p=i(u.map((function(e){var t=c(e);return delete l[e],t})));a?o=a(p,(function(){return r(e)})):r(e)}return s[e]=o}for(var u in n)c(u);var d=[];for(var p in l)d.push(s[p]);return i(d)}(f,u,t,n)}};return w}}();e.exports=t},6186:(e,t,n)=>{"use strict";var r=n(2985);function o(){}function a(){}a.resetWarningCache=o,e.exports=function(){function e(e,t,n,o,a,i){if(i!==r){var s=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");throw s.name="Invariant Violation",s}}function t(){return e}e.isRequired=e;var n={array:e,bigint:e,bool:e,func:e,number:e,object:e,string:e,symbol:e,any:e,arrayOf:t,element:e,elementType:e,instanceOf:t,node:e,objectOf:t,oneOf:t,oneOfType:t,shape:t,exact:t,checkPropTypes:a,resetWarningCache:o};return n.PropTypes=n,n}},2736:(e,t,n)=>{e.exports=n(6186)()},2985:e=>{"use strict";e.exports="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"},9481:(e,t,n)=>{"use strict";var r=n(758),o=n(1896);function a(e){for(var t="https://reactjs.org/docs/error-decoder.html?invariant="+e,n=1;n<arguments.length;n++)t+="&args[]="+encodeURIComponent(arguments[n]);return"Minified React error #"+e+"; visit "+t+" for the full message or use the non-minified dev environment for full errors and additional helpful warnings."}var i=new Set,s={};function l(e,t){c(e,t),c(e+"Capture",t)}function c(e,t){for(s[e]=t,e=0;e<t.length;e++)i.add(t[e])}var u=!("undefined"==typeof window||void 0===window.document||void 0===window.document.createElement),d=Object.prototype.hasOwnProperty,p=/^[:A-Z_a-z\u00C0-\u00D6\u00D8-\u00F6\u00F8-\u02FF\u0370-\u037D\u037F-\u1FFF\u200C-\u200D\u2070-\u218F\u2C00-\u2FEF\u3001-\uD7FF\uF900-\uFDCF\uFDF0-\uFFFD][:A-Z_a-z\u00C0-\u00D6\u00D8-\u00F6\u00F8-\u02FF\u0370-\u037D\u037F-\u1FFF\u200C-\u200D\u2070-\u218F\u2C00-\u2FEF\u3001-\uD7FF\uF900-\uFDCF\uFDF0-\uFFFD\-.0-9\u00B7\u0300-\u036F\u203F-\u2040]*$/,f={},m={};function h(e,t,n,r,o,a,i){this.acceptsBooleans=2===t||3===t||4===t,this.attributeName=r,this.attributeNamespace=o,this.mustUseProperty=n,this.propertyName=e,this.type=t,this.sanitizeURL=a,this.removeEmptyString=i}var g={};"children dangerouslySetInnerHTML defaultValue defaultChecked innerHTML suppressContentEditableWarning suppressHydrationWarning style".split(" ").forEach((function(e){g[e]=new h(e,0,!1,e,null,!1,!1)})),[["acceptCharset","accept-charset"],["className","class"],["htmlFor","for"],["httpEquiv","http-equiv"]].forEach((function(e){var t=e[0];g[t]=new h(t,1,!1,e[1],null,!1,!1)})),["contentEditable","draggable","spellCheck","value"].forEach((function(e){g[e]=new h(e,2,!1,e.toLowerCase(),null,!1,!1)})),["autoReverse","externalResourcesRequired","focusable","preserveAlpha"].forEach((function(e){g[e]=new h(e,2,!1,e,null,!1,!1)})),"allowFullScreen async autoFocus autoPlay controls default defer disabled disablePictureInPicture disableRemotePlayback formNoValidate hidden loop noModule noValidate open playsInline readOnly required reversed scoped seamless itemScope".split(" ").forEach((function(e){g[e]=new h(e,3,!1,e.toLowerCase(),null,!1,!1)})),["checked","multiple","muted","selected"].forEach((function(e){g[e]=new h(e,3,!0,e,null,!1,!1)})),["capture","download"].forEach((function(e){g[e]=new h(e,4,!1,e,null,!1,!1)})),["cols","rows","size","span"].forEach((function(e){g[e]=new h(e,6,!1,e,null,!1,!1)})),["rowSpan","start"].forEach((function(e){g[e]=new h(e,5,!1,e.toLowerCase(),null,!1,!1)}));var b=/[\-:]([a-z])/g;function y(e){return e[1].toUpperCase()}function v(e,t,n,r){var o=g.hasOwnProperty(t)?g[t]:null;(null!==o?0!==o.type:r||!(2<t.length)||"o"!==t[0]&&"O"!==t[0]||"n"!==t[1]&&"N"!==t[1])&&(function(e,t,n,r){if(null==t||function(e,t,n,r){if(null!==n&&0===n.type)return!1;switch(typeof t){case"function":case"symbol":return!0;case"boolean":return!r&&(null!==n?!n.acceptsBooleans:"data-"!==(e=e.toLowerCase().slice(0,5))&&"aria-"!==e);default:return!1}}(e,t,n,r))return!0;if(r)return!1;if(null!==n)switch(n.type){case 3:return!t;case 4:return!1===t;case 5:return isNaN(t);case 6:return isNaN(t)||1>t}return!1}(t,n,o,r)&&(n=null),r||null===o?function(e){return!!d.call(m,e)||!d.call(f,e)&&(p.test(e)?m[e]=!0:(f[e]=!0,!1))}(t)&&(null===n?e.removeAttribute(t):e.setAttribute(t,""+n)):o.mustUseProperty?e[o.propertyName]=null===n?3!==o.type&&"":n:(t=o.attributeName,r=o.attributeNamespace,null===n?e.removeAttribute(t):(n=3===(o=o.type)||4===o&&!0===n?"":""+n,r?e.setAttributeNS(r,t,n):e.setAttribute(t,n))))}"accent-height alignment-baseline arabic-form baseline-shift cap-height clip-path clip-rule color-interpolation color-interpolation-filters color-profile color-rendering dominant-baseline enable-background fill-opacity fill-rule flood-color flood-opacity font-family font-size font-size-adjust font-stretch font-style font-variant font-weight glyph-name glyph-orientation-horizontal glyph-orientation-vertical horiz-adv-x horiz-origin-x image-rendering letter-spacing lighting-color marker-end marker-mid marker-start overline-position overline-thickness paint-order panose-1 pointer-events rendering-intent shape-rendering stop-color stop-opacity strikethrough-position strikethrough-thickness stroke-dasharray stroke-dashoffset stroke-linecap stroke-linejoin stroke-miterlimit stroke-opacity stroke-width text-anchor text-decoration text-rendering underline-position underline-thickness unicode-bidi unicode-range units-per-em v-alphabetic v-hanging v-ideographic v-mathematical vector-effect vert-adv-y vert-origin-x vert-origin-y word-spacing writing-mode xmlns:xlink x-height".split(" ").forEach((function(e){var t=e.replace(b,y);g[t]=new h(t,1,!1,e,null,!1,!1)})),"xlink:actuate xlink:arcrole xlink:role xlink:show xlink:title xlink:type".split(" ").forEach((function(e){var t=e.replace(b,y);g[t]=new h(t,1,!1,e,"http://www.w3.org/1999/xlink",!1,!1)})),["xml:base","xml:lang","xml:space"].forEach((function(e){var t=e.replace(b,y);g[t]=new h(t,1,!1,e,"http://www.w3.org/XML/1998/namespace",!1,!1)})),["tabIndex","crossOrigin"].forEach((function(e){g[e]=new h(e,1,!1,e.toLowerCase(),null,!1,!1)})),g.xlinkHref=new h("xlinkHref",1,!1,"xlink:href","http://www.w3.org/1999/xlink",!0,!1),["src","href","action","formAction"].forEach((function(e){g[e]=new h(e,1,!1,e.toLowerCase(),null,!0,!0)}));var w=r.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED,S=Symbol.for("react.element"),k=Symbol.for("react.portal"),x=Symbol.for("react.fragment"),E=Symbol.for("react.strict_mode"),_=Symbol.for("react.profiler"),C=Symbol.for("react.provider"),j=Symbol.for("react.context"),O=Symbol.for("react.forward_ref"),A=Symbol.for("react.suspense"),T=Symbol.for("react.suspense_list"),P=Symbol.for("react.memo"),L=Symbol.for("react.lazy");Symbol.for("react.scope"),Symbol.for("react.debug_trace_mode");var I=Symbol.for("react.offscreen");Symbol.for("react.legacy_hidden"),Symbol.for("react.cache"),Symbol.for("react.tracing_marker");var N=Symbol.iterator;function R(e){return null===e||"object"!=typeof e?null:"function"==typeof(e=N&&e[N]||e["@@iterator"])?e:null}var D,M=Object.assign;function F(e){if(void 0===D)try{throw Error()}catch(n){var t=n.stack.trim().match(/\n( *(at )?)/);D=t&&t[1]||""}return"\n"+D+e}var z=!1;function B(e,t){if(!e||z)return"";z=!0;var n=Error.prepareStackTrace;Error.prepareStackTrace=void 0;try{if(t)if(t=function(){throw Error()},Object.defineProperty(t.prototype,"props",{set:function(){throw Error()}}),"object"==typeof Reflect&&Reflect.construct){try{Reflect.construct(t,[])}catch(c){var r=c}Reflect.construct(e,[],t)}else{try{t.call()}catch(c){r=c}e.call(t.prototype)}else{try{throw Error()}catch(c){r=c}e()}}catch(c){if(c&&r&&"string"==typeof c.stack){for(var o=c.stack.split("\n"),a=r.stack.split("\n"),i=o.length-1,s=a.length-1;1<=i&&0<=s&&o[i]!==a[s];)s--;for(;1<=i&&0<=s;i--,s--)if(o[i]!==a[s]){if(1!==i||1!==s)do{if(i--,0>--s||o[i]!==a[s]){var l="\n"+o[i].replace(" at new "," at ");return e.displayName&&l.includes("<anonymous>")&&(l=l.replace("<anonymous>",e.displayName)),l}}while(1<=i&&0<=s);break}}}finally{z=!1,Error.prepareStackTrace=n}return(e=e?e.displayName||e.name:"")?F(e):""}function U(e){switch(e.tag){case 5:return F(e.type);case 16:return F("Lazy");case 13:return F("Suspense");case 19:return F("SuspenseList");case 0:case 2:case 15:return e=B(e.type,!1);case 11:return e=B(e.type.render,!1);case 1:return e=B(e.type,!0);default:return""}}function q(e){if(null==e)return null;if("function"==typeof e)return e.displayName||e.name||null;if("string"==typeof e)return e;switch(e){case x:return"Fragment";case k:return"Portal";case _:return"Profiler";case E:return"StrictMode";case A:return"Suspense";case T:return"SuspenseList"}if("object"==typeof e)switch(e.$$typeof){case j:return(e.displayName||"Context")+".Consumer";case C:return(e._context.displayName||"Context")+".Provider";case O:var t=e.render;return(e=e.displayName)||(e=""!==(e=t.displayName||t.name||"")?"ForwardRef("+e+")":"ForwardRef"),e;case P:return null!==(t=e.displayName||null)?t:q(e.type)||"Memo";case L:t=e._payload,e=e._init;try{return q(e(t))}catch(n){}}return null}function $(e){var t=e.type;switch(e.tag){case 24:return"Cache";case 9:return(t.displayName||"Context")+".Consumer";case 10:return(t._context.displayName||"Context")+".Provider";case 18:return"DehydratedFragment";case 11:return e=(e=t.render).displayName||e.name||"",t.displayName||(""!==e?"ForwardRef("+e+")":"ForwardRef");case 7:return"Fragment";case 5:return t;case 4:return"Portal";case 3:return"Root";case 6:return"Text";case 16:return q(t);case 8:return t===E?"StrictMode":"Mode";case 22:return"Offscreen";case 12:return"Profiler";case 21:return"Scope";case 13:return"Suspense";case 19:return"SuspenseList";case 25:return"TracingMarker";case 1:case 0:case 17:case 2:case 14:case 15:if("function"==typeof t)return t.displayName||t.name||null;if("string"==typeof t)return t}return null}function H(e){switch(typeof e){case"boolean":case"number":case"string":case"undefined":case"object":return e;default:return""}}function V(e){var t=e.type;return(e=e.nodeName)&&"input"===e.toLowerCase()&&("checkbox"===t||"radio"===t)}function G(e){e._valueTracker||(e._valueTracker=function(e){var t=V(e)?"checked":"value",n=Object.getOwnPropertyDescriptor(e.constructor.prototype,t),r=""+e[t];if(!e.hasOwnProperty(t)&&void 0!==n&&"function"==typeof n.get&&"function"==typeof n.set){var o=n.get,a=n.set;return Object.defineProperty(e,t,{configurable:!0,get:function(){return o.call(this)},set:function(e){r=""+e,a.call(this,e)}}),Object.defineProperty(e,t,{enumerable:n.enumerable}),{getValue:function(){return r},setValue:function(e){r=""+e},stopTracking:function(){e._valueTracker=null,delete e[t]}}}}(e))}function W(e){if(!e)return!1;var t=e._valueTracker;if(!t)return!0;var n=t.getValue(),r="";return e&&(r=V(e)?e.checked?"true":"false":e.value),(e=r)!==n&&(t.setValue(e),!0)}function K(e){if(void 0===(e=e||("undefined"!=typeof document?document:void 0)))return null;try{return e.activeElement||e.body}catch(t){return e.body}}function Q(e,t){var n=t.checked;return M({},t,{defaultChecked:void 0,defaultValue:void 0,value:void 0,checked:null!=n?n:e._wrapperState.initialChecked})}function Y(e,t){var n=null==t.defaultValue?"":t.defaultValue,r=null!=t.checked?t.checked:t.defaultChecked;n=H(null!=t.value?t.value:n),e._wrapperState={initialChecked:r,initialValue:n,controlled:"checkbox"===t.type||"radio"===t.type?null!=t.checked:null!=t.value}}function Z(e,t){null!=(t=t.checked)&&v(e,"checked",t,!1)}function J(e,t){Z(e,t);var n=H(t.value),r=t.type;if(null!=n)"number"===r?(0===n&&""===e.value||e.value!=n)&&(e.value=""+n):e.value!==""+n&&(e.value=""+n);else if("submit"===r||"reset"===r)return void e.removeAttribute("value");t.hasOwnProperty("value")?ee(e,t.type,n):t.hasOwnProperty("defaultValue")&&ee(e,t.type,H(t.defaultValue)),null==t.checked&&null!=t.defaultChecked&&(e.defaultChecked=!!t.defaultChecked)}function X(e,t,n){if(t.hasOwnProperty("value")||t.hasOwnProperty("defaultValue")){var r=t.type;if(!("submit"!==r&&"reset"!==r||void 0!==t.value&&null!==t.value))return;t=""+e._wrapperState.initialValue,n||t===e.value||(e.value=t),e.defaultValue=t}""!==(n=e.name)&&(e.name=""),e.defaultChecked=!!e._wrapperState.initialChecked,""!==n&&(e.name=n)}function ee(e,t,n){"number"===t&&K(e.ownerDocument)===e||(null==n?e.defaultValue=""+e._wrapperState.initialValue:e.defaultValue!==""+n&&(e.defaultValue=""+n))}var te=Array.isArray;function ne(e,t,n,r){if(e=e.options,t){t={};for(var o=0;o<n.length;o++)t["$"+n[o]]=!0;for(n=0;n<e.length;n++)o=t.hasOwnProperty("$"+e[n].value),e[n].selected!==o&&(e[n].selected=o),o&&r&&(e[n].defaultSelected=!0)}else{for(n=""+H(n),t=null,o=0;o<e.length;o++){if(e[o].value===n)return e[o].selected=!0,void(r&&(e[o].defaultSelected=!0));null!==t||e[o].disabled||(t=e[o])}null!==t&&(t.selected=!0)}}function re(e,t){if(null!=t.dangerouslySetInnerHTML)throw Error(a(91));return M({},t,{value:void 0,defaultValue:void 0,children:""+e._wrapperState.initialValue})}function oe(e,t){var n=t.value;if(null==n){if(n=t.children,t=t.defaultValue,null!=n){if(null!=t)throw Error(a(92));if(te(n)){if(1<n.length)throw Error(a(93));n=n[0]}t=n}null==t&&(t=""),n=t}e._wrapperState={initialValue:H(n)}}function ae(e,t){var n=H(t.value),r=H(t.defaultValue);null!=n&&((n=""+n)!==e.value&&(e.value=n),null==t.defaultValue&&e.defaultValue!==n&&(e.defaultValue=n)),null!=r&&(e.defaultValue=""+r)}function ie(e){var t=e.textContent;t===e._wrapperState.initialValue&&""!==t&&null!==t&&(e.value=t)}function se(e){switch(e){case"svg":return"http://www.w3.org/2000/svg";case"math":return"http://www.w3.org/1998/Math/MathML";default:return"http://www.w3.org/1999/xhtml"}}function le(e,t){return null==e||"http://www.w3.org/1999/xhtml"===e?se(t):"http://www.w3.org/2000/svg"===e&&"foreignObject"===t?"http://www.w3.org/1999/xhtml":e}var ce,ue,de=(ue=function(e,t){if("http://www.w3.org/2000/svg"!==e.namespaceURI||"innerHTML"in e)e.innerHTML=t;else{for((ce=ce||document.createElement("div")).innerHTML="<svg>"+t.valueOf().toString()+"</svg>",t=ce.firstChild;e.firstChild;)e.removeChild(e.firstChild);for(;t.firstChild;)e.appendChild(t.firstChild)}},"undefined"!=typeof MSApp&&MSApp.execUnsafeLocalFunction?function(e,t,n,r){MSApp.execUnsafeLocalFunction((function(){return ue(e,t)}))}:ue);function pe(e,t){if(t){var n=e.firstChild;if(n&&n===e.lastChild&&3===n.nodeType)return void(n.nodeValue=t)}e.textContent=t}var fe={animationIterationCount:!0,aspectRatio:!0,borderImageOutset:!0,borderImageSlice:!0,borderImageWidth:!0,boxFlex:!0,boxFlexGroup:!0,boxOrdinalGroup:!0,columnCount:!0,columns:!0,flex:!0,flexGrow:!0,flexPositive:!0,flexShrink:!0,flexNegative:!0,flexOrder:!0,gridArea:!0,gridRow:!0,gridRowEnd:!0,gridRowSpan:!0,gridRowStart:!0,gridColumn:!0,gridColumnEnd:!0,gridColumnSpan:!0,gridColumnStart:!0,fontWeight:!0,lineClamp:!0,lineHeight:!0,opacity:!0,order:!0,orphans:!0,tabSize:!0,widows:!0,zIndex:!0,zoom:!0,fillOpacity:!0,floodOpacity:!0,stopOpacity:!0,strokeDasharray:!0,strokeDashoffset:!0,strokeMiterlimit:!0,strokeOpacity:!0,strokeWidth:!0},me=["Webkit","ms","Moz","O"];function he(e,t,n){return null==t||"boolean"==typeof t||""===t?"":n||"number"!=typeof t||0===t||fe.hasOwnProperty(e)&&fe[e]?(""+t).trim():t+"px"}function ge(e,t){for(var n in e=e.style,t)if(t.hasOwnProperty(n)){var r=0===n.indexOf("--"),o=he(n,t[n],r);"float"===n&&(n="cssFloat"),r?e.setProperty(n,o):e[n]=o}}Object.keys(fe).forEach((function(e){me.forEach((function(t){t=t+e.charAt(0).toUpperCase()+e.substring(1),fe[t]=fe[e]}))}));var be=M({menuitem:!0},{area:!0,base:!0,br:!0,col:!0,embed:!0,hr:!0,img:!0,input:!0,keygen:!0,link:!0,meta:!0,param:!0,source:!0,track:!0,wbr:!0});function ye(e,t){if(t){if(be[e]&&(null!=t.children||null!=t.dangerouslySetInnerHTML))throw Error(a(137,e));if(null!=t.dangerouslySetInnerHTML){if(null!=t.children)throw Error(a(60));if("object"!=typeof t.dangerouslySetInnerHTML||!("__html"in t.dangerouslySetInnerHTML))throw Error(a(61))}if(null!=t.style&&"object"!=typeof t.style)throw Error(a(62))}}function ve(e,t){if(-1===e.indexOf("-"))return"string"==typeof t.is;switch(e){case"annotation-xml":case"color-profile":case"font-face":case"font-face-src":case"font-face-uri":case"font-face-format":case"font-face-name":case"missing-glyph":return!1;default:return!0}}var we=null;function Se(e){return(e=e.target||e.srcElement||window).correspondingUseElement&&(e=e.correspondingUseElement),3===e.nodeType?e.parentNode:e}var ke=null,xe=null,Ee=null;function _e(e){if(e=wo(e)){if("function"!=typeof ke)throw Error(a(280));var t=e.stateNode;t&&(t=ko(t),ke(e.stateNode,e.type,t))}}function Ce(e){xe?Ee?Ee.push(e):Ee=[e]:xe=e}function je(){if(xe){var e=xe,t=Ee;if(Ee=xe=null,_e(e),t)for(e=0;e<t.length;e++)_e(t[e])}}function Oe(e,t){return e(t)}function Ae(){}var Te=!1;function Pe(e,t,n){if(Te)return e(t,n);Te=!0;try{return Oe(e,t,n)}finally{Te=!1,(null!==xe||null!==Ee)&&(Ae(),je())}}function Le(e,t){var n=e.stateNode;if(null===n)return null;var r=ko(n);if(null===r)return null;n=r[t];e:switch(t){case"onClick":case"onClickCapture":case"onDoubleClick":case"onDoubleClickCapture":case"onMouseDown":case"onMouseDownCapture":case"onMouseMove":case"onMouseMoveCapture":case"onMouseUp":case"onMouseUpCapture":case"onMouseEnter":(r=!r.disabled)||(r=!("button"===(e=e.type)||"input"===e||"select"===e||"textarea"===e)),e=!r;break e;default:e=!1}if(e)return null;if(n&&"function"!=typeof n)throw Error(a(231,t,typeof n));return n}var Ie=!1;if(u)try{var Ne={};Object.defineProperty(Ne,"passive",{get:function(){Ie=!0}}),window.addEventListener("test",Ne,Ne),window.removeEventListener("test",Ne,Ne)}catch(ue){Ie=!1}function Re(e,t,n,r,o,a,i,s,l){var c=Array.prototype.slice.call(arguments,3);try{t.apply(n,c)}catch(u){this.onError(u)}}var De=!1,Me=null,Fe=!1,ze=null,Be={onError:function(e){De=!0,Me=e}};function Ue(e,t,n,r,o,a,i,s,l){De=!1,Me=null,Re.apply(Be,arguments)}function qe(e){var t=e,n=e;if(e.alternate)for(;t.return;)t=t.return;else{e=t;do{!!(4098&(t=e).flags)&&(n=t.return),e=t.return}while(e)}return 3===t.tag?n:null}function $e(e){if(13===e.tag){var t=e.memoizedState;if(null===t&&(null!==(e=e.alternate)&&(t=e.memoizedState)),null!==t)return t.dehydrated}return null}function He(e){if(qe(e)!==e)throw Error(a(188))}function Ve(e){return null!==(e=function(e){var t=e.alternate;if(!t){if(null===(t=qe(e)))throw Error(a(188));return t!==e?null:e}for(var n=e,r=t;;){var o=n.return;if(null===o)break;var i=o.alternate;if(null===i){if(null!==(r=o.return)){n=r;continue}break}if(o.child===i.child){for(i=o.child;i;){if(i===n)return He(o),e;if(i===r)return He(o),t;i=i.sibling}throw Error(a(188))}if(n.return!==r.return)n=o,r=i;else{for(var s=!1,l=o.child;l;){if(l===n){s=!0,n=o,r=i;break}if(l===r){s=!0,r=o,n=i;break}l=l.sibling}if(!s){for(l=i.child;l;){if(l===n){s=!0,n=i,r=o;break}if(l===r){s=!0,r=i,n=o;break}l=l.sibling}if(!s)throw Error(a(189))}}if(n.alternate!==r)throw Error(a(190))}if(3!==n.tag)throw Error(a(188));return n.stateNode.current===n?e:t}(e))?Ge(e):null}function Ge(e){if(5===e.tag||6===e.tag)return e;for(e=e.child;null!==e;){var t=Ge(e);if(null!==t)return t;e=e.sibling}return null}var We=o.unstable_scheduleCallback,Ke=o.unstable_cancelCallback,Qe=o.unstable_shouldYield,Ye=o.unstable_requestPaint,Ze=o.unstable_now,Je=o.unstable_getCurrentPriorityLevel,Xe=o.unstable_ImmediatePriority,et=o.unstable_UserBlockingPriority,tt=o.unstable_NormalPriority,nt=o.unstable_LowPriority,rt=o.unstable_IdlePriority,ot=null,at=null;var it=Math.clz32?Math.clz32:function(e){return e>>>=0,0===e?32:31-(st(e)/lt|0)|0},st=Math.log,lt=Math.LN2;var ct=64,ut=4194304;function dt(e){switch(e&-e){case 1:return 1;case 2:return 2;case 4:return 4;case 8:return 8;case 16:return 16;case 32:return 32;case 64:case 128:case 256:case 512:case 1024:case 2048:case 4096:case 8192:case 16384:case 32768:case 65536:case 131072:case 262144:case 524288:case 1048576:case 2097152:return 4194240&e;case 4194304:case 8388608:case 16777216:case 33554432:case 67108864:return 130023424&e;case 134217728:return 134217728;case 268435456:return 268435456;case 536870912:return 536870912;case 1073741824:return 1073741824;default:return e}}function pt(e,t){var n=e.pendingLanes;if(0===n)return 0;var r=0,o=e.suspendedLanes,a=e.pingedLanes,i=268435455&n;if(0!==i){var s=i&~o;0!==s?r=dt(s):0!==(a&=i)&&(r=dt(a))}else 0!==(i=n&~o)?r=dt(i):0!==a&&(r=dt(a));if(0===r)return 0;if(0!==t&&t!==r&&!(t&o)&&((o=r&-r)>=(a=t&-t)||16===o&&4194240&a))return t;if(4&r&&(r|=16&n),0!==(t=e.entangledLanes))for(e=e.entanglements,t&=r;0<t;)o=1<<(n=31-it(t)),r|=e[n],t&=~o;return r}function ft(e,t){switch(e){case 1:case 2:case 4:return t+250;case 8:case 16:case 32:case 64:case 128:case 256:case 512:case 1024:case 2048:case 4096:case 8192:case 16384:case 32768:case 65536:case 131072:case 262144:case 524288:case 1048576:case 2097152:return t+5e3;default:return-1}}function mt(e){return 0!==(e=-1073741825&e.pendingLanes)?e:1073741824&e?1073741824:0}function ht(){var e=ct;return!(4194240&(ct<<=1))&&(ct=64),e}function gt(e){for(var t=[],n=0;31>n;n++)t.push(e);return t}function bt(e,t,n){e.pendingLanes|=t,536870912!==t&&(e.suspendedLanes=0,e.pingedLanes=0),(e=e.eventTimes)[t=31-it(t)]=n}function yt(e,t){var n=e.entangledLanes|=t;for(e=e.entanglements;n;){var r=31-it(n),o=1<<r;o&t|e[r]&t&&(e[r]|=t),n&=~o}}var vt=0;function wt(e){return 1<(e&=-e)?4<e?268435455&e?16:536870912:4:1}var St,kt,xt,Et,_t,Ct=!1,jt=[],Ot=null,At=null,Tt=null,Pt=new Map,Lt=new Map,It=[],Nt="mousedown mouseup touchcancel touchend touchstart auxclick dblclick pointercancel pointerdown pointerup dragend dragstart drop compositionend compositionstart keydown keypress keyup input textInput copy cut paste click change contextmenu reset submit".split(" ");function Rt(e,t){switch(e){case"focusin":case"focusout":Ot=null;break;case"dragenter":case"dragleave":At=null;break;case"mouseover":case"mouseout":Tt=null;break;case"pointerover":case"pointerout":Pt.delete(t.pointerId);break;case"gotpointercapture":case"lostpointercapture":Lt.delete(t.pointerId)}}function Dt(e,t,n,r,o,a){return null===e||e.nativeEvent!==a?(e={blockedOn:t,domEventName:n,eventSystemFlags:r,nativeEvent:a,targetContainers:[o]},null!==t&&(null!==(t=wo(t))&&kt(t)),e):(e.eventSystemFlags|=r,t=e.targetContainers,null!==o&&-1===t.indexOf(o)&&t.push(o),e)}function Mt(e){var t=vo(e.target);if(null!==t){var n=qe(t);if(null!==n)if(13===(t=n.tag)){if(null!==(t=$e(n)))return e.blockedOn=t,void _t(e.priority,(function(){xt(n)}))}else if(3===t&&n.stateNode.current.memoizedState.isDehydrated)return void(e.blockedOn=3===n.tag?n.stateNode.containerInfo:null)}e.blockedOn=null}function Ft(e){if(null!==e.blockedOn)return!1;for(var t=e.targetContainers;0<t.length;){var n=Qt(e.domEventName,e.eventSystemFlags,t[0],e.nativeEvent);if(null!==n)return null!==(t=wo(n))&&kt(t),e.blockedOn=n,!1;var r=new(n=e.nativeEvent).constructor(n.type,n);we=r,n.target.dispatchEvent(r),we=null,t.shift()}return!0}function zt(e,t,n){Ft(e)&&n.delete(t)}function Bt(){Ct=!1,null!==Ot&&Ft(Ot)&&(Ot=null),null!==At&&Ft(At)&&(At=null),null!==Tt&&Ft(Tt)&&(Tt=null),Pt.forEach(zt),Lt.forEach(zt)}function Ut(e,t){e.blockedOn===t&&(e.blockedOn=null,Ct||(Ct=!0,o.unstable_scheduleCallback(o.unstable_NormalPriority,Bt)))}function qt(e){function t(t){return Ut(t,e)}if(0<jt.length){Ut(jt[0],e);for(var n=1;n<jt.length;n++){var r=jt[n];r.blockedOn===e&&(r.blockedOn=null)}}for(null!==Ot&&Ut(Ot,e),null!==At&&Ut(At,e),null!==Tt&&Ut(Tt,e),Pt.forEach(t),Lt.forEach(t),n=0;n<It.length;n++)(r=It[n]).blockedOn===e&&(r.blockedOn=null);for(;0<It.length&&null===(n=It[0]).blockedOn;)Mt(n),null===n.blockedOn&&It.shift()}var $t=w.ReactCurrentBatchConfig,Ht=!0;function Vt(e,t,n,r){var o=vt,a=$t.transition;$t.transition=null;try{vt=1,Wt(e,t,n,r)}finally{vt=o,$t.transition=a}}function Gt(e,t,n,r){var o=vt,a=$t.transition;$t.transition=null;try{vt=4,Wt(e,t,n,r)}finally{vt=o,$t.transition=a}}function Wt(e,t,n,r){if(Ht){var o=Qt(e,t,n,r);if(null===o)Hr(e,t,r,Kt,n),Rt(e,r);else if(function(e,t,n,r,o){switch(t){case"focusin":return Ot=Dt(Ot,e,t,n,r,o),!0;case"dragenter":return At=Dt(At,e,t,n,r,o),!0;case"mouseover":return Tt=Dt(Tt,e,t,n,r,o),!0;case"pointerover":var a=o.pointerId;return Pt.set(a,Dt(Pt.get(a)||null,e,t,n,r,o)),!0;case"gotpointercapture":return a=o.pointerId,Lt.set(a,Dt(Lt.get(a)||null,e,t,n,r,o)),!0}return!1}(o,e,t,n,r))r.stopPropagation();else if(Rt(e,r),4&t&&-1<Nt.indexOf(e)){for(;null!==o;){var a=wo(o);if(null!==a&&St(a),null===(a=Qt(e,t,n,r))&&Hr(e,t,r,Kt,n),a===o)break;o=a}null!==o&&r.stopPropagation()}else Hr(e,t,r,null,n)}}var Kt=null;function Qt(e,t,n,r){if(Kt=null,null!==(e=vo(e=Se(r))))if(null===(t=qe(e)))e=null;else if(13===(n=t.tag)){if(null!==(e=$e(t)))return e;e=null}else if(3===n){if(t.stateNode.current.memoizedState.isDehydrated)return 3===t.tag?t.stateNode.containerInfo:null;e=null}else t!==e&&(e=null);return Kt=e,null}function Yt(e){switch(e){case"cancel":case"click":case"close":case"contextmenu":case"copy":case"cut":case"auxclick":case"dblclick":case"dragend":case"dragstart":case"drop":case"focusin":case"focusout":case"input":case"invalid":case"keydown":case"keypress":case"keyup":case"mousedown":case"mouseup":case"paste":case"pause":case"play":case"pointercancel":case"pointerdown":case"pointerup":case"ratechange":case"reset":case"resize":case"seeked":case"submit":case"touchcancel":case"touchend":case"touchstart":case"volumechange":case"change":case"selectionchange":case"textInput":case"compositionstart":case"compositionend":case"compositionupdate":case"beforeblur":case"afterblur":case"beforeinput":case"blur":case"fullscreenchange":case"focus":case"hashchange":case"popstate":case"select":case"selectstart":return 1;case"drag":case"dragenter":case"dragexit":case"dragleave":case"dragover":case"mousemove":case"mouseout":case"mouseover":case"pointermove":case"pointerout":case"pointerover":case"scroll":case"toggle":case"touchmove":case"wheel":case"mouseenter":case"mouseleave":case"pointerenter":case"pointerleave":return 4;case"message":switch(Je()){case Xe:return 1;case et:return 4;case tt:case nt:return 16;case rt:return 536870912;default:return 16}default:return 16}}var Zt=null,Jt=null,Xt=null;function en(){if(Xt)return Xt;var e,t,n=Jt,r=n.length,o="value"in Zt?Zt.value:Zt.textContent,a=o.length;for(e=0;e<r&&n[e]===o[e];e++);var i=r-e;for(t=1;t<=i&&n[r-t]===o[a-t];t++);return Xt=o.slice(e,1<t?1-t:void 0)}function tn(e){var t=e.keyCode;return"charCode"in e?0===(e=e.charCode)&&13===t&&(e=13):e=t,10===e&&(e=13),32<=e||13===e?e:0}function nn(){return!0}function rn(){return!1}function on(e){function t(t,n,r,o,a){for(var i in this._reactName=t,this._targetInst=r,this.type=n,this.nativeEvent=o,this.target=a,this.currentTarget=null,e)e.hasOwnProperty(i)&&(t=e[i],this[i]=t?t(o):o[i]);return this.isDefaultPrevented=(null!=o.defaultPrevented?o.defaultPrevented:!1===o.returnValue)?nn:rn,this.isPropagationStopped=rn,this}return M(t.prototype,{preventDefault:function(){this.defaultPrevented=!0;var e=this.nativeEvent;e&&(e.preventDefault?e.preventDefault():"unknown"!=typeof e.returnValue&&(e.returnValue=!1),this.isDefaultPrevented=nn)},stopPropagation:function(){var e=this.nativeEvent;e&&(e.stopPropagation?e.stopPropagation():"unknown"!=typeof e.cancelBubble&&(e.cancelBubble=!0),this.isPropagationStopped=nn)},persist:function(){},isPersistent:nn}),t}var an,sn,ln,cn={eventPhase:0,bubbles:0,cancelable:0,timeStamp:function(e){return e.timeStamp||Date.now()},defaultPrevented:0,isTrusted:0},un=on(cn),dn=M({},cn,{view:0,detail:0}),pn=on(dn),fn=M({},dn,{screenX:0,screenY:0,clientX:0,clientY:0,pageX:0,pageY:0,ctrlKey:0,shiftKey:0,altKey:0,metaKey:0,getModifierState:_n,button:0,buttons:0,relatedTarget:function(e){return void 0===e.relatedTarget?e.fromElement===e.srcElement?e.toElement:e.fromElement:e.relatedTarget},movementX:function(e){return"movementX"in e?e.movementX:(e!==ln&&(ln&&"mousemove"===e.type?(an=e.screenX-ln.screenX,sn=e.screenY-ln.screenY):sn=an=0,ln=e),an)},movementY:function(e){return"movementY"in e?e.movementY:sn}}),mn=on(fn),hn=on(M({},fn,{dataTransfer:0})),gn=on(M({},dn,{relatedTarget:0})),bn=on(M({},cn,{animationName:0,elapsedTime:0,pseudoElement:0})),yn=M({},cn,{clipboardData:function(e){return"clipboardData"in e?e.clipboardData:window.clipboardData}}),vn=on(yn),wn=on(M({},cn,{data:0})),Sn={Esc:"Escape",Spacebar:" ",Left:"ArrowLeft",Up:"ArrowUp",Right:"ArrowRight",Down:"ArrowDown",Del:"Delete",Win:"OS",Menu:"ContextMenu",Apps:"ContextMenu",Scroll:"ScrollLock",MozPrintableKey:"Unidentified"},kn={8:"Backspace",9:"Tab",12:"Clear",13:"Enter",16:"Shift",17:"Control",18:"Alt",19:"Pause",20:"CapsLock",27:"Escape",32:" ",33:"PageUp",34:"PageDown",35:"End",36:"Home",37:"ArrowLeft",38:"ArrowUp",39:"ArrowRight",40:"ArrowDown",45:"Insert",46:"Delete",112:"F1",113:"F2",114:"F3",115:"F4",116:"F5",117:"F6",118:"F7",119:"F8",120:"F9",121:"F10",122:"F11",123:"F12",144:"NumLock",145:"ScrollLock",224:"Meta"},xn={Alt:"altKey",Control:"ctrlKey",Meta:"metaKey",Shift:"shiftKey"};function En(e){var t=this.nativeEvent;return t.getModifierState?t.getModifierState(e):!!(e=xn[e])&&!!t[e]}function _n(){return En}var Cn=M({},dn,{key:function(e){if(e.key){var t=Sn[e.key]||e.key;if("Unidentified"!==t)return t}return"keypress"===e.type?13===(e=tn(e))?"Enter":String.fromCharCode(e):"keydown"===e.type||"keyup"===e.type?kn[e.keyCode]||"Unidentified":""},code:0,location:0,ctrlKey:0,shiftKey:0,altKey:0,metaKey:0,repeat:0,locale:0,getModifierState:_n,charCode:function(e){return"keypress"===e.type?tn(e):0},keyCode:function(e){return"keydown"===e.type||"keyup"===e.type?e.keyCode:0},which:function(e){return"keypress"===e.type?tn(e):"keydown"===e.type||"keyup"===e.type?e.keyCode:0}}),jn=on(Cn),On=on(M({},fn,{pointerId:0,width:0,height:0,pressure:0,tangentialPressure:0,tiltX:0,tiltY:0,twist:0,pointerType:0,isPrimary:0})),An=on(M({},dn,{touches:0,targetTouches:0,changedTouches:0,altKey:0,metaKey:0,ctrlKey:0,shiftKey:0,getModifierState:_n})),Tn=on(M({},cn,{propertyName:0,elapsedTime:0,pseudoElement:0})),Pn=M({},fn,{deltaX:function(e){return"deltaX"in e?e.deltaX:"wheelDeltaX"in e?-e.wheelDeltaX:0},deltaY:function(e){return"deltaY"in e?e.deltaY:"wheelDeltaY"in e?-e.wheelDeltaY:"wheelDelta"in e?-e.wheelDelta:0},deltaZ:0,deltaMode:0}),Ln=on(Pn),In=[9,13,27,32],Nn=u&&"CompositionEvent"in window,Rn=null;u&&"documentMode"in document&&(Rn=document.documentMode);var Dn=u&&"TextEvent"in window&&!Rn,Mn=u&&(!Nn||Rn&&8<Rn&&11>=Rn),Fn=String.fromCharCode(32),zn=!1;function Bn(e,t){switch(e){case"keyup":return-1!==In.indexOf(t.keyCode);case"keydown":return 229!==t.keyCode;case"keypress":case"mousedown":case"focusout":return!0;default:return!1}}function Un(e){return"object"==typeof(e=e.detail)&&"data"in e?e.data:null}var qn=!1;var $n={color:!0,date:!0,datetime:!0,"datetime-local":!0,email:!0,month:!0,number:!0,password:!0,range:!0,search:!0,tel:!0,text:!0,time:!0,url:!0,week:!0};function Hn(e){var t=e&&e.nodeName&&e.nodeName.toLowerCase();return"input"===t?!!$n[e.type]:"textarea"===t}function Vn(e,t,n,r){Ce(r),0<(t=Gr(t,"onChange")).length&&(n=new un("onChange","change",null,n,r),e.push({event:n,listeners:t}))}var Gn=null,Wn=null;function Kn(e){Fr(e,0)}function Qn(e){if(W(So(e)))return e}function Yn(e,t){if("change"===e)return t}var Zn=!1;if(u){var Jn;if(u){var Xn="oninput"in document;if(!Xn){var er=document.createElement("div");er.setAttribute("oninput","return;"),Xn="function"==typeof er.oninput}Jn=Xn}else Jn=!1;Zn=Jn&&(!document.documentMode||9<document.documentMode)}function tr(){Gn&&(Gn.detachEvent("onpropertychange",nr),Wn=Gn=null)}function nr(e){if("value"===e.propertyName&&Qn(Wn)){var t=[];Vn(t,Wn,e,Se(e)),Pe(Kn,t)}}function rr(e,t,n){"focusin"===e?(tr(),Wn=n,(Gn=t).attachEvent("onpropertychange",nr)):"focusout"===e&&tr()}function or(e){if("selectionchange"===e||"keyup"===e||"keydown"===e)return Qn(Wn)}function ar(e,t){if("click"===e)return Qn(t)}function ir(e,t){if("input"===e||"change"===e)return Qn(t)}var sr="function"==typeof Object.is?Object.is:function(e,t){return e===t&&(0!==e||1/e==1/t)||e!=e&&t!=t};function lr(e,t){if(sr(e,t))return!0;if("object"!=typeof e||null===e||"object"!=typeof t||null===t)return!1;var n=Object.keys(e),r=Object.keys(t);if(n.length!==r.length)return!1;for(r=0;r<n.length;r++){var o=n[r];if(!d.call(t,o)||!sr(e[o],t[o]))return!1}return!0}function cr(e){for(;e&&e.firstChild;)e=e.firstChild;return e}function ur(e,t){var n,r=cr(e);for(e=0;r;){if(3===r.nodeType){if(n=e+r.textContent.length,e<=t&&n>=t)return{node:r,offset:t-e};e=n}e:{for(;r;){if(r.nextSibling){r=r.nextSibling;break e}r=r.parentNode}r=void 0}r=cr(r)}}function dr(e,t){return!(!e||!t)&&(e===t||(!e||3!==e.nodeType)&&(t&&3===t.nodeType?dr(e,t.parentNode):"contains"in e?e.contains(t):!!e.compareDocumentPosition&&!!(16&e.compareDocumentPosition(t))))}function pr(){for(var e=window,t=K();t instanceof e.HTMLIFrameElement;){try{var n="string"==typeof t.contentWindow.location.href}catch(r){n=!1}if(!n)break;t=K((e=t.contentWindow).document)}return t}function fr(e){var t=e&&e.nodeName&&e.nodeName.toLowerCase();return t&&("input"===t&&("text"===e.type||"search"===e.type||"tel"===e.type||"url"===e.type||"password"===e.type)||"textarea"===t||"true"===e.contentEditable)}function mr(e){var t=pr(),n=e.focusedElem,r=e.selectionRange;if(t!==n&&n&&n.ownerDocument&&dr(n.ownerDocument.documentElement,n)){if(null!==r&&fr(n))if(t=r.start,void 0===(e=r.end)&&(e=t),"selectionStart"in n)n.selectionStart=t,n.selectionEnd=Math.min(e,n.value.length);else if((e=(t=n.ownerDocument||document)&&t.defaultView||window).getSelection){e=e.getSelection();var o=n.textContent.length,a=Math.min(r.start,o);r=void 0===r.end?a:Math.min(r.end,o),!e.extend&&a>r&&(o=r,r=a,a=o),o=ur(n,a);var i=ur(n,r);o&&i&&(1!==e.rangeCount||e.anchorNode!==o.node||e.anchorOffset!==o.offset||e.focusNode!==i.node||e.focusOffset!==i.offset)&&((t=t.createRange()).setStart(o.node,o.offset),e.removeAllRanges(),a>r?(e.addRange(t),e.extend(i.node,i.offset)):(t.setEnd(i.node,i.offset),e.addRange(t)))}for(t=[],e=n;e=e.parentNode;)1===e.nodeType&&t.push({element:e,left:e.scrollLeft,top:e.scrollTop});for("function"==typeof n.focus&&n.focus(),n=0;n<t.length;n++)(e=t[n]).element.scrollLeft=e.left,e.element.scrollTop=e.top}}var hr=u&&"documentMode"in document&&11>=document.documentMode,gr=null,br=null,yr=null,vr=!1;function wr(e,t,n){var r=n.window===n?n.document:9===n.nodeType?n:n.ownerDocument;vr||null==gr||gr!==K(r)||("selectionStart"in(r=gr)&&fr(r)?r={start:r.selectionStart,end:r.selectionEnd}:r={anchorNode:(r=(r.ownerDocument&&r.ownerDocument.defaultView||window).getSelection()).anchorNode,anchorOffset:r.anchorOffset,focusNode:r.focusNode,focusOffset:r.focusOffset},yr&&lr(yr,r)||(yr=r,0<(r=Gr(br,"onSelect")).length&&(t=new un("onSelect","select",null,t,n),e.push({event:t,listeners:r}),t.target=gr)))}function Sr(e,t){var n={};return n[e.toLowerCase()]=t.toLowerCase(),n["Webkit"+e]="webkit"+t,n["Moz"+e]="moz"+t,n}var kr={animationend:Sr("Animation","AnimationEnd"),animationiteration:Sr("Animation","AnimationIteration"),animationstart:Sr("Animation","AnimationStart"),transitionend:Sr("Transition","TransitionEnd")},xr={},Er={};function _r(e){if(xr[e])return xr[e];if(!kr[e])return e;var t,n=kr[e];for(t in n)if(n.hasOwnProperty(t)&&t in Er)return xr[e]=n[t];return e}u&&(Er=document.createElement("div").style,"AnimationEvent"in window||(delete kr.animationend.animation,delete kr.animationiteration.animation,delete kr.animationstart.animation),"TransitionEvent"in window||delete kr.transitionend.transition);var Cr=_r("animationend"),jr=_r("animationiteration"),Or=_r("animationstart"),Ar=_r("transitionend"),Tr=new Map,Pr="abort auxClick cancel canPlay canPlayThrough click close contextMenu copy cut drag dragEnd dragEnter dragExit dragLeave dragOver dragStart drop durationChange emptied encrypted ended error gotPointerCapture input invalid keyDown keyPress keyUp load loadedData loadedMetadata loadStart lostPointerCapture mouseDown mouseMove mouseOut mouseOver mouseUp paste pause play playing pointerCancel pointerDown pointerMove pointerOut pointerOver pointerUp progress rateChange reset resize seeked seeking stalled submit suspend timeUpdate touchCancel touchEnd touchStart volumeChange scroll toggle touchMove waiting wheel".split(" ");function Lr(e,t){Tr.set(e,t),l(t,[e])}for(var Ir=0;Ir<Pr.length;Ir++){var Nr=Pr[Ir];Lr(Nr.toLowerCase(),"on"+(Nr[0].toUpperCase()+Nr.slice(1)))}Lr(Cr,"onAnimationEnd"),Lr(jr,"onAnimationIteration"),Lr(Or,"onAnimationStart"),Lr("dblclick","onDoubleClick"),Lr("focusin","onFocus"),Lr("focusout","onBlur"),Lr(Ar,"onTransitionEnd"),c("onMouseEnter",["mouseout","mouseover"]),c("onMouseLeave",["mouseout","mouseover"]),c("onPointerEnter",["pointerout","pointerover"]),c("onPointerLeave",["pointerout","pointerover"]),l("onChange","change click focusin focusout input keydown keyup selectionchange".split(" ")),l("onSelect","focusout contextmenu dragend focusin keydown keyup mousedown mouseup selectionchange".split(" ")),l("onBeforeInput",["compositionend","keypress","textInput","paste"]),l("onCompositionEnd","compositionend focusout keydown keypress keyup mousedown".split(" ")),l("onCompositionStart","compositionstart focusout keydown keypress keyup mousedown".split(" ")),l("onCompositionUpdate","compositionupdate focusout keydown keypress keyup mousedown".split(" "));var Rr="abort canplay canplaythrough durationchange emptied encrypted ended error loadeddata loadedmetadata loadstart pause play playing progress ratechange resize seeked seeking stalled suspend timeupdate volumechange waiting".split(" "),Dr=new Set("cancel close invalid load scroll toggle".split(" ").concat(Rr));function Mr(e,t,n){var r=e.type||"unknown-event";e.currentTarget=n,function(e,t,n,r,o,i,s,l,c){if(Ue.apply(this,arguments),De){if(!De)throw Error(a(198));var u=Me;De=!1,Me=null,Fe||(Fe=!0,ze=u)}}(r,t,void 0,e),e.currentTarget=null}function Fr(e,t){t=!!(4&t);for(var n=0;n<e.length;n++){var r=e[n],o=r.event;r=r.listeners;e:{var a=void 0;if(t)for(var i=r.length-1;0<=i;i--){var s=r[i],l=s.instance,c=s.currentTarget;if(s=s.listener,l!==a&&o.isPropagationStopped())break e;Mr(o,s,c),a=l}else for(i=0;i<r.length;i++){if(l=(s=r[i]).instance,c=s.currentTarget,s=s.listener,l!==a&&o.isPropagationStopped())break e;Mr(o,s,c),a=l}}}if(Fe)throw e=ze,Fe=!1,ze=null,e}function zr(e,t){var n=t[go];void 0===n&&(n=t[go]=new Set);var r=e+"__bubble";n.has(r)||($r(t,e,2,!1),n.add(r))}function Br(e,t,n){var r=0;t&&(r|=4),$r(n,e,r,t)}var Ur="_reactListening"+Math.random().toString(36).slice(2);function qr(e){if(!e[Ur]){e[Ur]=!0,i.forEach((function(t){"selectionchange"!==t&&(Dr.has(t)||Br(t,!1,e),Br(t,!0,e))}));var t=9===e.nodeType?e:e.ownerDocument;null===t||t[Ur]||(t[Ur]=!0,Br("selectionchange",!1,t))}}function $r(e,t,n,r){switch(Yt(t)){case 1:var o=Vt;break;case 4:o=Gt;break;default:o=Wt}n=o.bind(null,t,n,e),o=void 0,!Ie||"touchstart"!==t&&"touchmove"!==t&&"wheel"!==t||(o=!0),r?void 0!==o?e.addEventListener(t,n,{capture:!0,passive:o}):e.addEventListener(t,n,!0):void 0!==o?e.addEventListener(t,n,{passive:o}):e.addEventListener(t,n,!1)}function Hr(e,t,n,r,o){var a=r;if(!(1&t||2&t||null===r))e:for(;;){if(null===r)return;var i=r.tag;if(3===i||4===i){var s=r.stateNode.containerInfo;if(s===o||8===s.nodeType&&s.parentNode===o)break;if(4===i)for(i=r.return;null!==i;){var l=i.tag;if((3===l||4===l)&&((l=i.stateNode.containerInfo)===o||8===l.nodeType&&l.parentNode===o))return;i=i.return}for(;null!==s;){if(null===(i=vo(s)))return;if(5===(l=i.tag)||6===l){r=a=i;continue e}s=s.parentNode}}r=r.return}Pe((function(){var r=a,o=Se(n),i=[];e:{var s=Tr.get(e);if(void 0!==s){var l=un,c=e;switch(e){case"keypress":if(0===tn(n))break e;case"keydown":case"keyup":l=jn;break;case"focusin":c="focus",l=gn;break;case"focusout":c="blur",l=gn;break;case"beforeblur":case"afterblur":l=gn;break;case"click":if(2===n.button)break e;case"auxclick":case"dblclick":case"mousedown":case"mousemove":case"mouseup":case"mouseout":case"mouseover":case"contextmenu":l=mn;break;case"drag":case"dragend":case"dragenter":case"dragexit":case"dragleave":case"dragover":case"dragstart":case"drop":l=hn;break;case"touchcancel":case"touchend":case"touchmove":case"touchstart":l=An;break;case Cr:case jr:case Or:l=bn;break;case Ar:l=Tn;break;case"scroll":l=pn;break;case"wheel":l=Ln;break;case"copy":case"cut":case"paste":l=vn;break;case"gotpointercapture":case"lostpointercapture":case"pointercancel":case"pointerdown":case"pointermove":case"pointerout":case"pointerover":case"pointerup":l=On}var u=!!(4&t),d=!u&&"scroll"===e,p=u?null!==s?s+"Capture":null:s;u=[];for(var f,m=r;null!==m;){var h=(f=m).stateNode;if(5===f.tag&&null!==h&&(f=h,null!==p&&(null!=(h=Le(m,p))&&u.push(Vr(m,h,f)))),d)break;m=m.return}0<u.length&&(s=new l(s,c,null,n,o),i.push({event:s,listeners:u}))}}if(!(7&t)){if(l="mouseout"===e||"pointerout"===e,(!(s="mouseover"===e||"pointerover"===e)||n===we||!(c=n.relatedTarget||n.fromElement)||!vo(c)&&!c[ho])&&(l||s)&&(s=o.window===o?o:(s=o.ownerDocument)?s.defaultView||s.parentWindow:window,l?(l=r,null!==(c=(c=n.relatedTarget||n.toElement)?vo(c):null)&&(c!==(d=qe(c))||5!==c.tag&&6!==c.tag)&&(c=null)):(l=null,c=r),l!==c)){if(u=mn,h="onMouseLeave",p="onMouseEnter",m="mouse","pointerout"!==e&&"pointerover"!==e||(u=On,h="onPointerLeave",p="onPointerEnter",m="pointer"),d=null==l?s:So(l),f=null==c?s:So(c),(s=new u(h,m+"leave",l,n,o)).target=d,s.relatedTarget=f,h=null,vo(o)===r&&((u=new u(p,m+"enter",c,n,o)).target=f,u.relatedTarget=d,h=u),d=h,l&&c)e:{for(p=c,m=0,f=u=l;f;f=Wr(f))m++;for(f=0,h=p;h;h=Wr(h))f++;for(;0<m-f;)u=Wr(u),m--;for(;0<f-m;)p=Wr(p),f--;for(;m--;){if(u===p||null!==p&&u===p.alternate)break e;u=Wr(u),p=Wr(p)}u=null}else u=null;null!==l&&Kr(i,s,l,u,!1),null!==c&&null!==d&&Kr(i,d,c,u,!0)}if("select"===(l=(s=r?So(r):window).nodeName&&s.nodeName.toLowerCase())||"input"===l&&"file"===s.type)var g=Yn;else if(Hn(s))if(Zn)g=ir;else{g=or;var b=rr}else(l=s.nodeName)&&"input"===l.toLowerCase()&&("checkbox"===s.type||"radio"===s.type)&&(g=ar);switch(g&&(g=g(e,r))?Vn(i,g,n,o):(b&&b(e,s,r),"focusout"===e&&(b=s._wrapperState)&&b.controlled&&"number"===s.type&&ee(s,"number",s.value)),b=r?So(r):window,e){case"focusin":(Hn(b)||"true"===b.contentEditable)&&(gr=b,br=r,yr=null);break;case"focusout":yr=br=gr=null;break;case"mousedown":vr=!0;break;case"contextmenu":case"mouseup":case"dragend":vr=!1,wr(i,n,o);break;case"selectionchange":if(hr)break;case"keydown":case"keyup":wr(i,n,o)}var y;if(Nn)e:{switch(e){case"compositionstart":var v="onCompositionStart";break e;case"compositionend":v="onCompositionEnd";break e;case"compositionupdate":v="onCompositionUpdate";break e}v=void 0}else qn?Bn(e,n)&&(v="onCompositionEnd"):"keydown"===e&&229===n.keyCode&&(v="onCompositionStart");v&&(Mn&&"ko"!==n.locale&&(qn||"onCompositionStart"!==v?"onCompositionEnd"===v&&qn&&(y=en()):(Jt="value"in(Zt=o)?Zt.value:Zt.textContent,qn=!0)),0<(b=Gr(r,v)).length&&(v=new wn(v,e,null,n,o),i.push({event:v,listeners:b}),y?v.data=y:null!==(y=Un(n))&&(v.data=y))),(y=Dn?function(e,t){switch(e){case"compositionend":return Un(t);case"keypress":return 32!==t.which?null:(zn=!0,Fn);case"textInput":return(e=t.data)===Fn&&zn?null:e;default:return null}}(e,n):function(e,t){if(qn)return"compositionend"===e||!Nn&&Bn(e,t)?(e=en(),Xt=Jt=Zt=null,qn=!1,e):null;switch(e){case"paste":default:return null;case"keypress":if(!(t.ctrlKey||t.altKey||t.metaKey)||t.ctrlKey&&t.altKey){if(t.char&&1<t.char.length)return t.char;if(t.which)return String.fromCharCode(t.which)}return null;case"compositionend":return Mn&&"ko"!==t.locale?null:t.data}}(e,n))&&(0<(r=Gr(r,"onBeforeInput")).length&&(o=new wn("onBeforeInput","beforeinput",null,n,o),i.push({event:o,listeners:r}),o.data=y))}Fr(i,t)}))}function Vr(e,t,n){return{instance:e,listener:t,currentTarget:n}}function Gr(e,t){for(var n=t+"Capture",r=[];null!==e;){var o=e,a=o.stateNode;5===o.tag&&null!==a&&(o=a,null!=(a=Le(e,n))&&r.unshift(Vr(e,a,o)),null!=(a=Le(e,t))&&r.push(Vr(e,a,o))),e=e.return}return r}function Wr(e){if(null===e)return null;do{e=e.return}while(e&&5!==e.tag);return e||null}function Kr(e,t,n,r,o){for(var a=t._reactName,i=[];null!==n&&n!==r;){var s=n,l=s.alternate,c=s.stateNode;if(null!==l&&l===r)break;5===s.tag&&null!==c&&(s=c,o?null!=(l=Le(n,a))&&i.unshift(Vr(n,l,s)):o||null!=(l=Le(n,a))&&i.push(Vr(n,l,s))),n=n.return}0!==i.length&&e.push({event:t,listeners:i})}var Qr=/\r\n?/g,Yr=/\u0000|\uFFFD/g;function Zr(e){return("string"==typeof e?e:""+e).replace(Qr,"\n").replace(Yr,"")}function Jr(e,t,n){if(t=Zr(t),Zr(e)!==t&&n)throw Error(a(425))}function Xr(){}var eo=null,to=null;function no(e,t){return"textarea"===e||"noscript"===e||"string"==typeof t.children||"number"==typeof t.children||"object"==typeof t.dangerouslySetInnerHTML&&null!==t.dangerouslySetInnerHTML&&null!=t.dangerouslySetInnerHTML.__html}var ro="function"==typeof setTimeout?setTimeout:void 0,oo="function"==typeof clearTimeout?clearTimeout:void 0,ao="function"==typeof Promise?Promise:void 0,io="function"==typeof queueMicrotask?queueMicrotask:void 0!==ao?function(e){return ao.resolve(null).then(e).catch(so)}:ro;function so(e){setTimeout((function(){throw e}))}function lo(e,t){var n=t,r=0;do{var o=n.nextSibling;if(e.removeChild(n),o&&8===o.nodeType)if("/$"===(n=o.data)){if(0===r)return e.removeChild(o),void qt(t);r--}else"$"!==n&&"$?"!==n&&"$!"!==n||r++;n=o}while(n);qt(t)}function co(e){for(;null!=e;e=e.nextSibling){var t=e.nodeType;if(1===t||3===t)break;if(8===t){if("$"===(t=e.data)||"$!"===t||"$?"===t)break;if("/$"===t)return null}}return e}function uo(e){e=e.previousSibling;for(var t=0;e;){if(8===e.nodeType){var n=e.data;if("$"===n||"$!"===n||"$?"===n){if(0===t)return e;t--}else"/$"===n&&t++}e=e.previousSibling}return null}var po=Math.random().toString(36).slice(2),fo="__reactFiber$"+po,mo="__reactProps$"+po,ho="__reactContainer$"+po,go="__reactEvents$"+po,bo="__reactListeners$"+po,yo="__reactHandles$"+po;function vo(e){var t=e[fo];if(t)return t;for(var n=e.parentNode;n;){if(t=n[ho]||n[fo]){if(n=t.alternate,null!==t.child||null!==n&&null!==n.child)for(e=uo(e);null!==e;){if(n=e[fo])return n;e=uo(e)}return t}n=(e=n).parentNode}return null}function wo(e){return!(e=e[fo]||e[ho])||5!==e.tag&&6!==e.tag&&13!==e.tag&&3!==e.tag?null:e}function So(e){if(5===e.tag||6===e.tag)return e.stateNode;throw Error(a(33))}function ko(e){return e[mo]||null}var xo=[],Eo=-1;function _o(e){return{current:e}}function Co(e){0>Eo||(e.current=xo[Eo],xo[Eo]=null,Eo--)}function jo(e,t){Eo++,xo[Eo]=e.current,e.current=t}var Oo={},Ao=_o(Oo),To=_o(!1),Po=Oo;function Lo(e,t){var n=e.type.contextTypes;if(!n)return Oo;var r=e.stateNode;if(r&&r.__reactInternalMemoizedUnmaskedChildContext===t)return r.__reactInternalMemoizedMaskedChildContext;var o,a={};for(o in n)a[o]=t[o];return r&&((e=e.stateNode).__reactInternalMemoizedUnmaskedChildContext=t,e.__reactInternalMemoizedMaskedChildContext=a),a}function Io(e){return null!=(e=e.childContextTypes)}function No(){Co(To),Co(Ao)}function Ro(e,t,n){if(Ao.current!==Oo)throw Error(a(168));jo(Ao,t),jo(To,n)}function Do(e,t,n){var r=e.stateNode;if(t=t.childContextTypes,"function"!=typeof r.getChildContext)return n;for(var o in r=r.getChildContext())if(!(o in t))throw Error(a(108,$(e)||"Unknown",o));return M({},n,r)}function Mo(e){return e=(e=e.stateNode)&&e.__reactInternalMemoizedMergedChildContext||Oo,Po=Ao.current,jo(Ao,e),jo(To,To.current),!0}function Fo(e,t,n){var r=e.stateNode;if(!r)throw Error(a(169));n?(e=Do(e,t,Po),r.__reactInternalMemoizedMergedChildContext=e,Co(To),Co(Ao),jo(Ao,e)):Co(To),jo(To,n)}var zo=null,Bo=!1,Uo=!1;function qo(e){null===zo?zo=[e]:zo.push(e)}function $o(){if(!Uo&&null!==zo){Uo=!0;var e=0,t=vt;try{var n=zo;for(vt=1;e<n.length;e++){var r=n[e];do{r=r(!0)}while(null!==r)}zo=null,Bo=!1}catch(o){throw null!==zo&&(zo=zo.slice(e+1)),We(Xe,$o),o}finally{vt=t,Uo=!1}}return null}var Ho=[],Vo=0,Go=null,Wo=0,Ko=[],Qo=0,Yo=null,Zo=1,Jo="";function Xo(e,t){Ho[Vo++]=Wo,Ho[Vo++]=Go,Go=e,Wo=t}function ea(e,t,n){Ko[Qo++]=Zo,Ko[Qo++]=Jo,Ko[Qo++]=Yo,Yo=e;var r=Zo;e=Jo;var o=32-it(r)-1;r&=~(1<<o),n+=1;var a=32-it(t)+o;if(30<a){var i=o-o%5;a=(r&(1<<i)-1).toString(32),r>>=i,o-=i,Zo=1<<32-it(t)+o|n<<o|r,Jo=a+e}else Zo=1<<a|n<<o|r,Jo=e}function ta(e){null!==e.return&&(Xo(e,1),ea(e,1,0))}function na(e){for(;e===Go;)Go=Ho[--Vo],Ho[Vo]=null,Wo=Ho[--Vo],Ho[Vo]=null;for(;e===Yo;)Yo=Ko[--Qo],Ko[Qo]=null,Jo=Ko[--Qo],Ko[Qo]=null,Zo=Ko[--Qo],Ko[Qo]=null}var ra=null,oa=null,aa=!1,ia=null;function sa(e,t){var n=Pc(5,null,null,0);n.elementType="DELETED",n.stateNode=t,n.return=e,null===(t=e.deletions)?(e.deletions=[n],e.flags|=16):t.push(n)}function la(e,t){switch(e.tag){case 5:var n=e.type;return null!==(t=1!==t.nodeType||n.toLowerCase()!==t.nodeName.toLowerCase()?null:t)&&(e.stateNode=t,ra=e,oa=co(t.firstChild),!0);case 6:return null!==(t=""===e.pendingProps||3!==t.nodeType?null:t)&&(e.stateNode=t,ra=e,oa=null,!0);case 13:return null!==(t=8!==t.nodeType?null:t)&&(n=null!==Yo?{id:Zo,overflow:Jo}:null,e.memoizedState={dehydrated:t,treeContext:n,retryLane:1073741824},(n=Pc(18,null,null,0)).stateNode=t,n.return=e,e.child=n,ra=e,oa=null,!0);default:return!1}}function ca(e){return!(!(1&e.mode)||128&e.flags)}function ua(e){if(aa){var t=oa;if(t){var n=t;if(!la(e,t)){if(ca(e))throw Error(a(418));t=co(n.nextSibling);var r=ra;t&&la(e,t)?sa(r,n):(e.flags=-4097&e.flags|2,aa=!1,ra=e)}}else{if(ca(e))throw Error(a(418));e.flags=-4097&e.flags|2,aa=!1,ra=e}}}function da(e){for(e=e.return;null!==e&&5!==e.tag&&3!==e.tag&&13!==e.tag;)e=e.return;ra=e}function pa(e){if(e!==ra)return!1;if(!aa)return da(e),aa=!0,!1;var t;if((t=3!==e.tag)&&!(t=5!==e.tag)&&(t="head"!==(t=e.type)&&"body"!==t&&!no(e.type,e.memoizedProps)),t&&(t=oa)){if(ca(e))throw fa(),Error(a(418));for(;t;)sa(e,t),t=co(t.nextSibling)}if(da(e),13===e.tag){if(!(e=null!==(e=e.memoizedState)?e.dehydrated:null))throw Error(a(317));e:{for(e=e.nextSibling,t=0;e;){if(8===e.nodeType){var n=e.data;if("/$"===n){if(0===t){oa=co(e.nextSibling);break e}t--}else"$"!==n&&"$!"!==n&&"$?"!==n||t++}e=e.nextSibling}oa=null}}else oa=ra?co(e.stateNode.nextSibling):null;return!0}function fa(){for(var e=oa;e;)e=co(e.nextSibling)}function ma(){oa=ra=null,aa=!1}function ha(e){null===ia?ia=[e]:ia.push(e)}var ga=w.ReactCurrentBatchConfig;function ba(e,t,n){if(null!==(e=n.ref)&&"function"!=typeof e&&"object"!=typeof e){if(n._owner){if(n=n._owner){if(1!==n.tag)throw Error(a(309));var r=n.stateNode}if(!r)throw Error(a(147,e));var o=r,i=""+e;return null!==t&&null!==t.ref&&"function"==typeof t.ref&&t.ref._stringRef===i?t.ref:(t=function(e){var t=o.refs;null===e?delete t[i]:t[i]=e},t._stringRef=i,t)}if("string"!=typeof e)throw Error(a(284));if(!n._owner)throw Error(a(290,e))}return e}function ya(e,t){throw e=Object.prototype.toString.call(t),Error(a(31,"[object Object]"===e?"object with keys {"+Object.keys(t).join(", ")+"}":e))}function va(e){return(0,e._init)(e._payload)}function wa(e){function t(t,n){if(e){var r=t.deletions;null===r?(t.deletions=[n],t.flags|=16):r.push(n)}}function n(n,r){if(!e)return null;for(;null!==r;)t(n,r),r=r.sibling;return null}function r(e,t){for(e=new Map;null!==t;)null!==t.key?e.set(t.key,t):e.set(t.index,t),t=t.sibling;return e}function o(e,t){return(e=Ic(e,t)).index=0,e.sibling=null,e}function i(t,n,r){return t.index=r,e?null!==(r=t.alternate)?(r=r.index)<n?(t.flags|=2,n):r:(t.flags|=2,n):(t.flags|=1048576,n)}function s(t){return e&&null===t.alternate&&(t.flags|=2),t}function l(e,t,n,r){return null===t||6!==t.tag?((t=Mc(n,e.mode,r)).return=e,t):((t=o(t,n)).return=e,t)}function c(e,t,n,r){var a=n.type;return a===x?d(e,t,n.props.children,r,n.key):null!==t&&(t.elementType===a||"object"==typeof a&&null!==a&&a.$$typeof===L&&va(a)===t.type)?((r=o(t,n.props)).ref=ba(e,t,n),r.return=e,r):((r=Nc(n.type,n.key,n.props,null,e.mode,r)).ref=ba(e,t,n),r.return=e,r)}function u(e,t,n,r){return null===t||4!==t.tag||t.stateNode.containerInfo!==n.containerInfo||t.stateNode.implementation!==n.implementation?((t=Fc(n,e.mode,r)).return=e,t):((t=o(t,n.children||[])).return=e,t)}function d(e,t,n,r,a){return null===t||7!==t.tag?((t=Rc(n,e.mode,r,a)).return=e,t):((t=o(t,n)).return=e,t)}function p(e,t,n){if("string"==typeof t&&""!==t||"number"==typeof t)return(t=Mc(""+t,e.mode,n)).return=e,t;if("object"==typeof t&&null!==t){switch(t.$$typeof){case S:return(n=Nc(t.type,t.key,t.props,null,e.mode,n)).ref=ba(e,null,t),n.return=e,n;case k:return(t=Fc(t,e.mode,n)).return=e,t;case L:return p(e,(0,t._init)(t._payload),n)}if(te(t)||R(t))return(t=Rc(t,e.mode,n,null)).return=e,t;ya(e,t)}return null}function f(e,t,n,r){var o=null!==t?t.key:null;if("string"==typeof n&&""!==n||"number"==typeof n)return null!==o?null:l(e,t,""+n,r);if("object"==typeof n&&null!==n){switch(n.$$typeof){case S:return n.key===o?c(e,t,n,r):null;case k:return n.key===o?u(e,t,n,r):null;case L:return f(e,t,(o=n._init)(n._payload),r)}if(te(n)||R(n))return null!==o?null:d(e,t,n,r,null);ya(e,n)}return null}function m(e,t,n,r,o){if("string"==typeof r&&""!==r||"number"==typeof r)return l(t,e=e.get(n)||null,""+r,o);if("object"==typeof r&&null!==r){switch(r.$$typeof){case S:return c(t,e=e.get(null===r.key?n:r.key)||null,r,o);case k:return u(t,e=e.get(null===r.key?n:r.key)||null,r,o);case L:return m(e,t,n,(0,r._init)(r._payload),o)}if(te(r)||R(r))return d(t,e=e.get(n)||null,r,o,null);ya(t,r)}return null}function h(o,a,s,l){for(var c=null,u=null,d=a,h=a=0,g=null;null!==d&&h<s.length;h++){d.index>h?(g=d,d=null):g=d.sibling;var b=f(o,d,s[h],l);if(null===b){null===d&&(d=g);break}e&&d&&null===b.alternate&&t(o,d),a=i(b,a,h),null===u?c=b:u.sibling=b,u=b,d=g}if(h===s.length)return n(o,d),aa&&Xo(o,h),c;if(null===d){for(;h<s.length;h++)null!==(d=p(o,s[h],l))&&(a=i(d,a,h),null===u?c=d:u.sibling=d,u=d);return aa&&Xo(o,h),c}for(d=r(o,d);h<s.length;h++)null!==(g=m(d,o,h,s[h],l))&&(e&&null!==g.alternate&&d.delete(null===g.key?h:g.key),a=i(g,a,h),null===u?c=g:u.sibling=g,u=g);return e&&d.forEach((function(e){return t(o,e)})),aa&&Xo(o,h),c}function g(o,s,l,c){var u=R(l);if("function"!=typeof u)throw Error(a(150));if(null==(l=u.call(l)))throw Error(a(151));for(var d=u=null,h=s,g=s=0,b=null,y=l.next();null!==h&&!y.done;g++,y=l.next()){h.index>g?(b=h,h=null):b=h.sibling;var v=f(o,h,y.value,c);if(null===v){null===h&&(h=b);break}e&&h&&null===v.alternate&&t(o,h),s=i(v,s,g),null===d?u=v:d.sibling=v,d=v,h=b}if(y.done)return n(o,h),aa&&Xo(o,g),u;if(null===h){for(;!y.done;g++,y=l.next())null!==(y=p(o,y.value,c))&&(s=i(y,s,g),null===d?u=y:d.sibling=y,d=y);return aa&&Xo(o,g),u}for(h=r(o,h);!y.done;g++,y=l.next())null!==(y=m(h,o,g,y.value,c))&&(e&&null!==y.alternate&&h.delete(null===y.key?g:y.key),s=i(y,s,g),null===d?u=y:d.sibling=y,d=y);return e&&h.forEach((function(e){return t(o,e)})),aa&&Xo(o,g),u}return function e(r,a,i,l){if("object"==typeof i&&null!==i&&i.type===x&&null===i.key&&(i=i.props.children),"object"==typeof i&&null!==i){switch(i.$$typeof){case S:e:{for(var c=i.key,u=a;null!==u;){if(u.key===c){if((c=i.type)===x){if(7===u.tag){n(r,u.sibling),(a=o(u,i.props.children)).return=r,r=a;break e}}else if(u.elementType===c||"object"==typeof c&&null!==c&&c.$$typeof===L&&va(c)===u.type){n(r,u.sibling),(a=o(u,i.props)).ref=ba(r,u,i),a.return=r,r=a;break e}n(r,u);break}t(r,u),u=u.sibling}i.type===x?((a=Rc(i.props.children,r.mode,l,i.key)).return=r,r=a):((l=Nc(i.type,i.key,i.props,null,r.mode,l)).ref=ba(r,a,i),l.return=r,r=l)}return s(r);case k:e:{for(u=i.key;null!==a;){if(a.key===u){if(4===a.tag&&a.stateNode.containerInfo===i.containerInfo&&a.stateNode.implementation===i.implementation){n(r,a.sibling),(a=o(a,i.children||[])).return=r,r=a;break e}n(r,a);break}t(r,a),a=a.sibling}(a=Fc(i,r.mode,l)).return=r,r=a}return s(r);case L:return e(r,a,(u=i._init)(i._payload),l)}if(te(i))return h(r,a,i,l);if(R(i))return g(r,a,i,l);ya(r,i)}return"string"==typeof i&&""!==i||"number"==typeof i?(i=""+i,null!==a&&6===a.tag?(n(r,a.sibling),(a=o(a,i)).return=r,r=a):(n(r,a),(a=Mc(i,r.mode,l)).return=r,r=a),s(r)):n(r,a)}}var Sa=wa(!0),ka=wa(!1),xa=_o(null),Ea=null,_a=null,Ca=null;function ja(){Ca=_a=Ea=null}function Oa(e){var t=xa.current;Co(xa),e._currentValue=t}function Aa(e,t,n){for(;null!==e;){var r=e.alternate;if((e.childLanes&t)!==t?(e.childLanes|=t,null!==r&&(r.childLanes|=t)):null!==r&&(r.childLanes&t)!==t&&(r.childLanes|=t),e===n)break;e=e.return}}function Ta(e,t){Ea=e,Ca=_a=null,null!==(e=e.dependencies)&&null!==e.firstContext&&(!!(e.lanes&t)&&(vs=!0),e.firstContext=null)}function Pa(e){var t=e._currentValue;if(Ca!==e)if(e={context:e,memoizedValue:t,next:null},null===_a){if(null===Ea)throw Error(a(308));_a=e,Ea.dependencies={lanes:0,firstContext:e}}else _a=_a.next=e;return t}var La=null;function Ia(e){null===La?La=[e]:La.push(e)}function Na(e,t,n,r){var o=t.interleaved;return null===o?(n.next=n,Ia(t)):(n.next=o.next,o.next=n),t.interleaved=n,Ra(e,r)}function Ra(e,t){e.lanes|=t;var n=e.alternate;for(null!==n&&(n.lanes|=t),n=e,e=e.return;null!==e;)e.childLanes|=t,null!==(n=e.alternate)&&(n.childLanes|=t),n=e,e=e.return;return 3===n.tag?n.stateNode:null}var Da=!1;function Ma(e){e.updateQueue={baseState:e.memoizedState,firstBaseUpdate:null,lastBaseUpdate:null,shared:{pending:null,interleaved:null,lanes:0},effects:null}}function Fa(e,t){e=e.updateQueue,t.updateQueue===e&&(t.updateQueue={baseState:e.baseState,firstBaseUpdate:e.firstBaseUpdate,lastBaseUpdate:e.lastBaseUpdate,shared:e.shared,effects:e.effects})}function za(e,t){return{eventTime:e,lane:t,tag:0,payload:null,callback:null,next:null}}function Ba(e,t,n){var r=e.updateQueue;if(null===r)return null;if(r=r.shared,2&Ol){var o=r.pending;return null===o?t.next=t:(t.next=o.next,o.next=t),r.pending=t,Ra(e,n)}return null===(o=r.interleaved)?(t.next=t,Ia(r)):(t.next=o.next,o.next=t),r.interleaved=t,Ra(e,n)}function Ua(e,t,n){if(null!==(t=t.updateQueue)&&(t=t.shared,4194240&n)){var r=t.lanes;n|=r&=e.pendingLanes,t.lanes=n,yt(e,n)}}function qa(e,t){var n=e.updateQueue,r=e.alternate;if(null!==r&&n===(r=r.updateQueue)){var o=null,a=null;if(null!==(n=n.firstBaseUpdate)){do{var i={eventTime:n.eventTime,lane:n.lane,tag:n.tag,payload:n.payload,callback:n.callback,next:null};null===a?o=a=i:a=a.next=i,n=n.next}while(null!==n);null===a?o=a=t:a=a.next=t}else o=a=t;return n={baseState:r.baseState,firstBaseUpdate:o,lastBaseUpdate:a,shared:r.shared,effects:r.effects},void(e.updateQueue=n)}null===(e=n.lastBaseUpdate)?n.firstBaseUpdate=t:e.next=t,n.lastBaseUpdate=t}function $a(e,t,n,r){var o=e.updateQueue;Da=!1;var a=o.firstBaseUpdate,i=o.lastBaseUpdate,s=o.shared.pending;if(null!==s){o.shared.pending=null;var l=s,c=l.next;l.next=null,null===i?a=c:i.next=c,i=l;var u=e.alternate;null!==u&&((s=(u=u.updateQueue).lastBaseUpdate)!==i&&(null===s?u.firstBaseUpdate=c:s.next=c,u.lastBaseUpdate=l))}if(null!==a){var d=o.baseState;for(i=0,u=c=l=null,s=a;;){var p=s.lane,f=s.eventTime;if((r&p)===p){null!==u&&(u=u.next={eventTime:f,lane:0,tag:s.tag,payload:s.payload,callback:s.callback,next:null});e:{var m=e,h=s;switch(p=t,f=n,h.tag){case 1:if("function"==typeof(m=h.payload)){d=m.call(f,d,p);break e}d=m;break e;case 3:m.flags=-65537&m.flags|128;case 0:if(null==(p="function"==typeof(m=h.payload)?m.call(f,d,p):m))break e;d=M({},d,p);break e;case 2:Da=!0}}null!==s.callback&&0!==s.lane&&(e.flags|=64,null===(p=o.effects)?o.effects=[s]:p.push(s))}else f={eventTime:f,lane:p,tag:s.tag,payload:s.payload,callback:s.callback,next:null},null===u?(c=u=f,l=d):u=u.next=f,i|=p;if(null===(s=s.next)){if(null===(s=o.shared.pending))break;s=(p=s).next,p.next=null,o.lastBaseUpdate=p,o.shared.pending=null}}if(null===u&&(l=d),o.baseState=l,o.firstBaseUpdate=c,o.lastBaseUpdate=u,null!==(t=o.shared.interleaved)){o=t;do{i|=o.lane,o=o.next}while(o!==t)}else null===a&&(o.shared.lanes=0);Dl|=i,e.lanes=i,e.memoizedState=d}}function Ha(e,t,n){if(e=t.effects,t.effects=null,null!==e)for(t=0;t<e.length;t++){var r=e[t],o=r.callback;if(null!==o){if(r.callback=null,r=n,"function"!=typeof o)throw Error(a(191,o));o.call(r)}}}var Va={},Ga=_o(Va),Wa=_o(Va),Ka=_o(Va);function Qa(e){if(e===Va)throw Error(a(174));return e}function Ya(e,t){switch(jo(Ka,t),jo(Wa,e),jo(Ga,Va),e=t.nodeType){case 9:case 11:t=(t=t.documentElement)?t.namespaceURI:le(null,"");break;default:t=le(t=(e=8===e?t.parentNode:t).namespaceURI||null,e=e.tagName)}Co(Ga),jo(Ga,t)}function Za(){Co(Ga),Co(Wa),Co(Ka)}function Ja(e){Qa(Ka.current);var t=Qa(Ga.current),n=le(t,e.type);t!==n&&(jo(Wa,e),jo(Ga,n))}function Xa(e){Wa.current===e&&(Co(Ga),Co(Wa))}var ei=_o(0);function ti(e){for(var t=e;null!==t;){if(13===t.tag){var n=t.memoizedState;if(null!==n&&(null===(n=n.dehydrated)||"$?"===n.data||"$!"===n.data))return t}else if(19===t.tag&&void 0!==t.memoizedProps.revealOrder){if(128&t.flags)return t}else if(null!==t.child){t.child.return=t,t=t.child;continue}if(t===e)break;for(;null===t.sibling;){if(null===t.return||t.return===e)return null;t=t.return}t.sibling.return=t.return,t=t.sibling}return null}var ni=[];function ri(){for(var e=0;e<ni.length;e++)ni[e]._workInProgressVersionPrimary=null;ni.length=0}var oi=w.ReactCurrentDispatcher,ai=w.ReactCurrentBatchConfig,ii=0,si=null,li=null,ci=null,ui=!1,di=!1,pi=0,fi=0;function mi(){throw Error(a(321))}function hi(e,t){if(null===t)return!1;for(var n=0;n<t.length&&n<e.length;n++)if(!sr(e[n],t[n]))return!1;return!0}function gi(e,t,n,r,o,i){if(ii=i,si=t,t.memoizedState=null,t.updateQueue=null,t.lanes=0,oi.current=null===e||null===e.memoizedState?Xi:es,e=n(r,o),di){i=0;do{if(di=!1,pi=0,25<=i)throw Error(a(301));i+=1,ci=li=null,t.updateQueue=null,oi.current=ts,e=n(r,o)}while(di)}if(oi.current=Ji,t=null!==li&&null!==li.next,ii=0,ci=li=si=null,ui=!1,t)throw Error(a(300));return e}function bi(){var e=0!==pi;return pi=0,e}function yi(){var e={memoizedState:null,baseState:null,baseQueue:null,queue:null,next:null};return null===ci?si.memoizedState=ci=e:ci=ci.next=e,ci}function vi(){if(null===li){var e=si.alternate;e=null!==e?e.memoizedState:null}else e=li.next;var t=null===ci?si.memoizedState:ci.next;if(null!==t)ci=t,li=e;else{if(null===e)throw Error(a(310));e={memoizedState:(li=e).memoizedState,baseState:li.baseState,baseQueue:li.baseQueue,queue:li.queue,next:null},null===ci?si.memoizedState=ci=e:ci=ci.next=e}return ci}function wi(e,t){return"function"==typeof t?t(e):t}function Si(e){var t=vi(),n=t.queue;if(null===n)throw Error(a(311));n.lastRenderedReducer=e;var r=li,o=r.baseQueue,i=n.pending;if(null!==i){if(null!==o){var s=o.next;o.next=i.next,i.next=s}r.baseQueue=o=i,n.pending=null}if(null!==o){i=o.next,r=r.baseState;var l=s=null,c=null,u=i;do{var d=u.lane;if((ii&d)===d)null!==c&&(c=c.next={lane:0,action:u.action,hasEagerState:u.hasEagerState,eagerState:u.eagerState,next:null}),r=u.hasEagerState?u.eagerState:e(r,u.action);else{var p={lane:d,action:u.action,hasEagerState:u.hasEagerState,eagerState:u.eagerState,next:null};null===c?(l=c=p,s=r):c=c.next=p,si.lanes|=d,Dl|=d}u=u.next}while(null!==u&&u!==i);null===c?s=r:c.next=l,sr(r,t.memoizedState)||(vs=!0),t.memoizedState=r,t.baseState=s,t.baseQueue=c,n.lastRenderedState=r}if(null!==(e=n.interleaved)){o=e;do{i=o.lane,si.lanes|=i,Dl|=i,o=o.next}while(o!==e)}else null===o&&(n.lanes=0);return[t.memoizedState,n.dispatch]}function ki(e){var t=vi(),n=t.queue;if(null===n)throw Error(a(311));n.lastRenderedReducer=e;var r=n.dispatch,o=n.pending,i=t.memoizedState;if(null!==o){n.pending=null;var s=o=o.next;do{i=e(i,s.action),s=s.next}while(s!==o);sr(i,t.memoizedState)||(vs=!0),t.memoizedState=i,null===t.baseQueue&&(t.baseState=i),n.lastRenderedState=i}return[i,r]}function xi(){}function Ei(e,t){var n=si,r=vi(),o=t(),i=!sr(r.memoizedState,o);if(i&&(r.memoizedState=o,vs=!0),r=r.queue,Di(ji.bind(null,n,r,e),[e]),r.getSnapshot!==t||i||null!==ci&&1&ci.memoizedState.tag){if(n.flags|=2048,Pi(9,Ci.bind(null,n,r,o,t),void 0,null),null===Al)throw Error(a(349));30&ii||_i(n,t,o)}return o}function _i(e,t,n){e.flags|=16384,e={getSnapshot:t,value:n},null===(t=si.updateQueue)?(t={lastEffect:null,stores:null},si.updateQueue=t,t.stores=[e]):null===(n=t.stores)?t.stores=[e]:n.push(e)}function Ci(e,t,n,r){t.value=n,t.getSnapshot=r,Oi(t)&&Ai(e)}function ji(e,t,n){return n((function(){Oi(t)&&Ai(e)}))}function Oi(e){var t=e.getSnapshot;e=e.value;try{var n=t();return!sr(e,n)}catch(r){return!0}}function Ai(e){var t=Ra(e,1);null!==t&&nc(t,e,1,-1)}function Ti(e){var t=yi();return"function"==typeof e&&(e=e()),t.memoizedState=t.baseState=e,e={pending:null,interleaved:null,lanes:0,dispatch:null,lastRenderedReducer:wi,lastRenderedState:e},t.queue=e,e=e.dispatch=Ki.bind(null,si,e),[t.memoizedState,e]}function Pi(e,t,n,r){return e={tag:e,create:t,destroy:n,deps:r,next:null},null===(t=si.updateQueue)?(t={lastEffect:null,stores:null},si.updateQueue=t,t.lastEffect=e.next=e):null===(n=t.lastEffect)?t.lastEffect=e.next=e:(r=n.next,n.next=e,e.next=r,t.lastEffect=e),e}function Li(){return vi().memoizedState}function Ii(e,t,n,r){var o=yi();si.flags|=e,o.memoizedState=Pi(1|t,n,void 0,void 0===r?null:r)}function Ni(e,t,n,r){var o=vi();r=void 0===r?null:r;var a=void 0;if(null!==li){var i=li.memoizedState;if(a=i.destroy,null!==r&&hi(r,i.deps))return void(o.memoizedState=Pi(t,n,a,r))}si.flags|=e,o.memoizedState=Pi(1|t,n,a,r)}function Ri(e,t){return Ii(8390656,8,e,t)}function Di(e,t){return Ni(2048,8,e,t)}function Mi(e,t){return Ni(4,2,e,t)}function Fi(e,t){return Ni(4,4,e,t)}function zi(e,t){return"function"==typeof t?(e=e(),t(e),function(){t(null)}):null!=t?(e=e(),t.current=e,function(){t.current=null}):void 0}function Bi(e,t,n){return n=null!=n?n.concat([e]):null,Ni(4,4,zi.bind(null,t,e),n)}function Ui(){}function qi(e,t){var n=vi();t=void 0===t?null:t;var r=n.memoizedState;return null!==r&&null!==t&&hi(t,r[1])?r[0]:(n.memoizedState=[e,t],e)}function $i(e,t){var n=vi();t=void 0===t?null:t;var r=n.memoizedState;return null!==r&&null!==t&&hi(t,r[1])?r[0]:(e=e(),n.memoizedState=[e,t],e)}function Hi(e,t,n){return 21&ii?(sr(n,t)||(n=ht(),si.lanes|=n,Dl|=n,e.baseState=!0),t):(e.baseState&&(e.baseState=!1,vs=!0),e.memoizedState=n)}function Vi(e,t){var n=vt;vt=0!==n&&4>n?n:4,e(!0);var r=ai.transition;ai.transition={};try{e(!1),t()}finally{vt=n,ai.transition=r}}function Gi(){return vi().memoizedState}function Wi(e,t,n){var r=tc(e);if(n={lane:r,action:n,hasEagerState:!1,eagerState:null,next:null},Qi(e))Yi(t,n);else if(null!==(n=Na(e,t,n,r))){nc(n,e,r,ec()),Zi(n,t,r)}}function Ki(e,t,n){var r=tc(e),o={lane:r,action:n,hasEagerState:!1,eagerState:null,next:null};if(Qi(e))Yi(t,o);else{var a=e.alternate;if(0===e.lanes&&(null===a||0===a.lanes)&&null!==(a=t.lastRenderedReducer))try{var i=t.lastRenderedState,s=a(i,n);if(o.hasEagerState=!0,o.eagerState=s,sr(s,i)){var l=t.interleaved;return null===l?(o.next=o,Ia(t)):(o.next=l.next,l.next=o),void(t.interleaved=o)}}catch(c){}null!==(n=Na(e,t,o,r))&&(nc(n,e,r,o=ec()),Zi(n,t,r))}}function Qi(e){var t=e.alternate;return e===si||null!==t&&t===si}function Yi(e,t){di=ui=!0;var n=e.pending;null===n?t.next=t:(t.next=n.next,n.next=t),e.pending=t}function Zi(e,t,n){if(4194240&n){var r=t.lanes;n|=r&=e.pendingLanes,t.lanes=n,yt(e,n)}}var Ji={readContext:Pa,useCallback:mi,useContext:mi,useEffect:mi,useImperativeHandle:mi,useInsertionEffect:mi,useLayoutEffect:mi,useMemo:mi,useReducer:mi,useRef:mi,useState:mi,useDebugValue:mi,useDeferredValue:mi,useTransition:mi,useMutableSource:mi,useSyncExternalStore:mi,useId:mi,unstable_isNewReconciler:!1},Xi={readContext:Pa,useCallback:function(e,t){return yi().memoizedState=[e,void 0===t?null:t],e},useContext:Pa,useEffect:Ri,useImperativeHandle:function(e,t,n){return n=null!=n?n.concat([e]):null,Ii(4194308,4,zi.bind(null,t,e),n)},useLayoutEffect:function(e,t){return Ii(4194308,4,e,t)},useInsertionEffect:function(e,t){return Ii(4,2,e,t)},useMemo:function(e,t){var n=yi();return t=void 0===t?null:t,e=e(),n.memoizedState=[e,t],e},useReducer:function(e,t,n){var r=yi();return t=void 0!==n?n(t):t,r.memoizedState=r.baseState=t,e={pending:null,interleaved:null,lanes:0,dispatch:null,lastRenderedReducer:e,lastRenderedState:t},r.queue=e,e=e.dispatch=Wi.bind(null,si,e),[r.memoizedState,e]},useRef:function(e){return e={current:e},yi().memoizedState=e},useState:Ti,useDebugValue:Ui,useDeferredValue:function(e){return yi().memoizedState=e},useTransition:function(){var e=Ti(!1),t=e[0];return e=Vi.bind(null,e[1]),yi().memoizedState=e,[t,e]},useMutableSource:function(){},useSyncExternalStore:function(e,t,n){var r=si,o=yi();if(aa){if(void 0===n)throw Error(a(407));n=n()}else{if(n=t(),null===Al)throw Error(a(349));30&ii||_i(r,t,n)}o.memoizedState=n;var i={value:n,getSnapshot:t};return o.queue=i,Ri(ji.bind(null,r,i,e),[e]),r.flags|=2048,Pi(9,Ci.bind(null,r,i,n,t),void 0,null),n},useId:function(){var e=yi(),t=Al.identifierPrefix;if(aa){var n=Jo;t=":"+t+"R"+(n=(Zo&~(1<<32-it(Zo)-1)).toString(32)+n),0<(n=pi++)&&(t+="H"+n.toString(32)),t+=":"}else t=":"+t+"r"+(n=fi++).toString(32)+":";return e.memoizedState=t},unstable_isNewReconciler:!1},es={readContext:Pa,useCallback:qi,useContext:Pa,useEffect:Di,useImperativeHandle:Bi,useInsertionEffect:Mi,useLayoutEffect:Fi,useMemo:$i,useReducer:Si,useRef:Li,useState:function(){return Si(wi)},useDebugValue:Ui,useDeferredValue:function(e){return Hi(vi(),li.memoizedState,e)},useTransition:function(){return[Si(wi)[0],vi().memoizedState]},useMutableSource:xi,useSyncExternalStore:Ei,useId:Gi,unstable_isNewReconciler:!1},ts={readContext:Pa,useCallback:qi,useContext:Pa,useEffect:Di,useImperativeHandle:Bi,useInsertionEffect:Mi,useLayoutEffect:Fi,useMemo:$i,useReducer:ki,useRef:Li,useState:function(){return ki(wi)},useDebugValue:Ui,useDeferredValue:function(e){var t=vi();return null===li?t.memoizedState=e:Hi(t,li.memoizedState,e)},useTransition:function(){return[ki(wi)[0],vi().memoizedState]},useMutableSource:xi,useSyncExternalStore:Ei,useId:Gi,unstable_isNewReconciler:!1};function ns(e,t){if(e&&e.defaultProps){for(var n in t=M({},t),e=e.defaultProps)void 0===t[n]&&(t[n]=e[n]);return t}return t}function rs(e,t,n,r){n=null==(n=n(r,t=e.memoizedState))?t:M({},t,n),e.memoizedState=n,0===e.lanes&&(e.updateQueue.baseState=n)}var os={isMounted:function(e){return!!(e=e._reactInternals)&&qe(e)===e},enqueueSetState:function(e,t,n){e=e._reactInternals;var r=ec(),o=tc(e),a=za(r,o);a.payload=t,null!=n&&(a.callback=n),null!==(t=Ba(e,a,o))&&(nc(t,e,o,r),Ua(t,e,o))},enqueueReplaceState:function(e,t,n){e=e._reactInternals;var r=ec(),o=tc(e),a=za(r,o);a.tag=1,a.payload=t,null!=n&&(a.callback=n),null!==(t=Ba(e,a,o))&&(nc(t,e,o,r),Ua(t,e,o))},enqueueForceUpdate:function(e,t){e=e._reactInternals;var n=ec(),r=tc(e),o=za(n,r);o.tag=2,null!=t&&(o.callback=t),null!==(t=Ba(e,o,r))&&(nc(t,e,r,n),Ua(t,e,r))}};function as(e,t,n,r,o,a,i){return"function"==typeof(e=e.stateNode).shouldComponentUpdate?e.shouldComponentUpdate(r,a,i):!t.prototype||!t.prototype.isPureReactComponent||(!lr(n,r)||!lr(o,a))}function is(e,t,n){var r=!1,o=Oo,a=t.contextType;return"object"==typeof a&&null!==a?a=Pa(a):(o=Io(t)?Po:Ao.current,a=(r=null!=(r=t.contextTypes))?Lo(e,o):Oo),t=new t(n,a),e.memoizedState=null!==t.state&&void 0!==t.state?t.state:null,t.updater=os,e.stateNode=t,t._reactInternals=e,r&&((e=e.stateNode).__reactInternalMemoizedUnmaskedChildContext=o,e.__reactInternalMemoizedMaskedChildContext=a),t}function ss(e,t,n,r){e=t.state,"function"==typeof t.componentWillReceiveProps&&t.componentWillReceiveProps(n,r),"function"==typeof t.UNSAFE_componentWillReceiveProps&&t.UNSAFE_componentWillReceiveProps(n,r),t.state!==e&&os.enqueueReplaceState(t,t.state,null)}function ls(e,t,n,r){var o=e.stateNode;o.props=n,o.state=e.memoizedState,o.refs={},Ma(e);var a=t.contextType;"object"==typeof a&&null!==a?o.context=Pa(a):(a=Io(t)?Po:Ao.current,o.context=Lo(e,a)),o.state=e.memoizedState,"function"==typeof(a=t.getDerivedStateFromProps)&&(rs(e,t,a,n),o.state=e.memoizedState),"function"==typeof t.getDerivedStateFromProps||"function"==typeof o.getSnapshotBeforeUpdate||"function"!=typeof o.UNSAFE_componentWillMount&&"function"!=typeof o.componentWillMount||(t=o.state,"function"==typeof o.componentWillMount&&o.componentWillMount(),"function"==typeof o.UNSAFE_componentWillMount&&o.UNSAFE_componentWillMount(),t!==o.state&&os.enqueueReplaceState(o,o.state,null),$a(e,n,o,r),o.state=e.memoizedState),"function"==typeof o.componentDidMount&&(e.flags|=4194308)}function cs(e,t){try{var n="",r=t;do{n+=U(r),r=r.return}while(r);var o=n}catch(a){o="\nError generating stack: "+a.message+"\n"+a.stack}return{value:e,source:t,stack:o,digest:null}}function us(e,t,n){return{value:e,source:null,stack:null!=n?n:null,digest:null!=t?t:null}}function ds(e,t){try{console.error(t.value)}catch(n){setTimeout((function(){throw n}))}}var ps="function"==typeof WeakMap?WeakMap:Map;function fs(e,t,n){(n=za(-1,n)).tag=3,n.payload={element:null};var r=t.value;return n.callback=function(){Hl||(Hl=!0,Vl=r),ds(0,t)},n}function ms(e,t,n){(n=za(-1,n)).tag=3;var r=e.type.getDerivedStateFromError;if("function"==typeof r){var o=t.value;n.payload=function(){return r(o)},n.callback=function(){ds(0,t)}}var a=e.stateNode;return null!==a&&"function"==typeof a.componentDidCatch&&(n.callback=function(){ds(0,t),"function"!=typeof r&&(null===Gl?Gl=new Set([this]):Gl.add(this));var e=t.stack;this.componentDidCatch(t.value,{componentStack:null!==e?e:""})}),n}function hs(e,t,n){var r=e.pingCache;if(null===r){r=e.pingCache=new ps;var o=new Set;r.set(t,o)}else void 0===(o=r.get(t))&&(o=new Set,r.set(t,o));o.has(n)||(o.add(n),e=_c.bind(null,e,t,n),t.then(e,e))}function gs(e){do{var t;if((t=13===e.tag)&&(t=null===(t=e.memoizedState)||null!==t.dehydrated),t)return e;e=e.return}while(null!==e);return null}function bs(e,t,n,r,o){return 1&e.mode?(e.flags|=65536,e.lanes=o,e):(e===t?e.flags|=65536:(e.flags|=128,n.flags|=131072,n.flags&=-52805,1===n.tag&&(null===n.alternate?n.tag=17:((t=za(-1,1)).tag=2,Ba(n,t,1))),n.lanes|=1),e)}var ys=w.ReactCurrentOwner,vs=!1;function ws(e,t,n,r){t.child=null===e?ka(t,null,n,r):Sa(t,e.child,n,r)}function Ss(e,t,n,r,o){n=n.render;var a=t.ref;return Ta(t,o),r=gi(e,t,n,r,a,o),n=bi(),null===e||vs?(aa&&n&&ta(t),t.flags|=1,ws(e,t,r,o),t.child):(t.updateQueue=e.updateQueue,t.flags&=-2053,e.lanes&=~o,Hs(e,t,o))}function ks(e,t,n,r,o){if(null===e){var a=n.type;return"function"!=typeof a||Lc(a)||void 0!==a.defaultProps||null!==n.compare||void 0!==n.defaultProps?((e=Nc(n.type,null,r,t,t.mode,o)).ref=t.ref,e.return=t,t.child=e):(t.tag=15,t.type=a,xs(e,t,a,r,o))}if(a=e.child,!(e.lanes&o)){var i=a.memoizedProps;if((n=null!==(n=n.compare)?n:lr)(i,r)&&e.ref===t.ref)return Hs(e,t,o)}return t.flags|=1,(e=Ic(a,r)).ref=t.ref,e.return=t,t.child=e}function xs(e,t,n,r,o){if(null!==e){var a=e.memoizedProps;if(lr(a,r)&&e.ref===t.ref){if(vs=!1,t.pendingProps=r=a,!(e.lanes&o))return t.lanes=e.lanes,Hs(e,t,o);131072&e.flags&&(vs=!0)}}return Cs(e,t,n,r,o)}function Es(e,t,n){var r=t.pendingProps,o=r.children,a=null!==e?e.memoizedState:null;if("hidden"===r.mode)if(1&t.mode){if(!(1073741824&n))return e=null!==a?a.baseLanes|n:n,t.lanes=t.childLanes=1073741824,t.memoizedState={baseLanes:e,cachePool:null,transitions:null},t.updateQueue=null,jo(Il,Ll),Ll|=e,null;t.memoizedState={baseLanes:0,cachePool:null,transitions:null},r=null!==a?a.baseLanes:n,jo(Il,Ll),Ll|=r}else t.memoizedState={baseLanes:0,cachePool:null,transitions:null},jo(Il,Ll),Ll|=n;else null!==a?(r=a.baseLanes|n,t.memoizedState=null):r=n,jo(Il,Ll),Ll|=r;return ws(e,t,o,n),t.child}function _s(e,t){var n=t.ref;(null===e&&null!==n||null!==e&&e.ref!==n)&&(t.flags|=512,t.flags|=2097152)}function Cs(e,t,n,r,o){var a=Io(n)?Po:Ao.current;return a=Lo(t,a),Ta(t,o),n=gi(e,t,n,r,a,o),r=bi(),null===e||vs?(aa&&r&&ta(t),t.flags|=1,ws(e,t,n,o),t.child):(t.updateQueue=e.updateQueue,t.flags&=-2053,e.lanes&=~o,Hs(e,t,o))}function js(e,t,n,r,o){if(Io(n)){var a=!0;Mo(t)}else a=!1;if(Ta(t,o),null===t.stateNode)$s(e,t),is(t,n,r),ls(t,n,r,o),r=!0;else if(null===e){var i=t.stateNode,s=t.memoizedProps;i.props=s;var l=i.context,c=n.contextType;"object"==typeof c&&null!==c?c=Pa(c):c=Lo(t,c=Io(n)?Po:Ao.current);var u=n.getDerivedStateFromProps,d="function"==typeof u||"function"==typeof i.getSnapshotBeforeUpdate;d||"function"!=typeof i.UNSAFE_componentWillReceiveProps&&"function"!=typeof i.componentWillReceiveProps||(s!==r||l!==c)&&ss(t,i,r,c),Da=!1;var p=t.memoizedState;i.state=p,$a(t,r,i,o),l=t.memoizedState,s!==r||p!==l||To.current||Da?("function"==typeof u&&(rs(t,n,u,r),l=t.memoizedState),(s=Da||as(t,n,s,r,p,l,c))?(d||"function"!=typeof i.UNSAFE_componentWillMount&&"function"!=typeof i.componentWillMount||("function"==typeof i.componentWillMount&&i.componentWillMount(),"function"==typeof i.UNSAFE_componentWillMount&&i.UNSAFE_componentWillMount()),"function"==typeof i.componentDidMount&&(t.flags|=4194308)):("function"==typeof i.componentDidMount&&(t.flags|=4194308),t.memoizedProps=r,t.memoizedState=l),i.props=r,i.state=l,i.context=c,r=s):("function"==typeof i.componentDidMount&&(t.flags|=4194308),r=!1)}else{i=t.stateNode,Fa(e,t),s=t.memoizedProps,c=t.type===t.elementType?s:ns(t.type,s),i.props=c,d=t.pendingProps,p=i.context,"object"==typeof(l=n.contextType)&&null!==l?l=Pa(l):l=Lo(t,l=Io(n)?Po:Ao.current);var f=n.getDerivedStateFromProps;(u="function"==typeof f||"function"==typeof i.getSnapshotBeforeUpdate)||"function"!=typeof i.UNSAFE_componentWillReceiveProps&&"function"!=typeof i.componentWillReceiveProps||(s!==d||p!==l)&&ss(t,i,r,l),Da=!1,p=t.memoizedState,i.state=p,$a(t,r,i,o);var m=t.memoizedState;s!==d||p!==m||To.current||Da?("function"==typeof f&&(rs(t,n,f,r),m=t.memoizedState),(c=Da||as(t,n,c,r,p,m,l)||!1)?(u||"function"!=typeof i.UNSAFE_componentWillUpdate&&"function"!=typeof i.componentWillUpdate||("function"==typeof i.componentWillUpdate&&i.componentWillUpdate(r,m,l),"function"==typeof i.UNSAFE_componentWillUpdate&&i.UNSAFE_componentWillUpdate(r,m,l)),"function"==typeof i.componentDidUpdate&&(t.flags|=4),"function"==typeof i.getSnapshotBeforeUpdate&&(t.flags|=1024)):("function"!=typeof i.componentDidUpdate||s===e.memoizedProps&&p===e.memoizedState||(t.flags|=4),"function"!=typeof i.getSnapshotBeforeUpdate||s===e.memoizedProps&&p===e.memoizedState||(t.flags|=1024),t.memoizedProps=r,t.memoizedState=m),i.props=r,i.state=m,i.context=l,r=c):("function"!=typeof i.componentDidUpdate||s===e.memoizedProps&&p===e.memoizedState||(t.flags|=4),"function"!=typeof i.getSnapshotBeforeUpdate||s===e.memoizedProps&&p===e.memoizedState||(t.flags|=1024),r=!1)}return Os(e,t,n,r,a,o)}function Os(e,t,n,r,o,a){_s(e,t);var i=!!(128&t.flags);if(!r&&!i)return o&&Fo(t,n,!1),Hs(e,t,a);r=t.stateNode,ys.current=t;var s=i&&"function"!=typeof n.getDerivedStateFromError?null:r.render();return t.flags|=1,null!==e&&i?(t.child=Sa(t,e.child,null,a),t.child=Sa(t,null,s,a)):ws(e,t,s,a),t.memoizedState=r.state,o&&Fo(t,n,!0),t.child}function As(e){var t=e.stateNode;t.pendingContext?Ro(0,t.pendingContext,t.pendingContext!==t.context):t.context&&Ro(0,t.context,!1),Ya(e,t.containerInfo)}function Ts(e,t,n,r,o){return ma(),ha(o),t.flags|=256,ws(e,t,n,r),t.child}var Ps,Ls,Is,Ns,Rs={dehydrated:null,treeContext:null,retryLane:0};function Ds(e){return{baseLanes:e,cachePool:null,transitions:null}}function Ms(e,t,n){var r,o=t.pendingProps,i=ei.current,s=!1,l=!!(128&t.flags);if((r=l)||(r=(null===e||null!==e.memoizedState)&&!!(2&i)),r?(s=!0,t.flags&=-129):null!==e&&null===e.memoizedState||(i|=1),jo(ei,1&i),null===e)return ua(t),null!==(e=t.memoizedState)&&null!==(e=e.dehydrated)?(1&t.mode?"$!"===e.data?t.lanes=8:t.lanes=1073741824:t.lanes=1,null):(l=o.children,e=o.fallback,s?(o=t.mode,s=t.child,l={mode:"hidden",children:l},1&o||null===s?s=Dc(l,o,0,null):(s.childLanes=0,s.pendingProps=l),e=Rc(e,o,n,null),s.return=t,e.return=t,s.sibling=e,t.child=s,t.child.memoizedState=Ds(n),t.memoizedState=Rs,e):Fs(t,l));if(null!==(i=e.memoizedState)&&null!==(r=i.dehydrated))return function(e,t,n,r,o,i,s){if(n)return 256&t.flags?(t.flags&=-257,zs(e,t,s,r=us(Error(a(422))))):null!==t.memoizedState?(t.child=e.child,t.flags|=128,null):(i=r.fallback,o=t.mode,r=Dc({mode:"visible",children:r.children},o,0,null),(i=Rc(i,o,s,null)).flags|=2,r.return=t,i.return=t,r.sibling=i,t.child=r,1&t.mode&&Sa(t,e.child,null,s),t.child.memoizedState=Ds(s),t.memoizedState=Rs,i);if(!(1&t.mode))return zs(e,t,s,null);if("$!"===o.data){if(r=o.nextSibling&&o.nextSibling.dataset)var l=r.dgst;return r=l,zs(e,t,s,r=us(i=Error(a(419)),r,void 0))}if(l=!!(s&e.childLanes),vs||l){if(null!==(r=Al)){switch(s&-s){case 4:o=2;break;case 16:o=8;break;case 64:case 128:case 256:case 512:case 1024:case 2048:case 4096:case 8192:case 16384:case 32768:case 65536:case 131072:case 262144:case 524288:case 1048576:case 2097152:case 4194304:case 8388608:case 16777216:case 33554432:case 67108864:o=32;break;case 536870912:o=268435456;break;default:o=0}0!==(o=o&(r.suspendedLanes|s)?0:o)&&o!==i.retryLane&&(i.retryLane=o,Ra(e,o),nc(r,e,o,-1))}return hc(),zs(e,t,s,r=us(Error(a(421))))}return"$?"===o.data?(t.flags|=128,t.child=e.child,t=jc.bind(null,e),o._reactRetry=t,null):(e=i.treeContext,oa=co(o.nextSibling),ra=t,aa=!0,ia=null,null!==e&&(Ko[Qo++]=Zo,Ko[Qo++]=Jo,Ko[Qo++]=Yo,Zo=e.id,Jo=e.overflow,Yo=t),t=Fs(t,r.children),t.flags|=4096,t)}(e,t,l,o,r,i,n);if(s){s=o.fallback,l=t.mode,r=(i=e.child).sibling;var c={mode:"hidden",children:o.children};return 1&l||t.child===i?(o=Ic(i,c)).subtreeFlags=14680064&i.subtreeFlags:((o=t.child).childLanes=0,o.pendingProps=c,t.deletions=null),null!==r?s=Ic(r,s):(s=Rc(s,l,n,null)).flags|=2,s.return=t,o.return=t,o.sibling=s,t.child=o,o=s,s=t.child,l=null===(l=e.child.memoizedState)?Ds(n):{baseLanes:l.baseLanes|n,cachePool:null,transitions:l.transitions},s.memoizedState=l,s.childLanes=e.childLanes&~n,t.memoizedState=Rs,o}return e=(s=e.child).sibling,o=Ic(s,{mode:"visible",children:o.children}),!(1&t.mode)&&(o.lanes=n),o.return=t,o.sibling=null,null!==e&&(null===(n=t.deletions)?(t.deletions=[e],t.flags|=16):n.push(e)),t.child=o,t.memoizedState=null,o}function Fs(e,t){return(t=Dc({mode:"visible",children:t},e.mode,0,null)).return=e,e.child=t}function zs(e,t,n,r){return null!==r&&ha(r),Sa(t,e.child,null,n),(e=Fs(t,t.pendingProps.children)).flags|=2,t.memoizedState=null,e}function Bs(e,t,n){e.lanes|=t;var r=e.alternate;null!==r&&(r.lanes|=t),Aa(e.return,t,n)}function Us(e,t,n,r,o){var a=e.memoizedState;null===a?e.memoizedState={isBackwards:t,rendering:null,renderingStartTime:0,last:r,tail:n,tailMode:o}:(a.isBackwards=t,a.rendering=null,a.renderingStartTime=0,a.last=r,a.tail=n,a.tailMode=o)}function qs(e,t,n){var r=t.pendingProps,o=r.revealOrder,a=r.tail;if(ws(e,t,r.children,n),2&(r=ei.current))r=1&r|2,t.flags|=128;else{if(null!==e&&128&e.flags)e:for(e=t.child;null!==e;){if(13===e.tag)null!==e.memoizedState&&Bs(e,n,t);else if(19===e.tag)Bs(e,n,t);else if(null!==e.child){e.child.return=e,e=e.child;continue}if(e===t)break e;for(;null===e.sibling;){if(null===e.return||e.return===t)break e;e=e.return}e.sibling.return=e.return,e=e.sibling}r&=1}if(jo(ei,r),1&t.mode)switch(o){case"forwards":for(n=t.child,o=null;null!==n;)null!==(e=n.alternate)&&null===ti(e)&&(o=n),n=n.sibling;null===(n=o)?(o=t.child,t.child=null):(o=n.sibling,n.sibling=null),Us(t,!1,o,n,a);break;case"backwards":for(n=null,o=t.child,t.child=null;null!==o;){if(null!==(e=o.alternate)&&null===ti(e)){t.child=o;break}e=o.sibling,o.sibling=n,n=o,o=e}Us(t,!0,n,null,a);break;case"together":Us(t,!1,null,null,void 0);break;default:t.memoizedState=null}else t.memoizedState=null;return t.child}function $s(e,t){!(1&t.mode)&&null!==e&&(e.alternate=null,t.alternate=null,t.flags|=2)}function Hs(e,t,n){if(null!==e&&(t.dependencies=e.dependencies),Dl|=t.lanes,!(n&t.childLanes))return null;if(null!==e&&t.child!==e.child)throw Error(a(153));if(null!==t.child){for(n=Ic(e=t.child,e.pendingProps),t.child=n,n.return=t;null!==e.sibling;)e=e.sibling,(n=n.sibling=Ic(e,e.pendingProps)).return=t;n.sibling=null}return t.child}function Vs(e,t){if(!aa)switch(e.tailMode){case"hidden":t=e.tail;for(var n=null;null!==t;)null!==t.alternate&&(n=t),t=t.sibling;null===n?e.tail=null:n.sibling=null;break;case"collapsed":n=e.tail;for(var r=null;null!==n;)null!==n.alternate&&(r=n),n=n.sibling;null===r?t||null===e.tail?e.tail=null:e.tail.sibling=null:r.sibling=null}}function Gs(e){var t=null!==e.alternate&&e.alternate.child===e.child,n=0,r=0;if(t)for(var o=e.child;null!==o;)n|=o.lanes|o.childLanes,r|=14680064&o.subtreeFlags,r|=14680064&o.flags,o.return=e,o=o.sibling;else for(o=e.child;null!==o;)n|=o.lanes|o.childLanes,r|=o.subtreeFlags,r|=o.flags,o.return=e,o=o.sibling;return e.subtreeFlags|=r,e.childLanes=n,t}function Ws(e,t,n){var r=t.pendingProps;switch(na(t),t.tag){case 2:case 16:case 15:case 0:case 11:case 7:case 8:case 12:case 9:case 14:return Gs(t),null;case 1:case 17:return Io(t.type)&&No(),Gs(t),null;case 3:return r=t.stateNode,Za(),Co(To),Co(Ao),ri(),r.pendingContext&&(r.context=r.pendingContext,r.pendingContext=null),null!==e&&null!==e.child||(pa(t)?t.flags|=4:null===e||e.memoizedState.isDehydrated&&!(256&t.flags)||(t.flags|=1024,null!==ia&&(ic(ia),ia=null))),Ls(e,t),Gs(t),null;case 5:Xa(t);var o=Qa(Ka.current);if(n=t.type,null!==e&&null!=t.stateNode)Is(e,t,n,r,o),e.ref!==t.ref&&(t.flags|=512,t.flags|=2097152);else{if(!r){if(null===t.stateNode)throw Error(a(166));return Gs(t),null}if(e=Qa(Ga.current),pa(t)){r=t.stateNode,n=t.type;var i=t.memoizedProps;switch(r[fo]=t,r[mo]=i,e=!!(1&t.mode),n){case"dialog":zr("cancel",r),zr("close",r);break;case"iframe":case"object":case"embed":zr("load",r);break;case"video":case"audio":for(o=0;o<Rr.length;o++)zr(Rr[o],r);break;case"source":zr("error",r);break;case"img":case"image":case"link":zr("error",r),zr("load",r);break;case"details":zr("toggle",r);break;case"input":Y(r,i),zr("invalid",r);break;case"select":r._wrapperState={wasMultiple:!!i.multiple},zr("invalid",r);break;case"textarea":oe(r,i),zr("invalid",r)}for(var l in ye(n,i),o=null,i)if(i.hasOwnProperty(l)){var c=i[l];"children"===l?"string"==typeof c?r.textContent!==c&&(!0!==i.suppressHydrationWarning&&Jr(r.textContent,c,e),o=["children",c]):"number"==typeof c&&r.textContent!==""+c&&(!0!==i.suppressHydrationWarning&&Jr(r.textContent,c,e),o=["children",""+c]):s.hasOwnProperty(l)&&null!=c&&"onScroll"===l&&zr("scroll",r)}switch(n){case"input":G(r),X(r,i,!0);break;case"textarea":G(r),ie(r);break;case"select":case"option":break;default:"function"==typeof i.onClick&&(r.onclick=Xr)}r=o,t.updateQueue=r,null!==r&&(t.flags|=4)}else{l=9===o.nodeType?o:o.ownerDocument,"http://www.w3.org/1999/xhtml"===e&&(e=se(n)),"http://www.w3.org/1999/xhtml"===e?"script"===n?((e=l.createElement("div")).innerHTML="<script><\/script>",e=e.removeChild(e.firstChild)):"string"==typeof r.is?e=l.createElement(n,{is:r.is}):(e=l.createElement(n),"select"===n&&(l=e,r.multiple?l.multiple=!0:r.size&&(l.size=r.size))):e=l.createElementNS(e,n),e[fo]=t,e[mo]=r,Ps(e,t,!1,!1),t.stateNode=e;e:{switch(l=ve(n,r),n){case"dialog":zr("cancel",e),zr("close",e),o=r;break;case"iframe":case"object":case"embed":zr("load",e),o=r;break;case"video":case"audio":for(o=0;o<Rr.length;o++)zr(Rr[o],e);o=r;break;case"source":zr("error",e),o=r;break;case"img":case"image":case"link":zr("error",e),zr("load",e),o=r;break;case"details":zr("toggle",e),o=r;break;case"input":Y(e,r),o=Q(e,r),zr("invalid",e);break;case"option":default:o=r;break;case"select":e._wrapperState={wasMultiple:!!r.multiple},o=M({},r,{value:void 0}),zr("invalid",e);break;case"textarea":oe(e,r),o=re(e,r),zr("invalid",e)}for(i in ye(n,o),c=o)if(c.hasOwnProperty(i)){var u=c[i];"style"===i?ge(e,u):"dangerouslySetInnerHTML"===i?null!=(u=u?u.__html:void 0)&&de(e,u):"children"===i?"string"==typeof u?("textarea"!==n||""!==u)&&pe(e,u):"number"==typeof u&&pe(e,""+u):"suppressContentEditableWarning"!==i&&"suppressHydrationWarning"!==i&&"autoFocus"!==i&&(s.hasOwnProperty(i)?null!=u&&"onScroll"===i&&zr("scroll",e):null!=u&&v(e,i,u,l))}switch(n){case"input":G(e),X(e,r,!1);break;case"textarea":G(e),ie(e);break;case"option":null!=r.value&&e.setAttribute("value",""+H(r.value));break;case"select":e.multiple=!!r.multiple,null!=(i=r.value)?ne(e,!!r.multiple,i,!1):null!=r.defaultValue&&ne(e,!!r.multiple,r.defaultValue,!0);break;default:"function"==typeof o.onClick&&(e.onclick=Xr)}switch(n){case"button":case"input":case"select":case"textarea":r=!!r.autoFocus;break e;case"img":r=!0;break e;default:r=!1}}r&&(t.flags|=4)}null!==t.ref&&(t.flags|=512,t.flags|=2097152)}return Gs(t),null;case 6:if(e&&null!=t.stateNode)Ns(e,t,e.memoizedProps,r);else{if("string"!=typeof r&&null===t.stateNode)throw Error(a(166));if(n=Qa(Ka.current),Qa(Ga.current),pa(t)){if(r=t.stateNode,n=t.memoizedProps,r[fo]=t,(i=r.nodeValue!==n)&&null!==(e=ra))switch(e.tag){case 3:Jr(r.nodeValue,n,!!(1&e.mode));break;case 5:!0!==e.memoizedProps.suppressHydrationWarning&&Jr(r.nodeValue,n,!!(1&e.mode))}i&&(t.flags|=4)}else(r=(9===n.nodeType?n:n.ownerDocument).createTextNode(r))[fo]=t,t.stateNode=r}return Gs(t),null;case 13:if(Co(ei),r=t.memoizedState,null===e||null!==e.memoizedState&&null!==e.memoizedState.dehydrated){if(aa&&null!==oa&&1&t.mode&&!(128&t.flags))fa(),ma(),t.flags|=98560,i=!1;else if(i=pa(t),null!==r&&null!==r.dehydrated){if(null===e){if(!i)throw Error(a(318));if(!(i=null!==(i=t.memoizedState)?i.dehydrated:null))throw Error(a(317));i[fo]=t}else ma(),!(128&t.flags)&&(t.memoizedState=null),t.flags|=4;Gs(t),i=!1}else null!==ia&&(ic(ia),ia=null),i=!0;if(!i)return 65536&t.flags?t:null}return 128&t.flags?(t.lanes=n,t):((r=null!==r)!==(null!==e&&null!==e.memoizedState)&&r&&(t.child.flags|=8192,1&t.mode&&(null===e||1&ei.current?0===Nl&&(Nl=3):hc())),null!==t.updateQueue&&(t.flags|=4),Gs(t),null);case 4:return Za(),Ls(e,t),null===e&&qr(t.stateNode.containerInfo),Gs(t),null;case 10:return Oa(t.type._context),Gs(t),null;case 19:if(Co(ei),null===(i=t.memoizedState))return Gs(t),null;if(r=!!(128&t.flags),null===(l=i.rendering))if(r)Vs(i,!1);else{if(0!==Nl||null!==e&&128&e.flags)for(e=t.child;null!==e;){if(null!==(l=ti(e))){for(t.flags|=128,Vs(i,!1),null!==(r=l.updateQueue)&&(t.updateQueue=r,t.flags|=4),t.subtreeFlags=0,r=n,n=t.child;null!==n;)e=r,(i=n).flags&=14680066,null===(l=i.alternate)?(i.childLanes=0,i.lanes=e,i.child=null,i.subtreeFlags=0,i.memoizedProps=null,i.memoizedState=null,i.updateQueue=null,i.dependencies=null,i.stateNode=null):(i.childLanes=l.childLanes,i.lanes=l.lanes,i.child=l.child,i.subtreeFlags=0,i.deletions=null,i.memoizedProps=l.memoizedProps,i.memoizedState=l.memoizedState,i.updateQueue=l.updateQueue,i.type=l.type,e=l.dependencies,i.dependencies=null===e?null:{lanes:e.lanes,firstContext:e.firstContext}),n=n.sibling;return jo(ei,1&ei.current|2),t.child}e=e.sibling}null!==i.tail&&Ze()>ql&&(t.flags|=128,r=!0,Vs(i,!1),t.lanes=4194304)}else{if(!r)if(null!==(e=ti(l))){if(t.flags|=128,r=!0,null!==(n=e.updateQueue)&&(t.updateQueue=n,t.flags|=4),Vs(i,!0),null===i.tail&&"hidden"===i.tailMode&&!l.alternate&&!aa)return Gs(t),null}else 2*Ze()-i.renderingStartTime>ql&&1073741824!==n&&(t.flags|=128,r=!0,Vs(i,!1),t.lanes=4194304);i.isBackwards?(l.sibling=t.child,t.child=l):(null!==(n=i.last)?n.sibling=l:t.child=l,i.last=l)}return null!==i.tail?(t=i.tail,i.rendering=t,i.tail=t.sibling,i.renderingStartTime=Ze(),t.sibling=null,n=ei.current,jo(ei,r?1&n|2:1&n),t):(Gs(t),null);case 22:case 23:return dc(),r=null!==t.memoizedState,null!==e&&null!==e.memoizedState!==r&&(t.flags|=8192),r&&1&t.mode?!!(1073741824&Ll)&&(Gs(t),6&t.subtreeFlags&&(t.flags|=8192)):Gs(t),null;case 24:case 25:return null}throw Error(a(156,t.tag))}function Ks(e,t){switch(na(t),t.tag){case 1:return Io(t.type)&&No(),65536&(e=t.flags)?(t.flags=-65537&e|128,t):null;case 3:return Za(),Co(To),Co(Ao),ri(),65536&(e=t.flags)&&!(128&e)?(t.flags=-65537&e|128,t):null;case 5:return Xa(t),null;case 13:if(Co(ei),null!==(e=t.memoizedState)&&null!==e.dehydrated){if(null===t.alternate)throw Error(a(340));ma()}return 65536&(e=t.flags)?(t.flags=-65537&e|128,t):null;case 19:return Co(ei),null;case 4:return Za(),null;case 10:return Oa(t.type._context),null;case 22:case 23:return dc(),null;default:return null}}Ps=function(e,t){for(var n=t.child;null!==n;){if(5===n.tag||6===n.tag)e.appendChild(n.stateNode);else if(4!==n.tag&&null!==n.child){n.child.return=n,n=n.child;continue}if(n===t)break;for(;null===n.sibling;){if(null===n.return||n.return===t)return;n=n.return}n.sibling.return=n.return,n=n.sibling}},Ls=function(){},Is=function(e,t,n,r){var o=e.memoizedProps;if(o!==r){e=t.stateNode,Qa(Ga.current);var a,i=null;switch(n){case"input":o=Q(e,o),r=Q(e,r),i=[];break;case"select":o=M({},o,{value:void 0}),r=M({},r,{value:void 0}),i=[];break;case"textarea":o=re(e,o),r=re(e,r),i=[];break;default:"function"!=typeof o.onClick&&"function"==typeof r.onClick&&(e.onclick=Xr)}for(u in ye(n,r),n=null,o)if(!r.hasOwnProperty(u)&&o.hasOwnProperty(u)&&null!=o[u])if("style"===u){var l=o[u];for(a in l)l.hasOwnProperty(a)&&(n||(n={}),n[a]="")}else"dangerouslySetInnerHTML"!==u&&"children"!==u&&"suppressContentEditableWarning"!==u&&"suppressHydrationWarning"!==u&&"autoFocus"!==u&&(s.hasOwnProperty(u)?i||(i=[]):(i=i||[]).push(u,null));for(u in r){var c=r[u];if(l=null!=o?o[u]:void 0,r.hasOwnProperty(u)&&c!==l&&(null!=c||null!=l))if("style"===u)if(l){for(a in l)!l.hasOwnProperty(a)||c&&c.hasOwnProperty(a)||(n||(n={}),n[a]="");for(a in c)c.hasOwnProperty(a)&&l[a]!==c[a]&&(n||(n={}),n[a]=c[a])}else n||(i||(i=[]),i.push(u,n)),n=c;else"dangerouslySetInnerHTML"===u?(c=c?c.__html:void 0,l=l?l.__html:void 0,null!=c&&l!==c&&(i=i||[]).push(u,c)):"children"===u?"string"!=typeof c&&"number"!=typeof c||(i=i||[]).push(u,""+c):"suppressContentEditableWarning"!==u&&"suppressHydrationWarning"!==u&&(s.hasOwnProperty(u)?(null!=c&&"onScroll"===u&&zr("scroll",e),i||l===c||(i=[])):(i=i||[]).push(u,c))}n&&(i=i||[]).push("style",n);var u=i;(t.updateQueue=u)&&(t.flags|=4)}},Ns=function(e,t,n,r){n!==r&&(t.flags|=4)};var Qs=!1,Ys=!1,Zs="function"==typeof WeakSet?WeakSet:Set,Js=null;function Xs(e,t){var n=e.ref;if(null!==n)if("function"==typeof n)try{n(null)}catch(r){Ec(e,t,r)}else n.current=null}function el(e,t,n){try{n()}catch(r){Ec(e,t,r)}}var tl=!1;function nl(e,t,n){var r=t.updateQueue;if(null!==(r=null!==r?r.lastEffect:null)){var o=r=r.next;do{if((o.tag&e)===e){var a=o.destroy;o.destroy=void 0,void 0!==a&&el(t,n,a)}o=o.next}while(o!==r)}}function rl(e,t){if(null!==(t=null!==(t=t.updateQueue)?t.lastEffect:null)){var n=t=t.next;do{if((n.tag&e)===e){var r=n.create;n.destroy=r()}n=n.next}while(n!==t)}}function ol(e){var t=e.ref;if(null!==t){var n=e.stateNode;e.tag,e=n,"function"==typeof t?t(e):t.current=e}}function al(e){var t=e.alternate;null!==t&&(e.alternate=null,al(t)),e.child=null,e.deletions=null,e.sibling=null,5===e.tag&&(null!==(t=e.stateNode)&&(delete t[fo],delete t[mo],delete t[go],delete t[bo],delete t[yo])),e.stateNode=null,e.return=null,e.dependencies=null,e.memoizedProps=null,e.memoizedState=null,e.pendingProps=null,e.stateNode=null,e.updateQueue=null}function il(e){return 5===e.tag||3===e.tag||4===e.tag}function sl(e){e:for(;;){for(;null===e.sibling;){if(null===e.return||il(e.return))return null;e=e.return}for(e.sibling.return=e.return,e=e.sibling;5!==e.tag&&6!==e.tag&&18!==e.tag;){if(2&e.flags)continue e;if(null===e.child||4===e.tag)continue e;e.child.return=e,e=e.child}if(!(2&e.flags))return e.stateNode}}function ll(e,t,n){var r=e.tag;if(5===r||6===r)e=e.stateNode,t?8===n.nodeType?n.parentNode.insertBefore(e,t):n.insertBefore(e,t):(8===n.nodeType?(t=n.parentNode).insertBefore(e,n):(t=n).appendChild(e),null!=(n=n._reactRootContainer)||null!==t.onclick||(t.onclick=Xr));else if(4!==r&&null!==(e=e.child))for(ll(e,t,n),e=e.sibling;null!==e;)ll(e,t,n),e=e.sibling}function cl(e,t,n){var r=e.tag;if(5===r||6===r)e=e.stateNode,t?n.insertBefore(e,t):n.appendChild(e);else if(4!==r&&null!==(e=e.child))for(cl(e,t,n),e=e.sibling;null!==e;)cl(e,t,n),e=e.sibling}var ul=null,dl=!1;function pl(e,t,n){for(n=n.child;null!==n;)fl(e,t,n),n=n.sibling}function fl(e,t,n){if(at&&"function"==typeof at.onCommitFiberUnmount)try{at.onCommitFiberUnmount(ot,n)}catch(s){}switch(n.tag){case 5:Ys||Xs(n,t);case 6:var r=ul,o=dl;ul=null,pl(e,t,n),dl=o,null!==(ul=r)&&(dl?(e=ul,n=n.stateNode,8===e.nodeType?e.parentNode.removeChild(n):e.removeChild(n)):ul.removeChild(n.stateNode));break;case 18:null!==ul&&(dl?(e=ul,n=n.stateNode,8===e.nodeType?lo(e.parentNode,n):1===e.nodeType&&lo(e,n),qt(e)):lo(ul,n.stateNode));break;case 4:r=ul,o=dl,ul=n.stateNode.containerInfo,dl=!0,pl(e,t,n),ul=r,dl=o;break;case 0:case 11:case 14:case 15:if(!Ys&&(null!==(r=n.updateQueue)&&null!==(r=r.lastEffect))){o=r=r.next;do{var a=o,i=a.destroy;a=a.tag,void 0!==i&&(2&a||4&a)&&el(n,t,i),o=o.next}while(o!==r)}pl(e,t,n);break;case 1:if(!Ys&&(Xs(n,t),"function"==typeof(r=n.stateNode).componentWillUnmount))try{r.props=n.memoizedProps,r.state=n.memoizedState,r.componentWillUnmount()}catch(s){Ec(n,t,s)}pl(e,t,n);break;case 21:pl(e,t,n);break;case 22:1&n.mode?(Ys=(r=Ys)||null!==n.memoizedState,pl(e,t,n),Ys=r):pl(e,t,n);break;default:pl(e,t,n)}}function ml(e){var t=e.updateQueue;if(null!==t){e.updateQueue=null;var n=e.stateNode;null===n&&(n=e.stateNode=new Zs),t.forEach((function(t){var r=Oc.bind(null,e,t);n.has(t)||(n.add(t),t.then(r,r))}))}}function hl(e,t){var n=t.deletions;if(null!==n)for(var r=0;r<n.length;r++){var o=n[r];try{var i=e,s=t,l=s;e:for(;null!==l;){switch(l.tag){case 5:ul=l.stateNode,dl=!1;break e;case 3:case 4:ul=l.stateNode.containerInfo,dl=!0;break e}l=l.return}if(null===ul)throw Error(a(160));fl(i,s,o),ul=null,dl=!1;var c=o.alternate;null!==c&&(c.return=null),o.return=null}catch(u){Ec(o,t,u)}}if(12854&t.subtreeFlags)for(t=t.child;null!==t;)gl(t,e),t=t.sibling}function gl(e,t){var n=e.alternate,r=e.flags;switch(e.tag){case 0:case 11:case 14:case 15:if(hl(t,e),bl(e),4&r){try{nl(3,e,e.return),rl(3,e)}catch(g){Ec(e,e.return,g)}try{nl(5,e,e.return)}catch(g){Ec(e,e.return,g)}}break;case 1:hl(t,e),bl(e),512&r&&null!==n&&Xs(n,n.return);break;case 5:if(hl(t,e),bl(e),512&r&&null!==n&&Xs(n,n.return),32&e.flags){var o=e.stateNode;try{pe(o,"")}catch(g){Ec(e,e.return,g)}}if(4&r&&null!=(o=e.stateNode)){var i=e.memoizedProps,s=null!==n?n.memoizedProps:i,l=e.type,c=e.updateQueue;if(e.updateQueue=null,null!==c)try{"input"===l&&"radio"===i.type&&null!=i.name&&Z(o,i),ve(l,s);var u=ve(l,i);for(s=0;s<c.length;s+=2){var d=c[s],p=c[s+1];"style"===d?ge(o,p):"dangerouslySetInnerHTML"===d?de(o,p):"children"===d?pe(o,p):v(o,d,p,u)}switch(l){case"input":J(o,i);break;case"textarea":ae(o,i);break;case"select":var f=o._wrapperState.wasMultiple;o._wrapperState.wasMultiple=!!i.multiple;var m=i.value;null!=m?ne(o,!!i.multiple,m,!1):f!==!!i.multiple&&(null!=i.defaultValue?ne(o,!!i.multiple,i.defaultValue,!0):ne(o,!!i.multiple,i.multiple?[]:"",!1))}o[mo]=i}catch(g){Ec(e,e.return,g)}}break;case 6:if(hl(t,e),bl(e),4&r){if(null===e.stateNode)throw Error(a(162));o=e.stateNode,i=e.memoizedProps;try{o.nodeValue=i}catch(g){Ec(e,e.return,g)}}break;case 3:if(hl(t,e),bl(e),4&r&&null!==n&&n.memoizedState.isDehydrated)try{qt(t.containerInfo)}catch(g){Ec(e,e.return,g)}break;case 4:default:hl(t,e),bl(e);break;case 13:hl(t,e),bl(e),8192&(o=e.child).flags&&(i=null!==o.memoizedState,o.stateNode.isHidden=i,!i||null!==o.alternate&&null!==o.alternate.memoizedState||(Ul=Ze())),4&r&&ml(e);break;case 22:if(d=null!==n&&null!==n.memoizedState,1&e.mode?(Ys=(u=Ys)||d,hl(t,e),Ys=u):hl(t,e),bl(e),8192&r){if(u=null!==e.memoizedState,(e.stateNode.isHidden=u)&&!d&&1&e.mode)for(Js=e,d=e.child;null!==d;){for(p=Js=d;null!==Js;){switch(m=(f=Js).child,f.tag){case 0:case 11:case 14:case 15:nl(4,f,f.return);break;case 1:Xs(f,f.return);var h=f.stateNode;if("function"==typeof h.componentWillUnmount){r=f,n=f.return;try{t=r,h.props=t.memoizedProps,h.state=t.memoizedState,h.componentWillUnmount()}catch(g){Ec(r,n,g)}}break;case 5:Xs(f,f.return);break;case 22:if(null!==f.memoizedState){Sl(p);continue}}null!==m?(m.return=f,Js=m):Sl(p)}d=d.sibling}e:for(d=null,p=e;;){if(5===p.tag){if(null===d){d=p;try{o=p.stateNode,u?"function"==typeof(i=o.style).setProperty?i.setProperty("display","none","important"):i.display="none":(l=p.stateNode,s=null!=(c=p.memoizedProps.style)&&c.hasOwnProperty("display")?c.display:null,l.style.display=he("display",s))}catch(g){Ec(e,e.return,g)}}}else if(6===p.tag){if(null===d)try{p.stateNode.nodeValue=u?"":p.memoizedProps}catch(g){Ec(e,e.return,g)}}else if((22!==p.tag&&23!==p.tag||null===p.memoizedState||p===e)&&null!==p.child){p.child.return=p,p=p.child;continue}if(p===e)break e;for(;null===p.sibling;){if(null===p.return||p.return===e)break e;d===p&&(d=null),p=p.return}d===p&&(d=null),p.sibling.return=p.return,p=p.sibling}}break;case 19:hl(t,e),bl(e),4&r&&ml(e);case 21:}}function bl(e){var t=e.flags;if(2&t){try{e:{for(var n=e.return;null!==n;){if(il(n)){var r=n;break e}n=n.return}throw Error(a(160))}switch(r.tag){case 5:var o=r.stateNode;32&r.flags&&(pe(o,""),r.flags&=-33),cl(e,sl(e),o);break;case 3:case 4:var i=r.stateNode.containerInfo;ll(e,sl(e),i);break;default:throw Error(a(161))}}catch(s){Ec(e,e.return,s)}e.flags&=-3}4096&t&&(e.flags&=-4097)}function yl(e,t,n){Js=e,vl(e,t,n)}function vl(e,t,n){for(var r=!!(1&e.mode);null!==Js;){var o=Js,a=o.child;if(22===o.tag&&r){var i=null!==o.memoizedState||Qs;if(!i){var s=o.alternate,l=null!==s&&null!==s.memoizedState||Ys;s=Qs;var c=Ys;if(Qs=i,(Ys=l)&&!c)for(Js=o;null!==Js;)l=(i=Js).child,22===i.tag&&null!==i.memoizedState?kl(o):null!==l?(l.return=i,Js=l):kl(o);for(;null!==a;)Js=a,vl(a,t,n),a=a.sibling;Js=o,Qs=s,Ys=c}wl(e)}else 8772&o.subtreeFlags&&null!==a?(a.return=o,Js=a):wl(e)}}function wl(e){for(;null!==Js;){var t=Js;if(8772&t.flags){var n=t.alternate;try{if(8772&t.flags)switch(t.tag){case 0:case 11:case 15:Ys||rl(5,t);break;case 1:var r=t.stateNode;if(4&t.flags&&!Ys)if(null===n)r.componentDidMount();else{var o=t.elementType===t.type?n.memoizedProps:ns(t.type,n.memoizedProps);r.componentDidUpdate(o,n.memoizedState,r.__reactInternalSnapshotBeforeUpdate)}var i=t.updateQueue;null!==i&&Ha(t,i,r);break;case 3:var s=t.updateQueue;if(null!==s){if(n=null,null!==t.child)switch(t.child.tag){case 5:case 1:n=t.child.stateNode}Ha(t,s,n)}break;case 5:var l=t.stateNode;if(null===n&&4&t.flags){n=l;var c=t.memoizedProps;switch(t.type){case"button":case"input":case"select":case"textarea":c.autoFocus&&n.focus();break;case"img":c.src&&(n.src=c.src)}}break;case 6:case 4:case 12:case 19:case 17:case 21:case 22:case 23:case 25:break;case 13:if(null===t.memoizedState){var u=t.alternate;if(null!==u){var d=u.memoizedState;if(null!==d){var p=d.dehydrated;null!==p&&qt(p)}}}break;default:throw Error(a(163))}Ys||512&t.flags&&ol(t)}catch(f){Ec(t,t.return,f)}}if(t===e){Js=null;break}if(null!==(n=t.sibling)){n.return=t.return,Js=n;break}Js=t.return}}function Sl(e){for(;null!==Js;){var t=Js;if(t===e){Js=null;break}var n=t.sibling;if(null!==n){n.return=t.return,Js=n;break}Js=t.return}}function kl(e){for(;null!==Js;){var t=Js;try{switch(t.tag){case 0:case 11:case 15:var n=t.return;try{rl(4,t)}catch(l){Ec(t,n,l)}break;case 1:var r=t.stateNode;if("function"==typeof r.componentDidMount){var o=t.return;try{r.componentDidMount()}catch(l){Ec(t,o,l)}}var a=t.return;try{ol(t)}catch(l){Ec(t,a,l)}break;case 5:var i=t.return;try{ol(t)}catch(l){Ec(t,i,l)}}}catch(l){Ec(t,t.return,l)}if(t===e){Js=null;break}var s=t.sibling;if(null!==s){s.return=t.return,Js=s;break}Js=t.return}}var xl,El=Math.ceil,_l=w.ReactCurrentDispatcher,Cl=w.ReactCurrentOwner,jl=w.ReactCurrentBatchConfig,Ol=0,Al=null,Tl=null,Pl=0,Ll=0,Il=_o(0),Nl=0,Rl=null,Dl=0,Ml=0,Fl=0,zl=null,Bl=null,Ul=0,ql=1/0,$l=null,Hl=!1,Vl=null,Gl=null,Wl=!1,Kl=null,Ql=0,Yl=0,Zl=null,Jl=-1,Xl=0;function ec(){return 6&Ol?Ze():-1!==Jl?Jl:Jl=Ze()}function tc(e){return 1&e.mode?2&Ol&&0!==Pl?Pl&-Pl:null!==ga.transition?(0===Xl&&(Xl=ht()),Xl):0!==(e=vt)?e:e=void 0===(e=window.event)?16:Yt(e.type):1}function nc(e,t,n,r){if(50<Yl)throw Yl=0,Zl=null,Error(a(185));bt(e,n,r),2&Ol&&e===Al||(e===Al&&(!(2&Ol)&&(Ml|=n),4===Nl&&sc(e,Pl)),rc(e,r),1===n&&0===Ol&&!(1&t.mode)&&(ql=Ze()+500,Bo&&$o()))}function rc(e,t){var n=e.callbackNode;!function(e,t){for(var n=e.suspendedLanes,r=e.pingedLanes,o=e.expirationTimes,a=e.pendingLanes;0<a;){var i=31-it(a),s=1<<i,l=o[i];-1===l?s&n&&!(s&r)||(o[i]=ft(s,t)):l<=t&&(e.expiredLanes|=s),a&=~s}}(e,t);var r=pt(e,e===Al?Pl:0);if(0===r)null!==n&&Ke(n),e.callbackNode=null,e.callbackPriority=0;else if(t=r&-r,e.callbackPriority!==t){if(null!=n&&Ke(n),1===t)0===e.tag?function(e){Bo=!0,qo(e)}(lc.bind(null,e)):qo(lc.bind(null,e)),io((function(){!(6&Ol)&&$o()})),n=null;else{switch(wt(r)){case 1:n=Xe;break;case 4:n=et;break;case 16:default:n=tt;break;case 536870912:n=rt}n=Ac(n,oc.bind(null,e))}e.callbackPriority=t,e.callbackNode=n}}function oc(e,t){if(Jl=-1,Xl=0,6&Ol)throw Error(a(327));var n=e.callbackNode;if(kc()&&e.callbackNode!==n)return null;var r=pt(e,e===Al?Pl:0);if(0===r)return null;if(30&r||r&e.expiredLanes||t)t=gc(e,r);else{t=r;var o=Ol;Ol|=2;var i=mc();for(Al===e&&Pl===t||($l=null,ql=Ze()+500,pc(e,t));;)try{yc();break}catch(l){fc(e,l)}ja(),_l.current=i,Ol=o,null!==Tl?t=0:(Al=null,Pl=0,t=Nl)}if(0!==t){if(2===t&&(0!==(o=mt(e))&&(r=o,t=ac(e,o))),1===t)throw n=Rl,pc(e,0),sc(e,r),rc(e,Ze()),n;if(6===t)sc(e,r);else{if(o=e.current.alternate,!(30&r||function(e){for(var t=e;;){if(16384&t.flags){var n=t.updateQueue;if(null!==n&&null!==(n=n.stores))for(var r=0;r<n.length;r++){var o=n[r],a=o.getSnapshot;o=o.value;try{if(!sr(a(),o))return!1}catch(s){return!1}}}if(n=t.child,16384&t.subtreeFlags&&null!==n)n.return=t,t=n;else{if(t===e)break;for(;null===t.sibling;){if(null===t.return||t.return===e)return!0;t=t.return}t.sibling.return=t.return,t=t.sibling}}return!0}(o)||(t=gc(e,r),2===t&&(i=mt(e),0!==i&&(r=i,t=ac(e,i))),1!==t)))throw n=Rl,pc(e,0),sc(e,r),rc(e,Ze()),n;switch(e.finishedWork=o,e.finishedLanes=r,t){case 0:case 1:throw Error(a(345));case 2:case 5:Sc(e,Bl,$l);break;case 3:if(sc(e,r),(130023424&r)===r&&10<(t=Ul+500-Ze())){if(0!==pt(e,0))break;if(((o=e.suspendedLanes)&r)!==r){ec(),e.pingedLanes|=e.suspendedLanes&o;break}e.timeoutHandle=ro(Sc.bind(null,e,Bl,$l),t);break}Sc(e,Bl,$l);break;case 4:if(sc(e,r),(4194240&r)===r)break;for(t=e.eventTimes,o=-1;0<r;){var s=31-it(r);i=1<<s,(s=t[s])>o&&(o=s),r&=~i}if(r=o,10<(r=(120>(r=Ze()-r)?120:480>r?480:1080>r?1080:1920>r?1920:3e3>r?3e3:4320>r?4320:1960*El(r/1960))-r)){e.timeoutHandle=ro(Sc.bind(null,e,Bl,$l),r);break}Sc(e,Bl,$l);break;default:throw Error(a(329))}}}return rc(e,Ze()),e.callbackNode===n?oc.bind(null,e):null}function ac(e,t){var n=zl;return e.current.memoizedState.isDehydrated&&(pc(e,t).flags|=256),2!==(e=gc(e,t))&&(t=Bl,Bl=n,null!==t&&ic(t)),e}function ic(e){null===Bl?Bl=e:Bl.push.apply(Bl,e)}function sc(e,t){for(t&=~Fl,t&=~Ml,e.suspendedLanes|=t,e.pingedLanes&=~t,e=e.expirationTimes;0<t;){var n=31-it(t),r=1<<n;e[n]=-1,t&=~r}}function lc(e){if(6&Ol)throw Error(a(327));kc();var t=pt(e,0);if(!(1&t))return rc(e,Ze()),null;var n=gc(e,t);if(0!==e.tag&&2===n){var r=mt(e);0!==r&&(t=r,n=ac(e,r))}if(1===n)throw n=Rl,pc(e,0),sc(e,t),rc(e,Ze()),n;if(6===n)throw Error(a(345));return e.finishedWork=e.current.alternate,e.finishedLanes=t,Sc(e,Bl,$l),rc(e,Ze()),null}function cc(e,t){var n=Ol;Ol|=1;try{return e(t)}finally{0===(Ol=n)&&(ql=Ze()+500,Bo&&$o())}}function uc(e){null!==Kl&&0===Kl.tag&&!(6&Ol)&&kc();var t=Ol;Ol|=1;var n=jl.transition,r=vt;try{if(jl.transition=null,vt=1,e)return e()}finally{vt=r,jl.transition=n,!(6&(Ol=t))&&$o()}}function dc(){Ll=Il.current,Co(Il)}function pc(e,t){e.finishedWork=null,e.finishedLanes=0;var n=e.timeoutHandle;if(-1!==n&&(e.timeoutHandle=-1,oo(n)),null!==Tl)for(n=Tl.return;null!==n;){var r=n;switch(na(r),r.tag){case 1:null!=(r=r.type.childContextTypes)&&No();break;case 3:Za(),Co(To),Co(Ao),ri();break;case 5:Xa(r);break;case 4:Za();break;case 13:case 19:Co(ei);break;case 10:Oa(r.type._context);break;case 22:case 23:dc()}n=n.return}if(Al=e,Tl=e=Ic(e.current,null),Pl=Ll=t,Nl=0,Rl=null,Fl=Ml=Dl=0,Bl=zl=null,null!==La){for(t=0;t<La.length;t++)if(null!==(r=(n=La[t]).interleaved)){n.interleaved=null;var o=r.next,a=n.pending;if(null!==a){var i=a.next;a.next=o,r.next=i}n.pending=r}La=null}return e}function fc(e,t){for(;;){var n=Tl;try{if(ja(),oi.current=Ji,ui){for(var r=si.memoizedState;null!==r;){var o=r.queue;null!==o&&(o.pending=null),r=r.next}ui=!1}if(ii=0,ci=li=si=null,di=!1,pi=0,Cl.current=null,null===n||null===n.return){Nl=1,Rl=t,Tl=null;break}e:{var i=e,s=n.return,l=n,c=t;if(t=Pl,l.flags|=32768,null!==c&&"object"==typeof c&&"function"==typeof c.then){var u=c,d=l,p=d.tag;if(!(1&d.mode||0!==p&&11!==p&&15!==p)){var f=d.alternate;f?(d.updateQueue=f.updateQueue,d.memoizedState=f.memoizedState,d.lanes=f.lanes):(d.updateQueue=null,d.memoizedState=null)}var m=gs(s);if(null!==m){m.flags&=-257,bs(m,s,l,0,t),1&m.mode&&hs(i,u,t),c=u;var h=(t=m).updateQueue;if(null===h){var g=new Set;g.add(c),t.updateQueue=g}else h.add(c);break e}if(!(1&t)){hs(i,u,t),hc();break e}c=Error(a(426))}else if(aa&&1&l.mode){var b=gs(s);if(null!==b){!(65536&b.flags)&&(b.flags|=256),bs(b,s,l,0,t),ha(cs(c,l));break e}}i=c=cs(c,l),4!==Nl&&(Nl=2),null===zl?zl=[i]:zl.push(i),i=s;do{switch(i.tag){case 3:i.flags|=65536,t&=-t,i.lanes|=t,qa(i,fs(0,c,t));break e;case 1:l=c;var y=i.type,v=i.stateNode;if(!(128&i.flags||"function"!=typeof y.getDerivedStateFromError&&(null===v||"function"!=typeof v.componentDidCatch||null!==Gl&&Gl.has(v)))){i.flags|=65536,t&=-t,i.lanes|=t,qa(i,ms(i,l,t));break e}}i=i.return}while(null!==i)}wc(n)}catch(w){t=w,Tl===n&&null!==n&&(Tl=n=n.return);continue}break}}function mc(){var e=_l.current;return _l.current=Ji,null===e?Ji:e}function hc(){0!==Nl&&3!==Nl&&2!==Nl||(Nl=4),null===Al||!(268435455&Dl)&&!(268435455&Ml)||sc(Al,Pl)}function gc(e,t){var n=Ol;Ol|=2;var r=mc();for(Al===e&&Pl===t||($l=null,pc(e,t));;)try{bc();break}catch(o){fc(e,o)}if(ja(),Ol=n,_l.current=r,null!==Tl)throw Error(a(261));return Al=null,Pl=0,Nl}function bc(){for(;null!==Tl;)vc(Tl)}function yc(){for(;null!==Tl&&!Qe();)vc(Tl)}function vc(e){var t=xl(e.alternate,e,Ll);e.memoizedProps=e.pendingProps,null===t?wc(e):Tl=t,Cl.current=null}function wc(e){var t=e;do{var n=t.alternate;if(e=t.return,32768&t.flags){if(null!==(n=Ks(n,t)))return n.flags&=32767,void(Tl=n);if(null===e)return Nl=6,void(Tl=null);e.flags|=32768,e.subtreeFlags=0,e.deletions=null}else if(null!==(n=Ws(n,t,Ll)))return void(Tl=n);if(null!==(t=t.sibling))return void(Tl=t);Tl=t=e}while(null!==t);0===Nl&&(Nl=5)}function Sc(e,t,n){var r=vt,o=jl.transition;try{jl.transition=null,vt=1,function(e,t,n,r){do{kc()}while(null!==Kl);if(6&Ol)throw Error(a(327));n=e.finishedWork;var o=e.finishedLanes;if(null===n)return null;if(e.finishedWork=null,e.finishedLanes=0,n===e.current)throw Error(a(177));e.callbackNode=null,e.callbackPriority=0;var i=n.lanes|n.childLanes;if(function(e,t){var n=e.pendingLanes&~t;e.pendingLanes=t,e.suspendedLanes=0,e.pingedLanes=0,e.expiredLanes&=t,e.mutableReadLanes&=t,e.entangledLanes&=t,t=e.entanglements;var r=e.eventTimes;for(e=e.expirationTimes;0<n;){var o=31-it(n),a=1<<o;t[o]=0,r[o]=-1,e[o]=-1,n&=~a}}(e,i),e===Al&&(Tl=Al=null,Pl=0),!(2064&n.subtreeFlags)&&!(2064&n.flags)||Wl||(Wl=!0,Ac(tt,(function(){return kc(),null}))),i=!!(15990&n.flags),!!(15990&n.subtreeFlags)||i){i=jl.transition,jl.transition=null;var s=vt;vt=1;var l=Ol;Ol|=4,Cl.current=null,function(e,t){if(eo=Ht,fr(e=pr())){if("selectionStart"in e)var n={start:e.selectionStart,end:e.selectionEnd};else e:{var r=(n=(n=e.ownerDocument)&&n.defaultView||window).getSelection&&n.getSelection();if(r&&0!==r.rangeCount){n=r.anchorNode;var o=r.anchorOffset,i=r.focusNode;r=r.focusOffset;try{n.nodeType,i.nodeType}catch(S){n=null;break e}var s=0,l=-1,c=-1,u=0,d=0,p=e,f=null;t:for(;;){for(var m;p!==n||0!==o&&3!==p.nodeType||(l=s+o),p!==i||0!==r&&3!==p.nodeType||(c=s+r),3===p.nodeType&&(s+=p.nodeValue.length),null!==(m=p.firstChild);)f=p,p=m;for(;;){if(p===e)break t;if(f===n&&++u===o&&(l=s),f===i&&++d===r&&(c=s),null!==(m=p.nextSibling))break;f=(p=f).parentNode}p=m}n=-1===l||-1===c?null:{start:l,end:c}}else n=null}n=n||{start:0,end:0}}else n=null;for(to={focusedElem:e,selectionRange:n},Ht=!1,Js=t;null!==Js;)if(e=(t=Js).child,1028&t.subtreeFlags&&null!==e)e.return=t,Js=e;else for(;null!==Js;){t=Js;try{var h=t.alternate;if(1024&t.flags)switch(t.tag){case 0:case 11:case 15:case 5:case 6:case 4:case 17:break;case 1:if(null!==h){var g=h.memoizedProps,b=h.memoizedState,y=t.stateNode,v=y.getSnapshotBeforeUpdate(t.elementType===t.type?g:ns(t.type,g),b);y.__reactInternalSnapshotBeforeUpdate=v}break;case 3:var w=t.stateNode.containerInfo;1===w.nodeType?w.textContent="":9===w.nodeType&&w.documentElement&&w.removeChild(w.documentElement);break;default:throw Error(a(163))}}catch(S){Ec(t,t.return,S)}if(null!==(e=t.sibling)){e.return=t.return,Js=e;break}Js=t.return}h=tl,tl=!1}(e,n),gl(n,e),mr(to),Ht=!!eo,to=eo=null,e.current=n,yl(n,e,o),Ye(),Ol=l,vt=s,jl.transition=i}else e.current=n;if(Wl&&(Wl=!1,Kl=e,Ql=o),i=e.pendingLanes,0===i&&(Gl=null),function(e){if(at&&"function"==typeof at.onCommitFiberRoot)try{at.onCommitFiberRoot(ot,e,void 0,!(128&~e.current.flags))}catch(t){}}(n.stateNode),rc(e,Ze()),null!==t)for(r=e.onRecoverableError,n=0;n<t.length;n++)o=t[n],r(o.value,{componentStack:o.stack,digest:o.digest});if(Hl)throw Hl=!1,e=Vl,Vl=null,e;!!(1&Ql)&&0!==e.tag&&kc(),i=e.pendingLanes,1&i?e===Zl?Yl++:(Yl=0,Zl=e):Yl=0,$o()}(e,t,n,r)}finally{jl.transition=o,vt=r}return null}function kc(){if(null!==Kl){var e=wt(Ql),t=jl.transition,n=vt;try{if(jl.transition=null,vt=16>e?16:e,null===Kl)var r=!1;else{if(e=Kl,Kl=null,Ql=0,6&Ol)throw Error(a(331));var o=Ol;for(Ol|=4,Js=e.current;null!==Js;){var i=Js,s=i.child;if(16&Js.flags){var l=i.deletions;if(null!==l){for(var c=0;c<l.length;c++){var u=l[c];for(Js=u;null!==Js;){var d=Js;switch(d.tag){case 0:case 11:case 15:nl(8,d,i)}var p=d.child;if(null!==p)p.return=d,Js=p;else for(;null!==Js;){var f=(d=Js).sibling,m=d.return;if(al(d),d===u){Js=null;break}if(null!==f){f.return=m,Js=f;break}Js=m}}}var h=i.alternate;if(null!==h){var g=h.child;if(null!==g){h.child=null;do{var b=g.sibling;g.sibling=null,g=b}while(null!==g)}}Js=i}}if(2064&i.subtreeFlags&&null!==s)s.return=i,Js=s;else e:for(;null!==Js;){if(2048&(i=Js).flags)switch(i.tag){case 0:case 11:case 15:nl(9,i,i.return)}var y=i.sibling;if(null!==y){y.return=i.return,Js=y;break e}Js=i.return}}var v=e.current;for(Js=v;null!==Js;){var w=(s=Js).child;if(2064&s.subtreeFlags&&null!==w)w.return=s,Js=w;else e:for(s=v;null!==Js;){if(2048&(l=Js).flags)try{switch(l.tag){case 0:case 11:case 15:rl(9,l)}}catch(k){Ec(l,l.return,k)}if(l===s){Js=null;break e}var S=l.sibling;if(null!==S){S.return=l.return,Js=S;break e}Js=l.return}}if(Ol=o,$o(),at&&"function"==typeof at.onPostCommitFiberRoot)try{at.onPostCommitFiberRoot(ot,e)}catch(k){}r=!0}return r}finally{vt=n,jl.transition=t}}return!1}function xc(e,t,n){e=Ba(e,t=fs(0,t=cs(n,t),1),1),t=ec(),null!==e&&(bt(e,1,t),rc(e,t))}function Ec(e,t,n){if(3===e.tag)xc(e,e,n);else for(;null!==t;){if(3===t.tag){xc(t,e,n);break}if(1===t.tag){var r=t.stateNode;if("function"==typeof t.type.getDerivedStateFromError||"function"==typeof r.componentDidCatch&&(null===Gl||!Gl.has(r))){t=Ba(t,e=ms(t,e=cs(n,e),1),1),e=ec(),null!==t&&(bt(t,1,e),rc(t,e));break}}t=t.return}}function _c(e,t,n){var r=e.pingCache;null!==r&&r.delete(t),t=ec(),e.pingedLanes|=e.suspendedLanes&n,Al===e&&(Pl&n)===n&&(4===Nl||3===Nl&&(130023424&Pl)===Pl&&500>Ze()-Ul?pc(e,0):Fl|=n),rc(e,t)}function Cc(e,t){0===t&&(1&e.mode?(t=ut,!(130023424&(ut<<=1))&&(ut=4194304)):t=1);var n=ec();null!==(e=Ra(e,t))&&(bt(e,t,n),rc(e,n))}function jc(e){var t=e.memoizedState,n=0;null!==t&&(n=t.retryLane),Cc(e,n)}function Oc(e,t){var n=0;switch(e.tag){case 13:var r=e.stateNode,o=e.memoizedState;null!==o&&(n=o.retryLane);break;case 19:r=e.stateNode;break;default:throw Error(a(314))}null!==r&&r.delete(t),Cc(e,n)}function Ac(e,t){return We(e,t)}function Tc(e,t,n,r){this.tag=e,this.key=n,this.sibling=this.child=this.return=this.stateNode=this.type=this.elementType=null,this.index=0,this.ref=null,this.pendingProps=t,this.dependencies=this.memoizedState=this.updateQueue=this.memoizedProps=null,this.mode=r,this.subtreeFlags=this.flags=0,this.deletions=null,this.childLanes=this.lanes=0,this.alternate=null}function Pc(e,t,n,r){return new Tc(e,t,n,r)}function Lc(e){return!(!(e=e.prototype)||!e.isReactComponent)}function Ic(e,t){var n=e.alternate;return null===n?((n=Pc(e.tag,t,e.key,e.mode)).elementType=e.elementType,n.type=e.type,n.stateNode=e.stateNode,n.alternate=e,e.alternate=n):(n.pendingProps=t,n.type=e.type,n.flags=0,n.subtreeFlags=0,n.deletions=null),n.flags=14680064&e.flags,n.childLanes=e.childLanes,n.lanes=e.lanes,n.child=e.child,n.memoizedProps=e.memoizedProps,n.memoizedState=e.memoizedState,n.updateQueue=e.updateQueue,t=e.dependencies,n.dependencies=null===t?null:{lanes:t.lanes,firstContext:t.firstContext},n.sibling=e.sibling,n.index=e.index,n.ref=e.ref,n}function Nc(e,t,n,r,o,i){var s=2;if(r=e,"function"==typeof e)Lc(e)&&(s=1);else if("string"==typeof e)s=5;else e:switch(e){case x:return Rc(n.children,o,i,t);case E:s=8,o|=8;break;case _:return(e=Pc(12,n,t,2|o)).elementType=_,e.lanes=i,e;case A:return(e=Pc(13,n,t,o)).elementType=A,e.lanes=i,e;case T:return(e=Pc(19,n,t,o)).elementType=T,e.lanes=i,e;case I:return Dc(n,o,i,t);default:if("object"==typeof e&&null!==e)switch(e.$$typeof){case C:s=10;break e;case j:s=9;break e;case O:s=11;break e;case P:s=14;break e;case L:s=16,r=null;break e}throw Error(a(130,null==e?e:typeof e,""))}return(t=Pc(s,n,t,o)).elementType=e,t.type=r,t.lanes=i,t}function Rc(e,t,n,r){return(e=Pc(7,e,r,t)).lanes=n,e}function Dc(e,t,n,r){return(e=Pc(22,e,r,t)).elementType=I,e.lanes=n,e.stateNode={isHidden:!1},e}function Mc(e,t,n){return(e=Pc(6,e,null,t)).lanes=n,e}function Fc(e,t,n){return(t=Pc(4,null!==e.children?e.children:[],e.key,t)).lanes=n,t.stateNode={containerInfo:e.containerInfo,pendingChildren:null,implementation:e.implementation},t}function zc(e,t,n,r,o){this.tag=t,this.containerInfo=e,this.finishedWork=this.pingCache=this.current=this.pendingChildren=null,this.timeoutHandle=-1,this.callbackNode=this.pendingContext=this.context=null,this.callbackPriority=0,this.eventTimes=gt(0),this.expirationTimes=gt(-1),this.entangledLanes=this.finishedLanes=this.mutableReadLanes=this.expiredLanes=this.pingedLanes=this.suspendedLanes=this.pendingLanes=0,this.entanglements=gt(0),this.identifierPrefix=r,this.onRecoverableError=o,this.mutableSourceEagerHydrationData=null}function Bc(e,t,n,r,o,a,i,s,l){return e=new zc(e,t,n,s,l),1===t?(t=1,!0===a&&(t|=8)):t=0,a=Pc(3,null,null,t),e.current=a,a.stateNode=e,a.memoizedState={element:r,isDehydrated:n,cache:null,transitions:null,pendingSuspenseBoundaries:null},Ma(a),e}function Uc(e){if(!e)return Oo;e:{if(qe(e=e._reactInternals)!==e||1!==e.tag)throw Error(a(170));var t=e;do{switch(t.tag){case 3:t=t.stateNode.context;break e;case 1:if(Io(t.type)){t=t.stateNode.__reactInternalMemoizedMergedChildContext;break e}}t=t.return}while(null!==t);throw Error(a(171))}if(1===e.tag){var n=e.type;if(Io(n))return Do(e,n,t)}return t}function qc(e,t,n,r,o,a,i,s,l){return(e=Bc(n,r,!0,e,0,a,0,s,l)).context=Uc(null),n=e.current,(a=za(r=ec(),o=tc(n))).callback=null!=t?t:null,Ba(n,a,o),e.current.lanes=o,bt(e,o,r),rc(e,r),e}function $c(e,t,n,r){var o=t.current,a=ec(),i=tc(o);return n=Uc(n),null===t.context?t.context=n:t.pendingContext=n,(t=za(a,i)).payload={element:e},null!==(r=void 0===r?null:r)&&(t.callback=r),null!==(e=Ba(o,t,i))&&(nc(e,o,i,a),Ua(e,o,i)),i}function Hc(e){return(e=e.current).child?(e.child.tag,e.child.stateNode):null}function Vc(e,t){if(null!==(e=e.memoizedState)&&null!==e.dehydrated){var n=e.retryLane;e.retryLane=0!==n&&n<t?n:t}}function Gc(e,t){Vc(e,t),(e=e.alternate)&&Vc(e,t)}xl=function(e,t,n){if(null!==e)if(e.memoizedProps!==t.pendingProps||To.current)vs=!0;else{if(!(e.lanes&n||128&t.flags))return vs=!1,function(e,t,n){switch(t.tag){case 3:As(t),ma();break;case 5:Ja(t);break;case 1:Io(t.type)&&Mo(t);break;case 4:Ya(t,t.stateNode.containerInfo);break;case 10:var r=t.type._context,o=t.memoizedProps.value;jo(xa,r._currentValue),r._currentValue=o;break;case 13:if(null!==(r=t.memoizedState))return null!==r.dehydrated?(jo(ei,1&ei.current),t.flags|=128,null):n&t.child.childLanes?Ms(e,t,n):(jo(ei,1&ei.current),null!==(e=Hs(e,t,n))?e.sibling:null);jo(ei,1&ei.current);break;case 19:if(r=!!(n&t.childLanes),128&e.flags){if(r)return qs(e,t,n);t.flags|=128}if(null!==(o=t.memoizedState)&&(o.rendering=null,o.tail=null,o.lastEffect=null),jo(ei,ei.current),r)break;return null;case 22:case 23:return t.lanes=0,Es(e,t,n)}return Hs(e,t,n)}(e,t,n);vs=!!(131072&e.flags)}else vs=!1,aa&&1048576&t.flags&&ea(t,Wo,t.index);switch(t.lanes=0,t.tag){case 2:var r=t.type;$s(e,t),e=t.pendingProps;var o=Lo(t,Ao.current);Ta(t,n),o=gi(null,t,r,e,o,n);var i=bi();return t.flags|=1,"object"==typeof o&&null!==o&&"function"==typeof o.render&&void 0===o.$$typeof?(t.tag=1,t.memoizedState=null,t.updateQueue=null,Io(r)?(i=!0,Mo(t)):i=!1,t.memoizedState=null!==o.state&&void 0!==o.state?o.state:null,Ma(t),o.updater=os,t.stateNode=o,o._reactInternals=t,ls(t,r,e,n),t=Os(null,t,r,!0,i,n)):(t.tag=0,aa&&i&&ta(t),ws(null,t,o,n),t=t.child),t;case 16:r=t.elementType;e:{switch($s(e,t),e=t.pendingProps,r=(o=r._init)(r._payload),t.type=r,o=t.tag=function(e){if("function"==typeof e)return Lc(e)?1:0;if(null!=e){if((e=e.$$typeof)===O)return 11;if(e===P)return 14}return 2}(r),e=ns(r,e),o){case 0:t=Cs(null,t,r,e,n);break e;case 1:t=js(null,t,r,e,n);break e;case 11:t=Ss(null,t,r,e,n);break e;case 14:t=ks(null,t,r,ns(r.type,e),n);break e}throw Error(a(306,r,""))}return t;case 0:return r=t.type,o=t.pendingProps,Cs(e,t,r,o=t.elementType===r?o:ns(r,o),n);case 1:return r=t.type,o=t.pendingProps,js(e,t,r,o=t.elementType===r?o:ns(r,o),n);case 3:e:{if(As(t),null===e)throw Error(a(387));r=t.pendingProps,o=(i=t.memoizedState).element,Fa(e,t),$a(t,r,null,n);var s=t.memoizedState;if(r=s.element,i.isDehydrated){if(i={element:r,isDehydrated:!1,cache:s.cache,pendingSuspenseBoundaries:s.pendingSuspenseBoundaries,transitions:s.transitions},t.updateQueue.baseState=i,t.memoizedState=i,256&t.flags){t=Ts(e,t,r,n,o=cs(Error(a(423)),t));break e}if(r!==o){t=Ts(e,t,r,n,o=cs(Error(a(424)),t));break e}for(oa=co(t.stateNode.containerInfo.firstChild),ra=t,aa=!0,ia=null,n=ka(t,null,r,n),t.child=n;n;)n.flags=-3&n.flags|4096,n=n.sibling}else{if(ma(),r===o){t=Hs(e,t,n);break e}ws(e,t,r,n)}t=t.child}return t;case 5:return Ja(t),null===e&&ua(t),r=t.type,o=t.pendingProps,i=null!==e?e.memoizedProps:null,s=o.children,no(r,o)?s=null:null!==i&&no(r,i)&&(t.flags|=32),_s(e,t),ws(e,t,s,n),t.child;case 6:return null===e&&ua(t),null;case 13:return Ms(e,t,n);case 4:return Ya(t,t.stateNode.containerInfo),r=t.pendingProps,null===e?t.child=Sa(t,null,r,n):ws(e,t,r,n),t.child;case 11:return r=t.type,o=t.pendingProps,Ss(e,t,r,o=t.elementType===r?o:ns(r,o),n);case 7:return ws(e,t,t.pendingProps,n),t.child;case 8:case 12:return ws(e,t,t.pendingProps.children,n),t.child;case 10:e:{if(r=t.type._context,o=t.pendingProps,i=t.memoizedProps,s=o.value,jo(xa,r._currentValue),r._currentValue=s,null!==i)if(sr(i.value,s)){if(i.children===o.children&&!To.current){t=Hs(e,t,n);break e}}else for(null!==(i=t.child)&&(i.return=t);null!==i;){var l=i.dependencies;if(null!==l){s=i.child;for(var c=l.firstContext;null!==c;){if(c.context===r){if(1===i.tag){(c=za(-1,n&-n)).tag=2;var u=i.updateQueue;if(null!==u){var d=(u=u.shared).pending;null===d?c.next=c:(c.next=d.next,d.next=c),u.pending=c}}i.lanes|=n,null!==(c=i.alternate)&&(c.lanes|=n),Aa(i.return,n,t),l.lanes|=n;break}c=c.next}}else if(10===i.tag)s=i.type===t.type?null:i.child;else if(18===i.tag){if(null===(s=i.return))throw Error(a(341));s.lanes|=n,null!==(l=s.alternate)&&(l.lanes|=n),Aa(s,n,t),s=i.sibling}else s=i.child;if(null!==s)s.return=i;else for(s=i;null!==s;){if(s===t){s=null;break}if(null!==(i=s.sibling)){i.return=s.return,s=i;break}s=s.return}i=s}ws(e,t,o.children,n),t=t.child}return t;case 9:return o=t.type,r=t.pendingProps.children,Ta(t,n),r=r(o=Pa(o)),t.flags|=1,ws(e,t,r,n),t.child;case 14:return o=ns(r=t.type,t.pendingProps),ks(e,t,r,o=ns(r.type,o),n);case 15:return xs(e,t,t.type,t.pendingProps,n);case 17:return r=t.type,o=t.pendingProps,o=t.elementType===r?o:ns(r,o),$s(e,t),t.tag=1,Io(r)?(e=!0,Mo(t)):e=!1,Ta(t,n),is(t,r,o),ls(t,r,o,n),Os(null,t,r,!0,e,n);case 19:return qs(e,t,n);case 22:return Es(e,t,n)}throw Error(a(156,t.tag))};var Wc="function"==typeof reportError?reportError:function(e){console.error(e)};function Kc(e){this._internalRoot=e}function Qc(e){this._internalRoot=e}function Yc(e){return!(!e||1!==e.nodeType&&9!==e.nodeType&&11!==e.nodeType)}function Zc(e){return!(!e||1!==e.nodeType&&9!==e.nodeType&&11!==e.nodeType&&(8!==e.nodeType||" react-mount-point-unstable "!==e.nodeValue))}function Jc(){}function Xc(e,t,n,r,o){var a=n._reactRootContainer;if(a){var i=a;if("function"==typeof o){var s=o;o=function(){var e=Hc(i);s.call(e)}}$c(t,i,e,o)}else i=function(e,t,n,r,o){if(o){if("function"==typeof r){var a=r;r=function(){var e=Hc(i);a.call(e)}}var i=qc(t,r,e,0,null,!1,0,"",Jc);return e._reactRootContainer=i,e[ho]=i.current,qr(8===e.nodeType?e.parentNode:e),uc(),i}for(;o=e.lastChild;)e.removeChild(o);if("function"==typeof r){var s=r;r=function(){var e=Hc(l);s.call(e)}}var l=Bc(e,0,!1,null,0,!1,0,"",Jc);return e._reactRootContainer=l,e[ho]=l.current,qr(8===e.nodeType?e.parentNode:e),uc((function(){$c(t,l,n,r)})),l}(n,t,e,o,r);return Hc(i)}Qc.prototype.render=Kc.prototype.render=function(e){var t=this._internalRoot;if(null===t)throw Error(a(409));$c(e,t,null,null)},Qc.prototype.unmount=Kc.prototype.unmount=function(){var e=this._internalRoot;if(null!==e){this._internalRoot=null;var t=e.containerInfo;uc((function(){$c(null,e,null,null)})),t[ho]=null}},Qc.prototype.unstable_scheduleHydration=function(e){if(e){var t=Et();e={blockedOn:null,target:e,priority:t};for(var n=0;n<It.length&&0!==t&&t<It[n].priority;n++);It.splice(n,0,e),0===n&&Mt(e)}},St=function(e){switch(e.tag){case 3:var t=e.stateNode;if(t.current.memoizedState.isDehydrated){var n=dt(t.pendingLanes);0!==n&&(yt(t,1|n),rc(t,Ze()),!(6&Ol)&&(ql=Ze()+500,$o()))}break;case 13:uc((function(){var t=Ra(e,1);if(null!==t){var n=ec();nc(t,e,1,n)}})),Gc(e,1)}},kt=function(e){if(13===e.tag){var t=Ra(e,134217728);if(null!==t)nc(t,e,134217728,ec());Gc(e,134217728)}},xt=function(e){if(13===e.tag){var t=tc(e),n=Ra(e,t);if(null!==n)nc(n,e,t,ec());Gc(e,t)}},Et=function(){return vt},_t=function(e,t){var n=vt;try{return vt=e,t()}finally{vt=n}},ke=function(e,t,n){switch(t){case"input":if(J(e,n),t=n.name,"radio"===n.type&&null!=t){for(n=e;n.parentNode;)n=n.parentNode;for(n=n.querySelectorAll("input[name="+JSON.stringify(""+t)+'][type="radio"]'),t=0;t<n.length;t++){var r=n[t];if(r!==e&&r.form===e.form){var o=ko(r);if(!o)throw Error(a(90));W(r),J(r,o)}}}break;case"textarea":ae(e,n);break;case"select":null!=(t=n.value)&&ne(e,!!n.multiple,t,!1)}},Oe=cc,Ae=uc;var eu={usingClientEntryPoint:!1,Events:[wo,So,ko,Ce,je,cc]},tu={findFiberByHostInstance:vo,bundleType:0,version:"18.3.1",rendererPackageName:"react-dom"},nu={bundleType:tu.bundleType,version:tu.version,rendererPackageName:tu.rendererPackageName,rendererConfig:tu.rendererConfig,overrideHookState:null,overrideHookStateDeletePath:null,overrideHookStateRenamePath:null,overrideProps:null,overridePropsDeletePath:null,overridePropsRenamePath:null,setErrorHandler:null,setSuspenseHandler:null,scheduleUpdate:null,currentDispatcherRef:w.ReactCurrentDispatcher,findHostInstanceByFiber:function(e){return null===(e=Ve(e))?null:e.stateNode},findFiberByHostInstance:tu.findFiberByHostInstance||function(){return null},findHostInstancesForRefresh:null,scheduleRefresh:null,scheduleRoot:null,setRefreshHandler:null,getCurrentFiber:null,reconcilerVersion:"18.3.1-next-f1338f8080-20240426"};if("undefined"!=typeof __REACT_DEVTOOLS_GLOBAL_HOOK__){var ru=__REACT_DEVTOOLS_GLOBAL_HOOK__;if(!ru.isDisabled&&ru.supportsFiber)try{ot=ru.inject(nu),at=ru}catch(ue){}}t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED=eu,t.createPortal=function(e,t){var n=2<arguments.length&&void 0!==arguments[2]?arguments[2]:null;if(!Yc(t))throw Error(a(200));return function(e,t,n){var r=3<arguments.length&&void 0!==arguments[3]?arguments[3]:null;return{$$typeof:k,key:null==r?null:""+r,children:e,containerInfo:t,implementation:n}}(e,t,null,n)},t.createRoot=function(e,t){if(!Yc(e))throw Error(a(299));var n=!1,r="",o=Wc;return null!=t&&(!0===t.unstable_strictMode&&(n=!0),void 0!==t.identifierPrefix&&(r=t.identifierPrefix),void 0!==t.onRecoverableError&&(o=t.onRecoverableError)),t=Bc(e,1,!1,null,0,n,0,r,o),e[ho]=t.current,qr(8===e.nodeType?e.parentNode:e),new Kc(t)},t.findDOMNode=function(e){if(null==e)return null;if(1===e.nodeType)return e;var t=e._reactInternals;if(void 0===t){if("function"==typeof e.render)throw Error(a(188));throw e=Object.keys(e).join(","),Error(a(268,e))}return e=null===(e=Ve(t))?null:e.stateNode},t.flushSync=function(e){return uc(e)},t.hydrate=function(e,t,n){if(!Zc(t))throw Error(a(200));return Xc(null,e,t,!0,n)},t.hydrateRoot=function(e,t,n){if(!Yc(e))throw Error(a(405));var r=null!=n&&n.hydratedSources||null,o=!1,i="",s=Wc;if(null!=n&&(!0===n.unstable_strictMode&&(o=!0),void 0!==n.identifierPrefix&&(i=n.identifierPrefix),void 0!==n.onRecoverableError&&(s=n.onRecoverableError)),t=qc(t,null,e,1,null!=n?n:null,o,0,i,s),e[ho]=t.current,qr(e),r)for(e=0;e<r.length;e++)o=(o=(n=r[e])._getVersion)(n._source),null==t.mutableSourceEagerHydrationData?t.mutableSourceEagerHydrationData=[n,o]:t.mutableSourceEagerHydrationData.push(n,o);return new Qc(t)},t.render=function(e,t,n){if(!Zc(t))throw Error(a(200));return Xc(null,e,t,!1,n)},t.unmountComponentAtNode=function(e){if(!Zc(e))throw Error(a(40));return!!e._reactRootContainer&&(uc((function(){Xc(null,null,e,!1,(function(){e._reactRootContainer=null,e[ho]=null}))})),!0)},t.unstable_batchedUpdates=cc,t.unstable_renderSubtreeIntoContainer=function(e,t,n,r){if(!Zc(n))throw Error(a(200));if(null==e||void 0===e._reactInternals)throw Error(a(38));return Xc(e,t,n,!1,r)},t.version="18.3.1-next-f1338f8080-20240426"},9576:(e,t,n)=>{"use strict";var r=n(8143);t.createRoot=r.createRoot,t.hydrateRoot=r.hydrateRoot},8143:(e,t,n)=>{"use strict";!function e(){if("undefined"!=typeof __REACT_DEVTOOLS_GLOBAL_HOOK__&&"function"==typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE)try{__REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE(e)}catch(t){console.error(t)}}(),e.exports=n(9481)},4072:e=>{var t="undefined"!=typeof Element,n="function"==typeof Map,r="function"==typeof Set,o="function"==typeof ArrayBuffer&&!!ArrayBuffer.isView;function a(e,i){if(e===i)return!0;if(e&&i&&"object"==typeof e&&"object"==typeof i){if(e.constructor!==i.constructor)return!1;var s,l,c,u;if(Array.isArray(e)){if((s=e.length)!=i.length)return!1;for(l=s;0!=l--;)if(!a(e[l],i[l]))return!1;return!0}if(n&&e instanceof Map&&i instanceof Map){if(e.size!==i.size)return!1;for(u=e.entries();!(l=u.next()).done;)if(!i.has(l.value[0]))return!1;for(u=e.entries();!(l=u.next()).done;)if(!a(l.value[1],i.get(l.value[0])))return!1;return!0}if(r&&e instanceof Set&&i instanceof Set){if(e.size!==i.size)return!1;for(u=e.entries();!(l=u.next()).done;)if(!i.has(l.value[0]))return!1;return!0}if(o&&ArrayBuffer.isView(e)&&ArrayBuffer.isView(i)){if((s=e.length)!=i.length)return!1;for(l=s;0!=l--;)if(e[l]!==i[l])return!1;return!0}if(e.constructor===RegExp)return e.source===i.source&&e.flags===i.flags;if(e.valueOf!==Object.prototype.valueOf&&"function"==typeof e.valueOf&&"function"==typeof i.valueOf)return e.valueOf()===i.valueOf();if(e.toString!==Object.prototype.toString&&"function"==typeof e.toString&&"function"==typeof i.toString)return e.toString()===i.toString();if((s=(c=Object.keys(e)).length)!==Object.keys(i).length)return!1;for(l=s;0!=l--;)if(!Object.prototype.hasOwnProperty.call(i,c[l]))return!1;if(t&&e instanceof Element)return!1;for(l=s;0!=l--;)if(("_owner"!==c[l]&&"__v"!==c[l]&&"__o"!==c[l]||!e.$$typeof)&&!a(e[c[l]],i[c[l]]))return!1;return!0}return e!=e&&i!=i}e.exports=function(e,t){try{return a(e,t)}catch(n){if((n.message||"").match(/stack|recursion/i))return console.warn("react-fast-compare cannot handle circular refs"),!1;throw n}}},248:(e,t,n)=>{"use strict";n.d(t,{mg:()=>X,vd:()=>V});var r=n(758),o=n(2736),a=n.n(o),i=n(4072),s=n.n(i),l=n(9597),c=n.n(l),u=n(2945),d=n.n(u);function p(){return p=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},p.apply(this,arguments)}function f(e,t){e.prototype=Object.create(t.prototype),e.prototype.constructor=e,m(e,t)}function m(e,t){return m=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e},m(e,t)}function h(e,t){if(null==e)return{};var n,r,o={},a=Object.keys(e);for(r=0;r<a.length;r++)t.indexOf(n=a[r])>=0||(o[n]=e[n]);return o}var g={BASE:"base",BODY:"body",HEAD:"head",HTML:"html",LINK:"link",META:"meta",NOSCRIPT:"noscript",SCRIPT:"script",STYLE:"style",TITLE:"title",FRAGMENT:"Symbol(react.fragment)"},b={rel:["amphtml","canonical","alternate"]},y={type:["application/ld+json"]},v={charset:"",name:["robots","description"],property:["og:type","og:title","og:url","og:image","og:image:alt","og:description","twitter:url","twitter:title","twitter:description","twitter:image","twitter:image:alt","twitter:card","twitter:site"]},w=Object.keys(g).map((function(e){return g[e]})),S={accesskey:"accessKey",charset:"charSet",class:"className",contenteditable:"contentEditable",contextmenu:"contextMenu","http-equiv":"httpEquiv",itemprop:"itemProp",tabindex:"tabIndex"},k=Object.keys(S).reduce((function(e,t){return e[S[t]]=t,e}),{}),x=function(e,t){for(var n=e.length-1;n>=0;n-=1){var r=e[n];if(Object.prototype.hasOwnProperty.call(r,t))return r[t]}return null},E=function(e){var t=x(e,g.TITLE),n=x(e,"titleTemplate");if(Array.isArray(t)&&(t=t.join("")),n&&t)return n.replace(/%s/g,(function(){return t}));var r=x(e,"defaultTitle");return t||r||void 0},_=function(e){return x(e,"onChangeClientState")||function(){}},C=function(e,t){return t.filter((function(t){return void 0!==t[e]})).map((function(t){return t[e]})).reduce((function(e,t){return p({},e,t)}),{})},j=function(e,t){return t.filter((function(e){return void 0!==e[g.BASE]})).map((function(e){return e[g.BASE]})).reverse().reduce((function(t,n){if(!t.length)for(var r=Object.keys(n),o=0;o<r.length;o+=1){var a=r[o].toLowerCase();if(-1!==e.indexOf(a)&&n[a])return t.concat(n)}return t}),[])},O=function(e,t,n){var r={};return n.filter((function(t){return!!Array.isArray(t[e])||(void 0!==t[e]&&console&&"function"==typeof console.warn&&console.warn("Helmet: "+e+' should be of type "Array". Instead found type "'+typeof t[e]+'"'),!1)})).map((function(t){return t[e]})).reverse().reduce((function(e,n){var o={};n.filter((function(e){for(var n,a=Object.keys(e),i=0;i<a.length;i+=1){var s=a[i],l=s.toLowerCase();-1===t.indexOf(l)||"rel"===n&&"canonical"===e[n].toLowerCase()||"rel"===l&&"stylesheet"===e[l].toLowerCase()||(n=l),-1===t.indexOf(s)||"innerHTML"!==s&&"cssText"!==s&&"itemprop"!==s||(n=s)}if(!n||!e[n])return!1;var c=e[n].toLowerCase();return r[n]||(r[n]={}),o[n]||(o[n]={}),!r[n][c]&&(o[n][c]=!0,!0)})).reverse().forEach((function(t){return e.push(t)}));for(var a=Object.keys(o),i=0;i<a.length;i+=1){var s=a[i],l=p({},r[s],o[s]);r[s]=l}return e}),[]).reverse()},A=function(e,t){if(Array.isArray(e)&&e.length)for(var n=0;n<e.length;n+=1)if(e[n][t])return!0;return!1},T=function(e){return Array.isArray(e)?e.join(""):e},P=function(e,t){return Array.isArray(e)?e.reduce((function(e,n){return function(e,t){for(var n=Object.keys(e),r=0;r<n.length;r+=1)if(t[n[r]]&&t[n[r]].includes(e[n[r]]))return!0;return!1}(n,t)?e.priority.push(n):e.default.push(n),e}),{priority:[],default:[]}):{default:e}},L=function(e,t){var n;return p({},e,((n={})[t]=void 0,n))},I=[g.NOSCRIPT,g.SCRIPT,g.STYLE],N=function(e,t){return void 0===t&&(t=!0),!1===t?String(e):String(e).replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;").replace(/'/g,"&#x27;")},R=function(e){return Object.keys(e).reduce((function(t,n){var r=void 0!==e[n]?n+'="'+e[n]+'"':""+n;return t?t+" "+r:r}),"")},D=function(e,t){return void 0===t&&(t={}),Object.keys(e).reduce((function(t,n){return t[S[n]||n]=e[n],t}),t)},M=function(e,t){return t.map((function(t,n){var o,a=((o={key:n})["data-rh"]=!0,o);return Object.keys(t).forEach((function(e){var n=S[e]||e;"innerHTML"===n||"cssText"===n?a.dangerouslySetInnerHTML={__html:t.innerHTML||t.cssText}:a[n]=t[e]})),r.createElement(e,a)}))},F=function(e,t,n){switch(e){case g.TITLE:return{toComponent:function(){return n=t.titleAttributes,(o={key:e=t.title})["data-rh"]=!0,a=D(n,o),[r.createElement(g.TITLE,a,e)];var e,n,o,a},toString:function(){return function(e,t,n,r){var o=R(n),a=T(t);return o?"<"+e+' data-rh="true" '+o+">"+N(a,r)+"</"+e+">":"<"+e+' data-rh="true">'+N(a,r)+"</"+e+">"}(e,t.title,t.titleAttributes,n)}};case"bodyAttributes":case"htmlAttributes":return{toComponent:function(){return D(t)},toString:function(){return R(t)}};default:return{toComponent:function(){return M(e,t)},toString:function(){return function(e,t,n){return t.reduce((function(t,r){var o=Object.keys(r).filter((function(e){return!("innerHTML"===e||"cssText"===e)})).reduce((function(e,t){var o=void 0===r[t]?t:t+'="'+N(r[t],n)+'"';return e?e+" "+o:o}),""),a=r.innerHTML||r.cssText||"",i=-1===I.indexOf(e);return t+"<"+e+' data-rh="true" '+o+(i?"/>":">"+a+"</"+e+">")}),"")}(e,t,n)}}}},z=function(e){var t=e.baseTag,n=e.bodyAttributes,r=e.encode,o=e.htmlAttributes,a=e.noscriptTags,i=e.styleTags,s=e.title,l=void 0===s?"":s,c=e.titleAttributes,u=e.linkTags,d=e.metaTags,p=e.scriptTags,f={toComponent:function(){},toString:function(){return""}};if(e.prioritizeSeoTags){var m=function(e){var t=e.linkTags,n=e.scriptTags,r=e.encode,o=P(e.metaTags,v),a=P(t,b),i=P(n,y);return{priorityMethods:{toComponent:function(){return[].concat(M(g.META,o.priority),M(g.LINK,a.priority),M(g.SCRIPT,i.priority))},toString:function(){return F(g.META,o.priority,r)+" "+F(g.LINK,a.priority,r)+" "+F(g.SCRIPT,i.priority,r)}},metaTags:o.default,linkTags:a.default,scriptTags:i.default}}(e);f=m.priorityMethods,u=m.linkTags,d=m.metaTags,p=m.scriptTags}return{priority:f,base:F(g.BASE,t,r),bodyAttributes:F("bodyAttributes",n,r),htmlAttributes:F("htmlAttributes",o,r),link:F(g.LINK,u,r),meta:F(g.META,d,r),noscript:F(g.NOSCRIPT,a,r),script:F(g.SCRIPT,p,r),style:F(g.STYLE,i,r),title:F(g.TITLE,{title:l,titleAttributes:c},r)}},B=[],U=function(e,t){var n=this;void 0===t&&(t="undefined"!=typeof document),this.instances=[],this.value={setHelmet:function(e){n.context.helmet=e},helmetInstances:{get:function(){return n.canUseDOM?B:n.instances},add:function(e){(n.canUseDOM?B:n.instances).push(e)},remove:function(e){var t=(n.canUseDOM?B:n.instances).indexOf(e);(n.canUseDOM?B:n.instances).splice(t,1)}}},this.context=e,this.canUseDOM=t,t||(e.helmet=z({baseTag:[],bodyAttributes:{},encodeSpecialCharacters:!0,htmlAttributes:{},linkTags:[],metaTags:[],noscriptTags:[],scriptTags:[],styleTags:[],title:"",titleAttributes:{}}))},q=r.createContext({}),$=a().shape({setHelmet:a().func,helmetInstances:a().shape({get:a().func,add:a().func,remove:a().func})}),H="undefined"!=typeof document,V=function(e){function t(n){var r;return(r=e.call(this,n)||this).helmetData=new U(r.props.context,t.canUseDOM),r}return f(t,e),t.prototype.render=function(){return r.createElement(q.Provider,{value:this.helmetData.value},this.props.children)},t}(r.Component);V.canUseDOM=H,V.propTypes={context:a().shape({helmet:a().shape()}),children:a().node.isRequired},V.defaultProps={context:{}},V.displayName="HelmetProvider";var G=function(e,t){var n,r=document.head||document.querySelector(g.HEAD),o=r.querySelectorAll(e+"[data-rh]"),a=[].slice.call(o),i=[];return t&&t.length&&t.forEach((function(t){var r=document.createElement(e);for(var o in t)Object.prototype.hasOwnProperty.call(t,o)&&("innerHTML"===o?r.innerHTML=t.innerHTML:"cssText"===o?r.styleSheet?r.styleSheet.cssText=t.cssText:r.appendChild(document.createTextNode(t.cssText)):r.setAttribute(o,void 0===t[o]?"":t[o]));r.setAttribute("data-rh","true"),a.some((function(e,t){return n=t,r.isEqualNode(e)}))?a.splice(n,1):i.push(r)})),a.forEach((function(e){return e.parentNode.removeChild(e)})),i.forEach((function(e){return r.appendChild(e)})),{oldTags:a,newTags:i}},W=function(e,t){var n=document.getElementsByTagName(e)[0];if(n){for(var r=n.getAttribute("data-rh"),o=r?r.split(","):[],a=[].concat(o),i=Object.keys(t),s=0;s<i.length;s+=1){var l=i[s],c=t[l]||"";n.getAttribute(l)!==c&&n.setAttribute(l,c),-1===o.indexOf(l)&&o.push(l);var u=a.indexOf(l);-1!==u&&a.splice(u,1)}for(var d=a.length-1;d>=0;d-=1)n.removeAttribute(a[d]);o.length===a.length?n.removeAttribute("data-rh"):n.getAttribute("data-rh")!==i.join(",")&&n.setAttribute("data-rh",i.join(","))}},K=function(e,t){var n=e.baseTag,r=e.htmlAttributes,o=e.linkTags,a=e.metaTags,i=e.noscriptTags,s=e.onChangeClientState,l=e.scriptTags,c=e.styleTags,u=e.title,d=e.titleAttributes;W(g.BODY,e.bodyAttributes),W(g.HTML,r),function(e,t){void 0!==e&&document.title!==e&&(document.title=T(e)),W(g.TITLE,t)}(u,d);var p={baseTag:G(g.BASE,n),linkTags:G(g.LINK,o),metaTags:G(g.META,a),noscriptTags:G(g.NOSCRIPT,i),scriptTags:G(g.SCRIPT,l),styleTags:G(g.STYLE,c)},f={},m={};Object.keys(p).forEach((function(e){var t=p[e],n=t.newTags,r=t.oldTags;n.length&&(f[e]=n),r.length&&(m[e]=p[e].oldTags)})),t&&t(),s(e,f,m)},Q=null,Y=function(e){function t(){for(var t,n=arguments.length,r=new Array(n),o=0;o<n;o++)r[o]=arguments[o];return(t=e.call.apply(e,[this].concat(r))||this).rendered=!1,t}f(t,e);var n=t.prototype;return n.shouldComponentUpdate=function(e){return!d()(e,this.props)},n.componentDidUpdate=function(){this.emitChange()},n.componentWillUnmount=function(){this.props.context.helmetInstances.remove(this),this.emitChange()},n.emitChange=function(){var e,t,n=this.props.context,r=n.setHelmet,o=null,a=(e=n.helmetInstances.get().map((function(e){var t=p({},e.props);return delete t.context,t})),{baseTag:j(["href"],e),bodyAttributes:C("bodyAttributes",e),defer:x(e,"defer"),encode:x(e,"encodeSpecialCharacters"),htmlAttributes:C("htmlAttributes",e),linkTags:O(g.LINK,["rel","href"],e),metaTags:O(g.META,["name","charset","http-equiv","property","itemprop"],e),noscriptTags:O(g.NOSCRIPT,["innerHTML"],e),onChangeClientState:_(e),scriptTags:O(g.SCRIPT,["src","innerHTML"],e),styleTags:O(g.STYLE,["cssText"],e),title:E(e),titleAttributes:C("titleAttributes",e),prioritizeSeoTags:A(e,"prioritizeSeoTags")});V.canUseDOM?(t=a,Q&&cancelAnimationFrame(Q),t.defer?Q=requestAnimationFrame((function(){K(t,(function(){Q=null}))})):(K(t),Q=null)):z&&(o=z(a)),r(o)},n.init=function(){this.rendered||(this.rendered=!0,this.props.context.helmetInstances.add(this),this.emitChange())},n.render=function(){return this.init(),null},t}(r.Component);Y.propTypes={context:$.isRequired},Y.displayName="HelmetDispatcher";var Z=["children"],J=["children"],X=function(e){function t(){return e.apply(this,arguments)||this}f(t,e);var n=t.prototype;return n.shouldComponentUpdate=function(e){return!s()(L(this.props,"helmetData"),L(e,"helmetData"))},n.mapNestedChildrenToProps=function(e,t){if(!t)return null;switch(e.type){case g.SCRIPT:case g.NOSCRIPT:return{innerHTML:t};case g.STYLE:return{cssText:t};default:throw new Error("<"+e.type+" /> elements are self-closing and can not contain children. Refer to our API for more information.")}},n.flattenArrayTypeChildren=function(e){var t,n=e.child,r=e.arrayTypeChildren;return p({},r,((t={})[n.type]=[].concat(r[n.type]||[],[p({},e.newChildProps,this.mapNestedChildrenToProps(n,e.nestedChildren))]),t))},n.mapObjectTypeChildren=function(e){var t,n,r=e.child,o=e.newProps,a=e.newChildProps,i=e.nestedChildren;switch(r.type){case g.TITLE:return p({},o,((t={})[r.type]=i,t.titleAttributes=p({},a),t));case g.BODY:return p({},o,{bodyAttributes:p({},a)});case g.HTML:return p({},o,{htmlAttributes:p({},a)});default:return p({},o,((n={})[r.type]=p({},a),n))}},n.mapArrayTypeChildrenToProps=function(e,t){var n=p({},t);return Object.keys(e).forEach((function(t){var r;n=p({},n,((r={})[t]=e[t],r))})),n},n.warnOnInvalidChildren=function(e,t){return c()(w.some((function(t){return e.type===t})),"function"==typeof e.type?"You may be attempting to nest <Helmet> components within each other, which is not allowed. Refer to our API for more information.":"Only elements types "+w.join(", ")+" are allowed. Helmet does not support rendering <"+e.type+"> elements. Refer to our API for more information."),c()(!t||"string"==typeof t||Array.isArray(t)&&!t.some((function(e){return"string"!=typeof e})),"Helmet expects a string as a child of <"+e.type+">. Did you forget to wrap your children in braces? ( <"+e.type+">{``}</"+e.type+"> ) Refer to our API for more information."),!0},n.mapChildrenToProps=function(e,t){var n=this,o={};return r.Children.forEach(e,(function(e){if(e&&e.props){var r=e.props,a=r.children,i=h(r,Z),s=Object.keys(i).reduce((function(e,t){return e[k[t]||t]=i[t],e}),{}),l=e.type;switch("symbol"==typeof l?l=l.toString():n.warnOnInvalidChildren(e,a),l){case g.FRAGMENT:t=n.mapChildrenToProps(a,t);break;case g.LINK:case g.META:case g.NOSCRIPT:case g.SCRIPT:case g.STYLE:o=n.flattenArrayTypeChildren({child:e,arrayTypeChildren:o,newChildProps:s,nestedChildren:a});break;default:t=n.mapObjectTypeChildren({child:e,newProps:t,newChildProps:s,nestedChildren:a})}}})),this.mapArrayTypeChildrenToProps(o,t)},n.render=function(){var e=this.props,t=e.children,n=h(e,J),o=p({},n),a=n.helmetData;return t&&(o=this.mapChildrenToProps(t,o)),!a||a instanceof U||(a=new U(a.context,a.instances)),a?r.createElement(Y,p({},o,{context:a.value,helmetData:void 0})):r.createElement(q.Consumer,null,(function(e){return r.createElement(Y,p({},o,{context:e}))}))},t}(r.Component);X.propTypes={base:a().object,bodyAttributes:a().object,children:a().oneOfType([a().arrayOf(a().node),a().node]),defaultTitle:a().string,defer:a().bool,encodeSpecialCharacters:a().bool,htmlAttributes:a().object,link:a().arrayOf(a().object),meta:a().arrayOf(a().object),noscript:a().arrayOf(a().object),onChangeClientState:a().func,script:a().arrayOf(a().object),style:a().arrayOf(a().object),title:a().string,titleAttributes:a().object,titleTemplate:a().string,prioritizeSeoTags:a().bool,helmetData:a().object},X.defaultProps={defer:!0,encodeSpecialCharacters:!0,prioritizeSeoTags:!1},X.displayName="Helmet"},5843:(e,t)=>{"use strict";var n="function"==typeof Symbol&&Symbol.for,r=n?Symbol.for("react.element"):60103,o=n?Symbol.for("react.portal"):60106,a=n?Symbol.for("react.fragment"):60107,i=n?Symbol.for("react.strict_mode"):60108,s=n?Symbol.for("react.profiler"):60114,l=n?Symbol.for("react.provider"):60109,c=n?Symbol.for("react.context"):60110,u=n?Symbol.for("react.async_mode"):60111,d=n?Symbol.for("react.concurrent_mode"):60111,p=n?Symbol.for("react.forward_ref"):60112,f=n?Symbol.for("react.suspense"):60113,m=n?Symbol.for("react.suspense_list"):60120,h=n?Symbol.for("react.memo"):60115,g=n?Symbol.for("react.lazy"):60116,b=n?Symbol.for("react.block"):60121,y=n?Symbol.for("react.fundamental"):60117,v=n?Symbol.for("react.responder"):60118,w=n?Symbol.for("react.scope"):60119;function S(e){if("object"==typeof e&&null!==e){var t=e.$$typeof;switch(t){case r:switch(e=e.type){case u:case d:case a:case s:case i:case f:return e;default:switch(e=e&&e.$$typeof){case c:case p:case g:case h:case l:return e;default:return t}}case o:return t}}}function k(e){return S(e)===d}t.AsyncMode=u,t.ConcurrentMode=d,t.ContextConsumer=c,t.ContextProvider=l,t.Element=r,t.ForwardRef=p,t.Fragment=a,t.Lazy=g,t.Memo=h,t.Portal=o,t.Profiler=s,t.StrictMode=i,t.Suspense=f,t.isAsyncMode=function(e){return k(e)||S(e)===u},t.isConcurrentMode=k,t.isContextConsumer=function(e){return S(e)===c},t.isContextProvider=function(e){return S(e)===l},t.isElement=function(e){return"object"==typeof e&&null!==e&&e.$$typeof===r},t.isForwardRef=function(e){return S(e)===p},t.isFragment=function(e){return S(e)===a},t.isLazy=function(e){return S(e)===g},t.isMemo=function(e){return S(e)===h},t.isPortal=function(e){return S(e)===o},t.isProfiler=function(e){return S(e)===s},t.isStrictMode=function(e){return S(e)===i},t.isSuspense=function(e){return S(e)===f},t.isValidElementType=function(e){return"string"==typeof e||"function"==typeof e||e===a||e===d||e===s||e===i||e===f||e===m||"object"==typeof e&&null!==e&&(e.$$typeof===g||e.$$typeof===h||e.$$typeof===l||e.$$typeof===c||e.$$typeof===p||e.$$typeof===y||e.$$typeof===v||e.$$typeof===w||e.$$typeof===b)},t.typeOf=S},5959:(e,t,n)=>{"use strict";e.exports=n(5843)},389:(e,t,n)=>{"use strict";n.d(t,{u:()=>i,v:()=>s});var r=n(5557),o=n(991),a=n(758);function i(e,t,n){return void 0===n&&(n=[]),e.some((function(e){var o=e.path?(0,r.B6)(t,e):n.length?n[n.length-1].match:r.Ix.computeRootMatch(t);return o&&(n.push({route:e,match:o}),e.routes&&i(e.routes,t,n)),o})),n}function s(e,t,n){return void 0===t&&(t={}),void 0===n&&(n={}),e?a.createElement(r.dO,n,e.map((function(e,n){return a.createElement(r.qh,{key:e.key||n,path:e.path,exact:e.exact,strict:e.strict,render:function(n){return e.render?e.render((0,o.A)({},n,{},t,{route:e})):a.createElement(e.component,(0,o.A)({},n,t,{route:e}))}})}))):null}},1742:(e,t,n)=>{"use strict";n.d(t,{I9:()=>d,Kd:()=>u,N_:()=>b,k2:()=>w});var r=n(5557),o=n(1141),a=n(758),i=n(3332),s=n(991),l=n(3302),c=n(5385),u=function(e){function t(){for(var t,n=arguments.length,r=new Array(n),o=0;o<n;o++)r[o]=arguments[o];return(t=e.call.apply(e,[this].concat(r))||this).history=(0,i.zR)(t.props),t}return(0,o.A)(t,e),t.prototype.render=function(){return a.createElement(r.Ix,{history:this.history,children:this.props.children})},t}(a.Component);var d=function(e){function t(){for(var t,n=arguments.length,r=new Array(n),o=0;o<n;o++)r[o]=arguments[o];return(t=e.call.apply(e,[this].concat(r))||this).history=(0,i.TM)(t.props),t}return(0,o.A)(t,e),t.prototype.render=function(){return a.createElement(r.Ix,{history:this.history,children:this.props.children})},t}(a.Component);var p=function(e,t){return"function"==typeof e?e(t):e},f=function(e,t){return"string"==typeof e?(0,i.yJ)(e,null,null,t):e},m=function(e){return e},h=a.forwardRef;void 0===h&&(h=m);var g=h((function(e,t){var n=e.innerRef,r=e.navigate,o=e.onClick,i=(0,l.A)(e,["innerRef","navigate","onClick"]),c=i.target,u=(0,s.A)({},i,{onClick:function(e){try{o&&o(e)}catch(t){throw e.preventDefault(),t}e.defaultPrevented||0!==e.button||c&&"_self"!==c||function(e){return!!(e.metaKey||e.altKey||e.ctrlKey||e.shiftKey)}(e)||(e.preventDefault(),r())}});return u.ref=m!==h&&t||n,a.createElement("a",u)}));var b=h((function(e,t){var n=e.component,o=void 0===n?g:n,u=e.replace,d=e.to,b=e.innerRef,y=(0,l.A)(e,["component","replace","to","innerRef"]);return a.createElement(r.XZ.Consumer,null,(function(e){e||(0,c.A)(!1);var n=e.history,r=f(p(d,e.location),e.location),l=r?n.createHref(r):"",g=(0,s.A)({},y,{href:l,navigate:function(){var t=p(d,e.location),r=(0,i.AO)(e.location)===(0,i.AO)(f(t));(u||r?n.replace:n.push)(t)}});return m!==h?g.ref=t||b:g.innerRef=b,a.createElement(o,g)}))})),y=function(e){return e},v=a.forwardRef;void 0===v&&(v=y);var w=v((function(e,t){var n=e["aria-current"],o=void 0===n?"page":n,i=e.activeClassName,u=void 0===i?"active":i,d=e.activeStyle,m=e.className,h=e.exact,g=e.isActive,w=e.location,S=e.sensitive,k=e.strict,x=e.style,E=e.to,_=e.innerRef,C=(0,l.A)(e,["aria-current","activeClassName","activeStyle","className","exact","isActive","location","sensitive","strict","style","to","innerRef"]);return a.createElement(r.XZ.Consumer,null,(function(e){e||(0,c.A)(!1);var n=w||e.location,i=f(p(E,n),n),l=i.pathname,j=l&&l.replace(/([.+*?=^!:${}()[\]|/\\])/g,"\\$1"),O=j?(0,r.B6)(n.pathname,{path:j,exact:h,sensitive:S,strict:k}):null,A=!!(g?g(O,n):O),T="function"==typeof m?m(A):m,P="function"==typeof x?x(A):x;A&&(T=function(){for(var e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];return t.filter((function(e){return e})).join(" ")}(T,u),P=(0,s.A)({},P,d));var L=(0,s.A)({"aria-current":A&&o||null,className:T,style:P,to:i},C);return y!==v?L.ref=t||_:L.innerRef=_,a.createElement(b,L)}))}))},5557:(e,t,n)=>{"use strict";n.d(t,{B6:()=>x,Ix:()=>v,W6:()=>L,XZ:()=>y,dO:()=>T,qh:()=>E,zy:()=>I});var r=n(1141),o=n(758),a=n(2736),i=n.n(a),s=n(3332),l=n(5385),c=n(991),u=n(6150),d=n.n(u),p=(n(5959),n(3302)),f=(n(1035),1073741823),m="undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:void 0!==n.g?n.g:{};var h=o.createContext||function(e,t){var n,a,s="__create-react-context-"+function(){var e="__global_unique_id__";return m[e]=(m[e]||0)+1}()+"__",l=function(e){function n(){for(var t,n,r,o=arguments.length,a=new Array(o),i=0;i<o;i++)a[i]=arguments[i];return(t=e.call.apply(e,[this].concat(a))||this).emitter=(n=t.props.value,r=[],{on:function(e){r.push(e)},off:function(e){r=r.filter((function(t){return t!==e}))},get:function(){return n},set:function(e,t){n=e,r.forEach((function(e){return e(n,t)}))}}),t}(0,r.A)(n,e);var o=n.prototype;return o.getChildContext=function(){var e;return(e={})[s]=this.emitter,e},o.componentWillReceiveProps=function(e){if(this.props.value!==e.value){var n,r=this.props.value,o=e.value;((a=r)===(i=o)?0!==a||1/a==1/i:a!=a&&i!=i)?n=0:(n="function"==typeof t?t(r,o):f,0!==(n|=0)&&this.emitter.set(e.value,n))}var a,i},o.render=function(){return this.props.children},n}(o.Component);l.childContextTypes=((n={})[s]=i().object.isRequired,n);var c=function(t){function n(){for(var e,n=arguments.length,r=new Array(n),o=0;o<n;o++)r[o]=arguments[o];return(e=t.call.apply(t,[this].concat(r))||this).observedBits=void 0,e.state={value:e.getValue()},e.onUpdate=function(t,n){(0|e.observedBits)&n&&e.setState({value:e.getValue()})},e}(0,r.A)(n,t);var o=n.prototype;return o.componentWillReceiveProps=function(e){var t=e.observedBits;this.observedBits=null==t?f:t},o.componentDidMount=function(){this.context[s]&&this.context[s].on(this.onUpdate);var e=this.props.observedBits;this.observedBits=null==e?f:e},o.componentWillUnmount=function(){this.context[s]&&this.context[s].off(this.onUpdate)},o.getValue=function(){return this.context[s]?this.context[s].get():e},o.render=function(){return(e=this.props.children,Array.isArray(e)?e[0]:e)(this.state.value);var e},n}(o.Component);return c.contextTypes=((a={})[s]=i().object,a),{Provider:l,Consumer:c}},g=function(e){var t=h();return t.displayName=e,t},b=g("Router-History"),y=g("Router"),v=function(e){function t(t){var n;return(n=e.call(this,t)||this).state={location:t.history.location},n._isMounted=!1,n._pendingLocation=null,t.staticContext||(n.unlisten=t.history.listen((function(e){n._pendingLocation=e}))),n}(0,r.A)(t,e),t.computeRootMatch=function(e){return{path:"/",url:"/",params:{},isExact:"/"===e}};var n=t.prototype;return n.componentDidMount=function(){var e=this;this._isMounted=!0,this.unlisten&&this.unlisten(),this.props.staticContext||(this.unlisten=this.props.history.listen((function(t){e._isMounted&&e.setState({location:t})}))),this._pendingLocation&&this.setState({location:this._pendingLocation})},n.componentWillUnmount=function(){this.unlisten&&(this.unlisten(),this._isMounted=!1,this._pendingLocation=null)},n.render=function(){return o.createElement(y.Provider,{value:{history:this.props.history,location:this.state.location,match:t.computeRootMatch(this.state.location.pathname),staticContext:this.props.staticContext}},o.createElement(b.Provider,{children:this.props.children||null,value:this.props.history}))},t}(o.Component);o.Component;o.Component;var w={},S=1e4,k=0;function x(e,t){void 0===t&&(t={}),("string"==typeof t||Array.isArray(t))&&(t={path:t});var n=t,r=n.path,o=n.exact,a=void 0!==o&&o,i=n.strict,s=void 0!==i&&i,l=n.sensitive,c=void 0!==l&&l;return[].concat(r).reduce((function(t,n){if(!n&&""!==n)return null;if(t)return t;var r=function(e,t){var n=""+t.end+t.strict+t.sensitive,r=w[n]||(w[n]={});if(r[e])return r[e];var o=[],a={regexp:d()(e,o,t),keys:o};return k<S&&(r[e]=a,k++),a}(n,{end:a,strict:s,sensitive:c}),o=r.regexp,i=r.keys,l=o.exec(e);if(!l)return null;var u=l[0],p=l.slice(1),f=e===u;return a&&!f?null:{path:n,url:"/"===n&&""===u?"/":u,isExact:f,params:i.reduce((function(e,t,n){return e[t.name]=p[n],e}),{})}}),null)}var E=function(e){function t(){return e.apply(this,arguments)||this}return(0,r.A)(t,e),t.prototype.render=function(){var e=this;return o.createElement(y.Consumer,null,(function(t){t||(0,l.A)(!1);var n=e.props.location||t.location,r=e.props.computedMatch?e.props.computedMatch:e.props.path?x(n.pathname,e.props):t.match,a=(0,c.A)({},t,{location:n,match:r}),i=e.props,s=i.children,u=i.component,d=i.render;return Array.isArray(s)&&function(e){return 0===o.Children.count(e)}(s)&&(s=null),o.createElement(y.Provider,{value:a},a.match?s?"function"==typeof s?s(a):s:u?o.createElement(u,a):d?d(a):null:"function"==typeof s?s(a):null)}))},t}(o.Component);function _(e){return"/"===e.charAt(0)?e:"/"+e}function C(e,t){if(!e)return t;var n=_(e);return 0!==t.pathname.indexOf(n)?t:(0,c.A)({},t,{pathname:t.pathname.substr(n.length)})}function j(e){return"string"==typeof e?e:(0,s.AO)(e)}function O(e){return function(){(0,l.A)(!1)}}function A(){}o.Component;var T=function(e){function t(){return e.apply(this,arguments)||this}return(0,r.A)(t,e),t.prototype.render=function(){var e=this;return o.createElement(y.Consumer,null,(function(t){t||(0,l.A)(!1);var n,r,a=e.props.location||t.location;return o.Children.forEach(e.props.children,(function(e){if(null==r&&o.isValidElement(e)){n=e;var i=e.props.path||e.props.from;r=i?x(a.pathname,(0,c.A)({},e.props,{path:i})):t.match}})),r?o.cloneElement(n,{location:a,computedMatch:r}):null}))},t}(o.Component);var P=o.useContext;function L(){return P(b)}function I(){return P(y).location}},7462:(e,t,n)=>{"use strict";var r=n(758),o=Symbol.for("react.element"),a=Symbol.for("react.fragment"),i=Object.prototype.hasOwnProperty,s=r.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,l={key:!0,ref:!0,__self:!0,__source:!0};function c(e,t,n){var r,a={},c=null,u=null;for(r in void 0!==n&&(c=""+n),void 0!==t.key&&(c=""+t.key),void 0!==t.ref&&(u=t.ref),t)i.call(t,r)&&!l.hasOwnProperty(r)&&(a[r]=t[r]);if(e&&e.defaultProps)for(r in t=e.defaultProps)void 0===a[r]&&(a[r]=t[r]);return{$$typeof:o,type:e,key:c,ref:u,props:a,_owner:s.current}}t.Fragment=a,t.jsx=c,t.jsxs=c},2713:(e,t)=>{"use strict";var n=Symbol.for("react.element"),r=Symbol.for("react.portal"),o=Symbol.for("react.fragment"),a=Symbol.for("react.strict_mode"),i=Symbol.for("react.profiler"),s=Symbol.for("react.provider"),l=Symbol.for("react.context"),c=Symbol.for("react.forward_ref"),u=Symbol.for("react.suspense"),d=Symbol.for("react.memo"),p=Symbol.for("react.lazy"),f=Symbol.iterator;var m={isMounted:function(){return!1},enqueueForceUpdate:function(){},enqueueReplaceState:function(){},enqueueSetState:function(){}},h=Object.assign,g={};function b(e,t,n){this.props=e,this.context=t,this.refs=g,this.updater=n||m}function y(){}function v(e,t,n){this.props=e,this.context=t,this.refs=g,this.updater=n||m}b.prototype.isReactComponent={},b.prototype.setState=function(e,t){if("object"!=typeof e&&"function"!=typeof e&&null!=e)throw Error("setState(...): takes an object of state variables to update or a function which returns an object of state variables.");this.updater.enqueueSetState(this,e,t,"setState")},b.prototype.forceUpdate=function(e){this.updater.enqueueForceUpdate(this,e,"forceUpdate")},y.prototype=b.prototype;var w=v.prototype=new y;w.constructor=v,h(w,b.prototype),w.isPureReactComponent=!0;var S=Array.isArray,k=Object.prototype.hasOwnProperty,x={current:null},E={key:!0,ref:!0,__self:!0,__source:!0};function _(e,t,r){var o,a={},i=null,s=null;if(null!=t)for(o in void 0!==t.ref&&(s=t.ref),void 0!==t.key&&(i=""+t.key),t)k.call(t,o)&&!E.hasOwnProperty(o)&&(a[o]=t[o]);var l=arguments.length-2;if(1===l)a.children=r;else if(1<l){for(var c=Array(l),u=0;u<l;u++)c[u]=arguments[u+2];a.children=c}if(e&&e.defaultProps)for(o in l=e.defaultProps)void 0===a[o]&&(a[o]=l[o]);return{$$typeof:n,type:e,key:i,ref:s,props:a,_owner:x.current}}function C(e){return"object"==typeof e&&null!==e&&e.$$typeof===n}var j=/\/+/g;function O(e,t){return"object"==typeof e&&null!==e&&null!=e.key?function(e){var t={"=":"=0",":":"=2"};return"$"+e.replace(/[=:]/g,(function(e){return t[e]}))}(""+e.key):t.toString(36)}function A(e,t,o,a,i){var s=typeof e;"undefined"!==s&&"boolean"!==s||(e=null);var l=!1;if(null===e)l=!0;else switch(s){case"string":case"number":l=!0;break;case"object":switch(e.$$typeof){case n:case r:l=!0}}if(l)return i=i(l=e),e=""===a?"."+O(l,0):a,S(i)?(o="",null!=e&&(o=e.replace(j,"$&/")+"/"),A(i,t,o,"",(function(e){return e}))):null!=i&&(C(i)&&(i=function(e,t){return{$$typeof:n,type:e.type,key:t,ref:e.ref,props:e.props,_owner:e._owner}}(i,o+(!i.key||l&&l.key===i.key?"":(""+i.key).replace(j,"$&/")+"/")+e)),t.push(i)),1;if(l=0,a=""===a?".":a+":",S(e))for(var c=0;c<e.length;c++){var u=a+O(s=e[c],c);l+=A(s,t,o,u,i)}else if(u=function(e){return null===e||"object"!=typeof e?null:"function"==typeof(e=f&&e[f]||e["@@iterator"])?e:null}(e),"function"==typeof u)for(e=u.call(e),c=0;!(s=e.next()).done;)l+=A(s=s.value,t,o,u=a+O(s,c++),i);else if("object"===s)throw t=String(e),Error("Objects are not valid as a React child (found: "+("[object Object]"===t?"object with keys {"+Object.keys(e).join(", ")+"}":t)+"). If you meant to render a collection of children, use an array instead.");return l}function T(e,t,n){if(null==e)return e;var r=[],o=0;return A(e,r,"","",(function(e){return t.call(n,e,o++)})),r}function P(e){if(-1===e._status){var t=e._result;(t=t()).then((function(t){0!==e._status&&-1!==e._status||(e._status=1,e._result=t)}),(function(t){0!==e._status&&-1!==e._status||(e._status=2,e._result=t)})),-1===e._status&&(e._status=0,e._result=t)}if(1===e._status)return e._result.default;throw e._result}var L={current:null},I={transition:null},N={ReactCurrentDispatcher:L,ReactCurrentBatchConfig:I,ReactCurrentOwner:x};function R(){throw Error("act(...) is not supported in production builds of React.")}t.Children={map:T,forEach:function(e,t,n){T(e,(function(){t.apply(this,arguments)}),n)},count:function(e){var t=0;return T(e,(function(){t++})),t},toArray:function(e){return T(e,(function(e){return e}))||[]},only:function(e){if(!C(e))throw Error("React.Children.only expected to receive a single React element child.");return e}},t.Component=b,t.Fragment=o,t.Profiler=i,t.PureComponent=v,t.StrictMode=a,t.Suspense=u,t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED=N,t.act=R,t.cloneElement=function(e,t,r){if(null==e)throw Error("React.cloneElement(...): The argument must be a React element, but you passed "+e+".");var o=h({},e.props),a=e.key,i=e.ref,s=e._owner;if(null!=t){if(void 0!==t.ref&&(i=t.ref,s=x.current),void 0!==t.key&&(a=""+t.key),e.type&&e.type.defaultProps)var l=e.type.defaultProps;for(c in t)k.call(t,c)&&!E.hasOwnProperty(c)&&(o[c]=void 0===t[c]&&void 0!==l?l[c]:t[c])}var c=arguments.length-2;if(1===c)o.children=r;else if(1<c){l=Array(c);for(var u=0;u<c;u++)l[u]=arguments[u+2];o.children=l}return{$$typeof:n,type:e.type,key:a,ref:i,props:o,_owner:s}},t.createContext=function(e){return(e={$$typeof:l,_currentValue:e,_currentValue2:e,_threadCount:0,Provider:null,Consumer:null,_defaultValue:null,_globalName:null}).Provider={$$typeof:s,_context:e},e.Consumer=e},t.createElement=_,t.createFactory=function(e){var t=_.bind(null,e);return t.type=e,t},t.createRef=function(){return{current:null}},t.forwardRef=function(e){return{$$typeof:c,render:e}},t.isValidElement=C,t.lazy=function(e){return{$$typeof:p,_payload:{_status:-1,_result:e},_init:P}},t.memo=function(e,t){return{$$typeof:d,type:e,compare:void 0===t?null:t}},t.startTransition=function(e){var t=I.transition;I.transition={};try{e()}finally{I.transition=t}},t.unstable_act=R,t.useCallback=function(e,t){return L.current.useCallback(e,t)},t.useContext=function(e){return L.current.useContext(e)},t.useDebugValue=function(){},t.useDeferredValue=function(e){return L.current.useDeferredValue(e)},t.useEffect=function(e,t){return L.current.useEffect(e,t)},t.useId=function(){return L.current.useId()},t.useImperativeHandle=function(e,t,n){return L.current.useImperativeHandle(e,t,n)},t.useInsertionEffect=function(e,t){return L.current.useInsertionEffect(e,t)},t.useLayoutEffect=function(e,t){return L.current.useLayoutEffect(e,t)},t.useMemo=function(e,t){return L.current.useMemo(e,t)},t.useReducer=function(e,t,n){return L.current.useReducer(e,t,n)},t.useRef=function(e){return L.current.useRef(e)},t.useState=function(e){return L.current.useState(e)},t.useSyncExternalStore=function(e,t,n){return L.current.useSyncExternalStore(e,t,n)},t.useTransition=function(){return L.current.useTransition()},t.version="18.3.1"},758:(e,t,n)=>{"use strict";e.exports=n(2713)},6070:(e,t,n)=>{"use strict";e.exports=n(7462)},4733:(e,t)=>{"use strict";function n(e,t){var n=e.length;e.push(t);e:for(;0<n;){var r=n-1>>>1,o=e[r];if(!(0<a(o,t)))break e;e[r]=t,e[n]=o,n=r}}function r(e){return 0===e.length?null:e[0]}function o(e){if(0===e.length)return null;var t=e[0],n=e.pop();if(n!==t){e[0]=n;e:for(var r=0,o=e.length,i=o>>>1;r<i;){var s=2*(r+1)-1,l=e[s],c=s+1,u=e[c];if(0>a(l,n))c<o&&0>a(u,l)?(e[r]=u,e[c]=n,r=c):(e[r]=l,e[s]=n,r=s);else{if(!(c<o&&0>a(u,n)))break e;e[r]=u,e[c]=n,r=c}}}return t}function a(e,t){var n=e.sortIndex-t.sortIndex;return 0!==n?n:e.id-t.id}if("object"==typeof performance&&"function"==typeof performance.now){var i=performance;t.unstable_now=function(){return i.now()}}else{var s=Date,l=s.now();t.unstable_now=function(){return s.now()-l}}var c=[],u=[],d=1,p=null,f=3,m=!1,h=!1,g=!1,b="function"==typeof setTimeout?setTimeout:null,y="function"==typeof clearTimeout?clearTimeout:null,v="undefined"!=typeof setImmediate?setImmediate:null;function w(e){for(var t=r(u);null!==t;){if(null===t.callback)o(u);else{if(!(t.startTime<=e))break;o(u),t.sortIndex=t.expirationTime,n(c,t)}t=r(u)}}function S(e){if(g=!1,w(e),!h)if(null!==r(c))h=!0,I(k);else{var t=r(u);null!==t&&N(S,t.startTime-e)}}function k(e,n){h=!1,g&&(g=!1,y(C),C=-1),m=!0;var a=f;try{for(w(n),p=r(c);null!==p&&(!(p.expirationTime>n)||e&&!A());){var i=p.callback;if("function"==typeof i){p.callback=null,f=p.priorityLevel;var s=i(p.expirationTime<=n);n=t.unstable_now(),"function"==typeof s?p.callback=s:p===r(c)&&o(c),w(n)}else o(c);p=r(c)}if(null!==p)var l=!0;else{var d=r(u);null!==d&&N(S,d.startTime-n),l=!1}return l}finally{p=null,f=a,m=!1}}"undefined"!=typeof navigator&&void 0!==navigator.scheduling&&void 0!==navigator.scheduling.isInputPending&&navigator.scheduling.isInputPending.bind(navigator.scheduling);var x,E=!1,_=null,C=-1,j=5,O=-1;function A(){return!(t.unstable_now()-O<j)}function T(){if(null!==_){var e=t.unstable_now();O=e;var n=!0;try{n=_(!0,e)}finally{n?x():(E=!1,_=null)}}else E=!1}if("function"==typeof v)x=function(){v(T)};else if("undefined"!=typeof MessageChannel){var P=new MessageChannel,L=P.port2;P.port1.onmessage=T,x=function(){L.postMessage(null)}}else x=function(){b(T,0)};function I(e){_=e,E||(E=!0,x())}function N(e,n){C=b((function(){e(t.unstable_now())}),n)}t.unstable_IdlePriority=5,t.unstable_ImmediatePriority=1,t.unstable_LowPriority=4,t.unstable_NormalPriority=3,t.unstable_Profiling=null,t.unstable_UserBlockingPriority=2,t.unstable_cancelCallback=function(e){e.callback=null},t.unstable_continueExecution=function(){h||m||(h=!0,I(k))},t.unstable_forceFrameRate=function(e){0>e||125<e?console.error("forceFrameRate takes a positive int between 0 and 125, forcing frame rates higher than 125 fps is not supported"):j=0<e?Math.floor(1e3/e):5},t.unstable_getCurrentPriorityLevel=function(){return f},t.unstable_getFirstCallbackNode=function(){return r(c)},t.unstable_next=function(e){switch(f){case 1:case 2:case 3:var t=3;break;default:t=f}var n=f;f=t;try{return e()}finally{f=n}},t.unstable_pauseExecution=function(){},t.unstable_requestPaint=function(){},t.unstable_runWithPriority=function(e,t){switch(e){case 1:case 2:case 3:case 4:case 5:break;default:e=3}var n=f;f=e;try{return t()}finally{f=n}},t.unstable_scheduleCallback=function(e,o,a){var i=t.unstable_now();switch("object"==typeof a&&null!==a?a="number"==typeof(a=a.delay)&&0<a?i+a:i:a=i,e){case 1:var s=-1;break;case 2:s=250;break;case 5:s=1073741823;break;case 4:s=1e4;break;default:s=5e3}return e={id:d++,callback:o,priorityLevel:e,startTime:a,expirationTime:s=a+s,sortIndex:-1},a>i?(e.sortIndex=a,n(u,e),null===r(c)&&e===r(u)&&(g?(y(C),C=-1):g=!0,N(S,a-i))):(e.sortIndex=s,n(c,e),h||m||(h=!0,I(k))),e},t.unstable_shouldYield=A,t.unstable_wrapCallback=function(e){var t=f;return function(){var n=f;f=t;try{return e.apply(this,arguments)}finally{f=n}}}},1896:(e,t,n)=>{"use strict";e.exports=n(4733)},2945:e=>{e.exports=function(e,t,n,r){var o=n?n.call(r,e,t):void 0;if(void 0!==o)return!!o;if(e===t)return!0;if("object"!=typeof e||!e||"object"!=typeof t||!t)return!1;var a=Object.keys(e),i=Object.keys(t);if(a.length!==i.length)return!1;for(var s=Object.prototype.hasOwnProperty.bind(t),l=0;l<a.length;l++){var c=a[l];if(!s(c))return!1;var u=e[c],d=t[c];if(!1===(o=n?n.call(r,u,d,c):void 0)||void 0===o&&u!==d)return!1}return!0}},4784:(e,t,n)=>{"use strict";n.r(t),n.d(t,{default:()=>r});const r={title:"Feature-Sliced Design",tagline:"Architectural methodology for frontend projects",organizationName:"feature-sliced",projectName:"documentation",url:"https://feature-sliced.design",favicon:"img/favicon/classic.png",baseUrl:"/",i18n:{defaultLocale:"en",locales:["ru","en","uz","kr","ja"],localeConfigs:{ru:{label:"\u0420\u0443\u0441\u0441\u043a\u0438\u0439",direction:"ltr"},en:{label:"English",direction:"ltr"},uz:{label:"O'zbekcha",direction:"ltr"},kr:{label:"\ud55c\uad6d\uc5b4",direction:"ltr"},ja:{label:"\u65e5\u672c\u8a9e",direction:"ltr"}},path:"i18n"},presets:[["@docusaurus/preset-classic",{docs:{path:"i18n/en/docusaurus-plugin-content-docs/current",breadcrumbs:!0,editLocalizedFiles:!0,sidebarPath:"/home/runner/work/documentation/documentation/config/docusaurus/sidebars.docs.js",editUrl:"https://github.com/feature-sliced/documentation/edit/master/",showLastUpdateTime:!0,versions:{current:{label:"v2.0.0 \ud83c\udf70"}}},blog:{showReadingTime:!0,editUrl:"https://github.com/feature-sliced/documentation/edit/master/blog/",onInlineAuthors:"ignore"},theme:{customCss:"/home/runner/work/documentation/documentation/src/app/index.scss"},sitemap:{changefreq:"weekly",priority:.5}}]],plugins:[["@docusaurus/plugin-content-docs",{id:"community",breadcrumbs:!0,path:"i18n/en/docusaurus-plugin-content-docs/community",editLocalizedFiles:!0,routeBasePath:"community",editUrl:"https://github.com/feature-sliced/documentation/edit/master/",sidebarPath:"/home/runner/work/documentation/documentation/config/docusaurus/sidebars.community.js",showLastUpdateAuthor:!0,showLastUpdateTime:!0}],"docusaurus-plugin-sass",["@docusaurus/plugin-client-redirects",{redirects:[{from:"/branding",to:"/docs/branding"},{from:"/docs/guides/migration",to:"/docs/guides/migration/from-custom"},{from:"/docs/get-started/quick-start",to:"/docs/get-started/tutorial"},{from:"/docs/get-started/basics",to:"/docs/get-started/overview"},{from:["/docs/get-started/tutorial/decompose","/docs/get-started/tutorial/design-mockup","/docs/get-started/onboard/cheatsheet"],to:"/docs/get-started/cheatsheet"},{from:["/docs/about/alternatives/big-ball-of-mud","/docs/about/alternatives/design-principles","/docs/about/alternatives/ddd","/docs/about/alternatives/clean-architecture","/docs/about/alternatives/frameworks","/docs/about/alternatives/atomic-design","/docs/about/alternatives/smart-dumb-components","/docs/about/alternatives/feature-driven"],to:"/docs/about/alternatives"},{from:"/docs/reference/knowledge-types",to:"/docs/about/understanding/knowledge-types"},{from:"/docs/concepts/needs-driven",to:"/docs/about/understanding/needs-driven"},{from:"/docs/concepts/architecture",to:"/docs/about/understanding/architecture"},{from:"/docs/concepts/naming-adaptability",to:"/docs/about/understanding/naming"},{from:"/docs/concepts/signals",to:"/docs/about/understanding/signals"},{from:"/docs/concepts/abstractions",to:"/docs/about/understanding/abstractions"},{from:"/docs/concepts/decouple-entities",to:"/docs/reference/isolation/decouple-entities"},{from:"/docs/concepts/low-coupling",to:"/docs/reference/isolation/coupling-cohesion"},{from:"/docs/concepts/cross-communication",to:"/docs/reference/isolation"},{from:"/docs/concepts/app-splitting",to:"/docs/reference"},{from:"/docs/reference/units/decomposition",to:"/docs/reference"},{from:"/docs/reference/units",to:"/docs/reference"},{from:"/docs/reference/units/layers",to:"/docs/reference/layers"},{from:"/docs/reference/layers/overview",to:"/docs/reference/layers"},{from:"/docs/reference/units/layers/app",to:"/docs/reference/layers"},{from:"/docs/reference/units/layers/processes",to:"/docs/reference/layers"},{from:"/docs/reference/units/layers/pages",to:"/docs/reference/layers"},{from:"/docs/reference/units/layers/widgets",to:"/docs/reference/layers"},{from:"/docs/reference/layers/widgets",to:"/docs/reference/layers"},{from:"/docs/reference/units/layers/features",to:"/docs/reference/layers"},{from:"/docs/reference/units/layers/entities",to:"/docs/reference/layers"},{from:"/docs/reference/units/layers/shared",to:"/docs/reference/layers"},{from:"/docs/reference/units/segments",to:"/docs/reference/slices-segments"},{from:"/docs/concepts/issues/cross-imports",to:"/docs/guides/issues/cross-imports"},{from:"/docs/concepts/issues/desegmented",to:"/docs/guides/issues/desegmented"},{from:"/docs/concepts/issues/routes",to:"/docs/guides/issues/routes"},{from:"/docs/guides/examples/viewer",to:"/docs/guides/examples/auth"},{from:"/docs/guides/monorepo",to:"/docs/guides/examples/monorepo"},{from:"/docs/guides/white-labels",to:"/docs/guides/examples/white-labels"},{from:"/docs/guides/migration-from-v1",to:"/docs/guides/migration/from-v1"},{from:"/docs/guides/migration-from-legacy",to:"/docs/guides/migration/from-custom"},{from:"/docs/guides/usage-with-nextjs",to:"/docs/guides/tech/with-nextjs"},{from:"/docs/guides/migration/from-legacy",to:"/docs/guides/migration/from-custom"},{from:"/en/docs/about",to:"/docs/about"},{from:"/en/docs/about/alternatives",to:"/docs/about/alternatives"},{from:"/en/docs/about/mission",to:"/docs/about/mission"},{from:"/en/docs/about/motivation",to:"/docs/about/motivation"},{from:"/en/docs/about/promote/for-company",to:"/docs/about/promote/for-company"},{from:"/en/docs/about/promote/for-team",to:"/docs/about/promote/for-team"},{from:"/en/docs/about/promote/integration",to:"/docs/about/promote/integration"},{from:"/en/docs/about/promote/partial-application",to:"/docs/about/promote/partial-application"},{from:"/en/docs/branding",to:"/docs/branding"},{from:"/en/docs/get-started",to:"/docs/get-started"},{from:"/en/docs/get-started/overview",to:"/docs/get-started/overview"},{from:"/en/docs/get-started/cheatsheet",to:"/docs/get-started/cheatsheet"},{from:"/en/docs/get-started/faq",to:"/docs/get-started/faq"},{from:"/en/docs/get-started/tutorial",to:"/docs/get-started/tutorial"},{from:"/en/docs/guides",to:"/docs/guides"},{from:"/en/docs/guides/examples",to:"/docs/guides/examples"},{from:"/en/docs/guides/examples/auth",to:"/docs/guides/examples/auth"},{from:"/en/docs/guides/examples/autocompleted",to:"/docs/guides/examples/autocompleted"},{from:"/en/docs/guides/examples/browser-api",to:"/docs/guides/examples/browser-api"},{from:"/en/docs/guides/examples/cms",to:"/docs/guides/examples/cms"},{from:"/en/docs/guides/examples/feedback",to:"/docs/guides/examples/feedback"},{from:"/en/docs/guides/examples/i18n",to:"/docs/guides/examples/i18n"},{from:"/en/docs/guides/examples/metric",to:"/docs/guides/examples/metric"},{from:"/en/docs/guides/examples/monorepo",to:"/docs/guides/examples/monorepo"},{from:"/en/docs/guides/examples/page-layout",to:"/docs/guides/examples/page-layout"},{from:"/en/docs/guides/examples/platforms",to:"/docs/guides/examples/platforms"},{from:"/en/docs/guides/examples/ssr",to:"/docs/guides/examples/ssr"},{from:"/en/docs/guides/examples/theme",to:"/docs/guides/examples/theme"},{from:"/en/docs/guides/examples/types",to:"/docs/guides/examples/types"},{from:"/en/docs/guides/examples/white-labels",to:"/docs/guides/examples/white-labels"},{from:"/en/docs/guides/migration/from-custom",to:"/docs/guides/migration/from-custom"},{from:"/en/docs/guides/migration/from-v1",to:"/docs/guides/migration/from-v1"},{from:"/en/docs/guides/tech/with-nextjs",to:"/docs/guides/tech/with-nextjs"},{from:"/en/docs/",to:"/docs/"},{from:"/en/docs/reference",to:"/docs/reference"}]}],["@docusaurus/plugin-ideal-image",{quality:70,max:1030,min:640,steps:2}],"plugin-image-zoom"],onBrokenLinks:"throw",onBrokenMarkdownLinks:"throw",onDuplicateRoutes:"warn",customFields:{legacyRoutes:[{group:"\ud83d\ude80 Get Started",details:"Simplified and merged",children:[{title:"Tutorial",from:"/docs/get-started/quick-start",to:"/docs/get-started/tutorial"},{title:"Basics",from:"/docs/get-started/basics",to:"/docs/get-started/overview"},{title:"Decompose Cheatsheet",from:["/docs/get-started/tutorial/decompose","/docs/get-started/tutorial/design-mockup","/docs/get-started/onboard/cheatsheet"],to:"/docs/get-started/cheatsheet"}]},{group:"\ud83c\udf70 Alternatives",details:"Moved and merged to /about/alternatives as advanced materials",children:[{title:"Architecture approaches alternatives",from:["/docs/about/alternatives/big-ball-of-mud","/docs/about/alternatives/design-principles","/docs/about/alternatives/ddd","/docs/about/alternatives/clean-architecture","/docs/about/alternatives/frameworks","/docs/about/alternatives/atomic-design","/docs/about/alternatives/smart-dumb-components","/docs/about/alternatives/feature-driven"],to:"/docs/about/alternatives"}]},{group:"\ud83c\udf70 Promote & Understanding",details:"Moved to /about as advanced materials",children:[{title:"Knowledge types",from:"/docs/reference/knowledge-types",to:"/docs/about/understanding/knowledge-types"},{title:"Needs driven",from:"/docs/concepts/needs-driven",to:"/docs/about/understanding/needs-driven"},{title:"About architecture",from:"/docs/concepts/architecture",to:"/docs/about/understanding/architecture"},{title:"Naming adaptability",from:"/docs/concepts/naming-adaptability",to:"/docs/about/understanding/naming"},{title:"Signals of architecture",from:"/docs/concepts/signals",to:"/docs/about/understanding/signals"},{title:"Abstractions of architecture",from:"/docs/concepts/abstractions",to:"/docs/about/understanding/abstractions"}]},{group:"\ud83d\udcda Reference guidelines (isolation & units)",details:"Moved to /reference as theoretical materials (old concepts)",children:[{title:"Decouple of entities",from:"/docs/concepts/decouple-entities",to:"/docs/reference/isolation/decouple-entities"},{title:"Low Coupling & High Cohesion",from:"/docs/concepts/low-coupling",to:"/docs/reference/isolation/coupling-cohesion"},{title:"Cross-communication",from:"/docs/concepts/cross-communication",to:"/docs/reference/isolation"},{title:"App splitting",from:"/docs/concepts/app-splitting",to:"/docs/reference"},{title:"Decomposition",from:"/docs/reference/units/decomposition",to:"/docs/reference"},{title:"Units",from:"/docs/reference/units",to:"/docs/reference"},{title:"Layers",from:"/docs/reference/units/layers",to:"/docs/reference/layers"},{title:"Layer overview",from:"/docs/reference/layers/overview",to:"/docs/reference/layers"},{title:"App layer",from:"/docs/reference/units/layers/app",to:"/docs/reference/layers"},{title:"Processes layer",from:"/docs/reference/units/layers/processes",to:"/docs/reference/layers"},{title:"Pages layer",from:"/docs/reference/units/layers/pages",to:"/docs/reference/layers"},{title:"Widgets layer",from:"/docs/reference/units/layers/widgets",to:"/docs/reference/layers"},{title:"Widgets layer",from:"/docs/reference/layers/widgets",to:"/docs/reference/layers"},{title:"Features layer",from:"/docs/reference/units/layers/features",to:"/docs/reference/layers"},{title:"Entities layer",from:"/docs/reference/units/layers/entities",to:"/docs/reference/layers"},{title:"Shared layer",from:"/docs/reference/units/layers/shared",to:"/docs/reference/layers"},{title:"Segments",from:"/docs/reference/units/segments",to:"/docs/reference/slices-segments"}]},{group:"\ud83c\udfaf Bad Practices handbook",details:"Moved to /guides as practice materials",children:[{title:"Cross-imports",from:"/docs/concepts/issues/cross-imports",to:"/docs/guides/issues/cross-imports"},{title:"Desegmented",from:"/docs/concepts/issues/desegmented",to:"/docs/guides/issues/desegmented"},{title:"Routes",from:"/docs/concepts/issues/routes",to:"/docs/guides/issues/routes"}]},{group:"\ud83c\udfaf Examples",details:"Grouped and simplified into /guides/examples as practical examples",children:[{title:"Viewer logic",from:"/docs/guides/examples/viewer",to:"/docs/guides/examples/auth"},{title:"Monorepo",from:"/docs/guides/monorepo",to:"/docs/guides/examples/monorepo"},{title:"White Labels",from:"/docs/guides/white-labels",to:"/docs/guides/examples/white-labels"}]},{group:"\ud83c\udfaf Migration",details:"Grouped and simplified into /guides/migration as migration guidelines",children:[{title:"Migration from V1",from:"/docs/guides/migration-from-v1",to:"/docs/guides/migration/from-v1"},{title:"Migration from Legacy",from:"/docs/guides/migration-from-legacy",to:"/docs/guides/migration/from-custom"}]},{group:"\ud83c\udfaf Tech",details:"Grouped into /guides/tech as tech-specific usage guidelines",children:[{title:"Usage with NextJS",from:"/docs/guides/usage-with-nextjs",to:"/docs/guides/tech/with-nextjs"}]},{group:"Rename 'legacy' to 'custom'",details:"'Legacy' is derogatory, we don't get to call people's projects legacy",children:[{title:"Rename 'legacy' to custom",from:"/docs/guides/migration/from-legacy",to:"/docs/guides/migration/from-custom"}]}],pushFeedbackProjectId:"5i2vbxcpaz"},trailingSlash:!1,themeConfig:{image:"img/preview.png",docs:{sidebar:{hideable:!0,autoCollapseCategories:!0},versionPersistence:"localStorage"},colorMode:{respectPrefersColorScheme:!0,defaultMode:"light",disableSwitch:!1},navbar:{title:"",logo:{alt:"logo",src:"img/brand/logo-primary.png"},items:[{label:"\ud83d\udcd6 Docs",to:"/docs",position:"left"},{label:"\ud83d\udcab Community",to:"/community",position:"left"},{label:"\ud83d\udcdd Blog",to:"/blog",position:"left"},{label:"\ud83d\udee0 Examples",to:"/examples",position:"left"},{type:"docsVersionDropdown",position:"right",dropdownActiveClassDisabled:!0,dropdownItemsAfter:[{to:"https://feature-sliced.github.io/featureslices.dev/v1.0.html",label:"v1.0"},{to:"https://feature-sliced.github.io/featureslices.dev/v0.1.html",label:"v0.1"},{to:"https://github.com/feature-sliced/documentation/tree/rc/feature-driven",label:"feature-driven"},{to:"/versions",label:"All versions"}],dropdownItemsBefore:[]},{type:"localeDropdown",position:"right",dropdownItemsAfter:[{href:"https://github.com/feature-sliced/documentation/issues/244",label:"Help Us Translate"}],dropdownItemsBefore:[]},{href:"https://discord.gg/S8MzWTUsmp",position:"right",className:"ext-link discord","aria-label":"Discord community server"},{href:"https://github.com/feature-sliced/documentation",position:"right",className:"ext-link github","aria-label":"GitHub repository"}],hideOnScroll:!1},footer:{style:"dark",links:[{title:"Specs",items:[{label:"Documentation",to:"/docs"},{label:"Community",to:"/community"},{label:"Help",to:"/nav"},{label:"Discussions",href:"https://github.com/feature-sliced/documentation/discussions"}]},{title:"Community",items:[{label:"Discord",href:"https://discord.gg/S8MzWTUsmp"},{label:"Telegram (RU)",href:"https://t.me/feature_sliced"},{label:"Twitter",href:"https://twitter.com/feature_sliced"},{label:"Open Collective",href:"https://opencollective.com/feature-sliced"},{label:"YouTube",href:"https://www.youtube.com/c/FeatureSlicedDesign"}]},{title:"More",items:[{label:"GitHub",href:"https://github.com/feature-sliced"},{label:"Contribution Guide",href:"https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md"},{label:"License",href:"https://github.com/feature-sliced/documentation/blob/master/LICENSE"}]}],logo:{alt:"Feature-Sliced Design - Architectural methodology for frontend projects",src:"img/brand/logo-primary.png",href:"https://github.com/feature-sliced",width:160},copyright:"Copyright \xa9 2018-2023  Feature-Sliced Design"},algolia:{appId:"18IVO61EUN",apiKey:"a51704b2a1604c9eb41c62aa343c6e32",indexName:"feature-sliced",contextualSearch:!0,searchParameters:{},searchPagePath:"search"},metadata:[{name:"keywords",content:"architecture, frontend, project structure"},{name:"twitter:site",content:"@feature_sliced"},{name:"twitter:card",content:"summary_large_image"}],imageZoom:{selector:".markdown :not(a) > img",options:{background:"rgb(255 255 255 / 0.3)"}},prism:{theme:{plain:{backgroundColor:"hsl(230, 1%, 98%)",color:"hsl(230, 8%, 24%)"},styles:[{types:["comment","prolog","cdata"],style:{color:"hsl(230, 4%, 64%)"}},{types:["doctype","punctuation","entity"],style:{color:"hsl(230, 8%, 24%)"}},{types:["attr-name","class-name","boolean","constant","number","atrule"],style:{color:"hsl(35, 99%, 36%)"}},{types:["keyword"],style:{color:"hsl(301, 63%, 40%)"}},{types:["property","tag","symbol","deleted","important"],style:{color:"hsl(5, 74%, 59%)"}},{types:["selector","string","char","builtin","inserted","regex","attr-value","punctuation"],style:{color:"hsl(119, 34%, 47%)"}},{types:["variable","operator","function"],style:{color:"hsl(221, 87%, 60%)"}},{types:["url"],style:{color:"hsl(198, 99%, 37%)"}},{types:["deleted"],style:{textDecorationLine:"line-through"}},{types:["inserted"],style:{textDecorationLine:"underline"}},{types:["italic"],style:{fontStyle:"italic"}},{types:["important","bold"],style:{fontWeight:"bold"}},{types:["important"],style:{color:"hsl(230, 8%, 24%)"}}]},darkTheme:{plain:{backgroundColor:"hsl(220, 13%, 18%)",color:"hsl(220, 14%, 71%)",textShadow:"0 1px rgba(0, 0, 0, 0.3)"},styles:[{types:["comment","prolog","cdata"],style:{color:"hsl(220, 10%, 40%)"}},{types:["doctype","punctuation","entity"],style:{color:"hsl(220, 14%, 71%)"}},{types:["attr-name","class-name","maybe-class-name","boolean","constant","number","atrule"],style:{color:"hsl(29, 54%, 61%)"}},{types:["keyword"],style:{color:"hsl(286, 60%, 67%)"}},{types:["property","tag","symbol","deleted","important"],style:{color:"hsl(355, 65%, 65%)"}},{types:["selector","string","char","builtin","inserted","regex","attr-value"],style:{color:"hsl(95, 38%, 62%)"}},{types:["variable","operator","function"],style:{color:"hsl(207, 82%, 66%)"}},{types:["url"],style:{color:"hsl(187, 47%, 55%)"}},{types:["deleted"],style:{textDecorationLine:"line-through"}},{types:["inserted"],style:{textDecorationLine:"underline"}},{types:["italic"],style:{fontStyle:"italic"}},{types:["important","bold"],style:{fontWeight:"bold"}},{types:["important"],style:{color:"hsl(220, 14%, 71%)"}}]},additionalLanguages:[],magicComments:[{className:"theme-code-block-highlighted-line",line:"highlight-next-line",block:{start:"highlight-start",end:"highlight-end"}}]},blog:{sidebar:{groupByYear:!0}},tableOfContents:{minHeadingLevel:2,maxHeadingLevel:3}},baseUrlIssueBanner:!0,future:{experimental_storage:{type:"localStorage",namespace:!1},experimental_router:"browser"},onBrokenAnchors:"warn",staticDirectories:["static"],themes:[],scripts:[],headTags:[],stylesheets:[],clientModules:[],titleDelimiter:"|",noIndex:!1,markdown:{format:"mdx",mermaid:!1,mdx1Compat:{comments:!0,admonitions:!0,headingIds:!0},anchors:{maintainCase:!1}}}},991:(e,t,n)=>{"use strict";function r(){return r=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)({}).hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},r.apply(null,arguments)}n.d(t,{A:()=>r})},1141:(e,t,n)=>{"use strict";function r(e,t){return r=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},r(e,t)}function o(e,t){e.prototype=Object.create(t.prototype),e.prototype.constructor=e,r(e,t)}n.d(t,{A:()=>o})},3302:(e,t,n)=>{"use strict";function r(e,t){if(null==e)return{};var n={};for(var r in e)if({}.hasOwnProperty.call(e,r)){if(t.includes(r))continue;n[r]=e[r]}return n}n.d(t,{A:()=>r})},3526:(e,t,n)=>{"use strict";function r(e){var t,n,o="";if("string"==typeof e||"number"==typeof e)o+=e;else if("object"==typeof e)if(Array.isArray(e)){var a=e.length;for(t=0;t<a;t++)e[t]&&(n=r(e[t]))&&(o&&(o+=" "),o+=n)}else for(n in e)e[n]&&(o&&(o+=" "),o+=n);return o}n.d(t,{A:()=>o});const o=function(){for(var e,t,n=0,o="",a=arguments.length;n<a;n++)(e=arguments[n])&&(t=r(e))&&(o&&(o+=" "),o+=t);return o}},5371:(e,t,n)=>{"use strict";n.d(t,{My:()=>S,f4:()=>Y});var r,o,a=n(758),i=n(3526),s=Object.create,l=Object.defineProperty,c=Object.defineProperties,u=Object.getOwnPropertyDescriptor,d=Object.getOwnPropertyDescriptors,p=Object.getOwnPropertyNames,f=Object.getOwnPropertySymbols,m=Object.getPrototypeOf,h=Object.prototype.hasOwnProperty,g=Object.prototype.propertyIsEnumerable,b=(e,t,n)=>t in e?l(e,t,{enumerable:!0,configurable:!0,writable:!0,value:n}):e[t]=n,y=(e,t)=>{for(var n in t||(t={}))h.call(t,n)&&b(e,n,t[n]);if(f)for(var n of f(t))g.call(t,n)&&b(e,n,t[n]);return e},v=(e,t)=>c(e,d(t)),w=(e,t)=>{var n={};for(var r in e)h.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&f)for(var r of f(e))t.indexOf(r)<0&&g.call(e,r)&&(n[r]=e[r]);return n},S=((e,t,n)=>(n=null!=e?s(m(e)):{},((e,t,n,r)=>{if(t&&"object"==typeof t||"function"==typeof t)for(let o of p(t))h.call(e,o)||o===n||l(e,o,{get:()=>t[o],enumerable:!(r=u(t,o))||r.enumerable});return e})(!t&&e&&e.__esModule?n:l(n,"default",{value:e,enumerable:!0}),e)))((r={"../../node_modules/.pnpm/prismjs@1.29.0_patch_hash=vrxx3pzkik6jpmgpayxfjunetu/node_modules/prismjs/prism.js"(e,t){var n=function(){var e=/(?:^|\s)lang(?:uage)?-([\w-]+)(?=\s|$)/i,t=0,n={},r={util:{encode:function e(t){return t instanceof o?new o(t.type,e(t.content),t.alias):Array.isArray(t)?t.map(e):t.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/\u00a0/g," ")},type:function(e){return Object.prototype.toString.call(e).slice(8,-1)},objId:function(e){return e.__id||Object.defineProperty(e,"__id",{value:++t}),e.__id},clone:function e(t,n){var o,a;switch(n=n||{},r.util.type(t)){case"Object":if(a=r.util.objId(t),n[a])return n[a];for(var i in o={},n[a]=o,t)t.hasOwnProperty(i)&&(o[i]=e(t[i],n));return o;case"Array":return a=r.util.objId(t),n[a]?n[a]:(o=[],n[a]=o,t.forEach((function(t,r){o[r]=e(t,n)})),o);default:return t}},getLanguage:function(t){for(;t;){var n=e.exec(t.className);if(n)return n[1].toLowerCase();t=t.parentElement}return"none"},setLanguage:function(t,n){t.className=t.className.replace(RegExp(e,"gi"),""),t.classList.add("language-"+n)},isActive:function(e,t,n){for(var r="no-"+t;e;){var o=e.classList;if(o.contains(t))return!0;if(o.contains(r))return!1;e=e.parentElement}return!!n}},languages:{plain:n,plaintext:n,text:n,txt:n,extend:function(e,t){var n=r.util.clone(r.languages[e]);for(var o in t)n[o]=t[o];return n},insertBefore:function(e,t,n,o){var a=(o=o||r.languages)[e],i={};for(var s in a)if(a.hasOwnProperty(s)){if(s==t)for(var l in n)n.hasOwnProperty(l)&&(i[l]=n[l]);n.hasOwnProperty(s)||(i[s]=a[s])}var c=o[e];return o[e]=i,r.languages.DFS(r.languages,(function(t,n){n===c&&t!=e&&(this[t]=i)})),i},DFS:function e(t,n,o,a){a=a||{};var i=r.util.objId;for(var s in t)if(t.hasOwnProperty(s)){n.call(t,s,t[s],o||s);var l=t[s],c=r.util.type(l);"Object"!==c||a[i(l)]?"Array"!==c||a[i(l)]||(a[i(l)]=!0,e(l,n,s,a)):(a[i(l)]=!0,e(l,n,null,a))}}},plugins:{},highlight:function(e,t,n){var a={code:e,grammar:t,language:n};if(r.hooks.run("before-tokenize",a),!a.grammar)throw new Error('The language "'+a.language+'" has no grammar.');return a.tokens=r.tokenize(a.code,a.grammar),r.hooks.run("after-tokenize",a),o.stringify(r.util.encode(a.tokens),a.language)},tokenize:function(e,t){var n=t.rest;if(n){for(var r in n)t[r]=n[r];delete t.rest}var o=new s;return l(o,o.head,e),i(e,o,t,o.head,0),function(e){for(var t=[],n=e.head.next;n!==e.tail;)t.push(n.value),n=n.next;return t}(o)},hooks:{all:{},add:function(e,t){var n=r.hooks.all;n[e]=n[e]||[],n[e].push(t)},run:function(e,t){var n=r.hooks.all[e];if(n&&n.length)for(var o,a=0;o=n[a++];)o(t)}},Token:o};function o(e,t,n,r){this.type=e,this.content=t,this.alias=n,this.length=0|(r||"").length}function a(e,t,n,r){e.lastIndex=t;var o=e.exec(n);if(o&&r&&o[1]){var a=o[1].length;o.index+=a,o[0]=o[0].slice(a)}return o}function i(e,t,n,s,u,d){for(var p in n)if(n.hasOwnProperty(p)&&n[p]){var f=n[p];f=Array.isArray(f)?f:[f];for(var m=0;m<f.length;++m){if(d&&d.cause==p+","+m)return;var h=f[m],g=h.inside,b=!!h.lookbehind,y=!!h.greedy,v=h.alias;if(y&&!h.pattern.global){var w=h.pattern.toString().match(/[imsuy]*$/)[0];h.pattern=RegExp(h.pattern.source,w+"g")}for(var S=h.pattern||h,k=s.next,x=u;k!==t.tail&&!(d&&x>=d.reach);x+=k.value.length,k=k.next){var E=k.value;if(t.length>e.length)return;if(!(E instanceof o)){var _,C=1;if(y){if(!(_=a(S,x,e,b))||_.index>=e.length)break;var j=_.index,O=_.index+_[0].length,A=x;for(A+=k.value.length;j>=A;)A+=(k=k.next).value.length;if(x=A-=k.value.length,k.value instanceof o)continue;for(var T=k;T!==t.tail&&(A<O||"string"==typeof T.value);T=T.next)C++,A+=T.value.length;C--,E=e.slice(x,A),_.index-=x}else if(!(_=a(S,0,E,b)))continue;j=_.index;var P=_[0],L=E.slice(0,j),I=E.slice(j+P.length),N=x+E.length;d&&N>d.reach&&(d.reach=N);var R=k.prev;if(L&&(R=l(t,R,L),x+=L.length),c(t,R,C),k=l(t,R,new o(p,g?r.tokenize(P,g):P,v,P)),I&&l(t,k,I),C>1){var D={cause:p+","+m,reach:N};i(e,t,n,k.prev,x,D),d&&D.reach>d.reach&&(d.reach=D.reach)}}}}}}function s(){var e={value:null,prev:null,next:null},t={value:null,prev:e,next:null};e.next=t,this.head=e,this.tail=t,this.length=0}function l(e,t,n){var r=t.next,o={value:n,prev:t,next:r};return t.next=o,r.prev=o,e.length++,o}function c(e,t,n){for(var r=t.next,o=0;o<n&&r!==e.tail;o++)r=r.next;t.next=r,r.prev=t,e.length-=o}return o.stringify=function e(t,n){if("string"==typeof t)return t;if(Array.isArray(t)){var o="";return t.forEach((function(t){o+=e(t,n)})),o}var a={type:t.type,content:e(t.content,n),tag:"span",classes:["token",t.type],attributes:{},language:n},i=t.alias;i&&(Array.isArray(i)?Array.prototype.push.apply(a.classes,i):a.classes.push(i)),r.hooks.run("wrap",a);var s="";for(var l in a.attributes)s+=" "+l+'="'+(a.attributes[l]||"").replace(/"/g,"&quot;")+'"';return"<"+a.tag+' class="'+a.classes.join(" ")+'"'+s+">"+a.content+"</"+a.tag+">"},r}();t.exports=n,n.default=n}},function(){return o||(0,r[p(r)[0]])((o={exports:{}}).exports,o),o.exports})());S.languages.markup={comment:{pattern:/<!--(?:(?!<!--)[\s\S])*?-->/,greedy:!0},prolog:{pattern:/<\?[\s\S]+?\?>/,greedy:!0},doctype:{pattern:/<!DOCTYPE(?:[^>"'[\]]|"[^"]*"|'[^']*')+(?:\[(?:[^<"'\]]|"[^"]*"|'[^']*'|<(?!!--)|<!--(?:[^-]|-(?!->))*-->)*\]\s*)?>/i,greedy:!0,inside:{"internal-subset":{pattern:/(^[^\[]*\[)[\s\S]+(?=\]>$)/,lookbehind:!0,greedy:!0,inside:null},string:{pattern:/"[^"]*"|'[^']*'/,greedy:!0},punctuation:/^<!|>$|[[\]]/,"doctype-tag":/^DOCTYPE/i,name:/[^\s<>'"]+/}},cdata:{pattern:/<!\[CDATA\[[\s\S]*?\]\]>/i,greedy:!0},tag:{pattern:/<\/?(?!\d)[^\s>\/=$<%]+(?:\s(?:\s*[^\s>\/=]+(?:\s*=\s*(?:"[^"]*"|'[^']*'|[^\s'">=]+(?=[\s>]))|(?=[\s/>])))+)?\s*\/?>/,greedy:!0,inside:{tag:{pattern:/^<\/?[^\s>\/]+/,inside:{punctuation:/^<\/?/,namespace:/^[^\s>\/:]+:/}},"special-attr":[],"attr-value":{pattern:/=\s*(?:"[^"]*"|'[^']*'|[^\s'">=]+)/,inside:{punctuation:[{pattern:/^=/,alias:"attr-equals"},{pattern:/^(\s*)["']|["']$/,lookbehind:!0}]}},punctuation:/\/?>/,"attr-name":{pattern:/[^\s>\/]+/,inside:{namespace:/^[^\s>\/:]+:/}}}},entity:[{pattern:/&[\da-z]{1,8};/i,alias:"named-entity"},/&#x?[\da-f]{1,8};/i]},S.languages.markup.tag.inside["attr-value"].inside.entity=S.languages.markup.entity,S.languages.markup.doctype.inside["internal-subset"].inside=S.languages.markup,S.hooks.add("wrap",(function(e){"entity"===e.type&&(e.attributes.title=e.content.replace(/&amp;/,"&"))})),Object.defineProperty(S.languages.markup.tag,"addInlined",{value:function(e,t){var n;(t=((n=((n={})["language-"+t]={pattern:/(^<!\[CDATA\[)[\s\S]+?(?=\]\]>$)/i,lookbehind:!0,inside:S.languages[t]},n.cdata=/^<!\[CDATA\[|\]\]>$/i,{"included-cdata":{pattern:/<!\[CDATA\[[\s\S]*?\]\]>/i,inside:n}}))["language-"+t]={pattern:/[\s\S]+/,inside:S.languages[t]},{}))[e]={pattern:RegExp(/(<__[^>]*>)(?:<!\[CDATA\[(?:[^\]]|\](?!\]>))*\]\]>|(?!<!\[CDATA\[)[\s\S])*?(?=<\/__>)/.source.replace(/__/g,(function(){return e})),"i"),lookbehind:!0,greedy:!0,inside:n},S.languages.insertBefore("markup","cdata",t)}}),Object.defineProperty(S.languages.markup.tag,"addAttribute",{value:function(e,t){S.languages.markup.tag.inside["special-attr"].push({pattern:RegExp(/(^|["'\s])/.source+"(?:"+e+")"+/\s*=\s*(?:"[^"]*"|'[^']*'|[^\s'">=]+(?=[\s>]))/.source,"i"),lookbehind:!0,inside:{"attr-name":/^[^\s=]+/,"attr-value":{pattern:/=[\s\S]+/,inside:{value:{pattern:/(^=\s*(["']|(?!["'])))\S[\s\S]*(?=\2$)/,lookbehind:!0,alias:[t,"language-"+t],inside:S.languages[t]},punctuation:[{pattern:/^=/,alias:"attr-equals"},/"|'/]}}}})}}),S.languages.html=S.languages.markup,S.languages.mathml=S.languages.markup,S.languages.svg=S.languages.markup,S.languages.xml=S.languages.extend("markup",{}),S.languages.ssml=S.languages.xml,S.languages.atom=S.languages.xml,S.languages.rss=S.languages.xml,function(e){var t={pattern:/\\[\\(){}[\]^$+*?|.]/,alias:"escape"},n=/\\(?:x[\da-fA-F]{2}|u[\da-fA-F]{4}|u\{[\da-fA-F]+\}|0[0-7]{0,2}|[123][0-7]{2}|c[a-zA-Z]|.)/,r="(?:[^\\\\-]|"+n.source+")",o=(r=RegExp(r+"-"+r),{pattern:/(<|')[^<>']+(?=[>']$)/,lookbehind:!0,alias:"variable"});e.languages.regex={"char-class":{pattern:/((?:^|[^\\])(?:\\\\)*)\[(?:[^\\\]]|\\[\s\S])*\]/,lookbehind:!0,inside:{"char-class-negation":{pattern:/(^\[)\^/,lookbehind:!0,alias:"operator"},"char-class-punctuation":{pattern:/^\[|\]$/,alias:"punctuation"},range:{pattern:r,inside:{escape:n,"range-punctuation":{pattern:/-/,alias:"operator"}}},"special-escape":t,"char-set":{pattern:/\\[wsd]|\\p\{[^{}]+\}/i,alias:"class-name"},escape:n}},"special-escape":t,"char-set":{pattern:/\.|\\[wsd]|\\p\{[^{}]+\}/i,alias:"class-name"},backreference:[{pattern:/\\(?![123][0-7]{2})[1-9]/,alias:"keyword"},{pattern:/\\k<[^<>']+>/,alias:"keyword",inside:{"group-name":o}}],anchor:{pattern:/[$^]|\\[ABbGZz]/,alias:"function"},escape:n,group:[{pattern:/\((?:\?(?:<[^<>']+>|'[^<>']+'|[>:]|<?[=!]|[idmnsuxU]+(?:-[idmnsuxU]+)?:?))?/,alias:"punctuation",inside:{"group-name":o}},{pattern:/\)/,alias:"punctuation"}],quantifier:{pattern:/(?:[+*?]|\{\d+(?:,\d*)?\})[?+]?/,alias:"number"},alternation:{pattern:/\|/,alias:"keyword"}}}(S),S.languages.clike={comment:[{pattern:/(^|[^\\])\/\*[\s\S]*?(?:\*\/|$)/,lookbehind:!0,greedy:!0},{pattern:/(^|[^\\:])\/\/.*/,lookbehind:!0,greedy:!0}],string:{pattern:/(["'])(?:\\(?:\r\n|[\s\S])|(?!\1)[^\\\r\n])*\1/,greedy:!0},"class-name":{pattern:/(\b(?:class|extends|implements|instanceof|interface|new|trait)\s+|\bcatch\s+\()[\w.\\]+/i,lookbehind:!0,inside:{punctuation:/[.\\]/}},keyword:/\b(?:break|catch|continue|do|else|finally|for|function|if|in|instanceof|new|null|return|throw|try|while)\b/,boolean:/\b(?:false|true)\b/,function:/\b\w+(?=\()/,number:/\b0x[\da-f]+\b|(?:\b\d+(?:\.\d*)?|\B\.\d+)(?:e[+-]?\d+)?/i,operator:/[<>]=?|[!=]=?=?|--?|\+\+?|&&?|\|\|?|[?*/~^%]/,punctuation:/[{}[\];(),.:]/},S.languages.javascript=S.languages.extend("clike",{"class-name":[S.languages.clike["class-name"],{pattern:/(^|[^$\w\xA0-\uFFFF])(?!\s)[_$A-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\.(?:constructor|prototype))/,lookbehind:!0}],keyword:[{pattern:/((?:^|\})\s*)catch\b/,lookbehind:!0},{pattern:/(^|[^.]|\.\.\.\s*)\b(?:as|assert(?=\s*\{)|async(?=\s*(?:function\b|\(|[$\w\xA0-\uFFFF]|$))|await|break|case|class|const|continue|debugger|default|delete|do|else|enum|export|extends|finally(?=\s*(?:\{|$))|for|from(?=\s*(?:['"]|$))|function|(?:get|set)(?=\s*(?:[#\[$\w\xA0-\uFFFF]|$))|if|implements|import|in|instanceof|interface|let|new|null|of|package|private|protected|public|return|static|super|switch|this|throw|try|typeof|undefined|var|void|while|with|yield)\b/,lookbehind:!0}],function:/#?(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*(?:\.\s*(?:apply|bind|call)\s*)?\()/,number:{pattern:RegExp(/(^|[^\w$])/.source+"(?:"+/NaN|Infinity/.source+"|"+/0[bB][01]+(?:_[01]+)*n?/.source+"|"+/0[oO][0-7]+(?:_[0-7]+)*n?/.source+"|"+/0[xX][\dA-Fa-f]+(?:_[\dA-Fa-f]+)*n?/.source+"|"+/\d+(?:_\d+)*n/.source+"|"+/(?:\d+(?:_\d+)*(?:\.(?:\d+(?:_\d+)*)?)?|\.\d+(?:_\d+)*)(?:[Ee][+-]?\d+(?:_\d+)*)?/.source+")"+/(?![\w$])/.source),lookbehind:!0},operator:/--|\+\+|\*\*=?|=>|&&=?|\|\|=?|[!=]==|<<=?|>>>?=?|[-+*/%&|^!=<>]=?|\.{3}|\?\?=?|\?\.?|[~:]/}),S.languages.javascript["class-name"][0].pattern=/(\b(?:class|extends|implements|instanceof|interface|new)\s+)[\w.\\]+/,S.languages.insertBefore("javascript","keyword",{regex:{pattern:RegExp(/((?:^|[^$\w\xA0-\uFFFF."'\])\s]|\b(?:return|yield))\s*)/.source+/\//.source+"(?:"+/(?:\[(?:[^\]\\\r\n]|\\.)*\]|\\.|[^/\\\[\r\n])+\/[dgimyus]{0,7}/.source+"|"+/(?:\[(?:[^[\]\\\r\n]|\\.|\[(?:[^[\]\\\r\n]|\\.|\[(?:[^[\]\\\r\n]|\\.)*\])*\])*\]|\\.|[^/\\\[\r\n])+\/[dgimyus]{0,7}v[dgimyus]{0,7}/.source+")"+/(?=(?:\s|\/\*(?:[^*]|\*(?!\/))*\*\/)*(?:$|[\r\n,.;:})\]]|\/\/))/.source),lookbehind:!0,greedy:!0,inside:{"regex-source":{pattern:/^(\/)[\s\S]+(?=\/[a-z]*$)/,lookbehind:!0,alias:"language-regex",inside:S.languages.regex},"regex-delimiter":/^\/|\/$/,"regex-flags":/^[a-z]+$/}},"function-variable":{pattern:/#?(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*[=:]\s*(?:async\s*)?(?:\bfunction\b|(?:\((?:[^()]|\([^()]*\))*\)|(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*)\s*=>))/,alias:"function"},parameter:[{pattern:/(function(?:\s+(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*)?\s*\(\s*)(?!\s)(?:[^()\s]|\s+(?![\s)])|\([^()]*\))+(?=\s*\))/,lookbehind:!0,inside:S.languages.javascript},{pattern:/(^|[^$\w\xA0-\uFFFF])(?!\s)[_$a-z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*=>)/i,lookbehind:!0,inside:S.languages.javascript},{pattern:/(\(\s*)(?!\s)(?:[^()\s]|\s+(?![\s)])|\([^()]*\))+(?=\s*\)\s*=>)/,lookbehind:!0,inside:S.languages.javascript},{pattern:/((?:\b|\s|^)(?!(?:as|async|await|break|case|catch|class|const|continue|debugger|default|delete|do|else|enum|export|extends|finally|for|from|function|get|if|implements|import|in|instanceof|interface|let|new|null|of|package|private|protected|public|return|set|static|super|switch|this|throw|try|typeof|undefined|var|void|while|with|yield)(?![$\w\xA0-\uFFFF]))(?:(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*\s*)\(\s*|\]\s*\(\s*)(?!\s)(?:[^()\s]|\s+(?![\s)])|\([^()]*\))+(?=\s*\)\s*\{)/,lookbehind:!0,inside:S.languages.javascript}],constant:/\b[A-Z](?:[A-Z_]|\dx?)*\b/}),S.languages.insertBefore("javascript","string",{hashbang:{pattern:/^#!.*/,greedy:!0,alias:"comment"},"template-string":{pattern:/`(?:\\[\s\S]|\$\{(?:[^{}]|\{(?:[^{}]|\{[^}]*\})*\})+\}|(?!\$\{)[^\\`])*`/,greedy:!0,inside:{"template-punctuation":{pattern:/^`|`$/,alias:"string"},interpolation:{pattern:/((?:^|[^\\])(?:\\{2})*)\$\{(?:[^{}]|\{(?:[^{}]|\{[^}]*\})*\})+\}/,lookbehind:!0,inside:{"interpolation-punctuation":{pattern:/^\$\{|\}$/,alias:"punctuation"},rest:S.languages.javascript}},string:/[\s\S]+/}},"string-property":{pattern:/((?:^|[,{])[ \t]*)(["'])(?:\\(?:\r\n|[\s\S])|(?!\2)[^\\\r\n])*\2(?=\s*:)/m,lookbehind:!0,greedy:!0,alias:"property"}}),S.languages.insertBefore("javascript","operator",{"literal-property":{pattern:/((?:^|[,{])[ \t]*)(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*:)/m,lookbehind:!0,alias:"property"}}),S.languages.markup&&(S.languages.markup.tag.addInlined("script","javascript"),S.languages.markup.tag.addAttribute(/on(?:abort|blur|change|click|composition(?:end|start|update)|dblclick|error|focus(?:in|out)?|key(?:down|up)|load|mouse(?:down|enter|leave|move|out|over|up)|reset|resize|scroll|select|slotchange|submit|unload|wheel)/.source,"javascript")),S.languages.js=S.languages.javascript,S.languages.actionscript=S.languages.extend("javascript",{keyword:/\b(?:as|break|case|catch|class|const|default|delete|do|dynamic|each|else|extends|final|finally|for|function|get|if|implements|import|in|include|instanceof|interface|internal|is|namespace|native|new|null|override|package|private|protected|public|return|set|static|super|switch|this|throw|try|typeof|use|var|void|while|with)\b/,operator:/\+\+|--|(?:[+\-*\/%^]|&&?|\|\|?|<<?|>>?>?|[!=]=?)=?|[~?@]/}),S.languages.actionscript["class-name"].alias="function",delete S.languages.actionscript.parameter,delete S.languages.actionscript["literal-property"],S.languages.markup&&S.languages.insertBefore("actionscript","string",{xml:{pattern:/(^|[^.])<\/?\w+(?:\s+[^\s>\/=]+=("|')(?:\\[\s\S]|(?!\2)[^\\])*\2)*\s*\/?>/,lookbehind:!0,inside:S.languages.markup}}),function(e){var t=/#(?!\{).+/,n={pattern:/#\{[^}]+\}/,alias:"variable"};e.languages.coffeescript=e.languages.extend("javascript",{comment:t,string:[{pattern:/'(?:\\[\s\S]|[^\\'])*'/,greedy:!0},{pattern:/"(?:\\[\s\S]|[^\\"])*"/,greedy:!0,inside:{interpolation:n}}],keyword:/\b(?:and|break|by|catch|class|continue|debugger|delete|do|each|else|extend|extends|false|finally|for|if|in|instanceof|is|isnt|let|loop|namespace|new|no|not|null|of|off|on|or|own|return|super|switch|then|this|throw|true|try|typeof|undefined|unless|until|when|while|window|with|yes|yield)\b/,"class-member":{pattern:/@(?!\d)\w+/,alias:"variable"}}),e.languages.insertBefore("coffeescript","comment",{"multiline-comment":{pattern:/###[\s\S]+?###/,alias:"comment"},"block-regex":{pattern:/\/{3}[\s\S]*?\/{3}/,alias:"regex",inside:{comment:t,interpolation:n}}}),e.languages.insertBefore("coffeescript","string",{"inline-javascript":{pattern:/`(?:\\[\s\S]|[^\\`])*`/,inside:{delimiter:{pattern:/^`|`$/,alias:"punctuation"},script:{pattern:/[\s\S]+/,alias:"language-javascript",inside:e.languages.javascript}}},"multiline-string":[{pattern:/'''[\s\S]*?'''/,greedy:!0,alias:"string"},{pattern:/"""[\s\S]*?"""/,greedy:!0,alias:"string",inside:{interpolation:n}}]}),e.languages.insertBefore("coffeescript","keyword",{property:/(?!\d)\w+(?=\s*:(?!:))/}),delete e.languages.coffeescript["template-string"],e.languages.coffee=e.languages.coffeescript}(S),function(e){var t=e.languages.javadoclike={parameter:{pattern:/(^[\t ]*(?:\/{3}|\*|\/\*\*)\s*@(?:arg|arguments|param)\s+)\w+/m,lookbehind:!0},keyword:{pattern:/(^[\t ]*(?:\/{3}|\*|\/\*\*)\s*|\{)@[a-z][a-zA-Z-]+\b/m,lookbehind:!0},punctuation:/[{}]/};Object.defineProperty(t,"addSupport",{value:function(t,n){(t="string"==typeof t?[t]:t).forEach((function(t){var r=function(e){e.inside||(e.inside={}),e.inside.rest=n},o="doc-comment";if(a=e.languages[t]){var a,i=a[o];if((i=i||(a=e.languages.insertBefore(t,"comment",{"doc-comment":{pattern:/(^|[^\\])\/\*\*[^/][\s\S]*?(?:\*\/|$)/,lookbehind:!0,alias:"comment"}}))[o])instanceof RegExp&&(i=a[o]={pattern:i}),Array.isArray(i))for(var s=0,l=i.length;s<l;s++)i[s]instanceof RegExp&&(i[s]={pattern:i[s]}),r(i[s]);else r(i)}}))}}),t.addSupport(["java","javascript","php"],t)}(S),function(e){var t=/(?:"(?:\\(?:\r\n|[\s\S])|[^"\\\r\n])*"|'(?:\\(?:\r\n|[\s\S])|[^'\\\r\n])*')/;(t=(e.languages.css={comment:/\/\*[\s\S]*?\*\//,atrule:{pattern:RegExp("@[\\w-](?:"+/[^;{\s"']|\s+(?!\s)/.source+"|"+t.source+")*?"+/(?:;|(?=\s*\{))/.source),inside:{rule:/^@[\w-]+/,"selector-function-argument":{pattern:/(\bselector\s*\(\s*(?![\s)]))(?:[^()\s]|\s+(?![\s)])|\((?:[^()]|\([^()]*\))*\))+(?=\s*\))/,lookbehind:!0,alias:"selector"},keyword:{pattern:/(^|[^\w-])(?:and|not|only|or)(?![\w-])/,lookbehind:!0}}},url:{pattern:RegExp("\\burl\\((?:"+t.source+"|"+/(?:[^\\\r\n()"']|\\[\s\S])*/.source+")\\)","i"),greedy:!0,inside:{function:/^url/i,punctuation:/^\(|\)$/,string:{pattern:RegExp("^"+t.source+"$"),alias:"url"}}},selector:{pattern:RegExp("(^|[{}\\s])[^{}\\s](?:[^{};\"'\\s]|\\s+(?![\\s{])|"+t.source+")*(?=\\s*\\{)"),lookbehind:!0},string:{pattern:t,greedy:!0},property:{pattern:/(^|[^-\w\xA0-\uFFFF])(?!\s)[-_a-z\xA0-\uFFFF](?:(?!\s)[-\w\xA0-\uFFFF])*(?=\s*:)/i,lookbehind:!0},important:/!important\b/i,function:{pattern:/(^|[^-a-z0-9])[-a-z0-9]+(?=\()/i,lookbehind:!0},punctuation:/[(){};:,]/},e.languages.css.atrule.inside.rest=e.languages.css,e.languages.markup))&&(t.tag.addInlined("style","css"),t.tag.addAttribute("style","css"))}(S),function(e){var t=/("|')(?:\\(?:\r\n|[\s\S])|(?!\1)[^\\\r\n])*\1/,n=(t=(e.languages.css.selector={pattern:e.languages.css.selector.pattern,lookbehind:!0,inside:t={"pseudo-element":/:(?:after|before|first-letter|first-line|selection)|::[-\w]+/,"pseudo-class":/:[-\w]+/,class:/\.[-\w]+/,id:/#[-\w]+/,attribute:{pattern:RegExp("\\[(?:[^[\\]\"']|"+t.source+")*\\]"),greedy:!0,inside:{punctuation:/^\[|\]$/,"case-sensitivity":{pattern:/(\s)[si]$/i,lookbehind:!0,alias:"keyword"},namespace:{pattern:/^(\s*)(?:(?!\s)[-*\w\xA0-\uFFFF])*\|(?!=)/,lookbehind:!0,inside:{punctuation:/\|$/}},"attr-name":{pattern:/^(\s*)(?:(?!\s)[-\w\xA0-\uFFFF])+/,lookbehind:!0},"attr-value":[t,{pattern:/(=\s*)(?:(?!\s)[-\w\xA0-\uFFFF])+(?=\s*$)/,lookbehind:!0}],operator:/[|~*^$]?=/}},"n-th":[{pattern:/(\(\s*)[+-]?\d*[\dn](?:\s*[+-]\s*\d+)?(?=\s*\))/,lookbehind:!0,inside:{number:/[\dn]+/,operator:/[+-]/}},{pattern:/(\(\s*)(?:even|odd)(?=\s*\))/i,lookbehind:!0}],combinator:/>|\+|~|\|\|/,punctuation:/[(),]/}},e.languages.css.atrule.inside["selector-function-argument"].inside=t,e.languages.insertBefore("css","property",{variable:{pattern:/(^|[^-\w\xA0-\uFFFF])--(?!\s)[-_a-z\xA0-\uFFFF](?:(?!\s)[-\w\xA0-\uFFFF])*/i,lookbehind:!0}}),{pattern:/(\b\d+)(?:%|[a-z]+(?![\w-]))/,lookbehind:!0}),{pattern:/(^|[^\w.-])-?(?:\d+(?:\.\d+)?|\.\d+)/,lookbehind:!0});e.languages.insertBefore("css","function",{operator:{pattern:/(\s)[+\-*\/](?=\s)/,lookbehind:!0},hexcode:{pattern:/\B#[\da-f]{3,8}\b/i,alias:"color"},color:[{pattern:/(^|[^\w-])(?:AliceBlue|AntiqueWhite|Aqua|Aquamarine|Azure|Beige|Bisque|Black|BlanchedAlmond|Blue|BlueViolet|Brown|BurlyWood|CadetBlue|Chartreuse|Chocolate|Coral|CornflowerBlue|Cornsilk|Crimson|Cyan|DarkBlue|DarkCyan|DarkGoldenRod|DarkGr[ae]y|DarkGreen|DarkKhaki|DarkMagenta|DarkOliveGreen|DarkOrange|DarkOrchid|DarkRed|DarkSalmon|DarkSeaGreen|DarkSlateBlue|DarkSlateGr[ae]y|DarkTurquoise|DarkViolet|DeepPink|DeepSkyBlue|DimGr[ae]y|DodgerBlue|FireBrick|FloralWhite|ForestGreen|Fuchsia|Gainsboro|GhostWhite|Gold|GoldenRod|Gr[ae]y|Green|GreenYellow|HoneyDew|HotPink|IndianRed|Indigo|Ivory|Khaki|Lavender|LavenderBlush|LawnGreen|LemonChiffon|LightBlue|LightCoral|LightCyan|LightGoldenRodYellow|LightGr[ae]y|LightGreen|LightPink|LightSalmon|LightSeaGreen|LightSkyBlue|LightSlateGr[ae]y|LightSteelBlue|LightYellow|Lime|LimeGreen|Linen|Magenta|Maroon|MediumAquaMarine|MediumBlue|MediumOrchid|MediumPurple|MediumSeaGreen|MediumSlateBlue|MediumSpringGreen|MediumTurquoise|MediumVioletRed|MidnightBlue|MintCream|MistyRose|Moccasin|NavajoWhite|Navy|OldLace|Olive|OliveDrab|Orange|OrangeRed|Orchid|PaleGoldenRod|PaleGreen|PaleTurquoise|PaleVioletRed|PapayaWhip|PeachPuff|Peru|Pink|Plum|PowderBlue|Purple|RebeccaPurple|Red|RosyBrown|RoyalBlue|SaddleBrown|Salmon|SandyBrown|SeaGreen|SeaShell|Sienna|Silver|SkyBlue|SlateBlue|SlateGr[ae]y|Snow|SpringGreen|SteelBlue|Tan|Teal|Thistle|Tomato|Transparent|Turquoise|Violet|Wheat|White|WhiteSmoke|Yellow|YellowGreen)(?![\w-])/i,lookbehind:!0},{pattern:/\b(?:hsl|rgb)\(\s*\d{1,3}\s*,\s*\d{1,3}%?\s*,\s*\d{1,3}%?\s*\)\B|\b(?:hsl|rgb)a\(\s*\d{1,3}\s*,\s*\d{1,3}%?\s*,\s*\d{1,3}%?\s*,\s*(?:0|0?\.\d+|1)\s*\)\B/i,inside:{unit:t,number:n,function:/[\w-]+(?=\()/,punctuation:/[(),]/}}],entity:/\\[\da-f]{1,8}/i,unit:t,number:n})}(S),function(e){var t=/[*&][^\s[\]{},]+/,n=/!(?:<[\w\-%#;/?:@&=+$,.!~*'()[\]]+>|(?:[a-zA-Z\d-]*!)?[\w\-%#;/?:@&=+$.~*'()]+)?/,r="(?:"+n.source+"(?:[ \t]+"+t.source+")?|"+t.source+"(?:[ \t]+"+n.source+")?)",o=/(?:[^\s\x00-\x08\x0e-\x1f!"#%&'*,\-:>?@[\]`{|}\x7f-\x84\x86-\x9f\ud800-\udfff\ufffe\uffff]|[?:-]<PLAIN>)(?:[ \t]*(?:(?![#:])<PLAIN>|:<PLAIN>))*/.source.replace(/<PLAIN>/g,(function(){return/[^\s\x00-\x08\x0e-\x1f,[\]{}\x7f-\x84\x86-\x9f\ud800-\udfff\ufffe\uffff]/.source})),a=/"(?:[^"\\\r\n]|\\.)*"|'(?:[^'\\\r\n]|\\.)*'/.source;function i(e,t){t=(t||"").replace(/m/g,"")+"m";var n=/([:\-,[{]\s*(?:\s<<prop>>[ \t]+)?)(?:<<value>>)(?=[ \t]*(?:$|,|\]|\}|(?:[\r\n]\s*)?#))/.source.replace(/<<prop>>/g,(function(){return r})).replace(/<<value>>/g,(function(){return e}));return RegExp(n,t)}e.languages.yaml={scalar:{pattern:RegExp(/([\-:]\s*(?:\s<<prop>>[ \t]+)?[|>])[ \t]*(?:((?:\r?\n|\r)[ \t]+)\S[^\r\n]*(?:\2[^\r\n]+)*)/.source.replace(/<<prop>>/g,(function(){return r}))),lookbehind:!0,alias:"string"},comment:/#.*/,key:{pattern:RegExp(/((?:^|[:\-,[{\r\n?])[ \t]*(?:<<prop>>[ \t]+)?)<<key>>(?=\s*:\s)/.source.replace(/<<prop>>/g,(function(){return r})).replace(/<<key>>/g,(function(){return"(?:"+o+"|"+a+")"}))),lookbehind:!0,greedy:!0,alias:"atrule"},directive:{pattern:/(^[ \t]*)%.+/m,lookbehind:!0,alias:"important"},datetime:{pattern:i(/\d{4}-\d\d?-\d\d?(?:[tT]|[ \t]+)\d\d?:\d{2}:\d{2}(?:\.\d*)?(?:[ \t]*(?:Z|[-+]\d\d?(?::\d{2})?))?|\d{4}-\d{2}-\d{2}|\d\d?:\d{2}(?::\d{2}(?:\.\d*)?)?/.source),lookbehind:!0,alias:"number"},boolean:{pattern:i(/false|true/.source,"i"),lookbehind:!0,alias:"important"},null:{pattern:i(/null|~/.source,"i"),lookbehind:!0,alias:"important"},string:{pattern:i(a),lookbehind:!0,greedy:!0},number:{pattern:i(/[+-]?(?:0x[\da-f]+|0o[0-7]+|(?:\d+(?:\.\d*)?|\.\d+)(?:e[+-]?\d+)?|\.inf|\.nan)/.source,"i"),lookbehind:!0},tag:n,important:t,punctuation:/---|[:[\]{}\-,|>?]|\.\.\./},e.languages.yml=e.languages.yaml}(S),function(e){var t=/(?:\\.|[^\\\n\r]|(?:\n|\r\n?)(?![\r\n]))/.source;function n(e){return e=e.replace(/<inner>/g,(function(){return t})),RegExp(/((?:^|[^\\])(?:\\{2})*)/.source+"(?:"+e+")")}var r=/(?:\\.|``(?:[^`\r\n]|`(?!`))+``|`[^`\r\n]+`|[^\\|\r\n`])+/.source,o=/\|?__(?:\|__)+\|?(?:(?:\n|\r\n?)|(?![\s\S]))/.source.replace(/__/g,(function(){return r})),a=/\|?[ \t]*:?-{3,}:?[ \t]*(?:\|[ \t]*:?-{3,}:?[ \t]*)+\|?(?:\n|\r\n?)/.source,i=(e.languages.markdown=e.languages.extend("markup",{}),e.languages.insertBefore("markdown","prolog",{"front-matter-block":{pattern:/(^(?:\s*[\r\n])?)---(?!.)[\s\S]*?[\r\n]---(?!.)/,lookbehind:!0,greedy:!0,inside:{punctuation:/^---|---$/,"front-matter":{pattern:/\S+(?:\s+\S+)*/,alias:["yaml","language-yaml"],inside:e.languages.yaml}}},blockquote:{pattern:/^>(?:[\t ]*>)*/m,alias:"punctuation"},table:{pattern:RegExp("^"+o+a+"(?:"+o+")*","m"),inside:{"table-data-rows":{pattern:RegExp("^("+o+a+")(?:"+o+")*$"),lookbehind:!0,inside:{"table-data":{pattern:RegExp(r),inside:e.languages.markdown},punctuation:/\|/}},"table-line":{pattern:RegExp("^("+o+")"+a+"$"),lookbehind:!0,inside:{punctuation:/\||:?-{3,}:?/}},"table-header-row":{pattern:RegExp("^"+o+"$"),inside:{"table-header":{pattern:RegExp(r),alias:"important",inside:e.languages.markdown},punctuation:/\|/}}}},code:[{pattern:/((?:^|\n)[ \t]*\n|(?:^|\r\n?)[ \t]*\r\n?)(?: {4}|\t).+(?:(?:\n|\r\n?)(?: {4}|\t).+)*/,lookbehind:!0,alias:"keyword"},{pattern:/^```[\s\S]*?^```$/m,greedy:!0,inside:{"code-block":{pattern:/^(```.*(?:\n|\r\n?))[\s\S]+?(?=(?:\n|\r\n?)^```$)/m,lookbehind:!0},"code-language":{pattern:/^(```).+/,lookbehind:!0},punctuation:/```/}}],title:[{pattern:/\S.*(?:\n|\r\n?)(?:==+|--+)(?=[ \t]*$)/m,alias:"important",inside:{punctuation:/==+$|--+$/}},{pattern:/(^\s*)#.+/m,lookbehind:!0,alias:"important",inside:{punctuation:/^#+|#+$/}}],hr:{pattern:/(^\s*)([*-])(?:[\t ]*\2){2,}(?=\s*$)/m,lookbehind:!0,alias:"punctuation"},list:{pattern:/(^\s*)(?:[*+-]|\d+\.)(?=[\t ].)/m,lookbehind:!0,alias:"punctuation"},"url-reference":{pattern:/!?\[[^\]]+\]:[\t ]+(?:\S+|<(?:\\.|[^>\\])+>)(?:[\t ]+(?:"(?:\\.|[^"\\])*"|'(?:\\.|[^'\\])*'|\((?:\\.|[^)\\])*\)))?/,inside:{variable:{pattern:/^(!?\[)[^\]]+/,lookbehind:!0},string:/(?:"(?:\\.|[^"\\])*"|'(?:\\.|[^'\\])*'|\((?:\\.|[^)\\])*\))$/,punctuation:/^[\[\]!:]|[<>]/},alias:"url"},bold:{pattern:n(/\b__(?:(?!_)<inner>|_(?:(?!_)<inner>)+_)+__\b|\*\*(?:(?!\*)<inner>|\*(?:(?!\*)<inner>)+\*)+\*\*/.source),lookbehind:!0,greedy:!0,inside:{content:{pattern:/(^..)[\s\S]+(?=..$)/,lookbehind:!0,inside:{}},punctuation:/\*\*|__/}},italic:{pattern:n(/\b_(?:(?!_)<inner>|__(?:(?!_)<inner>)+__)+_\b|\*(?:(?!\*)<inner>|\*\*(?:(?!\*)<inner>)+\*\*)+\*/.source),lookbehind:!0,greedy:!0,inside:{content:{pattern:/(^.)[\s\S]+(?=.$)/,lookbehind:!0,inside:{}},punctuation:/[*_]/}},strike:{pattern:n(/(~~?)(?:(?!~)<inner>)+\2/.source),lookbehind:!0,greedy:!0,inside:{content:{pattern:/(^~~?)[\s\S]+(?=\1$)/,lookbehind:!0,inside:{}},punctuation:/~~?/}},"code-snippet":{pattern:/(^|[^\\`])(?:``[^`\r\n]+(?:`[^`\r\n]+)*``(?!`)|`[^`\r\n]+`(?!`))/,lookbehind:!0,greedy:!0,alias:["code","keyword"]},url:{pattern:n(/!?\[(?:(?!\])<inner>)+\](?:\([^\s)]+(?:[\t ]+"(?:\\.|[^"\\])*")?\)|[ \t]?\[(?:(?!\])<inner>)+\])/.source),lookbehind:!0,greedy:!0,inside:{operator:/^!/,content:{pattern:/(^\[)[^\]]+(?=\])/,lookbehind:!0,inside:{}},variable:{pattern:/(^\][ \t]?\[)[^\]]+(?=\]$)/,lookbehind:!0},url:{pattern:/(^\]\()[^\s)]+/,lookbehind:!0},string:{pattern:/(^[ \t]+)"(?:\\.|[^"\\])*"(?=\)$)/,lookbehind:!0}}}}),["url","bold","italic","strike"].forEach((function(t){["url","bold","italic","strike","code-snippet"].forEach((function(n){t!==n&&(e.languages.markdown[t].inside.content.inside[n]=e.languages.markdown[n])}))})),e.hooks.add("after-tokenize",(function(e){"markdown"!==e.language&&"md"!==e.language||function e(t){if(t&&"string"!=typeof t)for(var n=0,r=t.length;n<r;n++){var o,a=t[n];"code"!==a.type?e(a.content):(o=a.content[1],a=a.content[3],o&&a&&"code-language"===o.type&&"code-block"===a.type&&"string"==typeof o.content&&(o=o.content.replace(/\b#/g,"sharp").replace(/\b\+\+/g,"pp"),o="language-"+(o=(/[a-z][\w-]*/i.exec(o)||[""])[0].toLowerCase()),a.alias?"string"==typeof a.alias?a.alias=[a.alias,o]:a.alias.push(o):a.alias=[o]))}}(e.tokens)})),e.hooks.add("wrap",(function(t){if("code-block"===t.type){for(var n="",r=0,o=t.classes.length;r<o;r++){var a=t.classes[r];if(a=/language-(.+)/.exec(a)){n=a[1];break}}var c,u=e.languages[n];u?t.content=e.highlight(t.content.replace(i,"").replace(/&(\w{1,8}|#x?[\da-f]{1,8});/gi,(function(e,t){var n;return"#"===(t=t.toLowerCase())[0]?(n="x"===t[1]?parseInt(t.slice(2),16):Number(t.slice(1)),l(n)):s[t]||e})),u,n):n&&"none"!==n&&e.plugins.autoloader&&(c="md-"+(new Date).valueOf()+"-"+Math.floor(1e16*Math.random()),t.attributes.id=c,e.plugins.autoloader.loadLanguages(n,(function(){var t=document.getElementById(c);t&&(t.innerHTML=e.highlight(t.textContent,e.languages[n],n))})))}})),RegExp(e.languages.markup.tag.pattern.source,"gi")),s={amp:"&",lt:"<",gt:">",quot:'"'},l=String.fromCodePoint||String.fromCharCode;e.languages.md=e.languages.markdown}(S),S.languages.graphql={comment:/#.*/,description:{pattern:/(?:"""(?:[^"]|(?!""")")*"""|"(?:\\.|[^\\"\r\n])*")(?=\s*[a-z_])/i,greedy:!0,alias:"string",inside:{"language-markdown":{pattern:/(^"(?:"")?)(?!\1)[\s\S]+(?=\1$)/,lookbehind:!0,inside:S.languages.markdown}}},string:{pattern:/"""(?:[^"]|(?!""")")*"""|"(?:\\.|[^\\"\r\n])*"/,greedy:!0},number:/(?:\B-|\b)\d+(?:\.\d+)?(?:e[+-]?\d+)?\b/i,boolean:/\b(?:false|true)\b/,variable:/\$[a-z_]\w*/i,directive:{pattern:/@[a-z_]\w*/i,alias:"function"},"attr-name":{pattern:/\b[a-z_]\w*(?=\s*(?:\((?:[^()"]|"(?:\\.|[^\\"\r\n])*")*\))?:)/i,greedy:!0},"atom-input":{pattern:/\b[A-Z]\w*Input\b/,alias:"class-name"},scalar:/\b(?:Boolean|Float|ID|Int|String)\b/,constant:/\b[A-Z][A-Z_\d]*\b/,"class-name":{pattern:/(\b(?:enum|implements|interface|on|scalar|type|union)\s+|&\s*|:\s*|\[)[A-Z_]\w*/,lookbehind:!0},fragment:{pattern:/(\bfragment\s+|\.{3}\s*(?!on\b))[a-zA-Z_]\w*/,lookbehind:!0,alias:"function"},"definition-mutation":{pattern:/(\bmutation\s+)[a-zA-Z_]\w*/,lookbehind:!0,alias:"function"},"definition-query":{pattern:/(\bquery\s+)[a-zA-Z_]\w*/,lookbehind:!0,alias:"function"},keyword:/\b(?:directive|enum|extend|fragment|implements|input|interface|mutation|on|query|repeatable|scalar|schema|subscription|type|union)\b/,operator:/[!=|&]|\.{3}/,"property-query":/\w+(?=\s*\()/,object:/\w+(?=\s*\{)/,punctuation:/[!(){}\[\]:=,]/,property:/\w+/},S.hooks.add("after-tokenize",(function(e){if("graphql"===e.language)for(var t=e.tokens.filter((function(e){return"string"!=typeof e&&"comment"!==e.type&&"scalar"!==e.type})),n=0;n<t.length;){var r=t[n++];if("keyword"===r.type&&"mutation"===r.content){var o=[];if(d(["definition-mutation","punctuation"])&&"("===u(1).content){n+=2;var a=p(/^\($/,/^\)$/);if(-1===a)continue;for(;n<a;n++){var i=u(0);"variable"===i.type&&(f(i,"variable-input"),o.push(i.content))}n=a+1}if(d(["punctuation","property-query"])&&"{"===u(0).content&&(n++,f(u(0),"property-mutation"),0<o.length)){var s=p(/^\{$/,/^\}$/);if(-1!==s)for(var l=n;l<s;l++){var c=t[l];"variable"===c.type&&0<=o.indexOf(c.content)&&f(c,"variable-input")}}}}function u(e){return t[n+e]}function d(e,t){t=t||0;for(var n=0;n<e.length;n++){var r=u(n+t);if(!r||r.type!==e[n])return}return 1}function p(e,r){for(var o=1,a=n;a<t.length;a++){var i=t[a],s=i.content;if("punctuation"===i.type&&"string"==typeof s)if(e.test(s))o++;else if(r.test(s)&&0==--o)return a}return-1}function f(e,t){var n=e.alias;n?Array.isArray(n)||(e.alias=n=[n]):e.alias=n=[],n.push(t)}})),S.languages.sql={comment:{pattern:/(^|[^\\])(?:\/\*[\s\S]*?\*\/|(?:--|\/\/|#).*)/,lookbehind:!0},variable:[{pattern:/@(["'`])(?:\\[\s\S]|(?!\1)[^\\])+\1/,greedy:!0},/@[\w.$]+/],string:{pattern:/(^|[^@\\])("|')(?:\\[\s\S]|(?!\2)[^\\]|\2\2)*\2/,greedy:!0,lookbehind:!0},identifier:{pattern:/(^|[^@\\])`(?:\\[\s\S]|[^`\\]|``)*`/,greedy:!0,lookbehind:!0,inside:{punctuation:/^`|`$/}},function:/\b(?:AVG|COUNT|FIRST|FORMAT|LAST|LCASE|LEN|MAX|MID|MIN|MOD|NOW|ROUND|SUM|UCASE)(?=\s*\()/i,keyword:/\b(?:ACTION|ADD|AFTER|ALGORITHM|ALL|ALTER|ANALYZE|ANY|APPLY|AS|ASC|AUTHORIZATION|AUTO_INCREMENT|BACKUP|BDB|BEGIN|BERKELEYDB|BIGINT|BINARY|BIT|BLOB|BOOL|BOOLEAN|BREAK|BROWSE|BTREE|BULK|BY|CALL|CASCADED?|CASE|CHAIN|CHAR(?:ACTER|SET)?|CHECK(?:POINT)?|CLOSE|CLUSTERED|COALESCE|COLLATE|COLUMNS?|COMMENT|COMMIT(?:TED)?|COMPUTE|CONNECT|CONSISTENT|CONSTRAINT|CONTAINS(?:TABLE)?|CONTINUE|CONVERT|CREATE|CROSS|CURRENT(?:_DATE|_TIME|_TIMESTAMP|_USER)?|CURSOR|CYCLE|DATA(?:BASES?)?|DATE(?:TIME)?|DAY|DBCC|DEALLOCATE|DEC|DECIMAL|DECLARE|DEFAULT|DEFINER|DELAYED|DELETE|DELIMITERS?|DENY|DESC|DESCRIBE|DETERMINISTIC|DISABLE|DISCARD|DISK|DISTINCT|DISTINCTROW|DISTRIBUTED|DO|DOUBLE|DROP|DUMMY|DUMP(?:FILE)?|DUPLICATE|ELSE(?:IF)?|ENABLE|ENCLOSED|END|ENGINE|ENUM|ERRLVL|ERRORS|ESCAPED?|EXCEPT|EXEC(?:UTE)?|EXISTS|EXIT|EXPLAIN|EXTENDED|FETCH|FIELDS|FILE|FILLFACTOR|FIRST|FIXED|FLOAT|FOLLOWING|FOR(?: EACH ROW)?|FORCE|FOREIGN|FREETEXT(?:TABLE)?|FROM|FULL|FUNCTION|GEOMETRY(?:COLLECTION)?|GLOBAL|GOTO|GRANT|GROUP|HANDLER|HASH|HAVING|HOLDLOCK|HOUR|IDENTITY(?:COL|_INSERT)?|IF|IGNORE|IMPORT|INDEX|INFILE|INNER|INNODB|INOUT|INSERT|INT|INTEGER|INTERSECT|INTERVAL|INTO|INVOKER|ISOLATION|ITERATE|JOIN|KEYS?|KILL|LANGUAGE|LAST|LEAVE|LEFT|LEVEL|LIMIT|LINENO|LINES|LINESTRING|LOAD|LOCAL|LOCK|LONG(?:BLOB|TEXT)|LOOP|MATCH(?:ED)?|MEDIUM(?:BLOB|INT|TEXT)|MERGE|MIDDLEINT|MINUTE|MODE|MODIFIES|MODIFY|MONTH|MULTI(?:LINESTRING|POINT|POLYGON)|NATIONAL|NATURAL|NCHAR|NEXT|NO|NONCLUSTERED|NULLIF|NUMERIC|OFF?|OFFSETS?|ON|OPEN(?:DATASOURCE|QUERY|ROWSET)?|OPTIMIZE|OPTION(?:ALLY)?|ORDER|OUT(?:ER|FILE)?|OVER|PARTIAL|PARTITION|PERCENT|PIVOT|PLAN|POINT|POLYGON|PRECEDING|PRECISION|PREPARE|PREV|PRIMARY|PRINT|PRIVILEGES|PROC(?:EDURE)?|PUBLIC|PURGE|QUICK|RAISERROR|READS?|REAL|RECONFIGURE|REFERENCES|RELEASE|RENAME|REPEAT(?:ABLE)?|REPLACE|REPLICATION|REQUIRE|RESIGNAL|RESTORE|RESTRICT|RETURN(?:ING|S)?|REVOKE|RIGHT|ROLLBACK|ROUTINE|ROW(?:COUNT|GUIDCOL|S)?|RTREE|RULE|SAVE(?:POINT)?|SCHEMA|SECOND|SELECT|SERIAL(?:IZABLE)?|SESSION(?:_USER)?|SET(?:USER)?|SHARE|SHOW|SHUTDOWN|SIMPLE|SMALLINT|SNAPSHOT|SOME|SONAME|SQL|START(?:ING)?|STATISTICS|STATUS|STRIPED|SYSTEM_USER|TABLES?|TABLESPACE|TEMP(?:ORARY|TABLE)?|TERMINATED|TEXT(?:SIZE)?|THEN|TIME(?:STAMP)?|TINY(?:BLOB|INT|TEXT)|TOP?|TRAN(?:SACTIONS?)?|TRIGGER|TRUNCATE|TSEQUAL|TYPES?|UNBOUNDED|UNCOMMITTED|UNDEFINED|UNION|UNIQUE|UNLOCK|UNPIVOT|UNSIGNED|UPDATE(?:TEXT)?|USAGE|USE|USER|USING|VALUES?|VAR(?:BINARY|CHAR|CHARACTER|YING)|VIEW|WAITFOR|WARNINGS|WHEN|WHERE|WHILE|WITH(?: ROLLUP|IN)?|WORK|WRITE(?:TEXT)?|YEAR)\b/i,boolean:/\b(?:FALSE|NULL|TRUE)\b/i,number:/\b0x[\da-f]+\b|\b\d+(?:\.\d*)?|\B\.\d+\b/i,operator:/[-+*\/=%^~]|&&?|\|\|?|!=?|<(?:=>?|<|>)?|>[>=]?|\b(?:AND|BETWEEN|DIV|ILIKE|IN|IS|LIKE|NOT|OR|REGEXP|RLIKE|SOUNDS LIKE|XOR)\b/i,punctuation:/[;[\]()`,.]/},function(e){var t=e.languages.javascript["template-string"],n=t.pattern.source,r=t.inside.interpolation,o=r.inside["interpolation-punctuation"],a=r.pattern.source;function i(t,r){if(e.languages[t])return{pattern:RegExp("((?:"+r+")\\s*)"+n),lookbehind:!0,greedy:!0,inside:{"template-punctuation":{pattern:/^`|`$/,alias:"string"},"embedded-code":{pattern:/[\s\S]+/,alias:t}}}}function s(t,n,r){return t={code:t,grammar:n,language:r},e.hooks.run("before-tokenize",t),t.tokens=e.tokenize(t.code,t.grammar),e.hooks.run("after-tokenize",t),t.tokens}function l(t,n,i){var l=e.tokenize(t,{interpolation:{pattern:RegExp(a),lookbehind:!0}}),c=0,u={},d=(l=s(l.map((function(e){if("string"==typeof e)return e;var n,r;for(e=e.content;-1!==t.indexOf((r=c++,n="___"+i.toUpperCase()+"_"+r+"___")););return u[n]=e,n})).join(""),n,i),Object.keys(u));return c=0,function t(n){for(var a=0;a<n.length;a++){if(c>=d.length)return;var i,l,p,f,m,h,g,b=n[a];"string"==typeof b||"string"==typeof b.content?(i=d[c],-1!==(g=(h="string"==typeof b?b:b.content).indexOf(i))&&(++c,l=h.substring(0,g),m=u[i],p=void 0,(f={})["interpolation-punctuation"]=o,3===(f=e.tokenize(m,f)).length&&((p=[1,1]).push.apply(p,s(f[1],e.languages.javascript,"javascript")),f.splice.apply(f,p)),p=new e.Token("interpolation",f,r.alias,m),f=h.substring(g+i.length),m=[],l&&m.push(l),m.push(p),f&&(t(h=[f]),m.push.apply(m,h)),"string"==typeof b?(n.splice.apply(n,[a,1].concat(m)),a+=m.length-1):b.content=m)):(g=b.content,Array.isArray(g)?t(g):t([g]))}}(l),new e.Token(i,l,"language-"+i,t)}e.languages.javascript["template-string"]=[i("css",/\b(?:styled(?:\([^)]*\))?(?:\s*\.\s*\w+(?:\([^)]*\))*)*|css(?:\s*\.\s*(?:global|resolve))?|createGlobalStyle|keyframes)/.source),i("html",/\bhtml|\.\s*(?:inner|outer)HTML\s*\+?=/.source),i("svg",/\bsvg/.source),i("markdown",/\b(?:markdown|md)/.source),i("graphql",/\b(?:gql|graphql(?:\s*\.\s*experimental)?)/.source),i("sql",/\bsql/.source),t].filter(Boolean);var c={javascript:!0,js:!0,typescript:!0,ts:!0,jsx:!0,tsx:!0};function u(e){return"string"==typeof e?e:Array.isArray(e)?e.map(u).join(""):u(e.content)}e.hooks.add("after-tokenize",(function(t){t.language in c&&function t(n){for(var r=0,o=n.length;r<o;r++){var a,i,s,c=n[r];"string"!=typeof c&&(a=c.content,Array.isArray(a)?"template-string"===c.type?(c=a[1],3===a.length&&"string"!=typeof c&&"embedded-code"===c.type&&(i=u(c),c=c.alias,c=Array.isArray(c)?c[0]:c,s=e.languages[c])&&(a[1]=l(i,s,c))):t(a):"string"!=typeof a&&t([a]))}}(t.tokens)}))}(S),function(e){e.languages.typescript=e.languages.extend("javascript",{"class-name":{pattern:/(\b(?:class|extends|implements|instanceof|interface|new|type)\s+)(?!keyof\b)(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?:\s*<(?:[^<>]|<(?:[^<>]|<[^<>]*>)*>)*>)?/,lookbehind:!0,greedy:!0,inside:null},builtin:/\b(?:Array|Function|Promise|any|boolean|console|never|number|string|symbol|unknown)\b/}),e.languages.typescript.keyword.push(/\b(?:abstract|declare|is|keyof|readonly|require)\b/,/\b(?:asserts|infer|interface|module|namespace|type)\b(?=\s*(?:[{_$a-zA-Z\xA0-\uFFFF]|$))/,/\btype\b(?=\s*(?:[\{*]|$))/),delete e.languages.typescript.parameter,delete e.languages.typescript["literal-property"];var t=e.languages.extend("typescript",{});delete t["class-name"],e.languages.typescript["class-name"].inside=t,e.languages.insertBefore("typescript","function",{decorator:{pattern:/@[$\w\xA0-\uFFFF]+/,inside:{at:{pattern:/^@/,alias:"operator"},function:/^[\s\S]+/}},"generic-function":{pattern:/#?(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*\s*<(?:[^<>]|<(?:[^<>]|<[^<>]*>)*>)*>(?=\s*\()/,greedy:!0,inside:{function:/^#?(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*/,generic:{pattern:/<[\s\S]+/,alias:"class-name",inside:t}}}}),e.languages.ts=e.languages.typescript}(S),function(e){var t=e.languages.javascript,n=/\{(?:[^{}]|\{(?:[^{}]|\{[^{}]*\})*\})+\}/.source,r="(@(?:arg|argument|param|property)\\s+(?:"+n+"\\s+)?)";e.languages.jsdoc=e.languages.extend("javadoclike",{parameter:{pattern:RegExp(r+/(?:(?!\s)[$\w\xA0-\uFFFF.])+(?=\s|$)/.source),lookbehind:!0,inside:{punctuation:/\./}}}),e.languages.insertBefore("jsdoc","keyword",{"optional-parameter":{pattern:RegExp(r+/\[(?:(?!\s)[$\w\xA0-\uFFFF.])+(?:=[^[\]]+)?\](?=\s|$)/.source),lookbehind:!0,inside:{parameter:{pattern:/(^\[)[$\w\xA0-\uFFFF\.]+/,lookbehind:!0,inside:{punctuation:/\./}},code:{pattern:/(=)[\s\S]*(?=\]$)/,lookbehind:!0,inside:t,alias:"language-javascript"},punctuation:/[=[\]]/}},"class-name":[{pattern:RegExp(/(@(?:augments|class|extends|interface|memberof!?|template|this|typedef)\s+(?:<TYPE>\s+)?)[A-Z]\w*(?:\.[A-Z]\w*)*/.source.replace(/<TYPE>/g,(function(){return n}))),lookbehind:!0,inside:{punctuation:/\./}},{pattern:RegExp("(@[a-z]+\\s+)"+n),lookbehind:!0,inside:{string:t.string,number:t.number,boolean:t.boolean,keyword:e.languages.typescript.keyword,operator:/=>|\.\.\.|[&|?:*]/,punctuation:/[.,;=<>{}()[\]]/}}],example:{pattern:/(@example\s+(?!\s))(?:[^@\s]|\s+(?!\s))+?(?=\s*(?:\*\s*)?(?:@\w|\*\/))/,lookbehind:!0,inside:{code:{pattern:/^([\t ]*(?:\*\s*)?)\S.*$/m,lookbehind:!0,inside:t,alias:"language-javascript"}}}}),e.languages.javadoclike.addSupport("javascript",e.languages.jsdoc)}(S),function(e){e.languages.flow=e.languages.extend("javascript",{}),e.languages.insertBefore("flow","keyword",{type:[{pattern:/\b(?:[Bb]oolean|Function|[Nn]umber|[Ss]tring|[Ss]ymbol|any|mixed|null|void)\b/,alias:"class-name"}]}),e.languages.flow["function-variable"].pattern=/(?!\s)[_$a-z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*=\s*(?:function\b|(?:\([^()]*\)(?:\s*:\s*\w+)?|(?!\s)[_$a-z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*)\s*=>))/i,delete e.languages.flow.parameter,e.languages.insertBefore("flow","operator",{"flow-punctuation":{pattern:/\{\||\|\}/,alias:"punctuation"}}),Array.isArray(e.languages.flow.keyword)||(e.languages.flow.keyword=[e.languages.flow.keyword]),e.languages.flow.keyword.unshift({pattern:/(^|[^$]\b)(?:Class|declare|opaque|type)\b(?!\$)/,lookbehind:!0},{pattern:/(^|[^$]\B)\$(?:Diff|Enum|Exact|Keys|ObjMap|PropertyType|Record|Shape|Subtype|Supertype|await)\b(?!\$)/,lookbehind:!0})}(S),S.languages.n4js=S.languages.extend("javascript",{keyword:/\b(?:Array|any|boolean|break|case|catch|class|const|constructor|continue|debugger|declare|default|delete|do|else|enum|export|extends|false|finally|for|from|function|get|if|implements|import|in|instanceof|interface|let|module|new|null|number|package|private|protected|public|return|set|static|string|super|switch|this|throw|true|try|typeof|var|void|while|with|yield)\b/}),S.languages.insertBefore("n4js","constant",{annotation:{pattern:/@+\w+/,alias:"operator"}}),S.languages.n4jsd=S.languages.n4js,function(e){function t(e,t){return RegExp(e.replace(/<ID>/g,(function(){return/(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*/.source})),t)}e.languages.insertBefore("javascript","function-variable",{"method-variable":{pattern:RegExp("(\\.\\s*)"+e.languages.javascript["function-variable"].pattern.source),lookbehind:!0,alias:["function-variable","method","function","property-access"]}}),e.languages.insertBefore("javascript","function",{method:{pattern:RegExp("(\\.\\s*)"+e.languages.javascript.function.source),lookbehind:!0,alias:["function","property-access"]}}),e.languages.insertBefore("javascript","constant",{"known-class-name":[{pattern:/\b(?:(?:Float(?:32|64)|(?:Int|Uint)(?:8|16|32)|Uint8Clamped)?Array|ArrayBuffer|BigInt|Boolean|DataView|Date|Error|Function|Intl|JSON|(?:Weak)?(?:Map|Set)|Math|Number|Object|Promise|Proxy|Reflect|RegExp|String|Symbol|WebAssembly)\b/,alias:"class-name"},{pattern:/\b(?:[A-Z]\w*)Error\b/,alias:"class-name"}]}),e.languages.insertBefore("javascript","keyword",{imports:{pattern:t(/(\bimport\b\s*)(?:<ID>(?:\s*,\s*(?:\*\s*as\s+<ID>|\{[^{}]*\}))?|\*\s*as\s+<ID>|\{[^{}]*\})(?=\s*\bfrom\b)/.source),lookbehind:!0,inside:e.languages.javascript},exports:{pattern:t(/(\bexport\b\s*)(?:\*(?:\s*as\s+<ID>)?(?=\s*\bfrom\b)|\{[^{}]*\})/.source),lookbehind:!0,inside:e.languages.javascript}}),e.languages.javascript.keyword.unshift({pattern:/\b(?:as|default|export|from|import)\b/,alias:"module"},{pattern:/\b(?:await|break|catch|continue|do|else|finally|for|if|return|switch|throw|try|while|yield)\b/,alias:"control-flow"},{pattern:/\bnull\b/,alias:["null","nil"]},{pattern:/\bundefined\b/,alias:"nil"}),e.languages.insertBefore("javascript","operator",{spread:{pattern:/\.{3}/,alias:"operator"},arrow:{pattern:/=>/,alias:"operator"}}),e.languages.insertBefore("javascript","punctuation",{"property-access":{pattern:t(/(\.\s*)#?<ID>/.source),lookbehind:!0},"maybe-class-name":{pattern:/(^|[^$\w\xA0-\uFFFF])[A-Z][$\w\xA0-\uFFFF]+/,lookbehind:!0},dom:{pattern:/\b(?:document|(?:local|session)Storage|location|navigator|performance|window)\b/,alias:"variable"},console:{pattern:/\bconsole(?=\s*\.)/,alias:"class-name"}});for(var n=["function","function-variable","method","method-variable","property-access"],r=0;r<n.length;r++){var o=n[r],a=e.languages.javascript[o];o=(a="RegExp"===e.util.type(a)?e.languages.javascript[o]={pattern:a}:a).inside||{};(a.inside=o)["maybe-class-name"]=/^[A-Z][\s\S]*/}}(S),function(e){var t=e.util.clone(e.languages.javascript),n=/(?:\s|\/\/.*(?!.)|\/\*(?:[^*]|\*(?!\/))\*\/)/.source,r=/(?:\{(?:\{(?:\{[^{}]*\}|[^{}])*\}|[^{}])*\})/.source,o=/(?:\{<S>*\.{3}(?:[^{}]|<BRACES>)*\})/.source;function a(e,t){return e=e.replace(/<S>/g,(function(){return n})).replace(/<BRACES>/g,(function(){return r})).replace(/<SPREAD>/g,(function(){return o})),RegExp(e,t)}function i(t){for(var n=[],r=0;r<t.length;r++){var o=t[r],a=!1;"string"!=typeof o&&("tag"===o.type&&o.content[0]&&"tag"===o.content[0].type?"</"===o.content[0].content[0].content?0<n.length&&n[n.length-1].tagName===s(o.content[0].content[1])&&n.pop():"/>"!==o.content[o.content.length-1].content&&n.push({tagName:s(o.content[0].content[1]),openedBraces:0}):0<n.length&&"punctuation"===o.type&&"{"===o.content?n[n.length-1].openedBraces++:0<n.length&&0<n[n.length-1].openedBraces&&"punctuation"===o.type&&"}"===o.content?n[n.length-1].openedBraces--:a=!0),(a||"string"==typeof o)&&0<n.length&&0===n[n.length-1].openedBraces&&(a=s(o),r<t.length-1&&("string"==typeof t[r+1]||"plain-text"===t[r+1].type)&&(a+=s(t[r+1]),t.splice(r+1,1)),0<r&&("string"==typeof t[r-1]||"plain-text"===t[r-1].type)&&(a=s(t[r-1])+a,t.splice(r-1,1),r--),t[r]=new e.Token("plain-text",a,null,a)),o.content&&"string"!=typeof o.content&&i(o.content)}}o=a(o).source,e.languages.jsx=e.languages.extend("markup",t),e.languages.jsx.tag.pattern=a(/<\/?(?:[\w.:-]+(?:<S>+(?:[\w.:$-]+(?:=(?:"(?:\\[\s\S]|[^\\"])*"|'(?:\\[\s\S]|[^\\'])*'|[^\s{'"/>=]+|<BRACES>))?|<SPREAD>))*<S>*\/?)?>/.source),e.languages.jsx.tag.inside.tag.pattern=/^<\/?[^\s>\/]*/,e.languages.jsx.tag.inside["attr-value"].pattern=/=(?!\{)(?:"(?:\\[\s\S]|[^\\"])*"|'(?:\\[\s\S]|[^\\'])*'|[^\s'">]+)/,e.languages.jsx.tag.inside.tag.inside["class-name"]=/^[A-Z]\w*(?:\.[A-Z]\w*)*$/,e.languages.jsx.tag.inside.comment=t.comment,e.languages.insertBefore("inside","attr-name",{spread:{pattern:a(/<SPREAD>/.source),inside:e.languages.jsx}},e.languages.jsx.tag),e.languages.insertBefore("inside","special-attr",{script:{pattern:a(/=<BRACES>/.source),alias:"language-javascript",inside:{"script-punctuation":{pattern:/^=(?=\{)/,alias:"punctuation"},rest:e.languages.jsx}}},e.languages.jsx.tag);var s=function(e){return e?"string"==typeof e?e:"string"==typeof e.content?e.content:e.content.map(s).join(""):""};e.hooks.add("after-tokenize",(function(e){"jsx"!==e.language&&"tsx"!==e.language||i(e.tokens)}))}(S),function(e){var t=e.util.clone(e.languages.typescript);(t=(e.languages.tsx=e.languages.extend("jsx",t),delete e.languages.tsx.parameter,delete e.languages.tsx["literal-property"],e.languages.tsx.tag)).pattern=RegExp(/(^|[^\w$]|(?=<\/))/.source+"(?:"+t.pattern.source+")",t.pattern.flags),t.lookbehind=!0}(S),S.languages.swift={comment:{pattern:/(^|[^\\:])(?:\/\/.*|\/\*(?:[^/*]|\/(?!\*)|\*(?!\/)|\/\*(?:[^*]|\*(?!\/))*\*\/)*\*\/)/,lookbehind:!0,greedy:!0},"string-literal":[{pattern:RegExp(/(^|[^"#])/.source+"(?:"+/"(?:\\(?:\((?:[^()]|\([^()]*\))*\)|\r\n|[^(])|[^\\\r\n"])*"/.source+"|"+/"""(?:\\(?:\((?:[^()]|\([^()]*\))*\)|[^(])|[^\\"]|"(?!""))*"""/.source+")"+/(?!["#])/.source),lookbehind:!0,greedy:!0,inside:{interpolation:{pattern:/(\\\()(?:[^()]|\([^()]*\))*(?=\))/,lookbehind:!0,inside:null},"interpolation-punctuation":{pattern:/^\)|\\\($/,alias:"punctuation"},punctuation:/\\(?=[\r\n])/,string:/[\s\S]+/}},{pattern:RegExp(/(^|[^"#])(#+)/.source+"(?:"+/"(?:\\(?:#+\((?:[^()]|\([^()]*\))*\)|\r\n|[^#])|[^\\\r\n])*?"/.source+"|"+/"""(?:\\(?:#+\((?:[^()]|\([^()]*\))*\)|[^#])|[^\\])*?"""/.source+")\\2"),lookbehind:!0,greedy:!0,inside:{interpolation:{pattern:/(\\#+\()(?:[^()]|\([^()]*\))*(?=\))/,lookbehind:!0,inside:null},"interpolation-punctuation":{pattern:/^\)|\\#+\($/,alias:"punctuation"},string:/[\s\S]+/}}],directive:{pattern:RegExp(/#/.source+"(?:"+/(?:elseif|if)\b/.source+"(?:[ \t]*"+/(?:![ \t]*)?(?:\b\w+\b(?:[ \t]*\((?:[^()]|\([^()]*\))*\))?|\((?:[^()]|\([^()]*\))*\))(?:[ \t]*(?:&&|\|\|))?/.source+")+|"+/(?:else|endif)\b/.source+")"),alias:"property",inside:{"directive-name":/^#\w+/,boolean:/\b(?:false|true)\b/,number:/\b\d+(?:\.\d+)*\b/,operator:/!|&&|\|\||[<>]=?/,punctuation:/[(),]/}},literal:{pattern:/#(?:colorLiteral|column|dsohandle|file(?:ID|Literal|Path)?|function|imageLiteral|line)\b/,alias:"constant"},"other-directive":{pattern:/#\w+\b/,alias:"property"},attribute:{pattern:/@\w+/,alias:"atrule"},"function-definition":{pattern:/(\bfunc\s+)\w+/,lookbehind:!0,alias:"function"},label:{pattern:/\b(break|continue)\s+\w+|\b[a-zA-Z_]\w*(?=\s*:\s*(?:for|repeat|while)\b)/,lookbehind:!0,alias:"important"},keyword:/\b(?:Any|Protocol|Self|Type|actor|as|assignment|associatedtype|associativity|async|await|break|case|catch|class|continue|convenience|default|defer|deinit|didSet|do|dynamic|else|enum|extension|fallthrough|fileprivate|final|for|func|get|guard|higherThan|if|import|in|indirect|infix|init|inout|internal|is|isolated|lazy|left|let|lowerThan|mutating|none|nonisolated|nonmutating|open|operator|optional|override|postfix|precedencegroup|prefix|private|protocol|public|repeat|required|rethrows|return|right|safe|self|set|some|static|struct|subscript|super|switch|throw|throws|try|typealias|unowned|unsafe|var|weak|where|while|willSet)\b/,boolean:/\b(?:false|true)\b/,nil:{pattern:/\bnil\b/,alias:"constant"},"short-argument":/\$\d+\b/,omit:{pattern:/\b_\b/,alias:"keyword"},number:/\b(?:[\d_]+(?:\.[\de_]+)?|0x[a-f0-9_]+(?:\.[a-f0-9p_]+)?|0b[01_]+|0o[0-7_]+)\b/i,"class-name":/\b[A-Z](?:[A-Z_\d]*[a-z]\w*)?\b/,function:/\b[a-z_]\w*(?=\s*\()/i,constant:/\b(?:[A-Z_]{2,}|k[A-Z][A-Za-z_]+)\b/,operator:/[-+*/%=!<>&|^~?]+|\.[.\-+*/%=!<>&|^~?]+/,punctuation:/[{}[\]();,.:\\]/},S.languages.swift["string-literal"].forEach((function(e){e.inside.interpolation.inside=S.languages.swift})),function(e){e.languages.kotlin=e.languages.extend("clike",{keyword:{pattern:/(^|[^.])\b(?:abstract|actual|annotation|as|break|by|catch|class|companion|const|constructor|continue|crossinline|data|do|dynamic|else|enum|expect|external|final|finally|for|fun|get|if|import|in|infix|init|inline|inner|interface|internal|is|lateinit|noinline|null|object|open|operator|out|override|package|private|protected|public|reified|return|sealed|set|super|suspend|tailrec|this|throw|to|try|typealias|val|var|vararg|when|where|while)\b/,lookbehind:!0},function:[{pattern:/(?:`[^\r\n`]+`|\b\w+)(?=\s*\()/,greedy:!0},{pattern:/(\.)(?:`[^\r\n`]+`|\w+)(?=\s*\{)/,lookbehind:!0,greedy:!0}],number:/\b(?:0[xX][\da-fA-F]+(?:_[\da-fA-F]+)*|0[bB][01]+(?:_[01]+)*|\d+(?:_\d+)*(?:\.\d+(?:_\d+)*)?(?:[eE][+-]?\d+(?:_\d+)*)?[fFL]?)\b/,operator:/\+[+=]?|-[-=>]?|==?=?|!(?:!|==?)?|[\/*%<>]=?|[?:]:?|\.\.|&&|\|\||\b(?:and|inv|or|shl|shr|ushr|xor)\b/}),delete e.languages.kotlin["class-name"];var t={"interpolation-punctuation":{pattern:/^\$\{?|\}$/,alias:"punctuation"},expression:{pattern:/[\s\S]+/,inside:e.languages.kotlin}};e.languages.insertBefore("kotlin","string",{"string-literal":[{pattern:/"""(?:[^$]|\$(?:(?!\{)|\{[^{}]*\}))*?"""/,alias:"multiline",inside:{interpolation:{pattern:/\$(?:[a-z_]\w*|\{[^{}]*\})/i,inside:t},string:/[\s\S]+/}},{pattern:/"(?:[^"\\\r\n$]|\\.|\$(?:(?!\{)|\{[^{}]*\}))*"/,alias:"singleline",inside:{interpolation:{pattern:/((?:^|[^\\])(?:\\{2})*)\$(?:[a-z_]\w*|\{[^{}]*\})/i,lookbehind:!0,inside:t},string:/[\s\S]+/}}],char:{pattern:/'(?:[^'\\\r\n]|\\(?:.|u[a-fA-F0-9]{0,4}))'/,greedy:!0}}),delete e.languages.kotlin.string,e.languages.insertBefore("kotlin","keyword",{annotation:{pattern:/\B@(?:\w+:)?(?:[A-Z]\w*|\[[^\]]+\])/,alias:"builtin"}}),e.languages.insertBefore("kotlin","function",{label:{pattern:/\b\w+@|@\w+\b/,alias:"symbol"}}),e.languages.kt=e.languages.kotlin,e.languages.kts=e.languages.kotlin}(S),S.languages.c=S.languages.extend("clike",{comment:{pattern:/\/\/(?:[^\r\n\\]|\\(?:\r\n?|\n|(?![\r\n])))*|\/\*[\s\S]*?(?:\*\/|$)/,greedy:!0},string:{pattern:/"(?:\\(?:\r\n|[\s\S])|[^"\\\r\n])*"/,greedy:!0},"class-name":{pattern:/(\b(?:enum|struct)\s+(?:__attribute__\s*\(\([\s\S]*?\)\)\s*)?)\w+|\b[a-z]\w*_t\b/,lookbehind:!0},keyword:/\b(?:_Alignas|_Alignof|_Atomic|_Bool|_Complex|_Generic|_Imaginary|_Noreturn|_Static_assert|_Thread_local|__attribute__|asm|auto|break|case|char|const|continue|default|do|double|else|enum|extern|float|for|goto|if|inline|int|long|register|return|short|signed|sizeof|static|struct|switch|typedef|typeof|union|unsigned|void|volatile|while)\b/,function:/\b[a-z_]\w*(?=\s*\()/i,number:/(?:\b0x(?:[\da-f]+(?:\.[\da-f]*)?|\.[\da-f]+)(?:p[+-]?\d+)?|(?:\b\d+(?:\.\d*)?|\B\.\d+)(?:e[+-]?\d+)?)[ful]{0,4}/i,operator:/>>=?|<<=?|->|([-+&|:])\1|[?:~]|[-+*/%&|^!=<>]=?/}),S.languages.insertBefore("c","string",{char:{pattern:/'(?:\\(?:\r\n|[\s\S])|[^'\\\r\n]){0,32}'/,greedy:!0}}),S.languages.insertBefore("c","string",{macro:{pattern:/(^[\t ]*)#\s*[a-z](?:[^\r\n\\/]|\/(?!\*)|\/\*(?:[^*]|\*(?!\/))*\*\/|\\(?:\r\n|[\s\S]))*/im,lookbehind:!0,greedy:!0,alias:"property",inside:{string:[{pattern:/^(#\s*include\s*)<[^>]+>/,lookbehind:!0},S.languages.c.string],char:S.languages.c.char,comment:S.languages.c.comment,"macro-name":[{pattern:/(^#\s*define\s+)\w+\b(?!\()/i,lookbehind:!0},{pattern:/(^#\s*define\s+)\w+\b(?=\()/i,lookbehind:!0,alias:"function"}],directive:{pattern:/^(#\s*)[a-z]+/,lookbehind:!0,alias:"keyword"},"directive-hash":/^#/,punctuation:/##|\\(?=[\r\n])/,expression:{pattern:/\S[\s\S]*/,inside:S.languages.c}}}}),S.languages.insertBefore("c","function",{constant:/\b(?:EOF|NULL|SEEK_CUR|SEEK_END|SEEK_SET|__DATE__|__FILE__|__LINE__|__TIMESTAMP__|__TIME__|__func__|stderr|stdin|stdout)\b/}),delete S.languages.c.boolean,S.languages.objectivec=S.languages.extend("c",{string:{pattern:/@?"(?:\\(?:\r\n|[\s\S])|[^"\\\r\n])*"/,greedy:!0},keyword:/\b(?:asm|auto|break|case|char|const|continue|default|do|double|else|enum|extern|float|for|goto|if|in|inline|int|long|register|return|self|short|signed|sizeof|static|struct|super|switch|typedef|typeof|union|unsigned|void|volatile|while)\b|(?:@interface|@end|@implementation|@protocol|@class|@public|@protected|@private|@property|@try|@catch|@finally|@throw|@synthesize|@dynamic|@selector)\b/,operator:/-[->]?|\+\+?|!=?|<<?=?|>>?=?|==?|&&?|\|\|?|[~^%?*\/@]/}),delete S.languages.objectivec["class-name"],S.languages.objc=S.languages.objectivec,S.languages.reason=S.languages.extend("clike",{string:{pattern:/"(?:\\(?:\r\n|[\s\S])|[^\\\r\n"])*"/,greedy:!0},"class-name":/\b[A-Z]\w*/,keyword:/\b(?:and|as|assert|begin|class|constraint|do|done|downto|else|end|exception|external|for|fun|function|functor|if|in|include|inherit|initializer|lazy|let|method|module|mutable|new|nonrec|object|of|open|or|private|rec|sig|struct|switch|then|to|try|type|val|virtual|when|while|with)\b/,operator:/\.{3}|:[:=]|\|>|->|=(?:==?|>)?|<=?|>=?|[|^?'#!~`]|[+\-*\/]\.?|\b(?:asr|land|lor|lsl|lsr|lxor|mod)\b/}),S.languages.insertBefore("reason","class-name",{char:{pattern:/'(?:\\x[\da-f]{2}|\\o[0-3][0-7][0-7]|\\\d{3}|\\.|[^'\\\r\n])'/,greedy:!0},constructor:/\b[A-Z]\w*\b(?!\s*\.)/,label:{pattern:/\b[a-z]\w*(?=::)/,alias:"symbol"}}),delete S.languages.reason.function,function(e){for(var t=/\/\*(?:[^*/]|\*(?!\/)|\/(?!\*)|<self>)*\*\//.source,n=0;n<2;n++)t=t.replace(/<self>/g,(function(){return t}));t=t.replace(/<self>/g,(function(){return/[^\s\S]/.source})),e.languages.rust={comment:[{pattern:RegExp(/(^|[^\\])/.source+t),lookbehind:!0,greedy:!0},{pattern:/(^|[^\\:])\/\/.*/,lookbehind:!0,greedy:!0}],string:{pattern:/b?"(?:\\[\s\S]|[^\\"])*"|b?r(#*)"(?:[^"]|"(?!\1))*"\1/,greedy:!0},char:{pattern:/b?'(?:\\(?:x[0-7][\da-fA-F]|u\{(?:[\da-fA-F]_*){1,6}\}|.)|[^\\\r\n\t'])'/,greedy:!0},attribute:{pattern:/#!?\[(?:[^\[\]"]|"(?:\\[\s\S]|[^\\"])*")*\]/,greedy:!0,alias:"attr-name",inside:{string:null}},"closure-params":{pattern:/([=(,:]\s*|\bmove\s*)\|[^|]*\||\|[^|]*\|(?=\s*(?:\{|->))/,lookbehind:!0,greedy:!0,inside:{"closure-punctuation":{pattern:/^\||\|$/,alias:"punctuation"},rest:null}},"lifetime-annotation":{pattern:/'\w+/,alias:"symbol"},"fragment-specifier":{pattern:/(\$\w+:)[a-z]+/,lookbehind:!0,alias:"punctuation"},variable:/\$\w+/,"function-definition":{pattern:/(\bfn\s+)\w+/,lookbehind:!0,alias:"function"},"type-definition":{pattern:/(\b(?:enum|struct|trait|type|union)\s+)\w+/,lookbehind:!0,alias:"class-name"},"module-declaration":[{pattern:/(\b(?:crate|mod)\s+)[a-z][a-z_\d]*/,lookbehind:!0,alias:"namespace"},{pattern:/(\b(?:crate|self|super)\s*)::\s*[a-z][a-z_\d]*\b(?:\s*::(?:\s*[a-z][a-z_\d]*\s*::)*)?/,lookbehind:!0,alias:"namespace",inside:{punctuation:/::/}}],keyword:[/\b(?:Self|abstract|as|async|await|become|box|break|const|continue|crate|do|dyn|else|enum|extern|final|fn|for|if|impl|in|let|loop|macro|match|mod|move|mut|override|priv|pub|ref|return|self|static|struct|super|trait|try|type|typeof|union|unsafe|unsized|use|virtual|where|while|yield)\b/,/\b(?:bool|char|f(?:32|64)|[ui](?:8|16|32|64|128|size)|str)\b/],function:/\b[a-z_]\w*(?=\s*(?:::\s*<|\())/,macro:{pattern:/\b\w+!/,alias:"property"},constant:/\b[A-Z_][A-Z_\d]+\b/,"class-name":/\b[A-Z]\w*\b/,namespace:{pattern:/(?:\b[a-z][a-z_\d]*\s*::\s*)*\b[a-z][a-z_\d]*\s*::(?!\s*<)/,inside:{punctuation:/::/}},number:/\b(?:0x[\dA-Fa-f](?:_?[\dA-Fa-f])*|0o[0-7](?:_?[0-7])*|0b[01](?:_?[01])*|(?:(?:\d(?:_?\d)*)?\.)?\d(?:_?\d)*(?:[Ee][+-]?\d+)?)(?:_?(?:f32|f64|[iu](?:8|16|32|64|size)?))?\b/,boolean:/\b(?:false|true)\b/,punctuation:/->|\.\.=|\.{1,3}|::|[{}[\];(),:]/,operator:/[-+*\/%!^]=?|=[=>]?|&[&=]?|\|[|=]?|<<?=?|>>?=?|[@?]/},e.languages.rust["closure-params"].inside.rest=e.languages.rust,e.languages.rust.attribute.inside.string=e.languages.rust.string}(S),S.languages.go=S.languages.extend("clike",{string:{pattern:/(^|[^\\])"(?:\\.|[^"\\\r\n])*"|`[^`]*`/,lookbehind:!0,greedy:!0},keyword:/\b(?:break|case|chan|const|continue|default|defer|else|fallthrough|for|func|go(?:to)?|if|import|interface|map|package|range|return|select|struct|switch|type|var)\b/,boolean:/\b(?:_|false|iota|nil|true)\b/,number:[/\b0(?:b[01_]+|o[0-7_]+)i?\b/i,/\b0x(?:[a-f\d_]+(?:\.[a-f\d_]*)?|\.[a-f\d_]+)(?:p[+-]?\d+(?:_\d+)*)?i?(?!\w)/i,/(?:\b\d[\d_]*(?:\.[\d_]*)?|\B\.\d[\d_]*)(?:e[+-]?[\d_]+)?i?(?!\w)/i],operator:/[*\/%^!=]=?|\+[=+]?|-[=-]?|\|[=|]?|&(?:=|&|\^=?)?|>(?:>=?|=)?|<(?:<=?|=|-)?|:=|\.\.\./,builtin:/\b(?:append|bool|byte|cap|close|complex|complex(?:64|128)|copy|delete|error|float(?:32|64)|u?int(?:8|16|32|64)?|imag|len|make|new|panic|print(?:ln)?|real|recover|rune|string|uintptr)\b/}),S.languages.insertBefore("go","string",{char:{pattern:/'(?:\\.|[^'\\\r\n]){0,10}'/,greedy:!0}}),delete S.languages.go["class-name"],function(e){var t=/\b(?:alignas|alignof|asm|auto|bool|break|case|catch|char|char16_t|char32_t|char8_t|class|co_await|co_return|co_yield|compl|concept|const|const_cast|consteval|constexpr|constinit|continue|decltype|default|delete|do|double|dynamic_cast|else|enum|explicit|export|extern|final|float|for|friend|goto|if|import|inline|int|int16_t|int32_t|int64_t|int8_t|long|module|mutable|namespace|new|noexcept|nullptr|operator|override|private|protected|public|register|reinterpret_cast|requires|return|short|signed|sizeof|static|static_assert|static_cast|struct|switch|template|this|thread_local|throw|try|typedef|typeid|typename|uint16_t|uint32_t|uint64_t|uint8_t|union|unsigned|using|virtual|void|volatile|wchar_t|while)\b/,n=/\b(?!<keyword>)\w+(?:\s*\.\s*\w+)*\b/.source.replace(/<keyword>/g,(function(){return t.source}));e.languages.cpp=e.languages.extend("c",{"class-name":[{pattern:RegExp(/(\b(?:class|concept|enum|struct|typename)\s+)(?!<keyword>)\w+/.source.replace(/<keyword>/g,(function(){return t.source}))),lookbehind:!0},/\b[A-Z]\w*(?=\s*::\s*\w+\s*\()/,/\b[A-Z_]\w*(?=\s*::\s*~\w+\s*\()/i,/\b\w+(?=\s*<(?:[^<>]|<(?:[^<>]|<[^<>]*>)*>)*>\s*::\s*\w+\s*\()/],keyword:t,number:{pattern:/(?:\b0b[01']+|\b0x(?:[\da-f']+(?:\.[\da-f']*)?|\.[\da-f']+)(?:p[+-]?[\d']+)?|(?:\b[\d']+(?:\.[\d']*)?|\B\.[\d']+)(?:e[+-]?[\d']+)?)[ful]{0,4}/i,greedy:!0},operator:/>>=?|<<=?|->|--|\+\+|&&|\|\||[?:~]|<=>|[-+*/%&|^!=<>]=?|\b(?:and|and_eq|bitand|bitor|not|not_eq|or|or_eq|xor|xor_eq)\b/,boolean:/\b(?:false|true)\b/}),e.languages.insertBefore("cpp","string",{module:{pattern:RegExp(/(\b(?:import|module)\s+)/.source+"(?:"+/"(?:\\(?:\r\n|[\s\S])|[^"\\\r\n])*"|<[^<>\r\n]*>/.source+"|"+/<mod-name>(?:\s*:\s*<mod-name>)?|:\s*<mod-name>/.source.replace(/<mod-name>/g,(function(){return n}))+")"),lookbehind:!0,greedy:!0,inside:{string:/^[<"][\s\S]+/,operator:/:/,punctuation:/\./}},"raw-string":{pattern:/R"([^()\\ ]{0,16})\([\s\S]*?\)\1"/,alias:"string",greedy:!0}}),e.languages.insertBefore("cpp","keyword",{"generic-function":{pattern:/\b(?!operator\b)[a-z_]\w*\s*<(?:[^<>]|<[^<>]*>)*>(?=\s*\()/i,inside:{function:/^\w+/,generic:{pattern:/<[\s\S]+/,alias:"class-name",inside:e.languages.cpp}}}}),e.languages.insertBefore("cpp","operator",{"double-colon":{pattern:/::/,alias:"punctuation"}}),e.languages.insertBefore("cpp","class-name",{"base-clause":{pattern:/(\b(?:class|struct)\s+\w+\s*:\s*)[^;{}"'\s]+(?:\s+[^;{}"'\s]+)*(?=\s*[;{])/,lookbehind:!0,greedy:!0,inside:e.languages.extend("cpp",{})}}),e.languages.insertBefore("inside","double-colon",{"class-name":/\b[a-z_]\w*\b(?!\s*::)/i},e.languages.cpp["base-clause"])}(S),S.languages.python={comment:{pattern:/(^|[^\\])#.*/,lookbehind:!0,greedy:!0},"string-interpolation":{pattern:/(?:f|fr|rf)(?:("""|''')[\s\S]*?\1|("|')(?:\\.|(?!\2)[^\\\r\n])*\2)/i,greedy:!0,inside:{interpolation:{pattern:/((?:^|[^{])(?:\{\{)*)\{(?!\{)(?:[^{}]|\{(?!\{)(?:[^{}]|\{(?!\{)(?:[^{}])+\})+\})+\}/,lookbehind:!0,inside:{"format-spec":{pattern:/(:)[^:(){}]+(?=\}$)/,lookbehind:!0},"conversion-option":{pattern:/![sra](?=[:}]$)/,alias:"punctuation"},rest:null}},string:/[\s\S]+/}},"triple-quoted-string":{pattern:/(?:[rub]|br|rb)?("""|''')[\s\S]*?\1/i,greedy:!0,alias:"string"},string:{pattern:/(?:[rub]|br|rb)?("|')(?:\\.|(?!\1)[^\\\r\n])*\1/i,greedy:!0},function:{pattern:/((?:^|\s)def[ \t]+)[a-zA-Z_]\w*(?=\s*\()/g,lookbehind:!0},"class-name":{pattern:/(\bclass\s+)\w+/i,lookbehind:!0},decorator:{pattern:/(^[\t ]*)@\w+(?:\.\w+)*/m,lookbehind:!0,alias:["annotation","punctuation"],inside:{punctuation:/\./}},keyword:/\b(?:_(?=\s*:)|and|as|assert|async|await|break|case|class|continue|def|del|elif|else|except|exec|finally|for|from|global|if|import|in|is|lambda|match|nonlocal|not|or|pass|print|raise|return|try|while|with|yield)\b/,builtin:/\b(?:__import__|abs|all|any|apply|ascii|basestring|bin|bool|buffer|bytearray|bytes|callable|chr|classmethod|cmp|coerce|compile|complex|delattr|dict|dir|divmod|enumerate|eval|execfile|file|filter|float|format|frozenset|getattr|globals|hasattr|hash|help|hex|id|input|int|intern|isinstance|issubclass|iter|len|list|locals|long|map|max|memoryview|min|next|object|oct|open|ord|pow|property|range|raw_input|reduce|reload|repr|reversed|round|set|setattr|slice|sorted|staticmethod|str|sum|super|tuple|type|unichr|unicode|vars|xrange|zip)\b/,boolean:/\b(?:False|None|True)\b/,number:/\b0(?:b(?:_?[01])+|o(?:_?[0-7])+|x(?:_?[a-f0-9])+)\b|(?:\b\d+(?:_\d+)*(?:\.(?:\d+(?:_\d+)*)?)?|\B\.\d+(?:_\d+)*)(?:e[+-]?\d+(?:_\d+)*)?j?(?!\w)/i,operator:/[-+%=]=?|!=|:=|\*\*?=?|\/\/?=?|<[<=>]?|>[=>]?|[&|^~]/,punctuation:/[{}[\];(),.:]/},S.languages.python["string-interpolation"].inside.interpolation.inside.rest=S.languages.python,S.languages.py=S.languages.python,S.languages.json={property:{pattern:/(^|[^\\])"(?:\\.|[^\\"\r\n])*"(?=\s*:)/,lookbehind:!0,greedy:!0},string:{pattern:/(^|[^\\])"(?:\\.|[^\\"\r\n])*"(?!\s*:)/,lookbehind:!0,greedy:!0},comment:{pattern:/\/\/.*|\/\*[\s\S]*?(?:\*\/|$)/,greedy:!0},number:/-?\b\d+(?:\.\d+)?(?:e[+-]?\d+)?\b/i,punctuation:/[{}[\],]/,operator:/:/,boolean:/\b(?:false|true)\b/,null:{pattern:/\bnull\b/,alias:"keyword"}},S.languages.webmanifest=S.languages.json;((e,t)=>{for(var n in t)l(e,n,{get:t[n],enumerable:!0})})({},{dracula:()=>k,duotoneDark:()=>x,duotoneLight:()=>E,github:()=>_,gruvboxMaterialDark:()=>q,gruvboxMaterialLight:()=>$,jettwaveDark:()=>F,jettwaveLight:()=>z,nightOwl:()=>C,nightOwlLight:()=>j,oceanicNext:()=>T,okaidia:()=>P,oneDark:()=>B,oneLight:()=>U,palenight:()=>L,shadesOfPurple:()=>I,synthwave84:()=>N,ultramin:()=>R,vsDark:()=>D,vsLight:()=>M});var k={plain:{color:"#F8F8F2",backgroundColor:"#282A36"},styles:[{types:["prolog","constant","builtin"],style:{color:"rgb(189, 147, 249)"}},{types:["inserted","function"],style:{color:"rgb(80, 250, 123)"}},{types:["deleted"],style:{color:"rgb(255, 85, 85)"}},{types:["changed"],style:{color:"rgb(255, 184, 108)"}},{types:["punctuation","symbol"],style:{color:"rgb(248, 248, 242)"}},{types:["string","char","tag","selector"],style:{color:"rgb(255, 121, 198)"}},{types:["keyword","variable"],style:{color:"rgb(189, 147, 249)",fontStyle:"italic"}},{types:["comment"],style:{color:"rgb(98, 114, 164)"}},{types:["attr-name"],style:{color:"rgb(241, 250, 140)"}}]},x={plain:{backgroundColor:"#2a2734",color:"#9a86fd"},styles:[{types:["comment","prolog","doctype","cdata","punctuation"],style:{color:"#6c6783"}},{types:["namespace"],style:{opacity:.7}},{types:["tag","operator","number"],style:{color:"#e09142"}},{types:["property","function"],style:{color:"#9a86fd"}},{types:["tag-id","selector","atrule-id"],style:{color:"#eeebff"}},{types:["attr-name"],style:{color:"#c4b9fe"}},{types:["boolean","string","entity","url","attr-value","keyword","control","directive","unit","statement","regex","atrule","placeholder","variable"],style:{color:"#ffcc99"}},{types:["deleted"],style:{textDecorationLine:"line-through"}},{types:["inserted"],style:{textDecorationLine:"underline"}},{types:["italic"],style:{fontStyle:"italic"}},{types:["important","bold"],style:{fontWeight:"bold"}},{types:["important"],style:{color:"#c4b9fe"}}]},E={plain:{backgroundColor:"#faf8f5",color:"#728fcb"},styles:[{types:["comment","prolog","doctype","cdata","punctuation"],style:{color:"#b6ad9a"}},{types:["namespace"],style:{opacity:.7}},{types:["tag","operator","number"],style:{color:"#063289"}},{types:["property","function"],style:{color:"#b29762"}},{types:["tag-id","selector","atrule-id"],style:{color:"#2d2006"}},{types:["attr-name"],style:{color:"#896724"}},{types:["boolean","string","entity","url","attr-value","keyword","control","directive","unit","statement","regex","atrule"],style:{color:"#728fcb"}},{types:["placeholder","variable"],style:{color:"#93abdc"}},{types:["deleted"],style:{textDecorationLine:"line-through"}},{types:["inserted"],style:{textDecorationLine:"underline"}},{types:["italic"],style:{fontStyle:"italic"}},{types:["important","bold"],style:{fontWeight:"bold"}},{types:["important"],style:{color:"#896724"}}]},_={plain:{color:"#393A34",backgroundColor:"#f6f8fa"},styles:[{types:["comment","prolog","doctype","cdata"],style:{color:"#999988",fontStyle:"italic"}},{types:["namespace"],style:{opacity:.7}},{types:["string","attr-value"],style:{color:"#e3116c"}},{types:["punctuation","operator"],style:{color:"#393A34"}},{types:["entity","url","symbol","number","boolean","variable","constant","property","regex","inserted"],style:{color:"#36acaa"}},{types:["atrule","keyword","attr-name","selector"],style:{color:"#00a4db"}},{types:["function","deleted","tag"],style:{color:"#d73a49"}},{types:["function-variable"],style:{color:"#6f42c1"}},{types:["tag","selector","keyword"],style:{color:"#00009f"}}]},C={plain:{color:"#d6deeb",backgroundColor:"#011627"},styles:[{types:["changed"],style:{color:"rgb(162, 191, 252)",fontStyle:"italic"}},{types:["deleted"],style:{color:"rgba(239, 83, 80, 0.56)",fontStyle:"italic"}},{types:["inserted","attr-name"],style:{color:"rgb(173, 219, 103)",fontStyle:"italic"}},{types:["comment"],style:{color:"rgb(99, 119, 119)",fontStyle:"italic"}},{types:["string","url"],style:{color:"rgb(173, 219, 103)"}},{types:["variable"],style:{color:"rgb(214, 222, 235)"}},{types:["number"],style:{color:"rgb(247, 140, 108)"}},{types:["builtin","char","constant","function"],style:{color:"rgb(130, 170, 255)"}},{types:["punctuation"],style:{color:"rgb(199, 146, 234)"}},{types:["selector","doctype"],style:{color:"rgb(199, 146, 234)",fontStyle:"italic"}},{types:["class-name"],style:{color:"rgb(255, 203, 139)"}},{types:["tag","operator","keyword"],style:{color:"rgb(127, 219, 202)"}},{types:["boolean"],style:{color:"rgb(255, 88, 116)"}},{types:["property"],style:{color:"rgb(128, 203, 196)"}},{types:["namespace"],style:{color:"rgb(178, 204, 214)"}}]},j={plain:{color:"#403f53",backgroundColor:"#FBFBFB"},styles:[{types:["changed"],style:{color:"rgb(162, 191, 252)",fontStyle:"italic"}},{types:["deleted"],style:{color:"rgba(239, 83, 80, 0.56)",fontStyle:"italic"}},{types:["inserted","attr-name"],style:{color:"rgb(72, 118, 214)",fontStyle:"italic"}},{types:["comment"],style:{color:"rgb(152, 159, 177)",fontStyle:"italic"}},{types:["string","builtin","char","constant","url"],style:{color:"rgb(72, 118, 214)"}},{types:["variable"],style:{color:"rgb(201, 103, 101)"}},{types:["number"],style:{color:"rgb(170, 9, 130)"}},{types:["punctuation"],style:{color:"rgb(153, 76, 195)"}},{types:["function","selector","doctype"],style:{color:"rgb(153, 76, 195)",fontStyle:"italic"}},{types:["class-name"],style:{color:"rgb(17, 17, 17)"}},{types:["tag"],style:{color:"rgb(153, 76, 195)"}},{types:["operator","property","keyword","namespace"],style:{color:"rgb(12, 150, 155)"}},{types:["boolean"],style:{color:"rgb(188, 84, 84)"}}]},O="#c5a5c5",A="#8dc891",T={plain:{backgroundColor:"#282c34",color:"#ffffff"},styles:[{types:["attr-name"],style:{color:O}},{types:["attr-value"],style:{color:A}},{types:["comment","block-comment","prolog","doctype","cdata","shebang"],style:{color:"#999999"}},{types:["property","number","function-name","constant","symbol","deleted"],style:{color:"#5a9bcf"}},{types:["boolean"],style:{color:"#ff8b50"}},{types:["tag"],style:{color:"#fc929e"}},{types:["string"],style:{color:A}},{types:["punctuation"],style:{color:A}},{types:["selector","char","builtin","inserted"],style:{color:"#D8DEE9"}},{types:["function"],style:{color:"#79b6f2"}},{types:["operator","entity","url","variable"],style:{color:"#d7deea"}},{types:["keyword"],style:{color:O}},{types:["atrule","class-name"],style:{color:"#FAC863"}},{types:["important"],style:{fontWeight:"400"}},{types:["bold"],style:{fontWeight:"bold"}},{types:["italic"],style:{fontStyle:"italic"}},{types:["namespace"],style:{opacity:.7}}]},P={plain:{color:"#f8f8f2",backgroundColor:"#272822"},styles:[{types:["changed"],style:{color:"rgb(162, 191, 252)",fontStyle:"italic"}},{types:["deleted"],style:{color:"#f92672",fontStyle:"italic"}},{types:["inserted"],style:{color:"rgb(173, 219, 103)",fontStyle:"italic"}},{types:["comment"],style:{color:"#8292a2",fontStyle:"italic"}},{types:["string","url"],style:{color:"#a6e22e"}},{types:["variable"],style:{color:"#f8f8f2"}},{types:["number"],style:{color:"#ae81ff"}},{types:["builtin","char","constant","function","class-name"],style:{color:"#e6db74"}},{types:["punctuation"],style:{color:"#f8f8f2"}},{types:["selector","doctype"],style:{color:"#a6e22e",fontStyle:"italic"}},{types:["tag","operator","keyword"],style:{color:"#66d9ef"}},{types:["boolean"],style:{color:"#ae81ff"}},{types:["namespace"],style:{color:"rgb(178, 204, 214)",opacity:.7}},{types:["tag","property"],style:{color:"#f92672"}},{types:["attr-name"],style:{color:"#a6e22e !important"}},{types:["doctype"],style:{color:"#8292a2"}},{types:["rule"],style:{color:"#e6db74"}}]},L={plain:{color:"#bfc7d5",backgroundColor:"#292d3e"},styles:[{types:["comment"],style:{color:"rgb(105, 112, 152)",fontStyle:"italic"}},{types:["string","inserted"],style:{color:"rgb(195, 232, 141)"}},{types:["number"],style:{color:"rgb(247, 140, 108)"}},{types:["builtin","char","constant","function"],style:{color:"rgb(130, 170, 255)"}},{types:["punctuation","selector"],style:{color:"rgb(199, 146, 234)"}},{types:["variable"],style:{color:"rgb(191, 199, 213)"}},{types:["class-name","attr-name"],style:{color:"rgb(255, 203, 107)"}},{types:["tag","deleted"],style:{color:"rgb(255, 85, 114)"}},{types:["operator"],style:{color:"rgb(137, 221, 255)"}},{types:["boolean"],style:{color:"rgb(255, 88, 116)"}},{types:["keyword"],style:{fontStyle:"italic"}},{types:["doctype"],style:{color:"rgb(199, 146, 234)",fontStyle:"italic"}},{types:["namespace"],style:{color:"rgb(178, 204, 214)"}},{types:["url"],style:{color:"rgb(221, 221, 221)"}}]},I={plain:{color:"#9EFEFF",backgroundColor:"#2D2A55"},styles:[{types:["changed"],style:{color:"rgb(255, 238, 128)"}},{types:["deleted"],style:{color:"rgba(239, 83, 80, 0.56)"}},{types:["inserted"],style:{color:"rgb(173, 219, 103)"}},{types:["comment"],style:{color:"rgb(179, 98, 255)",fontStyle:"italic"}},{types:["punctuation"],style:{color:"rgb(255, 255, 255)"}},{types:["constant"],style:{color:"rgb(255, 98, 140)"}},{types:["string","url"],style:{color:"rgb(165, 255, 144)"}},{types:["variable"],style:{color:"rgb(255, 238, 128)"}},{types:["number","boolean"],style:{color:"rgb(255, 98, 140)"}},{types:["attr-name"],style:{color:"rgb(255, 180, 84)"}},{types:["keyword","operator","property","namespace","tag","selector","doctype"],style:{color:"rgb(255, 157, 0)"}},{types:["builtin","char","constant","function","class-name"],style:{color:"rgb(250, 208, 0)"}}]},N={plain:{backgroundColor:"linear-gradient(to bottom, #2a2139 75%, #34294f)",backgroundImage:"#34294f",color:"#f92aad",textShadow:"0 0 2px #100c0f, 0 0 5px #dc078e33, 0 0 10px #fff3"},styles:[{types:["comment","block-comment","prolog","doctype","cdata"],style:{color:"#495495",fontStyle:"italic"}},{types:["punctuation"],style:{color:"#ccc"}},{types:["tag","attr-name","namespace","number","unit","hexcode","deleted"],style:{color:"#e2777a"}},{types:["property","selector"],style:{color:"#72f1b8",textShadow:"0 0 2px #100c0f, 0 0 10px #257c5575, 0 0 35px #21272475"}},{types:["function-name"],style:{color:"#6196cc"}},{types:["boolean","selector-id","function"],style:{color:"#fdfdfd",textShadow:"0 0 2px #001716, 0 0 3px #03edf975, 0 0 5px #03edf975, 0 0 8px #03edf975"}},{types:["class-name","maybe-class-name","builtin"],style:{color:"#fff5f6",textShadow:"0 0 2px #000, 0 0 10px #fc1f2c75, 0 0 5px #fc1f2c75, 0 0 25px #fc1f2c75"}},{types:["constant","symbol"],style:{color:"#f92aad",textShadow:"0 0 2px #100c0f, 0 0 5px #dc078e33, 0 0 10px #fff3"}},{types:["important","atrule","keyword","selector-class"],style:{color:"#f4eee4",textShadow:"0 0 2px #393a33, 0 0 8px #f39f0575, 0 0 2px #f39f0575"}},{types:["string","char","attr-value","regex","variable"],style:{color:"#f87c32"}},{types:["parameter"],style:{fontStyle:"italic"}},{types:["entity","url"],style:{color:"#67cdcc"}},{types:["operator"],style:{color:"ffffffee"}},{types:["important","bold"],style:{fontWeight:"bold"}},{types:["italic"],style:{fontStyle:"italic"}},{types:["entity"],style:{cursor:"help"}},{types:["inserted"],style:{color:"green"}}]},R={plain:{color:"#282a2e",backgroundColor:"#ffffff"},styles:[{types:["comment"],style:{color:"rgb(197, 200, 198)"}},{types:["string","number","builtin","variable"],style:{color:"rgb(150, 152, 150)"}},{types:["class-name","function","tag","attr-name"],style:{color:"rgb(40, 42, 46)"}}]},D={plain:{color:"#9CDCFE",backgroundColor:"#1E1E1E"},styles:[{types:["prolog"],style:{color:"rgb(0, 0, 128)"}},{types:["comment"],style:{color:"rgb(106, 153, 85)"}},{types:["builtin","changed","keyword","interpolation-punctuation"],style:{color:"rgb(86, 156, 214)"}},{types:["number","inserted"],style:{color:"rgb(181, 206, 168)"}},{types:["constant"],style:{color:"rgb(100, 102, 149)"}},{types:["attr-name","variable"],style:{color:"rgb(156, 220, 254)"}},{types:["deleted","string","attr-value","template-punctuation"],style:{color:"rgb(206, 145, 120)"}},{types:["selector"],style:{color:"rgb(215, 186, 125)"}},{types:["tag"],style:{color:"rgb(78, 201, 176)"}},{types:["tag"],languages:["markup"],style:{color:"rgb(86, 156, 214)"}},{types:["punctuation","operator"],style:{color:"rgb(212, 212, 212)"}},{types:["punctuation"],languages:["markup"],style:{color:"#808080"}},{types:["function"],style:{color:"rgb(220, 220, 170)"}},{types:["class-name"],style:{color:"rgb(78, 201, 176)"}},{types:["char"],style:{color:"rgb(209, 105, 105)"}}]},M={plain:{color:"#000000",backgroundColor:"#ffffff"},styles:[{types:["comment"],style:{color:"rgb(0, 128, 0)"}},{types:["builtin"],style:{color:"rgb(0, 112, 193)"}},{types:["number","variable","inserted"],style:{color:"rgb(9, 134, 88)"}},{types:["operator"],style:{color:"rgb(0, 0, 0)"}},{types:["constant","char"],style:{color:"rgb(129, 31, 63)"}},{types:["tag"],style:{color:"rgb(128, 0, 0)"}},{types:["attr-name"],style:{color:"rgb(255, 0, 0)"}},{types:["deleted","string"],style:{color:"rgb(163, 21, 21)"}},{types:["changed","punctuation"],style:{color:"rgb(4, 81, 165)"}},{types:["function","keyword"],style:{color:"rgb(0, 0, 255)"}},{types:["class-name"],style:{color:"rgb(38, 127, 153)"}}]},F={plain:{color:"#f8fafc",backgroundColor:"#011627"},styles:[{types:["prolog"],style:{color:"#000080"}},{types:["comment"],style:{color:"#6A9955"}},{types:["builtin","changed","keyword","interpolation-punctuation"],style:{color:"#569CD6"}},{types:["number","inserted"],style:{color:"#B5CEA8"}},{types:["constant"],style:{color:"#f8fafc"}},{types:["attr-name","variable"],style:{color:"#9CDCFE"}},{types:["deleted","string","attr-value","template-punctuation"],style:{color:"#cbd5e1"}},{types:["selector"],style:{color:"#D7BA7D"}},{types:["tag"],style:{color:"#0ea5e9"}},{types:["tag"],languages:["markup"],style:{color:"#0ea5e9"}},{types:["punctuation","operator"],style:{color:"#D4D4D4"}},{types:["punctuation"],languages:["markup"],style:{color:"#808080"}},{types:["function"],style:{color:"#7dd3fc"}},{types:["class-name"],style:{color:"#0ea5e9"}},{types:["char"],style:{color:"#D16969"}}]},z={plain:{color:"#0f172a",backgroundColor:"#f1f5f9"},styles:[{types:["prolog"],style:{color:"#000080"}},{types:["comment"],style:{color:"#6A9955"}},{types:["builtin","changed","keyword","interpolation-punctuation"],style:{color:"#0c4a6e"}},{types:["number","inserted"],style:{color:"#B5CEA8"}},{types:["constant"],style:{color:"#0f172a"}},{types:["attr-name","variable"],style:{color:"#0c4a6e"}},{types:["deleted","string","attr-value","template-punctuation"],style:{color:"#64748b"}},{types:["selector"],style:{color:"#D7BA7D"}},{types:["tag"],style:{color:"#0ea5e9"}},{types:["tag"],languages:["markup"],style:{color:"#0ea5e9"}},{types:["punctuation","operator"],style:{color:"#475569"}},{types:["punctuation"],languages:["markup"],style:{color:"#808080"}},{types:["function"],style:{color:"#0e7490"}},{types:["class-name"],style:{color:"#0ea5e9"}},{types:["char"],style:{color:"#D16969"}}]},B={plain:{backgroundColor:"hsl(220, 13%, 18%)",color:"hsl(220, 14%, 71%)",textShadow:"0 1px rgba(0, 0, 0, 0.3)"},styles:[{types:["comment","prolog","cdata"],style:{color:"hsl(220, 10%, 40%)"}},{types:["doctype","punctuation","entity"],style:{color:"hsl(220, 14%, 71%)"}},{types:["attr-name","class-name","maybe-class-name","boolean","constant","number","atrule"],style:{color:"hsl(29, 54%, 61%)"}},{types:["keyword"],style:{color:"hsl(286, 60%, 67%)"}},{types:["property","tag","symbol","deleted","important"],style:{color:"hsl(355, 65%, 65%)"}},{types:["selector","string","char","builtin","inserted","regex","attr-value"],style:{color:"hsl(95, 38%, 62%)"}},{types:["variable","operator","function"],style:{color:"hsl(207, 82%, 66%)"}},{types:["url"],style:{color:"hsl(187, 47%, 55%)"}},{types:["deleted"],style:{textDecorationLine:"line-through"}},{types:["inserted"],style:{textDecorationLine:"underline"}},{types:["italic"],style:{fontStyle:"italic"}},{types:["important","bold"],style:{fontWeight:"bold"}},{types:["important"],style:{color:"hsl(220, 14%, 71%)"}}]},U={plain:{backgroundColor:"hsl(230, 1%, 98%)",color:"hsl(230, 8%, 24%)"},styles:[{types:["comment","prolog","cdata"],style:{color:"hsl(230, 4%, 64%)"}},{types:["doctype","punctuation","entity"],style:{color:"hsl(230, 8%, 24%)"}},{types:["attr-name","class-name","boolean","constant","number","atrule"],style:{color:"hsl(35, 99%, 36%)"}},{types:["keyword"],style:{color:"hsl(301, 63%, 40%)"}},{types:["property","tag","symbol","deleted","important"],style:{color:"hsl(5, 74%, 59%)"}},{types:["selector","string","char","builtin","inserted","regex","attr-value","punctuation"],style:{color:"hsl(119, 34%, 47%)"}},{types:["variable","operator","function"],style:{color:"hsl(221, 87%, 60%)"}},{types:["url"],style:{color:"hsl(198, 99%, 37%)"}},{types:["deleted"],style:{textDecorationLine:"line-through"}},{types:["inserted"],style:{textDecorationLine:"underline"}},{types:["italic"],style:{fontStyle:"italic"}},{types:["important","bold"],style:{fontWeight:"bold"}},{types:["important"],style:{color:"hsl(230, 8%, 24%)"}}]},q={plain:{color:"#ebdbb2",backgroundColor:"#292828"},styles:[{types:["imports","class-name","maybe-class-name","constant","doctype","builtin","function"],style:{color:"#d8a657"}},{types:["property-access"],style:{color:"#7daea3"}},{types:["tag"],style:{color:"#e78a4e"}},{types:["attr-name","char","url","regex"],style:{color:"#a9b665"}},{types:["attr-value","string"],style:{color:"#89b482"}},{types:["comment","prolog","cdata","operator","inserted"],style:{color:"#a89984"}},{types:["delimiter","boolean","keyword","selector","important","atrule","property","variable","deleted"],style:{color:"#ea6962"}},{types:["entity","number","symbol"],style:{color:"#d3869b"}}]},$={plain:{color:"#654735",backgroundColor:"#f9f5d7"},styles:[{types:["delimiter","boolean","keyword","selector","important","atrule","property","variable","deleted"],style:{color:"#af2528"}},{types:["imports","class-name","maybe-class-name","constant","doctype","builtin"],style:{color:"#b4730e"}},{types:["string","attr-value"],style:{color:"#477a5b"}},{types:["property-access"],style:{color:"#266b79"}},{types:["function","attr-name","char","url"],style:{color:"#72761e"}},{types:["tag"],style:{color:"#b94c07"}},{types:["comment","prolog","cdata","operator","inserted"],style:{color:"#a89984"}},{types:["entity","number","symbol"],style:{color:"#924f79"}}]},H=(e,t)=>{const{plain:n}=e,r=e.styles.reduce(((e,n)=>{const{languages:r,style:o}=n;return r&&!r.includes(t)||n.types.forEach((t=>{const n=y(y({},e[t]),o);e[t]=n})),e}),{});return r.root=n,r.plain=v(y({},n),{backgroundColor:void 0}),r},V=/\r\n|\r|\n/,G=e=>{0===e.length?e.push({types:["plain"],content:"\n",empty:!0}):1===e.length&&""===e[0].content&&(e[0].content="\n",e[0].empty=!0)},W=(e,t)=>{const n=e.length;return n>0&&e[n-1]===t?e:e.concat(t)},K=e=>{const t=[[]],n=[e],r=[0],o=[e.length];let a=0,i=0,s=[];const l=[s];for(;i>-1;){for(;(a=r[i]++)<o[i];){let e,c=t[i];const u=n[i][a];if("string"==typeof u?(c=i>0?c:["plain"],e=u):(c=W(c,u.type),u.alias&&(c=W(c,u.alias)),e=u.content),"string"!=typeof e){i++,t.push(c),n.push(e),r.push(0),o.push(e.length);continue}const d=e.split(V),p=d.length;s.push({types:c,content:d[0]});for(let t=1;t<p;t++)G(s),l.push(s=[]),s.push({types:c,content:d[t]})}i--,t.pop(),n.pop(),r.pop(),o.pop()}return G(s),l},Q=({children:e,language:t,code:n,theme:r,prism:o})=>{const s=t.toLowerCase(),l=((e,t)=>{const[n,r]=(0,a.useState)(H(t,e)),o=(0,a.useRef)(),i=(0,a.useRef)();return(0,a.useEffect)((()=>{t===o.current&&e===i.current||(o.current=t,i.current=e,r(H(t,e)))}),[e,t]),n})(s,r),c=(e=>(0,a.useCallback)((t=>{var n=t,{className:r,style:o,line:a}=n,s=w(n,["className","style","line"]);const l=v(y({},s),{className:(0,i.A)("token-line",r)});return"object"==typeof e&&"plain"in e&&(l.style=e.plain),"object"==typeof o&&(l.style=y(y({},l.style||{}),o)),l}),[e]))(l),u=(e=>{const t=(0,a.useCallback)((({types:t,empty:n})=>{if(null!=e)return 1===t.length&&"plain"===t[0]?null!=n?{display:"inline-block"}:void 0:1===t.length&&null!=n?e[t[0]]:Object.assign(null!=n?{display:"inline-block"}:{},...t.map((t=>e[t])))}),[e]);return(0,a.useCallback)((e=>{var n=e,{token:r,className:o,style:a}=n,s=w(n,["token","className","style"]);const l=v(y({},s),{className:(0,i.A)("token",...r.types,o),children:r.content,style:t(r)});return null!=a&&(l.style=y(y({},l.style||{}),a)),l}),[t])})(l),d=(({prism:e,code:t,grammar:n,language:r})=>{const o=(0,a.useRef)(e);return(0,a.useMemo)((()=>{if(null==n)return K([t]);const e={code:t,grammar:n,language:r,tokens:[]};return o.current.hooks.run("before-tokenize",e),e.tokens=o.current.tokenize(t,n),o.current.hooks.run("after-tokenize",e),K(e.tokens)}),[t,n,r])})({prism:o,language:s,code:n,grammar:o.languages[s]});return e({tokens:d,className:`prism-code language-${s}`,style:null!=l?l.root:{},getLineProps:c,getTokenProps:u})},Y=e=>(0,a.createElement)(Q,v(y({},e),{prism:e.prism||S,theme:e.theme||D,code:e.code,language:e.language}))},5385:(e,t,n)=>{"use strict";n.d(t,{A:()=>a});var r=!0,o="Invariant failed";function a(e,t){if(!e){if(r)throw new Error(o);var n="function"==typeof t?t():t,a=n?"".concat(o,": ").concat(n):o;throw new Error(a)}}},3422:(e,t,n)=>{"use strict";n.r(t),n.d(t,{__addDisposableResource:()=>N,__assign:()=>a,__asyncDelegator:()=>_,__asyncGenerator:()=>E,__asyncValues:()=>C,__await:()=>x,__awaiter:()=>m,__classPrivateFieldGet:()=>P,__classPrivateFieldIn:()=>I,__classPrivateFieldSet:()=>L,__createBinding:()=>g,__decorate:()=>s,__disposeResources:()=>D,__esDecorate:()=>c,__exportStar:()=>b,__extends:()=>o,__generator:()=>h,__importDefault:()=>T,__importStar:()=>A,__makeTemplateObject:()=>j,__metadata:()=>f,__param:()=>l,__propKey:()=>d,__read:()=>v,__rest:()=>i,__runInitializers:()=>u,__setFunctionName:()=>p,__spread:()=>w,__spreadArray:()=>k,__spreadArrays:()=>S,__values:()=>y,default:()=>M});var r=function(e,t){return r=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])},r(e,t)};function o(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");function n(){this.constructor=e}r(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)}var a=function(){return a=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var o in t=arguments[n])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e},a.apply(this,arguments)};function i(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&Object.prototype.propertyIsEnumerable.call(e,r[o])&&(n[r[o]]=e[r[o]])}return n}function s(e,t,n,r){var o,a=arguments.length,i=a<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,n):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(e,t,n,r);else for(var s=e.length-1;s>=0;s--)(o=e[s])&&(i=(a<3?o(i):a>3?o(t,n,i):o(t,n))||i);return a>3&&i&&Object.defineProperty(t,n,i),i}function l(e,t){return function(n,r){t(n,r,e)}}function c(e,t,n,r,o,a){function i(e){if(void 0!==e&&"function"!=typeof e)throw new TypeError("Function expected");return e}for(var s,l=r.kind,c="getter"===l?"get":"setter"===l?"set":"value",u=!t&&e?r.static?e:e.prototype:null,d=t||(u?Object.getOwnPropertyDescriptor(u,r.name):{}),p=!1,f=n.length-1;f>=0;f--){var m={};for(var h in r)m[h]="access"===h?{}:r[h];for(var h in r.access)m.access[h]=r.access[h];m.addInitializer=function(e){if(p)throw new TypeError("Cannot add initializers after decoration has completed");a.push(i(e||null))};var g=(0,n[f])("accessor"===l?{get:d.get,set:d.set}:d[c],m);if("accessor"===l){if(void 0===g)continue;if(null===g||"object"!=typeof g)throw new TypeError("Object expected");(s=i(g.get))&&(d.get=s),(s=i(g.set))&&(d.set=s),(s=i(g.init))&&o.unshift(s)}else(s=i(g))&&("field"===l?o.unshift(s):d[c]=s)}u&&Object.defineProperty(u,r.name,d),p=!0}function u(e,t,n){for(var r=arguments.length>2,o=0;o<t.length;o++)n=r?t[o].call(e,n):t[o].call(e);return r?n:void 0}function d(e){return"symbol"==typeof e?e:"".concat(e)}function p(e,t,n){return"symbol"==typeof t&&(t=t.description?"[".concat(t.description,"]"):""),Object.defineProperty(e,"name",{configurable:!0,value:n?"".concat(n," ",t):t})}function f(e,t){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(e,t)}function m(e,t,n,r){return new(n||(n=Promise))((function(o,a){function i(e){try{l(r.next(e))}catch(t){a(t)}}function s(e){try{l(r.throw(e))}catch(t){a(t)}}function l(e){var t;e.done?o(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(i,s)}l((r=r.apply(e,t||[])).next())}))}function h(e,t){var n,r,o,a,i={label:0,sent:function(){if(1&o[0])throw o[1];return o[1]},trys:[],ops:[]};return a={next:s(0),throw:s(1),return:s(2)},"function"==typeof Symbol&&(a[Symbol.iterator]=function(){return this}),a;function s(s){return function(l){return function(s){if(n)throw new TypeError("Generator is already executing.");for(;a&&(a=0,s[0]&&(i=0)),i;)try{if(n=1,r&&(o=2&s[0]?r.return:s[0]?r.throw||((o=r.return)&&o.call(r),0):r.next)&&!(o=o.call(r,s[1])).done)return o;switch(r=0,o&&(s=[2&s[0],o.value]),s[0]){case 0:case 1:o=s;break;case 4:return i.label++,{value:s[1],done:!1};case 5:i.label++,r=s[1],s=[0];continue;case 7:s=i.ops.pop(),i.trys.pop();continue;default:if(!(o=i.trys,(o=o.length>0&&o[o.length-1])||6!==s[0]&&2!==s[0])){i=0;continue}if(3===s[0]&&(!o||s[1]>o[0]&&s[1]<o[3])){i.label=s[1];break}if(6===s[0]&&i.label<o[1]){i.label=o[1],o=s;break}if(o&&i.label<o[2]){i.label=o[2],i.ops.push(s);break}o[2]&&i.ops.pop(),i.trys.pop();continue}s=t.call(e,i)}catch(l){s=[6,l],r=0}finally{n=o=0}if(5&s[0])throw s[1];return{value:s[0]?s[1]:void 0,done:!0}}([s,l])}}}var g=Object.create?function(e,t,n,r){void 0===r&&(r=n);var o=Object.getOwnPropertyDescriptor(t,n);o&&!("get"in o?!t.__esModule:o.writable||o.configurable)||(o={enumerable:!0,get:function(){return t[n]}}),Object.defineProperty(e,r,o)}:function(e,t,n,r){void 0===r&&(r=n),e[r]=t[n]};function b(e,t){for(var n in e)"default"===n||Object.prototype.hasOwnProperty.call(t,n)||g(t,e,n)}function y(e){var t="function"==typeof Symbol&&Symbol.iterator,n=t&&e[t],r=0;if(n)return n.call(e);if(e&&"number"==typeof e.length)return{next:function(){return e&&r>=e.length&&(e=void 0),{value:e&&e[r++],done:!e}}};throw new TypeError(t?"Object is not iterable.":"Symbol.iterator is not defined.")}function v(e,t){var n="function"==typeof Symbol&&e[Symbol.iterator];if(!n)return e;var r,o,a=n.call(e),i=[];try{for(;(void 0===t||t-- >0)&&!(r=a.next()).done;)i.push(r.value)}catch(s){o={error:s}}finally{try{r&&!r.done&&(n=a.return)&&n.call(a)}finally{if(o)throw o.error}}return i}function w(){for(var e=[],t=0;t<arguments.length;t++)e=e.concat(v(arguments[t]));return e}function S(){for(var e=0,t=0,n=arguments.length;t<n;t++)e+=arguments[t].length;var r=Array(e),o=0;for(t=0;t<n;t++)for(var a=arguments[t],i=0,s=a.length;i<s;i++,o++)r[o]=a[i];return r}function k(e,t,n){if(n||2===arguments.length)for(var r,o=0,a=t.length;o<a;o++)!r&&o in t||(r||(r=Array.prototype.slice.call(t,0,o)),r[o]=t[o]);return e.concat(r||Array.prototype.slice.call(t))}function x(e){return this instanceof x?(this.v=e,this):new x(e)}function E(e,t,n){if(!Symbol.asyncIterator)throw new TypeError("Symbol.asyncIterator is not defined.");var r,o=n.apply(e,t||[]),a=[];return r={},i("next"),i("throw"),i("return",(function(e){return function(t){return Promise.resolve(t).then(e,c)}})),r[Symbol.asyncIterator]=function(){return this},r;function i(e,t){o[e]&&(r[e]=function(t){return new Promise((function(n,r){a.push([e,t,n,r])>1||s(e,t)}))},t&&(r[e]=t(r[e])))}function s(e,t){try{(n=o[e](t)).value instanceof x?Promise.resolve(n.value.v).then(l,c):u(a[0][2],n)}catch(r){u(a[0][3],r)}var n}function l(e){s("next",e)}function c(e){s("throw",e)}function u(e,t){e(t),a.shift(),a.length&&s(a[0][0],a[0][1])}}function _(e){var t,n;return t={},r("next"),r("throw",(function(e){throw e})),r("return"),t[Symbol.iterator]=function(){return this},t;function r(r,o){t[r]=e[r]?function(t){return(n=!n)?{value:x(e[r](t)),done:!1}:o?o(t):t}:o}}function C(e){if(!Symbol.asyncIterator)throw new TypeError("Symbol.asyncIterator is not defined.");var t,n=e[Symbol.asyncIterator];return n?n.call(e):(e=y(e),t={},r("next"),r("throw"),r("return"),t[Symbol.asyncIterator]=function(){return this},t);function r(n){t[n]=e[n]&&function(t){return new Promise((function(r,o){(function(e,t,n,r){Promise.resolve(r).then((function(t){e({value:t,done:n})}),t)})(r,o,(t=e[n](t)).done,t.value)}))}}}function j(e,t){return Object.defineProperty?Object.defineProperty(e,"raw",{value:t}):e.raw=t,e}var O=Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t};function A(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var n in e)"default"!==n&&Object.prototype.hasOwnProperty.call(e,n)&&g(t,e,n);return O(t,e),t}function T(e){return e&&e.__esModule?e:{default:e}}function P(e,t,n,r){if("a"===n&&!r)throw new TypeError("Private accessor was defined without a getter");if("function"==typeof t?e!==t||!r:!t.has(e))throw new TypeError("Cannot read private member from an object whose class did not declare it");return"m"===n?r:"a"===n?r.call(e):r?r.value:t.get(e)}function L(e,t,n,r,o){if("m"===r)throw new TypeError("Private method is not writable");if("a"===r&&!o)throw new TypeError("Private accessor was defined without a setter");if("function"==typeof t?e!==t||!o:!t.has(e))throw new TypeError("Cannot write private member to an object whose class did not declare it");return"a"===r?o.call(e,n):o?o.value=n:t.set(e,n),n}function I(e,t){if(null===t||"object"!=typeof t&&"function"!=typeof t)throw new TypeError("Cannot use 'in' operator on non-object");return"function"==typeof e?t===e:e.has(t)}function N(e,t,n){if(null!=t){if("object"!=typeof t&&"function"!=typeof t)throw new TypeError("Object expected.");var r,o;if(n){if(!Symbol.asyncDispose)throw new TypeError("Symbol.asyncDispose is not defined.");r=t[Symbol.asyncDispose]}if(void 0===r){if(!Symbol.dispose)throw new TypeError("Symbol.dispose is not defined.");r=t[Symbol.dispose],n&&(o=r)}if("function"!=typeof r)throw new TypeError("Object not disposable.");o&&(r=function(){try{o.call(this)}catch(e){return Promise.reject(e)}}),e.stack.push({value:t,dispose:r,async:n})}else n&&e.stack.push({async:!0});return t}var R="function"==typeof SuppressedError?SuppressedError:function(e,t,n){var r=new Error(n);return r.name="SuppressedError",r.error=e,r.suppressed=t,r};function D(e){function t(t){e.error=e.hasError?new R(t,e.error,"An error was suppressed during disposal."):t,e.hasError=!0}return function n(){for(;e.stack.length;){var r=e.stack.pop();try{var o=r.dispose&&r.dispose.call(r.value);if(r.async)return Promise.resolve(o).then(n,(function(e){return t(e),n()}))}catch(a){t(a)}}if(e.hasError)throw e.error}()}const M={__extends:o,__assign:a,__rest:i,__decorate:s,__param:l,__metadata:f,__awaiter:m,__generator:h,__createBinding:g,__exportStar:b,__values:y,__read:v,__spread:w,__spreadArrays:S,__spreadArray:k,__await:x,__asyncGenerator:E,__asyncDelegator:_,__asyncValues:C,__makeTemplateObject:j,__importStar:A,__importDefault:T,__classPrivateFieldGet:P,__classPrivateFieldSet:L,__classPrivateFieldIn:I,__addDisposableResource:N,__disposeResources:D}},2654:e=>{"use strict";e.exports=JSON.parse('{"pages.home.features.title":"Features","pages.home.features.logic.title":"Explicit business logic","pages.home.features.logic.description":"Easily discoverable architecture thanks to domain scopes","pages.home.features.adaptability.title":"Adaptability","pages.home.features.adaptability.description":"Architecture components can be flexibly replaced and added for new requirements","pages.home.features.debt.title":"Tech debt & Refactoring","pages.home.features.debt.description":"Each module can be independently modified / rewritten without side effects","pages.home.features.shared.title":"Explicit code reuse","pages.home.features.shared.description":"A balance is maintained between DRY and local customization","pages.home.concepts.title":"Concepts","pages.home.concepts.public.title":"Public API","pages.home.concepts.public.description":"Each module must have a declaration of its public API at the top level","pages.home.concepts.isolation.title":"Isolation","pages.home.concepts.isolation.description":"The module should not depend directly on other modules of the same layer or overlying layers","pages.home.concepts.needs.title":"Needs Driven","pages.home.concepts.needs.description":"Orientation to business and user needs","pages.home.scheme.title":"Scheme","pages.home.companies.using":"Companies using FSD","pages.home.companies.add_me":"FSD is used in your company?","pages.home.companies.tell_us":"Tell us","pages.examples.title":"Examples","pages.examples.subtitle":"List of websites people are building with Feature-Sliced Design","pages.examples.add_me.title":"Add example","pages.examples.repo.title":"Repository","pages.examples.versions":"See also versions list","pages.versions.title":"Feature-Sliced Design versions","pages.versions.current":"The documentation for the currently published version can be found here","pages.versions.legacy":"Documentation for older versions of {of} can be found here ","pages.nav.title":"\ud83e\udded Navigation","pages.nav.legacy.title":"Legacy routes","pages.nav.legacy.details":"After the restructuring of the documentation, some routes were changed. Below you can find the page you may have been looking for.","pages.nav.legacy.subdetails":"But there are redirects from old links for compatibility","features.feedback-badge.label":"Share your feedback about documentation \ud83e\udd19","features.feedback-badge.url":"https://forms.gle/nsYua6bMMG5iBB3v7","features.feedback-doc.button-text":"Feedback","features.feedback-doc.email-placeholder":"Your email (optional)","features.feedback-doc.error-message":"Something went wrong. Please try again later.","features.feedback-doc.modal-title-error-403":"The request URL does not match the one defined in PushFeedback for this project.","features.feedback-doc.modal-title-error-404":"We could not find the provided project id in PushFeedback.","features.feedback-doc.message-placeholder":"Comments","features.feedback-doc.modal-title":"Share your feedback","features.feedback-doc.modal-title-error":"Oops!","features.feedback-doc.modal-title-success":"Thanks for your feedback!","features.feedback-doc.screenshot-button-text":"Take a Screenshot","features.feedback-doc.screenshot-topbar-text":"SELECT AN ELEMENT ON THE PAGE","features.feedback-doc.send-button-text":"Send","features.feedback-doc.rating-placeholder":"Was this page helpful?","features.feedback-doc.rating-stars-placeholder":"How would you rate this page","features.hero.tagline":"Architectural methodology for frontend projects","features.hero.get_started":"Get Started","features.hero.examples":"Examples","features.hero.previous":"Previous version","shared.wip.title":"The article is in the process of writing","shared.wip.subtitle":"To bring the release of the article closer, you can:","shared.wip.var.feedback.base":"\ud83d\udce2 Share your feedback ","shared.wip.var.feedback.link":"at article (comment/emoji-reaction)","shared.wip.var.material.base":"\ud83d\udcac Collect the relevant ","shared.wip.var.material.link":"material on the topic from chat","shared.wip.var.contribute.base":"\u2692\ufe0f Contribute ","shared.wip.var.contribute.link":"in any other way","theme.NotFound.title":"Page Not Found","theme.NotFound.p1":"We could not find what you were looking for.","theme.NotFound.p2":"Please contact the owner of the site that linked you to the original URL and let them know their link is broken.","theme.AnnouncementBar.closeButtonAriaLabel":"Close","theme.blog.paginator.navAriaLabel":"Blog list page navigation","theme.blog.paginator.newerEntries":"Newer Entries","theme.blog.paginator.olderEntries":"Older Entries","theme.blog.post.readingTime.plurals":"One min read|{readingTime} min read","theme.tags.tagsListLabel":"Tags:","theme.blog.post.readMore":"Read More","theme.blog.post.paginator.navAriaLabel":"Blog post page navigation","theme.blog.post.paginator.newerPost":"Newer Post","theme.blog.post.paginator.olderPost":"Older Post","theme.tags.tagsPageTitle":"Tags","theme.blog.post.plurals":"One post|{count} posts","theme.blog.tagTitle":"{nPosts} tagged with \\"{tagName}\\"","theme.tags.tagsPageLink":"View All Tags","theme.CodeBlock.copyButtonAriaLabel":"Copy code to clipboard","theme.CodeBlock.copied":"Copied","theme.CodeBlock.copy":"Copy","theme.docs.sidebar.expandButtonTitle":"Expand sidebar","theme.docs.sidebar.expandButtonAriaLabel":"Expand sidebar","theme.docs.paginator.navAriaLabel":"Docs pages navigation","theme.docs.paginator.previous":"Previous","theme.docs.paginator.next":"Next","theme.docs.sidebar.collapseButtonTitle":"Collapse sidebar","theme.docs.sidebar.collapseButtonAriaLabel":"Collapse sidebar","theme.docs.sidebar.responsiveCloseButtonLabel":"Close menu","theme.docs.sidebar.responsiveOpenButtonLabel":"Open menu","theme.docs.versions.unreleasedVersionLabel":"This is unreleased documentation for {siteTitle} {versionLabel} version.","theme.docs.versions.unmaintainedVersionLabel":"This is documentation for {siteTitle} {versionLabel}, which is no longer actively maintained.","theme.docs.versions.latestVersionSuggestionLabel":"For up-to-date documentation, see the {latestVersionLink} ({versionLabel}).","theme.docs.versions.latestVersionLinkLabel":"latest version","theme.common.editThisPage":"Edit this page","theme.common.headingLinkTitle":"Direct link to heading","theme.lastUpdated.atDate":" on {date}","theme.lastUpdated.byUser":" by {user}","theme.lastUpdated.lastUpdatedAtBy":"Last updated{atDate}{byUser}","theme.common.skipToMainContent":"Skip to main content"}')},4054:e=>{"use strict";e.exports=JSON.parse('{"/blog-363":{"__comp":"a6aa9e1f","__context":{"plugin":"36994c47"},"sidebar":"814f3328","items":[{"content":"25a0b29f"},{"content":"f6bb872e"}],"__props":"c15d9823"},"/blog/archive-182":{"__comp":"9e4087bc","__context":{"plugin":"36994c47"},"__props":"f81c1134"},"/blog/international-community-79e":{"__comp":"ccc49370","__context":{"data":{"blogMetadata":"acecf23e"},"plugin":"36994c47"},"sidebar":"814f3328","content":"f6760343"},"/blog/rebranding-stable-4fd":{"__comp":"ccc49370","__context":{"data":{"blogMetadata":"acecf23e"},"plugin":"36994c47"},"sidebar":"814f3328","content":"1943626f"},"/blog/tags-287":{"__comp":"01a85c17","__context":{"plugin":"36994c47"},"sidebar":"814f3328","__props":"3a2db09e"},"/blog/tags/brand-2cf":{"__comp":"6875c492","__context":{"plugin":"36994c47"},"sidebar":"814f3328","items":[{"content":"f6bb872e"}],"__props":"024ebfdc"},"/blog/tags/community-90f":{"__comp":"6875c492","__context":{"plugin":"36994c47"},"sidebar":"814f3328","items":[{"content":"25a0b29f"}],"__props":"dc8e8e39"},"/blog/tags/discord-f32":{"__comp":"6875c492","__context":{"plugin":"36994c47"},"sidebar":"814f3328","items":[{"content":"25a0b29f"}],"__props":"e3409e91"},"/blog/tags/promo-e94":{"__comp":"6875c492","__context":{"plugin":"36994c47"},"sidebar":"814f3328","items":[{"content":"25a0b29f"},{"content":"f6bb872e"}],"__props":"1bfc316b"},"/examples-154":{"__comp":"b4c136e1","__context":{"plugin":"a7456010"},"config":"5e9f5e1a"},"/nav-b58":{"__comp":"f565db0c","__context":{"plugin":"a7456010"},"config":"5e9f5e1a"},"/search-5de":{"__comp":"1a4e3797","__context":{"plugin":"c141421f"}},"/versions-15d":{"__comp":"90f695cb","__context":{"plugin":"a7456010"},"config":"5e9f5e1a"},"/community-f7e":{"__comp":"5e95c892","__context":{"plugin":"e0719818"}},"/community-ca4":{"__comp":"a7bd4aaa","__props":"d2436a2b"},"/community-66a":{"__comp":"a94703ab"},"/community-0ed":{"__comp":"17896441","content":"a61c55ce"},"/community/team-dd8":{"__comp":"17896441","content":"7313bf7a"},"/docs-159":{"__comp":"5e95c892","__context":{"plugin":"aba21aa0"}},"/docs-de5":{"__comp":"a7bd4aaa","__props":"0058b4c6"},"/docs-d61":{"__comp":"a94703ab"},"/docs-ee0":{"__comp":"17896441","content":"55fbebd6"},"/docs/about-8d8":{"__comp":"17896441","content":"c5666f39"},"/docs/about/alternatives-e72":{"__comp":"17896441","content":"a386f730"},"/docs/about/mission-e93":{"__comp":"17896441","content":"480f28a3"},"/docs/about/motivation-34f":{"__comp":"17896441","content":"cb388a7b"},"/docs/about/promote/for-company-8df":{"__comp":"17896441","content":"c4d0faae"},"/docs/about/promote/for-team-d87":{"__comp":"17896441","content":"8b5a42c3"},"/docs/about/promote/integration-f36":{"__comp":"17896441","content":"6636c8dc"},"/docs/about/promote/partial-application-9e8":{"__comp":"17896441","content":"664a648d"},"/docs/about/understanding/abstractions-0d7":{"__comp":"17896441","content":"e1c0d304"},"/docs/about/understanding/architecture-bf7":{"__comp":"17896441","content":"5187bed2"},"/docs/about/understanding/knowledge-types-b65":{"__comp":"17896441","content":"e01c2047"},"/docs/about/understanding/naming-808":{"__comp":"17896441","content":"49161156"},"/docs/about/understanding/needs-driven-3e8":{"__comp":"17896441","content":"2f764a0f"},"/docs/about/understanding/signals-902":{"__comp":"17896441","content":"5bd61d3b"},"/docs/branding-0ab":{"__comp":"17896441","content":"9f1dcbb0"},"/docs/get-started-821":{"__comp":"17896441","content":"d7baea7e"},"/docs/get-started/cheatsheet-32e":{"__comp":"17896441","content":"0499e362"},"/docs/get-started/faq-c6d":{"__comp":"17896441","content":"ba8bb0f7"},"/docs/get-started/overview-d0c":{"__comp":"17896441","content":"066221cc"},"/docs/get-started/tutorial-5cb":{"__comp":"17896441","content":"857ae1bf"},"/docs/guides-01d":{"__comp":"17896441","content":"53f8e831"},"/docs/guides/examples-196":{"__comp":"17896441","content":"d13cbfb8"},"/docs/guides/examples/auth-c6e":{"__comp":"17896441","content":"8b93e59a"},"/docs/guides/examples/autocompleted-54d":{"__comp":"17896441","content":"9b83d7f4"},"/docs/guides/examples/browser-api-a6c":{"__comp":"17896441","content":"a1521a63"},"/docs/guides/examples/cms-a59":{"__comp":"17896441","content":"fe129f8e"},"/docs/guides/examples/feedback-7ba":{"__comp":"17896441","content":"d999437a"},"/docs/guides/examples/i18n-e9e":{"__comp":"17896441","content":"ed3dcfcb"},"/docs/guides/examples/metric-aa7":{"__comp":"17896441","content":"c0c6474c"},"/docs/guides/examples/monorepo-af2":{"__comp":"17896441","content":"dfe5ecdf"},"/docs/guides/examples/page-layout-73d":{"__comp":"17896441","content":"55b0769a"},"/docs/guides/examples/platforms-693":{"__comp":"17896441","content":"3121f8ae"},"/docs/guides/examples/ssr-edf":{"__comp":"17896441","content":"87e5c187"},"/docs/guides/examples/theme-aa0":{"__comp":"17896441","content":"acaf5b8a"},"/docs/guides/examples/types-9af":{"__comp":"17896441","content":"66d3db7c"},"/docs/guides/examples/white-labels-47d":{"__comp":"17896441","content":"f2567325"},"/docs/guides/issues/cross-imports-62c":{"__comp":"17896441","content":"8ce83ff6"},"/docs/guides/issues/desegmented-e64":{"__comp":"17896441","content":"5f7e5f34"},"/docs/guides/issues/routes-c0a":{"__comp":"17896441","content":"e1003eab"},"/docs/guides/migration/from-custom-8e4":{"__comp":"17896441","content":"f2c174dc"},"/docs/guides/migration/from-v1-173":{"__comp":"17896441","content":"8c1e6152"},"/docs/guides/tech/with-nextjs-2cf":{"__comp":"17896441","content":"84a0dbae"},"/docs/guides/tech/with-nuxtjs-9fd":{"__comp":"17896441","content":"0a4ee302"},"/docs/guides/tech/with-react-query-892":{"__comp":"17896441","content":"370f8845"},"/docs/guides/tech/with-sveltekit-946":{"__comp":"17896441","content":"e6bf8eb6"},"/docs/reference-feb":{"__comp":"17896441","content":"3ef5053a"},"/docs/reference/isolation-0ba":{"__comp":"17896441","content":"7a790ed0"},"/docs/reference/isolation/coupling-cohesion-c7a":{"__comp":"17896441","content":"488b6464"},"/docs/reference/isolation/decouple-entities-c21":{"__comp":"17896441","content":"590d98cc"},"/docs/reference/layers-ac1":{"__comp":"17896441","content":"40babe1d"},"/docs/reference/public-api-d35":{"__comp":"17896441","content":"3d2652fb"},"/docs/reference/slices-segments-ed2":{"__comp":"17896441","content":"350d1c3d"},"/-e5f":{"__comp":"1df93b7f","__context":{"plugin":"a7456010"},"config":"5e9f5e1a"}}')}},e=>{e.O(0,[1869],(()=>{return t=3096,e(e.s=t);var t}));e.O()}]);
\ No newline at end of file
+/*! For license information please see main.360a9d35.js.LICENSE.txt */
+(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[8792],{7781:(e,t,n)=>{"use strict";n.d(t,{Bc:()=>g,E8:()=>$n,a1:()=>qn});var r=n(758);n(8143);function o(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function a(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?o(Object(n),!0).forEach((function(t){i(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):o(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function i(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function s(){return s=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},s.apply(this,arguments)}function l(e,t){if(null==e)return{};var n,r,o=function(e,t){if(null==e)return{};var n,r,o={},a=Object.keys(e);for(r=0;r<a.length;r++)n=a[r],t.indexOf(n)>=0||(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(r=0;r<a.length;r++)n=a[r],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}function c(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,a=[],i=!0,s=!1;try{for(n=n.call(e);!(i=(r=n.next()).done)&&(a.push(r.value),!t||a.length!==t);i=!0);}catch(e){s=!0,o=e}finally{try{i||null==n.return||n.return()}finally{if(s)throw o}}return a}}(e,t)||d(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function u(e){return function(e){if(Array.isArray(e))return p(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||d(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function d(e,t){if(e){if("string"==typeof e)return p(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?p(e,t):void 0}}function p(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function f(){return r.createElement("svg",{width:"15",height:"15",className:"DocSearch-Control-Key-Icon"},r.createElement("path",{d:"M4.505 4.496h2M5.505 5.496v5M8.216 4.496l.055 5.993M10 7.5c.333.333.5.667.5 1v2M12.326 4.5v5.996M8.384 4.496c1.674 0 2.116 0 2.116 1.5s-.442 1.5-2.116 1.5M3.205 9.303c-.09.448-.277 1.21-1.241 1.203C1 10.5.5 9.513.5 8V7c0-1.57.5-2.5 1.464-2.494.964.006 1.134.598 1.24 1.342M12.553 10.5h1.953",strokeWidth:"1.2",stroke:"currentColor",fill:"none",strokeLinecap:"square"}))}function m(){return r.createElement("svg",{width:"20",height:"20",className:"DocSearch-Search-Icon",viewBox:"0 0 20 20","aria-hidden":"true"},r.createElement("path",{d:"M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z",stroke:"currentColor",fill:"none",fillRule:"evenodd",strokeLinecap:"round",strokeLinejoin:"round"}))}var h=["translations"],g=r.forwardRef((function(e,t){var n=e.translations,o=void 0===n?{}:n,a=l(e,h),i=o.buttonText,u=void 0===i?"Search":i,d=o.buttonAriaLabel,p=void 0===d?"Search":d,g=c((0,r.useState)(null),2),y=g[0],v=g[1];return(0,r.useEffect)((function(){"undefined"!=typeof navigator&&(/(Mac|iPhone|iPod|iPad)/i.test(navigator.platform)?v("\u2318"):v("Ctrl"))}),[]),r.createElement("button",s({type:"button",className:"DocSearch DocSearch-Button","aria-label":p},a,{ref:t}),r.createElement("span",{className:"DocSearch-Button-Container"},r.createElement(m,null),r.createElement("span",{className:"DocSearch-Button-Placeholder"},u)),r.createElement("span",{className:"DocSearch-Button-Keys"},null!==y&&r.createElement(r.Fragment,null,r.createElement(b,{reactsToKey:"Ctrl"===y?"Ctrl":"Meta"},"Ctrl"===y?r.createElement(f,null):y),r.createElement(b,{reactsToKey:"k"},"K"))))}));function b(e){var t=e.reactsToKey,n=e.children,o=c((0,r.useState)(!1),2),a=o[0],i=o[1];return(0,r.useEffect)((function(){if(t)return window.addEventListener("keydown",e),window.addEventListener("keyup",n),function(){window.removeEventListener("keydown",e),window.removeEventListener("keyup",n)};function e(e){e.key===t&&i(!0)}function n(e){e.key!==t&&"Meta"!==e.key||i(!1)}}),[t]),r.createElement("kbd",{className:a?"DocSearch-Button-Key DocSearch-Button-Key--pressed":"DocSearch-Button-Key"},n)}function y(e,t){var n=void 0;return function(){for(var r=arguments.length,o=new Array(r),a=0;a<r;a++)o[a]=arguments[a];n&&clearTimeout(n),n=setTimeout((function(){return e.apply(void 0,o)}),t)}}function v(e){return e.reduce((function(e,t){return e.concat(t)}),[])}var w=0;function S(e){return 0===e.collections.length?0:e.collections.reduce((function(e,t){return e+t.items.length}),0)}function k(e){return e!==Object(e)}function x(e,t){if(e===t)return!0;if(k(e)||k(t)||"function"==typeof e||"function"==typeof t)return e===t;if(Object.keys(e).length!==Object.keys(t).length)return!1;for(var n=0,r=Object.keys(e);n<r.length;n++){var o=r[n];if(!(o in t))return!1;if(!x(e[o],t[o]))return!1}return!0}var E=function(){},_=[{segment:"autocomplete-core",version:"1.9.3"}];function C(e){var t=e.item,n=e.items;return{index:t.__autocomplete_indexName,items:[t],positions:[1+n.findIndex((function(e){return e.objectID===t.objectID}))],queryID:t.__autocomplete_queryID,algoliaSource:["autocomplete"]}}function j(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}var O=["items"],A=["items"];function T(e){return T="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},T(e)}function P(e){return function(e){if(Array.isArray(e))return L(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||function(e,t){if(e){if("string"==typeof e)return L(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?L(e,t):void 0}}(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function L(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function I(e,t){if(null==e)return{};var n,r,o=function(e,t){if(null==e)return{};var n,r,o={},a=Object.keys(e);for(r=0;r<a.length;r++)n=a[r],t.indexOf(n)>=0||(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(r=0;r<a.length;r++)n=a[r],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}function N(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function R(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?N(Object(n),!0).forEach((function(t){D(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):N(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function D(e,t,n){return(t=function(e){var t=function(e){if("object"!==T(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var n=t.call(e,"string");if("object"!==T(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"===T(t)?t:String(t)}(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function M(e){return e.map((function(e){var t=e.items,n=I(e,O);return R(R({},n),{},{objectIDs:(null==t?void 0:t.map((function(e){return e.objectID})))||n.objectIDs})}))}function F(e){var t,n,r,o=(t=function(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,a,i,s=[],l=!0,c=!1;try{if(a=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;l=!1}else for(;!(l=(r=a.call(n)).done)&&(s.push(r.value),s.length!==t);l=!0);}catch(e){c=!0,o=e}finally{try{if(!l&&null!=n.return&&(i=n.return(),Object(i)!==i))return}finally{if(c)throw o}}return s}}(e,t)||function(e,t){if(e){if("string"==typeof e)return j(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?j(e,t):void 0}}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}((e.version||"").split(".").map(Number),2),n=t[0],r=t[1],n>=3||2===n&&r>=4||1===n&&r>=10);function a(t,n,r){if(o&&void 0!==r){var a=r[0].__autocomplete_algoliaCredentials,i={"X-Algolia-Application-Id":a.appId,"X-Algolia-API-Key":a.apiKey};e.apply(void 0,[t].concat(P(n),[{headers:i}]))}else e.apply(void 0,[t].concat(P(n)))}return{init:function(t,n){e("init",{appId:t,apiKey:n})},setUserToken:function(t){e("setUserToken",t)},clickedObjectIDsAfterSearch:function(){for(var e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];t.length>0&&a("clickedObjectIDsAfterSearch",M(t),t[0].items)},clickedObjectIDs:function(){for(var e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];t.length>0&&a("clickedObjectIDs",M(t),t[0].items)},clickedFilters:function(){for(var t=arguments.length,n=new Array(t),r=0;r<t;r++)n[r]=arguments[r];n.length>0&&e.apply(void 0,["clickedFilters"].concat(n))},convertedObjectIDsAfterSearch:function(){for(var e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];t.length>0&&a("convertedObjectIDsAfterSearch",M(t),t[0].items)},convertedObjectIDs:function(){for(var e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];t.length>0&&a("convertedObjectIDs",M(t),t[0].items)},convertedFilters:function(){for(var t=arguments.length,n=new Array(t),r=0;r<t;r++)n[r]=arguments[r];n.length>0&&e.apply(void 0,["convertedFilters"].concat(n))},viewedObjectIDs:function(){for(var e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];t.length>0&&t.reduce((function(e,t){var n=t.items,r=I(t,A);return[].concat(P(e),P(function(e){for(var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:20,n=[],r=0;r<e.objectIDs.length;r+=t)n.push(R(R({},e),{},{objectIDs:e.objectIDs.slice(r,r+t)}));return n}(R(R({},r),{},{objectIDs:(null==n?void 0:n.map((function(e){return e.objectID})))||r.objectIDs})).map((function(e){return{items:n,payload:e}}))))}),[]).forEach((function(e){var t=e.items;return a("viewedObjectIDs",[e.payload],t)}))},viewedFilters:function(){for(var t=arguments.length,n=new Array(t),r=0;r<t;r++)n[r]=arguments[r];n.length>0&&e.apply(void 0,["viewedFilters"].concat(n))}}}function z(e){var t=e.items.reduce((function(e,t){var n;return e[t.__autocomplete_indexName]=(null!==(n=e[t.__autocomplete_indexName])&&void 0!==n?n:[]).concat(t),e}),{});return Object.keys(t).map((function(e){return{index:e,items:t[e],algoliaSource:["autocomplete"]}}))}function B(e){return e.objectID&&e.__autocomplete_indexName&&e.__autocomplete_queryID}function U(e){return U="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},U(e)}function q(e){return function(e){if(Array.isArray(e))return $(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||function(e,t){if(e){if("string"==typeof e)return $(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?$(e,t):void 0}}(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function $(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function H(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function V(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?H(Object(n),!0).forEach((function(t){G(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):H(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function G(e,t,n){return(t=function(e){var t=function(e){if("object"!==U(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var n=t.call(e,"string");if("object"!==U(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"===U(t)?t:String(t)}(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var W="https://cdn.jsdelivr.net/npm/search-insights@".concat("2.6.0","/dist/search-insights.min.js"),K=y((function(e){var t=e.onItemsChange,n=e.items,r=e.insights,o=e.state;t({insights:r,insightsEvents:z({items:n}).map((function(e){return V({eventName:"Items Viewed"},e)})),state:o})}),400);function Q(e){var t=function(e){return V({onItemsChange:function(e){var t=e.insights,n=e.insightsEvents;t.viewedObjectIDs.apply(t,q(n.map((function(e){return V(V({},e),{},{algoliaSource:[].concat(q(e.algoliaSource||[]),["autocomplete-internal"])})}))))},onSelect:function(e){var t=e.insights,n=e.insightsEvents;t.clickedObjectIDsAfterSearch.apply(t,q(n.map((function(e){return V(V({},e),{},{algoliaSource:[].concat(q(e.algoliaSource||[]),["autocomplete-internal"])})}))))},onActive:E},e)}(e),n=t.insightsClient,r=t.onItemsChange,o=t.onSelect,a=t.onActive,i=n;n||"undefined"!=typeof window&&function(e){var t=e.window,n=t.AlgoliaAnalyticsObject||"aa";"string"==typeof n&&(i=t[n]),i||(t.AlgoliaAnalyticsObject=n,t[n]||(t[n]=function(){t[n].queue||(t[n].queue=[]);for(var e=arguments.length,r=new Array(e),o=0;o<e;o++)r[o]=arguments[o];t[n].queue.push(r)}),t[n].version="2.6.0",i=t[n],function(e){var t="[Autocomplete]: Could not load search-insights.js. Please load it manually following https://alg.li/insights-autocomplete";try{var n=e.document.createElement("script");n.async=!0,n.src=W,n.onerror=function(){console.error(t)},document.body.appendChild(n)}catch(e){console.error(t)}}(t))}({window:window});var s=F(i),l={current:[]},c=y((function(e){var t=e.state;if(t.isOpen){var n=t.collections.reduce((function(e,t){return[].concat(q(e),q(t.items))}),[]).filter(B);x(l.current.map((function(e){return e.objectID})),n.map((function(e){return e.objectID})))||(l.current=n,n.length>0&&K({onItemsChange:r,items:n,insights:s,state:t}))}}),0);return{name:"aa.algoliaInsightsPlugin",subscribe:function(e){var t=e.setContext,n=e.onSelect,r=e.onActive;i("addAlgoliaAgent","insights-plugin"),t({algoliaInsightsPlugin:{__algoliaSearchParameters:{clickAnalytics:!0},insights:s}}),n((function(e){var t=e.item,n=e.state,r=e.event;B(t)&&o({state:n,event:r,insights:s,item:t,insightsEvents:[V({eventName:"Item Selected"},C({item:t,items:l.current}))]})})),r((function(e){var t=e.item,n=e.state,r=e.event;B(t)&&a({state:n,event:r,insights:s,item:t,insightsEvents:[V({eventName:"Item Active"},C({item:t,items:l.current}))]})}))},onStateChange:function(e){var t=e.state;c({state:t})},__autocomplete_pluginOptions:e}}function Y(e,t){var n=t;return{then:function(t,r){return Y(e.then(J(t,n,e),J(r,n,e)),n)},catch:function(t){return Y(e.catch(J(t,n,e)),n)},finally:function(t){return t&&n.onCancelList.push(t),Y(e.finally(J(t&&function(){return n.onCancelList=[],t()},n,e)),n)},cancel:function(){n.isCanceled=!0;var e=n.onCancelList;n.onCancelList=[],e.forEach((function(e){e()}))},isCanceled:function(){return!0===n.isCanceled}}}function Z(e){return Y(e,{isCanceled:!1,onCancelList:[]})}function J(e,t,n){return e?function(n){return t.isCanceled?n:e(n)}:n}function X(e,t,n,r){if(!n)return null;if(e<0&&(null===t||null!==r&&0===t))return n+e;var o=(null===t?-1:t)+e;return o<=-1||o>=n?null===r?null:0:o}function ee(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function te(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?ee(Object(n),!0).forEach((function(t){ne(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):ee(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function ne(e,t,n){return(t=function(e){var t=function(e){if("object"!==re(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var n=t.call(e,"string");if("object"!==re(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"===re(t)?t:String(t)}(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function re(e){return re="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},re(e)}function oe(e){var t=function(e){var t=e.collections.map((function(e){return e.items.length})).reduce((function(e,t,n){var r=(e[n-1]||0)+t;return e.push(r),e}),[]).reduce((function(t,n){return n<=e.activeItemId?t+1:t}),0);return e.collections[t]}(e);if(!t)return null;var n=t.items[function(e){for(var t=e.state,n=e.collection,r=!1,o=0,a=0;!1===r;){var i=t.collections[o];if(i===n){r=!0;break}a+=i.items.length,o++}return t.activeItemId-a}({state:e,collection:t})],r=t.source;return{item:n,itemInputValue:r.getItemInputValue({item:n,state:e}),itemUrl:r.getItemUrl({item:n,state:e}),source:r}}var ae=/((gt|sm)-|galaxy nexus)|samsung[- ]|samsungbrowser/i;function ie(e){return ie="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},ie(e)}function se(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function le(e,t,n){return(t=function(e){var t=function(e){if("object"!==ie(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var n=t.call(e,"string");if("object"!==ie(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"===ie(t)?t:String(t)}(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function ce(e){return ce="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},ce(e)}function ue(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function de(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?ue(Object(n),!0).forEach((function(t){pe(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):ue(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function pe(e,t,n){return(t=function(e){var t=function(e){if("object"!==ce(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var n=t.call(e,"string");if("object"!==ce(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"===ce(t)?t:String(t)}(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function fe(e){return fe="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},fe(e)}function me(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function he(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function ge(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?he(Object(n),!0).forEach((function(t){be(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):he(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function be(e,t,n){return(t=function(e){var t=function(e){if("object"!==fe(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var n=t.call(e,"string");if("object"!==fe(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"===fe(t)?t:String(t)}(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function ye(e,t){var n,r="undefined"!=typeof window?window:{},o=e.plugins||[];return ge(ge({debug:!1,openOnFocus:!1,placeholder:"",autoFocus:!1,defaultActiveItemId:null,stallThreshold:300,insights:!1,environment:r,shouldPanelOpen:function(e){return S(e.state)>0},reshape:function(e){return e.sources}},e),{},{id:null!==(n=e.id)&&void 0!==n?n:"autocomplete-".concat(w++),plugins:o,initialState:ge({activeItemId:null,query:"",completion:null,collections:[],isOpen:!1,status:"idle",context:{}},e.initialState),onStateChange:function(t){var n;null===(n=e.onStateChange)||void 0===n||n.call(e,t),o.forEach((function(e){var n;return null===(n=e.onStateChange)||void 0===n?void 0:n.call(e,t)}))},onSubmit:function(t){var n;null===(n=e.onSubmit)||void 0===n||n.call(e,t),o.forEach((function(e){var n;return null===(n=e.onSubmit)||void 0===n?void 0:n.call(e,t)}))},onReset:function(t){var n;null===(n=e.onReset)||void 0===n||n.call(e,t),o.forEach((function(e){var n;return null===(n=e.onReset)||void 0===n?void 0:n.call(e,t)}))},getSources:function(n){return Promise.all([].concat(function(e){return function(e){if(Array.isArray(e))return me(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||function(e,t){if(e){if("string"==typeof e)return me(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?me(e,t):void 0}}(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}(o.map((function(e){return e.getSources}))),[e.getSources]).filter(Boolean).map((function(e){return function(e,t){var n=[];return Promise.resolve(e(t)).then((function(e){return Promise.all(e.filter((function(e){return Boolean(e)})).map((function(e){if(e.sourceId,n.includes(e.sourceId))throw new Error("[Autocomplete] The `sourceId` ".concat(JSON.stringify(e.sourceId)," is not unique."));n.push(e.sourceId);var t={getItemInputValue:function(e){return e.state.query},getItemUrl:function(){},onSelect:function(e){(0,e.setIsOpen)(!1)},onActive:E,onResolve:E};Object.keys(t).forEach((function(e){t[e].__default=!0}));var r=te(te({},t),e);return Promise.resolve(r)})))}))}(e,n)}))).then((function(e){return v(e)})).then((function(e){return e.map((function(e){return ge(ge({},e),{},{onSelect:function(n){e.onSelect(n),t.forEach((function(e){var t;return null===(t=e.onSelect)||void 0===t?void 0:t.call(e,n)}))},onActive:function(n){e.onActive(n),t.forEach((function(e){var t;return null===(t=e.onActive)||void 0===t?void 0:t.call(e,n)}))},onResolve:function(n){e.onResolve(n),t.forEach((function(e){var t;return null===(t=e.onResolve)||void 0===t?void 0:t.call(e,n)}))}})}))}))},navigator:ge({navigate:function(e){var t=e.itemUrl;r.location.assign(t)},navigateNewTab:function(e){var t=e.itemUrl,n=r.open(t,"_blank","noopener");null==n||n.focus()},navigateNewWindow:function(e){var t=e.itemUrl;r.open(t,"_blank","noopener")}},e.navigator)})}function ve(e){return ve="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},ve(e)}function we(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function Se(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?we(Object(n),!0).forEach((function(t){ke(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):we(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function ke(e,t,n){return(t=function(e){var t=function(e){if("object"!==ve(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var n=t.call(e,"string");if("object"!==ve(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"===ve(t)?t:String(t)}(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function xe(e){return xe="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},xe(e)}function Ee(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function _e(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?Ee(Object(n),!0).forEach((function(t){Ce(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Ee(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function Ce(e,t,n){return(t=function(e){var t=function(e){if("object"!==xe(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var n=t.call(e,"string");if("object"!==xe(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"===xe(t)?t:String(t)}(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function je(e){return function(e){if(Array.isArray(e))return Oe(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||function(e,t){if(e){if("string"==typeof e)return Oe(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?Oe(e,t):void 0}}(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function Oe(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function Ae(e){return Boolean(e.execute)}function Te(e){var t=e.reduce((function(e,t){if(!Ae(t))return e.push(t),e;var n=t.searchClient,r=t.execute,o=t.requesterId,a=t.requests,i=e.find((function(e){return Ae(t)&&Ae(e)&&e.searchClient===n&&Boolean(o)&&e.requesterId===o}));if(i){var s;(s=i.items).push.apply(s,je(a))}else{var l={execute:r,requesterId:o,items:a,searchClient:n};e.push(l)}return e}),[]).map((function(e){if(!Ae(e))return Promise.resolve(e);var t=e,n=t.execute,r=t.items;return n({searchClient:t.searchClient,requests:r})}));return Promise.all(t).then((function(e){return v(e)}))}function Pe(e){return Pe="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},Pe(e)}var Le=["event","nextState","props","query","refresh","store"];function Ie(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function Ne(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?Ie(Object(n),!0).forEach((function(t){Re(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Ie(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function Re(e,t,n){return(t=function(e){var t=function(e){if("object"!==Pe(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var n=t.call(e,"string");if("object"!==Pe(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"===Pe(t)?t:String(t)}(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var De,Me,Fe,ze=null,Be=(De=-1,Me=-1,Fe=void 0,function(e){var t=++De;return Promise.resolve(e).then((function(e){return Fe&&t<Me?Fe:(Me=t,Fe=e,e)}))});function Ue(e){var t=e.event,n=e.nextState,r=void 0===n?{}:n,o=e.props,a=e.query,i=e.refresh,s=e.store,l=function(e,t){if(null==e)return{};var n,r,o=function(e,t){if(null==e)return{};var n,r,o={},a=Object.keys(e);for(r=0;r<a.length;r++)n=a[r],t.indexOf(n)>=0||(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(r=0;r<a.length;r++)n=a[r],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}(e,Le);ze&&o.environment.clearTimeout(ze);var c=l.setCollections,u=l.setIsOpen,d=l.setQuery,p=l.setActiveItemId,f=l.setStatus;if(d(a),p(o.defaultActiveItemId),!a&&!1===o.openOnFocus){var m,h=s.getState().collections.map((function(e){return Ne(Ne({},e),{},{items:[]})}));f("idle"),c(h),u(null!==(m=r.isOpen)&&void 0!==m?m:o.shouldPanelOpen({state:s.getState()}));var g=Z(Be(h).then((function(){return Promise.resolve()})));return s.pendingRequests.add(g)}f("loading"),ze=o.environment.setTimeout((function(){f("stalled")}),o.stallThreshold);var b=Z(Be(o.getSources(Ne({query:a,refresh:i,state:s.getState()},l)).then((function(e){return Promise.all(e.map((function(e){return Promise.resolve(e.getItems(Ne({query:a,refresh:i,state:s.getState()},l))).then((function(t){return function(e,t,n){if(o=e,Boolean(null==o?void 0:o.execute)){var r="algolia"===e.requesterId?Object.assign.apply(Object,[{}].concat(je(Object.keys(n.context).map((function(e){var t;return null===(t=n.context[e])||void 0===t?void 0:t.__algoliaSearchParameters}))))):{};return _e(_e({},e),{},{requests:e.queries.map((function(n){return{query:"algolia"===e.requesterId?_e(_e({},n),{},{params:_e(_e({},r),n.params)}):n,sourceId:t,transformResponse:e.transformResponse}}))})}var o;return{items:e,sourceId:t}}(t,e.sourceId,s.getState())}))}))).then(Te).then((function(t){return function(e,t,n){return t.map((function(t){var r,o=e.filter((function(e){return e.sourceId===t.sourceId})),a=o.map((function(e){return e.items})),i=o[0].transformResponse,s=i?i({results:r=a,hits:r.map((function(e){return e.hits})).filter(Boolean),facetHits:r.map((function(e){var t;return null===(t=e.facetHits)||void 0===t?void 0:t.map((function(e){return{label:e.value,count:e.count,_highlightResult:{label:{value:e.highlighted}}}}))})).filter(Boolean)}):a;return t.onResolve({source:t,results:a,items:s,state:n.getState()}),s.every(Boolean),'The `getItems` function from source "'.concat(t.sourceId,'" must return an array of items but returned ').concat(JSON.stringify(void 0),".\n\nDid you forget to return items?\n\nSee: https://www.algolia.com/doc/ui-libraries/autocomplete/core-concepts/sources/#param-getitems"),{source:t,items:s}}))}(t,e,s)})).then((function(e){return function(e){var t=e.props,n=e.state,r=e.collections.reduce((function(e,t){return Se(Se({},e),{},ke({},t.source.sourceId,Se(Se({},t.source),{},{getItems:function(){return v(t.items)}})))}),{}),o=t.plugins.reduce((function(e,t){return t.reshape?t.reshape(e):e}),{sourcesBySourceId:r,state:n}).sourcesBySourceId;return v(t.reshape({sourcesBySourceId:o,sources:Object.values(o),state:n})).filter(Boolean).map((function(e){return{source:e,items:e.getItems()}}))}({collections:e,props:o,state:s.getState()})}))})))).then((function(e){var n;f("idle"),c(e);var d=o.shouldPanelOpen({state:s.getState()});u(null!==(n=r.isOpen)&&void 0!==n?n:o.openOnFocus&&!a&&d||d);var p=oe(s.getState());if(null!==s.getState().activeItemId&&p){var m=p.item,h=p.itemInputValue,g=p.itemUrl,b=p.source;b.onActive(Ne({event:t,item:m,itemInputValue:h,itemUrl:g,refresh:i,source:b,state:s.getState()},l))}})).finally((function(){f("idle"),ze&&o.environment.clearTimeout(ze)}));return s.pendingRequests.add(b)}function qe(e){return qe="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},qe(e)}var $e=["event","props","refresh","store"];function He(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function Ve(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?He(Object(n),!0).forEach((function(t){Ge(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):He(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function Ge(e,t,n){return(t=function(e){var t=function(e){if("object"!==qe(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var n=t.call(e,"string");if("object"!==qe(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"===qe(t)?t:String(t)}(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function We(e){return We="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},We(e)}var Ke=["props","refresh","store"],Qe=["inputElement","formElement","panelElement"],Ye=["inputElement"],Ze=["inputElement","maxLength"],Je=["sourceIndex"],Xe=["sourceIndex"],et=["item","source","sourceIndex"];function tt(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function nt(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?tt(Object(n),!0).forEach((function(t){rt(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):tt(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function rt(e,t,n){return(t=function(e){var t=function(e){if("object"!==We(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var n=t.call(e,"string");if("object"!==We(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"===We(t)?t:String(t)}(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function ot(e,t){if(null==e)return{};var n,r,o=function(e,t){if(null==e)return{};var n,r,o={},a=Object.keys(e);for(r=0;r<a.length;r++)n=a[r],t.indexOf(n)>=0||(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(r=0;r<a.length;r++)n=a[r],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}function at(e){var t=e.props,n=e.refresh,r=e.store,o=ot(e,Ke),a=function(e,t){return void 0!==t?"".concat(e,"-").concat(t):e};return{getEnvironmentProps:function(e){var n=e.inputElement,o=e.formElement,a=e.panelElement;function i(e){!r.getState().isOpen&&r.pendingRequests.isEmpty()||e.target===n||!1===[o,a].some((function(t){return(n=t)===(r=e.target)||n.contains(r);var n,r}))&&(r.dispatch("blur",null),t.debug||r.pendingRequests.cancelAll())}return nt({onTouchStart:i,onMouseDown:i,onTouchMove:function(e){!1!==r.getState().isOpen&&n===t.environment.document.activeElement&&e.target!==n&&n.blur()}},ot(e,Qe))},getRootProps:function(e){return nt({role:"combobox","aria-expanded":r.getState().isOpen,"aria-haspopup":"listbox","aria-owns":r.getState().isOpen?"".concat(t.id,"-list"):void 0,"aria-labelledby":"".concat(t.id,"-label")},e)},getFormProps:function(e){return e.inputElement,nt({action:"",noValidate:!0,role:"search",onSubmit:function(a){var i;a.preventDefault(),t.onSubmit(nt({event:a,refresh:n,state:r.getState()},o)),r.dispatch("submit",null),null===(i=e.inputElement)||void 0===i||i.blur()},onReset:function(a){var i;a.preventDefault(),t.onReset(nt({event:a,refresh:n,state:r.getState()},o)),r.dispatch("reset",null),null===(i=e.inputElement)||void 0===i||i.focus()}},ot(e,Ye))},getLabelProps:function(e){var n=e||{},r=n.sourceIndex,o=ot(n,Je);return nt({htmlFor:"".concat(a(t.id,r),"-input"),id:"".concat(a(t.id,r),"-label")},o)},getInputProps:function(e){var a;function i(e){(t.openOnFocus||Boolean(r.getState().query))&&Ue(nt({event:e,props:t,query:r.getState().completion||r.getState().query,refresh:n,store:r},o)),r.dispatch("focus",null)}var s=e||{},l=(s.inputElement,s.maxLength),c=void 0===l?512:l,u=ot(s,Ze),d=oe(r.getState()),p=function(e){return Boolean(e&&e.match(ae))}((null===(a=t.environment.navigator)||void 0===a?void 0:a.userAgent)||""),f=null!=d&&d.itemUrl&&!p?"go":"search";return nt({"aria-autocomplete":"both","aria-activedescendant":r.getState().isOpen&&null!==r.getState().activeItemId?"".concat(t.id,"-item-").concat(r.getState().activeItemId):void 0,"aria-controls":r.getState().isOpen?"".concat(t.id,"-list"):void 0,"aria-labelledby":"".concat(t.id,"-label"),value:r.getState().completion||r.getState().query,id:"".concat(t.id,"-input"),autoComplete:"off",autoCorrect:"off",autoCapitalize:"off",enterKeyHint:f,spellCheck:"false",autoFocus:t.autoFocus,placeholder:t.placeholder,maxLength:c,type:"search",onChange:function(e){Ue(nt({event:e,props:t,query:e.currentTarget.value.slice(0,c),refresh:n,store:r},o))},onKeyDown:function(e){!function(e){var t=e.event,n=e.props,r=e.refresh,o=e.store,a=function(e,t){if(null==e)return{};var n,r,o=function(e,t){if(null==e)return{};var n,r,o={},a=Object.keys(e);for(r=0;r<a.length;r++)n=a[r],t.indexOf(n)>=0||(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(r=0;r<a.length;r++)n=a[r],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}(e,$e);if("ArrowUp"===t.key||"ArrowDown"===t.key){var i=function(){var e=n.environment.document.getElementById("".concat(n.id,"-item-").concat(o.getState().activeItemId));e&&(e.scrollIntoViewIfNeeded?e.scrollIntoViewIfNeeded(!1):e.scrollIntoView(!1))},s=function(){var e=oe(o.getState());if(null!==o.getState().activeItemId&&e){var n=e.item,i=e.itemInputValue,s=e.itemUrl,l=e.source;l.onActive(Ve({event:t,item:n,itemInputValue:i,itemUrl:s,refresh:r,source:l,state:o.getState()},a))}};t.preventDefault(),!1===o.getState().isOpen&&(n.openOnFocus||Boolean(o.getState().query))?Ue(Ve({event:t,props:n,query:o.getState().query,refresh:r,store:o},a)).then((function(){o.dispatch(t.key,{nextActiveItemId:n.defaultActiveItemId}),s(),setTimeout(i,0)})):(o.dispatch(t.key,{}),s(),i())}else if("Escape"===t.key)t.preventDefault(),o.dispatch(t.key,null),o.pendingRequests.cancelAll();else if("Tab"===t.key)o.dispatch("blur",null),o.pendingRequests.cancelAll();else if("Enter"===t.key){if(null===o.getState().activeItemId||o.getState().collections.every((function(e){return 0===e.items.length})))return void(n.debug||o.pendingRequests.cancelAll());t.preventDefault();var l=oe(o.getState()),c=l.item,u=l.itemInputValue,d=l.itemUrl,p=l.source;if(t.metaKey||t.ctrlKey)void 0!==d&&(p.onSelect(Ve({event:t,item:c,itemInputValue:u,itemUrl:d,refresh:r,source:p,state:o.getState()},a)),n.navigator.navigateNewTab({itemUrl:d,item:c,state:o.getState()}));else if(t.shiftKey)void 0!==d&&(p.onSelect(Ve({event:t,item:c,itemInputValue:u,itemUrl:d,refresh:r,source:p,state:o.getState()},a)),n.navigator.navigateNewWindow({itemUrl:d,item:c,state:o.getState()}));else if(t.altKey);else{if(void 0!==d)return p.onSelect(Ve({event:t,item:c,itemInputValue:u,itemUrl:d,refresh:r,source:p,state:o.getState()},a)),void n.navigator.navigate({itemUrl:d,item:c,state:o.getState()});Ue(Ve({event:t,nextState:{isOpen:!1},props:n,query:u,refresh:r,store:o},a)).then((function(){p.onSelect(Ve({event:t,item:c,itemInputValue:u,itemUrl:d,refresh:r,source:p,state:o.getState()},a))}))}}}(nt({event:e,props:t,refresh:n,store:r},o))},onFocus:i,onBlur:E,onClick:function(n){e.inputElement!==t.environment.document.activeElement||r.getState().isOpen||i(n)}},u)},getPanelProps:function(e){return nt({onMouseDown:function(e){e.preventDefault()},onMouseLeave:function(){r.dispatch("mouseleave",null)}},e)},getListProps:function(e){var n=e||{},r=n.sourceIndex,o=ot(n,Xe);return nt({role:"listbox","aria-labelledby":"".concat(a(t.id,r),"-label"),id:"".concat(a(t.id,r),"-list")},o)},getItemProps:function(e){var i=e.item,s=e.source,l=e.sourceIndex,c=ot(e,et);return nt({id:"".concat(a(t.id,l),"-item-").concat(i.__autocomplete_id),role:"option","aria-selected":r.getState().activeItemId===i.__autocomplete_id,onMouseMove:function(e){if(i.__autocomplete_id!==r.getState().activeItemId){r.dispatch("mousemove",i.__autocomplete_id);var t=oe(r.getState());if(null!==r.getState().activeItemId&&t){var a=t.item,s=t.itemInputValue,l=t.itemUrl,c=t.source;c.onActive(nt({event:e,item:a,itemInputValue:s,itemUrl:l,refresh:n,source:c,state:r.getState()},o))}}},onMouseDown:function(e){e.preventDefault()},onClick:function(e){var a=s.getItemInputValue({item:i,state:r.getState()}),l=s.getItemUrl({item:i,state:r.getState()});(l?Promise.resolve():Ue(nt({event:e,nextState:{isOpen:!1},props:t,query:a,refresh:n,store:r},o))).then((function(){s.onSelect(nt({event:e,item:i,itemInputValue:a,itemUrl:l,refresh:n,source:s,state:r.getState()},o))}))}},c)}}}function it(e){return it="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},it(e)}function st(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function lt(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?st(Object(n),!0).forEach((function(t){ct(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):st(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function ct(e,t,n){return(t=function(e){var t=function(e){if("object"!==it(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var n=t.call(e,"string");if("object"!==it(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"===it(t)?t:String(t)}(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function ut(e){var t,n,r,o,a=e.plugins,i=e.options,s=null===(t=((null===(n=i.__autocomplete_metadata)||void 0===n?void 0:n.userAgents)||[])[0])||void 0===t?void 0:t.segment,l=s?ct({},s,Object.keys((null===(r=i.__autocomplete_metadata)||void 0===r?void 0:r.options)||{})):{};return{plugins:a.map((function(e){return{name:e.name,options:Object.keys(e.__autocomplete_pluginOptions||[])}})),options:lt({"autocomplete-core":Object.keys(i)},l),ua:_.concat((null===(o=i.__autocomplete_metadata)||void 0===o?void 0:o.userAgents)||[])}}function dt(e){var t,n=e.state;return!1===n.isOpen||null===n.activeItemId?null:(null===(t=oe(n))||void 0===t?void 0:t.itemInputValue)||null}function pt(e){return pt="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},pt(e)}function ft(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function mt(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?ft(Object(n),!0).forEach((function(t){ht(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):ft(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function ht(e,t,n){return(t=function(e){var t=function(e){if("object"!==pt(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var n=t.call(e,"string");if("object"!==pt(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"===pt(t)?t:String(t)}(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var gt=function(e,t){switch(t.type){case"setActiveItemId":case"mousemove":return mt(mt({},e),{},{activeItemId:t.payload});case"setQuery":return mt(mt({},e),{},{query:t.payload,completion:null});case"setCollections":return mt(mt({},e),{},{collections:t.payload});case"setIsOpen":return mt(mt({},e),{},{isOpen:t.payload});case"setStatus":return mt(mt({},e),{},{status:t.payload});case"setContext":return mt(mt({},e),{},{context:mt(mt({},e.context),t.payload)});case"ArrowDown":var n=mt(mt({},e),{},{activeItemId:t.payload.hasOwnProperty("nextActiveItemId")?t.payload.nextActiveItemId:X(1,e.activeItemId,S(e),t.props.defaultActiveItemId)});return mt(mt({},n),{},{completion:dt({state:n})});case"ArrowUp":var r=mt(mt({},e),{},{activeItemId:X(-1,e.activeItemId,S(e),t.props.defaultActiveItemId)});return mt(mt({},r),{},{completion:dt({state:r})});case"Escape":return e.isOpen?mt(mt({},e),{},{activeItemId:null,isOpen:!1,completion:null}):mt(mt({},e),{},{activeItemId:null,query:"",status:"idle",collections:[]});case"submit":return mt(mt({},e),{},{activeItemId:null,isOpen:!1,status:"idle"});case"reset":return mt(mt({},e),{},{activeItemId:!0===t.props.openOnFocus?t.props.defaultActiveItemId:null,status:"idle",query:""});case"focus":return mt(mt({},e),{},{activeItemId:t.props.defaultActiveItemId,isOpen:(t.props.openOnFocus||Boolean(e.query))&&t.props.shouldPanelOpen({state:e})});case"blur":return t.props.debug?e:mt(mt({},e),{},{isOpen:!1,activeItemId:null});case"mouseleave":return mt(mt({},e),{},{activeItemId:t.props.defaultActiveItemId});default:return"The reducer action ".concat(JSON.stringify(t.type)," is not supported."),e}};function bt(e){return bt="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},bt(e)}function yt(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function vt(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?yt(Object(n),!0).forEach((function(t){wt(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):yt(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function wt(e,t,n){return(t=function(e){var t=function(e){if("object"!==bt(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var n=t.call(e,"string");if("object"!==bt(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"===bt(t)?t:String(t)}(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function St(e){var t=[],n=ye(e,t),r=function(e,t,n){var r,o=t.initialState;return{getState:function(){return o},dispatch:function(r,a){var i=function(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?se(Object(n),!0).forEach((function(t){le(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):se(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}({},o);o=e(o,{type:r,props:t,payload:a}),n({state:o,prevState:i})},pendingRequests:(r=[],{add:function(e){return r.push(e),e.finally((function(){r=r.filter((function(t){return t!==e}))}))},cancelAll:function(){r.forEach((function(e){return e.cancel()}))},isEmpty:function(){return 0===r.length}})}}(gt,n,(function(e){var t=e.prevState,r=e.state;n.onStateChange(vt({prevState:t,state:r,refresh:i,navigator:n.navigator},o))})),o=function(e){var t=e.store;return{setActiveItemId:function(e){t.dispatch("setActiveItemId",e)},setQuery:function(e){t.dispatch("setQuery",e)},setCollections:function(e){var n=0,r=e.map((function(e){return de(de({},e),{},{items:v(e.items).map((function(e){return de(de({},e),{},{__autocomplete_id:n++})}))})}));t.dispatch("setCollections",r)},setIsOpen:function(e){t.dispatch("setIsOpen",e)},setStatus:function(e){t.dispatch("setStatus",e)},setContext:function(e){t.dispatch("setContext",e)}}}({store:r}),a=at(vt({props:n,refresh:i,store:r,navigator:n.navigator},o));function i(){return Ue(vt({event:new Event("input"),nextState:{isOpen:r.getState().isOpen},props:n,navigator:n.navigator,query:r.getState().query,refresh:i,store:r},o))}if(e.insights&&!n.plugins.some((function(e){return"aa.algoliaInsightsPlugin"===e.name}))){var s="boolean"==typeof e.insights?{}:e.insights;n.plugins.push(Q(s))}return n.plugins.forEach((function(e){var r;return null===(r=e.subscribe)||void 0===r?void 0:r.call(e,vt(vt({},o),{},{navigator:n.navigator,refresh:i,onSelect:function(e){t.push({onSelect:e})},onActive:function(e){t.push({onActive:e})},onResolve:function(e){t.push({onResolve:e})}}))})),function(e){var t,n,r=e.metadata,o=e.environment;if(null===(t=o.navigator)||void 0===t||null===(n=t.userAgent)||void 0===n?void 0:n.includes("Algolia Crawler")){var a=o.document.createElement("meta"),i=o.document.querySelector("head");a.name="algolia:metadata",setTimeout((function(){a.content=JSON.stringify(r),i.appendChild(a)}),0)}}({metadata:ut({plugins:n.plugins,options:e}),environment:n.environment}),vt(vt({refresh:i,navigator:n.navigator},a),o)}function kt(e){var t=e.translations,n=(void 0===t?{}:t).searchByText,o=void 0===n?"Search by":n;return r.createElement("a",{href:"https://www.algolia.com/ref/docsearch/?utm_source=".concat(window.location.hostname,"&utm_medium=referral&utm_content=powered_by&utm_campaign=docsearch"),target:"_blank",rel:"noopener noreferrer"},r.createElement("span",{className:"DocSearch-Label"},o),r.createElement("svg",{width:"77",height:"19","aria-label":"Algolia",role:"img",id:"Layer_1",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 2196.2 500"},r.createElement("defs",null,r.createElement("style",null,".cls-1,.cls-2{fill:#003dff;}.cls-2{fill-rule:evenodd;}")),r.createElement("path",{className:"cls-2",d:"M1070.38,275.3V5.91c0-3.63-3.24-6.39-6.82-5.83l-50.46,7.94c-2.87,.45-4.99,2.93-4.99,5.84l.17,273.22c0,12.92,0,92.7,95.97,95.49,3.33,.1,6.09-2.58,6.09-5.91v-40.78c0-2.96-2.19-5.51-5.12-5.84-34.85-4.01-34.85-47.57-34.85-54.72Z"}),r.createElement("rect",{className:"cls-1",x:"1845.88",y:"104.73",width:"62.58",height:"277.9",rx:"5.9",ry:"5.9"}),r.createElement("path",{className:"cls-2",d:"M1851.78,71.38h50.77c3.26,0,5.9-2.64,5.9-5.9V5.9c0-3.62-3.24-6.39-6.82-5.83l-50.77,7.95c-2.87,.45-4.99,2.92-4.99,5.83v51.62c0,3.26,2.64,5.9,5.9,5.9Z"}),r.createElement("path",{className:"cls-2",d:"M1764.03,275.3V5.91c0-3.63-3.24-6.39-6.82-5.83l-50.46,7.94c-2.87,.45-4.99,2.93-4.99,5.84l.17,273.22c0,12.92,0,92.7,95.97,95.49,3.33,.1,6.09-2.58,6.09-5.91v-40.78c0-2.96-2.19-5.51-5.12-5.84-34.85-4.01-34.85-47.57-34.85-54.72Z"}),r.createElement("path",{className:"cls-2",d:"M1631.95,142.72c-11.14-12.25-24.83-21.65-40.78-28.31-15.92-6.53-33.26-9.85-52.07-9.85-18.78,0-36.15,3.17-51.92,9.85-15.59,6.66-29.29,16.05-40.76,28.31-11.47,12.23-20.38,26.87-26.76,44.03-6.38,17.17-9.24,37.37-9.24,58.36,0,20.99,3.19,36.87,9.55,54.21,6.38,17.32,15.14,32.11,26.45,44.36,11.29,12.23,24.83,21.62,40.6,28.46,15.77,6.83,40.12,10.33,52.4,10.48,12.25,0,36.78-3.82,52.7-10.48,15.92-6.68,29.46-16.23,40.78-28.46,11.29-12.25,20.05-27.04,26.25-44.36,6.22-17.34,9.24-33.22,9.24-54.21,0-20.99-3.34-41.19-10.03-58.36-6.38-17.17-15.14-31.8-26.43-44.03Zm-44.43,163.75c-11.47,15.75-27.56,23.7-48.09,23.7-20.55,0-36.63-7.8-48.1-23.7-11.47-15.75-17.21-34.01-17.21-61.2,0-26.89,5.59-49.14,17.06-64.87,11.45-15.75,27.54-23.52,48.07-23.52,20.55,0,36.63,7.78,48.09,23.52,11.47,15.57,17.36,37.98,17.36,64.87,0,27.19-5.72,45.3-17.19,61.2Z"}),r.createElement("path",{className:"cls-2",d:"M894.42,104.73h-49.33c-48.36,0-90.91,25.48-115.75,64.1-14.52,22.58-22.99,49.63-22.99,78.73,0,44.89,20.13,84.92,51.59,111.1,2.93,2.6,6.05,4.98,9.31,7.14,12.86,8.49,28.11,13.47,44.52,13.47,1.23,0,2.46-.03,3.68-.09,.36-.02,.71-.05,1.07-.07,.87-.05,1.75-.11,2.62-.2,.34-.03,.68-.08,1.02-.12,.91-.1,1.82-.21,2.73-.34,.21-.03,.42-.07,.63-.1,32.89-5.07,61.56-30.82,70.9-62.81v57.83c0,3.26,2.64,5.9,5.9,5.9h50.42c3.26,0,5.9-2.64,5.9-5.9V110.63c0-3.26-2.64-5.9-5.9-5.9h-56.32Zm0,206.92c-12.2,10.16-27.97,13.98-44.84,15.12-.16,.01-.33,.03-.49,.04-1.12,.07-2.24,.1-3.36,.1-42.24,0-77.12-35.89-77.12-79.37,0-10.25,1.96-20.01,5.42-28.98,11.22-29.12,38.77-49.74,71.06-49.74h49.33v142.83Z"}),r.createElement("path",{className:"cls-2",d:"M2133.97,104.73h-49.33c-48.36,0-90.91,25.48-115.75,64.1-14.52,22.58-22.99,49.63-22.99,78.73,0,44.89,20.13,84.92,51.59,111.1,2.93,2.6,6.05,4.98,9.31,7.14,12.86,8.49,28.11,13.47,44.52,13.47,1.23,0,2.46-.03,3.68-.09,.36-.02,.71-.05,1.07-.07,.87-.05,1.75-.11,2.62-.2,.34-.03,.68-.08,1.02-.12,.91-.1,1.82-.21,2.73-.34,.21-.03,.42-.07,.63-.1,32.89-5.07,61.56-30.82,70.9-62.81v57.83c0,3.26,2.64,5.9,5.9,5.9h50.42c3.26,0,5.9-2.64,5.9-5.9V110.63c0-3.26-2.64-5.9-5.9-5.9h-56.32Zm0,206.92c-12.2,10.16-27.97,13.98-44.84,15.12-.16,.01-.33,.03-.49,.04-1.12,.07-2.24,.1-3.36,.1-42.24,0-77.12-35.89-77.12-79.37,0-10.25,1.96-20.01,5.42-28.98,11.22-29.12,38.77-49.74,71.06-49.74h49.33v142.83Z"}),r.createElement("path",{className:"cls-2",d:"M1314.05,104.73h-49.33c-48.36,0-90.91,25.48-115.75,64.1-11.79,18.34-19.6,39.64-22.11,62.59-.58,5.3-.88,10.68-.88,16.14s.31,11.15,.93,16.59c4.28,38.09,23.14,71.61,50.66,94.52,2.93,2.6,6.05,4.98,9.31,7.14,12.86,8.49,28.11,13.47,44.52,13.47h0c17.99,0,34.61-5.93,48.16-15.97,16.29-11.58,28.88-28.54,34.48-47.75v50.26h-.11v11.08c0,21.84-5.71,38.27-17.34,49.36-11.61,11.08-31.04,16.63-58.25,16.63-11.12,0-28.79-.59-46.6-2.41-2.83-.29-5.46,1.5-6.27,4.22l-12.78,43.11c-1.02,3.46,1.27,7.02,4.83,7.53,21.52,3.08,42.52,4.68,54.65,4.68,48.91,0,85.16-10.75,108.89-32.21,21.48-19.41,33.15-48.89,35.2-88.52V110.63c0-3.26-2.64-5.9-5.9-5.9h-56.32Zm0,64.1s.65,139.13,0,143.36c-12.08,9.77-27.11,13.59-43.49,14.7-.16,.01-.33,.03-.49,.04-1.12,.07-2.24,.1-3.36,.1-1.32,0-2.63-.03-3.94-.1-40.41-2.11-74.52-37.26-74.52-79.38,0-10.25,1.96-20.01,5.42-28.98,11.22-29.12,38.77-49.74,71.06-49.74h49.33Z"}),r.createElement("path",{className:"cls-1",d:"M249.83,0C113.3,0,2,110.09,.03,246.16c-2,138.19,110.12,252.7,248.33,253.5,42.68,.25,83.79-10.19,120.3-30.03,3.56-1.93,4.11-6.83,1.08-9.51l-23.38-20.72c-4.75-4.21-11.51-5.4-17.36-2.92-25.48,10.84-53.17,16.38-81.71,16.03-111.68-1.37-201.91-94.29-200.13-205.96,1.76-110.26,92-199.41,202.67-199.41h202.69V407.41l-115-102.18c-3.72-3.31-9.42-2.66-12.42,1.31-18.46,24.44-48.53,39.64-81.93,37.34-46.33-3.2-83.87-40.5-87.34-86.81-4.15-55.24,39.63-101.52,94-101.52,49.18,0,89.68,37.85,93.91,85.95,.38,4.28,2.31,8.27,5.52,11.12l29.95,26.55c3.4,3.01,8.79,1.17,9.63-3.3,2.16-11.55,2.92-23.58,2.07-35.92-4.82-70.34-61.8-126.93-132.17-131.26-80.68-4.97-148.13,58.14-150.27,137.25-2.09,77.1,61.08,143.56,138.19,145.26,32.19,.71,62.03-9.41,86.14-26.95l150.26,133.2c6.44,5.71,16.61,1.14,16.61-7.47V9.48C499.66,4.25,495.42,0,490.18,0H249.83Z"})))}function xt(e){return r.createElement("svg",{width:"15",height:"15","aria-label":e.ariaLabel,role:"img"},r.createElement("g",{fill:"none",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"1.2"},e.children))}function Et(e){var t=e.translations,n=void 0===t?{}:t,o=n.selectText,a=void 0===o?"to select":o,i=n.selectKeyAriaLabel,s=void 0===i?"Enter key":i,l=n.navigateText,c=void 0===l?"to navigate":l,u=n.navigateUpKeyAriaLabel,d=void 0===u?"Arrow up":u,p=n.navigateDownKeyAriaLabel,f=void 0===p?"Arrow down":p,m=n.closeText,h=void 0===m?"to close":m,g=n.closeKeyAriaLabel,b=void 0===g?"Escape key":g,y=n.searchByText,v=void 0===y?"Search by":y;return r.createElement(r.Fragment,null,r.createElement("div",{className:"DocSearch-Logo"},r.createElement(kt,{translations:{searchByText:v}})),r.createElement("ul",{className:"DocSearch-Commands"},r.createElement("li",null,r.createElement("kbd",{className:"DocSearch-Commands-Key"},r.createElement(xt,{ariaLabel:s},r.createElement("path",{d:"M12 3.53088v3c0 1-1 2-2 2H4M7 11.53088l-3-3 3-3"}))),r.createElement("span",{className:"DocSearch-Label"},a)),r.createElement("li",null,r.createElement("kbd",{className:"DocSearch-Commands-Key"},r.createElement(xt,{ariaLabel:f},r.createElement("path",{d:"M7.5 3.5v8M10.5 8.5l-3 3-3-3"}))),r.createElement("kbd",{className:"DocSearch-Commands-Key"},r.createElement(xt,{ariaLabel:d},r.createElement("path",{d:"M7.5 11.5v-8M10.5 6.5l-3-3-3 3"}))),r.createElement("span",{className:"DocSearch-Label"},c)),r.createElement("li",null,r.createElement("kbd",{className:"DocSearch-Commands-Key"},r.createElement(xt,{ariaLabel:b},r.createElement("path",{d:"M13.6167 8.936c-.1065.3583-.6883.962-1.4875.962-.7993 0-1.653-.9165-1.653-2.1258v-.5678c0-1.2548.7896-2.1016 1.653-2.1016.8634 0 1.3601.4778 1.4875 1.0724M9 6c-.1352-.4735-.7506-.9219-1.46-.8972-.7092.0246-1.344.57-1.344 1.2166s.4198.8812 1.3445.9805C8.465 7.3992 8.968 7.9337 9 8.5c.032.5663-.454 1.398-1.4595 1.398C6.6593 9.898 6 9 5.963 8.4851m-1.4748.5368c-.2635.5941-.8099.876-1.5443.876s-1.7073-.6248-1.7073-2.204v-.4603c0-1.0416.721-2.131 1.7073-2.131.9864 0 1.6425 1.031 1.5443 2.2492h-2.956"}))),r.createElement("span",{className:"DocSearch-Label"},h))))}function _t(e){var t=e.hit,n=e.children;return r.createElement("a",{href:t.url},n)}function Ct(){return r.createElement("svg",{viewBox:"0 0 38 38",stroke:"currentColor",strokeOpacity:".5"},r.createElement("g",{fill:"none",fillRule:"evenodd"},r.createElement("g",{transform:"translate(1 1)",strokeWidth:"2"},r.createElement("circle",{strokeOpacity:".3",cx:"18",cy:"18",r:"18"}),r.createElement("path",{d:"M36 18c0-9.94-8.06-18-18-18"},r.createElement("animateTransform",{attributeName:"transform",type:"rotate",from:"0 18 18",to:"360 18 18",dur:"1s",repeatCount:"indefinite"})))))}function jt(){return r.createElement("svg",{width:"20",height:"20",viewBox:"0 0 20 20"},r.createElement("g",{stroke:"currentColor",fill:"none",fillRule:"evenodd",strokeLinecap:"round",strokeLinejoin:"round"},r.createElement("path",{d:"M3.18 6.6a8.23 8.23 0 1112.93 9.94h0a8.23 8.23 0 01-11.63 0"}),r.createElement("path",{d:"M6.44 7.25H2.55V3.36M10.45 6v5.6M10.45 11.6L13 13"})))}function Ot(){return r.createElement("svg",{width:"20",height:"20",viewBox:"0 0 20 20"},r.createElement("path",{d:"M10 10l5.09-5.09L10 10l5.09 5.09L10 10zm0 0L4.91 4.91 10 10l-5.09 5.09L10 10z",stroke:"currentColor",fill:"none",fillRule:"evenodd",strokeLinecap:"round",strokeLinejoin:"round"}))}function At(){return r.createElement("svg",{className:"DocSearch-Hit-Select-Icon",width:"20",height:"20",viewBox:"0 0 20 20"},r.createElement("g",{stroke:"currentColor",fill:"none",fillRule:"evenodd",strokeLinecap:"round",strokeLinejoin:"round"},r.createElement("path",{d:"M18 3v4c0 2-2 4-4 4H2"}),r.createElement("path",{d:"M8 17l-6-6 6-6"})))}var Tt=function(){return r.createElement("svg",{width:"20",height:"20",viewBox:"0 0 20 20"},r.createElement("path",{d:"M17 6v12c0 .52-.2 1-1 1H4c-.7 0-1-.33-1-1V2c0-.55.42-1 1-1h8l5 5zM14 8h-3.13c-.51 0-.87-.34-.87-.87V4",stroke:"currentColor",fill:"none",fillRule:"evenodd",strokeLinejoin:"round"}))};function Pt(e){switch(e.type){case"lvl1":return r.createElement(Tt,null);case"content":return r.createElement(It,null);default:return r.createElement(Lt,null)}}function Lt(){return r.createElement("svg",{width:"20",height:"20",viewBox:"0 0 20 20"},r.createElement("path",{d:"M13 13h4-4V8H7v5h6v4-4H7V8H3h4V3v5h6V3v5h4-4v5zm-6 0v4-4H3h4z",stroke:"currentColor",fill:"none",fillRule:"evenodd",strokeLinecap:"round",strokeLinejoin:"round"}))}function It(){return r.createElement("svg",{width:"20",height:"20",viewBox:"0 0 20 20"},r.createElement("path",{d:"M17 5H3h14zm0 5H3h14zm0 5H3h14z",stroke:"currentColor",fill:"none",fillRule:"evenodd",strokeLinejoin:"round"}))}function Nt(){return r.createElement("svg",{width:"20",height:"20",viewBox:"0 0 20 20"},r.createElement("path",{d:"M10 14.2L5 17l1-5.6-4-4 5.5-.7 2.5-5 2.5 5 5.6.8-4 4 .9 5.5z",stroke:"currentColor",fill:"none",fillRule:"evenodd",strokeLinejoin:"round"}))}function Rt(){return r.createElement("svg",{width:"40",height:"40",viewBox:"0 0 20 20",fill:"none",fillRule:"evenodd",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round"},r.createElement("path",{d:"M19 4.8a16 16 0 00-2-1.2m-3.3-1.2A16 16 0 001.1 4.7M16.7 8a12 12 0 00-2.8-1.4M10 6a12 12 0 00-6.7 2M12.3 14.7a4 4 0 00-4.5 0M14.5 11.4A8 8 0 0010 10M3 16L18 2M10 18h0"}))}function Dt(){return r.createElement("svg",{width:"40",height:"40",viewBox:"0 0 20 20",fill:"none",fillRule:"evenodd",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round"},r.createElement("path",{d:"M15.5 4.8c2 3 1.7 7-1 9.7h0l4.3 4.3-4.3-4.3a7.8 7.8 0 01-9.8 1m-2.2-2.2A7.8 7.8 0 0113.2 2.4M2 18L18 2"}))}function Mt(e){var t=e.translations,n=void 0===t?{}:t,o=n.titleText,a=void 0===o?"Unable to fetch results":o,i=n.helpText,s=void 0===i?"You might want to check your network connection.":i;return r.createElement("div",{className:"DocSearch-ErrorScreen"},r.createElement("div",{className:"DocSearch-Screen-Icon"},r.createElement(Rt,null)),r.createElement("p",{className:"DocSearch-Title"},a),r.createElement("p",{className:"DocSearch-Help"},s))}var Ft=["translations"];function zt(e){var t=e.translations,n=void 0===t?{}:t,o=l(e,Ft),a=n.noResultsText,i=void 0===a?"No results for":a,s=n.suggestedQueryText,c=void 0===s?"Try searching for":s,d=n.reportMissingResultsText,p=void 0===d?"Believe this query should return results?":d,f=n.reportMissingResultsLinkText,m=void 0===f?"Let us know.":f,h=o.state.context.searchSuggestions;return r.createElement("div",{className:"DocSearch-NoResults"},r.createElement("div",{className:"DocSearch-Screen-Icon"},r.createElement(Dt,null)),r.createElement("p",{className:"DocSearch-Title"},i,' "',r.createElement("strong",null,o.state.query),'"'),h&&h.length>0&&r.createElement("div",{className:"DocSearch-NoResults-Prefill-List"},r.createElement("p",{className:"DocSearch-Help"},c,":"),r.createElement("ul",null,h.slice(0,3).reduce((function(e,t){return[].concat(u(e),[r.createElement("li",{key:t},r.createElement("button",{className:"DocSearch-Prefill",key:t,type:"button",onClick:function(){o.setQuery(t.toLowerCase()+" "),o.refresh(),o.inputRef.current.focus()}},t))])}),[]))),o.getMissingResultsUrl&&r.createElement("p",{className:"DocSearch-Help"},"".concat(p," "),r.createElement("a",{href:o.getMissingResultsUrl({query:o.state.query}),target:"_blank",rel:"noopener noreferrer"},m)))}var Bt=["hit","attribute","tagName"];function Ut(e,t){return t.split(".").reduce((function(e,t){return null!=e&&e[t]?e[t]:null}),e)}function qt(e){var t=e.hit,n=e.attribute,o=e.tagName,i=void 0===o?"span":o,s=l(e,Bt);return(0,r.createElement)(i,a(a({},s),{},{dangerouslySetInnerHTML:{__html:Ut(t,"_snippetResult.".concat(n,".value"))||Ut(t,n)}}))}function $t(e){return e.collection&&0!==e.collection.items.length?r.createElement("section",{className:"DocSearch-Hits"},r.createElement("div",{className:"DocSearch-Hit-source"},e.title),r.createElement("ul",e.getListProps(),e.collection.items.map((function(t,n){return r.createElement(Ht,s({key:[e.title,t.objectID].join(":"),item:t,index:n},e))})))):null}function Ht(e){var t=e.item,n=e.index,o=e.renderIcon,a=e.renderAction,i=e.getItemProps,l=e.onItemClick,u=e.collection,d=e.hitComponent,p=c(r.useState(!1),2),f=p[0],m=p[1],h=c(r.useState(!1),2),g=h[0],b=h[1],y=r.useRef(null),v=d;return r.createElement("li",s({className:["DocSearch-Hit",t.__docsearch_parent&&"DocSearch-Hit--Child",f&&"DocSearch-Hit--deleting",g&&"DocSearch-Hit--favoriting"].filter(Boolean).join(" "),onTransitionEnd:function(){y.current&&y.current()}},i({item:t,source:u.source,onClick:function(e){l(t,e)}})),r.createElement(v,{hit:t},r.createElement("div",{className:"DocSearch-Hit-Container"},o({item:t,index:n}),t.hierarchy[t.type]&&"lvl1"===t.type&&r.createElement("div",{className:"DocSearch-Hit-content-wrapper"},r.createElement(qt,{className:"DocSearch-Hit-title",hit:t,attribute:"hierarchy.lvl1"}),t.content&&r.createElement(qt,{className:"DocSearch-Hit-path",hit:t,attribute:"content"})),t.hierarchy[t.type]&&("lvl2"===t.type||"lvl3"===t.type||"lvl4"===t.type||"lvl5"===t.type||"lvl6"===t.type)&&r.createElement("div",{className:"DocSearch-Hit-content-wrapper"},r.createElement(qt,{className:"DocSearch-Hit-title",hit:t,attribute:"hierarchy.".concat(t.type)}),r.createElement(qt,{className:"DocSearch-Hit-path",hit:t,attribute:"hierarchy.lvl1"})),"content"===t.type&&r.createElement("div",{className:"DocSearch-Hit-content-wrapper"},r.createElement(qt,{className:"DocSearch-Hit-title",hit:t,attribute:"content"}),r.createElement(qt,{className:"DocSearch-Hit-path",hit:t,attribute:"hierarchy.lvl1"})),a({item:t,runDeleteTransition:function(e){m(!0),y.current=e},runFavoriteTransition:function(e){b(!0),y.current=e}}))))}function Vt(e,t,n){return e.reduce((function(e,r){var o=t(r);return e.hasOwnProperty(o)||(e[o]=[]),e[o].length<(n||5)&&e[o].push(r),e}),{})}function Gt(e){return e}function Wt(e){return 1===e.button||e.altKey||e.ctrlKey||e.metaKey||e.shiftKey}function Kt(){}var Qt=/(<mark>|<\/mark>)/g,Yt=RegExp(Qt.source);function Zt(e){var t,n,r=e;if(!r.__docsearch_parent&&!e._highlightResult)return e.hierarchy.lvl0;var o=r.__docsearch_parent?null===(t=r.__docsearch_parent)||void 0===t||null===(t=t._highlightResult)||void 0===t||null===(t=t.hierarchy)||void 0===t?void 0:t.lvl0:null===(n=e._highlightResult)||void 0===n||null===(n=n.hierarchy)||void 0===n?void 0:n.lvl0;return o?o.value&&Yt.test(o.value)?o.value.replace(Qt,""):o.value:e.hierarchy.lvl0}function Jt(e){return r.createElement("div",{className:"DocSearch-Dropdown-Container"},e.state.collections.map((function(t){if(0===t.items.length)return null;var n=Zt(t.items[0]);return r.createElement($t,s({},e,{key:t.source.sourceId,title:n,collection:t,renderIcon:function(e){var n,o=e.item,a=e.index;return r.createElement(r.Fragment,null,o.__docsearch_parent&&r.createElement("svg",{className:"DocSearch-Hit-Tree",viewBox:"0 0 24 54"},r.createElement("g",{stroke:"currentColor",fill:"none",fillRule:"evenodd",strokeLinecap:"round",strokeLinejoin:"round"},o.__docsearch_parent!==(null===(n=t.items[a+1])||void 0===n?void 0:n.__docsearch_parent)?r.createElement("path",{d:"M8 6v21M20 27H8.3"}):r.createElement("path",{d:"M8 6v42M20 27H8.3"}))),r.createElement("div",{className:"DocSearch-Hit-icon"},r.createElement(Pt,{type:o.type})))},renderAction:function(){return r.createElement("div",{className:"DocSearch-Hit-action"},r.createElement(At,null))}}))})),e.resultsFooterComponent&&r.createElement("section",{className:"DocSearch-HitsFooter"},r.createElement(e.resultsFooterComponent,{state:e.state})))}var Xt=["translations"];function en(e){var t=e.translations,n=void 0===t?{}:t,o=l(e,Xt),a=n.recentSearchesTitle,i=void 0===a?"Recent":a,c=n.noRecentSearchesText,u=void 0===c?"No recent searches":c,d=n.saveRecentSearchButtonTitle,p=void 0===d?"Save this search":d,f=n.removeRecentSearchButtonTitle,m=void 0===f?"Remove this search from history":f,h=n.favoriteSearchesTitle,g=void 0===h?"Favorite":h,b=n.removeFavoriteSearchButtonTitle,y=void 0===b?"Remove this search from favorites":b;return"idle"===o.state.status&&!1===o.hasCollections?o.disableUserPersonalization?null:r.createElement("div",{className:"DocSearch-StartScreen"},r.createElement("p",{className:"DocSearch-Help"},u)):!1===o.hasCollections?null:r.createElement("div",{className:"DocSearch-Dropdown-Container"},r.createElement($t,s({},o,{title:i,collection:o.state.collections[0],renderIcon:function(){return r.createElement("div",{className:"DocSearch-Hit-icon"},r.createElement(jt,null))},renderAction:function(e){var t=e.item,n=e.runFavoriteTransition,a=e.runDeleteTransition;return r.createElement(r.Fragment,null,r.createElement("div",{className:"DocSearch-Hit-action"},r.createElement("button",{className:"DocSearch-Hit-action-button",title:p,type:"submit",onClick:function(e){e.preventDefault(),e.stopPropagation(),n((function(){o.favoriteSearches.add(t),o.recentSearches.remove(t),o.refresh()}))}},r.createElement(Nt,null))),r.createElement("div",{className:"DocSearch-Hit-action"},r.createElement("button",{className:"DocSearch-Hit-action-button",title:m,type:"submit",onClick:function(e){e.preventDefault(),e.stopPropagation(),a((function(){o.recentSearches.remove(t),o.refresh()}))}},r.createElement(Ot,null))))}})),r.createElement($t,s({},o,{title:g,collection:o.state.collections[1],renderIcon:function(){return r.createElement("div",{className:"DocSearch-Hit-icon"},r.createElement(Nt,null))},renderAction:function(e){var t=e.item,n=e.runDeleteTransition;return r.createElement("div",{className:"DocSearch-Hit-action"},r.createElement("button",{className:"DocSearch-Hit-action-button",title:y,type:"submit",onClick:function(e){e.preventDefault(),e.stopPropagation(),n((function(){o.favoriteSearches.remove(t),o.refresh()}))}},r.createElement(Ot,null)))}})))}var tn=["translations"],nn=r.memo((function(e){var t=e.translations,n=void 0===t?{}:t,o=l(e,tn);if("error"===o.state.status)return r.createElement(Mt,{translations:null==n?void 0:n.errorScreen});var a=o.state.collections.some((function(e){return e.items.length>0}));return o.state.query?!1===a?r.createElement(zt,s({},o,{translations:null==n?void 0:n.noResultsScreen})):r.createElement(Jt,o):r.createElement(en,s({},o,{hasCollections:a,translations:null==n?void 0:n.startScreen}))}),(function(e,t){return"loading"===t.state.status||"stalled"===t.state.status})),rn=["translations"];function on(e){var t=e.translations,n=void 0===t?{}:t,o=l(e,rn),a=n.resetButtonTitle,i=void 0===a?"Clear the query":a,c=n.resetButtonAriaLabel,u=void 0===c?"Clear the query":c,d=n.cancelButtonText,p=void 0===d?"Cancel":d,f=n.cancelButtonAriaLabel,h=void 0===f?"Cancel":f,g=n.searchInputLabel,b=void 0===g?"Search":g,y=o.getFormProps({inputElement:o.inputRef.current}).onReset;return r.useEffect((function(){o.autoFocus&&o.inputRef.current&&o.inputRef.current.focus()}),[o.autoFocus,o.inputRef]),r.useEffect((function(){o.isFromSelection&&o.inputRef.current&&o.inputRef.current.select()}),[o.isFromSelection,o.inputRef]),r.createElement(r.Fragment,null,r.createElement("form",{className:"DocSearch-Form",onSubmit:function(e){e.preventDefault()},onReset:y},r.createElement("label",s({className:"DocSearch-MagnifierLabel"},o.getLabelProps()),r.createElement(m,null),r.createElement("span",{className:"DocSearch-VisuallyHiddenForAccessibility"},b)),r.createElement("div",{className:"DocSearch-LoadingIndicator"},r.createElement(Ct,null)),r.createElement("input",s({className:"DocSearch-Input",ref:o.inputRef},o.getInputProps({inputElement:o.inputRef.current,autoFocus:o.autoFocus,maxLength:64}))),r.createElement("button",{type:"reset",title:i,className:"DocSearch-Reset","aria-label":u,hidden:!o.state.query},r.createElement(Ot,null))),r.createElement("button",{className:"DocSearch-Cancel",type:"reset","aria-label":h,onClick:o.onClose},p))}var an=["_highlightResult","_snippetResult"];function sn(e){var t=e.key,n=e.limit,r=void 0===n?5:n,o=function(e){return!1===function(){var e="__TEST_KEY__";try{return localStorage.setItem(e,""),localStorage.removeItem(e),!0}catch(e){return!1}}()?{setItem:function(){},getItem:function(){return[]}}:{setItem:function(t){return window.localStorage.setItem(e,JSON.stringify(t))},getItem:function(){var t=window.localStorage.getItem(e);return t?JSON.parse(t):[]}}}(t),a=o.getItem().slice(0,r);return{add:function(e){var t=e,n=(t._highlightResult,t._snippetResult,l(t,an)),i=a.findIndex((function(e){return e.objectID===n.objectID}));i>-1&&a.splice(i,1),a.unshift(n),a=a.slice(0,r),o.setItem(a)},remove:function(e){a=a.filter((function(t){return t.objectID!==e.objectID})),o.setItem(a)},getAll:function(){return a}}}function ln(e){const t=`algoliasearch-client-js-${e.key}`;let n;const r=()=>(void 0===n&&(n=e.localStorage||window.localStorage),n),o=()=>JSON.parse(r().getItem(t)||"{}"),a=e=>{r().setItem(t,JSON.stringify(e))};return{get:(t,n,r={miss:()=>Promise.resolve()})=>Promise.resolve().then((()=>{(()=>{const t=e.timeToLive?1e3*e.timeToLive:null,n=o(),r=Object.fromEntries(Object.entries(n).filter((([,e])=>void 0!==e.timestamp)));if(a(r),!t)return;const i=Object.fromEntries(Object.entries(r).filter((([,e])=>{const n=(new Date).getTime();return!(e.timestamp+t<n)})));a(i)})();const n=JSON.stringify(t);return o()[n]})).then((e=>Promise.all([e?e.value:n(),void 0!==e]))).then((([e,t])=>Promise.all([e,t||r.miss(e)]))).then((([e])=>e)),set:(e,n)=>Promise.resolve().then((()=>{const a=o();return a[JSON.stringify(e)]={timestamp:(new Date).getTime(),value:n},r().setItem(t,JSON.stringify(a)),n})),delete:e=>Promise.resolve().then((()=>{const n=o();delete n[JSON.stringify(e)],r().setItem(t,JSON.stringify(n))})),clear:()=>Promise.resolve().then((()=>{r().removeItem(t)}))}}function cn(e){const t=[...e.caches],n=t.shift();return void 0===n?{get:(e,t,n={miss:()=>Promise.resolve()})=>t().then((e=>Promise.all([e,n.miss(e)]))).then((([e])=>e)),set:(e,t)=>Promise.resolve(t),delete:e=>Promise.resolve(),clear:()=>Promise.resolve()}:{get:(e,r,o={miss:()=>Promise.resolve()})=>n.get(e,r,o).catch((()=>cn({caches:t}).get(e,r,o))),set:(e,r)=>n.set(e,r).catch((()=>cn({caches:t}).set(e,r))),delete:e=>n.delete(e).catch((()=>cn({caches:t}).delete(e))),clear:()=>n.clear().catch((()=>cn({caches:t}).clear()))}}function un(e={serializable:!0}){let t={};return{get(n,r,o={miss:()=>Promise.resolve()}){const a=JSON.stringify(n);if(a in t)return Promise.resolve(e.serializable?JSON.parse(t[a]):t[a]);const i=r(),s=o&&o.miss||(()=>Promise.resolve());return i.then((e=>s(e))).then((()=>i))},set:(n,r)=>(t[JSON.stringify(n)]=e.serializable?JSON.stringify(r):r,Promise.resolve(r)),delete:e=>(delete t[JSON.stringify(e)],Promise.resolve()),clear:()=>(t={},Promise.resolve())}}function dn(e){let t=e.length-1;for(;t>0;t--){const n=Math.floor(Math.random()*(t+1)),r=e[t];e[t]=e[n],e[n]=r}return e}function pn(e,t){return t?(Object.keys(t).forEach((n=>{e[n]=t[n](e)})),e):e}function fn(e,...t){let n=0;return e.replace(/%s/g,(()=>encodeURIComponent(t[n++])))}const mn={WithinQueryParameters:0,WithinHeaders:1};function hn(e,t){const n=e||{},r=n.data||{};return Object.keys(n).forEach((e=>{-1===["timeout","headers","queryParameters","data","cacheable"].indexOf(e)&&(r[e]=n[e])})),{data:Object.entries(r).length>0?r:void 0,timeout:n.timeout||t,headers:n.headers||{},queryParameters:n.queryParameters||{},cacheable:n.cacheable}}const gn={Read:1,Write:2,Any:3},bn=1,yn=3;function vn(e,t=bn){return{...e,status:t,lastUpdate:Date.now()}}function wn(e){return"string"==typeof e?{protocol:"https",url:e,accept:gn.Any}:{protocol:e.protocol||"https",url:e.url,accept:e.accept||gn.Any}}const Sn="GET",kn="POST";function xn(e,t,n,r){const o=[],a=function(e,t){if(e.method===Sn||void 0===e.data&&void 0===t.data)return;const n=Array.isArray(e.data)?e.data:{...e.data,...t.data};return JSON.stringify(n)}(n,r),i=function(e,t){const n={...e.headers,...t.headers},r={};return Object.keys(n).forEach((e=>{const t=n[e];r[e.toLowerCase()]=t})),r}(e,r),s=n.method,l=n.method!==Sn?{}:{...n.data,...r.data},c={"x-algolia-agent":e.userAgent.value,...e.queryParameters,...l,...r.queryParameters};let u=0;const d=(t,l)=>{const p=t.pop();if(void 0===p)throw{name:"RetryError",message:"Unreachable hosts - your application id may be incorrect. If the error persists, contact support@algolia.com.",transporterStackTrace:jn(o)};const f={data:a,headers:i,method:s,url:_n(p,n.path,c),connectTimeout:l(u,e.timeouts.connect),responseTimeout:l(u,r.timeout)},m=e=>{const n={request:f,response:e,host:p,triesLeft:t.length};return o.push(n),n},h={onSuccess:e=>function(e){try{return JSON.parse(e.content)}catch(t){throw function(e,t){return{name:"DeserializationError",message:e,response:t}}(t.message,e)}}(e),onRetry(n){const r=m(n);return n.isTimedOut&&u++,Promise.all([e.logger.info("Retryable failure",On(r)),e.hostsCache.set(p,vn(p,n.isTimedOut?yn:2))]).then((()=>d(t,l)))},onFail(e){throw m(e),function({content:e,status:t},n){let r=e;try{r=JSON.parse(e).message}catch(e){}return function(e,t,n){return{name:"ApiError",message:e,status:t,transporterStackTrace:n}}(r,t,n)}(e,jn(o))}};return e.requester.send(f).then((e=>((e,t)=>(e=>{const t=e.status;return e.isTimedOut||(({isTimedOut:e,status:t})=>!e&&!~~t)(e)||2!=~~(t/100)&&4!=~~(t/100)})(e)?t.onRetry(e):(({status:e})=>2==~~(e/100))(e)?t.onSuccess(e):t.onFail(e))(e,h)))};return function(e,t){return Promise.all(t.map((t=>e.get(t,(()=>Promise.resolve(vn(t))))))).then((e=>{const n=e.filter((e=>function(e){return e.status===bn||Date.now()-e.lastUpdate>12e4}(e))),r=e.filter((e=>function(e){return e.status===yn&&Date.now()-e.lastUpdate<=12e4}(e))),o=[...n,...r];return{getTimeout:(e,t)=>(0===r.length&&0===e?1:r.length+3+e)*t,statelessHosts:o.length>0?o.map((e=>wn(e))):t}}))}(e.hostsCache,t).then((e=>d([...e.statelessHosts].reverse(),e.getTimeout)))}function En(e){const t={value:`Algolia for JavaScript (${e})`,add(e){const n=`; ${e.segment}${void 0!==e.version?` (${e.version})`:""}`;return-1===t.value.indexOf(n)&&(t.value=`${t.value}${n}`),t}};return t}function _n(e,t,n){const r=Cn(n);let o=`${e.protocol}://${e.url}/${"/"===t.charAt(0)?t.substr(1):t}`;return r.length&&(o+=`?${r}`),o}function Cn(e){return Object.keys(e).map((t=>{return fn("%s=%s",t,(n=e[t],"[object Object]"===Object.prototype.toString.call(n)||"[object Array]"===Object.prototype.toString.call(n)?JSON.stringify(e[t]):e[t]));var n})).join("&")}function jn(e){return e.map((e=>On(e)))}function On(e){const t=e.request.headers["x-algolia-api-key"]?{"x-algolia-api-key":"*****"}:{};return{...e,request:{...e.request,headers:{...e.request.headers,...t}}}}const An=e=>{const t=e.appId,n=function(e,t,n){const r={"x-algolia-api-key":n,"x-algolia-application-id":t};return{headers:()=>e===mn.WithinHeaders?r:{},queryParameters:()=>e===mn.WithinQueryParameters?r:{}}}(void 0!==e.authMode?e.authMode:mn.WithinHeaders,t,e.apiKey),r=function(e){const{hostsCache:t,logger:n,requester:r,requestsCache:o,responsesCache:a,timeouts:i,userAgent:s,hosts:l,queryParameters:c,headers:u}=e,d={hostsCache:t,logger:n,requester:r,requestsCache:o,responsesCache:a,timeouts:i,userAgent:s,headers:u,queryParameters:c,hosts:l.map((e=>wn(e))),read(e,t){const n=hn(t,d.timeouts.read),r=()=>xn(d,d.hosts.filter((e=>!!(e.accept&gn.Read))),e,n);if(!0!==(void 0!==n.cacheable?n.cacheable:e.cacheable))return r();const o={request:e,mappedRequestOptions:n,transporter:{queryParameters:d.queryParameters,headers:d.headers}};return d.responsesCache.get(o,(()=>d.requestsCache.get(o,(()=>d.requestsCache.set(o,r()).then((e=>Promise.all([d.requestsCache.delete(o),e])),(e=>Promise.all([d.requestsCache.delete(o),Promise.reject(e)]))).then((([e,t])=>t))))),{miss:e=>d.responsesCache.set(o,e)})},write:(e,t)=>xn(d,d.hosts.filter((e=>!!(e.accept&gn.Write))),e,hn(t,d.timeouts.write))};return d}({hosts:[{url:`${t}-dsn.algolia.net`,accept:gn.Read},{url:`${t}.algolia.net`,accept:gn.Write}].concat(dn([{url:`${t}-1.algolianet.com`},{url:`${t}-2.algolianet.com`},{url:`${t}-3.algolianet.com`}])),...e,headers:{...n.headers(),"content-type":"application/x-www-form-urlencoded",...e.headers},queryParameters:{...n.queryParameters(),...e.queryParameters}}),o={transporter:r,appId:t,addAlgoliaAgent(e,t){r.userAgent.add({segment:e,version:t})},clearCache:()=>Promise.all([r.requestsCache.clear(),r.responsesCache.clear()]).then((()=>{}))};return pn(o,e.methods)},Tn=e=>(t,n)=>t.method===Sn?e.transporter.read(t,n):e.transporter.write(t,n),Pn=e=>(t,n={})=>pn({transporter:e.transporter,appId:e.appId,indexName:t},n.methods),Ln=e=>(t,n)=>{const r=t.map((e=>({...e,params:Cn(e.params||{})})));return e.transporter.read({method:kn,path:"1/indexes/*/queries",data:{requests:r},cacheable:!0},n)},In=e=>(t,n)=>Promise.all(t.map((t=>{const{facetName:r,facetQuery:o,...a}=t.params;return Pn(e)(t.indexName,{methods:{searchForFacetValues:Dn}}).searchForFacetValues(r,o,{...n,...a})}))),Nn=e=>(t,n,r)=>e.transporter.read({method:kn,path:fn("1/answers/%s/prediction",e.indexName),data:{query:t,queryLanguages:n},cacheable:!0},r),Rn=e=>(t,n)=>e.transporter.read({method:kn,path:fn("1/indexes/%s/query",e.indexName),data:{query:t},cacheable:!0},n),Dn=e=>(t,n,r)=>e.transporter.read({method:kn,path:fn("1/indexes/%s/facets/%s/query",e.indexName,t),data:{facetQuery:n},cacheable:!0},r),Mn=1,Fn=2,zn=3;function Bn(e,t,n){const r={appId:e,apiKey:t,timeouts:{connect:1,read:2,write:30},requester:{send:e=>new Promise((t=>{const n=new XMLHttpRequest;n.open(e.method,e.url,!0),Object.keys(e.headers).forEach((t=>n.setRequestHeader(t,e.headers[t])));const r=(e,r)=>setTimeout((()=>{n.abort(),t({status:0,content:r,isTimedOut:!0})}),1e3*e),o=r(e.connectTimeout,"Connection timeout");let a;n.onreadystatechange=()=>{n.readyState>n.OPENED&&void 0===a&&(clearTimeout(o),a=r(e.responseTimeout,"Socket timeout"))},n.onerror=()=>{0===n.status&&(clearTimeout(o),clearTimeout(a),t({content:n.responseText||"Network request failed",status:n.status,isTimedOut:!1}))},n.onload=()=>{clearTimeout(o),clearTimeout(a),t({content:n.responseText,status:n.status,isTimedOut:!1})},n.send(e.data)}))},logger:(o=zn,{debug:(e,t)=>(Mn>=o&&console.debug(e,t),Promise.resolve()),info:(e,t)=>(Fn>=o&&console.info(e,t),Promise.resolve()),error:(e,t)=>(console.error(e,t),Promise.resolve())}),responsesCache:un(),requestsCache:un({serializable:!1}),hostsCache:cn({caches:[ln({key:`4.19.1-${e}`}),un()]}),userAgent:En("4.19.1").add({segment:"Browser",version:"lite"}),authMode:mn.WithinQueryParameters};var o;return An({...r,...n,methods:{search:Ln,searchForFacetValues:In,multipleQueries:Ln,multipleSearchForFacetValues:In,customRequest:Tn,initIndex:e=>t=>Pn(e)(t,{methods:{search:Rn,searchForFacetValues:Dn,findAnswers:Nn}})}})}Bn.version="4.19.1";var Un=["footer","searchBox"];function qn(e){var t=e.appId,n=e.apiKey,o=e.indexName,i=e.placeholder,u=void 0===i?"Search docs":i,d=e.searchParameters,p=e.maxResultsPerGroup,f=e.onClose,m=void 0===f?Kt:f,h=e.transformItems,g=void 0===h?Gt:h,b=e.hitComponent,y=void 0===b?_t:b,v=e.resultsFooterComponent,w=void 0===v?function(){return null}:v,S=e.navigator,k=e.initialScrollY,x=void 0===k?0:k,E=e.transformSearchClient,_=void 0===E?Gt:E,C=e.disableUserPersonalization,j=void 0!==C&&C,O=e.initialQuery,A=void 0===O?"":O,T=e.translations,P=void 0===T?{}:T,L=e.getMissingResultsUrl,I=e.insights,N=void 0!==I&&I,R=P.footer,D=P.searchBox,M=l(P,Un),F=c(r.useState({query:"",collections:[],completion:null,context:{},isOpen:!1,activeItemId:null,status:"idle"}),2),z=F[0],B=F[1],U=r.useRef(null),q=r.useRef(null),$=r.useRef(null),H=r.useRef(null),V=r.useRef(null),G=r.useRef(10),W=r.useRef("undefined"!=typeof window?window.getSelection().toString().slice(0,64):"").current,K=r.useRef(A||W).current,Q=function(e,t,n){return r.useMemo((function(){var r=Bn(e,t);return r.addAlgoliaAgent("docsearch","3.6.2"),!1===/docsearch.js \(.*\)/.test(r.transporter.userAgent.value)&&r.addAlgoliaAgent("docsearch-react","3.6.2"),n(r)}),[e,t,n])}(t,n,_),Y=r.useRef(sn({key:"__DOCSEARCH_FAVORITE_SEARCHES__".concat(o),limit:10})).current,Z=r.useRef(sn({key:"__DOCSEARCH_RECENT_SEARCHES__".concat(o),limit:0===Y.getAll().length?7:4})).current,J=r.useCallback((function(e){if(!j){var t="content"===e.type?e.__docsearch_parent:e;t&&-1===Y.getAll().findIndex((function(e){return e.objectID===t.objectID}))&&Z.add(t)}}),[Y,Z,j]),X=r.useCallback((function(e){if(z.context.algoliaInsightsPlugin&&e.__autocomplete_id){var t=e,n={eventName:"Item Selected",index:t.__autocomplete_indexName,items:[t],positions:[e.__autocomplete_id],queryID:t.__autocomplete_queryID};z.context.algoliaInsightsPlugin.insights.clickedObjectIDsAfterSearch(n)}}),[z.context.algoliaInsightsPlugin]),ee=r.useMemo((function(){return St({id:"docsearch",defaultActiveItemId:0,placeholder:u,openOnFocus:!0,initialState:{query:K,context:{searchSuggestions:[]}},insights:N,navigator:S,onStateChange:function(e){B(e.state)},getSources:function(e){var r=e.query,i=e.state,s=e.setContext,l=e.setStatus;if(!r)return j?[]:[{sourceId:"recentSearches",onSelect:function(e){var t=e.item,n=e.event;J(t),Wt(n)||m()},getItemUrl:function(e){return e.item.url},getItems:function(){return Z.getAll()}},{sourceId:"favoriteSearches",onSelect:function(e){var t=e.item,n=e.event;J(t),Wt(n)||m()},getItemUrl:function(e){return e.item.url},getItems:function(){return Y.getAll()}}];var c=Boolean(N);return Q.search([{query:r,indexName:o,params:a({attributesToRetrieve:["hierarchy.lvl0","hierarchy.lvl1","hierarchy.lvl2","hierarchy.lvl3","hierarchy.lvl4","hierarchy.lvl5","hierarchy.lvl6","content","type","url"],attributesToSnippet:["hierarchy.lvl1:".concat(G.current),"hierarchy.lvl2:".concat(G.current),"hierarchy.lvl3:".concat(G.current),"hierarchy.lvl4:".concat(G.current),"hierarchy.lvl5:".concat(G.current),"hierarchy.lvl6:".concat(G.current),"content:".concat(G.current)],snippetEllipsisText:"\u2026",highlightPreTag:"<mark>",highlightPostTag:"</mark>",hitsPerPage:20,clickAnalytics:c},d)}]).catch((function(e){throw"RetryError"===e.name&&l("error"),e})).then((function(e){var r=e.results[0],l=r.hits,u=r.nbHits,d=Vt(l,(function(e){return Zt(e)}),p);i.context.searchSuggestions.length<Object.keys(d).length&&s({searchSuggestions:Object.keys(d)}),s({nbHits:u});var f={};return c&&(f={__autocomplete_indexName:o,__autocomplete_queryID:r.queryID,__autocomplete_algoliaCredentials:{appId:t,apiKey:n}}),Object.values(d).map((function(e,t){return{sourceId:"hits".concat(t),onSelect:function(e){var t=e.item,n=e.event;J(t),Wt(n)||m()},getItemUrl:function(e){return e.item.url},getItems:function(){return Object.values(Vt(e,(function(e){return e.hierarchy.lvl1}),p)).map(g).map((function(e){return e.map((function(t){var n=null,r=e.find((function(e){return"lvl1"===e.type&&e.hierarchy.lvl1===t.hierarchy.lvl1}));return"lvl1"!==t.type&&r&&(n=r),a(a({},t),{},{__docsearch_parent:n},f)}))})).flat()}}}))}))}})}),[o,d,p,Q,m,Z,Y,J,K,u,S,g,j,N,t,n]),te=ee.getEnvironmentProps,ne=ee.getRootProps,re=ee.refresh;return function(e){var t=e.getEnvironmentProps,n=e.panelElement,o=e.formElement,a=e.inputElement;r.useEffect((function(){if(n&&o&&a){var e=t({panelElement:n,formElement:o,inputElement:a}),r=e.onTouchStart,i=e.onTouchMove;return window.addEventListener("touchstart",r),window.addEventListener("touchmove",i),function(){window.removeEventListener("touchstart",r),window.removeEventListener("touchmove",i)}}}),[t,n,o,a])}({getEnvironmentProps:te,panelElement:H.current,formElement:$.current,inputElement:V.current}),function(e){var t=e.container;r.useEffect((function(){if(t){var e=t.querySelectorAll("a[href]:not([disabled]), button:not([disabled]), input:not([disabled])"),n=e[0],r=e[e.length-1];return t.addEventListener("keydown",o),function(){t.removeEventListener("keydown",o)}}function o(e){"Tab"===e.key&&(e.shiftKey?document.activeElement===n&&(e.preventDefault(),r.focus()):document.activeElement===r&&(e.preventDefault(),n.focus()))}}),[t])}({container:U.current}),r.useEffect((function(){return document.body.classList.add("DocSearch--active"),function(){var e,t;document.body.classList.remove("DocSearch--active"),null===(e=(t=window).scrollTo)||void 0===e||e.call(t,0,x)}}),[]),r.useEffect((function(){window.matchMedia("(max-width: 768px)").matches&&(G.current=5)}),[]),r.useEffect((function(){H.current&&(H.current.scrollTop=0)}),[z.query]),r.useEffect((function(){K.length>0&&(re(),V.current&&V.current.focus())}),[K,re]),r.useEffect((function(){function e(){if(q.current){var e=.01*window.innerHeight;q.current.style.setProperty("--docsearch-vh","".concat(e,"px"))}}return e(),window.addEventListener("resize",e),function(){window.removeEventListener("resize",e)}}),[]),r.createElement("div",s({ref:U},ne({"aria-expanded":!0}),{className:["DocSearch","DocSearch-Container","stalled"===z.status&&"DocSearch-Container--Stalled","error"===z.status&&"DocSearch-Container--Errored"].filter(Boolean).join(" "),role:"button",tabIndex:0,onMouseDown:function(e){e.target===e.currentTarget&&m()}}),r.createElement("div",{className:"DocSearch-Modal",ref:q},r.createElement("header",{className:"DocSearch-SearchBar",ref:$},r.createElement(on,s({},ee,{state:z,autoFocus:0===K.length,inputRef:V,isFromSelection:Boolean(K)&&K===W,translations:D,onClose:m}))),r.createElement("div",{className:"DocSearch-Dropdown",ref:H},r.createElement(nn,s({},ee,{indexName:o,state:z,hitComponent:y,resultsFooterComponent:w,disableUserPersonalization:j,recentSearches:Z,favoriteSearches:Y,inputRef:V,translations:M,getMissingResultsUrl:L,onItemClick:function(e,t){X(e),J(e),Wt(t)||m()}}))),r.createElement("footer",{className:"DocSearch-Footer"},r.createElement(Et,{translations:R}))))}function $n(e){var t=e.isOpen,n=e.onOpen,o=e.onClose,a=e.onInput,i=e.searchButtonRef;r.useEffect((function(){function e(e){var r;(27===e.keyCode&&t||"k"===(null===(r=e.key)||void 0===r?void 0:r.toLowerCase())&&(e.metaKey||e.ctrlKey)||!function(e){var t=e.target,n=t.tagName;return t.isContentEditable||"INPUT"===n||"SELECT"===n||"TEXTAREA"===n}(e)&&"/"===e.key&&!t)&&(e.preventDefault(),t?o():document.body.classList.contains("DocSearch--active")||document.body.classList.contains("DocSearch--active")||n()),i&&i.current===document.activeElement&&a&&/[a-zA-Z0-9]/.test(String.fromCharCode(e.keyCode))&&a(e)}return window.addEventListener("keydown",e),function(){window.removeEventListener("keydown",e)}}),[t,n,o,a,i])}},9927:(e,t,n)=>{var r={"./":6532};function o(e){var t=a(e);return n(t)}function a(e){if(!n.o(r,e)){var t=new Error("Cannot find module '"+e+"'");throw t.code="MODULE_NOT_FOUND",t}return r[e]}o.keys=function(){return Object.keys(r)},o.resolve=a,e.exports=o,o.id=9927},1377:(e,t,n)=>{"use strict";n.d(t,{A:()=>p});n(758);var r=n(9235),o=n.n(r),a=n(4054);const i={"0058b4c6":[()=>n.e(849).then(n.t.bind(n,6164,19)),"@generated/docusaurus-plugin-content-docs/default/p/docs-175.json",6164],"01a85c17":[()=>Promise.all([n.e(1869),n.e(8209)]).then(n.bind(n,7975)),"@theme/BlogTagsListPage",7975],"024ebfdc":[()=>n.e(9507).then(n.t.bind(n,6897,19)),"@generated/docusaurus-plugin-content-blog/default/p/blog-tags-brand-091.json",6897],"0499e362":[()=>n.e(4005).then(n.bind(n,1539)),"@site/i18n/en/docusaurus-plugin-content-docs/current/get-started/cheatsheet.mdx",1539],"066221cc":[()=>n.e(3120).then(n.bind(n,3760)),"@site/i18n/en/docusaurus-plugin-content-docs/current/get-started/overview.mdx",3760],"0a4ee302":[()=>n.e(5977).then(n.bind(n,1540)),"@site/i18n/en/docusaurus-plugin-content-docs/current/guides/tech/with-nuxtjs.mdx",1540],17896441:[()=>Promise.all([n.e(1869),n.e(4342),n.e(1617),n.e(8401)]).then(n.bind(n,3097)),"@theme/DocItem",3097],"1943626f":[()=>n.e(6726).then(n.bind(n,3952)),"@site/blog/2022-06-04-rebranding.md",3952],"1a4e3797":[()=>Promise.all([n.e(1869),n.e(2138)]).then(n.bind(n,4164)),"@theme/SearchPage",4164],"1bfc316b":[()=>n.e(5271).then(n.t.bind(n,4276,19)),"@generated/docusaurus-plugin-content-blog/default/p/blog-tags-promo-a73.json",4276],"1df93b7f":[()=>Promise.all([n.e(1869),n.e(9820),n.e(7603),n.e(2511),n.e(4583)]).then(n.bind(n,3395)),"@site/src/pages/index.tsx",3395],"25a0b29f":[()=>n.e(422).then(n.bind(n,4688)),"@site/blog/2022-07-25-international-community.md?truncated=true",4688],"2f764a0f":[()=>n.e(8039).then(n.bind(n,7162)),"@site/i18n/en/docusaurus-plugin-content-docs/current/about/understanding/needs-driven.md",7162],"3121f8ae":[()=>n.e(9064).then(n.bind(n,3190)),"@site/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/platforms.mdx",3190],"350d1c3d":[()=>n.e(9706).then(n.bind(n,3350)),"@site/i18n/en/docusaurus-plugin-content-docs/current/reference/slices-segments.mdx",3350],"36994c47":[()=>n.e(9858).then(n.t.bind(n,5516,19)),"@generated/docusaurus-plugin-content-blog/default/__plugin.json",5516],"370f8845":[()=>n.e(8754).then(n.bind(n,1610)),"@site/i18n/en/docusaurus-plugin-content-docs/current/guides/tech/with-react-query.mdx",1610],"3a2db09e":[()=>n.e(8121).then(n.t.bind(n,8070,19)),"@generated/docusaurus-plugin-content-blog/default/p/blog-tags-df9.json",8070],"3d2652fb":[()=>n.e(7811).then(n.bind(n,5472)),"@site/i18n/en/docusaurus-plugin-content-docs/current/reference/public-api.md",5472],"3ef5053a":[()=>Promise.all([n.e(1869),n.e(9820),n.e(4513)]).then(n.bind(n,8039)),"@site/i18n/en/docusaurus-plugin-content-docs/current/reference/index.mdx",8039],"40babe1d":[()=>n.e(5244).then(n.bind(n,3786)),"@site/i18n/en/docusaurus-plugin-content-docs/current/reference/layers.mdx",3786],"480f28a3":[()=>n.e(7951).then(n.bind(n,5852)),"@site/i18n/en/docusaurus-plugin-content-docs/current/about/mission.md",5852],"488b6464":[()=>n.e(6369).then(n.bind(n,4487)),"@site/i18n/en/docusaurus-plugin-content-docs/current/reference/isolation/coupling-cohesion.md",4487],49161156:[()=>n.e(7028).then(n.bind(n,3787)),"@site/i18n/en/docusaurus-plugin-content-docs/current/about/understanding/naming.md",3787],"5187bed2":[()=>n.e(4043).then(n.bind(n,4716)),"@site/i18n/en/docusaurus-plugin-content-docs/current/about/understanding/architecture.md",4716],"53f8e831":[()=>Promise.all([n.e(1869),n.e(9820),n.e(2978)]).then(n.bind(n,6382)),"@site/i18n/en/docusaurus-plugin-content-docs/current/guides/index.mdx",6382],"55b0769a":[()=>n.e(9386).then(n.bind(n,3794)),"@site/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/page-layout.md",3794],"55fbebd6":[()=>Promise.all([n.e(1869),n.e(5746)]).then(n.bind(n,9050)),"@site/i18n/en/docusaurus-plugin-content-docs/current/intro.mdx",9050],"590d98cc":[()=>n.e(7604).then(n.bind(n,664)),"@site/i18n/en/docusaurus-plugin-content-docs/current/reference/isolation/decouple-entities.mdx",664],"5bd61d3b":[()=>n.e(9536).then(n.bind(n,6202)),"@site/i18n/en/docusaurus-plugin-content-docs/current/about/understanding/signals.mdx",6202],"5e95c892":[()=>n.e(9647).then(n.bind(n,9355)),"@theme/DocsRoot",9355],"5e9f5e1a":[()=>Promise.resolve().then(n.bind(n,4784)),"@generated/docusaurus.config",4784],"5f7e5f34":[()=>n.e(3366).then(n.bind(n,7908)),"@site/i18n/en/docusaurus-plugin-content-docs/current/guides/issues/desegmented.mdx",7908],"6636c8dc":[()=>n.e(106).then(n.bind(n,1737)),"@site/i18n/en/docusaurus-plugin-content-docs/current/about/promote/integration.mdx",1737],"664a648d":[()=>n.e(5936).then(n.bind(n,8345)),"@site/i18n/en/docusaurus-plugin-content-docs/current/about/promote/partial-application.mdx",8345],"66d3db7c":[()=>n.e(7068).then(n.bind(n,9311)),"@site/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/types.md",9311],"6875c492":[()=>Promise.all([n.e(1869),n.e(4342),n.e(8492),n.e(4813)]).then(n.bind(n,677)),"@theme/BlogTagsPostsPage",677],"7313bf7a":[()=>n.e(25).then(n.bind(n,7497)),"@site/i18n/en/docusaurus-plugin-content-docs/community/team.mdx",7497],"7a790ed0":[()=>n.e(6422).then(n.bind(n,4813)),"@site/i18n/en/docusaurus-plugin-content-docs/current/reference/isolation/index.md",4813],"814f3328":[()=>n.e(7472).then(n.t.bind(n,5513,19)),"~blog/default/blog-post-list-prop-default.json",5513],"84a0dbae":[()=>n.e(7660).then(n.bind(n,6660)),"@site/i18n/en/docusaurus-plugin-content-docs/current/guides/tech/with-nextjs.mdx",6660],"857ae1bf":[()=>n.e(4472).then(n.bind(n,4673)),"@site/i18n/en/docusaurus-plugin-content-docs/current/get-started/tutorial.md",4673],"87e5c187":[()=>n.e(8913).then(n.bind(n,9286)),"@site/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/ssr.mdx",9286],"8b5a42c3":[()=>n.e(192).then(n.bind(n,8110)),"@site/i18n/en/docusaurus-plugin-content-docs/current/about/promote/for-team.mdx",8110],"8b93e59a":[()=>n.e(6813).then(n.bind(n,1822)),"@site/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/auth.md",1822],"8c1e6152":[()=>n.e(1616).then(n.bind(n,3193)),"@site/i18n/en/docusaurus-plugin-content-docs/current/guides/migration/from-v1.md",3193],"8ce83ff6":[()=>n.e(6684).then(n.bind(n,526)),"@site/i18n/en/docusaurus-plugin-content-docs/current/guides/issues/cross-imports.mdx",526],"90f695cb":[()=>n.e(7673).then(n.bind(n,1448)),"@site/src/pages/versions/index.tsx",1448],"9b83d7f4":[()=>n.e(9568).then(n.bind(n,4526)),"@site/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/autocompleted.mdx",4526],"9e4087bc":[()=>n.e(2711).then(n.bind(n,4757)),"@theme/BlogArchivePage",4757],"9f1dcbb0":[()=>n.e(8732).then(n.bind(n,7021)),"@site/i18n/en/docusaurus-plugin-content-docs/current/branding.md",7021],a1521a63:[()=>n.e(9687).then(n.bind(n,9021)),"@site/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/browser-api.mdx",9021],a386f730:[()=>n.e(6865).then(n.bind(n,5444)),"@site/i18n/en/docusaurus-plugin-content-docs/current/about/alternatives.mdx",5444],a61c55ce:[()=>Promise.all([n.e(1869),n.e(9820),n.e(8964)]).then(n.bind(n,738)),"@site/i18n/en/docusaurus-plugin-content-docs/community/index.mdx",738],a6aa9e1f:[()=>Promise.all([n.e(1869),n.e(4342),n.e(8492),n.e(7643)]).then(n.bind(n,7110)),"@theme/BlogListPage",7110],a7456010:[()=>n.e(1235).then(n.t.bind(n,8552,19)),"@generated/docusaurus-plugin-content-pages/default/__plugin.json",8552],a7bd4aaa:[()=>n.e(7098).then(n.bind(n,3614)),"@theme/DocVersionRoot",3614],a94703ab:[()=>Promise.all([n.e(1869),n.e(9048)]).then(n.bind(n,2963)),"@theme/DocRoot",2963],aba21aa0:[()=>n.e(5742).then(n.t.bind(n,7093,19)),"@generated/docusaurus-plugin-content-docs/default/__plugin.json",7093],acaf5b8a:[()=>n.e(6170).then(n.bind(n,5533)),"@site/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/theme.mdx",5533],acecf23e:[()=>n.e(1903).then(n.t.bind(n,1912,19)),"~blog/default/blogMetadata-default.json",1912],b4c136e1:[()=>Promise.all([n.e(1869),n.e(7603),n.e(868)]).then(n.bind(n,1908)),"@site/src/pages/examples/index.tsx",1908],ba8bb0f7:[()=>n.e(533).then(n.bind(n,8299)),"@site/i18n/en/docusaurus-plugin-content-docs/current/get-started/faq.md",8299],c0c6474c:[()=>n.e(4581).then(n.bind(n,3396)),"@site/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/metric.mdx",3396],c141421f:[()=>n.e(957).then(n.t.bind(n,936,19)),"@generated/docusaurus-theme-search-algolia/default/__plugin.json",936],c15d9823:[()=>n.e(8146).then(n.t.bind(n,9328,19)),"@generated/docusaurus-plugin-content-blog/default/p/blog-bd9.json",9328],c4d0faae:[()=>n.e(5755).then(n.bind(n,5300)),"@site/i18n/en/docusaurus-plugin-content-docs/current/about/promote/for-company.mdx",5300],c5666f39:[()=>Promise.all([n.e(1869),n.e(9820),n.e(5715)]).then(n.bind(n,4200)),"@site/i18n/en/docusaurus-plugin-content-docs/current/about/index.mdx",4200],cb388a7b:[()=>n.e(5535).then(n.bind(n,7040)),"@site/i18n/en/docusaurus-plugin-content-docs/current/about/motivation.md",7040],ccc49370:[()=>Promise.all([n.e(1869),n.e(4342),n.e(8492),n.e(3249)]).then(n.bind(n,7446)),"@theme/BlogPostPage",7446],d13cbfb8:[()=>Promise.all([n.e(1869),n.e(9820),n.e(5570)]).then(n.bind(n,9346)),"@site/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/index.mdx",9346],d2436a2b:[()=>n.e(837).then(n.t.bind(n,9112,19)),"@generated/docusaurus-plugin-content-docs/community/p/community-038.json",9112],d7baea7e:[()=>Promise.all([n.e(1869),n.e(9820),n.e(9549)]).then(n.bind(n,8e3)),"@site/i18n/en/docusaurus-plugin-content-docs/current/get-started/index.mdx",8e3],d999437a:[()=>n.e(7091).then(n.bind(n,8909)),"@site/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/feedback.mdx",8909],dc8e8e39:[()=>n.e(488).then(n.t.bind(n,5102,19)),"@generated/docusaurus-plugin-content-blog/default/p/blog-tags-community-623.json",5102],dfe5ecdf:[()=>n.e(6949).then(n.bind(n,4089)),"@site/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/monorepo.mdx",4089],e01c2047:[()=>n.e(1405).then(n.bind(n,7703)),"@site/i18n/en/docusaurus-plugin-content-docs/current/about/understanding/knowledge-types.md",7703],e0719818:[()=>n.e(5220).then(n.t.bind(n,8669,19)),"@generated/docusaurus-plugin-content-docs/community/__plugin.json",8669],e1003eab:[()=>n.e(9136).then(n.bind(n,8665)),"@site/i18n/en/docusaurus-plugin-content-docs/current/guides/issues/routes.mdx",8665],e1c0d304:[()=>n.e(9867).then(n.bind(n,3870)),"@site/i18n/en/docusaurus-plugin-content-docs/current/about/understanding/abstractions.mdx",3870],e3409e91:[()=>n.e(6231).then(n.t.bind(n,210,19)),"@generated/docusaurus-plugin-content-blog/default/p/blog-tags-discord-cfa.json",210],e6bf8eb6:[()=>n.e(679).then(n.bind(n,9239)),"@site/i18n/en/docusaurus-plugin-content-docs/current/guides/tech/with-sveltekit.mdx",9239],ed3dcfcb:[()=>n.e(993).then(n.bind(n,4)),"@site/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/i18n.mdx",4],f2567325:[()=>n.e(8211).then(n.bind(n,9129)),"@site/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/white-labels.mdx",9129],f2c174dc:[()=>n.e(4861).then(n.bind(n,8595)),"@site/i18n/en/docusaurus-plugin-content-docs/current/guides/migration/from-custom.md",8595],f565db0c:[()=>Promise.all([n.e(1869),n.e(9534)]).then(n.bind(n,5352)),"@site/src/pages/nav/index.tsx",5352],f6760343:[()=>n.e(6956).then(n.bind(n,5540)),"@site/blog/2022-07-25-international-community.md",5540],f6bb872e:[()=>n.e(2563).then(n.bind(n,4204)),"@site/blog/2022-06-04-rebranding.md?truncated=true",4204],f81c1134:[()=>n.e(8130).then(n.t.bind(n,7735,19)),"@generated/docusaurus-plugin-content-blog/default/p/blog-archive-f05.json",7735],fe129f8e:[()=>n.e(6217).then(n.bind(n,5845)),"@site/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/cms.mdx",5845]};var s=n(6070);function l(e){let{error:t,retry:n,pastDelay:r}=e;return t?(0,s.jsxs)("div",{style:{textAlign:"center",color:"#fff",backgroundColor:"#fa383e",borderColor:"#fa383e",borderStyle:"solid",borderRadius:"0.25rem",borderWidth:"1px",boxSizing:"border-box",display:"block",padding:"1rem",flex:"0 0 50%",marginLeft:"25%",marginRight:"25%",marginTop:"5rem",maxWidth:"50%",width:"100%"},children:[(0,s.jsx)("p",{children:String(t)}),(0,s.jsx)("div",{children:(0,s.jsx)("button",{type:"button",onClick:n,children:"Retry"})})]}):r?(0,s.jsx)("div",{style:{display:"flex",justifyContent:"center",alignItems:"center",height:"100vh"},children:(0,s.jsx)("svg",{id:"loader",style:{width:128,height:110,position:"absolute",top:"calc(100vh - 64%)"},viewBox:"0 0 45 45",xmlns:"http://www.w3.org/2000/svg",stroke:"#61dafb",children:(0,s.jsxs)("g",{fill:"none",fillRule:"evenodd",transform:"translate(1 1)",strokeWidth:"2",children:[(0,s.jsxs)("circle",{cx:"22",cy:"22",r:"6",strokeOpacity:"0",children:[(0,s.jsx)("animate",{attributeName:"r",begin:"1.5s",dur:"3s",values:"6;22",calcMode:"linear",repeatCount:"indefinite"}),(0,s.jsx)("animate",{attributeName:"stroke-opacity",begin:"1.5s",dur:"3s",values:"1;0",calcMode:"linear",repeatCount:"indefinite"}),(0,s.jsx)("animate",{attributeName:"stroke-width",begin:"1.5s",dur:"3s",values:"2;0",calcMode:"linear",repeatCount:"indefinite"})]}),(0,s.jsxs)("circle",{cx:"22",cy:"22",r:"6",strokeOpacity:"0",children:[(0,s.jsx)("animate",{attributeName:"r",begin:"3s",dur:"3s",values:"6;22",calcMode:"linear",repeatCount:"indefinite"}),(0,s.jsx)("animate",{attributeName:"stroke-opacity",begin:"3s",dur:"3s",values:"1;0",calcMode:"linear",repeatCount:"indefinite"}),(0,s.jsx)("animate",{attributeName:"stroke-width",begin:"3s",dur:"3s",values:"2;0",calcMode:"linear",repeatCount:"indefinite"})]}),(0,s.jsx)("circle",{cx:"22",cy:"22",r:"8",children:(0,s.jsx)("animate",{attributeName:"r",begin:"0s",dur:"1.5s",values:"6;1;2;3;4;5;6",calcMode:"linear",repeatCount:"indefinite"})})]})})}):null}var c=n(8116),u=n(8851);function d(e,t){if("*"===e)return o()({loading:l,loader:()=>n.e(9019).then(n.bind(n,9019)),modules:["@theme/NotFound"],webpack:()=>[9019],render(e,t){const n=e.default;return(0,s.jsx)(u.W,{value:{plugin:{name:"native",id:"default"}},children:(0,s.jsx)(n,{...t})})}});const r=a[`${e}-${t}`],d={},p=[],f=[],m=(0,c.A)(r);return Object.entries(m).forEach((e=>{let[t,n]=e;const r=i[n];r&&(d[t]=r[0],p.push(r[1]),f.push(r[2]))})),o().Map({loading:l,loader:d,modules:p,webpack:()=>f,render(t,n){const o=JSON.parse(JSON.stringify(r));Object.entries(t).forEach((t=>{let[n,r]=t;const a=r.default;if(!a)throw new Error(`The page component at ${e} doesn't have a default export. This makes it impossible to render anything. Consider default-exporting a React component.`);"object"!=typeof a&&"function"!=typeof a||Object.keys(r).filter((e=>"default"!==e)).forEach((e=>{a[e]=r[e]}));let i=o;const s=n.split(".");s.slice(0,-1).forEach((e=>{i=i[e]})),i[s[s.length-1]]=a}));const a=o.__comp;delete o.__comp;const i=o.__context;delete o.__context;const l=o.__props;return delete o.__props,(0,s.jsx)(u.W,{value:i,children:(0,s.jsx)(a,{...o,...l,...n})})}})}const p=[{path:"/blog",component:d("/blog","363"),exact:!0},{path:"/blog/archive",component:d("/blog/archive","182"),exact:!0},{path:"/blog/international-community",component:d("/blog/international-community","79e"),exact:!0},{path:"/blog/rebranding-stable",component:d("/blog/rebranding-stable","4fd"),exact:!0},{path:"/blog/tags",component:d("/blog/tags","287"),exact:!0},{path:"/blog/tags/brand",component:d("/blog/tags/brand","2cf"),exact:!0},{path:"/blog/tags/community",component:d("/blog/tags/community","90f"),exact:!0},{path:"/blog/tags/discord",component:d("/blog/tags/discord","f32"),exact:!0},{path:"/blog/tags/promo",component:d("/blog/tags/promo","e94"),exact:!0},{path:"/examples",component:d("/examples","154"),exact:!0},{path:"/nav",component:d("/nav","b58"),exact:!0},{path:"/search",component:d("/search","5de"),exact:!0},{path:"/versions",component:d("/versions","15d"),exact:!0},{path:"/community",component:d("/community","036"),routes:[{path:"/community",component:d("/community","912"),routes:[{path:"/community",component:d("/community","74b"),routes:[{path:"/community",component:d("/community","ead"),exact:!0,sidebar:"community"},{path:"/community/team",component:d("/community/team","da4"),exact:!0,sidebar:"community"}]}]}]},{path:"/docs",component:d("/docs","5a3"),routes:[{path:"/docs",component:d("/docs","8b9"),routes:[{path:"/docs",component:d("/docs","f88"),routes:[{path:"/docs",component:d("/docs","f6d"),exact:!0},{path:"/docs/about",component:d("/docs/about","8ce"),exact:!0,sidebar:"aboutSidebar"},{path:"/docs/about/alternatives",component:d("/docs/about/alternatives","f16"),exact:!0,sidebar:"aboutSidebar"},{path:"/docs/about/mission",component:d("/docs/about/mission","bb5"),exact:!0,sidebar:"aboutSidebar"},{path:"/docs/about/motivation",component:d("/docs/about/motivation","669"),exact:!0,sidebar:"aboutSidebar"},{path:"/docs/about/promote/for-company",component:d("/docs/about/promote/for-company","b25"),exact:!0,sidebar:"aboutSidebar"},{path:"/docs/about/promote/for-team",component:d("/docs/about/promote/for-team","fee"),exact:!0,sidebar:"aboutSidebar"},{path:"/docs/about/promote/integration",component:d("/docs/about/promote/integration","55c"),exact:!0,sidebar:"aboutSidebar"},{path:"/docs/about/promote/partial-application",component:d("/docs/about/promote/partial-application","b13"),exact:!0,sidebar:"aboutSidebar"},{path:"/docs/about/understanding/abstractions",component:d("/docs/about/understanding/abstractions","a73"),exact:!0,sidebar:"aboutSidebar"},{path:"/docs/about/understanding/architecture",component:d("/docs/about/understanding/architecture","0e2"),exact:!0,sidebar:"aboutSidebar"},{path:"/docs/about/understanding/knowledge-types",component:d("/docs/about/understanding/knowledge-types","63b"),exact:!0,sidebar:"aboutSidebar"},{path:"/docs/about/understanding/naming",component:d("/docs/about/understanding/naming","8b9"),exact:!0,sidebar:"aboutSidebar"},{path:"/docs/about/understanding/needs-driven",component:d("/docs/about/understanding/needs-driven","268"),exact:!0,sidebar:"aboutSidebar"},{path:"/docs/about/understanding/signals",component:d("/docs/about/understanding/signals","981"),exact:!0,sidebar:"aboutSidebar"},{path:"/docs/branding",component:d("/docs/branding","7a1"),exact:!0},{path:"/docs/get-started",component:d("/docs/get-started","e0e"),exact:!0,sidebar:"getstartedSidebar"},{path:"/docs/get-started/cheatsheet",component:d("/docs/get-started/cheatsheet","e72"),exact:!0,sidebar:"getstartedSidebar"},{path:"/docs/get-started/faq",component:d("/docs/get-started/faq","690"),exact:!0,sidebar:"getstartedSidebar"},{path:"/docs/get-started/overview",component:d("/docs/get-started/overview","0d1"),exact:!0,sidebar:"getstartedSidebar"},{path:"/docs/get-started/tutorial",component:d("/docs/get-started/tutorial","b2c"),exact:!0,sidebar:"getstartedSidebar"},{path:"/docs/guides",component:d("/docs/guides","ed7"),exact:!0,sidebar:"guidesSidebar"},{path:"/docs/guides/examples",component:d("/docs/guides/examples","f75"),exact:!0,sidebar:"guidesSidebar"},{path:"/docs/guides/examples/auth",component:d("/docs/guides/examples/auth","56e"),exact:!0,sidebar:"guidesSidebar"},{path:"/docs/guides/examples/autocompleted",component:d("/docs/guides/examples/autocompleted","562"),exact:!0,sidebar:"guidesSidebar"},{path:"/docs/guides/examples/browser-api",component:d("/docs/guides/examples/browser-api","2e4"),exact:!0,sidebar:"guidesSidebar"},{path:"/docs/guides/examples/cms",component:d("/docs/guides/examples/cms","8c6"),exact:!0,sidebar:"guidesSidebar"},{path:"/docs/guides/examples/feedback",component:d("/docs/guides/examples/feedback","94b"),exact:!0,sidebar:"guidesSidebar"},{path:"/docs/guides/examples/i18n",component:d("/docs/guides/examples/i18n","fb1"),exact:!0,sidebar:"guidesSidebar"},{path:"/docs/guides/examples/metric",component:d("/docs/guides/examples/metric","797"),exact:!0,sidebar:"guidesSidebar"},{path:"/docs/guides/examples/monorepo",component:d("/docs/guides/examples/monorepo","1ea"),exact:!0,sidebar:"guidesSidebar"},{path:"/docs/guides/examples/page-layout",component:d("/docs/guides/examples/page-layout","7b8"),exact:!0,sidebar:"guidesSidebar"},{path:"/docs/guides/examples/platforms",component:d("/docs/guides/examples/platforms","c9e"),exact:!0,sidebar:"guidesSidebar"},{path:"/docs/guides/examples/ssr",component:d("/docs/guides/examples/ssr","903"),exact:!0,sidebar:"guidesSidebar"},{path:"/docs/guides/examples/theme",component:d("/docs/guides/examples/theme","94e"),exact:!0,sidebar:"guidesSidebar"},{path:"/docs/guides/examples/types",component:d("/docs/guides/examples/types","2e4"),exact:!0,sidebar:"guidesSidebar"},{path:"/docs/guides/examples/white-labels",component:d("/docs/guides/examples/white-labels","173"),exact:!0,sidebar:"guidesSidebar"},{path:"/docs/guides/issues/cross-imports",component:d("/docs/guides/issues/cross-imports","8da"),exact:!0,sidebar:"guidesSidebar"},{path:"/docs/guides/issues/desegmented",component:d("/docs/guides/issues/desegmented","130"),exact:!0,sidebar:"guidesSidebar"},{path:"/docs/guides/issues/routes",component:d("/docs/guides/issues/routes","5ae"),exact:!0,sidebar:"guidesSidebar"},{path:"/docs/guides/migration/from-custom",component:d("/docs/guides/migration/from-custom","f1e"),exact:!0,sidebar:"guidesSidebar"},{path:"/docs/guides/migration/from-v1",component:d("/docs/guides/migration/from-v1","c17"),exact:!0,sidebar:"guidesSidebar"},{path:"/docs/guides/tech/with-nextjs",component:d("/docs/guides/tech/with-nextjs","594"),exact:!0,sidebar:"guidesSidebar"},{path:"/docs/guides/tech/with-nuxtjs",component:d("/docs/guides/tech/with-nuxtjs","a93"),exact:!0,sidebar:"guidesSidebar"},{path:"/docs/guides/tech/with-react-query",component:d("/docs/guides/tech/with-react-query","cc0"),exact:!0,sidebar:"guidesSidebar"},{path:"/docs/guides/tech/with-sveltekit",component:d("/docs/guides/tech/with-sveltekit","5de"),exact:!0,sidebar:"guidesSidebar"},{path:"/docs/reference",component:d("/docs/reference","975"),exact:!0,sidebar:"referenceSidebar"},{path:"/docs/reference/isolation",component:d("/docs/reference/isolation","17d"),exact:!0,sidebar:"referenceSidebar"},{path:"/docs/reference/isolation/coupling-cohesion",component:d("/docs/reference/isolation/coupling-cohesion","11a"),exact:!0,sidebar:"referenceSidebar"},{path:"/docs/reference/isolation/decouple-entities",component:d("/docs/reference/isolation/decouple-entities","812"),exact:!0,sidebar:"referenceSidebar"},{path:"/docs/reference/layers",component:d("/docs/reference/layers","25a"),exact:!0,sidebar:"referenceSidebar"},{path:"/docs/reference/public-api",component:d("/docs/reference/public-api","eca"),exact:!0,sidebar:"referenceSidebar"},{path:"/docs/reference/slices-segments",component:d("/docs/reference/slices-segments","362"),exact:!0,sidebar:"referenceSidebar"}]}]}]},{path:"/",component:d("/","e5f"),exact:!0},{path:"*",component:d("*")}]},5360:(e,t,n)=>{"use strict";n.d(t,{o:()=>a,x:()=>i});var r=n(758),o=n(6070);const a=r.createContext(!1);function i(e){let{children:t}=e;const[n,i]=(0,r.useState)(!1);return(0,r.useEffect)((()=>{i(!0)}),[]),(0,o.jsx)(a.Provider,{value:n,children:t})}},3096:(e,t,n)=>{"use strict";var r=n(758),o=n(9576),a=n(248),i=n(1742),s=n(4784),l=n(3088);const c=[n(4504),n(9773),n(5348),n(8602),n(8468)];var u=n(1377),d=n(5557),p=n(389),f=n(6070);function m(e){let{children:t}=e;return(0,f.jsx)(f.Fragment,{children:t})}var h=n(2293),g=n(9143),b=n(5252),y=n(316),v=n(898),w=n(1529),S=n(9782),k=n(4937),x=n(3509),E=n(1701);function _(){const{i18n:{currentLocale:e,defaultLocale:t,localeConfigs:n}}=(0,g.A)(),r=(0,w.o)(),o=n[e].htmlLang,a=e=>e.replace("-","_");return(0,f.jsxs)(h.A,{children:[Object.entries(n).map((e=>{let[t,{htmlLang:n}]=e;return(0,f.jsx)("link",{rel:"alternate",href:r.createUrl({locale:t,fullyQualified:!0}),hrefLang:n},t)})),(0,f.jsx)("link",{rel:"alternate",href:r.createUrl({locale:t,fullyQualified:!0}),hrefLang:"x-default"}),(0,f.jsx)("meta",{property:"og:locale",content:a(o)}),Object.values(n).filter((e=>o!==e.htmlLang)).map((e=>(0,f.jsx)("meta",{property:"og:locale:alternate",content:a(e.htmlLang)},`meta-og-${e.htmlLang}`)))]})}function C(e){let{permalink:t}=e;const{siteConfig:{url:n}}=(0,g.A)(),r=function(){const{siteConfig:{url:e,baseUrl:t,trailingSlash:n}}=(0,g.A)(),{pathname:r}=(0,d.zy)();return e+(0,x.Ks)((0,b.Ay)(r),{trailingSlash:n,baseUrl:t})}(),o=t?`${n}${t}`:r;return(0,f.jsxs)(h.A,{children:[(0,f.jsx)("meta",{property:"og:url",content:o}),(0,f.jsx)("link",{rel:"canonical",href:o})]})}function j(){const{i18n:{currentLocale:e}}=(0,g.A)(),{metadata:t,image:n}=(0,y.p)();return(0,f.jsxs)(f.Fragment,{children:[(0,f.jsxs)(h.A,{children:[(0,f.jsx)("meta",{name:"twitter:card",content:"summary_large_image"}),(0,f.jsx)("body",{className:S.w})]}),n&&(0,f.jsx)(v.be,{image:n}),(0,f.jsx)(C,{}),(0,f.jsx)(_,{}),(0,f.jsx)(E.A,{tag:k.C,locale:e}),(0,f.jsx)(h.A,{children:t.map(((e,t)=>(0,f.jsx)("meta",{...e},t)))})]})}const O=new Map;var A=n(5360),T=n(1170),P=n(8302);function L(e){for(var t=arguments.length,n=new Array(t>1?t-1:0),r=1;r<t;r++)n[r-1]=arguments[r];const o=c.map((t=>{const r=t.default?.[e]??t[e];return r?.(...n)}));return()=>o.forEach((e=>e?.()))}const I=function(e){let{children:t,location:n,previousLocation:r}=e;return(0,P.A)((()=>{r!==n&&(!function(e){let{location:t,previousLocation:n}=e;if(!n)return;const r=t.pathname===n.pathname,o=t.hash===n.hash,a=t.search===n.search;if(r&&o&&!a)return;const{hash:i}=t;if(i){const e=decodeURIComponent(i.substring(1)),t=document.getElementById(e);t?.scrollIntoView()}else window.scrollTo(0,0)}({location:n,previousLocation:r}),L("onRouteDidUpdate",{previousLocation:r,location:n}))}),[r,n]),t};function N(e){const t=Array.from(new Set([e,decodeURI(e)])).map((e=>(0,p.u)(u.A,e))).flat();return Promise.all(t.map((e=>e.route.component.preload?.())))}class R extends r.Component{previousLocation;routeUpdateCleanupCb;constructor(e){super(e),this.previousLocation=null,this.routeUpdateCleanupCb=l.A.canUseDOM?L("onRouteUpdate",{previousLocation:null,location:this.props.location}):()=>{},this.state={nextRouteHasLoaded:!0}}shouldComponentUpdate(e,t){if(e.location===this.props.location)return t.nextRouteHasLoaded;const n=e.location;return this.previousLocation=this.props.location,this.setState({nextRouteHasLoaded:!1}),this.routeUpdateCleanupCb=L("onRouteUpdate",{previousLocation:this.previousLocation,location:n}),N(n.pathname).then((()=>{this.routeUpdateCleanupCb(),this.setState({nextRouteHasLoaded:!0})})).catch((e=>{console.warn(e),window.location.reload()})),!1}render(){const{children:e,location:t}=this.props;return(0,f.jsx)(I,{previousLocation:this.previousLocation,location:t,children:(0,f.jsx)(d.qh,{location:t,render:()=>e})})}}const D=R,M="__docusaurus-base-url-issue-banner-container",F="__docusaurus-base-url-issue-banner",z="__docusaurus-base-url-issue-banner-suggestion-container";function B(e){return`\ndocument.addEventListener('DOMContentLoaded', function maybeInsertBanner() {\n  var shouldInsert = typeof window['docusaurus'] === 'undefined';\n  shouldInsert && insertBanner();\n});\n\nfunction insertBanner() {\n  var bannerContainer = document.createElement('div');\n  bannerContainer.id = '${M}';\n  var bannerHtml = ${JSON.stringify(function(e){return`\n<div id="${F}" style="border: thick solid red; background-color: rgb(255, 230, 179); margin: 20px; padding: 20px; font-size: 20px;">\n   <p style="font-weight: bold; font-size: 30px;">Your Docusaurus site did not load properly.</p>\n   <p>A very common reason is a wrong site <a href="https://docusaurus.io/docs/docusaurus.config.js/#baseUrl" style="font-weight: bold;">baseUrl configuration</a>.</p>\n   <p>Current configured baseUrl = <span style="font-weight: bold; color: red;">${e}</span> ${"/"===e?" (default value)":""}</p>\n   <p>We suggest trying baseUrl = <span id="${z}" style="font-weight: bold; color: green;"></span></p>\n</div>\n`}(e)).replace(/</g,"\\<")};\n  bannerContainer.innerHTML = bannerHtml;\n  document.body.prepend(bannerContainer);\n  var suggestionContainer = document.getElementById('${z}');\n  var actualHomePagePath = window.location.pathname;\n  var suggestedBaseUrl = actualHomePagePath.substr(-1) === '/'\n        ? actualHomePagePath\n        : actualHomePagePath + '/';\n  suggestionContainer.innerHTML = suggestedBaseUrl;\n}\n`}function U(){const{siteConfig:{baseUrl:e}}=(0,g.A)();return(0,f.jsx)(f.Fragment,{children:!l.A.canUseDOM&&(0,f.jsx)(h.A,{children:(0,f.jsx)("script",{children:B(e)})})})}function q(){const{siteConfig:{baseUrl:e,baseUrlIssueBanner:t}}=(0,g.A)(),{pathname:n}=(0,d.zy)();return t&&n===e?(0,f.jsx)(U,{}):null}function $(){const{siteConfig:{favicon:e,title:t,noIndex:n},i18n:{currentLocale:r,localeConfigs:o}}=(0,g.A)(),a=(0,b.Ay)(e),{htmlLang:i,direction:s}=o[r];return(0,f.jsxs)(h.A,{children:[(0,f.jsx)("html",{lang:i,dir:s}),(0,f.jsx)("title",{children:t}),(0,f.jsx)("meta",{property:"og:title",content:t}),(0,f.jsx)("meta",{name:"viewport",content:"width=device-width, initial-scale=1.0"}),n&&(0,f.jsx)("meta",{name:"robots",content:"noindex, nofollow"}),e&&(0,f.jsx)("link",{rel:"icon",href:a})]})}var H=n(356),V=n(2630);function G(){const e=(0,V.A)();return(0,f.jsx)(h.A,{children:(0,f.jsx)("html",{"data-has-hydrated":e})})}const W=(0,p.v)(u.A);function K(){const e=function(e){if(O.has(e.pathname))return{...e,pathname:O.get(e.pathname)};if((0,p.u)(u.A,e.pathname).some((e=>{let{route:t}=e;return!0===t.exact})))return O.set(e.pathname,e.pathname),e;const t=e.pathname.trim().replace(/(?:\/index)?\.html$/,"")||"/";return O.set(e.pathname,t),{...e,pathname:t}}((0,d.zy)());return(0,f.jsx)(D,{location:e,children:W})}function Q(){return(0,f.jsx)(H.A,{children:(0,f.jsx)(T.l,{children:(0,f.jsxs)(A.x,{children:[(0,f.jsxs)(m,{children:[(0,f.jsx)($,{}),(0,f.jsx)(j,{}),(0,f.jsx)(q,{}),(0,f.jsx)(K,{})]}),(0,f.jsx)(G,{})]})})})}var Y=n(4054);const Z=function(e){try{return document.createElement("link").relList.supports(e)}catch{return!1}}("prefetch")?function(e){return new Promise(((t,n)=>{if("undefined"==typeof document)return void n();const r=document.createElement("link");r.setAttribute("rel","prefetch"),r.setAttribute("href",e),r.onload=()=>t(),r.onerror=()=>n();const o=document.getElementsByTagName("head")[0]??document.getElementsByName("script")[0]?.parentNode;o?.appendChild(r)}))}:function(e){return new Promise(((t,n)=>{const r=new XMLHttpRequest;r.open("GET",e,!0),r.withCredentials=!0,r.onload=()=>{200===r.status?t():n()},r.send(null)}))};var J=n(8116);const X=new Set,ee=new Set,te=()=>navigator.connection?.effectiveType.includes("2g")||navigator.connection?.saveData,ne={prefetch:e=>{if(!(e=>!te()&&!ee.has(e)&&!X.has(e))(e))return!1;X.add(e);const t=(0,p.u)(u.A,e).flatMap((e=>{return t=e.route.path,Object.entries(Y).filter((e=>{let[n]=e;return n.replace(/-[^-]+$/,"")===t})).flatMap((e=>{let[,t]=e;return Object.values((0,J.A)(t))}));var t}));return Promise.all(t.map((e=>{const t=n.gca(e);return t&&!t.includes("undefined")?Z(t).catch((()=>{})):Promise.resolve()})))},preload:e=>!!(e=>!te()&&!ee.has(e))(e)&&(ee.add(e),N(e))},re=Object.freeze(ne);function oe(e){let{children:t}=e;return"hash"===s.default.future.experimental_router?(0,f.jsx)(i.I9,{children:t}):(0,f.jsx)(i.Kd,{children:t})}const ae=Boolean(!0);if(l.A.canUseDOM){window.docusaurus=re;const e=document.getElementById("__docusaurus"),t=(0,f.jsx)(a.vd,{children:(0,f.jsx)(oe,{children:(0,f.jsx)(Q,{})})}),n=(e,t)=>{console.error("Docusaurus React Root onRecoverableError:",e,t)},i=()=>{if(window.docusaurusRoot)window.docusaurusRoot.render(t);else if(ae)window.docusaurusRoot=o.hydrateRoot(e,t,{onRecoverableError:n});else{const r=o.createRoot(e,{onRecoverableError:n});r.render(t),window.docusaurusRoot=r}};N(window.location.pathname).then((()=>{(0,r.startTransition)(i)}))}},1170:(e,t,n)=>{"use strict";n.d(t,{o:()=>d,l:()=>p});var r=n(758),o=n(4784);const a=JSON.parse('{"docusaurus-plugin-content-docs":{"default":{"path":"/docs","versions":[{"name":"current","label":"v2.0.0 \ud83c\udf70","isLast":true,"path":"/docs","mainDocId":"intro","docs":[{"id":"about/alternatives","path":"/docs/about/alternatives","sidebar":"aboutSidebar"},{"id":"about/index","path":"/docs/about/","sidebar":"aboutSidebar"},{"id":"about/mission","path":"/docs/about/mission","sidebar":"aboutSidebar"},{"id":"about/motivation","path":"/docs/about/motivation","sidebar":"aboutSidebar"},{"id":"about/promote/for-company","path":"/docs/about/promote/for-company","sidebar":"aboutSidebar"},{"id":"about/promote/for-team","path":"/docs/about/promote/for-team","sidebar":"aboutSidebar"},{"id":"about/promote/integration","path":"/docs/about/promote/integration","sidebar":"aboutSidebar"},{"id":"about/promote/partial-application","path":"/docs/about/promote/partial-application","sidebar":"aboutSidebar"},{"id":"about/understanding/abstractions","path":"/docs/about/understanding/abstractions","sidebar":"aboutSidebar"},{"id":"about/understanding/architecture","path":"/docs/about/understanding/architecture","sidebar":"aboutSidebar"},{"id":"about/understanding/knowledge-types","path":"/docs/about/understanding/knowledge-types","sidebar":"aboutSidebar"},{"id":"about/understanding/naming","path":"/docs/about/understanding/naming","sidebar":"aboutSidebar"},{"id":"about/understanding/needs-driven","path":"/docs/about/understanding/needs-driven","sidebar":"aboutSidebar"},{"id":"about/understanding/signals","path":"/docs/about/understanding/signals","sidebar":"aboutSidebar"},{"id":"branding","path":"/docs/branding"},{"id":"get-started/cheatsheet","path":"/docs/get-started/cheatsheet","unlisted":true,"sidebar":"getstartedSidebar"},{"id":"get-started/faq","path":"/docs/get-started/faq","sidebar":"getstartedSidebar"},{"id":"get-started/index","path":"/docs/get-started/","sidebar":"getstartedSidebar"},{"id":"get-started/overview","path":"/docs/get-started/overview","sidebar":"getstartedSidebar"},{"id":"get-started/tutorial","path":"/docs/get-started/tutorial","sidebar":"getstartedSidebar"},{"id":"guides/examples/auth","path":"/docs/guides/examples/auth","sidebar":"guidesSidebar"},{"id":"guides/examples/autocompleted","path":"/docs/guides/examples/autocompleted","unlisted":true,"sidebar":"guidesSidebar"},{"id":"guides/examples/browser-api","path":"/docs/guides/examples/browser-api","unlisted":true,"sidebar":"guidesSidebar"},{"id":"guides/examples/cms","path":"/docs/guides/examples/cms","unlisted":true,"sidebar":"guidesSidebar"},{"id":"guides/examples/feedback","path":"/docs/guides/examples/feedback","unlisted":true,"sidebar":"guidesSidebar"},{"id":"guides/examples/i18n","path":"/docs/guides/examples/i18n","unlisted":true,"sidebar":"guidesSidebar"},{"id":"guides/examples/index","path":"/docs/guides/examples/","sidebar":"guidesSidebar"},{"id":"guides/examples/metric","path":"/docs/guides/examples/metric","unlisted":true,"sidebar":"guidesSidebar"},{"id":"guides/examples/monorepo","path":"/docs/guides/examples/monorepo","unlisted":true,"sidebar":"guidesSidebar"},{"id":"guides/examples/page-layout","path":"/docs/guides/examples/page-layout","sidebar":"guidesSidebar"},{"id":"guides/examples/platforms","path":"/docs/guides/examples/platforms","unlisted":true,"sidebar":"guidesSidebar"},{"id":"guides/examples/ssr","path":"/docs/guides/examples/ssr","unlisted":true,"sidebar":"guidesSidebar"},{"id":"guides/examples/theme","path":"/docs/guides/examples/theme","unlisted":true,"sidebar":"guidesSidebar"},{"id":"guides/examples/types","path":"/docs/guides/examples/types","sidebar":"guidesSidebar"},{"id":"guides/examples/white-labels","path":"/docs/guides/examples/white-labels","unlisted":true,"sidebar":"guidesSidebar"},{"id":"guides/index","path":"/docs/guides/","sidebar":"guidesSidebar"},{"id":"guides/issues/cross-imports","path":"/docs/guides/issues/cross-imports","sidebar":"guidesSidebar"},{"id":"guides/issues/desegmented","path":"/docs/guides/issues/desegmented","sidebar":"guidesSidebar"},{"id":"guides/issues/routes","path":"/docs/guides/issues/routes","sidebar":"guidesSidebar"},{"id":"guides/migration/from-custom","path":"/docs/guides/migration/from-custom","sidebar":"guidesSidebar"},{"id":"guides/migration/from-v1","path":"/docs/guides/migration/from-v1","sidebar":"guidesSidebar"},{"id":"guides/tech/with-nextjs","path":"/docs/guides/tech/with-nextjs","sidebar":"guidesSidebar"},{"id":"guides/tech/with-nuxtjs","path":"/docs/guides/tech/with-nuxtjs","sidebar":"guidesSidebar"},{"id":"guides/tech/with-react-query","path":"/docs/guides/tech/with-react-query","sidebar":"guidesSidebar"},{"id":"guides/tech/with-sveltekit","path":"/docs/guides/tech/with-sveltekit","sidebar":"guidesSidebar"},{"id":"intro","path":"/docs/"},{"id":"reference/index","path":"/docs/reference/","sidebar":"referenceSidebar"},{"id":"reference/isolation/coupling-cohesion","path":"/docs/reference/isolation/coupling-cohesion","sidebar":"referenceSidebar"},{"id":"reference/isolation/decouple-entities","path":"/docs/reference/isolation/decouple-entities","sidebar":"referenceSidebar"},{"id":"reference/isolation/index","path":"/docs/reference/isolation/","sidebar":"referenceSidebar"},{"id":"reference/layers","path":"/docs/reference/layers","sidebar":"referenceSidebar"},{"id":"reference/public-api","path":"/docs/reference/public-api","sidebar":"referenceSidebar"},{"id":"reference/slices-segments","path":"/docs/reference/slices-segments","sidebar":"referenceSidebar"}],"draftIds":[],"sidebars":{"getstartedSidebar":{"link":{"path":"/docs/get-started/","label":"\ud83d\ude80  Get Started"}},"guidesSidebar":{"link":{"path":"/docs/guides/","label":"\ud83c\udfaf  Guides"}},"referenceSidebar":{"link":{"path":"/docs/reference/","label":"\ud83d\udcda  Reference"}},"aboutSidebar":{"link":{"path":"/docs/about/","label":"\ud83c\udf70  About"}}}}],"breadcrumbs":true},"community":{"path":"/community","versions":[{"name":"current","label":"Next","isLast":true,"path":"/community","mainDocId":"index","docs":[{"id":"index","path":"/community/","sidebar":"community"},{"id":"team","path":"/community/team","sidebar":"community"}],"draftIds":[],"sidebars":{"community":{"link":{"path":"/community/","label":"\ud83d\udcab  Community"}}}}],"breadcrumbs":true}}}'),i=JSON.parse('{"defaultLocale":"en","locales":["ru","en","uz","kr","ja"],"path":"i18n","currentLocale":"en","localeConfigs":{"ru":{"label":"\u0420\u0443\u0441\u0441\u043a\u0438\u0439","direction":"ltr","htmlLang":"ru","calendar":"gregory","path":"ru"},"en":{"label":"English","direction":"ltr","htmlLang":"en","calendar":"gregory","path":"en"},"uz":{"label":"O\'zbekcha","direction":"ltr","htmlLang":"uz","calendar":"gregory","path":"uz"},"kr":{"label":"\ud55c\uad6d\uc5b4","direction":"ltr","htmlLang":"kr","calendar":"gregory","path":"kr"},"ja":{"label":"\u65e5\u672c\u8a9e","direction":"ltr","htmlLang":"ja","calendar":"gregory","path":"ja"}}}');var s=n(2654);const l=JSON.parse('{"docusaurusVersion":"3.5.2","siteVersion":"2.0.0","pluginVersions":{"docusaurus-plugin-content-docs":{"type":"package","name":"@docusaurus/plugin-content-docs","version":"3.5.2"},"docusaurus-plugin-content-blog":{"type":"package","name":"@docusaurus/plugin-content-blog","version":"3.5.2"},"docusaurus-plugin-content-pages":{"type":"package","name":"@docusaurus/plugin-content-pages","version":"3.5.2"},"docusaurus-plugin-sitemap":{"type":"package","name":"@docusaurus/plugin-sitemap","version":"3.5.2"},"docusaurus-theme-classic":{"type":"package","name":"@docusaurus/theme-classic","version":"3.5.2"},"docusaurus-theme-search-algolia":{"type":"package","name":"@docusaurus/theme-search-algolia","version":"3.5.2"},"docusaurus-plugin-sass":{"type":"package","name":"docusaurus-plugin-sass","version":"0.2.5"},"docusaurus-plugin-client-redirects":{"type":"package","name":"@docusaurus/plugin-client-redirects","version":"3.5.2"},"docusaurus-plugin-ideal-image":{"type":"package","name":"@docusaurus/plugin-ideal-image","version":"3.5.2"},"docusaurus-plugin-image-zoom":{"type":"package","name":"plugin-image-zoom","version":"1.2.0"}}}');var c=n(6070);const u={siteConfig:o.default,siteMetadata:l,globalData:a,i18n:i,codeTranslations:s},d=r.createContext(u);function p(e){let{children:t}=e;return(0,c.jsx)(d.Provider,{value:u,children:t})}},356:(e,t,n)=>{"use strict";n.d(t,{A:()=>h});var r=n(758),o=n(3088),a=n(2293),i=n(3509),s=n(3041),l=n(8851),c=n(6070);function u(e){let{error:t,tryAgain:n}=e;return(0,c.jsxs)("div",{style:{display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"flex-start",minHeight:"100vh",width:"100%",maxWidth:"80ch",fontSize:"20px",margin:"0 auto",padding:"1rem"},children:[(0,c.jsx)("h1",{style:{fontSize:"3rem"},children:"This page crashed"}),(0,c.jsx)("button",{type:"button",onClick:n,style:{margin:"1rem 0",fontSize:"2rem",cursor:"pointer",borderRadius:20,padding:"1rem"},children:"Try again"}),(0,c.jsx)(d,{error:t})]})}function d(e){let{error:t}=e;const n=(0,i.rA)(t).map((e=>e.message)).join("\n\nCause:\n");return(0,c.jsx)("p",{style:{whiteSpace:"pre-wrap"},children:n})}function p(e){let{children:t}=e;return(0,c.jsx)(l.W,{value:{plugin:{name:"docusaurus-core-error-boundary",id:"default"}},children:t})}function f(e){let{error:t,tryAgain:n}=e;return(0,c.jsx)(p,{children:(0,c.jsxs)(h,{fallback:()=>(0,c.jsx)(u,{error:t,tryAgain:n}),children:[(0,c.jsx)(a.A,{children:(0,c.jsx)("title",{children:"Page Error"})}),(0,c.jsx)(s.A,{children:(0,c.jsx)(u,{error:t,tryAgain:n})})]})})}const m=e=>(0,c.jsx)(f,{...e});class h extends r.Component{constructor(e){super(e),this.state={error:null}}componentDidCatch(e){o.A.canUseDOM&&this.setState({error:e})}render(){const{children:e}=this.props,{error:t}=this.state;if(t){const e={error:t,tryAgain:()=>this.setState({error:null})};return(this.props.fallback??m)(e)}return e??null}}},3088:(e,t,n)=>{"use strict";n.d(t,{A:()=>o});const r="undefined"!=typeof window&&"document"in window&&"createElement"in window.document,o={canUseDOM:r,canUseEventListeners:r&&("addEventListener"in window||"attachEvent"in window),canUseIntersectionObserver:r&&"IntersectionObserver"in window,canUseViewport:r&&"screen"in window}},2293:(e,t,n)=>{"use strict";n.d(t,{A:()=>a});n(758);var r=n(248),o=n(6070);function a(e){return(0,o.jsx)(r.mg,{...e})}},6783:(e,t,n)=>{"use strict";n.d(t,{A:()=>f});var r=n(758),o=n(1742),a=n(3509),i=n(9143),s=n(1933),l=n(3088),c=n(6828),u=n(5252),d=n(6070);function p(e,t){let{isNavLink:n,to:p,href:f,activeClassName:m,isActive:h,"data-noBrokenLinkCheck":g,autoAddBaseUrl:b=!0,...y}=e;const{siteConfig:v}=(0,i.A)(),{trailingSlash:w,baseUrl:S}=v,k=v.future.experimental_router,{withBaseUrl:x}=(0,u.hH)(),E=(0,c.A)(),_=(0,r.useRef)(null);(0,r.useImperativeHandle)(t,(()=>_.current));const C=p||f;const j=(0,s.A)(C),O=C?.replace("pathname://","");let A=void 0!==O?(T=O,b&&(e=>e.startsWith("/"))(T)?x(T):T):void 0;var T;"hash"===k&&A?.startsWith("./")&&(A=A?.slice(1)),A&&j&&(A=(0,a.Ks)(A,{trailingSlash:w,baseUrl:S}));const P=(0,r.useRef)(!1),L=n?o.k2:o.N_,I=l.A.canUseIntersectionObserver,N=(0,r.useRef)(),R=()=>{P.current||null==A||(window.docusaurus.preload(A),P.current=!0)};(0,r.useEffect)((()=>(!I&&j&&l.A.canUseDOM&&null!=A&&window.docusaurus.prefetch(A),()=>{I&&N.current&&N.current.disconnect()})),[N,A,I,j]);const D=A?.startsWith("#")??!1,M=!y.target||"_self"===y.target,F=!A||!j||!M||D&&"hash"!==k;g||!D&&F||E.collectLink(A),y.id&&E.collectAnchor(y.id);const z={};return F?(0,d.jsx)("a",{ref:_,href:A,...C&&!j&&{target:"_blank",rel:"noopener noreferrer"},...y,...z}):(0,d.jsx)(L,{...y,onMouseEnter:R,onTouchStart:R,innerRef:e=>{_.current=e,I&&e&&j&&(N.current=new window.IntersectionObserver((t=>{t.forEach((t=>{e===t.target&&(t.isIntersecting||t.intersectionRatio>0)&&(N.current.unobserve(e),N.current.disconnect(),null!=A&&window.docusaurus.prefetch(A))}))})),N.current.observe(e))},to:A,...n&&{isActive:h,activeClassName:m},...z})}const f=r.forwardRef(p)},7765:(e,t,n)=>{"use strict";n.d(t,{A:()=>c,T:()=>l});var r=n(758),o=n(6070);function a(e,t){const n=e.split(/(\{\w+\})/).map(((e,n)=>{if(n%2==1){const n=t?.[e.slice(1,-1)];if(void 0!==n)return n}return e}));return n.some((e=>(0,r.isValidElement)(e)))?n.map(((e,t)=>(0,r.isValidElement)(e)?r.cloneElement(e,{key:t}):e)).filter((e=>""!==e)):n.join("")}var i=n(2654);function s(e){let{id:t,message:n}=e;if(void 0===t&&void 0===n)throw new Error("Docusaurus translation declarations must have at least a translation id or a default translation message");return i[t??n]??n??t}function l(e,t){let{message:n,id:r}=e;return a(s({message:n,id:r}),t)}function c(e){let{children:t,id:n,values:r}=e;if(t&&"string"!=typeof t)throw console.warn("Illegal <Translate> children",t),new Error("The Docusaurus <Translate> component only accept simple string values");const i=s({message:t,id:n});return(0,o.jsx)(o.Fragment,{children:a(i,r)})}},8470:(e,t,n)=>{"use strict";n.d(t,{W:()=>r});const r="default"},1933:(e,t,n)=>{"use strict";function r(e){return/^(?:\w*:|\/\/)/.test(e)}function o(e){return void 0!==e&&!r(e)}n.d(t,{A:()=>o,z:()=>r})},5252:(e,t,n)=>{"use strict";n.d(t,{Ay:()=>s,hH:()=>i});var r=n(758),o=n(9143),a=n(1933);function i(){const{siteConfig:e}=(0,o.A)(),{baseUrl:t,url:n}=e,i=e.future.experimental_router,s=(0,r.useCallback)(((e,r)=>function(e){let{siteUrl:t,baseUrl:n,url:r,options:{forcePrependBaseUrl:o=!1,absolute:i=!1}={},router:s}=e;if(!r||r.startsWith("#")||(0,a.z)(r))return r;if("hash"===s)return r.startsWith("/")?`.${r}`:`./${r}`;if(o)return n+r.replace(/^\//,"");if(r===n.replace(/\/$/,""))return n;const l=r.startsWith(n)?r:n+r.replace(/^\//,"");return i?t+l:l}({siteUrl:n,baseUrl:t,url:e,options:r,router:i})),[n,t,i]);return{withBaseUrl:s}}function s(e,t){void 0===t&&(t={});const{withBaseUrl:n}=i();return n(e,t)}},6828:(e,t,n)=>{"use strict";n.d(t,{A:()=>i});var r=n(758);n(6070);const o=r.createContext({collectAnchor:()=>{},collectLink:()=>{}}),a=()=>(0,r.useContext)(o);function i(){return a()}},9143:(e,t,n)=>{"use strict";n.d(t,{A:()=>a});var r=n(758),o=n(1170);function a(){return(0,r.useContext)(o.o)}},2630:(e,t,n)=>{"use strict";n.d(t,{A:()=>a});var r=n(758),o=n(5360);function a(){return(0,r.useContext)(o.o)}},8302:(e,t,n)=>{"use strict";n.d(t,{A:()=>o});var r=n(758);const o=n(3088).A.canUseDOM?r.useLayoutEffect:r.useEffect},3112:(e,t,n)=>{"use strict";n.d(t,{A:()=>a});var r=n(758),o=n(8851);function a(){const e=r.useContext(o.o);if(!e)throw new Error("Unexpected: no Docusaurus route context found");return e}},8116:(e,t,n)=>{"use strict";n.d(t,{A:()=>o});const r=e=>"object"==typeof e&&!!e&&Object.keys(e).length>0;function o(e){const t={};return function e(n,o){Object.entries(n).forEach((n=>{let[a,i]=n;const s=o?`${o}.${a}`:a;r(i)?e(i,s):t[s]=i}))}(e),t}},8851:(e,t,n)=>{"use strict";n.d(t,{W:()=>i,o:()=>a});var r=n(758),o=n(6070);const a=r.createContext(null);function i(e){let{children:t,value:n}=e;const i=r.useContext(a),s=(0,r.useMemo)((()=>function(e){let{parent:t,value:n}=e;if(!t){if(!n)throw new Error("Unexpected: no Docusaurus route context found");if(!("plugin"in n))throw new Error("Unexpected: Docusaurus topmost route context has no `plugin` attribute");return n}const r={...t.data,...n?.data};return{plugin:t.plugin,data:r}}({parent:i,value:n})),[i,n]);return(0,o.jsx)(a.Provider,{value:s,children:t})}},3724:(e,t,n)=>{"use strict";n.d(t,{VQ:()=>g,XK:()=>v,g1:()=>y});var r=n(758),o=n(9860),a=n(8470),i=n(316),s=n(3349),l=n(4902),c=n(6070);const u=e=>`docs-preferred-version-${e}`,d={save:(e,t,n)=>{(0,s.Wf)(u(e),{persistence:t}).set(n)},read:(e,t)=>(0,s.Wf)(u(e),{persistence:t}).get(),clear:(e,t)=>{(0,s.Wf)(u(e),{persistence:t}).del()}},p=e=>Object.fromEntries(e.map((e=>[e,{preferredVersionName:null}])));const f=r.createContext(null);function m(){const e=(0,o.Gy)(),t=(0,i.p)().docs.versionPersistence,n=(0,r.useMemo)((()=>Object.keys(e)),[e]),[a,s]=(0,r.useState)((()=>p(n)));(0,r.useEffect)((()=>{s(function(e){let{pluginIds:t,versionPersistence:n,allDocsData:r}=e;function o(e){const t=d.read(e,n);return r[e].versions.some((e=>e.name===t))?{preferredVersionName:t}:(d.clear(e,n),{preferredVersionName:null})}return Object.fromEntries(t.map((e=>[e,o(e)])))}({allDocsData:e,versionPersistence:t,pluginIds:n}))}),[e,t,n]);return[a,(0,r.useMemo)((()=>({savePreferredVersion:function(e,n){d.save(e,t,n),s((t=>({...t,[e]:{preferredVersionName:n}})))}})),[t])]}function h(e){let{children:t}=e;const n=m();return(0,c.jsx)(f.Provider,{value:n,children:t})}function g(e){let{children:t}=e;return(0,c.jsx)(h,{children:t})}function b(){const e=(0,r.useContext)(f);if(!e)throw new l.dV("DocsPreferredVersionContextProvider");return e}function y(e){void 0===e&&(e=a.W);const t=(0,o.ht)(e),[n,i]=b(),{preferredVersionName:s}=n[e];return{preferredVersion:t.versions.find((e=>e.name===s))??null,savePreferredVersionName:(0,r.useCallback)((t=>{i.savePreferredVersion(e,t)}),[i,e])}}function v(){const e=(0,o.Gy)(),[t]=b();function n(n){const r=e[n],{preferredVersionName:o}=t[n];return r.versions.find((e=>e.name===o))??null}const r=Object.keys(e);return Object.fromEntries(r.map((e=>[e,n(e)])))}},4619:(e,t,n)=>{"use strict";n.d(t,{k:()=>a,v:()=>i});var r=n(9860),o=n(3724);function a(e,t){return`docs-${e}-${t}`}function i(){const e=(0,r.Gy)(),t=(0,r.gk)(),n=(0,o.XK)();return[...Object.keys(e).map((function(r){const o=t?.activePlugin.pluginId===r?t.activeVersion:void 0,i=n[r],s=e[r].versions.find((e=>e.isLast));return a(r,(o??i??s).name)}))]}},3971:(e,t,n)=>{"use strict";n.d(t,{V:()=>l,t:()=>c});var r=n(758),o=n(4902),a=n(6070);const i=Symbol("EmptyContext"),s=r.createContext(i);function l(e){let{children:t,name:n,items:o}=e;const i=(0,r.useMemo)((()=>n&&o?{name:n,items:o}:null),[n,o]);return(0,a.jsx)(s.Provider,{value:i,children:t})}function c(){const e=(0,r.useContext)(s);if(e===i)throw new o.dV("DocsSidebarProvider");return e}},1630:(e,t,n)=>{"use strict";n.d(t,{B5:()=>x,Nr:()=>p,OF:()=>v,QB:()=>k,Vd:()=>w,Y:()=>b,fW:()=>S,w8:()=>h});var r=n(758),o=n(5557),a=n(389),i=n(9860),s=n(5763),l=n(2632),c=n(3724),u=n(1579),d=n(3971);function p(e){return"link"!==e.type||e.unlisted?"category"===e.type?function(e){if(e.href&&!e.linkUnlisted)return e.href;for(const t of e.items){const e=p(t);if(e)return e}}(e):void 0:e.href}const f=(e,t)=>void 0!==e&&(0,s.ys)(e,t),m=(e,t)=>e.some((e=>h(e,t)));function h(e,t){return"link"===e.type?f(e.href,t):"category"===e.type&&(f(e.href,t)||m(e.items,t))}function g(e,t){switch(e.type){case"category":return h(e,t)||e.items.some((e=>g(e,t)));case"link":return!e.unlisted||h(e,t);default:return!0}}function b(e,t){return(0,r.useMemo)((()=>e.filter((e=>g(e,t)))),[e,t])}function y(e){let{sidebarItems:t,pathname:n,onlyCategories:r=!1}=e;const o=[];return function e(t){for(const a of t)if("category"===a.type&&((0,s.ys)(a.href,n)||e(a.items))||"link"===a.type&&(0,s.ys)(a.href,n)){return r&&"category"!==a.type||o.unshift(a),!0}return!1}(t),o}function v(){const e=(0,d.t)(),{pathname:t}=(0,o.zy)(),n=(0,i.vT)()?.pluginData.breadcrumbs;return!1!==n&&e?y({sidebarItems:e.items,pathname:t}):null}function w(e){const{activeVersion:t}=(0,i.zK)(e),{preferredVersion:n}=(0,c.g1)(e),o=(0,i.r7)(e);return(0,r.useMemo)((()=>(0,l.sb)([t,n,o].filter(Boolean))),[t,n,o])}function S(e,t){const n=w(t);return(0,r.useMemo)((()=>{const t=n.flatMap((e=>e.sidebars?Object.entries(e.sidebars):[])),r=t.find((t=>t[0]===e));if(!r)throw new Error(`Can't find any sidebar with id "${e}" in version${n.length>1?"s":""} ${n.map((e=>e.name)).join(", ")}".\nAvailable sidebar ids are:\n- ${t.map((e=>e[0])).join("\n- ")}`);return r[1]}),[e,n])}function k(e,t){const n=w(t);return(0,r.useMemo)((()=>{const t=n.flatMap((e=>e.docs)),r=t.find((t=>t.id===e));if(!r){if(n.flatMap((e=>e.draftIds)).includes(e))return null;throw new Error(`Couldn't find any doc with id "${e}" in version${n.length>1?"s":""} "${n.map((e=>e.name)).join(", ")}".\nAvailable doc ids are:\n- ${(0,l.sb)(t.map((e=>e.id))).join("\n- ")}`)}return r}),[e,n])}function x(e){let{route:t}=e;const n=(0,o.zy)(),r=(0,u.r)(),i=t.routes,s=i.find((e=>(0,o.B6)(n.pathname,e)));if(!s)return null;const l=s.sidebar,c=l?r.docsSidebars[l]:void 0;return{docElement:(0,a.v)(i),sidebarName:l,sidebarItems:c}}},1579:(e,t,n)=>{"use strict";n.d(t,{n:()=>s,r:()=>l});var r=n(758),o=n(4902),a=n(6070);const i=r.createContext(null);function s(e){let{children:t,version:n}=e;return(0,a.jsx)(i.Provider,{value:n,children:t})}function l(){const e=(0,r.useContext)(i);if(null===e)throw new o.dV("DocsVersionProvider");return e}},9860:(e,t,n)=>{"use strict";n.d(t,{zK:()=>b,vT:()=>f,gk:()=>m,Gy:()=>d,HW:()=>y,ht:()=>p,r7:()=>g,jh:()=>h});var r=n(5557),o=n(9143),a=n(8470);function i(e,t){void 0===t&&(t={});const n=function(){const{globalData:e}=(0,o.A)();return e}()[e];if(!n&&t.failfast)throw new Error(`Docusaurus plugin global data not found for "${e}" plugin.`);return n}const s=e=>e.versions.find((e=>e.isLast));function l(e,t){return[...e.versions].sort(((e,t)=>e.path===t.path?0:e.path.includes(t.path)?-1:t.path.includes(e.path)?1:0)).find((e=>!!(0,r.B6)(t,{path:e.path,exact:!1,strict:!1})))}function c(e,t){const n=l(e,t),o=n?.docs.find((e=>!!(0,r.B6)(t,{path:e.path,exact:!0,strict:!1})));return{activeVersion:n,activeDoc:o,alternateDocVersions:o?function(t){const n={};return e.versions.forEach((e=>{e.docs.forEach((r=>{r.id===t&&(n[e.name]=r)}))})),n}(o.id):{}}}const u={},d=()=>i("docusaurus-plugin-content-docs")??u,p=e=>{try{return function(e,t,n){void 0===t&&(t=a.W),void 0===n&&(n={});const r=i(e),o=r?.[t];if(!o&&n.failfast)throw new Error(`Docusaurus plugin global data not found for "${e}" plugin with id "${t}".`);return o}("docusaurus-plugin-content-docs",e,{failfast:!0})}catch(t){throw new Error("You are using a feature of the Docusaurus docs plugin, but this plugin does not seem to be enabled"+("Default"===e?"":` (pluginId=${e}`),{cause:t})}};function f(e){void 0===e&&(e={});const t=d(),{pathname:n}=(0,r.zy)();return function(e,t,n){void 0===n&&(n={});const o=Object.entries(e).sort(((e,t)=>t[1].path.localeCompare(e[1].path))).find((e=>{let[,n]=e;return!!(0,r.B6)(t,{path:n.path,exact:!1,strict:!1})})),a=o?{pluginId:o[0],pluginData:o[1]}:void 0;if(!a&&n.failfast)throw new Error(`Can't find active docs plugin for "${t}" pathname, while it was expected to be found. Maybe you tried to use a docs feature that can only be used on a docs-related page? Existing docs plugin paths are: ${Object.values(e).map((e=>e.path)).join(", ")}`);return a}(t,n,e)}function m(e){void 0===e&&(e={});const t=f(e),{pathname:n}=(0,r.zy)();if(!t)return;return{activePlugin:t,activeVersion:l(t.pluginData,n)}}function h(e){return p(e).versions}function g(e){const t=p(e);return s(t)}function b(e){const t=p(e),{pathname:n}=(0,r.zy)();return c(t,n)}function y(e){const t=p(e),{pathname:n}=(0,r.zy)();return function(e,t){const n=s(e);return{latestDocSuggestion:c(e,t).alternateDocVersions[n.name],latestVersionSuggestion:n}}(t,n)}},9235:(e,t,n)=>{"use strict";function r(e,t){e.prototype=Object.create(t.prototype),e.prototype.constructor=e,e.__proto__=t}function o(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function a(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function i(){return i=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},i.apply(this,arguments)}var s=n(758),l=[],c=[];var u=s.createContext(null);function d(e){var t=e(),n={loading:!0,loaded:null,error:null};return n.promise=t.then((function(e){return n.loading=!1,n.loaded=e,e})).catch((function(e){throw n.loading=!1,n.error=e,e})),n}function p(e){var t={loading:!1,loaded:{},error:null},n=[];try{Object.keys(e).forEach((function(r){var o=d(e[r]);o.loading?t.loading=!0:(t.loaded[r]=o.loaded,t.error=o.error),n.push(o.promise),o.promise.then((function(e){t.loaded[r]=e})).catch((function(e){t.error=e}))}))}catch(r){t.error=r}return t.promise=Promise.all(n).then((function(e){return t.loading=!1,e})).catch((function(e){throw t.loading=!1,e})),t}function f(e,t){return s.createElement((n=e)&&n.__esModule?n.default:n,t);var n}function m(e,t){var d,p;if(!t.loading)throw new Error("react-loadable requires a `loading` component");var m=i({loader:null,loading:null,delay:200,timeout:null,render:f,webpack:null,modules:null},t),h=null;function g(){return h||(h=e(m.loader)),h.promise}return l.push(g),"function"==typeof m.webpack&&c.push((function(){if((0,m.webpack)().every((function(e){return void 0!==e&&void 0!==n.m[e]})))return g()})),p=d=function(t){function n(n){var r;return a(o(o(r=t.call(this,n)||this)),"retry",(function(){r.setState({error:null,loading:!0,timedOut:!1}),h=e(m.loader),r._loadModule()})),g(),r.state={error:h.error,pastDelay:!1,timedOut:!1,loading:h.loading,loaded:h.loaded},r}r(n,t),n.preload=function(){return g()};var i=n.prototype;return i.UNSAFE_componentWillMount=function(){this._loadModule()},i.componentDidMount=function(){this._mounted=!0},i._loadModule=function(){var e=this;if(this.context&&Array.isArray(m.modules)&&m.modules.forEach((function(t){e.context.report(t)})),h.loading){var t=function(t){e._mounted&&e.setState(t)};"number"==typeof m.delay&&(0===m.delay?this.setState({pastDelay:!0}):this._delay=setTimeout((function(){t({pastDelay:!0})}),m.delay)),"number"==typeof m.timeout&&(this._timeout=setTimeout((function(){t({timedOut:!0})}),m.timeout));var n=function(){t({error:h.error,loaded:h.loaded,loading:h.loading}),e._clearTimeouts()};h.promise.then((function(){return n(),null})).catch((function(e){return n(),null}))}},i.componentWillUnmount=function(){this._mounted=!1,this._clearTimeouts()},i._clearTimeouts=function(){clearTimeout(this._delay),clearTimeout(this._timeout)},i.render=function(){return this.state.loading||this.state.error?s.createElement(m.loading,{isLoading:this.state.loading,pastDelay:this.state.pastDelay,timedOut:this.state.timedOut,error:this.state.error,retry:this.retry}):this.state.loaded?m.render(this.state.loaded,this.props):null},n}(s.Component),a(d,"contextType",u),p}function h(e){return m(d,e)}h.Map=function(e){if("function"!=typeof e.render)throw new Error("LoadableMap requires a `render(loaded, props)` function");return m(p,e)};var g=function(e){function t(){return e.apply(this,arguments)||this}return r(t,e),t.prototype.render=function(){return s.createElement(u.Provider,{value:{report:this.props.report}},s.Children.only(this.props.children))},t}(s.Component);function b(e){for(var t=[];e.length;){var n=e.pop();t.push(n())}return Promise.all(t).then((function(){if(e.length)return b(e)}))}h.Capture=g,h.preloadAll=function(){return new Promise((function(e,t){b(l).then(e,t)}))},h.preloadReady=function(){return new Promise((function(e,t){b(c).then(e,e)}))},e.exports=h},5348:(e,t,n)=>{"use strict";n.r(t),n.d(t,{default:()=>a});var r=n(8744),o=n.n(r);o().configure({showSpinner:!1});const a={onRouteUpdate(e){let{location:t,previousLocation:n}=e;if(n&&t.pathname!==n.pathname){const e=window.setTimeout((()=>{o().start()}),200);return()=>window.clearTimeout(e)}},onRouteDidUpdate(){o().done()}}},9773:(e,t,n)=>{"use strict";var r=n(5371),o=n(4784);!function(e){const{themeConfig:{prism:t}}=o.default,{additionalLanguages:r}=t;globalThis.Prism=e,r.forEach((e=>{"php"===e&&n(1274),n(9927)(`./prism-${e}`)})),delete globalThis.Prism}(r.My)},1507:(e,t,n)=>{"use strict";n.d(t,{A:()=>u});n(758);var r=n(3526),o=n(7765),a=n(316),i=n(6783),s=n(6828);const l={anchorWithStickyNavbar:"anchorWithStickyNavbar_QzlE",anchorWithHideOnScrollNavbar:"anchorWithHideOnScrollNavbar_IGdS"};var c=n(6070);function u(e){let{as:t,id:n,...u}=e;const d=(0,s.A)(),{navbar:{hideOnScroll:p}}=(0,a.p)();if("h1"===t||!n)return(0,c.jsx)(t,{...u,id:void 0});d.collectAnchor(n);const f=(0,o.T)({id:"theme.common.headingLinkTitle",message:"Direct link to {heading}",description:"Title for link to heading"},{heading:"string"==typeof u.children?u.children:n});return(0,c.jsxs)(t,{...u,className:(0,r.A)("anchor",p?l.anchorWithHideOnScrollNavbar:l.anchorWithStickyNavbar,u.className),id:n,children:[u.children,(0,c.jsx)(i.A,{className:"hash-link",to:`#${n}`,"aria-label":f,title:f,children:"\u200b"})]})}},9503:(e,t,n)=>{"use strict";n.d(t,{A:()=>a});n(758);const r={iconExternalLink:"iconExternalLink_rel2"};var o=n(6070);function a(e){let{width:t=13.5,height:n=13.5}=e;return(0,o.jsx)("svg",{width:t,height:n,"aria-hidden":"true",viewBox:"0 0 24 24",className:r.iconExternalLink,children:(0,o.jsx)("path",{fill:"currentColor",d:"M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"})})}},3041:(e,t,n)=>{"use strict";n.d(t,{A:()=>Ct});var r=n(758),o=n(3526),a=n(356),i=n(898),s=n(5557),l=n(7765),c=n(2360),u=n(6070);const d="__docusaurus_skipToContent_fallback";function p(e){e.setAttribute("tabindex","-1"),e.focus(),e.removeAttribute("tabindex")}function f(){const e=(0,r.useRef)(null),{action:t}=(0,s.W6)(),n=(0,r.useCallback)((e=>{e.preventDefault();const t=document.querySelector("main:first-of-type")??document.getElementById(d);t&&p(t)}),[]);return(0,c.$)((n=>{let{location:r}=n;e.current&&!r.hash&&"PUSH"===t&&p(e.current)})),{containerRef:e,onClick:n}}const m=(0,l.T)({id:"theme.common.skipToMainContent",description:"The skip to content label used for accessibility, allowing to rapidly navigate to main content with keyboard tab/enter navigation",message:"Skip to main content"});function h(e){const t=e.children??m,{containerRef:n,onClick:r}=f();return(0,u.jsx)("div",{ref:n,role:"region","aria-label":m,children:(0,u.jsx)("a",{...e,href:`#${d}`,onClick:r,children:t})})}var g=n(8813),b=n(9782);const y={skipToContent:"skipToContent_iI6K"};function v(){return(0,u.jsx)(h,{className:y.skipToContent})}var w=n(316),S=n(1611);function k(e){let{width:t=21,height:n=21,color:r="currentColor",strokeWidth:o=1.2,className:a,...i}=e;return(0,u.jsx)("svg",{viewBox:"0 0 15 15",width:t,height:n,...i,children:(0,u.jsx)("g",{stroke:r,strokeWidth:o,children:(0,u.jsx)("path",{d:"M.75.75l13.5 13.5M14.25.75L.75 14.25"})})})}const x={closeButton:"closeButton_Y4Q2"};function E(e){return(0,u.jsx)("button",{type:"button","aria-label":(0,l.T)({id:"theme.AnnouncementBar.closeButtonAriaLabel",message:"Close",description:"The ARIA label for close button of announcement bar"}),...e,className:(0,o.A)("clean-btn close",x.closeButton,e.className),children:(0,u.jsx)(k,{width:14,height:14,strokeWidth:3.1})})}const _={content:"content_CxvN"};function C(e){const{announcementBar:t}=(0,w.p)(),{content:n}=t;return(0,u.jsx)("div",{...e,className:(0,o.A)(_.content,e.className),dangerouslySetInnerHTML:{__html:n}})}const j={announcementBar:"announcementBar_Wthk",announcementBarPlaceholder:"announcementBarPlaceholder_aISb",announcementBarClose:"announcementBarClose_vsml",announcementBarContent:"announcementBarContent_peeZ"};function O(){const{announcementBar:e}=(0,w.p)(),{isActive:t,close:n}=(0,S.M)();if(!t)return null;const{backgroundColor:r,textColor:o,isCloseable:a}=e;return(0,u.jsxs)("div",{className:j.announcementBar,style:{backgroundColor:r,color:o},role:"banner",children:[a&&(0,u.jsx)("div",{className:j.announcementBarPlaceholder}),(0,u.jsx)(C,{className:j.announcementBarContent}),a&&(0,u.jsx)(E,{onClick:n,className:j.announcementBarClose})]})}var A=n(1003),T=n(9030);var P=n(4902),L=n(646);const I=r.createContext(null);function N(e){let{children:t}=e;const n=function(){const e=(0,A.M)(),t=(0,L.YL)(),[n,o]=(0,r.useState)(!1),a=null!==t.component,i=(0,P.ZC)(a);return(0,r.useEffect)((()=>{a&&!i&&o(!0)}),[a,i]),(0,r.useEffect)((()=>{a?e.shown||o(!0):o(!1)}),[e.shown,a]),(0,r.useMemo)((()=>[n,o]),[n])}();return(0,u.jsx)(I.Provider,{value:n,children:t})}function R(e){if(e.component){const t=e.component;return(0,u.jsx)(t,{...e.props})}}function D(){const e=(0,r.useContext)(I);if(!e)throw new P.dV("NavbarSecondaryMenuDisplayProvider");const[t,n]=e,o=(0,r.useCallback)((()=>n(!1)),[n]),a=(0,L.YL)();return(0,r.useMemo)((()=>({shown:t,hide:o,content:R(a)})),[o,a,t])}function M(e){let{header:t,primaryMenu:n,secondaryMenu:r}=e;const{shown:a}=D();return(0,u.jsxs)("div",{className:"navbar-sidebar",children:[t,(0,u.jsxs)("div",{className:(0,o.A)("navbar-sidebar__items",{"navbar-sidebar__items--show-secondary":a}),children:[(0,u.jsx)("div",{className:"navbar-sidebar__item menu",children:n}),(0,u.jsx)("div",{className:"navbar-sidebar__item menu",children:r})]})]})}var F=n(9731),z=n(2630);function B(e){return(0,u.jsx)("svg",{viewBox:"0 0 24 24",width:24,height:24,...e,children:(0,u.jsx)("path",{fill:"currentColor",d:"M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"})})}function U(e){return(0,u.jsx)("svg",{viewBox:"0 0 24 24",width:24,height:24,...e,children:(0,u.jsx)("path",{fill:"currentColor",d:"M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"})})}const q={toggle:"toggle_rtf2",toggleButton:"toggleButton_lzER",darkToggleIcon:"darkToggleIcon_un8X",lightToggleIcon:"lightToggleIcon_isKo",toggleButtonDisabled:"toggleButtonDisabled_jUHO"};function $(e){let{className:t,buttonClassName:n,value:r,onChange:a}=e;const i=(0,z.A)(),s=(0,l.T)({message:"Switch between dark and light mode (currently {mode})",id:"theme.colorToggle.ariaLabel",description:"The ARIA label for the navbar color mode toggle"},{mode:"dark"===r?(0,l.T)({message:"dark mode",id:"theme.colorToggle.ariaLabel.mode.dark",description:"The name for the dark color mode"}):(0,l.T)({message:"light mode",id:"theme.colorToggle.ariaLabel.mode.light",description:"The name for the light color mode"})});return(0,u.jsx)("div",{className:(0,o.A)(q.toggle,t),children:(0,u.jsxs)("button",{className:(0,o.A)("clean-btn",q.toggleButton,!i&&q.toggleButtonDisabled,n),type:"button",onClick:()=>a("dark"===r?"light":"dark"),disabled:!i,title:s,"aria-label":s,"aria-live":"polite",children:[(0,u.jsx)(B,{className:(0,o.A)(q.toggleIcon,q.lightToggleIcon)}),(0,u.jsx)(U,{className:(0,o.A)(q.toggleIcon,q.darkToggleIcon)})]})})}const H=r.memo($),V={darkNavbarColorModeToggle:"darkNavbarColorModeToggle_NEom"};function G(e){let{className:t}=e;const n=(0,w.p)().navbar.style,r=(0,w.p)().colorMode.disableSwitch,{colorMode:o,setColorMode:a}=(0,F.G)();return r?null:(0,u.jsx)(H,{className:t,buttonClassName:"dark"===n?V.darkNavbarColorModeToggle:void 0,value:o,onChange:a})}var W=n(7007);function K(){return(0,u.jsx)(W.A,{className:"navbar__brand",imageClassName:"navbar__logo",titleClassName:"navbar__title text--truncate"})}function Q(){const e=(0,A.M)();return(0,u.jsx)("button",{type:"button","aria-label":(0,l.T)({id:"theme.docs.sidebar.closeSidebarButtonAriaLabel",message:"Close navigation bar",description:"The ARIA label for close button of mobile sidebar"}),className:"clean-btn navbar-sidebar__close",onClick:()=>e.toggle(),children:(0,u.jsx)(k,{color:"var(--ifm-color-emphasis-600)"})})}function Y(){return(0,u.jsxs)("div",{className:"navbar-sidebar__brand",children:[(0,u.jsx)(K,{}),(0,u.jsx)(G,{className:"margin-right--md"}),(0,u.jsx)(Q,{})]})}var Z=n(6783),J=n(5252),X=n(1933),ee=n(5130),te=n(9503);function ne(e){let{activeBasePath:t,activeBaseRegex:n,to:r,href:o,label:a,html:i,isDropdownLink:s,prependBaseUrlToHref:l,...c}=e;const d=(0,J.Ay)(r),p=(0,J.Ay)(t),f=(0,J.Ay)(o,{forcePrependBaseUrl:!0}),m=a&&o&&!(0,X.A)(o),h=i?{dangerouslySetInnerHTML:{__html:i}}:{children:(0,u.jsxs)(u.Fragment,{children:[a,m&&(0,u.jsx)(te.A,{...s&&{width:12,height:12}})]})};return o?(0,u.jsx)(Z.A,{href:l?f:o,...c,...h}):(0,u.jsx)(Z.A,{to:d,isNavLink:!0,...(t||n)&&{isActive:(e,t)=>n?(0,ee.G)(n,t.pathname):t.pathname.startsWith(p)},...c,...h})}function re(e){let{className:t,isDropdownItem:n=!1,...r}=e;const a=(0,u.jsx)(ne,{className:(0,o.A)(n?"dropdown__link":"navbar__item navbar__link",t),isDropdownLink:n,...r});return n?(0,u.jsx)("li",{children:a}):a}function oe(e){let{className:t,isDropdownItem:n,...r}=e;return(0,u.jsx)("li",{className:"menu__list-item",children:(0,u.jsx)(ne,{className:(0,o.A)("menu__link",t),...r})})}function ae(e){let{mobile:t=!1,position:n,...r}=e;const o=t?oe:re;return(0,u.jsx)(o,{...r,activeClassName:r.activeClassName??(t?"menu__link--active":"navbar__link--active")})}var ie=n(7064),se=n(5763),le=n(9143);const ce={dropdownNavbarItemMobile:"dropdownNavbarItemMobile_Uft3"};function ue(e,t){return e.some((e=>function(e,t){return!!(0,se.ys)(e.to,t)||!!(0,ee.G)(e.activeBaseRegex,t)||!(!e.activeBasePath||!t.startsWith(e.activeBasePath))}(e,t)))}function de(e){let{items:t,position:n,className:a,onClick:i,...s}=e;const l=(0,r.useRef)(null),[c,d]=(0,r.useState)(!1);return(0,r.useEffect)((()=>{const e=e=>{l.current&&!l.current.contains(e.target)&&d(!1)};return document.addEventListener("mousedown",e),document.addEventListener("touchstart",e),document.addEventListener("focusin",e),()=>{document.removeEventListener("mousedown",e),document.removeEventListener("touchstart",e),document.removeEventListener("focusin",e)}}),[l]),(0,u.jsxs)("div",{ref:l,className:(0,o.A)("navbar__item","dropdown","dropdown--hoverable",{"dropdown--right":"right"===n,"dropdown--show":c}),children:[(0,u.jsx)(ne,{"aria-haspopup":"true","aria-expanded":c,role:"button",href:s.to?void 0:"#",className:(0,o.A)("navbar__link",a),...s,onClick:s.to?void 0:e=>e.preventDefault(),onKeyDown:e=>{"Enter"===e.key&&(e.preventDefault(),d(!c))},children:s.children??s.label}),(0,u.jsx)("ul",{className:"dropdown__menu",children:t.map(((e,t)=>(0,r.createElement)(Fe,{isDropdownItem:!0,activeClassName:"dropdown__link--active",...e,key:t})))})]})}function pe(e){let{items:t,className:n,position:a,onClick:i,...l}=e;const c=function(){const{siteConfig:{baseUrl:e}}=(0,le.A)(),{pathname:t}=(0,s.zy)();return t.replace(e,"/")}(),d=ue(t,c),{collapsed:p,toggleCollapsed:f,setCollapsed:m}=(0,ie.u)({initialState:()=>!d});return(0,r.useEffect)((()=>{d&&m(!d)}),[c,d,m]),(0,u.jsxs)("li",{className:(0,o.A)("menu__list-item",{"menu__list-item--collapsed":p}),children:[(0,u.jsx)(ne,{role:"button",className:(0,o.A)(ce.dropdownNavbarItemMobile,"menu__link menu__link--sublist menu__link--sublist-caret",n),...l,onClick:e=>{e.preventDefault(),f()},children:l.children??l.label}),(0,u.jsx)(ie.N,{lazy:!0,as:"ul",className:"menu__list",collapsed:p,children:t.map(((e,t)=>(0,r.createElement)(Fe,{mobile:!0,isDropdownItem:!0,onClick:i,activeClassName:"menu__link--active",...e,key:t})))})]})}function fe(e){let{mobile:t=!1,...n}=e;const r=t?pe:de;return(0,u.jsx)(r,{...n})}var me=n(1529);function he(e){let{width:t=20,height:n=20,...r}=e;return(0,u.jsx)("svg",{viewBox:"0 0 24 24",width:t,height:n,"aria-hidden":!0,...r,children:(0,u.jsx)("path",{fill:"currentColor",d:"M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"})})}const ge="iconLanguage_wlog";var be=n(8143),ye=n(7781),ve=n(2293),we=n(8169),Se=n(1152),ke=n(4937),xe=n(4619);function Ee(){return[`language:${(0,le.A)().i18n.currentLocale}`,function(){const e=(0,xe.v)();return[ke.C,...e]}().map((e=>`docusaurus_tag:${e}`))]}const _e={button:{buttonText:(0,l.T)({id:"theme.SearchBar.label",message:"Search",description:"The ARIA label and placeholder for search button"}),buttonAriaLabel:(0,l.T)({id:"theme.SearchBar.label",message:"Search",description:"The ARIA label and placeholder for search button"})},modal:{searchBox:{resetButtonTitle:(0,l.T)({id:"theme.SearchModal.searchBox.resetButtonTitle",message:"Clear the query",description:"The label and ARIA label for search box reset button"}),resetButtonAriaLabel:(0,l.T)({id:"theme.SearchModal.searchBox.resetButtonTitle",message:"Clear the query",description:"The label and ARIA label for search box reset button"}),cancelButtonText:(0,l.T)({id:"theme.SearchModal.searchBox.cancelButtonText",message:"Cancel",description:"The label and ARIA label for search box cancel button"}),cancelButtonAriaLabel:(0,l.T)({id:"theme.SearchModal.searchBox.cancelButtonText",message:"Cancel",description:"The label and ARIA label for search box cancel button"})},startScreen:{recentSearchesTitle:(0,l.T)({id:"theme.SearchModal.startScreen.recentSearchesTitle",message:"Recent",description:"The title for recent searches"}),noRecentSearchesText:(0,l.T)({id:"theme.SearchModal.startScreen.noRecentSearchesText",message:"No recent searches",description:"The text when no recent searches"}),saveRecentSearchButtonTitle:(0,l.T)({id:"theme.SearchModal.startScreen.saveRecentSearchButtonTitle",message:"Save this search",description:"The label for save recent search button"}),removeRecentSearchButtonTitle:(0,l.T)({id:"theme.SearchModal.startScreen.removeRecentSearchButtonTitle",message:"Remove this search from history",description:"The label for remove recent search button"}),favoriteSearchesTitle:(0,l.T)({id:"theme.SearchModal.startScreen.favoriteSearchesTitle",message:"Favorite",description:"The title for favorite searches"}),removeFavoriteSearchButtonTitle:(0,l.T)({id:"theme.SearchModal.startScreen.removeFavoriteSearchButtonTitle",message:"Remove this search from favorites",description:"The label for remove favorite search button"})},errorScreen:{titleText:(0,l.T)({id:"theme.SearchModal.errorScreen.titleText",message:"Unable to fetch results",description:"The title for error screen of search modal"}),helpText:(0,l.T)({id:"theme.SearchModal.errorScreen.helpText",message:"You might want to check your network connection.",description:"The help text for error screen of search modal"})},footer:{selectText:(0,l.T)({id:"theme.SearchModal.footer.selectText",message:"to select",description:"The explanatory text of the action for the enter key"}),selectKeyAriaLabel:(0,l.T)({id:"theme.SearchModal.footer.selectKeyAriaLabel",message:"Enter key",description:"The ARIA label for the Enter key button that makes the selection"}),navigateText:(0,l.T)({id:"theme.SearchModal.footer.navigateText",message:"to navigate",description:"The explanatory text of the action for the Arrow up and Arrow down key"}),navigateUpKeyAriaLabel:(0,l.T)({id:"theme.SearchModal.footer.navigateUpKeyAriaLabel",message:"Arrow up",description:"The ARIA label for the Arrow up key button that makes the navigation"}),navigateDownKeyAriaLabel:(0,l.T)({id:"theme.SearchModal.footer.navigateDownKeyAriaLabel",message:"Arrow down",description:"The ARIA label for the Arrow down key button that makes the navigation"}),closeText:(0,l.T)({id:"theme.SearchModal.footer.closeText",message:"to close",description:"The explanatory text of the action for Escape key"}),closeKeyAriaLabel:(0,l.T)({id:"theme.SearchModal.footer.closeKeyAriaLabel",message:"Escape key",description:"The ARIA label for the Escape key button that close the modal"}),searchByText:(0,l.T)({id:"theme.SearchModal.footer.searchByText",message:"Search by",description:"The text explain that the search is making by Algolia"})},noResultsScreen:{noResultsText:(0,l.T)({id:"theme.SearchModal.noResultsScreen.noResultsText",message:"No results for",description:"The text explains that there are no results for the following search"}),suggestedQueryText:(0,l.T)({id:"theme.SearchModal.noResultsScreen.suggestedQueryText",message:"Try searching for",description:"The text for the suggested query when no results are found for the following search"}),reportMissingResultsText:(0,l.T)({id:"theme.SearchModal.noResultsScreen.reportMissingResultsText",message:"Believe this query should return results?",description:"The text for the question where the user thinks there are missing results"}),reportMissingResultsLinkText:(0,l.T)({id:"theme.SearchModal.noResultsScreen.reportMissingResultsLinkText",message:"Let us know.",description:"The text for the link to report missing results"})}},placeholder:(0,l.T)({id:"theme.SearchModal.placeholder",message:"Search docs",description:"The placeholder of the input of the DocSearch pop-up modal"})};let Ce=null;function je(e){let{hit:t,children:n}=e;return(0,u.jsx)(Z.A,{to:t.url,children:n})}function Oe(e){let{state:t,onClose:n}=e;const r=(0,we.w)();return(0,u.jsx)(Z.A,{to:r(t.query),onClick:n,children:(0,u.jsx)(l.A,{id:"theme.SearchBar.seeAll",values:{count:t.context.nbHits},children:"See all {count} results"})})}function Ae(e){let{contextualSearch:t,externalUrlRegex:o,...a}=e;const{siteMetadata:i}=(0,le.A)(),l=(0,Se.C)(),c=Ee(),d=a.searchParameters?.facetFilters??[],p=t?function(e,t){const n=e=>"string"==typeof e?[e]:e;return[...n(e),...n(t)]}(c,d):d,f={...a.searchParameters,facetFilters:p},m=(0,s.W6)(),h=(0,r.useRef)(null),g=(0,r.useRef)(null),[b,y]=(0,r.useState)(!1),[v,w]=(0,r.useState)(void 0),S=(0,r.useCallback)((()=>Ce?Promise.resolve():Promise.all([n.e(9553).then(n.bind(n,9553)),Promise.all([n.e(1869),n.e(9562)]).then(n.bind(n,9562)),Promise.all([n.e(1869),n.e(8570)]).then(n.bind(n,8570))]).then((e=>{let[{DocSearchModal:t}]=e;Ce=t}))),[]),k=(0,r.useCallback)((()=>{if(!h.current){const e=document.createElement("div");h.current=e,document.body.insertBefore(e,document.body.firstChild)}}),[]),x=(0,r.useCallback)((()=>{k(),S().then((()=>y(!0)))}),[S,k]),E=(0,r.useCallback)((()=>{y(!1),g.current?.focus()}),[]),_=(0,r.useCallback)((e=>{"f"===e.key&&(e.metaKey||e.ctrlKey)||(e.preventDefault(),w(e.key),x())}),[x]),C=(0,r.useRef)({navigate(e){let{itemUrl:t}=e;(0,ee.G)(o,t)?window.location.href=t:m.push(t)}}).current,j=(0,r.useRef)((e=>a.transformItems?a.transformItems(e):e.map((e=>({...e,url:l(e.url)}))))).current,O=(0,r.useMemo)((()=>e=>(0,u.jsx)(Oe,{...e,onClose:E})),[E]),A=(0,r.useCallback)((e=>(e.addAlgoliaAgent("docusaurus",i.docusaurusVersion),e)),[i.docusaurusVersion]);return(0,ye.E8)({isOpen:b,onOpen:x,onClose:E,onInput:_,searchButtonRef:g}),(0,u.jsxs)(u.Fragment,{children:[(0,u.jsx)(ve.A,{children:(0,u.jsx)("link",{rel:"preconnect",href:`https://${a.appId}-dsn.algolia.net`,crossOrigin:"anonymous"})}),(0,u.jsx)(ye.Bc,{onTouchStart:S,onFocus:S,onMouseOver:S,onClick:x,ref:g,translations:_e.button}),b&&Ce&&h.current&&(0,be.createPortal)((0,u.jsx)(Ce,{onClose:E,initialScrollY:window.scrollY,initialQuery:v,navigator:C,transformItems:j,hitComponent:je,transformSearchClient:A,...a.searchPagePath&&{resultsFooterComponent:O},...a,searchParameters:f,placeholder:_e.placeholder,translations:_e.modal}),h.current)]})}function Te(){const{siteConfig:e}=(0,le.A)();return(0,u.jsx)(Ae,{...e.themeConfig.algolia})}const Pe={navbarSearchContainer:"navbarSearchContainer_DsMw"};function Le(e){let{children:t,className:n}=e;return(0,u.jsx)("div",{className:(0,o.A)(n,Pe.navbarSearchContainer),children:t})}var Ie=n(9860),Ne=n(1630);var Re=n(3724);function De(e,t){return t.alternateDocVersions[e.name]??function(e){return e.docs.find((t=>t.id===e.mainDocId))}(e)}const Me={default:ae,localeDropdown:function(e){let{mobile:t,dropdownItemsBefore:n,dropdownItemsAfter:r,queryString:o="",...a}=e;const{i18n:{currentLocale:i,locales:c,localeConfigs:d}}=(0,le.A)(),p=(0,me.o)(),{search:f,hash:m}=(0,s.zy)(),h=[...n,...c.map((e=>{const n=`${`pathname://${p.createUrl({locale:e,fullyQualified:!1})}`}${f}${m}${o}`;return{label:d[e].label,lang:d[e].htmlLang,to:n,target:"_self",autoAddBaseUrl:!1,className:e===i?t?"menu__link--active":"dropdown__link--active":""}})),...r],g=t?(0,l.T)({message:"Languages",id:"theme.navbar.mobileLanguageDropdown.label",description:"The label for the mobile language switcher dropdown"}):d[i].label;return(0,u.jsx)(fe,{...a,mobile:t,label:(0,u.jsxs)(u.Fragment,{children:[(0,u.jsx)(he,{className:ge}),g]}),items:h})},search:function(e){let{mobile:t,className:n}=e;return t?null:(0,u.jsx)(Le,{className:n,children:(0,u.jsx)(Te,{})})},dropdown:fe,html:function(e){let{value:t,className:n,mobile:r=!1,isDropdownItem:a=!1}=e;const i=a?"li":"div";return(0,u.jsx)(i,{className:(0,o.A)({navbar__item:!r&&!a,"menu__list-item":r},n),dangerouslySetInnerHTML:{__html:t}})},doc:function(e){let{docId:t,label:n,docsPluginId:r,...o}=e;const{activeDoc:a}=(0,Ie.zK)(r),i=(0,Ne.QB)(t,r),s=a?.path===i?.path;return null===i||i.unlisted&&!s?null:(0,u.jsx)(ae,{exact:!0,...o,isActive:()=>s||!!a?.sidebar&&a.sidebar===i.sidebar,label:n??i.id,to:i.path})},docSidebar:function(e){let{sidebarId:t,label:n,docsPluginId:r,...o}=e;const{activeDoc:a}=(0,Ie.zK)(r),i=(0,Ne.fW)(t,r).link;if(!i)throw new Error(`DocSidebarNavbarItem: Sidebar with ID "${t}" doesn't have anything to be linked to.`);return(0,u.jsx)(ae,{exact:!0,...o,isActive:()=>a?.sidebar===t,label:n??i.label,to:i.path})},docsVersion:function(e){let{label:t,to:n,docsPluginId:r,...o}=e;const a=(0,Ne.Vd)(r)[0],i=t??a.label,s=n??(e=>e.docs.find((t=>t.id===e.mainDocId)))(a).path;return(0,u.jsx)(ae,{...o,label:i,to:s})},docsVersionDropdown:function(e){let{mobile:t,docsPluginId:n,dropdownActiveClassDisabled:r,dropdownItemsBefore:o,dropdownItemsAfter:a,...i}=e;const{search:c,hash:d}=(0,s.zy)(),p=(0,Ie.zK)(n),f=(0,Ie.jh)(n),{savePreferredVersionName:m}=(0,Re.g1)(n),h=[...o,...f.map((function(e){const t=De(e,p);return{label:e.label,to:`${t.path}${c}${d}`,isActive:()=>e===p.activeVersion,onClick:()=>m(e.name)}})),...a],g=(0,Ne.Vd)(n)[0],b=t&&h.length>1?(0,l.T)({id:"theme.navbar.mobileVersionsDropdown.label",message:"Versions",description:"The label for the navbar versions dropdown on mobile view"}):g.label,y=t&&h.length>1?void 0:De(g,p).path;return h.length<=1?(0,u.jsx)(ae,{...i,mobile:t,label:b,to:y,isActive:r?()=>!1:void 0}):(0,u.jsx)(fe,{...i,mobile:t,label:b,to:y,items:h,isActive:r?()=>!1:void 0})}};function Fe(e){let{type:t,...n}=e;const r=function(e,t){return e&&"default"!==e?e:"items"in t?"dropdown":"default"}(t,n),o=Me[r];if(!o)throw new Error(`No NavbarItem component found for type "${t}".`);return(0,u.jsx)(o,{...n})}function ze(){const e=(0,A.M)(),t=(0,w.p)().navbar.items;return(0,u.jsx)("ul",{className:"menu__list",children:t.map(((t,n)=>(0,r.createElement)(Fe,{mobile:!0,...t,onClick:()=>e.toggle(),key:n})))})}function Be(e){return(0,u.jsx)("button",{...e,type:"button",className:"clean-btn navbar-sidebar__back",children:(0,u.jsx)(l.A,{id:"theme.navbar.mobileSidebarSecondaryMenu.backButtonLabel",description:"The label of the back button to return to main menu, inside the mobile navbar sidebar secondary menu (notably used to display the docs sidebar)",children:"\u2190 Back to main menu"})})}function Ue(){const e=0===(0,w.p)().navbar.items.length,t=D();return(0,u.jsxs)(u.Fragment,{children:[!e&&(0,u.jsx)(Be,{onClick:()=>t.hide()}),t.content]})}function qe(){const e=(0,A.M)();var t;return void 0===(t=e.shown)&&(t=!0),(0,r.useEffect)((()=>(document.body.style.overflow=t?"hidden":"visible",()=>{document.body.style.overflow="visible"})),[t]),e.shouldRender?(0,u.jsx)(M,{header:(0,u.jsx)(Y,{}),primaryMenu:(0,u.jsx)(ze,{}),secondaryMenu:(0,u.jsx)(Ue,{})}):null}const $e={navbarHideable:"navbarHideable_v02o",navbarHidden:"navbarHidden_YVDo"};function He(e){return(0,u.jsx)("div",{role:"presentation",...e,className:(0,o.A)("navbar-sidebar__backdrop",e.className)})}function Ve(e){let{children:t}=e;const{navbar:{hideOnScroll:n,style:a}}=(0,w.p)(),i=(0,A.M)(),{navbarRef:s,isNavbarVisible:d}=function(e){const[t,n]=(0,r.useState)(e),o=(0,r.useRef)(!1),a=(0,r.useRef)(0),i=(0,r.useCallback)((e=>{null!==e&&(a.current=e.getBoundingClientRect().height)}),[]);return(0,T.Mq)(((t,r)=>{let{scrollY:i}=t;if(!e)return;if(i<a.current)return void n(!0);if(o.current)return void(o.current=!1);const s=r?.scrollY,l=document.documentElement.scrollHeight-a.current,c=window.innerHeight;s&&i>=s?n(!1):i+c<l&&n(!0)})),(0,c.$)((t=>{if(!e)return;const r=t.location.hash;if(r?document.getElementById(r.substring(1)):void 0)return o.current=!0,void n(!1);n(!0)})),{navbarRef:i,isNavbarVisible:t}}(n);return(0,u.jsxs)("nav",{ref:s,"aria-label":(0,l.T)({id:"theme.NavBar.navAriaLabel",message:"Main",description:"The ARIA label for the main navigation"}),className:(0,o.A)("navbar","navbar--fixed-top",n&&[$e.navbarHideable,!d&&$e.navbarHidden],{"navbar--dark":"dark"===a,"navbar--primary":"primary"===a,"navbar-sidebar--show":i.shown}),children:[t,(0,u.jsx)(He,{onClick:i.toggle}),(0,u.jsx)(qe,{})]})}var Ge=n(3509);const We={errorBoundaryError:"errorBoundaryError_t0Si",errorBoundaryFallback:"errorBoundaryFallback_rqmh"};function Ke(e){return(0,u.jsx)("button",{type:"button",...e,children:(0,u.jsx)(l.A,{id:"theme.ErrorPageContent.tryAgain",description:"The label of the button to try again rendering when the React error boundary captures an error",children:"Try again"})})}function Qe(e){let{error:t}=e;const n=(0,Ge.rA)(t).map((e=>e.message)).join("\n\nCause:\n");return(0,u.jsx)("p",{className:We.errorBoundaryError,children:n})}class Ye extends r.Component{componentDidCatch(e,t){throw this.props.onError(e,t)}render(){return this.props.children}}const Ze="right";function Je(e){let{width:t=30,height:n=30,className:r,...o}=e;return(0,u.jsx)("svg",{className:r,width:t,height:n,viewBox:"0 0 30 30","aria-hidden":"true",...o,children:(0,u.jsx)("path",{stroke:"currentColor",strokeLinecap:"round",strokeMiterlimit:"10",strokeWidth:"2",d:"M4 7h22M4 15h22M4 23h22"})})}function Xe(){const{toggle:e,shown:t}=(0,A.M)();return(0,u.jsx)("button",{onClick:e,"aria-label":(0,l.T)({id:"theme.docs.sidebar.toggleSidebarButtonAriaLabel",message:"Toggle navigation bar",description:"The ARIA label for hamburger menu button of mobile navigation"}),"aria-expanded":t,className:"navbar__toggle clean-btn",type:"button",children:(0,u.jsx)(Je,{})})}const et={colorModeToggle:"colorModeToggle_G2yU"};function tt(e){let{items:t}=e;return(0,u.jsx)(u.Fragment,{children:t.map(((e,t)=>(0,u.jsx)(Ye,{onError:t=>new Error(`A theme navbar item failed to render.\nPlease double-check the following navbar item (themeConfig.navbar.items) of your Docusaurus config:\n${JSON.stringify(e,null,2)}`,{cause:t}),children:(0,u.jsx)(Fe,{...e})},t)))})}function nt(e){let{left:t,right:n}=e;return(0,u.jsxs)("div",{className:"navbar__inner",children:[(0,u.jsx)("div",{className:"navbar__items",children:t}),(0,u.jsx)("div",{className:"navbar__items navbar__items--right",children:n})]})}function rt(){const e=(0,A.M)(),t=(0,w.p)().navbar.items,[n,r]=function(e){function t(e){return"left"===(e.position??Ze)}return[e.filter(t),e.filter((e=>!t(e)))]}(t),o=t.find((e=>"search"===e.type));return(0,u.jsx)(nt,{left:(0,u.jsxs)(u.Fragment,{children:[!e.disabled&&(0,u.jsx)(Xe,{}),(0,u.jsx)(K,{}),(0,u.jsx)(tt,{items:n})]}),right:(0,u.jsxs)(u.Fragment,{children:[(0,u.jsx)(tt,{items:r}),(0,u.jsx)(G,{className:et.colorModeToggle}),!o&&(0,u.jsx)(Le,{children:(0,u.jsx)(Te,{})})]})})}function ot(){return(0,u.jsx)(Ve,{children:(0,u.jsx)(rt,{})})}function at(e){let{item:t}=e;const{to:n,href:r,label:o,prependBaseUrlToHref:a,...i}=t,s=(0,J.Ay)(n),l=(0,J.Ay)(r,{forcePrependBaseUrl:!0});return(0,u.jsxs)(Z.A,{className:"footer__link-item",...r?{href:a?l:r}:{to:s},...i,children:[o,r&&!(0,X.A)(r)&&(0,u.jsx)(te.A,{})]})}function it(e){let{item:t}=e;return t.html?(0,u.jsx)("li",{className:"footer__item",dangerouslySetInnerHTML:{__html:t.html}}):(0,u.jsx)("li",{className:"footer__item",children:(0,u.jsx)(at,{item:t})},t.href??t.to)}function st(e){let{column:t}=e;return(0,u.jsxs)("div",{className:"col footer__col",children:[(0,u.jsx)("div",{className:"footer__title",children:t.title}),(0,u.jsx)("ul",{className:"footer__items clean-list",children:t.items.map(((e,t)=>(0,u.jsx)(it,{item:e},t)))})]})}function lt(e){let{columns:t}=e;return(0,u.jsx)("div",{className:"row footer__links",children:t.map(((e,t)=>(0,u.jsx)(st,{column:e},t)))})}function ct(){return(0,u.jsx)("span",{className:"footer__link-separator",children:"\xb7"})}function ut(e){let{item:t}=e;return t.html?(0,u.jsx)("span",{className:"footer__link-item",dangerouslySetInnerHTML:{__html:t.html}}):(0,u.jsx)(at,{item:t})}function dt(e){let{links:t}=e;return(0,u.jsx)("div",{className:"footer__links text--center",children:(0,u.jsx)("div",{className:"footer__links",children:t.map(((e,n)=>(0,u.jsxs)(r.Fragment,{children:[(0,u.jsx)(ut,{item:e}),t.length!==n+1&&(0,u.jsx)(ct,{})]},n)))})})}function pt(e){let{links:t}=e;return function(e){return"title"in e[0]}(t)?(0,u.jsx)(lt,{columns:t}):(0,u.jsx)(dt,{links:t})}var ft=n(6012);const mt={footerLogoLink:"footerLogoLink_HxP9"};function ht(e){let{logo:t}=e;const{withBaseUrl:n}=(0,J.hH)(),r={light:n(t.src),dark:n(t.srcDark??t.src)};return(0,u.jsx)(ft.A,{className:(0,o.A)("footer__logo",t.className),alt:t.alt,sources:r,width:t.width,height:t.height,style:t.style})}function gt(e){let{logo:t}=e;return t.href?(0,u.jsx)(Z.A,{href:t.href,className:mt.footerLogoLink,target:t.target,children:(0,u.jsx)(ht,{logo:t})}):(0,u.jsx)(ht,{logo:t})}function bt(e){let{copyright:t}=e;return(0,u.jsx)("div",{className:"footer__copyright",dangerouslySetInnerHTML:{__html:t}})}function yt(e){let{style:t,links:n,logo:r,copyright:a}=e;return(0,u.jsx)("footer",{className:(0,o.A)("footer",{"footer--dark":"dark"===t}),children:(0,u.jsxs)("div",{className:"container container-fluid",children:[n,(r||a)&&(0,u.jsxs)("div",{className:"footer__bottom text--center",children:[r&&(0,u.jsx)("div",{className:"margin-bottom--sm",children:r}),a]})]})})}function vt(){const{footer:e}=(0,w.p)();if(!e)return null;const{copyright:t,links:n,logo:r,style:o}=e;return(0,u.jsx)(yt,{style:o,links:n&&n.length>0&&(0,u.jsx)(pt,{links:n}),logo:r&&(0,u.jsx)(gt,{logo:r}),copyright:t&&(0,u.jsx)(bt,{copyright:t})})}const wt=r.memo(vt),St=(0,P.fM)([F.a,S.o,T.Tv,Re.VQ,i.Jx,function(e){let{children:t}=e;return(0,u.jsx)(L.y_,{children:(0,u.jsx)(A.e,{children:(0,u.jsx)(N,{children:t})})})}]);function kt(e){let{children:t}=e;return(0,u.jsx)(St,{children:t})}var xt=n(1507);function Et(e){let{error:t,tryAgain:n}=e;return(0,u.jsx)("main",{className:"container margin-vert--xl",children:(0,u.jsx)("div",{className:"row",children:(0,u.jsxs)("div",{className:"col col--6 col--offset-3",children:[(0,u.jsx)(xt.A,{as:"h1",className:"hero__title",children:(0,u.jsx)(l.A,{id:"theme.ErrorPageContent.title",description:"The title of the fallback page when the page crashed",children:"This page crashed."})}),(0,u.jsx)("div",{className:"margin-vert--lg",children:(0,u.jsx)(Ke,{onClick:n,className:"button button--primary shadow--lw"})}),(0,u.jsx)("hr",{}),(0,u.jsx)("div",{className:"margin-vert--md",children:(0,u.jsx)(Qe,{error:t})})]})})})}const _t={mainWrapper:"mainWrapper_ZPwK"};function Ct(e){const{children:t,noFooter:n,wrapperClassName:r,title:s,description:l}=e;return(0,b.J)(),(0,u.jsxs)(kt,{children:[(0,u.jsx)(i.be,{title:s,description:l}),(0,u.jsx)(v,{}),(0,u.jsx)(O,{}),(0,u.jsx)(ot,{}),(0,u.jsx)("div",{id:d,className:(0,o.A)(g.G.wrapper.main,_t.mainWrapper,r),children:(0,u.jsx)(a.A,{fallback:e=>(0,u.jsx)(Et,{...e}),children:t})}),!n&&(0,u.jsx)(wt,{})]})}},7007:(e,t,n)=>{"use strict";n.d(t,{A:()=>u});n(758);var r=n(6783),o=n(5252),a=n(9143),i=n(316),s=n(6012),l=n(6070);function c(e){let{logo:t,alt:n,imageClassName:r}=e;const a={light:(0,o.Ay)(t.src),dark:(0,o.Ay)(t.srcDark||t.src)},i=(0,l.jsx)(s.A,{className:t.className,sources:a,height:t.height,width:t.width,alt:n,style:t.style});return r?(0,l.jsx)("div",{className:r,children:i}):i}function u(e){const{siteConfig:{title:t}}=(0,a.A)(),{navbar:{title:n,logo:s}}=(0,i.p)(),{imageClassName:u,titleClassName:d,...p}=e,f=(0,o.Ay)(s?.href||"/"),m=n?"":t,h=s?.alt??m;return(0,l.jsxs)(r.A,{to:f,...p,...s?.target&&{target:s.target},children:[s&&(0,l.jsx)(c,{logo:s,alt:h,imageClassName:u}),null!=n&&(0,l.jsx)("b",{className:d,children:n})]})}},1701:(e,t,n)=>{"use strict";n.d(t,{A:()=>a});n(758);var r=n(2293),o=n(6070);function a(e){let{locale:t,version:n,tag:a}=e;const i=t;return(0,o.jsxs)(r.A,{children:[t&&(0,o.jsx)("meta",{name:"docusaurus_locale",content:t}),n&&(0,o.jsx)("meta",{name:"docusaurus_version",content:n}),a&&(0,o.jsx)("meta",{name:"docusaurus_tag",content:a}),i&&(0,o.jsx)("meta",{name:"docsearch:language",content:i}),n&&(0,o.jsx)("meta",{name:"docsearch:version",content:n}),a&&(0,o.jsx)("meta",{name:"docsearch:docusaurus_tag",content:a})]})}},6012:(e,t,n)=>{"use strict";n.d(t,{A:()=>u});var r=n(758),o=n(3526),a=n(2630),i=n(9731);const s={themedComponent:"themedComponent_v9BS","themedComponent--light":"themedComponent--light_bfJ3","themedComponent--dark":"themedComponent--dark_BRRK"};var l=n(6070);function c(e){let{className:t,children:n}=e;const c=(0,a.A)(),{colorMode:u}=(0,i.G)();return(0,l.jsx)(l.Fragment,{children:(c?"dark"===u?["dark"]:["light"]:["light","dark"]).map((e=>{const a=n({theme:e,className:(0,o.A)(t,s.themedComponent,s[`themedComponent--${e}`])});return(0,l.jsx)(r.Fragment,{children:a},e)}))})}function u(e){const{sources:t,className:n,alt:r,...o}=e;return(0,l.jsx)(c,{className:n,children:e=>{let{theme:n,className:a}=e;return(0,l.jsx)("img",{src:t[n],alt:r,className:a,...o})}})}},7064:(e,t,n)=>{"use strict";n.d(t,{N:()=>b,u:()=>c});var r=n(758),o=n(3088),a=n(8302),i=n(9963),s=n(6070);const l="ease-in-out";function c(e){let{initialState:t}=e;const[n,o]=(0,r.useState)(t??!1),a=(0,r.useCallback)((()=>{o((e=>!e))}),[]);return{collapsed:n,setCollapsed:o,toggleCollapsed:a}}const u={display:"none",overflow:"hidden",height:"0px"},d={display:"block",overflow:"visible",height:"auto"};function p(e,t){const n=t?u:d;e.style.display=n.display,e.style.overflow=n.overflow,e.style.height=n.height}function f(e){let{collapsibleRef:t,collapsed:n,animation:o}=e;const a=(0,r.useRef)(!1);(0,r.useEffect)((()=>{const e=t.current;function r(){const t=e.scrollHeight,n=o?.duration??function(e){if((0,i.O)())return 1;const t=e/36;return Math.round(10*(4+15*t**.25+t/5))}(t);return{transition:`height ${n}ms ${o?.easing??l}`,height:`${t}px`}}function s(){const t=r();e.style.transition=t.transition,e.style.height=t.height}if(!a.current)return p(e,n),void(a.current=!0);return e.style.willChange="height",function(){const t=requestAnimationFrame((()=>{n?(s(),requestAnimationFrame((()=>{e.style.height=u.height,e.style.overflow=u.overflow}))):(e.style.display="block",requestAnimationFrame((()=>{s()})))}));return()=>cancelAnimationFrame(t)}()}),[t,n,o])}function m(e){if(!o.A.canUseDOM)return e?u:d}function h(e){let{as:t="div",collapsed:n,children:o,animation:a,onCollapseTransitionEnd:i,className:l,disableSSRStyle:c}=e;const u=(0,r.useRef)(null);return f({collapsibleRef:u,collapsed:n,animation:a}),(0,s.jsx)(t,{ref:u,style:c?void 0:m(n),onTransitionEnd:e=>{"height"===e.propertyName&&(p(u.current,n),i?.(n))},className:l,children:o})}function g(e){let{collapsed:t,...n}=e;const[o,i]=(0,r.useState)(!t),[l,c]=(0,r.useState)(t);return(0,a.A)((()=>{t||i(!0)}),[t]),(0,a.A)((()=>{o&&c(t)}),[o,t]),o?(0,s.jsx)(h,{...n,collapsed:l}):null}function b(e){let{lazy:t,...n}=e;const r=t?g:h;return(0,s.jsx)(r,{...n})}},1611:(e,t,n)=>{"use strict";n.d(t,{M:()=>h,o:()=>m});var r=n(758),o=n(2630),a=n(3349),i=n(4902),s=n(316),l=n(6070);const c=(0,a.Wf)("docusaurus.announcement.dismiss"),u=(0,a.Wf)("docusaurus.announcement.id"),d=()=>"true"===c.get(),p=e=>c.set(String(e)),f=r.createContext(null);function m(e){let{children:t}=e;const n=function(){const{announcementBar:e}=(0,s.p)(),t=(0,o.A)(),[n,a]=(0,r.useState)((()=>!!t&&d()));(0,r.useEffect)((()=>{a(d())}),[]);const i=(0,r.useCallback)((()=>{p(!0),a(!0)}),[]);return(0,r.useEffect)((()=>{if(!e)return;const{id:t}=e;let n=u.get();"annoucement-bar"===n&&(n="announcement-bar");const r=t!==n;u.set(t),r&&p(!1),!r&&d()||a(!1)}),[e]),(0,r.useMemo)((()=>({isActive:!!e&&!n,close:i})),[e,n,i])}();return(0,l.jsx)(f.Provider,{value:n,children:t})}function h(){const e=(0,r.useContext)(f);if(!e)throw new i.dV("AnnouncementBarProvider");return e}},9731:(e,t,n)=>{"use strict";n.d(t,{G:()=>b,a:()=>g});var r=n(758),o=n(3088),a=n(4902),i=n(3349),s=n(316),l=n(6070);const c=r.createContext(void 0),u="theme",d=(0,i.Wf)(u),p={light:"light",dark:"dark"},f=e=>e===p.dark?p.dark:p.light,m=e=>o.A.canUseDOM?f(document.documentElement.getAttribute("data-theme")):f(e),h=e=>{d.set(f(e))};function g(e){let{children:t}=e;const n=function(){const{colorMode:{defaultMode:e,disableSwitch:t,respectPrefersColorScheme:n}}=(0,s.p)(),[o,a]=(0,r.useState)(m(e));(0,r.useEffect)((()=>{t&&d.del()}),[t]);const i=(0,r.useCallback)((function(t,r){void 0===r&&(r={});const{persist:o=!0}=r;t?(a(t),o&&h(t)):(a(n?window.matchMedia("(prefers-color-scheme: dark)").matches?p.dark:p.light:e),d.del())}),[n,e]);(0,r.useEffect)((()=>{document.documentElement.setAttribute("data-theme",f(o))}),[o]),(0,r.useEffect)((()=>{if(t)return;const e=e=>{if(e.key!==u)return;const t=d.get();null!==t&&i(f(t))};return window.addEventListener("storage",e),()=>window.removeEventListener("storage",e)}),[t,i]);const l=(0,r.useRef)(!1);return(0,r.useEffect)((()=>{if(t&&!n)return;const e=window.matchMedia("(prefers-color-scheme: dark)"),r=()=>{window.matchMedia("print").matches||l.current?l.current=window.matchMedia("print").matches:i(null)};return e.addListener(r),()=>e.removeListener(r)}),[i,t,n]),(0,r.useMemo)((()=>({colorMode:o,setColorMode:i,get isDarkTheme(){return o===p.dark},setLightTheme(){i(p.light)},setDarkTheme(){i(p.dark)}})),[o,i])}();return(0,l.jsx)(c.Provider,{value:n,children:t})}function b(){const e=(0,r.useContext)(c);if(null==e)throw new a.dV("ColorModeProvider","Please see https://docusaurus.io/docs/api/themes/configuration#use-color-mode.");return e}},1003:(e,t,n)=>{"use strict";n.d(t,{M:()=>f,e:()=>p});var r=n(758),o=n(646),a=n(9207),i=n(3979),s=n(316),l=n(4902),c=n(6070);const u=r.createContext(void 0);function d(){const e=function(){const e=(0,o.YL)(),{items:t}=(0,s.p)().navbar;return 0===t.length&&!e.component}(),t=(0,a.l)(),n=!e&&"mobile"===t,[l,c]=(0,r.useState)(!1);(0,i.$Z)((()=>{if(l)return c(!1),!1}));const u=(0,r.useCallback)((()=>{c((e=>!e))}),[]);return(0,r.useEffect)((()=>{"desktop"===t&&c(!1)}),[t]),(0,r.useMemo)((()=>({disabled:e,shouldRender:n,toggle:u,shown:l})),[e,n,u,l])}function p(e){let{children:t}=e;const n=d();return(0,c.jsx)(u.Provider,{value:n,children:t})}function f(){const e=r.useContext(u);if(void 0===e)throw new l.dV("NavbarMobileSidebarProvider");return e}},646:(e,t,n)=>{"use strict";n.d(t,{GX:()=>c,YL:()=>l,y_:()=>s});var r=n(758),o=n(4902),a=n(6070);const i=r.createContext(null);function s(e){let{children:t}=e;const n=(0,r.useState)({component:null,props:null});return(0,a.jsx)(i.Provider,{value:n,children:t})}function l(){const e=(0,r.useContext)(i);if(!e)throw new o.dV("NavbarSecondaryMenuContentProvider");return e[0]}function c(e){let{component:t,props:n}=e;const a=(0,r.useContext)(i);if(!a)throw new o.dV("NavbarSecondaryMenuContentProvider");const[,s]=a,l=(0,o.Be)(n);return(0,r.useEffect)((()=>{s({component:t,props:l})}),[s,t,l]),(0,r.useEffect)((()=>()=>s({component:null,props:null})),[s]),null}},9782:(e,t,n)=>{"use strict";n.d(t,{w:()=>o,J:()=>a});var r=n(758);const o="navigation-with-keyboard";function a(){(0,r.useEffect)((()=>{function e(e){"keydown"===e.type&&"Tab"===e.key&&document.body.classList.add(o),"mousedown"===e.type&&document.body.classList.remove(o)}return document.addEventListener("keydown",e),document.addEventListener("mousedown",e),()=>{document.body.classList.remove(o),document.removeEventListener("keydown",e),document.removeEventListener("mousedown",e)}}),[])}},8169:(e,t,n)=>{"use strict";n.d(t,{b:()=>s,w:()=>l});var r=n(758),o=n(9143),a=n(3979);const i="q";function s(){return(0,a.l)(i)}function l(){const{siteConfig:{baseUrl:e,themeConfig:t}}=(0,o.A)(),{algolia:{searchPagePath:n}}=t;return(0,r.useCallback)((t=>`${e}${n}?${i}=${encodeURIComponent(t)}`),[e,n])}},9207:(e,t,n)=>{"use strict";n.d(t,{l:()=>s});var r=n(758),o=n(3088);const a={desktop:"desktop",mobile:"mobile",ssr:"ssr"},i=996;function s(e){let{desktopBreakpoint:t=i}=void 0===e?{}:e;const[n,s]=(0,r.useState)((()=>"ssr"));return(0,r.useEffect)((()=>{function e(){s(function(e){if(!o.A.canUseDOM)throw new Error("getWindowSize() should only be called after React hydration");return window.innerWidth>e?a.desktop:a.mobile}(t))}return e(),window.addEventListener("resize",e),()=>{window.removeEventListener("resize",e)}}),[t]),n}},8813:(e,t,n)=>{"use strict";n.d(t,{G:()=>r});const r={page:{blogListPage:"blog-list-page",blogPostPage:"blog-post-page",blogTagsListPage:"blog-tags-list-page",blogTagPostListPage:"blog-tags-post-list-page",blogAuthorsListPage:"blog-authors-list-page",blogAuthorsPostsPage:"blog-authors-posts-page",docsDocPage:"docs-doc-page",docsTagsListPage:"docs-tags-list-page",docsTagDocListPage:"docs-tags-doc-list-page",mdxPage:"mdx-page"},wrapper:{main:"main-wrapper",blogPages:"blog-wrapper",docsPages:"docs-wrapper",mdxPages:"mdx-wrapper"},common:{editThisPage:"theme-edit-this-page",lastUpdated:"theme-last-updated",backToTopButton:"theme-back-to-top-button",codeBlock:"theme-code-block",admonition:"theme-admonition",unlistedBanner:"theme-unlisted-banner",draftBanner:"theme-draft-banner",admonitionType:e=>`theme-admonition-${e}`},layout:{},docs:{docVersionBanner:"theme-doc-version-banner",docVersionBadge:"theme-doc-version-badge",docBreadcrumbs:"theme-doc-breadcrumbs",docMarkdown:"theme-doc-markdown",docTocMobile:"theme-doc-toc-mobile",docTocDesktop:"theme-doc-toc-desktop",docFooter:"theme-doc-footer",docFooterTagsRow:"theme-doc-footer-tags-row",docFooterEditMetaRow:"theme-doc-footer-edit-meta-row",docSidebarContainer:"theme-doc-sidebar-container",docSidebarMenu:"theme-doc-sidebar-menu",docSidebarItemCategory:"theme-doc-sidebar-item-category",docSidebarItemLink:"theme-doc-sidebar-item-link",docSidebarItemCategoryLevel:e=>`theme-doc-sidebar-item-category-level-${e}`,docSidebarItemLinkLevel:e=>`theme-doc-sidebar-item-link-level-${e}`},blog:{blogFooterTagsRow:"theme-blog-footer-tags-row",blogFooterEditMetaRow:"theme-blog-footer-edit-meta-row"},pages:{pageFooterEditMetaRow:"theme-pages-footer-edit-meta-row"}}},9963:(e,t,n)=>{"use strict";function r(){return window.matchMedia("(prefers-reduced-motion: reduce)").matches}n.d(t,{O:()=>r})},7743:(e,t,n)=>{"use strict";n.d(t,{s:()=>o});var r=n(9143);function o(e){const{siteConfig:t}=(0,r.A)(),{title:n,titleDelimiter:o}=t;return e?.trim().length?`${e.trim()} ${o} ${n}`:n}},3979:(e,t,n)=>{"use strict";n.d(t,{$Z:()=>i,l:()=>l});var r=n(758),o=n(5557),a=n(4902);function i(e){!function(e){const t=(0,o.W6)(),n=(0,a._q)(e);(0,r.useEffect)((()=>t.block(((e,t)=>n(e,t)))),[t,n])}(((t,n)=>{if("POP"===n)return e(t,n)}))}function s(e){const t=(0,o.W6)();return(0,r.useSyncExternalStore)(t.listen,(()=>e(t)),(()=>e(t)))}function l(e){const t=function(e){return s((t=>null===e?null:new URLSearchParams(t.location.search).get(e)))}(e)??"",n=function(e){const t=(0,o.W6)();return(0,r.useCallback)(((n,r)=>{const o=new URLSearchParams(t.location.search);n?o.set(e,n):o.delete(e),(r?.push?t.push:t.replace)({search:o.toString()})}),[e,t])}(e);return[t,n]}},2632:(e,t,n)=>{"use strict";function r(e){return Array.from(new Set(e))}function o(e,t){const n={};let r=0;for(const o of e){const e=t(o,r);n[e]??=[],n[e].push(o),r+=1}return n}n.d(t,{$z:()=>o,sb:()=>r})},898:(e,t,n)=>{"use strict";n.d(t,{Jx:()=>f,be:()=>u,e3:()=>p});var r=n(758),o=n(3526),a=n(2293),i=n(3112),s=n(5252),l=n(7743),c=n(6070);function u(e){let{title:t,description:n,keywords:r,image:o,children:i}=e;const u=(0,l.s)(t),{withBaseUrl:d}=(0,s.hH)(),p=o?d(o,{absolute:!0}):void 0;return(0,c.jsxs)(a.A,{children:[t&&(0,c.jsx)("title",{children:u}),t&&(0,c.jsx)("meta",{property:"og:title",content:u}),n&&(0,c.jsx)("meta",{name:"description",content:n}),n&&(0,c.jsx)("meta",{property:"og:description",content:n}),r&&(0,c.jsx)("meta",{name:"keywords",content:Array.isArray(r)?r.join(","):r}),p&&(0,c.jsx)("meta",{property:"og:image",content:p}),p&&(0,c.jsx)("meta",{name:"twitter:image",content:p}),i]})}const d=r.createContext(void 0);function p(e){let{className:t,children:n}=e;const i=r.useContext(d),s=(0,o.A)(i,t);return(0,c.jsxs)(d.Provider,{value:s,children:[(0,c.jsx)(a.A,{children:(0,c.jsx)("html",{className:s})}),n]})}function f(e){let{children:t}=e;const n=(0,i.A)(),r=`plugin-${n.plugin.name.replace(/docusaurus-(?:plugin|theme)-(?:content-)?/gi,"")}`;const a=`plugin-id-${n.plugin.id}`;return(0,c.jsx)(p,{className:(0,o.A)(r,a),children:t})}},4902:(e,t,n)=>{"use strict";n.d(t,{Be:()=>c,ZC:()=>s,_q:()=>i,dV:()=>l,fM:()=>u});var r=n(758),o=n(8302),a=n(6070);function i(e){const t=(0,r.useRef)(e);return(0,o.A)((()=>{t.current=e}),[e]),(0,r.useCallback)((function(){return t.current(...arguments)}),[])}function s(e){const t=(0,r.useRef)();return(0,o.A)((()=>{t.current=e})),t.current}class l extends Error{constructor(e,t){super(),this.name="ReactContextError",this.message=`Hook ${this.stack?.split("\n")[1]?.match(/at (?:\w+\.)?(?<name>\w+)/)?.groups.name??""} is called outside the <${e}>. ${t??""}`}}function c(e){const t=Object.entries(e);return t.sort(((e,t)=>e[0].localeCompare(t[0]))),(0,r.useMemo)((()=>e),t.flat())}function u(e){return t=>{let{children:n}=t;return(0,a.jsx)(a.Fragment,{children:e.reduceRight(((e,t)=>(0,a.jsx)(t,{children:e})),n)})}}},5130:(e,t,n)=>{"use strict";function r(e,t){return void 0!==e&&void 0!==t&&new RegExp(e,"gi").test(t)}n.d(t,{G:()=>r})},5763:(e,t,n)=>{"use strict";n.d(t,{Dt:()=>s,ys:()=>i});var r=n(758),o=n(1377),a=n(9143);function i(e,t){const n=e=>(!e||e.endsWith("/")?e:`${e}/`)?.toLowerCase();return n(e)===n(t)}function s(){const{baseUrl:e}=(0,a.A)().siteConfig;return(0,r.useMemo)((()=>function(e){let{baseUrl:t,routes:n}=e;function r(e){return e.path===t&&!0===e.exact}function o(e){return e.path===t&&!e.exact}return function e(t){if(0===t.length)return;return t.find(r)||e(t.filter(o).flatMap((e=>e.routes??[])))}(n)}({routes:o.A,baseUrl:e})),[e])}},9030:(e,t,n)=>{"use strict";n.d(t,{Mq:()=>p,Tv:()=>c,gk:()=>f});var r=n(758),o=n(3088),a=n(2630),i=(n(8302),n(4902)),s=n(6070);const l=r.createContext(void 0);function c(e){let{children:t}=e;const n=function(){const e=(0,r.useRef)(!0);return(0,r.useMemo)((()=>({scrollEventsEnabledRef:e,enableScrollEvents:()=>{e.current=!0},disableScrollEvents:()=>{e.current=!1}})),[])}();return(0,s.jsx)(l.Provider,{value:n,children:t})}function u(){const e=(0,r.useContext)(l);if(null==e)throw new i.dV("ScrollControllerProvider");return e}const d=()=>o.A.canUseDOM?{scrollX:window.pageXOffset,scrollY:window.pageYOffset}:null;function p(e,t){void 0===t&&(t=[]);const{scrollEventsEnabledRef:n}=u(),o=(0,r.useRef)(d()),a=(0,i._q)(e);(0,r.useEffect)((()=>{const e=()=>{if(!n.current)return;const e=d();a(e,o.current),o.current=e},t={passive:!0};return e(),window.addEventListener("scroll",e,t),()=>window.removeEventListener("scroll",e,t)}),[a,n,...t])}function f(){const e=(0,r.useRef)(null),t=(0,a.A)()&&"smooth"===getComputedStyle(document.documentElement).scrollBehavior;return{startScroll:n=>{e.current=t?function(e){return window.scrollTo({top:e,behavior:"smooth"}),()=>{}}(n):function(e){let t=null;const n=document.documentElement.scrollTop>e;return function r(){const o=document.documentElement.scrollTop;(n&&o>e||!n&&o<e)&&(t=requestAnimationFrame(r),window.scrollTo(0,Math.floor(.85*(o-e))+e))}(),()=>t&&cancelAnimationFrame(t)}(n)},cancelScroll:()=>e.current?.()}}},4937:(e,t,n)=>{"use strict";n.d(t,{C:()=>r});const r="default"},3349:(e,t,n)=>{"use strict";n.d(t,{Wf:()=>c});n(758);const r=JSON.parse('{"N":"localStorage","M":""}'),o=r.N;function a(e){let{key:t,oldValue:n,newValue:r,storage:o}=e;if(n===r)return;const a=document.createEvent("StorageEvent");a.initStorageEvent("storage",!1,!1,t,n,r,window.location.href,o),window.dispatchEvent(a)}function i(e){if(void 0===e&&(e=o),"undefined"==typeof window)throw new Error("Browser storage is not available on Node.js/Docusaurus SSR process.");if("none"===e)return null;try{return window[e]}catch(n){return t=n,s||(console.warn("Docusaurus browser storage is not available.\nPossible reasons: running Docusaurus in an iframe, in an incognito browser session, or using too strict browser privacy settings.",t),s=!0),null}var t}let s=!1;const l={get:()=>null,set:()=>{},del:()=>{},listen:()=>()=>{}};function c(e,t){const n=`${e}${r.M}`;if("undefined"==typeof window)return function(e){function t(){throw new Error(`Illegal storage API usage for storage key "${e}".\nDocusaurus storage APIs are not supposed to be called on the server-rendering process.\nPlease only call storage APIs in effects and event handlers.`)}return{get:t,set:t,del:t,listen:t}}(n);const o=i(t?.persistence);return null===o?l:{get:()=>{try{return o.getItem(n)}catch(e){return console.error(`Docusaurus storage error, can't get key=${n}`,e),null}},set:e=>{try{const t=o.getItem(n);o.setItem(n,e),a({key:n,oldValue:t,newValue:e,storage:o})}catch(t){console.error(`Docusaurus storage error, can't set ${n}=${e}`,t)}},del:()=>{try{const e=o.getItem(n);o.removeItem(n),a({key:n,oldValue:e,newValue:null,storage:o})}catch(e){console.error(`Docusaurus storage error, can't delete key=${n}`,e)}},listen:e=>{try{const t=t=>{t.storageArea===o&&t.key===n&&e(t)};return window.addEventListener("storage",t),()=>window.removeEventListener("storage",t)}catch(t){return console.error(`Docusaurus storage error, can't listen for changes of key=${n}`,t),()=>{}}}}}},1529:(e,t,n)=>{"use strict";n.d(t,{o:()=>i});var r=n(9143),o=n(5557),a=n(3509);function i(){const{siteConfig:{baseUrl:e,url:t,trailingSlash:n},i18n:{defaultLocale:i,currentLocale:s}}=(0,r.A)(),{pathname:l}=(0,o.zy)(),c=(0,a.Ks)(l,{trailingSlash:n,baseUrl:e}),u=s===i?e:e.replace(`/${s}/`,"/"),d=c.replace(e,"");return{createUrl:function(e){let{locale:n,fullyQualified:r}=e;return`${r?t:""}${function(e){return e===i?`${u}`:`${u}${e}/`}(n)}${d}`}}}},2360:(e,t,n)=>{"use strict";n.d(t,{$:()=>i});var r=n(758),o=n(5557),a=n(4902);function i(e){const t=(0,o.zy)(),n=(0,a.ZC)(t),i=(0,a._q)(e);(0,r.useEffect)((()=>{n&&t!==n&&i({location:t,previousLocation:n})}),[i,t,n])}},316:(e,t,n)=>{"use strict";n.d(t,{p:()=>o});var r=n(9143);function o(){return(0,r.A)().siteConfig.themeConfig}},7e3:(e,t,n)=>{"use strict";n.d(t,{c:()=>o});var r=n(9143);function o(){const{siteConfig:{themeConfig:e}}=(0,r.A)();return e}},1152:(e,t,n)=>{"use strict";n.d(t,{C:()=>s});var r=n(758),o=n(5130),a=n(5252),i=n(7e3);function s(){const{withBaseUrl:e}=(0,a.hH)(),{algolia:{externalUrlRegex:t,replaceSearchResultPathname:n}}=(0,i.c)();return(0,r.useCallback)((r=>{const a=new URL(r);if((0,o.G)(t,a.href))return r;const i=`${a.pathname+a.hash}`;return e(function(e,t){return t?e.replaceAll(new RegExp(t.from,"g"),t.to):e}(i,n))}),[e,t,n])}},1640:(e,t,n)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.addTrailingSlash=o,t.default=function(e,t){const{trailingSlash:n,baseUrl:r}=t;if(e.startsWith("#"))return e;if(void 0===n)return e;const[i]=e.split(/[#?]/),s="/"===i||i===r?i:(l=i,c=n,c?o(l):a(l));var l,c;return e.replace(i,s)},t.addLeadingSlash=function(e){return(0,r.addPrefix)(e,"/")},t.removeTrailingSlash=a;const r=n(239);function o(e){return e.endsWith("/")?e:`${e}/`}function a(e){return(0,r.removeSuffix)(e,"/")}},4814:(e,t)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.getErrorCausalChain=function e(t){if(t.cause)return[t,...e(t.cause)];return[t]}},3509:(e,t,n)=>{"use strict";t.rA=t.Ks=t.LU=void 0;const r=n(3422);t.LU="__blog-post-container";var o=n(1640);Object.defineProperty(t,"Ks",{enumerable:!0,get:function(){return r.__importDefault(o).default}});var a=n(239);var i=n(4814);Object.defineProperty(t,"rA",{enumerable:!0,get:function(){return i.getErrorCausalChain}})},239:(e,t)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.addPrefix=function(e,t){return e.startsWith(t)?e:`${t}${e}`},t.removeSuffix=function(e,t){if(""===t)return e;return e.endsWith(t)?e.slice(0,-t.length):e},t.addSuffix=function(e,t){return e.endsWith(t)?e:`${e}${t}`},t.removePrefix=function(e,t){return e.startsWith(t)?e.slice(t.length):e}},3332:(e,t,n)=>{"use strict";n.d(t,{zR:()=>w,TM:()=>C,yJ:()=>f,sC:()=>O,AO:()=>p});var r=n(991);function o(e){return"/"===e.charAt(0)}function a(e,t){for(var n=t,r=n+1,o=e.length;r<o;n+=1,r+=1)e[n]=e[r];e.pop()}const i=function(e,t){void 0===t&&(t="");var n,r=e&&e.split("/")||[],i=t&&t.split("/")||[],s=e&&o(e),l=t&&o(t),c=s||l;if(e&&o(e)?i=r:r.length&&(i.pop(),i=i.concat(r)),!i.length)return"/";if(i.length){var u=i[i.length-1];n="."===u||".."===u||""===u}else n=!1;for(var d=0,p=i.length;p>=0;p--){var f=i[p];"."===f?a(i,p):".."===f?(a(i,p),d++):d&&(a(i,p),d--)}if(!c)for(;d--;d)i.unshift("..");!c||""===i[0]||i[0]&&o(i[0])||i.unshift("");var m=i.join("/");return n&&"/"!==m.substr(-1)&&(m+="/"),m};var s=n(5385);function l(e){return"/"===e.charAt(0)?e:"/"+e}function c(e){return"/"===e.charAt(0)?e.substr(1):e}function u(e,t){return function(e,t){return 0===e.toLowerCase().indexOf(t.toLowerCase())&&-1!=="/?#".indexOf(e.charAt(t.length))}(e,t)?e.substr(t.length):e}function d(e){return"/"===e.charAt(e.length-1)?e.slice(0,-1):e}function p(e){var t=e.pathname,n=e.search,r=e.hash,o=t||"/";return n&&"?"!==n&&(o+="?"===n.charAt(0)?n:"?"+n),r&&"#"!==r&&(o+="#"===r.charAt(0)?r:"#"+r),o}function f(e,t,n,o){var a;"string"==typeof e?(a=function(e){var t=e||"/",n="",r="",o=t.indexOf("#");-1!==o&&(r=t.substr(o),t=t.substr(0,o));var a=t.indexOf("?");return-1!==a&&(n=t.substr(a),t=t.substr(0,a)),{pathname:t,search:"?"===n?"":n,hash:"#"===r?"":r}}(e),a.state=t):(void 0===(a=(0,r.A)({},e)).pathname&&(a.pathname=""),a.search?"?"!==a.search.charAt(0)&&(a.search="?"+a.search):a.search="",a.hash?"#"!==a.hash.charAt(0)&&(a.hash="#"+a.hash):a.hash="",void 0!==t&&void 0===a.state&&(a.state=t));try{a.pathname=decodeURI(a.pathname)}catch(s){throw s instanceof URIError?new URIError('Pathname "'+a.pathname+'" could not be decoded. This is likely caused by an invalid percent-encoding.'):s}return n&&(a.key=n),o?a.pathname?"/"!==a.pathname.charAt(0)&&(a.pathname=i(a.pathname,o.pathname)):a.pathname=o.pathname:a.pathname||(a.pathname="/"),a}function m(){var e=null;var t=[];return{setPrompt:function(t){return e=t,function(){e===t&&(e=null)}},confirmTransitionTo:function(t,n,r,o){if(null!=e){var a="function"==typeof e?e(t,n):e;"string"==typeof a?"function"==typeof r?r(a,o):o(!0):o(!1!==a)}else o(!0)},appendListener:function(e){var n=!0;function r(){n&&e.apply(void 0,arguments)}return t.push(r),function(){n=!1,t=t.filter((function(e){return e!==r}))}},notifyListeners:function(){for(var e=arguments.length,n=new Array(e),r=0;r<e;r++)n[r]=arguments[r];t.forEach((function(e){return e.apply(void 0,n)}))}}}var h=!("undefined"==typeof window||!window.document||!window.document.createElement);function g(e,t){t(window.confirm(e))}var b="popstate",y="hashchange";function v(){try{return window.history.state||{}}catch(e){return{}}}function w(e){void 0===e&&(e={}),h||(0,s.A)(!1);var t,n=window.history,o=(-1===(t=window.navigator.userAgent).indexOf("Android 2.")&&-1===t.indexOf("Android 4.0")||-1===t.indexOf("Mobile Safari")||-1!==t.indexOf("Chrome")||-1!==t.indexOf("Windows Phone"))&&window.history&&"pushState"in window.history,a=!(-1===window.navigator.userAgent.indexOf("Trident")),i=e,c=i.forceRefresh,w=void 0!==c&&c,S=i.getUserConfirmation,k=void 0===S?g:S,x=i.keyLength,E=void 0===x?6:x,_=e.basename?d(l(e.basename)):"";function C(e){var t=e||{},n=t.key,r=t.state,o=window.location,a=o.pathname+o.search+o.hash;return _&&(a=u(a,_)),f(a,r,n)}function j(){return Math.random().toString(36).substr(2,E)}var O=m();function A(e){(0,r.A)(U,e),U.length=n.length,O.notifyListeners(U.location,U.action)}function T(e){(function(e){return void 0===e.state&&-1===navigator.userAgent.indexOf("CriOS")})(e)||I(C(e.state))}function P(){I(C(v()))}var L=!1;function I(e){if(L)L=!1,A();else{O.confirmTransitionTo(e,"POP",k,(function(t){t?A({action:"POP",location:e}):function(e){var t=U.location,n=R.indexOf(t.key);-1===n&&(n=0);var r=R.indexOf(e.key);-1===r&&(r=0);var o=n-r;o&&(L=!0,M(o))}(e)}))}}var N=C(v()),R=[N.key];function D(e){return _+p(e)}function M(e){n.go(e)}var F=0;function z(e){1===(F+=e)&&1===e?(window.addEventListener(b,T),a&&window.addEventListener(y,P)):0===F&&(window.removeEventListener(b,T),a&&window.removeEventListener(y,P))}var B=!1;var U={length:n.length,action:"POP",location:N,createHref:D,push:function(e,t){var r="PUSH",a=f(e,t,j(),U.location);O.confirmTransitionTo(a,r,k,(function(e){if(e){var t=D(a),i=a.key,s=a.state;if(o)if(n.pushState({key:i,state:s},null,t),w)window.location.href=t;else{var l=R.indexOf(U.location.key),c=R.slice(0,l+1);c.push(a.key),R=c,A({action:r,location:a})}else window.location.href=t}}))},replace:function(e,t){var r="REPLACE",a=f(e,t,j(),U.location);O.confirmTransitionTo(a,r,k,(function(e){if(e){var t=D(a),i=a.key,s=a.state;if(o)if(n.replaceState({key:i,state:s},null,t),w)window.location.replace(t);else{var l=R.indexOf(U.location.key);-1!==l&&(R[l]=a.key),A({action:r,location:a})}else window.location.replace(t)}}))},go:M,goBack:function(){M(-1)},goForward:function(){M(1)},block:function(e){void 0===e&&(e=!1);var t=O.setPrompt(e);return B||(z(1),B=!0),function(){return B&&(B=!1,z(-1)),t()}},listen:function(e){var t=O.appendListener(e);return z(1),function(){z(-1),t()}}};return U}var S="hashchange",k={hashbang:{encodePath:function(e){return"!"===e.charAt(0)?e:"!/"+c(e)},decodePath:function(e){return"!"===e.charAt(0)?e.substr(1):e}},noslash:{encodePath:c,decodePath:l},slash:{encodePath:l,decodePath:l}};function x(e){var t=e.indexOf("#");return-1===t?e:e.slice(0,t)}function E(){var e=window.location.href,t=e.indexOf("#");return-1===t?"":e.substring(t+1)}function _(e){window.location.replace(x(window.location.href)+"#"+e)}function C(e){void 0===e&&(e={}),h||(0,s.A)(!1);var t=window.history,n=(window.navigator.userAgent.indexOf("Firefox"),e),o=n.getUserConfirmation,a=void 0===o?g:o,i=n.hashType,c=void 0===i?"slash":i,b=e.basename?d(l(e.basename)):"",y=k[c],v=y.encodePath,w=y.decodePath;function C(){var e=w(E());return b&&(e=u(e,b)),f(e)}var j=m();function O(e){(0,r.A)(B,e),B.length=t.length,j.notifyListeners(B.location,B.action)}var A=!1,T=null;function P(){var e,t,n=E(),r=v(n);if(n!==r)_(r);else{var o=C(),i=B.location;if(!A&&(t=o,(e=i).pathname===t.pathname&&e.search===t.search&&e.hash===t.hash))return;if(T===p(o))return;T=null,function(e){if(A)A=!1,O();else{var t="POP";j.confirmTransitionTo(e,t,a,(function(n){n?O({action:t,location:e}):function(e){var t=B.location,n=R.lastIndexOf(p(t));-1===n&&(n=0);var r=R.lastIndexOf(p(e));-1===r&&(r=0);var o=n-r;o&&(A=!0,D(o))}(e)}))}}(o)}}var L=E(),I=v(L);L!==I&&_(I);var N=C(),R=[p(N)];function D(e){t.go(e)}var M=0;function F(e){1===(M+=e)&&1===e?window.addEventListener(S,P):0===M&&window.removeEventListener(S,P)}var z=!1;var B={length:t.length,action:"POP",location:N,createHref:function(e){var t=document.querySelector("base"),n="";return t&&t.getAttribute("href")&&(n=x(window.location.href)),n+"#"+v(b+p(e))},push:function(e,t){var n="PUSH",r=f(e,void 0,void 0,B.location);j.confirmTransitionTo(r,n,a,(function(e){if(e){var t=p(r),o=v(b+t);if(E()!==o){T=t,function(e){window.location.hash=e}(o);var a=R.lastIndexOf(p(B.location)),i=R.slice(0,a+1);i.push(t),R=i,O({action:n,location:r})}else O()}}))},replace:function(e,t){var n="REPLACE",r=f(e,void 0,void 0,B.location);j.confirmTransitionTo(r,n,a,(function(e){if(e){var t=p(r),o=v(b+t);E()!==o&&(T=t,_(o));var a=R.indexOf(p(B.location));-1!==a&&(R[a]=t),O({action:n,location:r})}}))},go:D,goBack:function(){D(-1)},goForward:function(){D(1)},block:function(e){void 0===e&&(e=!1);var t=j.setPrompt(e);return z||(F(1),z=!0),function(){return z&&(z=!1,F(-1)),t()}},listen:function(e){var t=j.appendListener(e);return F(1),function(){F(-1),t()}}};return B}function j(e,t,n){return Math.min(Math.max(e,t),n)}function O(e){void 0===e&&(e={});var t=e,n=t.getUserConfirmation,o=t.initialEntries,a=void 0===o?["/"]:o,i=t.initialIndex,s=void 0===i?0:i,l=t.keyLength,c=void 0===l?6:l,u=m();function d(e){(0,r.A)(w,e),w.length=w.entries.length,u.notifyListeners(w.location,w.action)}function h(){return Math.random().toString(36).substr(2,c)}var g=j(s,0,a.length-1),b=a.map((function(e){return f(e,void 0,"string"==typeof e?h():e.key||h())})),y=p;function v(e){var t=j(w.index+e,0,w.entries.length-1),r=w.entries[t];u.confirmTransitionTo(r,"POP",n,(function(e){e?d({action:"POP",location:r,index:t}):d()}))}var w={length:b.length,action:"POP",location:b[g],index:g,entries:b,createHref:y,push:function(e,t){var r="PUSH",o=f(e,t,h(),w.location);u.confirmTransitionTo(o,r,n,(function(e){if(e){var t=w.index+1,n=w.entries.slice(0);n.length>t?n.splice(t,n.length-t,o):n.push(o),d({action:r,location:o,index:t,entries:n})}}))},replace:function(e,t){var r="REPLACE",o=f(e,t,h(),w.location);u.confirmTransitionTo(o,r,n,(function(e){e&&(w.entries[w.index]=o,d({action:r,location:o}))}))},go:v,goBack:function(){v(-1)},goForward:function(){v(1)},canGo:function(e){var t=w.index+e;return t>=0&&t<w.entries.length},block:function(e){return void 0===e&&(e=!1),u.setPrompt(e)},listen:function(e){return u.appendListener(e)}};return w}},1035:(e,t,n)=>{"use strict";var r=n(5959),o={childContextTypes:!0,contextType:!0,contextTypes:!0,defaultProps:!0,displayName:!0,getDefaultProps:!0,getDerivedStateFromError:!0,getDerivedStateFromProps:!0,mixins:!0,propTypes:!0,type:!0},a={name:!0,length:!0,prototype:!0,caller:!0,callee:!0,arguments:!0,arity:!0},i={$$typeof:!0,compare:!0,defaultProps:!0,displayName:!0,propTypes:!0,type:!0},s={};function l(e){return r.isMemo(e)?i:s[e.$$typeof]||o}s[r.ForwardRef]={$$typeof:!0,render:!0,defaultProps:!0,displayName:!0,propTypes:!0},s[r.Memo]=i;var c=Object.defineProperty,u=Object.getOwnPropertyNames,d=Object.getOwnPropertySymbols,p=Object.getOwnPropertyDescriptor,f=Object.getPrototypeOf,m=Object.prototype;e.exports=function e(t,n,r){if("string"!=typeof n){if(m){var o=f(n);o&&o!==m&&e(t,o,r)}var i=u(n);d&&(i=i.concat(d(n)));for(var s=l(t),h=l(n),g=0;g<i.length;++g){var b=i[g];if(!(a[b]||r&&r[b]||h&&h[b]||s&&s[b])){var y=p(n,b);try{c(t,b,y)}catch(v){}}}}return t}},9597:e=>{"use strict";e.exports=function(e,t,n,r,o,a,i,s){if(!e){var l;if(void 0===t)l=new Error("Minified exception occurred; use the non-minified dev environment for the full error message and additional helpful warnings.");else{var c=[n,r,o,a,i,s],u=0;(l=new Error(t.replace(/%s/g,(function(){return c[u++]})))).name="Invariant Violation"}throw l.framesToPop=1,l}}},5526:e=>{e.exports=Array.isArray||function(e){return"[object Array]"==Object.prototype.toString.call(e)}},8602:(e,t,n)=>{"use strict";n.r(t)},4504:(e,t,n)=>{"use strict";n.r(t)},8744:function(e,t,n){var r,o;r=function(){var e,t,n={version:"0.2.0"},r=n.settings={minimum:.08,easing:"ease",positionUsing:"",speed:200,trickle:!0,trickleRate:.02,trickleSpeed:800,showSpinner:!0,barSelector:'[role="bar"]',spinnerSelector:'[role="spinner"]',parent:"body",template:'<div class="bar" role="bar"><div class="peg"></div></div><div class="spinner" role="spinner"><div class="spinner-icon"></div></div>'};function o(e,t,n){return e<t?t:e>n?n:e}function a(e){return 100*(-1+e)}function i(e,t,n){var o;return(o="translate3d"===r.positionUsing?{transform:"translate3d("+a(e)+"%,0,0)"}:"translate"===r.positionUsing?{transform:"translate("+a(e)+"%,0)"}:{"margin-left":a(e)+"%"}).transition="all "+t+"ms "+n,o}n.configure=function(e){var t,n;for(t in e)void 0!==(n=e[t])&&e.hasOwnProperty(t)&&(r[t]=n);return this},n.status=null,n.set=function(e){var t=n.isStarted();e=o(e,r.minimum,1),n.status=1===e?null:e;var a=n.render(!t),c=a.querySelector(r.barSelector),u=r.speed,d=r.easing;return a.offsetWidth,s((function(t){""===r.positionUsing&&(r.positionUsing=n.getPositioningCSS()),l(c,i(e,u,d)),1===e?(l(a,{transition:"none",opacity:1}),a.offsetWidth,setTimeout((function(){l(a,{transition:"all "+u+"ms linear",opacity:0}),setTimeout((function(){n.remove(),t()}),u)}),u)):setTimeout(t,u)})),this},n.isStarted=function(){return"number"==typeof n.status},n.start=function(){n.status||n.set(0);var e=function(){setTimeout((function(){n.status&&(n.trickle(),e())}),r.trickleSpeed)};return r.trickle&&e(),this},n.done=function(e){return e||n.status?n.inc(.3+.5*Math.random()).set(1):this},n.inc=function(e){var t=n.status;return t?("number"!=typeof e&&(e=(1-t)*o(Math.random()*t,.1,.95)),t=o(t+e,0,.994),n.set(t)):n.start()},n.trickle=function(){return n.inc(Math.random()*r.trickleRate)},e=0,t=0,n.promise=function(r){return r&&"resolved"!==r.state()?(0===t&&n.start(),e++,t++,r.always((function(){0==--t?(e=0,n.done()):n.set((e-t)/e)})),this):this},n.render=function(e){if(n.isRendered())return document.getElementById("nprogress");u(document.documentElement,"nprogress-busy");var t=document.createElement("div");t.id="nprogress",t.innerHTML=r.template;var o,i=t.querySelector(r.barSelector),s=e?"-100":a(n.status||0),c=document.querySelector(r.parent);return l(i,{transition:"all 0 linear",transform:"translate3d("+s+"%,0,0)"}),r.showSpinner||(o=t.querySelector(r.spinnerSelector))&&f(o),c!=document.body&&u(c,"nprogress-custom-parent"),c.appendChild(t),t},n.remove=function(){d(document.documentElement,"nprogress-busy"),d(document.querySelector(r.parent),"nprogress-custom-parent");var e=document.getElementById("nprogress");e&&f(e)},n.isRendered=function(){return!!document.getElementById("nprogress")},n.getPositioningCSS=function(){var e=document.body.style,t="WebkitTransform"in e?"Webkit":"MozTransform"in e?"Moz":"msTransform"in e?"ms":"OTransform"in e?"O":"";return t+"Perspective"in e?"translate3d":t+"Transform"in e?"translate":"margin"};var s=function(){var e=[];function t(){var n=e.shift();n&&n(t)}return function(n){e.push(n),1==e.length&&t()}}(),l=function(){var e=["Webkit","O","Moz","ms"],t={};function n(e){return e.replace(/^-ms-/,"ms-").replace(/-([\da-z])/gi,(function(e,t){return t.toUpperCase()}))}function r(t){var n=document.body.style;if(t in n)return t;for(var r,o=e.length,a=t.charAt(0).toUpperCase()+t.slice(1);o--;)if((r=e[o]+a)in n)return r;return t}function o(e){return e=n(e),t[e]||(t[e]=r(e))}function a(e,t,n){t=o(t),e.style[t]=n}return function(e,t){var n,r,o=arguments;if(2==o.length)for(n in t)void 0!==(r=t[n])&&t.hasOwnProperty(n)&&a(e,n,r);else a(e,o[1],o[2])}}();function c(e,t){return("string"==typeof e?e:p(e)).indexOf(" "+t+" ")>=0}function u(e,t){var n=p(e),r=n+t;c(n,t)||(e.className=r.substring(1))}function d(e,t){var n,r=p(e);c(e,t)&&(n=r.replace(" "+t+" "," "),e.className=n.substring(1,n.length-1))}function p(e){return(" "+(e.className||"")+" ").replace(/\s+/gi," ")}function f(e){e&&e.parentNode&&e.parentNode.removeChild(e)}return n},void 0===(o="function"==typeof r?r.call(t,n,t,e):r)||(e.exports=o)},6150:(e,t,n)=>{var r=n(5526);e.exports=f,e.exports.parse=a,e.exports.compile=function(e,t){return s(a(e,t),t)},e.exports.tokensToFunction=s,e.exports.tokensToRegExp=p;var o=new RegExp(["(\\\\.)","([\\/.])?(?:(?:\\:(\\w+)(?:\\(((?:\\\\.|[^\\\\()])+)\\))?|\\(((?:\\\\.|[^\\\\()])+)\\))([+*?])?|(\\*))"].join("|"),"g");function a(e,t){for(var n,r=[],a=0,i=0,s="",u=t&&t.delimiter||"/";null!=(n=o.exec(e));){var d=n[0],p=n[1],f=n.index;if(s+=e.slice(i,f),i=f+d.length,p)s+=p[1];else{var m=e[i],h=n[2],g=n[3],b=n[4],y=n[5],v=n[6],w=n[7];s&&(r.push(s),s="");var S=null!=h&&null!=m&&m!==h,k="+"===v||"*"===v,x="?"===v||"*"===v,E=n[2]||u,_=b||y;r.push({name:g||a++,prefix:h||"",delimiter:E,optional:x,repeat:k,partial:S,asterisk:!!w,pattern:_?c(_):w?".*":"[^"+l(E)+"]+?"})}}return i<e.length&&(s+=e.substr(i)),s&&r.push(s),r}function i(e){return encodeURI(e).replace(/[\/?#]/g,(function(e){return"%"+e.charCodeAt(0).toString(16).toUpperCase()}))}function s(e,t){for(var n=new Array(e.length),o=0;o<e.length;o++)"object"==typeof e[o]&&(n[o]=new RegExp("^(?:"+e[o].pattern+")$",d(t)));return function(t,o){for(var a="",s=t||{},l=(o||{}).pretty?i:encodeURIComponent,c=0;c<e.length;c++){var u=e[c];if("string"!=typeof u){var d,p=s[u.name];if(null==p){if(u.optional){u.partial&&(a+=u.prefix);continue}throw new TypeError('Expected "'+u.name+'" to be defined')}if(r(p)){if(!u.repeat)throw new TypeError('Expected "'+u.name+'" to not repeat, but received `'+JSON.stringify(p)+"`");if(0===p.length){if(u.optional)continue;throw new TypeError('Expected "'+u.name+'" to not be empty')}for(var f=0;f<p.length;f++){if(d=l(p[f]),!n[c].test(d))throw new TypeError('Expected all "'+u.name+'" to match "'+u.pattern+'", but received `'+JSON.stringify(d)+"`");a+=(0===f?u.prefix:u.delimiter)+d}}else{if(d=u.asterisk?encodeURI(p).replace(/[?#]/g,(function(e){return"%"+e.charCodeAt(0).toString(16).toUpperCase()})):l(p),!n[c].test(d))throw new TypeError('Expected "'+u.name+'" to match "'+u.pattern+'", but received "'+d+'"');a+=u.prefix+d}}else a+=u}return a}}function l(e){return e.replace(/([.+*?=^!:${}()[\]|\/\\])/g,"\\$1")}function c(e){return e.replace(/([=!:$\/()])/g,"\\$1")}function u(e,t){return e.keys=t,e}function d(e){return e&&e.sensitive?"":"i"}function p(e,t,n){r(t)||(n=t||n,t=[]);for(var o=(n=n||{}).strict,a=!1!==n.end,i="",s=0;s<e.length;s++){var c=e[s];if("string"==typeof c)i+=l(c);else{var p=l(c.prefix),f="(?:"+c.pattern+")";t.push(c),c.repeat&&(f+="(?:"+p+f+")*"),i+=f=c.optional?c.partial?p+"("+f+")?":"(?:"+p+"("+f+"))?":p+"("+f+")"}}var m=l(n.delimiter||"/"),h=i.slice(-m.length)===m;return o||(i=(h?i.slice(0,-m.length):i)+"(?:"+m+"(?=$))?"),i+=a?"$":o&&h?"":"(?="+m+"|$)",u(new RegExp("^"+i,d(n)),t)}function f(e,t,n){return r(t)||(n=t||n,t=[]),n=n||{},e instanceof RegExp?function(e,t){var n=e.source.match(/\((?!\?)/g);if(n)for(var r=0;r<n.length;r++)t.push({name:r,prefix:null,delimiter:null,optional:!1,repeat:!1,partial:!1,asterisk:!1,pattern:null});return u(e,t)}(e,t):r(e)?function(e,t,n){for(var r=[],o=0;o<e.length;o++)r.push(f(e[o],t,n).source);return u(new RegExp("(?:"+r.join("|")+")",d(n)),t)}(e,t,n):function(e,t,n){return p(a(e,n),t,n)}(e,t,n)}},8468:(e,t,n)=>{"use strict";n.r(t),n.d(t,{default:()=>p});var r=n(4784),o=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},a=function(e){return"IMG"===e.tagName},i=function(e){return e&&1===e.nodeType},s=function(e){return".svg"===(e.currentSrc||e.src).substr(-4).toLowerCase()},l=function(e){try{return Array.isArray(e)?e.filter(a):function(e){return NodeList.prototype.isPrototypeOf(e)}(e)?[].slice.call(e).filter(a):i(e)?[e].filter(a):"string"==typeof e?[].slice.call(document.querySelectorAll(e)).filter(a):[]}catch(t){throw new TypeError("The provided selector is invalid.\nExpects a CSS selector, a Node element, a NodeList or an array.\nSee: https://github.com/francoischalifour/medium-zoom")}},c=function(e,t){var n=o({bubbles:!1,cancelable:!1,detail:void 0},t);if("function"==typeof window.CustomEvent)return new CustomEvent(e,n);var r=document.createEvent("CustomEvent");return r.initCustomEvent(e,n.bubbles,n.cancelable,n.detail),r};!function(e,t){void 0===t&&(t={});var n=t.insertAt;if(e&&"undefined"!=typeof document){var r=document.head||document.getElementsByTagName("head")[0],o=document.createElement("style");o.type="text/css","top"===n&&r.firstChild?r.insertBefore(o,r.firstChild):r.appendChild(o),o.styleSheet?o.styleSheet.cssText=e:o.appendChild(document.createTextNode(e))}}(".medium-zoom-overlay{position:fixed;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity .3s;will-change:opacity}.medium-zoom--opened .medium-zoom-overlay{cursor:pointer;cursor:zoom-out;opacity:1}.medium-zoom-image{cursor:pointer;cursor:zoom-in;transition:transform .3s cubic-bezier(.2,0,.2,1)!important}.medium-zoom-image--hidden{visibility:hidden}.medium-zoom-image--opened{position:relative;cursor:pointer;cursor:zoom-out;will-change:transform}");const u=function e(t){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},r=window.Promise||function(e){function t(){}e(t,t)},a=function(){for(var e=arguments.length,t=Array(e),n=0;n<e;n++)t[n]=arguments[n];var r=t.reduce((function(e,t){return[].concat(e,l(t))}),[]);return r.filter((function(e){return-1===f.indexOf(e)})).forEach((function(e){f.push(e),e.classList.add("medium-zoom-image")})),m.forEach((function(e){var t=e.type,n=e.listener,o=e.options;r.forEach((function(e){e.addEventListener(t,n,o)}))})),w},u=function(){var e=(arguments.length>0&&void 0!==arguments[0]?arguments[0]:{}).target,t=function(){var e={width:document.documentElement.clientWidth,height:document.documentElement.clientHeight,left:0,top:0,right:0,bottom:0},t=void 0,n=void 0;if(b.container)if(b.container instanceof Object)t=(e=o({},e,b.container)).width-e.left-e.right-2*b.margin,n=e.height-e.top-e.bottom-2*b.margin;else{var r=(i(b.container)?b.container:document.querySelector(b.container)).getBoundingClientRect(),a=r.width,l=r.height,c=r.left,u=r.top;e=o({},e,{width:a,height:l,left:c,top:u})}t=t||e.width-2*b.margin,n=n||e.height-2*b.margin;var d=y.zoomedHd||y.original,p=s(d)?t:d.naturalWidth||t,f=s(d)?n:d.naturalHeight||n,m=d.getBoundingClientRect(),h=m.top,g=m.left,v=m.width,w=m.height,S=Math.min(Math.max(v,p),t)/v,k=Math.min(Math.max(w,f),n)/w,x=Math.min(S,k),E="scale("+x+") translate3d("+((t-v)/2-g+b.margin+e.left)/x+"px, "+((n-w)/2-h+b.margin+e.top)/x+"px, 0)";y.zoomed.style.transform=E,y.zoomedHd&&(y.zoomedHd.style.transform=E)};return new r((function(n){if(e&&-1===f.indexOf(e))n(w);else{if(y.zoomed)n(w);else{if(e)y.original=e;else{if(!(f.length>0))return void n(w);var r=f;y.original=r[0]}if(y.original.dispatchEvent(c("medium-zoom:open",{detail:{zoom:w}})),g=window.pageYOffset||document.documentElement.scrollTop||document.body.scrollTop||0,h=!0,y.zoomed=function(e){var t=e.getBoundingClientRect(),n=t.top,r=t.left,o=t.width,a=t.height,i=e.cloneNode(),s=window.pageYOffset||document.documentElement.scrollTop||document.body.scrollTop||0,l=window.pageXOffset||document.documentElement.scrollLeft||document.body.scrollLeft||0;return i.removeAttribute("id"),i.style.position="absolute",i.style.top=n+s+"px",i.style.left=r+l+"px",i.style.width=o+"px",i.style.height=a+"px",i.style.transform="",i}(y.original),document.body.appendChild(v),b.template){var o=i(b.template)?b.template:document.querySelector(b.template);y.template=document.createElement("div"),y.template.appendChild(o.content.cloneNode(!0)),document.body.appendChild(y.template)}if(y.original.parentElement&&"PICTURE"===y.original.parentElement.tagName&&y.original.currentSrc&&(y.zoomed.src=y.original.currentSrc),document.body.appendChild(y.zoomed),window.requestAnimationFrame((function(){document.body.classList.add("medium-zoom--opened")})),y.original.classList.add("medium-zoom-image--hidden"),y.zoomed.classList.add("medium-zoom-image--opened"),y.zoomed.addEventListener("click",d),y.zoomed.addEventListener("transitionend",(function e(){h=!1,y.zoomed.removeEventListener("transitionend",e),y.original.dispatchEvent(c("medium-zoom:opened",{detail:{zoom:w}})),n(w)})),y.original.getAttribute("data-zoom-src")){y.zoomedHd=y.zoomed.cloneNode(),y.zoomedHd.removeAttribute("srcset"),y.zoomedHd.removeAttribute("sizes"),y.zoomedHd.removeAttribute("loading"),y.zoomedHd.src=y.zoomed.getAttribute("data-zoom-src"),y.zoomedHd.onerror=function(){clearInterval(a),console.warn("Unable to reach the zoom image target "+y.zoomedHd.src),y.zoomedHd=null,t()};var a=setInterval((function(){y.zoomedHd.complete&&(clearInterval(a),y.zoomedHd.classList.add("medium-zoom-image--opened"),y.zoomedHd.addEventListener("click",d),document.body.appendChild(y.zoomedHd),t())}),10)}else if(y.original.hasAttribute("srcset")){y.zoomedHd=y.zoomed.cloneNode(),y.zoomedHd.removeAttribute("sizes"),y.zoomedHd.removeAttribute("loading");var s=y.zoomedHd.addEventListener("load",(function(){y.zoomedHd.removeEventListener("load",s),y.zoomedHd.classList.add("medium-zoom-image--opened"),y.zoomedHd.addEventListener("click",d),document.body.appendChild(y.zoomedHd),t()}))}else t()}}}))},d=function(){return new r((function(e){if(!h&&y.original){h=!0,document.body.classList.remove("medium-zoom--opened"),y.zoomed.style.transform="",y.zoomedHd&&(y.zoomedHd.style.transform=""),y.template&&(y.template.style.transition="opacity 150ms",y.template.style.opacity=0),y.original.dispatchEvent(c("medium-zoom:close",{detail:{zoom:w}})),y.zoomed.addEventListener("transitionend",(function t(){y.original.classList.remove("medium-zoom-image--hidden"),document.body.removeChild(y.zoomed),y.zoomedHd&&document.body.removeChild(y.zoomedHd),document.body.removeChild(v),y.zoomed.classList.remove("medium-zoom-image--opened"),y.template&&document.body.removeChild(y.template),h=!1,y.zoomed.removeEventListener("transitionend",t),y.original.dispatchEvent(c("medium-zoom:closed",{detail:{zoom:w}})),y.original=null,y.zoomed=null,y.zoomedHd=null,y.template=null,e(w)}))}else e(w)}))},p=function(){var e=(arguments.length>0&&void 0!==arguments[0]?arguments[0]:{}).target;return y.original?d():u({target:e})},f=[],m=[],h=!1,g=0,b=n,y={original:null,zoomed:null,zoomedHd:null,template:null};"[object Object]"===Object.prototype.toString.call(t)?b=t:(t||"string"==typeof t)&&a(t);var v=function(e){var t=document.createElement("div");return t.classList.add("medium-zoom-overlay"),t.style.background=e,t}((b=o({margin:0,background:"#fff",scrollOffset:40,container:null,template:null},b)).background);document.addEventListener("click",(function(e){var t=e.target;t!==v?-1!==f.indexOf(t)&&p({target:t}):d()})),document.addEventListener("keyup",(function(e){var t=e.key||e.keyCode;"Escape"!==t&&"Esc"!==t&&27!==t||d()})),document.addEventListener("scroll",(function(){if(!h&&y.original){var e=window.pageYOffset||document.documentElement.scrollTop||document.body.scrollTop||0;Math.abs(g-e)>b.scrollOffset&&setTimeout(d,150)}})),window.addEventListener("resize",d);var w={open:u,close:d,toggle:p,update:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=e;if(e.background&&(v.style.background=e.background),e.container&&e.container instanceof Object&&(t.container=o({},b.container,e.container)),e.template){var n=i(e.template)?e.template:document.querySelector(e.template);t.template=n}return b=o({},b,t),f.forEach((function(e){e.dispatchEvent(c("medium-zoom:update",{detail:{zoom:w}}))})),w},clone:function(){return e(o({},b,arguments.length>0&&void 0!==arguments[0]?arguments[0]:{}))},attach:a,detach:function(){for(var e=arguments.length,t=Array(e),n=0;n<e;n++)t[n]=arguments[n];y.zoomed&&d();var r=t.length>0?t.reduce((function(e,t){return[].concat(e,l(t))}),[]):f;return r.forEach((function(e){e.classList.remove("medium-zoom-image"),e.dispatchEvent(c("medium-zoom:detach",{detail:{zoom:w}}))})),f=f.filter((function(e){return-1===r.indexOf(e)})),w},on:function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};return f.forEach((function(r){r.addEventListener("medium-zoom:"+e,t,n)})),m.push({type:"medium-zoom:"+e,listener:t,options:n}),w},off:function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};return f.forEach((function(r){r.removeEventListener("medium-zoom:"+e,t,n)})),m=m.filter((function(n){return!(n.type==="medium-zoom:"+e&&n.listener.toString()===t.toString())})),w},getOptions:function(){return b},getImages:function(){return f},getZoomedImage:function(){return y.original}};return w},{themeConfig:d}=r.default,p=function(){if("undefined"==typeof window)return null;const{zoomSelector:e=".markdown img"}=d,{imageZoom:{selector:t=e,options:n}={}}=d;return setTimeout((()=>{u(t,n)}),1e3),{onRouteUpdate({location:e,previousLocation:r}){e&&e.hash&&e.hash.length||r&&e.pathname!==r.pathname&&setTimeout((()=>{u(t,n)}),1e3)}}}()},9227:e=>{e.exports&&(e.exports={core:{meta:{path:"components/prism-core.js",option:"mandatory"},core:"Core"},themes:{meta:{path:"themes/{id}.css",link:"index.html?theme={id}",exclusive:!0},prism:{title:"Default",option:"default"},"prism-dark":"Dark","prism-funky":"Funky","prism-okaidia":{title:"Okaidia",owner:"ocodia"},"prism-twilight":{title:"Twilight",owner:"remybach"},"prism-coy":{title:"Coy",owner:"tshedor"},"prism-solarizedlight":{title:"Solarized Light",owner:"hectormatos2011 "},"prism-tomorrow":{title:"Tomorrow Night",owner:"Rosey"}},languages:{meta:{path:"components/prism-{id}",noCSS:!0,examplesPath:"examples/prism-{id}",addCheckAll:!0},markup:{title:"Markup",alias:["html","xml","svg","mathml","ssml","atom","rss"],aliasTitles:{html:"HTML",xml:"XML",svg:"SVG",mathml:"MathML",ssml:"SSML",atom:"Atom",rss:"RSS"},option:"default"},css:{title:"CSS",option:"default",modify:"markup"},clike:{title:"C-like",option:"default"},javascript:{title:"JavaScript",require:"clike",modify:"markup",optional:"regex",alias:"js",option:"default"},abap:{title:"ABAP",owner:"dellagustin"},abnf:{title:"ABNF",owner:"RunDevelopment"},actionscript:{title:"ActionScript",require:"javascript",modify:"markup",owner:"Golmote"},ada:{title:"Ada",owner:"Lucretia"},agda:{title:"Agda",owner:"xy-ren"},al:{title:"AL",owner:"RunDevelopment"},antlr4:{title:"ANTLR4",alias:"g4",owner:"RunDevelopment"},apacheconf:{title:"Apache Configuration",owner:"GuiTeK"},apex:{title:"Apex",require:["clike","sql"],owner:"RunDevelopment"},apl:{title:"APL",owner:"ngn"},applescript:{title:"AppleScript",owner:"Golmote"},aql:{title:"AQL",owner:"RunDevelopment"},arduino:{title:"Arduino",require:"cpp",alias:"ino",owner:"dkern"},arff:{title:"ARFF",owner:"Golmote"},armasm:{title:"ARM Assembly",alias:"arm-asm",owner:"RunDevelopment"},arturo:{title:"Arturo",alias:"art",optional:["bash","css","javascript","markup","markdown","sql"],owner:"drkameleon"},asciidoc:{alias:"adoc",title:"AsciiDoc",owner:"Golmote"},aspnet:{title:"ASP.NET (C#)",require:["markup","csharp"],owner:"nauzilus"},asm6502:{title:"6502 Assembly",owner:"kzurawel"},asmatmel:{title:"Atmel AVR Assembly",owner:"cerkit"},autohotkey:{title:"AutoHotkey",owner:"aviaryan"},autoit:{title:"AutoIt",owner:"Golmote"},avisynth:{title:"AviSynth",alias:"avs",owner:"Zinfidel"},"avro-idl":{title:"Avro IDL",alias:"avdl",owner:"RunDevelopment"},awk:{title:"AWK",alias:"gawk",aliasTitles:{gawk:"GAWK"},owner:"RunDevelopment"},bash:{title:"Bash",alias:["sh","shell"],aliasTitles:{sh:"Shell",shell:"Shell"},owner:"zeitgeist87"},basic:{title:"BASIC",owner:"Golmote"},batch:{title:"Batch",owner:"Golmote"},bbcode:{title:"BBcode",alias:"shortcode",aliasTitles:{shortcode:"Shortcode"},owner:"RunDevelopment"},bbj:{title:"BBj",owner:"hyyan"},bicep:{title:"Bicep",owner:"johnnyreilly"},birb:{title:"Birb",require:"clike",owner:"Calamity210"},bison:{title:"Bison",require:"c",owner:"Golmote"},bnf:{title:"BNF",alias:"rbnf",aliasTitles:{rbnf:"RBNF"},owner:"RunDevelopment"},bqn:{title:"BQN",owner:"yewscion"},brainfuck:{title:"Brainfuck",owner:"Golmote"},brightscript:{title:"BrightScript",owner:"RunDevelopment"},bro:{title:"Bro",owner:"wayward710"},bsl:{title:"BSL (1C:Enterprise)",alias:"oscript",aliasTitles:{oscript:"OneScript"},owner:"Diversus23"},c:{title:"C",require:"clike",owner:"zeitgeist87"},csharp:{title:"C#",require:"clike",alias:["cs","dotnet"],owner:"mvalipour"},cpp:{title:"C++",require:"c",owner:"zeitgeist87"},cfscript:{title:"CFScript",require:"clike",alias:"cfc",owner:"mjclemente"},chaiscript:{title:"ChaiScript",require:["clike","cpp"],owner:"RunDevelopment"},cil:{title:"CIL",owner:"sbrl"},cilkc:{title:"Cilk/C",require:"c",alias:"cilk-c",owner:"OpenCilk"},cilkcpp:{title:"Cilk/C++",require:"cpp",alias:["cilk-cpp","cilk"],owner:"OpenCilk"},clojure:{title:"Clojure",owner:"troglotit"},cmake:{title:"CMake",owner:"mjrogozinski"},cobol:{title:"COBOL",owner:"RunDevelopment"},coffeescript:{title:"CoffeeScript",require:"javascript",alias:"coffee",owner:"R-osey"},concurnas:{title:"Concurnas",alias:"conc",owner:"jasontatton"},csp:{title:"Content-Security-Policy",owner:"ScottHelme"},cooklang:{title:"Cooklang",owner:"ahue"},coq:{title:"Coq",owner:"RunDevelopment"},crystal:{title:"Crystal",require:"ruby",owner:"MakeNowJust"},"css-extras":{title:"CSS Extras",require:"css",modify:"css",owner:"milesj"},csv:{title:"CSV",owner:"RunDevelopment"},cue:{title:"CUE",owner:"RunDevelopment"},cypher:{title:"Cypher",owner:"RunDevelopment"},d:{title:"D",require:"clike",owner:"Golmote"},dart:{title:"Dart",require:"clike",owner:"Golmote"},dataweave:{title:"DataWeave",owner:"machaval"},dax:{title:"DAX",owner:"peterbud"},dhall:{title:"Dhall",owner:"RunDevelopment"},diff:{title:"Diff",owner:"uranusjr"},django:{title:"Django/Jinja2",require:"markup-templating",alias:"jinja2",owner:"romanvm"},"dns-zone-file":{title:"DNS zone file",owner:"RunDevelopment",alias:"dns-zone"},docker:{title:"Docker",alias:"dockerfile",owner:"JustinBeckwith"},dot:{title:"DOT (Graphviz)",alias:"gv",optional:"markup",owner:"RunDevelopment"},ebnf:{title:"EBNF",owner:"RunDevelopment"},editorconfig:{title:"EditorConfig",owner:"osipxd"},eiffel:{title:"Eiffel",owner:"Conaclos"},ejs:{title:"EJS",require:["javascript","markup-templating"],owner:"RunDevelopment",alias:"eta",aliasTitles:{eta:"Eta"}},elixir:{title:"Elixir",owner:"Golmote"},elm:{title:"Elm",owner:"zwilias"},etlua:{title:"Embedded Lua templating",require:["lua","markup-templating"],owner:"RunDevelopment"},erb:{title:"ERB",require:["ruby","markup-templating"],owner:"Golmote"},erlang:{title:"Erlang",owner:"Golmote"},"excel-formula":{title:"Excel Formula",alias:["xlsx","xls"],owner:"RunDevelopment"},fsharp:{title:"F#",require:"clike",owner:"simonreynolds7"},factor:{title:"Factor",owner:"catb0t"},false:{title:"False",owner:"edukisto"},"firestore-security-rules":{title:"Firestore security rules",require:"clike",owner:"RunDevelopment"},flow:{title:"Flow",require:"javascript",owner:"Golmote"},fortran:{title:"Fortran",owner:"Golmote"},ftl:{title:"FreeMarker Template Language",require:"markup-templating",owner:"RunDevelopment"},gml:{title:"GameMaker Language",alias:"gamemakerlanguage",require:"clike",owner:"LiarOnce"},gap:{title:"GAP (CAS)",owner:"RunDevelopment"},gcode:{title:"G-code",owner:"RunDevelopment"},gdscript:{title:"GDScript",owner:"RunDevelopment"},gedcom:{title:"GEDCOM",owner:"Golmote"},gettext:{title:"gettext",alias:"po",owner:"RunDevelopment"},gherkin:{title:"Gherkin",owner:"hason"},git:{title:"Git",owner:"lgiraudel"},glsl:{title:"GLSL",require:"c",owner:"Golmote"},gn:{title:"GN",alias:"gni",owner:"RunDevelopment"},"linker-script":{title:"GNU Linker Script",alias:"ld",owner:"RunDevelopment"},go:{title:"Go",require:"clike",owner:"arnehormann"},"go-module":{title:"Go module",alias:"go-mod",owner:"RunDevelopment"},gradle:{title:"Gradle",require:"clike",owner:"zeabdelkhalek-badido18"},graphql:{title:"GraphQL",optional:"markdown",owner:"Golmote"},groovy:{title:"Groovy",require:"clike",owner:"robfletcher"},haml:{title:"Haml",require:"ruby",optional:["css","css-extras","coffeescript","erb","javascript","less","markdown","scss","textile"],owner:"Golmote"},handlebars:{title:"Handlebars",require:"markup-templating",alias:["hbs","mustache"],aliasTitles:{mustache:"Mustache"},owner:"Golmote"},haskell:{title:"Haskell",alias:"hs",owner:"bholst"},haxe:{title:"Haxe",require:"clike",optional:"regex",owner:"Golmote"},hcl:{title:"HCL",owner:"outsideris"},hlsl:{title:"HLSL",require:"c",owner:"RunDevelopment"},hoon:{title:"Hoon",owner:"matildepark"},http:{title:"HTTP",optional:["csp","css","hpkp","hsts","javascript","json","markup","uri"],owner:"danielgtaylor"},hpkp:{title:"HTTP Public-Key-Pins",owner:"ScottHelme"},hsts:{title:"HTTP Strict-Transport-Security",owner:"ScottHelme"},ichigojam:{title:"IchigoJam",owner:"BlueCocoa"},icon:{title:"Icon",owner:"Golmote"},"icu-message-format":{title:"ICU Message Format",owner:"RunDevelopment"},idris:{title:"Idris",alias:"idr",owner:"KeenS",require:"haskell"},ignore:{title:".ignore",owner:"osipxd",alias:["gitignore","hgignore","npmignore"],aliasTitles:{gitignore:".gitignore",hgignore:".hgignore",npmignore:".npmignore"}},inform7:{title:"Inform 7",owner:"Golmote"},ini:{title:"Ini",owner:"aviaryan"},io:{title:"Io",owner:"AlesTsurko"},j:{title:"J",owner:"Golmote"},java:{title:"Java",require:"clike",owner:"sherblot"},javadoc:{title:"JavaDoc",require:["markup","java","javadoclike"],modify:"java",optional:"scala",owner:"RunDevelopment"},javadoclike:{title:"JavaDoc-like",modify:["java","javascript","php"],owner:"RunDevelopment"},javastacktrace:{title:"Java stack trace",owner:"RunDevelopment"},jexl:{title:"Jexl",owner:"czosel"},jolie:{title:"Jolie",require:"clike",owner:"thesave"},jq:{title:"JQ",owner:"RunDevelopment"},jsdoc:{title:"JSDoc",require:["javascript","javadoclike","typescript"],modify:"javascript",optional:["actionscript","coffeescript"],owner:"RunDevelopment"},"js-extras":{title:"JS Extras",require:"javascript",modify:"javascript",optional:["actionscript","coffeescript","flow","n4js","typescript"],owner:"RunDevelopment"},json:{title:"JSON",alias:"webmanifest",aliasTitles:{webmanifest:"Web App Manifest"},owner:"CupOfTea696"},json5:{title:"JSON5",require:"json",owner:"RunDevelopment"},jsonp:{title:"JSONP",require:"json",owner:"RunDevelopment"},jsstacktrace:{title:"JS stack trace",owner:"sbrl"},"js-templates":{title:"JS Templates",require:"javascript",modify:"javascript",optional:["css","css-extras","graphql","markdown","markup","sql"],owner:"RunDevelopment"},julia:{title:"Julia",owner:"cdagnino"},keepalived:{title:"Keepalived Configure",owner:"dev-itsheng"},keyman:{title:"Keyman",owner:"mcdurdin"},kotlin:{title:"Kotlin",alias:["kt","kts"],aliasTitles:{kts:"Kotlin Script"},require:"clike",owner:"Golmote"},kumir:{title:"KuMir (\u041a\u0443\u041c\u0438\u0440)",alias:"kum",owner:"edukisto"},kusto:{title:"Kusto",owner:"RunDevelopment"},latex:{title:"LaTeX",alias:["tex","context"],aliasTitles:{tex:"TeX",context:"ConTeXt"},owner:"japborst"},latte:{title:"Latte",require:["clike","markup-templating","php"],owner:"nette"},less:{title:"Less",require:"css",optional:"css-extras",owner:"Golmote"},lilypond:{title:"LilyPond",require:"scheme",alias:"ly",owner:"RunDevelopment"},liquid:{title:"Liquid",require:"markup-templating",owner:"cinhtau"},lisp:{title:"Lisp",alias:["emacs","elisp","emacs-lisp"],owner:"JuanCaicedo"},livescript:{title:"LiveScript",owner:"Golmote"},llvm:{title:"LLVM IR",owner:"porglezomp"},log:{title:"Log file",optional:"javastacktrace",owner:"RunDevelopment"},lolcode:{title:"LOLCODE",owner:"Golmote"},lua:{title:"Lua",owner:"Golmote"},magma:{title:"Magma (CAS)",owner:"RunDevelopment"},makefile:{title:"Makefile",owner:"Golmote"},markdown:{title:"Markdown",require:"markup",optional:"yaml",alias:"md",owner:"Golmote"},"markup-templating":{title:"Markup templating",require:"markup",owner:"Golmote"},mata:{title:"Mata",owner:"RunDevelopment"},matlab:{title:"MATLAB",owner:"Golmote"},maxscript:{title:"MAXScript",owner:"RunDevelopment"},mel:{title:"MEL",owner:"Golmote"},mermaid:{title:"Mermaid",owner:"RunDevelopment"},metafont:{title:"METAFONT",owner:"LaeriExNihilo"},mizar:{title:"Mizar",owner:"Golmote"},mongodb:{title:"MongoDB",owner:"airs0urce",require:"javascript"},monkey:{title:"Monkey",owner:"Golmote"},moonscript:{title:"MoonScript",alias:"moon",owner:"RunDevelopment"},n1ql:{title:"N1QL",owner:"TMWilds"},n4js:{title:"N4JS",require:"javascript",optional:"jsdoc",alias:"n4jsd",owner:"bsmith-n4"},"nand2tetris-hdl":{title:"Nand To Tetris HDL",owner:"stephanmax"},naniscript:{title:"Naninovel Script",owner:"Elringus",alias:"nani"},nasm:{title:"NASM",owner:"rbmj"},neon:{title:"NEON",owner:"nette"},nevod:{title:"Nevod",owner:"nezaboodka"},nginx:{title:"nginx",owner:"volado"},nim:{title:"Nim",owner:"Golmote"},nix:{title:"Nix",owner:"Golmote"},nsis:{title:"NSIS",owner:"idleberg"},objectivec:{title:"Objective-C",require:"c",alias:"objc",owner:"uranusjr"},ocaml:{title:"OCaml",owner:"Golmote"},odin:{title:"Odin",owner:"edukisto"},opencl:{title:"OpenCL",require:"c",modify:["c","cpp"],owner:"Milania1"},openqasm:{title:"OpenQasm",alias:"qasm",owner:"RunDevelopment"},oz:{title:"Oz",owner:"Golmote"},parigp:{title:"PARI/GP",owner:"Golmote"},parser:{title:"Parser",require:"markup",owner:"Golmote"},pascal:{title:"Pascal",alias:"objectpascal",aliasTitles:{objectpascal:"Object Pascal"},owner:"Golmote"},pascaligo:{title:"Pascaligo",owner:"DefinitelyNotAGoat"},psl:{title:"PATROL Scripting Language",owner:"bertysentry"},pcaxis:{title:"PC-Axis",alias:"px",owner:"RunDevelopment"},peoplecode:{title:"PeopleCode",alias:"pcode",owner:"RunDevelopment"},perl:{title:"Perl",owner:"Golmote"},php:{title:"PHP",require:"markup-templating",owner:"milesj"},phpdoc:{title:"PHPDoc",require:["php","javadoclike"],modify:"php",owner:"RunDevelopment"},"php-extras":{title:"PHP Extras",require:"php",modify:"php",owner:"milesj"},"plant-uml":{title:"PlantUML",alias:"plantuml",owner:"RunDevelopment"},plsql:{title:"PL/SQL",require:"sql",owner:"Golmote"},powerquery:{title:"PowerQuery",alias:["pq","mscript"],owner:"peterbud"},powershell:{title:"PowerShell",owner:"nauzilus"},processing:{title:"Processing",require:"clike",owner:"Golmote"},prolog:{title:"Prolog",owner:"Golmote"},promql:{title:"PromQL",owner:"arendjr"},properties:{title:".properties",owner:"Golmote"},protobuf:{title:"Protocol Buffers",require:"clike",owner:"just-boris"},pug:{title:"Pug",require:["markup","javascript"],optional:["coffeescript","ejs","handlebars","less","livescript","markdown","scss","stylus","twig"],owner:"Golmote"},puppet:{title:"Puppet",owner:"Golmote"},pure:{title:"Pure",optional:["c","cpp","fortran"],owner:"Golmote"},purebasic:{title:"PureBasic",require:"clike",alias:"pbfasm",owner:"HeX0R101"},purescript:{title:"PureScript",require:"haskell",alias:"purs",owner:"sriharshachilakapati"},python:{title:"Python",alias:"py",owner:"multipetros"},qsharp:{title:"Q#",require:"clike",alias:"qs",owner:"fedonman"},q:{title:"Q (kdb+ database)",owner:"Golmote"},qml:{title:"QML",require:"javascript",owner:"RunDevelopment"},qore:{title:"Qore",require:"clike",owner:"temnroegg"},r:{title:"R",owner:"Golmote"},racket:{title:"Racket",require:"scheme",alias:"rkt",owner:"RunDevelopment"},cshtml:{title:"Razor C#",alias:"razor",require:["markup","csharp"],optional:["css","css-extras","javascript","js-extras"],owner:"RunDevelopment"},jsx:{title:"React JSX",require:["markup","javascript"],optional:["jsdoc","js-extras","js-templates"],owner:"vkbansal"},tsx:{title:"React TSX",require:["jsx","typescript"]},reason:{title:"Reason",require:"clike",owner:"Golmote"},regex:{title:"Regex",owner:"RunDevelopment"},rego:{title:"Rego",owner:"JordanSh"},renpy:{title:"Ren'py",alias:"rpy",owner:"HyuchiaDiego"},rescript:{title:"ReScript",alias:"res",owner:"vmarcosp"},rest:{title:"reST (reStructuredText)",owner:"Golmote"},rip:{title:"Rip",owner:"ravinggenius"},roboconf:{title:"Roboconf",owner:"Golmote"},robotframework:{title:"Robot Framework",alias:"robot",owner:"RunDevelopment"},ruby:{title:"Ruby",require:"clike",alias:"rb",owner:"samflores"},rust:{title:"Rust",owner:"Golmote"},sas:{title:"SAS",optional:["groovy","lua","sql"],owner:"Golmote"},sass:{title:"Sass (Sass)",require:"css",optional:"css-extras",owner:"Golmote"},scss:{title:"Sass (SCSS)",require:"css",optional:"css-extras",owner:"MoOx"},scala:{title:"Scala",require:"java",owner:"jozic"},scheme:{title:"Scheme",owner:"bacchus123"},"shell-session":{title:"Shell session",require:"bash",alias:["sh-session","shellsession"],owner:"RunDevelopment"},smali:{title:"Smali",owner:"RunDevelopment"},smalltalk:{title:"Smalltalk",owner:"Golmote"},smarty:{title:"Smarty",require:"markup-templating",optional:"php",owner:"Golmote"},sml:{title:"SML",alias:"smlnj",aliasTitles:{smlnj:"SML/NJ"},owner:"RunDevelopment"},solidity:{title:"Solidity (Ethereum)",alias:"sol",require:"clike",owner:"glachaud"},"solution-file":{title:"Solution file",alias:"sln",owner:"RunDevelopment"},soy:{title:"Soy (Closure Template)",require:"markup-templating",owner:"Golmote"},sparql:{title:"SPARQL",require:"turtle",owner:"Triply-Dev",alias:"rq"},"splunk-spl":{title:"Splunk SPL",owner:"RunDevelopment"},sqf:{title:"SQF: Status Quo Function (Arma 3)",require:"clike",owner:"RunDevelopment"},sql:{title:"SQL",owner:"multipetros"},squirrel:{title:"Squirrel",require:"clike",owner:"RunDevelopment"},stan:{title:"Stan",owner:"RunDevelopment"},stata:{title:"Stata Ado",require:["mata","java","python"],owner:"RunDevelopment"},iecst:{title:"Structured Text (IEC 61131-3)",owner:"serhioromano"},stylus:{title:"Stylus",owner:"vkbansal"},supercollider:{title:"SuperCollider",alias:"sclang",owner:"RunDevelopment"},swift:{title:"Swift",owner:"chrischares"},systemd:{title:"Systemd configuration file",owner:"RunDevelopment"},"t4-templating":{title:"T4 templating",owner:"RunDevelopment"},"t4-cs":{title:"T4 Text Templates (C#)",require:["t4-templating","csharp"],alias:"t4",owner:"RunDevelopment"},"t4-vb":{title:"T4 Text Templates (VB)",require:["t4-templating","vbnet"],owner:"RunDevelopment"},tap:{title:"TAP",owner:"isaacs",require:"yaml"},tcl:{title:"Tcl",owner:"PeterChaplin"},tt2:{title:"Template Toolkit 2",require:["clike","markup-templating"],owner:"gflohr"},textile:{title:"Textile",require:"markup",optional:"css",owner:"Golmote"},toml:{title:"TOML",owner:"RunDevelopment"},tremor:{title:"Tremor",alias:["trickle","troy"],owner:"darach",aliasTitles:{trickle:"trickle",troy:"troy"}},turtle:{title:"Turtle",alias:"trig",aliasTitles:{trig:"TriG"},owner:"jakubklimek"},twig:{title:"Twig",require:"markup-templating",owner:"brandonkelly"},typescript:{title:"TypeScript",require:"javascript",optional:"js-templates",alias:"ts",owner:"vkbansal"},typoscript:{title:"TypoScript",alias:"tsconfig",aliasTitles:{tsconfig:"TSConfig"},owner:"dkern"},unrealscript:{title:"UnrealScript",alias:["uscript","uc"],owner:"RunDevelopment"},uorazor:{title:"UO Razor Script",owner:"jaseowns"},uri:{title:"URI",alias:"url",aliasTitles:{url:"URL"},owner:"RunDevelopment"},v:{title:"V",require:"clike",owner:"taggon"},vala:{title:"Vala",require:"clike",optional:"regex",owner:"TemplarVolk"},vbnet:{title:"VB.Net",require:"basic",owner:"Bigsby"},velocity:{title:"Velocity",require:"markup",owner:"Golmote"},verilog:{title:"Verilog",owner:"a-rey"},vhdl:{title:"VHDL",owner:"a-rey"},vim:{title:"vim",owner:"westonganger"},"visual-basic":{title:"Visual Basic",alias:["vb","vba"],aliasTitles:{vba:"VBA"},owner:"Golmote"},warpscript:{title:"WarpScript",owner:"RunDevelopment"},wasm:{title:"WebAssembly",owner:"Golmote"},"web-idl":{title:"Web IDL",alias:"webidl",owner:"RunDevelopment"},wgsl:{title:"WGSL",owner:"Dr4gonthree"},wiki:{title:"Wiki markup",require:"markup",owner:"Golmote"},wolfram:{title:"Wolfram language",alias:["mathematica","nb","wl"],aliasTitles:{mathematica:"Mathematica",nb:"Mathematica Notebook"},owner:"msollami"},wren:{title:"Wren",owner:"clsource"},xeora:{title:"Xeora",require:"markup",alias:"xeoracube",aliasTitles:{xeoracube:"XeoraCube"},owner:"freakmaxi"},"xml-doc":{title:"XML doc (.net)",require:"markup",modify:["csharp","fsharp","vbnet"],owner:"RunDevelopment"},xojo:{title:"Xojo (REALbasic)",owner:"Golmote"},xquery:{title:"XQuery",require:"markup",owner:"Golmote"},yaml:{title:"YAML",alias:"yml",owner:"hason"},yang:{title:"YANG",owner:"RunDevelopment"},zig:{title:"Zig",owner:"RunDevelopment"}},plugins:{meta:{path:"plugins/{id}/prism-{id}",link:"plugins/{id}/"},"line-highlight":{title:"Line Highlight",description:"Highlights specific lines and/or line ranges."},"line-numbers":{title:"Line Numbers",description:"Line number at the beginning of code lines.",owner:"kuba-kubula"},"show-invisibles":{title:"Show Invisibles",description:"Show hidden characters such as tabs and line breaks.",optional:["autolinker","data-uri-highlight"]},autolinker:{title:"Autolinker",description:"Converts URLs and emails in code to clickable links. Parses Markdown links in comments."},wpd:{title:"WebPlatform Docs",description:'Makes tokens link to <a href="https://webplatform.github.io/docs/">WebPlatform.org documentation</a>. The links open in a new tab.'},"custom-class":{title:"Custom Class",description:"This plugin allows you to prefix Prism's default classes (<code>.comment</code> can become <code>.namespace--comment</code>) or replace them with your defined ones (like <code>.editor__comment</code>). You can even add new classes.",owner:"dvkndn",noCSS:!0},"file-highlight":{title:"File Highlight",description:"Fetch external files and highlight them with Prism. Used on the Prism website itself.",noCSS:!0},"show-language":{title:"Show Language",description:"Display the highlighted language in code blocks (inline code does not show the label).",owner:"nauzilus",noCSS:!0,require:"toolbar"},"jsonp-highlight":{title:"JSONP Highlight",description:"Fetch content with JSONP and highlight some interesting content (e.g. GitHub/Gists or Bitbucket API).",noCSS:!0,owner:"nauzilus"},"highlight-keywords":{title:"Highlight Keywords",description:"Adds special CSS classes for each keyword for fine-grained highlighting.",owner:"vkbansal",noCSS:!0},"remove-initial-line-feed":{title:"Remove initial line feed",description:"Removes the initial line feed in code blocks.",owner:"Golmote",noCSS:!0},"inline-color":{title:"Inline color",description:"Adds a small inline preview for colors in style sheets.",require:"css-extras",owner:"RunDevelopment"},previewers:{title:"Previewers",description:"Previewers for angles, colors, gradients, easing and time.",require:"css-extras",owner:"Golmote"},autoloader:{title:"Autoloader",description:"Automatically loads the needed languages to highlight the code blocks.",owner:"Golmote",noCSS:!0},"keep-markup":{title:"Keep Markup",description:"Prevents custom markup from being dropped out during highlighting.",owner:"Golmote",optional:"normalize-whitespace",noCSS:!0},"command-line":{title:"Command Line",description:"Display a command line with a prompt and, optionally, the output/response from the commands.",owner:"chriswells0"},"unescaped-markup":{title:"Unescaped Markup",description:"Write markup without having to escape anything."},"normalize-whitespace":{title:"Normalize Whitespace",description:"Supports multiple operations to normalize whitespace in code blocks.",owner:"zeitgeist87",optional:"unescaped-markup",noCSS:!0},"data-uri-highlight":{title:"Data-URI Highlight",description:"Highlights data-URI contents.",owner:"Golmote",noCSS:!0},toolbar:{title:"Toolbar",description:"Attach a toolbar for plugins to easily register buttons on the top of a code block.",owner:"mAAdhaTTah"},"copy-to-clipboard":{title:"Copy to Clipboard Button",description:"Add a button that copies the code block to the clipboard when clicked.",owner:"mAAdhaTTah",require:"toolbar",noCSS:!0},"download-button":{title:"Download Button",description:"A button in the toolbar of a code block adding a convenient way to download a code file.",owner:"Golmote",require:"toolbar",noCSS:!0},"match-braces":{title:"Match braces",description:"Highlights matching braces.",owner:"RunDevelopment"},"diff-highlight":{title:"Diff Highlight",description:"Highlights the code inside diff blocks.",owner:"RunDevelopment",require:"diff"},"filter-highlight-all":{title:"Filter highlightAll",description:"Filters the elements the <code>highlightAll</code> and <code>highlightAllUnder</code> methods actually highlight.",owner:"RunDevelopment",noCSS:!0},treeview:{title:"Treeview",description:"A language with special styles to highlight file system tree structures.",owner:"Golmote"}}})},6532:(e,t,n)=>{const r=n(9227),o=n(9670),a=new Set;function i(e){void 0===e?e=Object.keys(r.languages).filter((e=>"meta"!=e)):Array.isArray(e)||(e=[e]);const t=[...a,...Object.keys(Prism.languages)];o(r,e,t).load((e=>{if(!(e in r.languages))return void(i.silent||console.warn("Language does not exist: "+e));const t="./prism-"+e;delete n.c[n(7507).resolve(t)],delete Prism.languages[e],n(7507)(t),a.add(e)}))}i.silent=!1,e.exports=i},1274:()=>{!function(e){function t(e,t){return"___"+e.toUpperCase()+t+"___"}Object.defineProperties(e.languages["markup-templating"]={},{buildPlaceholders:{value:function(n,r,o,a){if(n.language===r){var i=n.tokenStack=[];n.code=n.code.replace(o,(function(e){if("function"==typeof a&&!a(e))return e;for(var o,s=i.length;-1!==n.code.indexOf(o=t(r,s));)++s;return i[s]=e,o})),n.grammar=e.languages.markup}}},tokenizePlaceholders:{value:function(n,r){if(n.language===r&&n.tokenStack){n.grammar=e.languages[r];var o=0,a=Object.keys(n.tokenStack);!function i(s){for(var l=0;l<s.length&&!(o>=a.length);l++){var c=s[l];if("string"==typeof c||c.content&&"string"==typeof c.content){var u=a[o],d=n.tokenStack[u],p="string"==typeof c?c:c.content,f=t(r,u),m=p.indexOf(f);if(m>-1){++o;var h=p.substring(0,m),g=new e.Token(r,e.tokenize(d,n.grammar),"language-"+r,d),b=p.substring(m+f.length),y=[];h&&y.push.apply(y,i([h])),y.push(g),b&&y.push.apply(y,i([b])),"string"==typeof c?s.splice.apply(s,[l,1].concat(y)):c.content=y}}else c.content&&i(c.content)}return s}(n.tokens)}}}})}(Prism)},7507:(e,t,n)=>{var r={"./":6532};function o(e){var t=a(e);return n(t)}function a(e){if(!n.o(r,e)){var t=new Error("Cannot find module '"+e+"'");throw t.code="MODULE_NOT_FOUND",t}return r[e]}o.keys=function(){return Object.keys(r)},o.resolve=a,e.exports=o,o.id=7507},9670:e=>{"use strict";var t=function(){var e=function(){};function t(e,t){Array.isArray(e)?e.forEach(t):null!=e&&t(e,0)}function n(e){for(var t={},n=0,r=e.length;n<r;n++)t[e[n]]=!0;return t}function r(e){var n={},r=[];function o(r,a){if(!(r in n)){a.push(r);var i=a.indexOf(r);if(i<a.length-1)throw new Error("Circular dependency: "+a.slice(i).join(" -> "));var s={},l=e[r];if(l){function c(t){if(!(t in e))throw new Error(r+" depends on an unknown component "+t);if(!(t in s))for(var i in o(t,a),s[t]=!0,n[t])s[i]=!0}t(l.require,c),t(l.optional,c),t(l.modify,c)}n[r]=s,a.pop()}}return function(e){var t=n[e];return t||(o(e,r),t=n[e]),t}}function o(e){for(var t in e)return!0;return!1}return function(a,i,s){var l=function(e){var t={};for(var n in e){var r=e[n];for(var o in r)if("meta"!=o){var a=r[o];t[o]="string"==typeof a?{title:a}:a}}return t}(a),c=function(e){var n;return function(r){if(r in e)return r;if(!n)for(var o in n={},e){var a=e[o];t(a&&a.alias,(function(t){if(t in n)throw new Error(t+" cannot be alias for both "+o+" and "+n[t]);if(t in e)throw new Error(t+" cannot be alias of "+o+" because it is a component.");n[t]=o}))}return n[r]||r}}(l);i=i.map(c),s=(s||[]).map(c);var u=n(i),d=n(s);i.forEach((function e(n){var r=l[n];t(r&&r.require,(function(t){t in d||(u[t]=!0,e(t))}))}));for(var p,f=r(l),m=u;o(m);){for(var h in p={},m){var g=l[h];t(g&&g.modify,(function(e){e in d&&(p[e]=!0)}))}for(var b in d)if(!(b in u))for(var y in f(b))if(y in u){p[b]=!0;break}for(var v in m=p)u[v]=!0}var w={getIds:function(){var e=[];return w.load((function(t){e.push(t)})),e},load:function(t,n){return function(t,n,r,o){var a=o?o.series:void 0,i=o?o.parallel:e,s={},l={};function c(e){if(e in s)return s[e];l[e]=!0;var o,u=[];for(var d in t(e))d in n&&u.push(d);if(0===u.length)o=r(e);else{var p=i(u.map((function(e){var t=c(e);return delete l[e],t})));a?o=a(p,(function(){return r(e)})):r(e)}return s[e]=o}for(var u in n)c(u);var d=[];for(var p in l)d.push(s[p]);return i(d)}(f,u,t,n)}};return w}}();e.exports=t},6186:(e,t,n)=>{"use strict";var r=n(2985);function o(){}function a(){}a.resetWarningCache=o,e.exports=function(){function e(e,t,n,o,a,i){if(i!==r){var s=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");throw s.name="Invariant Violation",s}}function t(){return e}e.isRequired=e;var n={array:e,bigint:e,bool:e,func:e,number:e,object:e,string:e,symbol:e,any:e,arrayOf:t,element:e,elementType:e,instanceOf:t,node:e,objectOf:t,oneOf:t,oneOfType:t,shape:t,exact:t,checkPropTypes:a,resetWarningCache:o};return n.PropTypes=n,n}},2736:(e,t,n)=>{e.exports=n(6186)()},2985:e=>{"use strict";e.exports="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"},9481:(e,t,n)=>{"use strict";var r=n(758),o=n(1896);function a(e){for(var t="https://reactjs.org/docs/error-decoder.html?invariant="+e,n=1;n<arguments.length;n++)t+="&args[]="+encodeURIComponent(arguments[n]);return"Minified React error #"+e+"; visit "+t+" for the full message or use the non-minified dev environment for full errors and additional helpful warnings."}var i=new Set,s={};function l(e,t){c(e,t),c(e+"Capture",t)}function c(e,t){for(s[e]=t,e=0;e<t.length;e++)i.add(t[e])}var u=!("undefined"==typeof window||void 0===window.document||void 0===window.document.createElement),d=Object.prototype.hasOwnProperty,p=/^[:A-Z_a-z\u00C0-\u00D6\u00D8-\u00F6\u00F8-\u02FF\u0370-\u037D\u037F-\u1FFF\u200C-\u200D\u2070-\u218F\u2C00-\u2FEF\u3001-\uD7FF\uF900-\uFDCF\uFDF0-\uFFFD][:A-Z_a-z\u00C0-\u00D6\u00D8-\u00F6\u00F8-\u02FF\u0370-\u037D\u037F-\u1FFF\u200C-\u200D\u2070-\u218F\u2C00-\u2FEF\u3001-\uD7FF\uF900-\uFDCF\uFDF0-\uFFFD\-.0-9\u00B7\u0300-\u036F\u203F-\u2040]*$/,f={},m={};function h(e,t,n,r,o,a,i){this.acceptsBooleans=2===t||3===t||4===t,this.attributeName=r,this.attributeNamespace=o,this.mustUseProperty=n,this.propertyName=e,this.type=t,this.sanitizeURL=a,this.removeEmptyString=i}var g={};"children dangerouslySetInnerHTML defaultValue defaultChecked innerHTML suppressContentEditableWarning suppressHydrationWarning style".split(" ").forEach((function(e){g[e]=new h(e,0,!1,e,null,!1,!1)})),[["acceptCharset","accept-charset"],["className","class"],["htmlFor","for"],["httpEquiv","http-equiv"]].forEach((function(e){var t=e[0];g[t]=new h(t,1,!1,e[1],null,!1,!1)})),["contentEditable","draggable","spellCheck","value"].forEach((function(e){g[e]=new h(e,2,!1,e.toLowerCase(),null,!1,!1)})),["autoReverse","externalResourcesRequired","focusable","preserveAlpha"].forEach((function(e){g[e]=new h(e,2,!1,e,null,!1,!1)})),"allowFullScreen async autoFocus autoPlay controls default defer disabled disablePictureInPicture disableRemotePlayback formNoValidate hidden loop noModule noValidate open playsInline readOnly required reversed scoped seamless itemScope".split(" ").forEach((function(e){g[e]=new h(e,3,!1,e.toLowerCase(),null,!1,!1)})),["checked","multiple","muted","selected"].forEach((function(e){g[e]=new h(e,3,!0,e,null,!1,!1)})),["capture","download"].forEach((function(e){g[e]=new h(e,4,!1,e,null,!1,!1)})),["cols","rows","size","span"].forEach((function(e){g[e]=new h(e,6,!1,e,null,!1,!1)})),["rowSpan","start"].forEach((function(e){g[e]=new h(e,5,!1,e.toLowerCase(),null,!1,!1)}));var b=/[\-:]([a-z])/g;function y(e){return e[1].toUpperCase()}function v(e,t,n,r){var o=g.hasOwnProperty(t)?g[t]:null;(null!==o?0!==o.type:r||!(2<t.length)||"o"!==t[0]&&"O"!==t[0]||"n"!==t[1]&&"N"!==t[1])&&(function(e,t,n,r){if(null==t||function(e,t,n,r){if(null!==n&&0===n.type)return!1;switch(typeof t){case"function":case"symbol":return!0;case"boolean":return!r&&(null!==n?!n.acceptsBooleans:"data-"!==(e=e.toLowerCase().slice(0,5))&&"aria-"!==e);default:return!1}}(e,t,n,r))return!0;if(r)return!1;if(null!==n)switch(n.type){case 3:return!t;case 4:return!1===t;case 5:return isNaN(t);case 6:return isNaN(t)||1>t}return!1}(t,n,o,r)&&(n=null),r||null===o?function(e){return!!d.call(m,e)||!d.call(f,e)&&(p.test(e)?m[e]=!0:(f[e]=!0,!1))}(t)&&(null===n?e.removeAttribute(t):e.setAttribute(t,""+n)):o.mustUseProperty?e[o.propertyName]=null===n?3!==o.type&&"":n:(t=o.attributeName,r=o.attributeNamespace,null===n?e.removeAttribute(t):(n=3===(o=o.type)||4===o&&!0===n?"":""+n,r?e.setAttributeNS(r,t,n):e.setAttribute(t,n))))}"accent-height alignment-baseline arabic-form baseline-shift cap-height clip-path clip-rule color-interpolation color-interpolation-filters color-profile color-rendering dominant-baseline enable-background fill-opacity fill-rule flood-color flood-opacity font-family font-size font-size-adjust font-stretch font-style font-variant font-weight glyph-name glyph-orientation-horizontal glyph-orientation-vertical horiz-adv-x horiz-origin-x image-rendering letter-spacing lighting-color marker-end marker-mid marker-start overline-position overline-thickness paint-order panose-1 pointer-events rendering-intent shape-rendering stop-color stop-opacity strikethrough-position strikethrough-thickness stroke-dasharray stroke-dashoffset stroke-linecap stroke-linejoin stroke-miterlimit stroke-opacity stroke-width text-anchor text-decoration text-rendering underline-position underline-thickness unicode-bidi unicode-range units-per-em v-alphabetic v-hanging v-ideographic v-mathematical vector-effect vert-adv-y vert-origin-x vert-origin-y word-spacing writing-mode xmlns:xlink x-height".split(" ").forEach((function(e){var t=e.replace(b,y);g[t]=new h(t,1,!1,e,null,!1,!1)})),"xlink:actuate xlink:arcrole xlink:role xlink:show xlink:title xlink:type".split(" ").forEach((function(e){var t=e.replace(b,y);g[t]=new h(t,1,!1,e,"http://www.w3.org/1999/xlink",!1,!1)})),["xml:base","xml:lang","xml:space"].forEach((function(e){var t=e.replace(b,y);g[t]=new h(t,1,!1,e,"http://www.w3.org/XML/1998/namespace",!1,!1)})),["tabIndex","crossOrigin"].forEach((function(e){g[e]=new h(e,1,!1,e.toLowerCase(),null,!1,!1)})),g.xlinkHref=new h("xlinkHref",1,!1,"xlink:href","http://www.w3.org/1999/xlink",!0,!1),["src","href","action","formAction"].forEach((function(e){g[e]=new h(e,1,!1,e.toLowerCase(),null,!0,!0)}));var w=r.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED,S=Symbol.for("react.element"),k=Symbol.for("react.portal"),x=Symbol.for("react.fragment"),E=Symbol.for("react.strict_mode"),_=Symbol.for("react.profiler"),C=Symbol.for("react.provider"),j=Symbol.for("react.context"),O=Symbol.for("react.forward_ref"),A=Symbol.for("react.suspense"),T=Symbol.for("react.suspense_list"),P=Symbol.for("react.memo"),L=Symbol.for("react.lazy");Symbol.for("react.scope"),Symbol.for("react.debug_trace_mode");var I=Symbol.for("react.offscreen");Symbol.for("react.legacy_hidden"),Symbol.for("react.cache"),Symbol.for("react.tracing_marker");var N=Symbol.iterator;function R(e){return null===e||"object"!=typeof e?null:"function"==typeof(e=N&&e[N]||e["@@iterator"])?e:null}var D,M=Object.assign;function F(e){if(void 0===D)try{throw Error()}catch(n){var t=n.stack.trim().match(/\n( *(at )?)/);D=t&&t[1]||""}return"\n"+D+e}var z=!1;function B(e,t){if(!e||z)return"";z=!0;var n=Error.prepareStackTrace;Error.prepareStackTrace=void 0;try{if(t)if(t=function(){throw Error()},Object.defineProperty(t.prototype,"props",{set:function(){throw Error()}}),"object"==typeof Reflect&&Reflect.construct){try{Reflect.construct(t,[])}catch(c){var r=c}Reflect.construct(e,[],t)}else{try{t.call()}catch(c){r=c}e.call(t.prototype)}else{try{throw Error()}catch(c){r=c}e()}}catch(c){if(c&&r&&"string"==typeof c.stack){for(var o=c.stack.split("\n"),a=r.stack.split("\n"),i=o.length-1,s=a.length-1;1<=i&&0<=s&&o[i]!==a[s];)s--;for(;1<=i&&0<=s;i--,s--)if(o[i]!==a[s]){if(1!==i||1!==s)do{if(i--,0>--s||o[i]!==a[s]){var l="\n"+o[i].replace(" at new "," at ");return e.displayName&&l.includes("<anonymous>")&&(l=l.replace("<anonymous>",e.displayName)),l}}while(1<=i&&0<=s);break}}}finally{z=!1,Error.prepareStackTrace=n}return(e=e?e.displayName||e.name:"")?F(e):""}function U(e){switch(e.tag){case 5:return F(e.type);case 16:return F("Lazy");case 13:return F("Suspense");case 19:return F("SuspenseList");case 0:case 2:case 15:return e=B(e.type,!1);case 11:return e=B(e.type.render,!1);case 1:return e=B(e.type,!0);default:return""}}function q(e){if(null==e)return null;if("function"==typeof e)return e.displayName||e.name||null;if("string"==typeof e)return e;switch(e){case x:return"Fragment";case k:return"Portal";case _:return"Profiler";case E:return"StrictMode";case A:return"Suspense";case T:return"SuspenseList"}if("object"==typeof e)switch(e.$$typeof){case j:return(e.displayName||"Context")+".Consumer";case C:return(e._context.displayName||"Context")+".Provider";case O:var t=e.render;return(e=e.displayName)||(e=""!==(e=t.displayName||t.name||"")?"ForwardRef("+e+")":"ForwardRef"),e;case P:return null!==(t=e.displayName||null)?t:q(e.type)||"Memo";case L:t=e._payload,e=e._init;try{return q(e(t))}catch(n){}}return null}function $(e){var t=e.type;switch(e.tag){case 24:return"Cache";case 9:return(t.displayName||"Context")+".Consumer";case 10:return(t._context.displayName||"Context")+".Provider";case 18:return"DehydratedFragment";case 11:return e=(e=t.render).displayName||e.name||"",t.displayName||(""!==e?"ForwardRef("+e+")":"ForwardRef");case 7:return"Fragment";case 5:return t;case 4:return"Portal";case 3:return"Root";case 6:return"Text";case 16:return q(t);case 8:return t===E?"StrictMode":"Mode";case 22:return"Offscreen";case 12:return"Profiler";case 21:return"Scope";case 13:return"Suspense";case 19:return"SuspenseList";case 25:return"TracingMarker";case 1:case 0:case 17:case 2:case 14:case 15:if("function"==typeof t)return t.displayName||t.name||null;if("string"==typeof t)return t}return null}function H(e){switch(typeof e){case"boolean":case"number":case"string":case"undefined":case"object":return e;default:return""}}function V(e){var t=e.type;return(e=e.nodeName)&&"input"===e.toLowerCase()&&("checkbox"===t||"radio"===t)}function G(e){e._valueTracker||(e._valueTracker=function(e){var t=V(e)?"checked":"value",n=Object.getOwnPropertyDescriptor(e.constructor.prototype,t),r=""+e[t];if(!e.hasOwnProperty(t)&&void 0!==n&&"function"==typeof n.get&&"function"==typeof n.set){var o=n.get,a=n.set;return Object.defineProperty(e,t,{configurable:!0,get:function(){return o.call(this)},set:function(e){r=""+e,a.call(this,e)}}),Object.defineProperty(e,t,{enumerable:n.enumerable}),{getValue:function(){return r},setValue:function(e){r=""+e},stopTracking:function(){e._valueTracker=null,delete e[t]}}}}(e))}function W(e){if(!e)return!1;var t=e._valueTracker;if(!t)return!0;var n=t.getValue(),r="";return e&&(r=V(e)?e.checked?"true":"false":e.value),(e=r)!==n&&(t.setValue(e),!0)}function K(e){if(void 0===(e=e||("undefined"!=typeof document?document:void 0)))return null;try{return e.activeElement||e.body}catch(t){return e.body}}function Q(e,t){var n=t.checked;return M({},t,{defaultChecked:void 0,defaultValue:void 0,value:void 0,checked:null!=n?n:e._wrapperState.initialChecked})}function Y(e,t){var n=null==t.defaultValue?"":t.defaultValue,r=null!=t.checked?t.checked:t.defaultChecked;n=H(null!=t.value?t.value:n),e._wrapperState={initialChecked:r,initialValue:n,controlled:"checkbox"===t.type||"radio"===t.type?null!=t.checked:null!=t.value}}function Z(e,t){null!=(t=t.checked)&&v(e,"checked",t,!1)}function J(e,t){Z(e,t);var n=H(t.value),r=t.type;if(null!=n)"number"===r?(0===n&&""===e.value||e.value!=n)&&(e.value=""+n):e.value!==""+n&&(e.value=""+n);else if("submit"===r||"reset"===r)return void e.removeAttribute("value");t.hasOwnProperty("value")?ee(e,t.type,n):t.hasOwnProperty("defaultValue")&&ee(e,t.type,H(t.defaultValue)),null==t.checked&&null!=t.defaultChecked&&(e.defaultChecked=!!t.defaultChecked)}function X(e,t,n){if(t.hasOwnProperty("value")||t.hasOwnProperty("defaultValue")){var r=t.type;if(!("submit"!==r&&"reset"!==r||void 0!==t.value&&null!==t.value))return;t=""+e._wrapperState.initialValue,n||t===e.value||(e.value=t),e.defaultValue=t}""!==(n=e.name)&&(e.name=""),e.defaultChecked=!!e._wrapperState.initialChecked,""!==n&&(e.name=n)}function ee(e,t,n){"number"===t&&K(e.ownerDocument)===e||(null==n?e.defaultValue=""+e._wrapperState.initialValue:e.defaultValue!==""+n&&(e.defaultValue=""+n))}var te=Array.isArray;function ne(e,t,n,r){if(e=e.options,t){t={};for(var o=0;o<n.length;o++)t["$"+n[o]]=!0;for(n=0;n<e.length;n++)o=t.hasOwnProperty("$"+e[n].value),e[n].selected!==o&&(e[n].selected=o),o&&r&&(e[n].defaultSelected=!0)}else{for(n=""+H(n),t=null,o=0;o<e.length;o++){if(e[o].value===n)return e[o].selected=!0,void(r&&(e[o].defaultSelected=!0));null!==t||e[o].disabled||(t=e[o])}null!==t&&(t.selected=!0)}}function re(e,t){if(null!=t.dangerouslySetInnerHTML)throw Error(a(91));return M({},t,{value:void 0,defaultValue:void 0,children:""+e._wrapperState.initialValue})}function oe(e,t){var n=t.value;if(null==n){if(n=t.children,t=t.defaultValue,null!=n){if(null!=t)throw Error(a(92));if(te(n)){if(1<n.length)throw Error(a(93));n=n[0]}t=n}null==t&&(t=""),n=t}e._wrapperState={initialValue:H(n)}}function ae(e,t){var n=H(t.value),r=H(t.defaultValue);null!=n&&((n=""+n)!==e.value&&(e.value=n),null==t.defaultValue&&e.defaultValue!==n&&(e.defaultValue=n)),null!=r&&(e.defaultValue=""+r)}function ie(e){var t=e.textContent;t===e._wrapperState.initialValue&&""!==t&&null!==t&&(e.value=t)}function se(e){switch(e){case"svg":return"http://www.w3.org/2000/svg";case"math":return"http://www.w3.org/1998/Math/MathML";default:return"http://www.w3.org/1999/xhtml"}}function le(e,t){return null==e||"http://www.w3.org/1999/xhtml"===e?se(t):"http://www.w3.org/2000/svg"===e&&"foreignObject"===t?"http://www.w3.org/1999/xhtml":e}var ce,ue,de=(ue=function(e,t){if("http://www.w3.org/2000/svg"!==e.namespaceURI||"innerHTML"in e)e.innerHTML=t;else{for((ce=ce||document.createElement("div")).innerHTML="<svg>"+t.valueOf().toString()+"</svg>",t=ce.firstChild;e.firstChild;)e.removeChild(e.firstChild);for(;t.firstChild;)e.appendChild(t.firstChild)}},"undefined"!=typeof MSApp&&MSApp.execUnsafeLocalFunction?function(e,t,n,r){MSApp.execUnsafeLocalFunction((function(){return ue(e,t)}))}:ue);function pe(e,t){if(t){var n=e.firstChild;if(n&&n===e.lastChild&&3===n.nodeType)return void(n.nodeValue=t)}e.textContent=t}var fe={animationIterationCount:!0,aspectRatio:!0,borderImageOutset:!0,borderImageSlice:!0,borderImageWidth:!0,boxFlex:!0,boxFlexGroup:!0,boxOrdinalGroup:!0,columnCount:!0,columns:!0,flex:!0,flexGrow:!0,flexPositive:!0,flexShrink:!0,flexNegative:!0,flexOrder:!0,gridArea:!0,gridRow:!0,gridRowEnd:!0,gridRowSpan:!0,gridRowStart:!0,gridColumn:!0,gridColumnEnd:!0,gridColumnSpan:!0,gridColumnStart:!0,fontWeight:!0,lineClamp:!0,lineHeight:!0,opacity:!0,order:!0,orphans:!0,tabSize:!0,widows:!0,zIndex:!0,zoom:!0,fillOpacity:!0,floodOpacity:!0,stopOpacity:!0,strokeDasharray:!0,strokeDashoffset:!0,strokeMiterlimit:!0,strokeOpacity:!0,strokeWidth:!0},me=["Webkit","ms","Moz","O"];function he(e,t,n){return null==t||"boolean"==typeof t||""===t?"":n||"number"!=typeof t||0===t||fe.hasOwnProperty(e)&&fe[e]?(""+t).trim():t+"px"}function ge(e,t){for(var n in e=e.style,t)if(t.hasOwnProperty(n)){var r=0===n.indexOf("--"),o=he(n,t[n],r);"float"===n&&(n="cssFloat"),r?e.setProperty(n,o):e[n]=o}}Object.keys(fe).forEach((function(e){me.forEach((function(t){t=t+e.charAt(0).toUpperCase()+e.substring(1),fe[t]=fe[e]}))}));var be=M({menuitem:!0},{area:!0,base:!0,br:!0,col:!0,embed:!0,hr:!0,img:!0,input:!0,keygen:!0,link:!0,meta:!0,param:!0,source:!0,track:!0,wbr:!0});function ye(e,t){if(t){if(be[e]&&(null!=t.children||null!=t.dangerouslySetInnerHTML))throw Error(a(137,e));if(null!=t.dangerouslySetInnerHTML){if(null!=t.children)throw Error(a(60));if("object"!=typeof t.dangerouslySetInnerHTML||!("__html"in t.dangerouslySetInnerHTML))throw Error(a(61))}if(null!=t.style&&"object"!=typeof t.style)throw Error(a(62))}}function ve(e,t){if(-1===e.indexOf("-"))return"string"==typeof t.is;switch(e){case"annotation-xml":case"color-profile":case"font-face":case"font-face-src":case"font-face-uri":case"font-face-format":case"font-face-name":case"missing-glyph":return!1;default:return!0}}var we=null;function Se(e){return(e=e.target||e.srcElement||window).correspondingUseElement&&(e=e.correspondingUseElement),3===e.nodeType?e.parentNode:e}var ke=null,xe=null,Ee=null;function _e(e){if(e=wo(e)){if("function"!=typeof ke)throw Error(a(280));var t=e.stateNode;t&&(t=ko(t),ke(e.stateNode,e.type,t))}}function Ce(e){xe?Ee?Ee.push(e):Ee=[e]:xe=e}function je(){if(xe){var e=xe,t=Ee;if(Ee=xe=null,_e(e),t)for(e=0;e<t.length;e++)_e(t[e])}}function Oe(e,t){return e(t)}function Ae(){}var Te=!1;function Pe(e,t,n){if(Te)return e(t,n);Te=!0;try{return Oe(e,t,n)}finally{Te=!1,(null!==xe||null!==Ee)&&(Ae(),je())}}function Le(e,t){var n=e.stateNode;if(null===n)return null;var r=ko(n);if(null===r)return null;n=r[t];e:switch(t){case"onClick":case"onClickCapture":case"onDoubleClick":case"onDoubleClickCapture":case"onMouseDown":case"onMouseDownCapture":case"onMouseMove":case"onMouseMoveCapture":case"onMouseUp":case"onMouseUpCapture":case"onMouseEnter":(r=!r.disabled)||(r=!("button"===(e=e.type)||"input"===e||"select"===e||"textarea"===e)),e=!r;break e;default:e=!1}if(e)return null;if(n&&"function"!=typeof n)throw Error(a(231,t,typeof n));return n}var Ie=!1;if(u)try{var Ne={};Object.defineProperty(Ne,"passive",{get:function(){Ie=!0}}),window.addEventListener("test",Ne,Ne),window.removeEventListener("test",Ne,Ne)}catch(ue){Ie=!1}function Re(e,t,n,r,o,a,i,s,l){var c=Array.prototype.slice.call(arguments,3);try{t.apply(n,c)}catch(u){this.onError(u)}}var De=!1,Me=null,Fe=!1,ze=null,Be={onError:function(e){De=!0,Me=e}};function Ue(e,t,n,r,o,a,i,s,l){De=!1,Me=null,Re.apply(Be,arguments)}function qe(e){var t=e,n=e;if(e.alternate)for(;t.return;)t=t.return;else{e=t;do{!!(4098&(t=e).flags)&&(n=t.return),e=t.return}while(e)}return 3===t.tag?n:null}function $e(e){if(13===e.tag){var t=e.memoizedState;if(null===t&&(null!==(e=e.alternate)&&(t=e.memoizedState)),null!==t)return t.dehydrated}return null}function He(e){if(qe(e)!==e)throw Error(a(188))}function Ve(e){return null!==(e=function(e){var t=e.alternate;if(!t){if(null===(t=qe(e)))throw Error(a(188));return t!==e?null:e}for(var n=e,r=t;;){var o=n.return;if(null===o)break;var i=o.alternate;if(null===i){if(null!==(r=o.return)){n=r;continue}break}if(o.child===i.child){for(i=o.child;i;){if(i===n)return He(o),e;if(i===r)return He(o),t;i=i.sibling}throw Error(a(188))}if(n.return!==r.return)n=o,r=i;else{for(var s=!1,l=o.child;l;){if(l===n){s=!0,n=o,r=i;break}if(l===r){s=!0,r=o,n=i;break}l=l.sibling}if(!s){for(l=i.child;l;){if(l===n){s=!0,n=i,r=o;break}if(l===r){s=!0,r=i,n=o;break}l=l.sibling}if(!s)throw Error(a(189))}}if(n.alternate!==r)throw Error(a(190))}if(3!==n.tag)throw Error(a(188));return n.stateNode.current===n?e:t}(e))?Ge(e):null}function Ge(e){if(5===e.tag||6===e.tag)return e;for(e=e.child;null!==e;){var t=Ge(e);if(null!==t)return t;e=e.sibling}return null}var We=o.unstable_scheduleCallback,Ke=o.unstable_cancelCallback,Qe=o.unstable_shouldYield,Ye=o.unstable_requestPaint,Ze=o.unstable_now,Je=o.unstable_getCurrentPriorityLevel,Xe=o.unstable_ImmediatePriority,et=o.unstable_UserBlockingPriority,tt=o.unstable_NormalPriority,nt=o.unstable_LowPriority,rt=o.unstable_IdlePriority,ot=null,at=null;var it=Math.clz32?Math.clz32:function(e){return e>>>=0,0===e?32:31-(st(e)/lt|0)|0},st=Math.log,lt=Math.LN2;var ct=64,ut=4194304;function dt(e){switch(e&-e){case 1:return 1;case 2:return 2;case 4:return 4;case 8:return 8;case 16:return 16;case 32:return 32;case 64:case 128:case 256:case 512:case 1024:case 2048:case 4096:case 8192:case 16384:case 32768:case 65536:case 131072:case 262144:case 524288:case 1048576:case 2097152:return 4194240&e;case 4194304:case 8388608:case 16777216:case 33554432:case 67108864:return 130023424&e;case 134217728:return 134217728;case 268435456:return 268435456;case 536870912:return 536870912;case 1073741824:return 1073741824;default:return e}}function pt(e,t){var n=e.pendingLanes;if(0===n)return 0;var r=0,o=e.suspendedLanes,a=e.pingedLanes,i=268435455&n;if(0!==i){var s=i&~o;0!==s?r=dt(s):0!==(a&=i)&&(r=dt(a))}else 0!==(i=n&~o)?r=dt(i):0!==a&&(r=dt(a));if(0===r)return 0;if(0!==t&&t!==r&&!(t&o)&&((o=r&-r)>=(a=t&-t)||16===o&&4194240&a))return t;if(4&r&&(r|=16&n),0!==(t=e.entangledLanes))for(e=e.entanglements,t&=r;0<t;)o=1<<(n=31-it(t)),r|=e[n],t&=~o;return r}function ft(e,t){switch(e){case 1:case 2:case 4:return t+250;case 8:case 16:case 32:case 64:case 128:case 256:case 512:case 1024:case 2048:case 4096:case 8192:case 16384:case 32768:case 65536:case 131072:case 262144:case 524288:case 1048576:case 2097152:return t+5e3;default:return-1}}function mt(e){return 0!==(e=-1073741825&e.pendingLanes)?e:1073741824&e?1073741824:0}function ht(){var e=ct;return!(4194240&(ct<<=1))&&(ct=64),e}function gt(e){for(var t=[],n=0;31>n;n++)t.push(e);return t}function bt(e,t,n){e.pendingLanes|=t,536870912!==t&&(e.suspendedLanes=0,e.pingedLanes=0),(e=e.eventTimes)[t=31-it(t)]=n}function yt(e,t){var n=e.entangledLanes|=t;for(e=e.entanglements;n;){var r=31-it(n),o=1<<r;o&t|e[r]&t&&(e[r]|=t),n&=~o}}var vt=0;function wt(e){return 1<(e&=-e)?4<e?268435455&e?16:536870912:4:1}var St,kt,xt,Et,_t,Ct=!1,jt=[],Ot=null,At=null,Tt=null,Pt=new Map,Lt=new Map,It=[],Nt="mousedown mouseup touchcancel touchend touchstart auxclick dblclick pointercancel pointerdown pointerup dragend dragstart drop compositionend compositionstart keydown keypress keyup input textInput copy cut paste click change contextmenu reset submit".split(" ");function Rt(e,t){switch(e){case"focusin":case"focusout":Ot=null;break;case"dragenter":case"dragleave":At=null;break;case"mouseover":case"mouseout":Tt=null;break;case"pointerover":case"pointerout":Pt.delete(t.pointerId);break;case"gotpointercapture":case"lostpointercapture":Lt.delete(t.pointerId)}}function Dt(e,t,n,r,o,a){return null===e||e.nativeEvent!==a?(e={blockedOn:t,domEventName:n,eventSystemFlags:r,nativeEvent:a,targetContainers:[o]},null!==t&&(null!==(t=wo(t))&&kt(t)),e):(e.eventSystemFlags|=r,t=e.targetContainers,null!==o&&-1===t.indexOf(o)&&t.push(o),e)}function Mt(e){var t=vo(e.target);if(null!==t){var n=qe(t);if(null!==n)if(13===(t=n.tag)){if(null!==(t=$e(n)))return e.blockedOn=t,void _t(e.priority,(function(){xt(n)}))}else if(3===t&&n.stateNode.current.memoizedState.isDehydrated)return void(e.blockedOn=3===n.tag?n.stateNode.containerInfo:null)}e.blockedOn=null}function Ft(e){if(null!==e.blockedOn)return!1;for(var t=e.targetContainers;0<t.length;){var n=Qt(e.domEventName,e.eventSystemFlags,t[0],e.nativeEvent);if(null!==n)return null!==(t=wo(n))&&kt(t),e.blockedOn=n,!1;var r=new(n=e.nativeEvent).constructor(n.type,n);we=r,n.target.dispatchEvent(r),we=null,t.shift()}return!0}function zt(e,t,n){Ft(e)&&n.delete(t)}function Bt(){Ct=!1,null!==Ot&&Ft(Ot)&&(Ot=null),null!==At&&Ft(At)&&(At=null),null!==Tt&&Ft(Tt)&&(Tt=null),Pt.forEach(zt),Lt.forEach(zt)}function Ut(e,t){e.blockedOn===t&&(e.blockedOn=null,Ct||(Ct=!0,o.unstable_scheduleCallback(o.unstable_NormalPriority,Bt)))}function qt(e){function t(t){return Ut(t,e)}if(0<jt.length){Ut(jt[0],e);for(var n=1;n<jt.length;n++){var r=jt[n];r.blockedOn===e&&(r.blockedOn=null)}}for(null!==Ot&&Ut(Ot,e),null!==At&&Ut(At,e),null!==Tt&&Ut(Tt,e),Pt.forEach(t),Lt.forEach(t),n=0;n<It.length;n++)(r=It[n]).blockedOn===e&&(r.blockedOn=null);for(;0<It.length&&null===(n=It[0]).blockedOn;)Mt(n),null===n.blockedOn&&It.shift()}var $t=w.ReactCurrentBatchConfig,Ht=!0;function Vt(e,t,n,r){var o=vt,a=$t.transition;$t.transition=null;try{vt=1,Wt(e,t,n,r)}finally{vt=o,$t.transition=a}}function Gt(e,t,n,r){var o=vt,a=$t.transition;$t.transition=null;try{vt=4,Wt(e,t,n,r)}finally{vt=o,$t.transition=a}}function Wt(e,t,n,r){if(Ht){var o=Qt(e,t,n,r);if(null===o)Hr(e,t,r,Kt,n),Rt(e,r);else if(function(e,t,n,r,o){switch(t){case"focusin":return Ot=Dt(Ot,e,t,n,r,o),!0;case"dragenter":return At=Dt(At,e,t,n,r,o),!0;case"mouseover":return Tt=Dt(Tt,e,t,n,r,o),!0;case"pointerover":var a=o.pointerId;return Pt.set(a,Dt(Pt.get(a)||null,e,t,n,r,o)),!0;case"gotpointercapture":return a=o.pointerId,Lt.set(a,Dt(Lt.get(a)||null,e,t,n,r,o)),!0}return!1}(o,e,t,n,r))r.stopPropagation();else if(Rt(e,r),4&t&&-1<Nt.indexOf(e)){for(;null!==o;){var a=wo(o);if(null!==a&&St(a),null===(a=Qt(e,t,n,r))&&Hr(e,t,r,Kt,n),a===o)break;o=a}null!==o&&r.stopPropagation()}else Hr(e,t,r,null,n)}}var Kt=null;function Qt(e,t,n,r){if(Kt=null,null!==(e=vo(e=Se(r))))if(null===(t=qe(e)))e=null;else if(13===(n=t.tag)){if(null!==(e=$e(t)))return e;e=null}else if(3===n){if(t.stateNode.current.memoizedState.isDehydrated)return 3===t.tag?t.stateNode.containerInfo:null;e=null}else t!==e&&(e=null);return Kt=e,null}function Yt(e){switch(e){case"cancel":case"click":case"close":case"contextmenu":case"copy":case"cut":case"auxclick":case"dblclick":case"dragend":case"dragstart":case"drop":case"focusin":case"focusout":case"input":case"invalid":case"keydown":case"keypress":case"keyup":case"mousedown":case"mouseup":case"paste":case"pause":case"play":case"pointercancel":case"pointerdown":case"pointerup":case"ratechange":case"reset":case"resize":case"seeked":case"submit":case"touchcancel":case"touchend":case"touchstart":case"volumechange":case"change":case"selectionchange":case"textInput":case"compositionstart":case"compositionend":case"compositionupdate":case"beforeblur":case"afterblur":case"beforeinput":case"blur":case"fullscreenchange":case"focus":case"hashchange":case"popstate":case"select":case"selectstart":return 1;case"drag":case"dragenter":case"dragexit":case"dragleave":case"dragover":case"mousemove":case"mouseout":case"mouseover":case"pointermove":case"pointerout":case"pointerover":case"scroll":case"toggle":case"touchmove":case"wheel":case"mouseenter":case"mouseleave":case"pointerenter":case"pointerleave":return 4;case"message":switch(Je()){case Xe:return 1;case et:return 4;case tt:case nt:return 16;case rt:return 536870912;default:return 16}default:return 16}}var Zt=null,Jt=null,Xt=null;function en(){if(Xt)return Xt;var e,t,n=Jt,r=n.length,o="value"in Zt?Zt.value:Zt.textContent,a=o.length;for(e=0;e<r&&n[e]===o[e];e++);var i=r-e;for(t=1;t<=i&&n[r-t]===o[a-t];t++);return Xt=o.slice(e,1<t?1-t:void 0)}function tn(e){var t=e.keyCode;return"charCode"in e?0===(e=e.charCode)&&13===t&&(e=13):e=t,10===e&&(e=13),32<=e||13===e?e:0}function nn(){return!0}function rn(){return!1}function on(e){function t(t,n,r,o,a){for(var i in this._reactName=t,this._targetInst=r,this.type=n,this.nativeEvent=o,this.target=a,this.currentTarget=null,e)e.hasOwnProperty(i)&&(t=e[i],this[i]=t?t(o):o[i]);return this.isDefaultPrevented=(null!=o.defaultPrevented?o.defaultPrevented:!1===o.returnValue)?nn:rn,this.isPropagationStopped=rn,this}return M(t.prototype,{preventDefault:function(){this.defaultPrevented=!0;var e=this.nativeEvent;e&&(e.preventDefault?e.preventDefault():"unknown"!=typeof e.returnValue&&(e.returnValue=!1),this.isDefaultPrevented=nn)},stopPropagation:function(){var e=this.nativeEvent;e&&(e.stopPropagation?e.stopPropagation():"unknown"!=typeof e.cancelBubble&&(e.cancelBubble=!0),this.isPropagationStopped=nn)},persist:function(){},isPersistent:nn}),t}var an,sn,ln,cn={eventPhase:0,bubbles:0,cancelable:0,timeStamp:function(e){return e.timeStamp||Date.now()},defaultPrevented:0,isTrusted:0},un=on(cn),dn=M({},cn,{view:0,detail:0}),pn=on(dn),fn=M({},dn,{screenX:0,screenY:0,clientX:0,clientY:0,pageX:0,pageY:0,ctrlKey:0,shiftKey:0,altKey:0,metaKey:0,getModifierState:_n,button:0,buttons:0,relatedTarget:function(e){return void 0===e.relatedTarget?e.fromElement===e.srcElement?e.toElement:e.fromElement:e.relatedTarget},movementX:function(e){return"movementX"in e?e.movementX:(e!==ln&&(ln&&"mousemove"===e.type?(an=e.screenX-ln.screenX,sn=e.screenY-ln.screenY):sn=an=0,ln=e),an)},movementY:function(e){return"movementY"in e?e.movementY:sn}}),mn=on(fn),hn=on(M({},fn,{dataTransfer:0})),gn=on(M({},dn,{relatedTarget:0})),bn=on(M({},cn,{animationName:0,elapsedTime:0,pseudoElement:0})),yn=M({},cn,{clipboardData:function(e){return"clipboardData"in e?e.clipboardData:window.clipboardData}}),vn=on(yn),wn=on(M({},cn,{data:0})),Sn={Esc:"Escape",Spacebar:" ",Left:"ArrowLeft",Up:"ArrowUp",Right:"ArrowRight",Down:"ArrowDown",Del:"Delete",Win:"OS",Menu:"ContextMenu",Apps:"ContextMenu",Scroll:"ScrollLock",MozPrintableKey:"Unidentified"},kn={8:"Backspace",9:"Tab",12:"Clear",13:"Enter",16:"Shift",17:"Control",18:"Alt",19:"Pause",20:"CapsLock",27:"Escape",32:" ",33:"PageUp",34:"PageDown",35:"End",36:"Home",37:"ArrowLeft",38:"ArrowUp",39:"ArrowRight",40:"ArrowDown",45:"Insert",46:"Delete",112:"F1",113:"F2",114:"F3",115:"F4",116:"F5",117:"F6",118:"F7",119:"F8",120:"F9",121:"F10",122:"F11",123:"F12",144:"NumLock",145:"ScrollLock",224:"Meta"},xn={Alt:"altKey",Control:"ctrlKey",Meta:"metaKey",Shift:"shiftKey"};function En(e){var t=this.nativeEvent;return t.getModifierState?t.getModifierState(e):!!(e=xn[e])&&!!t[e]}function _n(){return En}var Cn=M({},dn,{key:function(e){if(e.key){var t=Sn[e.key]||e.key;if("Unidentified"!==t)return t}return"keypress"===e.type?13===(e=tn(e))?"Enter":String.fromCharCode(e):"keydown"===e.type||"keyup"===e.type?kn[e.keyCode]||"Unidentified":""},code:0,location:0,ctrlKey:0,shiftKey:0,altKey:0,metaKey:0,repeat:0,locale:0,getModifierState:_n,charCode:function(e){return"keypress"===e.type?tn(e):0},keyCode:function(e){return"keydown"===e.type||"keyup"===e.type?e.keyCode:0},which:function(e){return"keypress"===e.type?tn(e):"keydown"===e.type||"keyup"===e.type?e.keyCode:0}}),jn=on(Cn),On=on(M({},fn,{pointerId:0,width:0,height:0,pressure:0,tangentialPressure:0,tiltX:0,tiltY:0,twist:0,pointerType:0,isPrimary:0})),An=on(M({},dn,{touches:0,targetTouches:0,changedTouches:0,altKey:0,metaKey:0,ctrlKey:0,shiftKey:0,getModifierState:_n})),Tn=on(M({},cn,{propertyName:0,elapsedTime:0,pseudoElement:0})),Pn=M({},fn,{deltaX:function(e){return"deltaX"in e?e.deltaX:"wheelDeltaX"in e?-e.wheelDeltaX:0},deltaY:function(e){return"deltaY"in e?e.deltaY:"wheelDeltaY"in e?-e.wheelDeltaY:"wheelDelta"in e?-e.wheelDelta:0},deltaZ:0,deltaMode:0}),Ln=on(Pn),In=[9,13,27,32],Nn=u&&"CompositionEvent"in window,Rn=null;u&&"documentMode"in document&&(Rn=document.documentMode);var Dn=u&&"TextEvent"in window&&!Rn,Mn=u&&(!Nn||Rn&&8<Rn&&11>=Rn),Fn=String.fromCharCode(32),zn=!1;function Bn(e,t){switch(e){case"keyup":return-1!==In.indexOf(t.keyCode);case"keydown":return 229!==t.keyCode;case"keypress":case"mousedown":case"focusout":return!0;default:return!1}}function Un(e){return"object"==typeof(e=e.detail)&&"data"in e?e.data:null}var qn=!1;var $n={color:!0,date:!0,datetime:!0,"datetime-local":!0,email:!0,month:!0,number:!0,password:!0,range:!0,search:!0,tel:!0,text:!0,time:!0,url:!0,week:!0};function Hn(e){var t=e&&e.nodeName&&e.nodeName.toLowerCase();return"input"===t?!!$n[e.type]:"textarea"===t}function Vn(e,t,n,r){Ce(r),0<(t=Gr(t,"onChange")).length&&(n=new un("onChange","change",null,n,r),e.push({event:n,listeners:t}))}var Gn=null,Wn=null;function Kn(e){Fr(e,0)}function Qn(e){if(W(So(e)))return e}function Yn(e,t){if("change"===e)return t}var Zn=!1;if(u){var Jn;if(u){var Xn="oninput"in document;if(!Xn){var er=document.createElement("div");er.setAttribute("oninput","return;"),Xn="function"==typeof er.oninput}Jn=Xn}else Jn=!1;Zn=Jn&&(!document.documentMode||9<document.documentMode)}function tr(){Gn&&(Gn.detachEvent("onpropertychange",nr),Wn=Gn=null)}function nr(e){if("value"===e.propertyName&&Qn(Wn)){var t=[];Vn(t,Wn,e,Se(e)),Pe(Kn,t)}}function rr(e,t,n){"focusin"===e?(tr(),Wn=n,(Gn=t).attachEvent("onpropertychange",nr)):"focusout"===e&&tr()}function or(e){if("selectionchange"===e||"keyup"===e||"keydown"===e)return Qn(Wn)}function ar(e,t){if("click"===e)return Qn(t)}function ir(e,t){if("input"===e||"change"===e)return Qn(t)}var sr="function"==typeof Object.is?Object.is:function(e,t){return e===t&&(0!==e||1/e==1/t)||e!=e&&t!=t};function lr(e,t){if(sr(e,t))return!0;if("object"!=typeof e||null===e||"object"!=typeof t||null===t)return!1;var n=Object.keys(e),r=Object.keys(t);if(n.length!==r.length)return!1;for(r=0;r<n.length;r++){var o=n[r];if(!d.call(t,o)||!sr(e[o],t[o]))return!1}return!0}function cr(e){for(;e&&e.firstChild;)e=e.firstChild;return e}function ur(e,t){var n,r=cr(e);for(e=0;r;){if(3===r.nodeType){if(n=e+r.textContent.length,e<=t&&n>=t)return{node:r,offset:t-e};e=n}e:{for(;r;){if(r.nextSibling){r=r.nextSibling;break e}r=r.parentNode}r=void 0}r=cr(r)}}function dr(e,t){return!(!e||!t)&&(e===t||(!e||3!==e.nodeType)&&(t&&3===t.nodeType?dr(e,t.parentNode):"contains"in e?e.contains(t):!!e.compareDocumentPosition&&!!(16&e.compareDocumentPosition(t))))}function pr(){for(var e=window,t=K();t instanceof e.HTMLIFrameElement;){try{var n="string"==typeof t.contentWindow.location.href}catch(r){n=!1}if(!n)break;t=K((e=t.contentWindow).document)}return t}function fr(e){var t=e&&e.nodeName&&e.nodeName.toLowerCase();return t&&("input"===t&&("text"===e.type||"search"===e.type||"tel"===e.type||"url"===e.type||"password"===e.type)||"textarea"===t||"true"===e.contentEditable)}function mr(e){var t=pr(),n=e.focusedElem,r=e.selectionRange;if(t!==n&&n&&n.ownerDocument&&dr(n.ownerDocument.documentElement,n)){if(null!==r&&fr(n))if(t=r.start,void 0===(e=r.end)&&(e=t),"selectionStart"in n)n.selectionStart=t,n.selectionEnd=Math.min(e,n.value.length);else if((e=(t=n.ownerDocument||document)&&t.defaultView||window).getSelection){e=e.getSelection();var o=n.textContent.length,a=Math.min(r.start,o);r=void 0===r.end?a:Math.min(r.end,o),!e.extend&&a>r&&(o=r,r=a,a=o),o=ur(n,a);var i=ur(n,r);o&&i&&(1!==e.rangeCount||e.anchorNode!==o.node||e.anchorOffset!==o.offset||e.focusNode!==i.node||e.focusOffset!==i.offset)&&((t=t.createRange()).setStart(o.node,o.offset),e.removeAllRanges(),a>r?(e.addRange(t),e.extend(i.node,i.offset)):(t.setEnd(i.node,i.offset),e.addRange(t)))}for(t=[],e=n;e=e.parentNode;)1===e.nodeType&&t.push({element:e,left:e.scrollLeft,top:e.scrollTop});for("function"==typeof n.focus&&n.focus(),n=0;n<t.length;n++)(e=t[n]).element.scrollLeft=e.left,e.element.scrollTop=e.top}}var hr=u&&"documentMode"in document&&11>=document.documentMode,gr=null,br=null,yr=null,vr=!1;function wr(e,t,n){var r=n.window===n?n.document:9===n.nodeType?n:n.ownerDocument;vr||null==gr||gr!==K(r)||("selectionStart"in(r=gr)&&fr(r)?r={start:r.selectionStart,end:r.selectionEnd}:r={anchorNode:(r=(r.ownerDocument&&r.ownerDocument.defaultView||window).getSelection()).anchorNode,anchorOffset:r.anchorOffset,focusNode:r.focusNode,focusOffset:r.focusOffset},yr&&lr(yr,r)||(yr=r,0<(r=Gr(br,"onSelect")).length&&(t=new un("onSelect","select",null,t,n),e.push({event:t,listeners:r}),t.target=gr)))}function Sr(e,t){var n={};return n[e.toLowerCase()]=t.toLowerCase(),n["Webkit"+e]="webkit"+t,n["Moz"+e]="moz"+t,n}var kr={animationend:Sr("Animation","AnimationEnd"),animationiteration:Sr("Animation","AnimationIteration"),animationstart:Sr("Animation","AnimationStart"),transitionend:Sr("Transition","TransitionEnd")},xr={},Er={};function _r(e){if(xr[e])return xr[e];if(!kr[e])return e;var t,n=kr[e];for(t in n)if(n.hasOwnProperty(t)&&t in Er)return xr[e]=n[t];return e}u&&(Er=document.createElement("div").style,"AnimationEvent"in window||(delete kr.animationend.animation,delete kr.animationiteration.animation,delete kr.animationstart.animation),"TransitionEvent"in window||delete kr.transitionend.transition);var Cr=_r("animationend"),jr=_r("animationiteration"),Or=_r("animationstart"),Ar=_r("transitionend"),Tr=new Map,Pr="abort auxClick cancel canPlay canPlayThrough click close contextMenu copy cut drag dragEnd dragEnter dragExit dragLeave dragOver dragStart drop durationChange emptied encrypted ended error gotPointerCapture input invalid keyDown keyPress keyUp load loadedData loadedMetadata loadStart lostPointerCapture mouseDown mouseMove mouseOut mouseOver mouseUp paste pause play playing pointerCancel pointerDown pointerMove pointerOut pointerOver pointerUp progress rateChange reset resize seeked seeking stalled submit suspend timeUpdate touchCancel touchEnd touchStart volumeChange scroll toggle touchMove waiting wheel".split(" ");function Lr(e,t){Tr.set(e,t),l(t,[e])}for(var Ir=0;Ir<Pr.length;Ir++){var Nr=Pr[Ir];Lr(Nr.toLowerCase(),"on"+(Nr[0].toUpperCase()+Nr.slice(1)))}Lr(Cr,"onAnimationEnd"),Lr(jr,"onAnimationIteration"),Lr(Or,"onAnimationStart"),Lr("dblclick","onDoubleClick"),Lr("focusin","onFocus"),Lr("focusout","onBlur"),Lr(Ar,"onTransitionEnd"),c("onMouseEnter",["mouseout","mouseover"]),c("onMouseLeave",["mouseout","mouseover"]),c("onPointerEnter",["pointerout","pointerover"]),c("onPointerLeave",["pointerout","pointerover"]),l("onChange","change click focusin focusout input keydown keyup selectionchange".split(" ")),l("onSelect","focusout contextmenu dragend focusin keydown keyup mousedown mouseup selectionchange".split(" ")),l("onBeforeInput",["compositionend","keypress","textInput","paste"]),l("onCompositionEnd","compositionend focusout keydown keypress keyup mousedown".split(" ")),l("onCompositionStart","compositionstart focusout keydown keypress keyup mousedown".split(" ")),l("onCompositionUpdate","compositionupdate focusout keydown keypress keyup mousedown".split(" "));var Rr="abort canplay canplaythrough durationchange emptied encrypted ended error loadeddata loadedmetadata loadstart pause play playing progress ratechange resize seeked seeking stalled suspend timeupdate volumechange waiting".split(" "),Dr=new Set("cancel close invalid load scroll toggle".split(" ").concat(Rr));function Mr(e,t,n){var r=e.type||"unknown-event";e.currentTarget=n,function(e,t,n,r,o,i,s,l,c){if(Ue.apply(this,arguments),De){if(!De)throw Error(a(198));var u=Me;De=!1,Me=null,Fe||(Fe=!0,ze=u)}}(r,t,void 0,e),e.currentTarget=null}function Fr(e,t){t=!!(4&t);for(var n=0;n<e.length;n++){var r=e[n],o=r.event;r=r.listeners;e:{var a=void 0;if(t)for(var i=r.length-1;0<=i;i--){var s=r[i],l=s.instance,c=s.currentTarget;if(s=s.listener,l!==a&&o.isPropagationStopped())break e;Mr(o,s,c),a=l}else for(i=0;i<r.length;i++){if(l=(s=r[i]).instance,c=s.currentTarget,s=s.listener,l!==a&&o.isPropagationStopped())break e;Mr(o,s,c),a=l}}}if(Fe)throw e=ze,Fe=!1,ze=null,e}function zr(e,t){var n=t[go];void 0===n&&(n=t[go]=new Set);var r=e+"__bubble";n.has(r)||($r(t,e,2,!1),n.add(r))}function Br(e,t,n){var r=0;t&&(r|=4),$r(n,e,r,t)}var Ur="_reactListening"+Math.random().toString(36).slice(2);function qr(e){if(!e[Ur]){e[Ur]=!0,i.forEach((function(t){"selectionchange"!==t&&(Dr.has(t)||Br(t,!1,e),Br(t,!0,e))}));var t=9===e.nodeType?e:e.ownerDocument;null===t||t[Ur]||(t[Ur]=!0,Br("selectionchange",!1,t))}}function $r(e,t,n,r){switch(Yt(t)){case 1:var o=Vt;break;case 4:o=Gt;break;default:o=Wt}n=o.bind(null,t,n,e),o=void 0,!Ie||"touchstart"!==t&&"touchmove"!==t&&"wheel"!==t||(o=!0),r?void 0!==o?e.addEventListener(t,n,{capture:!0,passive:o}):e.addEventListener(t,n,!0):void 0!==o?e.addEventListener(t,n,{passive:o}):e.addEventListener(t,n,!1)}function Hr(e,t,n,r,o){var a=r;if(!(1&t||2&t||null===r))e:for(;;){if(null===r)return;var i=r.tag;if(3===i||4===i){var s=r.stateNode.containerInfo;if(s===o||8===s.nodeType&&s.parentNode===o)break;if(4===i)for(i=r.return;null!==i;){var l=i.tag;if((3===l||4===l)&&((l=i.stateNode.containerInfo)===o||8===l.nodeType&&l.parentNode===o))return;i=i.return}for(;null!==s;){if(null===(i=vo(s)))return;if(5===(l=i.tag)||6===l){r=a=i;continue e}s=s.parentNode}}r=r.return}Pe((function(){var r=a,o=Se(n),i=[];e:{var s=Tr.get(e);if(void 0!==s){var l=un,c=e;switch(e){case"keypress":if(0===tn(n))break e;case"keydown":case"keyup":l=jn;break;case"focusin":c="focus",l=gn;break;case"focusout":c="blur",l=gn;break;case"beforeblur":case"afterblur":l=gn;break;case"click":if(2===n.button)break e;case"auxclick":case"dblclick":case"mousedown":case"mousemove":case"mouseup":case"mouseout":case"mouseover":case"contextmenu":l=mn;break;case"drag":case"dragend":case"dragenter":case"dragexit":case"dragleave":case"dragover":case"dragstart":case"drop":l=hn;break;case"touchcancel":case"touchend":case"touchmove":case"touchstart":l=An;break;case Cr:case jr:case Or:l=bn;break;case Ar:l=Tn;break;case"scroll":l=pn;break;case"wheel":l=Ln;break;case"copy":case"cut":case"paste":l=vn;break;case"gotpointercapture":case"lostpointercapture":case"pointercancel":case"pointerdown":case"pointermove":case"pointerout":case"pointerover":case"pointerup":l=On}var u=!!(4&t),d=!u&&"scroll"===e,p=u?null!==s?s+"Capture":null:s;u=[];for(var f,m=r;null!==m;){var h=(f=m).stateNode;if(5===f.tag&&null!==h&&(f=h,null!==p&&(null!=(h=Le(m,p))&&u.push(Vr(m,h,f)))),d)break;m=m.return}0<u.length&&(s=new l(s,c,null,n,o),i.push({event:s,listeners:u}))}}if(!(7&t)){if(l="mouseout"===e||"pointerout"===e,(!(s="mouseover"===e||"pointerover"===e)||n===we||!(c=n.relatedTarget||n.fromElement)||!vo(c)&&!c[ho])&&(l||s)&&(s=o.window===o?o:(s=o.ownerDocument)?s.defaultView||s.parentWindow:window,l?(l=r,null!==(c=(c=n.relatedTarget||n.toElement)?vo(c):null)&&(c!==(d=qe(c))||5!==c.tag&&6!==c.tag)&&(c=null)):(l=null,c=r),l!==c)){if(u=mn,h="onMouseLeave",p="onMouseEnter",m="mouse","pointerout"!==e&&"pointerover"!==e||(u=On,h="onPointerLeave",p="onPointerEnter",m="pointer"),d=null==l?s:So(l),f=null==c?s:So(c),(s=new u(h,m+"leave",l,n,o)).target=d,s.relatedTarget=f,h=null,vo(o)===r&&((u=new u(p,m+"enter",c,n,o)).target=f,u.relatedTarget=d,h=u),d=h,l&&c)e:{for(p=c,m=0,f=u=l;f;f=Wr(f))m++;for(f=0,h=p;h;h=Wr(h))f++;for(;0<m-f;)u=Wr(u),m--;for(;0<f-m;)p=Wr(p),f--;for(;m--;){if(u===p||null!==p&&u===p.alternate)break e;u=Wr(u),p=Wr(p)}u=null}else u=null;null!==l&&Kr(i,s,l,u,!1),null!==c&&null!==d&&Kr(i,d,c,u,!0)}if("select"===(l=(s=r?So(r):window).nodeName&&s.nodeName.toLowerCase())||"input"===l&&"file"===s.type)var g=Yn;else if(Hn(s))if(Zn)g=ir;else{g=or;var b=rr}else(l=s.nodeName)&&"input"===l.toLowerCase()&&("checkbox"===s.type||"radio"===s.type)&&(g=ar);switch(g&&(g=g(e,r))?Vn(i,g,n,o):(b&&b(e,s,r),"focusout"===e&&(b=s._wrapperState)&&b.controlled&&"number"===s.type&&ee(s,"number",s.value)),b=r?So(r):window,e){case"focusin":(Hn(b)||"true"===b.contentEditable)&&(gr=b,br=r,yr=null);break;case"focusout":yr=br=gr=null;break;case"mousedown":vr=!0;break;case"contextmenu":case"mouseup":case"dragend":vr=!1,wr(i,n,o);break;case"selectionchange":if(hr)break;case"keydown":case"keyup":wr(i,n,o)}var y;if(Nn)e:{switch(e){case"compositionstart":var v="onCompositionStart";break e;case"compositionend":v="onCompositionEnd";break e;case"compositionupdate":v="onCompositionUpdate";break e}v=void 0}else qn?Bn(e,n)&&(v="onCompositionEnd"):"keydown"===e&&229===n.keyCode&&(v="onCompositionStart");v&&(Mn&&"ko"!==n.locale&&(qn||"onCompositionStart"!==v?"onCompositionEnd"===v&&qn&&(y=en()):(Jt="value"in(Zt=o)?Zt.value:Zt.textContent,qn=!0)),0<(b=Gr(r,v)).length&&(v=new wn(v,e,null,n,o),i.push({event:v,listeners:b}),y?v.data=y:null!==(y=Un(n))&&(v.data=y))),(y=Dn?function(e,t){switch(e){case"compositionend":return Un(t);case"keypress":return 32!==t.which?null:(zn=!0,Fn);case"textInput":return(e=t.data)===Fn&&zn?null:e;default:return null}}(e,n):function(e,t){if(qn)return"compositionend"===e||!Nn&&Bn(e,t)?(e=en(),Xt=Jt=Zt=null,qn=!1,e):null;switch(e){case"paste":default:return null;case"keypress":if(!(t.ctrlKey||t.altKey||t.metaKey)||t.ctrlKey&&t.altKey){if(t.char&&1<t.char.length)return t.char;if(t.which)return String.fromCharCode(t.which)}return null;case"compositionend":return Mn&&"ko"!==t.locale?null:t.data}}(e,n))&&(0<(r=Gr(r,"onBeforeInput")).length&&(o=new wn("onBeforeInput","beforeinput",null,n,o),i.push({event:o,listeners:r}),o.data=y))}Fr(i,t)}))}function Vr(e,t,n){return{instance:e,listener:t,currentTarget:n}}function Gr(e,t){for(var n=t+"Capture",r=[];null!==e;){var o=e,a=o.stateNode;5===o.tag&&null!==a&&(o=a,null!=(a=Le(e,n))&&r.unshift(Vr(e,a,o)),null!=(a=Le(e,t))&&r.push(Vr(e,a,o))),e=e.return}return r}function Wr(e){if(null===e)return null;do{e=e.return}while(e&&5!==e.tag);return e||null}function Kr(e,t,n,r,o){for(var a=t._reactName,i=[];null!==n&&n!==r;){var s=n,l=s.alternate,c=s.stateNode;if(null!==l&&l===r)break;5===s.tag&&null!==c&&(s=c,o?null!=(l=Le(n,a))&&i.unshift(Vr(n,l,s)):o||null!=(l=Le(n,a))&&i.push(Vr(n,l,s))),n=n.return}0!==i.length&&e.push({event:t,listeners:i})}var Qr=/\r\n?/g,Yr=/\u0000|\uFFFD/g;function Zr(e){return("string"==typeof e?e:""+e).replace(Qr,"\n").replace(Yr,"")}function Jr(e,t,n){if(t=Zr(t),Zr(e)!==t&&n)throw Error(a(425))}function Xr(){}var eo=null,to=null;function no(e,t){return"textarea"===e||"noscript"===e||"string"==typeof t.children||"number"==typeof t.children||"object"==typeof t.dangerouslySetInnerHTML&&null!==t.dangerouslySetInnerHTML&&null!=t.dangerouslySetInnerHTML.__html}var ro="function"==typeof setTimeout?setTimeout:void 0,oo="function"==typeof clearTimeout?clearTimeout:void 0,ao="function"==typeof Promise?Promise:void 0,io="function"==typeof queueMicrotask?queueMicrotask:void 0!==ao?function(e){return ao.resolve(null).then(e).catch(so)}:ro;function so(e){setTimeout((function(){throw e}))}function lo(e,t){var n=t,r=0;do{var o=n.nextSibling;if(e.removeChild(n),o&&8===o.nodeType)if("/$"===(n=o.data)){if(0===r)return e.removeChild(o),void qt(t);r--}else"$"!==n&&"$?"!==n&&"$!"!==n||r++;n=o}while(n);qt(t)}function co(e){for(;null!=e;e=e.nextSibling){var t=e.nodeType;if(1===t||3===t)break;if(8===t){if("$"===(t=e.data)||"$!"===t||"$?"===t)break;if("/$"===t)return null}}return e}function uo(e){e=e.previousSibling;for(var t=0;e;){if(8===e.nodeType){var n=e.data;if("$"===n||"$!"===n||"$?"===n){if(0===t)return e;t--}else"/$"===n&&t++}e=e.previousSibling}return null}var po=Math.random().toString(36).slice(2),fo="__reactFiber$"+po,mo="__reactProps$"+po,ho="__reactContainer$"+po,go="__reactEvents$"+po,bo="__reactListeners$"+po,yo="__reactHandles$"+po;function vo(e){var t=e[fo];if(t)return t;for(var n=e.parentNode;n;){if(t=n[ho]||n[fo]){if(n=t.alternate,null!==t.child||null!==n&&null!==n.child)for(e=uo(e);null!==e;){if(n=e[fo])return n;e=uo(e)}return t}n=(e=n).parentNode}return null}function wo(e){return!(e=e[fo]||e[ho])||5!==e.tag&&6!==e.tag&&13!==e.tag&&3!==e.tag?null:e}function So(e){if(5===e.tag||6===e.tag)return e.stateNode;throw Error(a(33))}function ko(e){return e[mo]||null}var xo=[],Eo=-1;function _o(e){return{current:e}}function Co(e){0>Eo||(e.current=xo[Eo],xo[Eo]=null,Eo--)}function jo(e,t){Eo++,xo[Eo]=e.current,e.current=t}var Oo={},Ao=_o(Oo),To=_o(!1),Po=Oo;function Lo(e,t){var n=e.type.contextTypes;if(!n)return Oo;var r=e.stateNode;if(r&&r.__reactInternalMemoizedUnmaskedChildContext===t)return r.__reactInternalMemoizedMaskedChildContext;var o,a={};for(o in n)a[o]=t[o];return r&&((e=e.stateNode).__reactInternalMemoizedUnmaskedChildContext=t,e.__reactInternalMemoizedMaskedChildContext=a),a}function Io(e){return null!=(e=e.childContextTypes)}function No(){Co(To),Co(Ao)}function Ro(e,t,n){if(Ao.current!==Oo)throw Error(a(168));jo(Ao,t),jo(To,n)}function Do(e,t,n){var r=e.stateNode;if(t=t.childContextTypes,"function"!=typeof r.getChildContext)return n;for(var o in r=r.getChildContext())if(!(o in t))throw Error(a(108,$(e)||"Unknown",o));return M({},n,r)}function Mo(e){return e=(e=e.stateNode)&&e.__reactInternalMemoizedMergedChildContext||Oo,Po=Ao.current,jo(Ao,e),jo(To,To.current),!0}function Fo(e,t,n){var r=e.stateNode;if(!r)throw Error(a(169));n?(e=Do(e,t,Po),r.__reactInternalMemoizedMergedChildContext=e,Co(To),Co(Ao),jo(Ao,e)):Co(To),jo(To,n)}var zo=null,Bo=!1,Uo=!1;function qo(e){null===zo?zo=[e]:zo.push(e)}function $o(){if(!Uo&&null!==zo){Uo=!0;var e=0,t=vt;try{var n=zo;for(vt=1;e<n.length;e++){var r=n[e];do{r=r(!0)}while(null!==r)}zo=null,Bo=!1}catch(o){throw null!==zo&&(zo=zo.slice(e+1)),We(Xe,$o),o}finally{vt=t,Uo=!1}}return null}var Ho=[],Vo=0,Go=null,Wo=0,Ko=[],Qo=0,Yo=null,Zo=1,Jo="";function Xo(e,t){Ho[Vo++]=Wo,Ho[Vo++]=Go,Go=e,Wo=t}function ea(e,t,n){Ko[Qo++]=Zo,Ko[Qo++]=Jo,Ko[Qo++]=Yo,Yo=e;var r=Zo;e=Jo;var o=32-it(r)-1;r&=~(1<<o),n+=1;var a=32-it(t)+o;if(30<a){var i=o-o%5;a=(r&(1<<i)-1).toString(32),r>>=i,o-=i,Zo=1<<32-it(t)+o|n<<o|r,Jo=a+e}else Zo=1<<a|n<<o|r,Jo=e}function ta(e){null!==e.return&&(Xo(e,1),ea(e,1,0))}function na(e){for(;e===Go;)Go=Ho[--Vo],Ho[Vo]=null,Wo=Ho[--Vo],Ho[Vo]=null;for(;e===Yo;)Yo=Ko[--Qo],Ko[Qo]=null,Jo=Ko[--Qo],Ko[Qo]=null,Zo=Ko[--Qo],Ko[Qo]=null}var ra=null,oa=null,aa=!1,ia=null;function sa(e,t){var n=Pc(5,null,null,0);n.elementType="DELETED",n.stateNode=t,n.return=e,null===(t=e.deletions)?(e.deletions=[n],e.flags|=16):t.push(n)}function la(e,t){switch(e.tag){case 5:var n=e.type;return null!==(t=1!==t.nodeType||n.toLowerCase()!==t.nodeName.toLowerCase()?null:t)&&(e.stateNode=t,ra=e,oa=co(t.firstChild),!0);case 6:return null!==(t=""===e.pendingProps||3!==t.nodeType?null:t)&&(e.stateNode=t,ra=e,oa=null,!0);case 13:return null!==(t=8!==t.nodeType?null:t)&&(n=null!==Yo?{id:Zo,overflow:Jo}:null,e.memoizedState={dehydrated:t,treeContext:n,retryLane:1073741824},(n=Pc(18,null,null,0)).stateNode=t,n.return=e,e.child=n,ra=e,oa=null,!0);default:return!1}}function ca(e){return!(!(1&e.mode)||128&e.flags)}function ua(e){if(aa){var t=oa;if(t){var n=t;if(!la(e,t)){if(ca(e))throw Error(a(418));t=co(n.nextSibling);var r=ra;t&&la(e,t)?sa(r,n):(e.flags=-4097&e.flags|2,aa=!1,ra=e)}}else{if(ca(e))throw Error(a(418));e.flags=-4097&e.flags|2,aa=!1,ra=e}}}function da(e){for(e=e.return;null!==e&&5!==e.tag&&3!==e.tag&&13!==e.tag;)e=e.return;ra=e}function pa(e){if(e!==ra)return!1;if(!aa)return da(e),aa=!0,!1;var t;if((t=3!==e.tag)&&!(t=5!==e.tag)&&(t="head"!==(t=e.type)&&"body"!==t&&!no(e.type,e.memoizedProps)),t&&(t=oa)){if(ca(e))throw fa(),Error(a(418));for(;t;)sa(e,t),t=co(t.nextSibling)}if(da(e),13===e.tag){if(!(e=null!==(e=e.memoizedState)?e.dehydrated:null))throw Error(a(317));e:{for(e=e.nextSibling,t=0;e;){if(8===e.nodeType){var n=e.data;if("/$"===n){if(0===t){oa=co(e.nextSibling);break e}t--}else"$"!==n&&"$!"!==n&&"$?"!==n||t++}e=e.nextSibling}oa=null}}else oa=ra?co(e.stateNode.nextSibling):null;return!0}function fa(){for(var e=oa;e;)e=co(e.nextSibling)}function ma(){oa=ra=null,aa=!1}function ha(e){null===ia?ia=[e]:ia.push(e)}var ga=w.ReactCurrentBatchConfig;function ba(e,t,n){if(null!==(e=n.ref)&&"function"!=typeof e&&"object"!=typeof e){if(n._owner){if(n=n._owner){if(1!==n.tag)throw Error(a(309));var r=n.stateNode}if(!r)throw Error(a(147,e));var o=r,i=""+e;return null!==t&&null!==t.ref&&"function"==typeof t.ref&&t.ref._stringRef===i?t.ref:(t=function(e){var t=o.refs;null===e?delete t[i]:t[i]=e},t._stringRef=i,t)}if("string"!=typeof e)throw Error(a(284));if(!n._owner)throw Error(a(290,e))}return e}function ya(e,t){throw e=Object.prototype.toString.call(t),Error(a(31,"[object Object]"===e?"object with keys {"+Object.keys(t).join(", ")+"}":e))}function va(e){return(0,e._init)(e._payload)}function wa(e){function t(t,n){if(e){var r=t.deletions;null===r?(t.deletions=[n],t.flags|=16):r.push(n)}}function n(n,r){if(!e)return null;for(;null!==r;)t(n,r),r=r.sibling;return null}function r(e,t){for(e=new Map;null!==t;)null!==t.key?e.set(t.key,t):e.set(t.index,t),t=t.sibling;return e}function o(e,t){return(e=Ic(e,t)).index=0,e.sibling=null,e}function i(t,n,r){return t.index=r,e?null!==(r=t.alternate)?(r=r.index)<n?(t.flags|=2,n):r:(t.flags|=2,n):(t.flags|=1048576,n)}function s(t){return e&&null===t.alternate&&(t.flags|=2),t}function l(e,t,n,r){return null===t||6!==t.tag?((t=Mc(n,e.mode,r)).return=e,t):((t=o(t,n)).return=e,t)}function c(e,t,n,r){var a=n.type;return a===x?d(e,t,n.props.children,r,n.key):null!==t&&(t.elementType===a||"object"==typeof a&&null!==a&&a.$$typeof===L&&va(a)===t.type)?((r=o(t,n.props)).ref=ba(e,t,n),r.return=e,r):((r=Nc(n.type,n.key,n.props,null,e.mode,r)).ref=ba(e,t,n),r.return=e,r)}function u(e,t,n,r){return null===t||4!==t.tag||t.stateNode.containerInfo!==n.containerInfo||t.stateNode.implementation!==n.implementation?((t=Fc(n,e.mode,r)).return=e,t):((t=o(t,n.children||[])).return=e,t)}function d(e,t,n,r,a){return null===t||7!==t.tag?((t=Rc(n,e.mode,r,a)).return=e,t):((t=o(t,n)).return=e,t)}function p(e,t,n){if("string"==typeof t&&""!==t||"number"==typeof t)return(t=Mc(""+t,e.mode,n)).return=e,t;if("object"==typeof t&&null!==t){switch(t.$$typeof){case S:return(n=Nc(t.type,t.key,t.props,null,e.mode,n)).ref=ba(e,null,t),n.return=e,n;case k:return(t=Fc(t,e.mode,n)).return=e,t;case L:return p(e,(0,t._init)(t._payload),n)}if(te(t)||R(t))return(t=Rc(t,e.mode,n,null)).return=e,t;ya(e,t)}return null}function f(e,t,n,r){var o=null!==t?t.key:null;if("string"==typeof n&&""!==n||"number"==typeof n)return null!==o?null:l(e,t,""+n,r);if("object"==typeof n&&null!==n){switch(n.$$typeof){case S:return n.key===o?c(e,t,n,r):null;case k:return n.key===o?u(e,t,n,r):null;case L:return f(e,t,(o=n._init)(n._payload),r)}if(te(n)||R(n))return null!==o?null:d(e,t,n,r,null);ya(e,n)}return null}function m(e,t,n,r,o){if("string"==typeof r&&""!==r||"number"==typeof r)return l(t,e=e.get(n)||null,""+r,o);if("object"==typeof r&&null!==r){switch(r.$$typeof){case S:return c(t,e=e.get(null===r.key?n:r.key)||null,r,o);case k:return u(t,e=e.get(null===r.key?n:r.key)||null,r,o);case L:return m(e,t,n,(0,r._init)(r._payload),o)}if(te(r)||R(r))return d(t,e=e.get(n)||null,r,o,null);ya(t,r)}return null}function h(o,a,s,l){for(var c=null,u=null,d=a,h=a=0,g=null;null!==d&&h<s.length;h++){d.index>h?(g=d,d=null):g=d.sibling;var b=f(o,d,s[h],l);if(null===b){null===d&&(d=g);break}e&&d&&null===b.alternate&&t(o,d),a=i(b,a,h),null===u?c=b:u.sibling=b,u=b,d=g}if(h===s.length)return n(o,d),aa&&Xo(o,h),c;if(null===d){for(;h<s.length;h++)null!==(d=p(o,s[h],l))&&(a=i(d,a,h),null===u?c=d:u.sibling=d,u=d);return aa&&Xo(o,h),c}for(d=r(o,d);h<s.length;h++)null!==(g=m(d,o,h,s[h],l))&&(e&&null!==g.alternate&&d.delete(null===g.key?h:g.key),a=i(g,a,h),null===u?c=g:u.sibling=g,u=g);return e&&d.forEach((function(e){return t(o,e)})),aa&&Xo(o,h),c}function g(o,s,l,c){var u=R(l);if("function"!=typeof u)throw Error(a(150));if(null==(l=u.call(l)))throw Error(a(151));for(var d=u=null,h=s,g=s=0,b=null,y=l.next();null!==h&&!y.done;g++,y=l.next()){h.index>g?(b=h,h=null):b=h.sibling;var v=f(o,h,y.value,c);if(null===v){null===h&&(h=b);break}e&&h&&null===v.alternate&&t(o,h),s=i(v,s,g),null===d?u=v:d.sibling=v,d=v,h=b}if(y.done)return n(o,h),aa&&Xo(o,g),u;if(null===h){for(;!y.done;g++,y=l.next())null!==(y=p(o,y.value,c))&&(s=i(y,s,g),null===d?u=y:d.sibling=y,d=y);return aa&&Xo(o,g),u}for(h=r(o,h);!y.done;g++,y=l.next())null!==(y=m(h,o,g,y.value,c))&&(e&&null!==y.alternate&&h.delete(null===y.key?g:y.key),s=i(y,s,g),null===d?u=y:d.sibling=y,d=y);return e&&h.forEach((function(e){return t(o,e)})),aa&&Xo(o,g),u}return function e(r,a,i,l){if("object"==typeof i&&null!==i&&i.type===x&&null===i.key&&(i=i.props.children),"object"==typeof i&&null!==i){switch(i.$$typeof){case S:e:{for(var c=i.key,u=a;null!==u;){if(u.key===c){if((c=i.type)===x){if(7===u.tag){n(r,u.sibling),(a=o(u,i.props.children)).return=r,r=a;break e}}else if(u.elementType===c||"object"==typeof c&&null!==c&&c.$$typeof===L&&va(c)===u.type){n(r,u.sibling),(a=o(u,i.props)).ref=ba(r,u,i),a.return=r,r=a;break e}n(r,u);break}t(r,u),u=u.sibling}i.type===x?((a=Rc(i.props.children,r.mode,l,i.key)).return=r,r=a):((l=Nc(i.type,i.key,i.props,null,r.mode,l)).ref=ba(r,a,i),l.return=r,r=l)}return s(r);case k:e:{for(u=i.key;null!==a;){if(a.key===u){if(4===a.tag&&a.stateNode.containerInfo===i.containerInfo&&a.stateNode.implementation===i.implementation){n(r,a.sibling),(a=o(a,i.children||[])).return=r,r=a;break e}n(r,a);break}t(r,a),a=a.sibling}(a=Fc(i,r.mode,l)).return=r,r=a}return s(r);case L:return e(r,a,(u=i._init)(i._payload),l)}if(te(i))return h(r,a,i,l);if(R(i))return g(r,a,i,l);ya(r,i)}return"string"==typeof i&&""!==i||"number"==typeof i?(i=""+i,null!==a&&6===a.tag?(n(r,a.sibling),(a=o(a,i)).return=r,r=a):(n(r,a),(a=Mc(i,r.mode,l)).return=r,r=a),s(r)):n(r,a)}}var Sa=wa(!0),ka=wa(!1),xa=_o(null),Ea=null,_a=null,Ca=null;function ja(){Ca=_a=Ea=null}function Oa(e){var t=xa.current;Co(xa),e._currentValue=t}function Aa(e,t,n){for(;null!==e;){var r=e.alternate;if((e.childLanes&t)!==t?(e.childLanes|=t,null!==r&&(r.childLanes|=t)):null!==r&&(r.childLanes&t)!==t&&(r.childLanes|=t),e===n)break;e=e.return}}function Ta(e,t){Ea=e,Ca=_a=null,null!==(e=e.dependencies)&&null!==e.firstContext&&(!!(e.lanes&t)&&(vs=!0),e.firstContext=null)}function Pa(e){var t=e._currentValue;if(Ca!==e)if(e={context:e,memoizedValue:t,next:null},null===_a){if(null===Ea)throw Error(a(308));_a=e,Ea.dependencies={lanes:0,firstContext:e}}else _a=_a.next=e;return t}var La=null;function Ia(e){null===La?La=[e]:La.push(e)}function Na(e,t,n,r){var o=t.interleaved;return null===o?(n.next=n,Ia(t)):(n.next=o.next,o.next=n),t.interleaved=n,Ra(e,r)}function Ra(e,t){e.lanes|=t;var n=e.alternate;for(null!==n&&(n.lanes|=t),n=e,e=e.return;null!==e;)e.childLanes|=t,null!==(n=e.alternate)&&(n.childLanes|=t),n=e,e=e.return;return 3===n.tag?n.stateNode:null}var Da=!1;function Ma(e){e.updateQueue={baseState:e.memoizedState,firstBaseUpdate:null,lastBaseUpdate:null,shared:{pending:null,interleaved:null,lanes:0},effects:null}}function Fa(e,t){e=e.updateQueue,t.updateQueue===e&&(t.updateQueue={baseState:e.baseState,firstBaseUpdate:e.firstBaseUpdate,lastBaseUpdate:e.lastBaseUpdate,shared:e.shared,effects:e.effects})}function za(e,t){return{eventTime:e,lane:t,tag:0,payload:null,callback:null,next:null}}function Ba(e,t,n){var r=e.updateQueue;if(null===r)return null;if(r=r.shared,2&Ol){var o=r.pending;return null===o?t.next=t:(t.next=o.next,o.next=t),r.pending=t,Ra(e,n)}return null===(o=r.interleaved)?(t.next=t,Ia(r)):(t.next=o.next,o.next=t),r.interleaved=t,Ra(e,n)}function Ua(e,t,n){if(null!==(t=t.updateQueue)&&(t=t.shared,4194240&n)){var r=t.lanes;n|=r&=e.pendingLanes,t.lanes=n,yt(e,n)}}function qa(e,t){var n=e.updateQueue,r=e.alternate;if(null!==r&&n===(r=r.updateQueue)){var o=null,a=null;if(null!==(n=n.firstBaseUpdate)){do{var i={eventTime:n.eventTime,lane:n.lane,tag:n.tag,payload:n.payload,callback:n.callback,next:null};null===a?o=a=i:a=a.next=i,n=n.next}while(null!==n);null===a?o=a=t:a=a.next=t}else o=a=t;return n={baseState:r.baseState,firstBaseUpdate:o,lastBaseUpdate:a,shared:r.shared,effects:r.effects},void(e.updateQueue=n)}null===(e=n.lastBaseUpdate)?n.firstBaseUpdate=t:e.next=t,n.lastBaseUpdate=t}function $a(e,t,n,r){var o=e.updateQueue;Da=!1;var a=o.firstBaseUpdate,i=o.lastBaseUpdate,s=o.shared.pending;if(null!==s){o.shared.pending=null;var l=s,c=l.next;l.next=null,null===i?a=c:i.next=c,i=l;var u=e.alternate;null!==u&&((s=(u=u.updateQueue).lastBaseUpdate)!==i&&(null===s?u.firstBaseUpdate=c:s.next=c,u.lastBaseUpdate=l))}if(null!==a){var d=o.baseState;for(i=0,u=c=l=null,s=a;;){var p=s.lane,f=s.eventTime;if((r&p)===p){null!==u&&(u=u.next={eventTime:f,lane:0,tag:s.tag,payload:s.payload,callback:s.callback,next:null});e:{var m=e,h=s;switch(p=t,f=n,h.tag){case 1:if("function"==typeof(m=h.payload)){d=m.call(f,d,p);break e}d=m;break e;case 3:m.flags=-65537&m.flags|128;case 0:if(null==(p="function"==typeof(m=h.payload)?m.call(f,d,p):m))break e;d=M({},d,p);break e;case 2:Da=!0}}null!==s.callback&&0!==s.lane&&(e.flags|=64,null===(p=o.effects)?o.effects=[s]:p.push(s))}else f={eventTime:f,lane:p,tag:s.tag,payload:s.payload,callback:s.callback,next:null},null===u?(c=u=f,l=d):u=u.next=f,i|=p;if(null===(s=s.next)){if(null===(s=o.shared.pending))break;s=(p=s).next,p.next=null,o.lastBaseUpdate=p,o.shared.pending=null}}if(null===u&&(l=d),o.baseState=l,o.firstBaseUpdate=c,o.lastBaseUpdate=u,null!==(t=o.shared.interleaved)){o=t;do{i|=o.lane,o=o.next}while(o!==t)}else null===a&&(o.shared.lanes=0);Dl|=i,e.lanes=i,e.memoizedState=d}}function Ha(e,t,n){if(e=t.effects,t.effects=null,null!==e)for(t=0;t<e.length;t++){var r=e[t],o=r.callback;if(null!==o){if(r.callback=null,r=n,"function"!=typeof o)throw Error(a(191,o));o.call(r)}}}var Va={},Ga=_o(Va),Wa=_o(Va),Ka=_o(Va);function Qa(e){if(e===Va)throw Error(a(174));return e}function Ya(e,t){switch(jo(Ka,t),jo(Wa,e),jo(Ga,Va),e=t.nodeType){case 9:case 11:t=(t=t.documentElement)?t.namespaceURI:le(null,"");break;default:t=le(t=(e=8===e?t.parentNode:t).namespaceURI||null,e=e.tagName)}Co(Ga),jo(Ga,t)}function Za(){Co(Ga),Co(Wa),Co(Ka)}function Ja(e){Qa(Ka.current);var t=Qa(Ga.current),n=le(t,e.type);t!==n&&(jo(Wa,e),jo(Ga,n))}function Xa(e){Wa.current===e&&(Co(Ga),Co(Wa))}var ei=_o(0);function ti(e){for(var t=e;null!==t;){if(13===t.tag){var n=t.memoizedState;if(null!==n&&(null===(n=n.dehydrated)||"$?"===n.data||"$!"===n.data))return t}else if(19===t.tag&&void 0!==t.memoizedProps.revealOrder){if(128&t.flags)return t}else if(null!==t.child){t.child.return=t,t=t.child;continue}if(t===e)break;for(;null===t.sibling;){if(null===t.return||t.return===e)return null;t=t.return}t.sibling.return=t.return,t=t.sibling}return null}var ni=[];function ri(){for(var e=0;e<ni.length;e++)ni[e]._workInProgressVersionPrimary=null;ni.length=0}var oi=w.ReactCurrentDispatcher,ai=w.ReactCurrentBatchConfig,ii=0,si=null,li=null,ci=null,ui=!1,di=!1,pi=0,fi=0;function mi(){throw Error(a(321))}function hi(e,t){if(null===t)return!1;for(var n=0;n<t.length&&n<e.length;n++)if(!sr(e[n],t[n]))return!1;return!0}function gi(e,t,n,r,o,i){if(ii=i,si=t,t.memoizedState=null,t.updateQueue=null,t.lanes=0,oi.current=null===e||null===e.memoizedState?Xi:es,e=n(r,o),di){i=0;do{if(di=!1,pi=0,25<=i)throw Error(a(301));i+=1,ci=li=null,t.updateQueue=null,oi.current=ts,e=n(r,o)}while(di)}if(oi.current=Ji,t=null!==li&&null!==li.next,ii=0,ci=li=si=null,ui=!1,t)throw Error(a(300));return e}function bi(){var e=0!==pi;return pi=0,e}function yi(){var e={memoizedState:null,baseState:null,baseQueue:null,queue:null,next:null};return null===ci?si.memoizedState=ci=e:ci=ci.next=e,ci}function vi(){if(null===li){var e=si.alternate;e=null!==e?e.memoizedState:null}else e=li.next;var t=null===ci?si.memoizedState:ci.next;if(null!==t)ci=t,li=e;else{if(null===e)throw Error(a(310));e={memoizedState:(li=e).memoizedState,baseState:li.baseState,baseQueue:li.baseQueue,queue:li.queue,next:null},null===ci?si.memoizedState=ci=e:ci=ci.next=e}return ci}function wi(e,t){return"function"==typeof t?t(e):t}function Si(e){var t=vi(),n=t.queue;if(null===n)throw Error(a(311));n.lastRenderedReducer=e;var r=li,o=r.baseQueue,i=n.pending;if(null!==i){if(null!==o){var s=o.next;o.next=i.next,i.next=s}r.baseQueue=o=i,n.pending=null}if(null!==o){i=o.next,r=r.baseState;var l=s=null,c=null,u=i;do{var d=u.lane;if((ii&d)===d)null!==c&&(c=c.next={lane:0,action:u.action,hasEagerState:u.hasEagerState,eagerState:u.eagerState,next:null}),r=u.hasEagerState?u.eagerState:e(r,u.action);else{var p={lane:d,action:u.action,hasEagerState:u.hasEagerState,eagerState:u.eagerState,next:null};null===c?(l=c=p,s=r):c=c.next=p,si.lanes|=d,Dl|=d}u=u.next}while(null!==u&&u!==i);null===c?s=r:c.next=l,sr(r,t.memoizedState)||(vs=!0),t.memoizedState=r,t.baseState=s,t.baseQueue=c,n.lastRenderedState=r}if(null!==(e=n.interleaved)){o=e;do{i=o.lane,si.lanes|=i,Dl|=i,o=o.next}while(o!==e)}else null===o&&(n.lanes=0);return[t.memoizedState,n.dispatch]}function ki(e){var t=vi(),n=t.queue;if(null===n)throw Error(a(311));n.lastRenderedReducer=e;var r=n.dispatch,o=n.pending,i=t.memoizedState;if(null!==o){n.pending=null;var s=o=o.next;do{i=e(i,s.action),s=s.next}while(s!==o);sr(i,t.memoizedState)||(vs=!0),t.memoizedState=i,null===t.baseQueue&&(t.baseState=i),n.lastRenderedState=i}return[i,r]}function xi(){}function Ei(e,t){var n=si,r=vi(),o=t(),i=!sr(r.memoizedState,o);if(i&&(r.memoizedState=o,vs=!0),r=r.queue,Di(ji.bind(null,n,r,e),[e]),r.getSnapshot!==t||i||null!==ci&&1&ci.memoizedState.tag){if(n.flags|=2048,Pi(9,Ci.bind(null,n,r,o,t),void 0,null),null===Al)throw Error(a(349));30&ii||_i(n,t,o)}return o}function _i(e,t,n){e.flags|=16384,e={getSnapshot:t,value:n},null===(t=si.updateQueue)?(t={lastEffect:null,stores:null},si.updateQueue=t,t.stores=[e]):null===(n=t.stores)?t.stores=[e]:n.push(e)}function Ci(e,t,n,r){t.value=n,t.getSnapshot=r,Oi(t)&&Ai(e)}function ji(e,t,n){return n((function(){Oi(t)&&Ai(e)}))}function Oi(e){var t=e.getSnapshot;e=e.value;try{var n=t();return!sr(e,n)}catch(r){return!0}}function Ai(e){var t=Ra(e,1);null!==t&&nc(t,e,1,-1)}function Ti(e){var t=yi();return"function"==typeof e&&(e=e()),t.memoizedState=t.baseState=e,e={pending:null,interleaved:null,lanes:0,dispatch:null,lastRenderedReducer:wi,lastRenderedState:e},t.queue=e,e=e.dispatch=Ki.bind(null,si,e),[t.memoizedState,e]}function Pi(e,t,n,r){return e={tag:e,create:t,destroy:n,deps:r,next:null},null===(t=si.updateQueue)?(t={lastEffect:null,stores:null},si.updateQueue=t,t.lastEffect=e.next=e):null===(n=t.lastEffect)?t.lastEffect=e.next=e:(r=n.next,n.next=e,e.next=r,t.lastEffect=e),e}function Li(){return vi().memoizedState}function Ii(e,t,n,r){var o=yi();si.flags|=e,o.memoizedState=Pi(1|t,n,void 0,void 0===r?null:r)}function Ni(e,t,n,r){var o=vi();r=void 0===r?null:r;var a=void 0;if(null!==li){var i=li.memoizedState;if(a=i.destroy,null!==r&&hi(r,i.deps))return void(o.memoizedState=Pi(t,n,a,r))}si.flags|=e,o.memoizedState=Pi(1|t,n,a,r)}function Ri(e,t){return Ii(8390656,8,e,t)}function Di(e,t){return Ni(2048,8,e,t)}function Mi(e,t){return Ni(4,2,e,t)}function Fi(e,t){return Ni(4,4,e,t)}function zi(e,t){return"function"==typeof t?(e=e(),t(e),function(){t(null)}):null!=t?(e=e(),t.current=e,function(){t.current=null}):void 0}function Bi(e,t,n){return n=null!=n?n.concat([e]):null,Ni(4,4,zi.bind(null,t,e),n)}function Ui(){}function qi(e,t){var n=vi();t=void 0===t?null:t;var r=n.memoizedState;return null!==r&&null!==t&&hi(t,r[1])?r[0]:(n.memoizedState=[e,t],e)}function $i(e,t){var n=vi();t=void 0===t?null:t;var r=n.memoizedState;return null!==r&&null!==t&&hi(t,r[1])?r[0]:(e=e(),n.memoizedState=[e,t],e)}function Hi(e,t,n){return 21&ii?(sr(n,t)||(n=ht(),si.lanes|=n,Dl|=n,e.baseState=!0),t):(e.baseState&&(e.baseState=!1,vs=!0),e.memoizedState=n)}function Vi(e,t){var n=vt;vt=0!==n&&4>n?n:4,e(!0);var r=ai.transition;ai.transition={};try{e(!1),t()}finally{vt=n,ai.transition=r}}function Gi(){return vi().memoizedState}function Wi(e,t,n){var r=tc(e);if(n={lane:r,action:n,hasEagerState:!1,eagerState:null,next:null},Qi(e))Yi(t,n);else if(null!==(n=Na(e,t,n,r))){nc(n,e,r,ec()),Zi(n,t,r)}}function Ki(e,t,n){var r=tc(e),o={lane:r,action:n,hasEagerState:!1,eagerState:null,next:null};if(Qi(e))Yi(t,o);else{var a=e.alternate;if(0===e.lanes&&(null===a||0===a.lanes)&&null!==(a=t.lastRenderedReducer))try{var i=t.lastRenderedState,s=a(i,n);if(o.hasEagerState=!0,o.eagerState=s,sr(s,i)){var l=t.interleaved;return null===l?(o.next=o,Ia(t)):(o.next=l.next,l.next=o),void(t.interleaved=o)}}catch(c){}null!==(n=Na(e,t,o,r))&&(nc(n,e,r,o=ec()),Zi(n,t,r))}}function Qi(e){var t=e.alternate;return e===si||null!==t&&t===si}function Yi(e,t){di=ui=!0;var n=e.pending;null===n?t.next=t:(t.next=n.next,n.next=t),e.pending=t}function Zi(e,t,n){if(4194240&n){var r=t.lanes;n|=r&=e.pendingLanes,t.lanes=n,yt(e,n)}}var Ji={readContext:Pa,useCallback:mi,useContext:mi,useEffect:mi,useImperativeHandle:mi,useInsertionEffect:mi,useLayoutEffect:mi,useMemo:mi,useReducer:mi,useRef:mi,useState:mi,useDebugValue:mi,useDeferredValue:mi,useTransition:mi,useMutableSource:mi,useSyncExternalStore:mi,useId:mi,unstable_isNewReconciler:!1},Xi={readContext:Pa,useCallback:function(e,t){return yi().memoizedState=[e,void 0===t?null:t],e},useContext:Pa,useEffect:Ri,useImperativeHandle:function(e,t,n){return n=null!=n?n.concat([e]):null,Ii(4194308,4,zi.bind(null,t,e),n)},useLayoutEffect:function(e,t){return Ii(4194308,4,e,t)},useInsertionEffect:function(e,t){return Ii(4,2,e,t)},useMemo:function(e,t){var n=yi();return t=void 0===t?null:t,e=e(),n.memoizedState=[e,t],e},useReducer:function(e,t,n){var r=yi();return t=void 0!==n?n(t):t,r.memoizedState=r.baseState=t,e={pending:null,interleaved:null,lanes:0,dispatch:null,lastRenderedReducer:e,lastRenderedState:t},r.queue=e,e=e.dispatch=Wi.bind(null,si,e),[r.memoizedState,e]},useRef:function(e){return e={current:e},yi().memoizedState=e},useState:Ti,useDebugValue:Ui,useDeferredValue:function(e){return yi().memoizedState=e},useTransition:function(){var e=Ti(!1),t=e[0];return e=Vi.bind(null,e[1]),yi().memoizedState=e,[t,e]},useMutableSource:function(){},useSyncExternalStore:function(e,t,n){var r=si,o=yi();if(aa){if(void 0===n)throw Error(a(407));n=n()}else{if(n=t(),null===Al)throw Error(a(349));30&ii||_i(r,t,n)}o.memoizedState=n;var i={value:n,getSnapshot:t};return o.queue=i,Ri(ji.bind(null,r,i,e),[e]),r.flags|=2048,Pi(9,Ci.bind(null,r,i,n,t),void 0,null),n},useId:function(){var e=yi(),t=Al.identifierPrefix;if(aa){var n=Jo;t=":"+t+"R"+(n=(Zo&~(1<<32-it(Zo)-1)).toString(32)+n),0<(n=pi++)&&(t+="H"+n.toString(32)),t+=":"}else t=":"+t+"r"+(n=fi++).toString(32)+":";return e.memoizedState=t},unstable_isNewReconciler:!1},es={readContext:Pa,useCallback:qi,useContext:Pa,useEffect:Di,useImperativeHandle:Bi,useInsertionEffect:Mi,useLayoutEffect:Fi,useMemo:$i,useReducer:Si,useRef:Li,useState:function(){return Si(wi)},useDebugValue:Ui,useDeferredValue:function(e){return Hi(vi(),li.memoizedState,e)},useTransition:function(){return[Si(wi)[0],vi().memoizedState]},useMutableSource:xi,useSyncExternalStore:Ei,useId:Gi,unstable_isNewReconciler:!1},ts={readContext:Pa,useCallback:qi,useContext:Pa,useEffect:Di,useImperativeHandle:Bi,useInsertionEffect:Mi,useLayoutEffect:Fi,useMemo:$i,useReducer:ki,useRef:Li,useState:function(){return ki(wi)},useDebugValue:Ui,useDeferredValue:function(e){var t=vi();return null===li?t.memoizedState=e:Hi(t,li.memoizedState,e)},useTransition:function(){return[ki(wi)[0],vi().memoizedState]},useMutableSource:xi,useSyncExternalStore:Ei,useId:Gi,unstable_isNewReconciler:!1};function ns(e,t){if(e&&e.defaultProps){for(var n in t=M({},t),e=e.defaultProps)void 0===t[n]&&(t[n]=e[n]);return t}return t}function rs(e,t,n,r){n=null==(n=n(r,t=e.memoizedState))?t:M({},t,n),e.memoizedState=n,0===e.lanes&&(e.updateQueue.baseState=n)}var os={isMounted:function(e){return!!(e=e._reactInternals)&&qe(e)===e},enqueueSetState:function(e,t,n){e=e._reactInternals;var r=ec(),o=tc(e),a=za(r,o);a.payload=t,null!=n&&(a.callback=n),null!==(t=Ba(e,a,o))&&(nc(t,e,o,r),Ua(t,e,o))},enqueueReplaceState:function(e,t,n){e=e._reactInternals;var r=ec(),o=tc(e),a=za(r,o);a.tag=1,a.payload=t,null!=n&&(a.callback=n),null!==(t=Ba(e,a,o))&&(nc(t,e,o,r),Ua(t,e,o))},enqueueForceUpdate:function(e,t){e=e._reactInternals;var n=ec(),r=tc(e),o=za(n,r);o.tag=2,null!=t&&(o.callback=t),null!==(t=Ba(e,o,r))&&(nc(t,e,r,n),Ua(t,e,r))}};function as(e,t,n,r,o,a,i){return"function"==typeof(e=e.stateNode).shouldComponentUpdate?e.shouldComponentUpdate(r,a,i):!t.prototype||!t.prototype.isPureReactComponent||(!lr(n,r)||!lr(o,a))}function is(e,t,n){var r=!1,o=Oo,a=t.contextType;return"object"==typeof a&&null!==a?a=Pa(a):(o=Io(t)?Po:Ao.current,a=(r=null!=(r=t.contextTypes))?Lo(e,o):Oo),t=new t(n,a),e.memoizedState=null!==t.state&&void 0!==t.state?t.state:null,t.updater=os,e.stateNode=t,t._reactInternals=e,r&&((e=e.stateNode).__reactInternalMemoizedUnmaskedChildContext=o,e.__reactInternalMemoizedMaskedChildContext=a),t}function ss(e,t,n,r){e=t.state,"function"==typeof t.componentWillReceiveProps&&t.componentWillReceiveProps(n,r),"function"==typeof t.UNSAFE_componentWillReceiveProps&&t.UNSAFE_componentWillReceiveProps(n,r),t.state!==e&&os.enqueueReplaceState(t,t.state,null)}function ls(e,t,n,r){var o=e.stateNode;o.props=n,o.state=e.memoizedState,o.refs={},Ma(e);var a=t.contextType;"object"==typeof a&&null!==a?o.context=Pa(a):(a=Io(t)?Po:Ao.current,o.context=Lo(e,a)),o.state=e.memoizedState,"function"==typeof(a=t.getDerivedStateFromProps)&&(rs(e,t,a,n),o.state=e.memoizedState),"function"==typeof t.getDerivedStateFromProps||"function"==typeof o.getSnapshotBeforeUpdate||"function"!=typeof o.UNSAFE_componentWillMount&&"function"!=typeof o.componentWillMount||(t=o.state,"function"==typeof o.componentWillMount&&o.componentWillMount(),"function"==typeof o.UNSAFE_componentWillMount&&o.UNSAFE_componentWillMount(),t!==o.state&&os.enqueueReplaceState(o,o.state,null),$a(e,n,o,r),o.state=e.memoizedState),"function"==typeof o.componentDidMount&&(e.flags|=4194308)}function cs(e,t){try{var n="",r=t;do{n+=U(r),r=r.return}while(r);var o=n}catch(a){o="\nError generating stack: "+a.message+"\n"+a.stack}return{value:e,source:t,stack:o,digest:null}}function us(e,t,n){return{value:e,source:null,stack:null!=n?n:null,digest:null!=t?t:null}}function ds(e,t){try{console.error(t.value)}catch(n){setTimeout((function(){throw n}))}}var ps="function"==typeof WeakMap?WeakMap:Map;function fs(e,t,n){(n=za(-1,n)).tag=3,n.payload={element:null};var r=t.value;return n.callback=function(){Hl||(Hl=!0,Vl=r),ds(0,t)},n}function ms(e,t,n){(n=za(-1,n)).tag=3;var r=e.type.getDerivedStateFromError;if("function"==typeof r){var o=t.value;n.payload=function(){return r(o)},n.callback=function(){ds(0,t)}}var a=e.stateNode;return null!==a&&"function"==typeof a.componentDidCatch&&(n.callback=function(){ds(0,t),"function"!=typeof r&&(null===Gl?Gl=new Set([this]):Gl.add(this));var e=t.stack;this.componentDidCatch(t.value,{componentStack:null!==e?e:""})}),n}function hs(e,t,n){var r=e.pingCache;if(null===r){r=e.pingCache=new ps;var o=new Set;r.set(t,o)}else void 0===(o=r.get(t))&&(o=new Set,r.set(t,o));o.has(n)||(o.add(n),e=_c.bind(null,e,t,n),t.then(e,e))}function gs(e){do{var t;if((t=13===e.tag)&&(t=null===(t=e.memoizedState)||null!==t.dehydrated),t)return e;e=e.return}while(null!==e);return null}function bs(e,t,n,r,o){return 1&e.mode?(e.flags|=65536,e.lanes=o,e):(e===t?e.flags|=65536:(e.flags|=128,n.flags|=131072,n.flags&=-52805,1===n.tag&&(null===n.alternate?n.tag=17:((t=za(-1,1)).tag=2,Ba(n,t,1))),n.lanes|=1),e)}var ys=w.ReactCurrentOwner,vs=!1;function ws(e,t,n,r){t.child=null===e?ka(t,null,n,r):Sa(t,e.child,n,r)}function Ss(e,t,n,r,o){n=n.render;var a=t.ref;return Ta(t,o),r=gi(e,t,n,r,a,o),n=bi(),null===e||vs?(aa&&n&&ta(t),t.flags|=1,ws(e,t,r,o),t.child):(t.updateQueue=e.updateQueue,t.flags&=-2053,e.lanes&=~o,Hs(e,t,o))}function ks(e,t,n,r,o){if(null===e){var a=n.type;return"function"!=typeof a||Lc(a)||void 0!==a.defaultProps||null!==n.compare||void 0!==n.defaultProps?((e=Nc(n.type,null,r,t,t.mode,o)).ref=t.ref,e.return=t,t.child=e):(t.tag=15,t.type=a,xs(e,t,a,r,o))}if(a=e.child,!(e.lanes&o)){var i=a.memoizedProps;if((n=null!==(n=n.compare)?n:lr)(i,r)&&e.ref===t.ref)return Hs(e,t,o)}return t.flags|=1,(e=Ic(a,r)).ref=t.ref,e.return=t,t.child=e}function xs(e,t,n,r,o){if(null!==e){var a=e.memoizedProps;if(lr(a,r)&&e.ref===t.ref){if(vs=!1,t.pendingProps=r=a,!(e.lanes&o))return t.lanes=e.lanes,Hs(e,t,o);131072&e.flags&&(vs=!0)}}return Cs(e,t,n,r,o)}function Es(e,t,n){var r=t.pendingProps,o=r.children,a=null!==e?e.memoizedState:null;if("hidden"===r.mode)if(1&t.mode){if(!(1073741824&n))return e=null!==a?a.baseLanes|n:n,t.lanes=t.childLanes=1073741824,t.memoizedState={baseLanes:e,cachePool:null,transitions:null},t.updateQueue=null,jo(Il,Ll),Ll|=e,null;t.memoizedState={baseLanes:0,cachePool:null,transitions:null},r=null!==a?a.baseLanes:n,jo(Il,Ll),Ll|=r}else t.memoizedState={baseLanes:0,cachePool:null,transitions:null},jo(Il,Ll),Ll|=n;else null!==a?(r=a.baseLanes|n,t.memoizedState=null):r=n,jo(Il,Ll),Ll|=r;return ws(e,t,o,n),t.child}function _s(e,t){var n=t.ref;(null===e&&null!==n||null!==e&&e.ref!==n)&&(t.flags|=512,t.flags|=2097152)}function Cs(e,t,n,r,o){var a=Io(n)?Po:Ao.current;return a=Lo(t,a),Ta(t,o),n=gi(e,t,n,r,a,o),r=bi(),null===e||vs?(aa&&r&&ta(t),t.flags|=1,ws(e,t,n,o),t.child):(t.updateQueue=e.updateQueue,t.flags&=-2053,e.lanes&=~o,Hs(e,t,o))}function js(e,t,n,r,o){if(Io(n)){var a=!0;Mo(t)}else a=!1;if(Ta(t,o),null===t.stateNode)$s(e,t),is(t,n,r),ls(t,n,r,o),r=!0;else if(null===e){var i=t.stateNode,s=t.memoizedProps;i.props=s;var l=i.context,c=n.contextType;"object"==typeof c&&null!==c?c=Pa(c):c=Lo(t,c=Io(n)?Po:Ao.current);var u=n.getDerivedStateFromProps,d="function"==typeof u||"function"==typeof i.getSnapshotBeforeUpdate;d||"function"!=typeof i.UNSAFE_componentWillReceiveProps&&"function"!=typeof i.componentWillReceiveProps||(s!==r||l!==c)&&ss(t,i,r,c),Da=!1;var p=t.memoizedState;i.state=p,$a(t,r,i,o),l=t.memoizedState,s!==r||p!==l||To.current||Da?("function"==typeof u&&(rs(t,n,u,r),l=t.memoizedState),(s=Da||as(t,n,s,r,p,l,c))?(d||"function"!=typeof i.UNSAFE_componentWillMount&&"function"!=typeof i.componentWillMount||("function"==typeof i.componentWillMount&&i.componentWillMount(),"function"==typeof i.UNSAFE_componentWillMount&&i.UNSAFE_componentWillMount()),"function"==typeof i.componentDidMount&&(t.flags|=4194308)):("function"==typeof i.componentDidMount&&(t.flags|=4194308),t.memoizedProps=r,t.memoizedState=l),i.props=r,i.state=l,i.context=c,r=s):("function"==typeof i.componentDidMount&&(t.flags|=4194308),r=!1)}else{i=t.stateNode,Fa(e,t),s=t.memoizedProps,c=t.type===t.elementType?s:ns(t.type,s),i.props=c,d=t.pendingProps,p=i.context,"object"==typeof(l=n.contextType)&&null!==l?l=Pa(l):l=Lo(t,l=Io(n)?Po:Ao.current);var f=n.getDerivedStateFromProps;(u="function"==typeof f||"function"==typeof i.getSnapshotBeforeUpdate)||"function"!=typeof i.UNSAFE_componentWillReceiveProps&&"function"!=typeof i.componentWillReceiveProps||(s!==d||p!==l)&&ss(t,i,r,l),Da=!1,p=t.memoizedState,i.state=p,$a(t,r,i,o);var m=t.memoizedState;s!==d||p!==m||To.current||Da?("function"==typeof f&&(rs(t,n,f,r),m=t.memoizedState),(c=Da||as(t,n,c,r,p,m,l)||!1)?(u||"function"!=typeof i.UNSAFE_componentWillUpdate&&"function"!=typeof i.componentWillUpdate||("function"==typeof i.componentWillUpdate&&i.componentWillUpdate(r,m,l),"function"==typeof i.UNSAFE_componentWillUpdate&&i.UNSAFE_componentWillUpdate(r,m,l)),"function"==typeof i.componentDidUpdate&&(t.flags|=4),"function"==typeof i.getSnapshotBeforeUpdate&&(t.flags|=1024)):("function"!=typeof i.componentDidUpdate||s===e.memoizedProps&&p===e.memoizedState||(t.flags|=4),"function"!=typeof i.getSnapshotBeforeUpdate||s===e.memoizedProps&&p===e.memoizedState||(t.flags|=1024),t.memoizedProps=r,t.memoizedState=m),i.props=r,i.state=m,i.context=l,r=c):("function"!=typeof i.componentDidUpdate||s===e.memoizedProps&&p===e.memoizedState||(t.flags|=4),"function"!=typeof i.getSnapshotBeforeUpdate||s===e.memoizedProps&&p===e.memoizedState||(t.flags|=1024),r=!1)}return Os(e,t,n,r,a,o)}function Os(e,t,n,r,o,a){_s(e,t);var i=!!(128&t.flags);if(!r&&!i)return o&&Fo(t,n,!1),Hs(e,t,a);r=t.stateNode,ys.current=t;var s=i&&"function"!=typeof n.getDerivedStateFromError?null:r.render();return t.flags|=1,null!==e&&i?(t.child=Sa(t,e.child,null,a),t.child=Sa(t,null,s,a)):ws(e,t,s,a),t.memoizedState=r.state,o&&Fo(t,n,!0),t.child}function As(e){var t=e.stateNode;t.pendingContext?Ro(0,t.pendingContext,t.pendingContext!==t.context):t.context&&Ro(0,t.context,!1),Ya(e,t.containerInfo)}function Ts(e,t,n,r,o){return ma(),ha(o),t.flags|=256,ws(e,t,n,r),t.child}var Ps,Ls,Is,Ns,Rs={dehydrated:null,treeContext:null,retryLane:0};function Ds(e){return{baseLanes:e,cachePool:null,transitions:null}}function Ms(e,t,n){var r,o=t.pendingProps,i=ei.current,s=!1,l=!!(128&t.flags);if((r=l)||(r=(null===e||null!==e.memoizedState)&&!!(2&i)),r?(s=!0,t.flags&=-129):null!==e&&null===e.memoizedState||(i|=1),jo(ei,1&i),null===e)return ua(t),null!==(e=t.memoizedState)&&null!==(e=e.dehydrated)?(1&t.mode?"$!"===e.data?t.lanes=8:t.lanes=1073741824:t.lanes=1,null):(l=o.children,e=o.fallback,s?(o=t.mode,s=t.child,l={mode:"hidden",children:l},1&o||null===s?s=Dc(l,o,0,null):(s.childLanes=0,s.pendingProps=l),e=Rc(e,o,n,null),s.return=t,e.return=t,s.sibling=e,t.child=s,t.child.memoizedState=Ds(n),t.memoizedState=Rs,e):Fs(t,l));if(null!==(i=e.memoizedState)&&null!==(r=i.dehydrated))return function(e,t,n,r,o,i,s){if(n)return 256&t.flags?(t.flags&=-257,zs(e,t,s,r=us(Error(a(422))))):null!==t.memoizedState?(t.child=e.child,t.flags|=128,null):(i=r.fallback,o=t.mode,r=Dc({mode:"visible",children:r.children},o,0,null),(i=Rc(i,o,s,null)).flags|=2,r.return=t,i.return=t,r.sibling=i,t.child=r,1&t.mode&&Sa(t,e.child,null,s),t.child.memoizedState=Ds(s),t.memoizedState=Rs,i);if(!(1&t.mode))return zs(e,t,s,null);if("$!"===o.data){if(r=o.nextSibling&&o.nextSibling.dataset)var l=r.dgst;return r=l,zs(e,t,s,r=us(i=Error(a(419)),r,void 0))}if(l=!!(s&e.childLanes),vs||l){if(null!==(r=Al)){switch(s&-s){case 4:o=2;break;case 16:o=8;break;case 64:case 128:case 256:case 512:case 1024:case 2048:case 4096:case 8192:case 16384:case 32768:case 65536:case 131072:case 262144:case 524288:case 1048576:case 2097152:case 4194304:case 8388608:case 16777216:case 33554432:case 67108864:o=32;break;case 536870912:o=268435456;break;default:o=0}0!==(o=o&(r.suspendedLanes|s)?0:o)&&o!==i.retryLane&&(i.retryLane=o,Ra(e,o),nc(r,e,o,-1))}return hc(),zs(e,t,s,r=us(Error(a(421))))}return"$?"===o.data?(t.flags|=128,t.child=e.child,t=jc.bind(null,e),o._reactRetry=t,null):(e=i.treeContext,oa=co(o.nextSibling),ra=t,aa=!0,ia=null,null!==e&&(Ko[Qo++]=Zo,Ko[Qo++]=Jo,Ko[Qo++]=Yo,Zo=e.id,Jo=e.overflow,Yo=t),t=Fs(t,r.children),t.flags|=4096,t)}(e,t,l,o,r,i,n);if(s){s=o.fallback,l=t.mode,r=(i=e.child).sibling;var c={mode:"hidden",children:o.children};return 1&l||t.child===i?(o=Ic(i,c)).subtreeFlags=14680064&i.subtreeFlags:((o=t.child).childLanes=0,o.pendingProps=c,t.deletions=null),null!==r?s=Ic(r,s):(s=Rc(s,l,n,null)).flags|=2,s.return=t,o.return=t,o.sibling=s,t.child=o,o=s,s=t.child,l=null===(l=e.child.memoizedState)?Ds(n):{baseLanes:l.baseLanes|n,cachePool:null,transitions:l.transitions},s.memoizedState=l,s.childLanes=e.childLanes&~n,t.memoizedState=Rs,o}return e=(s=e.child).sibling,o=Ic(s,{mode:"visible",children:o.children}),!(1&t.mode)&&(o.lanes=n),o.return=t,o.sibling=null,null!==e&&(null===(n=t.deletions)?(t.deletions=[e],t.flags|=16):n.push(e)),t.child=o,t.memoizedState=null,o}function Fs(e,t){return(t=Dc({mode:"visible",children:t},e.mode,0,null)).return=e,e.child=t}function zs(e,t,n,r){return null!==r&&ha(r),Sa(t,e.child,null,n),(e=Fs(t,t.pendingProps.children)).flags|=2,t.memoizedState=null,e}function Bs(e,t,n){e.lanes|=t;var r=e.alternate;null!==r&&(r.lanes|=t),Aa(e.return,t,n)}function Us(e,t,n,r,o){var a=e.memoizedState;null===a?e.memoizedState={isBackwards:t,rendering:null,renderingStartTime:0,last:r,tail:n,tailMode:o}:(a.isBackwards=t,a.rendering=null,a.renderingStartTime=0,a.last=r,a.tail=n,a.tailMode=o)}function qs(e,t,n){var r=t.pendingProps,o=r.revealOrder,a=r.tail;if(ws(e,t,r.children,n),2&(r=ei.current))r=1&r|2,t.flags|=128;else{if(null!==e&&128&e.flags)e:for(e=t.child;null!==e;){if(13===e.tag)null!==e.memoizedState&&Bs(e,n,t);else if(19===e.tag)Bs(e,n,t);else if(null!==e.child){e.child.return=e,e=e.child;continue}if(e===t)break e;for(;null===e.sibling;){if(null===e.return||e.return===t)break e;e=e.return}e.sibling.return=e.return,e=e.sibling}r&=1}if(jo(ei,r),1&t.mode)switch(o){case"forwards":for(n=t.child,o=null;null!==n;)null!==(e=n.alternate)&&null===ti(e)&&(o=n),n=n.sibling;null===(n=o)?(o=t.child,t.child=null):(o=n.sibling,n.sibling=null),Us(t,!1,o,n,a);break;case"backwards":for(n=null,o=t.child,t.child=null;null!==o;){if(null!==(e=o.alternate)&&null===ti(e)){t.child=o;break}e=o.sibling,o.sibling=n,n=o,o=e}Us(t,!0,n,null,a);break;case"together":Us(t,!1,null,null,void 0);break;default:t.memoizedState=null}else t.memoizedState=null;return t.child}function $s(e,t){!(1&t.mode)&&null!==e&&(e.alternate=null,t.alternate=null,t.flags|=2)}function Hs(e,t,n){if(null!==e&&(t.dependencies=e.dependencies),Dl|=t.lanes,!(n&t.childLanes))return null;if(null!==e&&t.child!==e.child)throw Error(a(153));if(null!==t.child){for(n=Ic(e=t.child,e.pendingProps),t.child=n,n.return=t;null!==e.sibling;)e=e.sibling,(n=n.sibling=Ic(e,e.pendingProps)).return=t;n.sibling=null}return t.child}function Vs(e,t){if(!aa)switch(e.tailMode){case"hidden":t=e.tail;for(var n=null;null!==t;)null!==t.alternate&&(n=t),t=t.sibling;null===n?e.tail=null:n.sibling=null;break;case"collapsed":n=e.tail;for(var r=null;null!==n;)null!==n.alternate&&(r=n),n=n.sibling;null===r?t||null===e.tail?e.tail=null:e.tail.sibling=null:r.sibling=null}}function Gs(e){var t=null!==e.alternate&&e.alternate.child===e.child,n=0,r=0;if(t)for(var o=e.child;null!==o;)n|=o.lanes|o.childLanes,r|=14680064&o.subtreeFlags,r|=14680064&o.flags,o.return=e,o=o.sibling;else for(o=e.child;null!==o;)n|=o.lanes|o.childLanes,r|=o.subtreeFlags,r|=o.flags,o.return=e,o=o.sibling;return e.subtreeFlags|=r,e.childLanes=n,t}function Ws(e,t,n){var r=t.pendingProps;switch(na(t),t.tag){case 2:case 16:case 15:case 0:case 11:case 7:case 8:case 12:case 9:case 14:return Gs(t),null;case 1:case 17:return Io(t.type)&&No(),Gs(t),null;case 3:return r=t.stateNode,Za(),Co(To),Co(Ao),ri(),r.pendingContext&&(r.context=r.pendingContext,r.pendingContext=null),null!==e&&null!==e.child||(pa(t)?t.flags|=4:null===e||e.memoizedState.isDehydrated&&!(256&t.flags)||(t.flags|=1024,null!==ia&&(ic(ia),ia=null))),Ls(e,t),Gs(t),null;case 5:Xa(t);var o=Qa(Ka.current);if(n=t.type,null!==e&&null!=t.stateNode)Is(e,t,n,r,o),e.ref!==t.ref&&(t.flags|=512,t.flags|=2097152);else{if(!r){if(null===t.stateNode)throw Error(a(166));return Gs(t),null}if(e=Qa(Ga.current),pa(t)){r=t.stateNode,n=t.type;var i=t.memoizedProps;switch(r[fo]=t,r[mo]=i,e=!!(1&t.mode),n){case"dialog":zr("cancel",r),zr("close",r);break;case"iframe":case"object":case"embed":zr("load",r);break;case"video":case"audio":for(o=0;o<Rr.length;o++)zr(Rr[o],r);break;case"source":zr("error",r);break;case"img":case"image":case"link":zr("error",r),zr("load",r);break;case"details":zr("toggle",r);break;case"input":Y(r,i),zr("invalid",r);break;case"select":r._wrapperState={wasMultiple:!!i.multiple},zr("invalid",r);break;case"textarea":oe(r,i),zr("invalid",r)}for(var l in ye(n,i),o=null,i)if(i.hasOwnProperty(l)){var c=i[l];"children"===l?"string"==typeof c?r.textContent!==c&&(!0!==i.suppressHydrationWarning&&Jr(r.textContent,c,e),o=["children",c]):"number"==typeof c&&r.textContent!==""+c&&(!0!==i.suppressHydrationWarning&&Jr(r.textContent,c,e),o=["children",""+c]):s.hasOwnProperty(l)&&null!=c&&"onScroll"===l&&zr("scroll",r)}switch(n){case"input":G(r),X(r,i,!0);break;case"textarea":G(r),ie(r);break;case"select":case"option":break;default:"function"==typeof i.onClick&&(r.onclick=Xr)}r=o,t.updateQueue=r,null!==r&&(t.flags|=4)}else{l=9===o.nodeType?o:o.ownerDocument,"http://www.w3.org/1999/xhtml"===e&&(e=se(n)),"http://www.w3.org/1999/xhtml"===e?"script"===n?((e=l.createElement("div")).innerHTML="<script><\/script>",e=e.removeChild(e.firstChild)):"string"==typeof r.is?e=l.createElement(n,{is:r.is}):(e=l.createElement(n),"select"===n&&(l=e,r.multiple?l.multiple=!0:r.size&&(l.size=r.size))):e=l.createElementNS(e,n),e[fo]=t,e[mo]=r,Ps(e,t,!1,!1),t.stateNode=e;e:{switch(l=ve(n,r),n){case"dialog":zr("cancel",e),zr("close",e),o=r;break;case"iframe":case"object":case"embed":zr("load",e),o=r;break;case"video":case"audio":for(o=0;o<Rr.length;o++)zr(Rr[o],e);o=r;break;case"source":zr("error",e),o=r;break;case"img":case"image":case"link":zr("error",e),zr("load",e),o=r;break;case"details":zr("toggle",e),o=r;break;case"input":Y(e,r),o=Q(e,r),zr("invalid",e);break;case"option":default:o=r;break;case"select":e._wrapperState={wasMultiple:!!r.multiple},o=M({},r,{value:void 0}),zr("invalid",e);break;case"textarea":oe(e,r),o=re(e,r),zr("invalid",e)}for(i in ye(n,o),c=o)if(c.hasOwnProperty(i)){var u=c[i];"style"===i?ge(e,u):"dangerouslySetInnerHTML"===i?null!=(u=u?u.__html:void 0)&&de(e,u):"children"===i?"string"==typeof u?("textarea"!==n||""!==u)&&pe(e,u):"number"==typeof u&&pe(e,""+u):"suppressContentEditableWarning"!==i&&"suppressHydrationWarning"!==i&&"autoFocus"!==i&&(s.hasOwnProperty(i)?null!=u&&"onScroll"===i&&zr("scroll",e):null!=u&&v(e,i,u,l))}switch(n){case"input":G(e),X(e,r,!1);break;case"textarea":G(e),ie(e);break;case"option":null!=r.value&&e.setAttribute("value",""+H(r.value));break;case"select":e.multiple=!!r.multiple,null!=(i=r.value)?ne(e,!!r.multiple,i,!1):null!=r.defaultValue&&ne(e,!!r.multiple,r.defaultValue,!0);break;default:"function"==typeof o.onClick&&(e.onclick=Xr)}switch(n){case"button":case"input":case"select":case"textarea":r=!!r.autoFocus;break e;case"img":r=!0;break e;default:r=!1}}r&&(t.flags|=4)}null!==t.ref&&(t.flags|=512,t.flags|=2097152)}return Gs(t),null;case 6:if(e&&null!=t.stateNode)Ns(e,t,e.memoizedProps,r);else{if("string"!=typeof r&&null===t.stateNode)throw Error(a(166));if(n=Qa(Ka.current),Qa(Ga.current),pa(t)){if(r=t.stateNode,n=t.memoizedProps,r[fo]=t,(i=r.nodeValue!==n)&&null!==(e=ra))switch(e.tag){case 3:Jr(r.nodeValue,n,!!(1&e.mode));break;case 5:!0!==e.memoizedProps.suppressHydrationWarning&&Jr(r.nodeValue,n,!!(1&e.mode))}i&&(t.flags|=4)}else(r=(9===n.nodeType?n:n.ownerDocument).createTextNode(r))[fo]=t,t.stateNode=r}return Gs(t),null;case 13:if(Co(ei),r=t.memoizedState,null===e||null!==e.memoizedState&&null!==e.memoizedState.dehydrated){if(aa&&null!==oa&&1&t.mode&&!(128&t.flags))fa(),ma(),t.flags|=98560,i=!1;else if(i=pa(t),null!==r&&null!==r.dehydrated){if(null===e){if(!i)throw Error(a(318));if(!(i=null!==(i=t.memoizedState)?i.dehydrated:null))throw Error(a(317));i[fo]=t}else ma(),!(128&t.flags)&&(t.memoizedState=null),t.flags|=4;Gs(t),i=!1}else null!==ia&&(ic(ia),ia=null),i=!0;if(!i)return 65536&t.flags?t:null}return 128&t.flags?(t.lanes=n,t):((r=null!==r)!==(null!==e&&null!==e.memoizedState)&&r&&(t.child.flags|=8192,1&t.mode&&(null===e||1&ei.current?0===Nl&&(Nl=3):hc())),null!==t.updateQueue&&(t.flags|=4),Gs(t),null);case 4:return Za(),Ls(e,t),null===e&&qr(t.stateNode.containerInfo),Gs(t),null;case 10:return Oa(t.type._context),Gs(t),null;case 19:if(Co(ei),null===(i=t.memoizedState))return Gs(t),null;if(r=!!(128&t.flags),null===(l=i.rendering))if(r)Vs(i,!1);else{if(0!==Nl||null!==e&&128&e.flags)for(e=t.child;null!==e;){if(null!==(l=ti(e))){for(t.flags|=128,Vs(i,!1),null!==(r=l.updateQueue)&&(t.updateQueue=r,t.flags|=4),t.subtreeFlags=0,r=n,n=t.child;null!==n;)e=r,(i=n).flags&=14680066,null===(l=i.alternate)?(i.childLanes=0,i.lanes=e,i.child=null,i.subtreeFlags=0,i.memoizedProps=null,i.memoizedState=null,i.updateQueue=null,i.dependencies=null,i.stateNode=null):(i.childLanes=l.childLanes,i.lanes=l.lanes,i.child=l.child,i.subtreeFlags=0,i.deletions=null,i.memoizedProps=l.memoizedProps,i.memoizedState=l.memoizedState,i.updateQueue=l.updateQueue,i.type=l.type,e=l.dependencies,i.dependencies=null===e?null:{lanes:e.lanes,firstContext:e.firstContext}),n=n.sibling;return jo(ei,1&ei.current|2),t.child}e=e.sibling}null!==i.tail&&Ze()>ql&&(t.flags|=128,r=!0,Vs(i,!1),t.lanes=4194304)}else{if(!r)if(null!==(e=ti(l))){if(t.flags|=128,r=!0,null!==(n=e.updateQueue)&&(t.updateQueue=n,t.flags|=4),Vs(i,!0),null===i.tail&&"hidden"===i.tailMode&&!l.alternate&&!aa)return Gs(t),null}else 2*Ze()-i.renderingStartTime>ql&&1073741824!==n&&(t.flags|=128,r=!0,Vs(i,!1),t.lanes=4194304);i.isBackwards?(l.sibling=t.child,t.child=l):(null!==(n=i.last)?n.sibling=l:t.child=l,i.last=l)}return null!==i.tail?(t=i.tail,i.rendering=t,i.tail=t.sibling,i.renderingStartTime=Ze(),t.sibling=null,n=ei.current,jo(ei,r?1&n|2:1&n),t):(Gs(t),null);case 22:case 23:return dc(),r=null!==t.memoizedState,null!==e&&null!==e.memoizedState!==r&&(t.flags|=8192),r&&1&t.mode?!!(1073741824&Ll)&&(Gs(t),6&t.subtreeFlags&&(t.flags|=8192)):Gs(t),null;case 24:case 25:return null}throw Error(a(156,t.tag))}function Ks(e,t){switch(na(t),t.tag){case 1:return Io(t.type)&&No(),65536&(e=t.flags)?(t.flags=-65537&e|128,t):null;case 3:return Za(),Co(To),Co(Ao),ri(),65536&(e=t.flags)&&!(128&e)?(t.flags=-65537&e|128,t):null;case 5:return Xa(t),null;case 13:if(Co(ei),null!==(e=t.memoizedState)&&null!==e.dehydrated){if(null===t.alternate)throw Error(a(340));ma()}return 65536&(e=t.flags)?(t.flags=-65537&e|128,t):null;case 19:return Co(ei),null;case 4:return Za(),null;case 10:return Oa(t.type._context),null;case 22:case 23:return dc(),null;default:return null}}Ps=function(e,t){for(var n=t.child;null!==n;){if(5===n.tag||6===n.tag)e.appendChild(n.stateNode);else if(4!==n.tag&&null!==n.child){n.child.return=n,n=n.child;continue}if(n===t)break;for(;null===n.sibling;){if(null===n.return||n.return===t)return;n=n.return}n.sibling.return=n.return,n=n.sibling}},Ls=function(){},Is=function(e,t,n,r){var o=e.memoizedProps;if(o!==r){e=t.stateNode,Qa(Ga.current);var a,i=null;switch(n){case"input":o=Q(e,o),r=Q(e,r),i=[];break;case"select":o=M({},o,{value:void 0}),r=M({},r,{value:void 0}),i=[];break;case"textarea":o=re(e,o),r=re(e,r),i=[];break;default:"function"!=typeof o.onClick&&"function"==typeof r.onClick&&(e.onclick=Xr)}for(u in ye(n,r),n=null,o)if(!r.hasOwnProperty(u)&&o.hasOwnProperty(u)&&null!=o[u])if("style"===u){var l=o[u];for(a in l)l.hasOwnProperty(a)&&(n||(n={}),n[a]="")}else"dangerouslySetInnerHTML"!==u&&"children"!==u&&"suppressContentEditableWarning"!==u&&"suppressHydrationWarning"!==u&&"autoFocus"!==u&&(s.hasOwnProperty(u)?i||(i=[]):(i=i||[]).push(u,null));for(u in r){var c=r[u];if(l=null!=o?o[u]:void 0,r.hasOwnProperty(u)&&c!==l&&(null!=c||null!=l))if("style"===u)if(l){for(a in l)!l.hasOwnProperty(a)||c&&c.hasOwnProperty(a)||(n||(n={}),n[a]="");for(a in c)c.hasOwnProperty(a)&&l[a]!==c[a]&&(n||(n={}),n[a]=c[a])}else n||(i||(i=[]),i.push(u,n)),n=c;else"dangerouslySetInnerHTML"===u?(c=c?c.__html:void 0,l=l?l.__html:void 0,null!=c&&l!==c&&(i=i||[]).push(u,c)):"children"===u?"string"!=typeof c&&"number"!=typeof c||(i=i||[]).push(u,""+c):"suppressContentEditableWarning"!==u&&"suppressHydrationWarning"!==u&&(s.hasOwnProperty(u)?(null!=c&&"onScroll"===u&&zr("scroll",e),i||l===c||(i=[])):(i=i||[]).push(u,c))}n&&(i=i||[]).push("style",n);var u=i;(t.updateQueue=u)&&(t.flags|=4)}},Ns=function(e,t,n,r){n!==r&&(t.flags|=4)};var Qs=!1,Ys=!1,Zs="function"==typeof WeakSet?WeakSet:Set,Js=null;function Xs(e,t){var n=e.ref;if(null!==n)if("function"==typeof n)try{n(null)}catch(r){Ec(e,t,r)}else n.current=null}function el(e,t,n){try{n()}catch(r){Ec(e,t,r)}}var tl=!1;function nl(e,t,n){var r=t.updateQueue;if(null!==(r=null!==r?r.lastEffect:null)){var o=r=r.next;do{if((o.tag&e)===e){var a=o.destroy;o.destroy=void 0,void 0!==a&&el(t,n,a)}o=o.next}while(o!==r)}}function rl(e,t){if(null!==(t=null!==(t=t.updateQueue)?t.lastEffect:null)){var n=t=t.next;do{if((n.tag&e)===e){var r=n.create;n.destroy=r()}n=n.next}while(n!==t)}}function ol(e){var t=e.ref;if(null!==t){var n=e.stateNode;e.tag,e=n,"function"==typeof t?t(e):t.current=e}}function al(e){var t=e.alternate;null!==t&&(e.alternate=null,al(t)),e.child=null,e.deletions=null,e.sibling=null,5===e.tag&&(null!==(t=e.stateNode)&&(delete t[fo],delete t[mo],delete t[go],delete t[bo],delete t[yo])),e.stateNode=null,e.return=null,e.dependencies=null,e.memoizedProps=null,e.memoizedState=null,e.pendingProps=null,e.stateNode=null,e.updateQueue=null}function il(e){return 5===e.tag||3===e.tag||4===e.tag}function sl(e){e:for(;;){for(;null===e.sibling;){if(null===e.return||il(e.return))return null;e=e.return}for(e.sibling.return=e.return,e=e.sibling;5!==e.tag&&6!==e.tag&&18!==e.tag;){if(2&e.flags)continue e;if(null===e.child||4===e.tag)continue e;e.child.return=e,e=e.child}if(!(2&e.flags))return e.stateNode}}function ll(e,t,n){var r=e.tag;if(5===r||6===r)e=e.stateNode,t?8===n.nodeType?n.parentNode.insertBefore(e,t):n.insertBefore(e,t):(8===n.nodeType?(t=n.parentNode).insertBefore(e,n):(t=n).appendChild(e),null!=(n=n._reactRootContainer)||null!==t.onclick||(t.onclick=Xr));else if(4!==r&&null!==(e=e.child))for(ll(e,t,n),e=e.sibling;null!==e;)ll(e,t,n),e=e.sibling}function cl(e,t,n){var r=e.tag;if(5===r||6===r)e=e.stateNode,t?n.insertBefore(e,t):n.appendChild(e);else if(4!==r&&null!==(e=e.child))for(cl(e,t,n),e=e.sibling;null!==e;)cl(e,t,n),e=e.sibling}var ul=null,dl=!1;function pl(e,t,n){for(n=n.child;null!==n;)fl(e,t,n),n=n.sibling}function fl(e,t,n){if(at&&"function"==typeof at.onCommitFiberUnmount)try{at.onCommitFiberUnmount(ot,n)}catch(s){}switch(n.tag){case 5:Ys||Xs(n,t);case 6:var r=ul,o=dl;ul=null,pl(e,t,n),dl=o,null!==(ul=r)&&(dl?(e=ul,n=n.stateNode,8===e.nodeType?e.parentNode.removeChild(n):e.removeChild(n)):ul.removeChild(n.stateNode));break;case 18:null!==ul&&(dl?(e=ul,n=n.stateNode,8===e.nodeType?lo(e.parentNode,n):1===e.nodeType&&lo(e,n),qt(e)):lo(ul,n.stateNode));break;case 4:r=ul,o=dl,ul=n.stateNode.containerInfo,dl=!0,pl(e,t,n),ul=r,dl=o;break;case 0:case 11:case 14:case 15:if(!Ys&&(null!==(r=n.updateQueue)&&null!==(r=r.lastEffect))){o=r=r.next;do{var a=o,i=a.destroy;a=a.tag,void 0!==i&&(2&a||4&a)&&el(n,t,i),o=o.next}while(o!==r)}pl(e,t,n);break;case 1:if(!Ys&&(Xs(n,t),"function"==typeof(r=n.stateNode).componentWillUnmount))try{r.props=n.memoizedProps,r.state=n.memoizedState,r.componentWillUnmount()}catch(s){Ec(n,t,s)}pl(e,t,n);break;case 21:pl(e,t,n);break;case 22:1&n.mode?(Ys=(r=Ys)||null!==n.memoizedState,pl(e,t,n),Ys=r):pl(e,t,n);break;default:pl(e,t,n)}}function ml(e){var t=e.updateQueue;if(null!==t){e.updateQueue=null;var n=e.stateNode;null===n&&(n=e.stateNode=new Zs),t.forEach((function(t){var r=Oc.bind(null,e,t);n.has(t)||(n.add(t),t.then(r,r))}))}}function hl(e,t){var n=t.deletions;if(null!==n)for(var r=0;r<n.length;r++){var o=n[r];try{var i=e,s=t,l=s;e:for(;null!==l;){switch(l.tag){case 5:ul=l.stateNode,dl=!1;break e;case 3:case 4:ul=l.stateNode.containerInfo,dl=!0;break e}l=l.return}if(null===ul)throw Error(a(160));fl(i,s,o),ul=null,dl=!1;var c=o.alternate;null!==c&&(c.return=null),o.return=null}catch(u){Ec(o,t,u)}}if(12854&t.subtreeFlags)for(t=t.child;null!==t;)gl(t,e),t=t.sibling}function gl(e,t){var n=e.alternate,r=e.flags;switch(e.tag){case 0:case 11:case 14:case 15:if(hl(t,e),bl(e),4&r){try{nl(3,e,e.return),rl(3,e)}catch(g){Ec(e,e.return,g)}try{nl(5,e,e.return)}catch(g){Ec(e,e.return,g)}}break;case 1:hl(t,e),bl(e),512&r&&null!==n&&Xs(n,n.return);break;case 5:if(hl(t,e),bl(e),512&r&&null!==n&&Xs(n,n.return),32&e.flags){var o=e.stateNode;try{pe(o,"")}catch(g){Ec(e,e.return,g)}}if(4&r&&null!=(o=e.stateNode)){var i=e.memoizedProps,s=null!==n?n.memoizedProps:i,l=e.type,c=e.updateQueue;if(e.updateQueue=null,null!==c)try{"input"===l&&"radio"===i.type&&null!=i.name&&Z(o,i),ve(l,s);var u=ve(l,i);for(s=0;s<c.length;s+=2){var d=c[s],p=c[s+1];"style"===d?ge(o,p):"dangerouslySetInnerHTML"===d?de(o,p):"children"===d?pe(o,p):v(o,d,p,u)}switch(l){case"input":J(o,i);break;case"textarea":ae(o,i);break;case"select":var f=o._wrapperState.wasMultiple;o._wrapperState.wasMultiple=!!i.multiple;var m=i.value;null!=m?ne(o,!!i.multiple,m,!1):f!==!!i.multiple&&(null!=i.defaultValue?ne(o,!!i.multiple,i.defaultValue,!0):ne(o,!!i.multiple,i.multiple?[]:"",!1))}o[mo]=i}catch(g){Ec(e,e.return,g)}}break;case 6:if(hl(t,e),bl(e),4&r){if(null===e.stateNode)throw Error(a(162));o=e.stateNode,i=e.memoizedProps;try{o.nodeValue=i}catch(g){Ec(e,e.return,g)}}break;case 3:if(hl(t,e),bl(e),4&r&&null!==n&&n.memoizedState.isDehydrated)try{qt(t.containerInfo)}catch(g){Ec(e,e.return,g)}break;case 4:default:hl(t,e),bl(e);break;case 13:hl(t,e),bl(e),8192&(o=e.child).flags&&(i=null!==o.memoizedState,o.stateNode.isHidden=i,!i||null!==o.alternate&&null!==o.alternate.memoizedState||(Ul=Ze())),4&r&&ml(e);break;case 22:if(d=null!==n&&null!==n.memoizedState,1&e.mode?(Ys=(u=Ys)||d,hl(t,e),Ys=u):hl(t,e),bl(e),8192&r){if(u=null!==e.memoizedState,(e.stateNode.isHidden=u)&&!d&&1&e.mode)for(Js=e,d=e.child;null!==d;){for(p=Js=d;null!==Js;){switch(m=(f=Js).child,f.tag){case 0:case 11:case 14:case 15:nl(4,f,f.return);break;case 1:Xs(f,f.return);var h=f.stateNode;if("function"==typeof h.componentWillUnmount){r=f,n=f.return;try{t=r,h.props=t.memoizedProps,h.state=t.memoizedState,h.componentWillUnmount()}catch(g){Ec(r,n,g)}}break;case 5:Xs(f,f.return);break;case 22:if(null!==f.memoizedState){Sl(p);continue}}null!==m?(m.return=f,Js=m):Sl(p)}d=d.sibling}e:for(d=null,p=e;;){if(5===p.tag){if(null===d){d=p;try{o=p.stateNode,u?"function"==typeof(i=o.style).setProperty?i.setProperty("display","none","important"):i.display="none":(l=p.stateNode,s=null!=(c=p.memoizedProps.style)&&c.hasOwnProperty("display")?c.display:null,l.style.display=he("display",s))}catch(g){Ec(e,e.return,g)}}}else if(6===p.tag){if(null===d)try{p.stateNode.nodeValue=u?"":p.memoizedProps}catch(g){Ec(e,e.return,g)}}else if((22!==p.tag&&23!==p.tag||null===p.memoizedState||p===e)&&null!==p.child){p.child.return=p,p=p.child;continue}if(p===e)break e;for(;null===p.sibling;){if(null===p.return||p.return===e)break e;d===p&&(d=null),p=p.return}d===p&&(d=null),p.sibling.return=p.return,p=p.sibling}}break;case 19:hl(t,e),bl(e),4&r&&ml(e);case 21:}}function bl(e){var t=e.flags;if(2&t){try{e:{for(var n=e.return;null!==n;){if(il(n)){var r=n;break e}n=n.return}throw Error(a(160))}switch(r.tag){case 5:var o=r.stateNode;32&r.flags&&(pe(o,""),r.flags&=-33),cl(e,sl(e),o);break;case 3:case 4:var i=r.stateNode.containerInfo;ll(e,sl(e),i);break;default:throw Error(a(161))}}catch(s){Ec(e,e.return,s)}e.flags&=-3}4096&t&&(e.flags&=-4097)}function yl(e,t,n){Js=e,vl(e,t,n)}function vl(e,t,n){for(var r=!!(1&e.mode);null!==Js;){var o=Js,a=o.child;if(22===o.tag&&r){var i=null!==o.memoizedState||Qs;if(!i){var s=o.alternate,l=null!==s&&null!==s.memoizedState||Ys;s=Qs;var c=Ys;if(Qs=i,(Ys=l)&&!c)for(Js=o;null!==Js;)l=(i=Js).child,22===i.tag&&null!==i.memoizedState?kl(o):null!==l?(l.return=i,Js=l):kl(o);for(;null!==a;)Js=a,vl(a,t,n),a=a.sibling;Js=o,Qs=s,Ys=c}wl(e)}else 8772&o.subtreeFlags&&null!==a?(a.return=o,Js=a):wl(e)}}function wl(e){for(;null!==Js;){var t=Js;if(8772&t.flags){var n=t.alternate;try{if(8772&t.flags)switch(t.tag){case 0:case 11:case 15:Ys||rl(5,t);break;case 1:var r=t.stateNode;if(4&t.flags&&!Ys)if(null===n)r.componentDidMount();else{var o=t.elementType===t.type?n.memoizedProps:ns(t.type,n.memoizedProps);r.componentDidUpdate(o,n.memoizedState,r.__reactInternalSnapshotBeforeUpdate)}var i=t.updateQueue;null!==i&&Ha(t,i,r);break;case 3:var s=t.updateQueue;if(null!==s){if(n=null,null!==t.child)switch(t.child.tag){case 5:case 1:n=t.child.stateNode}Ha(t,s,n)}break;case 5:var l=t.stateNode;if(null===n&&4&t.flags){n=l;var c=t.memoizedProps;switch(t.type){case"button":case"input":case"select":case"textarea":c.autoFocus&&n.focus();break;case"img":c.src&&(n.src=c.src)}}break;case 6:case 4:case 12:case 19:case 17:case 21:case 22:case 23:case 25:break;case 13:if(null===t.memoizedState){var u=t.alternate;if(null!==u){var d=u.memoizedState;if(null!==d){var p=d.dehydrated;null!==p&&qt(p)}}}break;default:throw Error(a(163))}Ys||512&t.flags&&ol(t)}catch(f){Ec(t,t.return,f)}}if(t===e){Js=null;break}if(null!==(n=t.sibling)){n.return=t.return,Js=n;break}Js=t.return}}function Sl(e){for(;null!==Js;){var t=Js;if(t===e){Js=null;break}var n=t.sibling;if(null!==n){n.return=t.return,Js=n;break}Js=t.return}}function kl(e){for(;null!==Js;){var t=Js;try{switch(t.tag){case 0:case 11:case 15:var n=t.return;try{rl(4,t)}catch(l){Ec(t,n,l)}break;case 1:var r=t.stateNode;if("function"==typeof r.componentDidMount){var o=t.return;try{r.componentDidMount()}catch(l){Ec(t,o,l)}}var a=t.return;try{ol(t)}catch(l){Ec(t,a,l)}break;case 5:var i=t.return;try{ol(t)}catch(l){Ec(t,i,l)}}}catch(l){Ec(t,t.return,l)}if(t===e){Js=null;break}var s=t.sibling;if(null!==s){s.return=t.return,Js=s;break}Js=t.return}}var xl,El=Math.ceil,_l=w.ReactCurrentDispatcher,Cl=w.ReactCurrentOwner,jl=w.ReactCurrentBatchConfig,Ol=0,Al=null,Tl=null,Pl=0,Ll=0,Il=_o(0),Nl=0,Rl=null,Dl=0,Ml=0,Fl=0,zl=null,Bl=null,Ul=0,ql=1/0,$l=null,Hl=!1,Vl=null,Gl=null,Wl=!1,Kl=null,Ql=0,Yl=0,Zl=null,Jl=-1,Xl=0;function ec(){return 6&Ol?Ze():-1!==Jl?Jl:Jl=Ze()}function tc(e){return 1&e.mode?2&Ol&&0!==Pl?Pl&-Pl:null!==ga.transition?(0===Xl&&(Xl=ht()),Xl):0!==(e=vt)?e:e=void 0===(e=window.event)?16:Yt(e.type):1}function nc(e,t,n,r){if(50<Yl)throw Yl=0,Zl=null,Error(a(185));bt(e,n,r),2&Ol&&e===Al||(e===Al&&(!(2&Ol)&&(Ml|=n),4===Nl&&sc(e,Pl)),rc(e,r),1===n&&0===Ol&&!(1&t.mode)&&(ql=Ze()+500,Bo&&$o()))}function rc(e,t){var n=e.callbackNode;!function(e,t){for(var n=e.suspendedLanes,r=e.pingedLanes,o=e.expirationTimes,a=e.pendingLanes;0<a;){var i=31-it(a),s=1<<i,l=o[i];-1===l?s&n&&!(s&r)||(o[i]=ft(s,t)):l<=t&&(e.expiredLanes|=s),a&=~s}}(e,t);var r=pt(e,e===Al?Pl:0);if(0===r)null!==n&&Ke(n),e.callbackNode=null,e.callbackPriority=0;else if(t=r&-r,e.callbackPriority!==t){if(null!=n&&Ke(n),1===t)0===e.tag?function(e){Bo=!0,qo(e)}(lc.bind(null,e)):qo(lc.bind(null,e)),io((function(){!(6&Ol)&&$o()})),n=null;else{switch(wt(r)){case 1:n=Xe;break;case 4:n=et;break;case 16:default:n=tt;break;case 536870912:n=rt}n=Ac(n,oc.bind(null,e))}e.callbackPriority=t,e.callbackNode=n}}function oc(e,t){if(Jl=-1,Xl=0,6&Ol)throw Error(a(327));var n=e.callbackNode;if(kc()&&e.callbackNode!==n)return null;var r=pt(e,e===Al?Pl:0);if(0===r)return null;if(30&r||r&e.expiredLanes||t)t=gc(e,r);else{t=r;var o=Ol;Ol|=2;var i=mc();for(Al===e&&Pl===t||($l=null,ql=Ze()+500,pc(e,t));;)try{yc();break}catch(l){fc(e,l)}ja(),_l.current=i,Ol=o,null!==Tl?t=0:(Al=null,Pl=0,t=Nl)}if(0!==t){if(2===t&&(0!==(o=mt(e))&&(r=o,t=ac(e,o))),1===t)throw n=Rl,pc(e,0),sc(e,r),rc(e,Ze()),n;if(6===t)sc(e,r);else{if(o=e.current.alternate,!(30&r||function(e){for(var t=e;;){if(16384&t.flags){var n=t.updateQueue;if(null!==n&&null!==(n=n.stores))for(var r=0;r<n.length;r++){var o=n[r],a=o.getSnapshot;o=o.value;try{if(!sr(a(),o))return!1}catch(s){return!1}}}if(n=t.child,16384&t.subtreeFlags&&null!==n)n.return=t,t=n;else{if(t===e)break;for(;null===t.sibling;){if(null===t.return||t.return===e)return!0;t=t.return}t.sibling.return=t.return,t=t.sibling}}return!0}(o)||(t=gc(e,r),2===t&&(i=mt(e),0!==i&&(r=i,t=ac(e,i))),1!==t)))throw n=Rl,pc(e,0),sc(e,r),rc(e,Ze()),n;switch(e.finishedWork=o,e.finishedLanes=r,t){case 0:case 1:throw Error(a(345));case 2:case 5:Sc(e,Bl,$l);break;case 3:if(sc(e,r),(130023424&r)===r&&10<(t=Ul+500-Ze())){if(0!==pt(e,0))break;if(((o=e.suspendedLanes)&r)!==r){ec(),e.pingedLanes|=e.suspendedLanes&o;break}e.timeoutHandle=ro(Sc.bind(null,e,Bl,$l),t);break}Sc(e,Bl,$l);break;case 4:if(sc(e,r),(4194240&r)===r)break;for(t=e.eventTimes,o=-1;0<r;){var s=31-it(r);i=1<<s,(s=t[s])>o&&(o=s),r&=~i}if(r=o,10<(r=(120>(r=Ze()-r)?120:480>r?480:1080>r?1080:1920>r?1920:3e3>r?3e3:4320>r?4320:1960*El(r/1960))-r)){e.timeoutHandle=ro(Sc.bind(null,e,Bl,$l),r);break}Sc(e,Bl,$l);break;default:throw Error(a(329))}}}return rc(e,Ze()),e.callbackNode===n?oc.bind(null,e):null}function ac(e,t){var n=zl;return e.current.memoizedState.isDehydrated&&(pc(e,t).flags|=256),2!==(e=gc(e,t))&&(t=Bl,Bl=n,null!==t&&ic(t)),e}function ic(e){null===Bl?Bl=e:Bl.push.apply(Bl,e)}function sc(e,t){for(t&=~Fl,t&=~Ml,e.suspendedLanes|=t,e.pingedLanes&=~t,e=e.expirationTimes;0<t;){var n=31-it(t),r=1<<n;e[n]=-1,t&=~r}}function lc(e){if(6&Ol)throw Error(a(327));kc();var t=pt(e,0);if(!(1&t))return rc(e,Ze()),null;var n=gc(e,t);if(0!==e.tag&&2===n){var r=mt(e);0!==r&&(t=r,n=ac(e,r))}if(1===n)throw n=Rl,pc(e,0),sc(e,t),rc(e,Ze()),n;if(6===n)throw Error(a(345));return e.finishedWork=e.current.alternate,e.finishedLanes=t,Sc(e,Bl,$l),rc(e,Ze()),null}function cc(e,t){var n=Ol;Ol|=1;try{return e(t)}finally{0===(Ol=n)&&(ql=Ze()+500,Bo&&$o())}}function uc(e){null!==Kl&&0===Kl.tag&&!(6&Ol)&&kc();var t=Ol;Ol|=1;var n=jl.transition,r=vt;try{if(jl.transition=null,vt=1,e)return e()}finally{vt=r,jl.transition=n,!(6&(Ol=t))&&$o()}}function dc(){Ll=Il.current,Co(Il)}function pc(e,t){e.finishedWork=null,e.finishedLanes=0;var n=e.timeoutHandle;if(-1!==n&&(e.timeoutHandle=-1,oo(n)),null!==Tl)for(n=Tl.return;null!==n;){var r=n;switch(na(r),r.tag){case 1:null!=(r=r.type.childContextTypes)&&No();break;case 3:Za(),Co(To),Co(Ao),ri();break;case 5:Xa(r);break;case 4:Za();break;case 13:case 19:Co(ei);break;case 10:Oa(r.type._context);break;case 22:case 23:dc()}n=n.return}if(Al=e,Tl=e=Ic(e.current,null),Pl=Ll=t,Nl=0,Rl=null,Fl=Ml=Dl=0,Bl=zl=null,null!==La){for(t=0;t<La.length;t++)if(null!==(r=(n=La[t]).interleaved)){n.interleaved=null;var o=r.next,a=n.pending;if(null!==a){var i=a.next;a.next=o,r.next=i}n.pending=r}La=null}return e}function fc(e,t){for(;;){var n=Tl;try{if(ja(),oi.current=Ji,ui){for(var r=si.memoizedState;null!==r;){var o=r.queue;null!==o&&(o.pending=null),r=r.next}ui=!1}if(ii=0,ci=li=si=null,di=!1,pi=0,Cl.current=null,null===n||null===n.return){Nl=1,Rl=t,Tl=null;break}e:{var i=e,s=n.return,l=n,c=t;if(t=Pl,l.flags|=32768,null!==c&&"object"==typeof c&&"function"==typeof c.then){var u=c,d=l,p=d.tag;if(!(1&d.mode||0!==p&&11!==p&&15!==p)){var f=d.alternate;f?(d.updateQueue=f.updateQueue,d.memoizedState=f.memoizedState,d.lanes=f.lanes):(d.updateQueue=null,d.memoizedState=null)}var m=gs(s);if(null!==m){m.flags&=-257,bs(m,s,l,0,t),1&m.mode&&hs(i,u,t),c=u;var h=(t=m).updateQueue;if(null===h){var g=new Set;g.add(c),t.updateQueue=g}else h.add(c);break e}if(!(1&t)){hs(i,u,t),hc();break e}c=Error(a(426))}else if(aa&&1&l.mode){var b=gs(s);if(null!==b){!(65536&b.flags)&&(b.flags|=256),bs(b,s,l,0,t),ha(cs(c,l));break e}}i=c=cs(c,l),4!==Nl&&(Nl=2),null===zl?zl=[i]:zl.push(i),i=s;do{switch(i.tag){case 3:i.flags|=65536,t&=-t,i.lanes|=t,qa(i,fs(0,c,t));break e;case 1:l=c;var y=i.type,v=i.stateNode;if(!(128&i.flags||"function"!=typeof y.getDerivedStateFromError&&(null===v||"function"!=typeof v.componentDidCatch||null!==Gl&&Gl.has(v)))){i.flags|=65536,t&=-t,i.lanes|=t,qa(i,ms(i,l,t));break e}}i=i.return}while(null!==i)}wc(n)}catch(w){t=w,Tl===n&&null!==n&&(Tl=n=n.return);continue}break}}function mc(){var e=_l.current;return _l.current=Ji,null===e?Ji:e}function hc(){0!==Nl&&3!==Nl&&2!==Nl||(Nl=4),null===Al||!(268435455&Dl)&&!(268435455&Ml)||sc(Al,Pl)}function gc(e,t){var n=Ol;Ol|=2;var r=mc();for(Al===e&&Pl===t||($l=null,pc(e,t));;)try{bc();break}catch(o){fc(e,o)}if(ja(),Ol=n,_l.current=r,null!==Tl)throw Error(a(261));return Al=null,Pl=0,Nl}function bc(){for(;null!==Tl;)vc(Tl)}function yc(){for(;null!==Tl&&!Qe();)vc(Tl)}function vc(e){var t=xl(e.alternate,e,Ll);e.memoizedProps=e.pendingProps,null===t?wc(e):Tl=t,Cl.current=null}function wc(e){var t=e;do{var n=t.alternate;if(e=t.return,32768&t.flags){if(null!==(n=Ks(n,t)))return n.flags&=32767,void(Tl=n);if(null===e)return Nl=6,void(Tl=null);e.flags|=32768,e.subtreeFlags=0,e.deletions=null}else if(null!==(n=Ws(n,t,Ll)))return void(Tl=n);if(null!==(t=t.sibling))return void(Tl=t);Tl=t=e}while(null!==t);0===Nl&&(Nl=5)}function Sc(e,t,n){var r=vt,o=jl.transition;try{jl.transition=null,vt=1,function(e,t,n,r){do{kc()}while(null!==Kl);if(6&Ol)throw Error(a(327));n=e.finishedWork;var o=e.finishedLanes;if(null===n)return null;if(e.finishedWork=null,e.finishedLanes=0,n===e.current)throw Error(a(177));e.callbackNode=null,e.callbackPriority=0;var i=n.lanes|n.childLanes;if(function(e,t){var n=e.pendingLanes&~t;e.pendingLanes=t,e.suspendedLanes=0,e.pingedLanes=0,e.expiredLanes&=t,e.mutableReadLanes&=t,e.entangledLanes&=t,t=e.entanglements;var r=e.eventTimes;for(e=e.expirationTimes;0<n;){var o=31-it(n),a=1<<o;t[o]=0,r[o]=-1,e[o]=-1,n&=~a}}(e,i),e===Al&&(Tl=Al=null,Pl=0),!(2064&n.subtreeFlags)&&!(2064&n.flags)||Wl||(Wl=!0,Ac(tt,(function(){return kc(),null}))),i=!!(15990&n.flags),!!(15990&n.subtreeFlags)||i){i=jl.transition,jl.transition=null;var s=vt;vt=1;var l=Ol;Ol|=4,Cl.current=null,function(e,t){if(eo=Ht,fr(e=pr())){if("selectionStart"in e)var n={start:e.selectionStart,end:e.selectionEnd};else e:{var r=(n=(n=e.ownerDocument)&&n.defaultView||window).getSelection&&n.getSelection();if(r&&0!==r.rangeCount){n=r.anchorNode;var o=r.anchorOffset,i=r.focusNode;r=r.focusOffset;try{n.nodeType,i.nodeType}catch(S){n=null;break e}var s=0,l=-1,c=-1,u=0,d=0,p=e,f=null;t:for(;;){for(var m;p!==n||0!==o&&3!==p.nodeType||(l=s+o),p!==i||0!==r&&3!==p.nodeType||(c=s+r),3===p.nodeType&&(s+=p.nodeValue.length),null!==(m=p.firstChild);)f=p,p=m;for(;;){if(p===e)break t;if(f===n&&++u===o&&(l=s),f===i&&++d===r&&(c=s),null!==(m=p.nextSibling))break;f=(p=f).parentNode}p=m}n=-1===l||-1===c?null:{start:l,end:c}}else n=null}n=n||{start:0,end:0}}else n=null;for(to={focusedElem:e,selectionRange:n},Ht=!1,Js=t;null!==Js;)if(e=(t=Js).child,1028&t.subtreeFlags&&null!==e)e.return=t,Js=e;else for(;null!==Js;){t=Js;try{var h=t.alternate;if(1024&t.flags)switch(t.tag){case 0:case 11:case 15:case 5:case 6:case 4:case 17:break;case 1:if(null!==h){var g=h.memoizedProps,b=h.memoizedState,y=t.stateNode,v=y.getSnapshotBeforeUpdate(t.elementType===t.type?g:ns(t.type,g),b);y.__reactInternalSnapshotBeforeUpdate=v}break;case 3:var w=t.stateNode.containerInfo;1===w.nodeType?w.textContent="":9===w.nodeType&&w.documentElement&&w.removeChild(w.documentElement);break;default:throw Error(a(163))}}catch(S){Ec(t,t.return,S)}if(null!==(e=t.sibling)){e.return=t.return,Js=e;break}Js=t.return}h=tl,tl=!1}(e,n),gl(n,e),mr(to),Ht=!!eo,to=eo=null,e.current=n,yl(n,e,o),Ye(),Ol=l,vt=s,jl.transition=i}else e.current=n;if(Wl&&(Wl=!1,Kl=e,Ql=o),i=e.pendingLanes,0===i&&(Gl=null),function(e){if(at&&"function"==typeof at.onCommitFiberRoot)try{at.onCommitFiberRoot(ot,e,void 0,!(128&~e.current.flags))}catch(t){}}(n.stateNode),rc(e,Ze()),null!==t)for(r=e.onRecoverableError,n=0;n<t.length;n++)o=t[n],r(o.value,{componentStack:o.stack,digest:o.digest});if(Hl)throw Hl=!1,e=Vl,Vl=null,e;!!(1&Ql)&&0!==e.tag&&kc(),i=e.pendingLanes,1&i?e===Zl?Yl++:(Yl=0,Zl=e):Yl=0,$o()}(e,t,n,r)}finally{jl.transition=o,vt=r}return null}function kc(){if(null!==Kl){var e=wt(Ql),t=jl.transition,n=vt;try{if(jl.transition=null,vt=16>e?16:e,null===Kl)var r=!1;else{if(e=Kl,Kl=null,Ql=0,6&Ol)throw Error(a(331));var o=Ol;for(Ol|=4,Js=e.current;null!==Js;){var i=Js,s=i.child;if(16&Js.flags){var l=i.deletions;if(null!==l){for(var c=0;c<l.length;c++){var u=l[c];for(Js=u;null!==Js;){var d=Js;switch(d.tag){case 0:case 11:case 15:nl(8,d,i)}var p=d.child;if(null!==p)p.return=d,Js=p;else for(;null!==Js;){var f=(d=Js).sibling,m=d.return;if(al(d),d===u){Js=null;break}if(null!==f){f.return=m,Js=f;break}Js=m}}}var h=i.alternate;if(null!==h){var g=h.child;if(null!==g){h.child=null;do{var b=g.sibling;g.sibling=null,g=b}while(null!==g)}}Js=i}}if(2064&i.subtreeFlags&&null!==s)s.return=i,Js=s;else e:for(;null!==Js;){if(2048&(i=Js).flags)switch(i.tag){case 0:case 11:case 15:nl(9,i,i.return)}var y=i.sibling;if(null!==y){y.return=i.return,Js=y;break e}Js=i.return}}var v=e.current;for(Js=v;null!==Js;){var w=(s=Js).child;if(2064&s.subtreeFlags&&null!==w)w.return=s,Js=w;else e:for(s=v;null!==Js;){if(2048&(l=Js).flags)try{switch(l.tag){case 0:case 11:case 15:rl(9,l)}}catch(k){Ec(l,l.return,k)}if(l===s){Js=null;break e}var S=l.sibling;if(null!==S){S.return=l.return,Js=S;break e}Js=l.return}}if(Ol=o,$o(),at&&"function"==typeof at.onPostCommitFiberRoot)try{at.onPostCommitFiberRoot(ot,e)}catch(k){}r=!0}return r}finally{vt=n,jl.transition=t}}return!1}function xc(e,t,n){e=Ba(e,t=fs(0,t=cs(n,t),1),1),t=ec(),null!==e&&(bt(e,1,t),rc(e,t))}function Ec(e,t,n){if(3===e.tag)xc(e,e,n);else for(;null!==t;){if(3===t.tag){xc(t,e,n);break}if(1===t.tag){var r=t.stateNode;if("function"==typeof t.type.getDerivedStateFromError||"function"==typeof r.componentDidCatch&&(null===Gl||!Gl.has(r))){t=Ba(t,e=ms(t,e=cs(n,e),1),1),e=ec(),null!==t&&(bt(t,1,e),rc(t,e));break}}t=t.return}}function _c(e,t,n){var r=e.pingCache;null!==r&&r.delete(t),t=ec(),e.pingedLanes|=e.suspendedLanes&n,Al===e&&(Pl&n)===n&&(4===Nl||3===Nl&&(130023424&Pl)===Pl&&500>Ze()-Ul?pc(e,0):Fl|=n),rc(e,t)}function Cc(e,t){0===t&&(1&e.mode?(t=ut,!(130023424&(ut<<=1))&&(ut=4194304)):t=1);var n=ec();null!==(e=Ra(e,t))&&(bt(e,t,n),rc(e,n))}function jc(e){var t=e.memoizedState,n=0;null!==t&&(n=t.retryLane),Cc(e,n)}function Oc(e,t){var n=0;switch(e.tag){case 13:var r=e.stateNode,o=e.memoizedState;null!==o&&(n=o.retryLane);break;case 19:r=e.stateNode;break;default:throw Error(a(314))}null!==r&&r.delete(t),Cc(e,n)}function Ac(e,t){return We(e,t)}function Tc(e,t,n,r){this.tag=e,this.key=n,this.sibling=this.child=this.return=this.stateNode=this.type=this.elementType=null,this.index=0,this.ref=null,this.pendingProps=t,this.dependencies=this.memoizedState=this.updateQueue=this.memoizedProps=null,this.mode=r,this.subtreeFlags=this.flags=0,this.deletions=null,this.childLanes=this.lanes=0,this.alternate=null}function Pc(e,t,n,r){return new Tc(e,t,n,r)}function Lc(e){return!(!(e=e.prototype)||!e.isReactComponent)}function Ic(e,t){var n=e.alternate;return null===n?((n=Pc(e.tag,t,e.key,e.mode)).elementType=e.elementType,n.type=e.type,n.stateNode=e.stateNode,n.alternate=e,e.alternate=n):(n.pendingProps=t,n.type=e.type,n.flags=0,n.subtreeFlags=0,n.deletions=null),n.flags=14680064&e.flags,n.childLanes=e.childLanes,n.lanes=e.lanes,n.child=e.child,n.memoizedProps=e.memoizedProps,n.memoizedState=e.memoizedState,n.updateQueue=e.updateQueue,t=e.dependencies,n.dependencies=null===t?null:{lanes:t.lanes,firstContext:t.firstContext},n.sibling=e.sibling,n.index=e.index,n.ref=e.ref,n}function Nc(e,t,n,r,o,i){var s=2;if(r=e,"function"==typeof e)Lc(e)&&(s=1);else if("string"==typeof e)s=5;else e:switch(e){case x:return Rc(n.children,o,i,t);case E:s=8,o|=8;break;case _:return(e=Pc(12,n,t,2|o)).elementType=_,e.lanes=i,e;case A:return(e=Pc(13,n,t,o)).elementType=A,e.lanes=i,e;case T:return(e=Pc(19,n,t,o)).elementType=T,e.lanes=i,e;case I:return Dc(n,o,i,t);default:if("object"==typeof e&&null!==e)switch(e.$$typeof){case C:s=10;break e;case j:s=9;break e;case O:s=11;break e;case P:s=14;break e;case L:s=16,r=null;break e}throw Error(a(130,null==e?e:typeof e,""))}return(t=Pc(s,n,t,o)).elementType=e,t.type=r,t.lanes=i,t}function Rc(e,t,n,r){return(e=Pc(7,e,r,t)).lanes=n,e}function Dc(e,t,n,r){return(e=Pc(22,e,r,t)).elementType=I,e.lanes=n,e.stateNode={isHidden:!1},e}function Mc(e,t,n){return(e=Pc(6,e,null,t)).lanes=n,e}function Fc(e,t,n){return(t=Pc(4,null!==e.children?e.children:[],e.key,t)).lanes=n,t.stateNode={containerInfo:e.containerInfo,pendingChildren:null,implementation:e.implementation},t}function zc(e,t,n,r,o){this.tag=t,this.containerInfo=e,this.finishedWork=this.pingCache=this.current=this.pendingChildren=null,this.timeoutHandle=-1,this.callbackNode=this.pendingContext=this.context=null,this.callbackPriority=0,this.eventTimes=gt(0),this.expirationTimes=gt(-1),this.entangledLanes=this.finishedLanes=this.mutableReadLanes=this.expiredLanes=this.pingedLanes=this.suspendedLanes=this.pendingLanes=0,this.entanglements=gt(0),this.identifierPrefix=r,this.onRecoverableError=o,this.mutableSourceEagerHydrationData=null}function Bc(e,t,n,r,o,a,i,s,l){return e=new zc(e,t,n,s,l),1===t?(t=1,!0===a&&(t|=8)):t=0,a=Pc(3,null,null,t),e.current=a,a.stateNode=e,a.memoizedState={element:r,isDehydrated:n,cache:null,transitions:null,pendingSuspenseBoundaries:null},Ma(a),e}function Uc(e){if(!e)return Oo;e:{if(qe(e=e._reactInternals)!==e||1!==e.tag)throw Error(a(170));var t=e;do{switch(t.tag){case 3:t=t.stateNode.context;break e;case 1:if(Io(t.type)){t=t.stateNode.__reactInternalMemoizedMergedChildContext;break e}}t=t.return}while(null!==t);throw Error(a(171))}if(1===e.tag){var n=e.type;if(Io(n))return Do(e,n,t)}return t}function qc(e,t,n,r,o,a,i,s,l){return(e=Bc(n,r,!0,e,0,a,0,s,l)).context=Uc(null),n=e.current,(a=za(r=ec(),o=tc(n))).callback=null!=t?t:null,Ba(n,a,o),e.current.lanes=o,bt(e,o,r),rc(e,r),e}function $c(e,t,n,r){var o=t.current,a=ec(),i=tc(o);return n=Uc(n),null===t.context?t.context=n:t.pendingContext=n,(t=za(a,i)).payload={element:e},null!==(r=void 0===r?null:r)&&(t.callback=r),null!==(e=Ba(o,t,i))&&(nc(e,o,i,a),Ua(e,o,i)),i}function Hc(e){return(e=e.current).child?(e.child.tag,e.child.stateNode):null}function Vc(e,t){if(null!==(e=e.memoizedState)&&null!==e.dehydrated){var n=e.retryLane;e.retryLane=0!==n&&n<t?n:t}}function Gc(e,t){Vc(e,t),(e=e.alternate)&&Vc(e,t)}xl=function(e,t,n){if(null!==e)if(e.memoizedProps!==t.pendingProps||To.current)vs=!0;else{if(!(e.lanes&n||128&t.flags))return vs=!1,function(e,t,n){switch(t.tag){case 3:As(t),ma();break;case 5:Ja(t);break;case 1:Io(t.type)&&Mo(t);break;case 4:Ya(t,t.stateNode.containerInfo);break;case 10:var r=t.type._context,o=t.memoizedProps.value;jo(xa,r._currentValue),r._currentValue=o;break;case 13:if(null!==(r=t.memoizedState))return null!==r.dehydrated?(jo(ei,1&ei.current),t.flags|=128,null):n&t.child.childLanes?Ms(e,t,n):(jo(ei,1&ei.current),null!==(e=Hs(e,t,n))?e.sibling:null);jo(ei,1&ei.current);break;case 19:if(r=!!(n&t.childLanes),128&e.flags){if(r)return qs(e,t,n);t.flags|=128}if(null!==(o=t.memoizedState)&&(o.rendering=null,o.tail=null,o.lastEffect=null),jo(ei,ei.current),r)break;return null;case 22:case 23:return t.lanes=0,Es(e,t,n)}return Hs(e,t,n)}(e,t,n);vs=!!(131072&e.flags)}else vs=!1,aa&&1048576&t.flags&&ea(t,Wo,t.index);switch(t.lanes=0,t.tag){case 2:var r=t.type;$s(e,t),e=t.pendingProps;var o=Lo(t,Ao.current);Ta(t,n),o=gi(null,t,r,e,o,n);var i=bi();return t.flags|=1,"object"==typeof o&&null!==o&&"function"==typeof o.render&&void 0===o.$$typeof?(t.tag=1,t.memoizedState=null,t.updateQueue=null,Io(r)?(i=!0,Mo(t)):i=!1,t.memoizedState=null!==o.state&&void 0!==o.state?o.state:null,Ma(t),o.updater=os,t.stateNode=o,o._reactInternals=t,ls(t,r,e,n),t=Os(null,t,r,!0,i,n)):(t.tag=0,aa&&i&&ta(t),ws(null,t,o,n),t=t.child),t;case 16:r=t.elementType;e:{switch($s(e,t),e=t.pendingProps,r=(o=r._init)(r._payload),t.type=r,o=t.tag=function(e){if("function"==typeof e)return Lc(e)?1:0;if(null!=e){if((e=e.$$typeof)===O)return 11;if(e===P)return 14}return 2}(r),e=ns(r,e),o){case 0:t=Cs(null,t,r,e,n);break e;case 1:t=js(null,t,r,e,n);break e;case 11:t=Ss(null,t,r,e,n);break e;case 14:t=ks(null,t,r,ns(r.type,e),n);break e}throw Error(a(306,r,""))}return t;case 0:return r=t.type,o=t.pendingProps,Cs(e,t,r,o=t.elementType===r?o:ns(r,o),n);case 1:return r=t.type,o=t.pendingProps,js(e,t,r,o=t.elementType===r?o:ns(r,o),n);case 3:e:{if(As(t),null===e)throw Error(a(387));r=t.pendingProps,o=(i=t.memoizedState).element,Fa(e,t),$a(t,r,null,n);var s=t.memoizedState;if(r=s.element,i.isDehydrated){if(i={element:r,isDehydrated:!1,cache:s.cache,pendingSuspenseBoundaries:s.pendingSuspenseBoundaries,transitions:s.transitions},t.updateQueue.baseState=i,t.memoizedState=i,256&t.flags){t=Ts(e,t,r,n,o=cs(Error(a(423)),t));break e}if(r!==o){t=Ts(e,t,r,n,o=cs(Error(a(424)),t));break e}for(oa=co(t.stateNode.containerInfo.firstChild),ra=t,aa=!0,ia=null,n=ka(t,null,r,n),t.child=n;n;)n.flags=-3&n.flags|4096,n=n.sibling}else{if(ma(),r===o){t=Hs(e,t,n);break e}ws(e,t,r,n)}t=t.child}return t;case 5:return Ja(t),null===e&&ua(t),r=t.type,o=t.pendingProps,i=null!==e?e.memoizedProps:null,s=o.children,no(r,o)?s=null:null!==i&&no(r,i)&&(t.flags|=32),_s(e,t),ws(e,t,s,n),t.child;case 6:return null===e&&ua(t),null;case 13:return Ms(e,t,n);case 4:return Ya(t,t.stateNode.containerInfo),r=t.pendingProps,null===e?t.child=Sa(t,null,r,n):ws(e,t,r,n),t.child;case 11:return r=t.type,o=t.pendingProps,Ss(e,t,r,o=t.elementType===r?o:ns(r,o),n);case 7:return ws(e,t,t.pendingProps,n),t.child;case 8:case 12:return ws(e,t,t.pendingProps.children,n),t.child;case 10:e:{if(r=t.type._context,o=t.pendingProps,i=t.memoizedProps,s=o.value,jo(xa,r._currentValue),r._currentValue=s,null!==i)if(sr(i.value,s)){if(i.children===o.children&&!To.current){t=Hs(e,t,n);break e}}else for(null!==(i=t.child)&&(i.return=t);null!==i;){var l=i.dependencies;if(null!==l){s=i.child;for(var c=l.firstContext;null!==c;){if(c.context===r){if(1===i.tag){(c=za(-1,n&-n)).tag=2;var u=i.updateQueue;if(null!==u){var d=(u=u.shared).pending;null===d?c.next=c:(c.next=d.next,d.next=c),u.pending=c}}i.lanes|=n,null!==(c=i.alternate)&&(c.lanes|=n),Aa(i.return,n,t),l.lanes|=n;break}c=c.next}}else if(10===i.tag)s=i.type===t.type?null:i.child;else if(18===i.tag){if(null===(s=i.return))throw Error(a(341));s.lanes|=n,null!==(l=s.alternate)&&(l.lanes|=n),Aa(s,n,t),s=i.sibling}else s=i.child;if(null!==s)s.return=i;else for(s=i;null!==s;){if(s===t){s=null;break}if(null!==(i=s.sibling)){i.return=s.return,s=i;break}s=s.return}i=s}ws(e,t,o.children,n),t=t.child}return t;case 9:return o=t.type,r=t.pendingProps.children,Ta(t,n),r=r(o=Pa(o)),t.flags|=1,ws(e,t,r,n),t.child;case 14:return o=ns(r=t.type,t.pendingProps),ks(e,t,r,o=ns(r.type,o),n);case 15:return xs(e,t,t.type,t.pendingProps,n);case 17:return r=t.type,o=t.pendingProps,o=t.elementType===r?o:ns(r,o),$s(e,t),t.tag=1,Io(r)?(e=!0,Mo(t)):e=!1,Ta(t,n),is(t,r,o),ls(t,r,o,n),Os(null,t,r,!0,e,n);case 19:return qs(e,t,n);case 22:return Es(e,t,n)}throw Error(a(156,t.tag))};var Wc="function"==typeof reportError?reportError:function(e){console.error(e)};function Kc(e){this._internalRoot=e}function Qc(e){this._internalRoot=e}function Yc(e){return!(!e||1!==e.nodeType&&9!==e.nodeType&&11!==e.nodeType)}function Zc(e){return!(!e||1!==e.nodeType&&9!==e.nodeType&&11!==e.nodeType&&(8!==e.nodeType||" react-mount-point-unstable "!==e.nodeValue))}function Jc(){}function Xc(e,t,n,r,o){var a=n._reactRootContainer;if(a){var i=a;if("function"==typeof o){var s=o;o=function(){var e=Hc(i);s.call(e)}}$c(t,i,e,o)}else i=function(e,t,n,r,o){if(o){if("function"==typeof r){var a=r;r=function(){var e=Hc(i);a.call(e)}}var i=qc(t,r,e,0,null,!1,0,"",Jc);return e._reactRootContainer=i,e[ho]=i.current,qr(8===e.nodeType?e.parentNode:e),uc(),i}for(;o=e.lastChild;)e.removeChild(o);if("function"==typeof r){var s=r;r=function(){var e=Hc(l);s.call(e)}}var l=Bc(e,0,!1,null,0,!1,0,"",Jc);return e._reactRootContainer=l,e[ho]=l.current,qr(8===e.nodeType?e.parentNode:e),uc((function(){$c(t,l,n,r)})),l}(n,t,e,o,r);return Hc(i)}Qc.prototype.render=Kc.prototype.render=function(e){var t=this._internalRoot;if(null===t)throw Error(a(409));$c(e,t,null,null)},Qc.prototype.unmount=Kc.prototype.unmount=function(){var e=this._internalRoot;if(null!==e){this._internalRoot=null;var t=e.containerInfo;uc((function(){$c(null,e,null,null)})),t[ho]=null}},Qc.prototype.unstable_scheduleHydration=function(e){if(e){var t=Et();e={blockedOn:null,target:e,priority:t};for(var n=0;n<It.length&&0!==t&&t<It[n].priority;n++);It.splice(n,0,e),0===n&&Mt(e)}},St=function(e){switch(e.tag){case 3:var t=e.stateNode;if(t.current.memoizedState.isDehydrated){var n=dt(t.pendingLanes);0!==n&&(yt(t,1|n),rc(t,Ze()),!(6&Ol)&&(ql=Ze()+500,$o()))}break;case 13:uc((function(){var t=Ra(e,1);if(null!==t){var n=ec();nc(t,e,1,n)}})),Gc(e,1)}},kt=function(e){if(13===e.tag){var t=Ra(e,134217728);if(null!==t)nc(t,e,134217728,ec());Gc(e,134217728)}},xt=function(e){if(13===e.tag){var t=tc(e),n=Ra(e,t);if(null!==n)nc(n,e,t,ec());Gc(e,t)}},Et=function(){return vt},_t=function(e,t){var n=vt;try{return vt=e,t()}finally{vt=n}},ke=function(e,t,n){switch(t){case"input":if(J(e,n),t=n.name,"radio"===n.type&&null!=t){for(n=e;n.parentNode;)n=n.parentNode;for(n=n.querySelectorAll("input[name="+JSON.stringify(""+t)+'][type="radio"]'),t=0;t<n.length;t++){var r=n[t];if(r!==e&&r.form===e.form){var o=ko(r);if(!o)throw Error(a(90));W(r),J(r,o)}}}break;case"textarea":ae(e,n);break;case"select":null!=(t=n.value)&&ne(e,!!n.multiple,t,!1)}},Oe=cc,Ae=uc;var eu={usingClientEntryPoint:!1,Events:[wo,So,ko,Ce,je,cc]},tu={findFiberByHostInstance:vo,bundleType:0,version:"18.3.1",rendererPackageName:"react-dom"},nu={bundleType:tu.bundleType,version:tu.version,rendererPackageName:tu.rendererPackageName,rendererConfig:tu.rendererConfig,overrideHookState:null,overrideHookStateDeletePath:null,overrideHookStateRenamePath:null,overrideProps:null,overridePropsDeletePath:null,overridePropsRenamePath:null,setErrorHandler:null,setSuspenseHandler:null,scheduleUpdate:null,currentDispatcherRef:w.ReactCurrentDispatcher,findHostInstanceByFiber:function(e){return null===(e=Ve(e))?null:e.stateNode},findFiberByHostInstance:tu.findFiberByHostInstance||function(){return null},findHostInstancesForRefresh:null,scheduleRefresh:null,scheduleRoot:null,setRefreshHandler:null,getCurrentFiber:null,reconcilerVersion:"18.3.1-next-f1338f8080-20240426"};if("undefined"!=typeof __REACT_DEVTOOLS_GLOBAL_HOOK__){var ru=__REACT_DEVTOOLS_GLOBAL_HOOK__;if(!ru.isDisabled&&ru.supportsFiber)try{ot=ru.inject(nu),at=ru}catch(ue){}}t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED=eu,t.createPortal=function(e,t){var n=2<arguments.length&&void 0!==arguments[2]?arguments[2]:null;if(!Yc(t))throw Error(a(200));return function(e,t,n){var r=3<arguments.length&&void 0!==arguments[3]?arguments[3]:null;return{$$typeof:k,key:null==r?null:""+r,children:e,containerInfo:t,implementation:n}}(e,t,null,n)},t.createRoot=function(e,t){if(!Yc(e))throw Error(a(299));var n=!1,r="",o=Wc;return null!=t&&(!0===t.unstable_strictMode&&(n=!0),void 0!==t.identifierPrefix&&(r=t.identifierPrefix),void 0!==t.onRecoverableError&&(o=t.onRecoverableError)),t=Bc(e,1,!1,null,0,n,0,r,o),e[ho]=t.current,qr(8===e.nodeType?e.parentNode:e),new Kc(t)},t.findDOMNode=function(e){if(null==e)return null;if(1===e.nodeType)return e;var t=e._reactInternals;if(void 0===t){if("function"==typeof e.render)throw Error(a(188));throw e=Object.keys(e).join(","),Error(a(268,e))}return e=null===(e=Ve(t))?null:e.stateNode},t.flushSync=function(e){return uc(e)},t.hydrate=function(e,t,n){if(!Zc(t))throw Error(a(200));return Xc(null,e,t,!0,n)},t.hydrateRoot=function(e,t,n){if(!Yc(e))throw Error(a(405));var r=null!=n&&n.hydratedSources||null,o=!1,i="",s=Wc;if(null!=n&&(!0===n.unstable_strictMode&&(o=!0),void 0!==n.identifierPrefix&&(i=n.identifierPrefix),void 0!==n.onRecoverableError&&(s=n.onRecoverableError)),t=qc(t,null,e,1,null!=n?n:null,o,0,i,s),e[ho]=t.current,qr(e),r)for(e=0;e<r.length;e++)o=(o=(n=r[e])._getVersion)(n._source),null==t.mutableSourceEagerHydrationData?t.mutableSourceEagerHydrationData=[n,o]:t.mutableSourceEagerHydrationData.push(n,o);return new Qc(t)},t.render=function(e,t,n){if(!Zc(t))throw Error(a(200));return Xc(null,e,t,!1,n)},t.unmountComponentAtNode=function(e){if(!Zc(e))throw Error(a(40));return!!e._reactRootContainer&&(uc((function(){Xc(null,null,e,!1,(function(){e._reactRootContainer=null,e[ho]=null}))})),!0)},t.unstable_batchedUpdates=cc,t.unstable_renderSubtreeIntoContainer=function(e,t,n,r){if(!Zc(n))throw Error(a(200));if(null==e||void 0===e._reactInternals)throw Error(a(38));return Xc(e,t,n,!1,r)},t.version="18.3.1-next-f1338f8080-20240426"},9576:(e,t,n)=>{"use strict";var r=n(8143);t.createRoot=r.createRoot,t.hydrateRoot=r.hydrateRoot},8143:(e,t,n)=>{"use strict";!function e(){if("undefined"!=typeof __REACT_DEVTOOLS_GLOBAL_HOOK__&&"function"==typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE)try{__REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE(e)}catch(t){console.error(t)}}(),e.exports=n(9481)},4072:e=>{var t="undefined"!=typeof Element,n="function"==typeof Map,r="function"==typeof Set,o="function"==typeof ArrayBuffer&&!!ArrayBuffer.isView;function a(e,i){if(e===i)return!0;if(e&&i&&"object"==typeof e&&"object"==typeof i){if(e.constructor!==i.constructor)return!1;var s,l,c,u;if(Array.isArray(e)){if((s=e.length)!=i.length)return!1;for(l=s;0!=l--;)if(!a(e[l],i[l]))return!1;return!0}if(n&&e instanceof Map&&i instanceof Map){if(e.size!==i.size)return!1;for(u=e.entries();!(l=u.next()).done;)if(!i.has(l.value[0]))return!1;for(u=e.entries();!(l=u.next()).done;)if(!a(l.value[1],i.get(l.value[0])))return!1;return!0}if(r&&e instanceof Set&&i instanceof Set){if(e.size!==i.size)return!1;for(u=e.entries();!(l=u.next()).done;)if(!i.has(l.value[0]))return!1;return!0}if(o&&ArrayBuffer.isView(e)&&ArrayBuffer.isView(i)){if((s=e.length)!=i.length)return!1;for(l=s;0!=l--;)if(e[l]!==i[l])return!1;return!0}if(e.constructor===RegExp)return e.source===i.source&&e.flags===i.flags;if(e.valueOf!==Object.prototype.valueOf&&"function"==typeof e.valueOf&&"function"==typeof i.valueOf)return e.valueOf()===i.valueOf();if(e.toString!==Object.prototype.toString&&"function"==typeof e.toString&&"function"==typeof i.toString)return e.toString()===i.toString();if((s=(c=Object.keys(e)).length)!==Object.keys(i).length)return!1;for(l=s;0!=l--;)if(!Object.prototype.hasOwnProperty.call(i,c[l]))return!1;if(t&&e instanceof Element)return!1;for(l=s;0!=l--;)if(("_owner"!==c[l]&&"__v"!==c[l]&&"__o"!==c[l]||!e.$$typeof)&&!a(e[c[l]],i[c[l]]))return!1;return!0}return e!=e&&i!=i}e.exports=function(e,t){try{return a(e,t)}catch(n){if((n.message||"").match(/stack|recursion/i))return console.warn("react-fast-compare cannot handle circular refs"),!1;throw n}}},248:(e,t,n)=>{"use strict";n.d(t,{mg:()=>X,vd:()=>V});var r=n(758),o=n(2736),a=n.n(o),i=n(4072),s=n.n(i),l=n(9597),c=n.n(l),u=n(2945),d=n.n(u);function p(){return p=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},p.apply(this,arguments)}function f(e,t){e.prototype=Object.create(t.prototype),e.prototype.constructor=e,m(e,t)}function m(e,t){return m=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e},m(e,t)}function h(e,t){if(null==e)return{};var n,r,o={},a=Object.keys(e);for(r=0;r<a.length;r++)t.indexOf(n=a[r])>=0||(o[n]=e[n]);return o}var g={BASE:"base",BODY:"body",HEAD:"head",HTML:"html",LINK:"link",META:"meta",NOSCRIPT:"noscript",SCRIPT:"script",STYLE:"style",TITLE:"title",FRAGMENT:"Symbol(react.fragment)"},b={rel:["amphtml","canonical","alternate"]},y={type:["application/ld+json"]},v={charset:"",name:["robots","description"],property:["og:type","og:title","og:url","og:image","og:image:alt","og:description","twitter:url","twitter:title","twitter:description","twitter:image","twitter:image:alt","twitter:card","twitter:site"]},w=Object.keys(g).map((function(e){return g[e]})),S={accesskey:"accessKey",charset:"charSet",class:"className",contenteditable:"contentEditable",contextmenu:"contextMenu","http-equiv":"httpEquiv",itemprop:"itemProp",tabindex:"tabIndex"},k=Object.keys(S).reduce((function(e,t){return e[S[t]]=t,e}),{}),x=function(e,t){for(var n=e.length-1;n>=0;n-=1){var r=e[n];if(Object.prototype.hasOwnProperty.call(r,t))return r[t]}return null},E=function(e){var t=x(e,g.TITLE),n=x(e,"titleTemplate");if(Array.isArray(t)&&(t=t.join("")),n&&t)return n.replace(/%s/g,(function(){return t}));var r=x(e,"defaultTitle");return t||r||void 0},_=function(e){return x(e,"onChangeClientState")||function(){}},C=function(e,t){return t.filter((function(t){return void 0!==t[e]})).map((function(t){return t[e]})).reduce((function(e,t){return p({},e,t)}),{})},j=function(e,t){return t.filter((function(e){return void 0!==e[g.BASE]})).map((function(e){return e[g.BASE]})).reverse().reduce((function(t,n){if(!t.length)for(var r=Object.keys(n),o=0;o<r.length;o+=1){var a=r[o].toLowerCase();if(-1!==e.indexOf(a)&&n[a])return t.concat(n)}return t}),[])},O=function(e,t,n){var r={};return n.filter((function(t){return!!Array.isArray(t[e])||(void 0!==t[e]&&console&&"function"==typeof console.warn&&console.warn("Helmet: "+e+' should be of type "Array". Instead found type "'+typeof t[e]+'"'),!1)})).map((function(t){return t[e]})).reverse().reduce((function(e,n){var o={};n.filter((function(e){for(var n,a=Object.keys(e),i=0;i<a.length;i+=1){var s=a[i],l=s.toLowerCase();-1===t.indexOf(l)||"rel"===n&&"canonical"===e[n].toLowerCase()||"rel"===l&&"stylesheet"===e[l].toLowerCase()||(n=l),-1===t.indexOf(s)||"innerHTML"!==s&&"cssText"!==s&&"itemprop"!==s||(n=s)}if(!n||!e[n])return!1;var c=e[n].toLowerCase();return r[n]||(r[n]={}),o[n]||(o[n]={}),!r[n][c]&&(o[n][c]=!0,!0)})).reverse().forEach((function(t){return e.push(t)}));for(var a=Object.keys(o),i=0;i<a.length;i+=1){var s=a[i],l=p({},r[s],o[s]);r[s]=l}return e}),[]).reverse()},A=function(e,t){if(Array.isArray(e)&&e.length)for(var n=0;n<e.length;n+=1)if(e[n][t])return!0;return!1},T=function(e){return Array.isArray(e)?e.join(""):e},P=function(e,t){return Array.isArray(e)?e.reduce((function(e,n){return function(e,t){for(var n=Object.keys(e),r=0;r<n.length;r+=1)if(t[n[r]]&&t[n[r]].includes(e[n[r]]))return!0;return!1}(n,t)?e.priority.push(n):e.default.push(n),e}),{priority:[],default:[]}):{default:e}},L=function(e,t){var n;return p({},e,((n={})[t]=void 0,n))},I=[g.NOSCRIPT,g.SCRIPT,g.STYLE],N=function(e,t){return void 0===t&&(t=!0),!1===t?String(e):String(e).replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;").replace(/'/g,"&#x27;")},R=function(e){return Object.keys(e).reduce((function(t,n){var r=void 0!==e[n]?n+'="'+e[n]+'"':""+n;return t?t+" "+r:r}),"")},D=function(e,t){return void 0===t&&(t={}),Object.keys(e).reduce((function(t,n){return t[S[n]||n]=e[n],t}),t)},M=function(e,t){return t.map((function(t,n){var o,a=((o={key:n})["data-rh"]=!0,o);return Object.keys(t).forEach((function(e){var n=S[e]||e;"innerHTML"===n||"cssText"===n?a.dangerouslySetInnerHTML={__html:t.innerHTML||t.cssText}:a[n]=t[e]})),r.createElement(e,a)}))},F=function(e,t,n){switch(e){case g.TITLE:return{toComponent:function(){return n=t.titleAttributes,(o={key:e=t.title})["data-rh"]=!0,a=D(n,o),[r.createElement(g.TITLE,a,e)];var e,n,o,a},toString:function(){return function(e,t,n,r){var o=R(n),a=T(t);return o?"<"+e+' data-rh="true" '+o+">"+N(a,r)+"</"+e+">":"<"+e+' data-rh="true">'+N(a,r)+"</"+e+">"}(e,t.title,t.titleAttributes,n)}};case"bodyAttributes":case"htmlAttributes":return{toComponent:function(){return D(t)},toString:function(){return R(t)}};default:return{toComponent:function(){return M(e,t)},toString:function(){return function(e,t,n){return t.reduce((function(t,r){var o=Object.keys(r).filter((function(e){return!("innerHTML"===e||"cssText"===e)})).reduce((function(e,t){var o=void 0===r[t]?t:t+'="'+N(r[t],n)+'"';return e?e+" "+o:o}),""),a=r.innerHTML||r.cssText||"",i=-1===I.indexOf(e);return t+"<"+e+' data-rh="true" '+o+(i?"/>":">"+a+"</"+e+">")}),"")}(e,t,n)}}}},z=function(e){var t=e.baseTag,n=e.bodyAttributes,r=e.encode,o=e.htmlAttributes,a=e.noscriptTags,i=e.styleTags,s=e.title,l=void 0===s?"":s,c=e.titleAttributes,u=e.linkTags,d=e.metaTags,p=e.scriptTags,f={toComponent:function(){},toString:function(){return""}};if(e.prioritizeSeoTags){var m=function(e){var t=e.linkTags,n=e.scriptTags,r=e.encode,o=P(e.metaTags,v),a=P(t,b),i=P(n,y);return{priorityMethods:{toComponent:function(){return[].concat(M(g.META,o.priority),M(g.LINK,a.priority),M(g.SCRIPT,i.priority))},toString:function(){return F(g.META,o.priority,r)+" "+F(g.LINK,a.priority,r)+" "+F(g.SCRIPT,i.priority,r)}},metaTags:o.default,linkTags:a.default,scriptTags:i.default}}(e);f=m.priorityMethods,u=m.linkTags,d=m.metaTags,p=m.scriptTags}return{priority:f,base:F(g.BASE,t,r),bodyAttributes:F("bodyAttributes",n,r),htmlAttributes:F("htmlAttributes",o,r),link:F(g.LINK,u,r),meta:F(g.META,d,r),noscript:F(g.NOSCRIPT,a,r),script:F(g.SCRIPT,p,r),style:F(g.STYLE,i,r),title:F(g.TITLE,{title:l,titleAttributes:c},r)}},B=[],U=function(e,t){var n=this;void 0===t&&(t="undefined"!=typeof document),this.instances=[],this.value={setHelmet:function(e){n.context.helmet=e},helmetInstances:{get:function(){return n.canUseDOM?B:n.instances},add:function(e){(n.canUseDOM?B:n.instances).push(e)},remove:function(e){var t=(n.canUseDOM?B:n.instances).indexOf(e);(n.canUseDOM?B:n.instances).splice(t,1)}}},this.context=e,this.canUseDOM=t,t||(e.helmet=z({baseTag:[],bodyAttributes:{},encodeSpecialCharacters:!0,htmlAttributes:{},linkTags:[],metaTags:[],noscriptTags:[],scriptTags:[],styleTags:[],title:"",titleAttributes:{}}))},q=r.createContext({}),$=a().shape({setHelmet:a().func,helmetInstances:a().shape({get:a().func,add:a().func,remove:a().func})}),H="undefined"!=typeof document,V=function(e){function t(n){var r;return(r=e.call(this,n)||this).helmetData=new U(r.props.context,t.canUseDOM),r}return f(t,e),t.prototype.render=function(){return r.createElement(q.Provider,{value:this.helmetData.value},this.props.children)},t}(r.Component);V.canUseDOM=H,V.propTypes={context:a().shape({helmet:a().shape()}),children:a().node.isRequired},V.defaultProps={context:{}},V.displayName="HelmetProvider";var G=function(e,t){var n,r=document.head||document.querySelector(g.HEAD),o=r.querySelectorAll(e+"[data-rh]"),a=[].slice.call(o),i=[];return t&&t.length&&t.forEach((function(t){var r=document.createElement(e);for(var o in t)Object.prototype.hasOwnProperty.call(t,o)&&("innerHTML"===o?r.innerHTML=t.innerHTML:"cssText"===o?r.styleSheet?r.styleSheet.cssText=t.cssText:r.appendChild(document.createTextNode(t.cssText)):r.setAttribute(o,void 0===t[o]?"":t[o]));r.setAttribute("data-rh","true"),a.some((function(e,t){return n=t,r.isEqualNode(e)}))?a.splice(n,1):i.push(r)})),a.forEach((function(e){return e.parentNode.removeChild(e)})),i.forEach((function(e){return r.appendChild(e)})),{oldTags:a,newTags:i}},W=function(e,t){var n=document.getElementsByTagName(e)[0];if(n){for(var r=n.getAttribute("data-rh"),o=r?r.split(","):[],a=[].concat(o),i=Object.keys(t),s=0;s<i.length;s+=1){var l=i[s],c=t[l]||"";n.getAttribute(l)!==c&&n.setAttribute(l,c),-1===o.indexOf(l)&&o.push(l);var u=a.indexOf(l);-1!==u&&a.splice(u,1)}for(var d=a.length-1;d>=0;d-=1)n.removeAttribute(a[d]);o.length===a.length?n.removeAttribute("data-rh"):n.getAttribute("data-rh")!==i.join(",")&&n.setAttribute("data-rh",i.join(","))}},K=function(e,t){var n=e.baseTag,r=e.htmlAttributes,o=e.linkTags,a=e.metaTags,i=e.noscriptTags,s=e.onChangeClientState,l=e.scriptTags,c=e.styleTags,u=e.title,d=e.titleAttributes;W(g.BODY,e.bodyAttributes),W(g.HTML,r),function(e,t){void 0!==e&&document.title!==e&&(document.title=T(e)),W(g.TITLE,t)}(u,d);var p={baseTag:G(g.BASE,n),linkTags:G(g.LINK,o),metaTags:G(g.META,a),noscriptTags:G(g.NOSCRIPT,i),scriptTags:G(g.SCRIPT,l),styleTags:G(g.STYLE,c)},f={},m={};Object.keys(p).forEach((function(e){var t=p[e],n=t.newTags,r=t.oldTags;n.length&&(f[e]=n),r.length&&(m[e]=p[e].oldTags)})),t&&t(),s(e,f,m)},Q=null,Y=function(e){function t(){for(var t,n=arguments.length,r=new Array(n),o=0;o<n;o++)r[o]=arguments[o];return(t=e.call.apply(e,[this].concat(r))||this).rendered=!1,t}f(t,e);var n=t.prototype;return n.shouldComponentUpdate=function(e){return!d()(e,this.props)},n.componentDidUpdate=function(){this.emitChange()},n.componentWillUnmount=function(){this.props.context.helmetInstances.remove(this),this.emitChange()},n.emitChange=function(){var e,t,n=this.props.context,r=n.setHelmet,o=null,a=(e=n.helmetInstances.get().map((function(e){var t=p({},e.props);return delete t.context,t})),{baseTag:j(["href"],e),bodyAttributes:C("bodyAttributes",e),defer:x(e,"defer"),encode:x(e,"encodeSpecialCharacters"),htmlAttributes:C("htmlAttributes",e),linkTags:O(g.LINK,["rel","href"],e),metaTags:O(g.META,["name","charset","http-equiv","property","itemprop"],e),noscriptTags:O(g.NOSCRIPT,["innerHTML"],e),onChangeClientState:_(e),scriptTags:O(g.SCRIPT,["src","innerHTML"],e),styleTags:O(g.STYLE,["cssText"],e),title:E(e),titleAttributes:C("titleAttributes",e),prioritizeSeoTags:A(e,"prioritizeSeoTags")});V.canUseDOM?(t=a,Q&&cancelAnimationFrame(Q),t.defer?Q=requestAnimationFrame((function(){K(t,(function(){Q=null}))})):(K(t),Q=null)):z&&(o=z(a)),r(o)},n.init=function(){this.rendered||(this.rendered=!0,this.props.context.helmetInstances.add(this),this.emitChange())},n.render=function(){return this.init(),null},t}(r.Component);Y.propTypes={context:$.isRequired},Y.displayName="HelmetDispatcher";var Z=["children"],J=["children"],X=function(e){function t(){return e.apply(this,arguments)||this}f(t,e);var n=t.prototype;return n.shouldComponentUpdate=function(e){return!s()(L(this.props,"helmetData"),L(e,"helmetData"))},n.mapNestedChildrenToProps=function(e,t){if(!t)return null;switch(e.type){case g.SCRIPT:case g.NOSCRIPT:return{innerHTML:t};case g.STYLE:return{cssText:t};default:throw new Error("<"+e.type+" /> elements are self-closing and can not contain children. Refer to our API for more information.")}},n.flattenArrayTypeChildren=function(e){var t,n=e.child,r=e.arrayTypeChildren;return p({},r,((t={})[n.type]=[].concat(r[n.type]||[],[p({},e.newChildProps,this.mapNestedChildrenToProps(n,e.nestedChildren))]),t))},n.mapObjectTypeChildren=function(e){var t,n,r=e.child,o=e.newProps,a=e.newChildProps,i=e.nestedChildren;switch(r.type){case g.TITLE:return p({},o,((t={})[r.type]=i,t.titleAttributes=p({},a),t));case g.BODY:return p({},o,{bodyAttributes:p({},a)});case g.HTML:return p({},o,{htmlAttributes:p({},a)});default:return p({},o,((n={})[r.type]=p({},a),n))}},n.mapArrayTypeChildrenToProps=function(e,t){var n=p({},t);return Object.keys(e).forEach((function(t){var r;n=p({},n,((r={})[t]=e[t],r))})),n},n.warnOnInvalidChildren=function(e,t){return c()(w.some((function(t){return e.type===t})),"function"==typeof e.type?"You may be attempting to nest <Helmet> components within each other, which is not allowed. Refer to our API for more information.":"Only elements types "+w.join(", ")+" are allowed. Helmet does not support rendering <"+e.type+"> elements. Refer to our API for more information."),c()(!t||"string"==typeof t||Array.isArray(t)&&!t.some((function(e){return"string"!=typeof e})),"Helmet expects a string as a child of <"+e.type+">. Did you forget to wrap your children in braces? ( <"+e.type+">{``}</"+e.type+"> ) Refer to our API for more information."),!0},n.mapChildrenToProps=function(e,t){var n=this,o={};return r.Children.forEach(e,(function(e){if(e&&e.props){var r=e.props,a=r.children,i=h(r,Z),s=Object.keys(i).reduce((function(e,t){return e[k[t]||t]=i[t],e}),{}),l=e.type;switch("symbol"==typeof l?l=l.toString():n.warnOnInvalidChildren(e,a),l){case g.FRAGMENT:t=n.mapChildrenToProps(a,t);break;case g.LINK:case g.META:case g.NOSCRIPT:case g.SCRIPT:case g.STYLE:o=n.flattenArrayTypeChildren({child:e,arrayTypeChildren:o,newChildProps:s,nestedChildren:a});break;default:t=n.mapObjectTypeChildren({child:e,newProps:t,newChildProps:s,nestedChildren:a})}}})),this.mapArrayTypeChildrenToProps(o,t)},n.render=function(){var e=this.props,t=e.children,n=h(e,J),o=p({},n),a=n.helmetData;return t&&(o=this.mapChildrenToProps(t,o)),!a||a instanceof U||(a=new U(a.context,a.instances)),a?r.createElement(Y,p({},o,{context:a.value,helmetData:void 0})):r.createElement(q.Consumer,null,(function(e){return r.createElement(Y,p({},o,{context:e}))}))},t}(r.Component);X.propTypes={base:a().object,bodyAttributes:a().object,children:a().oneOfType([a().arrayOf(a().node),a().node]),defaultTitle:a().string,defer:a().bool,encodeSpecialCharacters:a().bool,htmlAttributes:a().object,link:a().arrayOf(a().object),meta:a().arrayOf(a().object),noscript:a().arrayOf(a().object),onChangeClientState:a().func,script:a().arrayOf(a().object),style:a().arrayOf(a().object),title:a().string,titleAttributes:a().object,titleTemplate:a().string,prioritizeSeoTags:a().bool,helmetData:a().object},X.defaultProps={defer:!0,encodeSpecialCharacters:!0,prioritizeSeoTags:!1},X.displayName="Helmet"},5843:(e,t)=>{"use strict";var n="function"==typeof Symbol&&Symbol.for,r=n?Symbol.for("react.element"):60103,o=n?Symbol.for("react.portal"):60106,a=n?Symbol.for("react.fragment"):60107,i=n?Symbol.for("react.strict_mode"):60108,s=n?Symbol.for("react.profiler"):60114,l=n?Symbol.for("react.provider"):60109,c=n?Symbol.for("react.context"):60110,u=n?Symbol.for("react.async_mode"):60111,d=n?Symbol.for("react.concurrent_mode"):60111,p=n?Symbol.for("react.forward_ref"):60112,f=n?Symbol.for("react.suspense"):60113,m=n?Symbol.for("react.suspense_list"):60120,h=n?Symbol.for("react.memo"):60115,g=n?Symbol.for("react.lazy"):60116,b=n?Symbol.for("react.block"):60121,y=n?Symbol.for("react.fundamental"):60117,v=n?Symbol.for("react.responder"):60118,w=n?Symbol.for("react.scope"):60119;function S(e){if("object"==typeof e&&null!==e){var t=e.$$typeof;switch(t){case r:switch(e=e.type){case u:case d:case a:case s:case i:case f:return e;default:switch(e=e&&e.$$typeof){case c:case p:case g:case h:case l:return e;default:return t}}case o:return t}}}function k(e){return S(e)===d}t.AsyncMode=u,t.ConcurrentMode=d,t.ContextConsumer=c,t.ContextProvider=l,t.Element=r,t.ForwardRef=p,t.Fragment=a,t.Lazy=g,t.Memo=h,t.Portal=o,t.Profiler=s,t.StrictMode=i,t.Suspense=f,t.isAsyncMode=function(e){return k(e)||S(e)===u},t.isConcurrentMode=k,t.isContextConsumer=function(e){return S(e)===c},t.isContextProvider=function(e){return S(e)===l},t.isElement=function(e){return"object"==typeof e&&null!==e&&e.$$typeof===r},t.isForwardRef=function(e){return S(e)===p},t.isFragment=function(e){return S(e)===a},t.isLazy=function(e){return S(e)===g},t.isMemo=function(e){return S(e)===h},t.isPortal=function(e){return S(e)===o},t.isProfiler=function(e){return S(e)===s},t.isStrictMode=function(e){return S(e)===i},t.isSuspense=function(e){return S(e)===f},t.isValidElementType=function(e){return"string"==typeof e||"function"==typeof e||e===a||e===d||e===s||e===i||e===f||e===m||"object"==typeof e&&null!==e&&(e.$$typeof===g||e.$$typeof===h||e.$$typeof===l||e.$$typeof===c||e.$$typeof===p||e.$$typeof===y||e.$$typeof===v||e.$$typeof===w||e.$$typeof===b)},t.typeOf=S},5959:(e,t,n)=>{"use strict";e.exports=n(5843)},389:(e,t,n)=>{"use strict";n.d(t,{u:()=>i,v:()=>s});var r=n(5557),o=n(991),a=n(758);function i(e,t,n){return void 0===n&&(n=[]),e.some((function(e){var o=e.path?(0,r.B6)(t,e):n.length?n[n.length-1].match:r.Ix.computeRootMatch(t);return o&&(n.push({route:e,match:o}),e.routes&&i(e.routes,t,n)),o})),n}function s(e,t,n){return void 0===t&&(t={}),void 0===n&&(n={}),e?a.createElement(r.dO,n,e.map((function(e,n){return a.createElement(r.qh,{key:e.key||n,path:e.path,exact:e.exact,strict:e.strict,render:function(n){return e.render?e.render((0,o.A)({},n,{},t,{route:e})):a.createElement(e.component,(0,o.A)({},n,t,{route:e}))}})}))):null}},1742:(e,t,n)=>{"use strict";n.d(t,{I9:()=>d,Kd:()=>u,N_:()=>b,k2:()=>w});var r=n(5557),o=n(1141),a=n(758),i=n(3332),s=n(991),l=n(3302),c=n(5385),u=function(e){function t(){for(var t,n=arguments.length,r=new Array(n),o=0;o<n;o++)r[o]=arguments[o];return(t=e.call.apply(e,[this].concat(r))||this).history=(0,i.zR)(t.props),t}return(0,o.A)(t,e),t.prototype.render=function(){return a.createElement(r.Ix,{history:this.history,children:this.props.children})},t}(a.Component);var d=function(e){function t(){for(var t,n=arguments.length,r=new Array(n),o=0;o<n;o++)r[o]=arguments[o];return(t=e.call.apply(e,[this].concat(r))||this).history=(0,i.TM)(t.props),t}return(0,o.A)(t,e),t.prototype.render=function(){return a.createElement(r.Ix,{history:this.history,children:this.props.children})},t}(a.Component);var p=function(e,t){return"function"==typeof e?e(t):e},f=function(e,t){return"string"==typeof e?(0,i.yJ)(e,null,null,t):e},m=function(e){return e},h=a.forwardRef;void 0===h&&(h=m);var g=h((function(e,t){var n=e.innerRef,r=e.navigate,o=e.onClick,i=(0,l.A)(e,["innerRef","navigate","onClick"]),c=i.target,u=(0,s.A)({},i,{onClick:function(e){try{o&&o(e)}catch(t){throw e.preventDefault(),t}e.defaultPrevented||0!==e.button||c&&"_self"!==c||function(e){return!!(e.metaKey||e.altKey||e.ctrlKey||e.shiftKey)}(e)||(e.preventDefault(),r())}});return u.ref=m!==h&&t||n,a.createElement("a",u)}));var b=h((function(e,t){var n=e.component,o=void 0===n?g:n,u=e.replace,d=e.to,b=e.innerRef,y=(0,l.A)(e,["component","replace","to","innerRef"]);return a.createElement(r.XZ.Consumer,null,(function(e){e||(0,c.A)(!1);var n=e.history,r=f(p(d,e.location),e.location),l=r?n.createHref(r):"",g=(0,s.A)({},y,{href:l,navigate:function(){var t=p(d,e.location),r=(0,i.AO)(e.location)===(0,i.AO)(f(t));(u||r?n.replace:n.push)(t)}});return m!==h?g.ref=t||b:g.innerRef=b,a.createElement(o,g)}))})),y=function(e){return e},v=a.forwardRef;void 0===v&&(v=y);var w=v((function(e,t){var n=e["aria-current"],o=void 0===n?"page":n,i=e.activeClassName,u=void 0===i?"active":i,d=e.activeStyle,m=e.className,h=e.exact,g=e.isActive,w=e.location,S=e.sensitive,k=e.strict,x=e.style,E=e.to,_=e.innerRef,C=(0,l.A)(e,["aria-current","activeClassName","activeStyle","className","exact","isActive","location","sensitive","strict","style","to","innerRef"]);return a.createElement(r.XZ.Consumer,null,(function(e){e||(0,c.A)(!1);var n=w||e.location,i=f(p(E,n),n),l=i.pathname,j=l&&l.replace(/([.+*?=^!:${}()[\]|/\\])/g,"\\$1"),O=j?(0,r.B6)(n.pathname,{path:j,exact:h,sensitive:S,strict:k}):null,A=!!(g?g(O,n):O),T="function"==typeof m?m(A):m,P="function"==typeof x?x(A):x;A&&(T=function(){for(var e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];return t.filter((function(e){return e})).join(" ")}(T,u),P=(0,s.A)({},P,d));var L=(0,s.A)({"aria-current":A&&o||null,className:T,style:P,to:i},C);return y!==v?L.ref=t||_:L.innerRef=_,a.createElement(b,L)}))}))},5557:(e,t,n)=>{"use strict";n.d(t,{B6:()=>x,Ix:()=>v,W6:()=>L,XZ:()=>y,dO:()=>T,qh:()=>E,zy:()=>I});var r=n(1141),o=n(758),a=n(2736),i=n.n(a),s=n(3332),l=n(5385),c=n(991),u=n(6150),d=n.n(u),p=(n(5959),n(3302)),f=(n(1035),1073741823),m="undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:void 0!==n.g?n.g:{};var h=o.createContext||function(e,t){var n,a,s="__create-react-context-"+function(){var e="__global_unique_id__";return m[e]=(m[e]||0)+1}()+"__",l=function(e){function n(){for(var t,n,r,o=arguments.length,a=new Array(o),i=0;i<o;i++)a[i]=arguments[i];return(t=e.call.apply(e,[this].concat(a))||this).emitter=(n=t.props.value,r=[],{on:function(e){r.push(e)},off:function(e){r=r.filter((function(t){return t!==e}))},get:function(){return n},set:function(e,t){n=e,r.forEach((function(e){return e(n,t)}))}}),t}(0,r.A)(n,e);var o=n.prototype;return o.getChildContext=function(){var e;return(e={})[s]=this.emitter,e},o.componentWillReceiveProps=function(e){if(this.props.value!==e.value){var n,r=this.props.value,o=e.value;((a=r)===(i=o)?0!==a||1/a==1/i:a!=a&&i!=i)?n=0:(n="function"==typeof t?t(r,o):f,0!==(n|=0)&&this.emitter.set(e.value,n))}var a,i},o.render=function(){return this.props.children},n}(o.Component);l.childContextTypes=((n={})[s]=i().object.isRequired,n);var c=function(t){function n(){for(var e,n=arguments.length,r=new Array(n),o=0;o<n;o++)r[o]=arguments[o];return(e=t.call.apply(t,[this].concat(r))||this).observedBits=void 0,e.state={value:e.getValue()},e.onUpdate=function(t,n){(0|e.observedBits)&n&&e.setState({value:e.getValue()})},e}(0,r.A)(n,t);var o=n.prototype;return o.componentWillReceiveProps=function(e){var t=e.observedBits;this.observedBits=null==t?f:t},o.componentDidMount=function(){this.context[s]&&this.context[s].on(this.onUpdate);var e=this.props.observedBits;this.observedBits=null==e?f:e},o.componentWillUnmount=function(){this.context[s]&&this.context[s].off(this.onUpdate)},o.getValue=function(){return this.context[s]?this.context[s].get():e},o.render=function(){return(e=this.props.children,Array.isArray(e)?e[0]:e)(this.state.value);var e},n}(o.Component);return c.contextTypes=((a={})[s]=i().object,a),{Provider:l,Consumer:c}},g=function(e){var t=h();return t.displayName=e,t},b=g("Router-History"),y=g("Router"),v=function(e){function t(t){var n;return(n=e.call(this,t)||this).state={location:t.history.location},n._isMounted=!1,n._pendingLocation=null,t.staticContext||(n.unlisten=t.history.listen((function(e){n._pendingLocation=e}))),n}(0,r.A)(t,e),t.computeRootMatch=function(e){return{path:"/",url:"/",params:{},isExact:"/"===e}};var n=t.prototype;return n.componentDidMount=function(){var e=this;this._isMounted=!0,this.unlisten&&this.unlisten(),this.props.staticContext||(this.unlisten=this.props.history.listen((function(t){e._isMounted&&e.setState({location:t})}))),this._pendingLocation&&this.setState({location:this._pendingLocation})},n.componentWillUnmount=function(){this.unlisten&&(this.unlisten(),this._isMounted=!1,this._pendingLocation=null)},n.render=function(){return o.createElement(y.Provider,{value:{history:this.props.history,location:this.state.location,match:t.computeRootMatch(this.state.location.pathname),staticContext:this.props.staticContext}},o.createElement(b.Provider,{children:this.props.children||null,value:this.props.history}))},t}(o.Component);o.Component;o.Component;var w={},S=1e4,k=0;function x(e,t){void 0===t&&(t={}),("string"==typeof t||Array.isArray(t))&&(t={path:t});var n=t,r=n.path,o=n.exact,a=void 0!==o&&o,i=n.strict,s=void 0!==i&&i,l=n.sensitive,c=void 0!==l&&l;return[].concat(r).reduce((function(t,n){if(!n&&""!==n)return null;if(t)return t;var r=function(e,t){var n=""+t.end+t.strict+t.sensitive,r=w[n]||(w[n]={});if(r[e])return r[e];var o=[],a={regexp:d()(e,o,t),keys:o};return k<S&&(r[e]=a,k++),a}(n,{end:a,strict:s,sensitive:c}),o=r.regexp,i=r.keys,l=o.exec(e);if(!l)return null;var u=l[0],p=l.slice(1),f=e===u;return a&&!f?null:{path:n,url:"/"===n&&""===u?"/":u,isExact:f,params:i.reduce((function(e,t,n){return e[t.name]=p[n],e}),{})}}),null)}var E=function(e){function t(){return e.apply(this,arguments)||this}return(0,r.A)(t,e),t.prototype.render=function(){var e=this;return o.createElement(y.Consumer,null,(function(t){t||(0,l.A)(!1);var n=e.props.location||t.location,r=e.props.computedMatch?e.props.computedMatch:e.props.path?x(n.pathname,e.props):t.match,a=(0,c.A)({},t,{location:n,match:r}),i=e.props,s=i.children,u=i.component,d=i.render;return Array.isArray(s)&&function(e){return 0===o.Children.count(e)}(s)&&(s=null),o.createElement(y.Provider,{value:a},a.match?s?"function"==typeof s?s(a):s:u?o.createElement(u,a):d?d(a):null:"function"==typeof s?s(a):null)}))},t}(o.Component);function _(e){return"/"===e.charAt(0)?e:"/"+e}function C(e,t){if(!e)return t;var n=_(e);return 0!==t.pathname.indexOf(n)?t:(0,c.A)({},t,{pathname:t.pathname.substr(n.length)})}function j(e){return"string"==typeof e?e:(0,s.AO)(e)}function O(e){return function(){(0,l.A)(!1)}}function A(){}o.Component;var T=function(e){function t(){return e.apply(this,arguments)||this}return(0,r.A)(t,e),t.prototype.render=function(){var e=this;return o.createElement(y.Consumer,null,(function(t){t||(0,l.A)(!1);var n,r,a=e.props.location||t.location;return o.Children.forEach(e.props.children,(function(e){if(null==r&&o.isValidElement(e)){n=e;var i=e.props.path||e.props.from;r=i?x(a.pathname,(0,c.A)({},e.props,{path:i})):t.match}})),r?o.cloneElement(n,{location:a,computedMatch:r}):null}))},t}(o.Component);var P=o.useContext;function L(){return P(b)}function I(){return P(y).location}},7462:(e,t,n)=>{"use strict";var r=n(758),o=Symbol.for("react.element"),a=Symbol.for("react.fragment"),i=Object.prototype.hasOwnProperty,s=r.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,l={key:!0,ref:!0,__self:!0,__source:!0};function c(e,t,n){var r,a={},c=null,u=null;for(r in void 0!==n&&(c=""+n),void 0!==t.key&&(c=""+t.key),void 0!==t.ref&&(u=t.ref),t)i.call(t,r)&&!l.hasOwnProperty(r)&&(a[r]=t[r]);if(e&&e.defaultProps)for(r in t=e.defaultProps)void 0===a[r]&&(a[r]=t[r]);return{$$typeof:o,type:e,key:c,ref:u,props:a,_owner:s.current}}t.Fragment=a,t.jsx=c,t.jsxs=c},2713:(e,t)=>{"use strict";var n=Symbol.for("react.element"),r=Symbol.for("react.portal"),o=Symbol.for("react.fragment"),a=Symbol.for("react.strict_mode"),i=Symbol.for("react.profiler"),s=Symbol.for("react.provider"),l=Symbol.for("react.context"),c=Symbol.for("react.forward_ref"),u=Symbol.for("react.suspense"),d=Symbol.for("react.memo"),p=Symbol.for("react.lazy"),f=Symbol.iterator;var m={isMounted:function(){return!1},enqueueForceUpdate:function(){},enqueueReplaceState:function(){},enqueueSetState:function(){}},h=Object.assign,g={};function b(e,t,n){this.props=e,this.context=t,this.refs=g,this.updater=n||m}function y(){}function v(e,t,n){this.props=e,this.context=t,this.refs=g,this.updater=n||m}b.prototype.isReactComponent={},b.prototype.setState=function(e,t){if("object"!=typeof e&&"function"!=typeof e&&null!=e)throw Error("setState(...): takes an object of state variables to update or a function which returns an object of state variables.");this.updater.enqueueSetState(this,e,t,"setState")},b.prototype.forceUpdate=function(e){this.updater.enqueueForceUpdate(this,e,"forceUpdate")},y.prototype=b.prototype;var w=v.prototype=new y;w.constructor=v,h(w,b.prototype),w.isPureReactComponent=!0;var S=Array.isArray,k=Object.prototype.hasOwnProperty,x={current:null},E={key:!0,ref:!0,__self:!0,__source:!0};function _(e,t,r){var o,a={},i=null,s=null;if(null!=t)for(o in void 0!==t.ref&&(s=t.ref),void 0!==t.key&&(i=""+t.key),t)k.call(t,o)&&!E.hasOwnProperty(o)&&(a[o]=t[o]);var l=arguments.length-2;if(1===l)a.children=r;else if(1<l){for(var c=Array(l),u=0;u<l;u++)c[u]=arguments[u+2];a.children=c}if(e&&e.defaultProps)for(o in l=e.defaultProps)void 0===a[o]&&(a[o]=l[o]);return{$$typeof:n,type:e,key:i,ref:s,props:a,_owner:x.current}}function C(e){return"object"==typeof e&&null!==e&&e.$$typeof===n}var j=/\/+/g;function O(e,t){return"object"==typeof e&&null!==e&&null!=e.key?function(e){var t={"=":"=0",":":"=2"};return"$"+e.replace(/[=:]/g,(function(e){return t[e]}))}(""+e.key):t.toString(36)}function A(e,t,o,a,i){var s=typeof e;"undefined"!==s&&"boolean"!==s||(e=null);var l=!1;if(null===e)l=!0;else switch(s){case"string":case"number":l=!0;break;case"object":switch(e.$$typeof){case n:case r:l=!0}}if(l)return i=i(l=e),e=""===a?"."+O(l,0):a,S(i)?(o="",null!=e&&(o=e.replace(j,"$&/")+"/"),A(i,t,o,"",(function(e){return e}))):null!=i&&(C(i)&&(i=function(e,t){return{$$typeof:n,type:e.type,key:t,ref:e.ref,props:e.props,_owner:e._owner}}(i,o+(!i.key||l&&l.key===i.key?"":(""+i.key).replace(j,"$&/")+"/")+e)),t.push(i)),1;if(l=0,a=""===a?".":a+":",S(e))for(var c=0;c<e.length;c++){var u=a+O(s=e[c],c);l+=A(s,t,o,u,i)}else if(u=function(e){return null===e||"object"!=typeof e?null:"function"==typeof(e=f&&e[f]||e["@@iterator"])?e:null}(e),"function"==typeof u)for(e=u.call(e),c=0;!(s=e.next()).done;)l+=A(s=s.value,t,o,u=a+O(s,c++),i);else if("object"===s)throw t=String(e),Error("Objects are not valid as a React child (found: "+("[object Object]"===t?"object with keys {"+Object.keys(e).join(", ")+"}":t)+"). If you meant to render a collection of children, use an array instead.");return l}function T(e,t,n){if(null==e)return e;var r=[],o=0;return A(e,r,"","",(function(e){return t.call(n,e,o++)})),r}function P(e){if(-1===e._status){var t=e._result;(t=t()).then((function(t){0!==e._status&&-1!==e._status||(e._status=1,e._result=t)}),(function(t){0!==e._status&&-1!==e._status||(e._status=2,e._result=t)})),-1===e._status&&(e._status=0,e._result=t)}if(1===e._status)return e._result.default;throw e._result}var L={current:null},I={transition:null},N={ReactCurrentDispatcher:L,ReactCurrentBatchConfig:I,ReactCurrentOwner:x};function R(){throw Error("act(...) is not supported in production builds of React.")}t.Children={map:T,forEach:function(e,t,n){T(e,(function(){t.apply(this,arguments)}),n)},count:function(e){var t=0;return T(e,(function(){t++})),t},toArray:function(e){return T(e,(function(e){return e}))||[]},only:function(e){if(!C(e))throw Error("React.Children.only expected to receive a single React element child.");return e}},t.Component=b,t.Fragment=o,t.Profiler=i,t.PureComponent=v,t.StrictMode=a,t.Suspense=u,t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED=N,t.act=R,t.cloneElement=function(e,t,r){if(null==e)throw Error("React.cloneElement(...): The argument must be a React element, but you passed "+e+".");var o=h({},e.props),a=e.key,i=e.ref,s=e._owner;if(null!=t){if(void 0!==t.ref&&(i=t.ref,s=x.current),void 0!==t.key&&(a=""+t.key),e.type&&e.type.defaultProps)var l=e.type.defaultProps;for(c in t)k.call(t,c)&&!E.hasOwnProperty(c)&&(o[c]=void 0===t[c]&&void 0!==l?l[c]:t[c])}var c=arguments.length-2;if(1===c)o.children=r;else if(1<c){l=Array(c);for(var u=0;u<c;u++)l[u]=arguments[u+2];o.children=l}return{$$typeof:n,type:e.type,key:a,ref:i,props:o,_owner:s}},t.createContext=function(e){return(e={$$typeof:l,_currentValue:e,_currentValue2:e,_threadCount:0,Provider:null,Consumer:null,_defaultValue:null,_globalName:null}).Provider={$$typeof:s,_context:e},e.Consumer=e},t.createElement=_,t.createFactory=function(e){var t=_.bind(null,e);return t.type=e,t},t.createRef=function(){return{current:null}},t.forwardRef=function(e){return{$$typeof:c,render:e}},t.isValidElement=C,t.lazy=function(e){return{$$typeof:p,_payload:{_status:-1,_result:e},_init:P}},t.memo=function(e,t){return{$$typeof:d,type:e,compare:void 0===t?null:t}},t.startTransition=function(e){var t=I.transition;I.transition={};try{e()}finally{I.transition=t}},t.unstable_act=R,t.useCallback=function(e,t){return L.current.useCallback(e,t)},t.useContext=function(e){return L.current.useContext(e)},t.useDebugValue=function(){},t.useDeferredValue=function(e){return L.current.useDeferredValue(e)},t.useEffect=function(e,t){return L.current.useEffect(e,t)},t.useId=function(){return L.current.useId()},t.useImperativeHandle=function(e,t,n){return L.current.useImperativeHandle(e,t,n)},t.useInsertionEffect=function(e,t){return L.current.useInsertionEffect(e,t)},t.useLayoutEffect=function(e,t){return L.current.useLayoutEffect(e,t)},t.useMemo=function(e,t){return L.current.useMemo(e,t)},t.useReducer=function(e,t,n){return L.current.useReducer(e,t,n)},t.useRef=function(e){return L.current.useRef(e)},t.useState=function(e){return L.current.useState(e)},t.useSyncExternalStore=function(e,t,n){return L.current.useSyncExternalStore(e,t,n)},t.useTransition=function(){return L.current.useTransition()},t.version="18.3.1"},758:(e,t,n)=>{"use strict";e.exports=n(2713)},6070:(e,t,n)=>{"use strict";e.exports=n(7462)},4733:(e,t)=>{"use strict";function n(e,t){var n=e.length;e.push(t);e:for(;0<n;){var r=n-1>>>1,o=e[r];if(!(0<a(o,t)))break e;e[r]=t,e[n]=o,n=r}}function r(e){return 0===e.length?null:e[0]}function o(e){if(0===e.length)return null;var t=e[0],n=e.pop();if(n!==t){e[0]=n;e:for(var r=0,o=e.length,i=o>>>1;r<i;){var s=2*(r+1)-1,l=e[s],c=s+1,u=e[c];if(0>a(l,n))c<o&&0>a(u,l)?(e[r]=u,e[c]=n,r=c):(e[r]=l,e[s]=n,r=s);else{if(!(c<o&&0>a(u,n)))break e;e[r]=u,e[c]=n,r=c}}}return t}function a(e,t){var n=e.sortIndex-t.sortIndex;return 0!==n?n:e.id-t.id}if("object"==typeof performance&&"function"==typeof performance.now){var i=performance;t.unstable_now=function(){return i.now()}}else{var s=Date,l=s.now();t.unstable_now=function(){return s.now()-l}}var c=[],u=[],d=1,p=null,f=3,m=!1,h=!1,g=!1,b="function"==typeof setTimeout?setTimeout:null,y="function"==typeof clearTimeout?clearTimeout:null,v="undefined"!=typeof setImmediate?setImmediate:null;function w(e){for(var t=r(u);null!==t;){if(null===t.callback)o(u);else{if(!(t.startTime<=e))break;o(u),t.sortIndex=t.expirationTime,n(c,t)}t=r(u)}}function S(e){if(g=!1,w(e),!h)if(null!==r(c))h=!0,I(k);else{var t=r(u);null!==t&&N(S,t.startTime-e)}}function k(e,n){h=!1,g&&(g=!1,y(C),C=-1),m=!0;var a=f;try{for(w(n),p=r(c);null!==p&&(!(p.expirationTime>n)||e&&!A());){var i=p.callback;if("function"==typeof i){p.callback=null,f=p.priorityLevel;var s=i(p.expirationTime<=n);n=t.unstable_now(),"function"==typeof s?p.callback=s:p===r(c)&&o(c),w(n)}else o(c);p=r(c)}if(null!==p)var l=!0;else{var d=r(u);null!==d&&N(S,d.startTime-n),l=!1}return l}finally{p=null,f=a,m=!1}}"undefined"!=typeof navigator&&void 0!==navigator.scheduling&&void 0!==navigator.scheduling.isInputPending&&navigator.scheduling.isInputPending.bind(navigator.scheduling);var x,E=!1,_=null,C=-1,j=5,O=-1;function A(){return!(t.unstable_now()-O<j)}function T(){if(null!==_){var e=t.unstable_now();O=e;var n=!0;try{n=_(!0,e)}finally{n?x():(E=!1,_=null)}}else E=!1}if("function"==typeof v)x=function(){v(T)};else if("undefined"!=typeof MessageChannel){var P=new MessageChannel,L=P.port2;P.port1.onmessage=T,x=function(){L.postMessage(null)}}else x=function(){b(T,0)};function I(e){_=e,E||(E=!0,x())}function N(e,n){C=b((function(){e(t.unstable_now())}),n)}t.unstable_IdlePriority=5,t.unstable_ImmediatePriority=1,t.unstable_LowPriority=4,t.unstable_NormalPriority=3,t.unstable_Profiling=null,t.unstable_UserBlockingPriority=2,t.unstable_cancelCallback=function(e){e.callback=null},t.unstable_continueExecution=function(){h||m||(h=!0,I(k))},t.unstable_forceFrameRate=function(e){0>e||125<e?console.error("forceFrameRate takes a positive int between 0 and 125, forcing frame rates higher than 125 fps is not supported"):j=0<e?Math.floor(1e3/e):5},t.unstable_getCurrentPriorityLevel=function(){return f},t.unstable_getFirstCallbackNode=function(){return r(c)},t.unstable_next=function(e){switch(f){case 1:case 2:case 3:var t=3;break;default:t=f}var n=f;f=t;try{return e()}finally{f=n}},t.unstable_pauseExecution=function(){},t.unstable_requestPaint=function(){},t.unstable_runWithPriority=function(e,t){switch(e){case 1:case 2:case 3:case 4:case 5:break;default:e=3}var n=f;f=e;try{return t()}finally{f=n}},t.unstable_scheduleCallback=function(e,o,a){var i=t.unstable_now();switch("object"==typeof a&&null!==a?a="number"==typeof(a=a.delay)&&0<a?i+a:i:a=i,e){case 1:var s=-1;break;case 2:s=250;break;case 5:s=1073741823;break;case 4:s=1e4;break;default:s=5e3}return e={id:d++,callback:o,priorityLevel:e,startTime:a,expirationTime:s=a+s,sortIndex:-1},a>i?(e.sortIndex=a,n(u,e),null===r(c)&&e===r(u)&&(g?(y(C),C=-1):g=!0,N(S,a-i))):(e.sortIndex=s,n(c,e),h||m||(h=!0,I(k))),e},t.unstable_shouldYield=A,t.unstable_wrapCallback=function(e){var t=f;return function(){var n=f;f=t;try{return e.apply(this,arguments)}finally{f=n}}}},1896:(e,t,n)=>{"use strict";e.exports=n(4733)},2945:e=>{e.exports=function(e,t,n,r){var o=n?n.call(r,e,t):void 0;if(void 0!==o)return!!o;if(e===t)return!0;if("object"!=typeof e||!e||"object"!=typeof t||!t)return!1;var a=Object.keys(e),i=Object.keys(t);if(a.length!==i.length)return!1;for(var s=Object.prototype.hasOwnProperty.bind(t),l=0;l<a.length;l++){var c=a[l];if(!s(c))return!1;var u=e[c],d=t[c];if(!1===(o=n?n.call(r,u,d,c):void 0)||void 0===o&&u!==d)return!1}return!0}},4784:(e,t,n)=>{"use strict";n.r(t),n.d(t,{default:()=>r});const r={title:"Feature-Sliced Design",tagline:"Architectural methodology for frontend projects",organizationName:"feature-sliced",projectName:"documentation",url:"https://feature-sliced.design",favicon:"img/favicon/classic.png",baseUrl:"/",i18n:{defaultLocale:"en",locales:["ru","en","uz","kr","ja"],localeConfigs:{ru:{label:"\u0420\u0443\u0441\u0441\u043a\u0438\u0439",direction:"ltr"},en:{label:"English",direction:"ltr"},uz:{label:"O'zbekcha",direction:"ltr"},kr:{label:"\ud55c\uad6d\uc5b4",direction:"ltr"},ja:{label:"\u65e5\u672c\u8a9e",direction:"ltr"}},path:"i18n"},presets:[["@docusaurus/preset-classic",{docs:{path:"i18n/en/docusaurus-plugin-content-docs/current",breadcrumbs:!0,editLocalizedFiles:!0,sidebarPath:"/home/runner/work/documentation/documentation/config/docusaurus/sidebars.docs.js",editUrl:"https://github.com/feature-sliced/documentation/edit/master/",showLastUpdateTime:!0,versions:{current:{label:"v2.0.0 \ud83c\udf70"}}},blog:{showReadingTime:!0,editUrl:"https://github.com/feature-sliced/documentation/edit/master/blog/",onInlineAuthors:"ignore"},theme:{customCss:"/home/runner/work/documentation/documentation/src/app/index.scss"},sitemap:{changefreq:"weekly",priority:.5}}]],plugins:[["@docusaurus/plugin-content-docs",{id:"community",breadcrumbs:!0,path:"i18n/en/docusaurus-plugin-content-docs/community",editLocalizedFiles:!0,routeBasePath:"community",editUrl:"https://github.com/feature-sliced/documentation/edit/master/",sidebarPath:"/home/runner/work/documentation/documentation/config/docusaurus/sidebars.community.js",showLastUpdateAuthor:!0,showLastUpdateTime:!0}],"docusaurus-plugin-sass",["@docusaurus/plugin-client-redirects",{redirects:[{from:"/branding",to:"/docs/branding"},{from:"/docs/guides/migration",to:"/docs/guides/migration/from-custom"},{from:"/docs/get-started/quick-start",to:"/docs/get-started/tutorial"},{from:"/docs/get-started/basics",to:"/docs/get-started/overview"},{from:["/docs/get-started/tutorial/decompose","/docs/get-started/tutorial/design-mockup","/docs/get-started/onboard/cheatsheet"],to:"/docs/get-started/cheatsheet"},{from:["/docs/about/alternatives/big-ball-of-mud","/docs/about/alternatives/design-principles","/docs/about/alternatives/ddd","/docs/about/alternatives/clean-architecture","/docs/about/alternatives/frameworks","/docs/about/alternatives/atomic-design","/docs/about/alternatives/smart-dumb-components","/docs/about/alternatives/feature-driven"],to:"/docs/about/alternatives"},{from:"/docs/reference/knowledge-types",to:"/docs/about/understanding/knowledge-types"},{from:"/docs/concepts/needs-driven",to:"/docs/about/understanding/needs-driven"},{from:"/docs/concepts/architecture",to:"/docs/about/understanding/architecture"},{from:"/docs/concepts/naming-adaptability",to:"/docs/about/understanding/naming"},{from:"/docs/concepts/signals",to:"/docs/about/understanding/signals"},{from:"/docs/concepts/abstractions",to:"/docs/about/understanding/abstractions"},{from:"/docs/concepts/decouple-entities",to:"/docs/reference/isolation/decouple-entities"},{from:"/docs/concepts/low-coupling",to:"/docs/reference/isolation/coupling-cohesion"},{from:"/docs/concepts/cross-communication",to:"/docs/reference/isolation"},{from:"/docs/concepts/app-splitting",to:"/docs/reference"},{from:"/docs/reference/units/decomposition",to:"/docs/reference"},{from:"/docs/reference/units",to:"/docs/reference"},{from:"/docs/reference/units/layers",to:"/docs/reference/layers"},{from:"/docs/reference/layers/overview",to:"/docs/reference/layers"},{from:"/docs/reference/units/layers/app",to:"/docs/reference/layers"},{from:"/docs/reference/units/layers/processes",to:"/docs/reference/layers"},{from:"/docs/reference/units/layers/pages",to:"/docs/reference/layers"},{from:"/docs/reference/units/layers/widgets",to:"/docs/reference/layers"},{from:"/docs/reference/layers/widgets",to:"/docs/reference/layers"},{from:"/docs/reference/units/layers/features",to:"/docs/reference/layers"},{from:"/docs/reference/units/layers/entities",to:"/docs/reference/layers"},{from:"/docs/reference/units/layers/shared",to:"/docs/reference/layers"},{from:"/docs/reference/units/segments",to:"/docs/reference/slices-segments"},{from:"/docs/concepts/issues/cross-imports",to:"/docs/guides/issues/cross-imports"},{from:"/docs/concepts/issues/desegmented",to:"/docs/guides/issues/desegmented"},{from:"/docs/concepts/issues/routes",to:"/docs/guides/issues/routes"},{from:"/docs/guides/examples/viewer",to:"/docs/guides/examples/auth"},{from:"/docs/guides/monorepo",to:"/docs/guides/examples/monorepo"},{from:"/docs/guides/white-labels",to:"/docs/guides/examples/white-labels"},{from:"/docs/guides/migration-from-v1",to:"/docs/guides/migration/from-v1"},{from:"/docs/guides/migration-from-legacy",to:"/docs/guides/migration/from-custom"},{from:"/docs/guides/usage-with-nextjs",to:"/docs/guides/tech/with-nextjs"},{from:"/docs/guides/migration/from-legacy",to:"/docs/guides/migration/from-custom"},{from:"/en/docs/about",to:"/docs/about"},{from:"/en/docs/about/alternatives",to:"/docs/about/alternatives"},{from:"/en/docs/about/mission",to:"/docs/about/mission"},{from:"/en/docs/about/motivation",to:"/docs/about/motivation"},{from:"/en/docs/about/promote/for-company",to:"/docs/about/promote/for-company"},{from:"/en/docs/about/promote/for-team",to:"/docs/about/promote/for-team"},{from:"/en/docs/about/promote/integration",to:"/docs/about/promote/integration"},{from:"/en/docs/about/promote/partial-application",to:"/docs/about/promote/partial-application"},{from:"/en/docs/branding",to:"/docs/branding"},{from:"/en/docs/get-started",to:"/docs/get-started"},{from:"/en/docs/get-started/overview",to:"/docs/get-started/overview"},{from:"/en/docs/get-started/cheatsheet",to:"/docs/get-started/cheatsheet"},{from:"/en/docs/get-started/faq",to:"/docs/get-started/faq"},{from:"/en/docs/get-started/tutorial",to:"/docs/get-started/tutorial"},{from:"/en/docs/guides",to:"/docs/guides"},{from:"/en/docs/guides/examples",to:"/docs/guides/examples"},{from:"/en/docs/guides/examples/auth",to:"/docs/guides/examples/auth"},{from:"/en/docs/guides/examples/autocompleted",to:"/docs/guides/examples/autocompleted"},{from:"/en/docs/guides/examples/browser-api",to:"/docs/guides/examples/browser-api"},{from:"/en/docs/guides/examples/cms",to:"/docs/guides/examples/cms"},{from:"/en/docs/guides/examples/feedback",to:"/docs/guides/examples/feedback"},{from:"/en/docs/guides/examples/i18n",to:"/docs/guides/examples/i18n"},{from:"/en/docs/guides/examples/metric",to:"/docs/guides/examples/metric"},{from:"/en/docs/guides/examples/monorepo",to:"/docs/guides/examples/monorepo"},{from:"/en/docs/guides/examples/page-layout",to:"/docs/guides/examples/page-layout"},{from:"/en/docs/guides/examples/platforms",to:"/docs/guides/examples/platforms"},{from:"/en/docs/guides/examples/ssr",to:"/docs/guides/examples/ssr"},{from:"/en/docs/guides/examples/theme",to:"/docs/guides/examples/theme"},{from:"/en/docs/guides/examples/types",to:"/docs/guides/examples/types"},{from:"/en/docs/guides/examples/white-labels",to:"/docs/guides/examples/white-labels"},{from:"/en/docs/guides/migration/from-custom",to:"/docs/guides/migration/from-custom"},{from:"/en/docs/guides/migration/from-v1",to:"/docs/guides/migration/from-v1"},{from:"/en/docs/guides/tech/with-nextjs",to:"/docs/guides/tech/with-nextjs"},{from:"/en/docs/",to:"/docs/"},{from:"/en/docs/reference",to:"/docs/reference"}]}],["@docusaurus/plugin-ideal-image",{quality:70,max:1030,min:640,steps:2}],"plugin-image-zoom"],onBrokenLinks:"throw",onBrokenMarkdownLinks:"throw",onDuplicateRoutes:"warn",customFields:{legacyRoutes:[{group:"\ud83d\ude80 Get Started",details:"Simplified and merged",children:[{title:"Tutorial",from:"/docs/get-started/quick-start",to:"/docs/get-started/tutorial"},{title:"Basics",from:"/docs/get-started/basics",to:"/docs/get-started/overview"},{title:"Decompose Cheatsheet",from:["/docs/get-started/tutorial/decompose","/docs/get-started/tutorial/design-mockup","/docs/get-started/onboard/cheatsheet"],to:"/docs/get-started/cheatsheet"}]},{group:"\ud83c\udf70 Alternatives",details:"Moved and merged to /about/alternatives as advanced materials",children:[{title:"Architecture approaches alternatives",from:["/docs/about/alternatives/big-ball-of-mud","/docs/about/alternatives/design-principles","/docs/about/alternatives/ddd","/docs/about/alternatives/clean-architecture","/docs/about/alternatives/frameworks","/docs/about/alternatives/atomic-design","/docs/about/alternatives/smart-dumb-components","/docs/about/alternatives/feature-driven"],to:"/docs/about/alternatives"}]},{group:"\ud83c\udf70 Promote & Understanding",details:"Moved to /about as advanced materials",children:[{title:"Knowledge types",from:"/docs/reference/knowledge-types",to:"/docs/about/understanding/knowledge-types"},{title:"Needs driven",from:"/docs/concepts/needs-driven",to:"/docs/about/understanding/needs-driven"},{title:"About architecture",from:"/docs/concepts/architecture",to:"/docs/about/understanding/architecture"},{title:"Naming adaptability",from:"/docs/concepts/naming-adaptability",to:"/docs/about/understanding/naming"},{title:"Signals of architecture",from:"/docs/concepts/signals",to:"/docs/about/understanding/signals"},{title:"Abstractions of architecture",from:"/docs/concepts/abstractions",to:"/docs/about/understanding/abstractions"}]},{group:"\ud83d\udcda Reference guidelines (isolation & units)",details:"Moved to /reference as theoretical materials (old concepts)",children:[{title:"Decouple of entities",from:"/docs/concepts/decouple-entities",to:"/docs/reference/isolation/decouple-entities"},{title:"Low Coupling & High Cohesion",from:"/docs/concepts/low-coupling",to:"/docs/reference/isolation/coupling-cohesion"},{title:"Cross-communication",from:"/docs/concepts/cross-communication",to:"/docs/reference/isolation"},{title:"App splitting",from:"/docs/concepts/app-splitting",to:"/docs/reference"},{title:"Decomposition",from:"/docs/reference/units/decomposition",to:"/docs/reference"},{title:"Units",from:"/docs/reference/units",to:"/docs/reference"},{title:"Layers",from:"/docs/reference/units/layers",to:"/docs/reference/layers"},{title:"Layer overview",from:"/docs/reference/layers/overview",to:"/docs/reference/layers"},{title:"App layer",from:"/docs/reference/units/layers/app",to:"/docs/reference/layers"},{title:"Processes layer",from:"/docs/reference/units/layers/processes",to:"/docs/reference/layers"},{title:"Pages layer",from:"/docs/reference/units/layers/pages",to:"/docs/reference/layers"},{title:"Widgets layer",from:"/docs/reference/units/layers/widgets",to:"/docs/reference/layers"},{title:"Widgets layer",from:"/docs/reference/layers/widgets",to:"/docs/reference/layers"},{title:"Features layer",from:"/docs/reference/units/layers/features",to:"/docs/reference/layers"},{title:"Entities layer",from:"/docs/reference/units/layers/entities",to:"/docs/reference/layers"},{title:"Shared layer",from:"/docs/reference/units/layers/shared",to:"/docs/reference/layers"},{title:"Segments",from:"/docs/reference/units/segments",to:"/docs/reference/slices-segments"}]},{group:"\ud83c\udfaf Bad Practices handbook",details:"Moved to /guides as practice materials",children:[{title:"Cross-imports",from:"/docs/concepts/issues/cross-imports",to:"/docs/guides/issues/cross-imports"},{title:"Desegmented",from:"/docs/concepts/issues/desegmented",to:"/docs/guides/issues/desegmented"},{title:"Routes",from:"/docs/concepts/issues/routes",to:"/docs/guides/issues/routes"}]},{group:"\ud83c\udfaf Examples",details:"Grouped and simplified into /guides/examples as practical examples",children:[{title:"Viewer logic",from:"/docs/guides/examples/viewer",to:"/docs/guides/examples/auth"},{title:"Monorepo",from:"/docs/guides/monorepo",to:"/docs/guides/examples/monorepo"},{title:"White Labels",from:"/docs/guides/white-labels",to:"/docs/guides/examples/white-labels"}]},{group:"\ud83c\udfaf Migration",details:"Grouped and simplified into /guides/migration as migration guidelines",children:[{title:"Migration from V1",from:"/docs/guides/migration-from-v1",to:"/docs/guides/migration/from-v1"},{title:"Migration from Legacy",from:"/docs/guides/migration-from-legacy",to:"/docs/guides/migration/from-custom"}]},{group:"\ud83c\udfaf Tech",details:"Grouped into /guides/tech as tech-specific usage guidelines",children:[{title:"Usage with NextJS",from:"/docs/guides/usage-with-nextjs",to:"/docs/guides/tech/with-nextjs"}]},{group:"Rename 'legacy' to 'custom'",details:"'Legacy' is derogatory, we don't get to call people's projects legacy",children:[{title:"Rename 'legacy' to custom",from:"/docs/guides/migration/from-legacy",to:"/docs/guides/migration/from-custom"}]}],pushFeedbackProjectId:"5i2vbxcpaz"},trailingSlash:!1,themeConfig:{image:"img/preview.png",docs:{sidebar:{hideable:!0,autoCollapseCategories:!0},versionPersistence:"localStorage"},colorMode:{respectPrefersColorScheme:!0,defaultMode:"light",disableSwitch:!1},navbar:{title:"",logo:{alt:"logo",src:"img/brand/logo-primary.png"},items:[{label:"\ud83d\udcd6 Docs",to:"/docs",position:"left"},{label:"\ud83d\udcab Community",to:"/community",position:"left"},{label:"\ud83d\udcdd Blog",to:"/blog",position:"left"},{label:"\ud83d\udee0 Examples",to:"/examples",position:"left"},{type:"docsVersionDropdown",position:"right",dropdownActiveClassDisabled:!0,dropdownItemsAfter:[{to:"https://feature-sliced.github.io/featureslices.dev/v1.0.html",label:"v1.0"},{to:"https://feature-sliced.github.io/featureslices.dev/v0.1.html",label:"v0.1"},{to:"https://github.com/feature-sliced/documentation/tree/rc/feature-driven",label:"feature-driven"},{to:"/versions",label:"All versions"}],dropdownItemsBefore:[]},{type:"localeDropdown",position:"right",dropdownItemsAfter:[{href:"https://github.com/feature-sliced/documentation/issues/244",label:"Help Us Translate"}],dropdownItemsBefore:[]},{href:"https://discord.gg/S8MzWTUsmp",position:"right",className:"ext-link discord","aria-label":"Discord community server"},{href:"https://github.com/feature-sliced/documentation",position:"right",className:"ext-link github","aria-label":"GitHub repository"}],hideOnScroll:!1},footer:{style:"dark",links:[{title:"Specs",items:[{label:"Documentation",to:"/docs"},{label:"Community",to:"/community"},{label:"Help",to:"/nav"},{label:"Discussions",href:"https://github.com/feature-sliced/documentation/discussions"}]},{title:"Community",items:[{label:"Discord",href:"https://discord.gg/S8MzWTUsmp"},{label:"Telegram (RU)",href:"https://t.me/feature_sliced"},{label:"Twitter",href:"https://twitter.com/feature_sliced"},{label:"Open Collective",href:"https://opencollective.com/feature-sliced"},{label:"YouTube",href:"https://www.youtube.com/c/FeatureSlicedDesign"}]},{title:"More",items:[{label:"GitHub",href:"https://github.com/feature-sliced"},{label:"Contribution Guide",href:"https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md"},{label:"License",href:"https://github.com/feature-sliced/documentation/blob/master/LICENSE"}]}],logo:{alt:"Feature-Sliced Design - Architectural methodology for frontend projects",src:"img/brand/logo-primary.png",href:"https://github.com/feature-sliced",width:160},copyright:"Copyright \xa9 2018-2023  Feature-Sliced Design"},algolia:{appId:"18IVO61EUN",apiKey:"a51704b2a1604c9eb41c62aa343c6e32",indexName:"feature-sliced",contextualSearch:!0,searchParameters:{},searchPagePath:"search"},metadata:[{name:"keywords",content:"architecture, frontend, project structure"},{name:"twitter:site",content:"@feature_sliced"},{name:"twitter:card",content:"summary_large_image"}],imageZoom:{selector:".markdown :not(a) > img",options:{background:"rgb(255 255 255 / 0.3)"}},prism:{theme:{plain:{backgroundColor:"hsl(230, 1%, 98%)",color:"hsl(230, 8%, 24%)"},styles:[{types:["comment","prolog","cdata"],style:{color:"hsl(230, 4%, 64%)"}},{types:["doctype","punctuation","entity"],style:{color:"hsl(230, 8%, 24%)"}},{types:["attr-name","class-name","boolean","constant","number","atrule"],style:{color:"hsl(35, 99%, 36%)"}},{types:["keyword"],style:{color:"hsl(301, 63%, 40%)"}},{types:["property","tag","symbol","deleted","important"],style:{color:"hsl(5, 74%, 59%)"}},{types:["selector","string","char","builtin","inserted","regex","attr-value","punctuation"],style:{color:"hsl(119, 34%, 47%)"}},{types:["variable","operator","function"],style:{color:"hsl(221, 87%, 60%)"}},{types:["url"],style:{color:"hsl(198, 99%, 37%)"}},{types:["deleted"],style:{textDecorationLine:"line-through"}},{types:["inserted"],style:{textDecorationLine:"underline"}},{types:["italic"],style:{fontStyle:"italic"}},{types:["important","bold"],style:{fontWeight:"bold"}},{types:["important"],style:{color:"hsl(230, 8%, 24%)"}}]},darkTheme:{plain:{backgroundColor:"hsl(220, 13%, 18%)",color:"hsl(220, 14%, 71%)",textShadow:"0 1px rgba(0, 0, 0, 0.3)"},styles:[{types:["comment","prolog","cdata"],style:{color:"hsl(220, 10%, 40%)"}},{types:["doctype","punctuation","entity"],style:{color:"hsl(220, 14%, 71%)"}},{types:["attr-name","class-name","maybe-class-name","boolean","constant","number","atrule"],style:{color:"hsl(29, 54%, 61%)"}},{types:["keyword"],style:{color:"hsl(286, 60%, 67%)"}},{types:["property","tag","symbol","deleted","important"],style:{color:"hsl(355, 65%, 65%)"}},{types:["selector","string","char","builtin","inserted","regex","attr-value"],style:{color:"hsl(95, 38%, 62%)"}},{types:["variable","operator","function"],style:{color:"hsl(207, 82%, 66%)"}},{types:["url"],style:{color:"hsl(187, 47%, 55%)"}},{types:["deleted"],style:{textDecorationLine:"line-through"}},{types:["inserted"],style:{textDecorationLine:"underline"}},{types:["italic"],style:{fontStyle:"italic"}},{types:["important","bold"],style:{fontWeight:"bold"}},{types:["important"],style:{color:"hsl(220, 14%, 71%)"}}]},additionalLanguages:[],magicComments:[{className:"theme-code-block-highlighted-line",line:"highlight-next-line",block:{start:"highlight-start",end:"highlight-end"}}]},blog:{sidebar:{groupByYear:!0}},tableOfContents:{minHeadingLevel:2,maxHeadingLevel:3}},baseUrlIssueBanner:!0,future:{experimental_storage:{type:"localStorage",namespace:!1},experimental_router:"browser"},onBrokenAnchors:"warn",staticDirectories:["static"],themes:[],scripts:[],headTags:[],stylesheets:[],clientModules:[],titleDelimiter:"|",noIndex:!1,markdown:{format:"mdx",mermaid:!1,mdx1Compat:{comments:!0,admonitions:!0,headingIds:!0},anchors:{maintainCase:!1}}}},991:(e,t,n)=>{"use strict";function r(){return r=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)({}).hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},r.apply(null,arguments)}n.d(t,{A:()=>r})},1141:(e,t,n)=>{"use strict";function r(e,t){return r=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},r(e,t)}function o(e,t){e.prototype=Object.create(t.prototype),e.prototype.constructor=e,r(e,t)}n.d(t,{A:()=>o})},3302:(e,t,n)=>{"use strict";function r(e,t){if(null==e)return{};var n={};for(var r in e)if({}.hasOwnProperty.call(e,r)){if(t.includes(r))continue;n[r]=e[r]}return n}n.d(t,{A:()=>r})},3526:(e,t,n)=>{"use strict";function r(e){var t,n,o="";if("string"==typeof e||"number"==typeof e)o+=e;else if("object"==typeof e)if(Array.isArray(e)){var a=e.length;for(t=0;t<a;t++)e[t]&&(n=r(e[t]))&&(o&&(o+=" "),o+=n)}else for(n in e)e[n]&&(o&&(o+=" "),o+=n);return o}n.d(t,{A:()=>o});const o=function(){for(var e,t,n=0,o="",a=arguments.length;n<a;n++)(e=arguments[n])&&(t=r(e))&&(o&&(o+=" "),o+=t);return o}},5371:(e,t,n)=>{"use strict";n.d(t,{My:()=>S,f4:()=>Y});var r,o,a=n(758),i=n(3526),s=Object.create,l=Object.defineProperty,c=Object.defineProperties,u=Object.getOwnPropertyDescriptor,d=Object.getOwnPropertyDescriptors,p=Object.getOwnPropertyNames,f=Object.getOwnPropertySymbols,m=Object.getPrototypeOf,h=Object.prototype.hasOwnProperty,g=Object.prototype.propertyIsEnumerable,b=(e,t,n)=>t in e?l(e,t,{enumerable:!0,configurable:!0,writable:!0,value:n}):e[t]=n,y=(e,t)=>{for(var n in t||(t={}))h.call(t,n)&&b(e,n,t[n]);if(f)for(var n of f(t))g.call(t,n)&&b(e,n,t[n]);return e},v=(e,t)=>c(e,d(t)),w=(e,t)=>{var n={};for(var r in e)h.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&f)for(var r of f(e))t.indexOf(r)<0&&g.call(e,r)&&(n[r]=e[r]);return n},S=((e,t,n)=>(n=null!=e?s(m(e)):{},((e,t,n,r)=>{if(t&&"object"==typeof t||"function"==typeof t)for(let o of p(t))h.call(e,o)||o===n||l(e,o,{get:()=>t[o],enumerable:!(r=u(t,o))||r.enumerable});return e})(!t&&e&&e.__esModule?n:l(n,"default",{value:e,enumerable:!0}),e)))((r={"../../node_modules/.pnpm/prismjs@1.29.0_patch_hash=vrxx3pzkik6jpmgpayxfjunetu/node_modules/prismjs/prism.js"(e,t){var n=function(){var e=/(?:^|\s)lang(?:uage)?-([\w-]+)(?=\s|$)/i,t=0,n={},r={util:{encode:function e(t){return t instanceof o?new o(t.type,e(t.content),t.alias):Array.isArray(t)?t.map(e):t.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/\u00a0/g," ")},type:function(e){return Object.prototype.toString.call(e).slice(8,-1)},objId:function(e){return e.__id||Object.defineProperty(e,"__id",{value:++t}),e.__id},clone:function e(t,n){var o,a;switch(n=n||{},r.util.type(t)){case"Object":if(a=r.util.objId(t),n[a])return n[a];for(var i in o={},n[a]=o,t)t.hasOwnProperty(i)&&(o[i]=e(t[i],n));return o;case"Array":return a=r.util.objId(t),n[a]?n[a]:(o=[],n[a]=o,t.forEach((function(t,r){o[r]=e(t,n)})),o);default:return t}},getLanguage:function(t){for(;t;){var n=e.exec(t.className);if(n)return n[1].toLowerCase();t=t.parentElement}return"none"},setLanguage:function(t,n){t.className=t.className.replace(RegExp(e,"gi"),""),t.classList.add("language-"+n)},isActive:function(e,t,n){for(var r="no-"+t;e;){var o=e.classList;if(o.contains(t))return!0;if(o.contains(r))return!1;e=e.parentElement}return!!n}},languages:{plain:n,plaintext:n,text:n,txt:n,extend:function(e,t){var n=r.util.clone(r.languages[e]);for(var o in t)n[o]=t[o];return n},insertBefore:function(e,t,n,o){var a=(o=o||r.languages)[e],i={};for(var s in a)if(a.hasOwnProperty(s)){if(s==t)for(var l in n)n.hasOwnProperty(l)&&(i[l]=n[l]);n.hasOwnProperty(s)||(i[s]=a[s])}var c=o[e];return o[e]=i,r.languages.DFS(r.languages,(function(t,n){n===c&&t!=e&&(this[t]=i)})),i},DFS:function e(t,n,o,a){a=a||{};var i=r.util.objId;for(var s in t)if(t.hasOwnProperty(s)){n.call(t,s,t[s],o||s);var l=t[s],c=r.util.type(l);"Object"!==c||a[i(l)]?"Array"!==c||a[i(l)]||(a[i(l)]=!0,e(l,n,s,a)):(a[i(l)]=!0,e(l,n,null,a))}}},plugins:{},highlight:function(e,t,n){var a={code:e,grammar:t,language:n};if(r.hooks.run("before-tokenize",a),!a.grammar)throw new Error('The language "'+a.language+'" has no grammar.');return a.tokens=r.tokenize(a.code,a.grammar),r.hooks.run("after-tokenize",a),o.stringify(r.util.encode(a.tokens),a.language)},tokenize:function(e,t){var n=t.rest;if(n){for(var r in n)t[r]=n[r];delete t.rest}var o=new s;return l(o,o.head,e),i(e,o,t,o.head,0),function(e){for(var t=[],n=e.head.next;n!==e.tail;)t.push(n.value),n=n.next;return t}(o)},hooks:{all:{},add:function(e,t){var n=r.hooks.all;n[e]=n[e]||[],n[e].push(t)},run:function(e,t){var n=r.hooks.all[e];if(n&&n.length)for(var o,a=0;o=n[a++];)o(t)}},Token:o};function o(e,t,n,r){this.type=e,this.content=t,this.alias=n,this.length=0|(r||"").length}function a(e,t,n,r){e.lastIndex=t;var o=e.exec(n);if(o&&r&&o[1]){var a=o[1].length;o.index+=a,o[0]=o[0].slice(a)}return o}function i(e,t,n,s,u,d){for(var p in n)if(n.hasOwnProperty(p)&&n[p]){var f=n[p];f=Array.isArray(f)?f:[f];for(var m=0;m<f.length;++m){if(d&&d.cause==p+","+m)return;var h=f[m],g=h.inside,b=!!h.lookbehind,y=!!h.greedy,v=h.alias;if(y&&!h.pattern.global){var w=h.pattern.toString().match(/[imsuy]*$/)[0];h.pattern=RegExp(h.pattern.source,w+"g")}for(var S=h.pattern||h,k=s.next,x=u;k!==t.tail&&!(d&&x>=d.reach);x+=k.value.length,k=k.next){var E=k.value;if(t.length>e.length)return;if(!(E instanceof o)){var _,C=1;if(y){if(!(_=a(S,x,e,b))||_.index>=e.length)break;var j=_.index,O=_.index+_[0].length,A=x;for(A+=k.value.length;j>=A;)A+=(k=k.next).value.length;if(x=A-=k.value.length,k.value instanceof o)continue;for(var T=k;T!==t.tail&&(A<O||"string"==typeof T.value);T=T.next)C++,A+=T.value.length;C--,E=e.slice(x,A),_.index-=x}else if(!(_=a(S,0,E,b)))continue;j=_.index;var P=_[0],L=E.slice(0,j),I=E.slice(j+P.length),N=x+E.length;d&&N>d.reach&&(d.reach=N);var R=k.prev;if(L&&(R=l(t,R,L),x+=L.length),c(t,R,C),k=l(t,R,new o(p,g?r.tokenize(P,g):P,v,P)),I&&l(t,k,I),C>1){var D={cause:p+","+m,reach:N};i(e,t,n,k.prev,x,D),d&&D.reach>d.reach&&(d.reach=D.reach)}}}}}}function s(){var e={value:null,prev:null,next:null},t={value:null,prev:e,next:null};e.next=t,this.head=e,this.tail=t,this.length=0}function l(e,t,n){var r=t.next,o={value:n,prev:t,next:r};return t.next=o,r.prev=o,e.length++,o}function c(e,t,n){for(var r=t.next,o=0;o<n&&r!==e.tail;o++)r=r.next;t.next=r,r.prev=t,e.length-=o}return o.stringify=function e(t,n){if("string"==typeof t)return t;if(Array.isArray(t)){var o="";return t.forEach((function(t){o+=e(t,n)})),o}var a={type:t.type,content:e(t.content,n),tag:"span",classes:["token",t.type],attributes:{},language:n},i=t.alias;i&&(Array.isArray(i)?Array.prototype.push.apply(a.classes,i):a.classes.push(i)),r.hooks.run("wrap",a);var s="";for(var l in a.attributes)s+=" "+l+'="'+(a.attributes[l]||"").replace(/"/g,"&quot;")+'"';return"<"+a.tag+' class="'+a.classes.join(" ")+'"'+s+">"+a.content+"</"+a.tag+">"},r}();t.exports=n,n.default=n}},function(){return o||(0,r[p(r)[0]])((o={exports:{}}).exports,o),o.exports})());S.languages.markup={comment:{pattern:/<!--(?:(?!<!--)[\s\S])*?-->/,greedy:!0},prolog:{pattern:/<\?[\s\S]+?\?>/,greedy:!0},doctype:{pattern:/<!DOCTYPE(?:[^>"'[\]]|"[^"]*"|'[^']*')+(?:\[(?:[^<"'\]]|"[^"]*"|'[^']*'|<(?!!--)|<!--(?:[^-]|-(?!->))*-->)*\]\s*)?>/i,greedy:!0,inside:{"internal-subset":{pattern:/(^[^\[]*\[)[\s\S]+(?=\]>$)/,lookbehind:!0,greedy:!0,inside:null},string:{pattern:/"[^"]*"|'[^']*'/,greedy:!0},punctuation:/^<!|>$|[[\]]/,"doctype-tag":/^DOCTYPE/i,name:/[^\s<>'"]+/}},cdata:{pattern:/<!\[CDATA\[[\s\S]*?\]\]>/i,greedy:!0},tag:{pattern:/<\/?(?!\d)[^\s>\/=$<%]+(?:\s(?:\s*[^\s>\/=]+(?:\s*=\s*(?:"[^"]*"|'[^']*'|[^\s'">=]+(?=[\s>]))|(?=[\s/>])))+)?\s*\/?>/,greedy:!0,inside:{tag:{pattern:/^<\/?[^\s>\/]+/,inside:{punctuation:/^<\/?/,namespace:/^[^\s>\/:]+:/}},"special-attr":[],"attr-value":{pattern:/=\s*(?:"[^"]*"|'[^']*'|[^\s'">=]+)/,inside:{punctuation:[{pattern:/^=/,alias:"attr-equals"},{pattern:/^(\s*)["']|["']$/,lookbehind:!0}]}},punctuation:/\/?>/,"attr-name":{pattern:/[^\s>\/]+/,inside:{namespace:/^[^\s>\/:]+:/}}}},entity:[{pattern:/&[\da-z]{1,8};/i,alias:"named-entity"},/&#x?[\da-f]{1,8};/i]},S.languages.markup.tag.inside["attr-value"].inside.entity=S.languages.markup.entity,S.languages.markup.doctype.inside["internal-subset"].inside=S.languages.markup,S.hooks.add("wrap",(function(e){"entity"===e.type&&(e.attributes.title=e.content.replace(/&amp;/,"&"))})),Object.defineProperty(S.languages.markup.tag,"addInlined",{value:function(e,t){var n;(t=((n=((n={})["language-"+t]={pattern:/(^<!\[CDATA\[)[\s\S]+?(?=\]\]>$)/i,lookbehind:!0,inside:S.languages[t]},n.cdata=/^<!\[CDATA\[|\]\]>$/i,{"included-cdata":{pattern:/<!\[CDATA\[[\s\S]*?\]\]>/i,inside:n}}))["language-"+t]={pattern:/[\s\S]+/,inside:S.languages[t]},{}))[e]={pattern:RegExp(/(<__[^>]*>)(?:<!\[CDATA\[(?:[^\]]|\](?!\]>))*\]\]>|(?!<!\[CDATA\[)[\s\S])*?(?=<\/__>)/.source.replace(/__/g,(function(){return e})),"i"),lookbehind:!0,greedy:!0,inside:n},S.languages.insertBefore("markup","cdata",t)}}),Object.defineProperty(S.languages.markup.tag,"addAttribute",{value:function(e,t){S.languages.markup.tag.inside["special-attr"].push({pattern:RegExp(/(^|["'\s])/.source+"(?:"+e+")"+/\s*=\s*(?:"[^"]*"|'[^']*'|[^\s'">=]+(?=[\s>]))/.source,"i"),lookbehind:!0,inside:{"attr-name":/^[^\s=]+/,"attr-value":{pattern:/=[\s\S]+/,inside:{value:{pattern:/(^=\s*(["']|(?!["'])))\S[\s\S]*(?=\2$)/,lookbehind:!0,alias:[t,"language-"+t],inside:S.languages[t]},punctuation:[{pattern:/^=/,alias:"attr-equals"},/"|'/]}}}})}}),S.languages.html=S.languages.markup,S.languages.mathml=S.languages.markup,S.languages.svg=S.languages.markup,S.languages.xml=S.languages.extend("markup",{}),S.languages.ssml=S.languages.xml,S.languages.atom=S.languages.xml,S.languages.rss=S.languages.xml,function(e){var t={pattern:/\\[\\(){}[\]^$+*?|.]/,alias:"escape"},n=/\\(?:x[\da-fA-F]{2}|u[\da-fA-F]{4}|u\{[\da-fA-F]+\}|0[0-7]{0,2}|[123][0-7]{2}|c[a-zA-Z]|.)/,r="(?:[^\\\\-]|"+n.source+")",o=(r=RegExp(r+"-"+r),{pattern:/(<|')[^<>']+(?=[>']$)/,lookbehind:!0,alias:"variable"});e.languages.regex={"char-class":{pattern:/((?:^|[^\\])(?:\\\\)*)\[(?:[^\\\]]|\\[\s\S])*\]/,lookbehind:!0,inside:{"char-class-negation":{pattern:/(^\[)\^/,lookbehind:!0,alias:"operator"},"char-class-punctuation":{pattern:/^\[|\]$/,alias:"punctuation"},range:{pattern:r,inside:{escape:n,"range-punctuation":{pattern:/-/,alias:"operator"}}},"special-escape":t,"char-set":{pattern:/\\[wsd]|\\p\{[^{}]+\}/i,alias:"class-name"},escape:n}},"special-escape":t,"char-set":{pattern:/\.|\\[wsd]|\\p\{[^{}]+\}/i,alias:"class-name"},backreference:[{pattern:/\\(?![123][0-7]{2})[1-9]/,alias:"keyword"},{pattern:/\\k<[^<>']+>/,alias:"keyword",inside:{"group-name":o}}],anchor:{pattern:/[$^]|\\[ABbGZz]/,alias:"function"},escape:n,group:[{pattern:/\((?:\?(?:<[^<>']+>|'[^<>']+'|[>:]|<?[=!]|[idmnsuxU]+(?:-[idmnsuxU]+)?:?))?/,alias:"punctuation",inside:{"group-name":o}},{pattern:/\)/,alias:"punctuation"}],quantifier:{pattern:/(?:[+*?]|\{\d+(?:,\d*)?\})[?+]?/,alias:"number"},alternation:{pattern:/\|/,alias:"keyword"}}}(S),S.languages.clike={comment:[{pattern:/(^|[^\\])\/\*[\s\S]*?(?:\*\/|$)/,lookbehind:!0,greedy:!0},{pattern:/(^|[^\\:])\/\/.*/,lookbehind:!0,greedy:!0}],string:{pattern:/(["'])(?:\\(?:\r\n|[\s\S])|(?!\1)[^\\\r\n])*\1/,greedy:!0},"class-name":{pattern:/(\b(?:class|extends|implements|instanceof|interface|new|trait)\s+|\bcatch\s+\()[\w.\\]+/i,lookbehind:!0,inside:{punctuation:/[.\\]/}},keyword:/\b(?:break|catch|continue|do|else|finally|for|function|if|in|instanceof|new|null|return|throw|try|while)\b/,boolean:/\b(?:false|true)\b/,function:/\b\w+(?=\()/,number:/\b0x[\da-f]+\b|(?:\b\d+(?:\.\d*)?|\B\.\d+)(?:e[+-]?\d+)?/i,operator:/[<>]=?|[!=]=?=?|--?|\+\+?|&&?|\|\|?|[?*/~^%]/,punctuation:/[{}[\];(),.:]/},S.languages.javascript=S.languages.extend("clike",{"class-name":[S.languages.clike["class-name"],{pattern:/(^|[^$\w\xA0-\uFFFF])(?!\s)[_$A-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\.(?:constructor|prototype))/,lookbehind:!0}],keyword:[{pattern:/((?:^|\})\s*)catch\b/,lookbehind:!0},{pattern:/(^|[^.]|\.\.\.\s*)\b(?:as|assert(?=\s*\{)|async(?=\s*(?:function\b|\(|[$\w\xA0-\uFFFF]|$))|await|break|case|class|const|continue|debugger|default|delete|do|else|enum|export|extends|finally(?=\s*(?:\{|$))|for|from(?=\s*(?:['"]|$))|function|(?:get|set)(?=\s*(?:[#\[$\w\xA0-\uFFFF]|$))|if|implements|import|in|instanceof|interface|let|new|null|of|package|private|protected|public|return|static|super|switch|this|throw|try|typeof|undefined|var|void|while|with|yield)\b/,lookbehind:!0}],function:/#?(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*(?:\.\s*(?:apply|bind|call)\s*)?\()/,number:{pattern:RegExp(/(^|[^\w$])/.source+"(?:"+/NaN|Infinity/.source+"|"+/0[bB][01]+(?:_[01]+)*n?/.source+"|"+/0[oO][0-7]+(?:_[0-7]+)*n?/.source+"|"+/0[xX][\dA-Fa-f]+(?:_[\dA-Fa-f]+)*n?/.source+"|"+/\d+(?:_\d+)*n/.source+"|"+/(?:\d+(?:_\d+)*(?:\.(?:\d+(?:_\d+)*)?)?|\.\d+(?:_\d+)*)(?:[Ee][+-]?\d+(?:_\d+)*)?/.source+")"+/(?![\w$])/.source),lookbehind:!0},operator:/--|\+\+|\*\*=?|=>|&&=?|\|\|=?|[!=]==|<<=?|>>>?=?|[-+*/%&|^!=<>]=?|\.{3}|\?\?=?|\?\.?|[~:]/}),S.languages.javascript["class-name"][0].pattern=/(\b(?:class|extends|implements|instanceof|interface|new)\s+)[\w.\\]+/,S.languages.insertBefore("javascript","keyword",{regex:{pattern:RegExp(/((?:^|[^$\w\xA0-\uFFFF."'\])\s]|\b(?:return|yield))\s*)/.source+/\//.source+"(?:"+/(?:\[(?:[^\]\\\r\n]|\\.)*\]|\\.|[^/\\\[\r\n])+\/[dgimyus]{0,7}/.source+"|"+/(?:\[(?:[^[\]\\\r\n]|\\.|\[(?:[^[\]\\\r\n]|\\.|\[(?:[^[\]\\\r\n]|\\.)*\])*\])*\]|\\.|[^/\\\[\r\n])+\/[dgimyus]{0,7}v[dgimyus]{0,7}/.source+")"+/(?=(?:\s|\/\*(?:[^*]|\*(?!\/))*\*\/)*(?:$|[\r\n,.;:})\]]|\/\/))/.source),lookbehind:!0,greedy:!0,inside:{"regex-source":{pattern:/^(\/)[\s\S]+(?=\/[a-z]*$)/,lookbehind:!0,alias:"language-regex",inside:S.languages.regex},"regex-delimiter":/^\/|\/$/,"regex-flags":/^[a-z]+$/}},"function-variable":{pattern:/#?(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*[=:]\s*(?:async\s*)?(?:\bfunction\b|(?:\((?:[^()]|\([^()]*\))*\)|(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*)\s*=>))/,alias:"function"},parameter:[{pattern:/(function(?:\s+(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*)?\s*\(\s*)(?!\s)(?:[^()\s]|\s+(?![\s)])|\([^()]*\))+(?=\s*\))/,lookbehind:!0,inside:S.languages.javascript},{pattern:/(^|[^$\w\xA0-\uFFFF])(?!\s)[_$a-z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*=>)/i,lookbehind:!0,inside:S.languages.javascript},{pattern:/(\(\s*)(?!\s)(?:[^()\s]|\s+(?![\s)])|\([^()]*\))+(?=\s*\)\s*=>)/,lookbehind:!0,inside:S.languages.javascript},{pattern:/((?:\b|\s|^)(?!(?:as|async|await|break|case|catch|class|const|continue|debugger|default|delete|do|else|enum|export|extends|finally|for|from|function|get|if|implements|import|in|instanceof|interface|let|new|null|of|package|private|protected|public|return|set|static|super|switch|this|throw|try|typeof|undefined|var|void|while|with|yield)(?![$\w\xA0-\uFFFF]))(?:(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*\s*)\(\s*|\]\s*\(\s*)(?!\s)(?:[^()\s]|\s+(?![\s)])|\([^()]*\))+(?=\s*\)\s*\{)/,lookbehind:!0,inside:S.languages.javascript}],constant:/\b[A-Z](?:[A-Z_]|\dx?)*\b/}),S.languages.insertBefore("javascript","string",{hashbang:{pattern:/^#!.*/,greedy:!0,alias:"comment"},"template-string":{pattern:/`(?:\\[\s\S]|\$\{(?:[^{}]|\{(?:[^{}]|\{[^}]*\})*\})+\}|(?!\$\{)[^\\`])*`/,greedy:!0,inside:{"template-punctuation":{pattern:/^`|`$/,alias:"string"},interpolation:{pattern:/((?:^|[^\\])(?:\\{2})*)\$\{(?:[^{}]|\{(?:[^{}]|\{[^}]*\})*\})+\}/,lookbehind:!0,inside:{"interpolation-punctuation":{pattern:/^\$\{|\}$/,alias:"punctuation"},rest:S.languages.javascript}},string:/[\s\S]+/}},"string-property":{pattern:/((?:^|[,{])[ \t]*)(["'])(?:\\(?:\r\n|[\s\S])|(?!\2)[^\\\r\n])*\2(?=\s*:)/m,lookbehind:!0,greedy:!0,alias:"property"}}),S.languages.insertBefore("javascript","operator",{"literal-property":{pattern:/((?:^|[,{])[ \t]*)(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*:)/m,lookbehind:!0,alias:"property"}}),S.languages.markup&&(S.languages.markup.tag.addInlined("script","javascript"),S.languages.markup.tag.addAttribute(/on(?:abort|blur|change|click|composition(?:end|start|update)|dblclick|error|focus(?:in|out)?|key(?:down|up)|load|mouse(?:down|enter|leave|move|out|over|up)|reset|resize|scroll|select|slotchange|submit|unload|wheel)/.source,"javascript")),S.languages.js=S.languages.javascript,S.languages.actionscript=S.languages.extend("javascript",{keyword:/\b(?:as|break|case|catch|class|const|default|delete|do|dynamic|each|else|extends|final|finally|for|function|get|if|implements|import|in|include|instanceof|interface|internal|is|namespace|native|new|null|override|package|private|protected|public|return|set|static|super|switch|this|throw|try|typeof|use|var|void|while|with)\b/,operator:/\+\+|--|(?:[+\-*\/%^]|&&?|\|\|?|<<?|>>?>?|[!=]=?)=?|[~?@]/}),S.languages.actionscript["class-name"].alias="function",delete S.languages.actionscript.parameter,delete S.languages.actionscript["literal-property"],S.languages.markup&&S.languages.insertBefore("actionscript","string",{xml:{pattern:/(^|[^.])<\/?\w+(?:\s+[^\s>\/=]+=("|')(?:\\[\s\S]|(?!\2)[^\\])*\2)*\s*\/?>/,lookbehind:!0,inside:S.languages.markup}}),function(e){var t=/#(?!\{).+/,n={pattern:/#\{[^}]+\}/,alias:"variable"};e.languages.coffeescript=e.languages.extend("javascript",{comment:t,string:[{pattern:/'(?:\\[\s\S]|[^\\'])*'/,greedy:!0},{pattern:/"(?:\\[\s\S]|[^\\"])*"/,greedy:!0,inside:{interpolation:n}}],keyword:/\b(?:and|break|by|catch|class|continue|debugger|delete|do|each|else|extend|extends|false|finally|for|if|in|instanceof|is|isnt|let|loop|namespace|new|no|not|null|of|off|on|or|own|return|super|switch|then|this|throw|true|try|typeof|undefined|unless|until|when|while|window|with|yes|yield)\b/,"class-member":{pattern:/@(?!\d)\w+/,alias:"variable"}}),e.languages.insertBefore("coffeescript","comment",{"multiline-comment":{pattern:/###[\s\S]+?###/,alias:"comment"},"block-regex":{pattern:/\/{3}[\s\S]*?\/{3}/,alias:"regex",inside:{comment:t,interpolation:n}}}),e.languages.insertBefore("coffeescript","string",{"inline-javascript":{pattern:/`(?:\\[\s\S]|[^\\`])*`/,inside:{delimiter:{pattern:/^`|`$/,alias:"punctuation"},script:{pattern:/[\s\S]+/,alias:"language-javascript",inside:e.languages.javascript}}},"multiline-string":[{pattern:/'''[\s\S]*?'''/,greedy:!0,alias:"string"},{pattern:/"""[\s\S]*?"""/,greedy:!0,alias:"string",inside:{interpolation:n}}]}),e.languages.insertBefore("coffeescript","keyword",{property:/(?!\d)\w+(?=\s*:(?!:))/}),delete e.languages.coffeescript["template-string"],e.languages.coffee=e.languages.coffeescript}(S),function(e){var t=e.languages.javadoclike={parameter:{pattern:/(^[\t ]*(?:\/{3}|\*|\/\*\*)\s*@(?:arg|arguments|param)\s+)\w+/m,lookbehind:!0},keyword:{pattern:/(^[\t ]*(?:\/{3}|\*|\/\*\*)\s*|\{)@[a-z][a-zA-Z-]+\b/m,lookbehind:!0},punctuation:/[{}]/};Object.defineProperty(t,"addSupport",{value:function(t,n){(t="string"==typeof t?[t]:t).forEach((function(t){var r=function(e){e.inside||(e.inside={}),e.inside.rest=n},o="doc-comment";if(a=e.languages[t]){var a,i=a[o];if((i=i||(a=e.languages.insertBefore(t,"comment",{"doc-comment":{pattern:/(^|[^\\])\/\*\*[^/][\s\S]*?(?:\*\/|$)/,lookbehind:!0,alias:"comment"}}))[o])instanceof RegExp&&(i=a[o]={pattern:i}),Array.isArray(i))for(var s=0,l=i.length;s<l;s++)i[s]instanceof RegExp&&(i[s]={pattern:i[s]}),r(i[s]);else r(i)}}))}}),t.addSupport(["java","javascript","php"],t)}(S),function(e){var t=/(?:"(?:\\(?:\r\n|[\s\S])|[^"\\\r\n])*"|'(?:\\(?:\r\n|[\s\S])|[^'\\\r\n])*')/;(t=(e.languages.css={comment:/\/\*[\s\S]*?\*\//,atrule:{pattern:RegExp("@[\\w-](?:"+/[^;{\s"']|\s+(?!\s)/.source+"|"+t.source+")*?"+/(?:;|(?=\s*\{))/.source),inside:{rule:/^@[\w-]+/,"selector-function-argument":{pattern:/(\bselector\s*\(\s*(?![\s)]))(?:[^()\s]|\s+(?![\s)])|\((?:[^()]|\([^()]*\))*\))+(?=\s*\))/,lookbehind:!0,alias:"selector"},keyword:{pattern:/(^|[^\w-])(?:and|not|only|or)(?![\w-])/,lookbehind:!0}}},url:{pattern:RegExp("\\burl\\((?:"+t.source+"|"+/(?:[^\\\r\n()"']|\\[\s\S])*/.source+")\\)","i"),greedy:!0,inside:{function:/^url/i,punctuation:/^\(|\)$/,string:{pattern:RegExp("^"+t.source+"$"),alias:"url"}}},selector:{pattern:RegExp("(^|[{}\\s])[^{}\\s](?:[^{};\"'\\s]|\\s+(?![\\s{])|"+t.source+")*(?=\\s*\\{)"),lookbehind:!0},string:{pattern:t,greedy:!0},property:{pattern:/(^|[^-\w\xA0-\uFFFF])(?!\s)[-_a-z\xA0-\uFFFF](?:(?!\s)[-\w\xA0-\uFFFF])*(?=\s*:)/i,lookbehind:!0},important:/!important\b/i,function:{pattern:/(^|[^-a-z0-9])[-a-z0-9]+(?=\()/i,lookbehind:!0},punctuation:/[(){};:,]/},e.languages.css.atrule.inside.rest=e.languages.css,e.languages.markup))&&(t.tag.addInlined("style","css"),t.tag.addAttribute("style","css"))}(S),function(e){var t=/("|')(?:\\(?:\r\n|[\s\S])|(?!\1)[^\\\r\n])*\1/,n=(t=(e.languages.css.selector={pattern:e.languages.css.selector.pattern,lookbehind:!0,inside:t={"pseudo-element":/:(?:after|before|first-letter|first-line|selection)|::[-\w]+/,"pseudo-class":/:[-\w]+/,class:/\.[-\w]+/,id:/#[-\w]+/,attribute:{pattern:RegExp("\\[(?:[^[\\]\"']|"+t.source+")*\\]"),greedy:!0,inside:{punctuation:/^\[|\]$/,"case-sensitivity":{pattern:/(\s)[si]$/i,lookbehind:!0,alias:"keyword"},namespace:{pattern:/^(\s*)(?:(?!\s)[-*\w\xA0-\uFFFF])*\|(?!=)/,lookbehind:!0,inside:{punctuation:/\|$/}},"attr-name":{pattern:/^(\s*)(?:(?!\s)[-\w\xA0-\uFFFF])+/,lookbehind:!0},"attr-value":[t,{pattern:/(=\s*)(?:(?!\s)[-\w\xA0-\uFFFF])+(?=\s*$)/,lookbehind:!0}],operator:/[|~*^$]?=/}},"n-th":[{pattern:/(\(\s*)[+-]?\d*[\dn](?:\s*[+-]\s*\d+)?(?=\s*\))/,lookbehind:!0,inside:{number:/[\dn]+/,operator:/[+-]/}},{pattern:/(\(\s*)(?:even|odd)(?=\s*\))/i,lookbehind:!0}],combinator:/>|\+|~|\|\|/,punctuation:/[(),]/}},e.languages.css.atrule.inside["selector-function-argument"].inside=t,e.languages.insertBefore("css","property",{variable:{pattern:/(^|[^-\w\xA0-\uFFFF])--(?!\s)[-_a-z\xA0-\uFFFF](?:(?!\s)[-\w\xA0-\uFFFF])*/i,lookbehind:!0}}),{pattern:/(\b\d+)(?:%|[a-z]+(?![\w-]))/,lookbehind:!0}),{pattern:/(^|[^\w.-])-?(?:\d+(?:\.\d+)?|\.\d+)/,lookbehind:!0});e.languages.insertBefore("css","function",{operator:{pattern:/(\s)[+\-*\/](?=\s)/,lookbehind:!0},hexcode:{pattern:/\B#[\da-f]{3,8}\b/i,alias:"color"},color:[{pattern:/(^|[^\w-])(?:AliceBlue|AntiqueWhite|Aqua|Aquamarine|Azure|Beige|Bisque|Black|BlanchedAlmond|Blue|BlueViolet|Brown|BurlyWood|CadetBlue|Chartreuse|Chocolate|Coral|CornflowerBlue|Cornsilk|Crimson|Cyan|DarkBlue|DarkCyan|DarkGoldenRod|DarkGr[ae]y|DarkGreen|DarkKhaki|DarkMagenta|DarkOliveGreen|DarkOrange|DarkOrchid|DarkRed|DarkSalmon|DarkSeaGreen|DarkSlateBlue|DarkSlateGr[ae]y|DarkTurquoise|DarkViolet|DeepPink|DeepSkyBlue|DimGr[ae]y|DodgerBlue|FireBrick|FloralWhite|ForestGreen|Fuchsia|Gainsboro|GhostWhite|Gold|GoldenRod|Gr[ae]y|Green|GreenYellow|HoneyDew|HotPink|IndianRed|Indigo|Ivory|Khaki|Lavender|LavenderBlush|LawnGreen|LemonChiffon|LightBlue|LightCoral|LightCyan|LightGoldenRodYellow|LightGr[ae]y|LightGreen|LightPink|LightSalmon|LightSeaGreen|LightSkyBlue|LightSlateGr[ae]y|LightSteelBlue|LightYellow|Lime|LimeGreen|Linen|Magenta|Maroon|MediumAquaMarine|MediumBlue|MediumOrchid|MediumPurple|MediumSeaGreen|MediumSlateBlue|MediumSpringGreen|MediumTurquoise|MediumVioletRed|MidnightBlue|MintCream|MistyRose|Moccasin|NavajoWhite|Navy|OldLace|Olive|OliveDrab|Orange|OrangeRed|Orchid|PaleGoldenRod|PaleGreen|PaleTurquoise|PaleVioletRed|PapayaWhip|PeachPuff|Peru|Pink|Plum|PowderBlue|Purple|RebeccaPurple|Red|RosyBrown|RoyalBlue|SaddleBrown|Salmon|SandyBrown|SeaGreen|SeaShell|Sienna|Silver|SkyBlue|SlateBlue|SlateGr[ae]y|Snow|SpringGreen|SteelBlue|Tan|Teal|Thistle|Tomato|Transparent|Turquoise|Violet|Wheat|White|WhiteSmoke|Yellow|YellowGreen)(?![\w-])/i,lookbehind:!0},{pattern:/\b(?:hsl|rgb)\(\s*\d{1,3}\s*,\s*\d{1,3}%?\s*,\s*\d{1,3}%?\s*\)\B|\b(?:hsl|rgb)a\(\s*\d{1,3}\s*,\s*\d{1,3}%?\s*,\s*\d{1,3}%?\s*,\s*(?:0|0?\.\d+|1)\s*\)\B/i,inside:{unit:t,number:n,function:/[\w-]+(?=\()/,punctuation:/[(),]/}}],entity:/\\[\da-f]{1,8}/i,unit:t,number:n})}(S),function(e){var t=/[*&][^\s[\]{},]+/,n=/!(?:<[\w\-%#;/?:@&=+$,.!~*'()[\]]+>|(?:[a-zA-Z\d-]*!)?[\w\-%#;/?:@&=+$.~*'()]+)?/,r="(?:"+n.source+"(?:[ \t]+"+t.source+")?|"+t.source+"(?:[ \t]+"+n.source+")?)",o=/(?:[^\s\x00-\x08\x0e-\x1f!"#%&'*,\-:>?@[\]`{|}\x7f-\x84\x86-\x9f\ud800-\udfff\ufffe\uffff]|[?:-]<PLAIN>)(?:[ \t]*(?:(?![#:])<PLAIN>|:<PLAIN>))*/.source.replace(/<PLAIN>/g,(function(){return/[^\s\x00-\x08\x0e-\x1f,[\]{}\x7f-\x84\x86-\x9f\ud800-\udfff\ufffe\uffff]/.source})),a=/"(?:[^"\\\r\n]|\\.)*"|'(?:[^'\\\r\n]|\\.)*'/.source;function i(e,t){t=(t||"").replace(/m/g,"")+"m";var n=/([:\-,[{]\s*(?:\s<<prop>>[ \t]+)?)(?:<<value>>)(?=[ \t]*(?:$|,|\]|\}|(?:[\r\n]\s*)?#))/.source.replace(/<<prop>>/g,(function(){return r})).replace(/<<value>>/g,(function(){return e}));return RegExp(n,t)}e.languages.yaml={scalar:{pattern:RegExp(/([\-:]\s*(?:\s<<prop>>[ \t]+)?[|>])[ \t]*(?:((?:\r?\n|\r)[ \t]+)\S[^\r\n]*(?:\2[^\r\n]+)*)/.source.replace(/<<prop>>/g,(function(){return r}))),lookbehind:!0,alias:"string"},comment:/#.*/,key:{pattern:RegExp(/((?:^|[:\-,[{\r\n?])[ \t]*(?:<<prop>>[ \t]+)?)<<key>>(?=\s*:\s)/.source.replace(/<<prop>>/g,(function(){return r})).replace(/<<key>>/g,(function(){return"(?:"+o+"|"+a+")"}))),lookbehind:!0,greedy:!0,alias:"atrule"},directive:{pattern:/(^[ \t]*)%.+/m,lookbehind:!0,alias:"important"},datetime:{pattern:i(/\d{4}-\d\d?-\d\d?(?:[tT]|[ \t]+)\d\d?:\d{2}:\d{2}(?:\.\d*)?(?:[ \t]*(?:Z|[-+]\d\d?(?::\d{2})?))?|\d{4}-\d{2}-\d{2}|\d\d?:\d{2}(?::\d{2}(?:\.\d*)?)?/.source),lookbehind:!0,alias:"number"},boolean:{pattern:i(/false|true/.source,"i"),lookbehind:!0,alias:"important"},null:{pattern:i(/null|~/.source,"i"),lookbehind:!0,alias:"important"},string:{pattern:i(a),lookbehind:!0,greedy:!0},number:{pattern:i(/[+-]?(?:0x[\da-f]+|0o[0-7]+|(?:\d+(?:\.\d*)?|\.\d+)(?:e[+-]?\d+)?|\.inf|\.nan)/.source,"i"),lookbehind:!0},tag:n,important:t,punctuation:/---|[:[\]{}\-,|>?]|\.\.\./},e.languages.yml=e.languages.yaml}(S),function(e){var t=/(?:\\.|[^\\\n\r]|(?:\n|\r\n?)(?![\r\n]))/.source;function n(e){return e=e.replace(/<inner>/g,(function(){return t})),RegExp(/((?:^|[^\\])(?:\\{2})*)/.source+"(?:"+e+")")}var r=/(?:\\.|``(?:[^`\r\n]|`(?!`))+``|`[^`\r\n]+`|[^\\|\r\n`])+/.source,o=/\|?__(?:\|__)+\|?(?:(?:\n|\r\n?)|(?![\s\S]))/.source.replace(/__/g,(function(){return r})),a=/\|?[ \t]*:?-{3,}:?[ \t]*(?:\|[ \t]*:?-{3,}:?[ \t]*)+\|?(?:\n|\r\n?)/.source,i=(e.languages.markdown=e.languages.extend("markup",{}),e.languages.insertBefore("markdown","prolog",{"front-matter-block":{pattern:/(^(?:\s*[\r\n])?)---(?!.)[\s\S]*?[\r\n]---(?!.)/,lookbehind:!0,greedy:!0,inside:{punctuation:/^---|---$/,"front-matter":{pattern:/\S+(?:\s+\S+)*/,alias:["yaml","language-yaml"],inside:e.languages.yaml}}},blockquote:{pattern:/^>(?:[\t ]*>)*/m,alias:"punctuation"},table:{pattern:RegExp("^"+o+a+"(?:"+o+")*","m"),inside:{"table-data-rows":{pattern:RegExp("^("+o+a+")(?:"+o+")*$"),lookbehind:!0,inside:{"table-data":{pattern:RegExp(r),inside:e.languages.markdown},punctuation:/\|/}},"table-line":{pattern:RegExp("^("+o+")"+a+"$"),lookbehind:!0,inside:{punctuation:/\||:?-{3,}:?/}},"table-header-row":{pattern:RegExp("^"+o+"$"),inside:{"table-header":{pattern:RegExp(r),alias:"important",inside:e.languages.markdown},punctuation:/\|/}}}},code:[{pattern:/((?:^|\n)[ \t]*\n|(?:^|\r\n?)[ \t]*\r\n?)(?: {4}|\t).+(?:(?:\n|\r\n?)(?: {4}|\t).+)*/,lookbehind:!0,alias:"keyword"},{pattern:/^```[\s\S]*?^```$/m,greedy:!0,inside:{"code-block":{pattern:/^(```.*(?:\n|\r\n?))[\s\S]+?(?=(?:\n|\r\n?)^```$)/m,lookbehind:!0},"code-language":{pattern:/^(```).+/,lookbehind:!0},punctuation:/```/}}],title:[{pattern:/\S.*(?:\n|\r\n?)(?:==+|--+)(?=[ \t]*$)/m,alias:"important",inside:{punctuation:/==+$|--+$/}},{pattern:/(^\s*)#.+/m,lookbehind:!0,alias:"important",inside:{punctuation:/^#+|#+$/}}],hr:{pattern:/(^\s*)([*-])(?:[\t ]*\2){2,}(?=\s*$)/m,lookbehind:!0,alias:"punctuation"},list:{pattern:/(^\s*)(?:[*+-]|\d+\.)(?=[\t ].)/m,lookbehind:!0,alias:"punctuation"},"url-reference":{pattern:/!?\[[^\]]+\]:[\t ]+(?:\S+|<(?:\\.|[^>\\])+>)(?:[\t ]+(?:"(?:\\.|[^"\\])*"|'(?:\\.|[^'\\])*'|\((?:\\.|[^)\\])*\)))?/,inside:{variable:{pattern:/^(!?\[)[^\]]+/,lookbehind:!0},string:/(?:"(?:\\.|[^"\\])*"|'(?:\\.|[^'\\])*'|\((?:\\.|[^)\\])*\))$/,punctuation:/^[\[\]!:]|[<>]/},alias:"url"},bold:{pattern:n(/\b__(?:(?!_)<inner>|_(?:(?!_)<inner>)+_)+__\b|\*\*(?:(?!\*)<inner>|\*(?:(?!\*)<inner>)+\*)+\*\*/.source),lookbehind:!0,greedy:!0,inside:{content:{pattern:/(^..)[\s\S]+(?=..$)/,lookbehind:!0,inside:{}},punctuation:/\*\*|__/}},italic:{pattern:n(/\b_(?:(?!_)<inner>|__(?:(?!_)<inner>)+__)+_\b|\*(?:(?!\*)<inner>|\*\*(?:(?!\*)<inner>)+\*\*)+\*/.source),lookbehind:!0,greedy:!0,inside:{content:{pattern:/(^.)[\s\S]+(?=.$)/,lookbehind:!0,inside:{}},punctuation:/[*_]/}},strike:{pattern:n(/(~~?)(?:(?!~)<inner>)+\2/.source),lookbehind:!0,greedy:!0,inside:{content:{pattern:/(^~~?)[\s\S]+(?=\1$)/,lookbehind:!0,inside:{}},punctuation:/~~?/}},"code-snippet":{pattern:/(^|[^\\`])(?:``[^`\r\n]+(?:`[^`\r\n]+)*``(?!`)|`[^`\r\n]+`(?!`))/,lookbehind:!0,greedy:!0,alias:["code","keyword"]},url:{pattern:n(/!?\[(?:(?!\])<inner>)+\](?:\([^\s)]+(?:[\t ]+"(?:\\.|[^"\\])*")?\)|[ \t]?\[(?:(?!\])<inner>)+\])/.source),lookbehind:!0,greedy:!0,inside:{operator:/^!/,content:{pattern:/(^\[)[^\]]+(?=\])/,lookbehind:!0,inside:{}},variable:{pattern:/(^\][ \t]?\[)[^\]]+(?=\]$)/,lookbehind:!0},url:{pattern:/(^\]\()[^\s)]+/,lookbehind:!0},string:{pattern:/(^[ \t]+)"(?:\\.|[^"\\])*"(?=\)$)/,lookbehind:!0}}}}),["url","bold","italic","strike"].forEach((function(t){["url","bold","italic","strike","code-snippet"].forEach((function(n){t!==n&&(e.languages.markdown[t].inside.content.inside[n]=e.languages.markdown[n])}))})),e.hooks.add("after-tokenize",(function(e){"markdown"!==e.language&&"md"!==e.language||function e(t){if(t&&"string"!=typeof t)for(var n=0,r=t.length;n<r;n++){var o,a=t[n];"code"!==a.type?e(a.content):(o=a.content[1],a=a.content[3],o&&a&&"code-language"===o.type&&"code-block"===a.type&&"string"==typeof o.content&&(o=o.content.replace(/\b#/g,"sharp").replace(/\b\+\+/g,"pp"),o="language-"+(o=(/[a-z][\w-]*/i.exec(o)||[""])[0].toLowerCase()),a.alias?"string"==typeof a.alias?a.alias=[a.alias,o]:a.alias.push(o):a.alias=[o]))}}(e.tokens)})),e.hooks.add("wrap",(function(t){if("code-block"===t.type){for(var n="",r=0,o=t.classes.length;r<o;r++){var a=t.classes[r];if(a=/language-(.+)/.exec(a)){n=a[1];break}}var c,u=e.languages[n];u?t.content=e.highlight(t.content.replace(i,"").replace(/&(\w{1,8}|#x?[\da-f]{1,8});/gi,(function(e,t){var n;return"#"===(t=t.toLowerCase())[0]?(n="x"===t[1]?parseInt(t.slice(2),16):Number(t.slice(1)),l(n)):s[t]||e})),u,n):n&&"none"!==n&&e.plugins.autoloader&&(c="md-"+(new Date).valueOf()+"-"+Math.floor(1e16*Math.random()),t.attributes.id=c,e.plugins.autoloader.loadLanguages(n,(function(){var t=document.getElementById(c);t&&(t.innerHTML=e.highlight(t.textContent,e.languages[n],n))})))}})),RegExp(e.languages.markup.tag.pattern.source,"gi")),s={amp:"&",lt:"<",gt:">",quot:'"'},l=String.fromCodePoint||String.fromCharCode;e.languages.md=e.languages.markdown}(S),S.languages.graphql={comment:/#.*/,description:{pattern:/(?:"""(?:[^"]|(?!""")")*"""|"(?:\\.|[^\\"\r\n])*")(?=\s*[a-z_])/i,greedy:!0,alias:"string",inside:{"language-markdown":{pattern:/(^"(?:"")?)(?!\1)[\s\S]+(?=\1$)/,lookbehind:!0,inside:S.languages.markdown}}},string:{pattern:/"""(?:[^"]|(?!""")")*"""|"(?:\\.|[^\\"\r\n])*"/,greedy:!0},number:/(?:\B-|\b)\d+(?:\.\d+)?(?:e[+-]?\d+)?\b/i,boolean:/\b(?:false|true)\b/,variable:/\$[a-z_]\w*/i,directive:{pattern:/@[a-z_]\w*/i,alias:"function"},"attr-name":{pattern:/\b[a-z_]\w*(?=\s*(?:\((?:[^()"]|"(?:\\.|[^\\"\r\n])*")*\))?:)/i,greedy:!0},"atom-input":{pattern:/\b[A-Z]\w*Input\b/,alias:"class-name"},scalar:/\b(?:Boolean|Float|ID|Int|String)\b/,constant:/\b[A-Z][A-Z_\d]*\b/,"class-name":{pattern:/(\b(?:enum|implements|interface|on|scalar|type|union)\s+|&\s*|:\s*|\[)[A-Z_]\w*/,lookbehind:!0},fragment:{pattern:/(\bfragment\s+|\.{3}\s*(?!on\b))[a-zA-Z_]\w*/,lookbehind:!0,alias:"function"},"definition-mutation":{pattern:/(\bmutation\s+)[a-zA-Z_]\w*/,lookbehind:!0,alias:"function"},"definition-query":{pattern:/(\bquery\s+)[a-zA-Z_]\w*/,lookbehind:!0,alias:"function"},keyword:/\b(?:directive|enum|extend|fragment|implements|input|interface|mutation|on|query|repeatable|scalar|schema|subscription|type|union)\b/,operator:/[!=|&]|\.{3}/,"property-query":/\w+(?=\s*\()/,object:/\w+(?=\s*\{)/,punctuation:/[!(){}\[\]:=,]/,property:/\w+/},S.hooks.add("after-tokenize",(function(e){if("graphql"===e.language)for(var t=e.tokens.filter((function(e){return"string"!=typeof e&&"comment"!==e.type&&"scalar"!==e.type})),n=0;n<t.length;){var r=t[n++];if("keyword"===r.type&&"mutation"===r.content){var o=[];if(d(["definition-mutation","punctuation"])&&"("===u(1).content){n+=2;var a=p(/^\($/,/^\)$/);if(-1===a)continue;for(;n<a;n++){var i=u(0);"variable"===i.type&&(f(i,"variable-input"),o.push(i.content))}n=a+1}if(d(["punctuation","property-query"])&&"{"===u(0).content&&(n++,f(u(0),"property-mutation"),0<o.length)){var s=p(/^\{$/,/^\}$/);if(-1!==s)for(var l=n;l<s;l++){var c=t[l];"variable"===c.type&&0<=o.indexOf(c.content)&&f(c,"variable-input")}}}}function u(e){return t[n+e]}function d(e,t){t=t||0;for(var n=0;n<e.length;n++){var r=u(n+t);if(!r||r.type!==e[n])return}return 1}function p(e,r){for(var o=1,a=n;a<t.length;a++){var i=t[a],s=i.content;if("punctuation"===i.type&&"string"==typeof s)if(e.test(s))o++;else if(r.test(s)&&0==--o)return a}return-1}function f(e,t){var n=e.alias;n?Array.isArray(n)||(e.alias=n=[n]):e.alias=n=[],n.push(t)}})),S.languages.sql={comment:{pattern:/(^|[^\\])(?:\/\*[\s\S]*?\*\/|(?:--|\/\/|#).*)/,lookbehind:!0},variable:[{pattern:/@(["'`])(?:\\[\s\S]|(?!\1)[^\\])+\1/,greedy:!0},/@[\w.$]+/],string:{pattern:/(^|[^@\\])("|')(?:\\[\s\S]|(?!\2)[^\\]|\2\2)*\2/,greedy:!0,lookbehind:!0},identifier:{pattern:/(^|[^@\\])`(?:\\[\s\S]|[^`\\]|``)*`/,greedy:!0,lookbehind:!0,inside:{punctuation:/^`|`$/}},function:/\b(?:AVG|COUNT|FIRST|FORMAT|LAST|LCASE|LEN|MAX|MID|MIN|MOD|NOW|ROUND|SUM|UCASE)(?=\s*\()/i,keyword:/\b(?:ACTION|ADD|AFTER|ALGORITHM|ALL|ALTER|ANALYZE|ANY|APPLY|AS|ASC|AUTHORIZATION|AUTO_INCREMENT|BACKUP|BDB|BEGIN|BERKELEYDB|BIGINT|BINARY|BIT|BLOB|BOOL|BOOLEAN|BREAK|BROWSE|BTREE|BULK|BY|CALL|CASCADED?|CASE|CHAIN|CHAR(?:ACTER|SET)?|CHECK(?:POINT)?|CLOSE|CLUSTERED|COALESCE|COLLATE|COLUMNS?|COMMENT|COMMIT(?:TED)?|COMPUTE|CONNECT|CONSISTENT|CONSTRAINT|CONTAINS(?:TABLE)?|CONTINUE|CONVERT|CREATE|CROSS|CURRENT(?:_DATE|_TIME|_TIMESTAMP|_USER)?|CURSOR|CYCLE|DATA(?:BASES?)?|DATE(?:TIME)?|DAY|DBCC|DEALLOCATE|DEC|DECIMAL|DECLARE|DEFAULT|DEFINER|DELAYED|DELETE|DELIMITERS?|DENY|DESC|DESCRIBE|DETERMINISTIC|DISABLE|DISCARD|DISK|DISTINCT|DISTINCTROW|DISTRIBUTED|DO|DOUBLE|DROP|DUMMY|DUMP(?:FILE)?|DUPLICATE|ELSE(?:IF)?|ENABLE|ENCLOSED|END|ENGINE|ENUM|ERRLVL|ERRORS|ESCAPED?|EXCEPT|EXEC(?:UTE)?|EXISTS|EXIT|EXPLAIN|EXTENDED|FETCH|FIELDS|FILE|FILLFACTOR|FIRST|FIXED|FLOAT|FOLLOWING|FOR(?: EACH ROW)?|FORCE|FOREIGN|FREETEXT(?:TABLE)?|FROM|FULL|FUNCTION|GEOMETRY(?:COLLECTION)?|GLOBAL|GOTO|GRANT|GROUP|HANDLER|HASH|HAVING|HOLDLOCK|HOUR|IDENTITY(?:COL|_INSERT)?|IF|IGNORE|IMPORT|INDEX|INFILE|INNER|INNODB|INOUT|INSERT|INT|INTEGER|INTERSECT|INTERVAL|INTO|INVOKER|ISOLATION|ITERATE|JOIN|KEYS?|KILL|LANGUAGE|LAST|LEAVE|LEFT|LEVEL|LIMIT|LINENO|LINES|LINESTRING|LOAD|LOCAL|LOCK|LONG(?:BLOB|TEXT)|LOOP|MATCH(?:ED)?|MEDIUM(?:BLOB|INT|TEXT)|MERGE|MIDDLEINT|MINUTE|MODE|MODIFIES|MODIFY|MONTH|MULTI(?:LINESTRING|POINT|POLYGON)|NATIONAL|NATURAL|NCHAR|NEXT|NO|NONCLUSTERED|NULLIF|NUMERIC|OFF?|OFFSETS?|ON|OPEN(?:DATASOURCE|QUERY|ROWSET)?|OPTIMIZE|OPTION(?:ALLY)?|ORDER|OUT(?:ER|FILE)?|OVER|PARTIAL|PARTITION|PERCENT|PIVOT|PLAN|POINT|POLYGON|PRECEDING|PRECISION|PREPARE|PREV|PRIMARY|PRINT|PRIVILEGES|PROC(?:EDURE)?|PUBLIC|PURGE|QUICK|RAISERROR|READS?|REAL|RECONFIGURE|REFERENCES|RELEASE|RENAME|REPEAT(?:ABLE)?|REPLACE|REPLICATION|REQUIRE|RESIGNAL|RESTORE|RESTRICT|RETURN(?:ING|S)?|REVOKE|RIGHT|ROLLBACK|ROUTINE|ROW(?:COUNT|GUIDCOL|S)?|RTREE|RULE|SAVE(?:POINT)?|SCHEMA|SECOND|SELECT|SERIAL(?:IZABLE)?|SESSION(?:_USER)?|SET(?:USER)?|SHARE|SHOW|SHUTDOWN|SIMPLE|SMALLINT|SNAPSHOT|SOME|SONAME|SQL|START(?:ING)?|STATISTICS|STATUS|STRIPED|SYSTEM_USER|TABLES?|TABLESPACE|TEMP(?:ORARY|TABLE)?|TERMINATED|TEXT(?:SIZE)?|THEN|TIME(?:STAMP)?|TINY(?:BLOB|INT|TEXT)|TOP?|TRAN(?:SACTIONS?)?|TRIGGER|TRUNCATE|TSEQUAL|TYPES?|UNBOUNDED|UNCOMMITTED|UNDEFINED|UNION|UNIQUE|UNLOCK|UNPIVOT|UNSIGNED|UPDATE(?:TEXT)?|USAGE|USE|USER|USING|VALUES?|VAR(?:BINARY|CHAR|CHARACTER|YING)|VIEW|WAITFOR|WARNINGS|WHEN|WHERE|WHILE|WITH(?: ROLLUP|IN)?|WORK|WRITE(?:TEXT)?|YEAR)\b/i,boolean:/\b(?:FALSE|NULL|TRUE)\b/i,number:/\b0x[\da-f]+\b|\b\d+(?:\.\d*)?|\B\.\d+\b/i,operator:/[-+*\/=%^~]|&&?|\|\|?|!=?|<(?:=>?|<|>)?|>[>=]?|\b(?:AND|BETWEEN|DIV|ILIKE|IN|IS|LIKE|NOT|OR|REGEXP|RLIKE|SOUNDS LIKE|XOR)\b/i,punctuation:/[;[\]()`,.]/},function(e){var t=e.languages.javascript["template-string"],n=t.pattern.source,r=t.inside.interpolation,o=r.inside["interpolation-punctuation"],a=r.pattern.source;function i(t,r){if(e.languages[t])return{pattern:RegExp("((?:"+r+")\\s*)"+n),lookbehind:!0,greedy:!0,inside:{"template-punctuation":{pattern:/^`|`$/,alias:"string"},"embedded-code":{pattern:/[\s\S]+/,alias:t}}}}function s(t,n,r){return t={code:t,grammar:n,language:r},e.hooks.run("before-tokenize",t),t.tokens=e.tokenize(t.code,t.grammar),e.hooks.run("after-tokenize",t),t.tokens}function l(t,n,i){var l=e.tokenize(t,{interpolation:{pattern:RegExp(a),lookbehind:!0}}),c=0,u={},d=(l=s(l.map((function(e){if("string"==typeof e)return e;var n,r;for(e=e.content;-1!==t.indexOf((r=c++,n="___"+i.toUpperCase()+"_"+r+"___")););return u[n]=e,n})).join(""),n,i),Object.keys(u));return c=0,function t(n){for(var a=0;a<n.length;a++){if(c>=d.length)return;var i,l,p,f,m,h,g,b=n[a];"string"==typeof b||"string"==typeof b.content?(i=d[c],-1!==(g=(h="string"==typeof b?b:b.content).indexOf(i))&&(++c,l=h.substring(0,g),m=u[i],p=void 0,(f={})["interpolation-punctuation"]=o,3===(f=e.tokenize(m,f)).length&&((p=[1,1]).push.apply(p,s(f[1],e.languages.javascript,"javascript")),f.splice.apply(f,p)),p=new e.Token("interpolation",f,r.alias,m),f=h.substring(g+i.length),m=[],l&&m.push(l),m.push(p),f&&(t(h=[f]),m.push.apply(m,h)),"string"==typeof b?(n.splice.apply(n,[a,1].concat(m)),a+=m.length-1):b.content=m)):(g=b.content,Array.isArray(g)?t(g):t([g]))}}(l),new e.Token(i,l,"language-"+i,t)}e.languages.javascript["template-string"]=[i("css",/\b(?:styled(?:\([^)]*\))?(?:\s*\.\s*\w+(?:\([^)]*\))*)*|css(?:\s*\.\s*(?:global|resolve))?|createGlobalStyle|keyframes)/.source),i("html",/\bhtml|\.\s*(?:inner|outer)HTML\s*\+?=/.source),i("svg",/\bsvg/.source),i("markdown",/\b(?:markdown|md)/.source),i("graphql",/\b(?:gql|graphql(?:\s*\.\s*experimental)?)/.source),i("sql",/\bsql/.source),t].filter(Boolean);var c={javascript:!0,js:!0,typescript:!0,ts:!0,jsx:!0,tsx:!0};function u(e){return"string"==typeof e?e:Array.isArray(e)?e.map(u).join(""):u(e.content)}e.hooks.add("after-tokenize",(function(t){t.language in c&&function t(n){for(var r=0,o=n.length;r<o;r++){var a,i,s,c=n[r];"string"!=typeof c&&(a=c.content,Array.isArray(a)?"template-string"===c.type?(c=a[1],3===a.length&&"string"!=typeof c&&"embedded-code"===c.type&&(i=u(c),c=c.alias,c=Array.isArray(c)?c[0]:c,s=e.languages[c])&&(a[1]=l(i,s,c))):t(a):"string"!=typeof a&&t([a]))}}(t.tokens)}))}(S),function(e){e.languages.typescript=e.languages.extend("javascript",{"class-name":{pattern:/(\b(?:class|extends|implements|instanceof|interface|new|type)\s+)(?!keyof\b)(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?:\s*<(?:[^<>]|<(?:[^<>]|<[^<>]*>)*>)*>)?/,lookbehind:!0,greedy:!0,inside:null},builtin:/\b(?:Array|Function|Promise|any|boolean|console|never|number|string|symbol|unknown)\b/}),e.languages.typescript.keyword.push(/\b(?:abstract|declare|is|keyof|readonly|require)\b/,/\b(?:asserts|infer|interface|module|namespace|type)\b(?=\s*(?:[{_$a-zA-Z\xA0-\uFFFF]|$))/,/\btype\b(?=\s*(?:[\{*]|$))/),delete e.languages.typescript.parameter,delete e.languages.typescript["literal-property"];var t=e.languages.extend("typescript",{});delete t["class-name"],e.languages.typescript["class-name"].inside=t,e.languages.insertBefore("typescript","function",{decorator:{pattern:/@[$\w\xA0-\uFFFF]+/,inside:{at:{pattern:/^@/,alias:"operator"},function:/^[\s\S]+/}},"generic-function":{pattern:/#?(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*\s*<(?:[^<>]|<(?:[^<>]|<[^<>]*>)*>)*>(?=\s*\()/,greedy:!0,inside:{function:/^#?(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*/,generic:{pattern:/<[\s\S]+/,alias:"class-name",inside:t}}}}),e.languages.ts=e.languages.typescript}(S),function(e){var t=e.languages.javascript,n=/\{(?:[^{}]|\{(?:[^{}]|\{[^{}]*\})*\})+\}/.source,r="(@(?:arg|argument|param|property)\\s+(?:"+n+"\\s+)?)";e.languages.jsdoc=e.languages.extend("javadoclike",{parameter:{pattern:RegExp(r+/(?:(?!\s)[$\w\xA0-\uFFFF.])+(?=\s|$)/.source),lookbehind:!0,inside:{punctuation:/\./}}}),e.languages.insertBefore("jsdoc","keyword",{"optional-parameter":{pattern:RegExp(r+/\[(?:(?!\s)[$\w\xA0-\uFFFF.])+(?:=[^[\]]+)?\](?=\s|$)/.source),lookbehind:!0,inside:{parameter:{pattern:/(^\[)[$\w\xA0-\uFFFF\.]+/,lookbehind:!0,inside:{punctuation:/\./}},code:{pattern:/(=)[\s\S]*(?=\]$)/,lookbehind:!0,inside:t,alias:"language-javascript"},punctuation:/[=[\]]/}},"class-name":[{pattern:RegExp(/(@(?:augments|class|extends|interface|memberof!?|template|this|typedef)\s+(?:<TYPE>\s+)?)[A-Z]\w*(?:\.[A-Z]\w*)*/.source.replace(/<TYPE>/g,(function(){return n}))),lookbehind:!0,inside:{punctuation:/\./}},{pattern:RegExp("(@[a-z]+\\s+)"+n),lookbehind:!0,inside:{string:t.string,number:t.number,boolean:t.boolean,keyword:e.languages.typescript.keyword,operator:/=>|\.\.\.|[&|?:*]/,punctuation:/[.,;=<>{}()[\]]/}}],example:{pattern:/(@example\s+(?!\s))(?:[^@\s]|\s+(?!\s))+?(?=\s*(?:\*\s*)?(?:@\w|\*\/))/,lookbehind:!0,inside:{code:{pattern:/^([\t ]*(?:\*\s*)?)\S.*$/m,lookbehind:!0,inside:t,alias:"language-javascript"}}}}),e.languages.javadoclike.addSupport("javascript",e.languages.jsdoc)}(S),function(e){e.languages.flow=e.languages.extend("javascript",{}),e.languages.insertBefore("flow","keyword",{type:[{pattern:/\b(?:[Bb]oolean|Function|[Nn]umber|[Ss]tring|[Ss]ymbol|any|mixed|null|void)\b/,alias:"class-name"}]}),e.languages.flow["function-variable"].pattern=/(?!\s)[_$a-z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*=\s*(?:function\b|(?:\([^()]*\)(?:\s*:\s*\w+)?|(?!\s)[_$a-z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*)\s*=>))/i,delete e.languages.flow.parameter,e.languages.insertBefore("flow","operator",{"flow-punctuation":{pattern:/\{\||\|\}/,alias:"punctuation"}}),Array.isArray(e.languages.flow.keyword)||(e.languages.flow.keyword=[e.languages.flow.keyword]),e.languages.flow.keyword.unshift({pattern:/(^|[^$]\b)(?:Class|declare|opaque|type)\b(?!\$)/,lookbehind:!0},{pattern:/(^|[^$]\B)\$(?:Diff|Enum|Exact|Keys|ObjMap|PropertyType|Record|Shape|Subtype|Supertype|await)\b(?!\$)/,lookbehind:!0})}(S),S.languages.n4js=S.languages.extend("javascript",{keyword:/\b(?:Array|any|boolean|break|case|catch|class|const|constructor|continue|debugger|declare|default|delete|do|else|enum|export|extends|false|finally|for|from|function|get|if|implements|import|in|instanceof|interface|let|module|new|null|number|package|private|protected|public|return|set|static|string|super|switch|this|throw|true|try|typeof|var|void|while|with|yield)\b/}),S.languages.insertBefore("n4js","constant",{annotation:{pattern:/@+\w+/,alias:"operator"}}),S.languages.n4jsd=S.languages.n4js,function(e){function t(e,t){return RegExp(e.replace(/<ID>/g,(function(){return/(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*/.source})),t)}e.languages.insertBefore("javascript","function-variable",{"method-variable":{pattern:RegExp("(\\.\\s*)"+e.languages.javascript["function-variable"].pattern.source),lookbehind:!0,alias:["function-variable","method","function","property-access"]}}),e.languages.insertBefore("javascript","function",{method:{pattern:RegExp("(\\.\\s*)"+e.languages.javascript.function.source),lookbehind:!0,alias:["function","property-access"]}}),e.languages.insertBefore("javascript","constant",{"known-class-name":[{pattern:/\b(?:(?:Float(?:32|64)|(?:Int|Uint)(?:8|16|32)|Uint8Clamped)?Array|ArrayBuffer|BigInt|Boolean|DataView|Date|Error|Function|Intl|JSON|(?:Weak)?(?:Map|Set)|Math|Number|Object|Promise|Proxy|Reflect|RegExp|String|Symbol|WebAssembly)\b/,alias:"class-name"},{pattern:/\b(?:[A-Z]\w*)Error\b/,alias:"class-name"}]}),e.languages.insertBefore("javascript","keyword",{imports:{pattern:t(/(\bimport\b\s*)(?:<ID>(?:\s*,\s*(?:\*\s*as\s+<ID>|\{[^{}]*\}))?|\*\s*as\s+<ID>|\{[^{}]*\})(?=\s*\bfrom\b)/.source),lookbehind:!0,inside:e.languages.javascript},exports:{pattern:t(/(\bexport\b\s*)(?:\*(?:\s*as\s+<ID>)?(?=\s*\bfrom\b)|\{[^{}]*\})/.source),lookbehind:!0,inside:e.languages.javascript}}),e.languages.javascript.keyword.unshift({pattern:/\b(?:as|default|export|from|import)\b/,alias:"module"},{pattern:/\b(?:await|break|catch|continue|do|else|finally|for|if|return|switch|throw|try|while|yield)\b/,alias:"control-flow"},{pattern:/\bnull\b/,alias:["null","nil"]},{pattern:/\bundefined\b/,alias:"nil"}),e.languages.insertBefore("javascript","operator",{spread:{pattern:/\.{3}/,alias:"operator"},arrow:{pattern:/=>/,alias:"operator"}}),e.languages.insertBefore("javascript","punctuation",{"property-access":{pattern:t(/(\.\s*)#?<ID>/.source),lookbehind:!0},"maybe-class-name":{pattern:/(^|[^$\w\xA0-\uFFFF])[A-Z][$\w\xA0-\uFFFF]+/,lookbehind:!0},dom:{pattern:/\b(?:document|(?:local|session)Storage|location|navigator|performance|window)\b/,alias:"variable"},console:{pattern:/\bconsole(?=\s*\.)/,alias:"class-name"}});for(var n=["function","function-variable","method","method-variable","property-access"],r=0;r<n.length;r++){var o=n[r],a=e.languages.javascript[o];o=(a="RegExp"===e.util.type(a)?e.languages.javascript[o]={pattern:a}:a).inside||{};(a.inside=o)["maybe-class-name"]=/^[A-Z][\s\S]*/}}(S),function(e){var t=e.util.clone(e.languages.javascript),n=/(?:\s|\/\/.*(?!.)|\/\*(?:[^*]|\*(?!\/))\*\/)/.source,r=/(?:\{(?:\{(?:\{[^{}]*\}|[^{}])*\}|[^{}])*\})/.source,o=/(?:\{<S>*\.{3}(?:[^{}]|<BRACES>)*\})/.source;function a(e,t){return e=e.replace(/<S>/g,(function(){return n})).replace(/<BRACES>/g,(function(){return r})).replace(/<SPREAD>/g,(function(){return o})),RegExp(e,t)}function i(t){for(var n=[],r=0;r<t.length;r++){var o=t[r],a=!1;"string"!=typeof o&&("tag"===o.type&&o.content[0]&&"tag"===o.content[0].type?"</"===o.content[0].content[0].content?0<n.length&&n[n.length-1].tagName===s(o.content[0].content[1])&&n.pop():"/>"!==o.content[o.content.length-1].content&&n.push({tagName:s(o.content[0].content[1]),openedBraces:0}):0<n.length&&"punctuation"===o.type&&"{"===o.content?n[n.length-1].openedBraces++:0<n.length&&0<n[n.length-1].openedBraces&&"punctuation"===o.type&&"}"===o.content?n[n.length-1].openedBraces--:a=!0),(a||"string"==typeof o)&&0<n.length&&0===n[n.length-1].openedBraces&&(a=s(o),r<t.length-1&&("string"==typeof t[r+1]||"plain-text"===t[r+1].type)&&(a+=s(t[r+1]),t.splice(r+1,1)),0<r&&("string"==typeof t[r-1]||"plain-text"===t[r-1].type)&&(a=s(t[r-1])+a,t.splice(r-1,1),r--),t[r]=new e.Token("plain-text",a,null,a)),o.content&&"string"!=typeof o.content&&i(o.content)}}o=a(o).source,e.languages.jsx=e.languages.extend("markup",t),e.languages.jsx.tag.pattern=a(/<\/?(?:[\w.:-]+(?:<S>+(?:[\w.:$-]+(?:=(?:"(?:\\[\s\S]|[^\\"])*"|'(?:\\[\s\S]|[^\\'])*'|[^\s{'"/>=]+|<BRACES>))?|<SPREAD>))*<S>*\/?)?>/.source),e.languages.jsx.tag.inside.tag.pattern=/^<\/?[^\s>\/]*/,e.languages.jsx.tag.inside["attr-value"].pattern=/=(?!\{)(?:"(?:\\[\s\S]|[^\\"])*"|'(?:\\[\s\S]|[^\\'])*'|[^\s'">]+)/,e.languages.jsx.tag.inside.tag.inside["class-name"]=/^[A-Z]\w*(?:\.[A-Z]\w*)*$/,e.languages.jsx.tag.inside.comment=t.comment,e.languages.insertBefore("inside","attr-name",{spread:{pattern:a(/<SPREAD>/.source),inside:e.languages.jsx}},e.languages.jsx.tag),e.languages.insertBefore("inside","special-attr",{script:{pattern:a(/=<BRACES>/.source),alias:"language-javascript",inside:{"script-punctuation":{pattern:/^=(?=\{)/,alias:"punctuation"},rest:e.languages.jsx}}},e.languages.jsx.tag);var s=function(e){return e?"string"==typeof e?e:"string"==typeof e.content?e.content:e.content.map(s).join(""):""};e.hooks.add("after-tokenize",(function(e){"jsx"!==e.language&&"tsx"!==e.language||i(e.tokens)}))}(S),function(e){var t=e.util.clone(e.languages.typescript);(t=(e.languages.tsx=e.languages.extend("jsx",t),delete e.languages.tsx.parameter,delete e.languages.tsx["literal-property"],e.languages.tsx.tag)).pattern=RegExp(/(^|[^\w$]|(?=<\/))/.source+"(?:"+t.pattern.source+")",t.pattern.flags),t.lookbehind=!0}(S),S.languages.swift={comment:{pattern:/(^|[^\\:])(?:\/\/.*|\/\*(?:[^/*]|\/(?!\*)|\*(?!\/)|\/\*(?:[^*]|\*(?!\/))*\*\/)*\*\/)/,lookbehind:!0,greedy:!0},"string-literal":[{pattern:RegExp(/(^|[^"#])/.source+"(?:"+/"(?:\\(?:\((?:[^()]|\([^()]*\))*\)|\r\n|[^(])|[^\\\r\n"])*"/.source+"|"+/"""(?:\\(?:\((?:[^()]|\([^()]*\))*\)|[^(])|[^\\"]|"(?!""))*"""/.source+")"+/(?!["#])/.source),lookbehind:!0,greedy:!0,inside:{interpolation:{pattern:/(\\\()(?:[^()]|\([^()]*\))*(?=\))/,lookbehind:!0,inside:null},"interpolation-punctuation":{pattern:/^\)|\\\($/,alias:"punctuation"},punctuation:/\\(?=[\r\n])/,string:/[\s\S]+/}},{pattern:RegExp(/(^|[^"#])(#+)/.source+"(?:"+/"(?:\\(?:#+\((?:[^()]|\([^()]*\))*\)|\r\n|[^#])|[^\\\r\n])*?"/.source+"|"+/"""(?:\\(?:#+\((?:[^()]|\([^()]*\))*\)|[^#])|[^\\])*?"""/.source+")\\2"),lookbehind:!0,greedy:!0,inside:{interpolation:{pattern:/(\\#+\()(?:[^()]|\([^()]*\))*(?=\))/,lookbehind:!0,inside:null},"interpolation-punctuation":{pattern:/^\)|\\#+\($/,alias:"punctuation"},string:/[\s\S]+/}}],directive:{pattern:RegExp(/#/.source+"(?:"+/(?:elseif|if)\b/.source+"(?:[ \t]*"+/(?:![ \t]*)?(?:\b\w+\b(?:[ \t]*\((?:[^()]|\([^()]*\))*\))?|\((?:[^()]|\([^()]*\))*\))(?:[ \t]*(?:&&|\|\|))?/.source+")+|"+/(?:else|endif)\b/.source+")"),alias:"property",inside:{"directive-name":/^#\w+/,boolean:/\b(?:false|true)\b/,number:/\b\d+(?:\.\d+)*\b/,operator:/!|&&|\|\||[<>]=?/,punctuation:/[(),]/}},literal:{pattern:/#(?:colorLiteral|column|dsohandle|file(?:ID|Literal|Path)?|function|imageLiteral|line)\b/,alias:"constant"},"other-directive":{pattern:/#\w+\b/,alias:"property"},attribute:{pattern:/@\w+/,alias:"atrule"},"function-definition":{pattern:/(\bfunc\s+)\w+/,lookbehind:!0,alias:"function"},label:{pattern:/\b(break|continue)\s+\w+|\b[a-zA-Z_]\w*(?=\s*:\s*(?:for|repeat|while)\b)/,lookbehind:!0,alias:"important"},keyword:/\b(?:Any|Protocol|Self|Type|actor|as|assignment|associatedtype|associativity|async|await|break|case|catch|class|continue|convenience|default|defer|deinit|didSet|do|dynamic|else|enum|extension|fallthrough|fileprivate|final|for|func|get|guard|higherThan|if|import|in|indirect|infix|init|inout|internal|is|isolated|lazy|left|let|lowerThan|mutating|none|nonisolated|nonmutating|open|operator|optional|override|postfix|precedencegroup|prefix|private|protocol|public|repeat|required|rethrows|return|right|safe|self|set|some|static|struct|subscript|super|switch|throw|throws|try|typealias|unowned|unsafe|var|weak|where|while|willSet)\b/,boolean:/\b(?:false|true)\b/,nil:{pattern:/\bnil\b/,alias:"constant"},"short-argument":/\$\d+\b/,omit:{pattern:/\b_\b/,alias:"keyword"},number:/\b(?:[\d_]+(?:\.[\de_]+)?|0x[a-f0-9_]+(?:\.[a-f0-9p_]+)?|0b[01_]+|0o[0-7_]+)\b/i,"class-name":/\b[A-Z](?:[A-Z_\d]*[a-z]\w*)?\b/,function:/\b[a-z_]\w*(?=\s*\()/i,constant:/\b(?:[A-Z_]{2,}|k[A-Z][A-Za-z_]+)\b/,operator:/[-+*/%=!<>&|^~?]+|\.[.\-+*/%=!<>&|^~?]+/,punctuation:/[{}[\]();,.:\\]/},S.languages.swift["string-literal"].forEach((function(e){e.inside.interpolation.inside=S.languages.swift})),function(e){e.languages.kotlin=e.languages.extend("clike",{keyword:{pattern:/(^|[^.])\b(?:abstract|actual|annotation|as|break|by|catch|class|companion|const|constructor|continue|crossinline|data|do|dynamic|else|enum|expect|external|final|finally|for|fun|get|if|import|in|infix|init|inline|inner|interface|internal|is|lateinit|noinline|null|object|open|operator|out|override|package|private|protected|public|reified|return|sealed|set|super|suspend|tailrec|this|throw|to|try|typealias|val|var|vararg|when|where|while)\b/,lookbehind:!0},function:[{pattern:/(?:`[^\r\n`]+`|\b\w+)(?=\s*\()/,greedy:!0},{pattern:/(\.)(?:`[^\r\n`]+`|\w+)(?=\s*\{)/,lookbehind:!0,greedy:!0}],number:/\b(?:0[xX][\da-fA-F]+(?:_[\da-fA-F]+)*|0[bB][01]+(?:_[01]+)*|\d+(?:_\d+)*(?:\.\d+(?:_\d+)*)?(?:[eE][+-]?\d+(?:_\d+)*)?[fFL]?)\b/,operator:/\+[+=]?|-[-=>]?|==?=?|!(?:!|==?)?|[\/*%<>]=?|[?:]:?|\.\.|&&|\|\||\b(?:and|inv|or|shl|shr|ushr|xor)\b/}),delete e.languages.kotlin["class-name"];var t={"interpolation-punctuation":{pattern:/^\$\{?|\}$/,alias:"punctuation"},expression:{pattern:/[\s\S]+/,inside:e.languages.kotlin}};e.languages.insertBefore("kotlin","string",{"string-literal":[{pattern:/"""(?:[^$]|\$(?:(?!\{)|\{[^{}]*\}))*?"""/,alias:"multiline",inside:{interpolation:{pattern:/\$(?:[a-z_]\w*|\{[^{}]*\})/i,inside:t},string:/[\s\S]+/}},{pattern:/"(?:[^"\\\r\n$]|\\.|\$(?:(?!\{)|\{[^{}]*\}))*"/,alias:"singleline",inside:{interpolation:{pattern:/((?:^|[^\\])(?:\\{2})*)\$(?:[a-z_]\w*|\{[^{}]*\})/i,lookbehind:!0,inside:t},string:/[\s\S]+/}}],char:{pattern:/'(?:[^'\\\r\n]|\\(?:.|u[a-fA-F0-9]{0,4}))'/,greedy:!0}}),delete e.languages.kotlin.string,e.languages.insertBefore("kotlin","keyword",{annotation:{pattern:/\B@(?:\w+:)?(?:[A-Z]\w*|\[[^\]]+\])/,alias:"builtin"}}),e.languages.insertBefore("kotlin","function",{label:{pattern:/\b\w+@|@\w+\b/,alias:"symbol"}}),e.languages.kt=e.languages.kotlin,e.languages.kts=e.languages.kotlin}(S),S.languages.c=S.languages.extend("clike",{comment:{pattern:/\/\/(?:[^\r\n\\]|\\(?:\r\n?|\n|(?![\r\n])))*|\/\*[\s\S]*?(?:\*\/|$)/,greedy:!0},string:{pattern:/"(?:\\(?:\r\n|[\s\S])|[^"\\\r\n])*"/,greedy:!0},"class-name":{pattern:/(\b(?:enum|struct)\s+(?:__attribute__\s*\(\([\s\S]*?\)\)\s*)?)\w+|\b[a-z]\w*_t\b/,lookbehind:!0},keyword:/\b(?:_Alignas|_Alignof|_Atomic|_Bool|_Complex|_Generic|_Imaginary|_Noreturn|_Static_assert|_Thread_local|__attribute__|asm|auto|break|case|char|const|continue|default|do|double|else|enum|extern|float|for|goto|if|inline|int|long|register|return|short|signed|sizeof|static|struct|switch|typedef|typeof|union|unsigned|void|volatile|while)\b/,function:/\b[a-z_]\w*(?=\s*\()/i,number:/(?:\b0x(?:[\da-f]+(?:\.[\da-f]*)?|\.[\da-f]+)(?:p[+-]?\d+)?|(?:\b\d+(?:\.\d*)?|\B\.\d+)(?:e[+-]?\d+)?)[ful]{0,4}/i,operator:/>>=?|<<=?|->|([-+&|:])\1|[?:~]|[-+*/%&|^!=<>]=?/}),S.languages.insertBefore("c","string",{char:{pattern:/'(?:\\(?:\r\n|[\s\S])|[^'\\\r\n]){0,32}'/,greedy:!0}}),S.languages.insertBefore("c","string",{macro:{pattern:/(^[\t ]*)#\s*[a-z](?:[^\r\n\\/]|\/(?!\*)|\/\*(?:[^*]|\*(?!\/))*\*\/|\\(?:\r\n|[\s\S]))*/im,lookbehind:!0,greedy:!0,alias:"property",inside:{string:[{pattern:/^(#\s*include\s*)<[^>]+>/,lookbehind:!0},S.languages.c.string],char:S.languages.c.char,comment:S.languages.c.comment,"macro-name":[{pattern:/(^#\s*define\s+)\w+\b(?!\()/i,lookbehind:!0},{pattern:/(^#\s*define\s+)\w+\b(?=\()/i,lookbehind:!0,alias:"function"}],directive:{pattern:/^(#\s*)[a-z]+/,lookbehind:!0,alias:"keyword"},"directive-hash":/^#/,punctuation:/##|\\(?=[\r\n])/,expression:{pattern:/\S[\s\S]*/,inside:S.languages.c}}}}),S.languages.insertBefore("c","function",{constant:/\b(?:EOF|NULL|SEEK_CUR|SEEK_END|SEEK_SET|__DATE__|__FILE__|__LINE__|__TIMESTAMP__|__TIME__|__func__|stderr|stdin|stdout)\b/}),delete S.languages.c.boolean,S.languages.objectivec=S.languages.extend("c",{string:{pattern:/@?"(?:\\(?:\r\n|[\s\S])|[^"\\\r\n])*"/,greedy:!0},keyword:/\b(?:asm|auto|break|case|char|const|continue|default|do|double|else|enum|extern|float|for|goto|if|in|inline|int|long|register|return|self|short|signed|sizeof|static|struct|super|switch|typedef|typeof|union|unsigned|void|volatile|while)\b|(?:@interface|@end|@implementation|@protocol|@class|@public|@protected|@private|@property|@try|@catch|@finally|@throw|@synthesize|@dynamic|@selector)\b/,operator:/-[->]?|\+\+?|!=?|<<?=?|>>?=?|==?|&&?|\|\|?|[~^%?*\/@]/}),delete S.languages.objectivec["class-name"],S.languages.objc=S.languages.objectivec,S.languages.reason=S.languages.extend("clike",{string:{pattern:/"(?:\\(?:\r\n|[\s\S])|[^\\\r\n"])*"/,greedy:!0},"class-name":/\b[A-Z]\w*/,keyword:/\b(?:and|as|assert|begin|class|constraint|do|done|downto|else|end|exception|external|for|fun|function|functor|if|in|include|inherit|initializer|lazy|let|method|module|mutable|new|nonrec|object|of|open|or|private|rec|sig|struct|switch|then|to|try|type|val|virtual|when|while|with)\b/,operator:/\.{3}|:[:=]|\|>|->|=(?:==?|>)?|<=?|>=?|[|^?'#!~`]|[+\-*\/]\.?|\b(?:asr|land|lor|lsl|lsr|lxor|mod)\b/}),S.languages.insertBefore("reason","class-name",{char:{pattern:/'(?:\\x[\da-f]{2}|\\o[0-3][0-7][0-7]|\\\d{3}|\\.|[^'\\\r\n])'/,greedy:!0},constructor:/\b[A-Z]\w*\b(?!\s*\.)/,label:{pattern:/\b[a-z]\w*(?=::)/,alias:"symbol"}}),delete S.languages.reason.function,function(e){for(var t=/\/\*(?:[^*/]|\*(?!\/)|\/(?!\*)|<self>)*\*\//.source,n=0;n<2;n++)t=t.replace(/<self>/g,(function(){return t}));t=t.replace(/<self>/g,(function(){return/[^\s\S]/.source})),e.languages.rust={comment:[{pattern:RegExp(/(^|[^\\])/.source+t),lookbehind:!0,greedy:!0},{pattern:/(^|[^\\:])\/\/.*/,lookbehind:!0,greedy:!0}],string:{pattern:/b?"(?:\\[\s\S]|[^\\"])*"|b?r(#*)"(?:[^"]|"(?!\1))*"\1/,greedy:!0},char:{pattern:/b?'(?:\\(?:x[0-7][\da-fA-F]|u\{(?:[\da-fA-F]_*){1,6}\}|.)|[^\\\r\n\t'])'/,greedy:!0},attribute:{pattern:/#!?\[(?:[^\[\]"]|"(?:\\[\s\S]|[^\\"])*")*\]/,greedy:!0,alias:"attr-name",inside:{string:null}},"closure-params":{pattern:/([=(,:]\s*|\bmove\s*)\|[^|]*\||\|[^|]*\|(?=\s*(?:\{|->))/,lookbehind:!0,greedy:!0,inside:{"closure-punctuation":{pattern:/^\||\|$/,alias:"punctuation"},rest:null}},"lifetime-annotation":{pattern:/'\w+/,alias:"symbol"},"fragment-specifier":{pattern:/(\$\w+:)[a-z]+/,lookbehind:!0,alias:"punctuation"},variable:/\$\w+/,"function-definition":{pattern:/(\bfn\s+)\w+/,lookbehind:!0,alias:"function"},"type-definition":{pattern:/(\b(?:enum|struct|trait|type|union)\s+)\w+/,lookbehind:!0,alias:"class-name"},"module-declaration":[{pattern:/(\b(?:crate|mod)\s+)[a-z][a-z_\d]*/,lookbehind:!0,alias:"namespace"},{pattern:/(\b(?:crate|self|super)\s*)::\s*[a-z][a-z_\d]*\b(?:\s*::(?:\s*[a-z][a-z_\d]*\s*::)*)?/,lookbehind:!0,alias:"namespace",inside:{punctuation:/::/}}],keyword:[/\b(?:Self|abstract|as|async|await|become|box|break|const|continue|crate|do|dyn|else|enum|extern|final|fn|for|if|impl|in|let|loop|macro|match|mod|move|mut|override|priv|pub|ref|return|self|static|struct|super|trait|try|type|typeof|union|unsafe|unsized|use|virtual|where|while|yield)\b/,/\b(?:bool|char|f(?:32|64)|[ui](?:8|16|32|64|128|size)|str)\b/],function:/\b[a-z_]\w*(?=\s*(?:::\s*<|\())/,macro:{pattern:/\b\w+!/,alias:"property"},constant:/\b[A-Z_][A-Z_\d]+\b/,"class-name":/\b[A-Z]\w*\b/,namespace:{pattern:/(?:\b[a-z][a-z_\d]*\s*::\s*)*\b[a-z][a-z_\d]*\s*::(?!\s*<)/,inside:{punctuation:/::/}},number:/\b(?:0x[\dA-Fa-f](?:_?[\dA-Fa-f])*|0o[0-7](?:_?[0-7])*|0b[01](?:_?[01])*|(?:(?:\d(?:_?\d)*)?\.)?\d(?:_?\d)*(?:[Ee][+-]?\d+)?)(?:_?(?:f32|f64|[iu](?:8|16|32|64|size)?))?\b/,boolean:/\b(?:false|true)\b/,punctuation:/->|\.\.=|\.{1,3}|::|[{}[\];(),:]/,operator:/[-+*\/%!^]=?|=[=>]?|&[&=]?|\|[|=]?|<<?=?|>>?=?|[@?]/},e.languages.rust["closure-params"].inside.rest=e.languages.rust,e.languages.rust.attribute.inside.string=e.languages.rust.string}(S),S.languages.go=S.languages.extend("clike",{string:{pattern:/(^|[^\\])"(?:\\.|[^"\\\r\n])*"|`[^`]*`/,lookbehind:!0,greedy:!0},keyword:/\b(?:break|case|chan|const|continue|default|defer|else|fallthrough|for|func|go(?:to)?|if|import|interface|map|package|range|return|select|struct|switch|type|var)\b/,boolean:/\b(?:_|false|iota|nil|true)\b/,number:[/\b0(?:b[01_]+|o[0-7_]+)i?\b/i,/\b0x(?:[a-f\d_]+(?:\.[a-f\d_]*)?|\.[a-f\d_]+)(?:p[+-]?\d+(?:_\d+)*)?i?(?!\w)/i,/(?:\b\d[\d_]*(?:\.[\d_]*)?|\B\.\d[\d_]*)(?:e[+-]?[\d_]+)?i?(?!\w)/i],operator:/[*\/%^!=]=?|\+[=+]?|-[=-]?|\|[=|]?|&(?:=|&|\^=?)?|>(?:>=?|=)?|<(?:<=?|=|-)?|:=|\.\.\./,builtin:/\b(?:append|bool|byte|cap|close|complex|complex(?:64|128)|copy|delete|error|float(?:32|64)|u?int(?:8|16|32|64)?|imag|len|make|new|panic|print(?:ln)?|real|recover|rune|string|uintptr)\b/}),S.languages.insertBefore("go","string",{char:{pattern:/'(?:\\.|[^'\\\r\n]){0,10}'/,greedy:!0}}),delete S.languages.go["class-name"],function(e){var t=/\b(?:alignas|alignof|asm|auto|bool|break|case|catch|char|char16_t|char32_t|char8_t|class|co_await|co_return|co_yield|compl|concept|const|const_cast|consteval|constexpr|constinit|continue|decltype|default|delete|do|double|dynamic_cast|else|enum|explicit|export|extern|final|float|for|friend|goto|if|import|inline|int|int16_t|int32_t|int64_t|int8_t|long|module|mutable|namespace|new|noexcept|nullptr|operator|override|private|protected|public|register|reinterpret_cast|requires|return|short|signed|sizeof|static|static_assert|static_cast|struct|switch|template|this|thread_local|throw|try|typedef|typeid|typename|uint16_t|uint32_t|uint64_t|uint8_t|union|unsigned|using|virtual|void|volatile|wchar_t|while)\b/,n=/\b(?!<keyword>)\w+(?:\s*\.\s*\w+)*\b/.source.replace(/<keyword>/g,(function(){return t.source}));e.languages.cpp=e.languages.extend("c",{"class-name":[{pattern:RegExp(/(\b(?:class|concept|enum|struct|typename)\s+)(?!<keyword>)\w+/.source.replace(/<keyword>/g,(function(){return t.source}))),lookbehind:!0},/\b[A-Z]\w*(?=\s*::\s*\w+\s*\()/,/\b[A-Z_]\w*(?=\s*::\s*~\w+\s*\()/i,/\b\w+(?=\s*<(?:[^<>]|<(?:[^<>]|<[^<>]*>)*>)*>\s*::\s*\w+\s*\()/],keyword:t,number:{pattern:/(?:\b0b[01']+|\b0x(?:[\da-f']+(?:\.[\da-f']*)?|\.[\da-f']+)(?:p[+-]?[\d']+)?|(?:\b[\d']+(?:\.[\d']*)?|\B\.[\d']+)(?:e[+-]?[\d']+)?)[ful]{0,4}/i,greedy:!0},operator:/>>=?|<<=?|->|--|\+\+|&&|\|\||[?:~]|<=>|[-+*/%&|^!=<>]=?|\b(?:and|and_eq|bitand|bitor|not|not_eq|or|or_eq|xor|xor_eq)\b/,boolean:/\b(?:false|true)\b/}),e.languages.insertBefore("cpp","string",{module:{pattern:RegExp(/(\b(?:import|module)\s+)/.source+"(?:"+/"(?:\\(?:\r\n|[\s\S])|[^"\\\r\n])*"|<[^<>\r\n]*>/.source+"|"+/<mod-name>(?:\s*:\s*<mod-name>)?|:\s*<mod-name>/.source.replace(/<mod-name>/g,(function(){return n}))+")"),lookbehind:!0,greedy:!0,inside:{string:/^[<"][\s\S]+/,operator:/:/,punctuation:/\./}},"raw-string":{pattern:/R"([^()\\ ]{0,16})\([\s\S]*?\)\1"/,alias:"string",greedy:!0}}),e.languages.insertBefore("cpp","keyword",{"generic-function":{pattern:/\b(?!operator\b)[a-z_]\w*\s*<(?:[^<>]|<[^<>]*>)*>(?=\s*\()/i,inside:{function:/^\w+/,generic:{pattern:/<[\s\S]+/,alias:"class-name",inside:e.languages.cpp}}}}),e.languages.insertBefore("cpp","operator",{"double-colon":{pattern:/::/,alias:"punctuation"}}),e.languages.insertBefore("cpp","class-name",{"base-clause":{pattern:/(\b(?:class|struct)\s+\w+\s*:\s*)[^;{}"'\s]+(?:\s+[^;{}"'\s]+)*(?=\s*[;{])/,lookbehind:!0,greedy:!0,inside:e.languages.extend("cpp",{})}}),e.languages.insertBefore("inside","double-colon",{"class-name":/\b[a-z_]\w*\b(?!\s*::)/i},e.languages.cpp["base-clause"])}(S),S.languages.python={comment:{pattern:/(^|[^\\])#.*/,lookbehind:!0,greedy:!0},"string-interpolation":{pattern:/(?:f|fr|rf)(?:("""|''')[\s\S]*?\1|("|')(?:\\.|(?!\2)[^\\\r\n])*\2)/i,greedy:!0,inside:{interpolation:{pattern:/((?:^|[^{])(?:\{\{)*)\{(?!\{)(?:[^{}]|\{(?!\{)(?:[^{}]|\{(?!\{)(?:[^{}])+\})+\})+\}/,lookbehind:!0,inside:{"format-spec":{pattern:/(:)[^:(){}]+(?=\}$)/,lookbehind:!0},"conversion-option":{pattern:/![sra](?=[:}]$)/,alias:"punctuation"},rest:null}},string:/[\s\S]+/}},"triple-quoted-string":{pattern:/(?:[rub]|br|rb)?("""|''')[\s\S]*?\1/i,greedy:!0,alias:"string"},string:{pattern:/(?:[rub]|br|rb)?("|')(?:\\.|(?!\1)[^\\\r\n])*\1/i,greedy:!0},function:{pattern:/((?:^|\s)def[ \t]+)[a-zA-Z_]\w*(?=\s*\()/g,lookbehind:!0},"class-name":{pattern:/(\bclass\s+)\w+/i,lookbehind:!0},decorator:{pattern:/(^[\t ]*)@\w+(?:\.\w+)*/m,lookbehind:!0,alias:["annotation","punctuation"],inside:{punctuation:/\./}},keyword:/\b(?:_(?=\s*:)|and|as|assert|async|await|break|case|class|continue|def|del|elif|else|except|exec|finally|for|from|global|if|import|in|is|lambda|match|nonlocal|not|or|pass|print|raise|return|try|while|with|yield)\b/,builtin:/\b(?:__import__|abs|all|any|apply|ascii|basestring|bin|bool|buffer|bytearray|bytes|callable|chr|classmethod|cmp|coerce|compile|complex|delattr|dict|dir|divmod|enumerate|eval|execfile|file|filter|float|format|frozenset|getattr|globals|hasattr|hash|help|hex|id|input|int|intern|isinstance|issubclass|iter|len|list|locals|long|map|max|memoryview|min|next|object|oct|open|ord|pow|property|range|raw_input|reduce|reload|repr|reversed|round|set|setattr|slice|sorted|staticmethod|str|sum|super|tuple|type|unichr|unicode|vars|xrange|zip)\b/,boolean:/\b(?:False|None|True)\b/,number:/\b0(?:b(?:_?[01])+|o(?:_?[0-7])+|x(?:_?[a-f0-9])+)\b|(?:\b\d+(?:_\d+)*(?:\.(?:\d+(?:_\d+)*)?)?|\B\.\d+(?:_\d+)*)(?:e[+-]?\d+(?:_\d+)*)?j?(?!\w)/i,operator:/[-+%=]=?|!=|:=|\*\*?=?|\/\/?=?|<[<=>]?|>[=>]?|[&|^~]/,punctuation:/[{}[\];(),.:]/},S.languages.python["string-interpolation"].inside.interpolation.inside.rest=S.languages.python,S.languages.py=S.languages.python,S.languages.json={property:{pattern:/(^|[^\\])"(?:\\.|[^\\"\r\n])*"(?=\s*:)/,lookbehind:!0,greedy:!0},string:{pattern:/(^|[^\\])"(?:\\.|[^\\"\r\n])*"(?!\s*:)/,lookbehind:!0,greedy:!0},comment:{pattern:/\/\/.*|\/\*[\s\S]*?(?:\*\/|$)/,greedy:!0},number:/-?\b\d+(?:\.\d+)?(?:e[+-]?\d+)?\b/i,punctuation:/[{}[\],]/,operator:/:/,boolean:/\b(?:false|true)\b/,null:{pattern:/\bnull\b/,alias:"keyword"}},S.languages.webmanifest=S.languages.json;((e,t)=>{for(var n in t)l(e,n,{get:t[n],enumerable:!0})})({},{dracula:()=>k,duotoneDark:()=>x,duotoneLight:()=>E,github:()=>_,gruvboxMaterialDark:()=>q,gruvboxMaterialLight:()=>$,jettwaveDark:()=>F,jettwaveLight:()=>z,nightOwl:()=>C,nightOwlLight:()=>j,oceanicNext:()=>T,okaidia:()=>P,oneDark:()=>B,oneLight:()=>U,palenight:()=>L,shadesOfPurple:()=>I,synthwave84:()=>N,ultramin:()=>R,vsDark:()=>D,vsLight:()=>M});var k={plain:{color:"#F8F8F2",backgroundColor:"#282A36"},styles:[{types:["prolog","constant","builtin"],style:{color:"rgb(189, 147, 249)"}},{types:["inserted","function"],style:{color:"rgb(80, 250, 123)"}},{types:["deleted"],style:{color:"rgb(255, 85, 85)"}},{types:["changed"],style:{color:"rgb(255, 184, 108)"}},{types:["punctuation","symbol"],style:{color:"rgb(248, 248, 242)"}},{types:["string","char","tag","selector"],style:{color:"rgb(255, 121, 198)"}},{types:["keyword","variable"],style:{color:"rgb(189, 147, 249)",fontStyle:"italic"}},{types:["comment"],style:{color:"rgb(98, 114, 164)"}},{types:["attr-name"],style:{color:"rgb(241, 250, 140)"}}]},x={plain:{backgroundColor:"#2a2734",color:"#9a86fd"},styles:[{types:["comment","prolog","doctype","cdata","punctuation"],style:{color:"#6c6783"}},{types:["namespace"],style:{opacity:.7}},{types:["tag","operator","number"],style:{color:"#e09142"}},{types:["property","function"],style:{color:"#9a86fd"}},{types:["tag-id","selector","atrule-id"],style:{color:"#eeebff"}},{types:["attr-name"],style:{color:"#c4b9fe"}},{types:["boolean","string","entity","url","attr-value","keyword","control","directive","unit","statement","regex","atrule","placeholder","variable"],style:{color:"#ffcc99"}},{types:["deleted"],style:{textDecorationLine:"line-through"}},{types:["inserted"],style:{textDecorationLine:"underline"}},{types:["italic"],style:{fontStyle:"italic"}},{types:["important","bold"],style:{fontWeight:"bold"}},{types:["important"],style:{color:"#c4b9fe"}}]},E={plain:{backgroundColor:"#faf8f5",color:"#728fcb"},styles:[{types:["comment","prolog","doctype","cdata","punctuation"],style:{color:"#b6ad9a"}},{types:["namespace"],style:{opacity:.7}},{types:["tag","operator","number"],style:{color:"#063289"}},{types:["property","function"],style:{color:"#b29762"}},{types:["tag-id","selector","atrule-id"],style:{color:"#2d2006"}},{types:["attr-name"],style:{color:"#896724"}},{types:["boolean","string","entity","url","attr-value","keyword","control","directive","unit","statement","regex","atrule"],style:{color:"#728fcb"}},{types:["placeholder","variable"],style:{color:"#93abdc"}},{types:["deleted"],style:{textDecorationLine:"line-through"}},{types:["inserted"],style:{textDecorationLine:"underline"}},{types:["italic"],style:{fontStyle:"italic"}},{types:["important","bold"],style:{fontWeight:"bold"}},{types:["important"],style:{color:"#896724"}}]},_={plain:{color:"#393A34",backgroundColor:"#f6f8fa"},styles:[{types:["comment","prolog","doctype","cdata"],style:{color:"#999988",fontStyle:"italic"}},{types:["namespace"],style:{opacity:.7}},{types:["string","attr-value"],style:{color:"#e3116c"}},{types:["punctuation","operator"],style:{color:"#393A34"}},{types:["entity","url","symbol","number","boolean","variable","constant","property","regex","inserted"],style:{color:"#36acaa"}},{types:["atrule","keyword","attr-name","selector"],style:{color:"#00a4db"}},{types:["function","deleted","tag"],style:{color:"#d73a49"}},{types:["function-variable"],style:{color:"#6f42c1"}},{types:["tag","selector","keyword"],style:{color:"#00009f"}}]},C={plain:{color:"#d6deeb",backgroundColor:"#011627"},styles:[{types:["changed"],style:{color:"rgb(162, 191, 252)",fontStyle:"italic"}},{types:["deleted"],style:{color:"rgba(239, 83, 80, 0.56)",fontStyle:"italic"}},{types:["inserted","attr-name"],style:{color:"rgb(173, 219, 103)",fontStyle:"italic"}},{types:["comment"],style:{color:"rgb(99, 119, 119)",fontStyle:"italic"}},{types:["string","url"],style:{color:"rgb(173, 219, 103)"}},{types:["variable"],style:{color:"rgb(214, 222, 235)"}},{types:["number"],style:{color:"rgb(247, 140, 108)"}},{types:["builtin","char","constant","function"],style:{color:"rgb(130, 170, 255)"}},{types:["punctuation"],style:{color:"rgb(199, 146, 234)"}},{types:["selector","doctype"],style:{color:"rgb(199, 146, 234)",fontStyle:"italic"}},{types:["class-name"],style:{color:"rgb(255, 203, 139)"}},{types:["tag","operator","keyword"],style:{color:"rgb(127, 219, 202)"}},{types:["boolean"],style:{color:"rgb(255, 88, 116)"}},{types:["property"],style:{color:"rgb(128, 203, 196)"}},{types:["namespace"],style:{color:"rgb(178, 204, 214)"}}]},j={plain:{color:"#403f53",backgroundColor:"#FBFBFB"},styles:[{types:["changed"],style:{color:"rgb(162, 191, 252)",fontStyle:"italic"}},{types:["deleted"],style:{color:"rgba(239, 83, 80, 0.56)",fontStyle:"italic"}},{types:["inserted","attr-name"],style:{color:"rgb(72, 118, 214)",fontStyle:"italic"}},{types:["comment"],style:{color:"rgb(152, 159, 177)",fontStyle:"italic"}},{types:["string","builtin","char","constant","url"],style:{color:"rgb(72, 118, 214)"}},{types:["variable"],style:{color:"rgb(201, 103, 101)"}},{types:["number"],style:{color:"rgb(170, 9, 130)"}},{types:["punctuation"],style:{color:"rgb(153, 76, 195)"}},{types:["function","selector","doctype"],style:{color:"rgb(153, 76, 195)",fontStyle:"italic"}},{types:["class-name"],style:{color:"rgb(17, 17, 17)"}},{types:["tag"],style:{color:"rgb(153, 76, 195)"}},{types:["operator","property","keyword","namespace"],style:{color:"rgb(12, 150, 155)"}},{types:["boolean"],style:{color:"rgb(188, 84, 84)"}}]},O="#c5a5c5",A="#8dc891",T={plain:{backgroundColor:"#282c34",color:"#ffffff"},styles:[{types:["attr-name"],style:{color:O}},{types:["attr-value"],style:{color:A}},{types:["comment","block-comment","prolog","doctype","cdata","shebang"],style:{color:"#999999"}},{types:["property","number","function-name","constant","symbol","deleted"],style:{color:"#5a9bcf"}},{types:["boolean"],style:{color:"#ff8b50"}},{types:["tag"],style:{color:"#fc929e"}},{types:["string"],style:{color:A}},{types:["punctuation"],style:{color:A}},{types:["selector","char","builtin","inserted"],style:{color:"#D8DEE9"}},{types:["function"],style:{color:"#79b6f2"}},{types:["operator","entity","url","variable"],style:{color:"#d7deea"}},{types:["keyword"],style:{color:O}},{types:["atrule","class-name"],style:{color:"#FAC863"}},{types:["important"],style:{fontWeight:"400"}},{types:["bold"],style:{fontWeight:"bold"}},{types:["italic"],style:{fontStyle:"italic"}},{types:["namespace"],style:{opacity:.7}}]},P={plain:{color:"#f8f8f2",backgroundColor:"#272822"},styles:[{types:["changed"],style:{color:"rgb(162, 191, 252)",fontStyle:"italic"}},{types:["deleted"],style:{color:"#f92672",fontStyle:"italic"}},{types:["inserted"],style:{color:"rgb(173, 219, 103)",fontStyle:"italic"}},{types:["comment"],style:{color:"#8292a2",fontStyle:"italic"}},{types:["string","url"],style:{color:"#a6e22e"}},{types:["variable"],style:{color:"#f8f8f2"}},{types:["number"],style:{color:"#ae81ff"}},{types:["builtin","char","constant","function","class-name"],style:{color:"#e6db74"}},{types:["punctuation"],style:{color:"#f8f8f2"}},{types:["selector","doctype"],style:{color:"#a6e22e",fontStyle:"italic"}},{types:["tag","operator","keyword"],style:{color:"#66d9ef"}},{types:["boolean"],style:{color:"#ae81ff"}},{types:["namespace"],style:{color:"rgb(178, 204, 214)",opacity:.7}},{types:["tag","property"],style:{color:"#f92672"}},{types:["attr-name"],style:{color:"#a6e22e !important"}},{types:["doctype"],style:{color:"#8292a2"}},{types:["rule"],style:{color:"#e6db74"}}]},L={plain:{color:"#bfc7d5",backgroundColor:"#292d3e"},styles:[{types:["comment"],style:{color:"rgb(105, 112, 152)",fontStyle:"italic"}},{types:["string","inserted"],style:{color:"rgb(195, 232, 141)"}},{types:["number"],style:{color:"rgb(247, 140, 108)"}},{types:["builtin","char","constant","function"],style:{color:"rgb(130, 170, 255)"}},{types:["punctuation","selector"],style:{color:"rgb(199, 146, 234)"}},{types:["variable"],style:{color:"rgb(191, 199, 213)"}},{types:["class-name","attr-name"],style:{color:"rgb(255, 203, 107)"}},{types:["tag","deleted"],style:{color:"rgb(255, 85, 114)"}},{types:["operator"],style:{color:"rgb(137, 221, 255)"}},{types:["boolean"],style:{color:"rgb(255, 88, 116)"}},{types:["keyword"],style:{fontStyle:"italic"}},{types:["doctype"],style:{color:"rgb(199, 146, 234)",fontStyle:"italic"}},{types:["namespace"],style:{color:"rgb(178, 204, 214)"}},{types:["url"],style:{color:"rgb(221, 221, 221)"}}]},I={plain:{color:"#9EFEFF",backgroundColor:"#2D2A55"},styles:[{types:["changed"],style:{color:"rgb(255, 238, 128)"}},{types:["deleted"],style:{color:"rgba(239, 83, 80, 0.56)"}},{types:["inserted"],style:{color:"rgb(173, 219, 103)"}},{types:["comment"],style:{color:"rgb(179, 98, 255)",fontStyle:"italic"}},{types:["punctuation"],style:{color:"rgb(255, 255, 255)"}},{types:["constant"],style:{color:"rgb(255, 98, 140)"}},{types:["string","url"],style:{color:"rgb(165, 255, 144)"}},{types:["variable"],style:{color:"rgb(255, 238, 128)"}},{types:["number","boolean"],style:{color:"rgb(255, 98, 140)"}},{types:["attr-name"],style:{color:"rgb(255, 180, 84)"}},{types:["keyword","operator","property","namespace","tag","selector","doctype"],style:{color:"rgb(255, 157, 0)"}},{types:["builtin","char","constant","function","class-name"],style:{color:"rgb(250, 208, 0)"}}]},N={plain:{backgroundColor:"linear-gradient(to bottom, #2a2139 75%, #34294f)",backgroundImage:"#34294f",color:"#f92aad",textShadow:"0 0 2px #100c0f, 0 0 5px #dc078e33, 0 0 10px #fff3"},styles:[{types:["comment","block-comment","prolog","doctype","cdata"],style:{color:"#495495",fontStyle:"italic"}},{types:["punctuation"],style:{color:"#ccc"}},{types:["tag","attr-name","namespace","number","unit","hexcode","deleted"],style:{color:"#e2777a"}},{types:["property","selector"],style:{color:"#72f1b8",textShadow:"0 0 2px #100c0f, 0 0 10px #257c5575, 0 0 35px #21272475"}},{types:["function-name"],style:{color:"#6196cc"}},{types:["boolean","selector-id","function"],style:{color:"#fdfdfd",textShadow:"0 0 2px #001716, 0 0 3px #03edf975, 0 0 5px #03edf975, 0 0 8px #03edf975"}},{types:["class-name","maybe-class-name","builtin"],style:{color:"#fff5f6",textShadow:"0 0 2px #000, 0 0 10px #fc1f2c75, 0 0 5px #fc1f2c75, 0 0 25px #fc1f2c75"}},{types:["constant","symbol"],style:{color:"#f92aad",textShadow:"0 0 2px #100c0f, 0 0 5px #dc078e33, 0 0 10px #fff3"}},{types:["important","atrule","keyword","selector-class"],style:{color:"#f4eee4",textShadow:"0 0 2px #393a33, 0 0 8px #f39f0575, 0 0 2px #f39f0575"}},{types:["string","char","attr-value","regex","variable"],style:{color:"#f87c32"}},{types:["parameter"],style:{fontStyle:"italic"}},{types:["entity","url"],style:{color:"#67cdcc"}},{types:["operator"],style:{color:"ffffffee"}},{types:["important","bold"],style:{fontWeight:"bold"}},{types:["italic"],style:{fontStyle:"italic"}},{types:["entity"],style:{cursor:"help"}},{types:["inserted"],style:{color:"green"}}]},R={plain:{color:"#282a2e",backgroundColor:"#ffffff"},styles:[{types:["comment"],style:{color:"rgb(197, 200, 198)"}},{types:["string","number","builtin","variable"],style:{color:"rgb(150, 152, 150)"}},{types:["class-name","function","tag","attr-name"],style:{color:"rgb(40, 42, 46)"}}]},D={plain:{color:"#9CDCFE",backgroundColor:"#1E1E1E"},styles:[{types:["prolog"],style:{color:"rgb(0, 0, 128)"}},{types:["comment"],style:{color:"rgb(106, 153, 85)"}},{types:["builtin","changed","keyword","interpolation-punctuation"],style:{color:"rgb(86, 156, 214)"}},{types:["number","inserted"],style:{color:"rgb(181, 206, 168)"}},{types:["constant"],style:{color:"rgb(100, 102, 149)"}},{types:["attr-name","variable"],style:{color:"rgb(156, 220, 254)"}},{types:["deleted","string","attr-value","template-punctuation"],style:{color:"rgb(206, 145, 120)"}},{types:["selector"],style:{color:"rgb(215, 186, 125)"}},{types:["tag"],style:{color:"rgb(78, 201, 176)"}},{types:["tag"],languages:["markup"],style:{color:"rgb(86, 156, 214)"}},{types:["punctuation","operator"],style:{color:"rgb(212, 212, 212)"}},{types:["punctuation"],languages:["markup"],style:{color:"#808080"}},{types:["function"],style:{color:"rgb(220, 220, 170)"}},{types:["class-name"],style:{color:"rgb(78, 201, 176)"}},{types:["char"],style:{color:"rgb(209, 105, 105)"}}]},M={plain:{color:"#000000",backgroundColor:"#ffffff"},styles:[{types:["comment"],style:{color:"rgb(0, 128, 0)"}},{types:["builtin"],style:{color:"rgb(0, 112, 193)"}},{types:["number","variable","inserted"],style:{color:"rgb(9, 134, 88)"}},{types:["operator"],style:{color:"rgb(0, 0, 0)"}},{types:["constant","char"],style:{color:"rgb(129, 31, 63)"}},{types:["tag"],style:{color:"rgb(128, 0, 0)"}},{types:["attr-name"],style:{color:"rgb(255, 0, 0)"}},{types:["deleted","string"],style:{color:"rgb(163, 21, 21)"}},{types:["changed","punctuation"],style:{color:"rgb(4, 81, 165)"}},{types:["function","keyword"],style:{color:"rgb(0, 0, 255)"}},{types:["class-name"],style:{color:"rgb(38, 127, 153)"}}]},F={plain:{color:"#f8fafc",backgroundColor:"#011627"},styles:[{types:["prolog"],style:{color:"#000080"}},{types:["comment"],style:{color:"#6A9955"}},{types:["builtin","changed","keyword","interpolation-punctuation"],style:{color:"#569CD6"}},{types:["number","inserted"],style:{color:"#B5CEA8"}},{types:["constant"],style:{color:"#f8fafc"}},{types:["attr-name","variable"],style:{color:"#9CDCFE"}},{types:["deleted","string","attr-value","template-punctuation"],style:{color:"#cbd5e1"}},{types:["selector"],style:{color:"#D7BA7D"}},{types:["tag"],style:{color:"#0ea5e9"}},{types:["tag"],languages:["markup"],style:{color:"#0ea5e9"}},{types:["punctuation","operator"],style:{color:"#D4D4D4"}},{types:["punctuation"],languages:["markup"],style:{color:"#808080"}},{types:["function"],style:{color:"#7dd3fc"}},{types:["class-name"],style:{color:"#0ea5e9"}},{types:["char"],style:{color:"#D16969"}}]},z={plain:{color:"#0f172a",backgroundColor:"#f1f5f9"},styles:[{types:["prolog"],style:{color:"#000080"}},{types:["comment"],style:{color:"#6A9955"}},{types:["builtin","changed","keyword","interpolation-punctuation"],style:{color:"#0c4a6e"}},{types:["number","inserted"],style:{color:"#B5CEA8"}},{types:["constant"],style:{color:"#0f172a"}},{types:["attr-name","variable"],style:{color:"#0c4a6e"}},{types:["deleted","string","attr-value","template-punctuation"],style:{color:"#64748b"}},{types:["selector"],style:{color:"#D7BA7D"}},{types:["tag"],style:{color:"#0ea5e9"}},{types:["tag"],languages:["markup"],style:{color:"#0ea5e9"}},{types:["punctuation","operator"],style:{color:"#475569"}},{types:["punctuation"],languages:["markup"],style:{color:"#808080"}},{types:["function"],style:{color:"#0e7490"}},{types:["class-name"],style:{color:"#0ea5e9"}},{types:["char"],style:{color:"#D16969"}}]},B={plain:{backgroundColor:"hsl(220, 13%, 18%)",color:"hsl(220, 14%, 71%)",textShadow:"0 1px rgba(0, 0, 0, 0.3)"},styles:[{types:["comment","prolog","cdata"],style:{color:"hsl(220, 10%, 40%)"}},{types:["doctype","punctuation","entity"],style:{color:"hsl(220, 14%, 71%)"}},{types:["attr-name","class-name","maybe-class-name","boolean","constant","number","atrule"],style:{color:"hsl(29, 54%, 61%)"}},{types:["keyword"],style:{color:"hsl(286, 60%, 67%)"}},{types:["property","tag","symbol","deleted","important"],style:{color:"hsl(355, 65%, 65%)"}},{types:["selector","string","char","builtin","inserted","regex","attr-value"],style:{color:"hsl(95, 38%, 62%)"}},{types:["variable","operator","function"],style:{color:"hsl(207, 82%, 66%)"}},{types:["url"],style:{color:"hsl(187, 47%, 55%)"}},{types:["deleted"],style:{textDecorationLine:"line-through"}},{types:["inserted"],style:{textDecorationLine:"underline"}},{types:["italic"],style:{fontStyle:"italic"}},{types:["important","bold"],style:{fontWeight:"bold"}},{types:["important"],style:{color:"hsl(220, 14%, 71%)"}}]},U={plain:{backgroundColor:"hsl(230, 1%, 98%)",color:"hsl(230, 8%, 24%)"},styles:[{types:["comment","prolog","cdata"],style:{color:"hsl(230, 4%, 64%)"}},{types:["doctype","punctuation","entity"],style:{color:"hsl(230, 8%, 24%)"}},{types:["attr-name","class-name","boolean","constant","number","atrule"],style:{color:"hsl(35, 99%, 36%)"}},{types:["keyword"],style:{color:"hsl(301, 63%, 40%)"}},{types:["property","tag","symbol","deleted","important"],style:{color:"hsl(5, 74%, 59%)"}},{types:["selector","string","char","builtin","inserted","regex","attr-value","punctuation"],style:{color:"hsl(119, 34%, 47%)"}},{types:["variable","operator","function"],style:{color:"hsl(221, 87%, 60%)"}},{types:["url"],style:{color:"hsl(198, 99%, 37%)"}},{types:["deleted"],style:{textDecorationLine:"line-through"}},{types:["inserted"],style:{textDecorationLine:"underline"}},{types:["italic"],style:{fontStyle:"italic"}},{types:["important","bold"],style:{fontWeight:"bold"}},{types:["important"],style:{color:"hsl(230, 8%, 24%)"}}]},q={plain:{color:"#ebdbb2",backgroundColor:"#292828"},styles:[{types:["imports","class-name","maybe-class-name","constant","doctype","builtin","function"],style:{color:"#d8a657"}},{types:["property-access"],style:{color:"#7daea3"}},{types:["tag"],style:{color:"#e78a4e"}},{types:["attr-name","char","url","regex"],style:{color:"#a9b665"}},{types:["attr-value","string"],style:{color:"#89b482"}},{types:["comment","prolog","cdata","operator","inserted"],style:{color:"#a89984"}},{types:["delimiter","boolean","keyword","selector","important","atrule","property","variable","deleted"],style:{color:"#ea6962"}},{types:["entity","number","symbol"],style:{color:"#d3869b"}}]},$={plain:{color:"#654735",backgroundColor:"#f9f5d7"},styles:[{types:["delimiter","boolean","keyword","selector","important","atrule","property","variable","deleted"],style:{color:"#af2528"}},{types:["imports","class-name","maybe-class-name","constant","doctype","builtin"],style:{color:"#b4730e"}},{types:["string","attr-value"],style:{color:"#477a5b"}},{types:["property-access"],style:{color:"#266b79"}},{types:["function","attr-name","char","url"],style:{color:"#72761e"}},{types:["tag"],style:{color:"#b94c07"}},{types:["comment","prolog","cdata","operator","inserted"],style:{color:"#a89984"}},{types:["entity","number","symbol"],style:{color:"#924f79"}}]},H=(e,t)=>{const{plain:n}=e,r=e.styles.reduce(((e,n)=>{const{languages:r,style:o}=n;return r&&!r.includes(t)||n.types.forEach((t=>{const n=y(y({},e[t]),o);e[t]=n})),e}),{});return r.root=n,r.plain=v(y({},n),{backgroundColor:void 0}),r},V=/\r\n|\r|\n/,G=e=>{0===e.length?e.push({types:["plain"],content:"\n",empty:!0}):1===e.length&&""===e[0].content&&(e[0].content="\n",e[0].empty=!0)},W=(e,t)=>{const n=e.length;return n>0&&e[n-1]===t?e:e.concat(t)},K=e=>{const t=[[]],n=[e],r=[0],o=[e.length];let a=0,i=0,s=[];const l=[s];for(;i>-1;){for(;(a=r[i]++)<o[i];){let e,c=t[i];const u=n[i][a];if("string"==typeof u?(c=i>0?c:["plain"],e=u):(c=W(c,u.type),u.alias&&(c=W(c,u.alias)),e=u.content),"string"!=typeof e){i++,t.push(c),n.push(e),r.push(0),o.push(e.length);continue}const d=e.split(V),p=d.length;s.push({types:c,content:d[0]});for(let t=1;t<p;t++)G(s),l.push(s=[]),s.push({types:c,content:d[t]})}i--,t.pop(),n.pop(),r.pop(),o.pop()}return G(s),l},Q=({children:e,language:t,code:n,theme:r,prism:o})=>{const s=t.toLowerCase(),l=((e,t)=>{const[n,r]=(0,a.useState)(H(t,e)),o=(0,a.useRef)(),i=(0,a.useRef)();return(0,a.useEffect)((()=>{t===o.current&&e===i.current||(o.current=t,i.current=e,r(H(t,e)))}),[e,t]),n})(s,r),c=(e=>(0,a.useCallback)((t=>{var n=t,{className:r,style:o,line:a}=n,s=w(n,["className","style","line"]);const l=v(y({},s),{className:(0,i.A)("token-line",r)});return"object"==typeof e&&"plain"in e&&(l.style=e.plain),"object"==typeof o&&(l.style=y(y({},l.style||{}),o)),l}),[e]))(l),u=(e=>{const t=(0,a.useCallback)((({types:t,empty:n})=>{if(null!=e)return 1===t.length&&"plain"===t[0]?null!=n?{display:"inline-block"}:void 0:1===t.length&&null!=n?e[t[0]]:Object.assign(null!=n?{display:"inline-block"}:{},...t.map((t=>e[t])))}),[e]);return(0,a.useCallback)((e=>{var n=e,{token:r,className:o,style:a}=n,s=w(n,["token","className","style"]);const l=v(y({},s),{className:(0,i.A)("token",...r.types,o),children:r.content,style:t(r)});return null!=a&&(l.style=y(y({},l.style||{}),a)),l}),[t])})(l),d=(({prism:e,code:t,grammar:n,language:r})=>{const o=(0,a.useRef)(e);return(0,a.useMemo)((()=>{if(null==n)return K([t]);const e={code:t,grammar:n,language:r,tokens:[]};return o.current.hooks.run("before-tokenize",e),e.tokens=o.current.tokenize(t,n),o.current.hooks.run("after-tokenize",e),K(e.tokens)}),[t,n,r])})({prism:o,language:s,code:n,grammar:o.languages[s]});return e({tokens:d,className:`prism-code language-${s}`,style:null!=l?l.root:{},getLineProps:c,getTokenProps:u})},Y=e=>(0,a.createElement)(Q,v(y({},e),{prism:e.prism||S,theme:e.theme||D,code:e.code,language:e.language}))},5385:(e,t,n)=>{"use strict";n.d(t,{A:()=>a});var r=!0,o="Invariant failed";function a(e,t){if(!e){if(r)throw new Error(o);var n="function"==typeof t?t():t,a=n?"".concat(o,": ").concat(n):o;throw new Error(a)}}},3422:(e,t,n)=>{"use strict";n.r(t),n.d(t,{__addDisposableResource:()=>N,__assign:()=>a,__asyncDelegator:()=>_,__asyncGenerator:()=>E,__asyncValues:()=>C,__await:()=>x,__awaiter:()=>m,__classPrivateFieldGet:()=>P,__classPrivateFieldIn:()=>I,__classPrivateFieldSet:()=>L,__createBinding:()=>g,__decorate:()=>s,__disposeResources:()=>D,__esDecorate:()=>c,__exportStar:()=>b,__extends:()=>o,__generator:()=>h,__importDefault:()=>T,__importStar:()=>A,__makeTemplateObject:()=>j,__metadata:()=>f,__param:()=>l,__propKey:()=>d,__read:()=>v,__rest:()=>i,__runInitializers:()=>u,__setFunctionName:()=>p,__spread:()=>w,__spreadArray:()=>k,__spreadArrays:()=>S,__values:()=>y,default:()=>M});var r=function(e,t){return r=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])},r(e,t)};function o(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");function n(){this.constructor=e}r(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)}var a=function(){return a=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var o in t=arguments[n])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e},a.apply(this,arguments)};function i(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&Object.prototype.propertyIsEnumerable.call(e,r[o])&&(n[r[o]]=e[r[o]])}return n}function s(e,t,n,r){var o,a=arguments.length,i=a<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,n):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(e,t,n,r);else for(var s=e.length-1;s>=0;s--)(o=e[s])&&(i=(a<3?o(i):a>3?o(t,n,i):o(t,n))||i);return a>3&&i&&Object.defineProperty(t,n,i),i}function l(e,t){return function(n,r){t(n,r,e)}}function c(e,t,n,r,o,a){function i(e){if(void 0!==e&&"function"!=typeof e)throw new TypeError("Function expected");return e}for(var s,l=r.kind,c="getter"===l?"get":"setter"===l?"set":"value",u=!t&&e?r.static?e:e.prototype:null,d=t||(u?Object.getOwnPropertyDescriptor(u,r.name):{}),p=!1,f=n.length-1;f>=0;f--){var m={};for(var h in r)m[h]="access"===h?{}:r[h];for(var h in r.access)m.access[h]=r.access[h];m.addInitializer=function(e){if(p)throw new TypeError("Cannot add initializers after decoration has completed");a.push(i(e||null))};var g=(0,n[f])("accessor"===l?{get:d.get,set:d.set}:d[c],m);if("accessor"===l){if(void 0===g)continue;if(null===g||"object"!=typeof g)throw new TypeError("Object expected");(s=i(g.get))&&(d.get=s),(s=i(g.set))&&(d.set=s),(s=i(g.init))&&o.unshift(s)}else(s=i(g))&&("field"===l?o.unshift(s):d[c]=s)}u&&Object.defineProperty(u,r.name,d),p=!0}function u(e,t,n){for(var r=arguments.length>2,o=0;o<t.length;o++)n=r?t[o].call(e,n):t[o].call(e);return r?n:void 0}function d(e){return"symbol"==typeof e?e:"".concat(e)}function p(e,t,n){return"symbol"==typeof t&&(t=t.description?"[".concat(t.description,"]"):""),Object.defineProperty(e,"name",{configurable:!0,value:n?"".concat(n," ",t):t})}function f(e,t){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(e,t)}function m(e,t,n,r){return new(n||(n=Promise))((function(o,a){function i(e){try{l(r.next(e))}catch(t){a(t)}}function s(e){try{l(r.throw(e))}catch(t){a(t)}}function l(e){var t;e.done?o(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(i,s)}l((r=r.apply(e,t||[])).next())}))}function h(e,t){var n,r,o,a,i={label:0,sent:function(){if(1&o[0])throw o[1];return o[1]},trys:[],ops:[]};return a={next:s(0),throw:s(1),return:s(2)},"function"==typeof Symbol&&(a[Symbol.iterator]=function(){return this}),a;function s(s){return function(l){return function(s){if(n)throw new TypeError("Generator is already executing.");for(;a&&(a=0,s[0]&&(i=0)),i;)try{if(n=1,r&&(o=2&s[0]?r.return:s[0]?r.throw||((o=r.return)&&o.call(r),0):r.next)&&!(o=o.call(r,s[1])).done)return o;switch(r=0,o&&(s=[2&s[0],o.value]),s[0]){case 0:case 1:o=s;break;case 4:return i.label++,{value:s[1],done:!1};case 5:i.label++,r=s[1],s=[0];continue;case 7:s=i.ops.pop(),i.trys.pop();continue;default:if(!(o=i.trys,(o=o.length>0&&o[o.length-1])||6!==s[0]&&2!==s[0])){i=0;continue}if(3===s[0]&&(!o||s[1]>o[0]&&s[1]<o[3])){i.label=s[1];break}if(6===s[0]&&i.label<o[1]){i.label=o[1],o=s;break}if(o&&i.label<o[2]){i.label=o[2],i.ops.push(s);break}o[2]&&i.ops.pop(),i.trys.pop();continue}s=t.call(e,i)}catch(l){s=[6,l],r=0}finally{n=o=0}if(5&s[0])throw s[1];return{value:s[0]?s[1]:void 0,done:!0}}([s,l])}}}var g=Object.create?function(e,t,n,r){void 0===r&&(r=n);var o=Object.getOwnPropertyDescriptor(t,n);o&&!("get"in o?!t.__esModule:o.writable||o.configurable)||(o={enumerable:!0,get:function(){return t[n]}}),Object.defineProperty(e,r,o)}:function(e,t,n,r){void 0===r&&(r=n),e[r]=t[n]};function b(e,t){for(var n in e)"default"===n||Object.prototype.hasOwnProperty.call(t,n)||g(t,e,n)}function y(e){var t="function"==typeof Symbol&&Symbol.iterator,n=t&&e[t],r=0;if(n)return n.call(e);if(e&&"number"==typeof e.length)return{next:function(){return e&&r>=e.length&&(e=void 0),{value:e&&e[r++],done:!e}}};throw new TypeError(t?"Object is not iterable.":"Symbol.iterator is not defined.")}function v(e,t){var n="function"==typeof Symbol&&e[Symbol.iterator];if(!n)return e;var r,o,a=n.call(e),i=[];try{for(;(void 0===t||t-- >0)&&!(r=a.next()).done;)i.push(r.value)}catch(s){o={error:s}}finally{try{r&&!r.done&&(n=a.return)&&n.call(a)}finally{if(o)throw o.error}}return i}function w(){for(var e=[],t=0;t<arguments.length;t++)e=e.concat(v(arguments[t]));return e}function S(){for(var e=0,t=0,n=arguments.length;t<n;t++)e+=arguments[t].length;var r=Array(e),o=0;for(t=0;t<n;t++)for(var a=arguments[t],i=0,s=a.length;i<s;i++,o++)r[o]=a[i];return r}function k(e,t,n){if(n||2===arguments.length)for(var r,o=0,a=t.length;o<a;o++)!r&&o in t||(r||(r=Array.prototype.slice.call(t,0,o)),r[o]=t[o]);return e.concat(r||Array.prototype.slice.call(t))}function x(e){return this instanceof x?(this.v=e,this):new x(e)}function E(e,t,n){if(!Symbol.asyncIterator)throw new TypeError("Symbol.asyncIterator is not defined.");var r,o=n.apply(e,t||[]),a=[];return r={},i("next"),i("throw"),i("return",(function(e){return function(t){return Promise.resolve(t).then(e,c)}})),r[Symbol.asyncIterator]=function(){return this},r;function i(e,t){o[e]&&(r[e]=function(t){return new Promise((function(n,r){a.push([e,t,n,r])>1||s(e,t)}))},t&&(r[e]=t(r[e])))}function s(e,t){try{(n=o[e](t)).value instanceof x?Promise.resolve(n.value.v).then(l,c):u(a[0][2],n)}catch(r){u(a[0][3],r)}var n}function l(e){s("next",e)}function c(e){s("throw",e)}function u(e,t){e(t),a.shift(),a.length&&s(a[0][0],a[0][1])}}function _(e){var t,n;return t={},r("next"),r("throw",(function(e){throw e})),r("return"),t[Symbol.iterator]=function(){return this},t;function r(r,o){t[r]=e[r]?function(t){return(n=!n)?{value:x(e[r](t)),done:!1}:o?o(t):t}:o}}function C(e){if(!Symbol.asyncIterator)throw new TypeError("Symbol.asyncIterator is not defined.");var t,n=e[Symbol.asyncIterator];return n?n.call(e):(e=y(e),t={},r("next"),r("throw"),r("return"),t[Symbol.asyncIterator]=function(){return this},t);function r(n){t[n]=e[n]&&function(t){return new Promise((function(r,o){(function(e,t,n,r){Promise.resolve(r).then((function(t){e({value:t,done:n})}),t)})(r,o,(t=e[n](t)).done,t.value)}))}}}function j(e,t){return Object.defineProperty?Object.defineProperty(e,"raw",{value:t}):e.raw=t,e}var O=Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t};function A(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var n in e)"default"!==n&&Object.prototype.hasOwnProperty.call(e,n)&&g(t,e,n);return O(t,e),t}function T(e){return e&&e.__esModule?e:{default:e}}function P(e,t,n,r){if("a"===n&&!r)throw new TypeError("Private accessor was defined without a getter");if("function"==typeof t?e!==t||!r:!t.has(e))throw new TypeError("Cannot read private member from an object whose class did not declare it");return"m"===n?r:"a"===n?r.call(e):r?r.value:t.get(e)}function L(e,t,n,r,o){if("m"===r)throw new TypeError("Private method is not writable");if("a"===r&&!o)throw new TypeError("Private accessor was defined without a setter");if("function"==typeof t?e!==t||!o:!t.has(e))throw new TypeError("Cannot write private member to an object whose class did not declare it");return"a"===r?o.call(e,n):o?o.value=n:t.set(e,n),n}function I(e,t){if(null===t||"object"!=typeof t&&"function"!=typeof t)throw new TypeError("Cannot use 'in' operator on non-object");return"function"==typeof e?t===e:e.has(t)}function N(e,t,n){if(null!=t){if("object"!=typeof t&&"function"!=typeof t)throw new TypeError("Object expected.");var r,o;if(n){if(!Symbol.asyncDispose)throw new TypeError("Symbol.asyncDispose is not defined.");r=t[Symbol.asyncDispose]}if(void 0===r){if(!Symbol.dispose)throw new TypeError("Symbol.dispose is not defined.");r=t[Symbol.dispose],n&&(o=r)}if("function"!=typeof r)throw new TypeError("Object not disposable.");o&&(r=function(){try{o.call(this)}catch(e){return Promise.reject(e)}}),e.stack.push({value:t,dispose:r,async:n})}else n&&e.stack.push({async:!0});return t}var R="function"==typeof SuppressedError?SuppressedError:function(e,t,n){var r=new Error(n);return r.name="SuppressedError",r.error=e,r.suppressed=t,r};function D(e){function t(t){e.error=e.hasError?new R(t,e.error,"An error was suppressed during disposal."):t,e.hasError=!0}return function n(){for(;e.stack.length;){var r=e.stack.pop();try{var o=r.dispose&&r.dispose.call(r.value);if(r.async)return Promise.resolve(o).then(n,(function(e){return t(e),n()}))}catch(a){t(a)}}if(e.hasError)throw e.error}()}const M={__extends:o,__assign:a,__rest:i,__decorate:s,__param:l,__metadata:f,__awaiter:m,__generator:h,__createBinding:g,__exportStar:b,__values:y,__read:v,__spread:w,__spreadArrays:S,__spreadArray:k,__await:x,__asyncGenerator:E,__asyncDelegator:_,__asyncValues:C,__makeTemplateObject:j,__importStar:A,__importDefault:T,__classPrivateFieldGet:P,__classPrivateFieldSet:L,__classPrivateFieldIn:I,__addDisposableResource:N,__disposeResources:D}},2654:e=>{"use strict";e.exports=JSON.parse('{"pages.home.features.title":"Features","pages.home.features.logic.title":"Explicit business logic","pages.home.features.logic.description":"Easily discoverable architecture thanks to domain scopes","pages.home.features.adaptability.title":"Adaptability","pages.home.features.adaptability.description":"Architecture components can be flexibly replaced and added for new requirements","pages.home.features.debt.title":"Tech debt & Refactoring","pages.home.features.debt.description":"Each module can be independently modified / rewritten without side effects","pages.home.features.shared.title":"Explicit code reuse","pages.home.features.shared.description":"A balance is maintained between DRY and local customization","pages.home.concepts.title":"Concepts","pages.home.concepts.public.title":"Public API","pages.home.concepts.public.description":"Each module must have a declaration of its public API at the top level","pages.home.concepts.isolation.title":"Isolation","pages.home.concepts.isolation.description":"The module should not depend directly on other modules of the same layer or overlying layers","pages.home.concepts.needs.title":"Needs Driven","pages.home.concepts.needs.description":"Orientation to business and user needs","pages.home.scheme.title":"Scheme","pages.home.companies.using":"Companies using FSD","pages.home.companies.add_me":"FSD is used in your company?","pages.home.companies.tell_us":"Tell us","pages.examples.title":"Examples","pages.examples.subtitle":"List of websites people are building with Feature-Sliced Design","pages.examples.add_me.title":"Add example","pages.examples.repo.title":"Repository","pages.examples.versions":"See also versions list","pages.versions.title":"Feature-Sliced Design versions","pages.versions.current":"The documentation for the currently published version can be found here","pages.versions.legacy":"Documentation for older versions of {of} can be found here ","pages.nav.title":"\ud83e\udded Navigation","pages.nav.legacy.title":"Legacy routes","pages.nav.legacy.details":"After the restructuring of the documentation, some routes were changed. Below you can find the page you may have been looking for.","pages.nav.legacy.subdetails":"But there are redirects from old links for compatibility","features.feedback-badge.label":"Share your feedback about documentation \ud83e\udd19","features.feedback-badge.url":"https://forms.gle/nsYua6bMMG5iBB3v7","features.feedback-doc.button-text":"Feedback","features.feedback-doc.email-placeholder":"Your email (optional)","features.feedback-doc.error-message":"Something went wrong. Please try again later.","features.feedback-doc.modal-title-error-403":"The request URL does not match the one defined in PushFeedback for this project.","features.feedback-doc.modal-title-error-404":"We could not find the provided project id in PushFeedback.","features.feedback-doc.message-placeholder":"Comments","features.feedback-doc.modal-title":"Share your feedback","features.feedback-doc.modal-title-error":"Oops!","features.feedback-doc.modal-title-success":"Thanks for your feedback!","features.feedback-doc.screenshot-button-text":"Take a Screenshot","features.feedback-doc.screenshot-topbar-text":"SELECT AN ELEMENT ON THE PAGE","features.feedback-doc.send-button-text":"Send","features.feedback-doc.rating-placeholder":"Was this page helpful?","features.feedback-doc.rating-stars-placeholder":"How would you rate this page","features.hero.tagline":"Architectural methodology for frontend projects","features.hero.get_started":"Get Started","features.hero.examples":"Examples","features.hero.previous":"Previous version","shared.wip.title":"The article is in the process of writing","shared.wip.subtitle":"To bring the release of the article closer, you can:","shared.wip.var.feedback.base":"\ud83d\udce2 Share your feedback ","shared.wip.var.feedback.link":"at article (comment/emoji-reaction)","shared.wip.var.material.base":"\ud83d\udcac Collect the relevant ","shared.wip.var.material.link":"material on the topic from chat","shared.wip.var.contribute.base":"\u2692\ufe0f Contribute ","shared.wip.var.contribute.link":"in any other way","theme.NotFound.title":"Page Not Found","theme.NotFound.p1":"We could not find what you were looking for.","theme.NotFound.p2":"Please contact the owner of the site that linked you to the original URL and let them know their link is broken.","theme.AnnouncementBar.closeButtonAriaLabel":"Close","theme.blog.paginator.navAriaLabel":"Blog list page navigation","theme.blog.paginator.newerEntries":"Newer Entries","theme.blog.paginator.olderEntries":"Older Entries","theme.blog.post.readingTime.plurals":"One min read|{readingTime} min read","theme.tags.tagsListLabel":"Tags:","theme.blog.post.readMore":"Read More","theme.blog.post.paginator.navAriaLabel":"Blog post page navigation","theme.blog.post.paginator.newerPost":"Newer Post","theme.blog.post.paginator.olderPost":"Older Post","theme.tags.tagsPageTitle":"Tags","theme.blog.post.plurals":"One post|{count} posts","theme.blog.tagTitle":"{nPosts} tagged with \\"{tagName}\\"","theme.tags.tagsPageLink":"View All Tags","theme.CodeBlock.copyButtonAriaLabel":"Copy code to clipboard","theme.CodeBlock.copied":"Copied","theme.CodeBlock.copy":"Copy","theme.docs.sidebar.expandButtonTitle":"Expand sidebar","theme.docs.sidebar.expandButtonAriaLabel":"Expand sidebar","theme.docs.paginator.navAriaLabel":"Docs pages navigation","theme.docs.paginator.previous":"Previous","theme.docs.paginator.next":"Next","theme.docs.sidebar.collapseButtonTitle":"Collapse sidebar","theme.docs.sidebar.collapseButtonAriaLabel":"Collapse sidebar","theme.docs.sidebar.responsiveCloseButtonLabel":"Close menu","theme.docs.sidebar.responsiveOpenButtonLabel":"Open menu","theme.docs.versions.unreleasedVersionLabel":"This is unreleased documentation for {siteTitle} {versionLabel} version.","theme.docs.versions.unmaintainedVersionLabel":"This is documentation for {siteTitle} {versionLabel}, which is no longer actively maintained.","theme.docs.versions.latestVersionSuggestionLabel":"For up-to-date documentation, see the {latestVersionLink} ({versionLabel}).","theme.docs.versions.latestVersionLinkLabel":"latest version","theme.common.editThisPage":"Edit this page","theme.common.headingLinkTitle":"Direct link to heading","theme.lastUpdated.atDate":" on {date}","theme.lastUpdated.byUser":" by {user}","theme.lastUpdated.lastUpdatedAtBy":"Last updated{atDate}{byUser}","theme.common.skipToMainContent":"Skip to main content"}')},4054:e=>{"use strict";e.exports=JSON.parse('{"/blog-363":{"__comp":"a6aa9e1f","__context":{"plugin":"36994c47"},"sidebar":"814f3328","items":[{"content":"25a0b29f"},{"content":"f6bb872e"}],"__props":"c15d9823"},"/blog/archive-182":{"__comp":"9e4087bc","__context":{"plugin":"36994c47"},"__props":"f81c1134"},"/blog/international-community-79e":{"__comp":"ccc49370","__context":{"data":{"blogMetadata":"acecf23e"},"plugin":"36994c47"},"sidebar":"814f3328","content":"f6760343"},"/blog/rebranding-stable-4fd":{"__comp":"ccc49370","__context":{"data":{"blogMetadata":"acecf23e"},"plugin":"36994c47"},"sidebar":"814f3328","content":"1943626f"},"/blog/tags-287":{"__comp":"01a85c17","__context":{"plugin":"36994c47"},"sidebar":"814f3328","__props":"3a2db09e"},"/blog/tags/brand-2cf":{"__comp":"6875c492","__context":{"plugin":"36994c47"},"sidebar":"814f3328","items":[{"content":"f6bb872e"}],"__props":"024ebfdc"},"/blog/tags/community-90f":{"__comp":"6875c492","__context":{"plugin":"36994c47"},"sidebar":"814f3328","items":[{"content":"25a0b29f"}],"__props":"dc8e8e39"},"/blog/tags/discord-f32":{"__comp":"6875c492","__context":{"plugin":"36994c47"},"sidebar":"814f3328","items":[{"content":"25a0b29f"}],"__props":"e3409e91"},"/blog/tags/promo-e94":{"__comp":"6875c492","__context":{"plugin":"36994c47"},"sidebar":"814f3328","items":[{"content":"25a0b29f"},{"content":"f6bb872e"}],"__props":"1bfc316b"},"/examples-154":{"__comp":"b4c136e1","__context":{"plugin":"a7456010"},"config":"5e9f5e1a"},"/nav-b58":{"__comp":"f565db0c","__context":{"plugin":"a7456010"},"config":"5e9f5e1a"},"/search-5de":{"__comp":"1a4e3797","__context":{"plugin":"c141421f"}},"/versions-15d":{"__comp":"90f695cb","__context":{"plugin":"a7456010"},"config":"5e9f5e1a"},"/community-036":{"__comp":"5e95c892","__context":{"plugin":"e0719818"}},"/community-912":{"__comp":"a7bd4aaa","__props":"d2436a2b"},"/community-74b":{"__comp":"a94703ab"},"/community-ead":{"__comp":"17896441","content":"a61c55ce"},"/community/team-da4":{"__comp":"17896441","content":"7313bf7a"},"/docs-5a3":{"__comp":"5e95c892","__context":{"plugin":"aba21aa0"}},"/docs-8b9":{"__comp":"a7bd4aaa","__props":"0058b4c6"},"/docs-f88":{"__comp":"a94703ab"},"/docs-f6d":{"__comp":"17896441","content":"55fbebd6"},"/docs/about-8ce":{"__comp":"17896441","content":"c5666f39"},"/docs/about/alternatives-f16":{"__comp":"17896441","content":"a386f730"},"/docs/about/mission-bb5":{"__comp":"17896441","content":"480f28a3"},"/docs/about/motivation-669":{"__comp":"17896441","content":"cb388a7b"},"/docs/about/promote/for-company-b25":{"__comp":"17896441","content":"c4d0faae"},"/docs/about/promote/for-team-fee":{"__comp":"17896441","content":"8b5a42c3"},"/docs/about/promote/integration-55c":{"__comp":"17896441","content":"6636c8dc"},"/docs/about/promote/partial-application-b13":{"__comp":"17896441","content":"664a648d"},"/docs/about/understanding/abstractions-a73":{"__comp":"17896441","content":"e1c0d304"},"/docs/about/understanding/architecture-0e2":{"__comp":"17896441","content":"5187bed2"},"/docs/about/understanding/knowledge-types-63b":{"__comp":"17896441","content":"e01c2047"},"/docs/about/understanding/naming-8b9":{"__comp":"17896441","content":"49161156"},"/docs/about/understanding/needs-driven-268":{"__comp":"17896441","content":"2f764a0f"},"/docs/about/understanding/signals-981":{"__comp":"17896441","content":"5bd61d3b"},"/docs/branding-7a1":{"__comp":"17896441","content":"9f1dcbb0"},"/docs/get-started-e0e":{"__comp":"17896441","content":"d7baea7e"},"/docs/get-started/cheatsheet-e72":{"__comp":"17896441","content":"0499e362"},"/docs/get-started/faq-690":{"__comp":"17896441","content":"ba8bb0f7"},"/docs/get-started/overview-0d1":{"__comp":"17896441","content":"066221cc"},"/docs/get-started/tutorial-b2c":{"__comp":"17896441","content":"857ae1bf"},"/docs/guides-ed7":{"__comp":"17896441","content":"53f8e831"},"/docs/guides/examples-f75":{"__comp":"17896441","content":"d13cbfb8"},"/docs/guides/examples/auth-56e":{"__comp":"17896441","content":"8b93e59a"},"/docs/guides/examples/autocompleted-562":{"__comp":"17896441","content":"9b83d7f4"},"/docs/guides/examples/browser-api-2e4":{"__comp":"17896441","content":"a1521a63"},"/docs/guides/examples/cms-8c6":{"__comp":"17896441","content":"fe129f8e"},"/docs/guides/examples/feedback-94b":{"__comp":"17896441","content":"d999437a"},"/docs/guides/examples/i18n-fb1":{"__comp":"17896441","content":"ed3dcfcb"},"/docs/guides/examples/metric-797":{"__comp":"17896441","content":"c0c6474c"},"/docs/guides/examples/monorepo-1ea":{"__comp":"17896441","content":"dfe5ecdf"},"/docs/guides/examples/page-layout-7b8":{"__comp":"17896441","content":"55b0769a"},"/docs/guides/examples/platforms-c9e":{"__comp":"17896441","content":"3121f8ae"},"/docs/guides/examples/ssr-903":{"__comp":"17896441","content":"87e5c187"},"/docs/guides/examples/theme-94e":{"__comp":"17896441","content":"acaf5b8a"},"/docs/guides/examples/types-2e4":{"__comp":"17896441","content":"66d3db7c"},"/docs/guides/examples/white-labels-173":{"__comp":"17896441","content":"f2567325"},"/docs/guides/issues/cross-imports-8da":{"__comp":"17896441","content":"8ce83ff6"},"/docs/guides/issues/desegmented-130":{"__comp":"17896441","content":"5f7e5f34"},"/docs/guides/issues/routes-5ae":{"__comp":"17896441","content":"e1003eab"},"/docs/guides/migration/from-custom-f1e":{"__comp":"17896441","content":"f2c174dc"},"/docs/guides/migration/from-v1-c17":{"__comp":"17896441","content":"8c1e6152"},"/docs/guides/tech/with-nextjs-594":{"__comp":"17896441","content":"84a0dbae"},"/docs/guides/tech/with-nuxtjs-a93":{"__comp":"17896441","content":"0a4ee302"},"/docs/guides/tech/with-react-query-cc0":{"__comp":"17896441","content":"370f8845"},"/docs/guides/tech/with-sveltekit-5de":{"__comp":"17896441","content":"e6bf8eb6"},"/docs/reference-975":{"__comp":"17896441","content":"3ef5053a"},"/docs/reference/isolation-17d":{"__comp":"17896441","content":"7a790ed0"},"/docs/reference/isolation/coupling-cohesion-11a":{"__comp":"17896441","content":"488b6464"},"/docs/reference/isolation/decouple-entities-812":{"__comp":"17896441","content":"590d98cc"},"/docs/reference/layers-25a":{"__comp":"17896441","content":"40babe1d"},"/docs/reference/public-api-eca":{"__comp":"17896441","content":"3d2652fb"},"/docs/reference/slices-segments-362":{"__comp":"17896441","content":"350d1c3d"},"/-e5f":{"__comp":"1df93b7f","__context":{"plugin":"a7456010"},"config":"5e9f5e1a"}}')}},e=>{e.O(0,[1869],(()=>{return t=3096,e(e.s=t);var t}));e.O()}]);
\ No newline at end of file
diff --git a/assets/js/main.e2ab5a51.js.LICENSE.txt b/assets/js/main.360a9d35.js.LICENSE.txt
similarity index 100%
rename from assets/js/main.e2ab5a51.js.LICENSE.txt
rename to assets/js/main.360a9d35.js.LICENSE.txt
diff --git a/assets/js/runtime~main.06c92bf3.js b/assets/js/runtime~main.29fb6ef5.js
similarity index 59%
rename from assets/js/runtime~main.06c92bf3.js
rename to assets/js/runtime~main.29fb6ef5.js
index 939483833a..256f4e83b9 100644
--- a/assets/js/runtime~main.06c92bf3.js
+++ b/assets/js/runtime~main.29fb6ef5.js
@@ -1 +1 @@
-(()=>{"use strict";var e,a,c,f,d,b={},t={};function r(e){var a=t[e];if(void 0!==a)return a.exports;var c=t[e]={id:e,loaded:!1,exports:{}};return b[e].call(c.exports,c,c.exports,r),c.loaded=!0,c.exports}r.m=b,r.c=t,e=[],r.O=(a,c,f,d)=>{if(!c){var b=1/0;for(i=0;i<e.length;i++){c=e[i][0],f=e[i][1],d=e[i][2];for(var t=!0,o=0;o<c.length;o++)(!1&d||b>=d)&&Object.keys(r.O).every((e=>r.O[e](c[o])))?c.splice(o--,1):(t=!1,d<b&&(b=d));if(t){e.splice(i--,1);var n=f();void 0!==n&&(a=n)}}return a}d=d||0;for(var i=e.length;i>0&&e[i-1][2]>d;i--)e[i]=e[i-1];e[i]=[c,f,d]},r.n=e=>{var a=e&&e.__esModule?()=>e.default:()=>e;return r.d(a,{a:a}),a},c=Object.getPrototypeOf?e=>Object.getPrototypeOf(e):e=>e.__proto__,r.t=function(e,f){if(1&f&&(e=this(e)),8&f)return e;if("object"==typeof e&&e){if(4&f&&e.__esModule)return e;if(16&f&&"function"==typeof e.then)return e}var d=Object.create(null);r.r(d);var b={};a=a||[null,c({}),c([]),c(c)];for(var t=2&f&&e;"object"==typeof t&&!~a.indexOf(t);t=c(t))Object.getOwnPropertyNames(t).forEach((a=>b[a]=()=>e[a]));return b.default=()=>e,r.d(d,b),d},r.d=(e,a)=>{for(var c in a)r.o(a,c)&&!r.o(e,c)&&Object.defineProperty(e,c,{enumerable:!0,get:a[c]})},r.f={},r.e=e=>Promise.all(Object.keys(r.f).reduce(((a,c)=>(r.f[c](e,a),a)),[])),r.u=e=>"assets/js/"+({25:"7313bf7a",106:"6636c8dc",192:"8b5a42c3",422:"25a0b29f",488:"dc8e8e39",533:"ba8bb0f7",679:"e6bf8eb6",837:"d2436a2b",849:"0058b4c6",868:"b4c136e1",957:"c141421f",993:"ed3dcfcb",1235:"a7456010",1405:"e01c2047",1616:"8c1e6152",1903:"acecf23e",2138:"1a4e3797",2563:"f6bb872e",2711:"9e4087bc",2978:"53f8e831",3120:"066221cc",3249:"ccc49370",3366:"5f7e5f34",4005:"0499e362",4043:"5187bed2",4472:"857ae1bf",4513:"3ef5053a",4581:"c0c6474c",4583:"1df93b7f",4813:"6875c492",4861:"f2c174dc",5220:"e0719818",5244:"40babe1d",5271:"1bfc316b",5535:"cb388a7b",5570:"d13cbfb8",5715:"c5666f39",5742:"aba21aa0",5746:"55fbebd6",5755:"c4d0faae",5936:"664a648d",5977:"0a4ee302",6170:"acaf5b8a",6217:"fe129f8e",6231:"e3409e91",6369:"488b6464",6422:"7a790ed0",6684:"8ce83ff6",6726:"1943626f",6813:"8b93e59a",6865:"a386f730",6949:"dfe5ecdf",6956:"f6760343",7028:"49161156",7068:"66d3db7c",7091:"d999437a",7098:"a7bd4aaa",7472:"814f3328",7604:"590d98cc",7643:"a6aa9e1f",7660:"84a0dbae",7673:"90f695cb",7811:"3d2652fb",7951:"480f28a3",8039:"2f764a0f",8121:"3a2db09e",8130:"f81c1134",8146:"c15d9823",8209:"01a85c17",8211:"f2567325",8401:"17896441",8732:"9f1dcbb0",8754:"370f8845",8913:"87e5c187",8964:"a61c55ce",9048:"a94703ab",9064:"3121f8ae",9136:"e1003eab",9386:"55b0769a",9507:"024ebfdc",9534:"f565db0c",9536:"5bd61d3b",9549:"d7baea7e",9568:"9b83d7f4",9647:"5e95c892",9687:"a1521a63",9706:"350d1c3d",9858:"36994c47",9867:"e1c0d304"}[e]||e)+"."+{25:"6074efbc",106:"742b6c2e",192:"99413a71",422:"29748473",488:"02cb564f",533:"46ab3b93",679:"ecf70ec8",837:"51bcc911",849:"2484881f",868:"3939e03e",957:"ca3f2e5c",993:"c7c67d46",1235:"8c0700e7",1405:"99284e69",1616:"ac52de38",1617:"50cc7ef9",1903:"25da3334",2138:"0c9f1607",2511:"965527ff",2563:"b8f93cc9",2711:"8253d742",2978:"36b1647b",3120:"7e1896da",3249:"19193401",3366:"7992d430",3904:"f1010d4d",4005:"44db6fdb",4043:"e44189dd",4342:"90670778",4472:"50506894",4513:"c16f46f1",4581:"3aeeafe1",4583:"92aa2ad2",4813:"300f4959",4861:"c0f4bd80",5220:"db5d6b94",5244:"ce9d795c",5271:"bc21ecc4",5535:"019a1bff",5570:"412df8d8",5715:"b861f146",5742:"3bb3f2a5",5746:"3b453fe2",5755:"93afbcca",5936:"45230f5b",5977:"9b62bc0a",6170:"14d96582",6217:"9edff5bf",6231:"c29ce75b",6369:"26897d6a",6422:"72e8eb4a",6684:"57d62a9f",6726:"43f4deae",6813:"a1040703",6865:"af4bf0fb",6949:"258fc5a2",6956:"75619962",7028:"6affe7f6",7068:"d32ccfa2",7091:"f17f2b4e",7098:"b7517e69",7472:"219f7c83",7603:"eb2f2419",7604:"e141b15c",7643:"302c6647",7660:"458e0966",7673:"f1ea0e2d",7811:"a1c2eb86",7951:"322b62ec",8039:"2f7836d4",8121:"9fb9f09d",8130:"845fbf14",8146:"e90514d8",8209:"04439e0c",8211:"f285b311",8401:"c275fb66",8492:"8f83b238",8570:"eb11179c",8732:"2eb41639",8754:"cb4fa0be",8913:"e7b86eb1",8964:"020c90ec",9019:"a35288c0",9048:"73d6d9fb",9064:"e4c5f70f",9136:"bd9d33c6",9386:"c6add365",9507:"728c9286",9534:"308ae3a0",9536:"bb3f7579",9549:"d7300d38",9553:"77ed74a8",9562:"a9eb2898",9568:"828eb6e2",9647:"15322503",9687:"88f13bb5",9706:"877f4062",9820:"5e09da4f",9858:"842583d7",9867:"32288a2f"}[e]+".js",r.miniCssF=e=>{},r.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(e){if("object"==typeof window)return window}}(),r.o=(e,a)=>Object.prototype.hasOwnProperty.call(e,a),f={},d="@feature-sliced/documentation:",r.l=(e,a,c,b)=>{if(f[e])f[e].push(a);else{var t,o;if(void 0!==c)for(var n=document.getElementsByTagName("script"),i=0;i<n.length;i++){var u=n[i];if(u.getAttribute("src")==e||u.getAttribute("data-webpack")==d+c){t=u;break}}t||(o=!0,(t=document.createElement("script")).charset="utf-8",t.timeout=120,r.nc&&t.setAttribute("nonce",r.nc),t.setAttribute("data-webpack",d+c),t.src=e),f[e]=[a];var l=(a,c)=>{t.onerror=t.onload=null,clearTimeout(s);var d=f[e];if(delete f[e],t.parentNode&&t.parentNode.removeChild(t),d&&d.forEach((e=>e(c))),a)return a(c)},s=setTimeout(l.bind(null,void 0,{type:"timeout",target:t}),12e4);t.onerror=l.bind(null,t.onerror),t.onload=l.bind(null,t.onload),o&&document.head.appendChild(t)}},r.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},r.p="/",r.gca=function(e){return e={17896441:"8401",49161156:"7028","7313bf7a":"25","6636c8dc":"106","8b5a42c3":"192","25a0b29f":"422",dc8e8e39:"488",ba8bb0f7:"533",e6bf8eb6:"679",d2436a2b:"837","0058b4c6":"849",b4c136e1:"868",c141421f:"957",ed3dcfcb:"993",a7456010:"1235",e01c2047:"1405","8c1e6152":"1616",acecf23e:"1903","1a4e3797":"2138",f6bb872e:"2563","9e4087bc":"2711","53f8e831":"2978","066221cc":"3120",ccc49370:"3249","5f7e5f34":"3366","0499e362":"4005","5187bed2":"4043","857ae1bf":"4472","3ef5053a":"4513",c0c6474c:"4581","1df93b7f":"4583","6875c492":"4813",f2c174dc:"4861",e0719818:"5220","40babe1d":"5244","1bfc316b":"5271",cb388a7b:"5535",d13cbfb8:"5570",c5666f39:"5715",aba21aa0:"5742","55fbebd6":"5746",c4d0faae:"5755","664a648d":"5936","0a4ee302":"5977",acaf5b8a:"6170",fe129f8e:"6217",e3409e91:"6231","488b6464":"6369","7a790ed0":"6422","8ce83ff6":"6684","1943626f":"6726","8b93e59a":"6813",a386f730:"6865",dfe5ecdf:"6949",f6760343:"6956","66d3db7c":"7068",d999437a:"7091",a7bd4aaa:"7098","814f3328":"7472","590d98cc":"7604",a6aa9e1f:"7643","84a0dbae":"7660","90f695cb":"7673","3d2652fb":"7811","480f28a3":"7951","2f764a0f":"8039","3a2db09e":"8121",f81c1134:"8130",c15d9823:"8146","01a85c17":"8209",f2567325:"8211","9f1dcbb0":"8732","370f8845":"8754","87e5c187":"8913",a61c55ce:"8964",a94703ab:"9048","3121f8ae":"9064",e1003eab:"9136","55b0769a":"9386","024ebfdc":"9507",f565db0c:"9534","5bd61d3b":"9536",d7baea7e:"9549","9b83d7f4":"9568","5e95c892":"9647",a1521a63:"9687","350d1c3d":"9706","36994c47":"9858",e1c0d304:"9867"}[e]||e,r.p+r.u(e)},(()=>{var e={5354:0,1869:0};r.f.j=(a,c)=>{var f=r.o(e,a)?e[a]:void 0;if(0!==f)if(f)c.push(f[2]);else if(/^(1869|5354)$/.test(a))e[a]=0;else{var d=new Promise(((c,d)=>f=e[a]=[c,d]));c.push(f[2]=d);var b=r.p+r.u(a),t=new Error;r.l(b,(c=>{if(r.o(e,a)&&(0!==(f=e[a])&&(e[a]=void 0),f)){var d=c&&("load"===c.type?"missing":c.type),b=c&&c.target&&c.target.src;t.message="Loading chunk "+a+" failed.\n("+d+": "+b+")",t.name="ChunkLoadError",t.type=d,t.request=b,f[1](t)}}),"chunk-"+a,a)}},r.O.j=a=>0===e[a];var a=(a,c)=>{var f,d,b=c[0],t=c[1],o=c[2],n=0;if(b.some((a=>0!==e[a]))){for(f in t)r.o(t,f)&&(r.m[f]=t[f]);if(o)var i=o(r)}for(a&&a(c);n<b.length;n++)d=b[n],r.o(e,d)&&e[d]&&e[d][0](),e[d]=0;return r.O(i)},c=self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[];c.forEach(a.bind(null,0)),c.push=a.bind(null,c.push.bind(c))})()})();
\ No newline at end of file
+(()=>{"use strict";var e,a,c,f,b,d={},t={};function r(e){var a=t[e];if(void 0!==a)return a.exports;var c=t[e]={id:e,loaded:!1,exports:{}};return d[e].call(c.exports,c,c.exports,r),c.loaded=!0,c.exports}r.m=d,r.c=t,e=[],r.O=(a,c,f,b)=>{if(!c){var d=1/0;for(i=0;i<e.length;i++){c=e[i][0],f=e[i][1],b=e[i][2];for(var t=!0,o=0;o<c.length;o++)(!1&b||d>=b)&&Object.keys(r.O).every((e=>r.O[e](c[o])))?c.splice(o--,1):(t=!1,b<d&&(d=b));if(t){e.splice(i--,1);var n=f();void 0!==n&&(a=n)}}return a}b=b||0;for(var i=e.length;i>0&&e[i-1][2]>b;i--)e[i]=e[i-1];e[i]=[c,f,b]},r.n=e=>{var a=e&&e.__esModule?()=>e.default:()=>e;return r.d(a,{a:a}),a},c=Object.getPrototypeOf?e=>Object.getPrototypeOf(e):e=>e.__proto__,r.t=function(e,f){if(1&f&&(e=this(e)),8&f)return e;if("object"==typeof e&&e){if(4&f&&e.__esModule)return e;if(16&f&&"function"==typeof e.then)return e}var b=Object.create(null);r.r(b);var d={};a=a||[null,c({}),c([]),c(c)];for(var t=2&f&&e;"object"==typeof t&&!~a.indexOf(t);t=c(t))Object.getOwnPropertyNames(t).forEach((a=>d[a]=()=>e[a]));return d.default=()=>e,r.d(b,d),b},r.d=(e,a)=>{for(var c in a)r.o(a,c)&&!r.o(e,c)&&Object.defineProperty(e,c,{enumerable:!0,get:a[c]})},r.f={},r.e=e=>Promise.all(Object.keys(r.f).reduce(((a,c)=>(r.f[c](e,a),a)),[])),r.u=e=>"assets/js/"+({25:"7313bf7a",106:"6636c8dc",192:"8b5a42c3",422:"25a0b29f",488:"dc8e8e39",533:"ba8bb0f7",679:"e6bf8eb6",837:"d2436a2b",849:"0058b4c6",868:"b4c136e1",957:"c141421f",993:"ed3dcfcb",1235:"a7456010",1405:"e01c2047",1616:"8c1e6152",1903:"acecf23e",2138:"1a4e3797",2563:"f6bb872e",2711:"9e4087bc",2978:"53f8e831",3120:"066221cc",3249:"ccc49370",3366:"5f7e5f34",4005:"0499e362",4043:"5187bed2",4472:"857ae1bf",4513:"3ef5053a",4581:"c0c6474c",4583:"1df93b7f",4813:"6875c492",4861:"f2c174dc",5220:"e0719818",5244:"40babe1d",5271:"1bfc316b",5535:"cb388a7b",5570:"d13cbfb8",5715:"c5666f39",5742:"aba21aa0",5746:"55fbebd6",5755:"c4d0faae",5936:"664a648d",5977:"0a4ee302",6170:"acaf5b8a",6217:"fe129f8e",6231:"e3409e91",6369:"488b6464",6422:"7a790ed0",6684:"8ce83ff6",6726:"1943626f",6813:"8b93e59a",6865:"a386f730",6949:"dfe5ecdf",6956:"f6760343",7028:"49161156",7068:"66d3db7c",7091:"d999437a",7098:"a7bd4aaa",7472:"814f3328",7604:"590d98cc",7643:"a6aa9e1f",7660:"84a0dbae",7673:"90f695cb",7811:"3d2652fb",7951:"480f28a3",8039:"2f764a0f",8121:"3a2db09e",8130:"f81c1134",8146:"c15d9823",8209:"01a85c17",8211:"f2567325",8401:"17896441",8732:"9f1dcbb0",8754:"370f8845",8913:"87e5c187",8964:"a61c55ce",9048:"a94703ab",9064:"3121f8ae",9136:"e1003eab",9386:"55b0769a",9507:"024ebfdc",9534:"f565db0c",9536:"5bd61d3b",9549:"d7baea7e",9568:"9b83d7f4",9647:"5e95c892",9687:"a1521a63",9706:"350d1c3d",9858:"36994c47",9867:"e1c0d304"}[e]||e)+"."+{25:"62dbeef4",106:"643611ba",192:"d37b8df8",422:"29748473",488:"02cb564f",533:"7f4ffb53",679:"0dcef120",837:"51bcc911",849:"2484881f",868:"3939e03e",957:"ca3f2e5c",993:"d5a51c16",1235:"8c0700e7",1405:"3cf0ebe9",1616:"47e22a6f",1617:"50cc7ef9",1903:"25da3334",2138:"0c9f1607",2511:"965527ff",2563:"b8f93cc9",2711:"8253d742",2978:"565a6c32",3120:"06ec80c9",3249:"19193401",3366:"114f20ee",3904:"f1010d4d",4005:"7940ce3b",4043:"354aa3a6",4342:"90670778",4472:"5ed9dd9a",4513:"abadadea",4581:"856ecca8",4583:"92aa2ad2",4813:"300f4959",4861:"47aef1c8",5220:"db5d6b94",5244:"b3927de2",5271:"bc21ecc4",5535:"8d249fba",5570:"12b3a893",5715:"2d3b80ab",5742:"3bb3f2a5",5746:"4462abfa",5755:"582f7b45",5936:"6f104f28",5977:"baca1795",6170:"bbea271e",6217:"9d3467f9",6231:"c29ce75b",6369:"0f8dcdf2",6422:"70f2e52a",6684:"7ac5dab4",6726:"43f4deae",6813:"c8469578",6865:"e0c9a4c0",6949:"b32c4b90",6956:"75619962",7028:"6e8fe50c",7068:"8104d873",7091:"d42ae5cd",7098:"b7517e69",7472:"219f7c83",7603:"eb2f2419",7604:"e4f8ef01",7643:"302c6647",7660:"1a081c9c",7673:"f1ea0e2d",7811:"5b5cf927",7951:"e3e8c8f9",8039:"1c1ea022",8121:"9fb9f09d",8130:"845fbf14",8146:"e90514d8",8209:"04439e0c",8211:"922e1979",8401:"c275fb66",8492:"8f83b238",8570:"eb11179c",8732:"16886885",8754:"5ca6fe62",8913:"51198970",8964:"275776b6",9019:"a35288c0",9048:"73d6d9fb",9064:"dd317339",9136:"f5d1a251",9386:"54426547",9507:"728c9286",9534:"308ae3a0",9536:"000b744a",9549:"6cb4bfff",9553:"77ed74a8",9562:"a9eb2898",9568:"b8a982bd",9647:"15322503",9687:"cd08cdc5",9706:"57df0615",9820:"5e09da4f",9858:"842583d7",9867:"213c7d23"}[e]+".js",r.miniCssF=e=>{},r.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(e){if("object"==typeof window)return window}}(),r.o=(e,a)=>Object.prototype.hasOwnProperty.call(e,a),f={},b="@feature-sliced/documentation:",r.l=(e,a,c,d)=>{if(f[e])f[e].push(a);else{var t,o;if(void 0!==c)for(var n=document.getElementsByTagName("script"),i=0;i<n.length;i++){var u=n[i];if(u.getAttribute("src")==e||u.getAttribute("data-webpack")==b+c){t=u;break}}t||(o=!0,(t=document.createElement("script")).charset="utf-8",t.timeout=120,r.nc&&t.setAttribute("nonce",r.nc),t.setAttribute("data-webpack",b+c),t.src=e),f[e]=[a];var l=(a,c)=>{t.onerror=t.onload=null,clearTimeout(s);var b=f[e];if(delete f[e],t.parentNode&&t.parentNode.removeChild(t),b&&b.forEach((e=>e(c))),a)return a(c)},s=setTimeout(l.bind(null,void 0,{type:"timeout",target:t}),12e4);t.onerror=l.bind(null,t.onerror),t.onload=l.bind(null,t.onload),o&&document.head.appendChild(t)}},r.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},r.p="/",r.gca=function(e){return e={17896441:"8401",49161156:"7028","7313bf7a":"25","6636c8dc":"106","8b5a42c3":"192","25a0b29f":"422",dc8e8e39:"488",ba8bb0f7:"533",e6bf8eb6:"679",d2436a2b:"837","0058b4c6":"849",b4c136e1:"868",c141421f:"957",ed3dcfcb:"993",a7456010:"1235",e01c2047:"1405","8c1e6152":"1616",acecf23e:"1903","1a4e3797":"2138",f6bb872e:"2563","9e4087bc":"2711","53f8e831":"2978","066221cc":"3120",ccc49370:"3249","5f7e5f34":"3366","0499e362":"4005","5187bed2":"4043","857ae1bf":"4472","3ef5053a":"4513",c0c6474c:"4581","1df93b7f":"4583","6875c492":"4813",f2c174dc:"4861",e0719818:"5220","40babe1d":"5244","1bfc316b":"5271",cb388a7b:"5535",d13cbfb8:"5570",c5666f39:"5715",aba21aa0:"5742","55fbebd6":"5746",c4d0faae:"5755","664a648d":"5936","0a4ee302":"5977",acaf5b8a:"6170",fe129f8e:"6217",e3409e91:"6231","488b6464":"6369","7a790ed0":"6422","8ce83ff6":"6684","1943626f":"6726","8b93e59a":"6813",a386f730:"6865",dfe5ecdf:"6949",f6760343:"6956","66d3db7c":"7068",d999437a:"7091",a7bd4aaa:"7098","814f3328":"7472","590d98cc":"7604",a6aa9e1f:"7643","84a0dbae":"7660","90f695cb":"7673","3d2652fb":"7811","480f28a3":"7951","2f764a0f":"8039","3a2db09e":"8121",f81c1134:"8130",c15d9823:"8146","01a85c17":"8209",f2567325:"8211","9f1dcbb0":"8732","370f8845":"8754","87e5c187":"8913",a61c55ce:"8964",a94703ab:"9048","3121f8ae":"9064",e1003eab:"9136","55b0769a":"9386","024ebfdc":"9507",f565db0c:"9534","5bd61d3b":"9536",d7baea7e:"9549","9b83d7f4":"9568","5e95c892":"9647",a1521a63:"9687","350d1c3d":"9706","36994c47":"9858",e1c0d304:"9867"}[e]||e,r.p+r.u(e)},(()=>{var e={5354:0,1869:0};r.f.j=(a,c)=>{var f=r.o(e,a)?e[a]:void 0;if(0!==f)if(f)c.push(f[2]);else if(/^(1869|5354)$/.test(a))e[a]=0;else{var b=new Promise(((c,b)=>f=e[a]=[c,b]));c.push(f[2]=b);var d=r.p+r.u(a),t=new Error;r.l(d,(c=>{if(r.o(e,a)&&(0!==(f=e[a])&&(e[a]=void 0),f)){var b=c&&("load"===c.type?"missing":c.type),d=c&&c.target&&c.target.src;t.message="Loading chunk "+a+" failed.\n("+b+": "+d+")",t.name="ChunkLoadError",t.type=b,t.request=d,f[1](t)}}),"chunk-"+a,a)}},r.O.j=a=>0===e[a];var a=(a,c)=>{var f,b,d=c[0],t=c[1],o=c[2],n=0;if(d.some((a=>0!==e[a]))){for(f in t)r.o(t,f)&&(r.m[f]=t[f]);if(o)var i=o(r)}for(a&&a(c);n<d.length;n++)b=d[n],r.o(e,b)&&e[b]&&e[b][0](),e[b]=0;return r.O(i)},c=self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[];c.forEach(a.bind(null,0)),c.push=a.bind(null,c.push.bind(c))})()})();
\ No newline at end of file
diff --git a/blog.html b/blog.html
index be942c7758..11470f259f 100644
--- a/blog.html
+++ b/blog.html
@@ -9,8 +9,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/opensearch.xml"><link rel="stylesheet" href="/assets/css/styles.04fd99a1.css">
-<script src="/assets/js/runtime~main.06c92bf3.js" defer="defer"></script>
-<script src="/assets/js/main.e2ab5a51.js" defer="defer"></script>
+<script src="/assets/js/runtime~main.29fb6ef5.js" defer="defer"></script>
+<script src="/assets/js/main.360a9d35.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a class="navbar__item navbar__link" href="/docs">📖 Docs</a><a class="navbar__item navbar__link" href="/community">💫 Community</a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">📝 Blog</a><a class="navbar__item navbar__link" href="/examples">🛠 Examples</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/docs">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a class="dropdown__link" href="/docs">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>English</a><ul class="dropdown__menu"><li><a href="/ru/blog" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ru">Русский</a></li><li><a href="/blog" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="en">English</a></li><li><a href="/uz/blog" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/blog" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="kr">한국어</a></li><li><a href="/ja/blog" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_erB7 thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_wsXF margin-bottom--md">Recent posts</div><div role="group"><h3 class="yearGroupHeading_F6cS">2022</h3><ul class="sidebarItemList_k2Wo clean-list"><li class="sidebarItem_wRf2"><a class="sidebarItemLink_Mezy" href="/blog/international-community">🌎 FSD international community</a></li><li class="sidebarItem_wRf2"><a class="sidebarItemLink_Mezy" href="/blog/rebranding-stable">💥 FSD rebranding!</a></li></ul></div></nav></aside><main class="col col--7"><article class="margin-bottom--xl"><header><h2 class="title_YWGh"><a href="/blog/international-community">🌎 FSD international community</a></h2><div class="container_TmwD margin-vert--md"><time datetime="2022-07-25T00:00:00.000Z">July 25, 2022</time> · <!-- -->2 min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--12 authorCol_jNa_"><div class="avatar margin-bottom--sm"><a href="https://github.com/unordinarity" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo authorImage_RWa9" src="https://github.com/unordinarity.png" alt="Anton Medvedev"></a><div class="avatar__intro authorDetails_x3i5"><div class="avatar__name"><a href="https://github.com/unordinarity" target="_blank" rel="noopener noreferrer"><span class="authorName_yyrl">Anton Medvedev</span></a></div><small class="authorTitle_qOEn" title="FSD core-team member">FSD core-team member</small><div class="authorSocials_SxLb"></div></div></div></div></div></header><div class="markdown"><div class="container text--center margin-vert--md"><img src="/img/blog/international-community.png" alt="post-cover" width="100%"></div>
diff --git a/blog/archive.html b/blog/archive.html
index 7eb158cd93..7dd9fa1c9e 100644
--- a/blog/archive.html
+++ b/blog/archive.html
@@ -9,8 +9,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/opensearch.xml"><link rel="stylesheet" href="/assets/css/styles.04fd99a1.css">
-<script src="/assets/js/runtime~main.06c92bf3.js" defer="defer"></script>
-<script src="/assets/js/main.e2ab5a51.js" defer="defer"></script>
+<script src="/assets/js/runtime~main.29fb6ef5.js" defer="defer"></script>
+<script src="/assets/js/main.360a9d35.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a class="navbar__item navbar__link" href="/docs">📖 Docs</a><a class="navbar__item navbar__link" href="/community">💫 Community</a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">📝 Blog</a><a class="navbar__item navbar__link" href="/examples">🛠 Examples</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/docs">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a class="dropdown__link" href="/docs">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>English</a><ul class="dropdown__menu"><li><a href="/ru/blog/archive" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ru">Русский</a></li><li><a href="/blog/archive" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="en">English</a></li><li><a href="/uz/blog/archive" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/blog/archive" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="kr">한국어</a></li><li><a href="/ja/blog/archive" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><header class="hero hero--primary"><div class="container"><h1 class="hero__title">Archive</h1><p class="hero__subtitle">Archive</p></div></header><main><section class="margin-vert--lg"><div class="container"><div class="row"><div class="col col--4 margin-vert--lg"><h3 class="anchor anchorWithStickyNavbar_QzlE" id="2022">2022<a href="#2022" class="hash-link" aria-label="Direct link to heading" title="Direct link to heading">​</a></h3><ul><li><a href="/blog/rebranding-stable">June 4<!-- --> - <!-- -->💥 FSD rebranding!</a></li><li><a href="/blog/international-community">July 25<!-- --> - <!-- -->🌎 FSD international community</a></li></ul></div></div></div></section></main></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Specs</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/docs">Documentation</a></li><li class="footer__item"><a class="footer__link-item" href="/community">Community</a></li><li class="footer__item"><a class="footer__link-item" href="/nav">Help</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">License<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
diff --git a/blog/international-community.html b/blog/international-community.html
index 5c35619f47..b915163ef9 100644
--- a/blog/international-community.html
+++ b/blog/international-community.html
@@ -9,8 +9,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/opensearch.xml"><link rel="stylesheet" href="/assets/css/styles.04fd99a1.css">
-<script src="/assets/js/runtime~main.06c92bf3.js" defer="defer"></script>
-<script src="/assets/js/main.e2ab5a51.js" defer="defer"></script>
+<script src="/assets/js/runtime~main.29fb6ef5.js" defer="defer"></script>
+<script src="/assets/js/main.360a9d35.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a class="navbar__item navbar__link" href="/docs">📖 Docs</a><a class="navbar__item navbar__link" href="/community">💫 Community</a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">📝 Blog</a><a class="navbar__item navbar__link" href="/examples">🛠 Examples</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/docs">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a class="dropdown__link" href="/docs">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>English</a><ul class="dropdown__menu"><li><a href="/ru/blog/international-community" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ru">Русский</a></li><li><a href="/blog/international-community" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="en">English</a></li><li><a href="/uz/blog/international-community" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/blog/international-community" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="kr">한국어</a></li><li><a href="/ja/blog/international-community" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_erB7 thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_wsXF margin-bottom--md">Recent posts</div><div role="group"><h3 class="yearGroupHeading_F6cS">2022</h3><ul class="sidebarItemList_k2Wo clean-list"><li class="sidebarItem_wRf2"><a aria-current="page" class="sidebarItemLink_Mezy sidebarItemLinkActive_QL4I" href="/blog/international-community">🌎 FSD international community</a></li><li class="sidebarItem_wRf2"><a class="sidebarItemLink_Mezy" href="/blog/rebranding-stable">💥 FSD rebranding!</a></li></ul></div></nav></aside><main class="col col--7"><article><header><h1 class="title_YWGh">🌎 FSD international community</h1><div class="container_TmwD margin-vert--md"><time datetime="2022-07-25T00:00:00.000Z">July 25, 2022</time> · <!-- -->2 min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--12 authorCol_jNa_"><div class="avatar margin-bottom--sm"><a href="https://github.com/unordinarity" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo authorImage_RWa9" src="https://github.com/unordinarity.png" alt="Anton Medvedev"></a><div class="avatar__intro authorDetails_x3i5"><div class="avatar__name"><a href="https://github.com/unordinarity" target="_blank" rel="noopener noreferrer"><span class="authorName_yyrl">Anton Medvedev</span></a></div><small class="authorTitle_qOEn" title="FSD core-team member">FSD core-team member</small><div class="authorSocials_SxLb"></div></div></div></div></div></header><div id="__blog-post-container" class="markdown"><div class="container text--center margin-vert--md"><img src="/img/blog/international-community.png" alt="post-cover" width="100%"></div>
diff --git a/blog/rebranding-stable.html b/blog/rebranding-stable.html
index ce46575e33..7923b9a010 100644
--- a/blog/rebranding-stable.html
+++ b/blog/rebranding-stable.html
@@ -9,8 +9,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/opensearch.xml"><link rel="stylesheet" href="/assets/css/styles.04fd99a1.css">
-<script src="/assets/js/runtime~main.06c92bf3.js" defer="defer"></script>
-<script src="/assets/js/main.e2ab5a51.js" defer="defer"></script>
+<script src="/assets/js/runtime~main.29fb6ef5.js" defer="defer"></script>
+<script src="/assets/js/main.360a9d35.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a class="navbar__item navbar__link" href="/docs">📖 Docs</a><a class="navbar__item navbar__link" href="/community">💫 Community</a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">📝 Blog</a><a class="navbar__item navbar__link" href="/examples">🛠 Examples</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/docs">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a class="dropdown__link" href="/docs">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>English</a><ul class="dropdown__menu"><li><a href="/ru/blog/rebranding-stable" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ru">Русский</a></li><li><a href="/blog/rebranding-stable" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="en">English</a></li><li><a href="/uz/blog/rebranding-stable" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/blog/rebranding-stable" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="kr">한국어</a></li><li><a href="/ja/blog/rebranding-stable" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_erB7 thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_wsXF margin-bottom--md">Recent posts</div><div role="group"><h3 class="yearGroupHeading_F6cS">2022</h3><ul class="sidebarItemList_k2Wo clean-list"><li class="sidebarItem_wRf2"><a class="sidebarItemLink_Mezy" href="/blog/international-community">🌎 FSD international community</a></li><li class="sidebarItem_wRf2"><a aria-current="page" class="sidebarItemLink_Mezy sidebarItemLinkActive_QL4I" href="/blog/rebranding-stable">💥 FSD rebranding!</a></li></ul></div></nav></aside><main class="col col--7"><article><header><h1 class="title_YWGh">💥 FSD rebranding!</h1><div class="container_TmwD margin-vert--md"><time datetime="2022-06-04T00:00:00.000Z">June 4, 2022</time> · <!-- -->2 min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--12 authorCol_jNa_"><div class="avatar margin-bottom--sm"><a href="https://github.com/azinit" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo authorImage_RWa9" src="https://github.com/azinit.png" alt="Ilya Azin"></a><div class="avatar__intro authorDetails_x3i5"><div class="avatar__name"><a href="https://github.com/azinit" target="_blank" rel="noopener noreferrer"><span class="authorName_yyrl">Ilya Azin</span></a></div><small class="authorTitle_qOEn" title="FSD core-team member">FSD core-team member</small><div class="authorSocials_SxLb"></div></div></div></div></div></header><div id="__blog-post-container" class="markdown"><div class="container text--center margin-vert--md"><img src="/img/blog/rebranding-stable.png" alt="logo-primary" width="100%"></div>
diff --git a/blog/tags.html b/blog/tags.html
index 2af01b6cd9..09ccff24f4 100644
--- a/blog/tags.html
+++ b/blog/tags.html
@@ -9,8 +9,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/opensearch.xml"><link rel="stylesheet" href="/assets/css/styles.04fd99a1.css">
-<script src="/assets/js/runtime~main.06c92bf3.js" defer="defer"></script>
-<script src="/assets/js/main.e2ab5a51.js" defer="defer"></script>
+<script src="/assets/js/runtime~main.29fb6ef5.js" defer="defer"></script>
+<script src="/assets/js/main.360a9d35.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a class="navbar__item navbar__link" href="/docs">📖 Docs</a><a class="navbar__item navbar__link" href="/community">💫 Community</a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">📝 Blog</a><a class="navbar__item navbar__link" href="/examples">🛠 Examples</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/docs">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a class="dropdown__link" href="/docs">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>English</a><ul class="dropdown__menu"><li><a href="/ru/blog/tags" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ru">Русский</a></li><li><a href="/blog/tags" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="en">English</a></li><li><a href="/uz/blog/tags" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/blog/tags" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="kr">한국어</a></li><li><a href="/ja/blog/tags" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_erB7 thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_wsXF margin-bottom--md">Recent posts</div><div role="group"><h3 class="yearGroupHeading_F6cS">2022</h3><ul class="sidebarItemList_k2Wo clean-list"><li class="sidebarItem_wRf2"><a class="sidebarItemLink_Mezy" href="/blog/international-community">🌎 FSD international community</a></li><li class="sidebarItem_wRf2"><a class="sidebarItemLink_Mezy" href="/blog/rebranding-stable">💥 FSD rebranding!</a></li></ul></div></nav></aside><main class="col col--7"><h1>Tags</h1><section class="margin-vert--lg"><article><h2 class="anchor anchorWithStickyNavbar_QzlE" id="B">B<a href="#B" class="hash-link" aria-label="Direct link to heading" title="Direct link to heading">​</a></h2><ul class="padding--none"><li class="tag_KOYL"><a class="tag_mklG tagWithCount__yvt" href="/blog/tags/brand">brand<span>1</span></a></li></ul><hr></article><article><h2 class="anchor anchorWithStickyNavbar_QzlE" id="C">C<a href="#C" class="hash-link" aria-label="Direct link to heading" title="Direct link to heading">​</a></h2><ul class="padding--none"><li class="tag_KOYL"><a class="tag_mklG tagWithCount__yvt" href="/blog/tags/community">community<span>1</span></a></li></ul><hr></article><article><h2 class="anchor anchorWithStickyNavbar_QzlE" id="D">D<a href="#D" class="hash-link" aria-label="Direct link to heading" title="Direct link to heading">​</a></h2><ul class="padding--none"><li class="tag_KOYL"><a class="tag_mklG tagWithCount__yvt" href="/blog/tags/discord">discord<span>1</span></a></li></ul><hr></article><article><h2 class="anchor anchorWithStickyNavbar_QzlE" id="P">P<a href="#P" class="hash-link" aria-label="Direct link to heading" title="Direct link to heading">​</a></h2><ul class="padding--none"><li class="tag_KOYL"><a class="tag_mklG tagWithCount__yvt" href="/blog/tags/promo">promo<span>2</span></a></li></ul><hr></article></section></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Specs</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/docs">Documentation</a></li><li class="footer__item"><a class="footer__link-item" href="/community">Community</a></li><li class="footer__item"><a class="footer__link-item" href="/nav">Help</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">License<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
diff --git a/blog/tags/brand.html b/blog/tags/brand.html
index 4ed4d4885d..8b4b94db03 100644
--- a/blog/tags/brand.html
+++ b/blog/tags/brand.html
@@ -9,8 +9,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/opensearch.xml"><link rel="stylesheet" href="/assets/css/styles.04fd99a1.css">
-<script src="/assets/js/runtime~main.06c92bf3.js" defer="defer"></script>
-<script src="/assets/js/main.e2ab5a51.js" defer="defer"></script>
+<script src="/assets/js/runtime~main.29fb6ef5.js" defer="defer"></script>
+<script src="/assets/js/main.360a9d35.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a class="navbar__item navbar__link" href="/docs">📖 Docs</a><a class="navbar__item navbar__link" href="/community">💫 Community</a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">📝 Blog</a><a class="navbar__item navbar__link" href="/examples">🛠 Examples</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/docs">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a class="dropdown__link" href="/docs">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>English</a><ul class="dropdown__menu"><li><a href="/ru/blog/tags/brand" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ru">Русский</a></li><li><a href="/blog/tags/brand" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="en">English</a></li><li><a href="/uz/blog/tags/brand" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/blog/tags/brand" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="kr">한국어</a></li><li><a href="/ja/blog/tags/brand" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_erB7 thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_wsXF margin-bottom--md">Recent posts</div><div role="group"><h3 class="yearGroupHeading_F6cS">2022</h3><ul class="sidebarItemList_k2Wo clean-list"><li class="sidebarItem_wRf2"><a class="sidebarItemLink_Mezy" href="/blog/international-community">🌎 FSD international community</a></li><li class="sidebarItem_wRf2"><a class="sidebarItemLink_Mezy" href="/blog/rebranding-stable">💥 FSD rebranding!</a></li></ul></div></nav></aside><main class="col col--7"><header class="margin-bottom--xl"><h1>One post tagged with &quot;brand&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl"><header><h2 class="title_YWGh"><a href="/blog/rebranding-stable">💥 FSD rebranding!</a></h2><div class="container_TmwD margin-vert--md"><time datetime="2022-06-04T00:00:00.000Z">June 4, 2022</time> · <!-- -->2 min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--12 authorCol_jNa_"><div class="avatar margin-bottom--sm"><a href="https://github.com/azinit" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo authorImage_RWa9" src="https://github.com/azinit.png" alt="Ilya Azin"></a><div class="avatar__intro authorDetails_x3i5"><div class="avatar__name"><a href="https://github.com/azinit" target="_blank" rel="noopener noreferrer"><span class="authorName_yyrl">Ilya Azin</span></a></div><small class="authorTitle_qOEn" title="FSD core-team member">FSD core-team member</small><div class="authorSocials_SxLb"></div></div></div></div></div></header><div class="markdown"><div class="container text--center margin-vert--md"><img src="/img/blog/rebranding-stable.png" alt="logo-primary" width="100%"></div>
diff --git a/blog/tags/community.html b/blog/tags/community.html
index b03ad1b406..4b55b627f2 100644
--- a/blog/tags/community.html
+++ b/blog/tags/community.html
@@ -9,8 +9,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/opensearch.xml"><link rel="stylesheet" href="/assets/css/styles.04fd99a1.css">
-<script src="/assets/js/runtime~main.06c92bf3.js" defer="defer"></script>
-<script src="/assets/js/main.e2ab5a51.js" defer="defer"></script>
+<script src="/assets/js/runtime~main.29fb6ef5.js" defer="defer"></script>
+<script src="/assets/js/main.360a9d35.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a class="navbar__item navbar__link" href="/docs">📖 Docs</a><a class="navbar__item navbar__link" href="/community">💫 Community</a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">📝 Blog</a><a class="navbar__item navbar__link" href="/examples">🛠 Examples</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/docs">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a class="dropdown__link" href="/docs">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>English</a><ul class="dropdown__menu"><li><a href="/ru/blog/tags/community" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ru">Русский</a></li><li><a href="/blog/tags/community" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="en">English</a></li><li><a href="/uz/blog/tags/community" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/blog/tags/community" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="kr">한국어</a></li><li><a href="/ja/blog/tags/community" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_erB7 thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_wsXF margin-bottom--md">Recent posts</div><div role="group"><h3 class="yearGroupHeading_F6cS">2022</h3><ul class="sidebarItemList_k2Wo clean-list"><li class="sidebarItem_wRf2"><a class="sidebarItemLink_Mezy" href="/blog/international-community">🌎 FSD international community</a></li><li class="sidebarItem_wRf2"><a class="sidebarItemLink_Mezy" href="/blog/rebranding-stable">💥 FSD rebranding!</a></li></ul></div></nav></aside><main class="col col--7"><header class="margin-bottom--xl"><h1>One post tagged with &quot;community&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl"><header><h2 class="title_YWGh"><a href="/blog/international-community">🌎 FSD international community</a></h2><div class="container_TmwD margin-vert--md"><time datetime="2022-07-25T00:00:00.000Z">July 25, 2022</time> · <!-- -->2 min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--12 authorCol_jNa_"><div class="avatar margin-bottom--sm"><a href="https://github.com/unordinarity" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo authorImage_RWa9" src="https://github.com/unordinarity.png" alt="Anton Medvedev"></a><div class="avatar__intro authorDetails_x3i5"><div class="avatar__name"><a href="https://github.com/unordinarity" target="_blank" rel="noopener noreferrer"><span class="authorName_yyrl">Anton Medvedev</span></a></div><small class="authorTitle_qOEn" title="FSD core-team member">FSD core-team member</small><div class="authorSocials_SxLb"></div></div></div></div></div></header><div class="markdown"><div class="container text--center margin-vert--md"><img src="/img/blog/international-community.png" alt="post-cover" width="100%"></div>
diff --git a/blog/tags/discord.html b/blog/tags/discord.html
index 72793b160d..a1b8042179 100644
--- a/blog/tags/discord.html
+++ b/blog/tags/discord.html
@@ -9,8 +9,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/opensearch.xml"><link rel="stylesheet" href="/assets/css/styles.04fd99a1.css">
-<script src="/assets/js/runtime~main.06c92bf3.js" defer="defer"></script>
-<script src="/assets/js/main.e2ab5a51.js" defer="defer"></script>
+<script src="/assets/js/runtime~main.29fb6ef5.js" defer="defer"></script>
+<script src="/assets/js/main.360a9d35.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a class="navbar__item navbar__link" href="/docs">📖 Docs</a><a class="navbar__item navbar__link" href="/community">💫 Community</a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">📝 Blog</a><a class="navbar__item navbar__link" href="/examples">🛠 Examples</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/docs">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a class="dropdown__link" href="/docs">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>English</a><ul class="dropdown__menu"><li><a href="/ru/blog/tags/discord" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ru">Русский</a></li><li><a href="/blog/tags/discord" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="en">English</a></li><li><a href="/uz/blog/tags/discord" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/blog/tags/discord" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="kr">한국어</a></li><li><a href="/ja/blog/tags/discord" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_erB7 thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_wsXF margin-bottom--md">Recent posts</div><div role="group"><h3 class="yearGroupHeading_F6cS">2022</h3><ul class="sidebarItemList_k2Wo clean-list"><li class="sidebarItem_wRf2"><a class="sidebarItemLink_Mezy" href="/blog/international-community">🌎 FSD international community</a></li><li class="sidebarItem_wRf2"><a class="sidebarItemLink_Mezy" href="/blog/rebranding-stable">💥 FSD rebranding!</a></li></ul></div></nav></aside><main class="col col--7"><header class="margin-bottom--xl"><h1>One post tagged with &quot;discord&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl"><header><h2 class="title_YWGh"><a href="/blog/international-community">🌎 FSD international community</a></h2><div class="container_TmwD margin-vert--md"><time datetime="2022-07-25T00:00:00.000Z">July 25, 2022</time> · <!-- -->2 min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--12 authorCol_jNa_"><div class="avatar margin-bottom--sm"><a href="https://github.com/unordinarity" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo authorImage_RWa9" src="https://github.com/unordinarity.png" alt="Anton Medvedev"></a><div class="avatar__intro authorDetails_x3i5"><div class="avatar__name"><a href="https://github.com/unordinarity" target="_blank" rel="noopener noreferrer"><span class="authorName_yyrl">Anton Medvedev</span></a></div><small class="authorTitle_qOEn" title="FSD core-team member">FSD core-team member</small><div class="authorSocials_SxLb"></div></div></div></div></div></header><div class="markdown"><div class="container text--center margin-vert--md"><img src="/img/blog/international-community.png" alt="post-cover" width="100%"></div>
diff --git a/blog/tags/promo.html b/blog/tags/promo.html
index d0eb1eadbd..060b45806f 100644
--- a/blog/tags/promo.html
+++ b/blog/tags/promo.html
@@ -9,8 +9,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/opensearch.xml"><link rel="stylesheet" href="/assets/css/styles.04fd99a1.css">
-<script src="/assets/js/runtime~main.06c92bf3.js" defer="defer"></script>
-<script src="/assets/js/main.e2ab5a51.js" defer="defer"></script>
+<script src="/assets/js/runtime~main.29fb6ef5.js" defer="defer"></script>
+<script src="/assets/js/main.360a9d35.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a class="navbar__item navbar__link" href="/docs">📖 Docs</a><a class="navbar__item navbar__link" href="/community">💫 Community</a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">📝 Blog</a><a class="navbar__item navbar__link" href="/examples">🛠 Examples</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/docs">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a class="dropdown__link" href="/docs">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>English</a><ul class="dropdown__menu"><li><a href="/ru/blog/tags/promo" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ru">Русский</a></li><li><a href="/blog/tags/promo" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="en">English</a></li><li><a href="/uz/blog/tags/promo" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/blog/tags/promo" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="kr">한국어</a></li><li><a href="/ja/blog/tags/promo" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_erB7 thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_wsXF margin-bottom--md">Recent posts</div><div role="group"><h3 class="yearGroupHeading_F6cS">2022</h3><ul class="sidebarItemList_k2Wo clean-list"><li class="sidebarItem_wRf2"><a class="sidebarItemLink_Mezy" href="/blog/international-community">🌎 FSD international community</a></li><li class="sidebarItem_wRf2"><a class="sidebarItemLink_Mezy" href="/blog/rebranding-stable">💥 FSD rebranding!</a></li></ul></div></nav></aside><main class="col col--7"><header class="margin-bottom--xl"><h1>2 posts tagged with &quot;promo&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl"><header><h2 class="title_YWGh"><a href="/blog/international-community">🌎 FSD international community</a></h2><div class="container_TmwD margin-vert--md"><time datetime="2022-07-25T00:00:00.000Z">July 25, 2022</time> · <!-- -->2 min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--12 authorCol_jNa_"><div class="avatar margin-bottom--sm"><a href="https://github.com/unordinarity" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo authorImage_RWa9" src="https://github.com/unordinarity.png" alt="Anton Medvedev"></a><div class="avatar__intro authorDetails_x3i5"><div class="avatar__name"><a href="https://github.com/unordinarity" target="_blank" rel="noopener noreferrer"><span class="authorName_yyrl">Anton Medvedev</span></a></div><small class="authorTitle_qOEn" title="FSD core-team member">FSD core-team member</small><div class="authorSocials_SxLb"></div></div></div></div></div></header><div class="markdown"><div class="container text--center margin-vert--md"><img src="/img/blog/international-community.png" alt="post-cover" width="100%"></div>
diff --git a/community.html b/community.html
index 0c8d47638d..4c7dbe5130 100644
--- a/community.html
+++ b/community.html
@@ -9,8 +9,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/opensearch.xml"><link rel="stylesheet" href="/assets/css/styles.04fd99a1.css">
-<script src="/assets/js/runtime~main.06c92bf3.js" defer="defer"></script>
-<script src="/assets/js/main.e2ab5a51.js" defer="defer"></script>
+<script src="/assets/js/runtime~main.29fb6ef5.js" defer="defer"></script>
+<script src="/assets/js/main.360a9d35.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a class="navbar__item navbar__link" href="/docs">📖 Docs</a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/community">💫 Community</a><a class="navbar__item navbar__link" href="/blog">📝 Blog</a><a class="navbar__item navbar__link" href="/examples">🛠 Examples</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/docs">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a class="dropdown__link" href="/docs">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>English</a><ul class="dropdown__menu"><li><a href="/ru/community" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ru">Русский</a></li><li><a href="/community" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="en">English</a></li><li><a href="/uz/community" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/community" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="kr">한국어</a></li><li><a href="/ja/community" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><div class="docsWrapper_rDLg"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_JQoL" type="button"></button><div class="docRoot_GkJk"><aside class="theme-doc-sidebar-container docSidebarContainer_xiHB"><div class="sidebarViewport_DaHB"><div class="sidebar_Kb82"><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_AkOp"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible menu__list-item-collapsible--active"><a class="menu__link menu__link--active" aria-current="page" href="/community">💫  Community</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item sidebar-item--wip"><a class="menu__link" tabindex="0" href="/community/team">Team</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/examples">Examples</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a href="https://github.com/feature-sliced/awesome" target="_blank" rel="noopener noreferrer" class="menu__link menuExternalLink_riF1" tabindex="0">Awesome Resources<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a href="https://discord.com/invite/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="menu__link menuExternalLink_riF1" tabindex="0">Discord community server<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="menu__link menuExternalLink_riF1" tabindex="0">Telegram chat (Q&amp;A)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></li></ul></nav><button type="button" title="Collapse sidebar" aria-label="Collapse sidebar" class="button button--secondary button--outline collapseSidebarButton_L8vW"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_hYfn"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_uESP"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col"><div class="docItemContainer_b1tn"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_ioLt" aria-label="Breadcrumbs"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Home page" class="breadcrumbs__link" href="/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_ZfEo"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">💫  Community</span><meta itemprop="position" content="1"></li></ul></nav><div class="theme-doc-markdown markdown"><header><h1>💫 Community</h1></header>
@@ -20,6 +20,6 @@ <h2 class="anchor anchorWithStickyNavbar_QzlE" id="main">Main<a href="#main" cla
 <a href="https://github.com/feature-sliced/awesome" target="_blank" rel="noopener noreferrer" class="root_GfON defaultTheme_j3I8"><span role="img" aria-label="star" class="anticon anticon-star icon_ciqP"><svg viewBox="64 64 896 896" focusable="false" data-icon="star" width="1em" height="1em" fill="currentColor" aria-hidden="true"><path d="M908.1 353.1l-253.9-36.9L540.7 86.1c-3.1-6.3-8.2-11.4-14.5-14.5-15.8-7.8-35-1.3-42.9 14.5L369.8 316.2l-253.9 36.9c-7 1-13.4 4.3-18.3 9.3a32.05 32.05 0 00.6 45.3l183.7 179.1-43.4 252.9a31.95 31.95 0 0046.4 33.7L512 754l227.1 119.4c6.2 3.3 13.4 4.4 20.3 3.2 17.4-3 29.1-19.5 26.1-36.9l-43.4-252.9 183.7-179.1c5-4.9 8.3-11.3 9.3-18.3 2.7-17.5-9.5-33.7-27-36.3zM664.8 561.6l36.1 210.3L512 672.7 323.1 772l36.1-210.3-152.8-149L417.6 382 512 190.7 606.4 382l211.2 30.7-152.8 148.9z"></path></svg></span><div class="details_xxkR"><div><span class="title_pSH5">Awesome Resources</span><p class="description__Fep">A curated list of awesome FSD videos, articles, packages</p></div></div></a>
 <a class="root_GfON defaultTheme_j3I8" href="/community/team"><span role="img" aria-label="team" class="anticon anticon-team icon_ciqP"><svg viewBox="64 64 896 896" focusable="false" data-icon="team" width="1em" height="1em" fill="currentColor" aria-hidden="true"><path d="M824.2 699.9a301.55 301.55 0 00-86.4-60.4C783.1 602.8 812 546.8 812 484c0-110.8-92.4-201.7-203.2-200-109.1 1.7-197 90.6-197 200 0 62.8 29 118.8 74.2 155.5a300.95 300.95 0 00-86.4 60.4C345 754.6 314 826.8 312 903.8a8 8 0 008 8.2h56c4.3 0 7.9-3.4 8-7.7 1.9-58 25.4-112.3 66.7-153.5A226.62 226.62 0 01612 684c60.9 0 118.2 23.7 161.3 66.8C814.5 792 838 846.3 840 904.3c.1 4.3 3.7 7.7 8 7.7h56a8 8 0 008-8.2c-2-77-33-149.2-87.8-203.9zM612 612c-34.2 0-66.4-13.3-90.5-37.5a126.86 126.86 0 01-37.5-91.8c.3-32.8 13.4-64.5 36.3-88 24-24.6 56.1-38.3 90.4-38.7 33.9-.3 66.8 12.9 91 36.6 24.8 24.3 38.4 56.8 38.4 91.4 0 34.2-13.3 66.3-37.5 90.5A127.3 127.3 0 01612 612zM361.5 510.4c-.9-8.7-1.4-17.5-1.4-26.4 0-15.9 1.5-31.4 4.3-46.5.7-3.6-1.2-7.3-4.5-8.8-13.6-6.1-26.1-14.5-36.9-25.1a127.54 127.54 0 01-38.7-95.4c.9-32.1 13.8-62.6 36.3-85.6 24.7-25.3 57.9-39.1 93.2-38.7 31.9.3 62.7 12.6 86 34.4 7.9 7.4 14.7 15.6 20.4 24.4 2 3.1 5.9 4.4 9.3 3.2 17.6-6.1 36.2-10.4 55.3-12.4 5.6-.6 8.8-6.6 6.3-11.6-32.5-64.3-98.9-108.7-175.7-109.9-110.9-1.7-203.3 89.2-203.3 199.9 0 62.8 28.9 118.8 74.2 155.5-31.8 14.7-61.1 35-86.5 60.4-54.8 54.7-85.8 126.9-87.8 204a8 8 0 008 8.2h56.1c4.3 0 7.9-3.4 8-7.7 1.9-58 25.4-112.3 66.7-153.5 29.4-29.4 65.4-49.8 104.7-59.7 3.9-1 6.5-4.7 6-8.7z"></path></svg></span><div class="details_xxkR"><div><span class="title_pSH5">Team</span><p class="description__Fep">Core-team, Champions, Contributors, Companies</p></div></div></a>
 <a class="root_GfON defaultTheme_j3I8" href="/docs/branding"><span role="img" aria-label="verified" class="anticon anticon-verified icon_ciqP"><svg viewBox="64 64 896 896" focusable="false" data-icon="verified" width="1em" height="1em" fill="currentColor" aria-hidden="true"><defs><style></style></defs><path d="M447.8 588.8l-7.3-32.5c-.2-1-.6-1.9-1.1-2.7a7.94 7.94 0 00-11.1-2.2L405 567V411c0-4.4-3.6-8-8-8h-81c-4.4 0-8 3.6-8 8v36c0 4.4 3.6 8 8 8h37v192.4a8 8 0 0012.7 6.5l79-56.8c2.6-1.9 3.8-5.1 3.1-8.3zm-56.7-216.6l.2.2c3.2 3 8.3 2.8 11.3-.5l24.1-26.2a8.1 8.1 0 00-.3-11.2l-53.7-52.1a8 8 0 00-11.2.1l-24.7 24.7c-3.1 3.1-3.1 8.2.1 11.3l54.2 53.7z"></path><path d="M866.9 169.9L527.1 54.1C523 52.7 517.5 52 512 52s-11 .7-15.1 2.1L157.1 169.9c-8.3 2.8-15.1 12.4-15.1 21.2v482.4c0 8.8 5.7 20.4 12.6 25.9L499.3 968c3.5 2.7 8 4.1 12.6 4.1s9.2-1.4 12.6-4.1l344.7-268.6c6.9-5.4 12.6-17 12.6-25.9V191.1c.2-8.8-6.6-18.3-14.9-21.2zM810 654.3L512 886.5 214 654.3V226.7l298-101.6 298 101.6v427.6z"></path><path d="M452 297v36c0 4.4 3.6 8 8 8h108v274h-38V405c0-4.4-3.6-8-8-8h-35c-4.4 0-8 3.6-8 8v210h-31c-4.4 0-8 3.6-8 8v37c0 4.4 3.6 8 8 8h244c4.4 0 8-3.6 8-8v-37c0-4.4-3.6-8-8-8h-72V493h58c4.4 0 8-3.6 8-8v-35c0-4.4-3.6-8-8-8h-58V341h63c4.4 0 8-3.6 8-8v-36c0-4.4-3.6-8-8-8H460c-4.4 0-8 3.6-8 8z"></path></svg></span><div class="details_xxkR"><div><span class="title_pSH5">Brandbook</span><p class="description__Fep">Recommendations for FSD&#x27;s branding usage</p></div></div></a>
-<a href="#" class="root_GfON rootDisabled_SFUB defaultTheme_j3I8"><span role="img" aria-label="search" class="anticon anticon-search icon_ciqP"><svg viewBox="64 64 896 896" focusable="false" data-icon="search" width="1em" height="1em" fill="currentColor" aria-hidden="true"><path d="M909.6 854.5L649.9 594.8C690.2 542.7 712 479 712 412c0-80.2-31.3-155.4-87.9-212.1-56.6-56.7-132-87.9-212.1-87.9s-155.5 31.3-212.1 87.9C143.2 256.5 112 331.8 112 412c0 80.1 31.3 155.5 87.9 212.1C256.5 680.8 331.8 712 412 712c67 0 130.6-21.8 182.7-62l259.7 259.6a8.2 8.2 0 0011.6 0l43.6-43.5a8.2 8.2 0 000-11.6zM570.4 570.4C528 612.7 471.8 636 412 636s-116-23.3-158.4-65.6C211.3 528 188 471.8 188 412s23.3-116.1 65.6-158.4C296 211.3 352.2 188 412 188s116.1 23.2 158.4 65.6S636 352.2 636 412s-23.3 116.1-65.6 158.4z"></path></svg></span><div class="details_xxkR"><div><span class="title_pSH5">Contributing</span><p class="description__Fep">HowTo, Workflow, Support</p></div></div></a></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/community/index.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Last updated<!-- --> on <b><time datetime="2024-09-29T11:02:46.000Z" itemprop="dateModified">Sep 29, 2024</time></b> by <b>ratomiru</b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages navigation"><a class="pagination-nav__link pagination-nav__link--next" href="/community/team"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">Team</div></a></nav></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Specs</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/docs">Documentation</a></li><li class="footer__item"><a class="footer__link-item" href="/community">Community</a></li><li class="footer__item"><a class="footer__link-item" href="/nav">Help</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">License<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
+<a href="#" class="root_GfON rootDisabled_SFUB defaultTheme_j3I8"><span role="img" aria-label="search" class="anticon anticon-search icon_ciqP"><svg viewBox="64 64 896 896" focusable="false" data-icon="search" width="1em" height="1em" fill="currentColor" aria-hidden="true"><path d="M909.6 854.5L649.9 594.8C690.2 542.7 712 479 712 412c0-80.2-31.3-155.4-87.9-212.1-56.6-56.7-132-87.9-212.1-87.9s-155.5 31.3-212.1 87.9C143.2 256.5 112 331.8 112 412c0 80.1 31.3 155.5 87.9 212.1C256.5 680.8 331.8 712 412 712c67 0 130.6-21.8 182.7-62l259.7 259.6a8.2 8.2 0 0011.6 0l43.6-43.5a8.2 8.2 0 000-11.6zM570.4 570.4C528 612.7 471.8 636 412 636s-116-23.3-158.4-65.6C211.3 528 188 471.8 188 412s23.3-116.1 65.6-158.4C296 211.3 352.2 188 412 188s116.1 23.2 158.4 65.6S636 352.2 636 412s-23.3 116.1-65.6 158.4z"></path></svg></span><div class="details_xxkR"><div><span class="title_pSH5">Contributing</span><p class="description__Fep">HowTo, Workflow, Support</p></div></div></a></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/community/index.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Last updated<!-- --> on <b><time datetime="2024-10-07T18:23:06.000Z" itemprop="dateModified">Oct 7, 2024</time></b> by <b>InJaEE</b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages navigation"><a class="pagination-nav__link pagination-nav__link--next" href="/community/team"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">Team</div></a></nav></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Specs</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/docs">Documentation</a></li><li class="footer__item"><a class="footer__link-item" href="/community">Community</a></li><li class="footer__item"><a class="footer__link-item" href="/nav">Help</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">License<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
 </body>
 </html>
\ No newline at end of file
diff --git a/community/team.html b/community/team.html
index b21e7df3af..7108a1de25 100644
--- a/community/team.html
+++ b/community/team.html
@@ -9,8 +9,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/opensearch.xml"><link rel="stylesheet" href="/assets/css/styles.04fd99a1.css">
-<script src="/assets/js/runtime~main.06c92bf3.js" defer="defer"></script>
-<script src="/assets/js/main.e2ab5a51.js" defer="defer"></script>
+<script src="/assets/js/runtime~main.29fb6ef5.js" defer="defer"></script>
+<script src="/assets/js/main.360a9d35.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a class="navbar__item navbar__link" href="/docs">📖 Docs</a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/community">💫 Community</a><a class="navbar__item navbar__link" href="/blog">📝 Blog</a><a class="navbar__item navbar__link" href="/examples">🛠 Examples</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/docs">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a class="dropdown__link" href="/docs">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>English</a><ul class="dropdown__menu"><li><a href="/ru/community/team" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ru">Русский</a></li><li><a href="/community/team" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="en">English</a></li><li><a href="/uz/community/team" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/community/team" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="kr">한국어</a></li><li><a href="/ja/community/team" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><div class="docsWrapper_rDLg"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_JQoL" type="button"></button><div class="docRoot_GkJk"><aside class="theme-doc-sidebar-container docSidebarContainer_xiHB"><div class="sidebarViewport_DaHB"><div class="sidebar_Kb82"><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_AkOp"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--active" href="/community">💫  Community</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item sidebar-item--wip"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/community/team">Team</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/examples">Examples</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a href="https://github.com/feature-sliced/awesome" target="_blank" rel="noopener noreferrer" class="menu__link menuExternalLink_riF1" tabindex="0">Awesome Resources<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a href="https://discord.com/invite/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="menu__link menuExternalLink_riF1" tabindex="0">Discord community server<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="menu__link menuExternalLink_riF1" tabindex="0">Telegram chat (Q&amp;A)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></li></ul></nav><button type="button" title="Collapse sidebar" aria-label="Collapse sidebar" class="button button--secondary button--outline collapseSidebarButton_L8vW"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_hYfn"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_uESP"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_w6lk"><div class="docItemContainer_b1tn"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_ioLt" aria-label="Breadcrumbs"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Home page" class="breadcrumbs__link" href="/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_ZfEo"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/community"><span itemprop="name">💫  Community</span></a><meta itemprop="position" content="1"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">Team</span><meta itemprop="position" content="2"></li></ul></nav><div class="tocCollapsible_EkMH theme-doc-toc-mobile tocMobile_XRnS"><button type="button" class="clean-btn tocCollapsibleButton_ID8T">On this page</button></div><div class="theme-doc-markdown markdown"><header><h1>Team</h1></header>
@@ -18,6 +18,6 @@
 <h2 class="anchor anchorWithStickyNavbar_QzlE" id="core-team">Core-team<a href="#core-team" class="hash-link" aria-label="Direct link to heading" title="Direct link to heading">​</a></h2>
 <h3 class="anchor anchorWithStickyNavbar_QzlE" id="champions">Champions<a href="#champions" class="hash-link" aria-label="Direct link to heading" title="Direct link to heading">​</a></h3>
 <h2 class="anchor anchorWithStickyNavbar_QzlE" id="contributors">Contributors<a href="#contributors" class="hash-link" aria-label="Direct link to heading" title="Direct link to heading">​</a></h2>
-<h2 class="anchor anchorWithStickyNavbar_QzlE" id="companies">Companies<a href="#companies" class="hash-link" aria-label="Direct link to heading" title="Direct link to heading">​</a></h2></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/community/team.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Last updated<!-- --> on <b><time datetime="2024-09-29T11:02:46.000Z" itemprop="dateModified">Sep 29, 2024</time></b> by <b>ratomiru</b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/community"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">💫 Community</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#core-team" class="table-of-contents__link toc-highlight">Core-team</a><ul><li><a href="#champions" class="table-of-contents__link toc-highlight">Champions</a></li></ul></li><li><a href="#contributors" class="table-of-contents__link toc-highlight">Contributors</a></li><li><a href="#companies" class="table-of-contents__link toc-highlight">Companies</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Specs</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/docs">Documentation</a></li><li class="footer__item"><a class="footer__link-item" href="/community">Community</a></li><li class="footer__item"><a class="footer__link-item" href="/nav">Help</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">License<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
+<h2 class="anchor anchorWithStickyNavbar_QzlE" id="companies">Companies<a href="#companies" class="hash-link" aria-label="Direct link to heading" title="Direct link to heading">​</a></h2></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/community/team.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Last updated<!-- --> on <b><time datetime="2024-10-07T18:23:06.000Z" itemprop="dateModified">Oct 7, 2024</time></b> by <b>InJaEE</b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/community"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">💫 Community</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#core-team" class="table-of-contents__link toc-highlight">Core-team</a><ul><li><a href="#champions" class="table-of-contents__link toc-highlight">Champions</a></li></ul></li><li><a href="#contributors" class="table-of-contents__link toc-highlight">Contributors</a></li><li><a href="#companies" class="table-of-contents__link toc-highlight">Companies</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Specs</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/docs">Documentation</a></li><li class="footer__item"><a class="footer__link-item" href="/community">Community</a></li><li class="footer__item"><a class="footer__link-item" href="/nav">Help</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">License<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
 </body>
 </html>
\ No newline at end of file
diff --git a/docs.html b/docs.html
index 38ed7fe185..1acb52f828 100644
--- a/docs.html
+++ b/docs.html
@@ -9,8 +9,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/opensearch.xml"><link rel="stylesheet" href="/assets/css/styles.04fd99a1.css">
-<script src="/assets/js/runtime~main.06c92bf3.js" defer="defer"></script>
-<script src="/assets/js/main.e2ab5a51.js" defer="defer"></script>
+<script src="/assets/js/runtime~main.29fb6ef5.js" defer="defer"></script>
+<script src="/assets/js/main.360a9d35.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/docs">📖 Docs</a><a class="navbar__item navbar__link" href="/community">💫 Community</a><a class="navbar__item navbar__link" href="/blog">📝 Blog</a><a class="navbar__item navbar__link" href="/examples">🛠 Examples</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/docs">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a aria-current="page" class="dropdown__link dropdown__link--active" href="/docs">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>English</a><ul class="dropdown__menu"><li><a href="/ru/docs" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ru">Русский</a></li><li><a href="/docs" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="en">English</a></li><li><a href="/uz/docs" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/docs" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="kr">한국어</a></li><li><a href="/ja/docs" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><div class="docsWrapper_rDLg"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_JQoL" type="button"></button><div class="docRoot_GkJk"><main class="docMainContainer_uESP docMainContainerEnhanced_GKE6"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_w6lk"><div class="docItemContainer_b1tn"><article><div class="theme-doc-markdown markdown"><header><h1>Documentation</h1></header>
@@ -24,6 +24,6 @@
 <a class="root_GfON miniTheme_ePfp" href="/docs/reference"><div class="details_xxkR"><div><span class="title_pSH5">📚 Reference</span><p class="description__Fep">Reference details of core concepts (for more efficient application)</p></div><div class="detailsTags_uTQx">Units • Isolation • Public API</div></div></a>
 <a class="root_GfON miniTheme_ePfp" href="/docs/about"><div class="details_xxkR"><div><span class="title_pSH5">🍰 About</span><p class="description__Fep">The philosophy of the methodology, its goals and place in the modern front-end</p></div><div class="detailsTags_uTQx">Mission • Alternatives • Promote</div></div></a>
 <a class="root_GfON miniTheme_ePfp" href="/community"><div class="details_xxkR"><div><span class="title_pSH5">💫 Community</span><p class="description__Fep">Resources and additional materials, contributed by the community</p></div><div class="detailsTags_uTQx">Awesome • Team • Examples</div></div></a>
-<a class="root_GfON miniTheme_ePfp" href="/examples"><div class="details_xxkR"><div><span class="title_pSH5">🛠 Examples</span><p class="description__Fep">Projects built with Feature-Sliced Design</p></div></div></a></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/intro.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Last updated<!-- --> on <b><time datetime="2024-09-29T11:02:46.000Z" itemprop="dateModified">Sep 29, 2024</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages navigation"><a class="pagination-nav__link pagination-nav__link--next" href="/docs/get-started"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">🚀 Get Started</div></a></nav></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Specs</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/docs">Documentation</a></li><li class="footer__item"><a class="footer__link-item" href="/community">Community</a></li><li class="footer__item"><a class="footer__link-item" href="/nav">Help</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">License<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
+<a class="root_GfON miniTheme_ePfp" href="/examples"><div class="details_xxkR"><div><span class="title_pSH5">🛠 Examples</span><p class="description__Fep">Projects built with Feature-Sliced Design</p></div></div></a></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/intro.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Last updated<!-- --> on <b><time datetime="2024-10-07T18:23:06.000Z" itemprop="dateModified">Oct 7, 2024</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages navigation"><a class="pagination-nav__link pagination-nav__link--next" href="/docs/get-started"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">🚀 Get Started</div></a></nav></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Specs</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/docs">Documentation</a></li><li class="footer__item"><a class="footer__link-item" href="/community">Community</a></li><li class="footer__item"><a class="footer__link-item" href="/nav">Help</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">License<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
 </body>
 </html>
\ No newline at end of file
diff --git a/docs/about.html b/docs/about.html
index 16fe52a6fd..688d82c5ba 100644
--- a/docs/about.html
+++ b/docs/about.html
@@ -9,8 +9,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/opensearch.xml"><link rel="stylesheet" href="/assets/css/styles.04fd99a1.css">
-<script src="/assets/js/runtime~main.06c92bf3.js" defer="defer"></script>
-<script src="/assets/js/main.e2ab5a51.js" defer="defer"></script>
+<script src="/assets/js/runtime~main.29fb6ef5.js" defer="defer"></script>
+<script src="/assets/js/main.360a9d35.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/docs">📖 Docs</a><a class="navbar__item navbar__link" href="/community">💫 Community</a><a class="navbar__item navbar__link" href="/blog">📝 Blog</a><a class="navbar__item navbar__link" href="/examples">🛠 Examples</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/docs/about">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a aria-current="page" class="dropdown__link dropdown__link--active" href="/docs/about">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>English</a><ul class="dropdown__menu"><li><a href="/ru/docs/about" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ru">Русский</a></li><li><a href="/docs/about" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="en">English</a></li><li><a href="/uz/docs/about" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/docs/about" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="kr">한국어</a></li><li><a href="/ja/docs/about" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><div class="docsWrapper_rDLg"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_JQoL" type="button"></button><div class="docRoot_GkJk"><aside class="theme-doc-sidebar-container docSidebarContainer_xiHB"><div class="sidebarViewport_DaHB"><div class="sidebar_Kb82"><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_AkOp"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible menu__list-item-collapsible--active"><a class="menu__link menu__link--active" aria-current="page" href="/docs/about">🍰  About</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/about/mission">Mission</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/about/motivation">Motivation</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item sidebar-item--wip"><a class="menu__link" tabindex="0" href="/docs/about/alternatives">Alternatives</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/docs/about/understanding/architecture">Understanding</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/docs/about/promote/integration">Promote</a></div></li></ul></li></ul></nav><button type="button" title="Collapse sidebar" aria-label="Collapse sidebar" class="button button--secondary button--outline collapseSidebarButton_L8vW"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_hYfn"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_uESP"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col"><div class="docItemContainer_b1tn"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_ioLt" aria-label="Breadcrumbs"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Home page" class="breadcrumbs__link" href="/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_ZfEo"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">🍰  About</span><meta itemprop="position" content="1"></li></ul></nav><div class="theme-doc-markdown markdown"><header><h1>🍰 About</h1></header>
@@ -21,6 +21,6 @@ <h2 class="anchor anchorWithStickyNavbar_QzlE" id="main">Main<a href="#main" cla
 <a class="root_GfON defaultTheme_j3I8" href="/docs/about/mission"><span role="img" aria-label="trophy" class="anticon anticon-trophy icon_ciqP"><svg viewBox="64 64 896 896" focusable="false" data-icon="trophy" width="1em" height="1em" fill="currentColor" aria-hidden="true"><path d="M868 160h-92v-40c0-4.4-3.6-8-8-8H256c-4.4 0-8 3.6-8 8v40h-92a44 44 0 00-44 44v148c0 81.7 60 149.6 138.2 162C265.7 630.2 359 721.7 476 734.5v105.2H280c-17.7 0-32 14.3-32 32V904c0 4.4 3.6 8 8 8h512c4.4 0 8-3.6 8-8v-32.3c0-17.7-14.3-32-32-32H548V734.5C665 721.7 758.3 630.2 773.8 514 852 501.6 912 433.7 912 352V204a44 44 0 00-44-44zM184 352V232h64v207.6a91.99 91.99 0 01-64-87.6zm520 128c0 49.1-19.1 95.4-53.9 130.1-34.8 34.8-81 53.9-130.1 53.9h-16c-49.1 0-95.4-19.1-130.1-53.9-34.8-34.8-53.9-81-53.9-130.1V184h384v296zm136-128c0 41-26.9 75.8-64 87.6V232h64v120z"></path></svg></span><div class="details_xxkR"><div><span class="title_pSH5">Mission</span><p class="description__Fep">Goals and limitations of the methodology</p></div></div></a>
 <a class="root_GfON defaultTheme_j3I8" href="/docs/about/motivation"><span role="img" aria-label="star" class="anticon anticon-star icon_ciqP"><svg viewBox="64 64 896 896" focusable="false" data-icon="star" width="1em" height="1em" fill="currentColor" aria-hidden="true"><path d="M908.1 353.1l-253.9-36.9L540.7 86.1c-3.1-6.3-8.2-11.4-14.5-14.5-15.8-7.8-35-1.3-42.9 14.5L369.8 316.2l-253.9 36.9c-7 1-13.4 4.3-18.3 9.3a32.05 32.05 0 00.6 45.3l183.7 179.1-43.4 252.9a31.95 31.95 0 0046.4 33.7L512 754l227.1 119.4c6.2 3.3 13.4 4.4 20.3 3.2 17.4-3 29.1-19.5 26.1-36.9l-43.4-252.9 183.7-179.1c5-4.9 8.3-11.3 9.3-18.3 2.7-17.5-9.5-33.7-27-36.3zM664.8 561.6l36.1 210.3L512 672.7 323.1 772l36.1-210.3-152.8-149L417.6 382 512 190.7 606.4 382l211.2 30.7-152.8 148.9z"></path></svg></span><div class="details_xxkR"><div><span class="title_pSH5">Motivation</span><p class="description__Fep">Reasons for the creation and development of the methodology</p></div></div></a>
 <a class="root_GfON defaultTheme_j3I8" href="/docs/about/understanding/architecture"><span role="img" aria-label="bulb" class="anticon anticon-bulb icon_ciqP"><svg viewBox="64 64 896 896" focusable="false" data-icon="bulb" width="1em" height="1em" fill="currentColor" aria-hidden="true"><path d="M632 888H392c-4.4 0-8 3.6-8 8v32c0 17.7 14.3 32 32 32h192c17.7 0 32-14.3 32-32v-32c0-4.4-3.6-8-8-8zM512 64c-181.1 0-328 146.9-328 328 0 121.4 66 227.4 164 284.1V792c0 17.7 14.3 32 32 32h264c17.7 0 32-14.3 32-32V676.1c98-56.7 164-162.7 164-284.1 0-181.1-146.9-328-328-328zm127.9 549.8L604 634.6V752H420V634.6l-35.9-20.8C305.4 568.3 256 484.5 256 392c0-141.4 114.6-256 256-256s256 114.6 256 256c0 92.5-49.4 176.3-128.1 221.8z"></path></svg></span><div class="details_xxkR"><div><span class="title_pSH5">Understanding</span><p class="description__Fep">Deep understanding of FSD concepts</p></div><div class="detailsTags_uTQx">About architecture • Needs driven • Naming</div></div></a>
-<a class="root_GfON defaultTheme_j3I8" href="/docs/about/promote/integration"><span role="img" aria-label="team" class="anticon anticon-team icon_ciqP"><svg viewBox="64 64 896 896" focusable="false" data-icon="team" width="1em" height="1em" fill="currentColor" aria-hidden="true"><path d="M824.2 699.9a301.55 301.55 0 00-86.4-60.4C783.1 602.8 812 546.8 812 484c0-110.8-92.4-201.7-203.2-200-109.1 1.7-197 90.6-197 200 0 62.8 29 118.8 74.2 155.5a300.95 300.95 0 00-86.4 60.4C345 754.6 314 826.8 312 903.8a8 8 0 008 8.2h56c4.3 0 7.9-3.4 8-7.7 1.9-58 25.4-112.3 66.7-153.5A226.62 226.62 0 01612 684c60.9 0 118.2 23.7 161.3 66.8C814.5 792 838 846.3 840 904.3c.1 4.3 3.7 7.7 8 7.7h56a8 8 0 008-8.2c-2-77-33-149.2-87.8-203.9zM612 612c-34.2 0-66.4-13.3-90.5-37.5a126.86 126.86 0 01-37.5-91.8c.3-32.8 13.4-64.5 36.3-88 24-24.6 56.1-38.3 90.4-38.7 33.9-.3 66.8 12.9 91 36.6 24.8 24.3 38.4 56.8 38.4 91.4 0 34.2-13.3 66.3-37.5 90.5A127.3 127.3 0 01612 612zM361.5 510.4c-.9-8.7-1.4-17.5-1.4-26.4 0-15.9 1.5-31.4 4.3-46.5.7-3.6-1.2-7.3-4.5-8.8-13.6-6.1-26.1-14.5-36.9-25.1a127.54 127.54 0 01-38.7-95.4c.9-32.1 13.8-62.6 36.3-85.6 24.7-25.3 57.9-39.1 93.2-38.7 31.9.3 62.7 12.6 86 34.4 7.9 7.4 14.7 15.6 20.4 24.4 2 3.1 5.9 4.4 9.3 3.2 17.6-6.1 36.2-10.4 55.3-12.4 5.6-.6 8.8-6.6 6.3-11.6-32.5-64.3-98.9-108.7-175.7-109.9-110.9-1.7-203.3 89.2-203.3 199.9 0 62.8 28.9 118.8 74.2 155.5-31.8 14.7-61.1 35-86.5 60.4-54.8 54.7-85.8 126.9-87.8 204a8 8 0 008 8.2h56.1c4.3 0 7.9-3.4 8-7.7 1.9-58 25.4-112.3 66.7-153.5 29.4-29.4 65.4-49.8 104.7-59.7 3.9-1 6.5-4.7 6-8.7z"></path></svg></span><div class="details_xxkR"><div><span class="title_pSH5">Promote</span><p class="description__Fep">About promotion and integration FSD at companies</p></div><div class="detailsTags_uTQx">Integration • Promoting in team • Promoting in company</div></div></a></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/about/index.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Last updated<!-- --> on <b><time datetime="2024-09-29T11:02:46.000Z" itemprop="dateModified">Sep 29, 2024</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/docs/reference"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">📚 Reference</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/docs/about/mission"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">Mission</div></a></nav></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Specs</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/docs">Documentation</a></li><li class="footer__item"><a class="footer__link-item" href="/community">Community</a></li><li class="footer__item"><a class="footer__link-item" href="/nav">Help</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">License<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
+<a class="root_GfON defaultTheme_j3I8" href="/docs/about/promote/integration"><span role="img" aria-label="team" class="anticon anticon-team icon_ciqP"><svg viewBox="64 64 896 896" focusable="false" data-icon="team" width="1em" height="1em" fill="currentColor" aria-hidden="true"><path d="M824.2 699.9a301.55 301.55 0 00-86.4-60.4C783.1 602.8 812 546.8 812 484c0-110.8-92.4-201.7-203.2-200-109.1 1.7-197 90.6-197 200 0 62.8 29 118.8 74.2 155.5a300.95 300.95 0 00-86.4 60.4C345 754.6 314 826.8 312 903.8a8 8 0 008 8.2h56c4.3 0 7.9-3.4 8-7.7 1.9-58 25.4-112.3 66.7-153.5A226.62 226.62 0 01612 684c60.9 0 118.2 23.7 161.3 66.8C814.5 792 838 846.3 840 904.3c.1 4.3 3.7 7.7 8 7.7h56a8 8 0 008-8.2c-2-77-33-149.2-87.8-203.9zM612 612c-34.2 0-66.4-13.3-90.5-37.5a126.86 126.86 0 01-37.5-91.8c.3-32.8 13.4-64.5 36.3-88 24-24.6 56.1-38.3 90.4-38.7 33.9-.3 66.8 12.9 91 36.6 24.8 24.3 38.4 56.8 38.4 91.4 0 34.2-13.3 66.3-37.5 90.5A127.3 127.3 0 01612 612zM361.5 510.4c-.9-8.7-1.4-17.5-1.4-26.4 0-15.9 1.5-31.4 4.3-46.5.7-3.6-1.2-7.3-4.5-8.8-13.6-6.1-26.1-14.5-36.9-25.1a127.54 127.54 0 01-38.7-95.4c.9-32.1 13.8-62.6 36.3-85.6 24.7-25.3 57.9-39.1 93.2-38.7 31.9.3 62.7 12.6 86 34.4 7.9 7.4 14.7 15.6 20.4 24.4 2 3.1 5.9 4.4 9.3 3.2 17.6-6.1 36.2-10.4 55.3-12.4 5.6-.6 8.8-6.6 6.3-11.6-32.5-64.3-98.9-108.7-175.7-109.9-110.9-1.7-203.3 89.2-203.3 199.9 0 62.8 28.9 118.8 74.2 155.5-31.8 14.7-61.1 35-86.5 60.4-54.8 54.7-85.8 126.9-87.8 204a8 8 0 008 8.2h56.1c4.3 0 7.9-3.4 8-7.7 1.9-58 25.4-112.3 66.7-153.5 29.4-29.4 65.4-49.8 104.7-59.7 3.9-1 6.5-4.7 6-8.7z"></path></svg></span><div class="details_xxkR"><div><span class="title_pSH5">Promote</span><p class="description__Fep">About promotion and integration FSD at companies</p></div><div class="detailsTags_uTQx">Integration • Promoting in team • Promoting in company</div></div></a></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/about/index.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Last updated<!-- --> on <b><time datetime="2024-10-07T18:23:06.000Z" itemprop="dateModified">Oct 7, 2024</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/docs/reference"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">📚 Reference</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/docs/about/mission"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">Mission</div></a></nav></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Specs</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/docs">Documentation</a></li><li class="footer__item"><a class="footer__link-item" href="/community">Community</a></li><li class="footer__item"><a class="footer__link-item" href="/nav">Help</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">License<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
 </body>
 </html>
\ No newline at end of file
diff --git a/docs/about/alternatives.html b/docs/about/alternatives.html
index 398425c246..4a3a84a4e0 100644
--- a/docs/about/alternatives.html
+++ b/docs/about/alternatives.html
@@ -9,8 +9,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/opensearch.xml"><link rel="stylesheet" href="/assets/css/styles.04fd99a1.css">
-<script src="/assets/js/runtime~main.06c92bf3.js" defer="defer"></script>
-<script src="/assets/js/main.e2ab5a51.js" defer="defer"></script>
+<script src="/assets/js/runtime~main.29fb6ef5.js" defer="defer"></script>
+<script src="/assets/js/main.360a9d35.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/docs">📖 Docs</a><a class="navbar__item navbar__link" href="/community">💫 Community</a><a class="navbar__item navbar__link" href="/blog">📝 Blog</a><a class="navbar__item navbar__link" href="/examples">🛠 Examples</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/docs/about/alternatives">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a aria-current="page" class="dropdown__link dropdown__link--active" href="/docs/about/alternatives">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>English</a><ul class="dropdown__menu"><li><a href="/ru/docs/about/alternatives" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ru">Русский</a></li><li><a href="/docs/about/alternatives" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="en">English</a></li><li><a href="/uz/docs/about/alternatives" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/docs/about/alternatives" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="kr">한국어</a></li><li><a href="/ja/docs/about/alternatives" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><div class="docsWrapper_rDLg"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_JQoL" type="button"></button><div class="docRoot_GkJk"><aside class="theme-doc-sidebar-container docSidebarContainer_xiHB"><div class="sidebarViewport_DaHB"><div class="sidebar_Kb82"><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_AkOp"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--active" href="/docs/about">🍰  About</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/about/mission">Mission</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/about/motivation">Motivation</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item sidebar-item--wip"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/docs/about/alternatives">Alternatives</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/docs/about/understanding/architecture">Understanding</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/docs/about/promote/integration">Promote</a></div></li></ul></li></ul></nav><button type="button" title="Collapse sidebar" aria-label="Collapse sidebar" class="button button--secondary button--outline collapseSidebarButton_L8vW"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_hYfn"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_uESP"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_w6lk"><div class="docItemContainer_b1tn"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_ioLt" aria-label="Breadcrumbs"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Home page" class="breadcrumbs__link" href="/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_ZfEo"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/docs/about"><span itemprop="name">🍰  About</span></a><meta itemprop="position" content="1"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">Alternatives</span><meta itemprop="position" content="2"></li></ul></nav><div class="tocCollapsible_EkMH theme-doc-toc-mobile tocMobile_XRnS"><button type="button" class="clean-btn tocCollapsibleButton_ID8T">On this page</button></div><div class="theme-doc-markdown markdown"><header><h1>Alternatives</h1></header>
@@ -127,6 +127,6 @@ <h2 class="anchor anchorWithStickyNavbar_QzlE" id="feature-driven">Feature Drive
 <ul>
 <li><a href="https://youtu.be/BWAeYuWFHhs" target="_blank" rel="noopener noreferrer">(Talk) Oleg Isonen - Feature Driven Architecture</a></li>
 <li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer">Feature Driven-Short specification (from the point of view of FSD)</a></li>
-</ul></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/about/alternatives.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Last updated<!-- --> on <b><time datetime="2024-09-29T11:02:46.000Z" itemprop="dateModified">Sep 29, 2024</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/docs/about/motivation"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">Motivation</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/docs/about/understanding/architecture"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">About architecture</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#big-ball-of-mud" class="table-of-contents__link toc-highlight">Big Ball of Mud</a></li><li><a href="#smart--dumb-components" class="table-of-contents__link toc-highlight">Smart &amp; Dumb components</a></li><li><a href="#design-principles" class="table-of-contents__link toc-highlight">Design Principles</a></li><li><a href="#ddd" class="table-of-contents__link toc-highlight">DDD</a></li><li><a href="#clean-architecture" class="table-of-contents__link toc-highlight">Clean Architecture</a></li><li><a href="#frameworks" class="table-of-contents__link toc-highlight">Frameworks</a></li><li><a href="#atomic-design" class="table-of-contents__link toc-highlight">Atomic Design</a><ul><li><a href="#what-is-it" class="table-of-contents__link toc-highlight">What is it?</a></li><li><a href="#applicability-to-frontend" class="table-of-contents__link toc-highlight">Applicability to frontend</a></li><li><a href="#how-does-it-relate-to-fsd" class="table-of-contents__link toc-highlight">How does it relate to FSD?</a></li></ul></li><li><a href="#feature-driven" class="table-of-contents__link toc-highlight">Feature Driven</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Specs</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/docs">Documentation</a></li><li class="footer__item"><a class="footer__link-item" href="/community">Community</a></li><li class="footer__item"><a class="footer__link-item" href="/nav">Help</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">License<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
+</ul></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/about/alternatives.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Last updated<!-- --> on <b><time datetime="2024-10-07T18:23:06.000Z" itemprop="dateModified">Oct 7, 2024</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/docs/about/motivation"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">Motivation</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/docs/about/understanding/architecture"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">About architecture</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#big-ball-of-mud" class="table-of-contents__link toc-highlight">Big Ball of Mud</a></li><li><a href="#smart--dumb-components" class="table-of-contents__link toc-highlight">Smart &amp; Dumb components</a></li><li><a href="#design-principles" class="table-of-contents__link toc-highlight">Design Principles</a></li><li><a href="#ddd" class="table-of-contents__link toc-highlight">DDD</a></li><li><a href="#clean-architecture" class="table-of-contents__link toc-highlight">Clean Architecture</a></li><li><a href="#frameworks" class="table-of-contents__link toc-highlight">Frameworks</a></li><li><a href="#atomic-design" class="table-of-contents__link toc-highlight">Atomic Design</a><ul><li><a href="#what-is-it" class="table-of-contents__link toc-highlight">What is it?</a></li><li><a href="#applicability-to-frontend" class="table-of-contents__link toc-highlight">Applicability to frontend</a></li><li><a href="#how-does-it-relate-to-fsd" class="table-of-contents__link toc-highlight">How does it relate to FSD?</a></li></ul></li><li><a href="#feature-driven" class="table-of-contents__link toc-highlight">Feature Driven</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Specs</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/docs">Documentation</a></li><li class="footer__item"><a class="footer__link-item" href="/community">Community</a></li><li class="footer__item"><a class="footer__link-item" href="/nav">Help</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">License<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
 </body>
 </html>
\ No newline at end of file
diff --git a/docs/about/mission.html b/docs/about/mission.html
index b9790f39e7..dc2bc108e2 100644
--- a/docs/about/mission.html
+++ b/docs/about/mission.html
@@ -9,8 +9,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/opensearch.xml"><link rel="stylesheet" href="/assets/css/styles.04fd99a1.css">
-<script src="/assets/js/runtime~main.06c92bf3.js" defer="defer"></script>
-<script src="/assets/js/main.e2ab5a51.js" defer="defer"></script>
+<script src="/assets/js/runtime~main.29fb6ef5.js" defer="defer"></script>
+<script src="/assets/js/main.360a9d35.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/docs">📖 Docs</a><a class="navbar__item navbar__link" href="/community">💫 Community</a><a class="navbar__item navbar__link" href="/blog">📝 Blog</a><a class="navbar__item navbar__link" href="/examples">🛠 Examples</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/docs/about/mission">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a aria-current="page" class="dropdown__link dropdown__link--active" href="/docs/about/mission">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>English</a><ul class="dropdown__menu"><li><a href="/ru/docs/about/mission" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ru">Русский</a></li><li><a href="/docs/about/mission" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="en">English</a></li><li><a href="/uz/docs/about/mission" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/docs/about/mission" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="kr">한국어</a></li><li><a href="/ja/docs/about/mission" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><div class="docsWrapper_rDLg"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_JQoL" type="button"></button><div class="docRoot_GkJk"><aside class="theme-doc-sidebar-container docSidebarContainer_xiHB"><div class="sidebarViewport_DaHB"><div class="sidebar_Kb82"><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_AkOp"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--active" href="/docs/about">🍰  About</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/docs/about/mission">Mission</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/about/motivation">Motivation</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item sidebar-item--wip"><a class="menu__link" tabindex="0" href="/docs/about/alternatives">Alternatives</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/docs/about/understanding/architecture">Understanding</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/docs/about/promote/integration">Promote</a></div></li></ul></li></ul></nav><button type="button" title="Collapse sidebar" aria-label="Collapse sidebar" class="button button--secondary button--outline collapseSidebarButton_L8vW"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_hYfn"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_uESP"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_w6lk"><div class="docItemContainer_b1tn"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_ioLt" aria-label="Breadcrumbs"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Home page" class="breadcrumbs__link" href="/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_ZfEo"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/docs/about"><span itemprop="name">🍰  About</span></a><meta itemprop="position" content="1"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">Mission</span><meta itemprop="position" content="2"></li></ul></nav><div class="tocCollapsible_EkMH theme-doc-toc-mobile tocMobile_XRnS"><button type="button" class="clean-btn tocCollapsibleButton_ID8T">On this page</button></div><div class="theme-doc-markdown markdown"><header><h1>Mission</h1></header>
@@ -53,6 +53,6 @@ <h2 class="anchor anchorWithStickyNavbar_QzlE" id="limitations">Limitations<a hr
 <h2 class="anchor anchorWithStickyNavbar_QzlE" id="see-also">See also<a href="#see-also" class="hash-link" aria-label="Direct link to heading" title="Direct link to heading">​</a></h2>
 <ul>
 <li><a href="/docs/about/understanding/architecture#problems">Architecture problems</a></li>
-</ul></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/about/mission.md" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Last updated<!-- --> on <b><time datetime="2024-09-29T11:02:46.000Z" itemprop="dateModified">Sep 29, 2024</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/docs/about"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">🍰 About</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/docs/about/motivation"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">Motivation</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#goals" class="table-of-contents__link toc-highlight">Goals</a><ul><li><a href="#intuitive-clarity-for-a-wide-range-of-developers" class="table-of-contents__link toc-highlight">Intuitive clarity for a wide range of developers</a></li><li><a href="#solving-everyday-problems" class="table-of-contents__link toc-highlight">Solving everyday problems</a></li></ul></li><li><a href="#limitations" class="table-of-contents__link toc-highlight">Limitations</a></li><li><a href="#see-also" class="table-of-contents__link toc-highlight">See also</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Specs</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/docs">Documentation</a></li><li class="footer__item"><a class="footer__link-item" href="/community">Community</a></li><li class="footer__item"><a class="footer__link-item" href="/nav">Help</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">License<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
+</ul></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/about/mission.md" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Last updated<!-- --> on <b><time datetime="2024-10-07T18:23:06.000Z" itemprop="dateModified">Oct 7, 2024</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/docs/about"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">🍰 About</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/docs/about/motivation"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">Motivation</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#goals" class="table-of-contents__link toc-highlight">Goals</a><ul><li><a href="#intuitive-clarity-for-a-wide-range-of-developers" class="table-of-contents__link toc-highlight">Intuitive clarity for a wide range of developers</a></li><li><a href="#solving-everyday-problems" class="table-of-contents__link toc-highlight">Solving everyday problems</a></li></ul></li><li><a href="#limitations" class="table-of-contents__link toc-highlight">Limitations</a></li><li><a href="#see-also" class="table-of-contents__link toc-highlight">See also</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Specs</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/docs">Documentation</a></li><li class="footer__item"><a class="footer__link-item" href="/community">Community</a></li><li class="footer__item"><a class="footer__link-item" href="/nav">Help</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">License<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
 </body>
 </html>
\ No newline at end of file
diff --git a/docs/about/motivation.html b/docs/about/motivation.html
index f5dce08dd4..307736c07b 100644
--- a/docs/about/motivation.html
+++ b/docs/about/motivation.html
@@ -9,8 +9,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/opensearch.xml"><link rel="stylesheet" href="/assets/css/styles.04fd99a1.css">
-<script src="/assets/js/runtime~main.06c92bf3.js" defer="defer"></script>
-<script src="/assets/js/main.e2ab5a51.js" defer="defer"></script>
+<script src="/assets/js/runtime~main.29fb6ef5.js" defer="defer"></script>
+<script src="/assets/js/main.360a9d35.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/docs">📖 Docs</a><a class="navbar__item navbar__link" href="/community">💫 Community</a><a class="navbar__item navbar__link" href="/blog">📝 Blog</a><a class="navbar__item navbar__link" href="/examples">🛠 Examples</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/docs/about/motivation">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a aria-current="page" class="dropdown__link dropdown__link--active" href="/docs/about/motivation">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>English</a><ul class="dropdown__menu"><li><a href="/ru/docs/about/motivation" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ru">Русский</a></li><li><a href="/docs/about/motivation" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="en">English</a></li><li><a href="/uz/docs/about/motivation" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/docs/about/motivation" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="kr">한국어</a></li><li><a href="/ja/docs/about/motivation" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><div class="docsWrapper_rDLg"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_JQoL" type="button"></button><div class="docRoot_GkJk"><aside class="theme-doc-sidebar-container docSidebarContainer_xiHB"><div class="sidebarViewport_DaHB"><div class="sidebar_Kb82"><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_AkOp"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--active" href="/docs/about">🍰  About</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/about/mission">Mission</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/docs/about/motivation">Motivation</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item sidebar-item--wip"><a class="menu__link" tabindex="0" href="/docs/about/alternatives">Alternatives</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/docs/about/understanding/architecture">Understanding</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/docs/about/promote/integration">Promote</a></div></li></ul></li></ul></nav><button type="button" title="Collapse sidebar" aria-label="Collapse sidebar" class="button button--secondary button--outline collapseSidebarButton_L8vW"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_hYfn"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_uESP"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_w6lk"><div class="docItemContainer_b1tn"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_ioLt" aria-label="Breadcrumbs"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Home page" class="breadcrumbs__link" href="/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_ZfEo"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/docs/about"><span itemprop="name">🍰  About</span></a><meta itemprop="position" content="1"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">Motivation</span><meta itemprop="position" content="2"></li></ul></nav><div class="tocCollapsible_EkMH theme-doc-toc-mobile tocMobile_XRnS"><button type="button" class="clean-btn tocCollapsibleButton_ID8T">On this page</button></div><div class="theme-doc-markdown markdown"><header><h1>Motivation</h1></header>
@@ -111,6 +111,6 @@ <h2 class="anchor anchorWithStickyNavbar_QzlE" id="see-also">See also<a href="#s
 <li><a href="https://github.com/feature-sliced/documentation/discussions/27" target="_blank" rel="noopener noreferrer">(Discussion) Don&#x27;t need a methodology?</a></li>
 <li><a href="/docs/about/mission">About the methodology&#x27;s mission: goals and limitations</a></li>
 <li><a href="/docs/about/understanding/knowledge-types">Types of knowledge in the project</a></li>
-</ul></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/about/motivation.md" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Last updated<!-- --> on <b><time datetime="2024-09-29T11:02:46.000Z" itemprop="dateModified">Sep 29, 2024</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/docs/about/mission"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">Mission</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/docs/about/alternatives"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">Alternatives</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#why-are-there-not-enough-existing-solutions" class="table-of-contents__link toc-highlight">Why are there not enough existing solutions?</a><ul><li><a href="#principles-alone-are-not-enough" class="table-of-contents__link toc-highlight">Principles alone are not enough</a></li><li><a href="#processes-dont-always-work" class="table-of-contents__link toc-highlight">Processes don&#39;t always work</a></li><li><a href="#existing-frameworks-cannot-be-applied-everywhere" class="table-of-contents__link toc-highlight">Existing frameworks cannot be applied everywhere</a></li><li><a href="#as-a-result" class="table-of-contents__link toc-highlight">As a result</a></li></ul></li><li><a href="#why-do-developers-need-the-methodology" class="table-of-contents__link toc-highlight">Why do developers need the methodology?</a><ul><li><a href="#focus-on-business-features-not-on-architecture-problems" class="table-of-contents__link toc-highlight">Focus on business features, not on architecture problems</a></li><li><a href="#an-experience-proven-solution" class="table-of-contents__link toc-highlight">An experience-proven solution</a></li><li><a href="#project-health" class="table-of-contents__link toc-highlight">Project Health</a></li></ul></li><li><a href="#why-does-a-business-need-a-methodology" class="table-of-contents__link toc-highlight">Why does a business need a methodology?</a><ul><li><a href="#fast-onboarding" class="table-of-contents__link toc-highlight">Fast onboarding</a></li><li><a href="#an-experience-proven-solution-1" class="table-of-contents__link toc-highlight">An experience-proven solution</a></li><li><a href="#applicability-for-different-stages-of-the-project" class="table-of-contents__link toc-highlight">Applicability for different stages of the project</a></li></ul></li><li><a href="#when-is-our-methodology-not-needed" class="table-of-contents__link toc-highlight">When is our methodology not needed?</a><ul><li><a href="#business-size" class="table-of-contents__link toc-highlight">Business Size</a></li></ul></li><li><a href="#plans" class="table-of-contents__link toc-highlight">Plans</a><ul><li><a href="#combining-experience" class="table-of-contents__link toc-highlight">Combining experience</a></li><li><a href="#life-outside-the-specification" class="table-of-contents__link toc-highlight">Life outside the specification</a></li></ul></li><li><a href="#see-also" class="table-of-contents__link toc-highlight">See also</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Specs</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/docs">Documentation</a></li><li class="footer__item"><a class="footer__link-item" href="/community">Community</a></li><li class="footer__item"><a class="footer__link-item" href="/nav">Help</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">License<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
+</ul></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/about/motivation.md" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Last updated<!-- --> on <b><time datetime="2024-10-07T18:23:06.000Z" itemprop="dateModified">Oct 7, 2024</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/docs/about/mission"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">Mission</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/docs/about/alternatives"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">Alternatives</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#why-are-there-not-enough-existing-solutions" class="table-of-contents__link toc-highlight">Why are there not enough existing solutions?</a><ul><li><a href="#principles-alone-are-not-enough" class="table-of-contents__link toc-highlight">Principles alone are not enough</a></li><li><a href="#processes-dont-always-work" class="table-of-contents__link toc-highlight">Processes don&#39;t always work</a></li><li><a href="#existing-frameworks-cannot-be-applied-everywhere" class="table-of-contents__link toc-highlight">Existing frameworks cannot be applied everywhere</a></li><li><a href="#as-a-result" class="table-of-contents__link toc-highlight">As a result</a></li></ul></li><li><a href="#why-do-developers-need-the-methodology" class="table-of-contents__link toc-highlight">Why do developers need the methodology?</a><ul><li><a href="#focus-on-business-features-not-on-architecture-problems" class="table-of-contents__link toc-highlight">Focus on business features, not on architecture problems</a></li><li><a href="#an-experience-proven-solution" class="table-of-contents__link toc-highlight">An experience-proven solution</a></li><li><a href="#project-health" class="table-of-contents__link toc-highlight">Project Health</a></li></ul></li><li><a href="#why-does-a-business-need-a-methodology" class="table-of-contents__link toc-highlight">Why does a business need a methodology?</a><ul><li><a href="#fast-onboarding" class="table-of-contents__link toc-highlight">Fast onboarding</a></li><li><a href="#an-experience-proven-solution-1" class="table-of-contents__link toc-highlight">An experience-proven solution</a></li><li><a href="#applicability-for-different-stages-of-the-project" class="table-of-contents__link toc-highlight">Applicability for different stages of the project</a></li></ul></li><li><a href="#when-is-our-methodology-not-needed" class="table-of-contents__link toc-highlight">When is our methodology not needed?</a><ul><li><a href="#business-size" class="table-of-contents__link toc-highlight">Business Size</a></li></ul></li><li><a href="#plans" class="table-of-contents__link toc-highlight">Plans</a><ul><li><a href="#combining-experience" class="table-of-contents__link toc-highlight">Combining experience</a></li><li><a href="#life-outside-the-specification" class="table-of-contents__link toc-highlight">Life outside the specification</a></li></ul></li><li><a href="#see-also" class="table-of-contents__link toc-highlight">See also</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Specs</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/docs">Documentation</a></li><li class="footer__item"><a class="footer__link-item" href="/community">Community</a></li><li class="footer__item"><a class="footer__link-item" href="/nav">Help</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">License<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
 </body>
 </html>
\ No newline at end of file
diff --git a/docs/about/promote/for-company.html b/docs/about/promote/for-company.html
index e4bee5cf9c..af1a40ae06 100644
--- a/docs/about/promote/for-company.html
+++ b/docs/about/promote/for-company.html
@@ -9,8 +9,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/opensearch.xml"><link rel="stylesheet" href="/assets/css/styles.04fd99a1.css">
-<script src="/assets/js/runtime~main.06c92bf3.js" defer="defer"></script>
-<script src="/assets/js/main.e2ab5a51.js" defer="defer"></script>
+<script src="/assets/js/runtime~main.29fb6ef5.js" defer="defer"></script>
+<script src="/assets/js/main.360a9d35.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/docs">📖 Docs</a><a class="navbar__item navbar__link" href="/community">💫 Community</a><a class="navbar__item navbar__link" href="/blog">📝 Blog</a><a class="navbar__item navbar__link" href="/examples">🛠 Examples</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/docs/about/promote/for-company">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a aria-current="page" class="dropdown__link dropdown__link--active" href="/docs/about/promote/for-company">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>English</a><ul class="dropdown__menu"><li><a href="/ru/docs/about/promote/for-company" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ru">Русский</a></li><li><a href="/docs/about/promote/for-company" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="en">English</a></li><li><a href="/uz/docs/about/promote/for-company" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/docs/about/promote/for-company" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="kr">한국어</a></li><li><a href="/ja/docs/about/promote/for-company" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><div class="docsWrapper_rDLg"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_JQoL" type="button"></button><div class="docRoot_GkJk"><aside class="theme-doc-sidebar-container docSidebarContainer_xiHB"><div class="sidebarViewport_DaHB"><div class="sidebar_Kb82"><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_AkOp"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--active" href="/docs/about">🍰  About</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/about/mission">Mission</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/about/motivation">Motivation</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item sidebar-item--wip"><a class="menu__link" tabindex="0" href="/docs/about/alternatives">Alternatives</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/docs/about/understanding/architecture">Understanding</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret menu__link--active" role="button" aria-expanded="true" tabindex="0" href="/docs/about/promote/integration">Promote</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/about/promote/integration">Integration aspects</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item sidebar-item--wip"><a class="menu__link" tabindex="0" href="/docs/about/promote/partial-application">Partial Application</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item sidebar-item--wip"><a class="menu__link" tabindex="0" href="/docs/about/promote/for-team">Promote in team</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item sidebar-item--wip"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/docs/about/promote/for-company">Promote in company</a></li></ul></li></ul></li></ul></nav><button type="button" title="Collapse sidebar" aria-label="Collapse sidebar" class="button button--secondary button--outline collapseSidebarButton_L8vW"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_hYfn"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_uESP"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_w6lk"><div class="docItemContainer_b1tn"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_ioLt" aria-label="Breadcrumbs"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Home page" class="breadcrumbs__link" href="/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_ZfEo"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/docs/about"><span itemprop="name">🍰  About</span></a><meta itemprop="position" content="1"></li><li class="breadcrumbs__item"><span class="breadcrumbs__link">Promote</span><meta itemprop="position" content="2"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">Promote in company</span><meta itemprop="position" content="3"></li></ul></nav><div class="tocCollapsible_EkMH theme-doc-toc-mobile tocMobile_XRnS"><button type="button" class="clean-btn tocCollapsibleButton_ID8T">On this page</button></div><div class="theme-doc-markdown markdown"><header><h1>Promote in company</h1></header>
@@ -20,6 +20,6 @@ <h2 class="anchor anchorWithStickyNavbar_QzlE" id="do-the-project-and-the-compan
 <p>About the justification of the application, Those duty</p>
 </blockquote>
 <h2 class="anchor anchorWithStickyNavbar_QzlE" id="how-can-i-submit-a-methodology-to-a-business">How can I submit a methodology to a business?<a href="#how-can-i-submit-a-methodology-to-a-business" class="hash-link" aria-label="Direct link to heading" title="Direct link to heading">​</a></h2>
-<h2 class="anchor anchorWithStickyNavbar_QzlE" id="how-to-prepare-and-justify-a-plan-to-move-to-the-methodology">How to prepare and justify a plan to move to the methodology?<a href="#how-to-prepare-and-justify-a-plan-to-move-to-the-methodology" class="hash-link" aria-label="Direct link to heading" title="Direct link to heading">​</a></h2></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/about/promote/for-company.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Last updated<!-- --> on <b><time datetime="2024-09-29T11:02:46.000Z" itemprop="dateModified">Sep 29, 2024</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/docs/about/promote/for-team"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">Promote in team</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#do-the-project-and-the-company-need-a-methodology" class="table-of-contents__link toc-highlight">Do the project and the company need a methodology?</a></li><li><a href="#how-can-i-submit-a-methodology-to-a-business" class="table-of-contents__link toc-highlight">How can I submit a methodology to a business?</a></li><li><a href="#how-to-prepare-and-justify-a-plan-to-move-to-the-methodology" class="table-of-contents__link toc-highlight">How to prepare and justify a plan to move to the methodology?</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Specs</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/docs">Documentation</a></li><li class="footer__item"><a class="footer__link-item" href="/community">Community</a></li><li class="footer__item"><a class="footer__link-item" href="/nav">Help</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">License<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
+<h2 class="anchor anchorWithStickyNavbar_QzlE" id="how-to-prepare-and-justify-a-plan-to-move-to-the-methodology">How to prepare and justify a plan to move to the methodology?<a href="#how-to-prepare-and-justify-a-plan-to-move-to-the-methodology" class="hash-link" aria-label="Direct link to heading" title="Direct link to heading">​</a></h2></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/about/promote/for-company.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Last updated<!-- --> on <b><time datetime="2024-10-07T18:23:06.000Z" itemprop="dateModified">Oct 7, 2024</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/docs/about/promote/for-team"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">Promote in team</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#do-the-project-and-the-company-need-a-methodology" class="table-of-contents__link toc-highlight">Do the project and the company need a methodology?</a></li><li><a href="#how-can-i-submit-a-methodology-to-a-business" class="table-of-contents__link toc-highlight">How can I submit a methodology to a business?</a></li><li><a href="#how-to-prepare-and-justify-a-plan-to-move-to-the-methodology" class="table-of-contents__link toc-highlight">How to prepare and justify a plan to move to the methodology?</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Specs</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/docs">Documentation</a></li><li class="footer__item"><a class="footer__link-item" href="/community">Community</a></li><li class="footer__item"><a class="footer__link-item" href="/nav">Help</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">License<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
 </body>
 </html>
\ No newline at end of file
diff --git a/docs/about/promote/for-team.html b/docs/about/promote/for-team.html
index dbbca78606..2f5d60b5fb 100644
--- a/docs/about/promote/for-team.html
+++ b/docs/about/promote/for-team.html
@@ -9,8 +9,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/opensearch.xml"><link rel="stylesheet" href="/assets/css/styles.04fd99a1.css">
-<script src="/assets/js/runtime~main.06c92bf3.js" defer="defer"></script>
-<script src="/assets/js/main.e2ab5a51.js" defer="defer"></script>
+<script src="/assets/js/runtime~main.29fb6ef5.js" defer="defer"></script>
+<script src="/assets/js/main.360a9d35.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/docs">📖 Docs</a><a class="navbar__item navbar__link" href="/community">💫 Community</a><a class="navbar__item navbar__link" href="/blog">📝 Blog</a><a class="navbar__item navbar__link" href="/examples">🛠 Examples</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/docs/about/promote/for-team">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a aria-current="page" class="dropdown__link dropdown__link--active" href="/docs/about/promote/for-team">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>English</a><ul class="dropdown__menu"><li><a href="/ru/docs/about/promote/for-team" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ru">Русский</a></li><li><a href="/docs/about/promote/for-team" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="en">English</a></li><li><a href="/uz/docs/about/promote/for-team" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/docs/about/promote/for-team" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="kr">한국어</a></li><li><a href="/ja/docs/about/promote/for-team" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><div class="docsWrapper_rDLg"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_JQoL" type="button"></button><div class="docRoot_GkJk"><aside class="theme-doc-sidebar-container docSidebarContainer_xiHB"><div class="sidebarViewport_DaHB"><div class="sidebar_Kb82"><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_AkOp"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--active" href="/docs/about">🍰  About</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/about/mission">Mission</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/about/motivation">Motivation</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item sidebar-item--wip"><a class="menu__link" tabindex="0" href="/docs/about/alternatives">Alternatives</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/docs/about/understanding/architecture">Understanding</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret menu__link--active" role="button" aria-expanded="true" tabindex="0" href="/docs/about/promote/integration">Promote</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/about/promote/integration">Integration aspects</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item sidebar-item--wip"><a class="menu__link" tabindex="0" href="/docs/about/promote/partial-application">Partial Application</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item sidebar-item--wip"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/docs/about/promote/for-team">Promote in team</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item sidebar-item--wip"><a class="menu__link" tabindex="0" href="/docs/about/promote/for-company">Promote in company</a></li></ul></li></ul></li></ul></nav><button type="button" title="Collapse sidebar" aria-label="Collapse sidebar" class="button button--secondary button--outline collapseSidebarButton_L8vW"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_hYfn"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_uESP"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_w6lk"><div class="docItemContainer_b1tn"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_ioLt" aria-label="Breadcrumbs"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Home page" class="breadcrumbs__link" href="/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_ZfEo"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/docs/about"><span itemprop="name">🍰  About</span></a><meta itemprop="position" content="1"></li><li class="breadcrumbs__item"><span class="breadcrumbs__link">Promote</span><meta itemprop="position" content="2"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">Promote in team</span><meta itemprop="position" content="3"></li></ul></nav><div class="tocCollapsible_EkMH theme-doc-toc-mobile tocMobile_XRnS"><button type="button" class="clean-btn tocCollapsibleButton_ID8T">On this page</button></div><div class="theme-doc-markdown markdown"><header><h1>Promote in team</h1></header>
@@ -24,6 +24,6 @@ <h2 class="anchor anchorWithStickyNavbar_QzlE" id="see-also">See also<a href="#s
 <ul>
 <li><a href="https://t.me/feature_sliced/3360" target="_blank" rel="noopener noreferrer">(Thread) The simplicity of the old approaches and the importance of mindfulness</a></li>
 <li><a href="https://t.me/feature_sliced/1918" target="_blank" rel="noopener noreferrer">(Thread) About the convenience of searching by layers</a></li>
-</ul></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/about/promote/for-team.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Last updated<!-- --> on <b><time datetime="2024-09-29T11:02:46.000Z" itemprop="dateModified">Sep 29, 2024</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/docs/about/promote/partial-application"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">Partial Application</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/docs/about/promote/for-company"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">Promote in company</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#see-also" class="table-of-contents__link toc-highlight">See also</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Specs</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/docs">Documentation</a></li><li class="footer__item"><a class="footer__link-item" href="/community">Community</a></li><li class="footer__item"><a class="footer__link-item" href="/nav">Help</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">License<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
+</ul></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/about/promote/for-team.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Last updated<!-- --> on <b><time datetime="2024-10-07T18:23:06.000Z" itemprop="dateModified">Oct 7, 2024</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/docs/about/promote/partial-application"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">Partial Application</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/docs/about/promote/for-company"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">Promote in company</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#see-also" class="table-of-contents__link toc-highlight">See also</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Specs</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/docs">Documentation</a></li><li class="footer__item"><a class="footer__link-item" href="/community">Community</a></li><li class="footer__item"><a class="footer__link-item" href="/nav">Help</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">License<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
 </body>
 </html>
\ No newline at end of file
diff --git a/docs/about/promote/integration.html b/docs/about/promote/integration.html
index 0fba8cffec..190623e309 100644
--- a/docs/about/promote/integration.html
+++ b/docs/about/promote/integration.html
@@ -9,8 +9,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/opensearch.xml"><link rel="stylesheet" href="/assets/css/styles.04fd99a1.css">
-<script src="/assets/js/runtime~main.06c92bf3.js" defer="defer"></script>
-<script src="/assets/js/main.e2ab5a51.js" defer="defer"></script>
+<script src="/assets/js/runtime~main.29fb6ef5.js" defer="defer"></script>
+<script src="/assets/js/main.360a9d35.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/docs">📖 Docs</a><a class="navbar__item navbar__link" href="/community">💫 Community</a><a class="navbar__item navbar__link" href="/blog">📝 Blog</a><a class="navbar__item navbar__link" href="/examples">🛠 Examples</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/docs/about/promote/integration">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a aria-current="page" class="dropdown__link dropdown__link--active" href="/docs/about/promote/integration">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>English</a><ul class="dropdown__menu"><li><a href="/ru/docs/about/promote/integration" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ru">Русский</a></li><li><a href="/docs/about/promote/integration" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="en">English</a></li><li><a href="/uz/docs/about/promote/integration" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/docs/about/promote/integration" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="kr">한국어</a></li><li><a href="/ja/docs/about/promote/integration" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><div class="docsWrapper_rDLg"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_JQoL" type="button"></button><div class="docRoot_GkJk"><aside class="theme-doc-sidebar-container docSidebarContainer_xiHB"><div class="sidebarViewport_DaHB"><div class="sidebar_Kb82"><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_AkOp"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--active" href="/docs/about">🍰  About</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/about/mission">Mission</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/about/motivation">Motivation</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item sidebar-item--wip"><a class="menu__link" tabindex="0" href="/docs/about/alternatives">Alternatives</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/docs/about/understanding/architecture">Understanding</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret menu__link--active" role="button" aria-expanded="true" tabindex="0" href="/docs/about/promote/integration">Promote</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/docs/about/promote/integration">Integration aspects</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item sidebar-item--wip"><a class="menu__link" tabindex="0" href="/docs/about/promote/partial-application">Partial Application</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item sidebar-item--wip"><a class="menu__link" tabindex="0" href="/docs/about/promote/for-team">Promote in team</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item sidebar-item--wip"><a class="menu__link" tabindex="0" href="/docs/about/promote/for-company">Promote in company</a></li></ul></li></ul></li></ul></nav><button type="button" title="Collapse sidebar" aria-label="Collapse sidebar" class="button button--secondary button--outline collapseSidebarButton_L8vW"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_hYfn"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_uESP"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_w6lk"><div class="docItemContainer_b1tn"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_ioLt" aria-label="Breadcrumbs"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Home page" class="breadcrumbs__link" href="/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_ZfEo"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/docs/about"><span itemprop="name">🍰  About</span></a><meta itemprop="position" content="1"></li><li class="breadcrumbs__item"><span class="breadcrumbs__link">Promote</span><meta itemprop="position" content="2"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">Integration aspects</span><meta itemprop="position" content="3"></li></ul></nav><div class="tocCollapsible_EkMH theme-doc-toc-mobile tocMobile_XRnS"><button type="button" class="clean-btn tocCollapsibleButton_ID8T">On this page</button></div><div class="theme-doc-markdown markdown"><header><h1>Integration aspects</h1></header>
@@ -30,6 +30,6 @@ <h2 class="anchor anchorWithStickyNavbar_QzlE" id="also">Also<a href="#also" cla
 <li>High entry threshold</li>
 <li>&quot;Layers hell&quot;</li>
 <li>Typical problems of feature-based approaches</li>
-</ul></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/about/promote/integration.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Last updated<!-- --> on <b><time datetime="2024-09-29T11:02:46.000Z" itemprop="dateModified">Sep 29, 2024</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/docs/about/understanding/abstractions"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">Abstractions</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/docs/about/promote/partial-application"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">Partial Application</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#summary" class="table-of-contents__link toc-highlight">Summary</a></li><li><a href="#also" class="table-of-contents__link toc-highlight">Also</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Specs</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/docs">Documentation</a></li><li class="footer__item"><a class="footer__link-item" href="/community">Community</a></li><li class="footer__item"><a class="footer__link-item" href="/nav">Help</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">License<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
+</ul></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/about/promote/integration.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Last updated<!-- --> on <b><time datetime="2024-10-07T18:23:06.000Z" itemprop="dateModified">Oct 7, 2024</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/docs/about/understanding/abstractions"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">Abstractions</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/docs/about/promote/partial-application"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">Partial Application</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#summary" class="table-of-contents__link toc-highlight">Summary</a></li><li><a href="#also" class="table-of-contents__link toc-highlight">Also</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Specs</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/docs">Documentation</a></li><li class="footer__item"><a class="footer__link-item" href="/community">Community</a></li><li class="footer__item"><a class="footer__link-item" href="/nav">Help</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">License<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
 </body>
 </html>
\ No newline at end of file
diff --git a/docs/about/promote/partial-application.html b/docs/about/promote/partial-application.html
index a7a9a5d9bb..565882a636 100644
--- a/docs/about/promote/partial-application.html
+++ b/docs/about/promote/partial-application.html
@@ -9,14 +9,14 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/opensearch.xml"><link rel="stylesheet" href="/assets/css/styles.04fd99a1.css">
-<script src="/assets/js/runtime~main.06c92bf3.js" defer="defer"></script>
-<script src="/assets/js/main.e2ab5a51.js" defer="defer"></script>
+<script src="/assets/js/runtime~main.29fb6ef5.js" defer="defer"></script>
+<script src="/assets/js/main.360a9d35.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/docs">📖 Docs</a><a class="navbar__item navbar__link" href="/community">💫 Community</a><a class="navbar__item navbar__link" href="/blog">📝 Blog</a><a class="navbar__item navbar__link" href="/examples">🛠 Examples</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/docs/about/promote/partial-application">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a aria-current="page" class="dropdown__link dropdown__link--active" href="/docs/about/promote/partial-application">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>English</a><ul class="dropdown__menu"><li><a href="/ru/docs/about/promote/partial-application" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ru">Русский</a></li><li><a href="/docs/about/promote/partial-application" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="en">English</a></li><li><a href="/uz/docs/about/promote/partial-application" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/docs/about/promote/partial-application" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="kr">한국어</a></li><li><a href="/ja/docs/about/promote/partial-application" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><div class="docsWrapper_rDLg"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_JQoL" type="button"></button><div class="docRoot_GkJk"><aside class="theme-doc-sidebar-container docSidebarContainer_xiHB"><div class="sidebarViewport_DaHB"><div class="sidebar_Kb82"><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_AkOp"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--active" href="/docs/about">🍰  About</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/about/mission">Mission</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/about/motivation">Motivation</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item sidebar-item--wip"><a class="menu__link" tabindex="0" href="/docs/about/alternatives">Alternatives</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/docs/about/understanding/architecture">Understanding</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret menu__link--active" role="button" aria-expanded="true" tabindex="0" href="/docs/about/promote/integration">Promote</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/about/promote/integration">Integration aspects</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item sidebar-item--wip"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/docs/about/promote/partial-application">Partial Application</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item sidebar-item--wip"><a class="menu__link" tabindex="0" href="/docs/about/promote/for-team">Promote in team</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item sidebar-item--wip"><a class="menu__link" tabindex="0" href="/docs/about/promote/for-company">Promote in company</a></li></ul></li></ul></li></ul></nav><button type="button" title="Collapse sidebar" aria-label="Collapse sidebar" class="button button--secondary button--outline collapseSidebarButton_L8vW"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_hYfn"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_uESP"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_w6lk"><div class="docItemContainer_b1tn"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_ioLt" aria-label="Breadcrumbs"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Home page" class="breadcrumbs__link" href="/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_ZfEo"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/docs/about"><span itemprop="name">🍰  About</span></a><meta itemprop="position" content="1"></li><li class="breadcrumbs__item"><span class="breadcrumbs__link">Promote</span><meta itemprop="position" content="2"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">Partial Application</span><meta itemprop="position" content="3"></li></ul></nav><div class="theme-doc-markdown markdown"><header><h1>Partial Application</h1></header>
 <div class="theme-admonition theme-admonition-caution admonition_yLUd alert alert--warning"><div class="admonitionHeading_ulUq"><span class="admonitionIcon_Wbvt"><svg viewBox="0 0 16 16"><path fill-rule="evenodd" d="M8.893 1.5c-.183-.31-.52-.5-.887-.5s-.703.19-.886.5L.138 13.499a.98.98 0 0 0 0 1.001c.193.31.53.501.886.501h13.964c.367 0 .704-.19.877-.5a1.03 1.03 0 0 0 .01-1.002L8.893 1.5zm.133 11.497H6.987v-2.003h2.039v2.003zm0-3.004H6.987V5.987h2.039v4.006z"></path></svg></span>WIP</div><div class="admonitionContent_mbd8"><div><p>The article is in the process of writing</p><p>To bring the release of the article closer, you can:</p><ul><li>📢 Share your feedback <a href="https://github.com/feature-sliced/documentation/issues/199" target="_blank" rel="noopener noreferrer">at article (comment/emoji-reaction)</a></li><li>💬 Collect the relevant <a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer">material on the topic from chat</a></li><li>⚒️ Contribute <a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer">in any other way</a></li></ul><br><p><i>🍰 Stay tuned!</i></p></div></div></div>
 <blockquote>
 <p>How to partially apply the methodology? Does it make sense? What if I ignore it?</p>
-</blockquote></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/about/promote/partial-application.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Last updated<!-- --> on <b><time datetime="2024-09-29T11:02:46.000Z" itemprop="dateModified">Sep 29, 2024</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/docs/about/promote/integration"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">Integration aspects</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/docs/about/promote/for-team"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">Promote in team</div></a></nav></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Specs</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/docs">Documentation</a></li><li class="footer__item"><a class="footer__link-item" href="/community">Community</a></li><li class="footer__item"><a class="footer__link-item" href="/nav">Help</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">License<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
+</blockquote></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/about/promote/partial-application.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Last updated<!-- --> on <b><time datetime="2024-10-07T18:23:06.000Z" itemprop="dateModified">Oct 7, 2024</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/docs/about/promote/integration"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">Integration aspects</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/docs/about/promote/for-team"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">Promote in team</div></a></nav></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Specs</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/docs">Documentation</a></li><li class="footer__item"><a class="footer__link-item" href="/community">Community</a></li><li class="footer__item"><a class="footer__link-item" href="/nav">Help</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">License<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
 </body>
 </html>
\ No newline at end of file
diff --git a/docs/about/understanding/abstractions.html b/docs/about/understanding/abstractions.html
index fe1f2b3e03..317afc50a9 100644
--- a/docs/about/understanding/abstractions.html
+++ b/docs/about/understanding/abstractions.html
@@ -9,8 +9,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/opensearch.xml"><link rel="stylesheet" href="/assets/css/styles.04fd99a1.css">
-<script src="/assets/js/runtime~main.06c92bf3.js" defer="defer"></script>
-<script src="/assets/js/main.e2ab5a51.js" defer="defer"></script>
+<script src="/assets/js/runtime~main.29fb6ef5.js" defer="defer"></script>
+<script src="/assets/js/main.360a9d35.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/docs">📖 Docs</a><a class="navbar__item navbar__link" href="/community">💫 Community</a><a class="navbar__item navbar__link" href="/blog">📝 Blog</a><a class="navbar__item navbar__link" href="/examples">🛠 Examples</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/docs/about/understanding/abstractions">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a aria-current="page" class="dropdown__link dropdown__link--active" href="/docs/about/understanding/abstractions">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>English</a><ul class="dropdown__menu"><li><a href="/ru/docs/about/understanding/abstractions" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ru">Русский</a></li><li><a href="/docs/about/understanding/abstractions" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="en">English</a></li><li><a href="/uz/docs/about/understanding/abstractions" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/docs/about/understanding/abstractions" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="kr">한국어</a></li><li><a href="/ja/docs/about/understanding/abstractions" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><div class="docsWrapper_rDLg"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_JQoL" type="button"></button><div class="docRoot_GkJk"><aside class="theme-doc-sidebar-container docSidebarContainer_xiHB"><div class="sidebarViewport_DaHB"><div class="sidebar_Kb82"><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_AkOp"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--active" href="/docs/about">🍰  About</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/about/mission">Mission</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/about/motivation">Motivation</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item sidebar-item--wip"><a class="menu__link" tabindex="0" href="/docs/about/alternatives">Alternatives</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret menu__link--active" role="button" aria-expanded="true" tabindex="0" href="/docs/about/understanding/architecture">Understanding</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/about/understanding/architecture">About architecture</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/about/understanding/needs-driven">Needs driven</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/about/understanding/knowledge-types">Knowledge types</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/about/understanding/naming">Naming</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item sidebar-item--wip"><a class="menu__link" tabindex="0" href="/docs/about/understanding/signals">Signals of architecture</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item sidebar-item--wip"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/docs/about/understanding/abstractions">Abstractions</a></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/docs/about/promote/integration">Promote</a></div></li></ul></li></ul></nav><button type="button" title="Collapse sidebar" aria-label="Collapse sidebar" class="button button--secondary button--outline collapseSidebarButton_L8vW"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_hYfn"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_uESP"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_w6lk"><div class="docItemContainer_b1tn"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_ioLt" aria-label="Breadcrumbs"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Home page" class="breadcrumbs__link" href="/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_ZfEo"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/docs/about"><span itemprop="name">🍰  About</span></a><meta itemprop="position" content="1"></li><li class="breadcrumbs__item"><span class="breadcrumbs__link">Understanding</span><meta itemprop="position" content="2"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">Abstractions</span><meta itemprop="position" content="3"></li></ul></nav><div class="tocCollapsible_EkMH theme-doc-toc-mobile tocMobile_XRnS"><button type="button" class="clean-btn tocCollapsibleButton_ID8T">On this page</button></div><div class="theme-doc-markdown markdown"><header><h1>Abstractions</h1></header>
@@ -31,6 +31,6 @@ <h2 class="anchor anchorWithStickyNavbar_QzlE" id="see-also">See also<a href="#s
 <ul>
 <li><a href="https://t.me/feature_sliced/2801" target="_blank" rel="noopener noreferrer">About the need for new layers</a></li>
 <li><a href="https://t.me/feature_sliced/2619" target="_blank" rel="noopener noreferrer">About the difficulty in understanding the methodology and layers</a></li>
-</ul></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/about/understanding/abstractions.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Last updated<!-- --> on <b><time datetime="2024-09-29T11:02:46.000Z" itemprop="dateModified">Sep 29, 2024</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/docs/about/understanding/signals"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">Signals of architecture</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/docs/about/promote/integration"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">Integration aspects</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#the-law-of-leaky-abstractions" class="table-of-contents__link toc-highlight">The law of leaky abstractions</a></li><li><a href="#why-are-there-so-many-abstractions" class="table-of-contents__link toc-highlight">Why are there so many abstractions</a></li><li><a href="#about-scopes-of-responsibility" class="table-of-contents__link toc-highlight">About scopes of responsibility</a></li><li><a href="#see-also" class="table-of-contents__link toc-highlight">See also</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Specs</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/docs">Documentation</a></li><li class="footer__item"><a class="footer__link-item" href="/community">Community</a></li><li class="footer__item"><a class="footer__link-item" href="/nav">Help</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">License<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
+</ul></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/about/understanding/abstractions.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Last updated<!-- --> on <b><time datetime="2024-10-07T18:23:06.000Z" itemprop="dateModified">Oct 7, 2024</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/docs/about/understanding/signals"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">Signals of architecture</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/docs/about/promote/integration"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">Integration aspects</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#the-law-of-leaky-abstractions" class="table-of-contents__link toc-highlight">The law of leaky abstractions</a></li><li><a href="#why-are-there-so-many-abstractions" class="table-of-contents__link toc-highlight">Why are there so many abstractions</a></li><li><a href="#about-scopes-of-responsibility" class="table-of-contents__link toc-highlight">About scopes of responsibility</a></li><li><a href="#see-also" class="table-of-contents__link toc-highlight">See also</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Specs</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/docs">Documentation</a></li><li class="footer__item"><a class="footer__link-item" href="/community">Community</a></li><li class="footer__item"><a class="footer__link-item" href="/nav">Help</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">License<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
 </body>
 </html>
\ No newline at end of file
diff --git a/docs/about/understanding/architecture.html b/docs/about/understanding/architecture.html
index 594cd64648..27c746d7ec 100644
--- a/docs/about/understanding/architecture.html
+++ b/docs/about/understanding/architecture.html
@@ -9,8 +9,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/opensearch.xml"><link rel="stylesheet" href="/assets/css/styles.04fd99a1.css">
-<script src="/assets/js/runtime~main.06c92bf3.js" defer="defer"></script>
-<script src="/assets/js/main.e2ab5a51.js" defer="defer"></script>
+<script src="/assets/js/runtime~main.29fb6ef5.js" defer="defer"></script>
+<script src="/assets/js/main.360a9d35.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/docs">📖 Docs</a><a class="navbar__item navbar__link" href="/community">💫 Community</a><a class="navbar__item navbar__link" href="/blog">📝 Blog</a><a class="navbar__item navbar__link" href="/examples">🛠 Examples</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/docs/about/understanding/architecture">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a aria-current="page" class="dropdown__link dropdown__link--active" href="/docs/about/understanding/architecture">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>English</a><ul class="dropdown__menu"><li><a href="/ru/docs/about/understanding/architecture" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ru">Русский</a></li><li><a href="/docs/about/understanding/architecture" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="en">English</a></li><li><a href="/uz/docs/about/understanding/architecture" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/docs/about/understanding/architecture" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="kr">한국어</a></li><li><a href="/ja/docs/about/understanding/architecture" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><div class="docsWrapper_rDLg"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_JQoL" type="button"></button><div class="docRoot_GkJk"><aside class="theme-doc-sidebar-container docSidebarContainer_xiHB"><div class="sidebarViewport_DaHB"><div class="sidebar_Kb82"><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_AkOp"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--active" href="/docs/about">🍰  About</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/about/mission">Mission</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/about/motivation">Motivation</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item sidebar-item--wip"><a class="menu__link" tabindex="0" href="/docs/about/alternatives">Alternatives</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret menu__link--active" role="button" aria-expanded="true" tabindex="0" href="/docs/about/understanding/architecture">Understanding</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/docs/about/understanding/architecture">About architecture</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/about/understanding/needs-driven">Needs driven</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/about/understanding/knowledge-types">Knowledge types</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/about/understanding/naming">Naming</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item sidebar-item--wip"><a class="menu__link" tabindex="0" href="/docs/about/understanding/signals">Signals of architecture</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item sidebar-item--wip"><a class="menu__link" tabindex="0" href="/docs/about/understanding/abstractions">Abstractions</a></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/docs/about/promote/integration">Promote</a></div></li></ul></li></ul></nav><button type="button" title="Collapse sidebar" aria-label="Collapse sidebar" class="button button--secondary button--outline collapseSidebarButton_L8vW"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_hYfn"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_uESP"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_w6lk"><div class="docItemContainer_b1tn"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_ioLt" aria-label="Breadcrumbs"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Home page" class="breadcrumbs__link" href="/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_ZfEo"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/docs/about"><span itemprop="name">🍰  About</span></a><meta itemprop="position" content="1"></li><li class="breadcrumbs__item"><span class="breadcrumbs__link">Understanding</span><meta itemprop="position" content="2"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">About architecture</span><meta itemprop="position" content="3"></li></ul></nav><div class="tocCollapsible_EkMH theme-doc-toc-mobile tocMobile_XRnS"><button type="button" class="clean-btn tocCollapsibleButton_ID8T">On this page</button></div><div class="theme-doc-markdown markdown"><header><h1>About architecture</h1></header>
@@ -88,6 +88,6 @@ <h2 class="anchor anchorWithStickyNavbar_QzlE" id="see-also">See also<a href="#s
 <li><a href="https://t.me/feature_slices" target="_blank" rel="noopener noreferrer">(React SPB Meetup #1) Sergey Sova - Feature Slices</a></li>
 <li><a href="https://alexmngn.medium.com/why-react-developers-should-modularize-their-applications-d26d381854c1" target="_blank" rel="noopener noreferrer">(Article) About project modularization</a></li>
 <li><a href="https://ryanlanciaux.com/blog/2017/08/20/a-feature-based-approach-to-react-development/" target="_blank" rel="noopener noreferrer">(Article) About Separation of Concerns and structuring by features</a></li>
-</ul></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/about/understanding/architecture.md" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Last updated<!-- --> on <b><time datetime="2024-09-29T11:02:46.000Z" itemprop="dateModified">Sep 29, 2024</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/docs/about/alternatives"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">Alternatives</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/docs/about/understanding/needs-driven"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">Needs driven</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#problems" class="table-of-contents__link toc-highlight">Problems</a><ul><li><a href="#bus-factor--onboarding" class="table-of-contents__link toc-highlight">Bus-factor &amp; Onboarding</a></li><li><a href="#implicit-and-uncontrolled-consequences" class="table-of-contents__link toc-highlight">Implicit and uncontrolled consequences</a></li><li><a href="#uncontrolled-reuse-of-logic" class="table-of-contents__link toc-highlight">Uncontrolled reuse of logic</a></li></ul></li><li><a href="#requirements" class="table-of-contents__link toc-highlight">Requirements</a><ul><li><a href="#explicitness" class="table-of-contents__link toc-highlight">Explicitness</a></li><li><a href="#control" class="table-of-contents__link toc-highlight">Control</a></li><li><a href="#adaptability" class="table-of-contents__link toc-highlight">Adaptability</a></li></ul></li><li><a href="#see-also" class="table-of-contents__link toc-highlight">See also</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Specs</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/docs">Documentation</a></li><li class="footer__item"><a class="footer__link-item" href="/community">Community</a></li><li class="footer__item"><a class="footer__link-item" href="/nav">Help</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">License<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
+</ul></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/about/understanding/architecture.md" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Last updated<!-- --> on <b><time datetime="2024-10-07T18:23:06.000Z" itemprop="dateModified">Oct 7, 2024</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/docs/about/alternatives"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">Alternatives</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/docs/about/understanding/needs-driven"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">Needs driven</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#problems" class="table-of-contents__link toc-highlight">Problems</a><ul><li><a href="#bus-factor--onboarding" class="table-of-contents__link toc-highlight">Bus-factor &amp; Onboarding</a></li><li><a href="#implicit-and-uncontrolled-consequences" class="table-of-contents__link toc-highlight">Implicit and uncontrolled consequences</a></li><li><a href="#uncontrolled-reuse-of-logic" class="table-of-contents__link toc-highlight">Uncontrolled reuse of logic</a></li></ul></li><li><a href="#requirements" class="table-of-contents__link toc-highlight">Requirements</a><ul><li><a href="#explicitness" class="table-of-contents__link toc-highlight">Explicitness</a></li><li><a href="#control" class="table-of-contents__link toc-highlight">Control</a></li><li><a href="#adaptability" class="table-of-contents__link toc-highlight">Adaptability</a></li></ul></li><li><a href="#see-also" class="table-of-contents__link toc-highlight">See also</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Specs</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/docs">Documentation</a></li><li class="footer__item"><a class="footer__link-item" href="/community">Community</a></li><li class="footer__item"><a class="footer__link-item" href="/nav">Help</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">License<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
 </body>
 </html>
\ No newline at end of file
diff --git a/docs/about/understanding/knowledge-types.html b/docs/about/understanding/knowledge-types.html
index 84d42b452c..d06e8de607 100644
--- a/docs/about/understanding/knowledge-types.html
+++ b/docs/about/understanding/knowledge-types.html
@@ -9,8 +9,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/opensearch.xml"><link rel="stylesheet" href="/assets/css/styles.04fd99a1.css">
-<script src="/assets/js/runtime~main.06c92bf3.js" defer="defer"></script>
-<script src="/assets/js/main.e2ab5a51.js" defer="defer"></script>
+<script src="/assets/js/runtime~main.29fb6ef5.js" defer="defer"></script>
+<script src="/assets/js/main.360a9d35.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/docs">📖 Docs</a><a class="navbar__item navbar__link" href="/community">💫 Community</a><a class="navbar__item navbar__link" href="/blog">📝 Blog</a><a class="navbar__item navbar__link" href="/examples">🛠 Examples</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/docs/about/understanding/knowledge-types">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a aria-current="page" class="dropdown__link dropdown__link--active" href="/docs/about/understanding/knowledge-types">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>English</a><ul class="dropdown__menu"><li><a href="/ru/docs/about/understanding/knowledge-types" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ru">Русский</a></li><li><a href="/docs/about/understanding/knowledge-types" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="en">English</a></li><li><a href="/uz/docs/about/understanding/knowledge-types" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/docs/about/understanding/knowledge-types" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="kr">한국어</a></li><li><a href="/ja/docs/about/understanding/knowledge-types" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><div class="docsWrapper_rDLg"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_JQoL" type="button"></button><div class="docRoot_GkJk"><aside class="theme-doc-sidebar-container docSidebarContainer_xiHB"><div class="sidebarViewport_DaHB"><div class="sidebar_Kb82"><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_AkOp"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--active" href="/docs/about">🍰  About</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/about/mission">Mission</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/about/motivation">Motivation</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item sidebar-item--wip"><a class="menu__link" tabindex="0" href="/docs/about/alternatives">Alternatives</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret menu__link--active" role="button" aria-expanded="true" tabindex="0" href="/docs/about/understanding/architecture">Understanding</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/about/understanding/architecture">About architecture</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/about/understanding/needs-driven">Needs driven</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/docs/about/understanding/knowledge-types">Knowledge types</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/about/understanding/naming">Naming</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item sidebar-item--wip"><a class="menu__link" tabindex="0" href="/docs/about/understanding/signals">Signals of architecture</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item sidebar-item--wip"><a class="menu__link" tabindex="0" href="/docs/about/understanding/abstractions">Abstractions</a></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/docs/about/promote/integration">Promote</a></div></li></ul></li></ul></nav><button type="button" title="Collapse sidebar" aria-label="Collapse sidebar" class="button button--secondary button--outline collapseSidebarButton_L8vW"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_hYfn"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_uESP"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_w6lk"><div class="docItemContainer_b1tn"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_ioLt" aria-label="Breadcrumbs"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Home page" class="breadcrumbs__link" href="/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_ZfEo"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/docs/about"><span itemprop="name">🍰  About</span></a><meta itemprop="position" content="1"></li><li class="breadcrumbs__item"><span class="breadcrumbs__link">Understanding</span><meta itemprop="position" content="2"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">Knowledge types</span><meta itemprop="position" content="3"></li></ul></nav><div class="tocCollapsible_EkMH theme-doc-toc-mobile tocMobile_XRnS"><button type="button" class="clean-btn tocCollapsibleButton_ID8T">On this page</button></div><div class="theme-doc-markdown markdown"><header><h1>Knowledge types in the project</h1></header>
@@ -33,6 +33,6 @@
 <h2 class="anchor anchorWithStickyNavbar_QzlE" id="see-also">See also<a href="#see-also" class="hash-link" aria-label="Direct link to heading" title="Direct link to heading">​</a></h2>
 <ul>
 <li><a href="https://youtu.be/4xyb_tA-uw0?t=249" target="_blank" rel="noopener noreferrer">(Video 🇷🇺) Ilya Klimov - On Types of Knowledge</a></li>
-</ul></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/about/understanding/knowledge-types.md" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Last updated<!-- --> on <b><time datetime="2024-09-29T11:02:46.000Z" itemprop="dateModified">Sep 29, 2024</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/docs/about/understanding/needs-driven"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">Needs driven</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/docs/about/understanding/naming"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">Naming</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#see-also" class="table-of-contents__link toc-highlight">See also</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Specs</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/docs">Documentation</a></li><li class="footer__item"><a class="footer__link-item" href="/community">Community</a></li><li class="footer__item"><a class="footer__link-item" href="/nav">Help</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">License<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
+</ul></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/about/understanding/knowledge-types.md" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Last updated<!-- --> on <b><time datetime="2024-10-07T18:23:06.000Z" itemprop="dateModified">Oct 7, 2024</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/docs/about/understanding/needs-driven"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">Needs driven</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/docs/about/understanding/naming"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">Naming</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#see-also" class="table-of-contents__link toc-highlight">See also</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Specs</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/docs">Documentation</a></li><li class="footer__item"><a class="footer__link-item" href="/community">Community</a></li><li class="footer__item"><a class="footer__link-item" href="/nav">Help</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">License<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
 </body>
 </html>
\ No newline at end of file
diff --git a/docs/about/understanding/naming.html b/docs/about/understanding/naming.html
index b816b6677e..13cc41309b 100644
--- a/docs/about/understanding/naming.html
+++ b/docs/about/understanding/naming.html
@@ -9,8 +9,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/opensearch.xml"><link rel="stylesheet" href="/assets/css/styles.04fd99a1.css">
-<script src="/assets/js/runtime~main.06c92bf3.js" defer="defer"></script>
-<script src="/assets/js/main.e2ab5a51.js" defer="defer"></script>
+<script src="/assets/js/runtime~main.29fb6ef5.js" defer="defer"></script>
+<script src="/assets/js/main.360a9d35.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/docs">📖 Docs</a><a class="navbar__item navbar__link" href="/community">💫 Community</a><a class="navbar__item navbar__link" href="/blog">📝 Blog</a><a class="navbar__item navbar__link" href="/examples">🛠 Examples</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/docs/about/understanding/naming">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a aria-current="page" class="dropdown__link dropdown__link--active" href="/docs/about/understanding/naming">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>English</a><ul class="dropdown__menu"><li><a href="/ru/docs/about/understanding/naming" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ru">Русский</a></li><li><a href="/docs/about/understanding/naming" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="en">English</a></li><li><a href="/uz/docs/about/understanding/naming" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/docs/about/understanding/naming" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="kr">한국어</a></li><li><a href="/ja/docs/about/understanding/naming" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><div class="docsWrapper_rDLg"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_JQoL" type="button"></button><div class="docRoot_GkJk"><aside class="theme-doc-sidebar-container docSidebarContainer_xiHB"><div class="sidebarViewport_DaHB"><div class="sidebar_Kb82"><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_AkOp"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--active" href="/docs/about">🍰  About</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/about/mission">Mission</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/about/motivation">Motivation</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item sidebar-item--wip"><a class="menu__link" tabindex="0" href="/docs/about/alternatives">Alternatives</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret menu__link--active" role="button" aria-expanded="true" tabindex="0" href="/docs/about/understanding/architecture">Understanding</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/about/understanding/architecture">About architecture</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/about/understanding/needs-driven">Needs driven</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/about/understanding/knowledge-types">Knowledge types</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/docs/about/understanding/naming">Naming</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item sidebar-item--wip"><a class="menu__link" tabindex="0" href="/docs/about/understanding/signals">Signals of architecture</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item sidebar-item--wip"><a class="menu__link" tabindex="0" href="/docs/about/understanding/abstractions">Abstractions</a></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/docs/about/promote/integration">Promote</a></div></li></ul></li></ul></nav><button type="button" title="Collapse sidebar" aria-label="Collapse sidebar" class="button button--secondary button--outline collapseSidebarButton_L8vW"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_hYfn"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_uESP"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_w6lk"><div class="docItemContainer_b1tn"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_ioLt" aria-label="Breadcrumbs"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Home page" class="breadcrumbs__link" href="/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_ZfEo"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/docs/about"><span itemprop="name">🍰  About</span></a><meta itemprop="position" content="1"></li><li class="breadcrumbs__item"><span class="breadcrumbs__link">Understanding</span><meta itemprop="position" content="2"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">Naming</span><meta itemprop="position" content="3"></li></ul></nav><div class="tocCollapsible_EkMH theme-doc-toc-mobile tocMobile_XRnS"><button type="button" class="clean-btn tocCollapsibleButton_ID8T">On this page</button></div><div class="theme-doc-markdown markdown"><header><h1>Naming</h1></header>
@@ -44,6 +44,6 @@ <h2 class="anchor anchorWithStickyNavbar_QzlE" id="see-also">See also<a href="#s
 <li><a href="https://github.com/feature-sliced/documentation/discussions/31#discussioncomment-464894" target="_blank" rel="noopener noreferrer">(Discussion) Entity Naming Survey</a></li>
 <li><a href="https://github.com/feature-sliced/documentation/discussions/20" target="_blank" rel="noopener noreferrer">(Discussion) &quot;processes&quot; vs &quot;flows&quot; vs ...</a></li>
 <li><a href="https://github.com/feature-sliced/documentation/discussions/68" target="_blank" rel="noopener noreferrer">(Discussion) &quot;model&quot; vs &quot;store&quot; vs ...</a></li>
-</ul></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/about/understanding/naming.md" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Last updated<!-- --> on <b><time datetime="2024-09-29T11:02:46.000Z" itemprop="dateModified">Sep 29, 2024</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/docs/about/understanding/knowledge-types"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">Knowledge types</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/docs/about/understanding/signals"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">Signals of architecture</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#naming-in-fsd" class="table-of-contents__link toc-highlight">Naming in Feature-Sliced Design</a></li><li><a href="#when-can-naming-interfere" class="table-of-contents__link toc-highlight">Naming Conflicts</a></li><li><a href="#see-also" class="table-of-contents__link toc-highlight">See also</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Specs</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/docs">Documentation</a></li><li class="footer__item"><a class="footer__link-item" href="/community">Community</a></li><li class="footer__item"><a class="footer__link-item" href="/nav">Help</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">License<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
+</ul></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/about/understanding/naming.md" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Last updated<!-- --> on <b><time datetime="2024-10-07T18:23:06.000Z" itemprop="dateModified">Oct 7, 2024</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/docs/about/understanding/knowledge-types"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">Knowledge types</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/docs/about/understanding/signals"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">Signals of architecture</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#naming-in-fsd" class="table-of-contents__link toc-highlight">Naming in Feature-Sliced Design</a></li><li><a href="#when-can-naming-interfere" class="table-of-contents__link toc-highlight">Naming Conflicts</a></li><li><a href="#see-also" class="table-of-contents__link toc-highlight">See also</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Specs</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/docs">Documentation</a></li><li class="footer__item"><a class="footer__link-item" href="/community">Community</a></li><li class="footer__item"><a class="footer__link-item" href="/nav">Help</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">License<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
 </body>
 </html>
\ No newline at end of file
diff --git a/docs/about/understanding/needs-driven.html b/docs/about/understanding/needs-driven.html
index 3b49f1c6d4..9bc47132b2 100644
--- a/docs/about/understanding/needs-driven.html
+++ b/docs/about/understanding/needs-driven.html
@@ -9,8 +9,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/opensearch.xml"><link rel="stylesheet" href="/assets/css/styles.04fd99a1.css">
-<script src="/assets/js/runtime~main.06c92bf3.js" defer="defer"></script>
-<script src="/assets/js/main.e2ab5a51.js" defer="defer"></script>
+<script src="/assets/js/runtime~main.29fb6ef5.js" defer="defer"></script>
+<script src="/assets/js/main.360a9d35.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/docs">📖 Docs</a><a class="navbar__item navbar__link" href="/community">💫 Community</a><a class="navbar__item navbar__link" href="/blog">📝 Blog</a><a class="navbar__item navbar__link" href="/examples">🛠 Examples</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/docs/about/understanding/needs-driven">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a aria-current="page" class="dropdown__link dropdown__link--active" href="/docs/about/understanding/needs-driven">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>English</a><ul class="dropdown__menu"><li><a href="/ru/docs/about/understanding/needs-driven" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ru">Русский</a></li><li><a href="/docs/about/understanding/needs-driven" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="en">English</a></li><li><a href="/uz/docs/about/understanding/needs-driven" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/docs/about/understanding/needs-driven" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="kr">한국어</a></li><li><a href="/ja/docs/about/understanding/needs-driven" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><div class="docsWrapper_rDLg"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_JQoL" type="button"></button><div class="docRoot_GkJk"><aside class="theme-doc-sidebar-container docSidebarContainer_xiHB"><div class="sidebarViewport_DaHB"><div class="sidebar_Kb82"><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_AkOp"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--active" href="/docs/about">🍰  About</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/about/mission">Mission</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/about/motivation">Motivation</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item sidebar-item--wip"><a class="menu__link" tabindex="0" href="/docs/about/alternatives">Alternatives</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret menu__link--active" role="button" aria-expanded="true" tabindex="0" href="/docs/about/understanding/architecture">Understanding</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/about/understanding/architecture">About architecture</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/docs/about/understanding/needs-driven">Needs driven</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/about/understanding/knowledge-types">Knowledge types</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/about/understanding/naming">Naming</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item sidebar-item--wip"><a class="menu__link" tabindex="0" href="/docs/about/understanding/signals">Signals of architecture</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item sidebar-item--wip"><a class="menu__link" tabindex="0" href="/docs/about/understanding/abstractions">Abstractions</a></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/docs/about/promote/integration">Promote</a></div></li></ul></li></ul></nav><button type="button" title="Collapse sidebar" aria-label="Collapse sidebar" class="button button--secondary button--outline collapseSidebarButton_L8vW"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_hYfn"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_uESP"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_w6lk"><div class="docItemContainer_b1tn"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_ioLt" aria-label="Breadcrumbs"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Home page" class="breadcrumbs__link" href="/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_ZfEo"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/docs/about"><span itemprop="name">🍰  About</span></a><meta itemprop="position" content="1"></li><li class="breadcrumbs__item"><span class="breadcrumbs__link">Understanding</span><meta itemprop="position" content="2"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">Needs driven</span><meta itemprop="position" content="3"></li></ul></nav><div class="tocCollapsible_EkMH theme-doc-toc-mobile tocMobile_XRnS"><button type="button" class="clean-btn tocCollapsibleButton_ID8T">On this page</button></div><div class="theme-doc-markdown markdown"><header><h1>Needs driven</h1></header>
@@ -128,6 +128,6 @@ <h2 class="anchor anchorWithStickyNavbar_QzlE" id="see-also">See also<a href="#s
 </li>
 <li><a href="https://t.me/atomicdesign/18972" target="_blank" rel="noopener noreferrer">(Discussion) How to break the functionality and what it is</a></li>
 <li><a href="https://alexmngn.medium.com/how-to-better-organize-your-react-applications-2fd3ea1920f1" target="_blank" rel="noopener noreferrer">(Article) &quot;How to better organize your applications&quot;</a></li>
-</ul></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/about/understanding/needs-driven.md" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Last updated<!-- --> on <b><time datetime="2024-09-29T11:02:46.000Z" itemprop="dateModified">Sep 29, 2024</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/docs/about/understanding/architecture"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">About architecture</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/docs/about/understanding/knowledge-types"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">Knowledge types</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#why" class="table-of-contents__link toc-highlight">Why?</a></li><li><a href="#what-tasks-are-we-talking-about" class="table-of-contents__link toc-highlight">What tasks are we talking about?</a></li><li><a href="#how-does-this-affect-development" class="table-of-contents__link toc-highlight">How does this affect development?</a><ul><li><a href="#task-decomposition" class="table-of-contents__link toc-highlight">Task decomposition</a></li><li><a href="#understanding-the-essence-of-the-task" class="table-of-contents__link toc-highlight">Understanding the essence of the task</a></li></ul></li><li><a href="#how-to-formulate-it" class="table-of-contents__link toc-highlight">How to formulate it?</a></li><li><a href="#and-what-is-the-benefit" class="table-of-contents__link toc-highlight">And what is the benefit?</a><ul><li><a href="#1-understanding-user-tasks" class="table-of-contents__link toc-highlight">1. Understanding user tasks</a></li><li><a href="#2-structuring-and-ordering" class="table-of-contents__link toc-highlight">2. Structuring and ordering</a></li><li><a href="#3-understanding-the-feature-and-its-components" class="table-of-contents__link toc-highlight">3. Understanding the feature and its components</a></li><li><a href="#4-profit" class="table-of-contents__link toc-highlight">4. Profit</a></li></ul></li><li><a href="#back-to-reality" class="table-of-contents__link toc-highlight">Back to reality</a></li><li><a href="#the-role-of-methodology" class="table-of-contents__link toc-highlight">The role of methodology</a><ul><li><a href="#methodology-requirements" class="table-of-contents__link toc-highlight">Methodology requirements</a></li></ul></li><li><a href="#see-also" class="table-of-contents__link toc-highlight">See also</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Specs</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/docs">Documentation</a></li><li class="footer__item"><a class="footer__link-item" href="/community">Community</a></li><li class="footer__item"><a class="footer__link-item" href="/nav">Help</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">License<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
+</ul></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/about/understanding/needs-driven.md" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Last updated<!-- --> on <b><time datetime="2024-10-07T18:23:06.000Z" itemprop="dateModified">Oct 7, 2024</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/docs/about/understanding/architecture"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">About architecture</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/docs/about/understanding/knowledge-types"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">Knowledge types</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#why" class="table-of-contents__link toc-highlight">Why?</a></li><li><a href="#what-tasks-are-we-talking-about" class="table-of-contents__link toc-highlight">What tasks are we talking about?</a></li><li><a href="#how-does-this-affect-development" class="table-of-contents__link toc-highlight">How does this affect development?</a><ul><li><a href="#task-decomposition" class="table-of-contents__link toc-highlight">Task decomposition</a></li><li><a href="#understanding-the-essence-of-the-task" class="table-of-contents__link toc-highlight">Understanding the essence of the task</a></li></ul></li><li><a href="#how-to-formulate-it" class="table-of-contents__link toc-highlight">How to formulate it?</a></li><li><a href="#and-what-is-the-benefit" class="table-of-contents__link toc-highlight">And what is the benefit?</a><ul><li><a href="#1-understanding-user-tasks" class="table-of-contents__link toc-highlight">1. Understanding user tasks</a></li><li><a href="#2-structuring-and-ordering" class="table-of-contents__link toc-highlight">2. Structuring and ordering</a></li><li><a href="#3-understanding-the-feature-and-its-components" class="table-of-contents__link toc-highlight">3. Understanding the feature and its components</a></li><li><a href="#4-profit" class="table-of-contents__link toc-highlight">4. Profit</a></li></ul></li><li><a href="#back-to-reality" class="table-of-contents__link toc-highlight">Back to reality</a></li><li><a href="#the-role-of-methodology" class="table-of-contents__link toc-highlight">The role of methodology</a><ul><li><a href="#methodology-requirements" class="table-of-contents__link toc-highlight">Methodology requirements</a></li></ul></li><li><a href="#see-also" class="table-of-contents__link toc-highlight">See also</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Specs</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/docs">Documentation</a></li><li class="footer__item"><a class="footer__link-item" href="/community">Community</a></li><li class="footer__item"><a class="footer__link-item" href="/nav">Help</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">License<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
 </body>
 </html>
\ No newline at end of file
diff --git a/docs/about/understanding/signals.html b/docs/about/understanding/signals.html
index 8e2a5c0c62..a53781ac65 100644
--- a/docs/about/understanding/signals.html
+++ b/docs/about/understanding/signals.html
@@ -9,8 +9,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/opensearch.xml"><link rel="stylesheet" href="/assets/css/styles.04fd99a1.css">
-<script src="/assets/js/runtime~main.06c92bf3.js" defer="defer"></script>
-<script src="/assets/js/main.e2ab5a51.js" defer="defer"></script>
+<script src="/assets/js/runtime~main.29fb6ef5.js" defer="defer"></script>
+<script src="/assets/js/main.360a9d35.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/docs">📖 Docs</a><a class="navbar__item navbar__link" href="/community">💫 Community</a><a class="navbar__item navbar__link" href="/blog">📝 Blog</a><a class="navbar__item navbar__link" href="/examples">🛠 Examples</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/docs/about/understanding/signals">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a aria-current="page" class="dropdown__link dropdown__link--active" href="/docs/about/understanding/signals">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>English</a><ul class="dropdown__menu"><li><a href="/ru/docs/about/understanding/signals" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ru">Русский</a></li><li><a href="/docs/about/understanding/signals" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="en">English</a></li><li><a href="/uz/docs/about/understanding/signals" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/docs/about/understanding/signals" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="kr">한국어</a></li><li><a href="/ja/docs/about/understanding/signals" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><div class="docsWrapper_rDLg"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_JQoL" type="button"></button><div class="docRoot_GkJk"><aside class="theme-doc-sidebar-container docSidebarContainer_xiHB"><div class="sidebarViewport_DaHB"><div class="sidebar_Kb82"><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_AkOp"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--active" href="/docs/about">🍰  About</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/about/mission">Mission</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/about/motivation">Motivation</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item sidebar-item--wip"><a class="menu__link" tabindex="0" href="/docs/about/alternatives">Alternatives</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret menu__link--active" role="button" aria-expanded="true" tabindex="0" href="/docs/about/understanding/architecture">Understanding</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/about/understanding/architecture">About architecture</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/about/understanding/needs-driven">Needs driven</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/about/understanding/knowledge-types">Knowledge types</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/about/understanding/naming">Naming</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item sidebar-item--wip"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/docs/about/understanding/signals">Signals of architecture</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item sidebar-item--wip"><a class="menu__link" tabindex="0" href="/docs/about/understanding/abstractions">Abstractions</a></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/docs/about/promote/integration">Promote</a></div></li></ul></li></ul></nav><button type="button" title="Collapse sidebar" aria-label="Collapse sidebar" class="button button--secondary button--outline collapseSidebarButton_L8vW"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_hYfn"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_uESP"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_w6lk"><div class="docItemContainer_b1tn"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_ioLt" aria-label="Breadcrumbs"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Home page" class="breadcrumbs__link" href="/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_ZfEo"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/docs/about"><span itemprop="name">🍰  About</span></a><meta itemprop="position" content="1"></li><li class="breadcrumbs__item"><span class="breadcrumbs__link">Understanding</span><meta itemprop="position" content="2"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">Signals of architecture</span><meta itemprop="position" content="3"></li></ul></nav><div class="tocCollapsible_EkMH theme-doc-toc-mobile tocMobile_XRnS"><button type="button" class="clean-btn tocCollapsibleButton_ID8T">On this page</button></div><div class="theme-doc-markdown markdown"><header><h1>Signals of architecture</h1></header>
@@ -27,6 +27,6 @@ <h2 class="anchor anchorWithStickyNavbar_QzlE" id="see-also">See also<a href="#s
 <li><a href="https://t.me/feature_sliced/2492" target="_blank" rel="noopener noreferrer">(Thread) About the fundamental nature of architecture</a></li>
 <li><a href="https://t.me/feature_sliced/3979" target="_blank" rel="noopener noreferrer">(Thread) About highlighting weak points</a></li>
 <li><a href="https://t.me/feature_sliced/4228" target="_blank" rel="noopener noreferrer">(Thread) How to understand that the data model is swollen</a></li>
-</ul></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/about/understanding/signals.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Last updated<!-- --> on <b><time datetime="2024-09-29T11:02:46.000Z" itemprop="dateModified">Sep 29, 2024</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/docs/about/understanding/naming"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">Naming</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/docs/about/understanding/abstractions"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">Abstractions</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#see-also" class="table-of-contents__link toc-highlight">See also</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Specs</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/docs">Documentation</a></li><li class="footer__item"><a class="footer__link-item" href="/community">Community</a></li><li class="footer__item"><a class="footer__link-item" href="/nav">Help</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">License<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
+</ul></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/about/understanding/signals.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Last updated<!-- --> on <b><time datetime="2024-10-07T18:23:06.000Z" itemprop="dateModified">Oct 7, 2024</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/docs/about/understanding/naming"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">Naming</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/docs/about/understanding/abstractions"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">Abstractions</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#see-also" class="table-of-contents__link toc-highlight">See also</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Specs</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/docs">Documentation</a></li><li class="footer__item"><a class="footer__link-item" href="/community">Community</a></li><li class="footer__item"><a class="footer__link-item" href="/nav">Help</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">License<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
 </body>
 </html>
\ No newline at end of file
diff --git a/docs/branding.html b/docs/branding.html
index b4b1ded6d8..e477c8f74b 100644
--- a/docs/branding.html
+++ b/docs/branding.html
@@ -9,8 +9,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/opensearch.xml"><link rel="stylesheet" href="/assets/css/styles.04fd99a1.css">
-<script src="/assets/js/runtime~main.06c92bf3.js" defer="defer"></script>
-<script src="/assets/js/main.e2ab5a51.js" defer="defer"></script>
+<script src="/assets/js/runtime~main.29fb6ef5.js" defer="defer"></script>
+<script src="/assets/js/main.360a9d35.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/docs">📖 Docs</a><a class="navbar__item navbar__link" href="/community">💫 Community</a><a class="navbar__item navbar__link" href="/blog">📝 Blog</a><a class="navbar__item navbar__link" href="/examples">🛠 Examples</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/docs/branding">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a aria-current="page" class="dropdown__link dropdown__link--active" href="/docs/branding">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>English</a><ul class="dropdown__menu"><li><a href="/ru/docs/branding" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ru">Русский</a></li><li><a href="/docs/branding" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="en">English</a></li><li><a href="/uz/docs/branding" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/docs/branding" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="kr">한국어</a></li><li><a href="/ja/docs/branding" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><div class="docsWrapper_rDLg"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_JQoL" type="button"></button><div class="docRoot_GkJk"><main class="docMainContainer_uESP docMainContainerEnhanced_GKE6"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_w6lk"><div class="docItemContainer_b1tn"><article><div class="tocCollapsible_EkMH theme-doc-toc-mobile tocMobile_XRnS"><button type="button" class="clean-btn tocCollapsibleButton_ID8T">On this page</button></div><div class="theme-doc-markdown markdown"><header><h1>Branding Guidelines</h1></header>
@@ -43,6 +43,6 @@ <h2 class="anchor anchorWithStickyNavbar_QzlE" id="see-also">See also<a href="#s
 <li><a href="https://github.com/feature-sliced/documentation/discussions/399" target="_blank" rel="noopener noreferrer">Discussion (github)</a></li>
 <li><a href="https://www.figma.com/file/RPphccpoeasVB0lMpZwPVR/FSD-Brand?node-id=0%3A1" target="_blank" rel="noopener noreferrer">History of development with references (figma)</a></li>
 <li><a href="https://rebrand-sliced.netlify.app/en/" target="_blank" rel="noopener noreferrer">Rebranding demo</a></li>
-</ul></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/branding.md" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Last updated<!-- --> on <b><time datetime="2024-09-29T11:02:46.000Z" itemprop="dateModified">Sep 29, 2024</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages navigation"></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#title" class="table-of-contents__link toc-highlight">Title</a></li><li><a href="#emojii" class="table-of-contents__link toc-highlight">Emojii</a></li><li><a href="#logo--palette" class="table-of-contents__link toc-highlight">Logo &amp; Palette</a></li><li><a href="#banners--schemes" class="table-of-contents__link toc-highlight">Banners &amp; Schemes</a></li><li><a href="#social-preview" class="table-of-contents__link toc-highlight">Social Preview</a></li><li><a href="#presentation-template" class="table-of-contents__link toc-highlight">Presentation template</a></li><li><a href="#see-also" class="table-of-contents__link toc-highlight">See also</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Specs</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/docs">Documentation</a></li><li class="footer__item"><a class="footer__link-item" href="/community">Community</a></li><li class="footer__item"><a class="footer__link-item" href="/nav">Help</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">License<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
+</ul></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/branding.md" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Last updated<!-- --> on <b><time datetime="2024-10-07T18:23:06.000Z" itemprop="dateModified">Oct 7, 2024</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages navigation"></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#title" class="table-of-contents__link toc-highlight">Title</a></li><li><a href="#emojii" class="table-of-contents__link toc-highlight">Emojii</a></li><li><a href="#logo--palette" class="table-of-contents__link toc-highlight">Logo &amp; Palette</a></li><li><a href="#banners--schemes" class="table-of-contents__link toc-highlight">Banners &amp; Schemes</a></li><li><a href="#social-preview" class="table-of-contents__link toc-highlight">Social Preview</a></li><li><a href="#presentation-template" class="table-of-contents__link toc-highlight">Presentation template</a></li><li><a href="#see-also" class="table-of-contents__link toc-highlight">See also</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Specs</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/docs">Documentation</a></li><li class="footer__item"><a class="footer__link-item" href="/community">Community</a></li><li class="footer__item"><a class="footer__link-item" href="/nav">Help</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">License<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
 </body>
 </html>
\ No newline at end of file
diff --git a/docs/get-started.html b/docs/get-started.html
index d9305148a4..a17f65b83f 100644
--- a/docs/get-started.html
+++ b/docs/get-started.html
@@ -9,8 +9,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/opensearch.xml"><link rel="stylesheet" href="/assets/css/styles.04fd99a1.css">
-<script src="/assets/js/runtime~main.06c92bf3.js" defer="defer"></script>
-<script src="/assets/js/main.e2ab5a51.js" defer="defer"></script>
+<script src="/assets/js/runtime~main.29fb6ef5.js" defer="defer"></script>
+<script src="/assets/js/main.360a9d35.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/docs">📖 Docs</a><a class="navbar__item navbar__link" href="/community">💫 Community</a><a class="navbar__item navbar__link" href="/blog">📝 Blog</a><a class="navbar__item navbar__link" href="/examples">🛠 Examples</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/docs/get-started">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a aria-current="page" class="dropdown__link dropdown__link--active" href="/docs/get-started">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>English</a><ul class="dropdown__menu"><li><a href="/ru/docs/get-started" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ru">Русский</a></li><li><a href="/docs/get-started" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="en">English</a></li><li><a href="/uz/docs/get-started" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/docs/get-started" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="kr">한국어</a></li><li><a href="/ja/docs/get-started" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><div class="docsWrapper_rDLg"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_JQoL" type="button"></button><div class="docRoot_GkJk"><aside class="theme-doc-sidebar-container docSidebarContainer_xiHB"><div class="sidebarViewport_DaHB"><div class="sidebar_Kb82"><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_AkOp"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible menu__list-item-collapsible--active"><a class="menu__link menu__link--active" aria-current="page" href="/docs/get-started">🚀  Get Started</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/get-started/overview">Overview</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/get-started/tutorial">Tutorial</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/get-started/faq">FAQ</a></li></ul></li></ul></nav><button type="button" title="Collapse sidebar" aria-label="Collapse sidebar" class="button button--secondary button--outline collapseSidebarButton_L8vW"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_hYfn"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_uESP"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col"><div class="docItemContainer_b1tn"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_ioLt" aria-label="Breadcrumbs"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Home page" class="breadcrumbs__link" href="/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_ZfEo"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">🚀  Get Started</span><meta itemprop="position" content="1"></li></ul></nav><div class="theme-doc-markdown markdown"><header><h1>🚀 Get Started</h1></header>
@@ -18,6 +18,6 @@
 <a class="root_GfON defaultTheme_j3I8" href="/docs/get-started/overview"><span role="img" aria-label="rocket" class="anticon anticon-rocket icon_ciqP"><svg viewBox="64 64 896 896" focusable="false" data-icon="rocket" width="1em" height="1em" fill="currentColor" aria-hidden="true"><path d="M864 736c0-111.6-65.4-208-160-252.9V317.3c0-15.1-5.3-29.7-15.1-41.2L536.5 95.4C530.1 87.8 521 84 512 84s-18.1 3.8-24.5 11.4L335.1 276.1a63.97 63.97 0 00-15.1 41.2v165.8C225.4 528 160 624.4 160 736h156.5c-2.3 7.2-3.5 15-3.5 23.8 0 22.1 7.6 43.7 21.4 60.8a97.2 97.2 0 0043.1 30.6c23.1 54 75.6 88.8 134.5 88.8 29.1 0 57.3-8.6 81.4-24.8 23.6-15.8 41.9-37.9 53-64a97 97 0 0043.1-30.5 97.52 97.52 0 0021.4-60.8c0-8.4-1.1-16.4-3.1-23.8H864zM762.3 621.4c9.4 14.6 17 30.3 22.5 46.6H700V558.7a211.6 211.6 0 0162.3 62.7zM388 483.1V318.8l124-147 124 147V668H388V483.1zM239.2 668c5.5-16.3 13.1-32 22.5-46.6 16.3-25.2 37.5-46.5 62.3-62.7V668h-84.8zm388.9 116.2c-5.2 3-11.2 4.2-17.1 3.4l-19.5-2.4-2.8 19.4c-5.4 37.9-38.4 66.5-76.7 66.5-38.3 0-71.3-28.6-76.7-66.5l-2.8-19.5-19.5 2.5a27.7 27.7 0 01-17.1-3.5c-8.7-5-14.1-14.3-14.1-24.4 0-10.6 5.9-19.4 14.6-23.8h231.3c8.8 4.5 14.6 13.3 14.6 23.8-.1 10.2-5.5 19.6-14.2 24.5zM464 400a48 48 0 1096 0 48 48 0 10-96 0z"></path></svg></span><div class="details_xxkR"><div><span class="title_pSH5">Overview</span><p class="description__Fep">Brief overview of methodology concepts and usage</p></div></div></a>
 <a class="root_GfON defaultTheme_j3I8" href="/docs/get-started/tutorial"><span role="img" aria-label="play-square" class="anticon anticon-play-square icon_ciqP"><svg viewBox="64 64 896 896" focusable="false" data-icon="play-square" width="1em" height="1em" fill="currentColor" aria-hidden="true"><path d="M442.3 677.6l199.4-156.7a11.3 11.3 0 000-17.7L442.3 346.4c-7.4-5.8-18.3-.6-18.3 8.8v313.5c0 9.4 10.9 14.7 18.3 8.9z"></path><path d="M880 112H144c-17.7 0-32 14.3-32 32v736c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V144c0-17.7-14.3-32-32-32zm-40 728H184V184h656v656z"></path></svg></span><div class="details_xxkR"><div><span class="title_pSH5">Tutorial</span><p class="description__Fep">Introductory tutorial on the usage of the methodology</p></div></div></a>
 <a class="root_GfON defaultTheme_j3I8" href="/docs/get-started/faq"><span role="img" aria-label="question-circle" class="anticon anticon-question-circle icon_ciqP"><svg viewBox="64 64 896 896" focusable="false" data-icon="question-circle" width="1em" height="1em" fill="currentColor" aria-hidden="true"><path d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z"></path><path d="M623.6 316.7C593.6 290.4 554 276 512 276s-81.6 14.5-111.6 40.7C369.2 344 352 380.7 352 420v7.6c0 4.4 3.6 8 8 8h48c4.4 0 8-3.6 8-8V420c0-44.1 43.1-80 96-80s96 35.9 96 80c0 31.1-22 59.6-56.1 72.7-21.2 8.1-39.2 22.3-52.1 40.9-13.1 19-19.9 41.8-19.9 64.9V620c0 4.4 3.6 8 8 8h48c4.4 0 8-3.6 8-8v-22.7a48.3 48.3 0 0130.9-44.8c59-22.7 97.1-74.7 97.1-132.5.1-39.3-17.1-76-48.3-103.3zM472 732a40 40 0 1080 0 40 40 0 10-80 0z"></path></svg></span><div class="details_xxkR"><div><span class="title_pSH5">FAQ</span><p class="description__Fep">Frequently asked questions</p></div></div></a>
-</div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/get-started/index.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Last updated<!-- --> on <b><time datetime="2024-09-29T11:02:46.000Z" itemprop="dateModified">Sep 29, 2024</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/docs"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">Documentation</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/docs/get-started/overview"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">Overview</div></a></nav></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Specs</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/docs">Documentation</a></li><li class="footer__item"><a class="footer__link-item" href="/community">Community</a></li><li class="footer__item"><a class="footer__link-item" href="/nav">Help</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">License<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
+</div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/get-started/index.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Last updated<!-- --> on <b><time datetime="2024-10-07T18:23:06.000Z" itemprop="dateModified">Oct 7, 2024</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/docs"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">Documentation</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/docs/get-started/overview"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">Overview</div></a></nav></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Specs</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/docs">Documentation</a></li><li class="footer__item"><a class="footer__link-item" href="/community">Community</a></li><li class="footer__item"><a class="footer__link-item" href="/nav">Help</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">License<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
 </body>
 </html>
\ No newline at end of file
diff --git a/docs/get-started/cheatsheet.html b/docs/get-started/cheatsheet.html
index a7349fa5b3..67414432dc 100644
--- a/docs/get-started/cheatsheet.html
+++ b/docs/get-started/cheatsheet.html
@@ -9,8 +9,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/opensearch.xml"><link rel="stylesheet" href="/assets/css/styles.04fd99a1.css">
-<script src="/assets/js/runtime~main.06c92bf3.js" defer="defer"></script>
-<script src="/assets/js/main.e2ab5a51.js" defer="defer"></script>
+<script src="/assets/js/runtime~main.29fb6ef5.js" defer="defer"></script>
+<script src="/assets/js/main.360a9d35.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/docs">📖 Docs</a><a class="navbar__item navbar__link" href="/community">💫 Community</a><a class="navbar__item navbar__link" href="/blog">📝 Blog</a><a class="navbar__item navbar__link" href="/examples">🛠 Examples</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/docs/get-started/cheatsheet">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a aria-current="page" class="dropdown__link dropdown__link--active" href="/docs/get-started/cheatsheet">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>English</a><ul class="dropdown__menu"><li><a href="/ru/docs/get-started/cheatsheet" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ru">Русский</a></li><li><a href="/docs/get-started/cheatsheet" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="en">English</a></li><li><a href="/uz/docs/get-started/cheatsheet" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/docs/get-started/cheatsheet" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="kr">한국어</a></li><li><a href="/ja/docs/get-started/cheatsheet" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><div class="docsWrapper_rDLg"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_JQoL" type="button"></button><div class="docRoot_GkJk"><aside class="theme-doc-sidebar-container docSidebarContainer_xiHB"><div class="sidebarViewport_DaHB"><div class="sidebar_Kb82"><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_AkOp"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--active" href="/docs/get-started">🚀  Get Started</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/get-started/overview">Overview</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/get-started/tutorial">Tutorial</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/get-started/faq">FAQ</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/docs/get-started/cheatsheet">Decomposition cheatsheet</a></li></ul></li></ul></nav><button type="button" title="Collapse sidebar" aria-label="Collapse sidebar" class="button button--secondary button--outline collapseSidebarButton_L8vW"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_hYfn"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_uESP"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_w6lk"><div class="theme-admonition theme-admonition-caution admonition_yLUd alert alert--warning theme-unlisted-banner"><div class="admonitionHeading_ulUq"><span class="admonitionIcon_Wbvt"><svg viewBox="0 0 16 16"><path fill-rule="evenodd" d="M8.893 1.5c-.183-.31-.52-.5-.887-.5s-.703.19-.886.5L.138 13.499a.98.98 0 0 0 0 1.001c.193.31.53.501.886.501h13.964c.367 0 .704-.19.877-.5a1.03 1.03 0 0 0 .01-1.002L8.893 1.5zm.133 11.497H6.987v-2.003h2.039v2.003zm0-3.004H6.987V5.987h2.039v4.006z"></path></svg></span>Unlisted page</div><div class="admonitionContent_mbd8">This page is unlisted. Search engines will not index it, and only users having a direct link can access it.</div></div><div class="docItemContainer_b1tn"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_ioLt" aria-label="Breadcrumbs"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Home page" class="breadcrumbs__link" href="/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_ZfEo"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/docs/get-started"><span itemprop="name">🚀  Get Started</span></a><meta itemprop="position" content="1"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">Decomposition cheatsheet</span><meta itemprop="position" content="2"></li></ul></nav><div class="tocCollapsible_EkMH theme-doc-toc-mobile tocMobile_XRnS"><button type="button" class="clean-btn tocCollapsibleButton_ID8T">On this page</button></div><div class="theme-doc-markdown markdown"><header><h1>Decomposition cheatsheet</h1></header>
@@ -33,6 +33,6 @@ <h2 class="anchor anchorWithStickyNavbar_QzlE" id="see-also">See also<a href="#s
 <li><a href="https://t.me/feature_sliced/3776" target="_blank" rel="noopener noreferrer">(Thread) About the difference between features and entities</a></li>
 <li><a href="https://t.me/feature_sliced/3248" target="_blank" rel="noopener noreferrer">(Thread) About the difference between things and entities (2)</a></li>
 <li><a href="https://t.me/feature_sliced/3833" target="_blank" rel="noopener noreferrer">(Thread) About the application of criteria for decomposition</a></li>
-</ul></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/get-started/cheatsheet.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Last updated<!-- --> on <b><time datetime="2024-09-29T11:02:46.000Z" itemprop="dateModified">Sep 29, 2024</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages navigation"></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#choosing-a-layer" class="table-of-contents__link toc-highlight">Choosing a layer</a></li><li><a href="#examples" class="table-of-contents__link toc-highlight">Examples</a><ul><li><a href="#tweet" class="table-of-contents__link toc-highlight">Tweet</a></li><li><a href="#github" class="table-of-contents__link toc-highlight">GitHub</a></li></ul></li><li><a href="#see-also" class="table-of-contents__link toc-highlight">See also</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Specs</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/docs">Documentation</a></li><li class="footer__item"><a class="footer__link-item" href="/community">Community</a></li><li class="footer__item"><a class="footer__link-item" href="/nav">Help</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">License<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
+</ul></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/get-started/cheatsheet.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Last updated<!-- --> on <b><time datetime="2024-10-07T18:23:06.000Z" itemprop="dateModified">Oct 7, 2024</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages navigation"></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#choosing-a-layer" class="table-of-contents__link toc-highlight">Choosing a layer</a></li><li><a href="#examples" class="table-of-contents__link toc-highlight">Examples</a><ul><li><a href="#tweet" class="table-of-contents__link toc-highlight">Tweet</a></li><li><a href="#github" class="table-of-contents__link toc-highlight">GitHub</a></li></ul></li><li><a href="#see-also" class="table-of-contents__link toc-highlight">See also</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Specs</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/docs">Documentation</a></li><li class="footer__item"><a class="footer__link-item" href="/community">Community</a></li><li class="footer__item"><a class="footer__link-item" href="/nav">Help</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">License<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
 </body>
 </html>
\ No newline at end of file
diff --git a/docs/get-started/faq.html b/docs/get-started/faq.html
index aa0e6fbfcf..1b96a63d81 100644
--- a/docs/get-started/faq.html
+++ b/docs/get-started/faq.html
@@ -9,8 +9,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/opensearch.xml"><link rel="stylesheet" href="/assets/css/styles.04fd99a1.css">
-<script src="/assets/js/runtime~main.06c92bf3.js" defer="defer"></script>
-<script src="/assets/js/main.e2ab5a51.js" defer="defer"></script>
+<script src="/assets/js/runtime~main.29fb6ef5.js" defer="defer"></script>
+<script src="/assets/js/main.360a9d35.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/docs">📖 Docs</a><a class="navbar__item navbar__link" href="/community">💫 Community</a><a class="navbar__item navbar__link" href="/blog">📝 Blog</a><a class="navbar__item navbar__link" href="/examples">🛠 Examples</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/docs/get-started/faq">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a aria-current="page" class="dropdown__link dropdown__link--active" href="/docs/get-started/faq">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>English</a><ul class="dropdown__menu"><li><a href="/ru/docs/get-started/faq" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ru">Русский</a></li><li><a href="/docs/get-started/faq" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="en">English</a></li><li><a href="/uz/docs/get-started/faq" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/docs/get-started/faq" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="kr">한국어</a></li><li><a href="/ja/docs/get-started/faq" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><div class="docsWrapper_rDLg"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_JQoL" type="button"></button><div class="docRoot_GkJk"><aside class="theme-doc-sidebar-container docSidebarContainer_xiHB"><div class="sidebarViewport_DaHB"><div class="sidebar_Kb82"><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_AkOp"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--active" href="/docs/get-started">🚀  Get Started</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/get-started/overview">Overview</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/get-started/tutorial">Tutorial</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/docs/get-started/faq">FAQ</a></li></ul></li></ul></nav><button type="button" title="Collapse sidebar" aria-label="Collapse sidebar" class="button button--secondary button--outline collapseSidebarButton_L8vW"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_hYfn"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_uESP"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_w6lk"><div class="docItemContainer_b1tn"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_ioLt" aria-label="Breadcrumbs"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Home page" class="breadcrumbs__link" href="/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_ZfEo"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/docs/get-started"><span itemprop="name">🚀  Get Started</span></a><meta itemprop="position" content="1"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">FAQ</span><meta itemprop="position" content="2"></li></ul></nav><div class="tocCollapsible_EkMH theme-doc-toc-mobile tocMobile_XRnS"><button type="button" class="clean-btn tocCollapsibleButton_ID8T">On this page</button></div><div class="theme-doc-markdown markdown"><header><h1>FAQ</h1></header>
@@ -40,6 +40,6 @@ <h3 class="anchor anchorWithStickyNavbar_QzlE" id="does-a-novice-developer-need-
 <p>Rather yes than no</p>
 <p><em>Usually, when you design and develop a project in one person, everything goes smoothly. But if there are pauses in development, new developers are added to the team - then problems come</em></p>
 <h3 class="anchor anchorWithStickyNavbar_QzlE" id="how-do-i-work-with-the-authorization-context">How do I work with the authorization context?<a href="#how-do-i-work-with-the-authorization-context" class="hash-link" aria-label="Direct link to heading" title="Direct link to heading">​</a></h3>
-<p>Answered <a href="/docs/guides/examples/auth">here</a></p></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/get-started/faq.md" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Last updated<!-- --> on <b><time datetime="2024-09-29T11:02:46.000Z" itemprop="dateModified">Sep 29, 2024</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/docs/get-started/tutorial"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">Tutorial</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/docs/guides"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">🎯 Guides</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#is-there-a-toolkit-or-a-linter" class="table-of-contents__link toc-highlight">Is there a toolkit or a linter?</a></li><li><a href="#where-to-store-the-layouttemplate-of-pages" class="table-of-contents__link toc-highlight">Where to store the layout/template of pages?</a></li><li><a href="#what-is-the-difference-between-a-feature-and-an-entity" class="table-of-contents__link toc-highlight">What is the difference between a feature and an entity?</a></li><li><a href="#can-i-embed-pagesfeaturesentities-into-each-other" class="table-of-contents__link toc-highlight">Can I embed pages/features/entities into each other?</a></li><li><a href="#what-about-atomic-design" class="table-of-contents__link toc-highlight">What about Atomic Design?</a></li><li><a href="#are-there-any-useful-resourcesarticlesetc-about-fsd" class="table-of-contents__link toc-highlight">Are there any useful resources/articles/etc. about FSD?</a></li><li><a href="#why-do-i-need-feature-sliced-design" class="table-of-contents__link toc-highlight">Why do I need Feature-Sliced Design?</a></li><li><a href="#does-a-novice-developer-need-an-architecturemethodology" class="table-of-contents__link toc-highlight">Does a novice developer need an architecture/methodology?</a></li><li><a href="#how-do-i-work-with-the-authorization-context" class="table-of-contents__link toc-highlight">How do I work with the authorization context?</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Specs</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/docs">Documentation</a></li><li class="footer__item"><a class="footer__link-item" href="/community">Community</a></li><li class="footer__item"><a class="footer__link-item" href="/nav">Help</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">License<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
+<p>Answered <a href="/docs/guides/examples/auth">here</a></p></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/get-started/faq.md" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Last updated<!-- --> on <b><time datetime="2024-10-07T18:23:06.000Z" itemprop="dateModified">Oct 7, 2024</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/docs/get-started/tutorial"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">Tutorial</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/docs/guides"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">🎯 Guides</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#is-there-a-toolkit-or-a-linter" class="table-of-contents__link toc-highlight">Is there a toolkit or a linter?</a></li><li><a href="#where-to-store-the-layouttemplate-of-pages" class="table-of-contents__link toc-highlight">Where to store the layout/template of pages?</a></li><li><a href="#what-is-the-difference-between-a-feature-and-an-entity" class="table-of-contents__link toc-highlight">What is the difference between a feature and an entity?</a></li><li><a href="#can-i-embed-pagesfeaturesentities-into-each-other" class="table-of-contents__link toc-highlight">Can I embed pages/features/entities into each other?</a></li><li><a href="#what-about-atomic-design" class="table-of-contents__link toc-highlight">What about Atomic Design?</a></li><li><a href="#are-there-any-useful-resourcesarticlesetc-about-fsd" class="table-of-contents__link toc-highlight">Are there any useful resources/articles/etc. about FSD?</a></li><li><a href="#why-do-i-need-feature-sliced-design" class="table-of-contents__link toc-highlight">Why do I need Feature-Sliced Design?</a></li><li><a href="#does-a-novice-developer-need-an-architecturemethodology" class="table-of-contents__link toc-highlight">Does a novice developer need an architecture/methodology?</a></li><li><a href="#how-do-i-work-with-the-authorization-context" class="table-of-contents__link toc-highlight">How do I work with the authorization context?</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Specs</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/docs">Documentation</a></li><li class="footer__item"><a class="footer__link-item" href="/community">Community</a></li><li class="footer__item"><a class="footer__link-item" href="/nav">Help</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">License<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
 </body>
 </html>
\ No newline at end of file
diff --git a/docs/get-started/overview.html b/docs/get-started/overview.html
index 4ec9426b86..f61e2916ab 100644
--- a/docs/get-started/overview.html
+++ b/docs/get-started/overview.html
@@ -9,8 +9,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/opensearch.xml"><link rel="stylesheet" href="/assets/css/styles.04fd99a1.css">
-<script src="/assets/js/runtime~main.06c92bf3.js" defer="defer"></script>
-<script src="/assets/js/main.e2ab5a51.js" defer="defer"></script>
+<script src="/assets/js/runtime~main.29fb6ef5.js" defer="defer"></script>
+<script src="/assets/js/main.360a9d35.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/docs">📖 Docs</a><a class="navbar__item navbar__link" href="/community">💫 Community</a><a class="navbar__item navbar__link" href="/blog">📝 Blog</a><a class="navbar__item navbar__link" href="/examples">🛠 Examples</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/docs/get-started/overview">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a aria-current="page" class="dropdown__link dropdown__link--active" href="/docs/get-started/overview">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>English</a><ul class="dropdown__menu"><li><a href="/ru/docs/get-started/overview" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ru">Русский</a></li><li><a href="/docs/get-started/overview" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="en">English</a></li><li><a href="/uz/docs/get-started/overview" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/docs/get-started/overview" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="kr">한국어</a></li><li><a href="/ja/docs/get-started/overview" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><div class="docsWrapper_rDLg"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_JQoL" type="button"></button><div class="docRoot_GkJk"><aside class="theme-doc-sidebar-container docSidebarContainer_xiHB"><div class="sidebarViewport_DaHB"><div class="sidebar_Kb82"><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_AkOp"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--active" href="/docs/get-started">🚀  Get Started</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/docs/get-started/overview">Overview</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/get-started/tutorial">Tutorial</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/get-started/faq">FAQ</a></li></ul></li></ul></nav><button type="button" title="Collapse sidebar" aria-label="Collapse sidebar" class="button button--secondary button--outline collapseSidebarButton_L8vW"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_hYfn"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_uESP"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_w6lk"><div class="docItemContainer_b1tn"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_ioLt" aria-label="Breadcrumbs"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Home page" class="breadcrumbs__link" href="/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_ZfEo"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/docs/get-started"><span itemprop="name">🚀  Get Started</span></a><meta itemprop="position" content="1"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">Overview</span><meta itemprop="position" content="2"></li></ul></nav><div class="tocCollapsible_EkMH theme-doc-toc-mobile tocMobile_XRnS"><button type="button" class="clean-btn tocCollapsibleButton_ID8T">On this page</button></div><div class="theme-doc-markdown markdown"><header><h1>Overview</h1></header>
@@ -129,6 +129,6 @@ <h2 class="anchor anchorWithStickyNavbar_QzlE" id="next-steps">Next steps<a href
 <li><strong>Want to get a good grasp of how to think in FSD?</strong> Check out the <a href="/docs/get-started/tutorial">Tutorial</a>.</li>
 <li><strong>Prefer to learn from examples?</strong> We have a lot in the <a href="/examples">Examples</a> section.</li>
 <li><strong>Have questions?</strong> Drop by our <a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer">Telegram chat</a> and get help from the community.</li>
-</ul></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/get-started/overview.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Last updated<!-- --> on <b><time datetime="2024-09-29T11:02:46.000Z" itemprop="dateModified">Sep 29, 2024</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/docs/get-started"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">🚀 Get Started</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/docs/get-started/tutorial"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">Tutorial</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#is-it-right-for-me" class="table-of-contents__link toc-highlight">Is it right for me?</a></li><li><a href="#basic-example" class="table-of-contents__link toc-highlight">Basic example</a></li><li><a href="#concepts" class="table-of-contents__link toc-highlight">Concepts</a><ul><li><a href="#layers" class="table-of-contents__link toc-highlight">Layers</a></li><li><a href="#slices" class="table-of-contents__link toc-highlight">Slices</a></li><li><a href="#segments" class="table-of-contents__link toc-highlight">Segments</a></li></ul></li><li><a href="#advantages" class="table-of-contents__link toc-highlight">Advantages</a></li><li><a href="#incremental-adoption" class="table-of-contents__link toc-highlight">Incremental adoption</a></li><li><a href="#next-steps" class="table-of-contents__link toc-highlight">Next steps</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Specs</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/docs">Documentation</a></li><li class="footer__item"><a class="footer__link-item" href="/community">Community</a></li><li class="footer__item"><a class="footer__link-item" href="/nav">Help</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">License<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
+</ul></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/get-started/overview.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Last updated<!-- --> on <b><time datetime="2024-10-07T18:23:06.000Z" itemprop="dateModified">Oct 7, 2024</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/docs/get-started"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">🚀 Get Started</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/docs/get-started/tutorial"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">Tutorial</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#is-it-right-for-me" class="table-of-contents__link toc-highlight">Is it right for me?</a></li><li><a href="#basic-example" class="table-of-contents__link toc-highlight">Basic example</a></li><li><a href="#concepts" class="table-of-contents__link toc-highlight">Concepts</a><ul><li><a href="#layers" class="table-of-contents__link toc-highlight">Layers</a></li><li><a href="#slices" class="table-of-contents__link toc-highlight">Slices</a></li><li><a href="#segments" class="table-of-contents__link toc-highlight">Segments</a></li></ul></li><li><a href="#advantages" class="table-of-contents__link toc-highlight">Advantages</a></li><li><a href="#incremental-adoption" class="table-of-contents__link toc-highlight">Incremental adoption</a></li><li><a href="#next-steps" class="table-of-contents__link toc-highlight">Next steps</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Specs</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/docs">Documentation</a></li><li class="footer__item"><a class="footer__link-item" href="/community">Community</a></li><li class="footer__item"><a class="footer__link-item" href="/nav">Help</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">License<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
 </body>
 </html>
\ No newline at end of file
diff --git a/docs/get-started/tutorial.html b/docs/get-started/tutorial.html
index d031570bee..3545dfcf36 100644
--- a/docs/get-started/tutorial.html
+++ b/docs/get-started/tutorial.html
@@ -9,8 +9,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/opensearch.xml"><link rel="stylesheet" href="/assets/css/styles.04fd99a1.css">
-<script src="/assets/js/runtime~main.06c92bf3.js" defer="defer"></script>
-<script src="/assets/js/main.e2ab5a51.js" defer="defer"></script>
+<script src="/assets/js/runtime~main.29fb6ef5.js" defer="defer"></script>
+<script src="/assets/js/main.360a9d35.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/docs">📖 Docs</a><a class="navbar__item navbar__link" href="/community">💫 Community</a><a class="navbar__item navbar__link" href="/blog">📝 Blog</a><a class="navbar__item navbar__link" href="/examples">🛠 Examples</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/docs/get-started/tutorial">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a aria-current="page" class="dropdown__link dropdown__link--active" href="/docs/get-started/tutorial">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>English</a><ul class="dropdown__menu"><li><a href="/ru/docs/get-started/tutorial" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ru">Русский</a></li><li><a href="/docs/get-started/tutorial" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="en">English</a></li><li><a href="/uz/docs/get-started/tutorial" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/docs/get-started/tutorial" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="kr">한국어</a></li><li><a href="/ja/docs/get-started/tutorial" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><div class="docsWrapper_rDLg"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_JQoL" type="button"></button><div class="docRoot_GkJk"><aside class="theme-doc-sidebar-container docSidebarContainer_xiHB"><div class="sidebarViewport_DaHB"><div class="sidebar_Kb82"><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_AkOp"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--active" href="/docs/get-started">🚀  Get Started</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/get-started/overview">Overview</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/docs/get-started/tutorial">Tutorial</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/get-started/faq">FAQ</a></li></ul></li></ul></nav><button type="button" title="Collapse sidebar" aria-label="Collapse sidebar" class="button button--secondary button--outline collapseSidebarButton_L8vW"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_hYfn"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_uESP"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_w6lk"><div class="docItemContainer_b1tn"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_ioLt" aria-label="Breadcrumbs"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Home page" class="breadcrumbs__link" href="/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_ZfEo"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/docs/get-started"><span itemprop="name">🚀  Get Started</span></a><meta itemprop="position" content="1"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">Tutorial</span><meta itemprop="position" content="2"></li></ul></nav><div class="tocCollapsible_EkMH theme-doc-toc-mobile tocMobile_XRnS"><button type="button" class="clean-btn tocCollapsibleButton_ID8T">On this page</button></div><div class="theme-doc-markdown markdown"><header><h1>Tutorial</h1></header>
@@ -272,6 +272,6 @@ <h3 class="anchor anchorWithStickyNavbar_QzlE" id="article-editor">Article edito
 <div class="language-tsx codeBlockContainer_IiXL theme-code-block" style="--prism-background-color:hsl(230, 1%, 98%);--prism-color:hsl(230, 8%, 24%)"><div class="codeBlockTitle_ajkA">app/routes/editor._index.tsx, app/routes/editor.$slug.tsx (same content)</div><div class="codeBlockContent_Y78k"><pre tabindex="0" class="prism-code language-tsx codeBlock_gc_u thin-scrollbar" style="background-color:hsl(230, 1%, 98%);color:hsl(230, 8%, 24%)"><code class="codeBlockLines_PG8G"><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token keyword" style="color:hsl(301, 63%, 40%)">import</span><span class="token plain"> </span><span class="token imports punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token imports"> </span><span class="token imports maybe-class-name">ArticleEditPage</span><span class="token imports"> </span><span class="token imports punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token plain"> </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">from</span><span class="token plain"> </span><span class="token string" style="color:hsl(119, 34%, 47%)">&quot;pages/article-edit&quot;</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain" style="display:inline-block"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain"></span><span class="token keyword" style="color:hsl(301, 63%, 40%)">export</span><span class="token plain"> </span><span class="token exports punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token exports"> loader</span><span class="token exports punctuation" style="color:hsl(119, 34%, 47%)">,</span><span class="token exports"> action </span><span class="token exports punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token plain"> </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">from</span><span class="token plain"> </span><span class="token string" style="color:hsl(119, 34%, 47%)">&quot;pages/article-edit&quot;</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain" style="display:inline-block"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain"></span><span class="token keyword" style="color:hsl(301, 63%, 40%)">export</span><span class="token plain"> </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">default</span><span class="token plain"> </span><span class="token maybe-class-name">ArticleEditPage</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><br></span></code></pre><div class="buttonGroup_VWIG"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_p0uL" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_LnVn"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_yLdc"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div>
 <p>We’re done now! Log in and try creating a new article. Or “forget” to write the article and see the validation kick in.</p>
 <figure><p><img decoding="async" loading="lazy" alt="The Conduit article editor, with the title field saying “New article” and the rest of the fields empty. Above the form there are two errors: “Describe what this article is about” and “Write the article itself”." src="/assets/images/realworld-article-editor-bc3ee45c96ae905fdbb54d6463d12723.jpg" width="2880" height="1488" class="img_Vtmu"></p><figcaption>The Conduit article editor, with the title field saying “New article” and the rest of the fields empty. Above the form there are two errors: <strong>“Describe what this article is about”</strong> and <strong>“Write the article itself”</strong>.</figcaption></figure>
-<p>The profile and settings pages are very similar to the article reader and editor, they are left as an exercise for the reader, that’s you :)</p></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/get-started/tutorial.md" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Last updated<!-- --> on <b><time datetime="2024-09-29T11:02:46.000Z" itemprop="dateModified">Sep 29, 2024</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/docs/get-started/overview"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">Overview</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/docs/get-started/faq"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">FAQ</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#part-1-on-paper" class="table-of-contents__link toc-highlight">Part 1. On paper</a><ul><li><a href="#start-by-listing-the-pages" class="table-of-contents__link toc-highlight">Start by listing the pages</a></li><li><a href="#close-look-at-the-feed" class="table-of-contents__link toc-highlight">Close look at the feed</a></li><li><a href="#reuse-generic-code" class="table-of-contents__link toc-highlight">Reuse generic code</a></li><li><a href="#define-a-strict-public-api" class="table-of-contents__link toc-highlight">Define a strict public API</a></li><li><a href="#large-reused-blocks-in-the-ui" class="table-of-contents__link toc-highlight">Large reused blocks in the UI</a></li><li><a href="#close-look-at-a-page-with-a-form" class="table-of-contents__link toc-highlight">Close look at a page with a form</a></li><li><a href="#summary" class="table-of-contents__link toc-highlight">Summary</a></li></ul></li><li><a href="#part-2-in-code" class="table-of-contents__link toc-highlight">Part 2. In code</a><ul><li><a href="#lay-out-the-pages" class="table-of-contents__link toc-highlight">Lay out the pages</a></li><li><a href="#connect-the-feed-page" class="table-of-contents__link toc-highlight">Connect the feed page</a></li><li><a href="#api-client" class="table-of-contents__link toc-highlight">API client</a></li><li><a href="#real-data-in-the-feed" class="table-of-contents__link toc-highlight">Real data in the feed</a></li><li><a href="#filtering-by-tag" class="table-of-contents__link toc-highlight">Filtering by tag</a></li><li><a href="#pagination" class="table-of-contents__link toc-highlight">Pagination</a></li><li><a href="#authentication" class="table-of-contents__link toc-highlight">Authentication</a></li><li><a href="#header" class="table-of-contents__link toc-highlight">Header</a></li><li><a href="#tabs" class="table-of-contents__link toc-highlight">Tabs</a></li><li><a href="#article-reader" class="table-of-contents__link toc-highlight">Article reader</a></li><li><a href="#article-editor" class="table-of-contents__link toc-highlight">Article editor</a></li></ul></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Specs</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/docs">Documentation</a></li><li class="footer__item"><a class="footer__link-item" href="/community">Community</a></li><li class="footer__item"><a class="footer__link-item" href="/nav">Help</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">License<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
+<p>The profile and settings pages are very similar to the article reader and editor, they are left as an exercise for the reader, that’s you :)</p></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/get-started/tutorial.md" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Last updated<!-- --> on <b><time datetime="2024-10-07T18:23:06.000Z" itemprop="dateModified">Oct 7, 2024</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/docs/get-started/overview"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">Overview</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/docs/get-started/faq"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">FAQ</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#part-1-on-paper" class="table-of-contents__link toc-highlight">Part 1. On paper</a><ul><li><a href="#start-by-listing-the-pages" class="table-of-contents__link toc-highlight">Start by listing the pages</a></li><li><a href="#close-look-at-the-feed" class="table-of-contents__link toc-highlight">Close look at the feed</a></li><li><a href="#reuse-generic-code" class="table-of-contents__link toc-highlight">Reuse generic code</a></li><li><a href="#define-a-strict-public-api" class="table-of-contents__link toc-highlight">Define a strict public API</a></li><li><a href="#large-reused-blocks-in-the-ui" class="table-of-contents__link toc-highlight">Large reused blocks in the UI</a></li><li><a href="#close-look-at-a-page-with-a-form" class="table-of-contents__link toc-highlight">Close look at a page with a form</a></li><li><a href="#summary" class="table-of-contents__link toc-highlight">Summary</a></li></ul></li><li><a href="#part-2-in-code" class="table-of-contents__link toc-highlight">Part 2. In code</a><ul><li><a href="#lay-out-the-pages" class="table-of-contents__link toc-highlight">Lay out the pages</a></li><li><a href="#connect-the-feed-page" class="table-of-contents__link toc-highlight">Connect the feed page</a></li><li><a href="#api-client" class="table-of-contents__link toc-highlight">API client</a></li><li><a href="#real-data-in-the-feed" class="table-of-contents__link toc-highlight">Real data in the feed</a></li><li><a href="#filtering-by-tag" class="table-of-contents__link toc-highlight">Filtering by tag</a></li><li><a href="#pagination" class="table-of-contents__link toc-highlight">Pagination</a></li><li><a href="#authentication" class="table-of-contents__link toc-highlight">Authentication</a></li><li><a href="#header" class="table-of-contents__link toc-highlight">Header</a></li><li><a href="#tabs" class="table-of-contents__link toc-highlight">Tabs</a></li><li><a href="#article-reader" class="table-of-contents__link toc-highlight">Article reader</a></li><li><a href="#article-editor" class="table-of-contents__link toc-highlight">Article editor</a></li></ul></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Specs</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/docs">Documentation</a></li><li class="footer__item"><a class="footer__link-item" href="/community">Community</a></li><li class="footer__item"><a class="footer__link-item" href="/nav">Help</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">License<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
 </body>
 </html>
\ No newline at end of file
diff --git a/docs/guides.html b/docs/guides.html
index 82f2ea7883..615f6adc40 100644
--- a/docs/guides.html
+++ b/docs/guides.html
@@ -9,8 +9,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/opensearch.xml"><link rel="stylesheet" href="/assets/css/styles.04fd99a1.css">
-<script src="/assets/js/runtime~main.06c92bf3.js" defer="defer"></script>
-<script src="/assets/js/main.e2ab5a51.js" defer="defer"></script>
+<script src="/assets/js/runtime~main.29fb6ef5.js" defer="defer"></script>
+<script src="/assets/js/main.360a9d35.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/docs">📖 Docs</a><a class="navbar__item navbar__link" href="/community">💫 Community</a><a class="navbar__item navbar__link" href="/blog">📝 Blog</a><a class="navbar__item navbar__link" href="/examples">🛠 Examples</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/docs/guides">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a aria-current="page" class="dropdown__link dropdown__link--active" href="/docs/guides">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>English</a><ul class="dropdown__menu"><li><a href="/ru/docs/guides" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ru">Русский</a></li><li><a href="/docs/guides" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="en">English</a></li><li><a href="/uz/docs/guides" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/docs/guides" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="kr">한국어</a></li><li><a href="/ja/docs/guides" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><div class="docsWrapper_rDLg"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_JQoL" type="button"></button><div class="docRoot_GkJk"><aside class="theme-doc-sidebar-container docSidebarContainer_xiHB"><div class="sidebarViewport_DaHB"><div class="sidebar_Kb82"><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_AkOp"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible menu__list-item-collapsible--active"><a class="menu__link menu__link--active" aria-current="page" href="/docs/guides">🎯  Guides</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" tabindex="0" href="/docs/guides/examples">Examples</a><button aria-label="Expand sidebar category &#x27;Examples&#x27;" aria-expanded="false" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/docs/guides/migration/from-custom">Migration</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/docs/guides/tech/with-nextjs">Tech</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/docs/guides/issues/desegmented">Code smells &amp; Issues</a></div></li></ul></li></ul></nav><button type="button" title="Collapse sidebar" aria-label="Collapse sidebar" class="button button--secondary button--outline collapseSidebarButton_L8vW"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_hYfn"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_uESP"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col"><div class="docItemContainer_b1tn"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_ioLt" aria-label="Breadcrumbs"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Home page" class="breadcrumbs__link" href="/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_ZfEo"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">🎯  Guides</span><meta itemprop="position" content="1"></li></ul></nav><div class="theme-doc-markdown markdown"><header><h1>🎯 Guides</h1></header>
@@ -21,6 +21,6 @@ <h2 class="anchor anchorWithStickyNavbar_QzlE" id="main">Main<a href="#main" cla
 <a class="root_GfON defaultTheme_j3I8" href="/docs/guides/examples"><span role="img" aria-label="tool" class="anticon anticon-tool icon_ciqP"><svg viewBox="64 64 896 896" focusable="false" data-icon="tool" width="1em" height="1em" fill="currentColor" aria-hidden="true"><path d="M876.6 239.5c-.5-.9-1.2-1.8-2-2.5-5-5-13.1-5-18.1 0L684.2 409.3l-67.9-67.9L788.7 169c.8-.8 1.4-1.6 2-2.5 3.6-6.1 1.6-13.9-4.5-17.5-98.2-58-226.8-44.7-311.3 39.7-67 67-89.2 162-66.5 247.4l-293 293c-3 3-2.8 7.9.3 11l169.7 169.7c3.1 3.1 8.1 3.3 11 .3l292.9-292.9c85.5 22.8 180.5.7 247.6-66.4 84.4-84.5 97.7-213.1 39.7-311.3zM786 499.8c-58.1 58.1-145.3 69.3-214.6 33.6l-8.8 8.8-.1-.1-274 274.1-79.2-79.2 230.1-230.1s0 .1.1.1l52.8-52.8c-35.7-69.3-24.5-156.5 33.6-214.6a184.2 184.2 0 01144-53.5L537 318.9a32.05 32.05 0 000 45.3l124.5 124.5a32.05 32.05 0 0045.3 0l132.8-132.8c3.7 51.8-14.4 104.8-53.6 143.9z"></path></svg></span><div class="details_xxkR"><div><span class="title_pSH5">Examples</span><p class="description__Fep">Practical examples on the application of the methodology</p></div><div class="detailsTags_uTQx">Authentication • Types • Page layout</div></div></a>
 <a class="root_GfON defaultTheme_j3I8" href="/docs/guides/migration/from-v1"><span role="img" aria-label="import" class="anticon anticon-import icon_ciqP"><svg fill-rule="evenodd" viewBox="64 64 896 896" focusable="false" data-icon="import" width="1em" height="1em" fill="currentColor" aria-hidden="true"><path d="M880 912H144c-17.7 0-32-14.3-32-32V144c0-17.7 14.3-32 32-32h360c4.4 0 8 3.6 8 8v56c0 4.4-3.6 8-8 8H184v656h656V520c0-4.4 3.6-8 8-8h56c4.4 0 8 3.6 8 8v360c0 17.7-14.3 32-32 32zM653.3 424.6l52.2 52.2a8.01 8.01 0 01-4.7 13.6l-179.4 21c-5.1.6-9.5-3.7-8.9-8.9l21-179.4c.8-6.6 8.9-9.4 13.6-4.7l52.4 52.4 256.2-256.2c3.1-3.1 8.2-3.1 11.3 0l42.4 42.4c3.1 3.1 3.1 8.2 0 11.3L653.3 424.6z"></path></svg></span><div class="details_xxkR"><div><span class="title_pSH5">Migration</span><p class="description__Fep">Migration guides from other architectures</p></div><div class="detailsTags_uTQx">From custom architecture • From FSv1</div></div></a>
 <a class="root_GfON defaultTheme_j3I8" href="/docs/guides/tech/with-nextjs"><span role="img" aria-label="function" class="anticon anticon-function icon_ciqP"><svg viewBox="64 64 896 896" focusable="false" data-icon="function" width="1em" height="1em" fill="currentColor" aria-hidden="true"><defs><style></style></defs><path d="M841 370c3-3.3 2.7-8.3-.6-11.3a8.24 8.24 0 00-5.3-2.1h-72.6c-2.4 0-4.6 1-6.1 2.8L633.5 504.6a7.96 7.96 0 01-13.4-1.9l-63.5-141.3a7.9 7.9 0 00-7.3-4.7H380.7l.9-4.7 8-42.3c10.5-55.4 38-81.4 85.8-81.4 18.6 0 35.5 1.7 48.8 4.7l14.1-66.8c-22.6-4.7-35.2-6.1-54.9-6.1-103.3 0-156.4 44.3-175.9 147.3l-9.4 49.4h-97.6c-3.8 0-7.1 2.7-7.8 6.4L181.9 415a8.07 8.07 0 007.8 9.7H284l-89 429.9a8.07 8.07 0 007.8 9.7H269c3.8 0 7.1-2.7 7.8-6.4l89.7-433.1h135.8l68.2 139.1c1.4 2.9 1 6.4-1.2 8.8l-180.6 203c-2.9 3.3-2.6 8.4.7 11.3 1.5 1.3 3.4 2 5.3 2h72.7c2.4 0 4.6-1 6.1-2.8l123.7-146.7c2.8-3.4 7.9-3.8 11.3-1 .9.8 1.6 1.7 2.1 2.8L676.4 784c1.3 2.8 4.1 4.7 7.3 4.7h64.6a8.02 8.02 0 007.2-11.5l-95.2-198.9c-1.4-2.9-.9-6.4 1.3-8.8L841 370z"></path></svg></span><div class="details_xxkR"><div><span class="title_pSH5">Tech</span><p class="description__Fep">Tech-specific guides for FSD usage</p></div></div></a>
-<a class="root_GfON defaultTheme_j3I8" href="/docs/guides/issues/desegmented"><span role="img" aria-label="bug" class="anticon anticon-bug icon_ciqP"><svg viewBox="64 64 896 896" focusable="false" data-icon="bug" width="1em" height="1em" fill="currentColor" aria-hidden="true"><path d="M304 280h56c4.4 0 8-3.6 8-8 0-28.3 5.9-53.2 17.1-73.5 10.6-19.4 26-34.8 45.4-45.4C450.9 142 475.7 136 504 136h16c28.3 0 53.2 5.9 73.5 17.1 19.4 10.6 34.8 26 45.4 45.4C650 218.9 656 243.7 656 272c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8 0-40-8.8-76.7-25.9-108.1a184.31 184.31 0 00-74-74C596.7 72.8 560 64 520 64h-16c-40 0-76.7 8.8-108.1 25.9a184.31 184.31 0 00-74 74C304.8 195.3 296 232 296 272c0 4.4 3.6 8 8 8z"></path><path d="M940 512H792V412c76.8 0 139-62.2 139-139 0-4.4-3.6-8-8-8h-60c-4.4 0-8 3.6-8 8a63 63 0 01-63 63H232a63 63 0 01-63-63c0-4.4-3.6-8-8-8h-60c-4.4 0-8 3.6-8 8 0 76.8 62.2 139 139 139v100H84c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h148v96c0 6.5.2 13 .7 19.3C164.1 728.6 116 796.7 116 876c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8 0-44.2 23.9-82.9 59.6-103.7a273 273 0 0022.7 49c24.3 41.5 59 76.2 100.5 100.5S460.5 960 512 960s99.8-13.9 141.3-38.2a281.38 281.38 0 00123.2-149.5A120 120 0 01836 876c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8 0-79.3-48.1-147.4-116.7-176.7.4-6.4.7-12.8.7-19.3v-96h148c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8zM716 680c0 36.8-9.7 72-27.8 102.9-17.7 30.3-43 55.6-73.3 73.3C584 874.3 548.8 884 512 884s-72-9.7-102.9-27.8c-30.3-17.7-55.6-43-73.3-73.3A202.75 202.75 0 01308 680V412h408v268z"></path></svg></span><div class="details_xxkR"><div><span class="title_pSH5">Code Issues (Smells)</span><p class="description__Fep">General architecture issues for legacy code</p></div><div class="detailsTags_uTQx">Desegmented • Routing • Cross-imports</div></div></a></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/guides/index.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Last updated<!-- --> on <b><time datetime="2024-09-29T11:02:46.000Z" itemprop="dateModified">Sep 29, 2024</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/docs/get-started"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">🚀 Get Started</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/docs/guides/examples"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">Examples</div></a></nav></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Specs</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/docs">Documentation</a></li><li class="footer__item"><a class="footer__link-item" href="/community">Community</a></li><li class="footer__item"><a class="footer__link-item" href="/nav">Help</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">License<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
+<a class="root_GfON defaultTheme_j3I8" href="/docs/guides/issues/desegmented"><span role="img" aria-label="bug" class="anticon anticon-bug icon_ciqP"><svg viewBox="64 64 896 896" focusable="false" data-icon="bug" width="1em" height="1em" fill="currentColor" aria-hidden="true"><path d="M304 280h56c4.4 0 8-3.6 8-8 0-28.3 5.9-53.2 17.1-73.5 10.6-19.4 26-34.8 45.4-45.4C450.9 142 475.7 136 504 136h16c28.3 0 53.2 5.9 73.5 17.1 19.4 10.6 34.8 26 45.4 45.4C650 218.9 656 243.7 656 272c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8 0-40-8.8-76.7-25.9-108.1a184.31 184.31 0 00-74-74C596.7 72.8 560 64 520 64h-16c-40 0-76.7 8.8-108.1 25.9a184.31 184.31 0 00-74 74C304.8 195.3 296 232 296 272c0 4.4 3.6 8 8 8z"></path><path d="M940 512H792V412c76.8 0 139-62.2 139-139 0-4.4-3.6-8-8-8h-60c-4.4 0-8 3.6-8 8a63 63 0 01-63 63H232a63 63 0 01-63-63c0-4.4-3.6-8-8-8h-60c-4.4 0-8 3.6-8 8 0 76.8 62.2 139 139 139v100H84c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h148v96c0 6.5.2 13 .7 19.3C164.1 728.6 116 796.7 116 876c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8 0-44.2 23.9-82.9 59.6-103.7a273 273 0 0022.7 49c24.3 41.5 59 76.2 100.5 100.5S460.5 960 512 960s99.8-13.9 141.3-38.2a281.38 281.38 0 00123.2-149.5A120 120 0 01836 876c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8 0-79.3-48.1-147.4-116.7-176.7.4-6.4.7-12.8.7-19.3v-96h148c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8zM716 680c0 36.8-9.7 72-27.8 102.9-17.7 30.3-43 55.6-73.3 73.3C584 874.3 548.8 884 512 884s-72-9.7-102.9-27.8c-30.3-17.7-55.6-43-73.3-73.3A202.75 202.75 0 01308 680V412h408v268z"></path></svg></span><div class="details_xxkR"><div><span class="title_pSH5">Code Issues (Smells)</span><p class="description__Fep">General architecture issues for legacy code</p></div><div class="detailsTags_uTQx">Desegmented • Routing • Cross-imports</div></div></a></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/guides/index.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Last updated<!-- --> on <b><time datetime="2024-10-07T18:23:06.000Z" itemprop="dateModified">Oct 7, 2024</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/docs/get-started"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">🚀 Get Started</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/docs/guides/examples"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">Examples</div></a></nav></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Specs</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/docs">Documentation</a></li><li class="footer__item"><a class="footer__link-item" href="/community">Community</a></li><li class="footer__item"><a class="footer__link-item" href="/nav">Help</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">License<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
 </body>
 </html>
\ No newline at end of file
diff --git a/docs/guides/examples.html b/docs/guides/examples.html
index f1122693bb..109aa908b5 100644
--- a/docs/guides/examples.html
+++ b/docs/guides/examples.html
@@ -9,8 +9,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/opensearch.xml"><link rel="stylesheet" href="/assets/css/styles.04fd99a1.css">
-<script src="/assets/js/runtime~main.06c92bf3.js" defer="defer"></script>
-<script src="/assets/js/main.e2ab5a51.js" defer="defer"></script>
+<script src="/assets/js/runtime~main.29fb6ef5.js" defer="defer"></script>
+<script src="/assets/js/main.360a9d35.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/docs">📖 Docs</a><a class="navbar__item navbar__link" href="/community">💫 Community</a><a class="navbar__item navbar__link" href="/blog">📝 Blog</a><a class="navbar__item navbar__link" href="/examples">🛠 Examples</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/docs/guides/examples">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a aria-current="page" class="dropdown__link dropdown__link--active" href="/docs/guides/examples">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>English</a><ul class="dropdown__menu"><li><a href="/ru/docs/guides/examples" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ru">Русский</a></li><li><a href="/docs/guides/examples" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="en">English</a></li><li><a href="/uz/docs/guides/examples" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/docs/guides/examples" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="kr">한국어</a></li><li><a href="/ja/docs/guides/examples" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><div class="docsWrapper_rDLg"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_JQoL" type="button"></button><div class="docRoot_GkJk"><aside class="theme-doc-sidebar-container docSidebarContainer_xiHB"><div class="sidebarViewport_DaHB"><div class="sidebar_Kb82"><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_AkOp"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--active" href="/docs/guides">🎯  Guides</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item"><div class="menu__list-item-collapsible menu__list-item-collapsible--active"><a class="menu__link menu__link--sublist menu__link--active" aria-current="page" tabindex="0" href="/docs/guides/examples">Examples</a><button aria-label="Collapse sidebar category &#x27;Examples&#x27;" aria-expanded="true" type="button" class="clean-btn menu__caret"></button></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/guides/examples/auth">Authentication</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/guides/examples/types">Types</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/guides/examples/page-layout">Page layouts</a></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/docs/guides/migration/from-custom">Migration</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/docs/guides/tech/with-nextjs">Tech</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/docs/guides/issues/desegmented">Code smells &amp; Issues</a></div></li></ul></li></ul></nav><button type="button" title="Collapse sidebar" aria-label="Collapse sidebar" class="button button--secondary button--outline collapseSidebarButton_L8vW"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_hYfn"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_uESP"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col"><div class="docItemContainer_b1tn"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_ioLt" aria-label="Breadcrumbs"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Home page" class="breadcrumbs__link" href="/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_ZfEo"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/docs/guides"><span itemprop="name">🎯  Guides</span></a><meta itemprop="position" content="1"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">Examples</span><meta itemprop="position" content="2"></li></ul></nav><div class="theme-doc-markdown markdown"><header><h1>Examples</h1></header>
@@ -19,6 +19,6 @@ <h2 class="anchor anchorWithStickyNavbar_QzlE" id="main">Main<a href="#main" cla
 <!-- -->
 <a class="root_GfON defaultTheme_j3I8" href="/docs/guides/examples/auth"><span role="img" aria-label="user-switch" class="anticon anticon-user-switch icon_ciqP"><svg viewBox="64 64 896 896" focusable="false" data-icon="user-switch" width="1em" height="1em" fill="currentColor" aria-hidden="true"><defs><style></style></defs><path d="M759 335c0-137-111-248-248-248S263 198 263 335c0 82.8 40.6 156.2 103 201.2-.4.2-.7.3-.9.4-44.7 18.9-84.8 46-119.3 80.6a373.42 373.42 0 00-80.4 119.5A373.6 373.6 0 00136 874.8a8 8 0 008 8.2h59.9c4.3 0 7.9-3.5 8-7.8 2-77.2 32.9-149.5 87.6-204.3C356 614.2 431 583 511 583c137 0 248-111 248-248zM511 507c-95 0-172-77-172-172s77-172 172-172 172 77 172 172-77 172-172 172zm105 221h264c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8H703.5l47.2-60.1a8.1 8.1 0 001.7-4.9c0-4.4-3.6-8-8-8h-72.6c-4.9 0-9.5 2.3-12.6 6.1l-68.5 87.1c-4.4 5.6-6.8 12.6-6.8 19.8.1 17.7 14.4 32 32.1 32zm240 64H592c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h176.5l-47.2 60.1a8.1 8.1 0 00-1.7 4.9c0 4.4 3.6 8 8 8h72.6c4.9 0 9.5-2.3 12.6-6.1l68.5-87.1c4.4-5.6 6.8-12.6 6.8-19.8-.1-17.7-14.4-32-32.1-32z"></path></svg></span><div class="details_xxkR"><div><span class="title_pSH5">Authentication</span><p class="description__Fep">Decomposition of authentication logic</p></div><div class="detailsTags_uTQx">Forms • 2FA • OAuth • Token storage • Token refresh</div></div></a>
 <a class="root_GfON defaultTheme_j3I8" href="/docs/guides/examples/types"><span role="img" aria-label="font-size" class="anticon anticon-font-size icon_ciqP"><svg viewBox="64 64 896 896" focusable="false" data-icon="font-size" width="1em" height="1em" fill="currentColor" aria-hidden="true"><path d="M920 416H616c-4.4 0-8 3.6-8 8v112c0 4.4 3.6 8 8 8h48c4.4 0 8-3.6 8-8v-56h60v320h-46c-4.4 0-8 3.6-8 8v48c0 4.4 3.6 8 8 8h164c4.4 0 8-3.6 8-8v-48c0-4.4-3.6-8-8-8h-46V480h60v56c0 4.4 3.6 8 8 8h48c4.4 0 8-3.6 8-8V424c0-4.4-3.6-8-8-8zM656 296V168c0-4.4-3.6-8-8-8H104c-4.4 0-8 3.6-8 8v128c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-64h168v560h-92c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h264c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8h-92V232h168v64c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8z"></path></svg></span><div class="details_xxkR"><div><span class="title_pSH5">Types</span><p class="description__Fep">Where to keep the types? What kinds of types are there in the context of FSD?</p></div><div class="detailsTags_uTQx">DTO • Mappers • Entity relationships • Auto-generation • Validation schemas</div></div></a>
-<a class="root_GfON defaultTheme_j3I8" href="/docs/guides/examples/page-layout"><span role="img" aria-label="layout" class="anticon anticon-layout icon_ciqP"><svg viewBox="64 64 896 896" focusable="false" data-icon="layout" width="1em" height="1em" fill="currentColor" aria-hidden="true"><path d="M880 112H144c-17.7 0-32 14.3-32 32v736c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V144c0-17.7-14.3-32-32-32zm-696 72h136v656H184V184zm656 656H384V384h456v456zM384 320V184h456v136H384z"></path></svg></span><div class="details_xxkR"><div><span class="title_pSH5">Page layouts</span><p class="description__Fep">Main cases with layouts</p></div><div class="detailsTags_uTQx">Where to store them • Using widgets in layouts</div></div></a></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/index.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Last updated<!-- --> on <b><time datetime="2024-09-29T11:02:46.000Z" itemprop="dateModified">Sep 29, 2024</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/docs/guides"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">🎯 Guides</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/docs/guides/examples/auth"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">Authentication</div></a></nav></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Specs</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/docs">Documentation</a></li><li class="footer__item"><a class="footer__link-item" href="/community">Community</a></li><li class="footer__item"><a class="footer__link-item" href="/nav">Help</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">License<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
+<a class="root_GfON defaultTheme_j3I8" href="/docs/guides/examples/page-layout"><span role="img" aria-label="layout" class="anticon anticon-layout icon_ciqP"><svg viewBox="64 64 896 896" focusable="false" data-icon="layout" width="1em" height="1em" fill="currentColor" aria-hidden="true"><path d="M880 112H144c-17.7 0-32 14.3-32 32v736c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V144c0-17.7-14.3-32-32-32zm-696 72h136v656H184V184zm656 656H384V384h456v456zM384 320V184h456v136H384z"></path></svg></span><div class="details_xxkR"><div><span class="title_pSH5">Page layouts</span><p class="description__Fep">Main cases with layouts</p></div><div class="detailsTags_uTQx">Where to store them • Using widgets in layouts</div></div></a></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/index.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Last updated<!-- --> on <b><time datetime="2024-10-07T18:23:06.000Z" itemprop="dateModified">Oct 7, 2024</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/docs/guides"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">🎯 Guides</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/docs/guides/examples/auth"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">Authentication</div></a></nav></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Specs</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/docs">Documentation</a></li><li class="footer__item"><a class="footer__link-item" href="/community">Community</a></li><li class="footer__item"><a class="footer__link-item" href="/nav">Help</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">License<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
 </body>
 </html>
\ No newline at end of file
diff --git a/docs/guides/examples/auth.html b/docs/guides/examples/auth.html
index e4d4f01d56..0ce2cf55a5 100644
--- a/docs/guides/examples/auth.html
+++ b/docs/guides/examples/auth.html
@@ -9,8 +9,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/opensearch.xml"><link rel="stylesheet" href="/assets/css/styles.04fd99a1.css">
-<script src="/assets/js/runtime~main.06c92bf3.js" defer="defer"></script>
-<script src="/assets/js/main.e2ab5a51.js" defer="defer"></script>
+<script src="/assets/js/runtime~main.29fb6ef5.js" defer="defer"></script>
+<script src="/assets/js/main.360a9d35.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/docs">📖 Docs</a><a class="navbar__item navbar__link" href="/community">💫 Community</a><a class="navbar__item navbar__link" href="/blog">📝 Blog</a><a class="navbar__item navbar__link" href="/examples">🛠 Examples</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/docs/guides/examples/auth">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a aria-current="page" class="dropdown__link dropdown__link--active" href="/docs/guides/examples/auth">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>English</a><ul class="dropdown__menu"><li><a href="/ru/docs/guides/examples/auth" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ru">Русский</a></li><li><a href="/docs/guides/examples/auth" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="en">English</a></li><li><a href="/uz/docs/guides/examples/auth" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/docs/guides/examples/auth" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="kr">한국어</a></li><li><a href="/ja/docs/guides/examples/auth" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><div class="docsWrapper_rDLg"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_JQoL" type="button"></button><div class="docRoot_GkJk"><aside class="theme-doc-sidebar-container docSidebarContainer_xiHB"><div class="sidebarViewport_DaHB"><div class="sidebar_Kb82"><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_AkOp"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--active" href="/docs/guides">🎯  Guides</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--active" tabindex="0" href="/docs/guides/examples">Examples</a><button aria-label="Collapse sidebar category &#x27;Examples&#x27;" aria-expanded="true" type="button" class="clean-btn menu__caret"></button></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/docs/guides/examples/auth">Authentication</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/guides/examples/types">Types</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/guides/examples/page-layout">Page layouts</a></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/docs/guides/migration/from-custom">Migration</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/docs/guides/tech/with-nextjs">Tech</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/docs/guides/issues/desegmented">Code smells &amp; Issues</a></div></li></ul></li></ul></nav><button type="button" title="Collapse sidebar" aria-label="Collapse sidebar" class="button button--secondary button--outline collapseSidebarButton_L8vW"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_hYfn"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_uESP"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_w6lk"><div class="docItemContainer_b1tn"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_ioLt" aria-label="Breadcrumbs"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Home page" class="breadcrumbs__link" href="/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_ZfEo"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/docs/guides"><span itemprop="name">🎯  Guides</span></a><meta itemprop="position" content="1"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/docs/guides/examples"><span itemprop="name">Examples</span></a><meta itemprop="position" content="2"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">Authentication</span><meta itemprop="position" content="3"></li></ul></nav><div class="tocCollapsible_EkMH theme-doc-toc-mobile tocMobile_XRnS"><button type="button" class="clean-btn tocCollapsibleButton_ID8T">On this page</button></div><div class="theme-doc-markdown markdown"><header><h1>Authentication</h1></header>
@@ -164,6 +164,6 @@ <h2 class="anchor anchorWithStickyNavbar_QzlE" id="logout-and-token-invalidation
 <p>If you store all your requests in <code>shared/api</code>, keep the logout request function there, close to the login function. Otherwise, consider keeping the logout request function next to the button that triggers it. For example, if you have a header widget that appears on every page and contains the logout link, put that request in the <code>api</code> segment of that widget.</p>
 <p>The update to the token store will have to be triggered from the place of the logout button, like a header widget. You can combine the request and the store update in the <code>model</code> segment of that widget.</p>
 <h3 class="anchor anchorWithStickyNavbar_QzlE" id="automatic-logout">Automatic logout<a href="#automatic-logout" class="hash-link" aria-label="Direct link to heading" title="Direct link to heading">​</a></h3>
-<p>Don&#x27;t forget to build failsafes for when a request to log out fails, or a request to refresh a login token fails. In both of these cases, you should clear the token store. If you keep your token in Entities, this code can be placed in the <code>model</code> segment as it is pure business logic. If you keep your token in Shared, placing this logic in <code>shared/api</code> might bloat the segment and dilute its purpose. If you&#x27;re noticing that your API segment contains two several unrelated things, consider splitting out the token management logic into another segment, for example, <code>shared/auth</code>.</p></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/auth.md" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Last updated<!-- --> on <b><time datetime="2024-09-29T11:02:46.000Z" itemprop="dateModified">Sep 29, 2024</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/docs/guides/examples"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">Examples</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/docs/guides/examples/types"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">Types</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#how-to-get-credentials-from-the-user" class="table-of-contents__link toc-highlight">How to get credentials from the user</a><ul><li><a href="#dedicated-page-for-login" class="table-of-contents__link toc-highlight">Dedicated page for login</a></li><li><a href="#dialog-for-login" class="table-of-contents__link toc-highlight">Dialog for login</a></li><li><a href="#client-side-validation" class="table-of-contents__link toc-highlight">Client-side validation</a></li></ul></li><li><a href="#how-to-send-credentials-to-the-backend" class="table-of-contents__link toc-highlight">How to send credentials to the backend</a><ul><li><a href="#where-to-store-the-request-function" class="table-of-contents__link toc-highlight">Where to store the request function</a></li><li><a href="#two-factor-authentication" class="table-of-contents__link toc-highlight">Two-factor authentication</a></li></ul></li><li><a href="#how-to-store-the-token-for-authenticated-requests" class="table-of-contents__link toc-highlight">How to store the token for authenticated requests</a><ul><li><a href="#in-shared" class="table-of-contents__link toc-highlight">In Shared</a></li><li><a href="#in-entities" class="table-of-contents__link toc-highlight">In Entities</a></li><li><a href="#in-pageswidgets-not-recommended" class="table-of-contents__link toc-highlight">In Pages/Widgets (not recommended)</a></li></ul></li><li><a href="#logout-and-token-invalidation" class="table-of-contents__link toc-highlight">Logout and token invalidation</a><ul><li><a href="#automatic-logout" class="table-of-contents__link toc-highlight">Automatic logout</a></li></ul></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Specs</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/docs">Documentation</a></li><li class="footer__item"><a class="footer__link-item" href="/community">Community</a></li><li class="footer__item"><a class="footer__link-item" href="/nav">Help</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">License<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
+<p>Don&#x27;t forget to build failsafes for when a request to log out fails, or a request to refresh a login token fails. In both of these cases, you should clear the token store. If you keep your token in Entities, this code can be placed in the <code>model</code> segment as it is pure business logic. If you keep your token in Shared, placing this logic in <code>shared/api</code> might bloat the segment and dilute its purpose. If you&#x27;re noticing that your API segment contains two several unrelated things, consider splitting out the token management logic into another segment, for example, <code>shared/auth</code>.</p></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/auth.md" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Last updated<!-- --> on <b><time datetime="2024-10-07T18:23:06.000Z" itemprop="dateModified">Oct 7, 2024</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/docs/guides/examples"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">Examples</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/docs/guides/examples/types"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">Types</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#how-to-get-credentials-from-the-user" class="table-of-contents__link toc-highlight">How to get credentials from the user</a><ul><li><a href="#dedicated-page-for-login" class="table-of-contents__link toc-highlight">Dedicated page for login</a></li><li><a href="#dialog-for-login" class="table-of-contents__link toc-highlight">Dialog for login</a></li><li><a href="#client-side-validation" class="table-of-contents__link toc-highlight">Client-side validation</a></li></ul></li><li><a href="#how-to-send-credentials-to-the-backend" class="table-of-contents__link toc-highlight">How to send credentials to the backend</a><ul><li><a href="#where-to-store-the-request-function" class="table-of-contents__link toc-highlight">Where to store the request function</a></li><li><a href="#two-factor-authentication" class="table-of-contents__link toc-highlight">Two-factor authentication</a></li></ul></li><li><a href="#how-to-store-the-token-for-authenticated-requests" class="table-of-contents__link toc-highlight">How to store the token for authenticated requests</a><ul><li><a href="#in-shared" class="table-of-contents__link toc-highlight">In Shared</a></li><li><a href="#in-entities" class="table-of-contents__link toc-highlight">In Entities</a></li><li><a href="#in-pageswidgets-not-recommended" class="table-of-contents__link toc-highlight">In Pages/Widgets (not recommended)</a></li></ul></li><li><a href="#logout-and-token-invalidation" class="table-of-contents__link toc-highlight">Logout and token invalidation</a><ul><li><a href="#automatic-logout" class="table-of-contents__link toc-highlight">Automatic logout</a></li></ul></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Specs</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/docs">Documentation</a></li><li class="footer__item"><a class="footer__link-item" href="/community">Community</a></li><li class="footer__item"><a class="footer__link-item" href="/nav">Help</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">License<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
 </body>
 </html>
\ No newline at end of file
diff --git a/docs/guides/examples/autocompleted.html b/docs/guides/examples/autocompleted.html
index 1301052730..8b0db2cb71 100644
--- a/docs/guides/examples/autocompleted.html
+++ b/docs/guides/examples/autocompleted.html
@@ -9,8 +9,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/opensearch.xml"><link rel="stylesheet" href="/assets/css/styles.04fd99a1.css">
-<script src="/assets/js/runtime~main.06c92bf3.js" defer="defer"></script>
-<script src="/assets/js/main.e2ab5a51.js" defer="defer"></script>
+<script src="/assets/js/runtime~main.29fb6ef5.js" defer="defer"></script>
+<script src="/assets/js/main.360a9d35.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/docs">📖 Docs</a><a class="navbar__item navbar__link" href="/community">💫 Community</a><a class="navbar__item navbar__link" href="/blog">📝 Blog</a><a class="navbar__item navbar__link" href="/examples">🛠 Examples</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/docs/guides/examples/autocompleted">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a aria-current="page" class="dropdown__link dropdown__link--active" href="/docs/guides/examples/autocompleted">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>English</a><ul class="dropdown__menu"><li><a href="/ru/docs/guides/examples/autocompleted" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ru">Русский</a></li><li><a href="/docs/guides/examples/autocompleted" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="en">English</a></li><li><a href="/uz/docs/guides/examples/autocompleted" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/docs/guides/examples/autocompleted" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="kr">한국어</a></li><li><a href="/ja/docs/guides/examples/autocompleted" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><div class="docsWrapper_rDLg"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_JQoL" type="button"></button><div class="docRoot_GkJk"><aside class="theme-doc-sidebar-container docSidebarContainer_xiHB"><div class="sidebarViewport_DaHB"><div class="sidebar_Kb82"><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_AkOp"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--active" href="/docs/guides">🎯  Guides</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--active" tabindex="0" href="/docs/guides/examples">Examples</a><button aria-label="Collapse sidebar category &#x27;Examples&#x27;" aria-expanded="true" type="button" class="clean-btn menu__caret"></button></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/guides/examples/auth">Authentication</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/guides/examples/types">Types</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/guides/examples/page-layout">Page layouts</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item sidebar-item--wip"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/docs/guides/examples/autocompleted">Autocomplete</a></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/docs/guides/migration/from-custom">Migration</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/docs/guides/tech/with-nextjs">Tech</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/docs/guides/issues/desegmented">Code smells &amp; Issues</a></div></li></ul></li></ul></nav><button type="button" title="Collapse sidebar" aria-label="Collapse sidebar" class="button button--secondary button--outline collapseSidebarButton_L8vW"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_hYfn"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_uESP"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_w6lk"><div class="theme-admonition theme-admonition-caution admonition_yLUd alert alert--warning theme-unlisted-banner"><div class="admonitionHeading_ulUq"><span class="admonitionIcon_Wbvt"><svg viewBox="0 0 16 16"><path fill-rule="evenodd" d="M8.893 1.5c-.183-.31-.52-.5-.887-.5s-.703.19-.886.5L.138 13.499a.98.98 0 0 0 0 1.001c.193.31.53.501.886.501h13.964c.367 0 .704-.19.877-.5a1.03 1.03 0 0 0 .01-1.002L8.893 1.5zm.133 11.497H6.987v-2.003h2.039v2.003zm0-3.004H6.987V5.987h2.039v4.006z"></path></svg></span>Unlisted page</div><div class="admonitionContent_mbd8">This page is unlisted. Search engines will not index it, and only users having a direct link can access it.</div></div><div class="docItemContainer_b1tn"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_ioLt" aria-label="Breadcrumbs"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Home page" class="breadcrumbs__link" href="/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_ZfEo"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/docs/guides"><span itemprop="name">🎯  Guides</span></a><meta itemprop="position" content="1"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/docs/guides/examples"><span itemprop="name">Examples</span></a><meta itemprop="position" content="2"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">Autocomplete</span><meta itemprop="position" content="3"></li></ul></nav><div class="tocCollapsible_EkMH theme-doc-toc-mobile tocMobile_XRnS"><button type="button" class="clean-btn tocCollapsibleButton_ID8T">On this page</button></div><div class="theme-doc-markdown markdown"><header><h1>Autocomplete</h1></header>
@@ -21,6 +21,6 @@
 <h2 class="anchor anchorWithStickyNavbar_QzlE" id="see-also">See also<a href="#see-also" class="hash-link" aria-label="Direct link to heading" title="Direct link to heading">​</a></h2>
 <ul>
 <li><a href="https://github.com/feature-sliced/documentation/discussions/65#discussioncomment-480807" target="_blank" rel="noopener noreferrer">(Discussion) About the application of the methodology for the selection with loaded dictionaries</a></li>
-</ul></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/autocompleted.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Last updated<!-- --> on <b><time datetime="2024-09-29T11:02:46.000Z" itemprop="dateModified">Sep 29, 2024</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages navigation"></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#see-also" class="table-of-contents__link toc-highlight">See also</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Specs</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/docs">Documentation</a></li><li class="footer__item"><a class="footer__link-item" href="/community">Community</a></li><li class="footer__item"><a class="footer__link-item" href="/nav">Help</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">License<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
+</ul></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/autocompleted.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Last updated<!-- --> on <b><time datetime="2024-10-07T18:23:06.000Z" itemprop="dateModified">Oct 7, 2024</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages navigation"></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#see-also" class="table-of-contents__link toc-highlight">See also</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Specs</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/docs">Documentation</a></li><li class="footer__item"><a class="footer__link-item" href="/community">Community</a></li><li class="footer__item"><a class="footer__link-item" href="/nav">Help</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">License<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
 </body>
 </html>
\ No newline at end of file
diff --git a/docs/guides/examples/browser-api.html b/docs/guides/examples/browser-api.html
index f592c7e502..fb6d91e632 100644
--- a/docs/guides/examples/browser-api.html
+++ b/docs/guides/examples/browser-api.html
@@ -9,8 +9,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/opensearch.xml"><link rel="stylesheet" href="/assets/css/styles.04fd99a1.css">
-<script src="/assets/js/runtime~main.06c92bf3.js" defer="defer"></script>
-<script src="/assets/js/main.e2ab5a51.js" defer="defer"></script>
+<script src="/assets/js/runtime~main.29fb6ef5.js" defer="defer"></script>
+<script src="/assets/js/main.360a9d35.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/docs">📖 Docs</a><a class="navbar__item navbar__link" href="/community">💫 Community</a><a class="navbar__item navbar__link" href="/blog">📝 Blog</a><a class="navbar__item navbar__link" href="/examples">🛠 Examples</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/docs/guides/examples/browser-api">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a aria-current="page" class="dropdown__link dropdown__link--active" href="/docs/guides/examples/browser-api">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>English</a><ul class="dropdown__menu"><li><a href="/ru/docs/guides/examples/browser-api" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ru">Русский</a></li><li><a href="/docs/guides/examples/browser-api" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="en">English</a></li><li><a href="/uz/docs/guides/examples/browser-api" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/docs/guides/examples/browser-api" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="kr">한국어</a></li><li><a href="/ja/docs/guides/examples/browser-api" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><div class="docsWrapper_rDLg"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_JQoL" type="button"></button><div class="docRoot_GkJk"><aside class="theme-doc-sidebar-container docSidebarContainer_xiHB"><div class="sidebarViewport_DaHB"><div class="sidebar_Kb82"><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_AkOp"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--active" href="/docs/guides">🎯  Guides</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--active" tabindex="0" href="/docs/guides/examples">Examples</a><button aria-label="Collapse sidebar category &#x27;Examples&#x27;" aria-expanded="true" type="button" class="clean-btn menu__caret"></button></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/guides/examples/auth">Authentication</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/guides/examples/types">Types</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/guides/examples/page-layout">Page layouts</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item sidebar-item--wip"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/docs/guides/examples/browser-api">Browser API</a></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/docs/guides/migration/from-custom">Migration</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/docs/guides/tech/with-nextjs">Tech</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/docs/guides/issues/desegmented">Code smells &amp; Issues</a></div></li></ul></li></ul></nav><button type="button" title="Collapse sidebar" aria-label="Collapse sidebar" class="button button--secondary button--outline collapseSidebarButton_L8vW"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_hYfn"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_uESP"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_w6lk"><div class="theme-admonition theme-admonition-caution admonition_yLUd alert alert--warning theme-unlisted-banner"><div class="admonitionHeading_ulUq"><span class="admonitionIcon_Wbvt"><svg viewBox="0 0 16 16"><path fill-rule="evenodd" d="M8.893 1.5c-.183-.31-.52-.5-.887-.5s-.703.19-.886.5L.138 13.499a.98.98 0 0 0 0 1.001c.193.31.53.501.886.501h13.964c.367 0 .704-.19.877-.5a1.03 1.03 0 0 0 .01-1.002L8.893 1.5zm.133 11.497H6.987v-2.003h2.039v2.003zm0-3.004H6.987V5.987h2.039v4.006z"></path></svg></span>Unlisted page</div><div class="admonitionContent_mbd8">This page is unlisted. Search engines will not index it, and only users having a direct link can access it.</div></div><div class="docItemContainer_b1tn"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_ioLt" aria-label="Breadcrumbs"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Home page" class="breadcrumbs__link" href="/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_ZfEo"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/docs/guides"><span itemprop="name">🎯  Guides</span></a><meta itemprop="position" content="1"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/docs/guides/examples"><span itemprop="name">Examples</span></a><meta itemprop="position" content="2"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">Browser API</span><meta itemprop="position" content="3"></li></ul></nav><div class="theme-doc-markdown markdown"><header><h1>Browser API</h1></header>
@@ -18,6 +18,6 @@
 <blockquote>
 <p>About working with the Browser API: localStorage, audio Api, bluetooth API, etc.</p>
 <p>You can ask about the idea in more detail <a href="https://t.me/alex_novich" target="_blank" rel="noopener noreferrer">@alex_novi</a></p>
-</blockquote></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/browser-api.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Last updated<!-- --> on <b><time datetime="2024-09-29T11:02:46.000Z" itemprop="dateModified">Sep 29, 2024</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages navigation"></nav></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Specs</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/docs">Documentation</a></li><li class="footer__item"><a class="footer__link-item" href="/community">Community</a></li><li class="footer__item"><a class="footer__link-item" href="/nav">Help</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">License<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
+</blockquote></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/browser-api.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Last updated<!-- --> on <b><time datetime="2024-10-07T18:23:06.000Z" itemprop="dateModified">Oct 7, 2024</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages navigation"></nav></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Specs</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/docs">Documentation</a></li><li class="footer__item"><a class="footer__link-item" href="/community">Community</a></li><li class="footer__item"><a class="footer__link-item" href="/nav">Help</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">License<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
 </body>
 </html>
\ No newline at end of file
diff --git a/docs/guides/examples/cms.html b/docs/guides/examples/cms.html
index 3842a091f4..f9ea8c2565 100644
--- a/docs/guides/examples/cms.html
+++ b/docs/guides/examples/cms.html
@@ -9,8 +9,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/opensearch.xml"><link rel="stylesheet" href="/assets/css/styles.04fd99a1.css">
-<script src="/assets/js/runtime~main.06c92bf3.js" defer="defer"></script>
-<script src="/assets/js/main.e2ab5a51.js" defer="defer"></script>
+<script src="/assets/js/runtime~main.29fb6ef5.js" defer="defer"></script>
+<script src="/assets/js/main.360a9d35.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/docs">📖 Docs</a><a class="navbar__item navbar__link" href="/community">💫 Community</a><a class="navbar__item navbar__link" href="/blog">📝 Blog</a><a class="navbar__item navbar__link" href="/examples">🛠 Examples</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/docs/guides/examples/cms">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a aria-current="page" class="dropdown__link dropdown__link--active" href="/docs/guides/examples/cms">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>English</a><ul class="dropdown__menu"><li><a href="/ru/docs/guides/examples/cms" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ru">Русский</a></li><li><a href="/docs/guides/examples/cms" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="en">English</a></li><li><a href="/uz/docs/guides/examples/cms" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/docs/guides/examples/cms" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="kr">한국어</a></li><li><a href="/ja/docs/guides/examples/cms" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><div class="docsWrapper_rDLg"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_JQoL" type="button"></button><div class="docRoot_GkJk"><aside class="theme-doc-sidebar-container docSidebarContainer_xiHB"><div class="sidebarViewport_DaHB"><div class="sidebar_Kb82"><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_AkOp"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--active" href="/docs/guides">🎯  Guides</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--active" tabindex="0" href="/docs/guides/examples">Examples</a><button aria-label="Collapse sidebar category &#x27;Examples&#x27;" aria-expanded="true" type="button" class="clean-btn menu__caret"></button></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/guides/examples/auth">Authentication</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/guides/examples/types">Types</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/guides/examples/page-layout">Page layouts</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item sidebar-item--wip"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/docs/guides/examples/cms">CMS</a></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/docs/guides/migration/from-custom">Migration</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/docs/guides/tech/with-nextjs">Tech</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/docs/guides/issues/desegmented">Code smells &amp; Issues</a></div></li></ul></li></ul></nav><button type="button" title="Collapse sidebar" aria-label="Collapse sidebar" class="button button--secondary button--outline collapseSidebarButton_L8vW"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_hYfn"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_uESP"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_w6lk"><div class="theme-admonition theme-admonition-caution admonition_yLUd alert alert--warning theme-unlisted-banner"><div class="admonitionHeading_ulUq"><span class="admonitionIcon_Wbvt"><svg viewBox="0 0 16 16"><path fill-rule="evenodd" d="M8.893 1.5c-.183-.31-.52-.5-.887-.5s-.703.19-.886.5L.138 13.499a.98.98 0 0 0 0 1.001c.193.31.53.501.886.501h13.964c.367 0 .704-.19.877-.5a1.03 1.03 0 0 0 .01-1.002L8.893 1.5zm.133 11.497H6.987v-2.003h2.039v2.003zm0-3.004H6.987V5.987h2.039v4.006z"></path></svg></span>Unlisted page</div><div class="admonitionContent_mbd8">This page is unlisted. Search engines will not index it, and only users having a direct link can access it.</div></div><div class="docItemContainer_b1tn"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_ioLt" aria-label="Breadcrumbs"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Home page" class="breadcrumbs__link" href="/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_ZfEo"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/docs/guides"><span itemprop="name">🎯  Guides</span></a><meta itemprop="position" content="1"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/docs/guides/examples"><span itemprop="name">Examples</span></a><meta itemprop="position" content="2"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">CMS</span><meta itemprop="position" content="3"></li></ul></nav><div class="tocCollapsible_EkMH theme-doc-toc-mobile tocMobile_XRnS"><button type="button" class="clean-btn tocCollapsibleButton_ID8T">On this page</button></div><div class="theme-doc-markdown markdown"><header><h1>CMS</h1></header>
@@ -26,6 +26,6 @@ <h2 class="anchor anchorWithStickyNavbar_QzlE" id="how-to-work-more-correctly-wi
 </blockquote>
 <blockquote>
 <p><a href="https://t.me/feature_sliced/1553" target="_blank" rel="noopener noreferrer">https://t.me/feature_sliced/1553</a></p>
-</blockquote></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/cms.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Last updated<!-- --> on <b><time datetime="2024-09-29T11:02:46.000Z" itemprop="dateModified">Sep 29, 2024</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages navigation"></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#features-may-be-different" class="table-of-contents__link toc-highlight">Features may be different</a></li><li><a href="#how-to-work-more-correctly-with-cms-markup" class="table-of-contents__link toc-highlight">How to work more correctly with CMS markup</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Specs</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/docs">Documentation</a></li><li class="footer__item"><a class="footer__link-item" href="/community">Community</a></li><li class="footer__item"><a class="footer__link-item" href="/nav">Help</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">License<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
+</blockquote></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/cms.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Last updated<!-- --> on <b><time datetime="2024-10-07T18:23:06.000Z" itemprop="dateModified">Oct 7, 2024</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages navigation"></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#features-may-be-different" class="table-of-contents__link toc-highlight">Features may be different</a></li><li><a href="#how-to-work-more-correctly-with-cms-markup" class="table-of-contents__link toc-highlight">How to work more correctly with CMS markup</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Specs</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/docs">Documentation</a></li><li class="footer__item"><a class="footer__link-item" href="/community">Community</a></li><li class="footer__item"><a class="footer__link-item" href="/nav">Help</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">License<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
 </body>
 </html>
\ No newline at end of file
diff --git a/docs/guides/examples/feedback.html b/docs/guides/examples/feedback.html
index d761723a95..f4fc87b132 100644
--- a/docs/guides/examples/feedback.html
+++ b/docs/guides/examples/feedback.html
@@ -9,14 +9,14 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/opensearch.xml"><link rel="stylesheet" href="/assets/css/styles.04fd99a1.css">
-<script src="/assets/js/runtime~main.06c92bf3.js" defer="defer"></script>
-<script src="/assets/js/main.e2ab5a51.js" defer="defer"></script>
+<script src="/assets/js/runtime~main.29fb6ef5.js" defer="defer"></script>
+<script src="/assets/js/main.360a9d35.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/docs">📖 Docs</a><a class="navbar__item navbar__link" href="/community">💫 Community</a><a class="navbar__item navbar__link" href="/blog">📝 Blog</a><a class="navbar__item navbar__link" href="/examples">🛠 Examples</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/docs/guides/examples/feedback">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a aria-current="page" class="dropdown__link dropdown__link--active" href="/docs/guides/examples/feedback">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>English</a><ul class="dropdown__menu"><li><a href="/ru/docs/guides/examples/feedback" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ru">Русский</a></li><li><a href="/docs/guides/examples/feedback" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="en">English</a></li><li><a href="/uz/docs/guides/examples/feedback" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/docs/guides/examples/feedback" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="kr">한국어</a></li><li><a href="/ja/docs/guides/examples/feedback" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><div class="docsWrapper_rDLg"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_JQoL" type="button"></button><div class="docRoot_GkJk"><aside class="theme-doc-sidebar-container docSidebarContainer_xiHB"><div class="sidebarViewport_DaHB"><div class="sidebar_Kb82"><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_AkOp"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--active" href="/docs/guides">🎯  Guides</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--active" tabindex="0" href="/docs/guides/examples">Examples</a><button aria-label="Collapse sidebar category &#x27;Examples&#x27;" aria-expanded="true" type="button" class="clean-btn menu__caret"></button></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/guides/examples/auth">Authentication</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/guides/examples/types">Types</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/guides/examples/page-layout">Page layouts</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item sidebar-item--wip"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/docs/guides/examples/feedback">Feedback</a></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/docs/guides/migration/from-custom">Migration</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/docs/guides/tech/with-nextjs">Tech</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/docs/guides/issues/desegmented">Code smells &amp; Issues</a></div></li></ul></li></ul></nav><button type="button" title="Collapse sidebar" aria-label="Collapse sidebar" class="button button--secondary button--outline collapseSidebarButton_L8vW"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_hYfn"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_uESP"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_w6lk"><div class="theme-admonition theme-admonition-caution admonition_yLUd alert alert--warning theme-unlisted-banner"><div class="admonitionHeading_ulUq"><span class="admonitionIcon_Wbvt"><svg viewBox="0 0 16 16"><path fill-rule="evenodd" d="M8.893 1.5c-.183-.31-.52-.5-.887-.5s-.703.19-.886.5L.138 13.499a.98.98 0 0 0 0 1.001c.193.31.53.501.886.501h13.964c.367 0 .704-.19.877-.5a1.03 1.03 0 0 0 .01-1.002L8.893 1.5zm.133 11.497H6.987v-2.003h2.039v2.003zm0-3.004H6.987V5.987h2.039v4.006z"></path></svg></span>Unlisted page</div><div class="admonitionContent_mbd8">This page is unlisted. Search engines will not index it, and only users having a direct link can access it.</div></div><div class="docItemContainer_b1tn"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_ioLt" aria-label="Breadcrumbs"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Home page" class="breadcrumbs__link" href="/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_ZfEo"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/docs/guides"><span itemprop="name">🎯  Guides</span></a><meta itemprop="position" content="1"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/docs/guides/examples"><span itemprop="name">Examples</span></a><meta itemprop="position" content="2"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">Feedback</span><meta itemprop="position" content="3"></li></ul></nav><div class="theme-doc-markdown markdown"><header><h1>Feedback</h1></header>
 <div class="theme-admonition theme-admonition-caution admonition_yLUd alert alert--warning"><div class="admonitionHeading_ulUq"><span class="admonitionIcon_Wbvt"><svg viewBox="0 0 16 16"><path fill-rule="evenodd" d="M8.893 1.5c-.183-.31-.52-.5-.887-.5s-.703.19-.886.5L.138 13.499a.98.98 0 0 0 0 1.001c.193.31.53.501.886.501h13.964c.367 0 .704-.19.877-.5a1.03 1.03 0 0 0 .01-1.002L8.893 1.5zm.133 11.497H6.987v-2.003h2.039v2.003zm0-3.004H6.987V5.987h2.039v4.006z"></path></svg></span>WIP</div><div class="admonitionContent_mbd8"><div><p>The article is in the process of writing</p><p>To bring the release of the article closer, you can:</p><ul><li>📢 Share your feedback <a href="https://github.com/feature-sliced/documentation/issues/187" target="_blank" rel="noopener noreferrer">at article (comment/emoji-reaction)</a></li><li>💬 Collect the relevant <a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer">material on the topic from chat</a></li><li>⚒️ Contribute <a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer">in any other way</a></li></ul><br><p><i>🍰 Stay tuned!</i></p></div></div></div>
 <blockquote>
 <p>Errors, Alerts, Notifications, ...</p>
-</blockquote></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/feedback.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Last updated<!-- --> on <b><time datetime="2024-09-29T11:02:46.000Z" itemprop="dateModified">Sep 29, 2024</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages navigation"></nav></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Specs</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/docs">Documentation</a></li><li class="footer__item"><a class="footer__link-item" href="/community">Community</a></li><li class="footer__item"><a class="footer__link-item" href="/nav">Help</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">License<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
+</blockquote></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/feedback.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Last updated<!-- --> on <b><time datetime="2024-10-07T18:23:06.000Z" itemprop="dateModified">Oct 7, 2024</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages navigation"></nav></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Specs</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/docs">Documentation</a></li><li class="footer__item"><a class="footer__link-item" href="/community">Community</a></li><li class="footer__item"><a class="footer__link-item" href="/nav">Help</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">License<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
 </body>
 </html>
\ No newline at end of file
diff --git a/docs/guides/examples/i18n.html b/docs/guides/examples/i18n.html
index 9369786c82..59f1f261ad 100644
--- a/docs/guides/examples/i18n.html
+++ b/docs/guides/examples/i18n.html
@@ -9,8 +9,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/opensearch.xml"><link rel="stylesheet" href="/assets/css/styles.04fd99a1.css">
-<script src="/assets/js/runtime~main.06c92bf3.js" defer="defer"></script>
-<script src="/assets/js/main.e2ab5a51.js" defer="defer"></script>
+<script src="/assets/js/runtime~main.29fb6ef5.js" defer="defer"></script>
+<script src="/assets/js/main.360a9d35.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/docs">📖 Docs</a><a class="navbar__item navbar__link" href="/community">💫 Community</a><a class="navbar__item navbar__link" href="/blog">📝 Blog</a><a class="navbar__item navbar__link" href="/examples">🛠 Examples</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/docs/guides/examples/i18n">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a aria-current="page" class="dropdown__link dropdown__link--active" href="/docs/guides/examples/i18n">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>English</a><ul class="dropdown__menu"><li><a href="/ru/docs/guides/examples/i18n" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ru">Русский</a></li><li><a href="/docs/guides/examples/i18n" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="en">English</a></li><li><a href="/uz/docs/guides/examples/i18n" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/docs/guides/examples/i18n" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="kr">한국어</a></li><li><a href="/ja/docs/guides/examples/i18n" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><div class="docsWrapper_rDLg"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_JQoL" type="button"></button><div class="docRoot_GkJk"><aside class="theme-doc-sidebar-container docSidebarContainer_xiHB"><div class="sidebarViewport_DaHB"><div class="sidebar_Kb82"><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_AkOp"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--active" href="/docs/guides">🎯  Guides</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--active" tabindex="0" href="/docs/guides/examples">Examples</a><button aria-label="Collapse sidebar category &#x27;Examples&#x27;" aria-expanded="true" type="button" class="clean-btn menu__caret"></button></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/guides/examples/auth">Authentication</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/guides/examples/types">Types</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/guides/examples/page-layout">Page layouts</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item sidebar-item--wip"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/docs/guides/examples/i18n">i18n</a></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/docs/guides/migration/from-custom">Migration</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/docs/guides/tech/with-nextjs">Tech</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/docs/guides/issues/desegmented">Code smells &amp; Issues</a></div></li></ul></li></ul></nav><button type="button" title="Collapse sidebar" aria-label="Collapse sidebar" class="button button--secondary button--outline collapseSidebarButton_L8vW"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_hYfn"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_uESP"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_w6lk"><div class="theme-admonition theme-admonition-caution admonition_yLUd alert alert--warning theme-unlisted-banner"><div class="admonitionHeading_ulUq"><span class="admonitionIcon_Wbvt"><svg viewBox="0 0 16 16"><path fill-rule="evenodd" d="M8.893 1.5c-.183-.31-.52-.5-.887-.5s-.703.19-.886.5L.138 13.499a.98.98 0 0 0 0 1.001c.193.31.53.501.886.501h13.964c.367 0 .704-.19.877-.5a1.03 1.03 0 0 0 .01-1.002L8.893 1.5zm.133 11.497H6.987v-2.003h2.039v2.003zm0-3.004H6.987V5.987h2.039v4.006z"></path></svg></span>Unlisted page</div><div class="admonitionContent_mbd8">This page is unlisted. Search engines will not index it, and only users having a direct link can access it.</div></div><div class="docItemContainer_b1tn"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_ioLt" aria-label="Breadcrumbs"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Home page" class="breadcrumbs__link" href="/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_ZfEo"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/docs/guides"><span itemprop="name">🎯  Guides</span></a><meta itemprop="position" content="1"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/docs/guides/examples"><span itemprop="name">Examples</span></a><meta itemprop="position" content="2"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">i18n</span><meta itemprop="position" content="3"></li></ul></nav><div class="tocCollapsible_EkMH theme-doc-toc-mobile tocMobile_XRnS"><button type="button" class="clean-btn tocCollapsibleButton_ID8T">On this page</button></div><div class="theme-doc-markdown markdown"><header><h1>i18n</h1></header>
@@ -20,6 +20,6 @@ <h2 class="anchor anchorWithStickyNavbar_QzlE" id="where-to-place-it-how-to-work
 <li><a href="https://t.me/feature_sliced/4425" target="_blank" rel="noopener noreferrer">https://t.me/feature_sliced/4425</a></li>
 <li><a href="https://t.me/feature_sliced/2325" target="_blank" rel="noopener noreferrer">https://t.me/feature_sliced/2325</a></li>
 <li><a href="https://t.me/feature_sliced/1867" target="_blank" rel="noopener noreferrer">https://t.me/feature_sliced/1867</a></li>
-</ul></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/i18n.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Last updated<!-- --> on <b><time datetime="2024-09-29T11:02:46.000Z" itemprop="dateModified">Sep 29, 2024</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages navigation"></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#where-to-place-it-how-to-work-with-this" class="table-of-contents__link toc-highlight">Where to place it? How to work with this?</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Specs</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/docs">Documentation</a></li><li class="footer__item"><a class="footer__link-item" href="/community">Community</a></li><li class="footer__item"><a class="footer__link-item" href="/nav">Help</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">License<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
+</ul></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/i18n.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Last updated<!-- --> on <b><time datetime="2024-10-07T18:23:06.000Z" itemprop="dateModified">Oct 7, 2024</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages navigation"></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#where-to-place-it-how-to-work-with-this" class="table-of-contents__link toc-highlight">Where to place it? How to work with this?</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Specs</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/docs">Documentation</a></li><li class="footer__item"><a class="footer__link-item" href="/community">Community</a></li><li class="footer__item"><a class="footer__link-item" href="/nav">Help</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">License<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
 </body>
 </html>
\ No newline at end of file
diff --git a/docs/guides/examples/metric.html b/docs/guides/examples/metric.html
index ceba40ff46..5935fa0a53 100644
--- a/docs/guides/examples/metric.html
+++ b/docs/guides/examples/metric.html
@@ -9,14 +9,14 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/opensearch.xml"><link rel="stylesheet" href="/assets/css/styles.04fd99a1.css">
-<script src="/assets/js/runtime~main.06c92bf3.js" defer="defer"></script>
-<script src="/assets/js/main.e2ab5a51.js" defer="defer"></script>
+<script src="/assets/js/runtime~main.29fb6ef5.js" defer="defer"></script>
+<script src="/assets/js/main.360a9d35.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/docs">📖 Docs</a><a class="navbar__item navbar__link" href="/community">💫 Community</a><a class="navbar__item navbar__link" href="/blog">📝 Blog</a><a class="navbar__item navbar__link" href="/examples">🛠 Examples</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/docs/guides/examples/metric">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a aria-current="page" class="dropdown__link dropdown__link--active" href="/docs/guides/examples/metric">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>English</a><ul class="dropdown__menu"><li><a href="/ru/docs/guides/examples/metric" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ru">Русский</a></li><li><a href="/docs/guides/examples/metric" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="en">English</a></li><li><a href="/uz/docs/guides/examples/metric" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/docs/guides/examples/metric" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="kr">한국어</a></li><li><a href="/ja/docs/guides/examples/metric" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><div class="docsWrapper_rDLg"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_JQoL" type="button"></button><div class="docRoot_GkJk"><aside class="theme-doc-sidebar-container docSidebarContainer_xiHB"><div class="sidebarViewport_DaHB"><div class="sidebar_Kb82"><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_AkOp"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--active" href="/docs/guides">🎯  Guides</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--active" tabindex="0" href="/docs/guides/examples">Examples</a><button aria-label="Collapse sidebar category &#x27;Examples&#x27;" aria-expanded="true" type="button" class="clean-btn menu__caret"></button></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/guides/examples/auth">Authentication</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/guides/examples/types">Types</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/guides/examples/page-layout">Page layouts</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item sidebar-item--wip"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/docs/guides/examples/metric">Metric</a></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/docs/guides/migration/from-custom">Migration</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/docs/guides/tech/with-nextjs">Tech</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/docs/guides/issues/desegmented">Code smells &amp; Issues</a></div></li></ul></li></ul></nav><button type="button" title="Collapse sidebar" aria-label="Collapse sidebar" class="button button--secondary button--outline collapseSidebarButton_L8vW"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_hYfn"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_uESP"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_w6lk"><div class="theme-admonition theme-admonition-caution admonition_yLUd alert alert--warning theme-unlisted-banner"><div class="admonitionHeading_ulUq"><span class="admonitionIcon_Wbvt"><svg viewBox="0 0 16 16"><path fill-rule="evenodd" d="M8.893 1.5c-.183-.31-.52-.5-.887-.5s-.703.19-.886.5L.138 13.499a.98.98 0 0 0 0 1.001c.193.31.53.501.886.501h13.964c.367 0 .704-.19.877-.5a1.03 1.03 0 0 0 .01-1.002L8.893 1.5zm.133 11.497H6.987v-2.003h2.039v2.003zm0-3.004H6.987V5.987h2.039v4.006z"></path></svg></span>Unlisted page</div><div class="admonitionContent_mbd8">This page is unlisted. Search engines will not index it, and only users having a direct link can access it.</div></div><div class="docItemContainer_b1tn"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_ioLt" aria-label="Breadcrumbs"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Home page" class="breadcrumbs__link" href="/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_ZfEo"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/docs/guides"><span itemprop="name">🎯  Guides</span></a><meta itemprop="position" content="1"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/docs/guides/examples"><span itemprop="name">Examples</span></a><meta itemprop="position" content="2"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">Metric</span><meta itemprop="position" content="3"></li></ul></nav><div class="theme-doc-markdown markdown"><header><h1>Metric</h1></header>
 <div class="theme-admonition theme-admonition-caution admonition_yLUd alert alert--warning"><div class="admonitionHeading_ulUq"><span class="admonitionIcon_Wbvt"><svg viewBox="0 0 16 16"><path fill-rule="evenodd" d="M8.893 1.5c-.183-.31-.52-.5-.887-.5s-.703.19-.886.5L.138 13.499a.98.98 0 0 0 0 1.001c.193.31.53.501.886.501h13.964c.367 0 .704-.19.877-.5a1.03 1.03 0 0 0 .01-1.002L8.893 1.5zm.133 11.497H6.987v-2.003h2.039v2.003zm0-3.004H6.987V5.987h2.039v4.006z"></path></svg></span>WIP</div><div class="admonitionContent_mbd8"><div><p>The article is in the process of writing</p><p>To bring the release of the article closer, you can:</p><ul><li>📢 Share your feedback <a href="https://github.com/feature-sliced/documentation/issues/181" target="_blank" rel="noopener noreferrer">at article (comment/emoji-reaction)</a></li><li>💬 Collect the relevant <a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer">material on the topic from chat</a></li><li>⚒️ Contribute <a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer">in any other way</a></li></ul><br><p><i>🍰 Stay tuned!</i></p></div></div></div>
 <blockquote>
 <p>About ways to initialize metrics in the application</p>
-</blockquote></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/metric.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Last updated<!-- --> on <b><time datetime="2024-09-29T11:02:46.000Z" itemprop="dateModified">Sep 29, 2024</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages navigation"></nav></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Specs</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/docs">Documentation</a></li><li class="footer__item"><a class="footer__link-item" href="/community">Community</a></li><li class="footer__item"><a class="footer__link-item" href="/nav">Help</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">License<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
+</blockquote></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/metric.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Last updated<!-- --> on <b><time datetime="2024-10-07T18:23:06.000Z" itemprop="dateModified">Oct 7, 2024</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages navigation"></nav></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Specs</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/docs">Documentation</a></li><li class="footer__item"><a class="footer__link-item" href="/community">Community</a></li><li class="footer__item"><a class="footer__link-item" href="/nav">Help</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">License<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
 </body>
 </html>
\ No newline at end of file
diff --git a/docs/guides/examples/monorepo.html b/docs/guides/examples/monorepo.html
index e84b3ba664..8ccc0cd4e9 100644
--- a/docs/guides/examples/monorepo.html
+++ b/docs/guides/examples/monorepo.html
@@ -9,8 +9,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/opensearch.xml"><link rel="stylesheet" href="/assets/css/styles.04fd99a1.css">
-<script src="/assets/js/runtime~main.06c92bf3.js" defer="defer"></script>
-<script src="/assets/js/main.e2ab5a51.js" defer="defer"></script>
+<script src="/assets/js/runtime~main.29fb6ef5.js" defer="defer"></script>
+<script src="/assets/js/main.360a9d35.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/docs">📖 Docs</a><a class="navbar__item navbar__link" href="/community">💫 Community</a><a class="navbar__item navbar__link" href="/blog">📝 Blog</a><a class="navbar__item navbar__link" href="/examples">🛠 Examples</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/docs/guides/examples/monorepo">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a aria-current="page" class="dropdown__link dropdown__link--active" href="/docs/guides/examples/monorepo">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>English</a><ul class="dropdown__menu"><li><a href="/ru/docs/guides/examples/monorepo" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ru">Русский</a></li><li><a href="/docs/guides/examples/monorepo" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="en">English</a></li><li><a href="/uz/docs/guides/examples/monorepo" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/docs/guides/examples/monorepo" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="kr">한국어</a></li><li><a href="/ja/docs/guides/examples/monorepo" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><div class="docsWrapper_rDLg"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_JQoL" type="button"></button><div class="docRoot_GkJk"><aside class="theme-doc-sidebar-container docSidebarContainer_xiHB"><div class="sidebarViewport_DaHB"><div class="sidebar_Kb82"><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_AkOp"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--active" href="/docs/guides">🎯  Guides</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--active" tabindex="0" href="/docs/guides/examples">Examples</a><button aria-label="Collapse sidebar category &#x27;Examples&#x27;" aria-expanded="true" type="button" class="clean-btn menu__caret"></button></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/guides/examples/auth">Authentication</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/guides/examples/types">Types</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/guides/examples/page-layout">Page layouts</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item sidebar-item--wip"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/docs/guides/examples/monorepo">Monorepositories</a></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/docs/guides/migration/from-custom">Migration</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/docs/guides/tech/with-nextjs">Tech</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/docs/guides/issues/desegmented">Code smells &amp; Issues</a></div></li></ul></li></ul></nav><button type="button" title="Collapse sidebar" aria-label="Collapse sidebar" class="button button--secondary button--outline collapseSidebarButton_L8vW"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_hYfn"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_uESP"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_w6lk"><div class="theme-admonition theme-admonition-caution admonition_yLUd alert alert--warning theme-unlisted-banner"><div class="admonitionHeading_ulUq"><span class="admonitionIcon_Wbvt"><svg viewBox="0 0 16 16"><path fill-rule="evenodd" d="M8.893 1.5c-.183-.31-.52-.5-.887-.5s-.703.19-.886.5L.138 13.499a.98.98 0 0 0 0 1.001c.193.31.53.501.886.501h13.964c.367 0 .704-.19.877-.5a1.03 1.03 0 0 0 .01-1.002L8.893 1.5zm.133 11.497H6.987v-2.003h2.039v2.003zm0-3.004H6.987V5.987h2.039v4.006z"></path></svg></span>Unlisted page</div><div class="admonitionContent_mbd8">This page is unlisted. Search engines will not index it, and only users having a direct link can access it.</div></div><div class="docItemContainer_b1tn"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_ioLt" aria-label="Breadcrumbs"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Home page" class="breadcrumbs__link" href="/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_ZfEo"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/docs/guides"><span itemprop="name">🎯  Guides</span></a><meta itemprop="position" content="1"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/docs/guides/examples"><span itemprop="name">Examples</span></a><meta itemprop="position" content="2"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">Monorepositories</span><meta itemprop="position" content="3"></li></ul></nav><div class="tocCollapsible_EkMH theme-doc-toc-mobile tocMobile_XRnS"><button type="button" class="clean-btn tocCollapsibleButton_ID8T">On this page</button></div><div class="theme-doc-markdown markdown"><header><h1>Monorepositories</h1></header>
@@ -22,6 +22,6 @@ <h2 class="anchor anchorWithStickyNavbar_QzlE" id="see-also">See also<a href="#s
 <ul>
 <li><a href="https://github.com/feature-sliced/documentation/discussions/50" target="_blank" rel="noopener noreferrer">(Discussion) About mono repositories and plug-ins-packages</a></li>
 <li><a href="https://t.me/feature_sliced/2412" target="_blank" rel="noopener noreferrer">(Thread) About the application for a mono repository</a></li>
-</ul></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/monorepo.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Last updated<!-- --> on <b><time datetime="2024-09-29T11:02:46.000Z" itemprop="dateModified">Sep 29, 2024</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages navigation"></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#see-also" class="table-of-contents__link toc-highlight">See also</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Specs</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/docs">Documentation</a></li><li class="footer__item"><a class="footer__link-item" href="/community">Community</a></li><li class="footer__item"><a class="footer__link-item" href="/nav">Help</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">License<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
+</ul></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/monorepo.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Last updated<!-- --> on <b><time datetime="2024-10-07T18:23:06.000Z" itemprop="dateModified">Oct 7, 2024</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages navigation"></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#see-also" class="table-of-contents__link toc-highlight">See also</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Specs</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/docs">Documentation</a></li><li class="footer__item"><a class="footer__link-item" href="/community">Community</a></li><li class="footer__item"><a class="footer__link-item" href="/nav">Help</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">License<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
 </body>
 </html>
\ No newline at end of file
diff --git a/docs/guides/examples/page-layout.html b/docs/guides/examples/page-layout.html
index 3d3f4b2ece..946c7dc2bf 100644
--- a/docs/guides/examples/page-layout.html
+++ b/docs/guides/examples/page-layout.html
@@ -9,8 +9,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/opensearch.xml"><link rel="stylesheet" href="/assets/css/styles.04fd99a1.css">
-<script src="/assets/js/runtime~main.06c92bf3.js" defer="defer"></script>
-<script src="/assets/js/main.e2ab5a51.js" defer="defer"></script>
+<script src="/assets/js/runtime~main.29fb6ef5.js" defer="defer"></script>
+<script src="/assets/js/main.360a9d35.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/docs">📖 Docs</a><a class="navbar__item navbar__link" href="/community">💫 Community</a><a class="navbar__item navbar__link" href="/blog">📝 Blog</a><a class="navbar__item navbar__link" href="/examples">🛠 Examples</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/docs/guides/examples/page-layout">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a aria-current="page" class="dropdown__link dropdown__link--active" href="/docs/guides/examples/page-layout">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>English</a><ul class="dropdown__menu"><li><a href="/ru/docs/guides/examples/page-layout" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ru">Русский</a></li><li><a href="/docs/guides/examples/page-layout" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="en">English</a></li><li><a href="/uz/docs/guides/examples/page-layout" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/docs/guides/examples/page-layout" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="kr">한국어</a></li><li><a href="/ja/docs/guides/examples/page-layout" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><div class="docsWrapper_rDLg"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_JQoL" type="button"></button><div class="docRoot_GkJk"><aside class="theme-doc-sidebar-container docSidebarContainer_xiHB"><div class="sidebarViewport_DaHB"><div class="sidebar_Kb82"><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_AkOp"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--active" href="/docs/guides">🎯  Guides</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--active" tabindex="0" href="/docs/guides/examples">Examples</a><button aria-label="Collapse sidebar category &#x27;Examples&#x27;" aria-expanded="true" type="button" class="clean-btn menu__caret"></button></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/guides/examples/auth">Authentication</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/guides/examples/types">Types</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/docs/guides/examples/page-layout">Page layouts</a></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/docs/guides/migration/from-custom">Migration</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/docs/guides/tech/with-nextjs">Tech</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/docs/guides/issues/desegmented">Code smells &amp; Issues</a></div></li></ul></li></ul></nav><button type="button" title="Collapse sidebar" aria-label="Collapse sidebar" class="button button--secondary button--outline collapseSidebarButton_L8vW"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_hYfn"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_uESP"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_w6lk"><div class="docItemContainer_b1tn"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_ioLt" aria-label="Breadcrumbs"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Home page" class="breadcrumbs__link" href="/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_ZfEo"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/docs/guides"><span itemprop="name">🎯  Guides</span></a><meta itemprop="position" content="1"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/docs/guides/examples"><span itemprop="name">Examples</span></a><meta itemprop="position" content="2"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">Page layouts</span><meta itemprop="position" content="3"></li></ul></nav><div class="tocCollapsible_EkMH theme-doc-toc-mobile tocMobile_XRnS"><button type="button" class="clean-btn tocCollapsibleButton_ID8T">On this page</button></div><div class="theme-doc-markdown markdown"><header><h1>Page layouts</h1></header>
@@ -47,6 +47,6 @@ <h2 class="anchor anchorWithStickyNavbar_QzlE" id="using-widgets-in-the-layout">
 <h2 class="anchor anchorWithStickyNavbar_QzlE" id="further-reading">Further reading<a href="#further-reading" class="hash-link" aria-label="Direct link to heading" title="Direct link to heading">​</a></h2>
 <ul>
 <li>There&#x27;s an example of how to build a layout with authentication with React and Remix (equivalent to React Router) in the <a href="/docs/get-started/tutorial">tutorial</a>.</li>
-</ul></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/page-layout.md" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Last updated<!-- --> on <b><time datetime="2024-09-29T11:02:46.000Z" itemprop="dateModified">Sep 29, 2024</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/docs/guides/examples/types"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">Types</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/docs/guides/migration/from-custom"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">From a custom architecture</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#simple-layout" class="table-of-contents__link toc-highlight">Simple layout</a></li><li><a href="#using-widgets-in-the-layout" class="table-of-contents__link toc-highlight">Using widgets in the layout</a></li><li><a href="#further-reading" class="table-of-contents__link toc-highlight">Further reading</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Specs</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/docs">Documentation</a></li><li class="footer__item"><a class="footer__link-item" href="/community">Community</a></li><li class="footer__item"><a class="footer__link-item" href="/nav">Help</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">License<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
+</ul></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/page-layout.md" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Last updated<!-- --> on <b><time datetime="2024-10-07T18:23:06.000Z" itemprop="dateModified">Oct 7, 2024</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/docs/guides/examples/types"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">Types</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/docs/guides/migration/from-custom"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">From a custom architecture</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#simple-layout" class="table-of-contents__link toc-highlight">Simple layout</a></li><li><a href="#using-widgets-in-the-layout" class="table-of-contents__link toc-highlight">Using widgets in the layout</a></li><li><a href="#further-reading" class="table-of-contents__link toc-highlight">Further reading</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Specs</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/docs">Documentation</a></li><li class="footer__item"><a class="footer__link-item" href="/community">Community</a></li><li class="footer__item"><a class="footer__link-item" href="/nav">Help</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">License<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
 </body>
 </html>
\ No newline at end of file
diff --git a/docs/guides/examples/platforms.html b/docs/guides/examples/platforms.html
index daa34a2d82..24b0737013 100644
--- a/docs/guides/examples/platforms.html
+++ b/docs/guides/examples/platforms.html
@@ -9,14 +9,14 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/opensearch.xml"><link rel="stylesheet" href="/assets/css/styles.04fd99a1.css">
-<script src="/assets/js/runtime~main.06c92bf3.js" defer="defer"></script>
-<script src="/assets/js/main.e2ab5a51.js" defer="defer"></script>
+<script src="/assets/js/runtime~main.29fb6ef5.js" defer="defer"></script>
+<script src="/assets/js/main.360a9d35.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/docs">📖 Docs</a><a class="navbar__item navbar__link" href="/community">💫 Community</a><a class="navbar__item navbar__link" href="/blog">📝 Blog</a><a class="navbar__item navbar__link" href="/examples">🛠 Examples</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/docs/guides/examples/platforms">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a aria-current="page" class="dropdown__link dropdown__link--active" href="/docs/guides/examples/platforms">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>English</a><ul class="dropdown__menu"><li><a href="/ru/docs/guides/examples/platforms" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ru">Русский</a></li><li><a href="/docs/guides/examples/platforms" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="en">English</a></li><li><a href="/uz/docs/guides/examples/platforms" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/docs/guides/examples/platforms" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="kr">한국어</a></li><li><a href="/ja/docs/guides/examples/platforms" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><div class="docsWrapper_rDLg"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_JQoL" type="button"></button><div class="docRoot_GkJk"><aside class="theme-doc-sidebar-container docSidebarContainer_xiHB"><div class="sidebarViewport_DaHB"><div class="sidebar_Kb82"><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_AkOp"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--active" href="/docs/guides">🎯  Guides</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--active" tabindex="0" href="/docs/guides/examples">Examples</a><button aria-label="Collapse sidebar category &#x27;Examples&#x27;" aria-expanded="true" type="button" class="clean-btn menu__caret"></button></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/guides/examples/auth">Authentication</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/guides/examples/types">Types</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/guides/examples/page-layout">Page layouts</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item sidebar-item--wip"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/docs/guides/examples/platforms">Desktop/Touch platforms</a></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/docs/guides/migration/from-custom">Migration</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/docs/guides/tech/with-nextjs">Tech</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/docs/guides/issues/desegmented">Code smells &amp; Issues</a></div></li></ul></li></ul></nav><button type="button" title="Collapse sidebar" aria-label="Collapse sidebar" class="button button--secondary button--outline collapseSidebarButton_L8vW"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_hYfn"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_uESP"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_w6lk"><div class="theme-admonition theme-admonition-caution admonition_yLUd alert alert--warning theme-unlisted-banner"><div class="admonitionHeading_ulUq"><span class="admonitionIcon_Wbvt"><svg viewBox="0 0 16 16"><path fill-rule="evenodd" d="M8.893 1.5c-.183-.31-.52-.5-.887-.5s-.703.19-.886.5L.138 13.499a.98.98 0 0 0 0 1.001c.193.31.53.501.886.501h13.964c.367 0 .704-.19.877-.5a1.03 1.03 0 0 0 .01-1.002L8.893 1.5zm.133 11.497H6.987v-2.003h2.039v2.003zm0-3.004H6.987V5.987h2.039v4.006z"></path></svg></span>Unlisted page</div><div class="admonitionContent_mbd8">This page is unlisted. Search engines will not index it, and only users having a direct link can access it.</div></div><div class="docItemContainer_b1tn"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_ioLt" aria-label="Breadcrumbs"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Home page" class="breadcrumbs__link" href="/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_ZfEo"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/docs/guides"><span itemprop="name">🎯  Guides</span></a><meta itemprop="position" content="1"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/docs/guides/examples"><span itemprop="name">Examples</span></a><meta itemprop="position" content="2"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">Desktop/Touch platforms</span><meta itemprop="position" content="3"></li></ul></nav><div class="theme-doc-markdown markdown"><header><h1>Desktop/Touch platforms</h1></header>
 <div class="theme-admonition theme-admonition-caution admonition_yLUd alert alert--warning"><div class="admonitionHeading_ulUq"><span class="admonitionIcon_Wbvt"><svg viewBox="0 0 16 16"><path fill-rule="evenodd" d="M8.893 1.5c-.183-.31-.52-.5-.887-.5s-.703.19-.886.5L.138 13.499a.98.98 0 0 0 0 1.001c.193.31.53.501.886.501h13.964c.367 0 .704-.19.877-.5a1.03 1.03 0 0 0 .01-1.002L8.893 1.5zm.133 11.497H6.987v-2.003h2.039v2.003zm0-3.004H6.987V5.987h2.039v4.006z"></path></svg></span>WIP</div><div class="admonitionContent_mbd8"><div><p>The article is in the process of writing</p><p>To bring the release of the article closer, you can:</p><ul><li>📢 Share your feedback <a href="https://github.com/feature-sliced/documentation/issues/198" target="_blank" rel="noopener noreferrer">at article (comment/emoji-reaction)</a></li><li>💬 Collect the relevant <a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer">material on the topic from chat</a></li><li>⚒️ Contribute <a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer">in any other way</a></li></ul><br><p><i>🍰 Stay tuned!</i></p></div></div></div>
 <blockquote>
 <p>About the application of the methodology for desktop/touch</p>
-</blockquote></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/platforms.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Last updated<!-- --> on <b><time datetime="2024-09-29T11:02:46.000Z" itemprop="dateModified">Sep 29, 2024</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages navigation"></nav></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Specs</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/docs">Documentation</a></li><li class="footer__item"><a class="footer__link-item" href="/community">Community</a></li><li class="footer__item"><a class="footer__link-item" href="/nav">Help</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">License<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
+</blockquote></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/platforms.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Last updated<!-- --> on <b><time datetime="2024-10-07T18:23:06.000Z" itemprop="dateModified">Oct 7, 2024</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages navigation"></nav></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Specs</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/docs">Documentation</a></li><li class="footer__item"><a class="footer__link-item" href="/community">Community</a></li><li class="footer__item"><a class="footer__link-item" href="/nav">Help</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">License<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
 </body>
 </html>
\ No newline at end of file
diff --git a/docs/guides/examples/ssr.html b/docs/guides/examples/ssr.html
index 5fb67143d4..0e78897113 100644
--- a/docs/guides/examples/ssr.html
+++ b/docs/guides/examples/ssr.html
@@ -9,14 +9,14 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/opensearch.xml"><link rel="stylesheet" href="/assets/css/styles.04fd99a1.css">
-<script src="/assets/js/runtime~main.06c92bf3.js" defer="defer"></script>
-<script src="/assets/js/main.e2ab5a51.js" defer="defer"></script>
+<script src="/assets/js/runtime~main.29fb6ef5.js" defer="defer"></script>
+<script src="/assets/js/main.360a9d35.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/docs">📖 Docs</a><a class="navbar__item navbar__link" href="/community">💫 Community</a><a class="navbar__item navbar__link" href="/blog">📝 Blog</a><a class="navbar__item navbar__link" href="/examples">🛠 Examples</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/docs/guides/examples/ssr">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a aria-current="page" class="dropdown__link dropdown__link--active" href="/docs/guides/examples/ssr">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>English</a><ul class="dropdown__menu"><li><a href="/ru/docs/guides/examples/ssr" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ru">Русский</a></li><li><a href="/docs/guides/examples/ssr" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="en">English</a></li><li><a href="/uz/docs/guides/examples/ssr" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/docs/guides/examples/ssr" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="kr">한국어</a></li><li><a href="/ja/docs/guides/examples/ssr" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><div class="docsWrapper_rDLg"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_JQoL" type="button"></button><div class="docRoot_GkJk"><aside class="theme-doc-sidebar-container docSidebarContainer_xiHB"><div class="sidebarViewport_DaHB"><div class="sidebar_Kb82"><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_AkOp"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--active" href="/docs/guides">🎯  Guides</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--active" tabindex="0" href="/docs/guides/examples">Examples</a><button aria-label="Collapse sidebar category &#x27;Examples&#x27;" aria-expanded="true" type="button" class="clean-btn menu__caret"></button></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/guides/examples/auth">Authentication</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/guides/examples/types">Types</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/guides/examples/page-layout">Page layouts</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item sidebar-item--wip"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/docs/guides/examples/ssr">SSR</a></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/docs/guides/migration/from-custom">Migration</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/docs/guides/tech/with-nextjs">Tech</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/docs/guides/issues/desegmented">Code smells &amp; Issues</a></div></li></ul></li></ul></nav><button type="button" title="Collapse sidebar" aria-label="Collapse sidebar" class="button button--secondary button--outline collapseSidebarButton_L8vW"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_hYfn"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_uESP"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_w6lk"><div class="theme-admonition theme-admonition-caution admonition_yLUd alert alert--warning theme-unlisted-banner"><div class="admonitionHeading_ulUq"><span class="admonitionIcon_Wbvt"><svg viewBox="0 0 16 16"><path fill-rule="evenodd" d="M8.893 1.5c-.183-.31-.52-.5-.887-.5s-.703.19-.886.5L.138 13.499a.98.98 0 0 0 0 1.001c.193.31.53.501.886.501h13.964c.367 0 .704-.19.877-.5a1.03 1.03 0 0 0 .01-1.002L8.893 1.5zm.133 11.497H6.987v-2.003h2.039v2.003zm0-3.004H6.987V5.987h2.039v4.006z"></path></svg></span>Unlisted page</div><div class="admonitionContent_mbd8">This page is unlisted. Search engines will not index it, and only users having a direct link can access it.</div></div><div class="docItemContainer_b1tn"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_ioLt" aria-label="Breadcrumbs"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Home page" class="breadcrumbs__link" href="/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_ZfEo"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/docs/guides"><span itemprop="name">🎯  Guides</span></a><meta itemprop="position" content="1"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/docs/guides/examples"><span itemprop="name">Examples</span></a><meta itemprop="position" content="2"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">SSR</span><meta itemprop="position" content="3"></li></ul></nav><div class="theme-doc-markdown markdown"><header><h1>SSR</h1></header>
 <div class="theme-admonition theme-admonition-caution admonition_yLUd alert alert--warning"><div class="admonitionHeading_ulUq"><span class="admonitionIcon_Wbvt"><svg viewBox="0 0 16 16"><path fill-rule="evenodd" d="M8.893 1.5c-.183-.31-.52-.5-.887-.5s-.703.19-.886.5L.138 13.499a.98.98 0 0 0 0 1.001c.193.31.53.501.886.501h13.964c.367 0 .704-.19.877-.5a1.03 1.03 0 0 0 .01-1.002L8.893 1.5zm.133 11.497H6.987v-2.003h2.039v2.003zm0-3.004H6.987V5.987h2.039v4.006z"></path></svg></span>WIP</div><div class="admonitionContent_mbd8"><div><p>The article is in the process of writing</p><p>To bring the release of the article closer, you can:</p><ul><li>📢 Share your feedback <a href="https://github.com/feature-sliced/documentation/issues/173" target="_blank" rel="noopener noreferrer">at article (comment/emoji-reaction)</a></li><li>💬 Collect the relevant <a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer">material on the topic from chat</a></li><li>⚒️ Contribute <a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer">in any other way</a></li></ul><br><p><i>🍰 Stay tuned!</i></p></div></div></div>
 <blockquote>
 <p>About the implementation of SSR using the methodology</p>
-</blockquote></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/ssr.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Last updated<!-- --> on <b><time datetime="2024-09-29T11:02:46.000Z" itemprop="dateModified">Sep 29, 2024</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages navigation"></nav></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Specs</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/docs">Documentation</a></li><li class="footer__item"><a class="footer__link-item" href="/community">Community</a></li><li class="footer__item"><a class="footer__link-item" href="/nav">Help</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">License<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
+</blockquote></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/ssr.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Last updated<!-- --> on <b><time datetime="2024-10-07T18:23:06.000Z" itemprop="dateModified">Oct 7, 2024</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages navigation"></nav></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Specs</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/docs">Documentation</a></li><li class="footer__item"><a class="footer__link-item" href="/community">Community</a></li><li class="footer__item"><a class="footer__link-item" href="/nav">Help</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">License<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
 </body>
 </html>
\ No newline at end of file
diff --git a/docs/guides/examples/theme.html b/docs/guides/examples/theme.html
index d1e8db1b8f..ef3070a13e 100644
--- a/docs/guides/examples/theme.html
+++ b/docs/guides/examples/theme.html
@@ -9,8 +9,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/opensearch.xml"><link rel="stylesheet" href="/assets/css/styles.04fd99a1.css">
-<script src="/assets/js/runtime~main.06c92bf3.js" defer="defer"></script>
-<script src="/assets/js/main.e2ab5a51.js" defer="defer"></script>
+<script src="/assets/js/runtime~main.29fb6ef5.js" defer="defer"></script>
+<script src="/assets/js/main.360a9d35.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/docs">📖 Docs</a><a class="navbar__item navbar__link" href="/community">💫 Community</a><a class="navbar__item navbar__link" href="/blog">📝 Blog</a><a class="navbar__item navbar__link" href="/examples">🛠 Examples</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/docs/guides/examples/theme">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a aria-current="page" class="dropdown__link dropdown__link--active" href="/docs/guides/examples/theme">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>English</a><ul class="dropdown__menu"><li><a href="/ru/docs/guides/examples/theme" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ru">Русский</a></li><li><a href="/docs/guides/examples/theme" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="en">English</a></li><li><a href="/uz/docs/guides/examples/theme" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/docs/guides/examples/theme" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="kr">한국어</a></li><li><a href="/ja/docs/guides/examples/theme" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><div class="docsWrapper_rDLg"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_JQoL" type="button"></button><div class="docRoot_GkJk"><aside class="theme-doc-sidebar-container docSidebarContainer_xiHB"><div class="sidebarViewport_DaHB"><div class="sidebar_Kb82"><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_AkOp"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--active" href="/docs/guides">🎯  Guides</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--active" tabindex="0" href="/docs/guides/examples">Examples</a><button aria-label="Collapse sidebar category &#x27;Examples&#x27;" aria-expanded="true" type="button" class="clean-btn menu__caret"></button></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/guides/examples/auth">Authentication</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/guides/examples/types">Types</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/guides/examples/page-layout">Page layouts</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item sidebar-item--wip"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/docs/guides/examples/theme">Theme</a></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/docs/guides/migration/from-custom">Migration</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/docs/guides/tech/with-nextjs">Tech</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/docs/guides/issues/desegmented">Code smells &amp; Issues</a></div></li></ul></li></ul></nav><button type="button" title="Collapse sidebar" aria-label="Collapse sidebar" class="button button--secondary button--outline collapseSidebarButton_L8vW"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_hYfn"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_uESP"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_w6lk"><div class="theme-admonition theme-admonition-caution admonition_yLUd alert alert--warning theme-unlisted-banner"><div class="admonitionHeading_ulUq"><span class="admonitionIcon_Wbvt"><svg viewBox="0 0 16 16"><path fill-rule="evenodd" d="M8.893 1.5c-.183-.31-.52-.5-.887-.5s-.703.19-.886.5L.138 13.499a.98.98 0 0 0 0 1.001c.193.31.53.501.886.501h13.964c.367 0 .704-.19.877-.5a1.03 1.03 0 0 0 .01-1.002L8.893 1.5zm.133 11.497H6.987v-2.003h2.039v2.003zm0-3.004H6.987V5.987h2.039v4.006z"></path></svg></span>Unlisted page</div><div class="admonitionContent_mbd8">This page is unlisted. Search engines will not index it, and only users having a direct link can access it.</div></div><div class="docItemContainer_b1tn"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_ioLt" aria-label="Breadcrumbs"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Home page" class="breadcrumbs__link" href="/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_ZfEo"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/docs/guides"><span itemprop="name">🎯  Guides</span></a><meta itemprop="position" content="1"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/docs/guides/examples"><span itemprop="name">Examples</span></a><meta itemprop="position" content="2"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">Theme</span><meta itemprop="position" content="3"></li></ul></nav><div class="tocCollapsible_EkMH theme-doc-toc-mobile tocMobile_XRnS"><button type="button" class="clean-btn tocCollapsibleButton_ID8T">On this page</button></div><div class="theme-doc-markdown markdown"><header><h1>Theme</h1></header>
@@ -22,6 +22,6 @@ <h2 class="anchor anchorWithStickyNavbar_QzlE" id="where-should-i-put-my-work-wi
 <h2 class="anchor anchorWithStickyNavbar_QzlE" id="discussion-about-the-location-of-the-theme-i18n-logic">Discussion about the location of the theme, i18n logic<a href="#discussion-about-the-location-of-the-theme-i18n-logic" class="hash-link" aria-label="Direct link to heading" title="Direct link to heading">​</a></h2>
 <blockquote>
 <p><a href="https://youtu.be/b_nBvHWqxP8?t=133" target="_blank" rel="noopener noreferrer">https://youtu.be/b_nBvHWqxP8?t=133</a></p>
-</blockquote></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/theme.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Last updated<!-- --> on <b><time datetime="2024-09-29T11:02:46.000Z" itemprop="dateModified">Sep 29, 2024</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages navigation"></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#where-should-i-put-my-work-with-the-theme-and-palette" class="table-of-contents__link toc-highlight">Where should I put my work with the theme and palette?</a></li><li><a href="#discussion-about-the-location-of-the-theme-i18n-logic" class="table-of-contents__link toc-highlight">Discussion about the location of the theme, i18n logic</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Specs</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/docs">Documentation</a></li><li class="footer__item"><a class="footer__link-item" href="/community">Community</a></li><li class="footer__item"><a class="footer__link-item" href="/nav">Help</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">License<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
+</blockquote></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/theme.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Last updated<!-- --> on <b><time datetime="2024-10-07T18:23:06.000Z" itemprop="dateModified">Oct 7, 2024</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages navigation"></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#where-should-i-put-my-work-with-the-theme-and-palette" class="table-of-contents__link toc-highlight">Where should I put my work with the theme and palette?</a></li><li><a href="#discussion-about-the-location-of-the-theme-i18n-logic" class="table-of-contents__link toc-highlight">Discussion about the location of the theme, i18n logic</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Specs</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/docs">Documentation</a></li><li class="footer__item"><a class="footer__link-item" href="/community">Community</a></li><li class="footer__item"><a class="footer__link-item" href="/nav">Help</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">License<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
 </body>
 </html>
\ No newline at end of file
diff --git a/docs/guides/examples/types.html b/docs/guides/examples/types.html
index e56d69ff19..404d7ab7f9 100644
--- a/docs/guides/examples/types.html
+++ b/docs/guides/examples/types.html
@@ -9,8 +9,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/opensearch.xml"><link rel="stylesheet" href="/assets/css/styles.04fd99a1.css">
-<script src="/assets/js/runtime~main.06c92bf3.js" defer="defer"></script>
-<script src="/assets/js/main.e2ab5a51.js" defer="defer"></script>
+<script src="/assets/js/runtime~main.29fb6ef5.js" defer="defer"></script>
+<script src="/assets/js/main.360a9d35.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/docs">📖 Docs</a><a class="navbar__item navbar__link" href="/community">💫 Community</a><a class="navbar__item navbar__link" href="/blog">📝 Blog</a><a class="navbar__item navbar__link" href="/examples">🛠 Examples</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/docs/guides/examples/types">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a aria-current="page" class="dropdown__link dropdown__link--active" href="/docs/guides/examples/types">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>English</a><ul class="dropdown__menu"><li><a href="/ru/docs/guides/examples/types" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ru">Русский</a></li><li><a href="/docs/guides/examples/types" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="en">English</a></li><li><a href="/uz/docs/guides/examples/types" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/docs/guides/examples/types" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="kr">한국어</a></li><li><a href="/ja/docs/guides/examples/types" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><div class="docsWrapper_rDLg"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_JQoL" type="button"></button><div class="docRoot_GkJk"><aside class="theme-doc-sidebar-container docSidebarContainer_xiHB"><div class="sidebarViewport_DaHB"><div class="sidebar_Kb82"><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_AkOp"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--active" href="/docs/guides">🎯  Guides</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--active" tabindex="0" href="/docs/guides/examples">Examples</a><button aria-label="Collapse sidebar category &#x27;Examples&#x27;" aria-expanded="true" type="button" class="clean-btn menu__caret"></button></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/guides/examples/auth">Authentication</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/docs/guides/examples/types">Types</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/guides/examples/page-layout">Page layouts</a></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/docs/guides/migration/from-custom">Migration</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/docs/guides/tech/with-nextjs">Tech</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/docs/guides/issues/desegmented">Code smells &amp; Issues</a></div></li></ul></li></ul></nav><button type="button" title="Collapse sidebar" aria-label="Collapse sidebar" class="button button--secondary button--outline collapseSidebarButton_L8vW"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_hYfn"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_uESP"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_w6lk"><div class="docItemContainer_b1tn"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_ioLt" aria-label="Breadcrumbs"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Home page" class="breadcrumbs__link" href="/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_ZfEo"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/docs/guides"><span itemprop="name">🎯  Guides</span></a><meta itemprop="position" content="1"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/docs/guides/examples"><span itemprop="name">Examples</span></a><meta itemprop="position" content="2"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">Types</span><meta itemprop="position" content="3"></li></ul></nav><div class="tocCollapsible_EkMH theme-doc-toc-mobile tocMobile_XRnS"><button type="button" class="clean-btn tocCollapsibleButton_ID8T">On this page</button></div><div class="theme-doc-markdown markdown"><header><h1>Types</h1></header>
@@ -142,6 +142,6 @@ <h2 class="anchor anchorWithStickyNavbar_QzlE" id="ambient-declaration-files-dts
 <p>Other packages simply don&#x27;t have typings, and you might want to declare them as untyped or even write your own typings for them. A good place for those typings would be <code>shared/lib</code>, in a folder like <code>shared/lib/untyped-packages</code>. Create a <code>%LIBRARY_NAME%.d.ts</code> file there and declare the types you need:</p>
 <div class="language-ts codeBlockContainer_IiXL theme-code-block" style="--prism-background-color:hsl(230, 1%, 98%);--prism-color:hsl(230, 8%, 24%)"><div class="codeBlockTitle_ajkA">shared/lib/untyped-packages/use-react-screenshot.d.ts</div><div class="codeBlockContent_Y78k"><pre tabindex="0" class="prism-code language-ts codeBlock_gc_u thin-scrollbar" style="background-color:hsl(230, 1%, 98%);color:hsl(230, 8%, 24%)"><code class="codeBlockLines_PG8G"><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token comment" style="color:hsl(230, 4%, 64%)">// This library doesn&#x27;t have typings, and we didn&#x27;t want to bother writing our own.</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain"></span><span class="token keyword" style="color:hsl(301, 63%, 40%)">declare</span><span class="token plain"> </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">module</span><span class="token plain"> </span><span class="token string" style="color:hsl(119, 34%, 47%)">&quot;use-react-screenshot&quot;</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><br></span></code></pre><div class="buttonGroup_VWIG"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_p0uL" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_LnVn"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_yLdc"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div>
 <h2 class="anchor anchorWithStickyNavbar_QzlE" id="auto-generation-of-types">Auto-generation of types<a href="#auto-generation-of-types" class="hash-link" aria-label="Direct link to heading" title="Direct link to heading">​</a></h2>
-<p>It&#x27;s common to generate types from external sources, for example, generating backend types from an OpenAPI schema. In this case, create a dedicated place in your codebase for these types, like <code>shared/api/openapi</code>. Ideally, you should also include a README in that folder that describes what these files are, how to regenerate them, etc.</p></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/types.md" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Last updated<!-- --> on <b><time datetime="2024-09-29T11:02:46.000Z" itemprop="dateModified">Sep 29, 2024</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/docs/guides/examples/auth"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">Authentication</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/docs/guides/examples/page-layout"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">Page layouts</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#utility-types" class="table-of-contents__link toc-highlight">Utility types</a></li><li><a href="#business-entities-and-their-cross-references" class="table-of-contents__link toc-highlight">Business entities and their cross-references</a></li><li><a href="#data-transfer-objects-and-mappers" class="table-of-contents__link toc-highlight">Data transfer objects and mappers</a><ul><li><a href="#where-to-put-dtos" class="table-of-contents__link toc-highlight">Where to put DTOs</a></li><li><a href="#where-to-put-mappers" class="table-of-contents__link toc-highlight">Where to put mappers</a></li><li><a href="#how-to-deal-with-nested-dtos" class="table-of-contents__link toc-highlight">How to deal with nested DTOs</a></li></ul></li><li><a href="#global-types-and-redux" class="table-of-contents__link toc-highlight">Global types and Redux</a></li><li><a href="#enums" class="table-of-contents__link toc-highlight">Enums</a></li><li><a href="#type-validation-schemas-and-zod" class="table-of-contents__link toc-highlight">Type validation schemas and Zod</a></li><li><a href="#typings-of-component-props-and-context" class="table-of-contents__link toc-highlight">Typings of component props and context</a></li><li><a href="#ambient-declaration-files-dts" class="table-of-contents__link toc-highlight">Ambient declaration files (<code>*.d.ts</code>)</a></li><li><a href="#auto-generation-of-types" class="table-of-contents__link toc-highlight">Auto-generation of types</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Specs</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/docs">Documentation</a></li><li class="footer__item"><a class="footer__link-item" href="/community">Community</a></li><li class="footer__item"><a class="footer__link-item" href="/nav">Help</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">License<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
+<p>It&#x27;s common to generate types from external sources, for example, generating backend types from an OpenAPI schema. In this case, create a dedicated place in your codebase for these types, like <code>shared/api/openapi</code>. Ideally, you should also include a README in that folder that describes what these files are, how to regenerate them, etc.</p></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/types.md" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Last updated<!-- --> on <b><time datetime="2024-10-07T18:23:06.000Z" itemprop="dateModified">Oct 7, 2024</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/docs/guides/examples/auth"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">Authentication</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/docs/guides/examples/page-layout"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">Page layouts</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#utility-types" class="table-of-contents__link toc-highlight">Utility types</a></li><li><a href="#business-entities-and-their-cross-references" class="table-of-contents__link toc-highlight">Business entities and their cross-references</a></li><li><a href="#data-transfer-objects-and-mappers" class="table-of-contents__link toc-highlight">Data transfer objects and mappers</a><ul><li><a href="#where-to-put-dtos" class="table-of-contents__link toc-highlight">Where to put DTOs</a></li><li><a href="#where-to-put-mappers" class="table-of-contents__link toc-highlight">Where to put mappers</a></li><li><a href="#how-to-deal-with-nested-dtos" class="table-of-contents__link toc-highlight">How to deal with nested DTOs</a></li></ul></li><li><a href="#global-types-and-redux" class="table-of-contents__link toc-highlight">Global types and Redux</a></li><li><a href="#enums" class="table-of-contents__link toc-highlight">Enums</a></li><li><a href="#type-validation-schemas-and-zod" class="table-of-contents__link toc-highlight">Type validation schemas and Zod</a></li><li><a href="#typings-of-component-props-and-context" class="table-of-contents__link toc-highlight">Typings of component props and context</a></li><li><a href="#ambient-declaration-files-dts" class="table-of-contents__link toc-highlight">Ambient declaration files (<code>*.d.ts</code>)</a></li><li><a href="#auto-generation-of-types" class="table-of-contents__link toc-highlight">Auto-generation of types</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Specs</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/docs">Documentation</a></li><li class="footer__item"><a class="footer__link-item" href="/community">Community</a></li><li class="footer__item"><a class="footer__link-item" href="/nav">Help</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">License<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
 </body>
 </html>
\ No newline at end of file
diff --git a/docs/guides/examples/white-labels.html b/docs/guides/examples/white-labels.html
index 4a056320c2..d2e48d616e 100644
--- a/docs/guides/examples/white-labels.html
+++ b/docs/guides/examples/white-labels.html
@@ -9,8 +9,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/opensearch.xml"><link rel="stylesheet" href="/assets/css/styles.04fd99a1.css">
-<script src="/assets/js/runtime~main.06c92bf3.js" defer="defer"></script>
-<script src="/assets/js/main.e2ab5a51.js" defer="defer"></script>
+<script src="/assets/js/runtime~main.29fb6ef5.js" defer="defer"></script>
+<script src="/assets/js/main.360a9d35.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/docs">📖 Docs</a><a class="navbar__item navbar__link" href="/community">💫 Community</a><a class="navbar__item navbar__link" href="/blog">📝 Blog</a><a class="navbar__item navbar__link" href="/examples">🛠 Examples</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/docs/guides/examples/white-labels">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a aria-current="page" class="dropdown__link dropdown__link--active" href="/docs/guides/examples/white-labels">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>English</a><ul class="dropdown__menu"><li><a href="/ru/docs/guides/examples/white-labels" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ru">Русский</a></li><li><a href="/docs/guides/examples/white-labels" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="en">English</a></li><li><a href="/uz/docs/guides/examples/white-labels" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/docs/guides/examples/white-labels" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="kr">한국어</a></li><li><a href="/ja/docs/guides/examples/white-labels" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><div class="docsWrapper_rDLg"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_JQoL" type="button"></button><div class="docRoot_GkJk"><aside class="theme-doc-sidebar-container docSidebarContainer_xiHB"><div class="sidebarViewport_DaHB"><div class="sidebar_Kb82"><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_AkOp"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--active" href="/docs/guides">🎯  Guides</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--active" tabindex="0" href="/docs/guides/examples">Examples</a><button aria-label="Collapse sidebar category &#x27;Examples&#x27;" aria-expanded="true" type="button" class="clean-btn menu__caret"></button></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/guides/examples/auth">Authentication</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/guides/examples/types">Types</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/guides/examples/page-layout">Page layouts</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item sidebar-item--wip"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/docs/guides/examples/white-labels">White Labels</a></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/docs/guides/migration/from-custom">Migration</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/docs/guides/tech/with-nextjs">Tech</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/docs/guides/issues/desegmented">Code smells &amp; Issues</a></div></li></ul></li></ul></nav><button type="button" title="Collapse sidebar" aria-label="Collapse sidebar" class="button button--secondary button--outline collapseSidebarButton_L8vW"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_hYfn"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_uESP"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_w6lk"><div class="theme-admonition theme-admonition-caution admonition_yLUd alert alert--warning theme-unlisted-banner"><div class="admonitionHeading_ulUq"><span class="admonitionIcon_Wbvt"><svg viewBox="0 0 16 16"><path fill-rule="evenodd" d="M8.893 1.5c-.183-.31-.52-.5-.887-.5s-.703.19-.886.5L.138 13.499a.98.98 0 0 0 0 1.001c.193.31.53.501.886.501h13.964c.367 0 .704-.19.877-.5a1.03 1.03 0 0 0 .01-1.002L8.893 1.5zm.133 11.497H6.987v-2.003h2.039v2.003zm0-3.004H6.987V5.987h2.039v4.006z"></path></svg></span>Unlisted page</div><div class="admonitionContent_mbd8">This page is unlisted. Search engines will not index it, and only users having a direct link can access it.</div></div><div class="docItemContainer_b1tn"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_ioLt" aria-label="Breadcrumbs"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Home page" class="breadcrumbs__link" href="/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_ZfEo"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/docs/guides"><span itemprop="name">🎯  Guides</span></a><meta itemprop="position" content="1"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/docs/guides/examples"><span itemprop="name">Examples</span></a><meta itemprop="position" content="2"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">White Labels</span><meta itemprop="position" content="3"></li></ul></nav><div class="tocCollapsible_EkMH theme-doc-toc-mobile tocMobile_XRnS"><button type="button" class="clean-btn tocCollapsibleButton_ID8T">On this page</button></div><div class="theme-doc-markdown markdown"><header><h1>White Labels</h1></header>
@@ -22,6 +22,6 @@ <h2 class="anchor anchorWithStickyNavbar_QzlE" id="see-also">See also<a href="#s
 <ul>
 <li><a href="https://t.me/feature_sliced/1543" target="_blank" rel="noopener noreferrer">(Thread) About the application for white-labels (branded) projects</a></li>
 <li><a href="http://yadi.sk/i/5IdhzsWrpO3v4Q" target="_blank" rel="noopener noreferrer">(Presentation) About white-labels apps and design</a></li>
-</ul></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/white-labels.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Last updated<!-- --> on <b><time datetime="2024-09-29T11:02:46.000Z" itemprop="dateModified">Sep 29, 2024</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages navigation"></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#see-also" class="table-of-contents__link toc-highlight">See also</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Specs</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/docs">Documentation</a></li><li class="footer__item"><a class="footer__link-item" href="/community">Community</a></li><li class="footer__item"><a class="footer__link-item" href="/nav">Help</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">License<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
+</ul></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/white-labels.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Last updated<!-- --> on <b><time datetime="2024-10-07T18:23:06.000Z" itemprop="dateModified">Oct 7, 2024</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages navigation"></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#see-also" class="table-of-contents__link toc-highlight">See also</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Specs</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/docs">Documentation</a></li><li class="footer__item"><a class="footer__link-item" href="/community">Community</a></li><li class="footer__item"><a class="footer__link-item" href="/nav">Help</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">License<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
 </body>
 </html>
\ No newline at end of file
diff --git a/docs/guides/issues/cross-imports.html b/docs/guides/issues/cross-imports.html
index 913e0a9ba5..278e45ff6d 100644
--- a/docs/guides/issues/cross-imports.html
+++ b/docs/guides/issues/cross-imports.html
@@ -9,8 +9,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/opensearch.xml"><link rel="stylesheet" href="/assets/css/styles.04fd99a1.css">
-<script src="/assets/js/runtime~main.06c92bf3.js" defer="defer"></script>
-<script src="/assets/js/main.e2ab5a51.js" defer="defer"></script>
+<script src="/assets/js/runtime~main.29fb6ef5.js" defer="defer"></script>
+<script src="/assets/js/main.360a9d35.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/docs">📖 Docs</a><a class="navbar__item navbar__link" href="/community">💫 Community</a><a class="navbar__item navbar__link" href="/blog">📝 Blog</a><a class="navbar__item navbar__link" href="/examples">🛠 Examples</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/docs/guides/issues/cross-imports">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a aria-current="page" class="dropdown__link dropdown__link--active" href="/docs/guides/issues/cross-imports">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>English</a><ul class="dropdown__menu"><li><a href="/ru/docs/guides/issues/cross-imports" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ru">Русский</a></li><li><a href="/docs/guides/issues/cross-imports" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="en">English</a></li><li><a href="/uz/docs/guides/issues/cross-imports" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/docs/guides/issues/cross-imports" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="kr">한국어</a></li><li><a href="/ja/docs/guides/issues/cross-imports" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><div class="docsWrapper_rDLg"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_JQoL" type="button"></button><div class="docRoot_GkJk"><aside class="theme-doc-sidebar-container docSidebarContainer_xiHB"><div class="sidebarViewport_DaHB"><div class="sidebar_Kb82"><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_AkOp"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--active" href="/docs/guides">🎯  Guides</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" tabindex="0" href="/docs/guides/examples">Examples</a><button aria-label="Expand sidebar category &#x27;Examples&#x27;" aria-expanded="false" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/docs/guides/migration/from-custom">Migration</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/docs/guides/tech/with-nextjs">Tech</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret menu__link--active" role="button" aria-expanded="true" tabindex="0" href="/docs/guides/issues/desegmented">Code smells &amp; Issues</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item sidebar-item--wip"><a class="menu__link" tabindex="0" href="/docs/guides/issues/desegmented">Desegemented</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item sidebar-item--wip"><a class="menu__link" tabindex="0" href="/docs/guides/issues/routes">Routing</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item sidebar-item--wip"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/docs/guides/issues/cross-imports">Cross-imports</a></li></ul></li></ul></li></ul></nav><button type="button" title="Collapse sidebar" aria-label="Collapse sidebar" class="button button--secondary button--outline collapseSidebarButton_L8vW"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_hYfn"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_uESP"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_w6lk"><div class="docItemContainer_b1tn"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_ioLt" aria-label="Breadcrumbs"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Home page" class="breadcrumbs__link" href="/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_ZfEo"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/docs/guides"><span itemprop="name">🎯  Guides</span></a><meta itemprop="position" content="1"></li><li class="breadcrumbs__item"><span class="breadcrumbs__link">Code smells &amp; Issues</span><meta itemprop="position" content="2"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">Cross-imports</span><meta itemprop="position" content="3"></li></ul></nav><div class="tocCollapsible_EkMH theme-doc-toc-mobile tocMobile_XRnS"><button type="button" class="clean-btn tocCollapsibleButton_ID8T">On this page</button></div><div class="theme-doc-markdown markdown"><header><h1>Cross-imports</h1></header>
@@ -25,6 +25,6 @@ <h2 class="anchor anchorWithStickyNavbar_QzlE" id="see-also">See also<a href="#s
 <li><a href="https://t.me/feature_sliced/3287" target="_blank" rel="noopener noreferrer">(Thread) About cross-imports and responsibility</a></li>
 <li><a href="https://t.me/feature_sliced/4021" target="_blank" rel="noopener noreferrer">(Thread) About imports between segments</a></li>
 <li><a href="https://t.me/feature_sliced/3618" target="_blank" rel="noopener noreferrer">(Thread) About cross-imports inside shared</a></li>
-</ul></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/guides/issues/cross-imports.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Last updated<!-- --> on <b><time datetime="2024-09-29T11:02:46.000Z" itemprop="dateModified">Sep 29, 2024</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/docs/guides/issues/routes"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">Routing</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/docs/reference"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">📚 Reference</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#see-also" class="table-of-contents__link toc-highlight">See also</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Specs</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/docs">Documentation</a></li><li class="footer__item"><a class="footer__link-item" href="/community">Community</a></li><li class="footer__item"><a class="footer__link-item" href="/nav">Help</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">License<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
+</ul></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/guides/issues/cross-imports.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Last updated<!-- --> on <b><time datetime="2024-10-07T18:23:06.000Z" itemprop="dateModified">Oct 7, 2024</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/docs/guides/issues/routes"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">Routing</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/docs/reference"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">📚 Reference</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#see-also" class="table-of-contents__link toc-highlight">See also</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Specs</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/docs">Documentation</a></li><li class="footer__item"><a class="footer__link-item" href="/community">Community</a></li><li class="footer__item"><a class="footer__link-item" href="/nav">Help</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">License<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
 </body>
 </html>
\ No newline at end of file
diff --git a/docs/guides/issues/desegmented.html b/docs/guides/issues/desegmented.html
index 1420fedefb..ec29f7ae8f 100644
--- a/docs/guides/issues/desegmented.html
+++ b/docs/guides/issues/desegmented.html
@@ -9,8 +9,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/opensearch.xml"><link rel="stylesheet" href="/assets/css/styles.04fd99a1.css">
-<script src="/assets/js/runtime~main.06c92bf3.js" defer="defer"></script>
-<script src="/assets/js/main.e2ab5a51.js" defer="defer"></script>
+<script src="/assets/js/runtime~main.29fb6ef5.js" defer="defer"></script>
+<script src="/assets/js/main.360a9d35.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/docs">📖 Docs</a><a class="navbar__item navbar__link" href="/community">💫 Community</a><a class="navbar__item navbar__link" href="/blog">📝 Blog</a><a class="navbar__item navbar__link" href="/examples">🛠 Examples</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/docs/guides/issues/desegmented">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a aria-current="page" class="dropdown__link dropdown__link--active" href="/docs/guides/issues/desegmented">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>English</a><ul class="dropdown__menu"><li><a href="/ru/docs/guides/issues/desegmented" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ru">Русский</a></li><li><a href="/docs/guides/issues/desegmented" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="en">English</a></li><li><a href="/uz/docs/guides/issues/desegmented" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/docs/guides/issues/desegmented" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="kr">한국어</a></li><li><a href="/ja/docs/guides/issues/desegmented" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><div class="docsWrapper_rDLg"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_JQoL" type="button"></button><div class="docRoot_GkJk"><aside class="theme-doc-sidebar-container docSidebarContainer_xiHB"><div class="sidebarViewport_DaHB"><div class="sidebar_Kb82"><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_AkOp"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--active" href="/docs/guides">🎯  Guides</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" tabindex="0" href="/docs/guides/examples">Examples</a><button aria-label="Expand sidebar category &#x27;Examples&#x27;" aria-expanded="false" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/docs/guides/migration/from-custom">Migration</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/docs/guides/tech/with-nextjs">Tech</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret menu__link--active" role="button" aria-expanded="true" tabindex="0" href="/docs/guides/issues/desegmented">Code smells &amp; Issues</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item sidebar-item--wip"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/docs/guides/issues/desegmented">Desegemented</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item sidebar-item--wip"><a class="menu__link" tabindex="0" href="/docs/guides/issues/routes">Routing</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item sidebar-item--wip"><a class="menu__link" tabindex="0" href="/docs/guides/issues/cross-imports">Cross-imports</a></li></ul></li></ul></li></ul></nav><button type="button" title="Collapse sidebar" aria-label="Collapse sidebar" class="button button--secondary button--outline collapseSidebarButton_L8vW"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_hYfn"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_uESP"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_w6lk"><div class="docItemContainer_b1tn"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_ioLt" aria-label="Breadcrumbs"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Home page" class="breadcrumbs__link" href="/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_ZfEo"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/docs/guides"><span itemprop="name">🎯  Guides</span></a><meta itemprop="position" content="1"></li><li class="breadcrumbs__item"><span class="breadcrumbs__link">Code smells &amp; Issues</span><meta itemprop="position" content="2"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">Desegemented</span><meta itemprop="position" content="3"></li></ul></nav><div class="tocCollapsible_EkMH theme-doc-toc-mobile tocMobile_XRnS"><button type="button" class="clean-btn tocCollapsibleButton_ID8T">On this page</button></div><div class="theme-doc-markdown markdown"><header><h1>Desegemented</h1></header>
@@ -38,6 +38,6 @@ <h2 class="anchor anchorWithStickyNavbar_QzlE" id="see-also">See also<a href="#s
 <ul>
 <li><a href="https://enterprisecraftsmanship.com/posts/cohesion-coupling-difference/" target="_blank" rel="noopener noreferrer">(Article) About Low Coupling and High Cohesion clearly</a></li>
 <li><a href="https://medium.com/german-gorelkin/low-coupling-high-cohesion-d36369fb1be9" target="_blank" rel="noopener noreferrer">(Article) Low Coupling and High Cohesion. The Law of Demeter</a></li>
-</ul></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/guides/issues/desegmented.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Last updated<!-- --> on <b><time datetime="2024-09-29T11:02:46.000Z" itemprop="dateModified">Sep 29, 2024</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/docs/guides/tech/with-sveltekit"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">Usage with SvelteKit</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/docs/guides/issues/routes"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">Routing</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#situation" class="table-of-contents__link toc-highlight">Situation</a></li><li><a href="#problem" class="table-of-contents__link toc-highlight">Problem</a></li><li><a href="#if-you-ignore-it" class="table-of-contents__link toc-highlight">If you ignore it</a></li><li><a href="#solution" class="table-of-contents__link toc-highlight">Solution</a></li><li><a href="#see-also" class="table-of-contents__link toc-highlight">See also</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Specs</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/docs">Documentation</a></li><li class="footer__item"><a class="footer__link-item" href="/community">Community</a></li><li class="footer__item"><a class="footer__link-item" href="/nav">Help</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">License<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
+</ul></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/guides/issues/desegmented.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Last updated<!-- --> on <b><time datetime="2024-10-07T18:23:06.000Z" itemprop="dateModified">Oct 7, 2024</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/docs/guides/tech/with-sveltekit"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">Usage with SvelteKit</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/docs/guides/issues/routes"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">Routing</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#situation" class="table-of-contents__link toc-highlight">Situation</a></li><li><a href="#problem" class="table-of-contents__link toc-highlight">Problem</a></li><li><a href="#if-you-ignore-it" class="table-of-contents__link toc-highlight">If you ignore it</a></li><li><a href="#solution" class="table-of-contents__link toc-highlight">Solution</a></li><li><a href="#see-also" class="table-of-contents__link toc-highlight">See also</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Specs</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/docs">Documentation</a></li><li class="footer__item"><a class="footer__link-item" href="/community">Community</a></li><li class="footer__item"><a class="footer__link-item" href="/nav">Help</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">License<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
 </body>
 </html>
\ No newline at end of file
diff --git a/docs/guides/issues/routes.html b/docs/guides/issues/routes.html
index 1b0dece00c..02c27ecb38 100644
--- a/docs/guides/issues/routes.html
+++ b/docs/guides/issues/routes.html
@@ -9,8 +9,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/opensearch.xml"><link rel="stylesheet" href="/assets/css/styles.04fd99a1.css">
-<script src="/assets/js/runtime~main.06c92bf3.js" defer="defer"></script>
-<script src="/assets/js/main.e2ab5a51.js" defer="defer"></script>
+<script src="/assets/js/runtime~main.29fb6ef5.js" defer="defer"></script>
+<script src="/assets/js/main.360a9d35.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/docs">📖 Docs</a><a class="navbar__item navbar__link" href="/community">💫 Community</a><a class="navbar__item navbar__link" href="/blog">📝 Blog</a><a class="navbar__item navbar__link" href="/examples">🛠 Examples</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/docs/guides/issues/routes">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a aria-current="page" class="dropdown__link dropdown__link--active" href="/docs/guides/issues/routes">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>English</a><ul class="dropdown__menu"><li><a href="/ru/docs/guides/issues/routes" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ru">Русский</a></li><li><a href="/docs/guides/issues/routes" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="en">English</a></li><li><a href="/uz/docs/guides/issues/routes" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/docs/guides/issues/routes" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="kr">한국어</a></li><li><a href="/ja/docs/guides/issues/routes" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><div class="docsWrapper_rDLg"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_JQoL" type="button"></button><div class="docRoot_GkJk"><aside class="theme-doc-sidebar-container docSidebarContainer_xiHB"><div class="sidebarViewport_DaHB"><div class="sidebar_Kb82"><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_AkOp"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--active" href="/docs/guides">🎯  Guides</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" tabindex="0" href="/docs/guides/examples">Examples</a><button aria-label="Expand sidebar category &#x27;Examples&#x27;" aria-expanded="false" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/docs/guides/migration/from-custom">Migration</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/docs/guides/tech/with-nextjs">Tech</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret menu__link--active" role="button" aria-expanded="true" tabindex="0" href="/docs/guides/issues/desegmented">Code smells &amp; Issues</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item sidebar-item--wip"><a class="menu__link" tabindex="0" href="/docs/guides/issues/desegmented">Desegemented</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item sidebar-item--wip"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/docs/guides/issues/routes">Routing</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item sidebar-item--wip"><a class="menu__link" tabindex="0" href="/docs/guides/issues/cross-imports">Cross-imports</a></li></ul></li></ul></li></ul></nav><button type="button" title="Collapse sidebar" aria-label="Collapse sidebar" class="button button--secondary button--outline collapseSidebarButton_L8vW"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_hYfn"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_uESP"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_w6lk"><div class="docItemContainer_b1tn"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_ioLt" aria-label="Breadcrumbs"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Home page" class="breadcrumbs__link" href="/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_ZfEo"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/docs/guides"><span itemprop="name">🎯  Guides</span></a><meta itemprop="position" content="1"></li><li class="breadcrumbs__item"><span class="breadcrumbs__link">Code smells &amp; Issues</span><meta itemprop="position" content="2"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">Routing</span><meta itemprop="position" content="3"></li></ul></nav><div class="tocCollapsible_EkMH theme-doc-toc-mobile tocMobile_XRnS"><button type="button" class="clean-btn tocCollapsibleButton_ID8T">On this page</button></div><div class="theme-doc-markdown markdown"><header><h1>Routing</h1></header>
@@ -30,6 +30,6 @@ <h2 class="anchor anchorWithStickyNavbar_QzlE" id="see-also">See also<a href="#s
 <ul>
 <li><a href="https://t.me/feature_sliced/4389" target="_blank" rel="noopener noreferrer">(Thread) What if I &quot;sew up&quot; routing in entities/features/widgets</a></li>
 <li><a href="https://t.me/feature_sliced/3756" target="_blank" rel="noopener noreferrer">(Thread) Why does it smear the logic of routes only in pages</a></li>
-</ul></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/guides/issues/routes.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Last updated<!-- --> on <b><time datetime="2024-09-29T11:02:46.000Z" itemprop="dateModified">Sep 29, 2024</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/docs/guides/issues/desegmented"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">Desegemented</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/docs/guides/issues/cross-imports"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">Cross-imports</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#situation" class="table-of-contents__link toc-highlight">Situation</a></li><li><a href="#problem" class="table-of-contents__link toc-highlight">Problem</a></li><li><a href="#if-you-ignore-it" class="table-of-contents__link toc-highlight">If you ignore it</a></li><li><a href="#solution" class="table-of-contents__link toc-highlight">Solution</a></li><li><a href="#see-also" class="table-of-contents__link toc-highlight">See also</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Specs</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/docs">Documentation</a></li><li class="footer__item"><a class="footer__link-item" href="/community">Community</a></li><li class="footer__item"><a class="footer__link-item" href="/nav">Help</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">License<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
+</ul></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/guides/issues/routes.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Last updated<!-- --> on <b><time datetime="2024-10-07T18:23:06.000Z" itemprop="dateModified">Oct 7, 2024</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/docs/guides/issues/desegmented"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">Desegemented</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/docs/guides/issues/cross-imports"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">Cross-imports</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#situation" class="table-of-contents__link toc-highlight">Situation</a></li><li><a href="#problem" class="table-of-contents__link toc-highlight">Problem</a></li><li><a href="#if-you-ignore-it" class="table-of-contents__link toc-highlight">If you ignore it</a></li><li><a href="#solution" class="table-of-contents__link toc-highlight">Solution</a></li><li><a href="#see-also" class="table-of-contents__link toc-highlight">See also</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Specs</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/docs">Documentation</a></li><li class="footer__item"><a class="footer__link-item" href="/community">Community</a></li><li class="footer__item"><a class="footer__link-item" href="/nav">Help</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">License<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
 </body>
 </html>
\ No newline at end of file
diff --git a/docs/guides/migration/from-custom.html b/docs/guides/migration/from-custom.html
index c33e3fc132..efd80ac55b 100644
--- a/docs/guides/migration/from-custom.html
+++ b/docs/guides/migration/from-custom.html
@@ -9,8 +9,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/opensearch.xml"><link rel="stylesheet" href="/assets/css/styles.04fd99a1.css">
-<script src="/assets/js/runtime~main.06c92bf3.js" defer="defer"></script>
-<script src="/assets/js/main.e2ab5a51.js" defer="defer"></script>
+<script src="/assets/js/runtime~main.29fb6ef5.js" defer="defer"></script>
+<script src="/assets/js/main.360a9d35.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/docs">📖 Docs</a><a class="navbar__item navbar__link" href="/community">💫 Community</a><a class="navbar__item navbar__link" href="/blog">📝 Blog</a><a class="navbar__item navbar__link" href="/examples">🛠 Examples</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/docs/guides/migration/from-custom">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a aria-current="page" class="dropdown__link dropdown__link--active" href="/docs/guides/migration/from-custom">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>English</a><ul class="dropdown__menu"><li><a href="/ru/docs/guides/migration/from-custom" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ru">Русский</a></li><li><a href="/docs/guides/migration/from-custom" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="en">English</a></li><li><a href="/uz/docs/guides/migration/from-custom" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/docs/guides/migration/from-custom" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="kr">한국어</a></li><li><a href="/ja/docs/guides/migration/from-custom" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><div class="docsWrapper_rDLg"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_JQoL" type="button"></button><div class="docRoot_GkJk"><aside class="theme-doc-sidebar-container docSidebarContainer_xiHB"><div class="sidebarViewport_DaHB"><div class="sidebar_Kb82"><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_AkOp"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--active" href="/docs/guides">🎯  Guides</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" tabindex="0" href="/docs/guides/examples">Examples</a><button aria-label="Expand sidebar category &#x27;Examples&#x27;" aria-expanded="false" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret menu__link--active" role="button" aria-expanded="true" tabindex="0" href="/docs/guides/migration/from-custom">Migration</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/docs/guides/migration/from-custom">From a custom architecture</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/guides/migration/from-v1">Migration from v1</a></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/docs/guides/tech/with-nextjs">Tech</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/docs/guides/issues/desegmented">Code smells &amp; Issues</a></div></li></ul></li></ul></nav><button type="button" title="Collapse sidebar" aria-label="Collapse sidebar" class="button button--secondary button--outline collapseSidebarButton_L8vW"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_hYfn"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_uESP"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_w6lk"><div class="docItemContainer_b1tn"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_ioLt" aria-label="Breadcrumbs"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Home page" class="breadcrumbs__link" href="/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_ZfEo"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/docs/guides"><span itemprop="name">🎯  Guides</span></a><meta itemprop="position" content="1"></li><li class="breadcrumbs__item"><span class="breadcrumbs__link">Migration</span><meta itemprop="position" content="2"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">From a custom architecture</span><meta itemprop="position" content="3"></li></ul></nav><div class="tocCollapsible_EkMH theme-doc-toc-mobile tocMobile_XRnS"><button type="button" class="clean-btn tocCollapsibleButton_ID8T">On this page</button></div><div class="theme-doc-markdown markdown"><header><h1>Migration from a custom architecture</h1></header>
@@ -99,6 +99,6 @@ <h3 class="anchor anchorWithStickyNavbar_QzlE" id="form-clean-ui-foundation">Ste
 <h2 class="anchor anchorWithStickyNavbar_QzlE" id="see-also">See also<a href="#see-also" class="hash-link" aria-label="Direct link to heading" title="Direct link to heading">​</a></h2>
 <ul>
 <li><a href="https://youtu.be/aOiJ3k2UvO4" target="_blank" rel="noopener noreferrer">(Talk in Russian) Ilya Klimov — Крысиные бега бесконечного рефакторинга: как не дать техническому долгу убить мотивацию и продукт</a></li>
-</ul></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/guides/migration/from-custom.md" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Last updated<!-- --> on <b><time datetime="2024-09-29T11:02:46.000Z" itemprop="dateModified">Sep 29, 2024</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/docs/guides/examples/page-layout"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">Page layouts</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/docs/guides/migration/from-v1"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">Migration from v1</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#before-you-start" class="table-of-contents__link toc-highlight">Before you start</a></li><li><a href="#divide-code-by-pages" class="table-of-contents__link toc-highlight">Step 1. Divide the code by pages</a></li><li><a href="#separate-everything-else-from-pages" class="table-of-contents__link toc-highlight">Step 2. Separate everything else from the pages</a></li><li><a href="#tackle-cross-imports-between-pages" class="table-of-contents__link toc-highlight">Step 3. Tackle cross-imports between pages</a></li><li><a href="#unpack-shared-layer" class="table-of-contents__link toc-highlight">Step 4. Unpack the Shared layer</a></li><li><a href="#organize-by-technical-purpose" class="table-of-contents__link toc-highlight">Step 5. Organize code by technical purpose</a></li><li><a href="#optional-steps" class="table-of-contents__link toc-highlight">Optional steps</a><ul><li><a href="#form-entities-features-from-redux" class="table-of-contents__link toc-highlight">Step 6. Form entities/features from Redux slices that are used on several pages</a></li><li><a href="#refactor-your-modules" class="table-of-contents__link toc-highlight">Step 7. Refactor your modules</a></li><li><a href="#form-clean-ui-foundation" class="table-of-contents__link toc-highlight">Step 8. Form a clean UI foundation in <code>shared/ui</code></a></li></ul></li><li><a href="#see-also" class="table-of-contents__link toc-highlight">See also</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Specs</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/docs">Documentation</a></li><li class="footer__item"><a class="footer__link-item" href="/community">Community</a></li><li class="footer__item"><a class="footer__link-item" href="/nav">Help</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">License<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
+</ul></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/guides/migration/from-custom.md" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Last updated<!-- --> on <b><time datetime="2024-10-07T18:23:06.000Z" itemprop="dateModified">Oct 7, 2024</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/docs/guides/examples/page-layout"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">Page layouts</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/docs/guides/migration/from-v1"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">Migration from v1</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#before-you-start" class="table-of-contents__link toc-highlight">Before you start</a></li><li><a href="#divide-code-by-pages" class="table-of-contents__link toc-highlight">Step 1. Divide the code by pages</a></li><li><a href="#separate-everything-else-from-pages" class="table-of-contents__link toc-highlight">Step 2. Separate everything else from the pages</a></li><li><a href="#tackle-cross-imports-between-pages" class="table-of-contents__link toc-highlight">Step 3. Tackle cross-imports between pages</a></li><li><a href="#unpack-shared-layer" class="table-of-contents__link toc-highlight">Step 4. Unpack the Shared layer</a></li><li><a href="#organize-by-technical-purpose" class="table-of-contents__link toc-highlight">Step 5. Organize code by technical purpose</a></li><li><a href="#optional-steps" class="table-of-contents__link toc-highlight">Optional steps</a><ul><li><a href="#form-entities-features-from-redux" class="table-of-contents__link toc-highlight">Step 6. Form entities/features from Redux slices that are used on several pages</a></li><li><a href="#refactor-your-modules" class="table-of-contents__link toc-highlight">Step 7. Refactor your modules</a></li><li><a href="#form-clean-ui-foundation" class="table-of-contents__link toc-highlight">Step 8. Form a clean UI foundation in <code>shared/ui</code></a></li></ul></li><li><a href="#see-also" class="table-of-contents__link toc-highlight">See also</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Specs</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/docs">Documentation</a></li><li class="footer__item"><a class="footer__link-item" href="/community">Community</a></li><li class="footer__item"><a class="footer__link-item" href="/nav">Help</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">License<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
 </body>
 </html>
\ No newline at end of file
diff --git a/docs/guides/migration/from-v1.html b/docs/guides/migration/from-v1.html
index 0a431a9eb3..c19f11d6b7 100644
--- a/docs/guides/migration/from-v1.html
+++ b/docs/guides/migration/from-v1.html
@@ -9,8 +9,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/opensearch.xml"><link rel="stylesheet" href="/assets/css/styles.04fd99a1.css">
-<script src="/assets/js/runtime~main.06c92bf3.js" defer="defer"></script>
-<script src="/assets/js/main.e2ab5a51.js" defer="defer"></script>
+<script src="/assets/js/runtime~main.29fb6ef5.js" defer="defer"></script>
+<script src="/assets/js/main.360a9d35.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/docs">📖 Docs</a><a class="navbar__item navbar__link" href="/community">💫 Community</a><a class="navbar__item navbar__link" href="/blog">📝 Blog</a><a class="navbar__item navbar__link" href="/examples">🛠 Examples</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/docs/guides/migration/from-v1">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a aria-current="page" class="dropdown__link dropdown__link--active" href="/docs/guides/migration/from-v1">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>English</a><ul class="dropdown__menu"><li><a href="/ru/docs/guides/migration/from-v1" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ru">Русский</a></li><li><a href="/docs/guides/migration/from-v1" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="en">English</a></li><li><a href="/uz/docs/guides/migration/from-v1" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/docs/guides/migration/from-v1" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="kr">한국어</a></li><li><a href="/ja/docs/guides/migration/from-v1" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><div class="docsWrapper_rDLg"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_JQoL" type="button"></button><div class="docRoot_GkJk"><aside class="theme-doc-sidebar-container docSidebarContainer_xiHB"><div class="sidebarViewport_DaHB"><div class="sidebar_Kb82"><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_AkOp"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--active" href="/docs/guides">🎯  Guides</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" tabindex="0" href="/docs/guides/examples">Examples</a><button aria-label="Expand sidebar category &#x27;Examples&#x27;" aria-expanded="false" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret menu__link--active" role="button" aria-expanded="true" tabindex="0" href="/docs/guides/migration/from-custom">Migration</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/guides/migration/from-custom">From a custom architecture</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/docs/guides/migration/from-v1">Migration from v1</a></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/docs/guides/tech/with-nextjs">Tech</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/docs/guides/issues/desegmented">Code smells &amp; Issues</a></div></li></ul></li></ul></nav><button type="button" title="Collapse sidebar" aria-label="Collapse sidebar" class="button button--secondary button--outline collapseSidebarButton_L8vW"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_hYfn"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_uESP"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_w6lk"><div class="docItemContainer_b1tn"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_ioLt" aria-label="Breadcrumbs"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Home page" class="breadcrumbs__link" href="/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_ZfEo"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/docs/guides"><span itemprop="name">🎯  Guides</span></a><meta itemprop="position" content="1"></li><li class="breadcrumbs__item"><span class="breadcrumbs__link">Migration</span><meta itemprop="position" content="2"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">Migration from v1</span><meta itemprop="position" content="3"></li></ul></nav><div class="tocCollapsible_EkMH theme-doc-toc-mobile tocMobile_XRnS"><button type="button" class="clean-btn tocCollapsibleButton_ID8T">On this page</button></div><div class="theme-doc-markdown markdown"><header><h1>Migration from v1</h1></header>
@@ -197,6 +197,6 @@ <h2 class="anchor anchorWithStickyNavbar_QzlE" id="see-also">See also<a href="#s
 <li><a href="https://t.me/feature_sliced/493" target="_blank" rel="noopener noreferrer">Comparison with v1 (community-chat)</a></li>
 <li><a href="https://t.me/atomicdesign/18708" target="_blank" rel="noopener noreferrer">New ideas v2 with explanations (atomicdesign-chat)</a></li>
 <li><a href="https://github.com/feature-sliced/documentation/discussions/31" target="_blank" rel="noopener noreferrer">Discussion of abstractions and naming for the new version of the methodology (v2)</a></li>
-</ul></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/guides/migration/from-v1.md" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Last updated<!-- --> on <b><time datetime="2024-09-29T11:02:46.000Z" itemprop="dateModified">Sep 29, 2024</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/docs/guides/migration/from-custom"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">From a custom architecture</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/docs/guides/tech/with-nextjs"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">Usage with NextJS</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#why-v2" class="table-of-contents__link toc-highlight">Why v2?</a></li><li><a href="#why-does-it-make-sense-to-migrate-the-project-to-v2" class="table-of-contents__link toc-highlight">Why does it make sense to migrate the project to v2?</a></li><li><a href="#changelog" class="table-of-contents__link toc-highlight">Changelog</a><ul><li><a href="#breaking-layers" class="table-of-contents__link toc-highlight"><code>BREAKING</code> Layers</a></li><li><a href="#breaking-shared" class="table-of-contents__link toc-highlight"><code>BREAKING</code> Shared</a></li><li><a href="#new-entities-processes" class="table-of-contents__link toc-highlight"><code>NEW</code> Entities, Processes</a></li><li><a href="#breaking-abstractions--naming" class="table-of-contents__link toc-highlight"><code>BREAKING</code> Abstractions &amp; Naming</a></li><li><a href="#refined-low-coupling" class="table-of-contents__link toc-highlight"><code>REFINED</code> Low coupling</a></li></ul></li><li><a href="#see-also" class="table-of-contents__link toc-highlight">See also</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Specs</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/docs">Documentation</a></li><li class="footer__item"><a class="footer__link-item" href="/community">Community</a></li><li class="footer__item"><a class="footer__link-item" href="/nav">Help</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">License<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
+</ul></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/guides/migration/from-v1.md" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Last updated<!-- --> on <b><time datetime="2024-10-07T18:23:06.000Z" itemprop="dateModified">Oct 7, 2024</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/docs/guides/migration/from-custom"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">From a custom architecture</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/docs/guides/tech/with-nextjs"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">Usage with NextJS</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#why-v2" class="table-of-contents__link toc-highlight">Why v2?</a></li><li><a href="#why-does-it-make-sense-to-migrate-the-project-to-v2" class="table-of-contents__link toc-highlight">Why does it make sense to migrate the project to v2?</a></li><li><a href="#changelog" class="table-of-contents__link toc-highlight">Changelog</a><ul><li><a href="#breaking-layers" class="table-of-contents__link toc-highlight"><code>BREAKING</code> Layers</a></li><li><a href="#breaking-shared" class="table-of-contents__link toc-highlight"><code>BREAKING</code> Shared</a></li><li><a href="#new-entities-processes" class="table-of-contents__link toc-highlight"><code>NEW</code> Entities, Processes</a></li><li><a href="#breaking-abstractions--naming" class="table-of-contents__link toc-highlight"><code>BREAKING</code> Abstractions &amp; Naming</a></li><li><a href="#refined-low-coupling" class="table-of-contents__link toc-highlight"><code>REFINED</code> Low coupling</a></li></ul></li><li><a href="#see-also" class="table-of-contents__link toc-highlight">See also</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Specs</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/docs">Documentation</a></li><li class="footer__item"><a class="footer__link-item" href="/community">Community</a></li><li class="footer__item"><a class="footer__link-item" href="/nav">Help</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">License<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
 </body>
 </html>
\ No newline at end of file
diff --git a/docs/guides/tech/with-nextjs.html b/docs/guides/tech/with-nextjs.html
index 70a4847ac4..81faaeb53b 100644
--- a/docs/guides/tech/with-nextjs.html
+++ b/docs/guides/tech/with-nextjs.html
@@ -9,8 +9,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/opensearch.xml"><link rel="stylesheet" href="/assets/css/styles.04fd99a1.css">
-<script src="/assets/js/runtime~main.06c92bf3.js" defer="defer"></script>
-<script src="/assets/js/main.e2ab5a51.js" defer="defer"></script>
+<script src="/assets/js/runtime~main.29fb6ef5.js" defer="defer"></script>
+<script src="/assets/js/main.360a9d35.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/docs">📖 Docs</a><a class="navbar__item navbar__link" href="/community">💫 Community</a><a class="navbar__item navbar__link" href="/blog">📝 Blog</a><a class="navbar__item navbar__link" href="/examples">🛠 Examples</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/docs/guides/tech/with-nextjs">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a aria-current="page" class="dropdown__link dropdown__link--active" href="/docs/guides/tech/with-nextjs">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>English</a><ul class="dropdown__menu"><li><a href="/ru/docs/guides/tech/with-nextjs" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ru">Русский</a></li><li><a href="/docs/guides/tech/with-nextjs" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="en">English</a></li><li><a href="/uz/docs/guides/tech/with-nextjs" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/docs/guides/tech/with-nextjs" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="kr">한국어</a></li><li><a href="/ja/docs/guides/tech/with-nextjs" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><div class="docsWrapper_rDLg"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_JQoL" type="button"></button><div class="docRoot_GkJk"><aside class="theme-doc-sidebar-container docSidebarContainer_xiHB"><div class="sidebarViewport_DaHB"><div class="sidebar_Kb82"><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_AkOp"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--active" href="/docs/guides">🎯  Guides</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" tabindex="0" href="/docs/guides/examples">Examples</a><button aria-label="Expand sidebar category &#x27;Examples&#x27;" aria-expanded="false" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/docs/guides/migration/from-custom">Migration</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret menu__link--active" role="button" aria-expanded="true" tabindex="0" href="/docs/guides/tech/with-nextjs">Tech</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/docs/guides/tech/with-nextjs">Usage with NextJS</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/guides/tech/with-nuxtjs">Usage with NuxtJS</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/guides/tech/with-react-query">Usage with React Query</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/guides/tech/with-sveltekit">Usage with SvelteKit</a></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/docs/guides/issues/desegmented">Code smells &amp; Issues</a></div></li></ul></li></ul></nav><button type="button" title="Collapse sidebar" aria-label="Collapse sidebar" class="button button--secondary button--outline collapseSidebarButton_L8vW"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_hYfn"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_uESP"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_w6lk"><div class="docItemContainer_b1tn"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_ioLt" aria-label="Breadcrumbs"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Home page" class="breadcrumbs__link" href="/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_ZfEo"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/docs/guides"><span itemprop="name">🎯  Guides</span></a><meta itemprop="position" content="1"></li><li class="breadcrumbs__item"><span class="breadcrumbs__link">Tech</span><meta itemprop="position" content="2"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">Usage with NextJS</span><meta itemprop="position" content="3"></li></ul></nav><div class="tocCollapsible_EkMH theme-doc-toc-mobile tocMobile_XRnS"><button type="button" class="clean-btn tocCollapsibleButton_ID8T">On this page</button></div><div class="theme-doc-markdown markdown"><header><h1>Usage with NextJS</h1></header>
@@ -52,6 +52,6 @@ <h2 class="anchor anchorWithStickyNavbar_QzlE" id="app-router">Dealing with App
 <h2 class="anchor anchorWithStickyNavbar_QzlE" id="see-also">See also<a href="#see-also" class="hash-link" aria-label="Direct link to heading" title="Direct link to heading">​</a></h2>
 <ul>
 <li><a href="https://t.me/feature_sliced/3623" target="_blank" rel="noopener noreferrer">(Thread) About the pages directory in NextJS</a></li>
-</ul></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/guides/tech/with-nextjs.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Last updated<!-- --> on <b><time datetime="2024-09-29T11:02:46.000Z" itemprop="dateModified">Sep 29, 2024</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/docs/guides/migration/from-v1"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">Migration from v1</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/docs/guides/tech/with-nuxtjs"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">Usage with NuxtJS</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#pages-conflict" class="table-of-contents__link toc-highlight">Conflict between FSD and NextJS on <code>pages</code> layer</a><ul><li><a href="#moving-the-pages-folder-of-nextjs-to-the-root-folder-of-the-project-recommended" class="table-of-contents__link toc-highlight">Moving the <code>pages</code> folder of NextJS to the root folder of the project (recommended)</a></li><li><a href="#renaming-the-pages-layer-within-the-fsd-structure" class="table-of-contents__link toc-highlight">Renaming the <code>pages</code> layer within the FSD structure</a></li></ul></li><li><a href="#app-absence" class="table-of-contents__link toc-highlight">The absence of the <code>app</code> folder in NextJS</a><ul><li><a href="#importing-app-functionality-to-pages_apptsx-file" class="table-of-contents__link toc-highlight">Importing app functionality to <code>pages/_app.tsx</code> file</a></li></ul></li><li><a href="#app-router" class="table-of-contents__link toc-highlight">Dealing with App Router</a></li><li><a href="#see-also" class="table-of-contents__link toc-highlight">See also</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Specs</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/docs">Documentation</a></li><li class="footer__item"><a class="footer__link-item" href="/community">Community</a></li><li class="footer__item"><a class="footer__link-item" href="/nav">Help</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">License<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
+</ul></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/guides/tech/with-nextjs.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Last updated<!-- --> on <b><time datetime="2024-10-07T18:23:06.000Z" itemprop="dateModified">Oct 7, 2024</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/docs/guides/migration/from-v1"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">Migration from v1</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/docs/guides/tech/with-nuxtjs"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">Usage with NuxtJS</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#pages-conflict" class="table-of-contents__link toc-highlight">Conflict between FSD and NextJS on <code>pages</code> layer</a><ul><li><a href="#moving-the-pages-folder-of-nextjs-to-the-root-folder-of-the-project-recommended" class="table-of-contents__link toc-highlight">Moving the <code>pages</code> folder of NextJS to the root folder of the project (recommended)</a></li><li><a href="#renaming-the-pages-layer-within-the-fsd-structure" class="table-of-contents__link toc-highlight">Renaming the <code>pages</code> layer within the FSD structure</a></li></ul></li><li><a href="#app-absence" class="table-of-contents__link toc-highlight">The absence of the <code>app</code> folder in NextJS</a><ul><li><a href="#importing-app-functionality-to-pages_apptsx-file" class="table-of-contents__link toc-highlight">Importing app functionality to <code>pages/_app.tsx</code> file</a></li></ul></li><li><a href="#app-router" class="table-of-contents__link toc-highlight">Dealing with App Router</a></li><li><a href="#see-also" class="table-of-contents__link toc-highlight">See also</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Specs</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/docs">Documentation</a></li><li class="footer__item"><a class="footer__link-item" href="/community">Community</a></li><li class="footer__item"><a class="footer__link-item" href="/nav">Help</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">License<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
 </body>
 </html>
\ No newline at end of file
diff --git a/docs/guides/tech/with-nuxtjs.html b/docs/guides/tech/with-nuxtjs.html
index 8f082285c1..0237965802 100644
--- a/docs/guides/tech/with-nuxtjs.html
+++ b/docs/guides/tech/with-nuxtjs.html
@@ -9,8 +9,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/opensearch.xml"><link rel="stylesheet" href="/assets/css/styles.04fd99a1.css">
-<script src="/assets/js/runtime~main.06c92bf3.js" defer="defer"></script>
-<script src="/assets/js/main.e2ab5a51.js" defer="defer"></script>
+<script src="/assets/js/runtime~main.29fb6ef5.js" defer="defer"></script>
+<script src="/assets/js/main.360a9d35.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/docs">📖 Docs</a><a class="navbar__item navbar__link" href="/community">💫 Community</a><a class="navbar__item navbar__link" href="/blog">📝 Blog</a><a class="navbar__item navbar__link" href="/examples">🛠 Examples</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/docs/guides/tech/with-nuxtjs">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a aria-current="page" class="dropdown__link dropdown__link--active" href="/docs/guides/tech/with-nuxtjs">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>English</a><ul class="dropdown__menu"><li><a href="/ru/docs/guides/tech/with-nuxtjs" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ru">Русский</a></li><li><a href="/docs/guides/tech/with-nuxtjs" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="en">English</a></li><li><a href="/uz/docs/guides/tech/with-nuxtjs" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/docs/guides/tech/with-nuxtjs" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="kr">한국어</a></li><li><a href="/ja/docs/guides/tech/with-nuxtjs" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><div class="docsWrapper_rDLg"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_JQoL" type="button"></button><div class="docRoot_GkJk"><aside class="theme-doc-sidebar-container docSidebarContainer_xiHB"><div class="sidebarViewport_DaHB"><div class="sidebar_Kb82"><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_AkOp"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--active" href="/docs/guides">🎯  Guides</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" tabindex="0" href="/docs/guides/examples">Examples</a><button aria-label="Expand sidebar category &#x27;Examples&#x27;" aria-expanded="false" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/docs/guides/migration/from-custom">Migration</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret menu__link--active" role="button" aria-expanded="true" tabindex="0" href="/docs/guides/tech/with-nextjs">Tech</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/guides/tech/with-nextjs">Usage with NextJS</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/docs/guides/tech/with-nuxtjs">Usage with NuxtJS</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/guides/tech/with-react-query">Usage with React Query</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/guides/tech/with-sveltekit">Usage with SvelteKit</a></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/docs/guides/issues/desegmented">Code smells &amp; Issues</a></div></li></ul></li></ul></nav><button type="button" title="Collapse sidebar" aria-label="Collapse sidebar" class="button button--secondary button--outline collapseSidebarButton_L8vW"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_hYfn"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_uESP"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_w6lk"><div class="docItemContainer_b1tn"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_ioLt" aria-label="Breadcrumbs"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Home page" class="breadcrumbs__link" href="/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_ZfEo"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/docs/guides"><span itemprop="name">🎯  Guides</span></a><meta itemprop="position" content="1"></li><li class="breadcrumbs__item"><span class="breadcrumbs__link">Tech</span><meta itemprop="position" content="2"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">Usage with NuxtJS</span><meta itemprop="position" content="3"></li></ul></nav><div class="tocCollapsible_EkMH theme-doc-toc-mobile tocMobile_XRnS"><button type="button" class="clean-btn tocCollapsibleButton_ID8T">On this page</button></div><div class="theme-doc-markdown markdown"><header><h1>Usage with NuxtJS</h1></header>
@@ -70,6 +70,6 @@ <h2 class="anchor anchorWithStickyNavbar_QzlE" id="see-also">See also<a href="#s
 <li><a href="https://nuxt.com/docs/api/nuxt-config#dir" target="_blank" rel="noopener noreferrer">Documentation on changing directory config in NuxtJS</a></li>
 <li><a href="https://nuxt.com/docs/guide/recipes/custom-routing#router-config" target="_blank" rel="noopener noreferrer">Documentation on changing router config in NuxtJS</a></li>
 <li><a href="https://nuxt.com/docs/api/nuxt-config#alias" target="_blank" rel="noopener noreferrer">Documentation on changing aliases in NuxtJS</a></li>
-</ul></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/guides/tech/with-nuxtjs.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Last updated<!-- --> on <b><time datetime="2024-09-29T11:02:46.000Z" itemprop="dateModified">Sep 29, 2024</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/docs/guides/tech/with-nextjs"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">Usage with NextJS</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/docs/guides/tech/with-react-query"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">Usage with React Query</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#adding-an-alias-for-the-src-directory" class="table-of-contents__link toc-highlight">Adding an alias for the <code>src</code> directory</a></li><li><a href="#choose-how-to-configure-the-router" class="table-of-contents__link toc-highlight">Choose how to configure the router</a><ul><li><a href="#routing-using-config" class="table-of-contents__link toc-highlight">Routing using config</a></li><li><a href="#file-routing" class="table-of-contents__link toc-highlight">File Routing</a></li></ul></li><li><a href="#what-to-do-with-layouts" class="table-of-contents__link toc-highlight">What to do with <code>layouts</code>?</a></li><li><a href="#see-also" class="table-of-contents__link toc-highlight">See also</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Specs</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/docs">Documentation</a></li><li class="footer__item"><a class="footer__link-item" href="/community">Community</a></li><li class="footer__item"><a class="footer__link-item" href="/nav">Help</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">License<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
+</ul></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/guides/tech/with-nuxtjs.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Last updated<!-- --> on <b><time datetime="2024-10-07T18:23:06.000Z" itemprop="dateModified">Oct 7, 2024</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/docs/guides/tech/with-nextjs"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">Usage with NextJS</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/docs/guides/tech/with-react-query"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">Usage with React Query</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#adding-an-alias-for-the-src-directory" class="table-of-contents__link toc-highlight">Adding an alias for the <code>src</code> directory</a></li><li><a href="#choose-how-to-configure-the-router" class="table-of-contents__link toc-highlight">Choose how to configure the router</a><ul><li><a href="#routing-using-config" class="table-of-contents__link toc-highlight">Routing using config</a></li><li><a href="#file-routing" class="table-of-contents__link toc-highlight">File Routing</a></li></ul></li><li><a href="#what-to-do-with-layouts" class="table-of-contents__link toc-highlight">What to do with <code>layouts</code>?</a></li><li><a href="#see-also" class="table-of-contents__link toc-highlight">See also</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Specs</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/docs">Documentation</a></li><li class="footer__item"><a class="footer__link-item" href="/community">Community</a></li><li class="footer__item"><a class="footer__link-item" href="/nav">Help</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">License<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
 </body>
 </html>
\ No newline at end of file
diff --git a/docs/guides/tech/with-react-query.html b/docs/guides/tech/with-react-query.html
index b2b83e56ae..38b3158711 100644
--- a/docs/guides/tech/with-react-query.html
+++ b/docs/guides/tech/with-react-query.html
@@ -9,8 +9,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/opensearch.xml"><link rel="stylesheet" href="/assets/css/styles.04fd99a1.css">
-<script src="/assets/js/runtime~main.06c92bf3.js" defer="defer"></script>
-<script src="/assets/js/main.e2ab5a51.js" defer="defer"></script>
+<script src="/assets/js/runtime~main.29fb6ef5.js" defer="defer"></script>
+<script src="/assets/js/main.360a9d35.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/docs">📖 Docs</a><a class="navbar__item navbar__link" href="/community">💫 Community</a><a class="navbar__item navbar__link" href="/blog">📝 Blog</a><a class="navbar__item navbar__link" href="/examples">🛠 Examples</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/docs/guides/tech/with-react-query">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a aria-current="page" class="dropdown__link dropdown__link--active" href="/docs/guides/tech/with-react-query">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>English</a><ul class="dropdown__menu"><li><a href="/ru/docs/guides/tech/with-react-query" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ru">Русский</a></li><li><a href="/docs/guides/tech/with-react-query" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="en">English</a></li><li><a href="/uz/docs/guides/tech/with-react-query" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/docs/guides/tech/with-react-query" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="kr">한국어</a></li><li><a href="/ja/docs/guides/tech/with-react-query" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><div class="docsWrapper_rDLg"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_JQoL" type="button"></button><div class="docRoot_GkJk"><aside class="theme-doc-sidebar-container docSidebarContainer_xiHB"><div class="sidebarViewport_DaHB"><div class="sidebar_Kb82"><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_AkOp"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--active" href="/docs/guides">🎯  Guides</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" tabindex="0" href="/docs/guides/examples">Examples</a><button aria-label="Expand sidebar category &#x27;Examples&#x27;" aria-expanded="false" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/docs/guides/migration/from-custom">Migration</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret menu__link--active" role="button" aria-expanded="true" tabindex="0" href="/docs/guides/tech/with-nextjs">Tech</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/guides/tech/with-nextjs">Usage with NextJS</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/guides/tech/with-nuxtjs">Usage with NuxtJS</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/docs/guides/tech/with-react-query">Usage with React Query</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/guides/tech/with-sveltekit">Usage with SvelteKit</a></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/docs/guides/issues/desegmented">Code smells &amp; Issues</a></div></li></ul></li></ul></nav><button type="button" title="Collapse sidebar" aria-label="Collapse sidebar" class="button button--secondary button--outline collapseSidebarButton_L8vW"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_hYfn"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_uESP"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_w6lk"><div class="docItemContainer_b1tn"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_ioLt" aria-label="Breadcrumbs"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Home page" class="breadcrumbs__link" href="/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_ZfEo"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/docs/guides"><span itemprop="name">🎯  Guides</span></a><meta itemprop="position" content="1"></li><li class="breadcrumbs__item"><span class="breadcrumbs__link">Tech</span><meta itemprop="position" content="2"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">Usage with React Query</span><meta itemprop="position" content="3"></li></ul></nav><div class="tocCollapsible_EkMH theme-doc-toc-mobile tocMobile_XRnS"><button type="button" class="clean-btn tocCollapsibleButton_ID8T">On this page</button></div><div class="theme-doc-markdown markdown"><header><h1>Usage with React Query</h1></header>
@@ -90,6 +90,6 @@ <h2 class="anchor anchorWithStickyNavbar_QzlE" id="see-also">See also<a href="#s
 <li><a href="https://github.com/ruslan4432013/fsd-react-query-example" target="_blank" rel="noopener noreferrer">(GitHub) Sample Project</a></li>
 <li><a href="https://codesandbox.io/p/github/ruslan4432013/fsd-react-query-example/main" target="_blank" rel="noopener noreferrer">(CodeSandbox) Sample Project</a></li>
 <li><a href="https://tkdodo.eu/blog/the-query-options-api" target="_blank" rel="noopener noreferrer">About the query factory</a></li>
-</ul></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/guides/tech/with-react-query.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Last updated<!-- --> on <b><time datetime="2024-09-29T11:02:46.000Z" itemprop="dateModified">Sep 29, 2024</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/docs/guides/tech/with-nuxtjs"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">Usage with NuxtJS</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/docs/guides/tech/with-sveltekit"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">Usage with SvelteKit</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#the-problem-of-where-to-put-the-keys" class="table-of-contents__link toc-highlight">The problem of “where to put the keys”</a><ul><li><a href="#solution--break-down-by-entities" class="table-of-contents__link toc-highlight">Solution — break down by entities</a></li><li><a href="#alternative-solution--keep-it-in-shared" class="table-of-contents__link toc-highlight">Alternative solution — keep it in shared</a></li></ul></li><li><a href="#the-problem-of-where-to-insert-mutations" class="table-of-contents__link toc-highlight">The problem of “Where to insert mutations?”</a><ul><li><a href="#1-define-a-custom-hook-in-the-api-segment-near-the-place-of-use" class="table-of-contents__link toc-highlight">1. Define a custom hook in the <code>api</code> segment near the place of use</a></li><li><a href="#2-define-a-mutation-function-somewhere-else-shared-or-entities-and-use-usemutation-directly-in-the-component" class="table-of-contents__link toc-highlight">2. Define a mutation function somewhere else (Shared or Entities) and use <code>useMutation</code> directly in the component</a></li></ul></li><li><a href="#organization-of-requests" class="table-of-contents__link toc-highlight">Organization of requests</a><ul><li><a href="#query-factory" class="table-of-contents__link toc-highlight">Query factory</a></li><li><a href="#1-creating-a-query-factory" class="table-of-contents__link toc-highlight">1. Creating a Query Factory</a></li><li><a href="#2-using-query-factory-in-application-code" class="table-of-contents__link toc-highlight">2. Using Query Factory in application code</a></li><li><a href="#benefits-of-using-a-query-factory" class="table-of-contents__link toc-highlight">Benefits of using a Query Factory</a></li></ul></li><li><a href="#pagination" class="table-of-contents__link toc-highlight">Pagination</a><ul><li><a href="#1-creating-a-function-getposts" class="table-of-contents__link toc-highlight">1. Creating a function <code>getPosts</code></a></li><li><a href="#2-query-factory-for-pagination" class="table-of-contents__link toc-highlight">2. Query factory for pagination</a></li><li><a href="#3-use-in-application-code" class="table-of-contents__link toc-highlight">3. Use in application code</a></li></ul></li><li><a href="#queryprovider-for-managing-queries" class="table-of-contents__link toc-highlight"><code>QueryProvider</code> for managing queries</a><ul><li><a href="#1-creating-a-queryprovider" class="table-of-contents__link toc-highlight">1. Creating a <code>QueryProvider</code></a></li><li><a href="#2-creating-a-queryclient" class="table-of-contents__link toc-highlight">2. Creating a <code>QueryClient</code></a></li></ul></li><li><a href="#code-generation" class="table-of-contents__link toc-highlight">Code generation</a></li><li><a href="#additional-advice-for-organizing-rq" class="table-of-contents__link toc-highlight">Additional advice for organizing RQ</a><ul><li><a href="#api-client" class="table-of-contents__link toc-highlight">API Client</a></li></ul></li><li><a href="#see-also" class="table-of-contents__link toc-highlight">See also</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Specs</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/docs">Documentation</a></li><li class="footer__item"><a class="footer__link-item" href="/community">Community</a></li><li class="footer__item"><a class="footer__link-item" href="/nav">Help</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">License<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
+</ul></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/guides/tech/with-react-query.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Last updated<!-- --> on <b><time datetime="2024-10-07T18:23:06.000Z" itemprop="dateModified">Oct 7, 2024</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/docs/guides/tech/with-nuxtjs"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">Usage with NuxtJS</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/docs/guides/tech/with-sveltekit"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">Usage with SvelteKit</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#the-problem-of-where-to-put-the-keys" class="table-of-contents__link toc-highlight">The problem of “where to put the keys”</a><ul><li><a href="#solution--break-down-by-entities" class="table-of-contents__link toc-highlight">Solution — break down by entities</a></li><li><a href="#alternative-solution--keep-it-in-shared" class="table-of-contents__link toc-highlight">Alternative solution — keep it in shared</a></li></ul></li><li><a href="#the-problem-of-where-to-insert-mutations" class="table-of-contents__link toc-highlight">The problem of “Where to insert mutations?”</a><ul><li><a href="#1-define-a-custom-hook-in-the-api-segment-near-the-place-of-use" class="table-of-contents__link toc-highlight">1. Define a custom hook in the <code>api</code> segment near the place of use</a></li><li><a href="#2-define-a-mutation-function-somewhere-else-shared-or-entities-and-use-usemutation-directly-in-the-component" class="table-of-contents__link toc-highlight">2. Define a mutation function somewhere else (Shared or Entities) and use <code>useMutation</code> directly in the component</a></li></ul></li><li><a href="#organization-of-requests" class="table-of-contents__link toc-highlight">Organization of requests</a><ul><li><a href="#query-factory" class="table-of-contents__link toc-highlight">Query factory</a></li><li><a href="#1-creating-a-query-factory" class="table-of-contents__link toc-highlight">1. Creating a Query Factory</a></li><li><a href="#2-using-query-factory-in-application-code" class="table-of-contents__link toc-highlight">2. Using Query Factory in application code</a></li><li><a href="#benefits-of-using-a-query-factory" class="table-of-contents__link toc-highlight">Benefits of using a Query Factory</a></li></ul></li><li><a href="#pagination" class="table-of-contents__link toc-highlight">Pagination</a><ul><li><a href="#1-creating-a-function-getposts" class="table-of-contents__link toc-highlight">1. Creating a function <code>getPosts</code></a></li><li><a href="#2-query-factory-for-pagination" class="table-of-contents__link toc-highlight">2. Query factory for pagination</a></li><li><a href="#3-use-in-application-code" class="table-of-contents__link toc-highlight">3. Use in application code</a></li></ul></li><li><a href="#queryprovider-for-managing-queries" class="table-of-contents__link toc-highlight"><code>QueryProvider</code> for managing queries</a><ul><li><a href="#1-creating-a-queryprovider" class="table-of-contents__link toc-highlight">1. Creating a <code>QueryProvider</code></a></li><li><a href="#2-creating-a-queryclient" class="table-of-contents__link toc-highlight">2. Creating a <code>QueryClient</code></a></li></ul></li><li><a href="#code-generation" class="table-of-contents__link toc-highlight">Code generation</a></li><li><a href="#additional-advice-for-organizing-rq" class="table-of-contents__link toc-highlight">Additional advice for organizing RQ</a><ul><li><a href="#api-client" class="table-of-contents__link toc-highlight">API Client</a></li></ul></li><li><a href="#see-also" class="table-of-contents__link toc-highlight">See also</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Specs</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/docs">Documentation</a></li><li class="footer__item"><a class="footer__link-item" href="/community">Community</a></li><li class="footer__item"><a class="footer__link-item" href="/nav">Help</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">License<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
 </body>
 </html>
\ No newline at end of file
diff --git a/docs/guides/tech/with-sveltekit.html b/docs/guides/tech/with-sveltekit.html
index a55cb735c5..0e09e1f89b 100644
--- a/docs/guides/tech/with-sveltekit.html
+++ b/docs/guides/tech/with-sveltekit.html
@@ -9,8 +9,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/opensearch.xml"><link rel="stylesheet" href="/assets/css/styles.04fd99a1.css">
-<script src="/assets/js/runtime~main.06c92bf3.js" defer="defer"></script>
-<script src="/assets/js/main.e2ab5a51.js" defer="defer"></script>
+<script src="/assets/js/runtime~main.29fb6ef5.js" defer="defer"></script>
+<script src="/assets/js/main.360a9d35.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/docs">📖 Docs</a><a class="navbar__item navbar__link" href="/community">💫 Community</a><a class="navbar__item navbar__link" href="/blog">📝 Blog</a><a class="navbar__item navbar__link" href="/examples">🛠 Examples</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/docs/guides/tech/with-sveltekit">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a aria-current="page" class="dropdown__link dropdown__link--active" href="/docs/guides/tech/with-sveltekit">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>English</a><ul class="dropdown__menu"><li><a href="/ru/docs/guides/tech/with-sveltekit" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ru">Русский</a></li><li><a href="/docs/guides/tech/with-sveltekit" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="en">English</a></li><li><a href="/uz/docs/guides/tech/with-sveltekit" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/docs/guides/tech/with-sveltekit" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="kr">한국어</a></li><li><a href="/ja/docs/guides/tech/with-sveltekit" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><div class="docsWrapper_rDLg"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_JQoL" type="button"></button><div class="docRoot_GkJk"><aside class="theme-doc-sidebar-container docSidebarContainer_xiHB"><div class="sidebarViewport_DaHB"><div class="sidebar_Kb82"><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_AkOp"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--active" href="/docs/guides">🎯  Guides</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" tabindex="0" href="/docs/guides/examples">Examples</a><button aria-label="Expand sidebar category &#x27;Examples&#x27;" aria-expanded="false" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/docs/guides/migration/from-custom">Migration</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret menu__link--active" role="button" aria-expanded="true" tabindex="0" href="/docs/guides/tech/with-nextjs">Tech</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/guides/tech/with-nextjs">Usage with NextJS</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/guides/tech/with-nuxtjs">Usage with NuxtJS</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/guides/tech/with-react-query">Usage with React Query</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/docs/guides/tech/with-sveltekit">Usage with SvelteKit</a></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/docs/guides/issues/desegmented">Code smells &amp; Issues</a></div></li></ul></li></ul></nav><button type="button" title="Collapse sidebar" aria-label="Collapse sidebar" class="button button--secondary button--outline collapseSidebarButton_L8vW"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_hYfn"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_uESP"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_w6lk"><div class="docItemContainer_b1tn"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_ioLt" aria-label="Breadcrumbs"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Home page" class="breadcrumbs__link" href="/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_ZfEo"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/docs/guides"><span itemprop="name">🎯  Guides</span></a><meta itemprop="position" content="1"></li><li class="breadcrumbs__item"><span class="breadcrumbs__link">Tech</span><meta itemprop="position" content="2"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">Usage with SvelteKit</span><meta itemprop="position" content="3"></li></ul></nav><div class="tocCollapsible_EkMH theme-doc-toc-mobile tocMobile_XRnS"><button type="button" class="clean-btn tocCollapsibleButton_ID8T">On this page</button></div><div class="theme-doc-markdown markdown"><header><h1>Usage with SvelteKit</h1></header>
@@ -43,6 +43,6 @@ <h2 class="anchor anchorWithStickyNavbar_QzlE" id="move-file-routing-to-srcapp">
 <h2 class="anchor anchorWithStickyNavbar_QzlE" id="see-also">See also.<a href="#see-also" class="hash-link" aria-label="Direct link to heading" title="Direct link to heading">​</a></h2>
 <ul>
 <li><a href="https://kit.svelte.dev/docs/configuration#files" target="_blank" rel="noopener noreferrer">Documentation on changing directory config in SvelteKit</a></li>
-</ul></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/guides/tech/with-sveltekit.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Last updated<!-- --> on <b><time datetime="2024-09-29T11:02:46.000Z" itemprop="dateModified">Sep 29, 2024</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/docs/guides/tech/with-react-query"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">Usage with React Query</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/docs/guides/issues/desegmented"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">Desegemented</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#lets-set-up-the-config" class="table-of-contents__link toc-highlight">Let&#39;s set up the config</a></li><li><a href="#move-file-routing-to-srcapp" class="table-of-contents__link toc-highlight">Move file routing to <code>src/app</code>.</a></li><li><a href="#see-also" class="table-of-contents__link toc-highlight">See also.</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Specs</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/docs">Documentation</a></li><li class="footer__item"><a class="footer__link-item" href="/community">Community</a></li><li class="footer__item"><a class="footer__link-item" href="/nav">Help</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">License<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
+</ul></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/guides/tech/with-sveltekit.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Last updated<!-- --> on <b><time datetime="2024-10-07T18:23:06.000Z" itemprop="dateModified">Oct 7, 2024</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/docs/guides/tech/with-react-query"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">Usage with React Query</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/docs/guides/issues/desegmented"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">Desegemented</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#lets-set-up-the-config" class="table-of-contents__link toc-highlight">Let&#39;s set up the config</a></li><li><a href="#move-file-routing-to-srcapp" class="table-of-contents__link toc-highlight">Move file routing to <code>src/app</code>.</a></li><li><a href="#see-also" class="table-of-contents__link toc-highlight">See also.</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Specs</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/docs">Documentation</a></li><li class="footer__item"><a class="footer__link-item" href="/community">Community</a></li><li class="footer__item"><a class="footer__link-item" href="/nav">Help</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">License<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
 </body>
 </html>
\ No newline at end of file
diff --git a/docs/reference.html b/docs/reference.html
index 73ccd8d144..aabf0d2729 100644
--- a/docs/reference.html
+++ b/docs/reference.html
@@ -9,8 +9,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/opensearch.xml"><link rel="stylesheet" href="/assets/css/styles.04fd99a1.css">
-<script src="/assets/js/runtime~main.06c92bf3.js" defer="defer"></script>
-<script src="/assets/js/main.e2ab5a51.js" defer="defer"></script>
+<script src="/assets/js/runtime~main.29fb6ef5.js" defer="defer"></script>
+<script src="/assets/js/main.360a9d35.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/docs">📖 Docs</a><a class="navbar__item navbar__link" href="/community">💫 Community</a><a class="navbar__item navbar__link" href="/blog">📝 Blog</a><a class="navbar__item navbar__link" href="/examples">🛠 Examples</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/docs/reference">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a aria-current="page" class="dropdown__link dropdown__link--active" href="/docs/reference">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>English</a><ul class="dropdown__menu"><li><a href="/ru/docs/reference" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ru">Русский</a></li><li><a href="/docs/reference" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="en">English</a></li><li><a href="/uz/docs/reference" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/docs/reference" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="kr">한국어</a></li><li><a href="/ja/docs/reference" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><div class="docsWrapper_rDLg"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_JQoL" type="button"></button><div class="docRoot_GkJk"><aside class="theme-doc-sidebar-container docSidebarContainer_xiHB"><div class="sidebarViewport_DaHB"><div class="sidebar_Kb82"><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_AkOp"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible menu__list-item-collapsible--active"><a class="menu__link menu__link--active" aria-current="page" href="/docs/reference">📚  Reference</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/reference/layers">Layers</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/reference/slices-segments">Slices and segments</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/reference/public-api">Public API</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" tabindex="0" href="/docs/reference/isolation">Isolation</a><button aria-label="Expand sidebar category &#x27;Isolation&#x27;" aria-expanded="false" type="button" class="clean-btn menu__caret"></button></div></li></ul></li></ul></nav><button type="button" title="Collapse sidebar" aria-label="Collapse sidebar" class="button button--secondary button--outline collapseSidebarButton_L8vW"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_hYfn"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_uESP"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col"><div class="docItemContainer_b1tn"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_ioLt" aria-label="Breadcrumbs"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Home page" class="breadcrumbs__link" href="/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_ZfEo"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">📚  Reference</span><meta itemprop="position" content="1"></li></ul></nav><div class="theme-doc-markdown markdown"><header><h1>📚 Reference</h1></header>
@@ -18,6 +18,6 @@
 <a class="root_GfON defaultTheme_j3I8" href="/docs/reference/layers"><span role="img" aria-label="group" class="anticon anticon-group icon_ciqP"><svg viewBox="64 64 896 896" focusable="false" data-icon="group" width="1em" height="1em" fill="currentColor" aria-hidden="true"><defs><style></style></defs><path d="M912 820.1V203.9c28-9.9 48-36.6 48-67.9 0-39.8-32.2-72-72-72-31.3 0-58 20-67.9 48H203.9C194 84 167.3 64 136 64c-39.8 0-72 32.2-72 72 0 31.3 20 58 48 67.9v616.2C84 830 64 856.7 64 888c0 39.8 32.2 72 72 72 31.3 0 58-20 67.9-48h616.2c9.9 28 36.6 48 67.9 48 39.8 0 72-32.2 72-72 0-31.3-20-58-48-67.9zM888 112c13.3 0 24 10.7 24 24s-10.7 24-24 24-24-10.7-24-24 10.7-24 24-24zM136 912c-13.3 0-24-10.7-24-24s10.7-24 24-24 24 10.7 24 24-10.7 24-24 24zm0-752c-13.3 0-24-10.7-24-24s10.7-24 24-24 24 10.7 24 24-10.7 24-24 24zm704 680H184V184h656v656zm48 72c-13.3 0-24-10.7-24-24s10.7-24 24-24 24 10.7 24 24-10.7 24-24 24z"></path><path d="M288 474h448c8.8 0 16-7.2 16-16V282c0-8.8-7.2-16-16-16H288c-8.8 0-16 7.2-16 16v176c0 8.8 7.2 16 16 16zm56-136h336v64H344v-64zm-56 420h448c8.8 0 16-7.2 16-16V566c0-8.8-7.2-16-16-16H288c-8.8 0-16 7.2-16 16v176c0 8.8 7.2 16 16 16zm56-136h336v64H344v-64z"></path></svg></span><div class="details_xxkR"><div><span class="title_pSH5">Layers</span><p class="description__Fep">Definition of a layer and explanations for all layers</p></div></div></a>
 <a class="root_GfON defaultTheme_j3I8" href="/docs/reference/slices-segments"><span role="img" aria-label="appstore" class="anticon anticon-appstore icon_ciqP"><svg viewBox="64 64 896 896" focusable="false" data-icon="appstore" width="1em" height="1em" fill="currentColor" aria-hidden="true"><path d="M464 144H160c-8.8 0-16 7.2-16 16v304c0 8.8 7.2 16 16 16h304c8.8 0 16-7.2 16-16V160c0-8.8-7.2-16-16-16zm-52 268H212V212h200v200zm452-268H560c-8.8 0-16 7.2-16 16v304c0 8.8 7.2 16 16 16h304c8.8 0 16-7.2 16-16V160c0-8.8-7.2-16-16-16zm-52 268H612V212h200v200zM464 544H160c-8.8 0-16 7.2-16 16v304c0 8.8 7.2 16 16 16h304c8.8 0 16-7.2 16-16V560c0-8.8-7.2-16-16-16zm-52 268H212V612h200v200zm452-268H560c-8.8 0-16 7.2-16 16v304c0 8.8 7.2 16 16 16h304c8.8 0 16-7.2 16-16V560c0-8.8-7.2-16-16-16zm-52 268H612V612h200v200z"></path></svg></span><div class="details_xxkR"><div><span class="title_pSH5">Slices and segments</span><p class="description__Fep">Definitions of a slice and segment, content examples for segments on different layers</p></div></div></a>
 <a class="root_GfON defaultTheme_j3I8" href="/docs/reference/isolation"><span role="img" aria-label="node-index" class="anticon anticon-node-index icon_ciqP"><svg viewBox="64 64 896 896" focusable="false" data-icon="node-index" width="1em" height="1em" fill="currentColor" aria-hidden="true"><defs><style></style></defs><path d="M843.5 737.4c-12.4-75.2-79.2-129.1-155.3-125.4S550.9 676 546 752c-153.5-4.8-208-40.7-199.1-113.7 3.3-27.3 19.8-41.9 50.1-49 18.4-4.3 38.8-4.9 57.3-3.2 1.7.2 3.5.3 5.2.5 11.3 2.7 22.8 5 34.3 6.8 34.1 5.6 68.8 8.4 101.8 6.6 92.8-5 156-45.9 159.2-132.7 3.1-84.1-54.7-143.7-147.9-183.6-29.9-12.8-61.6-22.7-93.3-30.2-14.3-3.4-26.3-5.7-35.2-7.2-7.9-75.9-71.5-133.8-147.8-134.4-76.3-.6-140.9 56.1-150.1 131.9s40 146.3 114.2 163.9c74.2 17.6 149.9-23.3 175.7-95.1 9.4 1.7 18.7 3.6 28 5.8 28.2 6.6 56.4 15.4 82.4 26.6 70.7 30.2 109.3 70.1 107.5 119.9-1.6 44.6-33.6 65.2-96.2 68.6-27.5 1.5-57.6-.9-87.3-5.8-8.3-1.4-15.9-2.8-22.6-4.3-3.9-.8-6.6-1.5-7.8-1.8l-3.1-.6c-2.2-.3-5.9-.8-10.7-1.3-25-2.3-52.1-1.5-78.5 4.6-55.2 12.9-93.9 47.2-101.1 105.8-15.7 126.2 78.6 184.7 276 188.9 29.1 70.4 106.4 107.9 179.6 87 73.3-20.9 119.3-93.4 106.9-168.6zM329.1 345.2a83.3 83.3 0 11.01-166.61 83.3 83.3 0 01-.01 166.61zM695.6 845a83.3 83.3 0 11.01-166.61A83.3 83.3 0 01695.6 845z"></path></svg></span><div class="details_xxkR"><div><span class="title_pSH5">Isolation</span><p class="description__Fep">Pratices for scalable and efficient module interactions</p></div></div></a>
-<a class="root_GfON defaultTheme_j3I8" href="/docs/reference/public-api"><span role="img" aria-label="api" class="anticon anticon-api icon_ciqP"><svg viewBox="64 64 896 896" focusable="false" data-icon="api" width="1em" height="1em" fill="currentColor" aria-hidden="true"><path d="M917.7 148.8l-42.4-42.4c-1.6-1.6-3.6-2.3-5.7-2.3s-4.1.8-5.7 2.3l-76.1 76.1a199.27 199.27 0 00-112.1-34.3c-51.2 0-102.4 19.5-141.5 58.6L432.3 308.7a8.03 8.03 0 000 11.3L704 591.7c1.6 1.6 3.6 2.3 5.7 2.3 2 0 4.1-.8 5.7-2.3l101.9-101.9c68.9-69 77-175.7 24.3-253.5l76.1-76.1c3.1-3.2 3.1-8.3 0-11.4zM769.1 441.7l-59.4 59.4-186.8-186.8 59.4-59.4c24.9-24.9 58.1-38.7 93.4-38.7 35.3 0 68.4 13.7 93.4 38.7 24.9 24.9 38.7 58.1 38.7 93.4 0 35.3-13.8 68.4-38.7 93.4zm-190.2 105a8.03 8.03 0 00-11.3 0L501 613.3 410.7 523l66.7-66.7c3.1-3.1 3.1-8.2 0-11.3L441 408.6a8.03 8.03 0 00-11.3 0L363 475.3l-43-43a7.85 7.85 0 00-5.7-2.3c-2 0-4.1.8-5.7 2.3L206.8 534.2c-68.9 69-77 175.7-24.3 253.5l-76.1 76.1a8.03 8.03 0 000 11.3l42.4 42.4c1.6 1.6 3.6 2.3 5.7 2.3s4.1-.8 5.7-2.3l76.1-76.1c33.7 22.9 72.9 34.3 112.1 34.3 51.2 0 102.4-19.5 141.5-58.6l101.9-101.9c3.1-3.1 3.1-8.2 0-11.3l-43-43 66.7-66.7c3.1-3.1 3.1-8.2 0-11.3l-36.6-36.2zM441.7 769.1a131.32 131.32 0 01-93.4 38.7c-35.3 0-68.4-13.7-93.4-38.7a131.32 131.32 0 01-38.7-93.4c0-35.3 13.7-68.4 38.7-93.4l59.4-59.4 186.8 186.8-59.4 59.4z"></path></svg></span><div class="details_xxkR"><div><span class="title_pSH5">Public API</span><p class="description__Fep">Practices for designing scalable and easy-to-integrate modules</p></div></div></a></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/reference/index.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Last updated<!-- --> on <b><time datetime="2024-09-29T11:02:46.000Z" itemprop="dateModified">Sep 29, 2024</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/docs/guides"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">🎯 Guides</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/docs/reference/layers"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">Layers</div></a></nav></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Specs</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/docs">Documentation</a></li><li class="footer__item"><a class="footer__link-item" href="/community">Community</a></li><li class="footer__item"><a class="footer__link-item" href="/nav">Help</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">License<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
+<a class="root_GfON defaultTheme_j3I8" href="/docs/reference/public-api"><span role="img" aria-label="api" class="anticon anticon-api icon_ciqP"><svg viewBox="64 64 896 896" focusable="false" data-icon="api" width="1em" height="1em" fill="currentColor" aria-hidden="true"><path d="M917.7 148.8l-42.4-42.4c-1.6-1.6-3.6-2.3-5.7-2.3s-4.1.8-5.7 2.3l-76.1 76.1a199.27 199.27 0 00-112.1-34.3c-51.2 0-102.4 19.5-141.5 58.6L432.3 308.7a8.03 8.03 0 000 11.3L704 591.7c1.6 1.6 3.6 2.3 5.7 2.3 2 0 4.1-.8 5.7-2.3l101.9-101.9c68.9-69 77-175.7 24.3-253.5l76.1-76.1c3.1-3.2 3.1-8.3 0-11.4zM769.1 441.7l-59.4 59.4-186.8-186.8 59.4-59.4c24.9-24.9 58.1-38.7 93.4-38.7 35.3 0 68.4 13.7 93.4 38.7 24.9 24.9 38.7 58.1 38.7 93.4 0 35.3-13.8 68.4-38.7 93.4zm-190.2 105a8.03 8.03 0 00-11.3 0L501 613.3 410.7 523l66.7-66.7c3.1-3.1 3.1-8.2 0-11.3L441 408.6a8.03 8.03 0 00-11.3 0L363 475.3l-43-43a7.85 7.85 0 00-5.7-2.3c-2 0-4.1.8-5.7 2.3L206.8 534.2c-68.9 69-77 175.7-24.3 253.5l-76.1 76.1a8.03 8.03 0 000 11.3l42.4 42.4c1.6 1.6 3.6 2.3 5.7 2.3s4.1-.8 5.7-2.3l76.1-76.1c33.7 22.9 72.9 34.3 112.1 34.3 51.2 0 102.4-19.5 141.5-58.6l101.9-101.9c3.1-3.1 3.1-8.2 0-11.3l-43-43 66.7-66.7c3.1-3.1 3.1-8.2 0-11.3l-36.6-36.2zM441.7 769.1a131.32 131.32 0 01-93.4 38.7c-35.3 0-68.4-13.7-93.4-38.7a131.32 131.32 0 01-38.7-93.4c0-35.3 13.7-68.4 38.7-93.4l59.4-59.4 186.8 186.8-59.4 59.4z"></path></svg></span><div class="details_xxkR"><div><span class="title_pSH5">Public API</span><p class="description__Fep">Practices for designing scalable and easy-to-integrate modules</p></div></div></a></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/reference/index.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Last updated<!-- --> on <b><time datetime="2024-10-07T18:23:06.000Z" itemprop="dateModified">Oct 7, 2024</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/docs/guides"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">🎯 Guides</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/docs/reference/layers"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">Layers</div></a></nav></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Specs</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/docs">Documentation</a></li><li class="footer__item"><a class="footer__link-item" href="/community">Community</a></li><li class="footer__item"><a class="footer__link-item" href="/nav">Help</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">License<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
 </body>
 </html>
\ No newline at end of file
diff --git a/docs/reference/isolation.html b/docs/reference/isolation.html
index 3edf0e121c..5b47d6e8c2 100644
--- a/docs/reference/isolation.html
+++ b/docs/reference/isolation.html
@@ -9,8 +9,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/opensearch.xml"><link rel="stylesheet" href="/assets/css/styles.04fd99a1.css">
-<script src="/assets/js/runtime~main.06c92bf3.js" defer="defer"></script>
-<script src="/assets/js/main.e2ab5a51.js" defer="defer"></script>
+<script src="/assets/js/runtime~main.29fb6ef5.js" defer="defer"></script>
+<script src="/assets/js/main.360a9d35.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/docs">📖 Docs</a><a class="navbar__item navbar__link" href="/community">💫 Community</a><a class="navbar__item navbar__link" href="/blog">📝 Blog</a><a class="navbar__item navbar__link" href="/examples">🛠 Examples</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/docs/reference/isolation">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a aria-current="page" class="dropdown__link dropdown__link--active" href="/docs/reference/isolation">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>English</a><ul class="dropdown__menu"><li><a href="/ru/docs/reference/isolation" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ru">Русский</a></li><li><a href="/docs/reference/isolation" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="en">English</a></li><li><a href="/uz/docs/reference/isolation" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/docs/reference/isolation" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="kr">한국어</a></li><li><a href="/ja/docs/reference/isolation" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><div class="docsWrapper_rDLg"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_JQoL" type="button"></button><div class="docRoot_GkJk"><aside class="theme-doc-sidebar-container docSidebarContainer_xiHB"><div class="sidebarViewport_DaHB"><div class="sidebar_Kb82"><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_AkOp"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--active" href="/docs/reference">📚  Reference</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/reference/layers">Layers</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/reference/slices-segments">Slices and segments</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/reference/public-api">Public API</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item"><div class="menu__list-item-collapsible menu__list-item-collapsible--active"><a class="menu__link menu__link--sublist menu__link--active" aria-current="page" tabindex="0" href="/docs/reference/isolation">Isolation</a><button aria-label="Collapse sidebar category &#x27;Isolation&#x27;" aria-expanded="true" type="button" class="clean-btn menu__caret"></button></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/reference/isolation/coupling-cohesion">Low Coupling &amp; High Cohesion</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item sidebar-item--wip"><a class="menu__link" tabindex="0" href="/docs/reference/isolation/decouple-entities">Decouple entities</a></li></ul></li></ul></li></ul></nav><button type="button" title="Collapse sidebar" aria-label="Collapse sidebar" class="button button--secondary button--outline collapseSidebarButton_L8vW"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_hYfn"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_uESP"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_w6lk"><div class="docItemContainer_b1tn"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_ioLt" aria-label="Breadcrumbs"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Home page" class="breadcrumbs__link" href="/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_ZfEo"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/docs/reference"><span itemprop="name">📚  Reference</span></a><meta itemprop="position" content="1"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">Isolation</span><meta itemprop="position" content="2"></li></ul></nav><div class="tocCollapsible_EkMH theme-doc-toc-mobile tocMobile_XRnS"><button type="button" class="clean-btn tocCollapsibleButton_ID8T">On this page</button></div><div class="theme-doc-markdown markdown"><header><h1>Isolation of modules</h1></header>
@@ -82,6 +82,6 @@ <h2 class="anchor anchorWithStickyNavbar_QzlE" id="see-also">See also<a href="#s
 <li><a href="https://github.com/feature-sliced/documentation/discussions/49" target="_blank" rel="noopener noreferrer">(Discussion) Coupled entities</a></li>
 <li><a href="https://github.com/feature-sliced/documentation/discussions/65#discussioncomment-480822" target="_blank" rel="noopener noreferrer">(Discussion) About cross-imports and analysis зависимостей</a></li>
 <li><a href="https://en.wikipedia.org/wiki/GRASP_(object-oriented_design)" target="_blank" rel="noopener noreferrer"><strong>GRASP</strong> Patterns</a></li>
-</ul></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/reference/isolation/index.md" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Last updated<!-- --> on <b><time datetime="2024-09-29T11:02:46.000Z" itemprop="dateModified">Sep 29, 2024</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/docs/reference/public-api"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">Public API</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/docs/reference/isolation/coupling-cohesion"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">Low Coupling &amp; High Cohesion</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#requirements" class="table-of-contents__link toc-highlight">Requirements</a></li><li><a href="#rule" class="table-of-contents__link toc-highlight">Rule</a></li><li><a href="#identifying-problems" class="table-of-contents__link toc-highlight">Identifying problems</a></li><li><a href="#see-also" class="table-of-contents__link toc-highlight">See also</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Specs</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/docs">Documentation</a></li><li class="footer__item"><a class="footer__link-item" href="/community">Community</a></li><li class="footer__item"><a class="footer__link-item" href="/nav">Help</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">License<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
+</ul></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/reference/isolation/index.md" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Last updated<!-- --> on <b><time datetime="2024-10-07T18:23:06.000Z" itemprop="dateModified">Oct 7, 2024</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/docs/reference/public-api"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">Public API</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/docs/reference/isolation/coupling-cohesion"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">Low Coupling &amp; High Cohesion</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#requirements" class="table-of-contents__link toc-highlight">Requirements</a></li><li><a href="#rule" class="table-of-contents__link toc-highlight">Rule</a></li><li><a href="#identifying-problems" class="table-of-contents__link toc-highlight">Identifying problems</a></li><li><a href="#see-also" class="table-of-contents__link toc-highlight">See also</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Specs</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/docs">Documentation</a></li><li class="footer__item"><a class="footer__link-item" href="/community">Community</a></li><li class="footer__item"><a class="footer__link-item" href="/nav">Help</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">License<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
 </body>
 </html>
\ No newline at end of file
diff --git a/docs/reference/isolation/coupling-cohesion.html b/docs/reference/isolation/coupling-cohesion.html
index 5296e7dfa7..08e8686def 100644
--- a/docs/reference/isolation/coupling-cohesion.html
+++ b/docs/reference/isolation/coupling-cohesion.html
@@ -9,8 +9,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/opensearch.xml"><link rel="stylesheet" href="/assets/css/styles.04fd99a1.css">
-<script src="/assets/js/runtime~main.06c92bf3.js" defer="defer"></script>
-<script src="/assets/js/main.e2ab5a51.js" defer="defer"></script>
+<script src="/assets/js/runtime~main.29fb6ef5.js" defer="defer"></script>
+<script src="/assets/js/main.360a9d35.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/docs">📖 Docs</a><a class="navbar__item navbar__link" href="/community">💫 Community</a><a class="navbar__item navbar__link" href="/blog">📝 Blog</a><a class="navbar__item navbar__link" href="/examples">🛠 Examples</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/docs/reference/isolation/coupling-cohesion">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a aria-current="page" class="dropdown__link dropdown__link--active" href="/docs/reference/isolation/coupling-cohesion">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>English</a><ul class="dropdown__menu"><li><a href="/ru/docs/reference/isolation/coupling-cohesion" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ru">Русский</a></li><li><a href="/docs/reference/isolation/coupling-cohesion" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="en">English</a></li><li><a href="/uz/docs/reference/isolation/coupling-cohesion" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/docs/reference/isolation/coupling-cohesion" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="kr">한국어</a></li><li><a href="/ja/docs/reference/isolation/coupling-cohesion" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><div class="docsWrapper_rDLg"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_JQoL" type="button"></button><div class="docRoot_GkJk"><aside class="theme-doc-sidebar-container docSidebarContainer_xiHB"><div class="sidebarViewport_DaHB"><div class="sidebar_Kb82"><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_AkOp"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--active" href="/docs/reference">📚  Reference</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/reference/layers">Layers</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/reference/slices-segments">Slices and segments</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/reference/public-api">Public API</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--active" tabindex="0" href="/docs/reference/isolation">Isolation</a><button aria-label="Collapse sidebar category &#x27;Isolation&#x27;" aria-expanded="true" type="button" class="clean-btn menu__caret"></button></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/docs/reference/isolation/coupling-cohesion">Low Coupling &amp; High Cohesion</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item sidebar-item--wip"><a class="menu__link" tabindex="0" href="/docs/reference/isolation/decouple-entities">Decouple entities</a></li></ul></li></ul></li></ul></nav><button type="button" title="Collapse sidebar" aria-label="Collapse sidebar" class="button button--secondary button--outline collapseSidebarButton_L8vW"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_hYfn"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_uESP"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_w6lk"><div class="docItemContainer_b1tn"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_ioLt" aria-label="Breadcrumbs"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Home page" class="breadcrumbs__link" href="/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_ZfEo"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/docs/reference"><span itemprop="name">📚  Reference</span></a><meta itemprop="position" content="1"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/docs/reference/isolation"><span itemprop="name">Isolation</span></a><meta itemprop="position" content="2"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">Low Coupling &amp; High Cohesion</span><meta itemprop="position" content="3"></li></ul></nav><div class="tocCollapsible_EkMH theme-doc-toc-mobile tocMobile_XRnS"><button type="button" class="clean-btn tocCollapsibleButton_ID8T">On this page</button></div><div class="theme-doc-markdown markdown"><header><h1>Low Coupling &amp; High Cohesion</h1></header>
@@ -78,6 +78,6 @@ <h2 class="anchor anchorWithStickyNavbar_QzlE" id="see-also">See also<a href="#s
 </li>
 <li><a href="https://medium.com/german-gorelkin/low-coupling-high-cohesion-d36369fb1be9" target="_blank" rel="noopener noreferrer">(Article) Low Coupling and High Cohesion. The Law of Demeter</a></li>
 <li><a href="https://www.slideshare.net/cristalngo/software-design-principles-57388843" target="_blank" rel="noopener noreferrer">(Presentation) On design principles (including Low Coupling &amp; High Cohesion)</a></li>
-</ul></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/reference/isolation/coupling-cohesion.md" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Last updated<!-- --> on <b><time datetime="2024-09-29T11:02:46.000Z" itemprop="dateModified">Sep 29, 2024</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/docs/reference/isolation"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">Isolation of modules</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/docs/reference/isolation/decouple-entities"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">Decouple entities</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#components-composition-ui-level" class="table-of-contents__link toc-highlight">Components composition (UI level)</a><ul><li><a href="#example" class="table-of-contents__link toc-highlight">Example</a></li></ul></li><li><a href="#layer-composition-app-level" class="table-of-contents__link toc-highlight">Layer composition (APP level)</a><ul><li><a href="#example-1" class="table-of-contents__link toc-highlight">Example</a></li></ul></li><li><a href="#summary" class="table-of-contents__link toc-highlight">Summary</a></li><li><a href="#see-also" class="table-of-contents__link toc-highlight">See also</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Specs</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/docs">Documentation</a></li><li class="footer__item"><a class="footer__link-item" href="/community">Community</a></li><li class="footer__item"><a class="footer__link-item" href="/nav">Help</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">License<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
+</ul></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/reference/isolation/coupling-cohesion.md" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Last updated<!-- --> on <b><time datetime="2024-10-07T18:23:06.000Z" itemprop="dateModified">Oct 7, 2024</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/docs/reference/isolation"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">Isolation of modules</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/docs/reference/isolation/decouple-entities"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">Decouple entities</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#components-composition-ui-level" class="table-of-contents__link toc-highlight">Components composition (UI level)</a><ul><li><a href="#example" class="table-of-contents__link toc-highlight">Example</a></li></ul></li><li><a href="#layer-composition-app-level" class="table-of-contents__link toc-highlight">Layer composition (APP level)</a><ul><li><a href="#example-1" class="table-of-contents__link toc-highlight">Example</a></li></ul></li><li><a href="#summary" class="table-of-contents__link toc-highlight">Summary</a></li><li><a href="#see-also" class="table-of-contents__link toc-highlight">See also</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Specs</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/docs">Documentation</a></li><li class="footer__item"><a class="footer__link-item" href="/community">Community</a></li><li class="footer__item"><a class="footer__link-item" href="/nav">Help</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">License<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
 </body>
 </html>
\ No newline at end of file
diff --git a/docs/reference/isolation/decouple-entities.html b/docs/reference/isolation/decouple-entities.html
index ab3deacd87..a4d437a7c4 100644
--- a/docs/reference/isolation/decouple-entities.html
+++ b/docs/reference/isolation/decouple-entities.html
@@ -9,8 +9,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/opensearch.xml"><link rel="stylesheet" href="/assets/css/styles.04fd99a1.css">
-<script src="/assets/js/runtime~main.06c92bf3.js" defer="defer"></script>
-<script src="/assets/js/main.e2ab5a51.js" defer="defer"></script>
+<script src="/assets/js/runtime~main.29fb6ef5.js" defer="defer"></script>
+<script src="/assets/js/main.360a9d35.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/docs">📖 Docs</a><a class="navbar__item navbar__link" href="/community">💫 Community</a><a class="navbar__item navbar__link" href="/blog">📝 Blog</a><a class="navbar__item navbar__link" href="/examples">🛠 Examples</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/docs/reference/isolation/decouple-entities">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a aria-current="page" class="dropdown__link dropdown__link--active" href="/docs/reference/isolation/decouple-entities">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>English</a><ul class="dropdown__menu"><li><a href="/ru/docs/reference/isolation/decouple-entities" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ru">Русский</a></li><li><a href="/docs/reference/isolation/decouple-entities" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="en">English</a></li><li><a href="/uz/docs/reference/isolation/decouple-entities" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/docs/reference/isolation/decouple-entities" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="kr">한국어</a></li><li><a href="/ja/docs/reference/isolation/decouple-entities" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><div class="docsWrapper_rDLg"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_JQoL" type="button"></button><div class="docRoot_GkJk"><aside class="theme-doc-sidebar-container docSidebarContainer_xiHB"><div class="sidebarViewport_DaHB"><div class="sidebar_Kb82"><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_AkOp"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--active" href="/docs/reference">📚  Reference</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/reference/layers">Layers</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/reference/slices-segments">Slices and segments</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/reference/public-api">Public API</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--active" tabindex="0" href="/docs/reference/isolation">Isolation</a><button aria-label="Collapse sidebar category &#x27;Isolation&#x27;" aria-expanded="true" type="button" class="clean-btn menu__caret"></button></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/reference/isolation/coupling-cohesion">Low Coupling &amp; High Cohesion</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item sidebar-item--wip"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/docs/reference/isolation/decouple-entities">Decouple entities</a></li></ul></li></ul></li></ul></nav><button type="button" title="Collapse sidebar" aria-label="Collapse sidebar" class="button button--secondary button--outline collapseSidebarButton_L8vW"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_hYfn"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_uESP"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_w6lk"><div class="docItemContainer_b1tn"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_ioLt" aria-label="Breadcrumbs"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Home page" class="breadcrumbs__link" href="/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_ZfEo"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/docs/reference"><span itemprop="name">📚  Reference</span></a><meta itemprop="position" content="1"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/docs/reference/isolation"><span itemprop="name">Isolation</span></a><meta itemprop="position" content="2"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">Decouple entities</span><meta itemprop="position" content="3"></li></ul></nav><div class="tocCollapsible_EkMH theme-doc-toc-mobile tocMobile_XRnS"><button type="button" class="clean-btn tocCollapsibleButton_ID8T">On this page</button></div><div class="theme-doc-markdown markdown"><header><h1>Decouple entities</h1></header>
@@ -27,6 +27,6 @@ <h2 class="anchor anchorWithStickyNavbar_QzlE" id="see-also">See also<a href="#s
 <li><a href="https://t.me/feature_sliced/3316" target="_blank" rel="noopener noreferrer">(Thread) Example of decomposition for &quot;connected entities&quot; (users/pets/friends)</a></li>
 <li><a href="https://t.me/feature_sliced/4276" target="_blank" rel="noopener noreferrer">(Thread) About cross-imports of types/adapters in entities</a></li>
 <li><a href="https://t.me/feature_sliced/4521" target="_blank" rel="noopener noreferrer">(Thread) About the boundaries of entities and features</a></li>
-</ul></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/reference/isolation/decouple-entities.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Last updated<!-- --> on <b><time datetime="2024-09-29T11:02:46.000Z" itemprop="dateModified">Sep 29, 2024</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/docs/reference/isolation/coupling-cohesion"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">Low Coupling &amp; High Cohesion</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#see-also" class="table-of-contents__link toc-highlight">See also</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Specs</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/docs">Documentation</a></li><li class="footer__item"><a class="footer__link-item" href="/community">Community</a></li><li class="footer__item"><a class="footer__link-item" href="/nav">Help</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">License<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
+</ul></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/reference/isolation/decouple-entities.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Last updated<!-- --> on <b><time datetime="2024-10-07T18:23:06.000Z" itemprop="dateModified">Oct 7, 2024</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/docs/reference/isolation/coupling-cohesion"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">Low Coupling &amp; High Cohesion</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#see-also" class="table-of-contents__link toc-highlight">See also</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Specs</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/docs">Documentation</a></li><li class="footer__item"><a class="footer__link-item" href="/community">Community</a></li><li class="footer__item"><a class="footer__link-item" href="/nav">Help</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">License<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
 </body>
 </html>
\ No newline at end of file
diff --git a/docs/reference/layers.html b/docs/reference/layers.html
index d32c770f64..470a141f05 100644
--- a/docs/reference/layers.html
+++ b/docs/reference/layers.html
@@ -9,8 +9,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/opensearch.xml"><link rel="stylesheet" href="/assets/css/styles.04fd99a1.css">
-<script src="/assets/js/runtime~main.06c92bf3.js" defer="defer"></script>
-<script src="/assets/js/main.e2ab5a51.js" defer="defer"></script>
+<script src="/assets/js/runtime~main.29fb6ef5.js" defer="defer"></script>
+<script src="/assets/js/main.360a9d35.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/docs">📖 Docs</a><a class="navbar__item navbar__link" href="/community">💫 Community</a><a class="navbar__item navbar__link" href="/blog">📝 Blog</a><a class="navbar__item navbar__link" href="/examples">🛠 Examples</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/docs/reference/layers">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a aria-current="page" class="dropdown__link dropdown__link--active" href="/docs/reference/layers">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>English</a><ul class="dropdown__menu"><li><a href="/ru/docs/reference/layers" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ru">Русский</a></li><li><a href="/docs/reference/layers" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="en">English</a></li><li><a href="/uz/docs/reference/layers" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/docs/reference/layers" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="kr">한국어</a></li><li><a href="/ja/docs/reference/layers" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><div class="docsWrapper_rDLg"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_JQoL" type="button"></button><div class="docRoot_GkJk"><aside class="theme-doc-sidebar-container docSidebarContainer_xiHB"><div class="sidebarViewport_DaHB"><div class="sidebar_Kb82"><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_AkOp"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--active" href="/docs/reference">📚  Reference</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/docs/reference/layers">Layers</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/reference/slices-segments">Slices and segments</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/reference/public-api">Public API</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" tabindex="0" href="/docs/reference/isolation">Isolation</a><button aria-label="Expand sidebar category &#x27;Isolation&#x27;" aria-expanded="false" type="button" class="clean-btn menu__caret"></button></div></li></ul></li></ul></nav><button type="button" title="Collapse sidebar" aria-label="Collapse sidebar" class="button button--secondary button--outline collapseSidebarButton_L8vW"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_hYfn"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_uESP"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_w6lk"><div class="docItemContainer_b1tn"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_ioLt" aria-label="Breadcrumbs"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Home page" class="breadcrumbs__link" href="/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_ZfEo"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/docs/reference"><span itemprop="name">📚  Reference</span></a><meta itemprop="position" content="1"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">Layers</span><meta itemprop="position" content="2"></li></ul></nav><div class="tocCollapsible_EkMH theme-doc-toc-mobile tocMobile_XRnS"><button type="button" class="clean-btn tocCollapsibleButton_ID8T">On this page</button></div><div class="theme-doc-markdown markdown"><header><h1>Layers</h1></header>
@@ -87,6 +87,6 @@ <h3 class="anchor anchorWithStickyNavbar_QzlE" id="app">App<a href="#app" class=
 <li>Routing</li>
 <li>Store and other context providers</li>
 <li>Analytics initialization</li>
-</ul></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/reference/layers.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Last updated<!-- --> on <b><time datetime="2024-09-29T11:02:46.000Z" itemprop="dateModified">Sep 29, 2024</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/docs/reference"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">📚 Reference</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/docs/reference/slices-segments"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">Slices and segments</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#import-rule-on-layers" class="table-of-contents__link toc-highlight">Import rule on layers</a></li><li><a href="#layer-definitions" class="table-of-contents__link toc-highlight">Layer definitions</a><ul><li><a href="#shared" class="table-of-contents__link toc-highlight">Shared</a></li><li><a href="#entities" class="table-of-contents__link toc-highlight">Entities</a></li><li><a href="#features" class="table-of-contents__link toc-highlight">Features</a></li><li><a href="#widgets" class="table-of-contents__link toc-highlight">Widgets</a></li><li><a href="#pages" class="table-of-contents__link toc-highlight">Pages</a></li><li><a href="#processes" class="table-of-contents__link toc-highlight">Processes</a></li><li><a href="#app" class="table-of-contents__link toc-highlight">App</a></li></ul></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Specs</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/docs">Documentation</a></li><li class="footer__item"><a class="footer__link-item" href="/community">Community</a></li><li class="footer__item"><a class="footer__link-item" href="/nav">Help</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">License<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
+</ul></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/reference/layers.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Last updated<!-- --> on <b><time datetime="2024-10-07T18:23:06.000Z" itemprop="dateModified">Oct 7, 2024</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/docs/reference"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">📚 Reference</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/docs/reference/slices-segments"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">Slices and segments</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#import-rule-on-layers" class="table-of-contents__link toc-highlight">Import rule on layers</a></li><li><a href="#layer-definitions" class="table-of-contents__link toc-highlight">Layer definitions</a><ul><li><a href="#shared" class="table-of-contents__link toc-highlight">Shared</a></li><li><a href="#entities" class="table-of-contents__link toc-highlight">Entities</a></li><li><a href="#features" class="table-of-contents__link toc-highlight">Features</a></li><li><a href="#widgets" class="table-of-contents__link toc-highlight">Widgets</a></li><li><a href="#pages" class="table-of-contents__link toc-highlight">Pages</a></li><li><a href="#processes" class="table-of-contents__link toc-highlight">Processes</a></li><li><a href="#app" class="table-of-contents__link toc-highlight">App</a></li></ul></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Specs</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/docs">Documentation</a></li><li class="footer__item"><a class="footer__link-item" href="/community">Community</a></li><li class="footer__item"><a class="footer__link-item" href="/nav">Help</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">License<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
 </body>
 </html>
\ No newline at end of file
diff --git a/docs/reference/public-api.html b/docs/reference/public-api.html
index be80679b11..20e1de45b1 100644
--- a/docs/reference/public-api.html
+++ b/docs/reference/public-api.html
@@ -9,8 +9,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/opensearch.xml"><link rel="stylesheet" href="/assets/css/styles.04fd99a1.css">
-<script src="/assets/js/runtime~main.06c92bf3.js" defer="defer"></script>
-<script src="/assets/js/main.e2ab5a51.js" defer="defer"></script>
+<script src="/assets/js/runtime~main.29fb6ef5.js" defer="defer"></script>
+<script src="/assets/js/main.360a9d35.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/docs">📖 Docs</a><a class="navbar__item navbar__link" href="/community">💫 Community</a><a class="navbar__item navbar__link" href="/blog">📝 Blog</a><a class="navbar__item navbar__link" href="/examples">🛠 Examples</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/docs/reference/public-api">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a aria-current="page" class="dropdown__link dropdown__link--active" href="/docs/reference/public-api">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>English</a><ul class="dropdown__menu"><li><a href="/ru/docs/reference/public-api" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ru">Русский</a></li><li><a href="/docs/reference/public-api" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="en">English</a></li><li><a href="/uz/docs/reference/public-api" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/docs/reference/public-api" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="kr">한국어</a></li><li><a href="/ja/docs/reference/public-api" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><div class="docsWrapper_rDLg"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_JQoL" type="button"></button><div class="docRoot_GkJk"><aside class="theme-doc-sidebar-container docSidebarContainer_xiHB"><div class="sidebarViewport_DaHB"><div class="sidebar_Kb82"><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_AkOp"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--active" href="/docs/reference">📚  Reference</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/reference/layers">Layers</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/reference/slices-segments">Slices and segments</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/docs/reference/public-api">Public API</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" tabindex="0" href="/docs/reference/isolation">Isolation</a><button aria-label="Expand sidebar category &#x27;Isolation&#x27;" aria-expanded="false" type="button" class="clean-btn menu__caret"></button></div></li></ul></li></ul></nav><button type="button" title="Collapse sidebar" aria-label="Collapse sidebar" class="button button--secondary button--outline collapseSidebarButton_L8vW"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_hYfn"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_uESP"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_w6lk"><div class="docItemContainer_b1tn"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_ioLt" aria-label="Breadcrumbs"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Home page" class="breadcrumbs__link" href="/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_ZfEo"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/docs/reference"><span itemprop="name">📚  Reference</span></a><meta itemprop="position" content="1"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">Public API</span><meta itemprop="position" content="2"></li></ul></nav><div class="tocCollapsible_EkMH theme-doc-toc-mobile tocMobile_XRnS"><button type="button" class="clean-btn tocCollapsibleButton_ID8T">On this page</button></div><div class="theme-doc-markdown markdown"><header><h1>Public API</h1></header>
@@ -140,6 +140,6 @@ <h2 class="anchor anchorWithStickyNavbar_QzlE" id="see-also">See also<a href="#s
 <li><a href="https://github.com/feature-sliced/documentation/discussions/41" target="_blank" rel="noopener noreferrer">(Discussion) Public Abstraction API</a></li>
 <li><a href="https://ru.wikipedia.org/wiki/SOLID" target="_blank" rel="noopener noreferrer">Principles <strong>SOLID</strong></a></li>
 <li><a href="https://ru.wikipedia.org/wiki/GRASP" target="_blank" rel="noopener noreferrer">Patterns <strong>GRASP</strong></a></li>
-</ul></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/reference/public-api.md" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Last updated<!-- --> on <b><time datetime="2024-09-29T11:02:46.000Z" itemprop="dateModified">Sep 29, 2024</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/docs/reference/slices-segments"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">Slices and segments</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/docs/about"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">🍰 About</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#goals" class="table-of-contents__link toc-highlight">Goals</a></li><li><a href="#requirements-for-the-public-api" class="table-of-contents__link toc-highlight">Requirements for the public API</a><ul><li><a href="#1-access-control" class="table-of-contents__link toc-highlight">1. Access Control</a></li><li><a href="#2-sustainability-for-changes" class="table-of-contents__link toc-highlight">2. Sustainability for changes</a></li><li><a href="#3-integrability" class="table-of-contents__link toc-highlight">3. Integrability</a></li></ul></li><li><a href="#about-re-exports" class="table-of-contents__link toc-highlight">About re-exports</a><ul><li><a href="#disadvantages" class="table-of-contents__link toc-highlight">Disadvantages</a></li><li><a href="#possible-solutions" class="table-of-contents__link toc-highlight">Possible solutions</a></li></ul></li><li><a href="#see-also" class="table-of-contents__link toc-highlight">See also</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Specs</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/docs">Documentation</a></li><li class="footer__item"><a class="footer__link-item" href="/community">Community</a></li><li class="footer__item"><a class="footer__link-item" href="/nav">Help</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">License<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
+</ul></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/reference/public-api.md" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Last updated<!-- --> on <b><time datetime="2024-10-07T18:23:06.000Z" itemprop="dateModified">Oct 7, 2024</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/docs/reference/slices-segments"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">Slices and segments</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/docs/about"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">🍰 About</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#goals" class="table-of-contents__link toc-highlight">Goals</a></li><li><a href="#requirements-for-the-public-api" class="table-of-contents__link toc-highlight">Requirements for the public API</a><ul><li><a href="#1-access-control" class="table-of-contents__link toc-highlight">1. Access Control</a></li><li><a href="#2-sustainability-for-changes" class="table-of-contents__link toc-highlight">2. Sustainability for changes</a></li><li><a href="#3-integrability" class="table-of-contents__link toc-highlight">3. Integrability</a></li></ul></li><li><a href="#about-re-exports" class="table-of-contents__link toc-highlight">About re-exports</a><ul><li><a href="#disadvantages" class="table-of-contents__link toc-highlight">Disadvantages</a></li><li><a href="#possible-solutions" class="table-of-contents__link toc-highlight">Possible solutions</a></li></ul></li><li><a href="#see-also" class="table-of-contents__link toc-highlight">See also</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Specs</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/docs">Documentation</a></li><li class="footer__item"><a class="footer__link-item" href="/community">Community</a></li><li class="footer__item"><a class="footer__link-item" href="/nav">Help</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">License<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
 </body>
 </html>
\ No newline at end of file
diff --git a/docs/reference/slices-segments.html b/docs/reference/slices-segments.html
index ae1c57e293..fe92483806 100644
--- a/docs/reference/slices-segments.html
+++ b/docs/reference/slices-segments.html
@@ -9,8 +9,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/opensearch.xml"><link rel="stylesheet" href="/assets/css/styles.04fd99a1.css">
-<script src="/assets/js/runtime~main.06c92bf3.js" defer="defer"></script>
-<script src="/assets/js/main.e2ab5a51.js" defer="defer"></script>
+<script src="/assets/js/runtime~main.29fb6ef5.js" defer="defer"></script>
+<script src="/assets/js/main.360a9d35.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/docs">📖 Docs</a><a class="navbar__item navbar__link" href="/community">💫 Community</a><a class="navbar__item navbar__link" href="/blog">📝 Blog</a><a class="navbar__item navbar__link" href="/examples">🛠 Examples</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/docs/reference/slices-segments">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a aria-current="page" class="dropdown__link dropdown__link--active" href="/docs/reference/slices-segments">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>English</a><ul class="dropdown__menu"><li><a href="/ru/docs/reference/slices-segments" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ru">Русский</a></li><li><a href="/docs/reference/slices-segments" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="en">English</a></li><li><a href="/uz/docs/reference/slices-segments" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/docs/reference/slices-segments" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="kr">한국어</a></li><li><a href="/ja/docs/reference/slices-segments" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><div class="docsWrapper_rDLg"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_JQoL" type="button"></button><div class="docRoot_GkJk"><aside class="theme-doc-sidebar-container docSidebarContainer_xiHB"><div class="sidebarViewport_DaHB"><div class="sidebar_Kb82"><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_AkOp"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--active" href="/docs/reference">📚  Reference</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/reference/layers">Layers</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/docs/reference/slices-segments">Slices and segments</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/reference/public-api">Public API</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" tabindex="0" href="/docs/reference/isolation">Isolation</a><button aria-label="Expand sidebar category &#x27;Isolation&#x27;" aria-expanded="false" type="button" class="clean-btn menu__caret"></button></div></li></ul></li></ul></nav><button type="button" title="Collapse sidebar" aria-label="Collapse sidebar" class="button button--secondary button--outline collapseSidebarButton_L8vW"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_hYfn"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_uESP"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_w6lk"><div class="docItemContainer_b1tn"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_ioLt" aria-label="Breadcrumbs"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Home page" class="breadcrumbs__link" href="/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_ZfEo"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/docs/reference"><span itemprop="name">📚  Reference</span></a><meta itemprop="position" content="1"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">Slices and segments</span><meta itemprop="position" content="2"></li></ul></nav><div class="tocCollapsible_EkMH theme-doc-toc-mobile tocMobile_XRnS"><button type="button" class="clean-btn tocCollapsibleButton_ID8T">On this page</button></div><div class="theme-doc-markdown markdown"><header><h1>Slices and segments</h1></header>
@@ -38,6 +38,6 @@ <h2 class="anchor anchorWithStickyNavbar_QzlE" id="segments">Segments<a href="#s
 </ul>
 <p>Custom segments are permitted, but should be created sparingly. The most common places for custom segments are the App layer and the Shared layer, where slices don&#x27;t make sense.</p>
 <h3 class="anchor anchorWithStickyNavbar_QzlE" id="examples">Examples<a href="#examples" class="hash-link" aria-label="Direct link to heading" title="Direct link to heading">​</a></h3>
-<table><thead><tr><th style="text-align:left">Layer</th><th style="text-align:left"><code>ui</code></th><th style="text-align:left"><code>model</code></th><th style="text-align:left"><code>lib</code></th><th style="text-align:left"><code>api</code></th></tr></thead><tbody><tr><td style="text-align:left">Shared</td><td style="text-align:left">UI kit</td><td style="text-align:left">Usually not used</td><td style="text-align:left">Utility modules of several related files. <br>If you need to use individual helpers, consider using utility libraries such as <a href="https://www.npmjs.com/package/lodash-es" target="_blank" rel="noopener noreferrer"><code>lodash-es</code></a>.</td><td style="text-align:left">Rudimentary API client with additional features like authentication or caching.</td></tr><tr><td style="text-align:left">Entities</td><td style="text-align:left">Skeleton of a business entity with slots for interactive elements</td><td style="text-align:left">Data storage of instances of this entity as well as functions for manipulating that data. <br> This segment is most fit for storing server-side data. If you use <a href="https://tanstack.com/query/latest" target="_blank" rel="noopener noreferrer">TanStack Query</a> or other methods of implicit storage, you may choose to omit this segment.</td><td style="text-align:left">Functions for manipulating instances of this entity that aren&#x27;t related to storage</td><td style="text-align:left">API methods using the API client from Shared for easy communication with the backend</td></tr><tr><td style="text-align:left">Features</td><td style="text-align:left">Interactive elements that enable users to use this feature</td><td style="text-align:left">Business logic and infrastructure data storage, if needed (e.g., current app theme). This is the code that actually produces value for the user.</td><td style="text-align:left">Infrastructural code that helps to concisely describe the business logic in the <code>model</code> segment</td><td style="text-align:left">API methods that represent this feature on the backend. <br> May compose API methods from Entities.</td></tr><tr><td style="text-align:left">Widgets</td><td style="text-align:left">Composition of Entities and Features into self-contained UI blocks. <br> Can also contain error boundaries and loading states.</td><td style="text-align:left">Infrastructure data storage, if needed</td><td style="text-align:left">Non-business interactions (e.g., gestures) and other necessary code for the block to function on a page</td><td style="text-align:left">Usually not used, but can contain data loaders in nested routing contexts (e.g., <a href="https://remix.run" target="_blank" rel="noopener noreferrer">Remix</a>)</td></tr><tr><td style="text-align:left">Pages</td><td style="text-align:left">Composition of Entities, Features and Widgets into complete pages. <br> Can also contain error boundaries and loading states.</td><td style="text-align:left">Usually not used</td><td style="text-align:left">Non-business interactions (e.g., gestures) and other necessary code for the page to deliver a complete user experience</td><td style="text-align:left">Data loaders for SSR-oriented frameworks</td></tr></tbody></table></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/reference/slices-segments.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Last updated<!-- --> on <b><time datetime="2024-09-29T11:02:46.000Z" itemprop="dateModified">Sep 29, 2024</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/docs/reference/layers"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">Layers</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/docs/reference/public-api"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">Public API</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#slices" class="table-of-contents__link toc-highlight">Slices</a><ul><li><a href="#public-api-rule-on-slices" class="table-of-contents__link toc-highlight">Public API rule on slices</a></li></ul></li><li><a href="#segments" class="table-of-contents__link toc-highlight">Segments</a><ul><li><a href="#examples" class="table-of-contents__link toc-highlight">Examples</a></li></ul></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Specs</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/docs">Documentation</a></li><li class="footer__item"><a class="footer__link-item" href="/community">Community</a></li><li class="footer__item"><a class="footer__link-item" href="/nav">Help</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">License<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
+<table><thead><tr><th style="text-align:left">Layer</th><th style="text-align:left"><code>ui</code></th><th style="text-align:left"><code>model</code></th><th style="text-align:left"><code>lib</code></th><th style="text-align:left"><code>api</code></th></tr></thead><tbody><tr><td style="text-align:left">Shared</td><td style="text-align:left">UI kit</td><td style="text-align:left">Usually not used</td><td style="text-align:left">Utility modules of several related files. <br>If you need to use individual helpers, consider using utility libraries such as <a href="https://www.npmjs.com/package/lodash-es" target="_blank" rel="noopener noreferrer"><code>lodash-es</code></a>.</td><td style="text-align:left">Rudimentary API client with additional features like authentication or caching.</td></tr><tr><td style="text-align:left">Entities</td><td style="text-align:left">Skeleton of a business entity with slots for interactive elements</td><td style="text-align:left">Data storage of instances of this entity as well as functions for manipulating that data. <br> This segment is most fit for storing server-side data. If you use <a href="https://tanstack.com/query/latest" target="_blank" rel="noopener noreferrer">TanStack Query</a> or other methods of implicit storage, you may choose to omit this segment.</td><td style="text-align:left">Functions for manipulating instances of this entity that aren&#x27;t related to storage</td><td style="text-align:left">API methods using the API client from Shared for easy communication with the backend</td></tr><tr><td style="text-align:left">Features</td><td style="text-align:left">Interactive elements that enable users to use this feature</td><td style="text-align:left">Business logic and infrastructure data storage, if needed (e.g., current app theme). This is the code that actually produces value for the user.</td><td style="text-align:left">Infrastructural code that helps to concisely describe the business logic in the <code>model</code> segment</td><td style="text-align:left">API methods that represent this feature on the backend. <br> May compose API methods from Entities.</td></tr><tr><td style="text-align:left">Widgets</td><td style="text-align:left">Composition of Entities and Features into self-contained UI blocks. <br> Can also contain error boundaries and loading states.</td><td style="text-align:left">Infrastructure data storage, if needed</td><td style="text-align:left">Non-business interactions (e.g., gestures) and other necessary code for the block to function on a page</td><td style="text-align:left">Usually not used, but can contain data loaders in nested routing contexts (e.g., <a href="https://remix.run" target="_blank" rel="noopener noreferrer">Remix</a>)</td></tr><tr><td style="text-align:left">Pages</td><td style="text-align:left">Composition of Entities, Features and Widgets into complete pages. <br> Can also contain error boundaries and loading states.</td><td style="text-align:left">Usually not used</td><td style="text-align:left">Non-business interactions (e.g., gestures) and other necessary code for the page to deliver a complete user experience</td><td style="text-align:left">Data loaders for SSR-oriented frameworks</td></tr></tbody></table></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/reference/slices-segments.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Last updated<!-- --> on <b><time datetime="2024-10-07T18:23:06.000Z" itemprop="dateModified">Oct 7, 2024</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/docs/reference/layers"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">Layers</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/docs/reference/public-api"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">Public API</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#slices" class="table-of-contents__link toc-highlight">Slices</a><ul><li><a href="#public-api-rule-on-slices" class="table-of-contents__link toc-highlight">Public API rule on slices</a></li></ul></li><li><a href="#segments" class="table-of-contents__link toc-highlight">Segments</a><ul><li><a href="#examples" class="table-of-contents__link toc-highlight">Examples</a></li></ul></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Specs</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/docs">Documentation</a></li><li class="footer__item"><a class="footer__link-item" href="/community">Community</a></li><li class="footer__item"><a class="footer__link-item" href="/nav">Help</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">License<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
 </body>
 </html>
\ No newline at end of file
diff --git a/examples.html b/examples.html
index 5a8bd82138..f6ac8cdc82 100644
--- a/examples.html
+++ b/examples.html
@@ -9,8 +9,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/opensearch.xml"><link rel="stylesheet" href="/assets/css/styles.04fd99a1.css">
-<script src="/assets/js/runtime~main.06c92bf3.js" defer="defer"></script>
-<script src="/assets/js/main.e2ab5a51.js" defer="defer"></script>
+<script src="/assets/js/runtime~main.29fb6ef5.js" defer="defer"></script>
+<script src="/assets/js/main.360a9d35.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a class="navbar__item navbar__link" href="/docs">📖 Docs</a><a class="navbar__item navbar__link" href="/community">💫 Community</a><a class="navbar__item navbar__link" href="/blog">📝 Blog</a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/examples">🛠 Examples</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/docs">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a class="dropdown__link" href="/docs">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>English</a><ul class="dropdown__menu"><li><a href="/ru/examples" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ru">Русский</a></li><li><a href="/examples" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="en">English</a></li><li><a href="/uz/examples" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/examples" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="kr">한국어</a></li><li><a href="/ja/examples" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><main class="container margin-vert--lg"><div class="text--center"><h1>Examples</h1><p>List of websites people are building with Feature-Sliced Design</p><div class="button-group"><a class="button button--primary" href="https://github.com/feature-sliced/documentation/blob/master/src/pages/examples/_config.ts" target="_blank" rel="noreferrer noopener">🙏<!-- --> <!-- -->Add example</a><a class="button button--secondary" href="https://github.com/feature-sliced/examples" target="_blank" rel="noreferrer noopener">Repository</a></div><div class="margin-top--sm"><a href="/versions">See also versions list</a></div></div><section class="container margin-top--lg"><div class="margin-top--lg"><div class="row"><article class="col col--4 margin-bottom--lg"><article class="card root_v5qN"><div class="card__image preview_MRaB"><div class="ribbon_JKNF">v2</div><div style="background-size:cover;background-repeat:no-repeat;position:relative;background-image:url(&quot;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAGCAIAAAB1kpiRAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAYklEQVR4nFXOMQ5EIQgEUAQZWaCkNxbe/4qb+M1m/+sIkwFiZjNzdwBE1FqjfwDWWnvvqvoccjDzTXjEnLOqMpOIRATAGENVqYu4e2b23p9yEVFVM7sF7fide8a7i4jXL29fuHgDoFe9xoYAAAAASUVORK5CYII=&quot;)"><svg style="width:100%;height:auto;max-width:100%;margin-bottom:-4px" width="640" height="360"></svg><noscript><img style="width:100%;height:auto;max-width:100%;margin-bottom:-4px;position:absolute;top:0;left:0" src="/assets/ideal-img/tiny-bunny.dd60f55.640.png" srcset="/assets/ideal-img/tiny-bunny.dd60f55.640.png 640w,/assets/ideal-img/tiny-bunny.f21aad8.1030.png 1030w" alt="Tiny Bunny Mini Game" width="640" height="360"></noscript></div></div><div class="card__body"><span class="title_xhac">Tiny Bunny Mini Game</span><p class="description_y_AQ">Mini-game &quot;21 points&quot; in the universe of the visual novel &quot;Tiny Bunny&quot;.</p><div class="techList_Nt0m"><span class="techListItem_MNXE">react</span><span class="techListItem_MNXE">redux-toolkit</span><span class="techListItem_MNXE">typescript</span></div></div><div class="card__footer"><div class="button-group button-group--block"><a class="button button--small button--secondary button--block" href="https://sanua356.github.io/tiny-bunny/" target="_blank" rel="noreferrer noopener">Website</a><a class="button button--small button--secondary button--block" href="https://github.com/sanua356/tiny-bunny" target="_blank" rel="noreferrer noopener">Source</a></div></div></article></article><article class="col col--4 margin-bottom--lg"><article class="card root_v5qN"><div class="card__image preview_MRaB"><div class="ribbon_JKNF">v2</div><div style="background-size:cover;background-repeat:no-repeat;position:relative;background-image:url(&quot;data:image/jpeg;base64,/9j/2wBDAAYEBQYFBAYGBQYHBwYIChAKCgkJChQODwwQFxQYGBcUFhYaHSUfGhsjHBYWICwgIyYnKSopGR8tMC0oMCUoKSj/2wBDAQcHBwoIChMKChMoGhYaKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCj/wAARCAAHAAoDASIAAhEBAxEB/8QAFgABAQEAAAAAAAAAAAAAAAAAAAEI/8QAGxAAAgEFAAAAAAAAAAAAAAAAAAERAxJhkdH/xAAUAQEAAAAAAAAAAAAAAAAAAAAA/8QAFBEBAAAAAAAAAAAAAAAAAAAAAP/aAAwDAQACEQMRAD8A1KqcQulsy9gAf//Z&quot;)"><svg style="width:100%;height:auto;max-width:100%;margin-bottom:-4px" width="640" height="420"></svg><noscript><img style="width:100%;height:auto;max-width:100%;margin-bottom:-4px;position:absolute;top:0;left:0" src="/assets/ideal-img/roketo-business.56b7a49.640.jpg" srcset="/assets/ideal-img/roketo-business.56b7a49.640.jpg 640w,/assets/ideal-img/roketo-business.1737b96.774.jpg 774w" alt="Roke.to Business" width="640" height="420"></noscript></div></div><div class="card__body"><span class="title_xhac">Roke.to Business</span><p class="description_y_AQ">Business branch of Roketo, a crypto streaming service which allows paying people by the second</p><div class="techList_Nt0m"><span class="techListItem_MNXE">react</span><span class="techListItem_MNXE">effector</span><span class="techListItem_MNXE">tailwindcss</span><span class="techListItem_MNXE">turbo</span></div></div><div class="card__footer"><div class="button-group button-group--block"><a class="button button--small button--secondary button--block" href="https://github.com/roke-to/roketo-business-ui" target="_blank" rel="noreferrer noopener">Source</a></div></div></article></article><article class="col col--4 margin-bottom--lg"><article class="card root_v5qN"><div class="card__image preview_MRaB"><div class="ribbon_JKNF">v2</div><div style="background-size:cover;background-repeat:no-repeat;position:relative;background-image:url(&quot;data:image/jpeg;base64,/9j/2wBDAAYEBQYFBAYGBQYHBwYIChAKCgkJChQODwwQFxQYGBcUFhYaHSUfGhsjHBYWICwgIyYnKSopGR8tMC0oMCUoKSj/2wBDAQcHBwoIChMKChMoGhYaKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCj/wAARCAAJAAoDASIAAhEBAxEB/8QAFgABAQEAAAAAAAAAAAAAAAAAAwII/8QAGhAAAwEAAwAAAAAAAAAAAAAAAAERAiExUf/EABQBAQAAAAAAAAAAAAAAAAAAAAH/xAAVEQEBAAAAAAAAAAAAAAAAAAAAEf/aAAwDAQACEQMRAD8A1JjLTVU59LVSikCz1kAYH//Z&quot;)"><svg style="width:100%;height:auto;max-width:100%;margin-bottom:-4px" width="640" height="583"></svg><noscript><img style="width:100%;height:auto;max-width:100%;margin-bottom:-4px;position:absolute;top:0;left:0" src="/assets/ideal-img/roketo.a3c9b55.640.jpg" srcset="/assets/ideal-img/roketo.a3c9b55.640.jpg 640w,/assets/ideal-img/roketo.70ec047.1030.jpg 1030w" alt="Roke.to dApp" width="640" height="583"></noscript></div></div><div class="card__body"><span class="title_xhac">Roke.to dApp</span><p class="description_y_AQ">A crypto streaming service which allows paying people by the second</p><div class="techList_Nt0m"><span class="techListItem_MNXE">react</span><span class="techListItem_MNXE">effector</span><span class="techListItem_MNXE">tailwindcss</span></div></div><div class="card__footer"><div class="button-group button-group--block"><a class="button button--small button--secondary button--block" href="https://app2.roke.to/" target="_blank" rel="noreferrer noopener">Website</a><a class="button button--small button--secondary button--block" href="https://github.com/roke-to/roketo-ui" target="_blank" rel="noreferrer noopener">Source</a></div></div></article></article><article class="col col--4 margin-bottom--lg"><article class="card root_v5qN"><div class="card__image preview_MRaB"><div class="ribbon_JKNF">v2</div><div style="background-size:cover;background-repeat:no-repeat;position:relative;background-image:url(&quot;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAFCAYAAAB8ZH1oAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAvElEQVR4nAXBy0oCYRiA4f8+W2aiK2/BXRcQCq4EvQK1ReSRRjyCIpoGExgJOsJk4zji6f++1+cxqGJFuVlFVRCxiAoqAvaGWIuqYvJuRG7qkx15ZEYeL8M1ufGW50VI+nNH4csn7x4xic4/Sccn2drw9PbD46tL7H3FQ21Jqlgi3liS6IaY2vpM07vQ3wkff8IwEnpHZRJcmc7mVFcB9c0FA3A4nel9/3IN94zbLfrVCk6zTNcZEIQRVuEO4Z2vfe539+MAAAAASUVORK5CYII=&quot;)"><svg style="width:100%;height:auto;max-width:100%;margin-bottom:-4px" width="640" height="328"></svg><noscript><img style="width:100%;height:auto;max-width:100%;margin-bottom:-4px;position:absolute;top:0;left:0" src="/assets/ideal-img/it-bookstore.2f6de0a.640.png" srcset="/assets/ideal-img/it-bookstore.2f6de0a.640.png 640w,/assets/ideal-img/it-bookstore.39c4ce7.1030.png 1030w" alt="IT bookstore" width="640" height="328"></noscript></div></div><div class="card__body"><span class="title_xhac">IT bookstore</span><p class="description_y_AQ">Catalog for viewing and searching information technology books</p><div class="techList_Nt0m"><span class="techListItem_MNXE">react</span><span class="techListItem_MNXE">redux toolkit</span><span class="techListItem_MNXE">typescript</span><span class="techListItem_MNXE">react router</span><span class="techListItem_MNXE">vite</span><span class="techListItem_MNXE">scss</span></div></div><div class="card__footer"><div class="button-group button-group--block"><a class="button button--small button--secondary button--block" href="https://umttikhinadasha.github.io/IT-Bookstore/" target="_blank" rel="noreferrer noopener">Website</a><a class="button button--small button--secondary button--block" href="https://github.com/UmttikhinaDasha/IT-Bookstore" target="_blank" rel="noreferrer noopener">Source</a></div></div></article></article><article class="col col--4 margin-bottom--lg"><article class="card root_v5qN"><div class="card__image preview_MRaB"><div class="ribbon_JKNF">v2</div><div style="background-size:cover;background-repeat:no-repeat;position:relative;background-image:url(&quot;data:image/jpeg;base64,/9j/2wBDAAYEBQYFBAYGBQYHBwYIChAKCgkJChQODwwQFxQYGBcUFhYaHSUfGhsjHBYWICwgIyYnKSopGR8tMC0oMCUoKSj/2wBDAQcHBwoIChMKChMoGhYaKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCj/wAARCAAFAAoDASIAAhEBAxEB/8QAFgABAQEAAAAAAAAAAAAAAAAAAAMH/8QAHhAAAgICAgMAAAAAAAAAAAAAAgMBBAARITFykaH/xAAVAQEBAAAAAAAAAAAAAAAAAAAAA//EABcRAQEBAQAAAAAAAAAAAAAAAAEAAiH/2gAMAwEAAhEDEQA/AM1BbmtOu2wZwl1qRLqeVR3rx+5OvRhldRy09kMTPrGMZVO0tBf/2Q==&quot;)"><svg style="width:100%;height:auto;max-width:100%;margin-bottom:-4px" width="640" height="331"></svg><noscript><img style="width:100%;height:auto;max-width:100%;margin-bottom:-4px;position:absolute;top:0;left:0" src="/assets/ideal-img/moke-smoke.aacde86.640.jpg" srcset="/assets/ideal-img/moke-smoke.aacde86.640.jpg 640w,/assets/ideal-img/moke-smoke.2f90276.1030.jpg 1030w" alt="Moke Smoke (React Native example)" width="640" height="331"></noscript></div></div><div class="card__body"><span class="title_xhac">Moke Smoke (React Native example)</span><p class="description_y_AQ">An application that helps you quit smoking, published in the App Store and Google. Developed with React Native</p><div class="techList_Nt0m"><span class="techListItem_MNXE">react</span><span class="techListItem_MNXE">rtk</span><span class="techListItem_MNXE">persist</span><span class="techListItem_MNXE">typescript</span><span class="techListItem_MNXE">firebase</span></div></div><div class="card__footer"><div class="button-group button-group--block"><a class="button button--small button--secondary button--block" href="https://dontsmoke.vasyl.site" target="_blank" rel="noreferrer noopener">Website</a><a class="button button--small button--secondary button--block" href="https://github.com/penteleichuk/Moke-Smoke" target="_blank" rel="noreferrer noopener">Source</a></div></div></article></article><article class="col col--4 margin-bottom--lg"><article class="card root_v5qN"><div class="card__image preview_MRaB"><div class="ribbon_JKNF">v2</div><div style="background-size:cover;background-repeat:no-repeat;position:relative;background-image:url(&quot;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAFCAYAAAB8ZH1oAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAY0lEQVR4nGWOWw7CQAwDe/+zAgW6S5LmMWi3qpCof2xLEyvL7b7yfG081jeZRURSVfxr2VpH1BARVA13n/kC7h70j9Bax2xHzTiOdXYRvYKZSUTMVZ9+ZKgfOFbGbwM+/dToX4BhxGwdRFovAAAAAElFTkSuQmCC&quot;)"><svg style="width:100%;height:auto;max-width:100%;margin-bottom:-4px" width="640" height="331"></svg><noscript><img style="width:100%;height:auto;max-width:100%;margin-bottom:-4px;position:absolute;top:0;left:0" src="/assets/ideal-img/moonlogs.6c8da51.640.png" srcset="/assets/ideal-img/moonlogs.6c8da51.640.png 640w,/assets/ideal-img/moonlogs.bf1bb68.1030.png 1030w" alt="Moonlogs (Effector + Forest example)" width="640" height="331"></noscript></div></div><div class="card__body"><span class="title_xhac">Moonlogs (Effector + Forest example)</span><p class="description_y_AQ">Moonlogs is a business-event logging tool with a built-in user-friendly web interface for easy access to events</p><div class="techList_Nt0m"><span class="techListItem_MNXE">forest</span><span class="techListItem_MNXE">effector</span><span class="techListItem_MNXE">tailwind</span><span class="techListItem_MNXE">typescript</span><span class="techListItem_MNXE">go</span></div></div><div class="card__footer"><div class="button-group button-group--block"><a class="button button--small button--secondary button--block" href="https://github.com/pijng/moonlogs" target="_blank" rel="noreferrer noopener">Source</a></div></div></article></article><article class="col col--4 margin-bottom--lg"><article class="card root_v5qN"><div class="card__image preview_MRaB"><div class="ribbon_JKNF">v2</div><div style="background-size:cover;background-repeat:no-repeat;position:relative;background-image:url(&quot;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAHCAYAAAAxrNxjAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAxklEQVR4nCWPzU4DMQyE8/6Pw4UK9cCVS6tKPACHbgu03WTX+bGTwIeyHD5pbEszY/dyPLM7TOyO/+xPF/aniefD2J95evvg9f2KUy1kVcyUVpWiRtFCtYypsqxCb4YbIuWCxESMedMp6zaP2xwWJGWcSOTzsbJI2hxuXjZGkqTC9b6garh5nhl478k5U1RRVVJKhBC43R/EGHGrCNO3JyxCq4aXjF8z1YywRqaveevtzIzaf2m9k8t4xFCrm2trndp/6L3zB/m1CjKv8gkqAAAAAElFTkSuQmCC&quot;)"><svg style="width:100%;height:auto;max-width:100%;margin-bottom:-4px" width="640" height="479"></svg><noscript><img style="width:100%;height:auto;max-width:100%;margin-bottom:-4px;position:absolute;top:0;left:0" src="/assets/ideal-img/react-query-example.774ff87.640.png" srcset="/assets/ideal-img/react-query-example.774ff87.640.png 640w,/assets/ideal-img/react-query-example.94414c9.816.png 816w" alt="Posts (React Query example)" width="640" height="479"></noscript></div></div><div class="card__body"><span class="title_xhac">Posts (React Query example)</span><p class="description_y_AQ">Example of using FSD with React Query (Mutation, Query, Pagination)</p><div class="techList_Nt0m"><span class="techListItem_MNXE">react</span><span class="techListItem_MNXE">react-query</span><span class="techListItem_MNXE">typescript</span><span class="techListItem_MNXE">material ui</span></div></div><div class="card__footer"><div class="button-group button-group--block"><a class="button button--small button--secondary button--block" href="https://fsd-react-query-example.vercel.app/" target="_blank" rel="noreferrer noopener">Website</a><a class="button button--small button--secondary button--block" href="https://github.com/ruslan4432013/fsd-react-query-example" target="_blank" rel="noreferrer noopener">Source</a></div></div></article></article><article class="col col--4 margin-bottom--lg"><article class="card root_v5qN"><div class="card__image preview_MRaB"><div class="ribbon_JKNF">v2</div><div style="background-size:cover;background-repeat:no-repeat;position:relative;background-image:url(&quot;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAFCAYAAAB8ZH1oAAAACXBIWXMAABJ0AAASdAHeZh94AAAAb0lEQVR4nG3OSQ7CMBBEUV8GgRhkt91uOw5DgiK4/4k+CsMiEYu3K32Vi8nwQdHckFSRWBaCZGqdcCefUOvxYngpn/FKiAW3OxwRLQz3B5fbRPqVFzrcZrtnrl7HJ10//C3OvkOlthG19r6xlu3MC/v1UKrA7p2wAAAAAElFTkSuQmCC&quot;)"><svg style="width:100%;height:auto;max-width:100%;margin-bottom:-4px" width="640" height="290"></svg><noscript><img style="width:100%;height:auto;max-width:100%;margin-bottom:-4px;position:absolute;top:0;left:0" src="/assets/ideal-img/falkchat.39ad979.640.png" srcset="/assets/ideal-img/falkchat.39ad979.640.png 640w,/assets/ideal-img/falkchat.fcb09ea.1030.png 1030w" alt="FalkChat" width="640" height="290"></noscript></div></div><div class="card__body"><span class="title_xhac">FalkChat</span><p class="description_y_AQ">FalkChat is your go-to destination for seamless and engaging online conversations.</p><div class="techList_Nt0m"><span class="techListItem_MNXE">react</span><span class="techListItem_MNXE">next</span><span class="techListItem_MNXE">prettier</span><span class="techListItem_MNXE">clerk</span><span class="techListItem_MNXE">typescript</span><span class="techListItem_MNXE">tailwind</span><span class="techListItem_MNXE">shadcn/ui</span><span class="techListItem_MNXE">zustand</span></div></div><div class="card__footer"><div class="button-group button-group--block"><a class="button button--small button--secondary button--block" href="https://chat.falkomer.tech" target="_blank" rel="noreferrer noopener">Website</a><a class="button button--small button--secondary button--block" href="https://github.com/falkomerr/falkchat" target="_blank" rel="noreferrer noopener">Source</a></div></div></article></article><article class="col col--4 margin-bottom--lg"><article class="card root_v5qN"><div class="card__image preview_MRaB"><div class="ribbon_JKNF">v2</div><div style="background-size:cover;background-repeat:no-repeat;position:relative;background-image:url(&quot;data:image/jpeg;base64,/9j/2wBDAAYEBQYFBAYGBQYHBwYIChAKCgkJChQODwwQFxQYGBcUFhYaHSUfGhsjHBYWICwgIyYnKSopGR8tMC0oMCUoKSj/2wBDAQcHBwoIChMKChMoGhYaKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCj/wAARCAAGAAoDASIAAhEBAxEB/8QAFgABAQEAAAAAAAAAAAAAAAAAAAYI/8QAHhAAAgICAgMAAAAAAAAAAAAAAQIDBAAFESExUWH/xAAVAQEBAAAAAAAAAAAAAAAAAAABAv/EABgRAQADAQAAAAAAAAAAAAAAAAEAAhEh/9oADAMBAAIRAxEAPwDQO+1O5vbAPUtRQVlUhAliaNifoXr3lNGvEahuCwABPnGMA5Ksu5P/2Q==&quot;)"><svg style="width:100%;height:auto;max-width:100%;margin-bottom:-4px" width="640" height="366"></svg><noscript><img style="width:100%;height:auto;max-width:100%;margin-bottom:-4px;position:absolute;top:0;left:0" src="/assets/ideal-img/polka.4ba359f.640.jpg" srcset="/assets/ideal-img/polka.4ba359f.640.jpg 640w,/assets/ideal-img/polka.9df2a2f.1030.jpg 1030w" alt="Polka" width="640" height="366"></noscript></div></div><div class="card__body"><span class="title_xhac">Polka</span><p class="description_y_AQ">The application is a bookshelf where you can add your favorite books. The application works with the Google Books API.</p><div class="techList_Nt0m"><span class="techListItem_MNXE">vue3</span><span class="techListItem_MNXE">pinia</span><span class="techListItem_MNXE">typescript</span><span class="techListItem_MNXE">vue-router</span><span class="techListItem_MNXE">eslint</span><span class="techListItem_MNXE">prettier</span><span class="techListItem_MNXE">vite</span><span class="techListItem_MNXE">vuetify</span></div></div><div class="card__footer"><div class="button-group button-group--block"><a class="button button--small button--secondary button--block" href="https://polka-fsd.netlify.app/" target="_blank" rel="noreferrer noopener">Website</a><a class="button button--small button--secondary button--block" href="https://github.com/lollipopfly/polka" target="_blank" rel="noreferrer noopener">Source</a></div></div></article></article><article class="col col--4 margin-bottom--lg"><article class="card root_v5qN"><div class="card__image preview_MRaB"><div class="ribbon_JKNF">v2</div><div style="background-size:cover;background-repeat:no-repeat;position:relative;background-image:url(&quot;data:image/jpeg;base64,/9j/2wBDAAYEBQYFBAYGBQYHBwYIChAKCgkJChQODwwQFxQYGBcUFhYaHSUfGhsjHBYWICwgIyYnKSopGR8tMC0oMCUoKSj/2wBDAQcHBwoIChMKChMoGhYaKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCj/wAARCAAHAAoDASIAAhEBAxEB/8QAFgABAQEAAAAAAAAAAAAAAAAAAAYH/8QAIBAAAgICAgIDAAAAAAAAAAAAAQIDBAARBTESIQYTYf/EABQBAQAAAAAAAAAAAAAAAAAAAAH/xAAVEQEBAAAAAAAAAAAAAAAAAAAAEf/aAAwDAQACEQMRAD8AzyjP8dj4qSlNfoSzFHb7peMkaUEqAF8vLWgejrv3+ZM2hx0lqZ0uxIrOSFSqwUDfQG/QxjGiP//Z&quot;)"><svg style="width:100%;height:auto;max-width:100%;margin-bottom:-4px" width="640" height="445"></svg><noscript><img style="width:100%;height:auto;max-width:100%;margin-bottom:-4px;position:absolute;top:0;left:0" src="/assets/ideal-img/fake-cyber-web-store.e8fb321.640.jpg" srcset="/assets/ideal-img/fake-cyber-web-store.e8fb321.640.jpg 640w,/assets/ideal-img/fake-cyber-web-store.19be0d9.1030.jpg 1030w" alt="Fake Cyber Web Store" width="640" height="445"></noscript></div></div><div class="card__body"><span class="title_xhac">Fake Cyber Web Store</span><p class="description_y_AQ">Example web store on Vue3</p><div class="techList_Nt0m"><span class="techListItem_MNXE">vue3</span><span class="techListItem_MNXE">pinia</span><span class="techListItem_MNXE">typescript</span><span class="techListItem_MNXE">firebase</span><span class="techListItem_MNXE">vue-router</span><span class="techListItem_MNXE">eslint</span><span class="techListItem_MNXE">prettier</span><span class="techListItem_MNXE">vite</span></div></div><div class="card__footer"><div class="button-group button-group--block"><a class="button button--small button--secondary button--block" href="https://akosogorov.github.io/fake-cyber-web-store/" target="_blank" rel="noreferrer noopener">Website</a><a class="button button--small button--secondary button--block" href="https://github.com/AKosogorov/fake-cyber-web-store" target="_blank" rel="noreferrer noopener">Source</a></div></div></article></article><article class="col col--4 margin-bottom--lg"><article class="card root_v5qN"><div class="card__image preview_MRaB"><div class="ribbon_JKNF">v2</div><div style="background-size:cover;background-repeat:no-repeat;position:relative;background-image:url(&quot;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAGCAYAAAD68A/GAAAACXBIWXMAAAsTAAALEwEAmpwYAAAA1klEQVR4nCXKy0rDQBiA0ewFMVo6uWcaJ7+TiZRo0sQIWkRoRbxsuip1oztfwCdy4wu4E9/sc+FZH885RymWKIpJkowwjKhdjSlPSLOcOElRKsCzImidU502FKYkDAOsrRApMcZQVdV/NOLQueBKochmaG0YxxH/aErbDWhdICJ4By/fjItPvm5CftcfPLz9YK8bWklZXswpZgVNbfEmw4bhcseu07z2Tyz6LVerJe+bnu39GUPb8ry6xfODPe4e19TnDXromKt9jrVGRQH+4YQkjpgqxR8W8FySOwU2BwAAAABJRU5ErkJggg==&quot;)"><svg style="width:100%;height:auto;max-width:100%;margin-bottom:-4px" width="640" height="373"></svg><noscript><img style="width:100%;height:auto;max-width:100%;margin-bottom:-4px;position:absolute;top:0;left:0" src="/assets/ideal-img/vkaudiopad.b2e6ff1.640.png" srcset="/assets/ideal-img/vkaudiopad.b2e6ff1.640.png 640w,/assets/ideal-img/vkaudiopad.2e724df.1030.png 1030w" alt="VK Audiopad" width="640" height="373"></noscript></div></div><div class="card__body"><span class="title_xhac">VK Audiopad</span><p class="description_y_AQ">Chrome extension for VK Music</p><div class="techList_Nt0m"><span class="techListItem_MNXE">react</span><span class="techListItem_MNXE">vkui</span><span class="techListItem_MNXE">typescript</span></div></div><div class="card__footer"><div class="button-group button-group--block"><a class="button button--small button--secondary button--block" href="https://chrome.google.com/webstore/detail/plclpmphdjmdgmdpfkcmdkmohgpfecip" target="_blank" rel="noreferrer noopener">Website</a><a class="button button--small button--secondary button--block" href="https://github.com/vissh/vkui-audiopad" target="_blank" rel="noreferrer noopener">Source</a></div></div></article></article><article class="col col--4 margin-bottom--lg"><article class="card root_v5qN"><div class="card__image preview_MRaB"><div class="ribbon_JKNF">v2</div><div style="background-size:cover;background-repeat:no-repeat;position:relative;background-image:url(&quot;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAFCAYAAAB8ZH1oAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAjElEQVR4nG2NPQrCQBhE93wewMIj2duLpxCsAl5AFLW1sDQkJGb3+8k+2RU7B4aBmYEXLg+huSeam3E4G8/Wgcw8Z3IuOROTEXbHnuX2ymozsFgP7E9Ckfn3+HPou44pvjFT2u6FiKBqSJpwN1ISzJwwxYiq1mKMI+6OmaGiFVu2kkHUMPd6yLlS/+oD81i++VZUEfgAAAAASUVORK5CYII=&quot;)"><svg style="width:100%;height:auto;max-width:100%;margin-bottom:-4px" width="640" height="299"></svg><noscript><img style="width:100%;height:auto;max-width:100%;margin-bottom:-4px;position:absolute;top:0;left:0" src="/assets/ideal-img/cryptolight.eabc473.640.png" srcset="/assets/ideal-img/cryptolight.eabc473.640.png 640w,/assets/ideal-img/cryptolight.741f5ae.1030.png 1030w" alt="Сryptolight" width="640" height="299"></noscript></div></div><div class="card__body"><span class="title_xhac">Сryptolight</span><p class="description_y_AQ">Cryptocurrency review site based on Feature-Sliced Design (Architectural methodology for frontend projects).</p><div class="techList_Nt0m"><span class="techListItem_MNXE">react</span><span class="techListItem_MNXE">effector</span><span class="techListItem_MNXE">nextui</span><span class="techListItem_MNXE">typescript</span><span class="techListItem_MNXE">vite</span></div></div><div class="card__footer"><div class="button-group button-group--block"><a class="button button--small button--secondary button--block" href="http://crypto-light.space/" target="_blank" rel="noreferrer noopener">Website</a><a class="button button--small button--secondary button--block" href="https://github.com/Yar56/cryptolight" target="_blank" rel="noreferrer noopener">Source</a></div></div></article></article><article class="col col--4 margin-bottom--lg"><article class="card root_v5qN"><div class="card__image preview_MRaB"><div class="ribbon_JKNF">v2</div><div style="background-size:cover;background-repeat:no-repeat;position:relative;background-image:url(&quot;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAACXBIWXMAAAsTAAALEwEAmpwYAAABMUlEQVR4nCWQSU7DUBBEfQmQEk9/cAweg53vzEzBgkUkJrFALGARxB5xAbgAQnAPOOJD/lm01GqVquuVI6MGFY+RaoRQI3Q8QWlDKGvUYIKKGqQ2OIE4ILQzpO+m7LopO72EXj/BD4d4QYkXFDhC1VTmnDhZ0PdSNrcbnu9e6LkJhxdrbtsbpKhwdGRo23uKqrXC389v/r5+cL2MZr5mMV0jtsIxs8U1aXmK5xe8vz7y8faEH5ZkxYr9/JhQ1TiBrBDqAD8obBYdN0hV4fm5BdMDQ8dhYaKOOjL2tVCGLrfrpfbWNRCI4RbGTC7ZS5d4fkZdn7GfHVnHrFyR5CdI3eBIXdOeP5AWK+uynF2QD7s9Zzy/Yrq8sRGcrnA9mKDjmS18kBwSJ0uENmTlqXXV8ZR/dJ2b1OvCcEQAAAAASUVORK5CYII=&quot;)"><svg style="width:100%;height:auto;max-width:100%;margin-bottom:-4px" width="640" height="626"></svg><noscript><img style="width:100%;height:auto;max-width:100%;margin-bottom:-4px;position:absolute;top:0;left:0" src="/assets/ideal-img/moneyflow.ec991f6.640.png" srcset="/assets/ideal-img/moneyflow.ec991f6.640.png 640w,/assets/ideal-img/moneyflow.f27bbad.1030.png 1030w" alt="Money Flow" width="640" height="626"></noscript></div></div><div class="card__body"><span class="title_xhac">Money Flow</span><p class="description_y_AQ">A mobile application for tracking your expenses and incomes.</p><div class="techList_Nt0m"><span class="techListItem_MNXE">capacitorjs</span><span class="techListItem_MNXE">react</span><span class="techListItem_MNXE">react-router</span><span class="techListItem_MNXE">zustand</span><span class="techListItem_MNXE">vite</span><span class="techListItem_MNXE">typescript</span><span class="techListItem_MNXE">mobile</span><span class="techListItem_MNXE">android</span><span class="techListItem_MNXE">ios</span></div></div><div class="card__footer"><div class="button-group button-group--block"><a class="button button--small button--secondary button--block" href="https://github.com/moneyflow-dev/moneyflow" target="_blank" rel="noreferrer noopener">Source</a></div></div></article></article><article class="col col--4 margin-bottom--lg"><article class="card root_v5qN"><div class="card__image preview_MRaB"><div class="ribbon_JKNF">v2</div><div style="background-size:cover;background-repeat:no-repeat;position:relative;background-image:url(&quot;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAFCAYAAAB8ZH1oAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAgUlEQVR4nEWOuwoCQQxF5/+xtNnSxs7PsF3wF2YEYZYpVtiVeSRHElEDedzkJjcBoPduCVWltebYarMxhufg8UOj90FKiRjjj/i1YI3/trDvL/dHKTy3DVXxuRNzzqQYqbUiInac+5Ip64qKOnbpy/nEdDxwm68ubz/agv0rRkR5A077wWNjtiUrAAAAAElFTkSuQmCC&quot;)"><svg style="width:100%;height:auto;max-width:100%;margin-bottom:-4px" width="640" height="321"></svg><noscript><img style="width:100%;height:auto;max-width:100%;margin-bottom:-4px;position:absolute;top:0;left:0" src="/assets/ideal-img/e-commerce.a9cf87f.640.png" srcset="/assets/ideal-img/e-commerce.a9cf87f.640.png 640w,/assets/ideal-img/e-commerce.de058bd.1030.png 1030w" alt="E-Commerce" width="640" height="321"></noscript></div></div><div class="card__body"><span class="title_xhac">E-Commerce</span><p class="description_y_AQ">This project is an online store built using React. It provides the ability to view the product catalog and product pages</p><div class="techList_Nt0m"><span class="techListItem_MNXE">react</span><span class="techListItem_MNXE">mobx</span><span class="techListItem_MNXE">webpack</span><span class="techListItem_MNXE">typescript</span><span class="techListItem_MNXE">ssr</span></div></div><div class="card__footer"><div class="button-group button-group--block"><a class="button button--small button--secondary button--block" href="https://ruslan4432013.github.io/e-commerce-kts/" target="_blank" rel="noreferrer noopener">Website</a><a class="button button--small button--secondary button--block" href="https://github.com/ruslan4432013/e-commerce-kts" target="_blank" rel="noreferrer noopener">Source</a></div></div></article></article><article class="col col--4 margin-bottom--lg"><article class="card root_v5qN"><div class="card__image preview_MRaB"><div class="ribbon_JKNF">v2</div><div style="background-size:cover;background-repeat:no-repeat;position:relative;background-image:url(&quot;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAFCAYAAAB8ZH1oAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAkElEQVR4nFXOwQqCQBSFYd+6IFppo3ZnRiM3ShIZQVjZoojA3iurxR9aUV04cOB8i+uICCKacRiQZin7w5lLXTPPZ4S+j2hNaxytNXFk6Q9HLMsjnyvKE72BSxRZWtNBaw2u51Os1jT3B9fmRpYv8FSAMeYLu4iQJFOqake52RLHE7SW1/YH378opbq0/Xd7Arkoi+KchMB/AAAAAElFTkSuQmCC&quot;)"><svg style="width:100%;height:auto;max-width:100%;margin-bottom:-4px" width="640" height="312"></svg><noscript><img style="width:100%;height:auto;max-width:100%;margin-bottom:-4px;position:absolute;top:0;left:0" src="/assets/ideal-img/todo-vue-pinia.0fbcdd9.640.png" srcset="/assets/ideal-img/todo-vue-pinia.0fbcdd9.640.png 640w,/assets/ideal-img/todo-vue-pinia.db151a8.1030.png 1030w" alt="Todo app (Vue 3 + Pinia)" width="640" height="312"></noscript></div></div><div class="card__body"><span class="title_xhac">Todo app (Vue 3 + Pinia)</span><p class="description_y_AQ">QuickStart todo-app example for Vue developers with pinia store</p><div class="techList_Nt0m"><span class="techListItem_MNXE">vue 3</span><span class="techListItem_MNXE">pinia</span><span class="techListItem_MNXE">vite</span><span class="techListItem_MNXE">typescript</span></div></div><div class="card__footer"><div class="button-group button-group--block"><a class="button button--small button--secondary button--block" href="https://fsd-tasks.netlify.app/" target="_blank" rel="noreferrer noopener">Website</a><a class="button button--small button--secondary button--block" href="https://github.com/hoach-linux/fsd-vue-antd" target="_blank" rel="noreferrer noopener">Source</a></div></div></article></article><article class="col col--4 margin-bottom--lg"><article class="card root_v5qN"><div class="card__image preview_MRaB"><div class="ribbon_JKNF">v2</div><div style="background-size:cover;background-repeat:no-repeat;position:relative;background-image:url(&quot;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAHCAYAAAAxrNxjAAAACXBIWXMAABJ0AAASdAHeZh94AAAAtklEQVR4nFWOwWoCQRBE59MFQT0a/0DY9Sh+hCGggeSUFTyLeBOjOz3dM/PCjBi0oKiiu7po13Yt8585RZuuYblfstqvql/sWtquqTs33o4ZbUZMPieV068ps+83ynywHjD8GFbvyBD6QLRIskTUu5oa7+sNx8OJApdy4vp7RYKgqgQNd5qipqSUyGRcSfe3Hi+ChIAUFSHGWJsecOTM5Xzh5nu89/8sR69BIIhgZrXlwfLSc/AP/FEAChfiHhAAAAAASUVORK5CYII=&quot;)"><svg style="width:100%;height:auto;max-width:100%;margin-bottom:-4px" width="640" height="427"></svg><noscript><img style="width:100%;height:auto;max-width:100%;margin-bottom:-4px;position:absolute;top:0;left:0" src="/assets/ideal-img/conduit.f4d5ff9.640.png" srcset="/assets/ideal-img/conduit.f4d5ff9.640.png 640w,/assets/ideal-img/conduit.f876505.1030.png 1030w" alt="Conduit" width="640" height="427"></noscript></div></div><div class="card__body"><span class="title_xhac">Conduit</span><p class="description_y_AQ">A social blogging site powered by Feature-Sliced Design architectural methodology.</p><div class="techList_Nt0m"><span class="techListItem_MNXE">react</span><span class="techListItem_MNXE">react-router</span><span class="techListItem_MNXE">react-query</span><span class="techListItem_MNXE">zustand</span><span class="techListItem_MNXE">vite</span><span class="techListItem_MNXE">typescript</span></div></div><div class="card__footer"><div class="button-group button-group--block"><a class="button button--small button--secondary button--block" href="https://realworld-fsd.netlify.app/" target="_blank" rel="noreferrer noopener">Website</a><a class="button button--small button--secondary button--block" href="https://github.com/sldk-yuri/realworld-react-fsd" target="_blank" rel="noreferrer noopener">Source</a></div></div></article></article><article class="col col--4 margin-bottom--lg"><article class="card root_v5qN"><div class="card__image preview_MRaB"><div class="ribbon_JKNF">v2</div><div style="background-size:cover;background-repeat:no-repeat;position:relative;background-image:url(&quot;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAGCAYAAAD68A/GAAAACXBIWXMAAAsTAAALEwEAmpwYAAAA10lEQVR4nAXB606CYACAYbbGAj74kIOA4gIVGcrJMMaUf/3osLXVWlt2FV2BP7uTus6351E0QyCkz7VuogmJLmxU3UE1PK40GyuasaxalPMYoRkG63VOU7ZEaU1RHdl392x2I8nzA99/vyiXj4zTNiRbLanKhlm+Z6hWdEVGnWc8fZ35vPygvPcBm9hikZUk9UC4Hdj1I01/oigr7tpbkvyAEvsmbjDFDeYIe4p0Avw4JVwkOJ6H59pIV6LMDZWjL3h9PPD2MqCaEc7EQ8oJlptyE5YUy45/2+FVhPvR2VIAAAAASUVORK5CYII=&quot;)"><svg style="width:100%;height:auto;max-width:100%;margin-bottom:-4px" width="640" height="360"></svg><noscript><img style="width:100%;height:auto;max-width:100%;margin-bottom:-4px;position:absolute;top:0;left:0" src="/assets/ideal-img/kinomore.53d816d.640.png" srcset="/assets/ideal-img/kinomore.53d816d.640.png 640w,/assets/ideal-img/kinomore.fca4c32.1030.png 1030w" alt="Kinomore (React+Effector)" width="640" height="360"></noscript></div></div><div class="card__body"><span class="title_xhac">Kinomore (React+Effector)</span><p class="description_y_AQ">Large project on the effector/fsd stack</p><div class="techList_Nt0m"><span class="techListItem_MNXE">react</span><span class="techListItem_MNXE">effector</span><span class="techListItem_MNXE">typescript</span><span class="techListItem_MNXE">nextjs</span><span class="techListItem_MNXE">react-testing-library</span></div></div><div class="card__footer"><div class="button-group button-group--block"><a class="button button--small button--secondary button--block" href="https://kinomore.netlify.app/" target="_blank" rel="noreferrer noopener">Website</a><a class="button button--small button--secondary button--block" href="https://github.com/Shiyan7/kinomore-v2" target="_blank" rel="noreferrer noopener">Source</a></div></div></article></article><article class="col col--4 margin-bottom--lg"><article class="card root_v5qN"><div class="card__image preview_MRaB"><div class="ribbon_JKNF">v2</div><div style="background-size:cover;background-repeat:no-repeat;position:relative;background-image:url(&quot;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAGCAYAAAD68A/GAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAnElEQVR4nE3OOw7CMBREUfZMz6KoaKgo2AFFRINAICGLxJ/3HDvYF8VIhGK6o5lZAYy5kqZCKYXBeVwQaq28S6HWWcCqwZTwogRRfFDimLCScTq1gh/0mnj2DudDiw2Rm1GuRrEyLVBiwgxf1Jo1Mjilt0Ic8wLnqRkMThBVHi/hePYcOs/FpP+Puf0LEslj5HRXNjvLetuz72KDHz325wCKvSmhAAAAAElFTkSuQmCC&quot;)"><svg style="width:100%;height:auto;max-width:100%;margin-bottom:-4px" width="640" height="360"></svg><noscript><img style="width:100%;height:auto;max-width:100%;margin-bottom:-4px;position:absolute;top:0;left:0" src="/assets/ideal-img/sudoku.adbf6dd.640.png" srcset="/assets/ideal-img/sudoku.adbf6dd.640.png 640w,/assets/ideal-img/sudoku.dce19b5.1030.png 1030w" alt="Sudoku (React+Effector)" width="640" height="360"></noscript></div></div><div class="card__body"><span class="title_xhac">Sudoku (React+Effector)</span><p class="description_y_AQ">A simple crossword of numbers on effector / fsd</p><div class="techList_Nt0m"><span class="techListItem_MNXE">react</span><span class="techListItem_MNXE">effector</span><span class="techListItem_MNXE">typescript</span><span class="techListItem_MNXE">vite</span><span class="techListItem_MNXE">tailwind</span><span class="techListItem_MNXE">atomic-router</span></div></div><div class="card__footer"><div class="button-group button-group--block"><a class="button button--small button--secondary button--block" href="https://sudoku-effector.pages.dev/" target="_blank" rel="noreferrer noopener">Website</a><a class="button button--small button--secondary button--block" href="https://github.com/Shiyan7/sudoku-effector" target="_blank" rel="noreferrer noopener">Source</a></div></div></article></article><article class="col col--4 margin-bottom--lg"><article class="card root_v5qN"><div class="card__image preview_MRaB"><div class="ribbon_JKNF">v2</div><div style="background-size:cover;background-repeat:no-repeat;position:relative;background-image:url(&quot;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAGCAYAAAD68A/GAAAACXBIWXMAABYlAAAWJQFJUiTwAAAA4ElEQVR4nAXBS06DUABAUQZNGrB9hIKvASmkvvA3Uk2xKLSNqTGi6diBdWLiCvyNXIIjV+HMBbi36znaY7vjbfXJQ/hMPCpJnBMis6TaX3IZdLwWH7xk72ihmePJiKNlx8SfYeoStWiJihan73NR37Fu7tGEbpMM9qj9kJ5hEhiC27FiKBz0Xp9kYOEKD20RKn42c77VisBy+arO+K1OCYXDU5Xyt23ZqhTNdwts6SKEj3Qz5PgAwzIZyRhvohhKC8eeos2zjvxwzdSrOc5uKOMNyjsnj66YpdcoryFyG/4BLrxaqXjXb/UAAAAASUVORK5CYII=&quot;)"><svg style="width:100%;height:auto;max-width:100%;margin-bottom:-4px" width="640" height="396"></svg><noscript><img style="width:100%;height:auto;max-width:100%;margin-bottom:-4px;position:absolute;top:0;left:0" src="/assets/ideal-img/nukeapp.a191248.640.png" srcset="/assets/ideal-img/nukeapp.a191248.640.png 640w,/assets/ideal-img/nukeapp.f8e32db.1030.png 1030w" alt="Nukeapp (React+ReduxToolkit)" width="640" height="396"></noscript></div></div><div class="card__body"><span class="title_xhac">Nukeapp (React+ReduxToolkit)</span><p class="description_y_AQ">Shopping app build on React/ReduxToolkit stack</p><div class="techList_Nt0m"><span class="techListItem_MNXE">react</span><span class="techListItem_MNXE">redux-toolkit</span><span class="techListItem_MNXE">typescript</span><span class="techListItem_MNXE">vite</span></div></div><div class="card__footer"><div class="button-group button-group--block"><a class="button button--small button--secondary button--block" href="https://nukeapp.netlify.app/" target="_blank" rel="noreferrer noopener">Website</a><a class="button button--small button--secondary button--block" href="https://github.com/noveogroup-amorgunov/nukeapp" target="_blank" rel="noreferrer noopener">Source</a></div></div></article></article><article class="col col--4 margin-bottom--lg"><article class="card root_v5qN"><div class="card__image preview_MRaB"><div class="ribbon_JKNF">v2</div><div style="background-size:cover;background-repeat:no-repeat;position:relative;background-image:url(&quot;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAFCAYAAAB8ZH1oAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAk0lEQVR4nGWMsQ7BUBiF+xqe0S5MHsCmxGQXi9Fg1JJIjCysvUPbtJUO5d77/58oBnGSk+8MJ18wP5QMNxcG6xOzfcE4SgnjjDDKWk7inOkuJwBQaXC2RlVQcT/9JvCiiIIqvLYTpXSCVRDvcckZV5q3sbV+aB6eUVJxtUBlkF4HXXb/j7VXtreGQoB7ja76cFzwBCkDuWJkHI3CAAAAAElFTkSuQmCC&quot;)"><svg style="width:100%;height:auto;max-width:100%;margin-bottom:-4px" width="640" height="314"></svg><noscript><img style="width:100%;height:auto;max-width:100%;margin-bottom:-4px;position:absolute;top:0;left:0" src="/assets/ideal-img/greenhouse.2358c1a.640.png" srcset="/assets/ideal-img/greenhouse.2358c1a.640.png 640w,/assets/ideal-img/greenhouse.d85b70a.1030.png 1030w" alt="Simple Greenhouse App (React+MobX)" width="640" height="314"></noscript></div></div><div class="card__body"><span class="title_xhac">Simple Greenhouse App (React+MobX)</span><p class="description_y_AQ">Simple demonstration of how FSD can be implemented with TypeScript, React.js, MobX and Firebase</p><div class="techList_Nt0m"><span class="techListItem_MNXE">react</span><span class="techListItem_MNXE">mobx</span><span class="techListItem_MNXE">typescript</span><span class="techListItem_MNXE">firebase</span><span class="techListItem_MNXE">mui</span><span class="techListItem_MNXE">vite</span></div></div><div class="card__footer"><div class="button-group button-group--block"><a class="button button--small button--secondary button--block" href="https://github.com/NIRumiantsev/feature-sliced-design" target="_blank" rel="noreferrer noopener">Source</a></div></div></article></article><article class="col col--4 margin-bottom--lg"><article class="card root_v5qN"><div class="card__image preview_MRaB"><div class="ribbon_JKNF">v2</div><div style="background-size:cover;background-repeat:no-repeat;position:relative;background-image:url(&quot;data:image/png;base64,/9j/2wBDAAYEBQYFBAYGBQYHBwYIChAKCgkJChQODwwQFxQYGBcUFhYaHSUfGhsjHBYWICwgIyYnKSopGR8tMC0oMCUoKSj/2wBDAQcHBwoIChMKChMoGhYaKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCj/wAARCAAHAAoDASIAAhEBAxEB/8QAFQABAQAAAAAAAAAAAAAAAAAAAAf/xAAiEAABBAECBwAAAAAAAAAAAAABAAIDBQQGBxESITVBkdL/xAAUAQEAAAAAAAAAAAAAAAAAAAAA/8QAFBEBAAAAAAAAAAAAAAAAAAAAAP/aAAwDAQACEQMRAD8AvurqyW70nZ1ePLHFLmY74WvkB5Wk+Tw6qFjYW8I7xUepflEQf//Z&quot;)"><svg style="width:100%;height:auto;max-width:100%;margin-bottom:-4px" width="640" height="462"></svg><noscript><img style="width:100%;height:auto;max-width:100%;margin-bottom:-4px;position:absolute;top:0;left:0" src="/assets/ideal-img/fs-rn-todo-app.efe4008.640.png" srcset="/assets/ideal-img/fs-rn-todo-app.efe4008.640.png 640w,/assets/ideal-img/fs-rn-todo-app.19be902.1030.png 1030w" alt="Todo App (ReactNative+Redux)" width="640" height="462"></noscript></div></div><div class="card__body"><span class="title_xhac">Todo App (ReactNative+Redux)</span><p class="description_y_AQ">QuickStart todo-app example for ReactNative(Expo) developers</p><div class="techList_Nt0m"><span class="techListItem_MNXE">react-native</span><span class="techListItem_MNXE">expo</span><span class="techListItem_MNXE">redux</span></div></div><div class="card__footer"><div class="button-group button-group--block"><a class="button button--small button--secondary button--block" href="https://github.com/berdimyradov/fs-rn-todo-app" target="_blank" rel="noreferrer noopener">Source</a></div></div></article></article><article class="col col--4 margin-bottom--lg"><article class="card root_v5qN"><div class="card__image preview_MRaB"><div class="ribbon_JKNF">v2</div><div style="background-size:cover;background-repeat:no-repeat;position:relative;background-image:url(&quot;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAGCAYAAAD68A/GAAAACXBIWXMAABJ0AAASdAHeZh94AAAA2ElEQVR4nEXKy0rDQABA0fyHGyVtTWeSzEyaJiTUmAR89rEQFK0m5BuEqqBF/E1xr4hr0c1c0Y1nfZw4L2ycF6gkpyc1rtAIk6DGGTqdUE876vkcZ+gruy0CkjSnXV7RtR3Fbk3fkwgdsThrODxa4Pgqslt9j+biks/nF3h9Y31zx8amix4l7J2cU81O/2O7bLDvH/D1zeP9+i+GZkxaHRCX+zgyNHYgAoqi4uF6xdPqlunxjJ4n8VVElJWYrMQRgbYyNPxm1zcM1Ij+0EcGGhFoVDJBpTv8ADojbmp+UdkUAAAAAElFTkSuQmCC&quot;)"><svg style="width:100%;height:auto;max-width:100%;margin-bottom:-4px" width="640" height="360"></svg><noscript><img style="width:100%;height:auto;max-width:100%;margin-bottom:-4px;position:absolute;top:0;left:0" src="/assets/ideal-img/rastrr-editor.9ad239d.640.png" srcset="/assets/ideal-img/rastrr-editor.9ad239d.640.png 640w,/assets/ideal-img/rastrr-editor.4ac8d84.1030.png 1030w" alt="Rastrr" width="640" height="360"></noscript></div></div><div class="card__body"><span class="title_xhac">Rastrr</span><p class="description_y_AQ">A simple and free graphic editor for novice artists</p><div class="techList_Nt0m"><span class="techListItem_MNXE">svelte</span></div></div><div class="card__footer"><div class="button-group button-group--block"><a class="button button--small button--secondary button--block" href="https://rastrr.ru" target="_blank" rel="noreferrer noopener">Website</a><a class="button button--small button--secondary button--block" href="https://github.com/rastrr-editor/client" target="_blank" rel="noreferrer noopener">Source</a></div></div></article></article><article class="col col--4 margin-bottom--lg"><article class="card root_v5qN"><div class="card__image preview_MRaB"><div class="ribbon_JKNF">v2</div><div style="background-size:cover;background-repeat:no-repeat;position:relative;background-image:url(&quot;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAGCAYAAAD68A/GAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAlklEQVR4nFWOuw7CMAxF++1M7Cx8DgMSIITYQWwg0TRh6CtNneSghBbBlezh+vjaBYC1FqVULuccvR1o2p4QQhpnFalprfHe49yAqjT3x5PL9UbddhmKcQKNMRkuy5K6aaj0i0ob4jdvAmOMiAgh+Gymk8n7VQZniQREfH5jFP+fOC92vbBY7dkdTmy2Z5brI70dPz8Cb+qV54GITsVPAAAAAElFTkSuQmCC&quot;)"><svg style="width:100%;height:auto;max-width:100%;margin-bottom:-4px" width="640" height="413"></svg><noscript><img style="width:100%;height:auto;max-width:100%;margin-bottom:-4px;position:absolute;top:0;left:0" src="/assets/ideal-img/draw-ill-help.032419e.640.png" srcset="/assets/ideal-img/draw-ill-help.032419e.640.png 640w,/assets/ideal-img/draw-ill-help.fd1ae96.795.png 795w" alt="Draw, I&#x27;ll Help" width="640" height="413"></noscript></div></div><div class="card__body"><span class="title_xhac">Draw, I&#x27;ll Help</span><p class="description_y_AQ">A drawing app with shape correction powered by ML</p><div class="techList_Nt0m"><span class="techListItem_MNXE">svelte</span></div></div><div class="card__footer"><div class="button-group button-group--block"><a class="button button--small button--secondary button--block" href="https://illright.github.io/draw-ill-help/" target="_blank" rel="noreferrer noopener">Website</a><a class="button button--small button--secondary button--block" href="https://github.com/illright/draw-ill-help" target="_blank" rel="noreferrer noopener">Source</a></div></div></article></article><article class="col col--4 margin-bottom--lg"><article class="card root_v5qN"><div class="card__image preview_MRaB"><div class="ribbon_JKNF">v2</div><div style="background-size:cover;background-repeat:no-repeat;position:relative;background-image:url(&quot;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAGCAYAAAD68A/GAAAACXBIWXMAABYlAAAWJQFJUiTwAAAA5klEQVR4nAXBwU6CAACAYd7Cc602xUuIIYFhiYigUWSZONdQ2yyGZhm1Zpkc2jpZhw6tJ+gt/75PiKIHyqaPWKyz/vrBbQVkNkuE4znBIMa7GFF1uwhnnRGibJFXGqTvaxonfbJFi2A44/P7l790RZK8IQSXN+iGTUGzie6WKMYx6r7HVfTEZP7C8nlFL4wRwjDmwGxSLDtMkxTNaiPpTca3C5zTIXZ7QMXpImRlk8yWyo7WJLp/RTI8RKXO9WyBWu2wkbcp6EcItVafnGyxVztnvvigdOiT27WZPKZUnB7bko+kuvwDBm12q0q6hT4AAAAASUVORK5CYII=&quot;)"><svg style="width:100%;height:auto;max-width:100%;margin-bottom:-4px" width="640" height="398"></svg><noscript><img style="width:100%;height:auto;max-width:100%;margin-bottom:-4px;position:absolute;top:0;left:0" src="/assets/ideal-img/cast.2d78953.640.png" srcset="/assets/ideal-img/cast.2d78953.640.png 640w,/assets/ideal-img/cast.f813960.1030.png 1030w" alt="Cast" width="640" height="398"></noscript></div></div><div class="card__body"><span class="title_xhac">Cast</span><p class="description_y_AQ">A podcast listening PWA with automated quality assurance</p><div class="techList_Nt0m"><span class="techListItem_MNXE">svelte</span></div></div><div class="card__footer"><div class="button-group button-group--block"><a class="button button--small button--secondary button--block" href="https://cast-iu.pages.dev/" target="_blank" rel="noreferrer noopener">Website</a><a class="button button--small button--secondary button--block" href="https://github.com/aabounegm/cast" target="_blank" rel="noreferrer noopener">Source</a></div></div></article></article><article class="col col--4 margin-bottom--lg"><article class="card root_v5qN"><div class="card__image preview_MRaB"><div class="ribbon_JKNF">v2</div><div style="background-size:cover;background-repeat:no-repeat;position:relative;background-image:url(&quot;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAICAYAAADA+m62AAAACXBIWXMAAA7DAAAOwwHHb6hkAAAAsUlEQVR4nHVPXQuCQBC8n9prv6h/EQQ91pPQQyCUpU+ZVnd+dGfqIYRmN3FnCPYxsMzu7CzDEsYYdB2OAWzHxWbnYb31YNl7BGEIxigopSBRFEMIAc45gtMFXNzgngWWTmi0LMuQJAmIlBIaSj0NS99C4c7fmjKc5zlIVVVm0GibB67TMYrZCG1T9/rQqBT0fe0vUKwmaO9d0pexC+m47/9Ff2Jg1J/ph8qy/Fl6l6YpXhcMMAYFFnR9AAAAAElFTkSuQmCC&quot;)"><svg style="width:100%;height:auto;max-width:100%;margin-bottom:-4px" width="640" height="507"></svg><noscript><img style="width:100%;height:auto;max-width:100%;margin-bottom:-4px;position:absolute;top:0;left:0" src="/assets/ideal-img/loripsum-generator.d367419.640.png" srcset="/assets/ideal-img/loripsum-generator.d367419.640.png 640w,/assets/ideal-img/loripsum-generator.4188839.949.png 949w" alt="Loripsum generator" width="640" height="507"></noscript></div></div><div class="card__body"><span class="title_xhac">Loripsum generator</span><p class="description_y_AQ">Simple fish text generator</p><div class="techList_Nt0m"><span class="techListItem_MNXE">react</span><span class="techListItem_MNXE">effector</span></div></div><div class="card__footer"><div class="button-group button-group--block"><a class="button button--small button--secondary button--block" href="https://loripsum-generator.vercel.app" target="_blank" rel="noreferrer noopener">Website</a><a class="button button--small button--secondary button--block" href="https://github.com/yesnoruly/loripsum-generator" target="_blank" rel="noreferrer noopener">Source</a></div></div></article></article><article class="col col--4 margin-bottom--lg"><article class="card root_v5qN"><div class="card__image preview_MRaB"><div class="ribbon_JKNF">v2</div><div style="background-size:cover;background-repeat:no-repeat;position:relative;background-image:url(&quot;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAGCAIAAAB1kpiRAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAnElEQVR4nF3JuwrCMBQA0HyVg4IOIhZEUSj9AdFZtK72K+2L9EHBUaGmed8k0urkWQ8CACGlcw4ApFSEUNIxTtmbdJRyJKTSYIztQdsyrpjQ3avlQjOhER8ejDXWAHtWdZWmSZYk9zguyhIp1a8bWEGj6LbzN36wXa29c3hC3/i1tZdrOF9OF95sPBkdjvv/rptHhoscF2mOy7r5AAf2maewMqkpAAAAAElFTkSuQmCC&quot;)"><svg style="width:100%;height:auto;max-width:100%;margin-bottom:-4px" width="640" height="360"></svg><noscript><img style="width:100%;height:auto;max-width:100%;margin-bottom:-4px;position:absolute;top:0;left:0" src="/assets/ideal-img/projentry.de287b8.640.png" srcset="/assets/ideal-img/projentry.de287b8.640.png 640w,/assets/ideal-img/projentry.d85bc5e.1030.png 1030w" alt="Projentry (demo)" width="640" height="360"></noscript></div></div><div class="card__body"><span class="title_xhac">Projentry (demo)</span><p class="description_y_AQ">Assistant for your projects</p><div class="techList_Nt0m"><span class="techListItem_MNXE">react</span><span class="techListItem_MNXE">antd</span></div></div><div class="card__footer"><div class="button-group button-group--block"><a class="button button--small button--secondary button--block" href="https://projentry.netlify.app/" target="_blank" rel="noreferrer noopener">Website</a><a class="button button--small button--secondary button--block" href="https://github.com/ani-team/projentry" target="_blank" rel="noreferrer noopener">Source</a></div></div></article></article><article class="col col--4 margin-bottom--lg"><article class="card root_v5qN"><div class="card__image preview_MRaB"><div class="ribbon_JKNF">v2</div><div style="background-size:cover;background-repeat:no-repeat;position:relative;background-image:url(&quot;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAGCAIAAAB1kpiRAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAdklEQVR4nCWNQQ6EMAwD+f8rF64rbYGWponjZNXi22hkeyNpZhFB0gFRL50i4xGD+xYR913V4AwAal4knZERmTn1Zz+Gaq4M1at1c8I5dWb23knGGzphNseWXu39kcE5yP2Hb4UNmTh1RikngJf70HJerdVY33/lW6+qu2B+5AAAAABJRU5ErkJggg==&quot;)"><svg style="width:100%;height:auto;max-width:100%;margin-bottom:-4px" width="640" height="360"></svg><noscript><img style="width:100%;height:auto;max-width:100%;margin-bottom:-4px;position:absolute;top:0;left:0" src="/assets/ideal-img/sharead.b0f4725.640.png" srcset="/assets/ideal-img/sharead.b0f4725.640.png 640w,/assets/ideal-img/sharead.c179800.1030.png 1030w" alt="Sharead (demo)" width="640" height="360"></noscript></div></div><div class="card__body"><span class="title_xhac">Sharead (demo)</span><p class="description_y_AQ">Book Marketplace</p><div class="techList_Nt0m"><span class="techListItem_MNXE">react</span><span class="techListItem_MNXE">effector</span><span class="techListItem_MNXE">antd</span></div></div><div class="card__footer"><div class="button-group button-group--block"><a class="button button--small button--secondary button--block" href="https://dev-sharead.netlify.app/" target="_blank" rel="noreferrer noopener">Website</a><a class="button button--small button--secondary button--block" href="https://github.com/select-name/sharead-frontend" target="_blank" rel="noreferrer noopener">Source</a></div></div></article></article><article class="col col--4 margin-bottom--lg"><article class="card root_v5qN"><div class="card__image preview_MRaB"><div class="ribbon_JKNF">v2</div><div style="background-size:cover;background-repeat:no-repeat;position:relative;background-image:url(&quot;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAFCAIAAADzBuo/AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAgklEQVR4nGP4DwN//vz58ePHnz9/4CL///9ngLM+f/785fPnv////fr4+fW89U/nr//x/iNM+t+/71+//vjy9f///0+zWp5Yxl6wjbuaXIuQ/vHt+/cvX3/+//+0fdbLuJpbMVV32mYiDP/06dO7t28/f/3y+cnzh9GVV0NLvj59CQD68oUMUGcwrwAAAABJRU5ErkJggg==&quot;)"><svg style="width:100%;height:auto;max-width:100%;margin-bottom:-4px" width="640" height="348"></svg><noscript><img style="width:100%;height:auto;max-width:100%;margin-bottom:-4px;position:absolute;top:0;left:0" src="/assets/ideal-img/todo-app-angular.05f9a25.640.png" srcset="/assets/ideal-img/todo-app-angular.05f9a25.640.png 640w,/assets/ideal-img/todo-app-angular.73d76af.1030.png 1030w" alt="Todo App (Angular 13)" width="640" height="348"></noscript></div></div><div class="card__body"><span class="title_xhac">Todo App (Angular 13)</span><p class="description_y_AQ">QuickStart todo-app example for Angular developers</p><div class="techList_Nt0m"><span class="techListItem_MNXE">angular</span><span class="techListItem_MNXE">rxjs</span></div></div><div class="card__footer"><div class="button-group button-group--block"><a class="button button--small button--secondary button--block" href="https://angular-feature-sliced-architecture.netlify.app/" target="_blank" rel="noreferrer noopener">Website</a><a class="button button--small button--secondary button--block" href="https://github.com/Affiction/angular-feature-sliced" target="_blank" rel="noreferrer noopener">Source</a></div></div></article></article><article class="col col--4 margin-bottom--lg"><article class="card root_v5qN"><div class="card__image preview_MRaB"><div class="ribbon_JKNF">v2</div><div style="background-size:cover;background-repeat:no-repeat;position:relative;background-image:url(&quot;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAFCAIAAADzBuo/AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAjUlEQVR4nB3CTQ4BQRAG0L6d2Fq5yETiBBKnsMMhJMQRRMLWTyQMY1R3ddVXNS28vNBS+kSmyDHx7UlNS5otC35ZA7EqzGCAwczNr+/6/mzqujm9HoGSxAzOEAFnLVYWx21vXPVH1eywDsRI4gqHuZqbdeh8uJwO5hPuENookTWL8n/MUqxszvvVZVdQvh2liN/jkShXAAAAAElFTkSuQmCC&quot;)"><svg style="width:100%;height:auto;max-width:100%;margin-bottom:-4px" width="640" height="348"></svg><noscript><img style="width:100%;height:auto;max-width:100%;margin-bottom:-4px;position:absolute;top:0;left:0" src="/assets/ideal-img/todo-app-vue.35dda32.640.png" srcset="/assets/ideal-img/todo-app-vue.35dda32.640.png 640w,/assets/ideal-img/todo-app-vue.752b5ca.1030.png 1030w" alt="Todo App (Vue 3)" width="640" height="348"></noscript></div></div><div class="card__body"><span class="title_xhac">Todo App (Vue 3)</span><p class="description_y_AQ">QuickStart todo-app example for Vue developers</p><div class="techList_Nt0m"><span class="techListItem_MNXE">vue</span><span class="techListItem_MNXE">vuex</span><span class="techListItem_MNXE">antd</span></div></div><div class="card__footer"><div class="button-group button-group--block"><a class="button button--small button--secondary button--block" href="https://github.com/EliseyMartynov/fs-vue" target="_blank" rel="noreferrer noopener">Source</a></div></div></article></article><article class="col col--4 margin-bottom--lg"><article class="card root_v5qN"><div class="card__image preview_MRaB"><div class="ribbon_JKNF">v2</div><div style="background-size:cover;background-repeat:no-repeat;position:relative;background-image:url(&quot;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAFCAIAAADzBuo/AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAgElEQVR4nB3GOwrCQBQF0Fm8G3EBKjb2Nml0AWJhiIUfBAkz73/foBA4xSmVpLESK4u+vjRXIlEWY9FKUkgjkIkEEtmxXAOGDGQhcTaowR3mQODDvn+07Ti/qxZSiPdAR/bI/uv9Vn19p9XmchymUtlZwzx0YR7N4vRsu8P1PEx/Y7uNMbvMtEcAAAAASUVORK5CYII=&quot;)"><svg style="width:100%;height:auto;max-width:100%;margin-bottom:-4px" width="640" height="348"></svg><noscript><img style="width:100%;height:auto;max-width:100%;margin-bottom:-4px;position:absolute;top:0;left:0" src="/assets/ideal-img/todo-app-react-redux.34636b9.640.png" srcset="/assets/ideal-img/todo-app-react-redux.34636b9.640.png 640w,/assets/ideal-img/todo-app-react-redux.91678c5.1030.png 1030w" alt="Todo App (React+Redux)" width="640" height="348"></noscript></div></div><div class="card__body"><span class="title_xhac">Todo App (React+Redux)</span><p class="description_y_AQ">QuickStart todo-app example for React developers (Redux version)</p><div class="techList_Nt0m"><span class="techListItem_MNXE">react</span><span class="techListItem_MNXE">redux</span><span class="techListItem_MNXE">antd</span></div></div><div class="card__footer"><div class="button-group button-group--block"><a class="button button--small button--secondary button--block" href="https://github.com/EliseyMartynov/fs-rtk" target="_blank" rel="noreferrer noopener">Source</a></div></div></article></article><article class="col col--4 margin-bottom--lg"><article class="card root_v5qN"><div class="card__image preview_MRaB"><div class="ribbon_JKNF">v2</div><div style="background-size:cover;background-repeat:no-repeat;position:relative;background-image:url(&quot;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAFCAIAAADzBuo/AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAgElEQVR4nB3GOwrCQBQF0Fmfm3ItLkGwt1ZMo52QLmAwoDLz/vcNEQKnOKWSNFZiZdH5Q79KJMZiwtpICmkEMpFAIju2a6TkishC4mxQgzvMgcDCfpzqaXzN5IUU4j3QkT2yrz1HwuH5vu130+NcKjtrmIduzKOpXxcZ7sN3vPwBVmeNDga/n9QAAAAASUVORK5CYII=&quot;)"><svg style="width:100%;height:auto;max-width:100%;margin-bottom:-4px" width="640" height="348"></svg><noscript><img style="width:100%;height:auto;max-width:100%;margin-bottom:-4px;position:absolute;top:0;left:0" src="/assets/ideal-img/todo-app-react-effector.cfe95f6.640.png" srcset="/assets/ideal-img/todo-app-react-effector.cfe95f6.640.png 640w,/assets/ideal-img/todo-app-react-effector.155b845.1030.png 1030w" alt="Todo App (React+Effector)" width="640" height="348"></noscript></div></div><div class="card__body"><span class="title_xhac">Todo App (React+Effector)</span><p class="description_y_AQ">QuickStart todo-app example for React developers (Effector version)</p><div class="techList_Nt0m"><span class="techListItem_MNXE">react</span><span class="techListItem_MNXE">effector</span><span class="techListItem_MNXE">antd</span></div></div><div class="card__footer"><div class="button-group button-group--block"><a class="button button--small button--secondary button--block" href="https://7b64m.csb.app/" target="_blank" rel="noreferrer noopener">Website</a><a class="button button--small button--secondary button--block" href="https://github.com/feature-sliced/examples/tree/master/todo-app" target="_blank" rel="noreferrer noopener">Source</a></div></div></article></article><article class="col col--4 margin-bottom--lg"><article class="card root_v5qN"><div class="card__image preview_MRaB"><div class="ribbon_JKNF">v2</div><div style="background-size:cover;background-repeat:no-repeat;position:relative;background-image:url(&quot;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAGCAIAAAB1kpiRAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAn0lEQVR4nDXBwQrCMAwA0P7/QdSiwmD3fY5MBhMUFdE1aedl6zqzJvHke6Ysy93+YO1u/7fZ2tXaFkVRVZVRVeFMKYmIiqjKuIhLQqo5syEij3i9XByAc+CcG4YhpnlKc4yTYeaue7dtiz44APQhxpiXheib0mxY8vv5OTf30AdEj97HOBFRzllEjIi+HremPob+A4gAMI4jMyP6+tT8AAIgnuz02zq5AAAAAElFTkSuQmCC&quot;)"><svg style="width:100%;height:auto;max-width:100%;margin-bottom:-4px" width="640" height="360"></svg><noscript><img style="width:100%;height:auto;max-width:100%;margin-bottom:-4px;position:absolute;top:0;left:0" src="/assets/ideal-img/github-client.fe390ad.640.png" srcset="/assets/ideal-img/github-client.fe390ad.640.png 640w,/assets/ideal-img/github-client.aa0edb7.1030.png 1030w" alt="Github Client" width="640" height="360"></noscript></div></div><div class="card__body"><span class="title_xhac">Github Client</span><p class="description_y_AQ">React &amp; GraphQL powered github web-client</p><div class="techList_Nt0m"><span class="techListItem_MNXE">react</span><span class="techListItem_MNXE">graphql</span><span class="techListItem_MNXE">antd</span></div></div><div class="card__footer"><div class="button-group button-group--block"><a class="button button--small button--secondary button--block" href="https://github.com/ani-team/github-client/tree/workshop/feature-sliced-next" target="_blank" rel="noreferrer noopener">Source</a></div></div></article></article><article class="col col--4 margin-bottom--lg"><article class="card root_v5qN"><div class="card__image preview_MRaB"><div class="ribbon_JKNF">v2</div><div style="background-size:cover;background-repeat:no-repeat;position:relative;background-image:url(&quot;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAGCAIAAAB1kpiRAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAgklEQVR4nD2OwQoCMQxE9/9/T6+CgqJVhKTbJpkm20p3wXcb3gzMkl7l88YWEe4RMXbC+/dLpdhyuz7Pp8tjck8pjTF67+49vG/bWFSFiZiyiMJQSl3zamYAImKpVTKvplBRKJiYKe/RWvOpmRgGGJrNkql584Y211KFiFX0EMe1Pz+Oia0hqYR1vAAAAABJRU5ErkJggg==&quot;)"><svg style="width:100%;height:auto;max-width:100%;margin-bottom:-4px" width="640" height="360"></svg><noscript><img style="width:100%;height:auto;max-width:100%;margin-bottom:-4px;position:absolute;top:0;left:0" src="/assets/ideal-img/cardbox.7993374.640.png" srcset="/assets/ideal-img/cardbox.7993374.640.png 640w,/assets/ideal-img/cardbox.943b121.1030.png 1030w" alt="Cardbox" width="640" height="360"></noscript></div></div><div class="card__body"><span class="title_xhac">Cardbox</span><p class="description_y_AQ">The best solutions from developers in one place</p><div class="techList_Nt0m"><span class="techListItem_MNXE">react</span><span class="techListItem_MNXE">effector</span></div></div><div class="card__footer"><div class="button-group button-group--block"><a class="button button--small button--secondary button--block" href="https://github.com/cardbox/frontend" target="_blank" rel="noreferrer noopener">Source</a></div></div></article></article></div></div></section></main></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Specs</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/docs">Documentation</a></li><li class="footer__item"><a class="footer__link-item" href="/community">Community</a></li><li class="footer__item"><a class="footer__link-item" href="/nav">Help</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">License<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
diff --git a/index.html b/index.html
index 5872101d65..ec478445fb 100644
--- a/index.html
+++ b/index.html
@@ -9,8 +9,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/opensearch.xml"><link rel="stylesheet" href="/assets/css/styles.04fd99a1.css">
-<script src="/assets/js/runtime~main.06c92bf3.js" defer="defer"></script>
-<script src="/assets/js/main.e2ab5a51.js" defer="defer"></script>
+<script src="/assets/js/runtime~main.29fb6ef5.js" defer="defer"></script>
+<script src="/assets/js/main.360a9d35.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a class="navbar__item navbar__link" href="/docs">📖 Docs</a><a class="navbar__item navbar__link" href="/community">💫 Community</a><a class="navbar__item navbar__link" href="/blog">📝 Blog</a><a class="navbar__item navbar__link" href="/examples">🛠 Examples</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/docs">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a class="dropdown__link" href="/docs">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>English</a><ul class="dropdown__menu"><li><a href="/ru/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ru">Русский</a></li><li><a href="/" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="en">English</a></li><li><a href="/uz/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="kr">한국어</a></li><li><a href="/ja/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><header class="hero hero--primary heroBanner_PbTQ"><div class="container"><h1 class="hero__title">Feature-Sliced Design</h1><p class="hero__subtitle">Architectural methodology for frontend projects</p><div class="button-group"><a class="button button--primary button--lg" href="/docs">Get Started</a><a class="button button--secondary button--lg" href="/examples">Examples</a></div><div class="margin-top--md"><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="link_Ogy3">Previous version<!-- --> <!-- -->(feature-slices@v1)</a></div></div></header><main><section id="features" class="section_o6sW"><div class="container"><h2 class="title_v0wz">Features</h2><div class="row"><div class="col col--3"><div class="text--center"><span role="img" aria-label="eye" alt="Explicit business logic" class="anticon anticon-eye icon_zeNy"><svg viewBox="64 64 896 896" focusable="false" data-icon="eye" width="1em" height="1em" fill="currentColor" aria-hidden="true"><path d="M942.2 486.2C847.4 286.5 704.1 186 512 186c-192.2 0-335.4 100.5-430.2 300.3a60.3 60.3 0 000 51.5C176.6 737.5 319.9 838 512 838c192.2 0 335.4-100.5 430.2-300.3 7.7-16.2 7.7-35 0-51.5zM512 766c-161.3 0-279.4-81.8-362.7-254C232.6 339.8 350.7 258 512 258c161.3 0 279.4 81.8 362.7 254C791.5 684.2 673.4 766 512 766zm-4-430c-97.2 0-176 78.8-176 176s78.8 176 176 176 176-78.8 176-176-78.8-176-176-176zm0 288c-61.9 0-112-50.1-112-112s50.1-112 112-112 112 50.1 112 112-50.1 112-112 112z"></path></svg></span></div><div class="text--center padding-horiz--md"><h3>Explicit business logic</h3><p>Easily discoverable architecture thanks to domain scopes</p></div></div><div class="col col--3"><div class="text--center"><span role="img" aria-label="login" alt="Adaptability" class="anticon anticon-login icon_zeNy"><svg viewBox="64 64 896 896" focusable="false" data-icon="login" width="1em" height="1em" fill="currentColor" aria-hidden="true"><defs><style></style></defs><path d="M521.7 82c-152.5-.4-286.7 78.5-363.4 197.7-3.4 5.3.4 12.3 6.7 12.3h70.3c4.8 0 9.3-2.1 12.3-5.8 7-8.5 14.5-16.7 22.4-24.5 32.6-32.5 70.5-58.1 112.7-75.9 43.6-18.4 90-27.8 137.9-27.8 47.9 0 94.3 9.3 137.9 27.8 42.2 17.8 80.1 43.4 112.7 75.9 32.6 32.5 58.1 70.4 76 112.5C865.7 417.8 875 464.1 875 512c0 47.9-9.4 94.2-27.8 137.8-17.8 42.1-43.4 80-76 112.5s-70.5 58.1-112.7 75.9A352.8 352.8 0 01520.6 866c-47.9 0-94.3-9.4-137.9-27.8A353.84 353.84 0 01270 762.3c-7.9-7.9-15.3-16.1-22.4-24.5-3-3.7-7.6-5.8-12.3-5.8H165c-6.3 0-10.2 7-6.7 12.3C234.9 863.2 368.5 942 520.6 942c236.2 0 428-190.1 430.4-425.6C953.4 277.1 761.3 82.6 521.7 82zM395.02 624v-76h-314c-4.4 0-8-3.6-8-8v-56c0-4.4 3.6-8 8-8h314v-76c0-6.7 7.8-10.5 13-6.3l141.9 112a8 8 0 010 12.6l-141.9 112c-5.2 4.1-13 .4-13-6.3z"></path></svg></span></div><div class="text--center padding-horiz--md"><h3>Adaptability</h3><p>Architecture components can be flexibly replaced and added for new requirements</p></div></div><div class="col col--3"><div class="text--center"><span role="img" aria-label="file-protect" alt="Tech debt &amp; Refactoring" class="anticon anticon-file-protect icon_zeNy"><svg viewBox="64 64 896 896" focusable="false" data-icon="file-protect" width="1em" height="1em" fill="currentColor" aria-hidden="true"><path d="M644.7 669.2a7.92 7.92 0 00-6.5-3.3H594c-6.5 0-10.3 7.4-6.5 12.7l73.8 102.1c3.2 4.4 9.7 4.4 12.9 0l114.2-158c3.8-5.3 0-12.7-6.5-12.7h-44.3c-2.6 0-5 1.2-6.5 3.3l-63.5 87.8-22.9-31.9zM688 306v-48c0-4.4-3.6-8-8-8H296c-4.4 0-8 3.6-8 8v48c0 4.4 3.6 8 8 8h384c4.4 0 8-3.6 8-8zm-392 88c-4.4 0-8 3.6-8 8v48c0 4.4 3.6 8 8 8h184c4.4 0 8-3.6 8-8v-48c0-4.4-3.6-8-8-8H296zm184 458H208V148h560v296c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8V108c0-17.7-14.3-32-32-32H168c-17.7 0-32 14.3-32 32v784c0 17.7 14.3 32 32 32h312c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8zm402.6-320.8l-192-66.7c-.9-.3-1.7-.4-2.6-.4s-1.8.1-2.6.4l-192 66.7a7.96 7.96 0 00-5.4 7.5v251.1c0 2.5 1.1 4.8 3.1 6.3l192 150.2c1.4 1.1 3.2 1.7 4.9 1.7s3.5-.6 4.9-1.7l192-150.2c1.9-1.5 3.1-3.8 3.1-6.3V538.7c0-3.4-2.2-6.4-5.4-7.5zM826 763.7L688 871.6 550 763.7V577l138-48 138 48v186.7z"></path></svg></span></div><div class="text--center padding-horiz--md"><h3>Tech debt &amp; Refactoring</h3><p>Each module can be independently modified / rewritten without side effects</p></div></div><div class="col col--3"><div class="text--center"><span role="img" aria-label="build" alt="Explicit code reuse" class="anticon anticon-build icon_zeNy"><svg viewBox="64 64 896 896" focusable="false" data-icon="build" width="1em" height="1em" fill="currentColor" aria-hidden="true"><path d="M916 210H376c-17.7 0-32 14.3-32 32v236H108c-17.7 0-32 14.3-32 32v272c0 17.7 14.3 32 32 32h540c17.7 0 32-14.3 32-32V546h236c17.7 0 32-14.3 32-32V242c0-17.7-14.3-32-32-32zm-504 68h200v200H412V278zm-68 468H144V546h200v200zm268 0H412V546h200v200zm268-268H680V278h200v200z"></path></svg></span></div><div class="text--center padding-horiz--md"><h3>Explicit code reuse</h3><p>A balance is maintained between DRY and local customization</p></div></div></div></div></section><section id="concepts" class="section_o6sW sectionAlt_eaXm"><div class="container"><h2 class="title_v0wz">Concepts</h2><div class="row"><div class="col col--4"><div class="text--center"><span role="img" aria-label="api" alt="Public API" class="anticon anticon-api icon_zeNy"><svg viewBox="64 64 896 896" focusable="false" data-icon="api" width="1em" height="1em" fill="currentColor" aria-hidden="true"><path d="M917.7 148.8l-42.4-42.4c-1.6-1.6-3.6-2.3-5.7-2.3s-4.1.8-5.7 2.3l-76.1 76.1a199.27 199.27 0 00-112.1-34.3c-51.2 0-102.4 19.5-141.5 58.6L432.3 308.7a8.03 8.03 0 000 11.3L704 591.7c1.6 1.6 3.6 2.3 5.7 2.3 2 0 4.1-.8 5.7-2.3l101.9-101.9c68.9-69 77-175.7 24.3-253.5l76.1-76.1c3.1-3.2 3.1-8.3 0-11.4zM769.1 441.7l-59.4 59.4-186.8-186.8 59.4-59.4c24.9-24.9 58.1-38.7 93.4-38.7 35.3 0 68.4 13.7 93.4 38.7 24.9 24.9 38.7 58.1 38.7 93.4 0 35.3-13.8 68.4-38.7 93.4zm-190.2 105a8.03 8.03 0 00-11.3 0L501 613.3 410.7 523l66.7-66.7c3.1-3.1 3.1-8.2 0-11.3L441 408.6a8.03 8.03 0 00-11.3 0L363 475.3l-43-43a7.85 7.85 0 00-5.7-2.3c-2 0-4.1.8-5.7 2.3L206.8 534.2c-68.9 69-77 175.7-24.3 253.5l-76.1 76.1a8.03 8.03 0 000 11.3l42.4 42.4c1.6 1.6 3.6 2.3 5.7 2.3s4.1-.8 5.7-2.3l76.1-76.1c33.7 22.9 72.9 34.3 112.1 34.3 51.2 0 102.4-19.5 141.5-58.6l101.9-101.9c3.1-3.1 3.1-8.2 0-11.3l-43-43 66.7-66.7c3.1-3.1 3.1-8.2 0-11.3l-36.6-36.2zM441.7 769.1a131.32 131.32 0 01-93.4 38.7c-35.3 0-68.4-13.7-93.4-38.7a131.32 131.32 0 01-38.7-93.4c0-35.3 13.7-68.4 38.7-93.4l59.4-59.4 186.8 186.8-59.4 59.4z"></path></svg></span></div><div class="text--center padding-horiz--md"><h3>Public API</h3><p>Each module must have a declaration of its public API at the top level</p></div></div><div class="col col--4"><div class="text--center"><span role="img" aria-label="block" alt="Isolation" class="anticon anticon-block icon_zeNy"><svg viewBox="64 64 896 896" focusable="false" data-icon="block" width="1em" height="1em" fill="currentColor" aria-hidden="true"><path d="M856 376H648V168c0-8.8-7.2-16-16-16H168c-8.8 0-16 7.2-16 16v464c0 8.8 7.2 16 16 16h208v208c0 8.8 7.2 16 16 16h464c8.8 0 16-7.2 16-16V392c0-8.8-7.2-16-16-16zm-480 16v188H220V220h360v156H392c-8.8 0-16 7.2-16 16zm204 52v136H444V444h136zm224 360H444V648h188c8.8 0 16-7.2 16-16V444h156v360z"></path></svg></span></div><div class="text--center padding-horiz--md"><h3>Isolation</h3><p>The module should not depend directly on other modules of the same layer or overlying layers</p></div></div><div class="col col--4"><div class="text--center"><span role="img" aria-label="like" alt="Needs Driven" class="anticon anticon-like icon_zeNy"><svg viewBox="64 64 896 896" focusable="false" data-icon="like" width="1em" height="1em" fill="currentColor" aria-hidden="true"><path d="M885.9 533.7c16.8-22.2 26.1-49.4 26.1-77.7 0-44.9-25.1-87.4-65.5-111.1a67.67 67.67 0 00-34.3-9.3H572.4l6-122.9c1.4-29.7-9.1-57.9-29.5-79.4A106.62 106.62 0 00471 99.9c-52 0-98 35-111.8 85.1l-85.9 311H144c-17.7 0-32 14.3-32 32v364c0 17.7 14.3 32 32 32h601.3c9.2 0 18.2-1.8 26.5-5.4 47.6-20.3 78.3-66.8 78.3-118.4 0-12.6-1.8-25-5.4-37 16.8-22.2 26.1-49.4 26.1-77.7 0-12.6-1.8-25-5.4-37 16.8-22.2 26.1-49.4 26.1-77.7-.2-12.6-2-25.1-5.6-37.1zM184 852V568h81v284h-81zm636.4-353l-21.9 19 13.9 25.4a56.2 56.2 0 016.9 27.3c0 16.5-7.2 32.2-19.6 43l-21.9 19 13.9 25.4a56.2 56.2 0 016.9 27.3c0 16.5-7.2 32.2-19.6 43l-21.9 19 13.9 25.4a56.2 56.2 0 016.9 27.3c0 22.4-13.2 42.6-33.6 51.8H329V564.8l99.5-360.5a44.1 44.1 0 0142.2-32.3c7.6 0 15.1 2.2 21.1 6.7 9.9 7.4 15.2 18.6 14.6 30.5l-9.6 198.4h314.4C829 418.5 840 436.9 840 456c0 16.5-7.2 32.1-19.6 43z"></path></svg></span></div><div class="text--center padding-horiz--md"><h3>Needs Driven</h3><p>Orientation to business and user needs</p></div></div></div></div></section><section id="scheme" class="section_o6sW"><div class="container"><h2 class="title_v0wz">Scheme</h2><div class="row scheme_O0RH"><div class="schemeImg_h_tq" style="background-size:cover;background-repeat:no-repeat;position:relative;background-image:url(&quot;data:image/jpeg;base64,/9j/2wBDAAYEBQYFBAYGBQYHBwYIChAKCgkJChQODwwQFxQYGBcUFhYaHSUfGhsjHBYWICwgIyYnKSopGR8tMC0oMCUoKSj/2wBDAQcHBwoIChMKChMoGhYaKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCj/wAARCAAGAAoDASIAAhEBAxEB/8QAFgABAQEAAAAAAAAAAAAAAAAAAAQI/8QAHRAAAgICAwEAAAAAAAAAAAAAAQIABAMREyExYf/EABQBAQAAAAAAAAAAAAAAAAAAAAH/xAAWEQEBAQAAAAAAAAAAAAAAAAAAASH/2gAMAwEAAhEDEQA/ANL069ytjKcmNgXdtsWJ789lSmwVBJxb19iIQ3H/2Q==&quot;)"><svg style="width:100%;height:auto;max-width:100%;margin-bottom:-4px" width="640" height="356"></svg><noscript><img style="width:100%;height:auto;max-width:100%;margin-bottom:-4px;position:absolute;top:0;left:0" src="/assets/ideal-img/visual_schema.5d0b672.640.jpg" srcset="/assets/ideal-img/visual_schema.5d0b672.640.jpg 640w,/assets/ideal-img/visual_schema.b6c18f6.1030.jpg 1030w" alt="feature-sliced-scheme,themed--scheme" width="640" height="356"></noscript></div></div></div></section><section id="companies using fsd" class="section_o6sW root_M0ZT"><div class="rootContainer_QdPn"><h2 class="title_v0wz">Companies using FSD</h2><div class="row"><span class="addMe_pbNn">FSD is used in your company?<!-- --> <a href="https://github.com/feature-sliced/documentation/issues/131" target="_blank" rel="noopener noreferrer">Tell us</a></span></div></div></section></main></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Specs</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/docs">Documentation</a></li><li class="footer__item"><a class="footer__link-item" href="/community">Community</a></li><li class="footer__item"><a class="footer__link-item" href="/nav">Help</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">License<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
diff --git a/ja/404.html b/ja/404.html
index 73bceb0a95..830b6b3851 100644
--- a/ja/404.html
+++ b/ja/404.html
@@ -9,8 +9,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/ja/opensearch.xml"><link rel="stylesheet" href="/ja/assets/css/styles.c2f43f9a.css">
-<script src="/ja/assets/js/runtime~main.ac5b7a06.js" defer="defer"></script>
-<script src="/ja/assets/js/main.cdd867c6.js" defer="defer"></script>
+<script src="/ja/assets/js/runtime~main.37f69f93.js" defer="defer"></script>
+<script src="/ja/assets/js/main.29fd47b7.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="メインコンテンツにスキップ"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">メインコンテンツにスキップ</a></div><nav aria-label="ナビゲーション" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="ナビゲーションバーを開く" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/ja/"><div class="navbar__logo"><img src="/ja/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/ja/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a class="navbar__item navbar__link" href="/ja/docs">📖 ドキュメント</a><a class="navbar__item navbar__link" href="/ja/community">💫 コミュニティ</a><a class="navbar__item navbar__link" href="/ja/blog">📝 ブログ</a><a class="navbar__item navbar__link" href="/ja/examples">🛠 実装例</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/ja/docs">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a class="dropdown__link" href="/ja/docs">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/ja/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>日本語</a><ul class="dropdown__menu"><li><a href="/ru/404" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ru">Русский</a></li><li><a href="/404" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/uz/404" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/404" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="kr">한국어</a></li><li><a href="/ja/404" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="ダークモードを切り替える(現在はライトモード)" aria-label="ダークモードを切り替える(現在はライトモード)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="検索"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">検索</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><main class="container margin-vert--xl"><div class="row"><div class="col col--6 col--offset-3"><h1 class="hero__title">ページが見つかりません</h1><p>申し訳ありませんが、リクエストされたページが見つかりませんでした。</p><p>リンク元のサイトの所有者に連絡して、リンクが機能しないことを知らせてください。</p></div></div></main></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">仕様</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/ja/docs">ドキュメント</a></li><li class="footer__item"><a class="footer__link-item" href="/ja/community">コミュニティ</a></li><li class="footer__item"><a class="footer__link-item" href="/ja/nav">ヘルプ</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">ディスカッション<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">コミュニティ</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">X<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">その他</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">ライセンス<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/ja/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/ja/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2024  Feature-Sliced Design</div></div></div></footer></div>
diff --git a/ja/assets/js/012f76d8.0d26c4d6.js b/ja/assets/js/012f76d8.dda6753c.js
similarity index 98%
rename from ja/assets/js/012f76d8.0d26c4d6.js
rename to ja/assets/js/012f76d8.dda6753c.js
index 48e3eddb5f..1e4e970de1 100644
--- a/ja/assets/js/012f76d8.0d26c4d6.js
+++ b/ja/assets/js/012f76d8.dda6753c.js
@@ -1 +1 @@
-"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[1733],{1928:(e,t,i)=>{i.d(t,{Ay:()=>u,RM:()=>c});var n=i(6070),r=i(1100),o=(i(758),i(6783)),s=i(7765);const a=e=>{let{ticket:t}=e;const i=`https://github.com/feature-sliced/documentation/issues/${t}`;return(0,n.jsxs)("div",{children:[(0,n.jsx)("p",{children:(0,s.T)({id:"shared.wip.title"})}),(0,n.jsx)("p",{children:(0,s.T)({id:"shared.wip.subtitle"})}),(0,n.jsxs)("ul",{children:[(0,n.jsxs)("li",{children:[(0,s.T)({id:"shared.wip.var.feedback.base"}),(0,n.jsx)(o.A,{to:i,children:(0,s.T)({id:"shared.wip.var.feedback.link"})})]}),(0,n.jsxs)("li",{children:[(0,s.T)({id:"shared.wip.var.material.base"}),(0,n.jsx)(o.A,{to:"https://t.me/feature_sliced",children:(0,s.T)({id:"shared.wip.var.material.link"})})]}),(0,n.jsxs)("li",{children:[(0,s.T)({id:"shared.wip.var.contribute.base"}),(0,n.jsx)(o.A,{to:"https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md",children:(0,s.T)({id:"shared.wip.var.contribute.link"})})]})]}),(0,n.jsx)("br",{}),(0,n.jsx)("p",{children:(0,n.jsx)("i",{children:"\ud83c\udf70 Stay tuned!"})})]})},c=[];function d(e){const t={admonition:"admonition",...(0,r.R)(),...e.components};return(0,n.jsx)(t.admonition,{title:"WIP",type:"caution",children:(0,n.jsx)(a,{ticket:e.ticket})})}function u(e={}){const{wrapper:t}={...(0,r.R)(),...e.components};return t?(0,n.jsx)(t,{...e,children:(0,n.jsx)(d,{...e})}):d(e)}},5380:(e,t,i)=>{i.r(t),i.d(t,{assets:()=>d,contentTitle:()=>a,default:()=>p,frontMatter:()=>s,metadata:()=>c,toc:()=>u});var n=i(6070),r=i(1100),o=i(1928);const s={sidebar_position:3,sidebar_class_name:"sidebar-item--wip"},a="\u30c1\u30fc\u30e0\u3067\u306e\u63a8\u9032",c={id:"about/promote/for-team",title:"\u30c1\u30fc\u30e0\u3067\u306e\u63a8\u9032",description:"",source:"@site/i18n/ja/docusaurus-plugin-content-docs/current/about/promote/for-team.mdx",sourceDirName:"about/promote",slug:"/about/promote/for-team",permalink:"/ja/docs/about/promote/for-team",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/ja/docusaurus-plugin-content-docs/current/about/promote/for-team.mdx",tags:[],version:"current",lastUpdatedAt:1727607766e3,sidebarPosition:3,frontMatter:{sidebar_position:3,sidebar_class_name:"sidebar-item--wip"},sidebar:"aboutSidebar",previous:{title:"\u90e8\u5206\u7684\u306a\u9069\u7528",permalink:"/ja/docs/about/promote/partial-application"},next:{title:"\u4f1a\u793e\u3067\u306e\u63a8\u9032",permalink:"/ja/docs/about/promote/for-company"}},d={},u=[...o.RM];function l(e){const t={h1:"h1",header:"header",...(0,r.R)(),...e.components};return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(t.header,{children:(0,n.jsx)(t.h1,{id:"\u30c1\u30fc\u30e0\u3067\u306e\u63a8\u9032",children:"\u30c1\u30fc\u30e0\u3067\u306e\u63a8\u9032"})}),"\n",(0,n.jsx)(o.Ay,{ticket:"182"})]})}function p(e={}){const{wrapper:t}={...(0,r.R)(),...e.components};return t?(0,n.jsx)(t,{...e,children:(0,n.jsx)(l,{...e})}):l(e)}},1100:(e,t,i)=>{i.d(t,{R:()=>s,x:()=>a});var n=i(758);const r={},o=n.createContext(r);function s(e){const t=n.useContext(o);return n.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function a(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(r):e.components||r:s(e.components),n.createElement(o.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
+"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[1733],{1928:(e,t,i)=>{i.d(t,{Ay:()=>u,RM:()=>c});var n=i(6070),r=i(1100),o=(i(758),i(6783)),s=i(7765);const a=e=>{let{ticket:t}=e;const i=`https://github.com/feature-sliced/documentation/issues/${t}`;return(0,n.jsxs)("div",{children:[(0,n.jsx)("p",{children:(0,s.T)({id:"shared.wip.title"})}),(0,n.jsx)("p",{children:(0,s.T)({id:"shared.wip.subtitle"})}),(0,n.jsxs)("ul",{children:[(0,n.jsxs)("li",{children:[(0,s.T)({id:"shared.wip.var.feedback.base"}),(0,n.jsx)(o.A,{to:i,children:(0,s.T)({id:"shared.wip.var.feedback.link"})})]}),(0,n.jsxs)("li",{children:[(0,s.T)({id:"shared.wip.var.material.base"}),(0,n.jsx)(o.A,{to:"https://t.me/feature_sliced",children:(0,s.T)({id:"shared.wip.var.material.link"})})]}),(0,n.jsxs)("li",{children:[(0,s.T)({id:"shared.wip.var.contribute.base"}),(0,n.jsx)(o.A,{to:"https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md",children:(0,s.T)({id:"shared.wip.var.contribute.link"})})]})]}),(0,n.jsx)("br",{}),(0,n.jsx)("p",{children:(0,n.jsx)("i",{children:"\ud83c\udf70 Stay tuned!"})})]})},c=[];function d(e){const t={admonition:"admonition",...(0,r.R)(),...e.components};return(0,n.jsx)(t.admonition,{title:"WIP",type:"caution",children:(0,n.jsx)(a,{ticket:e.ticket})})}function u(e={}){const{wrapper:t}={...(0,r.R)(),...e.components};return t?(0,n.jsx)(t,{...e,children:(0,n.jsx)(d,{...e})}):d(e)}},5380:(e,t,i)=>{i.r(t),i.d(t,{assets:()=>d,contentTitle:()=>a,default:()=>p,frontMatter:()=>s,metadata:()=>c,toc:()=>u});var n=i(6070),r=i(1100),o=i(1928);const s={sidebar_position:3,sidebar_class_name:"sidebar-item--wip"},a="\u30c1\u30fc\u30e0\u3067\u306e\u63a8\u9032",c={id:"about/promote/for-team",title:"\u30c1\u30fc\u30e0\u3067\u306e\u63a8\u9032",description:"",source:"@site/i18n/ja/docusaurus-plugin-content-docs/current/about/promote/for-team.mdx",sourceDirName:"about/promote",slug:"/about/promote/for-team",permalink:"/ja/docs/about/promote/for-team",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/ja/docusaurus-plugin-content-docs/current/about/promote/for-team.mdx",tags:[],version:"current",lastUpdatedAt:1728325386e3,sidebarPosition:3,frontMatter:{sidebar_position:3,sidebar_class_name:"sidebar-item--wip"},sidebar:"aboutSidebar",previous:{title:"\u90e8\u5206\u7684\u306a\u9069\u7528",permalink:"/ja/docs/about/promote/partial-application"},next:{title:"\u4f1a\u793e\u3067\u306e\u63a8\u9032",permalink:"/ja/docs/about/promote/for-company"}},d={},u=[...o.RM];function l(e){const t={h1:"h1",header:"header",...(0,r.R)(),...e.components};return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(t.header,{children:(0,n.jsx)(t.h1,{id:"\u30c1\u30fc\u30e0\u3067\u306e\u63a8\u9032",children:"\u30c1\u30fc\u30e0\u3067\u306e\u63a8\u9032"})}),"\n",(0,n.jsx)(o.Ay,{ticket:"182"})]})}function p(e={}){const{wrapper:t}={...(0,r.R)(),...e.components};return t?(0,n.jsx)(t,{...e,children:(0,n.jsx)(l,{...e})}):l(e)}},1100:(e,t,i)=>{i.d(t,{R:()=>s,x:()=>a});var n=i(758);const r={},o=n.createContext(r);function s(e){const t=n.useContext(o);return n.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function a(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(r):e.components||r:s(e.components),n.createElement(o.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
diff --git a/ja/assets/js/0288f121.c0d3057f.js b/ja/assets/js/0288f121.9ff7ad0a.js
similarity index 99%
rename from ja/assets/js/0288f121.c0d3057f.js
rename to ja/assets/js/0288f121.9ff7ad0a.js
index d6ac934bcb..dd6ef88cba 100644
--- a/ja/assets/js/0288f121.c0d3057f.js
+++ b/ja/assets/js/0288f121.9ff7ad0a.js
@@ -1 +1 @@
-"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[6285],{8124:(e,n,s)=>{s.r(n),s.d(n,{assets:()=>t,contentTitle:()=>d,default:()=>o,frontMatter:()=>l,metadata:()=>c,toc:()=>a});var i=s(6070),r=s(1100);const l={sidebar_position:1},d="\u8a8d\u8a3c",c={id:"guides/examples/auth",title:"\u8a8d\u8a3c",description:"\u4e00\u822c\u7684\u306b\u3001\u8a8d\u8a3c\u306f\u4ee5\u4e0b\u306e\u30b9\u30c6\u30c3\u30d7\u3067\u69cb\u6210\u3055\u308c\u307e\u3059\u3002",source:"@site/i18n/ja/docusaurus-plugin-content-docs/current/guides/examples/auth.md",sourceDirName:"guides/examples",slug:"/guides/examples/auth",permalink:"/ja/docs/guides/examples/auth",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/ja/docusaurus-plugin-content-docs/current/guides/examples/auth.md",tags:[],version:"current",lastUpdatedAt:1727607766e3,sidebarPosition:1,frontMatter:{sidebar_position:1},sidebar:"guidesSidebar",previous:{title:"\u4f8b",permalink:"/ja/docs/guides/examples/"},next:{title:"\u578b",permalink:"/ja/docs/guides/examples/types"}},t={},a=[{value:"\u30e6\u30fc\u30b6\u30fc\u306e\u8cc7\u683c\u60c5\u5831\u3092\u53d6\u5f97\u3059\u308b\u65b9\u6cd5",id:"\u30e6\u30fc\u30b6\u30fc\u306e\u8cc7\u683c\u60c5\u5831\u3092\u53d6\u5f97\u3059\u308b\u65b9\u6cd5",level:2},{value:"\u30ed\u30b0\u30a4\u30f3\u7528\u306e\u5225\u30da\u30fc\u30b8",id:"\u30ed\u30b0\u30a4\u30f3\u7528\u306e\u5225\u30da\u30fc\u30b8",level:3},{value:"\u30ed\u30b0\u30a4\u30f3\u7528\u306e\u30c0\u30a4\u30a2\u30ed\u30b0\u30dc\u30c3\u30af\u30b9",id:"\u30ed\u30b0\u30a4\u30f3\u7528\u306e\u30c0\u30a4\u30a2\u30ed\u30b0\u30dc\u30c3\u30af\u30b9",level:3},{value:"\u30af\u30e9\u30a4\u30a2\u30f3\u30c8\u30d0\u30ea\u30c7\u30fc\u30b7\u30e7\u30f3",id:"\u30af\u30e9\u30a4\u30a2\u30f3\u30c8\u30d0\u30ea\u30c7\u30fc\u30b7\u30e7\u30f3",level:3},{value:"\u8cc7\u683c\u60c5\u5831\u3092\u30d0\u30c3\u30af\u30a8\u30f3\u30c9\u306b\u9001\u4fe1\u3059\u308b\u65b9\u6cd5",id:"\u8cc7\u683c\u60c5\u5831\u3092\u30d0\u30c3\u30af\u30a8\u30f3\u30c9\u306b\u9001\u4fe1\u3059\u308b\u65b9\u6cd5",level:2},{value:"\u30ea\u30af\u30a8\u30b9\u30c8\u95a2\u6570\u3092\u3069\u3053\u306b\u7f6e\u304f\u304b",id:"\u30ea\u30af\u30a8\u30b9\u30c8\u95a2\u6570\u3092\u3069\u3053\u306b\u7f6e\u304f\u304b",level:3},{value:"<code>shared/api</code>\u306b",id:"sharedapi\u306b",level:4},{value:"\u30da\u30fc\u30b8\u306e<code>api</code>\u30bb\u30b0\u30e1\u30f3\u30c8\u306b",id:"\u30da\u30fc\u30b8\u306eapi\u30bb\u30b0\u30e1\u30f3\u30c8\u306b",level:4},{value:"2\u8981\u7d20\u8a8d\u8a3c",id:"2\u8981\u7d20\u8a8d\u8a3c",level:3},{value:"\u8a8d\u8a3c\u3055\u308c\u305f\u30ea\u30af\u30a8\u30b9\u30c8\u7528\u306e\u30c8\u30fc\u30af\u30f3\u3092\u4fdd\u5b58\u3059\u308b\u65b9\u6cd5",id:"how-to-store-the-token-for-authenticated-requests",level:2},{value:"Shared\u5c64\u306b\u4fdd\u5b58\u3059\u308b",id:"shared\u5c64\u306b\u4fdd\u5b58\u3059\u308b",level:3},{value:"Entities\u5c64\u306b\u4fdd\u5b58\u3059\u308b",id:"entities\u5c64\u306b\u4fdd\u5b58\u3059\u308b",level:3},{value:"Pages\u5c64/Widgets\u5c64\u306b\u4fdd\u5b58\u3059\u308b\uff08\u975e\u63a8\u5968\uff09",id:"pages\u5c64widgets\u5c64\u306b\u4fdd\u5b58\u3059\u308b\u975e\u63a8\u5968",level:3},{value:"\u30ed\u30b0\u30a2\u30a6\u30c8\u3068\u30c8\u30fc\u30af\u30f3\u306e\u7121\u52b9\u5316",id:"\u30ed\u30b0\u30a2\u30a6\u30c8\u3068\u30c8\u30fc\u30af\u30f3\u306e\u7121\u52b9\u5316",level:2},{value:"\u81ea\u52d5\u30ed\u30b0\u30a2\u30a6\u30c8",id:"\u81ea\u52d5\u30ed\u30b0\u30a2\u30a6\u30c8",level:3}];function h(e){const n={a:"a",admonition:"admonition",blockquote:"blockquote",br:"br",code:"code",h1:"h1",h2:"h2",h3:"h3",h4:"h4",header:"header",li:"li",ol:"ol",p:"p",pre:"pre",strong:"strong",ul:"ul",...(0,r.R)(),...e.components};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(n.header,{children:(0,i.jsx)(n.h1,{id:"\u8a8d\u8a3c",children:"\u8a8d\u8a3c"})}),"\n",(0,i.jsx)(n.p,{children:"\u4e00\u822c\u7684\u306b\u3001\u8a8d\u8a3c\u306f\u4ee5\u4e0b\u306e\u30b9\u30c6\u30c3\u30d7\u3067\u69cb\u6210\u3055\u308c\u307e\u3059\u3002"}),"\n",(0,i.jsxs)(n.ol,{children:["\n",(0,i.jsx)(n.li,{children:"\u30e6\u30fc\u30b6\u30fc\u304b\u3089\u8cc7\u683c\u60c5\u5831\u3092\u53d6\u5f97\u3059\u308b"}),"\n",(0,i.jsx)(n.li,{children:"\u305d\u308c\u3092\u30d0\u30c3\u30af\u30a8\u30f3\u30c9\u306b\u9001\u4fe1\u3059\u308b"}),"\n",(0,i.jsx)(n.li,{children:"\u8a8d\u8a3c\u3055\u308c\u305f\u30ea\u30af\u30a8\u30b9\u30c8\u3092\u9001\u4fe1\u3059\u308b\u305f\u3081\u306e\u30c8\u30fc\u30af\u30f3\u3092\u4fdd\u5b58\u3059\u308b"}),"\n"]}),"\n",(0,i.jsx)(n.h2,{id:"\u30e6\u30fc\u30b6\u30fc\u306e\u8cc7\u683c\u60c5\u5831\u3092\u53d6\u5f97\u3059\u308b\u65b9\u6cd5",children:"\u30e6\u30fc\u30b6\u30fc\u306e\u8cc7\u683c\u60c5\u5831\u3092\u53d6\u5f97\u3059\u308b\u65b9\u6cd5"}),"\n",(0,i.jsxs)(n.p,{children:["OAuth\u3092\u901a\u3058\u3066\u8a8d\u8a3c\u3092\u884c\u3046\u5834\u5408\u306f\u3001OAuth\u30d7\u30ed\u30d0\u30a4\u30c0\u30fc\u306e\u30da\u30fc\u30b8\u3078\u306e\u30ea\u30f3\u30af\u3092\u6301\u3064\u30ed\u30b0\u30a4\u30f3\u30da\u30fc\u30b8\u3092\u4f5c\u6210\u3057\u3001",(0,i.jsx)(n.a,{href:"#how-to-store-the-token-for-authenticated-requests",children:"\u30b9\u30c6\u30c3\u30d73"}),"\u306b\u9032\u3080\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002"]}),"\n",(0,i.jsx)(n.h3,{id:"\u30ed\u30b0\u30a4\u30f3\u7528\u306e\u5225\u30da\u30fc\u30b8",children:"\u30ed\u30b0\u30a4\u30f3\u7528\u306e\u5225\u30da\u30fc\u30b8"}),"\n",(0,i.jsx)(n.p,{children:"\u901a\u5e38\u3001\u30a6\u30a7\u30d6\u30b5\u30a4\u30c8\u306b\u306f\u30e6\u30fc\u30b6\u30fc\u540d\u3068\u30d1\u30b9\u30ef\u30fc\u30c9\u3092\u5165\u529b\u3059\u308b\u305f\u3081\u306e\u30ed\u30b0\u30a4\u30f3\u5c02\u7528\u30da\u30fc\u30b8\u304c\u3042\u308a\u307e\u3059\u3002\u3053\u308c\u3089\u306e\u30da\u30fc\u30b8\u306f\u975e\u5e38\u306b\u30b7\u30f3\u30d7\u30eb\u3067\u3042\u308b\u305f\u3081\u3001\u5206\u89e3\u3059\u308b\u5fc5\u8981\u306f\u3042\u308a\u307e\u305b\u3093\u3002\u3055\u3089\u306b\u3001\u30ed\u30b0\u30a4\u30f3\u30d5\u30a9\u30fc\u30e0\u3068\u767b\u9332\u30d5\u30a9\u30fc\u30e0\u306f\u5916\u898b\u304c\u975e\u5e38\u306b\u4f3c\u3066\u3044\u308b\u305f\u3081\u3001\u540c\u3058\u30da\u30fc\u30b8\u306b\u30b0\u30eb\u30fc\u30d7\u5316\u3059\u308b\u3053\u3068\u3082\u3067\u304d\u307e\u3059\u3002\u30ed\u30b0\u30a4\u30f3/\u767b\u9332\u30da\u30fc\u30b8\u7528\u306e\u30b9\u30e9\u30a4\u30b9\u3092Pages\u5c64\u306b\u4f5c\u6210\u3057\u307e\u3059\u3002"}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsxs)(n.li,{children:["\ud83d\udcc2 pages","\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsxs)(n.li,{children:["\ud83d\udcc2 login","\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsxs)(n.li,{children:["\ud83d\udcc2 ui","\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsx)(n.li,{children:"\ud83d\udcc4 LoginPage.tsx"}),"\n",(0,i.jsx)(n.li,{children:"\ud83d\udcc4 RegisterPage.tsx"}),"\n"]}),"\n"]}),"\n",(0,i.jsx)(n.li,{children:"\ud83d\udcc4 index.ts"}),"\n"]}),"\n"]}),"\n",(0,i.jsx)(n.li,{children:"\u305d\u306e\u4ed6\u306e\u30da\u30fc\u30b8\u2026"}),"\n"]}),"\n"]}),"\n"]}),"\n",(0,i.jsx)(n.p,{children:"\u3053\u3053\u3067\u306f\u30012\u3064\u306e\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u4f5c\u6210\u3057\u3001\u30a4\u30f3\u30c7\u30c3\u30af\u30b9\u3067\u4e21\u65b9\u3092\u30a8\u30af\u30b9\u30dd\u30fc\u30c8\u3057\u307e\u3057\u305f\u3002\u3053\u308c\u3089\u306e\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306f\u3001\u30e6\u30fc\u30b6\u30fc\u304c\u8cc7\u683c\u60c5\u5831\u3092\u5165\u529b\u3059\u308b\u305f\u3081\u306e\u308f\u304b\u308a\u3084\u3059\u3044\u8981\u7d20\u3092\u542b\u3080\u30d5\u30a9\u30fc\u30e0\u3092\u6301\u3061\u307e\u3059\u3002"}),"\n",(0,i.jsx)(n.h3,{id:"\u30ed\u30b0\u30a4\u30f3\u7528\u306e\u30c0\u30a4\u30a2\u30ed\u30b0\u30dc\u30c3\u30af\u30b9",children:"\u30ed\u30b0\u30a4\u30f3\u7528\u306e\u30c0\u30a4\u30a2\u30ed\u30b0\u30dc\u30c3\u30af\u30b9"}),"\n",(0,i.jsx)(n.p,{children:"\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u306b\u3069\u306e\u30da\u30fc\u30b8\u3067\u3082\u4f7f\u7528\u3067\u304d\u308b\u30ed\u30b0\u30a4\u30f3\u7528\u306e\u30c0\u30a4\u30a2\u30ed\u30b0\u30dc\u30c3\u30af\u30b9\u304c\u3042\u308b\u5834\u5408\u306f\u3001\u305d\u306e\u30c0\u30a4\u30a2\u30ed\u30b0\u30dc\u30c3\u30af\u30b9\u7528\u306e\u30a6\u30a3\u30b8\u30a7\u30c3\u30c8\u3092\u4f5c\u6210\u3067\u304d\u307e\u3059\u3002\u3053\u308c\u306b\u3088\u308a\u3001\u30d5\u30a9\u30fc\u30e0\u81ea\u4f53\u3092\u3042\u307e\u308a\u5206\u89e3\u305b\u305a\u306b\u3001\u3069\u306e\u30da\u30fc\u30b8\u3067\u3082\u3053\u306e\u30c0\u30a4\u30a2\u30ed\u30b0\u30dc\u30c3\u30af\u30b9\u3092\u518d\u5229\u7528\u3067\u304d\u307e\u3059\u3002"}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsxs)(n.li,{children:["\ud83d\udcc2 widgets","\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsxs)(n.li,{children:["\ud83d\udcc2 login-dialog","\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsxs)(n.li,{children:["\ud83d\udcc2 ui","\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsx)(n.li,{children:"\ud83d\udcc4 LoginDialog.tsx"}),"\n"]}),"\n"]}),"\n",(0,i.jsx)(n.li,{children:"\ud83d\udcc4 index.ts"}),"\n"]}),"\n"]}),"\n",(0,i.jsx)(n.li,{children:"\u305d\u306e\u4ed6\u306e\u30a6\u30a3\u30b8\u30a7\u30c3\u30c8\u2026"}),"\n"]}),"\n"]}),"\n"]}),"\n",(0,i.jsx)(n.p,{children:"\u3053\u306e\u30ac\u30a4\u30c9\u306e\u6b8b\u308a\u306e\u90e8\u5206\u306f\u3001\u30ed\u30b0\u30a4\u30f3\u304c\u5225\u30da\u30fc\u30b8\u3067\u884c\u308f\u308c\u308b\u6700\u521d\u306e\u30a2\u30d7\u30ed\u30fc\u30c1\u306b\u57fa\u3065\u3044\u3066\u3044\u307e\u3059\u304c\u3001\u540c\u3058\u539f\u5247\u304c\u30c0\u30a4\u30a2\u30ed\u30b0\u30dc\u30c3\u30af\u30b9\u7528\u306e\u30a6\u30a3\u30b8\u30a7\u30c3\u30c8\u306b\u3082\u9069\u7528\u3055\u308c\u307e\u3059\u3002"}),"\n",(0,i.jsx)(n.h3,{id:"\u30af\u30e9\u30a4\u30a2\u30f3\u30c8\u30d0\u30ea\u30c7\u30fc\u30b7\u30e7\u30f3",children:"\u30af\u30e9\u30a4\u30a2\u30f3\u30c8\u30d0\u30ea\u30c7\u30fc\u30b7\u30e7\u30f3"}),"\n",(0,i.jsxs)(n.p,{children:["\u305f\u307e\u306b\u306f\u3001\u7279\u306b\u767b\u9332\u6642\u306b\u3001\u30af\u30e9\u30a4\u30a2\u30f3\u30c8\u5074\u3067\u691c\u8a3c\u3092\u884c\u3044\u3001\u30e6\u30fc\u30b6\u30fc\u306b\u30a8\u30e9\u30fc\u3092\u8fc5\u901f\u306b\u901a\u77e5\u3059\u308b\u3053\u3068\u304c\u3042\u308a\u307e\u3059\u3002\u3053\u306e\u5834\u5408\u3001\u691c\u8a3c\u306f\u3001\u30ed\u30b0\u30a4\u30f3\u30da\u30fc\u30b8\u306e",(0,i.jsx)(n.code,{children:"model"}),"\u30bb\u30b0\u30e1\u30f3\u30c8\u3067\u884c\u3046\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002\u30b9\u30ad\u30fc\u30de\u691c\u8a3c\u30e9\u30a4\u30d6\u30e9\u30ea\u3001\u4f8b\u3048\u3070",(0,i.jsx)(n.a,{href:"https://zod.dev",children:"Zod"}),"\u3092JS/TS\u7528\u306b\u4f7f\u7528\u3057\u3001\u3053\u306e\u30b9\u30ad\u30fc\u30de\u3092",(0,i.jsx)(n.code,{children:"ui"}),"\u30bb\u30b0\u30e1\u30f3\u30c8\u306b\u63d0\u4f9b\u3057\u307e\u3059\u3002"]}),"\n",(0,i.jsx)(n.pre,{children:(0,i.jsx)(n.code,{className:"language-ts",metastring:'title="pages/login/model/registration-schema.ts"',children:'import { z } from "zod";\n\nexport const registrationData = z.object({\n    email: z.string().email(),\n    password: z.string().min(6),\n    confirmPassword: z.string(),\n}).refine((data) => data.password === data.confirmPassword, {\n    message: "\u30d1\u30b9\u30ef\u30fc\u30c9\u304c\u4e00\u81f4\u3057\u307e\u305b\u3093",\n    path: ["confirmPassword"],\n});\n'})}),"\n",(0,i.jsxs)(n.p,{children:["\u6b21\u306b\u3001",(0,i.jsx)(n.code,{children:"ui"}),"\u30bb\u30b0\u30e1\u30f3\u30c8\u3067\u3053\u306e\u30b9\u30ad\u30fc\u30de\u3092\u4f7f\u7528\u3057\u3066\u30e6\u30fc\u30b6\u30fc\u5165\u529b\u3092\u691c\u8a3c\u3067\u304d\u307e\u3059\u3002"]}),"\n",(0,i.jsx)(n.pre,{children:(0,i.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/login/ui/RegisterPage.tsx"',children:'import { registrationData } from "../model/registration-schema";\n\nfunction validate(formData: FormData) {\n    const data = Object.fromEntries(formData.entries());\n    try {\n        registrationData.parse(data);\n    } catch (error) {\n        // TODO: \u30e6\u30fc\u30b6\u30fc\u306b\u30a8\u30e9\u30fc\u30e1\u30c3\u30bb\u30fc\u30b8\u3092\u8868\u793a\n    }\n}\n\nexport function RegisterPage() {\n    return (\n        <form onSubmit={(e) => validate(new FormData(e.target))}>\n            <label htmlFor="email">\u30e1\u30fc\u30eb\u30a2\u30c9\u30ec\u30b9</label>\n            <input id="email" name="email" required />\n\n            <label htmlFor="password">\u30d1\u30b9\u30ef\u30fc\u30c9\uff08\u6700\u5c0f6\u6587\u5b57\uff09</label>\n            <input id="password" name="password" type="password" required />\n\n            <label htmlFor="confirmPassword">\u30d1\u30b9\u30ef\u30fc\u30c9\u3092\u78ba\u8a8d</label>\n            <input id="confirmPassword" name="confirmPassword" type="password" required />\n        </form>\n    )\n}\n'})}),"\n",(0,i.jsx)(n.h2,{id:"\u8cc7\u683c\u60c5\u5831\u3092\u30d0\u30c3\u30af\u30a8\u30f3\u30c9\u306b\u9001\u4fe1\u3059\u308b\u65b9\u6cd5",children:"\u8cc7\u683c\u60c5\u5831\u3092\u30d0\u30c3\u30af\u30a8\u30f3\u30c9\u306b\u9001\u4fe1\u3059\u308b\u65b9\u6cd5"}),"\n",(0,i.jsx)(n.p,{children:"\u30d0\u30c3\u30af\u30a8\u30f3\u30c9\u306e\u30ed\u30b0\u30a4\u30f3\u30a8\u30f3\u30c9\u30dd\u30a4\u30f3\u30c8\u306b\u30ea\u30af\u30a8\u30b9\u30c8\u3092\u9001\u4fe1\u3059\u308b\u95a2\u6570\u3092\u4f5c\u6210\u3057\u307e\u3057\u3087\u3046\u3002\u3053\u306e\u95a2\u6570\u306f\u3001\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306e\u30b3\u30fc\u30c9\u5185\u3067\u30df\u30e5\u30fc\u30c6\u30fc\u30b7\u30e7\u30f3\u30e9\u30a4\u30d6\u30e9\u30ea\uff08\u4f8b\u3048\u3070\u3001TanStack Query\uff09\u3092\u901a\u3058\u3066\u76f4\u63a5\u547c\u3073\u51fa\u3059\u3053\u3068\u3082\u3001\u72b6\u614b\u7ba1\u7406\u30e9\u30a4\u30d6\u30e9\u30ea\u306e\u526f\u4f5c\u7528\u3068\u3057\u3066\u547c\u3073\u51fa\u3059\u3053\u3068\u3082\u3067\u304d\u307e\u3059\u3002"}),"\n",(0,i.jsx)(n.h3,{id:"\u30ea\u30af\u30a8\u30b9\u30c8\u95a2\u6570\u3092\u3069\u3053\u306b\u7f6e\u304f\u304b",children:"\u30ea\u30af\u30a8\u30b9\u30c8\u95a2\u6570\u3092\u3069\u3053\u306b\u7f6e\u304f\u304b"}),"\n",(0,i.jsxs)(n.p,{children:["\u3053\u306e\u95a2\u6570\u3092\u7f6e\u304f\u5834\u6240\u306f2\u3064\u3042\u308a\u307e\u3059: ",(0,i.jsx)(n.code,{children:"shared/api"}),"\u307e\u305f\u306f\u30da\u30fc\u30b8\u306e",(0,i.jsx)(n.code,{children:"api"}),"\u30bb\u30b0\u30e1\u30f3\u30c8\u3067\u3059\u3002"]}),"\n",(0,i.jsxs)(n.h4,{id:"sharedapi\u306b",children:[(0,i.jsx)(n.code,{children:"shared/api"}),"\u306b"]}),"\n",(0,i.jsxs)(n.p,{children:["\u3053\u306e\u30a2\u30d7\u30ed\u30fc\u30c1\u306f\u3001\u3059\u3079\u3066\u306e\u30ea\u30af\u30a8\u30b9\u30c8\u95a2\u6570\u3092",(0,i.jsx)(n.code,{children:"shared/api"}),"\u306b\u914d\u7f6e\u3057\u3001\u30a8\u30f3\u30c9\u30dd\u30a4\u30f3\u30c8\u3054\u3068\u306b\u30b0\u30eb\u30fc\u30d7\u5316\u3059\u308b\u306e\u306b\u9069\u3057\u3066\u3044\u307e\u3059\u3002\u3053\u306e\u5834\u5408\u3001\u30d5\u30a1\u30a4\u30eb\u69cb\u9020\u306f\u6b21\u306e\u3088\u3046\u306b\u306a\u308a\u307e\u3059\u3002"]}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsxs)(n.li,{children:["\ud83d\udcc2 shared","\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsxs)(n.li,{children:["\ud83d\udcc2 api","\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsxs)(n.li,{children:["\ud83d\udcc2 endpoints","\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsx)(n.li,{children:"\ud83d\udcc4 login.ts"}),"\n",(0,i.jsx)(n.li,{children:"\u305d\u306e\u4ed6\u306e\u30ea\u30af\u30a8\u30b9\u30c8\u95a2\u6570\u2026"}),"\n"]}),"\n"]}),"\n",(0,i.jsx)(n.li,{children:"\ud83d\udcc4 client.ts"}),"\n",(0,i.jsx)(n.li,{children:"\ud83d\udcc4 index.ts"}),"\n"]}),"\n"]}),"\n"]}),"\n"]}),"\n"]}),"\n",(0,i.jsxs)(n.p,{children:[(0,i.jsx)(n.code,{children:"\ud83d\udcc4 client.ts"}),"\u30d5\u30a1\u30a4\u30eb\u306b\u306f\u3001\u30ea\u30af\u30a8\u30b9\u30c8\u3092\u5b9f\u884c\u3059\u308b\u305f\u3081\u306e\u30d7\u30ea\u30df\u30c6\u30a3\u30d6\u306e\u30e9\u30c3\u30d1\u30fc\u304c\u542b\u307e\u308c\u3066\u3044\u307e\u3059\uff08\u4f8b\u3048\u3070\u3001",(0,i.jsx)(n.code,{children:"fetch()"}),"\uff09\u3002\u3053\u306e\u30e9\u30c3\u30d1\u30fc\u306f\u3001\u30d0\u30c3\u30af\u30a8\u30f3\u30c9\u306e\u30d9\u30fc\u30b9URL\u3092\u77e5\u3063\u3066\u304a\u308a\u3001\u5fc5\u8981\u306a\u30d8\u30c3\u30c0\u30fc\u3092\u8a2d\u5b9a\u3057\u3001\u30c7\u30fc\u30bf\u3092\u30b7\u30ea\u30a2\u30e9\u30a4\u30ba\u3057\u307e\u3059\u3002"]}),"\n",(0,i.jsx)(n.pre,{children:(0,i.jsx)(n.code,{className:"language-ts",metastring:'title="shared/api/endpoints/login.ts"',children:'import { POST } from "../client";\n\nexport function login({ email, password }: { email: string, password: string }) {\n    return POST("/login", { email, password });\n}\n'})}),"\n",(0,i.jsx)(n.pre,{children:(0,i.jsx)(n.code,{className:"language-ts",metastring:'title="shared/api/index.ts"',children:'export { login } from "./endpoints/login";\n'})}),"\n",(0,i.jsxs)(n.h4,{id:"\u30da\u30fc\u30b8\u306eapi\u30bb\u30b0\u30e1\u30f3\u30c8\u306b",children:["\u30da\u30fc\u30b8\u306e",(0,i.jsx)(n.code,{children:"api"}),"\u30bb\u30b0\u30e1\u30f3\u30c8\u306b"]}),"\n",(0,i.jsxs)(n.p,{children:["\u3059\u3079\u3066\u306e\u30ea\u30af\u30a8\u30b9\u30c8\u30921\u304b\u6240\u306b\u4fdd\u5b58\u3057\u3066\u3044\u306a\u3044\u5834\u5408\u306f\u3001\u30ed\u30b0\u30a4\u30f3\u30da\u30fc\u30b8\u306e",(0,i.jsx)(n.code,{children:"api"}),"\u30bb\u30b0\u30e1\u30f3\u30c8\u306b\u3053\u306e\u30ea\u30af\u30a8\u30b9\u30c8\u95a2\u6570\u3092\u914d\u7f6e\u3059\u308b\u306e\u304c\u9069\u3057\u3066\u3044\u308b\u304b\u3082\u3057\u308c\u307e\u305b\u3093\u3002"]}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsxs)(n.li,{children:["\ud83d\udcc2 pages","\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsxs)(n.li,{children:["\ud83d\udcc2 login","\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsxs)(n.li,{children:["\ud83d\udcc2 api","\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsx)(n.li,{children:"\ud83d\udcc4 login.ts"}),"\n"]}),"\n"]}),"\n",(0,i.jsxs)(n.li,{children:["\ud83d\udcc2 ui","\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsx)(n.li,{children:"\ud83d\udcc4 LoginPage.tsx"}),"\n"]}),"\n"]}),"\n",(0,i.jsx)(n.li,{children:"\ud83d\udcc4 index.ts"}),"\n"]}),"\n"]}),"\n",(0,i.jsx)(n.li,{children:"\u305d\u306e\u4ed6\u306e\u30da\u30fc\u30b8\u2026"}),"\n"]}),"\n"]}),"\n"]}),"\n",(0,i.jsx)(n.pre,{children:(0,i.jsx)(n.code,{className:"language-ts",metastring:'title="pages/login/api/login.ts"',children:'import { POST } from "shared/api";\n\nexport function login({ email, password }: { email: string, password: string }) {\n    return POST("/login", { email, password });\n}\n'})}),"\n",(0,i.jsx)(n.p,{children:"\u3053\u306e\u95a2\u6570\u306f\u3001\u30da\u30fc\u30b8\u306e\u30a4\u30f3\u30c7\u30c3\u30af\u30b9\u304b\u3089\u518d\u30a8\u30af\u30b9\u30dd\u30fc\u30c8\u3059\u308b\u5fc5\u8981\u306f\u3042\u308a\u307e\u305b\u3093\u3002\u306a\u305c\u306a\u3089\u3001\u6050\u3089\u304f\u3053\u306e\u30da\u30fc\u30b8\u5185\u3067\u306e\u307f\u4f7f\u7528\u3055\u308c\u308b\u304b\u3089\u3067\u3059\u3002"}),"\n",(0,i.jsx)(n.h3,{id:"2\u8981\u7d20\u8a8d\u8a3c",children:"2\u8981\u7d20\u8a8d\u8a3c"}),"\n",(0,i.jsxs)(n.p,{children:["\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u304c2\u8981\u7d20\u8a8d\u8a3c\uff082FA\uff09\u3092\u30b5\u30dd\u30fc\u30c8\u3057\u3066\u3044\u308b\u5834\u5408\u3001\u30e6\u30fc\u30b6\u30fc\u3092\u4e00\u6642\u7684\u306a\u30d1\u30b9\u30ef\u30fc\u30c9\u3092\u5165\u529b\u3059\u308b\u305f\u3081\u306e\u5225\u306e\u30da\u30fc\u30b8\u306b\u30ea\u30c0\u30a4\u30ec\u30af\u30c8\u3059\u308b\u5fc5\u8981\u304c\u3042\u308b\u304b\u3082\u3057\u308c\u307e\u305b\u3093\u3002\u901a\u5e38\u3001",(0,i.jsx)(n.code,{children:"POST /login"}),"\u30ea\u30af\u30a8\u30b9\u30c8\u306f\u3001\u30e6\u30fc\u30b6\u30fc\u306b2FA\u304c\u6709\u52b9\u3067\u3042\u308b\u3053\u3068\u3092\u793a\u3059\u30d5\u30e9\u30b0\u3092\u6301\u3064\u30e6\u30fc\u30b6\u30fc\u30aa\u30d6\u30b8\u30a7\u30af\u30c8\u3092\u8fd4\u3057\u307e\u3059\u3002\u3053\u306e\u30d5\u30e9\u30b0\u304c\u8a2d\u5b9a\u3055\u308c\u3066\u3044\u308b\u5834\u5408\u3001\u30e6\u30fc\u30b6\u30fc\u30922FA\u30da\u30fc\u30b8\u306b\u30ea\u30c0\u30a4\u30ec\u30af\u30c8\u3057\u307e\u3059\u3002"]}),"\n",(0,i.jsxs)(n.p,{children:["\u3053\u306e\u30da\u30fc\u30b8\u306f\u30ed\u30b0\u30a4\u30f3\u3068\u975e\u5e38\u306b\u95a2\u9023\u3057\u3066\u3044\u308b\u305f\u3081\u3001Pages\u5c64\u306e\u540c\u3058",(0,i.jsx)(n.code,{children:"login"}),"\u30b9\u30e9\u30a4\u30b9\u306b\u914d\u7f6e\u3059\u308b\u3053\u3068\u3082\u3067\u304d\u307e\u3059\u3002"]}),"\n",(0,i.jsxs)(n.p,{children:["\u307e\u305f\u3001\u4e0a\u3067\u4f5c\u6210\u3057\u305f",(0,i.jsx)(n.code,{children:"login()"}),"\u306b\u4f3c\u305f\u5225\u306e\u30ea\u30af\u30a8\u30b9\u30c8\u95a2\u6570\u304c\u5fc5\u8981\u306b\u306a\u308a\u307e\u3059\u3002\u305d\u308c\u3089\u3092Shared\u5c64\u306b\u307e\u3068\u3081\u308b\u304b\u3001\u30ed\u30b0\u30a4\u30f3\u30da\u30fc\u30b8\u306e",(0,i.jsx)(n.code,{children:"api"}),"\u30bb\u30b0\u30e1\u30f3\u30c8\u306b\u914d\u7f6e\u3057\u3066\u304f\u3060\u3055\u3044\u3002"]}),"\n",(0,i.jsx)(n.h2,{id:"how-to-store-the-token-for-authenticated-requests",children:"\u8a8d\u8a3c\u3055\u308c\u305f\u30ea\u30af\u30a8\u30b9\u30c8\u7528\u306e\u30c8\u30fc\u30af\u30f3\u3092\u4fdd\u5b58\u3059\u308b\u65b9\u6cd5"}),"\n",(0,i.jsx)(n.p,{children:"\u4f7f\u7528\u3059\u308b\u8a8d\u8a3c\u30b9\u30ad\u30fc\u30e0\u306b\u95a2\u4fc2\u306a\u304f\u3001\u5358\u7d14\u306a\u30ed\u30b0\u30a4\u30f3\u3068\u30d1\u30b9\u30ef\u30fc\u30c9\u3001OAuth\u3001\u307e\u305f\u306f2\u8981\u7d20\u8a8d\u8a3c\u3067\u3042\u3063\u3066\u3082\u3001\u6700\u7d42\u7684\u306b\u306f\u30c8\u30fc\u30af\u30f3\u3092\u53d6\u5f97\u3057\u307e\u3059\u3002\u4ee5\u964d\u306e\u30ea\u30af\u30a8\u30b9\u30c8\u3067\u81ea\u5206\u3092\u8b58\u5225\u3067\u304d\u308b\u3088\u3046\u306b\u3001\u3053\u306e\u30c8\u30fc\u30af\u30f3\u306f\u4fdd\u5b58\u3059\u308b\u5fc5\u8981\u304c\u3042\u308a\u307e\u3059\u3002"}),"\n",(0,i.jsxs)(n.p,{children:["\u30a6\u30a7\u30d6\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u306b\u304a\u3051\u308b\u30c8\u30fc\u30af\u30f3\u306e\u7406\u60f3\u7684\u306a\u4fdd\u5b58\u5834\u6240\u306f",(0,i.jsx)(n.strong,{children:"\u30af\u30c3\u30ad\u30fc"}),"\u3067\u3059\u3002\u30af\u30c3\u30ad\u30fc\u306f\u30c8\u30fc\u30af\u30f3\u306e\u624b\u52d5\u4fdd\u5b58\u3084\u51e6\u7406\u3092\u5fc5\u8981\u3068\u3057\u307e\u305b\u3093\u3002\u3057\u305f\u304c\u3063\u3066\u3001\u30af\u30c3\u30ad\u30fc\u306e\u4fdd\u5b58\u306f\u30d5\u30ed\u30f3\u30c8\u30a8\u30f3\u30c9\u30a2\u30fc\u30ad\u30c6\u30af\u30c1\u30e3\u306b\u307b\u3068\u3093\u3069\u52b4\u529b\u3092\u5fc5\u8981\u3068\u3057\u307e\u305b\u3093\u3002\u30d5\u30ed\u30f3\u30c8\u30a8\u30f3\u30c9\u30d5\u30ec\u30fc\u30e0\u30ef\u30fc\u30af\u306b\u30b5\u30fc\u30d0\u30fc\u30b5\u30a4\u30c9\u304c\u3042\u308b\u5834\u5408\uff08\u4f8b\u3048\u3070\u3001",(0,i.jsx)(n.a,{href:"https://remix.run",children:"Remix"}),"\uff09\u3001\u30af\u30c3\u30ad\u30fc\u306e\u30b5\u30fc\u30d0\u30fc\u30a4\u30f3\u30d5\u30e9\u306f",(0,i.jsx)(n.code,{children:"shared/api"}),"\u306b\u4fdd\u5b58\u3059\u308b\u5fc5\u8981\u304c\u3042\u308a\u307e\u3059\u3002",(0,i.jsx)(n.a,{href:"/docs/get-started/tutorial#authentication",children:"\u300c\u8a8d\u8a3c\u300d\u30c1\u30e5\u30fc\u30c8\u30ea\u30a2\u30eb\u30bb\u30af\u30b7\u30e7\u30f3"}),"\u306b\u306f\u3001Remix\u3067\u306e\u5b9f\u88c5\u4f8b\u304c\u3042\u308a\u307e\u3059\u3002"]}),"\n",(0,i.jsx)(n.p,{children:"\u305f\u3060\u3057\u3001\u6642\u306b\u306f\u30c8\u30fc\u30af\u30f3\u3092\u30af\u30c3\u30ad\u30fc\u306b\u4fdd\u5b58\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u306a\u3044\u5834\u5408\u3082\u3042\u308a\u307e\u3059\u3002\u3053\u306e\u5834\u5408\u3001\u30c8\u30fc\u30af\u30f3\u3092\u81ea\u5206\u3067\u4fdd\u5b58\u3057\u306a\u3051\u308c\u3070\u306a\u308a\u307e\u305b\u3093\u3002\u305d\u306e\u969b\u3001\u30c8\u30fc\u30af\u30f3\u306e\u6709\u52b9\u671f\u9650\u304c\u5207\u308c\u305f\u3068\u304d\u306b\u66f4\u65b0\u3059\u308b\u30ed\u30b8\u30c3\u30af\u3092\u66f8\u304f\u624b\u9593\u304c\u304b\u304b\u308b\u304b\u3082\u3057\u308c\u307e\u305b\u3093\u3002FSD\u306e\u67a0\u7d44\u307f\u5185\u306b\u306f\u3001\u30c8\u30fc\u30af\u30f3\u3092\u4fdd\u5b58\u3067\u304d\u308b\u3044\u304f\u3064\u304b\u306e\u5834\u6240\u3068\u3001\u305d\u306e\u30c8\u30fc\u30af\u30f3\u3092\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u306e\u4ed6\u306e\u90e8\u5206\u3067\u5229\u7528\u3067\u304d\u308b\u3088\u3046\u306b\u3059\u308b\u3044\u304f\u3064\u304b\u306e\u65b9\u6cd5\u304c\u3042\u308a\u307e\u3059\u3002"}),"\n",(0,i.jsx)(n.h3,{id:"shared\u5c64\u306b\u4fdd\u5b58\u3059\u308b",children:"Shared\u5c64\u306b\u4fdd\u5b58\u3059\u308b"}),"\n",(0,i.jsxs)(n.p,{children:["\u3053\u306e\u30a2\u30d7\u30ed\u30fc\u30c1\u306f\u3001API\u30af\u30e9\u30a4\u30a2\u30f3\u30c8\u304c",(0,i.jsx)(n.code,{children:"shared/api"}),"\u306b\u5b9a\u7fa9\u3055\u308c\u3066\u3044\u308b\u5834\u5408\u306b\u3046\u307e\u304f\u6a5f\u80fd\u3057\u307e\u3059\u3002\u306a\u305c\u306a\u3089\u3001API\u30af\u30e9\u30a4\u30a2\u30f3\u30c8\u304c\u30c8\u30fc\u30af\u30f3\u306b\u81ea\u7531\u306b\u30a2\u30af\u30bb\u30b9\u3067\u304d\u308b\u304b\u3089\u3067\u3059\u3002\u30af\u30e9\u30a4\u30a2\u30f3\u30c8\u304c\u72b6\u614b\u3092\u6301\u3064\u3088\u3046\u306b\u3059\u308b\u306b\u306f\u3001\u30ea\u30a2\u30af\u30c6\u30a3\u30d6\u30b9\u30c8\u30a2\u3092\u4f7f\u7528\u3059\u308b\u304b\u3001\u5358\u306b\u30e2\u30b8\u30e5\u30fc\u30eb\u30ec\u30d9\u30eb\u306e\u5909\u6570\u3092\u4f7f\u7528\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002\u305d\u306e\u5f8c\u3001",(0,i.jsx)(n.code,{children:"login()"}),"/",(0,i.jsx)(n.code,{children:"logout()"}),"\u95a2\u6570\u5185\u3067\u3053\u306e\u72b6\u614b\u3092\u66f4\u65b0\u3067\u304d\u307e\u3059\u3002"]}),"\n",(0,i.jsx)(n.p,{children:"\u30c8\u30fc\u30af\u30f3\u306e\u81ea\u52d5\u66f4\u65b0\u306f\u3001API\u30af\u30e9\u30a4\u30a2\u30f3\u30c8\u5185\u306e\u30df\u30c9\u30eb\u30a6\u30a7\u30a2\u3068\u3057\u3066\u5b9f\u88c5\u3067\u304d\u307e\u3059\u3002\u3053\u308c\u306f\u3001\u30ea\u30af\u30a8\u30b9\u30c8\u3092\u884c\u3046\u305f\u3073\u306b\u5b9f\u884c\u3055\u308c\u307e\u3059\u3002\u4f8b\u3048\u3070\u3001\u6b21\u306e\u3088\u3046\u306b\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002"}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsx)(n.li,{children:"\u8a8d\u8a3c\u3057\u3001\u30a2\u30af\u30bb\u30b9\u30c8\u30fc\u30af\u30f3\u3068\u30ea\u30d5\u30ec\u30c3\u30b7\u30e5\u30c8\u30fc\u30af\u30f3\u3092\u4fdd\u5b58\u3059\u308b"}),"\n",(0,i.jsx)(n.li,{children:"\u8a8d\u8a3c\u3092\u5fc5\u8981\u3068\u3059\u308b\u30ea\u30af\u30a8\u30b9\u30c8\u3092\u884c\u3046"}),"\n",(0,i.jsx)(n.li,{children:"\u30ea\u30af\u30a8\u30b9\u30c8\u304c\u30a2\u30af\u30bb\u30b9\u30c8\u30fc\u30af\u30f3\u306e\u6709\u52b9\u671f\u9650\u5207\u308c\u3092\u793a\u3059\u30b9\u30c6\u30fc\u30bf\u30b9\u30b3\u30fc\u30c9\u3067\u5931\u6557\u3057\u305f\u5834\u5408\u3001\u30b9\u30c8\u30ec\u30fc\u30b8\u306b\u30ea\u30d5\u30ec\u30c3\u30b7\u30e5\u30c8\u30fc\u30af\u30f3\u304c\u3042\u308c\u3070\u3001\u66f4\u65b0\u30ea\u30af\u30a8\u30b9\u30c8\u3092\u884c\u3044\u3001\u65b0\u3057\u3044\u30a2\u30af\u30bb\u30b9\u30c8\u30fc\u30af\u30f3\u3068\u30ea\u30d5\u30ec\u30c3\u30b7\u30e5\u30c8\u30fc\u30af\u30f3\u3092\u4fdd\u5b58\u3057\u3001\u5143\u306e\u30ea\u30af\u30a8\u30b9\u30c8\u3092\u518d\u8a66\u884c\u3059\u308b"}),"\n"]}),"\n",(0,i.jsxs)(n.p,{children:["\u3053\u306e\u30a2\u30d7\u30ed\u30fc\u30c1\u306e\u6b20\u70b9\u306e1\u3064\u306f\u3001\u30c8\u30fc\u30af\u30f3\u306e\u4fdd\u5b58\u3068\u66f4\u65b0\u30ed\u30b8\u30c3\u30af\u304c\u5c02\u7528\u306e\u5834\u6240\u3092\u6301\u305f\u306a\u3044\u3053\u3068\u3067\u3059\u3002\u3053\u308c\u306f\u3001\u7279\u5b9a\u306e\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u3084\u30c1\u30fc\u30e0\u306b\u306f\u9069\u3057\u3066\u3044\u308b\u304b\u3082\u3057\u308c\u307e\u305b\u3093\u304c\u3001\u30c8\u30fc\u30af\u30f3\u7ba1\u7406\u306e\u30ed\u30b8\u30c3\u30af\u304c\u3088\u308a\u8907\u96d1\u306a\u5834\u5408\u3001\u30ea\u30af\u30a8\u30b9\u30c8\u9001\u4fe1\u3068\u30c8\u30fc\u30af\u30f3\u7ba1\u7406\u306e\u8cac\u4efb\u3092\u5206\u3051\u305f\u3044\u3068\u601d\u3046\u304b\u3082\u3057\u308c\u307e\u305b\u3093\u3002\u3053\u306e\u5834\u5408\u3001\u30ea\u30af\u30a8\u30b9\u30c8\u3068API\u30af\u30e9\u30a4\u30a2\u30f3\u30c8\u3092",(0,i.jsx)(n.code,{children:"shared/api"}),"\u306b\u7f6e\u304d\u3001\u30c8\u30fc\u30af\u30f3\u30b9\u30c8\u30ec\u30fc\u30b8\u3068\u66f4\u65b0\u30ed\u30b8\u30c3\u30af\u3092",(0,i.jsx)(n.code,{children:"shared/auth"}),"\u306b\u914d\u7f6e\u3057\u307e\u3059\u3002"]}),"\n",(0,i.jsxs)(n.p,{children:["\u3053\u306e\u30a2\u30d7\u30ed\u30fc\u30c1\u306e\u3082\u30461\u3064\u306e\u6b20\u70b9\u306f\u3001\u30b5\u30fc\u30d0\u30fc\u304c\u30c8\u30fc\u30af\u30f3\u3068\u3068\u3082\u306b\u73fe\u5728\u306e\u30e6\u30fc\u30b6\u30fc\u306b\u95a2\u3059\u308b\u60c5\u5831\u3092\u8fd4\u3059\u5834\u5408\u3001\u305d\u306e\u60c5\u5831\u3092\u4fdd\u5b58\u3059\u308b\u5834\u6240\u304c\u306a\u304f\u3001\u7279\u5225\u306a\u30a8\u30f3\u30c9\u30dd\u30a4\u30f3\u30c8\uff08\u4f8b\u3048\u3070",(0,i.jsx)(n.code,{children:"/me"}),"\u3084",(0,i.jsx)(n.code,{children:"/users/current"}),"\uff09\u304b\u3089\u518d\u5ea6\u53d6\u5f97\u3059\u308b\u5fc5\u8981\u304c\u3042\u308b\u3053\u3068\u3067\u3059\u3002"]}),"\n",(0,i.jsx)(n.h3,{id:"entities\u5c64\u306b\u4fdd\u5b58\u3059\u308b",children:"Entities\u5c64\u306b\u4fdd\u5b58\u3059\u308b"}),"\n",(0,i.jsx)(n.p,{children:"FSD\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u306b\u306f\u3001\u30e6\u30fc\u30b6\u30fc\u30a8\u30f3\u30c6\u30a3\u30c6\u30a3\u3084\u73fe\u5728\u306e\u30e6\u30fc\u30b6\u30fc\u30a8\u30f3\u30c6\u30a3\u30c6\u30a3\u304c\u5b58\u5728\u3059\u308b\u3053\u3068\u304c\u3088\u304f\u3042\u308a\u307e\u3059\u3002\u3053\u308c\u3089\u306f\u540c\u3058\u30a8\u30f3\u30c6\u30a3\u30c6\u30a3\u3067\u3042\u308b\u5834\u5408\u3082\u3042\u308a\u307e\u3059\u3002"}),"\n",(0,i.jsx)(n.admonition,{type:"note",children:(0,i.jsxs)(n.p,{children:[(0,i.jsx)(n.strong,{children:"\u73fe\u5728\u306e\u30e6\u30fc\u30b6\u30fc"}),"\u306f\u6642\u306b\u306f\u300cviewer\u300d\u3084\u300cme\u300d\u3068\u3082\u547c\u3070\u308c\u307e\u3059\u3002\u3053\u308c\u306f\u3001\u6a29\u9650\u3068\u30d7\u30e9\u30a4\u30d9\u30fc\u30c8\u60c5\u5831\u3092\u6301\u3064\u8a8d\u8a3c\u3055\u308c\u305f\u30e6\u30fc\u30b6\u30fc\u3068\u3001\u516c\u958b\u60c5\u5831\u3092\u6301\u3064\u4ed6\u306e\u3059\u3079\u3066\u306e\u30e6\u30fc\u30b6\u30fc\u3092\u533a\u5225\u3059\u308b\u305f\u3081\u306b\u884c\u308f\u308c\u307e\u3059\u3002"]})}),"\n",(0,i.jsxs)(n.p,{children:["\u30e6\u30fc\u30b6\u30fc\u30a8\u30f3\u30c6\u30a3\u30c6\u30a3\u306b\u30c8\u30fc\u30af\u30f3\u3092\u4fdd\u5b58\u3059\u308b\u306b\u306f\u3001",(0,i.jsx)(n.code,{children:"model"}),"\u30bb\u30b0\u30e1\u30f3\u30c8\u306b\u30ea\u30a2\u30af\u30c6\u30a3\u30d6\u30b9\u30c8\u30a2\u3092\u4f5c\u6210\u3057\u307e\u3059\u3002\u3053\u306e\u30b9\u30c8\u30a2\u306b\u306f\u3001\u30c8\u30fc\u30af\u30f3\u3068\u30e6\u30fc\u30b6\u30fc\u60c5\u5831\u306e\u30aa\u30d6\u30b8\u30a7\u30af\u30c8\u306e\u4e21\u65b9\u3092\u542b\u3081\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002"]}),"\n",(0,i.jsxs)(n.p,{children:["API\u30af\u30e9\u30a4\u30a2\u30f3\u30c8\u306f\u901a\u5e38\u3001",(0,i.jsx)(n.code,{children:"shared/api"}),"\u306b\u914d\u7f6e\u3055\u308c\u308b\u304b\u3001\u30a8\u30f3\u30c6\u30a3\u30c6\u30a3\u9593\u3067\u5206\u6563\u3055\u308c\u308b\u305f\u3081\u3001\u3053\u306e\u30a2\u30d7\u30ed\u30fc\u30c1\u306e\u4e3b\u306a\u554f\u984c\u306f\u3001\u4ed6\u306e\u30ea\u30af\u30a8\u30b9\u30c8\u304c\u30c8\u30fc\u30af\u30f3\u306b\u30a2\u30af\u30bb\u30b9\u3067\u304d\u308b\u3088\u3046\u306b\u3057\u3064\u3064\u3001",(0,i.jsx)(n.a,{href:"/docs/reference/layers#import-rule-on-layers",children:"\u30ec\u30a4\u30e4\u30fc\u306e\u30a4\u30f3\u30dd\u30fc\u30c8\u30eb\u30fc\u30eb"}),"\u3092\u7834\u3089\u306a\u3044\u3053\u3068\u3067\u3059\u3002"]}),"\n",(0,i.jsxs)(n.blockquote,{children:["\n",(0,i.jsx)(n.p,{children:"\u30b9\u30e9\u30a4\u30b9\u5185\u306e\u30e2\u30b8\u30e5\u30fc\u30eb\u306f\u3001\u4e0b\u5c64\u306b\u3042\u308b\u30b9\u30e9\u30a4\u30b9\u306e\u307f\u3092\u30a4\u30f3\u30dd\u30fc\u30c8\u3067\u304d\u308b\u3002"}),"\n"]}),"\n",(0,i.jsx)(n.p,{children:"\u3053\u306e\u554f\u984c\u306b\u306f\u3044\u304f\u3064\u304b\u306e\u89e3\u6c7a\u7b56\u304c\u3042\u308a\u307e\u3059\u3002"}),"\n",(0,i.jsxs)(n.ol,{children:["\n",(0,i.jsxs)(n.li,{children:["\n",(0,i.jsxs)(n.p,{children:[(0,i.jsx)(n.strong,{children:"\u30ea\u30af\u30a8\u30b9\u30c8\u3092\u884c\u3046\u305f\u3073\u306b\u30c8\u30fc\u30af\u30f3\u3092\u624b\u52d5\u3067\u6e21\u3059"}),(0,i.jsx)(n.br,{}),"\n","\u3053\u308c\u306f\u6700\u3082\u7c21\u5358\u306a\u89e3\u6c7a\u7b56\u3067\u3059\u304c\u3001\u3059\u3050\u306b\u4e0d\u4fbf\u306b\u306a\u308a\u3001\u53b3\u5bc6\u306a\u578b\u4ed8\u3051\u304c\u306a\u3044\u5834\u5408\u306f\u5fd8\u308c\u3084\u3059\u304f\u306a\u308a\u307e\u3059\u3002\u3053\u306e\u89e3\u6c7a\u7b56\u306f\u3001Shared\u5c64\u306eAPI\u30af\u30e9\u30a4\u30a2\u30f3\u30c8\u306e\u30df\u30c9\u30eb\u30a6\u30a7\u30a2\u30d1\u30bf\u30fc\u30f3\u3068\u3082\u4e92\u63db\u6027\u304c\u3042\u308a\u307e\u305b\u3093\u3002"]}),"\n"]}),"\n",(0,i.jsxs)(n.li,{children:["\n",(0,i.jsxs)(n.p,{children:[(0,i.jsxs)(n.strong,{children:["\u30b3\u30f3\u30c6\u30ad\u30b9\u30c8\u3084",(0,i.jsx)(n.code,{children:"localStorage"}),"\u306e\u3088\u3046\u306a\u30b0\u30ed\u30fc\u30d0\u30eb\u30b9\u30c8\u30ec\u30fc\u30b8\u3092\u4ecb\u3057\u3066\u30a2\u30d7\u30ea\u5168\u4f53\u306b\u30c8\u30fc\u30af\u30f3\u3078\u306e\u30a2\u30af\u30bb\u30b9\u3092\u63d0\u4f9b\u3059\u308b"]}),(0,i.jsx)(n.br,{}),"\n","\u30c8\u30fc\u30af\u30f3\u3092\u53d6\u5f97\u3059\u308b\u305f\u3081\u306e\u30ad\u30fc\u306f",(0,i.jsx)(n.code,{children:"shared/api"}),"\u306b\u4fdd\u5b58\u3055\u308c\u3001API\u30af\u30e9\u30a4\u30a2\u30f3\u30c8\u304c\u305d\u308c\u3092\u4f7f\u7528\u3067\u304d\u308b\u3088\u3046\u306b\u3057\u307e\u3059\u3002\u30c8\u30fc\u30af\u30f3\u306e\u30ea\u30a2\u30af\u30c6\u30a3\u30d6\u30b9\u30c8\u30a2\u306f\u30e6\u30fc\u30b6\u30fc\u30a8\u30f3\u30c6\u30a3\u30c6\u30a3\u304b\u3089\u30a8\u30af\u30b9\u30dd\u30fc\u30c8\u3055\u308c\u3001\u5fc5\u8981\u306b\u5fdc\u3058\u3066\u30b3\u30f3\u30c6\u30ad\u30b9\u30c8\u30d7\u30ed\u30d0\u30a4\u30c0\u30fc\u304cApp\u5c64\u3067\u8a2d\u5b9a\u3055\u308c\u307e\u3059\u3002\u3053\u308c\u306b\u3088\u308a\u3001API\u30af\u30e9\u30a4\u30a2\u30f3\u30c8\u306e\u8a2d\u8a08\u306b\u5bfe\u3059\u308b\u81ea\u7531\u5ea6\u304c\u5897\u3057\u307e\u3059\u304c\u3001\u3053\u306e\u30a2\u30d7\u30ed\u30fc\u30c1\u306f\u6697\u9ed9\u306e\u4f9d\u5b58\u95a2\u4fc2\u3092\u751f\u307f\u51fa\u3057\u3066\u3057\u307e\u3044\u307e\u3059\u3002"]}),"\n"]}),"\n",(0,i.jsxs)(n.li,{children:["\n",(0,i.jsxs)(n.p,{children:[(0,i.jsx)(n.strong,{children:"\u30c8\u30fc\u30af\u30f3\u304c\u5909\u66f4\u3055\u308c\u308b\u305f\u3073\u306bAPI\u30af\u30e9\u30a4\u30a2\u30f3\u30c8\u306b\u30c8\u30fc\u30af\u30f3\u3092\u633f\u5165\u3059\u308b"}),(0,i.jsx)(n.br,{}),"\n","\u30ea\u30a2\u30af\u30c6\u30a3\u30d6\u306a\u30b9\u30c8\u30a2\u3067\u3042\u308c\u3070\u3001\u5909\u66f4\u3092\u76e3\u8996\u3057\u3001\u30e6\u30fc\u30b6\u30fc\u30a8\u30f3\u30c6\u30a3\u30c6\u30a3\u306e\u30b9\u30c8\u30a2\u304c\u5909\u66f4\u3055\u308c\u308b\u305f\u3073\u306bAPI\u30af\u30e9\u30a4\u30a2\u30f3\u30c8\u306e\u30c8\u30fc\u30af\u30f3\u3092\u66f4\u65b0\u3067\u304d\u307e\u3059\u3002\u3053\u306e\u89e3\u6c7a\u7b56\u306f\u3001\u524d\u306e\u89e3\u6c7a\u7b56\u3068\u540c\u69d8\u306b\u6697\u9ed9\u306e\u4f9d\u5b58\u95a2\u4fc2\u3092\u751f\u307f\u51fa\u3057\u3066\u3057\u307e\u3044\u307e\u3059\u304c\u3001\u3088\u308a\u547d\u4ee4\u7684\uff08\u300c\u30d7\u30c3\u30b7\u30e5\u300d\uff09\u3067\u3042\u308a\u3001\u524d\u306e\u3082\u306e\u306f\u3088\u308a\u5ba3\u8a00\u7684\uff08\u300c\u30d7\u30eb\u300d\uff09\u3067\u3059\u3002"]}),"\n"]}),"\n"]}),"\n",(0,i.jsxs)(n.p,{children:["\u30e6\u30fc\u30b6\u30fc\u30a8\u30f3\u30c6\u30a3\u30c6\u30a3\u306e\u30e2\u30c7\u30eb\u306b\u4fdd\u5b58\u3055\u308c\u305f\u30c8\u30fc\u30af\u30f3\u306e\u53ef\u7528\u6027\u306e\u554f\u984c\u3092\u89e3\u6c7a\u3057\u305f\u3089\u3001\u30c8\u30fc\u30af\u30f3\u7ba1\u7406\u306b\u95a2\u9023\u3059\u308b\u8ffd\u52a0\u306e\u30d3\u30b8\u30cd\u30b9\u30ed\u30b8\u30c3\u30af\u3092\u8a18\u8ff0\u3067\u304d\u307e\u3059\u3002\u4f8b\u3048\u3070\u3001",(0,i.jsx)(n.code,{children:"model"}),"\u30bb\u30b0\u30e1\u30f3\u30c8\u306b\u306f\u3001\u30c8\u30fc\u30af\u30f3\u3092\u4e00\u5b9a\u671f\u9593\u5f8c\u306b\u7121\u52b9\u306b\u3059\u308b\u30ed\u30b8\u30c3\u30af\u3084\u3001\u671f\u9650\u5207\u308c\u306e\u30c8\u30fc\u30af\u30f3\u3092\u66f4\u65b0\u3059\u308b\u30ed\u30b8\u30c3\u30af\u3092\u542b\u3081\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002\u3053\u308c\u3089\u306e\u30bf\u30b9\u30af\u3092\u5b9f\u884c\u3059\u308b\u305f\u3081\u306b\u3001\u30e6\u30fc\u30b6\u30fc\u30a8\u30f3\u30c6\u30a3\u30c6\u30a3\u306e",(0,i.jsx)(n.code,{children:"api"}),"\u30bb\u30b0\u30e1\u30f3\u30c8\u3001\u307e\u305f\u306f",(0,i.jsx)(n.code,{children:"shared/api"}),"\u3092\u4f7f\u7528\u3057\u307e\u3059\u3002"]}),"\n",(0,i.jsx)(n.h3,{id:"pages\u5c64widgets\u5c64\u306b\u4fdd\u5b58\u3059\u308b\u975e\u63a8\u5968",children:"Pages\u5c64/Widgets\u5c64\u306b\u4fdd\u5b58\u3059\u308b\uff08\u975e\u63a8\u5968\uff09"}),"\n",(0,i.jsxs)(n.p,{children:["\u30a2\u30af\u30bb\u30b9\u30c8\u30fc\u30af\u30f3\u306e\u3088\u3046\u306a\u30a2\u30d7\u30ea\u5168\u4f53\u306b\u95a2\u9023\u3059\u308b\u72b6\u614b\u3092\u30da\u30fc\u30b8\u3084\u30a6\u30a3\u30b8\u30a7\u30c3\u30c8\u306b\u4fdd\u5b58\u3059\u308b\u3053\u3068\u306f\u63a8\u5968\u3055\u308c\u307e\u305b\u3093\u3002\u30ed\u30b0\u30a4\u30f3\u30da\u30fc\u30b8\u306e",(0,i.jsx)(n.code,{children:"model"}),"\u30bb\u30b0\u30e1\u30f3\u30c8\u306b\u30c8\u30fc\u30af\u30f3\u30b9\u30c8\u30ec\u30fc\u30b8\u3092\u914d\u7f6e\u3057\u306a\u3044\u3067\u304f\u3060\u3055\u3044\u3002\u4ee3\u308f\u308a\u306b\u3001\u6700\u521d\u306e2\u3064\u306e\u89e3\u6c7a\u7b56\uff08Shared\u5c64\u914d\u7f6e\u304bEntities\u5c64\u914d\u7f6e\uff09\u306e\u3044\u305a\u308c\u304b\u3092\u9078\u629e\u3057\u3066\u304f\u3060\u3055\u3044\u3002"]}),"\n",(0,i.jsx)(n.h2,{id:"\u30ed\u30b0\u30a2\u30a6\u30c8\u3068\u30c8\u30fc\u30af\u30f3\u306e\u7121\u52b9\u5316",children:"\u30ed\u30b0\u30a2\u30a6\u30c8\u3068\u30c8\u30fc\u30af\u30f3\u306e\u7121\u52b9\u5316"}),"\n",(0,i.jsx)(n.p,{children:"\u901a\u5e38\u3001\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u3067\u306f\u30ed\u30b0\u30a2\u30a6\u30c8\u5c02\u7528\u306e\u30da\u30fc\u30b8\u3092\u4f5c\u6210\u3057\u307e\u305b\u3093\u304c\u3001\u30ed\u30b0\u30a2\u30a6\u30c8\u6a5f\u80fd\u306f\u975e\u5e38\u306b\u91cd\u8981\u3067\u3059\u3002\u3053\u306e\u6a5f\u80fd\u306b\u306f\u3001\u30d0\u30c3\u30af\u30a8\u30f3\u30c9\u3078\u306e\u8a8d\u8a3c\u30ea\u30af\u30a8\u30b9\u30c8\u3068\u30c8\u30fc\u30af\u30f3\u30b9\u30c8\u30ec\u30fc\u30b8\u306e\u66f4\u65b0\u304c\u542b\u307e\u308c\u307e\u3059\u3002"}),"\n",(0,i.jsxs)(n.p,{children:["\u3059\u3079\u3066\u306e\u30ea\u30af\u30a8\u30b9\u30c8\u3092",(0,i.jsx)(n.code,{children:"shared/api"}),"\u306b\u4fdd\u5b58\u3057\u3066\u3044\u308b\u5834\u5408\u306f\u3001\u30ed\u30b0\u30a4\u30f3\u95a2\u6570\u306e\u8fd1\u304f\u306b\u30ed\u30b0\u30a2\u30a6\u30c8\u30ea\u30af\u30a8\u30b9\u30c8\u306e\u95a2\u6570\u3092\u914d\u7f6e\u3057\u3066\u304f\u3060\u3055\u3044\u3002\u305d\u3046\u3067\u306a\u3044\u5834\u5408\u306f\u3001\u30ed\u30b0\u30a2\u30a6\u30c8\u3092\u547c\u3073\u51fa\u3059\u30dc\u30bf\u30f3\u306e\u8fd1\u304f\u306b\u914d\u7f6e\u3057\u3066\u304f\u3060\u3055\u3044\u3002\u4f8b\u3048\u3070\u3001\u3059\u3079\u3066\u306e\u30da\u30fc\u30b8\u306b\u5b58\u5728\u3057\u3001\u30ed\u30b0\u30a2\u30a6\u30c8\u30ea\u30f3\u30af\u3092\u542b\u3080\u30d8\u30c3\u30c0\u30fc\u30a6\u30a3\u30b8\u30a7\u30c3\u30c8\u304c\u3042\u308b\u5834\u5408\u3001\u305d\u306e\u30ea\u30af\u30a8\u30b9\u30c8\u3092\u3053\u306e\u30a6\u30a3\u30b8\u30a7\u30c3\u30c8\u306e",(0,i.jsx)(n.code,{children:"api"}),"\u30bb\u30b0\u30e1\u30f3\u30c8\u306b\u914d\u7f6e\u3057\u307e\u3059\u3002"]}),"\n",(0,i.jsxs)(n.p,{children:["\u30c8\u30fc\u30af\u30f3\u30b9\u30c8\u30ec\u30fc\u30b8\u306e\u66f4\u65b0\u3082\u3001\u30ed\u30b0\u30a2\u30a6\u30c8\u30dc\u30bf\u30f3\u306e\u5834\u6240\u304b\u3089\u30c8\u30ea\u30ac\u30fc\u3055\u308c\u308b\u5fc5\u8981\u304c\u3042\u308a\u307e\u3059\u3002\u30ea\u30af\u30a8\u30b9\u30c8\u3068\u30b9\u30c8\u30ec\u30fc\u30b8\u306e\u66f4\u65b0\u3092\u3053\u306e\u30a6\u30a3\u30b8\u30a7\u30c3\u30c8\u306e",(0,i.jsx)(n.code,{children:"model"}),"\u30bb\u30b0\u30e1\u30f3\u30c8\u3067\u7d71\u5408\u3067\u304d\u307e\u3059\u3002"]}),"\n",(0,i.jsx)(n.h3,{id:"\u81ea\u52d5\u30ed\u30b0\u30a2\u30a6\u30c8",children:"\u81ea\u52d5\u30ed\u30b0\u30a2\u30a6\u30c8"}),"\n",(0,i.jsxs)(n.p,{children:["\u30ed\u30b0\u30a2\u30a6\u30c8\u30ea\u30af\u30a8\u30b9\u30c8\u3084\u30c8\u30fc\u30af\u30f3\u66f4\u65b0\u30ea\u30af\u30a8\u30b9\u30c8\u306e\u5931\u6557\u3092\u8003\u616e\u3059\u308b\u3053\u3068\u3092\u5fd8\u308c\u306a\u3044\u3067\u304f\u3060\u3055\u3044\u3002\u3044\u305a\u308c\u306e\u5834\u5408\u3082\u3001\u30c8\u30fc\u30af\u30f3\u30b9\u30c8\u30ec\u30fc\u30b8\u3092\u30ea\u30bb\u30c3\u30c8\u3059\u308b\u5fc5\u8981\u304c\u3042\u308a\u307e\u3059\u3002\u30c8\u30fc\u30af\u30f3\u3092Entities\u5c64\u306b\u4fdd\u5b58\u3057\u3066\u3044\u308b\u5834\u5408\u3001\u3053\u306e\u30b3\u30fc\u30c9\u306f",(0,i.jsx)(n.code,{children:"model"}),"\u30bb\u30b0\u30e1\u30f3\u30c8\u306b\u914d\u7f6e\u3067\u304d\u307e\u3059\u3002\u30c8\u30fc\u30af\u30f3\u3092Shared\u5c64\u306b\u4fdd\u5b58\u3057\u3066\u3044\u308b\u5834\u5408\u3001\u3053\u306e\u30ed\u30b8\u30c3\u30af\u3092",(0,i.jsx)(n.code,{children:"shared/api"}),"\u306b\u914d\u7f6e\u3059\u308b\u3068\u3001\u30bb\u30b0\u30e1\u30f3\u30c8\u304c\u81a8\u3089\u307f\u3001\u305d\u306e\u76ee\u7684\u304c\u66d6\u6627\u306b\u306a\u3063\u3066\u3057\u307e\u3044\u307e\u3059\u3002",(0,i.jsx)(n.code,{children:"api"}),"\u30bb\u30b0\u30e1\u30f3\u30c8\u306b\u7121\u95a2\u4fc2\u306a2\u3064\u306e\u3082\u306e\u304c\u542b\u307e\u308c\u3066\u3044\u308b\u3053\u3068\u306b\u6c17\u3065\u3044\u305f\u5834\u5408\u3001\u30c8\u30fc\u30af\u30f3\u7ba1\u7406\u30ed\u30b8\u30c3\u30af\u3092\u5225\u306e\u30bb\u30b0\u30e1\u30f3\u30c8\u3001\u4f8b\u3048\u3070",(0,i.jsx)(n.code,{children:"shared/auth"}),"\u306b\u5206\u96e2\u3059\u308b\u3053\u3068\u3092\u691c\u8a0e\u3057\u3066\u307f\u3066\u304f\u3060\u3055\u3044\u3002"]})]})}function o(e={}){const{wrapper:n}={...(0,r.R)(),...e.components};return n?(0,i.jsx)(n,{...e,children:(0,i.jsx)(h,{...e})}):h(e)}},1100:(e,n,s)=>{s.d(n,{R:()=>d,x:()=>c});var i=s(758);const r={},l=i.createContext(r);function d(e){const n=i.useContext(l);return i.useMemo((function(){return"function"==typeof e?e(n):{...n,...e}}),[n,e])}function c(e){let n;return n=e.disableParentContext?"function"==typeof e.components?e.components(r):e.components||r:d(e.components),i.createElement(l.Provider,{value:n},e.children)}}}]);
\ No newline at end of file
+"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[6285],{8124:(e,n,s)=>{s.r(n),s.d(n,{assets:()=>t,contentTitle:()=>d,default:()=>o,frontMatter:()=>l,metadata:()=>c,toc:()=>a});var i=s(6070),r=s(1100);const l={sidebar_position:1},d="\u8a8d\u8a3c",c={id:"guides/examples/auth",title:"\u8a8d\u8a3c",description:"\u4e00\u822c\u7684\u306b\u3001\u8a8d\u8a3c\u306f\u4ee5\u4e0b\u306e\u30b9\u30c6\u30c3\u30d7\u3067\u69cb\u6210\u3055\u308c\u307e\u3059\u3002",source:"@site/i18n/ja/docusaurus-plugin-content-docs/current/guides/examples/auth.md",sourceDirName:"guides/examples",slug:"/guides/examples/auth",permalink:"/ja/docs/guides/examples/auth",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/ja/docusaurus-plugin-content-docs/current/guides/examples/auth.md",tags:[],version:"current",lastUpdatedAt:1728325386e3,sidebarPosition:1,frontMatter:{sidebar_position:1},sidebar:"guidesSidebar",previous:{title:"\u4f8b",permalink:"/ja/docs/guides/examples/"},next:{title:"\u578b",permalink:"/ja/docs/guides/examples/types"}},t={},a=[{value:"\u30e6\u30fc\u30b6\u30fc\u306e\u8cc7\u683c\u60c5\u5831\u3092\u53d6\u5f97\u3059\u308b\u65b9\u6cd5",id:"\u30e6\u30fc\u30b6\u30fc\u306e\u8cc7\u683c\u60c5\u5831\u3092\u53d6\u5f97\u3059\u308b\u65b9\u6cd5",level:2},{value:"\u30ed\u30b0\u30a4\u30f3\u7528\u306e\u5225\u30da\u30fc\u30b8",id:"\u30ed\u30b0\u30a4\u30f3\u7528\u306e\u5225\u30da\u30fc\u30b8",level:3},{value:"\u30ed\u30b0\u30a4\u30f3\u7528\u306e\u30c0\u30a4\u30a2\u30ed\u30b0\u30dc\u30c3\u30af\u30b9",id:"\u30ed\u30b0\u30a4\u30f3\u7528\u306e\u30c0\u30a4\u30a2\u30ed\u30b0\u30dc\u30c3\u30af\u30b9",level:3},{value:"\u30af\u30e9\u30a4\u30a2\u30f3\u30c8\u30d0\u30ea\u30c7\u30fc\u30b7\u30e7\u30f3",id:"\u30af\u30e9\u30a4\u30a2\u30f3\u30c8\u30d0\u30ea\u30c7\u30fc\u30b7\u30e7\u30f3",level:3},{value:"\u8cc7\u683c\u60c5\u5831\u3092\u30d0\u30c3\u30af\u30a8\u30f3\u30c9\u306b\u9001\u4fe1\u3059\u308b\u65b9\u6cd5",id:"\u8cc7\u683c\u60c5\u5831\u3092\u30d0\u30c3\u30af\u30a8\u30f3\u30c9\u306b\u9001\u4fe1\u3059\u308b\u65b9\u6cd5",level:2},{value:"\u30ea\u30af\u30a8\u30b9\u30c8\u95a2\u6570\u3092\u3069\u3053\u306b\u7f6e\u304f\u304b",id:"\u30ea\u30af\u30a8\u30b9\u30c8\u95a2\u6570\u3092\u3069\u3053\u306b\u7f6e\u304f\u304b",level:3},{value:"<code>shared/api</code>\u306b",id:"sharedapi\u306b",level:4},{value:"\u30da\u30fc\u30b8\u306e<code>api</code>\u30bb\u30b0\u30e1\u30f3\u30c8\u306b",id:"\u30da\u30fc\u30b8\u306eapi\u30bb\u30b0\u30e1\u30f3\u30c8\u306b",level:4},{value:"2\u8981\u7d20\u8a8d\u8a3c",id:"2\u8981\u7d20\u8a8d\u8a3c",level:3},{value:"\u8a8d\u8a3c\u3055\u308c\u305f\u30ea\u30af\u30a8\u30b9\u30c8\u7528\u306e\u30c8\u30fc\u30af\u30f3\u3092\u4fdd\u5b58\u3059\u308b\u65b9\u6cd5",id:"how-to-store-the-token-for-authenticated-requests",level:2},{value:"Shared\u5c64\u306b\u4fdd\u5b58\u3059\u308b",id:"shared\u5c64\u306b\u4fdd\u5b58\u3059\u308b",level:3},{value:"Entities\u5c64\u306b\u4fdd\u5b58\u3059\u308b",id:"entities\u5c64\u306b\u4fdd\u5b58\u3059\u308b",level:3},{value:"Pages\u5c64/Widgets\u5c64\u306b\u4fdd\u5b58\u3059\u308b\uff08\u975e\u63a8\u5968\uff09",id:"pages\u5c64widgets\u5c64\u306b\u4fdd\u5b58\u3059\u308b\u975e\u63a8\u5968",level:3},{value:"\u30ed\u30b0\u30a2\u30a6\u30c8\u3068\u30c8\u30fc\u30af\u30f3\u306e\u7121\u52b9\u5316",id:"\u30ed\u30b0\u30a2\u30a6\u30c8\u3068\u30c8\u30fc\u30af\u30f3\u306e\u7121\u52b9\u5316",level:2},{value:"\u81ea\u52d5\u30ed\u30b0\u30a2\u30a6\u30c8",id:"\u81ea\u52d5\u30ed\u30b0\u30a2\u30a6\u30c8",level:3}];function h(e){const n={a:"a",admonition:"admonition",blockquote:"blockquote",br:"br",code:"code",h1:"h1",h2:"h2",h3:"h3",h4:"h4",header:"header",li:"li",ol:"ol",p:"p",pre:"pre",strong:"strong",ul:"ul",...(0,r.R)(),...e.components};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(n.header,{children:(0,i.jsx)(n.h1,{id:"\u8a8d\u8a3c",children:"\u8a8d\u8a3c"})}),"\n",(0,i.jsx)(n.p,{children:"\u4e00\u822c\u7684\u306b\u3001\u8a8d\u8a3c\u306f\u4ee5\u4e0b\u306e\u30b9\u30c6\u30c3\u30d7\u3067\u69cb\u6210\u3055\u308c\u307e\u3059\u3002"}),"\n",(0,i.jsxs)(n.ol,{children:["\n",(0,i.jsx)(n.li,{children:"\u30e6\u30fc\u30b6\u30fc\u304b\u3089\u8cc7\u683c\u60c5\u5831\u3092\u53d6\u5f97\u3059\u308b"}),"\n",(0,i.jsx)(n.li,{children:"\u305d\u308c\u3092\u30d0\u30c3\u30af\u30a8\u30f3\u30c9\u306b\u9001\u4fe1\u3059\u308b"}),"\n",(0,i.jsx)(n.li,{children:"\u8a8d\u8a3c\u3055\u308c\u305f\u30ea\u30af\u30a8\u30b9\u30c8\u3092\u9001\u4fe1\u3059\u308b\u305f\u3081\u306e\u30c8\u30fc\u30af\u30f3\u3092\u4fdd\u5b58\u3059\u308b"}),"\n"]}),"\n",(0,i.jsx)(n.h2,{id:"\u30e6\u30fc\u30b6\u30fc\u306e\u8cc7\u683c\u60c5\u5831\u3092\u53d6\u5f97\u3059\u308b\u65b9\u6cd5",children:"\u30e6\u30fc\u30b6\u30fc\u306e\u8cc7\u683c\u60c5\u5831\u3092\u53d6\u5f97\u3059\u308b\u65b9\u6cd5"}),"\n",(0,i.jsxs)(n.p,{children:["OAuth\u3092\u901a\u3058\u3066\u8a8d\u8a3c\u3092\u884c\u3046\u5834\u5408\u306f\u3001OAuth\u30d7\u30ed\u30d0\u30a4\u30c0\u30fc\u306e\u30da\u30fc\u30b8\u3078\u306e\u30ea\u30f3\u30af\u3092\u6301\u3064\u30ed\u30b0\u30a4\u30f3\u30da\u30fc\u30b8\u3092\u4f5c\u6210\u3057\u3001",(0,i.jsx)(n.a,{href:"#how-to-store-the-token-for-authenticated-requests",children:"\u30b9\u30c6\u30c3\u30d73"}),"\u306b\u9032\u3080\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002"]}),"\n",(0,i.jsx)(n.h3,{id:"\u30ed\u30b0\u30a4\u30f3\u7528\u306e\u5225\u30da\u30fc\u30b8",children:"\u30ed\u30b0\u30a4\u30f3\u7528\u306e\u5225\u30da\u30fc\u30b8"}),"\n",(0,i.jsx)(n.p,{children:"\u901a\u5e38\u3001\u30a6\u30a7\u30d6\u30b5\u30a4\u30c8\u306b\u306f\u30e6\u30fc\u30b6\u30fc\u540d\u3068\u30d1\u30b9\u30ef\u30fc\u30c9\u3092\u5165\u529b\u3059\u308b\u305f\u3081\u306e\u30ed\u30b0\u30a4\u30f3\u5c02\u7528\u30da\u30fc\u30b8\u304c\u3042\u308a\u307e\u3059\u3002\u3053\u308c\u3089\u306e\u30da\u30fc\u30b8\u306f\u975e\u5e38\u306b\u30b7\u30f3\u30d7\u30eb\u3067\u3042\u308b\u305f\u3081\u3001\u5206\u89e3\u3059\u308b\u5fc5\u8981\u306f\u3042\u308a\u307e\u305b\u3093\u3002\u3055\u3089\u306b\u3001\u30ed\u30b0\u30a4\u30f3\u30d5\u30a9\u30fc\u30e0\u3068\u767b\u9332\u30d5\u30a9\u30fc\u30e0\u306f\u5916\u898b\u304c\u975e\u5e38\u306b\u4f3c\u3066\u3044\u308b\u305f\u3081\u3001\u540c\u3058\u30da\u30fc\u30b8\u306b\u30b0\u30eb\u30fc\u30d7\u5316\u3059\u308b\u3053\u3068\u3082\u3067\u304d\u307e\u3059\u3002\u30ed\u30b0\u30a4\u30f3/\u767b\u9332\u30da\u30fc\u30b8\u7528\u306e\u30b9\u30e9\u30a4\u30b9\u3092Pages\u5c64\u306b\u4f5c\u6210\u3057\u307e\u3059\u3002"}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsxs)(n.li,{children:["\ud83d\udcc2 pages","\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsxs)(n.li,{children:["\ud83d\udcc2 login","\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsxs)(n.li,{children:["\ud83d\udcc2 ui","\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsx)(n.li,{children:"\ud83d\udcc4 LoginPage.tsx"}),"\n",(0,i.jsx)(n.li,{children:"\ud83d\udcc4 RegisterPage.tsx"}),"\n"]}),"\n"]}),"\n",(0,i.jsx)(n.li,{children:"\ud83d\udcc4 index.ts"}),"\n"]}),"\n"]}),"\n",(0,i.jsx)(n.li,{children:"\u305d\u306e\u4ed6\u306e\u30da\u30fc\u30b8\u2026"}),"\n"]}),"\n"]}),"\n"]}),"\n",(0,i.jsx)(n.p,{children:"\u3053\u3053\u3067\u306f\u30012\u3064\u306e\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u4f5c\u6210\u3057\u3001\u30a4\u30f3\u30c7\u30c3\u30af\u30b9\u3067\u4e21\u65b9\u3092\u30a8\u30af\u30b9\u30dd\u30fc\u30c8\u3057\u307e\u3057\u305f\u3002\u3053\u308c\u3089\u306e\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306f\u3001\u30e6\u30fc\u30b6\u30fc\u304c\u8cc7\u683c\u60c5\u5831\u3092\u5165\u529b\u3059\u308b\u305f\u3081\u306e\u308f\u304b\u308a\u3084\u3059\u3044\u8981\u7d20\u3092\u542b\u3080\u30d5\u30a9\u30fc\u30e0\u3092\u6301\u3061\u307e\u3059\u3002"}),"\n",(0,i.jsx)(n.h3,{id:"\u30ed\u30b0\u30a4\u30f3\u7528\u306e\u30c0\u30a4\u30a2\u30ed\u30b0\u30dc\u30c3\u30af\u30b9",children:"\u30ed\u30b0\u30a4\u30f3\u7528\u306e\u30c0\u30a4\u30a2\u30ed\u30b0\u30dc\u30c3\u30af\u30b9"}),"\n",(0,i.jsx)(n.p,{children:"\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u306b\u3069\u306e\u30da\u30fc\u30b8\u3067\u3082\u4f7f\u7528\u3067\u304d\u308b\u30ed\u30b0\u30a4\u30f3\u7528\u306e\u30c0\u30a4\u30a2\u30ed\u30b0\u30dc\u30c3\u30af\u30b9\u304c\u3042\u308b\u5834\u5408\u306f\u3001\u305d\u306e\u30c0\u30a4\u30a2\u30ed\u30b0\u30dc\u30c3\u30af\u30b9\u7528\u306e\u30a6\u30a3\u30b8\u30a7\u30c3\u30c8\u3092\u4f5c\u6210\u3067\u304d\u307e\u3059\u3002\u3053\u308c\u306b\u3088\u308a\u3001\u30d5\u30a9\u30fc\u30e0\u81ea\u4f53\u3092\u3042\u307e\u308a\u5206\u89e3\u305b\u305a\u306b\u3001\u3069\u306e\u30da\u30fc\u30b8\u3067\u3082\u3053\u306e\u30c0\u30a4\u30a2\u30ed\u30b0\u30dc\u30c3\u30af\u30b9\u3092\u518d\u5229\u7528\u3067\u304d\u307e\u3059\u3002"}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsxs)(n.li,{children:["\ud83d\udcc2 widgets","\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsxs)(n.li,{children:["\ud83d\udcc2 login-dialog","\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsxs)(n.li,{children:["\ud83d\udcc2 ui","\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsx)(n.li,{children:"\ud83d\udcc4 LoginDialog.tsx"}),"\n"]}),"\n"]}),"\n",(0,i.jsx)(n.li,{children:"\ud83d\udcc4 index.ts"}),"\n"]}),"\n"]}),"\n",(0,i.jsx)(n.li,{children:"\u305d\u306e\u4ed6\u306e\u30a6\u30a3\u30b8\u30a7\u30c3\u30c8\u2026"}),"\n"]}),"\n"]}),"\n"]}),"\n",(0,i.jsx)(n.p,{children:"\u3053\u306e\u30ac\u30a4\u30c9\u306e\u6b8b\u308a\u306e\u90e8\u5206\u306f\u3001\u30ed\u30b0\u30a4\u30f3\u304c\u5225\u30da\u30fc\u30b8\u3067\u884c\u308f\u308c\u308b\u6700\u521d\u306e\u30a2\u30d7\u30ed\u30fc\u30c1\u306b\u57fa\u3065\u3044\u3066\u3044\u307e\u3059\u304c\u3001\u540c\u3058\u539f\u5247\u304c\u30c0\u30a4\u30a2\u30ed\u30b0\u30dc\u30c3\u30af\u30b9\u7528\u306e\u30a6\u30a3\u30b8\u30a7\u30c3\u30c8\u306b\u3082\u9069\u7528\u3055\u308c\u307e\u3059\u3002"}),"\n",(0,i.jsx)(n.h3,{id:"\u30af\u30e9\u30a4\u30a2\u30f3\u30c8\u30d0\u30ea\u30c7\u30fc\u30b7\u30e7\u30f3",children:"\u30af\u30e9\u30a4\u30a2\u30f3\u30c8\u30d0\u30ea\u30c7\u30fc\u30b7\u30e7\u30f3"}),"\n",(0,i.jsxs)(n.p,{children:["\u305f\u307e\u306b\u306f\u3001\u7279\u306b\u767b\u9332\u6642\u306b\u3001\u30af\u30e9\u30a4\u30a2\u30f3\u30c8\u5074\u3067\u691c\u8a3c\u3092\u884c\u3044\u3001\u30e6\u30fc\u30b6\u30fc\u306b\u30a8\u30e9\u30fc\u3092\u8fc5\u901f\u306b\u901a\u77e5\u3059\u308b\u3053\u3068\u304c\u3042\u308a\u307e\u3059\u3002\u3053\u306e\u5834\u5408\u3001\u691c\u8a3c\u306f\u3001\u30ed\u30b0\u30a4\u30f3\u30da\u30fc\u30b8\u306e",(0,i.jsx)(n.code,{children:"model"}),"\u30bb\u30b0\u30e1\u30f3\u30c8\u3067\u884c\u3046\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002\u30b9\u30ad\u30fc\u30de\u691c\u8a3c\u30e9\u30a4\u30d6\u30e9\u30ea\u3001\u4f8b\u3048\u3070",(0,i.jsx)(n.a,{href:"https://zod.dev",children:"Zod"}),"\u3092JS/TS\u7528\u306b\u4f7f\u7528\u3057\u3001\u3053\u306e\u30b9\u30ad\u30fc\u30de\u3092",(0,i.jsx)(n.code,{children:"ui"}),"\u30bb\u30b0\u30e1\u30f3\u30c8\u306b\u63d0\u4f9b\u3057\u307e\u3059\u3002"]}),"\n",(0,i.jsx)(n.pre,{children:(0,i.jsx)(n.code,{className:"language-ts",metastring:'title="pages/login/model/registration-schema.ts"',children:'import { z } from "zod";\n\nexport const registrationData = z.object({\n    email: z.string().email(),\n    password: z.string().min(6),\n    confirmPassword: z.string(),\n}).refine((data) => data.password === data.confirmPassword, {\n    message: "\u30d1\u30b9\u30ef\u30fc\u30c9\u304c\u4e00\u81f4\u3057\u307e\u305b\u3093",\n    path: ["confirmPassword"],\n});\n'})}),"\n",(0,i.jsxs)(n.p,{children:["\u6b21\u306b\u3001",(0,i.jsx)(n.code,{children:"ui"}),"\u30bb\u30b0\u30e1\u30f3\u30c8\u3067\u3053\u306e\u30b9\u30ad\u30fc\u30de\u3092\u4f7f\u7528\u3057\u3066\u30e6\u30fc\u30b6\u30fc\u5165\u529b\u3092\u691c\u8a3c\u3067\u304d\u307e\u3059\u3002"]}),"\n",(0,i.jsx)(n.pre,{children:(0,i.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/login/ui/RegisterPage.tsx"',children:'import { registrationData } from "../model/registration-schema";\n\nfunction validate(formData: FormData) {\n    const data = Object.fromEntries(formData.entries());\n    try {\n        registrationData.parse(data);\n    } catch (error) {\n        // TODO: \u30e6\u30fc\u30b6\u30fc\u306b\u30a8\u30e9\u30fc\u30e1\u30c3\u30bb\u30fc\u30b8\u3092\u8868\u793a\n    }\n}\n\nexport function RegisterPage() {\n    return (\n        <form onSubmit={(e) => validate(new FormData(e.target))}>\n            <label htmlFor="email">\u30e1\u30fc\u30eb\u30a2\u30c9\u30ec\u30b9</label>\n            <input id="email" name="email" required />\n\n            <label htmlFor="password">\u30d1\u30b9\u30ef\u30fc\u30c9\uff08\u6700\u5c0f6\u6587\u5b57\uff09</label>\n            <input id="password" name="password" type="password" required />\n\n            <label htmlFor="confirmPassword">\u30d1\u30b9\u30ef\u30fc\u30c9\u3092\u78ba\u8a8d</label>\n            <input id="confirmPassword" name="confirmPassword" type="password" required />\n        </form>\n    )\n}\n'})}),"\n",(0,i.jsx)(n.h2,{id:"\u8cc7\u683c\u60c5\u5831\u3092\u30d0\u30c3\u30af\u30a8\u30f3\u30c9\u306b\u9001\u4fe1\u3059\u308b\u65b9\u6cd5",children:"\u8cc7\u683c\u60c5\u5831\u3092\u30d0\u30c3\u30af\u30a8\u30f3\u30c9\u306b\u9001\u4fe1\u3059\u308b\u65b9\u6cd5"}),"\n",(0,i.jsx)(n.p,{children:"\u30d0\u30c3\u30af\u30a8\u30f3\u30c9\u306e\u30ed\u30b0\u30a4\u30f3\u30a8\u30f3\u30c9\u30dd\u30a4\u30f3\u30c8\u306b\u30ea\u30af\u30a8\u30b9\u30c8\u3092\u9001\u4fe1\u3059\u308b\u95a2\u6570\u3092\u4f5c\u6210\u3057\u307e\u3057\u3087\u3046\u3002\u3053\u306e\u95a2\u6570\u306f\u3001\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306e\u30b3\u30fc\u30c9\u5185\u3067\u30df\u30e5\u30fc\u30c6\u30fc\u30b7\u30e7\u30f3\u30e9\u30a4\u30d6\u30e9\u30ea\uff08\u4f8b\u3048\u3070\u3001TanStack Query\uff09\u3092\u901a\u3058\u3066\u76f4\u63a5\u547c\u3073\u51fa\u3059\u3053\u3068\u3082\u3001\u72b6\u614b\u7ba1\u7406\u30e9\u30a4\u30d6\u30e9\u30ea\u306e\u526f\u4f5c\u7528\u3068\u3057\u3066\u547c\u3073\u51fa\u3059\u3053\u3068\u3082\u3067\u304d\u307e\u3059\u3002"}),"\n",(0,i.jsx)(n.h3,{id:"\u30ea\u30af\u30a8\u30b9\u30c8\u95a2\u6570\u3092\u3069\u3053\u306b\u7f6e\u304f\u304b",children:"\u30ea\u30af\u30a8\u30b9\u30c8\u95a2\u6570\u3092\u3069\u3053\u306b\u7f6e\u304f\u304b"}),"\n",(0,i.jsxs)(n.p,{children:["\u3053\u306e\u95a2\u6570\u3092\u7f6e\u304f\u5834\u6240\u306f2\u3064\u3042\u308a\u307e\u3059: ",(0,i.jsx)(n.code,{children:"shared/api"}),"\u307e\u305f\u306f\u30da\u30fc\u30b8\u306e",(0,i.jsx)(n.code,{children:"api"}),"\u30bb\u30b0\u30e1\u30f3\u30c8\u3067\u3059\u3002"]}),"\n",(0,i.jsxs)(n.h4,{id:"sharedapi\u306b",children:[(0,i.jsx)(n.code,{children:"shared/api"}),"\u306b"]}),"\n",(0,i.jsxs)(n.p,{children:["\u3053\u306e\u30a2\u30d7\u30ed\u30fc\u30c1\u306f\u3001\u3059\u3079\u3066\u306e\u30ea\u30af\u30a8\u30b9\u30c8\u95a2\u6570\u3092",(0,i.jsx)(n.code,{children:"shared/api"}),"\u306b\u914d\u7f6e\u3057\u3001\u30a8\u30f3\u30c9\u30dd\u30a4\u30f3\u30c8\u3054\u3068\u306b\u30b0\u30eb\u30fc\u30d7\u5316\u3059\u308b\u306e\u306b\u9069\u3057\u3066\u3044\u307e\u3059\u3002\u3053\u306e\u5834\u5408\u3001\u30d5\u30a1\u30a4\u30eb\u69cb\u9020\u306f\u6b21\u306e\u3088\u3046\u306b\u306a\u308a\u307e\u3059\u3002"]}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsxs)(n.li,{children:["\ud83d\udcc2 shared","\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsxs)(n.li,{children:["\ud83d\udcc2 api","\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsxs)(n.li,{children:["\ud83d\udcc2 endpoints","\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsx)(n.li,{children:"\ud83d\udcc4 login.ts"}),"\n",(0,i.jsx)(n.li,{children:"\u305d\u306e\u4ed6\u306e\u30ea\u30af\u30a8\u30b9\u30c8\u95a2\u6570\u2026"}),"\n"]}),"\n"]}),"\n",(0,i.jsx)(n.li,{children:"\ud83d\udcc4 client.ts"}),"\n",(0,i.jsx)(n.li,{children:"\ud83d\udcc4 index.ts"}),"\n"]}),"\n"]}),"\n"]}),"\n"]}),"\n"]}),"\n",(0,i.jsxs)(n.p,{children:[(0,i.jsx)(n.code,{children:"\ud83d\udcc4 client.ts"}),"\u30d5\u30a1\u30a4\u30eb\u306b\u306f\u3001\u30ea\u30af\u30a8\u30b9\u30c8\u3092\u5b9f\u884c\u3059\u308b\u305f\u3081\u306e\u30d7\u30ea\u30df\u30c6\u30a3\u30d6\u306e\u30e9\u30c3\u30d1\u30fc\u304c\u542b\u307e\u308c\u3066\u3044\u307e\u3059\uff08\u4f8b\u3048\u3070\u3001",(0,i.jsx)(n.code,{children:"fetch()"}),"\uff09\u3002\u3053\u306e\u30e9\u30c3\u30d1\u30fc\u306f\u3001\u30d0\u30c3\u30af\u30a8\u30f3\u30c9\u306e\u30d9\u30fc\u30b9URL\u3092\u77e5\u3063\u3066\u304a\u308a\u3001\u5fc5\u8981\u306a\u30d8\u30c3\u30c0\u30fc\u3092\u8a2d\u5b9a\u3057\u3001\u30c7\u30fc\u30bf\u3092\u30b7\u30ea\u30a2\u30e9\u30a4\u30ba\u3057\u307e\u3059\u3002"]}),"\n",(0,i.jsx)(n.pre,{children:(0,i.jsx)(n.code,{className:"language-ts",metastring:'title="shared/api/endpoints/login.ts"',children:'import { POST } from "../client";\n\nexport function login({ email, password }: { email: string, password: string }) {\n    return POST("/login", { email, password });\n}\n'})}),"\n",(0,i.jsx)(n.pre,{children:(0,i.jsx)(n.code,{className:"language-ts",metastring:'title="shared/api/index.ts"',children:'export { login } from "./endpoints/login";\n'})}),"\n",(0,i.jsxs)(n.h4,{id:"\u30da\u30fc\u30b8\u306eapi\u30bb\u30b0\u30e1\u30f3\u30c8\u306b",children:["\u30da\u30fc\u30b8\u306e",(0,i.jsx)(n.code,{children:"api"}),"\u30bb\u30b0\u30e1\u30f3\u30c8\u306b"]}),"\n",(0,i.jsxs)(n.p,{children:["\u3059\u3079\u3066\u306e\u30ea\u30af\u30a8\u30b9\u30c8\u30921\u304b\u6240\u306b\u4fdd\u5b58\u3057\u3066\u3044\u306a\u3044\u5834\u5408\u306f\u3001\u30ed\u30b0\u30a4\u30f3\u30da\u30fc\u30b8\u306e",(0,i.jsx)(n.code,{children:"api"}),"\u30bb\u30b0\u30e1\u30f3\u30c8\u306b\u3053\u306e\u30ea\u30af\u30a8\u30b9\u30c8\u95a2\u6570\u3092\u914d\u7f6e\u3059\u308b\u306e\u304c\u9069\u3057\u3066\u3044\u308b\u304b\u3082\u3057\u308c\u307e\u305b\u3093\u3002"]}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsxs)(n.li,{children:["\ud83d\udcc2 pages","\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsxs)(n.li,{children:["\ud83d\udcc2 login","\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsxs)(n.li,{children:["\ud83d\udcc2 api","\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsx)(n.li,{children:"\ud83d\udcc4 login.ts"}),"\n"]}),"\n"]}),"\n",(0,i.jsxs)(n.li,{children:["\ud83d\udcc2 ui","\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsx)(n.li,{children:"\ud83d\udcc4 LoginPage.tsx"}),"\n"]}),"\n"]}),"\n",(0,i.jsx)(n.li,{children:"\ud83d\udcc4 index.ts"}),"\n"]}),"\n"]}),"\n",(0,i.jsx)(n.li,{children:"\u305d\u306e\u4ed6\u306e\u30da\u30fc\u30b8\u2026"}),"\n"]}),"\n"]}),"\n"]}),"\n",(0,i.jsx)(n.pre,{children:(0,i.jsx)(n.code,{className:"language-ts",metastring:'title="pages/login/api/login.ts"',children:'import { POST } from "shared/api";\n\nexport function login({ email, password }: { email: string, password: string }) {\n    return POST("/login", { email, password });\n}\n'})}),"\n",(0,i.jsx)(n.p,{children:"\u3053\u306e\u95a2\u6570\u306f\u3001\u30da\u30fc\u30b8\u306e\u30a4\u30f3\u30c7\u30c3\u30af\u30b9\u304b\u3089\u518d\u30a8\u30af\u30b9\u30dd\u30fc\u30c8\u3059\u308b\u5fc5\u8981\u306f\u3042\u308a\u307e\u305b\u3093\u3002\u306a\u305c\u306a\u3089\u3001\u6050\u3089\u304f\u3053\u306e\u30da\u30fc\u30b8\u5185\u3067\u306e\u307f\u4f7f\u7528\u3055\u308c\u308b\u304b\u3089\u3067\u3059\u3002"}),"\n",(0,i.jsx)(n.h3,{id:"2\u8981\u7d20\u8a8d\u8a3c",children:"2\u8981\u7d20\u8a8d\u8a3c"}),"\n",(0,i.jsxs)(n.p,{children:["\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u304c2\u8981\u7d20\u8a8d\u8a3c\uff082FA\uff09\u3092\u30b5\u30dd\u30fc\u30c8\u3057\u3066\u3044\u308b\u5834\u5408\u3001\u30e6\u30fc\u30b6\u30fc\u3092\u4e00\u6642\u7684\u306a\u30d1\u30b9\u30ef\u30fc\u30c9\u3092\u5165\u529b\u3059\u308b\u305f\u3081\u306e\u5225\u306e\u30da\u30fc\u30b8\u306b\u30ea\u30c0\u30a4\u30ec\u30af\u30c8\u3059\u308b\u5fc5\u8981\u304c\u3042\u308b\u304b\u3082\u3057\u308c\u307e\u305b\u3093\u3002\u901a\u5e38\u3001",(0,i.jsx)(n.code,{children:"POST /login"}),"\u30ea\u30af\u30a8\u30b9\u30c8\u306f\u3001\u30e6\u30fc\u30b6\u30fc\u306b2FA\u304c\u6709\u52b9\u3067\u3042\u308b\u3053\u3068\u3092\u793a\u3059\u30d5\u30e9\u30b0\u3092\u6301\u3064\u30e6\u30fc\u30b6\u30fc\u30aa\u30d6\u30b8\u30a7\u30af\u30c8\u3092\u8fd4\u3057\u307e\u3059\u3002\u3053\u306e\u30d5\u30e9\u30b0\u304c\u8a2d\u5b9a\u3055\u308c\u3066\u3044\u308b\u5834\u5408\u3001\u30e6\u30fc\u30b6\u30fc\u30922FA\u30da\u30fc\u30b8\u306b\u30ea\u30c0\u30a4\u30ec\u30af\u30c8\u3057\u307e\u3059\u3002"]}),"\n",(0,i.jsxs)(n.p,{children:["\u3053\u306e\u30da\u30fc\u30b8\u306f\u30ed\u30b0\u30a4\u30f3\u3068\u975e\u5e38\u306b\u95a2\u9023\u3057\u3066\u3044\u308b\u305f\u3081\u3001Pages\u5c64\u306e\u540c\u3058",(0,i.jsx)(n.code,{children:"login"}),"\u30b9\u30e9\u30a4\u30b9\u306b\u914d\u7f6e\u3059\u308b\u3053\u3068\u3082\u3067\u304d\u307e\u3059\u3002"]}),"\n",(0,i.jsxs)(n.p,{children:["\u307e\u305f\u3001\u4e0a\u3067\u4f5c\u6210\u3057\u305f",(0,i.jsx)(n.code,{children:"login()"}),"\u306b\u4f3c\u305f\u5225\u306e\u30ea\u30af\u30a8\u30b9\u30c8\u95a2\u6570\u304c\u5fc5\u8981\u306b\u306a\u308a\u307e\u3059\u3002\u305d\u308c\u3089\u3092Shared\u5c64\u306b\u307e\u3068\u3081\u308b\u304b\u3001\u30ed\u30b0\u30a4\u30f3\u30da\u30fc\u30b8\u306e",(0,i.jsx)(n.code,{children:"api"}),"\u30bb\u30b0\u30e1\u30f3\u30c8\u306b\u914d\u7f6e\u3057\u3066\u304f\u3060\u3055\u3044\u3002"]}),"\n",(0,i.jsx)(n.h2,{id:"how-to-store-the-token-for-authenticated-requests",children:"\u8a8d\u8a3c\u3055\u308c\u305f\u30ea\u30af\u30a8\u30b9\u30c8\u7528\u306e\u30c8\u30fc\u30af\u30f3\u3092\u4fdd\u5b58\u3059\u308b\u65b9\u6cd5"}),"\n",(0,i.jsx)(n.p,{children:"\u4f7f\u7528\u3059\u308b\u8a8d\u8a3c\u30b9\u30ad\u30fc\u30e0\u306b\u95a2\u4fc2\u306a\u304f\u3001\u5358\u7d14\u306a\u30ed\u30b0\u30a4\u30f3\u3068\u30d1\u30b9\u30ef\u30fc\u30c9\u3001OAuth\u3001\u307e\u305f\u306f2\u8981\u7d20\u8a8d\u8a3c\u3067\u3042\u3063\u3066\u3082\u3001\u6700\u7d42\u7684\u306b\u306f\u30c8\u30fc\u30af\u30f3\u3092\u53d6\u5f97\u3057\u307e\u3059\u3002\u4ee5\u964d\u306e\u30ea\u30af\u30a8\u30b9\u30c8\u3067\u81ea\u5206\u3092\u8b58\u5225\u3067\u304d\u308b\u3088\u3046\u306b\u3001\u3053\u306e\u30c8\u30fc\u30af\u30f3\u306f\u4fdd\u5b58\u3059\u308b\u5fc5\u8981\u304c\u3042\u308a\u307e\u3059\u3002"}),"\n",(0,i.jsxs)(n.p,{children:["\u30a6\u30a7\u30d6\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u306b\u304a\u3051\u308b\u30c8\u30fc\u30af\u30f3\u306e\u7406\u60f3\u7684\u306a\u4fdd\u5b58\u5834\u6240\u306f",(0,i.jsx)(n.strong,{children:"\u30af\u30c3\u30ad\u30fc"}),"\u3067\u3059\u3002\u30af\u30c3\u30ad\u30fc\u306f\u30c8\u30fc\u30af\u30f3\u306e\u624b\u52d5\u4fdd\u5b58\u3084\u51e6\u7406\u3092\u5fc5\u8981\u3068\u3057\u307e\u305b\u3093\u3002\u3057\u305f\u304c\u3063\u3066\u3001\u30af\u30c3\u30ad\u30fc\u306e\u4fdd\u5b58\u306f\u30d5\u30ed\u30f3\u30c8\u30a8\u30f3\u30c9\u30a2\u30fc\u30ad\u30c6\u30af\u30c1\u30e3\u306b\u307b\u3068\u3093\u3069\u52b4\u529b\u3092\u5fc5\u8981\u3068\u3057\u307e\u305b\u3093\u3002\u30d5\u30ed\u30f3\u30c8\u30a8\u30f3\u30c9\u30d5\u30ec\u30fc\u30e0\u30ef\u30fc\u30af\u306b\u30b5\u30fc\u30d0\u30fc\u30b5\u30a4\u30c9\u304c\u3042\u308b\u5834\u5408\uff08\u4f8b\u3048\u3070\u3001",(0,i.jsx)(n.a,{href:"https://remix.run",children:"Remix"}),"\uff09\u3001\u30af\u30c3\u30ad\u30fc\u306e\u30b5\u30fc\u30d0\u30fc\u30a4\u30f3\u30d5\u30e9\u306f",(0,i.jsx)(n.code,{children:"shared/api"}),"\u306b\u4fdd\u5b58\u3059\u308b\u5fc5\u8981\u304c\u3042\u308a\u307e\u3059\u3002",(0,i.jsx)(n.a,{href:"/docs/get-started/tutorial#authentication",children:"\u300c\u8a8d\u8a3c\u300d\u30c1\u30e5\u30fc\u30c8\u30ea\u30a2\u30eb\u30bb\u30af\u30b7\u30e7\u30f3"}),"\u306b\u306f\u3001Remix\u3067\u306e\u5b9f\u88c5\u4f8b\u304c\u3042\u308a\u307e\u3059\u3002"]}),"\n",(0,i.jsx)(n.p,{children:"\u305f\u3060\u3057\u3001\u6642\u306b\u306f\u30c8\u30fc\u30af\u30f3\u3092\u30af\u30c3\u30ad\u30fc\u306b\u4fdd\u5b58\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u306a\u3044\u5834\u5408\u3082\u3042\u308a\u307e\u3059\u3002\u3053\u306e\u5834\u5408\u3001\u30c8\u30fc\u30af\u30f3\u3092\u81ea\u5206\u3067\u4fdd\u5b58\u3057\u306a\u3051\u308c\u3070\u306a\u308a\u307e\u305b\u3093\u3002\u305d\u306e\u969b\u3001\u30c8\u30fc\u30af\u30f3\u306e\u6709\u52b9\u671f\u9650\u304c\u5207\u308c\u305f\u3068\u304d\u306b\u66f4\u65b0\u3059\u308b\u30ed\u30b8\u30c3\u30af\u3092\u66f8\u304f\u624b\u9593\u304c\u304b\u304b\u308b\u304b\u3082\u3057\u308c\u307e\u305b\u3093\u3002FSD\u306e\u67a0\u7d44\u307f\u5185\u306b\u306f\u3001\u30c8\u30fc\u30af\u30f3\u3092\u4fdd\u5b58\u3067\u304d\u308b\u3044\u304f\u3064\u304b\u306e\u5834\u6240\u3068\u3001\u305d\u306e\u30c8\u30fc\u30af\u30f3\u3092\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u306e\u4ed6\u306e\u90e8\u5206\u3067\u5229\u7528\u3067\u304d\u308b\u3088\u3046\u306b\u3059\u308b\u3044\u304f\u3064\u304b\u306e\u65b9\u6cd5\u304c\u3042\u308a\u307e\u3059\u3002"}),"\n",(0,i.jsx)(n.h3,{id:"shared\u5c64\u306b\u4fdd\u5b58\u3059\u308b",children:"Shared\u5c64\u306b\u4fdd\u5b58\u3059\u308b"}),"\n",(0,i.jsxs)(n.p,{children:["\u3053\u306e\u30a2\u30d7\u30ed\u30fc\u30c1\u306f\u3001API\u30af\u30e9\u30a4\u30a2\u30f3\u30c8\u304c",(0,i.jsx)(n.code,{children:"shared/api"}),"\u306b\u5b9a\u7fa9\u3055\u308c\u3066\u3044\u308b\u5834\u5408\u306b\u3046\u307e\u304f\u6a5f\u80fd\u3057\u307e\u3059\u3002\u306a\u305c\u306a\u3089\u3001API\u30af\u30e9\u30a4\u30a2\u30f3\u30c8\u304c\u30c8\u30fc\u30af\u30f3\u306b\u81ea\u7531\u306b\u30a2\u30af\u30bb\u30b9\u3067\u304d\u308b\u304b\u3089\u3067\u3059\u3002\u30af\u30e9\u30a4\u30a2\u30f3\u30c8\u304c\u72b6\u614b\u3092\u6301\u3064\u3088\u3046\u306b\u3059\u308b\u306b\u306f\u3001\u30ea\u30a2\u30af\u30c6\u30a3\u30d6\u30b9\u30c8\u30a2\u3092\u4f7f\u7528\u3059\u308b\u304b\u3001\u5358\u306b\u30e2\u30b8\u30e5\u30fc\u30eb\u30ec\u30d9\u30eb\u306e\u5909\u6570\u3092\u4f7f\u7528\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002\u305d\u306e\u5f8c\u3001",(0,i.jsx)(n.code,{children:"login()"}),"/",(0,i.jsx)(n.code,{children:"logout()"}),"\u95a2\u6570\u5185\u3067\u3053\u306e\u72b6\u614b\u3092\u66f4\u65b0\u3067\u304d\u307e\u3059\u3002"]}),"\n",(0,i.jsx)(n.p,{children:"\u30c8\u30fc\u30af\u30f3\u306e\u81ea\u52d5\u66f4\u65b0\u306f\u3001API\u30af\u30e9\u30a4\u30a2\u30f3\u30c8\u5185\u306e\u30df\u30c9\u30eb\u30a6\u30a7\u30a2\u3068\u3057\u3066\u5b9f\u88c5\u3067\u304d\u307e\u3059\u3002\u3053\u308c\u306f\u3001\u30ea\u30af\u30a8\u30b9\u30c8\u3092\u884c\u3046\u305f\u3073\u306b\u5b9f\u884c\u3055\u308c\u307e\u3059\u3002\u4f8b\u3048\u3070\u3001\u6b21\u306e\u3088\u3046\u306b\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002"}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsx)(n.li,{children:"\u8a8d\u8a3c\u3057\u3001\u30a2\u30af\u30bb\u30b9\u30c8\u30fc\u30af\u30f3\u3068\u30ea\u30d5\u30ec\u30c3\u30b7\u30e5\u30c8\u30fc\u30af\u30f3\u3092\u4fdd\u5b58\u3059\u308b"}),"\n",(0,i.jsx)(n.li,{children:"\u8a8d\u8a3c\u3092\u5fc5\u8981\u3068\u3059\u308b\u30ea\u30af\u30a8\u30b9\u30c8\u3092\u884c\u3046"}),"\n",(0,i.jsx)(n.li,{children:"\u30ea\u30af\u30a8\u30b9\u30c8\u304c\u30a2\u30af\u30bb\u30b9\u30c8\u30fc\u30af\u30f3\u306e\u6709\u52b9\u671f\u9650\u5207\u308c\u3092\u793a\u3059\u30b9\u30c6\u30fc\u30bf\u30b9\u30b3\u30fc\u30c9\u3067\u5931\u6557\u3057\u305f\u5834\u5408\u3001\u30b9\u30c8\u30ec\u30fc\u30b8\u306b\u30ea\u30d5\u30ec\u30c3\u30b7\u30e5\u30c8\u30fc\u30af\u30f3\u304c\u3042\u308c\u3070\u3001\u66f4\u65b0\u30ea\u30af\u30a8\u30b9\u30c8\u3092\u884c\u3044\u3001\u65b0\u3057\u3044\u30a2\u30af\u30bb\u30b9\u30c8\u30fc\u30af\u30f3\u3068\u30ea\u30d5\u30ec\u30c3\u30b7\u30e5\u30c8\u30fc\u30af\u30f3\u3092\u4fdd\u5b58\u3057\u3001\u5143\u306e\u30ea\u30af\u30a8\u30b9\u30c8\u3092\u518d\u8a66\u884c\u3059\u308b"}),"\n"]}),"\n",(0,i.jsxs)(n.p,{children:["\u3053\u306e\u30a2\u30d7\u30ed\u30fc\u30c1\u306e\u6b20\u70b9\u306e1\u3064\u306f\u3001\u30c8\u30fc\u30af\u30f3\u306e\u4fdd\u5b58\u3068\u66f4\u65b0\u30ed\u30b8\u30c3\u30af\u304c\u5c02\u7528\u306e\u5834\u6240\u3092\u6301\u305f\u306a\u3044\u3053\u3068\u3067\u3059\u3002\u3053\u308c\u306f\u3001\u7279\u5b9a\u306e\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u3084\u30c1\u30fc\u30e0\u306b\u306f\u9069\u3057\u3066\u3044\u308b\u304b\u3082\u3057\u308c\u307e\u305b\u3093\u304c\u3001\u30c8\u30fc\u30af\u30f3\u7ba1\u7406\u306e\u30ed\u30b8\u30c3\u30af\u304c\u3088\u308a\u8907\u96d1\u306a\u5834\u5408\u3001\u30ea\u30af\u30a8\u30b9\u30c8\u9001\u4fe1\u3068\u30c8\u30fc\u30af\u30f3\u7ba1\u7406\u306e\u8cac\u4efb\u3092\u5206\u3051\u305f\u3044\u3068\u601d\u3046\u304b\u3082\u3057\u308c\u307e\u305b\u3093\u3002\u3053\u306e\u5834\u5408\u3001\u30ea\u30af\u30a8\u30b9\u30c8\u3068API\u30af\u30e9\u30a4\u30a2\u30f3\u30c8\u3092",(0,i.jsx)(n.code,{children:"shared/api"}),"\u306b\u7f6e\u304d\u3001\u30c8\u30fc\u30af\u30f3\u30b9\u30c8\u30ec\u30fc\u30b8\u3068\u66f4\u65b0\u30ed\u30b8\u30c3\u30af\u3092",(0,i.jsx)(n.code,{children:"shared/auth"}),"\u306b\u914d\u7f6e\u3057\u307e\u3059\u3002"]}),"\n",(0,i.jsxs)(n.p,{children:["\u3053\u306e\u30a2\u30d7\u30ed\u30fc\u30c1\u306e\u3082\u30461\u3064\u306e\u6b20\u70b9\u306f\u3001\u30b5\u30fc\u30d0\u30fc\u304c\u30c8\u30fc\u30af\u30f3\u3068\u3068\u3082\u306b\u73fe\u5728\u306e\u30e6\u30fc\u30b6\u30fc\u306b\u95a2\u3059\u308b\u60c5\u5831\u3092\u8fd4\u3059\u5834\u5408\u3001\u305d\u306e\u60c5\u5831\u3092\u4fdd\u5b58\u3059\u308b\u5834\u6240\u304c\u306a\u304f\u3001\u7279\u5225\u306a\u30a8\u30f3\u30c9\u30dd\u30a4\u30f3\u30c8\uff08\u4f8b\u3048\u3070",(0,i.jsx)(n.code,{children:"/me"}),"\u3084",(0,i.jsx)(n.code,{children:"/users/current"}),"\uff09\u304b\u3089\u518d\u5ea6\u53d6\u5f97\u3059\u308b\u5fc5\u8981\u304c\u3042\u308b\u3053\u3068\u3067\u3059\u3002"]}),"\n",(0,i.jsx)(n.h3,{id:"entities\u5c64\u306b\u4fdd\u5b58\u3059\u308b",children:"Entities\u5c64\u306b\u4fdd\u5b58\u3059\u308b"}),"\n",(0,i.jsx)(n.p,{children:"FSD\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u306b\u306f\u3001\u30e6\u30fc\u30b6\u30fc\u30a8\u30f3\u30c6\u30a3\u30c6\u30a3\u3084\u73fe\u5728\u306e\u30e6\u30fc\u30b6\u30fc\u30a8\u30f3\u30c6\u30a3\u30c6\u30a3\u304c\u5b58\u5728\u3059\u308b\u3053\u3068\u304c\u3088\u304f\u3042\u308a\u307e\u3059\u3002\u3053\u308c\u3089\u306f\u540c\u3058\u30a8\u30f3\u30c6\u30a3\u30c6\u30a3\u3067\u3042\u308b\u5834\u5408\u3082\u3042\u308a\u307e\u3059\u3002"}),"\n",(0,i.jsx)(n.admonition,{type:"note",children:(0,i.jsxs)(n.p,{children:[(0,i.jsx)(n.strong,{children:"\u73fe\u5728\u306e\u30e6\u30fc\u30b6\u30fc"}),"\u306f\u6642\u306b\u306f\u300cviewer\u300d\u3084\u300cme\u300d\u3068\u3082\u547c\u3070\u308c\u307e\u3059\u3002\u3053\u308c\u306f\u3001\u6a29\u9650\u3068\u30d7\u30e9\u30a4\u30d9\u30fc\u30c8\u60c5\u5831\u3092\u6301\u3064\u8a8d\u8a3c\u3055\u308c\u305f\u30e6\u30fc\u30b6\u30fc\u3068\u3001\u516c\u958b\u60c5\u5831\u3092\u6301\u3064\u4ed6\u306e\u3059\u3079\u3066\u306e\u30e6\u30fc\u30b6\u30fc\u3092\u533a\u5225\u3059\u308b\u305f\u3081\u306b\u884c\u308f\u308c\u307e\u3059\u3002"]})}),"\n",(0,i.jsxs)(n.p,{children:["\u30e6\u30fc\u30b6\u30fc\u30a8\u30f3\u30c6\u30a3\u30c6\u30a3\u306b\u30c8\u30fc\u30af\u30f3\u3092\u4fdd\u5b58\u3059\u308b\u306b\u306f\u3001",(0,i.jsx)(n.code,{children:"model"}),"\u30bb\u30b0\u30e1\u30f3\u30c8\u306b\u30ea\u30a2\u30af\u30c6\u30a3\u30d6\u30b9\u30c8\u30a2\u3092\u4f5c\u6210\u3057\u307e\u3059\u3002\u3053\u306e\u30b9\u30c8\u30a2\u306b\u306f\u3001\u30c8\u30fc\u30af\u30f3\u3068\u30e6\u30fc\u30b6\u30fc\u60c5\u5831\u306e\u30aa\u30d6\u30b8\u30a7\u30af\u30c8\u306e\u4e21\u65b9\u3092\u542b\u3081\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002"]}),"\n",(0,i.jsxs)(n.p,{children:["API\u30af\u30e9\u30a4\u30a2\u30f3\u30c8\u306f\u901a\u5e38\u3001",(0,i.jsx)(n.code,{children:"shared/api"}),"\u306b\u914d\u7f6e\u3055\u308c\u308b\u304b\u3001\u30a8\u30f3\u30c6\u30a3\u30c6\u30a3\u9593\u3067\u5206\u6563\u3055\u308c\u308b\u305f\u3081\u3001\u3053\u306e\u30a2\u30d7\u30ed\u30fc\u30c1\u306e\u4e3b\u306a\u554f\u984c\u306f\u3001\u4ed6\u306e\u30ea\u30af\u30a8\u30b9\u30c8\u304c\u30c8\u30fc\u30af\u30f3\u306b\u30a2\u30af\u30bb\u30b9\u3067\u304d\u308b\u3088\u3046\u306b\u3057\u3064\u3064\u3001",(0,i.jsx)(n.a,{href:"/docs/reference/layers#import-rule-on-layers",children:"\u30ec\u30a4\u30e4\u30fc\u306e\u30a4\u30f3\u30dd\u30fc\u30c8\u30eb\u30fc\u30eb"}),"\u3092\u7834\u3089\u306a\u3044\u3053\u3068\u3067\u3059\u3002"]}),"\n",(0,i.jsxs)(n.blockquote,{children:["\n",(0,i.jsx)(n.p,{children:"\u30b9\u30e9\u30a4\u30b9\u5185\u306e\u30e2\u30b8\u30e5\u30fc\u30eb\u306f\u3001\u4e0b\u5c64\u306b\u3042\u308b\u30b9\u30e9\u30a4\u30b9\u306e\u307f\u3092\u30a4\u30f3\u30dd\u30fc\u30c8\u3067\u304d\u308b\u3002"}),"\n"]}),"\n",(0,i.jsx)(n.p,{children:"\u3053\u306e\u554f\u984c\u306b\u306f\u3044\u304f\u3064\u304b\u306e\u89e3\u6c7a\u7b56\u304c\u3042\u308a\u307e\u3059\u3002"}),"\n",(0,i.jsxs)(n.ol,{children:["\n",(0,i.jsxs)(n.li,{children:["\n",(0,i.jsxs)(n.p,{children:[(0,i.jsx)(n.strong,{children:"\u30ea\u30af\u30a8\u30b9\u30c8\u3092\u884c\u3046\u305f\u3073\u306b\u30c8\u30fc\u30af\u30f3\u3092\u624b\u52d5\u3067\u6e21\u3059"}),(0,i.jsx)(n.br,{}),"\n","\u3053\u308c\u306f\u6700\u3082\u7c21\u5358\u306a\u89e3\u6c7a\u7b56\u3067\u3059\u304c\u3001\u3059\u3050\u306b\u4e0d\u4fbf\u306b\u306a\u308a\u3001\u53b3\u5bc6\u306a\u578b\u4ed8\u3051\u304c\u306a\u3044\u5834\u5408\u306f\u5fd8\u308c\u3084\u3059\u304f\u306a\u308a\u307e\u3059\u3002\u3053\u306e\u89e3\u6c7a\u7b56\u306f\u3001Shared\u5c64\u306eAPI\u30af\u30e9\u30a4\u30a2\u30f3\u30c8\u306e\u30df\u30c9\u30eb\u30a6\u30a7\u30a2\u30d1\u30bf\u30fc\u30f3\u3068\u3082\u4e92\u63db\u6027\u304c\u3042\u308a\u307e\u305b\u3093\u3002"]}),"\n"]}),"\n",(0,i.jsxs)(n.li,{children:["\n",(0,i.jsxs)(n.p,{children:[(0,i.jsxs)(n.strong,{children:["\u30b3\u30f3\u30c6\u30ad\u30b9\u30c8\u3084",(0,i.jsx)(n.code,{children:"localStorage"}),"\u306e\u3088\u3046\u306a\u30b0\u30ed\u30fc\u30d0\u30eb\u30b9\u30c8\u30ec\u30fc\u30b8\u3092\u4ecb\u3057\u3066\u30a2\u30d7\u30ea\u5168\u4f53\u306b\u30c8\u30fc\u30af\u30f3\u3078\u306e\u30a2\u30af\u30bb\u30b9\u3092\u63d0\u4f9b\u3059\u308b"]}),(0,i.jsx)(n.br,{}),"\n","\u30c8\u30fc\u30af\u30f3\u3092\u53d6\u5f97\u3059\u308b\u305f\u3081\u306e\u30ad\u30fc\u306f",(0,i.jsx)(n.code,{children:"shared/api"}),"\u306b\u4fdd\u5b58\u3055\u308c\u3001API\u30af\u30e9\u30a4\u30a2\u30f3\u30c8\u304c\u305d\u308c\u3092\u4f7f\u7528\u3067\u304d\u308b\u3088\u3046\u306b\u3057\u307e\u3059\u3002\u30c8\u30fc\u30af\u30f3\u306e\u30ea\u30a2\u30af\u30c6\u30a3\u30d6\u30b9\u30c8\u30a2\u306f\u30e6\u30fc\u30b6\u30fc\u30a8\u30f3\u30c6\u30a3\u30c6\u30a3\u304b\u3089\u30a8\u30af\u30b9\u30dd\u30fc\u30c8\u3055\u308c\u3001\u5fc5\u8981\u306b\u5fdc\u3058\u3066\u30b3\u30f3\u30c6\u30ad\u30b9\u30c8\u30d7\u30ed\u30d0\u30a4\u30c0\u30fc\u304cApp\u5c64\u3067\u8a2d\u5b9a\u3055\u308c\u307e\u3059\u3002\u3053\u308c\u306b\u3088\u308a\u3001API\u30af\u30e9\u30a4\u30a2\u30f3\u30c8\u306e\u8a2d\u8a08\u306b\u5bfe\u3059\u308b\u81ea\u7531\u5ea6\u304c\u5897\u3057\u307e\u3059\u304c\u3001\u3053\u306e\u30a2\u30d7\u30ed\u30fc\u30c1\u306f\u6697\u9ed9\u306e\u4f9d\u5b58\u95a2\u4fc2\u3092\u751f\u307f\u51fa\u3057\u3066\u3057\u307e\u3044\u307e\u3059\u3002"]}),"\n"]}),"\n",(0,i.jsxs)(n.li,{children:["\n",(0,i.jsxs)(n.p,{children:[(0,i.jsx)(n.strong,{children:"\u30c8\u30fc\u30af\u30f3\u304c\u5909\u66f4\u3055\u308c\u308b\u305f\u3073\u306bAPI\u30af\u30e9\u30a4\u30a2\u30f3\u30c8\u306b\u30c8\u30fc\u30af\u30f3\u3092\u633f\u5165\u3059\u308b"}),(0,i.jsx)(n.br,{}),"\n","\u30ea\u30a2\u30af\u30c6\u30a3\u30d6\u306a\u30b9\u30c8\u30a2\u3067\u3042\u308c\u3070\u3001\u5909\u66f4\u3092\u76e3\u8996\u3057\u3001\u30e6\u30fc\u30b6\u30fc\u30a8\u30f3\u30c6\u30a3\u30c6\u30a3\u306e\u30b9\u30c8\u30a2\u304c\u5909\u66f4\u3055\u308c\u308b\u305f\u3073\u306bAPI\u30af\u30e9\u30a4\u30a2\u30f3\u30c8\u306e\u30c8\u30fc\u30af\u30f3\u3092\u66f4\u65b0\u3067\u304d\u307e\u3059\u3002\u3053\u306e\u89e3\u6c7a\u7b56\u306f\u3001\u524d\u306e\u89e3\u6c7a\u7b56\u3068\u540c\u69d8\u306b\u6697\u9ed9\u306e\u4f9d\u5b58\u95a2\u4fc2\u3092\u751f\u307f\u51fa\u3057\u3066\u3057\u307e\u3044\u307e\u3059\u304c\u3001\u3088\u308a\u547d\u4ee4\u7684\uff08\u300c\u30d7\u30c3\u30b7\u30e5\u300d\uff09\u3067\u3042\u308a\u3001\u524d\u306e\u3082\u306e\u306f\u3088\u308a\u5ba3\u8a00\u7684\uff08\u300c\u30d7\u30eb\u300d\uff09\u3067\u3059\u3002"]}),"\n"]}),"\n"]}),"\n",(0,i.jsxs)(n.p,{children:["\u30e6\u30fc\u30b6\u30fc\u30a8\u30f3\u30c6\u30a3\u30c6\u30a3\u306e\u30e2\u30c7\u30eb\u306b\u4fdd\u5b58\u3055\u308c\u305f\u30c8\u30fc\u30af\u30f3\u306e\u53ef\u7528\u6027\u306e\u554f\u984c\u3092\u89e3\u6c7a\u3057\u305f\u3089\u3001\u30c8\u30fc\u30af\u30f3\u7ba1\u7406\u306b\u95a2\u9023\u3059\u308b\u8ffd\u52a0\u306e\u30d3\u30b8\u30cd\u30b9\u30ed\u30b8\u30c3\u30af\u3092\u8a18\u8ff0\u3067\u304d\u307e\u3059\u3002\u4f8b\u3048\u3070\u3001",(0,i.jsx)(n.code,{children:"model"}),"\u30bb\u30b0\u30e1\u30f3\u30c8\u306b\u306f\u3001\u30c8\u30fc\u30af\u30f3\u3092\u4e00\u5b9a\u671f\u9593\u5f8c\u306b\u7121\u52b9\u306b\u3059\u308b\u30ed\u30b8\u30c3\u30af\u3084\u3001\u671f\u9650\u5207\u308c\u306e\u30c8\u30fc\u30af\u30f3\u3092\u66f4\u65b0\u3059\u308b\u30ed\u30b8\u30c3\u30af\u3092\u542b\u3081\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002\u3053\u308c\u3089\u306e\u30bf\u30b9\u30af\u3092\u5b9f\u884c\u3059\u308b\u305f\u3081\u306b\u3001\u30e6\u30fc\u30b6\u30fc\u30a8\u30f3\u30c6\u30a3\u30c6\u30a3\u306e",(0,i.jsx)(n.code,{children:"api"}),"\u30bb\u30b0\u30e1\u30f3\u30c8\u3001\u307e\u305f\u306f",(0,i.jsx)(n.code,{children:"shared/api"}),"\u3092\u4f7f\u7528\u3057\u307e\u3059\u3002"]}),"\n",(0,i.jsx)(n.h3,{id:"pages\u5c64widgets\u5c64\u306b\u4fdd\u5b58\u3059\u308b\u975e\u63a8\u5968",children:"Pages\u5c64/Widgets\u5c64\u306b\u4fdd\u5b58\u3059\u308b\uff08\u975e\u63a8\u5968\uff09"}),"\n",(0,i.jsxs)(n.p,{children:["\u30a2\u30af\u30bb\u30b9\u30c8\u30fc\u30af\u30f3\u306e\u3088\u3046\u306a\u30a2\u30d7\u30ea\u5168\u4f53\u306b\u95a2\u9023\u3059\u308b\u72b6\u614b\u3092\u30da\u30fc\u30b8\u3084\u30a6\u30a3\u30b8\u30a7\u30c3\u30c8\u306b\u4fdd\u5b58\u3059\u308b\u3053\u3068\u306f\u63a8\u5968\u3055\u308c\u307e\u305b\u3093\u3002\u30ed\u30b0\u30a4\u30f3\u30da\u30fc\u30b8\u306e",(0,i.jsx)(n.code,{children:"model"}),"\u30bb\u30b0\u30e1\u30f3\u30c8\u306b\u30c8\u30fc\u30af\u30f3\u30b9\u30c8\u30ec\u30fc\u30b8\u3092\u914d\u7f6e\u3057\u306a\u3044\u3067\u304f\u3060\u3055\u3044\u3002\u4ee3\u308f\u308a\u306b\u3001\u6700\u521d\u306e2\u3064\u306e\u89e3\u6c7a\u7b56\uff08Shared\u5c64\u914d\u7f6e\u304bEntities\u5c64\u914d\u7f6e\uff09\u306e\u3044\u305a\u308c\u304b\u3092\u9078\u629e\u3057\u3066\u304f\u3060\u3055\u3044\u3002"]}),"\n",(0,i.jsx)(n.h2,{id:"\u30ed\u30b0\u30a2\u30a6\u30c8\u3068\u30c8\u30fc\u30af\u30f3\u306e\u7121\u52b9\u5316",children:"\u30ed\u30b0\u30a2\u30a6\u30c8\u3068\u30c8\u30fc\u30af\u30f3\u306e\u7121\u52b9\u5316"}),"\n",(0,i.jsx)(n.p,{children:"\u901a\u5e38\u3001\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u3067\u306f\u30ed\u30b0\u30a2\u30a6\u30c8\u5c02\u7528\u306e\u30da\u30fc\u30b8\u3092\u4f5c\u6210\u3057\u307e\u305b\u3093\u304c\u3001\u30ed\u30b0\u30a2\u30a6\u30c8\u6a5f\u80fd\u306f\u975e\u5e38\u306b\u91cd\u8981\u3067\u3059\u3002\u3053\u306e\u6a5f\u80fd\u306b\u306f\u3001\u30d0\u30c3\u30af\u30a8\u30f3\u30c9\u3078\u306e\u8a8d\u8a3c\u30ea\u30af\u30a8\u30b9\u30c8\u3068\u30c8\u30fc\u30af\u30f3\u30b9\u30c8\u30ec\u30fc\u30b8\u306e\u66f4\u65b0\u304c\u542b\u307e\u308c\u307e\u3059\u3002"}),"\n",(0,i.jsxs)(n.p,{children:["\u3059\u3079\u3066\u306e\u30ea\u30af\u30a8\u30b9\u30c8\u3092",(0,i.jsx)(n.code,{children:"shared/api"}),"\u306b\u4fdd\u5b58\u3057\u3066\u3044\u308b\u5834\u5408\u306f\u3001\u30ed\u30b0\u30a4\u30f3\u95a2\u6570\u306e\u8fd1\u304f\u306b\u30ed\u30b0\u30a2\u30a6\u30c8\u30ea\u30af\u30a8\u30b9\u30c8\u306e\u95a2\u6570\u3092\u914d\u7f6e\u3057\u3066\u304f\u3060\u3055\u3044\u3002\u305d\u3046\u3067\u306a\u3044\u5834\u5408\u306f\u3001\u30ed\u30b0\u30a2\u30a6\u30c8\u3092\u547c\u3073\u51fa\u3059\u30dc\u30bf\u30f3\u306e\u8fd1\u304f\u306b\u914d\u7f6e\u3057\u3066\u304f\u3060\u3055\u3044\u3002\u4f8b\u3048\u3070\u3001\u3059\u3079\u3066\u306e\u30da\u30fc\u30b8\u306b\u5b58\u5728\u3057\u3001\u30ed\u30b0\u30a2\u30a6\u30c8\u30ea\u30f3\u30af\u3092\u542b\u3080\u30d8\u30c3\u30c0\u30fc\u30a6\u30a3\u30b8\u30a7\u30c3\u30c8\u304c\u3042\u308b\u5834\u5408\u3001\u305d\u306e\u30ea\u30af\u30a8\u30b9\u30c8\u3092\u3053\u306e\u30a6\u30a3\u30b8\u30a7\u30c3\u30c8\u306e",(0,i.jsx)(n.code,{children:"api"}),"\u30bb\u30b0\u30e1\u30f3\u30c8\u306b\u914d\u7f6e\u3057\u307e\u3059\u3002"]}),"\n",(0,i.jsxs)(n.p,{children:["\u30c8\u30fc\u30af\u30f3\u30b9\u30c8\u30ec\u30fc\u30b8\u306e\u66f4\u65b0\u3082\u3001\u30ed\u30b0\u30a2\u30a6\u30c8\u30dc\u30bf\u30f3\u306e\u5834\u6240\u304b\u3089\u30c8\u30ea\u30ac\u30fc\u3055\u308c\u308b\u5fc5\u8981\u304c\u3042\u308a\u307e\u3059\u3002\u30ea\u30af\u30a8\u30b9\u30c8\u3068\u30b9\u30c8\u30ec\u30fc\u30b8\u306e\u66f4\u65b0\u3092\u3053\u306e\u30a6\u30a3\u30b8\u30a7\u30c3\u30c8\u306e",(0,i.jsx)(n.code,{children:"model"}),"\u30bb\u30b0\u30e1\u30f3\u30c8\u3067\u7d71\u5408\u3067\u304d\u307e\u3059\u3002"]}),"\n",(0,i.jsx)(n.h3,{id:"\u81ea\u52d5\u30ed\u30b0\u30a2\u30a6\u30c8",children:"\u81ea\u52d5\u30ed\u30b0\u30a2\u30a6\u30c8"}),"\n",(0,i.jsxs)(n.p,{children:["\u30ed\u30b0\u30a2\u30a6\u30c8\u30ea\u30af\u30a8\u30b9\u30c8\u3084\u30c8\u30fc\u30af\u30f3\u66f4\u65b0\u30ea\u30af\u30a8\u30b9\u30c8\u306e\u5931\u6557\u3092\u8003\u616e\u3059\u308b\u3053\u3068\u3092\u5fd8\u308c\u306a\u3044\u3067\u304f\u3060\u3055\u3044\u3002\u3044\u305a\u308c\u306e\u5834\u5408\u3082\u3001\u30c8\u30fc\u30af\u30f3\u30b9\u30c8\u30ec\u30fc\u30b8\u3092\u30ea\u30bb\u30c3\u30c8\u3059\u308b\u5fc5\u8981\u304c\u3042\u308a\u307e\u3059\u3002\u30c8\u30fc\u30af\u30f3\u3092Entities\u5c64\u306b\u4fdd\u5b58\u3057\u3066\u3044\u308b\u5834\u5408\u3001\u3053\u306e\u30b3\u30fc\u30c9\u306f",(0,i.jsx)(n.code,{children:"model"}),"\u30bb\u30b0\u30e1\u30f3\u30c8\u306b\u914d\u7f6e\u3067\u304d\u307e\u3059\u3002\u30c8\u30fc\u30af\u30f3\u3092Shared\u5c64\u306b\u4fdd\u5b58\u3057\u3066\u3044\u308b\u5834\u5408\u3001\u3053\u306e\u30ed\u30b8\u30c3\u30af\u3092",(0,i.jsx)(n.code,{children:"shared/api"}),"\u306b\u914d\u7f6e\u3059\u308b\u3068\u3001\u30bb\u30b0\u30e1\u30f3\u30c8\u304c\u81a8\u3089\u307f\u3001\u305d\u306e\u76ee\u7684\u304c\u66d6\u6627\u306b\u306a\u3063\u3066\u3057\u307e\u3044\u307e\u3059\u3002",(0,i.jsx)(n.code,{children:"api"}),"\u30bb\u30b0\u30e1\u30f3\u30c8\u306b\u7121\u95a2\u4fc2\u306a2\u3064\u306e\u3082\u306e\u304c\u542b\u307e\u308c\u3066\u3044\u308b\u3053\u3068\u306b\u6c17\u3065\u3044\u305f\u5834\u5408\u3001\u30c8\u30fc\u30af\u30f3\u7ba1\u7406\u30ed\u30b8\u30c3\u30af\u3092\u5225\u306e\u30bb\u30b0\u30e1\u30f3\u30c8\u3001\u4f8b\u3048\u3070",(0,i.jsx)(n.code,{children:"shared/auth"}),"\u306b\u5206\u96e2\u3059\u308b\u3053\u3068\u3092\u691c\u8a0e\u3057\u3066\u307f\u3066\u304f\u3060\u3055\u3044\u3002"]})]})}function o(e={}){const{wrapper:n}={...(0,r.R)(),...e.components};return n?(0,i.jsx)(n,{...e,children:(0,i.jsx)(h,{...e})}):h(e)}},1100:(e,n,s)=>{s.d(n,{R:()=>d,x:()=>c});var i=s(758);const r={},l=i.createContext(r);function d(e){const n=i.useContext(l);return i.useMemo((function(){return"function"==typeof e?e(n):{...n,...e}}),[n,e])}function c(e){let n;return n=e.disableParentContext?"function"==typeof e.components?e.components(r):e.components||r:d(e.components),i.createElement(l.Provider,{value:n},e.children)}}}]);
\ No newline at end of file
diff --git a/ja/assets/js/0289c23f.78005ed1.js b/ja/assets/js/0289c23f.bf82634d.js
similarity index 97%
rename from ja/assets/js/0289c23f.78005ed1.js
rename to ja/assets/js/0289c23f.bf82634d.js
index e81d1aa2c1..b2ca46824a 100644
--- a/ja/assets/js/0289c23f.78005ed1.js
+++ b/ja/assets/js/0289c23f.bf82634d.js
@@ -1 +1 @@
-"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[1436],{1928:(e,t,i)=>{i.d(t,{Ay:()=>u,RM:()=>a});var n=i(6070),s=i(1100),r=(i(758),i(6783)),c=i(7765);const d=e=>{let{ticket:t}=e;const i=`https://github.com/feature-sliced/documentation/issues/${t}`;return(0,n.jsxs)("div",{children:[(0,n.jsx)("p",{children:(0,c.T)({id:"shared.wip.title"})}),(0,n.jsx)("p",{children:(0,c.T)({id:"shared.wip.subtitle"})}),(0,n.jsxs)("ul",{children:[(0,n.jsxs)("li",{children:[(0,c.T)({id:"shared.wip.var.feedback.base"}),(0,n.jsx)(r.A,{to:i,children:(0,c.T)({id:"shared.wip.var.feedback.link"})})]}),(0,n.jsxs)("li",{children:[(0,c.T)({id:"shared.wip.var.material.base"}),(0,n.jsx)(r.A,{to:"https://t.me/feature_sliced",children:(0,c.T)({id:"shared.wip.var.material.link"})})]}),(0,n.jsxs)("li",{children:[(0,c.T)({id:"shared.wip.var.contribute.base"}),(0,n.jsx)(r.A,{to:"https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md",children:(0,c.T)({id:"shared.wip.var.contribute.link"})})]})]}),(0,n.jsx)("br",{}),(0,n.jsx)("p",{children:(0,n.jsx)("i",{children:"\ud83c\udf70 Stay tuned!"})})]})},a=[];function o(e){const t={admonition:"admonition",...(0,s.R)(),...e.components};return(0,n.jsx)(t.admonition,{title:"WIP",type:"caution",children:(0,n.jsx)(d,{ticket:e.ticket})})}function u(e={}){const{wrapper:t}={...(0,s.R)(),...e.components};return t?(0,n.jsx)(t,{...e,children:(0,n.jsx)(o,{...e})}):o(e)}},5510:(e,t,i)=>{i.r(t),i.d(t,{assets:()=>o,contentTitle:()=>d,default:()=>m,frontMatter:()=>c,metadata:()=>a,toc:()=>u});var n=i(6070),s=i(1100),r=i(1928);const c={sidebar_class_name:"sidebar-item--wip",unlisted:!0},d="\u30e1\u30c8\u30ea\u30af\u30b9",a={id:"guides/examples/metric",title:"\u30e1\u30c8\u30ea\u30af\u30b9",description:"",source:"@site/i18n/ja/docusaurus-plugin-content-docs/current/guides/examples/metric.mdx",sourceDirName:"guides/examples",slug:"/guides/examples/metric",permalink:"/ja/docs/guides/examples/metric",draft:!1,unlisted:!0,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/ja/docusaurus-plugin-content-docs/current/guides/examples/metric.mdx",tags:[],version:"current",lastUpdatedAt:1727607766e3,frontMatter:{sidebar_class_name:"sidebar-item--wip",unlisted:!0},sidebar:"guidesSidebar"},o={},u=[...r.RM];function l(e){const t={h1:"h1",header:"header",...(0,s.R)(),...e.components};return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(t.header,{children:(0,n.jsx)(t.h1,{id:"\u30e1\u30c8\u30ea\u30af\u30b9",children:"\u30e1\u30c8\u30ea\u30af\u30b9"})}),"\n",(0,n.jsx)(r.Ay,{ticket:"181"})]})}function m(e={}){const{wrapper:t}={...(0,s.R)(),...e.components};return t?(0,n.jsx)(t,{...e,children:(0,n.jsx)(l,{...e})}):l(e)}},1100:(e,t,i)=>{i.d(t,{R:()=>c,x:()=>d});var n=i(758);const s={},r=n.createContext(s);function c(e){const t=n.useContext(r);return n.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function d(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(s):e.components||s:c(e.components),n.createElement(r.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
+"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[1436],{1928:(e,t,i)=>{i.d(t,{Ay:()=>u,RM:()=>a});var n=i(6070),s=i(1100),r=(i(758),i(6783)),c=i(7765);const d=e=>{let{ticket:t}=e;const i=`https://github.com/feature-sliced/documentation/issues/${t}`;return(0,n.jsxs)("div",{children:[(0,n.jsx)("p",{children:(0,c.T)({id:"shared.wip.title"})}),(0,n.jsx)("p",{children:(0,c.T)({id:"shared.wip.subtitle"})}),(0,n.jsxs)("ul",{children:[(0,n.jsxs)("li",{children:[(0,c.T)({id:"shared.wip.var.feedback.base"}),(0,n.jsx)(r.A,{to:i,children:(0,c.T)({id:"shared.wip.var.feedback.link"})})]}),(0,n.jsxs)("li",{children:[(0,c.T)({id:"shared.wip.var.material.base"}),(0,n.jsx)(r.A,{to:"https://t.me/feature_sliced",children:(0,c.T)({id:"shared.wip.var.material.link"})})]}),(0,n.jsxs)("li",{children:[(0,c.T)({id:"shared.wip.var.contribute.base"}),(0,n.jsx)(r.A,{to:"https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md",children:(0,c.T)({id:"shared.wip.var.contribute.link"})})]})]}),(0,n.jsx)("br",{}),(0,n.jsx)("p",{children:(0,n.jsx)("i",{children:"\ud83c\udf70 Stay tuned!"})})]})},a=[];function o(e){const t={admonition:"admonition",...(0,s.R)(),...e.components};return(0,n.jsx)(t.admonition,{title:"WIP",type:"caution",children:(0,n.jsx)(d,{ticket:e.ticket})})}function u(e={}){const{wrapper:t}={...(0,s.R)(),...e.components};return t?(0,n.jsx)(t,{...e,children:(0,n.jsx)(o,{...e})}):o(e)}},5510:(e,t,i)=>{i.r(t),i.d(t,{assets:()=>o,contentTitle:()=>d,default:()=>m,frontMatter:()=>c,metadata:()=>a,toc:()=>u});var n=i(6070),s=i(1100),r=i(1928);const c={sidebar_class_name:"sidebar-item--wip",unlisted:!0},d="\u30e1\u30c8\u30ea\u30af\u30b9",a={id:"guides/examples/metric",title:"\u30e1\u30c8\u30ea\u30af\u30b9",description:"",source:"@site/i18n/ja/docusaurus-plugin-content-docs/current/guides/examples/metric.mdx",sourceDirName:"guides/examples",slug:"/guides/examples/metric",permalink:"/ja/docs/guides/examples/metric",draft:!1,unlisted:!0,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/ja/docusaurus-plugin-content-docs/current/guides/examples/metric.mdx",tags:[],version:"current",lastUpdatedAt:1728325386e3,frontMatter:{sidebar_class_name:"sidebar-item--wip",unlisted:!0},sidebar:"guidesSidebar"},o={},u=[...r.RM];function l(e){const t={h1:"h1",header:"header",...(0,s.R)(),...e.components};return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(t.header,{children:(0,n.jsx)(t.h1,{id:"\u30e1\u30c8\u30ea\u30af\u30b9",children:"\u30e1\u30c8\u30ea\u30af\u30b9"})}),"\n",(0,n.jsx)(r.Ay,{ticket:"181"})]})}function m(e={}){const{wrapper:t}={...(0,s.R)(),...e.components};return t?(0,n.jsx)(t,{...e,children:(0,n.jsx)(l,{...e})}):l(e)}},1100:(e,t,i)=>{i.d(t,{R:()=>c,x:()=>d});var n=i(758);const s={},r=n.createContext(s);function c(e){const t=n.useContext(r);return n.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function d(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(s):e.components||s:c(e.components),n.createElement(r.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
diff --git a/ja/assets/js/05cea7a5.0075ee40.js b/ja/assets/js/05cea7a5.2123c32d.js
similarity index 98%
rename from ja/assets/js/05cea7a5.0075ee40.js
rename to ja/assets/js/05cea7a5.2123c32d.js
index 7181c24683..26cd4e9190 100644
--- a/ja/assets/js/05cea7a5.0075ee40.js
+++ b/ja/assets/js/05cea7a5.2123c32d.js
@@ -1 +1 @@
-"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[688],{4505:(e,t,s)=>{s.r(t),s.d(t,{assets:()=>d,contentTitle:()=>r,default:()=>h,frontMatter:()=>i,metadata:()=>c,toc:()=>o});var n=s(6070),a=s(1100);const i={unlisted:!0},r="\u5206\u89e3\u306e\u30c1\u30fc\u30c8\u30b7\u30fc\u30c8",c={id:"get-started/cheatsheet",title:"\u5206\u89e3\u306e\u30c1\u30fc\u30c8\u30b7\u30fc\u30c8",description:"\u30a4\u30f3\u30bf\u30fc\u30d5\u30a7\u30fc\u30b9\u3092\u30ec\u30a4\u30e4\u30fc\u306b\u5206\u5272\u3059\u308b\u969b\u306e\u53c2\u8003\u66f8\u3068\u3057\u3066\u4f7f\u7528\u3057\u3066\u304f\u3060\u3055\u3044\u3002\u4ee5\u4e0b\u306bPDF\u30d0\u30fc\u30b8\u30e7\u30f3\u3082\u3042\u308a\u3001\u5370\u5237\u3057\u3066\u6795\u306e\u4e0b\u306b\u7f6e\u3044\u3066\u304a\u304f\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002",source:"@site/i18n/ja/docusaurus-plugin-content-docs/current/get-started/cheatsheet.mdx",sourceDirName:"get-started",slug:"/get-started/cheatsheet",permalink:"/ja/docs/get-started/cheatsheet",draft:!1,unlisted:!0,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/ja/docusaurus-plugin-content-docs/current/get-started/cheatsheet.mdx",tags:[],version:"current",lastUpdatedAt:1727607766e3,frontMatter:{unlisted:!0},sidebar:"getstartedSidebar"},d={},o=[{value:"\u30ec\u30a4\u30e4\u30fc\u306e\u9078\u629e",id:"choosing-a-layer",level:2},{value:"\u4f8b",id:"examples",level:2},{value:"\u30c4\u30a4\u30fc\u30c8",id:"\u30c4\u30a4\u30fc\u30c8",level:3},{value:"GitHub",id:"github",level:3},{value:"\u53c2\u7167",id:"see-also",level:2}];function l(e){const t={a:"a",h1:"h1",h2:"h2",h3:"h3",header:"header",img:"img",li:"li",p:"p",ul:"ul",...(0,a.R)(),...e.components};return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(t.header,{children:(0,n.jsx)(t.h1,{id:"\u5206\u89e3\u306e\u30c1\u30fc\u30c8\u30b7\u30fc\u30c8",children:"\u5206\u89e3\u306e\u30c1\u30fc\u30c8\u30b7\u30fc\u30c8"})}),"\n",(0,n.jsx)(t.p,{children:"\u30a4\u30f3\u30bf\u30fc\u30d5\u30a7\u30fc\u30b9\u3092\u30ec\u30a4\u30e4\u30fc\u306b\u5206\u5272\u3059\u308b\u969b\u306e\u53c2\u8003\u66f8\u3068\u3057\u3066\u4f7f\u7528\u3057\u3066\u304f\u3060\u3055\u3044\u3002\u4ee5\u4e0b\u306bPDF\u30d0\u30fc\u30b8\u30e7\u30f3\u3082\u3042\u308a\u3001\u5370\u5237\u3057\u3066\u6795\u306e\u4e0b\u306b\u7f6e\u3044\u3066\u304a\u304f\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002"}),"\n",(0,n.jsx)(t.h2,{id:"choosing-a-layer",children:"\u30ec\u30a4\u30e4\u30fc\u306e\u9078\u629e"}),"\n",(0,n.jsx)(t.p,{children:(0,n.jsx)(t.a,{target:"_blank","data-noBrokenLinkCheck":!0,href:s(9603).A+"",children:"PDF\u3092\u30c0\u30a6\u30f3\u30ed\u30fc\u30c9"})}),"\n",(0,n.jsx)(t.p,{children:(0,n.jsx)(t.img,{alt:"\u30ec\u30a4\u30e4\u30fc\u306e\u5b9a\u7fa9\u3068\u81ea\u5df1\u30c1\u30a7\u30c3\u30af\u306e\u8cea\u554f",src:s(4603).A+"",width:"1684",height:"1190"})}),"\n",(0,n.jsx)(t.h2,{id:"examples",children:"\u4f8b"}),"\n",(0,n.jsx)(t.h3,{id:"\u30c4\u30a4\u30fc\u30c8",children:"\u30c4\u30a4\u30fc\u30c8"}),"\n",(0,n.jsx)(t.p,{children:(0,n.jsx)(t.img,{alt:"\u5206\u89e3\u3055\u308c\u305f\u30c4\u30a4\u30fc\u30c8",src:s(8898).A+"",width:"1200",height:"2364"})}),"\n",(0,n.jsx)(t.h3,{id:"github",children:"GitHub"}),"\n",(0,n.jsx)(t.p,{children:(0,n.jsx)(t.img,{alt:"\u5206\u89e3\u3055\u308c\u305fGitHub",src:s(8142).A+"",width:"2291",height:"1080"})}),"\n",(0,n.jsx)(t.h2,{id:"see-also",children:"\u53c2\u7167"}),"\n",(0,n.jsxs)(t.ul,{children:["\n",(0,n.jsx)(t.li,{children:(0,n.jsx)(t.a,{href:"https://www.pluralsight.com/resources/blog/guides/how-to-organize-your-react--redux-codebase",children:"(\u8a18\u4e8b) \u30ed\u30b8\u30c3\u30af\u306e\u5206\u89e3\u306b\u304a\u3051\u308b\u3055\u307e\u3056\u307e\u306a\u30a2\u30d7\u30ed\u30fc\u30c1"})}),"\n"]})]})}function h(e={}){const{wrapper:t}={...(0,a.R)(),...e.components};return t?(0,n.jsx)(t,{...e,children:(0,n.jsx)(l,{...e})}):l(e)}},9603:(e,t,s)=>{s.d(t,{A:()=>n});const n=s.p+"assets/files/choosing-a-layer-en-12fdf3265c8fc4f6b58687352b81fce7.pdf"},4603:(e,t,s)=>{s.d(t,{A:()=>n});const n=s.p+"assets/images/choosing-a-layer-en-5b67f20bb921ba17d78a56c0dc7654a9.jpg"},8142:(e,t,s)=>{s.d(t,{A:()=>n});const n=s.p+"assets/images/decompose-github-a0eeb839a4b5ef5c480a73726a4451b0.jpg"},8898:(e,t,s)=>{s.d(t,{A:()=>n});const n=s.p+"assets/images/decompose-twitter-7b9a50f879d763c49305b3bf0751ee35.png"},1100:(e,t,s)=>{s.d(t,{R:()=>r,x:()=>c});var n=s(758);const a={},i=n.createContext(a);function r(e){const t=n.useContext(i);return n.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function c(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(a):e.components||a:r(e.components),n.createElement(i.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
+"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[688],{4505:(e,t,s)=>{s.r(t),s.d(t,{assets:()=>d,contentTitle:()=>r,default:()=>h,frontMatter:()=>i,metadata:()=>c,toc:()=>o});var n=s(6070),a=s(1100);const i={unlisted:!0},r="\u5206\u89e3\u306e\u30c1\u30fc\u30c8\u30b7\u30fc\u30c8",c={id:"get-started/cheatsheet",title:"\u5206\u89e3\u306e\u30c1\u30fc\u30c8\u30b7\u30fc\u30c8",description:"\u30a4\u30f3\u30bf\u30fc\u30d5\u30a7\u30fc\u30b9\u3092\u30ec\u30a4\u30e4\u30fc\u306b\u5206\u5272\u3059\u308b\u969b\u306e\u53c2\u8003\u66f8\u3068\u3057\u3066\u4f7f\u7528\u3057\u3066\u304f\u3060\u3055\u3044\u3002\u4ee5\u4e0b\u306bPDF\u30d0\u30fc\u30b8\u30e7\u30f3\u3082\u3042\u308a\u3001\u5370\u5237\u3057\u3066\u6795\u306e\u4e0b\u306b\u7f6e\u3044\u3066\u304a\u304f\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002",source:"@site/i18n/ja/docusaurus-plugin-content-docs/current/get-started/cheatsheet.mdx",sourceDirName:"get-started",slug:"/get-started/cheatsheet",permalink:"/ja/docs/get-started/cheatsheet",draft:!1,unlisted:!0,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/ja/docusaurus-plugin-content-docs/current/get-started/cheatsheet.mdx",tags:[],version:"current",lastUpdatedAt:1728325386e3,frontMatter:{unlisted:!0},sidebar:"getstartedSidebar"},d={},o=[{value:"\u30ec\u30a4\u30e4\u30fc\u306e\u9078\u629e",id:"choosing-a-layer",level:2},{value:"\u4f8b",id:"examples",level:2},{value:"\u30c4\u30a4\u30fc\u30c8",id:"\u30c4\u30a4\u30fc\u30c8",level:3},{value:"GitHub",id:"github",level:3},{value:"\u53c2\u7167",id:"see-also",level:2}];function l(e){const t={a:"a",h1:"h1",h2:"h2",h3:"h3",header:"header",img:"img",li:"li",p:"p",ul:"ul",...(0,a.R)(),...e.components};return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(t.header,{children:(0,n.jsx)(t.h1,{id:"\u5206\u89e3\u306e\u30c1\u30fc\u30c8\u30b7\u30fc\u30c8",children:"\u5206\u89e3\u306e\u30c1\u30fc\u30c8\u30b7\u30fc\u30c8"})}),"\n",(0,n.jsx)(t.p,{children:"\u30a4\u30f3\u30bf\u30fc\u30d5\u30a7\u30fc\u30b9\u3092\u30ec\u30a4\u30e4\u30fc\u306b\u5206\u5272\u3059\u308b\u969b\u306e\u53c2\u8003\u66f8\u3068\u3057\u3066\u4f7f\u7528\u3057\u3066\u304f\u3060\u3055\u3044\u3002\u4ee5\u4e0b\u306bPDF\u30d0\u30fc\u30b8\u30e7\u30f3\u3082\u3042\u308a\u3001\u5370\u5237\u3057\u3066\u6795\u306e\u4e0b\u306b\u7f6e\u3044\u3066\u304a\u304f\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002"}),"\n",(0,n.jsx)(t.h2,{id:"choosing-a-layer",children:"\u30ec\u30a4\u30e4\u30fc\u306e\u9078\u629e"}),"\n",(0,n.jsx)(t.p,{children:(0,n.jsx)(t.a,{target:"_blank","data-noBrokenLinkCheck":!0,href:s(9603).A+"",children:"PDF\u3092\u30c0\u30a6\u30f3\u30ed\u30fc\u30c9"})}),"\n",(0,n.jsx)(t.p,{children:(0,n.jsx)(t.img,{alt:"\u30ec\u30a4\u30e4\u30fc\u306e\u5b9a\u7fa9\u3068\u81ea\u5df1\u30c1\u30a7\u30c3\u30af\u306e\u8cea\u554f",src:s(4603).A+"",width:"1684",height:"1190"})}),"\n",(0,n.jsx)(t.h2,{id:"examples",children:"\u4f8b"}),"\n",(0,n.jsx)(t.h3,{id:"\u30c4\u30a4\u30fc\u30c8",children:"\u30c4\u30a4\u30fc\u30c8"}),"\n",(0,n.jsx)(t.p,{children:(0,n.jsx)(t.img,{alt:"\u5206\u89e3\u3055\u308c\u305f\u30c4\u30a4\u30fc\u30c8",src:s(8898).A+"",width:"1200",height:"2364"})}),"\n",(0,n.jsx)(t.h3,{id:"github",children:"GitHub"}),"\n",(0,n.jsx)(t.p,{children:(0,n.jsx)(t.img,{alt:"\u5206\u89e3\u3055\u308c\u305fGitHub",src:s(8142).A+"",width:"2291",height:"1080"})}),"\n",(0,n.jsx)(t.h2,{id:"see-also",children:"\u53c2\u7167"}),"\n",(0,n.jsxs)(t.ul,{children:["\n",(0,n.jsx)(t.li,{children:(0,n.jsx)(t.a,{href:"https://www.pluralsight.com/resources/blog/guides/how-to-organize-your-react--redux-codebase",children:"(\u8a18\u4e8b) \u30ed\u30b8\u30c3\u30af\u306e\u5206\u89e3\u306b\u304a\u3051\u308b\u3055\u307e\u3056\u307e\u306a\u30a2\u30d7\u30ed\u30fc\u30c1"})}),"\n"]})]})}function h(e={}){const{wrapper:t}={...(0,a.R)(),...e.components};return t?(0,n.jsx)(t,{...e,children:(0,n.jsx)(l,{...e})}):l(e)}},9603:(e,t,s)=>{s.d(t,{A:()=>n});const n=s.p+"assets/files/choosing-a-layer-en-12fdf3265c8fc4f6b58687352b81fce7.pdf"},4603:(e,t,s)=>{s.d(t,{A:()=>n});const n=s.p+"assets/images/choosing-a-layer-en-5b67f20bb921ba17d78a56c0dc7654a9.jpg"},8142:(e,t,s)=>{s.d(t,{A:()=>n});const n=s.p+"assets/images/decompose-github-a0eeb839a4b5ef5c480a73726a4451b0.jpg"},8898:(e,t,s)=>{s.d(t,{A:()=>n});const n=s.p+"assets/images/decompose-twitter-7b9a50f879d763c49305b3bf0751ee35.png"},1100:(e,t,s)=>{s.d(t,{R:()=>r,x:()=>c});var n=s(758);const a={},i=n.createContext(a);function r(e){const t=n.useContext(i);return n.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function c(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(a):e.components||a:r(e.components),n.createElement(i.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
diff --git a/ja/assets/js/06894aee.161a7678.js b/ja/assets/js/06894aee.4fc234ba.js
similarity index 98%
rename from ja/assets/js/06894aee.161a7678.js
rename to ja/assets/js/06894aee.4fc234ba.js
index 8a957657c4..62104e289f 100644
--- a/ja/assets/js/06894aee.161a7678.js
+++ b/ja/assets/js/06894aee.4fc234ba.js
@@ -1 +1 @@
-"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[1083],{1928:(e,t,i)=>{i.d(t,{Ay:()=>u,RM:()=>o});var s=i(6070),n=i(1100),r=(i(758),i(6783)),d=i(7765);const a=e=>{let{ticket:t}=e;const i=`https://github.com/feature-sliced/documentation/issues/${t}`;return(0,s.jsxs)("div",{children:[(0,s.jsx)("p",{children:(0,d.T)({id:"shared.wip.title"})}),(0,s.jsx)("p",{children:(0,d.T)({id:"shared.wip.subtitle"})}),(0,s.jsxs)("ul",{children:[(0,s.jsxs)("li",{children:[(0,d.T)({id:"shared.wip.var.feedback.base"}),(0,s.jsx)(r.A,{to:i,children:(0,d.T)({id:"shared.wip.var.feedback.link"})})]}),(0,s.jsxs)("li",{children:[(0,d.T)({id:"shared.wip.var.material.base"}),(0,s.jsx)(r.A,{to:"https://t.me/feature_sliced",children:(0,d.T)({id:"shared.wip.var.material.link"})})]}),(0,s.jsxs)("li",{children:[(0,d.T)({id:"shared.wip.var.contribute.base"}),(0,s.jsx)(r.A,{to:"https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md",children:(0,d.T)({id:"shared.wip.var.contribute.link"})})]})]}),(0,s.jsx)("br",{}),(0,s.jsx)("p",{children:(0,s.jsx)("i",{children:"\ud83c\udf70 Stay tuned!"})})]})},o=[];function c(e){const t={admonition:"admonition",...(0,n.R)(),...e.components};return(0,s.jsx)(t.admonition,{title:"WIP",type:"caution",children:(0,s.jsx)(a,{ticket:e.ticket})})}function u(e={}){const{wrapper:t}={...(0,n.R)(),...e.components};return t?(0,s.jsx)(t,{...e,children:(0,s.jsx)(c,{...e})}):c(e)}},6840:(e,t,i)=>{i.r(t),i.d(t,{assets:()=>c,contentTitle:()=>a,default:()=>p,frontMatter:()=>d,metadata:()=>o,toc:()=>u});var s=i(6070),n=i(1100),r=i(1928);const d={sidebar_position:5,sidebar_class_name:"sidebar-item--wip",unlisted:!0},a="\u81ea\u52d5\u88dc\u5b8c",o={id:"guides/examples/autocompleted",title:"\u81ea\u52d5\u88dc\u5b8c",description:"",source:"@site/i18n/ja/docusaurus-plugin-content-docs/current/guides/examples/autocompleted.mdx",sourceDirName:"guides/examples",slug:"/guides/examples/autocompleted",permalink:"/ja/docs/guides/examples/autocompleted",draft:!1,unlisted:!0,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/ja/docusaurus-plugin-content-docs/current/guides/examples/autocompleted.mdx",tags:[],version:"current",lastUpdatedAt:1727607766e3,sidebarPosition:5,frontMatter:{sidebar_position:5,sidebar_class_name:"sidebar-item--wip",unlisted:!0},sidebar:"guidesSidebar"},c={},u=[...r.RM];function l(e){const t={h1:"h1",header:"header",...(0,n.R)(),...e.components};return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(t.header,{children:(0,s.jsx)(t.h1,{id:"\u81ea\u52d5\u88dc\u5b8c",children:"\u81ea\u52d5\u88dc\u5b8c"})}),"\n",(0,s.jsx)(r.Ay,{ticket:"170"})]})}function p(e={}){const{wrapper:t}={...(0,n.R)(),...e.components};return t?(0,s.jsx)(t,{...e,children:(0,s.jsx)(l,{...e})}):l(e)}},1100:(e,t,i)=>{i.d(t,{R:()=>d,x:()=>a});var s=i(758);const n={},r=s.createContext(n);function d(e){const t=s.useContext(r);return s.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function a(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(n):e.components||n:d(e.components),s.createElement(r.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
+"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[1083],{1928:(e,t,i)=>{i.d(t,{Ay:()=>u,RM:()=>o});var s=i(6070),n=i(1100),r=(i(758),i(6783)),d=i(7765);const a=e=>{let{ticket:t}=e;const i=`https://github.com/feature-sliced/documentation/issues/${t}`;return(0,s.jsxs)("div",{children:[(0,s.jsx)("p",{children:(0,d.T)({id:"shared.wip.title"})}),(0,s.jsx)("p",{children:(0,d.T)({id:"shared.wip.subtitle"})}),(0,s.jsxs)("ul",{children:[(0,s.jsxs)("li",{children:[(0,d.T)({id:"shared.wip.var.feedback.base"}),(0,s.jsx)(r.A,{to:i,children:(0,d.T)({id:"shared.wip.var.feedback.link"})})]}),(0,s.jsxs)("li",{children:[(0,d.T)({id:"shared.wip.var.material.base"}),(0,s.jsx)(r.A,{to:"https://t.me/feature_sliced",children:(0,d.T)({id:"shared.wip.var.material.link"})})]}),(0,s.jsxs)("li",{children:[(0,d.T)({id:"shared.wip.var.contribute.base"}),(0,s.jsx)(r.A,{to:"https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md",children:(0,d.T)({id:"shared.wip.var.contribute.link"})})]})]}),(0,s.jsx)("br",{}),(0,s.jsx)("p",{children:(0,s.jsx)("i",{children:"\ud83c\udf70 Stay tuned!"})})]})},o=[];function c(e){const t={admonition:"admonition",...(0,n.R)(),...e.components};return(0,s.jsx)(t.admonition,{title:"WIP",type:"caution",children:(0,s.jsx)(a,{ticket:e.ticket})})}function u(e={}){const{wrapper:t}={...(0,n.R)(),...e.components};return t?(0,s.jsx)(t,{...e,children:(0,s.jsx)(c,{...e})}):c(e)}},6840:(e,t,i)=>{i.r(t),i.d(t,{assets:()=>c,contentTitle:()=>a,default:()=>p,frontMatter:()=>d,metadata:()=>o,toc:()=>u});var s=i(6070),n=i(1100),r=i(1928);const d={sidebar_position:5,sidebar_class_name:"sidebar-item--wip",unlisted:!0},a="\u81ea\u52d5\u88dc\u5b8c",o={id:"guides/examples/autocompleted",title:"\u81ea\u52d5\u88dc\u5b8c",description:"",source:"@site/i18n/ja/docusaurus-plugin-content-docs/current/guides/examples/autocompleted.mdx",sourceDirName:"guides/examples",slug:"/guides/examples/autocompleted",permalink:"/ja/docs/guides/examples/autocompleted",draft:!1,unlisted:!0,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/ja/docusaurus-plugin-content-docs/current/guides/examples/autocompleted.mdx",tags:[],version:"current",lastUpdatedAt:1728325386e3,sidebarPosition:5,frontMatter:{sidebar_position:5,sidebar_class_name:"sidebar-item--wip",unlisted:!0},sidebar:"guidesSidebar"},c={},u=[...r.RM];function l(e){const t={h1:"h1",header:"header",...(0,n.R)(),...e.components};return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(t.header,{children:(0,s.jsx)(t.h1,{id:"\u81ea\u52d5\u88dc\u5b8c",children:"\u81ea\u52d5\u88dc\u5b8c"})}),"\n",(0,s.jsx)(r.Ay,{ticket:"170"})]})}function p(e={}){const{wrapper:t}={...(0,n.R)(),...e.components};return t?(0,s.jsx)(t,{...e,children:(0,s.jsx)(l,{...e})}):l(e)}},1100:(e,t,i)=>{i.d(t,{R:()=>d,x:()=>a});var s=i(758);const n={},r=s.createContext(n);function d(e){const t=s.useContext(r);return s.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function a(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(n):e.components||n:d(e.components),s.createElement(r.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
diff --git a/ja/assets/js/0d985d97.72948b33.js b/ja/assets/js/0d985d97.9dfc44db.js
similarity index 99%
rename from ja/assets/js/0d985d97.72948b33.js
rename to ja/assets/js/0d985d97.9dfc44db.js
index d02cfd1f4a..818d588b95 100644
--- a/ja/assets/js/0d985d97.72948b33.js
+++ b/ja/assets/js/0d985d97.9dfc44db.js
@@ -1 +1 @@
-"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[6823],{917:(e,s,i)=>{i.r(s),i.d(s,{assets:()=>h,contentTitle:()=>d,default:()=>t,frontMatter:()=>r,metadata:()=>c,toc:()=>o});var n=i(6070),l=i(1100);const r={sidebar_position:3,sidebar_label:"\u30ab\u30b9\u30bf\u30e0\u30a2\u30fc\u30ad\u30c6\u30af\u30c1\u30e3\u304b\u3089\u306e\u79fb\u884c"},d="\u30ab\u30b9\u30bf\u30e0\u30a2\u30fc\u30ad\u30c6\u30af\u30c1\u30e3\u304b\u3089\u306e\u79fb\u884c",c={id:"guides/migration/from-custom",title:"\u30ab\u30b9\u30bf\u30e0\u30a2\u30fc\u30ad\u30c6\u30af\u30c1\u30e3\u304b\u3089\u306e\u79fb\u884c",description:"\u3053\u306e\u30ac\u30a4\u30c9\u306f\u3001\u30ab\u30b9\u30bf\u30e0\u306e\u30a2\u30fc\u30ad\u30c6\u30af\u30c1\u30e3\u304b\u3089Feature-Sliced Design\u3078\u306e\u79fb\u884c\u306b\u5f79\u7acb\u3064\u30a2\u30d7\u30ed\u30fc\u30c1\u3092\u8aac\u660e\u3057\u307e\u3059\u3002",source:"@site/i18n/ja/docusaurus-plugin-content-docs/current/guides/migration/from-custom.md",sourceDirName:"guides/migration",slug:"/guides/migration/from-custom",permalink:"/ja/docs/guides/migration/from-custom",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/ja/docusaurus-plugin-content-docs/current/guides/migration/from-custom.md",tags:[],version:"current",lastUpdatedAt:1727607766e3,sidebarPosition:3,frontMatter:{sidebar_position:3,sidebar_label:"\u30ab\u30b9\u30bf\u30e0\u30a2\u30fc\u30ad\u30c6\u30af\u30c1\u30e3\u304b\u3089\u306e\u79fb\u884c"},sidebar:"guidesSidebar",previous:{title:"\u30da\u30fc\u30b8\u30ec\u30a4\u30a2\u30a6\u30c8",permalink:"/ja/docs/guides/examples/page-layout"},next:{title:"v1\u304b\u3089\u306e\u79fb\u884c",permalink:"/ja/docs/guides/migration/from-v1"}},h={},o=[{value:"\u958b\u59cb\u524d\u306b",id:"before-you-start",level:2},{value:"\u30b9\u30c6\u30c3\u30d7\uff11\u3002\u30b3\u30fc\u30c9\u3092\u30da\u30fc\u30b8\u3054\u3068\u306b\u5206\u5272\u3059\u308b",id:"divide-code-by-pages",level:2},{value:"\u30b9\u30c6\u30c3\u30d7\uff12\u3002 \u30da\u30fc\u30b8\u4ee5\u5916\u306e\u3059\u3079\u3066\u3092\u5206\u96e2\u3059\u308b",id:"separate-everything-else-from-pages",level:2},{value:"\u30b9\u30c6\u30c3\u30d7\uff13\u3002 \u30da\u30fc\u30b8\u9593\u306e\u30af\u30ed\u30b9\u30a4\u30f3\u30dd\u30fc\u30c8\u3092\u89e3\u6d88\u3059\u308b",id:"tackle-cross-imports-between-pages",level:2},{value:"\u30b9\u30c6\u30c3\u30d7\uff14\u3002 Shared\u5c64\u3092\u5206\u89e3\u3059\u308b",id:"unpack-shared-layer",level:2},{value:"\u30b9\u30c6\u30c3\u30d7\uff15\u3002 \u30b3\u30fc\u30c9\u3092\u6280\u8853\u7684\u306a\u76ee\u7684\u306b\u57fa\u3065\u3044\u3066\u6574\u7406\u3059\u308b",id:"organize-by-technical-purpose",level:2},{value:"\u4efb\u610f\u306e\u30b9\u30c6\u30c3\u30d7",id:"optional-steps",level:2},{value:"\u30b9\u30c6\u30c3\u30d7\uff16\u3002 \u8907\u6570\u306e\u30da\u30fc\u30b8\u3067\u4f7f\u7528\u3055\u308c\u308bRedux\u30b9\u30e9\u30a4\u30b9\u304b\u3089\u30a8\u30f3\u30c6\u30a3\u30c6\u30a3/\u30d5\u30a3\u30fc\u30c1\u30e3\u30fc\u3092\u5f62\u6210\u3059\u308b",id:"form-entities-features-from-redux",level:3},{value:"\u30b9\u30c6\u30c3\u30d7\uff17\u3002 \u30e2\u30b8\u30e5\u30fc\u30eb\u3092\u30ea\u30d5\u30a1\u30af\u30bf\u30ea\u30f3\u30b0\u3059\u308b",id:"refactor-your-modules",level:3},{value:"\u30b9\u30c6\u30c3\u30d78\u3002 <code>shared/ui</code>\u306bUI\u57fa\u76e4\u3092\u6b63\u3057\u304f\u5f62\u6210\u3059\u308b",id:"form-clean-ui-foundation",level:3}];function x(e){const s={a:"a",admonition:"admonition",code:"code",em:"em",h1:"h1",h2:"h2",h3:"h3",header:"header",hr:"hr",li:"li",ol:"ol",p:"p",pre:"pre",strong:"strong",ul:"ul",...(0,l.R)(),...e.components},{Details:i}=s;return i||function(e,s){throw new Error("Expected "+(s?"component":"object")+" `"+e+"` to be defined: you likely forgot to import, pass, or provide it.")}("Details",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(s.header,{children:(0,n.jsx)(s.h1,{id:"\u30ab\u30b9\u30bf\u30e0\u30a2\u30fc\u30ad\u30c6\u30af\u30c1\u30e3\u304b\u3089\u306e\u79fb\u884c",children:"\u30ab\u30b9\u30bf\u30e0\u30a2\u30fc\u30ad\u30c6\u30af\u30c1\u30e3\u304b\u3089\u306e\u79fb\u884c"})}),"\n",(0,n.jsx)(s.p,{children:"\u3053\u306e\u30ac\u30a4\u30c9\u306f\u3001\u30ab\u30b9\u30bf\u30e0\u306e\u30a2\u30fc\u30ad\u30c6\u30af\u30c1\u30e3\u304b\u3089Feature-Sliced Design\u3078\u306e\u79fb\u884c\u306b\u5f79\u7acb\u3064\u30a2\u30d7\u30ed\u30fc\u30c1\u3092\u8aac\u660e\u3057\u307e\u3059\u3002"}),"\n",(0,n.jsx)(s.p,{children:"\u4ee5\u4e0b\u306f\u3001\u5178\u578b\u7684\u306a\u30ab\u30b9\u30bf\u30e0\u30a2\u30fc\u30ad\u30c6\u30af\u30c1\u30e3\u306e\u30d5\u30a9\u30eb\u30c0\u69cb\u9020\u3067\u3059\u3002\u3053\u306e\u30ac\u30a4\u30c9\u3067\u306f\u3001\u3053\u308c\u3092\u4f8b\u3068\u3057\u3066\u4f7f\u7528\u3057\u307e\u3059\u3002\u30d5\u30a9\u30eb\u30c0\u306e\u5185\u5bb9\u304c\u898b\u3048\u308b\u3088\u3046\u306b\u3001\u30d5\u30a9\u30eb\u30c0\u306e\u6a2a\u306b\u3042\u308b\u9752\u3044\u77e2\u5370\u3092\u30af\u30ea\u30c3\u30af\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002"}),"\n",(0,n.jsxs)(i,{className:"file-tree",children:[(0,n.jsx)("summary",{children:"\ud83d\udcc1 src"}),(0,n.jsxs)("ul",{children:[(0,n.jsx)("li",{children:(0,n.jsxs)(i,{className:"file-tree",children:[(0,n.jsx)("summary",{children:"\ud83d\udcc1 actions"}),(0,n.jsxs)("ul",{children:[(0,n.jsx)("li",{children:"\ud83d\udcc1 product"}),(0,n.jsx)("li",{children:"\ud83d\udcc1 order"})]})]})}),(0,n.jsx)("li",{children:"\ud83d\udcc1 api"}),(0,n.jsx)("li",{children:"\ud83d\udcc1 components"}),(0,n.jsx)("li",{children:"\ud83d\udcc1 containers"}),(0,n.jsx)("li",{children:"\ud83d\udcc1 constants"}),(0,n.jsx)("li",{children:"\ud83d\udcc1 i18n"}),(0,n.jsx)("li",{children:"\ud83d\udcc1 modules"}),(0,n.jsx)("li",{children:"\ud83d\udcc1 helpers"}),(0,n.jsx)("li",{children:(0,n.jsxs)(i,{className:"file-tree",children:[(0,n.jsx)("summary",{children:"\ud83d\udcc1 routes"}),(0,n.jsxs)("ul",{children:[(0,n.jsx)("li",{children:"\ud83d\udcc1 products.jsx"}),(0,n.jsx)("li",{children:"\ud83d\udcc4 products.[id].jsx"})]})]})}),(0,n.jsx)("li",{children:"\ud83d\udcc1 utils"}),(0,n.jsx)("li",{children:"\ud83d\udcc1 reducers"}),(0,n.jsx)("li",{children:"\ud83d\udcc1 selectors"}),(0,n.jsx)("li",{children:"\ud83d\udcc1 styles"}),(0,n.jsx)("li",{children:"\ud83d\udcc4 App.jsx"}),(0,n.jsx)("li",{children:"\ud83d\udcc4 index.js"})]})]}),"\n",(0,n.jsx)(s.h2,{id:"before-you-start",children:"\u958b\u59cb\u524d\u306b"}),"\n",(0,n.jsx)(s.p,{children:"Feature-Sliced Design\u3078\u306e\u79fb\u884c\u3092\u691c\u8a0e\u3059\u308b\u969b\u306b\u3001\u30c1\u30fc\u30e0\u306b\u6700\u3082\u91cd\u8981\u306a\u8cea\u554f\u306f\u300c\u672c\u5f53\u306b\u5fc5\u8981\u304b\uff1f\u300d\u3067\u3059\u3002\u79c1\u305f\u3061\u306fFeature-Sliced Design\u304c\u597d\u304d\u3067\u3059\u304c\u3001\u3044\u304f\u3064\u304b\u306e\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u306f\u305d\u308c\u306a\u3057\u3067\u3046\u307e\u304f\u3044\u3051\u308b\u3053\u3068\u3092\u8a8d\u3081\u3066\u3044\u307e\u3059\u3002"}),"\n",(0,n.jsx)(s.p,{children:"\u79fb\u884c\u3092\u691c\u8a0e\u3059\u3079\u304d\u7406\u7531\u306f\u3044\u304f\u3064\u304b\u3042\u308a\u307e\u3059\u3002"}),"\n",(0,n.jsxs)(s.ol,{children:["\n",(0,n.jsx)(s.li,{children:"\u65b0\u3057\u3044\u30c1\u30fc\u30e0\u30e1\u30f3\u30d0\u30fc\u304c\u751f\u7523\u7684\u306a\u30ec\u30d9\u30eb\u306b\u9054\u3059\u308b\u306e\u304c\u96e3\u3057\u3044\u3068\u4e0d\u6e80\u3092\u8a00\u3046\u3002"}),"\n",(0,n.jsxs)(s.li,{children:["\u30b3\u30fc\u30c9\u306e\u4e00\u90e8\u3092\u5909\u66f4\u3059\u308b\u3068\u3001",(0,n.jsx)(s.strong,{children:"\u3057\u3070\u3057\u3070"}),"\u4ed6\u306e\u7121\u95a2\u4fc2\u306a\u90e8\u5206\u304c\u58ca\u308c\u308b\u3002"]}),"\n",(0,n.jsx)(s.li,{children:"\u5de8\u5927\u306a\u30b3\u30fc\u30c9\u30d9\u30fc\u30b9\u306e\u305f\u3081\u3001\u65b0\u3057\u3044\u6a5f\u80fd\u3092\u8ffd\u52a0\u3059\u308b\u306e\u304c\u96e3\u3057\u3044\u3002"}),"\n"]}),"\n",(0,n.jsxs)(s.p,{children:[(0,n.jsx)(s.strong,{children:"\u540c\u50da\u306e\u610f\u306b\u53cd\u3057\u3066FSD\u306b\u79fb\u884c\u3059\u308b\u3053\u3068\u306f\u907f\u3051\u3066\u304f\u3060\u3055\u3044"}),"\u3002\u305f\u3068\u3048\u3042\u306a\u305f\u304c\u30c1\u30fc\u30e0\u30ea\u30fc\u30c0\u30fc\u3067\u3042\u3063\u3066\u3082\u3001\u307e\u305a\u306f\u540c\u50da\u3092\u8aac\u5f97\u3057\u3001\u79fb\u884c\u306e\u5229\u70b9\u304c\u30b3\u30b9\u30c8\u3092\u4e0a\u56de\u308b\u3053\u3068\u3092\u7406\u89e3\u3055\u305b\u308b\u5fc5\u8981\u304c\u3042\u308a\u307e\u3059\u3002"]}),"\n",(0,n.jsx)(s.p,{children:"\u307e\u305f\u3001\u30a2\u30fc\u30ad\u30c6\u30af\u30c1\u30e3\u306e\u5909\u66f4\u306f\u3001\u77ac\u6642\u306b\u306f\u7d4c\u55b6\u9663\u306b\u306f\u898b\u3048\u306a\u3044\u3053\u3068\u3092\u899a\u3048\u3066\u304a\u3044\u3066\u304f\u3060\u3055\u3044\u3002\u59cb\u3081\u308b\u524d\u306b\u3001\u7d4c\u55b6\u9663\u304c\u79fb\u884c\u3092\u652f\u6301\u3057\u3066\u3044\u308b\u3053\u3068\u3092\u78ba\u8a8d\u3057\u3001\u3053\u306e\u79fb\u884c\u304c\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u306b\u3069\u306e\u3088\u3046\u306b\u5f79\u7acb\u3064\u304b\u3092\u8aac\u660e\u3057\u3066\u304f\u3060\u3055\u3044\u3002"}),"\n",(0,n.jsxs)(s.admonition,{type:"tip",children:[(0,n.jsx)(s.p,{children:"\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u30de\u30cd\u30fc\u30b8\u30e3\u30fc\u3092FSD\u306e\u6709\u7528\u6027\u306b\u7d0d\u5f97\u3055\u305b\u308b\u305f\u3081\u306e\u30a2\u30a4\u30c7\u30a2\u3092\u3044\u304f\u3064\u304b\u7d39\u4ecb\u3057\u307e\u3059\u3002"}),(0,n.jsxs)(s.ol,{children:["\n",(0,n.jsx)(s.li,{children:"FSD\u3078\u306e\u79fb\u884c\u306f\u6bb5\u968e\u7684\u306b\u884c\u3048\u308b\u305f\u3081\u3001\u65b0\u6a5f\u80fd\u306e\u958b\u767a\u3092\u6b62\u3081\u308b\u3053\u3068\u306f\u3042\u308a\u307e\u305b\u3093\u3002"}),"\n",(0,n.jsx)(s.li,{children:"\u826f\u3044\u30a2\u30fc\u30ad\u30c6\u30af\u30c1\u30e3\u306f\u3001\u65b0\u3057\u3044\u958b\u767a\u8005\u304c\u751f\u7523\u6027\u3092\u9054\u6210\u3059\u308b\u306e\u306b\u304b\u304b\u308b\u6642\u9593\u3092\u5927\u5e45\u306b\u77ed\u7e2e\u3067\u304d\u307e\u3059\u3002"}),"\n",(0,n.jsx)(s.li,{children:"FSD\u306f\u6587\u66f8\u5316\u3055\u308c\u305f\u30a2\u30fc\u30ad\u30c6\u30af\u30c1\u30e3\u3067\u3042\u308b\u305f\u3081\u3001\u30c1\u30fc\u30e0\u306f\u72ec\u81ea\u306e\u6587\u66f8\u3092\u7dad\u6301\u3059\u308b\u305f\u3081\u306b\u5e38\u306b\u6642\u9593\u3092\u8cbb\u3084\u3059\u5fc5\u8981\u304c\u3042\u308a\u307e\u305b\u3093\u3002"}),"\n"]})]}),"\n",(0,n.jsx)(s.hr,{}),"\n",(0,n.jsxs)(s.p,{children:["\u3082\u3057\u79fb\u884c\u3092\u59cb\u3081\u308b\u6c7a\u65ad\u3092\u3057\u305f\u5834\u5408\u3001\u6700\u521d\u306b\u884c\u3046\u3079\u304d\u3053\u3068\u306f",(0,n.jsx)(s.code,{children:"\ud83d\udcc1 src"}),"\u306e\u30a8\u30a4\u30ea\u30a2\u30b9\u3092\u8a2d\u5b9a\u3059\u308b\u3053\u3068\u3067\u3059\u3002\u3053\u308c\u306f\u3001\u5f8c\u3067\u4e0a\u4f4d\u30d5\u30a9\u30eb\u30c0\u3092\u53c2\u7167\u3059\u308b\u306e\u306b\u4fbf\u5229\u3067\u3059\u3002\u4ee5\u964d\u306e\u30c6\u30ad\u30b9\u30c8\u3067\u306f\u3001",(0,n.jsx)(s.code,{children:"@"}),"\u3092",(0,n.jsx)(s.code,{children:"./src"}),"\u306e\u30a8\u30a4\u30ea\u30a2\u30b9\u3068\u3057\u3066\u6271\u3044\u307e\u3059\u3002"]}),"\n",(0,n.jsx)(s.h2,{id:"divide-code-by-pages",children:"\u30b9\u30c6\u30c3\u30d7\uff11\u3002\u30b3\u30fc\u30c9\u3092\u30da\u30fc\u30b8\u3054\u3068\u306b\u5206\u5272\u3059\u308b"}),"\n",(0,n.jsxs)(s.p,{children:["\u307b\u3068\u3093\u3069\u306e\u30ab\u30b9\u30bf\u30e0\u30a2\u30fc\u30ad\u30c6\u30af\u30c1\u30e3\u306f\u3001\u30ed\u30b8\u30c3\u30af\u306e\u30b5\u30a4\u30ba\u306b\u95a2\u4fc2\u306a\u304f\u3001\u3059\u3067\u306b\u30da\u30fc\u30b8\u3054\u3068\u306b\u5206\u5272\u3055\u308c\u3066\u3044\u307e\u3059\u3002\u3082\u3057",(0,n.jsx)(s.code,{children:"\ud83d\udcc1 pages"}),"\u304c\u3059\u3067\u306b\u5b58\u5728\u3059\u308b\u5834\u5408\u306f\u3001\u3053\u306e\u30b9\u30c6\u30c3\u30d7\u3092\u30b9\u30ad\u30c3\u30d7\u3067\u304d\u307e\u3059\u3002"]}),"\n",(0,n.jsxs)(s.p,{children:["\u3082\u3057",(0,n.jsx)(s.code,{children:"\ud83d\udcc1 routes"}),"\u3057\u304b\u306a\u3044\u5834\u5408\u306f\u3001",(0,n.jsx)(s.code,{children:"\ud83d\udcc1 pages"}),"\u3092\u4f5c\u6210\u3057\u3001\u3067\u304d\u308b\u3060\u3051\u591a\u304f\u306e\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u30b3\u30fc\u30c9\u3092",(0,n.jsx)(s.code,{children:"\ud83d\udcc1 routes"}),"\u304b\u3089\u79fb\u52d5\u3055\u305b\u3066\u307f\u3066\u304f\u3060\u3055\u3044\u3002\u7406\u60f3\u7684\u306b\u306f\u3001\u5c0f\u3055\u306a\u30eb\u30fc\u30c8\u30d5\u30a1\u30a4\u30eb\u3068\u5927\u304d\u306a\u30da\u30fc\u30b8\u30d5\u30a1\u30a4\u30eb\u304c\u3042\u308b\u3053\u3068\u3067\u3059\u3002\u30b3\u30fc\u30c9\u3092\u79fb\u52d5\u3055\u305b\u308b\u969b\u306b\u306f\u3001\u5404\u30da\u30fc\u30b8\u306e\u305f\u3081\u306e\u30d5\u30a9\u30eb\u30c0\u3092\u4f5c\u6210\u3057\u3001\u305d\u306e\u4e2d\u306b\u30a4\u30f3\u30c7\u30c3\u30af\u30b9\u30d5\u30a1\u30a4\u30eb\u3092\u8ffd\u52a0\u3057\u307e\u3059\u3002"]}),"\n",(0,n.jsx)(s.admonition,{type:"note",children:(0,n.jsx)(s.p,{children:"\u73fe\u6642\u70b9\u3067\u306f\u3001\u30da\u30fc\u30b8\u540c\u58eb\u304c\u4e92\u3044\u306b\u30a4\u30f3\u30dd\u30fc\u30c8\u3059\u308b\u3053\u3068\u306f\u554f\u984c\u3042\u308a\u307e\u305b\u3093\u3002\u5f8c\u3067\u3053\u308c\u3089\u306e\u4f9d\u5b58\u95a2\u4fc2\u3092\u89e3\u6d88\u3059\u308b\u305f\u3081\u306e\u5225\u306e\u30b9\u30c6\u30c3\u30d7\u304c\u3042\u308a\u307e\u3059\u3002\u4eca\u306f\u30da\u30fc\u30b8\u3054\u3068\u306e\u660e\u78ba\u306a\u5206\u5272\u3092\u78ba\u7acb\u3059\u308b\u3053\u3068\u306b\u96c6\u4e2d\u3057\u307e\u3059\u3002"})}),"\n",(0,n.jsx)(s.p,{children:"\u30eb\u30fc\u30c8\u30d5\u30a1\u30a4\u30eb"}),"\n",(0,n.jsx)(s.pre,{children:(0,n.jsx)(s.code,{className:"language-js",metastring:'title="src/routes/products.[id].js"',children:'export { ProductPage as default } from "@/pages/product"\n'})}),"\n",(0,n.jsx)(s.p,{children:"\u30da\u30fc\u30b8\u306e\u30a4\u30f3\u30c7\u30c3\u30af\u30b9\u30d5\u30a1\u30a4\u30eb"}),"\n",(0,n.jsx)(s.pre,{children:(0,n.jsx)(s.code,{className:"language-js",metastring:'title="src/pages/product/index.js"',children:'export { ProductPage } from "./ProductPage.jsx"\n'})}),"\n",(0,n.jsx)(s.p,{children:"\u30da\u30fc\u30b8\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u30d5\u30a1\u30a4\u30eb"}),"\n",(0,n.jsx)(s.pre,{children:(0,n.jsx)(s.code,{className:"language-jsx",metastring:'title="src/pages/product/ProductPage.jsx"',children:"export function ProductPage(props) {\n  return <div />;\n}\n"})}),"\n",(0,n.jsx)(s.h2,{id:"separate-everything-else-from-pages",children:"\u30b9\u30c6\u30c3\u30d7\uff12\u3002 \u30da\u30fc\u30b8\u4ee5\u5916\u306e\u3059\u3079\u3066\u3092\u5206\u96e2\u3059\u308b"}),"\n",(0,n.jsxs)(s.p,{children:[(0,n.jsx)(s.code,{children:"\ud83d\udcc1 src/shared"}),"\u30d5\u30a9\u30eb\u30c0\u3092\u4f5c\u6210\u3057\u3001",(0,n.jsx)(s.code,{children:"\ud83d\udcc1 pages"}),"\u3084",(0,n.jsx)(s.code,{children:"\ud83d\udcc1 routes"}),"\u304b\u3089\u30a4\u30f3\u30dd\u30fc\u30c8\u3055\u308c\u306a\u3044\u3059\u3079\u3066\u3092\u305d\u3053\u306b\u79fb\u52d5\u3057\u307e\u3059\u3002",(0,n.jsx)(s.code,{children:"\ud83d\udcc1 src/app"}),"\u30d5\u30a9\u30eb\u30c0\u3092\u4f5c\u6210\u3057\u3001\u30da\u30fc\u30b8\u3084\u30eb\u30fc\u30c8\u3092\u30a4\u30f3\u30dd\u30fc\u30c8\u3059\u308b\u3059\u3079\u3066\u3092\u305d\u3053\u306b\u79fb\u52d5\u3057\u307e\u3059\u3002"]}),"\n",(0,n.jsx)(s.p,{children:"Shared\u5c64\u306b\u306f\u30b9\u30e9\u30a4\u30b9\u304c\u306a\u3044\u3053\u3068\u3092\u899a\u3048\u3066\u304a\u3044\u3066\u304f\u3060\u3055\u3044\u3002\u3057\u305f\u304c\u3063\u3066\u3001\u30bb\u30b0\u30e1\u30f3\u30c8\u306f\u4e92\u3044\u306b\u30a4\u30f3\u30dd\u30fc\u30c8\u3067\u304d\u307e\u3059\u3002"}),"\n",(0,n.jsx)(s.p,{children:"\u6700\u7d42\u7684\u306b\u306f\u3001\u6b21\u306e\u3088\u3046\u306a\u30d5\u30a1\u30a4\u30eb\u69cb\u9020\u306b\u306a\u308b\u306f\u305a\u3067\u3059\u3002"}),"\n",(0,n.jsxs)(i,{className:"file-tree",open:!0,children:[(0,n.jsx)("summary",{children:"\ud83d\udcc1 src"}),(0,n.jsxs)("ul",{children:[(0,n.jsx)("li",{children:(0,n.jsxs)(i,{className:"file-tree",children:[(0,n.jsx)("summary",{children:"\ud83d\udcc1 app"}),(0,n.jsxs)("ul",{children:[(0,n.jsx)("li",{children:(0,n.jsxs)(i,{className:"file-tree",children:[(0,n.jsx)("summary",{children:"\ud83d\udcc1 routes"}),(0,n.jsxs)("ul",{children:[(0,n.jsx)("li",{children:"\ud83d\udcc4 products.jsx"}),(0,n.jsx)("li",{children:"\ud83d\udcc4 products.[id].jsx"})]})]})}),(0,n.jsx)("li",{children:"\ud83d\udcc4 App.jsx"}),(0,n.jsx)("li",{children:"\ud83d\udcc4 index.js"})]})]})}),(0,n.jsx)("li",{children:(0,n.jsxs)(i,{className:"file-tree",children:[(0,n.jsx)("summary",{children:"\ud83d\udcc1 pages"}),(0,n.jsxs)("ul",{children:[(0,n.jsx)("li",{children:(0,n.jsxs)(i,{className:"file-tree",children:[(0,n.jsx)("summary",{children:"\ud83d\udcc1 product"}),(0,n.jsxs)("ul",{children:[(0,n.jsx)("li",{children:(0,n.jsxs)(i,{className:"file-tree",children:[(0,n.jsx)("summary",{children:"\ud83d\udcc1 ui"}),(0,n.jsx)("ul",{children:(0,n.jsx)("li",{children:"\ud83d\udcc4 ProductPage.jsx"})})]})}),(0,n.jsx)("li",{children:"\ud83d\udcc4 index.js"})]})]})}),(0,n.jsx)("li",{children:"\ud83d\udcc1 catalog"})]})]})}),(0,n.jsx)("li",{children:(0,n.jsxs)(i,{className:"file-tree",children:[(0,n.jsx)("summary",{children:"\ud83d\udcc1 shared"}),(0,n.jsxs)("ul",{children:[(0,n.jsx)("li",{children:"\ud83d\udcc1 actions"}),(0,n.jsx)("li",{children:"\ud83d\udcc1 api"}),(0,n.jsx)("li",{children:"\ud83d\udcc1 components"}),(0,n.jsx)("li",{children:"\ud83d\udcc1 containers"}),(0,n.jsx)("li",{children:"\ud83d\udcc1 constants"}),(0,n.jsx)("li",{children:"\ud83d\udcc1 i18n"}),(0,n.jsx)("li",{children:"\ud83d\udcc1 modules"}),(0,n.jsx)("li",{children:"\ud83d\udcc1 helpers"}),(0,n.jsx)("li",{children:"\ud83d\udcc1 utils"}),(0,n.jsx)("li",{children:"\ud83d\udcc1 reducers"}),(0,n.jsx)("li",{children:"\ud83d\udcc1 selectors"}),(0,n.jsx)("li",{children:"\ud83d\udcc1 styles"})]})]})})]})]}),"\n",(0,n.jsx)(s.h2,{id:"tackle-cross-imports-between-pages",children:"\u30b9\u30c6\u30c3\u30d7\uff13\u3002 \u30da\u30fc\u30b8\u9593\u306e\u30af\u30ed\u30b9\u30a4\u30f3\u30dd\u30fc\u30c8\u3092\u89e3\u6d88\u3059\u308b"}),"\n",(0,n.jsx)(s.p,{children:"\u3042\u308b\u30da\u30fc\u30b8\u304c\u4ed6\u306e\u30da\u30fc\u30b8\u304b\u3089\u4f55\u304b\u3092\u30a4\u30f3\u30dd\u30fc\u30c8\u3057\u3066\u3044\u308b\u3059\u3079\u3066\u306e\u7b87\u6240\u3092\u898b\u3064\u3051\u3001\u6b21\u306e\u3044\u305a\u308c\u304b\u3092\u884c\u3044\u307e\u3059\u3002"}),"\n",(0,n.jsxs)(s.ol,{children:["\n",(0,n.jsx)(s.li,{children:"\u30a4\u30f3\u30dd\u30fc\u30c8\u3055\u308c\u3066\u3044\u308b\u30b3\u30fc\u30c9\u3092\u4f9d\u5b58\u3059\u308b\u30da\u30fc\u30b8\u306b\u30b3\u30d4\u30fc\u3057\u3066\u3001\u4f9d\u5b58\u95a2\u4fc2\u3092\u53d6\u308a\u9664\u304f\u3002"}),"\n",(0,n.jsxs)(s.li,{children:["\u30b3\u30fc\u30c9\u3092Shared\u5c64\u306e\u9069\u5207\u306a\u30bb\u30b0\u30e1\u30f3\u30c8\u306b\u79fb\u52d5\u3059\u308b","\n",(0,n.jsxs)(s.ul,{children:["\n",(0,n.jsxs)(s.li,{children:["UI\u30ad\u30c3\u30c8\u306e\u4e00\u90e8\u3067\u3042\u308c\u3070\u3001",(0,n.jsx)(s.code,{children:"\ud83d\udcc1 shared/ui"}),"\u306b\u79fb\u52d5\u3002"]}),"\n",(0,n.jsxs)(s.li,{children:["\u8a2d\u5b9a\u306e\u5b9a\u6570\u3067\u3042\u308c\u3070\u3001",(0,n.jsx)(s.code,{children:"\ud83d\udcc1 shared/config"}),"\u306b\u79fb\u52d5\u3002"]}),"\n",(0,n.jsxs)(s.li,{children:["\u30d0\u30c3\u30af\u30a8\u30f3\u30c9\u3068\u306e\u3084\u308a\u53d6\u308a\u3067\u3042\u308c\u3070\u3001",(0,n.jsx)(s.code,{children:"\ud83d\udcc1 shared/api"}),"\u306b\u79fb\u52d5\u3002"]}),"\n"]}),"\n"]}),"\n"]}),"\n",(0,n.jsxs)(s.admonition,{type:"note",children:[(0,n.jsxs)(s.p,{children:[(0,n.jsx)(s.strong,{children:"\u30b3\u30d4\u30fc\u81ea\u4f53\u306f\u30a2\u30fc\u30ad\u30c6\u30af\u30c1\u30e3\u306e\u554f\u984c\u3067\u306f\u3042\u308a\u307e\u305b\u3093"}),"\u3002\u5b9f\u969b\u3001\u6642\u306b\u306f\u65b0\u3057\u3044\u518d\u5229\u7528\u53ef\u80fd\u306a\u30e2\u30b8\u30e5\u30fc\u30eb\u306b\u4f55\u304b\u3092\u62bd\u8c61\u5316\u3059\u308b\u3088\u308a\u3082\u3001\u4f55\u304b\u3092\u8907\u88fd\u3059\u308b\u65b9\u304c\u6b63\u3057\u3044\u5834\u5408\u3082\u3042\u308a\u307e\u3059\u3002\u30da\u30fc\u30b8\u306e\u5171\u901a\u90e8\u5206\u304c\u7570\u306a\u3063\u3066\u304f\u308b\u3053\u3068\u304c\u3042\u308b\u305f\u3081\u3001\u305d\u306e\u5834\u5408\u3001\u4f9d\u5b58\u95a2\u4fc2\u304c\u59a8\u3052\u306b\u306a\u3089\u306a\u3044\u3088\u3046\u306b\u3059\u308b\u5fc5\u8981\u304c\u3042\u308a\u307e\u3059\u3002"]}),(0,n.jsx)(s.p,{children:'\u305f\u3060\u3057\u3001DRY\uff08"don\'t repeat yourself" \u2014 "\u7e70\u308a\u8fd4\u3055\u306a\u3044"\uff09\u306e\u539f\u5247\u306b\u306f\u610f\u5473\u304c\u3042\u308b\u305f\u3081\u3001\u30d3\u30b8\u30cd\u30b9\u30ed\u30b8\u30c3\u30af\u3092\u30b3\u30d4\u30fc\u3057\u306a\u3044\u3088\u3046\u306b\u3057\u3066\u304f\u3060\u3055\u3044\u3002\u305d\u3046\u3057\u306a\u3044\u3068\u3001\u30d0\u30b0\u3092\u8907\u6570\u306e\u7b87\u6240\u3067\u4fee\u6b63\u3059\u308b\u3053\u3068\u306b\u306a\u308b\u3053\u3068\u3092\u982d\u306b\u5165\u308c\u3066\u304a\u304f\u5fc5\u8981\u304c\u3042\u308a\u307e\u3059\u3002'})]}),"\n",(0,n.jsx)(s.h2,{id:"unpack-shared-layer",children:"\u30b9\u30c6\u30c3\u30d7\uff14\u3002 Shared\u5c64\u3092\u5206\u89e3\u3059\u308b"}),"\n",(0,n.jsx)(s.p,{children:"\u3053\u306e\u6bb5\u968e\u3067\u306f\u3001Shared\u5c64\u306b\u591a\u304f\u306e\u3082\u306e\u304c\u5165\u3063\u3066\u3044\u308b\u304b\u3082\u3057\u308c\u307e\u305b\u3093\u304c\u3001\u4e00\u822c\u7684\u306b\u306f\u305d\u306e\u3088\u3046\u306a\u72b6\u6cc1\u3092\u907f\u3051\u308b\u3079\u304d\u3067\u3059\u3002\u7406\u7531\u306f\u3001Shared\u5c64\u306b\u4f9d\u5b58\u3057\u3066\u3044\u308b\u4ed6\u306e\u5c64\u306b\u3042\u308b\u30b3\u30fc\u30c9\u304c\u5b58\u5728\u3057\u3066\u3044\u308b\u53ef\u80fd\u6027\u304c\u3042\u308b\u305f\u3081\u3001\u305d\u3053\u306b\u5909\u66f4\u3092\u52a0\u3048\u308b\u3053\u3068\u306f\u4e88\u671f\u3057\u306a\u3044\u7d50\u679c\u3092\u5f15\u304d\u8d77\u3053\u3059\u53ef\u80fd\u6027\u304c\u9ad8\u304f\u306a\u308a\u307e\u3059\u3002"}),"\n",(0,n.jsxs)(s.p,{children:["\u7279\u5b9a\u306e\u30da\u30fc\u30b8\u3067\u306e\u307f\u4f7f\u7528\u3055\u308c\u308b\u3059\u3079\u3066\u306e\u30aa\u30d6\u30b8\u30a7\u30af\u30c8\u3092\u898b\u3064\u3051\u3001\u305d\u308c\u3089\u3092\u305d\u306e\u30da\u30fc\u30b8\u306e\u30b9\u30e9\u30a4\u30b9\u306b\u79fb\u52d5\u3057\u307e\u3059\u3002\u305d\u3057\u3066\u3001",(0,n.jsx)(s.em,{children:"\u3053\u308c\u306b\u306f\u30a2\u30af\u30b7\u30e7\u30f3\u3001\u30ea\u30c7\u30e5\u30fc\u30b5\u30fc\u3001\u30bb\u30ec\u30af\u30bf\u30fc\u3082\u542b\u307e\u308c\u307e\u3059"}),"\u3002\u3059\u3079\u3066\u306e\u30a2\u30af\u30b7\u30e7\u30f3\u3092\u4e00\u7dd2\u306b\u30b0\u30eb\u30fc\u30d7\u5316\u3059\u308b\u3053\u3068\u306b\u306f\u610f\u5473\u304c\u3042\u308a\u307e\u305b\u3093\u304c\u3001\u95a2\u9023\u3059\u308b\u30a2\u30af\u30b7\u30e7\u30f3\u3092\u305d\u306e\u4f7f\u7528\u5834\u6240\u306e\u8fd1\u304f\u306b\u7f6e\u304f\u3053\u3068\u306b\u306f\u610f\u5473\u304c\u3042\u308a\u307e\u3059\u3002"]}),"\n",(0,n.jsx)(s.p,{children:"\u6700\u7d42\u7684\u306b\u306f\u3001\u6b21\u306e\u3088\u3046\u306a\u30d5\u30a1\u30a4\u30eb\u69cb\u9020\u306b\u306a\u308b\u306f\u305a\u3067\u3059\u3002"}),"\n",(0,n.jsxs)(i,{className:"file-tree",open:!0,children:[(0,n.jsx)("summary",{children:"\ud83d\udcc1 src"}),(0,n.jsxs)("ul",{children:[(0,n.jsx)("li",{children:"\ud83d\udcc1 app (\u5909\u66f4\u306a\u3057)"}),(0,n.jsx)("li",{children:(0,n.jsxs)(i,{className:"file-tree",open:!0,children:[(0,n.jsx)("summary",{children:"\ud83d\udcc1 pages"}),(0,n.jsxs)("ul",{children:[(0,n.jsx)("li",{children:(0,n.jsxs)(i,{className:"file-tree",open:!0,children:[(0,n.jsx)("summary",{children:"\ud83d\udcc1 product"}),(0,n.jsxs)("ul",{children:[(0,n.jsx)("li",{children:"\ud83d\udcc1 actions"}),(0,n.jsx)("li",{children:"\ud83d\udcc1 reducers"}),(0,n.jsx)("li",{children:"\ud83d\udcc1 selectors"}),(0,n.jsx)("li",{children:(0,n.jsxs)(i,{className:"file-tree",children:[(0,n.jsx)("summary",{children:"\ud83d\udcc1 ui"}),(0,n.jsxs)("ul",{children:[(0,n.jsx)("li",{children:"\ud83d\udcc4 Component.jsx"}),(0,n.jsx)("li",{children:"\ud83d\udcc4 Container.jsx"}),(0,n.jsx)("li",{children:"\ud83d\udcc4 ProductPage.jsx"})]})]})}),(0,n.jsx)("li",{children:"\ud83d\udcc4 index.js"})]})]})}),(0,n.jsx)("li",{children:"\ud83d\udcc1 catalog"})]})]})}),(0,n.jsx)("li",{children:(0,n.jsxs)(i,{className:"file-tree",children:[(0,n.jsx)("summary",{children:"\ud83d\udcc1 shared (\u518d\u5229\u7528\u3055\u308c\u308b\u30aa\u30d6\u30b8\u30a7\u30af\u30c8\u306e\u307f)"}),(0,n.jsxs)("ul",{children:[(0,n.jsx)("li",{children:"\ud83d\udcc1 actions"}),(0,n.jsx)("li",{children:"\ud83d\udcc1 api"}),(0,n.jsx)("li",{children:"\ud83d\udcc1 components"}),(0,n.jsx)("li",{children:"\ud83d\udcc1 containers"}),(0,n.jsx)("li",{children:"\ud83d\udcc1 constants"}),(0,n.jsx)("li",{children:"\ud83d\udcc1 i18n"}),(0,n.jsx)("li",{children:"\ud83d\udcc1 modules"}),(0,n.jsx)("li",{children:"\ud83d\udcc1 helpers"}),(0,n.jsx)("li",{children:"\ud83d\udcc1 utils"}),(0,n.jsx)("li",{children:"\ud83d\udcc1 reducers"}),(0,n.jsx)("li",{children:"\ud83d\udcc1 selectors"}),(0,n.jsx)("li",{children:"\ud83d\udcc1 styles"})]})]})})]})]}),"\n",(0,n.jsx)(s.h2,{id:"organize-by-technical-purpose",children:"\u30b9\u30c6\u30c3\u30d7\uff15\u3002 \u30b3\u30fc\u30c9\u3092\u6280\u8853\u7684\u306a\u76ee\u7684\u306b\u57fa\u3065\u3044\u3066\u6574\u7406\u3059\u308b"}),"\n",(0,n.jsxs)(s.p,{children:["FSD\u3067\u306f\u3001\u6280\u8853\u7684\u306a\u76ee\u7684\u306b\u57fa\u3065\u304f\u5206\u5272\u304c",(0,n.jsx)("i",{children:"\u30bb\u30b0\u30e1\u30f3\u30c8"}),"\u306b\u3088\u3063\u3066\u884c\u308f\u308c\u307e\u3059\u3002\u3088\u304f\u898b\u3089\u308c\u308b\u30bb\u30b0\u30e1\u30f3\u30c8\u306f\u3044\u304f\u3064\u304b\u3042\u308a\u307e\u3059\u3002"]}),"\n",(0,n.jsxs)(s.ul,{children:["\n",(0,n.jsxs)(s.li,{children:[(0,n.jsx)(s.code,{children:"ui"})," \u2014 \u30a4\u30f3\u30bf\u30fc\u30d5\u30a7\u30fc\u30b9\u306e\u8868\u793a\u306b\u95a2\u9023\u3059\u308b\u3059\u3079\u3066: UI\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3001\u65e5\u4ed8\u306e\u30d5\u30a9\u30fc\u30de\u30c3\u30c8\u3001\u30b9\u30bf\u30a4\u30eb\u306a\u3069\u3002"]}),"\n",(0,n.jsxs)(s.li,{children:[(0,n.jsx)(s.code,{children:"api"})," \u2014 \u30d0\u30c3\u30af\u30a8\u30f3\u30c9\u3068\u306e\u3084\u308a\u53d6\u308a: \u30ea\u30af\u30a8\u30b9\u30c8\u95a2\u6570\u3001\u30c7\u30fc\u30bf\u578b\u3001\u30de\u30c3\u30d1\u30fc\u306a\u3069\u3002"]}),"\n",(0,n.jsxs)(s.li,{children:[(0,n.jsx)(s.code,{children:"model"})," \u2014 \u30c7\u30fc\u30bf\u30e2\u30c7\u30eb: \u30b9\u30ad\u30fc\u30de\u3001\u30a4\u30f3\u30bf\u30fc\u30d5\u30a7\u30fc\u30b9\u3001\u30b9\u30c8\u30ec\u30fc\u30b8\u3001\u30d3\u30b8\u30cd\u30b9\u30ed\u30b8\u30c3\u30af\u3002"]}),"\n",(0,n.jsxs)(s.li,{children:[(0,n.jsx)(s.code,{children:"lib"})," \u2014 \u4ed6\u306e\u30e2\u30b8\u30e5\u30fc\u30eb\u306b\u5fc5\u8981\u306a\u30e9\u30a4\u30d6\u30e9\u30ea\u30b3\u30fc\u30c9\u3002"]}),"\n",(0,n.jsxs)(s.li,{children:[(0,n.jsx)(s.code,{children:"config"})," \u2014 \u8a2d\u5b9a\u30d5\u30a1\u30a4\u30eb\u3084\u30d5\u30a3\u30fc\u30c1\u30e3\u30fc\u30d5\u30e9\u30b0\u3002"]}),"\n"]}),"\n",(0,n.jsxs)(s.p,{children:["\u5fc5\u8981\u306b\u5fdc\u3058\u3066\u72ec\u81ea\u306e\u30bb\u30b0\u30e1\u30f3\u30c8\u3092\u4f5c\u6210\u3067\u304d\u307e\u3059\u3002\u305f\u3060\u3057\u3001\u30b3\u30fc\u30c9\u3092\u305d\u306e\u6027\u8cea\u306b\u3088\u3063\u3066\u30b0\u30eb\u30fc\u30d7\u5316\u3059\u308b\u30bb\u30b0\u30e1\u30f3\u30c8\uff08\u4f8b: ",(0,n.jsx)(s.code,{children:"components"}),"\u3001",(0,n.jsx)(s.code,{children:"actions"}),"\u3001",(0,n.jsx)(s.code,{children:"types"}),"\u3001",(0,n.jsx)(s.code,{children:"utils"}),"\uff09\u3092\u4f5c\u6210\u3057\u306a\u3044\u3088\u3046\u306b\u3057\u3066\u304f\u3060\u3055\u3044\u3002\u4ee3\u308f\u308a\u306b\u3001\u30b3\u30fc\u30c9\u306e\u76ee\u7684\u306b\u57fa\u3065\u3044\u3066\u30b0\u30eb\u30fc\u30d7\u5316\u3057\u3066\u304f\u3060\u3055\u3044\u3002"]}),"\n",(0,n.jsxs)(s.p,{children:["\u30da\u30fc\u30b8\u306e\u30b3\u30fc\u30c9\u3092\u30bb\u30b0\u30e1\u30f3\u30c8\u306b\u518d\u5206\u914d\u3057\u307e\u3059\u3002\u3059\u3067\u306b",(0,n.jsx)(s.code,{children:"ui"}),"\u30bb\u30b0\u30e1\u30f3\u30c8\u304c\u3042\u308b\u306f\u305a\u306a\u306e\u3067\u3001\u4eca\u306f\u4ed6\u306e\u30bb\u30b0\u30e1\u30f3\u30c8\uff08\u4f8b\u3048\u3070\u3001\u30a2\u30af\u30b7\u30e7\u30f3\u3001\u30ea\u30c7\u30e5\u30fc\u30b5\u30fc\u3001\u30bb\u30ec\u30af\u30bf\u30fc\u306e\u305f\u3081\u306e",(0,n.jsx)(s.code,{children:"model"}),"\u3084\u3001\u30b5\u30f3\u30af\u3084\u30df\u30e5\u30fc\u30c6\u30fc\u30b7\u30e7\u30f3\u306e\u305f\u3081\u306e",(0,n.jsx)(s.code,{children:"api"}),"\uff09\u3092\u4f5c\u6210\u3059\u308b\u3068\u304d\u3067\u3059\u3002"]}),"\n",(0,n.jsx)(s.p,{children:"\u307e\u305f\u3001Shared\u5c64\u3092\u518d\u5206\u914d\u3057\u3066\u3001\u6b21\u306e\u30d5\u30a9\u30eb\u30c0\u3092\u524a\u9664\u3057\u307e\u3059\u3002"}),"\n",(0,n.jsxs)(s.ul,{children:["\n",(0,n.jsxs)(s.li,{children:[(0,n.jsx)(s.code,{children:"\ud83d\udcc1 components"}),"\u3001",(0,n.jsx)(s.code,{children:"\ud83d\udcc1 containers"})," \u2014 \u305d\u306e\u5185\u5bb9\u306e\u307b\u3068\u3093\u3069\u306f",(0,n.jsx)(s.code,{children:"\ud83d\udcc1 shared/ui"}),"\u306b\u306a\u308b\u3079\u304d\u3067\u3059\u3002"]}),"\n",(0,n.jsxs)(s.li,{children:[(0,n.jsx)(s.code,{children:"\ud83d\udcc1 helpers"}),"\u3001",(0,n.jsx)(s.code,{children:"\ud83d\udcc1 utils"})," \u2014 \u518d\u5229\u7528\u53ef\u80fd\u306a\u30d8\u30eb\u30d1\u30fc\u95a2\u6570\u304c\u6b8b\u3063\u3066\u3044\u308b\u5834\u5408\u306f\u3001\u76ee\u7684\u306b\u57fa\u3065\u3044\u3066\u30b0\u30eb\u30fc\u30d7\u5316\u3057\u3001\u3053\u308c\u3089\u306e\u30b0\u30eb\u30fc\u30d7\u3092",(0,n.jsx)(s.code,{children:"\ud83d\udcc1 shared/lib"}),"\u306b\u79fb\u52d5\u3057\u307e\u3059\u3002"]}),"\n",(0,n.jsxs)(s.li,{children:[(0,n.jsx)(s.code,{children:"\ud83d\udcc1 constants"})," \u2014 \u540c\u69d8\u306b\u3001\u76ee\u7684\u306b\u57fa\u3065\u3044\u3066\u30b0\u30eb\u30fc\u30d7\u5316\u3057\u3001",(0,n.jsx)(s.code,{children:"\ud83d\udcc1 shared/config"}),"\u306b\u79fb\u52d5\u3057\u307e\u3059\u3002"]}),"\n"]}),"\n",(0,n.jsx)(s.h2,{id:"optional-steps",children:"\u4efb\u610f\u306e\u30b9\u30c6\u30c3\u30d7"}),"\n",(0,n.jsx)(s.h3,{id:"form-entities-features-from-redux",children:"\u30b9\u30c6\u30c3\u30d7\uff16\u3002 \u8907\u6570\u306e\u30da\u30fc\u30b8\u3067\u4f7f\u7528\u3055\u308c\u308bRedux\u30b9\u30e9\u30a4\u30b9\u304b\u3089\u30a8\u30f3\u30c6\u30a3\u30c6\u30a3/\u30d5\u30a3\u30fc\u30c1\u30e3\u30fc\u3092\u5f62\u6210\u3059\u308b"}),"\n",(0,n.jsx)(s.p,{children:"\u901a\u5e38\u3001\u3053\u308c\u3089\u306e\u518d\u5229\u7528\u53ef\u80fd\u306aRedux\u30b9\u30e9\u30a4\u30b9\u306f\u3001\u30d3\u30b8\u30cd\u30b9\u306b\u95a2\u9023\u3059\u308b\u4f55\u304b\u3092\u8aac\u660e\u3057\u307e\u3059\uff08\u4f8b\u3048\u3070\u3001\u30d7\u30ed\u30c0\u30af\u30c8\u3084\u30e6\u30fc\u30b6\u30fc\u306a\u3069\uff09\u3002\u3057\u305f\u304c\u3063\u3066\u3001\u305d\u308c\u3089\u3092\u30a8\u30f3\u30c6\u30a3\u30c6\u30a3\u5c64\u306b\u79fb\u52d5\u3067\u304d\u307e\u3059\u30021\u3064\u306e\u30a8\u30f3\u30c6\u30a3\u30c6\u30a3\u306b\u3064\u304d1\u3064\u306e\u30d5\u30a9\u30eb\u30c0\u3067\u3059\u3002Redux\u30b9\u30e9\u30a4\u30b9\u304c\u3001\u30e6\u30fc\u30b6\u30fc\u304c\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u3067\u5b9f\u884c\u3057\u305f\u3044\u30a2\u30af\u30b7\u30e7\u30f3\u306b\u95a2\u9023\u3057\u3066\u3044\u308b\u5834\u5408\uff08\u4f8b\u3048\u3070\u3001\u30b3\u30e1\u30f3\u30c8\u306a\u3069\uff09\u3001\u305d\u308c\u3092\u30d5\u30a3\u30fc\u30c1\u30e3\u30fc\u5c64\u306b\u79fb\u52d5\u3067\u304d\u307e\u3059\u3002"}),"\n",(0,n.jsxs)(s.p,{children:["\u30a8\u30f3\u30c6\u30a3\u30c6\u30a3\u3068\u30d5\u30a3\u30fc\u30c1\u30e3\u30fc\u306f\u4e92\u3044\u306b\u72ec\u7acb\u3057\u3066\u3044\u308b\u5fc5\u8981\u304c\u3042\u308a\u307e\u3059\u3002\u30d3\u30b8\u30cd\u30b9\u9818\u57df\u306b\u7d44\u307f\u8fbc\u307e\u308c\u305f\u30a8\u30f3\u30c6\u30a3\u30c6\u30a3\u9593\u306e\u95a2\u4fc2\u304c\u3042\u308b\u5834\u5408\u306f\u3001",(0,n.jsx)(s.a,{href:"/docs/guides/examples/types#business-entities-and-their-cross-references",children:"\u30d3\u30b8\u30cd\u30b9\u30a8\u30f3\u30c6\u30a3\u30c6\u30a3\u306b\u95a2\u3059\u308b\u30ac\u30a4\u30c9"}),"\u3092\u53c2\u7167\u3057\u3066\u3001\u3053\u308c\u3089\u306e\u95a2\u4fc2\u3092\u6574\u7406\u3059\u308b\u65b9\u6cd5\u3092\u78ba\u8a8d\u3057\u3066\u304f\u3060\u3055\u3044\u3002"]}),"\n",(0,n.jsxs)(s.p,{children:["\u3053\u308c\u3089\u306e\u30b9\u30e9\u30a4\u30b9\u306b\u95a2\u9023\u3059\u308bAPI\u95a2\u6570\u306f\u3001",(0,n.jsx)(s.code,{children:"\ud83d\udcc1 shared/api"}),"\u306b\u6b8b\u3059\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002"]}),"\n",(0,n.jsx)(s.h3,{id:"refactor-your-modules",children:"\u30b9\u30c6\u30c3\u30d7\uff17\u3002 \u30e2\u30b8\u30e5\u30fc\u30eb\u3092\u30ea\u30d5\u30a1\u30af\u30bf\u30ea\u30f3\u30b0\u3059\u308b"}),"\n",(0,n.jsxs)(s.p,{children:[(0,n.jsx)(s.code,{children:"\ud83d\udcc1 modules"}),"\u30d5\u30a9\u30eb\u30c0\u306f\u901a\u5e38\u3001\u30d3\u30b8\u30cd\u30b9\u30ed\u30b8\u30c3\u30af\u306b\u4f7f\u7528\u3055\u308c\u308b\u305f\u3081\u3001\u3059\u3067\u306bFSD\u306e\u30d5\u30a3\u30fc\u30c1\u30e3\u30fc\u5c64\u306b\u4f3c\u305f\u6027\u8cea\u3092\u6301\u3063\u3066\u3044\u307e\u3059\u3002\u4e00\u90e8\u306e\u30e2\u30b8\u30e5\u30fc\u30eb\u306f\u3001\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u306e\u5927\u304d\u306a\u90e8\u5206\uff08\u4f8b\u3048\u3070\u3001\u30a2\u30d7\u30ea\u306e\u30d8\u30c3\u30c0\u30fc\u306a\u3069\uff09\u3092\u8aac\u660e\u3059\u308b\u3053\u3068\u3082\u3042\u308a\u307e\u3059\u3002\u3053\u306e\u5834\u5408\u3001\u305d\u308c\u3089\u3092\u30a6\u30a3\u30b8\u30a7\u30c3\u30c8\u5c64\u306b\u79fb\u52d5\u3067\u304d\u307e\u3059\u3002"]}),"\n",(0,n.jsxs)(s.h3,{id:"form-clean-ui-foundation",children:["\u30b9\u30c6\u30c3\u30d78\u3002 ",(0,n.jsx)(s.code,{children:"shared/ui"}),"\u306bUI\u57fa\u76e4\u3092\u6b63\u3057\u304f\u5f62\u6210\u3059\u308b"]}),"\n",(0,n.jsxs)(s.p,{children:["\u7406\u60f3\u7684\u306b\u306f\u3001",(0,n.jsx)(s.code,{children:"\ud83d\udcc1 shared/ui"}),"\u306b\u306f\u30d3\u30b8\u30cd\u30b9\u30ed\u30b8\u30c3\u30af\u304c\u542b\u307e\u308c\u3066\u3044\u306a\u3044UI\u8981\u7d20\u306e\u30bb\u30c3\u30c8\u304c\u542b\u307e\u308c\u308b\u3079\u304d\u3067\u3059\u3002\u307e\u305f\u3001\u975e\u5e38\u306b\u518d\u5229\u7528\u53ef\u80fd\u3067\u3042\u308b\u5fc5\u8981\u304c\u3042\u308a\u307e\u3059\u3002"]}),"\n",(0,n.jsxs)(s.p,{children:["\u4ee5\u524d",(0,n.jsx)(s.code,{children:"\ud83d\udcc1 components"}),"\u3084",(0,n.jsx)(s.code,{children:"\ud83d\udcc1 containers"}),"\u306b\u3042\u3063\u305fUI\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u30ea\u30d5\u30a1\u30af\u30bf\u30ea\u30f3\u30b0\u3057\u3066\u3001\u30d3\u30b8\u30cd\u30b9\u30ed\u30b8\u30c3\u30af\u3092\u5206\u96e2\u3057\u307e\u3059\u3002\u3053\u306e\u30d3\u30b8\u30cd\u30b9\u30ed\u30b8\u30c3\u30af\u3092\u4e0a\u4f4d\u5c64\u306b\u79fb\u52d5\u3057\u307e\u3059\u3002\u3042\u307e\u308a\u591a\u304f\u306e\u5834\u6240\u3067\u4f7f\u7528\u3055\u308c\u3066\u3044\u306a\u3044\u5834\u5408\u306f\u3001\u30b3\u30d4\u30fc\u3092\u691c\u8a0e\u3059\u308b\u3053\u3068\u3082\u3067\u304d\u307e\u3059\u3002"]})]})}function t(e={}){const{wrapper:s}={...(0,l.R)(),...e.components};return s?(0,n.jsx)(s,{...e,children:(0,n.jsx)(x,{...e})}):x(e)}},1100:(e,s,i)=>{i.d(s,{R:()=>d,x:()=>c});var n=i(758);const l={},r=n.createContext(l);function d(e){const s=n.useContext(r);return n.useMemo((function(){return"function"==typeof e?e(s):{...s,...e}}),[s,e])}function c(e){let s;return s=e.disableParentContext?"function"==typeof e.components?e.components(l):e.components||l:d(e.components),n.createElement(r.Provider,{value:s},e.children)}}}]);
\ No newline at end of file
+"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[6823],{917:(e,s,i)=>{i.r(s),i.d(s,{assets:()=>h,contentTitle:()=>d,default:()=>t,frontMatter:()=>r,metadata:()=>c,toc:()=>o});var n=i(6070),l=i(1100);const r={sidebar_position:3,sidebar_label:"\u30ab\u30b9\u30bf\u30e0\u30a2\u30fc\u30ad\u30c6\u30af\u30c1\u30e3\u304b\u3089\u306e\u79fb\u884c"},d="\u30ab\u30b9\u30bf\u30e0\u30a2\u30fc\u30ad\u30c6\u30af\u30c1\u30e3\u304b\u3089\u306e\u79fb\u884c",c={id:"guides/migration/from-custom",title:"\u30ab\u30b9\u30bf\u30e0\u30a2\u30fc\u30ad\u30c6\u30af\u30c1\u30e3\u304b\u3089\u306e\u79fb\u884c",description:"\u3053\u306e\u30ac\u30a4\u30c9\u306f\u3001\u30ab\u30b9\u30bf\u30e0\u306e\u30a2\u30fc\u30ad\u30c6\u30af\u30c1\u30e3\u304b\u3089Feature-Sliced Design\u3078\u306e\u79fb\u884c\u306b\u5f79\u7acb\u3064\u30a2\u30d7\u30ed\u30fc\u30c1\u3092\u8aac\u660e\u3057\u307e\u3059\u3002",source:"@site/i18n/ja/docusaurus-plugin-content-docs/current/guides/migration/from-custom.md",sourceDirName:"guides/migration",slug:"/guides/migration/from-custom",permalink:"/ja/docs/guides/migration/from-custom",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/ja/docusaurus-plugin-content-docs/current/guides/migration/from-custom.md",tags:[],version:"current",lastUpdatedAt:1728325386e3,sidebarPosition:3,frontMatter:{sidebar_position:3,sidebar_label:"\u30ab\u30b9\u30bf\u30e0\u30a2\u30fc\u30ad\u30c6\u30af\u30c1\u30e3\u304b\u3089\u306e\u79fb\u884c"},sidebar:"guidesSidebar",previous:{title:"\u30da\u30fc\u30b8\u30ec\u30a4\u30a2\u30a6\u30c8",permalink:"/ja/docs/guides/examples/page-layout"},next:{title:"v1\u304b\u3089\u306e\u79fb\u884c",permalink:"/ja/docs/guides/migration/from-v1"}},h={},o=[{value:"\u958b\u59cb\u524d\u306b",id:"before-you-start",level:2},{value:"\u30b9\u30c6\u30c3\u30d7\uff11\u3002\u30b3\u30fc\u30c9\u3092\u30da\u30fc\u30b8\u3054\u3068\u306b\u5206\u5272\u3059\u308b",id:"divide-code-by-pages",level:2},{value:"\u30b9\u30c6\u30c3\u30d7\uff12\u3002 \u30da\u30fc\u30b8\u4ee5\u5916\u306e\u3059\u3079\u3066\u3092\u5206\u96e2\u3059\u308b",id:"separate-everything-else-from-pages",level:2},{value:"\u30b9\u30c6\u30c3\u30d7\uff13\u3002 \u30da\u30fc\u30b8\u9593\u306e\u30af\u30ed\u30b9\u30a4\u30f3\u30dd\u30fc\u30c8\u3092\u89e3\u6d88\u3059\u308b",id:"tackle-cross-imports-between-pages",level:2},{value:"\u30b9\u30c6\u30c3\u30d7\uff14\u3002 Shared\u5c64\u3092\u5206\u89e3\u3059\u308b",id:"unpack-shared-layer",level:2},{value:"\u30b9\u30c6\u30c3\u30d7\uff15\u3002 \u30b3\u30fc\u30c9\u3092\u6280\u8853\u7684\u306a\u76ee\u7684\u306b\u57fa\u3065\u3044\u3066\u6574\u7406\u3059\u308b",id:"organize-by-technical-purpose",level:2},{value:"\u4efb\u610f\u306e\u30b9\u30c6\u30c3\u30d7",id:"optional-steps",level:2},{value:"\u30b9\u30c6\u30c3\u30d7\uff16\u3002 \u8907\u6570\u306e\u30da\u30fc\u30b8\u3067\u4f7f\u7528\u3055\u308c\u308bRedux\u30b9\u30e9\u30a4\u30b9\u304b\u3089\u30a8\u30f3\u30c6\u30a3\u30c6\u30a3/\u30d5\u30a3\u30fc\u30c1\u30e3\u30fc\u3092\u5f62\u6210\u3059\u308b",id:"form-entities-features-from-redux",level:3},{value:"\u30b9\u30c6\u30c3\u30d7\uff17\u3002 \u30e2\u30b8\u30e5\u30fc\u30eb\u3092\u30ea\u30d5\u30a1\u30af\u30bf\u30ea\u30f3\u30b0\u3059\u308b",id:"refactor-your-modules",level:3},{value:"\u30b9\u30c6\u30c3\u30d78\u3002 <code>shared/ui</code>\u306bUI\u57fa\u76e4\u3092\u6b63\u3057\u304f\u5f62\u6210\u3059\u308b",id:"form-clean-ui-foundation",level:3}];function x(e){const s={a:"a",admonition:"admonition",code:"code",em:"em",h1:"h1",h2:"h2",h3:"h3",header:"header",hr:"hr",li:"li",ol:"ol",p:"p",pre:"pre",strong:"strong",ul:"ul",...(0,l.R)(),...e.components},{Details:i}=s;return i||function(e,s){throw new Error("Expected "+(s?"component":"object")+" `"+e+"` to be defined: you likely forgot to import, pass, or provide it.")}("Details",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(s.header,{children:(0,n.jsx)(s.h1,{id:"\u30ab\u30b9\u30bf\u30e0\u30a2\u30fc\u30ad\u30c6\u30af\u30c1\u30e3\u304b\u3089\u306e\u79fb\u884c",children:"\u30ab\u30b9\u30bf\u30e0\u30a2\u30fc\u30ad\u30c6\u30af\u30c1\u30e3\u304b\u3089\u306e\u79fb\u884c"})}),"\n",(0,n.jsx)(s.p,{children:"\u3053\u306e\u30ac\u30a4\u30c9\u306f\u3001\u30ab\u30b9\u30bf\u30e0\u306e\u30a2\u30fc\u30ad\u30c6\u30af\u30c1\u30e3\u304b\u3089Feature-Sliced Design\u3078\u306e\u79fb\u884c\u306b\u5f79\u7acb\u3064\u30a2\u30d7\u30ed\u30fc\u30c1\u3092\u8aac\u660e\u3057\u307e\u3059\u3002"}),"\n",(0,n.jsx)(s.p,{children:"\u4ee5\u4e0b\u306f\u3001\u5178\u578b\u7684\u306a\u30ab\u30b9\u30bf\u30e0\u30a2\u30fc\u30ad\u30c6\u30af\u30c1\u30e3\u306e\u30d5\u30a9\u30eb\u30c0\u69cb\u9020\u3067\u3059\u3002\u3053\u306e\u30ac\u30a4\u30c9\u3067\u306f\u3001\u3053\u308c\u3092\u4f8b\u3068\u3057\u3066\u4f7f\u7528\u3057\u307e\u3059\u3002\u30d5\u30a9\u30eb\u30c0\u306e\u5185\u5bb9\u304c\u898b\u3048\u308b\u3088\u3046\u306b\u3001\u30d5\u30a9\u30eb\u30c0\u306e\u6a2a\u306b\u3042\u308b\u9752\u3044\u77e2\u5370\u3092\u30af\u30ea\u30c3\u30af\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002"}),"\n",(0,n.jsxs)(i,{className:"file-tree",children:[(0,n.jsx)("summary",{children:"\ud83d\udcc1 src"}),(0,n.jsxs)("ul",{children:[(0,n.jsx)("li",{children:(0,n.jsxs)(i,{className:"file-tree",children:[(0,n.jsx)("summary",{children:"\ud83d\udcc1 actions"}),(0,n.jsxs)("ul",{children:[(0,n.jsx)("li",{children:"\ud83d\udcc1 product"}),(0,n.jsx)("li",{children:"\ud83d\udcc1 order"})]})]})}),(0,n.jsx)("li",{children:"\ud83d\udcc1 api"}),(0,n.jsx)("li",{children:"\ud83d\udcc1 components"}),(0,n.jsx)("li",{children:"\ud83d\udcc1 containers"}),(0,n.jsx)("li",{children:"\ud83d\udcc1 constants"}),(0,n.jsx)("li",{children:"\ud83d\udcc1 i18n"}),(0,n.jsx)("li",{children:"\ud83d\udcc1 modules"}),(0,n.jsx)("li",{children:"\ud83d\udcc1 helpers"}),(0,n.jsx)("li",{children:(0,n.jsxs)(i,{className:"file-tree",children:[(0,n.jsx)("summary",{children:"\ud83d\udcc1 routes"}),(0,n.jsxs)("ul",{children:[(0,n.jsx)("li",{children:"\ud83d\udcc1 products.jsx"}),(0,n.jsx)("li",{children:"\ud83d\udcc4 products.[id].jsx"})]})]})}),(0,n.jsx)("li",{children:"\ud83d\udcc1 utils"}),(0,n.jsx)("li",{children:"\ud83d\udcc1 reducers"}),(0,n.jsx)("li",{children:"\ud83d\udcc1 selectors"}),(0,n.jsx)("li",{children:"\ud83d\udcc1 styles"}),(0,n.jsx)("li",{children:"\ud83d\udcc4 App.jsx"}),(0,n.jsx)("li",{children:"\ud83d\udcc4 index.js"})]})]}),"\n",(0,n.jsx)(s.h2,{id:"before-you-start",children:"\u958b\u59cb\u524d\u306b"}),"\n",(0,n.jsx)(s.p,{children:"Feature-Sliced Design\u3078\u306e\u79fb\u884c\u3092\u691c\u8a0e\u3059\u308b\u969b\u306b\u3001\u30c1\u30fc\u30e0\u306b\u6700\u3082\u91cd\u8981\u306a\u8cea\u554f\u306f\u300c\u672c\u5f53\u306b\u5fc5\u8981\u304b\uff1f\u300d\u3067\u3059\u3002\u79c1\u305f\u3061\u306fFeature-Sliced Design\u304c\u597d\u304d\u3067\u3059\u304c\u3001\u3044\u304f\u3064\u304b\u306e\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u306f\u305d\u308c\u306a\u3057\u3067\u3046\u307e\u304f\u3044\u3051\u308b\u3053\u3068\u3092\u8a8d\u3081\u3066\u3044\u307e\u3059\u3002"}),"\n",(0,n.jsx)(s.p,{children:"\u79fb\u884c\u3092\u691c\u8a0e\u3059\u3079\u304d\u7406\u7531\u306f\u3044\u304f\u3064\u304b\u3042\u308a\u307e\u3059\u3002"}),"\n",(0,n.jsxs)(s.ol,{children:["\n",(0,n.jsx)(s.li,{children:"\u65b0\u3057\u3044\u30c1\u30fc\u30e0\u30e1\u30f3\u30d0\u30fc\u304c\u751f\u7523\u7684\u306a\u30ec\u30d9\u30eb\u306b\u9054\u3059\u308b\u306e\u304c\u96e3\u3057\u3044\u3068\u4e0d\u6e80\u3092\u8a00\u3046\u3002"}),"\n",(0,n.jsxs)(s.li,{children:["\u30b3\u30fc\u30c9\u306e\u4e00\u90e8\u3092\u5909\u66f4\u3059\u308b\u3068\u3001",(0,n.jsx)(s.strong,{children:"\u3057\u3070\u3057\u3070"}),"\u4ed6\u306e\u7121\u95a2\u4fc2\u306a\u90e8\u5206\u304c\u58ca\u308c\u308b\u3002"]}),"\n",(0,n.jsx)(s.li,{children:"\u5de8\u5927\u306a\u30b3\u30fc\u30c9\u30d9\u30fc\u30b9\u306e\u305f\u3081\u3001\u65b0\u3057\u3044\u6a5f\u80fd\u3092\u8ffd\u52a0\u3059\u308b\u306e\u304c\u96e3\u3057\u3044\u3002"}),"\n"]}),"\n",(0,n.jsxs)(s.p,{children:[(0,n.jsx)(s.strong,{children:"\u540c\u50da\u306e\u610f\u306b\u53cd\u3057\u3066FSD\u306b\u79fb\u884c\u3059\u308b\u3053\u3068\u306f\u907f\u3051\u3066\u304f\u3060\u3055\u3044"}),"\u3002\u305f\u3068\u3048\u3042\u306a\u305f\u304c\u30c1\u30fc\u30e0\u30ea\u30fc\u30c0\u30fc\u3067\u3042\u3063\u3066\u3082\u3001\u307e\u305a\u306f\u540c\u50da\u3092\u8aac\u5f97\u3057\u3001\u79fb\u884c\u306e\u5229\u70b9\u304c\u30b3\u30b9\u30c8\u3092\u4e0a\u56de\u308b\u3053\u3068\u3092\u7406\u89e3\u3055\u305b\u308b\u5fc5\u8981\u304c\u3042\u308a\u307e\u3059\u3002"]}),"\n",(0,n.jsx)(s.p,{children:"\u307e\u305f\u3001\u30a2\u30fc\u30ad\u30c6\u30af\u30c1\u30e3\u306e\u5909\u66f4\u306f\u3001\u77ac\u6642\u306b\u306f\u7d4c\u55b6\u9663\u306b\u306f\u898b\u3048\u306a\u3044\u3053\u3068\u3092\u899a\u3048\u3066\u304a\u3044\u3066\u304f\u3060\u3055\u3044\u3002\u59cb\u3081\u308b\u524d\u306b\u3001\u7d4c\u55b6\u9663\u304c\u79fb\u884c\u3092\u652f\u6301\u3057\u3066\u3044\u308b\u3053\u3068\u3092\u78ba\u8a8d\u3057\u3001\u3053\u306e\u79fb\u884c\u304c\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u306b\u3069\u306e\u3088\u3046\u306b\u5f79\u7acb\u3064\u304b\u3092\u8aac\u660e\u3057\u3066\u304f\u3060\u3055\u3044\u3002"}),"\n",(0,n.jsxs)(s.admonition,{type:"tip",children:[(0,n.jsx)(s.p,{children:"\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u30de\u30cd\u30fc\u30b8\u30e3\u30fc\u3092FSD\u306e\u6709\u7528\u6027\u306b\u7d0d\u5f97\u3055\u305b\u308b\u305f\u3081\u306e\u30a2\u30a4\u30c7\u30a2\u3092\u3044\u304f\u3064\u304b\u7d39\u4ecb\u3057\u307e\u3059\u3002"}),(0,n.jsxs)(s.ol,{children:["\n",(0,n.jsx)(s.li,{children:"FSD\u3078\u306e\u79fb\u884c\u306f\u6bb5\u968e\u7684\u306b\u884c\u3048\u308b\u305f\u3081\u3001\u65b0\u6a5f\u80fd\u306e\u958b\u767a\u3092\u6b62\u3081\u308b\u3053\u3068\u306f\u3042\u308a\u307e\u305b\u3093\u3002"}),"\n",(0,n.jsx)(s.li,{children:"\u826f\u3044\u30a2\u30fc\u30ad\u30c6\u30af\u30c1\u30e3\u306f\u3001\u65b0\u3057\u3044\u958b\u767a\u8005\u304c\u751f\u7523\u6027\u3092\u9054\u6210\u3059\u308b\u306e\u306b\u304b\u304b\u308b\u6642\u9593\u3092\u5927\u5e45\u306b\u77ed\u7e2e\u3067\u304d\u307e\u3059\u3002"}),"\n",(0,n.jsx)(s.li,{children:"FSD\u306f\u6587\u66f8\u5316\u3055\u308c\u305f\u30a2\u30fc\u30ad\u30c6\u30af\u30c1\u30e3\u3067\u3042\u308b\u305f\u3081\u3001\u30c1\u30fc\u30e0\u306f\u72ec\u81ea\u306e\u6587\u66f8\u3092\u7dad\u6301\u3059\u308b\u305f\u3081\u306b\u5e38\u306b\u6642\u9593\u3092\u8cbb\u3084\u3059\u5fc5\u8981\u304c\u3042\u308a\u307e\u305b\u3093\u3002"}),"\n"]})]}),"\n",(0,n.jsx)(s.hr,{}),"\n",(0,n.jsxs)(s.p,{children:["\u3082\u3057\u79fb\u884c\u3092\u59cb\u3081\u308b\u6c7a\u65ad\u3092\u3057\u305f\u5834\u5408\u3001\u6700\u521d\u306b\u884c\u3046\u3079\u304d\u3053\u3068\u306f",(0,n.jsx)(s.code,{children:"\ud83d\udcc1 src"}),"\u306e\u30a8\u30a4\u30ea\u30a2\u30b9\u3092\u8a2d\u5b9a\u3059\u308b\u3053\u3068\u3067\u3059\u3002\u3053\u308c\u306f\u3001\u5f8c\u3067\u4e0a\u4f4d\u30d5\u30a9\u30eb\u30c0\u3092\u53c2\u7167\u3059\u308b\u306e\u306b\u4fbf\u5229\u3067\u3059\u3002\u4ee5\u964d\u306e\u30c6\u30ad\u30b9\u30c8\u3067\u306f\u3001",(0,n.jsx)(s.code,{children:"@"}),"\u3092",(0,n.jsx)(s.code,{children:"./src"}),"\u306e\u30a8\u30a4\u30ea\u30a2\u30b9\u3068\u3057\u3066\u6271\u3044\u307e\u3059\u3002"]}),"\n",(0,n.jsx)(s.h2,{id:"divide-code-by-pages",children:"\u30b9\u30c6\u30c3\u30d7\uff11\u3002\u30b3\u30fc\u30c9\u3092\u30da\u30fc\u30b8\u3054\u3068\u306b\u5206\u5272\u3059\u308b"}),"\n",(0,n.jsxs)(s.p,{children:["\u307b\u3068\u3093\u3069\u306e\u30ab\u30b9\u30bf\u30e0\u30a2\u30fc\u30ad\u30c6\u30af\u30c1\u30e3\u306f\u3001\u30ed\u30b8\u30c3\u30af\u306e\u30b5\u30a4\u30ba\u306b\u95a2\u4fc2\u306a\u304f\u3001\u3059\u3067\u306b\u30da\u30fc\u30b8\u3054\u3068\u306b\u5206\u5272\u3055\u308c\u3066\u3044\u307e\u3059\u3002\u3082\u3057",(0,n.jsx)(s.code,{children:"\ud83d\udcc1 pages"}),"\u304c\u3059\u3067\u306b\u5b58\u5728\u3059\u308b\u5834\u5408\u306f\u3001\u3053\u306e\u30b9\u30c6\u30c3\u30d7\u3092\u30b9\u30ad\u30c3\u30d7\u3067\u304d\u307e\u3059\u3002"]}),"\n",(0,n.jsxs)(s.p,{children:["\u3082\u3057",(0,n.jsx)(s.code,{children:"\ud83d\udcc1 routes"}),"\u3057\u304b\u306a\u3044\u5834\u5408\u306f\u3001",(0,n.jsx)(s.code,{children:"\ud83d\udcc1 pages"}),"\u3092\u4f5c\u6210\u3057\u3001\u3067\u304d\u308b\u3060\u3051\u591a\u304f\u306e\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u30b3\u30fc\u30c9\u3092",(0,n.jsx)(s.code,{children:"\ud83d\udcc1 routes"}),"\u304b\u3089\u79fb\u52d5\u3055\u305b\u3066\u307f\u3066\u304f\u3060\u3055\u3044\u3002\u7406\u60f3\u7684\u306b\u306f\u3001\u5c0f\u3055\u306a\u30eb\u30fc\u30c8\u30d5\u30a1\u30a4\u30eb\u3068\u5927\u304d\u306a\u30da\u30fc\u30b8\u30d5\u30a1\u30a4\u30eb\u304c\u3042\u308b\u3053\u3068\u3067\u3059\u3002\u30b3\u30fc\u30c9\u3092\u79fb\u52d5\u3055\u305b\u308b\u969b\u306b\u306f\u3001\u5404\u30da\u30fc\u30b8\u306e\u305f\u3081\u306e\u30d5\u30a9\u30eb\u30c0\u3092\u4f5c\u6210\u3057\u3001\u305d\u306e\u4e2d\u306b\u30a4\u30f3\u30c7\u30c3\u30af\u30b9\u30d5\u30a1\u30a4\u30eb\u3092\u8ffd\u52a0\u3057\u307e\u3059\u3002"]}),"\n",(0,n.jsx)(s.admonition,{type:"note",children:(0,n.jsx)(s.p,{children:"\u73fe\u6642\u70b9\u3067\u306f\u3001\u30da\u30fc\u30b8\u540c\u58eb\u304c\u4e92\u3044\u306b\u30a4\u30f3\u30dd\u30fc\u30c8\u3059\u308b\u3053\u3068\u306f\u554f\u984c\u3042\u308a\u307e\u305b\u3093\u3002\u5f8c\u3067\u3053\u308c\u3089\u306e\u4f9d\u5b58\u95a2\u4fc2\u3092\u89e3\u6d88\u3059\u308b\u305f\u3081\u306e\u5225\u306e\u30b9\u30c6\u30c3\u30d7\u304c\u3042\u308a\u307e\u3059\u3002\u4eca\u306f\u30da\u30fc\u30b8\u3054\u3068\u306e\u660e\u78ba\u306a\u5206\u5272\u3092\u78ba\u7acb\u3059\u308b\u3053\u3068\u306b\u96c6\u4e2d\u3057\u307e\u3059\u3002"})}),"\n",(0,n.jsx)(s.p,{children:"\u30eb\u30fc\u30c8\u30d5\u30a1\u30a4\u30eb"}),"\n",(0,n.jsx)(s.pre,{children:(0,n.jsx)(s.code,{className:"language-js",metastring:'title="src/routes/products.[id].js"',children:'export { ProductPage as default } from "@/pages/product"\n'})}),"\n",(0,n.jsx)(s.p,{children:"\u30da\u30fc\u30b8\u306e\u30a4\u30f3\u30c7\u30c3\u30af\u30b9\u30d5\u30a1\u30a4\u30eb"}),"\n",(0,n.jsx)(s.pre,{children:(0,n.jsx)(s.code,{className:"language-js",metastring:'title="src/pages/product/index.js"',children:'export { ProductPage } from "./ProductPage.jsx"\n'})}),"\n",(0,n.jsx)(s.p,{children:"\u30da\u30fc\u30b8\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u30d5\u30a1\u30a4\u30eb"}),"\n",(0,n.jsx)(s.pre,{children:(0,n.jsx)(s.code,{className:"language-jsx",metastring:'title="src/pages/product/ProductPage.jsx"',children:"export function ProductPage(props) {\n  return <div />;\n}\n"})}),"\n",(0,n.jsx)(s.h2,{id:"separate-everything-else-from-pages",children:"\u30b9\u30c6\u30c3\u30d7\uff12\u3002 \u30da\u30fc\u30b8\u4ee5\u5916\u306e\u3059\u3079\u3066\u3092\u5206\u96e2\u3059\u308b"}),"\n",(0,n.jsxs)(s.p,{children:[(0,n.jsx)(s.code,{children:"\ud83d\udcc1 src/shared"}),"\u30d5\u30a9\u30eb\u30c0\u3092\u4f5c\u6210\u3057\u3001",(0,n.jsx)(s.code,{children:"\ud83d\udcc1 pages"}),"\u3084",(0,n.jsx)(s.code,{children:"\ud83d\udcc1 routes"}),"\u304b\u3089\u30a4\u30f3\u30dd\u30fc\u30c8\u3055\u308c\u306a\u3044\u3059\u3079\u3066\u3092\u305d\u3053\u306b\u79fb\u52d5\u3057\u307e\u3059\u3002",(0,n.jsx)(s.code,{children:"\ud83d\udcc1 src/app"}),"\u30d5\u30a9\u30eb\u30c0\u3092\u4f5c\u6210\u3057\u3001\u30da\u30fc\u30b8\u3084\u30eb\u30fc\u30c8\u3092\u30a4\u30f3\u30dd\u30fc\u30c8\u3059\u308b\u3059\u3079\u3066\u3092\u305d\u3053\u306b\u79fb\u52d5\u3057\u307e\u3059\u3002"]}),"\n",(0,n.jsx)(s.p,{children:"Shared\u5c64\u306b\u306f\u30b9\u30e9\u30a4\u30b9\u304c\u306a\u3044\u3053\u3068\u3092\u899a\u3048\u3066\u304a\u3044\u3066\u304f\u3060\u3055\u3044\u3002\u3057\u305f\u304c\u3063\u3066\u3001\u30bb\u30b0\u30e1\u30f3\u30c8\u306f\u4e92\u3044\u306b\u30a4\u30f3\u30dd\u30fc\u30c8\u3067\u304d\u307e\u3059\u3002"}),"\n",(0,n.jsx)(s.p,{children:"\u6700\u7d42\u7684\u306b\u306f\u3001\u6b21\u306e\u3088\u3046\u306a\u30d5\u30a1\u30a4\u30eb\u69cb\u9020\u306b\u306a\u308b\u306f\u305a\u3067\u3059\u3002"}),"\n",(0,n.jsxs)(i,{className:"file-tree",open:!0,children:[(0,n.jsx)("summary",{children:"\ud83d\udcc1 src"}),(0,n.jsxs)("ul",{children:[(0,n.jsx)("li",{children:(0,n.jsxs)(i,{className:"file-tree",children:[(0,n.jsx)("summary",{children:"\ud83d\udcc1 app"}),(0,n.jsxs)("ul",{children:[(0,n.jsx)("li",{children:(0,n.jsxs)(i,{className:"file-tree",children:[(0,n.jsx)("summary",{children:"\ud83d\udcc1 routes"}),(0,n.jsxs)("ul",{children:[(0,n.jsx)("li",{children:"\ud83d\udcc4 products.jsx"}),(0,n.jsx)("li",{children:"\ud83d\udcc4 products.[id].jsx"})]})]})}),(0,n.jsx)("li",{children:"\ud83d\udcc4 App.jsx"}),(0,n.jsx)("li",{children:"\ud83d\udcc4 index.js"})]})]})}),(0,n.jsx)("li",{children:(0,n.jsxs)(i,{className:"file-tree",children:[(0,n.jsx)("summary",{children:"\ud83d\udcc1 pages"}),(0,n.jsxs)("ul",{children:[(0,n.jsx)("li",{children:(0,n.jsxs)(i,{className:"file-tree",children:[(0,n.jsx)("summary",{children:"\ud83d\udcc1 product"}),(0,n.jsxs)("ul",{children:[(0,n.jsx)("li",{children:(0,n.jsxs)(i,{className:"file-tree",children:[(0,n.jsx)("summary",{children:"\ud83d\udcc1 ui"}),(0,n.jsx)("ul",{children:(0,n.jsx)("li",{children:"\ud83d\udcc4 ProductPage.jsx"})})]})}),(0,n.jsx)("li",{children:"\ud83d\udcc4 index.js"})]})]})}),(0,n.jsx)("li",{children:"\ud83d\udcc1 catalog"})]})]})}),(0,n.jsx)("li",{children:(0,n.jsxs)(i,{className:"file-tree",children:[(0,n.jsx)("summary",{children:"\ud83d\udcc1 shared"}),(0,n.jsxs)("ul",{children:[(0,n.jsx)("li",{children:"\ud83d\udcc1 actions"}),(0,n.jsx)("li",{children:"\ud83d\udcc1 api"}),(0,n.jsx)("li",{children:"\ud83d\udcc1 components"}),(0,n.jsx)("li",{children:"\ud83d\udcc1 containers"}),(0,n.jsx)("li",{children:"\ud83d\udcc1 constants"}),(0,n.jsx)("li",{children:"\ud83d\udcc1 i18n"}),(0,n.jsx)("li",{children:"\ud83d\udcc1 modules"}),(0,n.jsx)("li",{children:"\ud83d\udcc1 helpers"}),(0,n.jsx)("li",{children:"\ud83d\udcc1 utils"}),(0,n.jsx)("li",{children:"\ud83d\udcc1 reducers"}),(0,n.jsx)("li",{children:"\ud83d\udcc1 selectors"}),(0,n.jsx)("li",{children:"\ud83d\udcc1 styles"})]})]})})]})]}),"\n",(0,n.jsx)(s.h2,{id:"tackle-cross-imports-between-pages",children:"\u30b9\u30c6\u30c3\u30d7\uff13\u3002 \u30da\u30fc\u30b8\u9593\u306e\u30af\u30ed\u30b9\u30a4\u30f3\u30dd\u30fc\u30c8\u3092\u89e3\u6d88\u3059\u308b"}),"\n",(0,n.jsx)(s.p,{children:"\u3042\u308b\u30da\u30fc\u30b8\u304c\u4ed6\u306e\u30da\u30fc\u30b8\u304b\u3089\u4f55\u304b\u3092\u30a4\u30f3\u30dd\u30fc\u30c8\u3057\u3066\u3044\u308b\u3059\u3079\u3066\u306e\u7b87\u6240\u3092\u898b\u3064\u3051\u3001\u6b21\u306e\u3044\u305a\u308c\u304b\u3092\u884c\u3044\u307e\u3059\u3002"}),"\n",(0,n.jsxs)(s.ol,{children:["\n",(0,n.jsx)(s.li,{children:"\u30a4\u30f3\u30dd\u30fc\u30c8\u3055\u308c\u3066\u3044\u308b\u30b3\u30fc\u30c9\u3092\u4f9d\u5b58\u3059\u308b\u30da\u30fc\u30b8\u306b\u30b3\u30d4\u30fc\u3057\u3066\u3001\u4f9d\u5b58\u95a2\u4fc2\u3092\u53d6\u308a\u9664\u304f\u3002"}),"\n",(0,n.jsxs)(s.li,{children:["\u30b3\u30fc\u30c9\u3092Shared\u5c64\u306e\u9069\u5207\u306a\u30bb\u30b0\u30e1\u30f3\u30c8\u306b\u79fb\u52d5\u3059\u308b","\n",(0,n.jsxs)(s.ul,{children:["\n",(0,n.jsxs)(s.li,{children:["UI\u30ad\u30c3\u30c8\u306e\u4e00\u90e8\u3067\u3042\u308c\u3070\u3001",(0,n.jsx)(s.code,{children:"\ud83d\udcc1 shared/ui"}),"\u306b\u79fb\u52d5\u3002"]}),"\n",(0,n.jsxs)(s.li,{children:["\u8a2d\u5b9a\u306e\u5b9a\u6570\u3067\u3042\u308c\u3070\u3001",(0,n.jsx)(s.code,{children:"\ud83d\udcc1 shared/config"}),"\u306b\u79fb\u52d5\u3002"]}),"\n",(0,n.jsxs)(s.li,{children:["\u30d0\u30c3\u30af\u30a8\u30f3\u30c9\u3068\u306e\u3084\u308a\u53d6\u308a\u3067\u3042\u308c\u3070\u3001",(0,n.jsx)(s.code,{children:"\ud83d\udcc1 shared/api"}),"\u306b\u79fb\u52d5\u3002"]}),"\n"]}),"\n"]}),"\n"]}),"\n",(0,n.jsxs)(s.admonition,{type:"note",children:[(0,n.jsxs)(s.p,{children:[(0,n.jsx)(s.strong,{children:"\u30b3\u30d4\u30fc\u81ea\u4f53\u306f\u30a2\u30fc\u30ad\u30c6\u30af\u30c1\u30e3\u306e\u554f\u984c\u3067\u306f\u3042\u308a\u307e\u305b\u3093"}),"\u3002\u5b9f\u969b\u3001\u6642\u306b\u306f\u65b0\u3057\u3044\u518d\u5229\u7528\u53ef\u80fd\u306a\u30e2\u30b8\u30e5\u30fc\u30eb\u306b\u4f55\u304b\u3092\u62bd\u8c61\u5316\u3059\u308b\u3088\u308a\u3082\u3001\u4f55\u304b\u3092\u8907\u88fd\u3059\u308b\u65b9\u304c\u6b63\u3057\u3044\u5834\u5408\u3082\u3042\u308a\u307e\u3059\u3002\u30da\u30fc\u30b8\u306e\u5171\u901a\u90e8\u5206\u304c\u7570\u306a\u3063\u3066\u304f\u308b\u3053\u3068\u304c\u3042\u308b\u305f\u3081\u3001\u305d\u306e\u5834\u5408\u3001\u4f9d\u5b58\u95a2\u4fc2\u304c\u59a8\u3052\u306b\u306a\u3089\u306a\u3044\u3088\u3046\u306b\u3059\u308b\u5fc5\u8981\u304c\u3042\u308a\u307e\u3059\u3002"]}),(0,n.jsx)(s.p,{children:'\u305f\u3060\u3057\u3001DRY\uff08"don\'t repeat yourself" \u2014 "\u7e70\u308a\u8fd4\u3055\u306a\u3044"\uff09\u306e\u539f\u5247\u306b\u306f\u610f\u5473\u304c\u3042\u308b\u305f\u3081\u3001\u30d3\u30b8\u30cd\u30b9\u30ed\u30b8\u30c3\u30af\u3092\u30b3\u30d4\u30fc\u3057\u306a\u3044\u3088\u3046\u306b\u3057\u3066\u304f\u3060\u3055\u3044\u3002\u305d\u3046\u3057\u306a\u3044\u3068\u3001\u30d0\u30b0\u3092\u8907\u6570\u306e\u7b87\u6240\u3067\u4fee\u6b63\u3059\u308b\u3053\u3068\u306b\u306a\u308b\u3053\u3068\u3092\u982d\u306b\u5165\u308c\u3066\u304a\u304f\u5fc5\u8981\u304c\u3042\u308a\u307e\u3059\u3002'})]}),"\n",(0,n.jsx)(s.h2,{id:"unpack-shared-layer",children:"\u30b9\u30c6\u30c3\u30d7\uff14\u3002 Shared\u5c64\u3092\u5206\u89e3\u3059\u308b"}),"\n",(0,n.jsx)(s.p,{children:"\u3053\u306e\u6bb5\u968e\u3067\u306f\u3001Shared\u5c64\u306b\u591a\u304f\u306e\u3082\u306e\u304c\u5165\u3063\u3066\u3044\u308b\u304b\u3082\u3057\u308c\u307e\u305b\u3093\u304c\u3001\u4e00\u822c\u7684\u306b\u306f\u305d\u306e\u3088\u3046\u306a\u72b6\u6cc1\u3092\u907f\u3051\u308b\u3079\u304d\u3067\u3059\u3002\u7406\u7531\u306f\u3001Shared\u5c64\u306b\u4f9d\u5b58\u3057\u3066\u3044\u308b\u4ed6\u306e\u5c64\u306b\u3042\u308b\u30b3\u30fc\u30c9\u304c\u5b58\u5728\u3057\u3066\u3044\u308b\u53ef\u80fd\u6027\u304c\u3042\u308b\u305f\u3081\u3001\u305d\u3053\u306b\u5909\u66f4\u3092\u52a0\u3048\u308b\u3053\u3068\u306f\u4e88\u671f\u3057\u306a\u3044\u7d50\u679c\u3092\u5f15\u304d\u8d77\u3053\u3059\u53ef\u80fd\u6027\u304c\u9ad8\u304f\u306a\u308a\u307e\u3059\u3002"}),"\n",(0,n.jsxs)(s.p,{children:["\u7279\u5b9a\u306e\u30da\u30fc\u30b8\u3067\u306e\u307f\u4f7f\u7528\u3055\u308c\u308b\u3059\u3079\u3066\u306e\u30aa\u30d6\u30b8\u30a7\u30af\u30c8\u3092\u898b\u3064\u3051\u3001\u305d\u308c\u3089\u3092\u305d\u306e\u30da\u30fc\u30b8\u306e\u30b9\u30e9\u30a4\u30b9\u306b\u79fb\u52d5\u3057\u307e\u3059\u3002\u305d\u3057\u3066\u3001",(0,n.jsx)(s.em,{children:"\u3053\u308c\u306b\u306f\u30a2\u30af\u30b7\u30e7\u30f3\u3001\u30ea\u30c7\u30e5\u30fc\u30b5\u30fc\u3001\u30bb\u30ec\u30af\u30bf\u30fc\u3082\u542b\u307e\u308c\u307e\u3059"}),"\u3002\u3059\u3079\u3066\u306e\u30a2\u30af\u30b7\u30e7\u30f3\u3092\u4e00\u7dd2\u306b\u30b0\u30eb\u30fc\u30d7\u5316\u3059\u308b\u3053\u3068\u306b\u306f\u610f\u5473\u304c\u3042\u308a\u307e\u305b\u3093\u304c\u3001\u95a2\u9023\u3059\u308b\u30a2\u30af\u30b7\u30e7\u30f3\u3092\u305d\u306e\u4f7f\u7528\u5834\u6240\u306e\u8fd1\u304f\u306b\u7f6e\u304f\u3053\u3068\u306b\u306f\u610f\u5473\u304c\u3042\u308a\u307e\u3059\u3002"]}),"\n",(0,n.jsx)(s.p,{children:"\u6700\u7d42\u7684\u306b\u306f\u3001\u6b21\u306e\u3088\u3046\u306a\u30d5\u30a1\u30a4\u30eb\u69cb\u9020\u306b\u306a\u308b\u306f\u305a\u3067\u3059\u3002"}),"\n",(0,n.jsxs)(i,{className:"file-tree",open:!0,children:[(0,n.jsx)("summary",{children:"\ud83d\udcc1 src"}),(0,n.jsxs)("ul",{children:[(0,n.jsx)("li",{children:"\ud83d\udcc1 app (\u5909\u66f4\u306a\u3057)"}),(0,n.jsx)("li",{children:(0,n.jsxs)(i,{className:"file-tree",open:!0,children:[(0,n.jsx)("summary",{children:"\ud83d\udcc1 pages"}),(0,n.jsxs)("ul",{children:[(0,n.jsx)("li",{children:(0,n.jsxs)(i,{className:"file-tree",open:!0,children:[(0,n.jsx)("summary",{children:"\ud83d\udcc1 product"}),(0,n.jsxs)("ul",{children:[(0,n.jsx)("li",{children:"\ud83d\udcc1 actions"}),(0,n.jsx)("li",{children:"\ud83d\udcc1 reducers"}),(0,n.jsx)("li",{children:"\ud83d\udcc1 selectors"}),(0,n.jsx)("li",{children:(0,n.jsxs)(i,{className:"file-tree",children:[(0,n.jsx)("summary",{children:"\ud83d\udcc1 ui"}),(0,n.jsxs)("ul",{children:[(0,n.jsx)("li",{children:"\ud83d\udcc4 Component.jsx"}),(0,n.jsx)("li",{children:"\ud83d\udcc4 Container.jsx"}),(0,n.jsx)("li",{children:"\ud83d\udcc4 ProductPage.jsx"})]})]})}),(0,n.jsx)("li",{children:"\ud83d\udcc4 index.js"})]})]})}),(0,n.jsx)("li",{children:"\ud83d\udcc1 catalog"})]})]})}),(0,n.jsx)("li",{children:(0,n.jsxs)(i,{className:"file-tree",children:[(0,n.jsx)("summary",{children:"\ud83d\udcc1 shared (\u518d\u5229\u7528\u3055\u308c\u308b\u30aa\u30d6\u30b8\u30a7\u30af\u30c8\u306e\u307f)"}),(0,n.jsxs)("ul",{children:[(0,n.jsx)("li",{children:"\ud83d\udcc1 actions"}),(0,n.jsx)("li",{children:"\ud83d\udcc1 api"}),(0,n.jsx)("li",{children:"\ud83d\udcc1 components"}),(0,n.jsx)("li",{children:"\ud83d\udcc1 containers"}),(0,n.jsx)("li",{children:"\ud83d\udcc1 constants"}),(0,n.jsx)("li",{children:"\ud83d\udcc1 i18n"}),(0,n.jsx)("li",{children:"\ud83d\udcc1 modules"}),(0,n.jsx)("li",{children:"\ud83d\udcc1 helpers"}),(0,n.jsx)("li",{children:"\ud83d\udcc1 utils"}),(0,n.jsx)("li",{children:"\ud83d\udcc1 reducers"}),(0,n.jsx)("li",{children:"\ud83d\udcc1 selectors"}),(0,n.jsx)("li",{children:"\ud83d\udcc1 styles"})]})]})})]})]}),"\n",(0,n.jsx)(s.h2,{id:"organize-by-technical-purpose",children:"\u30b9\u30c6\u30c3\u30d7\uff15\u3002 \u30b3\u30fc\u30c9\u3092\u6280\u8853\u7684\u306a\u76ee\u7684\u306b\u57fa\u3065\u3044\u3066\u6574\u7406\u3059\u308b"}),"\n",(0,n.jsxs)(s.p,{children:["FSD\u3067\u306f\u3001\u6280\u8853\u7684\u306a\u76ee\u7684\u306b\u57fa\u3065\u304f\u5206\u5272\u304c",(0,n.jsx)("i",{children:"\u30bb\u30b0\u30e1\u30f3\u30c8"}),"\u306b\u3088\u3063\u3066\u884c\u308f\u308c\u307e\u3059\u3002\u3088\u304f\u898b\u3089\u308c\u308b\u30bb\u30b0\u30e1\u30f3\u30c8\u306f\u3044\u304f\u3064\u304b\u3042\u308a\u307e\u3059\u3002"]}),"\n",(0,n.jsxs)(s.ul,{children:["\n",(0,n.jsxs)(s.li,{children:[(0,n.jsx)(s.code,{children:"ui"})," \u2014 \u30a4\u30f3\u30bf\u30fc\u30d5\u30a7\u30fc\u30b9\u306e\u8868\u793a\u306b\u95a2\u9023\u3059\u308b\u3059\u3079\u3066: UI\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3001\u65e5\u4ed8\u306e\u30d5\u30a9\u30fc\u30de\u30c3\u30c8\u3001\u30b9\u30bf\u30a4\u30eb\u306a\u3069\u3002"]}),"\n",(0,n.jsxs)(s.li,{children:[(0,n.jsx)(s.code,{children:"api"})," \u2014 \u30d0\u30c3\u30af\u30a8\u30f3\u30c9\u3068\u306e\u3084\u308a\u53d6\u308a: \u30ea\u30af\u30a8\u30b9\u30c8\u95a2\u6570\u3001\u30c7\u30fc\u30bf\u578b\u3001\u30de\u30c3\u30d1\u30fc\u306a\u3069\u3002"]}),"\n",(0,n.jsxs)(s.li,{children:[(0,n.jsx)(s.code,{children:"model"})," \u2014 \u30c7\u30fc\u30bf\u30e2\u30c7\u30eb: \u30b9\u30ad\u30fc\u30de\u3001\u30a4\u30f3\u30bf\u30fc\u30d5\u30a7\u30fc\u30b9\u3001\u30b9\u30c8\u30ec\u30fc\u30b8\u3001\u30d3\u30b8\u30cd\u30b9\u30ed\u30b8\u30c3\u30af\u3002"]}),"\n",(0,n.jsxs)(s.li,{children:[(0,n.jsx)(s.code,{children:"lib"})," \u2014 \u4ed6\u306e\u30e2\u30b8\u30e5\u30fc\u30eb\u306b\u5fc5\u8981\u306a\u30e9\u30a4\u30d6\u30e9\u30ea\u30b3\u30fc\u30c9\u3002"]}),"\n",(0,n.jsxs)(s.li,{children:[(0,n.jsx)(s.code,{children:"config"})," \u2014 \u8a2d\u5b9a\u30d5\u30a1\u30a4\u30eb\u3084\u30d5\u30a3\u30fc\u30c1\u30e3\u30fc\u30d5\u30e9\u30b0\u3002"]}),"\n"]}),"\n",(0,n.jsxs)(s.p,{children:["\u5fc5\u8981\u306b\u5fdc\u3058\u3066\u72ec\u81ea\u306e\u30bb\u30b0\u30e1\u30f3\u30c8\u3092\u4f5c\u6210\u3067\u304d\u307e\u3059\u3002\u305f\u3060\u3057\u3001\u30b3\u30fc\u30c9\u3092\u305d\u306e\u6027\u8cea\u306b\u3088\u3063\u3066\u30b0\u30eb\u30fc\u30d7\u5316\u3059\u308b\u30bb\u30b0\u30e1\u30f3\u30c8\uff08\u4f8b: ",(0,n.jsx)(s.code,{children:"components"}),"\u3001",(0,n.jsx)(s.code,{children:"actions"}),"\u3001",(0,n.jsx)(s.code,{children:"types"}),"\u3001",(0,n.jsx)(s.code,{children:"utils"}),"\uff09\u3092\u4f5c\u6210\u3057\u306a\u3044\u3088\u3046\u306b\u3057\u3066\u304f\u3060\u3055\u3044\u3002\u4ee3\u308f\u308a\u306b\u3001\u30b3\u30fc\u30c9\u306e\u76ee\u7684\u306b\u57fa\u3065\u3044\u3066\u30b0\u30eb\u30fc\u30d7\u5316\u3057\u3066\u304f\u3060\u3055\u3044\u3002"]}),"\n",(0,n.jsxs)(s.p,{children:["\u30da\u30fc\u30b8\u306e\u30b3\u30fc\u30c9\u3092\u30bb\u30b0\u30e1\u30f3\u30c8\u306b\u518d\u5206\u914d\u3057\u307e\u3059\u3002\u3059\u3067\u306b",(0,n.jsx)(s.code,{children:"ui"}),"\u30bb\u30b0\u30e1\u30f3\u30c8\u304c\u3042\u308b\u306f\u305a\u306a\u306e\u3067\u3001\u4eca\u306f\u4ed6\u306e\u30bb\u30b0\u30e1\u30f3\u30c8\uff08\u4f8b\u3048\u3070\u3001\u30a2\u30af\u30b7\u30e7\u30f3\u3001\u30ea\u30c7\u30e5\u30fc\u30b5\u30fc\u3001\u30bb\u30ec\u30af\u30bf\u30fc\u306e\u305f\u3081\u306e",(0,n.jsx)(s.code,{children:"model"}),"\u3084\u3001\u30b5\u30f3\u30af\u3084\u30df\u30e5\u30fc\u30c6\u30fc\u30b7\u30e7\u30f3\u306e\u305f\u3081\u306e",(0,n.jsx)(s.code,{children:"api"}),"\uff09\u3092\u4f5c\u6210\u3059\u308b\u3068\u304d\u3067\u3059\u3002"]}),"\n",(0,n.jsx)(s.p,{children:"\u307e\u305f\u3001Shared\u5c64\u3092\u518d\u5206\u914d\u3057\u3066\u3001\u6b21\u306e\u30d5\u30a9\u30eb\u30c0\u3092\u524a\u9664\u3057\u307e\u3059\u3002"}),"\n",(0,n.jsxs)(s.ul,{children:["\n",(0,n.jsxs)(s.li,{children:[(0,n.jsx)(s.code,{children:"\ud83d\udcc1 components"}),"\u3001",(0,n.jsx)(s.code,{children:"\ud83d\udcc1 containers"})," \u2014 \u305d\u306e\u5185\u5bb9\u306e\u307b\u3068\u3093\u3069\u306f",(0,n.jsx)(s.code,{children:"\ud83d\udcc1 shared/ui"}),"\u306b\u306a\u308b\u3079\u304d\u3067\u3059\u3002"]}),"\n",(0,n.jsxs)(s.li,{children:[(0,n.jsx)(s.code,{children:"\ud83d\udcc1 helpers"}),"\u3001",(0,n.jsx)(s.code,{children:"\ud83d\udcc1 utils"})," \u2014 \u518d\u5229\u7528\u53ef\u80fd\u306a\u30d8\u30eb\u30d1\u30fc\u95a2\u6570\u304c\u6b8b\u3063\u3066\u3044\u308b\u5834\u5408\u306f\u3001\u76ee\u7684\u306b\u57fa\u3065\u3044\u3066\u30b0\u30eb\u30fc\u30d7\u5316\u3057\u3001\u3053\u308c\u3089\u306e\u30b0\u30eb\u30fc\u30d7\u3092",(0,n.jsx)(s.code,{children:"\ud83d\udcc1 shared/lib"}),"\u306b\u79fb\u52d5\u3057\u307e\u3059\u3002"]}),"\n",(0,n.jsxs)(s.li,{children:[(0,n.jsx)(s.code,{children:"\ud83d\udcc1 constants"})," \u2014 \u540c\u69d8\u306b\u3001\u76ee\u7684\u306b\u57fa\u3065\u3044\u3066\u30b0\u30eb\u30fc\u30d7\u5316\u3057\u3001",(0,n.jsx)(s.code,{children:"\ud83d\udcc1 shared/config"}),"\u306b\u79fb\u52d5\u3057\u307e\u3059\u3002"]}),"\n"]}),"\n",(0,n.jsx)(s.h2,{id:"optional-steps",children:"\u4efb\u610f\u306e\u30b9\u30c6\u30c3\u30d7"}),"\n",(0,n.jsx)(s.h3,{id:"form-entities-features-from-redux",children:"\u30b9\u30c6\u30c3\u30d7\uff16\u3002 \u8907\u6570\u306e\u30da\u30fc\u30b8\u3067\u4f7f\u7528\u3055\u308c\u308bRedux\u30b9\u30e9\u30a4\u30b9\u304b\u3089\u30a8\u30f3\u30c6\u30a3\u30c6\u30a3/\u30d5\u30a3\u30fc\u30c1\u30e3\u30fc\u3092\u5f62\u6210\u3059\u308b"}),"\n",(0,n.jsx)(s.p,{children:"\u901a\u5e38\u3001\u3053\u308c\u3089\u306e\u518d\u5229\u7528\u53ef\u80fd\u306aRedux\u30b9\u30e9\u30a4\u30b9\u306f\u3001\u30d3\u30b8\u30cd\u30b9\u306b\u95a2\u9023\u3059\u308b\u4f55\u304b\u3092\u8aac\u660e\u3057\u307e\u3059\uff08\u4f8b\u3048\u3070\u3001\u30d7\u30ed\u30c0\u30af\u30c8\u3084\u30e6\u30fc\u30b6\u30fc\u306a\u3069\uff09\u3002\u3057\u305f\u304c\u3063\u3066\u3001\u305d\u308c\u3089\u3092\u30a8\u30f3\u30c6\u30a3\u30c6\u30a3\u5c64\u306b\u79fb\u52d5\u3067\u304d\u307e\u3059\u30021\u3064\u306e\u30a8\u30f3\u30c6\u30a3\u30c6\u30a3\u306b\u3064\u304d1\u3064\u306e\u30d5\u30a9\u30eb\u30c0\u3067\u3059\u3002Redux\u30b9\u30e9\u30a4\u30b9\u304c\u3001\u30e6\u30fc\u30b6\u30fc\u304c\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u3067\u5b9f\u884c\u3057\u305f\u3044\u30a2\u30af\u30b7\u30e7\u30f3\u306b\u95a2\u9023\u3057\u3066\u3044\u308b\u5834\u5408\uff08\u4f8b\u3048\u3070\u3001\u30b3\u30e1\u30f3\u30c8\u306a\u3069\uff09\u3001\u305d\u308c\u3092\u30d5\u30a3\u30fc\u30c1\u30e3\u30fc\u5c64\u306b\u79fb\u52d5\u3067\u304d\u307e\u3059\u3002"}),"\n",(0,n.jsxs)(s.p,{children:["\u30a8\u30f3\u30c6\u30a3\u30c6\u30a3\u3068\u30d5\u30a3\u30fc\u30c1\u30e3\u30fc\u306f\u4e92\u3044\u306b\u72ec\u7acb\u3057\u3066\u3044\u308b\u5fc5\u8981\u304c\u3042\u308a\u307e\u3059\u3002\u30d3\u30b8\u30cd\u30b9\u9818\u57df\u306b\u7d44\u307f\u8fbc\u307e\u308c\u305f\u30a8\u30f3\u30c6\u30a3\u30c6\u30a3\u9593\u306e\u95a2\u4fc2\u304c\u3042\u308b\u5834\u5408\u306f\u3001",(0,n.jsx)(s.a,{href:"/docs/guides/examples/types#business-entities-and-their-cross-references",children:"\u30d3\u30b8\u30cd\u30b9\u30a8\u30f3\u30c6\u30a3\u30c6\u30a3\u306b\u95a2\u3059\u308b\u30ac\u30a4\u30c9"}),"\u3092\u53c2\u7167\u3057\u3066\u3001\u3053\u308c\u3089\u306e\u95a2\u4fc2\u3092\u6574\u7406\u3059\u308b\u65b9\u6cd5\u3092\u78ba\u8a8d\u3057\u3066\u304f\u3060\u3055\u3044\u3002"]}),"\n",(0,n.jsxs)(s.p,{children:["\u3053\u308c\u3089\u306e\u30b9\u30e9\u30a4\u30b9\u306b\u95a2\u9023\u3059\u308bAPI\u95a2\u6570\u306f\u3001",(0,n.jsx)(s.code,{children:"\ud83d\udcc1 shared/api"}),"\u306b\u6b8b\u3059\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002"]}),"\n",(0,n.jsx)(s.h3,{id:"refactor-your-modules",children:"\u30b9\u30c6\u30c3\u30d7\uff17\u3002 \u30e2\u30b8\u30e5\u30fc\u30eb\u3092\u30ea\u30d5\u30a1\u30af\u30bf\u30ea\u30f3\u30b0\u3059\u308b"}),"\n",(0,n.jsxs)(s.p,{children:[(0,n.jsx)(s.code,{children:"\ud83d\udcc1 modules"}),"\u30d5\u30a9\u30eb\u30c0\u306f\u901a\u5e38\u3001\u30d3\u30b8\u30cd\u30b9\u30ed\u30b8\u30c3\u30af\u306b\u4f7f\u7528\u3055\u308c\u308b\u305f\u3081\u3001\u3059\u3067\u306bFSD\u306e\u30d5\u30a3\u30fc\u30c1\u30e3\u30fc\u5c64\u306b\u4f3c\u305f\u6027\u8cea\u3092\u6301\u3063\u3066\u3044\u307e\u3059\u3002\u4e00\u90e8\u306e\u30e2\u30b8\u30e5\u30fc\u30eb\u306f\u3001\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u306e\u5927\u304d\u306a\u90e8\u5206\uff08\u4f8b\u3048\u3070\u3001\u30a2\u30d7\u30ea\u306e\u30d8\u30c3\u30c0\u30fc\u306a\u3069\uff09\u3092\u8aac\u660e\u3059\u308b\u3053\u3068\u3082\u3042\u308a\u307e\u3059\u3002\u3053\u306e\u5834\u5408\u3001\u305d\u308c\u3089\u3092\u30a6\u30a3\u30b8\u30a7\u30c3\u30c8\u5c64\u306b\u79fb\u52d5\u3067\u304d\u307e\u3059\u3002"]}),"\n",(0,n.jsxs)(s.h3,{id:"form-clean-ui-foundation",children:["\u30b9\u30c6\u30c3\u30d78\u3002 ",(0,n.jsx)(s.code,{children:"shared/ui"}),"\u306bUI\u57fa\u76e4\u3092\u6b63\u3057\u304f\u5f62\u6210\u3059\u308b"]}),"\n",(0,n.jsxs)(s.p,{children:["\u7406\u60f3\u7684\u306b\u306f\u3001",(0,n.jsx)(s.code,{children:"\ud83d\udcc1 shared/ui"}),"\u306b\u306f\u30d3\u30b8\u30cd\u30b9\u30ed\u30b8\u30c3\u30af\u304c\u542b\u307e\u308c\u3066\u3044\u306a\u3044UI\u8981\u7d20\u306e\u30bb\u30c3\u30c8\u304c\u542b\u307e\u308c\u308b\u3079\u304d\u3067\u3059\u3002\u307e\u305f\u3001\u975e\u5e38\u306b\u518d\u5229\u7528\u53ef\u80fd\u3067\u3042\u308b\u5fc5\u8981\u304c\u3042\u308a\u307e\u3059\u3002"]}),"\n",(0,n.jsxs)(s.p,{children:["\u4ee5\u524d",(0,n.jsx)(s.code,{children:"\ud83d\udcc1 components"}),"\u3084",(0,n.jsx)(s.code,{children:"\ud83d\udcc1 containers"}),"\u306b\u3042\u3063\u305fUI\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u30ea\u30d5\u30a1\u30af\u30bf\u30ea\u30f3\u30b0\u3057\u3066\u3001\u30d3\u30b8\u30cd\u30b9\u30ed\u30b8\u30c3\u30af\u3092\u5206\u96e2\u3057\u307e\u3059\u3002\u3053\u306e\u30d3\u30b8\u30cd\u30b9\u30ed\u30b8\u30c3\u30af\u3092\u4e0a\u4f4d\u5c64\u306b\u79fb\u52d5\u3057\u307e\u3059\u3002\u3042\u307e\u308a\u591a\u304f\u306e\u5834\u6240\u3067\u4f7f\u7528\u3055\u308c\u3066\u3044\u306a\u3044\u5834\u5408\u306f\u3001\u30b3\u30d4\u30fc\u3092\u691c\u8a0e\u3059\u308b\u3053\u3068\u3082\u3067\u304d\u307e\u3059\u3002"]})]})}function t(e={}){const{wrapper:s}={...(0,l.R)(),...e.components};return s?(0,n.jsx)(s,{...e,children:(0,n.jsx)(x,{...e})}):x(e)}},1100:(e,s,i)=>{i.d(s,{R:()=>d,x:()=>c});var n=i(758);const l={},r=n.createContext(l);function d(e){const s=n.useContext(r);return n.useMemo((function(){return"function"==typeof e?e(s):{...s,...e}}),[s,e])}function c(e){let s;return s=e.disableParentContext?"function"==typeof e.components?e.components(l):e.components||l:d(e.components),n.createElement(r.Provider,{value:s},e.children)}}}]);
\ No newline at end of file
diff --git a/ja/assets/js/0fe5f65b.9289c53a.js b/ja/assets/js/0fe5f65b.44b30890.js
similarity index 95%
rename from ja/assets/js/0fe5f65b.9289c53a.js
rename to ja/assets/js/0fe5f65b.44b30890.js
index 89a82826c2..a6c61b9768 100644
--- a/ja/assets/js/0fe5f65b.9289c53a.js
+++ b/ja/assets/js/0fe5f65b.44b30890.js
@@ -1 +1 @@
-"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[3970],{1928:(e,t,i)=>{i.d(t,{Ay:()=>u,RM:()=>c});var s=i(6070),n=i(1100),r=(i(758),i(6783)),a=i(7765);const d=e=>{let{ticket:t}=e;const i=`https://github.com/feature-sliced/documentation/issues/${t}`;return(0,s.jsxs)("div",{children:[(0,s.jsx)("p",{children:(0,a.T)({id:"shared.wip.title"})}),(0,s.jsx)("p",{children:(0,a.T)({id:"shared.wip.subtitle"})}),(0,s.jsxs)("ul",{children:[(0,s.jsxs)("li",{children:[(0,a.T)({id:"shared.wip.var.feedback.base"}),(0,s.jsx)(r.A,{to:i,children:(0,a.T)({id:"shared.wip.var.feedback.link"})})]}),(0,s.jsxs)("li",{children:[(0,a.T)({id:"shared.wip.var.material.base"}),(0,s.jsx)(r.A,{to:"https://t.me/feature_sliced",children:(0,a.T)({id:"shared.wip.var.material.link"})})]}),(0,s.jsxs)("li",{children:[(0,a.T)({id:"shared.wip.var.contribute.base"}),(0,s.jsx)(r.A,{to:"https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md",children:(0,a.T)({id:"shared.wip.var.contribute.link"})})]})]}),(0,s.jsx)("br",{}),(0,s.jsx)("p",{children:(0,s.jsx)("i",{children:"\ud83c\udf70 Stay tuned!"})})]})},c=[];function o(e){const t={admonition:"admonition",...(0,n.R)(),...e.components};return(0,s.jsx)(t.admonition,{title:"WIP",type:"caution",children:(0,s.jsx)(d,{ticket:e.ticket})})}function u(e={}){const{wrapper:t}={...(0,n.R)(),...e.components};return t?(0,s.jsx)(t,{...e,children:(0,s.jsx)(o,{...e})}):o(e)}},4059:(e,t,i)=>{i.r(t),i.d(t,{assets:()=>o,contentTitle:()=>d,default:()=>p,frontMatter:()=>a,metadata:()=>c,toc:()=>u});var s=i(6070),n=i(1100),r=i(1928);const a={sidebar_class_name:"sidebar-item--wip",unlisted:!0},d="\u30d6\u30e9\u30a6\u30b6API",c={id:"guides/examples/browser-api",title:"\u30d6\u30e9\u30a6\u30b6API",description:"",source:"@site/i18n/ja/docusaurus-plugin-content-docs/current/guides/examples/browser-api.mdx",sourceDirName:"guides/examples",slug:"/guides/examples/browser-api",permalink:"/ja/docs/guides/examples/browser-api",draft:!1,unlisted:!0,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/ja/docusaurus-plugin-content-docs/current/guides/examples/browser-api.mdx",tags:[],version:"current",lastUpdatedAt:1727607766e3,frontMatter:{sidebar_class_name:"sidebar-item--wip",unlisted:!0},sidebar:"guidesSidebar"},o={},u=[...r.RM];function l(e){const t={h1:"h1",header:"header",...(0,n.R)(),...e.components};return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(t.header,{children:(0,s.jsx)(t.h1,{id:"\u30d6\u30e9\u30a6\u30b6api",children:"\u30d6\u30e9\u30a6\u30b6API"})}),"\n",(0,s.jsx)(r.Ay,{ticket:"197"})]})}function p(e={}){const{wrapper:t}={...(0,n.R)(),...e.components};return t?(0,s.jsx)(t,{...e,children:(0,s.jsx)(l,{...e})}):l(e)}},1100:(e,t,i)=>{i.d(t,{R:()=>a,x:()=>d});var s=i(758);const n={},r=s.createContext(n);function a(e){const t=s.useContext(r);return s.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function d(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(n):e.components||n:a(e.components),s.createElement(r.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
+"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[3970],{1928:(e,t,i)=>{i.d(t,{Ay:()=>u,RM:()=>c});var s=i(6070),n=i(1100),r=(i(758),i(6783)),a=i(7765);const d=e=>{let{ticket:t}=e;const i=`https://github.com/feature-sliced/documentation/issues/${t}`;return(0,s.jsxs)("div",{children:[(0,s.jsx)("p",{children:(0,a.T)({id:"shared.wip.title"})}),(0,s.jsx)("p",{children:(0,a.T)({id:"shared.wip.subtitle"})}),(0,s.jsxs)("ul",{children:[(0,s.jsxs)("li",{children:[(0,a.T)({id:"shared.wip.var.feedback.base"}),(0,s.jsx)(r.A,{to:i,children:(0,a.T)({id:"shared.wip.var.feedback.link"})})]}),(0,s.jsxs)("li",{children:[(0,a.T)({id:"shared.wip.var.material.base"}),(0,s.jsx)(r.A,{to:"https://t.me/feature_sliced",children:(0,a.T)({id:"shared.wip.var.material.link"})})]}),(0,s.jsxs)("li",{children:[(0,a.T)({id:"shared.wip.var.contribute.base"}),(0,s.jsx)(r.A,{to:"https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md",children:(0,a.T)({id:"shared.wip.var.contribute.link"})})]})]}),(0,s.jsx)("br",{}),(0,s.jsx)("p",{children:(0,s.jsx)("i",{children:"\ud83c\udf70 Stay tuned!"})})]})},c=[];function o(e){const t={admonition:"admonition",...(0,n.R)(),...e.components};return(0,s.jsx)(t.admonition,{title:"WIP",type:"caution",children:(0,s.jsx)(d,{ticket:e.ticket})})}function u(e={}){const{wrapper:t}={...(0,n.R)(),...e.components};return t?(0,s.jsx)(t,{...e,children:(0,s.jsx)(o,{...e})}):o(e)}},4059:(e,t,i)=>{i.r(t),i.d(t,{assets:()=>o,contentTitle:()=>d,default:()=>p,frontMatter:()=>a,metadata:()=>c,toc:()=>u});var s=i(6070),n=i(1100),r=i(1928);const a={sidebar_class_name:"sidebar-item--wip",unlisted:!0},d="\u30d6\u30e9\u30a6\u30b6API",c={id:"guides/examples/browser-api",title:"\u30d6\u30e9\u30a6\u30b6API",description:"",source:"@site/i18n/ja/docusaurus-plugin-content-docs/current/guides/examples/browser-api.mdx",sourceDirName:"guides/examples",slug:"/guides/examples/browser-api",permalink:"/ja/docs/guides/examples/browser-api",draft:!1,unlisted:!0,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/ja/docusaurus-plugin-content-docs/current/guides/examples/browser-api.mdx",tags:[],version:"current",lastUpdatedAt:1728325386e3,frontMatter:{sidebar_class_name:"sidebar-item--wip",unlisted:!0},sidebar:"guidesSidebar"},o={},u=[...r.RM];function l(e){const t={h1:"h1",header:"header",...(0,n.R)(),...e.components};return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(t.header,{children:(0,s.jsx)(t.h1,{id:"\u30d6\u30e9\u30a6\u30b6api",children:"\u30d6\u30e9\u30a6\u30b6API"})}),"\n",(0,s.jsx)(r.Ay,{ticket:"197"})]})}function p(e={}){const{wrapper:t}={...(0,n.R)(),...e.components};return t?(0,s.jsx)(t,{...e,children:(0,s.jsx)(l,{...e})}):l(e)}},1100:(e,t,i)=>{i.d(t,{R:()=>a,x:()=>d});var s=i(758);const n={},r=s.createContext(n);function a(e){const t=s.useContext(r);return s.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function d(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(n):e.components||n:a(e.components),s.createElement(r.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
diff --git a/ja/assets/js/12472d65.8afa1d33.js b/ja/assets/js/12472d65.b965a988.js
similarity index 99%
rename from ja/assets/js/12472d65.8afa1d33.js
rename to ja/assets/js/12472d65.b965a988.js
index 0abcfe2ef3..1b8493c196 100644
--- a/ja/assets/js/12472d65.8afa1d33.js
+++ b/ja/assets/js/12472d65.b965a988.js
@@ -1 +1 @@
-"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[9248],{2792:(e,s,n)=>{n.r(s),n.d(s,{assets:()=>t,contentTitle:()=>d,default:()=>j,frontMatter:()=>l,metadata:()=>c,toc:()=>h});var i=n(6070),r=n(1100);const l={sidebar_position:1,pagination_next:"reference/slices-segments"},d="\u30ec\u30a4\u30e4\u30fc",c={id:"reference/layers",title:"\u30ec\u30a4\u30e4\u30fc",description:"\u30ec\u30a4\u30e4\u30fc\uff08\u5c64\uff09\u306f\u3001Feature-Sliced Design\u306b\u304a\u3051\u308b\u7d44\u7e54\u968e\u5c64\u306e\u6700\u521d\u306e\u30ec\u30d9\u30eb\u3067\u3059\u3002\u305d\u306e\u76ee\u7684\u306f\u3001\u30b3\u30fc\u30c9\u3092\u5fc5\u8981\u306a\u8cac\u4efb\u306e\u91cf\u3068\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u5185\u306e\u4ed6\u306e\u30e2\u30b8\u30e5\u30fc\u30eb\u3078\u306e\u4f9d\u5b58\u5ea6\u306b\u57fa\u3065\u3044\u3066\u5206\u5272\u3059\u308b\u3053\u3068\u3067\u3059\u3002",source:"@site/i18n/ja/docusaurus-plugin-content-docs/current/reference/layers.mdx",sourceDirName:"reference",slug:"/reference/layers",permalink:"/ja/docs/reference/layers",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/ja/docusaurus-plugin-content-docs/current/reference/layers.mdx",tags:[],version:"current",lastUpdatedAt:1727607766e3,sidebarPosition:1,frontMatter:{sidebar_position:1,pagination_next:"reference/slices-segments"},sidebar:"referenceSidebar",previous:{title:"\ud83d\udcda \u53c2\u8003\u66f8",permalink:"/ja/docs/reference/"},next:{title:"\u30b9\u30e9\u30a4\u30b9\u3068\u30bb\u30b0\u30e1\u30f3\u30c8",permalink:"/ja/docs/reference/slices-segments"}},t={},h=[{value:"\u30ec\u30a4\u30e4\u30fc\u306e\u30a4\u30f3\u30dd\u30fc\u30c8\u30eb\u30fc\u30eb",id:"import-rule-on-layers",level:2},{value:"\u30ec\u30a4\u30e4\u30fc\u306e\u5b9a\u7fa9",id:"\u30ec\u30a4\u30e4\u30fc\u306e\u5b9a\u7fa9",level:2},{value:"Shared\u5c64",id:"shared\u5c64",level:3},{value:"Entities\u5c64",id:"entities\u5c64",level:3},{value:"Features\u5c64",id:"features\u5c64",level:3},{value:"Widgets\u5c64",id:"widgets\u5c64",level:3},{value:"Pages\u5c64",id:"pages\u5c64",level:3},{value:"Processes\u5c64",id:"processes\u5c64",level:3},{value:"App\u5c64",id:"app\u5c64",level:3}];function x(e){const s={a:"a",admonition:"admonition",blockquote:"blockquote",code:"code",em:"em",h1:"h1",h2:"h2",h3:"h3",header:"header",li:"li",ol:"ol",p:"p",strong:"strong",ul:"ul",...(0,r.R)(),...e.components};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(s.header,{children:(0,i.jsx)(s.h1,{id:"\u30ec\u30a4\u30e4\u30fc",children:"\u30ec\u30a4\u30e4\u30fc"})}),"\n",(0,i.jsx)(s.p,{children:"\u30ec\u30a4\u30e4\u30fc\uff08\u5c64\uff09\u306f\u3001Feature-Sliced Design\u306b\u304a\u3051\u308b\u7d44\u7e54\u968e\u5c64\u306e\u6700\u521d\u306e\u30ec\u30d9\u30eb\u3067\u3059\u3002\u305d\u306e\u76ee\u7684\u306f\u3001\u30b3\u30fc\u30c9\u3092\u5fc5\u8981\u306a\u8cac\u4efb\u306e\u91cf\u3068\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u5185\u306e\u4ed6\u306e\u30e2\u30b8\u30e5\u30fc\u30eb\u3078\u306e\u4f9d\u5b58\u5ea6\u306b\u57fa\u3065\u3044\u3066\u5206\u5272\u3059\u308b\u3053\u3068\u3067\u3059\u3002"}),"\n",(0,i.jsx)(s.admonition,{type:"note",children:(0,i.jsx)(s.p,{children:"\u3053\u306e\u30da\u30fc\u30b8\u3067\u306e\u30e2\u30b8\u30e5\u30fc\u30eb\u306f\u3001\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u5185\u306e\u30d5\u30a1\u30a4\u30eb\u3084\u30a4\u30f3\u30c7\u30c3\u30af\u30b9\u30d5\u30a1\u30a4\u30eb\u3092\u6301\u3064\u30c7\u30a3\u30ec\u30af\u30c8\u30ea\u3092\u6307\u3057\u3066\u3044\u308b\u3002npm\u30d1\u30c3\u30b1\u30fc\u30b8\u3068\u6df7\u540c\u3057\u306a\u3044\u3067\u304f\u3060\u3055\u3044\u3002"})}),"\n",(0,i.jsx)(s.p,{children:"\u5404\u30ec\u30a4\u30e4\u30fc\u306f\u3001\u30b3\u30fc\u30c9\u5185\u306e\u30e2\u30b8\u30e5\u30fc\u30eb\u306b\u3069\u308c\u3060\u3051\u306e\u8cac\u4efb\u3092\u5272\u308a\u5f53\u3066\u308b\u3079\u304d\u304b\u3092\u5224\u65ad\u3059\u308b\u306e\u306b\u5f79\u7acb\u3064\u7279\u5225\u306a\u610f\u5473\u3092\u6301\u3063\u3066\u3044\u307e\u3059\u3002\u30ec\u30a4\u30e4\u30fc\u540d\u3068\u30ec\u30a4\u30e4\u30fc\u306e\u610f\u5473\u306f\u3001Feature-Sliced Design\u3092\u4f7f\u7528\u3057\u3066\u69cb\u7bc9\u3055\u308c\u305f\u3059\u3079\u3066\u306e\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u3067\u6a19\u6e96\u5316\u3055\u308c\u3066\u3044\u307e\u3059\u3002"}),"\n",(0,i.jsxs)(s.p,{children:["\u5408\u8a08\u3067",(0,i.jsx)("b",{children:"7\u3064\u306e\u30ec\u30a4\u30e4\u30fc"}),"\u304c\u3042\u308a\u3001\u6700\u3082\u8cac\u4efb\u3068\u4f9d\u5b58\u5ea6\u304c\u9ad8\u3044\u3082\u306e\u304b\u3089\u6700\u3082\u4f4e\u3044\u3082\u306e\u3078\u3068\u914d\u7f6e\u3055\u308c\u3066\u3044\u307e\u3059\u3002"]}),"\n",(0,i.jsx)("img",{src:"/img/layers/folders-graphic-light.svg#light-mode-only",width:"180",style:{float:"right",margin:"0 1em"},alt:"\u30d5\u30a1\u30a4\u30eb\u30b7\u30b9\u30c6\u30e0\u306e\u30c4\u30ea\u30fc\u306f\u30011\u3064\u306e\u30eb\u30fc\u30c8\u30d5\u30a9\u30eb\u30c0src\u30687\u3064\u306e\u30b5\u30d6\u30d5\u30a9\u30eb\u30c0\uff08app\u3001processes\u3001pages\u3001widgets\u3001features\u3001entities\u3001shared\uff09\u3067\u69cb\u6210\u3055\u308c\u3066\u3044\u307e\u3059\u3002processes\u30d5\u30a9\u30eb\u30c0\u306f\u5c11\u3057\u8584\u304f\u8868\u793a\u3055\u308c\u3066\u3044\u307e\u3059\u3002"}),"\n",(0,i.jsx)("img",{src:"/img/layers/folders-graphic-dark.svg#dark-mode-only",width:"180",style:{float:"right",margin:"0 1em"},alt:"\u30d5\u30a1\u30a4\u30eb\u30b7\u30b9\u30c6\u30e0\u306e\u30c4\u30ea\u30fc\u306f\u30011\u3064\u306e\u30eb\u30fc\u30c8\u30d5\u30a9\u30eb\u30c0src\u30687\u3064\u306e\u30b5\u30d6\u30d5\u30a9\u30eb\u30c0\uff08app\u3001processes\u3001pages\u3001widgets\u3001features\u3001entities\u3001shared\uff09\u3067\u69cb\u6210\u3055\u308c\u3066\u3044\u307e\u3059\u3002processes\u30d5\u30a9\u30eb\u30c0\u306f\u5c11\u3057\u8584\u304f\u8868\u793a\u3055\u308c\u3066\u3044\u307e\u3059\u3002"}),"\n",(0,i.jsxs)(s.ol,{children:["\n",(0,i.jsx)(s.li,{children:"App (\u30a2\u30c3\u30d7)"}),"\n",(0,i.jsx)(s.li,{children:"Processes (\u30d7\u30ed\u30bb\u30b9\u3001\u975e\u63a8\u5968)"}),"\n",(0,i.jsx)(s.li,{children:"Pages (\u30da\u30fc\u30b8)"}),"\n",(0,i.jsx)(s.li,{children:"Widgets (\u30a6\u30a3\u30b8\u30a7\u30c3\u30c8)"}),"\n",(0,i.jsx)(s.li,{children:"Features (\u30d5\u30a3\u30fc\u30c1\u30e3\u30fc)"}),"\n",(0,i.jsx)(s.li,{children:"Entities (\u30a8\u30f3\u30c6\u30a3\u30c6\u30a3)"}),"\n",(0,i.jsx)(s.li,{children:"Shared (\u30b7\u30a7\u30a2\u30fc\u30c9)"}),"\n"]}),"\n",(0,i.jsx)(s.p,{children:"\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u3067\u5168\u3066\u306e\u30ec\u30a4\u30e4\u30fc\u3092\u4f7f\u7528\u3059\u308b\u5fc5\u8981\u306f\u306a\u3044\u306e\u3067\u3001\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u306b\u4fa1\u5024\u3092\u3082\u305f\u3089\u3059\u30ec\u30a4\u30e4\u30fc\u3060\u3051\u3092\u8ffd\u52a0\u3057\u3066\u304f\u3060\u3055\u3044\u3002"}),"\n",(0,i.jsx)(s.h2,{id:"import-rule-on-layers",children:"\u30ec\u30a4\u30e4\u30fc\u306e\u30a4\u30f3\u30dd\u30fc\u30c8\u30eb\u30fc\u30eb"}),"\n",(0,i.jsxs)(s.p,{children:["\u30ec\u30a4\u30e4\u30fc\u306f\u3001\u5f37\u304f\u7d50\u5408\u3055\u308c\u305f\u30e2\u30b8\u30e5\u30fc\u30eb\u306e\u30b0\u30eb\u30fc\u30d7\u3067\u3042\u308b",(0,i.jsx)("i",{children:"\u30b9\u30e9\u30a4\u30b9"}),"\u304b\u3089\u69cb\u6210\u3055\u308c\u3066\u3044\u307e\u3059\u3002Feature-Sliced Design\u306f\u4f4e\u3044\u7d50\u5408\u5ea6\u3092\u30b5\u30dd\u30fc\u30c8\u3057\u3066\u3044\u308b\u305f\u3081\u3001\u30b9\u30e9\u30a4\u30b9\u9593\u306e\u4f9d\u5b58\u95a2\u4fc2\u306f",(0,i.jsx)("b",{children:"\u30ec\u30a4\u30e4\u30fc\u306e\u30a4\u30f3\u30dd\u30fc\u30c8\u30eb\u30fc\u30eb"}),"\u306b\u3088\u3063\u3066\u5236\u5fa1\u3055\u308c\u307e\u3059\u3002"]}),"\n",(0,i.jsxs)(s.blockquote,{children:["\n",(0,i.jsx)(s.p,{children:(0,i.jsx)(s.em,{children:"\u30b9\u30e9\u30a4\u30b9\u5185\u306e\u30e2\u30b8\u30e5\u30fc\u30eb\u306f\u3001\u4e0b\u5c64\u306e\u30ec\u30a4\u30e4\u30fc\u306b\u3042\u308b\u30b9\u30e9\u30a4\u30b9\u306e\u307f\u3092\u30a4\u30f3\u30dd\u30fc\u30c8\u3067\u304d\u308b\u3002"})}),"\n"]}),"\n",(0,i.jsxs)(s.p,{children:["\u4f8b\u3048\u3070\u3001",(0,i.jsx)(s.code,{children:"~/features/aaa"})," \u3067\u306f\u3001\u30b9\u30e9\u30a4\u30b9\u306f ",(0,i.jsx)(s.code,{children:"aaa"})," \u3067\u3042\u308b\u305f\u3081\u3001",(0,i.jsx)(s.code,{children:"~/features/aaa/api/request.ts"})," \u30d5\u30a1\u30a4\u30eb\u306f ",(0,i.jsx)(s.code,{children:"~/features/bbb"})," \u30d5\u30a9\u30eb\u30c0\u30fc\u5185\u306e\u30e2\u30b8\u30e5\u30fc\u30eb\u304b\u3089\u30b3\u30fc\u30c9\u3092\u30a4\u30f3\u30dd\u30fc\u30c8\u3059\u308b\u3053\u3068\u306f\u3067\u304d\u307e\u305b\u3093\u304c\u3001",(0,i.jsx)(s.code,{children:"~/entities"})," \u3084 ",(0,i.jsx)(s.code,{children:"~/shared"})," \u304b\u3089\u3001\u307e\u305f ",(0,i.jsx)(s.code,{children:"~/features/aaa"})," \u5185\u306e\u96a3\u63a5\u30e2\u30b8\u30e5\u30fc\u30eb\u304b\u3089\u306f\u30a4\u30f3\u30dd\u30fc\u30c8\u3067\u304d\u307e\u3059\u3002"]}),"\n",(0,i.jsx)(s.h2,{id:"\u30ec\u30a4\u30e4\u30fc\u306e\u5b9a\u7fa9",children:"\u30ec\u30a4\u30e4\u30fc\u306e\u5b9a\u7fa9"}),"\n",(0,i.jsx)(s.h3,{id:"shared\u5c64",children:"Shared\u5c64"}),"\n",(0,i.jsx)(s.p,{children:"Shared\u5c64\u306f\u3001\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u3084\u30d3\u30b8\u30cd\u30b9\u306e\u7279\u6027\u304b\u3089\u5207\u308a\u96e2\u3055\u308c\u305f\u3001\u5b64\u7acb\u3057\u305f\u30e2\u30b8\u30e5\u30fc\u30eb\u3001\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3001\u62bd\u8c61\u5316\u306e\u3053\u3068\u3067\u3059\u3002"}),"\n",(0,i.jsx)(s.p,{children:"\u3053\u306e\u30ec\u30a4\u30e4\u30fc\u306f\u4ed6\u306e\u30ec\u30a4\u30e4\u30fc\u3068\u306f\u7570\u306a\u308a\u3001\u30b9\u30e9\u30a4\u30b9\u3067\u306f\u306a\u304f\u76f4\u63a5\u30bb\u30b0\u30e1\u30f3\u30c8\u3067\u69cb\u6210\u3055\u308c\u3066\u3044\u307e\u3059\u3002"}),"\n",(0,i.jsx)(s.p,{children:(0,i.jsx)(s.strong,{children:"\u5185\u5bb9\u306e\u4f8b"})}),"\n",(0,i.jsxs)(s.ul,{children:["\n",(0,i.jsx)(s.li,{children:"UI\u30e9\u30a4\u30d6\u30e9\u30ea"}),"\n",(0,i.jsx)(s.li,{children:"API\u30af\u30e9\u30a4\u30a2\u30f3\u30c8"}),"\n",(0,i.jsx)(s.li,{children:"\u30d6\u30e9\u30a6\u30b6API\u3068\u9023\u643a\u3059\u308b\u30b3\u30fc\u30c9"}),"\n"]}),"\n",(0,i.jsx)(s.h3,{id:"entities\u5c64",children:"Entities\u5c64"}),"\n",(0,i.jsx)(s.p,{children:"Entities\u5c64\u306f\u3001\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u306e\u672c\u8cea\u3092\u5f62\u6210\u3059\u308b\u73fe\u5b9f\u4e16\u754c\u306e\u6982\u5ff5\u3067\u3059\u3002\u901a\u5e38\u3001\u3053\u308c\u306f\u30d3\u30b8\u30cd\u30b9\u304c\u30d7\u30ed\u30c0\u30af\u30c8\u3092\u8aac\u660e\u3059\u308b\u305f\u3081\u306b\u4f7f\u7528\u3059\u308b\u7528\u8a9e\u3067\u3059\u3002"}),"\n",(0,i.jsx)(s.p,{children:"\u3053\u306e\u30ec\u30a4\u30e4\u30fc\u306e\u5404\u30b9\u30e9\u30a4\u30b9\u306f\u3001\u30e6\u30fc\u30b6\u30fc\u30a4\u30f3\u30bf\u30fc\u30d5\u30a7\u30fc\u30b9\u306e\u9759\u7684\u8981\u7d20\u3001\u30c7\u30fc\u30bf\u30b9\u30c8\u30ec\u30fc\u30b8\u3001\u304a\u3088\u3073CRUD\uff08\u4f5c\u6210\u30fb\u8aad\u307f\u53d6\u308a\u30fb\u66f4\u65b0\u30fb\u524a\u9664\uff09\u64cd\u4f5c\u3092\u542b\u307f\u307e\u3059\u3002"}),"\n",(0,i.jsx)(s.p,{children:(0,i.jsx)(s.strong,{children:"\u30b9\u30e9\u30a4\u30b9\u306e\u4f8b"})}),"\n",(0,i.jsxs)("table",{children:[(0,i.jsx)("thead",{children:(0,i.jsxs)("tr",{children:[(0,i.jsx)("th",{children:" SNS "}),(0,i.jsx)("th",{children:" Git\u30d5\u30ed\u30f3\u30c8\u30a8\u30f3\u30c9\uff08\u4f8b\uff1aGitHub\uff09 "})]})}),(0,i.jsx)("tbody",{children:(0,i.jsxs)("tr",{children:[(0,i.jsx)("td",{children:(0,i.jsxs)("ul",{children:[(0,i.jsx)("li",{children:"\u30e6\u30fc\u30b6\u30fc"}),(0,i.jsx)("li",{children:"\u6295\u7a3f"}),(0,i.jsx)("li",{children:"\u30b0\u30eb\u30fc\u30d7"})]})}),(0,i.jsx)("td",{children:(0,i.jsxs)("ul",{children:[(0,i.jsx)("li",{children:"\u30ea\u30dd\u30b8\u30c8\u30ea"}),(0,i.jsx)("li",{children:"\u30d5\u30a1\u30a4\u30eb"}),(0,i.jsx)("li",{children:"\u30b3\u30df\u30c3\u30c8"})]})})]})})]}),"\n",(0,i.jsxs)(s.admonition,{type:"tip",children:[(0,i.jsxs)(s.p,{children:["Git\u30d5\u30ed\u30f3\u30c8\u30a8\u30f3\u30c9\u306e\u4f8b\u3067\u306f\u3001",(0,i.jsx)("i",{children:"\u30ea\u30dd\u30b8\u30c8\u30ea"}),"\u304c",(0,i.jsx)("i",{children:"\u30d5\u30a1\u30a4\u30eb"}),"\u3092\u542b\u3080\u3053\u3068\u306b\u6c17\u4ed8\u304f\u304b\u3082\u3057\u308c\u307e\u305b\u3093\u3002\u3053\u308c\u306f\u3001\u30ea\u30dd\u30b8\u30c8\u30ea\u304c\u4ed6\u306e\u30a8\u30f3\u30c6\u30a3\u30c6\u30a3\u3092\u5185\u5305\u3059\u308b\u9ad8\u30ec\u30d9\u30eb\u306e\u30a8\u30f3\u30c6\u30a3\u30c6\u30a3\u3067\u3042\u308b\u3053\u3068\u3092\u793a\u3057\u3066\u3044\u307e\u3059\u3002\u3053\u306e\u3088\u3046\u306a\u9ad8\u30ec\u30d9\u30eb\u306e\u30a8\u30f3\u30c6\u30a3\u30c6\u30a3\u3092\u4f5c\u6210\u3053\u3068\u306f\u4e00\u822c\u7684\u304c\u3001\u3053\u306e\u5834\u5408\u3001\u30ec\u30a4\u30e4\u30fc\u306e\u30a4\u30f3\u30dd\u30fc\u30c8\u30eb\u30fc\u30eb\u3092\u7834\u3089\u306a\u3044\u3053\u3068\u306f\u6642\u306b\u96e3\u3057\u3044\u3067\u3059\u3002"]}),(0,i.jsx)(s.p,{children:"\u3053\u306e\u554f\u984c\u3092\u89e3\u6c7a\u3059\u308b\u305f\u3081\u306e\u3044\u304f\u3064\u304b\u306e\u63d0\u6848\u304c\u3042\u308a\u307e\u3059\u3002"}),(0,i.jsxs)(s.ul,{children:["\n",(0,i.jsx)(s.li,{children:"\u30a8\u30f3\u30c6\u30a3\u30c6\u30a3\u306eUI\u306f\u3001\u4e0b\u4f4d\u30ec\u30d9\u30eb\u306e\u30a8\u30f3\u30c6\u30a3\u30c6\u30a3\u3092\u633f\u5165\u3059\u308b\u305f\u3081\u306e\u30b9\u30ed\u30c3\u30c8\u3092\u542b\u3080\u3079\u304d"}),"\n",(0,i.jsx)(s.li,{children:"\u30a8\u30f3\u30c6\u30a3\u30c6\u30a3\u9593\u306e\u76f8\u4e92\u4f5c\u7528\u306b\u95a2\u9023\u3059\u308b\u30d3\u30b8\u30cd\u30b9\u30ed\u30b8\u30c3\u30af\u306f\u3001\u901a\u5e38\u3001Features\u5c64\u306b\u914d\u7f6e\u3055\u308c\u308b\u3079\u304d"}),"\n",(0,i.jsx)(s.li,{children:"\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u306e\u30a8\u30f3\u30c6\u30a3\u30c6\u30a3\u30a4\u30f3\u30bf\u30fc\u30d5\u30a7\u30fc\u30b9\u306f\u3001API\u30af\u30e9\u30a4\u30a2\u30f3\u30c8\u306e\u8fd1\u304f\u306b\u3042\u308bShared\u5c64\u306b\u62bd\u51fa\u3067\u304d\u308b"}),"\n"]})]}),"\n",(0,i.jsx)(s.h3,{id:"features\u5c64",children:"Features\u5c64"}),"\n",(0,i.jsx)(s.p,{children:"Features\u5c64\u306f\u3001\u30e6\u30fc\u30b6\u30fc\u304c\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u5185\u3067\u30d3\u30b8\u30cd\u30b9\u30a8\u30f3\u30c6\u30a3\u30c6\u30a3\u3068\u30a4\u30f3\u30bf\u30e9\u30af\u30b7\u30e7\u30f3\u3059\u308b\u305f\u3081\u306b\u884c\u3046\u30a2\u30af\u30b7\u30e7\u30f3\u3067\u3001\u4fa1\u5024\u306e\u3042\u308b\u7d50\u679c\u3092\u9054\u6210\u3059\u308b\u305f\u3081\u306e\u3082\u306e\u3067\u3059\u3002\u3053\u3053\u306b\u306f\u3001\u30e6\u30fc\u30b6\u30fc\u306e\u305f\u3081\u306b\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u304c\u5b9f\u884c\u3059\u308b\u30a2\u30af\u30b7\u30e7\u30f3\u3082\u542b\u307e\u308c\u3066\u3044\u307e\u3059\u3002"}),"\n",(0,i.jsx)(s.p,{children:"\u3053\u306e\u30ec\u30a4\u30e4\u30fc\u306e\u30b9\u30e9\u30a4\u30b9\u306f\u3001\u4fa1\u5024\u3092\u751f\u307f\u51fa\u3059\u30a2\u30af\u30b7\u30e7\u30f3\u3092\u5b9f\u884c\u3059\u308b\u305f\u3081\u306e\u30a4\u30f3\u30bf\u30e9\u30af\u30c6\u30a3\u30d6\u306aUI\u8981\u7d20\u3001\u5185\u90e8\u72b6\u614b\u3001\u304a\u3088\u3073API\u30ea\u30af\u30a8\u30b9\u30c8\u3092\u542b\u3080\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002"}),"\n",(0,i.jsx)(s.p,{children:(0,i.jsx)(s.strong,{children:"\u30b9\u30e9\u30a4\u30b9\u306e\u4f8b"})}),"\n",(0,i.jsxs)("table",{children:[(0,i.jsx)("thead",{children:(0,i.jsxs)("tr",{children:[(0,i.jsx)("th",{children:" SNS "}),(0,i.jsx)("th",{children:" Git\u30d5\u30ed\u30f3\u30c8\u30a8\u30f3\u30c9\uff08\u4f8b\uff1aGitHub\uff09 "}),(0,i.jsx)("th",{children:" \u30e6\u30fc\u30b6\u30fc\u306e\u4ee3\u308f\u308a\u306b\u884c\u3046\u30a2\u30af\u30b7\u30e7\u30f3 "})]})}),(0,i.jsx)("tbody",{children:(0,i.jsxs)("tr",{children:[(0,i.jsx)("td",{children:(0,i.jsxs)("ul",{children:[(0,i.jsx)("li",{children:"\u30ed\u30b0\u30a4\u30f3"}),(0,i.jsx)("li",{children:"\u6295\u7a3f\u3092\u4f5c\u6210"}),(0,i.jsx)("li",{children:"\u30b0\u30eb\u30fc\u30d7\u306b\u53c2\u52a0"})]})}),(0,i.jsx)("td",{children:(0,i.jsxs)("ul",{children:[(0,i.jsx)("li",{children:"\u30d5\u30a1\u30a4\u30eb\u3092\u5909\u66f4"}),(0,i.jsx)("li",{children:"\u30b3\u30e1\u30f3\u30c8\u3092\u6b8b\u3059"}),(0,i.jsx)("li",{children:"\u30d6\u30e9\u30f3\u30c1\u3092\u30de\u30fc\u30b8"})]})}),(0,i.jsx)("td",{children:(0,i.jsxs)("ul",{children:[(0,i.jsx)("li",{children:"\u30c0\u30fc\u30af\u30c6\u30fc\u30de\u3092\u81ea\u52d5\u7684\u306b\u6709\u52b9\u306b\u3059\u308b"}),(0,i.jsx)("li",{children:"\u30d0\u30c3\u30af\u30b0\u30e9\u30a6\u30f3\u30c9\u3067\u8a08\u7b97\u3092\u5b9f\u884c\u3059\u308b"}),(0,i.jsx)("li",{children:"User-Agent\u306b\u57fa\u3065\u304f\u30a2\u30af\u30b7\u30e7\u30f3"})]})})]})})]}),"\n",(0,i.jsx)(s.h3,{id:"widgets\u5c64",children:"Widgets\u5c64"}),"\n",(0,i.jsx)(s.p,{children:"Widgets\u5c64\u306f\u3001\u72ec\u7acb\u3057\u305fUI\u30d6\u30ed\u30c3\u30af\u3067\u3042\u308a\u3001\u30a8\u30f3\u30c6\u30a3\u30c6\u30a3\u3084\u30d5\u30a3\u30fc\u30c1\u30e3\u30fc\u306a\u3069\u306e\u4f4e\u30ec\u30d9\u30eb\u30e6\u30cb\u30c3\u30c8\u306e\u7d44\u307f\u5408\u308f\u305b\u3067\u3059\u3002"}),"\n",(0,i.jsx)(s.p,{children:"\u3053\u306e\u30ec\u30a4\u30e4\u30fc\u306f\u3001\u30a8\u30f3\u30c6\u30a3\u30c6\u30a3\u306e\u30a4\u30f3\u30bf\u30fc\u30d5\u30a7\u30fc\u30b9\u306b\u6b8b\u3055\u308c\u305f\u30b9\u30ed\u30c3\u30c8\u3092\u3001\u4ed6\u306e\u30d5\u30a3\u30fc\u30c1\u30e3\u30fc\u304b\u3089\u306e\u30a4\u30f3\u30bf\u30e9\u30af\u30c6\u30a3\u30d6\u8981\u7d20\u3084\u30a8\u30f3\u30c6\u30a3\u30c6\u30a3\u3067\u57cb\u3081\u308b\u3053\u3068\u3092\u53ef\u80fd\u306b\u3057\u3066\u3044\u307e\u3059\u3002\u3057\u305f\u304c\u3063\u3066\u3001\u901a\u5e38\u3001\u3053\u306e\u30ec\u30a4\u30e4\u30fc\u306b\u306f\u30d3\u30b8\u30cd\u30b9\u30ed\u30b8\u30c3\u30af\u306f\u914d\u7f6e\u3055\u308c\u305a\u3001\u4ee3\u308f\u308a\u306b\u30d5\u30a3\u30fc\u30c1\u30e3\u30fc\u306b\u4fdd\u5b58\u3055\u308c\u307e\u3059\u3002\u3053\u306e\u30ec\u30a4\u30e4\u30fc\u306e\u5404\u30b9\u30e9\u30a4\u30b9\u306f\u3001\u4f7f\u7528\u53ef\u80fd\u306aUI\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u542b\u307f\u3001\u6642\u306b\u306f\u30d3\u30b8\u30cd\u30b9\u30ed\u30b8\u30c3\u30af\u4ee5\u5916\u306e\u30ed\u30b8\u30c3\u30af\uff08\u4f8b\u3048\u3070\u3001\u30b8\u30a7\u30b9\u30c1\u30e3\u30fc\u3001\u30ad\u30fc\u30dc\u30fc\u30c9\u3068\u306e\u76f8\u4e92\u4f5c\u7528\u306a\u3069\uff09\u3092\u542b\u3080\u3053\u3068\u304c\u3042\u308a\u307e\u3059\u3002"}),"\n",(0,i.jsx)(s.p,{children:"\u6642\u306b\u306f\u3001\u3053\u306e\u30ec\u30a4\u30e4\u30fc\u306b\u30d3\u30b8\u30cd\u30b9\u30ed\u30b8\u30c3\u30af\u3092\u914d\u7f6e\u3059\u308b\u65b9\u304c\u4fbf\u5229\u306a\u5834\u5408\u3082\u3042\u308a\u307e\u3059\u3002\u3053\u308c\u306f\u3001\u30a6\u30a3\u30b8\u30a7\u30c3\u30c8\u304c\u304b\u306a\u308a\u306e\u30a4\u30f3\u30bf\u30e9\u30af\u30c6\u30a3\u30d6\u6027\u3092\u6301\u3063\u3066\u3044\u308b\u5834\u5408\uff08\u4f8b\u3048\u3070\u3001\u30a4\u30f3\u30bf\u30e9\u30af\u30c6\u30a3\u30d6\u30c6\u30fc\u30d6\u30eb\uff09\u3067\u3001\u305d\u306e\u4e2d\u306e\u30d3\u30b8\u30cd\u30b9\u30ed\u30b8\u30c3\u30af\u304c\u518d\u5229\u7528\u3055\u308c\u306a\u3044\u5834\u5408\u306b\u3088\u304f\u767a\u751f\u3057\u307e\u3059\u3002"}),"\n",(0,i.jsx)(s.p,{children:(0,i.jsx)(s.strong,{children:"\u30b9\u30e9\u30a4\u30b9\u306e\u4f8b"})}),"\n",(0,i.jsxs)("table",{children:[(0,i.jsx)("thead",{children:(0,i.jsxs)("tr",{children:[(0,i.jsx)("th",{children:" SNS "}),(0,i.jsx)("th",{children:" Git\u30d5\u30ed\u30f3\u30c8\u30a8\u30f3\u30c9\uff08\u4f8b\uff1aGitHub\uff09 "})]})}),(0,i.jsx)("tbody",{children:(0,i.jsxs)("tr",{children:[(0,i.jsx)("td",{children:(0,i.jsxs)("ul",{children:[(0,i.jsx)("li",{children:"\u6295\u7a3f\u30ab\u30fc\u30c9"}),(0,i.jsx)("li",{children:"\u30e6\u30fc\u30b6\u30fc\u30d7\u30ed\u30d5\u30a3\u30fc\u30eb\u306e\u30d8\u30c3\u30c0\u30fc\uff08\u30a2\u30af\u30b7\u30e7\u30f3\u4ed8\u304d\uff09"})]})}),(0,i.jsx)("td",{children:(0,i.jsxs)("ul",{children:[(0,i.jsx)("li",{children:"\u30ea\u30dd\u30b8\u30c8\u30ea\u5185\u306e\u30d5\u30a1\u30a4\u30eb\u4e00\u89a7\uff08\u30a2\u30af\u30b7\u30e7\u30f3\u4ed8\u304d\uff09"}),(0,i.jsx)("li",{children:"\u30b9\u30ec\u30c3\u30c9\u5185\u306e\u30b3\u30e1\u30f3\u30c8"}),(0,i.jsx)("li",{children:"\u30ea\u30dd\u30b8\u30c8\u30ea\u30ab\u30fc\u30c9"})]})})]})})]}),"\n",(0,i.jsx)(s.admonition,{type:"tip",children:(0,i.jsxs)(s.p,{children:["\u30cd\u30b9\u30c8\u3055\u308c\u305f\u30eb\u30fc\u30c6\u30a3\u30f3\u30b0\u30b7\u30b9\u30c6\u30e0\uff08\u4f8b\u3048\u3070\u3001",(0,i.jsx)(s.a,{href:"https://remix.run",children:"Remix"}),"\u30eb\u30fc\u30bf\u30fc\uff09\u3092\u4f7f\u7528\u3057\u3066\u3044\u308b\u5834\u5408\u3001Widgets\u5c64\u3092Pages\u5c64\u3068\u540c\u69d8\u306b\u4f7f\u7528\u3059\u308b\u3053\u3068\u304c\u4fbf\u5229\u306a\u30b1\u30fc\u30b9\u304c\u3042\u308a\u307e\u3059\u3002\u4f8b\u3048\u3070\u3001\u30d0\u30c3\u30af\u30a8\u30f3\u30c9\u304b\u3089\u306e\u30c7\u30fc\u30bf\u3092\u53d6\u5f97\u3057\u3001\u8aad\u307f\u8fbc\u307f\u72b6\u614b\u3084\u30a8\u30e9\u30fc\u51e6\u7406\u3092\u542b\u3080\u30a4\u30f3\u30bf\u30fc\u30d5\u30a7\u30fc\u30b9\u30d6\u30ed\u30c3\u30af\u3092\u4f5c\u6210\u3059\u308b\u969b\u306b\u5f79\u7acb\u3066\u307e\u3059\u3002\u307e\u305f\u3001Pages\u5c64\u306e\u30ec\u30a4\u30a2\u30a6\u30c8\u3092\u3053\u3053\u306b\u914d\u7f6e\u3059\u308b\u3053\u3068\u3082\u3067\u304d\u307e\u3059\u3002"]})}),"\n",(0,i.jsx)(s.h3,{id:"pages\u5c64",children:"Pages\u5c64"}),"\n",(0,i.jsx)(s.p,{children:"Pages\u5c64\u306f\u3001\u30da\u30fc\u30b8\u30d9\u30fc\u30b9\u306e\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\uff08\u4f8b\u3048\u3070\u3001\u30a6\u30a7\u30d6\u30b5\u30a4\u30c8\uff09\u306e\u30da\u30fc\u30b8\u3084\u3001\u753b\u9762\u30d9\u30fc\u30b9\u306e\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\uff08\u4f8b\u3048\u3070\u3001\u30e2\u30d0\u30a4\u30eb\u30a2\u30d7\u30ea\uff09\u306e\u753b\u9762\u3084\u30a2\u30af\u30c6\u30a3\u30d3\u30c6\u30a3\u3067\u3059\u3002"}),"\n",(0,i.jsx)(s.p,{children:"\u3053\u306e\u30ec\u30a4\u30e4\u30fc\u306f\u3001\u305d\u306e\u69cb\u6210\u7684\u306a\u6027\u8cea\u306b\u304a\u3044\u3066Widgets\u5c64\u306b\u4f3c\u3066\u3044\u307e\u3059\u304c\u3001\u3088\u308a\u5927\u304d\u306a\u898f\u6a21\u3067\u69cb\u6210\u3055\u308c\u3066\u3044\u307e\u3059\u3002Pages\u5c64\u306e\u5404\u30b9\u30e9\u30a4\u30b9\u306f\u3001\u30eb\u30fc\u30bf\u30fc\u306b\u63a5\u7d9a\u3067\u304d\u308bUI\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u542b\u3080\u307b\u304b\u3001\u30c7\u30fc\u30bf\u53d6\u5f97\u3084\u30a8\u30e9\u30fc\u51e6\u7406\u306e\u30ed\u30b8\u30c3\u30af\u3092\u542b\u3080\u3053\u3068\u3082\u3067\u304d\u307e\u3059\u3002"}),"\n",(0,i.jsx)(s.p,{children:(0,i.jsx)(s.strong,{children:"\u30b9\u30e9\u30a4\u30b9\u306e\u4f8b"})}),"\n",(0,i.jsxs)("table",{children:[(0,i.jsx)("thead",{children:(0,i.jsxs)("tr",{children:[(0,i.jsx)("th",{children:" SNS "}),(0,i.jsx)("th",{children:" Git\u30d5\u30ed\u30f3\u30c8\u30a8\u30f3\u30c9\uff08\u4f8b\uff1aGitHub\uff09 "})]})}),(0,i.jsx)("tbody",{children:(0,i.jsxs)("tr",{children:[(0,i.jsx)("td",{children:(0,i.jsxs)("ul",{children:[(0,i.jsx)("li",{children:"\u30cb\u30e5\u30fc\u30b9\u30d5\u30a3\u30fc\u30c9"}),(0,i.jsx)("li",{children:"\u30b3\u30df\u30e5\u30cb\u30c6\u30a3\u30da\u30fc\u30b8"}),(0,i.jsx)("li",{children:"\u516c\u958b\u30e6\u30fc\u30b6\u30fc\u30d7\u30ed\u30d5\u30a3\u30fc\u30eb"})]})}),(0,i.jsx)("td",{children:(0,i.jsxs)("ul",{children:[(0,i.jsx)("li",{children:"\u30ea\u30dd\u30b8\u30c8\u30ea\u30da\u30fc\u30b8"}),(0,i.jsx)("li",{children:"\u30e6\u30fc\u30b6\u30fc\u306e\u30ea\u30dd\u30b8\u30c8\u30ea"}),(0,i.jsx)("li",{children:"\u30ea\u30dd\u30b8\u30c8\u30ea\u5185\u306e\u30d6\u30e9\u30f3\u30c1"})]})})]})})]}),"\n",(0,i.jsx)(s.h3,{id:"processes\u5c64",children:"Processes\u5c64"}),"\n",(0,i.jsx)(s.admonition,{type:"caution",children:(0,i.jsxs)(s.p,{children:["\u3053\u306e\u30ec\u30a4\u30e4\u30fc\u306f\u3001\u5ec3\u6b62\u3055\u308c\u3066\u3044\u307e\u3059\u3002\u73fe\u5728\u306e\u4ed5\u69d8\u30d0\u30fc\u30b8\u30e7\u30f3\u3067\u306f\u3001\u3053\u308c\u3092\u907f\u3051\u3001\u5185\u5bb9\u3092 ",(0,i.jsx)(s.code,{children:"features"}),"\u5c64 \u3068 ",(0,i.jsx)(s.code,{children:"app"}),"\u5c64 \u306b\u79fb\u52d5\u3059\u308b\u3053\u3068\u3092\u63a8\u5968\u3057\u3066\u3044\u307e\u3059\u3002"]})}),"\n",(0,i.jsx)(s.p,{children:"Processes\u5c64\u306f\u3001\u8907\u96d1\u306a\u30de\u30eb\u30c1\u30da\u30fc\u30b8\u30a4\u30f3\u30bf\u30e9\u30af\u30b7\u30e7\u30f3\u304c\u5fc5\u8981\u306a\u969b\u306b\u4f7f\u7528\u3055\u308c\u307e\u3059\u3002"}),"\n",(0,i.jsx)(s.p,{children:"\u3053\u306e\u30ec\u30a4\u30e4\u30fc\u306f\u610f\u56f3\u7684\u306b\u3042\u307e\u308a\u5b9a\u7fa9\u3055\u308c\u3066\u3044\u307e\u305b\u3093\u3002\u307b\u3068\u3093\u3069\u306e\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u306b\u306f\u3053\u306e\u30ec\u30a4\u30e4\u30fc\u306f\u5fc5\u8981\u3042\u308a\u307e\u305b\u3093\u3002\u30eb\u30fc\u30bf\u30fc\u3084\u30b5\u30fc\u30d0\u30fc\u30ec\u30d9\u30eb\u306e\u30ed\u30b8\u30c3\u30af\u306fApp\u5c64\u306b\u6b8b\u3059\u3079\u304d\u3067\u3059\u3002\u3053\u306e\u30ec\u30a4\u30e4\u30fc\u306f\u3001App\u5c64\u304c\u6210\u9577\u3057\u3059\u304e\u3066\u7ba1\u7406\u3067\u304d\u306a\u304f\u306a\u3063\u305f\u5834\u5408\u306b\u306e\u307f\u4f7f\u7528\u3092\u691c\u8a0e\u3057\u3066\u304f\u3060\u3055\u3044\u3002"}),"\n",(0,i.jsx)(s.h3,{id:"app\u5c64",children:"App\u5c64"}),"\n",(0,i.jsx)(s.p,{children:"App\u5c64\u306f\u3001\u30a2\u30d7\u30ea\u5168\u4f53\u306b\u95a2\u3059\u308b\u3059\u3079\u3066\u306e\u3053\u3068\u3067\u3059\u3002\u6280\u8853\u7684\u306a\u610f\u5473\uff08\u4f8b\u3048\u3070\u3001\u30b3\u30f3\u30c6\u30ad\u30b9\u30c8\u30d7\u30ed\u30d0\u30a4\u30c0\u30fc\uff09\u3068\u30d3\u30b8\u30cd\u30b9\u7684\u306a\u610f\u5473\uff08\u4f8b\u3048\u3070\u3001\u5206\u6790\uff09\u3092\u542b\u307f\u307e\u3059\u3002"}),"\n",(0,i.jsx)(s.p,{children:"\u3053\u306e\u30ec\u30a4\u30e4\u30fc\u306f\u901a\u5e38\u3001Shared\u5c64\u3068\u540c\u69d8\u306b\u30b9\u30e9\u30a4\u30b9\u3092\u542b\u307e\u305a\u3001\u76f4\u63a5\u30bb\u30b0\u30e1\u30f3\u30c8\u3067\u69cb\u6210\u3055\u308c\u3066\u3044\u307e\u3059\u3002"}),"\n",(0,i.jsx)(s.p,{children:(0,i.jsx)(s.strong,{children:"\u5185\u5bb9\u306e\u4f8b"})}),"\n",(0,i.jsxs)(s.ul,{children:["\n",(0,i.jsx)(s.li,{children:"\u30b9\u30bf\u30a4\u30eb"}),"\n",(0,i.jsx)(s.li,{children:"\u30eb\u30fc\u30bf\u30fc"}),"\n",(0,i.jsx)(s.li,{children:"\u30c7\u30fc\u30bf\u30b9\u30c8\u30ec\u30fc\u30b8\u3084\u305d\u306e\u4ed6\u306e\u30b3\u30f3\u30c6\u30ad\u30b9\u30c8\u30d7\u30ed\u30d0\u30a4\u30c0\u30fc"}),"\n",(0,i.jsx)(s.li,{children:"\u5206\u6790\u306e\u521d\u671f\u5316"}),"\n"]})]})}function j(e={}){const{wrapper:s}={...(0,r.R)(),...e.components};return s?(0,i.jsx)(s,{...e,children:(0,i.jsx)(x,{...e})}):x(e)}},1100:(e,s,n)=>{n.d(s,{R:()=>d,x:()=>c});var i=n(758);const r={},l=i.createContext(r);function d(e){const s=i.useContext(l);return i.useMemo((function(){return"function"==typeof e?e(s):{...s,...e}}),[s,e])}function c(e){let s;return s=e.disableParentContext?"function"==typeof e.components?e.components(r):e.components||r:d(e.components),i.createElement(l.Provider,{value:s},e.children)}}}]);
\ No newline at end of file
+"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[9248],{2792:(e,s,n)=>{n.r(s),n.d(s,{assets:()=>t,contentTitle:()=>d,default:()=>j,frontMatter:()=>l,metadata:()=>c,toc:()=>h});var i=n(6070),r=n(1100);const l={sidebar_position:1,pagination_next:"reference/slices-segments"},d="\u30ec\u30a4\u30e4\u30fc",c={id:"reference/layers",title:"\u30ec\u30a4\u30e4\u30fc",description:"\u30ec\u30a4\u30e4\u30fc\uff08\u5c64\uff09\u306f\u3001Feature-Sliced Design\u306b\u304a\u3051\u308b\u7d44\u7e54\u968e\u5c64\u306e\u6700\u521d\u306e\u30ec\u30d9\u30eb\u3067\u3059\u3002\u305d\u306e\u76ee\u7684\u306f\u3001\u30b3\u30fc\u30c9\u3092\u5fc5\u8981\u306a\u8cac\u4efb\u306e\u91cf\u3068\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u5185\u306e\u4ed6\u306e\u30e2\u30b8\u30e5\u30fc\u30eb\u3078\u306e\u4f9d\u5b58\u5ea6\u306b\u57fa\u3065\u3044\u3066\u5206\u5272\u3059\u308b\u3053\u3068\u3067\u3059\u3002",source:"@site/i18n/ja/docusaurus-plugin-content-docs/current/reference/layers.mdx",sourceDirName:"reference",slug:"/reference/layers",permalink:"/ja/docs/reference/layers",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/ja/docusaurus-plugin-content-docs/current/reference/layers.mdx",tags:[],version:"current",lastUpdatedAt:1728325386e3,sidebarPosition:1,frontMatter:{sidebar_position:1,pagination_next:"reference/slices-segments"},sidebar:"referenceSidebar",previous:{title:"\ud83d\udcda \u53c2\u8003\u66f8",permalink:"/ja/docs/reference/"},next:{title:"\u30b9\u30e9\u30a4\u30b9\u3068\u30bb\u30b0\u30e1\u30f3\u30c8",permalink:"/ja/docs/reference/slices-segments"}},t={},h=[{value:"\u30ec\u30a4\u30e4\u30fc\u306e\u30a4\u30f3\u30dd\u30fc\u30c8\u30eb\u30fc\u30eb",id:"import-rule-on-layers",level:2},{value:"\u30ec\u30a4\u30e4\u30fc\u306e\u5b9a\u7fa9",id:"\u30ec\u30a4\u30e4\u30fc\u306e\u5b9a\u7fa9",level:2},{value:"Shared\u5c64",id:"shared\u5c64",level:3},{value:"Entities\u5c64",id:"entities\u5c64",level:3},{value:"Features\u5c64",id:"features\u5c64",level:3},{value:"Widgets\u5c64",id:"widgets\u5c64",level:3},{value:"Pages\u5c64",id:"pages\u5c64",level:3},{value:"Processes\u5c64",id:"processes\u5c64",level:3},{value:"App\u5c64",id:"app\u5c64",level:3}];function x(e){const s={a:"a",admonition:"admonition",blockquote:"blockquote",code:"code",em:"em",h1:"h1",h2:"h2",h3:"h3",header:"header",li:"li",ol:"ol",p:"p",strong:"strong",ul:"ul",...(0,r.R)(),...e.components};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(s.header,{children:(0,i.jsx)(s.h1,{id:"\u30ec\u30a4\u30e4\u30fc",children:"\u30ec\u30a4\u30e4\u30fc"})}),"\n",(0,i.jsx)(s.p,{children:"\u30ec\u30a4\u30e4\u30fc\uff08\u5c64\uff09\u306f\u3001Feature-Sliced Design\u306b\u304a\u3051\u308b\u7d44\u7e54\u968e\u5c64\u306e\u6700\u521d\u306e\u30ec\u30d9\u30eb\u3067\u3059\u3002\u305d\u306e\u76ee\u7684\u306f\u3001\u30b3\u30fc\u30c9\u3092\u5fc5\u8981\u306a\u8cac\u4efb\u306e\u91cf\u3068\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u5185\u306e\u4ed6\u306e\u30e2\u30b8\u30e5\u30fc\u30eb\u3078\u306e\u4f9d\u5b58\u5ea6\u306b\u57fa\u3065\u3044\u3066\u5206\u5272\u3059\u308b\u3053\u3068\u3067\u3059\u3002"}),"\n",(0,i.jsx)(s.admonition,{type:"note",children:(0,i.jsx)(s.p,{children:"\u3053\u306e\u30da\u30fc\u30b8\u3067\u306e\u30e2\u30b8\u30e5\u30fc\u30eb\u306f\u3001\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u5185\u306e\u30d5\u30a1\u30a4\u30eb\u3084\u30a4\u30f3\u30c7\u30c3\u30af\u30b9\u30d5\u30a1\u30a4\u30eb\u3092\u6301\u3064\u30c7\u30a3\u30ec\u30af\u30c8\u30ea\u3092\u6307\u3057\u3066\u3044\u308b\u3002npm\u30d1\u30c3\u30b1\u30fc\u30b8\u3068\u6df7\u540c\u3057\u306a\u3044\u3067\u304f\u3060\u3055\u3044\u3002"})}),"\n",(0,i.jsx)(s.p,{children:"\u5404\u30ec\u30a4\u30e4\u30fc\u306f\u3001\u30b3\u30fc\u30c9\u5185\u306e\u30e2\u30b8\u30e5\u30fc\u30eb\u306b\u3069\u308c\u3060\u3051\u306e\u8cac\u4efb\u3092\u5272\u308a\u5f53\u3066\u308b\u3079\u304d\u304b\u3092\u5224\u65ad\u3059\u308b\u306e\u306b\u5f79\u7acb\u3064\u7279\u5225\u306a\u610f\u5473\u3092\u6301\u3063\u3066\u3044\u307e\u3059\u3002\u30ec\u30a4\u30e4\u30fc\u540d\u3068\u30ec\u30a4\u30e4\u30fc\u306e\u610f\u5473\u306f\u3001Feature-Sliced Design\u3092\u4f7f\u7528\u3057\u3066\u69cb\u7bc9\u3055\u308c\u305f\u3059\u3079\u3066\u306e\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u3067\u6a19\u6e96\u5316\u3055\u308c\u3066\u3044\u307e\u3059\u3002"}),"\n",(0,i.jsxs)(s.p,{children:["\u5408\u8a08\u3067",(0,i.jsx)("b",{children:"7\u3064\u306e\u30ec\u30a4\u30e4\u30fc"}),"\u304c\u3042\u308a\u3001\u6700\u3082\u8cac\u4efb\u3068\u4f9d\u5b58\u5ea6\u304c\u9ad8\u3044\u3082\u306e\u304b\u3089\u6700\u3082\u4f4e\u3044\u3082\u306e\u3078\u3068\u914d\u7f6e\u3055\u308c\u3066\u3044\u307e\u3059\u3002"]}),"\n",(0,i.jsx)("img",{src:"/img/layers/folders-graphic-light.svg#light-mode-only",width:"180",style:{float:"right",margin:"0 1em"},alt:"\u30d5\u30a1\u30a4\u30eb\u30b7\u30b9\u30c6\u30e0\u306e\u30c4\u30ea\u30fc\u306f\u30011\u3064\u306e\u30eb\u30fc\u30c8\u30d5\u30a9\u30eb\u30c0src\u30687\u3064\u306e\u30b5\u30d6\u30d5\u30a9\u30eb\u30c0\uff08app\u3001processes\u3001pages\u3001widgets\u3001features\u3001entities\u3001shared\uff09\u3067\u69cb\u6210\u3055\u308c\u3066\u3044\u307e\u3059\u3002processes\u30d5\u30a9\u30eb\u30c0\u306f\u5c11\u3057\u8584\u304f\u8868\u793a\u3055\u308c\u3066\u3044\u307e\u3059\u3002"}),"\n",(0,i.jsx)("img",{src:"/img/layers/folders-graphic-dark.svg#dark-mode-only",width:"180",style:{float:"right",margin:"0 1em"},alt:"\u30d5\u30a1\u30a4\u30eb\u30b7\u30b9\u30c6\u30e0\u306e\u30c4\u30ea\u30fc\u306f\u30011\u3064\u306e\u30eb\u30fc\u30c8\u30d5\u30a9\u30eb\u30c0src\u30687\u3064\u306e\u30b5\u30d6\u30d5\u30a9\u30eb\u30c0\uff08app\u3001processes\u3001pages\u3001widgets\u3001features\u3001entities\u3001shared\uff09\u3067\u69cb\u6210\u3055\u308c\u3066\u3044\u307e\u3059\u3002processes\u30d5\u30a9\u30eb\u30c0\u306f\u5c11\u3057\u8584\u304f\u8868\u793a\u3055\u308c\u3066\u3044\u307e\u3059\u3002"}),"\n",(0,i.jsxs)(s.ol,{children:["\n",(0,i.jsx)(s.li,{children:"App (\u30a2\u30c3\u30d7)"}),"\n",(0,i.jsx)(s.li,{children:"Processes (\u30d7\u30ed\u30bb\u30b9\u3001\u975e\u63a8\u5968)"}),"\n",(0,i.jsx)(s.li,{children:"Pages (\u30da\u30fc\u30b8)"}),"\n",(0,i.jsx)(s.li,{children:"Widgets (\u30a6\u30a3\u30b8\u30a7\u30c3\u30c8)"}),"\n",(0,i.jsx)(s.li,{children:"Features (\u30d5\u30a3\u30fc\u30c1\u30e3\u30fc)"}),"\n",(0,i.jsx)(s.li,{children:"Entities (\u30a8\u30f3\u30c6\u30a3\u30c6\u30a3)"}),"\n",(0,i.jsx)(s.li,{children:"Shared (\u30b7\u30a7\u30a2\u30fc\u30c9)"}),"\n"]}),"\n",(0,i.jsx)(s.p,{children:"\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u3067\u5168\u3066\u306e\u30ec\u30a4\u30e4\u30fc\u3092\u4f7f\u7528\u3059\u308b\u5fc5\u8981\u306f\u306a\u3044\u306e\u3067\u3001\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u306b\u4fa1\u5024\u3092\u3082\u305f\u3089\u3059\u30ec\u30a4\u30e4\u30fc\u3060\u3051\u3092\u8ffd\u52a0\u3057\u3066\u304f\u3060\u3055\u3044\u3002"}),"\n",(0,i.jsx)(s.h2,{id:"import-rule-on-layers",children:"\u30ec\u30a4\u30e4\u30fc\u306e\u30a4\u30f3\u30dd\u30fc\u30c8\u30eb\u30fc\u30eb"}),"\n",(0,i.jsxs)(s.p,{children:["\u30ec\u30a4\u30e4\u30fc\u306f\u3001\u5f37\u304f\u7d50\u5408\u3055\u308c\u305f\u30e2\u30b8\u30e5\u30fc\u30eb\u306e\u30b0\u30eb\u30fc\u30d7\u3067\u3042\u308b",(0,i.jsx)("i",{children:"\u30b9\u30e9\u30a4\u30b9"}),"\u304b\u3089\u69cb\u6210\u3055\u308c\u3066\u3044\u307e\u3059\u3002Feature-Sliced Design\u306f\u4f4e\u3044\u7d50\u5408\u5ea6\u3092\u30b5\u30dd\u30fc\u30c8\u3057\u3066\u3044\u308b\u305f\u3081\u3001\u30b9\u30e9\u30a4\u30b9\u9593\u306e\u4f9d\u5b58\u95a2\u4fc2\u306f",(0,i.jsx)("b",{children:"\u30ec\u30a4\u30e4\u30fc\u306e\u30a4\u30f3\u30dd\u30fc\u30c8\u30eb\u30fc\u30eb"}),"\u306b\u3088\u3063\u3066\u5236\u5fa1\u3055\u308c\u307e\u3059\u3002"]}),"\n",(0,i.jsxs)(s.blockquote,{children:["\n",(0,i.jsx)(s.p,{children:(0,i.jsx)(s.em,{children:"\u30b9\u30e9\u30a4\u30b9\u5185\u306e\u30e2\u30b8\u30e5\u30fc\u30eb\u306f\u3001\u4e0b\u5c64\u306e\u30ec\u30a4\u30e4\u30fc\u306b\u3042\u308b\u30b9\u30e9\u30a4\u30b9\u306e\u307f\u3092\u30a4\u30f3\u30dd\u30fc\u30c8\u3067\u304d\u308b\u3002"})}),"\n"]}),"\n",(0,i.jsxs)(s.p,{children:["\u4f8b\u3048\u3070\u3001",(0,i.jsx)(s.code,{children:"~/features/aaa"})," \u3067\u306f\u3001\u30b9\u30e9\u30a4\u30b9\u306f ",(0,i.jsx)(s.code,{children:"aaa"})," \u3067\u3042\u308b\u305f\u3081\u3001",(0,i.jsx)(s.code,{children:"~/features/aaa/api/request.ts"})," \u30d5\u30a1\u30a4\u30eb\u306f ",(0,i.jsx)(s.code,{children:"~/features/bbb"})," \u30d5\u30a9\u30eb\u30c0\u30fc\u5185\u306e\u30e2\u30b8\u30e5\u30fc\u30eb\u304b\u3089\u30b3\u30fc\u30c9\u3092\u30a4\u30f3\u30dd\u30fc\u30c8\u3059\u308b\u3053\u3068\u306f\u3067\u304d\u307e\u305b\u3093\u304c\u3001",(0,i.jsx)(s.code,{children:"~/entities"})," \u3084 ",(0,i.jsx)(s.code,{children:"~/shared"})," \u304b\u3089\u3001\u307e\u305f ",(0,i.jsx)(s.code,{children:"~/features/aaa"})," \u5185\u306e\u96a3\u63a5\u30e2\u30b8\u30e5\u30fc\u30eb\u304b\u3089\u306f\u30a4\u30f3\u30dd\u30fc\u30c8\u3067\u304d\u307e\u3059\u3002"]}),"\n",(0,i.jsx)(s.h2,{id:"\u30ec\u30a4\u30e4\u30fc\u306e\u5b9a\u7fa9",children:"\u30ec\u30a4\u30e4\u30fc\u306e\u5b9a\u7fa9"}),"\n",(0,i.jsx)(s.h3,{id:"shared\u5c64",children:"Shared\u5c64"}),"\n",(0,i.jsx)(s.p,{children:"Shared\u5c64\u306f\u3001\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u3084\u30d3\u30b8\u30cd\u30b9\u306e\u7279\u6027\u304b\u3089\u5207\u308a\u96e2\u3055\u308c\u305f\u3001\u5b64\u7acb\u3057\u305f\u30e2\u30b8\u30e5\u30fc\u30eb\u3001\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3001\u62bd\u8c61\u5316\u306e\u3053\u3068\u3067\u3059\u3002"}),"\n",(0,i.jsx)(s.p,{children:"\u3053\u306e\u30ec\u30a4\u30e4\u30fc\u306f\u4ed6\u306e\u30ec\u30a4\u30e4\u30fc\u3068\u306f\u7570\u306a\u308a\u3001\u30b9\u30e9\u30a4\u30b9\u3067\u306f\u306a\u304f\u76f4\u63a5\u30bb\u30b0\u30e1\u30f3\u30c8\u3067\u69cb\u6210\u3055\u308c\u3066\u3044\u307e\u3059\u3002"}),"\n",(0,i.jsx)(s.p,{children:(0,i.jsx)(s.strong,{children:"\u5185\u5bb9\u306e\u4f8b"})}),"\n",(0,i.jsxs)(s.ul,{children:["\n",(0,i.jsx)(s.li,{children:"UI\u30e9\u30a4\u30d6\u30e9\u30ea"}),"\n",(0,i.jsx)(s.li,{children:"API\u30af\u30e9\u30a4\u30a2\u30f3\u30c8"}),"\n",(0,i.jsx)(s.li,{children:"\u30d6\u30e9\u30a6\u30b6API\u3068\u9023\u643a\u3059\u308b\u30b3\u30fc\u30c9"}),"\n"]}),"\n",(0,i.jsx)(s.h3,{id:"entities\u5c64",children:"Entities\u5c64"}),"\n",(0,i.jsx)(s.p,{children:"Entities\u5c64\u306f\u3001\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u306e\u672c\u8cea\u3092\u5f62\u6210\u3059\u308b\u73fe\u5b9f\u4e16\u754c\u306e\u6982\u5ff5\u3067\u3059\u3002\u901a\u5e38\u3001\u3053\u308c\u306f\u30d3\u30b8\u30cd\u30b9\u304c\u30d7\u30ed\u30c0\u30af\u30c8\u3092\u8aac\u660e\u3059\u308b\u305f\u3081\u306b\u4f7f\u7528\u3059\u308b\u7528\u8a9e\u3067\u3059\u3002"}),"\n",(0,i.jsx)(s.p,{children:"\u3053\u306e\u30ec\u30a4\u30e4\u30fc\u306e\u5404\u30b9\u30e9\u30a4\u30b9\u306f\u3001\u30e6\u30fc\u30b6\u30fc\u30a4\u30f3\u30bf\u30fc\u30d5\u30a7\u30fc\u30b9\u306e\u9759\u7684\u8981\u7d20\u3001\u30c7\u30fc\u30bf\u30b9\u30c8\u30ec\u30fc\u30b8\u3001\u304a\u3088\u3073CRUD\uff08\u4f5c\u6210\u30fb\u8aad\u307f\u53d6\u308a\u30fb\u66f4\u65b0\u30fb\u524a\u9664\uff09\u64cd\u4f5c\u3092\u542b\u307f\u307e\u3059\u3002"}),"\n",(0,i.jsx)(s.p,{children:(0,i.jsx)(s.strong,{children:"\u30b9\u30e9\u30a4\u30b9\u306e\u4f8b"})}),"\n",(0,i.jsxs)("table",{children:[(0,i.jsx)("thead",{children:(0,i.jsxs)("tr",{children:[(0,i.jsx)("th",{children:" SNS "}),(0,i.jsx)("th",{children:" Git\u30d5\u30ed\u30f3\u30c8\u30a8\u30f3\u30c9\uff08\u4f8b\uff1aGitHub\uff09 "})]})}),(0,i.jsx)("tbody",{children:(0,i.jsxs)("tr",{children:[(0,i.jsx)("td",{children:(0,i.jsxs)("ul",{children:[(0,i.jsx)("li",{children:"\u30e6\u30fc\u30b6\u30fc"}),(0,i.jsx)("li",{children:"\u6295\u7a3f"}),(0,i.jsx)("li",{children:"\u30b0\u30eb\u30fc\u30d7"})]})}),(0,i.jsx)("td",{children:(0,i.jsxs)("ul",{children:[(0,i.jsx)("li",{children:"\u30ea\u30dd\u30b8\u30c8\u30ea"}),(0,i.jsx)("li",{children:"\u30d5\u30a1\u30a4\u30eb"}),(0,i.jsx)("li",{children:"\u30b3\u30df\u30c3\u30c8"})]})})]})})]}),"\n",(0,i.jsxs)(s.admonition,{type:"tip",children:[(0,i.jsxs)(s.p,{children:["Git\u30d5\u30ed\u30f3\u30c8\u30a8\u30f3\u30c9\u306e\u4f8b\u3067\u306f\u3001",(0,i.jsx)("i",{children:"\u30ea\u30dd\u30b8\u30c8\u30ea"}),"\u304c",(0,i.jsx)("i",{children:"\u30d5\u30a1\u30a4\u30eb"}),"\u3092\u542b\u3080\u3053\u3068\u306b\u6c17\u4ed8\u304f\u304b\u3082\u3057\u308c\u307e\u305b\u3093\u3002\u3053\u308c\u306f\u3001\u30ea\u30dd\u30b8\u30c8\u30ea\u304c\u4ed6\u306e\u30a8\u30f3\u30c6\u30a3\u30c6\u30a3\u3092\u5185\u5305\u3059\u308b\u9ad8\u30ec\u30d9\u30eb\u306e\u30a8\u30f3\u30c6\u30a3\u30c6\u30a3\u3067\u3042\u308b\u3053\u3068\u3092\u793a\u3057\u3066\u3044\u307e\u3059\u3002\u3053\u306e\u3088\u3046\u306a\u9ad8\u30ec\u30d9\u30eb\u306e\u30a8\u30f3\u30c6\u30a3\u30c6\u30a3\u3092\u4f5c\u6210\u3053\u3068\u306f\u4e00\u822c\u7684\u304c\u3001\u3053\u306e\u5834\u5408\u3001\u30ec\u30a4\u30e4\u30fc\u306e\u30a4\u30f3\u30dd\u30fc\u30c8\u30eb\u30fc\u30eb\u3092\u7834\u3089\u306a\u3044\u3053\u3068\u306f\u6642\u306b\u96e3\u3057\u3044\u3067\u3059\u3002"]}),(0,i.jsx)(s.p,{children:"\u3053\u306e\u554f\u984c\u3092\u89e3\u6c7a\u3059\u308b\u305f\u3081\u306e\u3044\u304f\u3064\u304b\u306e\u63d0\u6848\u304c\u3042\u308a\u307e\u3059\u3002"}),(0,i.jsxs)(s.ul,{children:["\n",(0,i.jsx)(s.li,{children:"\u30a8\u30f3\u30c6\u30a3\u30c6\u30a3\u306eUI\u306f\u3001\u4e0b\u4f4d\u30ec\u30d9\u30eb\u306e\u30a8\u30f3\u30c6\u30a3\u30c6\u30a3\u3092\u633f\u5165\u3059\u308b\u305f\u3081\u306e\u30b9\u30ed\u30c3\u30c8\u3092\u542b\u3080\u3079\u304d"}),"\n",(0,i.jsx)(s.li,{children:"\u30a8\u30f3\u30c6\u30a3\u30c6\u30a3\u9593\u306e\u76f8\u4e92\u4f5c\u7528\u306b\u95a2\u9023\u3059\u308b\u30d3\u30b8\u30cd\u30b9\u30ed\u30b8\u30c3\u30af\u306f\u3001\u901a\u5e38\u3001Features\u5c64\u306b\u914d\u7f6e\u3055\u308c\u308b\u3079\u304d"}),"\n",(0,i.jsx)(s.li,{children:"\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u306e\u30a8\u30f3\u30c6\u30a3\u30c6\u30a3\u30a4\u30f3\u30bf\u30fc\u30d5\u30a7\u30fc\u30b9\u306f\u3001API\u30af\u30e9\u30a4\u30a2\u30f3\u30c8\u306e\u8fd1\u304f\u306b\u3042\u308bShared\u5c64\u306b\u62bd\u51fa\u3067\u304d\u308b"}),"\n"]})]}),"\n",(0,i.jsx)(s.h3,{id:"features\u5c64",children:"Features\u5c64"}),"\n",(0,i.jsx)(s.p,{children:"Features\u5c64\u306f\u3001\u30e6\u30fc\u30b6\u30fc\u304c\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u5185\u3067\u30d3\u30b8\u30cd\u30b9\u30a8\u30f3\u30c6\u30a3\u30c6\u30a3\u3068\u30a4\u30f3\u30bf\u30e9\u30af\u30b7\u30e7\u30f3\u3059\u308b\u305f\u3081\u306b\u884c\u3046\u30a2\u30af\u30b7\u30e7\u30f3\u3067\u3001\u4fa1\u5024\u306e\u3042\u308b\u7d50\u679c\u3092\u9054\u6210\u3059\u308b\u305f\u3081\u306e\u3082\u306e\u3067\u3059\u3002\u3053\u3053\u306b\u306f\u3001\u30e6\u30fc\u30b6\u30fc\u306e\u305f\u3081\u306b\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u304c\u5b9f\u884c\u3059\u308b\u30a2\u30af\u30b7\u30e7\u30f3\u3082\u542b\u307e\u308c\u3066\u3044\u307e\u3059\u3002"}),"\n",(0,i.jsx)(s.p,{children:"\u3053\u306e\u30ec\u30a4\u30e4\u30fc\u306e\u30b9\u30e9\u30a4\u30b9\u306f\u3001\u4fa1\u5024\u3092\u751f\u307f\u51fa\u3059\u30a2\u30af\u30b7\u30e7\u30f3\u3092\u5b9f\u884c\u3059\u308b\u305f\u3081\u306e\u30a4\u30f3\u30bf\u30e9\u30af\u30c6\u30a3\u30d6\u306aUI\u8981\u7d20\u3001\u5185\u90e8\u72b6\u614b\u3001\u304a\u3088\u3073API\u30ea\u30af\u30a8\u30b9\u30c8\u3092\u542b\u3080\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002"}),"\n",(0,i.jsx)(s.p,{children:(0,i.jsx)(s.strong,{children:"\u30b9\u30e9\u30a4\u30b9\u306e\u4f8b"})}),"\n",(0,i.jsxs)("table",{children:[(0,i.jsx)("thead",{children:(0,i.jsxs)("tr",{children:[(0,i.jsx)("th",{children:" SNS "}),(0,i.jsx)("th",{children:" Git\u30d5\u30ed\u30f3\u30c8\u30a8\u30f3\u30c9\uff08\u4f8b\uff1aGitHub\uff09 "}),(0,i.jsx)("th",{children:" \u30e6\u30fc\u30b6\u30fc\u306e\u4ee3\u308f\u308a\u306b\u884c\u3046\u30a2\u30af\u30b7\u30e7\u30f3 "})]})}),(0,i.jsx)("tbody",{children:(0,i.jsxs)("tr",{children:[(0,i.jsx)("td",{children:(0,i.jsxs)("ul",{children:[(0,i.jsx)("li",{children:"\u30ed\u30b0\u30a4\u30f3"}),(0,i.jsx)("li",{children:"\u6295\u7a3f\u3092\u4f5c\u6210"}),(0,i.jsx)("li",{children:"\u30b0\u30eb\u30fc\u30d7\u306b\u53c2\u52a0"})]})}),(0,i.jsx)("td",{children:(0,i.jsxs)("ul",{children:[(0,i.jsx)("li",{children:"\u30d5\u30a1\u30a4\u30eb\u3092\u5909\u66f4"}),(0,i.jsx)("li",{children:"\u30b3\u30e1\u30f3\u30c8\u3092\u6b8b\u3059"}),(0,i.jsx)("li",{children:"\u30d6\u30e9\u30f3\u30c1\u3092\u30de\u30fc\u30b8"})]})}),(0,i.jsx)("td",{children:(0,i.jsxs)("ul",{children:[(0,i.jsx)("li",{children:"\u30c0\u30fc\u30af\u30c6\u30fc\u30de\u3092\u81ea\u52d5\u7684\u306b\u6709\u52b9\u306b\u3059\u308b"}),(0,i.jsx)("li",{children:"\u30d0\u30c3\u30af\u30b0\u30e9\u30a6\u30f3\u30c9\u3067\u8a08\u7b97\u3092\u5b9f\u884c\u3059\u308b"}),(0,i.jsx)("li",{children:"User-Agent\u306b\u57fa\u3065\u304f\u30a2\u30af\u30b7\u30e7\u30f3"})]})})]})})]}),"\n",(0,i.jsx)(s.h3,{id:"widgets\u5c64",children:"Widgets\u5c64"}),"\n",(0,i.jsx)(s.p,{children:"Widgets\u5c64\u306f\u3001\u72ec\u7acb\u3057\u305fUI\u30d6\u30ed\u30c3\u30af\u3067\u3042\u308a\u3001\u30a8\u30f3\u30c6\u30a3\u30c6\u30a3\u3084\u30d5\u30a3\u30fc\u30c1\u30e3\u30fc\u306a\u3069\u306e\u4f4e\u30ec\u30d9\u30eb\u30e6\u30cb\u30c3\u30c8\u306e\u7d44\u307f\u5408\u308f\u305b\u3067\u3059\u3002"}),"\n",(0,i.jsx)(s.p,{children:"\u3053\u306e\u30ec\u30a4\u30e4\u30fc\u306f\u3001\u30a8\u30f3\u30c6\u30a3\u30c6\u30a3\u306e\u30a4\u30f3\u30bf\u30fc\u30d5\u30a7\u30fc\u30b9\u306b\u6b8b\u3055\u308c\u305f\u30b9\u30ed\u30c3\u30c8\u3092\u3001\u4ed6\u306e\u30d5\u30a3\u30fc\u30c1\u30e3\u30fc\u304b\u3089\u306e\u30a4\u30f3\u30bf\u30e9\u30af\u30c6\u30a3\u30d6\u8981\u7d20\u3084\u30a8\u30f3\u30c6\u30a3\u30c6\u30a3\u3067\u57cb\u3081\u308b\u3053\u3068\u3092\u53ef\u80fd\u306b\u3057\u3066\u3044\u307e\u3059\u3002\u3057\u305f\u304c\u3063\u3066\u3001\u901a\u5e38\u3001\u3053\u306e\u30ec\u30a4\u30e4\u30fc\u306b\u306f\u30d3\u30b8\u30cd\u30b9\u30ed\u30b8\u30c3\u30af\u306f\u914d\u7f6e\u3055\u308c\u305a\u3001\u4ee3\u308f\u308a\u306b\u30d5\u30a3\u30fc\u30c1\u30e3\u30fc\u306b\u4fdd\u5b58\u3055\u308c\u307e\u3059\u3002\u3053\u306e\u30ec\u30a4\u30e4\u30fc\u306e\u5404\u30b9\u30e9\u30a4\u30b9\u306f\u3001\u4f7f\u7528\u53ef\u80fd\u306aUI\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u542b\u307f\u3001\u6642\u306b\u306f\u30d3\u30b8\u30cd\u30b9\u30ed\u30b8\u30c3\u30af\u4ee5\u5916\u306e\u30ed\u30b8\u30c3\u30af\uff08\u4f8b\u3048\u3070\u3001\u30b8\u30a7\u30b9\u30c1\u30e3\u30fc\u3001\u30ad\u30fc\u30dc\u30fc\u30c9\u3068\u306e\u76f8\u4e92\u4f5c\u7528\u306a\u3069\uff09\u3092\u542b\u3080\u3053\u3068\u304c\u3042\u308a\u307e\u3059\u3002"}),"\n",(0,i.jsx)(s.p,{children:"\u6642\u306b\u306f\u3001\u3053\u306e\u30ec\u30a4\u30e4\u30fc\u306b\u30d3\u30b8\u30cd\u30b9\u30ed\u30b8\u30c3\u30af\u3092\u914d\u7f6e\u3059\u308b\u65b9\u304c\u4fbf\u5229\u306a\u5834\u5408\u3082\u3042\u308a\u307e\u3059\u3002\u3053\u308c\u306f\u3001\u30a6\u30a3\u30b8\u30a7\u30c3\u30c8\u304c\u304b\u306a\u308a\u306e\u30a4\u30f3\u30bf\u30e9\u30af\u30c6\u30a3\u30d6\u6027\u3092\u6301\u3063\u3066\u3044\u308b\u5834\u5408\uff08\u4f8b\u3048\u3070\u3001\u30a4\u30f3\u30bf\u30e9\u30af\u30c6\u30a3\u30d6\u30c6\u30fc\u30d6\u30eb\uff09\u3067\u3001\u305d\u306e\u4e2d\u306e\u30d3\u30b8\u30cd\u30b9\u30ed\u30b8\u30c3\u30af\u304c\u518d\u5229\u7528\u3055\u308c\u306a\u3044\u5834\u5408\u306b\u3088\u304f\u767a\u751f\u3057\u307e\u3059\u3002"}),"\n",(0,i.jsx)(s.p,{children:(0,i.jsx)(s.strong,{children:"\u30b9\u30e9\u30a4\u30b9\u306e\u4f8b"})}),"\n",(0,i.jsxs)("table",{children:[(0,i.jsx)("thead",{children:(0,i.jsxs)("tr",{children:[(0,i.jsx)("th",{children:" SNS "}),(0,i.jsx)("th",{children:" Git\u30d5\u30ed\u30f3\u30c8\u30a8\u30f3\u30c9\uff08\u4f8b\uff1aGitHub\uff09 "})]})}),(0,i.jsx)("tbody",{children:(0,i.jsxs)("tr",{children:[(0,i.jsx)("td",{children:(0,i.jsxs)("ul",{children:[(0,i.jsx)("li",{children:"\u6295\u7a3f\u30ab\u30fc\u30c9"}),(0,i.jsx)("li",{children:"\u30e6\u30fc\u30b6\u30fc\u30d7\u30ed\u30d5\u30a3\u30fc\u30eb\u306e\u30d8\u30c3\u30c0\u30fc\uff08\u30a2\u30af\u30b7\u30e7\u30f3\u4ed8\u304d\uff09"})]})}),(0,i.jsx)("td",{children:(0,i.jsxs)("ul",{children:[(0,i.jsx)("li",{children:"\u30ea\u30dd\u30b8\u30c8\u30ea\u5185\u306e\u30d5\u30a1\u30a4\u30eb\u4e00\u89a7\uff08\u30a2\u30af\u30b7\u30e7\u30f3\u4ed8\u304d\uff09"}),(0,i.jsx)("li",{children:"\u30b9\u30ec\u30c3\u30c9\u5185\u306e\u30b3\u30e1\u30f3\u30c8"}),(0,i.jsx)("li",{children:"\u30ea\u30dd\u30b8\u30c8\u30ea\u30ab\u30fc\u30c9"})]})})]})})]}),"\n",(0,i.jsx)(s.admonition,{type:"tip",children:(0,i.jsxs)(s.p,{children:["\u30cd\u30b9\u30c8\u3055\u308c\u305f\u30eb\u30fc\u30c6\u30a3\u30f3\u30b0\u30b7\u30b9\u30c6\u30e0\uff08\u4f8b\u3048\u3070\u3001",(0,i.jsx)(s.a,{href:"https://remix.run",children:"Remix"}),"\u30eb\u30fc\u30bf\u30fc\uff09\u3092\u4f7f\u7528\u3057\u3066\u3044\u308b\u5834\u5408\u3001Widgets\u5c64\u3092Pages\u5c64\u3068\u540c\u69d8\u306b\u4f7f\u7528\u3059\u308b\u3053\u3068\u304c\u4fbf\u5229\u306a\u30b1\u30fc\u30b9\u304c\u3042\u308a\u307e\u3059\u3002\u4f8b\u3048\u3070\u3001\u30d0\u30c3\u30af\u30a8\u30f3\u30c9\u304b\u3089\u306e\u30c7\u30fc\u30bf\u3092\u53d6\u5f97\u3057\u3001\u8aad\u307f\u8fbc\u307f\u72b6\u614b\u3084\u30a8\u30e9\u30fc\u51e6\u7406\u3092\u542b\u3080\u30a4\u30f3\u30bf\u30fc\u30d5\u30a7\u30fc\u30b9\u30d6\u30ed\u30c3\u30af\u3092\u4f5c\u6210\u3059\u308b\u969b\u306b\u5f79\u7acb\u3066\u307e\u3059\u3002\u307e\u305f\u3001Pages\u5c64\u306e\u30ec\u30a4\u30a2\u30a6\u30c8\u3092\u3053\u3053\u306b\u914d\u7f6e\u3059\u308b\u3053\u3068\u3082\u3067\u304d\u307e\u3059\u3002"]})}),"\n",(0,i.jsx)(s.h3,{id:"pages\u5c64",children:"Pages\u5c64"}),"\n",(0,i.jsx)(s.p,{children:"Pages\u5c64\u306f\u3001\u30da\u30fc\u30b8\u30d9\u30fc\u30b9\u306e\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\uff08\u4f8b\u3048\u3070\u3001\u30a6\u30a7\u30d6\u30b5\u30a4\u30c8\uff09\u306e\u30da\u30fc\u30b8\u3084\u3001\u753b\u9762\u30d9\u30fc\u30b9\u306e\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\uff08\u4f8b\u3048\u3070\u3001\u30e2\u30d0\u30a4\u30eb\u30a2\u30d7\u30ea\uff09\u306e\u753b\u9762\u3084\u30a2\u30af\u30c6\u30a3\u30d3\u30c6\u30a3\u3067\u3059\u3002"}),"\n",(0,i.jsx)(s.p,{children:"\u3053\u306e\u30ec\u30a4\u30e4\u30fc\u306f\u3001\u305d\u306e\u69cb\u6210\u7684\u306a\u6027\u8cea\u306b\u304a\u3044\u3066Widgets\u5c64\u306b\u4f3c\u3066\u3044\u307e\u3059\u304c\u3001\u3088\u308a\u5927\u304d\u306a\u898f\u6a21\u3067\u69cb\u6210\u3055\u308c\u3066\u3044\u307e\u3059\u3002Pages\u5c64\u306e\u5404\u30b9\u30e9\u30a4\u30b9\u306f\u3001\u30eb\u30fc\u30bf\u30fc\u306b\u63a5\u7d9a\u3067\u304d\u308bUI\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u542b\u3080\u307b\u304b\u3001\u30c7\u30fc\u30bf\u53d6\u5f97\u3084\u30a8\u30e9\u30fc\u51e6\u7406\u306e\u30ed\u30b8\u30c3\u30af\u3092\u542b\u3080\u3053\u3068\u3082\u3067\u304d\u307e\u3059\u3002"}),"\n",(0,i.jsx)(s.p,{children:(0,i.jsx)(s.strong,{children:"\u30b9\u30e9\u30a4\u30b9\u306e\u4f8b"})}),"\n",(0,i.jsxs)("table",{children:[(0,i.jsx)("thead",{children:(0,i.jsxs)("tr",{children:[(0,i.jsx)("th",{children:" SNS "}),(0,i.jsx)("th",{children:" Git\u30d5\u30ed\u30f3\u30c8\u30a8\u30f3\u30c9\uff08\u4f8b\uff1aGitHub\uff09 "})]})}),(0,i.jsx)("tbody",{children:(0,i.jsxs)("tr",{children:[(0,i.jsx)("td",{children:(0,i.jsxs)("ul",{children:[(0,i.jsx)("li",{children:"\u30cb\u30e5\u30fc\u30b9\u30d5\u30a3\u30fc\u30c9"}),(0,i.jsx)("li",{children:"\u30b3\u30df\u30e5\u30cb\u30c6\u30a3\u30da\u30fc\u30b8"}),(0,i.jsx)("li",{children:"\u516c\u958b\u30e6\u30fc\u30b6\u30fc\u30d7\u30ed\u30d5\u30a3\u30fc\u30eb"})]})}),(0,i.jsx)("td",{children:(0,i.jsxs)("ul",{children:[(0,i.jsx)("li",{children:"\u30ea\u30dd\u30b8\u30c8\u30ea\u30da\u30fc\u30b8"}),(0,i.jsx)("li",{children:"\u30e6\u30fc\u30b6\u30fc\u306e\u30ea\u30dd\u30b8\u30c8\u30ea"}),(0,i.jsx)("li",{children:"\u30ea\u30dd\u30b8\u30c8\u30ea\u5185\u306e\u30d6\u30e9\u30f3\u30c1"})]})})]})})]}),"\n",(0,i.jsx)(s.h3,{id:"processes\u5c64",children:"Processes\u5c64"}),"\n",(0,i.jsx)(s.admonition,{type:"caution",children:(0,i.jsxs)(s.p,{children:["\u3053\u306e\u30ec\u30a4\u30e4\u30fc\u306f\u3001\u5ec3\u6b62\u3055\u308c\u3066\u3044\u307e\u3059\u3002\u73fe\u5728\u306e\u4ed5\u69d8\u30d0\u30fc\u30b8\u30e7\u30f3\u3067\u306f\u3001\u3053\u308c\u3092\u907f\u3051\u3001\u5185\u5bb9\u3092 ",(0,i.jsx)(s.code,{children:"features"}),"\u5c64 \u3068 ",(0,i.jsx)(s.code,{children:"app"}),"\u5c64 \u306b\u79fb\u52d5\u3059\u308b\u3053\u3068\u3092\u63a8\u5968\u3057\u3066\u3044\u307e\u3059\u3002"]})}),"\n",(0,i.jsx)(s.p,{children:"Processes\u5c64\u306f\u3001\u8907\u96d1\u306a\u30de\u30eb\u30c1\u30da\u30fc\u30b8\u30a4\u30f3\u30bf\u30e9\u30af\u30b7\u30e7\u30f3\u304c\u5fc5\u8981\u306a\u969b\u306b\u4f7f\u7528\u3055\u308c\u307e\u3059\u3002"}),"\n",(0,i.jsx)(s.p,{children:"\u3053\u306e\u30ec\u30a4\u30e4\u30fc\u306f\u610f\u56f3\u7684\u306b\u3042\u307e\u308a\u5b9a\u7fa9\u3055\u308c\u3066\u3044\u307e\u305b\u3093\u3002\u307b\u3068\u3093\u3069\u306e\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u306b\u306f\u3053\u306e\u30ec\u30a4\u30e4\u30fc\u306f\u5fc5\u8981\u3042\u308a\u307e\u305b\u3093\u3002\u30eb\u30fc\u30bf\u30fc\u3084\u30b5\u30fc\u30d0\u30fc\u30ec\u30d9\u30eb\u306e\u30ed\u30b8\u30c3\u30af\u306fApp\u5c64\u306b\u6b8b\u3059\u3079\u304d\u3067\u3059\u3002\u3053\u306e\u30ec\u30a4\u30e4\u30fc\u306f\u3001App\u5c64\u304c\u6210\u9577\u3057\u3059\u304e\u3066\u7ba1\u7406\u3067\u304d\u306a\u304f\u306a\u3063\u305f\u5834\u5408\u306b\u306e\u307f\u4f7f\u7528\u3092\u691c\u8a0e\u3057\u3066\u304f\u3060\u3055\u3044\u3002"}),"\n",(0,i.jsx)(s.h3,{id:"app\u5c64",children:"App\u5c64"}),"\n",(0,i.jsx)(s.p,{children:"App\u5c64\u306f\u3001\u30a2\u30d7\u30ea\u5168\u4f53\u306b\u95a2\u3059\u308b\u3059\u3079\u3066\u306e\u3053\u3068\u3067\u3059\u3002\u6280\u8853\u7684\u306a\u610f\u5473\uff08\u4f8b\u3048\u3070\u3001\u30b3\u30f3\u30c6\u30ad\u30b9\u30c8\u30d7\u30ed\u30d0\u30a4\u30c0\u30fc\uff09\u3068\u30d3\u30b8\u30cd\u30b9\u7684\u306a\u610f\u5473\uff08\u4f8b\u3048\u3070\u3001\u5206\u6790\uff09\u3092\u542b\u307f\u307e\u3059\u3002"}),"\n",(0,i.jsx)(s.p,{children:"\u3053\u306e\u30ec\u30a4\u30e4\u30fc\u306f\u901a\u5e38\u3001Shared\u5c64\u3068\u540c\u69d8\u306b\u30b9\u30e9\u30a4\u30b9\u3092\u542b\u307e\u305a\u3001\u76f4\u63a5\u30bb\u30b0\u30e1\u30f3\u30c8\u3067\u69cb\u6210\u3055\u308c\u3066\u3044\u307e\u3059\u3002"}),"\n",(0,i.jsx)(s.p,{children:(0,i.jsx)(s.strong,{children:"\u5185\u5bb9\u306e\u4f8b"})}),"\n",(0,i.jsxs)(s.ul,{children:["\n",(0,i.jsx)(s.li,{children:"\u30b9\u30bf\u30a4\u30eb"}),"\n",(0,i.jsx)(s.li,{children:"\u30eb\u30fc\u30bf\u30fc"}),"\n",(0,i.jsx)(s.li,{children:"\u30c7\u30fc\u30bf\u30b9\u30c8\u30ec\u30fc\u30b8\u3084\u305d\u306e\u4ed6\u306e\u30b3\u30f3\u30c6\u30ad\u30b9\u30c8\u30d7\u30ed\u30d0\u30a4\u30c0\u30fc"}),"\n",(0,i.jsx)(s.li,{children:"\u5206\u6790\u306e\u521d\u671f\u5316"}),"\n"]})]})}function j(e={}){const{wrapper:s}={...(0,r.R)(),...e.components};return s?(0,i.jsx)(s,{...e,children:(0,i.jsx)(x,{...e})}):x(e)}},1100:(e,s,n)=>{n.d(s,{R:()=>d,x:()=>c});var i=n(758);const r={},l=i.createContext(r);function d(e){const s=i.useContext(l);return i.useMemo((function(){return"function"==typeof e?e(s):{...s,...e}}),[s,e])}function c(e){let s;return s=e.disableParentContext?"function"==typeof e.components?e.components(r):e.components||r:d(e.components),i.createElement(l.Provider,{value:s},e.children)}}}]);
\ No newline at end of file
diff --git a/ja/assets/js/13884f15.602d033f.js b/ja/assets/js/13884f15.ccb96ee5.js
similarity index 98%
rename from ja/assets/js/13884f15.602d033f.js
rename to ja/assets/js/13884f15.ccb96ee5.js
index 555f6b423e..cc6317cd25 100644
--- a/ja/assets/js/13884f15.602d033f.js
+++ b/ja/assets/js/13884f15.ccb96ee5.js
@@ -1 +1 @@
-"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[7783],{3254:(e,n,i)=>{i.r(n),i.d(n,{assets:()=>d,contentTitle:()=>l,default:()=>u,frontMatter:()=>t,metadata:()=>o,toc:()=>c});var s=i(6070),r=i(1100);const t={sidebar_position:1},l="\u30df\u30c3\u30b7\u30e7\u30f3",o={id:"about/mission",title:"\u30df\u30c3\u30b7\u30e7\u30f3",description:"\u3053\u3053\u3067\u306f\u3001\u79c1\u305f\u3061\u304cFSD\u65b9\u6cd5\u8ad6\u3092\u958b\u767a\u3059\u308b\u969b\u306b\u5f93\u3046\u65b9\u6cd5\u8ad6\u9069\u7528\u306e\u5236\u9650\u3068\u76ee\u6a19\u306b\u3064\u3044\u3066\u8aac\u660e\u3057\u307e\u3059\u3002",source:"@site/i18n/ja/docusaurus-plugin-content-docs/current/about/mission.md",sourceDirName:"about",slug:"/about/mission",permalink:"/ja/docs/about/mission",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/ja/docusaurus-plugin-content-docs/current/about/mission.md",tags:[],version:"current",lastUpdatedAt:1727607766e3,sidebarPosition:1,frontMatter:{sidebar_position:1},sidebar:"aboutSidebar",previous:{title:"\ud83c\udf70 FSD\u306b\u3064\u3044\u3066",permalink:"/ja/docs/about/"},next:{title:"\u30e2\u30c1\u30d9\u30fc\u30b7\u30e7\u30f3",permalink:"/ja/docs/about/motivation"}},d={},c=[{value:"\u76ee\u6a19",id:"goals",level:2},{value:"\u5e45\u5e83\u3044\u958b\u767a\u8005\u306b\u5bfe\u3059\u308b\u76f4\u611f\u7684\u306a\u660e\u78ba\u3055",id:"intuitive-clarity-for-a-wide-range-of-developers",level:3},{value:"\u65e5\u5e38\u7684\u306a\u554f\u984c\u306e\u89e3\u6c7a",id:"solving-everyday-problems",level:3},{value:"\u5236\u9650",id:"limitations",level:2},{value:"\u53c2\u7167",id:"see-also",level:2}];function a(e){const n={a:"a",blockquote:"blockquote",em:"em",h1:"h1",h2:"h2",h3:"h3",header:"header",li:"li",p:"p",strong:"strong",ul:"ul",...(0,r.R)(),...e.components};return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(n.header,{children:(0,s.jsx)(n.h1,{id:"\u30df\u30c3\u30b7\u30e7\u30f3",children:"\u30df\u30c3\u30b7\u30e7\u30f3"})}),"\n",(0,s.jsx)(n.p,{children:"\u3053\u3053\u3067\u306f\u3001\u79c1\u305f\u3061\u304cFSD\u65b9\u6cd5\u8ad6\u3092\u958b\u767a\u3059\u308b\u969b\u306b\u5f93\u3046\u65b9\u6cd5\u8ad6\u9069\u7528\u306e\u5236\u9650\u3068\u76ee\u6a19\u306b\u3064\u3044\u3066\u8aac\u660e\u3057\u307e\u3059\u3002"}),"\n",(0,s.jsxs)(n.ul,{children:["\n",(0,s.jsx)(n.li,{children:"\u79c1\u305f\u3061\u306f\u3001\u76ee\u6a19\u3092\u30a4\u30c7\u30aa\u30ed\u30ae\u30fc\u3068\u30b7\u30f3\u30d7\u30eb\u3055\u306e\u30d0\u30e9\u30f3\u30b9\u3068\u3057\u3066\u8003\u3048\u3066\u3044\u308b"}),"\n",(0,s.jsx)(n.li,{children:"\u79c1\u305f\u3061\u306f\u3001\u3059\u3079\u3066\u306e\u4eba\u306b\u9069\u3057\u305f\u9280\u306e\u5f3e\u4e38\u3092\u4f5c\u308b\u3053\u3068\u306f\u3067\u304d\u306a\u3044"}),"\n"]}),"\n",(0,s.jsx)(n.p,{children:(0,s.jsx)(n.strong,{children:"\u305d\u308c\u3067\u3082\u3001FSD\u65b9\u6cd5\u8ad6\u304c\u5e83\u7bc4\u306a\u958b\u767a\u8005\u306b\u3068\u3063\u3066\u8fd1\u304f\u3001\u30a2\u30af\u30bb\u30b9\u53ef\u80fd\u3067\u3042\u308b\u3053\u3068\u3092\u671b\u3093\u3067\u3044\u307e\u3059\u3002"})}),"\n",(0,s.jsx)(n.h2,{id:"goals",children:"\u76ee\u6a19"}),"\n",(0,s.jsx)(n.h3,{id:"intuitive-clarity-for-a-wide-range-of-developers",children:"\u5e45\u5e83\u3044\u958b\u767a\u8005\u306b\u5bfe\u3059\u308b\u76f4\u611f\u7684\u306a\u660e\u78ba\u3055"}),"\n",(0,s.jsx)(n.p,{children:"FSD\u65b9\u6cd5\u8ad6\u306f\u3001\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u30c1\u30fc\u30e0\u306e\u5927\u90e8\u5206\u306b\u3068\u3063\u3066\u30a2\u30af\u30bb\u30b9\u53ef\u80fd\u3067\u3042\u308b\u3079\u304d\u3067\u3059\u3002"}),"\n",(0,s.jsx)(n.p,{children:(0,s.jsx)(n.em,{children:"\u306a\u305c\u306a\u3089\u3001\u5c06\u6765\u306e\u3059\u3079\u3066\u306e\u30c4\u30fc\u30eb\u304c\u3042\u3063\u3066\u3082\u3001FSD\u65b9\u6cd5\u8ad6\u3092\u7406\u89e3\u3067\u304d\u308b\u306e\u306f\u7d4c\u9a13\u8c4a\u5bcc\u306a\u30b7\u30cb\u30a2\u3084\u30ea\u30fc\u30c0\u30fc\u3060\u3051\u3067\u306f\u4e0d\u5341\u5206\u3060\u304b\u3089\u3067\u3042\u308b"})}),"\n",(0,s.jsx)(n.h3,{id:"solving-everyday-problems",children:"\u65e5\u5e38\u7684\u306a\u554f\u984c\u306e\u89e3\u6c7a"}),"\n",(0,s.jsx)(n.p,{children:"FSD\u65b9\u6cd5\u8ad6\u306b\u306f\u3001\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u958b\u767a\u306b\u304a\u3051\u308b\u65e5\u5e38\u7684\u306a\u554f\u984c\u306e\u7406\u7531\u3068\u89e3\u6c7a\u7b56\u304c\u793a\u3055\u308c\u308b\u3079\u304d\u3067\u3059\u3002"}),"\n",(0,s.jsxs)(n.p,{children:["\u307e\u305f\u3001\u958b\u767a\u8005\u304c",(0,s.jsx)(n.em,{children:"\u30b3\u30df\u30e5\u30cb\u30c6\u30a3\u30fc\u306e\u7d4c\u9a13\u306b\u57fa\u3065\u3044\u305f"}),"\u30a2\u30d7\u30ed\u30fc\u30c1\u3092\u4f7f\u7528\u3067\u304d\u308b\u3088\u3046\u306b\u3057\u3001\u9577\u5e74\u306e\u30a2\u30fc\u30ad\u30c6\u30af\u30c1\u30e3\u3084\u958b\u767a\u306e\u554f\u984c\u3092\u56de\u907f\u3067\u304d\u308b\u3088\u3046\u306b\u3059\u308b\u306b\u306f\u3001",(0,s.jsx)(n.strong,{children:"FSD\u65b9\u6cd5\u8ad6\u306f\u3053\u308c\u306b\u95a2\u9023\u3059\u308b\u30c4\u30fc\u30eb\uff08CLI\u3001\u30ea\u30f3\u30bf\u30fc\uff09\u3092\u63d0\u4f9b\u3059\u308b\u3053\u3068\u3082\u5fc5\u8981\u3067\u3059\u3002"})]}),"\n",(0,s.jsxs)(n.blockquote,{children:["\n",(0,s.jsx)(n.p,{children:(0,s.jsx)(n.em,{children:"@sergeysova: \u60f3\u50cf\u3057\u3066\u307f\u3066\u304f\u3060\u3055\u3044\u3002\u958b\u767a\u8005\u304c\u65b9\u6cd5\u8ad6\u306b\u57fa\u3065\u3044\u3066\u30b3\u30fc\u30c9\u3092\u66f8\u3044\u3066\u3044\u308b\u3068\u304d\u3001\u958b\u767a\u8005\u306e\u76f4\u9762\u3057\u3066\u3044\u308b\u554f\u984c\u306f10\u500d\u5c11\u306a\u304f\u767a\u751f\u3057\u3066\u3044\u307e\u3059\u3002\u305d\u308c\u306f\u4ed6\u306e\u4eba\u3005\u304c\u591a\u304f\u306e\u554f\u984c\u306e\u89e3\u6c7a\u7b56\u3092\u8003\u3048\u51fa\u3057\u305f\u304b\u3089\u3001\u53ef\u80fd\u306b\u306a\u3063\u305f\u306e\u3067\u3059\u3002"})}),"\n"]}),"\n",(0,s.jsx)(n.h2,{id:"limitations",children:"\u5236\u9650"}),"\n",(0,s.jsxs)(n.p,{children:["\u79c1\u305f\u3061\u306f",(0,s.jsx)(n.em,{children:"\u81ea\u5206\u305f\u3061\u306e\u898b\u89e3\u3092\u62bc\u3057\u4ed8\u3051\u305f\u304f\u3042\u308a\u307e\u305b\u3093"}),"\u304c\u3001\u540c\u6642\u306b",(0,s.jsx)(n.em,{children:"\u591a\u304f\u306e\u958b\u767a\u8005\u306e\u7fd2\u6163\u304c\u65e5\u3005\u306e\u958b\u767a\u306e\u59a8\u3052\u306b\u306a\u3063\u3066\u3044\u308b\u3053\u3068\u3092\u7406\u89e3\u3057\u3066\u3044\u307e\u3059\u3002"})]}),"\n",(0,s.jsxs)(n.p,{children:["\u3059\u3079\u3066\u306e\u958b\u767a\u8005\u306b\u306f\u30b7\u30b9\u30c6\u30e0\u8a2d\u8a08\u3068\u958b\u767a\u7d4c\u9a13\u30ec\u30d9\u30eb\u304c\u7570\u306a\u308b\u305f\u3081\u3001",(0,s.jsx)(n.strong,{children:"\u6b21\u306e\u3053\u3068\u3092\u7406\u89e3\u3059\u308b\u3053\u3068\u304c\u91cd\u8981\u3067\u3059\u3002"})]}),"\n",(0,s.jsxs)(n.ul,{children:["\n",(0,s.jsxs)(n.li,{children:["FSD\u65b9\u6cd5\u8ad6\u306f\u3001\u3059\u3079\u3066\u306e\u958b\u767a\u8005\u306b\u3068\u3063\u3066\u3001\u540c\u6642\u306b\u975e\u5e38\u306b\u30b7\u30f3\u30d7\u30eb\u3067\u3001\u975e\u5e38\u306b\u660e\u78ba\u306b\u3059\u308b\u306e\u306f\u4e0d\u53ef\u80fd","\n",(0,s.jsxs)(n.blockquote,{children:["\n",(0,s.jsx)(n.p,{children:(0,s.jsx)(n.em,{children:"@sergeysova: \u4e00\u90e8\u306e\u6982\u5ff5\u306f\u3001\u554f\u984c\u306b\u76f4\u9762\u3057\u3001\u89e3\u6c7a\u306b\u6570\u5e74\u3092\u8cbb\u3084\u3055\u306a\u3044\u9650\u308a\u3001\u76f4\u611f\u7684\u306b\u7406\u89e3\u3059\u308b\u3053\u3068\u306f\u3067\u304d\u306a\u3044\u3002"})}),"\n",(0,s.jsxs)(n.ul,{children:["\n",(0,s.jsx)(n.li,{children:(0,s.jsx)(n.em,{children:"\u6570\u5b66\u306e\u4f8b \u2014 \u30b0\u30e9\u30d5\u7406\u8ad6\u3002"})}),"\n",(0,s.jsx)(n.li,{children:(0,s.jsx)(n.em,{children:"\u7269\u7406\u306e\u4f8b \u2014 \u91cf\u5b50\u529b\u5b66\u3002"})}),"\n",(0,s.jsx)(n.li,{children:(0,s.jsx)(n.em,{children:"\u30d7\u30ed\u30b0\u30e9\u30df\u30f3\u30b0\u306e\u4f8b \u2014 \u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u306e\u30a2\u30fc\u30ad\u30c6\u30af\u30c1\u30e3\u3002"})}),"\n"]}),"\n"]}),"\n"]}),"\n",(0,s.jsx)(n.li,{children:"\u30b7\u30f3\u30d7\u30eb\u3055\u3001\u62e1\u5f35\u6027\u306f\u3001\u5b9f\u73fe\u53ef\u80fd\u3067\u3042\u3063\u3066\u671b\u307e\u3057\u3044"}),"\n"]}),"\n",(0,s.jsx)(n.h2,{id:"see-also",children:"\u53c2\u7167"}),"\n",(0,s.jsxs)(n.ul,{children:["\n",(0,s.jsx)(n.li,{children:(0,s.jsx)(n.a,{href:"/docs/about/understanding/architecture#problems",children:"\u30a2\u30fc\u30ad\u30c6\u30af\u30c1\u30e3\u306e\u554f\u984c"})}),"\n"]})]})}function u(e={}){const{wrapper:n}={...(0,r.R)(),...e.components};return n?(0,s.jsx)(n,{...e,children:(0,s.jsx)(a,{...e})}):a(e)}},1100:(e,n,i)=>{i.d(n,{R:()=>l,x:()=>o});var s=i(758);const r={},t=s.createContext(r);function l(e){const n=s.useContext(t);return s.useMemo((function(){return"function"==typeof e?e(n):{...n,...e}}),[n,e])}function o(e){let n;return n=e.disableParentContext?"function"==typeof e.components?e.components(r):e.components||r:l(e.components),s.createElement(t.Provider,{value:n},e.children)}}}]);
\ No newline at end of file
+"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[7783],{3254:(e,n,i)=>{i.r(n),i.d(n,{assets:()=>d,contentTitle:()=>l,default:()=>u,frontMatter:()=>t,metadata:()=>o,toc:()=>c});var s=i(6070),r=i(1100);const t={sidebar_position:1},l="\u30df\u30c3\u30b7\u30e7\u30f3",o={id:"about/mission",title:"\u30df\u30c3\u30b7\u30e7\u30f3",description:"\u3053\u3053\u3067\u306f\u3001\u79c1\u305f\u3061\u304cFSD\u65b9\u6cd5\u8ad6\u3092\u958b\u767a\u3059\u308b\u969b\u306b\u5f93\u3046\u65b9\u6cd5\u8ad6\u9069\u7528\u306e\u5236\u9650\u3068\u76ee\u6a19\u306b\u3064\u3044\u3066\u8aac\u660e\u3057\u307e\u3059\u3002",source:"@site/i18n/ja/docusaurus-plugin-content-docs/current/about/mission.md",sourceDirName:"about",slug:"/about/mission",permalink:"/ja/docs/about/mission",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/ja/docusaurus-plugin-content-docs/current/about/mission.md",tags:[],version:"current",lastUpdatedAt:1728325386e3,sidebarPosition:1,frontMatter:{sidebar_position:1},sidebar:"aboutSidebar",previous:{title:"\ud83c\udf70 FSD\u306b\u3064\u3044\u3066",permalink:"/ja/docs/about/"},next:{title:"\u30e2\u30c1\u30d9\u30fc\u30b7\u30e7\u30f3",permalink:"/ja/docs/about/motivation"}},d={},c=[{value:"\u76ee\u6a19",id:"goals",level:2},{value:"\u5e45\u5e83\u3044\u958b\u767a\u8005\u306b\u5bfe\u3059\u308b\u76f4\u611f\u7684\u306a\u660e\u78ba\u3055",id:"intuitive-clarity-for-a-wide-range-of-developers",level:3},{value:"\u65e5\u5e38\u7684\u306a\u554f\u984c\u306e\u89e3\u6c7a",id:"solving-everyday-problems",level:3},{value:"\u5236\u9650",id:"limitations",level:2},{value:"\u53c2\u7167",id:"see-also",level:2}];function a(e){const n={a:"a",blockquote:"blockquote",em:"em",h1:"h1",h2:"h2",h3:"h3",header:"header",li:"li",p:"p",strong:"strong",ul:"ul",...(0,r.R)(),...e.components};return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(n.header,{children:(0,s.jsx)(n.h1,{id:"\u30df\u30c3\u30b7\u30e7\u30f3",children:"\u30df\u30c3\u30b7\u30e7\u30f3"})}),"\n",(0,s.jsx)(n.p,{children:"\u3053\u3053\u3067\u306f\u3001\u79c1\u305f\u3061\u304cFSD\u65b9\u6cd5\u8ad6\u3092\u958b\u767a\u3059\u308b\u969b\u306b\u5f93\u3046\u65b9\u6cd5\u8ad6\u9069\u7528\u306e\u5236\u9650\u3068\u76ee\u6a19\u306b\u3064\u3044\u3066\u8aac\u660e\u3057\u307e\u3059\u3002"}),"\n",(0,s.jsxs)(n.ul,{children:["\n",(0,s.jsx)(n.li,{children:"\u79c1\u305f\u3061\u306f\u3001\u76ee\u6a19\u3092\u30a4\u30c7\u30aa\u30ed\u30ae\u30fc\u3068\u30b7\u30f3\u30d7\u30eb\u3055\u306e\u30d0\u30e9\u30f3\u30b9\u3068\u3057\u3066\u8003\u3048\u3066\u3044\u308b"}),"\n",(0,s.jsx)(n.li,{children:"\u79c1\u305f\u3061\u306f\u3001\u3059\u3079\u3066\u306e\u4eba\u306b\u9069\u3057\u305f\u9280\u306e\u5f3e\u4e38\u3092\u4f5c\u308b\u3053\u3068\u306f\u3067\u304d\u306a\u3044"}),"\n"]}),"\n",(0,s.jsx)(n.p,{children:(0,s.jsx)(n.strong,{children:"\u305d\u308c\u3067\u3082\u3001FSD\u65b9\u6cd5\u8ad6\u304c\u5e83\u7bc4\u306a\u958b\u767a\u8005\u306b\u3068\u3063\u3066\u8fd1\u304f\u3001\u30a2\u30af\u30bb\u30b9\u53ef\u80fd\u3067\u3042\u308b\u3053\u3068\u3092\u671b\u3093\u3067\u3044\u307e\u3059\u3002"})}),"\n",(0,s.jsx)(n.h2,{id:"goals",children:"\u76ee\u6a19"}),"\n",(0,s.jsx)(n.h3,{id:"intuitive-clarity-for-a-wide-range-of-developers",children:"\u5e45\u5e83\u3044\u958b\u767a\u8005\u306b\u5bfe\u3059\u308b\u76f4\u611f\u7684\u306a\u660e\u78ba\u3055"}),"\n",(0,s.jsx)(n.p,{children:"FSD\u65b9\u6cd5\u8ad6\u306f\u3001\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u30c1\u30fc\u30e0\u306e\u5927\u90e8\u5206\u306b\u3068\u3063\u3066\u30a2\u30af\u30bb\u30b9\u53ef\u80fd\u3067\u3042\u308b\u3079\u304d\u3067\u3059\u3002"}),"\n",(0,s.jsx)(n.p,{children:(0,s.jsx)(n.em,{children:"\u306a\u305c\u306a\u3089\u3001\u5c06\u6765\u306e\u3059\u3079\u3066\u306e\u30c4\u30fc\u30eb\u304c\u3042\u3063\u3066\u3082\u3001FSD\u65b9\u6cd5\u8ad6\u3092\u7406\u89e3\u3067\u304d\u308b\u306e\u306f\u7d4c\u9a13\u8c4a\u5bcc\u306a\u30b7\u30cb\u30a2\u3084\u30ea\u30fc\u30c0\u30fc\u3060\u3051\u3067\u306f\u4e0d\u5341\u5206\u3060\u304b\u3089\u3067\u3042\u308b"})}),"\n",(0,s.jsx)(n.h3,{id:"solving-everyday-problems",children:"\u65e5\u5e38\u7684\u306a\u554f\u984c\u306e\u89e3\u6c7a"}),"\n",(0,s.jsx)(n.p,{children:"FSD\u65b9\u6cd5\u8ad6\u306b\u306f\u3001\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u958b\u767a\u306b\u304a\u3051\u308b\u65e5\u5e38\u7684\u306a\u554f\u984c\u306e\u7406\u7531\u3068\u89e3\u6c7a\u7b56\u304c\u793a\u3055\u308c\u308b\u3079\u304d\u3067\u3059\u3002"}),"\n",(0,s.jsxs)(n.p,{children:["\u307e\u305f\u3001\u958b\u767a\u8005\u304c",(0,s.jsx)(n.em,{children:"\u30b3\u30df\u30e5\u30cb\u30c6\u30a3\u30fc\u306e\u7d4c\u9a13\u306b\u57fa\u3065\u3044\u305f"}),"\u30a2\u30d7\u30ed\u30fc\u30c1\u3092\u4f7f\u7528\u3067\u304d\u308b\u3088\u3046\u306b\u3057\u3001\u9577\u5e74\u306e\u30a2\u30fc\u30ad\u30c6\u30af\u30c1\u30e3\u3084\u958b\u767a\u306e\u554f\u984c\u3092\u56de\u907f\u3067\u304d\u308b\u3088\u3046\u306b\u3059\u308b\u306b\u306f\u3001",(0,s.jsx)(n.strong,{children:"FSD\u65b9\u6cd5\u8ad6\u306f\u3053\u308c\u306b\u95a2\u9023\u3059\u308b\u30c4\u30fc\u30eb\uff08CLI\u3001\u30ea\u30f3\u30bf\u30fc\uff09\u3092\u63d0\u4f9b\u3059\u308b\u3053\u3068\u3082\u5fc5\u8981\u3067\u3059\u3002"})]}),"\n",(0,s.jsxs)(n.blockquote,{children:["\n",(0,s.jsx)(n.p,{children:(0,s.jsx)(n.em,{children:"@sergeysova: \u60f3\u50cf\u3057\u3066\u307f\u3066\u304f\u3060\u3055\u3044\u3002\u958b\u767a\u8005\u304c\u65b9\u6cd5\u8ad6\u306b\u57fa\u3065\u3044\u3066\u30b3\u30fc\u30c9\u3092\u66f8\u3044\u3066\u3044\u308b\u3068\u304d\u3001\u958b\u767a\u8005\u306e\u76f4\u9762\u3057\u3066\u3044\u308b\u554f\u984c\u306f10\u500d\u5c11\u306a\u304f\u767a\u751f\u3057\u3066\u3044\u307e\u3059\u3002\u305d\u308c\u306f\u4ed6\u306e\u4eba\u3005\u304c\u591a\u304f\u306e\u554f\u984c\u306e\u89e3\u6c7a\u7b56\u3092\u8003\u3048\u51fa\u3057\u305f\u304b\u3089\u3001\u53ef\u80fd\u306b\u306a\u3063\u305f\u306e\u3067\u3059\u3002"})}),"\n"]}),"\n",(0,s.jsx)(n.h2,{id:"limitations",children:"\u5236\u9650"}),"\n",(0,s.jsxs)(n.p,{children:["\u79c1\u305f\u3061\u306f",(0,s.jsx)(n.em,{children:"\u81ea\u5206\u305f\u3061\u306e\u898b\u89e3\u3092\u62bc\u3057\u4ed8\u3051\u305f\u304f\u3042\u308a\u307e\u305b\u3093"}),"\u304c\u3001\u540c\u6642\u306b",(0,s.jsx)(n.em,{children:"\u591a\u304f\u306e\u958b\u767a\u8005\u306e\u7fd2\u6163\u304c\u65e5\u3005\u306e\u958b\u767a\u306e\u59a8\u3052\u306b\u306a\u3063\u3066\u3044\u308b\u3053\u3068\u3092\u7406\u89e3\u3057\u3066\u3044\u307e\u3059\u3002"})]}),"\n",(0,s.jsxs)(n.p,{children:["\u3059\u3079\u3066\u306e\u958b\u767a\u8005\u306b\u306f\u30b7\u30b9\u30c6\u30e0\u8a2d\u8a08\u3068\u958b\u767a\u7d4c\u9a13\u30ec\u30d9\u30eb\u304c\u7570\u306a\u308b\u305f\u3081\u3001",(0,s.jsx)(n.strong,{children:"\u6b21\u306e\u3053\u3068\u3092\u7406\u89e3\u3059\u308b\u3053\u3068\u304c\u91cd\u8981\u3067\u3059\u3002"})]}),"\n",(0,s.jsxs)(n.ul,{children:["\n",(0,s.jsxs)(n.li,{children:["FSD\u65b9\u6cd5\u8ad6\u306f\u3001\u3059\u3079\u3066\u306e\u958b\u767a\u8005\u306b\u3068\u3063\u3066\u3001\u540c\u6642\u306b\u975e\u5e38\u306b\u30b7\u30f3\u30d7\u30eb\u3067\u3001\u975e\u5e38\u306b\u660e\u78ba\u306b\u3059\u308b\u306e\u306f\u4e0d\u53ef\u80fd","\n",(0,s.jsxs)(n.blockquote,{children:["\n",(0,s.jsx)(n.p,{children:(0,s.jsx)(n.em,{children:"@sergeysova: \u4e00\u90e8\u306e\u6982\u5ff5\u306f\u3001\u554f\u984c\u306b\u76f4\u9762\u3057\u3001\u89e3\u6c7a\u306b\u6570\u5e74\u3092\u8cbb\u3084\u3055\u306a\u3044\u9650\u308a\u3001\u76f4\u611f\u7684\u306b\u7406\u89e3\u3059\u308b\u3053\u3068\u306f\u3067\u304d\u306a\u3044\u3002"})}),"\n",(0,s.jsxs)(n.ul,{children:["\n",(0,s.jsx)(n.li,{children:(0,s.jsx)(n.em,{children:"\u6570\u5b66\u306e\u4f8b \u2014 \u30b0\u30e9\u30d5\u7406\u8ad6\u3002"})}),"\n",(0,s.jsx)(n.li,{children:(0,s.jsx)(n.em,{children:"\u7269\u7406\u306e\u4f8b \u2014 \u91cf\u5b50\u529b\u5b66\u3002"})}),"\n",(0,s.jsx)(n.li,{children:(0,s.jsx)(n.em,{children:"\u30d7\u30ed\u30b0\u30e9\u30df\u30f3\u30b0\u306e\u4f8b \u2014 \u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u306e\u30a2\u30fc\u30ad\u30c6\u30af\u30c1\u30e3\u3002"})}),"\n"]}),"\n"]}),"\n"]}),"\n",(0,s.jsx)(n.li,{children:"\u30b7\u30f3\u30d7\u30eb\u3055\u3001\u62e1\u5f35\u6027\u306f\u3001\u5b9f\u73fe\u53ef\u80fd\u3067\u3042\u3063\u3066\u671b\u307e\u3057\u3044"}),"\n"]}),"\n",(0,s.jsx)(n.h2,{id:"see-also",children:"\u53c2\u7167"}),"\n",(0,s.jsxs)(n.ul,{children:["\n",(0,s.jsx)(n.li,{children:(0,s.jsx)(n.a,{href:"/docs/about/understanding/architecture#problems",children:"\u30a2\u30fc\u30ad\u30c6\u30af\u30c1\u30e3\u306e\u554f\u984c"})}),"\n"]})]})}function u(e={}){const{wrapper:n}={...(0,r.R)(),...e.components};return n?(0,s.jsx)(n,{...e,children:(0,s.jsx)(a,{...e})}):a(e)}},1100:(e,n,i)=>{i.d(n,{R:()=>l,x:()=>o});var s=i(758);const r={},t=s.createContext(r);function l(e){const n=s.useContext(t);return s.useMemo((function(){return"function"==typeof e?e(n):{...n,...e}}),[n,e])}function o(e){let n;return n=e.disableParentContext?"function"==typeof e.components?e.components(r):e.components||r:l(e.components),s.createElement(t.Provider,{value:n},e.children)}}}]);
\ No newline at end of file
diff --git a/ja/assets/js/165a9db9.966d9fb2.js b/ja/assets/js/165a9db9.204c30d2.js
similarity index 99%
rename from ja/assets/js/165a9db9.966d9fb2.js
rename to ja/assets/js/165a9db9.204c30d2.js
index a9e74808fe..53714e745b 100644
--- a/ja/assets/js/165a9db9.966d9fb2.js
+++ b/ja/assets/js/165a9db9.204c30d2.js
@@ -1 +1 @@
-"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[6916],{1928:(e,n,i)=>{i.d(n,{Ay:()=>o,RM:()=>c});var t=i(6070),s=i(1100),r=(i(758),i(6783)),l=i(7765);const d=e=>{let{ticket:n}=e;const i=`https://github.com/feature-sliced/documentation/issues/${n}`;return(0,t.jsxs)("div",{children:[(0,t.jsx)("p",{children:(0,l.T)({id:"shared.wip.title"})}),(0,t.jsx)("p",{children:(0,l.T)({id:"shared.wip.subtitle"})}),(0,t.jsxs)("ul",{children:[(0,t.jsxs)("li",{children:[(0,l.T)({id:"shared.wip.var.feedback.base"}),(0,t.jsx)(r.A,{to:i,children:(0,l.T)({id:"shared.wip.var.feedback.link"})})]}),(0,t.jsxs)("li",{children:[(0,l.T)({id:"shared.wip.var.material.base"}),(0,t.jsx)(r.A,{to:"https://t.me/feature_sliced",children:(0,l.T)({id:"shared.wip.var.material.link"})})]}),(0,t.jsxs)("li",{children:[(0,l.T)({id:"shared.wip.var.contribute.base"}),(0,t.jsx)(r.A,{to:"https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md",children:(0,l.T)({id:"shared.wip.var.contribute.link"})})]})]}),(0,t.jsx)("br",{}),(0,t.jsx)("p",{children:(0,t.jsx)("i",{children:"\ud83c\udf70 Stay tuned!"})})]})},c=[];function a(e){const n={admonition:"admonition",...(0,s.R)(),...e.components};return(0,t.jsx)(n.admonition,{title:"WIP",type:"caution",children:(0,t.jsx)(d,{ticket:e.ticket})})}function o(e={}){const{wrapper:n}={...(0,s.R)(),...e.components};return n?(0,t.jsx)(n,{...e,children:(0,t.jsx)(a,{...e})}):a(e)}},486:(e,n,i)=>{i.r(n),i.d(n,{assets:()=>a,contentTitle:()=>d,default:()=>u,frontMatter:()=>l,metadata:()=>c,toc:()=>o});var t=i(6070),s=i(1100),r=i(1928);const l={sidebar_class_name:"sidebar-item--wip",sidebar_position:3},d="\u4ee3\u66ff\u6848",c={id:"about/alternatives",title:"\u4ee3\u66ff\u6848",description:"\u30d3\u30c3\u30b0\u30dc\u30fc\u30eb\u30aa\u30d6\u30de\u30c3\u30c9",source:"@site/i18n/ja/docusaurus-plugin-content-docs/current/about/alternatives.mdx",sourceDirName:"about",slug:"/about/alternatives",permalink:"/ja/docs/about/alternatives",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/ja/docusaurus-plugin-content-docs/current/about/alternatives.mdx",tags:[],version:"current",lastUpdatedAt:1727607766e3,sidebarPosition:3,frontMatter:{sidebar_class_name:"sidebar-item--wip",sidebar_position:3},sidebar:"aboutSidebar",previous:{title:"\u30e2\u30c1\u30d9\u30fc\u30b7\u30e7\u30f3",permalink:"/ja/docs/about/motivation"},next:{title:"\u30a2\u30fc\u30ad\u30c6\u30af\u30c1\u30e3",permalink:"/ja/docs/about/understanding/architecture"}},a={},o=[...r.RM,{value:"\u30d3\u30c3\u30b0\u30dc\u30fc\u30eb\u30aa\u30d6\u30de\u30c3\u30c9",id:"\u30d3\u30c3\u30b0\u30dc\u30fc\u30eb\u30aa\u30d6\u30de\u30c3\u30c9",level:2},...r.RM,{value:"\u30b9\u30de\u30fc\u30c8\uff06\u30c0\u30e0\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8",id:"\u30b9\u30de\u30fc\u30c8\u30c0\u30e0\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8",level:2},...r.RM,{value:"\u30c7\u30b6\u30a4\u30f3\u539f\u5247",id:"\u30c7\u30b6\u30a4\u30f3\u539f\u5247",level:2},...r.RM,{value:"DDD",id:"ddd",level:2},...r.RM,{value:"\u53c2\u7167",id:"see-also",level:2},{value:"\u30af\u30ea\u30fc\u30f3\u30a2\u30fc\u30ad\u30c6\u30af\u30c1\u30e3",id:"\u30af\u30ea\u30fc\u30f3\u30a2\u30fc\u30ad\u30c6\u30af\u30c1\u30e3",level:2},...r.RM,{value:"\u30d5\u30ec\u30fc\u30e0\u30ef\u30fc\u30af",id:"\u30d5\u30ec\u30fc\u30e0\u30ef\u30fc\u30af",level:2},...r.RM,{value:"Atomic Design",id:"atomic-design",level:2},{value:"\u3053\u308c\u306f\u4f55\u304b\uff1f",id:"\u3053\u308c\u306f\u4f55\u304b",level:3},{value:"\u30d5\u30ed\u30f3\u30c8\u30a8\u30f3\u30c9\u3067\u306e\u9069\u7528\u6027",id:"\u30d5\u30ed\u30f3\u30c8\u30a8\u30f3\u30c9\u3067\u306e\u9069\u7528\u6027",level:3},{value:"FSD\u3068\u306e\u7d71\u5408",id:"fsd\u3068\u306e\u7d71\u5408",level:3},{value:"Feature Driven",id:"feature-driven",level:2},...r.RM];function h(e){const n={a:"a",code:"code",h1:"h1",h2:"h2",h3:"h3",header:"header",li:"li",ol:"ol",p:"p",pre:"pre",strong:"strong",ul:"ul",...(0,s.R)(),...e.components};return(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(n.header,{children:(0,t.jsx)(n.h1,{id:"\u4ee3\u66ff\u6848",children:"\u4ee3\u66ff\u6848"})}),"\n",(0,t.jsx)(r.Ay,{ticket:"62"}),"\n",(0,t.jsx)(n.h2,{id:"\u30d3\u30c3\u30b0\u30dc\u30fc\u30eb\u30aa\u30d6\u30de\u30c3\u30c9",children:"\u30d3\u30c3\u30b0\u30dc\u30fc\u30eb\u30aa\u30d6\u30de\u30c3\u30c9"}),"\n",(0,t.jsx)(r.Ay,{ticket:"258"}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsx)(n.li,{children:(0,t.jsx)(n.a,{href:"https://thedomaindrivendesign.io/big-ball-of-mud/",children:"(\u8a18\u4e8b) DDD - Big Ball of mud"})}),"\n"]}),"\n",(0,t.jsx)(n.h2,{id:"\u30b9\u30de\u30fc\u30c8\u30c0\u30e0\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8",children:"\u30b9\u30de\u30fc\u30c8\uff06\u30c0\u30e0\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8"}),"\n",(0,t.jsx)(r.Ay,{ticket:"214"}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsx)(n.li,{children:(0,t.jsx)(n.a,{href:"https://medium.com/@dan_abramov/smart-and-dumb-components-7ca2f9a7c7d0",children:"(\u8a18\u4e8b) Dan Abramov - Presentational and Container Components (TLDR: \u975e\u63a8\u5968)"})}),"\n"]}),"\n",(0,t.jsx)(n.h2,{id:"\u30c7\u30b6\u30a4\u30f3\u539f\u5247",children:"\u30c7\u30b6\u30a4\u30f3\u539f\u5247"}),"\n",(0,t.jsx)(r.Ay,{ticket:"59"}),"\n",(0,t.jsx)(n.h2,{id:"ddd",children:"DDD"}),"\n",(0,t.jsx)(r.Ay,{ticket:"1"}),"\n",(0,t.jsx)(n.h2,{id:"see-also",children:"\u53c2\u7167"}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsx)(n.li,{children:(0,t.jsx)(n.a,{href:"https://herbertograca.com/2017/11/16/explicit-architecture-01-ddd-hexagonal-onion-clean-cqrs-how-i-put-it-all-together/",children:"(\u8a18\u4e8b) DDD, Hexagonal, Onion, Clean, CQRS, \u2026 How I put it all together"})}),"\n"]}),"\n",(0,t.jsx)(n.h2,{id:"\u30af\u30ea\u30fc\u30f3\u30a2\u30fc\u30ad\u30c6\u30af\u30c1\u30e3",children:"\u30af\u30ea\u30fc\u30f3\u30a2\u30fc\u30ad\u30c6\u30af\u30c1\u30e3"}),"\n",(0,t.jsx)(r.Ay,{ticket:"165"}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsx)(n.li,{children:(0,t.jsx)(n.a,{href:"https://herbertograca.com/2017/11/16/explicit-architecture-01-ddd-hexagonal-onion-clean-cqrs-how-i-put-it-all-together/",children:"(\u8a18\u4e8b) DDD, Hexagonal, Onion, Clean, CQRS, \u2026 How I put it all together"})}),"\n"]}),"\n",(0,t.jsx)(n.h2,{id:"\u30d5\u30ec\u30fc\u30e0\u30ef\u30fc\u30af",children:"\u30d5\u30ec\u30fc\u30e0\u30ef\u30fc\u30af"}),"\n",(0,t.jsx)(r.Ay,{ticket:"58"}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsx)(n.li,{children:(0,t.jsx)(n.a,{href:"/docs/about/motivation",children:"(\u8a18\u4e8b) FSD\u306e\u4f5c\u6210\u7406\u7531 (\u30d5\u30ec\u30fc\u30e0\u30ef\u30fc\u30af\u306b\u95a2\u3059\u308b\u65ad\u7247)"})}),"\n"]}),"\n",(0,t.jsx)(n.h2,{id:"atomic-design",children:"Atomic Design"}),"\n",(0,t.jsx)(n.h3,{id:"\u3053\u308c\u306f\u4f55\u304b",children:"\u3053\u308c\u306f\u4f55\u304b\uff1f"}),"\n",(0,t.jsx)(n.p,{children:"\u30a2\u30c8\u30df\u30c3\u30af\u30c7\u30b6\u30a4\u30f3\u3067\u306f\u3001\u8cac\u4efb\u306e\u7bc4\u56f2\u304c\u6a19\u6e96\u5316\u3055\u308c\u305f\u5c64\u306b\u5206\u304b\u308c\u3066\u3044\u307e\u3059\u3002"}),"\n",(0,t.jsxs)(n.p,{children:["\u30a2\u30c8\u30df\u30c3\u30af\u30c7\u30b6\u30a4\u30f3\u306f",(0,t.jsx)(n.strong,{children:"5\u3064\u306e\u5c64"}),"\u306b\u5206\u304b\u308c\u307e\u3059\uff08\u4e0a\u304b\u3089\u4e0b\u3078\uff09\u3002"]}),"\n",(0,t.jsxs)(n.ol,{children:["\n",(0,t.jsxs)(n.li,{children:[(0,t.jsx)(n.code,{children:"pages"})," - FSD\u306e",(0,t.jsx)(n.code,{children:"pages"}),"\u5c64\u3068\u540c\u69d8\u306e\u76ee\u7684\u3092\u6301\u3064\u3002"]}),"\n",(0,t.jsxs)(n.li,{children:[(0,t.jsx)(n.code,{children:"templates"})," - \u30b3\u30f3\u30c6\u30f3\u30c4\u306b\u4f9d\u5b58\u3057\u306a\u3044\u30da\u30fc\u30b8\u306e\u69cb\u9020\u3092\u5b9a\u7fa9\u3059\u308b\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3002"]}),"\n",(0,t.jsxs)(n.li,{children:[(0,t.jsx)(n.code,{children:"organisms"})," - \u30d3\u30b8\u30cd\u30b9\u30ed\u30b8\u30c3\u30af\u3092\u6301\u3064\u5206\u5b50\u304b\u3089\u69cb\u6210\u3055\u308c\u308b\u30e2\u30b8\u30e5\u30fc\u30eb\u3002"]}),"\n",(0,t.jsxs)(n.li,{children:[(0,t.jsx)(n.code,{children:"molecules"})," - \u901a\u5e38\u3001\u30d3\u30b8\u30cd\u30b9\u30ed\u30b8\u30c3\u30af\u3092\u6301\u305f\u306a\u3044\u3088\u308a\u8907\u96d1\u306a\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3002"]}),"\n",(0,t.jsxs)(n.li,{children:[(0,t.jsx)(n.code,{children:"atoms"})," - \u30d3\u30b8\u30cd\u30b9\u30ed\u30b8\u30c3\u30af\u3092\u6301\u305f\u306a\u3044UI\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3002"]}),"\n"]}),"\n",(0,t.jsxs)(n.p,{children:["\u540c\u3058\u5c64\u306e\u30e2\u30b8\u30e5\u30fc\u30eb\u306f\u3001FSD\u306e\u3088\u3046\u306b\u4e0b\u306e\u5c64\u306e\u30e2\u30b8\u30e5\u30fc\u30eb\u3068\u3060\u3051\u76f8\u4e92\u4f5c\u7528\u3057\u3066\u3044\u307e\u3059\u3002\n\u3064\u307e\u308a\u3001\u5206\u5b50\uff08molecule\uff09\u306f\u539f\u5b50\uff08atom\uff09\u304b\u3089\u69cb\u7bc9\u3055\u308c\u3001\u751f\u547d\u4f53\uff08organism\uff09\u306f\u5206\u5b50\u304b\u3089\u3001\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\uff08template\uff09\u306f\u751f\u547d\u4f53\u304b\u3089\u3001\u30da\u30fc\u30b8\uff08page\uff09\u306f\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u304b\u3089\u69cb\u7bc9\u3055\u308c\u307e\u3059\u3002\n\u307e\u305f\u3001\u30a2\u30c8\u30df\u30c3\u30af\u30c7\u30b6\u30a4\u30f3\u306f\u30e2\u30b8\u30e5\u30fc\u30eb\u5185\u3067\u306e",(0,t.jsx)(n.strong,{children:"\u516c\u958bAPI"}),"\u306e\u4f7f\u7528\u3092\u524d\u63d0\u3068\u3057\u3066\u3044\u307e\u3059\u3002"]}),"\n",(0,t.jsx)(n.h3,{id:"\u30d5\u30ed\u30f3\u30c8\u30a8\u30f3\u30c9\u3067\u306e\u9069\u7528\u6027",children:"\u30d5\u30ed\u30f3\u30c8\u30a8\u30f3\u30c9\u3067\u306e\u9069\u7528\u6027"}),"\n",(0,t.jsx)(n.p,{children:"\u30a2\u30c8\u30df\u30c3\u30af\u30c7\u30b6\u30a4\u30f3\u306f\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u3067\u6bd4\u8f03\u7684\u3088\u304f\u898b\u3089\u308c\u307e\u3059\u3002\u30a2\u30c8\u30df\u30c3\u30af\u30c7\u30b6\u30a4\u30f3\u306f\u3001\u958b\u767a\u8005\u306e\u9593\u3068\u3044\u3046\u3088\u308a\u3001\u30a6\u30a7\u30d6\u30c7\u30b6\u30a4\u30ca\u30fc\u306e\u9593\u3067\u4eba\u6c17\u3067\u3059\u3002\u30a6\u30a7\u30d6\u30c7\u30b6\u30a4\u30ca\u30fc\u306f\u3001\u30b9\u30b1\u30fc\u30e9\u30d6\u30eb\u3067\u30e1\u30f3\u30c6\u30ca\u30f3\u30b9\u3057\u3084\u3059\u3044\u30c7\u30b6\u30a4\u30f3\u3092\u4f5c\u6210\u3059\u308b\u305f\u3081\u306b\u30a2\u30c8\u30df\u30c3\u30af\u30c7\u30b6\u30a4\u30f3\u3092\u3088\u304f\u4f7f\u7528\u3057\u3066\u3044\u307e\u3059\u3002\n\u958b\u767a\u3067\u306f\u3001\u30a2\u30c8\u30df\u30c3\u30af\u30c7\u30b6\u30a4\u30f3\u306f\u4ed6\u306e\u30a2\u30fc\u30ad\u30c6\u30af\u30c1\u30e3\u8a2d\u8a08\u65b9\u6cd5\u8ad6\u3068\u6df7\u5408\u3055\u308c\u308b\u3053\u3068\u304c\u3088\u304f\u3042\u308a\u307e\u3059\u3002"}),"\n",(0,t.jsx)(n.p,{children:"\u3057\u304b\u3057\u3001\u30a2\u30c8\u30df\u30c3\u30af\u30c7\u30b6\u30a4\u30f3\u306fUI\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3068\u305d\u306e\u69cb\u6210\u306b\u7126\u70b9\u3092\u5f53\u3066\u3066\u3044\u308b\u305f\u3081\u3001\n\u30a2\u30fc\u30ad\u30c6\u30af\u30c1\u30e3\u5185\u3067\u30d3\u30b8\u30cd\u30b9\u30ed\u30b8\u30c3\u30af\u3092\u5b9f\u88c5\u3059\u308b\u554f\u984c\u304c\u767a\u751f\u3057\u3066\u3057\u307e\u3044\u307e\u3059\u3002"}),"\n",(0,t.jsx)(n.p,{children:"\u554f\u984c\u306f\u3001\u30a2\u30c8\u30df\u30c3\u30af\u30c7\u30b6\u30a4\u30f3\u304c\u30d3\u30b8\u30cd\u30b9\u30ed\u30b8\u30c3\u30af\u306e\u305f\u3081\u306e\u660e\u78ba\u306a\u8cac\u4efb\u30ec\u30d9\u30eb\u3092\u63d0\u4f9b\u3057\u3066\u3044\u306a\u3044\u305f\u3081\u3001\n\u30d3\u30b8\u30cd\u30b9\u30ed\u30b8\u30c3\u30af\u304c\u3055\u307e\u3056\u307e\u306a\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3084\u30ec\u30d9\u30eb\u306b\u5206\u6563\u3055\u308c\u3001\u30e1\u30f3\u30c6\u30ca\u30f3\u30b9\u3084\u30c6\u30b9\u30c8\u304c\u8907\u96d1\u306b\u306a\u308b\u3053\u3068\u3067\u3059\u3002\n\u30d3\u30b8\u30cd\u30b9\u30ed\u30b8\u30c3\u30af\u306f\u66d6\u6627\u306b\u306a\u308a\u3001\u8cac\u4efb\u306e\u660e\u78ba\u306a\u5206\u96e2\u304c\u56f0\u96e3\u306b\u306a\u308a\u3001\u30b3\u30fc\u30c9\u304c\u30e2\u30b8\u30e5\u30fc\u30eb\u5316\u3055\u308c\u305a\u518d\u5229\u7528\u53ef\u80fd\u3067\u306a\u304f\u306a\u308a\u307e\u3059\u3002"}),"\n",(0,t.jsx)(n.h3,{id:"fsd\u3068\u306e\u7d71\u5408",children:"FSD\u3068\u306e\u7d71\u5408"}),"\n",(0,t.jsxs)(n.p,{children:["FSD\u306e\u6587\u8108\u3067\u306f\u3001\u30a2\u30c8\u30df\u30c3\u30af\u30c7\u30b6\u30a4\u30f3\u306e\u3044\u304f\u3064\u304b\u306e\u8981\u7d20\u3092\u4f7f\u7528\u3057\u3066\u67d4\u8edf\u3067\u30b9\u30b1\u30fc\u30e9\u30d6\u30eb\u306aUI\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u4f5c\u6210\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002 ",(0,t.jsx)(n.code,{children:"atoms"}),"\u3068",(0,t.jsx)(n.code,{children:"molecules"}),"\u306e\u5c64\u306f\u3001FSD\u306e",(0,t.jsx)(n.code,{children:"shared/ui"}),"\u306b\u5b9f\u88c5\u3067\u304d\u3001\u57fa\u672c\u7684\u306aUI\u8981\u7d20\u306e\u518d\u5229\u7528\u3068\u30e1\u30f3\u30c6\u30ca\u30f3\u30b9\u3092\u7c21\u7d20\u5316\u3057\u3066\u3044\u307e\u3059\u3002"]}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-sh",children:"\u251c\u2500\u2500 shared\n\u2502\xa0 \xa0\u251c\u2500\u2500 ui\xa0\n\u2502\xa0 \xa0\u2502\xa0 \xa0\u251c\u2500\u2500 atoms\n\u2502\xa0 \xa0\u2502\xa0 \xa0\u251c\u2500\u2500 molecules\n\u2502\xa0 \xa0...\n"})}),"\n",(0,t.jsx)(n.p,{children:"FSD\u3068\u30a2\u30c8\u30df\u30c3\u30af\u30c7\u30b6\u30a4\u30f3\u306e\u6bd4\u8f03\u306f\u3001\u4e21\u65b9\u306e\u8a2d\u8a08\u65b9\u6cd5\u8ad6\u304c\u30e2\u30b8\u30e5\u30fc\u30eb\u6027\u3068\u518d\u5229\u7528\u6027\u3092\u76ee\u6307\u3057\u3066\u3044\u308b\u3053\u3068\u3092\u793a\u3057\u3066\u3044\u307e\u3059\u304c\u3001\n\u7570\u306a\u308b\u5074\u9762\u306b\u7126\u70b9\u3092\u5f53\u3066\u3066\u3044\u307e\u3059\u3002\u30a2\u30c8\u30df\u30c3\u30af\u30c7\u30b6\u30a4\u30f3\u306f\u8996\u899a\u7684\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3068\u305d\u306e\u69cb\u6210\u306b\u7126\u70b9\u3092\u5f53\u3066\u3066\u3044\u307e\u3059\u3002\nFSD\u306f\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u306e\u6a5f\u80fd\u3092\u72ec\u7acb\u3057\u305f\u30e2\u30b8\u30e5\u30fc\u30eb\u306b\u5206\u5272\u3057\u3001\u305d\u308c\u3089\u306e\u76f8\u4e92\u95a2\u4fc2\u306b\u7126\u70b9\u3092\u5f53\u3066\u3066\u3044\u307e\u3059\u3002"}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsx)(n.li,{children:(0,t.jsx)(n.a,{href:"https://atomicdesign.bradfrost.com/table-of-contents/",children:"Atomic Design"})}),"\n",(0,t.jsx)(n.li,{children:(0,t.jsx)(n.a,{href:"https://youtu.be/Yi-A20x2dcA",children:"(\u52d5\u753b) Atomic Design: What is it and why is it important?"})}),"\n"]}),"\n",(0,t.jsx)(n.h2,{id:"feature-driven",children:"Feature Driven"}),"\n",(0,t.jsx)(r.Ay,{ticket:"219"}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsx)(n.li,{children:(0,t.jsx)(n.a,{href:"https://youtu.be/BWAeYuWFHhs",children:"(\u8b1b\u6f14) Feature Driven Architecture - Oleg Isonen"})}),"\n",(0,t.jsx)(n.li,{children:(0,t.jsx)(n.a,{href:"https://github.com/feature-sliced/documentation/tree/rc/feature-driven",children:"Feature Driven-Short specification (from the point of view of FSD)"})}),"\n"]})]})}function u(e={}){const{wrapper:n}={...(0,s.R)(),...e.components};return n?(0,t.jsx)(n,{...e,children:(0,t.jsx)(h,{...e})}):h(e)}},1100:(e,n,i)=>{i.d(n,{R:()=>l,x:()=>d});var t=i(758);const s={},r=t.createContext(s);function l(e){const n=t.useContext(r);return t.useMemo((function(){return"function"==typeof e?e(n):{...n,...e}}),[n,e])}function d(e){let n;return n=e.disableParentContext?"function"==typeof e.components?e.components(s):e.components||s:l(e.components),t.createElement(r.Provider,{value:n},e.children)}}}]);
\ No newline at end of file
+"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[6916],{1928:(e,n,i)=>{i.d(n,{Ay:()=>o,RM:()=>c});var t=i(6070),s=i(1100),r=(i(758),i(6783)),l=i(7765);const d=e=>{let{ticket:n}=e;const i=`https://github.com/feature-sliced/documentation/issues/${n}`;return(0,t.jsxs)("div",{children:[(0,t.jsx)("p",{children:(0,l.T)({id:"shared.wip.title"})}),(0,t.jsx)("p",{children:(0,l.T)({id:"shared.wip.subtitle"})}),(0,t.jsxs)("ul",{children:[(0,t.jsxs)("li",{children:[(0,l.T)({id:"shared.wip.var.feedback.base"}),(0,t.jsx)(r.A,{to:i,children:(0,l.T)({id:"shared.wip.var.feedback.link"})})]}),(0,t.jsxs)("li",{children:[(0,l.T)({id:"shared.wip.var.material.base"}),(0,t.jsx)(r.A,{to:"https://t.me/feature_sliced",children:(0,l.T)({id:"shared.wip.var.material.link"})})]}),(0,t.jsxs)("li",{children:[(0,l.T)({id:"shared.wip.var.contribute.base"}),(0,t.jsx)(r.A,{to:"https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md",children:(0,l.T)({id:"shared.wip.var.contribute.link"})})]})]}),(0,t.jsx)("br",{}),(0,t.jsx)("p",{children:(0,t.jsx)("i",{children:"\ud83c\udf70 Stay tuned!"})})]})},c=[];function a(e){const n={admonition:"admonition",...(0,s.R)(),...e.components};return(0,t.jsx)(n.admonition,{title:"WIP",type:"caution",children:(0,t.jsx)(d,{ticket:e.ticket})})}function o(e={}){const{wrapper:n}={...(0,s.R)(),...e.components};return n?(0,t.jsx)(n,{...e,children:(0,t.jsx)(a,{...e})}):a(e)}},486:(e,n,i)=>{i.r(n),i.d(n,{assets:()=>a,contentTitle:()=>d,default:()=>u,frontMatter:()=>l,metadata:()=>c,toc:()=>o});var t=i(6070),s=i(1100),r=i(1928);const l={sidebar_class_name:"sidebar-item--wip",sidebar_position:3},d="\u4ee3\u66ff\u6848",c={id:"about/alternatives",title:"\u4ee3\u66ff\u6848",description:"\u30d3\u30c3\u30b0\u30dc\u30fc\u30eb\u30aa\u30d6\u30de\u30c3\u30c9",source:"@site/i18n/ja/docusaurus-plugin-content-docs/current/about/alternatives.mdx",sourceDirName:"about",slug:"/about/alternatives",permalink:"/ja/docs/about/alternatives",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/ja/docusaurus-plugin-content-docs/current/about/alternatives.mdx",tags:[],version:"current",lastUpdatedAt:1728325386e3,sidebarPosition:3,frontMatter:{sidebar_class_name:"sidebar-item--wip",sidebar_position:3},sidebar:"aboutSidebar",previous:{title:"\u30e2\u30c1\u30d9\u30fc\u30b7\u30e7\u30f3",permalink:"/ja/docs/about/motivation"},next:{title:"\u30a2\u30fc\u30ad\u30c6\u30af\u30c1\u30e3",permalink:"/ja/docs/about/understanding/architecture"}},a={},o=[...r.RM,{value:"\u30d3\u30c3\u30b0\u30dc\u30fc\u30eb\u30aa\u30d6\u30de\u30c3\u30c9",id:"\u30d3\u30c3\u30b0\u30dc\u30fc\u30eb\u30aa\u30d6\u30de\u30c3\u30c9",level:2},...r.RM,{value:"\u30b9\u30de\u30fc\u30c8\uff06\u30c0\u30e0\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8",id:"\u30b9\u30de\u30fc\u30c8\u30c0\u30e0\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8",level:2},...r.RM,{value:"\u30c7\u30b6\u30a4\u30f3\u539f\u5247",id:"\u30c7\u30b6\u30a4\u30f3\u539f\u5247",level:2},...r.RM,{value:"DDD",id:"ddd",level:2},...r.RM,{value:"\u53c2\u7167",id:"see-also",level:2},{value:"\u30af\u30ea\u30fc\u30f3\u30a2\u30fc\u30ad\u30c6\u30af\u30c1\u30e3",id:"\u30af\u30ea\u30fc\u30f3\u30a2\u30fc\u30ad\u30c6\u30af\u30c1\u30e3",level:2},...r.RM,{value:"\u30d5\u30ec\u30fc\u30e0\u30ef\u30fc\u30af",id:"\u30d5\u30ec\u30fc\u30e0\u30ef\u30fc\u30af",level:2},...r.RM,{value:"Atomic Design",id:"atomic-design",level:2},{value:"\u3053\u308c\u306f\u4f55\u304b\uff1f",id:"\u3053\u308c\u306f\u4f55\u304b",level:3},{value:"\u30d5\u30ed\u30f3\u30c8\u30a8\u30f3\u30c9\u3067\u306e\u9069\u7528\u6027",id:"\u30d5\u30ed\u30f3\u30c8\u30a8\u30f3\u30c9\u3067\u306e\u9069\u7528\u6027",level:3},{value:"FSD\u3068\u306e\u7d71\u5408",id:"fsd\u3068\u306e\u7d71\u5408",level:3},{value:"Feature Driven",id:"feature-driven",level:2},...r.RM];function h(e){const n={a:"a",code:"code",h1:"h1",h2:"h2",h3:"h3",header:"header",li:"li",ol:"ol",p:"p",pre:"pre",strong:"strong",ul:"ul",...(0,s.R)(),...e.components};return(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(n.header,{children:(0,t.jsx)(n.h1,{id:"\u4ee3\u66ff\u6848",children:"\u4ee3\u66ff\u6848"})}),"\n",(0,t.jsx)(r.Ay,{ticket:"62"}),"\n",(0,t.jsx)(n.h2,{id:"\u30d3\u30c3\u30b0\u30dc\u30fc\u30eb\u30aa\u30d6\u30de\u30c3\u30c9",children:"\u30d3\u30c3\u30b0\u30dc\u30fc\u30eb\u30aa\u30d6\u30de\u30c3\u30c9"}),"\n",(0,t.jsx)(r.Ay,{ticket:"258"}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsx)(n.li,{children:(0,t.jsx)(n.a,{href:"https://thedomaindrivendesign.io/big-ball-of-mud/",children:"(\u8a18\u4e8b) DDD - Big Ball of mud"})}),"\n"]}),"\n",(0,t.jsx)(n.h2,{id:"\u30b9\u30de\u30fc\u30c8\u30c0\u30e0\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8",children:"\u30b9\u30de\u30fc\u30c8\uff06\u30c0\u30e0\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8"}),"\n",(0,t.jsx)(r.Ay,{ticket:"214"}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsx)(n.li,{children:(0,t.jsx)(n.a,{href:"https://medium.com/@dan_abramov/smart-and-dumb-components-7ca2f9a7c7d0",children:"(\u8a18\u4e8b) Dan Abramov - Presentational and Container Components (TLDR: \u975e\u63a8\u5968)"})}),"\n"]}),"\n",(0,t.jsx)(n.h2,{id:"\u30c7\u30b6\u30a4\u30f3\u539f\u5247",children:"\u30c7\u30b6\u30a4\u30f3\u539f\u5247"}),"\n",(0,t.jsx)(r.Ay,{ticket:"59"}),"\n",(0,t.jsx)(n.h2,{id:"ddd",children:"DDD"}),"\n",(0,t.jsx)(r.Ay,{ticket:"1"}),"\n",(0,t.jsx)(n.h2,{id:"see-also",children:"\u53c2\u7167"}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsx)(n.li,{children:(0,t.jsx)(n.a,{href:"https://herbertograca.com/2017/11/16/explicit-architecture-01-ddd-hexagonal-onion-clean-cqrs-how-i-put-it-all-together/",children:"(\u8a18\u4e8b) DDD, Hexagonal, Onion, Clean, CQRS, \u2026 How I put it all together"})}),"\n"]}),"\n",(0,t.jsx)(n.h2,{id:"\u30af\u30ea\u30fc\u30f3\u30a2\u30fc\u30ad\u30c6\u30af\u30c1\u30e3",children:"\u30af\u30ea\u30fc\u30f3\u30a2\u30fc\u30ad\u30c6\u30af\u30c1\u30e3"}),"\n",(0,t.jsx)(r.Ay,{ticket:"165"}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsx)(n.li,{children:(0,t.jsx)(n.a,{href:"https://herbertograca.com/2017/11/16/explicit-architecture-01-ddd-hexagonal-onion-clean-cqrs-how-i-put-it-all-together/",children:"(\u8a18\u4e8b) DDD, Hexagonal, Onion, Clean, CQRS, \u2026 How I put it all together"})}),"\n"]}),"\n",(0,t.jsx)(n.h2,{id:"\u30d5\u30ec\u30fc\u30e0\u30ef\u30fc\u30af",children:"\u30d5\u30ec\u30fc\u30e0\u30ef\u30fc\u30af"}),"\n",(0,t.jsx)(r.Ay,{ticket:"58"}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsx)(n.li,{children:(0,t.jsx)(n.a,{href:"/docs/about/motivation",children:"(\u8a18\u4e8b) FSD\u306e\u4f5c\u6210\u7406\u7531 (\u30d5\u30ec\u30fc\u30e0\u30ef\u30fc\u30af\u306b\u95a2\u3059\u308b\u65ad\u7247)"})}),"\n"]}),"\n",(0,t.jsx)(n.h2,{id:"atomic-design",children:"Atomic Design"}),"\n",(0,t.jsx)(n.h3,{id:"\u3053\u308c\u306f\u4f55\u304b",children:"\u3053\u308c\u306f\u4f55\u304b\uff1f"}),"\n",(0,t.jsx)(n.p,{children:"\u30a2\u30c8\u30df\u30c3\u30af\u30c7\u30b6\u30a4\u30f3\u3067\u306f\u3001\u8cac\u4efb\u306e\u7bc4\u56f2\u304c\u6a19\u6e96\u5316\u3055\u308c\u305f\u5c64\u306b\u5206\u304b\u308c\u3066\u3044\u307e\u3059\u3002"}),"\n",(0,t.jsxs)(n.p,{children:["\u30a2\u30c8\u30df\u30c3\u30af\u30c7\u30b6\u30a4\u30f3\u306f",(0,t.jsx)(n.strong,{children:"5\u3064\u306e\u5c64"}),"\u306b\u5206\u304b\u308c\u307e\u3059\uff08\u4e0a\u304b\u3089\u4e0b\u3078\uff09\u3002"]}),"\n",(0,t.jsxs)(n.ol,{children:["\n",(0,t.jsxs)(n.li,{children:[(0,t.jsx)(n.code,{children:"pages"})," - FSD\u306e",(0,t.jsx)(n.code,{children:"pages"}),"\u5c64\u3068\u540c\u69d8\u306e\u76ee\u7684\u3092\u6301\u3064\u3002"]}),"\n",(0,t.jsxs)(n.li,{children:[(0,t.jsx)(n.code,{children:"templates"})," - \u30b3\u30f3\u30c6\u30f3\u30c4\u306b\u4f9d\u5b58\u3057\u306a\u3044\u30da\u30fc\u30b8\u306e\u69cb\u9020\u3092\u5b9a\u7fa9\u3059\u308b\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3002"]}),"\n",(0,t.jsxs)(n.li,{children:[(0,t.jsx)(n.code,{children:"organisms"})," - \u30d3\u30b8\u30cd\u30b9\u30ed\u30b8\u30c3\u30af\u3092\u6301\u3064\u5206\u5b50\u304b\u3089\u69cb\u6210\u3055\u308c\u308b\u30e2\u30b8\u30e5\u30fc\u30eb\u3002"]}),"\n",(0,t.jsxs)(n.li,{children:[(0,t.jsx)(n.code,{children:"molecules"})," - \u901a\u5e38\u3001\u30d3\u30b8\u30cd\u30b9\u30ed\u30b8\u30c3\u30af\u3092\u6301\u305f\u306a\u3044\u3088\u308a\u8907\u96d1\u306a\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3002"]}),"\n",(0,t.jsxs)(n.li,{children:[(0,t.jsx)(n.code,{children:"atoms"})," - \u30d3\u30b8\u30cd\u30b9\u30ed\u30b8\u30c3\u30af\u3092\u6301\u305f\u306a\u3044UI\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3002"]}),"\n"]}),"\n",(0,t.jsxs)(n.p,{children:["\u540c\u3058\u5c64\u306e\u30e2\u30b8\u30e5\u30fc\u30eb\u306f\u3001FSD\u306e\u3088\u3046\u306b\u4e0b\u306e\u5c64\u306e\u30e2\u30b8\u30e5\u30fc\u30eb\u3068\u3060\u3051\u76f8\u4e92\u4f5c\u7528\u3057\u3066\u3044\u307e\u3059\u3002\n\u3064\u307e\u308a\u3001\u5206\u5b50\uff08molecule\uff09\u306f\u539f\u5b50\uff08atom\uff09\u304b\u3089\u69cb\u7bc9\u3055\u308c\u3001\u751f\u547d\u4f53\uff08organism\uff09\u306f\u5206\u5b50\u304b\u3089\u3001\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\uff08template\uff09\u306f\u751f\u547d\u4f53\u304b\u3089\u3001\u30da\u30fc\u30b8\uff08page\uff09\u306f\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u304b\u3089\u69cb\u7bc9\u3055\u308c\u307e\u3059\u3002\n\u307e\u305f\u3001\u30a2\u30c8\u30df\u30c3\u30af\u30c7\u30b6\u30a4\u30f3\u306f\u30e2\u30b8\u30e5\u30fc\u30eb\u5185\u3067\u306e",(0,t.jsx)(n.strong,{children:"\u516c\u958bAPI"}),"\u306e\u4f7f\u7528\u3092\u524d\u63d0\u3068\u3057\u3066\u3044\u307e\u3059\u3002"]}),"\n",(0,t.jsx)(n.h3,{id:"\u30d5\u30ed\u30f3\u30c8\u30a8\u30f3\u30c9\u3067\u306e\u9069\u7528\u6027",children:"\u30d5\u30ed\u30f3\u30c8\u30a8\u30f3\u30c9\u3067\u306e\u9069\u7528\u6027"}),"\n",(0,t.jsx)(n.p,{children:"\u30a2\u30c8\u30df\u30c3\u30af\u30c7\u30b6\u30a4\u30f3\u306f\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u3067\u6bd4\u8f03\u7684\u3088\u304f\u898b\u3089\u308c\u307e\u3059\u3002\u30a2\u30c8\u30df\u30c3\u30af\u30c7\u30b6\u30a4\u30f3\u306f\u3001\u958b\u767a\u8005\u306e\u9593\u3068\u3044\u3046\u3088\u308a\u3001\u30a6\u30a7\u30d6\u30c7\u30b6\u30a4\u30ca\u30fc\u306e\u9593\u3067\u4eba\u6c17\u3067\u3059\u3002\u30a6\u30a7\u30d6\u30c7\u30b6\u30a4\u30ca\u30fc\u306f\u3001\u30b9\u30b1\u30fc\u30e9\u30d6\u30eb\u3067\u30e1\u30f3\u30c6\u30ca\u30f3\u30b9\u3057\u3084\u3059\u3044\u30c7\u30b6\u30a4\u30f3\u3092\u4f5c\u6210\u3059\u308b\u305f\u3081\u306b\u30a2\u30c8\u30df\u30c3\u30af\u30c7\u30b6\u30a4\u30f3\u3092\u3088\u304f\u4f7f\u7528\u3057\u3066\u3044\u307e\u3059\u3002\n\u958b\u767a\u3067\u306f\u3001\u30a2\u30c8\u30df\u30c3\u30af\u30c7\u30b6\u30a4\u30f3\u306f\u4ed6\u306e\u30a2\u30fc\u30ad\u30c6\u30af\u30c1\u30e3\u8a2d\u8a08\u65b9\u6cd5\u8ad6\u3068\u6df7\u5408\u3055\u308c\u308b\u3053\u3068\u304c\u3088\u304f\u3042\u308a\u307e\u3059\u3002"}),"\n",(0,t.jsx)(n.p,{children:"\u3057\u304b\u3057\u3001\u30a2\u30c8\u30df\u30c3\u30af\u30c7\u30b6\u30a4\u30f3\u306fUI\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3068\u305d\u306e\u69cb\u6210\u306b\u7126\u70b9\u3092\u5f53\u3066\u3066\u3044\u308b\u305f\u3081\u3001\n\u30a2\u30fc\u30ad\u30c6\u30af\u30c1\u30e3\u5185\u3067\u30d3\u30b8\u30cd\u30b9\u30ed\u30b8\u30c3\u30af\u3092\u5b9f\u88c5\u3059\u308b\u554f\u984c\u304c\u767a\u751f\u3057\u3066\u3057\u307e\u3044\u307e\u3059\u3002"}),"\n",(0,t.jsx)(n.p,{children:"\u554f\u984c\u306f\u3001\u30a2\u30c8\u30df\u30c3\u30af\u30c7\u30b6\u30a4\u30f3\u304c\u30d3\u30b8\u30cd\u30b9\u30ed\u30b8\u30c3\u30af\u306e\u305f\u3081\u306e\u660e\u78ba\u306a\u8cac\u4efb\u30ec\u30d9\u30eb\u3092\u63d0\u4f9b\u3057\u3066\u3044\u306a\u3044\u305f\u3081\u3001\n\u30d3\u30b8\u30cd\u30b9\u30ed\u30b8\u30c3\u30af\u304c\u3055\u307e\u3056\u307e\u306a\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3084\u30ec\u30d9\u30eb\u306b\u5206\u6563\u3055\u308c\u3001\u30e1\u30f3\u30c6\u30ca\u30f3\u30b9\u3084\u30c6\u30b9\u30c8\u304c\u8907\u96d1\u306b\u306a\u308b\u3053\u3068\u3067\u3059\u3002\n\u30d3\u30b8\u30cd\u30b9\u30ed\u30b8\u30c3\u30af\u306f\u66d6\u6627\u306b\u306a\u308a\u3001\u8cac\u4efb\u306e\u660e\u78ba\u306a\u5206\u96e2\u304c\u56f0\u96e3\u306b\u306a\u308a\u3001\u30b3\u30fc\u30c9\u304c\u30e2\u30b8\u30e5\u30fc\u30eb\u5316\u3055\u308c\u305a\u518d\u5229\u7528\u53ef\u80fd\u3067\u306a\u304f\u306a\u308a\u307e\u3059\u3002"}),"\n",(0,t.jsx)(n.h3,{id:"fsd\u3068\u306e\u7d71\u5408",children:"FSD\u3068\u306e\u7d71\u5408"}),"\n",(0,t.jsxs)(n.p,{children:["FSD\u306e\u6587\u8108\u3067\u306f\u3001\u30a2\u30c8\u30df\u30c3\u30af\u30c7\u30b6\u30a4\u30f3\u306e\u3044\u304f\u3064\u304b\u306e\u8981\u7d20\u3092\u4f7f\u7528\u3057\u3066\u67d4\u8edf\u3067\u30b9\u30b1\u30fc\u30e9\u30d6\u30eb\u306aUI\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u4f5c\u6210\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002 ",(0,t.jsx)(n.code,{children:"atoms"}),"\u3068",(0,t.jsx)(n.code,{children:"molecules"}),"\u306e\u5c64\u306f\u3001FSD\u306e",(0,t.jsx)(n.code,{children:"shared/ui"}),"\u306b\u5b9f\u88c5\u3067\u304d\u3001\u57fa\u672c\u7684\u306aUI\u8981\u7d20\u306e\u518d\u5229\u7528\u3068\u30e1\u30f3\u30c6\u30ca\u30f3\u30b9\u3092\u7c21\u7d20\u5316\u3057\u3066\u3044\u307e\u3059\u3002"]}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-sh",children:"\u251c\u2500\u2500 shared\n\u2502\xa0 \xa0\u251c\u2500\u2500 ui\xa0\n\u2502\xa0 \xa0\u2502\xa0 \xa0\u251c\u2500\u2500 atoms\n\u2502\xa0 \xa0\u2502\xa0 \xa0\u251c\u2500\u2500 molecules\n\u2502\xa0 \xa0...\n"})}),"\n",(0,t.jsx)(n.p,{children:"FSD\u3068\u30a2\u30c8\u30df\u30c3\u30af\u30c7\u30b6\u30a4\u30f3\u306e\u6bd4\u8f03\u306f\u3001\u4e21\u65b9\u306e\u8a2d\u8a08\u65b9\u6cd5\u8ad6\u304c\u30e2\u30b8\u30e5\u30fc\u30eb\u6027\u3068\u518d\u5229\u7528\u6027\u3092\u76ee\u6307\u3057\u3066\u3044\u308b\u3053\u3068\u3092\u793a\u3057\u3066\u3044\u307e\u3059\u304c\u3001\n\u7570\u306a\u308b\u5074\u9762\u306b\u7126\u70b9\u3092\u5f53\u3066\u3066\u3044\u307e\u3059\u3002\u30a2\u30c8\u30df\u30c3\u30af\u30c7\u30b6\u30a4\u30f3\u306f\u8996\u899a\u7684\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3068\u305d\u306e\u69cb\u6210\u306b\u7126\u70b9\u3092\u5f53\u3066\u3066\u3044\u307e\u3059\u3002\nFSD\u306f\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u306e\u6a5f\u80fd\u3092\u72ec\u7acb\u3057\u305f\u30e2\u30b8\u30e5\u30fc\u30eb\u306b\u5206\u5272\u3057\u3001\u305d\u308c\u3089\u306e\u76f8\u4e92\u95a2\u4fc2\u306b\u7126\u70b9\u3092\u5f53\u3066\u3066\u3044\u307e\u3059\u3002"}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsx)(n.li,{children:(0,t.jsx)(n.a,{href:"https://atomicdesign.bradfrost.com/table-of-contents/",children:"Atomic Design"})}),"\n",(0,t.jsx)(n.li,{children:(0,t.jsx)(n.a,{href:"https://youtu.be/Yi-A20x2dcA",children:"(\u52d5\u753b) Atomic Design: What is it and why is it important?"})}),"\n"]}),"\n",(0,t.jsx)(n.h2,{id:"feature-driven",children:"Feature Driven"}),"\n",(0,t.jsx)(r.Ay,{ticket:"219"}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsx)(n.li,{children:(0,t.jsx)(n.a,{href:"https://youtu.be/BWAeYuWFHhs",children:"(\u8b1b\u6f14) Feature Driven Architecture - Oleg Isonen"})}),"\n",(0,t.jsx)(n.li,{children:(0,t.jsx)(n.a,{href:"https://github.com/feature-sliced/documentation/tree/rc/feature-driven",children:"Feature Driven-Short specification (from the point of view of FSD)"})}),"\n"]})]})}function u(e={}){const{wrapper:n}={...(0,s.R)(),...e.components};return n?(0,t.jsx)(n,{...e,children:(0,t.jsx)(h,{...e})}):h(e)}},1100:(e,n,i)=>{i.d(n,{R:()=>l,x:()=>d});var t=i(758);const s={},r=t.createContext(s);function l(e){const n=t.useContext(r);return t.useMemo((function(){return"function"==typeof e?e(n):{...n,...e}}),[n,e])}function d(e){let n;return n=e.disableParentContext?"function"==typeof e.components?e.components(s):e.components||s:l(e.components),t.createElement(r.Provider,{value:n},e.children)}}}]);
\ No newline at end of file
diff --git a/ja/assets/js/179fe0e3.23e3aaf9.js b/ja/assets/js/179fe0e3.a3bb1d3d.js
similarity index 98%
rename from ja/assets/js/179fe0e3.23e3aaf9.js
rename to ja/assets/js/179fe0e3.a3bb1d3d.js
index cd8c5e50af..4ddfd22280 100644
--- a/ja/assets/js/179fe0e3.23e3aaf9.js
+++ b/ja/assets/js/179fe0e3.a3bb1d3d.js
@@ -1 +1 @@
-"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[8973],{1928:(e,t,n)=>{n.d(t,{Ay:()=>u,RM:()=>c});var i=n(6070),r=n(1100),o=(n(758),n(6783)),s=n(7765);const a=e=>{let{ticket:t}=e;const n=`https://github.com/feature-sliced/documentation/issues/${t}`;return(0,i.jsxs)("div",{children:[(0,i.jsx)("p",{children:(0,s.T)({id:"shared.wip.title"})}),(0,i.jsx)("p",{children:(0,s.T)({id:"shared.wip.subtitle"})}),(0,i.jsxs)("ul",{children:[(0,i.jsxs)("li",{children:[(0,s.T)({id:"shared.wip.var.feedback.base"}),(0,i.jsx)(o.A,{to:n,children:(0,s.T)({id:"shared.wip.var.feedback.link"})})]}),(0,i.jsxs)("li",{children:[(0,s.T)({id:"shared.wip.var.material.base"}),(0,i.jsx)(o.A,{to:"https://t.me/feature_sliced",children:(0,s.T)({id:"shared.wip.var.material.link"})})]}),(0,i.jsxs)("li",{children:[(0,s.T)({id:"shared.wip.var.contribute.base"}),(0,i.jsx)(o.A,{to:"https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md",children:(0,s.T)({id:"shared.wip.var.contribute.link"})})]})]}),(0,i.jsx)("br",{}),(0,i.jsx)("p",{children:(0,i.jsx)("i",{children:"\ud83c\udf70 Stay tuned!"})})]})},c=[];function d(e){const t={admonition:"admonition",...(0,r.R)(),...e.components};return(0,i.jsx)(t.admonition,{title:"WIP",type:"caution",children:(0,i.jsx)(a,{ticket:e.ticket})})}function u(e={}){const{wrapper:t}={...(0,r.R)(),...e.components};return t?(0,i.jsx)(t,{...e,children:(0,i.jsx)(d,{...e})}):d(e)}},258:(e,t,n)=>{n.r(t),n.d(t,{assets:()=>d,contentTitle:()=>a,default:()=>p,frontMatter:()=>s,metadata:()=>c,toc:()=>u});var i=n(6070),r=n(1100),o=n(1928);const s={sidebar_position:4,sidebar_class_name:"sidebar-item--wip"},a="\u4f1a\u793e\u3067\u306e\u63a8\u9032",c={id:"about/promote/for-company",title:"\u4f1a\u793e\u3067\u306e\u63a8\u9032",description:"",source:"@site/i18n/ja/docusaurus-plugin-content-docs/current/about/promote/for-company.mdx",sourceDirName:"about/promote",slug:"/about/promote/for-company",permalink:"/ja/docs/about/promote/for-company",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/ja/docusaurus-plugin-content-docs/current/about/promote/for-company.mdx",tags:[],version:"current",lastUpdatedAt:1727607766e3,sidebarPosition:4,frontMatter:{sidebar_position:4,sidebar_class_name:"sidebar-item--wip"},sidebar:"aboutSidebar",previous:{title:"\u30c1\u30fc\u30e0\u3067\u306e\u63a8\u9032",permalink:"/ja/docs/about/promote/for-team"}},d={},u=[...o.RM];function l(e){const t={h1:"h1",header:"header",...(0,r.R)(),...e.components};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(t.header,{children:(0,i.jsx)(t.h1,{id:"\u4f1a\u793e\u3067\u306e\u63a8\u9032",children:"\u4f1a\u793e\u3067\u306e\u63a8\u9032"})}),"\n",(0,i.jsx)(o.Ay,{ticket:"206"})]})}function p(e={}){const{wrapper:t}={...(0,r.R)(),...e.components};return t?(0,i.jsx)(t,{...e,children:(0,i.jsx)(l,{...e})}):l(e)}},1100:(e,t,n)=>{n.d(t,{R:()=>s,x:()=>a});var i=n(758);const r={},o=i.createContext(r);function s(e){const t=i.useContext(o);return i.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function a(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(r):e.components||r:s(e.components),i.createElement(o.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
+"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[8973],{1928:(e,t,n)=>{n.d(t,{Ay:()=>u,RM:()=>c});var i=n(6070),r=n(1100),o=(n(758),n(6783)),s=n(7765);const a=e=>{let{ticket:t}=e;const n=`https://github.com/feature-sliced/documentation/issues/${t}`;return(0,i.jsxs)("div",{children:[(0,i.jsx)("p",{children:(0,s.T)({id:"shared.wip.title"})}),(0,i.jsx)("p",{children:(0,s.T)({id:"shared.wip.subtitle"})}),(0,i.jsxs)("ul",{children:[(0,i.jsxs)("li",{children:[(0,s.T)({id:"shared.wip.var.feedback.base"}),(0,i.jsx)(o.A,{to:n,children:(0,s.T)({id:"shared.wip.var.feedback.link"})})]}),(0,i.jsxs)("li",{children:[(0,s.T)({id:"shared.wip.var.material.base"}),(0,i.jsx)(o.A,{to:"https://t.me/feature_sliced",children:(0,s.T)({id:"shared.wip.var.material.link"})})]}),(0,i.jsxs)("li",{children:[(0,s.T)({id:"shared.wip.var.contribute.base"}),(0,i.jsx)(o.A,{to:"https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md",children:(0,s.T)({id:"shared.wip.var.contribute.link"})})]})]}),(0,i.jsx)("br",{}),(0,i.jsx)("p",{children:(0,i.jsx)("i",{children:"\ud83c\udf70 Stay tuned!"})})]})},c=[];function d(e){const t={admonition:"admonition",...(0,r.R)(),...e.components};return(0,i.jsx)(t.admonition,{title:"WIP",type:"caution",children:(0,i.jsx)(a,{ticket:e.ticket})})}function u(e={}){const{wrapper:t}={...(0,r.R)(),...e.components};return t?(0,i.jsx)(t,{...e,children:(0,i.jsx)(d,{...e})}):d(e)}},258:(e,t,n)=>{n.r(t),n.d(t,{assets:()=>d,contentTitle:()=>a,default:()=>p,frontMatter:()=>s,metadata:()=>c,toc:()=>u});var i=n(6070),r=n(1100),o=n(1928);const s={sidebar_position:4,sidebar_class_name:"sidebar-item--wip"},a="\u4f1a\u793e\u3067\u306e\u63a8\u9032",c={id:"about/promote/for-company",title:"\u4f1a\u793e\u3067\u306e\u63a8\u9032",description:"",source:"@site/i18n/ja/docusaurus-plugin-content-docs/current/about/promote/for-company.mdx",sourceDirName:"about/promote",slug:"/about/promote/for-company",permalink:"/ja/docs/about/promote/for-company",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/ja/docusaurus-plugin-content-docs/current/about/promote/for-company.mdx",tags:[],version:"current",lastUpdatedAt:1728325386e3,sidebarPosition:4,frontMatter:{sidebar_position:4,sidebar_class_name:"sidebar-item--wip"},sidebar:"aboutSidebar",previous:{title:"\u30c1\u30fc\u30e0\u3067\u306e\u63a8\u9032",permalink:"/ja/docs/about/promote/for-team"}},d={},u=[...o.RM];function l(e){const t={h1:"h1",header:"header",...(0,r.R)(),...e.components};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(t.header,{children:(0,i.jsx)(t.h1,{id:"\u4f1a\u793e\u3067\u306e\u63a8\u9032",children:"\u4f1a\u793e\u3067\u306e\u63a8\u9032"})}),"\n",(0,i.jsx)(o.Ay,{ticket:"206"})]})}function p(e={}){const{wrapper:t}={...(0,r.R)(),...e.components};return t?(0,i.jsx)(t,{...e,children:(0,i.jsx)(l,{...e})}):l(e)}},1100:(e,t,n)=>{n.d(t,{R:()=>s,x:()=>a});var i=n(758);const r={},o=i.createContext(r);function s(e){const t=i.useContext(o);return i.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function a(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(r):e.components||r:s(e.components),i.createElement(o.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
diff --git a/ja/assets/js/1ef93b0e.a0a8141b.js b/ja/assets/js/1ef93b0e.168c9b4b.js
similarity index 98%
rename from ja/assets/js/1ef93b0e.a0a8141b.js
rename to ja/assets/js/1ef93b0e.168c9b4b.js
index 091e82ce63..f1077ac8c9 100644
--- a/ja/assets/js/1ef93b0e.a0a8141b.js
+++ b/ja/assets/js/1ef93b0e.168c9b4b.js
@@ -1 +1 @@
-"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[2900],{1928:(t,e,i)=>{i.d(e,{Ay:()=>l,RM:()=>c});var n=i(6070),r=i(1100),a=(i(758),i(6783)),o=i(7765);const s=t=>{let{ticket:e}=t;const i=`https://github.com/feature-sliced/documentation/issues/${e}`;return(0,n.jsxs)("div",{children:[(0,n.jsx)("p",{children:(0,o.T)({id:"shared.wip.title"})}),(0,n.jsx)("p",{children:(0,o.T)({id:"shared.wip.subtitle"})}),(0,n.jsxs)("ul",{children:[(0,n.jsxs)("li",{children:[(0,o.T)({id:"shared.wip.var.feedback.base"}),(0,n.jsx)(a.A,{to:i,children:(0,o.T)({id:"shared.wip.var.feedback.link"})})]}),(0,n.jsxs)("li",{children:[(0,o.T)({id:"shared.wip.var.material.base"}),(0,n.jsx)(a.A,{to:"https://t.me/feature_sliced",children:(0,o.T)({id:"shared.wip.var.material.link"})})]}),(0,n.jsxs)("li",{children:[(0,o.T)({id:"shared.wip.var.contribute.base"}),(0,n.jsx)(a.A,{to:"https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md",children:(0,o.T)({id:"shared.wip.var.contribute.link"})})]})]}),(0,n.jsx)("br",{}),(0,n.jsx)("p",{children:(0,n.jsx)("i",{children:"\ud83c\udf70 Stay tuned!"})})]})},c=[];function d(t){const e={admonition:"admonition",...(0,r.R)(),...t.components};return(0,n.jsx)(e.admonition,{title:"WIP",type:"caution",children:(0,n.jsx)(s,{ticket:t.ticket})})}function l(t={}){const{wrapper:e}={...(0,r.R)(),...t.components};return e?(0,n.jsx)(e,{...t,children:(0,n.jsx)(d,{...t})}):d(t)}},1095:(t,e,i)=>{i.r(e),i.d(e,{assets:()=>d,contentTitle:()=>s,default:()=>p,frontMatter:()=>o,metadata:()=>c,toc:()=>l});var n=i(6070),r=i(1100),a=i(1928);const o={sidebar_position:2,sidebar_class_name:"sidebar-item--wip"},s="\u90e8\u5206\u7684\u306a\u9069\u7528",c={id:"about/promote/partial-application",title:"\u90e8\u5206\u7684\u306a\u9069\u7528",description:"",source:"@site/i18n/ja/docusaurus-plugin-content-docs/current/about/promote/partial-application.mdx",sourceDirName:"about/promote",slug:"/about/promote/partial-application",permalink:"/ja/docs/about/promote/partial-application",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/ja/docusaurus-plugin-content-docs/current/about/promote/partial-application.mdx",tags:[],version:"current",lastUpdatedAt:1727607766e3,sidebarPosition:2,frontMatter:{sidebar_position:2,sidebar_class_name:"sidebar-item--wip"},sidebar:"aboutSidebar",previous:{title:"\u7d71\u5408\u306e\u5074\u9762",permalink:"/ja/docs/about/promote/integration"},next:{title:"\u30c1\u30fc\u30e0\u3067\u306e\u63a8\u9032",permalink:"/ja/docs/about/promote/for-team"}},d={},l=[...a.RM];function u(t){const e={h1:"h1",header:"header",...(0,r.R)(),...t.components};return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(e.header,{children:(0,n.jsx)(e.h1,{id:"\u90e8\u5206\u7684\u306a\u9069\u7528",children:"\u90e8\u5206\u7684\u306a\u9069\u7528"})}),"\n",(0,n.jsx)(a.Ay,{ticket:"199"})]})}function p(t={}){const{wrapper:e}={...(0,r.R)(),...t.components};return e?(0,n.jsx)(e,{...t,children:(0,n.jsx)(u,{...t})}):u(t)}},1100:(t,e,i)=>{i.d(e,{R:()=>o,x:()=>s});var n=i(758);const r={},a=n.createContext(r);function o(t){const e=n.useContext(a);return n.useMemo((function(){return"function"==typeof t?t(e):{...e,...t}}),[e,t])}function s(t){let e;return e=t.disableParentContext?"function"==typeof t.components?t.components(r):t.components||r:o(t.components),n.createElement(a.Provider,{value:e},t.children)}}}]);
\ No newline at end of file
+"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[2900],{1928:(t,e,i)=>{i.d(e,{Ay:()=>l,RM:()=>c});var n=i(6070),r=i(1100),a=(i(758),i(6783)),o=i(7765);const s=t=>{let{ticket:e}=t;const i=`https://github.com/feature-sliced/documentation/issues/${e}`;return(0,n.jsxs)("div",{children:[(0,n.jsx)("p",{children:(0,o.T)({id:"shared.wip.title"})}),(0,n.jsx)("p",{children:(0,o.T)({id:"shared.wip.subtitle"})}),(0,n.jsxs)("ul",{children:[(0,n.jsxs)("li",{children:[(0,o.T)({id:"shared.wip.var.feedback.base"}),(0,n.jsx)(a.A,{to:i,children:(0,o.T)({id:"shared.wip.var.feedback.link"})})]}),(0,n.jsxs)("li",{children:[(0,o.T)({id:"shared.wip.var.material.base"}),(0,n.jsx)(a.A,{to:"https://t.me/feature_sliced",children:(0,o.T)({id:"shared.wip.var.material.link"})})]}),(0,n.jsxs)("li",{children:[(0,o.T)({id:"shared.wip.var.contribute.base"}),(0,n.jsx)(a.A,{to:"https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md",children:(0,o.T)({id:"shared.wip.var.contribute.link"})})]})]}),(0,n.jsx)("br",{}),(0,n.jsx)("p",{children:(0,n.jsx)("i",{children:"\ud83c\udf70 Stay tuned!"})})]})},c=[];function d(t){const e={admonition:"admonition",...(0,r.R)(),...t.components};return(0,n.jsx)(e.admonition,{title:"WIP",type:"caution",children:(0,n.jsx)(s,{ticket:t.ticket})})}function l(t={}){const{wrapper:e}={...(0,r.R)(),...t.components};return e?(0,n.jsx)(e,{...t,children:(0,n.jsx)(d,{...t})}):d(t)}},1095:(t,e,i)=>{i.r(e),i.d(e,{assets:()=>d,contentTitle:()=>s,default:()=>p,frontMatter:()=>o,metadata:()=>c,toc:()=>l});var n=i(6070),r=i(1100),a=i(1928);const o={sidebar_position:2,sidebar_class_name:"sidebar-item--wip"},s="\u90e8\u5206\u7684\u306a\u9069\u7528",c={id:"about/promote/partial-application",title:"\u90e8\u5206\u7684\u306a\u9069\u7528",description:"",source:"@site/i18n/ja/docusaurus-plugin-content-docs/current/about/promote/partial-application.mdx",sourceDirName:"about/promote",slug:"/about/promote/partial-application",permalink:"/ja/docs/about/promote/partial-application",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/ja/docusaurus-plugin-content-docs/current/about/promote/partial-application.mdx",tags:[],version:"current",lastUpdatedAt:1728325386e3,sidebarPosition:2,frontMatter:{sidebar_position:2,sidebar_class_name:"sidebar-item--wip"},sidebar:"aboutSidebar",previous:{title:"\u7d71\u5408\u306e\u5074\u9762",permalink:"/ja/docs/about/promote/integration"},next:{title:"\u30c1\u30fc\u30e0\u3067\u306e\u63a8\u9032",permalink:"/ja/docs/about/promote/for-team"}},d={},l=[...a.RM];function u(t){const e={h1:"h1",header:"header",...(0,r.R)(),...t.components};return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(e.header,{children:(0,n.jsx)(e.h1,{id:"\u90e8\u5206\u7684\u306a\u9069\u7528",children:"\u90e8\u5206\u7684\u306a\u9069\u7528"})}),"\n",(0,n.jsx)(a.Ay,{ticket:"199"})]})}function p(t={}){const{wrapper:e}={...(0,r.R)(),...t.components};return e?(0,n.jsx)(e,{...t,children:(0,n.jsx)(u,{...t})}):u(t)}},1100:(t,e,i)=>{i.d(e,{R:()=>o,x:()=>s});var n=i(758);const r={},a=n.createContext(r);function o(t){const e=n.useContext(a);return n.useMemo((function(){return"function"==typeof t?t(e):{...e,...t}}),[e,t])}function s(t){let e;return e=t.disableParentContext?"function"==typeof t.components?t.components(r):t.components||r:o(t.components),n.createElement(a.Provider,{value:e},t.children)}}}]);
\ No newline at end of file
diff --git a/ja/assets/js/2b049514.af726dcb.js b/ja/assets/js/2b049514.f02ded29.js
similarity index 98%
rename from ja/assets/js/2b049514.af726dcb.js
rename to ja/assets/js/2b049514.f02ded29.js
index f7e76b26af..0d479f75e6 100644
--- a/ja/assets/js/2b049514.af726dcb.js
+++ b/ja/assets/js/2b049514.f02ded29.js
@@ -1 +1 @@
-"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[4838],{1928:(e,t,s)=>{s.d(t,{Ay:()=>l,RM:()=>c});var n=s(6070),i=s(1100),r=(s(758),s(6783)),a=s(7765);const d=e=>{let{ticket:t}=e;const s=`https://github.com/feature-sliced/documentation/issues/${t}`;return(0,n.jsxs)("div",{children:[(0,n.jsx)("p",{children:(0,a.T)({id:"shared.wip.title"})}),(0,n.jsx)("p",{children:(0,a.T)({id:"shared.wip.subtitle"})}),(0,n.jsxs)("ul",{children:[(0,n.jsxs)("li",{children:[(0,a.T)({id:"shared.wip.var.feedback.base"}),(0,n.jsx)(r.A,{to:s,children:(0,a.T)({id:"shared.wip.var.feedback.link"})})]}),(0,n.jsxs)("li",{children:[(0,a.T)({id:"shared.wip.var.material.base"}),(0,n.jsx)(r.A,{to:"https://t.me/feature_sliced",children:(0,a.T)({id:"shared.wip.var.material.link"})})]}),(0,n.jsxs)("li",{children:[(0,a.T)({id:"shared.wip.var.contribute.base"}),(0,n.jsx)(r.A,{to:"https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md",children:(0,a.T)({id:"shared.wip.var.contribute.link"})})]})]}),(0,n.jsx)("br",{}),(0,n.jsx)("p",{children:(0,n.jsx)("i",{children:"\ud83c\udf70 Stay tuned!"})})]})},c=[];function o(e){const t={admonition:"admonition",...(0,i.R)(),...e.components};return(0,n.jsx)(t.admonition,{title:"WIP",type:"caution",children:(0,n.jsx)(d,{ticket:e.ticket})})}function l(e={}){const{wrapper:t}={...(0,i.R)(),...e.components};return t?(0,n.jsx)(t,{...e,children:(0,n.jsx)(o,{...e})}):o(e)}},6140:(e,t,s)=>{s.r(t),s.d(t,{assets:()=>o,contentTitle:()=>d,default:()=>p,frontMatter:()=>a,metadata:()=>c,toc:()=>l});var n=s(6070),i=s(1100),r=s(1928);const a={sidebar_class_name:"sidebar-item--wip",unlisted:!0},d="\u30c7\u30b9\u30af\u30c8\u30c3\u30d7/\u30bf\u30c3\u30c1\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0",c={id:"guides/examples/platforms",title:"\u30c7\u30b9\u30af\u30c8\u30c3\u30d7/\u30bf\u30c3\u30c1\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0",description:"",source:"@site/i18n/ja/docusaurus-plugin-content-docs/current/guides/examples/platforms.mdx",sourceDirName:"guides/examples",slug:"/guides/examples/platforms",permalink:"/ja/docs/guides/examples/platforms",draft:!1,unlisted:!0,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/ja/docusaurus-plugin-content-docs/current/guides/examples/platforms.mdx",tags:[],version:"current",lastUpdatedAt:1727607766e3,frontMatter:{sidebar_class_name:"sidebar-item--wip",unlisted:!0},sidebar:"guidesSidebar"},o={},l=[...r.RM];function u(e){const t={h1:"h1",header:"header",...(0,i.R)(),...e.components};return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(t.header,{children:(0,n.jsx)(t.h1,{id:"\u30c7\u30b9\u30af\u30c8\u30c3\u30d7\u30bf\u30c3\u30c1\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0",children:"\u30c7\u30b9\u30af\u30c8\u30c3\u30d7/\u30bf\u30c3\u30c1\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0"})}),"\n",(0,n.jsx)(r.Ay,{ticket:"198"})]})}function p(e={}){const{wrapper:t}={...(0,i.R)(),...e.components};return t?(0,n.jsx)(t,{...e,children:(0,n.jsx)(u,{...e})}):u(e)}},1100:(e,t,s)=>{s.d(t,{R:()=>a,x:()=>d});var n=s(758);const i={},r=n.createContext(i);function a(e){const t=n.useContext(r);return n.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function d(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(i):e.components||i:a(e.components),n.createElement(r.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
+"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[4838],{1928:(e,t,s)=>{s.d(t,{Ay:()=>l,RM:()=>c});var n=s(6070),i=s(1100),r=(s(758),s(6783)),a=s(7765);const d=e=>{let{ticket:t}=e;const s=`https://github.com/feature-sliced/documentation/issues/${t}`;return(0,n.jsxs)("div",{children:[(0,n.jsx)("p",{children:(0,a.T)({id:"shared.wip.title"})}),(0,n.jsx)("p",{children:(0,a.T)({id:"shared.wip.subtitle"})}),(0,n.jsxs)("ul",{children:[(0,n.jsxs)("li",{children:[(0,a.T)({id:"shared.wip.var.feedback.base"}),(0,n.jsx)(r.A,{to:s,children:(0,a.T)({id:"shared.wip.var.feedback.link"})})]}),(0,n.jsxs)("li",{children:[(0,a.T)({id:"shared.wip.var.material.base"}),(0,n.jsx)(r.A,{to:"https://t.me/feature_sliced",children:(0,a.T)({id:"shared.wip.var.material.link"})})]}),(0,n.jsxs)("li",{children:[(0,a.T)({id:"shared.wip.var.contribute.base"}),(0,n.jsx)(r.A,{to:"https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md",children:(0,a.T)({id:"shared.wip.var.contribute.link"})})]})]}),(0,n.jsx)("br",{}),(0,n.jsx)("p",{children:(0,n.jsx)("i",{children:"\ud83c\udf70 Stay tuned!"})})]})},c=[];function o(e){const t={admonition:"admonition",...(0,i.R)(),...e.components};return(0,n.jsx)(t.admonition,{title:"WIP",type:"caution",children:(0,n.jsx)(d,{ticket:e.ticket})})}function l(e={}){const{wrapper:t}={...(0,i.R)(),...e.components};return t?(0,n.jsx)(t,{...e,children:(0,n.jsx)(o,{...e})}):o(e)}},6140:(e,t,s)=>{s.r(t),s.d(t,{assets:()=>o,contentTitle:()=>d,default:()=>p,frontMatter:()=>a,metadata:()=>c,toc:()=>l});var n=s(6070),i=s(1100),r=s(1928);const a={sidebar_class_name:"sidebar-item--wip",unlisted:!0},d="\u30c7\u30b9\u30af\u30c8\u30c3\u30d7/\u30bf\u30c3\u30c1\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0",c={id:"guides/examples/platforms",title:"\u30c7\u30b9\u30af\u30c8\u30c3\u30d7/\u30bf\u30c3\u30c1\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0",description:"",source:"@site/i18n/ja/docusaurus-plugin-content-docs/current/guides/examples/platforms.mdx",sourceDirName:"guides/examples",slug:"/guides/examples/platforms",permalink:"/ja/docs/guides/examples/platforms",draft:!1,unlisted:!0,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/ja/docusaurus-plugin-content-docs/current/guides/examples/platforms.mdx",tags:[],version:"current",lastUpdatedAt:1728325386e3,frontMatter:{sidebar_class_name:"sidebar-item--wip",unlisted:!0},sidebar:"guidesSidebar"},o={},l=[...r.RM];function u(e){const t={h1:"h1",header:"header",...(0,i.R)(),...e.components};return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(t.header,{children:(0,n.jsx)(t.h1,{id:"\u30c7\u30b9\u30af\u30c8\u30c3\u30d7\u30bf\u30c3\u30c1\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0",children:"\u30c7\u30b9\u30af\u30c8\u30c3\u30d7/\u30bf\u30c3\u30c1\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0"})}),"\n",(0,n.jsx)(r.Ay,{ticket:"198"})]})}function p(e={}){const{wrapper:t}={...(0,i.R)(),...e.components};return t?(0,n.jsx)(t,{...e,children:(0,n.jsx)(u,{...e})}):u(e)}},1100:(e,t,s)=>{s.d(t,{R:()=>a,x:()=>d});var n=s(758);const i={},r=n.createContext(i);function a(e){const t=n.useContext(r);return n.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function d(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(i):e.components||i:a(e.components),n.createElement(r.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
diff --git a/ja/assets/js/32d45827.0a305c07.js b/ja/assets/js/32d45827.c43baede.js
similarity index 99%
rename from ja/assets/js/32d45827.0a305c07.js
rename to ja/assets/js/32d45827.c43baede.js
index 913e1f15cd..47e3935d6d 100644
--- a/ja/assets/js/32d45827.0a305c07.js
+++ b/ja/assets/js/32d45827.c43baede.js
@@ -1 +1 @@
-"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[2810],{7946:(A,o,t)=>{t.d(o,{Ay:()=>C,RM:()=>U});var e=t(6070),g=t(1100),s=t(5988);const U=[];function F(A){return(0,e.jsx)(s.A,{...A})}function C(A={}){const{wrapper:o}={...(0,g.R)(),...A.components};return o?(0,e.jsx)(o,{...A,children:(0,e.jsx)(F,{...A})}):F(A)}},5672:(A,o,t)=>{t.r(o),t.d(o,{assets:()=>B,contentTitle:()=>F,default:()=>Q,frontMatter:()=>U,metadata:()=>C,toc:()=>K});var e=t(6070),g=t(1100),s=t(7946);t(6783);const U={sidebar_position:1,slug:"/",pagination_next:"get-started/index"},F="\u30c9\u30ad\u30e5\u30e1\u30f3\u30c8",C={id:"intro",title:"\u30c9\u30ad\u30e5\u30e1\u30f3\u30c8",description:"feature-sliced-banner",source:"@site/i18n/ja/docusaurus-plugin-content-docs/current/intro.mdx",sourceDirName:".",slug:"/",permalink:"/ja/docs/",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/ja/docusaurus-plugin-content-docs/current/intro.mdx",tags:[],version:"current",lastUpdatedAt:1727607766e3,sidebarPosition:1,frontMatter:{sidebar_position:1,slug:"/",pagination_next:"get-started/index"},next:{title:"\ud83d\ude80 \u30af\u30a4\u30c3\u30af\u30b9\u30bf\u30fc\u30c8",permalink:"/ja/docs/get-started/"}},B={},K=[...s.RM,...s.RM,...s.RM,...s.RM,...s.RM,...s.RM,...s.RM];function n(A){const o={h1:"h1",header:"header",img:"img",p:"p",strong:"strong",...(0,g.R)(),...A.components};return(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)(o.header,{children:(0,e.jsx)(o.h1,{id:"\u30c9\u30ad\u30e5\u30e1\u30f3\u30c8",children:"\u30c9\u30ad\u30e5\u30e1\u30f3\u30c8"})}),"\n",(0,e.jsx)(o.p,{children:(0,e.jsx)(o.img,{alt:"feature-sliced-banner",src:t(1589).A+"",width:"1400",height:"320"})}),"\n",(0,e.jsxs)(o.p,{children:[(0,e.jsx)(o.strong,{children:"Feature-Sliced Design"})," (FSD) \u3068\u306f\u3001\u30d5\u30ed\u30f3\u30c8\u30a8\u30f3\u30c9\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u306e\u8a2d\u8a08\u65b9\u6cd5\u8ad6\u3067\u3059\u3002\u7c21\u5358\u306b\u8a00\u3048\u3070\u3001\u30b3\u30fc\u30c9\u3092\u6574\u7406\u3059\u308b\u305f\u3081\u306e\u30eb\u30fc\u30eb\u3068\u898f\u7d04\u306e\u96c6\u5927\u6210\u3067\u3059\u3002FSD\u306e\u4e3b\u306a\u76ee\u7684\u306f\u3001\u30d3\u30b8\u30cd\u30b9\u8981\u4ef6\u304c\u7d76\u3048\u305a\u5909\u5316\u3059\u308b\u4e2d\u3067\u3001\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u3092\u3088\u308a\u7406\u89e3\u3057\u3084\u3059\u304f\u3001\u69cb\u9020\u5316\u3055\u308c\u305f\u3082\u306e\u306b\u3059\u308b\u3053\u3068\u3067\u3059\u3002"]}),"\n","\n",(0,e.jsx)(s.Ay,{theme:"primary",Icon:"\ud83c\udf70",title:"FSD\u306b\u521d\u3081\u3066\u89e6\u308c\u308b\u65b9\u3078",description:"\u65b9\u6cd5\u8ad6\u306e\u57fa\u672c\u3068\u7c21\u5358\u306a\u6982\u8981\u3092\u5b66\u3073\u307e\u3057\u3087\u3046",to:"/docs/get-started/overview"}),"\n",(0,e.jsx)("br",{}),"\n",(0,e.jsx)(s.Ay,{theme:"mini",title:"\ud83d\ude80 \u30af\u30a4\u30c3\u30af\u30b9\u30bf\u30fc\u30c8",description:"\u57fa\u672c\u6982\u5ff5\u3068\u69cb\u9020\u306e\u8aac\u660e\u3001React\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u306e\u8a73\u7d30\u306a\u89e3\u8aac",to:"/docs/get-started",tags:["\u57fa\u672c","\u30c1\u30e5\u30fc\u30c8\u30ea\u30a2\u30eb","\u30e2\u30c1\u30d9\u30fc\u30b7\u30e7\u30f3"]}),"\n",(0,e.jsx)(s.Ay,{theme:"mini",title:"\ud83c\udfaf \u30ac\u30a4\u30c9",description:"Feature-Sliced Design\u306e\u5b9f\u8df5\u7684\u306a\u30ac\u30a4\u30c9\u3068\u4f8b",to:"/docs/guides",tags:["v1","\u30ec\u30ac\u30b7\u30fc","\u4f8b"]}),"\n",(0,e.jsx)(s.Ay,{theme:"mini",title:"\ud83d\udcda \u53c2\u8003\u66f8",description:"\u91cd\u8981\u306a\u6982\u5ff5\u3068\u60c5\u5831",to:"/docs/reference",tags:["\u30e6\u30cb\u30c3\u30c8","\u5206\u96e2","\u516c\u958bAPI"]}),"\n",(0,e.jsx)(s.Ay,{theme:"mini",title:"\ud83c\udf70 FSD\u306b\u3064\u3044\u3066",description:"FSD\u306e\u54f2\u5b66\u3001\u76ee\u7684\u3001\u73fe\u4ee3\u306e\u30d5\u30ed\u30f3\u30c8\u30a8\u30f3\u30c9\u306b\u304a\u3051\u308b\u4f4d\u7f6e\u4ed8\u3051",to:"/docs/about",tags:["\u30df\u30c3\u30b7\u30e7\u30f3","\u30d7\u30ed\u30e2\u30fc\u30b7\u30e7\u30f3 & \u7d71\u5408"]}),"\n",(0,e.jsx)(s.Ay,{theme:"mini",title:"\ud83d\udcab \u30b3\u30df\u30e5\u30cb\u30c6\u30a3",description:"\u30b3\u30df\u30e5\u30cb\u30c6\u30a3\u304c\u63d0\u4f9b\u3059\u308b\u30ea\u30bd\u30fc\u30b9\u3068\u8ffd\u52a0\u8cc7\u6599",to:"/community",tags:["Awesome","\u30c1\u30fc\u30e0","\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u3078\u306e\u53c2\u52a0"]}),"\n",(0,e.jsx)(s.Ay,{theme:"mini",title:"\ud83d\udee0 \u5b9f\u88c5\u4f8b",description:"Feature-Sliced Design\u306b\u57fa\u3065\u3044\u3066\u8a2d\u8a08\u3055\u308c\u305f\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u4e00\u89a7",to:"/examples"})]})}function Q(A={}){const{wrapper:o}={...(0,g.R)(),...A.components};return o?(0,e.jsx)(o,{...A,children:(0,e.jsx)(n,{...A})}):n(A)}},5988:(A,o,t)=>{t.d(o,{Y:()=>F,A:()=>B});t(758);var e=t(3526),g=t(6783);const s={root:"root_GfON",rootDisabled:"rootDisabled_SFUB",details:"details_xxkR",detailsTags:"detailsTags_uTQx",icon:"icon_ciqP",title:"title_pSH5",description:"description__Fep",miniTheme:"miniTheme_ePfp",primaryTheme:"primaryTheme_CilO",defaultTheme:"defaultTheme_j3I8"};var U=t(6070);const F=A=>{const{title:o,description:t,to:F,Icon:B,tags:K,className:n,disabled:Q,theme:i="default"}=A;return(0,U.jsxs)(g.A,{className:(0,e.A)(s.root,n,Q&&s.rootDisabled,s[`${i}Theme`]),to:F,children:[(0,U.jsx)(C,{Icon:B}),(0,U.jsxs)("div",{className:s.details,children:[(0,U.jsxs)("div",{className:s.detailsMain,children:[(0,U.jsx)("span",{className:s.title,children:o}),(0,U.jsx)("p",{className:s.description,children:t})]}),K&&(0,U.jsx)("div",{className:s.detailsTags,children:K.join(" \u2022 ")})]})]})},C=A=>{let{Icon:o}=A;return o?"string"==typeof o?(0,U.jsx)("span",{className:s.icon,children:o}):(0,U.jsx)(o,{className:s.icon}):null},B=F},1589:(A,o,t)=>{t.d(o,{A:()=>e});const e="data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAoHBwkHBgoJCAkLCwoMDxkQDw4ODx4WFxIZJCAmJSMgIyIoLTkwKCo2KyIjMkQyNjs9QEBAJjBGS0U+Sjk/QD3/2wBDAQsLCw8NDx0QEB09KSMpPT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT3/wgARCAFABXgDAREAAhEBAxEB/8QAGgABAQADAQEAAAAAAAAAAAAAAAEDBAUGAv/EABkBAQEAAwEAAAAAAAAAAAAAAAABAgMEBf/aAAwDAQACEAMQAAAA8V0+cAoAAAKAAACgAAAoAoAAUAFAAUACgAAAFoAAAUAAoCgCooJQFAUAAoCgChAAAVQFgC0AAAAAAKAAAUAUAAAKAAAAAAAAAAAAAAAHx5moAKAAACgAAAoAAAKAKAAFABQAFAAoAAABaAAAFAAKAoAqKCUBQFAAKAoAoQAAFUBYAtAAAAAACgAAFAFAAACgAAAAAAAAAAAAAAPjzNQACgAAAoAAAKAAACgCgABQAUABQAKAAAAWgAABQACgKAKiglAUBQACgKAKEAABVAWALQAAAAAAoAABQBQAAAoAAAAAAAAAAAAAAY/M1UAAUAAAFAAABQAAAUAUAAKACgAKABQAAAC0AAAKAAUBQBUUEoCgKAAUBQBQgAAKoCwBaAAAAAAFAAAKAKAAAFAAAAAAAAAAAAAAY/M1CgACgAAAoAAAKAAACgCgABQAUABQAKAAAAWgAABQACgKAKiglAUBQACgKAKEAABVAWALQAAAAAAoAABQBQAAAoAAAAAAAAAAAAAY/M1AUAAUAAAFAAABQAAAUAUAAKACgAKABQAAAC0AAAKAAUBQBUUEoCgKAAUBQBQgAAKoCwBaAAAAAAFAAAKAKAAAFAAAAAAAAAAAAAY/M1ACgACgAAAoAAAKAAACgCgABQAUABQAKAAAAWgAABQACgKAKiglAUBQACgKAKEAABVAWALQAAAAAAoAABQBQAAAoAAAAAAAAAAAAY/M1AAUAAUAAAFAAABQAAAUAUAAKACgAKABQAAAC0AAAKAAUBQBUUEoCgKAAUBQBQgAAKoCwBaAAAAAAFAAAKAKAAAFAAAAAAAAAAAAY/M1AACgACgAAAoAAAKAAACgCgABQAUABQAKAAAAWgAABQACgKAKiglAUBQACgKAKEAABVAWALQAAAAAAoAABQBQAAAoAAAAAAAAAAAY/M1AAAUAAUAAAFAAABQAAAUAUAAKACgAKABQAAAC0AAAKAAUBQBUUEoCgKAAUBQBQgAAKoCwBaAAAAAAFAAAKAKAAAFAAAAAAAAAAAY/M1AAACgACgAAAoAAAKAAACgCgABQAUABQAKAAAAWgAABQACgKAKiglAUBQACgKAKEAABVAWALQAAAAAAoAABQBQAAAoAAAAAAAAAAY/M1AAAAUAAUAAAFAAABQAAAUAUAAKACgAKABQAAAC0AAAKAAUBQBUUEoCgKAAUBQBQgAAKoCwBaAAAAAAFAAAKAKAAAFAAAAAAAAAAY/M1AAAACgACgAAAoAAAKAAACgCgABQAUABQAKAAAAWgAABQACgKAKiglAUBQACgKAKEAABVAWALQAAAAAAoAABQBQAAAoAAAAAAAAAY/M1AAAAAUAAUAAAFAAABQAAAUAUAAKACgAKABQAAAy3Dcz0iWhaIoVq4bcWOQCtzLRksUVRYauGzFMslx3sueKULcMz1cdoCgKAKEAABVAWALQAAAAAAoAABQBQAAAoAAAAAAAADH5moAAAAAUAAUAAAFAAABQAAAUAUAAKACgAKABQAAHR2cvqunyIylsuUuUtjKWy3zvJ387TvAHq+ryN3PTLlLZcpbGXnuXu5uro3sub1u/xZcpbLlGXKw6/Pc/ogBQFAFCAAAqgLAFoAAAAAAUAAAoAoAAAUAAAAAAAAMfmagAAAAAKAAKAAACgAAAoAAAKAKAAFABQAFAAoAAbmeju7+CKtlsVcostW8fm6dPXt2stPf3edLYq5S0stlpeRo6tLXt2rp7+7zVsWXJbFlpfP83djmQUBQBQgAAKoCwBaAAAAAAFAAAKAKAAAFAAAAAAAAY/M1AAAAAACgACgAAAoAAAKAAACgCgABQAUABQAKAA2stXY3cS2LLYq2LLS8zRv1dezZy1dndwy0stLLSy2LzdPRq4Z57r7W3gLLVsVbFW8Xn68cyAUBQBQgAAKoCwBaAAAAAAFAAAKAKAAAFAAAAAAADH5moAAAAAACgACgAAAoAAAKAAACgCgABQAUABQAKAHT28vrevyJcpbLl5bj9Tl6ekAAdDZzew6/GlylsuUuUt1cd3jvP8AUoBvZ8/serxZcpbLlLlLZcpcpcvOcfdy9G8BQFAFCAAAqgLAFoAAAAAAUAAAoAoAAAUAAAAAABj8zUAAAAAAAKAAKAAACgAAAoAAAKAKAAFABQAFAAoDZy1dffyFlpcMz+GQlpdHTtwYZfVma4djfxy0sti45lxufqFBny19ndxRlKLLSy0st52nfq68wAoCgChAAAVQFgC0AAAAAAKAAAUAUAAAKAAAAAAGPzNQAAAAAAAFAAFAAABQAAAUAAAFAFAACgAoACgAUN7Zo9D0+fLZciy2XKWxZcuJx9Olp2Aeu7vIjJbLYywTPzfF3AU28tXo+nzJclsWWy5S0ylvG5enQ1bQAFAUAUIAACqAsAWgAAAAABQAACgCgAABQAAAAAGPzNQAAAAAAAAoAAoAAAKAAACgAAAoAoAAUAFAAUACt7Zo9B1cEuRZbLlFlq5S3icXRpadgA9D18G3s1y5S2WmXmuDrxzIbeer0fT5y2LLlLYq5S2W8bl6dHRsUAAoCgChAAAVQFgC0AAAAAAKAAAUAUAAAKAAAAAGPzNQAAAAAAAAFAAFAAABQAAAUAAAFAFAACgAoACgA2c9fW6OUsti4pl8TILZbpaNmDDIAdfo5c2eJZathzefdgxy+Zc+WHY3ca2Ktiy0stW87Rt1tWYUAAoCgChAAAVQFgC0AAAAAAKAAAUAUAAAKAAAAAx+ZqAAAAAAAAAFAAFAAABQAAAUAAAFAFAACgAoACgHS3c/qu/zZbLlLl5ng7uZz7wAtAA9X6Hm727XLlLYy+blLl57z+nm8+ze2aPXdvly2XKXKXKWxl83KXLgcPTzObaAoABQFAFCAAAqgLAFoAAAAAAUAAAoAoAAAUAAAAMfmagAAAAAAAAAKAAKAAACgAAAoAAAKAKAAFABQAFBs56+t080VbF5nPv1deYAC3Yy19bo5lolpZatirebzbNbVlnzw7G/klyKqWxZaXkcm/4gFAUAAoCgChAAAVQFgC0AAAAAAKAAAUAUAAAKAAAAx+ZqAAAAAAAAAAFAAFAAABQAAAUAAAFAFAACgAoACm3s1dnq5VsWW8jl6NTVsAAGzsw7fTxrZaZS2WxVst5fJt1NOWxnr7vTxy5RVstirZbw+Lox4qAoCgAFAUAUIAACqAsAWgAAAAABQAACgCgAABQAAAx+ZqAAAAAAAAAAAoAAoAAAKAAACgAAAoAoAAUAFAAdDdp9J3cMuUtly8/wdXP0bQABu7dXpu/hiy5S2XKW4MM/MeX1KA3Nmr0/dwS2MpbLlzdG7h8XQqKCUBQFAAKAoAoQAAFUBYAtAAAAAACgAAFAFAAACgAAMfmagAAAAAAAAAABQABQAAAUAAAFAAABQBQAAoAKAGXLHa2YBRdXXnjxoAAyWbW3WFoiq+ZdTTmFD7uO3s1qKqLjxy19eQVFBKAoCgAFAUAUIAACqAsAWgAAAAABQAACgCgAABQAAx+ZqAAAAAAAAAAAAoAAoAAAKAAACgAAAoAoAAUAFAAUACgAAAFoAAAUAAoCgCooJQFAUAAoCgChAAAVQFgC0AAAAAAKAAAUAUAAAKAAx+ZqAAAAAAAAAAAAFAAFAAABQAAAUAAAFAFAACgAoACgAUAAAAtAAACgAFAUAVFBKAoCgAFAUAUIAACqAsAWgAAAAABQAACgCgAABQAx+ZqAAAAAAAAAAAAAoAAoAAAKAAACgAAAoAoAAUAFAAUACgAAAFoAAAUAAoCgCooJQFAUAAoCgChAAAVQFgC0AAAAAAKAAAUAUAAAKAx+ZqAAAAAAAAAAAAAFAAFAAABQAAAUAAAFAFAACgAoACgAUAAAAtAAACgAFAUAVFBKAoCgAFAUAUIAACqAsAWgAAAAABQAACgCgAABQx+ZqAAAAAAAAAAAAAAoAAoAAAKAAACgAAAoAoAAUAFAAUACgAAAFoAAAUAAoCgCooJQFAUAAoCgChAAAVQFgC0AAAAAAKAAAUAUAAAKx+ZqAAAAAAAAAAAAAAFAAFAAABQAAAUAAAFAFAACgAoACgAUAAAAtAAACgAFAUAVFBKAoCgAFAUAUIAACqAsAWgAAAAABQAACgCgAADH5uoAAAAAAAAAAAAAACgACgAAAoAAAKAAACgCgABQAUABQAKAAAAWgAABQACgKAKiglAUBQACgKAKEAABVAWALQAAAAAAoAABQBQAAMfm6gAAAAAAAAAAAAAABQABQAAAUAAAFAAABQBQAAoAKAAoAFAAAALQAAAoABQFAFRQSgKAoABQFAFCAAAqgLAFoAAAAAAUAAAoAoAAx+bqAAAAAAAAAAAAAAAAoAAoAAAKAAACgAAAoAoAAUAFAAUACgAAAFoAAAUAAoCgCooJQFAUAAoCgChAAAVQFgC0AAAAAAKAAAUAUADH5uoAAAAAAAAAAAAAAAAUAAUAAAFAAABQAAAUAUAAKACgAKABQAAAC0AAAKAAUBQBUUEoCgKAAUBQBQgAAKoCwBaAAAAAAFAAAKAKAMfm6gAAAAAAAAAAAAAAAAKAAKAAACgAAAoAAAKAKAAFABQAFAAoAAABaAAAFAAKAoAqKCUBQFAAKAoAoQAAFUBYAtAAAAAACgAAFAFAx+bqAAAAAAAAAAAAAAAAAFAAFAAABQAAAUAAAFAFAACgAoACgAUAAAAtAAACgAFAUAVFBKAoCgAFAUAUIAACqAsAWgAAAAABQAACgCjH5uoAAAAAAAAAAAAAAAAACgACgAAAoAAAKAAACgCgABQAUABQAKAAAAWgAABQACgKAKiglAUBQACgKAKEAABVAWALQAAAAAAoAABQBf/EACgQAAIBBAEEAgIDAQEAAAAAAAAEAwIFFRYBERIUIBNwEDUGIbAwNP/aAAgBAQABCAD/ABKVlpW5uIoMBcTAXEwNxMDcTBXAwVwMHcDBvmEfGFpVZfjm9ILQ61DTLDgriYK4GDuBg3zCPmEfGFpVJOycggkZmpihwFxMDcTA3EwVwMFcBm2tJx8Vz/SFhlohulFcuRTMimZFMyChkFDIKGQUPPVPPVL5LRM/3R+lldWitMNEmQUMgoZBQyCh56p56pfZaJn+KoizSURXaCuTIpmRTMioZBQyChf2oJ0aKYvpC1J0PPUwyawoawoayqayqa0qa2qa2qa4qa6qXNShJv4oy2K0OvxwSawoawoayoayqa0qa2qa4qa4sa6sXROhJriKMtq1Dj8UEmsKGsqGsqmtKmtqmtqmuKmuqjMfELUsdP0bbXPAcpnNpNpNoNoNnNnNmNmNlLg55zPy/i3teE7HObSbSbQbObObMbKbKbIXB3zmOJfwgz4Tsc5tJtBtBs5sxsxspshPXzMxJL9Hfx79tQdODpwdODpwfyH9n72H9zAdODpwdODpwdODpwXHjjHMetk/cQHTg6cHTg6cHTg6cHTg6cHTgv8A/wC+jp9GW+GdhumhbE3YxN2MVdjFXUksL01XdLrjRrrRrzJrzI2pWnN8UhHJXFXxXHkHDE3YxV2MVdTF3Uxd0GLdcY15K5fRGKWZyOODE3YxN2MVdjFXUxd1MXdDGXQxl0MZcy4QTwT8Us/RlnZiUuFMs2et5nUDOoGcQM4gZtAzaJmkTNIl2Yjac74fznUDOoGcQM4gZtAcu6cqc1FHpa541rjFLLnUDOoGdQM4gZxAzaJmkTNImZSLwzE03TXD9GWdaJq4UxTYK3mDQMGgYRAwiBhUDComGRMMiXZeJZzsh9LXalGbdFLNhEDCIGFRMKiYZEYo4jZlop/FrhjZuMUUuCQMGgYNAwiBhEDComFRMMiYdIu60SrVNEP0Zb5pl26a1stdjK3Uyt1MpdCS+uxVdsuwtGwsmwMmfZG2q3Jvlk9EX34E6KIMpdDKXQyl0MnczJ3MkVallrr5kiriq7ZBKWWFuiuDK3Uyt1MpdTKXQyl0MpdDJ3MydzMlch+eeefipj6MsH7Wg7uDu4O7g68F/wD2P/Ky88YiE7uDu4O7g68HXg68F9/t/j8WX9tAd3B3cHdwd3B3cHdwdeDrwdeC/f29R9G29Tzm6YTWjWjWzWy4J+Cz8Xuir5rlEBrPBrJrZrhrhrprxrxr4+p4U/Ef4SW8tuOE1o1o1w1w10101414mo5hnkj+jrY1Qk7TNJsaxsaxsSxsKxc26HW/lj9rczSo9HNXsaxsaxsSxsKxsKxsCxn1zPrmeXLk3Q4zxJGW9ilR6OavY1jY1jYljYVjYFjYFzPrmfXGJOJWJZKfo2yx0S3KimTwVTwVTwVTwVS9RURP9sftZ6KJbpDRJ4Kp4Kp4Kp4Kp4Sp4Sw6ovQlNVT6WmimS5w0V+CqeCqeCqeCqeEqXteGJOiqP6QXYkVl4khzT5mnzMvGZeJ2JWZO+b2gnkWmplizT5mnzMvGZeMw8Zh0rujctFVFfpDNWvLTLFmnzNPmZeMy8Zh4nfYao4om/wAS3//EADMQAAEDBAAFAgMHBQEBAAAAAAEAAgMEEaLREpGSk+EQICFRcBMiMUFScbFTYoGwsjBh/9oACAEBAAk/AP8ASUt4nn8rgKnzbtU+bdqnzbtU+bdqnzbtU+bdqnzbtQZt2oM27TeF1r2uD7YeJjvwPE3ap827VPm3ap827UGbdqDNu1Bm3aZwute1wfRvE934BU+bdqnzbtU+bdqnzbtU+bdqLgaTa/ED9EXtY2x+LlVQ9YVVD1hVUPWFVQ9YVTD1hVMPWFUw9YVTD1hVMPWE9r28AF2+2eJrhxXBcP1FVUPWFUw9YVTD1hVMPWFUw9YVTF1hPa8cAF2m/wA/Rwa0E3J/Yqqh6wqqHrCqoesKph6wqmHrCmY8iQGzXX/I/REuDSCbtUs3MaUs3MaUs3MaUs3MaUk3MaUk3MaUk3MaUkvMaUkvMIuI4Qfj6Ehr73t/8BKlm5jSlm5jSkm5jSkm5jSkm5jSkm5jSkm5jSkl5jSkl5jSLiC0H73oSGvveylm5jSlm5jSkm5jSkm5jSkm5jSkm5jSkl5hSS8wr2Y8tH+D9DmcdgRa9lR5+FR5+FR5+FSZ+FSZ+FS5+FS5+FS5+FS5+Ezg+AFr39GcfBf7t7XuCFR5+FR5+FR5+FSZ+FSZ+FSZ+FSZ+FS5+FS5+Ezgs3hte/ozj4L/AHb2VHn4VHn4VJn4VJn4VJn4VJn4VJn4VLn4Tbcbi63yufod+lyAQQCAX6B7/wC7/koIIIIIL+m72/M/wUEEEAgPQIIL+mP5P0Nk+zksbOuQq8916rz3XKuPdcq491ynY93zc4lSQ8zpSRczpSRczpSRczpFpda/w9HuY4fg5psVVz9wqvPdcq491yrj3XKuPdcq491yqy5jWkuH2jjce1/BIb2de1lXHuvVee65Vx7rlXHuuVce65Vp7rlWnuuVae65Vp7rlL9o8tuDxE/C5+f0NdwsAKnwdpT4O0p8HaU+DtKfB2lPg7SmwdpTYOU2BTuJvCB7J8HaU+DtKfB2lPg7SnwdpS3c5hAHCfabMbe5/wAFT4O0p8HaU+DtKfB2lPg7SnwdpTYOU2DlNgU7iaGAfL8z9DW8TCCoM3bUGbtqDN21Bm7agzdtQ5u2oc3bUOblDmdpvC3hB9sXE917niPzKgzdtQZu2oM3bUObtqHM7Qs1ryBz9RxMde/JQZu2oM3bUGbtqDN21Bm7agzdtQ5u2ocyocym8LSwE8z9DY/tJLGzbEqhPacqE9pyoj2nKiPacoGMd8nNIUcXI7UcXI7UcXI7TIuR2g0G1vh7aUvjF7O4HH81RHtOVEe05UR7TlRHtOVGe05U0t3Ek2YUxzD8nC3ozjkF7Nte6oT2nKhPacqI9pyoj2nKiPacqI9pyoj2nKjPacqM9tyj+zfw2tYj4fQ39LkUUUV+gf8Al/d/0UUUUUfT9A/k+nzP8FFFFFFFFFFf0x/J+hr+C4Jva6q8PKq8PKqsPKqsPKfx/AG9re9/Bx3+Nr2sLqqw8qqw8qqw8qqw8qqw8qqw8qqw8qqw8qpw8p/Hdt72t6P4OP8ANVeHlVeHlVWHlVWHlVWHlVWHlVWHlVWHlOvwOLb/ADt9DgS0Aj4KOXkNqOXkNqOXkNqOXkNoOA4QPj7wS1t72/YhRy8htRy8htRy8htRy8htRyqOVRy8go5UyRBwHCB8fQEtbe9lHLyCjl5Dajl5BRy8go5eQUcqjl5DajlX4PeXDn9DmNe2x+BVND0BU0XQFTRdAVPF0BMaxvAPgB72hzTe4P7FU0PQFTRdAVPF0BU8XQFTxdAVPF0BQxghhsQ0e1oc03uD+xVND0BU8XQFTxdAVPF0BU8XQFExh4wLtbb8j9EXcLx+drqfBulPg3SnwbpT4N0ncTrWva3vdwvb+BU+DdKfBulPg3SnwbpT4N0p8G6U12uFiOEe13C9v4FT4N0p8G6U+DdKfBulPg3Sk4mg3tYD/SXf/8QAJBEAAgICAgEFAQEBAAAAAAAAAAIBEwMUERIgBBAhMnAwMbD/2gAIAQIBAQgA/wCJTETPxFbFTFTlTlTlLlLlLlLjLKzxPhCNMcxWxU5U5U5U5S4yys8SR8nRjoxWxWxWxKTHzP4hjnhjsp3U7qd1O6ndTup3U7qZ5iX+PDG0Qp2U7qd1O6ndTupnmJb4E/07QdoO0HaDsplmJX8RRe08FKlClClCmuprqa6msprKZUhG4gSO08FMFMFKlMFClClCmuprqZUhJ4gWOZ4KoKoKoKYKVKVKFKFGjiZj8ORus8l5ebBsGwbJsmybRkfu3PsrdZ5Li4vLy82DYNk2TI/eefZZ4nktLi4uLy8vNgmeZ5/DsP28c/388X2jzf6T44/t/L1H2/DUiZniK8hVkKshVlKHn/dZjWc1XNVx0lJ4kieDuxXkK8hVkKshVlGx5IiZnwXmZ+OjlbleQryFeQryFWQqyFWUyKyzw34ZiaFbmbkLkLkL0L8ZfjL8ZsYzYxmd4d+V97kLkLkLkL0HzJKzEeCTENzNqFqFqFyFyFyFyFyF6Gd4ZuY/DMSwzcTShQhQhQhRjNfGa+M18Zr4zOkI/EeGLErLEzShQhQhRjNfGNHDTHukctxNSFSFKFKFKFCFCFCFGMzpCNxH4ZjmYnmLcpblLcpblJ9Q8f7tObTm25tuZMkvPM+CO8LxFuUtyluUtyl2UlHmeSYmPiRJmJ+LMhZkLMhZkLchblLcpblLcplZmnlvwzB9/H1P3/lg+kefqvv7YvvH8vVff8Nxp3bg1TVNU1TKnRuPNF7NwaxrGqapqmoahqGmZsdbceyL2ng1zXNY1jWNU1TUGjrMx+HYnhG5nZU2kNpDaQzPDtzHljbq0TOypsqbKGyhtIbSG2htobaGfJGRuYEbq3M7CmwpsKbKmypsobSG0g88tM/h2CIl+JrQrQrQqQ9SsQ/EeWGIl4ia0K0K0K0KkKkMmNISZ8cUcvBWpWpWpWhWh6lFVPj8QVpWeYvyGxkNjIbGQZ5eeW8laVnmL8hfkL8hsZDYyGxkJz5JjifBZlZ5i9y/IX5C/IX5BsrvHDf8S3//xAAdEQEBAAICAwEAAAAAAAAAAAABAAIgMHAQgLAR/9oACAECAQk/APiVERERERuRERHAdJszMzMzuzMzOjMzPqERERERGhEREREaEREREen7M2U6OjMzMzszMzMzZT0czMzMzOrMzM7MzMzMz0eRERERG5ERGpEREREdHljY2MRERsWNjY2NjDoRERY2NjYx+enrMzwszMzM2U+WZmZmekSI4zwRERxEdIERHCREREbERER0kzM8LMzMzszMzPxLv//EACYRAAICAgEEAgIDAQAAAAAAAAACAQMTFBEEEBIgM3AxMhUhMLD/2gAIAQMBAQgA/wCJS9i1x5Nu0G5SbdJt0m1UbVRs1GzUbFYrw0cx6P1NaT4tt0m3SbVRs1GzUbFYjw8cqO6ovk27QbtBuUm3SbdIlyWTwv0h1iy1UxGCwwWGGww2GFzE5FTmJyKnOniYTifTqana2ZjDYYbDC5FTmJyKnOmiYTiTqllqWiMFpgsIosMNhhsOjrZXmZ+kOotmpPKN+w3rDesN1zcc3HNtzac2XKnl15kvsmuuXjfsN+w3rDdc3HNxzbc2nNpyl5deZL7Jrrlo37DfsN6w3rDdc3HNtzbcSeVifo6+rKniaBoGiaRpGmaZqGqVp4Rx2uryJKH8eaBomiaRpmmahqlaeEcdrq8iSh/HmgaBomkaRpmoLHjER9HdZ8U9o79J8fv1fwyQR61fvHr1fwsQR/h036/RtzKqcvnoM9BnoM1IvU1x+NpDZU2FM6iNDRzBMQ0cThrM9BnoM1JmpMtItlczER6WsqpMtsdOZ6DPQZ6DNSZqTNSZajLUVsrRyv0Z1CS9fiuraatprWGtYa9hgsMDmFzC5UsqvE99W01rTWsNew17BKXhomfS9JeuVXUtNW01bTWsNaw17DA5gcwuUrKrxP0Z1Dyicrs2mzabFhsWGewzuZnMzmVyuZleZ9LrnV5iNiwz2GewzOZnF/Ed72lK5mNq02bTZtNiwz2GewzOZnMzlTS0cz9GWqrLw2CkwUmGkw1EdOk/jXUwKYFMKir4xx62VVs0y2Gow1GKoxVmOshliOCJ57WKrJMNgoMFJgpMNJhqMVRirMdZjrEiIj+vozqvjkiDgiO3T/p/lf8AJPaIIjtEdqv17dR8UkQcER2iCIIgiO1X6/Rtr+C+Rtm0bJslb+cc+9j+CyxuG2bRsmwZzOZjKK3MdrH8FljbNs2jZNg2DOZiJ5j6OtSXXiNVjWY1mNditZVeJ9rUl0lY1HNVjWY12MDGBjDJikxSJHEdrUl0lY1HNVjWY1mNdjAxhYwyRHEfR18zCf1kc83IdjzYpmZX3umYSeMjmRyHY82PNiGYRp59bpmEnjI5kch2PNiHYpmZn6RZYaOJwVmFDChiQhYX+o9mWGjicFZgrMKGFDEhjUhFj1ZYaOJwVmCswoYUMSCoq/j/AIlv/8QAIxEBAQEAAgEDBQEBAAAAAAAAAQACIKFwETCxECExgLBBkf/aAAgBAwEJPwD+JT+LXTa+Z+ZmZmeT95+ZmZn6/i102um18z8zPhEstlstlssMRHIstlhhiOGWy2Wy2WP88JBBBBBERxCCCCCIjiEEEEEER4PfS11atWrVqZnhrq1atWrVqZ4a6tdWrVq1an9Pj1LHRZ6LPRZ6I9jJ/wAs9Fnos9Fnos9WeJ6ljosdFnos9Fnos9WerNmPBxEREREcSIiI5ERERER4PZmZmZnkzMzPFmZmZmfBz6Frstdlru1PtP3tWrUzP1fQtdlrstd2rVqZn9PsxEezmIiIiI4ZsxEREeEH3H3GfCzMz7LMzM82ZmfCZER7JEREcyIiP4l//9k="},1100:(A,o,t)=>{t.d(o,{R:()=>U,x:()=>F});var e=t(758);const g={},s=e.createContext(g);function U(A){const o=e.useContext(s);return e.useMemo((function(){return"function"==typeof A?A(o):{...o,...A}}),[o,A])}function F(A){let o;return o=A.disableParentContext?"function"==typeof A.components?A.components(g):A.components||g:U(A.components),e.createElement(s.Provider,{value:o},A.children)}}}]);
\ No newline at end of file
+"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[2810],{7946:(A,o,t)=>{t.d(o,{Ay:()=>C,RM:()=>U});var e=t(6070),g=t(1100),s=t(5988);const U=[];function F(A){return(0,e.jsx)(s.A,{...A})}function C(A={}){const{wrapper:o}={...(0,g.R)(),...A.components};return o?(0,e.jsx)(o,{...A,children:(0,e.jsx)(F,{...A})}):F(A)}},5672:(A,o,t)=>{t.r(o),t.d(o,{assets:()=>B,contentTitle:()=>F,default:()=>Q,frontMatter:()=>U,metadata:()=>C,toc:()=>K});var e=t(6070),g=t(1100),s=t(7946);t(6783);const U={sidebar_position:1,slug:"/",pagination_next:"get-started/index"},F="\u30c9\u30ad\u30e5\u30e1\u30f3\u30c8",C={id:"intro",title:"\u30c9\u30ad\u30e5\u30e1\u30f3\u30c8",description:"feature-sliced-banner",source:"@site/i18n/ja/docusaurus-plugin-content-docs/current/intro.mdx",sourceDirName:".",slug:"/",permalink:"/ja/docs/",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/ja/docusaurus-plugin-content-docs/current/intro.mdx",tags:[],version:"current",lastUpdatedAt:1728325386e3,sidebarPosition:1,frontMatter:{sidebar_position:1,slug:"/",pagination_next:"get-started/index"},next:{title:"\ud83d\ude80 \u30af\u30a4\u30c3\u30af\u30b9\u30bf\u30fc\u30c8",permalink:"/ja/docs/get-started/"}},B={},K=[...s.RM,...s.RM,...s.RM,...s.RM,...s.RM,...s.RM,...s.RM];function n(A){const o={h1:"h1",header:"header",img:"img",p:"p",strong:"strong",...(0,g.R)(),...A.components};return(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)(o.header,{children:(0,e.jsx)(o.h1,{id:"\u30c9\u30ad\u30e5\u30e1\u30f3\u30c8",children:"\u30c9\u30ad\u30e5\u30e1\u30f3\u30c8"})}),"\n",(0,e.jsx)(o.p,{children:(0,e.jsx)(o.img,{alt:"feature-sliced-banner",src:t(1589).A+"",width:"1400",height:"320"})}),"\n",(0,e.jsxs)(o.p,{children:[(0,e.jsx)(o.strong,{children:"Feature-Sliced Design"})," (FSD) \u3068\u306f\u3001\u30d5\u30ed\u30f3\u30c8\u30a8\u30f3\u30c9\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u306e\u8a2d\u8a08\u65b9\u6cd5\u8ad6\u3067\u3059\u3002\u7c21\u5358\u306b\u8a00\u3048\u3070\u3001\u30b3\u30fc\u30c9\u3092\u6574\u7406\u3059\u308b\u305f\u3081\u306e\u30eb\u30fc\u30eb\u3068\u898f\u7d04\u306e\u96c6\u5927\u6210\u3067\u3059\u3002FSD\u306e\u4e3b\u306a\u76ee\u7684\u306f\u3001\u30d3\u30b8\u30cd\u30b9\u8981\u4ef6\u304c\u7d76\u3048\u305a\u5909\u5316\u3059\u308b\u4e2d\u3067\u3001\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u3092\u3088\u308a\u7406\u89e3\u3057\u3084\u3059\u304f\u3001\u69cb\u9020\u5316\u3055\u308c\u305f\u3082\u306e\u306b\u3059\u308b\u3053\u3068\u3067\u3059\u3002"]}),"\n","\n",(0,e.jsx)(s.Ay,{theme:"primary",Icon:"\ud83c\udf70",title:"FSD\u306b\u521d\u3081\u3066\u89e6\u308c\u308b\u65b9\u3078",description:"\u65b9\u6cd5\u8ad6\u306e\u57fa\u672c\u3068\u7c21\u5358\u306a\u6982\u8981\u3092\u5b66\u3073\u307e\u3057\u3087\u3046",to:"/docs/get-started/overview"}),"\n",(0,e.jsx)("br",{}),"\n",(0,e.jsx)(s.Ay,{theme:"mini",title:"\ud83d\ude80 \u30af\u30a4\u30c3\u30af\u30b9\u30bf\u30fc\u30c8",description:"\u57fa\u672c\u6982\u5ff5\u3068\u69cb\u9020\u306e\u8aac\u660e\u3001React\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u306e\u8a73\u7d30\u306a\u89e3\u8aac",to:"/docs/get-started",tags:["\u57fa\u672c","\u30c1\u30e5\u30fc\u30c8\u30ea\u30a2\u30eb","\u30e2\u30c1\u30d9\u30fc\u30b7\u30e7\u30f3"]}),"\n",(0,e.jsx)(s.Ay,{theme:"mini",title:"\ud83c\udfaf \u30ac\u30a4\u30c9",description:"Feature-Sliced Design\u306e\u5b9f\u8df5\u7684\u306a\u30ac\u30a4\u30c9\u3068\u4f8b",to:"/docs/guides",tags:["v1","\u30ec\u30ac\u30b7\u30fc","\u4f8b"]}),"\n",(0,e.jsx)(s.Ay,{theme:"mini",title:"\ud83d\udcda \u53c2\u8003\u66f8",description:"\u91cd\u8981\u306a\u6982\u5ff5\u3068\u60c5\u5831",to:"/docs/reference",tags:["\u30e6\u30cb\u30c3\u30c8","\u5206\u96e2","\u516c\u958bAPI"]}),"\n",(0,e.jsx)(s.Ay,{theme:"mini",title:"\ud83c\udf70 FSD\u306b\u3064\u3044\u3066",description:"FSD\u306e\u54f2\u5b66\u3001\u76ee\u7684\u3001\u73fe\u4ee3\u306e\u30d5\u30ed\u30f3\u30c8\u30a8\u30f3\u30c9\u306b\u304a\u3051\u308b\u4f4d\u7f6e\u4ed8\u3051",to:"/docs/about",tags:["\u30df\u30c3\u30b7\u30e7\u30f3","\u30d7\u30ed\u30e2\u30fc\u30b7\u30e7\u30f3 & \u7d71\u5408"]}),"\n",(0,e.jsx)(s.Ay,{theme:"mini",title:"\ud83d\udcab \u30b3\u30df\u30e5\u30cb\u30c6\u30a3",description:"\u30b3\u30df\u30e5\u30cb\u30c6\u30a3\u304c\u63d0\u4f9b\u3059\u308b\u30ea\u30bd\u30fc\u30b9\u3068\u8ffd\u52a0\u8cc7\u6599",to:"/community",tags:["Awesome","\u30c1\u30fc\u30e0","\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u3078\u306e\u53c2\u52a0"]}),"\n",(0,e.jsx)(s.Ay,{theme:"mini",title:"\ud83d\udee0 \u5b9f\u88c5\u4f8b",description:"Feature-Sliced Design\u306b\u57fa\u3065\u3044\u3066\u8a2d\u8a08\u3055\u308c\u305f\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u4e00\u89a7",to:"/examples"})]})}function Q(A={}){const{wrapper:o}={...(0,g.R)(),...A.components};return o?(0,e.jsx)(o,{...A,children:(0,e.jsx)(n,{...A})}):n(A)}},5988:(A,o,t)=>{t.d(o,{Y:()=>F,A:()=>B});t(758);var e=t(3526),g=t(6783);const s={root:"root_GfON",rootDisabled:"rootDisabled_SFUB",details:"details_xxkR",detailsTags:"detailsTags_uTQx",icon:"icon_ciqP",title:"title_pSH5",description:"description__Fep",miniTheme:"miniTheme_ePfp",primaryTheme:"primaryTheme_CilO",defaultTheme:"defaultTheme_j3I8"};var U=t(6070);const F=A=>{const{title:o,description:t,to:F,Icon:B,tags:K,className:n,disabled:Q,theme:i="default"}=A;return(0,U.jsxs)(g.A,{className:(0,e.A)(s.root,n,Q&&s.rootDisabled,s[`${i}Theme`]),to:F,children:[(0,U.jsx)(C,{Icon:B}),(0,U.jsxs)("div",{className:s.details,children:[(0,U.jsxs)("div",{className:s.detailsMain,children:[(0,U.jsx)("span",{className:s.title,children:o}),(0,U.jsx)("p",{className:s.description,children:t})]}),K&&(0,U.jsx)("div",{className:s.detailsTags,children:K.join(" \u2022 ")})]})]})},C=A=>{let{Icon:o}=A;return o?"string"==typeof o?(0,U.jsx)("span",{className:s.icon,children:o}):(0,U.jsx)(o,{className:s.icon}):null},B=F},1589:(A,o,t)=>{t.d(o,{A:()=>e});const e="data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAoHBwkHBgoJCAkLCwoMDxkQDw4ODx4WFxIZJCAmJSMgIyIoLTkwKCo2KyIjMkQyNjs9QEBAJjBGS0U+Sjk/QD3/2wBDAQsLCw8NDx0QEB09KSMpPT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT3/wgARCAFABXgDAREAAhEBAxEB/8QAGgABAQADAQEAAAAAAAAAAAAAAAEDBAUGAv/EABkBAQEAAwEAAAAAAAAAAAAAAAABAgMEBf/aAAwDAQACEAMQAAAA8V0+cAoAAAKAAACgAAAoAoAAUAFAAUACgAAAFoAAAUAAoCgCooJQFAUAAoCgChAAAVQFgC0AAAAAAKAAAUAUAAAKAAAAAAAAAAAAAAAHx5moAKAAACgAAAoAAAKAKAAFABQAFAAoAAABaAAAFAAKAoAqKCUBQFAAKAoAoQAAFUBYAtAAAAAACgAAFAFAAACgAAAAAAAAAAAAAAPjzNQACgAAAoAAAKAAACgCgABQAUABQAKAAAAWgAABQACgKAKiglAUBQACgKAKEAABVAWALQAAAAAAoAABQBQAAAoAAAAAAAAAAAAAAY/M1UAAUAAAFAAABQAAAUAUAAKACgAKABQAAAC0AAAKAAUBQBUUEoCgKAAUBQBQgAAKoCwBaAAAAAAFAAAKAKAAAFAAAAAAAAAAAAAAY/M1CgACgAAAoAAAKAAACgCgABQAUABQAKAAAAWgAABQACgKAKiglAUBQACgKAKEAABVAWALQAAAAAAoAABQBQAAAoAAAAAAAAAAAAAY/M1AUAAUAAAFAAABQAAAUAUAAKACgAKABQAAAC0AAAKAAUBQBUUEoCgKAAUBQBQgAAKoCwBaAAAAAAFAAAKAKAAAFAAAAAAAAAAAAAY/M1ACgACgAAAoAAAKAAACgCgABQAUABQAKAAAAWgAABQACgKAKiglAUBQACgKAKEAABVAWALQAAAAAAoAABQBQAAAoAAAAAAAAAAAAY/M1AAUAAUAAAFAAABQAAAUAUAAKACgAKABQAAAC0AAAKAAUBQBUUEoCgKAAUBQBQgAAKoCwBaAAAAAAFAAAKAKAAAFAAAAAAAAAAAAY/M1AACgACgAAAoAAAKAAACgCgABQAUABQAKAAAAWgAABQACgKAKiglAUBQACgKAKEAABVAWALQAAAAAAoAABQBQAAAoAAAAAAAAAAAY/M1AAAUAAUAAAFAAABQAAAUAUAAKACgAKABQAAAC0AAAKAAUBQBUUEoCgKAAUBQBQgAAKoCwBaAAAAAAFAAAKAKAAAFAAAAAAAAAAAY/M1AAACgACgAAAoAAAKAAACgCgABQAUABQAKAAAAWgAABQACgKAKiglAUBQACgKAKEAABVAWALQAAAAAAoAABQBQAAAoAAAAAAAAAAY/M1AAAAUAAUAAAFAAABQAAAUAUAAKACgAKABQAAAC0AAAKAAUBQBUUEoCgKAAUBQBQgAAKoCwBaAAAAAAFAAAKAKAAAFAAAAAAAAAAY/M1AAAACgACgAAAoAAAKAAACgCgABQAUABQAKAAAAWgAABQACgKAKiglAUBQACgKAKEAABVAWALQAAAAAAoAABQBQAAAoAAAAAAAAAY/M1AAAAAUAAUAAAFAAABQAAAUAUAAKACgAKABQAAAy3Dcz0iWhaIoVq4bcWOQCtzLRksUVRYauGzFMslx3sueKULcMz1cdoCgKAKEAABVAWALQAAAAAAoAABQBQAAAoAAAAAAAADH5moAAAAAUAAUAAAFAAABQAAAUAUAAKACgAKABQAAHR2cvqunyIylsuUuUtjKWy3zvJ387TvAHq+ryN3PTLlLZcpbGXnuXu5uro3sub1u/xZcpbLlGXKw6/Pc/ogBQFAFCAAAqgLAFoAAAAAAUAAAoAoAAAUAAAAAAAAMfmagAAAAAKAAKAAACgAAAoAAAKAKAAFABQAFAAoAAbmeju7+CKtlsVcostW8fm6dPXt2stPf3edLYq5S0stlpeRo6tLXt2rp7+7zVsWXJbFlpfP83djmQUBQBQgAAKoCwBaAAAAAAFAAAKAKAAAFAAAAAAAAY/M1AAAAAACgACgAAAoAAAKAAACgCgABQAUABQAKAA2stXY3cS2LLYq2LLS8zRv1dezZy1dndwy0stLLSy2LzdPRq4Z57r7W3gLLVsVbFW8Xn68cyAUBQBQgAAKoCwBaAAAAAAFAAAKAKAAAFAAAAAAADH5moAAAAAACgACgAAAoAAAKAAACgCgABQAUABQAKAHT28vrevyJcpbLl5bj9Tl6ekAAdDZzew6/GlylsuUuUt1cd3jvP8AUoBvZ8/serxZcpbLlLlLZcpcpcvOcfdy9G8BQFAFCAAAqgLAFoAAAAAAUAAAoAoAAAUAAAAAABj8zUAAAAAAAKAAKAAACgAAAoAAAKAKAAFABQAFAAoDZy1dffyFlpcMz+GQlpdHTtwYZfVma4djfxy0sti45lxufqFBny19ndxRlKLLSy0st52nfq68wAoCgChAAAVQFgC0AAAAAAKAAAUAUAAAKAAAAAAGPzNQAAAAAAAFAAFAAABQAAAUAAAFAFAACgAoACgAUN7Zo9D0+fLZciy2XKWxZcuJx9Olp2Aeu7vIjJbLYywTPzfF3AU28tXo+nzJclsWWy5S0ylvG5enQ1bQAFAUAUIAACqAsAWgAAAAABQAACgCgAABQAAAAAGPzNQAAAAAAAAoAAoAAAKAAACgAAAoAoAAUAFAAUACt7Zo9B1cEuRZbLlFlq5S3icXRpadgA9D18G3s1y5S2WmXmuDrxzIbeer0fT5y2LLlLYq5S2W8bl6dHRsUAAoCgChAAAVQFgC0AAAAAAKAAAUAUAAAKAAAAAGPzNQAAAAAAAAFAAFAAABQAAAUAAAFAFAACgAoACgA2c9fW6OUsti4pl8TILZbpaNmDDIAdfo5c2eJZathzefdgxy+Zc+WHY3ca2Ktiy0stW87Rt1tWYUAAoCgChAAAVQFgC0AAAAAAKAAAUAUAAAKAAAAAx+ZqAAAAAAAAAFAAFAAABQAAAUAAAFAFAACgAoACgHS3c/qu/zZbLlLl5ng7uZz7wAtAA9X6Hm727XLlLYy+blLl57z+nm8+ze2aPXdvly2XKXKXKWxl83KXLgcPTzObaAoABQFAFCAAAqgLAFoAAAAAAUAAAoAoAAAUAAAAMfmagAAAAAAAAAKAAKAAACgAAAoAAAKAKAAFABQAFBs56+t080VbF5nPv1deYAC3Yy19bo5lolpZatirebzbNbVlnzw7G/klyKqWxZaXkcm/4gFAUAAoCgChAAAVQFgC0AAAAAAKAAAUAUAAAKAAAAx+ZqAAAAAAAAAAFAAFAAABQAAAUAAAFAFAACgAoACm3s1dnq5VsWW8jl6NTVsAAGzsw7fTxrZaZS2WxVst5fJt1NOWxnr7vTxy5RVstirZbw+Lox4qAoCgAFAUAUIAACqAsAWgAAAAABQAACgCgAABQAAAx+ZqAAAAAAAAAAAoAAoAAAKAAACgAAAoAoAAUAFAAdDdp9J3cMuUtly8/wdXP0bQABu7dXpu/hiy5S2XKW4MM/MeX1KA3Nmr0/dwS2MpbLlzdG7h8XQqKCUBQFAAKAoAoQAAFUBYAtAAAAAACgAAFAFAAACgAAMfmagAAAAAAAAAABQABQAAAUAAAFAAABQBQAAoAKAGXLHa2YBRdXXnjxoAAyWbW3WFoiq+ZdTTmFD7uO3s1qKqLjxy19eQVFBKAoCgAFAUAUIAACqAsAWgAAAAABQAACgCgAABQAAx+ZqAAAAAAAAAAAAoAAoAAAKAAACgAAAoAoAAUAFAAUACgAAAFoAAAUAAoCgCooJQFAUAAoCgChAAAVQFgC0AAAAAAKAAAUAUAAAKAAx+ZqAAAAAAAAAAAAFAAFAAABQAAAUAAAFAFAACgAoACgAUAAAAtAAACgAFAUAVFBKAoCgAFAUAUIAACqAsAWgAAAAABQAACgCgAABQAx+ZqAAAAAAAAAAAAAoAAoAAAKAAACgAAAoAoAAUAFAAUACgAAAFoAAAUAAoCgCooJQFAUAAoCgChAAAVQFgC0AAAAAAKAAAUAUAAAKAx+ZqAAAAAAAAAAAAAFAAFAAABQAAAUAAAFAFAACgAoACgAUAAAAtAAACgAFAUAVFBKAoCgAFAUAUIAACqAsAWgAAAAABQAACgCgAABQx+ZqAAAAAAAAAAAAAAoAAoAAAKAAACgAAAoAoAAUAFAAUACgAAAFoAAAUAAoCgCooJQFAUAAoCgChAAAVQFgC0AAAAAAKAAAUAUAAAKx+ZqAAAAAAAAAAAAAAFAAFAAABQAAAUAAAFAFAACgAoACgAUAAAAtAAACgAFAUAVFBKAoCgAFAUAUIAACqAsAWgAAAAABQAACgCgAADH5uoAAAAAAAAAAAAAACgACgAAAoAAAKAAACgCgABQAUABQAKAAAAWgAABQACgKAKiglAUBQACgKAKEAABVAWALQAAAAAAoAABQBQAAMfm6gAAAAAAAAAAAAAABQABQAAAUAAAFAAABQBQAAoAKAAoAFAAAALQAAAoABQFAFRQSgKAoABQFAFCAAAqgLAFoAAAAAAUAAAoAoAAx+bqAAAAAAAAAAAAAAAAoAAoAAAKAAACgAAAoAoAAUAFAAUACgAAAFoAAAUAAoCgCooJQFAUAAoCgChAAAVQFgC0AAAAAAKAAAUAUADH5uoAAAAAAAAAAAAAAAAUAAUAAAFAAABQAAAUAUAAKACgAKABQAAAC0AAAKAAUBQBUUEoCgKAAUBQBQgAAKoCwBaAAAAAAFAAAKAKAMfm6gAAAAAAAAAAAAAAAAKAAKAAACgAAAoAAAKAKAAFABQAFAAoAAABaAAAFAAKAoAqKCUBQFAAKAoAoQAAFUBYAtAAAAAACgAAFAFAx+bqAAAAAAAAAAAAAAAAAFAAFAAABQAAAUAAAFAFAACgAoACgAUAAAAtAAACgAFAUAVFBKAoCgAFAUAUIAACqAsAWgAAAAABQAACgCjH5uoAAAAAAAAAAAAAAAAACgACgAAAoAAAKAAACgCgABQAUABQAKAAAAWgAABQACgKAKiglAUBQACgKAKEAABVAWALQAAAAAAoAABQBf/EACgQAAIBBAEEAgIDAQEAAAAAAAAEAwIFFRYBERIUIBNwEDUGIbAwNP/aAAgBAQABCAD/ABKVlpW5uIoMBcTAXEwNxMDcTBXAwVwMHcDBvmEfGFpVZfjm9ILQ61DTLDgriYK4GDuBg3zCPmEfGFpVJOycggkZmpihwFxMDcTA3EwVwMFcBm2tJx8Vz/SFhlohulFcuRTMimZFMyChkFDIKGQUPPVPPVL5LRM/3R+lldWitMNEmQUMgoZBQyCh56p56pfZaJn+KoizSURXaCuTIpmRTMioZBQyChf2oJ0aKYvpC1J0PPUwyawoawoayqayqa0qa2qa2qa4qa6qXNShJv4oy2K0OvxwSawoawoayoayqa0qa2qa4qa4sa6sXROhJriKMtq1Dj8UEmsKGsqGsqmtKmtqmtqmuKmuqjMfELUsdP0bbXPAcpnNpNpNoNoNnNnNmNmNlLg55zPy/i3teE7HObSbSbQbObObMbKbKbIXB3zmOJfwgz4Tsc5tJtBtBs5sxsxspshPXzMxJL9Hfx79tQdODpwdODpwfyH9n72H9zAdODpwdODpwdODpwXHjjHMetk/cQHTg6cHTg6cHTg6cHTg6cHTgv8A/wC+jp9GW+GdhumhbE3YxN2MVdjFXUksL01XdLrjRrrRrzJrzI2pWnN8UhHJXFXxXHkHDE3YxV2MVdTF3Uxd0GLdcY15K5fRGKWZyOODE3YxN2MVdjFXUxd1MXdDGXQxl0MZcy4QTwT8Us/RlnZiUuFMs2et5nUDOoGcQM4gZtAzaJmkTNIl2Yjac74fznUDOoGcQM4gZtAcu6cqc1FHpa541rjFLLnUDOoGdQM4gZxAzaJmkTNImZSLwzE03TXD9GWdaJq4UxTYK3mDQMGgYRAwiBhUDComGRMMiXZeJZzsh9LXalGbdFLNhEDCIGFRMKiYZEYo4jZlop/FrhjZuMUUuCQMGgYNAwiBhEDComFRMMiYdIu60SrVNEP0Zb5pl26a1stdjK3Uyt1MpdCS+uxVdsuwtGwsmwMmfZG2q3Jvlk9EX34E6KIMpdDKXQyl0MnczJ3MkVallrr5kiriq7ZBKWWFuiuDK3Uyt1MpdTKXQyl0MpdDJ3MydzMlch+eeefipj6MsH7Wg7uDu4O7g68F/wD2P/Ky88YiE7uDu4O7g68HXg68F9/t/j8WX9tAd3B3cHdwd3B3cHdwdeDrwdeC/f29R9G29Tzm6YTWjWjWzWy4J+Cz8Xuir5rlEBrPBrJrZrhrhrprxrxr4+p4U/Ef4SW8tuOE1o1o1w1w10101414mo5hnkj+jrY1Qk7TNJsaxsaxsSxsKxc26HW/lj9rczSo9HNXsaxsaxsSxsKxsKxsCxn1zPrmeXLk3Q4zxJGW9ilR6OavY1jY1jYljYVjYFjYFzPrmfXGJOJWJZKfo2yx0S3KimTwVTwVTwVTwVS9RURP9sftZ6KJbpDRJ4Kp4Kp4Kp4Kp4Sp4Sw6ovQlNVT6WmimS5w0V+CqeCqeCqeCqeEqXteGJOiqP6QXYkVl4khzT5mnzMvGZeJ2JWZO+b2gnkWmplizT5mnzMvGZeMw8Zh0rujctFVFfpDNWvLTLFmnzNPmZeMy8Zh4nfYao4om/wAS3//EADMQAAEDBAAFAgMHBQEBAAAAAAEAAgMEEaLREpGSk+EQICFRcBMiMUFScbFTYoGwsjBh/9oACAEBAAk/AP8ASUt4nn8rgKnzbtU+bdqnzbtU+bdqnzbtU+bdqnzbtQZt2oM27TeF1r2uD7YeJjvwPE3ap827VPm3ap827UGbdqDNu1Bm3aZwute1wfRvE934BU+bdqnzbtU+bdqnzbtU+bdqLgaTa/ED9EXtY2x+LlVQ9YVVD1hVUPWFVQ9YVTD1hVMPWFUw9YVTD1hVMPWE9r28AF2+2eJrhxXBcP1FVUPWFUw9YVTD1hVMPWFUw9YVTF1hPa8cAF2m/wA/Rwa0E3J/Yqqh6wqqHrCqoesKph6wqmHrCmY8iQGzXX/I/REuDSCbtUs3MaUs3MaUs3MaUs3MaUk3MaUk3MaUk3MaUkvMaUkvMIuI4Qfj6Ehr73t/8BKlm5jSlm5jSkm5jSkm5jSkm5jSkm5jSkm5jSkl5jSkl5jSLiC0H73oSGvveylm5jSlm5jSkm5jSkm5jSkm5jSkm5jSkl5hSS8wr2Y8tH+D9DmcdgRa9lR5+FR5+FR5+FSZ+FSZ+FS5+FS5+FS5+FS5+Ezg+AFr39GcfBf7t7XuCFR5+FR5+FR5+FSZ+FSZ+FSZ+FSZ+FS5+FS5+Ezgs3hte/ozj4L/AHb2VHn4VHn4VJn4VJn4VJn4VJn4VJn4VLn4Tbcbi63yufod+lyAQQCAX6B7/wC7/koIIIIIL+m72/M/wUEEEAgPQIIL+mP5P0Nk+zksbOuQq8916rz3XKuPdcq491ynY93zc4lSQ8zpSRczpSRczpSRczpFpda/w9HuY4fg5psVVz9wqvPdcq491yrj3XKuPdcq491yqy5jWkuH2jjce1/BIb2de1lXHuvVee65Vx7rlXHuuVce65Vp7rlWnuuVae65Vp7rlL9o8tuDxE/C5+f0NdwsAKnwdpT4O0p8HaU+DtKfB2lPg7SmwdpTYOU2BTuJvCB7J8HaU+DtKfB2lPg7SnwdpS3c5hAHCfabMbe5/wAFT4O0p8HaU+DtKfB2lPg7SnwdpTYOU2DlNgU7iaGAfL8z9DW8TCCoM3bUGbtqDN21Bm7agzdtQ5u2oc3bUOblDmdpvC3hB9sXE917niPzKgzdtQZu2oM3bUObtqHM7Qs1ryBz9RxMde/JQZu2oM3bUGbtqDN21Bm7agzdtQ5u2ocyocym8LSwE8z9DY/tJLGzbEqhPacqE9pyoj2nKiPacoGMd8nNIUcXI7UcXI7UcXI7TIuR2g0G1vh7aUvjF7O4HH81RHtOVEe05UR7TlRHtOVGe05U0t3Ek2YUxzD8nC3ozjkF7Nte6oT2nKhPacqI9pyoj2nKiPacqI9pyoj2nKjPacqM9tyj+zfw2tYj4fQ39LkUUUV+gf8Al/d/0UUUUUfT9A/k+nzP8FFFFFFFFFFf0x/J+hr+C4Jva6q8PKq8PKqsPKqsPKfx/AG9re9/Bx3+Nr2sLqqw8qqw8qqw8qqw8qqw8qqw8qqw8qqw8qpw8p/Hdt72t6P4OP8ANVeHlVeHlVWHlVWHlVWHlVWHlVWHlVWHlOvwOLb/ADt9DgS0Aj4KOXkNqOXkNqOXkNqOXkNoOA4QPj7wS1t72/YhRy8htRy8htRy8htRy8htRyqOVRy8go5UyRBwHCB8fQEtbe9lHLyCjl5Dajl5BRy8go5eQUcqjl5DajlX4PeXDn9DmNe2x+BVND0BU0XQFTRdAVPF0BMaxvAPgB72hzTe4P7FU0PQFTRdAVPF0BU8XQFTxdAVPF0BQxghhsQ0e1oc03uD+xVND0BU8XQFTxdAVPF0BU8XQFExh4wLtbb8j9EXcLx+drqfBulPg3SnwbpT4N0ncTrWva3vdwvb+BU+DdKfBulPg3SnwbpT4N0p8G6U12uFiOEe13C9v4FT4N0p8G6U+DdKfBulPg3Sk4mg3tYD/SXf/8QAJBEAAgICAgEFAQEBAAAAAAAAAAIBEwMUERIgBBAhMnAwMbD/2gAIAQIBAQgA/wCJTETPxFbFTFTlTlTlLlLlLlLjLKzxPhCNMcxWxU5U5U5U5S4yys8SR8nRjoxWxWxWxKTHzP4hjnhjsp3U7qd1O6ndTup3U7qZ5iX+PDG0Qp2U7qd1O6ndTupnmJb4E/07QdoO0HaDsplmJX8RRe08FKlClClCmuprqa6msprKZUhG4gSO08FMFMFKlMFClClCmuprqZUhJ4gWOZ4KoKoKoKYKVKVKFKFGjiZj8ORus8l5ebBsGwbJsmybRkfu3PsrdZ5Li4vLy82DYNk2TI/eefZZ4nktLi4uLy8vNgmeZ5/DsP28c/388X2jzf6T44/t/L1H2/DUiZniK8hVkKshVlKHn/dZjWc1XNVx0lJ4kieDuxXkK8hVkKshVlGx5IiZnwXmZ+OjlbleQryFeQryFWQqyFWUyKyzw34ZiaFbmbkLkLkL0L8ZfjL8ZsYzYxmd4d+V97kLkLkLkL0HzJKzEeCTENzNqFqFqFyFyFyFyFyF6Gd4ZuY/DMSwzcTShQhQhQhRjNfGa+M18Zr4zOkI/EeGLErLEzShQhQhRjNfGNHDTHukctxNSFSFKFKFKFCFCFCFGMzpCNxH4ZjmYnmLcpblLcpblJ9Q8f7tObTm25tuZMkvPM+CO8LxFuUtyluUtyl2UlHmeSYmPiRJmJ+LMhZkLMhZkLchblLcpblLcplZmnlvwzB9/H1P3/lg+kefqvv7YvvH8vVff8Nxp3bg1TVNU1TKnRuPNF7NwaxrGqapqmoahqGmZsdbceyL2ng1zXNY1jWNU1TUGjrMx+HYnhG5nZU2kNpDaQzPDtzHljbq0TOypsqbKGyhtIbSG2htobaGfJGRuYEbq3M7CmwpsKbKmypsobSG0g88tM/h2CIl+JrQrQrQqQ9SsQ/EeWGIl4ia0K0K0K0KkKkMmNISZ8cUcvBWpWpWpWhWh6lFVPj8QVpWeYvyGxkNjIbGQZ5eeW8laVnmL8hfkL8hsZDYyGxkJz5JjifBZlZ5i9y/IX5C/IX5BsrvHDf8S3//xAAdEQEBAAICAwEAAAAAAAAAAAABAAIgMHAQgLAR/9oACAECAQk/APiVERERERuRERHAdJszMzMzuzMzOjMzPqERERERGhEREREaEREREen7M2U6OjMzMzszMzMzZT0czMzMzOrMzM7MzMzMz0eRERERG5ERGpEREREdHljY2MRERsWNjY2NjDoRERY2NjYx+enrMzwszMzM2U+WZmZmekSI4zwRERxEdIERHCREREbERER0kzM8LMzMzszMzPxLv//EACYRAAICAgEEAgIDAQAAAAAAAAACAQMTFBEEEBIgM3AxMhUhMLD/2gAIAQMBAQgA/wCJS9i1x5Nu0G5SbdJt0m1UbVRs1GzUbFYrw0cx6P1NaT4tt0m3SbVRs1GzUbFYjw8cqO6ovk27QbtBuUm3SbdIlyWTwv0h1iy1UxGCwwWGGww2GFzE5FTmJyKnOniYTifTqana2ZjDYYbDC5FTmJyKnOmiYTiTqllqWiMFpgsIosMNhhsOjrZXmZ+kOotmpPKN+w3rDesN1zcc3HNtzac2XKnl15kvsmuuXjfsN+w3rDdc3HNxzbc2nNpyl5deZL7Jrrlo37DfsN6w3rDdc3HNtzbcSeVifo6+rKniaBoGiaRpGmaZqGqVp4Rx2uryJKH8eaBomiaRpmmahqlaeEcdrq8iSh/HmgaBomkaRpmoLHjER9HdZ8U9o79J8fv1fwyQR61fvHr1fwsQR/h036/RtzKqcvnoM9BnoM1IvU1x+NpDZU2FM6iNDRzBMQ0cThrM9BnoM1JmpMtItlczER6WsqpMtsdOZ6DPQZ6DNSZqTNSZajLUVsrRyv0Z1CS9fiuraatprWGtYa9hgsMDmFzC5UsqvE99W01rTWsNew17BKXhomfS9JeuVXUtNW01bTWsNaw17DA5gcwuUrKrxP0Z1Dyicrs2mzabFhsWGewzuZnMzmVyuZleZ9LrnV5iNiwz2GewzOZnF/Ed72lK5mNq02bTZtNiwz2GewzOZnMzlTS0cz9GWqrLw2CkwUmGkw1EdOk/jXUwKYFMKir4xx62VVs0y2Gow1GKoxVmOshliOCJ57WKrJMNgoMFJgpMNJhqMVRirMdZjrEiIj+vozqvjkiDgiO3T/p/lf8AJPaIIjtEdqv17dR8UkQcER2iCIIgiO1X6/Rtr+C+Rtm0bJslb+cc+9j+CyxuG2bRsmwZzOZjKK3MdrH8FljbNs2jZNg2DOZiJ5j6OtSXXiNVjWY1mNditZVeJ9rUl0lY1HNVjWY12MDGBjDJikxSJHEdrUl0lY1HNVjWY1mNdjAxhYwyRHEfR18zCf1kc83IdjzYpmZX3umYSeMjmRyHY82PNiGYRp59bpmEnjI5kch2PNiHYpmZn6RZYaOJwVmFDChiQhYX+o9mWGjicFZgrMKGFDEhjUhFj1ZYaOJwVmCswoYUMSCoq/j/AIlv/8QAIxEBAQEAAgEDBQEBAAAAAAAAAQACIKFwETCxECExgLBBkf/aAAgBAwEJPwD+JT+LXTa+Z+ZmZmeT95+ZmZn6/i102um18z8zPhEstlstlssMRHIstlhhiOGWy2Wy2WP88JBBBBBERxCCCCCIjiEEEEEER4PfS11atWrVqZnhrq1atWrVqZ4a6tdWrVq1an9Pj1LHRZ6LPRZ6I9jJ/wAs9Fnos9Fnos9WeJ6ljosdFnos9Fnos9WerNmPBxEREREcSIiI5ERERER4PZmZmZnkzMzPFmZmZmfBz6Frstdlru1PtP3tWrUzP1fQtdlrstd2rVqZn9PsxEezmIiIiI4ZsxEREeEH3H3GfCzMz7LMzM82ZmfCZER7JEREcyIiP4l//9k="},1100:(A,o,t)=>{t.d(o,{R:()=>U,x:()=>F});var e=t(758);const g={},s=e.createContext(g);function U(A){const o=e.useContext(s);return e.useMemo((function(){return"function"==typeof A?A(o):{...o,...A}}),[o,A])}function F(A){let o;return o=A.disableParentContext?"function"==typeof A.components?A.components(g):A.components||g:U(A.components),e.createElement(s.Provider,{value:o},A.children)}}}]);
\ No newline at end of file
diff --git a/ja/assets/js/384f90b7.8478e974.js b/ja/assets/js/384f90b7.c8d702d1.js
similarity index 98%
rename from ja/assets/js/384f90b7.8478e974.js
rename to ja/assets/js/384f90b7.c8d702d1.js
index 50c788698b..5baa6a9864 100644
--- a/ja/assets/js/384f90b7.8478e974.js
+++ b/ja/assets/js/384f90b7.c8d702d1.js
@@ -1 +1 @@
-"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[8038],{7957:(n,e,t)=>{t.r(e),t.d(e,{assets:()=>a,contentTitle:()=>o,default:()=>l,frontMatter:()=>i,metadata:()=>d,toc:()=>c});var s=t(6070),r=t(1100);const i={sidebar_position:3,sidebar_label:"\u77e5\u8b58\u306e\u7a2e\u985e"},o="\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u306b\u304a\u3051\u308b\u77e5\u8b58\u306e\u7a2e\u985e",d={id:"about/understanding/knowledge-types",title:"\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u306b\u304a\u3051\u308b\u77e5\u8b58\u306e\u7a2e\u985e",description:"\u3069\u306e\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u306b\u3082\u4ee5\u4e0b\u306e\u300c\u77e5\u8b58\u306e\u7a2e\u985e\u300d\u304c\u5b58\u5728\u3057\u307e\u3059\u3002",source:"@site/i18n/ja/docusaurus-plugin-content-docs/current/about/understanding/knowledge-types.md",sourceDirName:"about/understanding",slug:"/about/understanding/knowledge-types",permalink:"/ja/docs/about/understanding/knowledge-types",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/ja/docusaurus-plugin-content-docs/current/about/understanding/knowledge-types.md",tags:[],version:"current",lastUpdatedAt:1727607766e3,sidebarPosition:3,frontMatter:{sidebar_position:3,sidebar_label:"\u77e5\u8b58\u306e\u7a2e\u985e"},sidebar:"aboutSidebar",previous:{title:"\u30cb\u30fc\u30ba\u306e\u7406\u89e3\u3068\u8ab2\u984c\u306e\u5b9a\u7fa9\u306b\u3064\u3044\u3066",permalink:"/ja/docs/about/understanding/needs-driven"},next:{title:"\u30cd\u30fc\u30df\u30f3\u30b0",permalink:"/ja/docs/about/understanding/naming"}},a={},c=[];function u(n){const e={admonition:"admonition",br:"br",h1:"h1",header:"header",li:"li",p:"p",strong:"strong",ul:"ul",...(0,r.R)(),...n.components};return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(e.header,{children:(0,s.jsx)(e.h1,{id:"\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u306b\u304a\u3051\u308b\u77e5\u8b58\u306e\u7a2e\u985e",children:"\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u306b\u304a\u3051\u308b\u77e5\u8b58\u306e\u7a2e\u985e"})}),"\n",(0,s.jsx)(e.p,{children:"\u3069\u306e\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u306b\u3082\u4ee5\u4e0b\u306e\u300c\u77e5\u8b58\u306e\u7a2e\u985e\u300d\u304c\u5b58\u5728\u3057\u307e\u3059\u3002"}),"\n",(0,s.jsxs)(e.ul,{children:["\n",(0,s.jsxs)(e.li,{children:["\n",(0,s.jsxs)(e.p,{children:[(0,s.jsx)(e.strong,{children:"\u57fa\u790e\u77e5\u8b58"}),(0,s.jsx)(e.br,{}),"\n","\u6642\u9593\u3068\u3068\u3082\u306b\u3042\u307e\u308a\u5909\u308f\u3089\u306a\u3044\u77e5\u8b58\u3002\u4f8b\u3048\u3070\u30a2\u30eb\u30b4\u30ea\u30ba\u30e0\u3001\u30b3\u30f3\u30d4\u30e5\u30fc\u30bf\u30b5\u30a4\u30a8\u30f3\u30b9\u3001\u30d7\u30ed\u30b0\u30e9\u30df\u30f3\u30b0\u8a00\u8a9e\u3084\u305d\u306eAPI\u306e\u52d5\u4f5c\u30e1\u30ab\u30cb\u30ba\u30e0\u306a\u3069\u3002"]}),"\n"]}),"\n",(0,s.jsxs)(e.li,{children:["\n",(0,s.jsxs)(e.p,{children:[(0,s.jsx)(e.strong,{children:"\u6280\u8853\u30b9\u30bf\u30c3\u30af"}),(0,s.jsx)(e.br,{}),"\n","\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u3067\u4f7f\u7528\u3055\u308c\u308b\u6280\u8853\u7684\u89e3\u6c7a\u7b56\u306e\u30bb\u30c3\u30c8\u306b\u95a2\u3059\u308b\u77e5\u8b58\u3002\u30d7\u30ed\u30b0\u30e9\u30df\u30f3\u30b0\u8a00\u8a9e\u3001\u30d5\u30ec\u30fc\u30e0\u30ef\u30fc\u30af\u3001\u30e9\u30a4\u30d6\u30e9\u30ea\u3092\u542b\u3080\u3002"]}),"\n"]}),"\n",(0,s.jsxs)(e.li,{children:["\n",(0,s.jsxs)(e.p,{children:[(0,s.jsx)(e.strong,{children:"\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u77e5\u8b58"}),(0,s.jsx)(e.br,{}),"\n","\u73fe\u5728\u306e\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u306b\u7279\u6709\u3067\u3042\u308a\u3001\u4ed6\u306e\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u3067\u306f\u5f79\u306b\u7acb\u305f\u306a\u3044\u77e5\u8b58\u3002\u3053\u306e\u77e5\u8b58\u306f\u65b0\u3057\u3044\u30c1\u30fc\u30e0\u30e1\u30f3\u30d0\u30fc\u304c\u52b9\u679c\u7684\u306b\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u306b\u8ca2\u732e\u3059\u308b\u305f\u3081\u306b\u5fc5\u8981\u3067\u3042\u308b\u3002"]}),"\n"]}),"\n"]}),"\n",(0,s.jsx)(e.admonition,{type:"note",children:(0,s.jsxs)(e.p,{children:[(0,s.jsx)(e.strong,{children:"Feature-Sliced Design"}),"\u306f\u300c\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u77e5\u8b58\u300d\u3078\u306e\u4f9d\u5b58\u3092\u6e1b\u3089\u3057\u3001\u3088\u308a\u591a\u304f\u306e\u8cac\u4efb\u3092\u5f15\u304d\u53d7\u3051\u3001\u65b0\u3057\u3044\u30c1\u30fc\u30e0\u30e1\u30f3\u30d0\u30fc\u306e\u30aa\u30f3\u30dc\u30fc\u30c7\u30a3\u30f3\u30b0\u3092\u5bb9\u6613\u306b\u3059\u308b\u3053\u3068\u3092\u76ee\u6307\u3057\u3066\u3044\u308b\u3002"]})})]})}function l(n={}){const{wrapper:e}={...(0,r.R)(),...n.components};return e?(0,s.jsx)(e,{...n,children:(0,s.jsx)(u,{...n})}):u(n)}},1100:(n,e,t)=>{t.d(e,{R:()=>o,x:()=>d});var s=t(758);const r={},i=s.createContext(r);function o(n){const e=s.useContext(i);return s.useMemo((function(){return"function"==typeof n?n(e):{...e,...n}}),[e,n])}function d(n){let e;return e=n.disableParentContext?"function"==typeof n.components?n.components(r):n.components||r:o(n.components),s.createElement(i.Provider,{value:e},n.children)}}}]);
\ No newline at end of file
+"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[8038],{7957:(n,e,t)=>{t.r(e),t.d(e,{assets:()=>a,contentTitle:()=>o,default:()=>l,frontMatter:()=>i,metadata:()=>d,toc:()=>c});var s=t(6070),r=t(1100);const i={sidebar_position:3,sidebar_label:"\u77e5\u8b58\u306e\u7a2e\u985e"},o="\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u306b\u304a\u3051\u308b\u77e5\u8b58\u306e\u7a2e\u985e",d={id:"about/understanding/knowledge-types",title:"\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u306b\u304a\u3051\u308b\u77e5\u8b58\u306e\u7a2e\u985e",description:"\u3069\u306e\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u306b\u3082\u4ee5\u4e0b\u306e\u300c\u77e5\u8b58\u306e\u7a2e\u985e\u300d\u304c\u5b58\u5728\u3057\u307e\u3059\u3002",source:"@site/i18n/ja/docusaurus-plugin-content-docs/current/about/understanding/knowledge-types.md",sourceDirName:"about/understanding",slug:"/about/understanding/knowledge-types",permalink:"/ja/docs/about/understanding/knowledge-types",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/ja/docusaurus-plugin-content-docs/current/about/understanding/knowledge-types.md",tags:[],version:"current",lastUpdatedAt:1728325386e3,sidebarPosition:3,frontMatter:{sidebar_position:3,sidebar_label:"\u77e5\u8b58\u306e\u7a2e\u985e"},sidebar:"aboutSidebar",previous:{title:"\u30cb\u30fc\u30ba\u306e\u7406\u89e3\u3068\u8ab2\u984c\u306e\u5b9a\u7fa9\u306b\u3064\u3044\u3066",permalink:"/ja/docs/about/understanding/needs-driven"},next:{title:"\u30cd\u30fc\u30df\u30f3\u30b0",permalink:"/ja/docs/about/understanding/naming"}},a={},c=[];function u(n){const e={admonition:"admonition",br:"br",h1:"h1",header:"header",li:"li",p:"p",strong:"strong",ul:"ul",...(0,r.R)(),...n.components};return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(e.header,{children:(0,s.jsx)(e.h1,{id:"\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u306b\u304a\u3051\u308b\u77e5\u8b58\u306e\u7a2e\u985e",children:"\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u306b\u304a\u3051\u308b\u77e5\u8b58\u306e\u7a2e\u985e"})}),"\n",(0,s.jsx)(e.p,{children:"\u3069\u306e\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u306b\u3082\u4ee5\u4e0b\u306e\u300c\u77e5\u8b58\u306e\u7a2e\u985e\u300d\u304c\u5b58\u5728\u3057\u307e\u3059\u3002"}),"\n",(0,s.jsxs)(e.ul,{children:["\n",(0,s.jsxs)(e.li,{children:["\n",(0,s.jsxs)(e.p,{children:[(0,s.jsx)(e.strong,{children:"\u57fa\u790e\u77e5\u8b58"}),(0,s.jsx)(e.br,{}),"\n","\u6642\u9593\u3068\u3068\u3082\u306b\u3042\u307e\u308a\u5909\u308f\u3089\u306a\u3044\u77e5\u8b58\u3002\u4f8b\u3048\u3070\u30a2\u30eb\u30b4\u30ea\u30ba\u30e0\u3001\u30b3\u30f3\u30d4\u30e5\u30fc\u30bf\u30b5\u30a4\u30a8\u30f3\u30b9\u3001\u30d7\u30ed\u30b0\u30e9\u30df\u30f3\u30b0\u8a00\u8a9e\u3084\u305d\u306eAPI\u306e\u52d5\u4f5c\u30e1\u30ab\u30cb\u30ba\u30e0\u306a\u3069\u3002"]}),"\n"]}),"\n",(0,s.jsxs)(e.li,{children:["\n",(0,s.jsxs)(e.p,{children:[(0,s.jsx)(e.strong,{children:"\u6280\u8853\u30b9\u30bf\u30c3\u30af"}),(0,s.jsx)(e.br,{}),"\n","\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u3067\u4f7f\u7528\u3055\u308c\u308b\u6280\u8853\u7684\u89e3\u6c7a\u7b56\u306e\u30bb\u30c3\u30c8\u306b\u95a2\u3059\u308b\u77e5\u8b58\u3002\u30d7\u30ed\u30b0\u30e9\u30df\u30f3\u30b0\u8a00\u8a9e\u3001\u30d5\u30ec\u30fc\u30e0\u30ef\u30fc\u30af\u3001\u30e9\u30a4\u30d6\u30e9\u30ea\u3092\u542b\u3080\u3002"]}),"\n"]}),"\n",(0,s.jsxs)(e.li,{children:["\n",(0,s.jsxs)(e.p,{children:[(0,s.jsx)(e.strong,{children:"\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u77e5\u8b58"}),(0,s.jsx)(e.br,{}),"\n","\u73fe\u5728\u306e\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u306b\u7279\u6709\u3067\u3042\u308a\u3001\u4ed6\u306e\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u3067\u306f\u5f79\u306b\u7acb\u305f\u306a\u3044\u77e5\u8b58\u3002\u3053\u306e\u77e5\u8b58\u306f\u65b0\u3057\u3044\u30c1\u30fc\u30e0\u30e1\u30f3\u30d0\u30fc\u304c\u52b9\u679c\u7684\u306b\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u306b\u8ca2\u732e\u3059\u308b\u305f\u3081\u306b\u5fc5\u8981\u3067\u3042\u308b\u3002"]}),"\n"]}),"\n"]}),"\n",(0,s.jsx)(e.admonition,{type:"note",children:(0,s.jsxs)(e.p,{children:[(0,s.jsx)(e.strong,{children:"Feature-Sliced Design"}),"\u306f\u300c\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u77e5\u8b58\u300d\u3078\u306e\u4f9d\u5b58\u3092\u6e1b\u3089\u3057\u3001\u3088\u308a\u591a\u304f\u306e\u8cac\u4efb\u3092\u5f15\u304d\u53d7\u3051\u3001\u65b0\u3057\u3044\u30c1\u30fc\u30e0\u30e1\u30f3\u30d0\u30fc\u306e\u30aa\u30f3\u30dc\u30fc\u30c7\u30a3\u30f3\u30b0\u3092\u5bb9\u6613\u306b\u3059\u308b\u3053\u3068\u3092\u76ee\u6307\u3057\u3066\u3044\u308b\u3002"]})})]})}function l(n={}){const{wrapper:e}={...(0,r.R)(),...n.components};return e?(0,s.jsx)(e,{...n,children:(0,s.jsx)(u,{...n})}):u(n)}},1100:(n,e,t)=>{t.d(e,{R:()=>o,x:()=>d});var s=t(758);const r={},i=s.createContext(r);function o(n){const e=s.useContext(i);return s.useMemo((function(){return"function"==typeof n?n(e):{...e,...n}}),[e,n])}function d(n){let e;return e=n.disableParentContext?"function"==typeof n.components?n.components(r):n.components||r:o(n.components),s.createElement(i.Provider,{value:e},n.children)}}}]);
\ No newline at end of file
diff --git a/ja/assets/js/40b15635.383c5b29.js b/ja/assets/js/40b15635.55157806.js
similarity index 99%
rename from ja/assets/js/40b15635.383c5b29.js
rename to ja/assets/js/40b15635.55157806.js
index 31cb0e0f6c..ade3f45c72 100644
--- a/ja/assets/js/40b15635.383c5b29.js
+++ b/ja/assets/js/40b15635.55157806.js
@@ -1 +1 @@
-"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[1957],{2219:(e,n,r)=>{r.r(n),r.d(n,{assets:()=>c,contentTitle:()=>l,default:()=>h,frontMatter:()=>i,metadata:()=>t,toc:()=>o});var d=r(6070),s=r(1100);const i={},l="\u30d6\u30e9\u30f3\u30c9\u30ac\u30a4\u30c9\u30e9\u30a4\u30f3",t={id:"branding",title:"\u30d6\u30e9\u30f3\u30c9\u30ac\u30a4\u30c9\u30e9\u30a4\u30f3",description:"FSD\u306e\u30d3\u30b8\u30e5\u30a2\u30eb\u30a2\u30a4\u30c7\u30f3\u30c6\u30a3\u30c6\u30a3\u306f\u3001\u305d\u306e\u30b3\u30a2\u30b3\u30f3\u30bb\u30d7\u30c8\u3067\u3042\u308b Layered\u3001Sliced self-contained parts\u3001Parts & Compose\u3001Segmented \u306b\u57fa\u3065\u3044\u3066\u3044\u307e\u3059\u3002\u3057\u304b\u3057\u3001\u79c1\u305f\u3061\u306fFSD\u306e\u54f2\u5b66\u3092\u53cd\u6620\u3057\u3001\u7c21\u5358\u306b\u8a8d\u8b58\u3067\u304d\u308b\u7f8e\u3057\u3044\u30a2\u30a4\u30c7\u30f3\u30c6\u30a3\u30c6\u30a3\u3092\u76ee\u6307\u3057\u3066\u3044\u307e\u3059\u3002",source:"@site/i18n/ja/docusaurus-plugin-content-docs/current/branding.md",sourceDirName:".",slug:"/branding",permalink:"/ja/docs/branding",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/ja/docusaurus-plugin-content-docs/current/branding.md",tags:[],version:"current",lastUpdatedAt:1727607766e3,frontMatter:{}},c={},o=[{value:"\u540d\u524d",id:"title",level:2},{value:"\u7d75\u6587\u5b57",id:"emojii",level:2},{value:"\u30ed\u30b4\u3068\u30ab\u30e9\u30fc\u30d1\u30ec\u30c3\u30c8",id:"logo--palettte",level:2},{value:"\u30d0\u30ca\u30fc\u3068\u30b9\u30ad\u30fc\u30e0",id:"banners--schemes",level:2},{value:"\u30bd\u30fc\u30b7\u30e3\u30eb\u30d7\u30ec\u30d3\u30e5\u30fc",id:"\u30bd\u30fc\u30b7\u30e3\u30eb\u30d7\u30ec\u30d3\u30e5\u30fc",level:2},{value:"\u30d7\u30ec\u30bc\u30f3\u30c6\u30fc\u30b7\u30e7\u30f3\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8",id:"presentation-template",level:2},{value:"\u53c2\u7167",id:"see-also",level:2}];function a(e){const n={a:"a",admonition:"admonition",blockquote:"blockquote",code:"code",em:"em",h1:"h1",h2:"h2",header:"header",li:"li",p:"p",strong:"strong",ul:"ul",...(0,s.R)(),...e.components};return(0,d.jsxs)(d.Fragment,{children:[(0,d.jsx)(n.header,{children:(0,d.jsx)(n.h1,{id:"\u30d6\u30e9\u30f3\u30c9\u30ac\u30a4\u30c9\u30e9\u30a4\u30f3",children:"\u30d6\u30e9\u30f3\u30c9\u30ac\u30a4\u30c9\u30e9\u30a4\u30f3"})}),"\n",(0,d.jsxs)(n.p,{children:["FSD\u306e\u30d3\u30b8\u30e5\u30a2\u30eb\u30a2\u30a4\u30c7\u30f3\u30c6\u30a3\u30c6\u30a3\u306f\u3001\u305d\u306e\u30b3\u30a2\u30b3\u30f3\u30bb\u30d7\u30c8\u3067\u3042\u308b ",(0,d.jsx)(n.code,{children:"Layered"}),"\u3001",(0,d.jsx)(n.code,{children:"Sliced self-contained parts"}),"\u3001",(0,d.jsx)(n.code,{children:"Parts & Compose"}),"\u3001",(0,d.jsx)(n.code,{children:"Segmented"})," \u306b\u57fa\u3065\u3044\u3066\u3044\u307e\u3059\u3002\u3057\u304b\u3057\u3001\u79c1\u305f\u3061\u306fFSD\u306e\u54f2\u5b66\u3092\u53cd\u6620\u3057\u3001\u7c21\u5358\u306b\u8a8d\u8b58\u3067\u304d\u308b\u7f8e\u3057\u3044\u30a2\u30a4\u30c7\u30f3\u30c6\u30a3\u30c6\u30a3\u3092\u76ee\u6307\u3057\u3066\u3044\u307e\u3059\u3002"]}),"\n",(0,d.jsxs)(n.p,{children:[(0,d.jsx)(n.strong,{children:"FSD\u306e\u30a2\u30a4\u30c7\u30f3\u30c6\u30a3\u30c6\u30a3\u3092\u300c\u305d\u306e\u307e\u307e\u300d\u5909\u66f4\u305b\u305a\u306b\u3001\u79c1\u305f\u3061\u306e\u30a2\u30bb\u30c3\u30c8\u3092\u4f7f\u3063\u3066\u5feb\u9069\u306b\u3054\u5229\u7528\u304f\u3060\u3055\u3044\u3002"})," \u3053\u306e\u30d6\u30e9\u30f3\u30c9\u30ac\u30a4\u30c9\u306f\u3001FSD\u306e\u30a2\u30a4\u30c7\u30f3\u30c6\u30a3\u30c6\u30a3\u3092\u6b63\u3057\u304f\u4f7f\u7528\u3059\u308b\u624b\u52a9\u3051\u3092\u3057\u307e\u3059\u3002"]}),"\n",(0,d.jsxs)(n.admonition,{title:"\u4e92\u63db\u6027",type:"caution",children:[(0,d.jsxs)(n.p,{children:["FSD\u306f\u4ee5\u524d\u3001",(0,d.jsx)(n.a,{href:"https://drive.google.com/drive/folders/11Y-3qZ_C9jOFoW2UbSp11YasOhw4yBdl?usp=sharing",children:"\u5225\u306e\u30ec\u30ac\u30b7\u30fc\u30a2\u30a4\u30c7\u30f3\u30c6\u30a3\u30c6\u30a3"}),"\u3092\u6301\u3063\u3066\u3044\u307e\u3057\u305f\u3002\u53e4\u3044\u30c7\u30b6\u30a4\u30f3\u306f\u3001FSD\u306e\u4e3b\u8981\u306a\u30b3\u30f3\u30bb\u30d7\u30c8\u3092\u53cd\u6620\u3057\u3066\u3044\u307e\u305b\u3093\u3067\u3057\u305f\u3002\u307e\u305f\u3001\u3053\u308c\u306f\u7c97\u3044\u30c9\u30e9\u30d5\u30c8\u3068\u3057\u3066\u4f5c\u6210\u3055\u308c\u3001\u66f4\u65b0\u3055\u308c\u308b\u3079\u304d\u3082\u306e\u3067\u3057\u305f\u3002"]}),(0,d.jsxs)(n.p,{children:["\u30d6\u30e9\u30f3\u30c9\u306e\u4e92\u63db\u6027\u3068\u9577\u671f\u7684\u306a\u4f7f\u7528\u306e\u305f\u3081\u306b\u3001\u79c1\u305f\u3061\u306f2021\u5e74\u304b\u30892022\u5e74\u306b\u304b\u3051\u3066\u614e\u91cd\u306b\u30ea\u30d6\u30e9\u30f3\u30c7\u30a3\u30f3\u30b0\u306b\u53d6\u308a\u7d44\u307f\u307e\u3057\u305f\u3002",(0,d.jsx)(n.strong,{children:"FSD\u306e\u30a2\u30a4\u30c7\u30f3\u30c6\u30a3\u30c6\u30a3\u3092\u4f7f\u7528\u3059\u308b\u969b\u306b\u81ea\u4fe1\u3092\u6301\u3066\u308b\u3088\u3046\u306b\ud83c\udf70"})]}),(0,d.jsx)(n.p,{children:(0,d.jsx)(n.em,{children:"\u53e4\u3044\u30a2\u30a4\u30c7\u30f3\u30c6\u30a3\u30c6\u30a3\u3067\u306f\u306a\u304f\u3001\u6700\u65b0\u306e\u30a2\u30a4\u30c7\u30f3\u30c6\u30a3\u30c6\u30a3\u3092\u4f7f\u7528\u3057\u3066\u304f\u3060\u3055\u3044\uff01"})})]}),"\n",(0,d.jsx)(n.h2,{id:"title",children:"\u540d\u524d"}),"\n",(0,d.jsxs)(n.ul,{children:["\n",(0,d.jsxs)(n.li,{children:["\u2705 ",(0,d.jsx)(n.strong,{children:"\u6b63\u3057\u3044:"})," ",(0,d.jsx)(n.code,{children:"Feature-Sliced Design"}),"\u3001",(0,d.jsx)(n.code,{children:"FSD"})]}),"\n",(0,d.jsxs)(n.li,{children:["\u274c ",(0,d.jsx)(n.strong,{children:"\u9593\u9055\u3063\u3066\u3044\u308b:"})," ",(0,d.jsx)(n.code,{children:"Feature-Sliced"}),"\u3001",(0,d.jsx)(n.code,{children:"Feature Sliced"}),"\u3001",(0,d.jsx)(n.code,{children:"FeatureSliced"}),"\u3001",(0,d.jsx)(n.code,{children:"feature-sliced"}),"\u3001",(0,d.jsx)(n.code,{children:"feature sliced"}),"\u3001",(0,d.jsx)(n.code,{children:"FS"})]}),"\n"]}),"\n",(0,d.jsx)(n.h2,{id:"emojii",children:"\u7d75\u6587\u5b57"}),"\n",(0,d.jsx)(n.p,{children:"\u30b1\u30fc\u30ad\u306e\u30a4\u30e1\u30fc\u30b8 \ud83c\udf70 \u306fFSD\u306e\u4e3b\u8981\u306a\u30b3\u30f3\u30bb\u30d7\u30c8\u3092\u3088\u304f\u53cd\u6620\u3057\u3066\u3044\u308b\u305f\u3081\u3001\u79c1\u305f\u3061\u306e\u30d6\u30e9\u30f3\u30c9\u7d75\u6587\u5b57\u3068\u3057\u3066\u9078\u3070\u308c\u307e\u3057\u305f\u3002"}),"\n",(0,d.jsxs)(n.blockquote,{children:["\n",(0,d.jsxs)(n.p,{children:["\u4f8b: ",(0,d.jsx)(n.em,{children:'"\ud83c\udf70 \u30d5\u30ed\u30f3\u30c8\u30a8\u30f3\u30c9\u7528\u306e\u306e\u30a2\u30fc\u30ad\u30c6\u30af\u30c1\u30e3\u30c7\u30b6\u30a4\u30f3\u8a2d\u8a08\u65b9\u6cd5\u8ad6"'})]}),"\n"]}),"\n",(0,d.jsx)(n.h2,{id:"logo--palettte",children:"\u30ed\u30b4\u3068\u30ab\u30e9\u30fc\u30d1\u30ec\u30c3\u30c8"}),"\n",(0,d.jsxs)(n.p,{children:["FSD\u306b\u306f\u7570\u306a\u308b\u30b3\u30f3\u30c6\u30ad\u30b9\u30c8\u7528\u306e\u3044\u304f\u3064\u304b\u306e\u30ed\u30b4\u30d0\u30ea\u30a8\u30fc\u30b7\u30e7\u30f3\u304c\u3042\u308a\u307e\u3059\u304c\u3001",(0,d.jsx)(n.strong,{children:"primary"}),"\u306e\u4f7f\u7528\u304c\u63a8\u5968\u3055\u308c\u307e\u3059\u3002"]}),"\n",(0,d.jsxs)("table",{style:{textAlign:"center"},children:[(0,d.jsxs)("tr",{children:[(0,d.jsx)("td",{children:"\u30c6\u30fc\u30de"}),(0,d.jsxs)("td",{children:["\u30ed\u30b4 ",(0,d.jsx)("sub",{style:{color:"gray",display:"block"},children:"(Ctrl/Cmd + Click\u3067\u30c0\u30a6\u30f3\u30ed\u30fc\u30c9)"})]}),(0,d.jsx)("td",{children:"\u4f7f\u7528\u6cd5"})]}),(0,d.jsxs)("tr",{children:[(0,d.jsxs)("td",{style:{color:"#FFF",background:"linear-gradient(135deg, rgba(41,190,220,1) 0%, rgba(81,122,237,1) 100%)"},children:["primary ",(0,d.jsx)("br",{})," (#29BEDC, #517AED)"]}),(0,d.jsx)("td",{children:(0,d.jsx)("a",{href:"/img/brand/logo-primary.png",download:!0,children:(0,d.jsx)("img",{src:"/img/brand/logo-primary.png",height:"130",alt:"logo-primary"})})}),(0,d.jsx)("td",{children:"\u307b\u3068\u3093\u3069\u306e\u5834\u5408\u306b\u63a8\u5968\u3055\u308c\u307e\u3059"})]}),(0,d.jsxs)("tr",{children:[(0,d.jsxs)("td",{style:{color:"#FFF",background:"#3193FF"},children:["flat ",(0,d.jsx)("br",{})," (#3193FF)"]}),(0,d.jsx)("td",{children:(0,d.jsx)("a",{href:"/img/brand/logo-flat.png",download:!0,children:(0,d.jsx)("img",{src:"/img/brand/logo-flat.png",height:"130",alt:"logo-flat"})})}),(0,d.jsx)("td",{children:"\u5358\u8272\u30b3\u30f3\u30c6\u30ad\u30b9\u30c8\u7528"})]}),(0,d.jsxs)("tr",{children:[(0,d.jsxs)("td",{style:{color:"#000",background:"#FFF"},children:["monochrome ",(0,d.jsx)("br",{})," (#FFF)"]}),(0,d.jsx)("td",{style:{color:"#000",background:"#242526"},children:(0,d.jsx)("a",{href:"/img/brand/logo-monochrome.png",download:!0,children:(0,d.jsx)("img",{src:"/img/brand/logo-monochrome.png",height:"130",alt:"logo-monocrhome"})})}),(0,d.jsx)("td",{children:"\u767d\u9ed2\u30b3\u30f3\u30c6\u30ad\u30b9\u30c8\u7528"})]}),(0,d.jsxs)("tr",{children:[(0,d.jsxs)("td",{style:{color:"#FFF",background:"#3193FF"},children:["square ",(0,d.jsx)("br",{})," (#3193FF)"]}),(0,d.jsx)("td",{children:(0,d.jsx)("a",{href:"/img/brand/logo-square.png",download:!0,children:(0,d.jsx)("img",{src:"/img/brand/logo-square.png",height:"130",alt:"logo-square"})})}),(0,d.jsx)("td",{children:"\u6b63\u65b9\u5f62\u30b5\u30a4\u30ba\u7528"})]})]}),"\n",(0,d.jsx)(n.h2,{id:"banners--schemes",children:"\u30d0\u30ca\u30fc\u3068\u30b9\u30ad\u30fc\u30e0"}),"\n",(0,d.jsx)("a",{href:"/img/brand/banner-primary.jpg",download:!0,children:(0,d.jsx)("img",{src:"/img/brand/banner-primary.jpg",height:"256",alt:"banner-primary"})}),"\n",(0,d.jsx)("a",{href:"/img/brand/banner-monochrome.jpg",download:!0,children:(0,d.jsx)("img",{src:"/img/brand/banner-monochrome.jpg",height:"256",alt:"banner-monochrome"})}),"\n",(0,d.jsx)(n.h2,{id:"\u30bd\u30fc\u30b7\u30e3\u30eb\u30d7\u30ec\u30d3\u30e5\u30fc",children:"\u30bd\u30fc\u30b7\u30e3\u30eb\u30d7\u30ec\u30d3\u30e5\u30fc"}),"\n",(0,d.jsx)(n.p,{children:"\u4f5c\u696d\u4e2d..."}),"\n",(0,d.jsx)(n.h2,{id:"presentation-template",children:"\u30d7\u30ec\u30bc\u30f3\u30c6\u30fc\u30b7\u30e7\u30f3\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8"}),"\n",(0,d.jsx)(n.p,{children:"\u4f5c\u696d\u4e2d..."}),"\n",(0,d.jsx)(n.h2,{id:"see-also",children:"\u53c2\u7167"}),"\n",(0,d.jsxs)(n.ul,{children:["\n",(0,d.jsx)(n.li,{children:(0,d.jsx)(n.a,{href:"https://github.com/feature-sliced/documentation/discussions/399",children:"\u30c7\u30a3\u30b9\u30ab\u30c3\u30b7\u30e7\u30f3 (github)"})}),"\n",(0,d.jsx)(n.li,{children:(0,d.jsx)(n.a,{href:"https://www.figma.com/file/RPphccpoeasVB0lMpZwPVR/FSD-Brand?node-id=0%3A1",children:"\u30ea\u30d6\u30e9\u30f3\u30c7\u30a3\u30f3\u30b0\u306e\u6b74\u53f2\u3068\u53c2\u8003\u8cc7\u6599 (figma)"})}),"\n",(0,d.jsx)(n.li,{children:(0,d.jsx)(n.a,{href:"https://rebrand-sliced.netlify.app/en/",children:"\u30ea\u30d6\u30e9\u30f3\u30c7\u30a3\u30f3\u30b0\u30c7\u30e2"})}),"\n"]})]})}function h(e={}){const{wrapper:n}={...(0,s.R)(),...e.components};return n?(0,d.jsx)(n,{...e,children:(0,d.jsx)(a,{...e})}):a(e)}},1100:(e,n,r)=>{r.d(n,{R:()=>l,x:()=>t});var d=r(758);const s={},i=d.createContext(s);function l(e){const n=d.useContext(i);return d.useMemo((function(){return"function"==typeof e?e(n):{...n,...e}}),[n,e])}function t(e){let n;return n=e.disableParentContext?"function"==typeof e.components?e.components(s):e.components||s:l(e.components),d.createElement(i.Provider,{value:n},e.children)}}}]);
\ No newline at end of file
+"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[1957],{2219:(e,n,r)=>{r.r(n),r.d(n,{assets:()=>c,contentTitle:()=>l,default:()=>h,frontMatter:()=>i,metadata:()=>t,toc:()=>o});var d=r(6070),s=r(1100);const i={},l="\u30d6\u30e9\u30f3\u30c9\u30ac\u30a4\u30c9\u30e9\u30a4\u30f3",t={id:"branding",title:"\u30d6\u30e9\u30f3\u30c9\u30ac\u30a4\u30c9\u30e9\u30a4\u30f3",description:"FSD\u306e\u30d3\u30b8\u30e5\u30a2\u30eb\u30a2\u30a4\u30c7\u30f3\u30c6\u30a3\u30c6\u30a3\u306f\u3001\u305d\u306e\u30b3\u30a2\u30b3\u30f3\u30bb\u30d7\u30c8\u3067\u3042\u308b Layered\u3001Sliced self-contained parts\u3001Parts & Compose\u3001Segmented \u306b\u57fa\u3065\u3044\u3066\u3044\u307e\u3059\u3002\u3057\u304b\u3057\u3001\u79c1\u305f\u3061\u306fFSD\u306e\u54f2\u5b66\u3092\u53cd\u6620\u3057\u3001\u7c21\u5358\u306b\u8a8d\u8b58\u3067\u304d\u308b\u7f8e\u3057\u3044\u30a2\u30a4\u30c7\u30f3\u30c6\u30a3\u30c6\u30a3\u3092\u76ee\u6307\u3057\u3066\u3044\u307e\u3059\u3002",source:"@site/i18n/ja/docusaurus-plugin-content-docs/current/branding.md",sourceDirName:".",slug:"/branding",permalink:"/ja/docs/branding",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/ja/docusaurus-plugin-content-docs/current/branding.md",tags:[],version:"current",lastUpdatedAt:1728325386e3,frontMatter:{}},c={},o=[{value:"\u540d\u524d",id:"title",level:2},{value:"\u7d75\u6587\u5b57",id:"emojii",level:2},{value:"\u30ed\u30b4\u3068\u30ab\u30e9\u30fc\u30d1\u30ec\u30c3\u30c8",id:"logo--palettte",level:2},{value:"\u30d0\u30ca\u30fc\u3068\u30b9\u30ad\u30fc\u30e0",id:"banners--schemes",level:2},{value:"\u30bd\u30fc\u30b7\u30e3\u30eb\u30d7\u30ec\u30d3\u30e5\u30fc",id:"\u30bd\u30fc\u30b7\u30e3\u30eb\u30d7\u30ec\u30d3\u30e5\u30fc",level:2},{value:"\u30d7\u30ec\u30bc\u30f3\u30c6\u30fc\u30b7\u30e7\u30f3\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8",id:"presentation-template",level:2},{value:"\u53c2\u7167",id:"see-also",level:2}];function a(e){const n={a:"a",admonition:"admonition",blockquote:"blockquote",code:"code",em:"em",h1:"h1",h2:"h2",header:"header",li:"li",p:"p",strong:"strong",ul:"ul",...(0,s.R)(),...e.components};return(0,d.jsxs)(d.Fragment,{children:[(0,d.jsx)(n.header,{children:(0,d.jsx)(n.h1,{id:"\u30d6\u30e9\u30f3\u30c9\u30ac\u30a4\u30c9\u30e9\u30a4\u30f3",children:"\u30d6\u30e9\u30f3\u30c9\u30ac\u30a4\u30c9\u30e9\u30a4\u30f3"})}),"\n",(0,d.jsxs)(n.p,{children:["FSD\u306e\u30d3\u30b8\u30e5\u30a2\u30eb\u30a2\u30a4\u30c7\u30f3\u30c6\u30a3\u30c6\u30a3\u306f\u3001\u305d\u306e\u30b3\u30a2\u30b3\u30f3\u30bb\u30d7\u30c8\u3067\u3042\u308b ",(0,d.jsx)(n.code,{children:"Layered"}),"\u3001",(0,d.jsx)(n.code,{children:"Sliced self-contained parts"}),"\u3001",(0,d.jsx)(n.code,{children:"Parts & Compose"}),"\u3001",(0,d.jsx)(n.code,{children:"Segmented"})," \u306b\u57fa\u3065\u3044\u3066\u3044\u307e\u3059\u3002\u3057\u304b\u3057\u3001\u79c1\u305f\u3061\u306fFSD\u306e\u54f2\u5b66\u3092\u53cd\u6620\u3057\u3001\u7c21\u5358\u306b\u8a8d\u8b58\u3067\u304d\u308b\u7f8e\u3057\u3044\u30a2\u30a4\u30c7\u30f3\u30c6\u30a3\u30c6\u30a3\u3092\u76ee\u6307\u3057\u3066\u3044\u307e\u3059\u3002"]}),"\n",(0,d.jsxs)(n.p,{children:[(0,d.jsx)(n.strong,{children:"FSD\u306e\u30a2\u30a4\u30c7\u30f3\u30c6\u30a3\u30c6\u30a3\u3092\u300c\u305d\u306e\u307e\u307e\u300d\u5909\u66f4\u305b\u305a\u306b\u3001\u79c1\u305f\u3061\u306e\u30a2\u30bb\u30c3\u30c8\u3092\u4f7f\u3063\u3066\u5feb\u9069\u306b\u3054\u5229\u7528\u304f\u3060\u3055\u3044\u3002"})," \u3053\u306e\u30d6\u30e9\u30f3\u30c9\u30ac\u30a4\u30c9\u306f\u3001FSD\u306e\u30a2\u30a4\u30c7\u30f3\u30c6\u30a3\u30c6\u30a3\u3092\u6b63\u3057\u304f\u4f7f\u7528\u3059\u308b\u624b\u52a9\u3051\u3092\u3057\u307e\u3059\u3002"]}),"\n",(0,d.jsxs)(n.admonition,{title:"\u4e92\u63db\u6027",type:"caution",children:[(0,d.jsxs)(n.p,{children:["FSD\u306f\u4ee5\u524d\u3001",(0,d.jsx)(n.a,{href:"https://drive.google.com/drive/folders/11Y-3qZ_C9jOFoW2UbSp11YasOhw4yBdl?usp=sharing",children:"\u5225\u306e\u30ec\u30ac\u30b7\u30fc\u30a2\u30a4\u30c7\u30f3\u30c6\u30a3\u30c6\u30a3"}),"\u3092\u6301\u3063\u3066\u3044\u307e\u3057\u305f\u3002\u53e4\u3044\u30c7\u30b6\u30a4\u30f3\u306f\u3001FSD\u306e\u4e3b\u8981\u306a\u30b3\u30f3\u30bb\u30d7\u30c8\u3092\u53cd\u6620\u3057\u3066\u3044\u307e\u305b\u3093\u3067\u3057\u305f\u3002\u307e\u305f\u3001\u3053\u308c\u306f\u7c97\u3044\u30c9\u30e9\u30d5\u30c8\u3068\u3057\u3066\u4f5c\u6210\u3055\u308c\u3001\u66f4\u65b0\u3055\u308c\u308b\u3079\u304d\u3082\u306e\u3067\u3057\u305f\u3002"]}),(0,d.jsxs)(n.p,{children:["\u30d6\u30e9\u30f3\u30c9\u306e\u4e92\u63db\u6027\u3068\u9577\u671f\u7684\u306a\u4f7f\u7528\u306e\u305f\u3081\u306b\u3001\u79c1\u305f\u3061\u306f2021\u5e74\u304b\u30892022\u5e74\u306b\u304b\u3051\u3066\u614e\u91cd\u306b\u30ea\u30d6\u30e9\u30f3\u30c7\u30a3\u30f3\u30b0\u306b\u53d6\u308a\u7d44\u307f\u307e\u3057\u305f\u3002",(0,d.jsx)(n.strong,{children:"FSD\u306e\u30a2\u30a4\u30c7\u30f3\u30c6\u30a3\u30c6\u30a3\u3092\u4f7f\u7528\u3059\u308b\u969b\u306b\u81ea\u4fe1\u3092\u6301\u3066\u308b\u3088\u3046\u306b\ud83c\udf70"})]}),(0,d.jsx)(n.p,{children:(0,d.jsx)(n.em,{children:"\u53e4\u3044\u30a2\u30a4\u30c7\u30f3\u30c6\u30a3\u30c6\u30a3\u3067\u306f\u306a\u304f\u3001\u6700\u65b0\u306e\u30a2\u30a4\u30c7\u30f3\u30c6\u30a3\u30c6\u30a3\u3092\u4f7f\u7528\u3057\u3066\u304f\u3060\u3055\u3044\uff01"})})]}),"\n",(0,d.jsx)(n.h2,{id:"title",children:"\u540d\u524d"}),"\n",(0,d.jsxs)(n.ul,{children:["\n",(0,d.jsxs)(n.li,{children:["\u2705 ",(0,d.jsx)(n.strong,{children:"\u6b63\u3057\u3044:"})," ",(0,d.jsx)(n.code,{children:"Feature-Sliced Design"}),"\u3001",(0,d.jsx)(n.code,{children:"FSD"})]}),"\n",(0,d.jsxs)(n.li,{children:["\u274c ",(0,d.jsx)(n.strong,{children:"\u9593\u9055\u3063\u3066\u3044\u308b:"})," ",(0,d.jsx)(n.code,{children:"Feature-Sliced"}),"\u3001",(0,d.jsx)(n.code,{children:"Feature Sliced"}),"\u3001",(0,d.jsx)(n.code,{children:"FeatureSliced"}),"\u3001",(0,d.jsx)(n.code,{children:"feature-sliced"}),"\u3001",(0,d.jsx)(n.code,{children:"feature sliced"}),"\u3001",(0,d.jsx)(n.code,{children:"FS"})]}),"\n"]}),"\n",(0,d.jsx)(n.h2,{id:"emojii",children:"\u7d75\u6587\u5b57"}),"\n",(0,d.jsx)(n.p,{children:"\u30b1\u30fc\u30ad\u306e\u30a4\u30e1\u30fc\u30b8 \ud83c\udf70 \u306fFSD\u306e\u4e3b\u8981\u306a\u30b3\u30f3\u30bb\u30d7\u30c8\u3092\u3088\u304f\u53cd\u6620\u3057\u3066\u3044\u308b\u305f\u3081\u3001\u79c1\u305f\u3061\u306e\u30d6\u30e9\u30f3\u30c9\u7d75\u6587\u5b57\u3068\u3057\u3066\u9078\u3070\u308c\u307e\u3057\u305f\u3002"}),"\n",(0,d.jsxs)(n.blockquote,{children:["\n",(0,d.jsxs)(n.p,{children:["\u4f8b: ",(0,d.jsx)(n.em,{children:'"\ud83c\udf70 \u30d5\u30ed\u30f3\u30c8\u30a8\u30f3\u30c9\u7528\u306e\u306e\u30a2\u30fc\u30ad\u30c6\u30af\u30c1\u30e3\u30c7\u30b6\u30a4\u30f3\u8a2d\u8a08\u65b9\u6cd5\u8ad6"'})]}),"\n"]}),"\n",(0,d.jsx)(n.h2,{id:"logo--palettte",children:"\u30ed\u30b4\u3068\u30ab\u30e9\u30fc\u30d1\u30ec\u30c3\u30c8"}),"\n",(0,d.jsxs)(n.p,{children:["FSD\u306b\u306f\u7570\u306a\u308b\u30b3\u30f3\u30c6\u30ad\u30b9\u30c8\u7528\u306e\u3044\u304f\u3064\u304b\u306e\u30ed\u30b4\u30d0\u30ea\u30a8\u30fc\u30b7\u30e7\u30f3\u304c\u3042\u308a\u307e\u3059\u304c\u3001",(0,d.jsx)(n.strong,{children:"primary"}),"\u306e\u4f7f\u7528\u304c\u63a8\u5968\u3055\u308c\u307e\u3059\u3002"]}),"\n",(0,d.jsxs)("table",{style:{textAlign:"center"},children:[(0,d.jsxs)("tr",{children:[(0,d.jsx)("td",{children:"\u30c6\u30fc\u30de"}),(0,d.jsxs)("td",{children:["\u30ed\u30b4 ",(0,d.jsx)("sub",{style:{color:"gray",display:"block"},children:"(Ctrl/Cmd + Click\u3067\u30c0\u30a6\u30f3\u30ed\u30fc\u30c9)"})]}),(0,d.jsx)("td",{children:"\u4f7f\u7528\u6cd5"})]}),(0,d.jsxs)("tr",{children:[(0,d.jsxs)("td",{style:{color:"#FFF",background:"linear-gradient(135deg, rgba(41,190,220,1) 0%, rgba(81,122,237,1) 100%)"},children:["primary ",(0,d.jsx)("br",{})," (#29BEDC, #517AED)"]}),(0,d.jsx)("td",{children:(0,d.jsx)("a",{href:"/img/brand/logo-primary.png",download:!0,children:(0,d.jsx)("img",{src:"/img/brand/logo-primary.png",height:"130",alt:"logo-primary"})})}),(0,d.jsx)("td",{children:"\u307b\u3068\u3093\u3069\u306e\u5834\u5408\u306b\u63a8\u5968\u3055\u308c\u307e\u3059"})]}),(0,d.jsxs)("tr",{children:[(0,d.jsxs)("td",{style:{color:"#FFF",background:"#3193FF"},children:["flat ",(0,d.jsx)("br",{})," (#3193FF)"]}),(0,d.jsx)("td",{children:(0,d.jsx)("a",{href:"/img/brand/logo-flat.png",download:!0,children:(0,d.jsx)("img",{src:"/img/brand/logo-flat.png",height:"130",alt:"logo-flat"})})}),(0,d.jsx)("td",{children:"\u5358\u8272\u30b3\u30f3\u30c6\u30ad\u30b9\u30c8\u7528"})]}),(0,d.jsxs)("tr",{children:[(0,d.jsxs)("td",{style:{color:"#000",background:"#FFF"},children:["monochrome ",(0,d.jsx)("br",{})," (#FFF)"]}),(0,d.jsx)("td",{style:{color:"#000",background:"#242526"},children:(0,d.jsx)("a",{href:"/img/brand/logo-monochrome.png",download:!0,children:(0,d.jsx)("img",{src:"/img/brand/logo-monochrome.png",height:"130",alt:"logo-monocrhome"})})}),(0,d.jsx)("td",{children:"\u767d\u9ed2\u30b3\u30f3\u30c6\u30ad\u30b9\u30c8\u7528"})]}),(0,d.jsxs)("tr",{children:[(0,d.jsxs)("td",{style:{color:"#FFF",background:"#3193FF"},children:["square ",(0,d.jsx)("br",{})," (#3193FF)"]}),(0,d.jsx)("td",{children:(0,d.jsx)("a",{href:"/img/brand/logo-square.png",download:!0,children:(0,d.jsx)("img",{src:"/img/brand/logo-square.png",height:"130",alt:"logo-square"})})}),(0,d.jsx)("td",{children:"\u6b63\u65b9\u5f62\u30b5\u30a4\u30ba\u7528"})]})]}),"\n",(0,d.jsx)(n.h2,{id:"banners--schemes",children:"\u30d0\u30ca\u30fc\u3068\u30b9\u30ad\u30fc\u30e0"}),"\n",(0,d.jsx)("a",{href:"/img/brand/banner-primary.jpg",download:!0,children:(0,d.jsx)("img",{src:"/img/brand/banner-primary.jpg",height:"256",alt:"banner-primary"})}),"\n",(0,d.jsx)("a",{href:"/img/brand/banner-monochrome.jpg",download:!0,children:(0,d.jsx)("img",{src:"/img/brand/banner-monochrome.jpg",height:"256",alt:"banner-monochrome"})}),"\n",(0,d.jsx)(n.h2,{id:"\u30bd\u30fc\u30b7\u30e3\u30eb\u30d7\u30ec\u30d3\u30e5\u30fc",children:"\u30bd\u30fc\u30b7\u30e3\u30eb\u30d7\u30ec\u30d3\u30e5\u30fc"}),"\n",(0,d.jsx)(n.p,{children:"\u4f5c\u696d\u4e2d..."}),"\n",(0,d.jsx)(n.h2,{id:"presentation-template",children:"\u30d7\u30ec\u30bc\u30f3\u30c6\u30fc\u30b7\u30e7\u30f3\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8"}),"\n",(0,d.jsx)(n.p,{children:"\u4f5c\u696d\u4e2d..."}),"\n",(0,d.jsx)(n.h2,{id:"see-also",children:"\u53c2\u7167"}),"\n",(0,d.jsxs)(n.ul,{children:["\n",(0,d.jsx)(n.li,{children:(0,d.jsx)(n.a,{href:"https://github.com/feature-sliced/documentation/discussions/399",children:"\u30c7\u30a3\u30b9\u30ab\u30c3\u30b7\u30e7\u30f3 (github)"})}),"\n",(0,d.jsx)(n.li,{children:(0,d.jsx)(n.a,{href:"https://www.figma.com/file/RPphccpoeasVB0lMpZwPVR/FSD-Brand?node-id=0%3A1",children:"\u30ea\u30d6\u30e9\u30f3\u30c7\u30a3\u30f3\u30b0\u306e\u6b74\u53f2\u3068\u53c2\u8003\u8cc7\u6599 (figma)"})}),"\n",(0,d.jsx)(n.li,{children:(0,d.jsx)(n.a,{href:"https://rebrand-sliced.netlify.app/en/",children:"\u30ea\u30d6\u30e9\u30f3\u30c7\u30a3\u30f3\u30b0\u30c7\u30e2"})}),"\n"]})]})}function h(e={}){const{wrapper:n}={...(0,s.R)(),...e.components};return n?(0,d.jsx)(n,{...e,children:(0,d.jsx)(a,{...e})}):a(e)}},1100:(e,n,r)=>{r.d(n,{R:()=>l,x:()=>t});var d=r(758);const s={},i=d.createContext(s);function l(e){const n=d.useContext(i);return d.useMemo((function(){return"function"==typeof e?e(n):{...n,...e}}),[n,e])}function t(e){let n;return n=e.disableParentContext?"function"==typeof e.components?e.components(s):e.components||s:l(e.components),d.createElement(i.Provider,{value:n},e.children)}}}]);
\ No newline at end of file
diff --git a/ja/assets/js/419904cc.751756fe.js b/ja/assets/js/419904cc.665903d5.js
similarity index 99%
rename from ja/assets/js/419904cc.751756fe.js
rename to ja/assets/js/419904cc.665903d5.js
index c2fd3caf18..48c0c412a0 100644
--- a/ja/assets/js/419904cc.751756fe.js
+++ b/ja/assets/js/419904cc.665903d5.js
@@ -1 +1 @@
-"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[6778],{9300:(e,n,t)=>{t.r(n),t.d(n,{assets:()=>l,contentTitle:()=>o,default:()=>u,frontMatter:()=>r,metadata:()=>a,toc:()=>d});var s=t(6070),i=t(1100);const r={sidebar_position:10},o="React Query\u3068\u306e\u4f75\u7528",a={id:"guides/tech/with-react-query",title:"React Query\u3068\u306e\u4f75\u7528",description:"\u30ad\u30fc\u3092\u3069\u3053\u306b\u7f6e\u304f\u304b\u554f\u984c",source:"@site/i18n/ja/docusaurus-plugin-content-docs/current/guides/tech/with-react-query.mdx",sourceDirName:"guides/tech",slug:"/guides/tech/with-react-query",permalink:"/ja/docs/guides/tech/with-react-query",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/ja/docusaurus-plugin-content-docs/current/guides/tech/with-react-query.mdx",tags:[],version:"current",lastUpdatedAt:1727607766e3,sidebarPosition:10,frontMatter:{sidebar_position:10},sidebar:"guidesSidebar",previous:{title:"NuxtJS\u3068\u306e\u4f75\u7528",permalink:"/ja/docs/guides/tech/with-nuxtjs"},next:{title:"SvelteKit\u3068\u306e\u4f75\u7528",permalink:"/ja/docs/guides/tech/with-sveltekit"}},l={},d=[{value:"\u30ad\u30fc\u3092\u3069\u3053\u306b\u7f6e\u304f\u304b\u554f\u984c",id:"\u30ad\u30fc\u3092\u3069\u3053\u306b\u7f6e\u304f\u304b\u554f\u984c",level:2},{value:"\u89e3\u6c7a\u7b56 - \u30a8\u30f3\u30c6\u30a3\u30c6\u30a3\u3054\u3068\u306b\u5206\u5272\u3059\u308b",id:"\u89e3\u6c7a\u7b56---\u30a8\u30f3\u30c6\u30a3\u30c6\u30a3\u3054\u3068\u306b\u5206\u5272\u3059\u308b",level:3},{value:"\u4ee3\u66ff\u6848 \u2014 \u30af\u30a8\u30ea\u3092\u516c\u958b\u3067\u4fdd\u5b58\u3059\u308b",id:"\u4ee3\u66ff\u6848--\u30af\u30a8\u30ea\u3092\u516c\u958b\u3067\u4fdd\u5b58\u3059\u308b",level:3},{value:"\u554f\u984c\u300c\u30df\u30e5\u30fc\u30c6\u30fc\u30b7\u30e7\u30f3\u306f\u3069\u3053\u306b\uff1f\u300d",id:"\u554f\u984c\u30df\u30e5\u30fc\u30c6\u30fc\u30b7\u30e7\u30f3\u306f\u3069\u3053\u306b",level:2},{value:"1. \u4f7f\u7528\u5834\u6240\u306e\u8fd1\u304f\u306bAPI\u30bb\u30b0\u30e1\u30f3\u30c8\u306b\u30ab\u30b9\u30bf\u30e0\u30d5\u30c3\u30af\u3092\u5b9a\u7fa9\u3059\u308b",id:"1-\u4f7f\u7528\u5834\u6240\u306e\u8fd1\u304f\u306bapi\u30bb\u30b0\u30e1\u30f3\u30c8\u306b\u30ab\u30b9\u30bf\u30e0\u30d5\u30c3\u30af\u3092\u5b9a\u7fa9\u3059\u308b",level:3},{value:"2. \u5225\u306e\u5834\u6240\uff08Shared\u5c64\u3084Entities\u5c64\uff09\u306b\u30df\u30e5\u30fc\u30c6\u30fc\u30b7\u30e7\u30f3\u95a2\u6570\u3092\u5b9a\u7fa9\u3057\u3001\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u5185\u3067<code>useMutation</code>\u3092\u76f4\u63a5\u4f7f\u7528\u3059\u308b",id:"2-\u5225\u306e\u5834\u6240shared\u5c64\u3084entities\u5c64\u306b\u30df\u30e5\u30fc\u30c6\u30fc\u30b7\u30e7\u30f3\u95a2\u6570\u3092\u5b9a\u7fa9\u3057\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u5185\u3067usemutation\u3092\u76f4\u63a5\u4f7f\u7528\u3059\u308b",level:3},{value:"\u30af\u30a8\u30ea\u306e\u7d44\u7e54\u5316",id:"\u30af\u30a8\u30ea\u306e\u7d44\u7e54\u5316",level:2},{value:"\u30af\u30a8\u30ea\u30d5\u30a1\u30af\u30c8\u30ea\u30fc",id:"\u30af\u30a8\u30ea\u30d5\u30a1\u30af\u30c8\u30ea\u30fc",level:3},{value:"1. \u30af\u30a8\u30ea\u30d5\u30a1\u30af\u30c8\u30ea\u30fc\u306e\u4f5c\u6210",id:"1-\u30af\u30a8\u30ea\u30d5\u30a1\u30af\u30c8\u30ea\u30fc\u306e\u4f5c\u6210",level:3},{value:"2. \u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u30b3\u30fc\u30c9\u3067\u306e\u30af\u30a8\u30ea\u30d5\u30a1\u30af\u30c8\u30ea\u30fc\u306e\u9069\u7528",id:"2-\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u30b3\u30fc\u30c9\u3067\u306e\u30af\u30a8\u30ea\u30d5\u30a1\u30af\u30c8\u30ea\u30fc\u306e\u9069\u7528",level:3},{value:"\u30af\u30a8\u30ea\u30d5\u30a1\u30af\u30c8\u30ea\u30fc\u3092\u4f7f\u7528\u3059\u308b\u5229\u70b9",id:"\u30af\u30a8\u30ea\u30d5\u30a1\u30af\u30c8\u30ea\u30fc\u3092\u4f7f\u7528\u3059\u308b\u5229\u70b9",level:3},{value:"\u30da\u30fc\u30b8\u30cd\u30fc\u30b7\u30e7\u30f3",id:"\u30da\u30fc\u30b8\u30cd\u30fc\u30b7\u30e7\u30f3",level:2},{value:"1. <code>getPosts</code>\u95a2\u6570\u306e\u4f5c\u6210",id:"1-getposts\u95a2\u6570\u306e\u4f5c\u6210",level:3},{value:"2. \u30da\u30fc\u30b8\u30cd\u30fc\u30b7\u30e7\u30f3\u7528\u306e\u30af\u30a8\u30ea\u30d5\u30a1\u30af\u30c8\u30ea\u30fc",id:"2-\u30da\u30fc\u30b8\u30cd\u30fc\u30b7\u30e7\u30f3\u7528\u306e\u30af\u30a8\u30ea\u30d5\u30a1\u30af\u30c8\u30ea\u30fc",level:3},{value:"3. \u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u30b3\u30fc\u30c9\u3067\u306e\u4f7f\u7528",id:"3-\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u30b3\u30fc\u30c9\u3067\u306e\u4f7f\u7528",level:3},{value:"\u30af\u30a8\u30ea\u7ba1\u7406\u7528\u306e<code>QueryProvider</code>",id:"\u30af\u30a8\u30ea\u7ba1\u7406\u7528\u306equeryprovider",level:2},{value:"1. <code>QueryProvider</code>\u306e\u4f5c\u6210",id:"1-queryprovider\u306e\u4f5c\u6210",level:3},{value:"2. <code>QueryClient</code>\u306e\u4f5c\u6210",id:"2-queryclient\u306e\u4f5c\u6210",level:3},{value:"\u30b3\u30fc\u30c9\u751f\u6210",id:"\u30b3\u30fc\u30c9\u751f\u6210",level:2},{value:"RQ\u306e\u6574\u7406\u306b\u95a2\u3059\u308b\u8ffd\u52a0\u306e\u30a2\u30c9\u30d0\u30a4\u30b9",id:"rq\u306e\u6574\u7406\u306b\u95a2\u3059\u308b\u8ffd\u52a0\u306e\u30a2\u30c9\u30d0\u30a4\u30b9",level:2},{value:"API\u30af\u30e9\u30a4\u30a2\u30f3\u30c8",id:"api\u30af\u30e9\u30a4\u30a2\u30f3\u30c8",level:3},{value:"\u53c2\u7167",id:"see-also",level:2}];function c(e){const n={a:"a",admonition:"admonition",code:"code",h1:"h1",h2:"h2",h3:"h3",header:"header",li:"li",p:"p",pre:"pre",strong:"strong",ul:"ul",...(0,i.R)(),...e.components};return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(n.header,{children:(0,s.jsx)(n.h1,{id:"react-query\u3068\u306e\u4f75\u7528",children:"React Query\u3068\u306e\u4f75\u7528"})}),"\n",(0,s.jsx)(n.h2,{id:"\u30ad\u30fc\u3092\u3069\u3053\u306b\u7f6e\u304f\u304b\u554f\u984c",children:"\u30ad\u30fc\u3092\u3069\u3053\u306b\u7f6e\u304f\u304b\u554f\u984c"}),"\n",(0,s.jsx)(n.h3,{id:"\u89e3\u6c7a\u7b56---\u30a8\u30f3\u30c6\u30a3\u30c6\u30a3\u3054\u3068\u306b\u5206\u5272\u3059\u308b",children:"\u89e3\u6c7a\u7b56 - \u30a8\u30f3\u30c6\u30a3\u30c6\u30a3\u3054\u3068\u306b\u5206\u5272\u3059\u308b"}),"\n",(0,s.jsx)(n.p,{children:"\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u306b\u3059\u3067\u306b\u30a8\u30f3\u30c6\u30a3\u30c6\u30a3\u306e\u5206\u5272\u304c\u3042\u308a\u3001\u5404\u30af\u30a8\u30ea\u304c1\u3064\u306e\u30a8\u30f3\u30c6\u30a3\u30c6\u30a3\u306b\u5bfe\u5fdc\u3057\u3066\u3044\u308b\u5834\u5408\u3001\u30a8\u30f3\u30c6\u30a3\u30c6\u30a3\u3054\u3068\u306b\u5206\u5272\u3059\u308b\u306e\u304c\u6700\u826f\u3067\u3059\u3002\u3053\u306e\u5834\u5408\u3001\u6b21\u306e\u69cb\u9020\u3092\u4f7f\u7528\u3059\u308b\u3053\u3068\u3092\u304a\u52e7\u3081\u3057\u307e\u3059\u3002"}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-sh",children:"\u2514\u2500\u2500 src/                                        #\n    \u251c\u2500\u2500 app/                                    #\n    |   ...                                     #\n    \u251c\u2500\u2500 pages/                                  #\n    |   ...                                     #\n    \u251c\u2500\u2500 entities/                               #\n    |     \u251c\u2500\u2500 {entity}/                         #\n    |    ...     \u2514\u2500\u2500 api/                       #\n    |                 \u251c\u2500\u2500 `{entity}.query`      # \u30af\u30a8\u30ea\u30d5\u30a1\u30af\u30c8\u30ea\u30fc\u3001\u30ad\u30fc\u3068\u95a2\u6570\u304c\u5b9a\u7fa9\u3055\u308c\u3066\u3044\u308b\n    |                 \u251c\u2500\u2500 `get-{entity}`        # \u30a8\u30f3\u30c6\u30a3\u30c6\u30a3\u3092\u53d6\u5f97\u3059\u308b\u95a2\u6570\n    |                 \u251c\u2500\u2500 `create-{entity}`     # \u30a8\u30f3\u30c6\u30a3\u30c6\u30a3\u3092\u4f5c\u6210\u3059\u308b\u95a2\u6570\n    |                 \u251c\u2500\u2500 `update-{entity}`     # \u30aa\u30d6\u30b8\u30a7\u30af\u30c8\u3092\u66f4\u65b0\u3059\u308b\u95a2\u6570\n    |                 \u251c\u2500\u2500 `delete-{entity}`     # \u30aa\u30d6\u30b8\u30a7\u30af\u30c8\u3092\u524a\u9664\u3059\u308b\u95a2\u6570\n    |                ...                        #\n    |                                           #\n    \u251c\u2500\u2500 features/                               #\n    |   ...                                     #\n    \u251c\u2500\u2500 widgets/                                #\n    |   ...                                     #\n    \u2514\u2500\u2500 shared/                                 #\n        ...                                     #\n"})}),"\n",(0,s.jsxs)(n.p,{children:["\u3082\u3057\u30a8\u30f3\u30c6\u30a3\u30c6\u30a3\u9593\u306b\u95a2\u4fc2\u304c\u3042\u308b\u5834\u5408\uff08\u4f8b\u3048\u3070\u3001\u300c\u56fd\u300d\u306e\u30a8\u30f3\u30c6\u30a3\u30c6\u30a3\u306b\u300c\u90fd\u5e02\u300d\u306e\u30a8\u30f3\u30c6\u30a3\u30c6\u30a3\u4e00\u89a7\u30d5\u30a3\u30fc\u30eb\u30c9\u304c\u3042\u308b\u5834\u5408\uff09\u3001",(0,s.jsx)(n.code,{children:"@x"})," \u30a2\u30ce\u30c6\u30fc\u30b7\u30e7\u30f3\u3092\u4f7f\u7528\u3057\u305f\u7d44\u7e54\u7684\u306a\u30af\u30ed\u30b9\u30a4\u30f3\u30dd\u30fc\u30c8\u306e",(0,s.jsx)(n.a,{href:"https://github.com/feature-sliced/documentation/discussions/390#discussioncomment-5570073",children:"\u5b9f\u9a13\u7684\u30a2\u30d7\u30ed\u30fc\u30c1"}),"\u3092\u5229\u7528\u3059\u308b\u304b\u3001\u4ee5\u4e0b\u306e\u4ee3\u66ff\u6848\u3092\u691c\u8a0e\u3067\u304d\u307e\u3059\u3002"]}),"\n",(0,s.jsx)(n.h3,{id:"\u4ee3\u66ff\u6848--\u30af\u30a8\u30ea\u3092\u516c\u958b\u3067\u4fdd\u5b58\u3059\u308b",children:"\u4ee3\u66ff\u6848 \u2014 \u30af\u30a8\u30ea\u3092\u516c\u958b\u3067\u4fdd\u5b58\u3059\u308b"}),"\n",(0,s.jsx)(n.p,{children:"\u30a8\u30f3\u30c6\u30a3\u30c6\u30a3\u3054\u3068\u306e\u5206\u5272\u304c\u9069\u3055\u306a\u3044\u5834\u5408\u3001\u6b21\u306e\u69cb\u9020\u3092\u8003\u616e\u3067\u304d\u307e\u3059\u3002"}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-sh",children:"\u2514\u2500\u2500 src/                                        #\n   ...                                          #\n    \u2514\u2500\u2500 shared/                                 #\n          \u251c\u2500\u2500 api/                              #\n         ...   \u251c\u2500\u2500 `queries`                    # \u30af\u30a8\u30ea\u30d5\u30a1\u30af\u30c8\u30ea\u30fc\n               |      \u251c\u2500\u2500 `document.ts`         #\n               |      \u251c\u2500\u2500 `background-jobs.ts`  #\n               |     ...                        #\n               \u2514\u2500\u2500  index.ts                    #\n"})}),"\n",(0,s.jsxs)(n.p,{children:["\u6b21\u306b\u3001",(0,s.jsx)(n.code,{children:"@/shared/api/index.ts"}),"\u306b"]}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-ts",metastring:'title="@/shared/api/index.ts"',children:'export { documentQueries } from "./queries/document";\n'})}),"\n",(0,s.jsx)(n.h2,{id:"\u554f\u984c\u30df\u30e5\u30fc\u30c6\u30fc\u30b7\u30e7\u30f3\u306f\u3069\u3053\u306b",children:"\u554f\u984c\u300c\u30df\u30e5\u30fc\u30c6\u30fc\u30b7\u30e7\u30f3\u306f\u3069\u3053\u306b\uff1f\u300d"}),"\n",(0,s.jsx)(n.p,{children:"\u30df\u30e5\u30fc\u30c6\u30fc\u30b7\u30e7\u30f3\u3092\u30af\u30a8\u30ea\u3068\u6df7\u5408\u3059\u308b\u3053\u3068\u306f\u63a8\u5968\u3055\u308c\u307e\u305b\u3093\u30022\u3064\u306e\u9078\u629e\u80a2\u304c\u8003\u3048\u3089\u308c\u307e\u3059\u3002"}),"\n",(0,s.jsx)(n.h3,{id:"1-\u4f7f\u7528\u5834\u6240\u306e\u8fd1\u304f\u306bapi\u30bb\u30b0\u30e1\u30f3\u30c8\u306b\u30ab\u30b9\u30bf\u30e0\u30d5\u30c3\u30af\u3092\u5b9a\u7fa9\u3059\u308b",children:"1. \u4f7f\u7528\u5834\u6240\u306e\u8fd1\u304f\u306bAPI\u30bb\u30b0\u30e1\u30f3\u30c8\u306b\u30ab\u30b9\u30bf\u30e0\u30d5\u30c3\u30af\u3092\u5b9a\u7fa9\u3059\u308b"}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-tsx",metastring:'title="@/features/update-post/api/use-update-title.ts"',children:"export const useUpdateTitle = () => {\n  const queryClient = useQueryClient();\n\n  return useMutation({\n    mutationFn: ({ id, newTitle }) =>\n      apiClient\n        .patch(`/posts/${id}`, { title: newTitle })\n        .then((data) => console.log(data)),\n\n    onSuccess: (newPost) => {\n      queryClient.setQueryData(postsQueries.ids(id), newPost);\n    },\n  });\n};\n"})}),"\n",(0,s.jsxs)(n.h3,{id:"2-\u5225\u306e\u5834\u6240shared\u5c64\u3084entities\u5c64\u306b\u30df\u30e5\u30fc\u30c6\u30fc\u30b7\u30e7\u30f3\u95a2\u6570\u3092\u5b9a\u7fa9\u3057\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u5185\u3067usemutation\u3092\u76f4\u63a5\u4f7f\u7528\u3059\u308b",children:["2. \u5225\u306e\u5834\u6240\uff08Shared\u5c64\u3084Entities\u5c64\uff09\u306b\u30df\u30e5\u30fc\u30c6\u30fc\u30b7\u30e7\u30f3\u95a2\u6570\u3092\u5b9a\u7fa9\u3057\u3001\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u5185\u3067",(0,s.jsx)(n.code,{children:"useMutation"}),"\u3092\u76f4\u63a5\u4f7f\u7528\u3059\u308b"]}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-tsx",children:"const { mutateAsync, isPending } = useMutation({\n  mutationFn: postApi.createPost,\n});\n"})}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-tsx",metastring:'title="@/pages/post-create/ui/post-create-page.tsx"',children:'export const CreatePost = () => {\n  const { classes } = useStyles();\n  const [title, setTitle] = useState("");\n\n  const { mutate, isPending } = useMutation({\n    mutationFn: postApi.createPost,\n  });\n\n  const handleChange = (e: ChangeEvent<HTMLInputElement>) =>\n    setTitle(e.target.value);\n  const handleSubmit = (e: FormEvent<HTMLFormElement>) => {\n    e.preventDefault();\n    mutate({ title, userId: DEFAULT_USER_ID });\n  };\n\n  return (\n    <form className={classes.create_form} onSubmit={handleSubmit}>\n      <TextField onChange={handleChange} value={title} />\n      <LoadingButton type="submit" variant="contained" loading={isPending}>\n        Create\n      </LoadingButton>\n    </form>\n  );\n};\n'})}),"\n",(0,s.jsx)(n.h2,{id:"\u30af\u30a8\u30ea\u306e\u7d44\u7e54\u5316",children:"\u30af\u30a8\u30ea\u306e\u7d44\u7e54\u5316"}),"\n",(0,s.jsx)(n.h3,{id:"\u30af\u30a8\u30ea\u30d5\u30a1\u30af\u30c8\u30ea\u30fc",children:"\u30af\u30a8\u30ea\u30d5\u30a1\u30af\u30c8\u30ea\u30fc"}),"\n",(0,s.jsx)(n.p,{children:"\u3053\u306e\u30ac\u30a4\u30c9\u3067\u306f\u3001\u30af\u30a8\u30ea\u30d5\u30a1\u30af\u30c8\u30ea\u30fc\u306e\u4f7f\u3044\u65b9\u306b\u3064\u3044\u3066\u8aac\u660e\u3057\u307e\u3059\u3002"}),"\n",(0,s.jsx)(n.admonition,{type:"note",children:(0,s.jsx)(n.p,{children:"\u30af\u30a8\u30ea\u30d5\u30a1\u30af\u30c8\u30ea\u30fc\u3068\u306f\u3001JS\u30aa\u30d6\u30b8\u30a7\u30af\u30c8\u306e\u3053\u3068\u3067\u3001\u305d\u306e\u30aa\u30d6\u30b8\u30a7\u30af\u30c8\u30ad\u30fc\u306e\u5024\u304c\u30af\u30a8\u30ea\u30ad\u30fc\u4e00\u89a7\u3092\u8fd4\u3059\u95a2\u6570\u3067\u3042\u308b\u3002"})}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-ts",children:'const keyFactory = {\n  all: () => ["entity"],\n  lists: () => [...postQueries.all(), "list"],\n};\n'})}),"\n",(0,s.jsxs)(n.admonition,{type:"info",children:[(0,s.jsxs)(n.p,{children:[(0,s.jsx)(n.code,{children:"queryOptions"})," - react-query@v5\u306b\u7d44\u307f\u8fbc\u307e\u308c\u305f\u30e6\u30fc\u30c6\u30a3\u30ea\u30c6\u30a3\uff08\u30aa\u30d7\u30b7\u30e7\u30f3\uff09"]}),(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-ts",children:"queryOptions({\n  queryKey,\n  ...options,\n});\n"})}),(0,s.jsxs)(n.p,{children:["\u3088\u308a\u9ad8\u3044\u578b\u5b89\u5168\u6027\u3068\u5c06\u6765\u306ereact-query\u306e\u30d0\u30fc\u30b8\u30e7\u30f3\u3068\u306e\u4e92\u63db\u6027\u3092\u78ba\u4fdd\u3057\u3001\u30af\u30a8\u30ea\u306e\u95a2\u6570\u3084\u30ad\u30fc\u3078\u306e\u30a2\u30af\u30bb\u30b9\u3092\u7c21\u7d20\u5316\u3059\u308b\u305f\u3081\u306b\u3001",(0,s.jsx)(n.code,{children:"@tanstack/react-query"}),"\u306e",(0,s.jsx)(n.code,{children:"queryOptions"}),"\u95a2\u6570\u3092\u4f7f\u7528\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u308b",(0,s.jsx)(n.a,{href:"https://tkdodo.eu/blog/the-query-options-api#queryoptions",children:"(\u8a73\u7d30\u306f\u3053\u3061\u3089)"}),"\u3002"]})]}),"\n",(0,s.jsx)(n.h3,{id:"1-\u30af\u30a8\u30ea\u30d5\u30a1\u30af\u30c8\u30ea\u30fc\u306e\u4f5c\u6210",children:"1. \u30af\u30a8\u30ea\u30d5\u30a1\u30af\u30c8\u30ea\u30fc\u306e\u4f5c\u6210"}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-tsx",metastring:'title="@/entities/post/api/post.queries.ts"',children:'import { keepPreviousData, queryOptions } from "@tanstack/react-query";\nimport { getPosts } from "./get-posts";\nimport { getDetailPost } from "./get-detail-post";\nimport { PostDetailQuery } from "./query/post.query";\n\nexport const postQueries = {\n  all: () => ["posts"],\n\n  lists: () => [...postQueries.all(), "list"],\n  list: (page: number, limit: number) =>\n    queryOptions({\n      queryKey: [...postQueries.lists(), page, limit],\n      queryFn: () => getPosts(page, limit),\n      placeholderData: keepPreviousData,\n    }),\n\n  details: () => [...postQueries.all(), "detail"],\n  detail: (query?: PostDetailQuery) =>\n    queryOptions({\n      queryKey: [...postQueries.details(), query?.id],\n      queryFn: () => getDetailPost({ id: query?.id }),\n      staleTime: 5000,\n    }),\n};\n'})}),"\n",(0,s.jsx)(n.h3,{id:"2-\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u30b3\u30fc\u30c9\u3067\u306e\u30af\u30a8\u30ea\u30d5\u30a1\u30af\u30c8\u30ea\u30fc\u306e\u9069\u7528",children:"2. \u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u30b3\u30fc\u30c9\u3067\u306e\u30af\u30a8\u30ea\u30d5\u30a1\u30af\u30c8\u30ea\u30fc\u306e\u9069\u7528"}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-tsx",children:'import { useParams } from "react-router-dom";\nimport { postApi } from "@/entities/post";\nimport { useQuery } from "@tanstack/react-query";\n\ntype Params = {\n  postId: string;\n};\n\nexport const PostPage = () => {\n  const { postId } = useParams<Params>();\n  const id = parseInt(postId || "");\n  const {\n    data: post,\n    error,\n    isLoading,\n    isError,\n  } = useQuery(postApi.postQueries.detail({ id }));\n\n  if (isLoading) {\n    return <div>Loading...</div>;\n  }\n\n  if (isError || !post) {\n    return <>{error?.message}</>;\n  }\n\n  return (\n    <div>\n      <p>Post id: {post.id}</p>\n      <div>\n        <h1>{post.title}</h1>\n        <div>\n          <p>{post.body}</p>\n        </div>\n      </div>\n      <div>Owner: {post.userId}</div>\n    </div>\n  );\n};\n'})}),"\n",(0,s.jsx)(n.h3,{id:"\u30af\u30a8\u30ea\u30d5\u30a1\u30af\u30c8\u30ea\u30fc\u3092\u4f7f\u7528\u3059\u308b\u5229\u70b9",children:"\u30af\u30a8\u30ea\u30d5\u30a1\u30af\u30c8\u30ea\u30fc\u3092\u4f7f\u7528\u3059\u308b\u5229\u70b9"}),"\n",(0,s.jsxs)(n.ul,{children:["\n",(0,s.jsxs)(n.li,{children:[(0,s.jsx)(n.strong,{children:"\u30af\u30a8\u30ea\u306e\u69cb\u9020\u5316:"})," \u30d5\u30a1\u30af\u30c8\u30ea\u30fc\u306f\u3059\u3079\u3066\u306eAPI\u30af\u30a8\u30ea\u30921\u304b\u6240\u306b\u6574\u7406\u3057\u3001\u30b3\u30fc\u30c9\u3092\u3088\u308a\u8aad\u307f\u3084\u3059\u304f\u3001\u4fdd\u5b88\u3057\u3084\u3059\u304f\u3057\u3066\u3044\u308b"]}),"\n",(0,s.jsxs)(n.li,{children:[(0,s.jsx)(n.strong,{children:"\u30af\u30a8\u30ea\u3068\u30ad\u30fc\u3078\u306e\u4fbf\u5229\u306a\u30a2\u30af\u30bb\u30b9:"})," \u30d5\u30a1\u30af\u30c8\u30ea\u30fc\u306f\u3055\u307e\u3056\u307e\u306a\u30bf\u30a4\u30d7\u306e\u30af\u30a8\u30ea\u3068\u305d\u306e\u30ad\u30fc\u3078\u306e\u4fbf\u5229\u306a\u30e1\u30bd\u30c3\u30c9\u3092\u63d0\u4f9b\u3057\u3066\u3044\u308b"]}),"\n",(0,s.jsxs)(n.li,{children:[(0,s.jsx)(n.strong,{children:"\u30af\u30a8\u30ea\u306e\u518d\u30d5\u30a7\u30c3\u30c1\u6a5f\u80fd:"})," \u30d5\u30a1\u30af\u30c8\u30ea\u30fc\u306f\u3001\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u306e\u3055\u307e\u3056\u307e\u306a\u90e8\u5206\u3067\u30af\u30a8\u30ea\u30ad\u30fc\u3092\u5909\u66f4\u3059\u308b\u3053\u3068\u306a\u304f\u3001\u7c21\u5358\u306b\u518d\u30d5\u30a7\u30c3\u30c1\u3092\u884c\u3046\u3053\u3068\u3092\u53ef\u80fd\u306b\u3057\u3066\u3044\u308b"]}),"\n"]}),"\n",(0,s.jsx)(n.h2,{id:"\u30da\u30fc\u30b8\u30cd\u30fc\u30b7\u30e7\u30f3",children:"\u30da\u30fc\u30b8\u30cd\u30fc\u30b7\u30e7\u30f3"}),"\n",(0,s.jsxs)(n.p,{children:["\u3053\u306e\u30bb\u30af\u30b7\u30e7\u30f3\u3067\u306f\u3001\u30da\u30fc\u30b8\u30cd\u30fc\u30b7\u30e7\u30f3\u3092\u4f7f\u7528\u3057\u3066\u6295\u7a3f\u30a8\u30f3\u30c6\u30a3\u30c6\u30a3\u3092\u53d6\u5f97\u3059\u308b\u305f\u3081\u306eAPI\u30af\u30a8\u30ea\u3092\u884c\u3046",(0,s.jsx)(n.code,{children:"getPosts"}),"\u95a2\u6570\u306e\u4f8b\u3092\u6319\u3052\u307e\u3059\u3002"]}),"\n",(0,s.jsxs)(n.h3,{id:"1-getposts\u95a2\u6570\u306e\u4f5c\u6210",children:["1. ",(0,s.jsx)(n.code,{children:"getPosts"}),"\u95a2\u6570\u306e\u4f5c\u6210"]}),"\n",(0,s.jsxs)(n.p,{children:[(0,s.jsx)(n.code,{children:"getPosts"}),"\u95a2\u6570\u306f\u3001API\u30bb\u30b0\u30e1\u30f3\u30c8\u5185\u306e",(0,s.jsx)(n.code,{children:"get-posts.ts"}),"\u30d5\u30a1\u30a4\u30eb\u306b\u3042\u308a\u307e\u3059\u3002"]}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-tsx",metastring:'title="@/pages/post-feed/api/get-posts.ts"',children:'import { apiClient } from "@/shared/api/base";\n\nimport { PostWithPaginationDto } from "./dto/post-with-pagination.dto";\nimport { PostQuery } from "./query/post.query";\nimport { mapPost } from "./mapper/map-post";\nimport { PostWithPagination } from "../model/post-with-pagination";\n\nconst calculatePostPage = (totalCount: number, limit: number) =>\n  Math.floor(totalCount / limit);\n\nexport const getPosts = async (\n  page: number,\n  limit: number,\n): Promise<PostWithPagination> => {\n  const skip = page * limit;\n  const query: PostQuery = { skip, limit };\n  const result = await apiClient.get<PostWithPaginationDto>("/posts", query);\n\n  return {\n    posts: result.posts.map((post) => mapPost(post)),\n    limit: result.limit,\n    skip: result.skip,\n    total: result.total,\n    totalPages: calculatePostPage(result.total, limit),\n  };\n};\n'})}),"\n",(0,s.jsx)(n.h3,{id:"2-\u30da\u30fc\u30b8\u30cd\u30fc\u30b7\u30e7\u30f3\u7528\u306e\u30af\u30a8\u30ea\u30d5\u30a1\u30af\u30c8\u30ea\u30fc",children:"2. \u30da\u30fc\u30b8\u30cd\u30fc\u30b7\u30e7\u30f3\u7528\u306e\u30af\u30a8\u30ea\u30d5\u30a1\u30af\u30c8\u30ea\u30fc"}),"\n",(0,s.jsxs)(n.p,{children:[(0,s.jsx)(n.code,{children:"postQueries"}),"\u30af\u30a8\u30ea\u30d5\u30a1\u30af\u30c8\u30ea\u30fc\u306f\u3001\u6295\u7a3f\u306b\u95a2\u3059\u308b\u3055\u307e\u3056\u307e\u306a\u30af\u30a8\u30ea\u30aa\u30d7\u30b7\u30e7\u30f3\u3092\u5b9a\u7fa9\u3057\u3001\u4e8b\u524d\u306b\u5b9a\u7fa9\u3055\u308c\u305f\u30da\u30fc\u30b8\u3068\u30ea\u30df\u30c3\u30c8\u3092\u4f7f\u7528\u3057\u3066\u6295\u7a3f\u4e00\u89a7\u3092\u53d6\u5f97\u3059\u308b\u30af\u30a8\u30ea\u3092\u542b\u307f\u307e\u3059\u3002"]}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-tsx",children:'import { keepPreviousData, queryOptions } from "@tanstack/react-query";\nimport { getPosts } from "./get-posts";\n\nexport const postQueries = {\n  all: () => ["posts"],\n  lists: () => [...postQueries.all(), "list"],\n  list: (page: number, limit: number) =>\n    queryOptions({\n      queryKey: [...postQueries.lists(), page, limit],\n      queryFn: () => getPosts(page, limit),\n      placeholderData: keepPreviousData,\n    }),\n};\n'})}),"\n",(0,s.jsx)(n.h3,{id:"3-\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u30b3\u30fc\u30c9\u3067\u306e\u4f7f\u7528",children:"3. \u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u30b3\u30fc\u30c9\u3067\u306e\u4f7f\u7528"}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-tsx",metastring:'title="@/pages/home/ui/index.tsx"',children:'export const HomePage = () => {\n  const itemsOnScreen = DEFAULT_ITEMS_ON_SCREEN;\n  const [page, setPage] = usePageParam(DEFAULT_PAGE);\n  const { data, isFetching, isLoading } = useQuery(\n    postApi.postQueries.list(page, itemsOnScreen),\n  );\n  return (\n    <>\n      <Pagination\n        onChange={(_, page) => setPage(page)}\n        page={page}\n        count={data?.totalPages}\n        variant="outlined"\n        color="primary"\n      />\n      <Posts posts={data?.posts} />\n    </>\n  );\n};\n'})}),"\n",(0,s.jsx)(n.admonition,{type:"note",children:(0,s.jsx)(n.p,{children:"\u4f8b\u306f\u7c21\u7565\u5316\u3055\u308c\u3066\u3044\u308b\u3002"})}),"\n",(0,s.jsxs)(n.h2,{id:"\u30af\u30a8\u30ea\u7ba1\u7406\u7528\u306equeryprovider",children:["\u30af\u30a8\u30ea\u7ba1\u7406\u7528\u306e",(0,s.jsx)(n.code,{children:"QueryProvider"})]}),"\n",(0,s.jsxs)(n.p,{children:["\u3053\u306e\u30ac\u30a4\u30c9\u3067\u306f\u3001",(0,s.jsx)(n.code,{children:"QueryProvider"}),"\u3092\u3069\u306e\u3088\u3046\u306b\u69cb\u6210\u3059\u308b\u3079\u304d\u304b\u3092\u8aac\u660e\u3057\u307e\u3059\u3002"]}),"\n",(0,s.jsxs)(n.h3,{id:"1-queryprovider\u306e\u4f5c\u6210",children:["1. ",(0,s.jsx)(n.code,{children:"QueryProvider"}),"\u306e\u4f5c\u6210"]}),"\n",(0,s.jsxs)(n.p,{children:[(0,s.jsx)(n.code,{children:"query-provider.tsx"}),"\u30d5\u30a1\u30a4\u30eb\u306f",(0,s.jsx)(n.code,{children:"@/app/providers/query-provider.tsx"}),"\u306b\u3042\u308a\u307e\u3059\u3002"]}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-tsx",metastring:'title="@/app/providers/query-provider.tsx"',children:'import { QueryClient, QueryClientProvider } from "@tanstack/react-query";\nimport { ReactQueryDevtools } from "@tanstack/react-query-devtools";\nimport { ReactNode } from "react";\n\ntype Props = {\n  children: ReactNode;\n  client: QueryClient;\n};\n\nexport const QueryProvider = ({ client, children }: Props) => {\n  return (\n    <QueryClientProvider client={client}>\n      {children}\n      <ReactQueryDevtools />\n    </QueryClientProvider>\n  );\n};\n'})}),"\n",(0,s.jsxs)(n.h3,{id:"2-queryclient\u306e\u4f5c\u6210",children:["2. ",(0,s.jsx)(n.code,{children:"QueryClient"}),"\u306e\u4f5c\u6210"]}),"\n",(0,s.jsxs)(n.p,{children:[(0,s.jsx)(n.code,{children:"QueryClient"}),"\u306fAPI\u30af\u30a8\u30ea\u3092\u7ba1\u7406\u3059\u308b\u305f\u3081\u306b\u4f7f\u7528\u3055\u308c\u308b\u30a4\u30f3\u30b9\u30bf\u30f3\u30b9\u3067\u3059\u3002",(0,s.jsx)(n.code,{children:"query-client.ts"}),"\u30d5\u30a1\u30a4\u30eb\u306f",(0,s.jsx)(n.code,{children:"@/shared/api/query-client.ts"}),"\u306b\u3042\u308a\u307e\u3059\u3002",(0,s.jsx)(n.code,{children:"QueryClient"}),"\u306f\u30af\u30a8\u30ea\u30ad\u30e3\u30c3\u30b7\u30f3\u30b0\u7528\u306e\u7279\u5b9a\u306e\u8a2d\u5b9a\u3067\u4f5c\u6210\u3055\u308c\u307e\u3059\u3002"]}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-tsx",metastring:'title="@/shared/api/query-client.ts"',children:'import { QueryClient } from "@tanstack/react-query";\n\nexport const queryClient = new QueryClient({\n  defaultOptions: {\n    queries: {\n      staleTime: 5 * 60 * 1000,\n      gcTime: 5 * 60 * 1000,\n    },\n  },\n});\n'})}),"\n",(0,s.jsx)(n.h2,{id:"\u30b3\u30fc\u30c9\u751f\u6210",children:"\u30b3\u30fc\u30c9\u751f\u6210"}),"\n",(0,s.jsxs)(n.p,{children:["\u81ea\u52d5\u30b3\u30fc\u30c9\u751f\u6210\u306e\u305f\u3081\u306e\u30c4\u30fc\u30eb\u304c\u5b58\u5728\u3057\u307e\u3059\u304c\u3001\u3053\u308c\u3089\u306f\u4e0a\u8a18\u306e\u3088\u3046\u306b\u8a2d\u5b9a\u53ef\u80fd\u306a\u3082\u306e\u3068\u6bd4\u8f03\u3057\u3066\u67d4\u8edf\u6027\u304c\u4f4e\u3044\u3067\u3059\u3002Swagger\u30d5\u30a1\u30a4\u30eb\u304c\u9069\u5207\u306b\u69cb\u9020\u5316\u3055\u308c\u3066\u3044\u308b\u5834\u5408\u3001\u3053\u308c\u3089\u306e\u30c4\u30fc\u30eb\u306e1\u3064\u3092\u4f7f\u7528\u3057\u3066",(0,s.jsx)(n.code,{children:"@/shared/api"}),"\u30c7\u30a3\u30ec\u30af\u30c8\u30ea\u5185\u306e\u3059\u3079\u3066\u306e\u30b3\u30fc\u30c9\u3092\u751f\u6210\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002"]}),"\n",(0,s.jsx)(n.h2,{id:"rq\u306e\u6574\u7406\u306b\u95a2\u3059\u308b\u8ffd\u52a0\u306e\u30a2\u30c9\u30d0\u30a4\u30b9",children:"RQ\u306e\u6574\u7406\u306b\u95a2\u3059\u308b\u8ffd\u52a0\u306e\u30a2\u30c9\u30d0\u30a4\u30b9"}),"\n",(0,s.jsx)(n.h3,{id:"api\u30af\u30e9\u30a4\u30a2\u30f3\u30c8",children:"API\u30af\u30e9\u30a4\u30a2\u30f3\u30c8"}),"\n",(0,s.jsx)(n.p,{children:"\u5171\u6709\u5c64\u3067\u3042\u308bshared\u5c64\u3067\u30ab\u30b9\u30bf\u30e0\u306eAPI\u30af\u30e9\u30a4\u30a2\u30f3\u30c8\u30af\u30e9\u30b9\u3092\u4f7f\u7528\u3059\u308b\u3053\u3068\u3067\u3001\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u5185\u3067\u306eAPI\u8a2d\u5b9a\u3084API\u64cd\u4f5c\u3092\u6a19\u6e96\u5316\u3067\u304d\u307e\u3059\u3002\u3053\u308c\u306b\u3088\u308a\u3001\u30ed\u30b0\u8a18\u9332\u3001\u30d8\u30c3\u30c0\u30fc\u3001\u304a\u3088\u3073\u30c7\u30fc\u30bf\u4ea4\u63db\u5f62\u5f0f\uff08\u4f8b: JSON\u3084XML\uff09\u3092\u4e00\u5143\u7ba1\u7406\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002\u3053\u306e\u30a2\u30d7\u30ed\u30fc\u30c1\u306b\u3088\u308a\u3001API\u3068\u306e\u9023\u643a\u306e\u5909\u66f4\u3084\u66f4\u65b0\u304c\u7c21\u5358\u306b\u306a\u308a\u3001\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u306e\u30e1\u30f3\u30c6\u30ca\u30f3\u30b9\u3084\u958b\u767a\u304c\u5bb9\u6613\u306b\u306a\u308a\u307e\u3059\u3002"}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-tsx",metastring:'title="@/shared/api/api-client.ts"',children:'import { API_URL } from "@/shared/config";\n\nexport class ApiClient {\n  private baseUrl: string;\n\n  constructor(url: string) {\n    this.baseUrl = url;\n  }\n\n  async handleResponse<TResult>(response: Response): Promise<TResult> {\n    if (!response.ok) {\n      throw new Error(`HTTP error! Status: ${response.status}`);\n    }\n\n    try {\n      return await response.json();\n    } catch (error) {\n      throw new Error("Error parsing JSON response");\n    }\n  }\n\n  public async get<TResult = unknown>(\n    endpoint: string,\n    queryParams?: Record<string, string | number>,\n  ): Promise<TResult> {\n    const url = new URL(endpoint, this.baseUrl);\n\n    if (queryParams) {\n      Object.entries(queryParams).forEach(([key, value]) => {\n        url.searchParams.append(key, value.toString());\n      });\n    }\n    const response = await fetch(url.toString(), {\n      method: "GET",\n      headers: {\n        "Content-Type": "application/json",\n      },\n    });\n\n    return this.handleResponse<TResult>(response);\n  }\n\n  public async post<TResult = unknown, TData = Record<string, unknown>>(\n    endpoint: string,\n    body: TData,\n  ): Promise<TResult> {\n    const response = await fetch(`${this.baseUrl}${endpoint}`, {\n      method: "POST",\n      headers: {\n        "Content-Type": "application/json",\n      },\n      body: JSON.stringify(body),\n    });\n\n    return this.handleResponse<TResult>(response);\n  }\n}\n\nexport const apiClient = new ApiClient(API_URL);\n'})}),"\n",(0,s.jsx)(n.h2,{id:"see-also",children:"\u53c2\u7167"}),"\n",(0,s.jsxs)(n.ul,{children:["\n",(0,s.jsx)(n.li,{children:(0,s.jsx)(n.a,{href:"https://tkdodo.eu/blog/the-query-options-api",children:"The Query Options API"})}),"\n"]})]})}function u(e={}){const{wrapper:n}={...(0,i.R)(),...e.components};return n?(0,s.jsx)(n,{...e,children:(0,s.jsx)(c,{...e})}):c(e)}},1100:(e,n,t)=>{t.d(n,{R:()=>o,x:()=>a});var s=t(758);const i={},r=s.createContext(i);function o(e){const n=s.useContext(r);return s.useMemo((function(){return"function"==typeof e?e(n):{...n,...e}}),[n,e])}function a(e){let n;return n=e.disableParentContext?"function"==typeof e.components?e.components(i):e.components||i:o(e.components),s.createElement(r.Provider,{value:n},e.children)}}}]);
\ No newline at end of file
+"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[6778],{9300:(e,n,t)=>{t.r(n),t.d(n,{assets:()=>l,contentTitle:()=>o,default:()=>u,frontMatter:()=>r,metadata:()=>a,toc:()=>d});var s=t(6070),i=t(1100);const r={sidebar_position:10},o="React Query\u3068\u306e\u4f75\u7528",a={id:"guides/tech/with-react-query",title:"React Query\u3068\u306e\u4f75\u7528",description:"\u30ad\u30fc\u3092\u3069\u3053\u306b\u7f6e\u304f\u304b\u554f\u984c",source:"@site/i18n/ja/docusaurus-plugin-content-docs/current/guides/tech/with-react-query.mdx",sourceDirName:"guides/tech",slug:"/guides/tech/with-react-query",permalink:"/ja/docs/guides/tech/with-react-query",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/ja/docusaurus-plugin-content-docs/current/guides/tech/with-react-query.mdx",tags:[],version:"current",lastUpdatedAt:1728325386e3,sidebarPosition:10,frontMatter:{sidebar_position:10},sidebar:"guidesSidebar",previous:{title:"NuxtJS\u3068\u306e\u4f75\u7528",permalink:"/ja/docs/guides/tech/with-nuxtjs"},next:{title:"SvelteKit\u3068\u306e\u4f75\u7528",permalink:"/ja/docs/guides/tech/with-sveltekit"}},l={},d=[{value:"\u30ad\u30fc\u3092\u3069\u3053\u306b\u7f6e\u304f\u304b\u554f\u984c",id:"\u30ad\u30fc\u3092\u3069\u3053\u306b\u7f6e\u304f\u304b\u554f\u984c",level:2},{value:"\u89e3\u6c7a\u7b56 - \u30a8\u30f3\u30c6\u30a3\u30c6\u30a3\u3054\u3068\u306b\u5206\u5272\u3059\u308b",id:"\u89e3\u6c7a\u7b56---\u30a8\u30f3\u30c6\u30a3\u30c6\u30a3\u3054\u3068\u306b\u5206\u5272\u3059\u308b",level:3},{value:"\u4ee3\u66ff\u6848 \u2014 \u30af\u30a8\u30ea\u3092\u516c\u958b\u3067\u4fdd\u5b58\u3059\u308b",id:"\u4ee3\u66ff\u6848--\u30af\u30a8\u30ea\u3092\u516c\u958b\u3067\u4fdd\u5b58\u3059\u308b",level:3},{value:"\u554f\u984c\u300c\u30df\u30e5\u30fc\u30c6\u30fc\u30b7\u30e7\u30f3\u306f\u3069\u3053\u306b\uff1f\u300d",id:"\u554f\u984c\u30df\u30e5\u30fc\u30c6\u30fc\u30b7\u30e7\u30f3\u306f\u3069\u3053\u306b",level:2},{value:"1. \u4f7f\u7528\u5834\u6240\u306e\u8fd1\u304f\u306bAPI\u30bb\u30b0\u30e1\u30f3\u30c8\u306b\u30ab\u30b9\u30bf\u30e0\u30d5\u30c3\u30af\u3092\u5b9a\u7fa9\u3059\u308b",id:"1-\u4f7f\u7528\u5834\u6240\u306e\u8fd1\u304f\u306bapi\u30bb\u30b0\u30e1\u30f3\u30c8\u306b\u30ab\u30b9\u30bf\u30e0\u30d5\u30c3\u30af\u3092\u5b9a\u7fa9\u3059\u308b",level:3},{value:"2. \u5225\u306e\u5834\u6240\uff08Shared\u5c64\u3084Entities\u5c64\uff09\u306b\u30df\u30e5\u30fc\u30c6\u30fc\u30b7\u30e7\u30f3\u95a2\u6570\u3092\u5b9a\u7fa9\u3057\u3001\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u5185\u3067<code>useMutation</code>\u3092\u76f4\u63a5\u4f7f\u7528\u3059\u308b",id:"2-\u5225\u306e\u5834\u6240shared\u5c64\u3084entities\u5c64\u306b\u30df\u30e5\u30fc\u30c6\u30fc\u30b7\u30e7\u30f3\u95a2\u6570\u3092\u5b9a\u7fa9\u3057\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u5185\u3067usemutation\u3092\u76f4\u63a5\u4f7f\u7528\u3059\u308b",level:3},{value:"\u30af\u30a8\u30ea\u306e\u7d44\u7e54\u5316",id:"\u30af\u30a8\u30ea\u306e\u7d44\u7e54\u5316",level:2},{value:"\u30af\u30a8\u30ea\u30d5\u30a1\u30af\u30c8\u30ea\u30fc",id:"\u30af\u30a8\u30ea\u30d5\u30a1\u30af\u30c8\u30ea\u30fc",level:3},{value:"1. \u30af\u30a8\u30ea\u30d5\u30a1\u30af\u30c8\u30ea\u30fc\u306e\u4f5c\u6210",id:"1-\u30af\u30a8\u30ea\u30d5\u30a1\u30af\u30c8\u30ea\u30fc\u306e\u4f5c\u6210",level:3},{value:"2. \u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u30b3\u30fc\u30c9\u3067\u306e\u30af\u30a8\u30ea\u30d5\u30a1\u30af\u30c8\u30ea\u30fc\u306e\u9069\u7528",id:"2-\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u30b3\u30fc\u30c9\u3067\u306e\u30af\u30a8\u30ea\u30d5\u30a1\u30af\u30c8\u30ea\u30fc\u306e\u9069\u7528",level:3},{value:"\u30af\u30a8\u30ea\u30d5\u30a1\u30af\u30c8\u30ea\u30fc\u3092\u4f7f\u7528\u3059\u308b\u5229\u70b9",id:"\u30af\u30a8\u30ea\u30d5\u30a1\u30af\u30c8\u30ea\u30fc\u3092\u4f7f\u7528\u3059\u308b\u5229\u70b9",level:3},{value:"\u30da\u30fc\u30b8\u30cd\u30fc\u30b7\u30e7\u30f3",id:"\u30da\u30fc\u30b8\u30cd\u30fc\u30b7\u30e7\u30f3",level:2},{value:"1. <code>getPosts</code>\u95a2\u6570\u306e\u4f5c\u6210",id:"1-getposts\u95a2\u6570\u306e\u4f5c\u6210",level:3},{value:"2. \u30da\u30fc\u30b8\u30cd\u30fc\u30b7\u30e7\u30f3\u7528\u306e\u30af\u30a8\u30ea\u30d5\u30a1\u30af\u30c8\u30ea\u30fc",id:"2-\u30da\u30fc\u30b8\u30cd\u30fc\u30b7\u30e7\u30f3\u7528\u306e\u30af\u30a8\u30ea\u30d5\u30a1\u30af\u30c8\u30ea\u30fc",level:3},{value:"3. \u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u30b3\u30fc\u30c9\u3067\u306e\u4f7f\u7528",id:"3-\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u30b3\u30fc\u30c9\u3067\u306e\u4f7f\u7528",level:3},{value:"\u30af\u30a8\u30ea\u7ba1\u7406\u7528\u306e<code>QueryProvider</code>",id:"\u30af\u30a8\u30ea\u7ba1\u7406\u7528\u306equeryprovider",level:2},{value:"1. <code>QueryProvider</code>\u306e\u4f5c\u6210",id:"1-queryprovider\u306e\u4f5c\u6210",level:3},{value:"2. <code>QueryClient</code>\u306e\u4f5c\u6210",id:"2-queryclient\u306e\u4f5c\u6210",level:3},{value:"\u30b3\u30fc\u30c9\u751f\u6210",id:"\u30b3\u30fc\u30c9\u751f\u6210",level:2},{value:"RQ\u306e\u6574\u7406\u306b\u95a2\u3059\u308b\u8ffd\u52a0\u306e\u30a2\u30c9\u30d0\u30a4\u30b9",id:"rq\u306e\u6574\u7406\u306b\u95a2\u3059\u308b\u8ffd\u52a0\u306e\u30a2\u30c9\u30d0\u30a4\u30b9",level:2},{value:"API\u30af\u30e9\u30a4\u30a2\u30f3\u30c8",id:"api\u30af\u30e9\u30a4\u30a2\u30f3\u30c8",level:3},{value:"\u53c2\u7167",id:"see-also",level:2}];function c(e){const n={a:"a",admonition:"admonition",code:"code",h1:"h1",h2:"h2",h3:"h3",header:"header",li:"li",p:"p",pre:"pre",strong:"strong",ul:"ul",...(0,i.R)(),...e.components};return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(n.header,{children:(0,s.jsx)(n.h1,{id:"react-query\u3068\u306e\u4f75\u7528",children:"React Query\u3068\u306e\u4f75\u7528"})}),"\n",(0,s.jsx)(n.h2,{id:"\u30ad\u30fc\u3092\u3069\u3053\u306b\u7f6e\u304f\u304b\u554f\u984c",children:"\u30ad\u30fc\u3092\u3069\u3053\u306b\u7f6e\u304f\u304b\u554f\u984c"}),"\n",(0,s.jsx)(n.h3,{id:"\u89e3\u6c7a\u7b56---\u30a8\u30f3\u30c6\u30a3\u30c6\u30a3\u3054\u3068\u306b\u5206\u5272\u3059\u308b",children:"\u89e3\u6c7a\u7b56 - \u30a8\u30f3\u30c6\u30a3\u30c6\u30a3\u3054\u3068\u306b\u5206\u5272\u3059\u308b"}),"\n",(0,s.jsx)(n.p,{children:"\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u306b\u3059\u3067\u306b\u30a8\u30f3\u30c6\u30a3\u30c6\u30a3\u306e\u5206\u5272\u304c\u3042\u308a\u3001\u5404\u30af\u30a8\u30ea\u304c1\u3064\u306e\u30a8\u30f3\u30c6\u30a3\u30c6\u30a3\u306b\u5bfe\u5fdc\u3057\u3066\u3044\u308b\u5834\u5408\u3001\u30a8\u30f3\u30c6\u30a3\u30c6\u30a3\u3054\u3068\u306b\u5206\u5272\u3059\u308b\u306e\u304c\u6700\u826f\u3067\u3059\u3002\u3053\u306e\u5834\u5408\u3001\u6b21\u306e\u69cb\u9020\u3092\u4f7f\u7528\u3059\u308b\u3053\u3068\u3092\u304a\u52e7\u3081\u3057\u307e\u3059\u3002"}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-sh",children:"\u2514\u2500\u2500 src/                                        #\n    \u251c\u2500\u2500 app/                                    #\n    |   ...                                     #\n    \u251c\u2500\u2500 pages/                                  #\n    |   ...                                     #\n    \u251c\u2500\u2500 entities/                               #\n    |     \u251c\u2500\u2500 {entity}/                         #\n    |    ...     \u2514\u2500\u2500 api/                       #\n    |                 \u251c\u2500\u2500 `{entity}.query`      # \u30af\u30a8\u30ea\u30d5\u30a1\u30af\u30c8\u30ea\u30fc\u3001\u30ad\u30fc\u3068\u95a2\u6570\u304c\u5b9a\u7fa9\u3055\u308c\u3066\u3044\u308b\n    |                 \u251c\u2500\u2500 `get-{entity}`        # \u30a8\u30f3\u30c6\u30a3\u30c6\u30a3\u3092\u53d6\u5f97\u3059\u308b\u95a2\u6570\n    |                 \u251c\u2500\u2500 `create-{entity}`     # \u30a8\u30f3\u30c6\u30a3\u30c6\u30a3\u3092\u4f5c\u6210\u3059\u308b\u95a2\u6570\n    |                 \u251c\u2500\u2500 `update-{entity}`     # \u30aa\u30d6\u30b8\u30a7\u30af\u30c8\u3092\u66f4\u65b0\u3059\u308b\u95a2\u6570\n    |                 \u251c\u2500\u2500 `delete-{entity}`     # \u30aa\u30d6\u30b8\u30a7\u30af\u30c8\u3092\u524a\u9664\u3059\u308b\u95a2\u6570\n    |                ...                        #\n    |                                           #\n    \u251c\u2500\u2500 features/                               #\n    |   ...                                     #\n    \u251c\u2500\u2500 widgets/                                #\n    |   ...                                     #\n    \u2514\u2500\u2500 shared/                                 #\n        ...                                     #\n"})}),"\n",(0,s.jsxs)(n.p,{children:["\u3082\u3057\u30a8\u30f3\u30c6\u30a3\u30c6\u30a3\u9593\u306b\u95a2\u4fc2\u304c\u3042\u308b\u5834\u5408\uff08\u4f8b\u3048\u3070\u3001\u300c\u56fd\u300d\u306e\u30a8\u30f3\u30c6\u30a3\u30c6\u30a3\u306b\u300c\u90fd\u5e02\u300d\u306e\u30a8\u30f3\u30c6\u30a3\u30c6\u30a3\u4e00\u89a7\u30d5\u30a3\u30fc\u30eb\u30c9\u304c\u3042\u308b\u5834\u5408\uff09\u3001",(0,s.jsx)(n.code,{children:"@x"})," \u30a2\u30ce\u30c6\u30fc\u30b7\u30e7\u30f3\u3092\u4f7f\u7528\u3057\u305f\u7d44\u7e54\u7684\u306a\u30af\u30ed\u30b9\u30a4\u30f3\u30dd\u30fc\u30c8\u306e",(0,s.jsx)(n.a,{href:"https://github.com/feature-sliced/documentation/discussions/390#discussioncomment-5570073",children:"\u5b9f\u9a13\u7684\u30a2\u30d7\u30ed\u30fc\u30c1"}),"\u3092\u5229\u7528\u3059\u308b\u304b\u3001\u4ee5\u4e0b\u306e\u4ee3\u66ff\u6848\u3092\u691c\u8a0e\u3067\u304d\u307e\u3059\u3002"]}),"\n",(0,s.jsx)(n.h3,{id:"\u4ee3\u66ff\u6848--\u30af\u30a8\u30ea\u3092\u516c\u958b\u3067\u4fdd\u5b58\u3059\u308b",children:"\u4ee3\u66ff\u6848 \u2014 \u30af\u30a8\u30ea\u3092\u516c\u958b\u3067\u4fdd\u5b58\u3059\u308b"}),"\n",(0,s.jsx)(n.p,{children:"\u30a8\u30f3\u30c6\u30a3\u30c6\u30a3\u3054\u3068\u306e\u5206\u5272\u304c\u9069\u3055\u306a\u3044\u5834\u5408\u3001\u6b21\u306e\u69cb\u9020\u3092\u8003\u616e\u3067\u304d\u307e\u3059\u3002"}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-sh",children:"\u2514\u2500\u2500 src/                                        #\n   ...                                          #\n    \u2514\u2500\u2500 shared/                                 #\n          \u251c\u2500\u2500 api/                              #\n         ...   \u251c\u2500\u2500 `queries`                    # \u30af\u30a8\u30ea\u30d5\u30a1\u30af\u30c8\u30ea\u30fc\n               |      \u251c\u2500\u2500 `document.ts`         #\n               |      \u251c\u2500\u2500 `background-jobs.ts`  #\n               |     ...                        #\n               \u2514\u2500\u2500  index.ts                    #\n"})}),"\n",(0,s.jsxs)(n.p,{children:["\u6b21\u306b\u3001",(0,s.jsx)(n.code,{children:"@/shared/api/index.ts"}),"\u306b"]}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-ts",metastring:'title="@/shared/api/index.ts"',children:'export { documentQueries } from "./queries/document";\n'})}),"\n",(0,s.jsx)(n.h2,{id:"\u554f\u984c\u30df\u30e5\u30fc\u30c6\u30fc\u30b7\u30e7\u30f3\u306f\u3069\u3053\u306b",children:"\u554f\u984c\u300c\u30df\u30e5\u30fc\u30c6\u30fc\u30b7\u30e7\u30f3\u306f\u3069\u3053\u306b\uff1f\u300d"}),"\n",(0,s.jsx)(n.p,{children:"\u30df\u30e5\u30fc\u30c6\u30fc\u30b7\u30e7\u30f3\u3092\u30af\u30a8\u30ea\u3068\u6df7\u5408\u3059\u308b\u3053\u3068\u306f\u63a8\u5968\u3055\u308c\u307e\u305b\u3093\u30022\u3064\u306e\u9078\u629e\u80a2\u304c\u8003\u3048\u3089\u308c\u307e\u3059\u3002"}),"\n",(0,s.jsx)(n.h3,{id:"1-\u4f7f\u7528\u5834\u6240\u306e\u8fd1\u304f\u306bapi\u30bb\u30b0\u30e1\u30f3\u30c8\u306b\u30ab\u30b9\u30bf\u30e0\u30d5\u30c3\u30af\u3092\u5b9a\u7fa9\u3059\u308b",children:"1. \u4f7f\u7528\u5834\u6240\u306e\u8fd1\u304f\u306bAPI\u30bb\u30b0\u30e1\u30f3\u30c8\u306b\u30ab\u30b9\u30bf\u30e0\u30d5\u30c3\u30af\u3092\u5b9a\u7fa9\u3059\u308b"}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-tsx",metastring:'title="@/features/update-post/api/use-update-title.ts"',children:"export const useUpdateTitle = () => {\n  const queryClient = useQueryClient();\n\n  return useMutation({\n    mutationFn: ({ id, newTitle }) =>\n      apiClient\n        .patch(`/posts/${id}`, { title: newTitle })\n        .then((data) => console.log(data)),\n\n    onSuccess: (newPost) => {\n      queryClient.setQueryData(postsQueries.ids(id), newPost);\n    },\n  });\n};\n"})}),"\n",(0,s.jsxs)(n.h3,{id:"2-\u5225\u306e\u5834\u6240shared\u5c64\u3084entities\u5c64\u306b\u30df\u30e5\u30fc\u30c6\u30fc\u30b7\u30e7\u30f3\u95a2\u6570\u3092\u5b9a\u7fa9\u3057\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u5185\u3067usemutation\u3092\u76f4\u63a5\u4f7f\u7528\u3059\u308b",children:["2. \u5225\u306e\u5834\u6240\uff08Shared\u5c64\u3084Entities\u5c64\uff09\u306b\u30df\u30e5\u30fc\u30c6\u30fc\u30b7\u30e7\u30f3\u95a2\u6570\u3092\u5b9a\u7fa9\u3057\u3001\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u5185\u3067",(0,s.jsx)(n.code,{children:"useMutation"}),"\u3092\u76f4\u63a5\u4f7f\u7528\u3059\u308b"]}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-tsx",children:"const { mutateAsync, isPending } = useMutation({\n  mutationFn: postApi.createPost,\n});\n"})}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-tsx",metastring:'title="@/pages/post-create/ui/post-create-page.tsx"',children:'export const CreatePost = () => {\n  const { classes } = useStyles();\n  const [title, setTitle] = useState("");\n\n  const { mutate, isPending } = useMutation({\n    mutationFn: postApi.createPost,\n  });\n\n  const handleChange = (e: ChangeEvent<HTMLInputElement>) =>\n    setTitle(e.target.value);\n  const handleSubmit = (e: FormEvent<HTMLFormElement>) => {\n    e.preventDefault();\n    mutate({ title, userId: DEFAULT_USER_ID });\n  };\n\n  return (\n    <form className={classes.create_form} onSubmit={handleSubmit}>\n      <TextField onChange={handleChange} value={title} />\n      <LoadingButton type="submit" variant="contained" loading={isPending}>\n        Create\n      </LoadingButton>\n    </form>\n  );\n};\n'})}),"\n",(0,s.jsx)(n.h2,{id:"\u30af\u30a8\u30ea\u306e\u7d44\u7e54\u5316",children:"\u30af\u30a8\u30ea\u306e\u7d44\u7e54\u5316"}),"\n",(0,s.jsx)(n.h3,{id:"\u30af\u30a8\u30ea\u30d5\u30a1\u30af\u30c8\u30ea\u30fc",children:"\u30af\u30a8\u30ea\u30d5\u30a1\u30af\u30c8\u30ea\u30fc"}),"\n",(0,s.jsx)(n.p,{children:"\u3053\u306e\u30ac\u30a4\u30c9\u3067\u306f\u3001\u30af\u30a8\u30ea\u30d5\u30a1\u30af\u30c8\u30ea\u30fc\u306e\u4f7f\u3044\u65b9\u306b\u3064\u3044\u3066\u8aac\u660e\u3057\u307e\u3059\u3002"}),"\n",(0,s.jsx)(n.admonition,{type:"note",children:(0,s.jsx)(n.p,{children:"\u30af\u30a8\u30ea\u30d5\u30a1\u30af\u30c8\u30ea\u30fc\u3068\u306f\u3001JS\u30aa\u30d6\u30b8\u30a7\u30af\u30c8\u306e\u3053\u3068\u3067\u3001\u305d\u306e\u30aa\u30d6\u30b8\u30a7\u30af\u30c8\u30ad\u30fc\u306e\u5024\u304c\u30af\u30a8\u30ea\u30ad\u30fc\u4e00\u89a7\u3092\u8fd4\u3059\u95a2\u6570\u3067\u3042\u308b\u3002"})}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-ts",children:'const keyFactory = {\n  all: () => ["entity"],\n  lists: () => [...postQueries.all(), "list"],\n};\n'})}),"\n",(0,s.jsxs)(n.admonition,{type:"info",children:[(0,s.jsxs)(n.p,{children:[(0,s.jsx)(n.code,{children:"queryOptions"})," - react-query@v5\u306b\u7d44\u307f\u8fbc\u307e\u308c\u305f\u30e6\u30fc\u30c6\u30a3\u30ea\u30c6\u30a3\uff08\u30aa\u30d7\u30b7\u30e7\u30f3\uff09"]}),(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-ts",children:"queryOptions({\n  queryKey,\n  ...options,\n});\n"})}),(0,s.jsxs)(n.p,{children:["\u3088\u308a\u9ad8\u3044\u578b\u5b89\u5168\u6027\u3068\u5c06\u6765\u306ereact-query\u306e\u30d0\u30fc\u30b8\u30e7\u30f3\u3068\u306e\u4e92\u63db\u6027\u3092\u78ba\u4fdd\u3057\u3001\u30af\u30a8\u30ea\u306e\u95a2\u6570\u3084\u30ad\u30fc\u3078\u306e\u30a2\u30af\u30bb\u30b9\u3092\u7c21\u7d20\u5316\u3059\u308b\u305f\u3081\u306b\u3001",(0,s.jsx)(n.code,{children:"@tanstack/react-query"}),"\u306e",(0,s.jsx)(n.code,{children:"queryOptions"}),"\u95a2\u6570\u3092\u4f7f\u7528\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u308b",(0,s.jsx)(n.a,{href:"https://tkdodo.eu/blog/the-query-options-api#queryoptions",children:"(\u8a73\u7d30\u306f\u3053\u3061\u3089)"}),"\u3002"]})]}),"\n",(0,s.jsx)(n.h3,{id:"1-\u30af\u30a8\u30ea\u30d5\u30a1\u30af\u30c8\u30ea\u30fc\u306e\u4f5c\u6210",children:"1. \u30af\u30a8\u30ea\u30d5\u30a1\u30af\u30c8\u30ea\u30fc\u306e\u4f5c\u6210"}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-tsx",metastring:'title="@/entities/post/api/post.queries.ts"',children:'import { keepPreviousData, queryOptions } from "@tanstack/react-query";\nimport { getPosts } from "./get-posts";\nimport { getDetailPost } from "./get-detail-post";\nimport { PostDetailQuery } from "./query/post.query";\n\nexport const postQueries = {\n  all: () => ["posts"],\n\n  lists: () => [...postQueries.all(), "list"],\n  list: (page: number, limit: number) =>\n    queryOptions({\n      queryKey: [...postQueries.lists(), page, limit],\n      queryFn: () => getPosts(page, limit),\n      placeholderData: keepPreviousData,\n    }),\n\n  details: () => [...postQueries.all(), "detail"],\n  detail: (query?: PostDetailQuery) =>\n    queryOptions({\n      queryKey: [...postQueries.details(), query?.id],\n      queryFn: () => getDetailPost({ id: query?.id }),\n      staleTime: 5000,\n    }),\n};\n'})}),"\n",(0,s.jsx)(n.h3,{id:"2-\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u30b3\u30fc\u30c9\u3067\u306e\u30af\u30a8\u30ea\u30d5\u30a1\u30af\u30c8\u30ea\u30fc\u306e\u9069\u7528",children:"2. \u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u30b3\u30fc\u30c9\u3067\u306e\u30af\u30a8\u30ea\u30d5\u30a1\u30af\u30c8\u30ea\u30fc\u306e\u9069\u7528"}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-tsx",children:'import { useParams } from "react-router-dom";\nimport { postApi } from "@/entities/post";\nimport { useQuery } from "@tanstack/react-query";\n\ntype Params = {\n  postId: string;\n};\n\nexport const PostPage = () => {\n  const { postId } = useParams<Params>();\n  const id = parseInt(postId || "");\n  const {\n    data: post,\n    error,\n    isLoading,\n    isError,\n  } = useQuery(postApi.postQueries.detail({ id }));\n\n  if (isLoading) {\n    return <div>Loading...</div>;\n  }\n\n  if (isError || !post) {\n    return <>{error?.message}</>;\n  }\n\n  return (\n    <div>\n      <p>Post id: {post.id}</p>\n      <div>\n        <h1>{post.title}</h1>\n        <div>\n          <p>{post.body}</p>\n        </div>\n      </div>\n      <div>Owner: {post.userId}</div>\n    </div>\n  );\n};\n'})}),"\n",(0,s.jsx)(n.h3,{id:"\u30af\u30a8\u30ea\u30d5\u30a1\u30af\u30c8\u30ea\u30fc\u3092\u4f7f\u7528\u3059\u308b\u5229\u70b9",children:"\u30af\u30a8\u30ea\u30d5\u30a1\u30af\u30c8\u30ea\u30fc\u3092\u4f7f\u7528\u3059\u308b\u5229\u70b9"}),"\n",(0,s.jsxs)(n.ul,{children:["\n",(0,s.jsxs)(n.li,{children:[(0,s.jsx)(n.strong,{children:"\u30af\u30a8\u30ea\u306e\u69cb\u9020\u5316:"})," \u30d5\u30a1\u30af\u30c8\u30ea\u30fc\u306f\u3059\u3079\u3066\u306eAPI\u30af\u30a8\u30ea\u30921\u304b\u6240\u306b\u6574\u7406\u3057\u3001\u30b3\u30fc\u30c9\u3092\u3088\u308a\u8aad\u307f\u3084\u3059\u304f\u3001\u4fdd\u5b88\u3057\u3084\u3059\u304f\u3057\u3066\u3044\u308b"]}),"\n",(0,s.jsxs)(n.li,{children:[(0,s.jsx)(n.strong,{children:"\u30af\u30a8\u30ea\u3068\u30ad\u30fc\u3078\u306e\u4fbf\u5229\u306a\u30a2\u30af\u30bb\u30b9:"})," \u30d5\u30a1\u30af\u30c8\u30ea\u30fc\u306f\u3055\u307e\u3056\u307e\u306a\u30bf\u30a4\u30d7\u306e\u30af\u30a8\u30ea\u3068\u305d\u306e\u30ad\u30fc\u3078\u306e\u4fbf\u5229\u306a\u30e1\u30bd\u30c3\u30c9\u3092\u63d0\u4f9b\u3057\u3066\u3044\u308b"]}),"\n",(0,s.jsxs)(n.li,{children:[(0,s.jsx)(n.strong,{children:"\u30af\u30a8\u30ea\u306e\u518d\u30d5\u30a7\u30c3\u30c1\u6a5f\u80fd:"})," \u30d5\u30a1\u30af\u30c8\u30ea\u30fc\u306f\u3001\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u306e\u3055\u307e\u3056\u307e\u306a\u90e8\u5206\u3067\u30af\u30a8\u30ea\u30ad\u30fc\u3092\u5909\u66f4\u3059\u308b\u3053\u3068\u306a\u304f\u3001\u7c21\u5358\u306b\u518d\u30d5\u30a7\u30c3\u30c1\u3092\u884c\u3046\u3053\u3068\u3092\u53ef\u80fd\u306b\u3057\u3066\u3044\u308b"]}),"\n"]}),"\n",(0,s.jsx)(n.h2,{id:"\u30da\u30fc\u30b8\u30cd\u30fc\u30b7\u30e7\u30f3",children:"\u30da\u30fc\u30b8\u30cd\u30fc\u30b7\u30e7\u30f3"}),"\n",(0,s.jsxs)(n.p,{children:["\u3053\u306e\u30bb\u30af\u30b7\u30e7\u30f3\u3067\u306f\u3001\u30da\u30fc\u30b8\u30cd\u30fc\u30b7\u30e7\u30f3\u3092\u4f7f\u7528\u3057\u3066\u6295\u7a3f\u30a8\u30f3\u30c6\u30a3\u30c6\u30a3\u3092\u53d6\u5f97\u3059\u308b\u305f\u3081\u306eAPI\u30af\u30a8\u30ea\u3092\u884c\u3046",(0,s.jsx)(n.code,{children:"getPosts"}),"\u95a2\u6570\u306e\u4f8b\u3092\u6319\u3052\u307e\u3059\u3002"]}),"\n",(0,s.jsxs)(n.h3,{id:"1-getposts\u95a2\u6570\u306e\u4f5c\u6210",children:["1. ",(0,s.jsx)(n.code,{children:"getPosts"}),"\u95a2\u6570\u306e\u4f5c\u6210"]}),"\n",(0,s.jsxs)(n.p,{children:[(0,s.jsx)(n.code,{children:"getPosts"}),"\u95a2\u6570\u306f\u3001API\u30bb\u30b0\u30e1\u30f3\u30c8\u5185\u306e",(0,s.jsx)(n.code,{children:"get-posts.ts"}),"\u30d5\u30a1\u30a4\u30eb\u306b\u3042\u308a\u307e\u3059\u3002"]}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-tsx",metastring:'title="@/pages/post-feed/api/get-posts.ts"',children:'import { apiClient } from "@/shared/api/base";\n\nimport { PostWithPaginationDto } from "./dto/post-with-pagination.dto";\nimport { PostQuery } from "./query/post.query";\nimport { mapPost } from "./mapper/map-post";\nimport { PostWithPagination } from "../model/post-with-pagination";\n\nconst calculatePostPage = (totalCount: number, limit: number) =>\n  Math.floor(totalCount / limit);\n\nexport const getPosts = async (\n  page: number,\n  limit: number,\n): Promise<PostWithPagination> => {\n  const skip = page * limit;\n  const query: PostQuery = { skip, limit };\n  const result = await apiClient.get<PostWithPaginationDto>("/posts", query);\n\n  return {\n    posts: result.posts.map((post) => mapPost(post)),\n    limit: result.limit,\n    skip: result.skip,\n    total: result.total,\n    totalPages: calculatePostPage(result.total, limit),\n  };\n};\n'})}),"\n",(0,s.jsx)(n.h3,{id:"2-\u30da\u30fc\u30b8\u30cd\u30fc\u30b7\u30e7\u30f3\u7528\u306e\u30af\u30a8\u30ea\u30d5\u30a1\u30af\u30c8\u30ea\u30fc",children:"2. \u30da\u30fc\u30b8\u30cd\u30fc\u30b7\u30e7\u30f3\u7528\u306e\u30af\u30a8\u30ea\u30d5\u30a1\u30af\u30c8\u30ea\u30fc"}),"\n",(0,s.jsxs)(n.p,{children:[(0,s.jsx)(n.code,{children:"postQueries"}),"\u30af\u30a8\u30ea\u30d5\u30a1\u30af\u30c8\u30ea\u30fc\u306f\u3001\u6295\u7a3f\u306b\u95a2\u3059\u308b\u3055\u307e\u3056\u307e\u306a\u30af\u30a8\u30ea\u30aa\u30d7\u30b7\u30e7\u30f3\u3092\u5b9a\u7fa9\u3057\u3001\u4e8b\u524d\u306b\u5b9a\u7fa9\u3055\u308c\u305f\u30da\u30fc\u30b8\u3068\u30ea\u30df\u30c3\u30c8\u3092\u4f7f\u7528\u3057\u3066\u6295\u7a3f\u4e00\u89a7\u3092\u53d6\u5f97\u3059\u308b\u30af\u30a8\u30ea\u3092\u542b\u307f\u307e\u3059\u3002"]}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-tsx",children:'import { keepPreviousData, queryOptions } from "@tanstack/react-query";\nimport { getPosts } from "./get-posts";\n\nexport const postQueries = {\n  all: () => ["posts"],\n  lists: () => [...postQueries.all(), "list"],\n  list: (page: number, limit: number) =>\n    queryOptions({\n      queryKey: [...postQueries.lists(), page, limit],\n      queryFn: () => getPosts(page, limit),\n      placeholderData: keepPreviousData,\n    }),\n};\n'})}),"\n",(0,s.jsx)(n.h3,{id:"3-\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u30b3\u30fc\u30c9\u3067\u306e\u4f7f\u7528",children:"3. \u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u30b3\u30fc\u30c9\u3067\u306e\u4f7f\u7528"}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-tsx",metastring:'title="@/pages/home/ui/index.tsx"',children:'export const HomePage = () => {\n  const itemsOnScreen = DEFAULT_ITEMS_ON_SCREEN;\n  const [page, setPage] = usePageParam(DEFAULT_PAGE);\n  const { data, isFetching, isLoading } = useQuery(\n    postApi.postQueries.list(page, itemsOnScreen),\n  );\n  return (\n    <>\n      <Pagination\n        onChange={(_, page) => setPage(page)}\n        page={page}\n        count={data?.totalPages}\n        variant="outlined"\n        color="primary"\n      />\n      <Posts posts={data?.posts} />\n    </>\n  );\n};\n'})}),"\n",(0,s.jsx)(n.admonition,{type:"note",children:(0,s.jsx)(n.p,{children:"\u4f8b\u306f\u7c21\u7565\u5316\u3055\u308c\u3066\u3044\u308b\u3002"})}),"\n",(0,s.jsxs)(n.h2,{id:"\u30af\u30a8\u30ea\u7ba1\u7406\u7528\u306equeryprovider",children:["\u30af\u30a8\u30ea\u7ba1\u7406\u7528\u306e",(0,s.jsx)(n.code,{children:"QueryProvider"})]}),"\n",(0,s.jsxs)(n.p,{children:["\u3053\u306e\u30ac\u30a4\u30c9\u3067\u306f\u3001",(0,s.jsx)(n.code,{children:"QueryProvider"}),"\u3092\u3069\u306e\u3088\u3046\u306b\u69cb\u6210\u3059\u308b\u3079\u304d\u304b\u3092\u8aac\u660e\u3057\u307e\u3059\u3002"]}),"\n",(0,s.jsxs)(n.h3,{id:"1-queryprovider\u306e\u4f5c\u6210",children:["1. ",(0,s.jsx)(n.code,{children:"QueryProvider"}),"\u306e\u4f5c\u6210"]}),"\n",(0,s.jsxs)(n.p,{children:[(0,s.jsx)(n.code,{children:"query-provider.tsx"}),"\u30d5\u30a1\u30a4\u30eb\u306f",(0,s.jsx)(n.code,{children:"@/app/providers/query-provider.tsx"}),"\u306b\u3042\u308a\u307e\u3059\u3002"]}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-tsx",metastring:'title="@/app/providers/query-provider.tsx"',children:'import { QueryClient, QueryClientProvider } from "@tanstack/react-query";\nimport { ReactQueryDevtools } from "@tanstack/react-query-devtools";\nimport { ReactNode } from "react";\n\ntype Props = {\n  children: ReactNode;\n  client: QueryClient;\n};\n\nexport const QueryProvider = ({ client, children }: Props) => {\n  return (\n    <QueryClientProvider client={client}>\n      {children}\n      <ReactQueryDevtools />\n    </QueryClientProvider>\n  );\n};\n'})}),"\n",(0,s.jsxs)(n.h3,{id:"2-queryclient\u306e\u4f5c\u6210",children:["2. ",(0,s.jsx)(n.code,{children:"QueryClient"}),"\u306e\u4f5c\u6210"]}),"\n",(0,s.jsxs)(n.p,{children:[(0,s.jsx)(n.code,{children:"QueryClient"}),"\u306fAPI\u30af\u30a8\u30ea\u3092\u7ba1\u7406\u3059\u308b\u305f\u3081\u306b\u4f7f\u7528\u3055\u308c\u308b\u30a4\u30f3\u30b9\u30bf\u30f3\u30b9\u3067\u3059\u3002",(0,s.jsx)(n.code,{children:"query-client.ts"}),"\u30d5\u30a1\u30a4\u30eb\u306f",(0,s.jsx)(n.code,{children:"@/shared/api/query-client.ts"}),"\u306b\u3042\u308a\u307e\u3059\u3002",(0,s.jsx)(n.code,{children:"QueryClient"}),"\u306f\u30af\u30a8\u30ea\u30ad\u30e3\u30c3\u30b7\u30f3\u30b0\u7528\u306e\u7279\u5b9a\u306e\u8a2d\u5b9a\u3067\u4f5c\u6210\u3055\u308c\u307e\u3059\u3002"]}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-tsx",metastring:'title="@/shared/api/query-client.ts"',children:'import { QueryClient } from "@tanstack/react-query";\n\nexport const queryClient = new QueryClient({\n  defaultOptions: {\n    queries: {\n      staleTime: 5 * 60 * 1000,\n      gcTime: 5 * 60 * 1000,\n    },\n  },\n});\n'})}),"\n",(0,s.jsx)(n.h2,{id:"\u30b3\u30fc\u30c9\u751f\u6210",children:"\u30b3\u30fc\u30c9\u751f\u6210"}),"\n",(0,s.jsxs)(n.p,{children:["\u81ea\u52d5\u30b3\u30fc\u30c9\u751f\u6210\u306e\u305f\u3081\u306e\u30c4\u30fc\u30eb\u304c\u5b58\u5728\u3057\u307e\u3059\u304c\u3001\u3053\u308c\u3089\u306f\u4e0a\u8a18\u306e\u3088\u3046\u306b\u8a2d\u5b9a\u53ef\u80fd\u306a\u3082\u306e\u3068\u6bd4\u8f03\u3057\u3066\u67d4\u8edf\u6027\u304c\u4f4e\u3044\u3067\u3059\u3002Swagger\u30d5\u30a1\u30a4\u30eb\u304c\u9069\u5207\u306b\u69cb\u9020\u5316\u3055\u308c\u3066\u3044\u308b\u5834\u5408\u3001\u3053\u308c\u3089\u306e\u30c4\u30fc\u30eb\u306e1\u3064\u3092\u4f7f\u7528\u3057\u3066",(0,s.jsx)(n.code,{children:"@/shared/api"}),"\u30c7\u30a3\u30ec\u30af\u30c8\u30ea\u5185\u306e\u3059\u3079\u3066\u306e\u30b3\u30fc\u30c9\u3092\u751f\u6210\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002"]}),"\n",(0,s.jsx)(n.h2,{id:"rq\u306e\u6574\u7406\u306b\u95a2\u3059\u308b\u8ffd\u52a0\u306e\u30a2\u30c9\u30d0\u30a4\u30b9",children:"RQ\u306e\u6574\u7406\u306b\u95a2\u3059\u308b\u8ffd\u52a0\u306e\u30a2\u30c9\u30d0\u30a4\u30b9"}),"\n",(0,s.jsx)(n.h3,{id:"api\u30af\u30e9\u30a4\u30a2\u30f3\u30c8",children:"API\u30af\u30e9\u30a4\u30a2\u30f3\u30c8"}),"\n",(0,s.jsx)(n.p,{children:"\u5171\u6709\u5c64\u3067\u3042\u308bshared\u5c64\u3067\u30ab\u30b9\u30bf\u30e0\u306eAPI\u30af\u30e9\u30a4\u30a2\u30f3\u30c8\u30af\u30e9\u30b9\u3092\u4f7f\u7528\u3059\u308b\u3053\u3068\u3067\u3001\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u5185\u3067\u306eAPI\u8a2d\u5b9a\u3084API\u64cd\u4f5c\u3092\u6a19\u6e96\u5316\u3067\u304d\u307e\u3059\u3002\u3053\u308c\u306b\u3088\u308a\u3001\u30ed\u30b0\u8a18\u9332\u3001\u30d8\u30c3\u30c0\u30fc\u3001\u304a\u3088\u3073\u30c7\u30fc\u30bf\u4ea4\u63db\u5f62\u5f0f\uff08\u4f8b: JSON\u3084XML\uff09\u3092\u4e00\u5143\u7ba1\u7406\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002\u3053\u306e\u30a2\u30d7\u30ed\u30fc\u30c1\u306b\u3088\u308a\u3001API\u3068\u306e\u9023\u643a\u306e\u5909\u66f4\u3084\u66f4\u65b0\u304c\u7c21\u5358\u306b\u306a\u308a\u3001\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u306e\u30e1\u30f3\u30c6\u30ca\u30f3\u30b9\u3084\u958b\u767a\u304c\u5bb9\u6613\u306b\u306a\u308a\u307e\u3059\u3002"}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-tsx",metastring:'title="@/shared/api/api-client.ts"',children:'import { API_URL } from "@/shared/config";\n\nexport class ApiClient {\n  private baseUrl: string;\n\n  constructor(url: string) {\n    this.baseUrl = url;\n  }\n\n  async handleResponse<TResult>(response: Response): Promise<TResult> {\n    if (!response.ok) {\n      throw new Error(`HTTP error! Status: ${response.status}`);\n    }\n\n    try {\n      return await response.json();\n    } catch (error) {\n      throw new Error("Error parsing JSON response");\n    }\n  }\n\n  public async get<TResult = unknown>(\n    endpoint: string,\n    queryParams?: Record<string, string | number>,\n  ): Promise<TResult> {\n    const url = new URL(endpoint, this.baseUrl);\n\n    if (queryParams) {\n      Object.entries(queryParams).forEach(([key, value]) => {\n        url.searchParams.append(key, value.toString());\n      });\n    }\n    const response = await fetch(url.toString(), {\n      method: "GET",\n      headers: {\n        "Content-Type": "application/json",\n      },\n    });\n\n    return this.handleResponse<TResult>(response);\n  }\n\n  public async post<TResult = unknown, TData = Record<string, unknown>>(\n    endpoint: string,\n    body: TData,\n  ): Promise<TResult> {\n    const response = await fetch(`${this.baseUrl}${endpoint}`, {\n      method: "POST",\n      headers: {\n        "Content-Type": "application/json",\n      },\n      body: JSON.stringify(body),\n    });\n\n    return this.handleResponse<TResult>(response);\n  }\n}\n\nexport const apiClient = new ApiClient(API_URL);\n'})}),"\n",(0,s.jsx)(n.h2,{id:"see-also",children:"\u53c2\u7167"}),"\n",(0,s.jsxs)(n.ul,{children:["\n",(0,s.jsx)(n.li,{children:(0,s.jsx)(n.a,{href:"https://tkdodo.eu/blog/the-query-options-api",children:"The Query Options API"})}),"\n"]})]})}function u(e={}){const{wrapper:n}={...(0,i.R)(),...e.components};return n?(0,s.jsx)(n,{...e,children:(0,s.jsx)(c,{...e})}):c(e)}},1100:(e,n,t)=>{t.d(n,{R:()=>o,x:()=>a});var s=t(758);const i={},r=s.createContext(i);function o(e){const n=s.useContext(r);return s.useMemo((function(){return"function"==typeof e?e(n):{...n,...e}}),[n,e])}function a(e){let n;return n=e.disableParentContext?"function"==typeof e.components?e.components(i):e.components||i:o(e.components),s.createElement(r.Provider,{value:n},e.children)}}}]);
\ No newline at end of file
diff --git a/ja/assets/js/43481703.fa5355bf.js b/ja/assets/js/43481703.7a66fd45.js
similarity index 98%
rename from ja/assets/js/43481703.fa5355bf.js
rename to ja/assets/js/43481703.7a66fd45.js
index 325b14fb79..dbfe5dd0a4 100644
--- a/ja/assets/js/43481703.fa5355bf.js
+++ b/ja/assets/js/43481703.7a66fd45.js
@@ -1 +1 @@
-"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[971],{1928:(e,t,n)=>{n.d(t,{Ay:()=>u,RM:()=>o});var i=n(6070),s=n(1100),r=(n(758),n(6783)),a=n(7765);const d=e=>{let{ticket:t}=e;const n=`https://github.com/feature-sliced/documentation/issues/${t}`;return(0,i.jsxs)("div",{children:[(0,i.jsx)("p",{children:(0,a.T)({id:"shared.wip.title"})}),(0,i.jsx)("p",{children:(0,a.T)({id:"shared.wip.subtitle"})}),(0,i.jsxs)("ul",{children:[(0,i.jsxs)("li",{children:[(0,a.T)({id:"shared.wip.var.feedback.base"}),(0,i.jsx)(r.A,{to:n,children:(0,a.T)({id:"shared.wip.var.feedback.link"})})]}),(0,i.jsxs)("li",{children:[(0,a.T)({id:"shared.wip.var.material.base"}),(0,i.jsx)(r.A,{to:"https://t.me/feature_sliced",children:(0,a.T)({id:"shared.wip.var.material.link"})})]}),(0,i.jsxs)("li",{children:[(0,a.T)({id:"shared.wip.var.contribute.base"}),(0,i.jsx)(r.A,{to:"https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md",children:(0,a.T)({id:"shared.wip.var.contribute.link"})})]})]}),(0,i.jsx)("br",{}),(0,i.jsx)("p",{children:(0,i.jsx)("i",{children:"\ud83c\udf70 Stay tuned!"})})]})},o=[];function c(e){const t={admonition:"admonition",...(0,s.R)(),...e.components};return(0,i.jsx)(t.admonition,{title:"WIP",type:"caution",children:(0,i.jsx)(d,{ticket:e.ticket})})}function u(e={}){const{wrapper:t}={...(0,s.R)(),...e.components};return t?(0,i.jsx)(t,{...e,children:(0,i.jsx)(c,{...e})}):c(e)}},1132:(e,t,n)=>{n.r(t),n.d(t,{assets:()=>c,contentTitle:()=>d,default:()=>p,frontMatter:()=>a,metadata:()=>o,toc:()=>u});var i=n(6070),s=n(1100),r=n(1928);const a={sidebar_position:5,sidebar_class_name:"sidebar-item--wip"},d="\u30a2\u30fc\u30ad\u30c6\u30af\u30c1\u30e3\u306e\u30b7\u30b0\u30ca\u30eb",o={id:"about/understanding/signals",title:"\u30a2\u30fc\u30ad\u30c6\u30af\u30c1\u30e3\u306e\u30b7\u30b0\u30ca\u30eb",description:"",source:"@site/i18n/ja/docusaurus-plugin-content-docs/current/about/understanding/signals.mdx",sourceDirName:"about/understanding",slug:"/about/understanding/signals",permalink:"/ja/docs/about/understanding/signals",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/ja/docusaurus-plugin-content-docs/current/about/understanding/signals.mdx",tags:[],version:"current",lastUpdatedAt:1727607766e3,sidebarPosition:5,frontMatter:{sidebar_position:5,sidebar_class_name:"sidebar-item--wip"},sidebar:"aboutSidebar",previous:{title:"\u30cd\u30fc\u30df\u30f3\u30b0",permalink:"/ja/docs/about/understanding/naming"},next:{title:"\u62bd\u8c61\u5316",permalink:"/ja/docs/about/understanding/abstractions"}},c={},u=[...r.RM];function l(e){const t={h1:"h1",header:"header",...(0,s.R)(),...e.components};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(t.header,{children:(0,i.jsx)(t.h1,{id:"\u30a2\u30fc\u30ad\u30c6\u30af\u30c1\u30e3\u306e\u30b7\u30b0\u30ca\u30eb",children:"\u30a2\u30fc\u30ad\u30c6\u30af\u30c1\u30e3\u306e\u30b7\u30b0\u30ca\u30eb"})}),"\n",(0,i.jsx)(r.Ay,{ticket:"194"})]})}function p(e={}){const{wrapper:t}={...(0,s.R)(),...e.components};return t?(0,i.jsx)(t,{...e,children:(0,i.jsx)(l,{...e})}):l(e)}},1100:(e,t,n)=>{n.d(t,{R:()=>a,x:()=>d});var i=n(758);const s={},r=i.createContext(s);function a(e){const t=i.useContext(r);return i.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function d(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(s):e.components||s:a(e.components),i.createElement(r.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
+"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[971],{1928:(e,t,n)=>{n.d(t,{Ay:()=>u,RM:()=>o});var i=n(6070),s=n(1100),r=(n(758),n(6783)),a=n(7765);const d=e=>{let{ticket:t}=e;const n=`https://github.com/feature-sliced/documentation/issues/${t}`;return(0,i.jsxs)("div",{children:[(0,i.jsx)("p",{children:(0,a.T)({id:"shared.wip.title"})}),(0,i.jsx)("p",{children:(0,a.T)({id:"shared.wip.subtitle"})}),(0,i.jsxs)("ul",{children:[(0,i.jsxs)("li",{children:[(0,a.T)({id:"shared.wip.var.feedback.base"}),(0,i.jsx)(r.A,{to:n,children:(0,a.T)({id:"shared.wip.var.feedback.link"})})]}),(0,i.jsxs)("li",{children:[(0,a.T)({id:"shared.wip.var.material.base"}),(0,i.jsx)(r.A,{to:"https://t.me/feature_sliced",children:(0,a.T)({id:"shared.wip.var.material.link"})})]}),(0,i.jsxs)("li",{children:[(0,a.T)({id:"shared.wip.var.contribute.base"}),(0,i.jsx)(r.A,{to:"https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md",children:(0,a.T)({id:"shared.wip.var.contribute.link"})})]})]}),(0,i.jsx)("br",{}),(0,i.jsx)("p",{children:(0,i.jsx)("i",{children:"\ud83c\udf70 Stay tuned!"})})]})},o=[];function c(e){const t={admonition:"admonition",...(0,s.R)(),...e.components};return(0,i.jsx)(t.admonition,{title:"WIP",type:"caution",children:(0,i.jsx)(d,{ticket:e.ticket})})}function u(e={}){const{wrapper:t}={...(0,s.R)(),...e.components};return t?(0,i.jsx)(t,{...e,children:(0,i.jsx)(c,{...e})}):c(e)}},1132:(e,t,n)=>{n.r(t),n.d(t,{assets:()=>c,contentTitle:()=>d,default:()=>p,frontMatter:()=>a,metadata:()=>o,toc:()=>u});var i=n(6070),s=n(1100),r=n(1928);const a={sidebar_position:5,sidebar_class_name:"sidebar-item--wip"},d="\u30a2\u30fc\u30ad\u30c6\u30af\u30c1\u30e3\u306e\u30b7\u30b0\u30ca\u30eb",o={id:"about/understanding/signals",title:"\u30a2\u30fc\u30ad\u30c6\u30af\u30c1\u30e3\u306e\u30b7\u30b0\u30ca\u30eb",description:"",source:"@site/i18n/ja/docusaurus-plugin-content-docs/current/about/understanding/signals.mdx",sourceDirName:"about/understanding",slug:"/about/understanding/signals",permalink:"/ja/docs/about/understanding/signals",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/ja/docusaurus-plugin-content-docs/current/about/understanding/signals.mdx",tags:[],version:"current",lastUpdatedAt:1728325386e3,sidebarPosition:5,frontMatter:{sidebar_position:5,sidebar_class_name:"sidebar-item--wip"},sidebar:"aboutSidebar",previous:{title:"\u30cd\u30fc\u30df\u30f3\u30b0",permalink:"/ja/docs/about/understanding/naming"},next:{title:"\u62bd\u8c61\u5316",permalink:"/ja/docs/about/understanding/abstractions"}},c={},u=[...r.RM];function l(e){const t={h1:"h1",header:"header",...(0,s.R)(),...e.components};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(t.header,{children:(0,i.jsx)(t.h1,{id:"\u30a2\u30fc\u30ad\u30c6\u30af\u30c1\u30e3\u306e\u30b7\u30b0\u30ca\u30eb",children:"\u30a2\u30fc\u30ad\u30c6\u30af\u30c1\u30e3\u306e\u30b7\u30b0\u30ca\u30eb"})}),"\n",(0,i.jsx)(r.Ay,{ticket:"194"})]})}function p(e={}){const{wrapper:t}={...(0,s.R)(),...e.components};return t?(0,i.jsx)(t,{...e,children:(0,i.jsx)(l,{...e})}):l(e)}},1100:(e,t,n)=>{n.d(t,{R:()=>a,x:()=>d});var i=n(758);const s={},r=i.createContext(s);function a(e){const t=i.useContext(r);return i.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function d(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(s):e.components||s:a(e.components),i.createElement(r.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
diff --git a/ja/assets/js/44843890.26a031cf.js b/ja/assets/js/44843890.74a3b667.js
similarity index 97%
rename from ja/assets/js/44843890.26a031cf.js
rename to ja/assets/js/44843890.74a3b667.js
index 72de6aa3eb..3cfc3ab96c 100644
--- a/ja/assets/js/44843890.26a031cf.js
+++ b/ja/assets/js/44843890.74a3b667.js
@@ -1 +1 @@
-"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[3705],{1928:(e,i,s)=>{s.d(i,{Ay:()=>u,RM:()=>a});var t=s(6070),n=s(1100),r=(s(758),s(6783)),d=s(7765);const o=e=>{let{ticket:i}=e;const s=`https://github.com/feature-sliced/documentation/issues/${i}`;return(0,t.jsxs)("div",{children:[(0,t.jsx)("p",{children:(0,d.T)({id:"shared.wip.title"})}),(0,t.jsx)("p",{children:(0,d.T)({id:"shared.wip.subtitle"})}),(0,t.jsxs)("ul",{children:[(0,t.jsxs)("li",{children:[(0,d.T)({id:"shared.wip.var.feedback.base"}),(0,t.jsx)(r.A,{to:s,children:(0,d.T)({id:"shared.wip.var.feedback.link"})})]}),(0,t.jsxs)("li",{children:[(0,d.T)({id:"shared.wip.var.material.base"}),(0,t.jsx)(r.A,{to:"https://t.me/feature_sliced",children:(0,d.T)({id:"shared.wip.var.material.link"})})]}),(0,t.jsxs)("li",{children:[(0,d.T)({id:"shared.wip.var.contribute.base"}),(0,t.jsx)(r.A,{to:"https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md",children:(0,d.T)({id:"shared.wip.var.contribute.link"})})]})]}),(0,t.jsx)("br",{}),(0,t.jsx)("p",{children:(0,t.jsx)("i",{children:"\ud83c\udf70 Stay tuned!"})})]})},a=[];function c(e){const i={admonition:"admonition",...(0,n.R)(),...e.components};return(0,t.jsx)(i.admonition,{title:"WIP",type:"caution",children:(0,t.jsx)(o,{ticket:e.ticket})})}function u(e={}){const{wrapper:i}={...(0,n.R)(),...e.components};return i?(0,t.jsx)(i,{...e,children:(0,t.jsx)(c,{...e})}):c(e)}},4135:(e,i,s)=>{s.r(i),s.d(i,{assets:()=>c,contentTitle:()=>o,default:()=>p,frontMatter:()=>d,metadata:()=>a,toc:()=>u});var t=s(6070),n=s(1100),r=s(1928);const d={sidebar_position:3,sidebar_class_name:"sidebar-item--wip"},o="\u30eb\u30fc\u30c6\u30a3\u30f3\u30b0",a={id:"guides/issues/routes",title:"\u30eb\u30fc\u30c6\u30a3\u30f3\u30b0",description:"\u72b6\u6cc1",source:"@site/i18n/ja/docusaurus-plugin-content-docs/current/guides/issues/routes.mdx",sourceDirName:"guides/issues",slug:"/guides/issues/routes",permalink:"/ja/docs/guides/issues/routes",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/ja/docusaurus-plugin-content-docs/current/guides/issues/routes.mdx",tags:[],version:"current",lastUpdatedAt:1727607766e3,sidebarPosition:3,frontMatter:{sidebar_position:3,sidebar_class_name:"sidebar-item--wip"},sidebar:"guidesSidebar",previous:{title:"\u30c7\u30bb\u30b0\u30e1\u30f3\u30c6\u30fc\u30b7\u30e7\u30f3",permalink:"/ja/docs/guides/issues/desegmented"},next:{title:"\u30af\u30ed\u30b9\u30a4\u30f3\u30dd\u30fc\u30c8",permalink:"/ja/docs/guides/issues/cross-imports"}},c={},u=[...r.RM,{value:"\u72b6\u6cc1",id:"situation",level:2},{value:"\u554f\u984c",id:"problem",level:2},{value:"\u7121\u8996\u3059\u308b\u5834\u5408",id:"if-you-ignore-it",level:2},{value:"\u89e3\u6c7a\u7b56",id:"solution",level:2}];function l(e){const i={code:"code",h1:"h1",h2:"h2",header:"header",p:"p",pre:"pre",...(0,n.R)(),...e.components};return(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(i.header,{children:(0,t.jsx)(i.h1,{id:"\u30eb\u30fc\u30c6\u30a3\u30f3\u30b0",children:"\u30eb\u30fc\u30c6\u30a3\u30f3\u30b0"})}),"\n",(0,t.jsx)(r.Ay,{ticket:"169"}),"\n",(0,t.jsx)(i.h2,{id:"situation",children:"\u72b6\u6cc1"}),"\n",(0,t.jsx)(i.p,{children:"\u30da\u30fc\u30b8\u3078\u306eURL\u304c\u3001pages\u5c64\u3088\u308a\u4e0b\u306e\u5c64\u306b\u30cf\u30fc\u30c9\u30b3\u30fc\u30c7\u30a3\u30f3\u30b0\u3055\u308c\u3066\u3044\u307e\u3059\u3002"}),"\n",(0,t.jsx)(i.pre,{children:(0,t.jsx)(i.code,{className:"language-tsx",metastring:'title="entities/post/card"',children:"\n<Card>\n    <Card.Title \n        href={`/post/${data.id}`}\n        title={data.name}\n    />\n    ...\n</Card>\n"})}),"\n",(0,t.jsx)(i.h2,{id:"problem",children:"\u554f\u984c"}),"\n",(0,t.jsx)(i.p,{children:"URL\u304c\u30da\u30fc\u30b8\u5c64\u306b\u96c6\u4e2d\u3057\u3066\u304a\u3089\u305a\u3001\u8cac\u4efb\u7bc4\u56f2\u306b\u304a\u3044\u3066\u9069\u5207\u306a\u5834\u6240\u306b\u914d\u7f6e\u3055\u308c\u3066\u3044\u307e\u305b\u3093\u3002"}),"\n",(0,t.jsx)(i.h2,{id:"if-you-ignore-it",children:"\u7121\u8996\u3059\u308b\u5834\u5408"}),"\n",(0,t.jsx)(i.p,{children:"URL\u3092\u5909\u66f4\u3059\u308b\u969b\u306b\u3001URL\uff08\u304a\u3088\u3073URL/\u30ea\u30c0\u30a4\u30ec\u30af\u30c8\u306e\u30ed\u30b8\u30c3\u30af\uff09\u304cpages\u5c64\u4ee5\u5916\u306e\u3059\u3079\u3066\u306e\u5c64\u306b\u5b58\u5728\u3059\u308b\u53ef\u80fd\u6027\u304c\u3042\u308b\u3053\u3068\u3092\u8003\u616e\u3057\u306a\u3051\u308c\u3070\u306a\u308a\u307e\u305b\u3093\u3002"}),"\n",(0,t.jsx)(i.p,{children:"\u307e\u305f\u3001\u3053\u308c\u306f\u5358\u7d14\u306a\u5546\u54c1\u30ab\u30fc\u30c9\u3067\u3055\u3048\u3001\u30da\u30fc\u30b8\u304b\u3089\u306e\u4e00\u90e8\u306e\u8cac\u4efb\u3092\u5f15\u304d\u53d7\u3051\u308b\u3053\u3068\u3092\u610f\u5473\u3057\u3001\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u5168\u4f53\u306b\u30ed\u30b8\u30c3\u30af\u304c\u5206\u6563\u3057\u3066\u3057\u307e\u3044\u307e\u3059\u3002"}),"\n",(0,t.jsx)(i.h2,{id:"solution",children:"\u89e3\u6c7a\u7b56"}),"\n",(0,t.jsx)(i.p,{children:"URL\u3084\u30ea\u30c0\u30a4\u30ec\u30af\u30c8\u306e\u51e6\u7406\u3092\u30da\u30fc\u30b8\u5c64\u304a\u3088\u3073\u305d\u308c\u4ee5\u4e0a\u306e\u5c64\u3067\u5b9a\u7fa9\u3059\u308b\u3053\u3068\u3067\u3059\u3002"}),"\n",(0,t.jsx)(i.p,{children:"URL\u3092\u4e0b\u5c64\u306e\u5c64\u306b\u306f\u3001\u30b3\u30f3\u30dd\u30b8\u30b7\u30e7\u30f3/\u30d7\u30ed\u30d1\u30c6\u30a3/\u30d5\u30a1\u30af\u30c8\u30ea\u30fc\u3092\u901a\u3058\u3066\u6e21\u3059\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002"})]})}function p(e={}){const{wrapper:i}={...(0,n.R)(),...e.components};return i?(0,t.jsx)(i,{...e,children:(0,t.jsx)(l,{...e})}):l(e)}},1100:(e,i,s)=>{s.d(i,{R:()=>d,x:()=>o});var t=s(758);const n={},r=t.createContext(n);function d(e){const i=t.useContext(r);return t.useMemo((function(){return"function"==typeof e?e(i):{...i,...e}}),[i,e])}function o(e){let i;return i=e.disableParentContext?"function"==typeof e.components?e.components(n):e.components||n:d(e.components),t.createElement(r.Provider,{value:i},e.children)}}}]);
\ No newline at end of file
+"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[3705],{1928:(e,i,s)=>{s.d(i,{Ay:()=>u,RM:()=>a});var t=s(6070),n=s(1100),r=(s(758),s(6783)),d=s(7765);const o=e=>{let{ticket:i}=e;const s=`https://github.com/feature-sliced/documentation/issues/${i}`;return(0,t.jsxs)("div",{children:[(0,t.jsx)("p",{children:(0,d.T)({id:"shared.wip.title"})}),(0,t.jsx)("p",{children:(0,d.T)({id:"shared.wip.subtitle"})}),(0,t.jsxs)("ul",{children:[(0,t.jsxs)("li",{children:[(0,d.T)({id:"shared.wip.var.feedback.base"}),(0,t.jsx)(r.A,{to:s,children:(0,d.T)({id:"shared.wip.var.feedback.link"})})]}),(0,t.jsxs)("li",{children:[(0,d.T)({id:"shared.wip.var.material.base"}),(0,t.jsx)(r.A,{to:"https://t.me/feature_sliced",children:(0,d.T)({id:"shared.wip.var.material.link"})})]}),(0,t.jsxs)("li",{children:[(0,d.T)({id:"shared.wip.var.contribute.base"}),(0,t.jsx)(r.A,{to:"https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md",children:(0,d.T)({id:"shared.wip.var.contribute.link"})})]})]}),(0,t.jsx)("br",{}),(0,t.jsx)("p",{children:(0,t.jsx)("i",{children:"\ud83c\udf70 Stay tuned!"})})]})},a=[];function c(e){const i={admonition:"admonition",...(0,n.R)(),...e.components};return(0,t.jsx)(i.admonition,{title:"WIP",type:"caution",children:(0,t.jsx)(o,{ticket:e.ticket})})}function u(e={}){const{wrapper:i}={...(0,n.R)(),...e.components};return i?(0,t.jsx)(i,{...e,children:(0,t.jsx)(c,{...e})}):c(e)}},4135:(e,i,s)=>{s.r(i),s.d(i,{assets:()=>c,contentTitle:()=>o,default:()=>p,frontMatter:()=>d,metadata:()=>a,toc:()=>u});var t=s(6070),n=s(1100),r=s(1928);const d={sidebar_position:3,sidebar_class_name:"sidebar-item--wip"},o="\u30eb\u30fc\u30c6\u30a3\u30f3\u30b0",a={id:"guides/issues/routes",title:"\u30eb\u30fc\u30c6\u30a3\u30f3\u30b0",description:"\u72b6\u6cc1",source:"@site/i18n/ja/docusaurus-plugin-content-docs/current/guides/issues/routes.mdx",sourceDirName:"guides/issues",slug:"/guides/issues/routes",permalink:"/ja/docs/guides/issues/routes",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/ja/docusaurus-plugin-content-docs/current/guides/issues/routes.mdx",tags:[],version:"current",lastUpdatedAt:1728325386e3,sidebarPosition:3,frontMatter:{sidebar_position:3,sidebar_class_name:"sidebar-item--wip"},sidebar:"guidesSidebar",previous:{title:"\u30c7\u30bb\u30b0\u30e1\u30f3\u30c6\u30fc\u30b7\u30e7\u30f3",permalink:"/ja/docs/guides/issues/desegmented"},next:{title:"\u30af\u30ed\u30b9\u30a4\u30f3\u30dd\u30fc\u30c8",permalink:"/ja/docs/guides/issues/cross-imports"}},c={},u=[...r.RM,{value:"\u72b6\u6cc1",id:"situation",level:2},{value:"\u554f\u984c",id:"problem",level:2},{value:"\u7121\u8996\u3059\u308b\u5834\u5408",id:"if-you-ignore-it",level:2},{value:"\u89e3\u6c7a\u7b56",id:"solution",level:2}];function l(e){const i={code:"code",h1:"h1",h2:"h2",header:"header",p:"p",pre:"pre",...(0,n.R)(),...e.components};return(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(i.header,{children:(0,t.jsx)(i.h1,{id:"\u30eb\u30fc\u30c6\u30a3\u30f3\u30b0",children:"\u30eb\u30fc\u30c6\u30a3\u30f3\u30b0"})}),"\n",(0,t.jsx)(r.Ay,{ticket:"169"}),"\n",(0,t.jsx)(i.h2,{id:"situation",children:"\u72b6\u6cc1"}),"\n",(0,t.jsx)(i.p,{children:"\u30da\u30fc\u30b8\u3078\u306eURL\u304c\u3001pages\u5c64\u3088\u308a\u4e0b\u306e\u5c64\u306b\u30cf\u30fc\u30c9\u30b3\u30fc\u30c7\u30a3\u30f3\u30b0\u3055\u308c\u3066\u3044\u307e\u3059\u3002"}),"\n",(0,t.jsx)(i.pre,{children:(0,t.jsx)(i.code,{className:"language-tsx",metastring:'title="entities/post/card"',children:"\n<Card>\n    <Card.Title \n        href={`/post/${data.id}`}\n        title={data.name}\n    />\n    ...\n</Card>\n"})}),"\n",(0,t.jsx)(i.h2,{id:"problem",children:"\u554f\u984c"}),"\n",(0,t.jsx)(i.p,{children:"URL\u304c\u30da\u30fc\u30b8\u5c64\u306b\u96c6\u4e2d\u3057\u3066\u304a\u3089\u305a\u3001\u8cac\u4efb\u7bc4\u56f2\u306b\u304a\u3044\u3066\u9069\u5207\u306a\u5834\u6240\u306b\u914d\u7f6e\u3055\u308c\u3066\u3044\u307e\u305b\u3093\u3002"}),"\n",(0,t.jsx)(i.h2,{id:"if-you-ignore-it",children:"\u7121\u8996\u3059\u308b\u5834\u5408"}),"\n",(0,t.jsx)(i.p,{children:"URL\u3092\u5909\u66f4\u3059\u308b\u969b\u306b\u3001URL\uff08\u304a\u3088\u3073URL/\u30ea\u30c0\u30a4\u30ec\u30af\u30c8\u306e\u30ed\u30b8\u30c3\u30af\uff09\u304cpages\u5c64\u4ee5\u5916\u306e\u3059\u3079\u3066\u306e\u5c64\u306b\u5b58\u5728\u3059\u308b\u53ef\u80fd\u6027\u304c\u3042\u308b\u3053\u3068\u3092\u8003\u616e\u3057\u306a\u3051\u308c\u3070\u306a\u308a\u307e\u305b\u3093\u3002"}),"\n",(0,t.jsx)(i.p,{children:"\u307e\u305f\u3001\u3053\u308c\u306f\u5358\u7d14\u306a\u5546\u54c1\u30ab\u30fc\u30c9\u3067\u3055\u3048\u3001\u30da\u30fc\u30b8\u304b\u3089\u306e\u4e00\u90e8\u306e\u8cac\u4efb\u3092\u5f15\u304d\u53d7\u3051\u308b\u3053\u3068\u3092\u610f\u5473\u3057\u3001\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u5168\u4f53\u306b\u30ed\u30b8\u30c3\u30af\u304c\u5206\u6563\u3057\u3066\u3057\u307e\u3044\u307e\u3059\u3002"}),"\n",(0,t.jsx)(i.h2,{id:"solution",children:"\u89e3\u6c7a\u7b56"}),"\n",(0,t.jsx)(i.p,{children:"URL\u3084\u30ea\u30c0\u30a4\u30ec\u30af\u30c8\u306e\u51e6\u7406\u3092\u30da\u30fc\u30b8\u5c64\u304a\u3088\u3073\u305d\u308c\u4ee5\u4e0a\u306e\u5c64\u3067\u5b9a\u7fa9\u3059\u308b\u3053\u3068\u3067\u3059\u3002"}),"\n",(0,t.jsx)(i.p,{children:"URL\u3092\u4e0b\u5c64\u306e\u5c64\u306b\u306f\u3001\u30b3\u30f3\u30dd\u30b8\u30b7\u30e7\u30f3/\u30d7\u30ed\u30d1\u30c6\u30a3/\u30d5\u30a1\u30af\u30c8\u30ea\u30fc\u3092\u901a\u3058\u3066\u6e21\u3059\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002"})]})}function p(e={}){const{wrapper:i}={...(0,n.R)(),...e.components};return i?(0,t.jsx)(i,{...e,children:(0,t.jsx)(l,{...e})}):l(e)}},1100:(e,i,s)=>{s.d(i,{R:()=>d,x:()=>o});var t=s(758);const n={},r=t.createContext(n);function d(e){const i=t.useContext(r);return t.useMemo((function(){return"function"==typeof e?e(i):{...i,...e}}),[i,e])}function o(e){let i;return i=e.disableParentContext?"function"==typeof e.components?e.components(n):e.components||n:d(e.components),t.createElement(r.Provider,{value:i},e.children)}}}]);
\ No newline at end of file
diff --git a/ja/assets/js/45dd4bf3.af1ba6d7.js b/ja/assets/js/45dd4bf3.945c3c38.js
similarity index 99%
rename from ja/assets/js/45dd4bf3.af1ba6d7.js
rename to ja/assets/js/45dd4bf3.945c3c38.js
index acbe658087..a9ab572730 100644
--- a/ja/assets/js/45dd4bf3.af1ba6d7.js
+++ b/ja/assets/js/45dd4bf3.945c3c38.js
@@ -1 +1 @@
-"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[1705],{4157:(e,n,t)=>{t.r(n),t.d(n,{assets:()=>o,contentTitle:()=>d,default:()=>p,frontMatter:()=>i,metadata:()=>c,toc:()=>a});var s=t(6070),r=t(1100);const i={sidebar_position:2},d="\u578b",c={id:"guides/examples/types",title:"\u578b",description:"\u3053\u306e\u30ac\u30a4\u30c9\u3067\u306f\u3001TypeScript\u306e\u3088\u3046\u306a\u578b\u4ed8\u304d\u8a00\u8a9e\u306e\u30c7\u30fc\u30bf\u306e\u578b\u3068\u3001\u305d\u308c\u304cFSD\u306b\u3069\u306e\u3088\u3046\u306b\u9069\u5408\u3059\u308b\u304b\u306b\u3064\u3044\u3066\u8aac\u660e\u3057\u307e\u3059\u3002",source:"@site/i18n/ja/docusaurus-plugin-content-docs/current/guides/examples/types.md",sourceDirName:"guides/examples",slug:"/guides/examples/types",permalink:"/ja/docs/guides/examples/types",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/ja/docusaurus-plugin-content-docs/current/guides/examples/types.md",tags:[],version:"current",lastUpdatedAt:1727607766e3,sidebarPosition:2,frontMatter:{sidebar_position:2},sidebar:"guidesSidebar",previous:{title:"\u8a8d\u8a3c",permalink:"/ja/docs/guides/examples/auth"},next:{title:"\u30da\u30fc\u30b8\u30ec\u30a4\u30a2\u30a6\u30c8",permalink:"/ja/docs/guides/examples/page-layout"}},o={},a=[{value:"\u30e6\u30fc\u30c6\u30a3\u30ea\u30c6\u30a3\u578b",id:"\u30e6\u30fc\u30c6\u30a3\u30ea\u30c6\u30a3\u578b",level:2},{value:"\u30d3\u30b8\u30cd\u30b9\u30a8\u30f3\u30c6\u30a3\u30c6\u30a3\u3068\u76f8\u4e92\u53c2\u7167",id:"\u30d3\u30b8\u30cd\u30b9\u30a8\u30f3\u30c6\u30a3\u30c6\u30a3\u3068\u76f8\u4e92\u53c2\u7167",level:2},{value:"\u30c7\u30fc\u30bf\u8ee2\u9001\u30aa\u30d6\u30b8\u30a7\u30af\u30c8\uff08DTO\uff09\u3068\u30de\u30c3\u30d1\u30fc",id:"data-transfer-objects-and-mappers",level:2},{value:"DTO\u3092\u3069\u3053\u306b\u7f6e\u304f\u304b",id:"dto\u3092\u3069\u3053\u306b\u7f6e\u304f\u304b",level:3},{value:"\u30de\u30c3\u30d1\u30fc\u3092\u3069\u3053\u306b\u7f6e\u304f\u304b",id:"\u30de\u30c3\u30d1\u30fc\u3092\u3069\u3053\u306b\u7f6e\u304f\u304b",level:3},{value:"\u30cd\u30b9\u30c8\u3055\u308c\u305fDTO\u3092\u3069\u3046\u6271\u3046\u304b",id:"\u30cd\u30b9\u30c8\u3055\u308c\u305fdto\u3092\u3069\u3046\u6271\u3046\u304b",level:3},{value:"\u30b0\u30ed\u30fc\u30d0\u30eb\u306e\u578b\u3068Redux",id:"\u30b0\u30ed\u30fc\u30d0\u30eb\u306e\u578b\u3068redux",level:2},{value:"\u578b\u306e\u30d0\u30ea\u30c7\u30fc\u30b7\u30e7\u30f3\u30b9\u30ad\u30fc\u30de\u3068Zod",id:"\u578b\u306e\u30d0\u30ea\u30c7\u30fc\u30b7\u30e7\u30f3\u30b9\u30ad\u30fc\u30de\u3068zod",level:2},{value:"\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306e\u30d7\u30ed\u30c3\u30d7\u30b9\u3068\u30b3\u30f3\u30c6\u30ad\u30b9\u30c8\u306e\u578b\u4ed8\u3051",id:"\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306e\u30d7\u30ed\u30c3\u30d7\u30b9\u3068\u30b3\u30f3\u30c6\u30ad\u30b9\u30c8\u306e\u578b\u4ed8\u3051",level:2},{value:"\u74b0\u5883\u5ba3\u8a00\u30d5\u30a1\u30a4\u30eb\uff08<code>*.d.ts</code>\uff09",id:"\u74b0\u5883\u5ba3\u8a00\u30d5\u30a1\u30a4\u30ebdts",level:2},{value:"\u578b\u306e\u81ea\u52d5\u751f\u6210",id:"\u578b\u306e\u81ea\u52d5\u751f\u6210",level:2}];function l(e){const n={a:"a",admonition:"admonition",blockquote:"blockquote",code:"code",h1:"h1",h2:"h2",h3:"h3",header:"header",li:"li",ol:"ol",p:"p",pre:"pre",strong:"strong",ul:"ul",...(0,r.R)(),...e.components};return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(n.header,{children:(0,s.jsx)(n.h1,{id:"\u578b",children:"\u578b"})}),"\n",(0,s.jsx)(n.p,{children:"\u3053\u306e\u30ac\u30a4\u30c9\u3067\u306f\u3001TypeScript\u306e\u3088\u3046\u306a\u578b\u4ed8\u304d\u8a00\u8a9e\u306e\u30c7\u30fc\u30bf\u306e\u578b\u3068\u3001\u305d\u308c\u304cFSD\u306b\u3069\u306e\u3088\u3046\u306b\u9069\u5408\u3059\u308b\u304b\u306b\u3064\u3044\u3066\u8aac\u660e\u3057\u307e\u3059\u3002"}),"\n",(0,s.jsx)(n.admonition,{type:"info",children:(0,s.jsx)(n.p,{children:"\u3042\u306a\u305f\u306e\u8cea\u554f\u304c\u3053\u306e\u30ac\u30a4\u30c9\u306b\u306a\u3044\u5834\u5408\u306f\u3001\u3053\u306e\u8a18\u4e8b\u306b\u30d5\u30a3\u30fc\u30c9\u30d0\u30c3\u30af\u3092\u6b8b\u3057\u3066\u8cea\u554f\u3092\u6295\u7a3f\u3057\u3066\u304f\u3060\u3055\u3044\uff08\u53f3\u5074\u306e\u9752\u3044\u30dc\u30bf\u30f3\uff09\u3001\u79c1\u305f\u3061\u306f\u3053\u306e\u30ac\u30a4\u30c9\u3092\u62e1\u5f35\u3059\u308b\u53ef\u80fd\u6027\u3092\u691c\u8a0e\u3057\u307e\u3059\uff01"})}),"\n",(0,s.jsx)(n.h2,{id:"\u30e6\u30fc\u30c6\u30a3\u30ea\u30c6\u30a3\u578b",children:"\u30e6\u30fc\u30c6\u30a3\u30ea\u30c6\u30a3\u578b"}),"\n",(0,s.jsx)(n.p,{children:"\u30e6\u30fc\u30c6\u30a3\u30ea\u30c6\u30a3\u578b\u306f\u3001\u7279\u306b\u610f\u5473\u3092\u6301\u305f\u305a\u3001\u901a\u5e38\u306f\u4ed6\u306e\u578b\u3068\u4e00\u7dd2\u306b\u4f7f\u7528\u3055\u308c\u308b\u578b\u3067\u3059\u3002\u4f8b\u3048\u3070"}),"\n",(0,s.jsxs)("figure",{children:[(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-ts",children:"type ArrayValues<T extends readonly unknown[]> = T[number];\n"})}),(0,s.jsx)("figcaption",{children:(0,s.jsxs)(n.p,{children:["\u51fa\u5178: ",(0,s.jsx)(n.a,{href:"https://github.com/sindresorhus/type-fest/blob/main/source/array-values.d.ts",children:"https://github.com/sindresorhus/type-fest/blob/main/source/array-values.d.ts"})]})})]}),"\n",(0,s.jsxs)(n.p,{children:["\u30e6\u30fc\u30c6\u30a3\u30ea\u30c6\u30a3\u578b\u3092\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u306b\u8ffd\u52a0\u3059\u308b\u306b\u306f\u3001",(0,s.jsx)(n.a,{href:"https://github.com/sindresorhus/type-fest",children:(0,s.jsx)(n.code,{children:"type-fest"})}),"\u306e\u3088\u3046\u306a\u30e9\u30a4\u30d6\u30e9\u30ea\u3092\u30a4\u30f3\u30b9\u30c8\u30fc\u30eb\u3059\u308b\u304b\u3001",(0,s.jsx)(n.code,{children:"shared/lib"}),"\u306b\u72ec\u81ea\u306e\u30e9\u30a4\u30d6\u30e9\u30ea\u3092\u4f5c\u6210\u3057\u307e\u3059\u3002\u5fc5\u305a\u3001\u65b0\u3057\u3044\u578b\u3092\u3053\u306e\u30e9\u30a4\u30d6\u30e9\u30ea\u306b\u8ffd\u52a0\u3067\u304d\u308b\u304b\u3001\u3067\u304d\u306a\u3044\u304b\u3092\u660e\u78ba\u306b\u793a\u3057\u3066\u304f\u3060\u3055\u3044\u3002\u4f8b\u3048\u3070\u3001",(0,s.jsx)(n.code,{children:"shared/lib/utility-types"}),"\u3068\u540d\u4ed8\u3051\u3001\u305d\u306e\u4e2d\u306b\u30e6\u30fc\u30c6\u30a3\u30ea\u30c6\u30a3\u578b\u304c\u3042\u306a\u305f\u306e\u30c1\u30fc\u30e0\u306e\u7406\u89e3\u306b\u304a\u3044\u3066\u4f55\u3067\u3042\u308b\u304b\u3092\u8aac\u660e\u3059\u308bREADME\u30d5\u30a1\u30a4\u30eb\u3092\u8ffd\u52a0\u3057\u3066\u304f\u3060\u3055\u3044\u3002"]}),"\n",(0,s.jsx)(n.p,{children:"\u30e6\u30fc\u30c6\u30a3\u30ea\u30c6\u30a3\u578b\u306e\u518d\u5229\u7528\u306e\u53ef\u80fd\u6027\u3092\u904e\u5927\u8a55\u4fa1\u3057\u306a\u3044\u3067\u304f\u3060\u3055\u3044\u3002\u518d\u5229\u7528\u53ef\u80fd\u3067\u3042\u308b\u304b\u3089\u3068\u3044\u3063\u3066\u3001\u5fc5\u305a\u3057\u3082\u518d\u5229\u7528\u3055\u308c\u308b\u308f\u3051\u3067\u306f\u306a\u304f\u3001\u3057\u305f\u304c\u3063\u3066\u3059\u3079\u3066\u306e\u30e6\u30fc\u30c6\u30a3\u30ea\u30c6\u30a3\u578b\u304cShared\u5c64\u306b\u5b58\u5728\u3059\u308b\u5fc5\u8981\u306f\u3042\u308a\u307e\u305b\u3093\u3002\u4e00\u90e8\u306e\u30e6\u30fc\u30c6\u30a3\u30ea\u30c6\u30a3\u578b\u306f\u3001\u4f7f\u7528\u3055\u308c\u308b\u5834\u6240\u306e\u8fd1\u304f\u306b\u7f6e\u304f\u3079\u304d\u3067\u3059\u3002"}),"\n",(0,s.jsxs)(n.ul,{children:["\n",(0,s.jsxs)(n.li,{children:["\ud83d\udcc2 pages","\n",(0,s.jsxs)(n.ul,{children:["\n",(0,s.jsxs)(n.li,{children:["\ud83d\udcc2 home","\n",(0,s.jsxs)(n.ul,{children:["\n",(0,s.jsxs)(n.li,{children:["\ud83d\udcc2 api","\n",(0,s.jsxs)(n.ul,{children:["\n",(0,s.jsx)(n.li,{children:"\ud83d\udcc4 ArrayValues.ts (\u30e6\u30fc\u30c6\u30a3\u30ea\u30c6\u30a3\u578b)"}),"\n",(0,s.jsx)(n.li,{children:"\ud83d\udcc4 getMemoryUsageMetrics.ts (\u3053\u306e\u30e6\u30fc\u30c6\u30a3\u30ea\u30c6\u30a3\u3092\u4f7f\u7528\u3059\u308b\u30b3\u30fc\u30c9)"}),"\n"]}),"\n"]}),"\n"]}),"\n"]}),"\n"]}),"\n"]}),"\n"]}),"\n",(0,s.jsx)(n.admonition,{type:"warning",children:(0,s.jsxs)(n.p,{children:[(0,s.jsx)(n.code,{children:"shared/types"}),"\u30d5\u30a9\u30eb\u30c0\u30fc\u3092\u4f5c\u6210\u3057\u305f\u308a\u3001\u30b9\u30e9\u30a4\u30b9\u306b",(0,s.jsx)(n.code,{children:"types"}),"\u30bb\u30b0\u30e1\u30f3\u30c8\u3092\u8ffd\u52a0\u3059\u308b\u8a98\u60d1\u306b\u8ca0\u3051\u306a\u3044\u3067\u304f\u3060\u3055\u3044\u3002\u300c\u578b\u300d\u3068\u3044\u3046\u30ab\u30c6\u30b4\u30ea\u306f\u300c\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u300d\u3084\u300c\u30d5\u30c3\u30af\u300d\u3068\u540c\u69d8\u306b\u3001\u5185\u5bb9\u3092\u8aac\u660e\u3059\u308b\u3082\u306e\u3067\u3042\u308a\u3001\u76ee\u7684\u3092\u793a\u3059\u3082\u306e\u3067\u306f\u3042\u308a\u307e\u305b\u3093\u3002\u30bb\u30b0\u30e1\u30f3\u30c8\u306f\u30b3\u30fc\u30c9\u306e\u76ee\u7684\u3092\u8aac\u660e\u3059\u308b\u3079\u304d\u3067\u3042\u308a\u3001\u305d\u306e\u672c\u8cea\u3092\u8aac\u660e\u3059\u308b\u3079\u304d\u3067\u306f\u3042\u308a\u307e\u305b\u3093\u3002"]})}),"\n",(0,s.jsx)(n.h2,{id:"\u30d3\u30b8\u30cd\u30b9\u30a8\u30f3\u30c6\u30a3\u30c6\u30a3\u3068\u76f8\u4e92\u53c2\u7167",children:"\u30d3\u30b8\u30cd\u30b9\u30a8\u30f3\u30c6\u30a3\u30c6\u30a3\u3068\u76f8\u4e92\u53c2\u7167"}),"\n",(0,s.jsx)(n.p,{children:"\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u3067\u6700\u3082\u91cd\u8981\u306a\u578b\u306e\u4e00\u3064\u306f\u3001\u30d3\u30b8\u30cd\u30b9\u30a8\u30f3\u30c6\u30a3\u30c6\u30a3\u306e\u578b\u3001\u3064\u307e\u308a\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u304c\u6271\u3046\u5b9f\u969b\u306e\u30aa\u30d6\u30b8\u30a7\u30af\u30c8\u3067\u3059\u3002\u4f8b\u3048\u3070\u3001\u30aa\u30f3\u30e9\u30a4\u30f3\u97f3\u697d\u30b5\u30fc\u30d3\u30b9\u306e\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u3067\u306f\u3001\u30d3\u30b8\u30cd\u30b9\u30a8\u30f3\u30c6\u30a3\u30c6\u30a3\u3068\u3057\u3066\u300c\u66f2\u300d(song)\u3084\u300c\u30a2\u30eb\u30d0\u30e0\u300d(album)\u306a\u3069\u304c\u3042\u308a\u307e\u3059\u3002"}),"\n",(0,s.jsx)(n.p,{children:"\u30d3\u30b8\u30cd\u30b9\u30a8\u30f3\u30c6\u30a3\u30c6\u30a3\u306f\u3001\u3057\u3070\u3057\u3070\u30d0\u30c3\u30af\u30a8\u30f3\u30c9\u304b\u3089\u63d0\u4f9b\u3055\u308c\u308b\u305f\u3081\u3001\u6700\u521d\u306e\u30b9\u30c6\u30c3\u30d7\u306f\u30d0\u30c3\u30af\u30a8\u30f3\u30c9\u306e\u30ec\u30b9\u30dd\u30f3\u30b9\u3092\u578b\u4ed8\u3051\u3059\u308b\u3053\u3068\u3067\u3059\u3002\u5404\u30a8\u30f3\u30c9\u30dd\u30a4\u30f3\u30c8\u306b\u5bfe\u3057\u3066\u30ea\u30af\u30a8\u30b9\u30c8\u95a2\u6570\u3092\u6301\u3061\u3001\u305d\u306e\u95a2\u6570\u306e\u547c\u3073\u51fa\u3057\u7d50\u679c\u3092\u578b\u4ed8\u3051\u3059\u308b\u306e\u304c\u4fbf\u5229\u3067\u3059\u3002\u578b\u306e\u5b89\u5168\u6027\u3092\u9ad8\u3081\u308b\u305f\u3081\u306b\u3001Zod\u306e\u3088\u3046\u306a\u30b9\u30ad\u30fc\u30de\u691c\u8a3c\u30e9\u30a4\u30d6\u30e9\u30ea\u3092\u901a\u3058\u3066\u7d50\u679c\u3092\u901a\u904e\u3055\u305b\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002"}),"\n",(0,s.jsx)(n.p,{children:"\u4f8b\u3048\u3070\u3001\u3059\u3079\u3066\u306e\u30ea\u30af\u30a8\u30b9\u30c8\u3092Shared\u5c64\u306b\u4fdd\u5b58\u3057\u3066\u3044\u308b\u5834\u5408\u3001\u6b21\u306e\u3088\u3046\u306b\u3067\u304d\u307e\u3059\u3002"}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-ts",metastring:'title="shared/api/songs.ts"',children:"import type { Artist } from \"./artists\";\n\ninterface Song {\n  id: number;\n  title: string;\n  artists: Array<Artist>;\n}\n\nexport function listSongs() {\n  return fetch('/api/songs').then((res) => res.json() as Promise<Array<Song>>);\n}\n"})}),"\n",(0,s.jsxs)(n.p,{children:[(0,s.jsx)(n.code,{children:"Song"}),"\u578b\u304c\u4ed6\u306e",(0,s.jsx)(n.code,{children:"Artist"}),"\u30a8\u30f3\u30c6\u30a3\u30c6\u30a3\u3092\u53c2\u7167\u3057\u3066\u3044\u308b\u3053\u3068\u306b\u6c17\u4ed8\u304f\u304b\u3082\u3057\u308c\u307e\u305b\u3093\u3002\u3053\u308c\u306f\u30ea\u30af\u30a8\u30b9\u30c8\u3092Shared\u5c64\u306b\u4fdd\u5b58\u3059\u308b\u5229\u70b9\u3067\u3059\u3002\u5b9f\u969b\u306e\u578b\u304c\u76f8\u4e92\u306b\u53c2\u7167\u3055\u308c\u308b\u3053\u3068\u304c\u591a\u3044\u3067\u3059\u3002\u3053\u306e\u95a2\u6570\u3092",(0,s.jsx)(n.code,{children:"entities/song/api"}),"\u306b\u7f6e\u3044\u305f\u5834\u5408\u3001",(0,s.jsx)(n.code,{children:"entities/artist"}),"\u304b\u3089",(0,s.jsx)(n.code,{children:"Artist"}),"\u3092\u5358\u7d14\u306b\u30a4\u30f3\u30dd\u30fc\u30c8\u3059\u308b\u3053\u3068\u306f\u3067\u304d\u307e\u305b\u3093\u3002\u306a\u305c\u306a\u3089\u3001FSD\u306f\u30b9\u30e9\u30a4\u30b9\u9593\u306e\u30af\u30ed\u30b9\u30a4\u30f3\u30dd\u30fc\u30c8\u3092",(0,s.jsx)(n.a,{href:"/docs/reference/layers#import-rule-on-layers",children:"\u30ec\u30a4\u30e4\u30fc\u306e\u30a4\u30f3\u30dd\u30fc\u30c8\u30eb\u30fc\u30eb"}),"\u306b\u3088\u3063\u3066\u5236\u9650\u3057\u3066\u3044\u308b\u304b\u3089\u3067\u3059\u3002"]}),"\n",(0,s.jsxs)(n.blockquote,{children:["\n",(0,s.jsx)(n.p,{children:"\u30b9\u30e9\u30a4\u30b9\u5185\u306e\u30e2\u30b8\u30e5\u30fc\u30eb\u306f\u3001\u4e0b\u5c64\u306b\u3042\u308b\u30b9\u30e9\u30a4\u30b9\u306e\u307f\u3092\u30a4\u30f3\u30dd\u30fc\u30c8\u3067\u304d\u308b\u3002"}),"\n"]}),"\n",(0,s.jsx)(n.p,{children:"\u3053\u306e\u554f\u984c\u3092\u89e3\u6c7a\u3059\u308b\u65b9\u6cd5\u306f2\u3064\u3042\u308a\u307e\u3059\u3002"}),"\n",(0,s.jsxs)(n.ol,{children:["\n",(0,s.jsxs)(n.li,{children:["\n",(0,s.jsxs)(n.p,{children:[(0,s.jsx)(n.strong,{children:"\u578b\u3092\u30d1\u30e9\u30e1\u30fc\u30bf\u30fc\u5316\u3059\u308b"}),"\n\u578b\u304c\u4ed6\u306e\u30a8\u30f3\u30c6\u30a3\u30c6\u30a3\u3068\u63a5\u7d9a\u3059\u308b\u305f\u3081\u306e\u30b9\u30ed\u30c3\u30c8\u3068\u3057\u3066\u578b\u5f15\u6570\u3092\u53d7\u3051\u53d6\u308b\u3088\u3046\u306b\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002\u3055\u3089\u306b\u3001\u3053\u308c\u3089\u306e\u30b9\u30ed\u30c3\u30c8\u306b\u5236\u7d04\u3092\u8ab2\u3059\u3053\u3068\u3082\u3067\u304d\u307e\u3059\u3002\u4f8b\u3048\u3070"]}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-ts",metastring:'title="entities/song/model/song.ts"',children:"interface Song<ArtistType extends { id: string }> {\n  id: number;\n  title: string;\n  artists: Array<ArtistType>;\n}\n"})}),"\n",(0,s.jsxs)(n.p,{children:["\u3053\u308c\u306f\u3044\u304f\u3064\u304b\u306e\u578b\u306b\u5bfe\u3057\u3066\u306f\u3046\u307e\u304f\u6a5f\u80fd\u3057\u307e\u3059\u304c\u3001\u6a5f\u80fd\u3057\u306a\u3044\u30b1\u30fc\u30b9\u3082\u3042\u308a\u307e\u3059\u3002",(0,s.jsx)(n.code,{children:"Cart = { items: Array<Product> }"}),"\u306e\u3088\u3046\u306a\u5358\u7d14\u306a\u578b\u306f\u3001\u4efb\u610f\u306e\u30d7\u30ed\u30c0\u30af\u30c8\u578b\u3067\u7c21\u5358\u306b\u6a5f\u80fd\u3055\u305b\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002\u3057\u304b\u3057\u3001",(0,s.jsx)(n.code,{children:"Country"}),"\u3068",(0,s.jsx)(n.code,{children:"City"}),"\u306e\u3088\u3046\u306a\u3088\u308a\u95a2\u9023\u6027\u306e\u9ad8\u3044\u578b\u306f\u3001\u5206\u96e2\u3059\u308b\u306e\u304c\u96e3\u3057\u3044\u304b\u3082\u3057\u308c\u307e\u305b\u3093\u3002"]}),"\n"]}),"\n",(0,s.jsxs)(n.li,{children:["\n",(0,s.jsxs)(n.p,{children:[(0,s.jsx)(n.strong,{children:"\u30af\u30ed\u30b9\u30a4\u30f3\u30dd\u30fc\u30c8\u3059\u308b\uff08\u6b63\u3057\u304f\uff09"}),"\nFSD\u5185\u3067\u30a8\u30f3\u30c6\u30a3\u30c6\u30a3\u9593\u306e\u30af\u30ed\u30b9\u30a4\u30f3\u30dd\u30fc\u30c8\u3092\u884c\u3046\u306b\u306f\u3001\u5404\u30b9\u30e9\u30a4\u30b9\u5c02\u7528\u306e\u7279\u5225\u306e\u516c\u958bAPI\u3092\u4f7f\u7528\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002\u4f8b\u3048\u3070\u3001",(0,s.jsx)(n.code,{children:"song"}),"\uff08\u66f2\uff09\u3001",(0,s.jsx)(n.code,{children:"artist"}),"\uff08\u30a2\u30fc\u30c6\u30a3\u30b9\u30c8\uff09\u3001",(0,s.jsx)(n.code,{children:"playlist"}),"\uff08\u30d7\u30ec\u30a4\u30ea\u30b9\u30c8\uff09\u306e\u30a8\u30f3\u30c6\u30a3\u30c6\u30a3\u304c\u3042\u308a\u3001\u5f8c\u8005\u306e2\u3064\u304c",(0,s.jsx)(n.code,{children:"song"}),"\u3092\u53c2\u7167\u3059\u308b\u5fc5\u8981\u304c\u3042\u308b\u5834\u5408\u3001",(0,s.jsx)(n.code,{children:"@x"}),"\u30ce\u30fc\u30c6\u30fc\u30b7\u30e7\u30f3\u3092\u901a\u3058\u3066",(0,s.jsx)(n.code,{children:"song"}),"\u30a8\u30f3\u30c6\u30a3\u30c6\u30a3\u5185\u306b2\u3064\u306e\u7279\u5225\u306a\u516c\u958bAPI\u3092\u4f5c\u6210\u3067\u304d\u307e\u3059\u3002"]}),"\n",(0,s.jsxs)(n.ul,{children:["\n",(0,s.jsxs)(n.li,{children:["\ud83d\udcc2 entities","\n",(0,s.jsxs)(n.ul,{children:["\n",(0,s.jsxs)(n.li,{children:["\ud83d\udcc2 song","\n",(0,s.jsxs)(n.ul,{children:["\n",(0,s.jsxs)(n.li,{children:["\ud83d\udcc2 @x","\n",(0,s.jsxs)(n.ul,{children:["\n",(0,s.jsxs)(n.li,{children:["\ud83d\udcc4 artist.ts (\u516c\u958bAPI\u3001",(0,s.jsx)(n.code,{children:"artist"}),"\u30a8\u30f3\u30c6\u30a3\u30c6\u30a3\u3092\u30a4\u30f3\u30dd\u30fc\u30c8\u3059\u308b)"]}),"\n",(0,s.jsxs)(n.li,{children:["\ud83d\udcc4 playlist.ts (\u516c\u958bAPI\u3001",(0,s.jsx)(n.code,{children:"playlist"}),"\u30a8\u30f3\u30c6\u30a3\u30c6\u30a3\u3092\u30a4\u30f3\u30dd\u30fc\u30c8\u3059\u308b)"]}),"\n"]}),"\n"]}),"\n",(0,s.jsx)(n.li,{children:"\ud83d\udcc4 index.ts (\u901a\u5e38\u306e\u516c\u958bAPI)"}),"\n"]}),"\n"]}),"\n"]}),"\n"]}),"\n"]}),"\n",(0,s.jsxs)(n.p,{children:[(0,s.jsx)(n.code,{children:"\ud83d\udcc4 entities/song/@x/artist.ts"}),"\u30d5\u30a1\u30a4\u30eb\u306e\u5185\u5bb9\u306f\u3001",(0,s.jsx)(n.code,{children:"\ud83d\udcc4 entities/song/index.ts"}),"\u3068\u4f3c\u3066\u3044\u307e\u3059\u3002"]}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-ts",metastring:'title="entities/song/@x/artist.ts"',children:'export type { Song } from "../model/song.ts";\n'})}),"\n",(0,s.jsxs)(n.p,{children:["\u305d\u306e\u5f8c\u3001",(0,s.jsx)(n.code,{children:"\ud83d\udcc4 entities/artist/model/artist.ts"}),"\u306f\u6b21\u306e\u3088\u3046\u306b",(0,s.jsx)(n.code,{children:"Song"}),"\u3092\u30a4\u30f3\u30dd\u30fc\u30c8\u3067\u304d\u307e\u3059\u3002"]}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-ts",metastring:'title="entities/artist/model/artist.ts"',children:'import type { Song } from "entities/song/@x/artist";\n\nexport interface Artist {\n  name: string;\n  songs: Array<Song>;\n}\n'})}),"\n",(0,s.jsx)(n.p,{children:"\u30a8\u30f3\u30c6\u30a3\u30c6\u30a3\u9593\u306e\u660e\u793a\u7684\u306a\u95a2\u4fc2\u3092\u6301\u3064\u3053\u3068\u3067\u3001\u4f9d\u5b58\u95a2\u4fc2\u3092\u6b63\u78ba\u306b\u5236\u5fa1\u3057\u3001\u30c9\u30e1\u30a4\u30f3\u306e\u5206\u96e2\u3092\u5341\u5206\u306b\u4fdd\u3064\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002"}),"\n"]}),"\n"]}),"\n",(0,s.jsx)(n.h2,{id:"data-transfer-objects-and-mappers",children:"\u30c7\u30fc\u30bf\u8ee2\u9001\u30aa\u30d6\u30b8\u30a7\u30af\u30c8\uff08DTO\uff09\u3068\u30de\u30c3\u30d1\u30fc"}),"\n",(0,s.jsx)(n.p,{children:"\u30c7\u30fc\u30bf\u8ee2\u9001\u30aa\u30d6\u30b8\u30a7\u30af\u30c8\u3001\u307e\u305f\u306fDTO\uff08Data Transfer Object\uff09\u306f\u3001\u30d0\u30c3\u30af\u30a8\u30f3\u30c9\u304b\u3089\u9001\u4fe1\u3055\u308c\u308b\u30c7\u30fc\u30bf\u306e\u5f62\u5f0f\u3092\u8aac\u660e\u3059\u308b\u7528\u8a9e\u3067\u3059\u3002\u6642\u306b\u306fDTO\u3092\u305d\u306e\u307e\u307e\u4f7f\u7528\u3067\u304d\u307e\u3059\u304c\u3001\u6642\u306b\u306f\u305d\u306e\u5f62\u5f0f\u304c\u30d5\u30ed\u30f3\u30c8\u30a8\u30f3\u30c9\u306b\u3068\u3063\u3066\u4e0d\u4fbf\u306a\u5834\u5408\u304c\u3042\u308a\u307e\u3059\u3002\u3053\u3053\u3067\u30de\u30c3\u30d1\u30fc\u304c\u5f79\u7acb\u3061\u307e\u3059\u3002\u30de\u30c3\u30d1\u30fc\u306f\u3001DTO\u3092\u3088\u308a\u4f7f\u3044\u3084\u3059\u3044\u5f62\u5f0f\u306b\u5909\u63db\u3059\u308b\u95a2\u6570\u3067\u3059\u3002"}),"\n",(0,s.jsx)(n.h3,{id:"dto\u3092\u3069\u3053\u306b\u7f6e\u304f\u304b",children:"DTO\u3092\u3069\u3053\u306b\u7f6e\u304f\u304b"}),"\n",(0,s.jsx)(n.p,{children:"\u30d0\u30c3\u30af\u30a8\u30f3\u30c9\u306e\u578b\u304c\u5225\u306e\u30d1\u30c3\u30b1\u30fc\u30b8\u306b\u3042\u308b\u5834\u5408\uff08\u4f8b\u3048\u3070\u3001\u30d5\u30ed\u30f3\u30c8\u30a8\u30f3\u30c9\u3068\u30d0\u30c3\u30af\u30a8\u30f3\u30c9\u9593\u3067\u30b3\u30fc\u30c9\u3092\u5171\u6709\u3057\u3066\u3044\u308b\u5834\u5408\uff09\u3001\u305d\u3053\u304b\u3089DTO\u3092\u30a4\u30f3\u30dd\u30fc\u30c8\u3059\u308b\u3060\u3051\u3067\u6e08\u307f\u307e\u3059\u3002\u30d0\u30c3\u30af\u30a8\u30f3\u30c9\u3068\u30d5\u30ed\u30f3\u30c8\u30a8\u30f3\u30c9\u9593\u3067\u30b3\u30fc\u30c9\u3092\u5171\u6709\u3057\u3066\u3044\u306a\u3044\u5834\u5408\u3001DTO\u3092\u30d5\u30ed\u30f3\u30c8\u30a8\u30f3\u30c9\u30b3\u30fc\u30c9\u306e\u3069\u3053\u304b\u306b\u4fdd\u5b58\u3059\u308b\u5fc5\u8981\u304c\u3042\u308a\u307e\u3059\u3002\u3053\u306e\u5834\u5408\u306b\u3064\u3044\u3066\u306f\u4ee5\u4e0b\u3067\u8aac\u660e\u3057\u307e\u3059\u3002"}),"\n",(0,s.jsxs)(n.p,{children:["\u30ea\u30af\u30a8\u30b9\u30c8\u95a2\u6570\u3092",(0,s.jsx)(n.code,{children:"shared/api"}),"\u306b\u4fdd\u5b58\u3057\u3066\u3044\u308b\u5834\u5408\u3001\u305d\u306e\u95a2\u6570\u3067\u4f7f\u7528\u3059\u308bDTO\u3082\u3001\u3061\u3087\u3046\u3069\u305d\u306e\u95a2\u6570\u306e\u8fd1\u304f\u306b\u914d\u7f6e\u3059\u308b\u3079\u304d\u3067\u3059\u3002"]}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-ts",metastring:'title="shared/api/songs.ts"',children:'import type { ArtistDTO } from "./artists";\n\ninterface SongDTO {\n  id: number;\n  title: string;\n  artist_ids: Array<ArtistDTO["id"]>;\n}\n\nexport function listSongs() {\n  return fetch(\'/api/songs\').then((res) => res.json() as Promise<Array<SongDTO>>);\n}\n'})}),"\n",(0,s.jsx)(n.p,{children:"\u524d\u306e\u30bb\u30af\u30b7\u30e7\u30f3\u3067\u8ff0\u3079\u305f\u3088\u3046\u306b\u3001\u30ea\u30af\u30a8\u30b9\u30c8\u3068DTO\u3092Shared\u5c64\u306b\u4fdd\u5b58\u3059\u308b\u5229\u70b9\u306f\u3001\u4ed6\u306eDTO\u3092\u53c2\u7167\u3067\u304d\u308b\u3053\u3068\u3067\u3059\u3002"}),"\n",(0,s.jsx)(n.h3,{id:"\u30de\u30c3\u30d1\u30fc\u3092\u3069\u3053\u306b\u7f6e\u304f\u304b",children:"\u30de\u30c3\u30d1\u30fc\u3092\u3069\u3053\u306b\u7f6e\u304f\u304b"}),"\n",(0,s.jsxs)(n.p,{children:["\u30de\u30c3\u30d1\u30fc\u306f\u3001DTO\u3092\u5909\u63db\u3059\u308b\u305f\u3081\u306e\u95a2\u6570\u3067\u3042\u308a\u3001\u3057\u305f\u304c\u3063\u3066DTO\u306e\u5b9a\u7fa9\u306e\u8fd1\u304f\u306b\u7f6e\u304f\u3079\u304d\u3067\u3059\u3002\u5b9f\u969b\u306b\u306f\u3001\u30ea\u30af\u30a8\u30b9\u30c8\u3068DTO\u304c",(0,s.jsx)(n.code,{children:"shared/api"}),"\u306b\u5b9a\u7fa9\u3055\u308c\u3066\u3044\u308b\u5834\u5408\u3001\u30de\u30c3\u30d1\u30fc\u3082\u305d\u3053\u306b\u7f6e\u304f\u3079\u304d\u3067\u3059\u3002"]}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-ts",metastring:'title="shared/api/songs.ts"',children:'import type { ArtistDTO } from "./artists";\n\ninterface SongDTO {\n  id: number;\n  title: string;\n  disc_no: number;\n  artist_ids: Array<ArtistDTO["id"]>;\n}\n\ninterface Song {\n  id: string;\n  title: string;\n  /** \u66f2\u306e\u5b8c\u5168\u306a\u30bf\u30a4\u30c8\u30eb\u3001\u30c7\u30a3\u30b9\u30af\u756a\u53f7\u3092\u542b\u3080\u3002 */\n  fullTitle: string;\n  artistIds: Array<string>;\n}\n\nfunction adaptSongDTO(dto: SongDTO): Song {\n  return {\n    id: String(dto.id),\n    title: dto.title,\n    fullTitle: `${dto.disc_no} / ${dto.title}`,\n    artistIds: dto.artist_ids.map(String),\n  };\n}\n\nexport function listSongs() {\n  return fetch(\'/api/songs\').then(async (res) => (await res.json()).map(adaptSongDTO));\n}\n'})}),"\n",(0,s.jsx)(n.p,{children:"\u30ea\u30af\u30a8\u30b9\u30c8\u3068\u30b9\u30c8\u30ec\u30fc\u30b8\u304c\u30a8\u30f3\u30c6\u30a3\u30c6\u30a3\u30b9\u30e9\u30a4\u30b9\u306b\u5b9a\u7fa9\u3055\u308c\u3066\u3044\u308b\u5834\u5408\u3001\u3053\u306e\u3059\u3079\u3066\u306e\u30b3\u30fc\u30c9\u306f\u305d\u3053\u306b\u7f6e\u304f\u3079\u304d\u3067\u3042\u308a\u3001\u30a8\u30f3\u30c6\u30a3\u30c6\u30a3\u9593\u306e\u30af\u30ed\u30b9\u30a4\u30f3\u30dd\u30fc\u30c8\u306e\u5236\u9650\u3092\u8003\u616e\u3059\u308b\u5fc5\u8981\u304c\u3042\u308a\u307e\u3059\u3002"}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-ts",metastring:'title="entities/song/api/dto.ts"',children:'import type { ArtistDTO } from "entities/artist/@x/song";\n\nexport interface SongDTO {\n  id: number;\n  title: string;\n  disc_no: number;\n  artist_ids: Array<ArtistDTO["id"]>;\n}\n'})}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-ts",metastring:'title="entities/song/api/mapper.ts"',children:'import type { SongDTO } from "./dto";\n\nexport interface Song {\n  id: string;\n  title: string;\n  /** \u66f2\u306e\u5b8c\u5168\u306a\u30bf\u30a4\u30c8\u30eb\u3001\u30c7\u30a3\u30b9\u30af\u756a\u53f7\u3092\u542b\u3080\u3002 */\n  fullTitle: string;\n  artistIds: Array<string>;\n}\n\nexport function adaptSongDTO(dto: SongDTO): Song {\n  return {\n    id: String(dto.id),\n    title: dto.title,\n    fullTitle: `${dto.disc_no} / ${dto.title}`,\n    artistIds: dto.artist_ids.map(String),\n  };\n}\n'})}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-ts",metastring:'title="entities/song/api/listSongs.ts"',children:"import { adaptSongDTO } from \"./mapper\";\n\nexport function listSongs() {\n  return fetch('/api/songs').then(async (res) => (await res.json()).map(adaptSongDTO));\n}\n"})}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-ts",metastring:'title="entities/song/model/songs.ts"',children:'import { createSlice, createEntityAdapter } from "@reduxjs/toolkit";\n\nimport { listSongs } from "../api/listSongs";\n\nexport const fetchSongs = createAsyncThunk(\'songs/fetchSongs\', listSongs);\n\nconst songAdapter = createEntityAdapter();\nconst songsSlice = createSlice({\n  name: "songs",\n  initialState: songAdapter.getInitialState(),\n  reducers: {},\n  extraReducers: (builder) => {\n    builder.addCase(fetchSongs.fulfilled, (state, action) => {\n      songAdapter.upsertMany(state, action.payload);\n    })\n  },\n});\n'})}),"\n",(0,s.jsx)(n.h3,{id:"\u30cd\u30b9\u30c8\u3055\u308c\u305fdto\u3092\u3069\u3046\u6271\u3046\u304b",children:"\u30cd\u30b9\u30c8\u3055\u308c\u305fDTO\u3092\u3069\u3046\u6271\u3046\u304b"}),"\n",(0,s.jsxs)(n.p,{children:["\u6700\u3082\u554f\u984c\u3068\u306a\u308b\u306e\u306f\u3001\u30d0\u30c3\u30af\u30a8\u30f3\u30c9\u304b\u3089\u306e\u30ec\u30b9\u30dd\u30f3\u30b9\u304c\u8907\u6570\u306e\u30a8\u30f3\u30c6\u30a3\u30c6\u30a3\u3092\u542b\u3080\u5834\u5408\u3067\u3059\u3002\u4f8b\u3048\u3070\u3001\u66f2\u304c\u30a2\u30fc\u30c6\u30a3\u30b9\u30c8\u306eID\u3060\u3051\u3067\u306a\u304f\u3001\u30a2\u30fc\u30c6\u30a3\u30b9\u30c8\u306e\u30c7\u30fc\u30bf\u30aa\u30d6\u30b8\u30a7\u30af\u30c8\u5168\u4f53\u3092\u542b\u3080\u5834\u5408\u3067\u3059\u3002\u3053\u306e\u5834\u5408\u3001\u30a8\u30f3\u30c6\u30a3\u30c6\u30a3\u306f\u4e92\u3044\u306b\u77e5\u3089\u306a\u3044\u308f\u3051\u306b\u306f\u3044\u304d\u307e\u305b\u3093\uff08\u30c7\u30fc\u30bf\u3092\u6368\u3066\u305f\u308a\u3001\u30d0\u30c3\u30af\u30a8\u30f3\u30c9\u30c1\u30fc\u30e0\u3068\u771f\u5263\u306b\u8a71\u3057\u5408\u3044\u305f\u304f\u306a\u3044\u5834\u5408\u3092\u9664\u3044\u3066\uff09\u3002\u30b9\u30e9\u30a4\u30b9\u9593\u306e\u6697\u9ed9\u7684\u306a\u95a2\u4fc2\u306e\u89e3\u6c7a\u7b56\u3092\u8003\u3048\u308b\u306e\u3067\u306f\u306a\u304f\u3001",(0,s.jsx)(n.code,{children:"@x"}),"\u30ce\u30fc\u30c6\u30fc\u30b7\u30e7\u30f3\u3092\u901a\u3058\u3066\u660e\u793a\u7684\u306a\u30af\u30ed\u30b9\u30a4\u30f3\u30dd\u30fc\u30c8\u3092\u9078\u3076\u3079\u304d\u3067\u3059\u3002Redux Toolkit\u3092\u4f7f\u7528\u3057\u3066\u3053\u308c\u3092\u5b9f\u88c5\u3059\u308b\u65b9\u6cd5\u306f\u6b21\u306e\u3068\u304a\u308a\u3067\u3059\u3002"]}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-ts",metastring:'title="entities/song/model/songs.ts"',children:"import {\n  createSlice,\n  createEntityAdapter,\n  createAsyncThunk,\n  createSelector,\n} from '@reduxjs/toolkit'\nimport { normalize, schema } from 'normalizr'\n\nimport { getSong } from \"../api/getSong\";\n\n// normalizr\u3067\u30a8\u30f3\u30c6\u30a3\u30c6\u30a3\u306e\u30b9\u30ad\u30fc\u30de\u3092\u5ba3\u8a00\nexport const artistEntity = new schema.Entity('artists')\nexport const songEntity = new schema.Entity('songs', {\n  artists: [artistEntity],\n})\n\nconst songAdapter = createEntityAdapter()\n\nexport const fetchSong = createAsyncThunk(\n  'songs/fetchSong',\n  async (id: string) => {\n    const data = await getSong(id)\n    // \u30c7\u30fc\u30bf\u3092\u6b63\u898f\u5316\u3057\u3066\u3001\u30ea\u30c7\u30e5\u30fc\u30b5\u30fc\u304c\u4e88\u6e2c\u53ef\u80fd\u306a\u30aa\u30d6\u30b8\u30a7\u30af\u30c8\u3092\u30ed\u30fc\u30c9\u3067\u304d\u308b\u3088\u3046\u306b\u3057\u307e\u3059\u3002\u4f8b\u3048\u3070\n    // `action.payload = { songs: {}, artists: {} }`\n    const normalized = normalize(data, songEntity)\n    return normalized.entities\n  }\n)\n\nexport const slice = createSlice({\n  name: 'songs',\n  initialState: songAdapter.getInitialState(),\n  reducers: {},\n  extraReducers: (builder) => {\n    builder.addCase(fetchSong.fulfilled, (state, action) => {\n      songAdapter.upsertMany(state, action.payload.songs)\n    })\n  },\n})\n\nconst reducer = slice.reducer\nexport default reducer\n"})}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-ts",metastring:'title="entities/song/@x/artist.ts"',children:'export { fetchSong } from "../model/songs";\n'})}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-ts",metastring:'title="entities/artist/model/artists.ts"',children:"import { createSlice, createEntityAdapter } from '@reduxjs/toolkit'\n\nimport { fetchSong } from 'entities/song/@x/artist'\n\nconst artistAdapter = createEntityAdapter()\n\nexport const slice = createSlice({\n  name: 'users',\n  initialState: artistAdapter.getInitialState(),\n  reducers: {},\n  extraReducers: (builder) => {\n    builder.addCase(fetchSong.fulfilled, (state, action) => {\n      // \u3053\u3053\u3067\u30d0\u30c3\u30af\u30a8\u30f3\u30c9\u304b\u3089\u306e\u540c\u3058\u30ec\u30b9\u30dd\u30f3\u30b9\u3092\u51e6\u7406\u3057\u3001\u30e6\u30fc\u30b6\u30fc\u3092\u8ffd\u52a0\u3057\u307e\u3059\n      usersAdapter.upsertMany(state, action.payload.users)\n    })\n  },\n})\n\nconst reducer = slice.reducer\nexport default reducer\n"})}),"\n",(0,s.jsx)(n.p,{children:"\u3053\u308c\u306f\u30b9\u30e9\u30a4\u30b9\u306e\u5206\u96e2\u306e\u5229\u70b9\u3092\u5c11\u3057\u5236\u9650\u3057\u307e\u3059\u304c\u3001\u79c1\u305f\u3061\u304c\u5236\u5fa1\u3067\u304d\u306a\u3044\u3053\u308c\u3089\u306e2\u3064\u306e\u30a8\u30f3\u30c6\u30a3\u30c6\u30a3\u9593\u306e\u95a2\u4fc2\u3092\u660e\u78ba\u306b\u793a\u3057\u307e\u3059\u3002\u3053\u308c\u3089\u306e\u30a8\u30f3\u30c6\u30a3\u30c6\u30a3\u304c\u30ea\u30d5\u30a1\u30af\u30bf\u30ea\u30f3\u30b0\u3055\u308c\u308b\u5834\u5408\u3001\u540c\u6642\u306b\u30ea\u30d5\u30a1\u30af\u30bf\u30ea\u30f3\u30b0\u3059\u308b\u5fc5\u8981\u304c\u3042\u308a\u307e\u3059\u3002"}),"\n",(0,s.jsx)(n.h2,{id:"\u30b0\u30ed\u30fc\u30d0\u30eb\u306e\u578b\u3068redux",children:"\u30b0\u30ed\u30fc\u30d0\u30eb\u306e\u578b\u3068Redux"}),"\n",(0,s.jsx)(n.p,{children:"\u30b0\u30ed\u30fc\u30d0\u30eb\u306e\u578b\u3068\u306f\u3001\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u5168\u4f53\u3067\u4f7f\u7528\u3055\u308c\u308b\u578b\u306e\u3053\u3068\u3067\u3059\u3002\u30b0\u30ed\u30fc\u30d0\u30eb\u306e\u578b\u306b\u306f\u3001\u5fc5\u8981\u306a\u60c5\u5831\u306b\u5fdc\u3058\u30662\u7a2e\u985e\u304c\u3042\u308a\u307e\u3059\u3002"}),"\n",(0,s.jsxs)(n.ol,{children:["\n",(0,s.jsx)(n.li,{children:"\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u306b\u7279\u6709\u306e\u60c5\u5831\u3092\u6301\u305f\u306a\u3044\u30e6\u30cb\u30d0\u30fc\u30b5\u30eb\u578b"}),"\n",(0,s.jsx)(n.li,{children:"\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u5168\u4f53\u306b\u3064\u3044\u3066\u77e5\u308b\u5fc5\u8981\u304c\u3042\u308b\u578b"}),"\n"]}),"\n",(0,s.jsxs)(n.p,{children:["\u6700\u521d\u306e\u30b1\u30fc\u30b9\u306f\u7c21\u5358\u306b\u89e3\u6c7a\u3067\u304d\u307e\u3059\u3002\u578b\u3092Shared\u5c64\u306e\u9069\u5207\u306a\u30bb\u30b0\u30e1\u30f3\u30c8\u306b\u7f6e\u304f\u3060\u3051\u3067\u3059\u3002\u4f8b\u3048\u3070\u3001\u5206\u6790\u7528\u306e\u30b0\u30ed\u30fc\u30d0\u30eb\u5909\u6570\u306e\u30a4\u30f3\u30bf\u30fc\u30d5\u30a7\u30fc\u30b9\u304c\u3042\u308b\u5834\u5408\u3001\u305d\u308c\u3092",(0,s.jsx)(n.code,{children:"shared/analytics"}),"\u306b\u7f6e\u304f\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002"]}),"\n",(0,s.jsx)(n.admonition,{type:"warning",children:(0,s.jsxs)(n.p,{children:[(0,s.jsx)(n.code,{children:"shared/types"}),"\u30d5\u30a9\u30eb\u30c0\u30fc\u3092\u4f5c\u6210\u3059\u308b\u3053\u3068\u306f\u907f\u3051\u3066\u304f\u3060\u3055\u3044\u3002\u3053\u308c\u306f\u300c\u578b\u3067\u3042\u308b\u300d\u3068\u3044\u3046\u7279\u6027\u306b\u57fa\u3065\u3044\u3066\u7121\u95a2\u4fc2\u306a\u3082\u306e\u3092\u30b0\u30eb\u30fc\u30d7\u5316\u3059\u308b\u3060\u3051\u3067\u3042\u308a\u3001\u3053\u306e\u7279\u6027\u306f\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u5185\u3067\u30b3\u30fc\u30c9\u3092\u691c\u7d22\u3059\u308b\u969b\u306b\u306f\u901a\u5e38\u7121\u610f\u5473\u3067\u3059\u3002"]})}),"\n",(0,s.jsx)(n.p,{children:"2\u756a\u76ee\u306e\u30b1\u30fc\u30b9\u306f\u3001RTK\u306a\u3057\u3067Redux\u3092\u4f7f\u7528\u3057\u3066\u3044\u308b\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u3067\u3088\u304f\u898b\u3089\u308c\u307e\u3059\u3002\u6700\u7d42\u7684\u306a\u30b9\u30c8\u30a2\u306e\u578b\u306f\u3001\u3059\u3079\u3066\u306e\u30ea\u30c7\u30e5\u30fc\u30b5\u30fc\u3092\u7d50\u5408\u3057\u305f\u5f8c\u306b\u306e\u307f\u5229\u7528\u53ef\u80fd\u3067\u3059\u304c\u3001\u3053\u306e\u30b9\u30c8\u30a2\u306e\u578b\u306f\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u3067\u4f7f\u7528\u3055\u308c\u308b\u30bb\u30ec\u30af\u30bf\u30fc\u306b\u5fc5\u8981\u3067\u3059\u3002\u4f8b\u3048\u3070\u3001\u4ee5\u4e0b\u306fRedux\u3067\u306e\u30b9\u30c8\u30a2\u306e\u5178\u578b\u7684\u306a\u5b9a\u7fa9\u3067\u3059\u3002"}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-ts",metastring:'title="app/store/index.ts"',children:'import { combineReducers, rootReducer } from "redux";\n\nimport { songReducer } from "entities/song";\nimport { artistReducer } from "entities/artist";\n\nconst rootReducer = combineReducers(songReducer, artistReducer);\n\nconst store = createStore(rootReducer);\n\ntype RootState = ReturnType<typeof rootReducer>;\ntype AppDispatch = typeof store.dispatch;\n'})}),"\n",(0,s.jsxs)(n.p,{children:[(0,s.jsx)(n.code,{children:"shared/store"}),"\u306b\u578b\u4ed8\u3051\u3055\u308c\u305f",(0,s.jsx)(n.code,{children:"useAppDispatch"}),"\u3068",(0,s.jsx)(n.code,{children:"useAppSelector"}),"\u306e\u30d5\u30c3\u30af\u3092\u6301\u3064\u3053\u3068\u306f\u826f\u3044\u30a2\u30a4\u30c7\u30a2\u3067\u3059\u304c\u3001",(0,s.jsx)(n.a,{href:"/docs/reference/layers#import-rule-on-layers",children:"\u30ec\u30a4\u30e4\u30fc\u306e\u30a4\u30f3\u30dd\u30fc\u30c8\u30eb\u30fc\u30eb"}),"\u306e\u305f\u3081\u306b\u3001App\u5c64\u304b\u3089",(0,s.jsx)(n.code,{children:"RootState"}),"\u3068",(0,s.jsx)(n.code,{children:"AppDispatch"}),"\u3092\u30a4\u30f3\u30dd\u30fc\u30c8\u3059\u308b\u3053\u3068\u306f\u3067\u304d\u307e\u305b\u3093\u3002"]}),"\n",(0,s.jsxs)(n.blockquote,{children:["\n",(0,s.jsx)(n.p,{children:"\u30b9\u30e9\u30a4\u30b9\u5185\u306e\u30e2\u30b8\u30e5\u30fc\u30eb\u306f\u3001\u4e0b\u5c64\u306b\u3042\u308b\u30b9\u30e9\u30a4\u30b9\u306e\u307f\u3092\u30a4\u30f3\u30dd\u30fc\u30c8\u3067\u304d\u308b\u3002"}),"\n"]}),"\n",(0,s.jsxs)(n.p,{children:["\u3053\u306e\u5834\u5408\u306e\u63a8\u5968\u89e3\u6c7a\u7b56\u306f\u3001Shared\u5c64\u3068App\u5c64\u306e\u9593\u306b\u6697\u9ed9\u306e\u4f9d\u5b58\u95a2\u4fc2\u3092\u4f5c\u6210\u3059\u308b\u3053\u3068\u3067\u3059\u3002\u3053\u308c\u3089\u306e2\u3064\u306e\u578b\u3001",(0,s.jsx)(n.code,{children:"RootState"}),"\u3068",(0,s.jsx)(n.code,{children:"AppDispatch"}),"\u306f\u3001\u5909\u66f4\u3055\u308c\u308b\u53ef\u80fd\u6027\u304c\u4f4e\u304f\u3001Redux\u306e\u958b\u767a\u8005\u306b\u306f\u99b4\u67d3\u307f\u306e\u3042\u308b\u3082\u306e\u3067\u3042\u308b\u305f\u3081\u3001\u6697\u9ed9\u306e\u95a2\u4fc2\u306f\u554f\u984c\u306b\u306a\u3089\u306a\u3044\u3067\u3057\u3087\u3046\u3002"]}),"\n",(0,s.jsx)(n.p,{children:"TypeScript\u3067\u306f\u3001\u3053\u308c\u3089\u306e\u578b\u3092\u30b0\u30ed\u30fc\u30d0\u30eb\u3068\u3057\u3066\u5ba3\u8a00\u3059\u308b\u3053\u3068\u3067\u5b9f\u73fe\u3067\u304d\u307e\u3059\u3002\u4f8b\u3048\u3070"}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-ts",metastring:'title="app/store/index.ts"',children:"/* \u4e0a\u8a18\u306e\u30b3\u30fc\u30c9\u30d6\u30ed\u30c3\u30af\u3068\u540c\u3058\u5185\u5bb9\u2026 */\n\ndeclare type RootState = ReturnType<typeof rootReducer>;\ndeclare type AppDispatch = typeof store.dispatch;\n"})}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-ts",metastring:'title="shared/store/index.ts"',children:'import { useDispatch, useSelector, type TypedUseSelectorHook } from "react-redux";\n\nexport const useAppDispatch = useDispatch.withTypes<AppDispatch>()\nexport const useAppSelector: TypedUseSelectorHook<RootState> = useSelector;\n'})}),"\n",(0,s.jsx)(n.h2,{id:"\u578b\u306e\u30d0\u30ea\u30c7\u30fc\u30b7\u30e7\u30f3\u30b9\u30ad\u30fc\u30de\u3068zod",children:"\u578b\u306e\u30d0\u30ea\u30c7\u30fc\u30b7\u30e7\u30f3\u30b9\u30ad\u30fc\u30de\u3068Zod"}),"\n",(0,s.jsxs)(n.p,{children:["\u30c7\u30fc\u30bf\u304c\u7279\u5b9a\u306e\u5f62\u5f0f\u3084\u5236\u7d04\u306b\u5f93\u3063\u3066\u3044\u308b\u3053\u3068\u3092\u78ba\u8a8d\u3057\u305f\u3044\u5834\u5408\u3001\u30d0\u30ea\u30c7\u30fc\u30b7\u30e7\u30f3\u30b9\u30ad\u30fc\u30de\u3092\u4f5c\u6210\u3067\u304d\u307e\u3059\u3002TypeScript\u3067\u3053\u306e\u76ee\u7684\u306b\u4eba\u6c17\u306e\u3042\u308b\u30e9\u30a4\u30d6\u30e9\u30ea\u306f",(0,s.jsx)(n.a,{href:"https://zod.dev",children:"Zod"}),"\u3067\u3059\u3002\u30d0\u30ea\u30c7\u30fc\u30b7\u30e7\u30f3\u30b9\u30ad\u30fc\u30de\u306f\u3001\u53ef\u80fd\u306a\u9650\u308a\u305d\u308c\u3092\u4f7f\u7528\u3059\u308b\u30b3\u30fc\u30c9\u306e\u8fd1\u304f\u306b\u914d\u7f6e\u3059\u308b\u5fc5\u8981\u304c\u3042\u308a\u307e\u3059\u3002"]}),"\n",(0,s.jsxs)(n.p,{children:["\u30d0\u30ea\u30c7\u30fc\u30b7\u30e7\u30f3\u30b9\u30ad\u30fc\u30de\u306f\u3001\u30c7\u30fc\u30bf\u8ee2\u9001\u30aa\u30d6\u30b8\u30a7\u30af\u30c8\uff08DTO\uff09\u3068\u4f3c\u3066\u304a\u308a\uff08",(0,s.jsx)(n.a,{href:"#data-transfer-objects-and-mappers",children:"DTO\u3068\u30de\u30c3\u30d1\u30fc"}),"\u306e\u30bb\u30af\u30b7\u30e7\u30f3\u3067\u8aac\u660e\uff09\u3001DTO\u3092\u53d7\u3051\u53d6\u308a\u3001\u305d\u308c\u3092\u89e3\u6790\u3057\u3001\u89e3\u6790\u306b\u5931\u6557\u3057\u305f\u5834\u5408\u306f\u30a8\u30e9\u30fc\u3092\u8fd4\u3057\u307e\u3059\u3002"]}),"\n",(0,s.jsxs)(n.p,{children:["\u30d0\u30ea\u30c7\u30fc\u30b7\u30e7\u30f3\u306e\u6700\u3082\u4e00\u822c\u7684\u306a\u30b1\u30fc\u30b9\u306e\u4e00\u3064\u306f\u3001\u30d0\u30c3\u30af\u30a8\u30f3\u30c9\u304b\u3089\u306e\u30c7\u30fc\u30bf\u3067\u3059\u3002\u901a\u5e38\u3001\u30c7\u30fc\u30bf\u304c\u30b9\u30ad\u30fc\u30de\u306b\u5f93\u308f\u306a\u3044\u5834\u5408\u3001\u30ea\u30af\u30a8\u30b9\u30c8\u3092\u5931\u6557\u3068\u3057\u3066\u30de\u30fc\u30af\u3057\u305f\u3044\u306e\u3067\u3001\u30ea\u30af\u30a8\u30b9\u30c8\u95a2\u6570\u3068\u540c\u3058\u5834\u6240\u306b\u30b9\u30ad\u30fc\u30de\u3092\u7f6e\u304f\u306e\u304c\u826f\u3044\u3067\u3057\u3087\u3046\u3002\u901a\u5e38\u3001\u3053\u308c\u306f",(0,s.jsx)(n.code,{children:"api"}),"\u30bb\u30b0\u30e1\u30f3\u30c8\u306b\u306a\u308a\u307e\u3059\u3002"]}),"\n",(0,s.jsxs)(n.p,{children:["\u30e6\u30fc\u30b6\u30fc\u5165\u529b\u3092\u4ecb\u3057\u3066\u30c7\u30fc\u30bf\u304c\u9001\u4fe1\u3055\u308c\u308b\u5834\u5408\u3001\u4f8b\u3048\u3070\u30d5\u30a9\u30fc\u30e0\u3092\u901a\u3058\u3066\u3001\u30d0\u30ea\u30c7\u30fc\u30b7\u30e7\u30f3\u306f\u30c7\u30fc\u30bf\u5165\u529b\u6642\u306b\u884c\u308f\u306a\u3051\u308c\u3070\u306a\u308a\u307e\u305b\u3093\u3002\u3053\u306e\u5834\u5408\u3001\u30b9\u30ad\u30fc\u30de\u3092",(0,s.jsx)(n.code,{children:"ui"}),"\u30bb\u30b0\u30e1\u30f3\u30c8\u306b\u914d\u7f6e\u3057\u3001\u30d5\u30a9\u30fc\u30e0\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306e\u8fd1\u304f\u306b\u7f6e\u304f\u304b\u3001",(0,s.jsx)(n.code,{children:"ui"}),"\u30bb\u30b0\u30e1\u30f3\u30c8\u304c\u904e\u8ca0\u8377\u3067\u3042\u308b\u5834\u5408\u306f",(0,s.jsx)(n.code,{children:"model"}),"\u30bb\u30b0\u30e1\u30f3\u30c8\u306b\u914d\u7f6e\u3067\u304d\u307e\u3059\u3002"]}),"\n",(0,s.jsx)(n.h2,{id:"\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306e\u30d7\u30ed\u30c3\u30d7\u30b9\u3068\u30b3\u30f3\u30c6\u30ad\u30b9\u30c8\u306e\u578b\u4ed8\u3051",children:"\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306e\u30d7\u30ed\u30c3\u30d7\u30b9\u3068\u30b3\u30f3\u30c6\u30ad\u30b9\u30c8\u306e\u578b\u4ed8\u3051"}),"\n",(0,s.jsxs)(n.p,{children:["\u4e00\u822c\u7684\u306b\u3001\u30d7\u30ed\u30c3\u30d7\u30b9\u3084\u30b3\u30f3\u30c6\u30ad\u30b9\u30c8\u306e\u30a4\u30f3\u30bf\u30fc\u30d5\u30a7\u30fc\u30b9\u306f\u3001\u305d\u308c\u3092\u4f7f\u7528\u3059\u308b\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3084\u30b3\u30f3\u30c6\u30ad\u30b9\u30c8\u3068\u540c\u3058\u30d5\u30a1\u30a4\u30eb\u306b\u4fdd\u5b58\u3059\u308b\u306e\u304c\u6700\u826f\u3067\u3059\u3002Vue\u3084Svelte\u306e\u3088\u3046\u306b\u3001\u5358\u4e00\u30d5\u30a1\u30a4\u30eb\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u6301\u3064\u30d5\u30ec\u30fc\u30e0\u30ef\u30fc\u30af\u306e\u5834\u5408\u3001\u30a4\u30f3\u30bf\u30fc\u30d5\u30a7\u30fc\u30b9\u3092\u540c\u3058\u30d5\u30a1\u30a4\u30eb\u306b\u5b9a\u7fa9\u3067\u304d\u306a\u3044\u5834\u5408\u3084\u3001\u8907\u6570\u306e\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u9593\u3067\u3053\u306e\u30a4\u30f3\u30bf\u30fc\u30d5\u30a7\u30fc\u30b9\u3092\u518d\u5229\u7528\u3057\u305f\u3044\u5834\u5408\u306f\u3001\u901a\u5e38\u306f",(0,s.jsx)(n.code,{children:"ui"}),"\u30bb\u30b0\u30e1\u30f3\u30c8\u5185\u306e\u540c\u3058\u30d5\u30a9\u30eb\u30c0\u30fc\u306b\u5225\u306e\u30d5\u30a1\u30a4\u30eb\u3092\u4f5c\u6210\u3057\u307e\u3059\u3002"]}),"\n",(0,s.jsx)(n.p,{children:"\u4ee5\u4e0b\u306fJSX\uff08React\u307e\u305f\u306fSolid\uff09\u306e\u4f8b\u3067\u3059\u3002"}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-ts",metastring:'title="pages/home/ui/RecentActions.tsx"',children:"interface RecentActionsProps {\n  actions: Array<{ id: string; text: string }>;\n}\n\nexport function RecentActions({ actions }: RecentActionsProps) {\n  /* \u2026 */\n}\n"})}),"\n",(0,s.jsx)(n.p,{children:"\u4ee5\u4e0b\u306f\u3001Vue\u306e\u305f\u3081\u306b\u5225\u306e\u30d5\u30a1\u30a4\u30eb\u306b\u30a4\u30f3\u30bf\u30fc\u30d5\u30a7\u30fc\u30b9\u3092\u4fdd\u5b58\u3059\u308b\u4f8b\u3067\u3059\u3002"}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-ts",metastring:'title="pages/home/ui/RecentActionsProps.ts"',children:"export interface RecentActionsProps {\n  actions: Array<{ id: string; text: string }>;\n}\n"})}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-html",metastring:'title="pages/home/ui/RecentActions.vue"',children:'<script setup lang="ts">\n  import type { RecentActionsProps } from "./RecentActionsProps";\n\n  const props = defineProps<RecentActionsProps>();\n<\/script>\n'})}),"\n",(0,s.jsxs)(n.h2,{id:"\u74b0\u5883\u5ba3\u8a00\u30d5\u30a1\u30a4\u30ebdts",children:["\u74b0\u5883\u5ba3\u8a00\u30d5\u30a1\u30a4\u30eb\uff08",(0,s.jsx)(n.code,{children:"*.d.ts"}),"\uff09"]}),"\n",(0,s.jsxs)(n.p,{children:["\u4e00\u90e8\u306e\u30d1\u30c3\u30b1\u30fc\u30b8\u3001\u4f8b\u3048\u3070",(0,s.jsx)(n.a,{href:"https://vitejs.dev",children:"Vite"}),"\u3084",(0,s.jsx)(n.a,{href:"https://www.totaltypescript.com/ts-reset",children:"ts-reset"}),"\u306f\u3001\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u3067\u52d5\u4f5c\u3059\u308b\u305f\u3081\u306b\u74b0\u5883\u5ba3\u8a00\u30d5\u30a1\u30a4\u30eb\u3092\u5fc5\u8981\u3068\u3057\u307e\u3059\u3002\u901a\u5e38\u3001\u3053\u308c\u3089\u306f\u5c0f\u3055\u304f\u3066\u7c21\u5358\u306a\u306e\u3067\u3001\u7279\u306b\u30a2\u30fc\u30ad\u30c6\u30af\u30c1\u30e3\u3092\u5fc5\u8981\u3068\u305b\u305a\u3001\u5358\u306b",(0,s.jsx)(n.code,{children:"src/"}),"\u306b\u7f6e\u304f\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002",(0,s.jsx)(n.code,{children:"src"}),"\u3092\u3088\u308a\u6574\u7406\u3055\u308c\u305f\u3082\u306e\u306b\u3059\u308b\u305f\u3081\u306b\u3001App\u5c64\u306e",(0,s.jsx)(n.code,{children:"app/ambient/"}),"\u306b\u4fdd\u5b58\u3059\u308b\u3053\u3068\u3082\u3067\u304d\u307e\u3059\u3002"]}),"\n",(0,s.jsxs)(n.p,{children:["\u4ed6\u306e\u30d1\u30c3\u30b1\u30fc\u30b8\u306f\u5358\u306b\u578b\u3092\u6301\u305f\u305a\u3001\u305d\u306e\u578b\u3092\u672a\u5b9a\u7fa9\u3068\u3057\u3066\u5ba3\u8a00\u3059\u308b\u5fc5\u8981\u304c\u3042\u308b\u304b\u3001\u3042\u308b\u3044\u306f\u81ea\u5206\u3067\u578b\u3092\u4f5c\u6210\u3059\u308b\u5fc5\u8981\u304c\u3042\u308b\u304b\u3082\u3057\u308c\u307e\u305b\u3093\u3002\u3053\u308c\u3089\u306e\u578b\u306e\u826f\u3044\u5834\u6240\u306f",(0,s.jsx)(n.code,{children:"shared/lib"}),"\u3067\u3001",(0,s.jsx)(n.code,{children:"shared/lib/untyped-packages"}),"\u306e\u3088\u3046\u306a\u30d5\u30a9\u30eb\u30c0\u30fc\u3067\u3059\u3002\u305d\u3053\u306b",(0,s.jsx)(n.code,{children:"%LIBRARY_NAME%.d.ts"}),"\u3068\u3044\u3046\u30d5\u30a1\u30a4\u30eb\u3092\u4f5c\u6210\u3057\u3001\u5fc5\u8981\u306a\u578b\u3092\u5ba3\u8a00\u3057\u307e\u3059\u3002"]}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-ts",metastring:'title="shared/lib/untyped-packages/use-react-screenshot.d.ts"',children:'// \u3053\u306e\u30e9\u30a4\u30d6\u30e9\u30ea\u306b\u306f\u578b\u304c\u306a\u304f\u3001\u81ea\u5206\u3067\u578b\u3092\u66f8\u304f\u306e\u306f\u5104\u52ab\u3067\u3059\u3002\ndeclare module "use-react-screenshot";\n'})}),"\n",(0,s.jsx)(n.h2,{id:"\u578b\u306e\u81ea\u52d5\u751f\u6210",children:"\u578b\u306e\u81ea\u52d5\u751f\u6210"}),"\n",(0,s.jsxs)(n.p,{children:["\u5916\u90e8\u30bd\u30fc\u30b9\u304b\u3089\u578b\u3092\u751f\u6210\u3059\u308b\u3053\u3068\u306f\u3001\u3057\u3070\u3057\u3070\u4fbf\u5229\u3067\u3059\u3002\u4f8b\u3048\u3070\u3001OpenAPI\u30b9\u30ad\u30fc\u30de\u304b\u3089\u30d0\u30c3\u30af\u30a8\u30f3\u30c9\u306e\u578b\u3092\u751f\u6210\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002\u3053\u306e\u5834\u5408\u3001\u3053\u308c\u3089\u306e\u578b\u306e\u305f\u3081\u306b\u30b3\u30fc\u30c9\u5185\u306b\u7279\u5225\u306a\u5834\u6240\u3092\u4f5c\u6210\u3057\u307e\u3059\u3002\u4f8b\u3048\u3070\u3001",(0,s.jsx)(n.code,{children:"shared/api/openapi"}),"\u306e\u3088\u3046\u306b\u3057\u307e\u3059\u3002\u3053\u308c\u3089\u306e\u30d5\u30a1\u30a4\u30eb\u304c\u4f55\u3067\u3042\u308b\u304b\u3001\u3069\u306e\u3088\u3046\u306b\u518d\u751f\u6210\u3055\u308c\u308b\u304b\u3092\u8aac\u660e\u3059\u308bREADME\u3092\u3053\u306e\u30d5\u30a9\u30eb\u30c0\u30fc\u306b\u542b\u3081\u3066\u304a\u304f\u3068\u7406\u60f3\u7684\u3067\u3059\u3002"]})]})}function p(e={}){const{wrapper:n}={...(0,r.R)(),...e.components};return n?(0,s.jsx)(n,{...e,children:(0,s.jsx)(l,{...e})}):l(e)}},1100:(e,n,t)=>{t.d(n,{R:()=>d,x:()=>c});var s=t(758);const r={},i=s.createContext(r);function d(e){const n=s.useContext(i);return s.useMemo((function(){return"function"==typeof e?e(n):{...n,...e}}),[n,e])}function c(e){let n;return n=e.disableParentContext?"function"==typeof e.components?e.components(r):e.components||r:d(e.components),s.createElement(i.Provider,{value:n},e.children)}}}]);
\ No newline at end of file
+"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[1705],{4157:(e,n,t)=>{t.r(n),t.d(n,{assets:()=>o,contentTitle:()=>d,default:()=>p,frontMatter:()=>i,metadata:()=>c,toc:()=>a});var s=t(6070),r=t(1100);const i={sidebar_position:2},d="\u578b",c={id:"guides/examples/types",title:"\u578b",description:"\u3053\u306e\u30ac\u30a4\u30c9\u3067\u306f\u3001TypeScript\u306e\u3088\u3046\u306a\u578b\u4ed8\u304d\u8a00\u8a9e\u306e\u30c7\u30fc\u30bf\u306e\u578b\u3068\u3001\u305d\u308c\u304cFSD\u306b\u3069\u306e\u3088\u3046\u306b\u9069\u5408\u3059\u308b\u304b\u306b\u3064\u3044\u3066\u8aac\u660e\u3057\u307e\u3059\u3002",source:"@site/i18n/ja/docusaurus-plugin-content-docs/current/guides/examples/types.md",sourceDirName:"guides/examples",slug:"/guides/examples/types",permalink:"/ja/docs/guides/examples/types",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/ja/docusaurus-plugin-content-docs/current/guides/examples/types.md",tags:[],version:"current",lastUpdatedAt:1728325386e3,sidebarPosition:2,frontMatter:{sidebar_position:2},sidebar:"guidesSidebar",previous:{title:"\u8a8d\u8a3c",permalink:"/ja/docs/guides/examples/auth"},next:{title:"\u30da\u30fc\u30b8\u30ec\u30a4\u30a2\u30a6\u30c8",permalink:"/ja/docs/guides/examples/page-layout"}},o={},a=[{value:"\u30e6\u30fc\u30c6\u30a3\u30ea\u30c6\u30a3\u578b",id:"\u30e6\u30fc\u30c6\u30a3\u30ea\u30c6\u30a3\u578b",level:2},{value:"\u30d3\u30b8\u30cd\u30b9\u30a8\u30f3\u30c6\u30a3\u30c6\u30a3\u3068\u76f8\u4e92\u53c2\u7167",id:"\u30d3\u30b8\u30cd\u30b9\u30a8\u30f3\u30c6\u30a3\u30c6\u30a3\u3068\u76f8\u4e92\u53c2\u7167",level:2},{value:"\u30c7\u30fc\u30bf\u8ee2\u9001\u30aa\u30d6\u30b8\u30a7\u30af\u30c8\uff08DTO\uff09\u3068\u30de\u30c3\u30d1\u30fc",id:"data-transfer-objects-and-mappers",level:2},{value:"DTO\u3092\u3069\u3053\u306b\u7f6e\u304f\u304b",id:"dto\u3092\u3069\u3053\u306b\u7f6e\u304f\u304b",level:3},{value:"\u30de\u30c3\u30d1\u30fc\u3092\u3069\u3053\u306b\u7f6e\u304f\u304b",id:"\u30de\u30c3\u30d1\u30fc\u3092\u3069\u3053\u306b\u7f6e\u304f\u304b",level:3},{value:"\u30cd\u30b9\u30c8\u3055\u308c\u305fDTO\u3092\u3069\u3046\u6271\u3046\u304b",id:"\u30cd\u30b9\u30c8\u3055\u308c\u305fdto\u3092\u3069\u3046\u6271\u3046\u304b",level:3},{value:"\u30b0\u30ed\u30fc\u30d0\u30eb\u306e\u578b\u3068Redux",id:"\u30b0\u30ed\u30fc\u30d0\u30eb\u306e\u578b\u3068redux",level:2},{value:"\u578b\u306e\u30d0\u30ea\u30c7\u30fc\u30b7\u30e7\u30f3\u30b9\u30ad\u30fc\u30de\u3068Zod",id:"\u578b\u306e\u30d0\u30ea\u30c7\u30fc\u30b7\u30e7\u30f3\u30b9\u30ad\u30fc\u30de\u3068zod",level:2},{value:"\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306e\u30d7\u30ed\u30c3\u30d7\u30b9\u3068\u30b3\u30f3\u30c6\u30ad\u30b9\u30c8\u306e\u578b\u4ed8\u3051",id:"\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306e\u30d7\u30ed\u30c3\u30d7\u30b9\u3068\u30b3\u30f3\u30c6\u30ad\u30b9\u30c8\u306e\u578b\u4ed8\u3051",level:2},{value:"\u74b0\u5883\u5ba3\u8a00\u30d5\u30a1\u30a4\u30eb\uff08<code>*.d.ts</code>\uff09",id:"\u74b0\u5883\u5ba3\u8a00\u30d5\u30a1\u30a4\u30ebdts",level:2},{value:"\u578b\u306e\u81ea\u52d5\u751f\u6210",id:"\u578b\u306e\u81ea\u52d5\u751f\u6210",level:2}];function l(e){const n={a:"a",admonition:"admonition",blockquote:"blockquote",code:"code",h1:"h1",h2:"h2",h3:"h3",header:"header",li:"li",ol:"ol",p:"p",pre:"pre",strong:"strong",ul:"ul",...(0,r.R)(),...e.components};return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(n.header,{children:(0,s.jsx)(n.h1,{id:"\u578b",children:"\u578b"})}),"\n",(0,s.jsx)(n.p,{children:"\u3053\u306e\u30ac\u30a4\u30c9\u3067\u306f\u3001TypeScript\u306e\u3088\u3046\u306a\u578b\u4ed8\u304d\u8a00\u8a9e\u306e\u30c7\u30fc\u30bf\u306e\u578b\u3068\u3001\u305d\u308c\u304cFSD\u306b\u3069\u306e\u3088\u3046\u306b\u9069\u5408\u3059\u308b\u304b\u306b\u3064\u3044\u3066\u8aac\u660e\u3057\u307e\u3059\u3002"}),"\n",(0,s.jsx)(n.admonition,{type:"info",children:(0,s.jsx)(n.p,{children:"\u3042\u306a\u305f\u306e\u8cea\u554f\u304c\u3053\u306e\u30ac\u30a4\u30c9\u306b\u306a\u3044\u5834\u5408\u306f\u3001\u3053\u306e\u8a18\u4e8b\u306b\u30d5\u30a3\u30fc\u30c9\u30d0\u30c3\u30af\u3092\u6b8b\u3057\u3066\u8cea\u554f\u3092\u6295\u7a3f\u3057\u3066\u304f\u3060\u3055\u3044\uff08\u53f3\u5074\u306e\u9752\u3044\u30dc\u30bf\u30f3\uff09\u3001\u79c1\u305f\u3061\u306f\u3053\u306e\u30ac\u30a4\u30c9\u3092\u62e1\u5f35\u3059\u308b\u53ef\u80fd\u6027\u3092\u691c\u8a0e\u3057\u307e\u3059\uff01"})}),"\n",(0,s.jsx)(n.h2,{id:"\u30e6\u30fc\u30c6\u30a3\u30ea\u30c6\u30a3\u578b",children:"\u30e6\u30fc\u30c6\u30a3\u30ea\u30c6\u30a3\u578b"}),"\n",(0,s.jsx)(n.p,{children:"\u30e6\u30fc\u30c6\u30a3\u30ea\u30c6\u30a3\u578b\u306f\u3001\u7279\u306b\u610f\u5473\u3092\u6301\u305f\u305a\u3001\u901a\u5e38\u306f\u4ed6\u306e\u578b\u3068\u4e00\u7dd2\u306b\u4f7f\u7528\u3055\u308c\u308b\u578b\u3067\u3059\u3002\u4f8b\u3048\u3070"}),"\n",(0,s.jsxs)("figure",{children:[(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-ts",children:"type ArrayValues<T extends readonly unknown[]> = T[number];\n"})}),(0,s.jsx)("figcaption",{children:(0,s.jsxs)(n.p,{children:["\u51fa\u5178: ",(0,s.jsx)(n.a,{href:"https://github.com/sindresorhus/type-fest/blob/main/source/array-values.d.ts",children:"https://github.com/sindresorhus/type-fest/blob/main/source/array-values.d.ts"})]})})]}),"\n",(0,s.jsxs)(n.p,{children:["\u30e6\u30fc\u30c6\u30a3\u30ea\u30c6\u30a3\u578b\u3092\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u306b\u8ffd\u52a0\u3059\u308b\u306b\u306f\u3001",(0,s.jsx)(n.a,{href:"https://github.com/sindresorhus/type-fest",children:(0,s.jsx)(n.code,{children:"type-fest"})}),"\u306e\u3088\u3046\u306a\u30e9\u30a4\u30d6\u30e9\u30ea\u3092\u30a4\u30f3\u30b9\u30c8\u30fc\u30eb\u3059\u308b\u304b\u3001",(0,s.jsx)(n.code,{children:"shared/lib"}),"\u306b\u72ec\u81ea\u306e\u30e9\u30a4\u30d6\u30e9\u30ea\u3092\u4f5c\u6210\u3057\u307e\u3059\u3002\u5fc5\u305a\u3001\u65b0\u3057\u3044\u578b\u3092\u3053\u306e\u30e9\u30a4\u30d6\u30e9\u30ea\u306b\u8ffd\u52a0\u3067\u304d\u308b\u304b\u3001\u3067\u304d\u306a\u3044\u304b\u3092\u660e\u78ba\u306b\u793a\u3057\u3066\u304f\u3060\u3055\u3044\u3002\u4f8b\u3048\u3070\u3001",(0,s.jsx)(n.code,{children:"shared/lib/utility-types"}),"\u3068\u540d\u4ed8\u3051\u3001\u305d\u306e\u4e2d\u306b\u30e6\u30fc\u30c6\u30a3\u30ea\u30c6\u30a3\u578b\u304c\u3042\u306a\u305f\u306e\u30c1\u30fc\u30e0\u306e\u7406\u89e3\u306b\u304a\u3044\u3066\u4f55\u3067\u3042\u308b\u304b\u3092\u8aac\u660e\u3059\u308bREADME\u30d5\u30a1\u30a4\u30eb\u3092\u8ffd\u52a0\u3057\u3066\u304f\u3060\u3055\u3044\u3002"]}),"\n",(0,s.jsx)(n.p,{children:"\u30e6\u30fc\u30c6\u30a3\u30ea\u30c6\u30a3\u578b\u306e\u518d\u5229\u7528\u306e\u53ef\u80fd\u6027\u3092\u904e\u5927\u8a55\u4fa1\u3057\u306a\u3044\u3067\u304f\u3060\u3055\u3044\u3002\u518d\u5229\u7528\u53ef\u80fd\u3067\u3042\u308b\u304b\u3089\u3068\u3044\u3063\u3066\u3001\u5fc5\u305a\u3057\u3082\u518d\u5229\u7528\u3055\u308c\u308b\u308f\u3051\u3067\u306f\u306a\u304f\u3001\u3057\u305f\u304c\u3063\u3066\u3059\u3079\u3066\u306e\u30e6\u30fc\u30c6\u30a3\u30ea\u30c6\u30a3\u578b\u304cShared\u5c64\u306b\u5b58\u5728\u3059\u308b\u5fc5\u8981\u306f\u3042\u308a\u307e\u305b\u3093\u3002\u4e00\u90e8\u306e\u30e6\u30fc\u30c6\u30a3\u30ea\u30c6\u30a3\u578b\u306f\u3001\u4f7f\u7528\u3055\u308c\u308b\u5834\u6240\u306e\u8fd1\u304f\u306b\u7f6e\u304f\u3079\u304d\u3067\u3059\u3002"}),"\n",(0,s.jsxs)(n.ul,{children:["\n",(0,s.jsxs)(n.li,{children:["\ud83d\udcc2 pages","\n",(0,s.jsxs)(n.ul,{children:["\n",(0,s.jsxs)(n.li,{children:["\ud83d\udcc2 home","\n",(0,s.jsxs)(n.ul,{children:["\n",(0,s.jsxs)(n.li,{children:["\ud83d\udcc2 api","\n",(0,s.jsxs)(n.ul,{children:["\n",(0,s.jsx)(n.li,{children:"\ud83d\udcc4 ArrayValues.ts (\u30e6\u30fc\u30c6\u30a3\u30ea\u30c6\u30a3\u578b)"}),"\n",(0,s.jsx)(n.li,{children:"\ud83d\udcc4 getMemoryUsageMetrics.ts (\u3053\u306e\u30e6\u30fc\u30c6\u30a3\u30ea\u30c6\u30a3\u3092\u4f7f\u7528\u3059\u308b\u30b3\u30fc\u30c9)"}),"\n"]}),"\n"]}),"\n"]}),"\n"]}),"\n"]}),"\n"]}),"\n"]}),"\n",(0,s.jsx)(n.admonition,{type:"warning",children:(0,s.jsxs)(n.p,{children:[(0,s.jsx)(n.code,{children:"shared/types"}),"\u30d5\u30a9\u30eb\u30c0\u30fc\u3092\u4f5c\u6210\u3057\u305f\u308a\u3001\u30b9\u30e9\u30a4\u30b9\u306b",(0,s.jsx)(n.code,{children:"types"}),"\u30bb\u30b0\u30e1\u30f3\u30c8\u3092\u8ffd\u52a0\u3059\u308b\u8a98\u60d1\u306b\u8ca0\u3051\u306a\u3044\u3067\u304f\u3060\u3055\u3044\u3002\u300c\u578b\u300d\u3068\u3044\u3046\u30ab\u30c6\u30b4\u30ea\u306f\u300c\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u300d\u3084\u300c\u30d5\u30c3\u30af\u300d\u3068\u540c\u69d8\u306b\u3001\u5185\u5bb9\u3092\u8aac\u660e\u3059\u308b\u3082\u306e\u3067\u3042\u308a\u3001\u76ee\u7684\u3092\u793a\u3059\u3082\u306e\u3067\u306f\u3042\u308a\u307e\u305b\u3093\u3002\u30bb\u30b0\u30e1\u30f3\u30c8\u306f\u30b3\u30fc\u30c9\u306e\u76ee\u7684\u3092\u8aac\u660e\u3059\u308b\u3079\u304d\u3067\u3042\u308a\u3001\u305d\u306e\u672c\u8cea\u3092\u8aac\u660e\u3059\u308b\u3079\u304d\u3067\u306f\u3042\u308a\u307e\u305b\u3093\u3002"]})}),"\n",(0,s.jsx)(n.h2,{id:"\u30d3\u30b8\u30cd\u30b9\u30a8\u30f3\u30c6\u30a3\u30c6\u30a3\u3068\u76f8\u4e92\u53c2\u7167",children:"\u30d3\u30b8\u30cd\u30b9\u30a8\u30f3\u30c6\u30a3\u30c6\u30a3\u3068\u76f8\u4e92\u53c2\u7167"}),"\n",(0,s.jsx)(n.p,{children:"\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u3067\u6700\u3082\u91cd\u8981\u306a\u578b\u306e\u4e00\u3064\u306f\u3001\u30d3\u30b8\u30cd\u30b9\u30a8\u30f3\u30c6\u30a3\u30c6\u30a3\u306e\u578b\u3001\u3064\u307e\u308a\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u304c\u6271\u3046\u5b9f\u969b\u306e\u30aa\u30d6\u30b8\u30a7\u30af\u30c8\u3067\u3059\u3002\u4f8b\u3048\u3070\u3001\u30aa\u30f3\u30e9\u30a4\u30f3\u97f3\u697d\u30b5\u30fc\u30d3\u30b9\u306e\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u3067\u306f\u3001\u30d3\u30b8\u30cd\u30b9\u30a8\u30f3\u30c6\u30a3\u30c6\u30a3\u3068\u3057\u3066\u300c\u66f2\u300d(song)\u3084\u300c\u30a2\u30eb\u30d0\u30e0\u300d(album)\u306a\u3069\u304c\u3042\u308a\u307e\u3059\u3002"}),"\n",(0,s.jsx)(n.p,{children:"\u30d3\u30b8\u30cd\u30b9\u30a8\u30f3\u30c6\u30a3\u30c6\u30a3\u306f\u3001\u3057\u3070\u3057\u3070\u30d0\u30c3\u30af\u30a8\u30f3\u30c9\u304b\u3089\u63d0\u4f9b\u3055\u308c\u308b\u305f\u3081\u3001\u6700\u521d\u306e\u30b9\u30c6\u30c3\u30d7\u306f\u30d0\u30c3\u30af\u30a8\u30f3\u30c9\u306e\u30ec\u30b9\u30dd\u30f3\u30b9\u3092\u578b\u4ed8\u3051\u3059\u308b\u3053\u3068\u3067\u3059\u3002\u5404\u30a8\u30f3\u30c9\u30dd\u30a4\u30f3\u30c8\u306b\u5bfe\u3057\u3066\u30ea\u30af\u30a8\u30b9\u30c8\u95a2\u6570\u3092\u6301\u3061\u3001\u305d\u306e\u95a2\u6570\u306e\u547c\u3073\u51fa\u3057\u7d50\u679c\u3092\u578b\u4ed8\u3051\u3059\u308b\u306e\u304c\u4fbf\u5229\u3067\u3059\u3002\u578b\u306e\u5b89\u5168\u6027\u3092\u9ad8\u3081\u308b\u305f\u3081\u306b\u3001Zod\u306e\u3088\u3046\u306a\u30b9\u30ad\u30fc\u30de\u691c\u8a3c\u30e9\u30a4\u30d6\u30e9\u30ea\u3092\u901a\u3058\u3066\u7d50\u679c\u3092\u901a\u904e\u3055\u305b\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002"}),"\n",(0,s.jsx)(n.p,{children:"\u4f8b\u3048\u3070\u3001\u3059\u3079\u3066\u306e\u30ea\u30af\u30a8\u30b9\u30c8\u3092Shared\u5c64\u306b\u4fdd\u5b58\u3057\u3066\u3044\u308b\u5834\u5408\u3001\u6b21\u306e\u3088\u3046\u306b\u3067\u304d\u307e\u3059\u3002"}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-ts",metastring:'title="shared/api/songs.ts"',children:"import type { Artist } from \"./artists\";\n\ninterface Song {\n  id: number;\n  title: string;\n  artists: Array<Artist>;\n}\n\nexport function listSongs() {\n  return fetch('/api/songs').then((res) => res.json() as Promise<Array<Song>>);\n}\n"})}),"\n",(0,s.jsxs)(n.p,{children:[(0,s.jsx)(n.code,{children:"Song"}),"\u578b\u304c\u4ed6\u306e",(0,s.jsx)(n.code,{children:"Artist"}),"\u30a8\u30f3\u30c6\u30a3\u30c6\u30a3\u3092\u53c2\u7167\u3057\u3066\u3044\u308b\u3053\u3068\u306b\u6c17\u4ed8\u304f\u304b\u3082\u3057\u308c\u307e\u305b\u3093\u3002\u3053\u308c\u306f\u30ea\u30af\u30a8\u30b9\u30c8\u3092Shared\u5c64\u306b\u4fdd\u5b58\u3059\u308b\u5229\u70b9\u3067\u3059\u3002\u5b9f\u969b\u306e\u578b\u304c\u76f8\u4e92\u306b\u53c2\u7167\u3055\u308c\u308b\u3053\u3068\u304c\u591a\u3044\u3067\u3059\u3002\u3053\u306e\u95a2\u6570\u3092",(0,s.jsx)(n.code,{children:"entities/song/api"}),"\u306b\u7f6e\u3044\u305f\u5834\u5408\u3001",(0,s.jsx)(n.code,{children:"entities/artist"}),"\u304b\u3089",(0,s.jsx)(n.code,{children:"Artist"}),"\u3092\u5358\u7d14\u306b\u30a4\u30f3\u30dd\u30fc\u30c8\u3059\u308b\u3053\u3068\u306f\u3067\u304d\u307e\u305b\u3093\u3002\u306a\u305c\u306a\u3089\u3001FSD\u306f\u30b9\u30e9\u30a4\u30b9\u9593\u306e\u30af\u30ed\u30b9\u30a4\u30f3\u30dd\u30fc\u30c8\u3092",(0,s.jsx)(n.a,{href:"/docs/reference/layers#import-rule-on-layers",children:"\u30ec\u30a4\u30e4\u30fc\u306e\u30a4\u30f3\u30dd\u30fc\u30c8\u30eb\u30fc\u30eb"}),"\u306b\u3088\u3063\u3066\u5236\u9650\u3057\u3066\u3044\u308b\u304b\u3089\u3067\u3059\u3002"]}),"\n",(0,s.jsxs)(n.blockquote,{children:["\n",(0,s.jsx)(n.p,{children:"\u30b9\u30e9\u30a4\u30b9\u5185\u306e\u30e2\u30b8\u30e5\u30fc\u30eb\u306f\u3001\u4e0b\u5c64\u306b\u3042\u308b\u30b9\u30e9\u30a4\u30b9\u306e\u307f\u3092\u30a4\u30f3\u30dd\u30fc\u30c8\u3067\u304d\u308b\u3002"}),"\n"]}),"\n",(0,s.jsx)(n.p,{children:"\u3053\u306e\u554f\u984c\u3092\u89e3\u6c7a\u3059\u308b\u65b9\u6cd5\u306f2\u3064\u3042\u308a\u307e\u3059\u3002"}),"\n",(0,s.jsxs)(n.ol,{children:["\n",(0,s.jsxs)(n.li,{children:["\n",(0,s.jsxs)(n.p,{children:[(0,s.jsx)(n.strong,{children:"\u578b\u3092\u30d1\u30e9\u30e1\u30fc\u30bf\u30fc\u5316\u3059\u308b"}),"\n\u578b\u304c\u4ed6\u306e\u30a8\u30f3\u30c6\u30a3\u30c6\u30a3\u3068\u63a5\u7d9a\u3059\u308b\u305f\u3081\u306e\u30b9\u30ed\u30c3\u30c8\u3068\u3057\u3066\u578b\u5f15\u6570\u3092\u53d7\u3051\u53d6\u308b\u3088\u3046\u306b\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002\u3055\u3089\u306b\u3001\u3053\u308c\u3089\u306e\u30b9\u30ed\u30c3\u30c8\u306b\u5236\u7d04\u3092\u8ab2\u3059\u3053\u3068\u3082\u3067\u304d\u307e\u3059\u3002\u4f8b\u3048\u3070"]}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-ts",metastring:'title="entities/song/model/song.ts"',children:"interface Song<ArtistType extends { id: string }> {\n  id: number;\n  title: string;\n  artists: Array<ArtistType>;\n}\n"})}),"\n",(0,s.jsxs)(n.p,{children:["\u3053\u308c\u306f\u3044\u304f\u3064\u304b\u306e\u578b\u306b\u5bfe\u3057\u3066\u306f\u3046\u307e\u304f\u6a5f\u80fd\u3057\u307e\u3059\u304c\u3001\u6a5f\u80fd\u3057\u306a\u3044\u30b1\u30fc\u30b9\u3082\u3042\u308a\u307e\u3059\u3002",(0,s.jsx)(n.code,{children:"Cart = { items: Array<Product> }"}),"\u306e\u3088\u3046\u306a\u5358\u7d14\u306a\u578b\u306f\u3001\u4efb\u610f\u306e\u30d7\u30ed\u30c0\u30af\u30c8\u578b\u3067\u7c21\u5358\u306b\u6a5f\u80fd\u3055\u305b\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002\u3057\u304b\u3057\u3001",(0,s.jsx)(n.code,{children:"Country"}),"\u3068",(0,s.jsx)(n.code,{children:"City"}),"\u306e\u3088\u3046\u306a\u3088\u308a\u95a2\u9023\u6027\u306e\u9ad8\u3044\u578b\u306f\u3001\u5206\u96e2\u3059\u308b\u306e\u304c\u96e3\u3057\u3044\u304b\u3082\u3057\u308c\u307e\u305b\u3093\u3002"]}),"\n"]}),"\n",(0,s.jsxs)(n.li,{children:["\n",(0,s.jsxs)(n.p,{children:[(0,s.jsx)(n.strong,{children:"\u30af\u30ed\u30b9\u30a4\u30f3\u30dd\u30fc\u30c8\u3059\u308b\uff08\u6b63\u3057\u304f\uff09"}),"\nFSD\u5185\u3067\u30a8\u30f3\u30c6\u30a3\u30c6\u30a3\u9593\u306e\u30af\u30ed\u30b9\u30a4\u30f3\u30dd\u30fc\u30c8\u3092\u884c\u3046\u306b\u306f\u3001\u5404\u30b9\u30e9\u30a4\u30b9\u5c02\u7528\u306e\u7279\u5225\u306e\u516c\u958bAPI\u3092\u4f7f\u7528\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002\u4f8b\u3048\u3070\u3001",(0,s.jsx)(n.code,{children:"song"}),"\uff08\u66f2\uff09\u3001",(0,s.jsx)(n.code,{children:"artist"}),"\uff08\u30a2\u30fc\u30c6\u30a3\u30b9\u30c8\uff09\u3001",(0,s.jsx)(n.code,{children:"playlist"}),"\uff08\u30d7\u30ec\u30a4\u30ea\u30b9\u30c8\uff09\u306e\u30a8\u30f3\u30c6\u30a3\u30c6\u30a3\u304c\u3042\u308a\u3001\u5f8c\u8005\u306e2\u3064\u304c",(0,s.jsx)(n.code,{children:"song"}),"\u3092\u53c2\u7167\u3059\u308b\u5fc5\u8981\u304c\u3042\u308b\u5834\u5408\u3001",(0,s.jsx)(n.code,{children:"@x"}),"\u30ce\u30fc\u30c6\u30fc\u30b7\u30e7\u30f3\u3092\u901a\u3058\u3066",(0,s.jsx)(n.code,{children:"song"}),"\u30a8\u30f3\u30c6\u30a3\u30c6\u30a3\u5185\u306b2\u3064\u306e\u7279\u5225\u306a\u516c\u958bAPI\u3092\u4f5c\u6210\u3067\u304d\u307e\u3059\u3002"]}),"\n",(0,s.jsxs)(n.ul,{children:["\n",(0,s.jsxs)(n.li,{children:["\ud83d\udcc2 entities","\n",(0,s.jsxs)(n.ul,{children:["\n",(0,s.jsxs)(n.li,{children:["\ud83d\udcc2 song","\n",(0,s.jsxs)(n.ul,{children:["\n",(0,s.jsxs)(n.li,{children:["\ud83d\udcc2 @x","\n",(0,s.jsxs)(n.ul,{children:["\n",(0,s.jsxs)(n.li,{children:["\ud83d\udcc4 artist.ts (\u516c\u958bAPI\u3001",(0,s.jsx)(n.code,{children:"artist"}),"\u30a8\u30f3\u30c6\u30a3\u30c6\u30a3\u3092\u30a4\u30f3\u30dd\u30fc\u30c8\u3059\u308b)"]}),"\n",(0,s.jsxs)(n.li,{children:["\ud83d\udcc4 playlist.ts (\u516c\u958bAPI\u3001",(0,s.jsx)(n.code,{children:"playlist"}),"\u30a8\u30f3\u30c6\u30a3\u30c6\u30a3\u3092\u30a4\u30f3\u30dd\u30fc\u30c8\u3059\u308b)"]}),"\n"]}),"\n"]}),"\n",(0,s.jsx)(n.li,{children:"\ud83d\udcc4 index.ts (\u901a\u5e38\u306e\u516c\u958bAPI)"}),"\n"]}),"\n"]}),"\n"]}),"\n"]}),"\n"]}),"\n",(0,s.jsxs)(n.p,{children:[(0,s.jsx)(n.code,{children:"\ud83d\udcc4 entities/song/@x/artist.ts"}),"\u30d5\u30a1\u30a4\u30eb\u306e\u5185\u5bb9\u306f\u3001",(0,s.jsx)(n.code,{children:"\ud83d\udcc4 entities/song/index.ts"}),"\u3068\u4f3c\u3066\u3044\u307e\u3059\u3002"]}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-ts",metastring:'title="entities/song/@x/artist.ts"',children:'export type { Song } from "../model/song.ts";\n'})}),"\n",(0,s.jsxs)(n.p,{children:["\u305d\u306e\u5f8c\u3001",(0,s.jsx)(n.code,{children:"\ud83d\udcc4 entities/artist/model/artist.ts"}),"\u306f\u6b21\u306e\u3088\u3046\u306b",(0,s.jsx)(n.code,{children:"Song"}),"\u3092\u30a4\u30f3\u30dd\u30fc\u30c8\u3067\u304d\u307e\u3059\u3002"]}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-ts",metastring:'title="entities/artist/model/artist.ts"',children:'import type { Song } from "entities/song/@x/artist";\n\nexport interface Artist {\n  name: string;\n  songs: Array<Song>;\n}\n'})}),"\n",(0,s.jsx)(n.p,{children:"\u30a8\u30f3\u30c6\u30a3\u30c6\u30a3\u9593\u306e\u660e\u793a\u7684\u306a\u95a2\u4fc2\u3092\u6301\u3064\u3053\u3068\u3067\u3001\u4f9d\u5b58\u95a2\u4fc2\u3092\u6b63\u78ba\u306b\u5236\u5fa1\u3057\u3001\u30c9\u30e1\u30a4\u30f3\u306e\u5206\u96e2\u3092\u5341\u5206\u306b\u4fdd\u3064\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002"}),"\n"]}),"\n"]}),"\n",(0,s.jsx)(n.h2,{id:"data-transfer-objects-and-mappers",children:"\u30c7\u30fc\u30bf\u8ee2\u9001\u30aa\u30d6\u30b8\u30a7\u30af\u30c8\uff08DTO\uff09\u3068\u30de\u30c3\u30d1\u30fc"}),"\n",(0,s.jsx)(n.p,{children:"\u30c7\u30fc\u30bf\u8ee2\u9001\u30aa\u30d6\u30b8\u30a7\u30af\u30c8\u3001\u307e\u305f\u306fDTO\uff08Data Transfer Object\uff09\u306f\u3001\u30d0\u30c3\u30af\u30a8\u30f3\u30c9\u304b\u3089\u9001\u4fe1\u3055\u308c\u308b\u30c7\u30fc\u30bf\u306e\u5f62\u5f0f\u3092\u8aac\u660e\u3059\u308b\u7528\u8a9e\u3067\u3059\u3002\u6642\u306b\u306fDTO\u3092\u305d\u306e\u307e\u307e\u4f7f\u7528\u3067\u304d\u307e\u3059\u304c\u3001\u6642\u306b\u306f\u305d\u306e\u5f62\u5f0f\u304c\u30d5\u30ed\u30f3\u30c8\u30a8\u30f3\u30c9\u306b\u3068\u3063\u3066\u4e0d\u4fbf\u306a\u5834\u5408\u304c\u3042\u308a\u307e\u3059\u3002\u3053\u3053\u3067\u30de\u30c3\u30d1\u30fc\u304c\u5f79\u7acb\u3061\u307e\u3059\u3002\u30de\u30c3\u30d1\u30fc\u306f\u3001DTO\u3092\u3088\u308a\u4f7f\u3044\u3084\u3059\u3044\u5f62\u5f0f\u306b\u5909\u63db\u3059\u308b\u95a2\u6570\u3067\u3059\u3002"}),"\n",(0,s.jsx)(n.h3,{id:"dto\u3092\u3069\u3053\u306b\u7f6e\u304f\u304b",children:"DTO\u3092\u3069\u3053\u306b\u7f6e\u304f\u304b"}),"\n",(0,s.jsx)(n.p,{children:"\u30d0\u30c3\u30af\u30a8\u30f3\u30c9\u306e\u578b\u304c\u5225\u306e\u30d1\u30c3\u30b1\u30fc\u30b8\u306b\u3042\u308b\u5834\u5408\uff08\u4f8b\u3048\u3070\u3001\u30d5\u30ed\u30f3\u30c8\u30a8\u30f3\u30c9\u3068\u30d0\u30c3\u30af\u30a8\u30f3\u30c9\u9593\u3067\u30b3\u30fc\u30c9\u3092\u5171\u6709\u3057\u3066\u3044\u308b\u5834\u5408\uff09\u3001\u305d\u3053\u304b\u3089DTO\u3092\u30a4\u30f3\u30dd\u30fc\u30c8\u3059\u308b\u3060\u3051\u3067\u6e08\u307f\u307e\u3059\u3002\u30d0\u30c3\u30af\u30a8\u30f3\u30c9\u3068\u30d5\u30ed\u30f3\u30c8\u30a8\u30f3\u30c9\u9593\u3067\u30b3\u30fc\u30c9\u3092\u5171\u6709\u3057\u3066\u3044\u306a\u3044\u5834\u5408\u3001DTO\u3092\u30d5\u30ed\u30f3\u30c8\u30a8\u30f3\u30c9\u30b3\u30fc\u30c9\u306e\u3069\u3053\u304b\u306b\u4fdd\u5b58\u3059\u308b\u5fc5\u8981\u304c\u3042\u308a\u307e\u3059\u3002\u3053\u306e\u5834\u5408\u306b\u3064\u3044\u3066\u306f\u4ee5\u4e0b\u3067\u8aac\u660e\u3057\u307e\u3059\u3002"}),"\n",(0,s.jsxs)(n.p,{children:["\u30ea\u30af\u30a8\u30b9\u30c8\u95a2\u6570\u3092",(0,s.jsx)(n.code,{children:"shared/api"}),"\u306b\u4fdd\u5b58\u3057\u3066\u3044\u308b\u5834\u5408\u3001\u305d\u306e\u95a2\u6570\u3067\u4f7f\u7528\u3059\u308bDTO\u3082\u3001\u3061\u3087\u3046\u3069\u305d\u306e\u95a2\u6570\u306e\u8fd1\u304f\u306b\u914d\u7f6e\u3059\u308b\u3079\u304d\u3067\u3059\u3002"]}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-ts",metastring:'title="shared/api/songs.ts"',children:'import type { ArtistDTO } from "./artists";\n\ninterface SongDTO {\n  id: number;\n  title: string;\n  artist_ids: Array<ArtistDTO["id"]>;\n}\n\nexport function listSongs() {\n  return fetch(\'/api/songs\').then((res) => res.json() as Promise<Array<SongDTO>>);\n}\n'})}),"\n",(0,s.jsx)(n.p,{children:"\u524d\u306e\u30bb\u30af\u30b7\u30e7\u30f3\u3067\u8ff0\u3079\u305f\u3088\u3046\u306b\u3001\u30ea\u30af\u30a8\u30b9\u30c8\u3068DTO\u3092Shared\u5c64\u306b\u4fdd\u5b58\u3059\u308b\u5229\u70b9\u306f\u3001\u4ed6\u306eDTO\u3092\u53c2\u7167\u3067\u304d\u308b\u3053\u3068\u3067\u3059\u3002"}),"\n",(0,s.jsx)(n.h3,{id:"\u30de\u30c3\u30d1\u30fc\u3092\u3069\u3053\u306b\u7f6e\u304f\u304b",children:"\u30de\u30c3\u30d1\u30fc\u3092\u3069\u3053\u306b\u7f6e\u304f\u304b"}),"\n",(0,s.jsxs)(n.p,{children:["\u30de\u30c3\u30d1\u30fc\u306f\u3001DTO\u3092\u5909\u63db\u3059\u308b\u305f\u3081\u306e\u95a2\u6570\u3067\u3042\u308a\u3001\u3057\u305f\u304c\u3063\u3066DTO\u306e\u5b9a\u7fa9\u306e\u8fd1\u304f\u306b\u7f6e\u304f\u3079\u304d\u3067\u3059\u3002\u5b9f\u969b\u306b\u306f\u3001\u30ea\u30af\u30a8\u30b9\u30c8\u3068DTO\u304c",(0,s.jsx)(n.code,{children:"shared/api"}),"\u306b\u5b9a\u7fa9\u3055\u308c\u3066\u3044\u308b\u5834\u5408\u3001\u30de\u30c3\u30d1\u30fc\u3082\u305d\u3053\u306b\u7f6e\u304f\u3079\u304d\u3067\u3059\u3002"]}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-ts",metastring:'title="shared/api/songs.ts"',children:'import type { ArtistDTO } from "./artists";\n\ninterface SongDTO {\n  id: number;\n  title: string;\n  disc_no: number;\n  artist_ids: Array<ArtistDTO["id"]>;\n}\n\ninterface Song {\n  id: string;\n  title: string;\n  /** \u66f2\u306e\u5b8c\u5168\u306a\u30bf\u30a4\u30c8\u30eb\u3001\u30c7\u30a3\u30b9\u30af\u756a\u53f7\u3092\u542b\u3080\u3002 */\n  fullTitle: string;\n  artistIds: Array<string>;\n}\n\nfunction adaptSongDTO(dto: SongDTO): Song {\n  return {\n    id: String(dto.id),\n    title: dto.title,\n    fullTitle: `${dto.disc_no} / ${dto.title}`,\n    artistIds: dto.artist_ids.map(String),\n  };\n}\n\nexport function listSongs() {\n  return fetch(\'/api/songs\').then(async (res) => (await res.json()).map(adaptSongDTO));\n}\n'})}),"\n",(0,s.jsx)(n.p,{children:"\u30ea\u30af\u30a8\u30b9\u30c8\u3068\u30b9\u30c8\u30ec\u30fc\u30b8\u304c\u30a8\u30f3\u30c6\u30a3\u30c6\u30a3\u30b9\u30e9\u30a4\u30b9\u306b\u5b9a\u7fa9\u3055\u308c\u3066\u3044\u308b\u5834\u5408\u3001\u3053\u306e\u3059\u3079\u3066\u306e\u30b3\u30fc\u30c9\u306f\u305d\u3053\u306b\u7f6e\u304f\u3079\u304d\u3067\u3042\u308a\u3001\u30a8\u30f3\u30c6\u30a3\u30c6\u30a3\u9593\u306e\u30af\u30ed\u30b9\u30a4\u30f3\u30dd\u30fc\u30c8\u306e\u5236\u9650\u3092\u8003\u616e\u3059\u308b\u5fc5\u8981\u304c\u3042\u308a\u307e\u3059\u3002"}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-ts",metastring:'title="entities/song/api/dto.ts"',children:'import type { ArtistDTO } from "entities/artist/@x/song";\n\nexport interface SongDTO {\n  id: number;\n  title: string;\n  disc_no: number;\n  artist_ids: Array<ArtistDTO["id"]>;\n}\n'})}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-ts",metastring:'title="entities/song/api/mapper.ts"',children:'import type { SongDTO } from "./dto";\n\nexport interface Song {\n  id: string;\n  title: string;\n  /** \u66f2\u306e\u5b8c\u5168\u306a\u30bf\u30a4\u30c8\u30eb\u3001\u30c7\u30a3\u30b9\u30af\u756a\u53f7\u3092\u542b\u3080\u3002 */\n  fullTitle: string;\n  artistIds: Array<string>;\n}\n\nexport function adaptSongDTO(dto: SongDTO): Song {\n  return {\n    id: String(dto.id),\n    title: dto.title,\n    fullTitle: `${dto.disc_no} / ${dto.title}`,\n    artistIds: dto.artist_ids.map(String),\n  };\n}\n'})}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-ts",metastring:'title="entities/song/api/listSongs.ts"',children:"import { adaptSongDTO } from \"./mapper\";\n\nexport function listSongs() {\n  return fetch('/api/songs').then(async (res) => (await res.json()).map(adaptSongDTO));\n}\n"})}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-ts",metastring:'title="entities/song/model/songs.ts"',children:'import { createSlice, createEntityAdapter } from "@reduxjs/toolkit";\n\nimport { listSongs } from "../api/listSongs";\n\nexport const fetchSongs = createAsyncThunk(\'songs/fetchSongs\', listSongs);\n\nconst songAdapter = createEntityAdapter();\nconst songsSlice = createSlice({\n  name: "songs",\n  initialState: songAdapter.getInitialState(),\n  reducers: {},\n  extraReducers: (builder) => {\n    builder.addCase(fetchSongs.fulfilled, (state, action) => {\n      songAdapter.upsertMany(state, action.payload);\n    })\n  },\n});\n'})}),"\n",(0,s.jsx)(n.h3,{id:"\u30cd\u30b9\u30c8\u3055\u308c\u305fdto\u3092\u3069\u3046\u6271\u3046\u304b",children:"\u30cd\u30b9\u30c8\u3055\u308c\u305fDTO\u3092\u3069\u3046\u6271\u3046\u304b"}),"\n",(0,s.jsxs)(n.p,{children:["\u6700\u3082\u554f\u984c\u3068\u306a\u308b\u306e\u306f\u3001\u30d0\u30c3\u30af\u30a8\u30f3\u30c9\u304b\u3089\u306e\u30ec\u30b9\u30dd\u30f3\u30b9\u304c\u8907\u6570\u306e\u30a8\u30f3\u30c6\u30a3\u30c6\u30a3\u3092\u542b\u3080\u5834\u5408\u3067\u3059\u3002\u4f8b\u3048\u3070\u3001\u66f2\u304c\u30a2\u30fc\u30c6\u30a3\u30b9\u30c8\u306eID\u3060\u3051\u3067\u306a\u304f\u3001\u30a2\u30fc\u30c6\u30a3\u30b9\u30c8\u306e\u30c7\u30fc\u30bf\u30aa\u30d6\u30b8\u30a7\u30af\u30c8\u5168\u4f53\u3092\u542b\u3080\u5834\u5408\u3067\u3059\u3002\u3053\u306e\u5834\u5408\u3001\u30a8\u30f3\u30c6\u30a3\u30c6\u30a3\u306f\u4e92\u3044\u306b\u77e5\u3089\u306a\u3044\u308f\u3051\u306b\u306f\u3044\u304d\u307e\u305b\u3093\uff08\u30c7\u30fc\u30bf\u3092\u6368\u3066\u305f\u308a\u3001\u30d0\u30c3\u30af\u30a8\u30f3\u30c9\u30c1\u30fc\u30e0\u3068\u771f\u5263\u306b\u8a71\u3057\u5408\u3044\u305f\u304f\u306a\u3044\u5834\u5408\u3092\u9664\u3044\u3066\uff09\u3002\u30b9\u30e9\u30a4\u30b9\u9593\u306e\u6697\u9ed9\u7684\u306a\u95a2\u4fc2\u306e\u89e3\u6c7a\u7b56\u3092\u8003\u3048\u308b\u306e\u3067\u306f\u306a\u304f\u3001",(0,s.jsx)(n.code,{children:"@x"}),"\u30ce\u30fc\u30c6\u30fc\u30b7\u30e7\u30f3\u3092\u901a\u3058\u3066\u660e\u793a\u7684\u306a\u30af\u30ed\u30b9\u30a4\u30f3\u30dd\u30fc\u30c8\u3092\u9078\u3076\u3079\u304d\u3067\u3059\u3002Redux Toolkit\u3092\u4f7f\u7528\u3057\u3066\u3053\u308c\u3092\u5b9f\u88c5\u3059\u308b\u65b9\u6cd5\u306f\u6b21\u306e\u3068\u304a\u308a\u3067\u3059\u3002"]}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-ts",metastring:'title="entities/song/model/songs.ts"',children:"import {\n  createSlice,\n  createEntityAdapter,\n  createAsyncThunk,\n  createSelector,\n} from '@reduxjs/toolkit'\nimport { normalize, schema } from 'normalizr'\n\nimport { getSong } from \"../api/getSong\";\n\n// normalizr\u3067\u30a8\u30f3\u30c6\u30a3\u30c6\u30a3\u306e\u30b9\u30ad\u30fc\u30de\u3092\u5ba3\u8a00\nexport const artistEntity = new schema.Entity('artists')\nexport const songEntity = new schema.Entity('songs', {\n  artists: [artistEntity],\n})\n\nconst songAdapter = createEntityAdapter()\n\nexport const fetchSong = createAsyncThunk(\n  'songs/fetchSong',\n  async (id: string) => {\n    const data = await getSong(id)\n    // \u30c7\u30fc\u30bf\u3092\u6b63\u898f\u5316\u3057\u3066\u3001\u30ea\u30c7\u30e5\u30fc\u30b5\u30fc\u304c\u4e88\u6e2c\u53ef\u80fd\u306a\u30aa\u30d6\u30b8\u30a7\u30af\u30c8\u3092\u30ed\u30fc\u30c9\u3067\u304d\u308b\u3088\u3046\u306b\u3057\u307e\u3059\u3002\u4f8b\u3048\u3070\n    // `action.payload = { songs: {}, artists: {} }`\n    const normalized = normalize(data, songEntity)\n    return normalized.entities\n  }\n)\n\nexport const slice = createSlice({\n  name: 'songs',\n  initialState: songAdapter.getInitialState(),\n  reducers: {},\n  extraReducers: (builder) => {\n    builder.addCase(fetchSong.fulfilled, (state, action) => {\n      songAdapter.upsertMany(state, action.payload.songs)\n    })\n  },\n})\n\nconst reducer = slice.reducer\nexport default reducer\n"})}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-ts",metastring:'title="entities/song/@x/artist.ts"',children:'export { fetchSong } from "../model/songs";\n'})}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-ts",metastring:'title="entities/artist/model/artists.ts"',children:"import { createSlice, createEntityAdapter } from '@reduxjs/toolkit'\n\nimport { fetchSong } from 'entities/song/@x/artist'\n\nconst artistAdapter = createEntityAdapter()\n\nexport const slice = createSlice({\n  name: 'users',\n  initialState: artistAdapter.getInitialState(),\n  reducers: {},\n  extraReducers: (builder) => {\n    builder.addCase(fetchSong.fulfilled, (state, action) => {\n      // \u3053\u3053\u3067\u30d0\u30c3\u30af\u30a8\u30f3\u30c9\u304b\u3089\u306e\u540c\u3058\u30ec\u30b9\u30dd\u30f3\u30b9\u3092\u51e6\u7406\u3057\u3001\u30e6\u30fc\u30b6\u30fc\u3092\u8ffd\u52a0\u3057\u307e\u3059\n      usersAdapter.upsertMany(state, action.payload.users)\n    })\n  },\n})\n\nconst reducer = slice.reducer\nexport default reducer\n"})}),"\n",(0,s.jsx)(n.p,{children:"\u3053\u308c\u306f\u30b9\u30e9\u30a4\u30b9\u306e\u5206\u96e2\u306e\u5229\u70b9\u3092\u5c11\u3057\u5236\u9650\u3057\u307e\u3059\u304c\u3001\u79c1\u305f\u3061\u304c\u5236\u5fa1\u3067\u304d\u306a\u3044\u3053\u308c\u3089\u306e2\u3064\u306e\u30a8\u30f3\u30c6\u30a3\u30c6\u30a3\u9593\u306e\u95a2\u4fc2\u3092\u660e\u78ba\u306b\u793a\u3057\u307e\u3059\u3002\u3053\u308c\u3089\u306e\u30a8\u30f3\u30c6\u30a3\u30c6\u30a3\u304c\u30ea\u30d5\u30a1\u30af\u30bf\u30ea\u30f3\u30b0\u3055\u308c\u308b\u5834\u5408\u3001\u540c\u6642\u306b\u30ea\u30d5\u30a1\u30af\u30bf\u30ea\u30f3\u30b0\u3059\u308b\u5fc5\u8981\u304c\u3042\u308a\u307e\u3059\u3002"}),"\n",(0,s.jsx)(n.h2,{id:"\u30b0\u30ed\u30fc\u30d0\u30eb\u306e\u578b\u3068redux",children:"\u30b0\u30ed\u30fc\u30d0\u30eb\u306e\u578b\u3068Redux"}),"\n",(0,s.jsx)(n.p,{children:"\u30b0\u30ed\u30fc\u30d0\u30eb\u306e\u578b\u3068\u306f\u3001\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u5168\u4f53\u3067\u4f7f\u7528\u3055\u308c\u308b\u578b\u306e\u3053\u3068\u3067\u3059\u3002\u30b0\u30ed\u30fc\u30d0\u30eb\u306e\u578b\u306b\u306f\u3001\u5fc5\u8981\u306a\u60c5\u5831\u306b\u5fdc\u3058\u30662\u7a2e\u985e\u304c\u3042\u308a\u307e\u3059\u3002"}),"\n",(0,s.jsxs)(n.ol,{children:["\n",(0,s.jsx)(n.li,{children:"\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u306b\u7279\u6709\u306e\u60c5\u5831\u3092\u6301\u305f\u306a\u3044\u30e6\u30cb\u30d0\u30fc\u30b5\u30eb\u578b"}),"\n",(0,s.jsx)(n.li,{children:"\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u5168\u4f53\u306b\u3064\u3044\u3066\u77e5\u308b\u5fc5\u8981\u304c\u3042\u308b\u578b"}),"\n"]}),"\n",(0,s.jsxs)(n.p,{children:["\u6700\u521d\u306e\u30b1\u30fc\u30b9\u306f\u7c21\u5358\u306b\u89e3\u6c7a\u3067\u304d\u307e\u3059\u3002\u578b\u3092Shared\u5c64\u306e\u9069\u5207\u306a\u30bb\u30b0\u30e1\u30f3\u30c8\u306b\u7f6e\u304f\u3060\u3051\u3067\u3059\u3002\u4f8b\u3048\u3070\u3001\u5206\u6790\u7528\u306e\u30b0\u30ed\u30fc\u30d0\u30eb\u5909\u6570\u306e\u30a4\u30f3\u30bf\u30fc\u30d5\u30a7\u30fc\u30b9\u304c\u3042\u308b\u5834\u5408\u3001\u305d\u308c\u3092",(0,s.jsx)(n.code,{children:"shared/analytics"}),"\u306b\u7f6e\u304f\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002"]}),"\n",(0,s.jsx)(n.admonition,{type:"warning",children:(0,s.jsxs)(n.p,{children:[(0,s.jsx)(n.code,{children:"shared/types"}),"\u30d5\u30a9\u30eb\u30c0\u30fc\u3092\u4f5c\u6210\u3059\u308b\u3053\u3068\u306f\u907f\u3051\u3066\u304f\u3060\u3055\u3044\u3002\u3053\u308c\u306f\u300c\u578b\u3067\u3042\u308b\u300d\u3068\u3044\u3046\u7279\u6027\u306b\u57fa\u3065\u3044\u3066\u7121\u95a2\u4fc2\u306a\u3082\u306e\u3092\u30b0\u30eb\u30fc\u30d7\u5316\u3059\u308b\u3060\u3051\u3067\u3042\u308a\u3001\u3053\u306e\u7279\u6027\u306f\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u5185\u3067\u30b3\u30fc\u30c9\u3092\u691c\u7d22\u3059\u308b\u969b\u306b\u306f\u901a\u5e38\u7121\u610f\u5473\u3067\u3059\u3002"]})}),"\n",(0,s.jsx)(n.p,{children:"2\u756a\u76ee\u306e\u30b1\u30fc\u30b9\u306f\u3001RTK\u306a\u3057\u3067Redux\u3092\u4f7f\u7528\u3057\u3066\u3044\u308b\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u3067\u3088\u304f\u898b\u3089\u308c\u307e\u3059\u3002\u6700\u7d42\u7684\u306a\u30b9\u30c8\u30a2\u306e\u578b\u306f\u3001\u3059\u3079\u3066\u306e\u30ea\u30c7\u30e5\u30fc\u30b5\u30fc\u3092\u7d50\u5408\u3057\u305f\u5f8c\u306b\u306e\u307f\u5229\u7528\u53ef\u80fd\u3067\u3059\u304c\u3001\u3053\u306e\u30b9\u30c8\u30a2\u306e\u578b\u306f\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u3067\u4f7f\u7528\u3055\u308c\u308b\u30bb\u30ec\u30af\u30bf\u30fc\u306b\u5fc5\u8981\u3067\u3059\u3002\u4f8b\u3048\u3070\u3001\u4ee5\u4e0b\u306fRedux\u3067\u306e\u30b9\u30c8\u30a2\u306e\u5178\u578b\u7684\u306a\u5b9a\u7fa9\u3067\u3059\u3002"}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-ts",metastring:'title="app/store/index.ts"',children:'import { combineReducers, rootReducer } from "redux";\n\nimport { songReducer } from "entities/song";\nimport { artistReducer } from "entities/artist";\n\nconst rootReducer = combineReducers(songReducer, artistReducer);\n\nconst store = createStore(rootReducer);\n\ntype RootState = ReturnType<typeof rootReducer>;\ntype AppDispatch = typeof store.dispatch;\n'})}),"\n",(0,s.jsxs)(n.p,{children:[(0,s.jsx)(n.code,{children:"shared/store"}),"\u306b\u578b\u4ed8\u3051\u3055\u308c\u305f",(0,s.jsx)(n.code,{children:"useAppDispatch"}),"\u3068",(0,s.jsx)(n.code,{children:"useAppSelector"}),"\u306e\u30d5\u30c3\u30af\u3092\u6301\u3064\u3053\u3068\u306f\u826f\u3044\u30a2\u30a4\u30c7\u30a2\u3067\u3059\u304c\u3001",(0,s.jsx)(n.a,{href:"/docs/reference/layers#import-rule-on-layers",children:"\u30ec\u30a4\u30e4\u30fc\u306e\u30a4\u30f3\u30dd\u30fc\u30c8\u30eb\u30fc\u30eb"}),"\u306e\u305f\u3081\u306b\u3001App\u5c64\u304b\u3089",(0,s.jsx)(n.code,{children:"RootState"}),"\u3068",(0,s.jsx)(n.code,{children:"AppDispatch"}),"\u3092\u30a4\u30f3\u30dd\u30fc\u30c8\u3059\u308b\u3053\u3068\u306f\u3067\u304d\u307e\u305b\u3093\u3002"]}),"\n",(0,s.jsxs)(n.blockquote,{children:["\n",(0,s.jsx)(n.p,{children:"\u30b9\u30e9\u30a4\u30b9\u5185\u306e\u30e2\u30b8\u30e5\u30fc\u30eb\u306f\u3001\u4e0b\u5c64\u306b\u3042\u308b\u30b9\u30e9\u30a4\u30b9\u306e\u307f\u3092\u30a4\u30f3\u30dd\u30fc\u30c8\u3067\u304d\u308b\u3002"}),"\n"]}),"\n",(0,s.jsxs)(n.p,{children:["\u3053\u306e\u5834\u5408\u306e\u63a8\u5968\u89e3\u6c7a\u7b56\u306f\u3001Shared\u5c64\u3068App\u5c64\u306e\u9593\u306b\u6697\u9ed9\u306e\u4f9d\u5b58\u95a2\u4fc2\u3092\u4f5c\u6210\u3059\u308b\u3053\u3068\u3067\u3059\u3002\u3053\u308c\u3089\u306e2\u3064\u306e\u578b\u3001",(0,s.jsx)(n.code,{children:"RootState"}),"\u3068",(0,s.jsx)(n.code,{children:"AppDispatch"}),"\u306f\u3001\u5909\u66f4\u3055\u308c\u308b\u53ef\u80fd\u6027\u304c\u4f4e\u304f\u3001Redux\u306e\u958b\u767a\u8005\u306b\u306f\u99b4\u67d3\u307f\u306e\u3042\u308b\u3082\u306e\u3067\u3042\u308b\u305f\u3081\u3001\u6697\u9ed9\u306e\u95a2\u4fc2\u306f\u554f\u984c\u306b\u306a\u3089\u306a\u3044\u3067\u3057\u3087\u3046\u3002"]}),"\n",(0,s.jsx)(n.p,{children:"TypeScript\u3067\u306f\u3001\u3053\u308c\u3089\u306e\u578b\u3092\u30b0\u30ed\u30fc\u30d0\u30eb\u3068\u3057\u3066\u5ba3\u8a00\u3059\u308b\u3053\u3068\u3067\u5b9f\u73fe\u3067\u304d\u307e\u3059\u3002\u4f8b\u3048\u3070"}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-ts",metastring:'title="app/store/index.ts"',children:"/* \u4e0a\u8a18\u306e\u30b3\u30fc\u30c9\u30d6\u30ed\u30c3\u30af\u3068\u540c\u3058\u5185\u5bb9\u2026 */\n\ndeclare type RootState = ReturnType<typeof rootReducer>;\ndeclare type AppDispatch = typeof store.dispatch;\n"})}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-ts",metastring:'title="shared/store/index.ts"',children:'import { useDispatch, useSelector, type TypedUseSelectorHook } from "react-redux";\n\nexport const useAppDispatch = useDispatch.withTypes<AppDispatch>()\nexport const useAppSelector: TypedUseSelectorHook<RootState> = useSelector;\n'})}),"\n",(0,s.jsx)(n.h2,{id:"\u578b\u306e\u30d0\u30ea\u30c7\u30fc\u30b7\u30e7\u30f3\u30b9\u30ad\u30fc\u30de\u3068zod",children:"\u578b\u306e\u30d0\u30ea\u30c7\u30fc\u30b7\u30e7\u30f3\u30b9\u30ad\u30fc\u30de\u3068Zod"}),"\n",(0,s.jsxs)(n.p,{children:["\u30c7\u30fc\u30bf\u304c\u7279\u5b9a\u306e\u5f62\u5f0f\u3084\u5236\u7d04\u306b\u5f93\u3063\u3066\u3044\u308b\u3053\u3068\u3092\u78ba\u8a8d\u3057\u305f\u3044\u5834\u5408\u3001\u30d0\u30ea\u30c7\u30fc\u30b7\u30e7\u30f3\u30b9\u30ad\u30fc\u30de\u3092\u4f5c\u6210\u3067\u304d\u307e\u3059\u3002TypeScript\u3067\u3053\u306e\u76ee\u7684\u306b\u4eba\u6c17\u306e\u3042\u308b\u30e9\u30a4\u30d6\u30e9\u30ea\u306f",(0,s.jsx)(n.a,{href:"https://zod.dev",children:"Zod"}),"\u3067\u3059\u3002\u30d0\u30ea\u30c7\u30fc\u30b7\u30e7\u30f3\u30b9\u30ad\u30fc\u30de\u306f\u3001\u53ef\u80fd\u306a\u9650\u308a\u305d\u308c\u3092\u4f7f\u7528\u3059\u308b\u30b3\u30fc\u30c9\u306e\u8fd1\u304f\u306b\u914d\u7f6e\u3059\u308b\u5fc5\u8981\u304c\u3042\u308a\u307e\u3059\u3002"]}),"\n",(0,s.jsxs)(n.p,{children:["\u30d0\u30ea\u30c7\u30fc\u30b7\u30e7\u30f3\u30b9\u30ad\u30fc\u30de\u306f\u3001\u30c7\u30fc\u30bf\u8ee2\u9001\u30aa\u30d6\u30b8\u30a7\u30af\u30c8\uff08DTO\uff09\u3068\u4f3c\u3066\u304a\u308a\uff08",(0,s.jsx)(n.a,{href:"#data-transfer-objects-and-mappers",children:"DTO\u3068\u30de\u30c3\u30d1\u30fc"}),"\u306e\u30bb\u30af\u30b7\u30e7\u30f3\u3067\u8aac\u660e\uff09\u3001DTO\u3092\u53d7\u3051\u53d6\u308a\u3001\u305d\u308c\u3092\u89e3\u6790\u3057\u3001\u89e3\u6790\u306b\u5931\u6557\u3057\u305f\u5834\u5408\u306f\u30a8\u30e9\u30fc\u3092\u8fd4\u3057\u307e\u3059\u3002"]}),"\n",(0,s.jsxs)(n.p,{children:["\u30d0\u30ea\u30c7\u30fc\u30b7\u30e7\u30f3\u306e\u6700\u3082\u4e00\u822c\u7684\u306a\u30b1\u30fc\u30b9\u306e\u4e00\u3064\u306f\u3001\u30d0\u30c3\u30af\u30a8\u30f3\u30c9\u304b\u3089\u306e\u30c7\u30fc\u30bf\u3067\u3059\u3002\u901a\u5e38\u3001\u30c7\u30fc\u30bf\u304c\u30b9\u30ad\u30fc\u30de\u306b\u5f93\u308f\u306a\u3044\u5834\u5408\u3001\u30ea\u30af\u30a8\u30b9\u30c8\u3092\u5931\u6557\u3068\u3057\u3066\u30de\u30fc\u30af\u3057\u305f\u3044\u306e\u3067\u3001\u30ea\u30af\u30a8\u30b9\u30c8\u95a2\u6570\u3068\u540c\u3058\u5834\u6240\u306b\u30b9\u30ad\u30fc\u30de\u3092\u7f6e\u304f\u306e\u304c\u826f\u3044\u3067\u3057\u3087\u3046\u3002\u901a\u5e38\u3001\u3053\u308c\u306f",(0,s.jsx)(n.code,{children:"api"}),"\u30bb\u30b0\u30e1\u30f3\u30c8\u306b\u306a\u308a\u307e\u3059\u3002"]}),"\n",(0,s.jsxs)(n.p,{children:["\u30e6\u30fc\u30b6\u30fc\u5165\u529b\u3092\u4ecb\u3057\u3066\u30c7\u30fc\u30bf\u304c\u9001\u4fe1\u3055\u308c\u308b\u5834\u5408\u3001\u4f8b\u3048\u3070\u30d5\u30a9\u30fc\u30e0\u3092\u901a\u3058\u3066\u3001\u30d0\u30ea\u30c7\u30fc\u30b7\u30e7\u30f3\u306f\u30c7\u30fc\u30bf\u5165\u529b\u6642\u306b\u884c\u308f\u306a\u3051\u308c\u3070\u306a\u308a\u307e\u305b\u3093\u3002\u3053\u306e\u5834\u5408\u3001\u30b9\u30ad\u30fc\u30de\u3092",(0,s.jsx)(n.code,{children:"ui"}),"\u30bb\u30b0\u30e1\u30f3\u30c8\u306b\u914d\u7f6e\u3057\u3001\u30d5\u30a9\u30fc\u30e0\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306e\u8fd1\u304f\u306b\u7f6e\u304f\u304b\u3001",(0,s.jsx)(n.code,{children:"ui"}),"\u30bb\u30b0\u30e1\u30f3\u30c8\u304c\u904e\u8ca0\u8377\u3067\u3042\u308b\u5834\u5408\u306f",(0,s.jsx)(n.code,{children:"model"}),"\u30bb\u30b0\u30e1\u30f3\u30c8\u306b\u914d\u7f6e\u3067\u304d\u307e\u3059\u3002"]}),"\n",(0,s.jsx)(n.h2,{id:"\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306e\u30d7\u30ed\u30c3\u30d7\u30b9\u3068\u30b3\u30f3\u30c6\u30ad\u30b9\u30c8\u306e\u578b\u4ed8\u3051",children:"\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306e\u30d7\u30ed\u30c3\u30d7\u30b9\u3068\u30b3\u30f3\u30c6\u30ad\u30b9\u30c8\u306e\u578b\u4ed8\u3051"}),"\n",(0,s.jsxs)(n.p,{children:["\u4e00\u822c\u7684\u306b\u3001\u30d7\u30ed\u30c3\u30d7\u30b9\u3084\u30b3\u30f3\u30c6\u30ad\u30b9\u30c8\u306e\u30a4\u30f3\u30bf\u30fc\u30d5\u30a7\u30fc\u30b9\u306f\u3001\u305d\u308c\u3092\u4f7f\u7528\u3059\u308b\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3084\u30b3\u30f3\u30c6\u30ad\u30b9\u30c8\u3068\u540c\u3058\u30d5\u30a1\u30a4\u30eb\u306b\u4fdd\u5b58\u3059\u308b\u306e\u304c\u6700\u826f\u3067\u3059\u3002Vue\u3084Svelte\u306e\u3088\u3046\u306b\u3001\u5358\u4e00\u30d5\u30a1\u30a4\u30eb\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u6301\u3064\u30d5\u30ec\u30fc\u30e0\u30ef\u30fc\u30af\u306e\u5834\u5408\u3001\u30a4\u30f3\u30bf\u30fc\u30d5\u30a7\u30fc\u30b9\u3092\u540c\u3058\u30d5\u30a1\u30a4\u30eb\u306b\u5b9a\u7fa9\u3067\u304d\u306a\u3044\u5834\u5408\u3084\u3001\u8907\u6570\u306e\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u9593\u3067\u3053\u306e\u30a4\u30f3\u30bf\u30fc\u30d5\u30a7\u30fc\u30b9\u3092\u518d\u5229\u7528\u3057\u305f\u3044\u5834\u5408\u306f\u3001\u901a\u5e38\u306f",(0,s.jsx)(n.code,{children:"ui"}),"\u30bb\u30b0\u30e1\u30f3\u30c8\u5185\u306e\u540c\u3058\u30d5\u30a9\u30eb\u30c0\u30fc\u306b\u5225\u306e\u30d5\u30a1\u30a4\u30eb\u3092\u4f5c\u6210\u3057\u307e\u3059\u3002"]}),"\n",(0,s.jsx)(n.p,{children:"\u4ee5\u4e0b\u306fJSX\uff08React\u307e\u305f\u306fSolid\uff09\u306e\u4f8b\u3067\u3059\u3002"}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-ts",metastring:'title="pages/home/ui/RecentActions.tsx"',children:"interface RecentActionsProps {\n  actions: Array<{ id: string; text: string }>;\n}\n\nexport function RecentActions({ actions }: RecentActionsProps) {\n  /* \u2026 */\n}\n"})}),"\n",(0,s.jsx)(n.p,{children:"\u4ee5\u4e0b\u306f\u3001Vue\u306e\u305f\u3081\u306b\u5225\u306e\u30d5\u30a1\u30a4\u30eb\u306b\u30a4\u30f3\u30bf\u30fc\u30d5\u30a7\u30fc\u30b9\u3092\u4fdd\u5b58\u3059\u308b\u4f8b\u3067\u3059\u3002"}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-ts",metastring:'title="pages/home/ui/RecentActionsProps.ts"',children:"export interface RecentActionsProps {\n  actions: Array<{ id: string; text: string }>;\n}\n"})}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-html",metastring:'title="pages/home/ui/RecentActions.vue"',children:'<script setup lang="ts">\n  import type { RecentActionsProps } from "./RecentActionsProps";\n\n  const props = defineProps<RecentActionsProps>();\n<\/script>\n'})}),"\n",(0,s.jsxs)(n.h2,{id:"\u74b0\u5883\u5ba3\u8a00\u30d5\u30a1\u30a4\u30ebdts",children:["\u74b0\u5883\u5ba3\u8a00\u30d5\u30a1\u30a4\u30eb\uff08",(0,s.jsx)(n.code,{children:"*.d.ts"}),"\uff09"]}),"\n",(0,s.jsxs)(n.p,{children:["\u4e00\u90e8\u306e\u30d1\u30c3\u30b1\u30fc\u30b8\u3001\u4f8b\u3048\u3070",(0,s.jsx)(n.a,{href:"https://vitejs.dev",children:"Vite"}),"\u3084",(0,s.jsx)(n.a,{href:"https://www.totaltypescript.com/ts-reset",children:"ts-reset"}),"\u306f\u3001\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u3067\u52d5\u4f5c\u3059\u308b\u305f\u3081\u306b\u74b0\u5883\u5ba3\u8a00\u30d5\u30a1\u30a4\u30eb\u3092\u5fc5\u8981\u3068\u3057\u307e\u3059\u3002\u901a\u5e38\u3001\u3053\u308c\u3089\u306f\u5c0f\u3055\u304f\u3066\u7c21\u5358\u306a\u306e\u3067\u3001\u7279\u306b\u30a2\u30fc\u30ad\u30c6\u30af\u30c1\u30e3\u3092\u5fc5\u8981\u3068\u305b\u305a\u3001\u5358\u306b",(0,s.jsx)(n.code,{children:"src/"}),"\u306b\u7f6e\u304f\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002",(0,s.jsx)(n.code,{children:"src"}),"\u3092\u3088\u308a\u6574\u7406\u3055\u308c\u305f\u3082\u306e\u306b\u3059\u308b\u305f\u3081\u306b\u3001App\u5c64\u306e",(0,s.jsx)(n.code,{children:"app/ambient/"}),"\u306b\u4fdd\u5b58\u3059\u308b\u3053\u3068\u3082\u3067\u304d\u307e\u3059\u3002"]}),"\n",(0,s.jsxs)(n.p,{children:["\u4ed6\u306e\u30d1\u30c3\u30b1\u30fc\u30b8\u306f\u5358\u306b\u578b\u3092\u6301\u305f\u305a\u3001\u305d\u306e\u578b\u3092\u672a\u5b9a\u7fa9\u3068\u3057\u3066\u5ba3\u8a00\u3059\u308b\u5fc5\u8981\u304c\u3042\u308b\u304b\u3001\u3042\u308b\u3044\u306f\u81ea\u5206\u3067\u578b\u3092\u4f5c\u6210\u3059\u308b\u5fc5\u8981\u304c\u3042\u308b\u304b\u3082\u3057\u308c\u307e\u305b\u3093\u3002\u3053\u308c\u3089\u306e\u578b\u306e\u826f\u3044\u5834\u6240\u306f",(0,s.jsx)(n.code,{children:"shared/lib"}),"\u3067\u3001",(0,s.jsx)(n.code,{children:"shared/lib/untyped-packages"}),"\u306e\u3088\u3046\u306a\u30d5\u30a9\u30eb\u30c0\u30fc\u3067\u3059\u3002\u305d\u3053\u306b",(0,s.jsx)(n.code,{children:"%LIBRARY_NAME%.d.ts"}),"\u3068\u3044\u3046\u30d5\u30a1\u30a4\u30eb\u3092\u4f5c\u6210\u3057\u3001\u5fc5\u8981\u306a\u578b\u3092\u5ba3\u8a00\u3057\u307e\u3059\u3002"]}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-ts",metastring:'title="shared/lib/untyped-packages/use-react-screenshot.d.ts"',children:'// \u3053\u306e\u30e9\u30a4\u30d6\u30e9\u30ea\u306b\u306f\u578b\u304c\u306a\u304f\u3001\u81ea\u5206\u3067\u578b\u3092\u66f8\u304f\u306e\u306f\u5104\u52ab\u3067\u3059\u3002\ndeclare module "use-react-screenshot";\n'})}),"\n",(0,s.jsx)(n.h2,{id:"\u578b\u306e\u81ea\u52d5\u751f\u6210",children:"\u578b\u306e\u81ea\u52d5\u751f\u6210"}),"\n",(0,s.jsxs)(n.p,{children:["\u5916\u90e8\u30bd\u30fc\u30b9\u304b\u3089\u578b\u3092\u751f\u6210\u3059\u308b\u3053\u3068\u306f\u3001\u3057\u3070\u3057\u3070\u4fbf\u5229\u3067\u3059\u3002\u4f8b\u3048\u3070\u3001OpenAPI\u30b9\u30ad\u30fc\u30de\u304b\u3089\u30d0\u30c3\u30af\u30a8\u30f3\u30c9\u306e\u578b\u3092\u751f\u6210\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002\u3053\u306e\u5834\u5408\u3001\u3053\u308c\u3089\u306e\u578b\u306e\u305f\u3081\u306b\u30b3\u30fc\u30c9\u5185\u306b\u7279\u5225\u306a\u5834\u6240\u3092\u4f5c\u6210\u3057\u307e\u3059\u3002\u4f8b\u3048\u3070\u3001",(0,s.jsx)(n.code,{children:"shared/api/openapi"}),"\u306e\u3088\u3046\u306b\u3057\u307e\u3059\u3002\u3053\u308c\u3089\u306e\u30d5\u30a1\u30a4\u30eb\u304c\u4f55\u3067\u3042\u308b\u304b\u3001\u3069\u306e\u3088\u3046\u306b\u518d\u751f\u6210\u3055\u308c\u308b\u304b\u3092\u8aac\u660e\u3059\u308bREADME\u3092\u3053\u306e\u30d5\u30a9\u30eb\u30c0\u30fc\u306b\u542b\u3081\u3066\u304a\u304f\u3068\u7406\u60f3\u7684\u3067\u3059\u3002"]})]})}function p(e={}){const{wrapper:n}={...(0,r.R)(),...e.components};return n?(0,s.jsx)(n,{...e,children:(0,s.jsx)(l,{...e})}):l(e)}},1100:(e,n,t)=>{t.d(n,{R:()=>d,x:()=>c});var s=t(758);const r={},i=s.createContext(r);function d(e){const n=s.useContext(i);return s.useMemo((function(){return"function"==typeof e?e(n):{...n,...e}}),[n,e])}function c(e){let n;return n=e.disableParentContext?"function"==typeof e.components?e.components(r):e.components||r:d(e.components),s.createElement(i.Provider,{value:n},e.children)}}}]);
\ No newline at end of file
diff --git a/ja/assets/js/5c333c6a.66806be8.js b/ja/assets/js/5c333c6a.09e3fd94.js
similarity index 99%
rename from ja/assets/js/5c333c6a.66806be8.js
rename to ja/assets/js/5c333c6a.09e3fd94.js
index c124ec1fea..29e1eafcd6 100644
--- a/ja/assets/js/5c333c6a.66806be8.js
+++ b/ja/assets/js/5c333c6a.09e3fd94.js
@@ -1 +1 @@
-"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[4064],{4774:(e,n,i)=>{i.r(n),i.d(n,{assets:()=>o,contentTitle:()=>d,default:()=>a,frontMatter:()=>r,metadata:()=>c,toc:()=>t});var s=i(6070),l=i(1100);const r={sidebar_position:2},d="\u30e2\u30c1\u30d9\u30fc\u30b7\u30e7\u30f3",c={id:"about/motivation",title:"\u30e2\u30c1\u30d9\u30fc\u30b7\u30e7\u30f3",description:"Feature-Sliced Design\u306e\u4e3b\u306a\u30a2\u30a4\u30c7\u30a2\u306f\u3001\u3055\u307e\u3056\u307e\u306a\u958b\u767a\u8005\u306e\u7d4c\u9a13\u3092\u8b70\u8ad6\u3057\u3001\u7814\u7a76\u7d50\u679c\u3092\u7d71\u5408\u3059\u308b\u3053\u3068\u306b\u57fa\u3065\u3044\u3066\u3001\u8907\u96d1\u3067\u767a\u5c55\u3059\u308b\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u306e\u958b\u767a\u3092\u5bb9\u6613\u306b\u3057\u3001\u958b\u767a\u30b3\u30b9\u30c8\u3092\u524a\u6e1b\u3059\u308b\u3053\u3068\u3067\u3059\u3002",source:"@site/i18n/ja/docusaurus-plugin-content-docs/current/about/motivation.md",sourceDirName:"about",slug:"/about/motivation",permalink:"/ja/docs/about/motivation",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/ja/docusaurus-plugin-content-docs/current/about/motivation.md",tags:[],version:"current",lastUpdatedAt:1727607766e3,sidebarPosition:2,frontMatter:{sidebar_position:2},sidebar:"aboutSidebar",previous:{title:"\u30df\u30c3\u30b7\u30e7\u30f3",permalink:"/ja/docs/about/mission"},next:{title:"\u4ee3\u66ff\u6848",permalink:"/ja/docs/about/alternatives"}},o={},t=[{value:"\u65e2\u5b58\u306e\u89e3\u6c7a\u7b56\u304c\u4e0d\u8db3\u3057\u3066\u3044\u308b\u7406\u7531",id:"intuitive-clarity-for-a-wide-range-of-developers",level:2},{value:"\u539f\u5247\u3060\u3051\u3067\u306f\u4e0d\u5341\u5206",id:"principles-alone-are-not-enough",level:3},{value:"\u30d7\u30ed\u30bb\u30b9\u306f\u5e38\u306b\u6a5f\u80fd\u3059\u308b\u308f\u3051\u3067\u306f\u306a\u3044",id:"processes-dont-always-work",level:3},{value:"\u65e2\u5b58\u306e\u30d5\u30ec\u30fc\u30e0\u30ef\u30fc\u30af\u306f\u3069\u3053\u3067\u3082\u9069\u7528\u3067\u304d\u308b\u308f\u3051\u3067\u306f\u306a\u3044",id:"existing-frameworks-cannot-be-applied-everywhere",level:3},{value:"\u7d50\u679c\u3068\u3057\u3066",id:"as-a-result",level:3},{value:"\u958b\u767a\u8005\u306b\u3068\u3063\u3066\u306e\u65b9\u6cd5\u8ad6\u306e\u5fc5\u8981\u6027",id:"why-do-developers-need-the-methodology",level:2},{value:"\u30a2\u30fc\u30ad\u30c6\u30af\u30c1\u30e3\u306e\u554f\u984c\u3067\u306f\u306a\u304f\u30d3\u30b8\u30cd\u30b9\u6a5f\u80fd\u306b\u96c6\u4e2d\u3059\u308b\u305f\u3081",id:"focus-on-business-features-not-on-architecture-problems",level:3},{value:"\u7d4c\u9a13\u306b\u57fa\u3065\u304f\u89e3\u6c7a\u7b56",id:"an-experience-proven-solution",level:3},{value:"\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u306e\u5065\u5eb7",id:"project-health",level:3},{value:"\u30d3\u30b8\u30cd\u30b9\u306b\u3068\u3063\u3066\u306eFSD\u65b9\u6cd5\u8ad6\u306e\u5fc5\u8981\u6027",id:"why-does-a-business-need-a-methodology",level:2},{value:"\u8fc5\u901f\u306a\u30aa\u30f3\u30dc\u30fc\u30c7\u30a3\u30f3\u30b0",id:"fast-onboarding",level:3},{value:"\u7d4c\u9a13\u306b\u57fa\u3065\u304f\u89e3\u6c7a\u7b56",id:"an-experience-proven-solution-1",level:3},{value:"\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u306e\u3055\u307e\u3056\u307e\u306a\u6bb5\u968e\u3078\u306e\u9069\u7528\u6027",id:"applicability-for-different-stages-of-the-project",level:3},{value:"\u79c1\u305f\u3061\u306e\u65b9\u6cd5\u8ad6\u304c\u5fc5\u8981\u306a\u3044\u5834\u5408",id:"when-is-our-methodology-not-needed",level:2},{value:"\u30d3\u30b8\u30cd\u30b9\u306e\u898f\u6a21",id:"business-size",level:3},{value:"\u76ee\u6a19",id:"plans",level:2},{value:"\u7d4c\u9a13\u306e\u7d71\u5408",id:"combining-experience",level:3},{value:"\u4ed5\u69d8\u5916\u306e\u751f\u6d3b",id:"life-outside-the-specification",level:3},{value:"\u53c2\u7167",id:"see-also",level:2}];function h(e){const n={a:"a",blockquote:"blockquote",code:"code",em:"em",h1:"h1",h2:"h2",h3:"h3",header:"header",li:"li",p:"p",strong:"strong",ul:"ul",...(0,l.R)(),...e.components};return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(n.header,{children:(0,s.jsx)(n.h1,{id:"\u30e2\u30c1\u30d9\u30fc\u30b7\u30e7\u30f3",children:"\u30e2\u30c1\u30d9\u30fc\u30b7\u30e7\u30f3"})}),"\n",(0,s.jsxs)(n.p,{children:[(0,s.jsx)(n.strong,{children:"Feature-Sliced Design"}),"\u306e\u4e3b\u306a\u30a2\u30a4\u30c7\u30a2\u306f\u3001\u3055\u307e\u3056\u307e\u306a\u958b\u767a\u8005\u306e\u7d4c\u9a13\u3092\u8b70\u8ad6\u3057\u3001\u7814\u7a76\u7d50\u679c\u3092\u7d71\u5408\u3059\u308b\u3053\u3068\u306b\u57fa\u3065\u3044\u3066\u3001\u8907\u96d1\u3067\u767a\u5c55\u3059\u308b\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u306e\u958b\u767a\u3092\u5bb9\u6613\u306b\u3057\u3001\u958b\u767a\u30b3\u30b9\u30c8\u3092\u524a\u6e1b\u3059\u308b\u3053\u3068\u3067\u3059\u3002"]}),"\n",(0,s.jsxs)(n.p,{children:["\u660e\u3089\u304b\u306b\u3001\u3053\u308c\u306f\u9280\u306e\u5f3e\u4e38\u3067\u306f\u306a\u304f\u3001\u5f53\u7136\u306a\u304c\u3089\u3001FSD\u306b\u306f\u72ec\u81ea\u306e",(0,s.jsx)(n.a,{href:"/docs/about/mission",children:"\u9069\u7528\u7bc4\u56f2\u306e\u9650\u754c"}),"\u304c\u3042\u308a\u307e\u3059\u3002"]}),"\n",(0,s.jsx)(n.h2,{id:"intuitive-clarity-for-a-wide-range-of-developers",children:"\u65e2\u5b58\u306e\u89e3\u6c7a\u7b56\u304c\u4e0d\u8db3\u3057\u3066\u3044\u308b\u7406\u7531"}),"\n",(0,s.jsxs)(n.blockquote,{children:["\n",(0,s.jsx)(n.p,{children:"\u901a\u5e38\u3001\u6b21\u306e\u3088\u3046\u306a\u8b70\u8ad6\u304c\u3042\u308a\u307e\u3059\u3002"}),"\n",(0,s.jsxs)(n.ul,{children:["\n",(0,s.jsx)(n.li,{children:(0,s.jsx)(n.em,{children:"\u300cSOLID\u300d\u3001\u300cKISS\u300d\u3001\u300cYAGNI\u300d\u3001\u300cDDD\u300d\u3001\u300cGRASP\u300d\u3001\u300cDRY\u300d\u306a\u3069\u3001\u3059\u3067\u306b\u78ba\u7acb\u3055\u308c\u305f\u8a2d\u8a08\u539f\u5247\u304c\u3042\u308b\u306e\u306b\u3001\u306a\u305c\u65b0\u3057\u3044\u65b9\u6cd5\u8ad6\u304c\u5fc5\u8981\u306a\u306e\u304b\uff1f\u300d"})}),"\n",(0,s.jsx)(n.li,{children:(0,s.jsx)(n.em,{children:"\u300c\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u306e\u3059\u3079\u3066\u306e\u554f\u984c\u306f\u3001\u826f\u3044\u30c9\u30ad\u30e5\u30e1\u30f3\u30c8\u3001\u30c6\u30b9\u30c8\u3001\u78ba\u7acb\u3055\u308c\u305f\u30d7\u30ed\u30bb\u30b9\u3067\u89e3\u6c7a\u3067\u304d\u308b\u300d"})}),"\n",(0,s.jsx)(n.li,{children:(0,s.jsx)(n.em,{children:"\u300c\u3059\u3079\u3066\u306e\u554f\u984c\u306f\u3001\u3059\u3079\u3066\u306e\u958b\u767a\u8005\u304c\u4e0a\u8a18\u306e\u3059\u3079\u3066\u306b\u5f93\u3048\u3070\u89e3\u6c7a\u3055\u308c\u308b\u300d"})}),"\n",(0,s.jsx)(n.li,{children:(0,s.jsx)(n.em,{children:"\u300c\u3059\u3067\u306b\u3059\u3079\u3066\u304c\u8003\u6848\u3055\u308c\u3066\u3044\u308b\u304b\u3089\u3001\u3042\u306a\u305f\u306f\u305d\u308c\u3092\u5229\u7528\u3067\u304d\u306a\u3044\u3060\u3051\u3060\u300d"})}),"\n",(0,s.jsx)(n.li,{children:(0,s.jsx)(n.em,{children:"{FRAMEWORK_NAME}\u3092\u4f7f\u3048\u3070\u3001\u3059\u3079\u3066\u304c\u89e3\u6c7a\u3055\u308c\u308b\u300d"})}),"\n"]}),"\n"]}),"\n",(0,s.jsx)(n.h3,{id:"principles-alone-are-not-enough",children:"\u539f\u5247\u3060\u3051\u3067\u306f\u4e0d\u5341\u5206"}),"\n",(0,s.jsx)(n.p,{children:(0,s.jsx)(n.strong,{children:"\u826f\u3044\u30a2\u30fc\u30ad\u30c6\u30af\u30c1\u30e3\u3092\u8a2d\u8a08\u3059\u308b\u305f\u3081\u306b\u306f\u3001\u539f\u5247\u306e\u5b58\u5728\u3060\u3051\u3067\u306f\u4e0d\u5341\u5206\u3067\u3059\u3002"})}),"\n",(0,s.jsx)(n.p,{children:"\u3059\u3079\u3066\u306e\u4eba\u304c\u539f\u5247\u3092\u5b8c\u5168\u306b\u7406\u89e3\u3057\u3066\u3044\u308b\u308f\u3051\u3067\u306f\u3042\u308a\u307e\u305b\u3093\u3002\u6b63\u3057\u304f\u539f\u5247\u3092\u7406\u89e3\u3057\u3001\u9069\u7528\u3067\u304d\u308b\u4eba\u306f\u3055\u3089\u306b\u5c11\u306a\u3044\u3067\u3059\u3002"}),"\n",(0,s.jsx)(n.p,{children:(0,s.jsx)(n.em,{children:"\u8a2d\u8a08\u539f\u5247\u306f\u3042\u307e\u308a\u306b\u3082\u4e00\u822c\u7684\u3067\u3042\u308a\u3001\u300c\u30b9\u30b1\u30fc\u30e9\u30d6\u30eb\u3067\u67d4\u8edf\u306a\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u306e\u69cb\u9020\u3068\u30a2\u30fc\u30ad\u30c6\u30af\u30c1\u30e3\u3092\u3069\u306e\u3088\u3046\u306b\u8a2d\u8a08\u3059\u308b\u304b\uff1f\u300d\u3068\u3044\u3046\u5177\u4f53\u7684\u306a\u8cea\u554f\u306b\u5bfe\u3059\u308b\u7b54\u3048\u3092\u63d0\u4f9b\u3057\u3066\u3044\u307e\u305b\u3093\u3002"})}),"\n",(0,s.jsx)(n.h3,{id:"processes-dont-always-work",children:"\u30d7\u30ed\u30bb\u30b9\u306f\u5e38\u306b\u6a5f\u80fd\u3059\u308b\u308f\u3051\u3067\u306f\u306a\u3044"}),"\n",(0,s.jsxs)(n.p,{children:[(0,s.jsx)(n.em,{children:"\u30c9\u30ad\u30e5\u30e1\u30f3\u30c8/\u30c6\u30b9\u30c8/\u30d7\u30ed\u30bb\u30b9"}),"\u3092\u4f7f\u7528\u3059\u308b\u306e\u306f\u3001\u78ba\u304b\u306b\u826f\u3044\u3053\u3068\u3067\u3059\u304c\u3001\u6b8b\u5ff5\u306a\u304c\u3089\u3001\u305d\u308c\u306b\u591a\u304f\u306e\u30b3\u30b9\u30c8\u3092\u304b\u3051\u3066\u3082\u3001",(0,s.jsx)(n.strong,{children:"\u30a2\u30fc\u30ad\u30c6\u30af\u30c1\u30e3\u306e\u554f\u984c\u3084\u65b0\u3057\u3044\u4eba\u3092\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u306b\u5c0e\u5165\u3059\u308b\u554f\u984c\u3092\u89e3\u6c7a\u3059\u308b\u3053\u3068\u306f\u5e38\u306b\u3067\u304d\u308b\u308f\u3051\u3067\u306f\u3042\u308a\u307e\u305b\u3093\u3002"})]}),"\n",(0,s.jsxs)(n.ul,{children:["\n",(0,s.jsx)(n.li,{children:"\u30c9\u30ad\u30e5\u30e1\u30f3\u30c8\u306f\u3001\u3057\u3070\u3057\u3070\u81a8\u5927\u3067\u53e4\u304f\u306a\u3063\u3066\u3057\u307e\u3046\u306e\u3067\u3001\u5404\u958b\u767a\u8005\u306e\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u3078\u306e\u53c2\u52a0\u6642\u9593\u306f\u3042\u307e\u308a\u77ed\u7e2e\u3055\u308c\u306a\u3044\u3002"}),"\n",(0,s.jsx)(n.li,{children:"\u8ab0\u3082\u304c\u540c\u3058\u3088\u3046\u306b\u30a2\u30fc\u30ad\u30c6\u30af\u30c1\u30e3\u3092\u7406\u89e3\u3057\u3066\u3044\u308b\u304b\u3092\u5e38\u306b\u76e3\u8996\u3059\u308b\u3053\u3068\u306f\u3001\u81a8\u5927\u306a\u30ea\u30bd\u30fc\u30b9\u3092\u5fc5\u8981\u3068\u3059\u308b\u3002"}),"\n",(0,s.jsx)(n.li,{children:"bus-factor\u3082\u5fd8\u308c\u306a\u3044\u3088\u3046\u306b\u3057\u307e\u3057\u3087\u3046\u3002"}),"\n"]}),"\n",(0,s.jsx)(n.h3,{id:"existing-frameworks-cannot-be-applied-everywhere",children:"\u65e2\u5b58\u306e\u30d5\u30ec\u30fc\u30e0\u30ef\u30fc\u30af\u306f\u3069\u3053\u3067\u3082\u9069\u7528\u3067\u304d\u308b\u308f\u3051\u3067\u306f\u306a\u3044"}),"\n",(0,s.jsxs)(n.ul,{children:["\n",(0,s.jsx)(n.li,{children:"\u65e2\u5b58\u306e\u89e3\u6c7a\u7b56\u306f\u901a\u5e38\u3001\u9ad8\u3044\u53c2\u5165\u969c\u58c1\u304c\u3042\u308b\u305f\u3081\u3001\u65b0\u3057\u3044\u958b\u767a\u8005\u3092\u898b\u3064\u3051\u308b\u306e\u304c\u96e3\u3057\u3044\u3002"}),"\n",(0,s.jsxs)(n.li,{children:["\u307b\u3068\u3093\u3069\u306e\u5834\u5408\u3001\u6280\u8853\u306e\u9078\u629e\u306f\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u306e\u6df1\u523b\u306a\u554f\u984c\u304c\u767a\u751f\u3059\u308b\u524d\u306b\u6c7a\u5b9a\u3055\u308c\u3066\u3044\u308b\u305f\u3081\u3001",(0,s.jsx)(n.strong,{children:"\u6280\u8853\u306b\u4f9d\u5b58\u305b\u305a\u306b"}),"\u3001\u3059\u3067\u306b\u3042\u308b\u3082\u306e\u3067\u4f5c\u696d\u3092\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u306a\u3051\u308c\u3070\u306a\u3089\u306a\u3044\u3002"]}),"\n"]}),"\n",(0,s.jsxs)(n.blockquote,{children:["\n",(0,s.jsxs)(n.p,{children:["Q: ",(0,s.jsxs)(n.em,{children:["\u300c\u79c1\u306e\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u3067\u306f",(0,s.jsx)(n.code,{children:"React/Vue/Redux/Effector/Mobx/{YOUR_TECH}"}),"\u3092\u4f7f\u3063\u3066\u3044\u307e\u3059\u304c\u3001\u30a8\u30f3\u30c6\u30a3\u30c6\u30a3\u306e\u69cb\u9020\u3068\u305d\u308c\u3089\u306e\u9593\u306e\u95a2\u4fc2\u3092\u3069\u306e\u3088\u3046\u306b\u69cb\u7bc9\u3059\u308c\u3070\u3088\u3044\u3067\u3057\u3087\u3046\u304b\uff1f\u300d"]})]}),"\n"]}),"\n",(0,s.jsx)(n.h3,{id:"as-a-result",children:"\u7d50\u679c\u3068\u3057\u3066"}),"\n",(0,s.jsx)(n.p,{children:"\u300c\u96ea\u306e\u7d50\u6676\u300d\u306e\u3088\u3046\u306b\u30e6\u30cb\u30fc\u30af\u306a\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u304c\u5f97\u3089\u308c\u3001\u305d\u308c\u305e\u308c\u304c\u5f93\u696d\u54e1\u306e\u9577\u671f\u7684\u306a\u95a2\u4e0e\u3092\u5fc5\u8981\u3068\u3057\u3001\u4ed6\u306e\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u3067\u306f\u307b\u3068\u3093\u3069\u9069\u7528\u3067\u304d\u306a\u3044\u77e5\u8b58\u3092\u5fc5\u8981\u3068\u3057\u307e\u3059\u3002"}),"\n",(0,s.jsxs)(n.blockquote,{children:["\n",(0,s.jsxs)(n.p,{children:["@sergeysova: ",(0,s.jsx)(n.em,{children:"\u3053\u308c\u306f\u3001\u73fe\u5728\u306e\u30d5\u30ed\u30f3\u30c8\u30a8\u30f3\u30c9\u958b\u767a\u306e\u72b6\u6cc1\u305d\u306e\u3082\u306e\u3067\u3042\u308a\u3001\u5404\u30ea\u30fc\u30c0\u30fc\u304c\u3055\u307e\u3056\u307e\u306a\u30a2\u30fc\u30ad\u30c6\u30af\u30c1\u30e3\u3084\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u306e\u69cb\u9020\u3092\u8003\u6848\u3057\u3066\u3044\u308b\u304c\u3001\u3053\u308c\u3089\u306e\u69cb\u9020\u304c\u6642\u9593\u306e\u8a66\u7df4\u306b\u8010\u3048\u308b\u304b\u3069\u3046\u304b\u306f\u4e0d\u660e\u3067\u3042\u308a\u3001\u6700\u7d42\u7684\u306b\u306f\u30ea\u30fc\u30c0\u30fc\u4ee5\u5916\u306e\u4eba\u304c\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u3092\u767a\u5c55\u3055\u305b\u308b\u3053\u3068\u304c\u3067\u304d\u308b\u306e\u306f\u6700\u5927\u30672\u4eba\u3067\u3042\u308a\u3001\u65b0\u3057\u3044\u958b\u767a\u8005\u3092\u518d\u3073\u5165\u308c\u308b\u5fc5\u8981\u304c\u3042\u308b\u3002"})]}),"\n"]}),"\n",(0,s.jsx)(n.h2,{id:"why-do-developers-need-the-methodology",children:"\u958b\u767a\u8005\u306b\u3068\u3063\u3066\u306e\u65b9\u6cd5\u8ad6\u306e\u5fc5\u8981\u6027"}),"\n",(0,s.jsx)(n.h3,{id:"focus-on-business-features-not-on-architecture-problems",children:"\u30a2\u30fc\u30ad\u30c6\u30af\u30c1\u30e3\u306e\u554f\u984c\u3067\u306f\u306a\u304f\u30d3\u30b8\u30cd\u30b9\u6a5f\u80fd\u306b\u96c6\u4e2d\u3059\u308b\u305f\u3081"}),"\n",(0,s.jsx)(n.p,{children:"FSD\u306f\u3001\u30b9\u30b1\u30fc\u30e9\u30d6\u30eb\u3067\u67d4\u8edf\u306a\u30a2\u30fc\u30ad\u30c6\u30af\u30c1\u30e3\u306e\u8a2d\u8a08\u306b\u304b\u304b\u308b\u30ea\u30bd\u30fc\u30b9\u3092\u7bc0\u7d04\u3057\u3001\u958b\u767a\u8005\u306e\u6ce8\u610f\u3092\u4e3b\u8981\u306a\u6a5f\u80fd\u958b\u767a\u306b\u5411\u3051\u308b\u3053\u3068\u3092\u53ef\u80fd\u306b\u3057\u3066\u3044\u307e\u3059\u3002\u540c\u6642\u306b\u3001\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u3054\u3068\u306b\u30a2\u30fc\u30ad\u30c6\u30af\u30c1\u30e3\u306e\u89e3\u6c7a\u7b56\u3082\u6a19\u6e96\u5316\u3055\u308c\u307e\u3059\u3002"}),"\n",(0,s.jsx)(n.p,{children:(0,s.jsx)(n.em,{children:"\u5225\u306e\u554f\u984c\u306f\u3001FSD\u304c\u30b3\u30df\u30e5\u30cb\u30c6\u30a3\u306e\u4fe1\u983c\u3092\u5f97\u308b\u5fc5\u8981\u304c\u3042\u308b\u3053\u3068\u3067\u3059\u3002\u305d\u3046\u3059\u308c\u3070\u3001\u958b\u767a\u8005\u306f\u81ea\u5206\u306e\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u306e\u554f\u984c\u3092\u89e3\u6c7a\u3059\u308b\u969b\u306b\u3001\u4e0e\u3048\u3089\u308c\u305f\u6642\u9593\u5185\u306bFSD\u3092\u7406\u89e3\u3057\u3001\u4fe1\u983c\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002"})}),"\n",(0,s.jsx)(n.h3,{id:"an-experience-proven-solution",children:"\u7d4c\u9a13\u306b\u57fa\u3065\u304f\u89e3\u6c7a\u7b56"}),"\n",(0,s.jsxs)(n.p,{children:["FSD\u306f\u3001",(0,s.jsx)(n.em,{children:"\u8907\u96d1\u306a\u30d3\u30b8\u30cd\u30b9\u30ed\u30b8\u30c3\u30af\u306e\u8a2d\u8a08\u306b\u304a\u3051\u308b\u7d4c\u9a13\u306b\u57fa\u3065\u304f\u89e3\u6c7a\u7b56\u3092\u76ee\u6307\u3059\u958b\u767a\u8005"}),"\u3092\u5bfe\u8c61\u3068\u3057\u3066\u3044\u307e\u3059\u3002"]}),"\n",(0,s.jsx)(n.p,{children:(0,s.jsx)(n.em,{children:"\u305f\u3060\u3057\u3001FSD\u306f\u3001\u5168\u4f53\u3068\u3057\u3066\u30d9\u30b9\u30c8\u30d7\u30e9\u30af\u30c6\u30a3\u30b9\u306e\u30bb\u30c3\u30c8\u3001\u307e\u305f\u306f\u7279\u5b9a\u306e\u554f\u984c\u3084\u30b1\u30fc\u30b9\u306b\u95a2\u3059\u308b\u8a18\u4e8b\u4e00\u89a7\u3067\u3059\u3002\u3057\u305f\u304c\u3063\u3066\u3001\u958b\u767a\u3084\u8a2d\u8a08\u306e\u554f\u984c\u306b\u76f4\u9762\u3059\u308b\u4ed6\u306e\u958b\u767a\u8005\u306b\u3082\u5f79\u7acb\u3066\u307e\u3059\u3002"})}),"\n",(0,s.jsx)(n.h3,{id:"project-health",children:"\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u306e\u5065\u5eb7"}),"\n",(0,s.jsxs)(n.p,{children:["FSD\u306f\u3001",(0,s.jsx)(n.em,{children:"\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u306e\u554f\u984c\u3092\u4e8b\u524d\u306b\u89e3\u6c7a\u3057\u3001\u8ffd\u8de1\u3059\u308b\u3053\u3068\u3092\u53ef\u80fd\u306b\u3057\u3001\u81a8\u5927\u306a\u30ea\u30bd\u30fc\u30b9\u3092\u5fc5\u8981\u3068\u3057\u307e\u305b\u3093\u3002"})]}),"\n",(0,s.jsx)(n.p,{children:(0,s.jsx)(n.strong,{children:"\u6280\u8853\u7684\u8ca0\u50b5\u306f\u901a\u5e38\u3001\u6642\u9593\u3068\u3068\u3082\u306b\u84c4\u7a4d\u3055\u308c\u3001\u305d\u306e\u89e3\u6c7a\u306e\u8cac\u4efb\u306f\u30ea\u30fc\u30c0\u30fc\u3068\u30c1\u30fc\u30e0\u306e\u4e21\u65b9\u306b\u3042\u308a\u307e\u3059\u3002"})}),"\n",(0,s.jsxs)(n.p,{children:["FSD\u306f\u3001",(0,s.jsx)(n.em,{children:"\u30b9\u30b1\u30fc\u30ea\u30f3\u30b0\u3084\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u306e\u767a\u5c55\u306b\u304a\u3051\u308b\u6f5c\u5728\u7684\u306a\u554f\u984c\u3092\u4e8b\u524d\u306b\u8b66\u544a\u3059\u308b\u3053\u3068\u3092\u53ef\u80fd\u306b\u3057\u3066\u3044\u307e\u3059\u3002"})]}),"\n",(0,s.jsx)(n.h2,{id:"why-does-a-business-need-a-methodology",children:"\u30d3\u30b8\u30cd\u30b9\u306b\u3068\u3063\u3066\u306eFSD\u65b9\u6cd5\u8ad6\u306e\u5fc5\u8981\u6027"}),"\n",(0,s.jsx)(n.h3,{id:"fast-onboarding",children:"\u8fc5\u901f\u306a\u30aa\u30f3\u30dc\u30fc\u30c7\u30a3\u30f3\u30b0"}),"\n",(0,s.jsxs)(n.p,{children:["FSD\u3092\u4f7f\u7528\u3059\u308b\u3068\u3001",(0,s.jsx)(n.strong,{children:"\u3059\u3067\u306b\u3053\u306e\u30a2\u30d7\u30ed\u30fc\u30c1\u306b\u6163\u308c\u3066\u3044\u308b\u4eba\u3092\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u306b\u96c7\u3046\u3053\u3068\u304c\u3067\u304d\u3001\u518d\u6559\u80b2\u3059\u308b\u5fc5\u8981\u304c\u3042\u308a\u307e\u305b\u3093\u3002"})]}),"\n",(0,s.jsx)(n.p,{children:(0,s.jsx)(n.em,{children:"\u4eba\u3005\u306f\u3088\u308a\u65e9\u304f\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u306b\u6163\u308c\u3001\u8ca2\u732e\u3057\u59cb\u3081\u3001\u6b21\u306e\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u306e\u30a4\u30c6\u30ec\u30fc\u30b7\u30e7\u30f3\u3067\u4eba\u3092\u898b\u3064\u3051\u308b\u305f\u3081\u306e\u8ffd\u52a0\u306e\u4fdd\u8a3c\u304c\u5f97\u3089\u308c\u307e\u3059\u3002"})}),"\n",(0,s.jsx)(n.h3,{id:"an-experience-proven-solution-1",children:"\u7d4c\u9a13\u306b\u57fa\u3065\u304f\u89e3\u6c7a\u7b56"}),"\n",(0,s.jsxs)(n.p,{children:["\u30d3\u30b8\u30cd\u30b9\u306f\u3001\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u306e\u767a\u5c55\u306b\u304a\u3051\u308b\u5927\u90e8\u5206\u306e\u554f\u984c\u3092\u89e3\u6c7a\u3059\u308b\u30d5\u30ec\u30fc\u30e0\u30ef\u30fc\u30af/\u89e3\u6c7a\u7b56\u3092\u5f97\u305f\u3044\u3068\u8003\u3048\u3066\u3044\u307e\u3059\u3002FSD\u306b\u3088\u308a\u3001\u30d3\u30b8\u30cd\u30b9\u306f",(0,s.jsx)(n.em,{children:"\u30b7\u30b9\u30c6\u30e0\u306e\u958b\u767a\u4e2d\u306b\u767a\u751f\u3059\u308b\u307b\u3068\u3093\u3069\u306e\u554f\u984c\u306b\u5bfe\u3059\u308b\u89e3\u6c7a\u7b56\u3092\u5f97\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002"})]}),"\n",(0,s.jsx)(n.h3,{id:"applicability-for-different-stages-of-the-project",children:"\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u306e\u3055\u307e\u3056\u307e\u306a\u6bb5\u968e\u3078\u306e\u9069\u7528\u6027"}),"\n",(0,s.jsxs)(n.p,{children:["FSD\u306f\u3001",(0,s.jsx)(n.em,{children:"\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u306e\u30b5\u30dd\u30fc\u30c8\u3068\u767a\u5c55\u306e\u6bb5\u968e\u3067\u3082\u3001MVP\u306e\u6bb5\u968e\u3067\u3082\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u306b\u5229\u76ca\u3092\u3082\u305f\u3089\u3059\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002"})]}),"\n",(0,s.jsxs)(n.p,{children:["\u306f\u3044\u3001MVP\u3067\u306f\u901a\u5e38\u3001",(0,s.jsx)("i",{children:"\u6a5f\u80fd\u304c\u91cd\u8981\u3067\u3042\u308a\u3001\u5c06\u6765\u306e\u30a2\u30fc\u30ad\u30c6\u30af\u30c1\u30e3\u306f\u91cd\u8981\u3067\u306f\u3042\u308a\u307e\u305b\u3093"}),"\u3002\u3057\u304b\u3057\u3001\u9650\u3089\u308c\u305f\u6642\u9593\u306e\u4e2d\u3067\u3001\u65b9\u6cd5\u8ad6\u306e\u30d9\u30b9\u30c8\u30d7\u30e9\u30af\u30c6\u30a3\u30b9\u3092\u77e5\u3063\u3066\u3044\u308b\u3053\u3068\u3067\u3001",(0,s.jsx)("i",{children:"\u5c11\u306a\u3044\u30b3\u30b9\u30c8\u3067\u6e08\u3080"}),"\u3053\u3068\u304c\u3067\u304d\u3001MVP\u30d0\u30fc\u30b8\u30e7\u30f3\u306e\u30b7\u30b9\u30c6\u30e0\u3092\u8a2d\u8a08\u3059\u308b\u969b\u306b\u5408\u7406\u7684\u306a\u59a5\u5354\u3092\u898b\u3064\u3051\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\uff08\u7121\u8a08\u753b\u306b\u6a5f\u80fd\u3092\u8ffd\u52a0\u3059\u308b\u3088\u308a\u3082\uff09\u3002"]}),"\n",(0,s.jsx)(n.p,{children:(0,s.jsx)(n.em,{children:"\u30c6\u30b9\u30c8\u306b\u3064\u3044\u3066\u3082\u540c\u3058\u3053\u3068\u304c\u8a00\u3048\u307e\u3059\u3002"})}),"\n",(0,s.jsx)(n.h2,{id:"when-is-our-methodology-not-needed",children:"\u79c1\u305f\u3061\u306e\u65b9\u6cd5\u8ad6\u304c\u5fc5\u8981\u306a\u3044\u5834\u5408"}),"\n",(0,s.jsxs)(n.ul,{children:["\n",(0,s.jsx)(n.li,{children:"\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u304c\u77ed\u671f\u9593\u3057\u304b\u5b58\u7d9a\u3057\u306a\u3044\u5834\u5408"}),"\n",(0,s.jsx)(n.li,{children:"\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u304c\u30b5\u30dd\u30fc\u30c8\u3055\u308c\u308b\u30a2\u30fc\u30ad\u30c6\u30af\u30c1\u30e3\u3092\u5fc5\u8981\u3068\u3057\u306a\u3044\u5834\u5408"}),"\n",(0,s.jsx)(n.li,{children:"\u30d3\u30b8\u30cd\u30b9\u304c\u30b3\u30fc\u30c9\u30d9\u30fc\u30b9\u3068\u6a5f\u80fd\u306e\u63d0\u4f9b\u901f\u5ea6\u306e\u95a2\u9023\u6027\u3092\u8a8d\u8b58\u3057\u306a\u3044\u5834\u5408"}),"\n",(0,s.jsx)(n.li,{children:"\u30d3\u30b8\u30cd\u30b9\u304c\u3067\u304d\u308b\u3060\u3051\u65e9\u304f\u6ce8\u6587\u3092\u5b8c\u4e86\u3059\u308b\u3053\u3068\u3092\u91cd\u8996\u3057\u3001\u3055\u3089\u306a\u308b\u30b5\u30dd\u30fc\u30c8\u3092\u6c42\u3081\u306a\u3044\u5834\u5408"}),"\n"]}),"\n",(0,s.jsx)(n.h3,{id:"business-size",children:"\u30d3\u30b8\u30cd\u30b9\u306e\u898f\u6a21"}),"\n",(0,s.jsxs)(n.ul,{children:["\n",(0,s.jsxs)(n.li,{children:[(0,s.jsx)(n.strong,{children:"\u5c0f\u898f\u6a21\u30d3\u30b8\u30cd\u30b9"})," - \u901a\u5e38\u3001\u8fc5\u901f\u3067\u5373\u52b9\u6027\u306e\u3042\u308b\u89e3\u6c7a\u7b56\u3092\u5fc5\u8981\u3068\u3057\u307e\u3059\u3002\u30d3\u30b8\u30cd\u30b9\u306f\u3001\u6210\u9577\u3059\u308b\uff08\u5c11\u306a\u304f\u3068\u3082\u4e2d\u898f\u6a21\u306b\u9054\u3059\u308b\uff09\u3068\u3001\u9867\u5ba2\u304c\u7d99\u7d9a\u7684\u306b\u30b5\u30fc\u30d3\u30b9\u306a\u3069\u3092\u5229\u7528\u3059\u308b\u305f\u3081\u306b\u306f\u3001\u958b\u767a\u3055\u308c\u308b\u89e3\u6c7a\u7b56\u306e\u54c1\u8cea\u3068\u5b89\u5b9a\u6027\u306b\u6642\u9593\u3092\u304b\u3051\u308b\u5fc5\u8981\u304c\u3042\u308b\u3053\u3068\u3092\u7406\u89e3\u3057\u59cb\u3081\u307e\u3059\u3002"]}),"\n",(0,s.jsxs)(n.li,{children:[(0,s.jsx)(n.strong,{children:"\u4e2d\u898f\u6a21\u30d3\u30b8\u30cd\u30b9"})," - \u901a\u5e38\u3001\u958b\u767a\u306e\u3059\u3079\u3066\u306e\u554f\u984c\u3092\u7406\u89e3\u3057\u3066\u304a\u308a\u3001\u305f\u3068\u3048\u6a5f\u80fd\u3092\u3067\u304d\u308b\u3060\u3051\u65e9\u304f\u30ea\u30ea\u30fc\u30b9\u3057\u305f\u3044\u5834\u5408\u3067\u3082\u3001\u54c1\u8cea\u306e\u6539\u5584\u3001\u30ea\u30d5\u30a1\u30af\u30bf\u30ea\u30f3\u30b0\u3001\u30c6\u30b9\u30c8\uff08\u305d\u3057\u3066\u3082\u3061\u308d\u3093\u3001\u62e1\u5f35\u53ef\u80fd\u306a\u30a2\u30fc\u30ad\u30c6\u30af\u30c1\u30e3\uff09\u306b\u6642\u9593\u3092\u304b\u3051\u307e\u3059\u3002"]}),"\n",(0,s.jsxs)(n.li,{children:[(0,s.jsx)(n.strong,{children:"\u5927\u898f\u6a21\u30d3\u30b8\u30cd\u30b9"})," - \u901a\u5e38\u3001\u3059\u3067\u306b\u5e83\u7bc4\u306a\u30aa\u30fc\u30c7\u30a3\u30a8\u30f3\u30b9\u3092\u6301\u3061\u3001\u5f93\u696d\u54e1\u306e\u6570\u3082\u591a\u304f\u3001\u72ec\u81ea\u306e\u30d7\u30e9\u30af\u30c6\u30a3\u30b9\u306e\u30bb\u30c3\u30c8\u3092\u6301\u3063\u3066\u3044\u308b\u305f\u3081\u3001\u4ed6\u306e\u30a2\u30d7\u30ed\u30fc\u30c1\u3092\u63a1\u7528\u3059\u308b\u30a2\u30a4\u30c7\u30a2\u306f\u3042\u307e\u308a\u6d6e\u304b\u3073\u307e\u305b\u3093\u3002"]}),"\n"]}),"\n",(0,s.jsx)(n.h2,{id:"plans",children:"\u76ee\u6a19"}),"\n",(0,s.jsxs)(n.p,{children:["\u4e3b\u8981\u306a\u76ee\u6a19\u306e\u5927\u90e8\u5206\u306f",(0,s.jsx)(n.a,{href:"/docs/about/mission#goals",children:"\u3053\u3053\u306b\u8a18\u8f09\u3055\u308c\u3066\u3044\u307e\u3059"}),"\u304c\u3001\u4eca\u5f8c\u306eFSD\u65b9\u6cd5\u8ad6\u306b\u5bfe\u3059\u308b\u79c1\u305f\u3061\u306e\u671f\u5f85\u306b\u3064\u3044\u3066\u3082\u8a71\u3057\u3066\u304a\u304f\u5fc5\u8981\u304c\u3042\u308a\u307e\u3059\u3002"]}),"\n",(0,s.jsx)(n.h3,{id:"combining-experience",children:"\u7d4c\u9a13\u306e\u7d71\u5408"}),"\n",(0,s.jsxs)(n.p,{children:["\u73fe\u5728\u3001\u79c1\u305f\u3061\u306f",(0,s.jsx)(n.code,{children:"core-team"}),"\u306e\u3055\u307e\u3056\u307e\u306a\u7d4c\u9a13\u3092\u7d71\u5408\u3057\u3001\u5b9f\u8df5\u306b\u57fa\u3065\u3044\u305f\u65b9\u6cd5\u8ad6\u3092\u5f97\u308b\u3053\u3068\u3092\u76ee\u6307\u3057\u3066\u3044\u307e\u3059\u3002"]}),"\n",(0,s.jsxs)(n.p,{children:["\u3082\u3061\u308d\u3093\u3001\u6700\u7d42\u7684\u306b\u306fAngular 3.0\u306e\u3088\u3046\u306a\u3082\u306e\u3092\u5f97\u308b\u304b\u3082\u3057\u308c\u307e\u305b\u3093\u304c\u3001\u3053\u3053\u3067\u6700\u3082\u91cd\u8981\u306a\u306e\u306f\u3001",(0,s.jsx)(n.strong,{children:"\u8907\u96d1\u306a\u30b7\u30b9\u30c6\u30e0\u306e\u30a2\u30fc\u30ad\u30c6\u30af\u30c1\u30e3\u8a2d\u8a08\u306e\u554f\u984c\u3092\u63a2\u6c42\u3059\u308b\u3053\u3068\u3067\u3059\u3002"})]}),"\n",(0,s.jsx)(n.p,{children:(0,s.jsx)(n.em,{children:"\u305d\u3057\u3066\u3001\u73fe\u5728\u306eFSD\u65b9\u6cd5\u8ad6\u306e\u30d0\u30fc\u30b8\u30e7\u30f3\u306b\u5bfe\u3057\u3066\u4e0d\u6e80\u304c\u3042\u308b\u3053\u3068\u306f\u78ba\u304b\u3067\u3059\u304c\u3001\u79c1\u305f\u3061\u306f\u30b3\u30df\u30e5\u30cb\u30c6\u30a3\u306e\u7d4c\u9a13\u3082\u8003\u616e\u3057\u306a\u304c\u3089\u3001\u5171\u901a\u306e\u52aa\u529b\u3067\u7d71\u4e00\u7684\u304b\u3064\u6700\u9069\u306a\u89e3\u6c7a\u7b56\u306b\u5230\u9054\u3057\u305f\u3044\u3068\u8003\u3048\u3066\u3044\u307e\u3059\u3002"})}),"\n",(0,s.jsx)(n.h3,{id:"life-outside-the-specification",children:"\u4ed5\u69d8\u5916\u306e\u751f\u6d3b"}),"\n",(0,s.jsx)(n.p,{children:"\u3059\u3079\u3066\u304c\u3046\u307e\u304f\u3044\u3051\u3070\u3001FSD\u306f\u4ed5\u69d8\u3084\u30c4\u30fc\u30eb\u30ad\u30c3\u30c8\u306b\u9650\u5b9a\u3055\u308c\u308b\u3053\u3068\u306f\u3042\u308a\u307e\u305b\u3093\u3002"}),"\n",(0,s.jsxs)(n.ul,{children:["\n",(0,s.jsx)(n.li,{children:"\u8b1b\u6f14\u3084\u8a18\u4e8b\u304c\u3042\u308b\u304b\u3082\u3057\u308c\u306a\u3044\u3002"}),"\n",(0,s.jsxs)(n.li,{children:["FSD\u65b9\u6cd5\u8ad6\u306b\u5f93\u3063\u3066\u66f8\u304b\u308c\u305f\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u306e\u4ed6\u306e\u6280\u8853\u3078\u306e\u79fb\u884c\u306e\u305f\u3081\u306e",(0,s.jsx)(n.code,{children:"CODE_MODEs"}),"\u304c\u3042\u308b\u304b\u3082\u3057\u308c\u306a\u3044\u3002"]}),"\n",(0,s.jsxs)(n.li,{children:["\u6700\u7d42\u7684\u306b\u306f\u3001\u5927\u898f\u6a21\u306a\u6280\u8853\u7684\u89e3\u6c7a\u7b56\u306e\u30e1\u30f3\u30c6\u30a4\u30ca\u30fc\u306b\u5230\u9054\u3067\u304d\u308b\u304b\u3082\u3057\u308c\u306a\u3044\u3002","\n",(0,s.jsxs)(n.ul,{children:["\n",(0,s.jsx)(n.li,{children:(0,s.jsx)(n.em,{children:"\u7279\u306bReact\u306b\u95a2\u3057\u3066\u306f\u3001\u4ed6\u306e\u30d5\u30ec\u30fc\u30e0\u30ef\u30fc\u30af\u3068\u6bd4\u8f03\u3057\u3066\u3001\u3053\u308c\u306f\u4e3b\u306a\u554f\u984c\u3067\u3042\u308b\u3002\u306a\u305c\u306a\u3089\u3001\u7279\u5b9a\u306e\u554f\u984c\u3092\u89e3\u6c7a\u3059\u308b\u65b9\u6cd5\u3092\u793a\u3055\u306a\u3044\u304b\u3089\u3067\u3042\u308b\u3002"})}),"\n"]}),"\n"]}),"\n"]}),"\n",(0,s.jsx)(n.h2,{id:"see-also",children:"\u53c2\u7167"}),"\n",(0,s.jsxs)(n.ul,{children:["\n",(0,s.jsx)(n.li,{children:(0,s.jsx)(n.a,{href:"/docs/about/mission",children:"\u65b9\u6cd5\u8ad6\u306e\u4f7f\u547d\u306b\u3064\u3044\u3066\uff1a\u76ee\u6a19\u3068\u5236\u9650"})}),"\n",(0,s.jsx)(n.li,{children:(0,s.jsx)(n.a,{href:"/docs/about/understanding/knowledge-types",children:"\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u306b\u304a\u3051\u308b\u77e5\u8b58\u306e\u7a2e\u985e"})}),"\n"]})]})}function a(e={}){const{wrapper:n}={...(0,l.R)(),...e.components};return n?(0,s.jsx)(n,{...e,children:(0,s.jsx)(h,{...e})}):h(e)}},1100:(e,n,i)=>{i.d(n,{R:()=>d,x:()=>c});var s=i(758);const l={},r=s.createContext(l);function d(e){const n=s.useContext(r);return s.useMemo((function(){return"function"==typeof e?e(n):{...n,...e}}),[n,e])}function c(e){let n;return n=e.disableParentContext?"function"==typeof e.components?e.components(l):e.components||l:d(e.components),s.createElement(r.Provider,{value:n},e.children)}}}]);
\ No newline at end of file
+"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[4064],{4774:(e,n,i)=>{i.r(n),i.d(n,{assets:()=>o,contentTitle:()=>d,default:()=>a,frontMatter:()=>r,metadata:()=>c,toc:()=>t});var s=i(6070),l=i(1100);const r={sidebar_position:2},d="\u30e2\u30c1\u30d9\u30fc\u30b7\u30e7\u30f3",c={id:"about/motivation",title:"\u30e2\u30c1\u30d9\u30fc\u30b7\u30e7\u30f3",description:"Feature-Sliced Design\u306e\u4e3b\u306a\u30a2\u30a4\u30c7\u30a2\u306f\u3001\u3055\u307e\u3056\u307e\u306a\u958b\u767a\u8005\u306e\u7d4c\u9a13\u3092\u8b70\u8ad6\u3057\u3001\u7814\u7a76\u7d50\u679c\u3092\u7d71\u5408\u3059\u308b\u3053\u3068\u306b\u57fa\u3065\u3044\u3066\u3001\u8907\u96d1\u3067\u767a\u5c55\u3059\u308b\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u306e\u958b\u767a\u3092\u5bb9\u6613\u306b\u3057\u3001\u958b\u767a\u30b3\u30b9\u30c8\u3092\u524a\u6e1b\u3059\u308b\u3053\u3068\u3067\u3059\u3002",source:"@site/i18n/ja/docusaurus-plugin-content-docs/current/about/motivation.md",sourceDirName:"about",slug:"/about/motivation",permalink:"/ja/docs/about/motivation",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/ja/docusaurus-plugin-content-docs/current/about/motivation.md",tags:[],version:"current",lastUpdatedAt:1728325386e3,sidebarPosition:2,frontMatter:{sidebar_position:2},sidebar:"aboutSidebar",previous:{title:"\u30df\u30c3\u30b7\u30e7\u30f3",permalink:"/ja/docs/about/mission"},next:{title:"\u4ee3\u66ff\u6848",permalink:"/ja/docs/about/alternatives"}},o={},t=[{value:"\u65e2\u5b58\u306e\u89e3\u6c7a\u7b56\u304c\u4e0d\u8db3\u3057\u3066\u3044\u308b\u7406\u7531",id:"intuitive-clarity-for-a-wide-range-of-developers",level:2},{value:"\u539f\u5247\u3060\u3051\u3067\u306f\u4e0d\u5341\u5206",id:"principles-alone-are-not-enough",level:3},{value:"\u30d7\u30ed\u30bb\u30b9\u306f\u5e38\u306b\u6a5f\u80fd\u3059\u308b\u308f\u3051\u3067\u306f\u306a\u3044",id:"processes-dont-always-work",level:3},{value:"\u65e2\u5b58\u306e\u30d5\u30ec\u30fc\u30e0\u30ef\u30fc\u30af\u306f\u3069\u3053\u3067\u3082\u9069\u7528\u3067\u304d\u308b\u308f\u3051\u3067\u306f\u306a\u3044",id:"existing-frameworks-cannot-be-applied-everywhere",level:3},{value:"\u7d50\u679c\u3068\u3057\u3066",id:"as-a-result",level:3},{value:"\u958b\u767a\u8005\u306b\u3068\u3063\u3066\u306e\u65b9\u6cd5\u8ad6\u306e\u5fc5\u8981\u6027",id:"why-do-developers-need-the-methodology",level:2},{value:"\u30a2\u30fc\u30ad\u30c6\u30af\u30c1\u30e3\u306e\u554f\u984c\u3067\u306f\u306a\u304f\u30d3\u30b8\u30cd\u30b9\u6a5f\u80fd\u306b\u96c6\u4e2d\u3059\u308b\u305f\u3081",id:"focus-on-business-features-not-on-architecture-problems",level:3},{value:"\u7d4c\u9a13\u306b\u57fa\u3065\u304f\u89e3\u6c7a\u7b56",id:"an-experience-proven-solution",level:3},{value:"\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u306e\u5065\u5eb7",id:"project-health",level:3},{value:"\u30d3\u30b8\u30cd\u30b9\u306b\u3068\u3063\u3066\u306eFSD\u65b9\u6cd5\u8ad6\u306e\u5fc5\u8981\u6027",id:"why-does-a-business-need-a-methodology",level:2},{value:"\u8fc5\u901f\u306a\u30aa\u30f3\u30dc\u30fc\u30c7\u30a3\u30f3\u30b0",id:"fast-onboarding",level:3},{value:"\u7d4c\u9a13\u306b\u57fa\u3065\u304f\u89e3\u6c7a\u7b56",id:"an-experience-proven-solution-1",level:3},{value:"\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u306e\u3055\u307e\u3056\u307e\u306a\u6bb5\u968e\u3078\u306e\u9069\u7528\u6027",id:"applicability-for-different-stages-of-the-project",level:3},{value:"\u79c1\u305f\u3061\u306e\u65b9\u6cd5\u8ad6\u304c\u5fc5\u8981\u306a\u3044\u5834\u5408",id:"when-is-our-methodology-not-needed",level:2},{value:"\u30d3\u30b8\u30cd\u30b9\u306e\u898f\u6a21",id:"business-size",level:3},{value:"\u76ee\u6a19",id:"plans",level:2},{value:"\u7d4c\u9a13\u306e\u7d71\u5408",id:"combining-experience",level:3},{value:"\u4ed5\u69d8\u5916\u306e\u751f\u6d3b",id:"life-outside-the-specification",level:3},{value:"\u53c2\u7167",id:"see-also",level:2}];function h(e){const n={a:"a",blockquote:"blockquote",code:"code",em:"em",h1:"h1",h2:"h2",h3:"h3",header:"header",li:"li",p:"p",strong:"strong",ul:"ul",...(0,l.R)(),...e.components};return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(n.header,{children:(0,s.jsx)(n.h1,{id:"\u30e2\u30c1\u30d9\u30fc\u30b7\u30e7\u30f3",children:"\u30e2\u30c1\u30d9\u30fc\u30b7\u30e7\u30f3"})}),"\n",(0,s.jsxs)(n.p,{children:[(0,s.jsx)(n.strong,{children:"Feature-Sliced Design"}),"\u306e\u4e3b\u306a\u30a2\u30a4\u30c7\u30a2\u306f\u3001\u3055\u307e\u3056\u307e\u306a\u958b\u767a\u8005\u306e\u7d4c\u9a13\u3092\u8b70\u8ad6\u3057\u3001\u7814\u7a76\u7d50\u679c\u3092\u7d71\u5408\u3059\u308b\u3053\u3068\u306b\u57fa\u3065\u3044\u3066\u3001\u8907\u96d1\u3067\u767a\u5c55\u3059\u308b\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u306e\u958b\u767a\u3092\u5bb9\u6613\u306b\u3057\u3001\u958b\u767a\u30b3\u30b9\u30c8\u3092\u524a\u6e1b\u3059\u308b\u3053\u3068\u3067\u3059\u3002"]}),"\n",(0,s.jsxs)(n.p,{children:["\u660e\u3089\u304b\u306b\u3001\u3053\u308c\u306f\u9280\u306e\u5f3e\u4e38\u3067\u306f\u306a\u304f\u3001\u5f53\u7136\u306a\u304c\u3089\u3001FSD\u306b\u306f\u72ec\u81ea\u306e",(0,s.jsx)(n.a,{href:"/docs/about/mission",children:"\u9069\u7528\u7bc4\u56f2\u306e\u9650\u754c"}),"\u304c\u3042\u308a\u307e\u3059\u3002"]}),"\n",(0,s.jsx)(n.h2,{id:"intuitive-clarity-for-a-wide-range-of-developers",children:"\u65e2\u5b58\u306e\u89e3\u6c7a\u7b56\u304c\u4e0d\u8db3\u3057\u3066\u3044\u308b\u7406\u7531"}),"\n",(0,s.jsxs)(n.blockquote,{children:["\n",(0,s.jsx)(n.p,{children:"\u901a\u5e38\u3001\u6b21\u306e\u3088\u3046\u306a\u8b70\u8ad6\u304c\u3042\u308a\u307e\u3059\u3002"}),"\n",(0,s.jsxs)(n.ul,{children:["\n",(0,s.jsx)(n.li,{children:(0,s.jsx)(n.em,{children:"\u300cSOLID\u300d\u3001\u300cKISS\u300d\u3001\u300cYAGNI\u300d\u3001\u300cDDD\u300d\u3001\u300cGRASP\u300d\u3001\u300cDRY\u300d\u306a\u3069\u3001\u3059\u3067\u306b\u78ba\u7acb\u3055\u308c\u305f\u8a2d\u8a08\u539f\u5247\u304c\u3042\u308b\u306e\u306b\u3001\u306a\u305c\u65b0\u3057\u3044\u65b9\u6cd5\u8ad6\u304c\u5fc5\u8981\u306a\u306e\u304b\uff1f\u300d"})}),"\n",(0,s.jsx)(n.li,{children:(0,s.jsx)(n.em,{children:"\u300c\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u306e\u3059\u3079\u3066\u306e\u554f\u984c\u306f\u3001\u826f\u3044\u30c9\u30ad\u30e5\u30e1\u30f3\u30c8\u3001\u30c6\u30b9\u30c8\u3001\u78ba\u7acb\u3055\u308c\u305f\u30d7\u30ed\u30bb\u30b9\u3067\u89e3\u6c7a\u3067\u304d\u308b\u300d"})}),"\n",(0,s.jsx)(n.li,{children:(0,s.jsx)(n.em,{children:"\u300c\u3059\u3079\u3066\u306e\u554f\u984c\u306f\u3001\u3059\u3079\u3066\u306e\u958b\u767a\u8005\u304c\u4e0a\u8a18\u306e\u3059\u3079\u3066\u306b\u5f93\u3048\u3070\u89e3\u6c7a\u3055\u308c\u308b\u300d"})}),"\n",(0,s.jsx)(n.li,{children:(0,s.jsx)(n.em,{children:"\u300c\u3059\u3067\u306b\u3059\u3079\u3066\u304c\u8003\u6848\u3055\u308c\u3066\u3044\u308b\u304b\u3089\u3001\u3042\u306a\u305f\u306f\u305d\u308c\u3092\u5229\u7528\u3067\u304d\u306a\u3044\u3060\u3051\u3060\u300d"})}),"\n",(0,s.jsx)(n.li,{children:(0,s.jsx)(n.em,{children:"{FRAMEWORK_NAME}\u3092\u4f7f\u3048\u3070\u3001\u3059\u3079\u3066\u304c\u89e3\u6c7a\u3055\u308c\u308b\u300d"})}),"\n"]}),"\n"]}),"\n",(0,s.jsx)(n.h3,{id:"principles-alone-are-not-enough",children:"\u539f\u5247\u3060\u3051\u3067\u306f\u4e0d\u5341\u5206"}),"\n",(0,s.jsx)(n.p,{children:(0,s.jsx)(n.strong,{children:"\u826f\u3044\u30a2\u30fc\u30ad\u30c6\u30af\u30c1\u30e3\u3092\u8a2d\u8a08\u3059\u308b\u305f\u3081\u306b\u306f\u3001\u539f\u5247\u306e\u5b58\u5728\u3060\u3051\u3067\u306f\u4e0d\u5341\u5206\u3067\u3059\u3002"})}),"\n",(0,s.jsx)(n.p,{children:"\u3059\u3079\u3066\u306e\u4eba\u304c\u539f\u5247\u3092\u5b8c\u5168\u306b\u7406\u89e3\u3057\u3066\u3044\u308b\u308f\u3051\u3067\u306f\u3042\u308a\u307e\u305b\u3093\u3002\u6b63\u3057\u304f\u539f\u5247\u3092\u7406\u89e3\u3057\u3001\u9069\u7528\u3067\u304d\u308b\u4eba\u306f\u3055\u3089\u306b\u5c11\u306a\u3044\u3067\u3059\u3002"}),"\n",(0,s.jsx)(n.p,{children:(0,s.jsx)(n.em,{children:"\u8a2d\u8a08\u539f\u5247\u306f\u3042\u307e\u308a\u306b\u3082\u4e00\u822c\u7684\u3067\u3042\u308a\u3001\u300c\u30b9\u30b1\u30fc\u30e9\u30d6\u30eb\u3067\u67d4\u8edf\u306a\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u306e\u69cb\u9020\u3068\u30a2\u30fc\u30ad\u30c6\u30af\u30c1\u30e3\u3092\u3069\u306e\u3088\u3046\u306b\u8a2d\u8a08\u3059\u308b\u304b\uff1f\u300d\u3068\u3044\u3046\u5177\u4f53\u7684\u306a\u8cea\u554f\u306b\u5bfe\u3059\u308b\u7b54\u3048\u3092\u63d0\u4f9b\u3057\u3066\u3044\u307e\u305b\u3093\u3002"})}),"\n",(0,s.jsx)(n.h3,{id:"processes-dont-always-work",children:"\u30d7\u30ed\u30bb\u30b9\u306f\u5e38\u306b\u6a5f\u80fd\u3059\u308b\u308f\u3051\u3067\u306f\u306a\u3044"}),"\n",(0,s.jsxs)(n.p,{children:[(0,s.jsx)(n.em,{children:"\u30c9\u30ad\u30e5\u30e1\u30f3\u30c8/\u30c6\u30b9\u30c8/\u30d7\u30ed\u30bb\u30b9"}),"\u3092\u4f7f\u7528\u3059\u308b\u306e\u306f\u3001\u78ba\u304b\u306b\u826f\u3044\u3053\u3068\u3067\u3059\u304c\u3001\u6b8b\u5ff5\u306a\u304c\u3089\u3001\u305d\u308c\u306b\u591a\u304f\u306e\u30b3\u30b9\u30c8\u3092\u304b\u3051\u3066\u3082\u3001",(0,s.jsx)(n.strong,{children:"\u30a2\u30fc\u30ad\u30c6\u30af\u30c1\u30e3\u306e\u554f\u984c\u3084\u65b0\u3057\u3044\u4eba\u3092\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u306b\u5c0e\u5165\u3059\u308b\u554f\u984c\u3092\u89e3\u6c7a\u3059\u308b\u3053\u3068\u306f\u5e38\u306b\u3067\u304d\u308b\u308f\u3051\u3067\u306f\u3042\u308a\u307e\u305b\u3093\u3002"})]}),"\n",(0,s.jsxs)(n.ul,{children:["\n",(0,s.jsx)(n.li,{children:"\u30c9\u30ad\u30e5\u30e1\u30f3\u30c8\u306f\u3001\u3057\u3070\u3057\u3070\u81a8\u5927\u3067\u53e4\u304f\u306a\u3063\u3066\u3057\u307e\u3046\u306e\u3067\u3001\u5404\u958b\u767a\u8005\u306e\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u3078\u306e\u53c2\u52a0\u6642\u9593\u306f\u3042\u307e\u308a\u77ed\u7e2e\u3055\u308c\u306a\u3044\u3002"}),"\n",(0,s.jsx)(n.li,{children:"\u8ab0\u3082\u304c\u540c\u3058\u3088\u3046\u306b\u30a2\u30fc\u30ad\u30c6\u30af\u30c1\u30e3\u3092\u7406\u89e3\u3057\u3066\u3044\u308b\u304b\u3092\u5e38\u306b\u76e3\u8996\u3059\u308b\u3053\u3068\u306f\u3001\u81a8\u5927\u306a\u30ea\u30bd\u30fc\u30b9\u3092\u5fc5\u8981\u3068\u3059\u308b\u3002"}),"\n",(0,s.jsx)(n.li,{children:"bus-factor\u3082\u5fd8\u308c\u306a\u3044\u3088\u3046\u306b\u3057\u307e\u3057\u3087\u3046\u3002"}),"\n"]}),"\n",(0,s.jsx)(n.h3,{id:"existing-frameworks-cannot-be-applied-everywhere",children:"\u65e2\u5b58\u306e\u30d5\u30ec\u30fc\u30e0\u30ef\u30fc\u30af\u306f\u3069\u3053\u3067\u3082\u9069\u7528\u3067\u304d\u308b\u308f\u3051\u3067\u306f\u306a\u3044"}),"\n",(0,s.jsxs)(n.ul,{children:["\n",(0,s.jsx)(n.li,{children:"\u65e2\u5b58\u306e\u89e3\u6c7a\u7b56\u306f\u901a\u5e38\u3001\u9ad8\u3044\u53c2\u5165\u969c\u58c1\u304c\u3042\u308b\u305f\u3081\u3001\u65b0\u3057\u3044\u958b\u767a\u8005\u3092\u898b\u3064\u3051\u308b\u306e\u304c\u96e3\u3057\u3044\u3002"}),"\n",(0,s.jsxs)(n.li,{children:["\u307b\u3068\u3093\u3069\u306e\u5834\u5408\u3001\u6280\u8853\u306e\u9078\u629e\u306f\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u306e\u6df1\u523b\u306a\u554f\u984c\u304c\u767a\u751f\u3059\u308b\u524d\u306b\u6c7a\u5b9a\u3055\u308c\u3066\u3044\u308b\u305f\u3081\u3001",(0,s.jsx)(n.strong,{children:"\u6280\u8853\u306b\u4f9d\u5b58\u305b\u305a\u306b"}),"\u3001\u3059\u3067\u306b\u3042\u308b\u3082\u306e\u3067\u4f5c\u696d\u3092\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u306a\u3051\u308c\u3070\u306a\u3089\u306a\u3044\u3002"]}),"\n"]}),"\n",(0,s.jsxs)(n.blockquote,{children:["\n",(0,s.jsxs)(n.p,{children:["Q: ",(0,s.jsxs)(n.em,{children:["\u300c\u79c1\u306e\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u3067\u306f",(0,s.jsx)(n.code,{children:"React/Vue/Redux/Effector/Mobx/{YOUR_TECH}"}),"\u3092\u4f7f\u3063\u3066\u3044\u307e\u3059\u304c\u3001\u30a8\u30f3\u30c6\u30a3\u30c6\u30a3\u306e\u69cb\u9020\u3068\u305d\u308c\u3089\u306e\u9593\u306e\u95a2\u4fc2\u3092\u3069\u306e\u3088\u3046\u306b\u69cb\u7bc9\u3059\u308c\u3070\u3088\u3044\u3067\u3057\u3087\u3046\u304b\uff1f\u300d"]})]}),"\n"]}),"\n",(0,s.jsx)(n.h3,{id:"as-a-result",children:"\u7d50\u679c\u3068\u3057\u3066"}),"\n",(0,s.jsx)(n.p,{children:"\u300c\u96ea\u306e\u7d50\u6676\u300d\u306e\u3088\u3046\u306b\u30e6\u30cb\u30fc\u30af\u306a\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u304c\u5f97\u3089\u308c\u3001\u305d\u308c\u305e\u308c\u304c\u5f93\u696d\u54e1\u306e\u9577\u671f\u7684\u306a\u95a2\u4e0e\u3092\u5fc5\u8981\u3068\u3057\u3001\u4ed6\u306e\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u3067\u306f\u307b\u3068\u3093\u3069\u9069\u7528\u3067\u304d\u306a\u3044\u77e5\u8b58\u3092\u5fc5\u8981\u3068\u3057\u307e\u3059\u3002"}),"\n",(0,s.jsxs)(n.blockquote,{children:["\n",(0,s.jsxs)(n.p,{children:["@sergeysova: ",(0,s.jsx)(n.em,{children:"\u3053\u308c\u306f\u3001\u73fe\u5728\u306e\u30d5\u30ed\u30f3\u30c8\u30a8\u30f3\u30c9\u958b\u767a\u306e\u72b6\u6cc1\u305d\u306e\u3082\u306e\u3067\u3042\u308a\u3001\u5404\u30ea\u30fc\u30c0\u30fc\u304c\u3055\u307e\u3056\u307e\u306a\u30a2\u30fc\u30ad\u30c6\u30af\u30c1\u30e3\u3084\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u306e\u69cb\u9020\u3092\u8003\u6848\u3057\u3066\u3044\u308b\u304c\u3001\u3053\u308c\u3089\u306e\u69cb\u9020\u304c\u6642\u9593\u306e\u8a66\u7df4\u306b\u8010\u3048\u308b\u304b\u3069\u3046\u304b\u306f\u4e0d\u660e\u3067\u3042\u308a\u3001\u6700\u7d42\u7684\u306b\u306f\u30ea\u30fc\u30c0\u30fc\u4ee5\u5916\u306e\u4eba\u304c\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u3092\u767a\u5c55\u3055\u305b\u308b\u3053\u3068\u304c\u3067\u304d\u308b\u306e\u306f\u6700\u5927\u30672\u4eba\u3067\u3042\u308a\u3001\u65b0\u3057\u3044\u958b\u767a\u8005\u3092\u518d\u3073\u5165\u308c\u308b\u5fc5\u8981\u304c\u3042\u308b\u3002"})]}),"\n"]}),"\n",(0,s.jsx)(n.h2,{id:"why-do-developers-need-the-methodology",children:"\u958b\u767a\u8005\u306b\u3068\u3063\u3066\u306e\u65b9\u6cd5\u8ad6\u306e\u5fc5\u8981\u6027"}),"\n",(0,s.jsx)(n.h3,{id:"focus-on-business-features-not-on-architecture-problems",children:"\u30a2\u30fc\u30ad\u30c6\u30af\u30c1\u30e3\u306e\u554f\u984c\u3067\u306f\u306a\u304f\u30d3\u30b8\u30cd\u30b9\u6a5f\u80fd\u306b\u96c6\u4e2d\u3059\u308b\u305f\u3081"}),"\n",(0,s.jsx)(n.p,{children:"FSD\u306f\u3001\u30b9\u30b1\u30fc\u30e9\u30d6\u30eb\u3067\u67d4\u8edf\u306a\u30a2\u30fc\u30ad\u30c6\u30af\u30c1\u30e3\u306e\u8a2d\u8a08\u306b\u304b\u304b\u308b\u30ea\u30bd\u30fc\u30b9\u3092\u7bc0\u7d04\u3057\u3001\u958b\u767a\u8005\u306e\u6ce8\u610f\u3092\u4e3b\u8981\u306a\u6a5f\u80fd\u958b\u767a\u306b\u5411\u3051\u308b\u3053\u3068\u3092\u53ef\u80fd\u306b\u3057\u3066\u3044\u307e\u3059\u3002\u540c\u6642\u306b\u3001\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u3054\u3068\u306b\u30a2\u30fc\u30ad\u30c6\u30af\u30c1\u30e3\u306e\u89e3\u6c7a\u7b56\u3082\u6a19\u6e96\u5316\u3055\u308c\u307e\u3059\u3002"}),"\n",(0,s.jsx)(n.p,{children:(0,s.jsx)(n.em,{children:"\u5225\u306e\u554f\u984c\u306f\u3001FSD\u304c\u30b3\u30df\u30e5\u30cb\u30c6\u30a3\u306e\u4fe1\u983c\u3092\u5f97\u308b\u5fc5\u8981\u304c\u3042\u308b\u3053\u3068\u3067\u3059\u3002\u305d\u3046\u3059\u308c\u3070\u3001\u958b\u767a\u8005\u306f\u81ea\u5206\u306e\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u306e\u554f\u984c\u3092\u89e3\u6c7a\u3059\u308b\u969b\u306b\u3001\u4e0e\u3048\u3089\u308c\u305f\u6642\u9593\u5185\u306bFSD\u3092\u7406\u89e3\u3057\u3001\u4fe1\u983c\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002"})}),"\n",(0,s.jsx)(n.h3,{id:"an-experience-proven-solution",children:"\u7d4c\u9a13\u306b\u57fa\u3065\u304f\u89e3\u6c7a\u7b56"}),"\n",(0,s.jsxs)(n.p,{children:["FSD\u306f\u3001",(0,s.jsx)(n.em,{children:"\u8907\u96d1\u306a\u30d3\u30b8\u30cd\u30b9\u30ed\u30b8\u30c3\u30af\u306e\u8a2d\u8a08\u306b\u304a\u3051\u308b\u7d4c\u9a13\u306b\u57fa\u3065\u304f\u89e3\u6c7a\u7b56\u3092\u76ee\u6307\u3059\u958b\u767a\u8005"}),"\u3092\u5bfe\u8c61\u3068\u3057\u3066\u3044\u307e\u3059\u3002"]}),"\n",(0,s.jsx)(n.p,{children:(0,s.jsx)(n.em,{children:"\u305f\u3060\u3057\u3001FSD\u306f\u3001\u5168\u4f53\u3068\u3057\u3066\u30d9\u30b9\u30c8\u30d7\u30e9\u30af\u30c6\u30a3\u30b9\u306e\u30bb\u30c3\u30c8\u3001\u307e\u305f\u306f\u7279\u5b9a\u306e\u554f\u984c\u3084\u30b1\u30fc\u30b9\u306b\u95a2\u3059\u308b\u8a18\u4e8b\u4e00\u89a7\u3067\u3059\u3002\u3057\u305f\u304c\u3063\u3066\u3001\u958b\u767a\u3084\u8a2d\u8a08\u306e\u554f\u984c\u306b\u76f4\u9762\u3059\u308b\u4ed6\u306e\u958b\u767a\u8005\u306b\u3082\u5f79\u7acb\u3066\u307e\u3059\u3002"})}),"\n",(0,s.jsx)(n.h3,{id:"project-health",children:"\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u306e\u5065\u5eb7"}),"\n",(0,s.jsxs)(n.p,{children:["FSD\u306f\u3001",(0,s.jsx)(n.em,{children:"\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u306e\u554f\u984c\u3092\u4e8b\u524d\u306b\u89e3\u6c7a\u3057\u3001\u8ffd\u8de1\u3059\u308b\u3053\u3068\u3092\u53ef\u80fd\u306b\u3057\u3001\u81a8\u5927\u306a\u30ea\u30bd\u30fc\u30b9\u3092\u5fc5\u8981\u3068\u3057\u307e\u305b\u3093\u3002"})]}),"\n",(0,s.jsx)(n.p,{children:(0,s.jsx)(n.strong,{children:"\u6280\u8853\u7684\u8ca0\u50b5\u306f\u901a\u5e38\u3001\u6642\u9593\u3068\u3068\u3082\u306b\u84c4\u7a4d\u3055\u308c\u3001\u305d\u306e\u89e3\u6c7a\u306e\u8cac\u4efb\u306f\u30ea\u30fc\u30c0\u30fc\u3068\u30c1\u30fc\u30e0\u306e\u4e21\u65b9\u306b\u3042\u308a\u307e\u3059\u3002"})}),"\n",(0,s.jsxs)(n.p,{children:["FSD\u306f\u3001",(0,s.jsx)(n.em,{children:"\u30b9\u30b1\u30fc\u30ea\u30f3\u30b0\u3084\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u306e\u767a\u5c55\u306b\u304a\u3051\u308b\u6f5c\u5728\u7684\u306a\u554f\u984c\u3092\u4e8b\u524d\u306b\u8b66\u544a\u3059\u308b\u3053\u3068\u3092\u53ef\u80fd\u306b\u3057\u3066\u3044\u307e\u3059\u3002"})]}),"\n",(0,s.jsx)(n.h2,{id:"why-does-a-business-need-a-methodology",children:"\u30d3\u30b8\u30cd\u30b9\u306b\u3068\u3063\u3066\u306eFSD\u65b9\u6cd5\u8ad6\u306e\u5fc5\u8981\u6027"}),"\n",(0,s.jsx)(n.h3,{id:"fast-onboarding",children:"\u8fc5\u901f\u306a\u30aa\u30f3\u30dc\u30fc\u30c7\u30a3\u30f3\u30b0"}),"\n",(0,s.jsxs)(n.p,{children:["FSD\u3092\u4f7f\u7528\u3059\u308b\u3068\u3001",(0,s.jsx)(n.strong,{children:"\u3059\u3067\u306b\u3053\u306e\u30a2\u30d7\u30ed\u30fc\u30c1\u306b\u6163\u308c\u3066\u3044\u308b\u4eba\u3092\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u306b\u96c7\u3046\u3053\u3068\u304c\u3067\u304d\u3001\u518d\u6559\u80b2\u3059\u308b\u5fc5\u8981\u304c\u3042\u308a\u307e\u305b\u3093\u3002"})]}),"\n",(0,s.jsx)(n.p,{children:(0,s.jsx)(n.em,{children:"\u4eba\u3005\u306f\u3088\u308a\u65e9\u304f\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u306b\u6163\u308c\u3001\u8ca2\u732e\u3057\u59cb\u3081\u3001\u6b21\u306e\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u306e\u30a4\u30c6\u30ec\u30fc\u30b7\u30e7\u30f3\u3067\u4eba\u3092\u898b\u3064\u3051\u308b\u305f\u3081\u306e\u8ffd\u52a0\u306e\u4fdd\u8a3c\u304c\u5f97\u3089\u308c\u307e\u3059\u3002"})}),"\n",(0,s.jsx)(n.h3,{id:"an-experience-proven-solution-1",children:"\u7d4c\u9a13\u306b\u57fa\u3065\u304f\u89e3\u6c7a\u7b56"}),"\n",(0,s.jsxs)(n.p,{children:["\u30d3\u30b8\u30cd\u30b9\u306f\u3001\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u306e\u767a\u5c55\u306b\u304a\u3051\u308b\u5927\u90e8\u5206\u306e\u554f\u984c\u3092\u89e3\u6c7a\u3059\u308b\u30d5\u30ec\u30fc\u30e0\u30ef\u30fc\u30af/\u89e3\u6c7a\u7b56\u3092\u5f97\u305f\u3044\u3068\u8003\u3048\u3066\u3044\u307e\u3059\u3002FSD\u306b\u3088\u308a\u3001\u30d3\u30b8\u30cd\u30b9\u306f",(0,s.jsx)(n.em,{children:"\u30b7\u30b9\u30c6\u30e0\u306e\u958b\u767a\u4e2d\u306b\u767a\u751f\u3059\u308b\u307b\u3068\u3093\u3069\u306e\u554f\u984c\u306b\u5bfe\u3059\u308b\u89e3\u6c7a\u7b56\u3092\u5f97\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002"})]}),"\n",(0,s.jsx)(n.h3,{id:"applicability-for-different-stages-of-the-project",children:"\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u306e\u3055\u307e\u3056\u307e\u306a\u6bb5\u968e\u3078\u306e\u9069\u7528\u6027"}),"\n",(0,s.jsxs)(n.p,{children:["FSD\u306f\u3001",(0,s.jsx)(n.em,{children:"\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u306e\u30b5\u30dd\u30fc\u30c8\u3068\u767a\u5c55\u306e\u6bb5\u968e\u3067\u3082\u3001MVP\u306e\u6bb5\u968e\u3067\u3082\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u306b\u5229\u76ca\u3092\u3082\u305f\u3089\u3059\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002"})]}),"\n",(0,s.jsxs)(n.p,{children:["\u306f\u3044\u3001MVP\u3067\u306f\u901a\u5e38\u3001",(0,s.jsx)("i",{children:"\u6a5f\u80fd\u304c\u91cd\u8981\u3067\u3042\u308a\u3001\u5c06\u6765\u306e\u30a2\u30fc\u30ad\u30c6\u30af\u30c1\u30e3\u306f\u91cd\u8981\u3067\u306f\u3042\u308a\u307e\u305b\u3093"}),"\u3002\u3057\u304b\u3057\u3001\u9650\u3089\u308c\u305f\u6642\u9593\u306e\u4e2d\u3067\u3001\u65b9\u6cd5\u8ad6\u306e\u30d9\u30b9\u30c8\u30d7\u30e9\u30af\u30c6\u30a3\u30b9\u3092\u77e5\u3063\u3066\u3044\u308b\u3053\u3068\u3067\u3001",(0,s.jsx)("i",{children:"\u5c11\u306a\u3044\u30b3\u30b9\u30c8\u3067\u6e08\u3080"}),"\u3053\u3068\u304c\u3067\u304d\u3001MVP\u30d0\u30fc\u30b8\u30e7\u30f3\u306e\u30b7\u30b9\u30c6\u30e0\u3092\u8a2d\u8a08\u3059\u308b\u969b\u306b\u5408\u7406\u7684\u306a\u59a5\u5354\u3092\u898b\u3064\u3051\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\uff08\u7121\u8a08\u753b\u306b\u6a5f\u80fd\u3092\u8ffd\u52a0\u3059\u308b\u3088\u308a\u3082\uff09\u3002"]}),"\n",(0,s.jsx)(n.p,{children:(0,s.jsx)(n.em,{children:"\u30c6\u30b9\u30c8\u306b\u3064\u3044\u3066\u3082\u540c\u3058\u3053\u3068\u304c\u8a00\u3048\u307e\u3059\u3002"})}),"\n",(0,s.jsx)(n.h2,{id:"when-is-our-methodology-not-needed",children:"\u79c1\u305f\u3061\u306e\u65b9\u6cd5\u8ad6\u304c\u5fc5\u8981\u306a\u3044\u5834\u5408"}),"\n",(0,s.jsxs)(n.ul,{children:["\n",(0,s.jsx)(n.li,{children:"\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u304c\u77ed\u671f\u9593\u3057\u304b\u5b58\u7d9a\u3057\u306a\u3044\u5834\u5408"}),"\n",(0,s.jsx)(n.li,{children:"\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u304c\u30b5\u30dd\u30fc\u30c8\u3055\u308c\u308b\u30a2\u30fc\u30ad\u30c6\u30af\u30c1\u30e3\u3092\u5fc5\u8981\u3068\u3057\u306a\u3044\u5834\u5408"}),"\n",(0,s.jsx)(n.li,{children:"\u30d3\u30b8\u30cd\u30b9\u304c\u30b3\u30fc\u30c9\u30d9\u30fc\u30b9\u3068\u6a5f\u80fd\u306e\u63d0\u4f9b\u901f\u5ea6\u306e\u95a2\u9023\u6027\u3092\u8a8d\u8b58\u3057\u306a\u3044\u5834\u5408"}),"\n",(0,s.jsx)(n.li,{children:"\u30d3\u30b8\u30cd\u30b9\u304c\u3067\u304d\u308b\u3060\u3051\u65e9\u304f\u6ce8\u6587\u3092\u5b8c\u4e86\u3059\u308b\u3053\u3068\u3092\u91cd\u8996\u3057\u3001\u3055\u3089\u306a\u308b\u30b5\u30dd\u30fc\u30c8\u3092\u6c42\u3081\u306a\u3044\u5834\u5408"}),"\n"]}),"\n",(0,s.jsx)(n.h3,{id:"business-size",children:"\u30d3\u30b8\u30cd\u30b9\u306e\u898f\u6a21"}),"\n",(0,s.jsxs)(n.ul,{children:["\n",(0,s.jsxs)(n.li,{children:[(0,s.jsx)(n.strong,{children:"\u5c0f\u898f\u6a21\u30d3\u30b8\u30cd\u30b9"})," - \u901a\u5e38\u3001\u8fc5\u901f\u3067\u5373\u52b9\u6027\u306e\u3042\u308b\u89e3\u6c7a\u7b56\u3092\u5fc5\u8981\u3068\u3057\u307e\u3059\u3002\u30d3\u30b8\u30cd\u30b9\u306f\u3001\u6210\u9577\u3059\u308b\uff08\u5c11\u306a\u304f\u3068\u3082\u4e2d\u898f\u6a21\u306b\u9054\u3059\u308b\uff09\u3068\u3001\u9867\u5ba2\u304c\u7d99\u7d9a\u7684\u306b\u30b5\u30fc\u30d3\u30b9\u306a\u3069\u3092\u5229\u7528\u3059\u308b\u305f\u3081\u306b\u306f\u3001\u958b\u767a\u3055\u308c\u308b\u89e3\u6c7a\u7b56\u306e\u54c1\u8cea\u3068\u5b89\u5b9a\u6027\u306b\u6642\u9593\u3092\u304b\u3051\u308b\u5fc5\u8981\u304c\u3042\u308b\u3053\u3068\u3092\u7406\u89e3\u3057\u59cb\u3081\u307e\u3059\u3002"]}),"\n",(0,s.jsxs)(n.li,{children:[(0,s.jsx)(n.strong,{children:"\u4e2d\u898f\u6a21\u30d3\u30b8\u30cd\u30b9"})," - \u901a\u5e38\u3001\u958b\u767a\u306e\u3059\u3079\u3066\u306e\u554f\u984c\u3092\u7406\u89e3\u3057\u3066\u304a\u308a\u3001\u305f\u3068\u3048\u6a5f\u80fd\u3092\u3067\u304d\u308b\u3060\u3051\u65e9\u304f\u30ea\u30ea\u30fc\u30b9\u3057\u305f\u3044\u5834\u5408\u3067\u3082\u3001\u54c1\u8cea\u306e\u6539\u5584\u3001\u30ea\u30d5\u30a1\u30af\u30bf\u30ea\u30f3\u30b0\u3001\u30c6\u30b9\u30c8\uff08\u305d\u3057\u3066\u3082\u3061\u308d\u3093\u3001\u62e1\u5f35\u53ef\u80fd\u306a\u30a2\u30fc\u30ad\u30c6\u30af\u30c1\u30e3\uff09\u306b\u6642\u9593\u3092\u304b\u3051\u307e\u3059\u3002"]}),"\n",(0,s.jsxs)(n.li,{children:[(0,s.jsx)(n.strong,{children:"\u5927\u898f\u6a21\u30d3\u30b8\u30cd\u30b9"})," - \u901a\u5e38\u3001\u3059\u3067\u306b\u5e83\u7bc4\u306a\u30aa\u30fc\u30c7\u30a3\u30a8\u30f3\u30b9\u3092\u6301\u3061\u3001\u5f93\u696d\u54e1\u306e\u6570\u3082\u591a\u304f\u3001\u72ec\u81ea\u306e\u30d7\u30e9\u30af\u30c6\u30a3\u30b9\u306e\u30bb\u30c3\u30c8\u3092\u6301\u3063\u3066\u3044\u308b\u305f\u3081\u3001\u4ed6\u306e\u30a2\u30d7\u30ed\u30fc\u30c1\u3092\u63a1\u7528\u3059\u308b\u30a2\u30a4\u30c7\u30a2\u306f\u3042\u307e\u308a\u6d6e\u304b\u3073\u307e\u305b\u3093\u3002"]}),"\n"]}),"\n",(0,s.jsx)(n.h2,{id:"plans",children:"\u76ee\u6a19"}),"\n",(0,s.jsxs)(n.p,{children:["\u4e3b\u8981\u306a\u76ee\u6a19\u306e\u5927\u90e8\u5206\u306f",(0,s.jsx)(n.a,{href:"/docs/about/mission#goals",children:"\u3053\u3053\u306b\u8a18\u8f09\u3055\u308c\u3066\u3044\u307e\u3059"}),"\u304c\u3001\u4eca\u5f8c\u306eFSD\u65b9\u6cd5\u8ad6\u306b\u5bfe\u3059\u308b\u79c1\u305f\u3061\u306e\u671f\u5f85\u306b\u3064\u3044\u3066\u3082\u8a71\u3057\u3066\u304a\u304f\u5fc5\u8981\u304c\u3042\u308a\u307e\u3059\u3002"]}),"\n",(0,s.jsx)(n.h3,{id:"combining-experience",children:"\u7d4c\u9a13\u306e\u7d71\u5408"}),"\n",(0,s.jsxs)(n.p,{children:["\u73fe\u5728\u3001\u79c1\u305f\u3061\u306f",(0,s.jsx)(n.code,{children:"core-team"}),"\u306e\u3055\u307e\u3056\u307e\u306a\u7d4c\u9a13\u3092\u7d71\u5408\u3057\u3001\u5b9f\u8df5\u306b\u57fa\u3065\u3044\u305f\u65b9\u6cd5\u8ad6\u3092\u5f97\u308b\u3053\u3068\u3092\u76ee\u6307\u3057\u3066\u3044\u307e\u3059\u3002"]}),"\n",(0,s.jsxs)(n.p,{children:["\u3082\u3061\u308d\u3093\u3001\u6700\u7d42\u7684\u306b\u306fAngular 3.0\u306e\u3088\u3046\u306a\u3082\u306e\u3092\u5f97\u308b\u304b\u3082\u3057\u308c\u307e\u305b\u3093\u304c\u3001\u3053\u3053\u3067\u6700\u3082\u91cd\u8981\u306a\u306e\u306f\u3001",(0,s.jsx)(n.strong,{children:"\u8907\u96d1\u306a\u30b7\u30b9\u30c6\u30e0\u306e\u30a2\u30fc\u30ad\u30c6\u30af\u30c1\u30e3\u8a2d\u8a08\u306e\u554f\u984c\u3092\u63a2\u6c42\u3059\u308b\u3053\u3068\u3067\u3059\u3002"})]}),"\n",(0,s.jsx)(n.p,{children:(0,s.jsx)(n.em,{children:"\u305d\u3057\u3066\u3001\u73fe\u5728\u306eFSD\u65b9\u6cd5\u8ad6\u306e\u30d0\u30fc\u30b8\u30e7\u30f3\u306b\u5bfe\u3057\u3066\u4e0d\u6e80\u304c\u3042\u308b\u3053\u3068\u306f\u78ba\u304b\u3067\u3059\u304c\u3001\u79c1\u305f\u3061\u306f\u30b3\u30df\u30e5\u30cb\u30c6\u30a3\u306e\u7d4c\u9a13\u3082\u8003\u616e\u3057\u306a\u304c\u3089\u3001\u5171\u901a\u306e\u52aa\u529b\u3067\u7d71\u4e00\u7684\u304b\u3064\u6700\u9069\u306a\u89e3\u6c7a\u7b56\u306b\u5230\u9054\u3057\u305f\u3044\u3068\u8003\u3048\u3066\u3044\u307e\u3059\u3002"})}),"\n",(0,s.jsx)(n.h3,{id:"life-outside-the-specification",children:"\u4ed5\u69d8\u5916\u306e\u751f\u6d3b"}),"\n",(0,s.jsx)(n.p,{children:"\u3059\u3079\u3066\u304c\u3046\u307e\u304f\u3044\u3051\u3070\u3001FSD\u306f\u4ed5\u69d8\u3084\u30c4\u30fc\u30eb\u30ad\u30c3\u30c8\u306b\u9650\u5b9a\u3055\u308c\u308b\u3053\u3068\u306f\u3042\u308a\u307e\u305b\u3093\u3002"}),"\n",(0,s.jsxs)(n.ul,{children:["\n",(0,s.jsx)(n.li,{children:"\u8b1b\u6f14\u3084\u8a18\u4e8b\u304c\u3042\u308b\u304b\u3082\u3057\u308c\u306a\u3044\u3002"}),"\n",(0,s.jsxs)(n.li,{children:["FSD\u65b9\u6cd5\u8ad6\u306b\u5f93\u3063\u3066\u66f8\u304b\u308c\u305f\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u306e\u4ed6\u306e\u6280\u8853\u3078\u306e\u79fb\u884c\u306e\u305f\u3081\u306e",(0,s.jsx)(n.code,{children:"CODE_MODEs"}),"\u304c\u3042\u308b\u304b\u3082\u3057\u308c\u306a\u3044\u3002"]}),"\n",(0,s.jsxs)(n.li,{children:["\u6700\u7d42\u7684\u306b\u306f\u3001\u5927\u898f\u6a21\u306a\u6280\u8853\u7684\u89e3\u6c7a\u7b56\u306e\u30e1\u30f3\u30c6\u30a4\u30ca\u30fc\u306b\u5230\u9054\u3067\u304d\u308b\u304b\u3082\u3057\u308c\u306a\u3044\u3002","\n",(0,s.jsxs)(n.ul,{children:["\n",(0,s.jsx)(n.li,{children:(0,s.jsx)(n.em,{children:"\u7279\u306bReact\u306b\u95a2\u3057\u3066\u306f\u3001\u4ed6\u306e\u30d5\u30ec\u30fc\u30e0\u30ef\u30fc\u30af\u3068\u6bd4\u8f03\u3057\u3066\u3001\u3053\u308c\u306f\u4e3b\u306a\u554f\u984c\u3067\u3042\u308b\u3002\u306a\u305c\u306a\u3089\u3001\u7279\u5b9a\u306e\u554f\u984c\u3092\u89e3\u6c7a\u3059\u308b\u65b9\u6cd5\u3092\u793a\u3055\u306a\u3044\u304b\u3089\u3067\u3042\u308b\u3002"})}),"\n"]}),"\n"]}),"\n"]}),"\n",(0,s.jsx)(n.h2,{id:"see-also",children:"\u53c2\u7167"}),"\n",(0,s.jsxs)(n.ul,{children:["\n",(0,s.jsx)(n.li,{children:(0,s.jsx)(n.a,{href:"/docs/about/mission",children:"\u65b9\u6cd5\u8ad6\u306e\u4f7f\u547d\u306b\u3064\u3044\u3066\uff1a\u76ee\u6a19\u3068\u5236\u9650"})}),"\n",(0,s.jsx)(n.li,{children:(0,s.jsx)(n.a,{href:"/docs/about/understanding/knowledge-types",children:"\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u306b\u304a\u3051\u308b\u77e5\u8b58\u306e\u7a2e\u985e"})}),"\n"]})]})}function a(e={}){const{wrapper:n}={...(0,l.R)(),...e.components};return n?(0,s.jsx)(n,{...e,children:(0,s.jsx)(h,{...e})}):h(e)}},1100:(e,n,i)=>{i.d(n,{R:()=>d,x:()=>c});var s=i(758);const l={},r=s.createContext(l);function d(e){const n=s.useContext(r);return s.useMemo((function(){return"function"==typeof e?e(n):{...n,...e}}),[n,e])}function c(e){let n;return n=e.disableParentContext?"function"==typeof e.components?e.components(l):e.components||l:d(e.components),s.createElement(r.Provider,{value:n},e.children)}}}]);
\ No newline at end of file
diff --git a/ja/assets/js/5cc32e33.deec39b3.js b/ja/assets/js/5cc32e33.0a914d85.js
similarity index 98%
rename from ja/assets/js/5cc32e33.deec39b3.js
rename to ja/assets/js/5cc32e33.0a914d85.js
index b50a52d075..41f13fa3d1 100644
--- a/ja/assets/js/5cc32e33.deec39b3.js
+++ b/ja/assets/js/5cc32e33.0a914d85.js
@@ -1,2 +1,2 @@
-/*! For license information please see 5cc32e33.deec39b3.js.LICENSE.txt */
-"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[3428],{7946:(e,t,n)=>{n.d(t,{Ay:()=>o,RM:()=>r});var s=n(6070),a=n(1100),c=n(5988);const r=[];function i(e){return(0,s.jsx)(c.A,{...e})}function o(e={}){const{wrapper:t}={...(0,a.R)(),...e.components};return t?(0,s.jsx)(t,{...e,children:(0,s.jsx)(i,{...e})}):i(e)}},2966:(e,t,n)=>{n.r(t),n.d(t,{assets:()=>M,contentTitle:()=>j,default:()=>z,frontMatter:()=>v,metadata:()=>_,toc:()=>A});var s=n(6070),a=n(1100),c=n(7946),r=n(991),i=n(758);const o={icon:{tag:"svg",attrs:{viewBox:"64 64 896 896",focusable:"false"},children:[{tag:"path",attrs:{d:"M864 736c0-111.6-65.4-208-160-252.9V317.3c0-15.1-5.3-29.7-15.1-41.2L536.5 95.4C530.1 87.8 521 84 512 84s-18.1 3.8-24.5 11.4L335.1 276.1a63.97 63.97 0 00-15.1 41.2v165.8C225.4 528 160 624.4 160 736h156.5c-2.3 7.2-3.5 15-3.5 23.8 0 22.1 7.6 43.7 21.4 60.8a97.2 97.2 0 0043.1 30.6c23.1 54 75.6 88.8 134.5 88.8 29.1 0 57.3-8.6 81.4-24.8 23.6-15.8 41.9-37.9 53-64a97 97 0 0043.1-30.5 97.52 97.52 0 0021.4-60.8c0-8.4-1.1-16.4-3.1-23.8H864zM762.3 621.4c9.4 14.6 17 30.3 22.5 46.6H700V558.7a211.6 211.6 0 0162.3 62.7zM388 483.1V318.8l124-147 124 147V668H388V483.1zM239.2 668c5.5-16.3 13.1-32 22.5-46.6 16.3-25.2 37.5-46.5 62.3-62.7V668h-84.8zm388.9 116.2c-5.2 3-11.2 4.2-17.1 3.4l-19.5-2.4-2.8 19.4c-5.4 37.9-38.4 66.5-76.7 66.5-38.3 0-71.3-28.6-76.7-66.5l-2.8-19.5-19.5 2.5a27.7 27.7 0 01-17.1-3.5c-8.7-5-14.1-14.3-14.1-24.4 0-10.6 5.9-19.4 14.6-23.8h231.3c8.8 4.5 14.6 13.3 14.6 23.8-.1 10.2-5.5 19.6-14.2 24.5zM464 400a48 48 0 1096 0 48 48 0 10-96 0z"}}]},name:"rocket",theme:"outlined"};var d=n(9820),l=function(e,t){return i.createElement(d.A,(0,r.A)({},e,{ref:t,icon:o}))};const u=i.forwardRef(l);const m={icon:{tag:"svg",attrs:{viewBox:"64 64 896 896",focusable:"false"},children:[{tag:"path",attrs:{d:"M442.3 677.6l199.4-156.7a11.3 11.3 0 000-17.7L442.3 346.4c-7.4-5.8-18.3-.6-18.3 8.8v313.5c0 9.4 10.9 14.7 18.3 8.9z"}},{tag:"path",attrs:{d:"M880 112H144c-17.7 0-32 14.3-32 32v736c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V144c0-17.7-14.3-32-32-32zm-40 728H184V184h656v656z"}}]},name:"play-square",theme:"outlined"};var p=function(e,t){return i.createElement(d.A,(0,r.A)({},e,{ref:t,icon:m}))};const h=i.forwardRef(p);const f={icon:{tag:"svg",attrs:{viewBox:"64 64 896 896",focusable:"false"},children:[{tag:"path",attrs:{d:"M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z"}},{tag:"path",attrs:{d:"M623.6 316.7C593.6 290.4 554 276 512 276s-81.6 14.5-111.6 40.7C369.2 344 352 380.7 352 420v7.6c0 4.4 3.6 8 8 8h48c4.4 0 8-3.6 8-8V420c0-44.1 43.1-80 96-80s96 35.9 96 80c0 31.1-22 59.6-56.1 72.7-21.2 8.1-39.2 22.3-52.1 40.9-13.1 19-19.9 41.8-19.9 64.9V620c0 4.4 3.6 8 8 8h48c4.4 0 8-3.6 8-8v-22.7a48.3 48.3 0 0130.9-44.8c59-22.7 97.1-74.7 97.1-132.5.1-39.3-17.1-76-48.3-103.3zM472 732a40 40 0 1080 0 40 40 0 10-80 0z"}}]},name:"question-circle",theme:"outlined"};var x=function(e,t){return i.createElement(d.A,(0,r.A)({},e,{ref:t,icon:f}))};const g=i.forwardRef(x),v={hide_table_of_contents:!0,pagination_prev:"intro"},j="\ud83d\ude80 \u30af\u30a4\u30c3\u30af\u30b9\u30bf\u30fc\u30c8",_={id:"get-started/index",title:"\ud83d\ude80 \u30af\u30a4\u30c3\u30af\u30b9\u30bf\u30fc\u30c8",description:"\u3088\u3046\u3053\u305d\uff01\u3053\u306e\u30bb\u30af\u30b7\u30e7\u30f3\u3067\u306f\u3001Feature-Sliced Design\u306e\u9069\u7528\u65b9\u6cd5\u3068\u305d\u306e\u57fa\u790e\u77e5\u8b58\u304c\u7c21\u5358\u306b\u7d39\u4ecb\u3055\u308c\u307e\u3059\u3002\u307e\u305f\u3001FSD\u306e\u4e3b\u306a\u5229\u70b9\u3068\u305d\u306e\u4f5c\u6210\u7406\u7531\u306b\u3064\u3044\u3066\u306e\u5185\u5bb9\u3082\u8a18\u8f09\u3055\u308c\u3066\u3044\u307e\u3059\u3002",source:"@site/i18n/ja/docusaurus-plugin-content-docs/current/get-started/index.mdx",sourceDirName:"get-started",slug:"/get-started/",permalink:"/ja/docs/get-started/",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/ja/docusaurus-plugin-content-docs/current/get-started/index.mdx",tags:[],version:"current",lastUpdatedAt:1727607766e3,frontMatter:{hide_table_of_contents:!0,pagination_prev:"intro"},sidebar:"getstartedSidebar",previous:{title:"\u30c9\u30ad\u30e5\u30e1\u30f3\u30c8",permalink:"/ja/docs/"},next:{title:"\u6982\u8981",permalink:"/ja/docs/get-started/overview"}},M={},A=[...c.RM,...c.RM,...c.RM];function b(e){const t={h1:"h1",header:"header",p:"p",...(0,a.R)(),...e.components};return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(t.header,{children:(0,s.jsx)(t.h1,{id:"-\u30af\u30a4\u30c3\u30af\u30b9\u30bf\u30fc\u30c8",children:"\ud83d\ude80 \u30af\u30a4\u30c3\u30af\u30b9\u30bf\u30fc\u30c8"})}),"\n",(0,s.jsx)("p",{class:"summary",children:(0,s.jsx)(t.p,{children:"\u3088\u3046\u3053\u305d\uff01\u3053\u306e\u30bb\u30af\u30b7\u30e7\u30f3\u3067\u306f\u3001Feature-Sliced Design\u306e\u9069\u7528\u65b9\u6cd5\u3068\u305d\u306e\u57fa\u790e\u77e5\u8b58\u304c\u7c21\u5358\u306b\u7d39\u4ecb\u3055\u308c\u307e\u3059\u3002\u307e\u305f\u3001FSD\u306e\u4e3b\u306a\u5229\u70b9\u3068\u305d\u306e\u4f5c\u6210\u7406\u7531\u306b\u3064\u3044\u3066\u306e\u5185\u5bb9\u3082\u8a18\u8f09\u3055\u308c\u3066\u3044\u307e\u3059\u3002"})}),"\n",(0,s.jsx)(c.Ay,{title:"\u6982\u8981",description:"\u65b9\u6cd5\u8ad6\u306e\u7c21\u5358\u306a\u6982\u8981\u3001\u6982\u5ff5\u3001\u304a\u3088\u3073\u9069\u7528",to:"/docs/get-started/overview",Icon:u}),"\n",(0,s.jsx)(c.Ay,{title:"\u30c1\u30e5\u30fc\u30c8\u30ea\u30a2\u30eb",description:"\u65b9\u6cd5\u8ad6\u306e\u9069\u7528\u306b\u95a2\u3059\u308b\u5165\u9580\u30c1\u30e5\u30fc\u30c8\u30ea\u30a2\u30eb",to:"/docs/get-started/tutorial",Icon:h}),"\n",(0,s.jsx)(c.Ay,{title:"FAQ",description:"\u3088\u304f\u3042\u308b\u8cea\u554f",to:"/docs/get-started/faq",Icon:g}),"\n"]})}function z(e={}){const{wrapper:t}={...(0,a.R)(),...e.components};return t?(0,s.jsx)(t,{...e,children:(0,s.jsx)(b,{...e})}):b(e)}},5988:(e,t,n)=>{n.d(t,{Y:()=>i,A:()=>d});n(758);var s=n(3526),a=n(6783);const c={root:"root_GfON",rootDisabled:"rootDisabled_SFUB",details:"details_xxkR",detailsTags:"detailsTags_uTQx",icon:"icon_ciqP",title:"title_pSH5",description:"description__Fep",miniTheme:"miniTheme_ePfp",primaryTheme:"primaryTheme_CilO",defaultTheme:"defaultTheme_j3I8"};var r=n(6070);const i=e=>{const{title:t,description:n,to:i,Icon:d,tags:l,className:u,disabled:m,theme:p="default"}=e;return(0,r.jsxs)(a.A,{className:(0,s.A)(c.root,u,m&&c.rootDisabled,c[`${p}Theme`]),to:i,children:[(0,r.jsx)(o,{Icon:d}),(0,r.jsxs)("div",{className:c.details,children:[(0,r.jsxs)("div",{className:c.detailsMain,children:[(0,r.jsx)("span",{className:c.title,children:t}),(0,r.jsx)("p",{className:c.description,children:n})]}),l&&(0,r.jsx)("div",{className:c.detailsTags,children:l.join(" \u2022 ")})]})]})},o=e=>{let{Icon:t}=e;return t?"string"==typeof t?(0,r.jsx)("span",{className:c.icon,children:t}):(0,r.jsx)(t,{className:c.icon}):null},d=i},1100:(e,t,n)=>{n.d(t,{R:()=>r,x:()=>i});var s=n(758);const a={},c=s.createContext(a);function r(e){const t=s.useContext(c);return s.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function i(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(a):e.components||a:r(e.components),s.createElement(c.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
+/*! For license information please see 5cc32e33.0a914d85.js.LICENSE.txt */
+"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[3428],{7946:(e,t,n)=>{n.d(t,{Ay:()=>o,RM:()=>r});var s=n(6070),a=n(1100),c=n(5988);const r=[];function i(e){return(0,s.jsx)(c.A,{...e})}function o(e={}){const{wrapper:t}={...(0,a.R)(),...e.components};return t?(0,s.jsx)(t,{...e,children:(0,s.jsx)(i,{...e})}):i(e)}},2966:(e,t,n)=>{n.r(t),n.d(t,{assets:()=>M,contentTitle:()=>j,default:()=>z,frontMatter:()=>v,metadata:()=>_,toc:()=>A});var s=n(6070),a=n(1100),c=n(7946),r=n(991),i=n(758);const o={icon:{tag:"svg",attrs:{viewBox:"64 64 896 896",focusable:"false"},children:[{tag:"path",attrs:{d:"M864 736c0-111.6-65.4-208-160-252.9V317.3c0-15.1-5.3-29.7-15.1-41.2L536.5 95.4C530.1 87.8 521 84 512 84s-18.1 3.8-24.5 11.4L335.1 276.1a63.97 63.97 0 00-15.1 41.2v165.8C225.4 528 160 624.4 160 736h156.5c-2.3 7.2-3.5 15-3.5 23.8 0 22.1 7.6 43.7 21.4 60.8a97.2 97.2 0 0043.1 30.6c23.1 54 75.6 88.8 134.5 88.8 29.1 0 57.3-8.6 81.4-24.8 23.6-15.8 41.9-37.9 53-64a97 97 0 0043.1-30.5 97.52 97.52 0 0021.4-60.8c0-8.4-1.1-16.4-3.1-23.8H864zM762.3 621.4c9.4 14.6 17 30.3 22.5 46.6H700V558.7a211.6 211.6 0 0162.3 62.7zM388 483.1V318.8l124-147 124 147V668H388V483.1zM239.2 668c5.5-16.3 13.1-32 22.5-46.6 16.3-25.2 37.5-46.5 62.3-62.7V668h-84.8zm388.9 116.2c-5.2 3-11.2 4.2-17.1 3.4l-19.5-2.4-2.8 19.4c-5.4 37.9-38.4 66.5-76.7 66.5-38.3 0-71.3-28.6-76.7-66.5l-2.8-19.5-19.5 2.5a27.7 27.7 0 01-17.1-3.5c-8.7-5-14.1-14.3-14.1-24.4 0-10.6 5.9-19.4 14.6-23.8h231.3c8.8 4.5 14.6 13.3 14.6 23.8-.1 10.2-5.5 19.6-14.2 24.5zM464 400a48 48 0 1096 0 48 48 0 10-96 0z"}}]},name:"rocket",theme:"outlined"};var d=n(9820),l=function(e,t){return i.createElement(d.A,(0,r.A)({},e,{ref:t,icon:o}))};const u=i.forwardRef(l);const m={icon:{tag:"svg",attrs:{viewBox:"64 64 896 896",focusable:"false"},children:[{tag:"path",attrs:{d:"M442.3 677.6l199.4-156.7a11.3 11.3 0 000-17.7L442.3 346.4c-7.4-5.8-18.3-.6-18.3 8.8v313.5c0 9.4 10.9 14.7 18.3 8.9z"}},{tag:"path",attrs:{d:"M880 112H144c-17.7 0-32 14.3-32 32v736c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V144c0-17.7-14.3-32-32-32zm-40 728H184V184h656v656z"}}]},name:"play-square",theme:"outlined"};var p=function(e,t){return i.createElement(d.A,(0,r.A)({},e,{ref:t,icon:m}))};const h=i.forwardRef(p);const f={icon:{tag:"svg",attrs:{viewBox:"64 64 896 896",focusable:"false"},children:[{tag:"path",attrs:{d:"M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z"}},{tag:"path",attrs:{d:"M623.6 316.7C593.6 290.4 554 276 512 276s-81.6 14.5-111.6 40.7C369.2 344 352 380.7 352 420v7.6c0 4.4 3.6 8 8 8h48c4.4 0 8-3.6 8-8V420c0-44.1 43.1-80 96-80s96 35.9 96 80c0 31.1-22 59.6-56.1 72.7-21.2 8.1-39.2 22.3-52.1 40.9-13.1 19-19.9 41.8-19.9 64.9V620c0 4.4 3.6 8 8 8h48c4.4 0 8-3.6 8-8v-22.7a48.3 48.3 0 0130.9-44.8c59-22.7 97.1-74.7 97.1-132.5.1-39.3-17.1-76-48.3-103.3zM472 732a40 40 0 1080 0 40 40 0 10-80 0z"}}]},name:"question-circle",theme:"outlined"};var x=function(e,t){return i.createElement(d.A,(0,r.A)({},e,{ref:t,icon:f}))};const g=i.forwardRef(x),v={hide_table_of_contents:!0,pagination_prev:"intro"},j="\ud83d\ude80 \u30af\u30a4\u30c3\u30af\u30b9\u30bf\u30fc\u30c8",_={id:"get-started/index",title:"\ud83d\ude80 \u30af\u30a4\u30c3\u30af\u30b9\u30bf\u30fc\u30c8",description:"\u3088\u3046\u3053\u305d\uff01\u3053\u306e\u30bb\u30af\u30b7\u30e7\u30f3\u3067\u306f\u3001Feature-Sliced Design\u306e\u9069\u7528\u65b9\u6cd5\u3068\u305d\u306e\u57fa\u790e\u77e5\u8b58\u304c\u7c21\u5358\u306b\u7d39\u4ecb\u3055\u308c\u307e\u3059\u3002\u307e\u305f\u3001FSD\u306e\u4e3b\u306a\u5229\u70b9\u3068\u305d\u306e\u4f5c\u6210\u7406\u7531\u306b\u3064\u3044\u3066\u306e\u5185\u5bb9\u3082\u8a18\u8f09\u3055\u308c\u3066\u3044\u307e\u3059\u3002",source:"@site/i18n/ja/docusaurus-plugin-content-docs/current/get-started/index.mdx",sourceDirName:"get-started",slug:"/get-started/",permalink:"/ja/docs/get-started/",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/ja/docusaurus-plugin-content-docs/current/get-started/index.mdx",tags:[],version:"current",lastUpdatedAt:1728325386e3,frontMatter:{hide_table_of_contents:!0,pagination_prev:"intro"},sidebar:"getstartedSidebar",previous:{title:"\u30c9\u30ad\u30e5\u30e1\u30f3\u30c8",permalink:"/ja/docs/"},next:{title:"\u6982\u8981",permalink:"/ja/docs/get-started/overview"}},M={},A=[...c.RM,...c.RM,...c.RM];function b(e){const t={h1:"h1",header:"header",p:"p",...(0,a.R)(),...e.components};return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(t.header,{children:(0,s.jsx)(t.h1,{id:"-\u30af\u30a4\u30c3\u30af\u30b9\u30bf\u30fc\u30c8",children:"\ud83d\ude80 \u30af\u30a4\u30c3\u30af\u30b9\u30bf\u30fc\u30c8"})}),"\n",(0,s.jsx)("p",{class:"summary",children:(0,s.jsx)(t.p,{children:"\u3088\u3046\u3053\u305d\uff01\u3053\u306e\u30bb\u30af\u30b7\u30e7\u30f3\u3067\u306f\u3001Feature-Sliced Design\u306e\u9069\u7528\u65b9\u6cd5\u3068\u305d\u306e\u57fa\u790e\u77e5\u8b58\u304c\u7c21\u5358\u306b\u7d39\u4ecb\u3055\u308c\u307e\u3059\u3002\u307e\u305f\u3001FSD\u306e\u4e3b\u306a\u5229\u70b9\u3068\u305d\u306e\u4f5c\u6210\u7406\u7531\u306b\u3064\u3044\u3066\u306e\u5185\u5bb9\u3082\u8a18\u8f09\u3055\u308c\u3066\u3044\u307e\u3059\u3002"})}),"\n",(0,s.jsx)(c.Ay,{title:"\u6982\u8981",description:"\u65b9\u6cd5\u8ad6\u306e\u7c21\u5358\u306a\u6982\u8981\u3001\u6982\u5ff5\u3001\u304a\u3088\u3073\u9069\u7528",to:"/docs/get-started/overview",Icon:u}),"\n",(0,s.jsx)(c.Ay,{title:"\u30c1\u30e5\u30fc\u30c8\u30ea\u30a2\u30eb",description:"\u65b9\u6cd5\u8ad6\u306e\u9069\u7528\u306b\u95a2\u3059\u308b\u5165\u9580\u30c1\u30e5\u30fc\u30c8\u30ea\u30a2\u30eb",to:"/docs/get-started/tutorial",Icon:h}),"\n",(0,s.jsx)(c.Ay,{title:"FAQ",description:"\u3088\u304f\u3042\u308b\u8cea\u554f",to:"/docs/get-started/faq",Icon:g}),"\n"]})}function z(e={}){const{wrapper:t}={...(0,a.R)(),...e.components};return t?(0,s.jsx)(t,{...e,children:(0,s.jsx)(b,{...e})}):b(e)}},5988:(e,t,n)=>{n.d(t,{Y:()=>i,A:()=>d});n(758);var s=n(3526),a=n(6783);const c={root:"root_GfON",rootDisabled:"rootDisabled_SFUB",details:"details_xxkR",detailsTags:"detailsTags_uTQx",icon:"icon_ciqP",title:"title_pSH5",description:"description__Fep",miniTheme:"miniTheme_ePfp",primaryTheme:"primaryTheme_CilO",defaultTheme:"defaultTheme_j3I8"};var r=n(6070);const i=e=>{const{title:t,description:n,to:i,Icon:d,tags:l,className:u,disabled:m,theme:p="default"}=e;return(0,r.jsxs)(a.A,{className:(0,s.A)(c.root,u,m&&c.rootDisabled,c[`${p}Theme`]),to:i,children:[(0,r.jsx)(o,{Icon:d}),(0,r.jsxs)("div",{className:c.details,children:[(0,r.jsxs)("div",{className:c.detailsMain,children:[(0,r.jsx)("span",{className:c.title,children:t}),(0,r.jsx)("p",{className:c.description,children:n})]}),l&&(0,r.jsx)("div",{className:c.detailsTags,children:l.join(" \u2022 ")})]})]})},o=e=>{let{Icon:t}=e;return t?"string"==typeof t?(0,r.jsx)("span",{className:c.icon,children:t}):(0,r.jsx)(t,{className:c.icon}):null},d=i},1100:(e,t,n)=>{n.d(t,{R:()=>r,x:()=>i});var s=n(758);const a={},c=s.createContext(a);function r(e){const t=s.useContext(c);return s.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function i(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(a):e.components||a:r(e.components),s.createElement(c.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
diff --git a/ja/assets/js/5cc32e33.deec39b3.js.LICENSE.txt b/ja/assets/js/5cc32e33.0a914d85.js.LICENSE.txt
similarity index 100%
rename from ja/assets/js/5cc32e33.deec39b3.js.LICENSE.txt
rename to ja/assets/js/5cc32e33.0a914d85.js.LICENSE.txt
diff --git a/ja/assets/js/623ef7cc.cd116cc4.js b/ja/assets/js/623ef7cc.5c0aeb4b.js
similarity index 99%
rename from ja/assets/js/623ef7cc.cd116cc4.js
rename to ja/assets/js/623ef7cc.5c0aeb4b.js
index 54aee6574a..3df0eb20b5 100644
--- a/ja/assets/js/623ef7cc.cd116cc4.js
+++ b/ja/assets/js/623ef7cc.5c0aeb4b.js
@@ -1 +1 @@
-"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[1828],{1984:(e,n,r)=>{r.r(n),r.d(n,{assets:()=>l,contentTitle:()=>i,default:()=>m,frontMatter:()=>a,metadata:()=>o,toc:()=>c});var t=r(6070),s=r(1100);const a={sidebar_position:2},i="\u30c1\u30e5\u30fc\u30c8\u30ea\u30a2\u30eb",o={id:"get-started/tutorial",title:"\u30c1\u30e5\u30fc\u30c8\u30ea\u30a2\u30eb",description:"\u7b2c\uff11\u7ae0 \u7d19\u306e\u4e0a\u3067",source:"@site/i18n/ja/docusaurus-plugin-content-docs/current/get-started/tutorial.md",sourceDirName:"get-started",slug:"/get-started/tutorial",permalink:"/ja/docs/get-started/tutorial",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/ja/docusaurus-plugin-content-docs/current/get-started/tutorial.md",tags:[],version:"current",lastUpdatedAt:1727607766e3,sidebarPosition:2,frontMatter:{sidebar_position:2},sidebar:"getstartedSidebar",previous:{title:"\u6982\u8981",permalink:"/ja/docs/get-started/overview"},next:{title:"FAQ",permalink:"/ja/docs/get-started/faq"}},l={},c=[{value:"\u7b2c\uff11\u7ae0 \u7d19\u306e\u4e0a\u3067",id:"\u7b2c\uff11\u7ae0-\u7d19\u306e\u4e0a\u3067",level:2},{value:"\u30da\u30fc\u30b8\u306e\u5217\u6319\u304b\u3089\u59cb\u3081\u308b",id:"\u30da\u30fc\u30b8\u306e\u5217\u6319\u304b\u3089\u59cb\u3081\u308b",level:3},{value:"\u30d5\u30a3\u30fc\u30c9\u3092\u8a73\u3057\u304f\u898b\u3066\u307f\u308b\u3068",id:"\u30d5\u30a3\u30fc\u30c9\u3092\u8a73\u3057\u304f\u898b\u3066\u307f\u308b\u3068",level:3},{value:"\u30bf\u30b0\u4e00\u89a7",id:"\u30bf\u30b0\u4e00\u89a7",level:4},{value:"\u8a18\u4e8b",id:"\u8a18\u4e8b",level:4},{value:"\u5171\u901a\u30b3\u30fc\u30c9\u306e\u518d\u5229\u7528",id:"\u5171\u901a\u30b3\u30fc\u30c9\u306e\u518d\u5229\u7528",level:3},{value:"\u516c\u958bAPI\u3092\u5b9a\u7fa9\u3059\u308b",id:"\u516c\u958bapi\u3092\u5b9a\u7fa9\u3059\u308b",level:3},{value:"\u5927\u304d\u306a\u518d\u5229\u7528\u53ef\u80fd\u306aUI\u30d6\u30ed\u30c3\u30af",id:"\u5927\u304d\u306a\u518d\u5229\u7528\u53ef\u80fd\u306aui\u30d6\u30ed\u30c3\u30af",level:3},{value:"\u30d5\u30a9\u30fc\u30e0\u30da\u30fc\u30b8\u306b\u7740\u76ee",id:"\u30d5\u30a9\u30fc\u30e0\u30da\u30fc\u30b8\u306b\u7740\u76ee",level:3},{value:"\u307e\u3068\u3081",id:"\u307e\u3068\u3081",level:3},{value:"\u7b2c\uff12\u7ae0 \u30b3\u30fc\u30c9\u306e\u4e2d\u3067",id:"\u7b2c\uff12\u7ae0-\u30b3\u30fc\u30c9\u306e\u4e2d\u3067",level:2},{value:"\u30da\u30fc\u30b8\u3054\u3068\u306b\u6574\u7406\u3059\u308b",id:"\u30da\u30fc\u30b8\u3054\u3068\u306b\u6574\u7406\u3059\u308b",level:3},{value:"\u30d5\u30a3\u30fc\u30c9\u30da\u30fc\u30b8\u3092\u63a5\u7d9a\u3059\u308b",id:"\u30d5\u30a3\u30fc\u30c9\u30da\u30fc\u30b8\u3092\u63a5\u7d9a\u3059\u308b",level:3},{value:"API\u30af\u30e9\u30a4\u30a2\u30f3\u30c8",id:"api\u30af\u30e9\u30a4\u30a2\u30f3\u30c8",level:3},{value:"\u30d5\u30a3\u30fc\u30c9\u5185\u306e\u5b9f\u30c7\u30fc\u30bf",id:"\u30d5\u30a3\u30fc\u30c9\u5185\u306e\u5b9f\u30c7\u30fc\u30bf",level:3},{value:"\u30bf\u30b0\u306b\u3088\u308b\u30d5\u30a3\u30eb\u30bf\u30ea\u30f3\u30b0",id:"\u30bf\u30b0\u306b\u3088\u308b\u30d5\u30a3\u30eb\u30bf\u30ea\u30f3\u30b0",level:3},{value:"\u30da\u30fc\u30b8\u30cd\u30fc\u30b7\u30e7\u30f3",id:"\u30da\u30fc\u30b8\u30cd\u30fc\u30b7\u30e7\u30f3",level:3},{value:"\u8a8d\u8a3c",id:"\u8a8d\u8a3c",level:3},{value:"\u30d8\u30c3\u30c0\u30fc",id:"\u30d8\u30c3\u30c0\u30fc",level:3},{value:"\u30bf\u30d6",id:"\u30bf\u30d6",level:3},{value:"\u8a18\u4e8b\u30ea\u30fc\u30c0\u30fc",id:"\u8a18\u4e8b\u30ea\u30fc\u30c0\u30fc",level:3},{value:"\u8a18\u4e8b\u7de8\u96c6",id:"\u8a18\u4e8b\u7de8\u96c6",level:3}];function d(e){const n={a:"a",code:"code",em:"em",h1:"h1",h2:"h2",h3:"h3",h4:"h4",header:"header",img:"img",li:"li",ol:"ol",p:"p",pre:"pre",strong:"strong",ul:"ul",...(0,s.R)(),...e.components};return(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(n.header,{children:(0,t.jsx)(n.h1,{id:"\u30c1\u30e5\u30fc\u30c8\u30ea\u30a2\u30eb",children:"\u30c1\u30e5\u30fc\u30c8\u30ea\u30a2\u30eb"})}),"\n",(0,t.jsx)(n.h2,{id:"\u7b2c\uff11\u7ae0-\u7d19\u306e\u4e0a\u3067",children:"\u7b2c\uff11\u7ae0 \u7d19\u306e\u4e0a\u3067"}),"\n",(0,t.jsxs)(n.p,{children:["\u3053\u306e\u30ac\u30a4\u30c9\u3067\u306f\u3001Real World App\u3068\u3057\u3066\u3082\u77e5\u3089\u308c\u308b\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u3092\u898b\u3066\u3044\u304d\u307e\u3059\u3002Conduit\u306f\u3001",(0,t.jsx)(n.a,{href:"https://medium.com/",children:"Medium"}),"\u306e\u7c21\u7565\u7248\u3067\u3042\u308a\u3001\u30d6\u30ed\u30b0\u8a18\u4e8b\u3092\u8aad\u307f\u66f8\u304d\u3057\u3001\u4ed6\u306e\u4eba\u306e\u8a18\u4e8b\u306b\u30b3\u30e1\u30f3\u30c8\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002"]}),"\n",(0,t.jsx)(n.p,{children:(0,t.jsx)(n.img,{alt:"Conduit\u306e\u30db\u30fc\u30e0\u30da\u30fc\u30b8",src:r(9703).A+"",width:"2880",height:"1504"})}),"\n",(0,t.jsxs)(n.p,{children:["\u3053\u308c\u306f\u304b\u306a\u308a\u5c0f\u3055\u306a\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u306a\u306e\u3067\u3001\u904e\u5ea6\u306b\u5206\u89e3\u3059\u308b\u3053\u3068\u306a\u304f\u958b\u767a\u3092\u9032\u3081\u307e\u3059\u3002\u304a\u305d\u3089\u304f\u3001\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u5168\u4f53\u306f3\u3064\u306e\u5c64\u306b\u53ce\u307e\u308a\u307e\u3059: ",(0,t.jsx)(n.strong,{children:"App\u5c64"}),"\u3001",(0,t.jsx)(n.strong,{children:"Pages\u5c64"}),"\u3001",(0,t.jsx)(n.strong,{children:"Shared\u5c64"}),"\u3002\u3082\u3057\u305d\u3046\u3067\u306a\u3051\u308c\u3070\u3001\u9032\u884c\u306b\u5fdc\u3058\u3066\u8ffd\u52a0\u306e\u5c64\u3092\u5c0e\u5165\u3057\u307e\u3057\u3087\u3046\u3002\u6e96\u5099\u306f\u3044\u3044\u3067\u3059\u304b\uff1f"]}),"\n",(0,t.jsx)(n.h3,{id:"\u30da\u30fc\u30b8\u306e\u5217\u6319\u304b\u3089\u59cb\u3081\u308b",children:"\u30da\u30fc\u30b8\u306e\u5217\u6319\u304b\u3089\u59cb\u3081\u308b"}),"\n",(0,t.jsx)(n.p,{children:"\u4e0a\u306e\u30b9\u30af\u30ea\u30fc\u30f3\u30b7\u30e7\u30c3\u30c8\u3092\u898b\u3066\u307f\u308b\u3068\u3001\u5c11\u306a\u304f\u3068\u3082\u6b21\u306e\u30da\u30fc\u30b8\u304c\u3042\u308b\u3068\u63a8\u6e2c\u3067\u304d\u307e\u3059\u3002"}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsx)(n.li,{children:"\u30db\u30fc\u30e0\uff08\u8a18\u4e8b\u306e\u30d5\u30a3\u30fc\u30c9\uff09"}),"\n",(0,t.jsx)(n.li,{children:"\u30ed\u30b0\u30a4\u30f3\u3068\u767b\u9332"}),"\n",(0,t.jsx)(n.li,{children:"\u8a18\u4e8b\u306e\u95b2\u89a7"}),"\n",(0,t.jsx)(n.li,{children:"\u8a18\u4e8b\u306e\u7de8\u96c6"}),"\n",(0,t.jsx)(n.li,{children:"\u30e6\u30fc\u30b6\u30fc\u30d7\u30ed\u30d5\u30a3\u30fc\u30eb\u306e\u95b2\u89a7"}),"\n",(0,t.jsx)(n.li,{children:"\u30d7\u30ed\u30d5\u30a3\u30fc\u30eb\u306e\u7de8\u96c6\uff08\u8a2d\u5b9a\uff09"}),"\n"]}),"\n",(0,t.jsxs)(n.p,{children:["\u3053\u308c\u3089\u306e\u5404\u30da\u30fc\u30b8\u306f\u3001",(0,t.jsx)(n.em,{children:"Pages"}),"\u5c64\u306e\u500b\u5225",(0,t.jsx)(n.em,{children:"\u30b9\u30e9\u30a4\u30b9"}),"\u306b\u306a\u308a\u307e\u3059\u3002\u6982\u8981\u306e\u30bb\u30af\u30b7\u30e7\u30f3\u304b\u3089\u601d\u3044\u51fa\u3057\u3066\u304f\u3060\u3055\u3044\u3002\u30b9\u30e9\u30a4\u30b9\u306f\u5358\u306b\u5c64\u5185\u306e\u30d5\u30a9\u30eb\u30c0\u30fc\u3067\u3042\u308a\u3001\u5c64\u306f\u4e8b\u524d\u306b\u5b9a\u7fa9\u3055\u308c\u305f\u540d\u524d\u306e\u30d5\u30a9\u30eb\u30c0\u30fc\u3060\u3051\u3067\u3059\u3002\u4f8b\u3048\u3070\u3001",(0,t.jsx)(n.code,{children:"pages"}),"\u306e\u3088\u3046\u3067\u3059\u3002"]}),"\n",(0,t.jsx)(n.p,{children:"\u3057\u305f\u304c\u3063\u3066\u3001\u79c1\u305f\u3061\u306ePages\u30d5\u30a9\u30eb\u30c0\u30fc\u306f\u6b21\u306e\u3088\u3046\u306b\u306a\u308a\u307e\u3059\u3002"}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{children:"\ud83d\udcc2 pages/\n  \ud83d\udcc1 feed/ (\u30d5\u30a3\u30fc\u30c9)\n  \ud83d\udcc1 sign-in/ (\u30ed\u30b0\u30a4\u30f3/\u767b\u9332)\n  \ud83d\udcc1 article-read/ (\u8a18\u4e8b\u306e\u95b2\u89a7)\n  \ud83d\udcc1 article-edit/ (\u8a18\u4e8b\u306e\u7de8\u96c6)\n  \ud83d\udcc1 profile/ (\u30d7\u30ed\u30d5\u30a3\u30fc\u30eb)\n  \ud83d\udcc1 settings/ (\u8a2d\u5b9a)\n"})}),"\n",(0,t.jsxs)(n.p,{children:["Feature-Sliced Design\u306e\u7279\u5fb4\u306f\u3001\u30da\u30fc\u30b8\u304c\u4e92\u3044\u306b\u4f9d\u5b58\u3067\u304d\u306a\u3044\u3053\u3068\u3067\u3059\u3002\u3064\u307e\u308a\u30011\u3064\u306e\u30da\u30fc\u30b8\u304c\u4ed6\u306e\u30da\u30fc\u30b8\u306e\u30b3\u30fc\u30c9\u3092\u30a4\u30f3\u30dd\u30fc\u30c8\u3059\u308b\u3053\u3068\u306f\u3067\u304d\u307e\u305b\u3093\u3002\u3053\u308c\u306f",(0,t.jsx)(n.strong,{children:"\u5c64\u306e\u30a4\u30f3\u30dd\u30fc\u30c8\u30eb\u30fc\u30eb"}),"\u306b\u3088\u3063\u3066\u7981\u3058\u3089\u308c\u3066\u3044\u307e\u3059\u3002"]}),"\n",(0,t.jsx)(n.p,{children:(0,t.jsx)(n.em,{children:"\u30b9\u30e9\u30a4\u30b9\u5185\u306e\u30e2\u30b8\u30e5\u30fc\u30eb\u306f\u3001\u4e0b\u5c64\u306b\u3042\u308b\u30b9\u30e9\u30a4\u30b9\u306e\u307f\u3092\u30a4\u30f3\u30dd\u30fc\u30c8\u3067\u304d\u308b\u3002"})}),"\n",(0,t.jsx)(n.p,{children:"\u3053\u306e\u5834\u5408\u3001\u30da\u30fc\u30b8\u306f\u30b9\u30e9\u30a4\u30b9\u3067\u3042\u308b\u305f\u3081\u3001\u305d\u306e\u30da\u30fc\u30b8\u5185\u306e\u30e2\u30b8\u30e5\u30fc\u30eb\uff08\u30d5\u30a1\u30a4\u30eb\uff09\u306f\u3001\u4ed6\u306e\u30da\u30fc\u30b8\u3067\u306f\u306a\u304f\u3001\u4e0b\u5c64\u304b\u3089\u306e\u307f\u30b3\u30fc\u30c9\u3092\u30a4\u30f3\u30dd\u30fc\u30c8\u3067\u304d\u307e\u3059\u3002"}),"\n",(0,t.jsx)(n.h3,{id:"\u30d5\u30a3\u30fc\u30c9\u3092\u8a73\u3057\u304f\u898b\u3066\u307f\u308b\u3068",children:"\u30d5\u30a3\u30fc\u30c9\u3092\u8a73\u3057\u304f\u898b\u3066\u307f\u308b\u3068"}),"\n",(0,t.jsxs)("figure",{children:[(0,t.jsx)(n.p,{children:(0,t.jsx)(n.img,{alt:"\u533f\u540d\u8a2a\u554f\u8005\u306e\u8996\u70b9",src:r(9703).A+"",width:"2880",height:"1504"})}),(0,t.jsx)("figcaption",{children:(0,t.jsx)(n.p,{children:(0,t.jsx)(n.em,{children:"\u533f\u540d\u8a2a\u554f\u8005\u306e\u8996\u70b9"})})})]}),"\n",(0,t.jsxs)("figure",{children:[(0,t.jsx)(n.p,{children:(0,t.jsx)(n.img,{alt:"\u8a8d\u8a3c\u3055\u308c\u305f\u30e6\u30fc\u30b6\u30fc\u306e\u8996\u70b9",src:r(1405).A+"",width:"2880",height:"1504"})}),(0,t.jsx)("figcaption",{children:(0,t.jsx)(n.p,{children:(0,t.jsx)(n.em,{children:"\u8a8d\u8a3c\u3055\u308c\u305f\u30e6\u30fc\u30b6\u30fc\u306e\u8996\u70b9"})})})]}),"\n",(0,t.jsx)(n.p,{children:"\u30d5\u30a3\u30fc\u30c9\u30da\u30fc\u30b8\u306b\u306f3\u3064\u306e\u52d5\u7684\u9818\u57df\u304c\u3042\u308a\u307e\u3059\u3002"}),"\n",(0,t.jsxs)(n.ol,{children:["\n",(0,t.jsx)(n.li,{children:"\u8a8d\u8a3c\u72b6\u614b\u3092\u793a\u3059\u30ed\u30b0\u30a4\u30f3\u30ea\u30f3\u30af"}),"\n",(0,t.jsx)(n.li,{children:"\u30d5\u30a3\u30fc\u30c9\u3092\u30d5\u30a3\u30eb\u30bf\u30ea\u30f3\u30b0\u3059\u308b\u30bf\u30b0\u4e00\u89a7"}),"\n",(0,t.jsx)(n.li,{children:"1\u3064\u3001\u307e\u305f\u306f2\u3064\u306e\u30d5\u30a3\u30fc\u30c9\u8a18\u4e8b\u3002\u5404\u8a18\u4e8b\u306b\u306f\u3044\u3044\u306d\u30dc\u30bf\u30f3\u304c\u3042\u308b"}),"\n"]}),"\n",(0,t.jsx)(n.p,{children:"\u30ed\u30b0\u30a4\u30f3\u30ea\u30f3\u30af\u306f\u3001\u3059\u3079\u3066\u306e\u30da\u30fc\u30b8\u3067\u5171\u901a\u306e\u30d8\u30c3\u30c0\u30fc\u306e\u4e00\u90e8\u3067\u3042\u308b\u305f\u3081\u3001\u4e00\u65e6\u4fdd\u7559\u306b\u3057\u307e\u3057\u3087\u3046\u3002"}),"\n",(0,t.jsx)(n.h4,{id:"\u30bf\u30b0\u4e00\u89a7",children:"\u30bf\u30b0\u4e00\u89a7"}),"\n",(0,t.jsxs)(n.p,{children:["\u30bf\u30b0\u4e00\u89a7\u3092\u4f5c\u6210\u3059\u308b\u306b\u306f\u3001\u3059\u3079\u3066\u306e\u5229\u7528\u53ef\u80fd\u306a\u30bf\u30b0\u3092\u53d6\u5f97\u3057\u3001\u5404\u30bf\u30b0\u3092\u30c1\u30c3\u30d7\uff08",(0,t.jsx)(n.a,{href:"https://m3.material.io/components/chips/overview",children:"chip"}),"\uff09\u3068\u3057\u3066\u8868\u793a\u3057\u3001\u9078\u629e\u3055\u308c\u305f\u30bf\u30b0\u3092\u30af\u30e9\u30a4\u30a2\u30f3\u30c8\u5074\u306e\u30b9\u30c8\u30ec\u30fc\u30b8\u306b\u4fdd\u5b58\u3059\u308b\u5fc5\u8981\u304c\u3042\u308a\u307e\u3059\u3002\u3053\u308c\u3089\u306e\u64cd\u4f5c\u306f\u3001\u300cAPI\u3068\u306e\u30a4\u30f3\u30bf\u30e9\u30af\u30b7\u30e7\u30f3\u300d\u3001\u300c\u30e6\u30fc\u30b6\u30fc\u30a4\u30f3\u30bf\u30fc\u30d5\u30a7\u30fc\u30b9\u300d\u3001\u300c\u30c7\u30fc\u30bf\u30b9\u30c8\u30ec\u30fc\u30b8\u300d\u306e\u30ab\u30c6\u30b4\u30ea\u306b\u95a2\u9023\u3057\u3066\u3044\u307e\u3059\u3002Feature-Sliced Design\u3067\u306f\u3001\u30b3\u30fc\u30c9\u306f\u76ee\u7684\u306b\u5fdc\u3058\u3066",(0,t.jsx)(n.em,{children:"\u30bb\u30b0\u30e1\u30f3\u30c8"}),"\u306b\u5206\u3051\u3089\u308c\u307e\u3059\u3002\u30bb\u30b0\u30e1\u30f3\u30c8\u306f\u30b9\u30e9\u30a4\u30b9\u5185\u306e\u30d5\u30a9\u30eb\u30c0\u30fc\u3067\u3042\u308a\u3001\u76ee\u7684\u3092\u8aac\u660e\u3059\u308b\u4efb\u610f\u306e\u540d\u524d\u3092\u6301\u3064\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002\u3044\u304f\u3064\u304b\u306e\u76ee\u7684\u306f\u975e\u5e38\u306b\u4e00\u822c\u7684\u3067\u3042\u308b\u305f\u3081\u3001\u3044\u304f\u3064\u304b\u306e\u4e00\u822c\u7684\u306a\u540d\u524d\u304c\u3042\u308a\u307e\u3059\u3002"]}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsxs)(n.li,{children:["\ud83d\udcc2 ",(0,t.jsx)(n.code,{children:"api/"})," \u30d0\u30c3\u30af\u30a8\u30f3\u30c9\u3068\u306e\u30a4\u30f3\u30bf\u30e9\u30af\u30b7\u30e7\u30f3"]}),"\n",(0,t.jsxs)(n.li,{children:["\ud83d\udcc2 ",(0,t.jsx)(n.code,{children:"ui/"})," \u8868\u793a\u3068\u5916\u89b3\u3092\u62c5\u5f53\u3059\u308b\u30b3\u30fc\u30c9"]}),"\n",(0,t.jsxs)(n.li,{children:["\ud83d\udcc2 ",(0,t.jsx)(n.code,{children:"model/"})," \u30c7\u30fc\u30bf\u3068\u30d3\u30b8\u30cd\u30b9\u30ed\u30b8\u30c3\u30af\u306e\u30b9\u30c8\u30ec\u30fc\u30b8"]}),"\n",(0,t.jsxs)(n.li,{children:["\ud83d\udcc2 ",(0,t.jsx)(n.code,{children:"config/"})," \u30d5\u30a3\u30fc\u30c1\u30e3\u30fc\u30d5\u30e9\u30b0\u3001\u74b0\u5883\u5909\u6570\u3001\u305d\u306e\u4ed6\u306e\u8a2d\u5b9a\u5f62\u5f0f"]}),"\n"]}),"\n",(0,t.jsxs)(n.p,{children:["\u30bf\u30b0\u3092\u53d6\u5f97\u3059\u308b\u30b3\u30fc\u30c9\u306f",(0,t.jsx)(n.code,{children:"api"}),"\u306b\u3001\u30bf\u30b0\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306f",(0,t.jsx)(n.code,{children:"ui"}),"\u306b\u3001\u30b9\u30c8\u30ec\u30fc\u30b8\u3068\u306e\u30a4\u30f3\u30bf\u30e9\u30af\u30b7\u30e7\u30f3\u306f",(0,t.jsx)(n.code,{children:"model"}),"\u306b\u914d\u7f6e\u3057\u307e\u3059\u3002"]}),"\n",(0,t.jsx)(n.h4,{id:"\u8a18\u4e8b",children:"\u8a18\u4e8b"}),"\n",(0,t.jsx)(n.p,{children:"\u540c\u3058\u8ad6\u7406\u306b\u5f93\u3063\u3066\u3001\u8a18\u4e8b\u306e\u30d5\u30a3\u30fc\u30c9\u3092\u540c\u30583\u3064\u306e\u30bb\u30b0\u30e1\u30f3\u30c8\u306b\u5206\u3051\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002"}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsxs)(n.li,{children:["\ud83d\udcc2 ",(0,t.jsx)(n.code,{children:"api/"}),": \u30da\u30fc\u30b8\u3054\u3068\u306e\u8a18\u4e8b\u4e00\u89a7\u3092\u53d6\u5f97\u3057\u305f\u308a\u3001\u3044\u3044\u306d\u3092\u6b8b\u3057\u305f\u308a\u3059\u308b"]}),"\n",(0,t.jsxs)(n.li,{children:["\ud83d\udcc2 ",(0,t.jsx)(n.code,{children:"ui/"}),":","\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsx)(n.li,{children:"\u30bf\u30b0\u3092\u9078\u629e\u3057\u305f\u3068\u304d\u306b\u8ffd\u52a0\u306e\u30bf\u30d6\u3092\u8868\u793a\u3067\u304d\u308b\u30bf\u30d6\u4e00\u89a7"}),"\n",(0,t.jsx)(n.li,{children:"\u500b\u5225\u306e\u8a18\u4e8b"}),"\n",(0,t.jsx)(n.li,{children:"\u30da\u30fc\u30b8\u30cd\u30fc\u30b7\u30e7\u30f3"}),"\n"]}),"\n"]}),"\n",(0,t.jsxs)(n.li,{children:["\ud83d\udcc2 ",(0,t.jsx)(n.code,{children:"model/"}),": \u30af\u30e9\u30a4\u30a2\u30f3\u30c8\u306e\u30b9\u30c8\u30ec\u30fc\u30b8\u306b\u4fdd\u5b58\u3055\u308c\u305f\u8aad\u307f\u8fbc\u307e\u308c\u305f\u6295\u7a3f\u3068\u73fe\u5728\u306e\u30da\u30fc\u30b8\uff08\u5fc5\u8981\u306b\u5fdc\u3058\u3066\uff09"]}),"\n"]}),"\n",(0,t.jsx)(n.h3,{id:"\u5171\u901a\u30b3\u30fc\u30c9\u306e\u518d\u5229\u7528",children:"\u5171\u901a\u30b3\u30fc\u30c9\u306e\u518d\u5229\u7528"}),"\n",(0,t.jsxs)(n.p,{children:["\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u306e\u30da\u30fc\u30b8\u306f\u901a\u5e38\u3001\u76ee\u7684\u306b\u3088\u3063\u3066\u975e\u5e38\u306b\u7570\u306a\u308a\u307e\u3059\u304c\u3001\u5168\u4f53\u3067\u5171\u901a\u3059\u308b\u3082\u306e\u3082\u3042\u308a\u307e\u3059\u3002\u4f8b\u3048\u3070\u3001\u30c7\u30b6\u30a4\u30f3\u8a00\u8a9e\u306b\u5bfe\u5fdc\u3059\u308bUI\u30ad\u30c3\u30c8\u3084\u3001\u3059\u3079\u3066\u304c\u7279\u5b9a\u306e\u8a8d\u8a3c\u30e1\u30bd\u30c3\u30c9\u3092\u4ecb\u3057\u3066REST API\u3092\u901a\u3058\u3066\u884c\u308f\u308c\u308b\u3068\u3044\u3046\u30d0\u30c3\u30af\u30a8\u30f3\u30c9\u306b\u304a\u3051\u308b\u53d6\u308a\u6c7a\u3081\u3067\u3059\u3002\u30b9\u30e9\u30a4\u30b9\u306f\u9694\u96e2\u3055\u308c\u3066\u3044\u308b\u5fc5\u8981\u304c\u3042\u308b\u305f\u3081\u3001\u30b3\u30fc\u30c9\u306e\u518d\u5229\u7528\u306f\u4e0b\u5c64\u306e",(0,t.jsx)(n.strong,{children:"Shared\u5c64"}),"\u3092\u4ecb\u3057\u3066\u884c\u308f\u308c\u307e\u3059\u3002"]}),"\n",(0,t.jsx)(n.p,{children:"Shared\u5c64\u306f\u4ed6\u306e\u5c64\u3068\u306f\u7570\u306a\u308a\u3001\u30b9\u30e9\u30a4\u30b9\u3067\u306f\u306a\u304f\u30bb\u30b0\u30e1\u30f3\u30c8\u3092\u542b\u3080\u305f\u3081\u3001Shared\u5c64\u306f\u30ec\u30a4\u30e4\u30fc\u3068\u30b9\u30e9\u30a4\u30b9\u306e\u30cf\u30a4\u30d6\u30ea\u30c3\u30c9\u3067\u3059\u3002"}),"\n",(0,t.jsx)(n.p,{children:"\u901a\u5e38\u3001Shared\u5c64\u5185\u306e\u30b3\u30fc\u30c9\u306f\u4e8b\u524d\u306b\u4f5c\u6210\u3055\u308c\u305a\u3001\u958b\u767a\u306e\u904e\u7a0b\u3067\u62bd\u51fa\u3055\u308c\u307e\u3059\u3002\u306a\u305c\u306a\u3089\u3001\u3069\u306e\u90e8\u5206\u306e\u30b3\u30fc\u30c9\u304c\u5b9f\u969b\u306b\u518d\u5229\u7528\u3055\u308c\u308b\u304b\u304c\u958b\u767a\u4e2d\u306b\u660e\u3089\u304b\u306b\u306a\u308b\u304b\u3089\u3067\u3059\u3002\u305d\u308c\u3067\u3082\u3001Shared\u5c64\u306b\u3069\u3093\u306a\u30b3\u30fc\u30c9\u3092\u4fdd\u6301\u3059\u308b\u304b\u3092\u5ff5\u982d\u306b\u7f6e\u3044\u3066\u304a\u304f\u3053\u3068\u306f\u91cd\u8981\u3067\u3059\u3002"}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsxs)(n.li,{children:["\ud83d\udcc2 ",(0,t.jsx)(n.code,{children:"ui/"})," \u2014 \u30d3\u30b8\u30cd\u30b9\u30ed\u30b8\u30c3\u30af\u306a\u3057\u306eUI\u30ad\u30c3\u30c8\u3002\u4f8b\u3048\u3070\u3001\u30dc\u30bf\u30f3\u3001\u30c0\u30a4\u30a2\u30ed\u30b0\u3001\u30d5\u30a9\u30fc\u30e0\u30d5\u30a3\u30fc\u30eb\u30c9\u3002"]}),"\n",(0,t.jsxs)(n.li,{children:["\ud83d\udcc2 ",(0,t.jsx)(n.code,{children:"api/"})," \u2014 \u30d0\u30c3\u30af\u30a8\u30f3\u30c9\u3078\u306e\u30ea\u30af\u30a8\u30b9\u30c8\u7528\u306e\u4fbf\u5229\u306a\u30e9\u30c3\u30d1\u30fc\uff08\u4f8b\u3048\u3070\u3001\u30a6\u30a7\u30d6\u306e\u5834\u5408\u306f\u3001",(0,t.jsx)(n.code,{children:"fetch()"}),"\u306e\u30e9\u30c3\u30d1\u30fc\uff09"]}),"\n",(0,t.jsxs)(n.li,{children:["\ud83d\udcc2 ",(0,t.jsx)(n.code,{children:"config/"})," \u2014 \u74b0\u5883\u5909\u6570\u306e\u51e6\u7406"]}),"\n",(0,t.jsxs)(n.li,{children:["\ud83d\udcc2 ",(0,t.jsx)(n.code,{children:"i18n/"})," \u2014 \u591a\u8a00\u8a9e\u5bfe\u5fdc\u306e\u8a2d\u5b9a"]}),"\n",(0,t.jsxs)(n.li,{children:["\ud83d\udcc2 ",(0,t.jsx)(n.code,{children:"router/"})," \u2014 \u30eb\u30fc\u30c6\u30a3\u30f3\u30b0\u306e\u30d7\u30ea\u30df\u30c6\u30a3\u30d6\u3068\u5b9a\u6570"]}),"\n"]}),"\n",(0,t.jsxs)(n.p,{children:["\u3053\u308c\u3089\u306fShared\u5c64\u5185\u306e\u30bb\u30b0\u30e1\u30f3\u30c8\u306e\u4f8b\u306b\u904e\u304e\u307e\u305b\u3093\u3002\u3053\u308c\u3089\u306e\u3044\u305a\u308c\u304b\u3092\u7701\u7565\u3057\u305f\u308a\u3001\u81ea\u5206\u81ea\u8eab\u306e\u30bb\u30b0\u30e1\u30f3\u30c8\u3092\u4f5c\u6210\u3057\u305f\u308a\u3067\u304d\u307e\u3059\u3002\u65b0\u3057\u3044\u30bb\u30b0\u30e1\u30f3\u30c8\u3092\u4f5c\u6210\u3059\u308b\u969b\u306b\u899a\u3048\u3066\u304a\u304f\u3079\u304d\u552f\u4e00\u306e\u3053\u3068\u306f\u3001\u30bb\u30b0\u30e1\u30f3\u30c8\u306e\u540d\u524d\u306f\u5185\u5bb9\u306e",(0,t.jsx)("b",{children:"\u672c\u8cea\uff08\u4f55\uff09"}),"\u3067\u306f\u306a\u304f\u3001",(0,t.jsx)("b",{children:"\u76ee\u7684\uff08\u306a\u305c\uff09"}),"\u3092\u8aac\u660e\u3059\u308b\u3082\u306e\u3067\u306a\u3051\u308c\u3070\u306a\u308a\u307e\u305b\u3093\u3002",(0,t.jsx)(n.code,{children:"components"}),"\u3001",(0,t.jsx)(n.code,{children:"hooks"}),"\u3001",(0,t.jsx)(n.code,{children:"modals"}),"\u306e\u3088\u3046\u306a\u540d\u524d\u306f\u4f7f\u7528\u3057\u306a\u3044\u65b9\u304c\u826f\u3044\u3067\u3059\u3002\u306a\u305c\u306a\u3089\u3001\u3053\u308c\u3089\u306f\u30d5\u30a1\u30a4\u30eb\u304c\u672c\u8cea\u7684\u306b\u4f55\u3092\u542b\u3093\u3067\u3044\u308b\u304b\u3092\u8aac\u660e\u3059\u308b\u3082\u306e\u3067\u3042\u308a\u3001\u30b3\u30fc\u30c9\u304c\u66f8\u304b\u308c\u305f\u76ee\u7684\u3092\u8aac\u660e\u3059\u308b\u3082\u306e\u3067\u306f\u306a\u3044\u304b\u3089\u3067\u3059\u3002\u3053\u306e\u3088\u3046\u306a\u30cd\u30fc\u30df\u30f3\u30b0\u306e\u7d50\u679c\u3001\u30c1\u30fc\u30e0\u306f\u5fc5\u8981\u306a\u3082\u306e\u3092\u898b\u3064\u3051\u308b\u305f\u3081\u306b\u30d5\u30a9\u30eb\u30c0\u30fc\u3092\u6398\u308a\u4e0b\u3052\u306a\u3051\u308c\u3070\u306a\u3089\u305a\u3001\u3055\u3089\u306b\u7121\u95a2\u4fc2\u306a\u30b3\u30fc\u30c9\u304c\u96a3\u63a5\u3057\u3066\u3044\u308b\u305f\u3081\u3001\u30ea\u30d5\u30a1\u30af\u30bf\u30ea\u30f3\u30b0\u6642\u306b\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u306e\u5927\u90e8\u5206\u306b\u5f71\u97ff\u3092\u4e0e\u3048\u3001\u30ec\u30d3\u30e5\u30fc\u3084\u30c6\u30b9\u30c8\u304c\u96e3\u3057\u304f\u306a\u3063\u3066\u3057\u307e\u3044\u307e\u3059\u3002"]}),"\n",(0,t.jsx)(n.h3,{id:"\u516c\u958bapi\u3092\u5b9a\u7fa9\u3059\u308b",children:"\u516c\u958bAPI\u3092\u5b9a\u7fa9\u3059\u308b"}),"\n",(0,t.jsxs)(n.p,{children:["Feature-Sliced Design\u306e\u6587\u8108\u306b\u304a\u3044\u3066\u3001",(0,t.jsx)(n.em,{children:"\u516c\u958bAPI"}),"\u3068\u3044\u3046\u7528\u8a9e\u306f\u3001\u30b9\u30e9\u30a4\u30b9\u3001\u307e\u305f\u306f\u30bb\u30b0\u30e1\u30f3\u30c8\u304c\u3001\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u5185\u306e\u4ed6\u306e\u30e2\u30b8\u30e5\u30fc\u30eb\u304c\u30a4\u30f3\u30dd\u30fc\u30c8\u3067\u304d\u308b\u3082\u306e\u3092\u5ba3\u8a00\u3059\u308b\u3053\u3068\u3092\u610f\u5473\u3057\u307e\u3059\u3002\u4f8b\u3048\u3070\u3001JavaScript\u3067\u306f\u3001\u4ed6\u306e\u30d5\u30a1\u30a4\u30eb\u304b\u3089\u30aa\u30d6\u30b8\u30a7\u30af\u30c8\u3092\u518d\u30a8\u30af\u30b9\u30dd\u30fc\u30c8\u3059\u308b",(0,t.jsx)(n.code,{children:"index.js"}),"\u30d5\u30a1\u30a4\u30eb\u304c\u3053\u308c\u306b\u8a72\u5f53\u3057\u307e\u3059\u3002\u3053\u308c\u306b\u3088\u308a\u3001\u5916\u90e8\u3068\u306e\u5951\u7d04\uff08\u3064\u307e\u308a\u3001\u516c\u958bAPI\uff09\u304c\u5909\u66f4\u3055\u308c\u306a\u3044\u9650\u308a\u3001\u30b9\u30e9\u30a4\u30b9\u5185\u3067\u306e\u30ea\u30d5\u30a1\u30af\u30bf\u30ea\u30f3\u30b0\u3092\u81ea\u7531\u306b\u3067\u304d\u307e\u3059\u3002"]}),"\n",(0,t.jsx)(n.p,{children:"Shared\u5c64\u306b\u306f\u30b9\u30e9\u30a4\u30b9\u304c\u306a\u3044\u305f\u3081\u3001\u901a\u5e38\u3001\u30bb\u30b0\u30e1\u30f3\u30c8\u30ec\u30d9\u30eb\u3067\u516c\u958bAPI\uff08\u30a4\u30f3\u30c7\u30c3\u30af\u30b9\uff09\u3092\u5b9a\u7fa9\u3059\u308b\u65b9\u304c\u4fbf\u5229\u3067\u3059\u3002\u305d\u3046\u3059\u308b\u3053\u3068\u3067\u3001Shared\u5c64\u304b\u3089\u306e\u30a4\u30f3\u30dd\u30fc\u30c8\u306f\u81ea\u7136\u306b\u76ee\u7684\u306b\u5fdc\u3058\u3066\u6574\u7406\u3055\u308c\u307e\u3059\u3002\u4ed6\u306e\u30ec\u30a4\u30e4\u30fc\u306b\u306f\u30b9\u30e9\u30a4\u30b9\u304c\u3042\u308b\u305f\u3081\u3001\u901a\u5e38\u306f1\u3064\u306e\u30a4\u30f3\u30c7\u30c3\u30af\u30b9\u3092\u30b9\u30e9\u30a4\u30b9\u306b\u5b9a\u7fa9\u3057\u3001\u30b9\u30e9\u30a4\u30b9\u81ea\u8eab\u304c\u5185\u90e8\u306e\u30bb\u30b0\u30e1\u30f3\u30c8\u306e\u30bb\u30c3\u30c8\u3092\u5236\u5fa1\u3059\u308b\u65b9\u304c\u5b9f\u7528\u7684\u3067\u3059\u3002\u306a\u305c\u306a\u3089\u3001\u4ed6\u306e\u30ec\u30a4\u30e4\u30fc\u306f\u901a\u5e38\u3001\u30a8\u30af\u30b9\u30dd\u30fc\u30c8\u304c\u306f\u308b\u304b\u306b\u5c11\u306a\u304f\u3001\u30ea\u30d5\u30a1\u30af\u30bf\u30ea\u30f3\u30b0\u304c\u983b\u7e41\u306b\u884c\u308f\u308c\u308b\u304b\u3089\u3067\u3059\u3002"}),"\n",(0,t.jsx)(n.p,{children:"\u79c1\u305f\u3061\u306e\u30b9\u30e9\u30a4\u30b9/\u30bb\u30b0\u30e1\u30f3\u30c8\u306f\u6b21\u306e\u3088\u3046\u306b\u306a\u308b\u3067\u3057\u3087\u3046\u3002"}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{children:"\ud83d\udcc2 pages/\n  \ud83d\udcc2 feed/\n    \ud83d\udcc4 index\n  \ud83d\udcc2 sign-in/\n    \ud83d\udcc4 index\n  \ud83d\udcc2 article-read/\n    \ud83d\udcc4 index\n  \ud83d\udcc1 \u2026\n\ud83d\udcc2 shared/\n  \ud83d\udcc2 ui/\n    \ud83d\udcc4 index\n  \ud83d\udcc2 api/\n    \ud83d\udcc4 index\n  \ud83d\udcc1 \u2026\n"})}),"\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.code,{children:"pages/feed"}),"\u3084",(0,t.jsx)(n.code,{children:"shared/ui"}),"\u306e\u3088\u3046\u306a\u30d5\u30a9\u30eb\u30c0\u30fc\u5185\u306b\u3042\u308b\u3082\u306e\u306f\u3001\u3053\u308c\u3089\u306e\u30d5\u30a9\u30eb\u30c0\u30fc\u306b\u306e\u307f\u77e5\u3089\u308c\u3066\u304a\u308a\u3001\u3053\u308c\u3089\u306e\u30d5\u30a9\u30eb\u30c0\u30fc\u306e\u5185\u5bb9\u306b\u95a2\u3059\u308b\u4fdd\u8a3c\u306f\u3042\u308a\u307e\u305b\u3093\u3002"]}),"\n",(0,t.jsx)(n.h3,{id:"\u5927\u304d\u306a\u518d\u5229\u7528\u53ef\u80fd\u306aui\u30d6\u30ed\u30c3\u30af",children:"\u5927\u304d\u306a\u518d\u5229\u7528\u53ef\u80fd\u306aUI\u30d6\u30ed\u30c3\u30af"}),"\n",(0,t.jsx)(n.p,{children:"\u4ee5\u524d\u3001\u518d\u5229\u7528\u53ef\u80fd\u306a\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u306e\u30d8\u30c3\u30c0\u30fc\u306e\u3068\u3053\u308d\u306b\u623b\u308a\u307e\u3059\u304c\u3001\u5404\u30da\u30fc\u30b8\u3067\u30d8\u30c3\u30c0\u30fc\u3092\u518d\u69cb\u7bc9\u3059\u308b\u306e\u306f\u975e\u52b9\u7387\u7684\u306a\u306e\u3067\u3001\u518d\u5229\u7528\u3057\u307e\u3059\u3002\u518d\u5229\u7528\u3059\u308b\u30b3\u30fc\u30c9\u306b\u306f\u3001\u3059\u3067\u306bShared\u5c64\u304c\u3042\u308a\u307e\u3059\u304c\u3001Shared\u5c64\u5185\u306e\u5927\u304d\u306aUI\u30d6\u30ed\u30c3\u30af\u306b\u306f\u6ce8\u610f\u304c\u5fc5\u8981\u3067\u3059\u3002Shared\u5c64\u306f\u4e0a\u5c64\u306e\u30ec\u30a4\u30e4\u30fc\u306b\u3064\u3044\u3066\u4f55\u3082\u77e5\u3089\u306a\u3044\u3079\u304d\u3067\u3059\u3002"}),"\n",(0,t.jsx)(n.p,{children:"Shared\u5c64\u3068Pages\u5c64\u306e\u9593\u306b\u306f\u3001Entities\u5c64\u3001Features\u5c64\u3001Widgets\u5c64\u306e3\u3064\u306e\u4ed6\u306e\u30ec\u30a4\u30e4\u30fc\u304c\u3042\u308a\u307e\u3059\u3002\u4ed6\u306e\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u3067\u306f\u3001\u3053\u308c\u3089\u306e\u30ec\u30a4\u30e4\u30fc\u306b\u5927\u304d\u306a\u518d\u5229\u7528\u53ef\u80fd\u306a\u30d6\u30ed\u30c3\u30af\u3067\u4f7f\u7528\u3057\u305f\u3044\u3082\u306e\u304c\u3042\u308b\u304b\u3082\u3057\u308c\u307e\u305b\u3093\u3002\u305d\u306e\u5834\u5408\u3001\u305d\u306e\u30d6\u30ed\u30c3\u30af\u3092Shared\u5c64\u306b\u7f6e\u304f\u3053\u3068\u306f\u3067\u304d\u307e\u305b\u3093\u3002\u306a\u305c\u306a\u3089\u3001\u4e0a\u5c64\u304b\u3089\u30a4\u30f3\u30dd\u30fc\u30c8\u3057\u306a\u3051\u308c\u3070\u306a\u3089\u305a\u3001\u305d\u308c\u306f\u7981\u6b62\u3055\u308c\u3066\u3044\u308b\u304b\u3089\u3067\u3059\u3002\u3053\u3053\u3067Widgets\u5c64\u304c\u5f79\u7acb\u3061\u307e\u3059\u3002\u3053\u308c\u306fShared\u5c64\u3001Entities\u5c64\u3001Features\u5c64\u306e\u4e0a\u306b\u4f4d\u7f6e\u3057\u3066\u3044\u308b\u305f\u3081\u3001\u3059\u3079\u3066\u3092\u4f7f\u7528\u3067\u304d\u307e\u3059\u3002"}),"\n",(0,t.jsxs)(n.p,{children:["\u79c1\u305f\u3061\u306e\u5834\u5408\u3001\u30d8\u30c3\u30c0\u30fc\u306f\u975e\u5e38\u306b\u30b7\u30f3\u30d7\u30eb\u3067\u3059\u3002\u9759\u7684\u306a\u30ed\u30b4\u3068\u4e0a\u90e8\u30ca\u30d3\u30b2\u30fc\u30b7\u30e7\u30f3\u3057\u304b\u3042\u308a\u307e\u305b\u3093\u3002\u30ca\u30d3\u30b2\u30fc\u30b7\u30e7\u30f3\u306fAPI\u306b\u73fe\u5728\u306e\u30e6\u30fc\u30b6\u30fc\u304c\u8a8d\u8a3c\u3055\u308c\u3066\u3044\u308b\u304b\u3069\u3046\u304b\u3092\u5c0b\u306d\u308b\u5fc5\u8981\u304c\u3042\u308a\u307e\u3059\u304c\u3001\u3053\u308c\u306f",(0,t.jsx)(n.code,{children:"api"}),"\u30bb\u30b0\u30e1\u30f3\u30c8\u304b\u3089\u306e\u5358\u7d14\u306a\u30a4\u30f3\u30dd\u30fc\u30c8\u3067\u89e3\u6c7a\u3067\u304d\u307e\u3059\u3002\u3057\u305f\u304c\u3063\u3066\u3001\u30d8\u30c3\u30c0\u30fc\u306fShared\u5c64\u306b\u6b8b\u3057\u307e\u3059\u3002"]}),"\n",(0,t.jsx)(n.h3,{id:"\u30d5\u30a9\u30fc\u30e0\u30da\u30fc\u30b8\u306b\u7740\u76ee",children:"\u30d5\u30a9\u30fc\u30e0\u30da\u30fc\u30b8\u306b\u7740\u76ee"}),"\n",(0,t.jsx)(n.p,{children:"\u8a18\u4e8b\u3092\u8aad\u3080\u3060\u3051\u3067\u306a\u304f\u3001\u7de8\u96c6\u3059\u308b\u3053\u3068\u3082\u3067\u304d\u308b\u30da\u30fc\u30b8\u3082\u898b\u3066\u307f\u307e\u3057\u3087\u3046\u3002\u4f8b\u3048\u3070\u3001\u8a18\u4e8b\u7de8\u96c6\u8005\u306e\u30da\u30fc\u30b8\u3067\u3059\u3002"}),"\n",(0,t.jsx)(n.p,{children:(0,t.jsx)(n.img,{alt:"Conduit\u306e\u8a18\u4e8b\u7de8\u96c6\u8005",src:r(9922).A+"",width:"2880",height:"1200"})}),"\n",(0,t.jsx)(n.p,{children:"\u898b\u305f\u76ee\u306f\u5358\u7d14\u3067\u3059\u304c\u3001\u79c1\u305f\u3061\u304c\u307e\u3060\u8abf\u3079\u3066\u3044\u306a\u3044\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u958b\u767a\u306e\u3044\u304f\u3064\u304b\u306e\u5074\u9762\u3092\u542b\u3093\u3067\u3044\u307e\u3059\u3002\u30d5\u30a9\u30fc\u30e0\u306e\u30d0\u30ea\u30c7\u30fc\u30b7\u30e7\u30f3\u3001\u30a8\u30e9\u30fc\u72b6\u614b\u3001\u30c7\u30fc\u30bf\u306e\u6c38\u7d9a\u7684\u306a\u4fdd\u5b58\u306e\u3088\u3046\u306a\u3082\u306e\u3067\u3059\u3002"}),"\n",(0,t.jsxs)(n.p,{children:["\u3053\u306e\u30da\u30fc\u30b8\u3092\u4f5c\u6210\u3059\u308b\u306b\u306f\u3001Shared\u5c64\u304b\u3089\u3044\u304f\u3064\u304b\u306e\u30d5\u30a3\u30fc\u30eb\u30c9\u3068\u30dc\u30bf\u30f3\u3092\u53d6\u308a\u3001\u305d\u308c\u3089\u3092\u3053\u306e\u30da\u30fc\u30b8\u306e",(0,t.jsx)(n.code,{children:"ui"}),"\u30bb\u30b0\u30e1\u30f3\u30c8\u306b\u3042\u308b\u30d5\u30a9\u30fc\u30e0\u306b\u307e\u3068\u3081\u307e\u3059\u3002\u6b21\u306b\u3001",(0,t.jsx)(n.code,{children:"api"}),"\u30bb\u30b0\u30e1\u30f3\u30c8\u3067\u3001\u30d0\u30c3\u30af\u30a8\u30f3\u30c9\u306b\u8a18\u4e8b\u3092\u4f5c\u6210\u3059\u308b\u305f\u3081\u306e\u5909\u66f4\u30ea\u30af\u30a8\u30b9\u30c8\u3092\u5b9a\u7fa9\u3057\u307e\u3059\u3002"]}),"\n",(0,t.jsxs)(n.p,{children:["\u30ea\u30af\u30a8\u30b9\u30c8\u3092\u9001\u4fe1\u3059\u308b\u524d\u306b\u30ea\u30af\u30a8\u30b9\u30c8\u3092\u30d0\u30ea\u30c7\u30fc\u30b7\u30e7\u30f3\u3059\u308b\u305f\u3081\u306b\u3001\u30d0\u30ea\u30c7\u30fc\u30b7\u30e7\u30f3\u30b9\u30ad\u30fc\u30de\u304c\u5fc5\u8981\u3067\u3059\u3002\u30d0\u30ea\u30c7\u30fc\u30b7\u30e7\u30f3\u30b9\u30ad\u30fc\u30de\u306f\u30c7\u30fc\u30bf\u30e2\u30c7\u30eb\u3067\u3042\u308b\u305f\u3081\u3001",(0,t.jsx)(n.code,{children:"model"}),"\u30bb\u30b0\u30e1\u30f3\u30c8\u306b\u5165\u308c\u308b\u306e\u304c\u3061\u3087\u3046\u3069\u826f\u3044\u3067\u3059\u3002\u305d\u3053\u3067\u30a8\u30e9\u30fc\u30e1\u30c3\u30bb\u30fc\u30b8\u3092\u751f\u6210\u3057\u3001",(0,t.jsx)(n.code,{children:"ui"}),"\u30bb\u30b0\u30e1\u30f3\u30c8\u306e\u5225\u306e\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u4f7f\u7528\u3057\u3066\u30a8\u30e9\u30fc\u30e1\u30c3\u30bb\u30fc\u30b8\u3092\u8868\u793a\u3057\u307e\u3059\u3002"]}),"\n",(0,t.jsxs)(n.p,{children:["UX\u3092\u5411\u4e0a\u3055\u305b\u308b\u305f\u3081\u306b\u3001\u30d6\u30e9\u30a6\u30b6\u3092\u9589\u3058\u305f\u3068\u304d\u306b\u5076\u767a\u7684\u306a\u30c7\u30fc\u30bf\u640d\u5931\u3092\u9632\u3050\u305f\u3081\u306b\u3001\u5165\u529b\u30c7\u30fc\u30bf\u3092\u6c38\u7d9a\u7684\u306b\u4fdd\u5b58\u3059\u308b\u3053\u3068\u3082\u3067\u304d\u307e\u3059\u3002\u3053\u308c\u3082",(0,t.jsx)(n.code,{children:"model"}),"\u30bb\u30b0\u30e1\u30f3\u30c8\u306b\u9069\u3057\u3066\u3044\u307e\u3059\u3002"]}),"\n",(0,t.jsx)(n.h3,{id:"\u307e\u3068\u3081",children:"\u307e\u3068\u3081"}),"\n",(0,t.jsx)(n.p,{children:"\u3044\u304f\u3064\u304b\u306e\u30da\u30fc\u30b8\u306b\u7740\u76ee\u3057\u3001\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u306e\u57fa\u672c\u7684\u306a\u69cb\u9020\u3092\u6c7a\u3081\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3057\u305f\u3002"}),"\n",(0,t.jsxs)(n.ol,{children:["\n",(0,t.jsxs)(n.li,{children:["Shared\u5c64","\n",(0,t.jsxs)(n.ol,{children:["\n",(0,t.jsxs)(n.li,{children:[(0,t.jsx)(n.code,{children:"ui"})," \u306b\u306f\u518d\u5229\u7528\u53ef\u80fd\u306aUI\u30ad\u30c3\u30c8\u304c\u542b\u307e\u308c\u308b"]}),"\n",(0,t.jsxs)(n.li,{children:[(0,t.jsx)(n.code,{children:"api"})," \u306b\u306f\u30d0\u30c3\u30af\u30a8\u30f3\u30c9\u3068\u306e\u30a4\u30f3\u30bf\u30e9\u30af\u30b7\u30e7\u30f3\u306e\u305f\u3081\u306e\u30d7\u30ea\u30df\u30c6\u30a3\u30d6\u304c\u542b\u307e\u308c\u308b"]}),"\n",(0,t.jsx)(n.li,{children:"\u6b8b\u308a\u306f\u30b3\u30fc\u30c9\u3092\u66f8\u304f\u904e\u7a0b\u3067\u6574\u7406\u3059\u308b"}),"\n"]}),"\n"]}),"\n",(0,t.jsxs)(n.li,{children:["Pages\u5c64 \u2014 \u5404\u30da\u30fc\u30b8\u306b\u5bfe\u3057\u3066\u500b\u5225\u306e\u30b9\u30e9\u30a4\u30b9\u3092\u4f5c\u6210","\n",(0,t.jsxs)(n.ol,{children:["\n",(0,t.jsxs)(n.li,{children:[(0,t.jsx)(n.code,{children:"ui"})," \u306b\u306f\u30da\u30fc\u30b8\u81ea\u4f53\u3068\u305d\u306e\u69cb\u6210\u8981\u7d20\u304c\u542b\u307e\u308c\u308b"]}),"\n",(0,t.jsxs)(n.li,{children:[(0,t.jsx)(n.code,{children:"api"})," \u306b\u306f",(0,t.jsx)(n.code,{children:"shared/api"}),"\u3092\u4f7f\u7528\u3059\u308b\u30c7\u30fc\u30bf\u53d6\u5f97\u306e\u305f\u3081\u306e\u3088\u308a\u5c02\u7528\u7684\u306a\u95a2\u6570\u304c\u542b\u307e\u308c\u308b"]}),"\n",(0,t.jsxs)(n.li,{children:[(0,t.jsx)(n.code,{children:"model"})," \u306b\u306f\u8868\u793a\u3059\u308b\u30c7\u30fc\u30bf\u306e\u30af\u30e9\u30a4\u30a2\u30f3\u30c8\u30b9\u30c8\u30ec\u30fc\u30b8\u306a\u3069\u304c\u542b\u307e\u308c\u308b"]}),"\n"]}),"\n"]}),"\n"]}),"\n",(0,t.jsx)(n.p,{children:"\u3053\u308c\u3067\u3053\u306e\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u3092\u4f5c\u308a\u307e\u3057\u3087\u3046\uff01"}),"\n",(0,t.jsx)(n.h2,{id:"\u7b2c\uff12\u7ae0-\u30b3\u30fc\u30c9\u306e\u4e2d\u3067",children:"\u7b2c\uff12\u7ae0 \u30b3\u30fc\u30c9\u306e\u4e2d\u3067"}),"\n",(0,t.jsxs)(n.p,{children:["\u8a08\u753b\u304c\u3067\u304d\u305f\u306e\u3067\u3001\u5b9f\u73fe\u3057\u3066\u3044\u304d\u307e\u3057\u3087\u3046\u3002React\u3068",(0,t.jsx)(n.a,{href:"https://remix.run/",children:"Remix"}),"\u3092\u4f7f\u7528\u3057\u307e\u3059\u3002"]}),"\n",(0,t.jsx)(n.p,{children:"\u3053\u306e\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u306b\u306f\u3059\u3067\u306b\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u304c\u7528\u610f\u3055\u308c\u3066\u3044\u308b\u306e\u3067\u3001GitHub\u304b\u3089\u30af\u30ed\u30fc\u30f3\u3057\u3066\u4f5c\u6210\u3092\u59cb\u3081\u3066\u304f\u3060\u3055\u3044\u3002"}),"\n",(0,t.jsx)(n.p,{children:(0,t.jsx)(n.a,{href:"https://github.com/feature-sliced/tutorial-conduit/tree/clean",children:"https://github.com/feature-sliced/tutorial-conduit/tree/clean"})}),"\n",(0,t.jsxs)(n.p,{children:["\u4f9d\u5b58\u95a2\u4fc2\u3092",(0,t.jsx)(n.code,{children:"npm install"}),"\u3067\u30a4\u30f3\u30b9\u30c8\u30fc\u30eb\u3057\u3001",(0,t.jsx)(n.code,{children:"npm run dev"}),"\u3067\u30b5\u30fc\u30d0\u30fc\u3092\u8d77\u52d5\u3057\u307e\u3059\u3002",(0,t.jsx)(n.a,{href:"http://localhost:3000/",children:"http://localhost:3000"}),"\u3092\u958b\u304f\u3068\u3001\u7a7a\u306e\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u304c\u8868\u793a\u3055\u308c\u307e\u3059\u3002"]}),"\n",(0,t.jsx)(n.h3,{id:"\u30da\u30fc\u30b8\u3054\u3068\u306b\u6574\u7406\u3059\u308b",children:"\u30da\u30fc\u30b8\u3054\u3068\u306b\u6574\u7406\u3059\u308b"}),"\n",(0,t.jsx)(n.p,{children:"\u3059\u3079\u3066\u306e\u30da\u30fc\u30b8\u306e\u305f\u3081\u306b\u7a7a\u306e\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u4f5c\u6210\u3059\u308b\u3053\u3068\u304b\u3089\u59cb\u3081\u307e\u3057\u3087\u3046\u3002\u30bf\u30fc\u30df\u30ca\u30eb\u3067\u6b21\u306e\u30b3\u30de\u30f3\u30c9\u3092\u5b9f\u884c\u3057\u307e\u3059\u3002"}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-bash",children:"npx fsd pages feed sign-in article-read article-edit profile settings --segments ui\n"})}),"\n",(0,t.jsxs)(n.p,{children:["\u3053\u308c\u306b\u3088\u308a\u3001",(0,t.jsx)(n.code,{children:"pages/feed/ui/"}),"\u306e\u3088\u3046\u306a\u30d5\u30a9\u30eb\u30c0\u30fc\u3068\u3001\u5404\u30da\u30fc\u30b8\u306e\u30a4\u30f3\u30c7\u30c3\u30af\u30b9\u30d5\u30a1\u30a4\u30eb",(0,t.jsx)(n.code,{children:"pages/feed/index.ts"}),"\u304c\u4f5c\u6210\u3055\u308c\u307e\u3059\u3002"]}),"\n",(0,t.jsx)(n.h3,{id:"\u30d5\u30a3\u30fc\u30c9\u30da\u30fc\u30b8\u3092\u63a5\u7d9a\u3059\u308b",children:"\u30d5\u30a3\u30fc\u30c9\u30da\u30fc\u30b8\u3092\u63a5\u7d9a\u3059\u308b"}),"\n",(0,t.jsxs)(n.p,{children:["\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u306e\u30eb\u30fc\u30c8\uff08",(0,t.jsx)(n.code,{children:"/"}),"\uff09\u3092\u30d5\u30a3\u30fc\u30c9\u30da\u30fc\u30b8\u306b\u63a5\u7d9a\u3057\u307e\u3057\u3087\u3046\u3002",(0,t.jsx)(n.code,{children:"pages/feed/ui"}),"\u306b",(0,t.jsx)(n.code,{children:"FeedPage.tsx"}),"\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u4f5c\u6210\u3057\u3001\u6b21\u306e\u5185\u5bb9\u3092\u5165\u308c\u307e\u3059\u3002"]}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/feed/ui/FeedPage.tsx"',children:'export function FeedPage() {\n  return (\n    <div className="home-page">\n      <div className="banner">\n        <div className="container">\n          <h1 className="logo-font">conduit</h1>\n          <p>\u77e5\u8b58\u3092\u5171\u6709\u3059\u308b\u5834</p>\n        </div>\n      </div>\n    </div>\n  );\n}\n'})}),"\n",(0,t.jsx)(n.p,{children:"\u6b21\u306b\u3001\u3053\u306e\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u30d5\u30a3\u30fc\u30c9\u30da\u30fc\u30b8\u306e\u516c\u958bAPI\u306b\u518d\u30a8\u30af\u30b9\u30dd\u30fc\u30c8\u3057\u307e\u3059\u3002"}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/feed/index.ts"',children:'export { FeedPage } from "./ui/FeedPage";\n'})}),"\n",(0,t.jsxs)(n.p,{children:["\u6b21\u306b\u3001\u30eb\u30fc\u30c8\u306b\u63a5\u7d9a\u3057\u307e\u3059\u3002Remix\u3067\u306f\u3001\u30eb\u30fc\u30c6\u30a3\u30f3\u30b0\u306f\u30d5\u30a1\u30a4\u30eb\u306b\u57fa\u3065\u3044\u3066\u3044\u3066\u3001\u30eb\u30fc\u30c8\u30d5\u30a1\u30a4\u30eb\u306f",(0,t.jsx)(n.code,{children:"app/routes"}),"\u30d5\u30a9\u30eb\u30c0\u30fc\u306b\u3042\u308a\u307e\u3059\u3002\u3053\u308c\u306fFeature-Sliced Design\u3068\u3088\u304f\u7d44\u307f\u5408\u3063\u3066\u3044\u307e\u3059\u3002"]}),"\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.code,{children:"app/routes/_index.tsx"}),"\u3067",(0,t.jsx)(n.code,{children:"FeedPage"}),"\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u4f7f\u7528\u3057\u307e\u3059\u3002"]}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-tsx",metastring:'title="app/routes/_index.tsx"',children:'import type { MetaFunction } from "@remix-run/node";\nimport { FeedPage } from "pages/feed";\n\nexport const meta: MetaFunction = () => {\n  return [{ title: "Conduit" }];\n};\n\nexport default FeedPage;\n'})}),"\n",(0,t.jsx)(n.p,{children:"\u3053\u308c\u3067\u3001dev\u30b5\u30fc\u30d0\u30fc\u3092\u8d77\u52d5\u3057\u3001\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u3092\u958b\u304f\u3068\u3001Conduit\u306e\u30d0\u30ca\u30fc\u304c\u8868\u793a\u3055\u308c\u308b\u306f\u305a\u3067\u3059\uff01"}),"\n",(0,t.jsx)(n.p,{children:(0,t.jsx)(n.img,{alt:"Conduit\u306e\u30d0\u30ca\u30fc",src:r(8891).A+"",width:"2880",height:"338"})}),"\n",(0,t.jsx)(n.h3,{id:"api\u30af\u30e9\u30a4\u30a2\u30f3\u30c8",children:"API\u30af\u30e9\u30a4\u30a2\u30f3\u30c8"}),"\n",(0,t.jsxs)(n.p,{children:["RealWorld\u306e\u30d0\u30c3\u30af\u30a8\u30f3\u30c9\u3068\u901a\u4fe1\u3059\u308b\u305f\u3081\u306b\u3001Shared\u5c64\u5185\u306b\u4fbf\u5229\u306aAPI\u30af\u30e9\u30a4\u30a2\u30f3\u30c8\u3092\u4f5c\u6210\u3057\u307e\u3057\u3087\u3046\u3002\u30af\u30e9\u30a4\u30a2\u30f3\u30c8\u7528\u306e",(0,t.jsx)(n.code,{children:"api"}),"\u30bb\u30b0\u30e1\u30f3\u30c8\u3068\u3001\u30d0\u30c3\u30af\u30a8\u30f3\u30c9\u306e\u57fa\u672cURL\u306a\u3069\u306e\u5909\u6570\u7528\u306e",(0,t.jsx)(n.code,{children:"config"}),"\u30bb\u30b0\u30e1\u30f3\u30c8\u3092\u4f5c\u6210\u3057\u307e\u3059\u3002"]}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-bash",children:"npx fsd shared --segments api config\n"})}),"\n",(0,t.jsxs)(n.p,{children:["\u6b21\u306b\u3001",(0,t.jsx)(n.code,{children:"shared/config/backend.ts"}),"\u3092\u4f5c\u6210\u3057\u307e\u3059\u3002"]}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-tsx",metastring:'title="shared/config/backend.ts"',children:'export const backendBaseUrl = "https://api.realworld.io/api";\n'})}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-tsx",metastring:'title="shared/config/index.ts"',children:'export { backendBaseUrl } from "./backend";\n'})}),"\n",(0,t.jsxs)(n.p,{children:["RealWorld\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u306f",(0,t.jsx)(n.a,{href:"https://github.com/gothinkster/realworld/blob/main/api/openapi.yml",children:"OpenAPI\u4ed5\u69d8"}),"\u3092\u63d0\u4f9b\u3057\u3066\u3044\u308b\u305f\u3081\u3001API\u30af\u30e9\u30a4\u30a2\u30f3\u30c8\u306e\u578b\u3092\u81ea\u52d5\u7684\u306b\u751f\u6210\u3067\u304d\u307e\u3059\u3002\u79c1\u305f\u3061\u306f",(0,t.jsxs)(n.a,{href:"https://openapi-ts.pages.dev/openapi-fetch/",children:[(0,t.jsx)(n.code,{children:"openapi-fetch"}),"\u30d1\u30c3\u30b1\u30fc\u30b8"]}),"\u3092\u4f7f\u7528\u3057\u307e\u3059\u3002\u3053\u306e\u30d1\u30c3\u30b1\u30fc\u30b8\u306b\u306fTypeScript\u306e\u578b\u3092\u81ea\u52d5\u751f\u6210\u3059\u308b\u30c4\u30fc\u30eb\u3082\u542b\u307e\u308c\u3066\u3044\u307e\u3059\u3002"]}),"\n",(0,t.jsx)(n.p,{children:"\u6b21\u306e\u30b3\u30de\u30f3\u30c9\u3092\u5b9f\u884c\u3057\u3066\u3001API\u306e\u6700\u65b0\u306e\u578b\u3092\u751f\u6210\u3057\u307e\u3057\u3087\u3046\u3002"}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-bash",children:"npm run generate-api-types\n"})}),"\n",(0,t.jsxs)(n.p,{children:["\u305d\u306e\u7d50\u679c\u3001",(0,t.jsx)(n.code,{children:"shared/api/v1.d.ts"}),"\u30d5\u30a1\u30a4\u30eb\u304c\u4f5c\u6210\u3055\u308c\u307e\u3059\u3002\u3053\u306e\u30d5\u30a1\u30a4\u30eb\u3092\u4f7f\u7528\u3057\u3066\u3001",(0,t.jsx)(n.code,{children:"shared/api/client.ts"}),"\u3067\u578b\u4ed8\u304dAPI\u30af\u30e9\u30a4\u30a2\u30f3\u30c8\u3092\u4f5c\u6210\u3057\u307e\u3059\u3002"]}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-tsx",metastring:'title="shared/api/client.ts"',children:'import createClient from "openapi-fetch";\n\nimport { backendBaseUrl } from "shared/config";\nimport type { paths } from "./v1";\n\nexport const { GET, POST, PUT, DELETE } = createClient<paths>({ baseUrl: backendBaseUrl });\n'})}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-tsx",metastring:'title="shared/api/index.ts"',children:'export { GET, POST, PUT, DELETE } from "./client";\n'})}),"\n",(0,t.jsx)(n.h3,{id:"\u30d5\u30a3\u30fc\u30c9\u5185\u306e\u5b9f\u30c7\u30fc\u30bf",children:"\u30d5\u30a3\u30fc\u30c9\u5185\u306e\u5b9f\u30c7\u30fc\u30bf"}),"\n",(0,t.jsx)(n.p,{children:"\u3053\u308c\u3067\u3001\u30d0\u30c3\u30af\u30a8\u30f3\u30c9\u304b\u3089\u8a18\u4e8b\u3092\u53d6\u5f97\u3057\u3001\u30d5\u30a3\u30fc\u30c9\u306b\u8ffd\u52a0\u3067\u304d\u307e\u3059\u3002\u307e\u305a\u3001\u8a18\u4e8b\u30d7\u30ec\u30d3\u30e5\u30fc\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u5b9f\u88c5\u3057\u307e\u3057\u3087\u3046\u3002"}),"\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.code,{children:"pages/feed/ui/ArticlePreview.tsx"}),"\u3092\u4f5c\u6210\u3057\u3001\u6b21\u306e\u5185\u5bb9\u3092\u8a18\u8ff0\u3057\u307e\u3059\u3002"]}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/feed/ui/ArticlePreview.tsx"',children:"export function ArticlePreview({ article }) { /* TODO */ }\n"})}),"\n",(0,t.jsxs)(n.p,{children:["\u79c1\u305f\u3061\u306fTypeScript\u3092\u4f7f\u3063\u3066\u3044\u308b\u306e\u3067\u3001\u578b\u4ed8\u304d\u306eArticle\u30aa\u30d6\u30b8\u30a7\u30af\u30c8\u3092\u6301\u3064\u3068\u826f\u3044\u3067\u3057\u3087\u3046\u3002\u751f\u6210\u3055\u308c\u305f",(0,t.jsx)(n.code,{children:"v1.d.ts"}),"\u3092\u8abf\u3079\u308b\u3068\u3001Article\u30aa\u30d6\u30b8\u30a7\u30af\u30c8\u306f",(0,t.jsx)(n.code,{children:'components["schemas"]["Article"]'}),"\u3092\u4ecb\u3057\u3066\u5229\u7528\u53ef\u80fd\u3067\u3042\u308b\u3053\u3068\u304c\u308f\u304b\u308a\u307e\u3059\u3002\u3053\u308c\u3067Shared\u5c64\u5185\u306b\u30c7\u30fc\u30bf\u30e2\u30c7\u30eb\u3092\u6301\u3064\u30d5\u30a1\u30a4\u30eb\u3092\u4f5c\u6210\u3057\u3001\u30e2\u30c7\u30eb\u3092\u30a8\u30af\u30b9\u30dd\u30fc\u30c8\u3057\u307e\u3057\u3087\u3046\u3002"]}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-tsx",metastring:'title="shared/api/models.ts"',children:'import type { components } from "./v1";\n\nexport type Article = components["schemas"]["Article"];\n'})}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-tsx",metastring:'title="shared/api/index.ts"',children:'export { GET, POST, PUT, DELETE } from "./client";\n\nexport type { Article } from "./models";\n'})}),"\n",(0,t.jsx)(n.p,{children:"\u3053\u308c\u3067\u3001\u8a18\u4e8b\u30d7\u30ec\u30d3\u30e5\u30fc\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306b\u623b\u3063\u3066\u3001\u30c7\u30fc\u30bf\u3067\u30de\u30fc\u30af\u30a2\u30c3\u30d7\u3092\u57cb\u3081\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002\u6b21\u306e\u5185\u5bb9\u3092\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306b\u8ffd\u52a0\u3057\u307e\u3059\u3002"}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/feed/ui/ArticlePreview.tsx"',children:'import { Link } from "@remix-run/react";\nimport type { Article } from "shared/api";\n\ninterface ArticlePreviewProps {\n  article: Article;\n}\n\nexport function ArticlePreview({ article }: ArticlePreviewProps) {\n  return (\n    <div className="article-preview">\n      <div className="article-meta">\n        <Link to={`/profile/${article.author.username}`} prefetch="intent">\n          <img src={article.author.image} alt="" />\n        </Link>\n        <div className="info">\n          <Link\n            to={`/profile/${article.author.username}`}\n            className="author"\n            prefetch="intent"\n          >\n            {article.author.username}\n          </Link>\n          <span className="date" suppressHydrationWarning>\n            {new Date(article.createdAt).toLocaleDateString(undefined, {\n              dateStyle: "long",\n            })}\n          </span>\n        </div>\n        <button className="btn btn-outline-primary btn-sm pull-xs-right">\n          <i className="ion-heart"></i> {article.favoritesCount}\n        </button>\n      </div>\n      <Link\n        to={`/article/${article.slug}`}\n        className="preview-link"\n        prefetch="intent"\n      >\n        <h1>{article.title}</h1>\n        <p>{article.description}</p>\n        <span>\u7d9a\u304d\u3092\u8aad\u3080...</span>\n        <ul className="tag-list">\n          {article.tagList.map((tag) => (\n            <li key={tag} className="tag-default tag-pill tag-outline">\n              {tag}\n            </li>\n          ))}\n        </ul>\n      </Link>\n    </div>\n  );\n}\n'})}),"\n",(0,t.jsx)(n.p,{children:"\u300c\u3044\u3044\u306d\u300d\u30dc\u30bf\u30f3\u306f\u307e\u3060\u6a5f\u80fd\u3057\u3066\u3044\u307e\u305b\u3093\u3002\u305d\u308c\u306f\u8a18\u4e8b\u306e\u8aad\u307f\u53d6\u308a\u30da\u30fc\u30b8\u306b\u79fb\u52d5\u3057\u3066\u3001\u300c\u3044\u3044\u306d\u300d\u6a5f\u80fd\u3092\u5b9f\u88c5\u3059\u308b\u3068\u304d\u306b\u4fee\u6b63\u3057\u307e\u3059\u3002"}),"\n",(0,t.jsxs)(n.p,{children:["\u3053\u308c\u3067\u3001\u8a18\u4e8b\u3092\u53d6\u5f97\u3057\u3066\u3001\u305f\u304f\u3055\u3093\u306e\u30d7\u30ec\u30d3\u30e5\u30fc\u30ab\u30fc\u30c9\u3092\u8868\u793a\u3067\u304d\u307e\u3059\u3002Remix\u3067\u306f\u3001\u30c7\u30fc\u30bf\u306e\u53d6\u5f97\u306f",(0,t.jsx)(n.em,{children:"\u30ed\u30fc\u30c0\u30fc"}),"\u3092\u4f7f\u7528\u3057\u3066\u884c\u308f\u308c\u307e\u3059\u3002\u30ed\u30fc\u30c0\u30fc\u306f\u3001\u30da\u30fc\u30b8\u306b\u5fc5\u8981\u306a\u30c7\u30fc\u30bf\u3092\u53ce\u96c6\u3059\u308b\u30b5\u30fc\u30d0\u30fc\u95a2\u6570\u3067\u3059\u3002\u30ed\u30fc\u30c0\u30fc\u306f\u30da\u30fc\u30b8\u306e\u4ee3\u308f\u308a\u306bAPI\u3068\u3084\u308a\u53d6\u308a\u3092\u3059\u308b\u305f\u3081\u3001",(0,t.jsx)(n.code,{children:"api"}),"\u30bb\u30b0\u30e1\u30f3\u30c8\u306b\u914d\u7f6e\u3057\u307e\u3059\u3002"]}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/feed/api/loader.ts"',children:'import { json } from "@remix-run/node";\n\nimport { GET } from "shared/api";\n\nexport const loader = async () => {\n  const { data: articles, error, response } = await GET("/articles");\n\n  if (error !== undefined) {\n    throw json(error, { status: response.status });\n  }\n\n  return json({ articles });\n};\n'})}),"\n",(0,t.jsxs)(n.p,{children:["\u3053\u308c\u3092\u30da\u30fc\u30b8\u306b\u63a5\u7d9a\u3059\u308b\u306b\u306f\u3001\u30eb\u30fc\u30c8\u30d5\u30a1\u30a4\u30eb\u304b\u3089",(0,t.jsx)(n.code,{children:"loader"}),"\u3068\u3057\u3066\u30a8\u30af\u30b9\u30dd\u30fc\u30c8\u3059\u308b\u5fc5\u8981\u304c\u3042\u308a\u307e\u3059\u3002"]}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/feed/index.ts"',children:'export { FeedPage } from "./ui/FeedPage";\nexport { loader } from "./api/loader";\n'})}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-tsx",metastring:'title="app/routes/_index.tsx"',children:'import type { MetaFunction } from "@remix-run/node";\nimport { FeedPage } from "pages/feed";\n\nexport { loader } from "pages/feed";\n\nexport const meta: MetaFunction = () => {\n  return [{ title: "Conduit" }];\n};\n\nexport default FeedPage;\n'})}),"\n",(0,t.jsxs)(n.p,{children:["\u6700\u5f8c\u306e\u30b9\u30c6\u30c3\u30d7\u306f\u3001\u3053\u308c\u3089\u306e\u30ab\u30fc\u30c9\u3092\u30d5\u30a3\u30fc\u30c9\u306b\u8868\u793a\u3059\u308b\u3053\u3068\u3067\u3059\u3002",(0,t.jsx)(n.code,{children:"FeedPage"}),"\u3092\u6b21\u306e\u30b3\u30fc\u30c9\u3067\u66f4\u65b0\u3057\u307e\u3059\u3002"]}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/feed/ui/FeedPage.tsx"',children:'import { useLoaderData } from "@remix-run/react";\n\nimport type { loader } from "../api/loader";\nimport { ArticlePreview } from "./ArticlePreview";\n\nexport function FeedPage() {\n  const { articles } = useLoaderData<typeof loader>();\n\n  return (\n    <div className="home-page">\n      <div className="banner">\n        <div className="container">\n          <h1 className="logo-font">conduit</h1>\n          <p>\u77e5\u8b58\u3092\u5171\u6709\u3059\u308b\u5834</p>\n        </div>\n      </div>\n\n      <div className="container page">\n        <div className="row">\n          <div className="col-md-9">\n            {articles.articles.map((article) => (\n              <ArticlePreview key={article.slug} article={article} />\n            ))}\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n}\n'})}),"\n",(0,t.jsx)(n.h3,{id:"\u30bf\u30b0\u306b\u3088\u308b\u30d5\u30a3\u30eb\u30bf\u30ea\u30f3\u30b0",children:"\u30bf\u30b0\u306b\u3088\u308b\u30d5\u30a3\u30eb\u30bf\u30ea\u30f3\u30b0"}),"\n",(0,t.jsxs)(n.p,{children:["\u30bf\u30b0\u306b\u95a2\u3057\u3066\u306f\u3001\u30d0\u30c3\u30af\u30a8\u30f3\u30c9\u304b\u3089\u53d6\u5f97\u3057\u3001\u30e6\u30fc\u30b6\u30fc\u304c\u9078\u629e\u3057\u305f\u30bf\u30b0\u3092\u8a18\u61b6\u3059\u308b\u5fc5\u8981\u304c\u3042\u308a\u307e\u3059\u3002\u79c1\u305f\u3061\u306f\u30d0\u30c3\u30af\u30a8\u30f3\u30c9\u304b\u3089\u306e\u53d6\u5f97\u65b9\u6cd5\u306f\u3059\u3067\u306b\u77e5\u3063\u3066\u3044\u307e\u3059\u3002\u3053\u308c\u306f\u30ed\u30fc\u30c0\u30fc\u95a2\u6570\u304b\u3089\u306e\u5225\u306e\u30ea\u30af\u30a8\u30b9\u30c8\u3067\u3059\u3002\u3059\u3067\u306b\u30a4\u30f3\u30b9\u30c8\u30fc\u30eb\u3055\u308c\u3066\u3044\u308b",(0,t.jsx)(n.code,{children:"remix-utils"}),"\u30d1\u30c3\u30b1\u30fc\u30b8\u306e\u4fbf\u5229\u306a",(0,t.jsx)(n.code,{children:"promiseHash"}),"\u95a2\u6570\u3092\u4f7f\u7528\u3057\u307e\u3059\u3002"]}),"\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.code,{children:"pages/feed/api/loader.ts"}),"\u306e\u30ed\u30fc\u30c0\u30fc\u3092\u6b21\u306e\u30b3\u30fc\u30c9\u3067\u66f4\u65b0\u3057\u307e\u3059\u3002"]}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/feed/api/loader.ts"',children:'import { json } from "@remix-run/node";\nimport type { FetchResponse } from "openapi-fetch";\nimport { promiseHash } from "remix-utils/promise";\n\nimport { GET } from "shared/api";\n\nasync function throwAnyErrors<T, O, Media extends `${string}/${string}`>(\n  responsePromise: Promise<FetchResponse<T, O, Media>>,\n) {\n  const { data, error, response } = await responsePromise;\n\n  if (error !== undefined) {\n    throw json(error, { status: response.status });\n  }\n\n  return data as NonNullable<typeof data>;\n}\n\nexport const loader = async () => {\n  return json(\n    await promiseHash({\n      articles: throwAnyErrors(GET("/articles")),\n      tags: throwAnyErrors(GET("/tags")),\n    }),\n  );\n};\n'})}),"\n",(0,t.jsxs)(n.p,{children:["\u30a8\u30e9\u30fc\u51e6\u7406\u3092\u5171\u901a\u306e",(0,t.jsx)(n.code,{children:"throwAnyErrors"}),"\u95a2\u6570\u306b\u79fb\u3057\u305f\u3053\u3068\u306b\u6c17\u4ed8\u3044\u305f\u3067\u3057\u3087\u3046\u304b\u3002\u305d\u308c\u306f\u304b\u306a\u308a\u4f7f\u3048\u305d\u3046\u306b\u898b\u3048\u308b\u306e\u3067\u3001\u5f8c\u3067\u518d\u5229\u7528\u3059\u308b\u304b\u3082\u3057\u308c\u307e\u305b\u3093\u3002"]}),"\n",(0,t.jsx)(n.p,{children:"\u30bf\u30b0\u4e00\u89a7\u3092\u30a4\u30f3\u30bf\u30e9\u30af\u30c6\u30a3\u30d6\u306b\u3059\u308b\u5fc5\u8981\u304c\u3042\u308a\u307e\u3059\u3002\u30bf\u30b0\u3092\u30af\u30ea\u30c3\u30af\u3059\u308b\u3068\u3001\u305d\u306e\u30bf\u30b0\u304c\u9078\u629e\u3055\u308c\u308b\u3088\u3046\u306b\u3057\u307e\u3059\u3002Remix\u306e\u4f1d\u7d71\u306b\u5f93\u3044\u3001\u9078\u629e\u3055\u308c\u305f\u30bf\u30b0\u306e\u30b9\u30c8\u30ec\u30fc\u30b8\u3068\u3057\u3066URL\u306e\u30af\u30a8\u30ea\u30d1\u30e9\u30e1\u30fc\u30bf\u3092\u4f7f\u7528\u3057\u307e\u3059\u3002\u30d6\u30e9\u30a6\u30b6\u306b\u30b9\u30c8\u30ec\u30fc\u30b8\u3092\u4efb\u305b\u3001\u79c1\u305f\u3061\u306f\u3088\u308a\u91cd\u8981\u306a\u3053\u3068\u306b\u96c6\u4e2d\u3057\u307e\u3057\u3087\u3046\u3002"}),"\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.code,{children:"pages/feed/ui/FeedPage.tsx"}),"\u3092\u6b21\u306e\u30b3\u30fc\u30c9\u3067\u66f4\u65b0\u3057\u307e\u3059\u3002"]}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/feed/ui/FeedPage.tsx"',children:'import { Form, useLoaderData } from "@remix-run/react";\nimport { ExistingSearchParams } from "remix-utils/existing-search-params";\n\nimport type { loader } from "../api/loader";\nimport { ArticlePreview } from "./ArticlePreview";\n\nexport function FeedPage() {\n  const { articles, tags } = useLoaderData<typeof loader>();\n\n  return (\n    <div className="home-page">\n      <div className="banner">\n        <div className="container">\n          <h1 className="logo-font">conduit</h1>\n          <p>\u77e5\u8b58\u3092\u5171\u6709\u3059\u308b\u5834</p>\n        </div>\n      </div>\n\n      <div className="container page">\n        <div className="row">\n          <div className="col-md-9">\n            {articles.articles.map((article) => (\n              <ArticlePreview key={article.slug} article={article} />\n            ))}\n          </div>\n\n          <div className="col-md-3">\n            <div className="sidebar">\n              <p>\u4eba\u6c17\u306e\u30bf\u30b0</p>\n\n              <Form>\n                <ExistingSearchParams exclude={["tag"]} />\n                <div className="tag-list">\n                  {tags.tags.map((tag) => (\n                    <button\n                      key={tag}\n                      name="tag"\n                      value={tag}\n                      className="tag-pill tag-default"\n                    >\n                      {tag}\n                    </button>\n                  ))}\n                </div>\n              </Form>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n}\n'})}),"\n",(0,t.jsxs)(n.p,{children:["\u6b21\u306b\u3001\u30bf\u30b0\u306e\u691c\u7d22\u30d1\u30e9\u30e1\u30fc\u30bf\u3092\u30ed\u30fc\u30c0\u30fc\u3067\u4f7f\u7528\u3059\u308b\u5fc5\u8981\u304c\u3042\u308a\u307e\u3059\u3002",(0,t.jsx)(n.code,{children:"pages/feed/api/loader.ts"}),"\u306e",(0,t.jsx)(n.code,{children:"loader"}),"\u95a2\u6570\u3092\u6b21\u306e\u3088\u3046\u306b\u5909\u66f4\u3057\u307e\u3059\u3002"]}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/feed/api/loader.ts"',children:'import { json, type LoaderFunctionArgs } from "@remix-run/node";\nimport type { FetchResponse } from "openapi-fetch";\nimport { promiseHash } from "remix-utils/promise";\n\nimport { GET } from "shared/api";\n\nasync function throwAnyErrors<T, O, Media extends `${string}/${string}`>(\n  responsePromise: Promise<FetchResponse<T, O, Media>>,\n) {\n  const { data, error, response } = await responsePromise;\n\n  if (error !== undefined) {\n    throw json(error, { status: response.status });\n  }\n\n  return data as NonNullable<typeof data>;\n}\n\nexport const loader = async ({ request }: LoaderFunctionArgs) => {\n  const url = new URL(request.url);\n  const selectedTag = url.searchParams.get("tag") ?? undefined;\n\n  return json(\n    await promiseHash({\n      articles: throwAnyErrors(\n        GET("/articles", { params: { query: { tag: selectedTag } } }),\n      ),\n      tags: throwAnyErrors(GET("/tags")),\n    }),\n  );\n};\n'})}),"\n",(0,t.jsxs)(n.p,{children:["\u4ee5\u4e0a\u3067\u3059\u3002\u6700\u7d42\u7684\u306b",(0,t.jsx)(n.code,{children:"model"}),"\u30bb\u30b0\u30e1\u30f3\u30c8\u306f\u5fc5\u8981\u3042\u308a\u307e\u305b\u3093\u3067\u3057\u305f\u3002Remix\u306f\u3059\u3054\u3044\u3067\u3059\u3088\u306d\u3002"]}),"\n",(0,t.jsx)(n.h3,{id:"\u30da\u30fc\u30b8\u30cd\u30fc\u30b7\u30e7\u30f3",children:"\u30da\u30fc\u30b8\u30cd\u30fc\u30b7\u30e7\u30f3"}),"\n",(0,t.jsx)(n.p,{children:"\u540c\u69d8\u306b\u3001\u30da\u30fc\u30b8\u30cd\u30fc\u30b7\u30e7\u30f3\u3092\u5b9f\u88c5\u3067\u304d\u307e\u3059\u3002\u81ea\u5206\u3067\u5b9f\u88c5\u3057\u3066\u307f\u3066\u3082\u3001\u4ee5\u4e0b\u306e\u30b3\u30fc\u30c9\u3092\u30b3\u30d4\u30fc\u3057\u3066\u3082\u826f\u3044\u3067\u3059\u3002"}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/feed/api/loader.ts"',children:'import { json, type LoaderFunctionArgs } from "@remix-run/node";\nimport type { FetchResponse } from "openapi-fetch";\nimport { promiseHash } from "remix-utils/promise";\n\nimport { GET } from "shared/api";\n\nasync function throwAnyErrors<T, O, Media extends `${string}/${string}`>(\n  responsePromise: Promise<FetchResponse<T, O, Media>>,\n) {\n  const { data, error, response } = await responsePromise;\n\n  if (error !== undefined) {\n    throw json(error, { status: response.status });\n  }\n\n  return data as NonNullable<typeof data>;\n}\n\n/** 1\u30da\u30fc\u30b8\u3042\u305f\u308a\u306e\u8a18\u4e8b\u306e\u6570\u3002 */\nexport const LIMIT = 20;\n\nexport const loader = async ({ request }: LoaderFunctionArgs) => {\n  const url = new URL(request.url);\n  const selectedTag = url.searchParams.get("tag") ?? undefined;\n  const page = parseInt(url.searchParams.get("page") ?? "", 10);\n\n  return json(\n    await promiseHash({\n      articles: throwAnyErrors(\n        GET("/articles", {\n          params: {\n            query: {\n              tag: selectedTag,\n              limit: LIMIT,\n              offset: !Number.isNaN(page) ? page * LIMIT : undefined,\n            },\n          },\n        }),\n      ),\n      tags: throwAnyErrors(GET("/tags")),\n    }),\n  );\n};\n'})}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/feed/ui/FeedPage.tsx"',children:'import { Form, useLoaderData, useSearchParams } from "@remix-run/react";\nimport { ExistingSearchParams } from "remix-utils/existing-search-params";\n\nimport { LIMIT, type loader } from "../api/loader";\nimport { ArticlePreview } from "./ArticlePreview";\n\nexport function FeedPage() {\n  const [searchParams] = useSearchParams();\n  const { articles, tags } = useLoaderData<typeof loader>();\n  const pageAmount = Math.ceil(articles.articlesCount / LIMIT);\n  const currentPage = parseInt(searchParams.get("page") ?? "1", 10);\n\n  return (\n    <div className="home-page">\n      <div className="banner">\n        <div className="container">\n          <h1 className="logo-font">conduit</h1>\n          <p>\u77e5\u8b58\u3092\u5171\u6709\u3059\u308b\u5834</p>\n        </div>\n      </div>\n\n      <div className="container page">\n        <div className="row">\n          <div className="col-md-9">\n            {articles.articles.map((article) => (\n              <ArticlePreview key={article.slug} article={article} />\n            ))}\n\n            <Form>\n              <ExistingSearchParams exclude={["page"]} />\n              <ul className="pagination">\n                {Array(pageAmount)\n                  .fill(null)\n                  .map((_, index) =>\n                    index + 1 === currentPage ? (\n                      <li key={index} className="page-item active">\n                        <span className="page-link">{index + 1}</span>\n                      </li>\n                    ) : (\n                      <li key={index} className="page-item">\n                        <button\n                          className="page-link"\n                          name="page"\n                          value={index + 1}\n                        >\n                          {index + 1}\n                        </button>\n                      </li>\n                    ),\n                  )}\n              </ul>\n            </Form>\n          </div>\n\n          <div className="col-md-3">\n            <div className="sidebar">\n              <p>\u4eba\u6c17\u306e\u30bf\u30b0</p>\n\n              <Form>\n                <ExistingSearchParams exclude={["tag", "page"]} />\n                <div className="tag-list">\n                  {tags.tags.map((tag) => (\n                    <button\n                      key={tag}\n                      name="tag"\n                      value={tag}\n                      className="tag-pill tag-default"\n                    >\n                      {tag}\n                    </button>\n                  ))}\n                </div>\n              </Form>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n}\n'})}),"\n",(0,t.jsx)(n.p,{children:"\u3088\u3057\u3001\u3053\u308c\u3082\u5b9f\u73fe\u3057\u307e\u3057\u305f\u3002\u30bf\u30b0\u4e00\u89a7\u3082\u540c\u69d8\u306b\u5b9f\u88c5\u3067\u304d\u307e\u3059\u304c\u3001\u8a8d\u8a3c\u3092\u5b9f\u88c5\u3059\u308b\u307e\u3067\u5f85\u3061\u307e\u3057\u3087\u3046\u3002\u3068\u3053\u308d\u3067\u3001\u8a8d\u8a3c\u306b\u3064\u3044\u3066\u3067\u3059\u304c\uff01"}),"\n",(0,t.jsx)(n.h3,{id:"\u8a8d\u8a3c",children:"\u8a8d\u8a3c"}),"\n",(0,t.jsxs)(n.p,{children:["\u8a8d\u8a3c\u306b\u306f\u3001\u30ed\u30b0\u30a4\u30f3\u7528\u306e\u30da\u30fc\u30b8\u3068\u767b\u9332\u7528\u306e\u30da\u30fc\u30b8\u306e2\u3064\u304c\u3042\u308a\u307e\u3059\u3002\u3053\u308c\u3089\u306f\u4e3b\u306b\u975e\u5e38\u306b\u4f3c\u3066\u3044\u308b\u305f\u3081\u3001\u5fc5\u8981\u306b\u5fdc\u3058\u3066\u30b3\u30fc\u30c9\u3092\u518d\u5229\u7528\u3067\u304d\u308b\u3088\u3046\u306b\u30011\u3064\u306e",(0,t.jsx)(n.code,{children:"sign-in"}),"\u30bb\u30b0\u30e1\u30f3\u30c8\u306b\u4fdd\u6301\u3059\u308b\u306e\u304c\u7406\u306b\u304b\u306a\u3063\u3066\u3044\u307e\u3059\u3002"]}),"\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.code,{children:"pages/sign-in"}),"\u306e",(0,t.jsx)(n.code,{children:"ui"}),"\u30bb\u30b0\u30e1\u30f3\u30c8\u306b",(0,t.jsx)(n.code,{children:"RegisterPage.tsx"}),"\u3092\u4f5c\u6210\u3057\u3001\u6b21\u306e\u5185\u5bb9\u3092\u914d\u7f6e\u3057\u307e\u3059\u3002"]}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/sign-in/ui/RegisterPage.tsx"',children:'import { Form, Link, useActionData } from "@remix-run/react";\n\nimport type { register } from "../api/register";\n\nexport function RegisterPage() {\n  const registerData = useActionData<typeof register>();\n\n  return (\n    <div className="auth-page">\n      <div className="container page">\n        <div className="row">\n          <div className="col-md-6 offset-md-3 col-xs-12">\n            <h1 className="text-xs-center">\u767b\u9332</h1>\n            <p className="text-xs-center">\n              <Link to="/login">\u30a2\u30ab\u30a6\u30f3\u30c8\u3092\u304a\u6301\u3061\u3067\u3059\u304b\uff1f</Link>\n            </p>\n\n            {registerData?.error && (\n              <ul className="error-messages">\n                {registerData.error.errors.body.map((error) => (\n                  <li key={error}>{error}</li>\n                ))}\n              </ul>\n            )}\n\n            <Form method="post">\n              <fieldset className="form-group">\n                <input\n                  className="form-control form-control-lg"\n                  type="text"\n                  name="username"\n                  placeholder="\u30e6\u30fc\u30b6\u30fc\u540d"\n                />\n              </fieldset>\n              <fieldset className="form-group">\n                <input\n                  className="form-control form-control-lg"\n                  type="text"\n                  name="email"\n                  placeholder="\u30e1\u30fc\u30eb\u30a2\u30c9\u30ec\u30b9"\n                />\n              </fieldset>\n              <fieldset className="form-group">\n                <input\n                  className="form-control form-control-lg"\n                  type="password"\n                  name="password"\n                  placeholder="\u30d1\u30b9\u30ef\u30fc\u30c9"\n                />\n              </fieldset>\n              <button className="btn btn-lg btn-primary pull-xs-right">\n                \u767b\u9332\n              </button>\n            </Form>\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n}\n'})}),"\n",(0,t.jsx)(n.p,{children:"\u3053\u308c\u304b\u3089\u306f\u58ca\u308c\u305f\u30a4\u30f3\u30dd\u30fc\u30c8\u3092\u4fee\u6b63\u3059\u308b\u5fc5\u8981\u304c\u3042\u308a\u307e\u3059\u3002\u30a4\u30f3\u30dd\u30fc\u30c8\u304c\u65b0\u3057\u3044\u30bb\u30b0\u30e1\u30f3\u30c8\u306b\u30a2\u30af\u30bb\u30b9\u3057\u3066\u3044\u308b\u305f\u3081\u3001\u6b21\u306e\u30b3\u30de\u30f3\u30c9\u3067\u305d\u306e\u30bb\u30b0\u30e1\u30f3\u30c8\u3092\u4f5c\u6210\u3057\u307e\u3057\u3087\u3046\u3002"}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-bash",children:"npx fsd pages sign-in -s api\n"})}),"\n",(0,t.jsx)(n.p,{children:"\u305f\u3060\u3057\u3001\u767b\u9332\u306e\u30d0\u30c3\u30af\u30a8\u30f3\u30c9\u90e8\u5206\u3092\u5b9f\u88c5\u3059\u308b\u524d\u306b\u3001Remix\u306e\u30bb\u30c3\u30b7\u30e7\u30f3\u51e6\u7406\u306e\u305f\u3081\u306e\u30a4\u30f3\u30d5\u30e9\u30b3\u30fc\u30c9\u304c\u5fc5\u8981\u3067\u3059\u3002\u3053\u308c\u306f\u4ed6\u306e\u30da\u30fc\u30b8\u3067\u3082\u5fc5\u8981\u306b\u306a\u308b\u53ef\u80fd\u6027\u304c\u3042\u308b\u305f\u3081\u3001Shared\u5c64\u306b\u914d\u7f6e\u3057\u307e\u3059\u3002"}),"\n",(0,t.jsxs)(n.p,{children:["\u6b21\u306e\u30b3\u30fc\u30c9\u3092",(0,t.jsx)(n.code,{children:"shared/api/auth.server.ts"}),"\u306b\u914d\u7f6e\u3057\u307e\u3057\u3087\u3046\u3002\u3053\u306e\u30b3\u30fc\u30c9\u306fRemix\u306b\u7279\u6709\u306e\u3082\u306e\u3067\u3042\u308a\u3001\u3059\u3079\u3066\u304c\u7406\u89e3\u3067\u304d\u306a\u304f\u3066\u3082\u5fc3\u914d\u3057\u306a\u3044\u3067\u304f\u3060\u3055\u3044\u3002\u5358\u306b\u30b3\u30d4\u30fc\u3057\u3066\u8cbc\u308a\u4ed8\u3051\u3066\u304f\u3060\u3055\u3044\u3002"]}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-tsx",metastring:'title="shared/api/auth.server.ts"',children:'import { createCookieSessionStorage, redirect } from "@remix-run/node";\nimport invariant from "tiny-invariant";\n\nimport type { User } from "./models";\n\ninvariant(\n  process.env.SESSION_SECRET,\n  "SESSION_SECRET must be set for authentication to work",\n);\n\nconst sessionStorage = createCookieSessionStorage<{\n  user: User;\n}>({\n  cookie: {\n    name: "__session",\n    httpOnly: true,\n    path: "/",\n    sameSite: "lax",\n    secrets: [process.env.SESSION_SECRET],\n    secure: process.env.NODE_ENV === "production",\n  },\n});\n\nexport async function createUserSession({\n  request,\n  user,\n  redirectTo,\n}: {\n  request: Request;\n  user: User;\n  redirectTo: string;\n}) {\n  const cookie = request.headers.get("Cookie");\n  const session = await sessionStorage.getSession(cookie);\n\n  session.set("user", user);\n\n  return redirect(redirectTo, {\n    headers: {\n      "Set-Cookie": await sessionStorage.commitSession(session, {\n        maxAge: 60 * 60 * 24 * 7, // 7\u65e5\u9593\n      }),\n    },\n  });\n}\n\nexport async function getUserFromSession(request: Request) {\n  const cookie = request.headers.get("Cookie");\n  const session = await sessionStorage.getSession(cookie);\n\n  return session.get("user") ?? null;\n}\n\nexport async function requireUser(request: Request) {\n  const user = await getUserFromSession(request);\n\n  if (user === null) {\n    throw redirect("/login");\n  }\n\n  return user;\n}\n'})}),"\n",(0,t.jsxs)(n.p,{children:["\u307e\u305f\u3001",(0,t.jsx)(n.code,{children:"models.ts"}),"\u30d5\u30a1\u30a4\u30eb\u304b\u3089",(0,t.jsx)(n.code,{children:"User"}),"\u30e2\u30c7\u30eb\u3092\u30a8\u30af\u30b9\u30dd\u30fc\u30c8\u3057\u3066\u304f\u3060\u3055\u3044\u3002"]}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-tsx",metastring:'title="shared/api/models.ts"',children:'import type { components } from "./v1";\n\nexport type Article = components["schemas"]["Article"];\nexport type User = components["schemas"]["User"];\n'})}),"\n",(0,t.jsxs)(n.p,{children:["\u3053\u306e\u30b3\u30fc\u30c9\u304c\u52d5\u4f5c\u3059\u308b\u524d\u306b\u3001",(0,t.jsx)(n.code,{children:"SESSION_SECRET"}),"\u74b0\u5883\u5909\u6570\u3092\u8a2d\u5b9a\u3059\u308b\u5fc5\u8981\u304c\u3042\u308a\u307e\u3059\u3002\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u306e\u30eb\u30fc\u30c8\u306b",(0,t.jsx)(n.code,{children:".env"}),"\u30d5\u30a1\u30a4\u30eb\u3092\u4f5c\u6210\u3057\u3001",(0,t.jsx)(n.code,{children:"SESSION_SECRET="}),"\u3092\u8a18\u8ff0\u3057\u3066\u304b\u3089\u3001\u9069\u5f53\u306b\u30e9\u30f3\u30c0\u30e0\u306a\u6587\u5b57\u5217\u3092\u8a18\u5165\u3057\u307e\u3059\u3002\u6b21\u306e\u3088\u3046\u306b\u306a\u308a\u307e\u3059\u3002"]}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-bash",metastring:'title=".env"',children:"SESSION_SECRET=\u3053\u308c\u3092\u30b3\u30d4\u30fc\u3057\u306a\u3044\u3067\u304f\u3060\u3055\u3044\n"})}),"\n",(0,t.jsx)(n.p,{children:"\u6700\u5f8c\u306b\u3001\u516c\u958bAPI\u306b\u3044\u304f\u3064\u304b\u306e\u30a8\u30af\u30b9\u30dd\u30fc\u30c8\u3092\u8ffd\u52a0\u3057\u307e\u3059\u3002"}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-tsx",metastring:'title="shared/api/index.ts"',children:'export { GET, POST, PUT, DELETE } from "./client";\n\nexport type { Article } from "./models";\n\nexport { createUserSession, getUserFromSession, requireUser } from "./auth.server";\n'})}),"\n",(0,t.jsxs)(n.p,{children:["\u3053\u308c\u3067\u3001RealWorld\u306e\u30d0\u30c3\u30af\u30a8\u30f3\u30c9\u3068\u901a\u4fe1\u3059\u308b\u30b3\u30fc\u30c9\u3092\u66f8\u304f\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002\u3053\u308c\u3092",(0,t.jsx)(n.code,{children:"pages/sign-in/api"}),"\u306b\u4fdd\u5b58\u3057\u307e\u3059\u3002",(0,t.jsx)(n.code,{children:"register.ts"}),"\u30d5\u30a1\u30a4\u30eb\u3092\u4f5c\u6210\u3057\u3066\u3001\u4e2d\u306b\u6b21\u306e\u30b3\u30fc\u30c9\u3092\u914d\u7f6e\u3057\u307e\u3057\u3087\u3046\u3002"]}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/sign-in/api/register.ts"',children:'import { json, type ActionFunctionArgs } from "@remix-run/node";\n\nimport { POST, createUserSession } from "shared/api";\n\nexport const register = async ({ request }: ActionFunctionArgs) => {\n  const formData = await request.formData();\n  const username = formData.get("username")?.toString() ?? "";\n  const email = formData.get("email")?.toString() ?? "";\n  const password = formData.get("password")?.toString() ?? "";\n\n  const { data, error } = await POST("/users", {\n    body: { user: { email, password, username } },\n  });\n\n  if (error) {\n    return json({ error }, { status: 400 });\n  } else {\n    return createUserSession({\n      request: request,\n      user: data.user,\n      redirectTo: "/",\n    });\n  }\n};\n'})}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/sign-in/index.ts"',children:"export { RegisterPage } from './ui/RegisterPage';\nexport { register } from './api/register';\n"})}),"\n",(0,t.jsxs)(n.p,{children:["\u307b\u307c\u5b8c\u6210\u3067\u3059\uff01\u6b8b\u308a\u306e\u90e8\u5206\u306f\u3001",(0,t.jsx)(n.code,{children:"/register"}),"\u30eb\u30fc\u30c8\u306b\u30a2\u30af\u30b7\u30e7\u30f3\u3068\u30da\u30fc\u30b8\u3092\u63a5\u7d9a\u3059\u308b\u3053\u3068\u3060\u3051\u3067\u3059\u3002",(0,t.jsx)(n.code,{children:"app/routes"}),"\u3067",(0,t.jsx)(n.code,{children:"register.tsx"}),"\u3092\u4f5c\u6210\u3057\u307e\u3059\u3002"]}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-tsx",metastring:'title="app/routes/register.tsx"',children:'import { RegisterPage, register } from "pages/sign-in";\n\nexport { register as action };\n\nexport default RegisterPage;\n'})}),"\n",(0,t.jsxs)(n.p,{children:["\u3053\u308c\u3067\u3001",(0,t.jsx)(n.a,{href:"http://localhost:3000/register",children:"http://localhost:3000/register"}),"\u306b\u30a2\u30af\u30bb\u30b9\u3059\u308b\u3068\u3001\u30e6\u30fc\u30b6\u30fc\u3092\u4f5c\u6210\u3067\u304d\u307e\u3059\uff01\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u306e\u6b8b\u308a\u306e\u90e8\u5206\u306f\u3001\u307e\u3060\u53cd\u5fdc\u3057\u307e\u305b\u3093\u304c\u3001\u8fd1\u3005\u5bfe\u51e6\u3057\u307e\u3059\u3002"]}),"\n",(0,t.jsx)(n.p,{children:"\u540c\u69d8\u306b\u3001\u30ed\u30b0\u30a4\u30f3\u30da\u30fc\u30b8\u3092\u5b9f\u88c5\u3059\u308b\u3053\u3068\u3082\u3067\u304d\u307e\u3059\u3002\u81ea\u5206\u3067\u5b9f\u88c5\u3057\u3066\u307f\u308b\u304b\u3001\u4e0b\u8a18\u306e\u30b3\u30fc\u30c9\u3092\u30b3\u30d4\u30da\u3059\u308b\u304b\u3001\u6b21\u306b\u9032\u307f\u307e\u3057\u3087\u3046\u3002"}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/sign-in/api/sign-in.ts"',children:'import { json, type ActionFunctionArgs } from "@remix-run/node";\n\nimport { POST, createUserSession } from "shared/api";\n\nexport const signIn = async ({ request }: ActionFunctionArgs) => {\n  const formData = await request.formData();\n  const email = formData.get("email")?.toString() ?? "";\n  const password = formData.get("password")?.toString() ?? "";\n\n  const { data, error } = await POST("/users/login", {\n    body: { user: { email, password } },\n  });\n\n  if (error) {\n    return json({ error }, { status: 400 });\n  } else {\n    return createUserSession({\n      request: request,\n      user: data.user,\n      redirectTo: "/",\n    });\n  }\n};\n'})}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/sign-in/ui/SignInPage.tsx"',children:'import { Form, Link, useActionData } from "@remix-run/react";\n\nimport type { signIn } from "../api/sign-in";\n\nexport function SignInPage() {\n  const signInData = useActionData<typeof signIn>();\n\n  return (\n    <div className="auth-page">\n      <div className="container page">\n        <div className="row">\n          <div className="col-md-6 offset-md-3 col-xs-12">\n            <h1 className="text-xs-center">\u30b5\u30a4\u30f3\u30a4\u30f3</h1>\n            <p className="text-xs-center">\n              <Link to="/register">\u30a2\u30ab\u30a6\u30f3\u30c8\u304c\u5fc5\u8981\u3067\u3059\u304b\uff1f</Link>\n            </p>\n\n            {signInData?.error && (\n              <ul className="error-messages">\n                {signInData.error.errors.body.map((error) => (\n                  <li key={error}>{error}</li>\n                ))}\n              </ul>\n            )}\n\n            <Form method="post">\n              <fieldset className="form-group">\n                <input\n                  className="form-control form-control-lg"\n                  name="email"\n                  type="text"\n                  placeholder="\u30e1\u30fc\u30eb\u30a2\u30c9\u30ec\u30b9"\n                />\n              </fieldset>\n              <fieldset className="form-group">\n                <input\n                  className="form-control form-control-lg"\n                  name="password"\n                  type="password"\n                  placeholder="\u30d1\u30b9\u30ef\u30fc\u30c9"\n                />\n              </fieldset>\n              <button className="btn btn-lg btn-primary pull-xs-right">\n                \u30b5\u30a4\u30f3\u30a4\u30f3\n              </button>\n            </Form>\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n}\n'})}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/sign-in/index.ts"',children:"export { RegisterPage } from './ui/RegisterPage';\nexport { register } from './api/register';\nexport { SignInPage } from './ui/SignInPage';\nexport { signIn } from './api/sign-in';\n"})}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-tsx",metastring:'title="app/routes/login.tsx"',children:'import { SignInPage, signIn } from "pages/sign-in";\n\nexport { signIn as action };\n\nexport default SignInPage;\n'})}),"\n",(0,t.jsx)(n.p,{children:"\u3053\u308c\u3067\u3001\u30e6\u30fc\u30b6\u30fc\u304c\u3053\u308c\u3089\u306e\u30da\u30fc\u30b8\u306b\u30a2\u30af\u30bb\u30b9\u3067\u304d\u308b\u3088\u3046\u306b\u306a\u308a\u307e\u3057\u305f\u3002"}),"\n",(0,t.jsx)(n.h3,{id:"\u30d8\u30c3\u30c0\u30fc",children:"\u30d8\u30c3\u30c0\u30fc"}),"\n",(0,t.jsx)(n.p,{children:"\u524d\u7ae0\u3067\u8aac\u660e\u3055\u308c\u305f\u3088\u3046\u306b\u3001\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u306e\u30d8\u30c3\u30c0\u30fc\u306f\u901a\u5e38Widgets\u5c64\u3001\u307e\u305f\u306fShared\u5c64\u306b\u914d\u7f6e\u3055\u308c\u307e\u3059\u3002\u30d8\u30c3\u30c0\u30fc\u306f\u975e\u5e38\u306b\u30b7\u30f3\u30d7\u30eb\u3067\u3001\u3059\u3079\u3066\u306e\u30d3\u30b8\u30cd\u30b9\u30ed\u30b8\u30c3\u30af\u3092\u5916\u90e8\u306b\u4fdd\u6301\u3067\u304d\u308b\u306e\u3067\u3001Shared\u5c64\u306b\u914d\u7f6e\u3057\u307e\u3057\u3087\u3046\u3002\u30d8\u30c3\u30c0\u30fc\u7528\u306e\u30d5\u30a9\u30eb\u30c0\u30fc\u3092\u4f5c\u6210\u3057\u307e\u3059\u3002"}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-bash",children:"npx fsd shared ui\n"})}),"\n",(0,t.jsxs)(n.p,{children:["\u6b21\u306b\u3001",(0,t.jsx)(n.code,{children:"shared/ui/Header.tsx"}),"\u3092\u4f5c\u6210\u3057\u3001\u6b21\u306e\u5185\u5bb9\u3092\u914d\u7f6e\u3057\u307e\u3059\u3002"]}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-tsx",metastring:'title="shared/ui/Header.tsx"',children:'import { useContext } from "react";\nimport { Link, useLocation } from "@remix-run/react";\n\nimport { CurrentUser } from "../api/currentUser";\n\nexport function Header() {\n  const currentUser = useContext(CurrentUser);\n  const { pathname } = useLocation();\n\n  return (\n    <nav className="navbar navbar-light">\n      <div className="container">\n        <Link className="navbar-brand" to="/" prefetch="intent">\n          conduit\n        </Link>\n        <ul className="nav navbar-nav pull-xs-right">\n          <li className="nav-item">\n            <Link\n              prefetch="intent"\n              className={`nav-link ${pathname == "/" ? "active" : ""}`}\n              to="/"\n            >\n              \u30db\u30fc\u30e0\n            </Link>\n          </li>\n          {currentUser == null ? (\n            <>\n              <li className="nav-item">\n                <Link\n                  prefetch="intent"\n                  className={`nav-link ${pathname == "/login" ? "active" : ""}`}\n                  to="/login"\n                >\n                  \u30b5\u30a4\u30f3\u30a4\u30f3\n                </Link>\n              </li>\n              <li className="nav-item">\n                <Link\n                  prefetch="intent"\n                  className={`nav-link ${pathname == "/register" ? "active" : ""}`}\n                  to="/register"\n                >\n                  \u767b\u9332\n                </Link>\n              </li>\n            </>\n          ) : (\n            <>\n              <li className="nav-item">\n                <Link\n                  prefetch="intent"\n                  className={`nav-link ${pathname == "/editor" ? "active" : ""}`}\n                  to="/editor"\n                >\n                  <i className="ion-compose"></i>&nbsp;\u65b0\u3057\u3044\u8a18\u4e8b\n                </Link>\n              </li>\n\n              <li className="nav-item">\n                <Link\n                  prefetch="intent"\n                  className={`nav-link ${pathname == "/settings" ? "active" : ""}`}\n                  to="/settings"\n                >\n                  {" "}\n                  <i className="ion-gear-a"></i>&nbsp;\u8a2d\u5b9a\n                </Link>\n              </li>\n              <li className="nav-item">\n                <Link\n                  prefetch="intent"\n                  className={`nav-link ${pathname.includes("/profile") ? "active" : ""}`}\n                  to={`/profile/${currentUser.username}`}\n                >\n                  {currentUser.image && (\n                    <img\n                      width={25}\n                      height={25}\n                      src={currentUser.image}\n                      className="user-pic"\n                      alt=""\n                    />\n                  )}\n                  {currentUser.username}\n                </Link>\n              </li>\n            </>\n          )}\n        </ul>\n      </div>\n    </nav>\n  );\n}\n'})}),"\n",(0,t.jsxs)(n.p,{children:["\u3053\u306e\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092",(0,t.jsx)(n.code,{children:"shared/ui"}),"\u304b\u3089\u30a8\u30af\u30b9\u30dd\u30fc\u30c8\u3057\u307e\u3059\u3002"]}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-tsx",metastring:'title="shared/ui/index.ts"',children:'export { Header } from "./Header";\n'})}),"\n",(0,t.jsxs)(n.p,{children:["\u30d8\u30c3\u30c0\u30fc\u3067",(0,t.jsx)(n.code,{children:"shared/api"}),"\u306b\u3042\u308b\u30b3\u30f3\u30c6\u30ad\u30b9\u30c8\u3092\u4f7f\u3063\u3066\u3044\u308b\u306e\u3067\u3001\u305d\u308c\u3092\u4f5c\u6210\u3057\u307e\u3057\u3087\u3046\u3002"]}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-tsx",metastring:'title="shared/api/currentUser.ts"',children:'import { createContext } from "react";\n\nimport type { User } from "./models";\n\nexport const CurrentUser = createContext<User | null>(null);\n'})}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-tsx",metastring:'title="shared/api/index.ts"',children:'export { GET, POST, PUT, DELETE } from "./client";\n\nexport type { Article } from "./models";\n\nexport { createUserSession, getUserFromSession, requireUser } from "./auth.server";\nexport { CurrentUser } from "./currentUser";\n'})}),"\n",(0,t.jsxs)(n.p,{children:["\u3053\u308c\u3067\u3001\u30d8\u30c3\u30c0\u30fc\u3092\u30da\u30fc\u30b8\u306b\u8ffd\u52a0\u3067\u304d\u307e\u3059\u3002\u3059\u3079\u3066\u306e\u30da\u30fc\u30b8\u306b\u8868\u793a\u3055\u308c\u308b\u3088\u3046\u306b\u3001\u30eb\u30fc\u30c8\u306b\u8ffd\u52a0\u3057\u3001\u30a2\u30a6\u30c8\u30ec\u30c3\u30c8\uff08\u30da\u30fc\u30b8\u304c\u30ec\u30f3\u30c0\u30ea\u30f3\u30b0\u3055\u308c\u308b\u5834\u6240\uff09\u3092",(0,t.jsx)(n.code,{children:"CurrentUser"}),"\u306e\u30b3\u30f3\u30c6\u30ad\u30b9\u30c8\u30d7\u30ed\u30d0\u30a4\u30c0\u30fc\u3067\u5305\u307f\u307e\u3059\u3002\u3053\u308c\u306b\u3088\u308a\u3001\u30d8\u30c3\u30c0\u30fc\u3092\u542b\u3080\u30a2\u30d7\u30ea\u5168\u4f53\u304c\u73fe\u5728\u306e\u30e6\u30fc\u30b6\u30fc\u30aa\u30d6\u30b8\u30a7\u30af\u30c8\u306b\u30a2\u30af\u30bb\u30b9\u3067\u304d\u308b\u3088\u3046\u306b\u306a\u308a\u307e\u3059\u3002\u307e\u305f\u3001\u30af\u30c3\u30ad\u30fc\u304b\u3089\u73fe\u5728\u306e\u30e6\u30fc\u30b6\u30fc\u30aa\u30d6\u30b8\u30a7\u30af\u30c8\u3092\u53d6\u5f97\u3059\u308b\u305f\u3081\u306e\u30ed\u30fc\u30c0\u30fc\u3082\u8ffd\u52a0\u3057\u307e\u3059\u3002\u6b21\u306e\u30b3\u30fc\u30c9\u3092",(0,t.jsx)(n.code,{children:"app/root.tsx"}),"\u306b\u8ffd\u52a0\u3057\u307e\u3057\u3087\u3046\u3002"]}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-tsx",metastring:'title="app/root.tsx"',children:'import { cssBundleHref } from "@remix-run/css-bundle";\nimport type { LinksFunction, LoaderFunctionArgs } from "@remix-run/node";\nimport {\n  Links,\n  LiveReload,\n  Meta,\n  Outlet,\n  Scripts,\n  ScrollRestoration,\n  useLoaderData,\n} from "@remix-run/react";\n\nimport { Header } from "shared/ui";\nimport { getUserFromSession, CurrentUser } from "shared/api";\n\nexport const links: LinksFunction = () => [\n  ...(cssBundleHref ? [{ rel: "stylesheet", href: cssBundleHref }] : []),\n];\n\nexport const loader = ({ request }: LoaderFunctionArgs) =>\n  getUserFromSession(request);\n\nexport default function App() {\n  const user = useLoaderData<typeof loader>();\n\n  return (\n    <html lang="en">\n      <head>\n        <meta charSet="utf-8" />\n        <meta name="viewport" content="width=device-width, initial-scale=1" />\n        <Meta />\n        <Links />\n        <link\n          href="//code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css"\n          rel="stylesheet"\n          type="text/css"\n        />\n        <link\n          href="//fonts.googleapis.com/css?family=Titillium+Web:700|Source+Serif+Pro:400,700|Merriweather+Sans:400,700|Source+Sans+Pro:400,300,600,700,300italic,400italic,600italic,700italic"\n          rel="stylesheet"\n          type="text/css"\n        />\n        <link rel="stylesheet" href="//demo.productionready.io/main.css" />\n        <style>{`\n          button {\n            border: 0;\n          }\n        `}</style>\n      </head>\n      <body>\n        <CurrentUser.Provider value={user}>\n          <Header />\n          <Outlet />\n        </CurrentUser.Provider>\n        <ScrollRestoration />\n        <Scripts />\n        <LiveReload />\n      </body>\n    </html>\n  );\n}\n'})}),"\n",(0,t.jsx)(n.p,{children:"\u6700\u7d42\u7684\u306b\u3001\u30db\u30fc\u30e0\u30da\u30fc\u30b8\u306f\u6b21\u306e\u3088\u3046\u306b\u306a\u308a\u307e\u3059\u3002"}),"\n",(0,t.jsxs)("figure",{children:[(0,t.jsx)(n.p,{children:(0,t.jsx)(n.img,{alt:"\u30d8\u30c3\u30c0\u30fc\u3001\u30d5\u30a3\u30fc\u30c9\u3001\u30bf\u30b0\u304c\u3042\u308bConduit\u306e\u30d5\u30a3\u30fc\u30c9\u30da\u30fc\u30b8\u3002\u30bf\u30d6\u306f\u307e\u3060\u3042\u308a\u307e\u305b\u3093\u3002",src:r(6231).A+"",width:"2880",height:"1488"})}),(0,t.jsx)("figcaption",{children:"\u30d8\u30c3\u30c0\u30fc\u3001\u30d5\u30a3\u30fc\u30c9\u3001\u30bf\u30b0\u304c\u3042\u308bConduit\u306e\u30d5\u30a3\u30fc\u30c9\u30da\u30fc\u30b8\u3002\u30bf\u30d6\u306f\u307e\u3060\u306a\u3044\u3002"})]}),"\n",(0,t.jsx)(n.h3,{id:"\u30bf\u30d6",children:"\u30bf\u30d6"}),"\n",(0,t.jsxs)(n.p,{children:["\u3053\u308c\u3067\u8a8d\u8a3c\u72b6\u614b\u3092\u5224\u65ad\u3067\u304d\u308b\u3088\u3046\u306b\u306a\u3063\u305f\u306e\u3067\u3001\u30bf\u30d6\u3068\u300c\u3044\u3044\u306d\u300d\u30dc\u30bf\u30f3\u3092\u30d5\u30a3\u30fc\u30c9\u30da\u30fc\u30b8\u306b\u5b9f\u88c5\u3057\u307e\u3057\u3087\u3046\u3002\u65b0\u3057\u3044\u30d5\u30a9\u30fc\u30e0\u3092\u4f5c\u308b\u5fc5\u8981\u304c\u3042\u308a\u307e\u3059\u304c\u3001\u3053\u306e\u30da\u30fc\u30b8\u30d5\u30a1\u30a4\u30eb\u306f\u3059\u3067\u306b\u5927\u304d\u3059\u304e\u308b\u306e\u3067\u3001\u3053\u308c\u3089\u306e\u30d5\u30a9\u30fc\u30e0\u3092\u96a3\u63a5\u3059\u308b\u30d5\u30a1\u30a4\u30eb\u306b\u79fb\u52d5\u3057\u307e\u3057\u3087\u3046\u3002",(0,t.jsx)(n.code,{children:"Tabs.tsx"}),"\u3001",(0,t.jsx)(n.code,{children:"PopularTags.tsx"}),"\u3001",(0,t.jsx)(n.code,{children:"Pagination.tsx"}),"\u3092\u4f5c\u6210\u3057\u3001\u6b21\u306e\u5185\u5bb9\u3092\u914d\u7f6e\u3057\u307e\u3059\u3002"]}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/feed/ui/Tabs.tsx"',children:'import { useContext } from "react";\nimport { Form, useSearchParams } from "@remix-run/react";\n\nimport { CurrentUser } from "shared/api";\n\nexport function Tabs() {\n  const [searchParams] = useSearchParams();\n  const currentUser = useContext(CurrentUser);\n\n  return (\n    <Form>\n      <div className="feed-toggle">\n        <ul className="nav nav-pills outline-active">\n          {currentUser !== null && (\n            <li className="nav-item">\n              <button\n                name="source"\n                value="my-feed"\n                className={`nav-link ${searchParams.get("source") === "my-feed" ? "active" : ""}`}\n              >\n                \u79c1\u306e\u30d5\u30a3\u30fc\u30c9\n              </button>\n            </li>\n          )}\n          <li className="nav-item">\n            <button\n              className={`nav-link ${searchParams.has("tag") || searchParams.has("source") ? "" : "active"}`}\n            >\n              \u30b0\u30ed\u30fc\u30d0\u30eb\u30d5\u30a3\u30fc\u30c9\n            </button>\n          </li>\n          {searchParams.has("tag") && (\n            <li className="nav-item">\n              <span className="nav-link active">\n                <i className="ion-pound"></i> {searchParams.get("tag")}\n              </span>\n            </li>\n          )}\n        </ul>\n      </div>\n    </Form>\n  );\n}\n'})}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/feed/ui/PopularTags.tsx"',children:'import { Form, useLoaderData } from "@remix-run/react";\nimport { ExistingSearchParams } from "remix-utils/existing-search-params";\n\nimport type { loader } from "../api/loader";\n\nexport function PopularTags() {\n  const { tags } = useLoaderData<typeof loader>();\n\n  return (\n    <div className="sidebar">\n      <p>\u4eba\u6c17\u306e\u30bf\u30b0</p>\n\n      <Form>\n        <ExistingSearchParams exclude={["tag", "page", "source"]} />\n        <div className="tag-list">\n          {tags.tags.map((tag) => (\n            <button\n              key={tag}\n              name="tag"\n              value={tag}\n              className="tag-pill tag-default"\n            >\n              {tag}\n            </button>\n          ))}\n        </div>\n      </Form>\n    </div>\n  );\n}\n'})}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/feed/ui/Pagination.tsx"',children:'import { Form, useLoaderData, useSearchParams } from "@remix-run/react";\nimport { ExistingSearchParams } from "remix-utils/existing-search-params";\n\nimport { LIMIT, type loader } from "../api/loader";\n\nexport function Pagination() {\n  const [searchParams] = useSearchParams();\n  const { articles } = useLoaderData<typeof loader>();\n  const pageAmount = Math.ceil(articles.articlesCount / LIMIT);\n  const currentPage = parseInt(searchParams.get("page") ?? "1", 10);\n\n  return (\n    <Form>\n      <ExistingSearchParams exclude={["page"]} />\n      <ul className="pagination">\n        {Array(pageAmount)\n          .fill(null)\n          .map((_, index) =>\n            index + 1 === currentPage ? (\n              <li key={index} className="page-item active">\n                <span className="page-link">{index + 1}</span>\n              </li>\n            ) : (\n              <li key={index} className="page-item">\n                <button className="page-link" name="page" value={index + 1}>\n                  {index + 1}\n                </button>\n              </li>\n            ),\n          )}\n      </ul>\n    </Form>\n  );\n}\n'})}),"\n",(0,t.jsx)(n.p,{children:"\u3053\u308c\u3067\u3001\u30d5\u30a3\u30fc\u30c9\u30da\u30fc\u30b8\u3092\u5927\u5e45\u306b\u7c21\u7d20\u5316\u3067\u304d\u307e\u3059\u3002"}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/feed/ui/FeedPage.tsx"',children:'import { useLoaderData } from "@remix-run/react";\n\nimport type { loader } from "../api/loader";\nimport { ArticlePreview } from "./ArticlePreview";\nimport { Tabs } from "./Tabs";\nimport { PopularTags } from "./PopularTags";\nimport { Pagination } from "./Pagination";\n\nexport function FeedPage() {\n  const { articles } = useLoaderData<typeof loader>();\n\n  return (\n    <div className="home-page">\n      <div className="banner">\n        <div className="container">\n          <h1 className="logo-font">conduit</h1>\n          <p>\u77e5\u8b58\u3092\u5171\u6709\u3059\u308b\u5834</p>\n        </div>\n      </div>\n\n      <div className="container page">\n        <div className="row">\n          <div className="col-md-9">\n            <Tabs />\n\n            {articles.articles.map((article) => (\n              <ArticlePreview key={article.slug} article={article} />\n            ))}\n\n            <Pagination />\n          </div>\n\n          <div className="col-md-3">\n            <PopularTags />\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n}\n'})}),"\n",(0,t.jsx)(n.p,{children:"\u30ed\u30fc\u30c0\u30fc\u95a2\u6570\u306b\u3082\u65b0\u3057\u3044\u30bf\u30d6\u3092\u8003\u616e\u3059\u308b\u5fc5\u8981\u304c\u3042\u308a\u307e\u3059\u3002"}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/feed/api/loader.ts"',children:'import { json, type LoaderFunctionArgs } from "@remix-run/node";\nimport type { FetchResponse } from "openapi-fetch";\nimport { promiseHash } from "remix-utils/promise";\n\nimport { GET, requireUser } from "shared/api";\n\nasync function throwAnyErrors<T, O, Media extends `${string}/${string}`>(\n  responsePromise: Promise<FetchResponse<T, O, Media>>,\n) {\n  /* \u305d\u306e\u307e\u307e */\n}\n\n/** 1\u30da\u30fc\u30b8\u3042\u305f\u308a\u306e\u8a18\u4e8b\u6570\u3002 */\nexport const LIMIT = 20;\n\nexport const loader = async ({ request }: LoaderFunctionArgs) => {\n  const url = new URL(request.url);\n  const selectedTag = url.searchParams.get("tag") ?? undefined;\n  const page = parseInt(url.searchParams.get("page") ?? "", 10);\n\n  if (url.searchParams.get("source") === "my-feed") {\n    const userSession = await requireUser(request);\n\n    return json(\n      await promiseHash({\n        articles: throwAnyErrors(\n          GET("/articles/feed", {\n            params: {\n              query: {\n                limit: LIMIT,\n                offset: !Number.isNaN(page) ? page * LIMIT : undefined,\n              },\n            },\n            headers: { Authorization: `Token ${userSession.token}` },\n          }),\n        ),\n        tags: throwAnyErrors(GET("/tags")),\n      }),\n    );\n  }\n\n  return json(\n    await promiseHash({\n      articles: throwAnyErrors(\n        GET("/articles", {\n          params: {\n            query: {\n              tag: selectedTag,\n              limit: LIMIT,\n              offset: !Number.isNaN(page) ? page * LIMIT : undefined,\n            },\n          },\n        }),\n      ),\n      tags: throwAnyErrors(GET("/tags")),\n    }),\n  );\n};\n'})}),"\n",(0,t.jsxs)(n.p,{children:["\u30d5\u30a3\u30fc\u30c9\u30da\u30fc\u30b8\u3092\u4e00\u65e6\u7f6e\u3044\u3066\u304a\u304f\u524d\u306b\u3001\u6295\u7a3f\u3078\u306e\u3044\u3044\u306d\u3092\u51e6\u7406\u3059\u308b\u30b3\u30fc\u30c9\u3092\u8ffd\u52a0\u3057\u307e\u3057\u3087\u3046\u3002",(0,t.jsx)(n.code,{children:"ArticlePreview.tsx"}),"\u3092\u6b21\u306e\u3088\u3046\u306b\u5909\u66f4\u3057\u307e\u3059\u3002"]}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/feed/ui/ArticlePreview.tsx"',children:'import { Form, Link } from "@remix-run/react";\nimport type { Article } from "shared/api";\n\ninterface ArticlePreviewProps {\n  article: Article;\n}\n\nexport function ArticlePreview({ article }: ArticlePreviewProps) {\n  return (\n    <div className="article-preview">\n      <div className="article-meta">\n        <Link to={`/profile/${article.author.username}`} prefetch="intent">\n          <img src={article.author.image} alt="" />\n        </Link>\n        <div className="info">\n          <Link\n            to={`/profile/${article.author.username}`}\n            className="author"\n            prefetch="intent"\n          >\n            {article.author.username}\n          </Link>\n          <span className="date" suppressHydrationWarning>\n            {new Date(article.createdAt).toLocaleDateString(undefined, {\n              dateStyle: "long",\n            })}\n          </span>\n        </div>\n        <Form\n          method="post"\n          action={`/article/${article.slug}`}\n          preventScrollReset\n        >\n          <button\n            name="_action"\n            value={article.favorited ? "unfavorite" : "favorite"}\n            className={`btn ${article.favorited ? "btn-primary" : "btn-outline-primary"} btn-sm pull-xs-right`}\n          >\n            <i className="ion-heart"></i> {article.favoritesCount}\n          </button>\n        </Form>\n      </div>\n      <Link\n        to={`/article/${article.slug}`}\n        className="preview-link"\n        prefetch="intent"\n      >\n        <h1>{article.title}</h1>\n        <p>{article.description}</p>\n        <span>\u3082\u3063\u3068\u8aad\u3080...</span>\n        <ul className="tag-list">\n          {article.tagList.map((tag) => (\n            <li key={tag} className="tag-default tag-pill tag-outline">\n              {tag}\n            </li>\n          ))}\n        </ul>\n      </Link>\n    </div>\n  );\n}\n'})}),"\n",(0,t.jsxs)(n.p,{children:["\u3053\u306e\u30b3\u30fc\u30c9\u306f\u3001",(0,t.jsx)(n.code,{children:"/article/:slug"}),"\u306bPOST\u30ea\u30af\u30a8\u30b9\u30c8\u3092\u9001\u4fe1\u3057\u3001",(0,t.jsx)(n.code,{children:"_action=favorite"}),"\u3092\u4f7f\u7528\u3057\u3066\u8a18\u4e8b\u3092\u304a\u6c17\u306b\u5165\u308a\u306b\u3057\u307e\u3059\u3002\u4eca\u306f\u6a5f\u80fd\u3057\u3066\u3044\u307e\u305b\u3093\u304c\u3001\u8a18\u4e8b\u30ea\u30fc\u30c0\u30fc\u306e\u4f5c\u6210\u3092\u59cb\u3081\u308b\u3068\u3001\u3053\u308c\u3082\u5b9f\u88c5\u3057\u307e\u3059\u3002"]}),"\n",(0,t.jsx)(n.p,{children:"\u3053\u308c\u3067\u3001\u30d5\u30a3\u30fc\u30c9\u306e\u4f5c\u6210\u304c\u5b8c\u4e86\u3057\u307e\u3057\u305f\uff01\u3084\u3063\u305f\u306d\uff01"}),"\n",(0,t.jsx)(n.h3,{id:"\u8a18\u4e8b\u30ea\u30fc\u30c0\u30fc",children:"\u8a18\u4e8b\u30ea\u30fc\u30c0\u30fc"}),"\n",(0,t.jsx)(n.p,{children:"\u307e\u305a\u3001\u30c7\u30fc\u30bf\u304c\u5fc5\u8981\u3067\u3059\u3002\u30ed\u30fc\u30c0\u30fc\u3092\u4f5c\u6210\u3057\u307e\u3057\u3087\u3046\u3002"}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-bash",children:"npx fsd pages article-read -s api\n"})}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/article-read/api/loader.ts"',children:'import { json, type LoaderFunctionArgs } from "@remix-run/node";\nimport invariant from "tiny-invariant";\nimport type { FetchResponse } from "openapi-fetch";\nimport { promiseHash } from "remix-utils/promise";\n\nimport { GET, getUserFromSession } from "shared/api";\n\nasync function throwAnyErrors<T, O, Media extends `${string}/${string}`>(\n  responsePromise: Promise<FetchResponse<T, O, Media>>,\n) {\n  const { data, error, response } = await responsePromise;\n\n  if (error !== undefined) {\n    throw json(error, { status: response.status });\n  }\n\n  return data as NonNullable<typeof data>;\n}\n\nexport const loader = async ({ request, params }: LoaderFunctionArgs) => {\n  invariant(params.slug, "\u30b9\u30e9\u30c3\u30b0\u30d1\u30e9\u30e1\u30fc\u30bf\u304c\u5fc5\u8981\u3067\u3059");\n  const currentUser = await getUserFromSession(request);\n  const authorization = currentUser\n    ? { Authorization: `Token ${currentUser.token}` }\n    : undefined;\n\n  return json(\n    await promiseHash({\n      article: throwAnyErrors(\n        GET("/articles/{slug}", {\n          params: {\n            path: { slug: params.slug },\n          },\n          headers: authorization,\n        }),\n      ),\n      comments: throwAnyErrors(\n        GET("/articles/{slug}/comments", {\n          params: {\n            path: { slug: params.slug },\n          },\n          headers: authorization,\n        }),\n      ),\n    }),\n  );\n};\n'})}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/article-read/index.ts"',children:'export { loader } from "./api/loader";\n'})}),"\n",(0,t.jsxs)(n.p,{children:["\u3053\u308c\u3067\u3001",(0,t.jsx)(n.code,{children:"/article/:slug"}),"\u30eb\u30fc\u30c8\u306b\u63a5\u7d9a\u3067\u304d\u307e\u3059\u3002",(0,t.jsx)(n.code,{children:"article.$slug.tsx"}),"\u3068\u3044\u3046\u30eb\u30fc\u30c8\u30d5\u30a1\u30a4\u30eb\u3092\u4f5c\u6210\u3057\u307e\u3059\u3002"]}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-tsx",metastring:'title="app/routes/article.$slug.tsx"',children:'export { loader } from "pages/article-read";\n'})}),"\n",(0,t.jsx)(n.p,{children:"\u30da\u30fc\u30b8\u81ea\u4f53\u306f\u3001\u8a18\u4e8b\u306e\u30bf\u30a4\u30c8\u30eb\u3068\u30a2\u30af\u30b7\u30e7\u30f3\u3001\u8a18\u4e8b\u306e\u672c\u6587\u3001\u30b3\u30e1\u30f3\u30c8\u30bb\u30af\u30b7\u30e7\u30f3\u306e3\u3064\u306e\u4e3b\u8981\u306a\u30d6\u30ed\u30c3\u30af\u3067\u69cb\u6210\u3055\u308c\u3066\u3044\u307e\u3059\u3002\u4e0b\u8a18\u306f\u30da\u30fc\u30b8\u306e\u30de\u30fc\u30af\u30a2\u30c3\u30d7\u3067\u3001\u7279\u306b\u8208\u5473\u6df1\u3044\u3082\u306e\u306f\u3042\u308a\u307e\u305b\u3093\u3002"}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/article-read/ui/ArticleReadPage.tsx"',children:'import { useLoaderData } from "@remix-run/react";\n\nimport type { loader } from "../api/loader";\nimport { ArticleMeta } from "./ArticleMeta";\nimport { Comments } from "./Comments";\n\nexport function ArticleReadPage() {\n  const { article } = useLoaderData<typeof loader>();\n\n  return (\n    <div className="article-page">\n      <div className="banner">\n        <div className="container">\n          <h1>{article.article.title}</h1>\n\n          <ArticleMeta />\n        </div>\n      </div>\n\n      <div className="container page">\n        <div className="row article-content">\n          <div className="col-md-12">\n            <p>{article.article.body}</p>\n            <ul className="tag-list">\n              {article.article.tagList.map((tag) => (\n                <li className="tag-default tag-pill tag-outline" key={tag}>\n                  {tag}\n                </li>\n              ))}\n            </ul>\n          </div>\n        </div>\n\n        <hr />\n\n        <div className="article-actions">\n          <ArticleMeta />\n        </div>\n\n        <div className="row">\n          <Comments />\n        </div>\n      </div>\n    </div>\n  );\n}\n'})}),"\n",(0,t.jsxs)(n.p,{children:["\u8208\u5473\u6df1\u3044\u306e\u306f",(0,t.jsx)(n.code,{children:"ArticleMeta"}),"\u3068",(0,t.jsx)(n.code,{children:"Comments"}),"\u3067\u3059\u3002\u3053\u308c\u3089\u306f\u3001\u8a18\u4e8b\u3092\u300c\u3044\u3044\u306d\u300d\u3057\u305f\u308a\u3001\u30b3\u30e1\u30f3\u30c8\u3092\u6b8b\u3057\u305f\u308a\u3059\u308b\u305f\u3081\u306e\u64cd\u4f5c\u3092\u542b\u3093\u3067\u3044\u307e\u3059\u3002\u3053\u308c\u3089\u304c\u6a5f\u80fd\u3059\u308b\u305f\u3081\u306b\u306f\u3001\u307e\u305a\u30d0\u30c3\u30af\u30a8\u30f3\u30c9\u90e8\u5206\u3092\u5b9f\u88c5\u3059\u308b\u5fc5\u8981\u304c\u3042\u308a\u307e\u3059\u3002\u3053\u306e\u30da\u30fc\u30b8\u306e",(0,t.jsx)(n.code,{children:"api"}),"\u30bb\u30b0\u30e1\u30f3\u30c8\u306b",(0,t.jsx)(n.code,{children:"action.ts"}),"\u30d5\u30a1\u30a4\u30eb\u3092\u4f5c\u6210\u3057\u307e\u3059\u3002"]}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/article-read/api/action.ts"',children:'import { redirect, type ActionFunctionArgs } from "@remix-run/node";\nimport { namedAction } from "remix-utils/named-action";\nimport { redirectBack } from "remix-utils/redirect-back";\nimport invariant from "tiny-invariant";\n\nimport { DELETE, POST, requireUser } from "shared/api";\n\nexport const action = async ({ request, params }: ActionFunctionArgs) => {\n  const currentUser = await requireUser(request);\n\n  const authorization = { Authorization: `Token ${currentUser.token}` };\n\n  const formData = await request.formData();\n\n  return namedAction(formData, {\n    async delete() {\n      invariant(params.slug, "\u30b9\u30e9\u30c3\u30b0\u30d1\u30e9\u30e1\u30fc\u30bf\u304c\u5fc5\u8981\u3067\u3059");\n      await DELETE("/articles/{slug}", {\n        params: { path: { slug: params.slug } },\n        headers: authorization,\n      });\n      return redirect("/");\n    },\n    async favorite() {\n      invariant(params.slug, "\u30b9\u30e9\u30c3\u30b0\u30d1\u30e9\u30e1\u30fc\u30bf\u304c\u5fc5\u8981\u3067\u3059");\n      await POST("/articles/{slug}/favorite", {\n        params: { path: { slug: params.slug } },\n        headers: authorization,\n      });\n      return redirectBack(request, { fallback: "/" });\n    },\n    async unfavorite() {\n      invariant(params.slug, "\u30b9\u30e9\u30c3\u30b0\u30d1\u30e9\u30e1\u30fc\u30bf\u304c\u5fc5\u8981\u3067\u3059");\n      await DELETE("/articles/{slug}/favorite", {\n        params: { path: { slug: params.slug } },\n        headers: authorization,\n      });\n      return redirectBack(request, { fallback: "/" });\n    },\n    async createComment() {\n      invariant(params.slug, "\u30b9\u30e9\u30c3\u30b0\u30d1\u30e9\u30e1\u30fc\u30bf\u304c\u5fc5\u8981\u3067\u3059");\n      const comment = formData.get("comment");\n      invariant(typeof comment === "string", "\u30b3\u30e1\u30f3\u30c8\u30d1\u30e9\u30e1\u30fc\u30bf\u304c\u5fc5\u8981\u3067\u3059");\n      await POST("/articles/{slug}/comments", {\n        params: { path: { slug: params.slug } },\n        headers: { ...authorization, "Content-Type": "application/json" },\n        body: { comment: { body: comment } },\n      });\n      return redirectBack(request, { fallback: "/" });\n    },\n    async deleteComment() {\n      invariant(params.slug, "\u30b9\u30e9\u30c3\u30b0\u30d1\u30e9\u30e1\u30fc\u30bf\u304c\u5fc5\u8981\u3067\u3059");\n      const commentId = formData.get("id");\n      invariant(typeof commentId === "string", "id\u30d1\u30e9\u30e1\u30fc\u30bf\u304c\u5fc5\u8981\u3067\u3059");\n      const commentIdNumeric = parseInt(commentId, 10);\n      invariant(\n        !Number.isNaN(commentIdNumeric),\n        "\u6570\u5024\u306eid\u30d1\u30e9\u30e1\u30fc\u30bf\u304c\u5fc5\u8981\u3067\u3059",\n      );\n      await DELETE("/articles/{slug}/comments/{id}", {\n        params: { path: { slug: params.slug, id: commentIdNumeric } },\n        headers: authorization,\n      });\n      return redirectBack(request, { fallback: "/" });\n    },\n    async followAuthor() {\n      const authorUsername = formData.get("username");\n      invariant(\n        typeof authorUsername === "string",\n        "\u30e6\u30fc\u30b6\u30fc\u30cd\u30fc\u30e0\u30d1\u30e9\u30e1\u30fc\u30bf\u304c\u5fc5\u8981\u3067\u3059",\n      );\n      await POST("/profiles/{username}/follow", {\n        params: { path: { username: authorUsername } },\n        headers: authorization,\n      });\n      return redirectBack(request, { fallback: "/" });\n    },\n    async unfollowAuthor() {\n      const authorUsername = formData.get("username");\n      invariant(\n        typeof authorUsername === "string",\n        "\u30e6\u30fc\u30b6\u30fc\u30cd\u30fc\u30e0\u30d1\u30e9\u30e1\u30fc\u30bf\u304c\u5fc5\u8981\u3067\u3059",\n      );\n      await DELETE("/profiles/{username}/follow", {\n        params: { path: { username: authorUsername } },\n        headers: authorization,\n      });\n      return redirectBack(request, { fallback: "/" });\n    },\n  });\n};\n'})}),"\n",(0,t.jsx)(n.p,{children:"\u3053\u308c\u3092\u30b9\u30e9\u30a4\u30b9\u304b\u3089\u518d\u30a8\u30af\u30b9\u30dd\u30fc\u30c8\u3057\u3001\u30eb\u30fc\u30c8\u304b\u3089\u518d\u30a8\u30af\u30b9\u30dd\u30fc\u30c8\u3057\u307e\u3059\u3002\u3053\u3053\u306b\u3044\u308b\u9593\u306b\u3001\u30da\u30fc\u30b8\u81ea\u4f53\u3082\u63a5\u7d9a\u3057\u307e\u3057\u3087\u3046\u3002"}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/article-read/index.ts"',children:'export { ArticleReadPage } from "./ui/ArticleReadPage";\nexport { loader } from "./api/loader";\nexport { action } from "./api/action";\n'})}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-tsx",metastring:'title="app/routes/article.$slug.tsx"',children:'import { ArticleReadPage } from "pages/article-read";\n\nexport { loader, action } from "pages/article-read";\n\nexport default ArticleReadPage;\n'})}),"\n",(0,t.jsx)(n.p,{children:"\u3053\u308c\u3067\u3001\u8a18\u4e8b\u30ea\u30fc\u30c0\u30fc\u306e\u300c\u3044\u3044\u306d\u300d\u30dc\u30bf\u30f3\u306f\u307e\u3060\u5b9f\u88c5\u3055\u308c\u3066\u3044\u306a\u3044\u306b\u3082\u95a2\u308f\u3089\u305a\u3001\u30d5\u30a3\u30fc\u30c9\u306e\u300c\u3044\u3044\u306d\u300d\u30dc\u30bf\u30f3\u306f\u6a5f\u80fd\u3057\u59cb\u3081\u307e\u3059\uff01\u305d\u308c\u306f\u3001\u30d5\u30a3\u30fc\u30c9\u306e\u300c\u3044\u3044\u306d\u300d\u30dc\u30bf\u30f3\u3082\u305d\u306e\u30eb\u30fc\u30c8\u306b\u30ea\u30af\u30a8\u30b9\u30c8\u3092\u9001\u3063\u3066\u3044\u308b\u304b\u3089\u3067\u3059\u3002\u4f55\u304b\u3092\u300c\u3044\u3044\u306d\u300d\u3057\u3066\u307f\u3066\u304f\u3060\u3055\u3044\uff01"}),"\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.code,{children:"ArticleMeta"}),"\u3068",(0,t.jsx)(n.code,{children:"Comments"}),"\u306f\u3001\u5358\u306a\u308b\u30d5\u30a9\u30fc\u30e0\u3067\u3059\u3002\u4ee5\u524d\u306b\u3053\u308c\u3092\u884c\u3063\u305f\u306e\u3067\u3001\u30b3\u30fc\u30c9\u3092\u30b3\u30d4\u30da\u3057\u3066\u5148\u306b\u9032\u307f\u307e\u3057\u3087\u3046\u3002"]}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/article-read/ui/ArticleMeta.tsx"',children:'import { Form, Link, useLoaderData } from "@remix-run/react";\nimport { useContext } from "react";\n\nimport { CurrentUser } from "shared/api";\nimport type { loader } from "../api/loader";\n\nexport function ArticleMeta() {\n  const currentUser = useContext(CurrentUser);\n  const { article } = useLoaderData<typeof loader>();\n\n  return (\n    <Form method="post">\n      <div className="article-meta">\n        <Link\n          prefetch="intent"\n          to={`/profile/${article.article.author.username}`}\n        >\n          <img src={article.article.author.image} alt="" />\n        </Link>\n\n        <div className="info">\n          <Link\n            prefetch="intent"\n            to={`/profile/${article.article.author.username}`}\n            className="author"\n          >\n            {article.article.author.username}\n          </Link>\n          <span className="date">{article.article.createdAt}</span>\n        </div>\n\n        {article.article.author.username == currentUser?.username ? (\n          <>\n            <Link\n              prefetch="intent"\n              to={`/editor/${article.article.slug}`}\n              className="btn btn-sm btn-outline-secondary"\n            >\n              <i className="ion-edit"></i> \u8a18\u4e8b\u3092\u7de8\u96c6\n            </Link>\n            &nbsp;&nbsp;\n            <button\n              name="_action"\n              value="delete"\n              className="btn btn-sm btn-outline-danger"\n            >\n              <i className="ion-trash-a"></i> \u8a18\u4e8b\u3092\u524a\u9664\n            </button>\n          </>\n        ) : (\n          <>\n            <input\n              name="username"\n              value={article.article.author.username}\n              type="hidden"\n            />\n            <button\n              name="_action"\n              value={\n                article.article.author.following\n                  ? "unfollowAuthor"\n                  : "followAuthor"\n              }\n              className={`btn btn-sm ${article.article.author.following ? "btn-secondary" : "btn-outline-secondary"}`}\n            >\n              <i className="ion-plus-round"></i>\n              &nbsp;{" "}\n              {article.article.author.following\n                ? "\u30d5\u30a9\u30ed\u30fc\u89e3\u9664"\n                : "\u30d5\u30a9\u30ed\u30fc"}{" "}\n              {article.article.author.username}\n            </button>\n            &nbsp;&nbsp;\n            <button\n              name="_action"\n              value={article.article.favorited ? "unfavorite" : "favorite"}\n              className={`btn btn-sm ${article.article.favorited ? "btn-primary" : "btn-outline-primary"}`}\n            >\n              <i className="ion-heart"></i>\n              &nbsp; {article.article.favorited\n                ? "\u3044\u3044\u306d\u89e3\u9664"\n                : "\u3044\u3044\u306d"}{" "}\n              \u8a18\u4e8b{" "}\n              <span className="counter">\n                ({article.article.favoritesCount})\n              </span>\n            </button>\n          </>\n        )}\n      </div>\n    </Form>\n  );\n}\n'})}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/article-read/ui/Comments.tsx"',children:'import { useContext } from "react";\nimport { Form, Link, useLoaderData } from "@remix-run/react";\n\nimport { CurrentUser } from "shared/api";\nimport type { loader } from "../api/loader";\n\nexport function Comments() {\n  const { comments } = useLoaderData<typeof loader>();\n  const currentUser = useContext(CurrentUser);\n\n  return (\n    <div className="col-xs-12 col-md-8 offset-md-2">\n      {currentUser !== null ? (\n        <Form\n          preventScrollReset={true}\n          method="post"\n          className="card comment-form"\n          key={Date()}\n        >\n          <div className="card-block">\n            <textarea\n              required\n              className="form-control"\n              name="comment"\n              placeholder="\u30b3\u30e1\u30f3\u30c8\u3092\u66f8\u304f..."\n              rows={3}\n            ></textarea>\n          </div>\n          <div className="card-footer">\n            <img\n              src={currentUser.image}\n              className="comment-author-img"\n              alt=""\n            />\n            <button\n              className="btn btn-sm btn-primary"\n              name="_action"\n              value="createComment"\n            >\n              \u30b3\u30e1\u30f3\u30c8\u3092\u6295\u7a3f\n            </button>\n          </div>\n        </Form>\n      ) : (\n        <div className="row">\n          <div className="col-xs-12 col-md-8 offset-md-2">\n            <p>\n              <Link to="/login">\u30b5\u30a4\u30f3\u30a4\u30f3</Link>\n              &nbsp; \u307e\u305f\u306f &nbsp;\n              <Link to="/register">\u767b\u9332</Link>\n              &nbsp; \u3057\u3066\u8a18\u4e8b\u306b\u30b3\u30e1\u30f3\u30c8\u3092\u8ffd\u52a0\u3057\u307e\u3057\u3087\u3046\uff01\n            </p>\n          </div>\n        </div>\n      )}\n\n      {comments.comments.map((comment) => (\n        <div className="card" key={comment.id}>\n          <div className="card-block">\n            <p className="card-text">{comment.body}</p>\n          </div>\n\n          <div className="card-footer">\n            <Link\n              to={`/profile/${comment.author.username}`}\n              className="comment-author"\n            >\n              <img\n                src={comment.author.image}\n                className="comment-author-img"\n                alt=""\n              />\n            </Link>\n            &nbsp;\n            <Link\n              to={`/profile/${comment.author.username}`}\n              className="comment-author"\n            >\n              {comment.author.username}\n            </Link>\n            <span className="date-posted">{comment.createdAt}</span>\n            {comment.author.username === currentUser?.username && (\n              <span className="mod-options">\n                <Form method="post" preventScrollReset={true}>\n                  <input type="hidden" name="id" value={comment.id} />\n                  <button\n                    name="_action"\n                    value="deleteComment"\n                    style={{\n                      border: "none",\n                      outline: "none",\n                      backgroundColor: "transparent",\n                    }}\n                  >\n                    <i className="ion-trash-a"></i>\n                  </button>\n                </Form>\n              </span>\n            )}\n          </div>\n        </div>\n      ))}\n    </div>\n  );\n}\n'})}),"\n",(0,t.jsx)(n.p,{children:"\u3053\u308c\u3067\u3001\u8a18\u4e8b\u30ea\u30fc\u30c0\u30fc\u304c\u5b8c\u6210\u3057\u307e\u3057\u305f\uff01\u300c\u8457\u8005\u3092\u30d5\u30a9\u30ed\u30fc\u3059\u308b\u300d\u30dc\u30bf\u30f3\u3001\u300c\u3044\u3044\u306d\u300d\u30dc\u30bf\u30f3\u3001\u300c\u30b3\u30e1\u30f3\u30c8\u3092\u6b8b\u3059\u300d\u30dc\u30bf\u30f3\u304c\u3059\u3079\u3066\u6b63\u5e38\u306b\u6a5f\u80fd\u3059\u308b\u306f\u305a\u3067\u3059\u3002"}),"\n",(0,t.jsxs)("figure",{children:[(0,t.jsx)(n.p,{children:(0,t.jsx)(n.img,{alt:"\u8a18\u4e8b\u30ea\u30fc\u30c0\u30fc\u306e\u753b\u50cf",src:r(6953).A+"",width:"2880",height:"1488"})}),(0,t.jsx)("figcaption",{children:"\u8a18\u4e8b\u30ea\u30fc\u30c0\u30fc\u306e\u753b\u50cf"})]}),"\n",(0,t.jsx)(n.h3,{id:"\u8a18\u4e8b\u7de8\u96c6",children:"\u8a18\u4e8b\u7de8\u96c6"}),"\n",(0,t.jsx)(n.p,{children:"\u3053\u308c\u306f\u3001\u3053\u306e\u30ac\u30a4\u30c9\u3067\u6700\u5f8c\u306b\u53d6\u308a\u4e0a\u3052\u308b\u30da\u30fc\u30b8\u3067\u3059\u3002\u3053\u3053\u3067\u6700\u3082\u8208\u5473\u6df1\u3044\u90e8\u5206\u306f\u3001\u30d5\u30a9\u30fc\u30e0\u30c7\u30fc\u30bf\u3092\u691c\u8a3c\u3059\u308b\u65b9\u6cd5\u3067\u3059\u3002"}),"\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.code,{children:"article-edit/ui/ArticleEditPage.tsx"}),"\u30da\u30fc\u30b8\u81ea\u4f53\u306f\u3001\u975e\u5e38\u306b\u30b7\u30f3\u30d7\u30eb\u3067\u3001\u8ffd\u52a0\u306e\u30ed\u30b8\u30c3\u30af\u306f\u4ed6\u306e2\u3064\u306e\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306b\u542b\u307e\u308c\u307e\u3059\u3002"]}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/article-edit/ui/ArticleEditPage.tsx"',children:'import { Form, useLoaderData } from "@remix-run/react";\n\nimport type { loader } from "../api/loader";\nimport { TagsInput } from "./TagsInput";\nimport { FormErrors } from "./FormErrors";\n\nexport function ArticleEditPage() {\n  const article = useLoaderData<typeof loader>();\n\n  return (\n    <div className="editor-page">\n      <div className="container page">\n        <div className="row">\n          <div className="col-md-10 offset-md-1 col-xs-12">\n            <FormErrors />\n\n            <Form method="post">\n              <fieldset>\n                <fieldset className="form-group">\n                  <input\n                    type="text"\n                    className="form-control form-control-lg"\n                    name="title"\n                    placeholder="\u8a18\u4e8b\u306e\u30bf\u30a4\u30c8\u30eb"\n                    defaultValue={article.article?.title}\n                  />\n                </fieldset>\n                <fieldset className="form-group">\n                  <input\n                    type="text"\n                    className="form-control"\n                    name="description"\n                    placeholder="\u3053\u306e\u8a18\u4e8b\u306f\u4f55\u306b\u3064\u3044\u3066\u3067\u3059\u304b\uff1f"\n                    defaultValue={article.article?.description}\n                  />\n                </fieldset>\n                <fieldset className="form-group">\n                  <textarea\n                    className="form-control"\n                    name="body"\n                    rows={8}\n                    placeholder="\u8a18\u4e8b\u3092\u8a18\u8ff0\u3057\u3066\u304f\u3060\u3055\u3044\uff08\u30de\u30fc\u30af\u30c0\u30a6\u30f3\u5f62\u5f0f\uff09"\n                    defaultValue={article.article?.body}\n                  ></textarea>\n                </fieldset>\n                <fieldset className="form-group">\n                  <TagsInput\n                    name="tags"\n                    defaultValue={article.article?.tagList ?? []}\n                  />\n                </fieldset>\n\n                <button className="btn btn-lg pull-xs-right btn-primary">\n                  \u8a18\u4e8b\u3092\u516c\u958b\n                </button>\n              </fieldset>\n            </Form>\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n}\n'})}),"\n",(0,t.jsxs)(n.p,{children:["\u3053\u306e\u30da\u30fc\u30b8\u306f\u3001\u5b58\u5728\u3059\u308b\u8a18\u4e8b\u3092\u53d6\u5f97\u3057\uff08\u65b0\u3057\u3044\u8a18\u4e8b\u3092\u4f5c\u6210\u3059\u308b\u5834\u5408\u3092\u9664\u304f\uff09\u3001\u5bfe\u5fdc\u3059\u308b\u30d5\u30a9\u30fc\u30e0\u30d5\u30a3\u30fc\u30eb\u30c9\u3092\u57cb\u3081\u307e\u3059\u3002\u3053\u308c\u306f\u4ee5\u524d\u306b\u898b\u305f\u3082\u306e\u3067\u3059\u3002\u7740\u76ee\u3059\u3079\u304d\u90e8\u5206\u306f",(0,t.jsx)(n.code,{children:"FormErrors"}),"\u3067\u3001\u3053\u308c\u306f\u691c\u8a3c\u7d50\u679c\u3092\u53d6\u5f97\u3057\u3001\u30e6\u30fc\u30b6\u30fc\u306b\u8868\u793a\u3057\u307e\u3059\u3002"]}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/article-edit/ui/FormErrors.tsx"',children:'import { useActionData } from "@remix-run/react";\nimport type { action } from "../api/action";\n\nexport function FormErrors() {\n  const actionData = useActionData<typeof action>();\n\n  return actionData?.errors != null ? (\n    <ul className="error-messages">\n      {actionData.errors.map((error) => (\n        <li key={error}>{error}</li>\n      ))}\n    </ul>\n  ) : null;\n}\n'})}),"\n",(0,t.jsxs)(n.p,{children:["\u30a2\u30af\u30b7\u30e7\u30f3\u304c",(0,t.jsx)(n.code,{children:"errors"}),"\u30d5\u30a3\u30fc\u30eb\u30c9\u3092\u8fd4\u3057\u3001\u4eba\u9593\u306b\u7406\u89e3\u3067\u304d\u308b\u30a8\u30e9\u30fc\u30e1\u30c3\u30bb\u30fc\u30b8\u306e\u914d\u5217\u3092\u8868\u793a\u3059\u308b\u3053\u3068\u3092\u60f3\u5b9a\u3057\u3066\u3044\u307e\u3059\u3002\u30a2\u30af\u30b7\u30e7\u30f3\u306b\u306f\u5f8c\u3067\u79fb\u308a\u307e\u3059\u3002"]}),"\n",(0,t.jsx)(n.p,{children:"\u3082\u30461\u3064\u306e\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306f\u30bf\u30b0\u5165\u529b\u30d5\u30a3\u30fc\u30eb\u30c9\u3067\u3059\u3002\u3053\u308c\u306f\u3001\u9078\u629e\u3055\u308c\u305f\u30bf\u30b0\u306e\u30d7\u30ec\u30d3\u30e5\u30fc\u3067\u304d\u308b\u901a\u5e38\u306e\u5165\u529b\u30d5\u30a3\u30fc\u30eb\u30c9\u3067\u3059\u3002\u7279\u306b\u6ce8\u76ee\u3059\u3079\u304d\u70b9\u306f\u3042\u308a\u307e\u305b\u3093\u3002"}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/article-edit/ui/TagsInput.tsx"',children:'import { useEffect, useRef, useState } from "react";\n\nexport function TagsInput({\n  name,\n  defaultValue,\n}: {\n  name: string;\n  defaultValue?: Array<string>;\n}) {\n  const [tagListState, setTagListState] = useState(defaultValue ?? []);\n\n  function removeTag(tag: string): void {\n    const newTagList = tagListState.filter((t) => t !== tag);\n    setTagListState(newTagList);\n  }\n\n  const tagsInput = useRef<HTMLInputElement>(null);\n  useEffect(() => {\n    tagsInput.current && (tagsInput.current.value = tagListState.join(","));\n  }, [tagListState]);\n\n  return (\n    <>\n      <input\n        type="text"\n        className="form-control"\n        id="tags"\n        name={name}\n        placeholder="\u30bf\u30b0\u3092\u5165\u529b"\n        defaultValue={tagListState.join(",")}\n        onChange={(e) =>\n          setTagListState(e.target.value.split(",").filter(Boolean))\n        }\n      />\n      <div className="tag-list">\n        {tagListState.map((tag) => (\n          <span className="tag-default tag-pill" key={tag}>\n            <i\n              className="ion-close-round"\n              role="button"\n              tabIndex={0}\n              onKeyDown={(e) =>\n                [" ", "Enter"].includes(e.key) && removeTag(tag)\n              }\n              onClick={() => removeTag(tag)}\n            ></i>{" "}\n            {tag}\n          </span>\n        ))}\n      </div>\n    </>\n  );\n}\n'})}),"\n",(0,t.jsx)(n.p,{children:"\u6b21\u306b\u3001API\u90e8\u5206\u306b\u79fb\u308a\u307e\u3059\u3002\u30ed\u30fc\u30c0\u30fc\u306fURL\u3092\u78ba\u8a8d\u3057\u3001\u8a18\u4e8b\u3078\u306e\u30ea\u30f3\u30af\u304c\u3042\u308b\u5834\u5408\u3001\u65e2\u5b58\u306e\u8a18\u4e8b\u3092\u7de8\u96c6\u3057\u3066\u3044\u308b\u3053\u3068\u3092\u610f\u5473\u3057\u3001\u305d\u306e\u30c7\u30fc\u30bf\u3092\u30ed\u30fc\u30c9\u3059\u308b\u5fc5\u8981\u304c\u3042\u308a\u307e\u3059\u3002\u305d\u3046\u3067\u306a\u3044\u5834\u5408\u306f\u3001\u4f55\u3082\u8fd4\u3057\u307e\u305b\u3093\u3002\u3053\u306e\u30ed\u30fc\u30c0\u30fc\u3092\u4f5c\u6210\u3057\u307e\u3057\u3087\u3046\u3002"}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/article-edit/api/loader.ts"',children:'import { json, type LoaderFunctionArgs } from "@remix-run/node";\nimport type { FetchResponse } from "openapi-fetch";\n\nimport { GET, requireUser } from "shared/api";\n\nasync function throwAnyErrors<T, O, Media extends `${string}/${string}`>(\n  responsePromise: Promise<FetchResponse<T, O, Media>>,\n) {\n  const { data, error, response } = await responsePromise;\n\n  if (error !== undefined) {\n    throw json(error, { status: response.status });\n  }\n\n  return data as NonNullable<typeof data>;\n}\n\nexport const loader = async ({ params, request }: LoaderFunctionArgs) => {\n  const currentUser = await requireUser(request);\n\n  if (!params.slug) {\n    return { article: null };\n  }\n\n  return throwAnyErrors(\n    GET("/articles/{slug}", {\n      params: { path: { slug: params.slug } },\n      headers: { Authorization: `Token ${currentUser.token}` },\n    }),\n  );\n};\n'})}),"\n",(0,t.jsx)(n.p,{children:"\u30a2\u30af\u30b7\u30e7\u30f3\u306f\u65b0\u3057\u3044\u30d5\u30a3\u30fc\u30eb\u30c9\u306e\u5024\u3092\u53d7\u3051\u53d6\u308a\u3001\u305d\u308c\u3089\u3092\u30c7\u30fc\u30bf\u30b9\u30ad\u30fc\u30de\u306b\u901a\u3057\u3001\u3059\u3079\u3066\u304c\u6b63\u3057\u3051\u308c\u3070\u3001\u65e2\u5b58\u306e\u8a18\u4e8b\u3092\u66f4\u65b0\u3059\u308b\u304b\u3001\u65b0\u3057\u3044\u8a18\u4e8b\u3092\u4f5c\u6210\u3059\u308b\u3053\u3068\u306b\u3088\u3063\u3066\u3001\u30d0\u30c3\u30af\u30a8\u30f3\u30c9\u306b\u5909\u66f4\u3092\u4fdd\u5b58\u3057\u307e\u3059\u3002"}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/article-edit/api/action.ts"',children:'import { json, redirect, type ActionFunctionArgs } from "@remix-run/node";\n\nimport { POST, PUT, requireUser } from "shared/api";\nimport { parseAsArticle } from "../model/parseAsArticle";\n\nexport const action = async ({ request, params }: ActionFunctionArgs) => {\n  try {\n    const { body, description, title, tags } = parseAsArticle(\n      await request.formData(),\n    );\n    const tagList = tags?.split(",") ?? [];\n\n    const currentUser = await requireUser(request);\n    const payload = {\n      body: {\n        article: {\n          title,\n          description,\n          body,\n          tagList,\n        },\n      },\n      headers: { Authorization: `Token ${currentUser.token}` },\n    };\n\n    const { data, error } = await (params.slug\n      ? PUT("/articles/{slug}", {\n          params: { path: { slug: params.slug } },\n          ...payload,\n        })\n      : POST("/articles", payload));\n\n    if (error) {\n      return json({ errors: error }, { status: 422 });\n    }\n\n    return redirect(`/article/${data.article.slug ?? ""}`);\n  } catch (errors) {\n    return json({ errors }, { status: 400 });\n  }\n};\n'})}),"\n",(0,t.jsxs)(n.p,{children:["\u79c1\u305f\u3061\u306e\u30c7\u30fc\u30bf\u30b9\u30ad\u30fc\u30de\u306f\u3001",(0,t.jsx)(n.code,{children:"FormData"}),"\u3092\u89e3\u6790\u3059\u308b\u306e\u3067\u3001\u6700\u7d42\u7684\u306b\u51e6\u7406\u3059\u308b\u30a8\u30e9\u30fc\u30e1\u30c3\u30bb\u30fc\u30b8\u3092\u6295\u3052\u305f\u308a\u3059\u308b\u306e\u306b\u5f79\u7acb\u3061\u307e\u3059\u3002\u3053\u306e\u89e3\u6790\u95a2\u6570\u306f\u6b21\u306e\u3088\u3046\u306b\u306a\u308a\u307e\u3059\u3002"]}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/article-edit/model/parseAsArticle.ts"',children:'export function parseAsArticle(data: FormData) {\n  const errors = [];\n\n  const title = data.get("title");\n  if (typeof title !== "string" || title === "") {\n    errors.push("\u8a18\u4e8b\u306b\u30bf\u30a4\u30c8\u30eb\u3092\u4ed8\u3051\u3066\u304f\u3060\u3055\u3044");\n  }\n\n  const description = data.get("description");\n  if (typeof description !== "string" || description === "") {\n    errors.push("\u3053\u306e\u8a18\u4e8b\u304c\u4f55\u306b\u3064\u3044\u3066\u304b\u8aac\u660e\u3057\u3066\u304f\u3060\u3055\u3044");\n  }\n\n  const body = data.get("body");\n  if (typeof body !== "string" || body === "") {\n    errors.push("\u8a18\u4e8b\u305d\u306e\u3082\u306e\u3092\u66f8\u3044\u3066\u304f\u3060\u3055\u3044");\n  }\n\n  const tags = data.get("tags");\n  if (typeof tags !== "string") {\n    errors.push("\u30bf\u30b0\u306f\u6587\u5b57\u5217\u3067\u3042\u308b\u5fc5\u8981\u304c\u3042\u308a\u307e\u3059");\n  }\n\n  if (errors.length > 0) {\n    throw errors;\n  }\n\n  return { title, description, body, tags: data.get("tags") ?? "" } as {\n    title: string;\n    description: string;\n    body: string;\n    tags: string;\n  };\n}\n'})}),"\n",(0,t.jsx)(n.p,{children:"\u5c11\u3057\u9577\u304f\u7e70\u308a\u8fd4\u3057\u304c\u591a\u3044\u3088\u3046\u306b\u898b\u3048\u308b\u304b\u3082\u3057\u308c\u307e\u305b\u3093\u304c\u3001\u3053\u308c\u306f\u30a8\u30e9\u30fc\u30e1\u30c3\u30bb\u30fc\u30b8\u3092\u4eba\u9593\u306b\u7406\u89e3\u3057\u3084\u3059\u304f\u3059\u308b\u305f\u3081\u306e\u4ee3\u511f\u3067\u3059\u3002Zod\u306e\u3088\u3046\u306a\u30b9\u30ad\u30fc\u30de\u3092\u4f7f\u7528\u3059\u308b\u3053\u3068\u3082\u3067\u304d\u307e\u3059\u304c\u3001\u305d\u306e\u5834\u5408\u3001\u30d5\u30ed\u30f3\u30c8\u30a8\u30f3\u30c9\u3067\u30a8\u30e9\u30fc\u30e1\u30c3\u30bb\u30fc\u30b8\u3092\u8868\u793a\u3059\u308b\u5fc5\u8981\u304c\u3042\u308a\u307e\u3059\u3002\u3053\u306e\u30d5\u30a9\u30fc\u30e0\u306f\u305d\u306e\u3088\u3046\u306a\u8907\u96d1\u3055\u306b\u306f\u5024\u3057\u307e\u305b\u3093\u3002"}),"\n",(0,t.jsxs)(n.p,{children:["\u6700\u5f8c\u306e\u30b9\u30c6\u30c3\u30d7\u306f\u3001\u30da\u30fc\u30b8\u3001\u30ed\u30fc\u30c0\u30fc\u3001\u30a2\u30af\u30b7\u30e7\u30f3\u3092\u30eb\u30fc\u30c8\u306b\u63a5\u7d9a\u3059\u308b\u3053\u3068\u3067\u3059\u3002\u79c1\u305f\u3061\u306f\u4f5c\u6210\u3068\u7de8\u96c6\u306e\u4e21\u65b9\u3092\u304d\u308c\u3044\u306b\u30b5\u30dd\u30fc\u30c8\u3057\u3066\u3044\u308b\u306e\u3067\u3001",(0,t.jsx)(n.code,{children:"editor._index.tsx"}),"\u3068",(0,t.jsx)(n.code,{children:"editor.$slug.tsx"}),"\u306e\u4e21\u65b9\u304b\u3089\u540c\u3058\u30a2\u30af\u30b7\u30e7\u30f3\u3092\u30a8\u30af\u30b9\u30dd\u30fc\u30c8\u3067\u304d\u307e\u3059\u3002"]}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/article-edit/index.ts"',children:'export { ArticleEditPage } from "./ui/ArticleEditPage";\nexport { loader } from "./api/loader";\nexport { action } from "./api/action";\n'})}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-tsx",metastring:'title="app/routes/editor._index.tsx, app/routes/editor.$slug.tsx (\u540c\u3058\u5185\u5bb9)"',children:'import { ArticleEditPage } from "pages/article-edit";\n\nexport { loader, action } from "pages/article-edit";\n\nexport default ArticleEditPage;\n'})}),"\n",(0,t.jsx)(n.p,{children:"\u3053\u308c\u3067\u5b8c\u6210\u3067\u3059\uff01\u30ed\u30b0\u30a4\u30f3\u3057\u3066\u65b0\u3057\u3044\u8a18\u4e8b\u3092\u4f5c\u6210\u3057\u3066\u307f\u3066\u304f\u3060\u3055\u3044\u3002\u3042\u308b\u3044\u306f\u3001\u30d5\u30a3\u30fc\u30eb\u30c9\u306b\u4f55\u3082\u8a18\u5165\u305b\u305a\u9032\u307f\u3001\u30d0\u30ea\u30c7\u30fc\u30b7\u30e7\u30f3\u304c\u3069\u306e\u3088\u3046\u306b\u6a5f\u80fd\u3059\u308b\u304b\u3092\u691c\u8a3c\u3057\u3066\u307f\u3066\u304f\u3060\u3055\u3044\u3002"}),"\n",(0,t.jsxs)("figure",{children:[(0,t.jsx)(n.p,{children:(0,t.jsx)(n.img,{alt:"\u8a18\u4e8b\u7de8\u96c6\u8005\u306e\u753b\u50cf",src:r(6011).A+"",width:"2880",height:"1488"})}),(0,t.jsx)("figcaption",{children:"\u8a18\u4e8b\u7de8\u96c6\u753b\u50cf"})]}),"\n",(0,t.jsx)(n.p,{children:"\u30d7\u30ed\u30d5\u30a3\u30fc\u30eb\u30da\u30fc\u30b8\u3084\u8a2d\u5b9a\u30da\u30fc\u30b8\u306f\u3001\u8a18\u4e8b\u306e\u8aad\u307f\u53d6\u308a\u3084\u7de8\u96c6\u30da\u30fc\u30b8\u306b\u975e\u5e38\u306b\u4f3c\u3066\u3044\u3066\u3001\u8aad\u8005\u306e\u305f\u3081\u306e\u5bbf\u984c\u3068\u3057\u3066\u6b8b\u3055\u308c\u3066\u3044\u307e\u3059\u3002"})]})}function m(e={}){const{wrapper:n}={...(0,s.R)(),...e.components};return n?(0,t.jsx)(n,{...e,children:(0,t.jsx)(d,{...e})}):d(e)}},8891:(e,n,r)=>{r.d(n,{A:()=>t});const t=r.p+"assets/images/conduit-banner-a20e38edcd109ee21a8b1426d93a66b3.jpg"},6011:(e,n,r)=>{r.d(n,{A:()=>t});const t=r.p+"assets/images/realworld-article-editor-bc3ee45c96ae905fdbb54d6463d12723.jpg"},6953:(e,n,r)=>{r.d(n,{A:()=>t});const t=r.p+"assets/images/realworld-article-reader-6a420e4f2afe139d2bdd54d62974f0b9.jpg"},9922:(e,n,r)=>{r.d(n,{A:()=>t});const t=r.p+"assets/images/realworld-editor-authenticated-10de4d01479270886859e08592045b1e.jpg"},9703:(e,n,r)=>{r.d(n,{A:()=>t});const t=r.p+"assets/images/realworld-feed-anonymous-8cbba45f488931979f6c8da8968ad685.jpg"},1405:(e,n,r)=>{r.d(n,{A:()=>t});const t=r.p+"assets/images/realworld-feed-authenticated-15427d9ff7baae009b47b501bee6c059.jpg"},6231:(e,n,r)=>{r.d(n,{A:()=>t});const t=r.p+"assets/images/realworld-feed-without-tabs-5da4c9072101ac20e82e2234bd3badbe.jpg"},1100:(e,n,r)=>{r.d(n,{R:()=>i,x:()=>o});var t=r(758);const s={},a=t.createContext(s);function i(e){const n=t.useContext(a);return t.useMemo((function(){return"function"==typeof e?e(n):{...n,...e}}),[n,e])}function o(e){let n;return n=e.disableParentContext?"function"==typeof e.components?e.components(s):e.components||s:i(e.components),t.createElement(a.Provider,{value:n},e.children)}}}]);
\ No newline at end of file
+"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[1828],{1984:(e,n,r)=>{r.r(n),r.d(n,{assets:()=>l,contentTitle:()=>i,default:()=>m,frontMatter:()=>a,metadata:()=>o,toc:()=>c});var t=r(6070),s=r(1100);const a={sidebar_position:2},i="\u30c1\u30e5\u30fc\u30c8\u30ea\u30a2\u30eb",o={id:"get-started/tutorial",title:"\u30c1\u30e5\u30fc\u30c8\u30ea\u30a2\u30eb",description:"\u7b2c\uff11\u7ae0 \u7d19\u306e\u4e0a\u3067",source:"@site/i18n/ja/docusaurus-plugin-content-docs/current/get-started/tutorial.md",sourceDirName:"get-started",slug:"/get-started/tutorial",permalink:"/ja/docs/get-started/tutorial",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/ja/docusaurus-plugin-content-docs/current/get-started/tutorial.md",tags:[],version:"current",lastUpdatedAt:1728325386e3,sidebarPosition:2,frontMatter:{sidebar_position:2},sidebar:"getstartedSidebar",previous:{title:"\u6982\u8981",permalink:"/ja/docs/get-started/overview"},next:{title:"FAQ",permalink:"/ja/docs/get-started/faq"}},l={},c=[{value:"\u7b2c\uff11\u7ae0 \u7d19\u306e\u4e0a\u3067",id:"\u7b2c\uff11\u7ae0-\u7d19\u306e\u4e0a\u3067",level:2},{value:"\u30da\u30fc\u30b8\u306e\u5217\u6319\u304b\u3089\u59cb\u3081\u308b",id:"\u30da\u30fc\u30b8\u306e\u5217\u6319\u304b\u3089\u59cb\u3081\u308b",level:3},{value:"\u30d5\u30a3\u30fc\u30c9\u3092\u8a73\u3057\u304f\u898b\u3066\u307f\u308b\u3068",id:"\u30d5\u30a3\u30fc\u30c9\u3092\u8a73\u3057\u304f\u898b\u3066\u307f\u308b\u3068",level:3},{value:"\u30bf\u30b0\u4e00\u89a7",id:"\u30bf\u30b0\u4e00\u89a7",level:4},{value:"\u8a18\u4e8b",id:"\u8a18\u4e8b",level:4},{value:"\u5171\u901a\u30b3\u30fc\u30c9\u306e\u518d\u5229\u7528",id:"\u5171\u901a\u30b3\u30fc\u30c9\u306e\u518d\u5229\u7528",level:3},{value:"\u516c\u958bAPI\u3092\u5b9a\u7fa9\u3059\u308b",id:"\u516c\u958bapi\u3092\u5b9a\u7fa9\u3059\u308b",level:3},{value:"\u5927\u304d\u306a\u518d\u5229\u7528\u53ef\u80fd\u306aUI\u30d6\u30ed\u30c3\u30af",id:"\u5927\u304d\u306a\u518d\u5229\u7528\u53ef\u80fd\u306aui\u30d6\u30ed\u30c3\u30af",level:3},{value:"\u30d5\u30a9\u30fc\u30e0\u30da\u30fc\u30b8\u306b\u7740\u76ee",id:"\u30d5\u30a9\u30fc\u30e0\u30da\u30fc\u30b8\u306b\u7740\u76ee",level:3},{value:"\u307e\u3068\u3081",id:"\u307e\u3068\u3081",level:3},{value:"\u7b2c\uff12\u7ae0 \u30b3\u30fc\u30c9\u306e\u4e2d\u3067",id:"\u7b2c\uff12\u7ae0-\u30b3\u30fc\u30c9\u306e\u4e2d\u3067",level:2},{value:"\u30da\u30fc\u30b8\u3054\u3068\u306b\u6574\u7406\u3059\u308b",id:"\u30da\u30fc\u30b8\u3054\u3068\u306b\u6574\u7406\u3059\u308b",level:3},{value:"\u30d5\u30a3\u30fc\u30c9\u30da\u30fc\u30b8\u3092\u63a5\u7d9a\u3059\u308b",id:"\u30d5\u30a3\u30fc\u30c9\u30da\u30fc\u30b8\u3092\u63a5\u7d9a\u3059\u308b",level:3},{value:"API\u30af\u30e9\u30a4\u30a2\u30f3\u30c8",id:"api\u30af\u30e9\u30a4\u30a2\u30f3\u30c8",level:3},{value:"\u30d5\u30a3\u30fc\u30c9\u5185\u306e\u5b9f\u30c7\u30fc\u30bf",id:"\u30d5\u30a3\u30fc\u30c9\u5185\u306e\u5b9f\u30c7\u30fc\u30bf",level:3},{value:"\u30bf\u30b0\u306b\u3088\u308b\u30d5\u30a3\u30eb\u30bf\u30ea\u30f3\u30b0",id:"\u30bf\u30b0\u306b\u3088\u308b\u30d5\u30a3\u30eb\u30bf\u30ea\u30f3\u30b0",level:3},{value:"\u30da\u30fc\u30b8\u30cd\u30fc\u30b7\u30e7\u30f3",id:"\u30da\u30fc\u30b8\u30cd\u30fc\u30b7\u30e7\u30f3",level:3},{value:"\u8a8d\u8a3c",id:"\u8a8d\u8a3c",level:3},{value:"\u30d8\u30c3\u30c0\u30fc",id:"\u30d8\u30c3\u30c0\u30fc",level:3},{value:"\u30bf\u30d6",id:"\u30bf\u30d6",level:3},{value:"\u8a18\u4e8b\u30ea\u30fc\u30c0\u30fc",id:"\u8a18\u4e8b\u30ea\u30fc\u30c0\u30fc",level:3},{value:"\u8a18\u4e8b\u7de8\u96c6",id:"\u8a18\u4e8b\u7de8\u96c6",level:3}];function d(e){const n={a:"a",code:"code",em:"em",h1:"h1",h2:"h2",h3:"h3",h4:"h4",header:"header",img:"img",li:"li",ol:"ol",p:"p",pre:"pre",strong:"strong",ul:"ul",...(0,s.R)(),...e.components};return(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(n.header,{children:(0,t.jsx)(n.h1,{id:"\u30c1\u30e5\u30fc\u30c8\u30ea\u30a2\u30eb",children:"\u30c1\u30e5\u30fc\u30c8\u30ea\u30a2\u30eb"})}),"\n",(0,t.jsx)(n.h2,{id:"\u7b2c\uff11\u7ae0-\u7d19\u306e\u4e0a\u3067",children:"\u7b2c\uff11\u7ae0 \u7d19\u306e\u4e0a\u3067"}),"\n",(0,t.jsxs)(n.p,{children:["\u3053\u306e\u30ac\u30a4\u30c9\u3067\u306f\u3001Real World App\u3068\u3057\u3066\u3082\u77e5\u3089\u308c\u308b\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u3092\u898b\u3066\u3044\u304d\u307e\u3059\u3002Conduit\u306f\u3001",(0,t.jsx)(n.a,{href:"https://medium.com/",children:"Medium"}),"\u306e\u7c21\u7565\u7248\u3067\u3042\u308a\u3001\u30d6\u30ed\u30b0\u8a18\u4e8b\u3092\u8aad\u307f\u66f8\u304d\u3057\u3001\u4ed6\u306e\u4eba\u306e\u8a18\u4e8b\u306b\u30b3\u30e1\u30f3\u30c8\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002"]}),"\n",(0,t.jsx)(n.p,{children:(0,t.jsx)(n.img,{alt:"Conduit\u306e\u30db\u30fc\u30e0\u30da\u30fc\u30b8",src:r(9703).A+"",width:"2880",height:"1504"})}),"\n",(0,t.jsxs)(n.p,{children:["\u3053\u308c\u306f\u304b\u306a\u308a\u5c0f\u3055\u306a\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u306a\u306e\u3067\u3001\u904e\u5ea6\u306b\u5206\u89e3\u3059\u308b\u3053\u3068\u306a\u304f\u958b\u767a\u3092\u9032\u3081\u307e\u3059\u3002\u304a\u305d\u3089\u304f\u3001\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u5168\u4f53\u306f3\u3064\u306e\u5c64\u306b\u53ce\u307e\u308a\u307e\u3059: ",(0,t.jsx)(n.strong,{children:"App\u5c64"}),"\u3001",(0,t.jsx)(n.strong,{children:"Pages\u5c64"}),"\u3001",(0,t.jsx)(n.strong,{children:"Shared\u5c64"}),"\u3002\u3082\u3057\u305d\u3046\u3067\u306a\u3051\u308c\u3070\u3001\u9032\u884c\u306b\u5fdc\u3058\u3066\u8ffd\u52a0\u306e\u5c64\u3092\u5c0e\u5165\u3057\u307e\u3057\u3087\u3046\u3002\u6e96\u5099\u306f\u3044\u3044\u3067\u3059\u304b\uff1f"]}),"\n",(0,t.jsx)(n.h3,{id:"\u30da\u30fc\u30b8\u306e\u5217\u6319\u304b\u3089\u59cb\u3081\u308b",children:"\u30da\u30fc\u30b8\u306e\u5217\u6319\u304b\u3089\u59cb\u3081\u308b"}),"\n",(0,t.jsx)(n.p,{children:"\u4e0a\u306e\u30b9\u30af\u30ea\u30fc\u30f3\u30b7\u30e7\u30c3\u30c8\u3092\u898b\u3066\u307f\u308b\u3068\u3001\u5c11\u306a\u304f\u3068\u3082\u6b21\u306e\u30da\u30fc\u30b8\u304c\u3042\u308b\u3068\u63a8\u6e2c\u3067\u304d\u307e\u3059\u3002"}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsx)(n.li,{children:"\u30db\u30fc\u30e0\uff08\u8a18\u4e8b\u306e\u30d5\u30a3\u30fc\u30c9\uff09"}),"\n",(0,t.jsx)(n.li,{children:"\u30ed\u30b0\u30a4\u30f3\u3068\u767b\u9332"}),"\n",(0,t.jsx)(n.li,{children:"\u8a18\u4e8b\u306e\u95b2\u89a7"}),"\n",(0,t.jsx)(n.li,{children:"\u8a18\u4e8b\u306e\u7de8\u96c6"}),"\n",(0,t.jsx)(n.li,{children:"\u30e6\u30fc\u30b6\u30fc\u30d7\u30ed\u30d5\u30a3\u30fc\u30eb\u306e\u95b2\u89a7"}),"\n",(0,t.jsx)(n.li,{children:"\u30d7\u30ed\u30d5\u30a3\u30fc\u30eb\u306e\u7de8\u96c6\uff08\u8a2d\u5b9a\uff09"}),"\n"]}),"\n",(0,t.jsxs)(n.p,{children:["\u3053\u308c\u3089\u306e\u5404\u30da\u30fc\u30b8\u306f\u3001",(0,t.jsx)(n.em,{children:"Pages"}),"\u5c64\u306e\u500b\u5225",(0,t.jsx)(n.em,{children:"\u30b9\u30e9\u30a4\u30b9"}),"\u306b\u306a\u308a\u307e\u3059\u3002\u6982\u8981\u306e\u30bb\u30af\u30b7\u30e7\u30f3\u304b\u3089\u601d\u3044\u51fa\u3057\u3066\u304f\u3060\u3055\u3044\u3002\u30b9\u30e9\u30a4\u30b9\u306f\u5358\u306b\u5c64\u5185\u306e\u30d5\u30a9\u30eb\u30c0\u30fc\u3067\u3042\u308a\u3001\u5c64\u306f\u4e8b\u524d\u306b\u5b9a\u7fa9\u3055\u308c\u305f\u540d\u524d\u306e\u30d5\u30a9\u30eb\u30c0\u30fc\u3060\u3051\u3067\u3059\u3002\u4f8b\u3048\u3070\u3001",(0,t.jsx)(n.code,{children:"pages"}),"\u306e\u3088\u3046\u3067\u3059\u3002"]}),"\n",(0,t.jsx)(n.p,{children:"\u3057\u305f\u304c\u3063\u3066\u3001\u79c1\u305f\u3061\u306ePages\u30d5\u30a9\u30eb\u30c0\u30fc\u306f\u6b21\u306e\u3088\u3046\u306b\u306a\u308a\u307e\u3059\u3002"}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{children:"\ud83d\udcc2 pages/\n  \ud83d\udcc1 feed/ (\u30d5\u30a3\u30fc\u30c9)\n  \ud83d\udcc1 sign-in/ (\u30ed\u30b0\u30a4\u30f3/\u767b\u9332)\n  \ud83d\udcc1 article-read/ (\u8a18\u4e8b\u306e\u95b2\u89a7)\n  \ud83d\udcc1 article-edit/ (\u8a18\u4e8b\u306e\u7de8\u96c6)\n  \ud83d\udcc1 profile/ (\u30d7\u30ed\u30d5\u30a3\u30fc\u30eb)\n  \ud83d\udcc1 settings/ (\u8a2d\u5b9a)\n"})}),"\n",(0,t.jsxs)(n.p,{children:["Feature-Sliced Design\u306e\u7279\u5fb4\u306f\u3001\u30da\u30fc\u30b8\u304c\u4e92\u3044\u306b\u4f9d\u5b58\u3067\u304d\u306a\u3044\u3053\u3068\u3067\u3059\u3002\u3064\u307e\u308a\u30011\u3064\u306e\u30da\u30fc\u30b8\u304c\u4ed6\u306e\u30da\u30fc\u30b8\u306e\u30b3\u30fc\u30c9\u3092\u30a4\u30f3\u30dd\u30fc\u30c8\u3059\u308b\u3053\u3068\u306f\u3067\u304d\u307e\u305b\u3093\u3002\u3053\u308c\u306f",(0,t.jsx)(n.strong,{children:"\u5c64\u306e\u30a4\u30f3\u30dd\u30fc\u30c8\u30eb\u30fc\u30eb"}),"\u306b\u3088\u3063\u3066\u7981\u3058\u3089\u308c\u3066\u3044\u307e\u3059\u3002"]}),"\n",(0,t.jsx)(n.p,{children:(0,t.jsx)(n.em,{children:"\u30b9\u30e9\u30a4\u30b9\u5185\u306e\u30e2\u30b8\u30e5\u30fc\u30eb\u306f\u3001\u4e0b\u5c64\u306b\u3042\u308b\u30b9\u30e9\u30a4\u30b9\u306e\u307f\u3092\u30a4\u30f3\u30dd\u30fc\u30c8\u3067\u304d\u308b\u3002"})}),"\n",(0,t.jsx)(n.p,{children:"\u3053\u306e\u5834\u5408\u3001\u30da\u30fc\u30b8\u306f\u30b9\u30e9\u30a4\u30b9\u3067\u3042\u308b\u305f\u3081\u3001\u305d\u306e\u30da\u30fc\u30b8\u5185\u306e\u30e2\u30b8\u30e5\u30fc\u30eb\uff08\u30d5\u30a1\u30a4\u30eb\uff09\u306f\u3001\u4ed6\u306e\u30da\u30fc\u30b8\u3067\u306f\u306a\u304f\u3001\u4e0b\u5c64\u304b\u3089\u306e\u307f\u30b3\u30fc\u30c9\u3092\u30a4\u30f3\u30dd\u30fc\u30c8\u3067\u304d\u307e\u3059\u3002"}),"\n",(0,t.jsx)(n.h3,{id:"\u30d5\u30a3\u30fc\u30c9\u3092\u8a73\u3057\u304f\u898b\u3066\u307f\u308b\u3068",children:"\u30d5\u30a3\u30fc\u30c9\u3092\u8a73\u3057\u304f\u898b\u3066\u307f\u308b\u3068"}),"\n",(0,t.jsxs)("figure",{children:[(0,t.jsx)(n.p,{children:(0,t.jsx)(n.img,{alt:"\u533f\u540d\u8a2a\u554f\u8005\u306e\u8996\u70b9",src:r(9703).A+"",width:"2880",height:"1504"})}),(0,t.jsx)("figcaption",{children:(0,t.jsx)(n.p,{children:(0,t.jsx)(n.em,{children:"\u533f\u540d\u8a2a\u554f\u8005\u306e\u8996\u70b9"})})})]}),"\n",(0,t.jsxs)("figure",{children:[(0,t.jsx)(n.p,{children:(0,t.jsx)(n.img,{alt:"\u8a8d\u8a3c\u3055\u308c\u305f\u30e6\u30fc\u30b6\u30fc\u306e\u8996\u70b9",src:r(1405).A+"",width:"2880",height:"1504"})}),(0,t.jsx)("figcaption",{children:(0,t.jsx)(n.p,{children:(0,t.jsx)(n.em,{children:"\u8a8d\u8a3c\u3055\u308c\u305f\u30e6\u30fc\u30b6\u30fc\u306e\u8996\u70b9"})})})]}),"\n",(0,t.jsx)(n.p,{children:"\u30d5\u30a3\u30fc\u30c9\u30da\u30fc\u30b8\u306b\u306f3\u3064\u306e\u52d5\u7684\u9818\u57df\u304c\u3042\u308a\u307e\u3059\u3002"}),"\n",(0,t.jsxs)(n.ol,{children:["\n",(0,t.jsx)(n.li,{children:"\u8a8d\u8a3c\u72b6\u614b\u3092\u793a\u3059\u30ed\u30b0\u30a4\u30f3\u30ea\u30f3\u30af"}),"\n",(0,t.jsx)(n.li,{children:"\u30d5\u30a3\u30fc\u30c9\u3092\u30d5\u30a3\u30eb\u30bf\u30ea\u30f3\u30b0\u3059\u308b\u30bf\u30b0\u4e00\u89a7"}),"\n",(0,t.jsx)(n.li,{children:"1\u3064\u3001\u307e\u305f\u306f2\u3064\u306e\u30d5\u30a3\u30fc\u30c9\u8a18\u4e8b\u3002\u5404\u8a18\u4e8b\u306b\u306f\u3044\u3044\u306d\u30dc\u30bf\u30f3\u304c\u3042\u308b"}),"\n"]}),"\n",(0,t.jsx)(n.p,{children:"\u30ed\u30b0\u30a4\u30f3\u30ea\u30f3\u30af\u306f\u3001\u3059\u3079\u3066\u306e\u30da\u30fc\u30b8\u3067\u5171\u901a\u306e\u30d8\u30c3\u30c0\u30fc\u306e\u4e00\u90e8\u3067\u3042\u308b\u305f\u3081\u3001\u4e00\u65e6\u4fdd\u7559\u306b\u3057\u307e\u3057\u3087\u3046\u3002"}),"\n",(0,t.jsx)(n.h4,{id:"\u30bf\u30b0\u4e00\u89a7",children:"\u30bf\u30b0\u4e00\u89a7"}),"\n",(0,t.jsxs)(n.p,{children:["\u30bf\u30b0\u4e00\u89a7\u3092\u4f5c\u6210\u3059\u308b\u306b\u306f\u3001\u3059\u3079\u3066\u306e\u5229\u7528\u53ef\u80fd\u306a\u30bf\u30b0\u3092\u53d6\u5f97\u3057\u3001\u5404\u30bf\u30b0\u3092\u30c1\u30c3\u30d7\uff08",(0,t.jsx)(n.a,{href:"https://m3.material.io/components/chips/overview",children:"chip"}),"\uff09\u3068\u3057\u3066\u8868\u793a\u3057\u3001\u9078\u629e\u3055\u308c\u305f\u30bf\u30b0\u3092\u30af\u30e9\u30a4\u30a2\u30f3\u30c8\u5074\u306e\u30b9\u30c8\u30ec\u30fc\u30b8\u306b\u4fdd\u5b58\u3059\u308b\u5fc5\u8981\u304c\u3042\u308a\u307e\u3059\u3002\u3053\u308c\u3089\u306e\u64cd\u4f5c\u306f\u3001\u300cAPI\u3068\u306e\u30a4\u30f3\u30bf\u30e9\u30af\u30b7\u30e7\u30f3\u300d\u3001\u300c\u30e6\u30fc\u30b6\u30fc\u30a4\u30f3\u30bf\u30fc\u30d5\u30a7\u30fc\u30b9\u300d\u3001\u300c\u30c7\u30fc\u30bf\u30b9\u30c8\u30ec\u30fc\u30b8\u300d\u306e\u30ab\u30c6\u30b4\u30ea\u306b\u95a2\u9023\u3057\u3066\u3044\u307e\u3059\u3002Feature-Sliced Design\u3067\u306f\u3001\u30b3\u30fc\u30c9\u306f\u76ee\u7684\u306b\u5fdc\u3058\u3066",(0,t.jsx)(n.em,{children:"\u30bb\u30b0\u30e1\u30f3\u30c8"}),"\u306b\u5206\u3051\u3089\u308c\u307e\u3059\u3002\u30bb\u30b0\u30e1\u30f3\u30c8\u306f\u30b9\u30e9\u30a4\u30b9\u5185\u306e\u30d5\u30a9\u30eb\u30c0\u30fc\u3067\u3042\u308a\u3001\u76ee\u7684\u3092\u8aac\u660e\u3059\u308b\u4efb\u610f\u306e\u540d\u524d\u3092\u6301\u3064\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002\u3044\u304f\u3064\u304b\u306e\u76ee\u7684\u306f\u975e\u5e38\u306b\u4e00\u822c\u7684\u3067\u3042\u308b\u305f\u3081\u3001\u3044\u304f\u3064\u304b\u306e\u4e00\u822c\u7684\u306a\u540d\u524d\u304c\u3042\u308a\u307e\u3059\u3002"]}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsxs)(n.li,{children:["\ud83d\udcc2 ",(0,t.jsx)(n.code,{children:"api/"})," \u30d0\u30c3\u30af\u30a8\u30f3\u30c9\u3068\u306e\u30a4\u30f3\u30bf\u30e9\u30af\u30b7\u30e7\u30f3"]}),"\n",(0,t.jsxs)(n.li,{children:["\ud83d\udcc2 ",(0,t.jsx)(n.code,{children:"ui/"})," \u8868\u793a\u3068\u5916\u89b3\u3092\u62c5\u5f53\u3059\u308b\u30b3\u30fc\u30c9"]}),"\n",(0,t.jsxs)(n.li,{children:["\ud83d\udcc2 ",(0,t.jsx)(n.code,{children:"model/"})," \u30c7\u30fc\u30bf\u3068\u30d3\u30b8\u30cd\u30b9\u30ed\u30b8\u30c3\u30af\u306e\u30b9\u30c8\u30ec\u30fc\u30b8"]}),"\n",(0,t.jsxs)(n.li,{children:["\ud83d\udcc2 ",(0,t.jsx)(n.code,{children:"config/"})," \u30d5\u30a3\u30fc\u30c1\u30e3\u30fc\u30d5\u30e9\u30b0\u3001\u74b0\u5883\u5909\u6570\u3001\u305d\u306e\u4ed6\u306e\u8a2d\u5b9a\u5f62\u5f0f"]}),"\n"]}),"\n",(0,t.jsxs)(n.p,{children:["\u30bf\u30b0\u3092\u53d6\u5f97\u3059\u308b\u30b3\u30fc\u30c9\u306f",(0,t.jsx)(n.code,{children:"api"}),"\u306b\u3001\u30bf\u30b0\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306f",(0,t.jsx)(n.code,{children:"ui"}),"\u306b\u3001\u30b9\u30c8\u30ec\u30fc\u30b8\u3068\u306e\u30a4\u30f3\u30bf\u30e9\u30af\u30b7\u30e7\u30f3\u306f",(0,t.jsx)(n.code,{children:"model"}),"\u306b\u914d\u7f6e\u3057\u307e\u3059\u3002"]}),"\n",(0,t.jsx)(n.h4,{id:"\u8a18\u4e8b",children:"\u8a18\u4e8b"}),"\n",(0,t.jsx)(n.p,{children:"\u540c\u3058\u8ad6\u7406\u306b\u5f93\u3063\u3066\u3001\u8a18\u4e8b\u306e\u30d5\u30a3\u30fc\u30c9\u3092\u540c\u30583\u3064\u306e\u30bb\u30b0\u30e1\u30f3\u30c8\u306b\u5206\u3051\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002"}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsxs)(n.li,{children:["\ud83d\udcc2 ",(0,t.jsx)(n.code,{children:"api/"}),": \u30da\u30fc\u30b8\u3054\u3068\u306e\u8a18\u4e8b\u4e00\u89a7\u3092\u53d6\u5f97\u3057\u305f\u308a\u3001\u3044\u3044\u306d\u3092\u6b8b\u3057\u305f\u308a\u3059\u308b"]}),"\n",(0,t.jsxs)(n.li,{children:["\ud83d\udcc2 ",(0,t.jsx)(n.code,{children:"ui/"}),":","\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsx)(n.li,{children:"\u30bf\u30b0\u3092\u9078\u629e\u3057\u305f\u3068\u304d\u306b\u8ffd\u52a0\u306e\u30bf\u30d6\u3092\u8868\u793a\u3067\u304d\u308b\u30bf\u30d6\u4e00\u89a7"}),"\n",(0,t.jsx)(n.li,{children:"\u500b\u5225\u306e\u8a18\u4e8b"}),"\n",(0,t.jsx)(n.li,{children:"\u30da\u30fc\u30b8\u30cd\u30fc\u30b7\u30e7\u30f3"}),"\n"]}),"\n"]}),"\n",(0,t.jsxs)(n.li,{children:["\ud83d\udcc2 ",(0,t.jsx)(n.code,{children:"model/"}),": \u30af\u30e9\u30a4\u30a2\u30f3\u30c8\u306e\u30b9\u30c8\u30ec\u30fc\u30b8\u306b\u4fdd\u5b58\u3055\u308c\u305f\u8aad\u307f\u8fbc\u307e\u308c\u305f\u6295\u7a3f\u3068\u73fe\u5728\u306e\u30da\u30fc\u30b8\uff08\u5fc5\u8981\u306b\u5fdc\u3058\u3066\uff09"]}),"\n"]}),"\n",(0,t.jsx)(n.h3,{id:"\u5171\u901a\u30b3\u30fc\u30c9\u306e\u518d\u5229\u7528",children:"\u5171\u901a\u30b3\u30fc\u30c9\u306e\u518d\u5229\u7528"}),"\n",(0,t.jsxs)(n.p,{children:["\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u306e\u30da\u30fc\u30b8\u306f\u901a\u5e38\u3001\u76ee\u7684\u306b\u3088\u3063\u3066\u975e\u5e38\u306b\u7570\u306a\u308a\u307e\u3059\u304c\u3001\u5168\u4f53\u3067\u5171\u901a\u3059\u308b\u3082\u306e\u3082\u3042\u308a\u307e\u3059\u3002\u4f8b\u3048\u3070\u3001\u30c7\u30b6\u30a4\u30f3\u8a00\u8a9e\u306b\u5bfe\u5fdc\u3059\u308bUI\u30ad\u30c3\u30c8\u3084\u3001\u3059\u3079\u3066\u304c\u7279\u5b9a\u306e\u8a8d\u8a3c\u30e1\u30bd\u30c3\u30c9\u3092\u4ecb\u3057\u3066REST API\u3092\u901a\u3058\u3066\u884c\u308f\u308c\u308b\u3068\u3044\u3046\u30d0\u30c3\u30af\u30a8\u30f3\u30c9\u306b\u304a\u3051\u308b\u53d6\u308a\u6c7a\u3081\u3067\u3059\u3002\u30b9\u30e9\u30a4\u30b9\u306f\u9694\u96e2\u3055\u308c\u3066\u3044\u308b\u5fc5\u8981\u304c\u3042\u308b\u305f\u3081\u3001\u30b3\u30fc\u30c9\u306e\u518d\u5229\u7528\u306f\u4e0b\u5c64\u306e",(0,t.jsx)(n.strong,{children:"Shared\u5c64"}),"\u3092\u4ecb\u3057\u3066\u884c\u308f\u308c\u307e\u3059\u3002"]}),"\n",(0,t.jsx)(n.p,{children:"Shared\u5c64\u306f\u4ed6\u306e\u5c64\u3068\u306f\u7570\u306a\u308a\u3001\u30b9\u30e9\u30a4\u30b9\u3067\u306f\u306a\u304f\u30bb\u30b0\u30e1\u30f3\u30c8\u3092\u542b\u3080\u305f\u3081\u3001Shared\u5c64\u306f\u30ec\u30a4\u30e4\u30fc\u3068\u30b9\u30e9\u30a4\u30b9\u306e\u30cf\u30a4\u30d6\u30ea\u30c3\u30c9\u3067\u3059\u3002"}),"\n",(0,t.jsx)(n.p,{children:"\u901a\u5e38\u3001Shared\u5c64\u5185\u306e\u30b3\u30fc\u30c9\u306f\u4e8b\u524d\u306b\u4f5c\u6210\u3055\u308c\u305a\u3001\u958b\u767a\u306e\u904e\u7a0b\u3067\u62bd\u51fa\u3055\u308c\u307e\u3059\u3002\u306a\u305c\u306a\u3089\u3001\u3069\u306e\u90e8\u5206\u306e\u30b3\u30fc\u30c9\u304c\u5b9f\u969b\u306b\u518d\u5229\u7528\u3055\u308c\u308b\u304b\u304c\u958b\u767a\u4e2d\u306b\u660e\u3089\u304b\u306b\u306a\u308b\u304b\u3089\u3067\u3059\u3002\u305d\u308c\u3067\u3082\u3001Shared\u5c64\u306b\u3069\u3093\u306a\u30b3\u30fc\u30c9\u3092\u4fdd\u6301\u3059\u308b\u304b\u3092\u5ff5\u982d\u306b\u7f6e\u3044\u3066\u304a\u304f\u3053\u3068\u306f\u91cd\u8981\u3067\u3059\u3002"}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsxs)(n.li,{children:["\ud83d\udcc2 ",(0,t.jsx)(n.code,{children:"ui/"})," \u2014 \u30d3\u30b8\u30cd\u30b9\u30ed\u30b8\u30c3\u30af\u306a\u3057\u306eUI\u30ad\u30c3\u30c8\u3002\u4f8b\u3048\u3070\u3001\u30dc\u30bf\u30f3\u3001\u30c0\u30a4\u30a2\u30ed\u30b0\u3001\u30d5\u30a9\u30fc\u30e0\u30d5\u30a3\u30fc\u30eb\u30c9\u3002"]}),"\n",(0,t.jsxs)(n.li,{children:["\ud83d\udcc2 ",(0,t.jsx)(n.code,{children:"api/"})," \u2014 \u30d0\u30c3\u30af\u30a8\u30f3\u30c9\u3078\u306e\u30ea\u30af\u30a8\u30b9\u30c8\u7528\u306e\u4fbf\u5229\u306a\u30e9\u30c3\u30d1\u30fc\uff08\u4f8b\u3048\u3070\u3001\u30a6\u30a7\u30d6\u306e\u5834\u5408\u306f\u3001",(0,t.jsx)(n.code,{children:"fetch()"}),"\u306e\u30e9\u30c3\u30d1\u30fc\uff09"]}),"\n",(0,t.jsxs)(n.li,{children:["\ud83d\udcc2 ",(0,t.jsx)(n.code,{children:"config/"})," \u2014 \u74b0\u5883\u5909\u6570\u306e\u51e6\u7406"]}),"\n",(0,t.jsxs)(n.li,{children:["\ud83d\udcc2 ",(0,t.jsx)(n.code,{children:"i18n/"})," \u2014 \u591a\u8a00\u8a9e\u5bfe\u5fdc\u306e\u8a2d\u5b9a"]}),"\n",(0,t.jsxs)(n.li,{children:["\ud83d\udcc2 ",(0,t.jsx)(n.code,{children:"router/"})," \u2014 \u30eb\u30fc\u30c6\u30a3\u30f3\u30b0\u306e\u30d7\u30ea\u30df\u30c6\u30a3\u30d6\u3068\u5b9a\u6570"]}),"\n"]}),"\n",(0,t.jsxs)(n.p,{children:["\u3053\u308c\u3089\u306fShared\u5c64\u5185\u306e\u30bb\u30b0\u30e1\u30f3\u30c8\u306e\u4f8b\u306b\u904e\u304e\u307e\u305b\u3093\u3002\u3053\u308c\u3089\u306e\u3044\u305a\u308c\u304b\u3092\u7701\u7565\u3057\u305f\u308a\u3001\u81ea\u5206\u81ea\u8eab\u306e\u30bb\u30b0\u30e1\u30f3\u30c8\u3092\u4f5c\u6210\u3057\u305f\u308a\u3067\u304d\u307e\u3059\u3002\u65b0\u3057\u3044\u30bb\u30b0\u30e1\u30f3\u30c8\u3092\u4f5c\u6210\u3059\u308b\u969b\u306b\u899a\u3048\u3066\u304a\u304f\u3079\u304d\u552f\u4e00\u306e\u3053\u3068\u306f\u3001\u30bb\u30b0\u30e1\u30f3\u30c8\u306e\u540d\u524d\u306f\u5185\u5bb9\u306e",(0,t.jsx)("b",{children:"\u672c\u8cea\uff08\u4f55\uff09"}),"\u3067\u306f\u306a\u304f\u3001",(0,t.jsx)("b",{children:"\u76ee\u7684\uff08\u306a\u305c\uff09"}),"\u3092\u8aac\u660e\u3059\u308b\u3082\u306e\u3067\u306a\u3051\u308c\u3070\u306a\u308a\u307e\u305b\u3093\u3002",(0,t.jsx)(n.code,{children:"components"}),"\u3001",(0,t.jsx)(n.code,{children:"hooks"}),"\u3001",(0,t.jsx)(n.code,{children:"modals"}),"\u306e\u3088\u3046\u306a\u540d\u524d\u306f\u4f7f\u7528\u3057\u306a\u3044\u65b9\u304c\u826f\u3044\u3067\u3059\u3002\u306a\u305c\u306a\u3089\u3001\u3053\u308c\u3089\u306f\u30d5\u30a1\u30a4\u30eb\u304c\u672c\u8cea\u7684\u306b\u4f55\u3092\u542b\u3093\u3067\u3044\u308b\u304b\u3092\u8aac\u660e\u3059\u308b\u3082\u306e\u3067\u3042\u308a\u3001\u30b3\u30fc\u30c9\u304c\u66f8\u304b\u308c\u305f\u76ee\u7684\u3092\u8aac\u660e\u3059\u308b\u3082\u306e\u3067\u306f\u306a\u3044\u304b\u3089\u3067\u3059\u3002\u3053\u306e\u3088\u3046\u306a\u30cd\u30fc\u30df\u30f3\u30b0\u306e\u7d50\u679c\u3001\u30c1\u30fc\u30e0\u306f\u5fc5\u8981\u306a\u3082\u306e\u3092\u898b\u3064\u3051\u308b\u305f\u3081\u306b\u30d5\u30a9\u30eb\u30c0\u30fc\u3092\u6398\u308a\u4e0b\u3052\u306a\u3051\u308c\u3070\u306a\u3089\u305a\u3001\u3055\u3089\u306b\u7121\u95a2\u4fc2\u306a\u30b3\u30fc\u30c9\u304c\u96a3\u63a5\u3057\u3066\u3044\u308b\u305f\u3081\u3001\u30ea\u30d5\u30a1\u30af\u30bf\u30ea\u30f3\u30b0\u6642\u306b\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u306e\u5927\u90e8\u5206\u306b\u5f71\u97ff\u3092\u4e0e\u3048\u3001\u30ec\u30d3\u30e5\u30fc\u3084\u30c6\u30b9\u30c8\u304c\u96e3\u3057\u304f\u306a\u3063\u3066\u3057\u307e\u3044\u307e\u3059\u3002"]}),"\n",(0,t.jsx)(n.h3,{id:"\u516c\u958bapi\u3092\u5b9a\u7fa9\u3059\u308b",children:"\u516c\u958bAPI\u3092\u5b9a\u7fa9\u3059\u308b"}),"\n",(0,t.jsxs)(n.p,{children:["Feature-Sliced Design\u306e\u6587\u8108\u306b\u304a\u3044\u3066\u3001",(0,t.jsx)(n.em,{children:"\u516c\u958bAPI"}),"\u3068\u3044\u3046\u7528\u8a9e\u306f\u3001\u30b9\u30e9\u30a4\u30b9\u3001\u307e\u305f\u306f\u30bb\u30b0\u30e1\u30f3\u30c8\u304c\u3001\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u5185\u306e\u4ed6\u306e\u30e2\u30b8\u30e5\u30fc\u30eb\u304c\u30a4\u30f3\u30dd\u30fc\u30c8\u3067\u304d\u308b\u3082\u306e\u3092\u5ba3\u8a00\u3059\u308b\u3053\u3068\u3092\u610f\u5473\u3057\u307e\u3059\u3002\u4f8b\u3048\u3070\u3001JavaScript\u3067\u306f\u3001\u4ed6\u306e\u30d5\u30a1\u30a4\u30eb\u304b\u3089\u30aa\u30d6\u30b8\u30a7\u30af\u30c8\u3092\u518d\u30a8\u30af\u30b9\u30dd\u30fc\u30c8\u3059\u308b",(0,t.jsx)(n.code,{children:"index.js"}),"\u30d5\u30a1\u30a4\u30eb\u304c\u3053\u308c\u306b\u8a72\u5f53\u3057\u307e\u3059\u3002\u3053\u308c\u306b\u3088\u308a\u3001\u5916\u90e8\u3068\u306e\u5951\u7d04\uff08\u3064\u307e\u308a\u3001\u516c\u958bAPI\uff09\u304c\u5909\u66f4\u3055\u308c\u306a\u3044\u9650\u308a\u3001\u30b9\u30e9\u30a4\u30b9\u5185\u3067\u306e\u30ea\u30d5\u30a1\u30af\u30bf\u30ea\u30f3\u30b0\u3092\u81ea\u7531\u306b\u3067\u304d\u307e\u3059\u3002"]}),"\n",(0,t.jsx)(n.p,{children:"Shared\u5c64\u306b\u306f\u30b9\u30e9\u30a4\u30b9\u304c\u306a\u3044\u305f\u3081\u3001\u901a\u5e38\u3001\u30bb\u30b0\u30e1\u30f3\u30c8\u30ec\u30d9\u30eb\u3067\u516c\u958bAPI\uff08\u30a4\u30f3\u30c7\u30c3\u30af\u30b9\uff09\u3092\u5b9a\u7fa9\u3059\u308b\u65b9\u304c\u4fbf\u5229\u3067\u3059\u3002\u305d\u3046\u3059\u308b\u3053\u3068\u3067\u3001Shared\u5c64\u304b\u3089\u306e\u30a4\u30f3\u30dd\u30fc\u30c8\u306f\u81ea\u7136\u306b\u76ee\u7684\u306b\u5fdc\u3058\u3066\u6574\u7406\u3055\u308c\u307e\u3059\u3002\u4ed6\u306e\u30ec\u30a4\u30e4\u30fc\u306b\u306f\u30b9\u30e9\u30a4\u30b9\u304c\u3042\u308b\u305f\u3081\u3001\u901a\u5e38\u306f1\u3064\u306e\u30a4\u30f3\u30c7\u30c3\u30af\u30b9\u3092\u30b9\u30e9\u30a4\u30b9\u306b\u5b9a\u7fa9\u3057\u3001\u30b9\u30e9\u30a4\u30b9\u81ea\u8eab\u304c\u5185\u90e8\u306e\u30bb\u30b0\u30e1\u30f3\u30c8\u306e\u30bb\u30c3\u30c8\u3092\u5236\u5fa1\u3059\u308b\u65b9\u304c\u5b9f\u7528\u7684\u3067\u3059\u3002\u306a\u305c\u306a\u3089\u3001\u4ed6\u306e\u30ec\u30a4\u30e4\u30fc\u306f\u901a\u5e38\u3001\u30a8\u30af\u30b9\u30dd\u30fc\u30c8\u304c\u306f\u308b\u304b\u306b\u5c11\u306a\u304f\u3001\u30ea\u30d5\u30a1\u30af\u30bf\u30ea\u30f3\u30b0\u304c\u983b\u7e41\u306b\u884c\u308f\u308c\u308b\u304b\u3089\u3067\u3059\u3002"}),"\n",(0,t.jsx)(n.p,{children:"\u79c1\u305f\u3061\u306e\u30b9\u30e9\u30a4\u30b9/\u30bb\u30b0\u30e1\u30f3\u30c8\u306f\u6b21\u306e\u3088\u3046\u306b\u306a\u308b\u3067\u3057\u3087\u3046\u3002"}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{children:"\ud83d\udcc2 pages/\n  \ud83d\udcc2 feed/\n    \ud83d\udcc4 index\n  \ud83d\udcc2 sign-in/\n    \ud83d\udcc4 index\n  \ud83d\udcc2 article-read/\n    \ud83d\udcc4 index\n  \ud83d\udcc1 \u2026\n\ud83d\udcc2 shared/\n  \ud83d\udcc2 ui/\n    \ud83d\udcc4 index\n  \ud83d\udcc2 api/\n    \ud83d\udcc4 index\n  \ud83d\udcc1 \u2026\n"})}),"\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.code,{children:"pages/feed"}),"\u3084",(0,t.jsx)(n.code,{children:"shared/ui"}),"\u306e\u3088\u3046\u306a\u30d5\u30a9\u30eb\u30c0\u30fc\u5185\u306b\u3042\u308b\u3082\u306e\u306f\u3001\u3053\u308c\u3089\u306e\u30d5\u30a9\u30eb\u30c0\u30fc\u306b\u306e\u307f\u77e5\u3089\u308c\u3066\u304a\u308a\u3001\u3053\u308c\u3089\u306e\u30d5\u30a9\u30eb\u30c0\u30fc\u306e\u5185\u5bb9\u306b\u95a2\u3059\u308b\u4fdd\u8a3c\u306f\u3042\u308a\u307e\u305b\u3093\u3002"]}),"\n",(0,t.jsx)(n.h3,{id:"\u5927\u304d\u306a\u518d\u5229\u7528\u53ef\u80fd\u306aui\u30d6\u30ed\u30c3\u30af",children:"\u5927\u304d\u306a\u518d\u5229\u7528\u53ef\u80fd\u306aUI\u30d6\u30ed\u30c3\u30af"}),"\n",(0,t.jsx)(n.p,{children:"\u4ee5\u524d\u3001\u518d\u5229\u7528\u53ef\u80fd\u306a\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u306e\u30d8\u30c3\u30c0\u30fc\u306e\u3068\u3053\u308d\u306b\u623b\u308a\u307e\u3059\u304c\u3001\u5404\u30da\u30fc\u30b8\u3067\u30d8\u30c3\u30c0\u30fc\u3092\u518d\u69cb\u7bc9\u3059\u308b\u306e\u306f\u975e\u52b9\u7387\u7684\u306a\u306e\u3067\u3001\u518d\u5229\u7528\u3057\u307e\u3059\u3002\u518d\u5229\u7528\u3059\u308b\u30b3\u30fc\u30c9\u306b\u306f\u3001\u3059\u3067\u306bShared\u5c64\u304c\u3042\u308a\u307e\u3059\u304c\u3001Shared\u5c64\u5185\u306e\u5927\u304d\u306aUI\u30d6\u30ed\u30c3\u30af\u306b\u306f\u6ce8\u610f\u304c\u5fc5\u8981\u3067\u3059\u3002Shared\u5c64\u306f\u4e0a\u5c64\u306e\u30ec\u30a4\u30e4\u30fc\u306b\u3064\u3044\u3066\u4f55\u3082\u77e5\u3089\u306a\u3044\u3079\u304d\u3067\u3059\u3002"}),"\n",(0,t.jsx)(n.p,{children:"Shared\u5c64\u3068Pages\u5c64\u306e\u9593\u306b\u306f\u3001Entities\u5c64\u3001Features\u5c64\u3001Widgets\u5c64\u306e3\u3064\u306e\u4ed6\u306e\u30ec\u30a4\u30e4\u30fc\u304c\u3042\u308a\u307e\u3059\u3002\u4ed6\u306e\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u3067\u306f\u3001\u3053\u308c\u3089\u306e\u30ec\u30a4\u30e4\u30fc\u306b\u5927\u304d\u306a\u518d\u5229\u7528\u53ef\u80fd\u306a\u30d6\u30ed\u30c3\u30af\u3067\u4f7f\u7528\u3057\u305f\u3044\u3082\u306e\u304c\u3042\u308b\u304b\u3082\u3057\u308c\u307e\u305b\u3093\u3002\u305d\u306e\u5834\u5408\u3001\u305d\u306e\u30d6\u30ed\u30c3\u30af\u3092Shared\u5c64\u306b\u7f6e\u304f\u3053\u3068\u306f\u3067\u304d\u307e\u305b\u3093\u3002\u306a\u305c\u306a\u3089\u3001\u4e0a\u5c64\u304b\u3089\u30a4\u30f3\u30dd\u30fc\u30c8\u3057\u306a\u3051\u308c\u3070\u306a\u3089\u305a\u3001\u305d\u308c\u306f\u7981\u6b62\u3055\u308c\u3066\u3044\u308b\u304b\u3089\u3067\u3059\u3002\u3053\u3053\u3067Widgets\u5c64\u304c\u5f79\u7acb\u3061\u307e\u3059\u3002\u3053\u308c\u306fShared\u5c64\u3001Entities\u5c64\u3001Features\u5c64\u306e\u4e0a\u306b\u4f4d\u7f6e\u3057\u3066\u3044\u308b\u305f\u3081\u3001\u3059\u3079\u3066\u3092\u4f7f\u7528\u3067\u304d\u307e\u3059\u3002"}),"\n",(0,t.jsxs)(n.p,{children:["\u79c1\u305f\u3061\u306e\u5834\u5408\u3001\u30d8\u30c3\u30c0\u30fc\u306f\u975e\u5e38\u306b\u30b7\u30f3\u30d7\u30eb\u3067\u3059\u3002\u9759\u7684\u306a\u30ed\u30b4\u3068\u4e0a\u90e8\u30ca\u30d3\u30b2\u30fc\u30b7\u30e7\u30f3\u3057\u304b\u3042\u308a\u307e\u305b\u3093\u3002\u30ca\u30d3\u30b2\u30fc\u30b7\u30e7\u30f3\u306fAPI\u306b\u73fe\u5728\u306e\u30e6\u30fc\u30b6\u30fc\u304c\u8a8d\u8a3c\u3055\u308c\u3066\u3044\u308b\u304b\u3069\u3046\u304b\u3092\u5c0b\u306d\u308b\u5fc5\u8981\u304c\u3042\u308a\u307e\u3059\u304c\u3001\u3053\u308c\u306f",(0,t.jsx)(n.code,{children:"api"}),"\u30bb\u30b0\u30e1\u30f3\u30c8\u304b\u3089\u306e\u5358\u7d14\u306a\u30a4\u30f3\u30dd\u30fc\u30c8\u3067\u89e3\u6c7a\u3067\u304d\u307e\u3059\u3002\u3057\u305f\u304c\u3063\u3066\u3001\u30d8\u30c3\u30c0\u30fc\u306fShared\u5c64\u306b\u6b8b\u3057\u307e\u3059\u3002"]}),"\n",(0,t.jsx)(n.h3,{id:"\u30d5\u30a9\u30fc\u30e0\u30da\u30fc\u30b8\u306b\u7740\u76ee",children:"\u30d5\u30a9\u30fc\u30e0\u30da\u30fc\u30b8\u306b\u7740\u76ee"}),"\n",(0,t.jsx)(n.p,{children:"\u8a18\u4e8b\u3092\u8aad\u3080\u3060\u3051\u3067\u306a\u304f\u3001\u7de8\u96c6\u3059\u308b\u3053\u3068\u3082\u3067\u304d\u308b\u30da\u30fc\u30b8\u3082\u898b\u3066\u307f\u307e\u3057\u3087\u3046\u3002\u4f8b\u3048\u3070\u3001\u8a18\u4e8b\u7de8\u96c6\u8005\u306e\u30da\u30fc\u30b8\u3067\u3059\u3002"}),"\n",(0,t.jsx)(n.p,{children:(0,t.jsx)(n.img,{alt:"Conduit\u306e\u8a18\u4e8b\u7de8\u96c6\u8005",src:r(9922).A+"",width:"2880",height:"1200"})}),"\n",(0,t.jsx)(n.p,{children:"\u898b\u305f\u76ee\u306f\u5358\u7d14\u3067\u3059\u304c\u3001\u79c1\u305f\u3061\u304c\u307e\u3060\u8abf\u3079\u3066\u3044\u306a\u3044\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u958b\u767a\u306e\u3044\u304f\u3064\u304b\u306e\u5074\u9762\u3092\u542b\u3093\u3067\u3044\u307e\u3059\u3002\u30d5\u30a9\u30fc\u30e0\u306e\u30d0\u30ea\u30c7\u30fc\u30b7\u30e7\u30f3\u3001\u30a8\u30e9\u30fc\u72b6\u614b\u3001\u30c7\u30fc\u30bf\u306e\u6c38\u7d9a\u7684\u306a\u4fdd\u5b58\u306e\u3088\u3046\u306a\u3082\u306e\u3067\u3059\u3002"}),"\n",(0,t.jsxs)(n.p,{children:["\u3053\u306e\u30da\u30fc\u30b8\u3092\u4f5c\u6210\u3059\u308b\u306b\u306f\u3001Shared\u5c64\u304b\u3089\u3044\u304f\u3064\u304b\u306e\u30d5\u30a3\u30fc\u30eb\u30c9\u3068\u30dc\u30bf\u30f3\u3092\u53d6\u308a\u3001\u305d\u308c\u3089\u3092\u3053\u306e\u30da\u30fc\u30b8\u306e",(0,t.jsx)(n.code,{children:"ui"}),"\u30bb\u30b0\u30e1\u30f3\u30c8\u306b\u3042\u308b\u30d5\u30a9\u30fc\u30e0\u306b\u307e\u3068\u3081\u307e\u3059\u3002\u6b21\u306b\u3001",(0,t.jsx)(n.code,{children:"api"}),"\u30bb\u30b0\u30e1\u30f3\u30c8\u3067\u3001\u30d0\u30c3\u30af\u30a8\u30f3\u30c9\u306b\u8a18\u4e8b\u3092\u4f5c\u6210\u3059\u308b\u305f\u3081\u306e\u5909\u66f4\u30ea\u30af\u30a8\u30b9\u30c8\u3092\u5b9a\u7fa9\u3057\u307e\u3059\u3002"]}),"\n",(0,t.jsxs)(n.p,{children:["\u30ea\u30af\u30a8\u30b9\u30c8\u3092\u9001\u4fe1\u3059\u308b\u524d\u306b\u30ea\u30af\u30a8\u30b9\u30c8\u3092\u30d0\u30ea\u30c7\u30fc\u30b7\u30e7\u30f3\u3059\u308b\u305f\u3081\u306b\u3001\u30d0\u30ea\u30c7\u30fc\u30b7\u30e7\u30f3\u30b9\u30ad\u30fc\u30de\u304c\u5fc5\u8981\u3067\u3059\u3002\u30d0\u30ea\u30c7\u30fc\u30b7\u30e7\u30f3\u30b9\u30ad\u30fc\u30de\u306f\u30c7\u30fc\u30bf\u30e2\u30c7\u30eb\u3067\u3042\u308b\u305f\u3081\u3001",(0,t.jsx)(n.code,{children:"model"}),"\u30bb\u30b0\u30e1\u30f3\u30c8\u306b\u5165\u308c\u308b\u306e\u304c\u3061\u3087\u3046\u3069\u826f\u3044\u3067\u3059\u3002\u305d\u3053\u3067\u30a8\u30e9\u30fc\u30e1\u30c3\u30bb\u30fc\u30b8\u3092\u751f\u6210\u3057\u3001",(0,t.jsx)(n.code,{children:"ui"}),"\u30bb\u30b0\u30e1\u30f3\u30c8\u306e\u5225\u306e\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u4f7f\u7528\u3057\u3066\u30a8\u30e9\u30fc\u30e1\u30c3\u30bb\u30fc\u30b8\u3092\u8868\u793a\u3057\u307e\u3059\u3002"]}),"\n",(0,t.jsxs)(n.p,{children:["UX\u3092\u5411\u4e0a\u3055\u305b\u308b\u305f\u3081\u306b\u3001\u30d6\u30e9\u30a6\u30b6\u3092\u9589\u3058\u305f\u3068\u304d\u306b\u5076\u767a\u7684\u306a\u30c7\u30fc\u30bf\u640d\u5931\u3092\u9632\u3050\u305f\u3081\u306b\u3001\u5165\u529b\u30c7\u30fc\u30bf\u3092\u6c38\u7d9a\u7684\u306b\u4fdd\u5b58\u3059\u308b\u3053\u3068\u3082\u3067\u304d\u307e\u3059\u3002\u3053\u308c\u3082",(0,t.jsx)(n.code,{children:"model"}),"\u30bb\u30b0\u30e1\u30f3\u30c8\u306b\u9069\u3057\u3066\u3044\u307e\u3059\u3002"]}),"\n",(0,t.jsx)(n.h3,{id:"\u307e\u3068\u3081",children:"\u307e\u3068\u3081"}),"\n",(0,t.jsx)(n.p,{children:"\u3044\u304f\u3064\u304b\u306e\u30da\u30fc\u30b8\u306b\u7740\u76ee\u3057\u3001\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u306e\u57fa\u672c\u7684\u306a\u69cb\u9020\u3092\u6c7a\u3081\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3057\u305f\u3002"}),"\n",(0,t.jsxs)(n.ol,{children:["\n",(0,t.jsxs)(n.li,{children:["Shared\u5c64","\n",(0,t.jsxs)(n.ol,{children:["\n",(0,t.jsxs)(n.li,{children:[(0,t.jsx)(n.code,{children:"ui"})," \u306b\u306f\u518d\u5229\u7528\u53ef\u80fd\u306aUI\u30ad\u30c3\u30c8\u304c\u542b\u307e\u308c\u308b"]}),"\n",(0,t.jsxs)(n.li,{children:[(0,t.jsx)(n.code,{children:"api"})," \u306b\u306f\u30d0\u30c3\u30af\u30a8\u30f3\u30c9\u3068\u306e\u30a4\u30f3\u30bf\u30e9\u30af\u30b7\u30e7\u30f3\u306e\u305f\u3081\u306e\u30d7\u30ea\u30df\u30c6\u30a3\u30d6\u304c\u542b\u307e\u308c\u308b"]}),"\n",(0,t.jsx)(n.li,{children:"\u6b8b\u308a\u306f\u30b3\u30fc\u30c9\u3092\u66f8\u304f\u904e\u7a0b\u3067\u6574\u7406\u3059\u308b"}),"\n"]}),"\n"]}),"\n",(0,t.jsxs)(n.li,{children:["Pages\u5c64 \u2014 \u5404\u30da\u30fc\u30b8\u306b\u5bfe\u3057\u3066\u500b\u5225\u306e\u30b9\u30e9\u30a4\u30b9\u3092\u4f5c\u6210","\n",(0,t.jsxs)(n.ol,{children:["\n",(0,t.jsxs)(n.li,{children:[(0,t.jsx)(n.code,{children:"ui"})," \u306b\u306f\u30da\u30fc\u30b8\u81ea\u4f53\u3068\u305d\u306e\u69cb\u6210\u8981\u7d20\u304c\u542b\u307e\u308c\u308b"]}),"\n",(0,t.jsxs)(n.li,{children:[(0,t.jsx)(n.code,{children:"api"})," \u306b\u306f",(0,t.jsx)(n.code,{children:"shared/api"}),"\u3092\u4f7f\u7528\u3059\u308b\u30c7\u30fc\u30bf\u53d6\u5f97\u306e\u305f\u3081\u306e\u3088\u308a\u5c02\u7528\u7684\u306a\u95a2\u6570\u304c\u542b\u307e\u308c\u308b"]}),"\n",(0,t.jsxs)(n.li,{children:[(0,t.jsx)(n.code,{children:"model"})," \u306b\u306f\u8868\u793a\u3059\u308b\u30c7\u30fc\u30bf\u306e\u30af\u30e9\u30a4\u30a2\u30f3\u30c8\u30b9\u30c8\u30ec\u30fc\u30b8\u306a\u3069\u304c\u542b\u307e\u308c\u308b"]}),"\n"]}),"\n"]}),"\n"]}),"\n",(0,t.jsx)(n.p,{children:"\u3053\u308c\u3067\u3053\u306e\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u3092\u4f5c\u308a\u307e\u3057\u3087\u3046\uff01"}),"\n",(0,t.jsx)(n.h2,{id:"\u7b2c\uff12\u7ae0-\u30b3\u30fc\u30c9\u306e\u4e2d\u3067",children:"\u7b2c\uff12\u7ae0 \u30b3\u30fc\u30c9\u306e\u4e2d\u3067"}),"\n",(0,t.jsxs)(n.p,{children:["\u8a08\u753b\u304c\u3067\u304d\u305f\u306e\u3067\u3001\u5b9f\u73fe\u3057\u3066\u3044\u304d\u307e\u3057\u3087\u3046\u3002React\u3068",(0,t.jsx)(n.a,{href:"https://remix.run/",children:"Remix"}),"\u3092\u4f7f\u7528\u3057\u307e\u3059\u3002"]}),"\n",(0,t.jsx)(n.p,{children:"\u3053\u306e\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u306b\u306f\u3059\u3067\u306b\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u304c\u7528\u610f\u3055\u308c\u3066\u3044\u308b\u306e\u3067\u3001GitHub\u304b\u3089\u30af\u30ed\u30fc\u30f3\u3057\u3066\u4f5c\u6210\u3092\u59cb\u3081\u3066\u304f\u3060\u3055\u3044\u3002"}),"\n",(0,t.jsx)(n.p,{children:(0,t.jsx)(n.a,{href:"https://github.com/feature-sliced/tutorial-conduit/tree/clean",children:"https://github.com/feature-sliced/tutorial-conduit/tree/clean"})}),"\n",(0,t.jsxs)(n.p,{children:["\u4f9d\u5b58\u95a2\u4fc2\u3092",(0,t.jsx)(n.code,{children:"npm install"}),"\u3067\u30a4\u30f3\u30b9\u30c8\u30fc\u30eb\u3057\u3001",(0,t.jsx)(n.code,{children:"npm run dev"}),"\u3067\u30b5\u30fc\u30d0\u30fc\u3092\u8d77\u52d5\u3057\u307e\u3059\u3002",(0,t.jsx)(n.a,{href:"http://localhost:3000/",children:"http://localhost:3000"}),"\u3092\u958b\u304f\u3068\u3001\u7a7a\u306e\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u304c\u8868\u793a\u3055\u308c\u307e\u3059\u3002"]}),"\n",(0,t.jsx)(n.h3,{id:"\u30da\u30fc\u30b8\u3054\u3068\u306b\u6574\u7406\u3059\u308b",children:"\u30da\u30fc\u30b8\u3054\u3068\u306b\u6574\u7406\u3059\u308b"}),"\n",(0,t.jsx)(n.p,{children:"\u3059\u3079\u3066\u306e\u30da\u30fc\u30b8\u306e\u305f\u3081\u306b\u7a7a\u306e\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u4f5c\u6210\u3059\u308b\u3053\u3068\u304b\u3089\u59cb\u3081\u307e\u3057\u3087\u3046\u3002\u30bf\u30fc\u30df\u30ca\u30eb\u3067\u6b21\u306e\u30b3\u30de\u30f3\u30c9\u3092\u5b9f\u884c\u3057\u307e\u3059\u3002"}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-bash",children:"npx fsd pages feed sign-in article-read article-edit profile settings --segments ui\n"})}),"\n",(0,t.jsxs)(n.p,{children:["\u3053\u308c\u306b\u3088\u308a\u3001",(0,t.jsx)(n.code,{children:"pages/feed/ui/"}),"\u306e\u3088\u3046\u306a\u30d5\u30a9\u30eb\u30c0\u30fc\u3068\u3001\u5404\u30da\u30fc\u30b8\u306e\u30a4\u30f3\u30c7\u30c3\u30af\u30b9\u30d5\u30a1\u30a4\u30eb",(0,t.jsx)(n.code,{children:"pages/feed/index.ts"}),"\u304c\u4f5c\u6210\u3055\u308c\u307e\u3059\u3002"]}),"\n",(0,t.jsx)(n.h3,{id:"\u30d5\u30a3\u30fc\u30c9\u30da\u30fc\u30b8\u3092\u63a5\u7d9a\u3059\u308b",children:"\u30d5\u30a3\u30fc\u30c9\u30da\u30fc\u30b8\u3092\u63a5\u7d9a\u3059\u308b"}),"\n",(0,t.jsxs)(n.p,{children:["\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u306e\u30eb\u30fc\u30c8\uff08",(0,t.jsx)(n.code,{children:"/"}),"\uff09\u3092\u30d5\u30a3\u30fc\u30c9\u30da\u30fc\u30b8\u306b\u63a5\u7d9a\u3057\u307e\u3057\u3087\u3046\u3002",(0,t.jsx)(n.code,{children:"pages/feed/ui"}),"\u306b",(0,t.jsx)(n.code,{children:"FeedPage.tsx"}),"\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u4f5c\u6210\u3057\u3001\u6b21\u306e\u5185\u5bb9\u3092\u5165\u308c\u307e\u3059\u3002"]}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/feed/ui/FeedPage.tsx"',children:'export function FeedPage() {\n  return (\n    <div className="home-page">\n      <div className="banner">\n        <div className="container">\n          <h1 className="logo-font">conduit</h1>\n          <p>\u77e5\u8b58\u3092\u5171\u6709\u3059\u308b\u5834</p>\n        </div>\n      </div>\n    </div>\n  );\n}\n'})}),"\n",(0,t.jsx)(n.p,{children:"\u6b21\u306b\u3001\u3053\u306e\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u30d5\u30a3\u30fc\u30c9\u30da\u30fc\u30b8\u306e\u516c\u958bAPI\u306b\u518d\u30a8\u30af\u30b9\u30dd\u30fc\u30c8\u3057\u307e\u3059\u3002"}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/feed/index.ts"',children:'export { FeedPage } from "./ui/FeedPage";\n'})}),"\n",(0,t.jsxs)(n.p,{children:["\u6b21\u306b\u3001\u30eb\u30fc\u30c8\u306b\u63a5\u7d9a\u3057\u307e\u3059\u3002Remix\u3067\u306f\u3001\u30eb\u30fc\u30c6\u30a3\u30f3\u30b0\u306f\u30d5\u30a1\u30a4\u30eb\u306b\u57fa\u3065\u3044\u3066\u3044\u3066\u3001\u30eb\u30fc\u30c8\u30d5\u30a1\u30a4\u30eb\u306f",(0,t.jsx)(n.code,{children:"app/routes"}),"\u30d5\u30a9\u30eb\u30c0\u30fc\u306b\u3042\u308a\u307e\u3059\u3002\u3053\u308c\u306fFeature-Sliced Design\u3068\u3088\u304f\u7d44\u307f\u5408\u3063\u3066\u3044\u307e\u3059\u3002"]}),"\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.code,{children:"app/routes/_index.tsx"}),"\u3067",(0,t.jsx)(n.code,{children:"FeedPage"}),"\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u4f7f\u7528\u3057\u307e\u3059\u3002"]}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-tsx",metastring:'title="app/routes/_index.tsx"',children:'import type { MetaFunction } from "@remix-run/node";\nimport { FeedPage } from "pages/feed";\n\nexport const meta: MetaFunction = () => {\n  return [{ title: "Conduit" }];\n};\n\nexport default FeedPage;\n'})}),"\n",(0,t.jsx)(n.p,{children:"\u3053\u308c\u3067\u3001dev\u30b5\u30fc\u30d0\u30fc\u3092\u8d77\u52d5\u3057\u3001\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u3092\u958b\u304f\u3068\u3001Conduit\u306e\u30d0\u30ca\u30fc\u304c\u8868\u793a\u3055\u308c\u308b\u306f\u305a\u3067\u3059\uff01"}),"\n",(0,t.jsx)(n.p,{children:(0,t.jsx)(n.img,{alt:"Conduit\u306e\u30d0\u30ca\u30fc",src:r(8891).A+"",width:"2880",height:"338"})}),"\n",(0,t.jsx)(n.h3,{id:"api\u30af\u30e9\u30a4\u30a2\u30f3\u30c8",children:"API\u30af\u30e9\u30a4\u30a2\u30f3\u30c8"}),"\n",(0,t.jsxs)(n.p,{children:["RealWorld\u306e\u30d0\u30c3\u30af\u30a8\u30f3\u30c9\u3068\u901a\u4fe1\u3059\u308b\u305f\u3081\u306b\u3001Shared\u5c64\u5185\u306b\u4fbf\u5229\u306aAPI\u30af\u30e9\u30a4\u30a2\u30f3\u30c8\u3092\u4f5c\u6210\u3057\u307e\u3057\u3087\u3046\u3002\u30af\u30e9\u30a4\u30a2\u30f3\u30c8\u7528\u306e",(0,t.jsx)(n.code,{children:"api"}),"\u30bb\u30b0\u30e1\u30f3\u30c8\u3068\u3001\u30d0\u30c3\u30af\u30a8\u30f3\u30c9\u306e\u57fa\u672cURL\u306a\u3069\u306e\u5909\u6570\u7528\u306e",(0,t.jsx)(n.code,{children:"config"}),"\u30bb\u30b0\u30e1\u30f3\u30c8\u3092\u4f5c\u6210\u3057\u307e\u3059\u3002"]}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-bash",children:"npx fsd shared --segments api config\n"})}),"\n",(0,t.jsxs)(n.p,{children:["\u6b21\u306b\u3001",(0,t.jsx)(n.code,{children:"shared/config/backend.ts"}),"\u3092\u4f5c\u6210\u3057\u307e\u3059\u3002"]}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-tsx",metastring:'title="shared/config/backend.ts"',children:'export const backendBaseUrl = "https://api.realworld.io/api";\n'})}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-tsx",metastring:'title="shared/config/index.ts"',children:'export { backendBaseUrl } from "./backend";\n'})}),"\n",(0,t.jsxs)(n.p,{children:["RealWorld\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u306f",(0,t.jsx)(n.a,{href:"https://github.com/gothinkster/realworld/blob/main/api/openapi.yml",children:"OpenAPI\u4ed5\u69d8"}),"\u3092\u63d0\u4f9b\u3057\u3066\u3044\u308b\u305f\u3081\u3001API\u30af\u30e9\u30a4\u30a2\u30f3\u30c8\u306e\u578b\u3092\u81ea\u52d5\u7684\u306b\u751f\u6210\u3067\u304d\u307e\u3059\u3002\u79c1\u305f\u3061\u306f",(0,t.jsxs)(n.a,{href:"https://openapi-ts.pages.dev/openapi-fetch/",children:[(0,t.jsx)(n.code,{children:"openapi-fetch"}),"\u30d1\u30c3\u30b1\u30fc\u30b8"]}),"\u3092\u4f7f\u7528\u3057\u307e\u3059\u3002\u3053\u306e\u30d1\u30c3\u30b1\u30fc\u30b8\u306b\u306fTypeScript\u306e\u578b\u3092\u81ea\u52d5\u751f\u6210\u3059\u308b\u30c4\u30fc\u30eb\u3082\u542b\u307e\u308c\u3066\u3044\u307e\u3059\u3002"]}),"\n",(0,t.jsx)(n.p,{children:"\u6b21\u306e\u30b3\u30de\u30f3\u30c9\u3092\u5b9f\u884c\u3057\u3066\u3001API\u306e\u6700\u65b0\u306e\u578b\u3092\u751f\u6210\u3057\u307e\u3057\u3087\u3046\u3002"}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-bash",children:"npm run generate-api-types\n"})}),"\n",(0,t.jsxs)(n.p,{children:["\u305d\u306e\u7d50\u679c\u3001",(0,t.jsx)(n.code,{children:"shared/api/v1.d.ts"}),"\u30d5\u30a1\u30a4\u30eb\u304c\u4f5c\u6210\u3055\u308c\u307e\u3059\u3002\u3053\u306e\u30d5\u30a1\u30a4\u30eb\u3092\u4f7f\u7528\u3057\u3066\u3001",(0,t.jsx)(n.code,{children:"shared/api/client.ts"}),"\u3067\u578b\u4ed8\u304dAPI\u30af\u30e9\u30a4\u30a2\u30f3\u30c8\u3092\u4f5c\u6210\u3057\u307e\u3059\u3002"]}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-tsx",metastring:'title="shared/api/client.ts"',children:'import createClient from "openapi-fetch";\n\nimport { backendBaseUrl } from "shared/config";\nimport type { paths } from "./v1";\n\nexport const { GET, POST, PUT, DELETE } = createClient<paths>({ baseUrl: backendBaseUrl });\n'})}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-tsx",metastring:'title="shared/api/index.ts"',children:'export { GET, POST, PUT, DELETE } from "./client";\n'})}),"\n",(0,t.jsx)(n.h3,{id:"\u30d5\u30a3\u30fc\u30c9\u5185\u306e\u5b9f\u30c7\u30fc\u30bf",children:"\u30d5\u30a3\u30fc\u30c9\u5185\u306e\u5b9f\u30c7\u30fc\u30bf"}),"\n",(0,t.jsx)(n.p,{children:"\u3053\u308c\u3067\u3001\u30d0\u30c3\u30af\u30a8\u30f3\u30c9\u304b\u3089\u8a18\u4e8b\u3092\u53d6\u5f97\u3057\u3001\u30d5\u30a3\u30fc\u30c9\u306b\u8ffd\u52a0\u3067\u304d\u307e\u3059\u3002\u307e\u305a\u3001\u8a18\u4e8b\u30d7\u30ec\u30d3\u30e5\u30fc\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u5b9f\u88c5\u3057\u307e\u3057\u3087\u3046\u3002"}),"\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.code,{children:"pages/feed/ui/ArticlePreview.tsx"}),"\u3092\u4f5c\u6210\u3057\u3001\u6b21\u306e\u5185\u5bb9\u3092\u8a18\u8ff0\u3057\u307e\u3059\u3002"]}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/feed/ui/ArticlePreview.tsx"',children:"export function ArticlePreview({ article }) { /* TODO */ }\n"})}),"\n",(0,t.jsxs)(n.p,{children:["\u79c1\u305f\u3061\u306fTypeScript\u3092\u4f7f\u3063\u3066\u3044\u308b\u306e\u3067\u3001\u578b\u4ed8\u304d\u306eArticle\u30aa\u30d6\u30b8\u30a7\u30af\u30c8\u3092\u6301\u3064\u3068\u826f\u3044\u3067\u3057\u3087\u3046\u3002\u751f\u6210\u3055\u308c\u305f",(0,t.jsx)(n.code,{children:"v1.d.ts"}),"\u3092\u8abf\u3079\u308b\u3068\u3001Article\u30aa\u30d6\u30b8\u30a7\u30af\u30c8\u306f",(0,t.jsx)(n.code,{children:'components["schemas"]["Article"]'}),"\u3092\u4ecb\u3057\u3066\u5229\u7528\u53ef\u80fd\u3067\u3042\u308b\u3053\u3068\u304c\u308f\u304b\u308a\u307e\u3059\u3002\u3053\u308c\u3067Shared\u5c64\u5185\u306b\u30c7\u30fc\u30bf\u30e2\u30c7\u30eb\u3092\u6301\u3064\u30d5\u30a1\u30a4\u30eb\u3092\u4f5c\u6210\u3057\u3001\u30e2\u30c7\u30eb\u3092\u30a8\u30af\u30b9\u30dd\u30fc\u30c8\u3057\u307e\u3057\u3087\u3046\u3002"]}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-tsx",metastring:'title="shared/api/models.ts"',children:'import type { components } from "./v1";\n\nexport type Article = components["schemas"]["Article"];\n'})}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-tsx",metastring:'title="shared/api/index.ts"',children:'export { GET, POST, PUT, DELETE } from "./client";\n\nexport type { Article } from "./models";\n'})}),"\n",(0,t.jsx)(n.p,{children:"\u3053\u308c\u3067\u3001\u8a18\u4e8b\u30d7\u30ec\u30d3\u30e5\u30fc\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306b\u623b\u3063\u3066\u3001\u30c7\u30fc\u30bf\u3067\u30de\u30fc\u30af\u30a2\u30c3\u30d7\u3092\u57cb\u3081\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002\u6b21\u306e\u5185\u5bb9\u3092\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306b\u8ffd\u52a0\u3057\u307e\u3059\u3002"}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/feed/ui/ArticlePreview.tsx"',children:'import { Link } from "@remix-run/react";\nimport type { Article } from "shared/api";\n\ninterface ArticlePreviewProps {\n  article: Article;\n}\n\nexport function ArticlePreview({ article }: ArticlePreviewProps) {\n  return (\n    <div className="article-preview">\n      <div className="article-meta">\n        <Link to={`/profile/${article.author.username}`} prefetch="intent">\n          <img src={article.author.image} alt="" />\n        </Link>\n        <div className="info">\n          <Link\n            to={`/profile/${article.author.username}`}\n            className="author"\n            prefetch="intent"\n          >\n            {article.author.username}\n          </Link>\n          <span className="date" suppressHydrationWarning>\n            {new Date(article.createdAt).toLocaleDateString(undefined, {\n              dateStyle: "long",\n            })}\n          </span>\n        </div>\n        <button className="btn btn-outline-primary btn-sm pull-xs-right">\n          <i className="ion-heart"></i> {article.favoritesCount}\n        </button>\n      </div>\n      <Link\n        to={`/article/${article.slug}`}\n        className="preview-link"\n        prefetch="intent"\n      >\n        <h1>{article.title}</h1>\n        <p>{article.description}</p>\n        <span>\u7d9a\u304d\u3092\u8aad\u3080...</span>\n        <ul className="tag-list">\n          {article.tagList.map((tag) => (\n            <li key={tag} className="tag-default tag-pill tag-outline">\n              {tag}\n            </li>\n          ))}\n        </ul>\n      </Link>\n    </div>\n  );\n}\n'})}),"\n",(0,t.jsx)(n.p,{children:"\u300c\u3044\u3044\u306d\u300d\u30dc\u30bf\u30f3\u306f\u307e\u3060\u6a5f\u80fd\u3057\u3066\u3044\u307e\u305b\u3093\u3002\u305d\u308c\u306f\u8a18\u4e8b\u306e\u8aad\u307f\u53d6\u308a\u30da\u30fc\u30b8\u306b\u79fb\u52d5\u3057\u3066\u3001\u300c\u3044\u3044\u306d\u300d\u6a5f\u80fd\u3092\u5b9f\u88c5\u3059\u308b\u3068\u304d\u306b\u4fee\u6b63\u3057\u307e\u3059\u3002"}),"\n",(0,t.jsxs)(n.p,{children:["\u3053\u308c\u3067\u3001\u8a18\u4e8b\u3092\u53d6\u5f97\u3057\u3066\u3001\u305f\u304f\u3055\u3093\u306e\u30d7\u30ec\u30d3\u30e5\u30fc\u30ab\u30fc\u30c9\u3092\u8868\u793a\u3067\u304d\u307e\u3059\u3002Remix\u3067\u306f\u3001\u30c7\u30fc\u30bf\u306e\u53d6\u5f97\u306f",(0,t.jsx)(n.em,{children:"\u30ed\u30fc\u30c0\u30fc"}),"\u3092\u4f7f\u7528\u3057\u3066\u884c\u308f\u308c\u307e\u3059\u3002\u30ed\u30fc\u30c0\u30fc\u306f\u3001\u30da\u30fc\u30b8\u306b\u5fc5\u8981\u306a\u30c7\u30fc\u30bf\u3092\u53ce\u96c6\u3059\u308b\u30b5\u30fc\u30d0\u30fc\u95a2\u6570\u3067\u3059\u3002\u30ed\u30fc\u30c0\u30fc\u306f\u30da\u30fc\u30b8\u306e\u4ee3\u308f\u308a\u306bAPI\u3068\u3084\u308a\u53d6\u308a\u3092\u3059\u308b\u305f\u3081\u3001",(0,t.jsx)(n.code,{children:"api"}),"\u30bb\u30b0\u30e1\u30f3\u30c8\u306b\u914d\u7f6e\u3057\u307e\u3059\u3002"]}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/feed/api/loader.ts"',children:'import { json } from "@remix-run/node";\n\nimport { GET } from "shared/api";\n\nexport const loader = async () => {\n  const { data: articles, error, response } = await GET("/articles");\n\n  if (error !== undefined) {\n    throw json(error, { status: response.status });\n  }\n\n  return json({ articles });\n};\n'})}),"\n",(0,t.jsxs)(n.p,{children:["\u3053\u308c\u3092\u30da\u30fc\u30b8\u306b\u63a5\u7d9a\u3059\u308b\u306b\u306f\u3001\u30eb\u30fc\u30c8\u30d5\u30a1\u30a4\u30eb\u304b\u3089",(0,t.jsx)(n.code,{children:"loader"}),"\u3068\u3057\u3066\u30a8\u30af\u30b9\u30dd\u30fc\u30c8\u3059\u308b\u5fc5\u8981\u304c\u3042\u308a\u307e\u3059\u3002"]}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/feed/index.ts"',children:'export { FeedPage } from "./ui/FeedPage";\nexport { loader } from "./api/loader";\n'})}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-tsx",metastring:'title="app/routes/_index.tsx"',children:'import type { MetaFunction } from "@remix-run/node";\nimport { FeedPage } from "pages/feed";\n\nexport { loader } from "pages/feed";\n\nexport const meta: MetaFunction = () => {\n  return [{ title: "Conduit" }];\n};\n\nexport default FeedPage;\n'})}),"\n",(0,t.jsxs)(n.p,{children:["\u6700\u5f8c\u306e\u30b9\u30c6\u30c3\u30d7\u306f\u3001\u3053\u308c\u3089\u306e\u30ab\u30fc\u30c9\u3092\u30d5\u30a3\u30fc\u30c9\u306b\u8868\u793a\u3059\u308b\u3053\u3068\u3067\u3059\u3002",(0,t.jsx)(n.code,{children:"FeedPage"}),"\u3092\u6b21\u306e\u30b3\u30fc\u30c9\u3067\u66f4\u65b0\u3057\u307e\u3059\u3002"]}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/feed/ui/FeedPage.tsx"',children:'import { useLoaderData } from "@remix-run/react";\n\nimport type { loader } from "../api/loader";\nimport { ArticlePreview } from "./ArticlePreview";\n\nexport function FeedPage() {\n  const { articles } = useLoaderData<typeof loader>();\n\n  return (\n    <div className="home-page">\n      <div className="banner">\n        <div className="container">\n          <h1 className="logo-font">conduit</h1>\n          <p>\u77e5\u8b58\u3092\u5171\u6709\u3059\u308b\u5834</p>\n        </div>\n      </div>\n\n      <div className="container page">\n        <div className="row">\n          <div className="col-md-9">\n            {articles.articles.map((article) => (\n              <ArticlePreview key={article.slug} article={article} />\n            ))}\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n}\n'})}),"\n",(0,t.jsx)(n.h3,{id:"\u30bf\u30b0\u306b\u3088\u308b\u30d5\u30a3\u30eb\u30bf\u30ea\u30f3\u30b0",children:"\u30bf\u30b0\u306b\u3088\u308b\u30d5\u30a3\u30eb\u30bf\u30ea\u30f3\u30b0"}),"\n",(0,t.jsxs)(n.p,{children:["\u30bf\u30b0\u306b\u95a2\u3057\u3066\u306f\u3001\u30d0\u30c3\u30af\u30a8\u30f3\u30c9\u304b\u3089\u53d6\u5f97\u3057\u3001\u30e6\u30fc\u30b6\u30fc\u304c\u9078\u629e\u3057\u305f\u30bf\u30b0\u3092\u8a18\u61b6\u3059\u308b\u5fc5\u8981\u304c\u3042\u308a\u307e\u3059\u3002\u79c1\u305f\u3061\u306f\u30d0\u30c3\u30af\u30a8\u30f3\u30c9\u304b\u3089\u306e\u53d6\u5f97\u65b9\u6cd5\u306f\u3059\u3067\u306b\u77e5\u3063\u3066\u3044\u307e\u3059\u3002\u3053\u308c\u306f\u30ed\u30fc\u30c0\u30fc\u95a2\u6570\u304b\u3089\u306e\u5225\u306e\u30ea\u30af\u30a8\u30b9\u30c8\u3067\u3059\u3002\u3059\u3067\u306b\u30a4\u30f3\u30b9\u30c8\u30fc\u30eb\u3055\u308c\u3066\u3044\u308b",(0,t.jsx)(n.code,{children:"remix-utils"}),"\u30d1\u30c3\u30b1\u30fc\u30b8\u306e\u4fbf\u5229\u306a",(0,t.jsx)(n.code,{children:"promiseHash"}),"\u95a2\u6570\u3092\u4f7f\u7528\u3057\u307e\u3059\u3002"]}),"\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.code,{children:"pages/feed/api/loader.ts"}),"\u306e\u30ed\u30fc\u30c0\u30fc\u3092\u6b21\u306e\u30b3\u30fc\u30c9\u3067\u66f4\u65b0\u3057\u307e\u3059\u3002"]}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/feed/api/loader.ts"',children:'import { json } from "@remix-run/node";\nimport type { FetchResponse } from "openapi-fetch";\nimport { promiseHash } from "remix-utils/promise";\n\nimport { GET } from "shared/api";\n\nasync function throwAnyErrors<T, O, Media extends `${string}/${string}`>(\n  responsePromise: Promise<FetchResponse<T, O, Media>>,\n) {\n  const { data, error, response } = await responsePromise;\n\n  if (error !== undefined) {\n    throw json(error, { status: response.status });\n  }\n\n  return data as NonNullable<typeof data>;\n}\n\nexport const loader = async () => {\n  return json(\n    await promiseHash({\n      articles: throwAnyErrors(GET("/articles")),\n      tags: throwAnyErrors(GET("/tags")),\n    }),\n  );\n};\n'})}),"\n",(0,t.jsxs)(n.p,{children:["\u30a8\u30e9\u30fc\u51e6\u7406\u3092\u5171\u901a\u306e",(0,t.jsx)(n.code,{children:"throwAnyErrors"}),"\u95a2\u6570\u306b\u79fb\u3057\u305f\u3053\u3068\u306b\u6c17\u4ed8\u3044\u305f\u3067\u3057\u3087\u3046\u304b\u3002\u305d\u308c\u306f\u304b\u306a\u308a\u4f7f\u3048\u305d\u3046\u306b\u898b\u3048\u308b\u306e\u3067\u3001\u5f8c\u3067\u518d\u5229\u7528\u3059\u308b\u304b\u3082\u3057\u308c\u307e\u305b\u3093\u3002"]}),"\n",(0,t.jsx)(n.p,{children:"\u30bf\u30b0\u4e00\u89a7\u3092\u30a4\u30f3\u30bf\u30e9\u30af\u30c6\u30a3\u30d6\u306b\u3059\u308b\u5fc5\u8981\u304c\u3042\u308a\u307e\u3059\u3002\u30bf\u30b0\u3092\u30af\u30ea\u30c3\u30af\u3059\u308b\u3068\u3001\u305d\u306e\u30bf\u30b0\u304c\u9078\u629e\u3055\u308c\u308b\u3088\u3046\u306b\u3057\u307e\u3059\u3002Remix\u306e\u4f1d\u7d71\u306b\u5f93\u3044\u3001\u9078\u629e\u3055\u308c\u305f\u30bf\u30b0\u306e\u30b9\u30c8\u30ec\u30fc\u30b8\u3068\u3057\u3066URL\u306e\u30af\u30a8\u30ea\u30d1\u30e9\u30e1\u30fc\u30bf\u3092\u4f7f\u7528\u3057\u307e\u3059\u3002\u30d6\u30e9\u30a6\u30b6\u306b\u30b9\u30c8\u30ec\u30fc\u30b8\u3092\u4efb\u305b\u3001\u79c1\u305f\u3061\u306f\u3088\u308a\u91cd\u8981\u306a\u3053\u3068\u306b\u96c6\u4e2d\u3057\u307e\u3057\u3087\u3046\u3002"}),"\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.code,{children:"pages/feed/ui/FeedPage.tsx"}),"\u3092\u6b21\u306e\u30b3\u30fc\u30c9\u3067\u66f4\u65b0\u3057\u307e\u3059\u3002"]}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/feed/ui/FeedPage.tsx"',children:'import { Form, useLoaderData } from "@remix-run/react";\nimport { ExistingSearchParams } from "remix-utils/existing-search-params";\n\nimport type { loader } from "../api/loader";\nimport { ArticlePreview } from "./ArticlePreview";\n\nexport function FeedPage() {\n  const { articles, tags } = useLoaderData<typeof loader>();\n\n  return (\n    <div className="home-page">\n      <div className="banner">\n        <div className="container">\n          <h1 className="logo-font">conduit</h1>\n          <p>\u77e5\u8b58\u3092\u5171\u6709\u3059\u308b\u5834</p>\n        </div>\n      </div>\n\n      <div className="container page">\n        <div className="row">\n          <div className="col-md-9">\n            {articles.articles.map((article) => (\n              <ArticlePreview key={article.slug} article={article} />\n            ))}\n          </div>\n\n          <div className="col-md-3">\n            <div className="sidebar">\n              <p>\u4eba\u6c17\u306e\u30bf\u30b0</p>\n\n              <Form>\n                <ExistingSearchParams exclude={["tag"]} />\n                <div className="tag-list">\n                  {tags.tags.map((tag) => (\n                    <button\n                      key={tag}\n                      name="tag"\n                      value={tag}\n                      className="tag-pill tag-default"\n                    >\n                      {tag}\n                    </button>\n                  ))}\n                </div>\n              </Form>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n}\n'})}),"\n",(0,t.jsxs)(n.p,{children:["\u6b21\u306b\u3001\u30bf\u30b0\u306e\u691c\u7d22\u30d1\u30e9\u30e1\u30fc\u30bf\u3092\u30ed\u30fc\u30c0\u30fc\u3067\u4f7f\u7528\u3059\u308b\u5fc5\u8981\u304c\u3042\u308a\u307e\u3059\u3002",(0,t.jsx)(n.code,{children:"pages/feed/api/loader.ts"}),"\u306e",(0,t.jsx)(n.code,{children:"loader"}),"\u95a2\u6570\u3092\u6b21\u306e\u3088\u3046\u306b\u5909\u66f4\u3057\u307e\u3059\u3002"]}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/feed/api/loader.ts"',children:'import { json, type LoaderFunctionArgs } from "@remix-run/node";\nimport type { FetchResponse } from "openapi-fetch";\nimport { promiseHash } from "remix-utils/promise";\n\nimport { GET } from "shared/api";\n\nasync function throwAnyErrors<T, O, Media extends `${string}/${string}`>(\n  responsePromise: Promise<FetchResponse<T, O, Media>>,\n) {\n  const { data, error, response } = await responsePromise;\n\n  if (error !== undefined) {\n    throw json(error, { status: response.status });\n  }\n\n  return data as NonNullable<typeof data>;\n}\n\nexport const loader = async ({ request }: LoaderFunctionArgs) => {\n  const url = new URL(request.url);\n  const selectedTag = url.searchParams.get("tag") ?? undefined;\n\n  return json(\n    await promiseHash({\n      articles: throwAnyErrors(\n        GET("/articles", { params: { query: { tag: selectedTag } } }),\n      ),\n      tags: throwAnyErrors(GET("/tags")),\n    }),\n  );\n};\n'})}),"\n",(0,t.jsxs)(n.p,{children:["\u4ee5\u4e0a\u3067\u3059\u3002\u6700\u7d42\u7684\u306b",(0,t.jsx)(n.code,{children:"model"}),"\u30bb\u30b0\u30e1\u30f3\u30c8\u306f\u5fc5\u8981\u3042\u308a\u307e\u305b\u3093\u3067\u3057\u305f\u3002Remix\u306f\u3059\u3054\u3044\u3067\u3059\u3088\u306d\u3002"]}),"\n",(0,t.jsx)(n.h3,{id:"\u30da\u30fc\u30b8\u30cd\u30fc\u30b7\u30e7\u30f3",children:"\u30da\u30fc\u30b8\u30cd\u30fc\u30b7\u30e7\u30f3"}),"\n",(0,t.jsx)(n.p,{children:"\u540c\u69d8\u306b\u3001\u30da\u30fc\u30b8\u30cd\u30fc\u30b7\u30e7\u30f3\u3092\u5b9f\u88c5\u3067\u304d\u307e\u3059\u3002\u81ea\u5206\u3067\u5b9f\u88c5\u3057\u3066\u307f\u3066\u3082\u3001\u4ee5\u4e0b\u306e\u30b3\u30fc\u30c9\u3092\u30b3\u30d4\u30fc\u3057\u3066\u3082\u826f\u3044\u3067\u3059\u3002"}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/feed/api/loader.ts"',children:'import { json, type LoaderFunctionArgs } from "@remix-run/node";\nimport type { FetchResponse } from "openapi-fetch";\nimport { promiseHash } from "remix-utils/promise";\n\nimport { GET } from "shared/api";\n\nasync function throwAnyErrors<T, O, Media extends `${string}/${string}`>(\n  responsePromise: Promise<FetchResponse<T, O, Media>>,\n) {\n  const { data, error, response } = await responsePromise;\n\n  if (error !== undefined) {\n    throw json(error, { status: response.status });\n  }\n\n  return data as NonNullable<typeof data>;\n}\n\n/** 1\u30da\u30fc\u30b8\u3042\u305f\u308a\u306e\u8a18\u4e8b\u306e\u6570\u3002 */\nexport const LIMIT = 20;\n\nexport const loader = async ({ request }: LoaderFunctionArgs) => {\n  const url = new URL(request.url);\n  const selectedTag = url.searchParams.get("tag") ?? undefined;\n  const page = parseInt(url.searchParams.get("page") ?? "", 10);\n\n  return json(\n    await promiseHash({\n      articles: throwAnyErrors(\n        GET("/articles", {\n          params: {\n            query: {\n              tag: selectedTag,\n              limit: LIMIT,\n              offset: !Number.isNaN(page) ? page * LIMIT : undefined,\n            },\n          },\n        }),\n      ),\n      tags: throwAnyErrors(GET("/tags")),\n    }),\n  );\n};\n'})}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/feed/ui/FeedPage.tsx"',children:'import { Form, useLoaderData, useSearchParams } from "@remix-run/react";\nimport { ExistingSearchParams } from "remix-utils/existing-search-params";\n\nimport { LIMIT, type loader } from "../api/loader";\nimport { ArticlePreview } from "./ArticlePreview";\n\nexport function FeedPage() {\n  const [searchParams] = useSearchParams();\n  const { articles, tags } = useLoaderData<typeof loader>();\n  const pageAmount = Math.ceil(articles.articlesCount / LIMIT);\n  const currentPage = parseInt(searchParams.get("page") ?? "1", 10);\n\n  return (\n    <div className="home-page">\n      <div className="banner">\n        <div className="container">\n          <h1 className="logo-font">conduit</h1>\n          <p>\u77e5\u8b58\u3092\u5171\u6709\u3059\u308b\u5834</p>\n        </div>\n      </div>\n\n      <div className="container page">\n        <div className="row">\n          <div className="col-md-9">\n            {articles.articles.map((article) => (\n              <ArticlePreview key={article.slug} article={article} />\n            ))}\n\n            <Form>\n              <ExistingSearchParams exclude={["page"]} />\n              <ul className="pagination">\n                {Array(pageAmount)\n                  .fill(null)\n                  .map((_, index) =>\n                    index + 1 === currentPage ? (\n                      <li key={index} className="page-item active">\n                        <span className="page-link">{index + 1}</span>\n                      </li>\n                    ) : (\n                      <li key={index} className="page-item">\n                        <button\n                          className="page-link"\n                          name="page"\n                          value={index + 1}\n                        >\n                          {index + 1}\n                        </button>\n                      </li>\n                    ),\n                  )}\n              </ul>\n            </Form>\n          </div>\n\n          <div className="col-md-3">\n            <div className="sidebar">\n              <p>\u4eba\u6c17\u306e\u30bf\u30b0</p>\n\n              <Form>\n                <ExistingSearchParams exclude={["tag", "page"]} />\n                <div className="tag-list">\n                  {tags.tags.map((tag) => (\n                    <button\n                      key={tag}\n                      name="tag"\n                      value={tag}\n                      className="tag-pill tag-default"\n                    >\n                      {tag}\n                    </button>\n                  ))}\n                </div>\n              </Form>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n}\n'})}),"\n",(0,t.jsx)(n.p,{children:"\u3088\u3057\u3001\u3053\u308c\u3082\u5b9f\u73fe\u3057\u307e\u3057\u305f\u3002\u30bf\u30b0\u4e00\u89a7\u3082\u540c\u69d8\u306b\u5b9f\u88c5\u3067\u304d\u307e\u3059\u304c\u3001\u8a8d\u8a3c\u3092\u5b9f\u88c5\u3059\u308b\u307e\u3067\u5f85\u3061\u307e\u3057\u3087\u3046\u3002\u3068\u3053\u308d\u3067\u3001\u8a8d\u8a3c\u306b\u3064\u3044\u3066\u3067\u3059\u304c\uff01"}),"\n",(0,t.jsx)(n.h3,{id:"\u8a8d\u8a3c",children:"\u8a8d\u8a3c"}),"\n",(0,t.jsxs)(n.p,{children:["\u8a8d\u8a3c\u306b\u306f\u3001\u30ed\u30b0\u30a4\u30f3\u7528\u306e\u30da\u30fc\u30b8\u3068\u767b\u9332\u7528\u306e\u30da\u30fc\u30b8\u306e2\u3064\u304c\u3042\u308a\u307e\u3059\u3002\u3053\u308c\u3089\u306f\u4e3b\u306b\u975e\u5e38\u306b\u4f3c\u3066\u3044\u308b\u305f\u3081\u3001\u5fc5\u8981\u306b\u5fdc\u3058\u3066\u30b3\u30fc\u30c9\u3092\u518d\u5229\u7528\u3067\u304d\u308b\u3088\u3046\u306b\u30011\u3064\u306e",(0,t.jsx)(n.code,{children:"sign-in"}),"\u30bb\u30b0\u30e1\u30f3\u30c8\u306b\u4fdd\u6301\u3059\u308b\u306e\u304c\u7406\u306b\u304b\u306a\u3063\u3066\u3044\u307e\u3059\u3002"]}),"\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.code,{children:"pages/sign-in"}),"\u306e",(0,t.jsx)(n.code,{children:"ui"}),"\u30bb\u30b0\u30e1\u30f3\u30c8\u306b",(0,t.jsx)(n.code,{children:"RegisterPage.tsx"}),"\u3092\u4f5c\u6210\u3057\u3001\u6b21\u306e\u5185\u5bb9\u3092\u914d\u7f6e\u3057\u307e\u3059\u3002"]}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/sign-in/ui/RegisterPage.tsx"',children:'import { Form, Link, useActionData } from "@remix-run/react";\n\nimport type { register } from "../api/register";\n\nexport function RegisterPage() {\n  const registerData = useActionData<typeof register>();\n\n  return (\n    <div className="auth-page">\n      <div className="container page">\n        <div className="row">\n          <div className="col-md-6 offset-md-3 col-xs-12">\n            <h1 className="text-xs-center">\u767b\u9332</h1>\n            <p className="text-xs-center">\n              <Link to="/login">\u30a2\u30ab\u30a6\u30f3\u30c8\u3092\u304a\u6301\u3061\u3067\u3059\u304b\uff1f</Link>\n            </p>\n\n            {registerData?.error && (\n              <ul className="error-messages">\n                {registerData.error.errors.body.map((error) => (\n                  <li key={error}>{error}</li>\n                ))}\n              </ul>\n            )}\n\n            <Form method="post">\n              <fieldset className="form-group">\n                <input\n                  className="form-control form-control-lg"\n                  type="text"\n                  name="username"\n                  placeholder="\u30e6\u30fc\u30b6\u30fc\u540d"\n                />\n              </fieldset>\n              <fieldset className="form-group">\n                <input\n                  className="form-control form-control-lg"\n                  type="text"\n                  name="email"\n                  placeholder="\u30e1\u30fc\u30eb\u30a2\u30c9\u30ec\u30b9"\n                />\n              </fieldset>\n              <fieldset className="form-group">\n                <input\n                  className="form-control form-control-lg"\n                  type="password"\n                  name="password"\n                  placeholder="\u30d1\u30b9\u30ef\u30fc\u30c9"\n                />\n              </fieldset>\n              <button className="btn btn-lg btn-primary pull-xs-right">\n                \u767b\u9332\n              </button>\n            </Form>\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n}\n'})}),"\n",(0,t.jsx)(n.p,{children:"\u3053\u308c\u304b\u3089\u306f\u58ca\u308c\u305f\u30a4\u30f3\u30dd\u30fc\u30c8\u3092\u4fee\u6b63\u3059\u308b\u5fc5\u8981\u304c\u3042\u308a\u307e\u3059\u3002\u30a4\u30f3\u30dd\u30fc\u30c8\u304c\u65b0\u3057\u3044\u30bb\u30b0\u30e1\u30f3\u30c8\u306b\u30a2\u30af\u30bb\u30b9\u3057\u3066\u3044\u308b\u305f\u3081\u3001\u6b21\u306e\u30b3\u30de\u30f3\u30c9\u3067\u305d\u306e\u30bb\u30b0\u30e1\u30f3\u30c8\u3092\u4f5c\u6210\u3057\u307e\u3057\u3087\u3046\u3002"}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-bash",children:"npx fsd pages sign-in -s api\n"})}),"\n",(0,t.jsx)(n.p,{children:"\u305f\u3060\u3057\u3001\u767b\u9332\u306e\u30d0\u30c3\u30af\u30a8\u30f3\u30c9\u90e8\u5206\u3092\u5b9f\u88c5\u3059\u308b\u524d\u306b\u3001Remix\u306e\u30bb\u30c3\u30b7\u30e7\u30f3\u51e6\u7406\u306e\u305f\u3081\u306e\u30a4\u30f3\u30d5\u30e9\u30b3\u30fc\u30c9\u304c\u5fc5\u8981\u3067\u3059\u3002\u3053\u308c\u306f\u4ed6\u306e\u30da\u30fc\u30b8\u3067\u3082\u5fc5\u8981\u306b\u306a\u308b\u53ef\u80fd\u6027\u304c\u3042\u308b\u305f\u3081\u3001Shared\u5c64\u306b\u914d\u7f6e\u3057\u307e\u3059\u3002"}),"\n",(0,t.jsxs)(n.p,{children:["\u6b21\u306e\u30b3\u30fc\u30c9\u3092",(0,t.jsx)(n.code,{children:"shared/api/auth.server.ts"}),"\u306b\u914d\u7f6e\u3057\u307e\u3057\u3087\u3046\u3002\u3053\u306e\u30b3\u30fc\u30c9\u306fRemix\u306b\u7279\u6709\u306e\u3082\u306e\u3067\u3042\u308a\u3001\u3059\u3079\u3066\u304c\u7406\u89e3\u3067\u304d\u306a\u304f\u3066\u3082\u5fc3\u914d\u3057\u306a\u3044\u3067\u304f\u3060\u3055\u3044\u3002\u5358\u306b\u30b3\u30d4\u30fc\u3057\u3066\u8cbc\u308a\u4ed8\u3051\u3066\u304f\u3060\u3055\u3044\u3002"]}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-tsx",metastring:'title="shared/api/auth.server.ts"',children:'import { createCookieSessionStorage, redirect } from "@remix-run/node";\nimport invariant from "tiny-invariant";\n\nimport type { User } from "./models";\n\ninvariant(\n  process.env.SESSION_SECRET,\n  "SESSION_SECRET must be set for authentication to work",\n);\n\nconst sessionStorage = createCookieSessionStorage<{\n  user: User;\n}>({\n  cookie: {\n    name: "__session",\n    httpOnly: true,\n    path: "/",\n    sameSite: "lax",\n    secrets: [process.env.SESSION_SECRET],\n    secure: process.env.NODE_ENV === "production",\n  },\n});\n\nexport async function createUserSession({\n  request,\n  user,\n  redirectTo,\n}: {\n  request: Request;\n  user: User;\n  redirectTo: string;\n}) {\n  const cookie = request.headers.get("Cookie");\n  const session = await sessionStorage.getSession(cookie);\n\n  session.set("user", user);\n\n  return redirect(redirectTo, {\n    headers: {\n      "Set-Cookie": await sessionStorage.commitSession(session, {\n        maxAge: 60 * 60 * 24 * 7, // 7\u65e5\u9593\n      }),\n    },\n  });\n}\n\nexport async function getUserFromSession(request: Request) {\n  const cookie = request.headers.get("Cookie");\n  const session = await sessionStorage.getSession(cookie);\n\n  return session.get("user") ?? null;\n}\n\nexport async function requireUser(request: Request) {\n  const user = await getUserFromSession(request);\n\n  if (user === null) {\n    throw redirect("/login");\n  }\n\n  return user;\n}\n'})}),"\n",(0,t.jsxs)(n.p,{children:["\u307e\u305f\u3001",(0,t.jsx)(n.code,{children:"models.ts"}),"\u30d5\u30a1\u30a4\u30eb\u304b\u3089",(0,t.jsx)(n.code,{children:"User"}),"\u30e2\u30c7\u30eb\u3092\u30a8\u30af\u30b9\u30dd\u30fc\u30c8\u3057\u3066\u304f\u3060\u3055\u3044\u3002"]}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-tsx",metastring:'title="shared/api/models.ts"',children:'import type { components } from "./v1";\n\nexport type Article = components["schemas"]["Article"];\nexport type User = components["schemas"]["User"];\n'})}),"\n",(0,t.jsxs)(n.p,{children:["\u3053\u306e\u30b3\u30fc\u30c9\u304c\u52d5\u4f5c\u3059\u308b\u524d\u306b\u3001",(0,t.jsx)(n.code,{children:"SESSION_SECRET"}),"\u74b0\u5883\u5909\u6570\u3092\u8a2d\u5b9a\u3059\u308b\u5fc5\u8981\u304c\u3042\u308a\u307e\u3059\u3002\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u306e\u30eb\u30fc\u30c8\u306b",(0,t.jsx)(n.code,{children:".env"}),"\u30d5\u30a1\u30a4\u30eb\u3092\u4f5c\u6210\u3057\u3001",(0,t.jsx)(n.code,{children:"SESSION_SECRET="}),"\u3092\u8a18\u8ff0\u3057\u3066\u304b\u3089\u3001\u9069\u5f53\u306b\u30e9\u30f3\u30c0\u30e0\u306a\u6587\u5b57\u5217\u3092\u8a18\u5165\u3057\u307e\u3059\u3002\u6b21\u306e\u3088\u3046\u306b\u306a\u308a\u307e\u3059\u3002"]}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-bash",metastring:'title=".env"',children:"SESSION_SECRET=\u3053\u308c\u3092\u30b3\u30d4\u30fc\u3057\u306a\u3044\u3067\u304f\u3060\u3055\u3044\n"})}),"\n",(0,t.jsx)(n.p,{children:"\u6700\u5f8c\u306b\u3001\u516c\u958bAPI\u306b\u3044\u304f\u3064\u304b\u306e\u30a8\u30af\u30b9\u30dd\u30fc\u30c8\u3092\u8ffd\u52a0\u3057\u307e\u3059\u3002"}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-tsx",metastring:'title="shared/api/index.ts"',children:'export { GET, POST, PUT, DELETE } from "./client";\n\nexport type { Article } from "./models";\n\nexport { createUserSession, getUserFromSession, requireUser } from "./auth.server";\n'})}),"\n",(0,t.jsxs)(n.p,{children:["\u3053\u308c\u3067\u3001RealWorld\u306e\u30d0\u30c3\u30af\u30a8\u30f3\u30c9\u3068\u901a\u4fe1\u3059\u308b\u30b3\u30fc\u30c9\u3092\u66f8\u304f\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002\u3053\u308c\u3092",(0,t.jsx)(n.code,{children:"pages/sign-in/api"}),"\u306b\u4fdd\u5b58\u3057\u307e\u3059\u3002",(0,t.jsx)(n.code,{children:"register.ts"}),"\u30d5\u30a1\u30a4\u30eb\u3092\u4f5c\u6210\u3057\u3066\u3001\u4e2d\u306b\u6b21\u306e\u30b3\u30fc\u30c9\u3092\u914d\u7f6e\u3057\u307e\u3057\u3087\u3046\u3002"]}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/sign-in/api/register.ts"',children:'import { json, type ActionFunctionArgs } from "@remix-run/node";\n\nimport { POST, createUserSession } from "shared/api";\n\nexport const register = async ({ request }: ActionFunctionArgs) => {\n  const formData = await request.formData();\n  const username = formData.get("username")?.toString() ?? "";\n  const email = formData.get("email")?.toString() ?? "";\n  const password = formData.get("password")?.toString() ?? "";\n\n  const { data, error } = await POST("/users", {\n    body: { user: { email, password, username } },\n  });\n\n  if (error) {\n    return json({ error }, { status: 400 });\n  } else {\n    return createUserSession({\n      request: request,\n      user: data.user,\n      redirectTo: "/",\n    });\n  }\n};\n'})}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/sign-in/index.ts"',children:"export { RegisterPage } from './ui/RegisterPage';\nexport { register } from './api/register';\n"})}),"\n",(0,t.jsxs)(n.p,{children:["\u307b\u307c\u5b8c\u6210\u3067\u3059\uff01\u6b8b\u308a\u306e\u90e8\u5206\u306f\u3001",(0,t.jsx)(n.code,{children:"/register"}),"\u30eb\u30fc\u30c8\u306b\u30a2\u30af\u30b7\u30e7\u30f3\u3068\u30da\u30fc\u30b8\u3092\u63a5\u7d9a\u3059\u308b\u3053\u3068\u3060\u3051\u3067\u3059\u3002",(0,t.jsx)(n.code,{children:"app/routes"}),"\u3067",(0,t.jsx)(n.code,{children:"register.tsx"}),"\u3092\u4f5c\u6210\u3057\u307e\u3059\u3002"]}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-tsx",metastring:'title="app/routes/register.tsx"',children:'import { RegisterPage, register } from "pages/sign-in";\n\nexport { register as action };\n\nexport default RegisterPage;\n'})}),"\n",(0,t.jsxs)(n.p,{children:["\u3053\u308c\u3067\u3001",(0,t.jsx)(n.a,{href:"http://localhost:3000/register",children:"http://localhost:3000/register"}),"\u306b\u30a2\u30af\u30bb\u30b9\u3059\u308b\u3068\u3001\u30e6\u30fc\u30b6\u30fc\u3092\u4f5c\u6210\u3067\u304d\u307e\u3059\uff01\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u306e\u6b8b\u308a\u306e\u90e8\u5206\u306f\u3001\u307e\u3060\u53cd\u5fdc\u3057\u307e\u305b\u3093\u304c\u3001\u8fd1\u3005\u5bfe\u51e6\u3057\u307e\u3059\u3002"]}),"\n",(0,t.jsx)(n.p,{children:"\u540c\u69d8\u306b\u3001\u30ed\u30b0\u30a4\u30f3\u30da\u30fc\u30b8\u3092\u5b9f\u88c5\u3059\u308b\u3053\u3068\u3082\u3067\u304d\u307e\u3059\u3002\u81ea\u5206\u3067\u5b9f\u88c5\u3057\u3066\u307f\u308b\u304b\u3001\u4e0b\u8a18\u306e\u30b3\u30fc\u30c9\u3092\u30b3\u30d4\u30da\u3059\u308b\u304b\u3001\u6b21\u306b\u9032\u307f\u307e\u3057\u3087\u3046\u3002"}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/sign-in/api/sign-in.ts"',children:'import { json, type ActionFunctionArgs } from "@remix-run/node";\n\nimport { POST, createUserSession } from "shared/api";\n\nexport const signIn = async ({ request }: ActionFunctionArgs) => {\n  const formData = await request.formData();\n  const email = formData.get("email")?.toString() ?? "";\n  const password = formData.get("password")?.toString() ?? "";\n\n  const { data, error } = await POST("/users/login", {\n    body: { user: { email, password } },\n  });\n\n  if (error) {\n    return json({ error }, { status: 400 });\n  } else {\n    return createUserSession({\n      request: request,\n      user: data.user,\n      redirectTo: "/",\n    });\n  }\n};\n'})}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/sign-in/ui/SignInPage.tsx"',children:'import { Form, Link, useActionData } from "@remix-run/react";\n\nimport type { signIn } from "../api/sign-in";\n\nexport function SignInPage() {\n  const signInData = useActionData<typeof signIn>();\n\n  return (\n    <div className="auth-page">\n      <div className="container page">\n        <div className="row">\n          <div className="col-md-6 offset-md-3 col-xs-12">\n            <h1 className="text-xs-center">\u30b5\u30a4\u30f3\u30a4\u30f3</h1>\n            <p className="text-xs-center">\n              <Link to="/register">\u30a2\u30ab\u30a6\u30f3\u30c8\u304c\u5fc5\u8981\u3067\u3059\u304b\uff1f</Link>\n            </p>\n\n            {signInData?.error && (\n              <ul className="error-messages">\n                {signInData.error.errors.body.map((error) => (\n                  <li key={error}>{error}</li>\n                ))}\n              </ul>\n            )}\n\n            <Form method="post">\n              <fieldset className="form-group">\n                <input\n                  className="form-control form-control-lg"\n                  name="email"\n                  type="text"\n                  placeholder="\u30e1\u30fc\u30eb\u30a2\u30c9\u30ec\u30b9"\n                />\n              </fieldset>\n              <fieldset className="form-group">\n                <input\n                  className="form-control form-control-lg"\n                  name="password"\n                  type="password"\n                  placeholder="\u30d1\u30b9\u30ef\u30fc\u30c9"\n                />\n              </fieldset>\n              <button className="btn btn-lg btn-primary pull-xs-right">\n                \u30b5\u30a4\u30f3\u30a4\u30f3\n              </button>\n            </Form>\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n}\n'})}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/sign-in/index.ts"',children:"export { RegisterPage } from './ui/RegisterPage';\nexport { register } from './api/register';\nexport { SignInPage } from './ui/SignInPage';\nexport { signIn } from './api/sign-in';\n"})}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-tsx",metastring:'title="app/routes/login.tsx"',children:'import { SignInPage, signIn } from "pages/sign-in";\n\nexport { signIn as action };\n\nexport default SignInPage;\n'})}),"\n",(0,t.jsx)(n.p,{children:"\u3053\u308c\u3067\u3001\u30e6\u30fc\u30b6\u30fc\u304c\u3053\u308c\u3089\u306e\u30da\u30fc\u30b8\u306b\u30a2\u30af\u30bb\u30b9\u3067\u304d\u308b\u3088\u3046\u306b\u306a\u308a\u307e\u3057\u305f\u3002"}),"\n",(0,t.jsx)(n.h3,{id:"\u30d8\u30c3\u30c0\u30fc",children:"\u30d8\u30c3\u30c0\u30fc"}),"\n",(0,t.jsx)(n.p,{children:"\u524d\u7ae0\u3067\u8aac\u660e\u3055\u308c\u305f\u3088\u3046\u306b\u3001\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u306e\u30d8\u30c3\u30c0\u30fc\u306f\u901a\u5e38Widgets\u5c64\u3001\u307e\u305f\u306fShared\u5c64\u306b\u914d\u7f6e\u3055\u308c\u307e\u3059\u3002\u30d8\u30c3\u30c0\u30fc\u306f\u975e\u5e38\u306b\u30b7\u30f3\u30d7\u30eb\u3067\u3001\u3059\u3079\u3066\u306e\u30d3\u30b8\u30cd\u30b9\u30ed\u30b8\u30c3\u30af\u3092\u5916\u90e8\u306b\u4fdd\u6301\u3067\u304d\u308b\u306e\u3067\u3001Shared\u5c64\u306b\u914d\u7f6e\u3057\u307e\u3057\u3087\u3046\u3002\u30d8\u30c3\u30c0\u30fc\u7528\u306e\u30d5\u30a9\u30eb\u30c0\u30fc\u3092\u4f5c\u6210\u3057\u307e\u3059\u3002"}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-bash",children:"npx fsd shared ui\n"})}),"\n",(0,t.jsxs)(n.p,{children:["\u6b21\u306b\u3001",(0,t.jsx)(n.code,{children:"shared/ui/Header.tsx"}),"\u3092\u4f5c\u6210\u3057\u3001\u6b21\u306e\u5185\u5bb9\u3092\u914d\u7f6e\u3057\u307e\u3059\u3002"]}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-tsx",metastring:'title="shared/ui/Header.tsx"',children:'import { useContext } from "react";\nimport { Link, useLocation } from "@remix-run/react";\n\nimport { CurrentUser } from "../api/currentUser";\n\nexport function Header() {\n  const currentUser = useContext(CurrentUser);\n  const { pathname } = useLocation();\n\n  return (\n    <nav className="navbar navbar-light">\n      <div className="container">\n        <Link className="navbar-brand" to="/" prefetch="intent">\n          conduit\n        </Link>\n        <ul className="nav navbar-nav pull-xs-right">\n          <li className="nav-item">\n            <Link\n              prefetch="intent"\n              className={`nav-link ${pathname == "/" ? "active" : ""}`}\n              to="/"\n            >\n              \u30db\u30fc\u30e0\n            </Link>\n          </li>\n          {currentUser == null ? (\n            <>\n              <li className="nav-item">\n                <Link\n                  prefetch="intent"\n                  className={`nav-link ${pathname == "/login" ? "active" : ""}`}\n                  to="/login"\n                >\n                  \u30b5\u30a4\u30f3\u30a4\u30f3\n                </Link>\n              </li>\n              <li className="nav-item">\n                <Link\n                  prefetch="intent"\n                  className={`nav-link ${pathname == "/register" ? "active" : ""}`}\n                  to="/register"\n                >\n                  \u767b\u9332\n                </Link>\n              </li>\n            </>\n          ) : (\n            <>\n              <li className="nav-item">\n                <Link\n                  prefetch="intent"\n                  className={`nav-link ${pathname == "/editor" ? "active" : ""}`}\n                  to="/editor"\n                >\n                  <i className="ion-compose"></i>&nbsp;\u65b0\u3057\u3044\u8a18\u4e8b\n                </Link>\n              </li>\n\n              <li className="nav-item">\n                <Link\n                  prefetch="intent"\n                  className={`nav-link ${pathname == "/settings" ? "active" : ""}`}\n                  to="/settings"\n                >\n                  {" "}\n                  <i className="ion-gear-a"></i>&nbsp;\u8a2d\u5b9a\n                </Link>\n              </li>\n              <li className="nav-item">\n                <Link\n                  prefetch="intent"\n                  className={`nav-link ${pathname.includes("/profile") ? "active" : ""}`}\n                  to={`/profile/${currentUser.username}`}\n                >\n                  {currentUser.image && (\n                    <img\n                      width={25}\n                      height={25}\n                      src={currentUser.image}\n                      className="user-pic"\n                      alt=""\n                    />\n                  )}\n                  {currentUser.username}\n                </Link>\n              </li>\n            </>\n          )}\n        </ul>\n      </div>\n    </nav>\n  );\n}\n'})}),"\n",(0,t.jsxs)(n.p,{children:["\u3053\u306e\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092",(0,t.jsx)(n.code,{children:"shared/ui"}),"\u304b\u3089\u30a8\u30af\u30b9\u30dd\u30fc\u30c8\u3057\u307e\u3059\u3002"]}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-tsx",metastring:'title="shared/ui/index.ts"',children:'export { Header } from "./Header";\n'})}),"\n",(0,t.jsxs)(n.p,{children:["\u30d8\u30c3\u30c0\u30fc\u3067",(0,t.jsx)(n.code,{children:"shared/api"}),"\u306b\u3042\u308b\u30b3\u30f3\u30c6\u30ad\u30b9\u30c8\u3092\u4f7f\u3063\u3066\u3044\u308b\u306e\u3067\u3001\u305d\u308c\u3092\u4f5c\u6210\u3057\u307e\u3057\u3087\u3046\u3002"]}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-tsx",metastring:'title="shared/api/currentUser.ts"',children:'import { createContext } from "react";\n\nimport type { User } from "./models";\n\nexport const CurrentUser = createContext<User | null>(null);\n'})}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-tsx",metastring:'title="shared/api/index.ts"',children:'export { GET, POST, PUT, DELETE } from "./client";\n\nexport type { Article } from "./models";\n\nexport { createUserSession, getUserFromSession, requireUser } from "./auth.server";\nexport { CurrentUser } from "./currentUser";\n'})}),"\n",(0,t.jsxs)(n.p,{children:["\u3053\u308c\u3067\u3001\u30d8\u30c3\u30c0\u30fc\u3092\u30da\u30fc\u30b8\u306b\u8ffd\u52a0\u3067\u304d\u307e\u3059\u3002\u3059\u3079\u3066\u306e\u30da\u30fc\u30b8\u306b\u8868\u793a\u3055\u308c\u308b\u3088\u3046\u306b\u3001\u30eb\u30fc\u30c8\u306b\u8ffd\u52a0\u3057\u3001\u30a2\u30a6\u30c8\u30ec\u30c3\u30c8\uff08\u30da\u30fc\u30b8\u304c\u30ec\u30f3\u30c0\u30ea\u30f3\u30b0\u3055\u308c\u308b\u5834\u6240\uff09\u3092",(0,t.jsx)(n.code,{children:"CurrentUser"}),"\u306e\u30b3\u30f3\u30c6\u30ad\u30b9\u30c8\u30d7\u30ed\u30d0\u30a4\u30c0\u30fc\u3067\u5305\u307f\u307e\u3059\u3002\u3053\u308c\u306b\u3088\u308a\u3001\u30d8\u30c3\u30c0\u30fc\u3092\u542b\u3080\u30a2\u30d7\u30ea\u5168\u4f53\u304c\u73fe\u5728\u306e\u30e6\u30fc\u30b6\u30fc\u30aa\u30d6\u30b8\u30a7\u30af\u30c8\u306b\u30a2\u30af\u30bb\u30b9\u3067\u304d\u308b\u3088\u3046\u306b\u306a\u308a\u307e\u3059\u3002\u307e\u305f\u3001\u30af\u30c3\u30ad\u30fc\u304b\u3089\u73fe\u5728\u306e\u30e6\u30fc\u30b6\u30fc\u30aa\u30d6\u30b8\u30a7\u30af\u30c8\u3092\u53d6\u5f97\u3059\u308b\u305f\u3081\u306e\u30ed\u30fc\u30c0\u30fc\u3082\u8ffd\u52a0\u3057\u307e\u3059\u3002\u6b21\u306e\u30b3\u30fc\u30c9\u3092",(0,t.jsx)(n.code,{children:"app/root.tsx"}),"\u306b\u8ffd\u52a0\u3057\u307e\u3057\u3087\u3046\u3002"]}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-tsx",metastring:'title="app/root.tsx"',children:'import { cssBundleHref } from "@remix-run/css-bundle";\nimport type { LinksFunction, LoaderFunctionArgs } from "@remix-run/node";\nimport {\n  Links,\n  LiveReload,\n  Meta,\n  Outlet,\n  Scripts,\n  ScrollRestoration,\n  useLoaderData,\n} from "@remix-run/react";\n\nimport { Header } from "shared/ui";\nimport { getUserFromSession, CurrentUser } from "shared/api";\n\nexport const links: LinksFunction = () => [\n  ...(cssBundleHref ? [{ rel: "stylesheet", href: cssBundleHref }] : []),\n];\n\nexport const loader = ({ request }: LoaderFunctionArgs) =>\n  getUserFromSession(request);\n\nexport default function App() {\n  const user = useLoaderData<typeof loader>();\n\n  return (\n    <html lang="en">\n      <head>\n        <meta charSet="utf-8" />\n        <meta name="viewport" content="width=device-width, initial-scale=1" />\n        <Meta />\n        <Links />\n        <link\n          href="//code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css"\n          rel="stylesheet"\n          type="text/css"\n        />\n        <link\n          href="//fonts.googleapis.com/css?family=Titillium+Web:700|Source+Serif+Pro:400,700|Merriweather+Sans:400,700|Source+Sans+Pro:400,300,600,700,300italic,400italic,600italic,700italic"\n          rel="stylesheet"\n          type="text/css"\n        />\n        <link rel="stylesheet" href="//demo.productionready.io/main.css" />\n        <style>{`\n          button {\n            border: 0;\n          }\n        `}</style>\n      </head>\n      <body>\n        <CurrentUser.Provider value={user}>\n          <Header />\n          <Outlet />\n        </CurrentUser.Provider>\n        <ScrollRestoration />\n        <Scripts />\n        <LiveReload />\n      </body>\n    </html>\n  );\n}\n'})}),"\n",(0,t.jsx)(n.p,{children:"\u6700\u7d42\u7684\u306b\u3001\u30db\u30fc\u30e0\u30da\u30fc\u30b8\u306f\u6b21\u306e\u3088\u3046\u306b\u306a\u308a\u307e\u3059\u3002"}),"\n",(0,t.jsxs)("figure",{children:[(0,t.jsx)(n.p,{children:(0,t.jsx)(n.img,{alt:"\u30d8\u30c3\u30c0\u30fc\u3001\u30d5\u30a3\u30fc\u30c9\u3001\u30bf\u30b0\u304c\u3042\u308bConduit\u306e\u30d5\u30a3\u30fc\u30c9\u30da\u30fc\u30b8\u3002\u30bf\u30d6\u306f\u307e\u3060\u3042\u308a\u307e\u305b\u3093\u3002",src:r(6231).A+"",width:"2880",height:"1488"})}),(0,t.jsx)("figcaption",{children:"\u30d8\u30c3\u30c0\u30fc\u3001\u30d5\u30a3\u30fc\u30c9\u3001\u30bf\u30b0\u304c\u3042\u308bConduit\u306e\u30d5\u30a3\u30fc\u30c9\u30da\u30fc\u30b8\u3002\u30bf\u30d6\u306f\u307e\u3060\u306a\u3044\u3002"})]}),"\n",(0,t.jsx)(n.h3,{id:"\u30bf\u30d6",children:"\u30bf\u30d6"}),"\n",(0,t.jsxs)(n.p,{children:["\u3053\u308c\u3067\u8a8d\u8a3c\u72b6\u614b\u3092\u5224\u65ad\u3067\u304d\u308b\u3088\u3046\u306b\u306a\u3063\u305f\u306e\u3067\u3001\u30bf\u30d6\u3068\u300c\u3044\u3044\u306d\u300d\u30dc\u30bf\u30f3\u3092\u30d5\u30a3\u30fc\u30c9\u30da\u30fc\u30b8\u306b\u5b9f\u88c5\u3057\u307e\u3057\u3087\u3046\u3002\u65b0\u3057\u3044\u30d5\u30a9\u30fc\u30e0\u3092\u4f5c\u308b\u5fc5\u8981\u304c\u3042\u308a\u307e\u3059\u304c\u3001\u3053\u306e\u30da\u30fc\u30b8\u30d5\u30a1\u30a4\u30eb\u306f\u3059\u3067\u306b\u5927\u304d\u3059\u304e\u308b\u306e\u3067\u3001\u3053\u308c\u3089\u306e\u30d5\u30a9\u30fc\u30e0\u3092\u96a3\u63a5\u3059\u308b\u30d5\u30a1\u30a4\u30eb\u306b\u79fb\u52d5\u3057\u307e\u3057\u3087\u3046\u3002",(0,t.jsx)(n.code,{children:"Tabs.tsx"}),"\u3001",(0,t.jsx)(n.code,{children:"PopularTags.tsx"}),"\u3001",(0,t.jsx)(n.code,{children:"Pagination.tsx"}),"\u3092\u4f5c\u6210\u3057\u3001\u6b21\u306e\u5185\u5bb9\u3092\u914d\u7f6e\u3057\u307e\u3059\u3002"]}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/feed/ui/Tabs.tsx"',children:'import { useContext } from "react";\nimport { Form, useSearchParams } from "@remix-run/react";\n\nimport { CurrentUser } from "shared/api";\n\nexport function Tabs() {\n  const [searchParams] = useSearchParams();\n  const currentUser = useContext(CurrentUser);\n\n  return (\n    <Form>\n      <div className="feed-toggle">\n        <ul className="nav nav-pills outline-active">\n          {currentUser !== null && (\n            <li className="nav-item">\n              <button\n                name="source"\n                value="my-feed"\n                className={`nav-link ${searchParams.get("source") === "my-feed" ? "active" : ""}`}\n              >\n                \u79c1\u306e\u30d5\u30a3\u30fc\u30c9\n              </button>\n            </li>\n          )}\n          <li className="nav-item">\n            <button\n              className={`nav-link ${searchParams.has("tag") || searchParams.has("source") ? "" : "active"}`}\n            >\n              \u30b0\u30ed\u30fc\u30d0\u30eb\u30d5\u30a3\u30fc\u30c9\n            </button>\n          </li>\n          {searchParams.has("tag") && (\n            <li className="nav-item">\n              <span className="nav-link active">\n                <i className="ion-pound"></i> {searchParams.get("tag")}\n              </span>\n            </li>\n          )}\n        </ul>\n      </div>\n    </Form>\n  );\n}\n'})}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/feed/ui/PopularTags.tsx"',children:'import { Form, useLoaderData } from "@remix-run/react";\nimport { ExistingSearchParams } from "remix-utils/existing-search-params";\n\nimport type { loader } from "../api/loader";\n\nexport function PopularTags() {\n  const { tags } = useLoaderData<typeof loader>();\n\n  return (\n    <div className="sidebar">\n      <p>\u4eba\u6c17\u306e\u30bf\u30b0</p>\n\n      <Form>\n        <ExistingSearchParams exclude={["tag", "page", "source"]} />\n        <div className="tag-list">\n          {tags.tags.map((tag) => (\n            <button\n              key={tag}\n              name="tag"\n              value={tag}\n              className="tag-pill tag-default"\n            >\n              {tag}\n            </button>\n          ))}\n        </div>\n      </Form>\n    </div>\n  );\n}\n'})}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/feed/ui/Pagination.tsx"',children:'import { Form, useLoaderData, useSearchParams } from "@remix-run/react";\nimport { ExistingSearchParams } from "remix-utils/existing-search-params";\n\nimport { LIMIT, type loader } from "../api/loader";\n\nexport function Pagination() {\n  const [searchParams] = useSearchParams();\n  const { articles } = useLoaderData<typeof loader>();\n  const pageAmount = Math.ceil(articles.articlesCount / LIMIT);\n  const currentPage = parseInt(searchParams.get("page") ?? "1", 10);\n\n  return (\n    <Form>\n      <ExistingSearchParams exclude={["page"]} />\n      <ul className="pagination">\n        {Array(pageAmount)\n          .fill(null)\n          .map((_, index) =>\n            index + 1 === currentPage ? (\n              <li key={index} className="page-item active">\n                <span className="page-link">{index + 1}</span>\n              </li>\n            ) : (\n              <li key={index} className="page-item">\n                <button className="page-link" name="page" value={index + 1}>\n                  {index + 1}\n                </button>\n              </li>\n            ),\n          )}\n      </ul>\n    </Form>\n  );\n}\n'})}),"\n",(0,t.jsx)(n.p,{children:"\u3053\u308c\u3067\u3001\u30d5\u30a3\u30fc\u30c9\u30da\u30fc\u30b8\u3092\u5927\u5e45\u306b\u7c21\u7d20\u5316\u3067\u304d\u307e\u3059\u3002"}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/feed/ui/FeedPage.tsx"',children:'import { useLoaderData } from "@remix-run/react";\n\nimport type { loader } from "../api/loader";\nimport { ArticlePreview } from "./ArticlePreview";\nimport { Tabs } from "./Tabs";\nimport { PopularTags } from "./PopularTags";\nimport { Pagination } from "./Pagination";\n\nexport function FeedPage() {\n  const { articles } = useLoaderData<typeof loader>();\n\n  return (\n    <div className="home-page">\n      <div className="banner">\n        <div className="container">\n          <h1 className="logo-font">conduit</h1>\n          <p>\u77e5\u8b58\u3092\u5171\u6709\u3059\u308b\u5834</p>\n        </div>\n      </div>\n\n      <div className="container page">\n        <div className="row">\n          <div className="col-md-9">\n            <Tabs />\n\n            {articles.articles.map((article) => (\n              <ArticlePreview key={article.slug} article={article} />\n            ))}\n\n            <Pagination />\n          </div>\n\n          <div className="col-md-3">\n            <PopularTags />\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n}\n'})}),"\n",(0,t.jsx)(n.p,{children:"\u30ed\u30fc\u30c0\u30fc\u95a2\u6570\u306b\u3082\u65b0\u3057\u3044\u30bf\u30d6\u3092\u8003\u616e\u3059\u308b\u5fc5\u8981\u304c\u3042\u308a\u307e\u3059\u3002"}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/feed/api/loader.ts"',children:'import { json, type LoaderFunctionArgs } from "@remix-run/node";\nimport type { FetchResponse } from "openapi-fetch";\nimport { promiseHash } from "remix-utils/promise";\n\nimport { GET, requireUser } from "shared/api";\n\nasync function throwAnyErrors<T, O, Media extends `${string}/${string}`>(\n  responsePromise: Promise<FetchResponse<T, O, Media>>,\n) {\n  /* \u305d\u306e\u307e\u307e */\n}\n\n/** 1\u30da\u30fc\u30b8\u3042\u305f\u308a\u306e\u8a18\u4e8b\u6570\u3002 */\nexport const LIMIT = 20;\n\nexport const loader = async ({ request }: LoaderFunctionArgs) => {\n  const url = new URL(request.url);\n  const selectedTag = url.searchParams.get("tag") ?? undefined;\n  const page = parseInt(url.searchParams.get("page") ?? "", 10);\n\n  if (url.searchParams.get("source") === "my-feed") {\n    const userSession = await requireUser(request);\n\n    return json(\n      await promiseHash({\n        articles: throwAnyErrors(\n          GET("/articles/feed", {\n            params: {\n              query: {\n                limit: LIMIT,\n                offset: !Number.isNaN(page) ? page * LIMIT : undefined,\n              },\n            },\n            headers: { Authorization: `Token ${userSession.token}` },\n          }),\n        ),\n        tags: throwAnyErrors(GET("/tags")),\n      }),\n    );\n  }\n\n  return json(\n    await promiseHash({\n      articles: throwAnyErrors(\n        GET("/articles", {\n          params: {\n            query: {\n              tag: selectedTag,\n              limit: LIMIT,\n              offset: !Number.isNaN(page) ? page * LIMIT : undefined,\n            },\n          },\n        }),\n      ),\n      tags: throwAnyErrors(GET("/tags")),\n    }),\n  );\n};\n'})}),"\n",(0,t.jsxs)(n.p,{children:["\u30d5\u30a3\u30fc\u30c9\u30da\u30fc\u30b8\u3092\u4e00\u65e6\u7f6e\u3044\u3066\u304a\u304f\u524d\u306b\u3001\u6295\u7a3f\u3078\u306e\u3044\u3044\u306d\u3092\u51e6\u7406\u3059\u308b\u30b3\u30fc\u30c9\u3092\u8ffd\u52a0\u3057\u307e\u3057\u3087\u3046\u3002",(0,t.jsx)(n.code,{children:"ArticlePreview.tsx"}),"\u3092\u6b21\u306e\u3088\u3046\u306b\u5909\u66f4\u3057\u307e\u3059\u3002"]}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/feed/ui/ArticlePreview.tsx"',children:'import { Form, Link } from "@remix-run/react";\nimport type { Article } from "shared/api";\n\ninterface ArticlePreviewProps {\n  article: Article;\n}\n\nexport function ArticlePreview({ article }: ArticlePreviewProps) {\n  return (\n    <div className="article-preview">\n      <div className="article-meta">\n        <Link to={`/profile/${article.author.username}`} prefetch="intent">\n          <img src={article.author.image} alt="" />\n        </Link>\n        <div className="info">\n          <Link\n            to={`/profile/${article.author.username}`}\n            className="author"\n            prefetch="intent"\n          >\n            {article.author.username}\n          </Link>\n          <span className="date" suppressHydrationWarning>\n            {new Date(article.createdAt).toLocaleDateString(undefined, {\n              dateStyle: "long",\n            })}\n          </span>\n        </div>\n        <Form\n          method="post"\n          action={`/article/${article.slug}`}\n          preventScrollReset\n        >\n          <button\n            name="_action"\n            value={article.favorited ? "unfavorite" : "favorite"}\n            className={`btn ${article.favorited ? "btn-primary" : "btn-outline-primary"} btn-sm pull-xs-right`}\n          >\n            <i className="ion-heart"></i> {article.favoritesCount}\n          </button>\n        </Form>\n      </div>\n      <Link\n        to={`/article/${article.slug}`}\n        className="preview-link"\n        prefetch="intent"\n      >\n        <h1>{article.title}</h1>\n        <p>{article.description}</p>\n        <span>\u3082\u3063\u3068\u8aad\u3080...</span>\n        <ul className="tag-list">\n          {article.tagList.map((tag) => (\n            <li key={tag} className="tag-default tag-pill tag-outline">\n              {tag}\n            </li>\n          ))}\n        </ul>\n      </Link>\n    </div>\n  );\n}\n'})}),"\n",(0,t.jsxs)(n.p,{children:["\u3053\u306e\u30b3\u30fc\u30c9\u306f\u3001",(0,t.jsx)(n.code,{children:"/article/:slug"}),"\u306bPOST\u30ea\u30af\u30a8\u30b9\u30c8\u3092\u9001\u4fe1\u3057\u3001",(0,t.jsx)(n.code,{children:"_action=favorite"}),"\u3092\u4f7f\u7528\u3057\u3066\u8a18\u4e8b\u3092\u304a\u6c17\u306b\u5165\u308a\u306b\u3057\u307e\u3059\u3002\u4eca\u306f\u6a5f\u80fd\u3057\u3066\u3044\u307e\u305b\u3093\u304c\u3001\u8a18\u4e8b\u30ea\u30fc\u30c0\u30fc\u306e\u4f5c\u6210\u3092\u59cb\u3081\u308b\u3068\u3001\u3053\u308c\u3082\u5b9f\u88c5\u3057\u307e\u3059\u3002"]}),"\n",(0,t.jsx)(n.p,{children:"\u3053\u308c\u3067\u3001\u30d5\u30a3\u30fc\u30c9\u306e\u4f5c\u6210\u304c\u5b8c\u4e86\u3057\u307e\u3057\u305f\uff01\u3084\u3063\u305f\u306d\uff01"}),"\n",(0,t.jsx)(n.h3,{id:"\u8a18\u4e8b\u30ea\u30fc\u30c0\u30fc",children:"\u8a18\u4e8b\u30ea\u30fc\u30c0\u30fc"}),"\n",(0,t.jsx)(n.p,{children:"\u307e\u305a\u3001\u30c7\u30fc\u30bf\u304c\u5fc5\u8981\u3067\u3059\u3002\u30ed\u30fc\u30c0\u30fc\u3092\u4f5c\u6210\u3057\u307e\u3057\u3087\u3046\u3002"}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-bash",children:"npx fsd pages article-read -s api\n"})}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/article-read/api/loader.ts"',children:'import { json, type LoaderFunctionArgs } from "@remix-run/node";\nimport invariant from "tiny-invariant";\nimport type { FetchResponse } from "openapi-fetch";\nimport { promiseHash } from "remix-utils/promise";\n\nimport { GET, getUserFromSession } from "shared/api";\n\nasync function throwAnyErrors<T, O, Media extends `${string}/${string}`>(\n  responsePromise: Promise<FetchResponse<T, O, Media>>,\n) {\n  const { data, error, response } = await responsePromise;\n\n  if (error !== undefined) {\n    throw json(error, { status: response.status });\n  }\n\n  return data as NonNullable<typeof data>;\n}\n\nexport const loader = async ({ request, params }: LoaderFunctionArgs) => {\n  invariant(params.slug, "\u30b9\u30e9\u30c3\u30b0\u30d1\u30e9\u30e1\u30fc\u30bf\u304c\u5fc5\u8981\u3067\u3059");\n  const currentUser = await getUserFromSession(request);\n  const authorization = currentUser\n    ? { Authorization: `Token ${currentUser.token}` }\n    : undefined;\n\n  return json(\n    await promiseHash({\n      article: throwAnyErrors(\n        GET("/articles/{slug}", {\n          params: {\n            path: { slug: params.slug },\n          },\n          headers: authorization,\n        }),\n      ),\n      comments: throwAnyErrors(\n        GET("/articles/{slug}/comments", {\n          params: {\n            path: { slug: params.slug },\n          },\n          headers: authorization,\n        }),\n      ),\n    }),\n  );\n};\n'})}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/article-read/index.ts"',children:'export { loader } from "./api/loader";\n'})}),"\n",(0,t.jsxs)(n.p,{children:["\u3053\u308c\u3067\u3001",(0,t.jsx)(n.code,{children:"/article/:slug"}),"\u30eb\u30fc\u30c8\u306b\u63a5\u7d9a\u3067\u304d\u307e\u3059\u3002",(0,t.jsx)(n.code,{children:"article.$slug.tsx"}),"\u3068\u3044\u3046\u30eb\u30fc\u30c8\u30d5\u30a1\u30a4\u30eb\u3092\u4f5c\u6210\u3057\u307e\u3059\u3002"]}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-tsx",metastring:'title="app/routes/article.$slug.tsx"',children:'export { loader } from "pages/article-read";\n'})}),"\n",(0,t.jsx)(n.p,{children:"\u30da\u30fc\u30b8\u81ea\u4f53\u306f\u3001\u8a18\u4e8b\u306e\u30bf\u30a4\u30c8\u30eb\u3068\u30a2\u30af\u30b7\u30e7\u30f3\u3001\u8a18\u4e8b\u306e\u672c\u6587\u3001\u30b3\u30e1\u30f3\u30c8\u30bb\u30af\u30b7\u30e7\u30f3\u306e3\u3064\u306e\u4e3b\u8981\u306a\u30d6\u30ed\u30c3\u30af\u3067\u69cb\u6210\u3055\u308c\u3066\u3044\u307e\u3059\u3002\u4e0b\u8a18\u306f\u30da\u30fc\u30b8\u306e\u30de\u30fc\u30af\u30a2\u30c3\u30d7\u3067\u3001\u7279\u306b\u8208\u5473\u6df1\u3044\u3082\u306e\u306f\u3042\u308a\u307e\u305b\u3093\u3002"}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/article-read/ui/ArticleReadPage.tsx"',children:'import { useLoaderData } from "@remix-run/react";\n\nimport type { loader } from "../api/loader";\nimport { ArticleMeta } from "./ArticleMeta";\nimport { Comments } from "./Comments";\n\nexport function ArticleReadPage() {\n  const { article } = useLoaderData<typeof loader>();\n\n  return (\n    <div className="article-page">\n      <div className="banner">\n        <div className="container">\n          <h1>{article.article.title}</h1>\n\n          <ArticleMeta />\n        </div>\n      </div>\n\n      <div className="container page">\n        <div className="row article-content">\n          <div className="col-md-12">\n            <p>{article.article.body}</p>\n            <ul className="tag-list">\n              {article.article.tagList.map((tag) => (\n                <li className="tag-default tag-pill tag-outline" key={tag}>\n                  {tag}\n                </li>\n              ))}\n            </ul>\n          </div>\n        </div>\n\n        <hr />\n\n        <div className="article-actions">\n          <ArticleMeta />\n        </div>\n\n        <div className="row">\n          <Comments />\n        </div>\n      </div>\n    </div>\n  );\n}\n'})}),"\n",(0,t.jsxs)(n.p,{children:["\u8208\u5473\u6df1\u3044\u306e\u306f",(0,t.jsx)(n.code,{children:"ArticleMeta"}),"\u3068",(0,t.jsx)(n.code,{children:"Comments"}),"\u3067\u3059\u3002\u3053\u308c\u3089\u306f\u3001\u8a18\u4e8b\u3092\u300c\u3044\u3044\u306d\u300d\u3057\u305f\u308a\u3001\u30b3\u30e1\u30f3\u30c8\u3092\u6b8b\u3057\u305f\u308a\u3059\u308b\u305f\u3081\u306e\u64cd\u4f5c\u3092\u542b\u3093\u3067\u3044\u307e\u3059\u3002\u3053\u308c\u3089\u304c\u6a5f\u80fd\u3059\u308b\u305f\u3081\u306b\u306f\u3001\u307e\u305a\u30d0\u30c3\u30af\u30a8\u30f3\u30c9\u90e8\u5206\u3092\u5b9f\u88c5\u3059\u308b\u5fc5\u8981\u304c\u3042\u308a\u307e\u3059\u3002\u3053\u306e\u30da\u30fc\u30b8\u306e",(0,t.jsx)(n.code,{children:"api"}),"\u30bb\u30b0\u30e1\u30f3\u30c8\u306b",(0,t.jsx)(n.code,{children:"action.ts"}),"\u30d5\u30a1\u30a4\u30eb\u3092\u4f5c\u6210\u3057\u307e\u3059\u3002"]}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/article-read/api/action.ts"',children:'import { redirect, type ActionFunctionArgs } from "@remix-run/node";\nimport { namedAction } from "remix-utils/named-action";\nimport { redirectBack } from "remix-utils/redirect-back";\nimport invariant from "tiny-invariant";\n\nimport { DELETE, POST, requireUser } from "shared/api";\n\nexport const action = async ({ request, params }: ActionFunctionArgs) => {\n  const currentUser = await requireUser(request);\n\n  const authorization = { Authorization: `Token ${currentUser.token}` };\n\n  const formData = await request.formData();\n\n  return namedAction(formData, {\n    async delete() {\n      invariant(params.slug, "\u30b9\u30e9\u30c3\u30b0\u30d1\u30e9\u30e1\u30fc\u30bf\u304c\u5fc5\u8981\u3067\u3059");\n      await DELETE("/articles/{slug}", {\n        params: { path: { slug: params.slug } },\n        headers: authorization,\n      });\n      return redirect("/");\n    },\n    async favorite() {\n      invariant(params.slug, "\u30b9\u30e9\u30c3\u30b0\u30d1\u30e9\u30e1\u30fc\u30bf\u304c\u5fc5\u8981\u3067\u3059");\n      await POST("/articles/{slug}/favorite", {\n        params: { path: { slug: params.slug } },\n        headers: authorization,\n      });\n      return redirectBack(request, { fallback: "/" });\n    },\n    async unfavorite() {\n      invariant(params.slug, "\u30b9\u30e9\u30c3\u30b0\u30d1\u30e9\u30e1\u30fc\u30bf\u304c\u5fc5\u8981\u3067\u3059");\n      await DELETE("/articles/{slug}/favorite", {\n        params: { path: { slug: params.slug } },\n        headers: authorization,\n      });\n      return redirectBack(request, { fallback: "/" });\n    },\n    async createComment() {\n      invariant(params.slug, "\u30b9\u30e9\u30c3\u30b0\u30d1\u30e9\u30e1\u30fc\u30bf\u304c\u5fc5\u8981\u3067\u3059");\n      const comment = formData.get("comment");\n      invariant(typeof comment === "string", "\u30b3\u30e1\u30f3\u30c8\u30d1\u30e9\u30e1\u30fc\u30bf\u304c\u5fc5\u8981\u3067\u3059");\n      await POST("/articles/{slug}/comments", {\n        params: { path: { slug: params.slug } },\n        headers: { ...authorization, "Content-Type": "application/json" },\n        body: { comment: { body: comment } },\n      });\n      return redirectBack(request, { fallback: "/" });\n    },\n    async deleteComment() {\n      invariant(params.slug, "\u30b9\u30e9\u30c3\u30b0\u30d1\u30e9\u30e1\u30fc\u30bf\u304c\u5fc5\u8981\u3067\u3059");\n      const commentId = formData.get("id");\n      invariant(typeof commentId === "string", "id\u30d1\u30e9\u30e1\u30fc\u30bf\u304c\u5fc5\u8981\u3067\u3059");\n      const commentIdNumeric = parseInt(commentId, 10);\n      invariant(\n        !Number.isNaN(commentIdNumeric),\n        "\u6570\u5024\u306eid\u30d1\u30e9\u30e1\u30fc\u30bf\u304c\u5fc5\u8981\u3067\u3059",\n      );\n      await DELETE("/articles/{slug}/comments/{id}", {\n        params: { path: { slug: params.slug, id: commentIdNumeric } },\n        headers: authorization,\n      });\n      return redirectBack(request, { fallback: "/" });\n    },\n    async followAuthor() {\n      const authorUsername = formData.get("username");\n      invariant(\n        typeof authorUsername === "string",\n        "\u30e6\u30fc\u30b6\u30fc\u30cd\u30fc\u30e0\u30d1\u30e9\u30e1\u30fc\u30bf\u304c\u5fc5\u8981\u3067\u3059",\n      );\n      await POST("/profiles/{username}/follow", {\n        params: { path: { username: authorUsername } },\n        headers: authorization,\n      });\n      return redirectBack(request, { fallback: "/" });\n    },\n    async unfollowAuthor() {\n      const authorUsername = formData.get("username");\n      invariant(\n        typeof authorUsername === "string",\n        "\u30e6\u30fc\u30b6\u30fc\u30cd\u30fc\u30e0\u30d1\u30e9\u30e1\u30fc\u30bf\u304c\u5fc5\u8981\u3067\u3059",\n      );\n      await DELETE("/profiles/{username}/follow", {\n        params: { path: { username: authorUsername } },\n        headers: authorization,\n      });\n      return redirectBack(request, { fallback: "/" });\n    },\n  });\n};\n'})}),"\n",(0,t.jsx)(n.p,{children:"\u3053\u308c\u3092\u30b9\u30e9\u30a4\u30b9\u304b\u3089\u518d\u30a8\u30af\u30b9\u30dd\u30fc\u30c8\u3057\u3001\u30eb\u30fc\u30c8\u304b\u3089\u518d\u30a8\u30af\u30b9\u30dd\u30fc\u30c8\u3057\u307e\u3059\u3002\u3053\u3053\u306b\u3044\u308b\u9593\u306b\u3001\u30da\u30fc\u30b8\u81ea\u4f53\u3082\u63a5\u7d9a\u3057\u307e\u3057\u3087\u3046\u3002"}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/article-read/index.ts"',children:'export { ArticleReadPage } from "./ui/ArticleReadPage";\nexport { loader } from "./api/loader";\nexport { action } from "./api/action";\n'})}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-tsx",metastring:'title="app/routes/article.$slug.tsx"',children:'import { ArticleReadPage } from "pages/article-read";\n\nexport { loader, action } from "pages/article-read";\n\nexport default ArticleReadPage;\n'})}),"\n",(0,t.jsx)(n.p,{children:"\u3053\u308c\u3067\u3001\u8a18\u4e8b\u30ea\u30fc\u30c0\u30fc\u306e\u300c\u3044\u3044\u306d\u300d\u30dc\u30bf\u30f3\u306f\u307e\u3060\u5b9f\u88c5\u3055\u308c\u3066\u3044\u306a\u3044\u306b\u3082\u95a2\u308f\u3089\u305a\u3001\u30d5\u30a3\u30fc\u30c9\u306e\u300c\u3044\u3044\u306d\u300d\u30dc\u30bf\u30f3\u306f\u6a5f\u80fd\u3057\u59cb\u3081\u307e\u3059\uff01\u305d\u308c\u306f\u3001\u30d5\u30a3\u30fc\u30c9\u306e\u300c\u3044\u3044\u306d\u300d\u30dc\u30bf\u30f3\u3082\u305d\u306e\u30eb\u30fc\u30c8\u306b\u30ea\u30af\u30a8\u30b9\u30c8\u3092\u9001\u3063\u3066\u3044\u308b\u304b\u3089\u3067\u3059\u3002\u4f55\u304b\u3092\u300c\u3044\u3044\u306d\u300d\u3057\u3066\u307f\u3066\u304f\u3060\u3055\u3044\uff01"}),"\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.code,{children:"ArticleMeta"}),"\u3068",(0,t.jsx)(n.code,{children:"Comments"}),"\u306f\u3001\u5358\u306a\u308b\u30d5\u30a9\u30fc\u30e0\u3067\u3059\u3002\u4ee5\u524d\u306b\u3053\u308c\u3092\u884c\u3063\u305f\u306e\u3067\u3001\u30b3\u30fc\u30c9\u3092\u30b3\u30d4\u30da\u3057\u3066\u5148\u306b\u9032\u307f\u307e\u3057\u3087\u3046\u3002"]}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/article-read/ui/ArticleMeta.tsx"',children:'import { Form, Link, useLoaderData } from "@remix-run/react";\nimport { useContext } from "react";\n\nimport { CurrentUser } from "shared/api";\nimport type { loader } from "../api/loader";\n\nexport function ArticleMeta() {\n  const currentUser = useContext(CurrentUser);\n  const { article } = useLoaderData<typeof loader>();\n\n  return (\n    <Form method="post">\n      <div className="article-meta">\n        <Link\n          prefetch="intent"\n          to={`/profile/${article.article.author.username}`}\n        >\n          <img src={article.article.author.image} alt="" />\n        </Link>\n\n        <div className="info">\n          <Link\n            prefetch="intent"\n            to={`/profile/${article.article.author.username}`}\n            className="author"\n          >\n            {article.article.author.username}\n          </Link>\n          <span className="date">{article.article.createdAt}</span>\n        </div>\n\n        {article.article.author.username == currentUser?.username ? (\n          <>\n            <Link\n              prefetch="intent"\n              to={`/editor/${article.article.slug}`}\n              className="btn btn-sm btn-outline-secondary"\n            >\n              <i className="ion-edit"></i> \u8a18\u4e8b\u3092\u7de8\u96c6\n            </Link>\n            &nbsp;&nbsp;\n            <button\n              name="_action"\n              value="delete"\n              className="btn btn-sm btn-outline-danger"\n            >\n              <i className="ion-trash-a"></i> \u8a18\u4e8b\u3092\u524a\u9664\n            </button>\n          </>\n        ) : (\n          <>\n            <input\n              name="username"\n              value={article.article.author.username}\n              type="hidden"\n            />\n            <button\n              name="_action"\n              value={\n                article.article.author.following\n                  ? "unfollowAuthor"\n                  : "followAuthor"\n              }\n              className={`btn btn-sm ${article.article.author.following ? "btn-secondary" : "btn-outline-secondary"}`}\n            >\n              <i className="ion-plus-round"></i>\n              &nbsp;{" "}\n              {article.article.author.following\n                ? "\u30d5\u30a9\u30ed\u30fc\u89e3\u9664"\n                : "\u30d5\u30a9\u30ed\u30fc"}{" "}\n              {article.article.author.username}\n            </button>\n            &nbsp;&nbsp;\n            <button\n              name="_action"\n              value={article.article.favorited ? "unfavorite" : "favorite"}\n              className={`btn btn-sm ${article.article.favorited ? "btn-primary" : "btn-outline-primary"}`}\n            >\n              <i className="ion-heart"></i>\n              &nbsp; {article.article.favorited\n                ? "\u3044\u3044\u306d\u89e3\u9664"\n                : "\u3044\u3044\u306d"}{" "}\n              \u8a18\u4e8b{" "}\n              <span className="counter">\n                ({article.article.favoritesCount})\n              </span>\n            </button>\n          </>\n        )}\n      </div>\n    </Form>\n  );\n}\n'})}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/article-read/ui/Comments.tsx"',children:'import { useContext } from "react";\nimport { Form, Link, useLoaderData } from "@remix-run/react";\n\nimport { CurrentUser } from "shared/api";\nimport type { loader } from "../api/loader";\n\nexport function Comments() {\n  const { comments } = useLoaderData<typeof loader>();\n  const currentUser = useContext(CurrentUser);\n\n  return (\n    <div className="col-xs-12 col-md-8 offset-md-2">\n      {currentUser !== null ? (\n        <Form\n          preventScrollReset={true}\n          method="post"\n          className="card comment-form"\n          key={Date()}\n        >\n          <div className="card-block">\n            <textarea\n              required\n              className="form-control"\n              name="comment"\n              placeholder="\u30b3\u30e1\u30f3\u30c8\u3092\u66f8\u304f..."\n              rows={3}\n            ></textarea>\n          </div>\n          <div className="card-footer">\n            <img\n              src={currentUser.image}\n              className="comment-author-img"\n              alt=""\n            />\n            <button\n              className="btn btn-sm btn-primary"\n              name="_action"\n              value="createComment"\n            >\n              \u30b3\u30e1\u30f3\u30c8\u3092\u6295\u7a3f\n            </button>\n          </div>\n        </Form>\n      ) : (\n        <div className="row">\n          <div className="col-xs-12 col-md-8 offset-md-2">\n            <p>\n              <Link to="/login">\u30b5\u30a4\u30f3\u30a4\u30f3</Link>\n              &nbsp; \u307e\u305f\u306f &nbsp;\n              <Link to="/register">\u767b\u9332</Link>\n              &nbsp; \u3057\u3066\u8a18\u4e8b\u306b\u30b3\u30e1\u30f3\u30c8\u3092\u8ffd\u52a0\u3057\u307e\u3057\u3087\u3046\uff01\n            </p>\n          </div>\n        </div>\n      )}\n\n      {comments.comments.map((comment) => (\n        <div className="card" key={comment.id}>\n          <div className="card-block">\n            <p className="card-text">{comment.body}</p>\n          </div>\n\n          <div className="card-footer">\n            <Link\n              to={`/profile/${comment.author.username}`}\n              className="comment-author"\n            >\n              <img\n                src={comment.author.image}\n                className="comment-author-img"\n                alt=""\n              />\n            </Link>\n            &nbsp;\n            <Link\n              to={`/profile/${comment.author.username}`}\n              className="comment-author"\n            >\n              {comment.author.username}\n            </Link>\n            <span className="date-posted">{comment.createdAt}</span>\n            {comment.author.username === currentUser?.username && (\n              <span className="mod-options">\n                <Form method="post" preventScrollReset={true}>\n                  <input type="hidden" name="id" value={comment.id} />\n                  <button\n                    name="_action"\n                    value="deleteComment"\n                    style={{\n                      border: "none",\n                      outline: "none",\n                      backgroundColor: "transparent",\n                    }}\n                  >\n                    <i className="ion-trash-a"></i>\n                  </button>\n                </Form>\n              </span>\n            )}\n          </div>\n        </div>\n      ))}\n    </div>\n  );\n}\n'})}),"\n",(0,t.jsx)(n.p,{children:"\u3053\u308c\u3067\u3001\u8a18\u4e8b\u30ea\u30fc\u30c0\u30fc\u304c\u5b8c\u6210\u3057\u307e\u3057\u305f\uff01\u300c\u8457\u8005\u3092\u30d5\u30a9\u30ed\u30fc\u3059\u308b\u300d\u30dc\u30bf\u30f3\u3001\u300c\u3044\u3044\u306d\u300d\u30dc\u30bf\u30f3\u3001\u300c\u30b3\u30e1\u30f3\u30c8\u3092\u6b8b\u3059\u300d\u30dc\u30bf\u30f3\u304c\u3059\u3079\u3066\u6b63\u5e38\u306b\u6a5f\u80fd\u3059\u308b\u306f\u305a\u3067\u3059\u3002"}),"\n",(0,t.jsxs)("figure",{children:[(0,t.jsx)(n.p,{children:(0,t.jsx)(n.img,{alt:"\u8a18\u4e8b\u30ea\u30fc\u30c0\u30fc\u306e\u753b\u50cf",src:r(6953).A+"",width:"2880",height:"1488"})}),(0,t.jsx)("figcaption",{children:"\u8a18\u4e8b\u30ea\u30fc\u30c0\u30fc\u306e\u753b\u50cf"})]}),"\n",(0,t.jsx)(n.h3,{id:"\u8a18\u4e8b\u7de8\u96c6",children:"\u8a18\u4e8b\u7de8\u96c6"}),"\n",(0,t.jsx)(n.p,{children:"\u3053\u308c\u306f\u3001\u3053\u306e\u30ac\u30a4\u30c9\u3067\u6700\u5f8c\u306b\u53d6\u308a\u4e0a\u3052\u308b\u30da\u30fc\u30b8\u3067\u3059\u3002\u3053\u3053\u3067\u6700\u3082\u8208\u5473\u6df1\u3044\u90e8\u5206\u306f\u3001\u30d5\u30a9\u30fc\u30e0\u30c7\u30fc\u30bf\u3092\u691c\u8a3c\u3059\u308b\u65b9\u6cd5\u3067\u3059\u3002"}),"\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.code,{children:"article-edit/ui/ArticleEditPage.tsx"}),"\u30da\u30fc\u30b8\u81ea\u4f53\u306f\u3001\u975e\u5e38\u306b\u30b7\u30f3\u30d7\u30eb\u3067\u3001\u8ffd\u52a0\u306e\u30ed\u30b8\u30c3\u30af\u306f\u4ed6\u306e2\u3064\u306e\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306b\u542b\u307e\u308c\u307e\u3059\u3002"]}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/article-edit/ui/ArticleEditPage.tsx"',children:'import { Form, useLoaderData } from "@remix-run/react";\n\nimport type { loader } from "../api/loader";\nimport { TagsInput } from "./TagsInput";\nimport { FormErrors } from "./FormErrors";\n\nexport function ArticleEditPage() {\n  const article = useLoaderData<typeof loader>();\n\n  return (\n    <div className="editor-page">\n      <div className="container page">\n        <div className="row">\n          <div className="col-md-10 offset-md-1 col-xs-12">\n            <FormErrors />\n\n            <Form method="post">\n              <fieldset>\n                <fieldset className="form-group">\n                  <input\n                    type="text"\n                    className="form-control form-control-lg"\n                    name="title"\n                    placeholder="\u8a18\u4e8b\u306e\u30bf\u30a4\u30c8\u30eb"\n                    defaultValue={article.article?.title}\n                  />\n                </fieldset>\n                <fieldset className="form-group">\n                  <input\n                    type="text"\n                    className="form-control"\n                    name="description"\n                    placeholder="\u3053\u306e\u8a18\u4e8b\u306f\u4f55\u306b\u3064\u3044\u3066\u3067\u3059\u304b\uff1f"\n                    defaultValue={article.article?.description}\n                  />\n                </fieldset>\n                <fieldset className="form-group">\n                  <textarea\n                    className="form-control"\n                    name="body"\n                    rows={8}\n                    placeholder="\u8a18\u4e8b\u3092\u8a18\u8ff0\u3057\u3066\u304f\u3060\u3055\u3044\uff08\u30de\u30fc\u30af\u30c0\u30a6\u30f3\u5f62\u5f0f\uff09"\n                    defaultValue={article.article?.body}\n                  ></textarea>\n                </fieldset>\n                <fieldset className="form-group">\n                  <TagsInput\n                    name="tags"\n                    defaultValue={article.article?.tagList ?? []}\n                  />\n                </fieldset>\n\n                <button className="btn btn-lg pull-xs-right btn-primary">\n                  \u8a18\u4e8b\u3092\u516c\u958b\n                </button>\n              </fieldset>\n            </Form>\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n}\n'})}),"\n",(0,t.jsxs)(n.p,{children:["\u3053\u306e\u30da\u30fc\u30b8\u306f\u3001\u5b58\u5728\u3059\u308b\u8a18\u4e8b\u3092\u53d6\u5f97\u3057\uff08\u65b0\u3057\u3044\u8a18\u4e8b\u3092\u4f5c\u6210\u3059\u308b\u5834\u5408\u3092\u9664\u304f\uff09\u3001\u5bfe\u5fdc\u3059\u308b\u30d5\u30a9\u30fc\u30e0\u30d5\u30a3\u30fc\u30eb\u30c9\u3092\u57cb\u3081\u307e\u3059\u3002\u3053\u308c\u306f\u4ee5\u524d\u306b\u898b\u305f\u3082\u306e\u3067\u3059\u3002\u7740\u76ee\u3059\u3079\u304d\u90e8\u5206\u306f",(0,t.jsx)(n.code,{children:"FormErrors"}),"\u3067\u3001\u3053\u308c\u306f\u691c\u8a3c\u7d50\u679c\u3092\u53d6\u5f97\u3057\u3001\u30e6\u30fc\u30b6\u30fc\u306b\u8868\u793a\u3057\u307e\u3059\u3002"]}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/article-edit/ui/FormErrors.tsx"',children:'import { useActionData } from "@remix-run/react";\nimport type { action } from "../api/action";\n\nexport function FormErrors() {\n  const actionData = useActionData<typeof action>();\n\n  return actionData?.errors != null ? (\n    <ul className="error-messages">\n      {actionData.errors.map((error) => (\n        <li key={error}>{error}</li>\n      ))}\n    </ul>\n  ) : null;\n}\n'})}),"\n",(0,t.jsxs)(n.p,{children:["\u30a2\u30af\u30b7\u30e7\u30f3\u304c",(0,t.jsx)(n.code,{children:"errors"}),"\u30d5\u30a3\u30fc\u30eb\u30c9\u3092\u8fd4\u3057\u3001\u4eba\u9593\u306b\u7406\u89e3\u3067\u304d\u308b\u30a8\u30e9\u30fc\u30e1\u30c3\u30bb\u30fc\u30b8\u306e\u914d\u5217\u3092\u8868\u793a\u3059\u308b\u3053\u3068\u3092\u60f3\u5b9a\u3057\u3066\u3044\u307e\u3059\u3002\u30a2\u30af\u30b7\u30e7\u30f3\u306b\u306f\u5f8c\u3067\u79fb\u308a\u307e\u3059\u3002"]}),"\n",(0,t.jsx)(n.p,{children:"\u3082\u30461\u3064\u306e\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306f\u30bf\u30b0\u5165\u529b\u30d5\u30a3\u30fc\u30eb\u30c9\u3067\u3059\u3002\u3053\u308c\u306f\u3001\u9078\u629e\u3055\u308c\u305f\u30bf\u30b0\u306e\u30d7\u30ec\u30d3\u30e5\u30fc\u3067\u304d\u308b\u901a\u5e38\u306e\u5165\u529b\u30d5\u30a3\u30fc\u30eb\u30c9\u3067\u3059\u3002\u7279\u306b\u6ce8\u76ee\u3059\u3079\u304d\u70b9\u306f\u3042\u308a\u307e\u305b\u3093\u3002"}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/article-edit/ui/TagsInput.tsx"',children:'import { useEffect, useRef, useState } from "react";\n\nexport function TagsInput({\n  name,\n  defaultValue,\n}: {\n  name: string;\n  defaultValue?: Array<string>;\n}) {\n  const [tagListState, setTagListState] = useState(defaultValue ?? []);\n\n  function removeTag(tag: string): void {\n    const newTagList = tagListState.filter((t) => t !== tag);\n    setTagListState(newTagList);\n  }\n\n  const tagsInput = useRef<HTMLInputElement>(null);\n  useEffect(() => {\n    tagsInput.current && (tagsInput.current.value = tagListState.join(","));\n  }, [tagListState]);\n\n  return (\n    <>\n      <input\n        type="text"\n        className="form-control"\n        id="tags"\n        name={name}\n        placeholder="\u30bf\u30b0\u3092\u5165\u529b"\n        defaultValue={tagListState.join(",")}\n        onChange={(e) =>\n          setTagListState(e.target.value.split(",").filter(Boolean))\n        }\n      />\n      <div className="tag-list">\n        {tagListState.map((tag) => (\n          <span className="tag-default tag-pill" key={tag}>\n            <i\n              className="ion-close-round"\n              role="button"\n              tabIndex={0}\n              onKeyDown={(e) =>\n                [" ", "Enter"].includes(e.key) && removeTag(tag)\n              }\n              onClick={() => removeTag(tag)}\n            ></i>{" "}\n            {tag}\n          </span>\n        ))}\n      </div>\n    </>\n  );\n}\n'})}),"\n",(0,t.jsx)(n.p,{children:"\u6b21\u306b\u3001API\u90e8\u5206\u306b\u79fb\u308a\u307e\u3059\u3002\u30ed\u30fc\u30c0\u30fc\u306fURL\u3092\u78ba\u8a8d\u3057\u3001\u8a18\u4e8b\u3078\u306e\u30ea\u30f3\u30af\u304c\u3042\u308b\u5834\u5408\u3001\u65e2\u5b58\u306e\u8a18\u4e8b\u3092\u7de8\u96c6\u3057\u3066\u3044\u308b\u3053\u3068\u3092\u610f\u5473\u3057\u3001\u305d\u306e\u30c7\u30fc\u30bf\u3092\u30ed\u30fc\u30c9\u3059\u308b\u5fc5\u8981\u304c\u3042\u308a\u307e\u3059\u3002\u305d\u3046\u3067\u306a\u3044\u5834\u5408\u306f\u3001\u4f55\u3082\u8fd4\u3057\u307e\u305b\u3093\u3002\u3053\u306e\u30ed\u30fc\u30c0\u30fc\u3092\u4f5c\u6210\u3057\u307e\u3057\u3087\u3046\u3002"}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/article-edit/api/loader.ts"',children:'import { json, type LoaderFunctionArgs } from "@remix-run/node";\nimport type { FetchResponse } from "openapi-fetch";\n\nimport { GET, requireUser } from "shared/api";\n\nasync function throwAnyErrors<T, O, Media extends `${string}/${string}`>(\n  responsePromise: Promise<FetchResponse<T, O, Media>>,\n) {\n  const { data, error, response } = await responsePromise;\n\n  if (error !== undefined) {\n    throw json(error, { status: response.status });\n  }\n\n  return data as NonNullable<typeof data>;\n}\n\nexport const loader = async ({ params, request }: LoaderFunctionArgs) => {\n  const currentUser = await requireUser(request);\n\n  if (!params.slug) {\n    return { article: null };\n  }\n\n  return throwAnyErrors(\n    GET("/articles/{slug}", {\n      params: { path: { slug: params.slug } },\n      headers: { Authorization: `Token ${currentUser.token}` },\n    }),\n  );\n};\n'})}),"\n",(0,t.jsx)(n.p,{children:"\u30a2\u30af\u30b7\u30e7\u30f3\u306f\u65b0\u3057\u3044\u30d5\u30a3\u30fc\u30eb\u30c9\u306e\u5024\u3092\u53d7\u3051\u53d6\u308a\u3001\u305d\u308c\u3089\u3092\u30c7\u30fc\u30bf\u30b9\u30ad\u30fc\u30de\u306b\u901a\u3057\u3001\u3059\u3079\u3066\u304c\u6b63\u3057\u3051\u308c\u3070\u3001\u65e2\u5b58\u306e\u8a18\u4e8b\u3092\u66f4\u65b0\u3059\u308b\u304b\u3001\u65b0\u3057\u3044\u8a18\u4e8b\u3092\u4f5c\u6210\u3059\u308b\u3053\u3068\u306b\u3088\u3063\u3066\u3001\u30d0\u30c3\u30af\u30a8\u30f3\u30c9\u306b\u5909\u66f4\u3092\u4fdd\u5b58\u3057\u307e\u3059\u3002"}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/article-edit/api/action.ts"',children:'import { json, redirect, type ActionFunctionArgs } from "@remix-run/node";\n\nimport { POST, PUT, requireUser } from "shared/api";\nimport { parseAsArticle } from "../model/parseAsArticle";\n\nexport const action = async ({ request, params }: ActionFunctionArgs) => {\n  try {\n    const { body, description, title, tags } = parseAsArticle(\n      await request.formData(),\n    );\n    const tagList = tags?.split(",") ?? [];\n\n    const currentUser = await requireUser(request);\n    const payload = {\n      body: {\n        article: {\n          title,\n          description,\n          body,\n          tagList,\n        },\n      },\n      headers: { Authorization: `Token ${currentUser.token}` },\n    };\n\n    const { data, error } = await (params.slug\n      ? PUT("/articles/{slug}", {\n          params: { path: { slug: params.slug } },\n          ...payload,\n        })\n      : POST("/articles", payload));\n\n    if (error) {\n      return json({ errors: error }, { status: 422 });\n    }\n\n    return redirect(`/article/${data.article.slug ?? ""}`);\n  } catch (errors) {\n    return json({ errors }, { status: 400 });\n  }\n};\n'})}),"\n",(0,t.jsxs)(n.p,{children:["\u79c1\u305f\u3061\u306e\u30c7\u30fc\u30bf\u30b9\u30ad\u30fc\u30de\u306f\u3001",(0,t.jsx)(n.code,{children:"FormData"}),"\u3092\u89e3\u6790\u3059\u308b\u306e\u3067\u3001\u6700\u7d42\u7684\u306b\u51e6\u7406\u3059\u308b\u30a8\u30e9\u30fc\u30e1\u30c3\u30bb\u30fc\u30b8\u3092\u6295\u3052\u305f\u308a\u3059\u308b\u306e\u306b\u5f79\u7acb\u3061\u307e\u3059\u3002\u3053\u306e\u89e3\u6790\u95a2\u6570\u306f\u6b21\u306e\u3088\u3046\u306b\u306a\u308a\u307e\u3059\u3002"]}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/article-edit/model/parseAsArticle.ts"',children:'export function parseAsArticle(data: FormData) {\n  const errors = [];\n\n  const title = data.get("title");\n  if (typeof title !== "string" || title === "") {\n    errors.push("\u8a18\u4e8b\u306b\u30bf\u30a4\u30c8\u30eb\u3092\u4ed8\u3051\u3066\u304f\u3060\u3055\u3044");\n  }\n\n  const description = data.get("description");\n  if (typeof description !== "string" || description === "") {\n    errors.push("\u3053\u306e\u8a18\u4e8b\u304c\u4f55\u306b\u3064\u3044\u3066\u304b\u8aac\u660e\u3057\u3066\u304f\u3060\u3055\u3044");\n  }\n\n  const body = data.get("body");\n  if (typeof body !== "string" || body === "") {\n    errors.push("\u8a18\u4e8b\u305d\u306e\u3082\u306e\u3092\u66f8\u3044\u3066\u304f\u3060\u3055\u3044");\n  }\n\n  const tags = data.get("tags");\n  if (typeof tags !== "string") {\n    errors.push("\u30bf\u30b0\u306f\u6587\u5b57\u5217\u3067\u3042\u308b\u5fc5\u8981\u304c\u3042\u308a\u307e\u3059");\n  }\n\n  if (errors.length > 0) {\n    throw errors;\n  }\n\n  return { title, description, body, tags: data.get("tags") ?? "" } as {\n    title: string;\n    description: string;\n    body: string;\n    tags: string;\n  };\n}\n'})}),"\n",(0,t.jsx)(n.p,{children:"\u5c11\u3057\u9577\u304f\u7e70\u308a\u8fd4\u3057\u304c\u591a\u3044\u3088\u3046\u306b\u898b\u3048\u308b\u304b\u3082\u3057\u308c\u307e\u305b\u3093\u304c\u3001\u3053\u308c\u306f\u30a8\u30e9\u30fc\u30e1\u30c3\u30bb\u30fc\u30b8\u3092\u4eba\u9593\u306b\u7406\u89e3\u3057\u3084\u3059\u304f\u3059\u308b\u305f\u3081\u306e\u4ee3\u511f\u3067\u3059\u3002Zod\u306e\u3088\u3046\u306a\u30b9\u30ad\u30fc\u30de\u3092\u4f7f\u7528\u3059\u308b\u3053\u3068\u3082\u3067\u304d\u307e\u3059\u304c\u3001\u305d\u306e\u5834\u5408\u3001\u30d5\u30ed\u30f3\u30c8\u30a8\u30f3\u30c9\u3067\u30a8\u30e9\u30fc\u30e1\u30c3\u30bb\u30fc\u30b8\u3092\u8868\u793a\u3059\u308b\u5fc5\u8981\u304c\u3042\u308a\u307e\u3059\u3002\u3053\u306e\u30d5\u30a9\u30fc\u30e0\u306f\u305d\u306e\u3088\u3046\u306a\u8907\u96d1\u3055\u306b\u306f\u5024\u3057\u307e\u305b\u3093\u3002"}),"\n",(0,t.jsxs)(n.p,{children:["\u6700\u5f8c\u306e\u30b9\u30c6\u30c3\u30d7\u306f\u3001\u30da\u30fc\u30b8\u3001\u30ed\u30fc\u30c0\u30fc\u3001\u30a2\u30af\u30b7\u30e7\u30f3\u3092\u30eb\u30fc\u30c8\u306b\u63a5\u7d9a\u3059\u308b\u3053\u3068\u3067\u3059\u3002\u79c1\u305f\u3061\u306f\u4f5c\u6210\u3068\u7de8\u96c6\u306e\u4e21\u65b9\u3092\u304d\u308c\u3044\u306b\u30b5\u30dd\u30fc\u30c8\u3057\u3066\u3044\u308b\u306e\u3067\u3001",(0,t.jsx)(n.code,{children:"editor._index.tsx"}),"\u3068",(0,t.jsx)(n.code,{children:"editor.$slug.tsx"}),"\u306e\u4e21\u65b9\u304b\u3089\u540c\u3058\u30a2\u30af\u30b7\u30e7\u30f3\u3092\u30a8\u30af\u30b9\u30dd\u30fc\u30c8\u3067\u304d\u307e\u3059\u3002"]}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/article-edit/index.ts"',children:'export { ArticleEditPage } from "./ui/ArticleEditPage";\nexport { loader } from "./api/loader";\nexport { action } from "./api/action";\n'})}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-tsx",metastring:'title="app/routes/editor._index.tsx, app/routes/editor.$slug.tsx (\u540c\u3058\u5185\u5bb9)"',children:'import { ArticleEditPage } from "pages/article-edit";\n\nexport { loader, action } from "pages/article-edit";\n\nexport default ArticleEditPage;\n'})}),"\n",(0,t.jsx)(n.p,{children:"\u3053\u308c\u3067\u5b8c\u6210\u3067\u3059\uff01\u30ed\u30b0\u30a4\u30f3\u3057\u3066\u65b0\u3057\u3044\u8a18\u4e8b\u3092\u4f5c\u6210\u3057\u3066\u307f\u3066\u304f\u3060\u3055\u3044\u3002\u3042\u308b\u3044\u306f\u3001\u30d5\u30a3\u30fc\u30eb\u30c9\u306b\u4f55\u3082\u8a18\u5165\u305b\u305a\u9032\u307f\u3001\u30d0\u30ea\u30c7\u30fc\u30b7\u30e7\u30f3\u304c\u3069\u306e\u3088\u3046\u306b\u6a5f\u80fd\u3059\u308b\u304b\u3092\u691c\u8a3c\u3057\u3066\u307f\u3066\u304f\u3060\u3055\u3044\u3002"}),"\n",(0,t.jsxs)("figure",{children:[(0,t.jsx)(n.p,{children:(0,t.jsx)(n.img,{alt:"\u8a18\u4e8b\u7de8\u96c6\u8005\u306e\u753b\u50cf",src:r(6011).A+"",width:"2880",height:"1488"})}),(0,t.jsx)("figcaption",{children:"\u8a18\u4e8b\u7de8\u96c6\u753b\u50cf"})]}),"\n",(0,t.jsx)(n.p,{children:"\u30d7\u30ed\u30d5\u30a3\u30fc\u30eb\u30da\u30fc\u30b8\u3084\u8a2d\u5b9a\u30da\u30fc\u30b8\u306f\u3001\u8a18\u4e8b\u306e\u8aad\u307f\u53d6\u308a\u3084\u7de8\u96c6\u30da\u30fc\u30b8\u306b\u975e\u5e38\u306b\u4f3c\u3066\u3044\u3066\u3001\u8aad\u8005\u306e\u305f\u3081\u306e\u5bbf\u984c\u3068\u3057\u3066\u6b8b\u3055\u308c\u3066\u3044\u307e\u3059\u3002"})]})}function m(e={}){const{wrapper:n}={...(0,s.R)(),...e.components};return n?(0,t.jsx)(n,{...e,children:(0,t.jsx)(d,{...e})}):d(e)}},8891:(e,n,r)=>{r.d(n,{A:()=>t});const t=r.p+"assets/images/conduit-banner-a20e38edcd109ee21a8b1426d93a66b3.jpg"},6011:(e,n,r)=>{r.d(n,{A:()=>t});const t=r.p+"assets/images/realworld-article-editor-bc3ee45c96ae905fdbb54d6463d12723.jpg"},6953:(e,n,r)=>{r.d(n,{A:()=>t});const t=r.p+"assets/images/realworld-article-reader-6a420e4f2afe139d2bdd54d62974f0b9.jpg"},9922:(e,n,r)=>{r.d(n,{A:()=>t});const t=r.p+"assets/images/realworld-editor-authenticated-10de4d01479270886859e08592045b1e.jpg"},9703:(e,n,r)=>{r.d(n,{A:()=>t});const t=r.p+"assets/images/realworld-feed-anonymous-8cbba45f488931979f6c8da8968ad685.jpg"},1405:(e,n,r)=>{r.d(n,{A:()=>t});const t=r.p+"assets/images/realworld-feed-authenticated-15427d9ff7baae009b47b501bee6c059.jpg"},6231:(e,n,r)=>{r.d(n,{A:()=>t});const t=r.p+"assets/images/realworld-feed-without-tabs-5da4c9072101ac20e82e2234bd3badbe.jpg"},1100:(e,n,r)=>{r.d(n,{R:()=>i,x:()=>o});var t=r(758);const s={},a=t.createContext(s);function i(e){const n=t.useContext(a);return t.useMemo((function(){return"function"==typeof e?e(n):{...n,...e}}),[n,e])}function o(e){let n;return n=e.disableParentContext?"function"==typeof e.components?e.components(s):e.components||s:i(e.components),t.createElement(a.Provider,{value:n},e.children)}}}]);
\ No newline at end of file
diff --git a/ja/assets/js/6f39ea9f.b3b1052a.js b/ja/assets/js/6f39ea9f.408d6831.js
similarity index 97%
rename from ja/assets/js/6f39ea9f.b3b1052a.js
rename to ja/assets/js/6f39ea9f.408d6831.js
index 769f320bdc..37e3c4b106 100644
--- a/ja/assets/js/6f39ea9f.b3b1052a.js
+++ b/ja/assets/js/6f39ea9f.408d6831.js
@@ -1 +1 @@
-"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[4548],{1928:(e,t,n)=>{n.d(t,{Ay:()=>u,RM:()=>c});var i=n(6070),s=n(1100),r=(n(758),n(6783)),d=n(7765);const a=e=>{let{ticket:t}=e;const n=`https://github.com/feature-sliced/documentation/issues/${t}`;return(0,i.jsxs)("div",{children:[(0,i.jsx)("p",{children:(0,d.T)({id:"shared.wip.title"})}),(0,i.jsx)("p",{children:(0,d.T)({id:"shared.wip.subtitle"})}),(0,i.jsxs)("ul",{children:[(0,i.jsxs)("li",{children:[(0,d.T)({id:"shared.wip.var.feedback.base"}),(0,i.jsx)(r.A,{to:n,children:(0,d.T)({id:"shared.wip.var.feedback.link"})})]}),(0,i.jsxs)("li",{children:[(0,d.T)({id:"shared.wip.var.material.base"}),(0,i.jsx)(r.A,{to:"https://t.me/feature_sliced",children:(0,d.T)({id:"shared.wip.var.material.link"})})]}),(0,i.jsxs)("li",{children:[(0,d.T)({id:"shared.wip.var.contribute.base"}),(0,i.jsx)(r.A,{to:"https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md",children:(0,d.T)({id:"shared.wip.var.contribute.link"})})]})]}),(0,i.jsx)("br",{}),(0,i.jsx)("p",{children:(0,i.jsx)("i",{children:"\ud83c\udf70 Stay tuned!"})})]})},c=[];function o(e){const t={admonition:"admonition",...(0,s.R)(),...e.components};return(0,i.jsx)(t.admonition,{title:"WIP",type:"caution",children:(0,i.jsx)(a,{ticket:e.ticket})})}function u(e={}){const{wrapper:t}={...(0,s.R)(),...e.components};return t?(0,i.jsx)(t,{...e,children:(0,i.jsx)(o,{...e})}):o(e)}},5879:(e,t,n)=>{n.r(t),n.d(t,{assets:()=>o,contentTitle:()=>a,default:()=>p,frontMatter:()=>d,metadata:()=>c,toc:()=>u});var i=n(6070),s=n(1100),r=n(1928);const d={sidebar_class_name:"sidebar-item--wip",unlisted:!0},a="\u30d5\u30a3\u30fc\u30c9\u30d0\u30c3\u30af",c={id:"guides/examples/feedback",title:"\u30d5\u30a3\u30fc\u30c9\u30d0\u30c3\u30af",description:"",source:"@site/i18n/ja/docusaurus-plugin-content-docs/current/guides/examples/feedback.mdx",sourceDirName:"guides/examples",slug:"/guides/examples/feedback",permalink:"/ja/docs/guides/examples/feedback",draft:!1,unlisted:!0,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/ja/docusaurus-plugin-content-docs/current/guides/examples/feedback.mdx",tags:[],version:"current",lastUpdatedAt:1727607766e3,frontMatter:{sidebar_class_name:"sidebar-item--wip",unlisted:!0},sidebar:"guidesSidebar"},o={},u=[...r.RM];function l(e){const t={h1:"h1",header:"header",...(0,s.R)(),...e.components};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(t.header,{children:(0,i.jsx)(t.h1,{id:"\u30d5\u30a3\u30fc\u30c9\u30d0\u30c3\u30af",children:"\u30d5\u30a3\u30fc\u30c9\u30d0\u30c3\u30af"})}),"\n",(0,i.jsx)(r.Ay,{ticket:"187"})]})}function p(e={}){const{wrapper:t}={...(0,s.R)(),...e.components};return t?(0,i.jsx)(t,{...e,children:(0,i.jsx)(l,{...e})}):l(e)}},1100:(e,t,n)=>{n.d(t,{R:()=>d,x:()=>a});var i=n(758);const s={},r=i.createContext(s);function d(e){const t=i.useContext(r);return i.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function a(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(s):e.components||s:d(e.components),i.createElement(r.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
+"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[4548],{1928:(e,t,n)=>{n.d(t,{Ay:()=>u,RM:()=>c});var i=n(6070),s=n(1100),r=(n(758),n(6783)),d=n(7765);const a=e=>{let{ticket:t}=e;const n=`https://github.com/feature-sliced/documentation/issues/${t}`;return(0,i.jsxs)("div",{children:[(0,i.jsx)("p",{children:(0,d.T)({id:"shared.wip.title"})}),(0,i.jsx)("p",{children:(0,d.T)({id:"shared.wip.subtitle"})}),(0,i.jsxs)("ul",{children:[(0,i.jsxs)("li",{children:[(0,d.T)({id:"shared.wip.var.feedback.base"}),(0,i.jsx)(r.A,{to:n,children:(0,d.T)({id:"shared.wip.var.feedback.link"})})]}),(0,i.jsxs)("li",{children:[(0,d.T)({id:"shared.wip.var.material.base"}),(0,i.jsx)(r.A,{to:"https://t.me/feature_sliced",children:(0,d.T)({id:"shared.wip.var.material.link"})})]}),(0,i.jsxs)("li",{children:[(0,d.T)({id:"shared.wip.var.contribute.base"}),(0,i.jsx)(r.A,{to:"https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md",children:(0,d.T)({id:"shared.wip.var.contribute.link"})})]})]}),(0,i.jsx)("br",{}),(0,i.jsx)("p",{children:(0,i.jsx)("i",{children:"\ud83c\udf70 Stay tuned!"})})]})},c=[];function o(e){const t={admonition:"admonition",...(0,s.R)(),...e.components};return(0,i.jsx)(t.admonition,{title:"WIP",type:"caution",children:(0,i.jsx)(a,{ticket:e.ticket})})}function u(e={}){const{wrapper:t}={...(0,s.R)(),...e.components};return t?(0,i.jsx)(t,{...e,children:(0,i.jsx)(o,{...e})}):o(e)}},5879:(e,t,n)=>{n.r(t),n.d(t,{assets:()=>o,contentTitle:()=>a,default:()=>p,frontMatter:()=>d,metadata:()=>c,toc:()=>u});var i=n(6070),s=n(1100),r=n(1928);const d={sidebar_class_name:"sidebar-item--wip",unlisted:!0},a="\u30d5\u30a3\u30fc\u30c9\u30d0\u30c3\u30af",c={id:"guides/examples/feedback",title:"\u30d5\u30a3\u30fc\u30c9\u30d0\u30c3\u30af",description:"",source:"@site/i18n/ja/docusaurus-plugin-content-docs/current/guides/examples/feedback.mdx",sourceDirName:"guides/examples",slug:"/guides/examples/feedback",permalink:"/ja/docs/guides/examples/feedback",draft:!1,unlisted:!0,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/ja/docusaurus-plugin-content-docs/current/guides/examples/feedback.mdx",tags:[],version:"current",lastUpdatedAt:1728325386e3,frontMatter:{sidebar_class_name:"sidebar-item--wip",unlisted:!0},sidebar:"guidesSidebar"},o={},u=[...r.RM];function l(e){const t={h1:"h1",header:"header",...(0,s.R)(),...e.components};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(t.header,{children:(0,i.jsx)(t.h1,{id:"\u30d5\u30a3\u30fc\u30c9\u30d0\u30c3\u30af",children:"\u30d5\u30a3\u30fc\u30c9\u30d0\u30c3\u30af"})}),"\n",(0,i.jsx)(r.Ay,{ticket:"187"})]})}function p(e={}){const{wrapper:t}={...(0,s.R)(),...e.components};return t?(0,i.jsx)(t,{...e,children:(0,i.jsx)(l,{...e})}):l(e)}},1100:(e,t,n)=>{n.d(t,{R:()=>d,x:()=>a});var i=n(758);const s={},r=i.createContext(s);function d(e){const t=i.useContext(r);return i.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function a(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(s):e.components||s:d(e.components),i.createElement(r.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
diff --git a/ja/assets/js/7313bf7a.2783f0d6.js b/ja/assets/js/7313bf7a.2783f0d6.js
deleted file mode 100644
index 95354c49e3..0000000000
--- a/ja/assets/js/7313bf7a.2783f0d6.js
+++ /dev/null
@@ -1 +0,0 @@
-"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[25],{7497:(e,t,i)=>{i.r(t),i.d(t,{assets:()=>d,contentTitle:()=>o,default:()=>m,frontMatter:()=>a,metadata:()=>c,toc:()=>l});var n=i(6070),s=i(1100),r=i(1928);const a={sidebar_class_name:"sidebar-item--wip",sidebar_position:2},o="Team",c={id:"team",title:"Team",description:"Core-team",source:"@site/i18n/en/docusaurus-plugin-content-docs/community/team.mdx",sourceDirName:".",slug:"/team",permalink:"/ja/community/team",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/community/team.mdx",tags:[],version:"current",lastUpdatedBy:"ratomiru",lastUpdatedAt:1727607766e3,sidebarPosition:2,frontMatter:{sidebar_class_name:"sidebar-item--wip",sidebar_position:2},sidebar:"community",previous:{title:"\ud83d\udcab Community",permalink:"/ja/community/"}},d={},l=[...r.RM,{value:"Core-team",id:"core-team",level:2},{value:"Champions",id:"champions",level:3},{value:"Contributors",id:"contributors",level:2},{value:"Companies",id:"companies",level:2}];function u(e){const t={h1:"h1",h2:"h2",h3:"h3",header:"header",...(0,s.R)(),...e.components};return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(t.header,{children:(0,n.jsx)(t.h1,{id:"team",children:"Team"})}),"\n",(0,n.jsx)(r.Ay,{ticket:"192"}),"\n",(0,n.jsx)(t.h2,{id:"core-team",children:"Core-team"}),"\n",(0,n.jsx)(t.h3,{id:"champions",children:"Champions"}),"\n",(0,n.jsx)(t.h2,{id:"contributors",children:"Contributors"}),"\n",(0,n.jsx)(t.h2,{id:"companies",children:"Companies"})]})}function m(e={}){const{wrapper:t}={...(0,s.R)(),...e.components};return t?(0,n.jsx)(t,{...e,children:(0,n.jsx)(u,{...e})}):u(e)}},1928:(e,t,i)=>{i.d(t,{Ay:()=>l,RM:()=>c});var n=i(6070),s=i(1100),r=(i(758),i(6783)),a=i(7765);const o=e=>{let{ticket:t}=e;const i=`https://github.com/feature-sliced/documentation/issues/${t}`;return(0,n.jsxs)("div",{children:[(0,n.jsx)("p",{children:(0,a.T)({id:"shared.wip.title"})}),(0,n.jsx)("p",{children:(0,a.T)({id:"shared.wip.subtitle"})}),(0,n.jsxs)("ul",{children:[(0,n.jsxs)("li",{children:[(0,a.T)({id:"shared.wip.var.feedback.base"}),(0,n.jsx)(r.A,{to:i,children:(0,a.T)({id:"shared.wip.var.feedback.link"})})]}),(0,n.jsxs)("li",{children:[(0,a.T)({id:"shared.wip.var.material.base"}),(0,n.jsx)(r.A,{to:"https://t.me/feature_sliced",children:(0,a.T)({id:"shared.wip.var.material.link"})})]}),(0,n.jsxs)("li",{children:[(0,a.T)({id:"shared.wip.var.contribute.base"}),(0,n.jsx)(r.A,{to:"https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md",children:(0,a.T)({id:"shared.wip.var.contribute.link"})})]})]}),(0,n.jsx)("br",{}),(0,n.jsx)("p",{children:(0,n.jsx)("i",{children:"\ud83c\udf70 Stay tuned!"})})]})},c=[];function d(e){const t={admonition:"admonition",...(0,s.R)(),...e.components};return(0,n.jsx)(t.admonition,{title:"WIP",type:"caution",children:(0,n.jsx)(o,{ticket:e.ticket})})}function l(e={}){const{wrapper:t}={...(0,s.R)(),...e.components};return t?(0,n.jsx)(t,{...e,children:(0,n.jsx)(d,{...e})}):d(e)}},1100:(e,t,i)=>{i.d(t,{R:()=>a,x:()=>o});var n=i(758);const s={},r=n.createContext(s);function a(e){const t=n.useContext(r);return n.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function o(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(s):e.components||s:a(e.components),n.createElement(r.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
diff --git a/ja/assets/js/7313bf7a.aa694090.js b/ja/assets/js/7313bf7a.aa694090.js
new file mode 100644
index 0000000000..def9dc8876
--- /dev/null
+++ b/ja/assets/js/7313bf7a.aa694090.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[25],{7497:(e,t,i)=>{i.r(t),i.d(t,{assets:()=>d,contentTitle:()=>o,default:()=>m,frontMatter:()=>a,metadata:()=>c,toc:()=>l});var n=i(6070),s=i(1100),r=i(1928);const a={sidebar_class_name:"sidebar-item--wip",sidebar_position:2},o="Team",c={id:"team",title:"Team",description:"Core-team",source:"@site/i18n/en/docusaurus-plugin-content-docs/community/team.mdx",sourceDirName:".",slug:"/team",permalink:"/ja/community/team",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/community/team.mdx",tags:[],version:"current",lastUpdatedBy:"InJaEE",lastUpdatedAt:1728325386e3,sidebarPosition:2,frontMatter:{sidebar_class_name:"sidebar-item--wip",sidebar_position:2},sidebar:"community",previous:{title:"\ud83d\udcab Community",permalink:"/ja/community/"}},d={},l=[...r.RM,{value:"Core-team",id:"core-team",level:2},{value:"Champions",id:"champions",level:3},{value:"Contributors",id:"contributors",level:2},{value:"Companies",id:"companies",level:2}];function u(e){const t={h1:"h1",h2:"h2",h3:"h3",header:"header",...(0,s.R)(),...e.components};return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(t.header,{children:(0,n.jsx)(t.h1,{id:"team",children:"Team"})}),"\n",(0,n.jsx)(r.Ay,{ticket:"192"}),"\n",(0,n.jsx)(t.h2,{id:"core-team",children:"Core-team"}),"\n",(0,n.jsx)(t.h3,{id:"champions",children:"Champions"}),"\n",(0,n.jsx)(t.h2,{id:"contributors",children:"Contributors"}),"\n",(0,n.jsx)(t.h2,{id:"companies",children:"Companies"})]})}function m(e={}){const{wrapper:t}={...(0,s.R)(),...e.components};return t?(0,n.jsx)(t,{...e,children:(0,n.jsx)(u,{...e})}):u(e)}},1928:(e,t,i)=>{i.d(t,{Ay:()=>l,RM:()=>c});var n=i(6070),s=i(1100),r=(i(758),i(6783)),a=i(7765);const o=e=>{let{ticket:t}=e;const i=`https://github.com/feature-sliced/documentation/issues/${t}`;return(0,n.jsxs)("div",{children:[(0,n.jsx)("p",{children:(0,a.T)({id:"shared.wip.title"})}),(0,n.jsx)("p",{children:(0,a.T)({id:"shared.wip.subtitle"})}),(0,n.jsxs)("ul",{children:[(0,n.jsxs)("li",{children:[(0,a.T)({id:"shared.wip.var.feedback.base"}),(0,n.jsx)(r.A,{to:i,children:(0,a.T)({id:"shared.wip.var.feedback.link"})})]}),(0,n.jsxs)("li",{children:[(0,a.T)({id:"shared.wip.var.material.base"}),(0,n.jsx)(r.A,{to:"https://t.me/feature_sliced",children:(0,a.T)({id:"shared.wip.var.material.link"})})]}),(0,n.jsxs)("li",{children:[(0,a.T)({id:"shared.wip.var.contribute.base"}),(0,n.jsx)(r.A,{to:"https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md",children:(0,a.T)({id:"shared.wip.var.contribute.link"})})]})]}),(0,n.jsx)("br",{}),(0,n.jsx)("p",{children:(0,n.jsx)("i",{children:"\ud83c\udf70 Stay tuned!"})})]})},c=[];function d(e){const t={admonition:"admonition",...(0,s.R)(),...e.components};return(0,n.jsx)(t.admonition,{title:"WIP",type:"caution",children:(0,n.jsx)(o,{ticket:e.ticket})})}function l(e={}){const{wrapper:t}={...(0,s.R)(),...e.components};return t?(0,n.jsx)(t,{...e,children:(0,n.jsx)(d,{...e})}):d(e)}},1100:(e,t,i)=>{i.d(t,{R:()=>a,x:()=>o});var n=i(758);const s={},r=n.createContext(s);function a(e){const t=n.useContext(r);return n.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function o(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(s):e.components||s:a(e.components),n.createElement(r.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
diff --git a/ja/assets/js/7c24a3b7.e76f082d.js b/ja/assets/js/7c24a3b7.2dae2f17.js
similarity index 98%
rename from ja/assets/js/7c24a3b7.e76f082d.js
rename to ja/assets/js/7c24a3b7.2dae2f17.js
index d1a8061abd..fa274a3c33 100644
--- a/ja/assets/js/7c24a3b7.e76f082d.js
+++ b/ja/assets/js/7c24a3b7.2dae2f17.js
@@ -1,2 +1,2 @@
-/*! For license information please see 7c24a3b7.e76f082d.js.LICENSE.txt */
-"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[3518],{1350:(e,t,n)=>{n.d(t,{A:()=>r});var a=n(991),c=n(758);const s={icon:{tag:"svg",attrs:{viewBox:"64 64 896 896",focusable:"false"},children:[{tag:"path",attrs:{d:"M908.1 353.1l-253.9-36.9L540.7 86.1c-3.1-6.3-8.2-11.4-14.5-14.5-15.8-7.8-35-1.3-42.9 14.5L369.8 316.2l-253.9 36.9c-7 1-13.4 4.3-18.3 9.3a32.05 32.05 0 00.6 45.3l183.7 179.1-43.4 252.9a31.95 31.95 0 0046.4 33.7L512 754l227.1 119.4c6.2 3.3 13.4 4.4 20.3 3.2 17.4-3 29.1-19.5 26.1-36.9l-43.4-252.9 183.7-179.1c5-4.9 8.3-11.3 9.3-18.3 2.7-17.5-9.5-33.7-27-36.3zM664.8 561.6l36.1 210.3L512 672.7 323.1 772l36.1-210.3-152.8-149L417.6 382 512 190.7 606.4 382l211.2 30.7-152.8 148.9z"}}]},name:"star",theme:"outlined"};var o=n(9820),i=function(e,t){return c.createElement(o.A,(0,a.A)({},e,{ref:t,icon:s}))};const r=c.forwardRef(i)},1825:(e,t,n)=>{n.d(t,{A:()=>r});var a=n(991),c=n(758);const s={icon:{tag:"svg",attrs:{viewBox:"64 64 896 896",focusable:"false"},children:[{tag:"path",attrs:{d:"M824.2 699.9a301.55 301.55 0 00-86.4-60.4C783.1 602.8 812 546.8 812 484c0-110.8-92.4-201.7-203.2-200-109.1 1.7-197 90.6-197 200 0 62.8 29 118.8 74.2 155.5a300.95 300.95 0 00-86.4 60.4C345 754.6 314 826.8 312 903.8a8 8 0 008 8.2h56c4.3 0 7.9-3.4 8-7.7 1.9-58 25.4-112.3 66.7-153.5A226.62 226.62 0 01612 684c60.9 0 118.2 23.7 161.3 66.8C814.5 792 838 846.3 840 904.3c.1 4.3 3.7 7.7 8 7.7h56a8 8 0 008-8.2c-2-77-33-149.2-87.8-203.9zM612 612c-34.2 0-66.4-13.3-90.5-37.5a126.86 126.86 0 01-37.5-91.8c.3-32.8 13.4-64.5 36.3-88 24-24.6 56.1-38.3 90.4-38.7 33.9-.3 66.8 12.9 91 36.6 24.8 24.3 38.4 56.8 38.4 91.4 0 34.2-13.3 66.3-37.5 90.5A127.3 127.3 0 01612 612zM361.5 510.4c-.9-8.7-1.4-17.5-1.4-26.4 0-15.9 1.5-31.4 4.3-46.5.7-3.6-1.2-7.3-4.5-8.8-13.6-6.1-26.1-14.5-36.9-25.1a127.54 127.54 0 01-38.7-95.4c.9-32.1 13.8-62.6 36.3-85.6 24.7-25.3 57.9-39.1 93.2-38.7 31.9.3 62.7 12.6 86 34.4 7.9 7.4 14.7 15.6 20.4 24.4 2 3.1 5.9 4.4 9.3 3.2 17.6-6.1 36.2-10.4 55.3-12.4 5.6-.6 8.8-6.6 6.3-11.6-32.5-64.3-98.9-108.7-175.7-109.9-110.9-1.7-203.3 89.2-203.3 199.9 0 62.8 28.9 118.8 74.2 155.5-31.8 14.7-61.1 35-86.5 60.4-54.8 54.7-85.8 126.9-87.8 204a8 8 0 008 8.2h56.1c4.3 0 7.9-3.4 8-7.7 1.9-58 25.4-112.3 66.7-153.5 29.4-29.4 65.4-49.8 104.7-59.7 3.9-1 6.5-4.7 6-8.7z"}}]},name:"team",theme:"outlined"};var o=n(9820),i=function(e,t){return c.createElement(o.A,(0,a.A)({},e,{ref:t,icon:s}))};const r=c.forwardRef(i)},7946:(e,t,n)=>{n.d(t,{Ay:()=>r,RM:()=>o});var a=n(6070),c=n(1100),s=n(5988);const o=[];function i(e){return(0,a.jsx)(s.A,{...e})}function r(e={}){const{wrapper:t}={...(0,c.R)(),...e.components};return t?(0,a.jsx)(t,{...e,children:(0,a.jsx)(i,{...e})}):i(e)}},934:(e,t,n)=>{n.r(t),n.d(t,{assets:()=>j,contentTitle:()=>b,default:()=>M,frontMatter:()=>x,metadata:()=>g,toc:()=>_});var a=n(6070),c=n(1100),s=n(7946),o=n(991),i=n(758);const r={icon:{tag:"svg",attrs:{viewBox:"64 64 896 896",focusable:"false"},children:[{tag:"path",attrs:{d:"M868 160h-92v-40c0-4.4-3.6-8-8-8H256c-4.4 0-8 3.6-8 8v40h-92a44 44 0 00-44 44v148c0 81.7 60 149.6 138.2 162C265.7 630.2 359 721.7 476 734.5v105.2H280c-17.7 0-32 14.3-32 32V904c0 4.4 3.6 8 8 8h512c4.4 0 8-3.6 8-8v-32.3c0-17.7-14.3-32-32-32H548V734.5C665 721.7 758.3 630.2 773.8 514 852 501.6 912 433.7 912 352V204a44 44 0 00-44-44zM184 352V232h64v207.6a91.99 91.99 0 01-64-87.6zm520 128c0 49.1-19.1 95.4-53.9 130.1-34.8 34.8-81 53.9-130.1 53.9h-16c-49.1 0-95.4-19.1-130.1-53.9-34.8-34.8-53.9-81-53.9-130.1V184h384v296zm136-128c0 41-26.9 75.8-64 87.6V232h64v120z"}}]},name:"trophy",theme:"outlined"};var d=n(9820),l=function(e,t){return i.createElement(d.A,(0,o.A)({},e,{ref:t,icon:r}))};const u=i.forwardRef(l);var m=n(1350);const h={icon:{tag:"svg",attrs:{viewBox:"64 64 896 896",focusable:"false"},children:[{tag:"path",attrs:{d:"M632 888H392c-4.4 0-8 3.6-8 8v32c0 17.7 14.3 32 32 32h192c17.7 0 32-14.3 32-32v-32c0-4.4-3.6-8-8-8zM512 64c-181.1 0-328 146.9-328 328 0 121.4 66 227.4 164 284.1V792c0 17.7 14.3 32 32 32h264c17.7 0 32-14.3 32-32V676.1c98-56.7 164-162.7 164-284.1 0-181.1-146.9-328-328-328zm127.9 549.8L604 634.6V752H420V634.6l-35.9-20.8C305.4 568.3 256 484.5 256 392c0-141.4 114.6-256 256-256s256 114.6 256 256c0 92.5-49.4 176.3-128.1 221.8z"}}]},name:"bulb",theme:"outlined"};var p=function(e,t){return i.createElement(d.A,(0,o.A)({},e,{ref:t,icon:h}))};const f=i.forwardRef(p);var v=n(1825);const x={hide_table_of_contents:!0,pagination_prev:"reference/index"},b="\ud83c\udf70 FSD\u306b\u3064\u3044\u3066",g={id:"about/index",title:"\ud83c\udf70 FSD\u306b\u3064\u3044\u3066",description:"\u80cc\u666f\u6307\u5411",source:"@site/i18n/ja/docusaurus-plugin-content-docs/current/about/index.mdx",sourceDirName:"about",slug:"/about/",permalink:"/ja/docs/about/",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/ja/docusaurus-plugin-content-docs/current/about/index.mdx",tags:[],version:"current",lastUpdatedAt:1727607766e3,frontMatter:{hide_table_of_contents:!0,pagination_prev:"reference/index"},sidebar:"aboutSidebar",previous:{title:"\ud83d\udcda \u53c2\u8003\u66f8",permalink:"/ja/docs/reference/"},next:{title:"\u30df\u30c3\u30b7\u30e7\u30f3",permalink:"/ja/docs/about/mission"}},j={},_=[{value:"\u4e3b\u306a\u5185\u5bb9",id:"main",level:2},...s.RM,...s.RM,...s.RM,...s.RM];function A(e){const t={h1:"h1",h2:"h2",header:"header",p:"p",...(0,c.R)(),...e.components};return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(t.header,{children:(0,a.jsx)(t.h1,{id:"-fsd\u306b\u3064\u3044\u3066",children:"\ud83c\udf70 FSD\u306b\u3064\u3044\u3066"})}),"\n",(0,a.jsx)("span",{class:"badge badge--violet margin-bottom--md",children:"\u80cc\u666f\u6307\u5411"}),"\n",(0,a.jsx)("p",{class:"summary",children:(0,a.jsx)(t.p,{children:"FSD\u8a2d\u8a08\u65b9\u6cd5\u8ad6\u3001\u30c1\u30fc\u30e0\u3001\u30b3\u30df\u30e5\u30cb\u30c6\u30a3\u3001\u305d\u3057\u3066\u767a\u5c55\u306e\u6b74\u53f2\u306b\u95a2\u3059\u308b\u4e00\u822c\u60c5\u5831"})}),"\n",(0,a.jsx)(t.h2,{id:"main",children:"\u4e3b\u306a\u5185\u5bb9"}),"\n","\n",(0,a.jsx)(s.Ay,{title:"\u30df\u30c3\u30b7\u30e7\u30f3",description:"FSD\u306e\u76ee\u7684\u3068\u5236\u7d04",to:"/docs/about/mission",Icon:u}),"\n",(0,a.jsx)(s.Ay,{title:"\u30e2\u30c1\u30d9\u30fc\u30b7\u30e7\u30f3",description:"FSD\u306e\u5275\u9020\u3068\u767a\u5c55\u306e\u7406\u7531",to:"/docs/about/motivation",Icon:m.A}),"\n",(0,a.jsx)(s.Ay,{title:"\u7406\u89e3",description:"FSD\u6982\u5ff5\u306e\u6df1\u6398\u308a",to:"/docs/about/understanding/architecture",Icon:f,tags:["\u30a2\u30fc\u30ad\u30c6\u30af\u30c1\u30e3\u306b\u3064\u3044\u3066","\u30cb\u30fc\u30ba\u99c6\u52d5","\u30cd\u30fc\u30df\u30f3\u30b0"]}),"\n",(0,a.jsx)(s.Ay,{title:"\u30d7\u30ed\u30e2\u30fc\u30b7\u30e7\u30f3",description:"\u4f01\u696d\u306b\u304a\u3051\u308bFSD\u306e\u30d7\u30ed\u30e2\u30fc\u30b7\u30e7\u30f3\u3068\u7d71\u5408\u306b\u3064\u3044\u3066",to:"/docs/about/promote/integration",Icon:v.A,tags:["\u7d71\u5408","\u30c1\u30fc\u30e0\u5185\u3067\u306e\u30d7\u30ed\u30e2\u30fc\u30b7\u30e7\u30f3","\u4f01\u696d\u5185\u3067\u306e\u30d7\u30ed\u30e2\u30fc\u30b7\u30e7\u30f3"]})]})}function M(e={}){const{wrapper:t}={...(0,c.R)(),...e.components};return t?(0,a.jsx)(t,{...e,children:(0,a.jsx)(A,{...e})}):A(e)}},5988:(e,t,n)=>{n.d(t,{Y:()=>i,A:()=>d});n(758);var a=n(3526),c=n(6783);const s={root:"root_GfON",rootDisabled:"rootDisabled_SFUB",details:"details_xxkR",detailsTags:"detailsTags_uTQx",icon:"icon_ciqP",title:"title_pSH5",description:"description__Fep",miniTheme:"miniTheme_ePfp",primaryTheme:"primaryTheme_CilO",defaultTheme:"defaultTheme_j3I8"};var o=n(6070);const i=e=>{const{title:t,description:n,to:i,Icon:d,tags:l,className:u,disabled:m,theme:h="default"}=e;return(0,o.jsxs)(c.A,{className:(0,a.A)(s.root,u,m&&s.rootDisabled,s[`${h}Theme`]),to:i,children:[(0,o.jsx)(r,{Icon:d}),(0,o.jsxs)("div",{className:s.details,children:[(0,o.jsxs)("div",{className:s.detailsMain,children:[(0,o.jsx)("span",{className:s.title,children:t}),(0,o.jsx)("p",{className:s.description,children:n})]}),l&&(0,o.jsx)("div",{className:s.detailsTags,children:l.join(" \u2022 ")})]})]})},r=e=>{let{Icon:t}=e;return t?"string"==typeof t?(0,o.jsx)("span",{className:s.icon,children:t}):(0,o.jsx)(t,{className:s.icon}):null},d=i},1100:(e,t,n)=>{n.d(t,{R:()=>o,x:()=>i});var a=n(758);const c={},s=a.createContext(c);function o(e){const t=a.useContext(s);return a.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function i(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(c):e.components||c:o(e.components),a.createElement(s.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
+/*! For license information please see 7c24a3b7.2dae2f17.js.LICENSE.txt */
+"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[3518],{1350:(e,t,n)=>{n.d(t,{A:()=>r});var a=n(991),c=n(758);const s={icon:{tag:"svg",attrs:{viewBox:"64 64 896 896",focusable:"false"},children:[{tag:"path",attrs:{d:"M908.1 353.1l-253.9-36.9L540.7 86.1c-3.1-6.3-8.2-11.4-14.5-14.5-15.8-7.8-35-1.3-42.9 14.5L369.8 316.2l-253.9 36.9c-7 1-13.4 4.3-18.3 9.3a32.05 32.05 0 00.6 45.3l183.7 179.1-43.4 252.9a31.95 31.95 0 0046.4 33.7L512 754l227.1 119.4c6.2 3.3 13.4 4.4 20.3 3.2 17.4-3 29.1-19.5 26.1-36.9l-43.4-252.9 183.7-179.1c5-4.9 8.3-11.3 9.3-18.3 2.7-17.5-9.5-33.7-27-36.3zM664.8 561.6l36.1 210.3L512 672.7 323.1 772l36.1-210.3-152.8-149L417.6 382 512 190.7 606.4 382l211.2 30.7-152.8 148.9z"}}]},name:"star",theme:"outlined"};var o=n(9820),i=function(e,t){return c.createElement(o.A,(0,a.A)({},e,{ref:t,icon:s}))};const r=c.forwardRef(i)},1825:(e,t,n)=>{n.d(t,{A:()=>r});var a=n(991),c=n(758);const s={icon:{tag:"svg",attrs:{viewBox:"64 64 896 896",focusable:"false"},children:[{tag:"path",attrs:{d:"M824.2 699.9a301.55 301.55 0 00-86.4-60.4C783.1 602.8 812 546.8 812 484c0-110.8-92.4-201.7-203.2-200-109.1 1.7-197 90.6-197 200 0 62.8 29 118.8 74.2 155.5a300.95 300.95 0 00-86.4 60.4C345 754.6 314 826.8 312 903.8a8 8 0 008 8.2h56c4.3 0 7.9-3.4 8-7.7 1.9-58 25.4-112.3 66.7-153.5A226.62 226.62 0 01612 684c60.9 0 118.2 23.7 161.3 66.8C814.5 792 838 846.3 840 904.3c.1 4.3 3.7 7.7 8 7.7h56a8 8 0 008-8.2c-2-77-33-149.2-87.8-203.9zM612 612c-34.2 0-66.4-13.3-90.5-37.5a126.86 126.86 0 01-37.5-91.8c.3-32.8 13.4-64.5 36.3-88 24-24.6 56.1-38.3 90.4-38.7 33.9-.3 66.8 12.9 91 36.6 24.8 24.3 38.4 56.8 38.4 91.4 0 34.2-13.3 66.3-37.5 90.5A127.3 127.3 0 01612 612zM361.5 510.4c-.9-8.7-1.4-17.5-1.4-26.4 0-15.9 1.5-31.4 4.3-46.5.7-3.6-1.2-7.3-4.5-8.8-13.6-6.1-26.1-14.5-36.9-25.1a127.54 127.54 0 01-38.7-95.4c.9-32.1 13.8-62.6 36.3-85.6 24.7-25.3 57.9-39.1 93.2-38.7 31.9.3 62.7 12.6 86 34.4 7.9 7.4 14.7 15.6 20.4 24.4 2 3.1 5.9 4.4 9.3 3.2 17.6-6.1 36.2-10.4 55.3-12.4 5.6-.6 8.8-6.6 6.3-11.6-32.5-64.3-98.9-108.7-175.7-109.9-110.9-1.7-203.3 89.2-203.3 199.9 0 62.8 28.9 118.8 74.2 155.5-31.8 14.7-61.1 35-86.5 60.4-54.8 54.7-85.8 126.9-87.8 204a8 8 0 008 8.2h56.1c4.3 0 7.9-3.4 8-7.7 1.9-58 25.4-112.3 66.7-153.5 29.4-29.4 65.4-49.8 104.7-59.7 3.9-1 6.5-4.7 6-8.7z"}}]},name:"team",theme:"outlined"};var o=n(9820),i=function(e,t){return c.createElement(o.A,(0,a.A)({},e,{ref:t,icon:s}))};const r=c.forwardRef(i)},7946:(e,t,n)=>{n.d(t,{Ay:()=>r,RM:()=>o});var a=n(6070),c=n(1100),s=n(5988);const o=[];function i(e){return(0,a.jsx)(s.A,{...e})}function r(e={}){const{wrapper:t}={...(0,c.R)(),...e.components};return t?(0,a.jsx)(t,{...e,children:(0,a.jsx)(i,{...e})}):i(e)}},934:(e,t,n)=>{n.r(t),n.d(t,{assets:()=>j,contentTitle:()=>b,default:()=>M,frontMatter:()=>x,metadata:()=>g,toc:()=>_});var a=n(6070),c=n(1100),s=n(7946),o=n(991),i=n(758);const r={icon:{tag:"svg",attrs:{viewBox:"64 64 896 896",focusable:"false"},children:[{tag:"path",attrs:{d:"M868 160h-92v-40c0-4.4-3.6-8-8-8H256c-4.4 0-8 3.6-8 8v40h-92a44 44 0 00-44 44v148c0 81.7 60 149.6 138.2 162C265.7 630.2 359 721.7 476 734.5v105.2H280c-17.7 0-32 14.3-32 32V904c0 4.4 3.6 8 8 8h512c4.4 0 8-3.6 8-8v-32.3c0-17.7-14.3-32-32-32H548V734.5C665 721.7 758.3 630.2 773.8 514 852 501.6 912 433.7 912 352V204a44 44 0 00-44-44zM184 352V232h64v207.6a91.99 91.99 0 01-64-87.6zm520 128c0 49.1-19.1 95.4-53.9 130.1-34.8 34.8-81 53.9-130.1 53.9h-16c-49.1 0-95.4-19.1-130.1-53.9-34.8-34.8-53.9-81-53.9-130.1V184h384v296zm136-128c0 41-26.9 75.8-64 87.6V232h64v120z"}}]},name:"trophy",theme:"outlined"};var d=n(9820),l=function(e,t){return i.createElement(d.A,(0,o.A)({},e,{ref:t,icon:r}))};const u=i.forwardRef(l);var m=n(1350);const h={icon:{tag:"svg",attrs:{viewBox:"64 64 896 896",focusable:"false"},children:[{tag:"path",attrs:{d:"M632 888H392c-4.4 0-8 3.6-8 8v32c0 17.7 14.3 32 32 32h192c17.7 0 32-14.3 32-32v-32c0-4.4-3.6-8-8-8zM512 64c-181.1 0-328 146.9-328 328 0 121.4 66 227.4 164 284.1V792c0 17.7 14.3 32 32 32h264c17.7 0 32-14.3 32-32V676.1c98-56.7 164-162.7 164-284.1 0-181.1-146.9-328-328-328zm127.9 549.8L604 634.6V752H420V634.6l-35.9-20.8C305.4 568.3 256 484.5 256 392c0-141.4 114.6-256 256-256s256 114.6 256 256c0 92.5-49.4 176.3-128.1 221.8z"}}]},name:"bulb",theme:"outlined"};var p=function(e,t){return i.createElement(d.A,(0,o.A)({},e,{ref:t,icon:h}))};const f=i.forwardRef(p);var v=n(1825);const x={hide_table_of_contents:!0,pagination_prev:"reference/index"},b="\ud83c\udf70 FSD\u306b\u3064\u3044\u3066",g={id:"about/index",title:"\ud83c\udf70 FSD\u306b\u3064\u3044\u3066",description:"\u80cc\u666f\u6307\u5411",source:"@site/i18n/ja/docusaurus-plugin-content-docs/current/about/index.mdx",sourceDirName:"about",slug:"/about/",permalink:"/ja/docs/about/",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/ja/docusaurus-plugin-content-docs/current/about/index.mdx",tags:[],version:"current",lastUpdatedAt:1728325386e3,frontMatter:{hide_table_of_contents:!0,pagination_prev:"reference/index"},sidebar:"aboutSidebar",previous:{title:"\ud83d\udcda \u53c2\u8003\u66f8",permalink:"/ja/docs/reference/"},next:{title:"\u30df\u30c3\u30b7\u30e7\u30f3",permalink:"/ja/docs/about/mission"}},j={},_=[{value:"\u4e3b\u306a\u5185\u5bb9",id:"main",level:2},...s.RM,...s.RM,...s.RM,...s.RM];function A(e){const t={h1:"h1",h2:"h2",header:"header",p:"p",...(0,c.R)(),...e.components};return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(t.header,{children:(0,a.jsx)(t.h1,{id:"-fsd\u306b\u3064\u3044\u3066",children:"\ud83c\udf70 FSD\u306b\u3064\u3044\u3066"})}),"\n",(0,a.jsx)("span",{class:"badge badge--violet margin-bottom--md",children:"\u80cc\u666f\u6307\u5411"}),"\n",(0,a.jsx)("p",{class:"summary",children:(0,a.jsx)(t.p,{children:"FSD\u8a2d\u8a08\u65b9\u6cd5\u8ad6\u3001\u30c1\u30fc\u30e0\u3001\u30b3\u30df\u30e5\u30cb\u30c6\u30a3\u3001\u305d\u3057\u3066\u767a\u5c55\u306e\u6b74\u53f2\u306b\u95a2\u3059\u308b\u4e00\u822c\u60c5\u5831"})}),"\n",(0,a.jsx)(t.h2,{id:"main",children:"\u4e3b\u306a\u5185\u5bb9"}),"\n","\n",(0,a.jsx)(s.Ay,{title:"\u30df\u30c3\u30b7\u30e7\u30f3",description:"FSD\u306e\u76ee\u7684\u3068\u5236\u7d04",to:"/docs/about/mission",Icon:u}),"\n",(0,a.jsx)(s.Ay,{title:"\u30e2\u30c1\u30d9\u30fc\u30b7\u30e7\u30f3",description:"FSD\u306e\u5275\u9020\u3068\u767a\u5c55\u306e\u7406\u7531",to:"/docs/about/motivation",Icon:m.A}),"\n",(0,a.jsx)(s.Ay,{title:"\u7406\u89e3",description:"FSD\u6982\u5ff5\u306e\u6df1\u6398\u308a",to:"/docs/about/understanding/architecture",Icon:f,tags:["\u30a2\u30fc\u30ad\u30c6\u30af\u30c1\u30e3\u306b\u3064\u3044\u3066","\u30cb\u30fc\u30ba\u99c6\u52d5","\u30cd\u30fc\u30df\u30f3\u30b0"]}),"\n",(0,a.jsx)(s.Ay,{title:"\u30d7\u30ed\u30e2\u30fc\u30b7\u30e7\u30f3",description:"\u4f01\u696d\u306b\u304a\u3051\u308bFSD\u306e\u30d7\u30ed\u30e2\u30fc\u30b7\u30e7\u30f3\u3068\u7d71\u5408\u306b\u3064\u3044\u3066",to:"/docs/about/promote/integration",Icon:v.A,tags:["\u7d71\u5408","\u30c1\u30fc\u30e0\u5185\u3067\u306e\u30d7\u30ed\u30e2\u30fc\u30b7\u30e7\u30f3","\u4f01\u696d\u5185\u3067\u306e\u30d7\u30ed\u30e2\u30fc\u30b7\u30e7\u30f3"]})]})}function M(e={}){const{wrapper:t}={...(0,c.R)(),...e.components};return t?(0,a.jsx)(t,{...e,children:(0,a.jsx)(A,{...e})}):A(e)}},5988:(e,t,n)=>{n.d(t,{Y:()=>i,A:()=>d});n(758);var a=n(3526),c=n(6783);const s={root:"root_GfON",rootDisabled:"rootDisabled_SFUB",details:"details_xxkR",detailsTags:"detailsTags_uTQx",icon:"icon_ciqP",title:"title_pSH5",description:"description__Fep",miniTheme:"miniTheme_ePfp",primaryTheme:"primaryTheme_CilO",defaultTheme:"defaultTheme_j3I8"};var o=n(6070);const i=e=>{const{title:t,description:n,to:i,Icon:d,tags:l,className:u,disabled:m,theme:h="default"}=e;return(0,o.jsxs)(c.A,{className:(0,a.A)(s.root,u,m&&s.rootDisabled,s[`${h}Theme`]),to:i,children:[(0,o.jsx)(r,{Icon:d}),(0,o.jsxs)("div",{className:s.details,children:[(0,o.jsxs)("div",{className:s.detailsMain,children:[(0,o.jsx)("span",{className:s.title,children:t}),(0,o.jsx)("p",{className:s.description,children:n})]}),l&&(0,o.jsx)("div",{className:s.detailsTags,children:l.join(" \u2022 ")})]})]})},r=e=>{let{Icon:t}=e;return t?"string"==typeof t?(0,o.jsx)("span",{className:s.icon,children:t}):(0,o.jsx)(t,{className:s.icon}):null},d=i},1100:(e,t,n)=>{n.d(t,{R:()=>o,x:()=>i});var a=n(758);const c={},s=a.createContext(c);function o(e){const t=a.useContext(s);return a.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function i(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(c):e.components||c:o(e.components),a.createElement(s.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
diff --git a/ja/assets/js/7c24a3b7.e76f082d.js.LICENSE.txt b/ja/assets/js/7c24a3b7.2dae2f17.js.LICENSE.txt
similarity index 100%
rename from ja/assets/js/7c24a3b7.e76f082d.js.LICENSE.txt
rename to ja/assets/js/7c24a3b7.2dae2f17.js.LICENSE.txt
diff --git a/ja/assets/js/8704bcbb.e092aba8.js b/ja/assets/js/8704bcbb.da8405ad.js
similarity index 98%
rename from ja/assets/js/8704bcbb.e092aba8.js
rename to ja/assets/js/8704bcbb.da8405ad.js
index 9d514b586a..11b7fc8a23 100644
--- a/ja/assets/js/8704bcbb.e092aba8.js
+++ b/ja/assets/js/8704bcbb.da8405ad.js
@@ -1 +1 @@
-"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[8945],{1928:(e,t,i)=>{i.d(t,{Ay:()=>l,RM:()=>c});var s=i(6070),n=i(1100),r=(i(758),i(6783)),a=i(7765);const d=e=>{let{ticket:t}=e;const i=`https://github.com/feature-sliced/documentation/issues/${t}`;return(0,s.jsxs)("div",{children:[(0,s.jsx)("p",{children:(0,a.T)({id:"shared.wip.title"})}),(0,s.jsx)("p",{children:(0,a.T)({id:"shared.wip.subtitle"})}),(0,s.jsxs)("ul",{children:[(0,s.jsxs)("li",{children:[(0,a.T)({id:"shared.wip.var.feedback.base"}),(0,s.jsx)(r.A,{to:i,children:(0,a.T)({id:"shared.wip.var.feedback.link"})})]}),(0,s.jsxs)("li",{children:[(0,a.T)({id:"shared.wip.var.material.base"}),(0,s.jsx)(r.A,{to:"https://t.me/feature_sliced",children:(0,a.T)({id:"shared.wip.var.material.link"})})]}),(0,s.jsxs)("li",{children:[(0,a.T)({id:"shared.wip.var.contribute.base"}),(0,s.jsx)(r.A,{to:"https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md",children:(0,a.T)({id:"shared.wip.var.contribute.link"})})]})]}),(0,s.jsx)("br",{}),(0,s.jsx)("p",{children:(0,s.jsx)("i",{children:"\ud83c\udf70 Stay tuned!"})})]})},c=[];function o(e){const t={admonition:"admonition",...(0,n.R)(),...e.components};return(0,s.jsx)(t.admonition,{title:"WIP",type:"caution",children:(0,s.jsx)(d,{ticket:e.ticket})})}function l(e={}){const{wrapper:t}={...(0,n.R)(),...e.components};return t?(0,s.jsx)(t,{...e,children:(0,s.jsx)(o,{...e})}):o(e)}},3567:(e,t,i)=>{i.r(t),i.d(t,{assets:()=>o,contentTitle:()=>d,default:()=>h,frontMatter:()=>a,metadata:()=>c,toc:()=>l});var s=i(6070),n=i(1100),r=i(1928);const a={sidebar_position:8,sidebar_class_name:"sidebar-item--wip",unlisted:!0},d="\u30db\u30ef\u30a4\u30c8\u30e9\u30d9\u30eb",c={id:"guides/examples/white-labels",title:"\u30db\u30ef\u30a4\u30c8\u30e9\u30d9\u30eb",description:"",source:"@site/i18n/ja/docusaurus-plugin-content-docs/current/guides/examples/white-labels.mdx",sourceDirName:"guides/examples",slug:"/guides/examples/white-labels",permalink:"/ja/docs/guides/examples/white-labels",draft:!1,unlisted:!0,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/ja/docusaurus-plugin-content-docs/current/guides/examples/white-labels.mdx",tags:[],version:"current",lastUpdatedAt:1727607766e3,sidebarPosition:8,frontMatter:{sidebar_position:8,sidebar_class_name:"sidebar-item--wip",unlisted:!0},sidebar:"guidesSidebar"},o={},l=[...r.RM];function u(e){const t={h1:"h1",header:"header",...(0,n.R)(),...e.components};return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(t.header,{children:(0,s.jsx)(t.h1,{id:"\u30db\u30ef\u30a4\u30c8\u30e9\u30d9\u30eb",children:"\u30db\u30ef\u30a4\u30c8\u30e9\u30d9\u30eb"})}),"\n",(0,s.jsx)(r.Ay,{ticket:"215"})]})}function h(e={}){const{wrapper:t}={...(0,n.R)(),...e.components};return t?(0,s.jsx)(t,{...e,children:(0,s.jsx)(u,{...e})}):u(e)}},1100:(e,t,i)=>{i.d(t,{R:()=>a,x:()=>d});var s=i(758);const n={},r=s.createContext(n);function a(e){const t=s.useContext(r);return s.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function d(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(n):e.components||n:a(e.components),s.createElement(r.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
+"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[8945],{1928:(e,t,i)=>{i.d(t,{Ay:()=>l,RM:()=>c});var s=i(6070),n=i(1100),r=(i(758),i(6783)),a=i(7765);const d=e=>{let{ticket:t}=e;const i=`https://github.com/feature-sliced/documentation/issues/${t}`;return(0,s.jsxs)("div",{children:[(0,s.jsx)("p",{children:(0,a.T)({id:"shared.wip.title"})}),(0,s.jsx)("p",{children:(0,a.T)({id:"shared.wip.subtitle"})}),(0,s.jsxs)("ul",{children:[(0,s.jsxs)("li",{children:[(0,a.T)({id:"shared.wip.var.feedback.base"}),(0,s.jsx)(r.A,{to:i,children:(0,a.T)({id:"shared.wip.var.feedback.link"})})]}),(0,s.jsxs)("li",{children:[(0,a.T)({id:"shared.wip.var.material.base"}),(0,s.jsx)(r.A,{to:"https://t.me/feature_sliced",children:(0,a.T)({id:"shared.wip.var.material.link"})})]}),(0,s.jsxs)("li",{children:[(0,a.T)({id:"shared.wip.var.contribute.base"}),(0,s.jsx)(r.A,{to:"https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md",children:(0,a.T)({id:"shared.wip.var.contribute.link"})})]})]}),(0,s.jsx)("br",{}),(0,s.jsx)("p",{children:(0,s.jsx)("i",{children:"\ud83c\udf70 Stay tuned!"})})]})},c=[];function o(e){const t={admonition:"admonition",...(0,n.R)(),...e.components};return(0,s.jsx)(t.admonition,{title:"WIP",type:"caution",children:(0,s.jsx)(d,{ticket:e.ticket})})}function l(e={}){const{wrapper:t}={...(0,n.R)(),...e.components};return t?(0,s.jsx)(t,{...e,children:(0,s.jsx)(o,{...e})}):o(e)}},3567:(e,t,i)=>{i.r(t),i.d(t,{assets:()=>o,contentTitle:()=>d,default:()=>h,frontMatter:()=>a,metadata:()=>c,toc:()=>l});var s=i(6070),n=i(1100),r=i(1928);const a={sidebar_position:8,sidebar_class_name:"sidebar-item--wip",unlisted:!0},d="\u30db\u30ef\u30a4\u30c8\u30e9\u30d9\u30eb",c={id:"guides/examples/white-labels",title:"\u30db\u30ef\u30a4\u30c8\u30e9\u30d9\u30eb",description:"",source:"@site/i18n/ja/docusaurus-plugin-content-docs/current/guides/examples/white-labels.mdx",sourceDirName:"guides/examples",slug:"/guides/examples/white-labels",permalink:"/ja/docs/guides/examples/white-labels",draft:!1,unlisted:!0,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/ja/docusaurus-plugin-content-docs/current/guides/examples/white-labels.mdx",tags:[],version:"current",lastUpdatedAt:1728325386e3,sidebarPosition:8,frontMatter:{sidebar_position:8,sidebar_class_name:"sidebar-item--wip",unlisted:!0},sidebar:"guidesSidebar"},o={},l=[...r.RM];function u(e){const t={h1:"h1",header:"header",...(0,n.R)(),...e.components};return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(t.header,{children:(0,s.jsx)(t.h1,{id:"\u30db\u30ef\u30a4\u30c8\u30e9\u30d9\u30eb",children:"\u30db\u30ef\u30a4\u30c8\u30e9\u30d9\u30eb"})}),"\n",(0,s.jsx)(r.Ay,{ticket:"215"})]})}function h(e={}){const{wrapper:t}={...(0,n.R)(),...e.components};return t?(0,s.jsx)(t,{...e,children:(0,s.jsx)(u,{...e})}):u(e)}},1100:(e,t,i)=>{i.d(t,{R:()=>a,x:()=>d});var s=i(758);const n={},r=s.createContext(n);function a(e){const t=s.useContext(r);return s.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function d(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(n):e.components||n:a(e.components),s.createElement(r.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
diff --git a/ja/assets/js/871e0ed2.5ea76ad1.js b/ja/assets/js/871e0ed2.5448d475.js
similarity index 99%
rename from ja/assets/js/871e0ed2.5ea76ad1.js
rename to ja/assets/js/871e0ed2.5448d475.js
index d13e2f1a2a..9077dc2937 100644
--- a/ja/assets/js/871e0ed2.5ea76ad1.js
+++ b/ja/assets/js/871e0ed2.5448d475.js
@@ -1 +1 @@
-"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[6749],{2866:(e,s,n)=>{n.r(s),n.d(s,{assets:()=>p,contentTitle:()=>i,default:()=>l,frontMatter:()=>c,metadata:()=>r,toc:()=>a});var t=n(6070),d=n(1100);const c={sidebar_position:10},i="NextJS\u3068\u306e\u4f75\u7528",r={id:"guides/tech/with-nextjs",title:"NextJS\u3068\u306e\u4f75\u7528",description:"NextJS\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u3067FSD\u3092\u5b9f\u88c5\u3059\u308b\u3053\u3068\u306f\u53ef\u80fd\u3067\u3059\u304c\u3001\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u306e\u69cb\u9020\u306b\u95a2\u3059\u308bNextJS\u306e\u8981\u4ef6\u3068FSD\u306e\u539f\u5247\u306e\u9593\u306b2\u3064\u306e\u70b9\u3067\u5bfe\u7acb\u304c\u751f\u3058\u307e\u3059\u3002",source:"@site/i18n/ja/docusaurus-plugin-content-docs/current/guides/tech/with-nextjs.mdx",sourceDirName:"guides/tech",slug:"/guides/tech/with-nextjs",permalink:"/ja/docs/guides/tech/with-nextjs",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/ja/docusaurus-plugin-content-docs/current/guides/tech/with-nextjs.mdx",tags:[],version:"current",lastUpdatedAt:1727607766e3,sidebarPosition:10,frontMatter:{sidebar_position:10},sidebar:"guidesSidebar",previous:{title:"v1\u304b\u3089\u306e\u79fb\u884c",permalink:"/ja/docs/guides/migration/from-v1"},next:{title:"NuxtJS\u3068\u306e\u4f75\u7528",permalink:"/ja/docs/guides/tech/with-nuxtjs"}},p={},a=[{value:"<code>pages</code>\u306b\u304a\u3051\u308bFSD\u3068NextJS\u306e\u5bfe\u7acb",id:"pages-conflict",level:2},{value:"NextJS\u306e<code>pages</code>\u30d5\u30a9\u30eb\u30c0\u30fc\u3092\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u306e\u30eb\u30fc\u30c8\u30d5\u30a9\u30eb\u30c0\u30fc\u306b\u79fb\u52d5\u3059\u308b\uff08\u63a8\u5968\uff09",id:"nextjs\u306epages\u30d5\u30a9\u30eb\u30c0\u30fc\u3092\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u306e\u30eb\u30fc\u30c8\u30d5\u30a9\u30eb\u30c0\u30fc\u306b\u79fb\u52d5\u3059\u308b\u63a8\u5968",level:3},{value:"FSD\u69cb\u9020\u306b\u304a\u3051\u308b<code>pages</code>\u30d5\u30a9\u30eb\u30c0\u30fc\u306e\u540d\u524d\u5909\u66f4",id:"fsd\u69cb\u9020\u306b\u304a\u3051\u308bpages\u30d5\u30a9\u30eb\u30c0\u30fc\u306e\u540d\u524d\u5909\u66f4",level:3},{value:"NextJS\u306b\u304a\u3051\u308b<code>app</code>\u30d5\u30a9\u30eb\u30c0\u30fc\u306e\u6b20\u5982",id:"app-absence",level:2},{value:"<code>pages/_app.tsx</code>\u30d5\u30a1\u30a4\u30eb\u3078\u306e\u6a5f\u80fd\u306e\u30a4\u30f3\u30dd\u30fc\u30c8",id:"pages_apptsx\u30d5\u30a1\u30a4\u30eb\u3078\u306e\u6a5f\u80fd\u306e\u30a4\u30f3\u30dd\u30fc\u30c8",level:3},{value:"App Router\u306e\u4f7f\u7528",id:"app-router",level:2}];function o(e){const s={a:"a",code:"code",h1:"h1",h2:"h2",h3:"h3",header:"header",img:"img",li:"li",p:"p",pre:"pre",strong:"strong",ul:"ul",...(0,d.R)(),...e.components};return(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(s.header,{children:(0,t.jsx)(s.h1,{id:"nextjs\u3068\u306e\u4f75\u7528",children:"NextJS\u3068\u306e\u4f75\u7528"})}),"\n",(0,t.jsx)(s.p,{children:"NextJS\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u3067FSD\u3092\u5b9f\u88c5\u3059\u308b\u3053\u3068\u306f\u53ef\u80fd\u3067\u3059\u304c\u3001\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u306e\u69cb\u9020\u306b\u95a2\u3059\u308bNextJS\u306e\u8981\u4ef6\u3068FSD\u306e\u539f\u5247\u306e\u9593\u306b2\u3064\u306e\u70b9\u3067\u5bfe\u7acb\u304c\u751f\u3058\u307e\u3059\u3002"}),"\n",(0,t.jsxs)(s.ul,{children:["\n",(0,t.jsxs)(s.li,{children:[(0,t.jsx)(s.code,{children:"pages"}),"\u306e\u30d5\u30a1\u30a4\u30eb\u30eb\u30fc\u30c6\u30a3\u30f3\u30b0"]}),"\n",(0,t.jsxs)(s.li,{children:["NextJS\u306b\u304a\u3051\u308b",(0,t.jsx)(s.code,{children:"app"}),"\u306e\u5bfe\u7acb\u3001\u307e\u305f\u306f\u6b20\u5982"]}),"\n"]}),"\n",(0,t.jsxs)(s.h2,{id:"pages-conflict",children:[(0,t.jsx)(s.code,{children:"pages"}),"\u306b\u304a\u3051\u308bFSD\u3068NextJS\u306e\u5bfe\u7acb"]}),"\n",(0,t.jsxs)(s.p,{children:["NextJS\u306f\u3001\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u306e\u30eb\u30fc\u30c8\u3092\u5b9a\u7fa9\u3059\u308b\u305f\u3081\u306b",(0,t.jsx)(s.code,{children:"pages"}),"\u30d5\u30a9\u30eb\u30c0\u30fc\u3092\u4f7f\u7528\u3059\u308b\u3053\u3068\u3092\u63d0\u6848\u3057\u3066\u3044\u307e\u3059\u3002",(0,t.jsx)(s.code,{children:"pages"}),"\u30d5\u30a9\u30eb\u30c0\u30fc\u5185\u306e\u30d5\u30a1\u30a4\u30eb\u304cURL\u306b\u5bfe\u5fdc\u3059\u308b\u3053\u3068\u3092\u671f\u5f85\u3057\u3066\u3044\u307e\u3059\u3002\u3053\u306e\u30eb\u30fc\u30c6\u30a3\u30f3\u30b0\u30e1\u30ab\u30cb\u30ba\u30e0\u306f\u3001FSD\u306e\u6982\u5ff5\u306b",(0,t.jsx)(s.strong,{children:"\u9069\u5408\u3057\u307e\u305b\u3093"}),"\u3002\u306a\u305c\u306a\u3089\u3001\u3053\u306e\u3088\u3046\u306a\u30eb\u30fc\u30c6\u30a3\u30f3\u30b0\u30e1\u30ab\u30cb\u30ba\u30e0\u3067\u306f\u3001\u30b9\u30e9\u30a4\u30b9\u306e\u5e73\u5766\u306a\u69cb\u9020\u3092\u7dad\u6301\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u306a\u3044\u304b\u3089\u3067\u3059\u3002"]}),"\n",(0,t.jsxs)(s.h3,{id:"nextjs\u306epages\u30d5\u30a9\u30eb\u30c0\u30fc\u3092\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u306e\u30eb\u30fc\u30c8\u30d5\u30a9\u30eb\u30c0\u30fc\u306b\u79fb\u52d5\u3059\u308b\u63a8\u5968",children:["NextJS\u306e",(0,t.jsx)(s.code,{children:"pages"}),"\u30d5\u30a9\u30eb\u30c0\u30fc\u3092\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u306e\u30eb\u30fc\u30c8\u30d5\u30a9\u30eb\u30c0\u30fc\u306b\u79fb\u52d5\u3059\u308b\uff08\u63a8\u5968\uff09"]}),"\n",(0,t.jsxs)(s.p,{children:["\u3053\u306e\u30a2\u30d7\u30ed\u30fc\u30c1\u306f\u3001NextJS\u306e",(0,t.jsx)(s.code,{children:"pages"}),"\u30d5\u30a9\u30eb\u30c0\u30fc\u3092\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u306e\u30eb\u30fc\u30c8\u30d5\u30a9\u30eb\u30c0\u30fc\u306b\u79fb\u52d5\u3057\u3001FSD\u306e\u30da\u30fc\u30b8\u3092NextJS\u306e",(0,t.jsx)(s.code,{children:"pages"}),"\u30d5\u30a9\u30eb\u30c0\u30fc\u306b\u30a4\u30f3\u30dd\u30fc\u30c8\u3059\u308b\u3053\u3068\u306b\u3042\u308a\u307e\u3059\u3002\u3053\u308c\u306b\u3088\u308a\u3001",(0,t.jsx)(s.code,{children:"src"}),"\u30d5\u30a9\u30eb\u30c0\u30fc\u5185\u3067FSD\u306e\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u69cb\u9020\u3092\u7dad\u6301\u3067\u304d\u307e\u3059\u3002"]}),"\n",(0,t.jsx)(s.pre,{children:(0,t.jsx)(s.code,{className:"language-sh",children:"\u251c\u2500\u2500 pages              # NextJS\u306epages\u30d5\u30a9\u30eb\u30c0\u30fc\n\u251c\u2500\u2500 src\n\u2502   \u251c\u2500\u2500 app\n\u2502   \u251c\u2500\u2500 entities\n\u2502   \u251c\u2500\u2500 features\n\u2502   \u251c\u2500\u2500 pages          # FSD\u306epages\u30d5\u30a9\u30eb\u30c0\u30fc\n\u2502   \u251c\u2500\u2500 shared\n\u2502   \u251c\u2500\u2500 widgets\n"})}),"\n",(0,t.jsxs)(s.h3,{id:"fsd\u69cb\u9020\u306b\u304a\u3051\u308bpages\u30d5\u30a9\u30eb\u30c0\u30fc\u306e\u540d\u524d\u5909\u66f4",children:["FSD\u69cb\u9020\u306b\u304a\u3051\u308b",(0,t.jsx)(s.code,{children:"pages"}),"\u30d5\u30a9\u30eb\u30c0\u30fc\u306e\u540d\u524d\u5909\u66f4"]}),"\n",(0,t.jsxs)(s.p,{children:["\u3082\u3046\u4e00\u3064\u306e\u89e3\u6c7a\u7b56\u306f\u3001FSD\u69cb\u9020\u5185\u306e",(0,t.jsx)(s.code,{children:"pages"}),"\u5c64\u306e\u540d\u524d\u3092\u5909\u66f4\u3057\u3066\u3001NextJS\u306e",(0,t.jsx)(s.code,{children:"pages"}),"\u30d5\u30a9\u30eb\u30c0\u30fc\u3068\u306e\u540d\u524d\u885d\u7a81\u3092\u907f\u3051\u308b\u3053\u3068\u3067\u3059\u3002\nFSD\u306e",(0,t.jsx)(s.code,{children:"pages"}),"\u5c64\u3092",(0,t.jsx)(s.code,{children:"views"}),"\u5c64\u306b\u5909\u66f4\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002\n\u3053\u306e\u3088\u3046\u306b\u3059\u308b\u3053\u3068\u3067\u3001",(0,t.jsx)(s.code,{children:"src"}),"\u30d5\u30a9\u30eb\u30c0\u30fc\u5185\u306e\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u69cb\u9020\u306f\u3001NextJS\u306e\u8981\u4ef6\u3068\u77db\u76fe\u3059\u308b\u3053\u3068\u306a\u304f\u4fdd\u6301\u3055\u308c\u307e\u3059\u3002"]}),"\n",(0,t.jsx)(s.pre,{children:(0,t.jsx)(s.code,{className:"language-sh",children:"\u251c\u2500\u2500 app\n\u251c\u2500\u2500 entities\n\u251c\u2500\u2500 features\n\u251c\u2500\u2500 pages              # NextJS\u306epages\u30d5\u30a9\u30eb\u30c0\u30fc\n\u251c\u2500\u2500 views              # \u540d\u524d\u304c\u5909\u66f4\u3055\u308c\u305fFSD\u306e\u30da\u30fc\u30b8\u30d5\u30a9\u30eb\u30c0\u30fc\n\u251c\u2500\u2500 shared\n\u251c\u2500\u2500 widgets\n"})}),"\n",(0,t.jsxs)(s.p,{children:["\u3053\u306e\u5834\u5408\u3001\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u306eREADME\u3084\u5185\u90e8\u30c9\u30ad\u30e5\u30e1\u30f3\u30c8\u306a\u3069\u3001\u76ee\u7acb\u3064\u5834\u6240\u306b\u3053\u306e\u540d\u524d\u5909\u66f4\u3092\u6587\u66f8\u5316\u3059\u308b\u3053\u3068\u3092\u304a\u52e7\u3081\u3057\u307e\u3059\u3002\u3053\u306e\u540d\u524d\u5909\u66f4\u306f\u3001",(0,t.jsx)(s.a,{href:"/docs/about/understanding/knowledge-types",children:"\u300c\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u77e5\u8b58\u300d"}),"\u306e\u4e00\u90e8\u3067\u3059\u3002"]}),"\n",(0,t.jsxs)(s.h2,{id:"app-absence",children:["NextJS\u306b\u304a\u3051\u308b",(0,t.jsx)(s.code,{children:"app"}),"\u30d5\u30a9\u30eb\u30c0\u30fc\u306e\u6b20\u5982"]}),"\n",(0,t.jsxs)(s.p,{children:["NextJS\u306e\u30d0\u30fc\u30b8\u30e7\u30f313\u672a\u6e80\u3067\u306f\u3001\u660e\u793a\u7684\u306a",(0,t.jsx)(s.code,{children:"app"}),"\u30d5\u30a9\u30eb\u30c0\u30fc\u306f\u5b58\u5728\u305b\u305a\u3001\u4ee3\u308f\u308a\u306bNextJS\u306f",(0,t.jsx)(s.code,{children:"_app.tsx"}),"\u30d5\u30a1\u30a4\u30eb\u3092\u63d0\u4f9b\u3057\u3066\u3044\u307e\u3059\u3002\u3053\u306e\u30d5\u30a1\u30a4\u30eb\u306f\u3001\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u306e\u3059\u3079\u3066\u306e\u30da\u30fc\u30b8\u306e\u30e9\u30c3\u30d4\u30f3\u30b0\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3068\u3057\u3066\u6a5f\u80fd\u3057\u3066\u3044\u307e\u3059\u3002"]}),"\n",(0,t.jsxs)(s.h3,{id:"pages_apptsx\u30d5\u30a1\u30a4\u30eb\u3078\u306e\u6a5f\u80fd\u306e\u30a4\u30f3\u30dd\u30fc\u30c8",children:[(0,t.jsx)(s.code,{children:"pages/_app.tsx"}),"\u30d5\u30a1\u30a4\u30eb\u3078\u306e\u6a5f\u80fd\u306e\u30a4\u30f3\u30dd\u30fc\u30c8"]}),"\n",(0,t.jsxs)(s.p,{children:["NextJS\u306e\u69cb\u9020\u306b\u304a\u3051\u308b",(0,t.jsx)(s.code,{children:"app"}),"\u30d5\u30a9\u30eb\u30c0\u30fc\u306e\u6b20\u5982\u306e\u554f\u984c\u3092\u89e3\u6c7a\u3059\u308b\u305f\u3081\u306b\u3001",(0,t.jsx)(s.code,{children:"app"}),"\u5c64\u5185\u306b",(0,t.jsx)(s.code,{children:"App"}),"\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u4f5c\u6210\u3057\u3001NextJS\u304c\u305d\u308c\u3092\u4f7f\u7528\u3067\u304d\u308b\u3088\u3046\u306b",(0,t.jsx)(s.code,{children:"pages/_app.tsx"}),"\u306b",(0,t.jsx)(s.code,{children:"App"}),"\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u30a4\u30f3\u30dd\u30fc\u30c8\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002\u4f8b\u3048\u3070"]}),"\n",(0,t.jsx)(s.pre,{children:(0,t.jsx)(s.code,{className:"language-tsx",children:"// app/providers/index.tsx\n\nconst App = ({ Component, pageProps }: AppProps) => {\n  return (\n    <Provider1>\n      <Provider2>\n        <BaseLayout>\n            <Component {...pageProps} />\n        </BaseLayout>\n      </Provider2>\n    </Provider1>\n  );\n};\n\nexport default App;\n"})}),"\n",(0,t.jsxs)(s.p,{children:["\u305d\u306e\u5f8c\u3001",(0,t.jsx)(s.code,{children:"App"}),"\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3068\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u306e\u30b0\u30ed\u30fc\u30d0\u30eb\u30b9\u30bf\u30a4\u30eb\u3092",(0,t.jsx)(s.code,{children:"pages/_app.tsx"}),"\u306b\u6b21\u306e\u3088\u3046\u306b\u30a4\u30f3\u30dd\u30fc\u30c8\u3067\u304d\u307e\u3059\u3002"]}),"\n",(0,t.jsx)(s.pre,{children:(0,t.jsx)(s.code,{className:"language-tsx",children:"// pages/_app.tsx\n\nimport 'app/styles/index.scss'\n\nexport { default } from 'app/providers';\n"})}),"\n",(0,t.jsx)(s.h2,{id:"app-router",children:"App Router\u306e\u4f7f\u7528"}),"\n",(0,t.jsxs)(s.p,{children:["App Router\u306f\u3001Next.js\u306e\u30d0\u30fc\u30b8\u30e7\u30f313.4\u3067\u5b89\u5b9a\u7248\u3068\u3057\u3066\u767b\u5834\u3057\u307e\u3057\u305f\u3002App Router\u3092\u4f7f\u7528\u3059\u308b\u3068\u3001",(0,t.jsx)(s.code,{children:"pages"}),"\u30d5\u30a9\u30eb\u30c0\u30fc\u306e\u4ee3\u308f\u308a\u306b",(0,t.jsx)(s.code,{children:"app"}),"\u30d5\u30a9\u30eb\u30c0\u30fc\u3092\u30eb\u30fc\u30c6\u30a3\u30f3\u30b0\u306b\u4f7f\u7528\u3067\u304d\u307e\u3059\u3002\nFSD\u306e\u539f\u5247\u306b\u5f93\u3046\u305f\u3081\u306b\u3001NextJS\u306e",(0,t.jsx)(s.code,{children:"app"}),"\u30d5\u30a9\u30eb\u30c0\u30fc\u3092",(0,t.jsx)(s.code,{children:"pages"}),"\u30d5\u30a9\u30eb\u30c0\u30fc\u3068\u306e\u540d\u524d\u885d\u7a81\u3092\u89e3\u6d88\u3059\u308b\u305f\u3081\u306b\u63a8\u5968\u3055\u308c\u308b\u65b9\u6cd5\u3067\u6271\u3046\u3079\u304d\u3067\u3059\u3002"]}),"\n",(0,t.jsxs)(s.p,{children:["\u3053\u306e\u30a2\u30d7\u30ed\u30fc\u30c1\u306f\u3001NextJS\u306e",(0,t.jsx)(s.code,{children:"app"}),"\u30d5\u30a9\u30eb\u30c0\u30fc\u3092\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u306e\u30eb\u30fc\u30c8\u30d5\u30a9\u30eb\u30c0\u30fc\u306b\u79fb\u52d5\u3057\u3001FSD\u306e\u30da\u30fc\u30b8\u3092NextJS\u306e",(0,t.jsx)(s.code,{children:"app"}),"\u30d5\u30a9\u30eb\u30c0\u30fc\u306b\u30a4\u30f3\u30dd\u30fc\u30c8\u3059\u308b\u3053\u3068\u306b\u57fa\u3065\u3044\u3066\u3044\u307e\u3059\u3002\u3053\u308c\u306b\u3088\u308a\u3001",(0,t.jsx)(s.code,{children:"src"}),"\u30d5\u30a9\u30eb\u30c0\u30fc\u5185\u306eFSD\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u69cb\u9020\u304c\u4fdd\u6301\u3055\u308c\u307e\u3059\u3002\u307e\u305f\u3001\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u306e\u30eb\u30fc\u30c8\u30d5\u30a9\u30eb\u30c0\u30fc\u306b",(0,t.jsx)(s.code,{children:"pages"}),"\u30d5\u30a9\u30eb\u30c0\u30fc\u3092\u8ffd\u52a0\u3059\u308b\u3053\u3068\u3082\u304a\u52e7\u3081\u3057\u307e\u3059\u3002\u306a\u305c\u306a\u3089\u3001App Router\u306fPages Router\u3068\u4e92\u63db\u6027\u304c\u3042\u308b\u304b\u3089\u3067\u3059\u3002"]}),"\n",(0,t.jsx)(s.pre,{children:(0,t.jsx)(s.code,{children:"\u251c\u2500\u2500 app                # NextJS\u306eapp\u30d5\u30a9\u30eb\u30c0\u30fc\n\u251c\u2500\u2500 pages              # \u7a7a\u306eNextJS\u306epages\u30d5\u30a9\u30eb\u30c0\u30fc\n\u2502   \u251c\u2500\u2500 README.md      # \u3053\u306e\u30d5\u30a9\u30eb\u30c0\u30fc\u306e\u76ee\u7684\u306b\u95a2\u3059\u308b\u8aac\u660e\n\u251c\u2500\u2500 src\n\u2502   \u251c\u2500\u2500 app            # FSD\u306eapp\u30d5\u30a9\u30eb\u30c0\u30fc\n\u2502   \u251c\u2500\u2500 entities\n\u2502   \u251c\u2500\u2500 features\n\u2502   \u251c\u2500\u2500 pages          # FSD\u306epages\u30d5\u30a9\u30eb\u30c0\u30fc\n\u2502   \u251c\u2500\u2500 shared\n\u2502   \u251c\u2500\u2500 widgets\n"})}),"\n",(0,t.jsx)(s.p,{children:(0,t.jsx)(s.a,{href:"https://stackblitz.com/edit/stackblitz-starters-aiez55?file=README.md",children:(0,t.jsx)(s.img,{src:"https://developer.stackblitz.com/img/open_in_stackblitz.svg",alt:"StackBlitz\u3067\u958b\u304f"})})})]})}function l(e={}){const{wrapper:s}={...(0,d.R)(),...e.components};return s?(0,t.jsx)(s,{...e,children:(0,t.jsx)(o,{...e})}):o(e)}},1100:(e,s,n)=>{n.d(s,{R:()=>i,x:()=>r});var t=n(758);const d={},c=t.createContext(d);function i(e){const s=t.useContext(c);return t.useMemo((function(){return"function"==typeof e?e(s):{...s,...e}}),[s,e])}function r(e){let s;return s=e.disableParentContext?"function"==typeof e.components?e.components(d):e.components||d:i(e.components),t.createElement(c.Provider,{value:s},e.children)}}}]);
\ No newline at end of file
+"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[6749],{2866:(e,s,n)=>{n.r(s),n.d(s,{assets:()=>p,contentTitle:()=>i,default:()=>l,frontMatter:()=>c,metadata:()=>r,toc:()=>a});var t=n(6070),d=n(1100);const c={sidebar_position:10},i="NextJS\u3068\u306e\u4f75\u7528",r={id:"guides/tech/with-nextjs",title:"NextJS\u3068\u306e\u4f75\u7528",description:"NextJS\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u3067FSD\u3092\u5b9f\u88c5\u3059\u308b\u3053\u3068\u306f\u53ef\u80fd\u3067\u3059\u304c\u3001\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u306e\u69cb\u9020\u306b\u95a2\u3059\u308bNextJS\u306e\u8981\u4ef6\u3068FSD\u306e\u539f\u5247\u306e\u9593\u306b2\u3064\u306e\u70b9\u3067\u5bfe\u7acb\u304c\u751f\u3058\u307e\u3059\u3002",source:"@site/i18n/ja/docusaurus-plugin-content-docs/current/guides/tech/with-nextjs.mdx",sourceDirName:"guides/tech",slug:"/guides/tech/with-nextjs",permalink:"/ja/docs/guides/tech/with-nextjs",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/ja/docusaurus-plugin-content-docs/current/guides/tech/with-nextjs.mdx",tags:[],version:"current",lastUpdatedAt:1728325386e3,sidebarPosition:10,frontMatter:{sidebar_position:10},sidebar:"guidesSidebar",previous:{title:"v1\u304b\u3089\u306e\u79fb\u884c",permalink:"/ja/docs/guides/migration/from-v1"},next:{title:"NuxtJS\u3068\u306e\u4f75\u7528",permalink:"/ja/docs/guides/tech/with-nuxtjs"}},p={},a=[{value:"<code>pages</code>\u306b\u304a\u3051\u308bFSD\u3068NextJS\u306e\u5bfe\u7acb",id:"pages-conflict",level:2},{value:"NextJS\u306e<code>pages</code>\u30d5\u30a9\u30eb\u30c0\u30fc\u3092\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u306e\u30eb\u30fc\u30c8\u30d5\u30a9\u30eb\u30c0\u30fc\u306b\u79fb\u52d5\u3059\u308b\uff08\u63a8\u5968\uff09",id:"nextjs\u306epages\u30d5\u30a9\u30eb\u30c0\u30fc\u3092\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u306e\u30eb\u30fc\u30c8\u30d5\u30a9\u30eb\u30c0\u30fc\u306b\u79fb\u52d5\u3059\u308b\u63a8\u5968",level:3},{value:"FSD\u69cb\u9020\u306b\u304a\u3051\u308b<code>pages</code>\u30d5\u30a9\u30eb\u30c0\u30fc\u306e\u540d\u524d\u5909\u66f4",id:"fsd\u69cb\u9020\u306b\u304a\u3051\u308bpages\u30d5\u30a9\u30eb\u30c0\u30fc\u306e\u540d\u524d\u5909\u66f4",level:3},{value:"NextJS\u306b\u304a\u3051\u308b<code>app</code>\u30d5\u30a9\u30eb\u30c0\u30fc\u306e\u6b20\u5982",id:"app-absence",level:2},{value:"<code>pages/_app.tsx</code>\u30d5\u30a1\u30a4\u30eb\u3078\u306e\u6a5f\u80fd\u306e\u30a4\u30f3\u30dd\u30fc\u30c8",id:"pages_apptsx\u30d5\u30a1\u30a4\u30eb\u3078\u306e\u6a5f\u80fd\u306e\u30a4\u30f3\u30dd\u30fc\u30c8",level:3},{value:"App Router\u306e\u4f7f\u7528",id:"app-router",level:2}];function o(e){const s={a:"a",code:"code",h1:"h1",h2:"h2",h3:"h3",header:"header",img:"img",li:"li",p:"p",pre:"pre",strong:"strong",ul:"ul",...(0,d.R)(),...e.components};return(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(s.header,{children:(0,t.jsx)(s.h1,{id:"nextjs\u3068\u306e\u4f75\u7528",children:"NextJS\u3068\u306e\u4f75\u7528"})}),"\n",(0,t.jsx)(s.p,{children:"NextJS\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u3067FSD\u3092\u5b9f\u88c5\u3059\u308b\u3053\u3068\u306f\u53ef\u80fd\u3067\u3059\u304c\u3001\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u306e\u69cb\u9020\u306b\u95a2\u3059\u308bNextJS\u306e\u8981\u4ef6\u3068FSD\u306e\u539f\u5247\u306e\u9593\u306b2\u3064\u306e\u70b9\u3067\u5bfe\u7acb\u304c\u751f\u3058\u307e\u3059\u3002"}),"\n",(0,t.jsxs)(s.ul,{children:["\n",(0,t.jsxs)(s.li,{children:[(0,t.jsx)(s.code,{children:"pages"}),"\u306e\u30d5\u30a1\u30a4\u30eb\u30eb\u30fc\u30c6\u30a3\u30f3\u30b0"]}),"\n",(0,t.jsxs)(s.li,{children:["NextJS\u306b\u304a\u3051\u308b",(0,t.jsx)(s.code,{children:"app"}),"\u306e\u5bfe\u7acb\u3001\u307e\u305f\u306f\u6b20\u5982"]}),"\n"]}),"\n",(0,t.jsxs)(s.h2,{id:"pages-conflict",children:[(0,t.jsx)(s.code,{children:"pages"}),"\u306b\u304a\u3051\u308bFSD\u3068NextJS\u306e\u5bfe\u7acb"]}),"\n",(0,t.jsxs)(s.p,{children:["NextJS\u306f\u3001\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u306e\u30eb\u30fc\u30c8\u3092\u5b9a\u7fa9\u3059\u308b\u305f\u3081\u306b",(0,t.jsx)(s.code,{children:"pages"}),"\u30d5\u30a9\u30eb\u30c0\u30fc\u3092\u4f7f\u7528\u3059\u308b\u3053\u3068\u3092\u63d0\u6848\u3057\u3066\u3044\u307e\u3059\u3002",(0,t.jsx)(s.code,{children:"pages"}),"\u30d5\u30a9\u30eb\u30c0\u30fc\u5185\u306e\u30d5\u30a1\u30a4\u30eb\u304cURL\u306b\u5bfe\u5fdc\u3059\u308b\u3053\u3068\u3092\u671f\u5f85\u3057\u3066\u3044\u307e\u3059\u3002\u3053\u306e\u30eb\u30fc\u30c6\u30a3\u30f3\u30b0\u30e1\u30ab\u30cb\u30ba\u30e0\u306f\u3001FSD\u306e\u6982\u5ff5\u306b",(0,t.jsx)(s.strong,{children:"\u9069\u5408\u3057\u307e\u305b\u3093"}),"\u3002\u306a\u305c\u306a\u3089\u3001\u3053\u306e\u3088\u3046\u306a\u30eb\u30fc\u30c6\u30a3\u30f3\u30b0\u30e1\u30ab\u30cb\u30ba\u30e0\u3067\u306f\u3001\u30b9\u30e9\u30a4\u30b9\u306e\u5e73\u5766\u306a\u69cb\u9020\u3092\u7dad\u6301\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u306a\u3044\u304b\u3089\u3067\u3059\u3002"]}),"\n",(0,t.jsxs)(s.h3,{id:"nextjs\u306epages\u30d5\u30a9\u30eb\u30c0\u30fc\u3092\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u306e\u30eb\u30fc\u30c8\u30d5\u30a9\u30eb\u30c0\u30fc\u306b\u79fb\u52d5\u3059\u308b\u63a8\u5968",children:["NextJS\u306e",(0,t.jsx)(s.code,{children:"pages"}),"\u30d5\u30a9\u30eb\u30c0\u30fc\u3092\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u306e\u30eb\u30fc\u30c8\u30d5\u30a9\u30eb\u30c0\u30fc\u306b\u79fb\u52d5\u3059\u308b\uff08\u63a8\u5968\uff09"]}),"\n",(0,t.jsxs)(s.p,{children:["\u3053\u306e\u30a2\u30d7\u30ed\u30fc\u30c1\u306f\u3001NextJS\u306e",(0,t.jsx)(s.code,{children:"pages"}),"\u30d5\u30a9\u30eb\u30c0\u30fc\u3092\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u306e\u30eb\u30fc\u30c8\u30d5\u30a9\u30eb\u30c0\u30fc\u306b\u79fb\u52d5\u3057\u3001FSD\u306e\u30da\u30fc\u30b8\u3092NextJS\u306e",(0,t.jsx)(s.code,{children:"pages"}),"\u30d5\u30a9\u30eb\u30c0\u30fc\u306b\u30a4\u30f3\u30dd\u30fc\u30c8\u3059\u308b\u3053\u3068\u306b\u3042\u308a\u307e\u3059\u3002\u3053\u308c\u306b\u3088\u308a\u3001",(0,t.jsx)(s.code,{children:"src"}),"\u30d5\u30a9\u30eb\u30c0\u30fc\u5185\u3067FSD\u306e\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u69cb\u9020\u3092\u7dad\u6301\u3067\u304d\u307e\u3059\u3002"]}),"\n",(0,t.jsx)(s.pre,{children:(0,t.jsx)(s.code,{className:"language-sh",children:"\u251c\u2500\u2500 pages              # NextJS\u306epages\u30d5\u30a9\u30eb\u30c0\u30fc\n\u251c\u2500\u2500 src\n\u2502   \u251c\u2500\u2500 app\n\u2502   \u251c\u2500\u2500 entities\n\u2502   \u251c\u2500\u2500 features\n\u2502   \u251c\u2500\u2500 pages          # FSD\u306epages\u30d5\u30a9\u30eb\u30c0\u30fc\n\u2502   \u251c\u2500\u2500 shared\n\u2502   \u251c\u2500\u2500 widgets\n"})}),"\n",(0,t.jsxs)(s.h3,{id:"fsd\u69cb\u9020\u306b\u304a\u3051\u308bpages\u30d5\u30a9\u30eb\u30c0\u30fc\u306e\u540d\u524d\u5909\u66f4",children:["FSD\u69cb\u9020\u306b\u304a\u3051\u308b",(0,t.jsx)(s.code,{children:"pages"}),"\u30d5\u30a9\u30eb\u30c0\u30fc\u306e\u540d\u524d\u5909\u66f4"]}),"\n",(0,t.jsxs)(s.p,{children:["\u3082\u3046\u4e00\u3064\u306e\u89e3\u6c7a\u7b56\u306f\u3001FSD\u69cb\u9020\u5185\u306e",(0,t.jsx)(s.code,{children:"pages"}),"\u5c64\u306e\u540d\u524d\u3092\u5909\u66f4\u3057\u3066\u3001NextJS\u306e",(0,t.jsx)(s.code,{children:"pages"}),"\u30d5\u30a9\u30eb\u30c0\u30fc\u3068\u306e\u540d\u524d\u885d\u7a81\u3092\u907f\u3051\u308b\u3053\u3068\u3067\u3059\u3002\nFSD\u306e",(0,t.jsx)(s.code,{children:"pages"}),"\u5c64\u3092",(0,t.jsx)(s.code,{children:"views"}),"\u5c64\u306b\u5909\u66f4\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002\n\u3053\u306e\u3088\u3046\u306b\u3059\u308b\u3053\u3068\u3067\u3001",(0,t.jsx)(s.code,{children:"src"}),"\u30d5\u30a9\u30eb\u30c0\u30fc\u5185\u306e\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u69cb\u9020\u306f\u3001NextJS\u306e\u8981\u4ef6\u3068\u77db\u76fe\u3059\u308b\u3053\u3068\u306a\u304f\u4fdd\u6301\u3055\u308c\u307e\u3059\u3002"]}),"\n",(0,t.jsx)(s.pre,{children:(0,t.jsx)(s.code,{className:"language-sh",children:"\u251c\u2500\u2500 app\n\u251c\u2500\u2500 entities\n\u251c\u2500\u2500 features\n\u251c\u2500\u2500 pages              # NextJS\u306epages\u30d5\u30a9\u30eb\u30c0\u30fc\n\u251c\u2500\u2500 views              # \u540d\u524d\u304c\u5909\u66f4\u3055\u308c\u305fFSD\u306e\u30da\u30fc\u30b8\u30d5\u30a9\u30eb\u30c0\u30fc\n\u251c\u2500\u2500 shared\n\u251c\u2500\u2500 widgets\n"})}),"\n",(0,t.jsxs)(s.p,{children:["\u3053\u306e\u5834\u5408\u3001\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u306eREADME\u3084\u5185\u90e8\u30c9\u30ad\u30e5\u30e1\u30f3\u30c8\u306a\u3069\u3001\u76ee\u7acb\u3064\u5834\u6240\u306b\u3053\u306e\u540d\u524d\u5909\u66f4\u3092\u6587\u66f8\u5316\u3059\u308b\u3053\u3068\u3092\u304a\u52e7\u3081\u3057\u307e\u3059\u3002\u3053\u306e\u540d\u524d\u5909\u66f4\u306f\u3001",(0,t.jsx)(s.a,{href:"/docs/about/understanding/knowledge-types",children:"\u300c\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u77e5\u8b58\u300d"}),"\u306e\u4e00\u90e8\u3067\u3059\u3002"]}),"\n",(0,t.jsxs)(s.h2,{id:"app-absence",children:["NextJS\u306b\u304a\u3051\u308b",(0,t.jsx)(s.code,{children:"app"}),"\u30d5\u30a9\u30eb\u30c0\u30fc\u306e\u6b20\u5982"]}),"\n",(0,t.jsxs)(s.p,{children:["NextJS\u306e\u30d0\u30fc\u30b8\u30e7\u30f313\u672a\u6e80\u3067\u306f\u3001\u660e\u793a\u7684\u306a",(0,t.jsx)(s.code,{children:"app"}),"\u30d5\u30a9\u30eb\u30c0\u30fc\u306f\u5b58\u5728\u305b\u305a\u3001\u4ee3\u308f\u308a\u306bNextJS\u306f",(0,t.jsx)(s.code,{children:"_app.tsx"}),"\u30d5\u30a1\u30a4\u30eb\u3092\u63d0\u4f9b\u3057\u3066\u3044\u307e\u3059\u3002\u3053\u306e\u30d5\u30a1\u30a4\u30eb\u306f\u3001\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u306e\u3059\u3079\u3066\u306e\u30da\u30fc\u30b8\u306e\u30e9\u30c3\u30d4\u30f3\u30b0\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3068\u3057\u3066\u6a5f\u80fd\u3057\u3066\u3044\u307e\u3059\u3002"]}),"\n",(0,t.jsxs)(s.h3,{id:"pages_apptsx\u30d5\u30a1\u30a4\u30eb\u3078\u306e\u6a5f\u80fd\u306e\u30a4\u30f3\u30dd\u30fc\u30c8",children:[(0,t.jsx)(s.code,{children:"pages/_app.tsx"}),"\u30d5\u30a1\u30a4\u30eb\u3078\u306e\u6a5f\u80fd\u306e\u30a4\u30f3\u30dd\u30fc\u30c8"]}),"\n",(0,t.jsxs)(s.p,{children:["NextJS\u306e\u69cb\u9020\u306b\u304a\u3051\u308b",(0,t.jsx)(s.code,{children:"app"}),"\u30d5\u30a9\u30eb\u30c0\u30fc\u306e\u6b20\u5982\u306e\u554f\u984c\u3092\u89e3\u6c7a\u3059\u308b\u305f\u3081\u306b\u3001",(0,t.jsx)(s.code,{children:"app"}),"\u5c64\u5185\u306b",(0,t.jsx)(s.code,{children:"App"}),"\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u4f5c\u6210\u3057\u3001NextJS\u304c\u305d\u308c\u3092\u4f7f\u7528\u3067\u304d\u308b\u3088\u3046\u306b",(0,t.jsx)(s.code,{children:"pages/_app.tsx"}),"\u306b",(0,t.jsx)(s.code,{children:"App"}),"\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u30a4\u30f3\u30dd\u30fc\u30c8\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002\u4f8b\u3048\u3070"]}),"\n",(0,t.jsx)(s.pre,{children:(0,t.jsx)(s.code,{className:"language-tsx",children:"// app/providers/index.tsx\n\nconst App = ({ Component, pageProps }: AppProps) => {\n  return (\n    <Provider1>\n      <Provider2>\n        <BaseLayout>\n            <Component {...pageProps} />\n        </BaseLayout>\n      </Provider2>\n    </Provider1>\n  );\n};\n\nexport default App;\n"})}),"\n",(0,t.jsxs)(s.p,{children:["\u305d\u306e\u5f8c\u3001",(0,t.jsx)(s.code,{children:"App"}),"\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3068\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u306e\u30b0\u30ed\u30fc\u30d0\u30eb\u30b9\u30bf\u30a4\u30eb\u3092",(0,t.jsx)(s.code,{children:"pages/_app.tsx"}),"\u306b\u6b21\u306e\u3088\u3046\u306b\u30a4\u30f3\u30dd\u30fc\u30c8\u3067\u304d\u307e\u3059\u3002"]}),"\n",(0,t.jsx)(s.pre,{children:(0,t.jsx)(s.code,{className:"language-tsx",children:"// pages/_app.tsx\n\nimport 'app/styles/index.scss'\n\nexport { default } from 'app/providers';\n"})}),"\n",(0,t.jsx)(s.h2,{id:"app-router",children:"App Router\u306e\u4f7f\u7528"}),"\n",(0,t.jsxs)(s.p,{children:["App Router\u306f\u3001Next.js\u306e\u30d0\u30fc\u30b8\u30e7\u30f313.4\u3067\u5b89\u5b9a\u7248\u3068\u3057\u3066\u767b\u5834\u3057\u307e\u3057\u305f\u3002App Router\u3092\u4f7f\u7528\u3059\u308b\u3068\u3001",(0,t.jsx)(s.code,{children:"pages"}),"\u30d5\u30a9\u30eb\u30c0\u30fc\u306e\u4ee3\u308f\u308a\u306b",(0,t.jsx)(s.code,{children:"app"}),"\u30d5\u30a9\u30eb\u30c0\u30fc\u3092\u30eb\u30fc\u30c6\u30a3\u30f3\u30b0\u306b\u4f7f\u7528\u3067\u304d\u307e\u3059\u3002\nFSD\u306e\u539f\u5247\u306b\u5f93\u3046\u305f\u3081\u306b\u3001NextJS\u306e",(0,t.jsx)(s.code,{children:"app"}),"\u30d5\u30a9\u30eb\u30c0\u30fc\u3092",(0,t.jsx)(s.code,{children:"pages"}),"\u30d5\u30a9\u30eb\u30c0\u30fc\u3068\u306e\u540d\u524d\u885d\u7a81\u3092\u89e3\u6d88\u3059\u308b\u305f\u3081\u306b\u63a8\u5968\u3055\u308c\u308b\u65b9\u6cd5\u3067\u6271\u3046\u3079\u304d\u3067\u3059\u3002"]}),"\n",(0,t.jsxs)(s.p,{children:["\u3053\u306e\u30a2\u30d7\u30ed\u30fc\u30c1\u306f\u3001NextJS\u306e",(0,t.jsx)(s.code,{children:"app"}),"\u30d5\u30a9\u30eb\u30c0\u30fc\u3092\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u306e\u30eb\u30fc\u30c8\u30d5\u30a9\u30eb\u30c0\u30fc\u306b\u79fb\u52d5\u3057\u3001FSD\u306e\u30da\u30fc\u30b8\u3092NextJS\u306e",(0,t.jsx)(s.code,{children:"app"}),"\u30d5\u30a9\u30eb\u30c0\u30fc\u306b\u30a4\u30f3\u30dd\u30fc\u30c8\u3059\u308b\u3053\u3068\u306b\u57fa\u3065\u3044\u3066\u3044\u307e\u3059\u3002\u3053\u308c\u306b\u3088\u308a\u3001",(0,t.jsx)(s.code,{children:"src"}),"\u30d5\u30a9\u30eb\u30c0\u30fc\u5185\u306eFSD\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u69cb\u9020\u304c\u4fdd\u6301\u3055\u308c\u307e\u3059\u3002\u307e\u305f\u3001\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u306e\u30eb\u30fc\u30c8\u30d5\u30a9\u30eb\u30c0\u30fc\u306b",(0,t.jsx)(s.code,{children:"pages"}),"\u30d5\u30a9\u30eb\u30c0\u30fc\u3092\u8ffd\u52a0\u3059\u308b\u3053\u3068\u3082\u304a\u52e7\u3081\u3057\u307e\u3059\u3002\u306a\u305c\u306a\u3089\u3001App Router\u306fPages Router\u3068\u4e92\u63db\u6027\u304c\u3042\u308b\u304b\u3089\u3067\u3059\u3002"]}),"\n",(0,t.jsx)(s.pre,{children:(0,t.jsx)(s.code,{children:"\u251c\u2500\u2500 app                # NextJS\u306eapp\u30d5\u30a9\u30eb\u30c0\u30fc\n\u251c\u2500\u2500 pages              # \u7a7a\u306eNextJS\u306epages\u30d5\u30a9\u30eb\u30c0\u30fc\n\u2502   \u251c\u2500\u2500 README.md      # \u3053\u306e\u30d5\u30a9\u30eb\u30c0\u30fc\u306e\u76ee\u7684\u306b\u95a2\u3059\u308b\u8aac\u660e\n\u251c\u2500\u2500 src\n\u2502   \u251c\u2500\u2500 app            # FSD\u306eapp\u30d5\u30a9\u30eb\u30c0\u30fc\n\u2502   \u251c\u2500\u2500 entities\n\u2502   \u251c\u2500\u2500 features\n\u2502   \u251c\u2500\u2500 pages          # FSD\u306epages\u30d5\u30a9\u30eb\u30c0\u30fc\n\u2502   \u251c\u2500\u2500 shared\n\u2502   \u251c\u2500\u2500 widgets\n"})}),"\n",(0,t.jsx)(s.p,{children:(0,t.jsx)(s.a,{href:"https://stackblitz.com/edit/stackblitz-starters-aiez55?file=README.md",children:(0,t.jsx)(s.img,{src:"https://developer.stackblitz.com/img/open_in_stackblitz.svg",alt:"StackBlitz\u3067\u958b\u304f"})})})]})}function l(e={}){const{wrapper:s}={...(0,d.R)(),...e.components};return s?(0,t.jsx)(s,{...e,children:(0,t.jsx)(o,{...e})}):o(e)}},1100:(e,s,n)=>{n.d(s,{R:()=>i,x:()=>r});var t=n(758);const d={},c=t.createContext(d);function i(e){const s=t.useContext(c);return t.useMemo((function(){return"function"==typeof e?e(s):{...s,...e}}),[s,e])}function r(e){let s;return s=e.disableParentContext?"function"==typeof e.components?e.components(d):e.components||d:i(e.components),t.createElement(c.Provider,{value:s},e.children)}}}]);
\ No newline at end of file
diff --git a/ja/assets/js/88daebe4.69e142d4.js b/ja/assets/js/88daebe4.2d024c1f.js
similarity index 99%
rename from ja/assets/js/88daebe4.69e142d4.js
rename to ja/assets/js/88daebe4.2d024c1f.js
index 8b616fb363..36c172ea53 100644
--- a/ja/assets/js/88daebe4.69e142d4.js
+++ b/ja/assets/js/88daebe4.2d024c1f.js
@@ -1 +1 @@
-"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[8736],{1928:(e,n,s)=>{s.d(n,{Ay:()=>a,RM:()=>o});var i=s(6070),t=s(1100),r=(s(758),s(6783)),d=s(7765);const c=e=>{let{ticket:n}=e;const s=`https://github.com/feature-sliced/documentation/issues/${n}`;return(0,i.jsxs)("div",{children:[(0,i.jsx)("p",{children:(0,d.T)({id:"shared.wip.title"})}),(0,i.jsx)("p",{children:(0,d.T)({id:"shared.wip.subtitle"})}),(0,i.jsxs)("ul",{children:[(0,i.jsxs)("li",{children:[(0,d.T)({id:"shared.wip.var.feedback.base"}),(0,i.jsx)(r.A,{to:s,children:(0,d.T)({id:"shared.wip.var.feedback.link"})})]}),(0,i.jsxs)("li",{children:[(0,d.T)({id:"shared.wip.var.material.base"}),(0,i.jsx)(r.A,{to:"https://t.me/feature_sliced",children:(0,d.T)({id:"shared.wip.var.material.link"})})]}),(0,i.jsxs)("li",{children:[(0,d.T)({id:"shared.wip.var.contribute.base"}),(0,i.jsx)(r.A,{to:"https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md",children:(0,d.T)({id:"shared.wip.var.contribute.link"})})]})]}),(0,i.jsx)("br",{}),(0,i.jsx)("p",{children:(0,i.jsx)("i",{children:"\ud83c\udf70 Stay tuned!"})})]})},o=[];function l(e){const n={admonition:"admonition",...(0,t.R)(),...e.components};return(0,i.jsx)(n.admonition,{title:"WIP",type:"caution",children:(0,i.jsx)(c,{ticket:e.ticket})})}function a(e={}){const{wrapper:n}={...(0,t.R)(),...e.components};return n?(0,i.jsx)(n,{...e,children:(0,i.jsx)(l,{...e})}):l(e)}},9862:(e,n,s)=>{s.r(n),s.d(n,{assets:()=>l,contentTitle:()=>c,default:()=>h,frontMatter:()=>d,metadata:()=>o,toc:()=>a});var i=s(6070),t=s(1100),r=s(1928);const d={sidebar_position:2,sidebar_class_name:"sidebar-item--wip"},c="\u30c7\u30bb\u30b0\u30e1\u30f3\u30c6\u30fc\u30b7\u30e7\u30f3",o={id:"guides/issues/desegmented",title:"\u30c7\u30bb\u30b0\u30e1\u30f3\u30c6\u30fc\u30b7\u30e7\u30f3",description:"\u72b6\u6cc1",source:"@site/i18n/ja/docusaurus-plugin-content-docs/current/guides/issues/desegmented.mdx",sourceDirName:"guides/issues",slug:"/guides/issues/desegmented",permalink:"/ja/docs/guides/issues/desegmented",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/ja/docusaurus-plugin-content-docs/current/guides/issues/desegmented.mdx",tags:[],version:"current",lastUpdatedAt:1727607766e3,sidebarPosition:2,frontMatter:{sidebar_position:2,sidebar_class_name:"sidebar-item--wip"},sidebar:"guidesSidebar",previous:{title:"SvelteKit\u3068\u306e\u4f75\u7528",permalink:"/ja/docs/guides/tech/with-sveltekit"},next:{title:"\u30eb\u30fc\u30c6\u30a3\u30f3\u30b0",permalink:"/ja/docs/guides/issues/routes"}},l={},a=[...r.RM,{value:"\u72b6\u6cc1",id:"situation",level:2},{value:"\u554f\u984c",id:"problem",level:2},{value:"\u7121\u8996\u3059\u308b\u5834\u5408",id:"if-you-ignore-it",level:2},{value:"\u89e3\u6c7a\u7b56",id:"solution",level:2},{value:"\u53c2\u7167",id:"see-also",level:2}];function u(e){const n={a:"a",blockquote:"blockquote",code:"code",h1:"h1",h2:"h2",header:"header",li:"li",p:"p",pre:"pre",strong:"strong",ul:"ul",...(0,t.R)(),...e.components};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(n.header,{children:(0,i.jsx)(n.h1,{id:"\u30c7\u30bb\u30b0\u30e1\u30f3\u30c6\u30fc\u30b7\u30e7\u30f3",children:"\u30c7\u30bb\u30b0\u30e1\u30f3\u30c6\u30fc\u30b7\u30e7\u30f3"})}),"\n",(0,i.jsx)(r.Ay,{ticket:"148"}),"\n",(0,i.jsx)(n.h2,{id:"situation",children:"\u72b6\u6cc1"}),"\n",(0,i.jsx)(n.p,{children:"\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u3067\u306f\u3001\u7279\u5b9a\u306e\u30c9\u30e1\u30a4\u30f3\u306b\u95a2\u9023\u3059\u308b\u30e2\u30b8\u30e5\u30fc\u30eb\u304c\u904e\u5ea6\u306b\u30c7\u30bb\u30b0\u30e1\u30f3\u30c8\u5316\u3055\u308c\u3001\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u5168\u4f53\u306b\u6563\u3089\u3070\u3063\u3066\u3044\u308b\u3053\u3068\u304c\u3088\u304f\u3042\u308a\u307e\u3059\u3002"}),"\n",(0,i.jsx)(n.pre,{children:(0,i.jsx)(n.code,{className:"language-sh",children:"\u251c\u2500\u2500 components/\n|    \u251c\u2500\u2500 DeliveryCard\n|    \u251c\u2500\u2500 DeliveryChoice\n|    \u251c\u2500\u2500 RegionSelect\n|    \u251c\u2500\u2500 UserAvatar\n\u251c\u2500\u2500 actions/\n|    \u251c\u2500\u2500 delivery.js\n|    \u251c\u2500\u2500 region.js\n|    \u251c\u2500\u2500 user.js\n\u251c\u2500\u2500 epics/\n|    \u251c\u2500\u2500 delivery.js\n|    \u251c\u2500\u2500 region.js\n|    \u251c\u2500\u2500 user.js\n\u251c\u2500\u2500 constants/\n|    \u251c\u2500\u2500 delivery.js\n|    \u251c\u2500\u2500 region.js\n|    \u251c\u2500\u2500 user.js\n\u251c\u2500\u2500 helpers/\n|    \u251c\u2500\u2500 delivery.js\n|    \u251c\u2500\u2500 region.js\n|    \u251c\u2500\u2500 user.js\n\u251c\u2500\u2500 entities/\n|    \u251c\u2500\u2500 delivery/\n|    |      \u251c\u2500\u2500 getters.js\n|    |      \u251c\u2500\u2500 selectors.js\n|    \u251c\u2500\u2500 region/\n|    \u251c\u2500\u2500 user/\n"})}),"\n",(0,i.jsx)(n.h2,{id:"problem",children:"\u554f\u984c"}),"\n",(0,i.jsxs)(n.p,{children:["\u554f\u984c\u306f\u3001",(0,i.jsx)(n.strong,{children:"\u9ad8\u3044\u51dd\u96c6\u6027"}),"\u306e\u539f\u5247\u306e\u9055\u53cd\u3068\u3001",(0,i.jsx)(n.strong,{children:"\u5909\u66f4\u306e\u8ef8"}),"\u306e\u904e\u5ea6\u306a\u62e1\u5f35\u3068\u3057\u3066\u73fe\u308c\u307e\u3059\u3002"]}),"\n",(0,i.jsx)(n.h2,{id:"if-you-ignore-it",children:"\u7121\u8996\u3059\u308b\u5834\u5408"}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsxs)(n.li,{children:["\u4f8b\u3048\u3070\u3001\u914d\u9054\u306b\u95a2\u3059\u308b\u30ed\u30b8\u30c3\u30af\u306b\u89e6\u308c\u308b\u5fc5\u8981\u304c\u3042\u308b\u5834\u5408\u3001\u3053\u306e\u30ed\u30b8\u30c3\u30af\u304c\u8907\u6570\u306e\u7b87\u6240\u306b\u5206\u6563\u3057\u3066\u3044\u308b\u3053\u3068\u3092\u8003\u616e\u3057\u306a\u3051\u308c\u3070\u306a\u3089\u305a\u3001\u30b3\u30fc\u30c9\u5185\u3067\u8907\u6570\u306e\u7b87\u6240\u306b\u89e6\u308c\u308b\u5fc5\u8981\u304c\u3042\u308b\u3002\u3053\u308c\u306b\u3088\u308a\u3001",(0,i.jsx)(n.strong,{children:"\u5909\u66f4\u306e\u8ef8"}),"\u304c\u904e\u5ea6\u306b\u5f15\u304d\u4f38\u3070\u3055\u308c\u308b"]}),"\n",(0,i.jsxs)(n.li,{children:["\u30e6\u30fc\u30b6\u30fc\u306b\u95a2\u3059\u308b\u30ed\u30b8\u30c3\u30af\u3092\u8abf\u3079\u308b\u5fc5\u8981\u304c\u3042\u308b\u5834\u5408\u3001",(0,i.jsx)(n.strong,{children:"actions\u3001epics\u3001constants\u3001entities\u3001components"}),"\u306e\u8a73\u7d30\u3092\u8abf\u3079\u308b\u305f\u3081\u306b\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u5168\u4f53\u3092\u5de1\u56de\u3057\u306a\u3051\u308c\u3070\u306a\u3089\u306a\u3044"]}),"\n",(0,i.jsxs)(n.li,{children:["\u6697\u9ed9\u95a2\u4fc2\u3068\u62e1\u5927\u3059\u308b\u30c9\u30e1\u30a4\u30f3\u306e\u5236\u5fa1\u4e0d\u80fd","\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsx)(n.li,{children:"\u3053\u306e\u30a2\u30d7\u30ed\u30fc\u30c1\u3067\u306f\u3001\u8996\u91ce\u304c\u72ed\u304f\u306a\u308a\u3001\u300c\u5b9a\u6570\u306e\u305f\u3081\u306e\u5b9a\u6570\u300d\u3092\u4f5c\u6210\u3057\u3001\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u306e\u8a72\u5f53\u30c7\u30a3\u30ec\u30af\u30c8\u30ea\u3092\u3054\u3061\u3083\u3054\u3061\u3083\u3055\u305b\u3066\u3057\u307e\u3046\u3053\u3068\u306b\u6c17\u3065\u304b\u306a\u3044\u3053\u3068\u304c\u3088\u304f\u3042\u308b"}),"\n"]}),"\n"]}),"\n"]}),"\n",(0,i.jsx)(n.h2,{id:"solution",children:"\u89e3\u6c7a\u7b56"}),"\n",(0,i.jsx)(n.p,{children:"\u7279\u5b9a\u306e\u30c9\u30e1\u30a4\u30f3/\u30e6\u30fc\u30b9\u30b1\u30fc\u30b9\u306b\u95a2\u9023\u3059\u308b\u3059\u3079\u3066\u306e\u30e2\u30b8\u30e5\u30fc\u30eb\u3092\u8fd1\u304f\u306b\u914d\u7f6e\u3059\u308b\u3053\u3068\u3067\u3059\u3002"}),"\n",(0,i.jsx)(n.p,{children:"\u3053\u308c\u306f\u7279\u5b9a\u306e\u30e2\u30b8\u30e5\u30fc\u30eb\u3092\u8abf\u3079\u308b\u969b\u306b\u3001\u305d\u306e\u3059\u3079\u3066\u306e\u69cb\u6210\u8981\u7d20\u304c\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u5168\u4f53\u306b\u6563\u3089\u3070\u3089\u305a\u3001\u8fd1\u304f\u306b\u914d\u7f6e\u3055\u308c\u308b\u305f\u3081\u3067\u3059\u3002"}),"\n",(0,i.jsxs)(n.blockquote,{children:["\n",(0,i.jsx)(n.p,{children:"\u3053\u308c\u306b\u3088\u308a\u3001\u30b3\u30fc\u30c9\u30d9\u30fc\u30b9\u3068\u30e2\u30b8\u30e5\u30fc\u30eb\u9593\u306e\u95a2\u4fc2\u306e\u767a\u898b\u3057\u3084\u3059\u3055\u3068\u660e\u78ba\u3055\u304c\u5411\u4e0a\u3057\u307e\u3059\u3002"}),"\n"]}),"\n",(0,i.jsx)(n.pre,{children:(0,i.jsx)(n.code,{className:"language-diff",children:"- \u251c\u2500\u2500 components/\n- |    \u251c\u2500\u2500 DeliveryCard\n- |    \u251c\u2500\u2500 DeliveryChoice\n- |    \u251c\u2500\u2500 RegionSelect\n- |    \u251c\u2500\u2500 UserAvatar\n- \u251c\u2500\u2500 actions/\n- |    \u251c\u2500\u2500 delivery.js\n- |    \u251c\u2500\u2500 region.js\n- |    \u251c\u2500\u2500 user.js\n- \u251c\u2500\u2500 epics/{...}\n- \u251c\u2500\u2500 constants/{...}\n- \u251c\u2500\u2500 helpers/{...}\n  \u251c\u2500\u2500 entities/\n  |    \u251c\u2500\u2500 delivery/\n+ |    |      \u251c\u2500\u2500 ui/ # ~ components/\n+ |    |      |   \u251c\u2500\u2500 card.js\n+ |    |      |   \u251c\u2500\u2500 choice.js\n+ |    |      \u251c\u2500\u2500 model/\n+ |    |      |   \u251c\u2500\u2500 actions.js\n+ |    |      |   \u251c\u2500\u2500 constants.js\n+ |    |      |   \u251c\u2500\u2500 epics.js\n+ |    |      |   \u251c\u2500\u2500 getters.js\n+ |    |      |   \u251c\u2500\u2500 selectors.js\n+ |    |      \u251c\u2500\u2500 lib/ # ~ helpers\n  |    \u251c\u2500\u2500 region/\n  |    \u251c\u2500\u2500 user/\n"})}),"\n",(0,i.jsx)(n.h2,{id:"see-also",children:"\u53c2\u7167"}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsx)(n.li,{children:(0,i.jsx)(n.a,{href:"https://enterprisecraftsmanship.com/posts/cohesion-coupling-difference/",children:"(\u8a18\u4e8b) Cohesion and Coupling: the difference"})}),"\n"]})]})}function h(e={}){const{wrapper:n}={...(0,t.R)(),...e.components};return n?(0,i.jsx)(n,{...e,children:(0,i.jsx)(u,{...e})}):u(e)}},1100:(e,n,s)=>{s.d(n,{R:()=>d,x:()=>c});var i=s(758);const t={},r=i.createContext(t);function d(e){const n=i.useContext(r);return i.useMemo((function(){return"function"==typeof e?e(n):{...n,...e}}),[n,e])}function c(e){let n;return n=e.disableParentContext?"function"==typeof e.components?e.components(t):e.components||t:d(e.components),i.createElement(r.Provider,{value:n},e.children)}}}]);
\ No newline at end of file
+"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[8736],{1928:(e,n,s)=>{s.d(n,{Ay:()=>a,RM:()=>o});var i=s(6070),t=s(1100),r=(s(758),s(6783)),d=s(7765);const c=e=>{let{ticket:n}=e;const s=`https://github.com/feature-sliced/documentation/issues/${n}`;return(0,i.jsxs)("div",{children:[(0,i.jsx)("p",{children:(0,d.T)({id:"shared.wip.title"})}),(0,i.jsx)("p",{children:(0,d.T)({id:"shared.wip.subtitle"})}),(0,i.jsxs)("ul",{children:[(0,i.jsxs)("li",{children:[(0,d.T)({id:"shared.wip.var.feedback.base"}),(0,i.jsx)(r.A,{to:s,children:(0,d.T)({id:"shared.wip.var.feedback.link"})})]}),(0,i.jsxs)("li",{children:[(0,d.T)({id:"shared.wip.var.material.base"}),(0,i.jsx)(r.A,{to:"https://t.me/feature_sliced",children:(0,d.T)({id:"shared.wip.var.material.link"})})]}),(0,i.jsxs)("li",{children:[(0,d.T)({id:"shared.wip.var.contribute.base"}),(0,i.jsx)(r.A,{to:"https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md",children:(0,d.T)({id:"shared.wip.var.contribute.link"})})]})]}),(0,i.jsx)("br",{}),(0,i.jsx)("p",{children:(0,i.jsx)("i",{children:"\ud83c\udf70 Stay tuned!"})})]})},o=[];function l(e){const n={admonition:"admonition",...(0,t.R)(),...e.components};return(0,i.jsx)(n.admonition,{title:"WIP",type:"caution",children:(0,i.jsx)(c,{ticket:e.ticket})})}function a(e={}){const{wrapper:n}={...(0,t.R)(),...e.components};return n?(0,i.jsx)(n,{...e,children:(0,i.jsx)(l,{...e})}):l(e)}},9862:(e,n,s)=>{s.r(n),s.d(n,{assets:()=>l,contentTitle:()=>c,default:()=>h,frontMatter:()=>d,metadata:()=>o,toc:()=>a});var i=s(6070),t=s(1100),r=s(1928);const d={sidebar_position:2,sidebar_class_name:"sidebar-item--wip"},c="\u30c7\u30bb\u30b0\u30e1\u30f3\u30c6\u30fc\u30b7\u30e7\u30f3",o={id:"guides/issues/desegmented",title:"\u30c7\u30bb\u30b0\u30e1\u30f3\u30c6\u30fc\u30b7\u30e7\u30f3",description:"\u72b6\u6cc1",source:"@site/i18n/ja/docusaurus-plugin-content-docs/current/guides/issues/desegmented.mdx",sourceDirName:"guides/issues",slug:"/guides/issues/desegmented",permalink:"/ja/docs/guides/issues/desegmented",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/ja/docusaurus-plugin-content-docs/current/guides/issues/desegmented.mdx",tags:[],version:"current",lastUpdatedAt:1728325386e3,sidebarPosition:2,frontMatter:{sidebar_position:2,sidebar_class_name:"sidebar-item--wip"},sidebar:"guidesSidebar",previous:{title:"SvelteKit\u3068\u306e\u4f75\u7528",permalink:"/ja/docs/guides/tech/with-sveltekit"},next:{title:"\u30eb\u30fc\u30c6\u30a3\u30f3\u30b0",permalink:"/ja/docs/guides/issues/routes"}},l={},a=[...r.RM,{value:"\u72b6\u6cc1",id:"situation",level:2},{value:"\u554f\u984c",id:"problem",level:2},{value:"\u7121\u8996\u3059\u308b\u5834\u5408",id:"if-you-ignore-it",level:2},{value:"\u89e3\u6c7a\u7b56",id:"solution",level:2},{value:"\u53c2\u7167",id:"see-also",level:2}];function u(e){const n={a:"a",blockquote:"blockquote",code:"code",h1:"h1",h2:"h2",header:"header",li:"li",p:"p",pre:"pre",strong:"strong",ul:"ul",...(0,t.R)(),...e.components};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(n.header,{children:(0,i.jsx)(n.h1,{id:"\u30c7\u30bb\u30b0\u30e1\u30f3\u30c6\u30fc\u30b7\u30e7\u30f3",children:"\u30c7\u30bb\u30b0\u30e1\u30f3\u30c6\u30fc\u30b7\u30e7\u30f3"})}),"\n",(0,i.jsx)(r.Ay,{ticket:"148"}),"\n",(0,i.jsx)(n.h2,{id:"situation",children:"\u72b6\u6cc1"}),"\n",(0,i.jsx)(n.p,{children:"\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u3067\u306f\u3001\u7279\u5b9a\u306e\u30c9\u30e1\u30a4\u30f3\u306b\u95a2\u9023\u3059\u308b\u30e2\u30b8\u30e5\u30fc\u30eb\u304c\u904e\u5ea6\u306b\u30c7\u30bb\u30b0\u30e1\u30f3\u30c8\u5316\u3055\u308c\u3001\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u5168\u4f53\u306b\u6563\u3089\u3070\u3063\u3066\u3044\u308b\u3053\u3068\u304c\u3088\u304f\u3042\u308a\u307e\u3059\u3002"}),"\n",(0,i.jsx)(n.pre,{children:(0,i.jsx)(n.code,{className:"language-sh",children:"\u251c\u2500\u2500 components/\n|    \u251c\u2500\u2500 DeliveryCard\n|    \u251c\u2500\u2500 DeliveryChoice\n|    \u251c\u2500\u2500 RegionSelect\n|    \u251c\u2500\u2500 UserAvatar\n\u251c\u2500\u2500 actions/\n|    \u251c\u2500\u2500 delivery.js\n|    \u251c\u2500\u2500 region.js\n|    \u251c\u2500\u2500 user.js\n\u251c\u2500\u2500 epics/\n|    \u251c\u2500\u2500 delivery.js\n|    \u251c\u2500\u2500 region.js\n|    \u251c\u2500\u2500 user.js\n\u251c\u2500\u2500 constants/\n|    \u251c\u2500\u2500 delivery.js\n|    \u251c\u2500\u2500 region.js\n|    \u251c\u2500\u2500 user.js\n\u251c\u2500\u2500 helpers/\n|    \u251c\u2500\u2500 delivery.js\n|    \u251c\u2500\u2500 region.js\n|    \u251c\u2500\u2500 user.js\n\u251c\u2500\u2500 entities/\n|    \u251c\u2500\u2500 delivery/\n|    |      \u251c\u2500\u2500 getters.js\n|    |      \u251c\u2500\u2500 selectors.js\n|    \u251c\u2500\u2500 region/\n|    \u251c\u2500\u2500 user/\n"})}),"\n",(0,i.jsx)(n.h2,{id:"problem",children:"\u554f\u984c"}),"\n",(0,i.jsxs)(n.p,{children:["\u554f\u984c\u306f\u3001",(0,i.jsx)(n.strong,{children:"\u9ad8\u3044\u51dd\u96c6\u6027"}),"\u306e\u539f\u5247\u306e\u9055\u53cd\u3068\u3001",(0,i.jsx)(n.strong,{children:"\u5909\u66f4\u306e\u8ef8"}),"\u306e\u904e\u5ea6\u306a\u62e1\u5f35\u3068\u3057\u3066\u73fe\u308c\u307e\u3059\u3002"]}),"\n",(0,i.jsx)(n.h2,{id:"if-you-ignore-it",children:"\u7121\u8996\u3059\u308b\u5834\u5408"}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsxs)(n.li,{children:["\u4f8b\u3048\u3070\u3001\u914d\u9054\u306b\u95a2\u3059\u308b\u30ed\u30b8\u30c3\u30af\u306b\u89e6\u308c\u308b\u5fc5\u8981\u304c\u3042\u308b\u5834\u5408\u3001\u3053\u306e\u30ed\u30b8\u30c3\u30af\u304c\u8907\u6570\u306e\u7b87\u6240\u306b\u5206\u6563\u3057\u3066\u3044\u308b\u3053\u3068\u3092\u8003\u616e\u3057\u306a\u3051\u308c\u3070\u306a\u3089\u305a\u3001\u30b3\u30fc\u30c9\u5185\u3067\u8907\u6570\u306e\u7b87\u6240\u306b\u89e6\u308c\u308b\u5fc5\u8981\u304c\u3042\u308b\u3002\u3053\u308c\u306b\u3088\u308a\u3001",(0,i.jsx)(n.strong,{children:"\u5909\u66f4\u306e\u8ef8"}),"\u304c\u904e\u5ea6\u306b\u5f15\u304d\u4f38\u3070\u3055\u308c\u308b"]}),"\n",(0,i.jsxs)(n.li,{children:["\u30e6\u30fc\u30b6\u30fc\u306b\u95a2\u3059\u308b\u30ed\u30b8\u30c3\u30af\u3092\u8abf\u3079\u308b\u5fc5\u8981\u304c\u3042\u308b\u5834\u5408\u3001",(0,i.jsx)(n.strong,{children:"actions\u3001epics\u3001constants\u3001entities\u3001components"}),"\u306e\u8a73\u7d30\u3092\u8abf\u3079\u308b\u305f\u3081\u306b\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u5168\u4f53\u3092\u5de1\u56de\u3057\u306a\u3051\u308c\u3070\u306a\u3089\u306a\u3044"]}),"\n",(0,i.jsxs)(n.li,{children:["\u6697\u9ed9\u95a2\u4fc2\u3068\u62e1\u5927\u3059\u308b\u30c9\u30e1\u30a4\u30f3\u306e\u5236\u5fa1\u4e0d\u80fd","\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsx)(n.li,{children:"\u3053\u306e\u30a2\u30d7\u30ed\u30fc\u30c1\u3067\u306f\u3001\u8996\u91ce\u304c\u72ed\u304f\u306a\u308a\u3001\u300c\u5b9a\u6570\u306e\u305f\u3081\u306e\u5b9a\u6570\u300d\u3092\u4f5c\u6210\u3057\u3001\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u306e\u8a72\u5f53\u30c7\u30a3\u30ec\u30af\u30c8\u30ea\u3092\u3054\u3061\u3083\u3054\u3061\u3083\u3055\u305b\u3066\u3057\u307e\u3046\u3053\u3068\u306b\u6c17\u3065\u304b\u306a\u3044\u3053\u3068\u304c\u3088\u304f\u3042\u308b"}),"\n"]}),"\n"]}),"\n"]}),"\n",(0,i.jsx)(n.h2,{id:"solution",children:"\u89e3\u6c7a\u7b56"}),"\n",(0,i.jsx)(n.p,{children:"\u7279\u5b9a\u306e\u30c9\u30e1\u30a4\u30f3/\u30e6\u30fc\u30b9\u30b1\u30fc\u30b9\u306b\u95a2\u9023\u3059\u308b\u3059\u3079\u3066\u306e\u30e2\u30b8\u30e5\u30fc\u30eb\u3092\u8fd1\u304f\u306b\u914d\u7f6e\u3059\u308b\u3053\u3068\u3067\u3059\u3002"}),"\n",(0,i.jsx)(n.p,{children:"\u3053\u308c\u306f\u7279\u5b9a\u306e\u30e2\u30b8\u30e5\u30fc\u30eb\u3092\u8abf\u3079\u308b\u969b\u306b\u3001\u305d\u306e\u3059\u3079\u3066\u306e\u69cb\u6210\u8981\u7d20\u304c\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u5168\u4f53\u306b\u6563\u3089\u3070\u3089\u305a\u3001\u8fd1\u304f\u306b\u914d\u7f6e\u3055\u308c\u308b\u305f\u3081\u3067\u3059\u3002"}),"\n",(0,i.jsxs)(n.blockquote,{children:["\n",(0,i.jsx)(n.p,{children:"\u3053\u308c\u306b\u3088\u308a\u3001\u30b3\u30fc\u30c9\u30d9\u30fc\u30b9\u3068\u30e2\u30b8\u30e5\u30fc\u30eb\u9593\u306e\u95a2\u4fc2\u306e\u767a\u898b\u3057\u3084\u3059\u3055\u3068\u660e\u78ba\u3055\u304c\u5411\u4e0a\u3057\u307e\u3059\u3002"}),"\n"]}),"\n",(0,i.jsx)(n.pre,{children:(0,i.jsx)(n.code,{className:"language-diff",children:"- \u251c\u2500\u2500 components/\n- |    \u251c\u2500\u2500 DeliveryCard\n- |    \u251c\u2500\u2500 DeliveryChoice\n- |    \u251c\u2500\u2500 RegionSelect\n- |    \u251c\u2500\u2500 UserAvatar\n- \u251c\u2500\u2500 actions/\n- |    \u251c\u2500\u2500 delivery.js\n- |    \u251c\u2500\u2500 region.js\n- |    \u251c\u2500\u2500 user.js\n- \u251c\u2500\u2500 epics/{...}\n- \u251c\u2500\u2500 constants/{...}\n- \u251c\u2500\u2500 helpers/{...}\n  \u251c\u2500\u2500 entities/\n  |    \u251c\u2500\u2500 delivery/\n+ |    |      \u251c\u2500\u2500 ui/ # ~ components/\n+ |    |      |   \u251c\u2500\u2500 card.js\n+ |    |      |   \u251c\u2500\u2500 choice.js\n+ |    |      \u251c\u2500\u2500 model/\n+ |    |      |   \u251c\u2500\u2500 actions.js\n+ |    |      |   \u251c\u2500\u2500 constants.js\n+ |    |      |   \u251c\u2500\u2500 epics.js\n+ |    |      |   \u251c\u2500\u2500 getters.js\n+ |    |      |   \u251c\u2500\u2500 selectors.js\n+ |    |      \u251c\u2500\u2500 lib/ # ~ helpers\n  |    \u251c\u2500\u2500 region/\n  |    \u251c\u2500\u2500 user/\n"})}),"\n",(0,i.jsx)(n.h2,{id:"see-also",children:"\u53c2\u7167"}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsx)(n.li,{children:(0,i.jsx)(n.a,{href:"https://enterprisecraftsmanship.com/posts/cohesion-coupling-difference/",children:"(\u8a18\u4e8b) Cohesion and Coupling: the difference"})}),"\n"]})]})}function h(e={}){const{wrapper:n}={...(0,t.R)(),...e.components};return n?(0,i.jsx)(n,{...e,children:(0,i.jsx)(u,{...e})}):u(e)}},1100:(e,n,s)=>{s.d(n,{R:()=>d,x:()=>c});var i=s(758);const t={},r=i.createContext(t);function d(e){const n=i.useContext(r);return i.useMemo((function(){return"function"==typeof e?e(n):{...n,...e}}),[n,e])}function c(e){let n;return n=e.disableParentContext?"function"==typeof e.components?e.components(t):e.components||t:d(e.components),i.createElement(r.Provider,{value:n},e.children)}}}]);
\ No newline at end of file
diff --git a/ja/assets/js/89dfa326.07a4bbad.js b/ja/assets/js/89dfa326.90f435d2.js
similarity index 97%
rename from ja/assets/js/89dfa326.07a4bbad.js
rename to ja/assets/js/89dfa326.90f435d2.js
index 0a819b7064..3f11cc6559 100644
--- a/ja/assets/js/89dfa326.07a4bbad.js
+++ b/ja/assets/js/89dfa326.90f435d2.js
@@ -1 +1 @@
-"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[8036],{1928:(e,t,s)=>{s.d(t,{Ay:()=>u,RM:()=>a});var n=s(6070),i=s(1100),r=(s(758),s(6783)),c=s(7765);const d=e=>{let{ticket:t}=e;const s=`https://github.com/feature-sliced/documentation/issues/${t}`;return(0,n.jsxs)("div",{children:[(0,n.jsx)("p",{children:(0,c.T)({id:"shared.wip.title"})}),(0,n.jsx)("p",{children:(0,c.T)({id:"shared.wip.subtitle"})}),(0,n.jsxs)("ul",{children:[(0,n.jsxs)("li",{children:[(0,c.T)({id:"shared.wip.var.feedback.base"}),(0,n.jsx)(r.A,{to:s,children:(0,c.T)({id:"shared.wip.var.feedback.link"})})]}),(0,n.jsxs)("li",{children:[(0,c.T)({id:"shared.wip.var.material.base"}),(0,n.jsx)(r.A,{to:"https://t.me/feature_sliced",children:(0,c.T)({id:"shared.wip.var.material.link"})})]}),(0,n.jsxs)("li",{children:[(0,c.T)({id:"shared.wip.var.contribute.base"}),(0,n.jsx)(r.A,{to:"https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md",children:(0,c.T)({id:"shared.wip.var.contribute.link"})})]})]}),(0,n.jsx)("br",{}),(0,n.jsx)("p",{children:(0,n.jsx)("i",{children:"\ud83c\udf70 Stay tuned!"})})]})},a=[];function o(e){const t={admonition:"admonition",...(0,i.R)(),...e.components};return(0,n.jsx)(t.admonition,{title:"WIP",type:"caution",children:(0,n.jsx)(d,{ticket:e.ticket})})}function u(e={}){const{wrapper:t}={...(0,i.R)(),...e.components};return t?(0,n.jsx)(t,{...e,children:(0,n.jsx)(o,{...e})}):o(e)}},8635:(e,t,s)=>{s.r(t),s.d(t,{assets:()=>o,contentTitle:()=>d,default:()=>m,frontMatter:()=>c,metadata:()=>a,toc:()=>u});var n=s(6070),i=s(1100),r=s(1928);const c={sidebar_class_name:"sidebar-item--wip",unlisted:!0},d="CMS",a={id:"guides/examples/cms",title:"CMS",description:"",source:"@site/i18n/ja/docusaurus-plugin-content-docs/current/guides/examples/cms.mdx",sourceDirName:"guides/examples",slug:"/guides/examples/cms",permalink:"/ja/docs/guides/examples/cms",draft:!1,unlisted:!0,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/ja/docusaurus-plugin-content-docs/current/guides/examples/cms.mdx",tags:[],version:"current",lastUpdatedAt:1727607766e3,frontMatter:{sidebar_class_name:"sidebar-item--wip",unlisted:!0},sidebar:"guidesSidebar"},o={},u=[...r.RM];function l(e){const t={h1:"h1",header:"header",...(0,i.R)(),...e.components};return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(t.header,{children:(0,n.jsx)(t.h1,{id:"cms",children:"CMS"})}),"\n",(0,n.jsx)(r.Ay,{ticket:"172"})]})}function m(e={}){const{wrapper:t}={...(0,i.R)(),...e.components};return t?(0,n.jsx)(t,{...e,children:(0,n.jsx)(l,{...e})}):l(e)}},1100:(e,t,s)=>{s.d(t,{R:()=>c,x:()=>d});var n=s(758);const i={},r=n.createContext(i);function c(e){const t=n.useContext(r);return n.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function d(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(i):e.components||i:c(e.components),n.createElement(r.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
+"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[8036],{1928:(e,t,s)=>{s.d(t,{Ay:()=>u,RM:()=>a});var n=s(6070),i=s(1100),r=(s(758),s(6783)),c=s(7765);const d=e=>{let{ticket:t}=e;const s=`https://github.com/feature-sliced/documentation/issues/${t}`;return(0,n.jsxs)("div",{children:[(0,n.jsx)("p",{children:(0,c.T)({id:"shared.wip.title"})}),(0,n.jsx)("p",{children:(0,c.T)({id:"shared.wip.subtitle"})}),(0,n.jsxs)("ul",{children:[(0,n.jsxs)("li",{children:[(0,c.T)({id:"shared.wip.var.feedback.base"}),(0,n.jsx)(r.A,{to:s,children:(0,c.T)({id:"shared.wip.var.feedback.link"})})]}),(0,n.jsxs)("li",{children:[(0,c.T)({id:"shared.wip.var.material.base"}),(0,n.jsx)(r.A,{to:"https://t.me/feature_sliced",children:(0,c.T)({id:"shared.wip.var.material.link"})})]}),(0,n.jsxs)("li",{children:[(0,c.T)({id:"shared.wip.var.contribute.base"}),(0,n.jsx)(r.A,{to:"https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md",children:(0,c.T)({id:"shared.wip.var.contribute.link"})})]})]}),(0,n.jsx)("br",{}),(0,n.jsx)("p",{children:(0,n.jsx)("i",{children:"\ud83c\udf70 Stay tuned!"})})]})},a=[];function o(e){const t={admonition:"admonition",...(0,i.R)(),...e.components};return(0,n.jsx)(t.admonition,{title:"WIP",type:"caution",children:(0,n.jsx)(d,{ticket:e.ticket})})}function u(e={}){const{wrapper:t}={...(0,i.R)(),...e.components};return t?(0,n.jsx)(t,{...e,children:(0,n.jsx)(o,{...e})}):o(e)}},8635:(e,t,s)=>{s.r(t),s.d(t,{assets:()=>o,contentTitle:()=>d,default:()=>m,frontMatter:()=>c,metadata:()=>a,toc:()=>u});var n=s(6070),i=s(1100),r=s(1928);const c={sidebar_class_name:"sidebar-item--wip",unlisted:!0},d="CMS",a={id:"guides/examples/cms",title:"CMS",description:"",source:"@site/i18n/ja/docusaurus-plugin-content-docs/current/guides/examples/cms.mdx",sourceDirName:"guides/examples",slug:"/guides/examples/cms",permalink:"/ja/docs/guides/examples/cms",draft:!1,unlisted:!0,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/ja/docusaurus-plugin-content-docs/current/guides/examples/cms.mdx",tags:[],version:"current",lastUpdatedAt:1728325386e3,frontMatter:{sidebar_class_name:"sidebar-item--wip",unlisted:!0},sidebar:"guidesSidebar"},o={},u=[...r.RM];function l(e){const t={h1:"h1",header:"header",...(0,i.R)(),...e.components};return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(t.header,{children:(0,n.jsx)(t.h1,{id:"cms",children:"CMS"})}),"\n",(0,n.jsx)(r.Ay,{ticket:"172"})]})}function m(e={}){const{wrapper:t}={...(0,i.R)(),...e.components};return t?(0,n.jsx)(t,{...e,children:(0,n.jsx)(l,{...e})}):l(e)}},1100:(e,t,s)=>{s.d(t,{R:()=>c,x:()=>d});var n=s(758);const i={},r=n.createContext(i);function c(e){const t=n.useContext(r);return n.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function d(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(i):e.components||i:c(e.components),n.createElement(r.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
diff --git a/ja/assets/js/8eb9ed98.4fd314fa.js b/ja/assets/js/8eb9ed98.bc2f1ace.js
similarity index 95%
rename from ja/assets/js/8eb9ed98.4fd314fa.js
rename to ja/assets/js/8eb9ed98.bc2f1ace.js
index 4d48fb2b44..d62f31501f 100644
--- a/ja/assets/js/8eb9ed98.4fd314fa.js
+++ b/ja/assets/js/8eb9ed98.bc2f1ace.js
@@ -1 +1 @@
-"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[2725],{1928:(e,t,i)=>{i.d(t,{Ay:()=>u,RM:()=>a});var n=i(6070),s=i(1100),r=(i(758),i(6783)),o=i(7765);const d=e=>{let{ticket:t}=e;const i=`https://github.com/feature-sliced/documentation/issues/${t}`;return(0,n.jsxs)("div",{children:[(0,n.jsx)("p",{children:(0,o.T)({id:"shared.wip.title"})}),(0,n.jsx)("p",{children:(0,o.T)({id:"shared.wip.subtitle"})}),(0,n.jsxs)("ul",{children:[(0,n.jsxs)("li",{children:[(0,o.T)({id:"shared.wip.var.feedback.base"}),(0,n.jsx)(r.A,{to:i,children:(0,o.T)({id:"shared.wip.var.feedback.link"})})]}),(0,n.jsxs)("li",{children:[(0,o.T)({id:"shared.wip.var.material.base"}),(0,n.jsx)(r.A,{to:"https://t.me/feature_sliced",children:(0,o.T)({id:"shared.wip.var.material.link"})})]}),(0,n.jsxs)("li",{children:[(0,o.T)({id:"shared.wip.var.contribute.base"}),(0,n.jsx)(r.A,{to:"https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md",children:(0,o.T)({id:"shared.wip.var.contribute.link"})})]})]}),(0,n.jsx)("br",{}),(0,n.jsx)("p",{children:(0,n.jsx)("i",{children:"\ud83c\udf70 Stay tuned!"})})]})},a=[];function c(e){const t={admonition:"admonition",...(0,s.R)(),...e.components};return(0,n.jsx)(t.admonition,{title:"WIP",type:"caution",children:(0,n.jsx)(d,{ticket:e.ticket})})}function u(e={}){const{wrapper:t}={...(0,s.R)(),...e.components};return t?(0,n.jsx)(t,{...e,children:(0,n.jsx)(c,{...e})}):c(e)}},8799:(e,t,i)=>{i.r(t),i.d(t,{assets:()=>c,contentTitle:()=>d,default:()=>p,frontMatter:()=>o,metadata:()=>a,toc:()=>u});var n=i(6070),s=i(1100),r=i(1928);const o={sidebar_position:9,sidebar_class_name:"sidebar-item--wip",unlisted:!0},d="\u30e2\u30ce\u30ec\u30dd",a={id:"guides/examples/monorepo",title:"\u30e2\u30ce\u30ec\u30dd",description:"",source:"@site/i18n/ja/docusaurus-plugin-content-docs/current/guides/examples/monorepo.mdx",sourceDirName:"guides/examples",slug:"/guides/examples/monorepo",permalink:"/ja/docs/guides/examples/monorepo",draft:!1,unlisted:!0,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/ja/docusaurus-plugin-content-docs/current/guides/examples/monorepo.mdx",tags:[],version:"current",lastUpdatedAt:1727607766e3,sidebarPosition:9,frontMatter:{sidebar_position:9,sidebar_class_name:"sidebar-item--wip",unlisted:!0},sidebar:"guidesSidebar"},c={},u=[...r.RM];function l(e){const t={h1:"h1",header:"header",...(0,s.R)(),...e.components};return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(t.header,{children:(0,n.jsx)(t.h1,{id:"\u30e2\u30ce\u30ec\u30dd",children:"\u30e2\u30ce\u30ec\u30dd"})}),"\n",(0,n.jsx)(r.Ay,{ticket:"221"})]})}function p(e={}){const{wrapper:t}={...(0,s.R)(),...e.components};return t?(0,n.jsx)(t,{...e,children:(0,n.jsx)(l,{...e})}):l(e)}},1100:(e,t,i)=>{i.d(t,{R:()=>o,x:()=>d});var n=i(758);const s={},r=n.createContext(s);function o(e){const t=n.useContext(r);return n.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function d(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(s):e.components||s:o(e.components),n.createElement(r.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
+"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[2725],{1928:(e,t,i)=>{i.d(t,{Ay:()=>u,RM:()=>a});var n=i(6070),s=i(1100),r=(i(758),i(6783)),o=i(7765);const d=e=>{let{ticket:t}=e;const i=`https://github.com/feature-sliced/documentation/issues/${t}`;return(0,n.jsxs)("div",{children:[(0,n.jsx)("p",{children:(0,o.T)({id:"shared.wip.title"})}),(0,n.jsx)("p",{children:(0,o.T)({id:"shared.wip.subtitle"})}),(0,n.jsxs)("ul",{children:[(0,n.jsxs)("li",{children:[(0,o.T)({id:"shared.wip.var.feedback.base"}),(0,n.jsx)(r.A,{to:i,children:(0,o.T)({id:"shared.wip.var.feedback.link"})})]}),(0,n.jsxs)("li",{children:[(0,o.T)({id:"shared.wip.var.material.base"}),(0,n.jsx)(r.A,{to:"https://t.me/feature_sliced",children:(0,o.T)({id:"shared.wip.var.material.link"})})]}),(0,n.jsxs)("li",{children:[(0,o.T)({id:"shared.wip.var.contribute.base"}),(0,n.jsx)(r.A,{to:"https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md",children:(0,o.T)({id:"shared.wip.var.contribute.link"})})]})]}),(0,n.jsx)("br",{}),(0,n.jsx)("p",{children:(0,n.jsx)("i",{children:"\ud83c\udf70 Stay tuned!"})})]})},a=[];function c(e){const t={admonition:"admonition",...(0,s.R)(),...e.components};return(0,n.jsx)(t.admonition,{title:"WIP",type:"caution",children:(0,n.jsx)(d,{ticket:e.ticket})})}function u(e={}){const{wrapper:t}={...(0,s.R)(),...e.components};return t?(0,n.jsx)(t,{...e,children:(0,n.jsx)(c,{...e})}):c(e)}},8799:(e,t,i)=>{i.r(t),i.d(t,{assets:()=>c,contentTitle:()=>d,default:()=>p,frontMatter:()=>o,metadata:()=>a,toc:()=>u});var n=i(6070),s=i(1100),r=i(1928);const o={sidebar_position:9,sidebar_class_name:"sidebar-item--wip",unlisted:!0},d="\u30e2\u30ce\u30ec\u30dd",a={id:"guides/examples/monorepo",title:"\u30e2\u30ce\u30ec\u30dd",description:"",source:"@site/i18n/ja/docusaurus-plugin-content-docs/current/guides/examples/monorepo.mdx",sourceDirName:"guides/examples",slug:"/guides/examples/monorepo",permalink:"/ja/docs/guides/examples/monorepo",draft:!1,unlisted:!0,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/ja/docusaurus-plugin-content-docs/current/guides/examples/monorepo.mdx",tags:[],version:"current",lastUpdatedAt:1728325386e3,sidebarPosition:9,frontMatter:{sidebar_position:9,sidebar_class_name:"sidebar-item--wip",unlisted:!0},sidebar:"guidesSidebar"},c={},u=[...r.RM];function l(e){const t={h1:"h1",header:"header",...(0,s.R)(),...e.components};return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(t.header,{children:(0,n.jsx)(t.h1,{id:"\u30e2\u30ce\u30ec\u30dd",children:"\u30e2\u30ce\u30ec\u30dd"})}),"\n",(0,n.jsx)(r.Ay,{ticket:"221"})]})}function p(e={}){const{wrapper:t}={...(0,s.R)(),...e.components};return t?(0,n.jsx)(t,{...e,children:(0,n.jsx)(l,{...e})}):l(e)}},1100:(e,t,i)=>{i.d(t,{R:()=>o,x:()=>d});var n=i(758);const s={},r=n.createContext(s);function o(e){const t=n.useContext(r);return n.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function d(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(s):e.components||s:o(e.components),n.createElement(r.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
diff --git a/ja/assets/js/92d7a9ba.b4915c4f.js b/ja/assets/js/92d7a9ba.f51c720a.js
similarity index 99%
rename from ja/assets/js/92d7a9ba.b4915c4f.js
rename to ja/assets/js/92d7a9ba.f51c720a.js
index 0edf91836b..ccb0a25f11 100644
--- a/ja/assets/js/92d7a9ba.b4915c4f.js
+++ b/ja/assets/js/92d7a9ba.f51c720a.js
@@ -1 +1 @@
-"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[9840],{1058:(e,n,s)=>{s.r(n),s.d(n,{assets:()=>l,contentTitle:()=>i,default:()=>h,frontMatter:()=>r,metadata:()=>d,toc:()=>o});var t=s(6070),c=s(1100);const r={sidebar_position:10},i="NuxtJS\u3068\u306e\u4f75\u7528",d={id:"guides/tech/with-nuxtjs",title:"NuxtJS\u3068\u306e\u4f75\u7528",description:"NuxtJS\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u3067FSD\u3092\u5b9f\u88c5\u3059\u308b\u3053\u3068\u306f\u53ef\u80fd\u3067\u3059\u304c\u3001NuxtJS\u306e\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u69cb\u9020\u8981\u4ef6\u3068FSD\u306e\u539f\u5247\u306e\u9055\u3044\u306b\u3088\u308a\u3001\u4ee5\u4e0b\u306e2\u70b9\u3067\u30b3\u30f3\u30d5\u30ea\u30af\u30c8\u304c\u767a\u751f\u3057\u3066\u3057\u307e\u3044\u307e\u3059\u3002",source:"@site/i18n/ja/docusaurus-plugin-content-docs/current/guides/tech/with-nuxtjs.mdx",sourceDirName:"guides/tech",slug:"/guides/tech/with-nuxtjs",permalink:"/ja/docs/guides/tech/with-nuxtjs",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/ja/docusaurus-plugin-content-docs/current/guides/tech/with-nuxtjs.mdx",tags:[],version:"current",lastUpdatedAt:1727607766e3,sidebarPosition:10,frontMatter:{sidebar_position:10},sidebar:"guidesSidebar",previous:{title:"NextJS\u3068\u306e\u4f75\u7528",permalink:"/ja/docs/guides/tech/with-nextjs"},next:{title:"React Query\u3068\u306e\u4f75\u7528",permalink:"/ja/docs/guides/tech/with-react-query"}},l={},o=[{value:"<code>src</code>\u30c7\u30a3\u30ec\u30af\u30c8\u30ea\u306e\u30a8\u30a4\u30ea\u30a2\u30b9\u3092\u8ffd\u52a0\u3059\u308b",id:"src\u30c7\u30a3\u30ec\u30af\u30c8\u30ea\u306e\u30a8\u30a4\u30ea\u30a2\u30b9\u3092\u8ffd\u52a0\u3059\u308b",level:2},{value:"\u30eb\u30fc\u30bf\u30fc\u8a2d\u5b9a\u65b9\u6cd5\u306e\u9078\u629e",id:"\u30eb\u30fc\u30bf\u30fc\u8a2d\u5b9a\u65b9\u6cd5\u306e\u9078\u629e",level:2},{value:"\u30b3\u30f3\u30d5\u30a3\u30b0\u306b\u3088\u308b\u30eb\u30fc\u30c6\u30a3\u30f3\u30b0",id:"\u30b3\u30f3\u30d5\u30a3\u30b0\u306b\u3088\u308b\u30eb\u30fc\u30c6\u30a3\u30f3\u30b0",level:3},{value:"\u30d5\u30a1\u30a4\u30eb\u30eb\u30fc\u30c6\u30a3\u30f3\u30b0",id:"\u30d5\u30a1\u30a4\u30eb\u30eb\u30fc\u30c6\u30a3\u30f3\u30b0",level:3},{value:"<code>layouts</code>\u306b\u3064\u3044\u3066",id:"layouts\u306b\u3064\u3044\u3066",level:2},{value:"\u53c2\u7167",id:"\u53c2\u7167",level:2}];function a(e){const n={a:"a",code:"code",h1:"h1",h2:"h2",h3:"h3",header:"header",li:"li",p:"p",pre:"pre",ul:"ul",...(0,c.R)(),...e.components};return(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(n.header,{children:(0,t.jsx)(n.h1,{id:"nuxtjs\u3068\u306e\u4f75\u7528",children:"NuxtJS\u3068\u306e\u4f75\u7528"})}),"\n",(0,t.jsx)(n.p,{children:"NuxtJS\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u3067FSD\u3092\u5b9f\u88c5\u3059\u308b\u3053\u3068\u306f\u53ef\u80fd\u3067\u3059\u304c\u3001NuxtJS\u306e\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u69cb\u9020\u8981\u4ef6\u3068FSD\u306e\u539f\u5247\u306e\u9055\u3044\u306b\u3088\u308a\u3001\u4ee5\u4e0b\u306e2\u70b9\u3067\u30b3\u30f3\u30d5\u30ea\u30af\u30c8\u304c\u767a\u751f\u3057\u3066\u3057\u307e\u3044\u307e\u3059\u3002"}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsxs)(n.li,{children:["NuxtJS\u306f",(0,t.jsx)(n.code,{children:"src"}),"\u30d5\u30a9\u30eb\u30c0\u30fc\u306a\u3057\u3067\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u306e\u30d5\u30a1\u30a4\u30eb\u69cb\u9020\u3092\u63d0\u4f9b\u3057\u3066\u3044\u308b\u3002\u3064\u307e\u308a\u3001\u30d5\u30a1\u30a4\u30eb\u69cb\u9020\u304c\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u306e\u30eb\u30fc\u30c8\u306b\u914d\u7f6e\u3055\u308c\u308b\u3002"]}),"\n",(0,t.jsxs)(n.li,{children:["\u30d5\u30a1\u30a4\u30eb\u30eb\u30fc\u30c6\u30a3\u30f3\u30b0\u306f",(0,t.jsx)(n.code,{children:"pages"}),"\u30d5\u30a9\u30eb\u30c0\u30fc\u306b\u3042\u308b\u304c\u3001FSD\u3067\u306f\u3053\u306e\u30d5\u30a9\u30eb\u30c0\u30fc\u306f\u30d5\u30e9\u30c3\u30c8\u306a\u30b9\u30e9\u30a4\u30b9\u69cb\u9020\u306b\u5272\u308a\u5f53\u3066\u3089\u308c\u3066\u3044\u308b\u3002"]}),"\n"]}),"\n",(0,t.jsxs)(n.h2,{id:"src\u30c7\u30a3\u30ec\u30af\u30c8\u30ea\u306e\u30a8\u30a4\u30ea\u30a2\u30b9\u3092\u8ffd\u52a0\u3059\u308b",children:[(0,t.jsx)(n.code,{children:"src"}),"\u30c7\u30a3\u30ec\u30af\u30c8\u30ea\u306e\u30a8\u30a4\u30ea\u30a2\u30b9\u3092\u8ffd\u52a0\u3059\u308b"]}),"\n",(0,t.jsxs)(n.p,{children:["\u8a2d\u5b9a\u30d5\u30a1\u30a4\u30eb\u306b",(0,t.jsx)(n.code,{children:"alias"}),"\u30aa\u30d6\u30b8\u30a7\u30af\u30c8\u3092\u8ffd\u52a0\u3057\u307e\u3059\u3002"]}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-ts",children:"export default defineNuxtConfig({\n  devtools: { enabled: true }, // FSD\u306b\u306f\u95a2\u4fc2\u306a\u304f\u3001\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u8d77\u52d5\u6642\u306b\u6709\u52b9\n  alias: {\n    \"@\": '../src'\n  },\n})\n"})}),"\n",(0,t.jsx)(n.h2,{id:"\u30eb\u30fc\u30bf\u30fc\u8a2d\u5b9a\u65b9\u6cd5\u306e\u9078\u629e",children:"\u30eb\u30fc\u30bf\u30fc\u8a2d\u5b9a\u65b9\u6cd5\u306e\u9078\u629e"}),"\n",(0,t.jsxs)(n.p,{children:["NuxtJS\u306b\u306f\u3001\u30b3\u30f3\u30d5\u30a3\u30b0\u3092\u4f7f\u7528\u3059\u308b\u65b9\u6cd5\u3068\u30d5\u30a1\u30a4\u30eb\u69cb\u9020\u3092\u4f7f\u7528\u3059\u308b\u65b9\u6cd5\u306e2\u3064\u306e\u30eb\u30fc\u30c6\u30a3\u30f3\u30b0\u8a2d\u5b9a\u65b9\u6cd5\u304c\u3042\u308a\u307e\u3059\u3002\n\u30d5\u30a1\u30a4\u30eb\u30d9\u30fc\u30b9\u306e\u30eb\u30fc\u30c6\u30a3\u30f3\u30b0\u306e\u5834\u5408\u3001",(0,t.jsx)(n.code,{children:"app/routes"}),"\u30c7\u30a3\u30ec\u30af\u30c8\u30ea\u5185\u306b",(0,t.jsx)(n.code,{children:"index.vue"}),"\u30d5\u30a1\u30a4\u30eb\u3092\u4f5c\u6210\u3057\u307e\u3059\u3002\u4e00\u65b9\u3001\u30b3\u30f3\u30d5\u30a3\u30b0\u3092\u4f7f\u7528\u3059\u308b\u5834\u5408\u306f\u3001",(0,t.jsx)(n.code,{children:"router.options.ts"}),"\u30d5\u30a1\u30a4\u30eb\u3067\u30eb\u30fc\u30c8\u3092\u8a2d\u5b9a\u3057\u307e\u3059\u3002"]}),"\n",(0,t.jsx)(n.h3,{id:"\u30b3\u30f3\u30d5\u30a3\u30b0\u306b\u3088\u308b\u30eb\u30fc\u30c6\u30a3\u30f3\u30b0",children:"\u30b3\u30f3\u30d5\u30a3\u30b0\u306b\u3088\u308b\u30eb\u30fc\u30c6\u30a3\u30f3\u30b0"}),"\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.code,{children:"app"}),"\u5c64\u306b",(0,t.jsx)(n.code,{children:"router.options.ts"}),"\u30d5\u30a1\u30a4\u30eb\u3092\u4f5c\u6210\u3057\u3001\u8a2d\u5b9a\u30aa\u30d6\u30b8\u30a7\u30af\u30c8\u3092\u30a8\u30af\u30b9\u30dd\u30fc\u30c8\u3057\u307e\u3059\u3002"]}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-ts",metastring:'title="app/router.options.ts"',children:"import type { RouterConfig } from '@nuxt/schema';\n\nexport default <RouterConfig> {\n  routes: (_routes) => [],\n};\n\n"})}),"\n",(0,t.jsx)(n.p,{children:"\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u306b\u30db\u30fc\u30e0\u30da\u30fc\u30b8\u3092\u8ffd\u52a0\u3059\u308b\u306b\u306f\u3001\u6b21\u306e\u624b\u9806\u3092\u884c\u3044\u307e\u3059\u3002"}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsxs)(n.li,{children:[(0,t.jsx)(n.code,{children:"pages"}),"\u5c64\u5185\u306b\u30da\u30fc\u30b8\u30b9\u30e9\u30a4\u30b9\u3092\u8ffd\u52a0\u3059\u308b"]}),"\n",(0,t.jsxs)(n.li,{children:[(0,t.jsx)(n.code,{children:"app/router.config.ts"}),"\u306e\u30b3\u30f3\u30d5\u30a3\u30b0\u306b\u9069\u5207\u306a\u30eb\u30fc\u30c8\u3092\u8ffd\u52a0\u3059\u308b"]}),"\n"]}),"\n",(0,t.jsxs)(n.p,{children:["\u30da\u30fc\u30b8\u30b9\u30e9\u30a4\u30b9\u3092\u4f5c\u6210\u3059\u308b\u306b\u306f\u3001",(0,t.jsx)(n.a,{href:"https://github.com/feature-sliced/cli",children:"CLI"}),"\u3092\u4f7f\u7528\u3057\u307e\u3059\u3002"]}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-shell",children:"fsd pages home\n"})}),"\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.code,{children:"home-page.vue"}),"\u30d5\u30a1\u30a4\u30eb\u3092",(0,t.jsx)(n.code,{children:"ui"}),"\u30bb\u30b0\u30e1\u30f3\u30c8\u5185\u306b\u4f5c\u6210\u3057\u3001\u516c\u958bAPI\u3092\u4ecb\u3057\u3066\u30a2\u30af\u30bb\u30b9\u3067\u304d\u308b\u3088\u3046\u306b\u3057\u307e\u3059\u3002"]}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-ts",metastring:'title="src/pages/home/index.ts"',children:"export { default as HomePage } from './ui/home-page';\n"})}),"\n",(0,t.jsx)(n.p,{children:"\u3053\u306e\u3088\u3046\u306b\u3001\u30d5\u30a1\u30a4\u30eb\u69cb\u9020\u306f\u6b21\u306e\u3088\u3046\u306b\u306a\u308a\u307e\u3059\u3002"}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-sh",children:"|\u2500\u2500 src\n\u2502   \u251c\u2500\u2500 app\n\u2502   \u2502   \u251c\u2500\u2500 router.config.ts\n\u2502   \u251c\u2500\u2500 pages\n\u2502   \u2502   \u251c\u2500\u2500 home\n\u2502   \u2502   \u2502   \u251c\u2500\u2500 ui\n\u2502   \u2502   \u2502   \u2502   \u251c\u2500\u2500 home-page.vue\n\u2502   \u2502   \u2502   \u251c\u2500\u2500 index.ts\n"})}),"\n",(0,t.jsx)(n.p,{children:"\u6700\u5f8c\u306b\u3001\u30eb\u30fc\u30c8\u3092\u30b3\u30f3\u30d5\u30a3\u30b0\u306b\u8ffd\u52a0\u3057\u307e\u3059\u3002"}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-ts",metastring:'title="app/router.config.ts"',children:"import type { RouterConfig } from '@nuxt/schema'\n\nexport default <RouterConfig> {\n  routes: (_routes) => [\n    {\n      name: 'home',\n      path: '/',\n      component: () => import('@/pages/home.vue').then(r => r.default || r)\n    }\n  ],\n}\n"})}),"\n",(0,t.jsx)(n.h3,{id:"\u30d5\u30a1\u30a4\u30eb\u30eb\u30fc\u30c6\u30a3\u30f3\u30b0",children:"\u30d5\u30a1\u30a4\u30eb\u30eb\u30fc\u30c6\u30a3\u30f3\u30b0"}),"\n",(0,t.jsxs)(n.p,{children:["\u307e\u305a\u3001\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u306e\u30eb\u30fc\u30c8\u306b",(0,t.jsx)(n.code,{children:"src"}),"\u30c7\u30a3\u30ec\u30af\u30c8\u30ea\u3092\u4f5c\u6210\u3057\u3001\u305d\u306e\u4e2d\u306b",(0,t.jsx)(n.code,{children:"app"}),"\u5c64\u3068",(0,t.jsx)(n.code,{children:"pages"}),"\u5c64\u306e\u30ec\u30a4\u30e4\u30fc\u3001",(0,t.jsx)(n.code,{children:"app"}),"\u5c64\u5185\u306b",(0,t.jsx)(n.code,{children:"routes"}),"\u30d5\u30a9\u30eb\u30c0\u30fc\u3092\u4f5c\u6210\u3057\u307e\u3059\u3002\n\u3053\u306e\u3088\u3046\u306b\u3001\u30d5\u30a1\u30a4\u30eb\u69cb\u9020\u306f\u6b21\u306e\u3088\u3046\u306b\u306a\u308a\u307e\u3059\u3002"]}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-sh",children:"\u251c\u2500\u2500 src\n\u2502   \u251c\u2500\u2500 app\n\u2502   \u2502   \u251c\u2500\u2500 routes\n\u2502   \u251c\u2500\u2500 pages # FSD\u306b\u5272\u308a\u5f53\u3066\u3089\u308c\u305fpages\u30d5\u30a9\u30eb\u30c0\u30fc\n"})}),"\n",(0,t.jsxs)(n.p,{children:["NuxtJS\u304c",(0,t.jsx)(n.code,{children:"app"}),"\u5c64\u5185\u306e",(0,t.jsx)(n.code,{children:"routes"}),"\u30d5\u30a9\u30eb\u30c0\u30fc\u3092\u30d5\u30a1\u30a4\u30eb\u30eb\u30fc\u30c6\u30a3\u30f3\u30b0\u306b\u4f7f\u7528\u3059\u308b\u306b\u306f\u3001",(0,t.jsx)(n.code,{children:"nuxt.config.ts"}),"\u3092\u6b21\u306e\u3088\u3046\u306b\u5909\u66f4\u3057\u307e\u3059\u3002"]}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-ts",metastring:'title="nuxt.config.ts"',children:"export default defineNuxtConfig({\n  devtools: { enabled: true }, // FSD\u306b\u306f\u95a2\u4fc2\u306a\u304f\u3001\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u8d77\u52d5\u6642\u306b\u6709\u52b9\n  alias: {\n    \"@\": '../src'\n  },\n  dir: {\n    pages: './src/app/routes'\n  }\n})\n"})}),"\n",(0,t.jsxs)(n.p,{children:["\u3053\u308c\u3067\u3001",(0,t.jsx)(n.code,{children:"app"}),"\u5c64\u5185\u306e\u30da\u30fc\u30b8\u306b\u5bfe\u3057\u3066\u30eb\u30fc\u30c8\u3092\u4f5c\u6210\u3057\u3001",(0,t.jsx)(n.code,{children:"pages"}),"\u5c64\u304b\u3089\u30da\u30fc\u30b8\u3092\u63a5\u7d9a\u3067\u304d\u307e\u3059\u3002"]}),"\n",(0,t.jsxs)(n.p,{children:["\u4f8b\u3048\u3070\u3001\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u306b",(0,t.jsx)(n.code,{children:"Home"}),"\u30da\u30fc\u30b8\u3092\u8ffd\u52a0\u3059\u308b\u306b\u306f\u3001\u6b21\u306e\u624b\u9806\u3092\u884c\u3044\u307e\u3059\u3002"]}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsxs)(n.li,{children:[(0,t.jsx)(n.code,{children:"pages"}),"\u5c64\u5185\u306b\u30da\u30fc\u30b8\u30b9\u30e9\u30a4\u30b9\u3092\u8ffd\u52a0\u3059\u308b"]}),"\n",(0,t.jsxs)(n.li,{children:[(0,t.jsx)(n.code,{children:"app"}),"\u5c64\u5185\u306b\u9069\u5207\u306a\u30eb\u30fc\u30c8\u3092\u8ffd\u52a0\u3059\u308b"]}),"\n",(0,t.jsx)(n.li,{children:"\u30b9\u30e9\u30a4\u30b9\u306e\u30da\u30fc\u30b8\u3068\u30eb\u30fc\u30c8\u3092\u7d71\u5408\u3059\u308b"}),"\n"]}),"\n",(0,t.jsxs)(n.p,{children:["\u30da\u30fc\u30b8\u30b9\u30e9\u30a4\u30b9\u3092\u4f5c\u6210\u3059\u308b\u306b\u306f\u3001",(0,t.jsx)(n.a,{href:"https://github.com/feature-sliced/cli",children:"CLI"}),"\u3092\u4f7f\u7528\u3057\u307e\u3059\u3002"]}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-shell",children:"fsd pages home\n"})}),"\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.code,{children:"home-page.vue"}),"\u30d5\u30a1\u30a4\u30eb\u3092",(0,t.jsx)(n.code,{children:"ui"}),"\u30bb\u30b0\u30e1\u30f3\u30c8\u5185\u306b\u4f5c\u6210\u3057\u3001\u516c\u958bAPI\u3092\u4ecb\u3057\u3066\u30a2\u30af\u30bb\u30b9\u3067\u304d\u308b\u3088\u3046\u306b\u3057\u307e\u3059\u3002\u3000"]}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-ts",metastring:'title="src/pages/home/index.ts"',children:"export { default as HomePage } from './ui/home-page';\n"})}),"\n",(0,t.jsxs)(n.p,{children:["\u3053\u306e\u30da\u30fc\u30b8\u306e\u30eb\u30fc\u30c8\u3092",(0,t.jsx)(n.code,{children:"app"}),"\u5c64\u5185\u306b\u4f5c\u6210\u3057\u307e\u3059\u3002"]}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-sh",children:"\n\u251c\u2500\u2500 src\n\u2502   \u251c\u2500\u2500 app\n\u2502   \u2502   \u251c\u2500\u2500 routes\n\u2502   \u2502   \u2502   \u251c\u2500\u2500 index.vue\n\u2502   \u251c\u2500\u2500 pages\n\u2502   \u2502   \u251c\u2500\u2500 home\n\u2502   \u2502   \u2502   \u251c\u2500\u2500 ui\n\u2502   \u2502   \u2502   \u2502   \u251c\u2500\u2500 home-page.vue\n\u2502   \u2502   \u2502   \u251c\u2500\u2500 index.ts\n"})}),"\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.code,{children:"index.vue"}),"\u30d5\u30a1\u30a4\u30eb\u5185\u306b\u30da\u30fc\u30b8\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u8ffd\u52a0\u3057\u307e\u3059\u3002"]}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-html",metastring:'title="src/app/routes/index.vue"',children:"<script setup>\n  import { HomePage } from '@/pages/home';\n<\/script>\n\n<template>\n  <HomePage/>\n</template>\n"})}),"\n",(0,t.jsxs)(n.h2,{id:"layouts\u306b\u3064\u3044\u3066",children:[(0,t.jsx)(n.code,{children:"layouts"}),"\u306b\u3064\u3044\u3066"]}),"\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.code,{children:"layouts"}),"\u306f",(0,t.jsx)(n.code,{children:"app"}),"\u5c64\u5185\u306b\u914d\u7f6e\u3067\u304d\u307e\u3059\u3002\u305d\u306e\u305f\u3081\u306b\u306f\u3001\u30b3\u30f3\u30d5\u30a3\u30b0\u3092\u6b21\u306e\u3088\u3046\u306b\u5909\u66f4\u3057\u307e\u3059\u3002"]}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-ts",metastring:'title="nuxt.config.ts"',children:"export default defineNuxtConfig({\n  devtools: { enabled: true }, // FSD\u306b\u306f\u95a2\u4fc2\u306a\u304f\u3001\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u8d77\u52d5\u6642\u306b\u6709\u52b9\n  alias: {\n    \"@\": '../src'\n  },\n  dir: {\n    pages: './src/app/routes',\n    layouts: './src/app/layouts'\n  }\n})\n"})}),"\n",(0,t.jsx)(n.h2,{id:"\u53c2\u7167",children:"\u53c2\u7167"}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsx)(n.li,{children:(0,t.jsx)(n.a,{href:"https://nuxt.com/docs/api/nuxt-config#dir",children:"NuxtJS\u306e\u30c7\u30a3\u30ec\u30af\u30c8\u30ea\u8a2d\u5b9a\u5909\u66f4\u306b\u95a2\u3059\u308b\u30c9\u30ad\u30e5\u30e1\u30f3\u30c8"})}),"\n",(0,t.jsx)(n.li,{children:(0,t.jsx)(n.a,{href:"https://nuxt.com/docs/guide/recipes/custom-routing#router-config",children:"NuxtJS\u306e\u30eb\u30fc\u30bf\u30fc\u8a2d\u5b9a\u5909\u66f4\u306b\u95a2\u3059\u308b\u30c9\u30ad\u30e5\u30e1\u30f3\u30c8"})}),"\n",(0,t.jsx)(n.li,{children:(0,t.jsx)(n.a,{href:"https://nuxt.com/docs/api/nuxt-config#alias",children:"NuxtJS\u306e\u30a8\u30a4\u30ea\u30a2\u30b9\u8a2d\u5b9a\u5909\u66f4\u306b\u95a2\u3059\u308b\u30c9\u30ad\u30e5\u30e1\u30f3\u30c8"})}),"\n"]})]})}function h(e={}){const{wrapper:n}={...(0,c.R)(),...e.components};return n?(0,t.jsx)(n,{...e,children:(0,t.jsx)(a,{...e})}):a(e)}},1100:(e,n,s)=>{s.d(n,{R:()=>i,x:()=>d});var t=s(758);const c={},r=t.createContext(c);function i(e){const n=t.useContext(r);return t.useMemo((function(){return"function"==typeof e?e(n):{...n,...e}}),[n,e])}function d(e){let n;return n=e.disableParentContext?"function"==typeof e.components?e.components(c):e.components||c:i(e.components),t.createElement(r.Provider,{value:n},e.children)}}}]);
\ No newline at end of file
+"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[9840],{1058:(e,n,s)=>{s.r(n),s.d(n,{assets:()=>l,contentTitle:()=>i,default:()=>h,frontMatter:()=>r,metadata:()=>d,toc:()=>o});var t=s(6070),c=s(1100);const r={sidebar_position:10},i="NuxtJS\u3068\u306e\u4f75\u7528",d={id:"guides/tech/with-nuxtjs",title:"NuxtJS\u3068\u306e\u4f75\u7528",description:"NuxtJS\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u3067FSD\u3092\u5b9f\u88c5\u3059\u308b\u3053\u3068\u306f\u53ef\u80fd\u3067\u3059\u304c\u3001NuxtJS\u306e\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u69cb\u9020\u8981\u4ef6\u3068FSD\u306e\u539f\u5247\u306e\u9055\u3044\u306b\u3088\u308a\u3001\u4ee5\u4e0b\u306e2\u70b9\u3067\u30b3\u30f3\u30d5\u30ea\u30af\u30c8\u304c\u767a\u751f\u3057\u3066\u3057\u307e\u3044\u307e\u3059\u3002",source:"@site/i18n/ja/docusaurus-plugin-content-docs/current/guides/tech/with-nuxtjs.mdx",sourceDirName:"guides/tech",slug:"/guides/tech/with-nuxtjs",permalink:"/ja/docs/guides/tech/with-nuxtjs",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/ja/docusaurus-plugin-content-docs/current/guides/tech/with-nuxtjs.mdx",tags:[],version:"current",lastUpdatedAt:1728325386e3,sidebarPosition:10,frontMatter:{sidebar_position:10},sidebar:"guidesSidebar",previous:{title:"NextJS\u3068\u306e\u4f75\u7528",permalink:"/ja/docs/guides/tech/with-nextjs"},next:{title:"React Query\u3068\u306e\u4f75\u7528",permalink:"/ja/docs/guides/tech/with-react-query"}},l={},o=[{value:"<code>src</code>\u30c7\u30a3\u30ec\u30af\u30c8\u30ea\u306e\u30a8\u30a4\u30ea\u30a2\u30b9\u3092\u8ffd\u52a0\u3059\u308b",id:"src\u30c7\u30a3\u30ec\u30af\u30c8\u30ea\u306e\u30a8\u30a4\u30ea\u30a2\u30b9\u3092\u8ffd\u52a0\u3059\u308b",level:2},{value:"\u30eb\u30fc\u30bf\u30fc\u8a2d\u5b9a\u65b9\u6cd5\u306e\u9078\u629e",id:"\u30eb\u30fc\u30bf\u30fc\u8a2d\u5b9a\u65b9\u6cd5\u306e\u9078\u629e",level:2},{value:"\u30b3\u30f3\u30d5\u30a3\u30b0\u306b\u3088\u308b\u30eb\u30fc\u30c6\u30a3\u30f3\u30b0",id:"\u30b3\u30f3\u30d5\u30a3\u30b0\u306b\u3088\u308b\u30eb\u30fc\u30c6\u30a3\u30f3\u30b0",level:3},{value:"\u30d5\u30a1\u30a4\u30eb\u30eb\u30fc\u30c6\u30a3\u30f3\u30b0",id:"\u30d5\u30a1\u30a4\u30eb\u30eb\u30fc\u30c6\u30a3\u30f3\u30b0",level:3},{value:"<code>layouts</code>\u306b\u3064\u3044\u3066",id:"layouts\u306b\u3064\u3044\u3066",level:2},{value:"\u53c2\u7167",id:"\u53c2\u7167",level:2}];function a(e){const n={a:"a",code:"code",h1:"h1",h2:"h2",h3:"h3",header:"header",li:"li",p:"p",pre:"pre",ul:"ul",...(0,c.R)(),...e.components};return(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(n.header,{children:(0,t.jsx)(n.h1,{id:"nuxtjs\u3068\u306e\u4f75\u7528",children:"NuxtJS\u3068\u306e\u4f75\u7528"})}),"\n",(0,t.jsx)(n.p,{children:"NuxtJS\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u3067FSD\u3092\u5b9f\u88c5\u3059\u308b\u3053\u3068\u306f\u53ef\u80fd\u3067\u3059\u304c\u3001NuxtJS\u306e\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u69cb\u9020\u8981\u4ef6\u3068FSD\u306e\u539f\u5247\u306e\u9055\u3044\u306b\u3088\u308a\u3001\u4ee5\u4e0b\u306e2\u70b9\u3067\u30b3\u30f3\u30d5\u30ea\u30af\u30c8\u304c\u767a\u751f\u3057\u3066\u3057\u307e\u3044\u307e\u3059\u3002"}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsxs)(n.li,{children:["NuxtJS\u306f",(0,t.jsx)(n.code,{children:"src"}),"\u30d5\u30a9\u30eb\u30c0\u30fc\u306a\u3057\u3067\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u306e\u30d5\u30a1\u30a4\u30eb\u69cb\u9020\u3092\u63d0\u4f9b\u3057\u3066\u3044\u308b\u3002\u3064\u307e\u308a\u3001\u30d5\u30a1\u30a4\u30eb\u69cb\u9020\u304c\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u306e\u30eb\u30fc\u30c8\u306b\u914d\u7f6e\u3055\u308c\u308b\u3002"]}),"\n",(0,t.jsxs)(n.li,{children:["\u30d5\u30a1\u30a4\u30eb\u30eb\u30fc\u30c6\u30a3\u30f3\u30b0\u306f",(0,t.jsx)(n.code,{children:"pages"}),"\u30d5\u30a9\u30eb\u30c0\u30fc\u306b\u3042\u308b\u304c\u3001FSD\u3067\u306f\u3053\u306e\u30d5\u30a9\u30eb\u30c0\u30fc\u306f\u30d5\u30e9\u30c3\u30c8\u306a\u30b9\u30e9\u30a4\u30b9\u69cb\u9020\u306b\u5272\u308a\u5f53\u3066\u3089\u308c\u3066\u3044\u308b\u3002"]}),"\n"]}),"\n",(0,t.jsxs)(n.h2,{id:"src\u30c7\u30a3\u30ec\u30af\u30c8\u30ea\u306e\u30a8\u30a4\u30ea\u30a2\u30b9\u3092\u8ffd\u52a0\u3059\u308b",children:[(0,t.jsx)(n.code,{children:"src"}),"\u30c7\u30a3\u30ec\u30af\u30c8\u30ea\u306e\u30a8\u30a4\u30ea\u30a2\u30b9\u3092\u8ffd\u52a0\u3059\u308b"]}),"\n",(0,t.jsxs)(n.p,{children:["\u8a2d\u5b9a\u30d5\u30a1\u30a4\u30eb\u306b",(0,t.jsx)(n.code,{children:"alias"}),"\u30aa\u30d6\u30b8\u30a7\u30af\u30c8\u3092\u8ffd\u52a0\u3057\u307e\u3059\u3002"]}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-ts",children:"export default defineNuxtConfig({\n  devtools: { enabled: true }, // FSD\u306b\u306f\u95a2\u4fc2\u306a\u304f\u3001\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u8d77\u52d5\u6642\u306b\u6709\u52b9\n  alias: {\n    \"@\": '../src'\n  },\n})\n"})}),"\n",(0,t.jsx)(n.h2,{id:"\u30eb\u30fc\u30bf\u30fc\u8a2d\u5b9a\u65b9\u6cd5\u306e\u9078\u629e",children:"\u30eb\u30fc\u30bf\u30fc\u8a2d\u5b9a\u65b9\u6cd5\u306e\u9078\u629e"}),"\n",(0,t.jsxs)(n.p,{children:["NuxtJS\u306b\u306f\u3001\u30b3\u30f3\u30d5\u30a3\u30b0\u3092\u4f7f\u7528\u3059\u308b\u65b9\u6cd5\u3068\u30d5\u30a1\u30a4\u30eb\u69cb\u9020\u3092\u4f7f\u7528\u3059\u308b\u65b9\u6cd5\u306e2\u3064\u306e\u30eb\u30fc\u30c6\u30a3\u30f3\u30b0\u8a2d\u5b9a\u65b9\u6cd5\u304c\u3042\u308a\u307e\u3059\u3002\n\u30d5\u30a1\u30a4\u30eb\u30d9\u30fc\u30b9\u306e\u30eb\u30fc\u30c6\u30a3\u30f3\u30b0\u306e\u5834\u5408\u3001",(0,t.jsx)(n.code,{children:"app/routes"}),"\u30c7\u30a3\u30ec\u30af\u30c8\u30ea\u5185\u306b",(0,t.jsx)(n.code,{children:"index.vue"}),"\u30d5\u30a1\u30a4\u30eb\u3092\u4f5c\u6210\u3057\u307e\u3059\u3002\u4e00\u65b9\u3001\u30b3\u30f3\u30d5\u30a3\u30b0\u3092\u4f7f\u7528\u3059\u308b\u5834\u5408\u306f\u3001",(0,t.jsx)(n.code,{children:"router.options.ts"}),"\u30d5\u30a1\u30a4\u30eb\u3067\u30eb\u30fc\u30c8\u3092\u8a2d\u5b9a\u3057\u307e\u3059\u3002"]}),"\n",(0,t.jsx)(n.h3,{id:"\u30b3\u30f3\u30d5\u30a3\u30b0\u306b\u3088\u308b\u30eb\u30fc\u30c6\u30a3\u30f3\u30b0",children:"\u30b3\u30f3\u30d5\u30a3\u30b0\u306b\u3088\u308b\u30eb\u30fc\u30c6\u30a3\u30f3\u30b0"}),"\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.code,{children:"app"}),"\u5c64\u306b",(0,t.jsx)(n.code,{children:"router.options.ts"}),"\u30d5\u30a1\u30a4\u30eb\u3092\u4f5c\u6210\u3057\u3001\u8a2d\u5b9a\u30aa\u30d6\u30b8\u30a7\u30af\u30c8\u3092\u30a8\u30af\u30b9\u30dd\u30fc\u30c8\u3057\u307e\u3059\u3002"]}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-ts",metastring:'title="app/router.options.ts"',children:"import type { RouterConfig } from '@nuxt/schema';\n\nexport default <RouterConfig> {\n  routes: (_routes) => [],\n};\n\n"})}),"\n",(0,t.jsx)(n.p,{children:"\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u306b\u30db\u30fc\u30e0\u30da\u30fc\u30b8\u3092\u8ffd\u52a0\u3059\u308b\u306b\u306f\u3001\u6b21\u306e\u624b\u9806\u3092\u884c\u3044\u307e\u3059\u3002"}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsxs)(n.li,{children:[(0,t.jsx)(n.code,{children:"pages"}),"\u5c64\u5185\u306b\u30da\u30fc\u30b8\u30b9\u30e9\u30a4\u30b9\u3092\u8ffd\u52a0\u3059\u308b"]}),"\n",(0,t.jsxs)(n.li,{children:[(0,t.jsx)(n.code,{children:"app/router.config.ts"}),"\u306e\u30b3\u30f3\u30d5\u30a3\u30b0\u306b\u9069\u5207\u306a\u30eb\u30fc\u30c8\u3092\u8ffd\u52a0\u3059\u308b"]}),"\n"]}),"\n",(0,t.jsxs)(n.p,{children:["\u30da\u30fc\u30b8\u30b9\u30e9\u30a4\u30b9\u3092\u4f5c\u6210\u3059\u308b\u306b\u306f\u3001",(0,t.jsx)(n.a,{href:"https://github.com/feature-sliced/cli",children:"CLI"}),"\u3092\u4f7f\u7528\u3057\u307e\u3059\u3002"]}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-shell",children:"fsd pages home\n"})}),"\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.code,{children:"home-page.vue"}),"\u30d5\u30a1\u30a4\u30eb\u3092",(0,t.jsx)(n.code,{children:"ui"}),"\u30bb\u30b0\u30e1\u30f3\u30c8\u5185\u306b\u4f5c\u6210\u3057\u3001\u516c\u958bAPI\u3092\u4ecb\u3057\u3066\u30a2\u30af\u30bb\u30b9\u3067\u304d\u308b\u3088\u3046\u306b\u3057\u307e\u3059\u3002"]}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-ts",metastring:'title="src/pages/home/index.ts"',children:"export { default as HomePage } from './ui/home-page';\n"})}),"\n",(0,t.jsx)(n.p,{children:"\u3053\u306e\u3088\u3046\u306b\u3001\u30d5\u30a1\u30a4\u30eb\u69cb\u9020\u306f\u6b21\u306e\u3088\u3046\u306b\u306a\u308a\u307e\u3059\u3002"}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-sh",children:"|\u2500\u2500 src\n\u2502   \u251c\u2500\u2500 app\n\u2502   \u2502   \u251c\u2500\u2500 router.config.ts\n\u2502   \u251c\u2500\u2500 pages\n\u2502   \u2502   \u251c\u2500\u2500 home\n\u2502   \u2502   \u2502   \u251c\u2500\u2500 ui\n\u2502   \u2502   \u2502   \u2502   \u251c\u2500\u2500 home-page.vue\n\u2502   \u2502   \u2502   \u251c\u2500\u2500 index.ts\n"})}),"\n",(0,t.jsx)(n.p,{children:"\u6700\u5f8c\u306b\u3001\u30eb\u30fc\u30c8\u3092\u30b3\u30f3\u30d5\u30a3\u30b0\u306b\u8ffd\u52a0\u3057\u307e\u3059\u3002"}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-ts",metastring:'title="app/router.config.ts"',children:"import type { RouterConfig } from '@nuxt/schema'\n\nexport default <RouterConfig> {\n  routes: (_routes) => [\n    {\n      name: 'home',\n      path: '/',\n      component: () => import('@/pages/home.vue').then(r => r.default || r)\n    }\n  ],\n}\n"})}),"\n",(0,t.jsx)(n.h3,{id:"\u30d5\u30a1\u30a4\u30eb\u30eb\u30fc\u30c6\u30a3\u30f3\u30b0",children:"\u30d5\u30a1\u30a4\u30eb\u30eb\u30fc\u30c6\u30a3\u30f3\u30b0"}),"\n",(0,t.jsxs)(n.p,{children:["\u307e\u305a\u3001\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u306e\u30eb\u30fc\u30c8\u306b",(0,t.jsx)(n.code,{children:"src"}),"\u30c7\u30a3\u30ec\u30af\u30c8\u30ea\u3092\u4f5c\u6210\u3057\u3001\u305d\u306e\u4e2d\u306b",(0,t.jsx)(n.code,{children:"app"}),"\u5c64\u3068",(0,t.jsx)(n.code,{children:"pages"}),"\u5c64\u306e\u30ec\u30a4\u30e4\u30fc\u3001",(0,t.jsx)(n.code,{children:"app"}),"\u5c64\u5185\u306b",(0,t.jsx)(n.code,{children:"routes"}),"\u30d5\u30a9\u30eb\u30c0\u30fc\u3092\u4f5c\u6210\u3057\u307e\u3059\u3002\n\u3053\u306e\u3088\u3046\u306b\u3001\u30d5\u30a1\u30a4\u30eb\u69cb\u9020\u306f\u6b21\u306e\u3088\u3046\u306b\u306a\u308a\u307e\u3059\u3002"]}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-sh",children:"\u251c\u2500\u2500 src\n\u2502   \u251c\u2500\u2500 app\n\u2502   \u2502   \u251c\u2500\u2500 routes\n\u2502   \u251c\u2500\u2500 pages # FSD\u306b\u5272\u308a\u5f53\u3066\u3089\u308c\u305fpages\u30d5\u30a9\u30eb\u30c0\u30fc\n"})}),"\n",(0,t.jsxs)(n.p,{children:["NuxtJS\u304c",(0,t.jsx)(n.code,{children:"app"}),"\u5c64\u5185\u306e",(0,t.jsx)(n.code,{children:"routes"}),"\u30d5\u30a9\u30eb\u30c0\u30fc\u3092\u30d5\u30a1\u30a4\u30eb\u30eb\u30fc\u30c6\u30a3\u30f3\u30b0\u306b\u4f7f\u7528\u3059\u308b\u306b\u306f\u3001",(0,t.jsx)(n.code,{children:"nuxt.config.ts"}),"\u3092\u6b21\u306e\u3088\u3046\u306b\u5909\u66f4\u3057\u307e\u3059\u3002"]}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-ts",metastring:'title="nuxt.config.ts"',children:"export default defineNuxtConfig({\n  devtools: { enabled: true }, // FSD\u306b\u306f\u95a2\u4fc2\u306a\u304f\u3001\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u8d77\u52d5\u6642\u306b\u6709\u52b9\n  alias: {\n    \"@\": '../src'\n  },\n  dir: {\n    pages: './src/app/routes'\n  }\n})\n"})}),"\n",(0,t.jsxs)(n.p,{children:["\u3053\u308c\u3067\u3001",(0,t.jsx)(n.code,{children:"app"}),"\u5c64\u5185\u306e\u30da\u30fc\u30b8\u306b\u5bfe\u3057\u3066\u30eb\u30fc\u30c8\u3092\u4f5c\u6210\u3057\u3001",(0,t.jsx)(n.code,{children:"pages"}),"\u5c64\u304b\u3089\u30da\u30fc\u30b8\u3092\u63a5\u7d9a\u3067\u304d\u307e\u3059\u3002"]}),"\n",(0,t.jsxs)(n.p,{children:["\u4f8b\u3048\u3070\u3001\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u306b",(0,t.jsx)(n.code,{children:"Home"}),"\u30da\u30fc\u30b8\u3092\u8ffd\u52a0\u3059\u308b\u306b\u306f\u3001\u6b21\u306e\u624b\u9806\u3092\u884c\u3044\u307e\u3059\u3002"]}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsxs)(n.li,{children:[(0,t.jsx)(n.code,{children:"pages"}),"\u5c64\u5185\u306b\u30da\u30fc\u30b8\u30b9\u30e9\u30a4\u30b9\u3092\u8ffd\u52a0\u3059\u308b"]}),"\n",(0,t.jsxs)(n.li,{children:[(0,t.jsx)(n.code,{children:"app"}),"\u5c64\u5185\u306b\u9069\u5207\u306a\u30eb\u30fc\u30c8\u3092\u8ffd\u52a0\u3059\u308b"]}),"\n",(0,t.jsx)(n.li,{children:"\u30b9\u30e9\u30a4\u30b9\u306e\u30da\u30fc\u30b8\u3068\u30eb\u30fc\u30c8\u3092\u7d71\u5408\u3059\u308b"}),"\n"]}),"\n",(0,t.jsxs)(n.p,{children:["\u30da\u30fc\u30b8\u30b9\u30e9\u30a4\u30b9\u3092\u4f5c\u6210\u3059\u308b\u306b\u306f\u3001",(0,t.jsx)(n.a,{href:"https://github.com/feature-sliced/cli",children:"CLI"}),"\u3092\u4f7f\u7528\u3057\u307e\u3059\u3002"]}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-shell",children:"fsd pages home\n"})}),"\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.code,{children:"home-page.vue"}),"\u30d5\u30a1\u30a4\u30eb\u3092",(0,t.jsx)(n.code,{children:"ui"}),"\u30bb\u30b0\u30e1\u30f3\u30c8\u5185\u306b\u4f5c\u6210\u3057\u3001\u516c\u958bAPI\u3092\u4ecb\u3057\u3066\u30a2\u30af\u30bb\u30b9\u3067\u304d\u308b\u3088\u3046\u306b\u3057\u307e\u3059\u3002\u3000"]}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-ts",metastring:'title="src/pages/home/index.ts"',children:"export { default as HomePage } from './ui/home-page';\n"})}),"\n",(0,t.jsxs)(n.p,{children:["\u3053\u306e\u30da\u30fc\u30b8\u306e\u30eb\u30fc\u30c8\u3092",(0,t.jsx)(n.code,{children:"app"}),"\u5c64\u5185\u306b\u4f5c\u6210\u3057\u307e\u3059\u3002"]}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-sh",children:"\n\u251c\u2500\u2500 src\n\u2502   \u251c\u2500\u2500 app\n\u2502   \u2502   \u251c\u2500\u2500 routes\n\u2502   \u2502   \u2502   \u251c\u2500\u2500 index.vue\n\u2502   \u251c\u2500\u2500 pages\n\u2502   \u2502   \u251c\u2500\u2500 home\n\u2502   \u2502   \u2502   \u251c\u2500\u2500 ui\n\u2502   \u2502   \u2502   \u2502   \u251c\u2500\u2500 home-page.vue\n\u2502   \u2502   \u2502   \u251c\u2500\u2500 index.ts\n"})}),"\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.code,{children:"index.vue"}),"\u30d5\u30a1\u30a4\u30eb\u5185\u306b\u30da\u30fc\u30b8\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u8ffd\u52a0\u3057\u307e\u3059\u3002"]}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-html",metastring:'title="src/app/routes/index.vue"',children:"<script setup>\n  import { HomePage } from '@/pages/home';\n<\/script>\n\n<template>\n  <HomePage/>\n</template>\n"})}),"\n",(0,t.jsxs)(n.h2,{id:"layouts\u306b\u3064\u3044\u3066",children:[(0,t.jsx)(n.code,{children:"layouts"}),"\u306b\u3064\u3044\u3066"]}),"\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.code,{children:"layouts"}),"\u306f",(0,t.jsx)(n.code,{children:"app"}),"\u5c64\u5185\u306b\u914d\u7f6e\u3067\u304d\u307e\u3059\u3002\u305d\u306e\u305f\u3081\u306b\u306f\u3001\u30b3\u30f3\u30d5\u30a3\u30b0\u3092\u6b21\u306e\u3088\u3046\u306b\u5909\u66f4\u3057\u307e\u3059\u3002"]}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-ts",metastring:'title="nuxt.config.ts"',children:"export default defineNuxtConfig({\n  devtools: { enabled: true }, // FSD\u306b\u306f\u95a2\u4fc2\u306a\u304f\u3001\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u8d77\u52d5\u6642\u306b\u6709\u52b9\n  alias: {\n    \"@\": '../src'\n  },\n  dir: {\n    pages: './src/app/routes',\n    layouts: './src/app/layouts'\n  }\n})\n"})}),"\n",(0,t.jsx)(n.h2,{id:"\u53c2\u7167",children:"\u53c2\u7167"}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsx)(n.li,{children:(0,t.jsx)(n.a,{href:"https://nuxt.com/docs/api/nuxt-config#dir",children:"NuxtJS\u306e\u30c7\u30a3\u30ec\u30af\u30c8\u30ea\u8a2d\u5b9a\u5909\u66f4\u306b\u95a2\u3059\u308b\u30c9\u30ad\u30e5\u30e1\u30f3\u30c8"})}),"\n",(0,t.jsx)(n.li,{children:(0,t.jsx)(n.a,{href:"https://nuxt.com/docs/guide/recipes/custom-routing#router-config",children:"NuxtJS\u306e\u30eb\u30fc\u30bf\u30fc\u8a2d\u5b9a\u5909\u66f4\u306b\u95a2\u3059\u308b\u30c9\u30ad\u30e5\u30e1\u30f3\u30c8"})}),"\n",(0,t.jsx)(n.li,{children:(0,t.jsx)(n.a,{href:"https://nuxt.com/docs/api/nuxt-config#alias",children:"NuxtJS\u306e\u30a8\u30a4\u30ea\u30a2\u30b9\u8a2d\u5b9a\u5909\u66f4\u306b\u95a2\u3059\u308b\u30c9\u30ad\u30e5\u30e1\u30f3\u30c8"})}),"\n"]})]})}function h(e={}){const{wrapper:n}={...(0,c.R)(),...e.components};return n?(0,t.jsx)(n,{...e,children:(0,t.jsx)(a,{...e})}):a(e)}},1100:(e,n,s)=>{s.d(n,{R:()=>i,x:()=>d});var t=s(758);const c={},r=t.createContext(c);function i(e){const n=t.useContext(r);return t.useMemo((function(){return"function"==typeof e?e(n):{...n,...e}}),[n,e])}function d(e){let n;return n=e.disableParentContext?"function"==typeof e.components?e.components(c):e.components||c:i(e.components),t.createElement(r.Provider,{value:n},e.children)}}}]);
\ No newline at end of file
diff --git a/ja/assets/js/9654fbea.1943749c.js b/ja/assets/js/9654fbea.d9987991.js
similarity index 99%
rename from ja/assets/js/9654fbea.1943749c.js
rename to ja/assets/js/9654fbea.d9987991.js
index c3284cd784..9161c61eb3 100644
--- a/ja/assets/js/9654fbea.1943749c.js
+++ b/ja/assets/js/9654fbea.d9987991.js
@@ -1 +1 @@
-"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[187],{6609:(n,e,i)=>{i.r(e),i.d(e,{assets:()=>a,contentTitle:()=>d,default:()=>u,frontMatter:()=>r,metadata:()=>c,toc:()=>o});var t=i(6070),s=i(1100);const r={sidebar_position:4},d="\u30cd\u30fc\u30df\u30f3\u30b0",c={id:"about/understanding/naming",title:"\u30cd\u30fc\u30df\u30f3\u30b0",description:"\u7570\u306a\u308b\u958b\u767a\u8005\u306f\u7570\u306a\u308b\u7d4c\u9a13\u3068\u80cc\u666f\u3092\u6301\u3063\u3066\u3044\u308b\u305f\u3081\u3001\u540c\u3058\u30a8\u30f3\u30c6\u30a3\u30c6\u30a3\u304c\u7570\u306a\u308b\u540d\u524d\u3067\u547c\u3070\u308c\u308b\u3053\u3068\u306b\u3088\u3063\u3066\u3001\u30c1\u30fc\u30e0\u5185\u3067\u8aa4\u89e3\u304c\u751f\u3058\u308b\u53ef\u80fd\u6027\u304c\u3042\u308a\u307e\u3059\u3002\u4f8b\u3048\u3070",source:"@site/i18n/ja/docusaurus-plugin-content-docs/current/about/understanding/naming.md",sourceDirName:"about/understanding",slug:"/about/understanding/naming",permalink:"/ja/docs/about/understanding/naming",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/ja/docusaurus-plugin-content-docs/current/about/understanding/naming.md",tags:[],version:"current",lastUpdatedAt:1727607766e3,sidebarPosition:4,frontMatter:{sidebar_position:4},sidebar:"aboutSidebar",previous:{title:"\u77e5\u8b58\u306e\u7a2e\u985e",permalink:"/ja/docs/about/understanding/knowledge-types"},next:{title:"\u30a2\u30fc\u30ad\u30c6\u30af\u30c1\u30e3\u306e\u30b7\u30b0\u30ca\u30eb",permalink:"/ja/docs/about/understanding/signals"}},a={},o=[{value:"Feature-Sliced Design\u306b\u304a\u3051\u308b\u30cd\u30fc\u30df\u30f3\u30b0",id:"naming-in-fsd",level:2},{value:"\u540d\u524d\u885d\u7a81",id:"when-can-naming-interfere",level:2}];function l(n){const e={code:"code",h1:"h1",h2:"h2",header:"header",li:"li",p:"p",strong:"strong",ul:"ul",...(0,s.R)(),...n.components};return(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(e.header,{children:(0,t.jsx)(e.h1,{id:"\u30cd\u30fc\u30df\u30f3\u30b0",children:"\u30cd\u30fc\u30df\u30f3\u30b0"})}),"\n",(0,t.jsx)(e.p,{children:"\u7570\u306a\u308b\u958b\u767a\u8005\u306f\u7570\u306a\u308b\u7d4c\u9a13\u3068\u80cc\u666f\u3092\u6301\u3063\u3066\u3044\u308b\u305f\u3081\u3001\u540c\u3058\u30a8\u30f3\u30c6\u30a3\u30c6\u30a3\u304c\u7570\u306a\u308b\u540d\u524d\u3067\u547c\u3070\u308c\u308b\u3053\u3068\u306b\u3088\u3063\u3066\u3001\u30c1\u30fc\u30e0\u5185\u3067\u8aa4\u89e3\u304c\u751f\u3058\u308b\u53ef\u80fd\u6027\u304c\u3042\u308a\u307e\u3059\u3002\u4f8b\u3048\u3070"}),"\n",(0,t.jsxs)(e.ul,{children:["\n",(0,t.jsx)(e.li,{children:"\u8868\u793a\u7528\u306e\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306f\u300cui\u300d\u3001\u300ccomponents\u300d\u3001\u300cui-kit\u300d\u3001\u300cviews\u300d\u306a\u3069\u3068\u547c\u3070\u308c\u308b\u3053\u3068\u304c\u3042\u308b\u3002"}),"\n",(0,t.jsx)(e.li,{children:"\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u5168\u4f53\u3067\u518d\u5229\u7528\u3055\u308c\u308b\u30b3\u30fc\u30c9\u306f\u300ccore\u300d\u3001\u300cshared\u300d\u3001\u300capp\u300d\u306a\u3069\u3068\u547c\u3070\u308c\u308b\u3053\u3068\u304c\u3042\u308b\u3002"}),"\n",(0,t.jsx)(e.li,{children:"\u30d3\u30b8\u30cd\u30b9\u30ed\u30b8\u30c3\u30af\u306e\u30b3\u30fc\u30c9\u306f\u300cstore\u300d\u3001\u300cmodel\u300d\u3001\u300cstate\u300d\u306a\u3069\u3068\u547c\u3070\u308c\u308b\u3053\u3068\u304c\u3042\u308b\u3002"}),"\n"]}),"\n",(0,t.jsx)(e.h2,{id:"naming-in-fsd",children:"Feature-Sliced Design\u306b\u304a\u3051\u308b\u30cd\u30fc\u30df\u30f3\u30b0"}),"\n",(0,t.jsx)(e.p,{children:"FSD\u8a2d\u8a08\u65b9\u6cd5\u8ad6\u3067\u306f\u3001\u4ee5\u4e0b\u306e\u3088\u3046\u306a\u7279\u5b9a\u306e\u7528\u8a9e\u304c\u4f7f\u7528\u3055\u308c\u307e\u3059\u3002"}),"\n",(0,t.jsxs)(e.ul,{children:["\n",(0,t.jsx)(e.li,{children:"\u300capp\u300d\u3001\u300cprocess\u300d\u3001\u300cpage\u300d\u3001\u300cfeature\u300d\u3001\u300centity\u300d\u3001\u300cshared\u300d\u3068\u3044\u3063\u305f\u5c64\u306e\u540d\u524d\u3001"}),"\n",(0,t.jsx)(e.li,{children:"\u300cui\u300d\u3001\u300cmodel\u300d\u3001\u300clib\u300d\u3001\u300capi\u300d\u3001\u300cconfig\u300d\u3068\u3044\u3063\u305f\u30bb\u30b0\u30e1\u30f3\u30c8\u306e\u540d\u524d\u3002"}),"\n"]}),"\n",(0,t.jsx)(e.p,{children:"\u3053\u308c\u3089\u306e\u7528\u8a9e\u3092\u9075\u5b88\u3059\u308b\u3053\u3068\u306f\u3001\u30c1\u30fc\u30e0\u30e1\u30f3\u30d0\u30fc\u3084\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u306b\u65b0\u3057\u304f\u53c2\u52a0\u3059\u308b\u958b\u767a\u8005\u306e\u6df7\u4e71\u3092\u9632\u3050\u305f\u3081\u306b\u975e\u5e38\u306b\u91cd\u8981\u3067\u3059\u3002\u6a19\u6e96\u7684\u306a\u540d\u79f0\u3092\u4f7f\u7528\u3059\u308b\u3053\u3068\u306f\u3001\u30b3\u30df\u30e5\u30cb\u30c6\u30a3\u306b\u52a9\u3051\u3092\u6c42\u3081\u308b\u969b\u306b\u3082\u5f79\u7acb\u3061\u307e\u3059\u3002"}),"\n",(0,t.jsx)(e.h2,{id:"when-can-naming-interfere",children:"\u540d\u524d\u885d\u7a81"}),"\n",(0,t.jsx)(e.p,{children:"\u540d\u524d\u885d\u7a81\u306f\u3001FSD\u8a2d\u8a08\u65b9\u6cd5\u8ad6\u3067\u4f7f\u7528\u3055\u308c\u308b\u7528\u8a9e\u304c\u30d3\u30b8\u30cd\u30b9\u3067\u4f7f\u7528\u3055\u308c\u308b\u7528\u8a9e\u3068\u91cd\u306a\u3063\u3066\u3044\u308b\u5834\u5408\u306b\u767a\u751f\u3059\u308b\u53ef\u80fd\u6027\u304c\u3042\u308a\u307e\u3059\u3002\u4f8b\u3048\u3070"}),"\n",(0,t.jsxs)(e.ul,{children:["\n",(0,t.jsxs)(e.li,{children:[(0,t.jsx)(e.code,{children:"FSD#process"}),"\u3068\u3001\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u5185\u3067\u30e2\u30c7\u30eb\u5316\u3055\u308c\u305f\u30d7\u30ed\u30bb\u30b9\u3001"]}),"\n",(0,t.jsxs)(e.li,{children:[(0,t.jsx)(e.code,{children:"FSD#page"}),"\u3068\u3001\u30de\u30ac\u30b8\u30f3\u306e\u30da\u30fc\u30b8\u3001"]}),"\n",(0,t.jsxs)(e.li,{children:[(0,t.jsx)(e.code,{children:"FSD#model"}),"\u3068\u3001\u81ea\u52d5\u8eca\u30e2\u30c7\u30eb\u3002"]}),"\n"]}),"\n",(0,t.jsxs)(e.p,{children:["\u958b\u767a\u8005\u304c\u30b3\u30fc\u30c9\u5185\u3067\u300c\u30d7\u30ed\u30bb\u30b9\u300d\u3068\u3044\u3046\u8a00\u8449\u3092\u898b\u305f\u5834\u5408\u3001\u3069\u306e\u30d7\u30ed\u30bb\u30b9\u304c\u6307\u3055\u308c\u3066\u3044\u308b\u306e\u304b\u3092\u7406\u89e3\u3059\u308b\u306e\u306b\u4f59\u5206\u306a\u6642\u9593\u3092\u8cbb\u3084\u3059\u3053\u3068\u306b\u306a\u3063\u3066\u3057\u307e\u3044\u307e\u3059\u3002\u3053\u306e\u3088\u3046\u306a",(0,t.jsx)(e.strong,{children:"\u885d\u7a81\u306f\u958b\u767a\u30d7\u30ed\u30bb\u30b9\u3092\u59a8\u3052\u308b\u5834\u5408\u304c\u3042\u308a\u307e\u3059"}),"\u3002"]}),"\n",(0,t.jsx)(e.p,{children:"\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u306e\u7528\u8a9e\u96c6\u306bFSD\u7279\u6709\u306e\u7528\u8a9e\u304c\u542b\u307e\u308c\u3066\u3044\u308b\u5834\u5408\u3001\u3053\u308c\u3089\u306e\u7528\u8a9e\u3092\u30c1\u30fc\u30e0\u3084\u6280\u8853\u7684\u306b\u95a2\u5fc3\u306e\u306a\u3044\u95a2\u4fc2\u8005\u3068\u8b70\u8ad6\u3059\u308b\u969b\u306b\u306f\u7279\u306b\u6ce8\u610f\u304c\u5fc5\u8981\u3067\u3059\u3002"}),"\n",(0,t.jsx)(e.p,{children:"\u30c1\u30fc\u30e0\u3068\u306e\u52b9\u679c\u7684\u306a\u30b3\u30df\u30e5\u30cb\u30b1\u30fc\u30b7\u30e7\u30f3\u306e\u305f\u3081\u306b\u306f\u3001\u7528\u8a9e\u306e\u524d\u306b\u300cFSD\u300d\u3068\u3044\u3046\u7565\u8a9e\u3092\u4ed8\u3051\u308b\u3053\u3068\u3092\u304a\u52e7\u3081\u3057\u307e\u3059\u3002\u4f8b\u3048\u3070\u3001\u30d7\u30ed\u30bb\u30b9\u306b\u3064\u3044\u3066\u8a71\u3059\u3068\u304d\u306f\u3001\u300c\u3053\u306e\u30d7\u30ed\u30bb\u30b9\u3092FSD\u306e\u30d5\u30a3\u30fc\u30c1\u30e3\u30fc\u5c64\u306b\u7f6e\u304f\u3053\u3068\u304c\u3067\u304d\u308b\u300d\u3068\u8a00\u3046\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002"}),"\n",(0,t.jsx)(e.p,{children:"\u9006\u306b\u3001\u6280\u8853\u7684\u3067\u306a\u3044\u95a2\u4fc2\u8005\u3068\u306e\u30b3\u30df\u30e5\u30cb\u30b1\u30fc\u30b7\u30e7\u30f3\u3067\u306f\u3001FSD\u306e\u7528\u8a9e\u306e\u4f7f\u7528\u3092\u5236\u9650\u3057\u3001\u30b3\u30fc\u30c9\u30d9\u30fc\u30b9\u306e\u5185\u90e8\u69cb\u9020\u306b\u8a00\u53ca\u3057\u306a\u3044\u65b9\u304c\u826f\u3044\u3067\u3057\u3087\u3046\u3002"})]})}function u(n={}){const{wrapper:e}={...(0,s.R)(),...n.components};return e?(0,t.jsx)(e,{...n,children:(0,t.jsx)(l,{...n})}):l(n)}},1100:(n,e,i)=>{i.d(e,{R:()=>d,x:()=>c});var t=i(758);const s={},r=t.createContext(s);function d(n){const e=t.useContext(r);return t.useMemo((function(){return"function"==typeof n?n(e):{...e,...n}}),[e,n])}function c(n){let e;return e=n.disableParentContext?"function"==typeof n.components?n.components(s):n.components||s:d(n.components),t.createElement(r.Provider,{value:e},n.children)}}}]);
\ No newline at end of file
+"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[187],{6609:(n,e,i)=>{i.r(e),i.d(e,{assets:()=>a,contentTitle:()=>d,default:()=>u,frontMatter:()=>r,metadata:()=>c,toc:()=>o});var t=i(6070),s=i(1100);const r={sidebar_position:4},d="\u30cd\u30fc\u30df\u30f3\u30b0",c={id:"about/understanding/naming",title:"\u30cd\u30fc\u30df\u30f3\u30b0",description:"\u7570\u306a\u308b\u958b\u767a\u8005\u306f\u7570\u306a\u308b\u7d4c\u9a13\u3068\u80cc\u666f\u3092\u6301\u3063\u3066\u3044\u308b\u305f\u3081\u3001\u540c\u3058\u30a8\u30f3\u30c6\u30a3\u30c6\u30a3\u304c\u7570\u306a\u308b\u540d\u524d\u3067\u547c\u3070\u308c\u308b\u3053\u3068\u306b\u3088\u3063\u3066\u3001\u30c1\u30fc\u30e0\u5185\u3067\u8aa4\u89e3\u304c\u751f\u3058\u308b\u53ef\u80fd\u6027\u304c\u3042\u308a\u307e\u3059\u3002\u4f8b\u3048\u3070",source:"@site/i18n/ja/docusaurus-plugin-content-docs/current/about/understanding/naming.md",sourceDirName:"about/understanding",slug:"/about/understanding/naming",permalink:"/ja/docs/about/understanding/naming",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/ja/docusaurus-plugin-content-docs/current/about/understanding/naming.md",tags:[],version:"current",lastUpdatedAt:1728325386e3,sidebarPosition:4,frontMatter:{sidebar_position:4},sidebar:"aboutSidebar",previous:{title:"\u77e5\u8b58\u306e\u7a2e\u985e",permalink:"/ja/docs/about/understanding/knowledge-types"},next:{title:"\u30a2\u30fc\u30ad\u30c6\u30af\u30c1\u30e3\u306e\u30b7\u30b0\u30ca\u30eb",permalink:"/ja/docs/about/understanding/signals"}},a={},o=[{value:"Feature-Sliced Design\u306b\u304a\u3051\u308b\u30cd\u30fc\u30df\u30f3\u30b0",id:"naming-in-fsd",level:2},{value:"\u540d\u524d\u885d\u7a81",id:"when-can-naming-interfere",level:2}];function l(n){const e={code:"code",h1:"h1",h2:"h2",header:"header",li:"li",p:"p",strong:"strong",ul:"ul",...(0,s.R)(),...n.components};return(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(e.header,{children:(0,t.jsx)(e.h1,{id:"\u30cd\u30fc\u30df\u30f3\u30b0",children:"\u30cd\u30fc\u30df\u30f3\u30b0"})}),"\n",(0,t.jsx)(e.p,{children:"\u7570\u306a\u308b\u958b\u767a\u8005\u306f\u7570\u306a\u308b\u7d4c\u9a13\u3068\u80cc\u666f\u3092\u6301\u3063\u3066\u3044\u308b\u305f\u3081\u3001\u540c\u3058\u30a8\u30f3\u30c6\u30a3\u30c6\u30a3\u304c\u7570\u306a\u308b\u540d\u524d\u3067\u547c\u3070\u308c\u308b\u3053\u3068\u306b\u3088\u3063\u3066\u3001\u30c1\u30fc\u30e0\u5185\u3067\u8aa4\u89e3\u304c\u751f\u3058\u308b\u53ef\u80fd\u6027\u304c\u3042\u308a\u307e\u3059\u3002\u4f8b\u3048\u3070"}),"\n",(0,t.jsxs)(e.ul,{children:["\n",(0,t.jsx)(e.li,{children:"\u8868\u793a\u7528\u306e\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306f\u300cui\u300d\u3001\u300ccomponents\u300d\u3001\u300cui-kit\u300d\u3001\u300cviews\u300d\u306a\u3069\u3068\u547c\u3070\u308c\u308b\u3053\u3068\u304c\u3042\u308b\u3002"}),"\n",(0,t.jsx)(e.li,{children:"\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u5168\u4f53\u3067\u518d\u5229\u7528\u3055\u308c\u308b\u30b3\u30fc\u30c9\u306f\u300ccore\u300d\u3001\u300cshared\u300d\u3001\u300capp\u300d\u306a\u3069\u3068\u547c\u3070\u308c\u308b\u3053\u3068\u304c\u3042\u308b\u3002"}),"\n",(0,t.jsx)(e.li,{children:"\u30d3\u30b8\u30cd\u30b9\u30ed\u30b8\u30c3\u30af\u306e\u30b3\u30fc\u30c9\u306f\u300cstore\u300d\u3001\u300cmodel\u300d\u3001\u300cstate\u300d\u306a\u3069\u3068\u547c\u3070\u308c\u308b\u3053\u3068\u304c\u3042\u308b\u3002"}),"\n"]}),"\n",(0,t.jsx)(e.h2,{id:"naming-in-fsd",children:"Feature-Sliced Design\u306b\u304a\u3051\u308b\u30cd\u30fc\u30df\u30f3\u30b0"}),"\n",(0,t.jsx)(e.p,{children:"FSD\u8a2d\u8a08\u65b9\u6cd5\u8ad6\u3067\u306f\u3001\u4ee5\u4e0b\u306e\u3088\u3046\u306a\u7279\u5b9a\u306e\u7528\u8a9e\u304c\u4f7f\u7528\u3055\u308c\u307e\u3059\u3002"}),"\n",(0,t.jsxs)(e.ul,{children:["\n",(0,t.jsx)(e.li,{children:"\u300capp\u300d\u3001\u300cprocess\u300d\u3001\u300cpage\u300d\u3001\u300cfeature\u300d\u3001\u300centity\u300d\u3001\u300cshared\u300d\u3068\u3044\u3063\u305f\u5c64\u306e\u540d\u524d\u3001"}),"\n",(0,t.jsx)(e.li,{children:"\u300cui\u300d\u3001\u300cmodel\u300d\u3001\u300clib\u300d\u3001\u300capi\u300d\u3001\u300cconfig\u300d\u3068\u3044\u3063\u305f\u30bb\u30b0\u30e1\u30f3\u30c8\u306e\u540d\u524d\u3002"}),"\n"]}),"\n",(0,t.jsx)(e.p,{children:"\u3053\u308c\u3089\u306e\u7528\u8a9e\u3092\u9075\u5b88\u3059\u308b\u3053\u3068\u306f\u3001\u30c1\u30fc\u30e0\u30e1\u30f3\u30d0\u30fc\u3084\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u306b\u65b0\u3057\u304f\u53c2\u52a0\u3059\u308b\u958b\u767a\u8005\u306e\u6df7\u4e71\u3092\u9632\u3050\u305f\u3081\u306b\u975e\u5e38\u306b\u91cd\u8981\u3067\u3059\u3002\u6a19\u6e96\u7684\u306a\u540d\u79f0\u3092\u4f7f\u7528\u3059\u308b\u3053\u3068\u306f\u3001\u30b3\u30df\u30e5\u30cb\u30c6\u30a3\u306b\u52a9\u3051\u3092\u6c42\u3081\u308b\u969b\u306b\u3082\u5f79\u7acb\u3061\u307e\u3059\u3002"}),"\n",(0,t.jsx)(e.h2,{id:"when-can-naming-interfere",children:"\u540d\u524d\u885d\u7a81"}),"\n",(0,t.jsx)(e.p,{children:"\u540d\u524d\u885d\u7a81\u306f\u3001FSD\u8a2d\u8a08\u65b9\u6cd5\u8ad6\u3067\u4f7f\u7528\u3055\u308c\u308b\u7528\u8a9e\u304c\u30d3\u30b8\u30cd\u30b9\u3067\u4f7f\u7528\u3055\u308c\u308b\u7528\u8a9e\u3068\u91cd\u306a\u3063\u3066\u3044\u308b\u5834\u5408\u306b\u767a\u751f\u3059\u308b\u53ef\u80fd\u6027\u304c\u3042\u308a\u307e\u3059\u3002\u4f8b\u3048\u3070"}),"\n",(0,t.jsxs)(e.ul,{children:["\n",(0,t.jsxs)(e.li,{children:[(0,t.jsx)(e.code,{children:"FSD#process"}),"\u3068\u3001\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u5185\u3067\u30e2\u30c7\u30eb\u5316\u3055\u308c\u305f\u30d7\u30ed\u30bb\u30b9\u3001"]}),"\n",(0,t.jsxs)(e.li,{children:[(0,t.jsx)(e.code,{children:"FSD#page"}),"\u3068\u3001\u30de\u30ac\u30b8\u30f3\u306e\u30da\u30fc\u30b8\u3001"]}),"\n",(0,t.jsxs)(e.li,{children:[(0,t.jsx)(e.code,{children:"FSD#model"}),"\u3068\u3001\u81ea\u52d5\u8eca\u30e2\u30c7\u30eb\u3002"]}),"\n"]}),"\n",(0,t.jsxs)(e.p,{children:["\u958b\u767a\u8005\u304c\u30b3\u30fc\u30c9\u5185\u3067\u300c\u30d7\u30ed\u30bb\u30b9\u300d\u3068\u3044\u3046\u8a00\u8449\u3092\u898b\u305f\u5834\u5408\u3001\u3069\u306e\u30d7\u30ed\u30bb\u30b9\u304c\u6307\u3055\u308c\u3066\u3044\u308b\u306e\u304b\u3092\u7406\u89e3\u3059\u308b\u306e\u306b\u4f59\u5206\u306a\u6642\u9593\u3092\u8cbb\u3084\u3059\u3053\u3068\u306b\u306a\u3063\u3066\u3057\u307e\u3044\u307e\u3059\u3002\u3053\u306e\u3088\u3046\u306a",(0,t.jsx)(e.strong,{children:"\u885d\u7a81\u306f\u958b\u767a\u30d7\u30ed\u30bb\u30b9\u3092\u59a8\u3052\u308b\u5834\u5408\u304c\u3042\u308a\u307e\u3059"}),"\u3002"]}),"\n",(0,t.jsx)(e.p,{children:"\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u306e\u7528\u8a9e\u96c6\u306bFSD\u7279\u6709\u306e\u7528\u8a9e\u304c\u542b\u307e\u308c\u3066\u3044\u308b\u5834\u5408\u3001\u3053\u308c\u3089\u306e\u7528\u8a9e\u3092\u30c1\u30fc\u30e0\u3084\u6280\u8853\u7684\u306b\u95a2\u5fc3\u306e\u306a\u3044\u95a2\u4fc2\u8005\u3068\u8b70\u8ad6\u3059\u308b\u969b\u306b\u306f\u7279\u306b\u6ce8\u610f\u304c\u5fc5\u8981\u3067\u3059\u3002"}),"\n",(0,t.jsx)(e.p,{children:"\u30c1\u30fc\u30e0\u3068\u306e\u52b9\u679c\u7684\u306a\u30b3\u30df\u30e5\u30cb\u30b1\u30fc\u30b7\u30e7\u30f3\u306e\u305f\u3081\u306b\u306f\u3001\u7528\u8a9e\u306e\u524d\u306b\u300cFSD\u300d\u3068\u3044\u3046\u7565\u8a9e\u3092\u4ed8\u3051\u308b\u3053\u3068\u3092\u304a\u52e7\u3081\u3057\u307e\u3059\u3002\u4f8b\u3048\u3070\u3001\u30d7\u30ed\u30bb\u30b9\u306b\u3064\u3044\u3066\u8a71\u3059\u3068\u304d\u306f\u3001\u300c\u3053\u306e\u30d7\u30ed\u30bb\u30b9\u3092FSD\u306e\u30d5\u30a3\u30fc\u30c1\u30e3\u30fc\u5c64\u306b\u7f6e\u304f\u3053\u3068\u304c\u3067\u304d\u308b\u300d\u3068\u8a00\u3046\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002"}),"\n",(0,t.jsx)(e.p,{children:"\u9006\u306b\u3001\u6280\u8853\u7684\u3067\u306a\u3044\u95a2\u4fc2\u8005\u3068\u306e\u30b3\u30df\u30e5\u30cb\u30b1\u30fc\u30b7\u30e7\u30f3\u3067\u306f\u3001FSD\u306e\u7528\u8a9e\u306e\u4f7f\u7528\u3092\u5236\u9650\u3057\u3001\u30b3\u30fc\u30c9\u30d9\u30fc\u30b9\u306e\u5185\u90e8\u69cb\u9020\u306b\u8a00\u53ca\u3057\u306a\u3044\u65b9\u304c\u826f\u3044\u3067\u3057\u3087\u3046\u3002"})]})}function u(n={}){const{wrapper:e}={...(0,s.R)(),...n.components};return e?(0,t.jsx)(e,{...n,children:(0,t.jsx)(l,{...n})}):l(n)}},1100:(n,e,i)=>{i.d(e,{R:()=>d,x:()=>c});var t=i(758);const s={},r=t.createContext(s);function d(n){const e=t.useContext(r);return t.useMemo((function(){return"function"==typeof n?n(e):{...e,...n}}),[e,n])}function c(n){let e;return e=n.disableParentContext?"function"==typeof n.components?n.components(s):n.components||s:d(n.components),t.createElement(r.Provider,{value:e},n.children)}}}]);
\ No newline at end of file
diff --git a/ja/assets/js/a3319485.30414878.js b/ja/assets/js/a3319485.3d5b3126.js
similarity index 98%
rename from ja/assets/js/a3319485.30414878.js
rename to ja/assets/js/a3319485.3d5b3126.js
index 1aa5d9f722..e02ee50c80 100644
--- a/ja/assets/js/a3319485.30414878.js
+++ b/ja/assets/js/a3319485.3d5b3126.js
@@ -1 +1 @@
-"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[5193],{1928:(e,t,i)=>{i.d(t,{Ay:()=>l,RM:()=>d});var n=i(6070),s=i(1100),r=(i(758),i(6783)),c=i(7765);const o=e=>{let{ticket:t}=e;const i=`https://github.com/feature-sliced/documentation/issues/${t}`;return(0,n.jsxs)("div",{children:[(0,n.jsx)("p",{children:(0,c.T)({id:"shared.wip.title"})}),(0,n.jsx)("p",{children:(0,c.T)({id:"shared.wip.subtitle"})}),(0,n.jsxs)("ul",{children:[(0,n.jsxs)("li",{children:[(0,c.T)({id:"shared.wip.var.feedback.base"}),(0,n.jsx)(r.A,{to:i,children:(0,c.T)({id:"shared.wip.var.feedback.link"})})]}),(0,n.jsxs)("li",{children:[(0,c.T)({id:"shared.wip.var.material.base"}),(0,n.jsx)(r.A,{to:"https://t.me/feature_sliced",children:(0,c.T)({id:"shared.wip.var.material.link"})})]}),(0,n.jsxs)("li",{children:[(0,c.T)({id:"shared.wip.var.contribute.base"}),(0,n.jsx)(r.A,{to:"https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md",children:(0,c.T)({id:"shared.wip.var.contribute.link"})})]})]}),(0,n.jsx)("br",{}),(0,n.jsx)("p",{children:(0,n.jsx)("i",{children:"\ud83c\udf70 Stay tuned!"})})]})},d=[];function a(e){const t={admonition:"admonition",...(0,s.R)(),...e.components};return(0,n.jsx)(t.admonition,{title:"WIP",type:"caution",children:(0,n.jsx)(o,{ticket:e.ticket})})}function l(e={}){const{wrapper:t}={...(0,s.R)(),...e.components};return t?(0,n.jsx)(t,{...e,children:(0,n.jsx)(a,{...e})}):a(e)}},5686:(e,t,i)=>{i.r(t),i.d(t,{assets:()=>a,contentTitle:()=>o,default:()=>h,frontMatter:()=>c,metadata:()=>d,toc:()=>l});var n=i(6070),s=i(1100),r=i(1928);const c={sidebar_position:2,sidebar_class_name:"sidebar-item--wip"},o="\u30a8\u30f3\u30c6\u30a3\u30c6\u30a3\u306e\u5206\u96e2",d={id:"reference/isolation/decouple-entities",title:"\u30a8\u30f3\u30c6\u30a3\u30c6\u30a3\u306e\u5206\u96e2",description:"\u30bf\u30a4\u30d7\u306e\u30af\u30ed\u30b9\u30a4\u30f3\u30dd\u30fc\u30c8\u3001\u30a2\u30c0\u30d7\u30bf\u30fc\u3001\u30a8\u30f3\u30c6\u30a3\u30c6\u30a3\u9593\u306e\u660e\u793a\u7684\u306a\u95a2\u4fc2\u306e\u69cb\u7bc9\u306b\u3064\u3044\u3066",source:"@site/i18n/ja/docusaurus-plugin-content-docs/current/reference/isolation/decouple-entities.mdx",sourceDirName:"reference/isolation",slug:"/reference/isolation/decouple-entities",permalink:"/ja/docs/reference/isolation/decouple-entities",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/ja/docusaurus-plugin-content-docs/current/reference/isolation/decouple-entities.mdx",tags:[],version:"current",lastUpdatedAt:1727607766e3,sidebarPosition:2,frontMatter:{sidebar_position:2,sidebar_class_name:"sidebar-item--wip"},sidebar:"referenceSidebar",previous:{title:"\u4f4e\u7d50\u5408\u3068\u9ad8\u51dd\u96c6",permalink:"/ja/docs/reference/isolation/coupling-cohesion"}},a={},l=[...r.RM,{value:"\u53c2\u7167",id:"see-also",level:2}];function u(e){const t={a:"a",blockquote:"blockquote",h1:"h1",h2:"h2",header:"header",li:"li",p:"p",ul:"ul",...(0,s.R)(),...e.components};return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(t.header,{children:(0,n.jsx)(t.h1,{id:"\u30a8\u30f3\u30c6\u30a3\u30c6\u30a3\u306e\u5206\u96e2",children:"\u30a8\u30f3\u30c6\u30a3\u30c6\u30a3\u306e\u5206\u96e2"})}),"\n",(0,n.jsx)(r.Ay,{ticket:"202"}),"\n",(0,n.jsxs)(t.blockquote,{children:["\n",(0,n.jsx)(t.p,{children:"\u30bf\u30a4\u30d7\u306e\u30af\u30ed\u30b9\u30a4\u30f3\u30dd\u30fc\u30c8\u3001\u30a2\u30c0\u30d7\u30bf\u30fc\u3001\u30a8\u30f3\u30c6\u30a3\u30c6\u30a3\u9593\u306e\u660e\u793a\u7684\u306a\u95a2\u4fc2\u306e\u69cb\u7bc9\u306b\u3064\u3044\u3066"}),"\n"]}),"\n",(0,n.jsxs)(t.blockquote,{children:["\n",(0,n.jsx)(t.p,{children:"\u307e\u305f\u3001\u795e\u8a71\u7684\u306a\u5b8c\u5168\u306b\u5206\u96e2\u3055\u308c\u305f\u30a8\u30f3\u30c6\u30a3\u30c6\u30a3\u306b\u3064\u3044\u3066\u3082"}),"\n"]}),"\n",(0,n.jsx)(t.h2,{id:"see-also",children:"\u53c2\u7167"}),"\n",(0,n.jsxs)(t.ul,{children:["\n",(0,n.jsx)(t.li,{children:(0,n.jsx)(t.a,{href:"https://t.me/feature_sliced/3633",children:"(\u30b9\u30ec\u30c3\u30c9) \u30a8\u30f3\u30c6\u30a3\u30c6\u30a3\u306e\u5206\u89e3\u3068\u660e\u793a\u7684\u306a\u95a2\u4fc2\u306e\u69cb\u7bc9\u306b\u95a2\u3059\u308b\u30e1\u30e2"})}),"\n",(0,n.jsx)(t.li,{children:(0,n.jsx)(t.a,{href:"https://t.me/feature_sliced/3316",children:"(\u30b9\u30ec\u30c3\u30c9) \u300c\u95a2\u9023\u3059\u308b\u30a8\u30f3\u30c6\u30a3\u30c6\u30a3\u300d\uff08\u30e6\u30fc\u30b6\u30fc/\u30da\u30c3\u30c8/\u53cb\u4eba\uff09\u306e\u5206\u89e3\u306e\u4f8b"})}),"\n",(0,n.jsx)(t.li,{children:(0,n.jsx)(t.a,{href:"https://t.me/feature_sliced/4276",children:"(\u30b9\u30ec\u30c3\u30c9) \u30a8\u30f3\u30c6\u30a3\u30c6\u30a3\u306b\u304a\u3051\u308b\u30bf\u30a4\u30d7/\u30a2\u30c0\u30d7\u30bf\u30fc\u306e\u30af\u30ed\u30b9\u30a4\u30f3\u30dd\u30fc\u30c8\u306b\u3064\u3044\u3066"})}),"\n",(0,n.jsx)(t.li,{children:(0,n.jsx)(t.a,{href:"https://t.me/feature_sliced/4521",children:"(\u30b9\u30ec\u30c3\u30c9) \u30a8\u30f3\u30c6\u30a3\u30c6\u30a3\u3068\u6a5f\u80fd\u306e\u5883\u754c\u306b\u3064\u3044\u3066"})}),"\n"]})]})}function h(e={}){const{wrapper:t}={...(0,s.R)(),...e.components};return t?(0,n.jsx)(t,{...e,children:(0,n.jsx)(u,{...e})}):u(e)}},1100:(e,t,i)=>{i.d(t,{R:()=>c,x:()=>o});var n=i(758);const s={},r=n.createContext(s);function c(e){const t=n.useContext(r);return n.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function o(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(s):e.components||s:c(e.components),n.createElement(r.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
+"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[5193],{1928:(e,t,i)=>{i.d(t,{Ay:()=>l,RM:()=>d});var n=i(6070),s=i(1100),r=(i(758),i(6783)),c=i(7765);const o=e=>{let{ticket:t}=e;const i=`https://github.com/feature-sliced/documentation/issues/${t}`;return(0,n.jsxs)("div",{children:[(0,n.jsx)("p",{children:(0,c.T)({id:"shared.wip.title"})}),(0,n.jsx)("p",{children:(0,c.T)({id:"shared.wip.subtitle"})}),(0,n.jsxs)("ul",{children:[(0,n.jsxs)("li",{children:[(0,c.T)({id:"shared.wip.var.feedback.base"}),(0,n.jsx)(r.A,{to:i,children:(0,c.T)({id:"shared.wip.var.feedback.link"})})]}),(0,n.jsxs)("li",{children:[(0,c.T)({id:"shared.wip.var.material.base"}),(0,n.jsx)(r.A,{to:"https://t.me/feature_sliced",children:(0,c.T)({id:"shared.wip.var.material.link"})})]}),(0,n.jsxs)("li",{children:[(0,c.T)({id:"shared.wip.var.contribute.base"}),(0,n.jsx)(r.A,{to:"https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md",children:(0,c.T)({id:"shared.wip.var.contribute.link"})})]})]}),(0,n.jsx)("br",{}),(0,n.jsx)("p",{children:(0,n.jsx)("i",{children:"\ud83c\udf70 Stay tuned!"})})]})},d=[];function a(e){const t={admonition:"admonition",...(0,s.R)(),...e.components};return(0,n.jsx)(t.admonition,{title:"WIP",type:"caution",children:(0,n.jsx)(o,{ticket:e.ticket})})}function l(e={}){const{wrapper:t}={...(0,s.R)(),...e.components};return t?(0,n.jsx)(t,{...e,children:(0,n.jsx)(a,{...e})}):a(e)}},5686:(e,t,i)=>{i.r(t),i.d(t,{assets:()=>a,contentTitle:()=>o,default:()=>h,frontMatter:()=>c,metadata:()=>d,toc:()=>l});var n=i(6070),s=i(1100),r=i(1928);const c={sidebar_position:2,sidebar_class_name:"sidebar-item--wip"},o="\u30a8\u30f3\u30c6\u30a3\u30c6\u30a3\u306e\u5206\u96e2",d={id:"reference/isolation/decouple-entities",title:"\u30a8\u30f3\u30c6\u30a3\u30c6\u30a3\u306e\u5206\u96e2",description:"\u30bf\u30a4\u30d7\u306e\u30af\u30ed\u30b9\u30a4\u30f3\u30dd\u30fc\u30c8\u3001\u30a2\u30c0\u30d7\u30bf\u30fc\u3001\u30a8\u30f3\u30c6\u30a3\u30c6\u30a3\u9593\u306e\u660e\u793a\u7684\u306a\u95a2\u4fc2\u306e\u69cb\u7bc9\u306b\u3064\u3044\u3066",source:"@site/i18n/ja/docusaurus-plugin-content-docs/current/reference/isolation/decouple-entities.mdx",sourceDirName:"reference/isolation",slug:"/reference/isolation/decouple-entities",permalink:"/ja/docs/reference/isolation/decouple-entities",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/ja/docusaurus-plugin-content-docs/current/reference/isolation/decouple-entities.mdx",tags:[],version:"current",lastUpdatedAt:1728325386e3,sidebarPosition:2,frontMatter:{sidebar_position:2,sidebar_class_name:"sidebar-item--wip"},sidebar:"referenceSidebar",previous:{title:"\u4f4e\u7d50\u5408\u3068\u9ad8\u51dd\u96c6",permalink:"/ja/docs/reference/isolation/coupling-cohesion"}},a={},l=[...r.RM,{value:"\u53c2\u7167",id:"see-also",level:2}];function u(e){const t={a:"a",blockquote:"blockquote",h1:"h1",h2:"h2",header:"header",li:"li",p:"p",ul:"ul",...(0,s.R)(),...e.components};return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(t.header,{children:(0,n.jsx)(t.h1,{id:"\u30a8\u30f3\u30c6\u30a3\u30c6\u30a3\u306e\u5206\u96e2",children:"\u30a8\u30f3\u30c6\u30a3\u30c6\u30a3\u306e\u5206\u96e2"})}),"\n",(0,n.jsx)(r.Ay,{ticket:"202"}),"\n",(0,n.jsxs)(t.blockquote,{children:["\n",(0,n.jsx)(t.p,{children:"\u30bf\u30a4\u30d7\u306e\u30af\u30ed\u30b9\u30a4\u30f3\u30dd\u30fc\u30c8\u3001\u30a2\u30c0\u30d7\u30bf\u30fc\u3001\u30a8\u30f3\u30c6\u30a3\u30c6\u30a3\u9593\u306e\u660e\u793a\u7684\u306a\u95a2\u4fc2\u306e\u69cb\u7bc9\u306b\u3064\u3044\u3066"}),"\n"]}),"\n",(0,n.jsxs)(t.blockquote,{children:["\n",(0,n.jsx)(t.p,{children:"\u307e\u305f\u3001\u795e\u8a71\u7684\u306a\u5b8c\u5168\u306b\u5206\u96e2\u3055\u308c\u305f\u30a8\u30f3\u30c6\u30a3\u30c6\u30a3\u306b\u3064\u3044\u3066\u3082"}),"\n"]}),"\n",(0,n.jsx)(t.h2,{id:"see-also",children:"\u53c2\u7167"}),"\n",(0,n.jsxs)(t.ul,{children:["\n",(0,n.jsx)(t.li,{children:(0,n.jsx)(t.a,{href:"https://t.me/feature_sliced/3633",children:"(\u30b9\u30ec\u30c3\u30c9) \u30a8\u30f3\u30c6\u30a3\u30c6\u30a3\u306e\u5206\u89e3\u3068\u660e\u793a\u7684\u306a\u95a2\u4fc2\u306e\u69cb\u7bc9\u306b\u95a2\u3059\u308b\u30e1\u30e2"})}),"\n",(0,n.jsx)(t.li,{children:(0,n.jsx)(t.a,{href:"https://t.me/feature_sliced/3316",children:"(\u30b9\u30ec\u30c3\u30c9) \u300c\u95a2\u9023\u3059\u308b\u30a8\u30f3\u30c6\u30a3\u30c6\u30a3\u300d\uff08\u30e6\u30fc\u30b6\u30fc/\u30da\u30c3\u30c8/\u53cb\u4eba\uff09\u306e\u5206\u89e3\u306e\u4f8b"})}),"\n",(0,n.jsx)(t.li,{children:(0,n.jsx)(t.a,{href:"https://t.me/feature_sliced/4276",children:"(\u30b9\u30ec\u30c3\u30c9) \u30a8\u30f3\u30c6\u30a3\u30c6\u30a3\u306b\u304a\u3051\u308b\u30bf\u30a4\u30d7/\u30a2\u30c0\u30d7\u30bf\u30fc\u306e\u30af\u30ed\u30b9\u30a4\u30f3\u30dd\u30fc\u30c8\u306b\u3064\u3044\u3066"})}),"\n",(0,n.jsx)(t.li,{children:(0,n.jsx)(t.a,{href:"https://t.me/feature_sliced/4521",children:"(\u30b9\u30ec\u30c3\u30c9) \u30a8\u30f3\u30c6\u30a3\u30c6\u30a3\u3068\u6a5f\u80fd\u306e\u5883\u754c\u306b\u3064\u3044\u3066"})}),"\n"]})]})}function h(e={}){const{wrapper:t}={...(0,s.R)(),...e.components};return t?(0,n.jsx)(t,{...e,children:(0,n.jsx)(u,{...e})}):u(e)}},1100:(e,t,i)=>{i.d(t,{R:()=>c,x:()=>o});var n=i(758);const s={},r=n.createContext(s);function c(e){const t=n.useContext(r);return n.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function o(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(s):e.components||s:c(e.components),n.createElement(r.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
diff --git a/ja/assets/js/a61c55ce.6feb55a0.js b/ja/assets/js/a61c55ce.74f2f5f7.js
similarity index 63%
rename from ja/assets/js/a61c55ce.6feb55a0.js
rename to ja/assets/js/a61c55ce.74f2f5f7.js
index c9cbb0d5b9..aa37c4829c 100644
--- a/ja/assets/js/a61c55ce.6feb55a0.js
+++ b/ja/assets/js/a61c55ce.74f2f5f7.js
@@ -1,2 +1,2 @@
-/*! For license information please see a61c55ce.6feb55a0.js.LICENSE.txt */
-"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[8964],{1350:(e,t,n)=>{n.d(t,{A:()=>r});var a=n(991),s=n(758);const c={icon:{tag:"svg",attrs:{viewBox:"64 64 896 896",focusable:"false"},children:[{tag:"path",attrs:{d:"M908.1 353.1l-253.9-36.9L540.7 86.1c-3.1-6.3-8.2-11.4-14.5-14.5-15.8-7.8-35-1.3-42.9 14.5L369.8 316.2l-253.9 36.9c-7 1-13.4 4.3-18.3 9.3a32.05 32.05 0 00.6 45.3l183.7 179.1-43.4 252.9a31.95 31.95 0 0046.4 33.7L512 754l227.1 119.4c6.2 3.3 13.4 4.4 20.3 3.2 17.4-3 29.1-19.5 26.1-36.9l-43.4-252.9 183.7-179.1c5-4.9 8.3-11.3 9.3-18.3 2.7-17.5-9.5-33.7-27-36.3zM664.8 561.6l36.1 210.3L512 672.7 323.1 772l36.1-210.3-152.8-149L417.6 382 512 190.7 606.4 382l211.2 30.7-152.8 148.9z"}}]},name:"star",theme:"outlined"};var o=n(9820),i=function(e,t){return s.createElement(o.A,(0,a.A)({},e,{ref:t,icon:c}))};const r=s.forwardRef(i)},1825:(e,t,n)=>{n.d(t,{A:()=>r});var a=n(991),s=n(758);const c={icon:{tag:"svg",attrs:{viewBox:"64 64 896 896",focusable:"false"},children:[{tag:"path",attrs:{d:"M824.2 699.9a301.55 301.55 0 00-86.4-60.4C783.1 602.8 812 546.8 812 484c0-110.8-92.4-201.7-203.2-200-109.1 1.7-197 90.6-197 200 0 62.8 29 118.8 74.2 155.5a300.95 300.95 0 00-86.4 60.4C345 754.6 314 826.8 312 903.8a8 8 0 008 8.2h56c4.3 0 7.9-3.4 8-7.7 1.9-58 25.4-112.3 66.7-153.5A226.62 226.62 0 01612 684c60.9 0 118.2 23.7 161.3 66.8C814.5 792 838 846.3 840 904.3c.1 4.3 3.7 7.7 8 7.7h56a8 8 0 008-8.2c-2-77-33-149.2-87.8-203.9zM612 612c-34.2 0-66.4-13.3-90.5-37.5a126.86 126.86 0 01-37.5-91.8c.3-32.8 13.4-64.5 36.3-88 24-24.6 56.1-38.3 90.4-38.7 33.9-.3 66.8 12.9 91 36.6 24.8 24.3 38.4 56.8 38.4 91.4 0 34.2-13.3 66.3-37.5 90.5A127.3 127.3 0 01612 612zM361.5 510.4c-.9-8.7-1.4-17.5-1.4-26.4 0-15.9 1.5-31.4 4.3-46.5.7-3.6-1.2-7.3-4.5-8.8-13.6-6.1-26.1-14.5-36.9-25.1a127.54 127.54 0 01-38.7-95.4c.9-32.1 13.8-62.6 36.3-85.6 24.7-25.3 57.9-39.1 93.2-38.7 31.9.3 62.7 12.6 86 34.4 7.9 7.4 14.7 15.6 20.4 24.4 2 3.1 5.9 4.4 9.3 3.2 17.6-6.1 36.2-10.4 55.3-12.4 5.6-.6 8.8-6.6 6.3-11.6-32.5-64.3-98.9-108.7-175.7-109.9-110.9-1.7-203.3 89.2-203.3 199.9 0 62.8 28.9 118.8 74.2 155.5-31.8 14.7-61.1 35-86.5 60.4-54.8 54.7-85.8 126.9-87.8 204a8 8 0 008 8.2h56.1c4.3 0 7.9-3.4 8-7.7 1.9-58 25.4-112.3 66.7-153.5 29.4-29.4 65.4-49.8 104.7-59.7 3.9-1 6.5-4.7 6-8.7z"}}]},name:"team",theme:"outlined"};var o=n(9820),i=function(e,t){return s.createElement(o.A,(0,a.A)({},e,{ref:t,icon:c}))};const r=s.forwardRef(i)},738:(e,t,n)=>{n.r(t),n.d(t,{assets:()=>A,contentTitle:()=>g,default:()=>_,frontMatter:()=>v,metadata:()=>j,toc:()=>C});var a=n(6070),s=n(1100),c=n(7946),o=n(1350),i=n(1825),r=n(991),l=n(758);const d={icon:{tag:"svg",attrs:{viewBox:"64 64 896 896",focusable:"false"},children:[{tag:"defs",attrs:{},children:[{tag:"style",attrs:{}}]},{tag:"path",attrs:{d:"M447.8 588.8l-7.3-32.5c-.2-1-.6-1.9-1.1-2.7a7.94 7.94 0 00-11.1-2.2L405 567V411c0-4.4-3.6-8-8-8h-81c-4.4 0-8 3.6-8 8v36c0 4.4 3.6 8 8 8h37v192.4a8 8 0 0012.7 6.5l79-56.8c2.6-1.9 3.8-5.1 3.1-8.3zm-56.7-216.6l.2.2c3.2 3 8.3 2.8 11.3-.5l24.1-26.2a8.1 8.1 0 00-.3-11.2l-53.7-52.1a8 8 0 00-11.2.1l-24.7 24.7c-3.1 3.1-3.1 8.2.1 11.3l54.2 53.7z"}},{tag:"path",attrs:{d:"M866.9 169.9L527.1 54.1C523 52.7 517.5 52 512 52s-11 .7-15.1 2.1L157.1 169.9c-8.3 2.8-15.1 12.4-15.1 21.2v482.4c0 8.8 5.7 20.4 12.6 25.9L499.3 968c3.5 2.7 8 4.1 12.6 4.1s9.2-1.4 12.6-4.1l344.7-268.6c6.9-5.4 12.6-17 12.6-25.9V191.1c.2-8.8-6.6-18.3-14.9-21.2zM810 654.3L512 886.5 214 654.3V226.7l298-101.6 298 101.6v427.6z"}},{tag:"path",attrs:{d:"M452 297v36c0 4.4 3.6 8 8 8h108v274h-38V405c0-4.4-3.6-8-8-8h-35c-4.4 0-8 3.6-8 8v210h-31c-4.4 0-8 3.6-8 8v37c0 4.4 3.6 8 8 8h244c4.4 0 8-3.6 8-8v-37c0-4.4-3.6-8-8-8h-72V493h58c4.4 0 8-3.6 8-8v-35c0-4.4-3.6-8-8-8h-58V341h63c4.4 0 8-3.6 8-8v-36c0-4.4-3.6-8-8-8H460c-4.4 0-8 3.6-8 8z"}}]},name:"verified",theme:"outlined"};var m=n(9820),u=function(e,t){return l.createElement(m.A,(0,r.A)({},e,{ref:t,icon:d}))};const h=l.forwardRef(u);const f={icon:{tag:"svg",attrs:{viewBox:"64 64 896 896",focusable:"false"},children:[{tag:"path",attrs:{d:"M909.6 854.5L649.9 594.8C690.2 542.7 712 479 712 412c0-80.2-31.3-155.4-87.9-212.1-56.6-56.7-132-87.9-212.1-87.9s-155.5 31.3-212.1 87.9C143.2 256.5 112 331.8 112 412c0 80.1 31.3 155.5 87.9 212.1C256.5 680.8 331.8 712 412 712c67 0 130.6-21.8 182.7-62l259.7 259.6a8.2 8.2 0 0011.6 0l43.6-43.5a8.2 8.2 0 000-11.6zM570.4 570.4C528 612.7 471.8 636 412 636s-116-23.3-158.4-65.6C211.3 528 188 471.8 188 412s23.3-116.1 65.6-158.4C296 211.3 352.2 188 412 188s116.1 23.2 158.4 65.6S636 352.2 636 412s-23.3 116.1-65.6 158.4z"}}]},name:"search",theme:"outlined"};var p=function(e,t){return l.createElement(m.A,(0,r.A)({},e,{ref:t,icon:f}))};const x=l.forwardRef(p),v={hide_table_of_contents:!0},g="\ud83d\udcab Community",j={id:"index",title:"\ud83d\udcab Community",description:"Community resources, additional materials",source:"@site/i18n/en/docusaurus-plugin-content-docs/community/index.mdx",sourceDirName:".",slug:"/",permalink:"/ja/community/",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/community/index.mdx",tags:[],version:"current",lastUpdatedBy:"ratomiru",lastUpdatedAt:1727607766e3,frontMatter:{hide_table_of_contents:!0},sidebar:"community",next:{title:"Team",permalink:"/ja/community/team"}},A={},C=[{value:"Main",id:"main",level:2},...c.RM,...c.RM,...c.RM,...c.RM];function y(e){const t={h1:"h1",h2:"h2",header:"header",p:"p",...(0,s.R)(),...e.components};return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(t.header,{children:(0,a.jsx)(t.h1,{id:"-community",children:"\ud83d\udcab Community"})}),"\n",(0,a.jsx)("p",{class:"summary",children:(0,a.jsx)(t.p,{children:"Community resources, additional materials"})}),"\n",(0,a.jsx)(t.h2,{id:"main",children:"Main"}),"\n","\n",(0,a.jsx)(c.Ay,{title:"Awesome Resources",description:"A curated list of awesome FSD videos, articles, packages",to:"https://github.com/feature-sliced/awesome",Icon:o.A}),"\n",(0,a.jsx)(c.Ay,{title:"Team",description:"Core-team, Champions, Contributors, Companies",to:"/community/team",Icon:i.A}),"\n",(0,a.jsx)(c.Ay,{title:"Brandbook",description:"Recommendations for FSD's branding usage",to:"/docs/branding",Icon:h}),"\n",(0,a.jsx)(c.Ay,{title:"Contributing",description:"HowTo, Workflow, Support",to:"#",Icon:x,disabled:!0})]})}function _(e={}){const{wrapper:t}={...(0,s.R)(),...e.components};return t?(0,a.jsx)(t,{...e,children:(0,a.jsx)(y,{...e})}):y(e)}},7946:(e,t,n)=>{n.d(t,{Ay:()=>r,RM:()=>o});var a=n(6070),s=n(1100),c=n(5988);const o=[];function i(e){return(0,a.jsx)(c.A,{...e})}function r(e={}){const{wrapper:t}={...(0,s.R)(),...e.components};return t?(0,a.jsx)(t,{...e,children:(0,a.jsx)(i,{...e})}):i(e)}},5988:(e,t,n)=>{n.d(t,{Y:()=>i,A:()=>l});n(758);var a=n(3526),s=n(6783);const c={root:"root_GfON",rootDisabled:"rootDisabled_SFUB",details:"details_xxkR",detailsTags:"detailsTags_uTQx",icon:"icon_ciqP",title:"title_pSH5",description:"description__Fep",miniTheme:"miniTheme_ePfp",primaryTheme:"primaryTheme_CilO",defaultTheme:"defaultTheme_j3I8"};var o=n(6070);const i=e=>{const{title:t,description:n,to:i,Icon:l,tags:d,className:m,disabled:u,theme:h="default"}=e;return(0,o.jsxs)(s.A,{className:(0,a.A)(c.root,m,u&&c.rootDisabled,c[`${h}Theme`]),to:i,children:[(0,o.jsx)(r,{Icon:l}),(0,o.jsxs)("div",{className:c.details,children:[(0,o.jsxs)("div",{className:c.detailsMain,children:[(0,o.jsx)("span",{className:c.title,children:t}),(0,o.jsx)("p",{className:c.description,children:n})]}),d&&(0,o.jsx)("div",{className:c.detailsTags,children:d.join(" \u2022 ")})]})]})},r=e=>{let{Icon:t}=e;return t?"string"==typeof t?(0,o.jsx)("span",{className:c.icon,children:t}):(0,o.jsx)(t,{className:c.icon}):null},l=i},1100:(e,t,n)=>{n.d(t,{R:()=>o,x:()=>i});var a=n(758);const s={},c=a.createContext(s);function o(e){const t=a.useContext(c);return a.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function i(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(s):e.components||s:o(e.components),a.createElement(c.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
+/*! For license information please see a61c55ce.74f2f5f7.js.LICENSE.txt */
+"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[8964],{1350:(e,t,n)=>{n.d(t,{A:()=>r});var a=n(991),s=n(758);const c={icon:{tag:"svg",attrs:{viewBox:"64 64 896 896",focusable:"false"},children:[{tag:"path",attrs:{d:"M908.1 353.1l-253.9-36.9L540.7 86.1c-3.1-6.3-8.2-11.4-14.5-14.5-15.8-7.8-35-1.3-42.9 14.5L369.8 316.2l-253.9 36.9c-7 1-13.4 4.3-18.3 9.3a32.05 32.05 0 00.6 45.3l183.7 179.1-43.4 252.9a31.95 31.95 0 0046.4 33.7L512 754l227.1 119.4c6.2 3.3 13.4 4.4 20.3 3.2 17.4-3 29.1-19.5 26.1-36.9l-43.4-252.9 183.7-179.1c5-4.9 8.3-11.3 9.3-18.3 2.7-17.5-9.5-33.7-27-36.3zM664.8 561.6l36.1 210.3L512 672.7 323.1 772l36.1-210.3-152.8-149L417.6 382 512 190.7 606.4 382l211.2 30.7-152.8 148.9z"}}]},name:"star",theme:"outlined"};var o=n(9820),i=function(e,t){return s.createElement(o.A,(0,a.A)({},e,{ref:t,icon:c}))};const r=s.forwardRef(i)},1825:(e,t,n)=>{n.d(t,{A:()=>r});var a=n(991),s=n(758);const c={icon:{tag:"svg",attrs:{viewBox:"64 64 896 896",focusable:"false"},children:[{tag:"path",attrs:{d:"M824.2 699.9a301.55 301.55 0 00-86.4-60.4C783.1 602.8 812 546.8 812 484c0-110.8-92.4-201.7-203.2-200-109.1 1.7-197 90.6-197 200 0 62.8 29 118.8 74.2 155.5a300.95 300.95 0 00-86.4 60.4C345 754.6 314 826.8 312 903.8a8 8 0 008 8.2h56c4.3 0 7.9-3.4 8-7.7 1.9-58 25.4-112.3 66.7-153.5A226.62 226.62 0 01612 684c60.9 0 118.2 23.7 161.3 66.8C814.5 792 838 846.3 840 904.3c.1 4.3 3.7 7.7 8 7.7h56a8 8 0 008-8.2c-2-77-33-149.2-87.8-203.9zM612 612c-34.2 0-66.4-13.3-90.5-37.5a126.86 126.86 0 01-37.5-91.8c.3-32.8 13.4-64.5 36.3-88 24-24.6 56.1-38.3 90.4-38.7 33.9-.3 66.8 12.9 91 36.6 24.8 24.3 38.4 56.8 38.4 91.4 0 34.2-13.3 66.3-37.5 90.5A127.3 127.3 0 01612 612zM361.5 510.4c-.9-8.7-1.4-17.5-1.4-26.4 0-15.9 1.5-31.4 4.3-46.5.7-3.6-1.2-7.3-4.5-8.8-13.6-6.1-26.1-14.5-36.9-25.1a127.54 127.54 0 01-38.7-95.4c.9-32.1 13.8-62.6 36.3-85.6 24.7-25.3 57.9-39.1 93.2-38.7 31.9.3 62.7 12.6 86 34.4 7.9 7.4 14.7 15.6 20.4 24.4 2 3.1 5.9 4.4 9.3 3.2 17.6-6.1 36.2-10.4 55.3-12.4 5.6-.6 8.8-6.6 6.3-11.6-32.5-64.3-98.9-108.7-175.7-109.9-110.9-1.7-203.3 89.2-203.3 199.9 0 62.8 28.9 118.8 74.2 155.5-31.8 14.7-61.1 35-86.5 60.4-54.8 54.7-85.8 126.9-87.8 204a8 8 0 008 8.2h56.1c4.3 0 7.9-3.4 8-7.7 1.9-58 25.4-112.3 66.7-153.5 29.4-29.4 65.4-49.8 104.7-59.7 3.9-1 6.5-4.7 6-8.7z"}}]},name:"team",theme:"outlined"};var o=n(9820),i=function(e,t){return s.createElement(o.A,(0,a.A)({},e,{ref:t,icon:c}))};const r=s.forwardRef(i)},738:(e,t,n)=>{n.r(t),n.d(t,{assets:()=>A,contentTitle:()=>g,default:()=>_,frontMatter:()=>v,metadata:()=>j,toc:()=>C});var a=n(6070),s=n(1100),c=n(7946),o=n(1350),i=n(1825),r=n(991),l=n(758);const d={icon:{tag:"svg",attrs:{viewBox:"64 64 896 896",focusable:"false"},children:[{tag:"defs",attrs:{},children:[{tag:"style",attrs:{}}]},{tag:"path",attrs:{d:"M447.8 588.8l-7.3-32.5c-.2-1-.6-1.9-1.1-2.7a7.94 7.94 0 00-11.1-2.2L405 567V411c0-4.4-3.6-8-8-8h-81c-4.4 0-8 3.6-8 8v36c0 4.4 3.6 8 8 8h37v192.4a8 8 0 0012.7 6.5l79-56.8c2.6-1.9 3.8-5.1 3.1-8.3zm-56.7-216.6l.2.2c3.2 3 8.3 2.8 11.3-.5l24.1-26.2a8.1 8.1 0 00-.3-11.2l-53.7-52.1a8 8 0 00-11.2.1l-24.7 24.7c-3.1 3.1-3.1 8.2.1 11.3l54.2 53.7z"}},{tag:"path",attrs:{d:"M866.9 169.9L527.1 54.1C523 52.7 517.5 52 512 52s-11 .7-15.1 2.1L157.1 169.9c-8.3 2.8-15.1 12.4-15.1 21.2v482.4c0 8.8 5.7 20.4 12.6 25.9L499.3 968c3.5 2.7 8 4.1 12.6 4.1s9.2-1.4 12.6-4.1l344.7-268.6c6.9-5.4 12.6-17 12.6-25.9V191.1c.2-8.8-6.6-18.3-14.9-21.2zM810 654.3L512 886.5 214 654.3V226.7l298-101.6 298 101.6v427.6z"}},{tag:"path",attrs:{d:"M452 297v36c0 4.4 3.6 8 8 8h108v274h-38V405c0-4.4-3.6-8-8-8h-35c-4.4 0-8 3.6-8 8v210h-31c-4.4 0-8 3.6-8 8v37c0 4.4 3.6 8 8 8h244c4.4 0 8-3.6 8-8v-37c0-4.4-3.6-8-8-8h-72V493h58c4.4 0 8-3.6 8-8v-35c0-4.4-3.6-8-8-8h-58V341h63c4.4 0 8-3.6 8-8v-36c0-4.4-3.6-8-8-8H460c-4.4 0-8 3.6-8 8z"}}]},name:"verified",theme:"outlined"};var m=n(9820),u=function(e,t){return l.createElement(m.A,(0,r.A)({},e,{ref:t,icon:d}))};const h=l.forwardRef(u);const f={icon:{tag:"svg",attrs:{viewBox:"64 64 896 896",focusable:"false"},children:[{tag:"path",attrs:{d:"M909.6 854.5L649.9 594.8C690.2 542.7 712 479 712 412c0-80.2-31.3-155.4-87.9-212.1-56.6-56.7-132-87.9-212.1-87.9s-155.5 31.3-212.1 87.9C143.2 256.5 112 331.8 112 412c0 80.1 31.3 155.5 87.9 212.1C256.5 680.8 331.8 712 412 712c67 0 130.6-21.8 182.7-62l259.7 259.6a8.2 8.2 0 0011.6 0l43.6-43.5a8.2 8.2 0 000-11.6zM570.4 570.4C528 612.7 471.8 636 412 636s-116-23.3-158.4-65.6C211.3 528 188 471.8 188 412s23.3-116.1 65.6-158.4C296 211.3 352.2 188 412 188s116.1 23.2 158.4 65.6S636 352.2 636 412s-23.3 116.1-65.6 158.4z"}}]},name:"search",theme:"outlined"};var p=function(e,t){return l.createElement(m.A,(0,r.A)({},e,{ref:t,icon:f}))};const x=l.forwardRef(p),v={hide_table_of_contents:!0},g="\ud83d\udcab Community",j={id:"index",title:"\ud83d\udcab Community",description:"Community resources, additional materials",source:"@site/i18n/en/docusaurus-plugin-content-docs/community/index.mdx",sourceDirName:".",slug:"/",permalink:"/ja/community/",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/community/index.mdx",tags:[],version:"current",lastUpdatedBy:"InJaEE",lastUpdatedAt:1728325386e3,frontMatter:{hide_table_of_contents:!0},sidebar:"community",next:{title:"Team",permalink:"/ja/community/team"}},A={},C=[{value:"Main",id:"main",level:2},...c.RM,...c.RM,...c.RM,...c.RM];function y(e){const t={h1:"h1",h2:"h2",header:"header",p:"p",...(0,s.R)(),...e.components};return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(t.header,{children:(0,a.jsx)(t.h1,{id:"-community",children:"\ud83d\udcab Community"})}),"\n",(0,a.jsx)("p",{class:"summary",children:(0,a.jsx)(t.p,{children:"Community resources, additional materials"})}),"\n",(0,a.jsx)(t.h2,{id:"main",children:"Main"}),"\n","\n",(0,a.jsx)(c.Ay,{title:"Awesome Resources",description:"A curated list of awesome FSD videos, articles, packages",to:"https://github.com/feature-sliced/awesome",Icon:o.A}),"\n",(0,a.jsx)(c.Ay,{title:"Team",description:"Core-team, Champions, Contributors, Companies",to:"/community/team",Icon:i.A}),"\n",(0,a.jsx)(c.Ay,{title:"Brandbook",description:"Recommendations for FSD's branding usage",to:"/docs/branding",Icon:h}),"\n",(0,a.jsx)(c.Ay,{title:"Contributing",description:"HowTo, Workflow, Support",to:"#",Icon:x,disabled:!0})]})}function _(e={}){const{wrapper:t}={...(0,s.R)(),...e.components};return t?(0,a.jsx)(t,{...e,children:(0,a.jsx)(y,{...e})}):y(e)}},7946:(e,t,n)=>{n.d(t,{Ay:()=>r,RM:()=>o});var a=n(6070),s=n(1100),c=n(5988);const o=[];function i(e){return(0,a.jsx)(c.A,{...e})}function r(e={}){const{wrapper:t}={...(0,s.R)(),...e.components};return t?(0,a.jsx)(t,{...e,children:(0,a.jsx)(i,{...e})}):i(e)}},5988:(e,t,n)=>{n.d(t,{Y:()=>i,A:()=>l});n(758);var a=n(3526),s=n(6783);const c={root:"root_GfON",rootDisabled:"rootDisabled_SFUB",details:"details_xxkR",detailsTags:"detailsTags_uTQx",icon:"icon_ciqP",title:"title_pSH5",description:"description__Fep",miniTheme:"miniTheme_ePfp",primaryTheme:"primaryTheme_CilO",defaultTheme:"defaultTheme_j3I8"};var o=n(6070);const i=e=>{const{title:t,description:n,to:i,Icon:l,tags:d,className:m,disabled:u,theme:h="default"}=e;return(0,o.jsxs)(s.A,{className:(0,a.A)(c.root,m,u&&c.rootDisabled,c[`${h}Theme`]),to:i,children:[(0,o.jsx)(r,{Icon:l}),(0,o.jsxs)("div",{className:c.details,children:[(0,o.jsxs)("div",{className:c.detailsMain,children:[(0,o.jsx)("span",{className:c.title,children:t}),(0,o.jsx)("p",{className:c.description,children:n})]}),d&&(0,o.jsx)("div",{className:c.detailsTags,children:d.join(" \u2022 ")})]})]})},r=e=>{let{Icon:t}=e;return t?"string"==typeof t?(0,o.jsx)("span",{className:c.icon,children:t}):(0,o.jsx)(t,{className:c.icon}):null},l=i},1100:(e,t,n)=>{n.d(t,{R:()=>o,x:()=>i});var a=n(758);const s={},c=a.createContext(s);function o(e){const t=a.useContext(c);return a.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function i(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(s):e.components||s:o(e.components),a.createElement(c.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
diff --git a/ja/assets/js/a61c55ce.6feb55a0.js.LICENSE.txt b/ja/assets/js/a61c55ce.74f2f5f7.js.LICENSE.txt
similarity index 100%
rename from ja/assets/js/a61c55ce.6feb55a0.js.LICENSE.txt
rename to ja/assets/js/a61c55ce.74f2f5f7.js.LICENSE.txt
diff --git a/ja/assets/js/a6e3103f.da985167.js b/ja/assets/js/a6e3103f.9f8767d0.js
similarity index 99%
rename from ja/assets/js/a6e3103f.da985167.js
rename to ja/assets/js/a6e3103f.9f8767d0.js
index 26ab04e2f5..e340e4c346 100644
--- a/ja/assets/js/a6e3103f.da985167.js
+++ b/ja/assets/js/a6e3103f.9f8767d0.js
@@ -1 +1 @@
-"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[2082],{1867:(n,e,s)=>{s.r(e),s.d(e,{assets:()=>d,contentTitle:()=>c,default:()=>x,frontMatter:()=>l,metadata:()=>t,toc:()=>o});var i=s(6070),r=s(1100);const l={},c="\u30e2\u30b8\u30e5\u30fc\u30eb\u306e\u5206\u96e2",t={id:"reference/isolation/index",title:"\u30e2\u30b8\u30e5\u30fc\u30eb\u306e\u5206\u96e2",description:"FSD\u306e\u67a0\u7d44\u307f\u306e\u4e2d\u3067\u3001\u3059\u3079\u3066\u306e\u30e2\u30b8\u30e5\u30fc\u30eb\u306f\u8cac\u4efb\u306e\u9818\u57df\uff08\u30ec\u30a4\u30e4\u30fc\u3001\u30b9\u30e9\u30a4\u30b9\u3001\u30bb\u30b0\u30e1\u30f3\u30c8\uff09\u306b\u5206\u914d\u3055\u308c\u3066\u3044\u307e\u3059\u3002",source:"@site/i18n/ja/docusaurus-plugin-content-docs/current/reference/isolation/index.md",sourceDirName:"reference/isolation",slug:"/reference/isolation/",permalink:"/ja/docs/reference/isolation/",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/ja/docusaurus-plugin-content-docs/current/reference/isolation/index.md",tags:[],version:"current",lastUpdatedAt:1727607766e3,frontMatter:{},sidebar:"referenceSidebar",previous:{title:"\u516c\u958bAPI",permalink:"/ja/docs/reference/public-api"},next:{title:"\u4f4e\u7d50\u5408\u3068\u9ad8\u51dd\u96c6",permalink:"/ja/docs/reference/isolation/coupling-cohesion"}},d={},o=[{value:"\u8981\u4ef6",id:"requirements",level:2},{value:"\u30eb\u30fc\u30eb",id:"rule",level:2},{value:"\u554f\u984c\u306e\u7279\u5b9a",id:"identifying-problems",level:2},{value:"\u53c2\u7167",id:"see-also",level:2}];function h(n){const e={a:"a",admonition:"admonition",code:"code",em:"em",h1:"h1",h2:"h2",header:"header",li:"li",ol:"ol",p:"p",strong:"strong",ul:"ul",...(0,r.R)(),...n.components};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(e.header,{children:(0,i.jsx)(e.h1,{id:"\u30e2\u30b8\u30e5\u30fc\u30eb\u306e\u5206\u96e2",children:"\u30e2\u30b8\u30e5\u30fc\u30eb\u306e\u5206\u96e2"})}),"\n",(0,i.jsx)(e.p,{children:"FSD\u306e\u67a0\u7d44\u307f\u306e\u4e2d\u3067\u3001\u3059\u3079\u3066\u306e\u30e2\u30b8\u30e5\u30fc\u30eb\u306f\u8cac\u4efb\u306e\u9818\u57df\uff08\u30ec\u30a4\u30e4\u30fc\u3001\u30b9\u30e9\u30a4\u30b9\u3001\u30bb\u30b0\u30e1\u30f3\u30c8\uff09\u306b\u5206\u914d\u3055\u308c\u3066\u3044\u307e\u3059\u3002"}),"\n",(0,i.jsx)(e.p,{children:"\u30ec\u30a4\u30e4\u30fc\u306f\u7e26\u306b\u7d44\u7e54\u3055\u308c\u3066\u3044\u307e\u3059\u3002"}),"\n",(0,i.jsxs)(e.ul,{children:["\n",(0,i.jsx)(e.li,{children:'"\u4e0b\u5c64"\u306b\u306f\u518d\u5229\u7528\u53ef\u80fd\u306a\u30e2\u30b8\u30e5\u30fc\u30eb\uff08ui-kit\u3001\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u306e\u5185\u90e8\u30e9\u30a4\u30d6\u30e9\u30ea\uff09\u304c\u3042\u308a\u3001\u6700\u3082\u62bd\u8c61\u7684\u3067\u3059\u3002'}),"\n",(0,i.jsx)(e.li,{children:'"\u4e0a\u5c64"\u306b\u9032\u3080\u306b\u3064\u308c\u3066\u3001\u3088\u308a\u7279\u5b9a\u7684\u306a\u30e2\u30b8\u30e5\u30fc\u30eb\u304c\u914d\u7f6e\u3055\u308c\u307e\u3059\u3002'}),"\n"]}),"\n",(0,i.jsxs)(e.p,{children:["\u3069\u306e\u30b9\u30e9\u30a4\u30b9\u306b\u5c5e\u3057\u3066\u3044\u3066\u3082\u3001\u5404\u30e2\u30b8\u30e5\u30fc\u30eb\u306f",(0,i.jsx)(e.a,{href:"/docs/reference/public-api",children:(0,i.jsx)(e.strong,{children:"\u516c\u958b\u30a2\u30af\u30bb\u30b9\u30a4\u30f3\u30bf\u30fc\u30d5\u30a7\u30fc\u30b9\u3092\u63d0\u4f9b\u3059\u308b\u7fa9\u52d9\u304c\u3042\u308a\u307e\u3059"})}),"\u3002"]}),"\n",(0,i.jsx)(e.h2,{id:"requirements",children:"\u8981\u4ef6"}),"\n",(0,i.jsx)(e.p,{children:"\u5404\u30e2\u30b8\u30e5\u30fc\u30eb\u304c\u4ed6\u306e\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u3068\u76f8\u4e92\u4f5c\u7528\u3059\u308b\u969b\u306b\u306f\u3001\u3044\u304f\u3064\u304b\u306e\u8981\u4ef6\u3092\u8003\u616e\u3057\u3066\u8a2d\u8a08\u3055\u308c\u307e\u3059\u3002"}),"\n",(0,i.jsxs)(e.ol,{children:["\n",(0,i.jsxs)(e.li,{children:[(0,i.jsx)(e.strong,{children:"\u4ed6\u306e\u30e2\u30b8\u30e5\u30fc\u30eb\u3068\u306e\u5f31\u3044\u7d50\u5408"}),"\n",(0,i.jsxs)(e.ul,{children:["\n",(0,i.jsx)(e.li,{children:(0,i.jsx)(e.em,{children:"1\u3064\u306e\u30e2\u30b8\u30e5\u30fc\u30eb\u306e\u5909\u66f4\u306f\u3001\u4ed6\u306e\u30e2\u30b8\u30e5\u30fc\u30eb\u306b\u5bfe\u3057\u3066\u5f31\u304f\u4e88\u6e2c\u53ef\u80fd\u306a\u5f71\u97ff\u3092\u4e0e\u3048\u308b\u3079\u304d\u3067\u3059\u3002"})}),"\n"]}),"\n"]}),"\n",(0,i.jsxs)(e.li,{children:[(0,i.jsx)(e.strong,{children:"\u9ad8\u3044\u7d50\u5408\u6027"})," - \u5404\u30e2\u30b8\u30e5\u30fc\u30eb\u306e\u8cac\u4efb\u306f\u300c1\u3064\u306e\u30bf\u30b9\u30af\u300d\u306b\u7126\u70b9\u3092\u5f53\u3066\u3066\u3044\u307e\u3059\u3002","\n",(0,i.jsxs)(e.ul,{children:["\n",(0,i.jsx)(e.li,{children:(0,i.jsx)(e.em,{children:"\u30e2\u30b8\u30e5\u30fc\u30eb\u304c\u3042\u307e\u308a\u306b\u3082\u591a\u304f\u306e\u8cac\u4efb\u3092\u6301\u3064\u5834\u5408\uff08\u300c\u3084\u308a\u3059\u304e\u308b\u300d\u5834\u5408\uff09\u3001\u305d\u308c\u306f\u3067\u304d\u308b\u3060\u3051\u65e9\u304f\u8a8d\u8b58\u3055\u308c\u308b\u3079\u304d\u3067\u3059\u3002"})}),"\n"]}),"\n"]}),"\n",(0,i.jsxs)(e.li,{children:[(0,i.jsx)(e.strong,{children:"\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u5168\u4f53\u3067\u306e\u5faa\u74b0\u4f9d\u5b58\u306e\u4e0d\u5728"}),"\n",(0,i.jsxs)(e.ul,{children:["\n",(0,i.jsx)(e.li,{children:(0,i.jsx)(e.em,{children:"\u3053\u308c\u306f\u3057\u3070\u3057\u3070\u4e88\u671f\u3057\u306a\u3044\u671b\u307e\u3057\u304f\u306a\u3044\u52d5\u4f5c\u3092\u5f15\u304d\u8d77\u3053\u3059\u305f\u3081\u3001\u5b8c\u5168\u306b\u907f\u3051\u308b\u3079\u304d\u3067\u3059\u3002"})}),"\n"]}),"\n"]}),"\n"]}),"\n",(0,i.jsx)(e.h2,{id:"rule",children:"\u30eb\u30fc\u30eb"}),"\n",(0,i.jsx)(e.p,{children:"\u3053\u308c\u3089\u306e\u8981\u4ef6\u3092\u6e80\u305f\u3059\u305f\u3081\u306b\u3001\u65b9\u6cd5\u8ad6\u306e\u67a0\u7d44\u307f\u306e\u4e2d\u3067\u57fa\u672c\u7684\u306a\u30eb\u30fc\u30eb\u3092\u5b88\u308b\u5fc5\u8981\u304c\u3042\u308a\u307e\u3059\u3002"}),"\n",(0,i.jsx)(e.admonition,{title:"\u91cd\u8981",type:"info",children:(0,i.jsx)(e.p,{children:"\u30e2\u30b8\u30e5\u30fc\u30eb\u306f\u300c\u4e0b\u5c64\u300d\u306e\u30e2\u30b8\u30e5\u30fc\u30eb\u306b\u306e\u307f\u4f9d\u5b58\u3067\u304d\u3001\u540c\u3058\u5c64\u307e\u305f\u306f\u305d\u308c\u4ee5\u4e0a\u306e\u5c64\u306e\u30e2\u30b8\u30e5\u30fc\u30eb\u306b\u306f\u4f9d\u5b58\u3067\u304d\u307e\u305b\u3093\u3002"})}),"\n",(0,i.jsxs)(e.ul,{children:["\n",(0,i.jsxs)(e.li,{children:[(0,i.jsx)(e.code,{children:"features/auth"})," ",(0,i.jsx)(e.strong,{children:"\u306f"})," ",(0,i.jsx)(e.code,{children:"features/filters"})," ",(0,i.jsx)(e.strong,{children:"\u306b\u4f9d\u5b58\u3067\u304d\u307e\u305b\u3093"})," ",(0,i.jsx)(e.strong,{children:"\u3057\u3001\u9006\u3082\u540c\u69d8\u3067\u3059\u3002"})]}),"\n",(0,i.jsxs)(e.li,{children:[(0,i.jsx)(e.code,{children:"features/auth"})," ",(0,i.jsx)(e.strong,{children:"\u306f"})," ",(0,i.jsx)(e.code,{children:"shared/ui/button"})," ",(0,i.jsx)(e.strong,{children:"\u306b\u4f9d\u5b58\u3067\u304d\u307e\u3059\u304c\u3001\u9006\u306f\u3067\u304d\u307e\u305b\u3093\u3002"})]}),"\n"]}),"\n",(0,i.jsxs)(e.p,{children:["\u3053\u306e\u30eb\u30fc\u30eb\u306b\u5f93\u3046\u3053\u3068\u3067\u3001\u4f9d\u5b58\u95a2\u4fc2\u3092**\u300c\u4e00\u65b9\u5411\u300d\u306b\u4fdd\u3064",(0,i.jsx)(e.strong,{children:"\u3053\u3068\u304c\u3067\u304d\u3001\u3053\u308c\u306b\u3088\u308a"}),"\u5faa\u74b0\u30a4\u30f3\u30dd\u30fc\u30c8\u3092\u81ea\u52d5\u7684\u306b\u6392\u9664\u3057**\u3001\u30e2\u30b8\u30e5\u30fc\u30eb\u9593\u306e\u4f9d\u5b58\u95a2\u4fc2\u306e\u8ffd\u8de1\u3092\u5927\u5e45\u306b",(0,i.jsx)(e.strong,{children:"\u7c21\u7d20\u5316"}),"\u3057\u307e\u3059\u3002"]}),"\n",(0,i.jsx)(e.h2,{id:"identifying-problems",children:"\u554f\u984c\u306e\u7279\u5b9a"}),"\n",(0,i.jsx)(e.p,{children:"\u3053\u306e\u30eb\u30fc\u30eb\u306e\u9055\u53cd\u306f\u554f\u984c\u306e\u4fe1\u53f7\u3067\u3059\u3002"}),"\n",(0,i.jsxs)(e.ol,{children:["\n",(0,i.jsxs)(e.li,{children:["\u30e2\u30b8\u30e5\u30fc\u30eb\u304c\u81ea\u5c64\u306e\u4ed6\u306e\u30e2\u30b8\u30e5\u30fc\u30eb\u304b\u3089",(0,i.jsx)(e.strong,{children:"\u30a4\u30f3\u30dd\u30fc\u30c8\u3092\u6301\u3064"}),"\n",(0,i.jsxs)(e.ul,{children:["\n",(0,i.jsxs)(e.li,{children:["\u30e2\u30b8\u30e5\u30fc\u30eb\u304c",(0,i.jsx)(e.strong,{children:"\u904e\u5270\u306b\u7d30\u5206\u5316\u3055\u308c\u3066\u3044\u308b"}),"\u304b\u3001",(0,i.jsx)(e.strong,{children:"\u4f59\u5206\u306a\u8cac\u4efb\u3092\u6301\u3063\u3066\u3044\u308b"}),"\u53ef\u80fd\u6027\u304c\u3042\u308a\u307e\u3059\u3002"]}),"\n",(0,i.jsxs)(e.li,{children:["\u30a4\u30f3\u30dd\u30fc\u30c8\u3055\u308c\u305f\u30e2\u30b8\u30e5\u30fc\u30eb\u3068",(0,i.jsx)(e.strong,{children:"\u7d71\u5408\u3059\u308b"}),"\u304b\u3001",(0,i.jsx)(e.strong,{children:"\u90e8\u5206\u7684\u307e\u305f\u306f\u5b8c\u5168\u306b\u4e0b\u5c64\u306b\u79fb\u52d5\u3059\u308b"}),"\u304b\u3001\u4e0a\u5c64\u306e\u30e2\u30b8\u30e5\u30fc\u30eb\u306b\u4f9d\u5b58\u95a2\u4fc2\u306e\u30ed\u30b8\u30c3\u30af\u3092\u79fb\u52d5\u3059\u308b\u5fc5\u8981\u304c\u3042\u308a\u307e\u3059\u3002"]}),"\n"]}),"\n"]}),"\n",(0,i.jsxs)(e.li,{children:["\u30e2\u30b8\u30e5\u30fc\u30eb\u304c\u81ea\u5c64\u306e\u591a\u304f\u306e\u30e2\u30b8\u30e5\u30fc\u30eb\u304b\u3089",(0,i.jsx)(e.strong,{children:"\u30a4\u30f3\u30dd\u30fc\u30c8\u3055\u308c\u308b"}),"\n",(0,i.jsxs)(e.ul,{children:["\n",(0,i.jsxs)(e.li,{children:["\u30e2\u30b8\u30e5\u30fc\u30eb\u304c",(0,i.jsx)(e.strong,{children:"\u4f59\u5206\u306a\u8cac\u4efb\u3092\u6301\u3063\u3066\u3044\u308b"}),"\u53ef\u80fd\u6027\u304c\u3042\u308a\u307e\u3059\u3002"]}),"\n",(0,i.jsxs)(e.li,{children:[(0,i.jsx)(e.strong,{children:"\u90e8\u5206\u7684\u307e\u305f\u306f\u5b8c\u5168\u306b\u4e0b\u5c64\u306b\u79fb\u52d5\u3059\u308b"}),"\u304b\u3001\u4e0a\u5c64\u306e\u30e2\u30b8\u30e5\u30fc\u30eb\u306b\u4f9d\u5b58\u95a2\u4fc2\u306e\u30ed\u30b8\u30c3\u30af\u3092\u79fb\u52d5\u3059\u308b\u5fc5\u8981\u304c\u3042\u308a\u307e\u3059\u3002"]}),"\n"]}),"\n"]}),"\n",(0,i.jsxs)(e.li,{children:["\u30e2\u30b8\u30e5\u30fc\u30eb\u304c\u81ea\u5c64\u306e\u591a\u304f\u306e\u30e2\u30b8\u30e5\u30fc\u30eb\u304b\u3089",(0,i.jsx)(e.strong,{children:"\u30a4\u30f3\u30dd\u30fc\u30c8\u3092\u6301\u3064"}),"\n",(0,i.jsxs)(e.ul,{children:["\n",(0,i.jsxs)(e.li,{children:["\u30e2\u30b8\u30e5\u30fc\u30eb\u304c",(0,i.jsx)(e.strong,{children:"\u5225\u306e\u8cac\u4efb\u9818\u57df\u306b\u5c5e\u3057\u3066\u3044\u308b"}),"\u53ef\u80fd\u6027\u304c\u3042\u308a\u307e\u3059\u3002"]}),"\n",(0,i.jsxs)(e.li,{children:[(0,i.jsx)(e.strong,{children:"\u90e8\u5206\u7684\u307e\u305f\u306f\u5b8c\u5168\u306b\u4e0a\u5c64\u306b\u79fb\u52d5\u3059\u308b"}),"\u5fc5\u8981\u304c\u3042\u308a\u307e\u3059\u3002"]}),"\n"]}),"\n"]}),"\n"]}),"\n",(0,i.jsx)(e.h2,{id:"see-also",children:"\u53c2\u7167"}),"\n",(0,i.jsxs)(e.ul,{children:["\n",(0,i.jsx)(e.li,{children:(0,i.jsx)(e.a,{href:"/docs/reference/isolation/coupling-cohesion",children:"(\u30ac\u30a4\u30c9) \u4f4e\u3044\u7d50\u5408\u6027\u306e\u9054\u6210\u306b\u3064\u3044\u3066"})}),"\n",(0,i.jsx)(e.li,{children:(0,i.jsx)(e.a,{href:"https://github.com/feature-sliced/documentation/discussions/49",children:"(\u30c7\u30a3\u30b9\u30ab\u30c3\u30b7\u30e7\u30f3) \u65b9\u6cd5\u8ad6\u306b\u304a\u3051\u308b\u30a8\u30f3\u30c6\u30a3\u30c6\u30a3\u3068\u305d\u306e\u7d50\u5408\u6027"})}),"\n",(0,i.jsx)(e.li,{children:(0,i.jsx)(e.a,{href:"https://github.com/feature-sliced/documentation/discussions/65#discussioncomment-480822",children:"(\u30c7\u30a3\u30b9\u30ab\u30c3\u30b7\u30e7\u30f3) \u30af\u30ed\u30b9\u30a4\u30f3\u30dd\u30fc\u30c8\u3068\u4f9d\u5b58\u95a2\u4fc2\u306e\u5206\u6790\u306b\u3064\u3044\u3066"})}),"\n",(0,i.jsx)(e.li,{children:(0,i.jsxs)(e.a,{href:"https://ru.wikipedia.org/wiki/GRASP",children:["\u30d1\u30bf\u30fc\u30f3 ",(0,i.jsx)(e.strong,{children:"GRASP"})]})}),"\n"]})]})}function x(n={}){const{wrapper:e}={...(0,r.R)(),...n.components};return e?(0,i.jsx)(e,{...n,children:(0,i.jsx)(h,{...n})}):h(n)}},1100:(n,e,s)=>{s.d(e,{R:()=>c,x:()=>t});var i=s(758);const r={},l=i.createContext(r);function c(n){const e=i.useContext(l);return i.useMemo((function(){return"function"==typeof n?n(e):{...e,...n}}),[e,n])}function t(n){let e;return e=n.disableParentContext?"function"==typeof n.components?n.components(r):n.components||r:c(n.components),i.createElement(l.Provider,{value:e},n.children)}}}]);
\ No newline at end of file
+"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[2082],{1867:(n,e,s)=>{s.r(e),s.d(e,{assets:()=>d,contentTitle:()=>c,default:()=>x,frontMatter:()=>l,metadata:()=>t,toc:()=>o});var i=s(6070),r=s(1100);const l={},c="\u30e2\u30b8\u30e5\u30fc\u30eb\u306e\u5206\u96e2",t={id:"reference/isolation/index",title:"\u30e2\u30b8\u30e5\u30fc\u30eb\u306e\u5206\u96e2",description:"FSD\u306e\u67a0\u7d44\u307f\u306e\u4e2d\u3067\u3001\u3059\u3079\u3066\u306e\u30e2\u30b8\u30e5\u30fc\u30eb\u306f\u8cac\u4efb\u306e\u9818\u57df\uff08\u30ec\u30a4\u30e4\u30fc\u3001\u30b9\u30e9\u30a4\u30b9\u3001\u30bb\u30b0\u30e1\u30f3\u30c8\uff09\u306b\u5206\u914d\u3055\u308c\u3066\u3044\u307e\u3059\u3002",source:"@site/i18n/ja/docusaurus-plugin-content-docs/current/reference/isolation/index.md",sourceDirName:"reference/isolation",slug:"/reference/isolation/",permalink:"/ja/docs/reference/isolation/",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/ja/docusaurus-plugin-content-docs/current/reference/isolation/index.md",tags:[],version:"current",lastUpdatedAt:1728325386e3,frontMatter:{},sidebar:"referenceSidebar",previous:{title:"\u516c\u958bAPI",permalink:"/ja/docs/reference/public-api"},next:{title:"\u4f4e\u7d50\u5408\u3068\u9ad8\u51dd\u96c6",permalink:"/ja/docs/reference/isolation/coupling-cohesion"}},d={},o=[{value:"\u8981\u4ef6",id:"requirements",level:2},{value:"\u30eb\u30fc\u30eb",id:"rule",level:2},{value:"\u554f\u984c\u306e\u7279\u5b9a",id:"identifying-problems",level:2},{value:"\u53c2\u7167",id:"see-also",level:2}];function h(n){const e={a:"a",admonition:"admonition",code:"code",em:"em",h1:"h1",h2:"h2",header:"header",li:"li",ol:"ol",p:"p",strong:"strong",ul:"ul",...(0,r.R)(),...n.components};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(e.header,{children:(0,i.jsx)(e.h1,{id:"\u30e2\u30b8\u30e5\u30fc\u30eb\u306e\u5206\u96e2",children:"\u30e2\u30b8\u30e5\u30fc\u30eb\u306e\u5206\u96e2"})}),"\n",(0,i.jsx)(e.p,{children:"FSD\u306e\u67a0\u7d44\u307f\u306e\u4e2d\u3067\u3001\u3059\u3079\u3066\u306e\u30e2\u30b8\u30e5\u30fc\u30eb\u306f\u8cac\u4efb\u306e\u9818\u57df\uff08\u30ec\u30a4\u30e4\u30fc\u3001\u30b9\u30e9\u30a4\u30b9\u3001\u30bb\u30b0\u30e1\u30f3\u30c8\uff09\u306b\u5206\u914d\u3055\u308c\u3066\u3044\u307e\u3059\u3002"}),"\n",(0,i.jsx)(e.p,{children:"\u30ec\u30a4\u30e4\u30fc\u306f\u7e26\u306b\u7d44\u7e54\u3055\u308c\u3066\u3044\u307e\u3059\u3002"}),"\n",(0,i.jsxs)(e.ul,{children:["\n",(0,i.jsx)(e.li,{children:'"\u4e0b\u5c64"\u306b\u306f\u518d\u5229\u7528\u53ef\u80fd\u306a\u30e2\u30b8\u30e5\u30fc\u30eb\uff08ui-kit\u3001\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u306e\u5185\u90e8\u30e9\u30a4\u30d6\u30e9\u30ea\uff09\u304c\u3042\u308a\u3001\u6700\u3082\u62bd\u8c61\u7684\u3067\u3059\u3002'}),"\n",(0,i.jsx)(e.li,{children:'"\u4e0a\u5c64"\u306b\u9032\u3080\u306b\u3064\u308c\u3066\u3001\u3088\u308a\u7279\u5b9a\u7684\u306a\u30e2\u30b8\u30e5\u30fc\u30eb\u304c\u914d\u7f6e\u3055\u308c\u307e\u3059\u3002'}),"\n"]}),"\n",(0,i.jsxs)(e.p,{children:["\u3069\u306e\u30b9\u30e9\u30a4\u30b9\u306b\u5c5e\u3057\u3066\u3044\u3066\u3082\u3001\u5404\u30e2\u30b8\u30e5\u30fc\u30eb\u306f",(0,i.jsx)(e.a,{href:"/docs/reference/public-api",children:(0,i.jsx)(e.strong,{children:"\u516c\u958b\u30a2\u30af\u30bb\u30b9\u30a4\u30f3\u30bf\u30fc\u30d5\u30a7\u30fc\u30b9\u3092\u63d0\u4f9b\u3059\u308b\u7fa9\u52d9\u304c\u3042\u308a\u307e\u3059"})}),"\u3002"]}),"\n",(0,i.jsx)(e.h2,{id:"requirements",children:"\u8981\u4ef6"}),"\n",(0,i.jsx)(e.p,{children:"\u5404\u30e2\u30b8\u30e5\u30fc\u30eb\u304c\u4ed6\u306e\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u3068\u76f8\u4e92\u4f5c\u7528\u3059\u308b\u969b\u306b\u306f\u3001\u3044\u304f\u3064\u304b\u306e\u8981\u4ef6\u3092\u8003\u616e\u3057\u3066\u8a2d\u8a08\u3055\u308c\u307e\u3059\u3002"}),"\n",(0,i.jsxs)(e.ol,{children:["\n",(0,i.jsxs)(e.li,{children:[(0,i.jsx)(e.strong,{children:"\u4ed6\u306e\u30e2\u30b8\u30e5\u30fc\u30eb\u3068\u306e\u5f31\u3044\u7d50\u5408"}),"\n",(0,i.jsxs)(e.ul,{children:["\n",(0,i.jsx)(e.li,{children:(0,i.jsx)(e.em,{children:"1\u3064\u306e\u30e2\u30b8\u30e5\u30fc\u30eb\u306e\u5909\u66f4\u306f\u3001\u4ed6\u306e\u30e2\u30b8\u30e5\u30fc\u30eb\u306b\u5bfe\u3057\u3066\u5f31\u304f\u4e88\u6e2c\u53ef\u80fd\u306a\u5f71\u97ff\u3092\u4e0e\u3048\u308b\u3079\u304d\u3067\u3059\u3002"})}),"\n"]}),"\n"]}),"\n",(0,i.jsxs)(e.li,{children:[(0,i.jsx)(e.strong,{children:"\u9ad8\u3044\u7d50\u5408\u6027"})," - \u5404\u30e2\u30b8\u30e5\u30fc\u30eb\u306e\u8cac\u4efb\u306f\u300c1\u3064\u306e\u30bf\u30b9\u30af\u300d\u306b\u7126\u70b9\u3092\u5f53\u3066\u3066\u3044\u307e\u3059\u3002","\n",(0,i.jsxs)(e.ul,{children:["\n",(0,i.jsx)(e.li,{children:(0,i.jsx)(e.em,{children:"\u30e2\u30b8\u30e5\u30fc\u30eb\u304c\u3042\u307e\u308a\u306b\u3082\u591a\u304f\u306e\u8cac\u4efb\u3092\u6301\u3064\u5834\u5408\uff08\u300c\u3084\u308a\u3059\u304e\u308b\u300d\u5834\u5408\uff09\u3001\u305d\u308c\u306f\u3067\u304d\u308b\u3060\u3051\u65e9\u304f\u8a8d\u8b58\u3055\u308c\u308b\u3079\u304d\u3067\u3059\u3002"})}),"\n"]}),"\n"]}),"\n",(0,i.jsxs)(e.li,{children:[(0,i.jsx)(e.strong,{children:"\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u5168\u4f53\u3067\u306e\u5faa\u74b0\u4f9d\u5b58\u306e\u4e0d\u5728"}),"\n",(0,i.jsxs)(e.ul,{children:["\n",(0,i.jsx)(e.li,{children:(0,i.jsx)(e.em,{children:"\u3053\u308c\u306f\u3057\u3070\u3057\u3070\u4e88\u671f\u3057\u306a\u3044\u671b\u307e\u3057\u304f\u306a\u3044\u52d5\u4f5c\u3092\u5f15\u304d\u8d77\u3053\u3059\u305f\u3081\u3001\u5b8c\u5168\u306b\u907f\u3051\u308b\u3079\u304d\u3067\u3059\u3002"})}),"\n"]}),"\n"]}),"\n"]}),"\n",(0,i.jsx)(e.h2,{id:"rule",children:"\u30eb\u30fc\u30eb"}),"\n",(0,i.jsx)(e.p,{children:"\u3053\u308c\u3089\u306e\u8981\u4ef6\u3092\u6e80\u305f\u3059\u305f\u3081\u306b\u3001\u65b9\u6cd5\u8ad6\u306e\u67a0\u7d44\u307f\u306e\u4e2d\u3067\u57fa\u672c\u7684\u306a\u30eb\u30fc\u30eb\u3092\u5b88\u308b\u5fc5\u8981\u304c\u3042\u308a\u307e\u3059\u3002"}),"\n",(0,i.jsx)(e.admonition,{title:"\u91cd\u8981",type:"info",children:(0,i.jsx)(e.p,{children:"\u30e2\u30b8\u30e5\u30fc\u30eb\u306f\u300c\u4e0b\u5c64\u300d\u306e\u30e2\u30b8\u30e5\u30fc\u30eb\u306b\u306e\u307f\u4f9d\u5b58\u3067\u304d\u3001\u540c\u3058\u5c64\u307e\u305f\u306f\u305d\u308c\u4ee5\u4e0a\u306e\u5c64\u306e\u30e2\u30b8\u30e5\u30fc\u30eb\u306b\u306f\u4f9d\u5b58\u3067\u304d\u307e\u305b\u3093\u3002"})}),"\n",(0,i.jsxs)(e.ul,{children:["\n",(0,i.jsxs)(e.li,{children:[(0,i.jsx)(e.code,{children:"features/auth"})," ",(0,i.jsx)(e.strong,{children:"\u306f"})," ",(0,i.jsx)(e.code,{children:"features/filters"})," ",(0,i.jsx)(e.strong,{children:"\u306b\u4f9d\u5b58\u3067\u304d\u307e\u305b\u3093"})," ",(0,i.jsx)(e.strong,{children:"\u3057\u3001\u9006\u3082\u540c\u69d8\u3067\u3059\u3002"})]}),"\n",(0,i.jsxs)(e.li,{children:[(0,i.jsx)(e.code,{children:"features/auth"})," ",(0,i.jsx)(e.strong,{children:"\u306f"})," ",(0,i.jsx)(e.code,{children:"shared/ui/button"})," ",(0,i.jsx)(e.strong,{children:"\u306b\u4f9d\u5b58\u3067\u304d\u307e\u3059\u304c\u3001\u9006\u306f\u3067\u304d\u307e\u305b\u3093\u3002"})]}),"\n"]}),"\n",(0,i.jsxs)(e.p,{children:["\u3053\u306e\u30eb\u30fc\u30eb\u306b\u5f93\u3046\u3053\u3068\u3067\u3001\u4f9d\u5b58\u95a2\u4fc2\u3092**\u300c\u4e00\u65b9\u5411\u300d\u306b\u4fdd\u3064",(0,i.jsx)(e.strong,{children:"\u3053\u3068\u304c\u3067\u304d\u3001\u3053\u308c\u306b\u3088\u308a"}),"\u5faa\u74b0\u30a4\u30f3\u30dd\u30fc\u30c8\u3092\u81ea\u52d5\u7684\u306b\u6392\u9664\u3057**\u3001\u30e2\u30b8\u30e5\u30fc\u30eb\u9593\u306e\u4f9d\u5b58\u95a2\u4fc2\u306e\u8ffd\u8de1\u3092\u5927\u5e45\u306b",(0,i.jsx)(e.strong,{children:"\u7c21\u7d20\u5316"}),"\u3057\u307e\u3059\u3002"]}),"\n",(0,i.jsx)(e.h2,{id:"identifying-problems",children:"\u554f\u984c\u306e\u7279\u5b9a"}),"\n",(0,i.jsx)(e.p,{children:"\u3053\u306e\u30eb\u30fc\u30eb\u306e\u9055\u53cd\u306f\u554f\u984c\u306e\u4fe1\u53f7\u3067\u3059\u3002"}),"\n",(0,i.jsxs)(e.ol,{children:["\n",(0,i.jsxs)(e.li,{children:["\u30e2\u30b8\u30e5\u30fc\u30eb\u304c\u81ea\u5c64\u306e\u4ed6\u306e\u30e2\u30b8\u30e5\u30fc\u30eb\u304b\u3089",(0,i.jsx)(e.strong,{children:"\u30a4\u30f3\u30dd\u30fc\u30c8\u3092\u6301\u3064"}),"\n",(0,i.jsxs)(e.ul,{children:["\n",(0,i.jsxs)(e.li,{children:["\u30e2\u30b8\u30e5\u30fc\u30eb\u304c",(0,i.jsx)(e.strong,{children:"\u904e\u5270\u306b\u7d30\u5206\u5316\u3055\u308c\u3066\u3044\u308b"}),"\u304b\u3001",(0,i.jsx)(e.strong,{children:"\u4f59\u5206\u306a\u8cac\u4efb\u3092\u6301\u3063\u3066\u3044\u308b"}),"\u53ef\u80fd\u6027\u304c\u3042\u308a\u307e\u3059\u3002"]}),"\n",(0,i.jsxs)(e.li,{children:["\u30a4\u30f3\u30dd\u30fc\u30c8\u3055\u308c\u305f\u30e2\u30b8\u30e5\u30fc\u30eb\u3068",(0,i.jsx)(e.strong,{children:"\u7d71\u5408\u3059\u308b"}),"\u304b\u3001",(0,i.jsx)(e.strong,{children:"\u90e8\u5206\u7684\u307e\u305f\u306f\u5b8c\u5168\u306b\u4e0b\u5c64\u306b\u79fb\u52d5\u3059\u308b"}),"\u304b\u3001\u4e0a\u5c64\u306e\u30e2\u30b8\u30e5\u30fc\u30eb\u306b\u4f9d\u5b58\u95a2\u4fc2\u306e\u30ed\u30b8\u30c3\u30af\u3092\u79fb\u52d5\u3059\u308b\u5fc5\u8981\u304c\u3042\u308a\u307e\u3059\u3002"]}),"\n"]}),"\n"]}),"\n",(0,i.jsxs)(e.li,{children:["\u30e2\u30b8\u30e5\u30fc\u30eb\u304c\u81ea\u5c64\u306e\u591a\u304f\u306e\u30e2\u30b8\u30e5\u30fc\u30eb\u304b\u3089",(0,i.jsx)(e.strong,{children:"\u30a4\u30f3\u30dd\u30fc\u30c8\u3055\u308c\u308b"}),"\n",(0,i.jsxs)(e.ul,{children:["\n",(0,i.jsxs)(e.li,{children:["\u30e2\u30b8\u30e5\u30fc\u30eb\u304c",(0,i.jsx)(e.strong,{children:"\u4f59\u5206\u306a\u8cac\u4efb\u3092\u6301\u3063\u3066\u3044\u308b"}),"\u53ef\u80fd\u6027\u304c\u3042\u308a\u307e\u3059\u3002"]}),"\n",(0,i.jsxs)(e.li,{children:[(0,i.jsx)(e.strong,{children:"\u90e8\u5206\u7684\u307e\u305f\u306f\u5b8c\u5168\u306b\u4e0b\u5c64\u306b\u79fb\u52d5\u3059\u308b"}),"\u304b\u3001\u4e0a\u5c64\u306e\u30e2\u30b8\u30e5\u30fc\u30eb\u306b\u4f9d\u5b58\u95a2\u4fc2\u306e\u30ed\u30b8\u30c3\u30af\u3092\u79fb\u52d5\u3059\u308b\u5fc5\u8981\u304c\u3042\u308a\u307e\u3059\u3002"]}),"\n"]}),"\n"]}),"\n",(0,i.jsxs)(e.li,{children:["\u30e2\u30b8\u30e5\u30fc\u30eb\u304c\u81ea\u5c64\u306e\u591a\u304f\u306e\u30e2\u30b8\u30e5\u30fc\u30eb\u304b\u3089",(0,i.jsx)(e.strong,{children:"\u30a4\u30f3\u30dd\u30fc\u30c8\u3092\u6301\u3064"}),"\n",(0,i.jsxs)(e.ul,{children:["\n",(0,i.jsxs)(e.li,{children:["\u30e2\u30b8\u30e5\u30fc\u30eb\u304c",(0,i.jsx)(e.strong,{children:"\u5225\u306e\u8cac\u4efb\u9818\u57df\u306b\u5c5e\u3057\u3066\u3044\u308b"}),"\u53ef\u80fd\u6027\u304c\u3042\u308a\u307e\u3059\u3002"]}),"\n",(0,i.jsxs)(e.li,{children:[(0,i.jsx)(e.strong,{children:"\u90e8\u5206\u7684\u307e\u305f\u306f\u5b8c\u5168\u306b\u4e0a\u5c64\u306b\u79fb\u52d5\u3059\u308b"}),"\u5fc5\u8981\u304c\u3042\u308a\u307e\u3059\u3002"]}),"\n"]}),"\n"]}),"\n"]}),"\n",(0,i.jsx)(e.h2,{id:"see-also",children:"\u53c2\u7167"}),"\n",(0,i.jsxs)(e.ul,{children:["\n",(0,i.jsx)(e.li,{children:(0,i.jsx)(e.a,{href:"/docs/reference/isolation/coupling-cohesion",children:"(\u30ac\u30a4\u30c9) \u4f4e\u3044\u7d50\u5408\u6027\u306e\u9054\u6210\u306b\u3064\u3044\u3066"})}),"\n",(0,i.jsx)(e.li,{children:(0,i.jsx)(e.a,{href:"https://github.com/feature-sliced/documentation/discussions/49",children:"(\u30c7\u30a3\u30b9\u30ab\u30c3\u30b7\u30e7\u30f3) \u65b9\u6cd5\u8ad6\u306b\u304a\u3051\u308b\u30a8\u30f3\u30c6\u30a3\u30c6\u30a3\u3068\u305d\u306e\u7d50\u5408\u6027"})}),"\n",(0,i.jsx)(e.li,{children:(0,i.jsx)(e.a,{href:"https://github.com/feature-sliced/documentation/discussions/65#discussioncomment-480822",children:"(\u30c7\u30a3\u30b9\u30ab\u30c3\u30b7\u30e7\u30f3) \u30af\u30ed\u30b9\u30a4\u30f3\u30dd\u30fc\u30c8\u3068\u4f9d\u5b58\u95a2\u4fc2\u306e\u5206\u6790\u306b\u3064\u3044\u3066"})}),"\n",(0,i.jsx)(e.li,{children:(0,i.jsxs)(e.a,{href:"https://ru.wikipedia.org/wiki/GRASP",children:["\u30d1\u30bf\u30fc\u30f3 ",(0,i.jsx)(e.strong,{children:"GRASP"})]})}),"\n"]})]})}function x(n={}){const{wrapper:e}={...(0,r.R)(),...n.components};return e?(0,i.jsx)(e,{...n,children:(0,i.jsx)(h,{...n})}):h(n)}},1100:(n,e,s)=>{s.d(e,{R:()=>c,x:()=>t});var i=s(758);const r={},l=i.createContext(r);function c(n){const e=i.useContext(l);return i.useMemo((function(){return"function"==typeof n?n(e):{...e,...n}}),[e,n])}function t(n){let e;return e=n.disableParentContext?"function"==typeof n.components?n.components(r):n.components||r:c(n.components),i.createElement(l.Provider,{value:e},n.children)}}}]);
\ No newline at end of file
diff --git a/ja/assets/js/adada6d7.530dabc1.js b/ja/assets/js/adada6d7.2f22319c.js
similarity index 97%
rename from ja/assets/js/adada6d7.530dabc1.js
rename to ja/assets/js/adada6d7.2f22319c.js
index a8ecd787f9..87e2e58cb5 100644
--- a/ja/assets/js/adada6d7.530dabc1.js
+++ b/ja/assets/js/adada6d7.2f22319c.js
@@ -1 +1 @@
-"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[9385],{1928:(e,t,s)=>{s.d(t,{Ay:()=>u,RM:()=>c});var n=s(6070),i=s(1100),r=(s(758),s(6783)),d=s(7765);const a=e=>{let{ticket:t}=e;const s=`https://github.com/feature-sliced/documentation/issues/${t}`;return(0,n.jsxs)("div",{children:[(0,n.jsx)("p",{children:(0,d.T)({id:"shared.wip.title"})}),(0,n.jsx)("p",{children:(0,d.T)({id:"shared.wip.subtitle"})}),(0,n.jsxs)("ul",{children:[(0,n.jsxs)("li",{children:[(0,d.T)({id:"shared.wip.var.feedback.base"}),(0,n.jsx)(r.A,{to:s,children:(0,d.T)({id:"shared.wip.var.feedback.link"})})]}),(0,n.jsxs)("li",{children:[(0,d.T)({id:"shared.wip.var.material.base"}),(0,n.jsx)(r.A,{to:"https://t.me/feature_sliced",children:(0,d.T)({id:"shared.wip.var.material.link"})})]}),(0,n.jsxs)("li",{children:[(0,d.T)({id:"shared.wip.var.contribute.base"}),(0,n.jsx)(r.A,{to:"https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md",children:(0,d.T)({id:"shared.wip.var.contribute.link"})})]})]}),(0,n.jsx)("br",{}),(0,n.jsx)("p",{children:(0,n.jsx)("i",{children:"\ud83c\udf70 Stay tuned!"})})]})},c=[];function o(e){const t={admonition:"admonition",...(0,i.R)(),...e.components};return(0,n.jsx)(t.admonition,{title:"WIP",type:"caution",children:(0,n.jsx)(a,{ticket:e.ticket})})}function u(e={}){const{wrapper:t}={...(0,i.R)(),...e.components};return t?(0,n.jsx)(t,{...e,children:(0,n.jsx)(o,{...e})}):o(e)}},6184:(e,t,s)=>{s.r(t),s.d(t,{assets:()=>o,contentTitle:()=>a,default:()=>p,frontMatter:()=>d,metadata:()=>c,toc:()=>u});var n=s(6070),i=s(1100),r=s(1928);const d={sidebar_class_name:"sidebar-item--wip",unlisted:!0},a="SSR",c={id:"guides/examples/ssr",title:"SSR",description:"",source:"@site/i18n/ja/docusaurus-plugin-content-docs/current/guides/examples/ssr.mdx",sourceDirName:"guides/examples",slug:"/guides/examples/ssr",permalink:"/ja/docs/guides/examples/ssr",draft:!1,unlisted:!0,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/ja/docusaurus-plugin-content-docs/current/guides/examples/ssr.mdx",tags:[],version:"current",lastUpdatedAt:1727607766e3,frontMatter:{sidebar_class_name:"sidebar-item--wip",unlisted:!0},sidebar:"guidesSidebar"},o={},u=[...r.RM];function l(e){const t={h1:"h1",header:"header",...(0,i.R)(),...e.components};return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(t.header,{children:(0,n.jsx)(t.h1,{id:"ssr",children:"SSR"})}),"\n",(0,n.jsx)(r.Ay,{ticket:"173"})]})}function p(e={}){const{wrapper:t}={...(0,i.R)(),...e.components};return t?(0,n.jsx)(t,{...e,children:(0,n.jsx)(l,{...e})}):l(e)}},1100:(e,t,s)=>{s.d(t,{R:()=>d,x:()=>a});var n=s(758);const i={},r=n.createContext(i);function d(e){const t=n.useContext(r);return n.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function a(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(i):e.components||i:d(e.components),n.createElement(r.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
+"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[9385],{1928:(e,t,s)=>{s.d(t,{Ay:()=>u,RM:()=>c});var n=s(6070),i=s(1100),r=(s(758),s(6783)),d=s(7765);const a=e=>{let{ticket:t}=e;const s=`https://github.com/feature-sliced/documentation/issues/${t}`;return(0,n.jsxs)("div",{children:[(0,n.jsx)("p",{children:(0,d.T)({id:"shared.wip.title"})}),(0,n.jsx)("p",{children:(0,d.T)({id:"shared.wip.subtitle"})}),(0,n.jsxs)("ul",{children:[(0,n.jsxs)("li",{children:[(0,d.T)({id:"shared.wip.var.feedback.base"}),(0,n.jsx)(r.A,{to:s,children:(0,d.T)({id:"shared.wip.var.feedback.link"})})]}),(0,n.jsxs)("li",{children:[(0,d.T)({id:"shared.wip.var.material.base"}),(0,n.jsx)(r.A,{to:"https://t.me/feature_sliced",children:(0,d.T)({id:"shared.wip.var.material.link"})})]}),(0,n.jsxs)("li",{children:[(0,d.T)({id:"shared.wip.var.contribute.base"}),(0,n.jsx)(r.A,{to:"https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md",children:(0,d.T)({id:"shared.wip.var.contribute.link"})})]})]}),(0,n.jsx)("br",{}),(0,n.jsx)("p",{children:(0,n.jsx)("i",{children:"\ud83c\udf70 Stay tuned!"})})]})},c=[];function o(e){const t={admonition:"admonition",...(0,i.R)(),...e.components};return(0,n.jsx)(t.admonition,{title:"WIP",type:"caution",children:(0,n.jsx)(a,{ticket:e.ticket})})}function u(e={}){const{wrapper:t}={...(0,i.R)(),...e.components};return t?(0,n.jsx)(t,{...e,children:(0,n.jsx)(o,{...e})}):o(e)}},6184:(e,t,s)=>{s.r(t),s.d(t,{assets:()=>o,contentTitle:()=>a,default:()=>p,frontMatter:()=>d,metadata:()=>c,toc:()=>u});var n=s(6070),i=s(1100),r=s(1928);const d={sidebar_class_name:"sidebar-item--wip",unlisted:!0},a="SSR",c={id:"guides/examples/ssr",title:"SSR",description:"",source:"@site/i18n/ja/docusaurus-plugin-content-docs/current/guides/examples/ssr.mdx",sourceDirName:"guides/examples",slug:"/guides/examples/ssr",permalink:"/ja/docs/guides/examples/ssr",draft:!1,unlisted:!0,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/ja/docusaurus-plugin-content-docs/current/guides/examples/ssr.mdx",tags:[],version:"current",lastUpdatedAt:1728325386e3,frontMatter:{sidebar_class_name:"sidebar-item--wip",unlisted:!0},sidebar:"guidesSidebar"},o={},u=[...r.RM];function l(e){const t={h1:"h1",header:"header",...(0,i.R)(),...e.components};return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(t.header,{children:(0,n.jsx)(t.h1,{id:"ssr",children:"SSR"})}),"\n",(0,n.jsx)(r.Ay,{ticket:"173"})]})}function p(e={}){const{wrapper:t}={...(0,i.R)(),...e.components};return t?(0,n.jsx)(t,{...e,children:(0,n.jsx)(l,{...e})}):l(e)}},1100:(e,t,s)=>{s.d(t,{R:()=>d,x:()=>a});var n=s(758);const i={},r=n.createContext(i);function d(e){const t=n.useContext(r);return n.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function a(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(i):e.components||i:d(e.components),n.createElement(r.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
diff --git a/ja/assets/js/b4a7b4dd.3e3855e7.js b/ja/assets/js/b4a7b4dd.7a761edd.js
similarity index 98%
rename from ja/assets/js/b4a7b4dd.3e3855e7.js
rename to ja/assets/js/b4a7b4dd.7a761edd.js
index 9f4a129fc9..5a0cd8c89a 100644
--- a/ja/assets/js/b4a7b4dd.3e3855e7.js
+++ b/ja/assets/js/b4a7b4dd.7a761edd.js
@@ -1 +1 @@
-"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[2799],{1928:(e,t,s)=>{s.d(t,{Ay:()=>u,RM:()=>d});var i=s(6070),n=s(1100),r=(s(758),s(6783)),o=s(7765);const c=e=>{let{ticket:t}=e;const s=`https://github.com/feature-sliced/documentation/issues/${t}`;return(0,i.jsxs)("div",{children:[(0,i.jsx)("p",{children:(0,o.T)({id:"shared.wip.title"})}),(0,i.jsx)("p",{children:(0,o.T)({id:"shared.wip.subtitle"})}),(0,i.jsxs)("ul",{children:[(0,i.jsxs)("li",{children:[(0,o.T)({id:"shared.wip.var.feedback.base"}),(0,i.jsx)(r.A,{to:s,children:(0,o.T)({id:"shared.wip.var.feedback.link"})})]}),(0,i.jsxs)("li",{children:[(0,o.T)({id:"shared.wip.var.material.base"}),(0,i.jsx)(r.A,{to:"https://t.me/feature_sliced",children:(0,o.T)({id:"shared.wip.var.material.link"})})]}),(0,i.jsxs)("li",{children:[(0,o.T)({id:"shared.wip.var.contribute.base"}),(0,i.jsx)(r.A,{to:"https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md",children:(0,o.T)({id:"shared.wip.var.contribute.link"})})]})]}),(0,i.jsx)("br",{}),(0,i.jsx)("p",{children:(0,i.jsx)("i",{children:"\ud83c\udf70 Stay tuned!"})})]})},d=[];function a(e){const t={admonition:"admonition",...(0,n.R)(),...e.components};return(0,i.jsx)(t.admonition,{title:"WIP",type:"caution",children:(0,i.jsx)(c,{ticket:e.ticket})})}function u(e={}){const{wrapper:t}={...(0,n.R)(),...e.components};return t?(0,i.jsx)(t,{...e,children:(0,i.jsx)(a,{...e})}):a(e)}},852:(e,t,s)=>{s.r(t),s.d(t,{assets:()=>a,contentTitle:()=>c,default:()=>p,frontMatter:()=>o,metadata:()=>d,toc:()=>u});var i=s(6070),n=s(1100),r=s(1928);const o={sidebar_position:4,sidebar_class_name:"sidebar-item--wip",pagination_next:"reference/index"},c="\u30af\u30ed\u30b9\u30a4\u30f3\u30dd\u30fc\u30c8",d={id:"guides/issues/cross-imports",title:"\u30af\u30ed\u30b9\u30a4\u30f3\u30dd\u30fc\u30c8",description:"\u30af\u30ed\u30b9\u30a4\u30f3\u30dd\u30fc\u30c8\u306f\u3001\u30ec\u30a4\u30e4\u30fc\u3084\u62bd\u8c61\u5316\u304c\u672c\u6765\u306e\u8cac\u4efb\u4ee5\u4e0a\u306b\u591a\u304f\u306e\u8cac\u4efb\u3092\u6301\u3061\u59cb\u3081\u308b\u3068\u767a\u751f\u3059\u308b\u3002\u305d\u306e\u305f\u3081\u3001FSD\u306f\u65b0\u3057\u3044\u30ec\u30a4\u30e4\u30fc\u3092\u8a2d\u3051\u3066\u3001\u3053\u308c\u3089\u306e\u30af\u30ed\u30b9\u30a4\u30f3\u30dd\u30fc\u30c8\u3092\u5206\u96e2\u3059\u308b\u3053\u3068\u3092\u53ef\u80fd\u306b\u3057\u3066\u3044\u308b\u3002",source:"@site/i18n/ja/docusaurus-plugin-content-docs/current/guides/issues/cross-imports.mdx",sourceDirName:"guides/issues",slug:"/guides/issues/cross-imports",permalink:"/ja/docs/guides/issues/cross-imports",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/ja/docusaurus-plugin-content-docs/current/guides/issues/cross-imports.mdx",tags:[],version:"current",lastUpdatedAt:1727607766e3,sidebarPosition:4,frontMatter:{sidebar_position:4,sidebar_class_name:"sidebar-item--wip",pagination_next:"reference/index"},sidebar:"guidesSidebar",previous:{title:"\u30eb\u30fc\u30c6\u30a3\u30f3\u30b0",permalink:"/ja/docs/guides/issues/routes"},next:{title:"\ud83d\udcda \u53c2\u8003\u66f8",permalink:"/ja/docs/reference/"}},a={},u=[...r.RM];function l(e){const t={blockquote:"blockquote",h1:"h1",header:"header",p:"p",...(0,n.R)(),...e.components};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(t.header,{children:(0,i.jsx)(t.h1,{id:"\u30af\u30ed\u30b9\u30a4\u30f3\u30dd\u30fc\u30c8",children:"\u30af\u30ed\u30b9\u30a4\u30f3\u30dd\u30fc\u30c8"})}),"\n",(0,i.jsx)(r.Ay,{ticket:"220"}),"\n",(0,i.jsxs)(t.blockquote,{children:["\n",(0,i.jsx)(t.p,{children:"\u30af\u30ed\u30b9\u30a4\u30f3\u30dd\u30fc\u30c8\u306f\u3001\u30ec\u30a4\u30e4\u30fc\u3084\u62bd\u8c61\u5316\u304c\u672c\u6765\u306e\u8cac\u4efb\u4ee5\u4e0a\u306b\u591a\u304f\u306e\u8cac\u4efb\u3092\u6301\u3061\u59cb\u3081\u308b\u3068\u767a\u751f\u3059\u308b\u3002\u305d\u306e\u305f\u3081\u3001FSD\u306f\u65b0\u3057\u3044\u30ec\u30a4\u30e4\u30fc\u3092\u8a2d\u3051\u3066\u3001\u3053\u308c\u3089\u306e\u30af\u30ed\u30b9\u30a4\u30f3\u30dd\u30fc\u30c8\u3092\u5206\u96e2\u3059\u308b\u3053\u3068\u3092\u53ef\u80fd\u306b\u3057\u3066\u3044\u308b\u3002"}),"\n"]})]})}function p(e={}){const{wrapper:t}={...(0,n.R)(),...e.components};return t?(0,i.jsx)(t,{...e,children:(0,i.jsx)(l,{...e})}):l(e)}},1100:(e,t,s)=>{s.d(t,{R:()=>o,x:()=>c});var i=s(758);const n={},r=i.createContext(n);function o(e){const t=i.useContext(r);return i.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function c(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(n):e.components||n:o(e.components),i.createElement(r.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
+"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[2799],{1928:(e,t,s)=>{s.d(t,{Ay:()=>u,RM:()=>d});var i=s(6070),n=s(1100),r=(s(758),s(6783)),o=s(7765);const c=e=>{let{ticket:t}=e;const s=`https://github.com/feature-sliced/documentation/issues/${t}`;return(0,i.jsxs)("div",{children:[(0,i.jsx)("p",{children:(0,o.T)({id:"shared.wip.title"})}),(0,i.jsx)("p",{children:(0,o.T)({id:"shared.wip.subtitle"})}),(0,i.jsxs)("ul",{children:[(0,i.jsxs)("li",{children:[(0,o.T)({id:"shared.wip.var.feedback.base"}),(0,i.jsx)(r.A,{to:s,children:(0,o.T)({id:"shared.wip.var.feedback.link"})})]}),(0,i.jsxs)("li",{children:[(0,o.T)({id:"shared.wip.var.material.base"}),(0,i.jsx)(r.A,{to:"https://t.me/feature_sliced",children:(0,o.T)({id:"shared.wip.var.material.link"})})]}),(0,i.jsxs)("li",{children:[(0,o.T)({id:"shared.wip.var.contribute.base"}),(0,i.jsx)(r.A,{to:"https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md",children:(0,o.T)({id:"shared.wip.var.contribute.link"})})]})]}),(0,i.jsx)("br",{}),(0,i.jsx)("p",{children:(0,i.jsx)("i",{children:"\ud83c\udf70 Stay tuned!"})})]})},d=[];function a(e){const t={admonition:"admonition",...(0,n.R)(),...e.components};return(0,i.jsx)(t.admonition,{title:"WIP",type:"caution",children:(0,i.jsx)(c,{ticket:e.ticket})})}function u(e={}){const{wrapper:t}={...(0,n.R)(),...e.components};return t?(0,i.jsx)(t,{...e,children:(0,i.jsx)(a,{...e})}):a(e)}},852:(e,t,s)=>{s.r(t),s.d(t,{assets:()=>a,contentTitle:()=>c,default:()=>p,frontMatter:()=>o,metadata:()=>d,toc:()=>u});var i=s(6070),n=s(1100),r=s(1928);const o={sidebar_position:4,sidebar_class_name:"sidebar-item--wip",pagination_next:"reference/index"},c="\u30af\u30ed\u30b9\u30a4\u30f3\u30dd\u30fc\u30c8",d={id:"guides/issues/cross-imports",title:"\u30af\u30ed\u30b9\u30a4\u30f3\u30dd\u30fc\u30c8",description:"\u30af\u30ed\u30b9\u30a4\u30f3\u30dd\u30fc\u30c8\u306f\u3001\u30ec\u30a4\u30e4\u30fc\u3084\u62bd\u8c61\u5316\u304c\u672c\u6765\u306e\u8cac\u4efb\u4ee5\u4e0a\u306b\u591a\u304f\u306e\u8cac\u4efb\u3092\u6301\u3061\u59cb\u3081\u308b\u3068\u767a\u751f\u3059\u308b\u3002\u305d\u306e\u305f\u3081\u3001FSD\u306f\u65b0\u3057\u3044\u30ec\u30a4\u30e4\u30fc\u3092\u8a2d\u3051\u3066\u3001\u3053\u308c\u3089\u306e\u30af\u30ed\u30b9\u30a4\u30f3\u30dd\u30fc\u30c8\u3092\u5206\u96e2\u3059\u308b\u3053\u3068\u3092\u53ef\u80fd\u306b\u3057\u3066\u3044\u308b\u3002",source:"@site/i18n/ja/docusaurus-plugin-content-docs/current/guides/issues/cross-imports.mdx",sourceDirName:"guides/issues",slug:"/guides/issues/cross-imports",permalink:"/ja/docs/guides/issues/cross-imports",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/ja/docusaurus-plugin-content-docs/current/guides/issues/cross-imports.mdx",tags:[],version:"current",lastUpdatedAt:1728325386e3,sidebarPosition:4,frontMatter:{sidebar_position:4,sidebar_class_name:"sidebar-item--wip",pagination_next:"reference/index"},sidebar:"guidesSidebar",previous:{title:"\u30eb\u30fc\u30c6\u30a3\u30f3\u30b0",permalink:"/ja/docs/guides/issues/routes"},next:{title:"\ud83d\udcda \u53c2\u8003\u66f8",permalink:"/ja/docs/reference/"}},a={},u=[...r.RM];function l(e){const t={blockquote:"blockquote",h1:"h1",header:"header",p:"p",...(0,n.R)(),...e.components};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(t.header,{children:(0,i.jsx)(t.h1,{id:"\u30af\u30ed\u30b9\u30a4\u30f3\u30dd\u30fc\u30c8",children:"\u30af\u30ed\u30b9\u30a4\u30f3\u30dd\u30fc\u30c8"})}),"\n",(0,i.jsx)(r.Ay,{ticket:"220"}),"\n",(0,i.jsxs)(t.blockquote,{children:["\n",(0,i.jsx)(t.p,{children:"\u30af\u30ed\u30b9\u30a4\u30f3\u30dd\u30fc\u30c8\u306f\u3001\u30ec\u30a4\u30e4\u30fc\u3084\u62bd\u8c61\u5316\u304c\u672c\u6765\u306e\u8cac\u4efb\u4ee5\u4e0a\u306b\u591a\u304f\u306e\u8cac\u4efb\u3092\u6301\u3061\u59cb\u3081\u308b\u3068\u767a\u751f\u3059\u308b\u3002\u305d\u306e\u305f\u3081\u3001FSD\u306f\u65b0\u3057\u3044\u30ec\u30a4\u30e4\u30fc\u3092\u8a2d\u3051\u3066\u3001\u3053\u308c\u3089\u306e\u30af\u30ed\u30b9\u30a4\u30f3\u30dd\u30fc\u30c8\u3092\u5206\u96e2\u3059\u308b\u3053\u3068\u3092\u53ef\u80fd\u306b\u3057\u3066\u3044\u308b\u3002"}),"\n"]})]})}function p(e={}){const{wrapper:t}={...(0,n.R)(),...e.components};return t?(0,i.jsx)(t,{...e,children:(0,i.jsx)(l,{...e})}):l(e)}},1100:(e,t,s)=>{s.d(t,{R:()=>o,x:()=>c});var i=s(758);const n={},r=i.createContext(n);function o(e){const t=i.useContext(r);return i.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function c(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(n):e.components||n:o(e.components),i.createElement(r.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
diff --git a/ja/assets/js/b5a59612.96af0e6f.js b/ja/assets/js/b5a59612.78f88b85.js
similarity index 98%
rename from ja/assets/js/b5a59612.96af0e6f.js
rename to ja/assets/js/b5a59612.78f88b85.js
index fd9752e63a..dd8d3032af 100644
--- a/ja/assets/js/b5a59612.96af0e6f.js
+++ b/ja/assets/js/b5a59612.78f88b85.js
@@ -1,2 +1,2 @@
-/*! For license information please see b5a59612.96af0e6f.js.LICENSE.txt */
-"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[6846],{7946:(e,t,n)=>{n.d(t,{Ay:()=>o,RM:()=>i});var s=n(6070),c=n(1100),a=n(5988);const i=[];function r(e){return(0,s.jsx)(a.A,{...e})}function o(e={}){const{wrapper:t}={...(0,c.R)(),...e.components};return t?(0,s.jsx)(t,{...e,children:(0,s.jsx)(r,{...e})}):r(e)}},7068:(e,t,n)=>{n.r(t),n.d(t,{assets:()=>R,contentTitle:()=>A,default:()=>C,frontMatter:()=>b,metadata:()=>M,toc:()=>w});var s=n(6070),c=n(1100),a=n(7946),i=n(991),r=n(758);const o={icon:{tag:"svg",attrs:{viewBox:"64 64 896 896",focusable:"false"},children:[{tag:"path",attrs:{d:"M876.6 239.5c-.5-.9-1.2-1.8-2-2.5-5-5-13.1-5-18.1 0L684.2 409.3l-67.9-67.9L788.7 169c.8-.8 1.4-1.6 2-2.5 3.6-6.1 1.6-13.9-4.5-17.5-98.2-58-226.8-44.7-311.3 39.7-67 67-89.2 162-66.5 247.4l-293 293c-3 3-2.8 7.9.3 11l169.7 169.7c3.1 3.1 8.1 3.3 11 .3l292.9-292.9c85.5 22.8 180.5.7 247.6-66.4 84.4-84.5 97.7-213.1 39.7-311.3zM786 499.8c-58.1 58.1-145.3 69.3-214.6 33.6l-8.8 8.8-.1-.1-274 274.1-79.2-79.2 230.1-230.1s0 .1.1.1l52.8-52.8c-35.7-69.3-24.5-156.5 33.6-214.6a184.2 184.2 0 01144-53.5L537 318.9a32.05 32.05 0 000 45.3l124.5 124.5a32.05 32.05 0 0045.3 0l132.8-132.8c3.7 51.8-14.4 104.8-53.6 143.9z"}}]},name:"tool",theme:"outlined"};var d=n(9820),l=function(e,t){return r.createElement(d.A,(0,i.A)({},e,{ref:t,icon:o}))};const u=r.forwardRef(l);const h={icon:{tag:"svg",attrs:{"fill-rule":"evenodd",viewBox:"64 64 896 896",focusable:"false"},children:[{tag:"path",attrs:{d:"M880 912H144c-17.7 0-32-14.3-32-32V144c0-17.7 14.3-32 32-32h360c4.4 0 8 3.6 8 8v56c0 4.4-3.6 8-8 8H184v656h656V520c0-4.4 3.6-8 8-8h56c4.4 0 8 3.6 8 8v360c0 17.7-14.3 32-32 32zM653.3 424.6l52.2 52.2a8.01 8.01 0 01-4.7 13.6l-179.4 21c-5.1.6-9.5-3.7-8.9-8.9l21-179.4c.8-6.6 8.9-9.4 13.6-4.7l52.4 52.4 256.2-256.2c3.1-3.1 8.2-3.1 11.3 0l42.4 42.4c3.1 3.1 3.1 8.2 0 11.3L653.3 424.6z"}}]},name:"import",theme:"outlined"};var m=function(e,t){return r.createElement(d.A,(0,i.A)({},e,{ref:t,icon:h}))};const p=r.forwardRef(m);const f={icon:{tag:"svg",attrs:{viewBox:"64 64 896 896",focusable:"false"},children:[{tag:"defs",attrs:{},children:[{tag:"style",attrs:{}}]},{tag:"path",attrs:{d:"M841 370c3-3.3 2.7-8.3-.6-11.3a8.24 8.24 0 00-5.3-2.1h-72.6c-2.4 0-4.6 1-6.1 2.8L633.5 504.6a7.96 7.96 0 01-13.4-1.9l-63.5-141.3a7.9 7.9 0 00-7.3-4.7H380.7l.9-4.7 8-42.3c10.5-55.4 38-81.4 85.8-81.4 18.6 0 35.5 1.7 48.8 4.7l14.1-66.8c-22.6-4.7-35.2-6.1-54.9-6.1-103.3 0-156.4 44.3-175.9 147.3l-9.4 49.4h-97.6c-3.8 0-7.1 2.7-7.8 6.4L181.9 415a8.07 8.07 0 007.8 9.7H284l-89 429.9a8.07 8.07 0 007.8 9.7H269c3.8 0 7.1-2.7 7.8-6.4l89.7-433.1h135.8l68.2 139.1c1.4 2.9 1 6.4-1.2 8.8l-180.6 203c-2.9 3.3-2.6 8.4.7 11.3 1.5 1.3 3.4 2 5.3 2h72.7c2.4 0 4.6-1 6.1-2.8l123.7-146.7c2.8-3.4 7.9-3.8 11.3-1 .9.8 1.6 1.7 2.1 2.8L676.4 784c1.3 2.8 4.1 4.7 7.3 4.7h64.6a8.02 8.02 0 007.2-11.5l-95.2-198.9c-1.4-2.9-.9-6.4 1.3-8.8L841 370z"}}]},name:"function",theme:"outlined"};var g=function(e,t){return r.createElement(d.A,(0,i.A)({},e,{ref:t,icon:f}))};const x=r.forwardRef(g);const v={icon:{tag:"svg",attrs:{viewBox:"64 64 896 896",focusable:"false"},children:[{tag:"path",attrs:{d:"M304 280h56c4.4 0 8-3.6 8-8 0-28.3 5.9-53.2 17.1-73.5 10.6-19.4 26-34.8 45.4-45.4C450.9 142 475.7 136 504 136h16c28.3 0 53.2 5.9 73.5 17.1 19.4 10.6 34.8 26 45.4 45.4C650 218.9 656 243.7 656 272c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8 0-40-8.8-76.7-25.9-108.1a184.31 184.31 0 00-74-74C596.7 72.8 560 64 520 64h-16c-40 0-76.7 8.8-108.1 25.9a184.31 184.31 0 00-74 74C304.8 195.3 296 232 296 272c0 4.4 3.6 8 8 8z"}},{tag:"path",attrs:{d:"M940 512H792V412c76.8 0 139-62.2 139-139 0-4.4-3.6-8-8-8h-60c-4.4 0-8 3.6-8 8a63 63 0 01-63 63H232a63 63 0 01-63-63c0-4.4-3.6-8-8-8h-60c-4.4 0-8 3.6-8 8 0 76.8 62.2 139 139 139v100H84c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h148v96c0 6.5.2 13 .7 19.3C164.1 728.6 116 796.7 116 876c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8 0-44.2 23.9-82.9 59.6-103.7a273 273 0 0022.7 49c24.3 41.5 59 76.2 100.5 100.5S460.5 960 512 960s99.8-13.9 141.3-38.2a281.38 281.38 0 00123.2-149.5A120 120 0 01836 876c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8 0-79.3-48.1-147.4-116.7-176.7.4-6.4.7-12.8.7-19.3v-96h148c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8zM716 680c0 36.8-9.7 72-27.8 102.9-17.7 30.3-43 55.6-73.3 73.3C584 874.3 548.8 884 512 884s-72-9.7-102.9-27.8c-30.3-17.7-55.6-43-73.3-73.3A202.75 202.75 0 01308 680V412h408v268z"}}]},name:"bug",theme:"outlined"};var j=function(e,t){return r.createElement(d.A,(0,i.A)({},e,{ref:t,icon:v}))};const _=r.forwardRef(j),b={hide_table_of_contents:!0,pagination_prev:"get-started/index"},A="\ud83c\udfaf \u30ac\u30a4\u30c9",M={id:"guides/index",title:"\ud83c\udfaf \u30ac\u30a4\u30c9",description:"\u5b9f\u8df5\u6307\u5411",source:"@site/i18n/ja/docusaurus-plugin-content-docs/current/guides/index.mdx",sourceDirName:"guides",slug:"/guides/",permalink:"/ja/docs/guides/",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/ja/docusaurus-plugin-content-docs/current/guides/index.mdx",tags:[],version:"current",lastUpdatedAt:1727607766e3,frontMatter:{hide_table_of_contents:!0,pagination_prev:"get-started/index"},sidebar:"guidesSidebar",previous:{title:"\ud83d\ude80 \u30af\u30a4\u30c3\u30af\u30b9\u30bf\u30fc\u30c8",permalink:"/ja/docs/get-started/"},next:{title:"\u4f8b",permalink:"/ja/docs/guides/examples/"}},R={},w=[{value:"\u4e3b\u306a\u5185\u5bb9",id:"main",level:2},...a.RM,...a.RM,...a.RM,...a.RM];function y(e){const t={h1:"h1",h2:"h2",header:"header",p:"p",...(0,c.R)(),...e.components};return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(t.header,{children:(0,s.jsx)(t.h1,{id:"-\u30ac\u30a4\u30c9",children:"\ud83c\udfaf \u30ac\u30a4\u30c9"})}),"\n",(0,s.jsx)("span",{class:"badge badge--primary margin-bottom--md",children:"\u5b9f\u8df5\u6307\u5411"}),"\n",(0,s.jsx)("p",{class:"summary",children:(0,s.jsx)(t.p,{children:"Feature-Sliced Design\u306e\u9069\u7528\u306b\u95a2\u3059\u308b\u5b9f\u8df5\u7684\u306a\u30ac\u30a4\u30c9\u3068\u4f8b\u3067\u3059\u3002\u3053\u306e\u30bb\u30af\u30b7\u30e7\u30f3\u3067\u306f\u3001\u79fb\u884c\u30ac\u30a4\u30c9\u3084\u60aa\u7fd2\u306e\u30cf\u30f3\u30c9\u30d6\u30c3\u30af\u3082\u8aac\u660e\u3055\u308c\u3066\u3044\u307e\u3059\u3002\u5177\u4f53\u7684\u306a\u4f55\u304b\u3092\u5b9f\u73fe\u3057\u3088\u3046\u3068\u3057\u3066\u3044\u308b\u3068\u304d\u3084\u3001FSD\u3092\u300c\u5b9f\u6226\u300d\u3067\u898b\u305f\u3044\u3068\u304d\u306b\u6700\u3082\u5f79\u7acb\u3061\u307e\u3059\u3002"})}),"\n",(0,s.jsx)(t.h2,{id:"main",children:"\u4e3b\u306a\u5185\u5bb9"}),"\n","\n",(0,s.jsx)(a.Ay,{title:"\u4f8b",description:"FSD\u306e\u9069\u7528\u306b\u95a2\u3059\u308b\u5b9f\u8df5\u7684\u306a\u4f8b",to:"/docs/guides/examples",Icon:u,tags:["\u8a8d\u8a3c","\u30bf\u30a4\u30d7","\u30da\u30fc\u30b8\u30ec\u30a4\u30a2\u30a6\u30c8"]}),"\n",(0,s.jsx)(a.Ay,{title:"\u79fb\u884c",description:"\u4ed6\u306e\u30a2\u30fc\u30ad\u30c6\u30af\u30c1\u30e3\u304b\u3089\u306e\u79fb\u884c\u30ac\u30a4\u30c9",to:"/docs/guides/migration/from-v1",Icon:p,tags:["\u30ab\u30b9\u30bf\u30e0\u30a2\u30fc\u30ad\u30c6\u30af\u30c1\u30e3","FSv1"]}),"\n",(0,s.jsx)(a.Ay,{title:"\u6280\u8853",description:"\u7279\u5b9a\u306e\u30d5\u30ec\u30fc\u30e0\u30ef\u30fc\u30af\u306b\u7126\u70b9\u3092\u5f53\u3066\u305f\u4f7f\u7528\u30ac\u30a4\u30c9",to:"/docs/guides/tech/with-nextjs",Icon:x}),"\n",(0,s.jsx)(a.Ay,{title:"\u30b3\u30fc\u30c9\u306e\u554f\u984c\uff08\u81ed\u3044\uff09",description:"\u30b3\u30fc\u30c9\u5185\u3067\u7279\u5b9a\u3059\u308b\u4e00\u822c\u7684\u306a\u30a2\u30fc\u30ad\u30c6\u30af\u30c1\u30e3\u554f\u984c",to:"/docs/guides/issues/desegmented",Icon:_,tags:["\u30c7\u30bb\u30b0\u30e1\u30f3\u30c6\u30fc\u30b7\u30e7\u30f3","\u30eb\u30fc\u30c6\u30a3\u30f3\u30b0","\u30af\u30ed\u30b9\u30a4\u30f3\u30dd\u30fc\u30c8"]})]})}function C(e={}){const{wrapper:t}={...(0,c.R)(),...e.components};return t?(0,s.jsx)(t,{...e,children:(0,s.jsx)(y,{...e})}):y(e)}},5988:(e,t,n)=>{n.d(t,{Y:()=>r,A:()=>d});n(758);var s=n(3526),c=n(6783);const a={root:"root_GfON",rootDisabled:"rootDisabled_SFUB",details:"details_xxkR",detailsTags:"detailsTags_uTQx",icon:"icon_ciqP",title:"title_pSH5",description:"description__Fep",miniTheme:"miniTheme_ePfp",primaryTheme:"primaryTheme_CilO",defaultTheme:"defaultTheme_j3I8"};var i=n(6070);const r=e=>{const{title:t,description:n,to:r,Icon:d,tags:l,className:u,disabled:h,theme:m="default"}=e;return(0,i.jsxs)(c.A,{className:(0,s.A)(a.root,u,h&&a.rootDisabled,a[`${m}Theme`]),to:r,children:[(0,i.jsx)(o,{Icon:d}),(0,i.jsxs)("div",{className:a.details,children:[(0,i.jsxs)("div",{className:a.detailsMain,children:[(0,i.jsx)("span",{className:a.title,children:t}),(0,i.jsx)("p",{className:a.description,children:n})]}),l&&(0,i.jsx)("div",{className:a.detailsTags,children:l.join(" \u2022 ")})]})]})},o=e=>{let{Icon:t}=e;return t?"string"==typeof t?(0,i.jsx)("span",{className:a.icon,children:t}):(0,i.jsx)(t,{className:a.icon}):null},d=r},1100:(e,t,n)=>{n.d(t,{R:()=>i,x:()=>r});var s=n(758);const c={},a=s.createContext(c);function i(e){const t=s.useContext(a);return s.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function r(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(c):e.components||c:i(e.components),s.createElement(a.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
+/*! For license information please see b5a59612.78f88b85.js.LICENSE.txt */
+"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[6846],{7946:(e,t,n)=>{n.d(t,{Ay:()=>o,RM:()=>i});var s=n(6070),c=n(1100),a=n(5988);const i=[];function r(e){return(0,s.jsx)(a.A,{...e})}function o(e={}){const{wrapper:t}={...(0,c.R)(),...e.components};return t?(0,s.jsx)(t,{...e,children:(0,s.jsx)(r,{...e})}):r(e)}},7068:(e,t,n)=>{n.r(t),n.d(t,{assets:()=>R,contentTitle:()=>A,default:()=>C,frontMatter:()=>b,metadata:()=>M,toc:()=>w});var s=n(6070),c=n(1100),a=n(7946),i=n(991),r=n(758);const o={icon:{tag:"svg",attrs:{viewBox:"64 64 896 896",focusable:"false"},children:[{tag:"path",attrs:{d:"M876.6 239.5c-.5-.9-1.2-1.8-2-2.5-5-5-13.1-5-18.1 0L684.2 409.3l-67.9-67.9L788.7 169c.8-.8 1.4-1.6 2-2.5 3.6-6.1 1.6-13.9-4.5-17.5-98.2-58-226.8-44.7-311.3 39.7-67 67-89.2 162-66.5 247.4l-293 293c-3 3-2.8 7.9.3 11l169.7 169.7c3.1 3.1 8.1 3.3 11 .3l292.9-292.9c85.5 22.8 180.5.7 247.6-66.4 84.4-84.5 97.7-213.1 39.7-311.3zM786 499.8c-58.1 58.1-145.3 69.3-214.6 33.6l-8.8 8.8-.1-.1-274 274.1-79.2-79.2 230.1-230.1s0 .1.1.1l52.8-52.8c-35.7-69.3-24.5-156.5 33.6-214.6a184.2 184.2 0 01144-53.5L537 318.9a32.05 32.05 0 000 45.3l124.5 124.5a32.05 32.05 0 0045.3 0l132.8-132.8c3.7 51.8-14.4 104.8-53.6 143.9z"}}]},name:"tool",theme:"outlined"};var d=n(9820),l=function(e,t){return r.createElement(d.A,(0,i.A)({},e,{ref:t,icon:o}))};const u=r.forwardRef(l);const h={icon:{tag:"svg",attrs:{"fill-rule":"evenodd",viewBox:"64 64 896 896",focusable:"false"},children:[{tag:"path",attrs:{d:"M880 912H144c-17.7 0-32-14.3-32-32V144c0-17.7 14.3-32 32-32h360c4.4 0 8 3.6 8 8v56c0 4.4-3.6 8-8 8H184v656h656V520c0-4.4 3.6-8 8-8h56c4.4 0 8 3.6 8 8v360c0 17.7-14.3 32-32 32zM653.3 424.6l52.2 52.2a8.01 8.01 0 01-4.7 13.6l-179.4 21c-5.1.6-9.5-3.7-8.9-8.9l21-179.4c.8-6.6 8.9-9.4 13.6-4.7l52.4 52.4 256.2-256.2c3.1-3.1 8.2-3.1 11.3 0l42.4 42.4c3.1 3.1 3.1 8.2 0 11.3L653.3 424.6z"}}]},name:"import",theme:"outlined"};var m=function(e,t){return r.createElement(d.A,(0,i.A)({},e,{ref:t,icon:h}))};const p=r.forwardRef(m);const f={icon:{tag:"svg",attrs:{viewBox:"64 64 896 896",focusable:"false"},children:[{tag:"defs",attrs:{},children:[{tag:"style",attrs:{}}]},{tag:"path",attrs:{d:"M841 370c3-3.3 2.7-8.3-.6-11.3a8.24 8.24 0 00-5.3-2.1h-72.6c-2.4 0-4.6 1-6.1 2.8L633.5 504.6a7.96 7.96 0 01-13.4-1.9l-63.5-141.3a7.9 7.9 0 00-7.3-4.7H380.7l.9-4.7 8-42.3c10.5-55.4 38-81.4 85.8-81.4 18.6 0 35.5 1.7 48.8 4.7l14.1-66.8c-22.6-4.7-35.2-6.1-54.9-6.1-103.3 0-156.4 44.3-175.9 147.3l-9.4 49.4h-97.6c-3.8 0-7.1 2.7-7.8 6.4L181.9 415a8.07 8.07 0 007.8 9.7H284l-89 429.9a8.07 8.07 0 007.8 9.7H269c3.8 0 7.1-2.7 7.8-6.4l89.7-433.1h135.8l68.2 139.1c1.4 2.9 1 6.4-1.2 8.8l-180.6 203c-2.9 3.3-2.6 8.4.7 11.3 1.5 1.3 3.4 2 5.3 2h72.7c2.4 0 4.6-1 6.1-2.8l123.7-146.7c2.8-3.4 7.9-3.8 11.3-1 .9.8 1.6 1.7 2.1 2.8L676.4 784c1.3 2.8 4.1 4.7 7.3 4.7h64.6a8.02 8.02 0 007.2-11.5l-95.2-198.9c-1.4-2.9-.9-6.4 1.3-8.8L841 370z"}}]},name:"function",theme:"outlined"};var g=function(e,t){return r.createElement(d.A,(0,i.A)({},e,{ref:t,icon:f}))};const x=r.forwardRef(g);const v={icon:{tag:"svg",attrs:{viewBox:"64 64 896 896",focusable:"false"},children:[{tag:"path",attrs:{d:"M304 280h56c4.4 0 8-3.6 8-8 0-28.3 5.9-53.2 17.1-73.5 10.6-19.4 26-34.8 45.4-45.4C450.9 142 475.7 136 504 136h16c28.3 0 53.2 5.9 73.5 17.1 19.4 10.6 34.8 26 45.4 45.4C650 218.9 656 243.7 656 272c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8 0-40-8.8-76.7-25.9-108.1a184.31 184.31 0 00-74-74C596.7 72.8 560 64 520 64h-16c-40 0-76.7 8.8-108.1 25.9a184.31 184.31 0 00-74 74C304.8 195.3 296 232 296 272c0 4.4 3.6 8 8 8z"}},{tag:"path",attrs:{d:"M940 512H792V412c76.8 0 139-62.2 139-139 0-4.4-3.6-8-8-8h-60c-4.4 0-8 3.6-8 8a63 63 0 01-63 63H232a63 63 0 01-63-63c0-4.4-3.6-8-8-8h-60c-4.4 0-8 3.6-8 8 0 76.8 62.2 139 139 139v100H84c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h148v96c0 6.5.2 13 .7 19.3C164.1 728.6 116 796.7 116 876c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8 0-44.2 23.9-82.9 59.6-103.7a273 273 0 0022.7 49c24.3 41.5 59 76.2 100.5 100.5S460.5 960 512 960s99.8-13.9 141.3-38.2a281.38 281.38 0 00123.2-149.5A120 120 0 01836 876c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8 0-79.3-48.1-147.4-116.7-176.7.4-6.4.7-12.8.7-19.3v-96h148c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8zM716 680c0 36.8-9.7 72-27.8 102.9-17.7 30.3-43 55.6-73.3 73.3C584 874.3 548.8 884 512 884s-72-9.7-102.9-27.8c-30.3-17.7-55.6-43-73.3-73.3A202.75 202.75 0 01308 680V412h408v268z"}}]},name:"bug",theme:"outlined"};var j=function(e,t){return r.createElement(d.A,(0,i.A)({},e,{ref:t,icon:v}))};const _=r.forwardRef(j),b={hide_table_of_contents:!0,pagination_prev:"get-started/index"},A="\ud83c\udfaf \u30ac\u30a4\u30c9",M={id:"guides/index",title:"\ud83c\udfaf \u30ac\u30a4\u30c9",description:"\u5b9f\u8df5\u6307\u5411",source:"@site/i18n/ja/docusaurus-plugin-content-docs/current/guides/index.mdx",sourceDirName:"guides",slug:"/guides/",permalink:"/ja/docs/guides/",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/ja/docusaurus-plugin-content-docs/current/guides/index.mdx",tags:[],version:"current",lastUpdatedAt:1728325386e3,frontMatter:{hide_table_of_contents:!0,pagination_prev:"get-started/index"},sidebar:"guidesSidebar",previous:{title:"\ud83d\ude80 \u30af\u30a4\u30c3\u30af\u30b9\u30bf\u30fc\u30c8",permalink:"/ja/docs/get-started/"},next:{title:"\u4f8b",permalink:"/ja/docs/guides/examples/"}},R={},w=[{value:"\u4e3b\u306a\u5185\u5bb9",id:"main",level:2},...a.RM,...a.RM,...a.RM,...a.RM];function y(e){const t={h1:"h1",h2:"h2",header:"header",p:"p",...(0,c.R)(),...e.components};return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(t.header,{children:(0,s.jsx)(t.h1,{id:"-\u30ac\u30a4\u30c9",children:"\ud83c\udfaf \u30ac\u30a4\u30c9"})}),"\n",(0,s.jsx)("span",{class:"badge badge--primary margin-bottom--md",children:"\u5b9f\u8df5\u6307\u5411"}),"\n",(0,s.jsx)("p",{class:"summary",children:(0,s.jsx)(t.p,{children:"Feature-Sliced Design\u306e\u9069\u7528\u306b\u95a2\u3059\u308b\u5b9f\u8df5\u7684\u306a\u30ac\u30a4\u30c9\u3068\u4f8b\u3067\u3059\u3002\u3053\u306e\u30bb\u30af\u30b7\u30e7\u30f3\u3067\u306f\u3001\u79fb\u884c\u30ac\u30a4\u30c9\u3084\u60aa\u7fd2\u306e\u30cf\u30f3\u30c9\u30d6\u30c3\u30af\u3082\u8aac\u660e\u3055\u308c\u3066\u3044\u307e\u3059\u3002\u5177\u4f53\u7684\u306a\u4f55\u304b\u3092\u5b9f\u73fe\u3057\u3088\u3046\u3068\u3057\u3066\u3044\u308b\u3068\u304d\u3084\u3001FSD\u3092\u300c\u5b9f\u6226\u300d\u3067\u898b\u305f\u3044\u3068\u304d\u306b\u6700\u3082\u5f79\u7acb\u3061\u307e\u3059\u3002"})}),"\n",(0,s.jsx)(t.h2,{id:"main",children:"\u4e3b\u306a\u5185\u5bb9"}),"\n","\n",(0,s.jsx)(a.Ay,{title:"\u4f8b",description:"FSD\u306e\u9069\u7528\u306b\u95a2\u3059\u308b\u5b9f\u8df5\u7684\u306a\u4f8b",to:"/docs/guides/examples",Icon:u,tags:["\u8a8d\u8a3c","\u30bf\u30a4\u30d7","\u30da\u30fc\u30b8\u30ec\u30a4\u30a2\u30a6\u30c8"]}),"\n",(0,s.jsx)(a.Ay,{title:"\u79fb\u884c",description:"\u4ed6\u306e\u30a2\u30fc\u30ad\u30c6\u30af\u30c1\u30e3\u304b\u3089\u306e\u79fb\u884c\u30ac\u30a4\u30c9",to:"/docs/guides/migration/from-v1",Icon:p,tags:["\u30ab\u30b9\u30bf\u30e0\u30a2\u30fc\u30ad\u30c6\u30af\u30c1\u30e3","FSv1"]}),"\n",(0,s.jsx)(a.Ay,{title:"\u6280\u8853",description:"\u7279\u5b9a\u306e\u30d5\u30ec\u30fc\u30e0\u30ef\u30fc\u30af\u306b\u7126\u70b9\u3092\u5f53\u3066\u305f\u4f7f\u7528\u30ac\u30a4\u30c9",to:"/docs/guides/tech/with-nextjs",Icon:x}),"\n",(0,s.jsx)(a.Ay,{title:"\u30b3\u30fc\u30c9\u306e\u554f\u984c\uff08\u81ed\u3044\uff09",description:"\u30b3\u30fc\u30c9\u5185\u3067\u7279\u5b9a\u3059\u308b\u4e00\u822c\u7684\u306a\u30a2\u30fc\u30ad\u30c6\u30af\u30c1\u30e3\u554f\u984c",to:"/docs/guides/issues/desegmented",Icon:_,tags:["\u30c7\u30bb\u30b0\u30e1\u30f3\u30c6\u30fc\u30b7\u30e7\u30f3","\u30eb\u30fc\u30c6\u30a3\u30f3\u30b0","\u30af\u30ed\u30b9\u30a4\u30f3\u30dd\u30fc\u30c8"]})]})}function C(e={}){const{wrapper:t}={...(0,c.R)(),...e.components};return t?(0,s.jsx)(t,{...e,children:(0,s.jsx)(y,{...e})}):y(e)}},5988:(e,t,n)=>{n.d(t,{Y:()=>r,A:()=>d});n(758);var s=n(3526),c=n(6783);const a={root:"root_GfON",rootDisabled:"rootDisabled_SFUB",details:"details_xxkR",detailsTags:"detailsTags_uTQx",icon:"icon_ciqP",title:"title_pSH5",description:"description__Fep",miniTheme:"miniTheme_ePfp",primaryTheme:"primaryTheme_CilO",defaultTheme:"defaultTheme_j3I8"};var i=n(6070);const r=e=>{const{title:t,description:n,to:r,Icon:d,tags:l,className:u,disabled:h,theme:m="default"}=e;return(0,i.jsxs)(c.A,{className:(0,s.A)(a.root,u,h&&a.rootDisabled,a[`${m}Theme`]),to:r,children:[(0,i.jsx)(o,{Icon:d}),(0,i.jsxs)("div",{className:a.details,children:[(0,i.jsxs)("div",{className:a.detailsMain,children:[(0,i.jsx)("span",{className:a.title,children:t}),(0,i.jsx)("p",{className:a.description,children:n})]}),l&&(0,i.jsx)("div",{className:a.detailsTags,children:l.join(" \u2022 ")})]})]})},o=e=>{let{Icon:t}=e;return t?"string"==typeof t?(0,i.jsx)("span",{className:a.icon,children:t}):(0,i.jsx)(t,{className:a.icon}):null},d=r},1100:(e,t,n)=>{n.d(t,{R:()=>i,x:()=>r});var s=n(758);const c={},a=s.createContext(c);function i(e){const t=s.useContext(a);return s.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function r(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(c):e.components||c:i(e.components),s.createElement(a.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
diff --git a/ja/assets/js/b5a59612.96af0e6f.js.LICENSE.txt b/ja/assets/js/b5a59612.78f88b85.js.LICENSE.txt
similarity index 100%
rename from ja/assets/js/b5a59612.96af0e6f.js.LICENSE.txt
rename to ja/assets/js/b5a59612.78f88b85.js.LICENSE.txt
diff --git a/ja/assets/js/b816588c.69114980.js b/ja/assets/js/b816588c.8b2c511f.js
similarity index 98%
rename from ja/assets/js/b816588c.69114980.js
rename to ja/assets/js/b816588c.8b2c511f.js
index f6410f4002..a4a2512ac0 100644
--- a/ja/assets/js/b816588c.69114980.js
+++ b/ja/assets/js/b816588c.8b2c511f.js
@@ -1 +1 @@
-"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[6576],{1928:(e,t,n)=>{n.d(t,{Ay:()=>u,RM:()=>d});var i=n(6070),s=n(1100),r=(n(758),n(6783)),a=n(7765);const o=e=>{let{ticket:t}=e;const n=`https://github.com/feature-sliced/documentation/issues/${t}`;return(0,i.jsxs)("div",{children:[(0,i.jsx)("p",{children:(0,a.T)({id:"shared.wip.title"})}),(0,i.jsx)("p",{children:(0,a.T)({id:"shared.wip.subtitle"})}),(0,i.jsxs)("ul",{children:[(0,i.jsxs)("li",{children:[(0,a.T)({id:"shared.wip.var.feedback.base"}),(0,i.jsx)(r.A,{to:n,children:(0,a.T)({id:"shared.wip.var.feedback.link"})})]}),(0,i.jsxs)("li",{children:[(0,a.T)({id:"shared.wip.var.material.base"}),(0,i.jsx)(r.A,{to:"https://t.me/feature_sliced",children:(0,a.T)({id:"shared.wip.var.material.link"})})]}),(0,i.jsxs)("li",{children:[(0,a.T)({id:"shared.wip.var.contribute.base"}),(0,i.jsx)(r.A,{to:"https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md",children:(0,a.T)({id:"shared.wip.var.contribute.link"})})]})]}),(0,i.jsx)("br",{}),(0,i.jsx)("p",{children:(0,i.jsx)("i",{children:"\ud83c\udf70 Stay tuned!"})})]})},d=[];function c(e){const t={admonition:"admonition",...(0,s.R)(),...e.components};return(0,i.jsx)(t.admonition,{title:"WIP",type:"caution",children:(0,i.jsx)(o,{ticket:e.ticket})})}function u(e={}){const{wrapper:t}={...(0,s.R)(),...e.components};return t?(0,i.jsx)(t,{...e,children:(0,i.jsx)(c,{...e})}):c(e)}},5912:(e,t,n)=>{n.r(t),n.d(t,{assets:()=>c,contentTitle:()=>o,default:()=>h,frontMatter:()=>a,metadata:()=>d,toc:()=>u});var i=n(6070),s=n(1100),r=n(1928);const a={sidebar_position:6,sidebar_class_name:"sidebar-item--wip"},o="\u62bd\u8c61\u5316",d={id:"about/understanding/abstractions",title:"\u62bd\u8c61\u5316",description:"\u6f0f\u308c\u306e\u3042\u308b\u62bd\u8c61\u5316\u306e\u6cd5\u5247",source:"@site/i18n/ja/docusaurus-plugin-content-docs/current/about/understanding/abstractions.mdx",sourceDirName:"about/understanding",slug:"/about/understanding/abstractions",permalink:"/ja/docs/about/understanding/abstractions",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/ja/docusaurus-plugin-content-docs/current/about/understanding/abstractions.mdx",tags:[],version:"current",lastUpdatedAt:1727607766e3,sidebarPosition:6,frontMatter:{sidebar_position:6,sidebar_class_name:"sidebar-item--wip"},sidebar:"aboutSidebar",previous:{title:"\u30a2\u30fc\u30ad\u30c6\u30af\u30c1\u30e3\u306e\u30b7\u30b0\u30ca\u30eb",permalink:"/ja/docs/about/understanding/signals"},next:{title:"\u7d71\u5408\u306e\u5074\u9762",permalink:"/ja/docs/about/promote/integration"}},c={},u=[...r.RM,{value:"\u6f0f\u308c\u306e\u3042\u308b\u62bd\u8c61\u5316\u306e\u6cd5\u5247",id:"the-law-of-leaky-abstractions",level:2},{value:"\u306a\u305c\u3053\u3093\u306a\u306b\u591a\u304f\u306e\u62bd\u8c61\u5316\u304c\u3042\u308b\u306e\u304b",id:"why-are-there-so-many-abstractions",level:2}];function l(e){const t={blockquote:"blockquote",h1:"h1",h2:"h2",header:"header",p:"p",...(0,s.R)(),...e.components};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(t.header,{children:(0,i.jsx)(t.h1,{id:"\u62bd\u8c61\u5316",children:"\u62bd\u8c61\u5316"})}),"\n",(0,i.jsx)(r.Ay,{ticket:"186"}),"\n",(0,i.jsx)(t.h2,{id:"the-law-of-leaky-abstractions",children:"\u6f0f\u308c\u306e\u3042\u308b\u62bd\u8c61\u5316\u306e\u6cd5\u5247"}),"\n",(0,i.jsx)(t.h2,{id:"why-are-there-so-many-abstractions",children:"\u306a\u305c\u3053\u3093\u306a\u306b\u591a\u304f\u306e\u62bd\u8c61\u5316\u304c\u3042\u308b\u306e\u304b"}),"\n",(0,i.jsxs)(t.blockquote,{children:["\n",(0,i.jsx)(t.p,{children:"\u62bd\u8c61\u5316\u306f\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u306e\u8907\u96d1\u3055\u306b\u5bfe\u51e6\u3059\u308b\u306e\u306b\u5f79\u7acb\u3061\u307e\u3059\u3002\u554f\u984c\u306f\u3001\u3053\u308c\u3089\u306e\u62bd\u8c61\u5316\u304c\u3053\u306e\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u306b\u7279\u6709\u306e\u3082\u306e\u306b\u306a\u308b\u306e\u304b\u3001\u305d\u308c\u3068\u3082\u30d5\u30ed\u30f3\u30c8\u30a8\u30f3\u30c9\u306e\u7279\u6027\u306b\u57fa\u3065\u3044\u3066\u4e00\u822c\u7684\u306a\u62bd\u8c61\u5316\u3092\u5c0e\u304d\u51fa\u305d\u3046\u3068\u3059\u308b\u306e\u304b\u3068\u3044\u3046\u3053\u3068\u3067\u3059\u3002"}),"\n"]}),"\n",(0,i.jsxs)(t.blockquote,{children:["\n",(0,i.jsx)(t.p,{children:"\u30a2\u30fc\u30ad\u30c6\u30af\u30c1\u30e3\u3068\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u5168\u4f53\u306f\u5143\u3005\u8907\u96d1\u3067\u3042\u308a\u3001\u554f\u984c\u306f\u305d\u306e\u8907\u96d1\u3055\u3092\u3069\u306e\u3088\u3046\u306b\u5206\u914d\u3057\u3001\u8a18\u8ff0\u3059\u308b\u304b\u3060\u3051\u3067\u3059\u3002"}),"\n"]})]})}function h(e={}){const{wrapper:t}={...(0,s.R)(),...e.components};return t?(0,i.jsx)(t,{...e,children:(0,i.jsx)(l,{...e})}):l(e)}},1100:(e,t,n)=>{n.d(t,{R:()=>a,x:()=>o});var i=n(758);const s={},r=i.createContext(s);function a(e){const t=i.useContext(r);return i.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function o(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(s):e.components||s:a(e.components),i.createElement(r.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
+"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[6576],{1928:(e,t,n)=>{n.d(t,{Ay:()=>u,RM:()=>d});var i=n(6070),s=n(1100),r=(n(758),n(6783)),a=n(7765);const o=e=>{let{ticket:t}=e;const n=`https://github.com/feature-sliced/documentation/issues/${t}`;return(0,i.jsxs)("div",{children:[(0,i.jsx)("p",{children:(0,a.T)({id:"shared.wip.title"})}),(0,i.jsx)("p",{children:(0,a.T)({id:"shared.wip.subtitle"})}),(0,i.jsxs)("ul",{children:[(0,i.jsxs)("li",{children:[(0,a.T)({id:"shared.wip.var.feedback.base"}),(0,i.jsx)(r.A,{to:n,children:(0,a.T)({id:"shared.wip.var.feedback.link"})})]}),(0,i.jsxs)("li",{children:[(0,a.T)({id:"shared.wip.var.material.base"}),(0,i.jsx)(r.A,{to:"https://t.me/feature_sliced",children:(0,a.T)({id:"shared.wip.var.material.link"})})]}),(0,i.jsxs)("li",{children:[(0,a.T)({id:"shared.wip.var.contribute.base"}),(0,i.jsx)(r.A,{to:"https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md",children:(0,a.T)({id:"shared.wip.var.contribute.link"})})]})]}),(0,i.jsx)("br",{}),(0,i.jsx)("p",{children:(0,i.jsx)("i",{children:"\ud83c\udf70 Stay tuned!"})})]})},d=[];function c(e){const t={admonition:"admonition",...(0,s.R)(),...e.components};return(0,i.jsx)(t.admonition,{title:"WIP",type:"caution",children:(0,i.jsx)(o,{ticket:e.ticket})})}function u(e={}){const{wrapper:t}={...(0,s.R)(),...e.components};return t?(0,i.jsx)(t,{...e,children:(0,i.jsx)(c,{...e})}):c(e)}},5912:(e,t,n)=>{n.r(t),n.d(t,{assets:()=>c,contentTitle:()=>o,default:()=>h,frontMatter:()=>a,metadata:()=>d,toc:()=>u});var i=n(6070),s=n(1100),r=n(1928);const a={sidebar_position:6,sidebar_class_name:"sidebar-item--wip"},o="\u62bd\u8c61\u5316",d={id:"about/understanding/abstractions",title:"\u62bd\u8c61\u5316",description:"\u6f0f\u308c\u306e\u3042\u308b\u62bd\u8c61\u5316\u306e\u6cd5\u5247",source:"@site/i18n/ja/docusaurus-plugin-content-docs/current/about/understanding/abstractions.mdx",sourceDirName:"about/understanding",slug:"/about/understanding/abstractions",permalink:"/ja/docs/about/understanding/abstractions",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/ja/docusaurus-plugin-content-docs/current/about/understanding/abstractions.mdx",tags:[],version:"current",lastUpdatedAt:1728325386e3,sidebarPosition:6,frontMatter:{sidebar_position:6,sidebar_class_name:"sidebar-item--wip"},sidebar:"aboutSidebar",previous:{title:"\u30a2\u30fc\u30ad\u30c6\u30af\u30c1\u30e3\u306e\u30b7\u30b0\u30ca\u30eb",permalink:"/ja/docs/about/understanding/signals"},next:{title:"\u7d71\u5408\u306e\u5074\u9762",permalink:"/ja/docs/about/promote/integration"}},c={},u=[...r.RM,{value:"\u6f0f\u308c\u306e\u3042\u308b\u62bd\u8c61\u5316\u306e\u6cd5\u5247",id:"the-law-of-leaky-abstractions",level:2},{value:"\u306a\u305c\u3053\u3093\u306a\u306b\u591a\u304f\u306e\u62bd\u8c61\u5316\u304c\u3042\u308b\u306e\u304b",id:"why-are-there-so-many-abstractions",level:2}];function l(e){const t={blockquote:"blockquote",h1:"h1",h2:"h2",header:"header",p:"p",...(0,s.R)(),...e.components};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(t.header,{children:(0,i.jsx)(t.h1,{id:"\u62bd\u8c61\u5316",children:"\u62bd\u8c61\u5316"})}),"\n",(0,i.jsx)(r.Ay,{ticket:"186"}),"\n",(0,i.jsx)(t.h2,{id:"the-law-of-leaky-abstractions",children:"\u6f0f\u308c\u306e\u3042\u308b\u62bd\u8c61\u5316\u306e\u6cd5\u5247"}),"\n",(0,i.jsx)(t.h2,{id:"why-are-there-so-many-abstractions",children:"\u306a\u305c\u3053\u3093\u306a\u306b\u591a\u304f\u306e\u62bd\u8c61\u5316\u304c\u3042\u308b\u306e\u304b"}),"\n",(0,i.jsxs)(t.blockquote,{children:["\n",(0,i.jsx)(t.p,{children:"\u62bd\u8c61\u5316\u306f\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u306e\u8907\u96d1\u3055\u306b\u5bfe\u51e6\u3059\u308b\u306e\u306b\u5f79\u7acb\u3061\u307e\u3059\u3002\u554f\u984c\u306f\u3001\u3053\u308c\u3089\u306e\u62bd\u8c61\u5316\u304c\u3053\u306e\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u306b\u7279\u6709\u306e\u3082\u306e\u306b\u306a\u308b\u306e\u304b\u3001\u305d\u308c\u3068\u3082\u30d5\u30ed\u30f3\u30c8\u30a8\u30f3\u30c9\u306e\u7279\u6027\u306b\u57fa\u3065\u3044\u3066\u4e00\u822c\u7684\u306a\u62bd\u8c61\u5316\u3092\u5c0e\u304d\u51fa\u305d\u3046\u3068\u3059\u308b\u306e\u304b\u3068\u3044\u3046\u3053\u3068\u3067\u3059\u3002"}),"\n"]}),"\n",(0,i.jsxs)(t.blockquote,{children:["\n",(0,i.jsx)(t.p,{children:"\u30a2\u30fc\u30ad\u30c6\u30af\u30c1\u30e3\u3068\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u5168\u4f53\u306f\u5143\u3005\u8907\u96d1\u3067\u3042\u308a\u3001\u554f\u984c\u306f\u305d\u306e\u8907\u96d1\u3055\u3092\u3069\u306e\u3088\u3046\u306b\u5206\u914d\u3057\u3001\u8a18\u8ff0\u3059\u308b\u304b\u3060\u3051\u3067\u3059\u3002"}),"\n"]})]})}function h(e={}){const{wrapper:t}={...(0,s.R)(),...e.components};return t?(0,i.jsx)(t,{...e,children:(0,i.jsx)(l,{...e})}):l(e)}},1100:(e,t,n)=>{n.d(t,{R:()=>a,x:()=>o});var i=n(758);const s={},r=i.createContext(s);function a(e){const t=i.useContext(r);return i.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function o(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(s):e.components||s:a(e.components),i.createElement(r.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
diff --git a/ja/assets/js/ba5630e6.670211c1.js b/ja/assets/js/ba5630e6.1eca766d.js
similarity index 99%
rename from ja/assets/js/ba5630e6.670211c1.js
rename to ja/assets/js/ba5630e6.1eca766d.js
index bbddc59a81..a01b515a92 100644
--- a/ja/assets/js/ba5630e6.670211c1.js
+++ b/ja/assets/js/ba5630e6.1eca766d.js
@@ -1 +1 @@
-"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[4685],{5074:(e,n,s)=>{s.r(n),s.d(n,{assets:()=>d,contentTitle:()=>t,default:()=>h,frontMatter:()=>l,metadata:()=>o,toc:()=>a});var r=s(6070),i=s(1100);const l={sidebar_position:3,sidebar_label:"\u516c\u958bAPI",pagination_next:"about/index"},t="\u516c\u958bAPI",o={id:"reference/public-api",title:"\u516c\u958bAPI",description:"FSD\u3067\u306e\u5404\u30a8\u30f3\u30c6\u30a3\u30c6\u30a3\u306f\u3001\u4f7f\u3044\u3084\u3059\u304f\u7d71\u5408\u3057\u3084\u3059\u3044\u30e2\u30b8\u30e5\u30fc\u30eb\u3068\u3057\u3066\u8a2d\u8a08\u3055\u308c\u3066\u3044\u307e\u3059\u3002",source:"@site/i18n/ja/docusaurus-plugin-content-docs/current/reference/public-api.md",sourceDirName:"reference",slug:"/reference/public-api",permalink:"/ja/docs/reference/public-api",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/ja/docusaurus-plugin-content-docs/current/reference/public-api.md",tags:[],version:"current",lastUpdatedAt:1727607766e3,sidebarPosition:3,frontMatter:{sidebar_position:3,sidebar_label:"\u516c\u958bAPI",pagination_next:"about/index"},sidebar:"referenceSidebar",previous:{title:"\u30b9\u30e9\u30a4\u30b9\u3068\u30bb\u30b0\u30e1\u30f3\u30c8",permalink:"/ja/docs/reference/slices-segments"},next:{title:"\ud83c\udf70 FSD\u306b\u3064\u3044\u3066",permalink:"/ja/docs/about/"}},d={},a=[{value:"\u76ee\u7684",id:"goals",level:2},{value:"\u516c\u958bAPI\u306e\u8981\u4ef6",id:"requirements-for-the-public-api",level:2},{value:"1. \u30a2\u30af\u30bb\u30b9\u5236\u5fa1",id:"1-access-control",level:3},{value:"\u4f8b",id:"examples",level:4},{value:"\u30d7\u30e9\u30a4\u30d9\u30fc\u30c8\u30a4\u30f3\u30dd\u30fc\u30c8\u304b\u3089\u306e\u6392\u9664",id:"suspension-from-private-imports",level:5},{value:"2. \u5909\u66f4\u3078\u306e\u8010\u6027",id:"2-sustainability-for-changes",level:3},{value:"\u4f8b",id:"examples",level:4},{value:"\u5b9f\u88c5\u304b\u3089\u306e\u62bd\u8c61\u5316",id:"abstracting-from-the-implementation",level:5},{value:"3. \u7d71\u5408\u6027",id:"3-integrability",level:3},{value:"\u4f8b",id:"examples",level:4},{value:"\u540d\u524d\u306e\u885d\u7a81",id:"name-collision",level:5},{value:"\u67d4\u8edf\u306a\u4f7f\u7528",id:"flexible-use",level:5},{value:"\u885d\u7a81\u306e\u89e3\u6c7a",id:"resolution-of-collisions",level:5},{value:"\u518d\u30a8\u30af\u30b9\u30dd\u30fc\u30c8\u306b\u3064\u3044\u3066",id:"about-re-exports",level:2},{value:"\u6b20\u70b9",id:"disadvantages",level:3},{value:"\u53ef\u80fd\u306a\u89e3\u6c7a\u7b56",id:"possible-solutions",level:3},{value:"\u53c2\u7167",id:"see-also",level:2}];function c(e){const n={a:"a",admonition:"admonition",blockquote:"blockquote",code:"code",em:"em",h1:"h1",h2:"h2",h3:"h3",h4:"h4",h5:"h5",header:"header",li:"li",ol:"ol",p:"p",pre:"pre",strong:"strong",ul:"ul",...(0,i.R)(),...e.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(n.header,{children:(0,r.jsx)(n.h1,{id:"\u516c\u958bapi",children:"\u516c\u958bAPI"})}),"\n",(0,r.jsxs)(n.p,{children:["FSD\u3067\u306e\u5404\u30a8\u30f3\u30c6\u30a3\u30c6\u30a3\u306f\u3001",(0,r.jsx)(n.strong,{children:"\u4f7f\u3044\u3084\u3059\u304f\u7d71\u5408\u3057\u3084\u3059\u3044\u30e2\u30b8\u30e5\u30fc\u30eb"}),"\u3068\u3057\u3066\u8a2d\u8a08\u3055\u308c\u3066\u3044\u307e\u3059\u3002"]}),"\n",(0,r.jsx)(n.h2,{id:"goals",children:"\u76ee\u7684"}),"\n",(0,r.jsxs)(n.p,{children:["\u30e2\u30b8\u30e5\u30fc\u30eb\u306e\u4f7f\u3044\u3084\u3059\u3055\u3068\u7d71\u5408\u3057\u3084\u3059\u3055\u306f\u3001",(0,r.jsx)(n.em,{children:"\u3044\u304f\u3064\u304b\u306e\u76ee\u7684"}),"\u3092\u9054\u6210\u3059\u308b\u3053\u3068\u306b\u3088\u3063\u3066\u5b9f\u73fe\u3055\u308c\u307e\u3059\u3002"]}),"\n",(0,r.jsxs)(n.ol,{children:["\n",(0,r.jsxs)(n.li,{children:["\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u306f\u3001\u500b\u3005\u30e2\u30b8\u30e5\u30fc\u30eb\u5185\u90e8\u69cb\u9020\u306e",(0,r.jsx)(n.strong,{children:"\u5909\u66f4\u304b\u3089\u4fdd\u8b77\u3055\u308c\u308b\u3079\u304d"})]}),"\n",(0,r.jsxs)(n.li,{children:["\u30e2\u30b8\u30e5\u30fc\u30eb\u5185\u90e8\u69cb\u9020\u306e\u518d\u8a2d\u8a08\u306f\u3001",(0,r.jsx)(n.strong,{children:"\u4ed6\u306e\u30e2\u30b8\u30e5\u30fc\u30eb\u306b\u5f71\u97ff\u3092\u4e0e\u3048\u3066\u306f\u306a\u3089\u306a\u3044"})]}),"\n",(0,r.jsxs)(n.li,{children:["\u30e2\u30b8\u30e5\u30fc\u30eb\u306e\u52d5\u4f5c\u306e\u91cd\u8981\u306a\u5909\u66f4\u306f\u3001",(0,r.jsx)(n.strong,{children:"\u7c21\u5358\u306b\u7279\u5b9a\u3067\u304d\u308b\u3079\u304d"}),"\n",(0,r.jsxs)(n.blockquote,{children:["\n",(0,r.jsxs)(n.p,{children:[(0,r.jsx)(n.strong,{children:"\u30e2\u30b8\u30e5\u30fc\u30eb\u306e\u52d5\u4f5c\u306b\u95a2\u3059\u308b\u91cd\u8981\u306a\u5909\u66f4"}),"\u3068\u306f\u3001\u30e2\u30b8\u30e5\u30fc\u30eb\u5229\u7528\u8005\u306e\u671f\u5f85\u3092\u58ca\u3059\u5909\u66f4"]}),"\n"]}),"\n"]}),"\n"]}),"\n",(0,r.jsx)(n.p,{children:"\u3053\u308c\u3089\u306e\u76ee\u7684\u3092\u9054\u6210\u3059\u308b\u305f\u3081\u306b\u3001\u516c\u958bAPI\uff08\u516c\u958b\u30a4\u30f3\u30bf\u30fc\u30d5\u30a7\u30fc\u30b9\uff09\u304c\u5c0e\u5165\u3055\u308c\u3001\u30e2\u30b8\u30e5\u30fc\u30eb\u6a5f\u80fd\u3078\u306e\u5358\u4e00\u30a2\u30af\u30bb\u30b9\u70b9\u3092\u63d0\u4f9b\u3057\u3001\u30e2\u30b8\u30e5\u30fc\u30eb\u3068\u5916\u90e8\u4e16\u754c\u3068\u306e\u76f8\u4e92\u4f5c\u7528\u306e\u300c\u5951\u7d04\u300d\u3092\u5b9a\u7fa9\u3057\u307e\u3059\u3002"}),"\n",(0,r.jsx)(n.admonition,{title:"\u91cd\u8981",type:"info",children:(0,r.jsx)(n.p,{children:"\u30a8\u30f3\u30c6\u30a3\u30c6\u30a3\u306e\u69cb\u9020\u306f\u3001\u516c\u958bAPI\u3092\u63d0\u4f9b\u3059\u308b\u5358\u4e00\u306e\u30a8\u30f3\u30c8\u30ea\u30fc\u30dd\u30a4\u30f3\u30c8\u3092\u6301\u3064\u3079\u304d"})}),"\n",(0,r.jsx)(n.pre,{children:(0,r.jsx)(n.code,{className:"language-sh",children:"\u2514\u2500\u2500 features/\xa0 \xa0 \xa0 \xa0 \xa0 \xa0 \xa0 \xa0 \xa0 \xa0 \xa0 \xa0   #\xa0\n   \u2514\u2500\u2500 auth-form/\xa0 \xa0 \xa0 \xa0 \xa0 \xa0 \xa0 \xa0 \xa0     # \u30d5\u30a3\u30fc\u30c1\u30e3\u30fc\u306e\u5185\u90e8\u69cb\u9020\n            \u251c\u2500\u2500 ui/\xa0 \xa0 \xa0 \xa0 \xa0 \xa0 \xa0 \xa0 \xa0 \xa0 #\n            \u251c\u2500\u2500 model/\xa0 \xa0 \xa0 \xa0 \xa0 \xa0 \xa0 \xa0 \xa0#\n            \u251c\u2500\u2500 {...}/\xa0 \xa0 \xa0 \xa0 \xa0 \xa0 \xa0 \xa0 \xa0#\n            \u2514\u2500\u2500 index.ts\xa0 \xa0 \xa0 \xa0 \xa0 \xa0 \xa0 \xa0# \u30d5\u30a3\u30fc\u30c1\u30e3\u30fc\u306e\u516c\u958bAPI\u3092\u6301\u3064\u30a8\u30f3\u30c8\u30ea\u30fc\u30dd\u30a4\u30f3\u30c8\n"})}),"\n",(0,r.jsx)(n.pre,{children:(0,r.jsx)(n.code,{className:"language-ts",metastring:'title="**/**/index.ts"',children:'export { Form as AuthForm } from "./ui"\nexport * as authFormModel from "./model"\n'})}),"\n",(0,r.jsx)(n.h2,{id:"requirements-for-the-public-api",children:"\u516c\u958bAPI\u306e\u8981\u4ef6"}),"\n",(0,r.jsxs)(n.p,{children:["\u4e0b\u8a18\u306e\u8981\u4ef6\u3092\u6e80\u305f\u3059\u3053\u3068\u3067\u3001\u30e2\u30b8\u30e5\u30fc\u30eb\u3068\u306e\u76f8\u4e92\u4f5c\u7528\u3092",(0,r.jsx)(n.strong,{children:"\u516c\u958bAPI\u5951\u7d04\u306e\u5b9f\u884c"}),"\u306b\u5236\u9650\u3057\u3001\u30e2\u30b8\u30e5\u30fc\u30eb\u306e\u4fe1\u983c\u6027\u3068\u4f7f\u3044\u3084\u3059\u3055\u3092\u9054\u6210\u3067\u304d\u307e\u3059\u3002"]}),"\n",(0,r.jsx)(n.h3,{id:"1-access-control",children:"1. \u30a2\u30af\u30bb\u30b9\u5236\u5fa1"}),"\n",(0,r.jsxs)(n.p,{children:["\u516c\u958bAPI\u306f\u3001\u30e2\u30b8\u30e5\u30fc\u30eb\u5185\u5bb9\u3078\u306e",(0,r.jsx)(n.strong,{children:"\u30a2\u30af\u30bb\u30b9\u5236\u5fa1"}),"\u3092\u884c\u3046\u3079\u304d\u3067\u3059\u3002"]}),"\n",(0,r.jsxs)(n.ul,{children:["\n",(0,r.jsxs)(n.li,{children:["\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u306e\u4ed6\u306e\u90e8\u5206\u306f\u3001",(0,r.jsx)(n.strong,{children:"\u516c\u958bAPI\u3067\u63d0\u4f9b\u3055\u308c\u308b\u30e2\u30b8\u30e5\u30fc\u30eb\u306e\u30a8\u30f3\u30c6\u30a3\u30c6\u30a3\u306e\u307f\u3092\u4f7f\u7528\u3067\u304d\u308b"})]}),"\n",(0,r.jsxs)(n.li,{children:["\u516c\u958bAPI\u306e\u306a\u3044\u30e2\u30b8\u30e5\u30fc\u30eb\u306e\u5185\u90e8\u90e8\u5206\u306f\u3001",(0,r.jsx)(n.strong,{children:"\u30e2\u30b8\u30e5\u30fc\u30eb\u81ea\u8eab\u306e\u307f\u304c\u30a2\u30af\u30bb\u30b9\u3067\u304d\u308b"})]}),"\n"]}),"\n",(0,r.jsx)(n.h4,{id:"examples",children:"\u4f8b"}),"\n",(0,r.jsx)(n.h5,{id:"suspension-from-private-imports",children:"\u30d7\u30e9\u30a4\u30d9\u30fc\u30c8\u30a4\u30f3\u30dd\u30fc\u30c8\u304b\u3089\u306e\u6392\u9664"}),"\n",(0,r.jsxs)(n.ul,{children:["\n",(0,r.jsxs)(n.li,{children:["\n",(0,r.jsxs)(n.p,{children:[(0,r.jsx)(n.strong,{children:"\u60aa\u3044\u4f8b"}),": \u516c\u958bAPI\u3092\u30d0\u30a4\u30d1\u30b9\u3057\u3066\u30e2\u30b8\u30e5\u30fc\u30eb\u306e\u5185\u90e8\u90e8\u5206\u306b\u76f4\u63a5\u30a2\u30af\u30bb\u30b9\u3059\u308b\u3053\u3068\u306f\u5371\u967a\u3067\u3042\u308a\u3001\u7279\u306b\u30e2\u30b8\u30e5\u30fc\u30eb\u306e\u30ea\u30d5\u30a1\u30af\u30bf\u30ea\u30f3\u30b0\u6642\u306b\u554f\u984c\u3092\u5f15\u304d\u8d77\u3053\u3059\u53ef\u80fd\u6027\u304c\u3042\u308b\u3002"]}),"\n",(0,r.jsx)(n.pre,{children:(0,r.jsx)(n.code,{className:"language-diff",children:'- import { Form } from "features/auth-form/components/view/form"\n'})}),"\n"]}),"\n",(0,r.jsxs)(n.li,{children:["\n",(0,r.jsxs)(n.p,{children:[(0,r.jsx)(n.strong,{children:"\u826f\u3044\u4f8b"}),": API\u306f\u4e8b\u524d\u306b\u5fc5\u8981\u306a\u3082\u306e\u3060\u3051\u3092\u30a8\u30af\u30b9\u30dd\u30fc\u30c8\u3057\u3001\u30e2\u30b8\u30e5\u30fc\u30eb\u306e\u958b\u767a\u8005\u306f\u30ea\u30d5\u30a1\u30af\u30bf\u30ea\u30f3\u30b0\u6642\u306b\u516c\u958bAPI\u3092\u58ca\u3055\u306a\u3044\u3053\u3068\u3060\u3051\u3092\u8003\u3048\u308c\u3070\u3088\u3044\u3002"]}),"\n",(0,r.jsx)(n.pre,{children:(0,r.jsx)(n.code,{className:"language-diff",children:'+ import { AuthForm } from "features/auth-form"\n'})}),"\n"]}),"\n"]}),"\n",(0,r.jsx)(n.h3,{id:"2-sustainability-for-changes",children:"2. \u5909\u66f4\u3078\u306e\u8010\u6027"}),"\n",(0,r.jsxs)(n.p,{children:["\u516c\u958bAPI\u306f\u3001\u30e2\u30b8\u30e5\u30fc\u30eb\u5185\u90e8\u306e",(0,r.jsx)(n.strong,{children:"\u5909\u66f4\u306b\u5bfe\u3057\u3066\u8010\u6027\u304c\u3042\u308b\u3079\u304d\u3067\u3059"}),"\u3002"]}),"\n",(0,r.jsxs)(n.ul,{children:["\n",(0,r.jsx)(n.li,{children:"\u30e2\u30b8\u30e5\u30fc\u30eb\u306e\u52d5\u4f5c\u3092\u58ca\u3059\u5909\u66f4\u306f\u3001\u516c\u958bAPI\u306e\u5909\u66f4\u3068\u3057\u3066\u53cd\u6620\u3055\u308c\u308b\u3079\u304d"}),"\n"]}),"\n",(0,r.jsx)(n.h4,{id:"examples",children:"\u4f8b"}),"\n",(0,r.jsx)(n.h5,{id:"abstracting-from-the-implementation",children:"\u5b9f\u88c5\u304b\u3089\u306e\u62bd\u8c61\u5316"}),"\n",(0,r.jsx)(n.p,{children:"\u5185\u90e8\u69cb\u9020\u306e\u5909\u66f4\u306f\u3001\u516c\u958bAPI\u306e\u5909\u66f4\u3092\u5f15\u304d\u8d77\u3053\u3059\u3079\u304d\u3067\u306f\u3042\u308a\u307e\u305b\u3093\u3002"}),"\n",(0,r.jsxs)(n.ul,{children:["\n",(0,r.jsxs)(n.li,{children:["\n",(0,r.jsxs)(n.p,{children:[(0,r.jsx)(n.strong,{children:"\u60aa\u3044\u4f8b"}),": \u3053\u306e\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u30d5\u30a3\u30fc\u30c1\u30e3\u30fc\u5185\u3067\u79fb\u52d5\u3001\u307e\u305f\u306f\u540d\u524d\u5909\u66f4\u3059\u308b\u3068\u3001\u3059\u3079\u3066\u306e\u4f7f\u7528\u5834\u6240\u3067\u30a4\u30f3\u30dd\u30fc\u30c8\u3092\u30ea\u30d5\u30a1\u30af\u30bf\u30ea\u30f3\u30b0\u3059\u308b\u5fc5\u8981\u304c\u751f\u3058\u308b\u3002"]}),"\n",(0,r.jsx)(n.pre,{children:(0,r.jsx)(n.code,{className:"language-diff",children:'- import { Form } from "features/auth-form/ui/form"\n'})}),"\n"]}),"\n",(0,r.jsxs)(n.li,{children:["\n",(0,r.jsxs)(n.p,{children:[(0,r.jsx)(n.strong,{children:"\u826f\u3044\u4f8b"}),": \u30d5\u30a3\u30fc\u30c1\u30e3\u30fc\u306e\u30a4\u30f3\u30bf\u30fc\u30d5\u30a7\u30fc\u30b9\u306f\u5185\u90e8\u69cb\u9020\u3092\u53cd\u6620\u305b\u305a\u3001\u5916\u90e8\u306e\u300c\u30e6\u30fc\u30b6\u30fc\u300d\u306f\u30d5\u30a3\u30fc\u30c1\u30e3\u30fc\u5185\u306e\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306e\u79fb\u52d5\u3084\u540d\u524d\u5909\u66f4\u306e\u5f71\u97ff\u3092\u53d7\u3051\u306a\u3044\u3002"]}),"\n",(0,r.jsx)(n.pre,{children:(0,r.jsx)(n.code,{className:"language-diff",children:'+ import { AuthForm } from "features/auth-form"\n'})}),"\n"]}),"\n"]}),"\n",(0,r.jsx)(n.h3,{id:"3-integrability",children:"3. \u7d71\u5408\u6027"}),"\n",(0,r.jsxs)(n.p,{children:["\u516c\u958bAPI\u306f\u3001",(0,r.jsx)(n.strong,{children:"\u7c21\u5358\u3067\u67d4\u8edf\u306a\u7d71\u5408\u3092\u4fc3\u9032\u3059\u308b\u3079\u304d\u3067\u3059"}),"\u3002"]}),"\n",(0,r.jsxs)(n.ul,{children:["\n",(0,r.jsx)(n.li,{children:"\u516c\u958bAPI\u306f\u3001\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u306e\u4ed6\u306e\u90e8\u5206\u3067\u306e\u4f7f\u7528\u304c\u4fbf\u5229\u3067\u3042\u308a\u3001\u7279\u306b\u540d\u524d\u885d\u7a81\u554f\u984c\u3092\u89e3\u6c7a\u3059\u308b\u5fc5\u8981\u304c\u3042\u308b\u3002"}),"\n"]}),"\n",(0,r.jsx)(n.h4,{id:"examples",children:"\u4f8b"}),"\n",(0,r.jsx)(n.h5,{id:"name-collision",children:"\u540d\u524d\u306e\u885d\u7a81"}),"\n",(0,r.jsxs)(n.ul,{children:["\n",(0,r.jsxs)(n.li,{children:["\n",(0,r.jsxs)(n.p,{children:[(0,r.jsx)(n.strong,{children:"\u60aa\u3044\u4f8b"}),": \u540d\u524d\u306e\u885d\u7a81\u304c\u767a\u751f\u3057\u3066\u3057\u307e\u3046\u3002"]}),"\n",(0,r.jsx)(n.pre,{children:(0,r.jsx)(n.code,{className:"language-ts",metastring:'title="features/auth-form/index.ts"',children:'export { Form } from "./ui"\nexport * as model from "./model"\n'})}),"\n",(0,r.jsx)(n.pre,{children:(0,r.jsx)(n.code,{className:"language-ts",metastring:'title="features/post-form/index.ts"',children:'export { Form } from "./ui"\nexport * as model from "./model"\n'})}),"\n",(0,r.jsx)(n.pre,{children:(0,r.jsx)(n.code,{className:"language-diff",children:'- import { Form, model } from "features/auth-form"\n- import { Form, model } from "features/post-form"\n'})}),"\n"]}),"\n",(0,r.jsxs)(n.li,{children:["\n",(0,r.jsxs)(n.p,{children:[(0,r.jsx)(n.strong,{children:"\u826f\u3044\u4f8b"}),": \u30a4\u30f3\u30bf\u30fc\u30d5\u30a7\u30fc\u30b9\u30ec\u30d9\u30eb\u3067\u540d\u524d\u306e\u885d\u7a81\u304c\u89e3\u6c7a\u3055\u308c\u308b\u3002"]}),"\n",(0,r.jsx)(n.pre,{children:(0,r.jsx)(n.code,{className:"language-ts",metastring:'title="features/auth-form/index.ts"',children:'export { Form as AuthForm } from "./ui"\nexport * as authFormModel from "./model"\n'})}),"\n",(0,r.jsx)(n.pre,{children:(0,r.jsx)(n.code,{className:"language-ts",metastring:'title="features/post-form/index.ts"',children:'export { Form as PostForm } from "./ui"\nexport * as postFormModel from "./model"\n'})}),"\n",(0,r.jsx)(n.pre,{children:(0,r.jsx)(n.code,{className:"language-diff",children:'+ import { AuthForm, authFormModel } from "features/auth-form"\n+ import { PostForm, postFormModel } from "features/post-form"\n'})}),"\n"]}),"\n"]}),"\n",(0,r.jsx)(n.h5,{id:"flexible-use",children:"\u67d4\u8edf\u306a\u4f7f\u7528"}),"\n",(0,r.jsxs)(n.ul,{children:["\n",(0,r.jsxs)(n.li,{children:["\n",(0,r.jsxs)(n.p,{children:[(0,r.jsx)(n.strong,{children:"\u60aa\u3044\u4f8b"}),": \u66f8\u304d\u306b\u304f\u304f\u3001\u8aad\u307f\u3065\u3089\u304f\u3001\u300c\u30e6\u30fc\u30b6\u30fc\u300d\u306f\u4e0d\u4fbf\u3092\u611f\u3058\u307e\u3059\u3002"]}),"\n",(0,r.jsx)(n.pre,{children:(0,r.jsx)(n.code,{className:"language-diff",children:'- import { storeActionUpdateUserDetails } from "features/auth-form"\n- dispatch(storeActionUpdateUserDetails(...))\n'})}),"\n"]}),"\n",(0,r.jsxs)(n.li,{children:["\n",(0,r.jsxs)(n.p,{children:[(0,r.jsx)(n.strong,{children:"\u826f\u3044\u4f8b"}),": \u300c\u30e6\u30fc\u30b6\u30fc\u300d\u306f\u5fc5\u8981\u306a\u3082\u306e\u306b\u5bfe\u3057\u3066\u53cd\u5fa9\u7684\u304b\u3064\u67d4\u8edf\u306b\u30a2\u30af\u30bb\u30b9\u3067\u304d\u307e\u3059\u3002"]}),"\n",(0,r.jsx)(n.pre,{children:(0,r.jsx)(n.code,{className:"language-diff",children:'+ import { authFormModel } from "features/auth-form"\n+ dispatch(authFormModel.effects.updateUserDetails(...)) // redux\n+ authFormModel.updateUserDetailsFx(...) // effector\n'})}),"\n"]}),"\n"]}),"\n",(0,r.jsx)(n.h5,{id:"resolution-of-collisions",children:"\u885d\u7a81\u306e\u89e3\u6c7a"}),"\n",(0,r.jsx)(n.p,{children:"\u540d\u524d\u306e\u885d\u7a81\u306f\u3001\u5b9f\u88c5\u30ec\u30d9\u30eb\u3067\u306f\u306a\u304f\u516c\u958bAPI\u306e\u30ec\u30d9\u30eb\u3067\u89e3\u6c7a\u3055\u308c\u308b\u3079\u304d\u3067\u3059\u3002"}),"\n",(0,r.jsxs)(n.ul,{children:["\n",(0,r.jsxs)(n.li,{children:["\n",(0,r.jsxs)(n.p,{children:[(0,r.jsx)(n.strong,{children:"\u60aa\u3044\u4f8b"}),": \u540d\u524d\u306e\u885d\u7a81\u304c\u5b9f\u88c5\u30ec\u30d9\u30eb\u3067\u89e3\u6c7a\u3055\u308c\u308b\u3002"]}),"\n",(0,r.jsx)(n.pre,{children:(0,r.jsx)(n.code,{className:"language-ts",metastring:'title="features/auth-form/index.ts"',children:'export { AuthForm } from "./ui"\nexport { authFormActions, authFormReducer } from "model"\n'})}),"\n",(0,r.jsx)(n.pre,{children:(0,r.jsx)(n.code,{className:"language-ts",metastring:'title="features/post-form/index.ts"',children:'export { PostForm } from "./ui"\nexport { postFormActions, postFormReducer } from "model"\n'})}),"\n"]}),"\n",(0,r.jsxs)(n.li,{children:["\n",(0,r.jsxs)(n.p,{children:[(0,r.jsx)(n.strong,{children:"\u826f\u3044\u4f8b"}),": \u540d\u524d\u306e\u885d\u7a81\u304c\u30a4\u30f3\u30bf\u30fc\u30d5\u30a7\u30fc\u30b9\u30ec\u30d9\u30eb\u3067\u89e3\u6c7a\u3055\u308c\u308b\u3002"]}),"\n",(0,r.jsx)(n.pre,{children:(0,r.jsx)(n.code,{className:"language-ts",metastring:'title="features/auth-form/model.ts"',children:"export { actions, reducer }\n"})}),"\n",(0,r.jsx)(n.pre,{children:(0,r.jsx)(n.code,{className:"language-ts",metastring:'title="features/auth-form/index.ts"',children:'export { Form as AuthForm } from "./ui"\nexport * as authFormModel from "./model"\n'})}),"\n",(0,r.jsx)(n.pre,{children:(0,r.jsx)(n.code,{className:"language-ts",metastring:'title="features/post-form/model.ts"',children:"export { actions, reducer }\n"})}),"\n",(0,r.jsx)(n.pre,{children:(0,r.jsx)(n.code,{className:"language-ts",metastring:'title="features/post-form/index.ts"',children:'export { Form as PostForm } from "./ui"\nexport * as postFormModel from "./model"\n'})}),"\n"]}),"\n"]}),"\n",(0,r.jsx)(n.h2,{id:"about-re-exports",children:"\u518d\u30a8\u30af\u30b9\u30dd\u30fc\u30c8\u306b\u3064\u3044\u3066"}),"\n",(0,r.jsxs)(n.p,{children:["JavaScript\u3067\u306f\u3001\u30e2\u30b8\u30e5\u30fc\u30eb\u306e\u516c\u958bAPI\u306f\u3001\u30e2\u30b8\u30e5\u30fc\u30eb\u5185\u90e8\u306e\u30a8\u30f3\u30c6\u30a3\u30c6\u30a3\u3092",(0,r.jsx)(n.code,{children:"index"}),"\u30d5\u30a1\u30a4\u30eb\u3067\u518d\u30a8\u30af\u30b9\u30dd\u30fc\u30c8\u3059\u308b\u3053\u3068\u306b\u3088\u3063\u3066\u4f5c\u6210\u3055\u308c\u307e\u3059\u3002"]}),"\n",(0,r.jsx)(n.pre,{children:(0,r.jsx)(n.code,{className:"language-ts",metastring:'title="**/**/index.ts"',children:'export { Form as AuthForm } from "./ui"\nexport * as authModel from "./model"\n'})}),"\n",(0,r.jsx)(n.h3,{id:"disadvantages",children:"\u6b20\u70b9"}),"\n",(0,r.jsxs)(n.ul,{children:["\n",(0,r.jsxs)(n.li,{children:["\n",(0,r.jsxs)(n.p,{children:["\u307b\u3068\u3093\u3069\u306e\u4eba\u6c17\u306e\u30d0\u30f3\u30c9\u30e9\u30fc\u3067\u306f\u3001\u518d\u30a8\u30af\u30b9\u30dd\u30fc\u30c8\u306e\u305f\u3081\u306b",(0,r.jsx)(n.strong,{children:"\u30b3\u30fc\u30c9\u5206\u5272\u306e\u52b9\u679c\u304c\u4f4e\u4e0b\u3057\u3066\u3057\u307e\u3044\u307e\u3059"}),"\u3002\u306a\u305c\u306a\u3089\u3001\u3053\u306e\u30a2\u30d7\u30ed\u30fc\u30c1\u3067\u306f",(0,r.jsx)(n.a,{href:"https://webpack.js.org/guides/tree-shaking/",children:"\u30c4\u30ea\u30fc\u30b7\u30a7\u30a4\u30ad\u30f3\u30b0"}),"\u304c\u5b89\u5168\u306b\u30e2\u30b8\u30e5\u30fc\u30eb\u5168\u4f53\u3057\u304b\u524a\u9664\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u306a\u3044\u304b\u3089\u3067\u3059\u3002"]}),"\n",(0,r.jsxs)(n.blockquote,{children:["\n",(0,r.jsxs)(n.p,{children:["\u4f8b\u3048\u3070\u3001\u30da\u30fc\u30b8\u30e2\u30c7\u30eb\u3067",(0,r.jsx)(n.code,{children:"authModel"}),"\u3092\u30a4\u30f3\u30dd\u30fc\u30c8\u3059\u308b\u3068\u3001\u305f\u3068\u3048\u4f7f\u7528\u3055\u308c\u3066\u3044\u306a\u304f\u3066\u3082\u3001",(0,r.jsx)(n.code,{children:"AuthForm"}),"\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u304c\u305d\u306e\u30da\u30fc\u30b8\u306e\u30c1\u30e3\u30f3\u30af\u306b\u542b\u307e\u308c\u3066\u3057\u307e\u3044\u307e\u3059\u3002"]}),"\n"]}),"\n"]}),"\n",(0,r.jsxs)(n.li,{children:["\n",(0,r.jsx)(n.p,{children:"\u7d50\u679c\u3068\u3057\u3066\u3001\u30c1\u30e3\u30f3\u30af\u306e\u521d\u671f\u5316\u304c\u9ad8\u30b3\u30b9\u30c8\u306b\u306a\u308a\u3001\u30d6\u30e9\u30a6\u30b6\u306f\u305d\u306e\u4e2d\u306e\u3059\u3079\u3066\u306e\u30e2\u30b8\u30e5\u30fc\u30eb\u3092\u51e6\u7406\u3059\u308b\u5fc5\u8981\u304c\u3042\u308a\u307e\u3059\u3002"}),"\n"]}),"\n"]}),"\n",(0,r.jsx)(n.h3,{id:"possible-solutions",children:"\u53ef\u80fd\u306a\u89e3\u6c7a\u7b56"}),"\n",(0,r.jsxs)(n.ul,{children:["\n",(0,r.jsxs)(n.li,{children:[(0,r.jsx)(n.code,{children:"webpack"}),"\u306f\u3001\u518d\u30a8\u30af\u30b9\u30dd\u30fc\u30c8\u30d5\u30a1\u30a4\u30eb\u3092",(0,r.jsx)(n.a,{href:"https://webpack.js.org/guides/tree-shaking/#mark-the-file-as-side-effect-free",children:(0,r.jsx)(n.strong,{children:"\u526f\u4f5c\u7528\u306a\u3057"})}),"\u3068\u3057\u3066\u30de\u30fc\u30af\u3059\u308b\u3053\u3068\u3092\u53ef\u80fd\u306b\u3057\u3066\u3044\u307e\u3059\u3002\u3053\u308c\u306b\u3088\u308a\u3001",(0,r.jsx)(n.code,{children:"webpack"}),"\u306f\u305d\u306e\u30d5\u30a1\u30a4\u30eb\u3092\u6271\u3046\u969b\u306b\u653b\u6483\u7684\u306a\u6700\u9069\u5316\u3092\u4f7f\u7528\u3067\u304d\u308b\u3088\u3046\u306b\u306a\u308a\u307e\u3059\u3002"]}),"\n"]}),"\n",(0,r.jsx)(n.h2,{id:"see-also",children:"\u53c2\u7167"}),"\n",(0,r.jsxs)(n.ul,{children:["\n",(0,r.jsx)(n.li,{children:(0,r.jsxs)(n.a,{href:"https://ja.wikipedia.org/wiki/SOLID",children:[(0,r.jsx)(n.strong,{children:"SOLID"}),"\u539f\u5247"]})}),"\n",(0,r.jsx)(n.li,{children:(0,r.jsxs)(n.a,{href:"https://ja.wikipedia.org/wiki/GRASP",children:[(0,r.jsx)(n.strong,{children:"GRASP"}),"\u30d1\u30bf\u30fc\u30f3"]})}),"\n"]})]})}function h(e={}){const{wrapper:n}={...(0,i.R)(),...e.components};return n?(0,r.jsx)(n,{...e,children:(0,r.jsx)(c,{...e})}):c(e)}},1100:(e,n,s)=>{s.d(n,{R:()=>t,x:()=>o});var r=s(758);const i={},l=r.createContext(i);function t(e){const n=r.useContext(l);return r.useMemo((function(){return"function"==typeof e?e(n):{...n,...e}}),[n,e])}function o(e){let n;return n=e.disableParentContext?"function"==typeof e.components?e.components(i):e.components||i:t(e.components),r.createElement(l.Provider,{value:n},e.children)}}}]);
\ No newline at end of file
+"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[4685],{5074:(e,n,s)=>{s.r(n),s.d(n,{assets:()=>d,contentTitle:()=>t,default:()=>h,frontMatter:()=>l,metadata:()=>o,toc:()=>a});var r=s(6070),i=s(1100);const l={sidebar_position:3,sidebar_label:"\u516c\u958bAPI",pagination_next:"about/index"},t="\u516c\u958bAPI",o={id:"reference/public-api",title:"\u516c\u958bAPI",description:"FSD\u3067\u306e\u5404\u30a8\u30f3\u30c6\u30a3\u30c6\u30a3\u306f\u3001\u4f7f\u3044\u3084\u3059\u304f\u7d71\u5408\u3057\u3084\u3059\u3044\u30e2\u30b8\u30e5\u30fc\u30eb\u3068\u3057\u3066\u8a2d\u8a08\u3055\u308c\u3066\u3044\u307e\u3059\u3002",source:"@site/i18n/ja/docusaurus-plugin-content-docs/current/reference/public-api.md",sourceDirName:"reference",slug:"/reference/public-api",permalink:"/ja/docs/reference/public-api",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/ja/docusaurus-plugin-content-docs/current/reference/public-api.md",tags:[],version:"current",lastUpdatedAt:1728325386e3,sidebarPosition:3,frontMatter:{sidebar_position:3,sidebar_label:"\u516c\u958bAPI",pagination_next:"about/index"},sidebar:"referenceSidebar",previous:{title:"\u30b9\u30e9\u30a4\u30b9\u3068\u30bb\u30b0\u30e1\u30f3\u30c8",permalink:"/ja/docs/reference/slices-segments"},next:{title:"\ud83c\udf70 FSD\u306b\u3064\u3044\u3066",permalink:"/ja/docs/about/"}},d={},a=[{value:"\u76ee\u7684",id:"goals",level:2},{value:"\u516c\u958bAPI\u306e\u8981\u4ef6",id:"requirements-for-the-public-api",level:2},{value:"1. \u30a2\u30af\u30bb\u30b9\u5236\u5fa1",id:"1-access-control",level:3},{value:"\u4f8b",id:"examples",level:4},{value:"\u30d7\u30e9\u30a4\u30d9\u30fc\u30c8\u30a4\u30f3\u30dd\u30fc\u30c8\u304b\u3089\u306e\u6392\u9664",id:"suspension-from-private-imports",level:5},{value:"2. \u5909\u66f4\u3078\u306e\u8010\u6027",id:"2-sustainability-for-changes",level:3},{value:"\u4f8b",id:"examples",level:4},{value:"\u5b9f\u88c5\u304b\u3089\u306e\u62bd\u8c61\u5316",id:"abstracting-from-the-implementation",level:5},{value:"3. \u7d71\u5408\u6027",id:"3-integrability",level:3},{value:"\u4f8b",id:"examples",level:4},{value:"\u540d\u524d\u306e\u885d\u7a81",id:"name-collision",level:5},{value:"\u67d4\u8edf\u306a\u4f7f\u7528",id:"flexible-use",level:5},{value:"\u885d\u7a81\u306e\u89e3\u6c7a",id:"resolution-of-collisions",level:5},{value:"\u518d\u30a8\u30af\u30b9\u30dd\u30fc\u30c8\u306b\u3064\u3044\u3066",id:"about-re-exports",level:2},{value:"\u6b20\u70b9",id:"disadvantages",level:3},{value:"\u53ef\u80fd\u306a\u89e3\u6c7a\u7b56",id:"possible-solutions",level:3},{value:"\u53c2\u7167",id:"see-also",level:2}];function c(e){const n={a:"a",admonition:"admonition",blockquote:"blockquote",code:"code",em:"em",h1:"h1",h2:"h2",h3:"h3",h4:"h4",h5:"h5",header:"header",li:"li",ol:"ol",p:"p",pre:"pre",strong:"strong",ul:"ul",...(0,i.R)(),...e.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(n.header,{children:(0,r.jsx)(n.h1,{id:"\u516c\u958bapi",children:"\u516c\u958bAPI"})}),"\n",(0,r.jsxs)(n.p,{children:["FSD\u3067\u306e\u5404\u30a8\u30f3\u30c6\u30a3\u30c6\u30a3\u306f\u3001",(0,r.jsx)(n.strong,{children:"\u4f7f\u3044\u3084\u3059\u304f\u7d71\u5408\u3057\u3084\u3059\u3044\u30e2\u30b8\u30e5\u30fc\u30eb"}),"\u3068\u3057\u3066\u8a2d\u8a08\u3055\u308c\u3066\u3044\u307e\u3059\u3002"]}),"\n",(0,r.jsx)(n.h2,{id:"goals",children:"\u76ee\u7684"}),"\n",(0,r.jsxs)(n.p,{children:["\u30e2\u30b8\u30e5\u30fc\u30eb\u306e\u4f7f\u3044\u3084\u3059\u3055\u3068\u7d71\u5408\u3057\u3084\u3059\u3055\u306f\u3001",(0,r.jsx)(n.em,{children:"\u3044\u304f\u3064\u304b\u306e\u76ee\u7684"}),"\u3092\u9054\u6210\u3059\u308b\u3053\u3068\u306b\u3088\u3063\u3066\u5b9f\u73fe\u3055\u308c\u307e\u3059\u3002"]}),"\n",(0,r.jsxs)(n.ol,{children:["\n",(0,r.jsxs)(n.li,{children:["\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u306f\u3001\u500b\u3005\u30e2\u30b8\u30e5\u30fc\u30eb\u5185\u90e8\u69cb\u9020\u306e",(0,r.jsx)(n.strong,{children:"\u5909\u66f4\u304b\u3089\u4fdd\u8b77\u3055\u308c\u308b\u3079\u304d"})]}),"\n",(0,r.jsxs)(n.li,{children:["\u30e2\u30b8\u30e5\u30fc\u30eb\u5185\u90e8\u69cb\u9020\u306e\u518d\u8a2d\u8a08\u306f\u3001",(0,r.jsx)(n.strong,{children:"\u4ed6\u306e\u30e2\u30b8\u30e5\u30fc\u30eb\u306b\u5f71\u97ff\u3092\u4e0e\u3048\u3066\u306f\u306a\u3089\u306a\u3044"})]}),"\n",(0,r.jsxs)(n.li,{children:["\u30e2\u30b8\u30e5\u30fc\u30eb\u306e\u52d5\u4f5c\u306e\u91cd\u8981\u306a\u5909\u66f4\u306f\u3001",(0,r.jsx)(n.strong,{children:"\u7c21\u5358\u306b\u7279\u5b9a\u3067\u304d\u308b\u3079\u304d"}),"\n",(0,r.jsxs)(n.blockquote,{children:["\n",(0,r.jsxs)(n.p,{children:[(0,r.jsx)(n.strong,{children:"\u30e2\u30b8\u30e5\u30fc\u30eb\u306e\u52d5\u4f5c\u306b\u95a2\u3059\u308b\u91cd\u8981\u306a\u5909\u66f4"}),"\u3068\u306f\u3001\u30e2\u30b8\u30e5\u30fc\u30eb\u5229\u7528\u8005\u306e\u671f\u5f85\u3092\u58ca\u3059\u5909\u66f4"]}),"\n"]}),"\n"]}),"\n"]}),"\n",(0,r.jsx)(n.p,{children:"\u3053\u308c\u3089\u306e\u76ee\u7684\u3092\u9054\u6210\u3059\u308b\u305f\u3081\u306b\u3001\u516c\u958bAPI\uff08\u516c\u958b\u30a4\u30f3\u30bf\u30fc\u30d5\u30a7\u30fc\u30b9\uff09\u304c\u5c0e\u5165\u3055\u308c\u3001\u30e2\u30b8\u30e5\u30fc\u30eb\u6a5f\u80fd\u3078\u306e\u5358\u4e00\u30a2\u30af\u30bb\u30b9\u70b9\u3092\u63d0\u4f9b\u3057\u3001\u30e2\u30b8\u30e5\u30fc\u30eb\u3068\u5916\u90e8\u4e16\u754c\u3068\u306e\u76f8\u4e92\u4f5c\u7528\u306e\u300c\u5951\u7d04\u300d\u3092\u5b9a\u7fa9\u3057\u307e\u3059\u3002"}),"\n",(0,r.jsx)(n.admonition,{title:"\u91cd\u8981",type:"info",children:(0,r.jsx)(n.p,{children:"\u30a8\u30f3\u30c6\u30a3\u30c6\u30a3\u306e\u69cb\u9020\u306f\u3001\u516c\u958bAPI\u3092\u63d0\u4f9b\u3059\u308b\u5358\u4e00\u306e\u30a8\u30f3\u30c8\u30ea\u30fc\u30dd\u30a4\u30f3\u30c8\u3092\u6301\u3064\u3079\u304d"})}),"\n",(0,r.jsx)(n.pre,{children:(0,r.jsx)(n.code,{className:"language-sh",children:"\u2514\u2500\u2500 features/\xa0 \xa0 \xa0 \xa0 \xa0 \xa0 \xa0 \xa0 \xa0 \xa0 \xa0 \xa0   #\xa0\n   \u2514\u2500\u2500 auth-form/\xa0 \xa0 \xa0 \xa0 \xa0 \xa0 \xa0 \xa0 \xa0     # \u30d5\u30a3\u30fc\u30c1\u30e3\u30fc\u306e\u5185\u90e8\u69cb\u9020\n            \u251c\u2500\u2500 ui/\xa0 \xa0 \xa0 \xa0 \xa0 \xa0 \xa0 \xa0 \xa0 \xa0 #\n            \u251c\u2500\u2500 model/\xa0 \xa0 \xa0 \xa0 \xa0 \xa0 \xa0 \xa0 \xa0#\n            \u251c\u2500\u2500 {...}/\xa0 \xa0 \xa0 \xa0 \xa0 \xa0 \xa0 \xa0 \xa0#\n            \u2514\u2500\u2500 index.ts\xa0 \xa0 \xa0 \xa0 \xa0 \xa0 \xa0 \xa0# \u30d5\u30a3\u30fc\u30c1\u30e3\u30fc\u306e\u516c\u958bAPI\u3092\u6301\u3064\u30a8\u30f3\u30c8\u30ea\u30fc\u30dd\u30a4\u30f3\u30c8\n"})}),"\n",(0,r.jsx)(n.pre,{children:(0,r.jsx)(n.code,{className:"language-ts",metastring:'title="**/**/index.ts"',children:'export { Form as AuthForm } from "./ui"\nexport * as authFormModel from "./model"\n'})}),"\n",(0,r.jsx)(n.h2,{id:"requirements-for-the-public-api",children:"\u516c\u958bAPI\u306e\u8981\u4ef6"}),"\n",(0,r.jsxs)(n.p,{children:["\u4e0b\u8a18\u306e\u8981\u4ef6\u3092\u6e80\u305f\u3059\u3053\u3068\u3067\u3001\u30e2\u30b8\u30e5\u30fc\u30eb\u3068\u306e\u76f8\u4e92\u4f5c\u7528\u3092",(0,r.jsx)(n.strong,{children:"\u516c\u958bAPI\u5951\u7d04\u306e\u5b9f\u884c"}),"\u306b\u5236\u9650\u3057\u3001\u30e2\u30b8\u30e5\u30fc\u30eb\u306e\u4fe1\u983c\u6027\u3068\u4f7f\u3044\u3084\u3059\u3055\u3092\u9054\u6210\u3067\u304d\u307e\u3059\u3002"]}),"\n",(0,r.jsx)(n.h3,{id:"1-access-control",children:"1. \u30a2\u30af\u30bb\u30b9\u5236\u5fa1"}),"\n",(0,r.jsxs)(n.p,{children:["\u516c\u958bAPI\u306f\u3001\u30e2\u30b8\u30e5\u30fc\u30eb\u5185\u5bb9\u3078\u306e",(0,r.jsx)(n.strong,{children:"\u30a2\u30af\u30bb\u30b9\u5236\u5fa1"}),"\u3092\u884c\u3046\u3079\u304d\u3067\u3059\u3002"]}),"\n",(0,r.jsxs)(n.ul,{children:["\n",(0,r.jsxs)(n.li,{children:["\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u306e\u4ed6\u306e\u90e8\u5206\u306f\u3001",(0,r.jsx)(n.strong,{children:"\u516c\u958bAPI\u3067\u63d0\u4f9b\u3055\u308c\u308b\u30e2\u30b8\u30e5\u30fc\u30eb\u306e\u30a8\u30f3\u30c6\u30a3\u30c6\u30a3\u306e\u307f\u3092\u4f7f\u7528\u3067\u304d\u308b"})]}),"\n",(0,r.jsxs)(n.li,{children:["\u516c\u958bAPI\u306e\u306a\u3044\u30e2\u30b8\u30e5\u30fc\u30eb\u306e\u5185\u90e8\u90e8\u5206\u306f\u3001",(0,r.jsx)(n.strong,{children:"\u30e2\u30b8\u30e5\u30fc\u30eb\u81ea\u8eab\u306e\u307f\u304c\u30a2\u30af\u30bb\u30b9\u3067\u304d\u308b"})]}),"\n"]}),"\n",(0,r.jsx)(n.h4,{id:"examples",children:"\u4f8b"}),"\n",(0,r.jsx)(n.h5,{id:"suspension-from-private-imports",children:"\u30d7\u30e9\u30a4\u30d9\u30fc\u30c8\u30a4\u30f3\u30dd\u30fc\u30c8\u304b\u3089\u306e\u6392\u9664"}),"\n",(0,r.jsxs)(n.ul,{children:["\n",(0,r.jsxs)(n.li,{children:["\n",(0,r.jsxs)(n.p,{children:[(0,r.jsx)(n.strong,{children:"\u60aa\u3044\u4f8b"}),": \u516c\u958bAPI\u3092\u30d0\u30a4\u30d1\u30b9\u3057\u3066\u30e2\u30b8\u30e5\u30fc\u30eb\u306e\u5185\u90e8\u90e8\u5206\u306b\u76f4\u63a5\u30a2\u30af\u30bb\u30b9\u3059\u308b\u3053\u3068\u306f\u5371\u967a\u3067\u3042\u308a\u3001\u7279\u306b\u30e2\u30b8\u30e5\u30fc\u30eb\u306e\u30ea\u30d5\u30a1\u30af\u30bf\u30ea\u30f3\u30b0\u6642\u306b\u554f\u984c\u3092\u5f15\u304d\u8d77\u3053\u3059\u53ef\u80fd\u6027\u304c\u3042\u308b\u3002"]}),"\n",(0,r.jsx)(n.pre,{children:(0,r.jsx)(n.code,{className:"language-diff",children:'- import { Form } from "features/auth-form/components/view/form"\n'})}),"\n"]}),"\n",(0,r.jsxs)(n.li,{children:["\n",(0,r.jsxs)(n.p,{children:[(0,r.jsx)(n.strong,{children:"\u826f\u3044\u4f8b"}),": API\u306f\u4e8b\u524d\u306b\u5fc5\u8981\u306a\u3082\u306e\u3060\u3051\u3092\u30a8\u30af\u30b9\u30dd\u30fc\u30c8\u3057\u3001\u30e2\u30b8\u30e5\u30fc\u30eb\u306e\u958b\u767a\u8005\u306f\u30ea\u30d5\u30a1\u30af\u30bf\u30ea\u30f3\u30b0\u6642\u306b\u516c\u958bAPI\u3092\u58ca\u3055\u306a\u3044\u3053\u3068\u3060\u3051\u3092\u8003\u3048\u308c\u3070\u3088\u3044\u3002"]}),"\n",(0,r.jsx)(n.pre,{children:(0,r.jsx)(n.code,{className:"language-diff",children:'+ import { AuthForm } from "features/auth-form"\n'})}),"\n"]}),"\n"]}),"\n",(0,r.jsx)(n.h3,{id:"2-sustainability-for-changes",children:"2. \u5909\u66f4\u3078\u306e\u8010\u6027"}),"\n",(0,r.jsxs)(n.p,{children:["\u516c\u958bAPI\u306f\u3001\u30e2\u30b8\u30e5\u30fc\u30eb\u5185\u90e8\u306e",(0,r.jsx)(n.strong,{children:"\u5909\u66f4\u306b\u5bfe\u3057\u3066\u8010\u6027\u304c\u3042\u308b\u3079\u304d\u3067\u3059"}),"\u3002"]}),"\n",(0,r.jsxs)(n.ul,{children:["\n",(0,r.jsx)(n.li,{children:"\u30e2\u30b8\u30e5\u30fc\u30eb\u306e\u52d5\u4f5c\u3092\u58ca\u3059\u5909\u66f4\u306f\u3001\u516c\u958bAPI\u306e\u5909\u66f4\u3068\u3057\u3066\u53cd\u6620\u3055\u308c\u308b\u3079\u304d"}),"\n"]}),"\n",(0,r.jsx)(n.h4,{id:"examples",children:"\u4f8b"}),"\n",(0,r.jsx)(n.h5,{id:"abstracting-from-the-implementation",children:"\u5b9f\u88c5\u304b\u3089\u306e\u62bd\u8c61\u5316"}),"\n",(0,r.jsx)(n.p,{children:"\u5185\u90e8\u69cb\u9020\u306e\u5909\u66f4\u306f\u3001\u516c\u958bAPI\u306e\u5909\u66f4\u3092\u5f15\u304d\u8d77\u3053\u3059\u3079\u304d\u3067\u306f\u3042\u308a\u307e\u305b\u3093\u3002"}),"\n",(0,r.jsxs)(n.ul,{children:["\n",(0,r.jsxs)(n.li,{children:["\n",(0,r.jsxs)(n.p,{children:[(0,r.jsx)(n.strong,{children:"\u60aa\u3044\u4f8b"}),": \u3053\u306e\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u30d5\u30a3\u30fc\u30c1\u30e3\u30fc\u5185\u3067\u79fb\u52d5\u3001\u307e\u305f\u306f\u540d\u524d\u5909\u66f4\u3059\u308b\u3068\u3001\u3059\u3079\u3066\u306e\u4f7f\u7528\u5834\u6240\u3067\u30a4\u30f3\u30dd\u30fc\u30c8\u3092\u30ea\u30d5\u30a1\u30af\u30bf\u30ea\u30f3\u30b0\u3059\u308b\u5fc5\u8981\u304c\u751f\u3058\u308b\u3002"]}),"\n",(0,r.jsx)(n.pre,{children:(0,r.jsx)(n.code,{className:"language-diff",children:'- import { Form } from "features/auth-form/ui/form"\n'})}),"\n"]}),"\n",(0,r.jsxs)(n.li,{children:["\n",(0,r.jsxs)(n.p,{children:[(0,r.jsx)(n.strong,{children:"\u826f\u3044\u4f8b"}),": \u30d5\u30a3\u30fc\u30c1\u30e3\u30fc\u306e\u30a4\u30f3\u30bf\u30fc\u30d5\u30a7\u30fc\u30b9\u306f\u5185\u90e8\u69cb\u9020\u3092\u53cd\u6620\u305b\u305a\u3001\u5916\u90e8\u306e\u300c\u30e6\u30fc\u30b6\u30fc\u300d\u306f\u30d5\u30a3\u30fc\u30c1\u30e3\u30fc\u5185\u306e\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306e\u79fb\u52d5\u3084\u540d\u524d\u5909\u66f4\u306e\u5f71\u97ff\u3092\u53d7\u3051\u306a\u3044\u3002"]}),"\n",(0,r.jsx)(n.pre,{children:(0,r.jsx)(n.code,{className:"language-diff",children:'+ import { AuthForm } from "features/auth-form"\n'})}),"\n"]}),"\n"]}),"\n",(0,r.jsx)(n.h3,{id:"3-integrability",children:"3. \u7d71\u5408\u6027"}),"\n",(0,r.jsxs)(n.p,{children:["\u516c\u958bAPI\u306f\u3001",(0,r.jsx)(n.strong,{children:"\u7c21\u5358\u3067\u67d4\u8edf\u306a\u7d71\u5408\u3092\u4fc3\u9032\u3059\u308b\u3079\u304d\u3067\u3059"}),"\u3002"]}),"\n",(0,r.jsxs)(n.ul,{children:["\n",(0,r.jsx)(n.li,{children:"\u516c\u958bAPI\u306f\u3001\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u306e\u4ed6\u306e\u90e8\u5206\u3067\u306e\u4f7f\u7528\u304c\u4fbf\u5229\u3067\u3042\u308a\u3001\u7279\u306b\u540d\u524d\u885d\u7a81\u554f\u984c\u3092\u89e3\u6c7a\u3059\u308b\u5fc5\u8981\u304c\u3042\u308b\u3002"}),"\n"]}),"\n",(0,r.jsx)(n.h4,{id:"examples",children:"\u4f8b"}),"\n",(0,r.jsx)(n.h5,{id:"name-collision",children:"\u540d\u524d\u306e\u885d\u7a81"}),"\n",(0,r.jsxs)(n.ul,{children:["\n",(0,r.jsxs)(n.li,{children:["\n",(0,r.jsxs)(n.p,{children:[(0,r.jsx)(n.strong,{children:"\u60aa\u3044\u4f8b"}),": \u540d\u524d\u306e\u885d\u7a81\u304c\u767a\u751f\u3057\u3066\u3057\u307e\u3046\u3002"]}),"\n",(0,r.jsx)(n.pre,{children:(0,r.jsx)(n.code,{className:"language-ts",metastring:'title="features/auth-form/index.ts"',children:'export { Form } from "./ui"\nexport * as model from "./model"\n'})}),"\n",(0,r.jsx)(n.pre,{children:(0,r.jsx)(n.code,{className:"language-ts",metastring:'title="features/post-form/index.ts"',children:'export { Form } from "./ui"\nexport * as model from "./model"\n'})}),"\n",(0,r.jsx)(n.pre,{children:(0,r.jsx)(n.code,{className:"language-diff",children:'- import { Form, model } from "features/auth-form"\n- import { Form, model } from "features/post-form"\n'})}),"\n"]}),"\n",(0,r.jsxs)(n.li,{children:["\n",(0,r.jsxs)(n.p,{children:[(0,r.jsx)(n.strong,{children:"\u826f\u3044\u4f8b"}),": \u30a4\u30f3\u30bf\u30fc\u30d5\u30a7\u30fc\u30b9\u30ec\u30d9\u30eb\u3067\u540d\u524d\u306e\u885d\u7a81\u304c\u89e3\u6c7a\u3055\u308c\u308b\u3002"]}),"\n",(0,r.jsx)(n.pre,{children:(0,r.jsx)(n.code,{className:"language-ts",metastring:'title="features/auth-form/index.ts"',children:'export { Form as AuthForm } from "./ui"\nexport * as authFormModel from "./model"\n'})}),"\n",(0,r.jsx)(n.pre,{children:(0,r.jsx)(n.code,{className:"language-ts",metastring:'title="features/post-form/index.ts"',children:'export { Form as PostForm } from "./ui"\nexport * as postFormModel from "./model"\n'})}),"\n",(0,r.jsx)(n.pre,{children:(0,r.jsx)(n.code,{className:"language-diff",children:'+ import { AuthForm, authFormModel } from "features/auth-form"\n+ import { PostForm, postFormModel } from "features/post-form"\n'})}),"\n"]}),"\n"]}),"\n",(0,r.jsx)(n.h5,{id:"flexible-use",children:"\u67d4\u8edf\u306a\u4f7f\u7528"}),"\n",(0,r.jsxs)(n.ul,{children:["\n",(0,r.jsxs)(n.li,{children:["\n",(0,r.jsxs)(n.p,{children:[(0,r.jsx)(n.strong,{children:"\u60aa\u3044\u4f8b"}),": \u66f8\u304d\u306b\u304f\u304f\u3001\u8aad\u307f\u3065\u3089\u304f\u3001\u300c\u30e6\u30fc\u30b6\u30fc\u300d\u306f\u4e0d\u4fbf\u3092\u611f\u3058\u307e\u3059\u3002"]}),"\n",(0,r.jsx)(n.pre,{children:(0,r.jsx)(n.code,{className:"language-diff",children:'- import { storeActionUpdateUserDetails } from "features/auth-form"\n- dispatch(storeActionUpdateUserDetails(...))\n'})}),"\n"]}),"\n",(0,r.jsxs)(n.li,{children:["\n",(0,r.jsxs)(n.p,{children:[(0,r.jsx)(n.strong,{children:"\u826f\u3044\u4f8b"}),": \u300c\u30e6\u30fc\u30b6\u30fc\u300d\u306f\u5fc5\u8981\u306a\u3082\u306e\u306b\u5bfe\u3057\u3066\u53cd\u5fa9\u7684\u304b\u3064\u67d4\u8edf\u306b\u30a2\u30af\u30bb\u30b9\u3067\u304d\u307e\u3059\u3002"]}),"\n",(0,r.jsx)(n.pre,{children:(0,r.jsx)(n.code,{className:"language-diff",children:'+ import { authFormModel } from "features/auth-form"\n+ dispatch(authFormModel.effects.updateUserDetails(...)) // redux\n+ authFormModel.updateUserDetailsFx(...) // effector\n'})}),"\n"]}),"\n"]}),"\n",(0,r.jsx)(n.h5,{id:"resolution-of-collisions",children:"\u885d\u7a81\u306e\u89e3\u6c7a"}),"\n",(0,r.jsx)(n.p,{children:"\u540d\u524d\u306e\u885d\u7a81\u306f\u3001\u5b9f\u88c5\u30ec\u30d9\u30eb\u3067\u306f\u306a\u304f\u516c\u958bAPI\u306e\u30ec\u30d9\u30eb\u3067\u89e3\u6c7a\u3055\u308c\u308b\u3079\u304d\u3067\u3059\u3002"}),"\n",(0,r.jsxs)(n.ul,{children:["\n",(0,r.jsxs)(n.li,{children:["\n",(0,r.jsxs)(n.p,{children:[(0,r.jsx)(n.strong,{children:"\u60aa\u3044\u4f8b"}),": \u540d\u524d\u306e\u885d\u7a81\u304c\u5b9f\u88c5\u30ec\u30d9\u30eb\u3067\u89e3\u6c7a\u3055\u308c\u308b\u3002"]}),"\n",(0,r.jsx)(n.pre,{children:(0,r.jsx)(n.code,{className:"language-ts",metastring:'title="features/auth-form/index.ts"',children:'export { AuthForm } from "./ui"\nexport { authFormActions, authFormReducer } from "model"\n'})}),"\n",(0,r.jsx)(n.pre,{children:(0,r.jsx)(n.code,{className:"language-ts",metastring:'title="features/post-form/index.ts"',children:'export { PostForm } from "./ui"\nexport { postFormActions, postFormReducer } from "model"\n'})}),"\n"]}),"\n",(0,r.jsxs)(n.li,{children:["\n",(0,r.jsxs)(n.p,{children:[(0,r.jsx)(n.strong,{children:"\u826f\u3044\u4f8b"}),": \u540d\u524d\u306e\u885d\u7a81\u304c\u30a4\u30f3\u30bf\u30fc\u30d5\u30a7\u30fc\u30b9\u30ec\u30d9\u30eb\u3067\u89e3\u6c7a\u3055\u308c\u308b\u3002"]}),"\n",(0,r.jsx)(n.pre,{children:(0,r.jsx)(n.code,{className:"language-ts",metastring:'title="features/auth-form/model.ts"',children:"export { actions, reducer }\n"})}),"\n",(0,r.jsx)(n.pre,{children:(0,r.jsx)(n.code,{className:"language-ts",metastring:'title="features/auth-form/index.ts"',children:'export { Form as AuthForm } from "./ui"\nexport * as authFormModel from "./model"\n'})}),"\n",(0,r.jsx)(n.pre,{children:(0,r.jsx)(n.code,{className:"language-ts",metastring:'title="features/post-form/model.ts"',children:"export { actions, reducer }\n"})}),"\n",(0,r.jsx)(n.pre,{children:(0,r.jsx)(n.code,{className:"language-ts",metastring:'title="features/post-form/index.ts"',children:'export { Form as PostForm } from "./ui"\nexport * as postFormModel from "./model"\n'})}),"\n"]}),"\n"]}),"\n",(0,r.jsx)(n.h2,{id:"about-re-exports",children:"\u518d\u30a8\u30af\u30b9\u30dd\u30fc\u30c8\u306b\u3064\u3044\u3066"}),"\n",(0,r.jsxs)(n.p,{children:["JavaScript\u3067\u306f\u3001\u30e2\u30b8\u30e5\u30fc\u30eb\u306e\u516c\u958bAPI\u306f\u3001\u30e2\u30b8\u30e5\u30fc\u30eb\u5185\u90e8\u306e\u30a8\u30f3\u30c6\u30a3\u30c6\u30a3\u3092",(0,r.jsx)(n.code,{children:"index"}),"\u30d5\u30a1\u30a4\u30eb\u3067\u518d\u30a8\u30af\u30b9\u30dd\u30fc\u30c8\u3059\u308b\u3053\u3068\u306b\u3088\u3063\u3066\u4f5c\u6210\u3055\u308c\u307e\u3059\u3002"]}),"\n",(0,r.jsx)(n.pre,{children:(0,r.jsx)(n.code,{className:"language-ts",metastring:'title="**/**/index.ts"',children:'export { Form as AuthForm } from "./ui"\nexport * as authModel from "./model"\n'})}),"\n",(0,r.jsx)(n.h3,{id:"disadvantages",children:"\u6b20\u70b9"}),"\n",(0,r.jsxs)(n.ul,{children:["\n",(0,r.jsxs)(n.li,{children:["\n",(0,r.jsxs)(n.p,{children:["\u307b\u3068\u3093\u3069\u306e\u4eba\u6c17\u306e\u30d0\u30f3\u30c9\u30e9\u30fc\u3067\u306f\u3001\u518d\u30a8\u30af\u30b9\u30dd\u30fc\u30c8\u306e\u305f\u3081\u306b",(0,r.jsx)(n.strong,{children:"\u30b3\u30fc\u30c9\u5206\u5272\u306e\u52b9\u679c\u304c\u4f4e\u4e0b\u3057\u3066\u3057\u307e\u3044\u307e\u3059"}),"\u3002\u306a\u305c\u306a\u3089\u3001\u3053\u306e\u30a2\u30d7\u30ed\u30fc\u30c1\u3067\u306f",(0,r.jsx)(n.a,{href:"https://webpack.js.org/guides/tree-shaking/",children:"\u30c4\u30ea\u30fc\u30b7\u30a7\u30a4\u30ad\u30f3\u30b0"}),"\u304c\u5b89\u5168\u306b\u30e2\u30b8\u30e5\u30fc\u30eb\u5168\u4f53\u3057\u304b\u524a\u9664\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u306a\u3044\u304b\u3089\u3067\u3059\u3002"]}),"\n",(0,r.jsxs)(n.blockquote,{children:["\n",(0,r.jsxs)(n.p,{children:["\u4f8b\u3048\u3070\u3001\u30da\u30fc\u30b8\u30e2\u30c7\u30eb\u3067",(0,r.jsx)(n.code,{children:"authModel"}),"\u3092\u30a4\u30f3\u30dd\u30fc\u30c8\u3059\u308b\u3068\u3001\u305f\u3068\u3048\u4f7f\u7528\u3055\u308c\u3066\u3044\u306a\u304f\u3066\u3082\u3001",(0,r.jsx)(n.code,{children:"AuthForm"}),"\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u304c\u305d\u306e\u30da\u30fc\u30b8\u306e\u30c1\u30e3\u30f3\u30af\u306b\u542b\u307e\u308c\u3066\u3057\u307e\u3044\u307e\u3059\u3002"]}),"\n"]}),"\n"]}),"\n",(0,r.jsxs)(n.li,{children:["\n",(0,r.jsx)(n.p,{children:"\u7d50\u679c\u3068\u3057\u3066\u3001\u30c1\u30e3\u30f3\u30af\u306e\u521d\u671f\u5316\u304c\u9ad8\u30b3\u30b9\u30c8\u306b\u306a\u308a\u3001\u30d6\u30e9\u30a6\u30b6\u306f\u305d\u306e\u4e2d\u306e\u3059\u3079\u3066\u306e\u30e2\u30b8\u30e5\u30fc\u30eb\u3092\u51e6\u7406\u3059\u308b\u5fc5\u8981\u304c\u3042\u308a\u307e\u3059\u3002"}),"\n"]}),"\n"]}),"\n",(0,r.jsx)(n.h3,{id:"possible-solutions",children:"\u53ef\u80fd\u306a\u89e3\u6c7a\u7b56"}),"\n",(0,r.jsxs)(n.ul,{children:["\n",(0,r.jsxs)(n.li,{children:[(0,r.jsx)(n.code,{children:"webpack"}),"\u306f\u3001\u518d\u30a8\u30af\u30b9\u30dd\u30fc\u30c8\u30d5\u30a1\u30a4\u30eb\u3092",(0,r.jsx)(n.a,{href:"https://webpack.js.org/guides/tree-shaking/#mark-the-file-as-side-effect-free",children:(0,r.jsx)(n.strong,{children:"\u526f\u4f5c\u7528\u306a\u3057"})}),"\u3068\u3057\u3066\u30de\u30fc\u30af\u3059\u308b\u3053\u3068\u3092\u53ef\u80fd\u306b\u3057\u3066\u3044\u307e\u3059\u3002\u3053\u308c\u306b\u3088\u308a\u3001",(0,r.jsx)(n.code,{children:"webpack"}),"\u306f\u305d\u306e\u30d5\u30a1\u30a4\u30eb\u3092\u6271\u3046\u969b\u306b\u653b\u6483\u7684\u306a\u6700\u9069\u5316\u3092\u4f7f\u7528\u3067\u304d\u308b\u3088\u3046\u306b\u306a\u308a\u307e\u3059\u3002"]}),"\n"]}),"\n",(0,r.jsx)(n.h2,{id:"see-also",children:"\u53c2\u7167"}),"\n",(0,r.jsxs)(n.ul,{children:["\n",(0,r.jsx)(n.li,{children:(0,r.jsxs)(n.a,{href:"https://ja.wikipedia.org/wiki/SOLID",children:[(0,r.jsx)(n.strong,{children:"SOLID"}),"\u539f\u5247"]})}),"\n",(0,r.jsx)(n.li,{children:(0,r.jsxs)(n.a,{href:"https://ja.wikipedia.org/wiki/GRASP",children:[(0,r.jsx)(n.strong,{children:"GRASP"}),"\u30d1\u30bf\u30fc\u30f3"]})}),"\n"]})]})}function h(e={}){const{wrapper:n}={...(0,i.R)(),...e.components};return n?(0,r.jsx)(n,{...e,children:(0,r.jsx)(c,{...e})}):c(e)}},1100:(e,n,s)=>{s.d(n,{R:()=>t,x:()=>o});var r=s(758);const i={},l=r.createContext(i);function t(e){const n=r.useContext(l);return r.useMemo((function(){return"function"==typeof e?e(n):{...n,...e}}),[n,e])}function o(e){let n;return n=e.disableParentContext?"function"==typeof e.components?e.components(i):e.components||i:t(e.components),r.createElement(l.Provider,{value:n},e.children)}}}]);
\ No newline at end of file
diff --git a/ja/assets/js/bc21bcd3.2893f66d.js b/ja/assets/js/bc21bcd3.b4d28c9b.js
similarity index 99%
rename from ja/assets/js/bc21bcd3.2893f66d.js
rename to ja/assets/js/bc21bcd3.b4d28c9b.js
index 3e385a941b..0b9059f4b8 100644
--- a/ja/assets/js/bc21bcd3.2893f66d.js
+++ b/ja/assets/js/bc21bcd3.b4d28c9b.js
@@ -1 +1 @@
-"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[9223],{1069:(e,n,s)=>{s.r(n),s.d(n,{assets:()=>c,contentTitle:()=>l,default:()=>h,frontMatter:()=>t,metadata:()=>o,toc:()=>d});var i=s(6070),r=s(1100);const t={sidebar_position:1},l="\u4f4e\u7d50\u5408\u3068\u9ad8\u51dd\u96c6",o={id:"reference/isolation/coupling-cohesion",title:"\u4f4e\u7d50\u5408\u3068\u9ad8\u51dd\u96c6",description:"\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u306e\u30e2\u30b8\u30e5\u30fc\u30eb\u306f\u3001\u5f37\u3044\u7d50\u5408\u6027\uff08\u660e\u78ba\u306a\u30bf\u30b9\u30af\u3092\u89e3\u6c7a\u3059\u308b\u3053\u3068\u306b\u7126\u70b9\u3092\u5f53\u3066\u308b\uff09\u3068\u5f31\u3044\u7d50\u5408\u6027\uff08\u4ed6\u306e\u30e2\u30b8\u30e5\u30fc\u30eb\u304b\u3089\u3067\u304d\u308b\u3060\u3051\u4f9d\u5b58\u3057\u306a\u3044\uff09\u3092\u6301\u3064\u3088\u3046\u306b\u8a2d\u8a08\u3055\u308c\u308b\u3079\u304d\u3067\u3059\u3002",source:"@site/i18n/ja/docusaurus-plugin-content-docs/current/reference/isolation/coupling-cohesion.md",sourceDirName:"reference/isolation",slug:"/reference/isolation/coupling-cohesion",permalink:"/ja/docs/reference/isolation/coupling-cohesion",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/ja/docusaurus-plugin-content-docs/current/reference/isolation/coupling-cohesion.md",tags:[],version:"current",lastUpdatedAt:1727607766e3,sidebarPosition:1,frontMatter:{sidebar_position:1},sidebar:"referenceSidebar",previous:{title:"\u30e2\u30b8\u30e5\u30fc\u30eb\u306e\u5206\u96e2",permalink:"/ja/docs/reference/isolation/"},next:{title:"\u30a8\u30f3\u30c6\u30a3\u30c6\u30a3\u306e\u5206\u96e2",permalink:"/ja/docs/reference/isolation/decouple-entities"}},c={},d=[{value:"\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306e\u69cb\u6210\uff08UI\u30ec\u30d9\u30eb\uff09",id:"components-composition-ui-level",level:2},{value:"\u4f8b",id:"example",level:3},{value:"\u62e1\u5f35\u6027\u3092\u8003\u616e\u3059\u308b",id:"laying-the-extensibility",level:4},{value:"\u69cb\u6210\u3092\u4f7f\u7528\u3059\u308b",id:"using-the-composition",level:4},{value:"\u5c64\u306e\u69cb\u6210\uff08\u30a2\u30d7\u30ea\u30ec\u30d9\u30eb\uff09",id:"layer-composition-app-level",level:2},{value:"\u4f8b",id:"example",level:3},{value:"\u3059\u3079\u3066\u3092\u7d50\u3073\u3064\u3051\u308b",id:"lets-tie-it-all-together",level:4},{value:"\u30c7\u30fc\u30bf\u30e2\u30c7\u30eb",id:"data-model",level:4},{value:"\u307e\u3068\u3081",id:"summary",level:2},{value:"\u53c2\u7167",id:"see-also",level:2}];function a(e){const n={a:"a",blockquote:"blockquote",code:"code",em:"em",h1:"h1",h2:"h2",h3:"h3",h4:"h4",header:"header",li:"li",ol:"ol",p:"p",pre:"pre",strong:"strong",ul:"ul",...(0,r.R)(),...e.components};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(n.header,{children:(0,i.jsx)(n.h1,{id:"\u4f4e\u7d50\u5408\u3068\u9ad8\u51dd\u96c6",children:"\u4f4e\u7d50\u5408\u3068\u9ad8\u51dd\u96c6"})}),"\n",(0,i.jsxs)(n.p,{children:["\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u306e\u30e2\u30b8\u30e5\u30fc\u30eb\u306f\u3001",(0,i.jsx)(n.strong,{children:"\u5f37\u3044\u7d50\u5408\u6027"}),"\uff08\u660e\u78ba\u306a\u30bf\u30b9\u30af\u3092\u89e3\u6c7a\u3059\u308b\u3053\u3068\u306b\u7126\u70b9\u3092\u5f53\u3066\u308b\uff09\u3068",(0,i.jsx)(n.strong,{children:"\u5f31\u3044\u7d50\u5408\u6027"}),"\uff08\u4ed6\u306e\u30e2\u30b8\u30e5\u30fc\u30eb\u304b\u3089\u3067\u304d\u308b\u3060\u3051\u4f9d\u5b58\u3057\u306a\u3044\uff09\u3092\u6301\u3064\u3088\u3046\u306b\u8a2d\u8a08\u3055\u308c\u308b\u3079\u304d\u3067\u3059\u3002"]}),"\n",(0,i.jsxs)("figure",{children:[(0,i.jsx)("img",{src:"/img/coupling-cohesion-light.svg#light-mode-only",alt:""}),(0,i.jsx)("img",{src:"/img/coupling-cohesion-dark.svg#dark-mode-only",alt:""}),(0,i.jsx)("figcaption",{children:(0,i.jsxs)(n.p,{children:["\u30a4\u30f3\u30b9\u30d1\u30a4\u30a2\u5148: ",(0,i.jsx)(n.a,{href:"https://enterprisecraftsmanship.com/posts/cohesion-coupling-difference/",children:"https://enterprisecraftsmanship.com/posts/cohesion-coupling-difference/"})]})})]}),"\n",(0,i.jsx)(n.p,{children:"FSD\u3067\u306f\u3001\u4ee5\u4e0b\u306e\u65b9\u6cd5\u3067\u9054\u6210\u3055\u308c\u307e\u3059\u3002"}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsx)(n.li,{children:"\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u3092\u5c64\u3068\u30b9\u30e9\u30a4\u30b9\u306b\u5206\u5272\u3059\u308b - \u7279\u5b9a\u306e\u6a5f\u80fd\u3092\u5b9f\u73fe\u3059\u308b\u30e2\u30b8\u30e5\u30fc\u30eb\u3002"}),"\n",(0,i.jsxs)(n.li,{children:["\u5404\u30e2\u30b8\u30e5\u30fc\u30eb\u306b\u306f\u3001",(0,i.jsx)(n.a,{href:"/docs/reference/public-api",children:"\u516c\u958bAPI"}),"\u3092\u63d0\u4f9b\u3059\u308b\u3053\u3068\u304c\u6c42\u3081\u3089\u308c\u307e\u3059\u3002"]}),"\n",(0,i.jsxs)(n.li,{children:["\u30e2\u30b8\u30e5\u30fc\u30eb\u9593\u306e",(0,i.jsx)(n.a,{href:"/docs/reference/isolation",children:"\u76f8\u4e92\u4f5c\u7528"}),"\u306b\u7279\u5225\u306a\u5236\u9650\u3092\u8a2d\u3051\u308b - \u5404\u30e2\u30b8\u30e5\u30fc\u30eb\u306f\u300c\u4e0b\u4f4d\u300d\u306e\u30e2\u30b8\u30e5\u30fc\u30eb\u306b\u306e\u307f\u4f9d\u5b58\u3067\u304d\u3001\u540c\u3058\u5c64\u307e\u305f\u306f\u305d\u308c\u4ee5\u4e0a\u306e\u5c64\u306e\u30e2\u30b8\u30e5\u30fc\u30eb\u306b\u306f\u4f9d\u5b58\u3067\u304d\u307e\u305b\u3093\u3002"]}),"\n"]}),"\n",(0,i.jsx)(n.h2,{id:"components-composition-ui-level",children:"\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306e\u69cb\u6210\uff08UI\u30ec\u30d9\u30eb\uff09"}),"\n",(0,i.jsx)(n.p,{children:"\u307b\u3068\u3093\u3069\u306e\u73fe\u4ee3\u306eUI\u30d5\u30ec\u30fc\u30e0\u30ef\u30fc\u30af\u3084\u30e9\u30a4\u30d6\u30e9\u30ea\u306f\u3001\u5404\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u304c\u72ec\u81ea\u306e\u30d7\u30ed\u30d1\u30c6\u30a3\u3001\u72b6\u614b\u3001\u5b50\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u6301\u3064\u3053\u3068\u304c\u3067\u304d\u308b\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u30e2\u30c7\u30eb\u3092\u63d0\u4f9b\u3057\u3066\u3044\u307e\u3059\u3002"}),"\n",(0,i.jsxs)(n.p,{children:["\u3053\u306e\u30e2\u30c7\u30eb\u306b\u3088\u308a\u3001",(0,i.jsx)(n.strong,{children:"\u76f4\u63a5\u7684\u306b\u95a2\u9023\u3057\u306a\u3044\u3055\u307e\u3056\u307e\u306a\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306e\u69cb\u6210"}),"\u3068\u3057\u3066\u30a4\u30f3\u30bf\u30fc\u30d5\u30a7\u30fc\u30b9\u3092\u69cb\u7bc9\u3057\u3001",(0,i.jsx)(n.strong,{children:"\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306e\u5f31\u3044\u7d50\u5408\u6027"}),"\u3092\u9054\u6210\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002"]}),"\n",(0,i.jsx)(n.h3,{id:"example",children:"\u4f8b"}),"\n",(0,i.jsxs)(n.p,{children:[(0,i.jsx)(n.strong,{children:"\u30d8\u30c3\u30c0\u30fc\u4ed8\u304d\u30ea\u30b9\u30c8"}),"\u306e\u4f8b\u3092\u8003\u3048\u3066\u307f\u307e\u3057\u3087\u3046\u3002"]}),"\n",(0,i.jsx)(n.h4,{id:"laying-the-extensibility",children:"\u62e1\u5f35\u6027\u3092\u8003\u616e\u3059\u308b"}),"\n",(0,i.jsx)(n.p,{children:"\u30ea\u30b9\u30c8\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306f\u3001\u30d8\u30c3\u30c0\u30fc\u3068\u30ea\u30b9\u30c8\u30a2\u30a4\u30c6\u30e0\u306e\u69cb\u9020\u3092\u81ea\u3089\u5b9a\u7fa9\u305b\u305a\u3001\u4ee3\u308f\u308a\u306b\u305d\u308c\u3089\u3092\u30d1\u30e9\u30e1\u30fc\u30bf\u3068\u3057\u3066\u53d7\u3051\u53d6\u308a\u307e\u3059\u3002"}),"\n",(0,i.jsx)(n.pre,{children:(0,i.jsx)(n.code,{className:"language-tsx",children:'interface ListProps {\n    Header: React.ReactNode;\n    Items: React.ReactNode;\n}\n\nconst List: Component<ListProps> = ({ Header, Items }) => (\n    <div class="wrapper">\n        {Header}\n        <ul class="...">\n            {Items}\n        </ul>\n    </div>\n)\n'})}),"\n",(0,i.jsx)(n.h4,{id:"using-the-composition",children:"\u69cb\u6210\u3092\u4f7f\u7528\u3059\u308b"}),"\n",(0,i.jsxs)(n.p,{children:["\u3053\u308c\u306b\u3088\u308a\u3001",(0,i.jsx)(n.strong,{children:"\u7570\u306a\u308b\u30d0\u30fc\u30b8\u30e7\u30f3\u306e\u30d8\u30c3\u30c0\u30fc\u3084\u30ea\u30b9\u30c8\u30a2\u30a4\u30c6\u30e0\u306e\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u518d\u5229\u7528\u3057\u3001\u72ec\u7acb\u3057\u3066\u5909\u66f4\u3059\u308b"}),"\u3053\u3068\u304c\u53ef\u80fd\u306b\u306a\u308a\u307e\u3059\u3002\u30d8\u30c3\u30c0\u30fc\u3068\u30ea\u30b9\u30c8\u30a2\u30a4\u30c6\u30e0\u306e\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306f\u3001\u305d\u308c\u305e\u308c\u72ec\u81ea\u306e\u30ed\u30fc\u30ab\u30eb\u72b6\u614b\u3084\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u306e\u5171\u901a\u72b6\u614b\u306e\u4efb\u610f\u306e\u90e8\u5206\u3078\u306e\u30d0\u30a4\u30f3\u30c7\u30a3\u30f3\u30b0\u3092\u6301\u3064\u3053\u3068\u304c\u3067\u304d\u3001\u30ea\u30b9\u30c8\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306f\u305d\u308c\u306b\u3064\u3044\u3066\u4f55\u3082\u77e5\u3089\u305a\u3001\u3057\u305f\u304c\u3063\u3066\u305d\u308c\u306b\u4f9d\u5b58\u3057\u307e\u305b\u3093\u3002"]}),"\n",(0,i.jsx)(n.pre,{children:(0,i.jsx)(n.code,{className:"language-tsx",children:'<List Header={<FancyHeader />} Items={<ToDoItems />} />\n\n<List Items={<CartItems />} />\n\n<List Header={<FancyHeaderV2 color="red" />} Items={<FancyItems />} />\n'})}),"\n",(0,i.jsx)(n.h2,{id:"layer-composition-app-level",children:"\u5c64\u306e\u69cb\u6210\uff08\u30a2\u30d7\u30ea\u30ec\u30d9\u30eb\uff09"}),"\n",(0,i.jsxs)(n.p,{children:["FSD\u306f\u3001\u30e6\u30fc\u30b6\u30fc\u306b\u3068\u3063\u3066\u4fa1\u5024\u306e\u3042\u308b\u6a5f\u80fd\u3092\u500b\u5225\u306e\u30e2\u30b8\u30e5\u30fc\u30eb - ",(0,i.jsx)(n.strong,{children:"\u30d5\u30a3\u30fc\u30c1\u30e3\u30fc\uff08features\uff09"})," - \u306b\u5206\u5272\u3057\u3001\u30d3\u30b8\u30cd\u30b9\u30a8\u30f3\u30c6\u30a3\u30c6\u30a3\u306b\u95a2\u9023\u3059\u308b\u30ed\u30b8\u30c3\u30af\u3092",(0,i.jsxs)(n.strong,{children:["\u30a8\u30f3\u30c6\u30a3\u30c6\u30a3\uff08entities\uff09",(0,i.jsxs)(n.strong,{children:["\u306b\u5206\u3051\u308b\u3053\u3068\u3092\u63d0\u6848\u3057\u307e\u3059\u3002\u30d5\u30a3\u30fc\u30c1\u30e3\u30fc\u3068\u30a8\u30f3\u30c6\u30a3\u30c6\u30a3\u306f\u3001",(0,i.jsx)(n.strong,{children:"\u9ad8\u3044\u7d50\u5408\u6027\u3092\u6301\u3064\u30e2\u30b8\u30e5\u30fc\u30eb"}),"\u3068\u3057\u3066\u8a2d\u8a08\u3055\u308c\u308b\u3079\u304d\u3067\u3042\u308a\u3001\u3059\u306a\u308f\u3061"]}),"\u7279\u5b9a\u306e\u30bf\u30b9\u30af\u3092\u89e3\u6c7a\u3059\u308b\u3053\u3068\u306b\u7126\u70b9\u3092\u5f53\u3066\u308b"]}),"\u304b\u3001",(0,i.jsx)(n.strong,{children:"\u7279\u5b9a\u306e\u30a8\u30f3\u30c6\u30a3\u30c6\u30a3\u306e\u5468\u308a\u306b\u96c6\u4e2d\u3059\u308b"}),"\u3079\u304d\u3067\u3059\u3002"]}),"\n",(0,i.jsxs)(n.p,{children:["\u3053\u308c\u3089\u306e\u30e2\u30b8\u30e5\u30fc\u30eb\u9593\u306e\u3059\u3079\u3066\u306e\u76f8\u4e92\u4f5c\u7528\u306f\u3001\u4e0a\u8a18\u306eUI\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306e\u4f8b\u3068\u540c\u69d8\u306b\u3001",(0,i.jsx)(n.strong,{children:"\u3055\u307e\u3056\u307e\u306a\u30e2\u30b8\u30e5\u30fc\u30eb\u306e\u69cb\u6210"}),"\u3068\u3057\u3066\u6574\u7406\u3055\u308c\u308b\u3079\u304d\u3067\u3059\u3002"]}),"\n",(0,i.jsx)(n.h3,{id:"example",children:"\u4f8b"}),"\n",(0,i.jsx)(n.p,{children:"\u30c1\u30e3\u30c3\u30c8\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u306e\u4f8b\u3092\u8003\u3048\u3066\u307f\u307e\u3057\u3087\u3046\u3002"}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsx)(n.li,{children:"\u9023\u7d61\u5148\u30ea\u30b9\u30c8\u3092\u958b\u3044\u3066\u53cb\u9054\u3092\u9078\u629e\u3067\u304d\u308b"}),"\n",(0,i.jsx)(n.li,{children:"\u9078\u629e\u3057\u305f\u53cb\u9054\u3068\u306e\u30c1\u30e3\u30c3\u30c8\u3092\u958b\u304f\u3053\u3068\u304c\u3067\u304d\u308b"}),"\n"]}),"\n",(0,i.jsx)(n.p,{children:"FSD\u306b\u57fa\u3065\u3044\u3066\u3001\u6b21\u306e\u3088\u3046\u306b\u8868\u73fe\u3067\u304d\u307e\u3059\u3002"}),"\n",(0,i.jsx)(n.p,{children:"\u30a8\u30f3\u30c6\u30a3\u30c6\u30a3"}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsx)(n.li,{children:"\u30e6\u30fc\u30b6\u30fc\uff08\u30e6\u30fc\u30b6\u30fc\u306e\u72b6\u614b\u3092\u542b\u3080\uff09"}),"\n",(0,i.jsx)(n.li,{children:"\u9023\u7d61\u5148\uff08\u9023\u7d61\u5148\u30ea\u30b9\u30c8\u306e\u72b6\u614b\u3001\u7279\u5b9a\u306e\u9023\u7d61\u5148\u3092\u64cd\u4f5c\u3059\u308b\u305f\u3081\u306e\u30c4\u30fc\u30eb\uff09"}),"\n",(0,i.jsx)(n.li,{children:"\u30c1\u30e3\u30c3\u30c8\uff08\u73fe\u5728\u306e\u30c1\u30e3\u30c3\u30c8\u306e\u72b6\u614b\u3068\u305d\u306e\u64cd\u4f5c\uff09"}),"\n"]}),"\n",(0,i.jsx)(n.p,{children:"\u30d5\u30a3\u30fc\u30c1\u30e3\u30fc"}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsx)(n.li,{children:"\u30e1\u30c3\u30bb\u30fc\u30b8\u9001\u4fe1\u30d5\u30a9\u30fc\u30e0"}),"\n",(0,i.jsx)(n.li,{children:"\u30c1\u30e3\u30c3\u30c8\u9078\u629e\u30e1\u30cb\u30e5\u30fc"}),"\n"]}),"\n",(0,i.jsx)(n.h4,{id:"lets-tie-it-all-together",children:"\u3059\u3079\u3066\u3092\u7d50\u3073\u3064\u3051\u308b"}),"\n",(0,i.jsx)(n.p,{children:"\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u306b\u306f\u3001\u6700\u521d\u306b1\u3064\u306e\u30da\u30fc\u30b8\u304c\u3042\u308a\u3001\u30a4\u30f3\u30bf\u30fc\u30d5\u30a7\u30fc\u30b9\u306f\u6700\u521d\u306e\u4f8b\u306e\u5c11\u3057\u4fee\u6b63\u3055\u308c\u305f\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306b\u57fa\u3065\u3044\u3066\u3044\u307e\u3059\u3002"}),"\n",(0,i.jsx)(n.pre,{children:(0,i.jsx)(n.code,{className:"language-tsx",metastring:'title="page/main/ui.tsx"',children:"<List\n    Header={<ConversationSwitch />}\n    Items={<Messages />}\n    Footer={<MessageInput />}\n/>\n"})}),"\n",(0,i.jsx)(n.h4,{id:"data-model",children:"\u30c7\u30fc\u30bf\u30e2\u30c7\u30eb"}),"\n",(0,i.jsxs)(n.p,{children:["\u30da\u30fc\u30b8\u306e\u30c7\u30fc\u30bf\u30e2\u30c7\u30eb\u306f\u3001",(0,i.jsx)(n.strong,{children:"\u30d5\u30a3\u30fc\u30c1\u30e3\u30fc\u3068\u30a8\u30f3\u30c6\u30a3\u30c6\u30a3\u306e\u69cb\u6210"}),"\u3068\u3057\u3066\u6574\u7406\u3055\u308c\u307e\u3059\u3002\u3053\u306e\u4f8b\u3067\u306f\u3001\u30d5\u30a3\u30fc\u30c1\u30e3\u30fc\u306f\u30d5\u30a1\u30af\u30c8\u30ea\u30fc\u3068\u3057\u3066\u5b9f\u88c5\u3055\u308c\u3001\u3053\u308c\u3089\u306e\u30d5\u30a1\u30af\u30c8\u30ea\u30fc\u306e\u30d1\u30e9\u30e1\u30fc\u30bf\u3092\u4ecb\u3057\u3066\u30a8\u30f3\u30c6\u30a3\u30c6\u30a3\u306e\u30a4\u30f3\u30bf\u30fc\u30d5\u30a7\u30fc\u30b9\u306b\u30a2\u30af\u30bb\u30b9\u3057\u307e\u3059\u3002"]}),"\n",(0,i.jsxs)(n.blockquote,{children:["\n",(0,i.jsx)(n.p,{children:"\u305f\u3060\u3057\u3001\u30d5\u30a1\u30af\u30c8\u30ea\u30fc\u3068\u3057\u3066\u306e\u5b9f\u88c5\u306f\u5fc5\u9808\u3067\u306f\u306a\u304f\u3001\u30d5\u30a3\u30fc\u30c1\u30e3\u30fc\u306f\u4e0b\u4f4d\u5c64\u306b\u4f9d\u5b58\u3057\u3001\u76f4\u63a5\u7684\u306b\u30a2\u30af\u30bb\u30b9\u3059\u308b\u3053\u3068\u3082\u3067\u304d\u307e\u3059\u3002"}),"\n"]}),"\n",(0,i.jsx)(n.pre,{children:(0,i.jsx)(n.code,{className:"language-ts",metastring:'title="pages/main/model.ts"',children:'import { userModel } from "entitites/user"\nimport { conversationModel } from "entities/conversation"\nimport { contactModel } from "entities/contact"\n\nimport { createMessageInput } from "features/message-input"\nimport { createConversationSwitch } from "features/conversation-switch"\n\nimport { beautifiy } from "shared/lib/beautify-text"\n\nexport const { allConversations, setConversation } = createConversationSwitch({\n    contacts: contactModel.allContacts,\n    setConversation: conversationModel.setConversation,\n    currentConversation: conversationModel.conversation,\n    currentUser: userModel.currentUser\n})\n\nexport const { sendMessage, attachFile } = createMessageInput({\n    author: userModel.currentUser,\n    send: conversationModel.sendMessage,\n    formatMessage: beautify\n})\n'})}),"\n",(0,i.jsx)(n.h2,{id:"summary",children:"\u307e\u3068\u3081"}),"\n",(0,i.jsxs)(n.ol,{children:["\n",(0,i.jsxs)(n.li,{children:["\u30e2\u30b8\u30e5\u30fc\u30eb\u306f",(0,i.jsx)(n.strong,{children:"\u5f37\u3044\u7d50\u5408\u6027"}),"\u3092\u6301\u3064\u3079\u304d\u3067\u3042\u308a\uff081\u3064\u306e\u8cac\u4efb\u3092\u6301\u3061\u3001\u7279\u5b9a\u306e\u30bf\u30b9\u30af\u3092\u89e3\u6c7a\u3059\u308b\uff09\u3001",(0,i.jsx)(n.a,{href:"/docs/reference/public-api",children:(0,i.jsx)(n.strong,{children:"\u516c\u958bAPI"})}),"\u3092\u63d0\u4f9b\u3059\u308b\u5fc5\u8981\u304c\u3042\u308a\u307e\u3059\u3002"]}),"\n",(0,i.jsxs)(n.li,{children:[(0,i.jsx)(n.strong,{children:"\u5f31\u3044\u7d50\u5408\u6027"}),"\u306f\u3001UI\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3001\u30d5\u30a3\u30fc\u30c1\u30e3\u30fc\u3001\u30a8\u30f3\u30c6\u30a3\u30c6\u30a3\u306e\u8981\u7d20\u306e\u69cb\u6210\u3092\u901a\u3058\u3066\u9054\u6210\u3055\u308c\u307e\u3059\u3002"]}),"\n",(0,i.jsxs)(n.li,{children:["\u307e\u305f\u3001\u7d50\u5408\u6027\u3092\u4f4e\u4e0b\u3055\u305b\u308b\u305f\u3081\u306b\u3001\u30e2\u30b8\u30e5\u30fc\u30eb\u306f",(0,i.jsx)(n.strong,{children:"\u516c\u958bAPI\u3092\u4ecb\u3057\u3066\u306e\u307f\u4e92\u3044\u306b\u4f9d\u5b58\u3059\u308b\u3079\u304d\u3067\u3059"})," - \u3053\u308c\u306b\u3088\u308a\u3001\u30e2\u30b8\u30e5\u30fc\u30eb\u306f\u4e92\u3044\u306e\u5185\u90e8\u5b9f\u88c5\u304b\u3089\u72ec\u7acb\u3057\u307e\u3059\u3002"]}),"\n"]}),"\n",(0,i.jsx)(n.h2,{id:"see-also",children:"\u53c2\u7167"}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsxs)(n.li,{children:[(0,i.jsx)(n.a,{href:"https://enterprisecraftsmanship.com/posts/cohesion-coupling-difference/",children:"(\u8a18\u4e8b) \u4f4e\u7d50\u5408\u3068\u9ad8\u51dd\u96c6\u306b\u3064\u3044\u3066\u306e\u8996\u899a\u7684\u8aac\u660e"}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsx)(n.li,{children:(0,i.jsx)(n.em,{children:"\u6700\u521d\u306e\u56f3\u306f\u3053\u306e\u8ad6\u6587\u304b\u3089\u30a4\u30f3\u30b9\u30d1\u30a4\u30a2\u3092\u53d7\u3051\u3066\u3044\u307e\u3059"})}),"\n"]}),"\n"]}),"\n",(0,i.jsx)(n.li,{children:(0,i.jsx)(n.a,{href:"https://medium.com/german-gorelkin/low-coupling-high-cohesion-d36369fb1be9",children:"(\u8a18\u4e8b) \u4f4e\u7d50\u5408\u3068\u9ad8\u51dd\u96c6\u3002\u30c7\u30e1\u30c8\u30ea\u306e\u6cd5\u5247"})}),"\n",(0,i.jsx)(n.li,{children:(0,i.jsx)(n.a,{href:"https://www.slideshare.net/cristalngo/software-design-principles-57388843",children:"(\u30d7\u30ec\u30bc\u30f3\u30c6\u30fc\u30b7\u30e7\u30f3) \u8a2d\u8a08\u539f\u5247\u306b\u3064\u3044\u3066\uff08\u4f4e\u7d50\u5408\u3068\u9ad8\u51dd\u96c6\u3092\u542b\u3080\uff09"})}),"\n"]})]})}function h(e={}){const{wrapper:n}={...(0,r.R)(),...e.components};return n?(0,i.jsx)(n,{...e,children:(0,i.jsx)(a,{...e})}):a(e)}},1100:(e,n,s)=>{s.d(n,{R:()=>l,x:()=>o});var i=s(758);const r={},t=i.createContext(r);function l(e){const n=i.useContext(t);return i.useMemo((function(){return"function"==typeof e?e(n):{...n,...e}}),[n,e])}function o(e){let n;return n=e.disableParentContext?"function"==typeof e.components?e.components(r):e.components||r:l(e.components),i.createElement(t.Provider,{value:n},e.children)}}}]);
\ No newline at end of file
+"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[9223],{1069:(e,n,s)=>{s.r(n),s.d(n,{assets:()=>c,contentTitle:()=>l,default:()=>h,frontMatter:()=>t,metadata:()=>o,toc:()=>d});var i=s(6070),r=s(1100);const t={sidebar_position:1},l="\u4f4e\u7d50\u5408\u3068\u9ad8\u51dd\u96c6",o={id:"reference/isolation/coupling-cohesion",title:"\u4f4e\u7d50\u5408\u3068\u9ad8\u51dd\u96c6",description:"\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u306e\u30e2\u30b8\u30e5\u30fc\u30eb\u306f\u3001\u5f37\u3044\u7d50\u5408\u6027\uff08\u660e\u78ba\u306a\u30bf\u30b9\u30af\u3092\u89e3\u6c7a\u3059\u308b\u3053\u3068\u306b\u7126\u70b9\u3092\u5f53\u3066\u308b\uff09\u3068\u5f31\u3044\u7d50\u5408\u6027\uff08\u4ed6\u306e\u30e2\u30b8\u30e5\u30fc\u30eb\u304b\u3089\u3067\u304d\u308b\u3060\u3051\u4f9d\u5b58\u3057\u306a\u3044\uff09\u3092\u6301\u3064\u3088\u3046\u306b\u8a2d\u8a08\u3055\u308c\u308b\u3079\u304d\u3067\u3059\u3002",source:"@site/i18n/ja/docusaurus-plugin-content-docs/current/reference/isolation/coupling-cohesion.md",sourceDirName:"reference/isolation",slug:"/reference/isolation/coupling-cohesion",permalink:"/ja/docs/reference/isolation/coupling-cohesion",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/ja/docusaurus-plugin-content-docs/current/reference/isolation/coupling-cohesion.md",tags:[],version:"current",lastUpdatedAt:1728325386e3,sidebarPosition:1,frontMatter:{sidebar_position:1},sidebar:"referenceSidebar",previous:{title:"\u30e2\u30b8\u30e5\u30fc\u30eb\u306e\u5206\u96e2",permalink:"/ja/docs/reference/isolation/"},next:{title:"\u30a8\u30f3\u30c6\u30a3\u30c6\u30a3\u306e\u5206\u96e2",permalink:"/ja/docs/reference/isolation/decouple-entities"}},c={},d=[{value:"\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306e\u69cb\u6210\uff08UI\u30ec\u30d9\u30eb\uff09",id:"components-composition-ui-level",level:2},{value:"\u4f8b",id:"example",level:3},{value:"\u62e1\u5f35\u6027\u3092\u8003\u616e\u3059\u308b",id:"laying-the-extensibility",level:4},{value:"\u69cb\u6210\u3092\u4f7f\u7528\u3059\u308b",id:"using-the-composition",level:4},{value:"\u5c64\u306e\u69cb\u6210\uff08\u30a2\u30d7\u30ea\u30ec\u30d9\u30eb\uff09",id:"layer-composition-app-level",level:2},{value:"\u4f8b",id:"example",level:3},{value:"\u3059\u3079\u3066\u3092\u7d50\u3073\u3064\u3051\u308b",id:"lets-tie-it-all-together",level:4},{value:"\u30c7\u30fc\u30bf\u30e2\u30c7\u30eb",id:"data-model",level:4},{value:"\u307e\u3068\u3081",id:"summary",level:2},{value:"\u53c2\u7167",id:"see-also",level:2}];function a(e){const n={a:"a",blockquote:"blockquote",code:"code",em:"em",h1:"h1",h2:"h2",h3:"h3",h4:"h4",header:"header",li:"li",ol:"ol",p:"p",pre:"pre",strong:"strong",ul:"ul",...(0,r.R)(),...e.components};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(n.header,{children:(0,i.jsx)(n.h1,{id:"\u4f4e\u7d50\u5408\u3068\u9ad8\u51dd\u96c6",children:"\u4f4e\u7d50\u5408\u3068\u9ad8\u51dd\u96c6"})}),"\n",(0,i.jsxs)(n.p,{children:["\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u306e\u30e2\u30b8\u30e5\u30fc\u30eb\u306f\u3001",(0,i.jsx)(n.strong,{children:"\u5f37\u3044\u7d50\u5408\u6027"}),"\uff08\u660e\u78ba\u306a\u30bf\u30b9\u30af\u3092\u89e3\u6c7a\u3059\u308b\u3053\u3068\u306b\u7126\u70b9\u3092\u5f53\u3066\u308b\uff09\u3068",(0,i.jsx)(n.strong,{children:"\u5f31\u3044\u7d50\u5408\u6027"}),"\uff08\u4ed6\u306e\u30e2\u30b8\u30e5\u30fc\u30eb\u304b\u3089\u3067\u304d\u308b\u3060\u3051\u4f9d\u5b58\u3057\u306a\u3044\uff09\u3092\u6301\u3064\u3088\u3046\u306b\u8a2d\u8a08\u3055\u308c\u308b\u3079\u304d\u3067\u3059\u3002"]}),"\n",(0,i.jsxs)("figure",{children:[(0,i.jsx)("img",{src:"/img/coupling-cohesion-light.svg#light-mode-only",alt:""}),(0,i.jsx)("img",{src:"/img/coupling-cohesion-dark.svg#dark-mode-only",alt:""}),(0,i.jsx)("figcaption",{children:(0,i.jsxs)(n.p,{children:["\u30a4\u30f3\u30b9\u30d1\u30a4\u30a2\u5148: ",(0,i.jsx)(n.a,{href:"https://enterprisecraftsmanship.com/posts/cohesion-coupling-difference/",children:"https://enterprisecraftsmanship.com/posts/cohesion-coupling-difference/"})]})})]}),"\n",(0,i.jsx)(n.p,{children:"FSD\u3067\u306f\u3001\u4ee5\u4e0b\u306e\u65b9\u6cd5\u3067\u9054\u6210\u3055\u308c\u307e\u3059\u3002"}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsx)(n.li,{children:"\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u3092\u5c64\u3068\u30b9\u30e9\u30a4\u30b9\u306b\u5206\u5272\u3059\u308b - \u7279\u5b9a\u306e\u6a5f\u80fd\u3092\u5b9f\u73fe\u3059\u308b\u30e2\u30b8\u30e5\u30fc\u30eb\u3002"}),"\n",(0,i.jsxs)(n.li,{children:["\u5404\u30e2\u30b8\u30e5\u30fc\u30eb\u306b\u306f\u3001",(0,i.jsx)(n.a,{href:"/docs/reference/public-api",children:"\u516c\u958bAPI"}),"\u3092\u63d0\u4f9b\u3059\u308b\u3053\u3068\u304c\u6c42\u3081\u3089\u308c\u307e\u3059\u3002"]}),"\n",(0,i.jsxs)(n.li,{children:["\u30e2\u30b8\u30e5\u30fc\u30eb\u9593\u306e",(0,i.jsx)(n.a,{href:"/docs/reference/isolation",children:"\u76f8\u4e92\u4f5c\u7528"}),"\u306b\u7279\u5225\u306a\u5236\u9650\u3092\u8a2d\u3051\u308b - \u5404\u30e2\u30b8\u30e5\u30fc\u30eb\u306f\u300c\u4e0b\u4f4d\u300d\u306e\u30e2\u30b8\u30e5\u30fc\u30eb\u306b\u306e\u307f\u4f9d\u5b58\u3067\u304d\u3001\u540c\u3058\u5c64\u307e\u305f\u306f\u305d\u308c\u4ee5\u4e0a\u306e\u5c64\u306e\u30e2\u30b8\u30e5\u30fc\u30eb\u306b\u306f\u4f9d\u5b58\u3067\u304d\u307e\u305b\u3093\u3002"]}),"\n"]}),"\n",(0,i.jsx)(n.h2,{id:"components-composition-ui-level",children:"\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306e\u69cb\u6210\uff08UI\u30ec\u30d9\u30eb\uff09"}),"\n",(0,i.jsx)(n.p,{children:"\u307b\u3068\u3093\u3069\u306e\u73fe\u4ee3\u306eUI\u30d5\u30ec\u30fc\u30e0\u30ef\u30fc\u30af\u3084\u30e9\u30a4\u30d6\u30e9\u30ea\u306f\u3001\u5404\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u304c\u72ec\u81ea\u306e\u30d7\u30ed\u30d1\u30c6\u30a3\u3001\u72b6\u614b\u3001\u5b50\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u6301\u3064\u3053\u3068\u304c\u3067\u304d\u308b\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u30e2\u30c7\u30eb\u3092\u63d0\u4f9b\u3057\u3066\u3044\u307e\u3059\u3002"}),"\n",(0,i.jsxs)(n.p,{children:["\u3053\u306e\u30e2\u30c7\u30eb\u306b\u3088\u308a\u3001",(0,i.jsx)(n.strong,{children:"\u76f4\u63a5\u7684\u306b\u95a2\u9023\u3057\u306a\u3044\u3055\u307e\u3056\u307e\u306a\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306e\u69cb\u6210"}),"\u3068\u3057\u3066\u30a4\u30f3\u30bf\u30fc\u30d5\u30a7\u30fc\u30b9\u3092\u69cb\u7bc9\u3057\u3001",(0,i.jsx)(n.strong,{children:"\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306e\u5f31\u3044\u7d50\u5408\u6027"}),"\u3092\u9054\u6210\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002"]}),"\n",(0,i.jsx)(n.h3,{id:"example",children:"\u4f8b"}),"\n",(0,i.jsxs)(n.p,{children:[(0,i.jsx)(n.strong,{children:"\u30d8\u30c3\u30c0\u30fc\u4ed8\u304d\u30ea\u30b9\u30c8"}),"\u306e\u4f8b\u3092\u8003\u3048\u3066\u307f\u307e\u3057\u3087\u3046\u3002"]}),"\n",(0,i.jsx)(n.h4,{id:"laying-the-extensibility",children:"\u62e1\u5f35\u6027\u3092\u8003\u616e\u3059\u308b"}),"\n",(0,i.jsx)(n.p,{children:"\u30ea\u30b9\u30c8\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306f\u3001\u30d8\u30c3\u30c0\u30fc\u3068\u30ea\u30b9\u30c8\u30a2\u30a4\u30c6\u30e0\u306e\u69cb\u9020\u3092\u81ea\u3089\u5b9a\u7fa9\u305b\u305a\u3001\u4ee3\u308f\u308a\u306b\u305d\u308c\u3089\u3092\u30d1\u30e9\u30e1\u30fc\u30bf\u3068\u3057\u3066\u53d7\u3051\u53d6\u308a\u307e\u3059\u3002"}),"\n",(0,i.jsx)(n.pre,{children:(0,i.jsx)(n.code,{className:"language-tsx",children:'interface ListProps {\n    Header: React.ReactNode;\n    Items: React.ReactNode;\n}\n\nconst List: Component<ListProps> = ({ Header, Items }) => (\n    <div class="wrapper">\n        {Header}\n        <ul class="...">\n            {Items}\n        </ul>\n    </div>\n)\n'})}),"\n",(0,i.jsx)(n.h4,{id:"using-the-composition",children:"\u69cb\u6210\u3092\u4f7f\u7528\u3059\u308b"}),"\n",(0,i.jsxs)(n.p,{children:["\u3053\u308c\u306b\u3088\u308a\u3001",(0,i.jsx)(n.strong,{children:"\u7570\u306a\u308b\u30d0\u30fc\u30b8\u30e7\u30f3\u306e\u30d8\u30c3\u30c0\u30fc\u3084\u30ea\u30b9\u30c8\u30a2\u30a4\u30c6\u30e0\u306e\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u518d\u5229\u7528\u3057\u3001\u72ec\u7acb\u3057\u3066\u5909\u66f4\u3059\u308b"}),"\u3053\u3068\u304c\u53ef\u80fd\u306b\u306a\u308a\u307e\u3059\u3002\u30d8\u30c3\u30c0\u30fc\u3068\u30ea\u30b9\u30c8\u30a2\u30a4\u30c6\u30e0\u306e\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306f\u3001\u305d\u308c\u305e\u308c\u72ec\u81ea\u306e\u30ed\u30fc\u30ab\u30eb\u72b6\u614b\u3084\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u306e\u5171\u901a\u72b6\u614b\u306e\u4efb\u610f\u306e\u90e8\u5206\u3078\u306e\u30d0\u30a4\u30f3\u30c7\u30a3\u30f3\u30b0\u3092\u6301\u3064\u3053\u3068\u304c\u3067\u304d\u3001\u30ea\u30b9\u30c8\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306f\u305d\u308c\u306b\u3064\u3044\u3066\u4f55\u3082\u77e5\u3089\u305a\u3001\u3057\u305f\u304c\u3063\u3066\u305d\u308c\u306b\u4f9d\u5b58\u3057\u307e\u305b\u3093\u3002"]}),"\n",(0,i.jsx)(n.pre,{children:(0,i.jsx)(n.code,{className:"language-tsx",children:'<List Header={<FancyHeader />} Items={<ToDoItems />} />\n\n<List Items={<CartItems />} />\n\n<List Header={<FancyHeaderV2 color="red" />} Items={<FancyItems />} />\n'})}),"\n",(0,i.jsx)(n.h2,{id:"layer-composition-app-level",children:"\u5c64\u306e\u69cb\u6210\uff08\u30a2\u30d7\u30ea\u30ec\u30d9\u30eb\uff09"}),"\n",(0,i.jsxs)(n.p,{children:["FSD\u306f\u3001\u30e6\u30fc\u30b6\u30fc\u306b\u3068\u3063\u3066\u4fa1\u5024\u306e\u3042\u308b\u6a5f\u80fd\u3092\u500b\u5225\u306e\u30e2\u30b8\u30e5\u30fc\u30eb - ",(0,i.jsx)(n.strong,{children:"\u30d5\u30a3\u30fc\u30c1\u30e3\u30fc\uff08features\uff09"})," - \u306b\u5206\u5272\u3057\u3001\u30d3\u30b8\u30cd\u30b9\u30a8\u30f3\u30c6\u30a3\u30c6\u30a3\u306b\u95a2\u9023\u3059\u308b\u30ed\u30b8\u30c3\u30af\u3092",(0,i.jsxs)(n.strong,{children:["\u30a8\u30f3\u30c6\u30a3\u30c6\u30a3\uff08entities\uff09",(0,i.jsxs)(n.strong,{children:["\u306b\u5206\u3051\u308b\u3053\u3068\u3092\u63d0\u6848\u3057\u307e\u3059\u3002\u30d5\u30a3\u30fc\u30c1\u30e3\u30fc\u3068\u30a8\u30f3\u30c6\u30a3\u30c6\u30a3\u306f\u3001",(0,i.jsx)(n.strong,{children:"\u9ad8\u3044\u7d50\u5408\u6027\u3092\u6301\u3064\u30e2\u30b8\u30e5\u30fc\u30eb"}),"\u3068\u3057\u3066\u8a2d\u8a08\u3055\u308c\u308b\u3079\u304d\u3067\u3042\u308a\u3001\u3059\u306a\u308f\u3061"]}),"\u7279\u5b9a\u306e\u30bf\u30b9\u30af\u3092\u89e3\u6c7a\u3059\u308b\u3053\u3068\u306b\u7126\u70b9\u3092\u5f53\u3066\u308b"]}),"\u304b\u3001",(0,i.jsx)(n.strong,{children:"\u7279\u5b9a\u306e\u30a8\u30f3\u30c6\u30a3\u30c6\u30a3\u306e\u5468\u308a\u306b\u96c6\u4e2d\u3059\u308b"}),"\u3079\u304d\u3067\u3059\u3002"]}),"\n",(0,i.jsxs)(n.p,{children:["\u3053\u308c\u3089\u306e\u30e2\u30b8\u30e5\u30fc\u30eb\u9593\u306e\u3059\u3079\u3066\u306e\u76f8\u4e92\u4f5c\u7528\u306f\u3001\u4e0a\u8a18\u306eUI\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306e\u4f8b\u3068\u540c\u69d8\u306b\u3001",(0,i.jsx)(n.strong,{children:"\u3055\u307e\u3056\u307e\u306a\u30e2\u30b8\u30e5\u30fc\u30eb\u306e\u69cb\u6210"}),"\u3068\u3057\u3066\u6574\u7406\u3055\u308c\u308b\u3079\u304d\u3067\u3059\u3002"]}),"\n",(0,i.jsx)(n.h3,{id:"example",children:"\u4f8b"}),"\n",(0,i.jsx)(n.p,{children:"\u30c1\u30e3\u30c3\u30c8\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u306e\u4f8b\u3092\u8003\u3048\u3066\u307f\u307e\u3057\u3087\u3046\u3002"}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsx)(n.li,{children:"\u9023\u7d61\u5148\u30ea\u30b9\u30c8\u3092\u958b\u3044\u3066\u53cb\u9054\u3092\u9078\u629e\u3067\u304d\u308b"}),"\n",(0,i.jsx)(n.li,{children:"\u9078\u629e\u3057\u305f\u53cb\u9054\u3068\u306e\u30c1\u30e3\u30c3\u30c8\u3092\u958b\u304f\u3053\u3068\u304c\u3067\u304d\u308b"}),"\n"]}),"\n",(0,i.jsx)(n.p,{children:"FSD\u306b\u57fa\u3065\u3044\u3066\u3001\u6b21\u306e\u3088\u3046\u306b\u8868\u73fe\u3067\u304d\u307e\u3059\u3002"}),"\n",(0,i.jsx)(n.p,{children:"\u30a8\u30f3\u30c6\u30a3\u30c6\u30a3"}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsx)(n.li,{children:"\u30e6\u30fc\u30b6\u30fc\uff08\u30e6\u30fc\u30b6\u30fc\u306e\u72b6\u614b\u3092\u542b\u3080\uff09"}),"\n",(0,i.jsx)(n.li,{children:"\u9023\u7d61\u5148\uff08\u9023\u7d61\u5148\u30ea\u30b9\u30c8\u306e\u72b6\u614b\u3001\u7279\u5b9a\u306e\u9023\u7d61\u5148\u3092\u64cd\u4f5c\u3059\u308b\u305f\u3081\u306e\u30c4\u30fc\u30eb\uff09"}),"\n",(0,i.jsx)(n.li,{children:"\u30c1\u30e3\u30c3\u30c8\uff08\u73fe\u5728\u306e\u30c1\u30e3\u30c3\u30c8\u306e\u72b6\u614b\u3068\u305d\u306e\u64cd\u4f5c\uff09"}),"\n"]}),"\n",(0,i.jsx)(n.p,{children:"\u30d5\u30a3\u30fc\u30c1\u30e3\u30fc"}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsx)(n.li,{children:"\u30e1\u30c3\u30bb\u30fc\u30b8\u9001\u4fe1\u30d5\u30a9\u30fc\u30e0"}),"\n",(0,i.jsx)(n.li,{children:"\u30c1\u30e3\u30c3\u30c8\u9078\u629e\u30e1\u30cb\u30e5\u30fc"}),"\n"]}),"\n",(0,i.jsx)(n.h4,{id:"lets-tie-it-all-together",children:"\u3059\u3079\u3066\u3092\u7d50\u3073\u3064\u3051\u308b"}),"\n",(0,i.jsx)(n.p,{children:"\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u306b\u306f\u3001\u6700\u521d\u306b1\u3064\u306e\u30da\u30fc\u30b8\u304c\u3042\u308a\u3001\u30a4\u30f3\u30bf\u30fc\u30d5\u30a7\u30fc\u30b9\u306f\u6700\u521d\u306e\u4f8b\u306e\u5c11\u3057\u4fee\u6b63\u3055\u308c\u305f\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306b\u57fa\u3065\u3044\u3066\u3044\u307e\u3059\u3002"}),"\n",(0,i.jsx)(n.pre,{children:(0,i.jsx)(n.code,{className:"language-tsx",metastring:'title="page/main/ui.tsx"',children:"<List\n    Header={<ConversationSwitch />}\n    Items={<Messages />}\n    Footer={<MessageInput />}\n/>\n"})}),"\n",(0,i.jsx)(n.h4,{id:"data-model",children:"\u30c7\u30fc\u30bf\u30e2\u30c7\u30eb"}),"\n",(0,i.jsxs)(n.p,{children:["\u30da\u30fc\u30b8\u306e\u30c7\u30fc\u30bf\u30e2\u30c7\u30eb\u306f\u3001",(0,i.jsx)(n.strong,{children:"\u30d5\u30a3\u30fc\u30c1\u30e3\u30fc\u3068\u30a8\u30f3\u30c6\u30a3\u30c6\u30a3\u306e\u69cb\u6210"}),"\u3068\u3057\u3066\u6574\u7406\u3055\u308c\u307e\u3059\u3002\u3053\u306e\u4f8b\u3067\u306f\u3001\u30d5\u30a3\u30fc\u30c1\u30e3\u30fc\u306f\u30d5\u30a1\u30af\u30c8\u30ea\u30fc\u3068\u3057\u3066\u5b9f\u88c5\u3055\u308c\u3001\u3053\u308c\u3089\u306e\u30d5\u30a1\u30af\u30c8\u30ea\u30fc\u306e\u30d1\u30e9\u30e1\u30fc\u30bf\u3092\u4ecb\u3057\u3066\u30a8\u30f3\u30c6\u30a3\u30c6\u30a3\u306e\u30a4\u30f3\u30bf\u30fc\u30d5\u30a7\u30fc\u30b9\u306b\u30a2\u30af\u30bb\u30b9\u3057\u307e\u3059\u3002"]}),"\n",(0,i.jsxs)(n.blockquote,{children:["\n",(0,i.jsx)(n.p,{children:"\u305f\u3060\u3057\u3001\u30d5\u30a1\u30af\u30c8\u30ea\u30fc\u3068\u3057\u3066\u306e\u5b9f\u88c5\u306f\u5fc5\u9808\u3067\u306f\u306a\u304f\u3001\u30d5\u30a3\u30fc\u30c1\u30e3\u30fc\u306f\u4e0b\u4f4d\u5c64\u306b\u4f9d\u5b58\u3057\u3001\u76f4\u63a5\u7684\u306b\u30a2\u30af\u30bb\u30b9\u3059\u308b\u3053\u3068\u3082\u3067\u304d\u307e\u3059\u3002"}),"\n"]}),"\n",(0,i.jsx)(n.pre,{children:(0,i.jsx)(n.code,{className:"language-ts",metastring:'title="pages/main/model.ts"',children:'import { userModel } from "entitites/user"\nimport { conversationModel } from "entities/conversation"\nimport { contactModel } from "entities/contact"\n\nimport { createMessageInput } from "features/message-input"\nimport { createConversationSwitch } from "features/conversation-switch"\n\nimport { beautifiy } from "shared/lib/beautify-text"\n\nexport const { allConversations, setConversation } = createConversationSwitch({\n    contacts: contactModel.allContacts,\n    setConversation: conversationModel.setConversation,\n    currentConversation: conversationModel.conversation,\n    currentUser: userModel.currentUser\n})\n\nexport const { sendMessage, attachFile } = createMessageInput({\n    author: userModel.currentUser,\n    send: conversationModel.sendMessage,\n    formatMessage: beautify\n})\n'})}),"\n",(0,i.jsx)(n.h2,{id:"summary",children:"\u307e\u3068\u3081"}),"\n",(0,i.jsxs)(n.ol,{children:["\n",(0,i.jsxs)(n.li,{children:["\u30e2\u30b8\u30e5\u30fc\u30eb\u306f",(0,i.jsx)(n.strong,{children:"\u5f37\u3044\u7d50\u5408\u6027"}),"\u3092\u6301\u3064\u3079\u304d\u3067\u3042\u308a\uff081\u3064\u306e\u8cac\u4efb\u3092\u6301\u3061\u3001\u7279\u5b9a\u306e\u30bf\u30b9\u30af\u3092\u89e3\u6c7a\u3059\u308b\uff09\u3001",(0,i.jsx)(n.a,{href:"/docs/reference/public-api",children:(0,i.jsx)(n.strong,{children:"\u516c\u958bAPI"})}),"\u3092\u63d0\u4f9b\u3059\u308b\u5fc5\u8981\u304c\u3042\u308a\u307e\u3059\u3002"]}),"\n",(0,i.jsxs)(n.li,{children:[(0,i.jsx)(n.strong,{children:"\u5f31\u3044\u7d50\u5408\u6027"}),"\u306f\u3001UI\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3001\u30d5\u30a3\u30fc\u30c1\u30e3\u30fc\u3001\u30a8\u30f3\u30c6\u30a3\u30c6\u30a3\u306e\u8981\u7d20\u306e\u69cb\u6210\u3092\u901a\u3058\u3066\u9054\u6210\u3055\u308c\u307e\u3059\u3002"]}),"\n",(0,i.jsxs)(n.li,{children:["\u307e\u305f\u3001\u7d50\u5408\u6027\u3092\u4f4e\u4e0b\u3055\u305b\u308b\u305f\u3081\u306b\u3001\u30e2\u30b8\u30e5\u30fc\u30eb\u306f",(0,i.jsx)(n.strong,{children:"\u516c\u958bAPI\u3092\u4ecb\u3057\u3066\u306e\u307f\u4e92\u3044\u306b\u4f9d\u5b58\u3059\u308b\u3079\u304d\u3067\u3059"})," - \u3053\u308c\u306b\u3088\u308a\u3001\u30e2\u30b8\u30e5\u30fc\u30eb\u306f\u4e92\u3044\u306e\u5185\u90e8\u5b9f\u88c5\u304b\u3089\u72ec\u7acb\u3057\u307e\u3059\u3002"]}),"\n"]}),"\n",(0,i.jsx)(n.h2,{id:"see-also",children:"\u53c2\u7167"}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsxs)(n.li,{children:[(0,i.jsx)(n.a,{href:"https://enterprisecraftsmanship.com/posts/cohesion-coupling-difference/",children:"(\u8a18\u4e8b) \u4f4e\u7d50\u5408\u3068\u9ad8\u51dd\u96c6\u306b\u3064\u3044\u3066\u306e\u8996\u899a\u7684\u8aac\u660e"}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsx)(n.li,{children:(0,i.jsx)(n.em,{children:"\u6700\u521d\u306e\u56f3\u306f\u3053\u306e\u8ad6\u6587\u304b\u3089\u30a4\u30f3\u30b9\u30d1\u30a4\u30a2\u3092\u53d7\u3051\u3066\u3044\u307e\u3059"})}),"\n"]}),"\n"]}),"\n",(0,i.jsx)(n.li,{children:(0,i.jsx)(n.a,{href:"https://medium.com/german-gorelkin/low-coupling-high-cohesion-d36369fb1be9",children:"(\u8a18\u4e8b) \u4f4e\u7d50\u5408\u3068\u9ad8\u51dd\u96c6\u3002\u30c7\u30e1\u30c8\u30ea\u306e\u6cd5\u5247"})}),"\n",(0,i.jsx)(n.li,{children:(0,i.jsx)(n.a,{href:"https://www.slideshare.net/cristalngo/software-design-principles-57388843",children:"(\u30d7\u30ec\u30bc\u30f3\u30c6\u30fc\u30b7\u30e7\u30f3) \u8a2d\u8a08\u539f\u5247\u306b\u3064\u3044\u3066\uff08\u4f4e\u7d50\u5408\u3068\u9ad8\u51dd\u96c6\u3092\u542b\u3080\uff09"})}),"\n"]})]})}function h(e={}){const{wrapper:n}={...(0,r.R)(),...e.components};return n?(0,i.jsx)(n,{...e,children:(0,i.jsx)(a,{...e})}):a(e)}},1100:(e,n,s)=>{s.d(n,{R:()=>l,x:()=>o});var i=s(758);const r={},t=i.createContext(r);function l(e){const n=i.useContext(t);return i.useMemo((function(){return"function"==typeof e?e(n):{...n,...e}}),[n,e])}function o(e){let n;return n=e.disableParentContext?"function"==typeof e.components?e.components(r):e.components||r:l(e.components),i.createElement(t.Provider,{value:n},e.children)}}}]);
\ No newline at end of file
diff --git a/ja/assets/js/bd483990.8e3ece82.js b/ja/assets/js/bd483990.fe12195e.js
similarity index 99%
rename from ja/assets/js/bd483990.8e3ece82.js
rename to ja/assets/js/bd483990.fe12195e.js
index 4344c58c10..3172885add 100644
--- a/ja/assets/js/bd483990.8e3ece82.js
+++ b/ja/assets/js/bd483990.fe12195e.js
@@ -1 +1 @@
-"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[1970],{9507:(n,e,s)=>{s.r(e),s.d(e,{assets:()=>c,contentTitle:()=>l,default:()=>a,frontMatter:()=>d,metadata:()=>t,toc:()=>h});var i=s(6070),r=s(1100);const d={sidebar_position:2},l="\u30cb\u30fc\u30ba\u306e\u7406\u89e3\u3068\u8ab2\u984c\u306e\u5b9a\u7fa9\u306b\u3064\u3044\u3066",t={id:"about/understanding/needs-driven",title:"\u30cb\u30fc\u30ba\u306e\u7406\u89e3\u3068\u8ab2\u984c\u306e\u5b9a\u7fa9\u306b\u3064\u3044\u3066",description:"\u2014 \u65b0\u3057\u3044\u6a5f\u80fd\u304c\u89e3\u6c7a\u3059\u308b\u76ee\u6a19\u3092\u660e\u78ba\u306b\u3067\u304d\u307e\u305b\u3093\u304b\uff1f\u305d\u308c\u3068\u3082\u3001\u554f\u984c\u306f\u30bf\u30b9\u30af\u81ea\u4f53\u304c\u660e\u78ba\u306b\u3055\u308c\u3066\u3044\u306a\u3044\u3053\u3068\u306b\u3042\u308a\u307e\u3059\u304b\uff1f**FSD\u306f\u3001\u554f\u984c\u306e\u5b9a\u7fa9\u3084\u76ee\u6a19\u3092\u5f15\u304d\u51fa\u3059\u624b\u52a9\u3051\u3092\u3059\u308b\u3053\u3068\u3082\u76ee\u7684\u306b\u3057\u3066\u3044\u307e\u3059\u3002**",source:"@site/i18n/ja/docusaurus-plugin-content-docs/current/about/understanding/needs-driven.md",sourceDirName:"about/understanding",slug:"/about/understanding/needs-driven",permalink:"/ja/docs/about/understanding/needs-driven",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/ja/docusaurus-plugin-content-docs/current/about/understanding/needs-driven.md",tags:[],version:"current",lastUpdatedAt:1727607766e3,sidebarPosition:2,frontMatter:{sidebar_position:2},sidebar:"aboutSidebar",previous:{title:"\u30a2\u30fc\u30ad\u30c6\u30af\u30c1\u30e3",permalink:"/ja/docs/about/understanding/architecture"},next:{title:"\u77e5\u8b58\u306e\u7a2e\u985e",permalink:"/ja/docs/about/understanding/knowledge-types"}},c={},h=[{value:"\u306a\u305c\uff1f",id:"why",level:2},{value:"\u3069\u306e\u3088\u3046\u306a\u8ab2\u984c\u306b\u3064\u3044\u3066\u306e\u8a71\uff1f",id:"what-tasks-are-we-talking-about",level:2},{value:"\u3053\u308c\u304c\u958b\u767a\u306b\u3069\u306e\u3088\u3046\u306b\u5f71\u97ff\u3059\u308b\u306e\u304b\uff1f",id:"how-does-this-affect-development",level:2},{value:"\u8ab2\u984c\uff08\u30bf\u30b9\u30af\uff09\u306e\u5206\u89e3",id:"task-decomposition",level:3},{value:"\u8ab2\u984c\u306e\u672c\u8cea\u3092\u7406\u89e3\u3059\u308b",id:"understanding-the-essence-of-the-task",level:3},{value:"\u3069\u306e\u3088\u3046\u306b\u5b9a\u7fa9\u3059\u308b\u306e\u304b\uff1f",id:"how-to-formulate-it",level:2},{value:"\u305d\u306e\u5229\u76ca\u306f\u4f55\u304b\uff1f",id:"and-what-is-the-benefit",level:2},{value:"1. \u30e6\u30fc\u30b6\u30fc\u306e\u8ab2\u984c\u3092\u7406\u89e3\u3059\u308b",id:"1-understanding-user-tasks",level:3},{value:"2. \u69cb\u9020\u5316\u3068\u6574\u7406",id:"2-structuring-and-ordering",level:3},{value:"3. \u6a5f\u80fd\u3068\u305d\u306e\u69cb\u6210\u8981\u7d20\u3092\u7406\u89e3\u3059\u308b",id:"3-understanding-the-feature-and-its-components",level:3},{value:"4. Profit",id:"4-profit",level:3},{value:"\u73fe\u5b9f\u306b\u623b\u308a\u307e\u3057\u3087\u3046",id:"back-to-reality",level:2},{value:"FSD\u306e\u5f79\u5272",id:"the-role-of-methodology",level:2},{value:"FSD\u306b\u5bfe\u3059\u308b\u8981\u4ef6",id:"methodology-requirements",level:3},{value:"\u95a2\u9023\u60c5\u5831",id:"see-also",level:2}];function o(n){const e={a:"a",admonition:"admonition",blockquote:"blockquote",em:"em",h1:"h1",h2:"h2",h3:"h3",header:"header",hr:"hr",li:"li",ol:"ol",p:"p",strong:"strong",ul:"ul",...(0,r.R)(),...n.components};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(e.header,{children:(0,i.jsx)(e.h1,{id:"\u30cb\u30fc\u30ba\u306e\u7406\u89e3\u3068\u8ab2\u984c\u306e\u5b9a\u7fa9\u306b\u3064\u3044\u3066",children:"\u30cb\u30fc\u30ba\u306e\u7406\u89e3\u3068\u8ab2\u984c\u306e\u5b9a\u7fa9\u306b\u3064\u3044\u3066"})}),"\n",(0,i.jsxs)(e.admonition,{title:"TL;DR",type:"note",children:[(0,i.jsxs)(e.p,{children:["\u2014 ",(0,i.jsxs)(e.em,{children:["\u65b0\u3057\u3044\u6a5f\u80fd\u304c\u89e3\u6c7a\u3059\u308b\u76ee\u6a19\u3092\u660e\u78ba\u306b\u3067\u304d\u307e\u305b\u3093\u304b\uff1f\u305d\u308c\u3068\u3082\u3001\u554f\u984c\u306f\u30bf\u30b9\u30af\u81ea\u4f53\u304c\u660e\u78ba\u306b\u3055\u308c\u3066\u3044\u306a\u3044\u3053\u3068\u306b\u3042\u308a\u307e\u3059\u304b\uff1f",(0,i.jsx)(e.strong,{children:"FSD\u306f\u3001\u554f\u984c\u306e\u5b9a\u7fa9\u3084\u76ee\u6a19\u3092\u5f15\u304d\u51fa\u3059\u624b\u52a9\u3051\u3092\u3059\u308b\u3053\u3068\u3082\u76ee\u7684\u306b\u3057\u3066\u3044\u307e\u3059\u3002"})]})]}),(0,i.jsxs)(e.p,{children:["\u2014 ",(0,i.jsxs)(e.em,{children:["\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u306f\u9759\u7684\u306b\u5b58\u5728\u3059\u308b\u308f\u3051\u3067\u306f\u306a\u304f\u3001\u8981\u4ef6\u3084\u6a5f\u80fd\u306f\u5e38\u306b\u5909\u5316\u3057\u3066\u3044\u307e\u3059\u3002\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u306f\u6700\u521d\u306e\u8981\u671b\u306e\u30b9\u30ca\u30c3\u30d7\u30b7\u30e7\u30c3\u30c8\u306e\u307f\u306b\u57fa\u3065\u3044\u3066\u8a2d\u8a08\u3055\u308c\u3066\u3044\u308b\u305f\u3081\u3001\u6642\u9593\u304c\u7d4c\u3064\u306b\u3064\u308c\u3066\u3001\u30b3\u30fc\u30c9\u306f\u6df7\u6c8c\u3068\u3057\u3066\u3057\u307e\u3044\u307e\u3059\u3002",(0,i.jsx)(e.strong,{children:"\u826f\u3044\u30a2\u30fc\u30ad\u30c6\u30af\u30c1\u30e3\u306e\u8ab2\u984c\u306e\u4e00\u3064\u306f\u3001\u5909\u5316\u3059\u308b\u958b\u767a\u6761\u4ef6\u306b\u5bfe\u5fdc\u3067\u304d\u308b\u3088\u3046\u306b\u3059\u308b\u3053\u3068\u3067\u3059\u3002"})]})]})]}),"\n",(0,i.jsx)(e.h2,{id:"why",children:"\u306a\u305c\uff1f"}),"\n",(0,i.jsxs)(e.p,{children:["\u30a8\u30f3\u30c6\u30a3\u30c6\u30a3\u306e\u660e\u78ba\u306a\u540d\u524d\u3092\u9078\u3073\u3001\u305d\u306e\u69cb\u6210\u8981\u7d20\u3092\u7406\u89e3\u3059\u308b\u305f\u3081\u306b\u306f\u3001",(0,i.jsx)(e.strong,{children:"\u30b3\u30fc\u30c9\u304c\u89e3\u6c7a\u3059\u308b\u8ab2\u984c\u3092\u660e\u78ba\u306b\u7406\u89e3\u3059\u308b\u5fc5\u8981\u304c\u3042\u308a\u307e\u3059\u3002"})]}),"\n",(0,i.jsxs)(e.blockquote,{children:["\n",(0,i.jsx)(e.p,{children:(0,i.jsx)(e.em,{children:"@sergeysova: \u958b\u767a\u4e2d\u3001\u79c1\u305f\u3061\u306f\u5404\u30a8\u30f3\u30c6\u30a3\u30c6\u30a3\u3084\u6a5f\u80fd\u306b\u3001\u305d\u306e\u610f\u56f3\u3084\u610f\u5473\u3092\u660e\u78ba\u306b\u53cd\u6620\u3059\u308b\u540d\u524d\u3092\u4ed8\u3051\u3088\u3046\u3068\u3057\u3066\u3044\u308b\u3002"})}),"\n"]}),"\n",(0,i.jsx)(e.p,{children:(0,i.jsx)(e.em,{children:"\u8ab2\u984c\u3092\u7406\u89e3\u3057\u306a\u3051\u308c\u3070\u3001\u91cd\u8981\u306a\u30b1\u30fc\u30b9\u3092\u30ab\u30d0\u30fc\u3059\u308b\u6b63\u3057\u3044\u30c6\u30b9\u30c8\u3092\u66f8\u304f\u3053\u3068\u3082\u3001\u30e6\u30fc\u30b6\u30fc\u306b\u9069\u5207\u306a\u5834\u6240\u3067\u30a8\u30e9\u30fc\u3092\u8868\u793a\u3059\u308b\u3053\u3068\u3082\u3067\u304d\u305a\u3001\u5358\u7d14\u306b\u30e6\u30fc\u30b6\u30fc\u306e\u30d5\u30ed\u30fc\u3092\u4e2d\u65ad\u3059\u308b\u3053\u3068\u306b\u3082\u306a\u3063\u3066\u3057\u307e\u3044\u307e\u3059\u3002"})}),"\n",(0,i.jsx)(e.h2,{id:"what-tasks-are-we-talking-about",children:"\u3069\u306e\u3088\u3046\u306a\u8ab2\u984c\u306b\u3064\u3044\u3066\u306e\u8a71\uff1f"}),"\n",(0,i.jsx)(e.p,{children:"\u30d5\u30ed\u30f3\u30c8\u30a8\u30f3\u30c9\u306f\u3001\u30a8\u30f3\u30c9\u30e6\u30fc\u30b6\u30fc\u306e\u305f\u3081\u306e\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u3084\u30a4\u30f3\u30bf\u30fc\u30d5\u30a7\u30fc\u30b9\u3092\u958b\u767a\u3057\u3066\u3044\u308b\u305f\u3081\u3001\u79c1\u305f\u3061\u958b\u767a\u8005\u306f\u305d\u306e\u6d88\u8cbb\u8005\u306e\u8ab2\u984c\u3092\u89e3\u6c7a\u3057\u3066\u3044\u307e\u3059\u3002"}),"\n",(0,i.jsxs)(e.p,{children:["\u79c1\u305f\u3061\u306e\u3082\u3068\u306b\u8ab0\u304b\u304c\u6765\u308b\u3068\u304d\u3001",(0,i.jsx)(e.strong,{children:"\u305d\u306e\u4eba\u306f\u81ea\u5206\u306e\u60a9\u307f\u3092\u89e3\u6c7a\u3057\u305f\u308a\u3001\u30cb\u30fc\u30ba\u3092\u6e80\u305f\u3057\u305f\u308a\u3057\u3066\u307b\u3057\u3044\u306e\u3067\u3059\u3002"})]}),"\n",(0,i.jsx)(e.p,{children:(0,i.jsx)(e.em,{children:"\u30de\u30cd\u30fc\u30b8\u30e3\u30fc\u3068\u30a2\u30ca\u30ea\u30b9\u30c8\u306e\u4ed5\u4e8b\u306f\u3053\u306e\u30cb\u30fc\u30ba\u3092\u5b9a\u7fa9\u3059\u308b\u3053\u3068\u3067\u3059\u3002\u958b\u767a\u8005\u306e\u4ed5\u4e8b\u306f\u30a6\u30a7\u30d6\u958b\u767a\u306e\u7279\u6027\uff08\u63a5\u7d9a\u306e\u55aa\u5931\u3001\u30d0\u30c3\u30af\u30a8\u30f3\u30c9\u306e\u30a8\u30e9\u30fc\u3001\u30bf\u30a4\u30d7\u30df\u30b9\u3001\u30ab\u30fc\u30bd\u30eb\u3084\u6307\u306e\u64cd\u4f5c\u30df\u30b9\uff09\u3092\u8003\u616e\u3057\u3066\u3001\u305d\u306e\u30cb\u30fc\u30ba\u3092\u5b9f\u73fe\u3059\u308b\u3053\u3068\u3067\u3059\u3002"})}),"\n",(0,i.jsx)(e.p,{children:(0,i.jsx)(e.strong,{children:"\u30e6\u30fc\u30b6\u30fc\u304c\u6301\u3063\u3066\u304d\u305f\u76ee\u7684\u3053\u305d\u304c\u3001\u958b\u767a\u8005\u306e\u8ab2\u984c\u3067\u3059\u3002"})}),"\n",(0,i.jsxs)(e.blockquote,{children:["\n",(0,i.jsx)(e.p,{children:(0,i.jsx)(e.em,{children:"\u5c0f\u3055\u306a\u89e3\u6c7a\u3055\u308c\u305f\u8ab2\u984c\u304c\u3001Feature-Sliced Design\u306e\u8a2d\u8a08\u65b9\u6cd5\u8ad6\u306b\u304a\u3051\u308bfeature\u3067\u306f\u3042\u308a\u307e\u3059\u3002\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u8ab2\u984c\u306e\u30b9\u30b3\u30fc\u30d7\u3092\u5c0f\u3055\u306a\u76ee\u6a19\u306b\u5206\u5272\u3059\u308b\u5fc5\u8981\u304c\u3042\u308a\u307e\u3059\u3002"})}),"\n"]}),"\n",(0,i.jsx)(e.h2,{id:"how-does-this-affect-development",children:"\u3053\u308c\u304c\u958b\u767a\u306b\u3069\u306e\u3088\u3046\u306b\u5f71\u97ff\u3059\u308b\u306e\u304b\uff1f"}),"\n",(0,i.jsx)(e.h3,{id:"task-decomposition",children:"\u8ab2\u984c\uff08\u30bf\u30b9\u30af\uff09\u306e\u5206\u89e3"}),"\n",(0,i.jsxs)(e.p,{children:["\u958b\u767a\u8005\u304c\u30bf\u30b9\u30af\u3092\u5b9f\u88c5\u3057\u59cb\u3081\u308b\u3068\u304d\u3001\u7406\u89e3\u306e\u7c21\u7d20\u5316\u3068\u30b3\u30fc\u30c9\u30e1\u30f3\u30c6\u30ca\u30f3\u30b9\u306e\u305f\u3081\u306b\u3001",(0,i.jsx)(e.strong,{children:"\u30bf\u30b9\u30af\u3092\u6bb5\u968e\u306b\u5206\u3051\u307e\u3059"}),"\u3002"]}),"\n",(0,i.jsxs)(e.ul,{children:["\n",(0,i.jsx)(e.li,{children:"\u307e\u305a\u306f\u3001\u4e0a\u4f4d\u30ec\u30d9\u30eb\u306e\u30a8\u30f3\u30c6\u30a3\u30c6\u30a3\u306b\u5206\u3051\u3066\u3001\u305d\u308c\u3092\u5b9f\u88c5\u3059\u308b"}),"\n",(0,i.jsx)(e.li,{children:"\u6b21\u306b\u3001\u3053\u308c\u3089\u306e\u30a8\u30f3\u30c6\u30a3\u30c6\u30a3\u3092\u3088\u308a\u5c0f\u3055\u304f\u5206\u3051\u308b"}),"\n",(0,i.jsx)(e.li,{children:"\u305d\u3057\u3066\u3055\u3089\u306b\u7d9a\u3051\u308b"}),"\n"]}),"\n",(0,i.jsx)(e.p,{children:(0,i.jsx)(e.em,{children:"\u30a8\u30f3\u30c6\u30a3\u30c6\u30a3\u3092\u5206\u89e3\u3059\u308b\u904e\u7a0b\u3067\u3001\u958b\u767a\u8005\u306f\u305d\u308c\u306b\u660e\u78ba\u306b\u610f\u56f3\u3092\u53cd\u6620\u3057\u305f\u540d\u524d\u3092\u4ed8\u3051\u308b\u5fc5\u8981\u304c\u3042\u308a\u3001\u30a8\u30f3\u30c6\u30a3\u30c6\u30a3\u306e\u4e00\u89a7\u8868\u3092\u8aad\u3080\u969b\u306b\u305d\u306e\u30b3\u30fc\u30c9\u304c\u89e3\u6c7a\u3059\u308b\u8ab2\u984c\u3092\u7406\u89e3\u3059\u308b\u306e\u306b\u5f79\u7acb\u3061\u307e\u3059\u3002"})}),"\n",(0,i.jsx)(e.p,{children:"\u3053\u306e\u969b\u3001\u30e6\u30fc\u30b6\u30fc\u306e\u60a9\u307f\u3092\u8efd\u6e1b\u3057\u305f\u308a\u3001\u30cb\u30fc\u30ba\u3092\u5b9f\u73fe\u3057\u305f\u308a\u3059\u308b\u30e6\u30fc\u30b6\u30fc\u3078\u306e\u624b\u52a9\u3051\u3092\u3059\u308b\u3053\u3068\u3092\u5fd8\u308c\u306a\u3044\u3088\u3046\u306b\u5fc3\u304c\u3051\u307e\u3057\u3087\u3046\u3002"}),"\n",(0,i.jsx)(e.h3,{id:"understanding-the-essence-of-the-task",children:"\u8ab2\u984c\u306e\u672c\u8cea\u3092\u7406\u89e3\u3059\u308b"}),"\n",(0,i.jsxs)(e.p,{children:["\u30a8\u30f3\u30c6\u30a3\u30c6\u30a3\u306b\u660e\u78ba\u306a\u540d\u524d\u3092\u4ed8\u3051\u308b\u305f\u3081\u306b\u306f\u3001",(0,i.jsx)(e.strong,{children:"\u958b\u767a\u8005\u306f\u305d\u306e\u76ee\u7684\u306b\u3064\u3044\u3066\u5341\u5206\u306b\u7406\u89e3\u3059\u308b\u5fc5\u8981\u304c\u3042\u308a\u307e\u3059\u3002"})]}),"\n",(0,i.jsxs)(e.ul,{children:["\n",(0,i.jsx)(e.li,{children:"\u30a8\u30f3\u30c6\u30a3\u30c6\u30a3\u3092\u3069\u306e\u3088\u3046\u306b\u4f7f\u7528\u3059\u308b\u3064\u3082\u308a\u306a\u306e\u304b"}),"\n",(0,i.jsx)(e.li,{children:"\u30a8\u30f3\u30c6\u30a3\u30c6\u30a3\u304c\u30e6\u30fc\u30b6\u30fc\u306e\u8ab2\u984c\u306e\u3069\u306e\u90e8\u5206\u3092\u5b9f\u73fe\u3059\u308b\u306e\u304b\u3001\u4ed6\u306b\u3069\u3053\u3067\u3053\u306e\u30a8\u30f3\u30c6\u30a3\u30c6\u30a3\u3092\u4f7f\u7528\u3067\u304d\u308b\u306e\u304b"}),"\n",(0,i.jsx)(e.li,{children:"\u306a\u3069\u306a\u3069"}),"\n"]}),"\n",(0,i.jsxs)(e.p,{children:["\u7d50\u8ad6\u3092\u51fa\u3059\u306e\u306f\u96e3\u3057\u304f\u3042\u308a\u307e\u305b\u3093\u3002",(0,i.jsx)(e.strong,{children:"\u958b\u767a\u8005\u304cFSD\u67a0\u5185\u3067\u306e\u30a8\u30f3\u30c6\u30a3\u30c6\u30a3\u306e\u540d\u524d\u3092\u8003\u3048\u3066\u3044\u308b\u3068\u304d\u3001\u30b3\u30fc\u30c9\u3092\u66f8\u304f\u524d\u306b\u4e0d\u5341\u5206\u306b\u5b9a\u7fa9\u3055\u308c\u305f\u8ab2\u984c\u3092\u898b\u3064\u3051\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002"})]}),"\n",(0,i.jsxs)(e.blockquote,{children:["\n",(0,i.jsx)(e.p,{children:"\u3069\u306e\u3088\u3046\u306b\u30a8\u30f3\u30c6\u30a3\u30c6\u30a3\u306b\u540d\u524d\u3092\u4ed8\u3051\u308b\u306e\u304b\u3001\u3082\u3057\u305d\u306e\u30a8\u30f3\u30c6\u30a3\u30c6\u30a3\u304c\u89e3\u6c7a\u3067\u304d\u308b\u8ab2\u984c\u3092\u3088\u304f\u7406\u89e3\u3057\u3066\u3044\u306a\u3044\u5834\u5408\u3001\u305d\u3082\u305d\u3082\u3069\u3046\u3084\u3063\u3066\u8ab2\u984c\u3092\u30a8\u30f3\u30c6\u30a3\u30c6\u30a3\u306b\u5206\u89e3\u3067\u304d\u308b\u306e\u304b\uff1f"}),"\n"]}),"\n",(0,i.jsx)(e.h2,{id:"how-to-formulate-it",children:"\u3069\u306e\u3088\u3046\u306b\u5b9a\u7fa9\u3059\u308b\u306e\u304b\uff1f"}),"\n",(0,i.jsx)(e.p,{children:"\u6a5f\u80fd\u306b\u3088\u3063\u3066\u89e3\u6c7a\u3055\u308c\u308b\u8ab2\u984c\u3092\u5b9a\u7fa9\u3059\u308b\u305f\u3081\u306b\u306f\u3001\u305d\u306e\u8ab2\u984c\u81ea\u4f53\u3092\u7406\u89e3\u3059\u308b\u5fc5\u8981\u304c\u3042\u308a\u307e\u3059\u3002\u3053\u308c\u306f\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u30de\u30cd\u30fc\u30b8\u30e3\u30fc\u3084\u30a2\u30ca\u30ea\u30b9\u30c8\u306e\u8cac\u4efb\u7bc4\u56f2\u3067\u3059\u3002"}),"\n",(0,i.jsx)(e.p,{children:(0,i.jsx)(e.em,{children:"FSD\u8a2d\u8a08\u65b9\u6cd5\u8ad6\u306f\u3001\u958b\u767a\u8005\u306b\u5bfe\u3057\u3066\u3001\u30d7\u30ed\u30c0\u30af\u30c8\u30de\u30cd\u30fc\u30b8\u30e3\u30fc\u304c\u6ce8\u76ee\u3059\u3079\u304d\u8ab2\u984c\u3092\u793a\u5506\u3059\u308b\u3053\u3068\u3057\u304b\u3067\u304d\u307e\u305b\u3093\u3002"})}),"\n",(0,i.jsxs)(e.blockquote,{children:["\n",(0,i.jsx)(e.p,{children:(0,i.jsx)(e.em,{children:"@sergeysova: \u30d5\u30ed\u30f3\u30c8\u30a8\u30f3\u30c9\u306f\u3001\u307e\u305a\u60c5\u5831\u3092\u8868\u793a\u3059\u308b\u3082\u306e\u3067\u3042\u308b\u3002\u3069\u306e\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3082\u3001\u307e\u305a\u4f55\u304b\u3092\u8868\u793a\u3059\u308b\u3002\u3057\u305f\u304c\u3063\u3066\u3001\u300c\u30e6\u30fc\u30b6\u30fc\u306b\u4f55\u304b\u3092\u898b\u305b\u308b\u300d\u3068\u3044\u3046\u30bf\u30b9\u30af\u306b\u306f\u5b9f\u7528\u7684\u306a\u4fa1\u5024\u304c\u306a\u3044\u3002"})}),"\n"]}),"\n",(0,i.jsxs)(e.p,{children:["\u57fa\u672c\u7684\u306a\u30cb\u30fc\u30ba\u3084\u60a9\u307f\u3092\u898b\u3064\u3051\u305f\u3089\u3001",(0,i.jsx)(e.strong,{children:"\u3042\u306a\u305f\u306e\u30d7\u30ed\u30c0\u30af\u30c8\u3084\u30b5\u30fc\u30d3\u30b9\u304c\u3069\u306e\u3088\u3046\u306b\u30e6\u30fc\u30b6\u30fc\u306e\u76ee\u6a19\u3092\u30b5\u30dd\u30fc\u30c8\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u308b\u306e\u304b\u3092\u8003\u3048\u307e\u3059\u3002"})]}),"\n",(0,i.jsx)(e.p,{children:"\u30bf\u30b9\u30af\u30c8\u30e9\u30c3\u30ab\u30fc\u306e\u65b0\u3057\u3044\u30bf\u30b9\u30af\u306f\u3001\u30d3\u30b8\u30cd\u30b9\u306e\u8ab2\u984c\u3092\u89e3\u6c7a\u3059\u308b\u3053\u3068\u3092\u76ee\u7684\u3068\u3057\u3066\u304a\u308a\u3001\u30d3\u30b8\u30cd\u30b9\u306f\u540c\u6642\u306b\u30e6\u30fc\u30b6\u30fc\u306e\u8ab2\u984c\u3092\u89e3\u6c7a\u3057\u3001\u5229\u76ca\u3092\u4e0a\u3052\u3088\u3046\u3068\u3057\u3066\u3044\u307e\u3059\u3002\u3057\u305f\u304c\u3063\u3066\u3001\u8aac\u660e\u6587\u306b\u660e\u8a18\u3055\u308c\u3066\u3044\u306a\u304f\u3066\u3082\u3001\u5404\u30bf\u30b9\u30af\u306b\u306f\u7279\u5b9a\u306e\u76ee\u6a19\u304c\u542b\u307e\u308c\u3066\u3044\u307e\u3059\u3002"}),"\n",(0,i.jsxs)(e.p,{children:[(0,i.jsx)("b",{children:(0,i.jsx)("i",{children:"\u958b\u767a\u8005\u306f\u3001\u7279\u5b9a\u306e\u30bf\u30b9\u30af\u304c\u8ffd\u6c42\u3059\u308b\u76ee\u7684\u3092\u306f\u3063\u304d\u308a\u3068\u628a\u63e1\u3057\u3066\u304a\u304f\u3079\u304d\u3067\u3059\u3002"})}),"\u3057\u304b\u3057\u3001\u3059\u3079\u3066\u306e\u4f1a\u793e\u304c\u30d7\u30ed\u30bb\u30b9\u3092\u5b8c\u74a7\u306b\u69cb\u7bc9\u3067\u304d\u308b\u308f\u3051\u3067\u306f\u3042\u308a\u307e\u305b\u3093\u3002"]}),"\n",(0,i.jsx)(e.h2,{id:"and-what-is-the-benefit",children:"\u305d\u306e\u5229\u76ca\u306f\u4f55\u304b\uff1f"}),"\n",(0,i.jsx)(e.p,{children:"\u3067\u306f\u3001\u30d7\u30ed\u30bb\u30b9\u5168\u4f53\u3092\u6700\u521d\u304b\u3089\u6700\u5f8c\u307e\u3067\u898b\u3066\u307f\u307e\u3057\u3087\u3046\u3002"}),"\n",(0,i.jsx)(e.h3,{id:"1-understanding-user-tasks",children:"1. \u30e6\u30fc\u30b6\u30fc\u306e\u8ab2\u984c\u3092\u7406\u89e3\u3059\u308b"}),"\n",(0,i.jsx)(e.p,{children:"\u958b\u767a\u8005\u306f\u3001\u30e6\u30fc\u30b6\u30fc\u306e\u60a9\u307f\u3068\u30d3\u30b8\u30cd\u30b9\u304c\u305d\u306e\u60a9\u307f\u3092\u3069\u306e\u3088\u3046\u306b\u89e3\u6c7a\u3059\u308b\u304b\u3092\u7406\u89e3\u3059\u308b\u3068\u3001\u30a6\u30a7\u30d6\u958b\u767a\u306e\u7279\u6027\u306b\u3088\u308a\u30d3\u30b8\u30cd\u30b9\u306b\u306f\u63d0\u4f9b\u3067\u304d\u306a\u3044\u89e3\u6c7a\u7b56\u3092\u63d0\u6848\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002"}),"\n",(0,i.jsxs)(e.blockquote,{children:["\n",(0,i.jsx)(e.p,{children:"\u3057\u304b\u3057\u3082\u3061\u308d\u3093\u3001\u3053\u308c\u306f\u958b\u767a\u8005\u304c\u81ea\u5206\u306e\u884c\u52d5\u3084\u76ee\u7684\u306b\u7121\u95a2\u5fc3\u3067\u306a\u3044\u9650\u308a\u6a5f\u80fd\u3057\u307e\u3059\u3002\u3055\u3082\u306a\u3051\u308c\u3070\u3001\u305d\u3082\u305d\u3082\u306a\u305cFSD\u3084\u30a2\u30d7\u30ed\u30fc\u30c1\u304c\u5fc5\u8981\u306a\u306e\u304b\uff1f\u3068\u3044\u3046\u7591\u554f\u306b\u306a\u3063\u3066\u3057\u307e\u3044\u307e\u3059\u3002"}),"\n"]}),"\n",(0,i.jsx)(e.h3,{id:"2-structuring-and-ordering",children:"2. \u69cb\u9020\u5316\u3068\u6574\u7406"}),"\n",(0,i.jsxs)(e.p,{children:["\u8ab2\u984c\u3092\u7406\u89e3\u3059\u308b\u3053\u3068\u3067\u3001",(0,i.jsx)(e.strong,{children:"\u982d\u3068\u30b3\u30fc\u30c9\u306e\u4e2d\u3067\u660e\u78ba\u306a\u69cb\u9020\u304c\u5f97\u3089\u308c\u307e\u3059\u3002"})]}),"\n",(0,i.jsx)(e.h3,{id:"3-understanding-the-feature-and-its-components",children:"3. \u6a5f\u80fd\u3068\u305d\u306e\u69cb\u6210\u8981\u7d20\u3092\u7406\u89e3\u3059\u308b"}),"\n",(0,i.jsx)(e.p,{children:(0,i.jsx)(e.strong,{children:"1\u3064\u306e\u6a5f\u80fd\u306f\u3001\u30e6\u30fc\u30b6\u30fc\u306b\u3068\u3063\u30661\u3064\u306e\u6709\u7528\u306a\u6a5f\u80fd\u6027\u3067\u3059\u3002"})}),"\n",(0,i.jsxs)(e.ul,{children:["\n",(0,i.jsxs)(e.li,{children:["1\u3064\u306e\u6a5f\u80fd\u306b\u8907\u6570\u306e\u6a5f\u80fd\u6027\u304c\u5b9f\u88c5\u3055\u308c\u3066\u3044\u308b\u5834\u5408\u3001\u305d\u308c\u306f",(0,i.jsx)(e.strong,{children:"\u5883\u754c\u306e\u4fb5\u5bb3"}),"\u3067\u3042\u308b\u3002"]}),"\n",(0,i.jsxs)(e.li,{children:["\u6a5f\u80fd\u306f\u5206\u5272\u4e0d\u53ef\u80fd\u3067\u6210\u9577\u53ef\u80fd\u306b\u306a\u308b\u5834\u5408\u304c\u3042\u308b\u304c\u3001",(0,i.jsx)(e.strong,{children:"\u305d\u308c\u306f\u60aa\u304f\u306a\u3044\u3002"})]}),"\n",(0,i.jsxs)(e.li,{children:[(0,i.jsx)(e.strong,{children:"\u60aa\u3044"}),"\u306e\u306f\u3001\u6a5f\u80fd\u304c\u300c\u30e6\u30fc\u30b6\u30fc\u306b\u3068\u3063\u3066\u306e\u30d3\u30b8\u30cd\u30b9\u4fa1\u5024\u306f\u4f55\u304b\uff1f\u300d\u3068\u3044\u3046\u8cea\u554f\u306b\u7b54\u3048\u3089\u308c\u306a\u3044\u3053\u3068\u3067\u3042\u308b\u3002","\n",(0,i.jsxs)(e.ul,{children:["\n",(0,i.jsx)(e.li,{children:"\u300c\u30aa\u30d5\u30a3\u30b9\u306e\u5730\u56f3\u300d\u3068\u3044\u3046\u6a5f\u80fd\u306f\u5b58\u5728\u3067\u304d\u306a\u3044\u3002"}),"\n",(0,i.jsxs)(e.li,{children:["\u3057\u304b\u3057\u3001\u300c\u5730\u56f3\u4e0a\u306e\u4f1a\u8b70\u5ba4\u306e\u4e88\u7d04\u300d\u3001\u300c\u5f93\u696d\u54e1\u306e\u691c\u7d22\u300d\u3001\u300c\u4f5c\u696d\u5834\u6240\u306e\u5909\u66f4\u300d\u306f",(0,i.jsx)(e.strong,{children:"\u5b58\u5728\u53ef\u80fd\u3067\u3042\u308b\u3002"})]}),"\n"]}),"\n"]}),"\n"]}),"\n",(0,i.jsxs)(e.blockquote,{children:["\n",(0,i.jsx)(e.p,{children:(0,i.jsx)(e.em,{children:"@sergeysova: \u6a5f\u80fd\u306b\u306f\u3001\u76f4\u63a5\u7684\u306b\u305d\u306e\u6a5f\u80fd\u3092\u5b9f\u73fe\u3059\u308b\u30b3\u30fc\u30c9\u3060\u3051\u304c\u542b\u307e\u308c\u308b\u3079\u304d\u3067\u3042\u308a\u3001\u4f59\u8a08\u306a\u8a73\u7d30\u3084\u5185\u90e8\u306e\u89e3\u6c7a\u7b56\u306f\u542b\u307e\u308c\u306a\u3044\u3079\u304d\u3067\u3042\u308b\uff08\u7406\u60f3\u7684\u306b\u306f\uff09\u3002"})}),"\n"]}),"\n",(0,i.jsxs)(e.blockquote,{children:["\n",(0,i.jsx)(e.p,{children:(0,i.jsxs)(e.em,{children:["\u6a5f\u80fd\u306e\u30b3\u30fc\u30c9\u3092\u958b\u304f\u3068\u3001",(0,i.jsx)(e.strong,{children:"\u305d\u306e\u30bf\u30b9\u30af\u306b\u95a2\u9023\u3059\u308b\u3082\u306e\u3060\u3051\u304c\u898b\u3048\u308b"}),"\u3002\u305d\u308c\u4ee5\u4e0a\u306f\u5fc5\u8981\u306a\u3044\u3002"]})}),"\n"]}),"\n",(0,i.jsx)(e.h3,{id:"4-profit",children:"4. Profit"}),"\n",(0,i.jsxs)(e.p,{children:["\u30d3\u30b8\u30cd\u30b9\u306f\u305d\u306e\u65b9\u91dd\u3092\u6975\u3081\u3066\u7a00\u306b\u3057\u304b\u6839\u672c\u7684\u306b\u5909\u3048\u306a\u3044\u305f\u3081\u3001",(0,i.jsx)(e.strong,{children:"\u30d3\u30b8\u30cd\u30b9\u306e\u30bf\u30b9\u30af\u3092\u30d5\u30ed\u30f3\u30c8\u30a8\u30f3\u30c9\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u306e\u30b3\u30fc\u30c9\u306b\u53cd\u6620\u3059\u308b\u3053\u3068\u306f\u975e\u5e38\u306b\u5927\u304d\u306a\u5229\u70b9\u306b\u306a\u308c\u307e\u3059\u3002"})]}),"\n",(0,i.jsx)(e.p,{children:(0,i.jsxs)(e.em,{children:["\u305d\u3046\u3059\u308c\u3070\u3001\u30c1\u30fc\u30e0\u306e\u65b0\u3057\u3044\u30e1\u30f3\u30d0\u30fc\u306b\u305d\u306e\u30b3\u30fc\u30c9\u304c\u4f55\u3092\u3059\u308b\u306e\u304b\u3001\u306a\u305c\u8ffd\u52a0\u3055\u308c\u305f\u306e\u304b\u3092\u8aac\u660e\u3059\u308b\u5fc5\u8981\u304c\u306a\u304f\u306a\u308a\u307e\u3059\u3002",(0,i.jsx)(e.strong,{children:"\u3059\u3079\u3066\u306f\u3001\u3059\u3067\u306b\u30b3\u30fc\u30c9\u306b\u53cd\u6620\u3055\u308c\u3066\u3044\u308b\u30d3\u30b8\u30cd\u30b9\u306e\u30bf\u30b9\u30af\u3092\u901a\u3058\u3066\u8aac\u660e\u3055\u308c\u3066\u3044\u308b\u304b\u3089\u3067\u3059\u3002"})]})}),"\n",(0,i.jsxs)(e.blockquote,{children:["\n",(0,i.jsx)(e.p,{children:(0,i.jsx)(e.a,{href:"https://thedomaindrivendesign.io/developing-the-ubiquitous-language",children:"Domain Driven Development\u306b\u304a\u3051\u308b\u300c\u30d3\u30b8\u30cd\u30b9\u8a00\u8a9e\u300d"})}),"\n"]}),"\n",(0,i.jsx)(e.hr,{}),"\n",(0,i.jsx)(e.h2,{id:"back-to-reality",children:"\u73fe\u5b9f\u306b\u623b\u308a\u307e\u3057\u3087\u3046"}),"\n",(0,i.jsxs)(e.p,{children:["\u30d3\u30b8\u30cd\u30b9\u30d7\u30ed\u30bb\u30b9\u304c\u660e\u78ba\u306a\u610f\u5473\u3092\u6301\u3061\u3001\u8a2d\u8a08\u6bb5\u968e\u3067\u826f\u3044\u540d\u524d\u304c\u4ed8\u3051\u3089\u308c\u3066\u3044\u308b\u5834\u5408\u3001",(0,i.jsx)(e.em,{children:"\u305d\u306e\u7406\u89e3\u3068\u8ad6\u7406\u3092\u30b3\u30fc\u30c9\u306b\u79fb\u3059\u3053\u3068\u306f\u305d\u308c\u307b\u3069\u554f\u984c\u3067\u306f\u3042\u308a\u307e\u305b\u3093\u3002"})]}),"\n",(0,i.jsxs)(e.p,{children:[(0,i.jsx)("b",{children:"\u3057\u304b\u3057\u5b9f\u969b\u306b\u306f\u3001"}),"\u30bf\u30b9\u30af\u3084\u6a5f\u80fd\u6027\u306f\u901a\u5e38\u300c\u904e\u5ea6\u306b\u300d\u53cd\u5fa9\u7684\u306b\u9032\u5316\u3057\u3001\uff08\u307e\u305f\u306f\uff09\u30c7\u30b6\u30a4\u30f3\u3092\u8003\u3048\u308b\u6642\u9593\u304c\u3042\u308a\u307e\u305b\u3093\u3002"]}),"\n",(0,i.jsx)(e.p,{children:(0,i.jsx)(e.strong,{children:"\u305d\u306e\u7d50\u679c\u3001\u4eca\u65e5\u3001\u6a5f\u80fd\u306f\u610f\u5473\u3092\u6301\u3063\u3066\u3044\u307e\u3059\u304c\u30011\u304b\u6708\u5f8c\u306b\u305d\u306e\u6a5f\u80fd\u3092\u62e1\u5f35\u3059\u308b\u969b\u306b\u306f\u3001\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u5168\u4f53\u3092\u518d\u69cb\u7bc9\u3059\u308b\u5fc5\u8981\u304c\u3042\u308b\u304b\u3082\u3057\u308c\u307e\u305b\u3093\u3002"})}),"\n",(0,i.jsxs)(e.blockquote,{children:["\n",(0,i.jsx)(e.p,{children:(0,i.jsx)(e.em,{children:"\u958b\u767a\u8005\u306f\u672a\u6765\u306e\u8981\u671b\u3092\u8003\u616e\u3057\u306a\u304c\u30892\u301c3\u30b9\u30c6\u30c3\u30d7\u5148\u3092\u8003\u3048\u3088\u3046\u3068\u3057\u307e\u3059\u304c\u3001\u81ea\u5206\u306e\u7d4c\u9a13\u306b\u884c\u304d\u8a70\u307e\u3063\u3066\u3057\u307e\u3044\u307e\u3059\u3002"})}),"\n"]}),"\n",(0,i.jsxs)(e.blockquote,{children:["\n",(0,i.jsx)(e.p,{children:(0,i.jsx)(e.em,{children:"\u7d4c\u9a13\u8c4a\u5bcc\u306a\u30a8\u30f3\u30b8\u30cb\u30a2\u306f\u901a\u5e38\u3001\u3059\u3050\u306b10\u30b9\u30c6\u30c3\u30d7\u5148\u3092\u898b\u3066\u3001\u3069\u306e\u6a5f\u80fd\u3092\u5206\u5272\u3059\u308b\u304b\u3001\u3069\u306e\u6a5f\u80fd\u3092\u4ed6\u306e\u6a5f\u80fd\u3068\u7d71\u5408\u3059\u308b\u304b\u3092\u7406\u89e3\u3057\u3066\u3044\u307e\u3059\u3002"})}),"\n"]}),"\n",(0,i.jsxs)(e.blockquote,{children:["\n",(0,i.jsx)(e.p,{children:(0,i.jsx)(e.em,{children:"\u3057\u304b\u3057\u3001\u7d4c\u9a13\u4e0a\u906d\u9047\u3057\u305f\u3053\u3068\u306e\u306a\u3044\u30bf\u30b9\u30af\u304c\u6765\u308b\u3053\u3068\u3082\u3042\u308a\u3001\u305d\u306e\u5834\u5408\u3001\u3069\u306e\u3088\u3046\u306b\u6a5f\u80fd\u3092\u9069\u5207\u306b\u5206\u89e3\u3057\u3001\u5c06\u6765\u7684\u306b\u60b2\u60e8\u306a\u7d50\u679c\u3092\u6700\u5c0f\u9650\u306b\u6291\u3048\u308b\u304b\u3092\u7406\u89e3\u3059\u308b\u624b\u6bb5\u304c\u3042\u308a\u307e\u305b\u3093\u3002"})}),"\n"]}),"\n",(0,i.jsx)(e.h2,{id:"the-role-of-methodology",children:"FSD\u306e\u5f79\u5272"}),"\n",(0,i.jsx)(e.p,{children:(0,i.jsx)(e.strong,{children:"FSD\u306f\u3001\u958b\u767a\u8005\u306e\u554f\u984c\u3092\u89e3\u6c7a\u3059\u308b\u624b\u52a9\u3051\u3092\u3057\u3001\u30e6\u30fc\u30b6\u30fc\u306e\u554f\u984c\u3092\u89e3\u6c7a\u3059\u308b\u306e\u3092\u5bb9\u6613\u306b\u3057\u3066\u3044\u307e\u3059\u3002"})}),"\n",(0,i.jsx)(e.p,{children:"\u958b\u767a\u8005\u306e\u305f\u3081\u3060\u3051\u306b\u8ab2\u984c\u3092\u89e3\u6c7a\u3059\u308b\u3053\u3068\u306f\u3042\u308a\u307e\u305b\u3093\u3002"}),"\n",(0,i.jsxs)(e.p,{children:["\u3057\u304b\u3057\u3001\u958b\u767a\u8005\u304c\u81ea\u5206\u306e\u8ab2\u984c\u3092\u89e3\u6c7a\u3059\u308b\u305f\u3081\u306b\u306f\u3001",(0,i.jsx)(e.strong,{children:"\u30e6\u30fc\u30b6\u30fc\u306e\u8ab2\u984c\u3092\u7406\u89e3\u3059\u308b\u5fc5\u8981\u304c\u3042\u308a\u307e\u3059"}),"\u3002\u9006\u306f\u6210\u308a\u7acb\u3061\u307e\u305b\u3093\u3002"]}),"\n",(0,i.jsx)(e.h3,{id:"methodology-requirements",children:"FSD\u306b\u5bfe\u3059\u308b\u8981\u4ef6"}),"\n",(0,i.jsxs)(e.p,{children:["\u660e\u3089\u304b\u306b\u306a\u308b\u306e\u306f\u3001",(0,i.jsx)(e.strong,{children:"Feature-Sliced Design"}),"\u306e\u305f\u3081\u306b\u5c11\u306a\u304f\u3068\u30822\u3064\u306e\u8981\u4ef6\u3092\u5b9a\u7fa9\u3059\u308b\u5fc5\u8981\u304c\u3042\u308b\u3068\u3044\u3046\u3053\u3068\u3067\u3059\u3002"]}),"\n",(0,i.jsxs)(e.ol,{children:["\n",(0,i.jsxs)(e.li,{children:["FSD\u65b9\u6cd5\u8ad6\u306f",(0,i.jsx)(e.strong,{children:"\u30d5\u30a3\u30fc\u30c1\u30e3\u30fc\u3001\u30d7\u30ed\u30bb\u30b9\u3001\u30a8\u30f3\u30c6\u30a3\u30c6\u30a3\u3092\u4f5c\u6210\u3059\u308b\u65b9\u6cd5"}),"\u3092\u8aac\u660e\u3059\u308b\u5fc5\u8981\u304c\u3042\u308b\u3002","\n",(0,i.jsxs)(e.ul,{children:["\n",(0,i.jsxs)(e.li,{children:["\u3064\u307e\u308a\u3001",(0,i.jsx)("i",{children:"\u305d\u308c\u3089\u306e\u9593\u3067\u30b3\u30fc\u30c9\u3092\u3069\u306e\u3088\u3046\u306b\u5206\u5272\u3059\u308b\u304b"}),"\u3092\u660e\u78ba\u306b\u8aac\u660e\u3059\u308b\u5fc5\u8981\u304c\u3042\u308b\u3002\u3053\u308c\u306b\u3088\u308a\u3053\u308c\u3089\u306e\u30a8\u30f3\u30c6\u30a3\u30c6\u30a3\u306e\u547d\u540d\u3082\u4ed5\u69d8\u306b\u7d44\u307f\u8fbc\u307e\u308c\u308b\u3079\u304d\u3067\u3042\u308b\u3002"]}),"\n"]}),"\n"]}),"\n",(0,i.jsxs)(e.li,{children:["FSD\u65b9\u6cd5\u8ad6\u306f\u3001\u30a2\u30fc\u30ad\u30c6\u30af\u30c1\u30e3\u304c",(0,i.jsx)("b",{children:"\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u306e\u5909\u308f\u308a\u3086\u304f\u8981\u4ef6\u306b\u30b9\u30e0\u30fc\u30ba\u306b\u5bfe\u5fdc\u3067\u304d\u308b\u3088\u3046\u306b\u3059\u308b\u3079\u304d"}),"\u3067\u3042\u308b\u3002"]}),"\n"]}),"\n",(0,i.jsx)(e.h2,{id:"see-also",children:"\u95a2\u9023\u60c5\u5831"}),"\n",(0,i.jsxs)(e.ul,{children:["\n",(0,i.jsx)(e.li,{children:(0,i.jsx)(e.a,{href:"https://alexmngn.medium.com/how-to-better-organize-your-react-applications-2fd3ea1920f1",children:'(\u8a18\u4e8b) "How to better organize your applications"'})}),"\n"]})]})}function a(n={}){const{wrapper:e}={...(0,r.R)(),...n.components};return e?(0,i.jsx)(e,{...n,children:(0,i.jsx)(o,{...n})}):o(n)}},1100:(n,e,s)=>{s.d(e,{R:()=>l,x:()=>t});var i=s(758);const r={},d=i.createContext(r);function l(n){const e=i.useContext(d);return i.useMemo((function(){return"function"==typeof n?n(e):{...e,...n}}),[e,n])}function t(n){let e;return e=n.disableParentContext?"function"==typeof n.components?n.components(r):n.components||r:l(n.components),i.createElement(d.Provider,{value:e},n.children)}}}]);
\ No newline at end of file
+"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[1970],{9507:(n,e,s)=>{s.r(e),s.d(e,{assets:()=>c,contentTitle:()=>l,default:()=>a,frontMatter:()=>d,metadata:()=>t,toc:()=>h});var i=s(6070),r=s(1100);const d={sidebar_position:2},l="\u30cb\u30fc\u30ba\u306e\u7406\u89e3\u3068\u8ab2\u984c\u306e\u5b9a\u7fa9\u306b\u3064\u3044\u3066",t={id:"about/understanding/needs-driven",title:"\u30cb\u30fc\u30ba\u306e\u7406\u89e3\u3068\u8ab2\u984c\u306e\u5b9a\u7fa9\u306b\u3064\u3044\u3066",description:"\u2014 \u65b0\u3057\u3044\u6a5f\u80fd\u304c\u89e3\u6c7a\u3059\u308b\u76ee\u6a19\u3092\u660e\u78ba\u306b\u3067\u304d\u307e\u305b\u3093\u304b\uff1f\u305d\u308c\u3068\u3082\u3001\u554f\u984c\u306f\u30bf\u30b9\u30af\u81ea\u4f53\u304c\u660e\u78ba\u306b\u3055\u308c\u3066\u3044\u306a\u3044\u3053\u3068\u306b\u3042\u308a\u307e\u3059\u304b\uff1f**FSD\u306f\u3001\u554f\u984c\u306e\u5b9a\u7fa9\u3084\u76ee\u6a19\u3092\u5f15\u304d\u51fa\u3059\u624b\u52a9\u3051\u3092\u3059\u308b\u3053\u3068\u3082\u76ee\u7684\u306b\u3057\u3066\u3044\u307e\u3059\u3002**",source:"@site/i18n/ja/docusaurus-plugin-content-docs/current/about/understanding/needs-driven.md",sourceDirName:"about/understanding",slug:"/about/understanding/needs-driven",permalink:"/ja/docs/about/understanding/needs-driven",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/ja/docusaurus-plugin-content-docs/current/about/understanding/needs-driven.md",tags:[],version:"current",lastUpdatedAt:1728325386e3,sidebarPosition:2,frontMatter:{sidebar_position:2},sidebar:"aboutSidebar",previous:{title:"\u30a2\u30fc\u30ad\u30c6\u30af\u30c1\u30e3",permalink:"/ja/docs/about/understanding/architecture"},next:{title:"\u77e5\u8b58\u306e\u7a2e\u985e",permalink:"/ja/docs/about/understanding/knowledge-types"}},c={},h=[{value:"\u306a\u305c\uff1f",id:"why",level:2},{value:"\u3069\u306e\u3088\u3046\u306a\u8ab2\u984c\u306b\u3064\u3044\u3066\u306e\u8a71\uff1f",id:"what-tasks-are-we-talking-about",level:2},{value:"\u3053\u308c\u304c\u958b\u767a\u306b\u3069\u306e\u3088\u3046\u306b\u5f71\u97ff\u3059\u308b\u306e\u304b\uff1f",id:"how-does-this-affect-development",level:2},{value:"\u8ab2\u984c\uff08\u30bf\u30b9\u30af\uff09\u306e\u5206\u89e3",id:"task-decomposition",level:3},{value:"\u8ab2\u984c\u306e\u672c\u8cea\u3092\u7406\u89e3\u3059\u308b",id:"understanding-the-essence-of-the-task",level:3},{value:"\u3069\u306e\u3088\u3046\u306b\u5b9a\u7fa9\u3059\u308b\u306e\u304b\uff1f",id:"how-to-formulate-it",level:2},{value:"\u305d\u306e\u5229\u76ca\u306f\u4f55\u304b\uff1f",id:"and-what-is-the-benefit",level:2},{value:"1. \u30e6\u30fc\u30b6\u30fc\u306e\u8ab2\u984c\u3092\u7406\u89e3\u3059\u308b",id:"1-understanding-user-tasks",level:3},{value:"2. \u69cb\u9020\u5316\u3068\u6574\u7406",id:"2-structuring-and-ordering",level:3},{value:"3. \u6a5f\u80fd\u3068\u305d\u306e\u69cb\u6210\u8981\u7d20\u3092\u7406\u89e3\u3059\u308b",id:"3-understanding-the-feature-and-its-components",level:3},{value:"4. Profit",id:"4-profit",level:3},{value:"\u73fe\u5b9f\u306b\u623b\u308a\u307e\u3057\u3087\u3046",id:"back-to-reality",level:2},{value:"FSD\u306e\u5f79\u5272",id:"the-role-of-methodology",level:2},{value:"FSD\u306b\u5bfe\u3059\u308b\u8981\u4ef6",id:"methodology-requirements",level:3},{value:"\u95a2\u9023\u60c5\u5831",id:"see-also",level:2}];function o(n){const e={a:"a",admonition:"admonition",blockquote:"blockquote",em:"em",h1:"h1",h2:"h2",h3:"h3",header:"header",hr:"hr",li:"li",ol:"ol",p:"p",strong:"strong",ul:"ul",...(0,r.R)(),...n.components};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(e.header,{children:(0,i.jsx)(e.h1,{id:"\u30cb\u30fc\u30ba\u306e\u7406\u89e3\u3068\u8ab2\u984c\u306e\u5b9a\u7fa9\u306b\u3064\u3044\u3066",children:"\u30cb\u30fc\u30ba\u306e\u7406\u89e3\u3068\u8ab2\u984c\u306e\u5b9a\u7fa9\u306b\u3064\u3044\u3066"})}),"\n",(0,i.jsxs)(e.admonition,{title:"TL;DR",type:"note",children:[(0,i.jsxs)(e.p,{children:["\u2014 ",(0,i.jsxs)(e.em,{children:["\u65b0\u3057\u3044\u6a5f\u80fd\u304c\u89e3\u6c7a\u3059\u308b\u76ee\u6a19\u3092\u660e\u78ba\u306b\u3067\u304d\u307e\u305b\u3093\u304b\uff1f\u305d\u308c\u3068\u3082\u3001\u554f\u984c\u306f\u30bf\u30b9\u30af\u81ea\u4f53\u304c\u660e\u78ba\u306b\u3055\u308c\u3066\u3044\u306a\u3044\u3053\u3068\u306b\u3042\u308a\u307e\u3059\u304b\uff1f",(0,i.jsx)(e.strong,{children:"FSD\u306f\u3001\u554f\u984c\u306e\u5b9a\u7fa9\u3084\u76ee\u6a19\u3092\u5f15\u304d\u51fa\u3059\u624b\u52a9\u3051\u3092\u3059\u308b\u3053\u3068\u3082\u76ee\u7684\u306b\u3057\u3066\u3044\u307e\u3059\u3002"})]})]}),(0,i.jsxs)(e.p,{children:["\u2014 ",(0,i.jsxs)(e.em,{children:["\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u306f\u9759\u7684\u306b\u5b58\u5728\u3059\u308b\u308f\u3051\u3067\u306f\u306a\u304f\u3001\u8981\u4ef6\u3084\u6a5f\u80fd\u306f\u5e38\u306b\u5909\u5316\u3057\u3066\u3044\u307e\u3059\u3002\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u306f\u6700\u521d\u306e\u8981\u671b\u306e\u30b9\u30ca\u30c3\u30d7\u30b7\u30e7\u30c3\u30c8\u306e\u307f\u306b\u57fa\u3065\u3044\u3066\u8a2d\u8a08\u3055\u308c\u3066\u3044\u308b\u305f\u3081\u3001\u6642\u9593\u304c\u7d4c\u3064\u306b\u3064\u308c\u3066\u3001\u30b3\u30fc\u30c9\u306f\u6df7\u6c8c\u3068\u3057\u3066\u3057\u307e\u3044\u307e\u3059\u3002",(0,i.jsx)(e.strong,{children:"\u826f\u3044\u30a2\u30fc\u30ad\u30c6\u30af\u30c1\u30e3\u306e\u8ab2\u984c\u306e\u4e00\u3064\u306f\u3001\u5909\u5316\u3059\u308b\u958b\u767a\u6761\u4ef6\u306b\u5bfe\u5fdc\u3067\u304d\u308b\u3088\u3046\u306b\u3059\u308b\u3053\u3068\u3067\u3059\u3002"})]})]})]}),"\n",(0,i.jsx)(e.h2,{id:"why",children:"\u306a\u305c\uff1f"}),"\n",(0,i.jsxs)(e.p,{children:["\u30a8\u30f3\u30c6\u30a3\u30c6\u30a3\u306e\u660e\u78ba\u306a\u540d\u524d\u3092\u9078\u3073\u3001\u305d\u306e\u69cb\u6210\u8981\u7d20\u3092\u7406\u89e3\u3059\u308b\u305f\u3081\u306b\u306f\u3001",(0,i.jsx)(e.strong,{children:"\u30b3\u30fc\u30c9\u304c\u89e3\u6c7a\u3059\u308b\u8ab2\u984c\u3092\u660e\u78ba\u306b\u7406\u89e3\u3059\u308b\u5fc5\u8981\u304c\u3042\u308a\u307e\u3059\u3002"})]}),"\n",(0,i.jsxs)(e.blockquote,{children:["\n",(0,i.jsx)(e.p,{children:(0,i.jsx)(e.em,{children:"@sergeysova: \u958b\u767a\u4e2d\u3001\u79c1\u305f\u3061\u306f\u5404\u30a8\u30f3\u30c6\u30a3\u30c6\u30a3\u3084\u6a5f\u80fd\u306b\u3001\u305d\u306e\u610f\u56f3\u3084\u610f\u5473\u3092\u660e\u78ba\u306b\u53cd\u6620\u3059\u308b\u540d\u524d\u3092\u4ed8\u3051\u3088\u3046\u3068\u3057\u3066\u3044\u308b\u3002"})}),"\n"]}),"\n",(0,i.jsx)(e.p,{children:(0,i.jsx)(e.em,{children:"\u8ab2\u984c\u3092\u7406\u89e3\u3057\u306a\u3051\u308c\u3070\u3001\u91cd\u8981\u306a\u30b1\u30fc\u30b9\u3092\u30ab\u30d0\u30fc\u3059\u308b\u6b63\u3057\u3044\u30c6\u30b9\u30c8\u3092\u66f8\u304f\u3053\u3068\u3082\u3001\u30e6\u30fc\u30b6\u30fc\u306b\u9069\u5207\u306a\u5834\u6240\u3067\u30a8\u30e9\u30fc\u3092\u8868\u793a\u3059\u308b\u3053\u3068\u3082\u3067\u304d\u305a\u3001\u5358\u7d14\u306b\u30e6\u30fc\u30b6\u30fc\u306e\u30d5\u30ed\u30fc\u3092\u4e2d\u65ad\u3059\u308b\u3053\u3068\u306b\u3082\u306a\u3063\u3066\u3057\u307e\u3044\u307e\u3059\u3002"})}),"\n",(0,i.jsx)(e.h2,{id:"what-tasks-are-we-talking-about",children:"\u3069\u306e\u3088\u3046\u306a\u8ab2\u984c\u306b\u3064\u3044\u3066\u306e\u8a71\uff1f"}),"\n",(0,i.jsx)(e.p,{children:"\u30d5\u30ed\u30f3\u30c8\u30a8\u30f3\u30c9\u306f\u3001\u30a8\u30f3\u30c9\u30e6\u30fc\u30b6\u30fc\u306e\u305f\u3081\u306e\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u3084\u30a4\u30f3\u30bf\u30fc\u30d5\u30a7\u30fc\u30b9\u3092\u958b\u767a\u3057\u3066\u3044\u308b\u305f\u3081\u3001\u79c1\u305f\u3061\u958b\u767a\u8005\u306f\u305d\u306e\u6d88\u8cbb\u8005\u306e\u8ab2\u984c\u3092\u89e3\u6c7a\u3057\u3066\u3044\u307e\u3059\u3002"}),"\n",(0,i.jsxs)(e.p,{children:["\u79c1\u305f\u3061\u306e\u3082\u3068\u306b\u8ab0\u304b\u304c\u6765\u308b\u3068\u304d\u3001",(0,i.jsx)(e.strong,{children:"\u305d\u306e\u4eba\u306f\u81ea\u5206\u306e\u60a9\u307f\u3092\u89e3\u6c7a\u3057\u305f\u308a\u3001\u30cb\u30fc\u30ba\u3092\u6e80\u305f\u3057\u305f\u308a\u3057\u3066\u307b\u3057\u3044\u306e\u3067\u3059\u3002"})]}),"\n",(0,i.jsx)(e.p,{children:(0,i.jsx)(e.em,{children:"\u30de\u30cd\u30fc\u30b8\u30e3\u30fc\u3068\u30a2\u30ca\u30ea\u30b9\u30c8\u306e\u4ed5\u4e8b\u306f\u3053\u306e\u30cb\u30fc\u30ba\u3092\u5b9a\u7fa9\u3059\u308b\u3053\u3068\u3067\u3059\u3002\u958b\u767a\u8005\u306e\u4ed5\u4e8b\u306f\u30a6\u30a7\u30d6\u958b\u767a\u306e\u7279\u6027\uff08\u63a5\u7d9a\u306e\u55aa\u5931\u3001\u30d0\u30c3\u30af\u30a8\u30f3\u30c9\u306e\u30a8\u30e9\u30fc\u3001\u30bf\u30a4\u30d7\u30df\u30b9\u3001\u30ab\u30fc\u30bd\u30eb\u3084\u6307\u306e\u64cd\u4f5c\u30df\u30b9\uff09\u3092\u8003\u616e\u3057\u3066\u3001\u305d\u306e\u30cb\u30fc\u30ba\u3092\u5b9f\u73fe\u3059\u308b\u3053\u3068\u3067\u3059\u3002"})}),"\n",(0,i.jsx)(e.p,{children:(0,i.jsx)(e.strong,{children:"\u30e6\u30fc\u30b6\u30fc\u304c\u6301\u3063\u3066\u304d\u305f\u76ee\u7684\u3053\u305d\u304c\u3001\u958b\u767a\u8005\u306e\u8ab2\u984c\u3067\u3059\u3002"})}),"\n",(0,i.jsxs)(e.blockquote,{children:["\n",(0,i.jsx)(e.p,{children:(0,i.jsx)(e.em,{children:"\u5c0f\u3055\u306a\u89e3\u6c7a\u3055\u308c\u305f\u8ab2\u984c\u304c\u3001Feature-Sliced Design\u306e\u8a2d\u8a08\u65b9\u6cd5\u8ad6\u306b\u304a\u3051\u308bfeature\u3067\u306f\u3042\u308a\u307e\u3059\u3002\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u8ab2\u984c\u306e\u30b9\u30b3\u30fc\u30d7\u3092\u5c0f\u3055\u306a\u76ee\u6a19\u306b\u5206\u5272\u3059\u308b\u5fc5\u8981\u304c\u3042\u308a\u307e\u3059\u3002"})}),"\n"]}),"\n",(0,i.jsx)(e.h2,{id:"how-does-this-affect-development",children:"\u3053\u308c\u304c\u958b\u767a\u306b\u3069\u306e\u3088\u3046\u306b\u5f71\u97ff\u3059\u308b\u306e\u304b\uff1f"}),"\n",(0,i.jsx)(e.h3,{id:"task-decomposition",children:"\u8ab2\u984c\uff08\u30bf\u30b9\u30af\uff09\u306e\u5206\u89e3"}),"\n",(0,i.jsxs)(e.p,{children:["\u958b\u767a\u8005\u304c\u30bf\u30b9\u30af\u3092\u5b9f\u88c5\u3057\u59cb\u3081\u308b\u3068\u304d\u3001\u7406\u89e3\u306e\u7c21\u7d20\u5316\u3068\u30b3\u30fc\u30c9\u30e1\u30f3\u30c6\u30ca\u30f3\u30b9\u306e\u305f\u3081\u306b\u3001",(0,i.jsx)(e.strong,{children:"\u30bf\u30b9\u30af\u3092\u6bb5\u968e\u306b\u5206\u3051\u307e\u3059"}),"\u3002"]}),"\n",(0,i.jsxs)(e.ul,{children:["\n",(0,i.jsx)(e.li,{children:"\u307e\u305a\u306f\u3001\u4e0a\u4f4d\u30ec\u30d9\u30eb\u306e\u30a8\u30f3\u30c6\u30a3\u30c6\u30a3\u306b\u5206\u3051\u3066\u3001\u305d\u308c\u3092\u5b9f\u88c5\u3059\u308b"}),"\n",(0,i.jsx)(e.li,{children:"\u6b21\u306b\u3001\u3053\u308c\u3089\u306e\u30a8\u30f3\u30c6\u30a3\u30c6\u30a3\u3092\u3088\u308a\u5c0f\u3055\u304f\u5206\u3051\u308b"}),"\n",(0,i.jsx)(e.li,{children:"\u305d\u3057\u3066\u3055\u3089\u306b\u7d9a\u3051\u308b"}),"\n"]}),"\n",(0,i.jsx)(e.p,{children:(0,i.jsx)(e.em,{children:"\u30a8\u30f3\u30c6\u30a3\u30c6\u30a3\u3092\u5206\u89e3\u3059\u308b\u904e\u7a0b\u3067\u3001\u958b\u767a\u8005\u306f\u305d\u308c\u306b\u660e\u78ba\u306b\u610f\u56f3\u3092\u53cd\u6620\u3057\u305f\u540d\u524d\u3092\u4ed8\u3051\u308b\u5fc5\u8981\u304c\u3042\u308a\u3001\u30a8\u30f3\u30c6\u30a3\u30c6\u30a3\u306e\u4e00\u89a7\u8868\u3092\u8aad\u3080\u969b\u306b\u305d\u306e\u30b3\u30fc\u30c9\u304c\u89e3\u6c7a\u3059\u308b\u8ab2\u984c\u3092\u7406\u89e3\u3059\u308b\u306e\u306b\u5f79\u7acb\u3061\u307e\u3059\u3002"})}),"\n",(0,i.jsx)(e.p,{children:"\u3053\u306e\u969b\u3001\u30e6\u30fc\u30b6\u30fc\u306e\u60a9\u307f\u3092\u8efd\u6e1b\u3057\u305f\u308a\u3001\u30cb\u30fc\u30ba\u3092\u5b9f\u73fe\u3057\u305f\u308a\u3059\u308b\u30e6\u30fc\u30b6\u30fc\u3078\u306e\u624b\u52a9\u3051\u3092\u3059\u308b\u3053\u3068\u3092\u5fd8\u308c\u306a\u3044\u3088\u3046\u306b\u5fc3\u304c\u3051\u307e\u3057\u3087\u3046\u3002"}),"\n",(0,i.jsx)(e.h3,{id:"understanding-the-essence-of-the-task",children:"\u8ab2\u984c\u306e\u672c\u8cea\u3092\u7406\u89e3\u3059\u308b"}),"\n",(0,i.jsxs)(e.p,{children:["\u30a8\u30f3\u30c6\u30a3\u30c6\u30a3\u306b\u660e\u78ba\u306a\u540d\u524d\u3092\u4ed8\u3051\u308b\u305f\u3081\u306b\u306f\u3001",(0,i.jsx)(e.strong,{children:"\u958b\u767a\u8005\u306f\u305d\u306e\u76ee\u7684\u306b\u3064\u3044\u3066\u5341\u5206\u306b\u7406\u89e3\u3059\u308b\u5fc5\u8981\u304c\u3042\u308a\u307e\u3059\u3002"})]}),"\n",(0,i.jsxs)(e.ul,{children:["\n",(0,i.jsx)(e.li,{children:"\u30a8\u30f3\u30c6\u30a3\u30c6\u30a3\u3092\u3069\u306e\u3088\u3046\u306b\u4f7f\u7528\u3059\u308b\u3064\u3082\u308a\u306a\u306e\u304b"}),"\n",(0,i.jsx)(e.li,{children:"\u30a8\u30f3\u30c6\u30a3\u30c6\u30a3\u304c\u30e6\u30fc\u30b6\u30fc\u306e\u8ab2\u984c\u306e\u3069\u306e\u90e8\u5206\u3092\u5b9f\u73fe\u3059\u308b\u306e\u304b\u3001\u4ed6\u306b\u3069\u3053\u3067\u3053\u306e\u30a8\u30f3\u30c6\u30a3\u30c6\u30a3\u3092\u4f7f\u7528\u3067\u304d\u308b\u306e\u304b"}),"\n",(0,i.jsx)(e.li,{children:"\u306a\u3069\u306a\u3069"}),"\n"]}),"\n",(0,i.jsxs)(e.p,{children:["\u7d50\u8ad6\u3092\u51fa\u3059\u306e\u306f\u96e3\u3057\u304f\u3042\u308a\u307e\u305b\u3093\u3002",(0,i.jsx)(e.strong,{children:"\u958b\u767a\u8005\u304cFSD\u67a0\u5185\u3067\u306e\u30a8\u30f3\u30c6\u30a3\u30c6\u30a3\u306e\u540d\u524d\u3092\u8003\u3048\u3066\u3044\u308b\u3068\u304d\u3001\u30b3\u30fc\u30c9\u3092\u66f8\u304f\u524d\u306b\u4e0d\u5341\u5206\u306b\u5b9a\u7fa9\u3055\u308c\u305f\u8ab2\u984c\u3092\u898b\u3064\u3051\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002"})]}),"\n",(0,i.jsxs)(e.blockquote,{children:["\n",(0,i.jsx)(e.p,{children:"\u3069\u306e\u3088\u3046\u306b\u30a8\u30f3\u30c6\u30a3\u30c6\u30a3\u306b\u540d\u524d\u3092\u4ed8\u3051\u308b\u306e\u304b\u3001\u3082\u3057\u305d\u306e\u30a8\u30f3\u30c6\u30a3\u30c6\u30a3\u304c\u89e3\u6c7a\u3067\u304d\u308b\u8ab2\u984c\u3092\u3088\u304f\u7406\u89e3\u3057\u3066\u3044\u306a\u3044\u5834\u5408\u3001\u305d\u3082\u305d\u3082\u3069\u3046\u3084\u3063\u3066\u8ab2\u984c\u3092\u30a8\u30f3\u30c6\u30a3\u30c6\u30a3\u306b\u5206\u89e3\u3067\u304d\u308b\u306e\u304b\uff1f"}),"\n"]}),"\n",(0,i.jsx)(e.h2,{id:"how-to-formulate-it",children:"\u3069\u306e\u3088\u3046\u306b\u5b9a\u7fa9\u3059\u308b\u306e\u304b\uff1f"}),"\n",(0,i.jsx)(e.p,{children:"\u6a5f\u80fd\u306b\u3088\u3063\u3066\u89e3\u6c7a\u3055\u308c\u308b\u8ab2\u984c\u3092\u5b9a\u7fa9\u3059\u308b\u305f\u3081\u306b\u306f\u3001\u305d\u306e\u8ab2\u984c\u81ea\u4f53\u3092\u7406\u89e3\u3059\u308b\u5fc5\u8981\u304c\u3042\u308a\u307e\u3059\u3002\u3053\u308c\u306f\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u30de\u30cd\u30fc\u30b8\u30e3\u30fc\u3084\u30a2\u30ca\u30ea\u30b9\u30c8\u306e\u8cac\u4efb\u7bc4\u56f2\u3067\u3059\u3002"}),"\n",(0,i.jsx)(e.p,{children:(0,i.jsx)(e.em,{children:"FSD\u8a2d\u8a08\u65b9\u6cd5\u8ad6\u306f\u3001\u958b\u767a\u8005\u306b\u5bfe\u3057\u3066\u3001\u30d7\u30ed\u30c0\u30af\u30c8\u30de\u30cd\u30fc\u30b8\u30e3\u30fc\u304c\u6ce8\u76ee\u3059\u3079\u304d\u8ab2\u984c\u3092\u793a\u5506\u3059\u308b\u3053\u3068\u3057\u304b\u3067\u304d\u307e\u305b\u3093\u3002"})}),"\n",(0,i.jsxs)(e.blockquote,{children:["\n",(0,i.jsx)(e.p,{children:(0,i.jsx)(e.em,{children:"@sergeysova: \u30d5\u30ed\u30f3\u30c8\u30a8\u30f3\u30c9\u306f\u3001\u307e\u305a\u60c5\u5831\u3092\u8868\u793a\u3059\u308b\u3082\u306e\u3067\u3042\u308b\u3002\u3069\u306e\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3082\u3001\u307e\u305a\u4f55\u304b\u3092\u8868\u793a\u3059\u308b\u3002\u3057\u305f\u304c\u3063\u3066\u3001\u300c\u30e6\u30fc\u30b6\u30fc\u306b\u4f55\u304b\u3092\u898b\u305b\u308b\u300d\u3068\u3044\u3046\u30bf\u30b9\u30af\u306b\u306f\u5b9f\u7528\u7684\u306a\u4fa1\u5024\u304c\u306a\u3044\u3002"})}),"\n"]}),"\n",(0,i.jsxs)(e.p,{children:["\u57fa\u672c\u7684\u306a\u30cb\u30fc\u30ba\u3084\u60a9\u307f\u3092\u898b\u3064\u3051\u305f\u3089\u3001",(0,i.jsx)(e.strong,{children:"\u3042\u306a\u305f\u306e\u30d7\u30ed\u30c0\u30af\u30c8\u3084\u30b5\u30fc\u30d3\u30b9\u304c\u3069\u306e\u3088\u3046\u306b\u30e6\u30fc\u30b6\u30fc\u306e\u76ee\u6a19\u3092\u30b5\u30dd\u30fc\u30c8\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u308b\u306e\u304b\u3092\u8003\u3048\u307e\u3059\u3002"})]}),"\n",(0,i.jsx)(e.p,{children:"\u30bf\u30b9\u30af\u30c8\u30e9\u30c3\u30ab\u30fc\u306e\u65b0\u3057\u3044\u30bf\u30b9\u30af\u306f\u3001\u30d3\u30b8\u30cd\u30b9\u306e\u8ab2\u984c\u3092\u89e3\u6c7a\u3059\u308b\u3053\u3068\u3092\u76ee\u7684\u3068\u3057\u3066\u304a\u308a\u3001\u30d3\u30b8\u30cd\u30b9\u306f\u540c\u6642\u306b\u30e6\u30fc\u30b6\u30fc\u306e\u8ab2\u984c\u3092\u89e3\u6c7a\u3057\u3001\u5229\u76ca\u3092\u4e0a\u3052\u3088\u3046\u3068\u3057\u3066\u3044\u307e\u3059\u3002\u3057\u305f\u304c\u3063\u3066\u3001\u8aac\u660e\u6587\u306b\u660e\u8a18\u3055\u308c\u3066\u3044\u306a\u304f\u3066\u3082\u3001\u5404\u30bf\u30b9\u30af\u306b\u306f\u7279\u5b9a\u306e\u76ee\u6a19\u304c\u542b\u307e\u308c\u3066\u3044\u307e\u3059\u3002"}),"\n",(0,i.jsxs)(e.p,{children:[(0,i.jsx)("b",{children:(0,i.jsx)("i",{children:"\u958b\u767a\u8005\u306f\u3001\u7279\u5b9a\u306e\u30bf\u30b9\u30af\u304c\u8ffd\u6c42\u3059\u308b\u76ee\u7684\u3092\u306f\u3063\u304d\u308a\u3068\u628a\u63e1\u3057\u3066\u304a\u304f\u3079\u304d\u3067\u3059\u3002"})}),"\u3057\u304b\u3057\u3001\u3059\u3079\u3066\u306e\u4f1a\u793e\u304c\u30d7\u30ed\u30bb\u30b9\u3092\u5b8c\u74a7\u306b\u69cb\u7bc9\u3067\u304d\u308b\u308f\u3051\u3067\u306f\u3042\u308a\u307e\u305b\u3093\u3002"]}),"\n",(0,i.jsx)(e.h2,{id:"and-what-is-the-benefit",children:"\u305d\u306e\u5229\u76ca\u306f\u4f55\u304b\uff1f"}),"\n",(0,i.jsx)(e.p,{children:"\u3067\u306f\u3001\u30d7\u30ed\u30bb\u30b9\u5168\u4f53\u3092\u6700\u521d\u304b\u3089\u6700\u5f8c\u307e\u3067\u898b\u3066\u307f\u307e\u3057\u3087\u3046\u3002"}),"\n",(0,i.jsx)(e.h3,{id:"1-understanding-user-tasks",children:"1. \u30e6\u30fc\u30b6\u30fc\u306e\u8ab2\u984c\u3092\u7406\u89e3\u3059\u308b"}),"\n",(0,i.jsx)(e.p,{children:"\u958b\u767a\u8005\u306f\u3001\u30e6\u30fc\u30b6\u30fc\u306e\u60a9\u307f\u3068\u30d3\u30b8\u30cd\u30b9\u304c\u305d\u306e\u60a9\u307f\u3092\u3069\u306e\u3088\u3046\u306b\u89e3\u6c7a\u3059\u308b\u304b\u3092\u7406\u89e3\u3059\u308b\u3068\u3001\u30a6\u30a7\u30d6\u958b\u767a\u306e\u7279\u6027\u306b\u3088\u308a\u30d3\u30b8\u30cd\u30b9\u306b\u306f\u63d0\u4f9b\u3067\u304d\u306a\u3044\u89e3\u6c7a\u7b56\u3092\u63d0\u6848\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002"}),"\n",(0,i.jsxs)(e.blockquote,{children:["\n",(0,i.jsx)(e.p,{children:"\u3057\u304b\u3057\u3082\u3061\u308d\u3093\u3001\u3053\u308c\u306f\u958b\u767a\u8005\u304c\u81ea\u5206\u306e\u884c\u52d5\u3084\u76ee\u7684\u306b\u7121\u95a2\u5fc3\u3067\u306a\u3044\u9650\u308a\u6a5f\u80fd\u3057\u307e\u3059\u3002\u3055\u3082\u306a\u3051\u308c\u3070\u3001\u305d\u3082\u305d\u3082\u306a\u305cFSD\u3084\u30a2\u30d7\u30ed\u30fc\u30c1\u304c\u5fc5\u8981\u306a\u306e\u304b\uff1f\u3068\u3044\u3046\u7591\u554f\u306b\u306a\u3063\u3066\u3057\u307e\u3044\u307e\u3059\u3002"}),"\n"]}),"\n",(0,i.jsx)(e.h3,{id:"2-structuring-and-ordering",children:"2. \u69cb\u9020\u5316\u3068\u6574\u7406"}),"\n",(0,i.jsxs)(e.p,{children:["\u8ab2\u984c\u3092\u7406\u89e3\u3059\u308b\u3053\u3068\u3067\u3001",(0,i.jsx)(e.strong,{children:"\u982d\u3068\u30b3\u30fc\u30c9\u306e\u4e2d\u3067\u660e\u78ba\u306a\u69cb\u9020\u304c\u5f97\u3089\u308c\u307e\u3059\u3002"})]}),"\n",(0,i.jsx)(e.h3,{id:"3-understanding-the-feature-and-its-components",children:"3. \u6a5f\u80fd\u3068\u305d\u306e\u69cb\u6210\u8981\u7d20\u3092\u7406\u89e3\u3059\u308b"}),"\n",(0,i.jsx)(e.p,{children:(0,i.jsx)(e.strong,{children:"1\u3064\u306e\u6a5f\u80fd\u306f\u3001\u30e6\u30fc\u30b6\u30fc\u306b\u3068\u3063\u30661\u3064\u306e\u6709\u7528\u306a\u6a5f\u80fd\u6027\u3067\u3059\u3002"})}),"\n",(0,i.jsxs)(e.ul,{children:["\n",(0,i.jsxs)(e.li,{children:["1\u3064\u306e\u6a5f\u80fd\u306b\u8907\u6570\u306e\u6a5f\u80fd\u6027\u304c\u5b9f\u88c5\u3055\u308c\u3066\u3044\u308b\u5834\u5408\u3001\u305d\u308c\u306f",(0,i.jsx)(e.strong,{children:"\u5883\u754c\u306e\u4fb5\u5bb3"}),"\u3067\u3042\u308b\u3002"]}),"\n",(0,i.jsxs)(e.li,{children:["\u6a5f\u80fd\u306f\u5206\u5272\u4e0d\u53ef\u80fd\u3067\u6210\u9577\u53ef\u80fd\u306b\u306a\u308b\u5834\u5408\u304c\u3042\u308b\u304c\u3001",(0,i.jsx)(e.strong,{children:"\u305d\u308c\u306f\u60aa\u304f\u306a\u3044\u3002"})]}),"\n",(0,i.jsxs)(e.li,{children:[(0,i.jsx)(e.strong,{children:"\u60aa\u3044"}),"\u306e\u306f\u3001\u6a5f\u80fd\u304c\u300c\u30e6\u30fc\u30b6\u30fc\u306b\u3068\u3063\u3066\u306e\u30d3\u30b8\u30cd\u30b9\u4fa1\u5024\u306f\u4f55\u304b\uff1f\u300d\u3068\u3044\u3046\u8cea\u554f\u306b\u7b54\u3048\u3089\u308c\u306a\u3044\u3053\u3068\u3067\u3042\u308b\u3002","\n",(0,i.jsxs)(e.ul,{children:["\n",(0,i.jsx)(e.li,{children:"\u300c\u30aa\u30d5\u30a3\u30b9\u306e\u5730\u56f3\u300d\u3068\u3044\u3046\u6a5f\u80fd\u306f\u5b58\u5728\u3067\u304d\u306a\u3044\u3002"}),"\n",(0,i.jsxs)(e.li,{children:["\u3057\u304b\u3057\u3001\u300c\u5730\u56f3\u4e0a\u306e\u4f1a\u8b70\u5ba4\u306e\u4e88\u7d04\u300d\u3001\u300c\u5f93\u696d\u54e1\u306e\u691c\u7d22\u300d\u3001\u300c\u4f5c\u696d\u5834\u6240\u306e\u5909\u66f4\u300d\u306f",(0,i.jsx)(e.strong,{children:"\u5b58\u5728\u53ef\u80fd\u3067\u3042\u308b\u3002"})]}),"\n"]}),"\n"]}),"\n"]}),"\n",(0,i.jsxs)(e.blockquote,{children:["\n",(0,i.jsx)(e.p,{children:(0,i.jsx)(e.em,{children:"@sergeysova: \u6a5f\u80fd\u306b\u306f\u3001\u76f4\u63a5\u7684\u306b\u305d\u306e\u6a5f\u80fd\u3092\u5b9f\u73fe\u3059\u308b\u30b3\u30fc\u30c9\u3060\u3051\u304c\u542b\u307e\u308c\u308b\u3079\u304d\u3067\u3042\u308a\u3001\u4f59\u8a08\u306a\u8a73\u7d30\u3084\u5185\u90e8\u306e\u89e3\u6c7a\u7b56\u306f\u542b\u307e\u308c\u306a\u3044\u3079\u304d\u3067\u3042\u308b\uff08\u7406\u60f3\u7684\u306b\u306f\uff09\u3002"})}),"\n"]}),"\n",(0,i.jsxs)(e.blockquote,{children:["\n",(0,i.jsx)(e.p,{children:(0,i.jsxs)(e.em,{children:["\u6a5f\u80fd\u306e\u30b3\u30fc\u30c9\u3092\u958b\u304f\u3068\u3001",(0,i.jsx)(e.strong,{children:"\u305d\u306e\u30bf\u30b9\u30af\u306b\u95a2\u9023\u3059\u308b\u3082\u306e\u3060\u3051\u304c\u898b\u3048\u308b"}),"\u3002\u305d\u308c\u4ee5\u4e0a\u306f\u5fc5\u8981\u306a\u3044\u3002"]})}),"\n"]}),"\n",(0,i.jsx)(e.h3,{id:"4-profit",children:"4. Profit"}),"\n",(0,i.jsxs)(e.p,{children:["\u30d3\u30b8\u30cd\u30b9\u306f\u305d\u306e\u65b9\u91dd\u3092\u6975\u3081\u3066\u7a00\u306b\u3057\u304b\u6839\u672c\u7684\u306b\u5909\u3048\u306a\u3044\u305f\u3081\u3001",(0,i.jsx)(e.strong,{children:"\u30d3\u30b8\u30cd\u30b9\u306e\u30bf\u30b9\u30af\u3092\u30d5\u30ed\u30f3\u30c8\u30a8\u30f3\u30c9\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u306e\u30b3\u30fc\u30c9\u306b\u53cd\u6620\u3059\u308b\u3053\u3068\u306f\u975e\u5e38\u306b\u5927\u304d\u306a\u5229\u70b9\u306b\u306a\u308c\u307e\u3059\u3002"})]}),"\n",(0,i.jsx)(e.p,{children:(0,i.jsxs)(e.em,{children:["\u305d\u3046\u3059\u308c\u3070\u3001\u30c1\u30fc\u30e0\u306e\u65b0\u3057\u3044\u30e1\u30f3\u30d0\u30fc\u306b\u305d\u306e\u30b3\u30fc\u30c9\u304c\u4f55\u3092\u3059\u308b\u306e\u304b\u3001\u306a\u305c\u8ffd\u52a0\u3055\u308c\u305f\u306e\u304b\u3092\u8aac\u660e\u3059\u308b\u5fc5\u8981\u304c\u306a\u304f\u306a\u308a\u307e\u3059\u3002",(0,i.jsx)(e.strong,{children:"\u3059\u3079\u3066\u306f\u3001\u3059\u3067\u306b\u30b3\u30fc\u30c9\u306b\u53cd\u6620\u3055\u308c\u3066\u3044\u308b\u30d3\u30b8\u30cd\u30b9\u306e\u30bf\u30b9\u30af\u3092\u901a\u3058\u3066\u8aac\u660e\u3055\u308c\u3066\u3044\u308b\u304b\u3089\u3067\u3059\u3002"})]})}),"\n",(0,i.jsxs)(e.blockquote,{children:["\n",(0,i.jsx)(e.p,{children:(0,i.jsx)(e.a,{href:"https://thedomaindrivendesign.io/developing-the-ubiquitous-language",children:"Domain Driven Development\u306b\u304a\u3051\u308b\u300c\u30d3\u30b8\u30cd\u30b9\u8a00\u8a9e\u300d"})}),"\n"]}),"\n",(0,i.jsx)(e.hr,{}),"\n",(0,i.jsx)(e.h2,{id:"back-to-reality",children:"\u73fe\u5b9f\u306b\u623b\u308a\u307e\u3057\u3087\u3046"}),"\n",(0,i.jsxs)(e.p,{children:["\u30d3\u30b8\u30cd\u30b9\u30d7\u30ed\u30bb\u30b9\u304c\u660e\u78ba\u306a\u610f\u5473\u3092\u6301\u3061\u3001\u8a2d\u8a08\u6bb5\u968e\u3067\u826f\u3044\u540d\u524d\u304c\u4ed8\u3051\u3089\u308c\u3066\u3044\u308b\u5834\u5408\u3001",(0,i.jsx)(e.em,{children:"\u305d\u306e\u7406\u89e3\u3068\u8ad6\u7406\u3092\u30b3\u30fc\u30c9\u306b\u79fb\u3059\u3053\u3068\u306f\u305d\u308c\u307b\u3069\u554f\u984c\u3067\u306f\u3042\u308a\u307e\u305b\u3093\u3002"})]}),"\n",(0,i.jsxs)(e.p,{children:[(0,i.jsx)("b",{children:"\u3057\u304b\u3057\u5b9f\u969b\u306b\u306f\u3001"}),"\u30bf\u30b9\u30af\u3084\u6a5f\u80fd\u6027\u306f\u901a\u5e38\u300c\u904e\u5ea6\u306b\u300d\u53cd\u5fa9\u7684\u306b\u9032\u5316\u3057\u3001\uff08\u307e\u305f\u306f\uff09\u30c7\u30b6\u30a4\u30f3\u3092\u8003\u3048\u308b\u6642\u9593\u304c\u3042\u308a\u307e\u305b\u3093\u3002"]}),"\n",(0,i.jsx)(e.p,{children:(0,i.jsx)(e.strong,{children:"\u305d\u306e\u7d50\u679c\u3001\u4eca\u65e5\u3001\u6a5f\u80fd\u306f\u610f\u5473\u3092\u6301\u3063\u3066\u3044\u307e\u3059\u304c\u30011\u304b\u6708\u5f8c\u306b\u305d\u306e\u6a5f\u80fd\u3092\u62e1\u5f35\u3059\u308b\u969b\u306b\u306f\u3001\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u5168\u4f53\u3092\u518d\u69cb\u7bc9\u3059\u308b\u5fc5\u8981\u304c\u3042\u308b\u304b\u3082\u3057\u308c\u307e\u305b\u3093\u3002"})}),"\n",(0,i.jsxs)(e.blockquote,{children:["\n",(0,i.jsx)(e.p,{children:(0,i.jsx)(e.em,{children:"\u958b\u767a\u8005\u306f\u672a\u6765\u306e\u8981\u671b\u3092\u8003\u616e\u3057\u306a\u304c\u30892\u301c3\u30b9\u30c6\u30c3\u30d7\u5148\u3092\u8003\u3048\u3088\u3046\u3068\u3057\u307e\u3059\u304c\u3001\u81ea\u5206\u306e\u7d4c\u9a13\u306b\u884c\u304d\u8a70\u307e\u3063\u3066\u3057\u307e\u3044\u307e\u3059\u3002"})}),"\n"]}),"\n",(0,i.jsxs)(e.blockquote,{children:["\n",(0,i.jsx)(e.p,{children:(0,i.jsx)(e.em,{children:"\u7d4c\u9a13\u8c4a\u5bcc\u306a\u30a8\u30f3\u30b8\u30cb\u30a2\u306f\u901a\u5e38\u3001\u3059\u3050\u306b10\u30b9\u30c6\u30c3\u30d7\u5148\u3092\u898b\u3066\u3001\u3069\u306e\u6a5f\u80fd\u3092\u5206\u5272\u3059\u308b\u304b\u3001\u3069\u306e\u6a5f\u80fd\u3092\u4ed6\u306e\u6a5f\u80fd\u3068\u7d71\u5408\u3059\u308b\u304b\u3092\u7406\u89e3\u3057\u3066\u3044\u307e\u3059\u3002"})}),"\n"]}),"\n",(0,i.jsxs)(e.blockquote,{children:["\n",(0,i.jsx)(e.p,{children:(0,i.jsx)(e.em,{children:"\u3057\u304b\u3057\u3001\u7d4c\u9a13\u4e0a\u906d\u9047\u3057\u305f\u3053\u3068\u306e\u306a\u3044\u30bf\u30b9\u30af\u304c\u6765\u308b\u3053\u3068\u3082\u3042\u308a\u3001\u305d\u306e\u5834\u5408\u3001\u3069\u306e\u3088\u3046\u306b\u6a5f\u80fd\u3092\u9069\u5207\u306b\u5206\u89e3\u3057\u3001\u5c06\u6765\u7684\u306b\u60b2\u60e8\u306a\u7d50\u679c\u3092\u6700\u5c0f\u9650\u306b\u6291\u3048\u308b\u304b\u3092\u7406\u89e3\u3059\u308b\u624b\u6bb5\u304c\u3042\u308a\u307e\u305b\u3093\u3002"})}),"\n"]}),"\n",(0,i.jsx)(e.h2,{id:"the-role-of-methodology",children:"FSD\u306e\u5f79\u5272"}),"\n",(0,i.jsx)(e.p,{children:(0,i.jsx)(e.strong,{children:"FSD\u306f\u3001\u958b\u767a\u8005\u306e\u554f\u984c\u3092\u89e3\u6c7a\u3059\u308b\u624b\u52a9\u3051\u3092\u3057\u3001\u30e6\u30fc\u30b6\u30fc\u306e\u554f\u984c\u3092\u89e3\u6c7a\u3059\u308b\u306e\u3092\u5bb9\u6613\u306b\u3057\u3066\u3044\u307e\u3059\u3002"})}),"\n",(0,i.jsx)(e.p,{children:"\u958b\u767a\u8005\u306e\u305f\u3081\u3060\u3051\u306b\u8ab2\u984c\u3092\u89e3\u6c7a\u3059\u308b\u3053\u3068\u306f\u3042\u308a\u307e\u305b\u3093\u3002"}),"\n",(0,i.jsxs)(e.p,{children:["\u3057\u304b\u3057\u3001\u958b\u767a\u8005\u304c\u81ea\u5206\u306e\u8ab2\u984c\u3092\u89e3\u6c7a\u3059\u308b\u305f\u3081\u306b\u306f\u3001",(0,i.jsx)(e.strong,{children:"\u30e6\u30fc\u30b6\u30fc\u306e\u8ab2\u984c\u3092\u7406\u89e3\u3059\u308b\u5fc5\u8981\u304c\u3042\u308a\u307e\u3059"}),"\u3002\u9006\u306f\u6210\u308a\u7acb\u3061\u307e\u305b\u3093\u3002"]}),"\n",(0,i.jsx)(e.h3,{id:"methodology-requirements",children:"FSD\u306b\u5bfe\u3059\u308b\u8981\u4ef6"}),"\n",(0,i.jsxs)(e.p,{children:["\u660e\u3089\u304b\u306b\u306a\u308b\u306e\u306f\u3001",(0,i.jsx)(e.strong,{children:"Feature-Sliced Design"}),"\u306e\u305f\u3081\u306b\u5c11\u306a\u304f\u3068\u30822\u3064\u306e\u8981\u4ef6\u3092\u5b9a\u7fa9\u3059\u308b\u5fc5\u8981\u304c\u3042\u308b\u3068\u3044\u3046\u3053\u3068\u3067\u3059\u3002"]}),"\n",(0,i.jsxs)(e.ol,{children:["\n",(0,i.jsxs)(e.li,{children:["FSD\u65b9\u6cd5\u8ad6\u306f",(0,i.jsx)(e.strong,{children:"\u30d5\u30a3\u30fc\u30c1\u30e3\u30fc\u3001\u30d7\u30ed\u30bb\u30b9\u3001\u30a8\u30f3\u30c6\u30a3\u30c6\u30a3\u3092\u4f5c\u6210\u3059\u308b\u65b9\u6cd5"}),"\u3092\u8aac\u660e\u3059\u308b\u5fc5\u8981\u304c\u3042\u308b\u3002","\n",(0,i.jsxs)(e.ul,{children:["\n",(0,i.jsxs)(e.li,{children:["\u3064\u307e\u308a\u3001",(0,i.jsx)("i",{children:"\u305d\u308c\u3089\u306e\u9593\u3067\u30b3\u30fc\u30c9\u3092\u3069\u306e\u3088\u3046\u306b\u5206\u5272\u3059\u308b\u304b"}),"\u3092\u660e\u78ba\u306b\u8aac\u660e\u3059\u308b\u5fc5\u8981\u304c\u3042\u308b\u3002\u3053\u308c\u306b\u3088\u308a\u3053\u308c\u3089\u306e\u30a8\u30f3\u30c6\u30a3\u30c6\u30a3\u306e\u547d\u540d\u3082\u4ed5\u69d8\u306b\u7d44\u307f\u8fbc\u307e\u308c\u308b\u3079\u304d\u3067\u3042\u308b\u3002"]}),"\n"]}),"\n"]}),"\n",(0,i.jsxs)(e.li,{children:["FSD\u65b9\u6cd5\u8ad6\u306f\u3001\u30a2\u30fc\u30ad\u30c6\u30af\u30c1\u30e3\u304c",(0,i.jsx)("b",{children:"\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u306e\u5909\u308f\u308a\u3086\u304f\u8981\u4ef6\u306b\u30b9\u30e0\u30fc\u30ba\u306b\u5bfe\u5fdc\u3067\u304d\u308b\u3088\u3046\u306b\u3059\u308b\u3079\u304d"}),"\u3067\u3042\u308b\u3002"]}),"\n"]}),"\n",(0,i.jsx)(e.h2,{id:"see-also",children:"\u95a2\u9023\u60c5\u5831"}),"\n",(0,i.jsxs)(e.ul,{children:["\n",(0,i.jsx)(e.li,{children:(0,i.jsx)(e.a,{href:"https://alexmngn.medium.com/how-to-better-organize-your-react-applications-2fd3ea1920f1",children:'(\u8a18\u4e8b) "How to better organize your applications"'})}),"\n"]})]})}function a(n={}){const{wrapper:e}={...(0,r.R)(),...n.components};return e?(0,i.jsx)(e,{...n,children:(0,i.jsx)(o,{...n})}):o(n)}},1100:(n,e,s)=>{s.d(e,{R:()=>l,x:()=>t});var i=s(758);const r={},d=i.createContext(r);function l(n){const e=i.useContext(d);return i.useMemo((function(){return"function"==typeof n?n(e):{...e,...n}}),[e,n])}function t(n){let e;return e=n.disableParentContext?"function"==typeof n.components?n.components(r):n.components||r:l(n.components),i.createElement(d.Provider,{value:e},n.children)}}}]);
\ No newline at end of file
diff --git a/ja/assets/js/c2a37d41.5f41d6b0.js b/ja/assets/js/c2a37d41.64189f3d.js
similarity index 97%
rename from ja/assets/js/c2a37d41.5f41d6b0.js
rename to ja/assets/js/c2a37d41.64189f3d.js
index 2b79e19987..1bdc684b20 100644
--- a/ja/assets/js/c2a37d41.5f41d6b0.js
+++ b/ja/assets/js/c2a37d41.64189f3d.js
@@ -1 +1 @@
-"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[692],{5619:(t,e,n)=>{n.r(e),n.d(e,{assets:()=>c,contentTitle:()=>s,default:()=>u,frontMatter:()=>i,metadata:()=>a,toc:()=>d});var o=n(6070),r=n(1100);const i={sidebar_position:1},s="\u7d71\u5408\u306e\u5074\u9762",a={id:"about/promote/integration",title:"\u7d71\u5408\u306e\u5074\u9762",description:"\u5229\u70b9:",source:"@site/i18n/ja/docusaurus-plugin-content-docs/current/about/promote/integration.mdx",sourceDirName:"about/promote",slug:"/about/promote/integration",permalink:"/ja/docs/about/promote/integration",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/ja/docusaurus-plugin-content-docs/current/about/promote/integration.mdx",tags:[],version:"current",lastUpdatedAt:1727607766e3,sidebarPosition:1,frontMatter:{sidebar_position:1},sidebar:"aboutSidebar",previous:{title:"\u62bd\u8c61\u5316",permalink:"/ja/docs/about/understanding/abstractions"},next:{title:"\u90e8\u5206\u7684\u306a\u9069\u7528",permalink:"/ja/docs/about/promote/partial-application"}},c={},d=[];function l(t){const e={a:"a",h1:"h1",header:"header",li:"li",p:"p",strong:"strong",ul:"ul",...(0,r.R)(),...t.components};return(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(e.header,{children:(0,o.jsx)(e.h1,{id:"\u7d71\u5408\u306e\u5074\u9762",children:"\u7d71\u5408\u306e\u5074\u9762"})}),"\n",(0,o.jsxs)(e.p,{children:[(0,o.jsx)(e.strong,{children:"\u5229\u70b9"}),":"]}),"\n",(0,o.jsxs)(e.ul,{children:["\n",(0,o.jsx)(e.li,{children:(0,o.jsx)(e.a,{href:"/docs/get-started/overview#advantages",children:"\u6982\u8981"})}),"\n",(0,o.jsx)(e.li,{children:"\u30b3\u30fc\u30c9\u30ec\u30d3\u30e5\u30fc"}),"\n",(0,o.jsx)(e.li,{children:"\u30aa\u30f3\u30dc\u30fc\u30c7\u30a3\u30f3\u30b0"}),"\n"]}),"\n",(0,o.jsxs)(e.p,{children:[(0,o.jsx)(e.strong,{children:"\u6b20\u70b9"}),":"]}),"\n",(0,o.jsxs)(e.ul,{children:["\n",(0,o.jsx)(e.li,{children:"\u30e1\u30f3\u30bf\u30eb\u7684\u306a\u8907\u96d1\u3055"}),"\n",(0,o.jsx)(e.li,{children:"\u9ad8\u3044\u53c2\u5165\u969c\u58c1"}),"\n",(0,o.jsx)(e.li,{children:"\u300c\u30ec\u30a4\u30e4\u30fc\u5730\u7344\u300d"}),"\n",(0,o.jsx)(e.li,{children:"\u6a5f\u80fd\u30d9\u30fc\u30b9\u306e\u30a2\u30d7\u30ed\u30fc\u30c1\u306b\u304a\u3051\u308b\u5178\u578b\u7684\u306a\u554f\u984c"}),"\n"]})]})}function u(t={}){const{wrapper:e}={...(0,r.R)(),...t.components};return e?(0,o.jsx)(e,{...t,children:(0,o.jsx)(l,{...t})}):l(t)}},1100:(t,e,n)=>{n.d(e,{R:()=>s,x:()=>a});var o=n(758);const r={},i=o.createContext(r);function s(t){const e=o.useContext(i);return o.useMemo((function(){return"function"==typeof t?t(e):{...e,...t}}),[e,t])}function a(t){let e;return e=t.disableParentContext?"function"==typeof t.components?t.components(r):t.components||r:s(t.components),o.createElement(i.Provider,{value:e},t.children)}}}]);
\ No newline at end of file
+"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[692],{5619:(t,e,n)=>{n.r(e),n.d(e,{assets:()=>c,contentTitle:()=>s,default:()=>u,frontMatter:()=>i,metadata:()=>a,toc:()=>d});var o=n(6070),r=n(1100);const i={sidebar_position:1},s="\u7d71\u5408\u306e\u5074\u9762",a={id:"about/promote/integration",title:"\u7d71\u5408\u306e\u5074\u9762",description:"\u5229\u70b9:",source:"@site/i18n/ja/docusaurus-plugin-content-docs/current/about/promote/integration.mdx",sourceDirName:"about/promote",slug:"/about/promote/integration",permalink:"/ja/docs/about/promote/integration",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/ja/docusaurus-plugin-content-docs/current/about/promote/integration.mdx",tags:[],version:"current",lastUpdatedAt:1728325386e3,sidebarPosition:1,frontMatter:{sidebar_position:1},sidebar:"aboutSidebar",previous:{title:"\u62bd\u8c61\u5316",permalink:"/ja/docs/about/understanding/abstractions"},next:{title:"\u90e8\u5206\u7684\u306a\u9069\u7528",permalink:"/ja/docs/about/promote/partial-application"}},c={},d=[];function l(t){const e={a:"a",h1:"h1",header:"header",li:"li",p:"p",strong:"strong",ul:"ul",...(0,r.R)(),...t.components};return(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(e.header,{children:(0,o.jsx)(e.h1,{id:"\u7d71\u5408\u306e\u5074\u9762",children:"\u7d71\u5408\u306e\u5074\u9762"})}),"\n",(0,o.jsxs)(e.p,{children:[(0,o.jsx)(e.strong,{children:"\u5229\u70b9"}),":"]}),"\n",(0,o.jsxs)(e.ul,{children:["\n",(0,o.jsx)(e.li,{children:(0,o.jsx)(e.a,{href:"/docs/get-started/overview#advantages",children:"\u6982\u8981"})}),"\n",(0,o.jsx)(e.li,{children:"\u30b3\u30fc\u30c9\u30ec\u30d3\u30e5\u30fc"}),"\n",(0,o.jsx)(e.li,{children:"\u30aa\u30f3\u30dc\u30fc\u30c7\u30a3\u30f3\u30b0"}),"\n"]}),"\n",(0,o.jsxs)(e.p,{children:[(0,o.jsx)(e.strong,{children:"\u6b20\u70b9"}),":"]}),"\n",(0,o.jsxs)(e.ul,{children:["\n",(0,o.jsx)(e.li,{children:"\u30e1\u30f3\u30bf\u30eb\u7684\u306a\u8907\u96d1\u3055"}),"\n",(0,o.jsx)(e.li,{children:"\u9ad8\u3044\u53c2\u5165\u969c\u58c1"}),"\n",(0,o.jsx)(e.li,{children:"\u300c\u30ec\u30a4\u30e4\u30fc\u5730\u7344\u300d"}),"\n",(0,o.jsx)(e.li,{children:"\u6a5f\u80fd\u30d9\u30fc\u30b9\u306e\u30a2\u30d7\u30ed\u30fc\u30c1\u306b\u304a\u3051\u308b\u5178\u578b\u7684\u306a\u554f\u984c"}),"\n"]})]})}function u(t={}){const{wrapper:e}={...(0,r.R)(),...t.components};return e?(0,o.jsx)(e,{...t,children:(0,o.jsx)(l,{...t})}):l(t)}},1100:(t,e,n)=>{n.d(e,{R:()=>s,x:()=>a});var o=n(758);const r={},i=o.createContext(r);function s(t){const e=o.useContext(i);return o.useMemo((function(){return"function"==typeof t?t(e):{...e,...t}}),[e,t])}function a(t){let e;return e=t.disableParentContext?"function"==typeof t.components?t.components(r):t.components||r:s(t.components),o.createElement(i.Provider,{value:e},t.children)}}}]);
\ No newline at end of file
diff --git a/ja/assets/js/cef4bc17.cfe0d34f.js b/ja/assets/js/cef4bc17.bdb283c7.js
similarity index 99%
rename from ja/assets/js/cef4bc17.cfe0d34f.js
rename to ja/assets/js/cef4bc17.bdb283c7.js
index 6570ed0124..86ff63c9f7 100644
--- a/ja/assets/js/cef4bc17.cfe0d34f.js
+++ b/ja/assets/js/cef4bc17.bdb283c7.js
@@ -1 +1 @@
-"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[7352],{6724:(e,n,t)=>{t.r(n),t.d(n,{assets:()=>d,contentTitle:()=>o,default:()=>u,frontMatter:()=>r,metadata:()=>l,toc:()=>a});var s=t(6070),i=t(1100);const r={sidebar_position:3},o="\u30da\u30fc\u30b8\u30ec\u30a4\u30a2\u30a6\u30c8",l={id:"guides/examples/page-layout",title:"\u30da\u30fc\u30b8\u30ec\u30a4\u30a2\u30a6\u30c8",description:"\u3053\u306e\u30ac\u30a4\u30c9\u3067\u306f\u3001\u8907\u6570\u306e\u30da\u30fc\u30b8\u304c\u540c\u3058\u69cb\u9020\u3092\u6301\u3061\u3001\u4e3b\u306a\u5185\u5bb9\u3060\u3051\u304c\u7570\u306a\u308b\u5834\u5408\u306e\u30da\u30fc\u30b8\u30ec\u30a4\u30a2\u30a6\u30c8\u306e\u62bd\u8c61\u5316\u306b\u3064\u3044\u3066\u8aac\u660e\u3057\u307e\u3059\u3002",source:"@site/i18n/ja/docusaurus-plugin-content-docs/current/guides/examples/page-layout.md",sourceDirName:"guides/examples",slug:"/guides/examples/page-layout",permalink:"/ja/docs/guides/examples/page-layout",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/ja/docusaurus-plugin-content-docs/current/guides/examples/page-layout.md",tags:[],version:"current",lastUpdatedAt:1727607766e3,sidebarPosition:3,frontMatter:{sidebar_position:3},sidebar:"guidesSidebar",previous:{title:"\u578b",permalink:"/ja/docs/guides/examples/types"},next:{title:"\u30ab\u30b9\u30bf\u30e0\u30a2\u30fc\u30ad\u30c6\u30af\u30c1\u30e3\u304b\u3089\u306e\u79fb\u884c",permalink:"/ja/docs/guides/migration/from-custom"}},d={},a=[{value:"\u30b7\u30f3\u30d7\u30eb\u306a\u30ec\u30a4\u30a2\u30a6\u30c8",id:"\u30b7\u30f3\u30d7\u30eb\u306a\u30ec\u30a4\u30a2\u30a6\u30c8",level:2},{value:"\u30ec\u30a4\u30a2\u30a6\u30c8\u3067\u306e\u30a6\u30a3\u30b8\u30a7\u30c3\u30c8\u306e\u4f7f\u7528",id:"\u30ec\u30a4\u30a2\u30a6\u30c8\u3067\u306e\u30a6\u30a3\u30b8\u30a7\u30c3\u30c8\u306e\u4f7f\u7528",level:2},{value:"\u8ffd\u52a0\u8cc7\u6599",id:"\u8ffd\u52a0\u8cc7\u6599",level:2}];function c(e){const n={a:"a",admonition:"admonition",blockquote:"blockquote",br:"br",code:"code",h1:"h1",h2:"h2",header:"header",li:"li",ol:"ol",p:"p",pre:"pre",strong:"strong",ul:"ul",...(0,i.R)(),...e.components};return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(n.header,{children:(0,s.jsx)(n.h1,{id:"\u30da\u30fc\u30b8\u30ec\u30a4\u30a2\u30a6\u30c8",children:"\u30da\u30fc\u30b8\u30ec\u30a4\u30a2\u30a6\u30c8"})}),"\n",(0,s.jsx)(n.p,{children:"\u3053\u306e\u30ac\u30a4\u30c9\u3067\u306f\u3001\u8907\u6570\u306e\u30da\u30fc\u30b8\u304c\u540c\u3058\u69cb\u9020\u3092\u6301\u3061\u3001\u4e3b\u306a\u5185\u5bb9\u3060\u3051\u304c\u7570\u306a\u308b\u5834\u5408\u306e\u30da\u30fc\u30b8\u30ec\u30a4\u30a2\u30a6\u30c8\u306e\u62bd\u8c61\u5316\u306b\u3064\u3044\u3066\u8aac\u660e\u3057\u307e\u3059\u3002"}),"\n",(0,s.jsx)(n.admonition,{type:"info",children:(0,s.jsx)(n.p,{children:"\u3042\u306a\u305f\u306e\u8cea\u554f\u304c\u3053\u306e\u30ac\u30a4\u30c9\u306b\u306a\u3044\u5834\u5408\u306f\u3001\u3053\u306e\u8a18\u4e8b\u306b\u30d5\u30a3\u30fc\u30c9\u30d0\u30c3\u30af\u3092\u6b8b\u3057\u3066\u8cea\u554f\u3092\u6295\u7a3f\u3057\u3066\u304f\u3060\u3055\u3044\uff08\u53f3\u5074\u306e\u9752\u3044\u30dc\u30bf\u30f3\uff09\u3001\u79c1\u305f\u3061\u306f\u3053\u306e\u30ac\u30a4\u30c9\u3092\u62e1\u5f35\u3059\u308b\u53ef\u80fd\u6027\u3092\u691c\u8a0e\u3057\u307e\u3059\uff01"})}),"\n",(0,s.jsx)(n.h2,{id:"\u30b7\u30f3\u30d7\u30eb\u306a\u30ec\u30a4\u30a2\u30a6\u30c8",children:"\u30b7\u30f3\u30d7\u30eb\u306a\u30ec\u30a4\u30a2\u30a6\u30c8"}),"\n",(0,s.jsxs)(n.p,{children:["\u6700\u3082\u30b7\u30f3\u30d7\u30eb\u306a\u30ec\u30a4\u30a2\u30a6\u30c8\u306f\u3001\u3053\u306e\u30da\u30fc\u30b8\u3067\u76f4\u63a5\u898b\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002\u3053\u308c\u306f\u3001\u30b5\u30a4\u30c8\u306e\u30ca\u30d3\u30b2\u30fc\u30b7\u30e7\u30f3\u3092\u542b\u3080\u30d8\u30c3\u30c0\u30fc\u30012\u3064\u306e\u30b5\u30a4\u30c9\u30d0\u30fc\u3001\u5916\u90e8\u30ea\u30f3\u30af\u3092\u542b\u3080\u30d5\u30c3\u30bf\u30fc\u3092\u6301\u3063\u3066\u3044\u307e\u3059\u3002\u3053\u3053\u306b\u306f\u8907\u96d1\u306a\u30d3\u30b8\u30cd\u30b9\u30ed\u30b8\u30c3\u30af\u306f\u306a\u304f\u3001\u552f\u4e00\u306e\u52d5\u7684\u90e8\u5206\u306f\u30b5\u30a4\u30c9\u30d0\u30fc\u3068\u30d8\u30c3\u30c0\u30fc\u306e\u53f3\u5074\u306b\u3042\u308b\u30c8\u30b0\u30eb\u30b9\u30a4\u30c3\u30c1\u3067\u3059\u3002\u3053\u306e\u30ec\u30a4\u30a2\u30a6\u30c8\u306f\u3001",(0,s.jsx)(n.code,{children:"shared/ui"}),"\u307e\u305f\u306f",(0,s.jsx)(n.code,{children:"app/layouts"}),"\u306b\u5168\u4f53\u3092\u914d\u7f6e\u3067\u304d\u3001\u30b5\u30a4\u30c9\u30d0\u30fc\u306e\u30b3\u30f3\u30c6\u30f3\u30c4\u306f\u30d7\u30ed\u30d1\u30c6\u30a3\u3092\u901a\u3058\u3066\u57cb\u3081\u8fbc\u3080\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002"]}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-tsx",metastring:'title="shared/ui/layout/Layout.tsx"',children:'import { Link, Outlet } from "react-router-dom";\nimport { useThemeSwitcher } from "./useThemeSwitcher";\n\nexport function Layout({ siblingPages, headings }) {\n  const [theme, toggleTheme] = useThemeSwitcher();\n\n  return (\n    <div>\n      <header>\n        <nav>\n          <ul>\n            <li> <Link to="/">\u30db\u30fc\u30e0</Link> </li>\n            <li> <Link to="/docs">\u30c9\u30ad\u30e5\u30e1\u30f3\u30c8</Link> </li>\n            <li> <Link to="/blog">\u30d6\u30ed\u30b0</Link> </li>\n          </ul>\n        </nav>\n        <button onClick={toggleTheme}>{theme}</button>\n      </header>\n      <main>\n        <SiblingPageSidebar siblingPages={siblingPages} />\n        <Outlet /> {/* \u3053\u3053\u306b\u30da\u30fc\u30b8\u306e\u4e3b\u306a\u5185\u5bb9\u304c\u8868\u793a\u3055\u308c\u307e\u3059 */}\n        <HeadingsSidebar headings={headings} />\n      </main>\n      <footer>\n        <ul>\n          <li>GitHub</li>\n          <li>X</li>\n        </ul>\n      </footer>\n    </div>\n  );\n}\n'})}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-ts",metastring:'title="shared/ui/layout/useThemeSwitcher.ts"',children:'export function useThemeSwitcher() {\n  const [theme, setTheme] = useState("light");\n\n  function toggleTheme() {\n    setTheme(theme === "light" ? "dark" : "light");\n  }\n\n  useEffect(() => {\n    document.body.classList.remove("light", "dark");\n    document.body.classList.add(theme);\n  }, [theme]);\n\n  return [theme, toggleTheme] as const;\n}\n'})}),"\n",(0,s.jsx)(n.p,{children:"\u30b5\u30a4\u30c9\u30d0\u30fc\u306e\u30b3\u30fc\u30c9\u306f\u8aad\u8005\u306b\u8ab2\u984c\u3068\u3057\u3066\u6b8b\u3055\u308c\u3066\u3044\u307e\u3059\uff01"}),"\n",(0,s.jsx)(n.h2,{id:"\u30ec\u30a4\u30a2\u30a6\u30c8\u3067\u306e\u30a6\u30a3\u30b8\u30a7\u30c3\u30c8\u306e\u4f7f\u7528",children:"\u30ec\u30a4\u30a2\u30a6\u30c8\u3067\u306e\u30a6\u30a3\u30b8\u30a7\u30c3\u30c8\u306e\u4f7f\u7528"}),"\n",(0,s.jsxs)(n.p,{children:["\u6642\u306b\u306f\u3001\u7279\u5b9a\u306e\u30d3\u30b8\u30cd\u30b9\u30ed\u30b8\u30c3\u30af\u3092\u30ec\u30a4\u30a2\u30a6\u30c8\u306b\u7d44\u307f\u8fbc\u3080\u5fc5\u8981\u304c\u3042\u308a\u307e\u3059\u3002\u7279\u306b\u3001",(0,s.jsx)(n.a,{href:"https://reactrouter.com/",children:"React Router"}),"\u306e\u3088\u3046\u306a\u6df1\u304f\u30cd\u30b9\u30c8\u3055\u308c\u305f\u30eb\u30fc\u30c8\u3092\u4f7f\u7528\u3057\u3066\u3044\u308b\u5834\u5408\u3001Shared\u5c64\u3084Widgets\u5c64\u306b\u30ec\u30a4\u30a2\u30a6\u30c8\u3092\u4fdd\u5b58\u3059\u308b\u3053\u3068\u306f\u3067\u304d\u307e\u305b\u3093\u3002\u3053\u308c\u306f",(0,s.jsx)(n.a,{href:"/docs/reference/layers#import-rule-on-layers",children:"\u30ec\u30a4\u30e4\u30fc\u306e\u30a4\u30f3\u30dd\u30fc\u30c8\u30eb\u30fc\u30eb"}),"\u306b\u9055\u53cd\u3057\u3066\u3044\u307e\u3059\u3002"]}),"\n",(0,s.jsxs)(n.blockquote,{children:["\n",(0,s.jsx)(n.p,{children:"\u30b9\u30e9\u30a4\u30b9\u5185\u306e\u30e2\u30b8\u30e5\u30fc\u30eb\u306f\u3001\u4e0b\u5c64\u306b\u3042\u308b\u30b9\u30e9\u30a4\u30b9\u306e\u307f\u3092\u30a4\u30f3\u30dd\u30fc\u30c8\u3067\u304d\u308b\u3002"}),"\n"]}),"\n",(0,s.jsx)(n.p,{children:"\u89e3\u6c7a\u7b56\u3092\u8b70\u8ad6\u3059\u308b\u524d\u306b\u3001\u3053\u308c\u304c\u5b9f\u969b\u306b\u554f\u984c\u304b\u3069\u3046\u304b\u3092\u78ba\u8a8d\u3059\u308b\u5fc5\u8981\u304c\u3042\u308a\u307e\u3059\u3002\u3053\u306e\u30ec\u30a4\u30a2\u30a6\u30c8\u306f\u672c\u5f53\u306b\u5fc5\u8981\u306a\u306e\u304b\uff1f\u3082\u3057\u305d\u3046\u306a\u3089\u3001\u30a6\u30a3\u30b8\u30a7\u30c3\u30c8\u3068\u3057\u3066\u5b9f\u88c5\u3059\u308b\u3053\u3068\u304c\u6700\u9069\u306a\u306e\u304b\u3082\u518d\u8003\u3059\u308b\u5fc5\u8981\u304c\u3042\u308b\u3067\u3057\u3087\u3046\u3002\u3082\u3057\u30d3\u30b8\u30cd\u30b9\u30ed\u30b8\u30c3\u30af\u306e\u30d6\u30ed\u30c3\u30af\u304c2\u301c3\u30da\u30fc\u30b8\u3067\u4f7f\u7528\u3055\u308c\u3001\u30ec\u30a4\u30a2\u30a6\u30c8\u304c\u305d\u306e\u30a6\u30a3\u30b8\u30a7\u30c3\u30c8\u306e\u5c0f\u3055\u306a\u30e9\u30c3\u30d1\u30fc\u306b\u904e\u304e\u306a\u3044\u5834\u5408\u3001\u6b21\u306e2\u3064\u306e\u30aa\u30d7\u30b7\u30e7\u30f3\u3092\u691c\u8a0e\u3057\u3066\u304f\u3060\u3055\u3044\u3002"}),"\n",(0,s.jsxs)(n.ol,{children:["\n",(0,s.jsxs)(n.li,{children:["\n",(0,s.jsxs)(n.p,{children:[(0,s.jsx)(n.strong,{children:"\u30ec\u30a4\u30a2\u30a6\u30c8\u3092App\u5c64\u306e\u30eb\u30fc\u30bf\u30fc\u3067\u76f4\u63a5\u4f5c\u6210\u3059\u308b"}),(0,s.jsx)(n.br,{}),"\n","\u3053\u308c\u306f\u3001\u30cd\u30b9\u30c8\u3092\u30b5\u30dd\u30fc\u30c8\u3059\u308b\u30eb\u30fc\u30bf\u30fc\u306b\u6700\u9069\u3067\u3059\u3002\u7279\u5b9a\u306e\u30eb\u30fc\u30c8\u3092\u30b0\u30eb\u30fc\u30d7\u5316\u3057\u3001\u5fc5\u8981\u306a\u30ec\u30a4\u30a2\u30a6\u30c8\u3092\u305d\u308c\u3089\u306b\u306e\u307f\u9069\u7528\u3067\u304d\u307e\u3059\u3002"]}),"\n"]}),"\n",(0,s.jsxs)(n.li,{children:["\n",(0,s.jsxs)(n.p,{children:[(0,s.jsx)(n.strong,{children:"\u5358\u306b\u30b3\u30d4\u30fc\u3059\u308b"}),(0,s.jsx)(n.br,{}),"\n","\u30b3\u30fc\u30c9\u3092\u62bd\u8c61\u5316\u3059\u308b\u6b32\u6c42\u306f\u3057\u3070\u3057\u3070\u904e\u5927\u8a55\u4fa1\u3055\u308c\u307e\u3059\u3002\u7279\u306b\u30ec\u30a4\u30a2\u30a6\u30c8\u306b\u95a2\u3057\u3066\u306f\u3001\u5909\u66f4\u304c\u307b\u3068\u3093\u3069\u306a\u3044\u305f\u3081\u3067\u3059\u3002\u3042\u308b\u6642\u70b9\u3067\u3001\u3053\u308c\u3089\u306e\u30da\u30fc\u30b8\u306e1\u3064\u304c\u5909\u66f4\u3092\u5fc5\u8981\u3068\u3059\u308b\u5834\u5408\u3001\u4ed6\u306e\u30da\u30fc\u30b8\u306b\u5f71\u97ff\u3092\u4e0e\u3048\u305a\u306b\u5909\u66f4\u3092\u52a0\u3048\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002\u4ed6\u306e\u30da\u30fc\u30b8\u3092\u66f4\u65b0\u3059\u308b\u3053\u3068\u3092\u5fd8\u308c\u308b\u304b\u3082\u3057\u308c\u306a\u3044\u3068\u5fc3\u914d\u3057\u3066\u3044\u308b\u5834\u5408\u306f\u3001\u30da\u30fc\u30b8\u9593\u306e\u95a2\u4fc2\u3092\u8aac\u660e\u3059\u308b\u30b3\u30e1\u30f3\u30c8\u3092\u6b8b\u3059\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002"]}),"\n"]}),"\n"]}),"\n",(0,s.jsx)(n.p,{children:"\u4e0a\u8a18\u306e\u3044\u305a\u308c\u306e\u30aa\u30d7\u30b7\u30e7\u30f3\u3082\u9069\u7528\u3067\u304d\u306a\u3044\u5834\u5408\u3001\u30a6\u30a3\u30b8\u30a7\u30c3\u30c8\u3092\u30ec\u30a4\u30a2\u30a6\u30c8\u306b\u7d44\u307f\u8fbc\u3080\u305f\u3081\u306e2\u3064\u306e\u89e3\u6c7a\u7b56\u304c\u3042\u308a\u307e\u3059\u3002"}),"\n",(0,s.jsxs)(n.ol,{children:["\n",(0,s.jsxs)(n.li,{children:["\n",(0,s.jsxs)(n.p,{children:[(0,s.jsx)(n.strong,{children:"\u30ec\u30f3\u30c0\u30fc\u30d7\u30ed\u30c3\u30d7\u307e\u305f\u306f\u30b9\u30ed\u30c3\u30c8\u3092\u4f7f\u7528\u3059\u308b"}),(0,s.jsx)(n.br,{}),"\n","\u307b\u3068\u3093\u3069\u306e\u30d5\u30ec\u30fc\u30e0\u30ef\u30fc\u30af\u306f\u3001UI\u306e\u4e00\u90e8\u3092\u5916\u90e8\u304b\u3089\u6e21\u3059\u3053\u3068\u3092\u8a31\u53ef\u3057\u3066\u3044\u307e\u3059\u3002React\u3067\u306f\u3053\u308c\u3092",(0,s.jsx)(n.a,{href:"https://www.patterns.dev/react/render-props-pattern/",children:"\u30ec\u30f3\u30c0\u30fc\u30d7\u30ed\u30c3\u30d7"}),"\u3068\u547c\u3073\u3001Vue\u3067\u306f",(0,s.jsx)(n.a,{href:"https://jp.vuejs.org/guide/components/slots",children:"\u30b9\u30ed\u30c3\u30c8"}),"\u3068\u547c\u3073\u307e\u3059\u3002"]}),"\n"]}),"\n",(0,s.jsxs)(n.li,{children:["\n",(0,s.jsxs)(n.p,{children:[(0,s.jsx)(n.strong,{children:"\u30ec\u30a4\u30a2\u30a6\u30c8\u3092App\u5c64\u306b\u79fb\u52d5\u3059\u308b"}),(0,s.jsx)(n.br,{}),"\n","\u30ec\u30a4\u30a2\u30a6\u30c8\u3092App\u5c64\u306b\u4fdd\u5b58\u3057\u3001\u5fc5\u8981\u306a\u30a6\u30a3\u30b8\u30a7\u30c3\u30c8\u3092\u7d44\u307f\u5408\u308f\u305b\u308b\u3053\u3068\u3082\u3067\u304d\u307e\u3059\u3002"]}),"\n"]}),"\n"]}),"\n",(0,s.jsx)(n.h2,{id:"\u8ffd\u52a0\u8cc7\u6599",children:"\u8ffd\u52a0\u8cc7\u6599"}),"\n",(0,s.jsxs)(n.ul,{children:["\n",(0,s.jsxs)(n.li,{children:["React\u3068Remix\u3092\u4f7f\u7528\u3057\u305f\u8a8d\u8a3c\u4ed8\u304d\u30ec\u30a4\u30a2\u30a6\u30c8\u306e\u4f5c\u6210\u4f8b\u306f",(0,s.jsx)(n.a,{href:"/docs/get-started/tutorial",children:"\u30c1\u30e5\u30fc\u30c8\u30ea\u30a2\u30eb"}),"\u3067\u898b\u3064\u3051\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\uff08React Router\u306b\u985e\u4f3c\u3059\u308b\uff09\u3002"]}),"\n"]})]})}function u(e={}){const{wrapper:n}={...(0,i.R)(),...e.components};return n?(0,s.jsx)(n,{...e,children:(0,s.jsx)(c,{...e})}):c(e)}},1100:(e,n,t)=>{t.d(n,{R:()=>o,x:()=>l});var s=t(758);const i={},r=s.createContext(i);function o(e){const n=s.useContext(r);return s.useMemo((function(){return"function"==typeof e?e(n):{...n,...e}}),[n,e])}function l(e){let n;return n=e.disableParentContext?"function"==typeof e.components?e.components(i):e.components||i:o(e.components),s.createElement(r.Provider,{value:n},e.children)}}}]);
\ No newline at end of file
+"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[7352],{6724:(e,n,t)=>{t.r(n),t.d(n,{assets:()=>d,contentTitle:()=>o,default:()=>u,frontMatter:()=>r,metadata:()=>l,toc:()=>a});var s=t(6070),i=t(1100);const r={sidebar_position:3},o="\u30da\u30fc\u30b8\u30ec\u30a4\u30a2\u30a6\u30c8",l={id:"guides/examples/page-layout",title:"\u30da\u30fc\u30b8\u30ec\u30a4\u30a2\u30a6\u30c8",description:"\u3053\u306e\u30ac\u30a4\u30c9\u3067\u306f\u3001\u8907\u6570\u306e\u30da\u30fc\u30b8\u304c\u540c\u3058\u69cb\u9020\u3092\u6301\u3061\u3001\u4e3b\u306a\u5185\u5bb9\u3060\u3051\u304c\u7570\u306a\u308b\u5834\u5408\u306e\u30da\u30fc\u30b8\u30ec\u30a4\u30a2\u30a6\u30c8\u306e\u62bd\u8c61\u5316\u306b\u3064\u3044\u3066\u8aac\u660e\u3057\u307e\u3059\u3002",source:"@site/i18n/ja/docusaurus-plugin-content-docs/current/guides/examples/page-layout.md",sourceDirName:"guides/examples",slug:"/guides/examples/page-layout",permalink:"/ja/docs/guides/examples/page-layout",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/ja/docusaurus-plugin-content-docs/current/guides/examples/page-layout.md",tags:[],version:"current",lastUpdatedAt:1728325386e3,sidebarPosition:3,frontMatter:{sidebar_position:3},sidebar:"guidesSidebar",previous:{title:"\u578b",permalink:"/ja/docs/guides/examples/types"},next:{title:"\u30ab\u30b9\u30bf\u30e0\u30a2\u30fc\u30ad\u30c6\u30af\u30c1\u30e3\u304b\u3089\u306e\u79fb\u884c",permalink:"/ja/docs/guides/migration/from-custom"}},d={},a=[{value:"\u30b7\u30f3\u30d7\u30eb\u306a\u30ec\u30a4\u30a2\u30a6\u30c8",id:"\u30b7\u30f3\u30d7\u30eb\u306a\u30ec\u30a4\u30a2\u30a6\u30c8",level:2},{value:"\u30ec\u30a4\u30a2\u30a6\u30c8\u3067\u306e\u30a6\u30a3\u30b8\u30a7\u30c3\u30c8\u306e\u4f7f\u7528",id:"\u30ec\u30a4\u30a2\u30a6\u30c8\u3067\u306e\u30a6\u30a3\u30b8\u30a7\u30c3\u30c8\u306e\u4f7f\u7528",level:2},{value:"\u8ffd\u52a0\u8cc7\u6599",id:"\u8ffd\u52a0\u8cc7\u6599",level:2}];function c(e){const n={a:"a",admonition:"admonition",blockquote:"blockquote",br:"br",code:"code",h1:"h1",h2:"h2",header:"header",li:"li",ol:"ol",p:"p",pre:"pre",strong:"strong",ul:"ul",...(0,i.R)(),...e.components};return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(n.header,{children:(0,s.jsx)(n.h1,{id:"\u30da\u30fc\u30b8\u30ec\u30a4\u30a2\u30a6\u30c8",children:"\u30da\u30fc\u30b8\u30ec\u30a4\u30a2\u30a6\u30c8"})}),"\n",(0,s.jsx)(n.p,{children:"\u3053\u306e\u30ac\u30a4\u30c9\u3067\u306f\u3001\u8907\u6570\u306e\u30da\u30fc\u30b8\u304c\u540c\u3058\u69cb\u9020\u3092\u6301\u3061\u3001\u4e3b\u306a\u5185\u5bb9\u3060\u3051\u304c\u7570\u306a\u308b\u5834\u5408\u306e\u30da\u30fc\u30b8\u30ec\u30a4\u30a2\u30a6\u30c8\u306e\u62bd\u8c61\u5316\u306b\u3064\u3044\u3066\u8aac\u660e\u3057\u307e\u3059\u3002"}),"\n",(0,s.jsx)(n.admonition,{type:"info",children:(0,s.jsx)(n.p,{children:"\u3042\u306a\u305f\u306e\u8cea\u554f\u304c\u3053\u306e\u30ac\u30a4\u30c9\u306b\u306a\u3044\u5834\u5408\u306f\u3001\u3053\u306e\u8a18\u4e8b\u306b\u30d5\u30a3\u30fc\u30c9\u30d0\u30c3\u30af\u3092\u6b8b\u3057\u3066\u8cea\u554f\u3092\u6295\u7a3f\u3057\u3066\u304f\u3060\u3055\u3044\uff08\u53f3\u5074\u306e\u9752\u3044\u30dc\u30bf\u30f3\uff09\u3001\u79c1\u305f\u3061\u306f\u3053\u306e\u30ac\u30a4\u30c9\u3092\u62e1\u5f35\u3059\u308b\u53ef\u80fd\u6027\u3092\u691c\u8a0e\u3057\u307e\u3059\uff01"})}),"\n",(0,s.jsx)(n.h2,{id:"\u30b7\u30f3\u30d7\u30eb\u306a\u30ec\u30a4\u30a2\u30a6\u30c8",children:"\u30b7\u30f3\u30d7\u30eb\u306a\u30ec\u30a4\u30a2\u30a6\u30c8"}),"\n",(0,s.jsxs)(n.p,{children:["\u6700\u3082\u30b7\u30f3\u30d7\u30eb\u306a\u30ec\u30a4\u30a2\u30a6\u30c8\u306f\u3001\u3053\u306e\u30da\u30fc\u30b8\u3067\u76f4\u63a5\u898b\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002\u3053\u308c\u306f\u3001\u30b5\u30a4\u30c8\u306e\u30ca\u30d3\u30b2\u30fc\u30b7\u30e7\u30f3\u3092\u542b\u3080\u30d8\u30c3\u30c0\u30fc\u30012\u3064\u306e\u30b5\u30a4\u30c9\u30d0\u30fc\u3001\u5916\u90e8\u30ea\u30f3\u30af\u3092\u542b\u3080\u30d5\u30c3\u30bf\u30fc\u3092\u6301\u3063\u3066\u3044\u307e\u3059\u3002\u3053\u3053\u306b\u306f\u8907\u96d1\u306a\u30d3\u30b8\u30cd\u30b9\u30ed\u30b8\u30c3\u30af\u306f\u306a\u304f\u3001\u552f\u4e00\u306e\u52d5\u7684\u90e8\u5206\u306f\u30b5\u30a4\u30c9\u30d0\u30fc\u3068\u30d8\u30c3\u30c0\u30fc\u306e\u53f3\u5074\u306b\u3042\u308b\u30c8\u30b0\u30eb\u30b9\u30a4\u30c3\u30c1\u3067\u3059\u3002\u3053\u306e\u30ec\u30a4\u30a2\u30a6\u30c8\u306f\u3001",(0,s.jsx)(n.code,{children:"shared/ui"}),"\u307e\u305f\u306f",(0,s.jsx)(n.code,{children:"app/layouts"}),"\u306b\u5168\u4f53\u3092\u914d\u7f6e\u3067\u304d\u3001\u30b5\u30a4\u30c9\u30d0\u30fc\u306e\u30b3\u30f3\u30c6\u30f3\u30c4\u306f\u30d7\u30ed\u30d1\u30c6\u30a3\u3092\u901a\u3058\u3066\u57cb\u3081\u8fbc\u3080\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002"]}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-tsx",metastring:'title="shared/ui/layout/Layout.tsx"',children:'import { Link, Outlet } from "react-router-dom";\nimport { useThemeSwitcher } from "./useThemeSwitcher";\n\nexport function Layout({ siblingPages, headings }) {\n  const [theme, toggleTheme] = useThemeSwitcher();\n\n  return (\n    <div>\n      <header>\n        <nav>\n          <ul>\n            <li> <Link to="/">\u30db\u30fc\u30e0</Link> </li>\n            <li> <Link to="/docs">\u30c9\u30ad\u30e5\u30e1\u30f3\u30c8</Link> </li>\n            <li> <Link to="/blog">\u30d6\u30ed\u30b0</Link> </li>\n          </ul>\n        </nav>\n        <button onClick={toggleTheme}>{theme}</button>\n      </header>\n      <main>\n        <SiblingPageSidebar siblingPages={siblingPages} />\n        <Outlet /> {/* \u3053\u3053\u306b\u30da\u30fc\u30b8\u306e\u4e3b\u306a\u5185\u5bb9\u304c\u8868\u793a\u3055\u308c\u307e\u3059 */}\n        <HeadingsSidebar headings={headings} />\n      </main>\n      <footer>\n        <ul>\n          <li>GitHub</li>\n          <li>X</li>\n        </ul>\n      </footer>\n    </div>\n  );\n}\n'})}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-ts",metastring:'title="shared/ui/layout/useThemeSwitcher.ts"',children:'export function useThemeSwitcher() {\n  const [theme, setTheme] = useState("light");\n\n  function toggleTheme() {\n    setTheme(theme === "light" ? "dark" : "light");\n  }\n\n  useEffect(() => {\n    document.body.classList.remove("light", "dark");\n    document.body.classList.add(theme);\n  }, [theme]);\n\n  return [theme, toggleTheme] as const;\n}\n'})}),"\n",(0,s.jsx)(n.p,{children:"\u30b5\u30a4\u30c9\u30d0\u30fc\u306e\u30b3\u30fc\u30c9\u306f\u8aad\u8005\u306b\u8ab2\u984c\u3068\u3057\u3066\u6b8b\u3055\u308c\u3066\u3044\u307e\u3059\uff01"}),"\n",(0,s.jsx)(n.h2,{id:"\u30ec\u30a4\u30a2\u30a6\u30c8\u3067\u306e\u30a6\u30a3\u30b8\u30a7\u30c3\u30c8\u306e\u4f7f\u7528",children:"\u30ec\u30a4\u30a2\u30a6\u30c8\u3067\u306e\u30a6\u30a3\u30b8\u30a7\u30c3\u30c8\u306e\u4f7f\u7528"}),"\n",(0,s.jsxs)(n.p,{children:["\u6642\u306b\u306f\u3001\u7279\u5b9a\u306e\u30d3\u30b8\u30cd\u30b9\u30ed\u30b8\u30c3\u30af\u3092\u30ec\u30a4\u30a2\u30a6\u30c8\u306b\u7d44\u307f\u8fbc\u3080\u5fc5\u8981\u304c\u3042\u308a\u307e\u3059\u3002\u7279\u306b\u3001",(0,s.jsx)(n.a,{href:"https://reactrouter.com/",children:"React Router"}),"\u306e\u3088\u3046\u306a\u6df1\u304f\u30cd\u30b9\u30c8\u3055\u308c\u305f\u30eb\u30fc\u30c8\u3092\u4f7f\u7528\u3057\u3066\u3044\u308b\u5834\u5408\u3001Shared\u5c64\u3084Widgets\u5c64\u306b\u30ec\u30a4\u30a2\u30a6\u30c8\u3092\u4fdd\u5b58\u3059\u308b\u3053\u3068\u306f\u3067\u304d\u307e\u305b\u3093\u3002\u3053\u308c\u306f",(0,s.jsx)(n.a,{href:"/docs/reference/layers#import-rule-on-layers",children:"\u30ec\u30a4\u30e4\u30fc\u306e\u30a4\u30f3\u30dd\u30fc\u30c8\u30eb\u30fc\u30eb"}),"\u306b\u9055\u53cd\u3057\u3066\u3044\u307e\u3059\u3002"]}),"\n",(0,s.jsxs)(n.blockquote,{children:["\n",(0,s.jsx)(n.p,{children:"\u30b9\u30e9\u30a4\u30b9\u5185\u306e\u30e2\u30b8\u30e5\u30fc\u30eb\u306f\u3001\u4e0b\u5c64\u306b\u3042\u308b\u30b9\u30e9\u30a4\u30b9\u306e\u307f\u3092\u30a4\u30f3\u30dd\u30fc\u30c8\u3067\u304d\u308b\u3002"}),"\n"]}),"\n",(0,s.jsx)(n.p,{children:"\u89e3\u6c7a\u7b56\u3092\u8b70\u8ad6\u3059\u308b\u524d\u306b\u3001\u3053\u308c\u304c\u5b9f\u969b\u306b\u554f\u984c\u304b\u3069\u3046\u304b\u3092\u78ba\u8a8d\u3059\u308b\u5fc5\u8981\u304c\u3042\u308a\u307e\u3059\u3002\u3053\u306e\u30ec\u30a4\u30a2\u30a6\u30c8\u306f\u672c\u5f53\u306b\u5fc5\u8981\u306a\u306e\u304b\uff1f\u3082\u3057\u305d\u3046\u306a\u3089\u3001\u30a6\u30a3\u30b8\u30a7\u30c3\u30c8\u3068\u3057\u3066\u5b9f\u88c5\u3059\u308b\u3053\u3068\u304c\u6700\u9069\u306a\u306e\u304b\u3082\u518d\u8003\u3059\u308b\u5fc5\u8981\u304c\u3042\u308b\u3067\u3057\u3087\u3046\u3002\u3082\u3057\u30d3\u30b8\u30cd\u30b9\u30ed\u30b8\u30c3\u30af\u306e\u30d6\u30ed\u30c3\u30af\u304c2\u301c3\u30da\u30fc\u30b8\u3067\u4f7f\u7528\u3055\u308c\u3001\u30ec\u30a4\u30a2\u30a6\u30c8\u304c\u305d\u306e\u30a6\u30a3\u30b8\u30a7\u30c3\u30c8\u306e\u5c0f\u3055\u306a\u30e9\u30c3\u30d1\u30fc\u306b\u904e\u304e\u306a\u3044\u5834\u5408\u3001\u6b21\u306e2\u3064\u306e\u30aa\u30d7\u30b7\u30e7\u30f3\u3092\u691c\u8a0e\u3057\u3066\u304f\u3060\u3055\u3044\u3002"}),"\n",(0,s.jsxs)(n.ol,{children:["\n",(0,s.jsxs)(n.li,{children:["\n",(0,s.jsxs)(n.p,{children:[(0,s.jsx)(n.strong,{children:"\u30ec\u30a4\u30a2\u30a6\u30c8\u3092App\u5c64\u306e\u30eb\u30fc\u30bf\u30fc\u3067\u76f4\u63a5\u4f5c\u6210\u3059\u308b"}),(0,s.jsx)(n.br,{}),"\n","\u3053\u308c\u306f\u3001\u30cd\u30b9\u30c8\u3092\u30b5\u30dd\u30fc\u30c8\u3059\u308b\u30eb\u30fc\u30bf\u30fc\u306b\u6700\u9069\u3067\u3059\u3002\u7279\u5b9a\u306e\u30eb\u30fc\u30c8\u3092\u30b0\u30eb\u30fc\u30d7\u5316\u3057\u3001\u5fc5\u8981\u306a\u30ec\u30a4\u30a2\u30a6\u30c8\u3092\u305d\u308c\u3089\u306b\u306e\u307f\u9069\u7528\u3067\u304d\u307e\u3059\u3002"]}),"\n"]}),"\n",(0,s.jsxs)(n.li,{children:["\n",(0,s.jsxs)(n.p,{children:[(0,s.jsx)(n.strong,{children:"\u5358\u306b\u30b3\u30d4\u30fc\u3059\u308b"}),(0,s.jsx)(n.br,{}),"\n","\u30b3\u30fc\u30c9\u3092\u62bd\u8c61\u5316\u3059\u308b\u6b32\u6c42\u306f\u3057\u3070\u3057\u3070\u904e\u5927\u8a55\u4fa1\u3055\u308c\u307e\u3059\u3002\u7279\u306b\u30ec\u30a4\u30a2\u30a6\u30c8\u306b\u95a2\u3057\u3066\u306f\u3001\u5909\u66f4\u304c\u307b\u3068\u3093\u3069\u306a\u3044\u305f\u3081\u3067\u3059\u3002\u3042\u308b\u6642\u70b9\u3067\u3001\u3053\u308c\u3089\u306e\u30da\u30fc\u30b8\u306e1\u3064\u304c\u5909\u66f4\u3092\u5fc5\u8981\u3068\u3059\u308b\u5834\u5408\u3001\u4ed6\u306e\u30da\u30fc\u30b8\u306b\u5f71\u97ff\u3092\u4e0e\u3048\u305a\u306b\u5909\u66f4\u3092\u52a0\u3048\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002\u4ed6\u306e\u30da\u30fc\u30b8\u3092\u66f4\u65b0\u3059\u308b\u3053\u3068\u3092\u5fd8\u308c\u308b\u304b\u3082\u3057\u308c\u306a\u3044\u3068\u5fc3\u914d\u3057\u3066\u3044\u308b\u5834\u5408\u306f\u3001\u30da\u30fc\u30b8\u9593\u306e\u95a2\u4fc2\u3092\u8aac\u660e\u3059\u308b\u30b3\u30e1\u30f3\u30c8\u3092\u6b8b\u3059\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002"]}),"\n"]}),"\n"]}),"\n",(0,s.jsx)(n.p,{children:"\u4e0a\u8a18\u306e\u3044\u305a\u308c\u306e\u30aa\u30d7\u30b7\u30e7\u30f3\u3082\u9069\u7528\u3067\u304d\u306a\u3044\u5834\u5408\u3001\u30a6\u30a3\u30b8\u30a7\u30c3\u30c8\u3092\u30ec\u30a4\u30a2\u30a6\u30c8\u306b\u7d44\u307f\u8fbc\u3080\u305f\u3081\u306e2\u3064\u306e\u89e3\u6c7a\u7b56\u304c\u3042\u308a\u307e\u3059\u3002"}),"\n",(0,s.jsxs)(n.ol,{children:["\n",(0,s.jsxs)(n.li,{children:["\n",(0,s.jsxs)(n.p,{children:[(0,s.jsx)(n.strong,{children:"\u30ec\u30f3\u30c0\u30fc\u30d7\u30ed\u30c3\u30d7\u307e\u305f\u306f\u30b9\u30ed\u30c3\u30c8\u3092\u4f7f\u7528\u3059\u308b"}),(0,s.jsx)(n.br,{}),"\n","\u307b\u3068\u3093\u3069\u306e\u30d5\u30ec\u30fc\u30e0\u30ef\u30fc\u30af\u306f\u3001UI\u306e\u4e00\u90e8\u3092\u5916\u90e8\u304b\u3089\u6e21\u3059\u3053\u3068\u3092\u8a31\u53ef\u3057\u3066\u3044\u307e\u3059\u3002React\u3067\u306f\u3053\u308c\u3092",(0,s.jsx)(n.a,{href:"https://www.patterns.dev/react/render-props-pattern/",children:"\u30ec\u30f3\u30c0\u30fc\u30d7\u30ed\u30c3\u30d7"}),"\u3068\u547c\u3073\u3001Vue\u3067\u306f",(0,s.jsx)(n.a,{href:"https://jp.vuejs.org/guide/components/slots",children:"\u30b9\u30ed\u30c3\u30c8"}),"\u3068\u547c\u3073\u307e\u3059\u3002"]}),"\n"]}),"\n",(0,s.jsxs)(n.li,{children:["\n",(0,s.jsxs)(n.p,{children:[(0,s.jsx)(n.strong,{children:"\u30ec\u30a4\u30a2\u30a6\u30c8\u3092App\u5c64\u306b\u79fb\u52d5\u3059\u308b"}),(0,s.jsx)(n.br,{}),"\n","\u30ec\u30a4\u30a2\u30a6\u30c8\u3092App\u5c64\u306b\u4fdd\u5b58\u3057\u3001\u5fc5\u8981\u306a\u30a6\u30a3\u30b8\u30a7\u30c3\u30c8\u3092\u7d44\u307f\u5408\u308f\u305b\u308b\u3053\u3068\u3082\u3067\u304d\u307e\u3059\u3002"]}),"\n"]}),"\n"]}),"\n",(0,s.jsx)(n.h2,{id:"\u8ffd\u52a0\u8cc7\u6599",children:"\u8ffd\u52a0\u8cc7\u6599"}),"\n",(0,s.jsxs)(n.ul,{children:["\n",(0,s.jsxs)(n.li,{children:["React\u3068Remix\u3092\u4f7f\u7528\u3057\u305f\u8a8d\u8a3c\u4ed8\u304d\u30ec\u30a4\u30a2\u30a6\u30c8\u306e\u4f5c\u6210\u4f8b\u306f",(0,s.jsx)(n.a,{href:"/docs/get-started/tutorial",children:"\u30c1\u30e5\u30fc\u30c8\u30ea\u30a2\u30eb"}),"\u3067\u898b\u3064\u3051\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\uff08React Router\u306b\u985e\u4f3c\u3059\u308b\uff09\u3002"]}),"\n"]})]})}function u(e={}){const{wrapper:n}={...(0,i.R)(),...e.components};return n?(0,s.jsx)(n,{...e,children:(0,s.jsx)(c,{...e})}):c(e)}},1100:(e,n,t)=>{t.d(n,{R:()=>o,x:()=>l});var s=t(758);const i={},r=s.createContext(i);function o(e){const n=s.useContext(r);return s.useMemo((function(){return"function"==typeof e?e(n):{...n,...e}}),[n,e])}function l(e){let n;return n=e.disableParentContext?"function"==typeof e.components?e.components(i):e.components||i:o(e.components),s.createElement(r.Provider,{value:n},e.children)}}}]);
\ No newline at end of file
diff --git a/ja/assets/js/cf4aad29.449abcfa.js b/ja/assets/js/cf4aad29.367918e9.js
similarity index 99%
rename from ja/assets/js/cf4aad29.449abcfa.js
rename to ja/assets/js/cf4aad29.367918e9.js
index 008679118d..c55bc2f933 100644
--- a/ja/assets/js/cf4aad29.449abcfa.js
+++ b/ja/assets/js/cf4aad29.367918e9.js
@@ -1 +1 @@
-"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[5],{4307:(e,n,s)=>{s.r(n),s.d(n,{assets:()=>h,contentTitle:()=>d,default:()=>j,frontMatter:()=>r,metadata:()=>l,toc:()=>o});var i=s(6070),c=s(1100);const r={sidebar_position:4},d="v1\u304b\u3089\u306e\u79fb\u884c",l={id:"guides/migration/from-v1",title:"v1\u304b\u3089\u306e\u79fb\u884c",description:"\u306a\u305cv2\u306a\u306e\u304b\uff1f",source:"@site/i18n/ja/docusaurus-plugin-content-docs/current/guides/migration/from-v1.md",sourceDirName:"guides/migration",slug:"/guides/migration/from-v1",permalink:"/ja/docs/guides/migration/from-v1",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/ja/docusaurus-plugin-content-docs/current/guides/migration/from-v1.md",tags:[],version:"current",lastUpdatedAt:1727607766e3,sidebarPosition:4,frontMatter:{sidebar_position:4},sidebar:"guidesSidebar",previous:{title:"\u30ab\u30b9\u30bf\u30e0\u30a2\u30fc\u30ad\u30c6\u30af\u30c1\u30e3\u304b\u3089\u306e\u79fb\u884c",permalink:"/ja/docs/guides/migration/from-custom"},next:{title:"NextJS\u3068\u306e\u4f75\u7528",permalink:"/ja/docs/guides/tech/with-nextjs"}},h={},o=[{value:"\u306a\u305cv2\u306a\u306e\u304b\uff1f",id:"why-v2",level:2},{value:"\u306a\u305c\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u3092v2\u306b\u79fb\u884c\u3059\u308b\u610f\u5473\u304c\u3042\u308b\u306e\u304b\uff1f",id:"why-does-it-make-sense-to-migrate-the-project-to-v2",level:2},{value:"\ud83d\udd0d \u3088\u308a\u900f\u660e\u3067\u30b7\u30f3\u30d7\u30eb\u306a\u30a2\u30fc\u30ad\u30c6\u30af\u30c1\u30e3",id:"-more-transparent-and-simple-architecture",level:4},{value:"\ud83d\udce6 \u3088\u308a\u67d4\u8edf\u3067\u8aa0\u5b9f\u306a\u30e2\u30b8\u30e5\u30fc\u30eb\u6027",id:"-more-flexible-and-honest-modularity",level:4},{value:"\ud83d\ude80 \u3088\u308a\u591a\u304f\u306e\u4ed5\u69d8\u3001\u8a08\u753b\u3001\u30b3\u30df\u30e5\u30cb\u30c6\u30a3",id:"-more-specifications-plans-community",level:4},{value:"Changelog",id:"changelog",level:2},{value:"<code>BREAKING</code> Layers",id:"breaking-layers",level:3},{value:"<code>BREAKING</code> Shared\u5c64",id:"breaking-shared\u5c64",level:3},{value:"<code>\u65b0\u898f</code> Entities\u5c64, Processes\u5c64",id:"\u65b0\u898f-entities\u5c64-processes\u5c64",level:3},{value:"<code>BREAKING</code> \u62bd\u8c61\u5316\u3068\u547d\u540d",id:"breaking-\u62bd\u8c61\u5316\u3068\u547d\u540d",level:3},{value:"Layers",id:"layers",level:4},{value:"Segments",id:"segments",level:4},{value:"<code>REFINED</code> \u4f4e\u7d50\u5408",id:"refined-\u4f4e\u7d50\u5408",level:3},{value:"\u53c2\u7167",id:"see-also",level:2}];function x(e){const n={a:"a",blockquote:"blockquote",code:"code",em:"em",h1:"h1",h2:"h2",h3:"h3",h4:"h4",header:"header",li:"li",p:"p",strong:"strong",ul:"ul",...(0,c.R)(),...e.components};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(n.header,{children:(0,i.jsx)(n.h1,{id:"v1\u304b\u3089\u306e\u79fb\u884c",children:"v1\u304b\u3089\u306e\u79fb\u884c"})}),"\n",(0,i.jsx)(n.h2,{id:"why-v2",children:"\u306a\u305cv2\u306a\u306e\u304b\uff1f"}),"\n",(0,i.jsxs)(n.p,{children:["\u521d\u671f\u306e",(0,i.jsx)(n.strong,{children:"feature-slices"}),"\u306e\u6982\u5ff5\u306f\u30012018\u5e74\u306b\u63d0\u5531\u3055\u308c\u307e\u3057\u305f\u3002"]}),"\n",(0,i.jsx)(n.p,{children:"\u305d\u308c\u4ee5\u6765\u3001FSD\u65b9\u6cd5\u8ad6\u306f\u591a\u304f\u306e\u5909\u9769\u3092\u7d4c\u3066\u304d\u307e\u3057\u305f\u304c\u3001\u57fa\u672c\u7684\u306a\u539f\u5247\u306f\u4fdd\u6301\u3055\u308c\u3066\u3044\u307e\u3059\u3002"}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsxs)(n.li,{children:[(0,i.jsx)(n.em,{children:"\u6a19\u6e96\u5316\u3055\u308c\u305f"}),"\u30d5\u30ed\u30f3\u30c8\u30a8\u30f3\u30c9\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u69cb\u9020\u306e\u4f7f\u7528"]}),"\n",(0,i.jsxs)(n.li,{children:["\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u3092",(0,i.jsx)(n.em,{children:"\u30d3\u30b8\u30cd\u30b9\u30ed\u30b8\u30c3\u30af"}),"\u306b\u57fa\u3065\u3044\u3066\u5206\u5272"]}),"\n",(0,i.jsxs)(n.li,{children:[(0,i.jsx)(n.em,{children:"\u5b64\u7acb\u3057\u305f\u6a5f\u80fd"}),"\u306e\u4f7f\u7528\u306b\u3088\u308a\u3001\u6697\u9ed9\u306e\u526f\u4f5c\u7528\u3084\u5faa\u74b0\u4f9d\u5b58\u3092\u9632\u6b62"]}),"\n",(0,i.jsxs)(n.li,{children:["\u30e2\u30b8\u30e5\u30fc\u30eb\u306e\u300c\u5185\u90e8\u300d\u306b\u30a2\u30af\u30bb\u30b9\u3059\u308b\u3053\u3068\u3092\u7981\u6b62\u3059\u308b",(0,i.jsx)(n.em,{children:"\u516c\u958bAPI"}),"\u306e\u4f7f\u7528"]}),"\n"]}),"\n",(0,i.jsxs)(n.p,{children:["\u3057\u304b\u3057\u3001\u4ee5\u524d\u306e\u30d0\u30fc\u30b8\u30e7\u30f3\u306eFSD\u65b9\u6cd5\u8ad6\u306b\u306f\u4f9d\u7136\u3068\u3057\u3066",(0,i.jsx)(n.strong,{children:"\u5f31\u70b9\u304c\u6b8b\u3063\u3066\u3044\u307e\u3057\u305f"}),"\u3002"]}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsx)(n.li,{children:"\u30dc\u30a4\u30e9\u30fc\u30d7\u30ec\u30fc\u30c8\u306e\u767a\u751f"}),"\n",(0,i.jsx)(n.li,{children:"\u30b3\u30fc\u30c9\u30d9\u30fc\u30b9\u306e\u904e\u5270\u306a\u8907\u96d1\u5316\u3068\u62bd\u8c61\u5316\u9593\u306e\u660e\u78ba\u3067\u306a\u3044\u30eb\u30fc\u30eb"}),"\n",(0,i.jsx)(n.li,{children:"\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u306e\u30e1\u30f3\u30c6\u30ca\u30f3\u30b9\u3084\u65b0\u3057\u3044\u30e1\u30f3\u30d0\u30fc\u306e\u30aa\u30f3\u30dc\u30fc\u30c7\u30a3\u30f3\u30b0\u3092\u59a8\u3052\u3066\u3044\u305f\u6697\u9ed9\u306e\u30a2\u30fc\u30ad\u30c6\u30af\u30c1\u30e3\u7684\u6c7a\u5b9a"}),"\n"]}),"\n",(0,i.jsxs)(n.p,{children:["\u65b0\u3057\u3044\u30d0\u30fc\u30b8\u30e7\u30f3\u306eFSD\u65b9\u6cd5\u8ad6\uff08",(0,i.jsx)(n.a,{href:"https://github.com/feature-sliced/documentation",children:"v2"}),"\uff09\u306f\u3001",(0,i.jsx)(n.strong,{children:"\u3053\u308c\u3089\u306e\u6b20\u70b9\u3092\u89e3\u6d88\u3057\u3064\u3064\u3001\u65e2\u5b58\u306e\u5229\u70b9\u3092\u4fdd\u6301\u3059\u308b\u3053\u3068\u3092\u76ee\u7684\u3068\u3057\u3066\u3044\u307e\u3059"}),"\u3002"]}),"\n",(0,i.jsxs)(n.p,{children:["2018\u5e74\u4ee5\u964d\u3001",(0,i.jsx)(n.a,{href:"https://github.com/feature-sliced/documentation/tree/rc/feature-driven",children:(0,i.jsx)(n.strong,{children:"feature-driven"})}),"\u3068\u3044\u3046\u5225\u306e\u985e\u4f3c\u306e\u65b9\u6cd5\u8ad6\u304c",(0,i.jsx)(n.a,{href:"https://github.com/kof/feature-driven-architecture/issues",children:"\u767a\u5c55\u3057\u3066\u304d\u307e\u3057\u305f"}),"\u3002\u305d\u308c\u3092\u6700\u521d\u306b\u63d0\u5531\u3057\u305f\u306e\u306f",(0,i.jsx)(n.a,{href:"https://github.com/kof",children:"Oleg Isonen"}),"\u3067\u3057\u305f\u3002"]}),"\n",(0,i.jsxs)(n.p,{children:["2\u3064\u306e\u30a2\u30d7\u30ed\u30fc\u30c1\u306e\u7d71\u5408\u306b\u3088\u308a\u3001",(0,i.jsx)(n.strong,{children:"\u65e2\u5b58\u306e\u30d7\u30e9\u30af\u30c6\u30a3\u30b9\u304c\u6539\u5584\u3055\u308c\u3001\u67d4\u8edf\u6027\u3001\u660e\u78ba\u3055\u3001\u52b9\u7387\u304c\u5411\u4e0a\u3057\u307e\u3057\u305f"}),"\u3002"]}),"\n",(0,i.jsxs)(n.blockquote,{children:["\n",(0,i.jsxs)(n.p,{children:["\u7d50\u679c\u3068\u3057\u3066\u3001\u65b9\u6cd5\u8ad6\u306e\u540d\u79f0\u3082\u300cfeature-slice",(0,i.jsx)(n.strong,{children:"d"}),"\u300d\u306b\u5909\u66f4\u3055\u308c\u307e\u3057\u305f\u3002"]}),"\n"]}),"\n",(0,i.jsx)(n.h2,{id:"why-does-it-make-sense-to-migrate-the-project-to-v2",children:"\u306a\u305c\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u3092v2\u306b\u79fb\u884c\u3059\u308b\u610f\u5473\u304c\u3042\u308b\u306e\u304b\uff1f"}),"\n",(0,i.jsxs)(n.blockquote,{children:["\n",(0,i.jsxs)(n.p,{children:[(0,i.jsx)(n.code,{children:"WIP:"})," \u73fe\u5728\u306e\u65b9\u6cd5\u8ad6\u306e\u30d0\u30fc\u30b8\u30e7\u30f3\u306f\u958b\u767a\u4e2d\u3067\u3042\u308a\u3001\u4e00\u90e8\u306e\u8a73\u7d30\u306f",(0,i.jsx)(n.em,{children:"\u5909\u66f4\u3055\u308c\u308b\u53ef\u80fd\u6027\u304c\u3042\u308a\u307e\u3059"}),"\u3002"]}),"\n"]}),"\n",(0,i.jsx)(n.h4,{id:"-more-transparent-and-simple-architecture",children:"\ud83d\udd0d \u3088\u308a\u900f\u660e\u3067\u30b7\u30f3\u30d7\u30eb\u306a\u30a2\u30fc\u30ad\u30c6\u30af\u30c1\u30e3"}),"\n",(0,i.jsxs)(n.p,{children:["FSD\uff08v2\uff09\u306f\u3001",(0,i.jsx)(n.strong,{children:"\u3088\u308a\u76f4\u611f\u7684\u3067\u3001\u958b\u767a\u8005\u306e\u9593\u3067\u5e83\u304f\u53d7\u3051\u5165\u308c\u3089\u308c\u3066\u3044\u308b\u62bd\u8c61\u5316\u3068\u30ed\u30b8\u30c3\u30af\u306e\u5206\u5272\u65b9\u6cd5\u3092\u63d0\u4f9b\u3057\u3066\u3044\u307e\u3059"}),"\u3002"]}),"\n",(0,i.jsx)(n.p,{children:"\u3053\u308c\u306b\u3088\u308a\u3001\u65b0\u3057\u3044\u30e1\u30f3\u30d0\u30fc\u306e\u53c2\u52a0\u3084\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u306e\u73fe\u72b6\u7406\u89e3\u3001\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u306e\u30d3\u30b8\u30cd\u30b9\u30ed\u30b8\u30c3\u30af\u5206\u914d\u306b\u975e\u5e38\u306b\u826f\u3044\u5f71\u97ff\u3092\u4e0e\u3048\u307e\u3059\u3002"}),"\n",(0,i.jsx)(n.h4,{id:"-more-flexible-and-honest-modularity",children:"\ud83d\udce6 \u3088\u308a\u67d4\u8edf\u3067\u8aa0\u5b9f\u306a\u30e2\u30b8\u30e5\u30fc\u30eb\u6027"}),"\n",(0,i.jsxs)(n.p,{children:["FSD\uff08v2\uff09\u306f\u3001",(0,i.jsx)(n.strong,{children:"\u3088\u308a\u67d4\u8edf\u306a\u65b9\u6cd5\u3067\u30ed\u30b8\u30c3\u30af\u3092\u5206\u914d\u3059\u308b\u3053\u3068\u3092\u53ef\u80fd\u306b\u3057\u3066\u3044\u307e\u3059"}),"\u3002"]}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsx)(n.li,{children:"\u5b64\u7acb\u3057\u305f\u90e8\u5206\u3092\u30bc\u30ed\u304b\u3089\u30ea\u30d5\u30a1\u30af\u30bf\u30ea\u30f3\u30b0\u3067\u304d\u308b"}),"\n",(0,i.jsx)(n.li,{children:"\u540c\u3058\u62bd\u8c61\u5316\u306b\u4f9d\u5b58\u3057\u3064\u3064\u3001\u4f59\u8a08\u306a\u4f9d\u5b58\u95a2\u4fc2\u306e\u7d61\u307f\u3092\u907f\u3051\u3089\u308c\u308b"}),"\n",(0,i.jsxs)(n.li,{children:["\u65b0\u3057\u3044\u30e2\u30b8\u30e5\u30fc\u30eb\u306e\u914d\u7f6e\u3092\u3088\u308a\u30b7\u30f3\u30d7\u30eb\u306b\u3067\u304d\u308b ",(0,i.jsx)(n.em,{children:"(layer \u2192 slice \u2192 segment)"})]}),"\n"]}),"\n",(0,i.jsx)(n.h4,{id:"-more-specifications-plans-community",children:"\ud83d\ude80 \u3088\u308a\u591a\u304f\u306e\u4ed5\u69d8\u3001\u8a08\u753b\u3001\u30b3\u30df\u30e5\u30cb\u30c6\u30a3"}),"\n",(0,i.jsxs)(n.p,{children:[(0,i.jsx)(n.code,{children:"core-team"}),"\u306f\u6700\u65b0\u306e\uff08v2\uff09\u30d0\u30fc\u30b8\u30e7\u30f3\u306eFSD\u65b9\u6cd5\u8ad6\u306b\u7a4d\u6975\u7684\u306b\u53d6\u308a\u7d44\u3093\u3067\u3044\u307e\u3059\u3002"]}),"\n",(0,i.jsx)(n.p,{children:"\u3057\u305f\u304c\u3063\u3066\u3001\u4ee5\u4e0b\u306e\u3053\u3068\u304c\u671f\u5f85\u3067\u304d\u307e\u3059\u3002"}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsx)(n.li,{children:"\u3088\u308a\u591a\u304f\u306e\u8a18\u8ff0\u3055\u308c\u305f\u30b1\u30fc\u30b9/\u554f\u984c"}),"\n",(0,i.jsx)(n.li,{children:"\u3088\u308a\u591a\u304f\u306e\u9069\u7528\u30ac\u30a4\u30c9"}),"\n",(0,i.jsx)(n.li,{children:"\u3088\u308a\u591a\u304f\u306e\u5b9f\u4f8b"}),"\n",(0,i.jsx)(n.li,{children:"\u65b0\u3057\u3044\u30e1\u30f3\u30d0\u30fc\u306e\u30aa\u30f3\u30dc\u30fc\u30c7\u30a3\u30f3\u30b0\u3084\u65b9\u6cd5\u8ad6\u6982\u5ff5\u306e\u5b66\u7fd2\u306e\u305f\u3081\u306e\u5168\u4f53\u7684\u306a\u6587\u66f8\u306e\u5897\u52a0"}),"\n",(0,i.jsx)(n.li,{children:"\u65b9\u6cd5\u8ad6\u306e\u6982\u5ff5\u3068\u30a2\u30fc\u30ad\u30c6\u30af\u30c1\u30e3\u306b\u95a2\u3059\u308b\u30b3\u30f3\u30d9\u30f3\u30b7\u30e7\u30f3\u3092\u9075\u5b88\u3059\u308b\u305f\u3081\u306e\u30c4\u30fc\u30eb\u30ad\u30c3\u30c8\u306e\u3055\u3089\u306a\u308b\u767a\u5c55"}),"\n"]}),"\n",(0,i.jsxs)(n.blockquote,{children:["\n",(0,i.jsx)(n.p,{children:"\u3082\u3061\u308d\u3093\u3001\u521d\u7248\u306b\u5bfe\u3059\u308b\u30e6\u30fc\u30b6\u30fc\u30b5\u30dd\u30fc\u30c8\u3082\u884c\u308f\u308c\u307e\u3059\u304c\u3001\u79c1\u305f\u3061\u306b\u3068\u3063\u3066\u306f\u6700\u65b0\u306e\u30d0\u30fc\u30b8\u30e7\u30f3\u304c\u6700\u512a\u5148\u3067\u3059\u3002"}),"\n"]}),"\n",(0,i.jsxs)(n.blockquote,{children:["\n",(0,i.jsxs)(n.p,{children:["\u5c06\u6765\u7684\u306b\u306f\u3001\u6b21\u306e\u30e1\u30b8\u30e3\u30fc\u30a2\u30c3\u30d7\u30c7\u30fc\u30c8\u306e\u969b\u306b\u3001\u73fe\u5728\u306e\u30d0\u30fc\u30b8\u30e7\u30f3\uff08v2\uff09\u3078\u306e\u30a2\u30af\u30bb\u30b9\u304c\u4fdd\u6301\u3055\u308c\u3001",(0,i.jsx)(n.strong,{children:"\u30c1\u30fc\u30e0\u3084\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u306b\u30ea\u30b9\u30af\u3092\u3082\u305f\u3089\u3059\u3053\u3068\u306f\u3042\u308a\u307e\u305b\u3093"}),"\u3002"]}),"\n"]}),"\n",(0,i.jsx)(n.h2,{id:"changelog",children:"Changelog"}),"\n",(0,i.jsxs)(n.h3,{id:"breaking-layers",children:[(0,i.jsx)(n.code,{children:"BREAKING"})," Layers"]}),"\n",(0,i.jsx)(n.p,{children:"FSD\u65b9\u6cd5\u8ad6\u306f\u4e0a\u4f4d\u30ec\u30d9\u30eb\u3067\u306e\u5c64\u306e\u660e\u793a\u7684\u306a\u5206\u96e2\u3092\u524d\u63d0\u3068\u3057\u3066\u3044\u307e\u3059\u3002"}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsxs)(n.li,{children:[(0,i.jsx)(n.code,{children:"/app"})," > ",(0,i.jsx)(n.code,{children:"/processes"})," > ",(0,i.jsx)(n.strong,{children:(0,i.jsx)(n.code,{children:"/pages"})})," > ",(0,i.jsx)(n.strong,{children:(0,i.jsx)(n.code,{children:"/features"})})," > ",(0,i.jsx)(n.code,{children:"/entities"})," > ",(0,i.jsx)(n.code,{children:"/shared"})]}),"\n",(0,i.jsx)(n.li,{children:(0,i.jsx)(n.em,{children:"\u3064\u307e\u308a\u3001\u3059\u3079\u3066\u304c\u30d5\u30a3\u30fc\u30c1\u30e3\u30fc\u3084\u30da\u30fc\u30b8\u3068\u3057\u3066\u89e3\u91c8\u3055\u308c\u308b\u308f\u3051\u3067\u306f\u306a\u3044"})}),"\n",(0,i.jsxs)(n.li,{children:["\u3053\u306e\u30a2\u30d7\u30ed\u30fc\u30c1\u306b\u3088\u308a\u3001\u5c64\u306e\u30eb\u30fc\u30eb\u3092\u660e\u793a\u7684\u306b\u8a2d\u5b9a\u3059\u308b\u3053\u3068\u304c\u53ef\u80fd\u306b\u306a\u308b","\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsxs)(n.li,{children:["\n",(0,i.jsxs)(n.p,{children:["\u30e2\u30b8\u30e5\u30fc\u30eb\u306e",(0,i.jsx)(n.strong,{children:"\u5c64\u304c\u9ad8\u3044\u307b\u3069"}),"\u3001\u3088\u308a\u591a\u304f\u306e",(0,i.jsx)(n.strong,{children:"\u30b3\u30f3\u30c6\u30ad\u30b9\u30c8"}),"\u3092\u6301\u3064\u3053\u3068\u304c\u3067\u304d\u308b"]}),"\n",(0,i.jsx)(n.p,{children:(0,i.jsx)(n.em,{children:"(\u8a00\u3044\u63db\u3048\u308c\u3070\u3001\u5404\u5c64\u306e\u30e2\u30b8\u30e5\u30fc\u30eb\u306f\u3001\u4e0b\u5c64\u306e\u30e2\u30b8\u30e5\u30fc\u30eb\u306e\u307f\u3092\u30a4\u30f3\u30dd\u30fc\u30c8\u3067\u304d\u3001\u4e0a\u5c64\u306e\u30e2\u30b8\u30e5\u30fc\u30eb\u306f\u30a4\u30f3\u30dd\u30fc\u30c8\u3067\u304d\u306a\u3044)"})}),"\n"]}),"\n",(0,i.jsxs)(n.li,{children:["\n",(0,i.jsxs)(n.p,{children:["\u30e2\u30b8\u30e5\u30fc\u30eb\u306e",(0,i.jsx)(n.strong,{children:"\u5c64\u304c\u4f4e\u3044\u307b\u3069"}),"\u3001\u5909\u66f4\u3092\u52a0\u3048\u308b\u969b\u306e",(0,i.jsx)(n.strong,{children:"\u5371\u967a\u6027\u3068\u8cac\u4efb"}),"\u304c\u5897\u3059"]}),"\n",(0,i.jsx)(n.p,{children:(0,i.jsx)(n.em,{children:"(\u4e00\u822c\u7684\u306b\u3001\u518d\u5229\u7528\u3055\u308c\u308b\u306e\u306f\u4e0b\u5c64\u306e\u30e2\u30b8\u30e5\u30fc\u30eb\u3089\u304b\u3089\u3067\u3042\u308b)"})}),"\n"]}),"\n"]}),"\n"]}),"\n"]}),"\n",(0,i.jsxs)(n.h3,{id:"breaking-shared\u5c64",children:[(0,i.jsx)(n.code,{children:"BREAKING"})," Shared\u5c64"]}),"\n",(0,i.jsxs)(n.p,{children:["\u4ee5\u524d\u306f\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u306esrc\u30eb\u30fc\u30c8\u306b\u3042\u3063\u305f\u30a4\u30f3\u30d5\u30e9\u30b9\u30c8\u30e9\u30af\u30c1\u30e3\u306e ",(0,i.jsx)(n.code,{children:"/ui"}),", ",(0,i.jsx)(n.code,{children:"/lib"}),", ",(0,i.jsx)(n.code,{children:"/api"})," \u62bd\u8c61\u5316\u306f\u3001\u73fe\u5728 ",(0,i.jsx)(n.code,{children:"/src/shared"})," \u3068\u3044\u3046\u5225\u306e\u30c7\u30a3\u30ec\u30af\u30c8\u30ea\u306b\u5206\u96e2\u3055\u308c\u3066\u3044\u307e\u3059\u3002"]}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsxs)(n.li,{children:[(0,i.jsx)(n.code,{children:"shared/ui"})," - \u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u306e\u5171\u901aUI\u30ad\u30c3\u30c8\uff08\u30aa\u30d7\u30b7\u30e7\u30f3\uff09","\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsx)(n.li,{children:(0,i.jsxs)(n.em,{children:["\u3053\u3053\u3067",(0,i.jsx)(n.code,{children:"Atomic Design"}),"\u3092\u4f7f\u7528\u3059\u308b\u3053\u3068\u306f\u5f15\u304d\u7d9a\u304d\u8a31\u53ef\u3055\u308c\u3066\u3044\u308b"]})}),"\n"]}),"\n"]}),"\n",(0,i.jsxs)(n.li,{children:[(0,i.jsx)(n.code,{children:"shared/lib"})," - \u30ed\u30b8\u30c3\u30af\u3092\u5b9f\u88c5\u3059\u308b\u305f\u3081\u306e\u88dc\u52a9\u30e9\u30a4\u30d6\u30e9\u30ea\u30bb\u30c3\u30c8","\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsx)(n.li,{children:(0,i.jsx)(n.em,{children:"\u5f15\u304d\u7d9a\u304d\u3001\u30d8\u30eb\u30d1\u30fc\u95a2\u6570\u306e\u300c\u3054\u307f\u5c4b\u6577\u300d\u3092\u4f5c\u3089\u305a\u306b"})}),"\n"]}),"\n"]}),"\n",(0,i.jsxs)(n.li,{children:[(0,i.jsx)(n.code,{children:"shared/api"})," - API\u3078\u306e\u30a2\u30af\u30bb\u30b9\u306e\u305f\u3081\u306e\u5171\u901a\u30a8\u30f3\u30c8\u30ea\u30dd\u30a4\u30f3\u30c8","\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsx)(n.li,{children:(0,i.jsx)(n.em,{children:"\u5404\u30d5\u30a3\u30fc\u30c1\u30e3\u30fc/\u30da\u30fc\u30b8\u306b\u30ed\u30fc\u30ab\u30eb\u306b\u8a18\u8ff0\u3059\u308b\u3053\u3068\u3082\u53ef\u80fd\u3060\u304c\u3001\u63a8\u5968\u3055\u308c\u306a\u3044"})}),"\n"]}),"\n"]}),"\n",(0,i.jsxs)(n.li,{children:["\u4ee5\u524d\u3068\u540c\u69d8\u306b\u3001",(0,i.jsx)(n.code,{children:"shared"}),"\u306b\u306f\u30d3\u30b8\u30cd\u30b9\u30ed\u30b8\u30c3\u30af\u3078\u306e\u660e\u793a\u7684\u306a\u4f9d\u5b58\u95a2\u4fc2\u304c\u3042\u3063\u3066\u306f\u306a\u3089\u306a\u3044","\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsx)(n.li,{children:(0,i.jsxs)(n.em,{children:["\u5fc5\u8981\u306b\u5fdc\u3058\u3066\u3001\u3053\u306e\u4f9d\u5b58\u95a2\u4fc2\u306f",(0,i.jsx)(n.code,{children:"entities"}),"\u3001\u307e\u305f\u306f\u305d\u308c\u4ee5\u4e0a\u306e\u5c64\u306b\u79fb\u52d5\u3059\u308b\u5fc5\u8981\u304c\u3042\u308b"]})}),"\n"]}),"\n"]}),"\n"]}),"\n",(0,i.jsxs)(n.h3,{id:"\u65b0\u898f-entities\u5c64-processes\u5c64",children:[(0,i.jsx)(n.code,{children:"\u65b0\u898f"})," Entities\u5c64, Processes\u5c64"]}),"\n",(0,i.jsxs)(n.p,{children:["v2\u3067\u306f\u3001",(0,i.jsx)(n.strong,{children:"\u30ed\u30b8\u30c3\u30af\u306e\u8907\u96d1\u3055\u3068\u5f37\u3044\u7d50\u5408\u306e\u554f\u984c\u3092\u89e3\u6d88\u3059\u308b\u305f\u3081\u306b\u3001\u65b0\u3057\u3044\u62bd\u8c61\u5316\u304c\u8ffd\u52a0\u3055\u308c\u307e\u3057\u305f"}),"\u3002"]}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsxs)(n.li,{children:[(0,i.jsx)(n.code,{children:"/entities"})," - ",(0,i.jsx)(n.strong,{children:"\u30d3\u30b8\u30cd\u30b9\u30a8\u30f3\u30c6\u30a3\u30c6\u30a3"}),"\u306e\u5c64\u3067\u3001\u30d3\u30b8\u30cd\u30b9\u30e2\u30c7\u30eb\u3084\u30d5\u30ed\u30f3\u30c8\u30a8\u30f3\u30c9\u5c02\u7528\u306e\u5408\u6210\u30a8\u30f3\u30c6\u30a3\u30c6\u30a3\u306b\u95a2\u9023\u3059\u308b\u30b9\u30e9\u30a4\u30b9\u3092\u542b\u3080","\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsx)(n.li,{children:(0,i.jsxs)(n.em,{children:["\u4f8b\uff1a",(0,i.jsx)(n.code,{children:"user"}),", ",(0,i.jsx)(n.code,{children:"i18n"}),", ",(0,i.jsx)(n.code,{children:"order"}),", ",(0,i.jsx)(n.code,{children:"blog"})]})}),"\n"]}),"\n"]}),"\n",(0,i.jsxs)(n.li,{children:[(0,i.jsx)(n.code,{children:"/processes"})," - \u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u5168\u4f53\u306b\u308f\u305f\u308b",(0,i.jsx)(n.strong,{children:"\u30d3\u30b8\u30cd\u30b9\u30d7\u30ed\u30bb\u30b9"}),"\u306e\u5c64","\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsx)(n.li,{children:(0,i.jsxs)(n.strong,{children:["\u3053\u306e\u5c64\u306f\u30aa\u30d7\u30b7\u30e7\u30f3\u3067\u3042\u308a\u3001\u901a\u5e38\u306f",(0,i.jsx)(n.em,{children:"\u30ed\u30b8\u30c3\u30af\u304c\u62e1\u5927\u3057\u3001\u8907\u6570\u306e\u30da\u30fc\u30b8\u306b\u307e\u305f\u304c\u308b\u5834\u5408\u306b\u4f7f\u7528\u304c\u63a8\u5968\u3055\u308c\u308b"})]})}),"\n",(0,i.jsx)(n.li,{children:(0,i.jsxs)(n.em,{children:["\u4f8b\uff1a",(0,i.jsx)(n.code,{children:"payment"}),", ",(0,i.jsx)(n.code,{children:"auth"}),", ",(0,i.jsx)(n.code,{children:"quick-tour"})]})}),"\n"]}),"\n"]}),"\n"]}),"\n",(0,i.jsxs)(n.h3,{id:"breaking-\u62bd\u8c61\u5316\u3068\u547d\u540d",children:[(0,i.jsx)(n.code,{children:"BREAKING"})," \u62bd\u8c61\u5316\u3068\u547d\u540d"]}),"\n",(0,i.jsxs)(n.p,{children:["\u5177\u4f53\u7684\u306a\u62bd\u8c61\u5316\u3068\u305d\u306e\u547d\u540d\u306b\u95a2\u3059\u308b",(0,i.jsx)(n.a,{href:"/docs/about/understanding/naming",children:"\u660e\u78ba\u306a\u30ac\u30a4\u30c9\u30e9\u30a4\u30f3"}),"\u304c\u5b9a\u7fa9\u3055\u308c\u3066\u3044\u307e\u3059\u3002"]}),"\n",(0,i.jsx)(n.h4,{id:"layers",children:"Layers"}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsxs)(n.li,{children:[(0,i.jsx)(n.code,{children:"/app"})," \u2014 ",(0,i.jsx)(n.strong,{children:"\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u306e\u521d\u671f\u5316\u5c64"}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsx)(n.li,{children:(0,i.jsxs)(n.em,{children:["\u4ee5\u524d\u306e\u30d0\u30ea\u30a8\u30fc\u30b7\u30e7\u30f3: ",(0,i.jsx)(n.code,{children:"app"}),", ",(0,i.jsx)(n.code,{children:"core"}),", ",(0,i.jsx)(n.code,{children:"init"}),", ",(0,i.jsx)(n.code,{children:"src/index"})]})}),"\n"]}),"\n"]}),"\n",(0,i.jsxs)(n.li,{children:[(0,i.jsx)(n.code,{children:"/processes"})," \u2014 ",(0,i.jsx)(n.strong,{children:"\u30d3\u30b8\u30cd\u30b9\u30d7\u30ed\u30bb\u30b9\u306e\u5c64"}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsx)(n.li,{children:(0,i.jsxs)(n.em,{children:["\u4ee5\u524d\u306e\u30d0\u30ea\u30a8\u30fc\u30b7\u30e7\u30f3: ",(0,i.jsx)(n.code,{children:"processes"}),", ",(0,i.jsx)(n.code,{children:"flows"}),", ",(0,i.jsx)(n.code,{children:"workflows"})]})}),"\n"]}),"\n"]}),"\n",(0,i.jsxs)(n.li,{children:[(0,i.jsx)(n.code,{children:"/pages"})," \u2014 ",(0,i.jsx)(n.strong,{children:"\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u306e\u30da\u30fc\u30b8\u5c64"}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsx)(n.li,{children:(0,i.jsxs)(n.em,{children:["\u4ee5\u524d\u306e\u30d0\u30ea\u30a8\u30fc\u30b7\u30e7\u30f3: ",(0,i.jsx)(n.code,{children:"pages"}),", ",(0,i.jsx)(n.code,{children:"screens"}),", ",(0,i.jsx)(n.code,{children:"views"}),", ",(0,i.jsx)(n.code,{children:"layouts"}),", ",(0,i.jsx)(n.code,{children:"components"}),", ",(0,i.jsx)(n.code,{children:"containers"})]})}),"\n"]}),"\n"]}),"\n",(0,i.jsxs)(n.li,{children:[(0,i.jsx)(n.code,{children:"/features"})," \u2014 ",(0,i.jsx)(n.strong,{children:"\u6a5f\u80fd\u90e8\u5206\u306e\u5c64"}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsx)(n.li,{children:(0,i.jsxs)(n.em,{children:["\u4ee5\u524d\u306e\u30d0\u30ea\u30a8\u30fc\u30b7\u30e7\u30f3: ",(0,i.jsx)(n.code,{children:"features"}),", ",(0,i.jsx)(n.code,{children:"components"}),", ",(0,i.jsx)(n.code,{children:"containers"})]})}),"\n"]}),"\n"]}),"\n",(0,i.jsxs)(n.li,{children:[(0,i.jsx)(n.code,{children:"/entities"})," \u2014 ",(0,i.jsx)(n.strong,{children:"\u30d3\u30b8\u30cd\u30b9\u30a8\u30f3\u30c6\u30a3\u30c6\u30a3\u306e\u5c64"}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsx)(n.li,{children:(0,i.jsxs)(n.em,{children:["\u4ee5\u524d\u306e\u30d0\u30ea\u30a8\u30fc\u30b7\u30e7\u30f3: ",(0,i.jsx)(n.code,{children:"entities"}),", ",(0,i.jsx)(n.code,{children:"models"}),", ",(0,i.jsx)(n.code,{children:"shared"})]})}),"\n"]}),"\n"]}),"\n",(0,i.jsxs)(n.li,{children:[(0,i.jsx)(n.code,{children:"/shared"})," \u2014 ",(0,i.jsx)(n.strong,{children:"\u518d\u5229\u7528\u53ef\u80fd\u306a\u30a4\u30f3\u30d5\u30e9\u30b9\u30c8\u30e9\u30af\u30c1\u30e3\u30b3\u30fc\u30c9\u306e\u5c64"})," \ud83d\udd25","\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsx)(n.li,{children:(0,i.jsxs)(n.em,{children:["\u4ee5\u524d\u306e\u30d0\u30ea\u30a8\u30fc\u30b7\u30e7\u30f3: ",(0,i.jsx)(n.code,{children:"shared"}),", ",(0,i.jsx)(n.code,{children:"common"}),", ",(0,i.jsx)(n.code,{children:"lib"})]})}),"\n"]}),"\n"]}),"\n"]}),"\n",(0,i.jsx)(n.h4,{id:"segments",children:"Segments"}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsxs)(n.li,{children:[(0,i.jsx)(n.code,{children:"/ui"})," \u2014 ",(0,i.jsx)(n.strong,{children:"UI\u30bb\u30b0\u30e1\u30f3\u30c8"})," \ud83d\udd25","\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsx)(n.li,{children:(0,i.jsxs)(n.em,{children:["\u4ee5\u524d\u306e\u30d0\u30ea\u30a8\u30fc\u30b7\u30e7\u30f3\uff1a",(0,i.jsx)(n.code,{children:"ui"}),", ",(0,i.jsx)(n.code,{children:"components"}),", ",(0,i.jsx)(n.code,{children:"view"})]})}),"\n"]}),"\n"]}),"\n",(0,i.jsxs)(n.li,{children:[(0,i.jsx)(n.code,{children:"/model"})," \u2014 ",(0,i.jsx)(n.strong,{children:"\u30d3\u30b8\u30cd\u30b9\u30ed\u30b8\u30c3\u30af\u306e\u30bb\u30b0\u30e1\u30f3\u30c8"})," \ud83d\udd25","\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsx)(n.li,{children:(0,i.jsxs)(n.em,{children:["\u4ee5\u524d\u306e\u30d0\u30ea\u30a8\u30fc\u30b7\u30e7\u30f3\uff1a",(0,i.jsx)(n.code,{children:"model"}),", ",(0,i.jsx)(n.code,{children:"store"}),", ",(0,i.jsx)(n.code,{children:"state"}),", ",(0,i.jsx)(n.code,{children:"services"}),", ",(0,i.jsx)(n.code,{children:"controller"})]})}),"\n"]}),"\n"]}),"\n",(0,i.jsxs)(n.li,{children:[(0,i.jsx)(n.code,{children:"/lib"})," \u2014 ",(0,i.jsx)(n.strong,{children:"\u88dc\u52a9\u30b3\u30fc\u30c9\u306e\u30bb\u30b0\u30e1\u30f3\u30c8"}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsx)(n.li,{children:(0,i.jsxs)(n.em,{children:["\u4ee5\u524d\u306e\u30d0\u30ea\u30a8\u30fc\u30b7\u30e7\u30f3\uff1a",(0,i.jsx)(n.code,{children:"lib"}),", ",(0,i.jsx)(n.code,{children:"libs"}),", ",(0,i.jsx)(n.code,{children:"utils"}),", ",(0,i.jsx)(n.code,{children:"helpers"})]})}),"\n"]}),"\n"]}),"\n",(0,i.jsxs)(n.li,{children:[(0,i.jsx)(n.code,{children:"/api"})," \u2014 ",(0,i.jsx)(n.strong,{children:"API\u30bb\u30b0\u30e1\u30f3\u30c8"}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsx)(n.li,{children:(0,i.jsxs)(n.em,{children:["\u4ee5\u524d\u306e\u30d0\u30ea\u30a8\u30fc\u30b7\u30e7\u30f3\uff1a",(0,i.jsx)(n.code,{children:"api"}),", ",(0,i.jsx)(n.code,{children:"service"}),", ",(0,i.jsx)(n.code,{children:"requests"}),", ",(0,i.jsx)(n.code,{children:"queries"})]})}),"\n"]}),"\n"]}),"\n",(0,i.jsxs)(n.li,{children:[(0,i.jsx)(n.code,{children:"/config"})," \u2014 ",(0,i.jsx)(n.strong,{children:"\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u8a2d\u5b9a\u306e\u30bb\u30b0\u30e1\u30f3\u30c8"}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsx)(n.li,{children:(0,i.jsxs)(n.em,{children:["\u4ee5\u524d\u306e\u30d0\u30ea\u30a8\u30fc\u30b7\u30e7\u30f3\uff1a",(0,i.jsx)(n.code,{children:"config"}),", ",(0,i.jsx)(n.code,{children:"env"}),", ",(0,i.jsx)(n.code,{children:"get-env"})]})}),"\n"]}),"\n"]}),"\n"]}),"\n",(0,i.jsxs)(n.h3,{id:"refined-\u4f4e\u7d50\u5408",children:[(0,i.jsx)(n.code,{children:"REFINED"})," \u4f4e\u7d50\u5408"]}),"\n",(0,i.jsxs)(n.p,{children:["\u65b0\u3057\u3044\u30ec\u30a4\u30e4\u30fc\u306e\u304a\u304b\u3052\u3067\u3001\u30e2\u30b8\u30e5\u30fc\u30eb\u9593\u306e",(0,i.jsx)(n.a,{href:"/docs/reference/isolation/coupling-cohesion",children:"\u4f4e\u7d50\u5408\u306e\u539f\u5247"}),"\u3092\u9075\u5b88\u3059\u308b\u3053\u3068\u304c\u306f\u308b\u304b\u306b\u7c21\u5358\u306b\u306a\u308a\u307e\u3057\u305f\u3002"]}),"\n",(0,i.jsxs)(n.p,{children:[(0,i.jsx)(n.em,{children:"\u305d\u308c\u3067\u3082\u3001\u30e2\u30b8\u30e5\u30fc\u30eb\u3092\u300c\u5207\u308a\u96e2\u3059\u300d\u3053\u3068\u304c\u975e\u5e38\u306b\u96e3\u3057\u3044\u5834\u5408\u306f\u3001\u3067\u304d\u308b\u3060\u3051\u907f\u3051\u308b\u3053\u3068\u304c\u63a8\u5968\u3055\u308c\u307e\u3059"}),"\u3002"]}),"\n",(0,i.jsx)(n.h2,{id:"see-also",children:"\u53c2\u7167"}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsx)(n.li,{children:(0,i.jsx)(n.a,{href:"https://www.youtube.com/watch?v=BWAeYuWFHhs",children:'React Berlin Talk - Oleg Isonen "Feature Driven Architecture"'})}),"\n"]})]})}function j(e={}){const{wrapper:n}={...(0,c.R)(),...e.components};return n?(0,i.jsx)(n,{...e,children:(0,i.jsx)(x,{...e})}):x(e)}},1100:(e,n,s)=>{s.d(n,{R:()=>d,x:()=>l});var i=s(758);const c={},r=i.createContext(c);function d(e){const n=i.useContext(r);return i.useMemo((function(){return"function"==typeof e?e(n):{...n,...e}}),[n,e])}function l(e){let n;return n=e.disableParentContext?"function"==typeof e.components?e.components(c):e.components||c:d(e.components),i.createElement(r.Provider,{value:n},e.children)}}}]);
\ No newline at end of file
+"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[5],{4307:(e,n,s)=>{s.r(n),s.d(n,{assets:()=>h,contentTitle:()=>d,default:()=>j,frontMatter:()=>r,metadata:()=>l,toc:()=>o});var i=s(6070),c=s(1100);const r={sidebar_position:4},d="v1\u304b\u3089\u306e\u79fb\u884c",l={id:"guides/migration/from-v1",title:"v1\u304b\u3089\u306e\u79fb\u884c",description:"\u306a\u305cv2\u306a\u306e\u304b\uff1f",source:"@site/i18n/ja/docusaurus-plugin-content-docs/current/guides/migration/from-v1.md",sourceDirName:"guides/migration",slug:"/guides/migration/from-v1",permalink:"/ja/docs/guides/migration/from-v1",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/ja/docusaurus-plugin-content-docs/current/guides/migration/from-v1.md",tags:[],version:"current",lastUpdatedAt:1728325386e3,sidebarPosition:4,frontMatter:{sidebar_position:4},sidebar:"guidesSidebar",previous:{title:"\u30ab\u30b9\u30bf\u30e0\u30a2\u30fc\u30ad\u30c6\u30af\u30c1\u30e3\u304b\u3089\u306e\u79fb\u884c",permalink:"/ja/docs/guides/migration/from-custom"},next:{title:"NextJS\u3068\u306e\u4f75\u7528",permalink:"/ja/docs/guides/tech/with-nextjs"}},h={},o=[{value:"\u306a\u305cv2\u306a\u306e\u304b\uff1f",id:"why-v2",level:2},{value:"\u306a\u305c\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u3092v2\u306b\u79fb\u884c\u3059\u308b\u610f\u5473\u304c\u3042\u308b\u306e\u304b\uff1f",id:"why-does-it-make-sense-to-migrate-the-project-to-v2",level:2},{value:"\ud83d\udd0d \u3088\u308a\u900f\u660e\u3067\u30b7\u30f3\u30d7\u30eb\u306a\u30a2\u30fc\u30ad\u30c6\u30af\u30c1\u30e3",id:"-more-transparent-and-simple-architecture",level:4},{value:"\ud83d\udce6 \u3088\u308a\u67d4\u8edf\u3067\u8aa0\u5b9f\u306a\u30e2\u30b8\u30e5\u30fc\u30eb\u6027",id:"-more-flexible-and-honest-modularity",level:4},{value:"\ud83d\ude80 \u3088\u308a\u591a\u304f\u306e\u4ed5\u69d8\u3001\u8a08\u753b\u3001\u30b3\u30df\u30e5\u30cb\u30c6\u30a3",id:"-more-specifications-plans-community",level:4},{value:"Changelog",id:"changelog",level:2},{value:"<code>BREAKING</code> Layers",id:"breaking-layers",level:3},{value:"<code>BREAKING</code> Shared\u5c64",id:"breaking-shared\u5c64",level:3},{value:"<code>\u65b0\u898f</code> Entities\u5c64, Processes\u5c64",id:"\u65b0\u898f-entities\u5c64-processes\u5c64",level:3},{value:"<code>BREAKING</code> \u62bd\u8c61\u5316\u3068\u547d\u540d",id:"breaking-\u62bd\u8c61\u5316\u3068\u547d\u540d",level:3},{value:"Layers",id:"layers",level:4},{value:"Segments",id:"segments",level:4},{value:"<code>REFINED</code> \u4f4e\u7d50\u5408",id:"refined-\u4f4e\u7d50\u5408",level:3},{value:"\u53c2\u7167",id:"see-also",level:2}];function x(e){const n={a:"a",blockquote:"blockquote",code:"code",em:"em",h1:"h1",h2:"h2",h3:"h3",h4:"h4",header:"header",li:"li",p:"p",strong:"strong",ul:"ul",...(0,c.R)(),...e.components};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(n.header,{children:(0,i.jsx)(n.h1,{id:"v1\u304b\u3089\u306e\u79fb\u884c",children:"v1\u304b\u3089\u306e\u79fb\u884c"})}),"\n",(0,i.jsx)(n.h2,{id:"why-v2",children:"\u306a\u305cv2\u306a\u306e\u304b\uff1f"}),"\n",(0,i.jsxs)(n.p,{children:["\u521d\u671f\u306e",(0,i.jsx)(n.strong,{children:"feature-slices"}),"\u306e\u6982\u5ff5\u306f\u30012018\u5e74\u306b\u63d0\u5531\u3055\u308c\u307e\u3057\u305f\u3002"]}),"\n",(0,i.jsx)(n.p,{children:"\u305d\u308c\u4ee5\u6765\u3001FSD\u65b9\u6cd5\u8ad6\u306f\u591a\u304f\u306e\u5909\u9769\u3092\u7d4c\u3066\u304d\u307e\u3057\u305f\u304c\u3001\u57fa\u672c\u7684\u306a\u539f\u5247\u306f\u4fdd\u6301\u3055\u308c\u3066\u3044\u307e\u3059\u3002"}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsxs)(n.li,{children:[(0,i.jsx)(n.em,{children:"\u6a19\u6e96\u5316\u3055\u308c\u305f"}),"\u30d5\u30ed\u30f3\u30c8\u30a8\u30f3\u30c9\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u69cb\u9020\u306e\u4f7f\u7528"]}),"\n",(0,i.jsxs)(n.li,{children:["\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u3092",(0,i.jsx)(n.em,{children:"\u30d3\u30b8\u30cd\u30b9\u30ed\u30b8\u30c3\u30af"}),"\u306b\u57fa\u3065\u3044\u3066\u5206\u5272"]}),"\n",(0,i.jsxs)(n.li,{children:[(0,i.jsx)(n.em,{children:"\u5b64\u7acb\u3057\u305f\u6a5f\u80fd"}),"\u306e\u4f7f\u7528\u306b\u3088\u308a\u3001\u6697\u9ed9\u306e\u526f\u4f5c\u7528\u3084\u5faa\u74b0\u4f9d\u5b58\u3092\u9632\u6b62"]}),"\n",(0,i.jsxs)(n.li,{children:["\u30e2\u30b8\u30e5\u30fc\u30eb\u306e\u300c\u5185\u90e8\u300d\u306b\u30a2\u30af\u30bb\u30b9\u3059\u308b\u3053\u3068\u3092\u7981\u6b62\u3059\u308b",(0,i.jsx)(n.em,{children:"\u516c\u958bAPI"}),"\u306e\u4f7f\u7528"]}),"\n"]}),"\n",(0,i.jsxs)(n.p,{children:["\u3057\u304b\u3057\u3001\u4ee5\u524d\u306e\u30d0\u30fc\u30b8\u30e7\u30f3\u306eFSD\u65b9\u6cd5\u8ad6\u306b\u306f\u4f9d\u7136\u3068\u3057\u3066",(0,i.jsx)(n.strong,{children:"\u5f31\u70b9\u304c\u6b8b\u3063\u3066\u3044\u307e\u3057\u305f"}),"\u3002"]}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsx)(n.li,{children:"\u30dc\u30a4\u30e9\u30fc\u30d7\u30ec\u30fc\u30c8\u306e\u767a\u751f"}),"\n",(0,i.jsx)(n.li,{children:"\u30b3\u30fc\u30c9\u30d9\u30fc\u30b9\u306e\u904e\u5270\u306a\u8907\u96d1\u5316\u3068\u62bd\u8c61\u5316\u9593\u306e\u660e\u78ba\u3067\u306a\u3044\u30eb\u30fc\u30eb"}),"\n",(0,i.jsx)(n.li,{children:"\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u306e\u30e1\u30f3\u30c6\u30ca\u30f3\u30b9\u3084\u65b0\u3057\u3044\u30e1\u30f3\u30d0\u30fc\u306e\u30aa\u30f3\u30dc\u30fc\u30c7\u30a3\u30f3\u30b0\u3092\u59a8\u3052\u3066\u3044\u305f\u6697\u9ed9\u306e\u30a2\u30fc\u30ad\u30c6\u30af\u30c1\u30e3\u7684\u6c7a\u5b9a"}),"\n"]}),"\n",(0,i.jsxs)(n.p,{children:["\u65b0\u3057\u3044\u30d0\u30fc\u30b8\u30e7\u30f3\u306eFSD\u65b9\u6cd5\u8ad6\uff08",(0,i.jsx)(n.a,{href:"https://github.com/feature-sliced/documentation",children:"v2"}),"\uff09\u306f\u3001",(0,i.jsx)(n.strong,{children:"\u3053\u308c\u3089\u306e\u6b20\u70b9\u3092\u89e3\u6d88\u3057\u3064\u3064\u3001\u65e2\u5b58\u306e\u5229\u70b9\u3092\u4fdd\u6301\u3059\u308b\u3053\u3068\u3092\u76ee\u7684\u3068\u3057\u3066\u3044\u307e\u3059"}),"\u3002"]}),"\n",(0,i.jsxs)(n.p,{children:["2018\u5e74\u4ee5\u964d\u3001",(0,i.jsx)(n.a,{href:"https://github.com/feature-sliced/documentation/tree/rc/feature-driven",children:(0,i.jsx)(n.strong,{children:"feature-driven"})}),"\u3068\u3044\u3046\u5225\u306e\u985e\u4f3c\u306e\u65b9\u6cd5\u8ad6\u304c",(0,i.jsx)(n.a,{href:"https://github.com/kof/feature-driven-architecture/issues",children:"\u767a\u5c55\u3057\u3066\u304d\u307e\u3057\u305f"}),"\u3002\u305d\u308c\u3092\u6700\u521d\u306b\u63d0\u5531\u3057\u305f\u306e\u306f",(0,i.jsx)(n.a,{href:"https://github.com/kof",children:"Oleg Isonen"}),"\u3067\u3057\u305f\u3002"]}),"\n",(0,i.jsxs)(n.p,{children:["2\u3064\u306e\u30a2\u30d7\u30ed\u30fc\u30c1\u306e\u7d71\u5408\u306b\u3088\u308a\u3001",(0,i.jsx)(n.strong,{children:"\u65e2\u5b58\u306e\u30d7\u30e9\u30af\u30c6\u30a3\u30b9\u304c\u6539\u5584\u3055\u308c\u3001\u67d4\u8edf\u6027\u3001\u660e\u78ba\u3055\u3001\u52b9\u7387\u304c\u5411\u4e0a\u3057\u307e\u3057\u305f"}),"\u3002"]}),"\n",(0,i.jsxs)(n.blockquote,{children:["\n",(0,i.jsxs)(n.p,{children:["\u7d50\u679c\u3068\u3057\u3066\u3001\u65b9\u6cd5\u8ad6\u306e\u540d\u79f0\u3082\u300cfeature-slice",(0,i.jsx)(n.strong,{children:"d"}),"\u300d\u306b\u5909\u66f4\u3055\u308c\u307e\u3057\u305f\u3002"]}),"\n"]}),"\n",(0,i.jsx)(n.h2,{id:"why-does-it-make-sense-to-migrate-the-project-to-v2",children:"\u306a\u305c\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u3092v2\u306b\u79fb\u884c\u3059\u308b\u610f\u5473\u304c\u3042\u308b\u306e\u304b\uff1f"}),"\n",(0,i.jsxs)(n.blockquote,{children:["\n",(0,i.jsxs)(n.p,{children:[(0,i.jsx)(n.code,{children:"WIP:"})," \u73fe\u5728\u306e\u65b9\u6cd5\u8ad6\u306e\u30d0\u30fc\u30b8\u30e7\u30f3\u306f\u958b\u767a\u4e2d\u3067\u3042\u308a\u3001\u4e00\u90e8\u306e\u8a73\u7d30\u306f",(0,i.jsx)(n.em,{children:"\u5909\u66f4\u3055\u308c\u308b\u53ef\u80fd\u6027\u304c\u3042\u308a\u307e\u3059"}),"\u3002"]}),"\n"]}),"\n",(0,i.jsx)(n.h4,{id:"-more-transparent-and-simple-architecture",children:"\ud83d\udd0d \u3088\u308a\u900f\u660e\u3067\u30b7\u30f3\u30d7\u30eb\u306a\u30a2\u30fc\u30ad\u30c6\u30af\u30c1\u30e3"}),"\n",(0,i.jsxs)(n.p,{children:["FSD\uff08v2\uff09\u306f\u3001",(0,i.jsx)(n.strong,{children:"\u3088\u308a\u76f4\u611f\u7684\u3067\u3001\u958b\u767a\u8005\u306e\u9593\u3067\u5e83\u304f\u53d7\u3051\u5165\u308c\u3089\u308c\u3066\u3044\u308b\u62bd\u8c61\u5316\u3068\u30ed\u30b8\u30c3\u30af\u306e\u5206\u5272\u65b9\u6cd5\u3092\u63d0\u4f9b\u3057\u3066\u3044\u307e\u3059"}),"\u3002"]}),"\n",(0,i.jsx)(n.p,{children:"\u3053\u308c\u306b\u3088\u308a\u3001\u65b0\u3057\u3044\u30e1\u30f3\u30d0\u30fc\u306e\u53c2\u52a0\u3084\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u306e\u73fe\u72b6\u7406\u89e3\u3001\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u306e\u30d3\u30b8\u30cd\u30b9\u30ed\u30b8\u30c3\u30af\u5206\u914d\u306b\u975e\u5e38\u306b\u826f\u3044\u5f71\u97ff\u3092\u4e0e\u3048\u307e\u3059\u3002"}),"\n",(0,i.jsx)(n.h4,{id:"-more-flexible-and-honest-modularity",children:"\ud83d\udce6 \u3088\u308a\u67d4\u8edf\u3067\u8aa0\u5b9f\u306a\u30e2\u30b8\u30e5\u30fc\u30eb\u6027"}),"\n",(0,i.jsxs)(n.p,{children:["FSD\uff08v2\uff09\u306f\u3001",(0,i.jsx)(n.strong,{children:"\u3088\u308a\u67d4\u8edf\u306a\u65b9\u6cd5\u3067\u30ed\u30b8\u30c3\u30af\u3092\u5206\u914d\u3059\u308b\u3053\u3068\u3092\u53ef\u80fd\u306b\u3057\u3066\u3044\u307e\u3059"}),"\u3002"]}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsx)(n.li,{children:"\u5b64\u7acb\u3057\u305f\u90e8\u5206\u3092\u30bc\u30ed\u304b\u3089\u30ea\u30d5\u30a1\u30af\u30bf\u30ea\u30f3\u30b0\u3067\u304d\u308b"}),"\n",(0,i.jsx)(n.li,{children:"\u540c\u3058\u62bd\u8c61\u5316\u306b\u4f9d\u5b58\u3057\u3064\u3064\u3001\u4f59\u8a08\u306a\u4f9d\u5b58\u95a2\u4fc2\u306e\u7d61\u307f\u3092\u907f\u3051\u3089\u308c\u308b"}),"\n",(0,i.jsxs)(n.li,{children:["\u65b0\u3057\u3044\u30e2\u30b8\u30e5\u30fc\u30eb\u306e\u914d\u7f6e\u3092\u3088\u308a\u30b7\u30f3\u30d7\u30eb\u306b\u3067\u304d\u308b ",(0,i.jsx)(n.em,{children:"(layer \u2192 slice \u2192 segment)"})]}),"\n"]}),"\n",(0,i.jsx)(n.h4,{id:"-more-specifications-plans-community",children:"\ud83d\ude80 \u3088\u308a\u591a\u304f\u306e\u4ed5\u69d8\u3001\u8a08\u753b\u3001\u30b3\u30df\u30e5\u30cb\u30c6\u30a3"}),"\n",(0,i.jsxs)(n.p,{children:[(0,i.jsx)(n.code,{children:"core-team"}),"\u306f\u6700\u65b0\u306e\uff08v2\uff09\u30d0\u30fc\u30b8\u30e7\u30f3\u306eFSD\u65b9\u6cd5\u8ad6\u306b\u7a4d\u6975\u7684\u306b\u53d6\u308a\u7d44\u3093\u3067\u3044\u307e\u3059\u3002"]}),"\n",(0,i.jsx)(n.p,{children:"\u3057\u305f\u304c\u3063\u3066\u3001\u4ee5\u4e0b\u306e\u3053\u3068\u304c\u671f\u5f85\u3067\u304d\u307e\u3059\u3002"}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsx)(n.li,{children:"\u3088\u308a\u591a\u304f\u306e\u8a18\u8ff0\u3055\u308c\u305f\u30b1\u30fc\u30b9/\u554f\u984c"}),"\n",(0,i.jsx)(n.li,{children:"\u3088\u308a\u591a\u304f\u306e\u9069\u7528\u30ac\u30a4\u30c9"}),"\n",(0,i.jsx)(n.li,{children:"\u3088\u308a\u591a\u304f\u306e\u5b9f\u4f8b"}),"\n",(0,i.jsx)(n.li,{children:"\u65b0\u3057\u3044\u30e1\u30f3\u30d0\u30fc\u306e\u30aa\u30f3\u30dc\u30fc\u30c7\u30a3\u30f3\u30b0\u3084\u65b9\u6cd5\u8ad6\u6982\u5ff5\u306e\u5b66\u7fd2\u306e\u305f\u3081\u306e\u5168\u4f53\u7684\u306a\u6587\u66f8\u306e\u5897\u52a0"}),"\n",(0,i.jsx)(n.li,{children:"\u65b9\u6cd5\u8ad6\u306e\u6982\u5ff5\u3068\u30a2\u30fc\u30ad\u30c6\u30af\u30c1\u30e3\u306b\u95a2\u3059\u308b\u30b3\u30f3\u30d9\u30f3\u30b7\u30e7\u30f3\u3092\u9075\u5b88\u3059\u308b\u305f\u3081\u306e\u30c4\u30fc\u30eb\u30ad\u30c3\u30c8\u306e\u3055\u3089\u306a\u308b\u767a\u5c55"}),"\n"]}),"\n",(0,i.jsxs)(n.blockquote,{children:["\n",(0,i.jsx)(n.p,{children:"\u3082\u3061\u308d\u3093\u3001\u521d\u7248\u306b\u5bfe\u3059\u308b\u30e6\u30fc\u30b6\u30fc\u30b5\u30dd\u30fc\u30c8\u3082\u884c\u308f\u308c\u307e\u3059\u304c\u3001\u79c1\u305f\u3061\u306b\u3068\u3063\u3066\u306f\u6700\u65b0\u306e\u30d0\u30fc\u30b8\u30e7\u30f3\u304c\u6700\u512a\u5148\u3067\u3059\u3002"}),"\n"]}),"\n",(0,i.jsxs)(n.blockquote,{children:["\n",(0,i.jsxs)(n.p,{children:["\u5c06\u6765\u7684\u306b\u306f\u3001\u6b21\u306e\u30e1\u30b8\u30e3\u30fc\u30a2\u30c3\u30d7\u30c7\u30fc\u30c8\u306e\u969b\u306b\u3001\u73fe\u5728\u306e\u30d0\u30fc\u30b8\u30e7\u30f3\uff08v2\uff09\u3078\u306e\u30a2\u30af\u30bb\u30b9\u304c\u4fdd\u6301\u3055\u308c\u3001",(0,i.jsx)(n.strong,{children:"\u30c1\u30fc\u30e0\u3084\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u306b\u30ea\u30b9\u30af\u3092\u3082\u305f\u3089\u3059\u3053\u3068\u306f\u3042\u308a\u307e\u305b\u3093"}),"\u3002"]}),"\n"]}),"\n",(0,i.jsx)(n.h2,{id:"changelog",children:"Changelog"}),"\n",(0,i.jsxs)(n.h3,{id:"breaking-layers",children:[(0,i.jsx)(n.code,{children:"BREAKING"})," Layers"]}),"\n",(0,i.jsx)(n.p,{children:"FSD\u65b9\u6cd5\u8ad6\u306f\u4e0a\u4f4d\u30ec\u30d9\u30eb\u3067\u306e\u5c64\u306e\u660e\u793a\u7684\u306a\u5206\u96e2\u3092\u524d\u63d0\u3068\u3057\u3066\u3044\u307e\u3059\u3002"}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsxs)(n.li,{children:[(0,i.jsx)(n.code,{children:"/app"})," > ",(0,i.jsx)(n.code,{children:"/processes"})," > ",(0,i.jsx)(n.strong,{children:(0,i.jsx)(n.code,{children:"/pages"})})," > ",(0,i.jsx)(n.strong,{children:(0,i.jsx)(n.code,{children:"/features"})})," > ",(0,i.jsx)(n.code,{children:"/entities"})," > ",(0,i.jsx)(n.code,{children:"/shared"})]}),"\n",(0,i.jsx)(n.li,{children:(0,i.jsx)(n.em,{children:"\u3064\u307e\u308a\u3001\u3059\u3079\u3066\u304c\u30d5\u30a3\u30fc\u30c1\u30e3\u30fc\u3084\u30da\u30fc\u30b8\u3068\u3057\u3066\u89e3\u91c8\u3055\u308c\u308b\u308f\u3051\u3067\u306f\u306a\u3044"})}),"\n",(0,i.jsxs)(n.li,{children:["\u3053\u306e\u30a2\u30d7\u30ed\u30fc\u30c1\u306b\u3088\u308a\u3001\u5c64\u306e\u30eb\u30fc\u30eb\u3092\u660e\u793a\u7684\u306b\u8a2d\u5b9a\u3059\u308b\u3053\u3068\u304c\u53ef\u80fd\u306b\u306a\u308b","\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsxs)(n.li,{children:["\n",(0,i.jsxs)(n.p,{children:["\u30e2\u30b8\u30e5\u30fc\u30eb\u306e",(0,i.jsx)(n.strong,{children:"\u5c64\u304c\u9ad8\u3044\u307b\u3069"}),"\u3001\u3088\u308a\u591a\u304f\u306e",(0,i.jsx)(n.strong,{children:"\u30b3\u30f3\u30c6\u30ad\u30b9\u30c8"}),"\u3092\u6301\u3064\u3053\u3068\u304c\u3067\u304d\u308b"]}),"\n",(0,i.jsx)(n.p,{children:(0,i.jsx)(n.em,{children:"(\u8a00\u3044\u63db\u3048\u308c\u3070\u3001\u5404\u5c64\u306e\u30e2\u30b8\u30e5\u30fc\u30eb\u306f\u3001\u4e0b\u5c64\u306e\u30e2\u30b8\u30e5\u30fc\u30eb\u306e\u307f\u3092\u30a4\u30f3\u30dd\u30fc\u30c8\u3067\u304d\u3001\u4e0a\u5c64\u306e\u30e2\u30b8\u30e5\u30fc\u30eb\u306f\u30a4\u30f3\u30dd\u30fc\u30c8\u3067\u304d\u306a\u3044)"})}),"\n"]}),"\n",(0,i.jsxs)(n.li,{children:["\n",(0,i.jsxs)(n.p,{children:["\u30e2\u30b8\u30e5\u30fc\u30eb\u306e",(0,i.jsx)(n.strong,{children:"\u5c64\u304c\u4f4e\u3044\u307b\u3069"}),"\u3001\u5909\u66f4\u3092\u52a0\u3048\u308b\u969b\u306e",(0,i.jsx)(n.strong,{children:"\u5371\u967a\u6027\u3068\u8cac\u4efb"}),"\u304c\u5897\u3059"]}),"\n",(0,i.jsx)(n.p,{children:(0,i.jsx)(n.em,{children:"(\u4e00\u822c\u7684\u306b\u3001\u518d\u5229\u7528\u3055\u308c\u308b\u306e\u306f\u4e0b\u5c64\u306e\u30e2\u30b8\u30e5\u30fc\u30eb\u3089\u304b\u3089\u3067\u3042\u308b)"})}),"\n"]}),"\n"]}),"\n"]}),"\n"]}),"\n",(0,i.jsxs)(n.h3,{id:"breaking-shared\u5c64",children:[(0,i.jsx)(n.code,{children:"BREAKING"})," Shared\u5c64"]}),"\n",(0,i.jsxs)(n.p,{children:["\u4ee5\u524d\u306f\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u306esrc\u30eb\u30fc\u30c8\u306b\u3042\u3063\u305f\u30a4\u30f3\u30d5\u30e9\u30b9\u30c8\u30e9\u30af\u30c1\u30e3\u306e ",(0,i.jsx)(n.code,{children:"/ui"}),", ",(0,i.jsx)(n.code,{children:"/lib"}),", ",(0,i.jsx)(n.code,{children:"/api"})," \u62bd\u8c61\u5316\u306f\u3001\u73fe\u5728 ",(0,i.jsx)(n.code,{children:"/src/shared"})," \u3068\u3044\u3046\u5225\u306e\u30c7\u30a3\u30ec\u30af\u30c8\u30ea\u306b\u5206\u96e2\u3055\u308c\u3066\u3044\u307e\u3059\u3002"]}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsxs)(n.li,{children:[(0,i.jsx)(n.code,{children:"shared/ui"})," - \u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u306e\u5171\u901aUI\u30ad\u30c3\u30c8\uff08\u30aa\u30d7\u30b7\u30e7\u30f3\uff09","\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsx)(n.li,{children:(0,i.jsxs)(n.em,{children:["\u3053\u3053\u3067",(0,i.jsx)(n.code,{children:"Atomic Design"}),"\u3092\u4f7f\u7528\u3059\u308b\u3053\u3068\u306f\u5f15\u304d\u7d9a\u304d\u8a31\u53ef\u3055\u308c\u3066\u3044\u308b"]})}),"\n"]}),"\n"]}),"\n",(0,i.jsxs)(n.li,{children:[(0,i.jsx)(n.code,{children:"shared/lib"})," - \u30ed\u30b8\u30c3\u30af\u3092\u5b9f\u88c5\u3059\u308b\u305f\u3081\u306e\u88dc\u52a9\u30e9\u30a4\u30d6\u30e9\u30ea\u30bb\u30c3\u30c8","\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsx)(n.li,{children:(0,i.jsx)(n.em,{children:"\u5f15\u304d\u7d9a\u304d\u3001\u30d8\u30eb\u30d1\u30fc\u95a2\u6570\u306e\u300c\u3054\u307f\u5c4b\u6577\u300d\u3092\u4f5c\u3089\u305a\u306b"})}),"\n"]}),"\n"]}),"\n",(0,i.jsxs)(n.li,{children:[(0,i.jsx)(n.code,{children:"shared/api"})," - API\u3078\u306e\u30a2\u30af\u30bb\u30b9\u306e\u305f\u3081\u306e\u5171\u901a\u30a8\u30f3\u30c8\u30ea\u30dd\u30a4\u30f3\u30c8","\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsx)(n.li,{children:(0,i.jsx)(n.em,{children:"\u5404\u30d5\u30a3\u30fc\u30c1\u30e3\u30fc/\u30da\u30fc\u30b8\u306b\u30ed\u30fc\u30ab\u30eb\u306b\u8a18\u8ff0\u3059\u308b\u3053\u3068\u3082\u53ef\u80fd\u3060\u304c\u3001\u63a8\u5968\u3055\u308c\u306a\u3044"})}),"\n"]}),"\n"]}),"\n",(0,i.jsxs)(n.li,{children:["\u4ee5\u524d\u3068\u540c\u69d8\u306b\u3001",(0,i.jsx)(n.code,{children:"shared"}),"\u306b\u306f\u30d3\u30b8\u30cd\u30b9\u30ed\u30b8\u30c3\u30af\u3078\u306e\u660e\u793a\u7684\u306a\u4f9d\u5b58\u95a2\u4fc2\u304c\u3042\u3063\u3066\u306f\u306a\u3089\u306a\u3044","\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsx)(n.li,{children:(0,i.jsxs)(n.em,{children:["\u5fc5\u8981\u306b\u5fdc\u3058\u3066\u3001\u3053\u306e\u4f9d\u5b58\u95a2\u4fc2\u306f",(0,i.jsx)(n.code,{children:"entities"}),"\u3001\u307e\u305f\u306f\u305d\u308c\u4ee5\u4e0a\u306e\u5c64\u306b\u79fb\u52d5\u3059\u308b\u5fc5\u8981\u304c\u3042\u308b"]})}),"\n"]}),"\n"]}),"\n"]}),"\n",(0,i.jsxs)(n.h3,{id:"\u65b0\u898f-entities\u5c64-processes\u5c64",children:[(0,i.jsx)(n.code,{children:"\u65b0\u898f"})," Entities\u5c64, Processes\u5c64"]}),"\n",(0,i.jsxs)(n.p,{children:["v2\u3067\u306f\u3001",(0,i.jsx)(n.strong,{children:"\u30ed\u30b8\u30c3\u30af\u306e\u8907\u96d1\u3055\u3068\u5f37\u3044\u7d50\u5408\u306e\u554f\u984c\u3092\u89e3\u6d88\u3059\u308b\u305f\u3081\u306b\u3001\u65b0\u3057\u3044\u62bd\u8c61\u5316\u304c\u8ffd\u52a0\u3055\u308c\u307e\u3057\u305f"}),"\u3002"]}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsxs)(n.li,{children:[(0,i.jsx)(n.code,{children:"/entities"})," - ",(0,i.jsx)(n.strong,{children:"\u30d3\u30b8\u30cd\u30b9\u30a8\u30f3\u30c6\u30a3\u30c6\u30a3"}),"\u306e\u5c64\u3067\u3001\u30d3\u30b8\u30cd\u30b9\u30e2\u30c7\u30eb\u3084\u30d5\u30ed\u30f3\u30c8\u30a8\u30f3\u30c9\u5c02\u7528\u306e\u5408\u6210\u30a8\u30f3\u30c6\u30a3\u30c6\u30a3\u306b\u95a2\u9023\u3059\u308b\u30b9\u30e9\u30a4\u30b9\u3092\u542b\u3080","\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsx)(n.li,{children:(0,i.jsxs)(n.em,{children:["\u4f8b\uff1a",(0,i.jsx)(n.code,{children:"user"}),", ",(0,i.jsx)(n.code,{children:"i18n"}),", ",(0,i.jsx)(n.code,{children:"order"}),", ",(0,i.jsx)(n.code,{children:"blog"})]})}),"\n"]}),"\n"]}),"\n",(0,i.jsxs)(n.li,{children:[(0,i.jsx)(n.code,{children:"/processes"})," - \u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u5168\u4f53\u306b\u308f\u305f\u308b",(0,i.jsx)(n.strong,{children:"\u30d3\u30b8\u30cd\u30b9\u30d7\u30ed\u30bb\u30b9"}),"\u306e\u5c64","\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsx)(n.li,{children:(0,i.jsxs)(n.strong,{children:["\u3053\u306e\u5c64\u306f\u30aa\u30d7\u30b7\u30e7\u30f3\u3067\u3042\u308a\u3001\u901a\u5e38\u306f",(0,i.jsx)(n.em,{children:"\u30ed\u30b8\u30c3\u30af\u304c\u62e1\u5927\u3057\u3001\u8907\u6570\u306e\u30da\u30fc\u30b8\u306b\u307e\u305f\u304c\u308b\u5834\u5408\u306b\u4f7f\u7528\u304c\u63a8\u5968\u3055\u308c\u308b"})]})}),"\n",(0,i.jsx)(n.li,{children:(0,i.jsxs)(n.em,{children:["\u4f8b\uff1a",(0,i.jsx)(n.code,{children:"payment"}),", ",(0,i.jsx)(n.code,{children:"auth"}),", ",(0,i.jsx)(n.code,{children:"quick-tour"})]})}),"\n"]}),"\n"]}),"\n"]}),"\n",(0,i.jsxs)(n.h3,{id:"breaking-\u62bd\u8c61\u5316\u3068\u547d\u540d",children:[(0,i.jsx)(n.code,{children:"BREAKING"})," \u62bd\u8c61\u5316\u3068\u547d\u540d"]}),"\n",(0,i.jsxs)(n.p,{children:["\u5177\u4f53\u7684\u306a\u62bd\u8c61\u5316\u3068\u305d\u306e\u547d\u540d\u306b\u95a2\u3059\u308b",(0,i.jsx)(n.a,{href:"/docs/about/understanding/naming",children:"\u660e\u78ba\u306a\u30ac\u30a4\u30c9\u30e9\u30a4\u30f3"}),"\u304c\u5b9a\u7fa9\u3055\u308c\u3066\u3044\u307e\u3059\u3002"]}),"\n",(0,i.jsx)(n.h4,{id:"layers",children:"Layers"}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsxs)(n.li,{children:[(0,i.jsx)(n.code,{children:"/app"})," \u2014 ",(0,i.jsx)(n.strong,{children:"\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u306e\u521d\u671f\u5316\u5c64"}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsx)(n.li,{children:(0,i.jsxs)(n.em,{children:["\u4ee5\u524d\u306e\u30d0\u30ea\u30a8\u30fc\u30b7\u30e7\u30f3: ",(0,i.jsx)(n.code,{children:"app"}),", ",(0,i.jsx)(n.code,{children:"core"}),", ",(0,i.jsx)(n.code,{children:"init"}),", ",(0,i.jsx)(n.code,{children:"src/index"})]})}),"\n"]}),"\n"]}),"\n",(0,i.jsxs)(n.li,{children:[(0,i.jsx)(n.code,{children:"/processes"})," \u2014 ",(0,i.jsx)(n.strong,{children:"\u30d3\u30b8\u30cd\u30b9\u30d7\u30ed\u30bb\u30b9\u306e\u5c64"}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsx)(n.li,{children:(0,i.jsxs)(n.em,{children:["\u4ee5\u524d\u306e\u30d0\u30ea\u30a8\u30fc\u30b7\u30e7\u30f3: ",(0,i.jsx)(n.code,{children:"processes"}),", ",(0,i.jsx)(n.code,{children:"flows"}),", ",(0,i.jsx)(n.code,{children:"workflows"})]})}),"\n"]}),"\n"]}),"\n",(0,i.jsxs)(n.li,{children:[(0,i.jsx)(n.code,{children:"/pages"})," \u2014 ",(0,i.jsx)(n.strong,{children:"\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u306e\u30da\u30fc\u30b8\u5c64"}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsx)(n.li,{children:(0,i.jsxs)(n.em,{children:["\u4ee5\u524d\u306e\u30d0\u30ea\u30a8\u30fc\u30b7\u30e7\u30f3: ",(0,i.jsx)(n.code,{children:"pages"}),", ",(0,i.jsx)(n.code,{children:"screens"}),", ",(0,i.jsx)(n.code,{children:"views"}),", ",(0,i.jsx)(n.code,{children:"layouts"}),", ",(0,i.jsx)(n.code,{children:"components"}),", ",(0,i.jsx)(n.code,{children:"containers"})]})}),"\n"]}),"\n"]}),"\n",(0,i.jsxs)(n.li,{children:[(0,i.jsx)(n.code,{children:"/features"})," \u2014 ",(0,i.jsx)(n.strong,{children:"\u6a5f\u80fd\u90e8\u5206\u306e\u5c64"}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsx)(n.li,{children:(0,i.jsxs)(n.em,{children:["\u4ee5\u524d\u306e\u30d0\u30ea\u30a8\u30fc\u30b7\u30e7\u30f3: ",(0,i.jsx)(n.code,{children:"features"}),", ",(0,i.jsx)(n.code,{children:"components"}),", ",(0,i.jsx)(n.code,{children:"containers"})]})}),"\n"]}),"\n"]}),"\n",(0,i.jsxs)(n.li,{children:[(0,i.jsx)(n.code,{children:"/entities"})," \u2014 ",(0,i.jsx)(n.strong,{children:"\u30d3\u30b8\u30cd\u30b9\u30a8\u30f3\u30c6\u30a3\u30c6\u30a3\u306e\u5c64"}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsx)(n.li,{children:(0,i.jsxs)(n.em,{children:["\u4ee5\u524d\u306e\u30d0\u30ea\u30a8\u30fc\u30b7\u30e7\u30f3: ",(0,i.jsx)(n.code,{children:"entities"}),", ",(0,i.jsx)(n.code,{children:"models"}),", ",(0,i.jsx)(n.code,{children:"shared"})]})}),"\n"]}),"\n"]}),"\n",(0,i.jsxs)(n.li,{children:[(0,i.jsx)(n.code,{children:"/shared"})," \u2014 ",(0,i.jsx)(n.strong,{children:"\u518d\u5229\u7528\u53ef\u80fd\u306a\u30a4\u30f3\u30d5\u30e9\u30b9\u30c8\u30e9\u30af\u30c1\u30e3\u30b3\u30fc\u30c9\u306e\u5c64"})," \ud83d\udd25","\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsx)(n.li,{children:(0,i.jsxs)(n.em,{children:["\u4ee5\u524d\u306e\u30d0\u30ea\u30a8\u30fc\u30b7\u30e7\u30f3: ",(0,i.jsx)(n.code,{children:"shared"}),", ",(0,i.jsx)(n.code,{children:"common"}),", ",(0,i.jsx)(n.code,{children:"lib"})]})}),"\n"]}),"\n"]}),"\n"]}),"\n",(0,i.jsx)(n.h4,{id:"segments",children:"Segments"}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsxs)(n.li,{children:[(0,i.jsx)(n.code,{children:"/ui"})," \u2014 ",(0,i.jsx)(n.strong,{children:"UI\u30bb\u30b0\u30e1\u30f3\u30c8"})," \ud83d\udd25","\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsx)(n.li,{children:(0,i.jsxs)(n.em,{children:["\u4ee5\u524d\u306e\u30d0\u30ea\u30a8\u30fc\u30b7\u30e7\u30f3\uff1a",(0,i.jsx)(n.code,{children:"ui"}),", ",(0,i.jsx)(n.code,{children:"components"}),", ",(0,i.jsx)(n.code,{children:"view"})]})}),"\n"]}),"\n"]}),"\n",(0,i.jsxs)(n.li,{children:[(0,i.jsx)(n.code,{children:"/model"})," \u2014 ",(0,i.jsx)(n.strong,{children:"\u30d3\u30b8\u30cd\u30b9\u30ed\u30b8\u30c3\u30af\u306e\u30bb\u30b0\u30e1\u30f3\u30c8"})," \ud83d\udd25","\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsx)(n.li,{children:(0,i.jsxs)(n.em,{children:["\u4ee5\u524d\u306e\u30d0\u30ea\u30a8\u30fc\u30b7\u30e7\u30f3\uff1a",(0,i.jsx)(n.code,{children:"model"}),", ",(0,i.jsx)(n.code,{children:"store"}),", ",(0,i.jsx)(n.code,{children:"state"}),", ",(0,i.jsx)(n.code,{children:"services"}),", ",(0,i.jsx)(n.code,{children:"controller"})]})}),"\n"]}),"\n"]}),"\n",(0,i.jsxs)(n.li,{children:[(0,i.jsx)(n.code,{children:"/lib"})," \u2014 ",(0,i.jsx)(n.strong,{children:"\u88dc\u52a9\u30b3\u30fc\u30c9\u306e\u30bb\u30b0\u30e1\u30f3\u30c8"}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsx)(n.li,{children:(0,i.jsxs)(n.em,{children:["\u4ee5\u524d\u306e\u30d0\u30ea\u30a8\u30fc\u30b7\u30e7\u30f3\uff1a",(0,i.jsx)(n.code,{children:"lib"}),", ",(0,i.jsx)(n.code,{children:"libs"}),", ",(0,i.jsx)(n.code,{children:"utils"}),", ",(0,i.jsx)(n.code,{children:"helpers"})]})}),"\n"]}),"\n"]}),"\n",(0,i.jsxs)(n.li,{children:[(0,i.jsx)(n.code,{children:"/api"})," \u2014 ",(0,i.jsx)(n.strong,{children:"API\u30bb\u30b0\u30e1\u30f3\u30c8"}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsx)(n.li,{children:(0,i.jsxs)(n.em,{children:["\u4ee5\u524d\u306e\u30d0\u30ea\u30a8\u30fc\u30b7\u30e7\u30f3\uff1a",(0,i.jsx)(n.code,{children:"api"}),", ",(0,i.jsx)(n.code,{children:"service"}),", ",(0,i.jsx)(n.code,{children:"requests"}),", ",(0,i.jsx)(n.code,{children:"queries"})]})}),"\n"]}),"\n"]}),"\n",(0,i.jsxs)(n.li,{children:[(0,i.jsx)(n.code,{children:"/config"})," \u2014 ",(0,i.jsx)(n.strong,{children:"\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u8a2d\u5b9a\u306e\u30bb\u30b0\u30e1\u30f3\u30c8"}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsx)(n.li,{children:(0,i.jsxs)(n.em,{children:["\u4ee5\u524d\u306e\u30d0\u30ea\u30a8\u30fc\u30b7\u30e7\u30f3\uff1a",(0,i.jsx)(n.code,{children:"config"}),", ",(0,i.jsx)(n.code,{children:"env"}),", ",(0,i.jsx)(n.code,{children:"get-env"})]})}),"\n"]}),"\n"]}),"\n"]}),"\n",(0,i.jsxs)(n.h3,{id:"refined-\u4f4e\u7d50\u5408",children:[(0,i.jsx)(n.code,{children:"REFINED"})," \u4f4e\u7d50\u5408"]}),"\n",(0,i.jsxs)(n.p,{children:["\u65b0\u3057\u3044\u30ec\u30a4\u30e4\u30fc\u306e\u304a\u304b\u3052\u3067\u3001\u30e2\u30b8\u30e5\u30fc\u30eb\u9593\u306e",(0,i.jsx)(n.a,{href:"/docs/reference/isolation/coupling-cohesion",children:"\u4f4e\u7d50\u5408\u306e\u539f\u5247"}),"\u3092\u9075\u5b88\u3059\u308b\u3053\u3068\u304c\u306f\u308b\u304b\u306b\u7c21\u5358\u306b\u306a\u308a\u307e\u3057\u305f\u3002"]}),"\n",(0,i.jsxs)(n.p,{children:[(0,i.jsx)(n.em,{children:"\u305d\u308c\u3067\u3082\u3001\u30e2\u30b8\u30e5\u30fc\u30eb\u3092\u300c\u5207\u308a\u96e2\u3059\u300d\u3053\u3068\u304c\u975e\u5e38\u306b\u96e3\u3057\u3044\u5834\u5408\u306f\u3001\u3067\u304d\u308b\u3060\u3051\u907f\u3051\u308b\u3053\u3068\u304c\u63a8\u5968\u3055\u308c\u307e\u3059"}),"\u3002"]}),"\n",(0,i.jsx)(n.h2,{id:"see-also",children:"\u53c2\u7167"}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsx)(n.li,{children:(0,i.jsx)(n.a,{href:"https://www.youtube.com/watch?v=BWAeYuWFHhs",children:'React Berlin Talk - Oleg Isonen "Feature Driven Architecture"'})}),"\n"]})]})}function j(e={}){const{wrapper:n}={...(0,c.R)(),...e.components};return n?(0,i.jsx)(n,{...e,children:(0,i.jsx)(x,{...e})}):x(e)}},1100:(e,n,s)=>{s.d(n,{R:()=>d,x:()=>l});var i=s(758);const c={},r=i.createContext(c);function d(e){const n=i.useContext(r);return i.useMemo((function(){return"function"==typeof e?e(n):{...n,...e}}),[n,e])}function l(e){let n;return n=e.disableParentContext?"function"==typeof e.components?e.components(c):e.components||c:d(e.components),i.createElement(r.Provider,{value:n},e.children)}}}]);
\ No newline at end of file
diff --git a/ja/assets/js/e35da8fa.d22253b6.js b/ja/assets/js/e35da8fa.f638e274.js
similarity index 99%
rename from ja/assets/js/e35da8fa.d22253b6.js
rename to ja/assets/js/e35da8fa.f638e274.js
index 46ba94db7b..ec5177cfcd 100644
--- a/ja/assets/js/e35da8fa.d22253b6.js
+++ b/ja/assets/js/e35da8fa.f638e274.js
@@ -1 +1 @@
-"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[1028],{2822:(e,n,i)=>{i.r(n),i.d(n,{assets:()=>t,contentTitle:()=>d,default:()=>a,frontMatter:()=>r,metadata:()=>c,toc:()=>h});var s=i(6070),l=i(1100);const r={sidebar_position:1},d="\u30a2\u30fc\u30ad\u30c6\u30af\u30c1\u30e3",c={id:"about/understanding/architecture",title:"\u30a2\u30fc\u30ad\u30c6\u30af\u30c1\u30e3",description:"\u554f\u984c",source:"@site/i18n/ja/docusaurus-plugin-content-docs/current/about/understanding/architecture.md",sourceDirName:"about/understanding",slug:"/about/understanding/architecture",permalink:"/ja/docs/about/understanding/architecture",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/ja/docusaurus-plugin-content-docs/current/about/understanding/architecture.md",tags:[],version:"current",lastUpdatedAt:1727607766e3,sidebarPosition:1,frontMatter:{sidebar_position:1},sidebar:"aboutSidebar",previous:{title:"\u4ee3\u66ff\u6848",permalink:"/ja/docs/about/alternatives"},next:{title:"\u30cb\u30fc\u30ba\u306e\u7406\u89e3\u3068\u8ab2\u984c\u306e\u5b9a\u7fa9\u306b\u3064\u3044\u3066",permalink:"/ja/docs/about/understanding/needs-driven"}},t={},h=[{value:"\u554f\u984c",id:"problems",level:2},{value:"\u30d0\u30b9\u30d5\u30a1\u30af\u30bf\u30fc\u3068\u30aa\u30f3\u30dc\u30fc\u30c7\u30a3\u30f3\u30b0",id:"\u30d0\u30b9\u30d5\u30a1\u30af\u30bf\u30fc\u3068\u30aa\u30f3\u30dc\u30fc\u30c7\u30a3\u30f3\u30b0",level:3},{value:"\u6697\u9ed9\u7684\u304b\u3064\u5236\u5fa1\u3055\u308c\u3066\u3044\u306a\u3044\u7d50\u679c",id:"implicit-and-uncontrolled-consequences",level:3},{value:"\u5236\u5fa1\u3055\u308c\u3066\u3044\u306a\u3044\u30ed\u30b8\u30c3\u30af\u306e\u518d\u5229\u7528",id:"uncontrolled-reuse-of-logic",level:3},{value:"\u8981\u4ef6",id:"requirements",level:2},{value:"\u660e\u793a\u6027",id:"\u660e\u793a\u6027",level:3},{value:"\u5236\u5fa1",id:"\u5236\u5fa1",level:3},{value:"\u9069\u5fdc\u6027",id:"\u9069\u5fdc\u6027",level:3},{value:"\u95a2\u9023\u60c5\u5831",id:"see-also",level:2}];function o(e){const n={a:"a",admonition:"admonition",code:"code",em:"em",h1:"h1",h2:"h2",h3:"h3",header:"header",li:"li",p:"p",strong:"strong",ul:"ul",...(0,l.R)(),...e.components};return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(n.header,{children:(0,s.jsx)(n.h1,{id:"\u30a2\u30fc\u30ad\u30c6\u30af\u30c1\u30e3",children:"\u30a2\u30fc\u30ad\u30c6\u30af\u30c1\u30e3"})}),"\n",(0,s.jsx)(n.h2,{id:"problems",children:"\u554f\u984c"}),"\n",(0,s.jsx)(n.p,{children:"\u901a\u5e38\u3001\u30a2\u30fc\u30ad\u30c6\u30af\u30c1\u30e3\u306b\u3064\u3044\u3066\u306e\u8b70\u8ad6\u306f\u3001\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u306e\u958b\u767a\u304c\u4f55\u3089\u304b\u306e\u554f\u984c\u3067\u505c\u6ede\u3057\u3066\u3044\u308b\u3068\u304d\u306b\u6301\u3061\u4e0a\u304c\u308a\u307e\u3059\u3002"}),"\n",(0,s.jsx)(n.h3,{id:"\u30d0\u30b9\u30d5\u30a1\u30af\u30bf\u30fc\u3068\u30aa\u30f3\u30dc\u30fc\u30c7\u30a3\u30f3\u30b0",children:"\u30d0\u30b9\u30d5\u30a1\u30af\u30bf\u30fc\u3068\u30aa\u30f3\u30dc\u30fc\u30c7\u30a3\u30f3\u30b0"}),"\n",(0,s.jsx)(n.p,{children:"\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u3068\u305d\u306e\u30a2\u30fc\u30ad\u30c6\u30af\u30c1\u30e3\u3092\u7406\u89e3\u3057\u3066\u3044\u308b\u306e\u306f\u9650\u3089\u308c\u305f\u4eba\u3005\u3060\u3051\u3067\u3059\u3002"}),"\n",(0,s.jsx)(n.p,{children:(0,s.jsx)(n.strong,{children:"\u4f8b:"})}),"\n",(0,s.jsxs)(n.ul,{children:["\n",(0,s.jsx)(n.li,{children:(0,s.jsx)(n.em,{children:"\u300c\u65b0\u3057\u3044\u4eba\u3092\u958b\u767a\u306b\u52a0\u3048\u308b\u306e\u304c\u96e3\u3057\u3044\u300d"})}),"\n",(0,s.jsx)(n.li,{children:(0,s.jsx)(n.em,{children:"\u300c\u554f\u984c\u304c\u3042\u308b\u305f\u3073\u306b\u3001\u5404\u81ea\u304c\u7570\u306a\u308b\u56de\u907f\u7b56\u3092\u6301\u3063\u3066\u3044\u308b\u300d"})}),"\n",(0,s.jsx)(n.li,{children:(0,s.jsx)(n.em,{children:"\u300c\u3053\u306e\u5927\u304d\u306a\u30e2\u30ce\u30ea\u30b9\u306e\u4e2d\u3067\u4f55\u304c\u8d77\u3053\u3063\u3066\u3044\u308b\u306e\u304b\u7406\u89e3\u3067\u304d\u306a\u3044\u300d"})}),"\n"]}),"\n",(0,s.jsx)(n.h3,{id:"implicit-and-uncontrolled-consequences",children:"\u6697\u9ed9\u7684\u304b\u3064\u5236\u5fa1\u3055\u308c\u3066\u3044\u306a\u3044\u7d50\u679c"}),"\n",(0,s.jsx)(n.p,{children:"\u958b\u767a\u3084\u30ea\u30d5\u30a1\u30af\u30bf\u30ea\u30f3\u30b0\u306b\u304a\u3044\u3066\u591a\u304f\u306e\u6697\u9ed9\u7684\u306a\u526f\u4f5c\u7528\u304c\u767a\u751f\u3057\u3066\u3057\u307e\u3044\u307e\u3059\uff08\u300c\u3059\u3079\u3066\u304c\u3059\u3079\u3066\u306b\u4f9d\u5b58\u3057\u3066\u3044\u308b\u300d\uff09\u3002"}),"\n",(0,s.jsx)(n.p,{children:(0,s.jsx)(n.strong,{children:"\u4f8b:"})}),"\n",(0,s.jsxs)(n.ul,{children:["\n",(0,s.jsx)(n.li,{children:(0,s.jsx)(n.em,{children:"\u300c\u30d5\u30a3\u30fc\u30c1\u30e3\u30fc\u304c\u4ed6\u306e\u30d5\u30a3\u30fc\u30c1\u30e3\u30fc\u3092\u30a4\u30f3\u30dd\u30fc\u30c8\u3057\u3066\u3044\u308b\u300d"})}),"\n",(0,s.jsx)(n.li,{children:(0,s.jsx)(n.em,{children:"\u300c\u3042\u308b\u30da\u30fc\u30b8\u306e\u30b9\u30c8\u30a2\u3092\u66f4\u65b0\u3057\u305f\u3089\u3001\u5225\u306e\u30da\u30fc\u30b8\u306e\u30d5\u30a3\u30fc\u30c1\u30e3\u30fc\u304c\u58ca\u308c\u305f\u300d"})}),"\n",(0,s.jsx)(n.li,{children:(0,s.jsx)(n.em,{children:"\u300c\u30ed\u30b8\u30c3\u30af\u304c\u30a2\u30d7\u30ea\u5168\u4f53\u306b\u6563\u3089\u3070\u3063\u3066\u3044\u3066\u3001\u3069\u3053\u304c\u59cb\u307e\u308a\u3067\u3069\u3053\u304c\u7d42\u308f\u308a\u304b\u308f\u304b\u3089\u306a\u3044\u300d"})}),"\n"]}),"\n",(0,s.jsx)(n.h3,{id:"uncontrolled-reuse-of-logic",children:"\u5236\u5fa1\u3055\u308c\u3066\u3044\u306a\u3044\u30ed\u30b8\u30c3\u30af\u306e\u518d\u5229\u7528"}),"\n",(0,s.jsx)(n.p,{children:"\u65e2\u5b58\u306e\u30ed\u30b8\u30c3\u30af\u3092\u518d\u5229\u7528\u3057\u305f\u308a\u4fee\u6b63\u3057\u305f\u308a\u3059\u308b\u306e\u304c\u96e3\u3057\u3044\u3067\u3059\u3002"}),"\n",(0,s.jsx)(n.p,{children:"\u901a\u5e38\u30012\u3064\u306e\u6975\u7aef\u306a\u30b1\u30fc\u30b9\u304c\u3042\u308a\u307e\u3059\u3002"}),"\n",(0,s.jsxs)(n.ul,{children:["\n",(0,s.jsx)(n.li,{children:"\u5404\u30e2\u30b8\u30e5\u30fc\u30eb\u3054\u3068\u306b\u30ed\u30b8\u30c3\u30af\u3092\u5b8c\u5168\u306b\u30bc\u30ed\u304b\u3089\u66f8\u304f\uff08\u65e2\u5b58\u306e\u30b3\u30fc\u30c9\u30d9\u30fc\u30b9\u306b\u91cd\u8907\u304c\u751f\u3058\u308b\u53ef\u80fd\u6027\u304c\u3042\u308b\uff09"}),"\n",(0,s.jsxs)(n.li,{children:["\u3059\u3079\u3066\u306e\u30e2\u30b8\u30e5\u30fc\u30eb\u3092",(0,s.jsx)(n.code,{children:"shared"}),"\u30d5\u30a9\u30eb\u30c0\u30fc\u306b\u79fb\u52d5\u3057\u3001\u5927\u304d\u306a\u30e2\u30b8\u30e5\u30fc\u30eb\u306e\u300c\u3054\u307f\u5c4b\u6577\u300d\u3092\u4f5c\u308b\uff08\u307b\u3068\u3093\u3069\u304c\u4e00\u7b87\u6240\u3067\u3057\u304b\u4f7f\u7528\u3055\u308c\u306a\u3044\uff09"]}),"\n"]}),"\n",(0,s.jsx)(n.p,{children:(0,s.jsx)(n.strong,{children:"\u4f8b:"})}),"\n",(0,s.jsxs)(n.ul,{children:["\n",(0,s.jsx)(n.li,{children:(0,s.jsx)(n.em,{children:"\u300c\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u306b\u540c\u3058\u30d3\u30b8\u30cd\u30b9\u30ed\u30b8\u30c3\u30af\u306e\u8907\u6570\u306e\u5b9f\u88c5\u304c\u3042\u3063\u3066\u3001\u6bce\u65e5\u305d\u306e\u5f71\u97ff\u3092\u53d7\u3051\u3066\u3044\u308b\u300d"})}),"\n",(0,s.jsx)(n.li,{children:(0,s.jsx)(n.em,{children:"\u300c\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u306b\u306f6\u3064\u306e\u7570\u306a\u308b\u30dc\u30bf\u30f3/\u30dd\u30c3\u30d7\u30a2\u30c3\u30d7\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u304c\u3042\u308b\u300d"})}),"\n",(0,s.jsx)(n.li,{children:(0,s.jsx)(n.em,{children:"\u300c\u30d8\u30eb\u30d1\u30fc\u95a2\u6570\u306e\u300c\u3054\u307f\u5c4b\u6577\u300d\u300d"})}),"\n"]}),"\n",(0,s.jsx)(n.h2,{id:"requirements",children:"\u8981\u4ef6"}),"\n",(0,s.jsx)(n.p,{children:"\u3057\u305f\u304c\u3063\u3066\u3001\u7406\u60f3\u7684\u306a\u30a2\u30fc\u30ad\u30c6\u30af\u30c1\u30e3\u306b\u5bfe\u3059\u308b\u8981\u6c42\u3092\u63d0\u793a\u3059\u308b\u306e\u306f\u3001\u7406\u306b\u304b\u306a\u3063\u3066\u3044\u307e\u3059\u3002"}),"\n",(0,s.jsx)(n.admonition,{type:"note",children:(0,s.jsxs)(n.p,{children:["\u300c\u7c21\u5358\u300d\u3068\u8a00\u308f\u308c\u308b\u3068\u3053\u308d\u3067\u306f\u3001\u300c\u5e83\u7bc4\u306a\u958b\u767a\u8005\u306b\u3068\u3063\u3066\u76f8\u5bfe\u7684\u306b\u7c21\u5358\u3067\u3042\u308b\u300d\u3068\u3044\u3046\u610f\u5473\u3067\u3059\u3002\u306a\u305c\u306a\u3089\u3001",(0,s.jsx)(n.a,{href:"/docs/about/mission#limitations",children:"\u3059\u3079\u3066\u306e\u4eba\u306b\u3068\u3063\u3066\u5b8c\u74a7\u306a\u89e3\u6c7a\u7b56\u3092\u4f5c\u308b\u3053\u3068\u306f\u3067\u304d\u306a\u3044\u304b\u3089\u3067\u3059"}),"\u3002"]})}),"\n",(0,s.jsx)(n.h3,{id:"\u660e\u793a\u6027",children:"\u660e\u793a\u6027"}),"\n",(0,s.jsxs)(n.ul,{children:["\n",(0,s.jsxs)(n.li,{children:["\u30c1\u30fc\u30e0\u304c\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u3068\u305d\u306e\u30a2\u30fc\u30ad\u30c6\u30af\u30c1\u30e3\u3092",(0,s.jsx)(n.strong,{children:"\u7c21\u5358\u306b\u7fd2\u5f97\u3057\u3001\u8aac\u660e\u3067\u304d\u308b"}),"\u3088\u3046\u306b\u3059\u308b\u5fc5\u8981\u304c\u3042\u308b"]}),"\n",(0,s.jsxs)(n.li,{children:["\u69cb\u9020\u306f\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u306e",(0,s.jsx)(n.strong,{children:"\u30d3\u30b8\u30cd\u30b9\u4fa1\u5024"}),"\u3092\u53cd\u6620\u3059\u308b\u3079\u304d\u3067\u3042\u308b"]}),"\n",(0,s.jsxs)(n.li,{children:[(0,s.jsx)(n.strong,{children:"\u526f\u4f5c\u7528\u3068\u62bd\u8c61\u5316\u9593\u306e\u95a2\u4fc2"}),"\u304c\u660e\u793a\u3055\u308c\u308b\u3079\u304d\u3067\u3042\u308b"]}),"\n",(0,s.jsxs)(n.li,{children:["\u30e6\u30cb\u30fc\u30af\u306a\u5b9f\u88c5\u3092\u59a8\u3052\u305a\u3001",(0,s.jsx)(n.strong,{children:"\u30ed\u30b8\u30c3\u30af\u306e\u91cd\u8907\u3092\u7c21\u5358\u306b\u767a\u898b\u3067\u304d\u308b"}),"\u3088\u3046\u306b\u3059\u308b\u5fc5\u8981\u304c\u3042\u308b"]}),"\n",(0,s.jsxs)(n.li,{children:["\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u5168\u4f53\u306b",(0,s.jsx)(n.strong,{children:"\u30ed\u30b8\u30c3\u30af\u304c\u6563\u3089\u3070\u3063\u3066\u306f\u3044\u3051\u306a\u3044"})]}),"\n",(0,s.jsxs)(n.li,{children:["\u826f\u597d\u306a\u30a2\u30fc\u30ad\u30c6\u30af\u30c1\u30e3\u306e\u305f\u3081\u306b",(0,s.jsx)(n.strong,{children:"\u3042\u307e\u308a\u306b\u3082\u591a\u304f\u306e\u7570\u306a\u308b\u62bd\u8c61\u5316\u3084\u30eb\u30fc\u30eb\u304c\u5b58\u5728\u3057\u3066\u306f\u306a\u3089\u306a\u3044"})]}),"\n"]}),"\n",(0,s.jsx)(n.h3,{id:"\u5236\u5fa1",children:"\u5236\u5fa1"}),"\n",(0,s.jsxs)(n.ul,{children:["\n",(0,s.jsxs)(n.li,{children:["\u826f\u597d\u306a\u30a2\u30fc\u30ad\u30c6\u30af\u30c1\u30e3\u306f",(0,s.jsx)(n.strong,{children:"\u8ab2\u984c\u306e\u89e3\u6c7a\u3084\u6a5f\u80fd\u306e\u5c0e\u5165\u3092\u52a0\u901f\u3059\u308b"}),"\u3079\u304d\u3067\u3042\u308b"]}),"\n",(0,s.jsxs)(n.li,{children:["\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u306e\u958b\u767a\u3092",(0,s.jsx)(n.strong,{children:"\u5236\u5fa1"}),"\u3067\u304d\u308b\u5fc5\u8981\u304c\u3042\u308b"]}),"\n",(0,s.jsxs)(n.li,{children:["\u30b3\u30fc\u30c9\u3092",(0,s.jsx)(n.strong,{children:"\u62e1\u5f35\u3001\u4fee\u6b63\u3001\u524a\u9664\u3059\u308b\u306e\u304c\u7c21\u5358\u3067\u3042\u308b"}),"\u3079\u304d\u3067\u3042\u308b"]}),"\n",(0,s.jsxs)(n.li,{children:["\u6a5f\u80fd\u306e",(0,s.jsx)(n.strong,{children:"\u5206\u89e3\u3068\u5b64\u7acb\u6027"}),"\u304c\u5b88\u3089\u308c\u308b\u3079\u304d\u3067\u3042\u308b"]}),"\n",(0,s.jsxs)(n.li,{children:["\u30b7\u30b9\u30c6\u30e0\u306e\u5404\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306f",(0,s.jsx)(n.strong,{children:"\u7c21\u5358\u306b\u4ea4\u63db\u53ef\u80fd\u3067\u524a\u9664\u53ef\u80fd"}),"\u3067\u3042\u308b\u3079\u304d\u3067\u3042\u308b","\n",(0,s.jsxs)(n.ul,{children:["\n",(0,s.jsx)(n.li,{children:(0,s.jsxs)(n.em,{children:["\u672a\u6765\u3092\u4e88\u6e2c\u3059\u308b\u3053\u3068\u306f\u3067\u304d\u306a\u3044\u304b\u3089\u3001",(0,s.jsx)(n.a,{href:"https://youtu.be/BWAeYuWFHhs?t=1631",children:"\u5909\u66f4\u306b\u6700\u9069\u5316\u3059\u308b\u5fc5\u8981\u306f\u306a\u3044"})]})}),"\n",(0,s.jsx)(n.li,{children:(0,s.jsxs)(n.em,{children:["\u65e2\u5b58\u306e\u30b3\u30f3\u30c6\u30ad\u30b9\u30c8\u306b\u57fa\u3065\u3044\u3066\u3001",(0,s.jsx)(n.a,{href:"https://youtu.be/BWAeYuWFHhs?t=1666",children:"\u524a\u9664\u306b\u6700\u9069\u5316\u3059\u308b\u65b9\u304c\u826f\u3044"})]})}),"\n"]}),"\n"]}),"\n"]}),"\n",(0,s.jsx)(n.h3,{id:"\u9069\u5fdc\u6027",children:"\u9069\u5fdc\u6027"}),"\n",(0,s.jsxs)(n.ul,{children:["\n",(0,s.jsxs)(n.li,{children:["\u826f\u597d\u306a\u30a2\u30fc\u30ad\u30c6\u30af\u30c1\u30e3\u306f\u3001\u307b\u3068\u3093\u3069\u306e\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u306b\u9069\u7528\u53ef\u80fd\u3067\u3042\u308b\u3079\u304d\u3067\u3042\u308b","\n",(0,s.jsxs)(n.ul,{children:["\n",(0,s.jsx)(n.li,{children:(0,s.jsx)(n.em,{children:"\u65e2\u5b58\u306e\u30a4\u30f3\u30d5\u30e9\u30bd\u30ea\u30e5\u30fc\u30b7\u30e7\u30f3\u3068\u5171\u306b"})}),"\n",(0,s.jsx)(n.li,{children:(0,s.jsx)(n.em,{children:"\u3069\u306e\u767a\u5c55\u6bb5\u968e\u3067\u3082"})}),"\n"]}),"\n"]}),"\n",(0,s.jsx)(n.li,{children:"\u30d5\u30ec\u30fc\u30e0\u30ef\u30fc\u30af\u3084\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\u306b\u4f9d\u5b58\u3057\u3066\u306f\u3044\u3051\u306a\u3044"}),"\n",(0,s.jsx)(n.li,{children:"\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u3068\u30c1\u30fc\u30e0\u3092\u7c21\u5358\u306b\u30b9\u30b1\u30fc\u30eb\u30a2\u30c3\u30d7\u3067\u304d\u3001\u958b\u767a\u306e\u4e26\u884c\u51e6\u7406\u304c\u53ef\u80fd\u3067\u3042\u308b\u5fc5\u8981\u304c\u3042\u308b"}),"\n",(0,s.jsx)(n.li,{children:"\u5909\u5316\u3059\u308b\u8981\u4ef6\u3084\u72b6\u6cc1\u306b\u9069\u5fdc\u3059\u308b\u306e\u304c\u7c21\u5358\u3067\u3042\u308b\u3079\u304d\u3067\u3042\u308b"}),"\n"]}),"\n",(0,s.jsx)(n.h2,{id:"see-also",children:"\u95a2\u9023\u60c5\u5831"}),"\n",(0,s.jsxs)(n.ul,{children:["\n",(0,s.jsx)(n.li,{children:(0,s.jsx)(n.a,{href:"https://youtu.be/BWAeYuWFHhs",children:"(React Berlin Talk) Oleg Isonen - Feature Driven Architecture"})}),"\n",(0,s.jsx)(n.li,{children:(0,s.jsx)(n.a,{href:"https://alexmngn.medium.com/why-react-developers-should-modularize-their-applications-d26d381854c1",children:"(\u8a18\u4e8b) \u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u306e\u30e2\u30b8\u30e5\u30fc\u30eb\u5316\u306b\u3064\u3044\u3066"})}),"\n",(0,s.jsx)(n.li,{children:(0,s.jsx)(n.a,{href:"https://ryanlanciaux.com/blog/2017/08/20/a-feature-based-approach-to-react-development/",children:"(\u8a18\u4e8b) \u95a2\u5fc3\u306e\u5206\u96e2\u3068\u6a5f\u80fd\u306b\u57fa\u3065\u304f\u69cb\u9020\u306b\u3064\u3044\u3066"})}),"\n"]})]})}function a(e={}){const{wrapper:n}={...(0,l.R)(),...e.components};return n?(0,s.jsx)(n,{...e,children:(0,s.jsx)(o,{...e})}):o(e)}},1100:(e,n,i)=>{i.d(n,{R:()=>d,x:()=>c});var s=i(758);const l={},r=s.createContext(l);function d(e){const n=s.useContext(r);return s.useMemo((function(){return"function"==typeof e?e(n):{...n,...e}}),[n,e])}function c(e){let n;return n=e.disableParentContext?"function"==typeof e.components?e.components(l):e.components||l:d(e.components),s.createElement(r.Provider,{value:n},e.children)}}}]);
\ No newline at end of file
+"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[1028],{2822:(e,n,i)=>{i.r(n),i.d(n,{assets:()=>t,contentTitle:()=>d,default:()=>a,frontMatter:()=>r,metadata:()=>c,toc:()=>h});var s=i(6070),l=i(1100);const r={sidebar_position:1},d="\u30a2\u30fc\u30ad\u30c6\u30af\u30c1\u30e3",c={id:"about/understanding/architecture",title:"\u30a2\u30fc\u30ad\u30c6\u30af\u30c1\u30e3",description:"\u554f\u984c",source:"@site/i18n/ja/docusaurus-plugin-content-docs/current/about/understanding/architecture.md",sourceDirName:"about/understanding",slug:"/about/understanding/architecture",permalink:"/ja/docs/about/understanding/architecture",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/ja/docusaurus-plugin-content-docs/current/about/understanding/architecture.md",tags:[],version:"current",lastUpdatedAt:1728325386e3,sidebarPosition:1,frontMatter:{sidebar_position:1},sidebar:"aboutSidebar",previous:{title:"\u4ee3\u66ff\u6848",permalink:"/ja/docs/about/alternatives"},next:{title:"\u30cb\u30fc\u30ba\u306e\u7406\u89e3\u3068\u8ab2\u984c\u306e\u5b9a\u7fa9\u306b\u3064\u3044\u3066",permalink:"/ja/docs/about/understanding/needs-driven"}},t={},h=[{value:"\u554f\u984c",id:"problems",level:2},{value:"\u30d0\u30b9\u30d5\u30a1\u30af\u30bf\u30fc\u3068\u30aa\u30f3\u30dc\u30fc\u30c7\u30a3\u30f3\u30b0",id:"\u30d0\u30b9\u30d5\u30a1\u30af\u30bf\u30fc\u3068\u30aa\u30f3\u30dc\u30fc\u30c7\u30a3\u30f3\u30b0",level:3},{value:"\u6697\u9ed9\u7684\u304b\u3064\u5236\u5fa1\u3055\u308c\u3066\u3044\u306a\u3044\u7d50\u679c",id:"implicit-and-uncontrolled-consequences",level:3},{value:"\u5236\u5fa1\u3055\u308c\u3066\u3044\u306a\u3044\u30ed\u30b8\u30c3\u30af\u306e\u518d\u5229\u7528",id:"uncontrolled-reuse-of-logic",level:3},{value:"\u8981\u4ef6",id:"requirements",level:2},{value:"\u660e\u793a\u6027",id:"\u660e\u793a\u6027",level:3},{value:"\u5236\u5fa1",id:"\u5236\u5fa1",level:3},{value:"\u9069\u5fdc\u6027",id:"\u9069\u5fdc\u6027",level:3},{value:"\u95a2\u9023\u60c5\u5831",id:"see-also",level:2}];function o(e){const n={a:"a",admonition:"admonition",code:"code",em:"em",h1:"h1",h2:"h2",h3:"h3",header:"header",li:"li",p:"p",strong:"strong",ul:"ul",...(0,l.R)(),...e.components};return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(n.header,{children:(0,s.jsx)(n.h1,{id:"\u30a2\u30fc\u30ad\u30c6\u30af\u30c1\u30e3",children:"\u30a2\u30fc\u30ad\u30c6\u30af\u30c1\u30e3"})}),"\n",(0,s.jsx)(n.h2,{id:"problems",children:"\u554f\u984c"}),"\n",(0,s.jsx)(n.p,{children:"\u901a\u5e38\u3001\u30a2\u30fc\u30ad\u30c6\u30af\u30c1\u30e3\u306b\u3064\u3044\u3066\u306e\u8b70\u8ad6\u306f\u3001\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u306e\u958b\u767a\u304c\u4f55\u3089\u304b\u306e\u554f\u984c\u3067\u505c\u6ede\u3057\u3066\u3044\u308b\u3068\u304d\u306b\u6301\u3061\u4e0a\u304c\u308a\u307e\u3059\u3002"}),"\n",(0,s.jsx)(n.h3,{id:"\u30d0\u30b9\u30d5\u30a1\u30af\u30bf\u30fc\u3068\u30aa\u30f3\u30dc\u30fc\u30c7\u30a3\u30f3\u30b0",children:"\u30d0\u30b9\u30d5\u30a1\u30af\u30bf\u30fc\u3068\u30aa\u30f3\u30dc\u30fc\u30c7\u30a3\u30f3\u30b0"}),"\n",(0,s.jsx)(n.p,{children:"\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u3068\u305d\u306e\u30a2\u30fc\u30ad\u30c6\u30af\u30c1\u30e3\u3092\u7406\u89e3\u3057\u3066\u3044\u308b\u306e\u306f\u9650\u3089\u308c\u305f\u4eba\u3005\u3060\u3051\u3067\u3059\u3002"}),"\n",(0,s.jsx)(n.p,{children:(0,s.jsx)(n.strong,{children:"\u4f8b:"})}),"\n",(0,s.jsxs)(n.ul,{children:["\n",(0,s.jsx)(n.li,{children:(0,s.jsx)(n.em,{children:"\u300c\u65b0\u3057\u3044\u4eba\u3092\u958b\u767a\u306b\u52a0\u3048\u308b\u306e\u304c\u96e3\u3057\u3044\u300d"})}),"\n",(0,s.jsx)(n.li,{children:(0,s.jsx)(n.em,{children:"\u300c\u554f\u984c\u304c\u3042\u308b\u305f\u3073\u306b\u3001\u5404\u81ea\u304c\u7570\u306a\u308b\u56de\u907f\u7b56\u3092\u6301\u3063\u3066\u3044\u308b\u300d"})}),"\n",(0,s.jsx)(n.li,{children:(0,s.jsx)(n.em,{children:"\u300c\u3053\u306e\u5927\u304d\u306a\u30e2\u30ce\u30ea\u30b9\u306e\u4e2d\u3067\u4f55\u304c\u8d77\u3053\u3063\u3066\u3044\u308b\u306e\u304b\u7406\u89e3\u3067\u304d\u306a\u3044\u300d"})}),"\n"]}),"\n",(0,s.jsx)(n.h3,{id:"implicit-and-uncontrolled-consequences",children:"\u6697\u9ed9\u7684\u304b\u3064\u5236\u5fa1\u3055\u308c\u3066\u3044\u306a\u3044\u7d50\u679c"}),"\n",(0,s.jsx)(n.p,{children:"\u958b\u767a\u3084\u30ea\u30d5\u30a1\u30af\u30bf\u30ea\u30f3\u30b0\u306b\u304a\u3044\u3066\u591a\u304f\u306e\u6697\u9ed9\u7684\u306a\u526f\u4f5c\u7528\u304c\u767a\u751f\u3057\u3066\u3057\u307e\u3044\u307e\u3059\uff08\u300c\u3059\u3079\u3066\u304c\u3059\u3079\u3066\u306b\u4f9d\u5b58\u3057\u3066\u3044\u308b\u300d\uff09\u3002"}),"\n",(0,s.jsx)(n.p,{children:(0,s.jsx)(n.strong,{children:"\u4f8b:"})}),"\n",(0,s.jsxs)(n.ul,{children:["\n",(0,s.jsx)(n.li,{children:(0,s.jsx)(n.em,{children:"\u300c\u30d5\u30a3\u30fc\u30c1\u30e3\u30fc\u304c\u4ed6\u306e\u30d5\u30a3\u30fc\u30c1\u30e3\u30fc\u3092\u30a4\u30f3\u30dd\u30fc\u30c8\u3057\u3066\u3044\u308b\u300d"})}),"\n",(0,s.jsx)(n.li,{children:(0,s.jsx)(n.em,{children:"\u300c\u3042\u308b\u30da\u30fc\u30b8\u306e\u30b9\u30c8\u30a2\u3092\u66f4\u65b0\u3057\u305f\u3089\u3001\u5225\u306e\u30da\u30fc\u30b8\u306e\u30d5\u30a3\u30fc\u30c1\u30e3\u30fc\u304c\u58ca\u308c\u305f\u300d"})}),"\n",(0,s.jsx)(n.li,{children:(0,s.jsx)(n.em,{children:"\u300c\u30ed\u30b8\u30c3\u30af\u304c\u30a2\u30d7\u30ea\u5168\u4f53\u306b\u6563\u3089\u3070\u3063\u3066\u3044\u3066\u3001\u3069\u3053\u304c\u59cb\u307e\u308a\u3067\u3069\u3053\u304c\u7d42\u308f\u308a\u304b\u308f\u304b\u3089\u306a\u3044\u300d"})}),"\n"]}),"\n",(0,s.jsx)(n.h3,{id:"uncontrolled-reuse-of-logic",children:"\u5236\u5fa1\u3055\u308c\u3066\u3044\u306a\u3044\u30ed\u30b8\u30c3\u30af\u306e\u518d\u5229\u7528"}),"\n",(0,s.jsx)(n.p,{children:"\u65e2\u5b58\u306e\u30ed\u30b8\u30c3\u30af\u3092\u518d\u5229\u7528\u3057\u305f\u308a\u4fee\u6b63\u3057\u305f\u308a\u3059\u308b\u306e\u304c\u96e3\u3057\u3044\u3067\u3059\u3002"}),"\n",(0,s.jsx)(n.p,{children:"\u901a\u5e38\u30012\u3064\u306e\u6975\u7aef\u306a\u30b1\u30fc\u30b9\u304c\u3042\u308a\u307e\u3059\u3002"}),"\n",(0,s.jsxs)(n.ul,{children:["\n",(0,s.jsx)(n.li,{children:"\u5404\u30e2\u30b8\u30e5\u30fc\u30eb\u3054\u3068\u306b\u30ed\u30b8\u30c3\u30af\u3092\u5b8c\u5168\u306b\u30bc\u30ed\u304b\u3089\u66f8\u304f\uff08\u65e2\u5b58\u306e\u30b3\u30fc\u30c9\u30d9\u30fc\u30b9\u306b\u91cd\u8907\u304c\u751f\u3058\u308b\u53ef\u80fd\u6027\u304c\u3042\u308b\uff09"}),"\n",(0,s.jsxs)(n.li,{children:["\u3059\u3079\u3066\u306e\u30e2\u30b8\u30e5\u30fc\u30eb\u3092",(0,s.jsx)(n.code,{children:"shared"}),"\u30d5\u30a9\u30eb\u30c0\u30fc\u306b\u79fb\u52d5\u3057\u3001\u5927\u304d\u306a\u30e2\u30b8\u30e5\u30fc\u30eb\u306e\u300c\u3054\u307f\u5c4b\u6577\u300d\u3092\u4f5c\u308b\uff08\u307b\u3068\u3093\u3069\u304c\u4e00\u7b87\u6240\u3067\u3057\u304b\u4f7f\u7528\u3055\u308c\u306a\u3044\uff09"]}),"\n"]}),"\n",(0,s.jsx)(n.p,{children:(0,s.jsx)(n.strong,{children:"\u4f8b:"})}),"\n",(0,s.jsxs)(n.ul,{children:["\n",(0,s.jsx)(n.li,{children:(0,s.jsx)(n.em,{children:"\u300c\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u306b\u540c\u3058\u30d3\u30b8\u30cd\u30b9\u30ed\u30b8\u30c3\u30af\u306e\u8907\u6570\u306e\u5b9f\u88c5\u304c\u3042\u3063\u3066\u3001\u6bce\u65e5\u305d\u306e\u5f71\u97ff\u3092\u53d7\u3051\u3066\u3044\u308b\u300d"})}),"\n",(0,s.jsx)(n.li,{children:(0,s.jsx)(n.em,{children:"\u300c\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u306b\u306f6\u3064\u306e\u7570\u306a\u308b\u30dc\u30bf\u30f3/\u30dd\u30c3\u30d7\u30a2\u30c3\u30d7\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u304c\u3042\u308b\u300d"})}),"\n",(0,s.jsx)(n.li,{children:(0,s.jsx)(n.em,{children:"\u300c\u30d8\u30eb\u30d1\u30fc\u95a2\u6570\u306e\u300c\u3054\u307f\u5c4b\u6577\u300d\u300d"})}),"\n"]}),"\n",(0,s.jsx)(n.h2,{id:"requirements",children:"\u8981\u4ef6"}),"\n",(0,s.jsx)(n.p,{children:"\u3057\u305f\u304c\u3063\u3066\u3001\u7406\u60f3\u7684\u306a\u30a2\u30fc\u30ad\u30c6\u30af\u30c1\u30e3\u306b\u5bfe\u3059\u308b\u8981\u6c42\u3092\u63d0\u793a\u3059\u308b\u306e\u306f\u3001\u7406\u306b\u304b\u306a\u3063\u3066\u3044\u307e\u3059\u3002"}),"\n",(0,s.jsx)(n.admonition,{type:"note",children:(0,s.jsxs)(n.p,{children:["\u300c\u7c21\u5358\u300d\u3068\u8a00\u308f\u308c\u308b\u3068\u3053\u308d\u3067\u306f\u3001\u300c\u5e83\u7bc4\u306a\u958b\u767a\u8005\u306b\u3068\u3063\u3066\u76f8\u5bfe\u7684\u306b\u7c21\u5358\u3067\u3042\u308b\u300d\u3068\u3044\u3046\u610f\u5473\u3067\u3059\u3002\u306a\u305c\u306a\u3089\u3001",(0,s.jsx)(n.a,{href:"/docs/about/mission#limitations",children:"\u3059\u3079\u3066\u306e\u4eba\u306b\u3068\u3063\u3066\u5b8c\u74a7\u306a\u89e3\u6c7a\u7b56\u3092\u4f5c\u308b\u3053\u3068\u306f\u3067\u304d\u306a\u3044\u304b\u3089\u3067\u3059"}),"\u3002"]})}),"\n",(0,s.jsx)(n.h3,{id:"\u660e\u793a\u6027",children:"\u660e\u793a\u6027"}),"\n",(0,s.jsxs)(n.ul,{children:["\n",(0,s.jsxs)(n.li,{children:["\u30c1\u30fc\u30e0\u304c\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u3068\u305d\u306e\u30a2\u30fc\u30ad\u30c6\u30af\u30c1\u30e3\u3092",(0,s.jsx)(n.strong,{children:"\u7c21\u5358\u306b\u7fd2\u5f97\u3057\u3001\u8aac\u660e\u3067\u304d\u308b"}),"\u3088\u3046\u306b\u3059\u308b\u5fc5\u8981\u304c\u3042\u308b"]}),"\n",(0,s.jsxs)(n.li,{children:["\u69cb\u9020\u306f\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u306e",(0,s.jsx)(n.strong,{children:"\u30d3\u30b8\u30cd\u30b9\u4fa1\u5024"}),"\u3092\u53cd\u6620\u3059\u308b\u3079\u304d\u3067\u3042\u308b"]}),"\n",(0,s.jsxs)(n.li,{children:[(0,s.jsx)(n.strong,{children:"\u526f\u4f5c\u7528\u3068\u62bd\u8c61\u5316\u9593\u306e\u95a2\u4fc2"}),"\u304c\u660e\u793a\u3055\u308c\u308b\u3079\u304d\u3067\u3042\u308b"]}),"\n",(0,s.jsxs)(n.li,{children:["\u30e6\u30cb\u30fc\u30af\u306a\u5b9f\u88c5\u3092\u59a8\u3052\u305a\u3001",(0,s.jsx)(n.strong,{children:"\u30ed\u30b8\u30c3\u30af\u306e\u91cd\u8907\u3092\u7c21\u5358\u306b\u767a\u898b\u3067\u304d\u308b"}),"\u3088\u3046\u306b\u3059\u308b\u5fc5\u8981\u304c\u3042\u308b"]}),"\n",(0,s.jsxs)(n.li,{children:["\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u5168\u4f53\u306b",(0,s.jsx)(n.strong,{children:"\u30ed\u30b8\u30c3\u30af\u304c\u6563\u3089\u3070\u3063\u3066\u306f\u3044\u3051\u306a\u3044"})]}),"\n",(0,s.jsxs)(n.li,{children:["\u826f\u597d\u306a\u30a2\u30fc\u30ad\u30c6\u30af\u30c1\u30e3\u306e\u305f\u3081\u306b",(0,s.jsx)(n.strong,{children:"\u3042\u307e\u308a\u306b\u3082\u591a\u304f\u306e\u7570\u306a\u308b\u62bd\u8c61\u5316\u3084\u30eb\u30fc\u30eb\u304c\u5b58\u5728\u3057\u3066\u306f\u306a\u3089\u306a\u3044"})]}),"\n"]}),"\n",(0,s.jsx)(n.h3,{id:"\u5236\u5fa1",children:"\u5236\u5fa1"}),"\n",(0,s.jsxs)(n.ul,{children:["\n",(0,s.jsxs)(n.li,{children:["\u826f\u597d\u306a\u30a2\u30fc\u30ad\u30c6\u30af\u30c1\u30e3\u306f",(0,s.jsx)(n.strong,{children:"\u8ab2\u984c\u306e\u89e3\u6c7a\u3084\u6a5f\u80fd\u306e\u5c0e\u5165\u3092\u52a0\u901f\u3059\u308b"}),"\u3079\u304d\u3067\u3042\u308b"]}),"\n",(0,s.jsxs)(n.li,{children:["\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u306e\u958b\u767a\u3092",(0,s.jsx)(n.strong,{children:"\u5236\u5fa1"}),"\u3067\u304d\u308b\u5fc5\u8981\u304c\u3042\u308b"]}),"\n",(0,s.jsxs)(n.li,{children:["\u30b3\u30fc\u30c9\u3092",(0,s.jsx)(n.strong,{children:"\u62e1\u5f35\u3001\u4fee\u6b63\u3001\u524a\u9664\u3059\u308b\u306e\u304c\u7c21\u5358\u3067\u3042\u308b"}),"\u3079\u304d\u3067\u3042\u308b"]}),"\n",(0,s.jsxs)(n.li,{children:["\u6a5f\u80fd\u306e",(0,s.jsx)(n.strong,{children:"\u5206\u89e3\u3068\u5b64\u7acb\u6027"}),"\u304c\u5b88\u3089\u308c\u308b\u3079\u304d\u3067\u3042\u308b"]}),"\n",(0,s.jsxs)(n.li,{children:["\u30b7\u30b9\u30c6\u30e0\u306e\u5404\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306f",(0,s.jsx)(n.strong,{children:"\u7c21\u5358\u306b\u4ea4\u63db\u53ef\u80fd\u3067\u524a\u9664\u53ef\u80fd"}),"\u3067\u3042\u308b\u3079\u304d\u3067\u3042\u308b","\n",(0,s.jsxs)(n.ul,{children:["\n",(0,s.jsx)(n.li,{children:(0,s.jsxs)(n.em,{children:["\u672a\u6765\u3092\u4e88\u6e2c\u3059\u308b\u3053\u3068\u306f\u3067\u304d\u306a\u3044\u304b\u3089\u3001",(0,s.jsx)(n.a,{href:"https://youtu.be/BWAeYuWFHhs?t=1631",children:"\u5909\u66f4\u306b\u6700\u9069\u5316\u3059\u308b\u5fc5\u8981\u306f\u306a\u3044"})]})}),"\n",(0,s.jsx)(n.li,{children:(0,s.jsxs)(n.em,{children:["\u65e2\u5b58\u306e\u30b3\u30f3\u30c6\u30ad\u30b9\u30c8\u306b\u57fa\u3065\u3044\u3066\u3001",(0,s.jsx)(n.a,{href:"https://youtu.be/BWAeYuWFHhs?t=1666",children:"\u524a\u9664\u306b\u6700\u9069\u5316\u3059\u308b\u65b9\u304c\u826f\u3044"})]})}),"\n"]}),"\n"]}),"\n"]}),"\n",(0,s.jsx)(n.h3,{id:"\u9069\u5fdc\u6027",children:"\u9069\u5fdc\u6027"}),"\n",(0,s.jsxs)(n.ul,{children:["\n",(0,s.jsxs)(n.li,{children:["\u826f\u597d\u306a\u30a2\u30fc\u30ad\u30c6\u30af\u30c1\u30e3\u306f\u3001\u307b\u3068\u3093\u3069\u306e\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u306b\u9069\u7528\u53ef\u80fd\u3067\u3042\u308b\u3079\u304d\u3067\u3042\u308b","\n",(0,s.jsxs)(n.ul,{children:["\n",(0,s.jsx)(n.li,{children:(0,s.jsx)(n.em,{children:"\u65e2\u5b58\u306e\u30a4\u30f3\u30d5\u30e9\u30bd\u30ea\u30e5\u30fc\u30b7\u30e7\u30f3\u3068\u5171\u306b"})}),"\n",(0,s.jsx)(n.li,{children:(0,s.jsx)(n.em,{children:"\u3069\u306e\u767a\u5c55\u6bb5\u968e\u3067\u3082"})}),"\n"]}),"\n"]}),"\n",(0,s.jsx)(n.li,{children:"\u30d5\u30ec\u30fc\u30e0\u30ef\u30fc\u30af\u3084\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\u306b\u4f9d\u5b58\u3057\u3066\u306f\u3044\u3051\u306a\u3044"}),"\n",(0,s.jsx)(n.li,{children:"\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u3068\u30c1\u30fc\u30e0\u3092\u7c21\u5358\u306b\u30b9\u30b1\u30fc\u30eb\u30a2\u30c3\u30d7\u3067\u304d\u3001\u958b\u767a\u306e\u4e26\u884c\u51e6\u7406\u304c\u53ef\u80fd\u3067\u3042\u308b\u5fc5\u8981\u304c\u3042\u308b"}),"\n",(0,s.jsx)(n.li,{children:"\u5909\u5316\u3059\u308b\u8981\u4ef6\u3084\u72b6\u6cc1\u306b\u9069\u5fdc\u3059\u308b\u306e\u304c\u7c21\u5358\u3067\u3042\u308b\u3079\u304d\u3067\u3042\u308b"}),"\n"]}),"\n",(0,s.jsx)(n.h2,{id:"see-also",children:"\u95a2\u9023\u60c5\u5831"}),"\n",(0,s.jsxs)(n.ul,{children:["\n",(0,s.jsx)(n.li,{children:(0,s.jsx)(n.a,{href:"https://youtu.be/BWAeYuWFHhs",children:"(React Berlin Talk) Oleg Isonen - Feature Driven Architecture"})}),"\n",(0,s.jsx)(n.li,{children:(0,s.jsx)(n.a,{href:"https://alexmngn.medium.com/why-react-developers-should-modularize-their-applications-d26d381854c1",children:"(\u8a18\u4e8b) \u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u306e\u30e2\u30b8\u30e5\u30fc\u30eb\u5316\u306b\u3064\u3044\u3066"})}),"\n",(0,s.jsx)(n.li,{children:(0,s.jsx)(n.a,{href:"https://ryanlanciaux.com/blog/2017/08/20/a-feature-based-approach-to-react-development/",children:"(\u8a18\u4e8b) \u95a2\u5fc3\u306e\u5206\u96e2\u3068\u6a5f\u80fd\u306b\u57fa\u3065\u304f\u69cb\u9020\u306b\u3064\u3044\u3066"})}),"\n"]})]})}function a(e={}){const{wrapper:n}={...(0,l.R)(),...e.components};return n?(0,s.jsx)(n,{...e,children:(0,s.jsx)(o,{...e})}):o(e)}},1100:(e,n,i)=>{i.d(n,{R:()=>d,x:()=>c});var s=i(758);const l={},r=s.createContext(l);function d(e){const n=s.useContext(r);return s.useMemo((function(){return"function"==typeof e?e(n):{...n,...e}}),[n,e])}function c(e){let n;return n=e.disableParentContext?"function"==typeof e.components?e.components(l):e.components||l:d(e.components),s.createElement(r.Provider,{value:n},e.children)}}}]);
\ No newline at end of file
diff --git a/ja/assets/js/e3945454.2e5250f5.js b/ja/assets/js/e3945454.c3538be4.js
similarity index 98%
rename from ja/assets/js/e3945454.2e5250f5.js
rename to ja/assets/js/e3945454.c3538be4.js
index 9ad8260df5..50c4801ffa 100644
--- a/ja/assets/js/e3945454.2e5250f5.js
+++ b/ja/assets/js/e3945454.c3538be4.js
@@ -1,2 +1,2 @@
-/*! For license information please see e3945454.2e5250f5.js.LICENSE.txt */
-"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[8268],{7946:(e,t,s)=>{s.d(t,{Ay:()=>r,RM:()=>i});var n=s(6070),c=s(1100),a=s(5988);const i=[];function o(e){return(0,n.jsx)(a.A,{...e})}function r(e={}){const{wrapper:t}={...(0,c.R)(),...e.components};return t?(0,n.jsx)(t,{...e,children:(0,n.jsx)(o,{...e})}):o(e)}},7472:(e,t,s)=>{s.r(t),s.d(t,{assets:()=>A,contentTitle:()=>j,default:()=>M,frontMatter:()=>g,metadata:()=>_,toc:()=>b});var n=s(6070),c=s(1100),a=s(7946),i=s(991),o=s(758);const r={icon:{tag:"svg",attrs:{viewBox:"64 64 896 896",focusable:"false"},children:[{tag:"defs",attrs:{},children:[{tag:"style",attrs:{}}]},{tag:"path",attrs:{d:"M759 335c0-137-111-248-248-248S263 198 263 335c0 82.8 40.6 156.2 103 201.2-.4.2-.7.3-.9.4-44.7 18.9-84.8 46-119.3 80.6a373.42 373.42 0 00-80.4 119.5A373.6 373.6 0 00136 874.8a8 8 0 008 8.2h59.9c4.3 0 7.9-3.5 8-7.8 2-77.2 32.9-149.5 87.6-204.3C356 614.2 431 583 511 583c137 0 248-111 248-248zM511 507c-95 0-172-77-172-172s77-172 172-172 172 77 172 172-77 172-172 172zm105 221h264c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8H703.5l47.2-60.1a8.1 8.1 0 001.7-4.9c0-4.4-3.6-8-8-8h-72.6c-4.9 0-9.5 2.3-12.6 6.1l-68.5 87.1c-4.4 5.6-6.8 12.6-6.8 19.8.1 17.7 14.4 32 32.1 32zm240 64H592c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h176.5l-47.2 60.1a8.1 8.1 0 00-1.7 4.9c0 4.4 3.6 8 8 8h72.6c4.9 0 9.5-2.3 12.6-6.1l68.5-87.1c4.4-5.6 6.8-12.6 6.8-19.8-.1-17.7-14.4-32-32.1-32z"}}]},name:"user-switch",theme:"outlined"};var d=s(9820),l=function(e,t){return o.createElement(d.A,(0,i.A)({},e,{ref:t,icon:r}))};const u=o.forwardRef(l);const h={icon:{tag:"svg",attrs:{viewBox:"64 64 896 896",focusable:"false"},children:[{tag:"path",attrs:{d:"M920 416H616c-4.4 0-8 3.6-8 8v112c0 4.4 3.6 8 8 8h48c4.4 0 8-3.6 8-8v-56h60v320h-46c-4.4 0-8 3.6-8 8v48c0 4.4 3.6 8 8 8h164c4.4 0 8-3.6 8-8v-48c0-4.4-3.6-8-8-8h-46V480h60v56c0 4.4 3.6 8 8 8h48c4.4 0 8-3.6 8-8V424c0-4.4-3.6-8-8-8zM656 296V168c0-4.4-3.6-8-8-8H104c-4.4 0-8 3.6-8 8v128c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-64h168v560h-92c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h264c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8h-92V232h168v64c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8z"}}]},name:"font-size",theme:"outlined"};var m=function(e,t){return o.createElement(d.A,(0,i.A)({},e,{ref:t,icon:h}))};const p=o.forwardRef(m);const x={icon:{tag:"svg",attrs:{viewBox:"64 64 896 896",focusable:"false"},children:[{tag:"path",attrs:{d:"M880 112H144c-17.7 0-32 14.3-32 32v736c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V144c0-17.7-14.3-32-32-32zm-696 72h136v656H184V184zm656 656H384V384h456v456zM384 320V184h456v136H384z"}}]},name:"layout",theme:"outlined"};var f=function(e,t){return o.createElement(d.A,(0,i.A)({},e,{ref:t,icon:x}))};const v=o.forwardRef(f),g={hide_table_of_contents:!0},j="\u4f8b",_={id:"guides/examples/index",title:"\u4f8b",description:"\u5c0f\u3055\u306a\u5b9f\u8df5\u7684\u306a\u4f8b\u3092\u901a\u3058\u3066\u3001FSD\u306e\u9069\u7528\u65b9\u6cd5\u3092\u793a\u3057\u307e\u3059\u3002",source:"@site/i18n/ja/docusaurus-plugin-content-docs/current/guides/examples/index.mdx",sourceDirName:"guides/examples",slug:"/guides/examples/",permalink:"/ja/docs/guides/examples/",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/ja/docusaurus-plugin-content-docs/current/guides/examples/index.mdx",tags:[],version:"current",lastUpdatedAt:1727607766e3,frontMatter:{hide_table_of_contents:!0},sidebar:"guidesSidebar",previous:{title:"\ud83c\udfaf \u30ac\u30a4\u30c9",permalink:"/ja/docs/guides/"},next:{title:"\u8a8d\u8a3c",permalink:"/ja/docs/guides/examples/auth"}},A={},b=[{value:"\u4e3b\u8981",id:"main",level:2},...a.RM,...a.RM,...a.RM];function y(e){const t={h1:"h1",h2:"h2",header:"header",p:"p",...(0,c.R)(),...e.components};return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(t.header,{children:(0,n.jsx)(t.h1,{id:"\u4f8b",children:"\u4f8b"})}),"\n",(0,n.jsx)("p",{class:"summary",children:(0,n.jsx)(t.p,{children:"\u5c0f\u3055\u306a\u5b9f\u8df5\u7684\u306a\u4f8b\u3092\u901a\u3058\u3066\u3001FSD\u306e\u9069\u7528\u65b9\u6cd5\u3092\u793a\u3057\u307e\u3059\u3002"})}),"\n",(0,n.jsx)(t.h2,{id:"main",children:"\u4e3b\u8981"}),"\n","\n",(0,n.jsx)(a.Ay,{title:"\u8a8d\u8a3c",description:"\u8a8d\u8a3c\u30ed\u30b8\u30c3\u30af\u306e\u5206\u89e3",to:"/docs/guides/examples/auth",Icon:u,tags:["\u30d5\u30a9\u30fc\u30e0","2FA","OAuth","\u30c8\u30fc\u30af\u30f3\u306e\u4fdd\u5b58","\u30c8\u30fc\u30af\u30f3\u306e\u66f4\u65b0"]}),"\n",(0,n.jsx)(a.Ay,{title:"\u578b",description:"\u578b\u306f\u3069\u3053\u306b\u914d\u7f6e\u3059\u3079\u304d\u304b\uff1fFSD\u306e\u6587\u8108\u3067\u306e\u578b\u306e\u7a2e\u985e\u306f\u4f55\u304b\uff1f",to:"/docs/guides/examples/types",Icon:p,tags:["DTO","\u30de\u30c3\u30d1\u30fc","\u30a8\u30f3\u30c6\u30a3\u30c6\u30a3\u306e\u95a2\u4fc2","\u81ea\u52d5\u751f\u6210","\u30d0\u30ea\u30c7\u30fc\u30b7\u30e7\u30f3\u30b9\u30ad\u30fc\u30de"]}),"\n",(0,n.jsx)(a.Ay,{title:"\u30da\u30fc\u30b8\u30ec\u30a4\u30a2\u30a6\u30c8",description:"\u30ec\u30a4\u30a2\u30a6\u30c8\u306b\u95a2\u3059\u308b\u4e3b\u8981\u306a\u30b1\u30fc\u30b9",to:"/docs/guides/examples/page-layout",Icon:v,tags:["\u3069\u3053\u306b\u4fdd\u5b58\u3059\u308b\u304b","\u30ec\u30a4\u30a2\u30a6\u30c8\u3067\u306e\u30a6\u30a3\u30b8\u30a7\u30c3\u30c8\u306e\u4f7f\u7528"]})]})}function M(e={}){const{wrapper:t}={...(0,c.R)(),...e.components};return t?(0,n.jsx)(t,{...e,children:(0,n.jsx)(y,{...e})}):y(e)}},5988:(e,t,s)=>{s.d(t,{Y:()=>o,A:()=>d});s(758);var n=s(3526),c=s(6783);const a={root:"root_GfON",rootDisabled:"rootDisabled_SFUB",details:"details_xxkR",detailsTags:"detailsTags_uTQx",icon:"icon_ciqP",title:"title_pSH5",description:"description__Fep",miniTheme:"miniTheme_ePfp",primaryTheme:"primaryTheme_CilO",defaultTheme:"defaultTheme_j3I8"};var i=s(6070);const o=e=>{const{title:t,description:s,to:o,Icon:d,tags:l,className:u,disabled:h,theme:m="default"}=e;return(0,i.jsxs)(c.A,{className:(0,n.A)(a.root,u,h&&a.rootDisabled,a[`${m}Theme`]),to:o,children:[(0,i.jsx)(r,{Icon:d}),(0,i.jsxs)("div",{className:a.details,children:[(0,i.jsxs)("div",{className:a.detailsMain,children:[(0,i.jsx)("span",{className:a.title,children:t}),(0,i.jsx)("p",{className:a.description,children:s})]}),l&&(0,i.jsx)("div",{className:a.detailsTags,children:l.join(" \u2022 ")})]})]})},r=e=>{let{Icon:t}=e;return t?"string"==typeof t?(0,i.jsx)("span",{className:a.icon,children:t}):(0,i.jsx)(t,{className:a.icon}):null},d=o},1100:(e,t,s)=>{s.d(t,{R:()=>i,x:()=>o});var n=s(758);const c={},a=n.createContext(c);function i(e){const t=n.useContext(a);return n.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function o(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(c):e.components||c:i(e.components),n.createElement(a.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
+/*! For license information please see e3945454.c3538be4.js.LICENSE.txt */
+"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[8268],{7946:(e,t,s)=>{s.d(t,{Ay:()=>r,RM:()=>i});var n=s(6070),c=s(1100),a=s(5988);const i=[];function o(e){return(0,n.jsx)(a.A,{...e})}function r(e={}){const{wrapper:t}={...(0,c.R)(),...e.components};return t?(0,n.jsx)(t,{...e,children:(0,n.jsx)(o,{...e})}):o(e)}},7472:(e,t,s)=>{s.r(t),s.d(t,{assets:()=>A,contentTitle:()=>j,default:()=>M,frontMatter:()=>g,metadata:()=>_,toc:()=>b});var n=s(6070),c=s(1100),a=s(7946),i=s(991),o=s(758);const r={icon:{tag:"svg",attrs:{viewBox:"64 64 896 896",focusable:"false"},children:[{tag:"defs",attrs:{},children:[{tag:"style",attrs:{}}]},{tag:"path",attrs:{d:"M759 335c0-137-111-248-248-248S263 198 263 335c0 82.8 40.6 156.2 103 201.2-.4.2-.7.3-.9.4-44.7 18.9-84.8 46-119.3 80.6a373.42 373.42 0 00-80.4 119.5A373.6 373.6 0 00136 874.8a8 8 0 008 8.2h59.9c4.3 0 7.9-3.5 8-7.8 2-77.2 32.9-149.5 87.6-204.3C356 614.2 431 583 511 583c137 0 248-111 248-248zM511 507c-95 0-172-77-172-172s77-172 172-172 172 77 172 172-77 172-172 172zm105 221h264c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8H703.5l47.2-60.1a8.1 8.1 0 001.7-4.9c0-4.4-3.6-8-8-8h-72.6c-4.9 0-9.5 2.3-12.6 6.1l-68.5 87.1c-4.4 5.6-6.8 12.6-6.8 19.8.1 17.7 14.4 32 32.1 32zm240 64H592c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h176.5l-47.2 60.1a8.1 8.1 0 00-1.7 4.9c0 4.4 3.6 8 8 8h72.6c4.9 0 9.5-2.3 12.6-6.1l68.5-87.1c4.4-5.6 6.8-12.6 6.8-19.8-.1-17.7-14.4-32-32.1-32z"}}]},name:"user-switch",theme:"outlined"};var d=s(9820),l=function(e,t){return o.createElement(d.A,(0,i.A)({},e,{ref:t,icon:r}))};const u=o.forwardRef(l);const h={icon:{tag:"svg",attrs:{viewBox:"64 64 896 896",focusable:"false"},children:[{tag:"path",attrs:{d:"M920 416H616c-4.4 0-8 3.6-8 8v112c0 4.4 3.6 8 8 8h48c4.4 0 8-3.6 8-8v-56h60v320h-46c-4.4 0-8 3.6-8 8v48c0 4.4 3.6 8 8 8h164c4.4 0 8-3.6 8-8v-48c0-4.4-3.6-8-8-8h-46V480h60v56c0 4.4 3.6 8 8 8h48c4.4 0 8-3.6 8-8V424c0-4.4-3.6-8-8-8zM656 296V168c0-4.4-3.6-8-8-8H104c-4.4 0-8 3.6-8 8v128c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-64h168v560h-92c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h264c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8h-92V232h168v64c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8z"}}]},name:"font-size",theme:"outlined"};var m=function(e,t){return o.createElement(d.A,(0,i.A)({},e,{ref:t,icon:h}))};const p=o.forwardRef(m);const x={icon:{tag:"svg",attrs:{viewBox:"64 64 896 896",focusable:"false"},children:[{tag:"path",attrs:{d:"M880 112H144c-17.7 0-32 14.3-32 32v736c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V144c0-17.7-14.3-32-32-32zm-696 72h136v656H184V184zm656 656H384V384h456v456zM384 320V184h456v136H384z"}}]},name:"layout",theme:"outlined"};var f=function(e,t){return o.createElement(d.A,(0,i.A)({},e,{ref:t,icon:x}))};const v=o.forwardRef(f),g={hide_table_of_contents:!0},j="\u4f8b",_={id:"guides/examples/index",title:"\u4f8b",description:"\u5c0f\u3055\u306a\u5b9f\u8df5\u7684\u306a\u4f8b\u3092\u901a\u3058\u3066\u3001FSD\u306e\u9069\u7528\u65b9\u6cd5\u3092\u793a\u3057\u307e\u3059\u3002",source:"@site/i18n/ja/docusaurus-plugin-content-docs/current/guides/examples/index.mdx",sourceDirName:"guides/examples",slug:"/guides/examples/",permalink:"/ja/docs/guides/examples/",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/ja/docusaurus-plugin-content-docs/current/guides/examples/index.mdx",tags:[],version:"current",lastUpdatedAt:1728325386e3,frontMatter:{hide_table_of_contents:!0},sidebar:"guidesSidebar",previous:{title:"\ud83c\udfaf \u30ac\u30a4\u30c9",permalink:"/ja/docs/guides/"},next:{title:"\u8a8d\u8a3c",permalink:"/ja/docs/guides/examples/auth"}},A={},b=[{value:"\u4e3b\u8981",id:"main",level:2},...a.RM,...a.RM,...a.RM];function y(e){const t={h1:"h1",h2:"h2",header:"header",p:"p",...(0,c.R)(),...e.components};return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(t.header,{children:(0,n.jsx)(t.h1,{id:"\u4f8b",children:"\u4f8b"})}),"\n",(0,n.jsx)("p",{class:"summary",children:(0,n.jsx)(t.p,{children:"\u5c0f\u3055\u306a\u5b9f\u8df5\u7684\u306a\u4f8b\u3092\u901a\u3058\u3066\u3001FSD\u306e\u9069\u7528\u65b9\u6cd5\u3092\u793a\u3057\u307e\u3059\u3002"})}),"\n",(0,n.jsx)(t.h2,{id:"main",children:"\u4e3b\u8981"}),"\n","\n",(0,n.jsx)(a.Ay,{title:"\u8a8d\u8a3c",description:"\u8a8d\u8a3c\u30ed\u30b8\u30c3\u30af\u306e\u5206\u89e3",to:"/docs/guides/examples/auth",Icon:u,tags:["\u30d5\u30a9\u30fc\u30e0","2FA","OAuth","\u30c8\u30fc\u30af\u30f3\u306e\u4fdd\u5b58","\u30c8\u30fc\u30af\u30f3\u306e\u66f4\u65b0"]}),"\n",(0,n.jsx)(a.Ay,{title:"\u578b",description:"\u578b\u306f\u3069\u3053\u306b\u914d\u7f6e\u3059\u3079\u304d\u304b\uff1fFSD\u306e\u6587\u8108\u3067\u306e\u578b\u306e\u7a2e\u985e\u306f\u4f55\u304b\uff1f",to:"/docs/guides/examples/types",Icon:p,tags:["DTO","\u30de\u30c3\u30d1\u30fc","\u30a8\u30f3\u30c6\u30a3\u30c6\u30a3\u306e\u95a2\u4fc2","\u81ea\u52d5\u751f\u6210","\u30d0\u30ea\u30c7\u30fc\u30b7\u30e7\u30f3\u30b9\u30ad\u30fc\u30de"]}),"\n",(0,n.jsx)(a.Ay,{title:"\u30da\u30fc\u30b8\u30ec\u30a4\u30a2\u30a6\u30c8",description:"\u30ec\u30a4\u30a2\u30a6\u30c8\u306b\u95a2\u3059\u308b\u4e3b\u8981\u306a\u30b1\u30fc\u30b9",to:"/docs/guides/examples/page-layout",Icon:v,tags:["\u3069\u3053\u306b\u4fdd\u5b58\u3059\u308b\u304b","\u30ec\u30a4\u30a2\u30a6\u30c8\u3067\u306e\u30a6\u30a3\u30b8\u30a7\u30c3\u30c8\u306e\u4f7f\u7528"]})]})}function M(e={}){const{wrapper:t}={...(0,c.R)(),...e.components};return t?(0,n.jsx)(t,{...e,children:(0,n.jsx)(y,{...e})}):y(e)}},5988:(e,t,s)=>{s.d(t,{Y:()=>o,A:()=>d});s(758);var n=s(3526),c=s(6783);const a={root:"root_GfON",rootDisabled:"rootDisabled_SFUB",details:"details_xxkR",detailsTags:"detailsTags_uTQx",icon:"icon_ciqP",title:"title_pSH5",description:"description__Fep",miniTheme:"miniTheme_ePfp",primaryTheme:"primaryTheme_CilO",defaultTheme:"defaultTheme_j3I8"};var i=s(6070);const o=e=>{const{title:t,description:s,to:o,Icon:d,tags:l,className:u,disabled:h,theme:m="default"}=e;return(0,i.jsxs)(c.A,{className:(0,n.A)(a.root,u,h&&a.rootDisabled,a[`${m}Theme`]),to:o,children:[(0,i.jsx)(r,{Icon:d}),(0,i.jsxs)("div",{className:a.details,children:[(0,i.jsxs)("div",{className:a.detailsMain,children:[(0,i.jsx)("span",{className:a.title,children:t}),(0,i.jsx)("p",{className:a.description,children:s})]}),l&&(0,i.jsx)("div",{className:a.detailsTags,children:l.join(" \u2022 ")})]})]})},r=e=>{let{Icon:t}=e;return t?"string"==typeof t?(0,i.jsx)("span",{className:a.icon,children:t}):(0,i.jsx)(t,{className:a.icon}):null},d=o},1100:(e,t,s)=>{s.d(t,{R:()=>i,x:()=>o});var n=s(758);const c={},a=n.createContext(c);function i(e){const t=n.useContext(a);return n.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function o(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(c):e.components||c:i(e.components),n.createElement(a.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
diff --git a/ja/assets/js/e3945454.2e5250f5.js.LICENSE.txt b/ja/assets/js/e3945454.c3538be4.js.LICENSE.txt
similarity index 100%
rename from ja/assets/js/e3945454.2e5250f5.js.LICENSE.txt
rename to ja/assets/js/e3945454.c3538be4.js.LICENSE.txt
diff --git a/ja/assets/js/e878a63e.3601c37c.js b/ja/assets/js/e878a63e.839ada31.js
similarity index 99%
rename from ja/assets/js/e878a63e.3601c37c.js
rename to ja/assets/js/e878a63e.839ada31.js
index d6c112626e..11faa52580 100644
--- a/ja/assets/js/e878a63e.3601c37c.js
+++ b/ja/assets/js/e878a63e.839ada31.js
@@ -1 +1 @@
-"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[9648],{8673:(e,s,n)=>{n.r(s),n.d(s,{assets:()=>d,contentTitle:()=>c,default:()=>p,frontMatter:()=>r,metadata:()=>l,toc:()=>a});var t=n(6070),i=n(1100);const r={sidebar_position:10},c="SvelteKit\u3068\u306e\u4f75\u7528",l={id:"guides/tech/with-sveltekit",title:"SvelteKit\u3068\u306e\u4f75\u7528",description:"SvelteKit\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u3067FSD\u3092\u5b9f\u88c5\u3059\u308b\u3053\u3068\u306f\u53ef\u80fd\u3067\u3059\u304c\u3001SvelteKit\u306e\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u69cb\u9020\u8981\u4ef6\u3068FSD\u306e\u539f\u5247\u306e\u9055\u3044\u306b\u3088\u308a\u3001\u4ee5\u4e0b\u306e2\u70b9\u3067\u30b3\u30f3\u30d5\u30ea\u30af\u30c8\u304c\u767a\u751f\u3057\u3066\u3057\u307e\u3044\u307e\u3059\u3002",source:"@site/i18n/ja/docusaurus-plugin-content-docs/current/guides/tech/with-sveltekit.mdx",sourceDirName:"guides/tech",slug:"/guides/tech/with-sveltekit",permalink:"/ja/docs/guides/tech/with-sveltekit",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/ja/docusaurus-plugin-content-docs/current/guides/tech/with-sveltekit.mdx",tags:[],version:"current",lastUpdatedAt:1727607766e3,sidebarPosition:10,frontMatter:{sidebar_position:10},sidebar:"guidesSidebar",previous:{title:"React Query\u3068\u306e\u4f75\u7528",permalink:"/ja/docs/guides/tech/with-react-query"},next:{title:"\u30c7\u30bb\u30b0\u30e1\u30f3\u30c6\u30fc\u30b7\u30e7\u30f3",permalink:"/ja/docs/guides/issues/desegmented"}},d={},a=[{value:"\u30b3\u30f3\u30d5\u30a3\u30b0\u30d5\u30a1\u30a4\u30eb\u306e\u8a2d\u5b9a",id:"\u30b3\u30f3\u30d5\u30a3\u30b0\u30d5\u30a1\u30a4\u30eb\u306e\u8a2d\u5b9a",level:2},{value:"<code>src/app</code>\u5185\u3078\u306e\u30d5\u30a1\u30a4\u30eb\u30eb\u30fc\u30c6\u30a3\u30f3\u30b0\u306e\u79fb\u52d5",id:"srcapp\u5185\u3078\u306e\u30d5\u30a1\u30a4\u30eb\u30eb\u30fc\u30c6\u30a3\u30f3\u30b0\u306e\u79fb\u52d5",level:2},{value:"\u53c2\u7167",id:"\u53c2\u7167",level:2}];function o(e){const s={a:"a",code:"code",h1:"h1",h2:"h2",header:"header",li:"li",p:"p",pre:"pre",ul:"ul",...(0,i.R)(),...e.components};return(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(s.header,{children:(0,t.jsx)(s.h1,{id:"sveltekit\u3068\u306e\u4f75\u7528",children:"SvelteKit\u3068\u306e\u4f75\u7528"})}),"\n",(0,t.jsx)(s.p,{children:"SvelteKit\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u3067FSD\u3092\u5b9f\u88c5\u3059\u308b\u3053\u3068\u306f\u53ef\u80fd\u3067\u3059\u304c\u3001SvelteKit\u306e\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u69cb\u9020\u8981\u4ef6\u3068FSD\u306e\u539f\u5247\u306e\u9055\u3044\u306b\u3088\u308a\u3001\u4ee5\u4e0b\u306e2\u70b9\u3067\u30b3\u30f3\u30d5\u30ea\u30af\u30c8\u304c\u767a\u751f\u3057\u3066\u3057\u307e\u3044\u307e\u3059\u3002"}),"\n",(0,t.jsxs)(s.ul,{children:["\n",(0,t.jsxs)(s.li,{children:["SvelteKit\u306f",(0,t.jsx)(s.code,{children:"src/routes"}),"\u30d5\u30a9\u30eb\u30c0\u30fc\u5185\u3067\u30d5\u30a1\u30a4\u30eb\u69cb\u9020\u3092\u4f5c\u6210\u3059\u308b\u3053\u3068\u3092\u63d0\u6848\u3057\u3066\u3044\u308b\u304c\u3001FSD\u3067\u306f\u30eb\u30fc\u30c6\u30a3\u30f3\u30b0\u306f",(0,t.jsx)(s.code,{children:"app"}),"\u5c64\u306e\u4e00\u90e8\u3067\u3042\u308b\u5fc5\u8981\u304c\u3042\u308b"]}),"\n",(0,t.jsxs)(s.li,{children:["SvelteKit\u306f\u3001\u30eb\u30fc\u30c6\u30a3\u30f3\u30b0\u306b\u95a2\u4fc2\u306e\u306a\u3044\u3059\u3079\u3066\u306e\u3082\u306e\u3092",(0,t.jsx)(s.code,{children:"src/lib"}),"\u30d5\u30a9\u30eb\u30c0\u30fc\u306b\u5165\u308c\u308b\u3053\u3068\u3092\u63d0\u6848\u3057\u3066\u3044\u308b"]}),"\n"]}),"\n",(0,t.jsx)(s.h2,{id:"\u30b3\u30f3\u30d5\u30a3\u30b0\u30d5\u30a1\u30a4\u30eb\u306e\u8a2d\u5b9a",children:"\u30b3\u30f3\u30d5\u30a3\u30b0\u30d5\u30a1\u30a4\u30eb\u306e\u8a2d\u5b9a"}),"\n",(0,t.jsx)(s.pre,{children:(0,t.jsx)(s.code,{className:"language-ts",metastring:'title="svelte.config.ts"',children:"import adapter from '@sveltejs/adapter-auto';\nimport { vitePreprocess } from '@sveltejs/vite-plugin-svelte';\n\n/** @type {import('@sveltejs/kit').Config}*/\nconst config = {\n  preprocess: [vitePreprocess()],\n  kit: {\n    adapter: adapter(),\n    files: {\n      routes: 'src/app/routes', // \u30eb\u30fc\u30c6\u30a3\u30f3\u30b0\u3092app\u5c64\u5185\u306b\u79fb\u52d5\n      lib: 'src',\n      appTemplate: 'src/app/index.html', // \u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u306e\u30a8\u30f3\u30c8\u30ea\u30fc\u30dd\u30a4\u30f3\u30c8\u3092app\u5c64\u5185\u306b\u79fb\u52d5\n      assets: 'public'\n    },\n    alias: {\n        '@/*': 'src/*' // src\u30c7\u30a3\u30ec\u30af\u30c8\u30ea\u306e\u30a8\u30a4\u30ea\u30a2\u30b9\u3092\u4f5c\u6210\n    }\n  }\n};\nexport default config;\n"})}),"\n",(0,t.jsxs)(s.h2,{id:"srcapp\u5185\u3078\u306e\u30d5\u30a1\u30a4\u30eb\u30eb\u30fc\u30c6\u30a3\u30f3\u30b0\u306e\u79fb\u52d5",children:[(0,t.jsx)(s.code,{children:"src/app"}),"\u5185\u3078\u306e\u30d5\u30a1\u30a4\u30eb\u30eb\u30fc\u30c6\u30a3\u30f3\u30b0\u306e\u79fb\u52d5"]}),"\n",(0,t.jsxs)(s.p,{children:[(0,t.jsx)(s.code,{children:"app"}),"\u5c64\u3092\u4f5c\u6210\u3057\u3001\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u306e\u30a8\u30f3\u30c8\u30ea\u30fc\u30dd\u30a4\u30f3\u30c8\u3067\u3042\u308b",(0,t.jsx)(s.code,{children:"index.html"}),"\u3092\u79fb\u52d5\u3057\u3001",(0,t.jsx)(s.code,{children:"routes"}),"\u30d5\u30a9\u30eb\u30c0\u30fc\u3092\u4f5c\u6210\u3057\u307e\u3059\u3002\n\u6700\u7d42\u7684\u306b\u30d5\u30a1\u30a4\u30eb\u69cb\u9020\u306f\u6b21\u306e\u3088\u3046\u306b\u306a\u308a\u307e\u3059\u3002"]}),"\n",(0,t.jsx)(s.pre,{children:(0,t.jsx)(s.code,{className:"language-sh",children:"\u251c\u2500\u2500 src\n\u2502   \u251c\u2500\u2500 app\n\u2502   \u2502   \u251c\u2500\u2500 index.html\n\u2502   \u2502   \u251c\u2500\u2500 routes\n\u2502   \u251c\u2500\u2500 pages # FSD\u306b\u5272\u308a\u5f53\u3066\u3089\u308c\u305fpages\u30d5\u30a9\u30eb\u30c0\u30fc\n"})}),"\n",(0,t.jsxs)(s.p,{children:["\u3053\u308c\u3067\u3001",(0,t.jsx)(s.code,{children:"app"}),"\u5185\u306b\u30da\u30fc\u30b8\u306e\u30eb\u30fc\u30c8\u3092\u4f5c\u6210\u3057\u305f\u308a\u3001",(0,t.jsx)(s.code,{children:"pages"}),"\u304b\u3089\u306e\u30da\u30fc\u30b8\u3092\u30eb\u30fc\u30c8\u306b\u63a5\u7d9a\u3057\u305f\u308a\u3067\u304d\u307e\u3059\u3002"]}),"\n",(0,t.jsx)(s.p,{children:"\u4f8b\u3048\u3070\u3001\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u306b\u30db\u30fc\u30e0\u30da\u30fc\u30b8\u3092\u8ffd\u52a0\u3059\u308b\u306b\u306f\u3001\u6b21\u306e\u624b\u9806\u3092\u5b9f\u884c\u3057\u307e\u3059\u3002"}),"\n",(0,t.jsxs)(s.ul,{children:["\n",(0,t.jsxs)(s.li,{children:[(0,t.jsx)(s.code,{children:"pages"}),"\u5c64\u5185\u306b\u30db\u30fc\u30e0\u30da\u30fc\u30b8\u30b9\u30e9\u30a4\u30b9\u3092\u8ffd\u52a0\u3059\u308b"]}),"\n",(0,t.jsxs)(s.li,{children:[(0,t.jsx)(s.code,{children:"app"}),"\u5c64\u306e",(0,t.jsx)(s.code,{children:"routes"}),"\u30d5\u30a9\u30eb\u30c0\u30fc\u306b\u5bfe\u5fdc\u3059\u308b\u30eb\u30fc\u30c8\u3092\u8ffd\u52a0\u3059\u308b"]}),"\n",(0,t.jsx)(s.li,{children:"\u30b9\u30e9\u30a4\u30b9\u306e\u30da\u30fc\u30b8\u3068\u30eb\u30fc\u30c8\u3092\u7d71\u5408\u3059\u308b"}),"\n"]}),"\n",(0,t.jsxs)(s.p,{children:["\u30db\u30fc\u30e0\u30da\u30fc\u30b8\u30b9\u30e9\u30a4\u30b9\u3092\u4f5c\u6210\u3059\u308b\u306b\u306f\u3001",(0,t.jsx)(s.a,{href:"https://github.com/feature-sliced/cli",children:"CLI"}),"\u3092\u4f7f\u7528\u3057\u307e\u3059\u3002"]}),"\n",(0,t.jsx)(s.pre,{children:(0,t.jsx)(s.code,{className:"language-shell",children:"fsd pages home\n"})}),"\n",(0,t.jsxs)(s.p,{children:[(0,t.jsx)(s.code,{children:"ui"}),"\u30bb\u30b0\u30e1\u30f3\u30c8\u5185\u306b",(0,t.jsx)(s.code,{children:"home-page.svelte"}),"\u30d5\u30a1\u30a4\u30eb\u3092\u4f5c\u6210\u3057\u3001\u516c\u958bAPI\u3092\u4ecb\u3057\u3066\u30a2\u30af\u30bb\u30b9\u3067\u304d\u308b\u3088\u3046\u306b\u3057\u307e\u3059\u3002\u3000"]}),"\n",(0,t.jsx)(s.pre,{children:(0,t.jsx)(s.code,{className:"language-ts",metastring:'title="src/pages/home/index.ts"',children:"export { default as HomePage } from './ui/home-page';\n"})}),"\n",(0,t.jsxs)(s.p,{children:["\u3053\u306e\u30da\u30fc\u30b8\u306e\u30eb\u30fc\u30c8\u3092",(0,t.jsx)(s.code,{children:"app"}),"\u5c64\u5185\u306b\u4f5c\u6210\u3057\u307e\u3059\u3002"]}),"\n",(0,t.jsx)(s.pre,{children:(0,t.jsx)(s.code,{className:"language-sh",children:"\n\u251c\u2500\u2500 src\n\u2502   \u251c\u2500\u2500 app\n\u2502   \u2502   \u251c\u2500\u2500 routes\n\u2502   \u2502   \u2502   \u251c\u2500\u2500 +page.svelte\n\u2502   \u2502   \u251c\u2500\u2500 index.html\n\u2502   \u251c\u2500\u2500 pages\n\u2502   \u2502   \u251c\u2500\u2500 home\n\u2502   \u2502   \u2502   \u251c\u2500\u2500 ui\n\u2502   \u2502   \u2502   \u2502   \u251c\u2500\u2500 home-page.svelte\n\u2502   \u2502   \u2502   \u251c\u2500\u2500 index.ts\n"})}),"\n",(0,t.jsxs)(s.p,{children:["\u6700\u5f8c\u306b",(0,t.jsx)(s.code,{children:"index.svelte"}),"\u30d5\u30a1\u30a4\u30eb\u5185\u306b\u30da\u30fc\u30b8\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u8ffd\u52a0\u3057\u307e\u3059\u3002"]}),"\n",(0,t.jsx)(s.pre,{children:(0,t.jsx)(s.code,{className:"language-html",metastring:'title="src/app/routes/+page.svelte"',children:"<script>\n  import { HomePage } from '@/pages/home';\n<\/script>\n\n\n<HomePage/>\n"})}),"\n",(0,t.jsx)(s.h2,{id:"\u53c2\u7167",children:"\u53c2\u7167"}),"\n",(0,t.jsxs)(s.ul,{children:["\n",(0,t.jsx)(s.li,{children:(0,t.jsx)(s.a,{href:"https://kit.svelte.dev/docs/configuration#files",children:"SvelteKit\u306e\u30c7\u30a3\u30ec\u30af\u30c8\u30ea\u8a2d\u5b9a\u5909\u66f4\u306b\u95a2\u3059\u308b\u30c9\u30ad\u30e5\u30e1\u30f3\u30c8"})}),"\n"]})]})}function p(e={}){const{wrapper:s}={...(0,i.R)(),...e.components};return s?(0,t.jsx)(s,{...e,children:(0,t.jsx)(o,{...e})}):o(e)}},1100:(e,s,n)=>{n.d(s,{R:()=>c,x:()=>l});var t=n(758);const i={},r=t.createContext(i);function c(e){const s=t.useContext(r);return t.useMemo((function(){return"function"==typeof e?e(s):{...s,...e}}),[s,e])}function l(e){let s;return s=e.disableParentContext?"function"==typeof e.components?e.components(i):e.components||i:c(e.components),t.createElement(r.Provider,{value:s},e.children)}}}]);
\ No newline at end of file
+"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[9648],{8673:(e,s,n)=>{n.r(s),n.d(s,{assets:()=>d,contentTitle:()=>c,default:()=>p,frontMatter:()=>r,metadata:()=>l,toc:()=>a});var t=n(6070),i=n(1100);const r={sidebar_position:10},c="SvelteKit\u3068\u306e\u4f75\u7528",l={id:"guides/tech/with-sveltekit",title:"SvelteKit\u3068\u306e\u4f75\u7528",description:"SvelteKit\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u3067FSD\u3092\u5b9f\u88c5\u3059\u308b\u3053\u3068\u306f\u53ef\u80fd\u3067\u3059\u304c\u3001SvelteKit\u306e\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u69cb\u9020\u8981\u4ef6\u3068FSD\u306e\u539f\u5247\u306e\u9055\u3044\u306b\u3088\u308a\u3001\u4ee5\u4e0b\u306e2\u70b9\u3067\u30b3\u30f3\u30d5\u30ea\u30af\u30c8\u304c\u767a\u751f\u3057\u3066\u3057\u307e\u3044\u307e\u3059\u3002",source:"@site/i18n/ja/docusaurus-plugin-content-docs/current/guides/tech/with-sveltekit.mdx",sourceDirName:"guides/tech",slug:"/guides/tech/with-sveltekit",permalink:"/ja/docs/guides/tech/with-sveltekit",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/ja/docusaurus-plugin-content-docs/current/guides/tech/with-sveltekit.mdx",tags:[],version:"current",lastUpdatedAt:1728325386e3,sidebarPosition:10,frontMatter:{sidebar_position:10},sidebar:"guidesSidebar",previous:{title:"React Query\u3068\u306e\u4f75\u7528",permalink:"/ja/docs/guides/tech/with-react-query"},next:{title:"\u30c7\u30bb\u30b0\u30e1\u30f3\u30c6\u30fc\u30b7\u30e7\u30f3",permalink:"/ja/docs/guides/issues/desegmented"}},d={},a=[{value:"\u30b3\u30f3\u30d5\u30a3\u30b0\u30d5\u30a1\u30a4\u30eb\u306e\u8a2d\u5b9a",id:"\u30b3\u30f3\u30d5\u30a3\u30b0\u30d5\u30a1\u30a4\u30eb\u306e\u8a2d\u5b9a",level:2},{value:"<code>src/app</code>\u5185\u3078\u306e\u30d5\u30a1\u30a4\u30eb\u30eb\u30fc\u30c6\u30a3\u30f3\u30b0\u306e\u79fb\u52d5",id:"srcapp\u5185\u3078\u306e\u30d5\u30a1\u30a4\u30eb\u30eb\u30fc\u30c6\u30a3\u30f3\u30b0\u306e\u79fb\u52d5",level:2},{value:"\u53c2\u7167",id:"\u53c2\u7167",level:2}];function o(e){const s={a:"a",code:"code",h1:"h1",h2:"h2",header:"header",li:"li",p:"p",pre:"pre",ul:"ul",...(0,i.R)(),...e.components};return(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(s.header,{children:(0,t.jsx)(s.h1,{id:"sveltekit\u3068\u306e\u4f75\u7528",children:"SvelteKit\u3068\u306e\u4f75\u7528"})}),"\n",(0,t.jsx)(s.p,{children:"SvelteKit\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u3067FSD\u3092\u5b9f\u88c5\u3059\u308b\u3053\u3068\u306f\u53ef\u80fd\u3067\u3059\u304c\u3001SvelteKit\u306e\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u69cb\u9020\u8981\u4ef6\u3068FSD\u306e\u539f\u5247\u306e\u9055\u3044\u306b\u3088\u308a\u3001\u4ee5\u4e0b\u306e2\u70b9\u3067\u30b3\u30f3\u30d5\u30ea\u30af\u30c8\u304c\u767a\u751f\u3057\u3066\u3057\u307e\u3044\u307e\u3059\u3002"}),"\n",(0,t.jsxs)(s.ul,{children:["\n",(0,t.jsxs)(s.li,{children:["SvelteKit\u306f",(0,t.jsx)(s.code,{children:"src/routes"}),"\u30d5\u30a9\u30eb\u30c0\u30fc\u5185\u3067\u30d5\u30a1\u30a4\u30eb\u69cb\u9020\u3092\u4f5c\u6210\u3059\u308b\u3053\u3068\u3092\u63d0\u6848\u3057\u3066\u3044\u308b\u304c\u3001FSD\u3067\u306f\u30eb\u30fc\u30c6\u30a3\u30f3\u30b0\u306f",(0,t.jsx)(s.code,{children:"app"}),"\u5c64\u306e\u4e00\u90e8\u3067\u3042\u308b\u5fc5\u8981\u304c\u3042\u308b"]}),"\n",(0,t.jsxs)(s.li,{children:["SvelteKit\u306f\u3001\u30eb\u30fc\u30c6\u30a3\u30f3\u30b0\u306b\u95a2\u4fc2\u306e\u306a\u3044\u3059\u3079\u3066\u306e\u3082\u306e\u3092",(0,t.jsx)(s.code,{children:"src/lib"}),"\u30d5\u30a9\u30eb\u30c0\u30fc\u306b\u5165\u308c\u308b\u3053\u3068\u3092\u63d0\u6848\u3057\u3066\u3044\u308b"]}),"\n"]}),"\n",(0,t.jsx)(s.h2,{id:"\u30b3\u30f3\u30d5\u30a3\u30b0\u30d5\u30a1\u30a4\u30eb\u306e\u8a2d\u5b9a",children:"\u30b3\u30f3\u30d5\u30a3\u30b0\u30d5\u30a1\u30a4\u30eb\u306e\u8a2d\u5b9a"}),"\n",(0,t.jsx)(s.pre,{children:(0,t.jsx)(s.code,{className:"language-ts",metastring:'title="svelte.config.ts"',children:"import adapter from '@sveltejs/adapter-auto';\nimport { vitePreprocess } from '@sveltejs/vite-plugin-svelte';\n\n/** @type {import('@sveltejs/kit').Config}*/\nconst config = {\n  preprocess: [vitePreprocess()],\n  kit: {\n    adapter: adapter(),\n    files: {\n      routes: 'src/app/routes', // \u30eb\u30fc\u30c6\u30a3\u30f3\u30b0\u3092app\u5c64\u5185\u306b\u79fb\u52d5\n      lib: 'src',\n      appTemplate: 'src/app/index.html', // \u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u306e\u30a8\u30f3\u30c8\u30ea\u30fc\u30dd\u30a4\u30f3\u30c8\u3092app\u5c64\u5185\u306b\u79fb\u52d5\n      assets: 'public'\n    },\n    alias: {\n        '@/*': 'src/*' // src\u30c7\u30a3\u30ec\u30af\u30c8\u30ea\u306e\u30a8\u30a4\u30ea\u30a2\u30b9\u3092\u4f5c\u6210\n    }\n  }\n};\nexport default config;\n"})}),"\n",(0,t.jsxs)(s.h2,{id:"srcapp\u5185\u3078\u306e\u30d5\u30a1\u30a4\u30eb\u30eb\u30fc\u30c6\u30a3\u30f3\u30b0\u306e\u79fb\u52d5",children:[(0,t.jsx)(s.code,{children:"src/app"}),"\u5185\u3078\u306e\u30d5\u30a1\u30a4\u30eb\u30eb\u30fc\u30c6\u30a3\u30f3\u30b0\u306e\u79fb\u52d5"]}),"\n",(0,t.jsxs)(s.p,{children:[(0,t.jsx)(s.code,{children:"app"}),"\u5c64\u3092\u4f5c\u6210\u3057\u3001\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u306e\u30a8\u30f3\u30c8\u30ea\u30fc\u30dd\u30a4\u30f3\u30c8\u3067\u3042\u308b",(0,t.jsx)(s.code,{children:"index.html"}),"\u3092\u79fb\u52d5\u3057\u3001",(0,t.jsx)(s.code,{children:"routes"}),"\u30d5\u30a9\u30eb\u30c0\u30fc\u3092\u4f5c\u6210\u3057\u307e\u3059\u3002\n\u6700\u7d42\u7684\u306b\u30d5\u30a1\u30a4\u30eb\u69cb\u9020\u306f\u6b21\u306e\u3088\u3046\u306b\u306a\u308a\u307e\u3059\u3002"]}),"\n",(0,t.jsx)(s.pre,{children:(0,t.jsx)(s.code,{className:"language-sh",children:"\u251c\u2500\u2500 src\n\u2502   \u251c\u2500\u2500 app\n\u2502   \u2502   \u251c\u2500\u2500 index.html\n\u2502   \u2502   \u251c\u2500\u2500 routes\n\u2502   \u251c\u2500\u2500 pages # FSD\u306b\u5272\u308a\u5f53\u3066\u3089\u308c\u305fpages\u30d5\u30a9\u30eb\u30c0\u30fc\n"})}),"\n",(0,t.jsxs)(s.p,{children:["\u3053\u308c\u3067\u3001",(0,t.jsx)(s.code,{children:"app"}),"\u5185\u306b\u30da\u30fc\u30b8\u306e\u30eb\u30fc\u30c8\u3092\u4f5c\u6210\u3057\u305f\u308a\u3001",(0,t.jsx)(s.code,{children:"pages"}),"\u304b\u3089\u306e\u30da\u30fc\u30b8\u3092\u30eb\u30fc\u30c8\u306b\u63a5\u7d9a\u3057\u305f\u308a\u3067\u304d\u307e\u3059\u3002"]}),"\n",(0,t.jsx)(s.p,{children:"\u4f8b\u3048\u3070\u3001\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u306b\u30db\u30fc\u30e0\u30da\u30fc\u30b8\u3092\u8ffd\u52a0\u3059\u308b\u306b\u306f\u3001\u6b21\u306e\u624b\u9806\u3092\u5b9f\u884c\u3057\u307e\u3059\u3002"}),"\n",(0,t.jsxs)(s.ul,{children:["\n",(0,t.jsxs)(s.li,{children:[(0,t.jsx)(s.code,{children:"pages"}),"\u5c64\u5185\u306b\u30db\u30fc\u30e0\u30da\u30fc\u30b8\u30b9\u30e9\u30a4\u30b9\u3092\u8ffd\u52a0\u3059\u308b"]}),"\n",(0,t.jsxs)(s.li,{children:[(0,t.jsx)(s.code,{children:"app"}),"\u5c64\u306e",(0,t.jsx)(s.code,{children:"routes"}),"\u30d5\u30a9\u30eb\u30c0\u30fc\u306b\u5bfe\u5fdc\u3059\u308b\u30eb\u30fc\u30c8\u3092\u8ffd\u52a0\u3059\u308b"]}),"\n",(0,t.jsx)(s.li,{children:"\u30b9\u30e9\u30a4\u30b9\u306e\u30da\u30fc\u30b8\u3068\u30eb\u30fc\u30c8\u3092\u7d71\u5408\u3059\u308b"}),"\n"]}),"\n",(0,t.jsxs)(s.p,{children:["\u30db\u30fc\u30e0\u30da\u30fc\u30b8\u30b9\u30e9\u30a4\u30b9\u3092\u4f5c\u6210\u3059\u308b\u306b\u306f\u3001",(0,t.jsx)(s.a,{href:"https://github.com/feature-sliced/cli",children:"CLI"}),"\u3092\u4f7f\u7528\u3057\u307e\u3059\u3002"]}),"\n",(0,t.jsx)(s.pre,{children:(0,t.jsx)(s.code,{className:"language-shell",children:"fsd pages home\n"})}),"\n",(0,t.jsxs)(s.p,{children:[(0,t.jsx)(s.code,{children:"ui"}),"\u30bb\u30b0\u30e1\u30f3\u30c8\u5185\u306b",(0,t.jsx)(s.code,{children:"home-page.svelte"}),"\u30d5\u30a1\u30a4\u30eb\u3092\u4f5c\u6210\u3057\u3001\u516c\u958bAPI\u3092\u4ecb\u3057\u3066\u30a2\u30af\u30bb\u30b9\u3067\u304d\u308b\u3088\u3046\u306b\u3057\u307e\u3059\u3002\u3000"]}),"\n",(0,t.jsx)(s.pre,{children:(0,t.jsx)(s.code,{className:"language-ts",metastring:'title="src/pages/home/index.ts"',children:"export { default as HomePage } from './ui/home-page';\n"})}),"\n",(0,t.jsxs)(s.p,{children:["\u3053\u306e\u30da\u30fc\u30b8\u306e\u30eb\u30fc\u30c8\u3092",(0,t.jsx)(s.code,{children:"app"}),"\u5c64\u5185\u306b\u4f5c\u6210\u3057\u307e\u3059\u3002"]}),"\n",(0,t.jsx)(s.pre,{children:(0,t.jsx)(s.code,{className:"language-sh",children:"\n\u251c\u2500\u2500 src\n\u2502   \u251c\u2500\u2500 app\n\u2502   \u2502   \u251c\u2500\u2500 routes\n\u2502   \u2502   \u2502   \u251c\u2500\u2500 +page.svelte\n\u2502   \u2502   \u251c\u2500\u2500 index.html\n\u2502   \u251c\u2500\u2500 pages\n\u2502   \u2502   \u251c\u2500\u2500 home\n\u2502   \u2502   \u2502   \u251c\u2500\u2500 ui\n\u2502   \u2502   \u2502   \u2502   \u251c\u2500\u2500 home-page.svelte\n\u2502   \u2502   \u2502   \u251c\u2500\u2500 index.ts\n"})}),"\n",(0,t.jsxs)(s.p,{children:["\u6700\u5f8c\u306b",(0,t.jsx)(s.code,{children:"index.svelte"}),"\u30d5\u30a1\u30a4\u30eb\u5185\u306b\u30da\u30fc\u30b8\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u8ffd\u52a0\u3057\u307e\u3059\u3002"]}),"\n",(0,t.jsx)(s.pre,{children:(0,t.jsx)(s.code,{className:"language-html",metastring:'title="src/app/routes/+page.svelte"',children:"<script>\n  import { HomePage } from '@/pages/home';\n<\/script>\n\n\n<HomePage/>\n"})}),"\n",(0,t.jsx)(s.h2,{id:"\u53c2\u7167",children:"\u53c2\u7167"}),"\n",(0,t.jsxs)(s.ul,{children:["\n",(0,t.jsx)(s.li,{children:(0,t.jsx)(s.a,{href:"https://kit.svelte.dev/docs/configuration#files",children:"SvelteKit\u306e\u30c7\u30a3\u30ec\u30af\u30c8\u30ea\u8a2d\u5b9a\u5909\u66f4\u306b\u95a2\u3059\u308b\u30c9\u30ad\u30e5\u30e1\u30f3\u30c8"})}),"\n"]})]})}function p(e={}){const{wrapper:s}={...(0,i.R)(),...e.components};return s?(0,t.jsx)(s,{...e,children:(0,t.jsx)(o,{...e})}):o(e)}},1100:(e,s,n)=>{n.d(s,{R:()=>c,x:()=>l});var t=n(758);const i={},r=t.createContext(i);function c(e){const s=t.useContext(r);return t.useMemo((function(){return"function"==typeof e?e(s):{...s,...e}}),[s,e])}function l(e){let s;return s=e.disableParentContext?"function"==typeof e.components?e.components(i):e.components||i:c(e.components),t.createElement(r.Provider,{value:s},e.children)}}}]);
\ No newline at end of file
diff --git a/ja/assets/js/e8e5643e.712ef6d7.js b/ja/assets/js/e8e5643e.993c13a9.js
similarity index 98%
rename from ja/assets/js/e8e5643e.712ef6d7.js
rename to ja/assets/js/e8e5643e.993c13a9.js
index 9a0cb7f37f..75755df80f 100644
--- a/ja/assets/js/e8e5643e.712ef6d7.js
+++ b/ja/assets/js/e8e5643e.993c13a9.js
@@ -1,2 +1,2 @@
-/*! For license information please see e8e5643e.712ef6d7.js.LICENSE.txt */
-"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[728],{923:(e,t,n)=>{n.d(t,{A:()=>o});var c=n(991),s=n(758);const r={icon:{tag:"svg",attrs:{viewBox:"64 64 896 896",focusable:"false"},children:[{tag:"path",attrs:{d:"M917.7 148.8l-42.4-42.4c-1.6-1.6-3.6-2.3-5.7-2.3s-4.1.8-5.7 2.3l-76.1 76.1a199.27 199.27 0 00-112.1-34.3c-51.2 0-102.4 19.5-141.5 58.6L432.3 308.7a8.03 8.03 0 000 11.3L704 591.7c1.6 1.6 3.6 2.3 5.7 2.3 2 0 4.1-.8 5.7-2.3l101.9-101.9c68.9-69 77-175.7 24.3-253.5l76.1-76.1c3.1-3.2 3.1-8.3 0-11.4zM769.1 441.7l-59.4 59.4-186.8-186.8 59.4-59.4c24.9-24.9 58.1-38.7 93.4-38.7 35.3 0 68.4 13.7 93.4 38.7 24.9 24.9 38.7 58.1 38.7 93.4 0 35.3-13.8 68.4-38.7 93.4zm-190.2 105a8.03 8.03 0 00-11.3 0L501 613.3 410.7 523l66.7-66.7c3.1-3.1 3.1-8.2 0-11.3L441 408.6a8.03 8.03 0 00-11.3 0L363 475.3l-43-43a7.85 7.85 0 00-5.7-2.3c-2 0-4.1.8-5.7 2.3L206.8 534.2c-68.9 69-77 175.7-24.3 253.5l-76.1 76.1a8.03 8.03 0 000 11.3l42.4 42.4c1.6 1.6 3.6 2.3 5.7 2.3s4.1-.8 5.7-2.3l76.1-76.1c33.7 22.9 72.9 34.3 112.1 34.3 51.2 0 102.4-19.5 141.5-58.6l101.9-101.9c3.1-3.1 3.1-8.2 0-11.3l-43-43 66.7-66.7c3.1-3.1 3.1-8.2 0-11.3l-36.6-36.2zM441.7 769.1a131.32 131.32 0 01-93.4 38.7c-35.3 0-68.4-13.7-93.4-38.7a131.32 131.32 0 01-38.7-93.4c0-35.3 13.7-68.4 38.7-93.4l59.4-59.4 186.8 186.8-59.4 59.4z"}}]},name:"api",theme:"outlined"};var a=n(9820),i=function(e,t){return s.createElement(a.A,(0,c.A)({},e,{ref:t,icon:r}))};const o=s.forwardRef(i)},7946:(e,t,n)=>{n.d(t,{Ay:()=>o,RM:()=>a});var c=n(6070),s=n(1100),r=n(5988);const a=[];function i(e){return(0,c.jsx)(r.A,{...e})}function o(e={}){const{wrapper:t}={...(0,s.R)(),...e.components};return t?(0,c.jsx)(t,{...e,children:(0,c.jsx)(i,{...e})}):i(e)}},7445:(e,t,n)=>{n.r(t),n.d(t,{assets:()=>A,contentTitle:()=>z,default:()=>y,frontMatter:()=>j,metadata:()=>_,toc:()=>M});var c=n(6070),s=n(1100),r=n(7946),a=n(991),i=n(758);const o={icon:{tag:"svg",attrs:{viewBox:"64 64 896 896",focusable:"false"},children:[{tag:"defs",attrs:{},children:[{tag:"style",attrs:{}}]},{tag:"path",attrs:{d:"M912 820.1V203.9c28-9.9 48-36.6 48-67.9 0-39.8-32.2-72-72-72-31.3 0-58 20-67.9 48H203.9C194 84 167.3 64 136 64c-39.8 0-72 32.2-72 72 0 31.3 20 58 48 67.9v616.2C84 830 64 856.7 64 888c0 39.8 32.2 72 72 72 31.3 0 58-20 67.9-48h616.2c9.9 28 36.6 48 67.9 48 39.8 0 72-32.2 72-72 0-31.3-20-58-48-67.9zM888 112c13.3 0 24 10.7 24 24s-10.7 24-24 24-24-10.7-24-24 10.7-24 24-24zM136 912c-13.3 0-24-10.7-24-24s10.7-24 24-24 24 10.7 24 24-10.7 24-24 24zm0-752c-13.3 0-24-10.7-24-24s10.7-24 24-24 24 10.7 24 24-10.7 24-24 24zm704 680H184V184h656v656zm48 72c-13.3 0-24-10.7-24-24s10.7-24 24-24 24 10.7 24 24-10.7 24-24 24z"}},{tag:"path",attrs:{d:"M288 474h448c8.8 0 16-7.2 16-16V282c0-8.8-7.2-16-16-16H288c-8.8 0-16 7.2-16 16v176c0 8.8 7.2 16 16 16zm56-136h336v64H344v-64zm-56 420h448c8.8 0 16-7.2 16-16V566c0-8.8-7.2-16-16-16H288c-8.8 0-16 7.2-16 16v176c0 8.8 7.2 16 16 16zm56-136h336v64H344v-64z"}}]},name:"group",theme:"outlined"};var l=n(9820),d=function(e,t){return i.createElement(l.A,(0,a.A)({},e,{ref:t,icon:o}))};const u=i.forwardRef(d);const m={icon:{tag:"svg",attrs:{viewBox:"64 64 896 896",focusable:"false"},children:[{tag:"path",attrs:{d:"M464 144H160c-8.8 0-16 7.2-16 16v304c0 8.8 7.2 16 16 16h304c8.8 0 16-7.2 16-16V160c0-8.8-7.2-16-16-16zm-52 268H212V212h200v200zm452-268H560c-8.8 0-16 7.2-16 16v304c0 8.8 7.2 16 16 16h304c8.8 0 16-7.2 16-16V160c0-8.8-7.2-16-16-16zm-52 268H612V212h200v200zM464 544H160c-8.8 0-16 7.2-16 16v304c0 8.8 7.2 16 16 16h304c8.8 0 16-7.2 16-16V560c0-8.8-7.2-16-16-16zm-52 268H212V612h200v200zm452-268H560c-8.8 0-16 7.2-16 16v304c0 8.8 7.2 16 16 16h304c8.8 0 16-7.2 16-16V560c0-8.8-7.2-16-16-16zm-52 268H612V612h200v200z"}}]},name:"appstore",theme:"outlined"};var f=function(e,t){return i.createElement(l.A,(0,a.A)({},e,{ref:t,icon:m}))};const h=i.forwardRef(f);const p={icon:{tag:"svg",attrs:{viewBox:"64 64 896 896",focusable:"false"},children:[{tag:"defs",attrs:{},children:[{tag:"style",attrs:{}}]},{tag:"path",attrs:{d:"M843.5 737.4c-12.4-75.2-79.2-129.1-155.3-125.4S550.9 676 546 752c-153.5-4.8-208-40.7-199.1-113.7 3.3-27.3 19.8-41.9 50.1-49 18.4-4.3 38.8-4.9 57.3-3.2 1.7.2 3.5.3 5.2.5 11.3 2.7 22.8 5 34.3 6.8 34.1 5.6 68.8 8.4 101.8 6.6 92.8-5 156-45.9 159.2-132.7 3.1-84.1-54.7-143.7-147.9-183.6-29.9-12.8-61.6-22.7-93.3-30.2-14.3-3.4-26.3-5.7-35.2-7.2-7.9-75.9-71.5-133.8-147.8-134.4-76.3-.6-140.9 56.1-150.1 131.9s40 146.3 114.2 163.9c74.2 17.6 149.9-23.3 175.7-95.1 9.4 1.7 18.7 3.6 28 5.8 28.2 6.6 56.4 15.4 82.4 26.6 70.7 30.2 109.3 70.1 107.5 119.9-1.6 44.6-33.6 65.2-96.2 68.6-27.5 1.5-57.6-.9-87.3-5.8-8.3-1.4-15.9-2.8-22.6-4.3-3.9-.8-6.6-1.5-7.8-1.8l-3.1-.6c-2.2-.3-5.9-.8-10.7-1.3-25-2.3-52.1-1.5-78.5 4.6-55.2 12.9-93.9 47.2-101.1 105.8-15.7 126.2 78.6 184.7 276 188.9 29.1 70.4 106.4 107.9 179.6 87 73.3-20.9 119.3-93.4 106.9-168.6zM329.1 345.2a83.3 83.3 0 11.01-166.61 83.3 83.3 0 01-.01 166.61zM695.6 845a83.3 83.3 0 11.01-166.61A83.3 83.3 0 01695.6 845z"}}]},name:"node-index",theme:"outlined"};var v=function(e,t){return i.createElement(l.A,(0,a.A)({},e,{ref:t,icon:p}))};const x=i.forwardRef(v);var g=n(923);const j={hide_table_of_contents:!0,pagination_prev:"guides/index"},z="\ud83d\udcda \u53c2\u8003\u66f8",_={id:"reference/index",title:"\ud83d\udcda \u53c2\u8003\u66f8",description:"FSD\u306e\u91cd\u8981\u306a\u6982\u5ff5\u306b\u95a2\u3059\u308b\u30bb\u30af\u30b7\u30e7\u30f3",source:"@site/i18n/ja/docusaurus-plugin-content-docs/current/reference/index.mdx",sourceDirName:"reference",slug:"/reference/",permalink:"/ja/docs/reference/",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/ja/docusaurus-plugin-content-docs/current/reference/index.mdx",tags:[],version:"current",lastUpdatedAt:1727607766e3,frontMatter:{hide_table_of_contents:!0,pagination_prev:"guides/index"},sidebar:"referenceSidebar",previous:{title:"\ud83c\udfaf \u30ac\u30a4\u30c9",permalink:"/ja/docs/guides/"},next:{title:"\u30ec\u30a4\u30e4\u30fc",permalink:"/ja/docs/reference/layers"}},A={},M=[...r.RM,...r.RM,...r.RM,...r.RM];function b(e){const t={h1:"h1",header:"header",p:"p",...(0,s.R)(),...e.components};return(0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)(t.header,{children:(0,c.jsx)(t.h1,{id:"-\u53c2\u8003\u66f8",children:"\ud83d\udcda \u53c2\u8003\u66f8"})}),"\n",(0,c.jsx)("p",{class:"summary",children:(0,c.jsx)(t.p,{children:"FSD\u306e\u91cd\u8981\u306a\u6982\u5ff5\u306b\u95a2\u3059\u308b\u30bb\u30af\u30b7\u30e7\u30f3"})}),"\n",(0,c.jsx)(r.Ay,{title:"\u30ec\u30a4\u30e4\u30fc",description:"\u30ec\u30a4\u30e4\u30fc\u306e\u5b9a\u7fa9\u3068\u610f\u5473",to:"/docs/reference/layers",Icon:u}),"\n",(0,c.jsx)(r.Ay,{title:"\u30b9\u30e9\u30a4\u30b9\u3068\u30bb\u30b0\u30e1\u30f3\u30c8",description:"\u30b9\u30e9\u30a4\u30b9\u3068\u30bb\u30b0\u30e1\u30f3\u30c8\u306e\u5b9a\u7fa9\u3001\u7570\u306a\u308b\u30ec\u30a4\u30e4\u30fc\u3067\u306e\u30bb\u30b0\u30e1\u30f3\u30c8\u4f8b",to:"/docs/reference/slices-segments",Icon:h}),"\n",(0,c.jsx)(r.Ay,{title:"\u5206\u96e2",description:"\u30e2\u30b8\u30e5\u30fc\u30eb\u9593\u306e\u62e1\u5f35\u6027\u306e\u3042\u308b\u52b9\u7387\u7684\u306a\u76f8\u4e92\u4f5c\u7528\u306e\u5b9f\u8df5",to:"/docs/reference/isolation",Icon:x}),"\n",(0,c.jsx)(r.Ay,{title:"\u516c\u958bAPI",description:"\u5805\u7262\u3067\u7d71\u5408\u3057\u3084\u3059\u3044\u30e2\u30b8\u30e5\u30fc\u30eb\u8a2d\u8a08\u306b\u95a2\u3059\u308b\u5b9f\u8df5",to:"/docs/reference/public-api",Icon:g.A})]})}function y(e={}){const{wrapper:t}={...(0,s.R)(),...e.components};return t?(0,c.jsx)(t,{...e,children:(0,c.jsx)(b,{...e})}):b(e)}},5988:(e,t,n)=>{n.d(t,{Y:()=>i,A:()=>l});n(758);var c=n(3526),s=n(6783);const r={root:"root_GfON",rootDisabled:"rootDisabled_SFUB",details:"details_xxkR",detailsTags:"detailsTags_uTQx",icon:"icon_ciqP",title:"title_pSH5",description:"description__Fep",miniTheme:"miniTheme_ePfp",primaryTheme:"primaryTheme_CilO",defaultTheme:"defaultTheme_j3I8"};var a=n(6070);const i=e=>{const{title:t,description:n,to:i,Icon:l,tags:d,className:u,disabled:m,theme:f="default"}=e;return(0,a.jsxs)(s.A,{className:(0,c.A)(r.root,u,m&&r.rootDisabled,r[`${f}Theme`]),to:i,children:[(0,a.jsx)(o,{Icon:l}),(0,a.jsxs)("div",{className:r.details,children:[(0,a.jsxs)("div",{className:r.detailsMain,children:[(0,a.jsx)("span",{className:r.title,children:t}),(0,a.jsx)("p",{className:r.description,children:n})]}),d&&(0,a.jsx)("div",{className:r.detailsTags,children:d.join(" \u2022 ")})]})]})},o=e=>{let{Icon:t}=e;return t?"string"==typeof t?(0,a.jsx)("span",{className:r.icon,children:t}):(0,a.jsx)(t,{className:r.icon}):null},l=i},1100:(e,t,n)=>{n.d(t,{R:()=>a,x:()=>i});var c=n(758);const s={},r=c.createContext(s);function a(e){const t=c.useContext(r);return c.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function i(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(s):e.components||s:a(e.components),c.createElement(r.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
+/*! For license information please see e8e5643e.993c13a9.js.LICENSE.txt */
+"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[728],{923:(e,t,n)=>{n.d(t,{A:()=>o});var c=n(991),s=n(758);const r={icon:{tag:"svg",attrs:{viewBox:"64 64 896 896",focusable:"false"},children:[{tag:"path",attrs:{d:"M917.7 148.8l-42.4-42.4c-1.6-1.6-3.6-2.3-5.7-2.3s-4.1.8-5.7 2.3l-76.1 76.1a199.27 199.27 0 00-112.1-34.3c-51.2 0-102.4 19.5-141.5 58.6L432.3 308.7a8.03 8.03 0 000 11.3L704 591.7c1.6 1.6 3.6 2.3 5.7 2.3 2 0 4.1-.8 5.7-2.3l101.9-101.9c68.9-69 77-175.7 24.3-253.5l76.1-76.1c3.1-3.2 3.1-8.3 0-11.4zM769.1 441.7l-59.4 59.4-186.8-186.8 59.4-59.4c24.9-24.9 58.1-38.7 93.4-38.7 35.3 0 68.4 13.7 93.4 38.7 24.9 24.9 38.7 58.1 38.7 93.4 0 35.3-13.8 68.4-38.7 93.4zm-190.2 105a8.03 8.03 0 00-11.3 0L501 613.3 410.7 523l66.7-66.7c3.1-3.1 3.1-8.2 0-11.3L441 408.6a8.03 8.03 0 00-11.3 0L363 475.3l-43-43a7.85 7.85 0 00-5.7-2.3c-2 0-4.1.8-5.7 2.3L206.8 534.2c-68.9 69-77 175.7-24.3 253.5l-76.1 76.1a8.03 8.03 0 000 11.3l42.4 42.4c1.6 1.6 3.6 2.3 5.7 2.3s4.1-.8 5.7-2.3l76.1-76.1c33.7 22.9 72.9 34.3 112.1 34.3 51.2 0 102.4-19.5 141.5-58.6l101.9-101.9c3.1-3.1 3.1-8.2 0-11.3l-43-43 66.7-66.7c3.1-3.1 3.1-8.2 0-11.3l-36.6-36.2zM441.7 769.1a131.32 131.32 0 01-93.4 38.7c-35.3 0-68.4-13.7-93.4-38.7a131.32 131.32 0 01-38.7-93.4c0-35.3 13.7-68.4 38.7-93.4l59.4-59.4 186.8 186.8-59.4 59.4z"}}]},name:"api",theme:"outlined"};var a=n(9820),i=function(e,t){return s.createElement(a.A,(0,c.A)({},e,{ref:t,icon:r}))};const o=s.forwardRef(i)},7946:(e,t,n)=>{n.d(t,{Ay:()=>o,RM:()=>a});var c=n(6070),s=n(1100),r=n(5988);const a=[];function i(e){return(0,c.jsx)(r.A,{...e})}function o(e={}){const{wrapper:t}={...(0,s.R)(),...e.components};return t?(0,c.jsx)(t,{...e,children:(0,c.jsx)(i,{...e})}):i(e)}},7445:(e,t,n)=>{n.r(t),n.d(t,{assets:()=>A,contentTitle:()=>z,default:()=>y,frontMatter:()=>j,metadata:()=>_,toc:()=>M});var c=n(6070),s=n(1100),r=n(7946),a=n(991),i=n(758);const o={icon:{tag:"svg",attrs:{viewBox:"64 64 896 896",focusable:"false"},children:[{tag:"defs",attrs:{},children:[{tag:"style",attrs:{}}]},{tag:"path",attrs:{d:"M912 820.1V203.9c28-9.9 48-36.6 48-67.9 0-39.8-32.2-72-72-72-31.3 0-58 20-67.9 48H203.9C194 84 167.3 64 136 64c-39.8 0-72 32.2-72 72 0 31.3 20 58 48 67.9v616.2C84 830 64 856.7 64 888c0 39.8 32.2 72 72 72 31.3 0 58-20 67.9-48h616.2c9.9 28 36.6 48 67.9 48 39.8 0 72-32.2 72-72 0-31.3-20-58-48-67.9zM888 112c13.3 0 24 10.7 24 24s-10.7 24-24 24-24-10.7-24-24 10.7-24 24-24zM136 912c-13.3 0-24-10.7-24-24s10.7-24 24-24 24 10.7 24 24-10.7 24-24 24zm0-752c-13.3 0-24-10.7-24-24s10.7-24 24-24 24 10.7 24 24-10.7 24-24 24zm704 680H184V184h656v656zm48 72c-13.3 0-24-10.7-24-24s10.7-24 24-24 24 10.7 24 24-10.7 24-24 24z"}},{tag:"path",attrs:{d:"M288 474h448c8.8 0 16-7.2 16-16V282c0-8.8-7.2-16-16-16H288c-8.8 0-16 7.2-16 16v176c0 8.8 7.2 16 16 16zm56-136h336v64H344v-64zm-56 420h448c8.8 0 16-7.2 16-16V566c0-8.8-7.2-16-16-16H288c-8.8 0-16 7.2-16 16v176c0 8.8 7.2 16 16 16zm56-136h336v64H344v-64z"}}]},name:"group",theme:"outlined"};var l=n(9820),d=function(e,t){return i.createElement(l.A,(0,a.A)({},e,{ref:t,icon:o}))};const u=i.forwardRef(d);const m={icon:{tag:"svg",attrs:{viewBox:"64 64 896 896",focusable:"false"},children:[{tag:"path",attrs:{d:"M464 144H160c-8.8 0-16 7.2-16 16v304c0 8.8 7.2 16 16 16h304c8.8 0 16-7.2 16-16V160c0-8.8-7.2-16-16-16zm-52 268H212V212h200v200zm452-268H560c-8.8 0-16 7.2-16 16v304c0 8.8 7.2 16 16 16h304c8.8 0 16-7.2 16-16V160c0-8.8-7.2-16-16-16zm-52 268H612V212h200v200zM464 544H160c-8.8 0-16 7.2-16 16v304c0 8.8 7.2 16 16 16h304c8.8 0 16-7.2 16-16V560c0-8.8-7.2-16-16-16zm-52 268H212V612h200v200zm452-268H560c-8.8 0-16 7.2-16 16v304c0 8.8 7.2 16 16 16h304c8.8 0 16-7.2 16-16V560c0-8.8-7.2-16-16-16zm-52 268H612V612h200v200z"}}]},name:"appstore",theme:"outlined"};var f=function(e,t){return i.createElement(l.A,(0,a.A)({},e,{ref:t,icon:m}))};const h=i.forwardRef(f);const p={icon:{tag:"svg",attrs:{viewBox:"64 64 896 896",focusable:"false"},children:[{tag:"defs",attrs:{},children:[{tag:"style",attrs:{}}]},{tag:"path",attrs:{d:"M843.5 737.4c-12.4-75.2-79.2-129.1-155.3-125.4S550.9 676 546 752c-153.5-4.8-208-40.7-199.1-113.7 3.3-27.3 19.8-41.9 50.1-49 18.4-4.3 38.8-4.9 57.3-3.2 1.7.2 3.5.3 5.2.5 11.3 2.7 22.8 5 34.3 6.8 34.1 5.6 68.8 8.4 101.8 6.6 92.8-5 156-45.9 159.2-132.7 3.1-84.1-54.7-143.7-147.9-183.6-29.9-12.8-61.6-22.7-93.3-30.2-14.3-3.4-26.3-5.7-35.2-7.2-7.9-75.9-71.5-133.8-147.8-134.4-76.3-.6-140.9 56.1-150.1 131.9s40 146.3 114.2 163.9c74.2 17.6 149.9-23.3 175.7-95.1 9.4 1.7 18.7 3.6 28 5.8 28.2 6.6 56.4 15.4 82.4 26.6 70.7 30.2 109.3 70.1 107.5 119.9-1.6 44.6-33.6 65.2-96.2 68.6-27.5 1.5-57.6-.9-87.3-5.8-8.3-1.4-15.9-2.8-22.6-4.3-3.9-.8-6.6-1.5-7.8-1.8l-3.1-.6c-2.2-.3-5.9-.8-10.7-1.3-25-2.3-52.1-1.5-78.5 4.6-55.2 12.9-93.9 47.2-101.1 105.8-15.7 126.2 78.6 184.7 276 188.9 29.1 70.4 106.4 107.9 179.6 87 73.3-20.9 119.3-93.4 106.9-168.6zM329.1 345.2a83.3 83.3 0 11.01-166.61 83.3 83.3 0 01-.01 166.61zM695.6 845a83.3 83.3 0 11.01-166.61A83.3 83.3 0 01695.6 845z"}}]},name:"node-index",theme:"outlined"};var v=function(e,t){return i.createElement(l.A,(0,a.A)({},e,{ref:t,icon:p}))};const x=i.forwardRef(v);var g=n(923);const j={hide_table_of_contents:!0,pagination_prev:"guides/index"},z="\ud83d\udcda \u53c2\u8003\u66f8",_={id:"reference/index",title:"\ud83d\udcda \u53c2\u8003\u66f8",description:"FSD\u306e\u91cd\u8981\u306a\u6982\u5ff5\u306b\u95a2\u3059\u308b\u30bb\u30af\u30b7\u30e7\u30f3",source:"@site/i18n/ja/docusaurus-plugin-content-docs/current/reference/index.mdx",sourceDirName:"reference",slug:"/reference/",permalink:"/ja/docs/reference/",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/ja/docusaurus-plugin-content-docs/current/reference/index.mdx",tags:[],version:"current",lastUpdatedAt:1728325386e3,frontMatter:{hide_table_of_contents:!0,pagination_prev:"guides/index"},sidebar:"referenceSidebar",previous:{title:"\ud83c\udfaf \u30ac\u30a4\u30c9",permalink:"/ja/docs/guides/"},next:{title:"\u30ec\u30a4\u30e4\u30fc",permalink:"/ja/docs/reference/layers"}},A={},M=[...r.RM,...r.RM,...r.RM,...r.RM];function b(e){const t={h1:"h1",header:"header",p:"p",...(0,s.R)(),...e.components};return(0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)(t.header,{children:(0,c.jsx)(t.h1,{id:"-\u53c2\u8003\u66f8",children:"\ud83d\udcda \u53c2\u8003\u66f8"})}),"\n",(0,c.jsx)("p",{class:"summary",children:(0,c.jsx)(t.p,{children:"FSD\u306e\u91cd\u8981\u306a\u6982\u5ff5\u306b\u95a2\u3059\u308b\u30bb\u30af\u30b7\u30e7\u30f3"})}),"\n",(0,c.jsx)(r.Ay,{title:"\u30ec\u30a4\u30e4\u30fc",description:"\u30ec\u30a4\u30e4\u30fc\u306e\u5b9a\u7fa9\u3068\u610f\u5473",to:"/docs/reference/layers",Icon:u}),"\n",(0,c.jsx)(r.Ay,{title:"\u30b9\u30e9\u30a4\u30b9\u3068\u30bb\u30b0\u30e1\u30f3\u30c8",description:"\u30b9\u30e9\u30a4\u30b9\u3068\u30bb\u30b0\u30e1\u30f3\u30c8\u306e\u5b9a\u7fa9\u3001\u7570\u306a\u308b\u30ec\u30a4\u30e4\u30fc\u3067\u306e\u30bb\u30b0\u30e1\u30f3\u30c8\u4f8b",to:"/docs/reference/slices-segments",Icon:h}),"\n",(0,c.jsx)(r.Ay,{title:"\u5206\u96e2",description:"\u30e2\u30b8\u30e5\u30fc\u30eb\u9593\u306e\u62e1\u5f35\u6027\u306e\u3042\u308b\u52b9\u7387\u7684\u306a\u76f8\u4e92\u4f5c\u7528\u306e\u5b9f\u8df5",to:"/docs/reference/isolation",Icon:x}),"\n",(0,c.jsx)(r.Ay,{title:"\u516c\u958bAPI",description:"\u5805\u7262\u3067\u7d71\u5408\u3057\u3084\u3059\u3044\u30e2\u30b8\u30e5\u30fc\u30eb\u8a2d\u8a08\u306b\u95a2\u3059\u308b\u5b9f\u8df5",to:"/docs/reference/public-api",Icon:g.A})]})}function y(e={}){const{wrapper:t}={...(0,s.R)(),...e.components};return t?(0,c.jsx)(t,{...e,children:(0,c.jsx)(b,{...e})}):b(e)}},5988:(e,t,n)=>{n.d(t,{Y:()=>i,A:()=>l});n(758);var c=n(3526),s=n(6783);const r={root:"root_GfON",rootDisabled:"rootDisabled_SFUB",details:"details_xxkR",detailsTags:"detailsTags_uTQx",icon:"icon_ciqP",title:"title_pSH5",description:"description__Fep",miniTheme:"miniTheme_ePfp",primaryTheme:"primaryTheme_CilO",defaultTheme:"defaultTheme_j3I8"};var a=n(6070);const i=e=>{const{title:t,description:n,to:i,Icon:l,tags:d,className:u,disabled:m,theme:f="default"}=e;return(0,a.jsxs)(s.A,{className:(0,c.A)(r.root,u,m&&r.rootDisabled,r[`${f}Theme`]),to:i,children:[(0,a.jsx)(o,{Icon:l}),(0,a.jsxs)("div",{className:r.details,children:[(0,a.jsxs)("div",{className:r.detailsMain,children:[(0,a.jsx)("span",{className:r.title,children:t}),(0,a.jsx)("p",{className:r.description,children:n})]}),d&&(0,a.jsx)("div",{className:r.detailsTags,children:d.join(" \u2022 ")})]})]})},o=e=>{let{Icon:t}=e;return t?"string"==typeof t?(0,a.jsx)("span",{className:r.icon,children:t}):(0,a.jsx)(t,{className:r.icon}):null},l=i},1100:(e,t,n)=>{n.d(t,{R:()=>a,x:()=>i});var c=n(758);const s={},r=c.createContext(s);function a(e){const t=c.useContext(r);return c.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function i(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(s):e.components||s:a(e.components),c.createElement(r.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
diff --git a/ja/assets/js/e8e5643e.712ef6d7.js.LICENSE.txt b/ja/assets/js/e8e5643e.993c13a9.js.LICENSE.txt
similarity index 100%
rename from ja/assets/js/e8e5643e.712ef6d7.js.LICENSE.txt
rename to ja/assets/js/e8e5643e.993c13a9.js.LICENSE.txt
diff --git a/ja/assets/js/ebe661a9.f342b68a.js b/ja/assets/js/ebe661a9.93c32722.js
similarity index 99%
rename from ja/assets/js/ebe661a9.f342b68a.js
rename to ja/assets/js/ebe661a9.93c32722.js
index 997bf955a5..ec815ce668 100644
--- a/ja/assets/js/ebe661a9.f342b68a.js
+++ b/ja/assets/js/ebe661a9.93c32722.js
@@ -1 +1 @@
-"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[7498],{9266:(e,n,s)=>{s.r(n),s.d(n,{assets:()=>t,contentTitle:()=>d,default:()=>j,frontMatter:()=>l,metadata:()=>c,toc:()=>h});var i=s(6070),r=s(1100);const l={sidebar_position:1},d="\u6982\u8981",c={id:"get-started/overview",title:"\u6982\u8981",description:"Feature-Sliced Design (FSD) \u3068\u306f\u3001\u30d5\u30ed\u30f3\u30c8\u30a8\u30f3\u30c9\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u306e\u8a2d\u8a08\u65b9\u6cd5\u8ad6\u3067\u3059\u3002\u7c21\u5358\u306b\u8a00\u3048\u3070\u3001\u30b3\u30fc\u30c9\u3092\u6574\u7406\u3059\u308b\u305f\u3081\u306e\u30eb\u30fc\u30eb\u3068\u898f\u7d04\u306e\u96c6\u5927\u6210\u3067\u3059\u3002FSD\u306e\u4e3b\u306a\u76ee\u7684\u306f\u3001\u30d3\u30b8\u30cd\u30b9\u8981\u4ef6\u304c\u7d76\u3048\u305a\u5909\u5316\u3059\u308b\u4e2d\u3067\u3001\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u3092\u3088\u308a\u7406\u89e3\u3057\u3084\u3059\u304f\u3001\u69cb\u9020\u5316\u3055\u308c\u305f\u3082\u306e\u306b\u3059\u308b\u3053\u3068\u3067\u3059\u3002",source:"@site/i18n/ja/docusaurus-plugin-content-docs/current/get-started/overview.mdx",sourceDirName:"get-started",slug:"/get-started/overview",permalink:"/ja/docs/get-started/overview",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/ja/docusaurus-plugin-content-docs/current/get-started/overview.mdx",tags:[],version:"current",lastUpdatedAt:1727607766e3,sidebarPosition:1,frontMatter:{sidebar_position:1},sidebar:"getstartedSidebar",previous:{title:"\ud83d\ude80 \u30af\u30a4\u30c3\u30af\u30b9\u30bf\u30fc\u30c8",permalink:"/ja/docs/get-started/"},next:{title:"\u30c1\u30e5\u30fc\u30c8\u30ea\u30a2\u30eb",permalink:"/ja/docs/get-started/tutorial"}},t={},h=[{value:"FSD\u306f\u79c1\u306e\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u306b\u9069\u3057\u3066\u3044\u308b\u306e\u304b\uff1f",id:"is-it-right-for-me",level:2},{value:"\u57fa\u672c\u7684\u306a\u4f8b",id:"basic-example",level:2},{value:"\u6982\u5ff5",id:"concepts",level:2},{value:"\u30ec\u30a4\u30e4\u30fc",id:"layers",level:3},{value:"\u30b9\u30e9\u30a4\u30b9",id:"slices",level:3},{value:"\u30bb\u30b0\u30e1\u30f3\u30c8",id:"segments",level:3},{value:"\u5229\u70b9",id:"advantages",level:2},{value:"\u6bb5\u968e\u7684\u306a\u5c0e\u5165",id:"incremental-adoption",level:2},{value:"\u6b21\u306e\u30b9\u30c6\u30c3\u30d7",id:"next-steps",level:2}];function x(e){const n={a:"a",br:"br",code:"code",em:"em",h1:"h1",h2:"h2",h3:"h3",header:"header",img:"img",li:"li",ol:"ol",p:"p",strong:"strong",ul:"ul",...(0,r.R)(),...e.components};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(n.header,{children:(0,i.jsx)(n.h1,{id:"\u6982\u8981",children:"\u6982\u8981"})}),"\n",(0,i.jsxs)(n.p,{children:[(0,i.jsx)(n.strong,{children:"Feature-Sliced Design"})," (FSD) \u3068\u306f\u3001\u30d5\u30ed\u30f3\u30c8\u30a8\u30f3\u30c9\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u306e\u8a2d\u8a08\u65b9\u6cd5\u8ad6\u3067\u3059\u3002\u7c21\u5358\u306b\u8a00\u3048\u3070\u3001\u30b3\u30fc\u30c9\u3092\u6574\u7406\u3059\u308b\u305f\u3081\u306e\u30eb\u30fc\u30eb\u3068\u898f\u7d04\u306e\u96c6\u5927\u6210\u3067\u3059\u3002FSD\u306e\u4e3b\u306a\u76ee\u7684\u306f\u3001\u30d3\u30b8\u30cd\u30b9\u8981\u4ef6\u304c\u7d76\u3048\u305a\u5909\u5316\u3059\u308b\u4e2d\u3067\u3001\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u3092\u3088\u308a\u7406\u89e3\u3057\u3084\u3059\u304f\u3001\u69cb\u9020\u5316\u3055\u308c\u305f\u3082\u306e\u306b\u3059\u308b\u3053\u3068\u3067\u3059\u3002"]}),"\n",(0,i.jsxs)(n.p,{children:["\u30eb\u30fc\u30eb\u306e\u30bb\u30c3\u30c8\u306b\u52a0\u3048\u3066\u3001FSD\u306f\u30c4\u30fc\u30eb\u30c1\u30a7\u30fc\u30f3\u3067\u3082\u3042\u308a\u307e\u3059\u3002\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u306e\u30a2\u30fc\u30ad\u30c6\u30af\u30c1\u30e3\u3092\u30c1\u30a7\u30c3\u30af\u3059\u308b\u305f\u3081\u306e",(0,i.jsx)(n.a,{href:"https://github.com/feature-sliced/steiger",children:"\u30ea\u30f3\u30bf\u30fc"}),"\u3001CLI\u3084IDE\u3092\u901a\u3058\u305f",(0,i.jsx)(n.a,{href:"https://github.com/feature-sliced/awesome?tab=readme-ov-file#tools",children:"\u30d5\u30a9\u30eb\u30c0\u30fc\u30b8\u30a7\u30cd\u30ec\u30fc\u30bf\u30fc"}),"\u3001\u304a\u3088\u3073\u8c4a\u5bcc\u306a",(0,i.jsx)(n.a,{href:"/examples",children:"\u5b9f\u88c5\u4f8b\u306e\u30b3\u30ec\u30af\u30b7\u30e7\u30f3"}),"\u304c\u3042\u308a\u307e\u3059\u3002"]}),"\n",(0,i.jsx)(n.h2,{id:"is-it-right-for-me",children:"FSD\u306f\u79c1\u306e\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u306b\u9069\u3057\u3066\u3044\u308b\u306e\u304b\uff1f"}),"\n",(0,i.jsx)(n.p,{children:"FSD\u306f\u3001\u3042\u3089\u3086\u308b\u898f\u6a21\u306e\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u3084\u30c1\u30fc\u30e0\u306b\u5c0e\u5165\u3067\u304d\u307e\u3059\u3002\u4ee5\u4e0b\u306e\u5834\u5408\u3001\u3042\u306a\u305f\u306e\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u306b\u9069\u3057\u3066\u3044\u307e\u3059\u3002"}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsxs)(n.li,{children:[(0,i.jsx)(n.strong,{children:"\u30d5\u30ed\u30f3\u30c8\u30a8\u30f3\u30c9"}),"\u958b\u767a\u3067\u306e\u4f7f\u7528\uff08\u30a6\u30a7\u30d6\u30b5\u30a4\u30c8\u3001\u30e2\u30d0\u30a4\u30eb/\u30c7\u30b9\u30af\u30c8\u30c3\u30d7\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u306e\u30a4\u30f3\u30bf\u30fc\u30d5\u30a7\u30fc\u30b9\u4f5c\u6210\u306a\u3069\uff09"]}),"\n",(0,i.jsxs)(n.li,{children:[(0,i.jsx)(n.strong,{children:"\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3"}),"\u958b\u767a\u3067\u306e\u4f7f\u7528\uff08\u30e9\u30a4\u30d6\u30e9\u30ea\u958b\u767a\u3067\u306f\u306a\u3044\uff09"]}),"\n"]}),"\n",(0,i.jsx)(n.p,{children:"\u3053\u308c\u3060\u3051\u3067\u3059\uff01\u4f7f\u7528\u3059\u308b\u30d7\u30ed\u30b0\u30e9\u30df\u30f3\u30b0\u8a00\u8a9e\u3001\u30d5\u30ec\u30fc\u30e0\u30ef\u30fc\u30af\u3001\u72b6\u614b\u7ba1\u7406\u30e9\u30a4\u30d6\u30e9\u30ea\u306b\u306f\u5236\u9650\u304c\u3042\u308a\u307e\u305b\u3093\u3002\u5c1a\u3001FSD\u3092\u6bb5\u968e\u7684\u306b\u5c0e\u5165\u3057\u305f\u308a\u3001\u30e2\u30ce\u30ec\u30dd\u3067\u4f7f\u7528\u3057\u305f\u308a\u3001\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u3092\u30d1\u30c3\u30b1\u30fc\u30b8\u306b\u5206\u5272\u3057\u3001\u305d\u308c\u305e\u308c\u306bFSD\u3092\u500b\u5225\u306b\u5c0e\u5165\u3059\u308b\u3053\u3068\u3082\u3067\u304d\u307e\u3059\uff01"}),"\n",(0,i.jsxs)(n.p,{children:["\u65e2\u5b58\u306e\u30a2\u30fc\u30ad\u30c6\u30af\u30c1\u30e3\u304b\u3089FSD\u306b\u79fb\u884c\u3059\u308b\u3053\u3068\u3092\u691c\u8a0e\u3057\u3066\u3044\u308b\u5834\u5408\u306f\u3001\u73fe\u5728\u306e\u30a2\u30fc\u30ad\u30c6\u30af\u30c1\u30e3\u304c\u30c1\u30fc\u30e0\u306b",(0,i.jsx)(n.strong,{children:"\u652f\u969c\u3092\u304d\u305f\u3057\u3066\u3044\u308b"}),"\u304b\u3069\u3046\u304b\u3092\u78ba\u8a8d\u3057\u3066\u304f\u3060\u3055\u3044\u3002\u4f8b\u3048\u3070\u3001\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u304c\u5927\u304d\u304f\u306a\u308a\u3059\u304e\u3066\u65b0\u6a5f\u80fd\u306e\u958b\u767a\u304c\u52b9\u7387\u7684\u306b\u884c\u3048\u306a\u3044\u5834\u5408\u3084\u3001\u591a\u304f\u306e\u65b0\u3057\u3044\u30e1\u30f3\u30d0\u30fc\u304c\u30c1\u30fc\u30e0\u306b\u52a0\u308f\u308b\u3053\u3068\u304c\u4e88\u60f3\u3055\u308c\u308b\u5834\u5408\u3067\u3059\u3002\u73fe\u5728\u306e\u30a2\u30fc\u30ad\u30c6\u30af\u30c1\u30e3\u304c\u6b63\u5e38\u306b\u6a5f\u80fd\u3057\u3066\u3044\u308b\u5834\u5408\u3001\u5909\u66f4\u3059\u308b\u5fc5\u8981\u306f\u306a\u3044\u304b\u3082\u3057\u308c\u307e\u305b\u3093\u3002\u3057\u304b\u3057\u3001\u79fb\u884c\u3092\u6c7a\u5b9a\u3057\u305f\u5834\u5408\u306f\u3001",(0,i.jsx)(n.a,{href:"/docs/guides/migration/from-custom",children:"\u79fb\u884c\u30bb\u30af\u30b7\u30e7\u30f3"}),"\u306e\u63a8\u5968\u4e8b\u9805\u3092\u78ba\u8a8d\u3057\u3066\u304f\u3060\u3055\u3044\u3002"]}),"\n",(0,i.jsx)(n.h2,{id:"basic-example",children:"\u57fa\u672c\u7684\u306a\u4f8b"}),"\n",(0,i.jsx)(n.p,{children:"\u4ee5\u4e0b\u306f\u3001FSD\u3092\u5b9f\u88c5\u3057\u305f\u30b7\u30f3\u30d7\u30eb\u306a\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u3067\u3059\u3002"}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsx)(n.li,{children:(0,i.jsx)(n.code,{children:"\ud83d\udcc1 app"})}),"\n",(0,i.jsx)(n.li,{children:(0,i.jsx)(n.code,{children:"\ud83d\udcc1 pages"})}),"\n",(0,i.jsx)(n.li,{children:(0,i.jsx)(n.code,{children:"\ud83d\udcc1 shared"})}),"\n"]}),"\n",(0,i.jsxs)(n.p,{children:["\u3053\u308c\u3089\u306e\u30c8\u30c3\u30d7\u30ec\u30d9\u30eb\u306e\u30d5\u30a9\u30eb\u30c0\u30fc\u306f",(0,i.jsx)(n.em,{children:"\u30ec\u30a4\u30e4\u30fc"}),"\u3068\u547c\u3070\u308c\u307e\u3059\u3002\u8a73\u3057\u304f\u898b\u3066\u307f\u307e\u3057\u3087\u3046\u3002"]}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsxs)(n.li,{children:[(0,i.jsx)(n.code,{children:"\ud83d\udcc2 app"}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsx)(n.li,{children:(0,i.jsx)(n.code,{children:"\ud83d\udcc1 routes"})}),"\n",(0,i.jsx)(n.li,{children:(0,i.jsx)(n.code,{children:"\ud83d\udcc1 analytics"})}),"\n"]}),"\n"]}),"\n",(0,i.jsxs)(n.li,{children:[(0,i.jsx)(n.code,{children:"\ud83d\udcc2 pages"}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsx)(n.li,{children:(0,i.jsx)(n.code,{children:"\ud83d\udcc1 home"})}),"\n",(0,i.jsxs)(n.li,{children:[(0,i.jsx)(n.code,{children:"\ud83d\udcc2 article-reader"}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsx)(n.li,{children:(0,i.jsx)(n.code,{children:"\ud83d\udcc1 ui"})}),"\n",(0,i.jsx)(n.li,{children:(0,i.jsx)(n.code,{children:"\ud83d\udcc1 api"})}),"\n"]}),"\n"]}),"\n",(0,i.jsx)(n.li,{children:(0,i.jsx)(n.code,{children:"\ud83d\udcc1 settings"})}),"\n"]}),"\n"]}),"\n",(0,i.jsxs)(n.li,{children:[(0,i.jsx)(n.code,{children:"\ud83d\udcc2 shared"}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsx)(n.li,{children:(0,i.jsx)(n.code,{children:"\ud83d\udcc1 ui"})}),"\n",(0,i.jsx)(n.li,{children:(0,i.jsx)(n.code,{children:"\ud83d\udcc1 api"})}),"\n"]}),"\n"]}),"\n"]}),"\n",(0,i.jsxs)(n.p,{children:[(0,i.jsx)(n.code,{children:"\ud83d\udcc2 pages"}),"\u5185\u306e\u30d5\u30a9\u30eb\u30c0\u30fc\u306f",(0,i.jsx)(n.em,{children:"\u30b9\u30e9\u30a4\u30b9"}),"\u3068\u547c\u3070\u308c\u307e\u3059\u3002\u30b9\u30e9\u30a4\u30b9\u306f\u30c9\u30e1\u30a4\u30f3\uff08\u3053\u306e\u5834\u5408\u306f\u30da\u30fc\u30b8\uff09\u3054\u3068\u306b\u30ec\u30a4\u30e4\u30fc\u3092\u5206\u5272\u3057\u307e\u3059\u3002"]}),"\n",(0,i.jsxs)(n.p,{children:[(0,i.jsx)(n.code,{children:"\ud83d\udcc2 app"}),"\u3001",(0,i.jsx)(n.code,{children:"\ud83d\udcc2 shared"}),"\u3001\u304a\u3088\u3073",(0,i.jsx)(n.code,{children:"\ud83d\udcc2 pages/article-reader"}),"\u5185\u306e\u30d5\u30a9\u30eb\u30c0\u30fc\u306f",(0,i.jsx)(n.em,{children:"\u30bb\u30b0\u30e1\u30f3\u30c8"}),"\u3068\u547c\u3070\u308c\u3001\u30b9\u30e9\u30a4\u30b9\uff08\u307e\u305f\u306f\u30ec\u30a4\u30e4\u30fc\uff09\u3092\u6280\u8853\u7684\u306a\u76ee\u7684\u306b\u5fdc\u3058\u3066\u5206\u5272\u3057\u307e\u3059\u3002"]}),"\n",(0,i.jsx)(n.h2,{id:"concepts",children:"\u6982\u5ff5"}),"\n",(0,i.jsx)(n.p,{children:"\u30ec\u30a4\u30e4\u30fc\u3001\u30b9\u30e9\u30a4\u30b9\u3001\u30bb\u30b0\u30e1\u30f3\u30c8\u306f\u3001\u4ee5\u4e0b\u306e\u56f3\u306b\u793a\u3055\u308c\u308b\u3088\u3046\u306b\u968e\u5c64\u3092\u5f62\u6210\u3057\u307e\u3059\u3002"}),"\n",(0,i.jsxs)("figure",{children:[(0,i.jsx)(n.p,{children:(0,i.jsx)(n.img,{alt:"FSD\u306e\u6982\u5ff5\u306e\u968e\u5c64\u3001\u4ee5\u4e0b\u306b\u8aac\u660e",src:s(9273).A+"",width:"1355",height:"754"})}),(0,i.jsxs)("figcaption",{style:{fontStyle:"italic",fontSize:"0.9em"},children:[(0,i.jsx)("p",{children:"\u4e0a\u306e\u56f3\u306b\u306f\u3001\u5de6\u304b\u3089\u53f3\u306b\u300c\u30ec\u30a4\u30e4\u30fc\u300d\u3001\u300c\u30b9\u30e9\u30a4\u30b9\u300d\u3001\u300c\u30bb\u30b0\u30e1\u30f3\u30c8\u300d\u3068\u30e9\u30d9\u30eb\u4ed8\u3051\u3055\u308c\u305f3\u3064\u306e\u5217\u304c\u3042\u308a\u307e\u3059\u3002"}),(0,i.jsx)("p",{children:"\u300c\u30ec\u30a4\u30e4\u30fc\u300d\u5217\u306b\u306f\u3001\u4e0a\u304b\u3089\u4e0b\u306b\u300capp\u300d\u3001\u300cprocesses\u300d\u3001\u300cpages\u300d\u3001\u300cwidgets\u300d\u3001\u300cfeatures\u300d\u3001\u300centities\u300d\u3001\u300cshared\u300d\u3068\u30e9\u30d9\u30eb\u4ed8\u3051\u3055\u308c\u305f7\u3064\u306e\u533a\u5206\u304c\u3042\u308a\u307e\u3059\u3002\u300cprocesses\u300d\u533a\u5206\u306f\u53d6\u308a\u6d88\u3057\u7dda\u304c\u5f15\u304b\u308c\u3066\u3044\u307e\u3059\u3002\u300centities\u300d\u533a\u5206\u306f2\u756a\u76ee\u306e\u5217\u300c\u30b9\u30e9\u30a4\u30b9\u300d\u3068\u63a5\u7d9a\u3055\u308c\u3066\u3044\u3066\u30012\u756a\u76ee\u306e\u5217\u304c\u300centities\u300d\u306e\u5185\u5bb9\u3067\u3042\u308b\u3053\u3068\u3092\u793a\u3057\u3066\u3044\u307e\u3059\u3002"}),(0,i.jsx)("p",{children:"\u300c\u30b9\u30e9\u30a4\u30b9\u300d\u5217\u306b\u306f\u3001\u4e0a\u304b\u3089\u4e0b\u306b\u300cuser\u300d\u3001\u300cpost\u300d\u3001\u300ccomment\u300d\u3068\u30e9\u30d9\u30eb\u4ed8\u3051\u3055\u308c\u305f3\u3064\u306e\u533a\u5206\u304c\u3042\u308a\u307e\u3059\u3002\u300cpost\u300d\u533a\u5206\u306f\u300c\u30bb\u30b0\u30e1\u30f3\u30c8\u300d\u5217\u3068\u540c\u69d8\u306b\u63a5\u7d9a\u3055\u308c\u3066\u3044\u3066\u3001\u300cpost\u300d\u306e\u5185\u5bb9\u3067\u3042\u308b\u3053\u3068\u3092\u793a\u3057\u3066\u3044\u307e\u3059\u3002"}),(0,i.jsx)("p",{children:"\u300c\u30bb\u30b0\u30e1\u30f3\u30c8\u300d\u5217\u306b\u306f\u3001\u4e0a\u304b\u3089\u4e0b\u306b\u300cui\u300d\u3001\u300cmodel\u300d\u3001\u300capi\u300d\u3068\u30e9\u30d9\u30eb\u4ed8\u3051\u3055\u308c\u305f3\u3064\u306e\u533a\u5206\u304c\u3042\u308a\u307e\u3059\u3002"})]})]}),"\n",(0,i.jsx)(n.h3,{id:"layers",children:"\u30ec\u30a4\u30e4\u30fc"}),"\n",(0,i.jsx)(n.p,{children:"\u30ec\u30a4\u30e4\u30fc\u306f\u3059\u3079\u3066\u306eFSD\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u3067\u6a19\u6e96\u5316\u3055\u308c\u3066\u3044\u307e\u3059\u3002\u3059\u3079\u3066\u306e\u30ec\u30a4\u30e4\u30fc\u3092\u4f7f\u7528\u3059\u308b\u5fc5\u8981\u306f\u3042\u308a\u307e\u305b\u3093\u304c\u3001\u30cd\u30fc\u30df\u30f3\u30b0\u306f\u91cd\u8981\u3067\u3059\u3002\u73fe\u5728\u30017\u3064\u306e\u30ec\u30a4\u30e4\u30fc\u304c\u5b58\u5728\u3057\u3066\u3044\u307e\u3059\uff08\u4e0a\u304b\u3089\u4e0b\u3078\uff09\u3002"}),"\n",(0,i.jsxs)(n.ol,{children:["\n",(0,i.jsx)(n.li,{children:"App\uff0a\uff08\u30a2\u30c3\u30d7\uff09 \u2014 \u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u306e\u8d77\u52d5\u306b\u5fc5\u8981\u306a\u3059\u3079\u3066\u306e\u3082\u306e\uff08\u30eb\u30fc\u30c6\u30a3\u30f3\u30b0\u3001\u30a8\u30f3\u30c8\u30ea\u30fc\u30dd\u30a4\u30f3\u30c8\u3001\u30b0\u30ed\u30fc\u30d0\u30eb\u30b9\u30bf\u30a4\u30eb\u3001\u30d7\u30ed\u30d0\u30a4\u30c0\u30fc\u306a\u3069\uff09"}),"\n",(0,i.jsx)(n.li,{children:"Processes\uff08\u30d7\u30ed\u30bb\u30b9\u3001\u975e\u63a8\u5968\uff09 \u2014 \u8907\u96d1\u306a\u30da\u30fc\u30b8\u9593\u306e\u30b7\u30ca\u30ea\u30aa"}),"\n",(0,i.jsx)(n.li,{children:"Pages\uff08\u30da\u30fc\u30b8\uff09 \u2014 \u30da\u30fc\u30b8\u5168\u4f53\u3001\u307e\u305f\u306f\u30cd\u30b9\u30c8\u3055\u308c\u305f\u30eb\u30fc\u30c6\u30a3\u30f3\u30b0\u306e\u5834\u5408\u3001\u30da\u30fc\u30b8\u306e\u5927\u90e8\u5206"}),"\n",(0,i.jsx)(n.li,{children:"Widgets\uff08\u30a6\u30a3\u30b8\u30a7\u30c3\u30c8\uff09 \u2014 \u5927\u304d\u306a\u81ea\u5df1\u5b8c\u7d50\u578b\u306e\u6a5f\u80fd\u90e8\u5206\u3001\u307e\u305f\u306f\u30a4\u30f3\u30bf\u30fc\u30d5\u30a7\u30fc\u30b9\u306e\u5927\u90e8\u5206\u3002\u901a\u5e38\u306f\u30e6\u30fc\u30b6\u30fc\u30b7\u30ca\u30ea\u30aa\u5168\u4f53\u3092\u5b9f\u88c5\u3059\u308b"}),"\n",(0,i.jsx)(n.li,{children:"Features\uff08\u30d5\u30a3\u30fc\u30c1\u30e3\u30fc\uff09 \u2014 \u30d7\u30ed\u30c0\u30af\u30c8\u6a5f\u80fd\u306e\u518d\u5229\u7528\u53ef\u80fd\u306a\u5b9f\u88c5\u3001\u3064\u307e\u308a\u30e6\u30fc\u30b6\u30fc\u306b\u30d3\u30b8\u30cd\u30b9\u4fa1\u5024\u3092\u3082\u305f\u3089\u3059\u30a2\u30af\u30b7\u30e7\u30f3"}),"\n",(0,i.jsxs)(n.li,{children:["Entities\uff08\u30a8\u30f3\u30c6\u30a3\u30c6\u30a3\uff09 \u2014 \u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u304c\u6271\u3046\u30d3\u30b8\u30cd\u30b9\u30a8\u30f3\u30c6\u30a3\u30c6\u30a3\u3001\u4f8b\u3048\u3070",(0,i.jsx)(n.code,{children:"user"}),"\u3084",(0,i.jsx)(n.code,{children:"product"})]}),"\n",(0,i.jsx)(n.li,{children:"Shared\uff0a\uff08\u30b7\u30a7\u30a2\u30fc\u30c9\uff09 \u2014 \u518d\u5229\u7528\u53ef\u80fd\u306a\u30b3\u30fc\u30c9\u3002\u7279\u306b\u30d7\u30ed\u30b8\u30a7\u30af\u30c8/\u30d3\u30b8\u30cd\u30b9\u306e\u8a73\u7d30\u304b\u3089\u5207\u308a\u96e2\u3055\u308c\u305f\u3082\u306e"}),"\n"]}),"\n",(0,i.jsx)(n.p,{children:(0,i.jsx)(n.em,{children:"\uff0a \u2014 App\u5c64\u3068Shared\u5c64\u306e\u30ec\u30a4\u30e4\u30fc\u306f\u4ed6\u306e\u30ec\u30a4\u30e4\u30fc\u3068\u306f\u7570\u306a\u308a\u3001\u30b9\u30e9\u30a4\u30b9\u3092\u6301\u305f\u305a\u3001\u76f4\u63a5\u30bb\u30b0\u30e1\u30f3\u30c8\u3067\u69cb\u6210\u3055\u308c\u3066\u3044\u307e\u3059\u3002"})}),"\n",(0,i.jsx)(n.p,{children:"\u30ec\u30a4\u30e4\u30fc\u306e\u7279\u5fb4\u306f\u3001\u30ec\u30a4\u30e4\u30fc\u306e\u30e2\u30b8\u30e5\u30fc\u30eb\u306f\u3001\u4e0b\u5c64\u306e\u30ec\u30a4\u30e4\u30fc\u30e2\u30b8\u30e5\u30fc\u30eb\u306e\u307f\u3092\u77e5\u308b\u3053\u3068\u304c\u3067\u304d\u3001\u305d\u306e\u7d50\u679c\u3001\u30ec\u30a4\u30e4\u30fc\u304c\u4e0b\u5c64\u306e\u30ec\u30a4\u30e4\u30fc\u304b\u3089\u306e\u307f\u30e2\u30b8\u30e5\u30fc\u30eb\u3092\u30a4\u30f3\u30dd\u30fc\u30c8\u3067\u304d\u308b\u3053\u3068\u3067\u3059\u3002"}),"\n",(0,i.jsx)(n.h3,{id:"slices",children:"\u30b9\u30e9\u30a4\u30b9"}),"\n",(0,i.jsx)(n.p,{children:"\u6b21\u306b\u30b9\u30e9\u30a4\u30b9\u304c\u3042\u308a\u3001\u30ec\u30a4\u30e4\u30fc\u3092\u30c9\u30e1\u30a4\u30f3\u3054\u3068\u306b\u5206\u5272\u3057\u307e\u3059\u3002\u30b9\u30e9\u30a4\u30b9\u306e\u540d\u524d\u306f\u81ea\u7531\u306b\u4ed8\u3051\u308b\u3053\u3068\u304c\u3067\u304d\u3001\u3044\u304f\u3064\u3067\u3082\u4f5c\u6210\u3067\u304d\u307e\u3059\u3002\u30b9\u30e9\u30a4\u30b9\u306f\u3001\u610f\u5473\u7684\u306b\u95a2\u9023\u3059\u308b\u30b3\u30fc\u30c9\u3092\u30b0\u30eb\u30fc\u30d7\u5316\u3059\u308b\u3053\u3068\u3067\u3001\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u5185\u306e\u30ca\u30d3\u30b2\u30fc\u30b7\u30e7\u30f3\u3092\u3057\u3084\u3059\u304f\u3057\u307e\u3059\u3002"}),"\n",(0,i.jsx)(n.p,{children:"\u30b9\u30e9\u30a4\u30b9\u306f\u540c\u3058\u30ec\u30a4\u30e4\u30fc\u306e\u4ed6\u306e\u30b9\u30e9\u30a4\u30b9\u3092\u4f7f\u7528\u3067\u304d\u306a\u3044\u305f\u3081\u3001\u30b9\u30e9\u30a4\u30b9\u5185\u306e\u30b3\u30fc\u30c9\u306e\u5f37\u3044\u7d50\u5408\u3068\u30b9\u30e9\u30a4\u30b9\u9593\u306e\u5f31\u3044\u7d50\u5408\u304c\u4fdd\u8a3c\u3055\u308c\u307e\u3059\u3002"}),"\n",(0,i.jsx)(n.h3,{id:"segments",children:"\u30bb\u30b0\u30e1\u30f3\u30c8"}),"\n",(0,i.jsx)(n.p,{children:"\u30b9\u30e9\u30a4\u30b9\u3001\u304a\u3088\u3073App\u5c64\u3068Shared\u5c64\u306e\u30ec\u30a4\u30e4\u30fc\u306f\u30bb\u30b0\u30e1\u30f3\u30c8\u3067\u69cb\u6210\u3055\u308c\u3001\u30bb\u30b0\u30e1\u30f3\u30c8\u306f\u305d\u306e\u76ee\u7684\u306b\u5fdc\u3058\u3066\u30b3\u30fc\u30c9\u3092\u30b0\u30eb\u30fc\u30d7\u5316\u3057\u307e\u3059\u3002\u30bb\u30b0\u30e1\u30f3\u30c8\u306e\u540d\u524d\u306f\u6a19\u6e96\u3067\u56fa\u5b9a\u3055\u308c\u3066\u3044\u307e\u305b\u3093\u304c\u3001\u6700\u3082\u4e00\u822c\u7684\u306a\u76ee\u7684\u306e\u305f\u3081\u306b\u3044\u304f\u3064\u304b\u306e\u5171\u901a\u306e\u540d\u524d\u304c\u3042\u308a\u307e\u3059\u3002"}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsxs)(n.li,{children:[(0,i.jsx)(n.code,{children:"ui"})," \u2014 \u8868\u793a\u306b\u95a2\u9023\u3059\u308b\u3059\u3079\u3066: UI\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3001\u65e5\u4ed8\u30d5\u30a9\u30fc\u30de\u30c3\u30bf\u30fc\u3001\u30b9\u30bf\u30a4\u30eb\u306a\u3069"]}),"\n",(0,i.jsxs)(n.li,{children:[(0,i.jsx)(n.code,{children:"api"})," \u2014 \u30d0\u30c3\u30af\u30a8\u30f3\u30c9\u3068\u306e\u3084\u308a\u53d6\u308a: \u30ea\u30af\u30a8\u30b9\u30c8\u95a2\u6570\u3001\u30c7\u30fc\u30bf\u578b\u3001\u30de\u30c3\u30d1\u30fc"]}),"\n",(0,i.jsxs)(n.li,{children:[(0,i.jsx)(n.code,{children:"model"})," \u2014 \u30c7\u30fc\u30bf\u30e2\u30c7\u30eb: \u30d0\u30ea\u30c7\u30fc\u30b7\u30e7\u30f3\u30b9\u30ad\u30fc\u30de\u3001\u30a4\u30f3\u30bf\u30fc\u30d5\u30a7\u30fc\u30b9\u3001\u30b9\u30c8\u30ec\u30fc\u30b8\u3001\u30d3\u30b8\u30cd\u30b9\u30ed\u30b8\u30c3\u30af"]}),"\n",(0,i.jsxs)(n.li,{children:[(0,i.jsx)(n.code,{children:"lib"})," \u2014 \u4ed6\u306e\u30e2\u30b8\u30e5\u30fc\u30eb\u304c\u5fc5\u8981\u3068\u3059\u308b\u30e9\u30a4\u30d6\u30e9\u30ea\u30b3\u30fc\u30c9"]}),"\n",(0,i.jsxs)(n.li,{children:[(0,i.jsx)(n.code,{children:"config"})," \u2014 \u8a2d\u5b9a\u30d5\u30a1\u30a4\u30eb\u3068\u30d5\u30a3\u30fc\u30c1\u30e3\u30fc\u30d5\u30e9\u30b0"]}),"\n"]}),"\n",(0,i.jsx)(n.p,{children:"\u901a\u5e38\u3001\u3053\u308c\u3089\u306e\u30bb\u30b0\u30e1\u30f3\u30c8\u306f\u307b\u3068\u3093\u3069\u306e\u30ec\u30a4\u30e4\u30fc\u306b\u5341\u5206\u3067\u3042\u308b\u305f\u3081\u3001\u72ec\u81ea\u306e\u30bb\u30b0\u30e1\u30f3\u30c8\u306fShared\u5c64\u3084App\u5c64\u3067\u306e\u307f\u4f5c\u6210\u3055\u308c\u308b\u3053\u3068\u304c\u591a\u3044\u3067\u3059\u3002\u3057\u304b\u3057\u3001\u3053\u308c\u306f\u53b3\u683c\u306a\u30eb\u30fc\u30eb\u3067\u306f\u3042\u308a\u307e\u305b\u3093\u3002"}),"\n",(0,i.jsx)(n.h2,{id:"advantages",children:"\u5229\u70b9"}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsxs)(n.li,{children:["\n",(0,i.jsxs)(n.p,{children:[(0,i.jsx)(n.strong,{children:"\u4e00\u8cab\u6027"}),(0,i.jsx)(n.br,{}),"\n","\u69cb\u9020\u304c\u6a19\u6e96\u5316\u3055\u308c\u3066\u3044\u308b\u305f\u3081\u3001\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u304c\u3088\u308a\u4e00\u8cab\u6027\u3092\u6301\u3061\u3001\u65b0\u3057\u3044\u30e1\u30f3\u30d0\u30fc\u306e\u30c1\u30fc\u30e0\u3078\u306e\u53c2\u52a0\u304c\u5bb9\u6613\u306b\u306a\u308a\u307e\u3059\u3002"]}),"\n"]}),"\n",(0,i.jsxs)(n.li,{children:["\n",(0,i.jsxs)(n.p,{children:[(0,i.jsx)(n.strong,{children:"\u5909\u66f4\u3068\u30ea\u30d5\u30a1\u30af\u30bf\u30ea\u30f3\u30b0\u3078\u306e\u8010\u6027"}),(0,i.jsx)(n.br,{}),"\n","\u30ec\u30a4\u30e4\u30fc\u306e\u30e2\u30b8\u30e5\u30fc\u30eb\u306f\u3001\u540c\u3058\u30ec\u30a4\u30e4\u30fc\u3084\u4e0a\u5c64\u30ec\u30a4\u30e4\u30fc\u306e\u4ed6\u306e\u30e2\u30b8\u30e5\u30fc\u30eb\u3092\u4f7f\u7528\u3067\u304d\u306a\u3044\u305f\u3081\u3001\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u306e\u4ed6\u306e\u90e8\u5206\u306b\u4e88\u671f\u3057\u306a\u3044\u5f71\u97ff\u3092\u4e0e\u3048\u308b\u3053\u3068\u306a\u304f\u3001\u5206\u96e2\u3055\u308c\u305f\u5909\u66f4\u3092\u52a0\u3048\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002"]}),"\n"]}),"\n",(0,i.jsxs)(n.li,{children:["\n",(0,i.jsxs)(n.p,{children:[(0,i.jsx)(n.strong,{children:"\u30ed\u30b8\u30c3\u30af\u306e\u518d\u5229\u7528\u5236\u5fa1"}),(0,i.jsx)(n.br,{}),"\n","\u30ec\u30d9\u30eb\u306b\u5fdc\u3058\u3066\u3001\u30b3\u30fc\u30c9\u3092\u975e\u5e38\u306b\u518d\u5229\u7528\u53ef\u80fd\u306b\u3059\u308b\u3053\u3068\u3082\u3001\u975e\u5e38\u306b\u30ed\u30fc\u30ab\u30eb\u306b\u3059\u308b\u3053\u3068\u3082\u3067\u304d\u307e\u3059\u3002",(0,i.jsx)(n.br,{}),"\n","\u3053\u308c\u306b\u3088\u308a\u3001",(0,i.jsx)(n.strong,{children:"DRY"}),"\u539f\u5247\u3068\u5b9f\u7528\u6027\u306e\u30d0\u30e9\u30f3\u30b9\u304c\u4fdd\u305f\u308c\u307e\u3059\u3002"]}),"\n"]}),"\n",(0,i.jsxs)(n.li,{children:["\n",(0,i.jsxs)(n.p,{children:[(0,i.jsx)(n.strong,{children:"\u30d3\u30b8\u30cd\u30b9\u3068\u30e6\u30fc\u30b6\u30fc\u306e\u30cb\u30fc\u30ba\u306b\u7126\u70b9\u3092\u5f53\u3066\u308b"}),(0,i.jsx)(n.br,{}),"\n","\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u306f\u30d3\u30b8\u30cd\u30b9\u30c9\u30e1\u30a4\u30f3\u306b\u5206\u5272\u3055\u308c\u3001\u547d\u540d\u306b\u306f\u30d3\u30b8\u30cd\u30b9\u7528\u8a9e\u306e\u4f7f\u7528\u304c\u5968\u52b1\u3055\u308c\u308b\u305f\u3081\u3001\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u306e\u4ed6\u306e\u7121\u95a2\u4fc2\u306a\u90e8\u5206\u306b\u5b8c\u5168\u306b\u7cbe\u901a\u3059\u308b\u3053\u3068\u306a\u304f\u3001\u30d7\u30ed\u30c0\u30af\u30c8\u3067\u6709\u7528\u306a\u4f5c\u696d\u3092\u884c\u3046\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002"]}),"\n"]}),"\n"]}),"\n",(0,i.jsx)(n.h2,{id:"incremental-adoption",children:"\u6bb5\u968e\u7684\u306a\u5c0e\u5165"}),"\n",(0,i.jsx)(n.p,{children:"\u65e2\u5b58\u306e\u30b3\u30fc\u30c9\u30d9\u30fc\u30b9\u3092FSD\u306b\u79fb\u884c\u3057\u305f\u3044\u5834\u5408\u306f\u3001\u4ee5\u4e0b\u306e\u6226\u7565\u3092\u304a\u52e7\u3081\u3057\u307e\u3059\u3002\u79c1\u305f\u3061\u81ea\u8eab\u306e\u79fb\u884c\u7d4c\u9a13\u304b\u3089\u3001\u3053\u306e\u65b9\u6cd5\u306f\u975e\u5e38\u306b\u52b9\u679c\u7684\u3067\u3042\u308b\u3053\u3068\u304c\u5206\u304b\u308a\u307e\u3057\u305f\u3002"}),"\n",(0,i.jsxs)(n.ol,{children:["\n",(0,i.jsxs)(n.li,{children:["\n",(0,i.jsx)(n.p,{children:"App\u5c64\u3068Shared\u5c64\u306e\u30ec\u30a4\u30e4\u30fc\u3092\u5f90\u3005\u306b\u5f62\u6210\u3057\u3001\u57fa\u76e4\u3092\u4f5c\u308b\u3002"}),"\n"]}),"\n",(0,i.jsxs)(n.li,{children:["\n",(0,i.jsx)(n.p,{children:"\u65e2\u5b58\u306e\u3059\u3079\u3066\u306e\u30a4\u30f3\u30bf\u30fc\u30d5\u30a7\u30fc\u30b9\u30b3\u30fc\u30c9\u3092\u30a6\u30a3\u30b8\u30a7\u30c3\u30c8\u3068\u30da\u30fc\u30b8\u306b\u5206\u6563\u3055\u305b\u308b\u3002FSD\u306e\u30eb\u30fc\u30eb\u306b\u9055\u53cd\u3059\u308b\u4f9d\u5b58\u95a2\u4fc2\u304c\u3042\u3063\u3066\u3082\u826f\u3044\u3002"}),"\n"]}),"\n",(0,i.jsxs)(n.li,{children:["\n",(0,i.jsx)(n.p,{children:"\u30a4\u30f3\u30dd\u30fc\u30c8\u306e\u30eb\u30fc\u30eb\u9055\u53cd\u3092\u5f90\u3005\u306b\u4fee\u6b63\u3057\u306a\u304c\u3089\u3001\u30a8\u30f3\u30c6\u30a3\u30c6\u30a3\u3084\u30d5\u30a3\u30fc\u30c1\u30e3\u30fc\u3092\u62bd\u51fa\u3059\u308b\u3002"}),"\n"]}),"\n"]}),"\n",(0,i.jsx)(n.p,{children:"\u30ea\u30d5\u30a1\u30af\u30bf\u30ea\u30f3\u30b0\u4e2d\u306b\u65b0\u3057\u3044\u5927\u304d\u306a\u306a\u30a8\u30f3\u30c6\u30a3\u30c6\u30a3\u3092\u8ffd\u52a0\u3059\u308b\u3053\u3068\u3084\u3001\u90e8\u5206\u7684\u306a\u30ea\u30d5\u30a1\u30af\u30bf\u30ea\u30f3\u30b0\u306f\u907f\u3051\u308b\u3053\u3068\u3092\u304a\u52e7\u3081\u3057\u307e\u3059\u3002"}),"\n",(0,i.jsx)(n.h2,{id:"next-steps",children:"\u6b21\u306e\u30b9\u30c6\u30c3\u30d7"}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsxs)(n.li,{children:[(0,i.jsx)(n.strong,{children:"FSD\u306e\u8003\u3048\u65b9\u3092\u7406\u89e3\u3057\u305f\u3044\uff1f"})," ",(0,i.jsx)(n.a,{href:"/docs/get-started/tutorial",children:"\u30c1\u30e5\u30fc\u30c8\u30ea\u30a2\u30eb"}),"\u3092\u8aad\u3093\u3067\u304f\u3060\u3055\u3044\u3002"]}),"\n",(0,i.jsxs)(n.li,{children:[(0,i.jsx)(n.strong,{children:"\u4f8b\u3092\u898b\u3066\u5b66\u3073\u305f\u3044\uff1f"})," ",(0,i.jsx)(n.a,{href:"/examples",children:"\u5b9f\u88c5\u4f8b\u30bb\u30af\u30b7\u30e7\u30f3"}),"\u306b\u305f\u304f\u3055\u3093\u3042\u308a\u307e\u3059\u3002"]}),"\n",(0,i.jsxs)(n.li,{children:[(0,i.jsx)(n.strong,{children:"\u8cea\u554f\u304c\u3042\u308b\uff1f"})," ",(0,i.jsx)(n.a,{href:"https://discord.com/invite/S8MzWTUsmp",children:"Discord\u30c1\u30e3\u30f3\u30cd\u30eb"}),"\u306b\u30a2\u30af\u30bb\u30b9\u3057\u3066\u3001\u30b3\u30df\u30e5\u30cb\u30c6\u30a3\u306b\u8cea\u554f\u3057\u3066\u304f\u3060\u3055\u3044\u3002"]}),"\n"]})]})}function j(e={}){const{wrapper:n}={...(0,r.R)(),...e.components};return n?(0,i.jsx)(n,{...e,children:(0,i.jsx)(x,{...e})}):x(e)}},9273:(e,n,s)=>{s.d(n,{A:()=>i});const i=s.p+"assets/images/visual_schema-e826067f573946613dcdc76e3f585082.jpg"},1100:(e,n,s)=>{s.d(n,{R:()=>d,x:()=>c});var i=s(758);const r={},l=i.createContext(r);function d(e){const n=i.useContext(l);return i.useMemo((function(){return"function"==typeof e?e(n):{...n,...e}}),[n,e])}function c(e){let n;return n=e.disableParentContext?"function"==typeof e.components?e.components(r):e.components||r:d(e.components),i.createElement(l.Provider,{value:n},e.children)}}}]);
\ No newline at end of file
+"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[7498],{9266:(e,n,s)=>{s.r(n),s.d(n,{assets:()=>t,contentTitle:()=>d,default:()=>j,frontMatter:()=>l,metadata:()=>c,toc:()=>h});var i=s(6070),r=s(1100);const l={sidebar_position:1},d="\u6982\u8981",c={id:"get-started/overview",title:"\u6982\u8981",description:"Feature-Sliced Design (FSD) \u3068\u306f\u3001\u30d5\u30ed\u30f3\u30c8\u30a8\u30f3\u30c9\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u306e\u8a2d\u8a08\u65b9\u6cd5\u8ad6\u3067\u3059\u3002\u7c21\u5358\u306b\u8a00\u3048\u3070\u3001\u30b3\u30fc\u30c9\u3092\u6574\u7406\u3059\u308b\u305f\u3081\u306e\u30eb\u30fc\u30eb\u3068\u898f\u7d04\u306e\u96c6\u5927\u6210\u3067\u3059\u3002FSD\u306e\u4e3b\u306a\u76ee\u7684\u306f\u3001\u30d3\u30b8\u30cd\u30b9\u8981\u4ef6\u304c\u7d76\u3048\u305a\u5909\u5316\u3059\u308b\u4e2d\u3067\u3001\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u3092\u3088\u308a\u7406\u89e3\u3057\u3084\u3059\u304f\u3001\u69cb\u9020\u5316\u3055\u308c\u305f\u3082\u306e\u306b\u3059\u308b\u3053\u3068\u3067\u3059\u3002",source:"@site/i18n/ja/docusaurus-plugin-content-docs/current/get-started/overview.mdx",sourceDirName:"get-started",slug:"/get-started/overview",permalink:"/ja/docs/get-started/overview",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/ja/docusaurus-plugin-content-docs/current/get-started/overview.mdx",tags:[],version:"current",lastUpdatedAt:1728325386e3,sidebarPosition:1,frontMatter:{sidebar_position:1},sidebar:"getstartedSidebar",previous:{title:"\ud83d\ude80 \u30af\u30a4\u30c3\u30af\u30b9\u30bf\u30fc\u30c8",permalink:"/ja/docs/get-started/"},next:{title:"\u30c1\u30e5\u30fc\u30c8\u30ea\u30a2\u30eb",permalink:"/ja/docs/get-started/tutorial"}},t={},h=[{value:"FSD\u306f\u79c1\u306e\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u306b\u9069\u3057\u3066\u3044\u308b\u306e\u304b\uff1f",id:"is-it-right-for-me",level:2},{value:"\u57fa\u672c\u7684\u306a\u4f8b",id:"basic-example",level:2},{value:"\u6982\u5ff5",id:"concepts",level:2},{value:"\u30ec\u30a4\u30e4\u30fc",id:"layers",level:3},{value:"\u30b9\u30e9\u30a4\u30b9",id:"slices",level:3},{value:"\u30bb\u30b0\u30e1\u30f3\u30c8",id:"segments",level:3},{value:"\u5229\u70b9",id:"advantages",level:2},{value:"\u6bb5\u968e\u7684\u306a\u5c0e\u5165",id:"incremental-adoption",level:2},{value:"\u6b21\u306e\u30b9\u30c6\u30c3\u30d7",id:"next-steps",level:2}];function x(e){const n={a:"a",br:"br",code:"code",em:"em",h1:"h1",h2:"h2",h3:"h3",header:"header",img:"img",li:"li",ol:"ol",p:"p",strong:"strong",ul:"ul",...(0,r.R)(),...e.components};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(n.header,{children:(0,i.jsx)(n.h1,{id:"\u6982\u8981",children:"\u6982\u8981"})}),"\n",(0,i.jsxs)(n.p,{children:[(0,i.jsx)(n.strong,{children:"Feature-Sliced Design"})," (FSD) \u3068\u306f\u3001\u30d5\u30ed\u30f3\u30c8\u30a8\u30f3\u30c9\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u306e\u8a2d\u8a08\u65b9\u6cd5\u8ad6\u3067\u3059\u3002\u7c21\u5358\u306b\u8a00\u3048\u3070\u3001\u30b3\u30fc\u30c9\u3092\u6574\u7406\u3059\u308b\u305f\u3081\u306e\u30eb\u30fc\u30eb\u3068\u898f\u7d04\u306e\u96c6\u5927\u6210\u3067\u3059\u3002FSD\u306e\u4e3b\u306a\u76ee\u7684\u306f\u3001\u30d3\u30b8\u30cd\u30b9\u8981\u4ef6\u304c\u7d76\u3048\u305a\u5909\u5316\u3059\u308b\u4e2d\u3067\u3001\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u3092\u3088\u308a\u7406\u89e3\u3057\u3084\u3059\u304f\u3001\u69cb\u9020\u5316\u3055\u308c\u305f\u3082\u306e\u306b\u3059\u308b\u3053\u3068\u3067\u3059\u3002"]}),"\n",(0,i.jsxs)(n.p,{children:["\u30eb\u30fc\u30eb\u306e\u30bb\u30c3\u30c8\u306b\u52a0\u3048\u3066\u3001FSD\u306f\u30c4\u30fc\u30eb\u30c1\u30a7\u30fc\u30f3\u3067\u3082\u3042\u308a\u307e\u3059\u3002\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u306e\u30a2\u30fc\u30ad\u30c6\u30af\u30c1\u30e3\u3092\u30c1\u30a7\u30c3\u30af\u3059\u308b\u305f\u3081\u306e",(0,i.jsx)(n.a,{href:"https://github.com/feature-sliced/steiger",children:"\u30ea\u30f3\u30bf\u30fc"}),"\u3001CLI\u3084IDE\u3092\u901a\u3058\u305f",(0,i.jsx)(n.a,{href:"https://github.com/feature-sliced/awesome?tab=readme-ov-file#tools",children:"\u30d5\u30a9\u30eb\u30c0\u30fc\u30b8\u30a7\u30cd\u30ec\u30fc\u30bf\u30fc"}),"\u3001\u304a\u3088\u3073\u8c4a\u5bcc\u306a",(0,i.jsx)(n.a,{href:"/examples",children:"\u5b9f\u88c5\u4f8b\u306e\u30b3\u30ec\u30af\u30b7\u30e7\u30f3"}),"\u304c\u3042\u308a\u307e\u3059\u3002"]}),"\n",(0,i.jsx)(n.h2,{id:"is-it-right-for-me",children:"FSD\u306f\u79c1\u306e\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u306b\u9069\u3057\u3066\u3044\u308b\u306e\u304b\uff1f"}),"\n",(0,i.jsx)(n.p,{children:"FSD\u306f\u3001\u3042\u3089\u3086\u308b\u898f\u6a21\u306e\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u3084\u30c1\u30fc\u30e0\u306b\u5c0e\u5165\u3067\u304d\u307e\u3059\u3002\u4ee5\u4e0b\u306e\u5834\u5408\u3001\u3042\u306a\u305f\u306e\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u306b\u9069\u3057\u3066\u3044\u307e\u3059\u3002"}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsxs)(n.li,{children:[(0,i.jsx)(n.strong,{children:"\u30d5\u30ed\u30f3\u30c8\u30a8\u30f3\u30c9"}),"\u958b\u767a\u3067\u306e\u4f7f\u7528\uff08\u30a6\u30a7\u30d6\u30b5\u30a4\u30c8\u3001\u30e2\u30d0\u30a4\u30eb/\u30c7\u30b9\u30af\u30c8\u30c3\u30d7\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u306e\u30a4\u30f3\u30bf\u30fc\u30d5\u30a7\u30fc\u30b9\u4f5c\u6210\u306a\u3069\uff09"]}),"\n",(0,i.jsxs)(n.li,{children:[(0,i.jsx)(n.strong,{children:"\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3"}),"\u958b\u767a\u3067\u306e\u4f7f\u7528\uff08\u30e9\u30a4\u30d6\u30e9\u30ea\u958b\u767a\u3067\u306f\u306a\u3044\uff09"]}),"\n"]}),"\n",(0,i.jsx)(n.p,{children:"\u3053\u308c\u3060\u3051\u3067\u3059\uff01\u4f7f\u7528\u3059\u308b\u30d7\u30ed\u30b0\u30e9\u30df\u30f3\u30b0\u8a00\u8a9e\u3001\u30d5\u30ec\u30fc\u30e0\u30ef\u30fc\u30af\u3001\u72b6\u614b\u7ba1\u7406\u30e9\u30a4\u30d6\u30e9\u30ea\u306b\u306f\u5236\u9650\u304c\u3042\u308a\u307e\u305b\u3093\u3002\u5c1a\u3001FSD\u3092\u6bb5\u968e\u7684\u306b\u5c0e\u5165\u3057\u305f\u308a\u3001\u30e2\u30ce\u30ec\u30dd\u3067\u4f7f\u7528\u3057\u305f\u308a\u3001\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u3092\u30d1\u30c3\u30b1\u30fc\u30b8\u306b\u5206\u5272\u3057\u3001\u305d\u308c\u305e\u308c\u306bFSD\u3092\u500b\u5225\u306b\u5c0e\u5165\u3059\u308b\u3053\u3068\u3082\u3067\u304d\u307e\u3059\uff01"}),"\n",(0,i.jsxs)(n.p,{children:["\u65e2\u5b58\u306e\u30a2\u30fc\u30ad\u30c6\u30af\u30c1\u30e3\u304b\u3089FSD\u306b\u79fb\u884c\u3059\u308b\u3053\u3068\u3092\u691c\u8a0e\u3057\u3066\u3044\u308b\u5834\u5408\u306f\u3001\u73fe\u5728\u306e\u30a2\u30fc\u30ad\u30c6\u30af\u30c1\u30e3\u304c\u30c1\u30fc\u30e0\u306b",(0,i.jsx)(n.strong,{children:"\u652f\u969c\u3092\u304d\u305f\u3057\u3066\u3044\u308b"}),"\u304b\u3069\u3046\u304b\u3092\u78ba\u8a8d\u3057\u3066\u304f\u3060\u3055\u3044\u3002\u4f8b\u3048\u3070\u3001\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u304c\u5927\u304d\u304f\u306a\u308a\u3059\u304e\u3066\u65b0\u6a5f\u80fd\u306e\u958b\u767a\u304c\u52b9\u7387\u7684\u306b\u884c\u3048\u306a\u3044\u5834\u5408\u3084\u3001\u591a\u304f\u306e\u65b0\u3057\u3044\u30e1\u30f3\u30d0\u30fc\u304c\u30c1\u30fc\u30e0\u306b\u52a0\u308f\u308b\u3053\u3068\u304c\u4e88\u60f3\u3055\u308c\u308b\u5834\u5408\u3067\u3059\u3002\u73fe\u5728\u306e\u30a2\u30fc\u30ad\u30c6\u30af\u30c1\u30e3\u304c\u6b63\u5e38\u306b\u6a5f\u80fd\u3057\u3066\u3044\u308b\u5834\u5408\u3001\u5909\u66f4\u3059\u308b\u5fc5\u8981\u306f\u306a\u3044\u304b\u3082\u3057\u308c\u307e\u305b\u3093\u3002\u3057\u304b\u3057\u3001\u79fb\u884c\u3092\u6c7a\u5b9a\u3057\u305f\u5834\u5408\u306f\u3001",(0,i.jsx)(n.a,{href:"/docs/guides/migration/from-custom",children:"\u79fb\u884c\u30bb\u30af\u30b7\u30e7\u30f3"}),"\u306e\u63a8\u5968\u4e8b\u9805\u3092\u78ba\u8a8d\u3057\u3066\u304f\u3060\u3055\u3044\u3002"]}),"\n",(0,i.jsx)(n.h2,{id:"basic-example",children:"\u57fa\u672c\u7684\u306a\u4f8b"}),"\n",(0,i.jsx)(n.p,{children:"\u4ee5\u4e0b\u306f\u3001FSD\u3092\u5b9f\u88c5\u3057\u305f\u30b7\u30f3\u30d7\u30eb\u306a\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u3067\u3059\u3002"}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsx)(n.li,{children:(0,i.jsx)(n.code,{children:"\ud83d\udcc1 app"})}),"\n",(0,i.jsx)(n.li,{children:(0,i.jsx)(n.code,{children:"\ud83d\udcc1 pages"})}),"\n",(0,i.jsx)(n.li,{children:(0,i.jsx)(n.code,{children:"\ud83d\udcc1 shared"})}),"\n"]}),"\n",(0,i.jsxs)(n.p,{children:["\u3053\u308c\u3089\u306e\u30c8\u30c3\u30d7\u30ec\u30d9\u30eb\u306e\u30d5\u30a9\u30eb\u30c0\u30fc\u306f",(0,i.jsx)(n.em,{children:"\u30ec\u30a4\u30e4\u30fc"}),"\u3068\u547c\u3070\u308c\u307e\u3059\u3002\u8a73\u3057\u304f\u898b\u3066\u307f\u307e\u3057\u3087\u3046\u3002"]}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsxs)(n.li,{children:[(0,i.jsx)(n.code,{children:"\ud83d\udcc2 app"}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsx)(n.li,{children:(0,i.jsx)(n.code,{children:"\ud83d\udcc1 routes"})}),"\n",(0,i.jsx)(n.li,{children:(0,i.jsx)(n.code,{children:"\ud83d\udcc1 analytics"})}),"\n"]}),"\n"]}),"\n",(0,i.jsxs)(n.li,{children:[(0,i.jsx)(n.code,{children:"\ud83d\udcc2 pages"}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsx)(n.li,{children:(0,i.jsx)(n.code,{children:"\ud83d\udcc1 home"})}),"\n",(0,i.jsxs)(n.li,{children:[(0,i.jsx)(n.code,{children:"\ud83d\udcc2 article-reader"}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsx)(n.li,{children:(0,i.jsx)(n.code,{children:"\ud83d\udcc1 ui"})}),"\n",(0,i.jsx)(n.li,{children:(0,i.jsx)(n.code,{children:"\ud83d\udcc1 api"})}),"\n"]}),"\n"]}),"\n",(0,i.jsx)(n.li,{children:(0,i.jsx)(n.code,{children:"\ud83d\udcc1 settings"})}),"\n"]}),"\n"]}),"\n",(0,i.jsxs)(n.li,{children:[(0,i.jsx)(n.code,{children:"\ud83d\udcc2 shared"}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsx)(n.li,{children:(0,i.jsx)(n.code,{children:"\ud83d\udcc1 ui"})}),"\n",(0,i.jsx)(n.li,{children:(0,i.jsx)(n.code,{children:"\ud83d\udcc1 api"})}),"\n"]}),"\n"]}),"\n"]}),"\n",(0,i.jsxs)(n.p,{children:[(0,i.jsx)(n.code,{children:"\ud83d\udcc2 pages"}),"\u5185\u306e\u30d5\u30a9\u30eb\u30c0\u30fc\u306f",(0,i.jsx)(n.em,{children:"\u30b9\u30e9\u30a4\u30b9"}),"\u3068\u547c\u3070\u308c\u307e\u3059\u3002\u30b9\u30e9\u30a4\u30b9\u306f\u30c9\u30e1\u30a4\u30f3\uff08\u3053\u306e\u5834\u5408\u306f\u30da\u30fc\u30b8\uff09\u3054\u3068\u306b\u30ec\u30a4\u30e4\u30fc\u3092\u5206\u5272\u3057\u307e\u3059\u3002"]}),"\n",(0,i.jsxs)(n.p,{children:[(0,i.jsx)(n.code,{children:"\ud83d\udcc2 app"}),"\u3001",(0,i.jsx)(n.code,{children:"\ud83d\udcc2 shared"}),"\u3001\u304a\u3088\u3073",(0,i.jsx)(n.code,{children:"\ud83d\udcc2 pages/article-reader"}),"\u5185\u306e\u30d5\u30a9\u30eb\u30c0\u30fc\u306f",(0,i.jsx)(n.em,{children:"\u30bb\u30b0\u30e1\u30f3\u30c8"}),"\u3068\u547c\u3070\u308c\u3001\u30b9\u30e9\u30a4\u30b9\uff08\u307e\u305f\u306f\u30ec\u30a4\u30e4\u30fc\uff09\u3092\u6280\u8853\u7684\u306a\u76ee\u7684\u306b\u5fdc\u3058\u3066\u5206\u5272\u3057\u307e\u3059\u3002"]}),"\n",(0,i.jsx)(n.h2,{id:"concepts",children:"\u6982\u5ff5"}),"\n",(0,i.jsx)(n.p,{children:"\u30ec\u30a4\u30e4\u30fc\u3001\u30b9\u30e9\u30a4\u30b9\u3001\u30bb\u30b0\u30e1\u30f3\u30c8\u306f\u3001\u4ee5\u4e0b\u306e\u56f3\u306b\u793a\u3055\u308c\u308b\u3088\u3046\u306b\u968e\u5c64\u3092\u5f62\u6210\u3057\u307e\u3059\u3002"}),"\n",(0,i.jsxs)("figure",{children:[(0,i.jsx)(n.p,{children:(0,i.jsx)(n.img,{alt:"FSD\u306e\u6982\u5ff5\u306e\u968e\u5c64\u3001\u4ee5\u4e0b\u306b\u8aac\u660e",src:s(9273).A+"",width:"1355",height:"754"})}),(0,i.jsxs)("figcaption",{style:{fontStyle:"italic",fontSize:"0.9em"},children:[(0,i.jsx)("p",{children:"\u4e0a\u306e\u56f3\u306b\u306f\u3001\u5de6\u304b\u3089\u53f3\u306b\u300c\u30ec\u30a4\u30e4\u30fc\u300d\u3001\u300c\u30b9\u30e9\u30a4\u30b9\u300d\u3001\u300c\u30bb\u30b0\u30e1\u30f3\u30c8\u300d\u3068\u30e9\u30d9\u30eb\u4ed8\u3051\u3055\u308c\u305f3\u3064\u306e\u5217\u304c\u3042\u308a\u307e\u3059\u3002"}),(0,i.jsx)("p",{children:"\u300c\u30ec\u30a4\u30e4\u30fc\u300d\u5217\u306b\u306f\u3001\u4e0a\u304b\u3089\u4e0b\u306b\u300capp\u300d\u3001\u300cprocesses\u300d\u3001\u300cpages\u300d\u3001\u300cwidgets\u300d\u3001\u300cfeatures\u300d\u3001\u300centities\u300d\u3001\u300cshared\u300d\u3068\u30e9\u30d9\u30eb\u4ed8\u3051\u3055\u308c\u305f7\u3064\u306e\u533a\u5206\u304c\u3042\u308a\u307e\u3059\u3002\u300cprocesses\u300d\u533a\u5206\u306f\u53d6\u308a\u6d88\u3057\u7dda\u304c\u5f15\u304b\u308c\u3066\u3044\u307e\u3059\u3002\u300centities\u300d\u533a\u5206\u306f2\u756a\u76ee\u306e\u5217\u300c\u30b9\u30e9\u30a4\u30b9\u300d\u3068\u63a5\u7d9a\u3055\u308c\u3066\u3044\u3066\u30012\u756a\u76ee\u306e\u5217\u304c\u300centities\u300d\u306e\u5185\u5bb9\u3067\u3042\u308b\u3053\u3068\u3092\u793a\u3057\u3066\u3044\u307e\u3059\u3002"}),(0,i.jsx)("p",{children:"\u300c\u30b9\u30e9\u30a4\u30b9\u300d\u5217\u306b\u306f\u3001\u4e0a\u304b\u3089\u4e0b\u306b\u300cuser\u300d\u3001\u300cpost\u300d\u3001\u300ccomment\u300d\u3068\u30e9\u30d9\u30eb\u4ed8\u3051\u3055\u308c\u305f3\u3064\u306e\u533a\u5206\u304c\u3042\u308a\u307e\u3059\u3002\u300cpost\u300d\u533a\u5206\u306f\u300c\u30bb\u30b0\u30e1\u30f3\u30c8\u300d\u5217\u3068\u540c\u69d8\u306b\u63a5\u7d9a\u3055\u308c\u3066\u3044\u3066\u3001\u300cpost\u300d\u306e\u5185\u5bb9\u3067\u3042\u308b\u3053\u3068\u3092\u793a\u3057\u3066\u3044\u307e\u3059\u3002"}),(0,i.jsx)("p",{children:"\u300c\u30bb\u30b0\u30e1\u30f3\u30c8\u300d\u5217\u306b\u306f\u3001\u4e0a\u304b\u3089\u4e0b\u306b\u300cui\u300d\u3001\u300cmodel\u300d\u3001\u300capi\u300d\u3068\u30e9\u30d9\u30eb\u4ed8\u3051\u3055\u308c\u305f3\u3064\u306e\u533a\u5206\u304c\u3042\u308a\u307e\u3059\u3002"})]})]}),"\n",(0,i.jsx)(n.h3,{id:"layers",children:"\u30ec\u30a4\u30e4\u30fc"}),"\n",(0,i.jsx)(n.p,{children:"\u30ec\u30a4\u30e4\u30fc\u306f\u3059\u3079\u3066\u306eFSD\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u3067\u6a19\u6e96\u5316\u3055\u308c\u3066\u3044\u307e\u3059\u3002\u3059\u3079\u3066\u306e\u30ec\u30a4\u30e4\u30fc\u3092\u4f7f\u7528\u3059\u308b\u5fc5\u8981\u306f\u3042\u308a\u307e\u305b\u3093\u304c\u3001\u30cd\u30fc\u30df\u30f3\u30b0\u306f\u91cd\u8981\u3067\u3059\u3002\u73fe\u5728\u30017\u3064\u306e\u30ec\u30a4\u30e4\u30fc\u304c\u5b58\u5728\u3057\u3066\u3044\u307e\u3059\uff08\u4e0a\u304b\u3089\u4e0b\u3078\uff09\u3002"}),"\n",(0,i.jsxs)(n.ol,{children:["\n",(0,i.jsx)(n.li,{children:"App\uff0a\uff08\u30a2\u30c3\u30d7\uff09 \u2014 \u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u306e\u8d77\u52d5\u306b\u5fc5\u8981\u306a\u3059\u3079\u3066\u306e\u3082\u306e\uff08\u30eb\u30fc\u30c6\u30a3\u30f3\u30b0\u3001\u30a8\u30f3\u30c8\u30ea\u30fc\u30dd\u30a4\u30f3\u30c8\u3001\u30b0\u30ed\u30fc\u30d0\u30eb\u30b9\u30bf\u30a4\u30eb\u3001\u30d7\u30ed\u30d0\u30a4\u30c0\u30fc\u306a\u3069\uff09"}),"\n",(0,i.jsx)(n.li,{children:"Processes\uff08\u30d7\u30ed\u30bb\u30b9\u3001\u975e\u63a8\u5968\uff09 \u2014 \u8907\u96d1\u306a\u30da\u30fc\u30b8\u9593\u306e\u30b7\u30ca\u30ea\u30aa"}),"\n",(0,i.jsx)(n.li,{children:"Pages\uff08\u30da\u30fc\u30b8\uff09 \u2014 \u30da\u30fc\u30b8\u5168\u4f53\u3001\u307e\u305f\u306f\u30cd\u30b9\u30c8\u3055\u308c\u305f\u30eb\u30fc\u30c6\u30a3\u30f3\u30b0\u306e\u5834\u5408\u3001\u30da\u30fc\u30b8\u306e\u5927\u90e8\u5206"}),"\n",(0,i.jsx)(n.li,{children:"Widgets\uff08\u30a6\u30a3\u30b8\u30a7\u30c3\u30c8\uff09 \u2014 \u5927\u304d\u306a\u81ea\u5df1\u5b8c\u7d50\u578b\u306e\u6a5f\u80fd\u90e8\u5206\u3001\u307e\u305f\u306f\u30a4\u30f3\u30bf\u30fc\u30d5\u30a7\u30fc\u30b9\u306e\u5927\u90e8\u5206\u3002\u901a\u5e38\u306f\u30e6\u30fc\u30b6\u30fc\u30b7\u30ca\u30ea\u30aa\u5168\u4f53\u3092\u5b9f\u88c5\u3059\u308b"}),"\n",(0,i.jsx)(n.li,{children:"Features\uff08\u30d5\u30a3\u30fc\u30c1\u30e3\u30fc\uff09 \u2014 \u30d7\u30ed\u30c0\u30af\u30c8\u6a5f\u80fd\u306e\u518d\u5229\u7528\u53ef\u80fd\u306a\u5b9f\u88c5\u3001\u3064\u307e\u308a\u30e6\u30fc\u30b6\u30fc\u306b\u30d3\u30b8\u30cd\u30b9\u4fa1\u5024\u3092\u3082\u305f\u3089\u3059\u30a2\u30af\u30b7\u30e7\u30f3"}),"\n",(0,i.jsxs)(n.li,{children:["Entities\uff08\u30a8\u30f3\u30c6\u30a3\u30c6\u30a3\uff09 \u2014 \u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u304c\u6271\u3046\u30d3\u30b8\u30cd\u30b9\u30a8\u30f3\u30c6\u30a3\u30c6\u30a3\u3001\u4f8b\u3048\u3070",(0,i.jsx)(n.code,{children:"user"}),"\u3084",(0,i.jsx)(n.code,{children:"product"})]}),"\n",(0,i.jsx)(n.li,{children:"Shared\uff0a\uff08\u30b7\u30a7\u30a2\u30fc\u30c9\uff09 \u2014 \u518d\u5229\u7528\u53ef\u80fd\u306a\u30b3\u30fc\u30c9\u3002\u7279\u306b\u30d7\u30ed\u30b8\u30a7\u30af\u30c8/\u30d3\u30b8\u30cd\u30b9\u306e\u8a73\u7d30\u304b\u3089\u5207\u308a\u96e2\u3055\u308c\u305f\u3082\u306e"}),"\n"]}),"\n",(0,i.jsx)(n.p,{children:(0,i.jsx)(n.em,{children:"\uff0a \u2014 App\u5c64\u3068Shared\u5c64\u306e\u30ec\u30a4\u30e4\u30fc\u306f\u4ed6\u306e\u30ec\u30a4\u30e4\u30fc\u3068\u306f\u7570\u306a\u308a\u3001\u30b9\u30e9\u30a4\u30b9\u3092\u6301\u305f\u305a\u3001\u76f4\u63a5\u30bb\u30b0\u30e1\u30f3\u30c8\u3067\u69cb\u6210\u3055\u308c\u3066\u3044\u307e\u3059\u3002"})}),"\n",(0,i.jsx)(n.p,{children:"\u30ec\u30a4\u30e4\u30fc\u306e\u7279\u5fb4\u306f\u3001\u30ec\u30a4\u30e4\u30fc\u306e\u30e2\u30b8\u30e5\u30fc\u30eb\u306f\u3001\u4e0b\u5c64\u306e\u30ec\u30a4\u30e4\u30fc\u30e2\u30b8\u30e5\u30fc\u30eb\u306e\u307f\u3092\u77e5\u308b\u3053\u3068\u304c\u3067\u304d\u3001\u305d\u306e\u7d50\u679c\u3001\u30ec\u30a4\u30e4\u30fc\u304c\u4e0b\u5c64\u306e\u30ec\u30a4\u30e4\u30fc\u304b\u3089\u306e\u307f\u30e2\u30b8\u30e5\u30fc\u30eb\u3092\u30a4\u30f3\u30dd\u30fc\u30c8\u3067\u304d\u308b\u3053\u3068\u3067\u3059\u3002"}),"\n",(0,i.jsx)(n.h3,{id:"slices",children:"\u30b9\u30e9\u30a4\u30b9"}),"\n",(0,i.jsx)(n.p,{children:"\u6b21\u306b\u30b9\u30e9\u30a4\u30b9\u304c\u3042\u308a\u3001\u30ec\u30a4\u30e4\u30fc\u3092\u30c9\u30e1\u30a4\u30f3\u3054\u3068\u306b\u5206\u5272\u3057\u307e\u3059\u3002\u30b9\u30e9\u30a4\u30b9\u306e\u540d\u524d\u306f\u81ea\u7531\u306b\u4ed8\u3051\u308b\u3053\u3068\u304c\u3067\u304d\u3001\u3044\u304f\u3064\u3067\u3082\u4f5c\u6210\u3067\u304d\u307e\u3059\u3002\u30b9\u30e9\u30a4\u30b9\u306f\u3001\u610f\u5473\u7684\u306b\u95a2\u9023\u3059\u308b\u30b3\u30fc\u30c9\u3092\u30b0\u30eb\u30fc\u30d7\u5316\u3059\u308b\u3053\u3068\u3067\u3001\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u5185\u306e\u30ca\u30d3\u30b2\u30fc\u30b7\u30e7\u30f3\u3092\u3057\u3084\u3059\u304f\u3057\u307e\u3059\u3002"}),"\n",(0,i.jsx)(n.p,{children:"\u30b9\u30e9\u30a4\u30b9\u306f\u540c\u3058\u30ec\u30a4\u30e4\u30fc\u306e\u4ed6\u306e\u30b9\u30e9\u30a4\u30b9\u3092\u4f7f\u7528\u3067\u304d\u306a\u3044\u305f\u3081\u3001\u30b9\u30e9\u30a4\u30b9\u5185\u306e\u30b3\u30fc\u30c9\u306e\u5f37\u3044\u7d50\u5408\u3068\u30b9\u30e9\u30a4\u30b9\u9593\u306e\u5f31\u3044\u7d50\u5408\u304c\u4fdd\u8a3c\u3055\u308c\u307e\u3059\u3002"}),"\n",(0,i.jsx)(n.h3,{id:"segments",children:"\u30bb\u30b0\u30e1\u30f3\u30c8"}),"\n",(0,i.jsx)(n.p,{children:"\u30b9\u30e9\u30a4\u30b9\u3001\u304a\u3088\u3073App\u5c64\u3068Shared\u5c64\u306e\u30ec\u30a4\u30e4\u30fc\u306f\u30bb\u30b0\u30e1\u30f3\u30c8\u3067\u69cb\u6210\u3055\u308c\u3001\u30bb\u30b0\u30e1\u30f3\u30c8\u306f\u305d\u306e\u76ee\u7684\u306b\u5fdc\u3058\u3066\u30b3\u30fc\u30c9\u3092\u30b0\u30eb\u30fc\u30d7\u5316\u3057\u307e\u3059\u3002\u30bb\u30b0\u30e1\u30f3\u30c8\u306e\u540d\u524d\u306f\u6a19\u6e96\u3067\u56fa\u5b9a\u3055\u308c\u3066\u3044\u307e\u305b\u3093\u304c\u3001\u6700\u3082\u4e00\u822c\u7684\u306a\u76ee\u7684\u306e\u305f\u3081\u306b\u3044\u304f\u3064\u304b\u306e\u5171\u901a\u306e\u540d\u524d\u304c\u3042\u308a\u307e\u3059\u3002"}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsxs)(n.li,{children:[(0,i.jsx)(n.code,{children:"ui"})," \u2014 \u8868\u793a\u306b\u95a2\u9023\u3059\u308b\u3059\u3079\u3066: UI\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3001\u65e5\u4ed8\u30d5\u30a9\u30fc\u30de\u30c3\u30bf\u30fc\u3001\u30b9\u30bf\u30a4\u30eb\u306a\u3069"]}),"\n",(0,i.jsxs)(n.li,{children:[(0,i.jsx)(n.code,{children:"api"})," \u2014 \u30d0\u30c3\u30af\u30a8\u30f3\u30c9\u3068\u306e\u3084\u308a\u53d6\u308a: \u30ea\u30af\u30a8\u30b9\u30c8\u95a2\u6570\u3001\u30c7\u30fc\u30bf\u578b\u3001\u30de\u30c3\u30d1\u30fc"]}),"\n",(0,i.jsxs)(n.li,{children:[(0,i.jsx)(n.code,{children:"model"})," \u2014 \u30c7\u30fc\u30bf\u30e2\u30c7\u30eb: \u30d0\u30ea\u30c7\u30fc\u30b7\u30e7\u30f3\u30b9\u30ad\u30fc\u30de\u3001\u30a4\u30f3\u30bf\u30fc\u30d5\u30a7\u30fc\u30b9\u3001\u30b9\u30c8\u30ec\u30fc\u30b8\u3001\u30d3\u30b8\u30cd\u30b9\u30ed\u30b8\u30c3\u30af"]}),"\n",(0,i.jsxs)(n.li,{children:[(0,i.jsx)(n.code,{children:"lib"})," \u2014 \u4ed6\u306e\u30e2\u30b8\u30e5\u30fc\u30eb\u304c\u5fc5\u8981\u3068\u3059\u308b\u30e9\u30a4\u30d6\u30e9\u30ea\u30b3\u30fc\u30c9"]}),"\n",(0,i.jsxs)(n.li,{children:[(0,i.jsx)(n.code,{children:"config"})," \u2014 \u8a2d\u5b9a\u30d5\u30a1\u30a4\u30eb\u3068\u30d5\u30a3\u30fc\u30c1\u30e3\u30fc\u30d5\u30e9\u30b0"]}),"\n"]}),"\n",(0,i.jsx)(n.p,{children:"\u901a\u5e38\u3001\u3053\u308c\u3089\u306e\u30bb\u30b0\u30e1\u30f3\u30c8\u306f\u307b\u3068\u3093\u3069\u306e\u30ec\u30a4\u30e4\u30fc\u306b\u5341\u5206\u3067\u3042\u308b\u305f\u3081\u3001\u72ec\u81ea\u306e\u30bb\u30b0\u30e1\u30f3\u30c8\u306fShared\u5c64\u3084App\u5c64\u3067\u306e\u307f\u4f5c\u6210\u3055\u308c\u308b\u3053\u3068\u304c\u591a\u3044\u3067\u3059\u3002\u3057\u304b\u3057\u3001\u3053\u308c\u306f\u53b3\u683c\u306a\u30eb\u30fc\u30eb\u3067\u306f\u3042\u308a\u307e\u305b\u3093\u3002"}),"\n",(0,i.jsx)(n.h2,{id:"advantages",children:"\u5229\u70b9"}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsxs)(n.li,{children:["\n",(0,i.jsxs)(n.p,{children:[(0,i.jsx)(n.strong,{children:"\u4e00\u8cab\u6027"}),(0,i.jsx)(n.br,{}),"\n","\u69cb\u9020\u304c\u6a19\u6e96\u5316\u3055\u308c\u3066\u3044\u308b\u305f\u3081\u3001\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u304c\u3088\u308a\u4e00\u8cab\u6027\u3092\u6301\u3061\u3001\u65b0\u3057\u3044\u30e1\u30f3\u30d0\u30fc\u306e\u30c1\u30fc\u30e0\u3078\u306e\u53c2\u52a0\u304c\u5bb9\u6613\u306b\u306a\u308a\u307e\u3059\u3002"]}),"\n"]}),"\n",(0,i.jsxs)(n.li,{children:["\n",(0,i.jsxs)(n.p,{children:[(0,i.jsx)(n.strong,{children:"\u5909\u66f4\u3068\u30ea\u30d5\u30a1\u30af\u30bf\u30ea\u30f3\u30b0\u3078\u306e\u8010\u6027"}),(0,i.jsx)(n.br,{}),"\n","\u30ec\u30a4\u30e4\u30fc\u306e\u30e2\u30b8\u30e5\u30fc\u30eb\u306f\u3001\u540c\u3058\u30ec\u30a4\u30e4\u30fc\u3084\u4e0a\u5c64\u30ec\u30a4\u30e4\u30fc\u306e\u4ed6\u306e\u30e2\u30b8\u30e5\u30fc\u30eb\u3092\u4f7f\u7528\u3067\u304d\u306a\u3044\u305f\u3081\u3001\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u306e\u4ed6\u306e\u90e8\u5206\u306b\u4e88\u671f\u3057\u306a\u3044\u5f71\u97ff\u3092\u4e0e\u3048\u308b\u3053\u3068\u306a\u304f\u3001\u5206\u96e2\u3055\u308c\u305f\u5909\u66f4\u3092\u52a0\u3048\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002"]}),"\n"]}),"\n",(0,i.jsxs)(n.li,{children:["\n",(0,i.jsxs)(n.p,{children:[(0,i.jsx)(n.strong,{children:"\u30ed\u30b8\u30c3\u30af\u306e\u518d\u5229\u7528\u5236\u5fa1"}),(0,i.jsx)(n.br,{}),"\n","\u30ec\u30d9\u30eb\u306b\u5fdc\u3058\u3066\u3001\u30b3\u30fc\u30c9\u3092\u975e\u5e38\u306b\u518d\u5229\u7528\u53ef\u80fd\u306b\u3059\u308b\u3053\u3068\u3082\u3001\u975e\u5e38\u306b\u30ed\u30fc\u30ab\u30eb\u306b\u3059\u308b\u3053\u3068\u3082\u3067\u304d\u307e\u3059\u3002",(0,i.jsx)(n.br,{}),"\n","\u3053\u308c\u306b\u3088\u308a\u3001",(0,i.jsx)(n.strong,{children:"DRY"}),"\u539f\u5247\u3068\u5b9f\u7528\u6027\u306e\u30d0\u30e9\u30f3\u30b9\u304c\u4fdd\u305f\u308c\u307e\u3059\u3002"]}),"\n"]}),"\n",(0,i.jsxs)(n.li,{children:["\n",(0,i.jsxs)(n.p,{children:[(0,i.jsx)(n.strong,{children:"\u30d3\u30b8\u30cd\u30b9\u3068\u30e6\u30fc\u30b6\u30fc\u306e\u30cb\u30fc\u30ba\u306b\u7126\u70b9\u3092\u5f53\u3066\u308b"}),(0,i.jsx)(n.br,{}),"\n","\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u306f\u30d3\u30b8\u30cd\u30b9\u30c9\u30e1\u30a4\u30f3\u306b\u5206\u5272\u3055\u308c\u3001\u547d\u540d\u306b\u306f\u30d3\u30b8\u30cd\u30b9\u7528\u8a9e\u306e\u4f7f\u7528\u304c\u5968\u52b1\u3055\u308c\u308b\u305f\u3081\u3001\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u306e\u4ed6\u306e\u7121\u95a2\u4fc2\u306a\u90e8\u5206\u306b\u5b8c\u5168\u306b\u7cbe\u901a\u3059\u308b\u3053\u3068\u306a\u304f\u3001\u30d7\u30ed\u30c0\u30af\u30c8\u3067\u6709\u7528\u306a\u4f5c\u696d\u3092\u884c\u3046\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002"]}),"\n"]}),"\n"]}),"\n",(0,i.jsx)(n.h2,{id:"incremental-adoption",children:"\u6bb5\u968e\u7684\u306a\u5c0e\u5165"}),"\n",(0,i.jsx)(n.p,{children:"\u65e2\u5b58\u306e\u30b3\u30fc\u30c9\u30d9\u30fc\u30b9\u3092FSD\u306b\u79fb\u884c\u3057\u305f\u3044\u5834\u5408\u306f\u3001\u4ee5\u4e0b\u306e\u6226\u7565\u3092\u304a\u52e7\u3081\u3057\u307e\u3059\u3002\u79c1\u305f\u3061\u81ea\u8eab\u306e\u79fb\u884c\u7d4c\u9a13\u304b\u3089\u3001\u3053\u306e\u65b9\u6cd5\u306f\u975e\u5e38\u306b\u52b9\u679c\u7684\u3067\u3042\u308b\u3053\u3068\u304c\u5206\u304b\u308a\u307e\u3057\u305f\u3002"}),"\n",(0,i.jsxs)(n.ol,{children:["\n",(0,i.jsxs)(n.li,{children:["\n",(0,i.jsx)(n.p,{children:"App\u5c64\u3068Shared\u5c64\u306e\u30ec\u30a4\u30e4\u30fc\u3092\u5f90\u3005\u306b\u5f62\u6210\u3057\u3001\u57fa\u76e4\u3092\u4f5c\u308b\u3002"}),"\n"]}),"\n",(0,i.jsxs)(n.li,{children:["\n",(0,i.jsx)(n.p,{children:"\u65e2\u5b58\u306e\u3059\u3079\u3066\u306e\u30a4\u30f3\u30bf\u30fc\u30d5\u30a7\u30fc\u30b9\u30b3\u30fc\u30c9\u3092\u30a6\u30a3\u30b8\u30a7\u30c3\u30c8\u3068\u30da\u30fc\u30b8\u306b\u5206\u6563\u3055\u305b\u308b\u3002FSD\u306e\u30eb\u30fc\u30eb\u306b\u9055\u53cd\u3059\u308b\u4f9d\u5b58\u95a2\u4fc2\u304c\u3042\u3063\u3066\u3082\u826f\u3044\u3002"}),"\n"]}),"\n",(0,i.jsxs)(n.li,{children:["\n",(0,i.jsx)(n.p,{children:"\u30a4\u30f3\u30dd\u30fc\u30c8\u306e\u30eb\u30fc\u30eb\u9055\u53cd\u3092\u5f90\u3005\u306b\u4fee\u6b63\u3057\u306a\u304c\u3089\u3001\u30a8\u30f3\u30c6\u30a3\u30c6\u30a3\u3084\u30d5\u30a3\u30fc\u30c1\u30e3\u30fc\u3092\u62bd\u51fa\u3059\u308b\u3002"}),"\n"]}),"\n"]}),"\n",(0,i.jsx)(n.p,{children:"\u30ea\u30d5\u30a1\u30af\u30bf\u30ea\u30f3\u30b0\u4e2d\u306b\u65b0\u3057\u3044\u5927\u304d\u306a\u306a\u30a8\u30f3\u30c6\u30a3\u30c6\u30a3\u3092\u8ffd\u52a0\u3059\u308b\u3053\u3068\u3084\u3001\u90e8\u5206\u7684\u306a\u30ea\u30d5\u30a1\u30af\u30bf\u30ea\u30f3\u30b0\u306f\u907f\u3051\u308b\u3053\u3068\u3092\u304a\u52e7\u3081\u3057\u307e\u3059\u3002"}),"\n",(0,i.jsx)(n.h2,{id:"next-steps",children:"\u6b21\u306e\u30b9\u30c6\u30c3\u30d7"}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsxs)(n.li,{children:[(0,i.jsx)(n.strong,{children:"FSD\u306e\u8003\u3048\u65b9\u3092\u7406\u89e3\u3057\u305f\u3044\uff1f"})," ",(0,i.jsx)(n.a,{href:"/docs/get-started/tutorial",children:"\u30c1\u30e5\u30fc\u30c8\u30ea\u30a2\u30eb"}),"\u3092\u8aad\u3093\u3067\u304f\u3060\u3055\u3044\u3002"]}),"\n",(0,i.jsxs)(n.li,{children:[(0,i.jsx)(n.strong,{children:"\u4f8b\u3092\u898b\u3066\u5b66\u3073\u305f\u3044\uff1f"})," ",(0,i.jsx)(n.a,{href:"/examples",children:"\u5b9f\u88c5\u4f8b\u30bb\u30af\u30b7\u30e7\u30f3"}),"\u306b\u305f\u304f\u3055\u3093\u3042\u308a\u307e\u3059\u3002"]}),"\n",(0,i.jsxs)(n.li,{children:[(0,i.jsx)(n.strong,{children:"\u8cea\u554f\u304c\u3042\u308b\uff1f"})," ",(0,i.jsx)(n.a,{href:"https://discord.com/invite/S8MzWTUsmp",children:"Discord\u30c1\u30e3\u30f3\u30cd\u30eb"}),"\u306b\u30a2\u30af\u30bb\u30b9\u3057\u3066\u3001\u30b3\u30df\u30e5\u30cb\u30c6\u30a3\u306b\u8cea\u554f\u3057\u3066\u304f\u3060\u3055\u3044\u3002"]}),"\n"]})]})}function j(e={}){const{wrapper:n}={...(0,r.R)(),...e.components};return n?(0,i.jsx)(n,{...e,children:(0,i.jsx)(x,{...e})}):x(e)}},9273:(e,n,s)=>{s.d(n,{A:()=>i});const i=s.p+"assets/images/visual_schema-e826067f573946613dcdc76e3f585082.jpg"},1100:(e,n,s)=>{s.d(n,{R:()=>d,x:()=>c});var i=s(758);const r={},l=i.createContext(r);function d(e){const n=i.useContext(l);return i.useMemo((function(){return"function"==typeof e?e(n):{...n,...e}}),[n,e])}function c(e){let n;return n=e.disableParentContext?"function"==typeof e.components?e.components(r):e.components||r:d(e.components),i.createElement(l.Provider,{value:n},e.children)}}}]);
\ No newline at end of file
diff --git a/ja/assets/js/f2e71f4c.e1df3a01.js b/ja/assets/js/f2e71f4c.610f827c.js
similarity index 99%
rename from ja/assets/js/f2e71f4c.e1df3a01.js
rename to ja/assets/js/f2e71f4c.610f827c.js
index 57a5dc2215..3a6a892c44 100644
--- a/ja/assets/js/f2e71f4c.e1df3a01.js
+++ b/ja/assets/js/f2e71f4c.610f827c.js
@@ -1 +1 @@
-"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[2441],{9813:(e,t,i)=>{i.r(t),i.d(t,{assets:()=>o,contentTitle:()=>d,default:()=>h,frontMatter:()=>r,metadata:()=>a,toc:()=>c});var n=i(6070),s=i(1100);const r={sidebar_position:20,pagination_next:"guides/index"},d="FAQ",a={id:"get-started/faq",title:"FAQ",description:"\u8cea\u554f\u306f\u3001Discord\u30b3\u30df\u30e5\u30cb\u30c6\u30a3\u3001GitHub Discussions\u3001\u304a\u3088\u3073Telegram\u30c1\u30e3\u30c3\u30c8\u3067\u805e\u304f\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002",source:"@site/i18n/ja/docusaurus-plugin-content-docs/current/get-started/faq.md",sourceDirName:"get-started",slug:"/get-started/faq",permalink:"/ja/docs/get-started/faq",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/ja/docusaurus-plugin-content-docs/current/get-started/faq.md",tags:[],version:"current",lastUpdatedAt:1727607766e3,sidebarPosition:20,frontMatter:{sidebar_position:20,pagination_next:"guides/index"},sidebar:"getstartedSidebar",previous:{title:"\u30c1\u30e5\u30fc\u30c8\u30ea\u30a2\u30eb",permalink:"/ja/docs/get-started/tutorial"},next:{title:"\ud83c\udfaf \u30ac\u30a4\u30c9",permalink:"/ja/docs/guides/"}},o={},c=[{value:"\u30c4\u30fc\u30eb\u30ad\u30c3\u30c8\u3084\u30ea\u30f3\u30bf\u30fc\u306f\u3042\u308a\u307e\u3059\u304b\uff1f",id:"is-there-a-toolkit-or-a-linter",level:3},{value:"\u30da\u30fc\u30b8\u306e\u30ec\u30a4\u30a2\u30a6\u30c8/\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u306f\u3069\u3053\u306b\u4fdd\u5b58\u3059\u308c\u3070\u3088\u3044\u3067\u3059\u304b\uff1f",id:"where-to-store-the-layouttemplate-of-pages",level:3},{value:"\u30d5\u30a3\u30fc\u30c1\u30e3\u30fc\u3068\u30a8\u30f3\u30c6\u30a3\u30c6\u30a3\u306e\u9055\u3044\u306f\u4f55\u3067\u3059\u304b\uff1f",id:"what-is-the-difference-between-feature-and-entity",level:3},{value:"\u30da\u30fc\u30b8/\u30d5\u30a3\u30fc\u30c1\u30e3\u30fc/\u30a8\u30f3\u30c6\u30a3\u30c6\u30a3\u3092\u76f8\u4e92\u306b\u57cb\u3081\u8fbc\u3080\u3053\u3068\u306f\u3067\u304d\u307e\u3059\u304b\uff1f",id:"can-i-embed-pagesfeaturesentities-into-each-other",level:3},{value:"Atomic Design\u306f\u3069\u3046\u3067\u3059\u304b\uff1f",id:"what-about-atomic-design",level:3},{value:"FSD\u306b\u95a2\u3059\u308b\u6709\u7528\u306a\u30ea\u30bd\u30fc\u30b9/\u8a18\u4e8b\u306a\u3069\u306f\u3042\u308a\u307e\u3059\u304b\uff1f",id:"are-there-any-useful-resourcesarticlesetc-about-fsd",level:3},{value:"\u306a\u305cFeature-Sliced Design\u304c\u5fc5\u8981\u306a\u306e\u3067\u3059\u304b\uff1f",id:"why-do-i-need-feature-sliced-design",level:3},{value:"\u521d\u5fc3\u8005\u306e\u958b\u767a\u8005\u306bFSD\u306e\u30a2\u30fc\u30ad\u30c6\u30af\u30c1\u30e3/\u8a2d\u8a08\u65b9\u6cd5\u8ad6\u306f\u5fc5\u8981\u3067\u3059\u304b\uff1f",id:"does-a-novice-developer-need-an-architecturemethodology",level:3},{value:"\u8a8d\u8a3c\u30b3\u30f3\u30c6\u30ad\u30b9\u30c8\u3092\u3069\u306e\u3088\u3046\u306b\u6271\u3048\u3070\u3088\u3044\u3067\u3059\u304b\uff1f",id:"how-do-i-work-with-the-authorization-context",level:3}];function l(e){const t={a:"a",admonition:"admonition",code:"code",em:"em",h1:"h1",h3:"h3",header:"header",li:"li",p:"p",strong:"strong",ul:"ul",...(0,s.R)(),...e.components};return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(t.header,{children:(0,n.jsx)(t.h1,{id:"faq",children:"FAQ"})}),"\n",(0,n.jsx)(t.admonition,{type:"info",children:(0,n.jsxs)(t.p,{children:["\u8cea\u554f\u306f\u3001",(0,n.jsx)(t.a,{href:"https://discord.gg/S8MzWTUsmp",children:"Discord\u30b3\u30df\u30e5\u30cb\u30c6\u30a3"}),"\u3001",(0,n.jsx)(t.a,{href:"https://github.com/feature-sliced/documentation/discussions",children:"GitHub Discussions"}),"\u3001\u304a\u3088\u3073",(0,n.jsx)(t.a,{href:"https://t.me/feature_sliced",children:"Telegram\u30c1\u30e3\u30c3\u30c8"}),"\u3067\u805e\u304f\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002"]})}),"\n",(0,n.jsx)(t.h3,{id:"is-there-a-toolkit-or-a-linter",children:"\u30c4\u30fc\u30eb\u30ad\u30c3\u30c8\u3084\u30ea\u30f3\u30bf\u30fc\u306f\u3042\u308a\u307e\u3059\u304b\uff1f"}),"\n",(0,n.jsxs)(t.p,{children:["\u516c\u5f0f\u306eESLint\u30b3\u30f3\u30d5\u30a3\u30b0 \u2014 ",(0,n.jsx)(t.a,{href:"https://github.com/feature-sliced/eslint-config",children:"@feature-sliced/eslint-config"}),"\u3001\u304a\u3088\u3073\u30b3\u30df\u30e5\u30cb\u30c6\u30a3\u30e1\u30f3\u30d0\u30fc\u306e\u30a2\u30ec\u30af\u30b5\u30f3\u30c9\u30eb\u30fb\u30d9\u30ed\u30a6\u30b9\u306b\u3088\u3063\u3066\u4f5c\u6210\u3055\u308c\u305fESLint\u30d7\u30e9\u30b0\u30a4\u30f3 \u2014 ",(0,n.jsx)(t.a,{href:"https://github.com/conarti/eslint-plugin-feature-sliced",children:"@conarti/eslint-plugin-feature-sliced"}),"\u304c\u3042\u308a\u307e\u3059\u3002\u3053\u308c\u3089\u306e\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u3078\u306e\u8ca2\u732e\u3084\u72ec\u81ea\u306e\u30c4\u30fc\u30eb\u306e\u4f5c\u6210\u3092\u6b53\u8fce\u3057\u307e\u3059\uff01"]}),"\n",(0,n.jsx)(t.h3,{id:"where-to-store-the-layouttemplate-of-pages",children:"\u30da\u30fc\u30b8\u306e\u30ec\u30a4\u30a2\u30a6\u30c8/\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u306f\u3069\u3053\u306b\u4fdd\u5b58\u3059\u308c\u3070\u3088\u3044\u3067\u3059\u304b\uff1f"}),"\n",(0,n.jsxs)(t.p,{children:["\u30b7\u30f3\u30d7\u30eb\u306a\u30ec\u30a4\u30a2\u30a6\u30c8\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u304c\u5fc5\u8981\u306a\u5834\u5408\u306f\u3001",(0,n.jsx)(t.code,{children:"shared/ui"}),"\u306b\u4fdd\u5b58\u3067\u304d\u307e\u3059\u3002\u3088\u308a\u4e0a\u5c64\u306e\u30ec\u30a4\u30e4\u30fc\u3092\u4f7f\u7528\u3059\u308b\u5fc5\u8981\u304c\u3042\u308b\u5834\u5408\u3001\u3044\u304f\u3064\u304b\u306e\u30aa\u30d7\u30b7\u30e7\u30f3\u304c\u3042\u308a\u307e\u3059\u3002"]}),"\n",(0,n.jsxs)(t.ul,{children:["\n",(0,n.jsx)(t.li,{children:"\u30ec\u30a4\u30a2\u30a6\u30c8\u304c\u672c\u5f53\u306b\u5fc5\u8981\u3067\u3059\u304b\uff1f\u30ec\u30a4\u30a2\u30a6\u30c8\u304c\u6570\u884c\u3067\u69cb\u6210\u3055\u308c\u3066\u3044\u308b\u5834\u5408\u3001\u5404\u30da\u30fc\u30b8\u306b\u30b3\u30fc\u30c9\u3092\u91cd\u8907\u3055\u305b\u308b\u65b9\u304c\u5408\u7406\u7684\u3067\u3059\u3002"}),"\n",(0,n.jsx)(t.li,{children:"\u30ec\u30a4\u30a2\u30a6\u30c8\u304c\u5fc5\u8981\u306a\u5834\u5408\u306f\u3001\u500b\u5225\u306e\u30a6\u30a3\u30b8\u30a7\u30c3\u30c8\u3084\u30da\u30fc\u30b8\u3068\u3057\u3066\u4fdd\u5b58\u3057\u3001App\u5c64\u306e\u30eb\u30fc\u30bf\u30fc\u8a2d\u5b9a\u306b\u305d\u308c\u3089\u3092\u7d44\u307f\u5408\u308f\u305b\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002\u30cd\u30b9\u30c8\u3055\u308c\u305f\u30eb\u30fc\u30c6\u30a3\u30f3\u30b0\u3082\u4e00\u3064\u306e\u30aa\u30d7\u30b7\u30e7\u30f3\u3067\u3059\u3002"}),"\n"]}),"\n",(0,n.jsx)(t.h3,{id:"what-is-the-difference-between-feature-and-entity",children:"\u30d5\u30a3\u30fc\u30c1\u30e3\u30fc\u3068\u30a8\u30f3\u30c6\u30a3\u30c6\u30a3\u306e\u9055\u3044\u306f\u4f55\u3067\u3059\u304b\uff1f"}),"\n",(0,n.jsxs)(t.p,{children:[(0,n.jsx)("i",{children:"\u30a8\u30f3\u30c6\u30a3\u30c6\u30a3"}),"\u306f\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u304c\u6271\u3046\u73fe\u5b9f\u4e16\u754c\u306e\u6982\u5ff5\u3067\u3059\u3002",(0,n.jsx)("i",{children:"\u30d5\u30a3\u30fc\u30c1\u30e3\u30fc"}),"\u306f\u30e6\u30fc\u30b6\u30fc\u306b\u5b9f\u969b\u306e\u4fa1\u5024\u3092\u63d0\u4f9b\u3059\u308b\u30a4\u30f3\u30bf\u30e9\u30af\u30b7\u30e7\u30f3\u3067\u3042\u308a\u3001\u30e6\u30fc\u30b6\u30fc\u304c\u30a8\u30f3\u30c6\u30a3\u30c6\u30a3\u3067\u884c\u3044\u305f\u3044\u3053\u3068\u3067\u3059\u3002"]}),"\n",(0,n.jsxs)(t.p,{children:["\u8a73\u7d30\u304a\u3088\u3073\u4f8b\u306b\u3064\u3044\u3066\u306f\u3001\u53c2\u8003\u66f8\u30bb\u30af\u30b7\u30e7\u30f3\u306e",(0,n.jsx)(t.a,{href:"/docs/reference/layers#entities",children:"\u30b9\u30e9\u30a4\u30b9\u306b\u3064\u3044\u3066\u306e\u30da\u30fc\u30b8"}),"\u3092\u53c2\u7167\u3057\u3066\u304f\u3060\u3055\u3044\u3002"]}),"\n",(0,n.jsx)(t.h3,{id:"can-i-embed-pagesfeaturesentities-into-each-other",children:"\u30da\u30fc\u30b8/\u30d5\u30a3\u30fc\u30c1\u30e3\u30fc/\u30a8\u30f3\u30c6\u30a3\u30c6\u30a3\u3092\u76f8\u4e92\u306b\u57cb\u3081\u8fbc\u3080\u3053\u3068\u306f\u3067\u304d\u307e\u3059\u304b\uff1f"}),"\n",(0,n.jsx)(t.p,{children:"\u306f\u3044\u3001\u3057\u304b\u3057\u3001\u3053\u306e\u57cb\u3081\u8fbc\u307f\u306f\u3088\u308a\u4e0a\u5c64\u306e\u30ec\u30a4\u30e4\u30fc\u3067\u884c\u3046\u5fc5\u8981\u304c\u3042\u308a\u307e\u3059\u3002\u4f8b\u3048\u3070\u3001\u30a6\u30a3\u30b8\u30a7\u30c3\u30c8\u5185\u3067\u4e21\u65b9\u306e\u30d5\u30a3\u30fc\u30c1\u30e3\u30fc\u3092\u30a4\u30f3\u30dd\u30fc\u30c8\u3057\u3001\u30d7\u30ed\u30c3\u30d7\u30b9/\u5b50\u8981\u7d20\u3068\u3057\u3066\u4e00\u65b9\u306e\u30d5\u30a3\u30fc\u30c1\u30e3\u30fc\u3092\u4ed6\u65b9\u306b\u633f\u5165\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002"}),"\n",(0,n.jsxs)(t.p,{children:["\u4e00\u65b9\u306e\u30d5\u30a3\u30fc\u30c1\u30e3\u30fc\u3092\u4ed6\u65b9\u306e\u30d5\u30a3\u30fc\u30c1\u30e3\u30fc\u304b\u3089\u30a4\u30f3\u30dd\u30fc\u30c8\u3059\u308b\u3053\u3068\u306f\u3067\u304d\u307e\u305b\u3093\u3002\u3053\u308c\u306f",(0,n.jsx)(t.a,{href:"/docs/reference/layers#import-rule-on-layers",children:(0,n.jsx)(t.strong,{children:"\u30ec\u30a4\u30e4\u30fc\u306e\u30a4\u30f3\u30dd\u30fc\u30c8\u30eb\u30fc\u30eb"})}),"\u3067\u7981\u6b62\u3055\u308c\u3066\u3044\u307e\u3059\u3002"]}),"\n",(0,n.jsx)(t.h3,{id:"what-about-atomic-design",children:"Atomic Design\u306f\u3069\u3046\u3067\u3059\u304b\uff1f"}),"\n",(0,n.jsx)(t.p,{children:"\u73fe\u5728\u3001\u30a2\u30c8\u30df\u30c3\u30af\u30c7\u30b6\u30a4\u30f3\u3092Feature-Sliced Design\u3068\u4e00\u7dd2\u306b\u4f7f\u7528\u3059\u308b\u3053\u3068\u3092\u7fa9\u52d9\u4ed8\u3051\u3066\u3044\u307e\u305b\u3093\u304c\u3001\u7981\u6b62\u3082\u3057\u3066\u3044\u307e\u305b\u3093\u3002"}),"\n",(0,n.jsxs)(t.p,{children:["\u30a2\u30c8\u30df\u30c3\u30af\u30c7\u30b6\u30a4\u30f3\u306f\u3001\u30e2\u30b8\u30e5\u30fc\u30eb\u306e",(0,n.jsx)(t.code,{children:"ui"}),"\u30bb\u30b0\u30e1\u30f3\u30c8\u306b\u3046\u307e\u304f\u9069\u7528\u3067\u304d\u307e\u3059\u3002"]}),"\n",(0,n.jsx)(t.h3,{id:"are-there-any-useful-resourcesarticlesetc-about-fsd",children:"FSD\u306b\u95a2\u3059\u308b\u6709\u7528\u306a\u30ea\u30bd\u30fc\u30b9/\u8a18\u4e8b\u306a\u3069\u306f\u3042\u308a\u307e\u3059\u304b\uff1f"}),"\n",(0,n.jsxs)(t.p,{children:["\u306f\u3044\uff01 ",(0,n.jsx)(t.a,{href:"https://github.com/feature-sliced/awesome",children:"https://github.com/feature-sliced/awesome"})]}),"\n",(0,n.jsx)(t.h3,{id:"why-do-i-need-feature-sliced-design",children:"\u306a\u305cFeature-Sliced Design\u304c\u5fc5\u8981\u306a\u306e\u3067\u3059\u304b\uff1f"}),"\n",(0,n.jsxs)(t.p,{children:["FSD\u306f\u3001\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u306e\u4e3b\u8981\u306a\u4fa1\u5024\u3092\u63d0\u4f9b\u3059\u308b\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306e\u89b3\u70b9\u304b\u3089\u3001\u3042\u306a\u305f\u3068\u3042\u306a\u305f\u306e\u30c1\u30fc\u30e0\u304c\u8fc5\u901f\u306b\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u3092\u628a\u63e1\u3059\u308b\u306e\u306b\u5f79\u7acb\u3061\u307e\u3059\u3002\u6a19\u6e96\u5316\u3055\u308c\u305f\u30a2\u30fc\u30ad\u30c6\u30af\u30c1\u30e3\u306f\u3001\u30aa\u30f3\u30dc\u30fc\u30c7\u30a3\u30f3\u30b0\u3092\u8fc5\u901f\u5316\u3057\u3001\u30b3\u30fc\u30c9\u69cb\u9020\u306b\u95a2\u3059\u308b\u8b70\u8ad6\u3092\u89e3\u6c7a\u3059\u308b\u306e\u306b\u5f79\u7acb\u3061\u307e\u3059\u3002FSD\u304c\u4f5c\u6210\u3055\u308c\u305f\u7406\u7531\u306b\u3064\u3044\u3066\u306f\u3001",(0,n.jsx)(t.a,{href:"/docs/about/motivation",children:"\u30e2\u30c1\u30d9\u30fc\u30b7\u30e7\u30f3"}),"\u306e\u30da\u30fc\u30b8\u3092\u53c2\u7167\u3057\u3066\u304f\u3060\u3055\u3044\u3002"]}),"\n",(0,n.jsx)(t.h3,{id:"does-a-novice-developer-need-an-architecturemethodology",children:"\u521d\u5fc3\u8005\u306e\u958b\u767a\u8005\u306bFSD\u306e\u30a2\u30fc\u30ad\u30c6\u30af\u30c1\u30e3/\u8a2d\u8a08\u65b9\u6cd5\u8ad6\u306f\u5fc5\u8981\u3067\u3059\u304b\uff1f"}),"\n",(0,n.jsx)(t.p,{children:"\u304a\u305d\u3089\u304f\u5fc5\u8981\u3067\u3059\u3002"}),"\n",(0,n.jsx)(t.p,{children:(0,n.jsx)(t.em,{children:"\u901a\u5e38\u3001\u4e00\u4eba\u3067\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u3092\u8a2d\u8a08\u30fb\u958b\u767a\u3059\u308b\u5834\u5408\u3001\u3059\u3079\u3066\u304c\u9806\u8abf\u306b\u9032\u307f\u307e\u3059\u3002\u3057\u304b\u3057\u3001\u958b\u767a\u306b\u4e2d\u65ad\u304c\u751f\u3058\u305f\u308a\u3001\u65b0\u3057\u3044\u958b\u767a\u8005\u304c\u30c1\u30fc\u30e0\u306b\u52a0\u308f\u308b\u3068\u554f\u984c\u304c\u767a\u751f\u3057\u307e\u3059\u3002"})}),"\n",(0,n.jsx)(t.h3,{id:"how-do-i-work-with-the-authorization-context",children:"\u8a8d\u8a3c\u30b3\u30f3\u30c6\u30ad\u30b9\u30c8\u3092\u3069\u306e\u3088\u3046\u306b\u6271\u3048\u3070\u3088\u3044\u3067\u3059\u304b\uff1f"}),"\n",(0,n.jsxs)(t.p,{children:[(0,n.jsx)(t.a,{href:"/docs/guides/examples/auth",children:"\u3053\u3061\u3089"}),"\u3067\u56de\u7b54\u3057\u3066\u3044\u307e\u3059\u3002"]})]})}function h(e={}){const{wrapper:t}={...(0,s.R)(),...e.components};return t?(0,n.jsx)(t,{...e,children:(0,n.jsx)(l,{...e})}):l(e)}},1100:(e,t,i)=>{i.d(t,{R:()=>d,x:()=>a});var n=i(758);const s={},r=n.createContext(s);function d(e){const t=n.useContext(r);return n.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function a(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(s):e.components||s:d(e.components),n.createElement(r.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
+"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[2441],{9813:(e,t,i)=>{i.r(t),i.d(t,{assets:()=>o,contentTitle:()=>d,default:()=>h,frontMatter:()=>r,metadata:()=>a,toc:()=>c});var n=i(6070),s=i(1100);const r={sidebar_position:20,pagination_next:"guides/index"},d="FAQ",a={id:"get-started/faq",title:"FAQ",description:"\u8cea\u554f\u306f\u3001Discord\u30b3\u30df\u30e5\u30cb\u30c6\u30a3\u3001GitHub Discussions\u3001\u304a\u3088\u3073Telegram\u30c1\u30e3\u30c3\u30c8\u3067\u805e\u304f\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002",source:"@site/i18n/ja/docusaurus-plugin-content-docs/current/get-started/faq.md",sourceDirName:"get-started",slug:"/get-started/faq",permalink:"/ja/docs/get-started/faq",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/ja/docusaurus-plugin-content-docs/current/get-started/faq.md",tags:[],version:"current",lastUpdatedAt:1728325386e3,sidebarPosition:20,frontMatter:{sidebar_position:20,pagination_next:"guides/index"},sidebar:"getstartedSidebar",previous:{title:"\u30c1\u30e5\u30fc\u30c8\u30ea\u30a2\u30eb",permalink:"/ja/docs/get-started/tutorial"},next:{title:"\ud83c\udfaf \u30ac\u30a4\u30c9",permalink:"/ja/docs/guides/"}},o={},c=[{value:"\u30c4\u30fc\u30eb\u30ad\u30c3\u30c8\u3084\u30ea\u30f3\u30bf\u30fc\u306f\u3042\u308a\u307e\u3059\u304b\uff1f",id:"is-there-a-toolkit-or-a-linter",level:3},{value:"\u30da\u30fc\u30b8\u306e\u30ec\u30a4\u30a2\u30a6\u30c8/\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u306f\u3069\u3053\u306b\u4fdd\u5b58\u3059\u308c\u3070\u3088\u3044\u3067\u3059\u304b\uff1f",id:"where-to-store-the-layouttemplate-of-pages",level:3},{value:"\u30d5\u30a3\u30fc\u30c1\u30e3\u30fc\u3068\u30a8\u30f3\u30c6\u30a3\u30c6\u30a3\u306e\u9055\u3044\u306f\u4f55\u3067\u3059\u304b\uff1f",id:"what-is-the-difference-between-feature-and-entity",level:3},{value:"\u30da\u30fc\u30b8/\u30d5\u30a3\u30fc\u30c1\u30e3\u30fc/\u30a8\u30f3\u30c6\u30a3\u30c6\u30a3\u3092\u76f8\u4e92\u306b\u57cb\u3081\u8fbc\u3080\u3053\u3068\u306f\u3067\u304d\u307e\u3059\u304b\uff1f",id:"can-i-embed-pagesfeaturesentities-into-each-other",level:3},{value:"Atomic Design\u306f\u3069\u3046\u3067\u3059\u304b\uff1f",id:"what-about-atomic-design",level:3},{value:"FSD\u306b\u95a2\u3059\u308b\u6709\u7528\u306a\u30ea\u30bd\u30fc\u30b9/\u8a18\u4e8b\u306a\u3069\u306f\u3042\u308a\u307e\u3059\u304b\uff1f",id:"are-there-any-useful-resourcesarticlesetc-about-fsd",level:3},{value:"\u306a\u305cFeature-Sliced Design\u304c\u5fc5\u8981\u306a\u306e\u3067\u3059\u304b\uff1f",id:"why-do-i-need-feature-sliced-design",level:3},{value:"\u521d\u5fc3\u8005\u306e\u958b\u767a\u8005\u306bFSD\u306e\u30a2\u30fc\u30ad\u30c6\u30af\u30c1\u30e3/\u8a2d\u8a08\u65b9\u6cd5\u8ad6\u306f\u5fc5\u8981\u3067\u3059\u304b\uff1f",id:"does-a-novice-developer-need-an-architecturemethodology",level:3},{value:"\u8a8d\u8a3c\u30b3\u30f3\u30c6\u30ad\u30b9\u30c8\u3092\u3069\u306e\u3088\u3046\u306b\u6271\u3048\u3070\u3088\u3044\u3067\u3059\u304b\uff1f",id:"how-do-i-work-with-the-authorization-context",level:3}];function l(e){const t={a:"a",admonition:"admonition",code:"code",em:"em",h1:"h1",h3:"h3",header:"header",li:"li",p:"p",strong:"strong",ul:"ul",...(0,s.R)(),...e.components};return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(t.header,{children:(0,n.jsx)(t.h1,{id:"faq",children:"FAQ"})}),"\n",(0,n.jsx)(t.admonition,{type:"info",children:(0,n.jsxs)(t.p,{children:["\u8cea\u554f\u306f\u3001",(0,n.jsx)(t.a,{href:"https://discord.gg/S8MzWTUsmp",children:"Discord\u30b3\u30df\u30e5\u30cb\u30c6\u30a3"}),"\u3001",(0,n.jsx)(t.a,{href:"https://github.com/feature-sliced/documentation/discussions",children:"GitHub Discussions"}),"\u3001\u304a\u3088\u3073",(0,n.jsx)(t.a,{href:"https://t.me/feature_sliced",children:"Telegram\u30c1\u30e3\u30c3\u30c8"}),"\u3067\u805e\u304f\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002"]})}),"\n",(0,n.jsx)(t.h3,{id:"is-there-a-toolkit-or-a-linter",children:"\u30c4\u30fc\u30eb\u30ad\u30c3\u30c8\u3084\u30ea\u30f3\u30bf\u30fc\u306f\u3042\u308a\u307e\u3059\u304b\uff1f"}),"\n",(0,n.jsxs)(t.p,{children:["\u516c\u5f0f\u306eESLint\u30b3\u30f3\u30d5\u30a3\u30b0 \u2014 ",(0,n.jsx)(t.a,{href:"https://github.com/feature-sliced/eslint-config",children:"@feature-sliced/eslint-config"}),"\u3001\u304a\u3088\u3073\u30b3\u30df\u30e5\u30cb\u30c6\u30a3\u30e1\u30f3\u30d0\u30fc\u306e\u30a2\u30ec\u30af\u30b5\u30f3\u30c9\u30eb\u30fb\u30d9\u30ed\u30a6\u30b9\u306b\u3088\u3063\u3066\u4f5c\u6210\u3055\u308c\u305fESLint\u30d7\u30e9\u30b0\u30a4\u30f3 \u2014 ",(0,n.jsx)(t.a,{href:"https://github.com/conarti/eslint-plugin-feature-sliced",children:"@conarti/eslint-plugin-feature-sliced"}),"\u304c\u3042\u308a\u307e\u3059\u3002\u3053\u308c\u3089\u306e\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u3078\u306e\u8ca2\u732e\u3084\u72ec\u81ea\u306e\u30c4\u30fc\u30eb\u306e\u4f5c\u6210\u3092\u6b53\u8fce\u3057\u307e\u3059\uff01"]}),"\n",(0,n.jsx)(t.h3,{id:"where-to-store-the-layouttemplate-of-pages",children:"\u30da\u30fc\u30b8\u306e\u30ec\u30a4\u30a2\u30a6\u30c8/\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u306f\u3069\u3053\u306b\u4fdd\u5b58\u3059\u308c\u3070\u3088\u3044\u3067\u3059\u304b\uff1f"}),"\n",(0,n.jsxs)(t.p,{children:["\u30b7\u30f3\u30d7\u30eb\u306a\u30ec\u30a4\u30a2\u30a6\u30c8\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u304c\u5fc5\u8981\u306a\u5834\u5408\u306f\u3001",(0,n.jsx)(t.code,{children:"shared/ui"}),"\u306b\u4fdd\u5b58\u3067\u304d\u307e\u3059\u3002\u3088\u308a\u4e0a\u5c64\u306e\u30ec\u30a4\u30e4\u30fc\u3092\u4f7f\u7528\u3059\u308b\u5fc5\u8981\u304c\u3042\u308b\u5834\u5408\u3001\u3044\u304f\u3064\u304b\u306e\u30aa\u30d7\u30b7\u30e7\u30f3\u304c\u3042\u308a\u307e\u3059\u3002"]}),"\n",(0,n.jsxs)(t.ul,{children:["\n",(0,n.jsx)(t.li,{children:"\u30ec\u30a4\u30a2\u30a6\u30c8\u304c\u672c\u5f53\u306b\u5fc5\u8981\u3067\u3059\u304b\uff1f\u30ec\u30a4\u30a2\u30a6\u30c8\u304c\u6570\u884c\u3067\u69cb\u6210\u3055\u308c\u3066\u3044\u308b\u5834\u5408\u3001\u5404\u30da\u30fc\u30b8\u306b\u30b3\u30fc\u30c9\u3092\u91cd\u8907\u3055\u305b\u308b\u65b9\u304c\u5408\u7406\u7684\u3067\u3059\u3002"}),"\n",(0,n.jsx)(t.li,{children:"\u30ec\u30a4\u30a2\u30a6\u30c8\u304c\u5fc5\u8981\u306a\u5834\u5408\u306f\u3001\u500b\u5225\u306e\u30a6\u30a3\u30b8\u30a7\u30c3\u30c8\u3084\u30da\u30fc\u30b8\u3068\u3057\u3066\u4fdd\u5b58\u3057\u3001App\u5c64\u306e\u30eb\u30fc\u30bf\u30fc\u8a2d\u5b9a\u306b\u305d\u308c\u3089\u3092\u7d44\u307f\u5408\u308f\u305b\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002\u30cd\u30b9\u30c8\u3055\u308c\u305f\u30eb\u30fc\u30c6\u30a3\u30f3\u30b0\u3082\u4e00\u3064\u306e\u30aa\u30d7\u30b7\u30e7\u30f3\u3067\u3059\u3002"}),"\n"]}),"\n",(0,n.jsx)(t.h3,{id:"what-is-the-difference-between-feature-and-entity",children:"\u30d5\u30a3\u30fc\u30c1\u30e3\u30fc\u3068\u30a8\u30f3\u30c6\u30a3\u30c6\u30a3\u306e\u9055\u3044\u306f\u4f55\u3067\u3059\u304b\uff1f"}),"\n",(0,n.jsxs)(t.p,{children:[(0,n.jsx)("i",{children:"\u30a8\u30f3\u30c6\u30a3\u30c6\u30a3"}),"\u306f\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u304c\u6271\u3046\u73fe\u5b9f\u4e16\u754c\u306e\u6982\u5ff5\u3067\u3059\u3002",(0,n.jsx)("i",{children:"\u30d5\u30a3\u30fc\u30c1\u30e3\u30fc"}),"\u306f\u30e6\u30fc\u30b6\u30fc\u306b\u5b9f\u969b\u306e\u4fa1\u5024\u3092\u63d0\u4f9b\u3059\u308b\u30a4\u30f3\u30bf\u30e9\u30af\u30b7\u30e7\u30f3\u3067\u3042\u308a\u3001\u30e6\u30fc\u30b6\u30fc\u304c\u30a8\u30f3\u30c6\u30a3\u30c6\u30a3\u3067\u884c\u3044\u305f\u3044\u3053\u3068\u3067\u3059\u3002"]}),"\n",(0,n.jsxs)(t.p,{children:["\u8a73\u7d30\u304a\u3088\u3073\u4f8b\u306b\u3064\u3044\u3066\u306f\u3001\u53c2\u8003\u66f8\u30bb\u30af\u30b7\u30e7\u30f3\u306e",(0,n.jsx)(t.a,{href:"/docs/reference/layers#entities",children:"\u30b9\u30e9\u30a4\u30b9\u306b\u3064\u3044\u3066\u306e\u30da\u30fc\u30b8"}),"\u3092\u53c2\u7167\u3057\u3066\u304f\u3060\u3055\u3044\u3002"]}),"\n",(0,n.jsx)(t.h3,{id:"can-i-embed-pagesfeaturesentities-into-each-other",children:"\u30da\u30fc\u30b8/\u30d5\u30a3\u30fc\u30c1\u30e3\u30fc/\u30a8\u30f3\u30c6\u30a3\u30c6\u30a3\u3092\u76f8\u4e92\u306b\u57cb\u3081\u8fbc\u3080\u3053\u3068\u306f\u3067\u304d\u307e\u3059\u304b\uff1f"}),"\n",(0,n.jsx)(t.p,{children:"\u306f\u3044\u3001\u3057\u304b\u3057\u3001\u3053\u306e\u57cb\u3081\u8fbc\u307f\u306f\u3088\u308a\u4e0a\u5c64\u306e\u30ec\u30a4\u30e4\u30fc\u3067\u884c\u3046\u5fc5\u8981\u304c\u3042\u308a\u307e\u3059\u3002\u4f8b\u3048\u3070\u3001\u30a6\u30a3\u30b8\u30a7\u30c3\u30c8\u5185\u3067\u4e21\u65b9\u306e\u30d5\u30a3\u30fc\u30c1\u30e3\u30fc\u3092\u30a4\u30f3\u30dd\u30fc\u30c8\u3057\u3001\u30d7\u30ed\u30c3\u30d7\u30b9/\u5b50\u8981\u7d20\u3068\u3057\u3066\u4e00\u65b9\u306e\u30d5\u30a3\u30fc\u30c1\u30e3\u30fc\u3092\u4ed6\u65b9\u306b\u633f\u5165\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002"}),"\n",(0,n.jsxs)(t.p,{children:["\u4e00\u65b9\u306e\u30d5\u30a3\u30fc\u30c1\u30e3\u30fc\u3092\u4ed6\u65b9\u306e\u30d5\u30a3\u30fc\u30c1\u30e3\u30fc\u304b\u3089\u30a4\u30f3\u30dd\u30fc\u30c8\u3059\u308b\u3053\u3068\u306f\u3067\u304d\u307e\u305b\u3093\u3002\u3053\u308c\u306f",(0,n.jsx)(t.a,{href:"/docs/reference/layers#import-rule-on-layers",children:(0,n.jsx)(t.strong,{children:"\u30ec\u30a4\u30e4\u30fc\u306e\u30a4\u30f3\u30dd\u30fc\u30c8\u30eb\u30fc\u30eb"})}),"\u3067\u7981\u6b62\u3055\u308c\u3066\u3044\u307e\u3059\u3002"]}),"\n",(0,n.jsx)(t.h3,{id:"what-about-atomic-design",children:"Atomic Design\u306f\u3069\u3046\u3067\u3059\u304b\uff1f"}),"\n",(0,n.jsx)(t.p,{children:"\u73fe\u5728\u3001\u30a2\u30c8\u30df\u30c3\u30af\u30c7\u30b6\u30a4\u30f3\u3092Feature-Sliced Design\u3068\u4e00\u7dd2\u306b\u4f7f\u7528\u3059\u308b\u3053\u3068\u3092\u7fa9\u52d9\u4ed8\u3051\u3066\u3044\u307e\u305b\u3093\u304c\u3001\u7981\u6b62\u3082\u3057\u3066\u3044\u307e\u305b\u3093\u3002"}),"\n",(0,n.jsxs)(t.p,{children:["\u30a2\u30c8\u30df\u30c3\u30af\u30c7\u30b6\u30a4\u30f3\u306f\u3001\u30e2\u30b8\u30e5\u30fc\u30eb\u306e",(0,n.jsx)(t.code,{children:"ui"}),"\u30bb\u30b0\u30e1\u30f3\u30c8\u306b\u3046\u307e\u304f\u9069\u7528\u3067\u304d\u307e\u3059\u3002"]}),"\n",(0,n.jsx)(t.h3,{id:"are-there-any-useful-resourcesarticlesetc-about-fsd",children:"FSD\u306b\u95a2\u3059\u308b\u6709\u7528\u306a\u30ea\u30bd\u30fc\u30b9/\u8a18\u4e8b\u306a\u3069\u306f\u3042\u308a\u307e\u3059\u304b\uff1f"}),"\n",(0,n.jsxs)(t.p,{children:["\u306f\u3044\uff01 ",(0,n.jsx)(t.a,{href:"https://github.com/feature-sliced/awesome",children:"https://github.com/feature-sliced/awesome"})]}),"\n",(0,n.jsx)(t.h3,{id:"why-do-i-need-feature-sliced-design",children:"\u306a\u305cFeature-Sliced Design\u304c\u5fc5\u8981\u306a\u306e\u3067\u3059\u304b\uff1f"}),"\n",(0,n.jsxs)(t.p,{children:["FSD\u306f\u3001\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u306e\u4e3b\u8981\u306a\u4fa1\u5024\u3092\u63d0\u4f9b\u3059\u308b\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306e\u89b3\u70b9\u304b\u3089\u3001\u3042\u306a\u305f\u3068\u3042\u306a\u305f\u306e\u30c1\u30fc\u30e0\u304c\u8fc5\u901f\u306b\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u3092\u628a\u63e1\u3059\u308b\u306e\u306b\u5f79\u7acb\u3061\u307e\u3059\u3002\u6a19\u6e96\u5316\u3055\u308c\u305f\u30a2\u30fc\u30ad\u30c6\u30af\u30c1\u30e3\u306f\u3001\u30aa\u30f3\u30dc\u30fc\u30c7\u30a3\u30f3\u30b0\u3092\u8fc5\u901f\u5316\u3057\u3001\u30b3\u30fc\u30c9\u69cb\u9020\u306b\u95a2\u3059\u308b\u8b70\u8ad6\u3092\u89e3\u6c7a\u3059\u308b\u306e\u306b\u5f79\u7acb\u3061\u307e\u3059\u3002FSD\u304c\u4f5c\u6210\u3055\u308c\u305f\u7406\u7531\u306b\u3064\u3044\u3066\u306f\u3001",(0,n.jsx)(t.a,{href:"/docs/about/motivation",children:"\u30e2\u30c1\u30d9\u30fc\u30b7\u30e7\u30f3"}),"\u306e\u30da\u30fc\u30b8\u3092\u53c2\u7167\u3057\u3066\u304f\u3060\u3055\u3044\u3002"]}),"\n",(0,n.jsx)(t.h3,{id:"does-a-novice-developer-need-an-architecturemethodology",children:"\u521d\u5fc3\u8005\u306e\u958b\u767a\u8005\u306bFSD\u306e\u30a2\u30fc\u30ad\u30c6\u30af\u30c1\u30e3/\u8a2d\u8a08\u65b9\u6cd5\u8ad6\u306f\u5fc5\u8981\u3067\u3059\u304b\uff1f"}),"\n",(0,n.jsx)(t.p,{children:"\u304a\u305d\u3089\u304f\u5fc5\u8981\u3067\u3059\u3002"}),"\n",(0,n.jsx)(t.p,{children:(0,n.jsx)(t.em,{children:"\u901a\u5e38\u3001\u4e00\u4eba\u3067\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u3092\u8a2d\u8a08\u30fb\u958b\u767a\u3059\u308b\u5834\u5408\u3001\u3059\u3079\u3066\u304c\u9806\u8abf\u306b\u9032\u307f\u307e\u3059\u3002\u3057\u304b\u3057\u3001\u958b\u767a\u306b\u4e2d\u65ad\u304c\u751f\u3058\u305f\u308a\u3001\u65b0\u3057\u3044\u958b\u767a\u8005\u304c\u30c1\u30fc\u30e0\u306b\u52a0\u308f\u308b\u3068\u554f\u984c\u304c\u767a\u751f\u3057\u307e\u3059\u3002"})}),"\n",(0,n.jsx)(t.h3,{id:"how-do-i-work-with-the-authorization-context",children:"\u8a8d\u8a3c\u30b3\u30f3\u30c6\u30ad\u30b9\u30c8\u3092\u3069\u306e\u3088\u3046\u306b\u6271\u3048\u3070\u3088\u3044\u3067\u3059\u304b\uff1f"}),"\n",(0,n.jsxs)(t.p,{children:[(0,n.jsx)(t.a,{href:"/docs/guides/examples/auth",children:"\u3053\u3061\u3089"}),"\u3067\u56de\u7b54\u3057\u3066\u3044\u307e\u3059\u3002"]})]})}function h(e={}){const{wrapper:t}={...(0,s.R)(),...e.components};return t?(0,n.jsx)(t,{...e,children:(0,n.jsx)(l,{...e})}):l(e)}},1100:(e,t,i)=>{i.d(t,{R:()=>d,x:()=>a});var n=i(758);const s={},r=n.createContext(s);function d(e){const t=n.useContext(r);return n.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function a(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(s):e.components||s:d(e.components),n.createElement(r.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
diff --git a/ja/assets/js/f382d530.225ede72.js b/ja/assets/js/f382d530.d42ad8d0.js
similarity index 97%
rename from ja/assets/js/f382d530.225ede72.js
rename to ja/assets/js/f382d530.d42ad8d0.js
index d31a90f3b7..967aee4be3 100644
--- a/ja/assets/js/f382d530.225ede72.js
+++ b/ja/assets/js/f382d530.d42ad8d0.js
@@ -1 +1 @@
-"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[7784],{1928:(e,t,i)=>{i.d(t,{Ay:()=>u,RM:()=>c});var s=i(6070),n=i(1100),r=(i(758),i(6783)),d=i(7765);const a=e=>{let{ticket:t}=e;const i=`https://github.com/feature-sliced/documentation/issues/${t}`;return(0,s.jsxs)("div",{children:[(0,s.jsx)("p",{children:(0,d.T)({id:"shared.wip.title"})}),(0,s.jsx)("p",{children:(0,d.T)({id:"shared.wip.subtitle"})}),(0,s.jsxs)("ul",{children:[(0,s.jsxs)("li",{children:[(0,d.T)({id:"shared.wip.var.feedback.base"}),(0,s.jsx)(r.A,{to:i,children:(0,d.T)({id:"shared.wip.var.feedback.link"})})]}),(0,s.jsxs)("li",{children:[(0,d.T)({id:"shared.wip.var.material.base"}),(0,s.jsx)(r.A,{to:"https://t.me/feature_sliced",children:(0,d.T)({id:"shared.wip.var.material.link"})})]}),(0,s.jsxs)("li",{children:[(0,d.T)({id:"shared.wip.var.contribute.base"}),(0,s.jsx)(r.A,{to:"https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md",children:(0,d.T)({id:"shared.wip.var.contribute.link"})})]})]}),(0,s.jsx)("br",{}),(0,s.jsx)("p",{children:(0,s.jsx)("i",{children:"\ud83c\udf70 Stay tuned!"})})]})},c=[];function o(e){const t={admonition:"admonition",...(0,n.R)(),...e.components};return(0,s.jsx)(t.admonition,{title:"WIP",type:"caution",children:(0,s.jsx)(a,{ticket:e.ticket})})}function u(e={}){const{wrapper:t}={...(0,n.R)(),...e.components};return t?(0,s.jsx)(t,{...e,children:(0,s.jsx)(o,{...e})}):o(e)}},2227:(e,t,i)=>{i.r(t),i.d(t,{assets:()=>o,contentTitle:()=>a,default:()=>h,frontMatter:()=>d,metadata:()=>c,toc:()=>u});var s=i(6070),n=i(1100),r=i(1928);const d={sidebar_position:4,sidebar_class_name:"sidebar-item--wip",unlisted:!0},a="\u30c6\u30fc\u30de\u5316",c={id:"guides/examples/theme",title:"\u30c6\u30fc\u30de\u5316",description:"",source:"@site/i18n/ja/docusaurus-plugin-content-docs/current/guides/examples/theme.mdx",sourceDirName:"guides/examples",slug:"/guides/examples/theme",permalink:"/ja/docs/guides/examples/theme",draft:!1,unlisted:!0,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/ja/docusaurus-plugin-content-docs/current/guides/examples/theme.mdx",tags:[],version:"current",lastUpdatedAt:1727607766e3,sidebarPosition:4,frontMatter:{sidebar_position:4,sidebar_class_name:"sidebar-item--wip",unlisted:!0},sidebar:"guidesSidebar"},o={},u=[...r.RM];function l(e){const t={h1:"h1",header:"header",...(0,n.R)(),...e.components};return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(t.header,{children:(0,s.jsx)(t.h1,{id:"\u30c6\u30fc\u30de\u5316",children:"\u30c6\u30fc\u30de\u5316"})}),"\n",(0,s.jsx)(r.Ay,{ticket:"207"})]})}function h(e={}){const{wrapper:t}={...(0,n.R)(),...e.components};return t?(0,s.jsx)(t,{...e,children:(0,s.jsx)(l,{...e})}):l(e)}},1100:(e,t,i)=>{i.d(t,{R:()=>d,x:()=>a});var s=i(758);const n={},r=s.createContext(n);function d(e){const t=s.useContext(r);return s.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function a(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(n):e.components||n:d(e.components),s.createElement(r.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
+"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[7784],{1928:(e,t,i)=>{i.d(t,{Ay:()=>u,RM:()=>c});var s=i(6070),n=i(1100),r=(i(758),i(6783)),d=i(7765);const a=e=>{let{ticket:t}=e;const i=`https://github.com/feature-sliced/documentation/issues/${t}`;return(0,s.jsxs)("div",{children:[(0,s.jsx)("p",{children:(0,d.T)({id:"shared.wip.title"})}),(0,s.jsx)("p",{children:(0,d.T)({id:"shared.wip.subtitle"})}),(0,s.jsxs)("ul",{children:[(0,s.jsxs)("li",{children:[(0,d.T)({id:"shared.wip.var.feedback.base"}),(0,s.jsx)(r.A,{to:i,children:(0,d.T)({id:"shared.wip.var.feedback.link"})})]}),(0,s.jsxs)("li",{children:[(0,d.T)({id:"shared.wip.var.material.base"}),(0,s.jsx)(r.A,{to:"https://t.me/feature_sliced",children:(0,d.T)({id:"shared.wip.var.material.link"})})]}),(0,s.jsxs)("li",{children:[(0,d.T)({id:"shared.wip.var.contribute.base"}),(0,s.jsx)(r.A,{to:"https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md",children:(0,d.T)({id:"shared.wip.var.contribute.link"})})]})]}),(0,s.jsx)("br",{}),(0,s.jsx)("p",{children:(0,s.jsx)("i",{children:"\ud83c\udf70 Stay tuned!"})})]})},c=[];function o(e){const t={admonition:"admonition",...(0,n.R)(),...e.components};return(0,s.jsx)(t.admonition,{title:"WIP",type:"caution",children:(0,s.jsx)(a,{ticket:e.ticket})})}function u(e={}){const{wrapper:t}={...(0,n.R)(),...e.components};return t?(0,s.jsx)(t,{...e,children:(0,s.jsx)(o,{...e})}):o(e)}},2227:(e,t,i)=>{i.r(t),i.d(t,{assets:()=>o,contentTitle:()=>a,default:()=>h,frontMatter:()=>d,metadata:()=>c,toc:()=>u});var s=i(6070),n=i(1100),r=i(1928);const d={sidebar_position:4,sidebar_class_name:"sidebar-item--wip",unlisted:!0},a="\u30c6\u30fc\u30de\u5316",c={id:"guides/examples/theme",title:"\u30c6\u30fc\u30de\u5316",description:"",source:"@site/i18n/ja/docusaurus-plugin-content-docs/current/guides/examples/theme.mdx",sourceDirName:"guides/examples",slug:"/guides/examples/theme",permalink:"/ja/docs/guides/examples/theme",draft:!1,unlisted:!0,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/ja/docusaurus-plugin-content-docs/current/guides/examples/theme.mdx",tags:[],version:"current",lastUpdatedAt:1728325386e3,sidebarPosition:4,frontMatter:{sidebar_position:4,sidebar_class_name:"sidebar-item--wip",unlisted:!0},sidebar:"guidesSidebar"},o={},u=[...r.RM];function l(e){const t={h1:"h1",header:"header",...(0,n.R)(),...e.components};return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(t.header,{children:(0,s.jsx)(t.h1,{id:"\u30c6\u30fc\u30de\u5316",children:"\u30c6\u30fc\u30de\u5316"})}),"\n",(0,s.jsx)(r.Ay,{ticket:"207"})]})}function h(e={}){const{wrapper:t}={...(0,n.R)(),...e.components};return t?(0,s.jsx)(t,{...e,children:(0,s.jsx)(l,{...e})}):l(e)}},1100:(e,t,i)=>{i.d(t,{R:()=>d,x:()=>a});var s=i(758);const n={},r=s.createContext(n);function d(e){const t=s.useContext(r);return s.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function a(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(n):e.components||n:d(e.components),s.createElement(r.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
diff --git a/ja/assets/js/faa48f11.d6bf426d.js b/ja/assets/js/faa48f11.12ef5c53.js
similarity index 95%
rename from ja/assets/js/faa48f11.d6bf426d.js
rename to ja/assets/js/faa48f11.12ef5c53.js
index 454b046f69..f603b7886f 100644
--- a/ja/assets/js/faa48f11.d6bf426d.js
+++ b/ja/assets/js/faa48f11.12ef5c53.js
@@ -1 +1 @@
-"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[2151],{1928:(e,t,i)=>{i.d(t,{Ay:()=>u,RM:()=>c});var n=i(6070),s=i(1100),r=(i(758),i(6783)),d=i(7765);const a=e=>{let{ticket:t}=e;const i=`https://github.com/feature-sliced/documentation/issues/${t}`;return(0,n.jsxs)("div",{children:[(0,n.jsx)("p",{children:(0,d.T)({id:"shared.wip.title"})}),(0,n.jsx)("p",{children:(0,d.T)({id:"shared.wip.subtitle"})}),(0,n.jsxs)("ul",{children:[(0,n.jsxs)("li",{children:[(0,d.T)({id:"shared.wip.var.feedback.base"}),(0,n.jsx)(r.A,{to:i,children:(0,d.T)({id:"shared.wip.var.feedback.link"})})]}),(0,n.jsxs)("li",{children:[(0,d.T)({id:"shared.wip.var.material.base"}),(0,n.jsx)(r.A,{to:"https://t.me/feature_sliced",children:(0,d.T)({id:"shared.wip.var.material.link"})})]}),(0,n.jsxs)("li",{children:[(0,d.T)({id:"shared.wip.var.contribute.base"}),(0,n.jsx)(r.A,{to:"https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md",children:(0,d.T)({id:"shared.wip.var.contribute.link"})})]})]}),(0,n.jsx)("br",{}),(0,n.jsx)("p",{children:(0,n.jsx)("i",{children:"\ud83c\udf70 Stay tuned!"})})]})},c=[];function o(e){const t={admonition:"admonition",...(0,s.R)(),...e.components};return(0,n.jsx)(t.admonition,{title:"WIP",type:"caution",children:(0,n.jsx)(a,{ticket:e.ticket})})}function u(e={}){const{wrapper:t}={...(0,s.R)(),...e.components};return t?(0,n.jsx)(t,{...e,children:(0,n.jsx)(o,{...e})}):o(e)}},3658:(e,t,i)=>{i.r(t),i.d(t,{assets:()=>o,contentTitle:()=>a,default:()=>p,frontMatter:()=>d,metadata:()=>c,toc:()=>u});var n=i(6070),s=i(1100),r=i(1928);const d={sidebar_position:6,sidebar_class_name:"sidebar-item--wip",unlisted:!0},a="i18n",c={id:"guides/examples/i18n",title:"i18n",description:"",source:"@site/i18n/ja/docusaurus-plugin-content-docs/current/guides/examples/i18n.mdx",sourceDirName:"guides/examples",slug:"/guides/examples/i18n",permalink:"/ja/docs/guides/examples/i18n",draft:!1,unlisted:!0,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/ja/docusaurus-plugin-content-docs/current/guides/examples/i18n.mdx",tags:[],version:"current",lastUpdatedAt:1727607766e3,sidebarPosition:6,frontMatter:{sidebar_position:6,sidebar_class_name:"sidebar-item--wip",unlisted:!0},sidebar:"guidesSidebar"},o={},u=[...r.RM];function l(e){const t={h1:"h1",header:"header",...(0,s.R)(),...e.components};return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(t.header,{children:(0,n.jsx)(t.h1,{id:"i18n",children:"i18n"})}),"\n",(0,n.jsx)(r.Ay,{ticket:"171"})]})}function p(e={}){const{wrapper:t}={...(0,s.R)(),...e.components};return t?(0,n.jsx)(t,{...e,children:(0,n.jsx)(l,{...e})}):l(e)}},1100:(e,t,i)=>{i.d(t,{R:()=>d,x:()=>a});var n=i(758);const s={},r=n.createContext(s);function d(e){const t=n.useContext(r);return n.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function a(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(s):e.components||s:d(e.components),n.createElement(r.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
+"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[2151],{1928:(e,t,i)=>{i.d(t,{Ay:()=>u,RM:()=>c});var n=i(6070),s=i(1100),r=(i(758),i(6783)),d=i(7765);const a=e=>{let{ticket:t}=e;const i=`https://github.com/feature-sliced/documentation/issues/${t}`;return(0,n.jsxs)("div",{children:[(0,n.jsx)("p",{children:(0,d.T)({id:"shared.wip.title"})}),(0,n.jsx)("p",{children:(0,d.T)({id:"shared.wip.subtitle"})}),(0,n.jsxs)("ul",{children:[(0,n.jsxs)("li",{children:[(0,d.T)({id:"shared.wip.var.feedback.base"}),(0,n.jsx)(r.A,{to:i,children:(0,d.T)({id:"shared.wip.var.feedback.link"})})]}),(0,n.jsxs)("li",{children:[(0,d.T)({id:"shared.wip.var.material.base"}),(0,n.jsx)(r.A,{to:"https://t.me/feature_sliced",children:(0,d.T)({id:"shared.wip.var.material.link"})})]}),(0,n.jsxs)("li",{children:[(0,d.T)({id:"shared.wip.var.contribute.base"}),(0,n.jsx)(r.A,{to:"https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md",children:(0,d.T)({id:"shared.wip.var.contribute.link"})})]})]}),(0,n.jsx)("br",{}),(0,n.jsx)("p",{children:(0,n.jsx)("i",{children:"\ud83c\udf70 Stay tuned!"})})]})},c=[];function o(e){const t={admonition:"admonition",...(0,s.R)(),...e.components};return(0,n.jsx)(t.admonition,{title:"WIP",type:"caution",children:(0,n.jsx)(a,{ticket:e.ticket})})}function u(e={}){const{wrapper:t}={...(0,s.R)(),...e.components};return t?(0,n.jsx)(t,{...e,children:(0,n.jsx)(o,{...e})}):o(e)}},3658:(e,t,i)=>{i.r(t),i.d(t,{assets:()=>o,contentTitle:()=>a,default:()=>p,frontMatter:()=>d,metadata:()=>c,toc:()=>u});var n=i(6070),s=i(1100),r=i(1928);const d={sidebar_position:6,sidebar_class_name:"sidebar-item--wip",unlisted:!0},a="i18n",c={id:"guides/examples/i18n",title:"i18n",description:"",source:"@site/i18n/ja/docusaurus-plugin-content-docs/current/guides/examples/i18n.mdx",sourceDirName:"guides/examples",slug:"/guides/examples/i18n",permalink:"/ja/docs/guides/examples/i18n",draft:!1,unlisted:!0,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/ja/docusaurus-plugin-content-docs/current/guides/examples/i18n.mdx",tags:[],version:"current",lastUpdatedAt:1728325386e3,sidebarPosition:6,frontMatter:{sidebar_position:6,sidebar_class_name:"sidebar-item--wip",unlisted:!0},sidebar:"guidesSidebar"},o={},u=[...r.RM];function l(e){const t={h1:"h1",header:"header",...(0,s.R)(),...e.components};return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(t.header,{children:(0,n.jsx)(t.h1,{id:"i18n",children:"i18n"})}),"\n",(0,n.jsx)(r.Ay,{ticket:"171"})]})}function p(e={}){const{wrapper:t}={...(0,s.R)(),...e.components};return t?(0,n.jsx)(t,{...e,children:(0,n.jsx)(l,{...e})}):l(e)}},1100:(e,t,i)=>{i.d(t,{R:()=>d,x:()=>a});var n=i(758);const s={},r=n.createContext(s);function d(e){const t=n.useContext(r);return n.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function a(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(s):e.components||s:d(e.components),n.createElement(r.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
diff --git a/ja/assets/js/fc907d4c.d1440c72.js b/ja/assets/js/fc907d4c.2ff6403f.js
similarity index 99%
rename from ja/assets/js/fc907d4c.d1440c72.js
rename to ja/assets/js/fc907d4c.2ff6403f.js
index 569512c10c..0d98f673e1 100644
--- a/ja/assets/js/fc907d4c.d1440c72.js
+++ b/ja/assets/js/fc907d4c.2ff6403f.js
@@ -1 +1 @@
-"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[1403],{9828:(e,t,s)=>{s.r(t),s.d(t,{assets:()=>c,contentTitle:()=>r,default:()=>o,frontMatter:()=>i,metadata:()=>d,toc:()=>h});var n=s(6070),l=s(1100);const i={title:"\u30b9\u30e9\u30a4\u30b9\u3068\u30bb\u30b0\u30e1\u30f3\u30c8",sidebar_position:2,pagination_next:"reference/public-api"},r="\u30b9\u30e9\u30a4\u30b9\u3068\u30bb\u30b0\u30e1\u30f3\u30c8",d={id:"reference/slices-segments",title:"\u30b9\u30e9\u30a4\u30b9\u3068\u30bb\u30b0\u30e1\u30f3\u30c8",description:"\u30b9\u30e9\u30a4\u30b9",source:"@site/i18n/ja/docusaurus-plugin-content-docs/current/reference/slices-segments.mdx",sourceDirName:"reference",slug:"/reference/slices-segments",permalink:"/ja/docs/reference/slices-segments",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/ja/docusaurus-plugin-content-docs/current/reference/slices-segments.mdx",tags:[],version:"current",lastUpdatedAt:1727607766e3,sidebarPosition:2,frontMatter:{title:"\u30b9\u30e9\u30a4\u30b9\u3068\u30bb\u30b0\u30e1\u30f3\u30c8",sidebar_position:2,pagination_next:"reference/public-api"},sidebar:"referenceSidebar",previous:{title:"\u30ec\u30a4\u30e4\u30fc",permalink:"/ja/docs/reference/layers"},next:{title:"\u516c\u958bAPI",permalink:"/ja/docs/reference/public-api"}},c={},h=[{value:"\u30b9\u30e9\u30a4\u30b9",id:"\u30b9\u30e9\u30a4\u30b9",level:2},{value:"\u30b9\u30e9\u30a4\u30b9\u306e\u516c\u958bAPI\u30eb\u30fc\u30eb",id:"\u30b9\u30e9\u30a4\u30b9\u306e\u516c\u958bapi\u30eb\u30fc\u30eb",level:3},{value:"\u30bb\u30b0\u30e1\u30f3\u30c8",id:"\u30bb\u30b0\u30e1\u30f3\u30c8",level:2},{value:"\u4f8b",id:"\u4f8b",level:3}];function x(e){const t={a:"a",blockquote:"blockquote",code:"code",em:"em",h1:"h1",h2:"h2",h3:"h3",header:"header",img:"img",li:"li",p:"p",strong:"strong",table:"table",tbody:"tbody",td:"td",th:"th",thead:"thead",tr:"tr",ul:"ul",...(0,l.R)(),...e.components};return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(t.header,{children:(0,n.jsx)(t.h1,{id:"\u30b9\u30e9\u30a4\u30b9\u3068\u30bb\u30b0\u30e1\u30f3\u30c8",children:"\u30b9\u30e9\u30a4\u30b9\u3068\u30bb\u30b0\u30e1\u30f3\u30c8"})}),"\n",(0,n.jsx)(t.h2,{id:"\u30b9\u30e9\u30a4\u30b9",children:"\u30b9\u30e9\u30a4\u30b9"}),"\n",(0,n.jsx)(t.p,{children:"\u30b9\u30e9\u30a4\u30b9\u306f\u3001Feature-Sliced Design\u306e\u7d44\u7e54\u968e\u5c64\u306b\u304a\u3051\u308b\u7b2c2\u306e\u30ec\u30d9\u30eb\u3067\u3059\u3002\u305d\u306e\u4e3b\u306a\u76ee\u7684\u306f\u3001\u30d7\u30ed\u30c0\u30af\u30c8\u3001\u30d3\u30b8\u30cd\u30b9\u3001\u307e\u305f\u306f\u5358\u306b\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u306b\u5bfe\u3059\u308b\u610f\u5473\u306b\u57fa\u3065\u3044\u3066\u30b3\u30fc\u30c9\u3092\u30b0\u30eb\u30fc\u30d7\u5316\u3059\u308b\u3053\u3068\u3067\u3059\u3002"}),"\n",(0,n.jsxs)(t.p,{children:["\u30b9\u30e9\u30a4\u30b9\u306e\u540d\u524d\u306f\u6a19\u6e96\u5316\u3055\u308c\u3066\u304a\u3089\u305a\u3001\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u306e\u30d3\u30b8\u30cd\u30b9\u9818\u57df\u306b\u3088\u3063\u3066\u76f4\u63a5\u6c7a\u5b9a\u3055\u308c\u307e\u3059\u3002\u4f8b\u3048\u3070\u3001\u30d5\u30a9\u30c8\u30ae\u30e3\u30e9\u30ea\u30fc\u306b\u306f",(0,n.jsx)(t.code,{children:"photo"}),"\u3001",(0,n.jsx)(t.code,{children:"create-album"}),"\u3001",(0,n.jsx)(t.code,{children:"gallery-page"}),"\u3068\u3044\u3046\u30b9\u30e9\u30a4\u30b9\u304c\u3042\u308b\u304b\u3082\u3057\u308c\u307e\u305b\u3093\u3002SNS\u306b\u306f\u3001",(0,n.jsx)(t.code,{children:"post"}),"\u3001",(0,n.jsx)(t.code,{children:"add-user-to-friends"}),"\u3001",(0,n.jsx)(t.code,{children:"news-feed"}),"\u306e\u3088\u3046\u306a\u30b9\u30e9\u30a4\u30b9\u304c\u5fc5\u8981\u306b\u306a\u308b\u3067\u3057\u3087\u3046\u3002"]}),"\n",(0,n.jsxs)(t.p,{children:["\u5bc6\u63a5\u306b\u95a2\u9023\u3059\u308b\u30b9\u30e9\u30a4\u30b9\u306f\u3001\u540c\u3058\u30d5\u30a9\u30eb\u30c0\u30fc\u306b\u69cb\u9020\u7684\u306b\u30b0\u30eb\u30fc\u30d7\u5316\u3067\u304d\u307e\u3059\u304c\u3001\u4ed6\u306e\u30b9\u30e9\u30a4\u30b9\u3068\u540c\u3058\u9694\u96e2\u30eb\u30fc\u30eb\u3092\u9075\u5b88\u3059\u308b\u5fc5\u8981\u304c\u3042\u308a\u307e\u3059\u3002\u3053\u306e\u5834\u5408\u3001\u30c7\u30a3\u30ec\u30af\u30c8\u30ea\u306b\u306f\u3001",(0,n.jsx)(t.strong,{children:"\u8907\u6570\u306e\u30b9\u30e9\u30a4\u30b9\u306b\u3088\u3063\u3066\u5171\u6709\u3055\u308c\u308b\u30b3\u30fc\u30c9\u306f\u5b58\u5728\u3057\u3066\u306f\u306a\u308a\u307e\u305b\u3093"}),"\u3002"]}),"\n",(0,n.jsx)(t.p,{children:(0,n.jsx)(t.img,{alt:"\u300ccompose\u300d\uff08\u4f5c\u6210\uff09\u3001\u300clike\u300d\uff08\u3044\u3044\u306d\uff09\u3001\u300cdelete\u300d\uff08\u524a\u9664\uff09\u306e\u6a5f\u80fd\u304c\u300cpost\u300d\uff08\u6295\u7a3f\uff09\u30d5\u30a9\u30eb\u30c0\u30fc\u306b\u30b0\u30eb\u30fc\u30d7\u5316\u3055\u308c\u3066\u3044\u307e\u3059\u3002\u3053\u306e\u30d5\u30a9\u30eb\u30c0\u30fc\u306b\u306f\u300csome-shared-code.ts\u300d\u3068\u3044\u3046\u30d5\u30a1\u30a4\u30eb\u3082\u3042\u308a\u3001\u305d\u306e\u540d\u524d\u306f\u53d6\u308a\u6d88\u3057\u7dda\u304c\u5f15\u304b\u308c\u3066\u304a\u308a\u3001\u305d\u3053\u306b\u5b58\u5728\u3057\u3066\u306f\u3044\u3051\u306a\u3044\u3053\u3068\u3092\u793a\u3057\u3066\u3044\u307e\u3059\u3002",src:s(628).A+"",width:"365",height:"236"})}),"\n",(0,n.jsx)(t.p,{children:"Shared\u5c64\u3068App\u5c64\u306b\u306f\u30b9\u30e9\u30a4\u30b9\u304c\u542b\u307e\u308c\u3066\u3044\u307e\u305b\u3093\u3002\u305d\u308c\u306f\u3001Shared\u5c64\u304c\u30d3\u30b8\u30cd\u30b9\u30ed\u30b8\u30c3\u30af\u3092\u542b\u3080\u3079\u304d\u3067\u306f\u306a\u3044\u305f\u3081\u3001\u30d7\u30ed\u30c0\u30af\u30c8\u306b\u5bfe\u3057\u3066\u610f\u5473\u3092\u6301\u3063\u3066\u3044\u306a\u3044\u304b\u3089\u3067\u3059\u3002\u307e\u305f\u3001App\u5c64\u306f\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u5168\u4f53\u306b\u95a2\u4fc2\u3059\u308b\u30b3\u30fc\u30c9\u306e\u307f\u3092\u542b\u3080\u3079\u304d\u3067\u3042\u308b\u305f\u3081\u3001\u5206\u5272\u306e\u5fc5\u8981\u304c\u306a\u3044\u304b\u3089\u3067\u3059\u3002"}),"\n",(0,n.jsx)(t.h3,{id:"\u30b9\u30e9\u30a4\u30b9\u306e\u516c\u958bapi\u30eb\u30fc\u30eb",children:"\u30b9\u30e9\u30a4\u30b9\u306e\u516c\u958bAPI\u30eb\u30fc\u30eb"}),"\n",(0,n.jsxs)(t.p,{children:["\u30b9\u30e9\u30a4\u30b9\u5185\u3067\u306f\u3001\u30b3\u30fc\u30c9\u306f\u81ea\u7531\u306b\u6574\u7406\u3067\u304d\u3001\u30b9\u30e9\u30a4\u30b9\u304c\u8cea\u306e\u9ad8\u3044\u516c\u958bAPI\u3092\u63d0\u4f9b\u3057\u3066\u3044\u308b\u9650\u308a\u3001\u305d\u308c\u306b\u554f\u984c\u304c\u3042\u308a\u307e\u305b\u3093\u3002\u3053\u308c\u304c",(0,n.jsx)(t.strong,{children:"\u30b9\u30e9\u30a4\u30b9\u306e\u516c\u958bAPI\u30eb\u30fc\u30eb"}),"\u306e\u672c\u8cea\u3067\u3059\u3002"]}),"\n",(0,n.jsxs)(t.blockquote,{children:["\n",(0,n.jsx)(t.p,{children:(0,n.jsx)(t.em,{children:"\u3059\u3079\u3066\u306e\u30b9\u30e9\u30a4\u30b9\uff08\u304a\u3088\u3073\u30b9\u30e9\u30a4\u30b9\u3092\u6301\u305f\u306a\u3044\u30ec\u30a4\u30e4\u30fc\u306e\u30bb\u30b0\u30e1\u30f3\u30c8\uff09\u306f\u3001\u516c\u958bAPI\u306e\u5b9a\u7fa9\u3092\u542b\u3080\u5fc5\u8981\u304c\u3042\u308b"})}),"\n",(0,n.jsx)(t.p,{children:(0,n.jsx)(t.em,{children:"\u30b9\u30e9\u30a4\u30b9/\u30bb\u30b0\u30e1\u30f3\u30c8\u306e\u5916\u90e8\u306b\u3042\u308b\u30e2\u30b8\u30e5\u30fc\u30eb\u306f\u3001\u30b9\u30e9\u30a4\u30b9/\u30bb\u30b0\u30e1\u30f3\u30c8\u306e\u5185\u90e8\u30d5\u30a1\u30a4\u30eb\u69cb\u9020\u3067\u306f\u306a\u304f\u3001\u516c\u958bAPI\u306e\u307f\u3092\u53c2\u7167\u3059\u3079\u304d"})}),"\n"]}),"\n",(0,n.jsxs)(t.p,{children:["\u516c\u958bAPI\u306e\u8981\u4ef6\u3068\u305d\u306e\u4f5c\u6210\u306b\u95a2\u3059\u308b\u30d9\u30b9\u30c8\u30d7\u30e9\u30af\u30c6\u30a3\u30b9\u306b\u3064\u3044\u3066\u306f\u3001",(0,n.jsx)(t.a,{href:"/docs/reference/public-api",children:"\u516c\u958bAPI\u30ac\u30a4\u30c9"}),"\u3092\u53c2\u7167\u3057\u3066\u304f\u3060\u3055\u3044\u3002"]}),"\n",(0,n.jsx)(t.h2,{id:"\u30bb\u30b0\u30e1\u30f3\u30c8",children:"\u30bb\u30b0\u30e1\u30f3\u30c8"}),"\n",(0,n.jsx)(t.p,{children:"\u30bb\u30b0\u30e1\u30f3\u30c8\u306f\u3001\u7d44\u7e54\u968e\u5c64\u306e\u7b2c3\u30ec\u30d9\u30eb\u304a\u3088\u3073\u6700\u7d42\u30ec\u30d9\u30eb\u3067\u3042\u308a\u3001\u305d\u306e\u76ee\u7684\u306f\u6280\u8853\u7684\u306a\u6027\u8cea\u306b\u57fa\u3065\u3044\u3066\u30b3\u30fc\u30c9\u3092\u30b0\u30eb\u30fc\u30d7\u5316\u3059\u308b\u3053\u3068\u3067\u3059\u3002"}),"\n",(0,n.jsx)(t.p,{children:"\u3044\u304f\u3064\u304b\u306e\u6a19\u6e96\u5316\u3055\u308c\u305f\u30bb\u30b0\u30e1\u30f3\u30c8\u540d\u304c\u3042\u308a\u307e\u3059\u3002"}),"\n",(0,n.jsxs)(t.ul,{children:["\n",(0,n.jsxs)(t.li,{children:[(0,n.jsx)(t.code,{children:"ui"})," - UI\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3001\u30c7\u30fc\u30bf\u30d5\u30a9\u30fc\u30de\u30c3\u30c8\u95a2\u6570"]}),"\n",(0,n.jsxs)(t.li,{children:[(0,n.jsx)(t.code,{children:"model"})," - \u30d3\u30b8\u30cd\u30b9\u30ed\u30b8\u30c3\u30af\u3068\u30c7\u30fc\u30bf\u30b9\u30c8\u30ec\u30fc\u30b8\u3001\u3053\u308c\u3089\u306e\u30c7\u30fc\u30bf\u3092\u64cd\u4f5c\u3059\u308b\u305f\u3081\u306e\u95a2\u6570"]}),"\n",(0,n.jsxs)(t.li,{children:[(0,n.jsx)(t.code,{children:"lib"})," - \u88dc\u52a9\u7684\u306a\u30a4\u30f3\u30d5\u30e9\u30b9\u30c8\u30e9\u30af\u30c1\u30e3\u30b3\u30fc\u30c9"]}),"\n",(0,n.jsxs)(t.li,{children:[(0,n.jsx)(t.code,{children:"api"})," - \u5916\u90e8API\u3068\u306e\u901a\u4fe1\u3001\u30d0\u30c3\u30af\u30a8\u30f3\u30c9API\u30e1\u30bd\u30c3\u30c9"]}),"\n"]}),"\n",(0,n.jsx)(t.p,{children:"\u4ed6\u306e\u30bb\u30b0\u30e1\u30f3\u30c8\u3082\u8a31\u53ef\u3055\u308c\u3066\u3044\u307e\u3059\u304c\u3001\u5fc5\u8981\u306b\u5fdc\u3058\u3066\u306e\u307f\u4f5c\u6210\u3055\u308c\u308b\u3079\u304d\u3067\u3059\u3002\u30ab\u30b9\u30bf\u30e0\u30bb\u30b0\u30e1\u30f3\u30c8\u306e\u6700\u3082\u4e00\u822c\u7684\u306a\u5834\u6240\u306f\u3001\u30b9\u30e9\u30a4\u30b9\u304c\u610f\u5473\u3092\u6301\u305f\u306a\u3044App\u5c64\u3068Shared\u5c64\u3067\u3059\u3002"}),"\n",(0,n.jsx)(t.h3,{id:"\u4f8b",children:"\u4f8b"}),"\n",(0,n.jsxs)(t.table,{children:[(0,n.jsx)(t.thead,{children:(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.th,{style:{textAlign:"left"},children:"\u30ec\u30a4\u30e4\u30fc"}),(0,n.jsx)(t.th,{style:{textAlign:"left"},children:(0,n.jsx)(t.code,{children:"ui"})}),(0,n.jsx)(t.th,{style:{textAlign:"left"},children:(0,n.jsx)(t.code,{children:"model"})}),(0,n.jsx)(t.th,{style:{textAlign:"left"},children:(0,n.jsx)(t.code,{children:"lib"})}),(0,n.jsx)(t.th,{style:{textAlign:"left"},children:(0,n.jsx)(t.code,{children:"api"})})]})}),(0,n.jsxs)(t.tbody,{children:[(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{style:{textAlign:"left"},children:"Shared\u5c64"}),(0,n.jsx)(t.td,{style:{textAlign:"left"},children:"UI\u30e9\u30a4\u30d6\u30e9\u30ea"}),(0,n.jsx)(t.td,{style:{textAlign:"left"},children:"\u901a\u5e38\u306f\u4f7f\u7528\u3055\u308c\u306a\u3044"}),(0,n.jsxs)(t.td,{style:{textAlign:"left"},children:["\u8907\u6570\u306e\u95a2\u9023\u30d5\u30a1\u30a4\u30eb\u304b\u3089\u306e\u30e6\u30fc\u30c6\u30a3\u30ea\u30c6\u30a3\u30e2\u30b8\u30e5\u30fc\u30eb\u3002",(0,n.jsx)("br",{}),"\u500b\u5225\u306e\u30d8\u30eb\u30d1\u30fc\u95a2\u6570\u304c\u5fc5\u8981\u306a\u5834\u5408\u306f\u3001",(0,n.jsx)(t.a,{href:"https://www.npmjs.com/package/lodash-es",children:(0,n.jsx)(t.code,{children:"lodash-es"})}),"\u306a\u3069\u306e\u30e6\u30fc\u30c6\u30a3\u30ea\u30c6\u30a3\u30e9\u30a4\u30d6\u30e9\u30ea\u3092\u691c\u8a0e\u3057\u3066\u304f\u3060\u3055\u3044\u3002"]}),(0,n.jsx)(t.td,{style:{textAlign:"left"},children:"\u8a8d\u8a3c\u3084\u30ad\u30e3\u30c3\u30b7\u30e5\u306a\u3069\u306e\u8ffd\u52a0\u6a5f\u80fd\u3092\u6301\u3064\u30b7\u30f3\u30d7\u30eb\u306a\u306aAPI\u30af\u30e9\u30a4\u30a2\u30f3\u30c8\u3002"})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{style:{textAlign:"left"},children:"Entities\u5c64"}),(0,n.jsx)(t.td,{style:{textAlign:"left"},children:"\u30a4\u30f3\u30bf\u30e9\u30af\u30c6\u30a3\u30d6\u8981\u7d20\u306e\u30b9\u30ed\u30c3\u30c8\u3092\u6301\u3064\u30d3\u30b8\u30cd\u30b9\u30a8\u30f3\u30c6\u30a3\u30c6\u30a3\u306e\u9aa8\u7d44\u307f"}),(0,n.jsxs)(t.td,{style:{textAlign:"left"},children:["\u30a8\u30f3\u30c6\u30a3\u30c6\u30a3\u306e\u30a4\u30f3\u30b9\u30bf\u30f3\u30b9\u306e\u30c7\u30fc\u30bf\u30b9\u30c8\u30ec\u30fc\u30b8\u3068\u3001\u305d\u308c\u3089\u306e\u30c7\u30fc\u30bf\u3092\u64cd\u4f5c\u3059\u308b\u305f\u3081\u306e\u95a2\u6570\u3002",(0,n.jsx)("br",{}),"\u30b5\u30fc\u30d0\u30fc\u304b\u3089\u306e\u30c7\u30fc\u30bf\u3092\u4fdd\u5b58\u3059\u308b\u306e\u306b\u6700\u9069\u3002",(0,n.jsx)(t.a,{href:"https://tanstack.com/query/latest",children:"TanStack Query"}),"\u3084\u4ed6\u306e\u6697\u9ed9\u7684\u306a\u30b9\u30c8\u30ec\u30fc\u30b8\u30e1\u30bd\u30c3\u30c9\u3092\u4f7f\u7528\u3059\u308b\u5834\u5408\u3001\u7701\u7565\u3067\u304d\u308b\u3002"]}),(0,n.jsx)(t.td,{style:{textAlign:"left"},children:"\u30c7\u30fc\u30bf\u30b9\u30c8\u30ec\u30fc\u30b8\u306b\u95a2\u9023\u3057\u306a\u3044\u30a8\u30f3\u30c6\u30a3\u30c6\u30a3\u306e\u30a4\u30f3\u30b9\u30bf\u30f3\u30b9\u3092\u64cd\u4f5c\u3059\u308b\u305f\u3081\u306e\u95a2\u6570"}),(0,n.jsx)(t.td,{style:{textAlign:"left"},children:"Shared\u5c64\u304b\u3089\u306eAPI\u30af\u30e9\u30a4\u30a2\u30f3\u30c8\u3092\u4f7f\u7528\u3057\u3066\u30d0\u30c3\u30af\u30a8\u30f3\u30c9\u3068\u306e\u901a\u4fe1\u3092\u7c21\u7d20\u5316\u3059\u308bAPI\u30e1\u30bd\u30c3\u30c9"})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{style:{textAlign:"left"},children:"Features\u5c64"}),(0,n.jsx)(t.td,{style:{textAlign:"left"},children:"\u30e6\u30fc\u30b6\u30fc\u304c\u6a5f\u80fd\u3092\u4f7f\u7528\u3067\u304d\u308b\u305f\u3081\u306e\u30a4\u30f3\u30bf\u30e9\u30af\u30c6\u30a3\u30d6\u8981\u7d20"}),(0,n.jsx)(t.td,{style:{textAlign:"left"},children:"\u5fc5\u8981\u306b\u5fdc\u3058\u3066\u30d3\u30b8\u30cd\u30b9\u30ed\u30b8\u30c3\u30af\u3068\u30a4\u30f3\u30d5\u30e9\u30b9\u30c8\u30e9\u30af\u30c1\u30e3\u30c7\u30fc\u30bf\u30b9\u30c8\u30ec\u30fc\u30b8\uff08\u4f8b\uff1a\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u306e\u73fe\u5728\u306e\u30c6\u30fc\u30de\uff09\u3002\u30e6\u30fc\u30b6\u30fc\u306b\u4fa1\u5024\u3092\u63d0\u4f9b\u3059\u308b\u30b3\u30fc\u30c9\u304c\u3053\u3053\u306b\u3042\u308b"}),(0,n.jsxs)(t.td,{style:{textAlign:"left"},children:[(0,n.jsx)(t.code,{children:"model"}),"\u30bb\u30b0\u30e1\u30f3\u30c8\u306e\u30d3\u30b8\u30cd\u30b9\u30ed\u30b8\u30c3\u30af\u3092\u7c21\u6f54\u306b\u8aac\u660e\u3059\u308b\u305f\u3081\u306e\u30a4\u30f3\u30d5\u30e9\u30b9\u30c8\u30e9\u30af\u30c1\u30e3\u30b3\u30fc\u30c9"]}),(0,n.jsxs)(t.td,{style:{textAlign:"left"},children:["\u30d0\u30c3\u30af\u30a8\u30f3\u30c9\u3067\u6a5f\u80fd\u3092\u8868\u3059API\u30e1\u30bd\u30c3\u30c9\u3002",(0,n.jsx)("br",{}),"Entities\u5c64\u304b\u3089\u306eAPI\u30e1\u30bd\u30c3\u30c9\u3092\u7d44\u307f\u5408\u308f\u305b\u308b\u3053\u3068\u304c\u3042\u308b\u3002"]})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{style:{textAlign:"left"},children:"Widgets\u5c64"}),(0,n.jsxs)(t.td,{style:{textAlign:"left"},children:["Entities\u5c64\u3068Features\u5c64\u3092\u81ea\u5df1\u5b8c\u7d50\u578b\u306eUI\u30d6\u30ed\u30c3\u30af\u306b\u69cb\u6210\u3059\u308b\u3002",(0,n.jsx)("br",{}),"\u30a8\u30e9\u30fc\u30d0\u30a6\u30f3\u30c0\u30ea\u3084\u30ed\u30fc\u30c7\u30a3\u30f3\u30b0\u72b6\u614b\u3092\u542b\u3080\u3053\u3068\u3082\u3067\u304d\u308b\u3002"]}),(0,n.jsx)(t.td,{style:{textAlign:"left"},children:"\u5fc5\u8981\u306b\u5fdc\u3058\u3066\u30a4\u30f3\u30d5\u30e9\u30b9\u30c8\u30e9\u30af\u30c1\u30e3\u30c7\u30fc\u30bf\u30b9\u30c8\u30ec\u30fc\u30b8\u3092\u542b\u3080\u3053\u3068\u304c\u3067\u304d\u308b"}),(0,n.jsx)(t.td,{style:{textAlign:"left"},children:"\u30da\u30fc\u30b8\u4e0a\u3067\u30a6\u30a3\u30b8\u30a7\u30c3\u30c8\u30d6\u30ed\u30c3\u30af\u304c\u6a5f\u80fd\u3059\u308b\u305f\u3081\u306b\u5fc5\u8981\u306a\u975e\u30d3\u30b8\u30cd\u30b9\u30a4\u30f3\u30bf\u30e9\u30af\u30b7\u30e7\u30f3\uff08\u4f8b\uff1a\u30b8\u30a7\u30b9\u30c1\u30e3\u30fc\uff09\u3084\u305d\u306e\u4ed6\u306e\u30b3\u30fc\u30c9"}),(0,n.jsxs)(t.td,{style:{textAlign:"left"},children:["\u901a\u5e38\u306f\u4f7f\u7528\u3055\u308c\u306a\u3044\u304c\u3001\u30cd\u30b9\u30c8\u3055\u308c\u305f\u30eb\u30fc\u30c6\u30a3\u30f3\u30b0\u306e\u6587\u8108\u3067\u30c7\u30fc\u30bf\u30ed\u30fc\u30c0\u30fc\u3092\u542b\u3080\u3053\u3068\u304c\u3042\u308b\uff08\u4f8b: ",(0,n.jsx)(t.a,{href:"https://remix.run",children:"Remix"}),"\uff09"]})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{style:{textAlign:"left"},children:"Pages\u5c64"}),(0,n.jsxs)(t.td,{style:{textAlign:"left"},children:["Entities\u5c64\u3001Features\u5c64\u3001Widgets\u5c64\u306e\u69cb\u6210\u3002",(0,n.jsx)("br",{}),"\u30a8\u30e9\u30fc\u30d0\u30a6\u30f3\u30c0\u30ea\u3084\u30ed\u30fc\u30c7\u30a3\u30f3\u30b0\u72b6\u614b\u3092\u542b\u3080\u3053\u3068\u3082\u3067\u304d\u308b\u3002"]}),(0,n.jsx)(t.td,{style:{textAlign:"left"},children:"\u901a\u5e38\u306f\u4f7f\u7528\u3055\u308c\u306a\u3044"}),(0,n.jsx)(t.td,{style:{textAlign:"left"},children:"UX\u3092\u63d0\u4f9b\u3059\u308b\u305f\u3081\u306b\u5fc5\u8981\u306a\u975e\u30d3\u30b8\u30cd\u30b9\u30a4\u30f3\u30bf\u30e9\u30af\u30b7\u30e7\u30f3\uff08\u4f8b\uff1a\u30b8\u30a7\u30b9\u30c1\u30e3\u30fc\uff09\u3084\u305d\u306e\u4ed6\u306e\u30b3\u30fc\u30c9"}),(0,n.jsx)(t.td,{style:{textAlign:"left"},children:"SSR\uff08\u30b5\u30fc\u30d0\u30fc\u30b5\u30a4\u30c9\u30ec\u30f3\u30c0\u30ea\u30f3\u30b0\uff09\u6307\u5411\u306e\u30d5\u30ec\u30fc\u30e0\u30ef\u30fc\u30af\u7528\u306e\u30c7\u30fc\u30bf\u30ed\u30fc\u30c0\u30fc"})]})]})]})]})}function o(e={}){const{wrapper:t}={...(0,l.R)(),...e.components};return t?(0,n.jsx)(t,{...e,children:(0,n.jsx)(x,{...e})}):x(e)}},628:(e,t,s)=>{s.d(t,{A:()=>n});const n=s.p+"assets/images/graphic-nested-slices-b9c44e6cc55ecdbf3e50bf40a61e5a27.svg"},1100:(e,t,s)=>{s.d(t,{R:()=>r,x:()=>d});var n=s(758);const l={},i=n.createContext(l);function r(e){const t=n.useContext(i);return n.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function d(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(l):e.components||l:r(e.components),n.createElement(i.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
+"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[1403],{9828:(e,t,s)=>{s.r(t),s.d(t,{assets:()=>c,contentTitle:()=>r,default:()=>o,frontMatter:()=>i,metadata:()=>d,toc:()=>h});var n=s(6070),l=s(1100);const i={title:"\u30b9\u30e9\u30a4\u30b9\u3068\u30bb\u30b0\u30e1\u30f3\u30c8",sidebar_position:2,pagination_next:"reference/public-api"},r="\u30b9\u30e9\u30a4\u30b9\u3068\u30bb\u30b0\u30e1\u30f3\u30c8",d={id:"reference/slices-segments",title:"\u30b9\u30e9\u30a4\u30b9\u3068\u30bb\u30b0\u30e1\u30f3\u30c8",description:"\u30b9\u30e9\u30a4\u30b9",source:"@site/i18n/ja/docusaurus-plugin-content-docs/current/reference/slices-segments.mdx",sourceDirName:"reference",slug:"/reference/slices-segments",permalink:"/ja/docs/reference/slices-segments",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/ja/docusaurus-plugin-content-docs/current/reference/slices-segments.mdx",tags:[],version:"current",lastUpdatedAt:1728325386e3,sidebarPosition:2,frontMatter:{title:"\u30b9\u30e9\u30a4\u30b9\u3068\u30bb\u30b0\u30e1\u30f3\u30c8",sidebar_position:2,pagination_next:"reference/public-api"},sidebar:"referenceSidebar",previous:{title:"\u30ec\u30a4\u30e4\u30fc",permalink:"/ja/docs/reference/layers"},next:{title:"\u516c\u958bAPI",permalink:"/ja/docs/reference/public-api"}},c={},h=[{value:"\u30b9\u30e9\u30a4\u30b9",id:"\u30b9\u30e9\u30a4\u30b9",level:2},{value:"\u30b9\u30e9\u30a4\u30b9\u306e\u516c\u958bAPI\u30eb\u30fc\u30eb",id:"\u30b9\u30e9\u30a4\u30b9\u306e\u516c\u958bapi\u30eb\u30fc\u30eb",level:3},{value:"\u30bb\u30b0\u30e1\u30f3\u30c8",id:"\u30bb\u30b0\u30e1\u30f3\u30c8",level:2},{value:"\u4f8b",id:"\u4f8b",level:3}];function x(e){const t={a:"a",blockquote:"blockquote",code:"code",em:"em",h1:"h1",h2:"h2",h3:"h3",header:"header",img:"img",li:"li",p:"p",strong:"strong",table:"table",tbody:"tbody",td:"td",th:"th",thead:"thead",tr:"tr",ul:"ul",...(0,l.R)(),...e.components};return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(t.header,{children:(0,n.jsx)(t.h1,{id:"\u30b9\u30e9\u30a4\u30b9\u3068\u30bb\u30b0\u30e1\u30f3\u30c8",children:"\u30b9\u30e9\u30a4\u30b9\u3068\u30bb\u30b0\u30e1\u30f3\u30c8"})}),"\n",(0,n.jsx)(t.h2,{id:"\u30b9\u30e9\u30a4\u30b9",children:"\u30b9\u30e9\u30a4\u30b9"}),"\n",(0,n.jsx)(t.p,{children:"\u30b9\u30e9\u30a4\u30b9\u306f\u3001Feature-Sliced Design\u306e\u7d44\u7e54\u968e\u5c64\u306b\u304a\u3051\u308b\u7b2c2\u306e\u30ec\u30d9\u30eb\u3067\u3059\u3002\u305d\u306e\u4e3b\u306a\u76ee\u7684\u306f\u3001\u30d7\u30ed\u30c0\u30af\u30c8\u3001\u30d3\u30b8\u30cd\u30b9\u3001\u307e\u305f\u306f\u5358\u306b\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u306b\u5bfe\u3059\u308b\u610f\u5473\u306b\u57fa\u3065\u3044\u3066\u30b3\u30fc\u30c9\u3092\u30b0\u30eb\u30fc\u30d7\u5316\u3059\u308b\u3053\u3068\u3067\u3059\u3002"}),"\n",(0,n.jsxs)(t.p,{children:["\u30b9\u30e9\u30a4\u30b9\u306e\u540d\u524d\u306f\u6a19\u6e96\u5316\u3055\u308c\u3066\u304a\u3089\u305a\u3001\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u306e\u30d3\u30b8\u30cd\u30b9\u9818\u57df\u306b\u3088\u3063\u3066\u76f4\u63a5\u6c7a\u5b9a\u3055\u308c\u307e\u3059\u3002\u4f8b\u3048\u3070\u3001\u30d5\u30a9\u30c8\u30ae\u30e3\u30e9\u30ea\u30fc\u306b\u306f",(0,n.jsx)(t.code,{children:"photo"}),"\u3001",(0,n.jsx)(t.code,{children:"create-album"}),"\u3001",(0,n.jsx)(t.code,{children:"gallery-page"}),"\u3068\u3044\u3046\u30b9\u30e9\u30a4\u30b9\u304c\u3042\u308b\u304b\u3082\u3057\u308c\u307e\u305b\u3093\u3002SNS\u306b\u306f\u3001",(0,n.jsx)(t.code,{children:"post"}),"\u3001",(0,n.jsx)(t.code,{children:"add-user-to-friends"}),"\u3001",(0,n.jsx)(t.code,{children:"news-feed"}),"\u306e\u3088\u3046\u306a\u30b9\u30e9\u30a4\u30b9\u304c\u5fc5\u8981\u306b\u306a\u308b\u3067\u3057\u3087\u3046\u3002"]}),"\n",(0,n.jsxs)(t.p,{children:["\u5bc6\u63a5\u306b\u95a2\u9023\u3059\u308b\u30b9\u30e9\u30a4\u30b9\u306f\u3001\u540c\u3058\u30d5\u30a9\u30eb\u30c0\u30fc\u306b\u69cb\u9020\u7684\u306b\u30b0\u30eb\u30fc\u30d7\u5316\u3067\u304d\u307e\u3059\u304c\u3001\u4ed6\u306e\u30b9\u30e9\u30a4\u30b9\u3068\u540c\u3058\u9694\u96e2\u30eb\u30fc\u30eb\u3092\u9075\u5b88\u3059\u308b\u5fc5\u8981\u304c\u3042\u308a\u307e\u3059\u3002\u3053\u306e\u5834\u5408\u3001\u30c7\u30a3\u30ec\u30af\u30c8\u30ea\u306b\u306f\u3001",(0,n.jsx)(t.strong,{children:"\u8907\u6570\u306e\u30b9\u30e9\u30a4\u30b9\u306b\u3088\u3063\u3066\u5171\u6709\u3055\u308c\u308b\u30b3\u30fc\u30c9\u306f\u5b58\u5728\u3057\u3066\u306f\u306a\u308a\u307e\u305b\u3093"}),"\u3002"]}),"\n",(0,n.jsx)(t.p,{children:(0,n.jsx)(t.img,{alt:"\u300ccompose\u300d\uff08\u4f5c\u6210\uff09\u3001\u300clike\u300d\uff08\u3044\u3044\u306d\uff09\u3001\u300cdelete\u300d\uff08\u524a\u9664\uff09\u306e\u6a5f\u80fd\u304c\u300cpost\u300d\uff08\u6295\u7a3f\uff09\u30d5\u30a9\u30eb\u30c0\u30fc\u306b\u30b0\u30eb\u30fc\u30d7\u5316\u3055\u308c\u3066\u3044\u307e\u3059\u3002\u3053\u306e\u30d5\u30a9\u30eb\u30c0\u30fc\u306b\u306f\u300csome-shared-code.ts\u300d\u3068\u3044\u3046\u30d5\u30a1\u30a4\u30eb\u3082\u3042\u308a\u3001\u305d\u306e\u540d\u524d\u306f\u53d6\u308a\u6d88\u3057\u7dda\u304c\u5f15\u304b\u308c\u3066\u304a\u308a\u3001\u305d\u3053\u306b\u5b58\u5728\u3057\u3066\u306f\u3044\u3051\u306a\u3044\u3053\u3068\u3092\u793a\u3057\u3066\u3044\u307e\u3059\u3002",src:s(628).A+"",width:"365",height:"236"})}),"\n",(0,n.jsx)(t.p,{children:"Shared\u5c64\u3068App\u5c64\u306b\u306f\u30b9\u30e9\u30a4\u30b9\u304c\u542b\u307e\u308c\u3066\u3044\u307e\u305b\u3093\u3002\u305d\u308c\u306f\u3001Shared\u5c64\u304c\u30d3\u30b8\u30cd\u30b9\u30ed\u30b8\u30c3\u30af\u3092\u542b\u3080\u3079\u304d\u3067\u306f\u306a\u3044\u305f\u3081\u3001\u30d7\u30ed\u30c0\u30af\u30c8\u306b\u5bfe\u3057\u3066\u610f\u5473\u3092\u6301\u3063\u3066\u3044\u306a\u3044\u304b\u3089\u3067\u3059\u3002\u307e\u305f\u3001App\u5c64\u306f\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u5168\u4f53\u306b\u95a2\u4fc2\u3059\u308b\u30b3\u30fc\u30c9\u306e\u307f\u3092\u542b\u3080\u3079\u304d\u3067\u3042\u308b\u305f\u3081\u3001\u5206\u5272\u306e\u5fc5\u8981\u304c\u306a\u3044\u304b\u3089\u3067\u3059\u3002"}),"\n",(0,n.jsx)(t.h3,{id:"\u30b9\u30e9\u30a4\u30b9\u306e\u516c\u958bapi\u30eb\u30fc\u30eb",children:"\u30b9\u30e9\u30a4\u30b9\u306e\u516c\u958bAPI\u30eb\u30fc\u30eb"}),"\n",(0,n.jsxs)(t.p,{children:["\u30b9\u30e9\u30a4\u30b9\u5185\u3067\u306f\u3001\u30b3\u30fc\u30c9\u306f\u81ea\u7531\u306b\u6574\u7406\u3067\u304d\u3001\u30b9\u30e9\u30a4\u30b9\u304c\u8cea\u306e\u9ad8\u3044\u516c\u958bAPI\u3092\u63d0\u4f9b\u3057\u3066\u3044\u308b\u9650\u308a\u3001\u305d\u308c\u306b\u554f\u984c\u304c\u3042\u308a\u307e\u305b\u3093\u3002\u3053\u308c\u304c",(0,n.jsx)(t.strong,{children:"\u30b9\u30e9\u30a4\u30b9\u306e\u516c\u958bAPI\u30eb\u30fc\u30eb"}),"\u306e\u672c\u8cea\u3067\u3059\u3002"]}),"\n",(0,n.jsxs)(t.blockquote,{children:["\n",(0,n.jsx)(t.p,{children:(0,n.jsx)(t.em,{children:"\u3059\u3079\u3066\u306e\u30b9\u30e9\u30a4\u30b9\uff08\u304a\u3088\u3073\u30b9\u30e9\u30a4\u30b9\u3092\u6301\u305f\u306a\u3044\u30ec\u30a4\u30e4\u30fc\u306e\u30bb\u30b0\u30e1\u30f3\u30c8\uff09\u306f\u3001\u516c\u958bAPI\u306e\u5b9a\u7fa9\u3092\u542b\u3080\u5fc5\u8981\u304c\u3042\u308b"})}),"\n",(0,n.jsx)(t.p,{children:(0,n.jsx)(t.em,{children:"\u30b9\u30e9\u30a4\u30b9/\u30bb\u30b0\u30e1\u30f3\u30c8\u306e\u5916\u90e8\u306b\u3042\u308b\u30e2\u30b8\u30e5\u30fc\u30eb\u306f\u3001\u30b9\u30e9\u30a4\u30b9/\u30bb\u30b0\u30e1\u30f3\u30c8\u306e\u5185\u90e8\u30d5\u30a1\u30a4\u30eb\u69cb\u9020\u3067\u306f\u306a\u304f\u3001\u516c\u958bAPI\u306e\u307f\u3092\u53c2\u7167\u3059\u3079\u304d"})}),"\n"]}),"\n",(0,n.jsxs)(t.p,{children:["\u516c\u958bAPI\u306e\u8981\u4ef6\u3068\u305d\u306e\u4f5c\u6210\u306b\u95a2\u3059\u308b\u30d9\u30b9\u30c8\u30d7\u30e9\u30af\u30c6\u30a3\u30b9\u306b\u3064\u3044\u3066\u306f\u3001",(0,n.jsx)(t.a,{href:"/docs/reference/public-api",children:"\u516c\u958bAPI\u30ac\u30a4\u30c9"}),"\u3092\u53c2\u7167\u3057\u3066\u304f\u3060\u3055\u3044\u3002"]}),"\n",(0,n.jsx)(t.h2,{id:"\u30bb\u30b0\u30e1\u30f3\u30c8",children:"\u30bb\u30b0\u30e1\u30f3\u30c8"}),"\n",(0,n.jsx)(t.p,{children:"\u30bb\u30b0\u30e1\u30f3\u30c8\u306f\u3001\u7d44\u7e54\u968e\u5c64\u306e\u7b2c3\u30ec\u30d9\u30eb\u304a\u3088\u3073\u6700\u7d42\u30ec\u30d9\u30eb\u3067\u3042\u308a\u3001\u305d\u306e\u76ee\u7684\u306f\u6280\u8853\u7684\u306a\u6027\u8cea\u306b\u57fa\u3065\u3044\u3066\u30b3\u30fc\u30c9\u3092\u30b0\u30eb\u30fc\u30d7\u5316\u3059\u308b\u3053\u3068\u3067\u3059\u3002"}),"\n",(0,n.jsx)(t.p,{children:"\u3044\u304f\u3064\u304b\u306e\u6a19\u6e96\u5316\u3055\u308c\u305f\u30bb\u30b0\u30e1\u30f3\u30c8\u540d\u304c\u3042\u308a\u307e\u3059\u3002"}),"\n",(0,n.jsxs)(t.ul,{children:["\n",(0,n.jsxs)(t.li,{children:[(0,n.jsx)(t.code,{children:"ui"})," - UI\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3001\u30c7\u30fc\u30bf\u30d5\u30a9\u30fc\u30de\u30c3\u30c8\u95a2\u6570"]}),"\n",(0,n.jsxs)(t.li,{children:[(0,n.jsx)(t.code,{children:"model"})," - \u30d3\u30b8\u30cd\u30b9\u30ed\u30b8\u30c3\u30af\u3068\u30c7\u30fc\u30bf\u30b9\u30c8\u30ec\u30fc\u30b8\u3001\u3053\u308c\u3089\u306e\u30c7\u30fc\u30bf\u3092\u64cd\u4f5c\u3059\u308b\u305f\u3081\u306e\u95a2\u6570"]}),"\n",(0,n.jsxs)(t.li,{children:[(0,n.jsx)(t.code,{children:"lib"})," - \u88dc\u52a9\u7684\u306a\u30a4\u30f3\u30d5\u30e9\u30b9\u30c8\u30e9\u30af\u30c1\u30e3\u30b3\u30fc\u30c9"]}),"\n",(0,n.jsxs)(t.li,{children:[(0,n.jsx)(t.code,{children:"api"})," - \u5916\u90e8API\u3068\u306e\u901a\u4fe1\u3001\u30d0\u30c3\u30af\u30a8\u30f3\u30c9API\u30e1\u30bd\u30c3\u30c9"]}),"\n"]}),"\n",(0,n.jsx)(t.p,{children:"\u4ed6\u306e\u30bb\u30b0\u30e1\u30f3\u30c8\u3082\u8a31\u53ef\u3055\u308c\u3066\u3044\u307e\u3059\u304c\u3001\u5fc5\u8981\u306b\u5fdc\u3058\u3066\u306e\u307f\u4f5c\u6210\u3055\u308c\u308b\u3079\u304d\u3067\u3059\u3002\u30ab\u30b9\u30bf\u30e0\u30bb\u30b0\u30e1\u30f3\u30c8\u306e\u6700\u3082\u4e00\u822c\u7684\u306a\u5834\u6240\u306f\u3001\u30b9\u30e9\u30a4\u30b9\u304c\u610f\u5473\u3092\u6301\u305f\u306a\u3044App\u5c64\u3068Shared\u5c64\u3067\u3059\u3002"}),"\n",(0,n.jsx)(t.h3,{id:"\u4f8b",children:"\u4f8b"}),"\n",(0,n.jsxs)(t.table,{children:[(0,n.jsx)(t.thead,{children:(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.th,{style:{textAlign:"left"},children:"\u30ec\u30a4\u30e4\u30fc"}),(0,n.jsx)(t.th,{style:{textAlign:"left"},children:(0,n.jsx)(t.code,{children:"ui"})}),(0,n.jsx)(t.th,{style:{textAlign:"left"},children:(0,n.jsx)(t.code,{children:"model"})}),(0,n.jsx)(t.th,{style:{textAlign:"left"},children:(0,n.jsx)(t.code,{children:"lib"})}),(0,n.jsx)(t.th,{style:{textAlign:"left"},children:(0,n.jsx)(t.code,{children:"api"})})]})}),(0,n.jsxs)(t.tbody,{children:[(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{style:{textAlign:"left"},children:"Shared\u5c64"}),(0,n.jsx)(t.td,{style:{textAlign:"left"},children:"UI\u30e9\u30a4\u30d6\u30e9\u30ea"}),(0,n.jsx)(t.td,{style:{textAlign:"left"},children:"\u901a\u5e38\u306f\u4f7f\u7528\u3055\u308c\u306a\u3044"}),(0,n.jsxs)(t.td,{style:{textAlign:"left"},children:["\u8907\u6570\u306e\u95a2\u9023\u30d5\u30a1\u30a4\u30eb\u304b\u3089\u306e\u30e6\u30fc\u30c6\u30a3\u30ea\u30c6\u30a3\u30e2\u30b8\u30e5\u30fc\u30eb\u3002",(0,n.jsx)("br",{}),"\u500b\u5225\u306e\u30d8\u30eb\u30d1\u30fc\u95a2\u6570\u304c\u5fc5\u8981\u306a\u5834\u5408\u306f\u3001",(0,n.jsx)(t.a,{href:"https://www.npmjs.com/package/lodash-es",children:(0,n.jsx)(t.code,{children:"lodash-es"})}),"\u306a\u3069\u306e\u30e6\u30fc\u30c6\u30a3\u30ea\u30c6\u30a3\u30e9\u30a4\u30d6\u30e9\u30ea\u3092\u691c\u8a0e\u3057\u3066\u304f\u3060\u3055\u3044\u3002"]}),(0,n.jsx)(t.td,{style:{textAlign:"left"},children:"\u8a8d\u8a3c\u3084\u30ad\u30e3\u30c3\u30b7\u30e5\u306a\u3069\u306e\u8ffd\u52a0\u6a5f\u80fd\u3092\u6301\u3064\u30b7\u30f3\u30d7\u30eb\u306a\u306aAPI\u30af\u30e9\u30a4\u30a2\u30f3\u30c8\u3002"})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{style:{textAlign:"left"},children:"Entities\u5c64"}),(0,n.jsx)(t.td,{style:{textAlign:"left"},children:"\u30a4\u30f3\u30bf\u30e9\u30af\u30c6\u30a3\u30d6\u8981\u7d20\u306e\u30b9\u30ed\u30c3\u30c8\u3092\u6301\u3064\u30d3\u30b8\u30cd\u30b9\u30a8\u30f3\u30c6\u30a3\u30c6\u30a3\u306e\u9aa8\u7d44\u307f"}),(0,n.jsxs)(t.td,{style:{textAlign:"left"},children:["\u30a8\u30f3\u30c6\u30a3\u30c6\u30a3\u306e\u30a4\u30f3\u30b9\u30bf\u30f3\u30b9\u306e\u30c7\u30fc\u30bf\u30b9\u30c8\u30ec\u30fc\u30b8\u3068\u3001\u305d\u308c\u3089\u306e\u30c7\u30fc\u30bf\u3092\u64cd\u4f5c\u3059\u308b\u305f\u3081\u306e\u95a2\u6570\u3002",(0,n.jsx)("br",{}),"\u30b5\u30fc\u30d0\u30fc\u304b\u3089\u306e\u30c7\u30fc\u30bf\u3092\u4fdd\u5b58\u3059\u308b\u306e\u306b\u6700\u9069\u3002",(0,n.jsx)(t.a,{href:"https://tanstack.com/query/latest",children:"TanStack Query"}),"\u3084\u4ed6\u306e\u6697\u9ed9\u7684\u306a\u30b9\u30c8\u30ec\u30fc\u30b8\u30e1\u30bd\u30c3\u30c9\u3092\u4f7f\u7528\u3059\u308b\u5834\u5408\u3001\u7701\u7565\u3067\u304d\u308b\u3002"]}),(0,n.jsx)(t.td,{style:{textAlign:"left"},children:"\u30c7\u30fc\u30bf\u30b9\u30c8\u30ec\u30fc\u30b8\u306b\u95a2\u9023\u3057\u306a\u3044\u30a8\u30f3\u30c6\u30a3\u30c6\u30a3\u306e\u30a4\u30f3\u30b9\u30bf\u30f3\u30b9\u3092\u64cd\u4f5c\u3059\u308b\u305f\u3081\u306e\u95a2\u6570"}),(0,n.jsx)(t.td,{style:{textAlign:"left"},children:"Shared\u5c64\u304b\u3089\u306eAPI\u30af\u30e9\u30a4\u30a2\u30f3\u30c8\u3092\u4f7f\u7528\u3057\u3066\u30d0\u30c3\u30af\u30a8\u30f3\u30c9\u3068\u306e\u901a\u4fe1\u3092\u7c21\u7d20\u5316\u3059\u308bAPI\u30e1\u30bd\u30c3\u30c9"})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{style:{textAlign:"left"},children:"Features\u5c64"}),(0,n.jsx)(t.td,{style:{textAlign:"left"},children:"\u30e6\u30fc\u30b6\u30fc\u304c\u6a5f\u80fd\u3092\u4f7f\u7528\u3067\u304d\u308b\u305f\u3081\u306e\u30a4\u30f3\u30bf\u30e9\u30af\u30c6\u30a3\u30d6\u8981\u7d20"}),(0,n.jsx)(t.td,{style:{textAlign:"left"},children:"\u5fc5\u8981\u306b\u5fdc\u3058\u3066\u30d3\u30b8\u30cd\u30b9\u30ed\u30b8\u30c3\u30af\u3068\u30a4\u30f3\u30d5\u30e9\u30b9\u30c8\u30e9\u30af\u30c1\u30e3\u30c7\u30fc\u30bf\u30b9\u30c8\u30ec\u30fc\u30b8\uff08\u4f8b\uff1a\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u306e\u73fe\u5728\u306e\u30c6\u30fc\u30de\uff09\u3002\u30e6\u30fc\u30b6\u30fc\u306b\u4fa1\u5024\u3092\u63d0\u4f9b\u3059\u308b\u30b3\u30fc\u30c9\u304c\u3053\u3053\u306b\u3042\u308b"}),(0,n.jsxs)(t.td,{style:{textAlign:"left"},children:[(0,n.jsx)(t.code,{children:"model"}),"\u30bb\u30b0\u30e1\u30f3\u30c8\u306e\u30d3\u30b8\u30cd\u30b9\u30ed\u30b8\u30c3\u30af\u3092\u7c21\u6f54\u306b\u8aac\u660e\u3059\u308b\u305f\u3081\u306e\u30a4\u30f3\u30d5\u30e9\u30b9\u30c8\u30e9\u30af\u30c1\u30e3\u30b3\u30fc\u30c9"]}),(0,n.jsxs)(t.td,{style:{textAlign:"left"},children:["\u30d0\u30c3\u30af\u30a8\u30f3\u30c9\u3067\u6a5f\u80fd\u3092\u8868\u3059API\u30e1\u30bd\u30c3\u30c9\u3002",(0,n.jsx)("br",{}),"Entities\u5c64\u304b\u3089\u306eAPI\u30e1\u30bd\u30c3\u30c9\u3092\u7d44\u307f\u5408\u308f\u305b\u308b\u3053\u3068\u304c\u3042\u308b\u3002"]})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{style:{textAlign:"left"},children:"Widgets\u5c64"}),(0,n.jsxs)(t.td,{style:{textAlign:"left"},children:["Entities\u5c64\u3068Features\u5c64\u3092\u81ea\u5df1\u5b8c\u7d50\u578b\u306eUI\u30d6\u30ed\u30c3\u30af\u306b\u69cb\u6210\u3059\u308b\u3002",(0,n.jsx)("br",{}),"\u30a8\u30e9\u30fc\u30d0\u30a6\u30f3\u30c0\u30ea\u3084\u30ed\u30fc\u30c7\u30a3\u30f3\u30b0\u72b6\u614b\u3092\u542b\u3080\u3053\u3068\u3082\u3067\u304d\u308b\u3002"]}),(0,n.jsx)(t.td,{style:{textAlign:"left"},children:"\u5fc5\u8981\u306b\u5fdc\u3058\u3066\u30a4\u30f3\u30d5\u30e9\u30b9\u30c8\u30e9\u30af\u30c1\u30e3\u30c7\u30fc\u30bf\u30b9\u30c8\u30ec\u30fc\u30b8\u3092\u542b\u3080\u3053\u3068\u304c\u3067\u304d\u308b"}),(0,n.jsx)(t.td,{style:{textAlign:"left"},children:"\u30da\u30fc\u30b8\u4e0a\u3067\u30a6\u30a3\u30b8\u30a7\u30c3\u30c8\u30d6\u30ed\u30c3\u30af\u304c\u6a5f\u80fd\u3059\u308b\u305f\u3081\u306b\u5fc5\u8981\u306a\u975e\u30d3\u30b8\u30cd\u30b9\u30a4\u30f3\u30bf\u30e9\u30af\u30b7\u30e7\u30f3\uff08\u4f8b\uff1a\u30b8\u30a7\u30b9\u30c1\u30e3\u30fc\uff09\u3084\u305d\u306e\u4ed6\u306e\u30b3\u30fc\u30c9"}),(0,n.jsxs)(t.td,{style:{textAlign:"left"},children:["\u901a\u5e38\u306f\u4f7f\u7528\u3055\u308c\u306a\u3044\u304c\u3001\u30cd\u30b9\u30c8\u3055\u308c\u305f\u30eb\u30fc\u30c6\u30a3\u30f3\u30b0\u306e\u6587\u8108\u3067\u30c7\u30fc\u30bf\u30ed\u30fc\u30c0\u30fc\u3092\u542b\u3080\u3053\u3068\u304c\u3042\u308b\uff08\u4f8b: ",(0,n.jsx)(t.a,{href:"https://remix.run",children:"Remix"}),"\uff09"]})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{style:{textAlign:"left"},children:"Pages\u5c64"}),(0,n.jsxs)(t.td,{style:{textAlign:"left"},children:["Entities\u5c64\u3001Features\u5c64\u3001Widgets\u5c64\u306e\u69cb\u6210\u3002",(0,n.jsx)("br",{}),"\u30a8\u30e9\u30fc\u30d0\u30a6\u30f3\u30c0\u30ea\u3084\u30ed\u30fc\u30c7\u30a3\u30f3\u30b0\u72b6\u614b\u3092\u542b\u3080\u3053\u3068\u3082\u3067\u304d\u308b\u3002"]}),(0,n.jsx)(t.td,{style:{textAlign:"left"},children:"\u901a\u5e38\u306f\u4f7f\u7528\u3055\u308c\u306a\u3044"}),(0,n.jsx)(t.td,{style:{textAlign:"left"},children:"UX\u3092\u63d0\u4f9b\u3059\u308b\u305f\u3081\u306b\u5fc5\u8981\u306a\u975e\u30d3\u30b8\u30cd\u30b9\u30a4\u30f3\u30bf\u30e9\u30af\u30b7\u30e7\u30f3\uff08\u4f8b\uff1a\u30b8\u30a7\u30b9\u30c1\u30e3\u30fc\uff09\u3084\u305d\u306e\u4ed6\u306e\u30b3\u30fc\u30c9"}),(0,n.jsx)(t.td,{style:{textAlign:"left"},children:"SSR\uff08\u30b5\u30fc\u30d0\u30fc\u30b5\u30a4\u30c9\u30ec\u30f3\u30c0\u30ea\u30f3\u30b0\uff09\u6307\u5411\u306e\u30d5\u30ec\u30fc\u30e0\u30ef\u30fc\u30af\u7528\u306e\u30c7\u30fc\u30bf\u30ed\u30fc\u30c0\u30fc"})]})]})]})]})}function o(e={}){const{wrapper:t}={...(0,l.R)(),...e.components};return t?(0,n.jsx)(t,{...e,children:(0,n.jsx)(x,{...e})}):x(e)}},628:(e,t,s)=>{s.d(t,{A:()=>n});const n=s.p+"assets/images/graphic-nested-slices-b9c44e6cc55ecdbf3e50bf40a61e5a27.svg"},1100:(e,t,s)=>{s.d(t,{R:()=>r,x:()=>d});var n=s(758);const l={},i=n.createContext(l);function r(e){const t=n.useContext(i);return n.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function d(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(l):e.components||l:r(e.components),n.createElement(i.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
diff --git a/ja/assets/js/main.cdd867c6.js b/ja/assets/js/main.29fd47b7.js
similarity index 98%
rename from ja/assets/js/main.cdd867c6.js
rename to ja/assets/js/main.29fd47b7.js
index f9dba4dea1..97bfb85106 100644
--- a/ja/assets/js/main.cdd867c6.js
+++ b/ja/assets/js/main.29fd47b7.js
@@ -1,2 +1,2 @@
-/*! For license information please see main.cdd867c6.js.LICENSE.txt */
-(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[8792],{7781:(e,t,n)=>{"use strict";n.d(t,{Bc:()=>g,E8:()=>$n,a1:()=>qn});var r=n(758);n(8143);function o(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function a(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?o(Object(n),!0).forEach((function(t){i(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):o(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function i(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function s(){return s=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},s.apply(this,arguments)}function l(e,t){if(null==e)return{};var n,r,o=function(e,t){if(null==e)return{};var n,r,o={},a=Object.keys(e);for(r=0;r<a.length;r++)n=a[r],t.indexOf(n)>=0||(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(r=0;r<a.length;r++)n=a[r],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}function c(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,a=[],i=!0,s=!1;try{for(n=n.call(e);!(i=(r=n.next()).done)&&(a.push(r.value),!t||a.length!==t);i=!0);}catch(e){s=!0,o=e}finally{try{i||null==n.return||n.return()}finally{if(s)throw o}}return a}}(e,t)||d(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function u(e){return function(e){if(Array.isArray(e))return p(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||d(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function d(e,t){if(e){if("string"==typeof e)return p(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?p(e,t):void 0}}function p(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function f(){return r.createElement("svg",{width:"15",height:"15",className:"DocSearch-Control-Key-Icon"},r.createElement("path",{d:"M4.505 4.496h2M5.505 5.496v5M8.216 4.496l.055 5.993M10 7.5c.333.333.5.667.5 1v2M12.326 4.5v5.996M8.384 4.496c1.674 0 2.116 0 2.116 1.5s-.442 1.5-2.116 1.5M3.205 9.303c-.09.448-.277 1.21-1.241 1.203C1 10.5.5 9.513.5 8V7c0-1.57.5-2.5 1.464-2.494.964.006 1.134.598 1.24 1.342M12.553 10.5h1.953",strokeWidth:"1.2",stroke:"currentColor",fill:"none",strokeLinecap:"square"}))}function m(){return r.createElement("svg",{width:"20",height:"20",className:"DocSearch-Search-Icon",viewBox:"0 0 20 20","aria-hidden":"true"},r.createElement("path",{d:"M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z",stroke:"currentColor",fill:"none",fillRule:"evenodd",strokeLinecap:"round",strokeLinejoin:"round"}))}var h=["translations"],g=r.forwardRef((function(e,t){var n=e.translations,o=void 0===n?{}:n,a=l(e,h),i=o.buttonText,u=void 0===i?"Search":i,d=o.buttonAriaLabel,p=void 0===d?"Search":d,g=c((0,r.useState)(null),2),y=g[0],v=g[1];return(0,r.useEffect)((function(){"undefined"!=typeof navigator&&(/(Mac|iPhone|iPod|iPad)/i.test(navigator.platform)?v("\u2318"):v("Ctrl"))}),[]),r.createElement("button",s({type:"button",className:"DocSearch DocSearch-Button","aria-label":p},a,{ref:t}),r.createElement("span",{className:"DocSearch-Button-Container"},r.createElement(m,null),r.createElement("span",{className:"DocSearch-Button-Placeholder"},u)),r.createElement("span",{className:"DocSearch-Button-Keys"},null!==y&&r.createElement(r.Fragment,null,r.createElement(b,{reactsToKey:"Ctrl"===y?"Ctrl":"Meta"},"Ctrl"===y?r.createElement(f,null):y),r.createElement(b,{reactsToKey:"k"},"K"))))}));function b(e){var t=e.reactsToKey,n=e.children,o=c((0,r.useState)(!1),2),a=o[0],i=o[1];return(0,r.useEffect)((function(){if(t)return window.addEventListener("keydown",e),window.addEventListener("keyup",n),function(){window.removeEventListener("keydown",e),window.removeEventListener("keyup",n)};function e(e){e.key===t&&i(!0)}function n(e){e.key!==t&&"Meta"!==e.key||i(!1)}}),[t]),r.createElement("kbd",{className:a?"DocSearch-Button-Key DocSearch-Button-Key--pressed":"DocSearch-Button-Key"},n)}function y(e,t){var n=void 0;return function(){for(var r=arguments.length,o=new Array(r),a=0;a<r;a++)o[a]=arguments[a];n&&clearTimeout(n),n=setTimeout((function(){return e.apply(void 0,o)}),t)}}function v(e){return e.reduce((function(e,t){return e.concat(t)}),[])}var w=0;function S(e){return 0===e.collections.length?0:e.collections.reduce((function(e,t){return e+t.items.length}),0)}function x(e){return e!==Object(e)}function k(e,t){if(e===t)return!0;if(x(e)||x(t)||"function"==typeof e||"function"==typeof t)return e===t;if(Object.keys(e).length!==Object.keys(t).length)return!1;for(var n=0,r=Object.keys(e);n<r.length;n++){var o=r[n];if(!(o in t))return!1;if(!k(e[o],t[o]))return!1}return!0}var j=function(){},E=[{segment:"autocomplete-core",version:"1.9.3"}];function _(e){var t=e.item,n=e.items;return{index:t.__autocomplete_indexName,items:[t],positions:[1+n.findIndex((function(e){return e.objectID===t.objectID}))],queryID:t.__autocomplete_queryID,algoliaSource:["autocomplete"]}}function C(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}var A=["items"],O=["items"];function T(e){return T="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},T(e)}function P(e){return function(e){if(Array.isArray(e))return L(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||function(e,t){if(e){if("string"==typeof e)return L(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?L(e,t):void 0}}(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function L(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function I(e,t){if(null==e)return{};var n,r,o=function(e,t){if(null==e)return{};var n,r,o={},a=Object.keys(e);for(r=0;r<a.length;r++)n=a[r],t.indexOf(n)>=0||(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(r=0;r<a.length;r++)n=a[r],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}function R(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function N(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?R(Object(n),!0).forEach((function(t){D(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):R(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function D(e,t,n){return(t=function(e){var t=function(e){if("object"!==T(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var n=t.call(e,"string");if("object"!==T(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"===T(t)?t:String(t)}(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function M(e){return e.map((function(e){var t=e.items,n=I(e,A);return N(N({},n),{},{objectIDs:(null==t?void 0:t.map((function(e){return e.objectID})))||n.objectIDs})}))}function F(e){var t,n,r,o=(t=function(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,a,i,s=[],l=!0,c=!1;try{if(a=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;l=!1}else for(;!(l=(r=a.call(n)).done)&&(s.push(r.value),s.length!==t);l=!0);}catch(e){c=!0,o=e}finally{try{if(!l&&null!=n.return&&(i=n.return(),Object(i)!==i))return}finally{if(c)throw o}}return s}}(e,t)||function(e,t){if(e){if("string"==typeof e)return C(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?C(e,t):void 0}}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}((e.version||"").split(".").map(Number),2),n=t[0],r=t[1],n>=3||2===n&&r>=4||1===n&&r>=10);function a(t,n,r){if(o&&void 0!==r){var a=r[0].__autocomplete_algoliaCredentials,i={"X-Algolia-Application-Id":a.appId,"X-Algolia-API-Key":a.apiKey};e.apply(void 0,[t].concat(P(n),[{headers:i}]))}else e.apply(void 0,[t].concat(P(n)))}return{init:function(t,n){e("init",{appId:t,apiKey:n})},setUserToken:function(t){e("setUserToken",t)},clickedObjectIDsAfterSearch:function(){for(var e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];t.length>0&&a("clickedObjectIDsAfterSearch",M(t),t[0].items)},clickedObjectIDs:function(){for(var e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];t.length>0&&a("clickedObjectIDs",M(t),t[0].items)},clickedFilters:function(){for(var t=arguments.length,n=new Array(t),r=0;r<t;r++)n[r]=arguments[r];n.length>0&&e.apply(void 0,["clickedFilters"].concat(n))},convertedObjectIDsAfterSearch:function(){for(var e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];t.length>0&&a("convertedObjectIDsAfterSearch",M(t),t[0].items)},convertedObjectIDs:function(){for(var e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];t.length>0&&a("convertedObjectIDs",M(t),t[0].items)},convertedFilters:function(){for(var t=arguments.length,n=new Array(t),r=0;r<t;r++)n[r]=arguments[r];n.length>0&&e.apply(void 0,["convertedFilters"].concat(n))},viewedObjectIDs:function(){for(var e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];t.length>0&&t.reduce((function(e,t){var n=t.items,r=I(t,O);return[].concat(P(e),P(function(e){for(var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:20,n=[],r=0;r<e.objectIDs.length;r+=t)n.push(N(N({},e),{},{objectIDs:e.objectIDs.slice(r,r+t)}));return n}(N(N({},r),{},{objectIDs:(null==n?void 0:n.map((function(e){return e.objectID})))||r.objectIDs})).map((function(e){return{items:n,payload:e}}))))}),[]).forEach((function(e){var t=e.items;return a("viewedObjectIDs",[e.payload],t)}))},viewedFilters:function(){for(var t=arguments.length,n=new Array(t),r=0;r<t;r++)n[r]=arguments[r];n.length>0&&e.apply(void 0,["viewedFilters"].concat(n))}}}function z(e){var t=e.items.reduce((function(e,t){var n;return e[t.__autocomplete_indexName]=(null!==(n=e[t.__autocomplete_indexName])&&void 0!==n?n:[]).concat(t),e}),{});return Object.keys(t).map((function(e){return{index:e,items:t[e],algoliaSource:["autocomplete"]}}))}function B(e){return e.objectID&&e.__autocomplete_indexName&&e.__autocomplete_queryID}function U(e){return U="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},U(e)}function q(e){return function(e){if(Array.isArray(e))return $(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||function(e,t){if(e){if("string"==typeof e)return $(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?$(e,t):void 0}}(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function $(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function H(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function V(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?H(Object(n),!0).forEach((function(t){G(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):H(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function G(e,t,n){return(t=function(e){var t=function(e){if("object"!==U(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var n=t.call(e,"string");if("object"!==U(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"===U(t)?t:String(t)}(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var W="https://cdn.jsdelivr.net/npm/search-insights@".concat("2.6.0","/dist/search-insights.min.js"),K=y((function(e){var t=e.onItemsChange,n=e.items,r=e.insights,o=e.state;t({insights:r,insightsEvents:z({items:n}).map((function(e){return V({eventName:"Items Viewed"},e)})),state:o})}),400);function Q(e){var t=function(e){return V({onItemsChange:function(e){var t=e.insights,n=e.insightsEvents;t.viewedObjectIDs.apply(t,q(n.map((function(e){return V(V({},e),{},{algoliaSource:[].concat(q(e.algoliaSource||[]),["autocomplete-internal"])})}))))},onSelect:function(e){var t=e.insights,n=e.insightsEvents;t.clickedObjectIDsAfterSearch.apply(t,q(n.map((function(e){return V(V({},e),{},{algoliaSource:[].concat(q(e.algoliaSource||[]),["autocomplete-internal"])})}))))},onActive:j},e)}(e),n=t.insightsClient,r=t.onItemsChange,o=t.onSelect,a=t.onActive,i=n;n||"undefined"!=typeof window&&function(e){var t=e.window,n=t.AlgoliaAnalyticsObject||"aa";"string"==typeof n&&(i=t[n]),i||(t.AlgoliaAnalyticsObject=n,t[n]||(t[n]=function(){t[n].queue||(t[n].queue=[]);for(var e=arguments.length,r=new Array(e),o=0;o<e;o++)r[o]=arguments[o];t[n].queue.push(r)}),t[n].version="2.6.0",i=t[n],function(e){var t="[Autocomplete]: Could not load search-insights.js. Please load it manually following https://alg.li/insights-autocomplete";try{var n=e.document.createElement("script");n.async=!0,n.src=W,n.onerror=function(){console.error(t)},document.body.appendChild(n)}catch(e){console.error(t)}}(t))}({window:window});var s=F(i),l={current:[]},c=y((function(e){var t=e.state;if(t.isOpen){var n=t.collections.reduce((function(e,t){return[].concat(q(e),q(t.items))}),[]).filter(B);k(l.current.map((function(e){return e.objectID})),n.map((function(e){return e.objectID})))||(l.current=n,n.length>0&&K({onItemsChange:r,items:n,insights:s,state:t}))}}),0);return{name:"aa.algoliaInsightsPlugin",subscribe:function(e){var t=e.setContext,n=e.onSelect,r=e.onActive;i("addAlgoliaAgent","insights-plugin"),t({algoliaInsightsPlugin:{__algoliaSearchParameters:{clickAnalytics:!0},insights:s}}),n((function(e){var t=e.item,n=e.state,r=e.event;B(t)&&o({state:n,event:r,insights:s,item:t,insightsEvents:[V({eventName:"Item Selected"},_({item:t,items:l.current}))]})})),r((function(e){var t=e.item,n=e.state,r=e.event;B(t)&&a({state:n,event:r,insights:s,item:t,insightsEvents:[V({eventName:"Item Active"},_({item:t,items:l.current}))]})}))},onStateChange:function(e){var t=e.state;c({state:t})},__autocomplete_pluginOptions:e}}function Y(e,t){var n=t;return{then:function(t,r){return Y(e.then(J(t,n,e),J(r,n,e)),n)},catch:function(t){return Y(e.catch(J(t,n,e)),n)},finally:function(t){return t&&n.onCancelList.push(t),Y(e.finally(J(t&&function(){return n.onCancelList=[],t()},n,e)),n)},cancel:function(){n.isCanceled=!0;var e=n.onCancelList;n.onCancelList=[],e.forEach((function(e){e()}))},isCanceled:function(){return!0===n.isCanceled}}}function Z(e){return Y(e,{isCanceled:!1,onCancelList:[]})}function J(e,t,n){return e?function(n){return t.isCanceled?n:e(n)}:n}function X(e,t,n,r){if(!n)return null;if(e<0&&(null===t||null!==r&&0===t))return n+e;var o=(null===t?-1:t)+e;return o<=-1||o>=n?null===r?null:0:o}function ee(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function te(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?ee(Object(n),!0).forEach((function(t){ne(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):ee(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function ne(e,t,n){return(t=function(e){var t=function(e){if("object"!==re(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var n=t.call(e,"string");if("object"!==re(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"===re(t)?t:String(t)}(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function re(e){return re="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},re(e)}function oe(e){var t=function(e){var t=e.collections.map((function(e){return e.items.length})).reduce((function(e,t,n){var r=(e[n-1]||0)+t;return e.push(r),e}),[]).reduce((function(t,n){return n<=e.activeItemId?t+1:t}),0);return e.collections[t]}(e);if(!t)return null;var n=t.items[function(e){for(var t=e.state,n=e.collection,r=!1,o=0,a=0;!1===r;){var i=t.collections[o];if(i===n){r=!0;break}a+=i.items.length,o++}return t.activeItemId-a}({state:e,collection:t})],r=t.source;return{item:n,itemInputValue:r.getItemInputValue({item:n,state:e}),itemUrl:r.getItemUrl({item:n,state:e}),source:r}}var ae=/((gt|sm)-|galaxy nexus)|samsung[- ]|samsungbrowser/i;function ie(e){return ie="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},ie(e)}function se(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function le(e,t,n){return(t=function(e){var t=function(e){if("object"!==ie(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var n=t.call(e,"string");if("object"!==ie(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"===ie(t)?t:String(t)}(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function ce(e){return ce="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},ce(e)}function ue(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function de(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?ue(Object(n),!0).forEach((function(t){pe(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):ue(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function pe(e,t,n){return(t=function(e){var t=function(e){if("object"!==ce(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var n=t.call(e,"string");if("object"!==ce(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"===ce(t)?t:String(t)}(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function fe(e){return fe="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},fe(e)}function me(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function he(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function ge(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?he(Object(n),!0).forEach((function(t){be(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):he(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function be(e,t,n){return(t=function(e){var t=function(e){if("object"!==fe(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var n=t.call(e,"string");if("object"!==fe(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"===fe(t)?t:String(t)}(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function ye(e,t){var n,r="undefined"!=typeof window?window:{},o=e.plugins||[];return ge(ge({debug:!1,openOnFocus:!1,placeholder:"",autoFocus:!1,defaultActiveItemId:null,stallThreshold:300,insights:!1,environment:r,shouldPanelOpen:function(e){return S(e.state)>0},reshape:function(e){return e.sources}},e),{},{id:null!==(n=e.id)&&void 0!==n?n:"autocomplete-".concat(w++),plugins:o,initialState:ge({activeItemId:null,query:"",completion:null,collections:[],isOpen:!1,status:"idle",context:{}},e.initialState),onStateChange:function(t){var n;null===(n=e.onStateChange)||void 0===n||n.call(e,t),o.forEach((function(e){var n;return null===(n=e.onStateChange)||void 0===n?void 0:n.call(e,t)}))},onSubmit:function(t){var n;null===(n=e.onSubmit)||void 0===n||n.call(e,t),o.forEach((function(e){var n;return null===(n=e.onSubmit)||void 0===n?void 0:n.call(e,t)}))},onReset:function(t){var n;null===(n=e.onReset)||void 0===n||n.call(e,t),o.forEach((function(e){var n;return null===(n=e.onReset)||void 0===n?void 0:n.call(e,t)}))},getSources:function(n){return Promise.all([].concat(function(e){return function(e){if(Array.isArray(e))return me(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||function(e,t){if(e){if("string"==typeof e)return me(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?me(e,t):void 0}}(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}(o.map((function(e){return e.getSources}))),[e.getSources]).filter(Boolean).map((function(e){return function(e,t){var n=[];return Promise.resolve(e(t)).then((function(e){return Promise.all(e.filter((function(e){return Boolean(e)})).map((function(e){if(e.sourceId,n.includes(e.sourceId))throw new Error("[Autocomplete] The `sourceId` ".concat(JSON.stringify(e.sourceId)," is not unique."));n.push(e.sourceId);var t={getItemInputValue:function(e){return e.state.query},getItemUrl:function(){},onSelect:function(e){(0,e.setIsOpen)(!1)},onActive:j,onResolve:j};Object.keys(t).forEach((function(e){t[e].__default=!0}));var r=te(te({},t),e);return Promise.resolve(r)})))}))}(e,n)}))).then((function(e){return v(e)})).then((function(e){return e.map((function(e){return ge(ge({},e),{},{onSelect:function(n){e.onSelect(n),t.forEach((function(e){var t;return null===(t=e.onSelect)||void 0===t?void 0:t.call(e,n)}))},onActive:function(n){e.onActive(n),t.forEach((function(e){var t;return null===(t=e.onActive)||void 0===t?void 0:t.call(e,n)}))},onResolve:function(n){e.onResolve(n),t.forEach((function(e){var t;return null===(t=e.onResolve)||void 0===t?void 0:t.call(e,n)}))}})}))}))},navigator:ge({navigate:function(e){var t=e.itemUrl;r.location.assign(t)},navigateNewTab:function(e){var t=e.itemUrl,n=r.open(t,"_blank","noopener");null==n||n.focus()},navigateNewWindow:function(e){var t=e.itemUrl;r.open(t,"_blank","noopener")}},e.navigator)})}function ve(e){return ve="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},ve(e)}function we(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function Se(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?we(Object(n),!0).forEach((function(t){xe(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):we(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function xe(e,t,n){return(t=function(e){var t=function(e){if("object"!==ve(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var n=t.call(e,"string");if("object"!==ve(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"===ve(t)?t:String(t)}(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function ke(e){return ke="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},ke(e)}function je(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function Ee(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?je(Object(n),!0).forEach((function(t){_e(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):je(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function _e(e,t,n){return(t=function(e){var t=function(e){if("object"!==ke(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var n=t.call(e,"string");if("object"!==ke(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"===ke(t)?t:String(t)}(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function Ce(e){return function(e){if(Array.isArray(e))return Ae(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||function(e,t){if(e){if("string"==typeof e)return Ae(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?Ae(e,t):void 0}}(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function Ae(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function Oe(e){return Boolean(e.execute)}function Te(e){var t=e.reduce((function(e,t){if(!Oe(t))return e.push(t),e;var n=t.searchClient,r=t.execute,o=t.requesterId,a=t.requests,i=e.find((function(e){return Oe(t)&&Oe(e)&&e.searchClient===n&&Boolean(o)&&e.requesterId===o}));if(i){var s;(s=i.items).push.apply(s,Ce(a))}else{var l={execute:r,requesterId:o,items:a,searchClient:n};e.push(l)}return e}),[]).map((function(e){if(!Oe(e))return Promise.resolve(e);var t=e,n=t.execute,r=t.items;return n({searchClient:t.searchClient,requests:r})}));return Promise.all(t).then((function(e){return v(e)}))}function Pe(e){return Pe="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},Pe(e)}var Le=["event","nextState","props","query","refresh","store"];function Ie(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function Re(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?Ie(Object(n),!0).forEach((function(t){Ne(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Ie(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function Ne(e,t,n){return(t=function(e){var t=function(e){if("object"!==Pe(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var n=t.call(e,"string");if("object"!==Pe(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"===Pe(t)?t:String(t)}(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var De,Me,Fe,ze=null,Be=(De=-1,Me=-1,Fe=void 0,function(e){var t=++De;return Promise.resolve(e).then((function(e){return Fe&&t<Me?Fe:(Me=t,Fe=e,e)}))});function Ue(e){var t=e.event,n=e.nextState,r=void 0===n?{}:n,o=e.props,a=e.query,i=e.refresh,s=e.store,l=function(e,t){if(null==e)return{};var n,r,o=function(e,t){if(null==e)return{};var n,r,o={},a=Object.keys(e);for(r=0;r<a.length;r++)n=a[r],t.indexOf(n)>=0||(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(r=0;r<a.length;r++)n=a[r],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}(e,Le);ze&&o.environment.clearTimeout(ze);var c=l.setCollections,u=l.setIsOpen,d=l.setQuery,p=l.setActiveItemId,f=l.setStatus;if(d(a),p(o.defaultActiveItemId),!a&&!1===o.openOnFocus){var m,h=s.getState().collections.map((function(e){return Re(Re({},e),{},{items:[]})}));f("idle"),c(h),u(null!==(m=r.isOpen)&&void 0!==m?m:o.shouldPanelOpen({state:s.getState()}));var g=Z(Be(h).then((function(){return Promise.resolve()})));return s.pendingRequests.add(g)}f("loading"),ze=o.environment.setTimeout((function(){f("stalled")}),o.stallThreshold);var b=Z(Be(o.getSources(Re({query:a,refresh:i,state:s.getState()},l)).then((function(e){return Promise.all(e.map((function(e){return Promise.resolve(e.getItems(Re({query:a,refresh:i,state:s.getState()},l))).then((function(t){return function(e,t,n){if(o=e,Boolean(null==o?void 0:o.execute)){var r="algolia"===e.requesterId?Object.assign.apply(Object,[{}].concat(Ce(Object.keys(n.context).map((function(e){var t;return null===(t=n.context[e])||void 0===t?void 0:t.__algoliaSearchParameters}))))):{};return Ee(Ee({},e),{},{requests:e.queries.map((function(n){return{query:"algolia"===e.requesterId?Ee(Ee({},n),{},{params:Ee(Ee({},r),n.params)}):n,sourceId:t,transformResponse:e.transformResponse}}))})}var o;return{items:e,sourceId:t}}(t,e.sourceId,s.getState())}))}))).then(Te).then((function(t){return function(e,t,n){return t.map((function(t){var r,o=e.filter((function(e){return e.sourceId===t.sourceId})),a=o.map((function(e){return e.items})),i=o[0].transformResponse,s=i?i({results:r=a,hits:r.map((function(e){return e.hits})).filter(Boolean),facetHits:r.map((function(e){var t;return null===(t=e.facetHits)||void 0===t?void 0:t.map((function(e){return{label:e.value,count:e.count,_highlightResult:{label:{value:e.highlighted}}}}))})).filter(Boolean)}):a;return t.onResolve({source:t,results:a,items:s,state:n.getState()}),s.every(Boolean),'The `getItems` function from source "'.concat(t.sourceId,'" must return an array of items but returned ').concat(JSON.stringify(void 0),".\n\nDid you forget to return items?\n\nSee: https://www.algolia.com/doc/ui-libraries/autocomplete/core-concepts/sources/#param-getitems"),{source:t,items:s}}))}(t,e,s)})).then((function(e){return function(e){var t=e.props,n=e.state,r=e.collections.reduce((function(e,t){return Se(Se({},e),{},xe({},t.source.sourceId,Se(Se({},t.source),{},{getItems:function(){return v(t.items)}})))}),{}),o=t.plugins.reduce((function(e,t){return t.reshape?t.reshape(e):e}),{sourcesBySourceId:r,state:n}).sourcesBySourceId;return v(t.reshape({sourcesBySourceId:o,sources:Object.values(o),state:n})).filter(Boolean).map((function(e){return{source:e,items:e.getItems()}}))}({collections:e,props:o,state:s.getState()})}))})))).then((function(e){var n;f("idle"),c(e);var d=o.shouldPanelOpen({state:s.getState()});u(null!==(n=r.isOpen)&&void 0!==n?n:o.openOnFocus&&!a&&d||d);var p=oe(s.getState());if(null!==s.getState().activeItemId&&p){var m=p.item,h=p.itemInputValue,g=p.itemUrl,b=p.source;b.onActive(Re({event:t,item:m,itemInputValue:h,itemUrl:g,refresh:i,source:b,state:s.getState()},l))}})).finally((function(){f("idle"),ze&&o.environment.clearTimeout(ze)}));return s.pendingRequests.add(b)}function qe(e){return qe="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},qe(e)}var $e=["event","props","refresh","store"];function He(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function Ve(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?He(Object(n),!0).forEach((function(t){Ge(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):He(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function Ge(e,t,n){return(t=function(e){var t=function(e){if("object"!==qe(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var n=t.call(e,"string");if("object"!==qe(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"===qe(t)?t:String(t)}(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function We(e){return We="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},We(e)}var Ke=["props","refresh","store"],Qe=["inputElement","formElement","panelElement"],Ye=["inputElement"],Ze=["inputElement","maxLength"],Je=["sourceIndex"],Xe=["sourceIndex"],et=["item","source","sourceIndex"];function tt(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function nt(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?tt(Object(n),!0).forEach((function(t){rt(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):tt(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function rt(e,t,n){return(t=function(e){var t=function(e){if("object"!==We(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var n=t.call(e,"string");if("object"!==We(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"===We(t)?t:String(t)}(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function ot(e,t){if(null==e)return{};var n,r,o=function(e,t){if(null==e)return{};var n,r,o={},a=Object.keys(e);for(r=0;r<a.length;r++)n=a[r],t.indexOf(n)>=0||(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(r=0;r<a.length;r++)n=a[r],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}function at(e){var t=e.props,n=e.refresh,r=e.store,o=ot(e,Ke),a=function(e,t){return void 0!==t?"".concat(e,"-").concat(t):e};return{getEnvironmentProps:function(e){var n=e.inputElement,o=e.formElement,a=e.panelElement;function i(e){!r.getState().isOpen&&r.pendingRequests.isEmpty()||e.target===n||!1===[o,a].some((function(t){return(n=t)===(r=e.target)||n.contains(r);var n,r}))&&(r.dispatch("blur",null),t.debug||r.pendingRequests.cancelAll())}return nt({onTouchStart:i,onMouseDown:i,onTouchMove:function(e){!1!==r.getState().isOpen&&n===t.environment.document.activeElement&&e.target!==n&&n.blur()}},ot(e,Qe))},getRootProps:function(e){return nt({role:"combobox","aria-expanded":r.getState().isOpen,"aria-haspopup":"listbox","aria-owns":r.getState().isOpen?"".concat(t.id,"-list"):void 0,"aria-labelledby":"".concat(t.id,"-label")},e)},getFormProps:function(e){return e.inputElement,nt({action:"",noValidate:!0,role:"search",onSubmit:function(a){var i;a.preventDefault(),t.onSubmit(nt({event:a,refresh:n,state:r.getState()},o)),r.dispatch("submit",null),null===(i=e.inputElement)||void 0===i||i.blur()},onReset:function(a){var i;a.preventDefault(),t.onReset(nt({event:a,refresh:n,state:r.getState()},o)),r.dispatch("reset",null),null===(i=e.inputElement)||void 0===i||i.focus()}},ot(e,Ye))},getLabelProps:function(e){var n=e||{},r=n.sourceIndex,o=ot(n,Je);return nt({htmlFor:"".concat(a(t.id,r),"-input"),id:"".concat(a(t.id,r),"-label")},o)},getInputProps:function(e){var a;function i(e){(t.openOnFocus||Boolean(r.getState().query))&&Ue(nt({event:e,props:t,query:r.getState().completion||r.getState().query,refresh:n,store:r},o)),r.dispatch("focus",null)}var s=e||{},l=(s.inputElement,s.maxLength),c=void 0===l?512:l,u=ot(s,Ze),d=oe(r.getState()),p=function(e){return Boolean(e&&e.match(ae))}((null===(a=t.environment.navigator)||void 0===a?void 0:a.userAgent)||""),f=null!=d&&d.itemUrl&&!p?"go":"search";return nt({"aria-autocomplete":"both","aria-activedescendant":r.getState().isOpen&&null!==r.getState().activeItemId?"".concat(t.id,"-item-").concat(r.getState().activeItemId):void 0,"aria-controls":r.getState().isOpen?"".concat(t.id,"-list"):void 0,"aria-labelledby":"".concat(t.id,"-label"),value:r.getState().completion||r.getState().query,id:"".concat(t.id,"-input"),autoComplete:"off",autoCorrect:"off",autoCapitalize:"off",enterKeyHint:f,spellCheck:"false",autoFocus:t.autoFocus,placeholder:t.placeholder,maxLength:c,type:"search",onChange:function(e){Ue(nt({event:e,props:t,query:e.currentTarget.value.slice(0,c),refresh:n,store:r},o))},onKeyDown:function(e){!function(e){var t=e.event,n=e.props,r=e.refresh,o=e.store,a=function(e,t){if(null==e)return{};var n,r,o=function(e,t){if(null==e)return{};var n,r,o={},a=Object.keys(e);for(r=0;r<a.length;r++)n=a[r],t.indexOf(n)>=0||(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(r=0;r<a.length;r++)n=a[r],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}(e,$e);if("ArrowUp"===t.key||"ArrowDown"===t.key){var i=function(){var e=n.environment.document.getElementById("".concat(n.id,"-item-").concat(o.getState().activeItemId));e&&(e.scrollIntoViewIfNeeded?e.scrollIntoViewIfNeeded(!1):e.scrollIntoView(!1))},s=function(){var e=oe(o.getState());if(null!==o.getState().activeItemId&&e){var n=e.item,i=e.itemInputValue,s=e.itemUrl,l=e.source;l.onActive(Ve({event:t,item:n,itemInputValue:i,itemUrl:s,refresh:r,source:l,state:o.getState()},a))}};t.preventDefault(),!1===o.getState().isOpen&&(n.openOnFocus||Boolean(o.getState().query))?Ue(Ve({event:t,props:n,query:o.getState().query,refresh:r,store:o},a)).then((function(){o.dispatch(t.key,{nextActiveItemId:n.defaultActiveItemId}),s(),setTimeout(i,0)})):(o.dispatch(t.key,{}),s(),i())}else if("Escape"===t.key)t.preventDefault(),o.dispatch(t.key,null),o.pendingRequests.cancelAll();else if("Tab"===t.key)o.dispatch("blur",null),o.pendingRequests.cancelAll();else if("Enter"===t.key){if(null===o.getState().activeItemId||o.getState().collections.every((function(e){return 0===e.items.length})))return void(n.debug||o.pendingRequests.cancelAll());t.preventDefault();var l=oe(o.getState()),c=l.item,u=l.itemInputValue,d=l.itemUrl,p=l.source;if(t.metaKey||t.ctrlKey)void 0!==d&&(p.onSelect(Ve({event:t,item:c,itemInputValue:u,itemUrl:d,refresh:r,source:p,state:o.getState()},a)),n.navigator.navigateNewTab({itemUrl:d,item:c,state:o.getState()}));else if(t.shiftKey)void 0!==d&&(p.onSelect(Ve({event:t,item:c,itemInputValue:u,itemUrl:d,refresh:r,source:p,state:o.getState()},a)),n.navigator.navigateNewWindow({itemUrl:d,item:c,state:o.getState()}));else if(t.altKey);else{if(void 0!==d)return p.onSelect(Ve({event:t,item:c,itemInputValue:u,itemUrl:d,refresh:r,source:p,state:o.getState()},a)),void n.navigator.navigate({itemUrl:d,item:c,state:o.getState()});Ue(Ve({event:t,nextState:{isOpen:!1},props:n,query:u,refresh:r,store:o},a)).then((function(){p.onSelect(Ve({event:t,item:c,itemInputValue:u,itemUrl:d,refresh:r,source:p,state:o.getState()},a))}))}}}(nt({event:e,props:t,refresh:n,store:r},o))},onFocus:i,onBlur:j,onClick:function(n){e.inputElement!==t.environment.document.activeElement||r.getState().isOpen||i(n)}},u)},getPanelProps:function(e){return nt({onMouseDown:function(e){e.preventDefault()},onMouseLeave:function(){r.dispatch("mouseleave",null)}},e)},getListProps:function(e){var n=e||{},r=n.sourceIndex,o=ot(n,Xe);return nt({role:"listbox","aria-labelledby":"".concat(a(t.id,r),"-label"),id:"".concat(a(t.id,r),"-list")},o)},getItemProps:function(e){var i=e.item,s=e.source,l=e.sourceIndex,c=ot(e,et);return nt({id:"".concat(a(t.id,l),"-item-").concat(i.__autocomplete_id),role:"option","aria-selected":r.getState().activeItemId===i.__autocomplete_id,onMouseMove:function(e){if(i.__autocomplete_id!==r.getState().activeItemId){r.dispatch("mousemove",i.__autocomplete_id);var t=oe(r.getState());if(null!==r.getState().activeItemId&&t){var a=t.item,s=t.itemInputValue,l=t.itemUrl,c=t.source;c.onActive(nt({event:e,item:a,itemInputValue:s,itemUrl:l,refresh:n,source:c,state:r.getState()},o))}}},onMouseDown:function(e){e.preventDefault()},onClick:function(e){var a=s.getItemInputValue({item:i,state:r.getState()}),l=s.getItemUrl({item:i,state:r.getState()});(l?Promise.resolve():Ue(nt({event:e,nextState:{isOpen:!1},props:t,query:a,refresh:n,store:r},o))).then((function(){s.onSelect(nt({event:e,item:i,itemInputValue:a,itemUrl:l,refresh:n,source:s,state:r.getState()},o))}))}},c)}}}function it(e){return it="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},it(e)}function st(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function lt(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?st(Object(n),!0).forEach((function(t){ct(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):st(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function ct(e,t,n){return(t=function(e){var t=function(e){if("object"!==it(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var n=t.call(e,"string");if("object"!==it(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"===it(t)?t:String(t)}(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function ut(e){var t,n,r,o,a=e.plugins,i=e.options,s=null===(t=((null===(n=i.__autocomplete_metadata)||void 0===n?void 0:n.userAgents)||[])[0])||void 0===t?void 0:t.segment,l=s?ct({},s,Object.keys((null===(r=i.__autocomplete_metadata)||void 0===r?void 0:r.options)||{})):{};return{plugins:a.map((function(e){return{name:e.name,options:Object.keys(e.__autocomplete_pluginOptions||[])}})),options:lt({"autocomplete-core":Object.keys(i)},l),ua:E.concat((null===(o=i.__autocomplete_metadata)||void 0===o?void 0:o.userAgents)||[])}}function dt(e){var t,n=e.state;return!1===n.isOpen||null===n.activeItemId?null:(null===(t=oe(n))||void 0===t?void 0:t.itemInputValue)||null}function pt(e){return pt="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},pt(e)}function ft(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function mt(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?ft(Object(n),!0).forEach((function(t){ht(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):ft(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function ht(e,t,n){return(t=function(e){var t=function(e){if("object"!==pt(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var n=t.call(e,"string");if("object"!==pt(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"===pt(t)?t:String(t)}(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var gt=function(e,t){switch(t.type){case"setActiveItemId":case"mousemove":return mt(mt({},e),{},{activeItemId:t.payload});case"setQuery":return mt(mt({},e),{},{query:t.payload,completion:null});case"setCollections":return mt(mt({},e),{},{collections:t.payload});case"setIsOpen":return mt(mt({},e),{},{isOpen:t.payload});case"setStatus":return mt(mt({},e),{},{status:t.payload});case"setContext":return mt(mt({},e),{},{context:mt(mt({},e.context),t.payload)});case"ArrowDown":var n=mt(mt({},e),{},{activeItemId:t.payload.hasOwnProperty("nextActiveItemId")?t.payload.nextActiveItemId:X(1,e.activeItemId,S(e),t.props.defaultActiveItemId)});return mt(mt({},n),{},{completion:dt({state:n})});case"ArrowUp":var r=mt(mt({},e),{},{activeItemId:X(-1,e.activeItemId,S(e),t.props.defaultActiveItemId)});return mt(mt({},r),{},{completion:dt({state:r})});case"Escape":return e.isOpen?mt(mt({},e),{},{activeItemId:null,isOpen:!1,completion:null}):mt(mt({},e),{},{activeItemId:null,query:"",status:"idle",collections:[]});case"submit":return mt(mt({},e),{},{activeItemId:null,isOpen:!1,status:"idle"});case"reset":return mt(mt({},e),{},{activeItemId:!0===t.props.openOnFocus?t.props.defaultActiveItemId:null,status:"idle",query:""});case"focus":return mt(mt({},e),{},{activeItemId:t.props.defaultActiveItemId,isOpen:(t.props.openOnFocus||Boolean(e.query))&&t.props.shouldPanelOpen({state:e})});case"blur":return t.props.debug?e:mt(mt({},e),{},{isOpen:!1,activeItemId:null});case"mouseleave":return mt(mt({},e),{},{activeItemId:t.props.defaultActiveItemId});default:return"The reducer action ".concat(JSON.stringify(t.type)," is not supported."),e}};function bt(e){return bt="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},bt(e)}function yt(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function vt(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?yt(Object(n),!0).forEach((function(t){wt(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):yt(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function wt(e,t,n){return(t=function(e){var t=function(e){if("object"!==bt(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var n=t.call(e,"string");if("object"!==bt(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"===bt(t)?t:String(t)}(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function St(e){var t=[],n=ye(e,t),r=function(e,t,n){var r,o=t.initialState;return{getState:function(){return o},dispatch:function(r,a){var i=function(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?se(Object(n),!0).forEach((function(t){le(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):se(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}({},o);o=e(o,{type:r,props:t,payload:a}),n({state:o,prevState:i})},pendingRequests:(r=[],{add:function(e){return r.push(e),e.finally((function(){r=r.filter((function(t){return t!==e}))}))},cancelAll:function(){r.forEach((function(e){return e.cancel()}))},isEmpty:function(){return 0===r.length}})}}(gt,n,(function(e){var t=e.prevState,r=e.state;n.onStateChange(vt({prevState:t,state:r,refresh:i,navigator:n.navigator},o))})),o=function(e){var t=e.store;return{setActiveItemId:function(e){t.dispatch("setActiveItemId",e)},setQuery:function(e){t.dispatch("setQuery",e)},setCollections:function(e){var n=0,r=e.map((function(e){return de(de({},e),{},{items:v(e.items).map((function(e){return de(de({},e),{},{__autocomplete_id:n++})}))})}));t.dispatch("setCollections",r)},setIsOpen:function(e){t.dispatch("setIsOpen",e)},setStatus:function(e){t.dispatch("setStatus",e)},setContext:function(e){t.dispatch("setContext",e)}}}({store:r}),a=at(vt({props:n,refresh:i,store:r,navigator:n.navigator},o));function i(){return Ue(vt({event:new Event("input"),nextState:{isOpen:r.getState().isOpen},props:n,navigator:n.navigator,query:r.getState().query,refresh:i,store:r},o))}if(e.insights&&!n.plugins.some((function(e){return"aa.algoliaInsightsPlugin"===e.name}))){var s="boolean"==typeof e.insights?{}:e.insights;n.plugins.push(Q(s))}return n.plugins.forEach((function(e){var r;return null===(r=e.subscribe)||void 0===r?void 0:r.call(e,vt(vt({},o),{},{navigator:n.navigator,refresh:i,onSelect:function(e){t.push({onSelect:e})},onActive:function(e){t.push({onActive:e})},onResolve:function(e){t.push({onResolve:e})}}))})),function(e){var t,n,r=e.metadata,o=e.environment;if(null===(t=o.navigator)||void 0===t||null===(n=t.userAgent)||void 0===n?void 0:n.includes("Algolia Crawler")){var a=o.document.createElement("meta"),i=o.document.querySelector("head");a.name="algolia:metadata",setTimeout((function(){a.content=JSON.stringify(r),i.appendChild(a)}),0)}}({metadata:ut({plugins:n.plugins,options:e}),environment:n.environment}),vt(vt({refresh:i,navigator:n.navigator},a),o)}function xt(e){var t=e.translations,n=(void 0===t?{}:t).searchByText,o=void 0===n?"Search by":n;return r.createElement("a",{href:"https://www.algolia.com/ref/docsearch/?utm_source=".concat(window.location.hostname,"&utm_medium=referral&utm_content=powered_by&utm_campaign=docsearch"),target:"_blank",rel:"noopener noreferrer"},r.createElement("span",{className:"DocSearch-Label"},o),r.createElement("svg",{width:"77",height:"19","aria-label":"Algolia",role:"img",id:"Layer_1",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 2196.2 500"},r.createElement("defs",null,r.createElement("style",null,".cls-1,.cls-2{fill:#003dff;}.cls-2{fill-rule:evenodd;}")),r.createElement("path",{className:"cls-2",d:"M1070.38,275.3V5.91c0-3.63-3.24-6.39-6.82-5.83l-50.46,7.94c-2.87,.45-4.99,2.93-4.99,5.84l.17,273.22c0,12.92,0,92.7,95.97,95.49,3.33,.1,6.09-2.58,6.09-5.91v-40.78c0-2.96-2.19-5.51-5.12-5.84-34.85-4.01-34.85-47.57-34.85-54.72Z"}),r.createElement("rect",{className:"cls-1",x:"1845.88",y:"104.73",width:"62.58",height:"277.9",rx:"5.9",ry:"5.9"}),r.createElement("path",{className:"cls-2",d:"M1851.78,71.38h50.77c3.26,0,5.9-2.64,5.9-5.9V5.9c0-3.62-3.24-6.39-6.82-5.83l-50.77,7.95c-2.87,.45-4.99,2.92-4.99,5.83v51.62c0,3.26,2.64,5.9,5.9,5.9Z"}),r.createElement("path",{className:"cls-2",d:"M1764.03,275.3V5.91c0-3.63-3.24-6.39-6.82-5.83l-50.46,7.94c-2.87,.45-4.99,2.93-4.99,5.84l.17,273.22c0,12.92,0,92.7,95.97,95.49,3.33,.1,6.09-2.58,6.09-5.91v-40.78c0-2.96-2.19-5.51-5.12-5.84-34.85-4.01-34.85-47.57-34.85-54.72Z"}),r.createElement("path",{className:"cls-2",d:"M1631.95,142.72c-11.14-12.25-24.83-21.65-40.78-28.31-15.92-6.53-33.26-9.85-52.07-9.85-18.78,0-36.15,3.17-51.92,9.85-15.59,6.66-29.29,16.05-40.76,28.31-11.47,12.23-20.38,26.87-26.76,44.03-6.38,17.17-9.24,37.37-9.24,58.36,0,20.99,3.19,36.87,9.55,54.21,6.38,17.32,15.14,32.11,26.45,44.36,11.29,12.23,24.83,21.62,40.6,28.46,15.77,6.83,40.12,10.33,52.4,10.48,12.25,0,36.78-3.82,52.7-10.48,15.92-6.68,29.46-16.23,40.78-28.46,11.29-12.25,20.05-27.04,26.25-44.36,6.22-17.34,9.24-33.22,9.24-54.21,0-20.99-3.34-41.19-10.03-58.36-6.38-17.17-15.14-31.8-26.43-44.03Zm-44.43,163.75c-11.47,15.75-27.56,23.7-48.09,23.7-20.55,0-36.63-7.8-48.1-23.7-11.47-15.75-17.21-34.01-17.21-61.2,0-26.89,5.59-49.14,17.06-64.87,11.45-15.75,27.54-23.52,48.07-23.52,20.55,0,36.63,7.78,48.09,23.52,11.47,15.57,17.36,37.98,17.36,64.87,0,27.19-5.72,45.3-17.19,61.2Z"}),r.createElement("path",{className:"cls-2",d:"M894.42,104.73h-49.33c-48.36,0-90.91,25.48-115.75,64.1-14.52,22.58-22.99,49.63-22.99,78.73,0,44.89,20.13,84.92,51.59,111.1,2.93,2.6,6.05,4.98,9.31,7.14,12.86,8.49,28.11,13.47,44.52,13.47,1.23,0,2.46-.03,3.68-.09,.36-.02,.71-.05,1.07-.07,.87-.05,1.75-.11,2.62-.2,.34-.03,.68-.08,1.02-.12,.91-.1,1.82-.21,2.73-.34,.21-.03,.42-.07,.63-.1,32.89-5.07,61.56-30.82,70.9-62.81v57.83c0,3.26,2.64,5.9,5.9,5.9h50.42c3.26,0,5.9-2.64,5.9-5.9V110.63c0-3.26-2.64-5.9-5.9-5.9h-56.32Zm0,206.92c-12.2,10.16-27.97,13.98-44.84,15.12-.16,.01-.33,.03-.49,.04-1.12,.07-2.24,.1-3.36,.1-42.24,0-77.12-35.89-77.12-79.37,0-10.25,1.96-20.01,5.42-28.98,11.22-29.12,38.77-49.74,71.06-49.74h49.33v142.83Z"}),r.createElement("path",{className:"cls-2",d:"M2133.97,104.73h-49.33c-48.36,0-90.91,25.48-115.75,64.1-14.52,22.58-22.99,49.63-22.99,78.73,0,44.89,20.13,84.92,51.59,111.1,2.93,2.6,6.05,4.98,9.31,7.14,12.86,8.49,28.11,13.47,44.52,13.47,1.23,0,2.46-.03,3.68-.09,.36-.02,.71-.05,1.07-.07,.87-.05,1.75-.11,2.62-.2,.34-.03,.68-.08,1.02-.12,.91-.1,1.82-.21,2.73-.34,.21-.03,.42-.07,.63-.1,32.89-5.07,61.56-30.82,70.9-62.81v57.83c0,3.26,2.64,5.9,5.9,5.9h50.42c3.26,0,5.9-2.64,5.9-5.9V110.63c0-3.26-2.64-5.9-5.9-5.9h-56.32Zm0,206.92c-12.2,10.16-27.97,13.98-44.84,15.12-.16,.01-.33,.03-.49,.04-1.12,.07-2.24,.1-3.36,.1-42.24,0-77.12-35.89-77.12-79.37,0-10.25,1.96-20.01,5.42-28.98,11.22-29.12,38.77-49.74,71.06-49.74h49.33v142.83Z"}),r.createElement("path",{className:"cls-2",d:"M1314.05,104.73h-49.33c-48.36,0-90.91,25.48-115.75,64.1-11.79,18.34-19.6,39.64-22.11,62.59-.58,5.3-.88,10.68-.88,16.14s.31,11.15,.93,16.59c4.28,38.09,23.14,71.61,50.66,94.52,2.93,2.6,6.05,4.98,9.31,7.14,12.86,8.49,28.11,13.47,44.52,13.47h0c17.99,0,34.61-5.93,48.16-15.97,16.29-11.58,28.88-28.54,34.48-47.75v50.26h-.11v11.08c0,21.84-5.71,38.27-17.34,49.36-11.61,11.08-31.04,16.63-58.25,16.63-11.12,0-28.79-.59-46.6-2.41-2.83-.29-5.46,1.5-6.27,4.22l-12.78,43.11c-1.02,3.46,1.27,7.02,4.83,7.53,21.52,3.08,42.52,4.68,54.65,4.68,48.91,0,85.16-10.75,108.89-32.21,21.48-19.41,33.15-48.89,35.2-88.52V110.63c0-3.26-2.64-5.9-5.9-5.9h-56.32Zm0,64.1s.65,139.13,0,143.36c-12.08,9.77-27.11,13.59-43.49,14.7-.16,.01-.33,.03-.49,.04-1.12,.07-2.24,.1-3.36,.1-1.32,0-2.63-.03-3.94-.1-40.41-2.11-74.52-37.26-74.52-79.38,0-10.25,1.96-20.01,5.42-28.98,11.22-29.12,38.77-49.74,71.06-49.74h49.33Z"}),r.createElement("path",{className:"cls-1",d:"M249.83,0C113.3,0,2,110.09,.03,246.16c-2,138.19,110.12,252.7,248.33,253.5,42.68,.25,83.79-10.19,120.3-30.03,3.56-1.93,4.11-6.83,1.08-9.51l-23.38-20.72c-4.75-4.21-11.51-5.4-17.36-2.92-25.48,10.84-53.17,16.38-81.71,16.03-111.68-1.37-201.91-94.29-200.13-205.96,1.76-110.26,92-199.41,202.67-199.41h202.69V407.41l-115-102.18c-3.72-3.31-9.42-2.66-12.42,1.31-18.46,24.44-48.53,39.64-81.93,37.34-46.33-3.2-83.87-40.5-87.34-86.81-4.15-55.24,39.63-101.52,94-101.52,49.18,0,89.68,37.85,93.91,85.95,.38,4.28,2.31,8.27,5.52,11.12l29.95,26.55c3.4,3.01,8.79,1.17,9.63-3.3,2.16-11.55,2.92-23.58,2.07-35.92-4.82-70.34-61.8-126.93-132.17-131.26-80.68-4.97-148.13,58.14-150.27,137.25-2.09,77.1,61.08,143.56,138.19,145.26,32.19,.71,62.03-9.41,86.14-26.95l150.26,133.2c6.44,5.71,16.61,1.14,16.61-7.47V9.48C499.66,4.25,495.42,0,490.18,0H249.83Z"})))}function kt(e){return r.createElement("svg",{width:"15",height:"15","aria-label":e.ariaLabel,role:"img"},r.createElement("g",{fill:"none",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"1.2"},e.children))}function jt(e){var t=e.translations,n=void 0===t?{}:t,o=n.selectText,a=void 0===o?"to select":o,i=n.selectKeyAriaLabel,s=void 0===i?"Enter key":i,l=n.navigateText,c=void 0===l?"to navigate":l,u=n.navigateUpKeyAriaLabel,d=void 0===u?"Arrow up":u,p=n.navigateDownKeyAriaLabel,f=void 0===p?"Arrow down":p,m=n.closeText,h=void 0===m?"to close":m,g=n.closeKeyAriaLabel,b=void 0===g?"Escape key":g,y=n.searchByText,v=void 0===y?"Search by":y;return r.createElement(r.Fragment,null,r.createElement("div",{className:"DocSearch-Logo"},r.createElement(xt,{translations:{searchByText:v}})),r.createElement("ul",{className:"DocSearch-Commands"},r.createElement("li",null,r.createElement("kbd",{className:"DocSearch-Commands-Key"},r.createElement(kt,{ariaLabel:s},r.createElement("path",{d:"M12 3.53088v3c0 1-1 2-2 2H4M7 11.53088l-3-3 3-3"}))),r.createElement("span",{className:"DocSearch-Label"},a)),r.createElement("li",null,r.createElement("kbd",{className:"DocSearch-Commands-Key"},r.createElement(kt,{ariaLabel:f},r.createElement("path",{d:"M7.5 3.5v8M10.5 8.5l-3 3-3-3"}))),r.createElement("kbd",{className:"DocSearch-Commands-Key"},r.createElement(kt,{ariaLabel:d},r.createElement("path",{d:"M7.5 11.5v-8M10.5 6.5l-3-3-3 3"}))),r.createElement("span",{className:"DocSearch-Label"},c)),r.createElement("li",null,r.createElement("kbd",{className:"DocSearch-Commands-Key"},r.createElement(kt,{ariaLabel:b},r.createElement("path",{d:"M13.6167 8.936c-.1065.3583-.6883.962-1.4875.962-.7993 0-1.653-.9165-1.653-2.1258v-.5678c0-1.2548.7896-2.1016 1.653-2.1016.8634 0 1.3601.4778 1.4875 1.0724M9 6c-.1352-.4735-.7506-.9219-1.46-.8972-.7092.0246-1.344.57-1.344 1.2166s.4198.8812 1.3445.9805C8.465 7.3992 8.968 7.9337 9 8.5c.032.5663-.454 1.398-1.4595 1.398C6.6593 9.898 6 9 5.963 8.4851m-1.4748.5368c-.2635.5941-.8099.876-1.5443.876s-1.7073-.6248-1.7073-2.204v-.4603c0-1.0416.721-2.131 1.7073-2.131.9864 0 1.6425 1.031 1.5443 2.2492h-2.956"}))),r.createElement("span",{className:"DocSearch-Label"},h))))}function Et(e){var t=e.hit,n=e.children;return r.createElement("a",{href:t.url},n)}function _t(){return r.createElement("svg",{viewBox:"0 0 38 38",stroke:"currentColor",strokeOpacity:".5"},r.createElement("g",{fill:"none",fillRule:"evenodd"},r.createElement("g",{transform:"translate(1 1)",strokeWidth:"2"},r.createElement("circle",{strokeOpacity:".3",cx:"18",cy:"18",r:"18"}),r.createElement("path",{d:"M36 18c0-9.94-8.06-18-18-18"},r.createElement("animateTransform",{attributeName:"transform",type:"rotate",from:"0 18 18",to:"360 18 18",dur:"1s",repeatCount:"indefinite"})))))}function Ct(){return r.createElement("svg",{width:"20",height:"20",viewBox:"0 0 20 20"},r.createElement("g",{stroke:"currentColor",fill:"none",fillRule:"evenodd",strokeLinecap:"round",strokeLinejoin:"round"},r.createElement("path",{d:"M3.18 6.6a8.23 8.23 0 1112.93 9.94h0a8.23 8.23 0 01-11.63 0"}),r.createElement("path",{d:"M6.44 7.25H2.55V3.36M10.45 6v5.6M10.45 11.6L13 13"})))}function At(){return r.createElement("svg",{width:"20",height:"20",viewBox:"0 0 20 20"},r.createElement("path",{d:"M10 10l5.09-5.09L10 10l5.09 5.09L10 10zm0 0L4.91 4.91 10 10l-5.09 5.09L10 10z",stroke:"currentColor",fill:"none",fillRule:"evenodd",strokeLinecap:"round",strokeLinejoin:"round"}))}function Ot(){return r.createElement("svg",{className:"DocSearch-Hit-Select-Icon",width:"20",height:"20",viewBox:"0 0 20 20"},r.createElement("g",{stroke:"currentColor",fill:"none",fillRule:"evenodd",strokeLinecap:"round",strokeLinejoin:"round"},r.createElement("path",{d:"M18 3v4c0 2-2 4-4 4H2"}),r.createElement("path",{d:"M8 17l-6-6 6-6"})))}var Tt=function(){return r.createElement("svg",{width:"20",height:"20",viewBox:"0 0 20 20"},r.createElement("path",{d:"M17 6v12c0 .52-.2 1-1 1H4c-.7 0-1-.33-1-1V2c0-.55.42-1 1-1h8l5 5zM14 8h-3.13c-.51 0-.87-.34-.87-.87V4",stroke:"currentColor",fill:"none",fillRule:"evenodd",strokeLinejoin:"round"}))};function Pt(e){switch(e.type){case"lvl1":return r.createElement(Tt,null);case"content":return r.createElement(It,null);default:return r.createElement(Lt,null)}}function Lt(){return r.createElement("svg",{width:"20",height:"20",viewBox:"0 0 20 20"},r.createElement("path",{d:"M13 13h4-4V8H7v5h6v4-4H7V8H3h4V3v5h6V3v5h4-4v5zm-6 0v4-4H3h4z",stroke:"currentColor",fill:"none",fillRule:"evenodd",strokeLinecap:"round",strokeLinejoin:"round"}))}function It(){return r.createElement("svg",{width:"20",height:"20",viewBox:"0 0 20 20"},r.createElement("path",{d:"M17 5H3h14zm0 5H3h14zm0 5H3h14z",stroke:"currentColor",fill:"none",fillRule:"evenodd",strokeLinejoin:"round"}))}function Rt(){return r.createElement("svg",{width:"20",height:"20",viewBox:"0 0 20 20"},r.createElement("path",{d:"M10 14.2L5 17l1-5.6-4-4 5.5-.7 2.5-5 2.5 5 5.6.8-4 4 .9 5.5z",stroke:"currentColor",fill:"none",fillRule:"evenodd",strokeLinejoin:"round"}))}function Nt(){return r.createElement("svg",{width:"40",height:"40",viewBox:"0 0 20 20",fill:"none",fillRule:"evenodd",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round"},r.createElement("path",{d:"M19 4.8a16 16 0 00-2-1.2m-3.3-1.2A16 16 0 001.1 4.7M16.7 8a12 12 0 00-2.8-1.4M10 6a12 12 0 00-6.7 2M12.3 14.7a4 4 0 00-4.5 0M14.5 11.4A8 8 0 0010 10M3 16L18 2M10 18h0"}))}function Dt(){return r.createElement("svg",{width:"40",height:"40",viewBox:"0 0 20 20",fill:"none",fillRule:"evenodd",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round"},r.createElement("path",{d:"M15.5 4.8c2 3 1.7 7-1 9.7h0l4.3 4.3-4.3-4.3a7.8 7.8 0 01-9.8 1m-2.2-2.2A7.8 7.8 0 0113.2 2.4M2 18L18 2"}))}function Mt(e){var t=e.translations,n=void 0===t?{}:t,o=n.titleText,a=void 0===o?"Unable to fetch results":o,i=n.helpText,s=void 0===i?"You might want to check your network connection.":i;return r.createElement("div",{className:"DocSearch-ErrorScreen"},r.createElement("div",{className:"DocSearch-Screen-Icon"},r.createElement(Nt,null)),r.createElement("p",{className:"DocSearch-Title"},a),r.createElement("p",{className:"DocSearch-Help"},s))}var Ft=["translations"];function zt(e){var t=e.translations,n=void 0===t?{}:t,o=l(e,Ft),a=n.noResultsText,i=void 0===a?"No results for":a,s=n.suggestedQueryText,c=void 0===s?"Try searching for":s,d=n.reportMissingResultsText,p=void 0===d?"Believe this query should return results?":d,f=n.reportMissingResultsLinkText,m=void 0===f?"Let us know.":f,h=o.state.context.searchSuggestions;return r.createElement("div",{className:"DocSearch-NoResults"},r.createElement("div",{className:"DocSearch-Screen-Icon"},r.createElement(Dt,null)),r.createElement("p",{className:"DocSearch-Title"},i,' "',r.createElement("strong",null,o.state.query),'"'),h&&h.length>0&&r.createElement("div",{className:"DocSearch-NoResults-Prefill-List"},r.createElement("p",{className:"DocSearch-Help"},c,":"),r.createElement("ul",null,h.slice(0,3).reduce((function(e,t){return[].concat(u(e),[r.createElement("li",{key:t},r.createElement("button",{className:"DocSearch-Prefill",key:t,type:"button",onClick:function(){o.setQuery(t.toLowerCase()+" "),o.refresh(),o.inputRef.current.focus()}},t))])}),[]))),o.getMissingResultsUrl&&r.createElement("p",{className:"DocSearch-Help"},"".concat(p," "),r.createElement("a",{href:o.getMissingResultsUrl({query:o.state.query}),target:"_blank",rel:"noopener noreferrer"},m)))}var Bt=["hit","attribute","tagName"];function Ut(e,t){return t.split(".").reduce((function(e,t){return null!=e&&e[t]?e[t]:null}),e)}function qt(e){var t=e.hit,n=e.attribute,o=e.tagName,i=void 0===o?"span":o,s=l(e,Bt);return(0,r.createElement)(i,a(a({},s),{},{dangerouslySetInnerHTML:{__html:Ut(t,"_snippetResult.".concat(n,".value"))||Ut(t,n)}}))}function $t(e){return e.collection&&0!==e.collection.items.length?r.createElement("section",{className:"DocSearch-Hits"},r.createElement("div",{className:"DocSearch-Hit-source"},e.title),r.createElement("ul",e.getListProps(),e.collection.items.map((function(t,n){return r.createElement(Ht,s({key:[e.title,t.objectID].join(":"),item:t,index:n},e))})))):null}function Ht(e){var t=e.item,n=e.index,o=e.renderIcon,a=e.renderAction,i=e.getItemProps,l=e.onItemClick,u=e.collection,d=e.hitComponent,p=c(r.useState(!1),2),f=p[0],m=p[1],h=c(r.useState(!1),2),g=h[0],b=h[1],y=r.useRef(null),v=d;return r.createElement("li",s({className:["DocSearch-Hit",t.__docsearch_parent&&"DocSearch-Hit--Child",f&&"DocSearch-Hit--deleting",g&&"DocSearch-Hit--favoriting"].filter(Boolean).join(" "),onTransitionEnd:function(){y.current&&y.current()}},i({item:t,source:u.source,onClick:function(e){l(t,e)}})),r.createElement(v,{hit:t},r.createElement("div",{className:"DocSearch-Hit-Container"},o({item:t,index:n}),t.hierarchy[t.type]&&"lvl1"===t.type&&r.createElement("div",{className:"DocSearch-Hit-content-wrapper"},r.createElement(qt,{className:"DocSearch-Hit-title",hit:t,attribute:"hierarchy.lvl1"}),t.content&&r.createElement(qt,{className:"DocSearch-Hit-path",hit:t,attribute:"content"})),t.hierarchy[t.type]&&("lvl2"===t.type||"lvl3"===t.type||"lvl4"===t.type||"lvl5"===t.type||"lvl6"===t.type)&&r.createElement("div",{className:"DocSearch-Hit-content-wrapper"},r.createElement(qt,{className:"DocSearch-Hit-title",hit:t,attribute:"hierarchy.".concat(t.type)}),r.createElement(qt,{className:"DocSearch-Hit-path",hit:t,attribute:"hierarchy.lvl1"})),"content"===t.type&&r.createElement("div",{className:"DocSearch-Hit-content-wrapper"},r.createElement(qt,{className:"DocSearch-Hit-title",hit:t,attribute:"content"}),r.createElement(qt,{className:"DocSearch-Hit-path",hit:t,attribute:"hierarchy.lvl1"})),a({item:t,runDeleteTransition:function(e){m(!0),y.current=e},runFavoriteTransition:function(e){b(!0),y.current=e}}))))}function Vt(e,t,n){return e.reduce((function(e,r){var o=t(r);return e.hasOwnProperty(o)||(e[o]=[]),e[o].length<(n||5)&&e[o].push(r),e}),{})}function Gt(e){return e}function Wt(e){return 1===e.button||e.altKey||e.ctrlKey||e.metaKey||e.shiftKey}function Kt(){}var Qt=/(<mark>|<\/mark>)/g,Yt=RegExp(Qt.source);function Zt(e){var t,n,r=e;if(!r.__docsearch_parent&&!e._highlightResult)return e.hierarchy.lvl0;var o=r.__docsearch_parent?null===(t=r.__docsearch_parent)||void 0===t||null===(t=t._highlightResult)||void 0===t||null===(t=t.hierarchy)||void 0===t?void 0:t.lvl0:null===(n=e._highlightResult)||void 0===n||null===(n=n.hierarchy)||void 0===n?void 0:n.lvl0;return o?o.value&&Yt.test(o.value)?o.value.replace(Qt,""):o.value:e.hierarchy.lvl0}function Jt(e){return r.createElement("div",{className:"DocSearch-Dropdown-Container"},e.state.collections.map((function(t){if(0===t.items.length)return null;var n=Zt(t.items[0]);return r.createElement($t,s({},e,{key:t.source.sourceId,title:n,collection:t,renderIcon:function(e){var n,o=e.item,a=e.index;return r.createElement(r.Fragment,null,o.__docsearch_parent&&r.createElement("svg",{className:"DocSearch-Hit-Tree",viewBox:"0 0 24 54"},r.createElement("g",{stroke:"currentColor",fill:"none",fillRule:"evenodd",strokeLinecap:"round",strokeLinejoin:"round"},o.__docsearch_parent!==(null===(n=t.items[a+1])||void 0===n?void 0:n.__docsearch_parent)?r.createElement("path",{d:"M8 6v21M20 27H8.3"}):r.createElement("path",{d:"M8 6v42M20 27H8.3"}))),r.createElement("div",{className:"DocSearch-Hit-icon"},r.createElement(Pt,{type:o.type})))},renderAction:function(){return r.createElement("div",{className:"DocSearch-Hit-action"},r.createElement(Ot,null))}}))})),e.resultsFooterComponent&&r.createElement("section",{className:"DocSearch-HitsFooter"},r.createElement(e.resultsFooterComponent,{state:e.state})))}var Xt=["translations"];function en(e){var t=e.translations,n=void 0===t?{}:t,o=l(e,Xt),a=n.recentSearchesTitle,i=void 0===a?"Recent":a,c=n.noRecentSearchesText,u=void 0===c?"No recent searches":c,d=n.saveRecentSearchButtonTitle,p=void 0===d?"Save this search":d,f=n.removeRecentSearchButtonTitle,m=void 0===f?"Remove this search from history":f,h=n.favoriteSearchesTitle,g=void 0===h?"Favorite":h,b=n.removeFavoriteSearchButtonTitle,y=void 0===b?"Remove this search from favorites":b;return"idle"===o.state.status&&!1===o.hasCollections?o.disableUserPersonalization?null:r.createElement("div",{className:"DocSearch-StartScreen"},r.createElement("p",{className:"DocSearch-Help"},u)):!1===o.hasCollections?null:r.createElement("div",{className:"DocSearch-Dropdown-Container"},r.createElement($t,s({},o,{title:i,collection:o.state.collections[0],renderIcon:function(){return r.createElement("div",{className:"DocSearch-Hit-icon"},r.createElement(Ct,null))},renderAction:function(e){var t=e.item,n=e.runFavoriteTransition,a=e.runDeleteTransition;return r.createElement(r.Fragment,null,r.createElement("div",{className:"DocSearch-Hit-action"},r.createElement("button",{className:"DocSearch-Hit-action-button",title:p,type:"submit",onClick:function(e){e.preventDefault(),e.stopPropagation(),n((function(){o.favoriteSearches.add(t),o.recentSearches.remove(t),o.refresh()}))}},r.createElement(Rt,null))),r.createElement("div",{className:"DocSearch-Hit-action"},r.createElement("button",{className:"DocSearch-Hit-action-button",title:m,type:"submit",onClick:function(e){e.preventDefault(),e.stopPropagation(),a((function(){o.recentSearches.remove(t),o.refresh()}))}},r.createElement(At,null))))}})),r.createElement($t,s({},o,{title:g,collection:o.state.collections[1],renderIcon:function(){return r.createElement("div",{className:"DocSearch-Hit-icon"},r.createElement(Rt,null))},renderAction:function(e){var t=e.item,n=e.runDeleteTransition;return r.createElement("div",{className:"DocSearch-Hit-action"},r.createElement("button",{className:"DocSearch-Hit-action-button",title:y,type:"submit",onClick:function(e){e.preventDefault(),e.stopPropagation(),n((function(){o.favoriteSearches.remove(t),o.refresh()}))}},r.createElement(At,null)))}})))}var tn=["translations"],nn=r.memo((function(e){var t=e.translations,n=void 0===t?{}:t,o=l(e,tn);if("error"===o.state.status)return r.createElement(Mt,{translations:null==n?void 0:n.errorScreen});var a=o.state.collections.some((function(e){return e.items.length>0}));return o.state.query?!1===a?r.createElement(zt,s({},o,{translations:null==n?void 0:n.noResultsScreen})):r.createElement(Jt,o):r.createElement(en,s({},o,{hasCollections:a,translations:null==n?void 0:n.startScreen}))}),(function(e,t){return"loading"===t.state.status||"stalled"===t.state.status})),rn=["translations"];function on(e){var t=e.translations,n=void 0===t?{}:t,o=l(e,rn),a=n.resetButtonTitle,i=void 0===a?"Clear the query":a,c=n.resetButtonAriaLabel,u=void 0===c?"Clear the query":c,d=n.cancelButtonText,p=void 0===d?"Cancel":d,f=n.cancelButtonAriaLabel,h=void 0===f?"Cancel":f,g=n.searchInputLabel,b=void 0===g?"Search":g,y=o.getFormProps({inputElement:o.inputRef.current}).onReset;return r.useEffect((function(){o.autoFocus&&o.inputRef.current&&o.inputRef.current.focus()}),[o.autoFocus,o.inputRef]),r.useEffect((function(){o.isFromSelection&&o.inputRef.current&&o.inputRef.current.select()}),[o.isFromSelection,o.inputRef]),r.createElement(r.Fragment,null,r.createElement("form",{className:"DocSearch-Form",onSubmit:function(e){e.preventDefault()},onReset:y},r.createElement("label",s({className:"DocSearch-MagnifierLabel"},o.getLabelProps()),r.createElement(m,null),r.createElement("span",{className:"DocSearch-VisuallyHiddenForAccessibility"},b)),r.createElement("div",{className:"DocSearch-LoadingIndicator"},r.createElement(_t,null)),r.createElement("input",s({className:"DocSearch-Input",ref:o.inputRef},o.getInputProps({inputElement:o.inputRef.current,autoFocus:o.autoFocus,maxLength:64}))),r.createElement("button",{type:"reset",title:i,className:"DocSearch-Reset","aria-label":u,hidden:!o.state.query},r.createElement(At,null))),r.createElement("button",{className:"DocSearch-Cancel",type:"reset","aria-label":h,onClick:o.onClose},p))}var an=["_highlightResult","_snippetResult"];function sn(e){var t=e.key,n=e.limit,r=void 0===n?5:n,o=function(e){return!1===function(){var e="__TEST_KEY__";try{return localStorage.setItem(e,""),localStorage.removeItem(e),!0}catch(e){return!1}}()?{setItem:function(){},getItem:function(){return[]}}:{setItem:function(t){return window.localStorage.setItem(e,JSON.stringify(t))},getItem:function(){var t=window.localStorage.getItem(e);return t?JSON.parse(t):[]}}}(t),a=o.getItem().slice(0,r);return{add:function(e){var t=e,n=(t._highlightResult,t._snippetResult,l(t,an)),i=a.findIndex((function(e){return e.objectID===n.objectID}));i>-1&&a.splice(i,1),a.unshift(n),a=a.slice(0,r),o.setItem(a)},remove:function(e){a=a.filter((function(t){return t.objectID!==e.objectID})),o.setItem(a)},getAll:function(){return a}}}function ln(e){const t=`algoliasearch-client-js-${e.key}`;let n;const r=()=>(void 0===n&&(n=e.localStorage||window.localStorage),n),o=()=>JSON.parse(r().getItem(t)||"{}"),a=e=>{r().setItem(t,JSON.stringify(e))};return{get:(t,n,r={miss:()=>Promise.resolve()})=>Promise.resolve().then((()=>{(()=>{const t=e.timeToLive?1e3*e.timeToLive:null,n=o(),r=Object.fromEntries(Object.entries(n).filter((([,e])=>void 0!==e.timestamp)));if(a(r),!t)return;const i=Object.fromEntries(Object.entries(r).filter((([,e])=>{const n=(new Date).getTime();return!(e.timestamp+t<n)})));a(i)})();const n=JSON.stringify(t);return o()[n]})).then((e=>Promise.all([e?e.value:n(),void 0!==e]))).then((([e,t])=>Promise.all([e,t||r.miss(e)]))).then((([e])=>e)),set:(e,n)=>Promise.resolve().then((()=>{const a=o();return a[JSON.stringify(e)]={timestamp:(new Date).getTime(),value:n},r().setItem(t,JSON.stringify(a)),n})),delete:e=>Promise.resolve().then((()=>{const n=o();delete n[JSON.stringify(e)],r().setItem(t,JSON.stringify(n))})),clear:()=>Promise.resolve().then((()=>{r().removeItem(t)}))}}function cn(e){const t=[...e.caches],n=t.shift();return void 0===n?{get:(e,t,n={miss:()=>Promise.resolve()})=>t().then((e=>Promise.all([e,n.miss(e)]))).then((([e])=>e)),set:(e,t)=>Promise.resolve(t),delete:e=>Promise.resolve(),clear:()=>Promise.resolve()}:{get:(e,r,o={miss:()=>Promise.resolve()})=>n.get(e,r,o).catch((()=>cn({caches:t}).get(e,r,o))),set:(e,r)=>n.set(e,r).catch((()=>cn({caches:t}).set(e,r))),delete:e=>n.delete(e).catch((()=>cn({caches:t}).delete(e))),clear:()=>n.clear().catch((()=>cn({caches:t}).clear()))}}function un(e={serializable:!0}){let t={};return{get(n,r,o={miss:()=>Promise.resolve()}){const a=JSON.stringify(n);if(a in t)return Promise.resolve(e.serializable?JSON.parse(t[a]):t[a]);const i=r(),s=o&&o.miss||(()=>Promise.resolve());return i.then((e=>s(e))).then((()=>i))},set:(n,r)=>(t[JSON.stringify(n)]=e.serializable?JSON.stringify(r):r,Promise.resolve(r)),delete:e=>(delete t[JSON.stringify(e)],Promise.resolve()),clear:()=>(t={},Promise.resolve())}}function dn(e){let t=e.length-1;for(;t>0;t--){const n=Math.floor(Math.random()*(t+1)),r=e[t];e[t]=e[n],e[n]=r}return e}function pn(e,t){return t?(Object.keys(t).forEach((n=>{e[n]=t[n](e)})),e):e}function fn(e,...t){let n=0;return e.replace(/%s/g,(()=>encodeURIComponent(t[n++])))}const mn={WithinQueryParameters:0,WithinHeaders:1};function hn(e,t){const n=e||{},r=n.data||{};return Object.keys(n).forEach((e=>{-1===["timeout","headers","queryParameters","data","cacheable"].indexOf(e)&&(r[e]=n[e])})),{data:Object.entries(r).length>0?r:void 0,timeout:n.timeout||t,headers:n.headers||{},queryParameters:n.queryParameters||{},cacheable:n.cacheable}}const gn={Read:1,Write:2,Any:3},bn=1,yn=3;function vn(e,t=bn){return{...e,status:t,lastUpdate:Date.now()}}function wn(e){return"string"==typeof e?{protocol:"https",url:e,accept:gn.Any}:{protocol:e.protocol||"https",url:e.url,accept:e.accept||gn.Any}}const Sn="GET",xn="POST";function kn(e,t,n,r){const o=[],a=function(e,t){if(e.method===Sn||void 0===e.data&&void 0===t.data)return;const n=Array.isArray(e.data)?e.data:{...e.data,...t.data};return JSON.stringify(n)}(n,r),i=function(e,t){const n={...e.headers,...t.headers},r={};return Object.keys(n).forEach((e=>{const t=n[e];r[e.toLowerCase()]=t})),r}(e,r),s=n.method,l=n.method!==Sn?{}:{...n.data,...r.data},c={"x-algolia-agent":e.userAgent.value,...e.queryParameters,...l,...r.queryParameters};let u=0;const d=(t,l)=>{const p=t.pop();if(void 0===p)throw{name:"RetryError",message:"Unreachable hosts - your application id may be incorrect. If the error persists, contact support@algolia.com.",transporterStackTrace:Cn(o)};const f={data:a,headers:i,method:s,url:En(p,n.path,c),connectTimeout:l(u,e.timeouts.connect),responseTimeout:l(u,r.timeout)},m=e=>{const n={request:f,response:e,host:p,triesLeft:t.length};return o.push(n),n},h={onSuccess:e=>function(e){try{return JSON.parse(e.content)}catch(t){throw function(e,t){return{name:"DeserializationError",message:e,response:t}}(t.message,e)}}(e),onRetry(n){const r=m(n);return n.isTimedOut&&u++,Promise.all([e.logger.info("Retryable failure",An(r)),e.hostsCache.set(p,vn(p,n.isTimedOut?yn:2))]).then((()=>d(t,l)))},onFail(e){throw m(e),function({content:e,status:t},n){let r=e;try{r=JSON.parse(e).message}catch(e){}return function(e,t,n){return{name:"ApiError",message:e,status:t,transporterStackTrace:n}}(r,t,n)}(e,Cn(o))}};return e.requester.send(f).then((e=>((e,t)=>(e=>{const t=e.status;return e.isTimedOut||(({isTimedOut:e,status:t})=>!e&&!~~t)(e)||2!=~~(t/100)&&4!=~~(t/100)})(e)?t.onRetry(e):(({status:e})=>2==~~(e/100))(e)?t.onSuccess(e):t.onFail(e))(e,h)))};return function(e,t){return Promise.all(t.map((t=>e.get(t,(()=>Promise.resolve(vn(t))))))).then((e=>{const n=e.filter((e=>function(e){return e.status===bn||Date.now()-e.lastUpdate>12e4}(e))),r=e.filter((e=>function(e){return e.status===yn&&Date.now()-e.lastUpdate<=12e4}(e))),o=[...n,...r];return{getTimeout:(e,t)=>(0===r.length&&0===e?1:r.length+3+e)*t,statelessHosts:o.length>0?o.map((e=>wn(e))):t}}))}(e.hostsCache,t).then((e=>d([...e.statelessHosts].reverse(),e.getTimeout)))}function jn(e){const t={value:`Algolia for JavaScript (${e})`,add(e){const n=`; ${e.segment}${void 0!==e.version?` (${e.version})`:""}`;return-1===t.value.indexOf(n)&&(t.value=`${t.value}${n}`),t}};return t}function En(e,t,n){const r=_n(n);let o=`${e.protocol}://${e.url}/${"/"===t.charAt(0)?t.substr(1):t}`;return r.length&&(o+=`?${r}`),o}function _n(e){return Object.keys(e).map((t=>{return fn("%s=%s",t,(n=e[t],"[object Object]"===Object.prototype.toString.call(n)||"[object Array]"===Object.prototype.toString.call(n)?JSON.stringify(e[t]):e[t]));var n})).join("&")}function Cn(e){return e.map((e=>An(e)))}function An(e){const t=e.request.headers["x-algolia-api-key"]?{"x-algolia-api-key":"*****"}:{};return{...e,request:{...e.request,headers:{...e.request.headers,...t}}}}const On=e=>{const t=e.appId,n=function(e,t,n){const r={"x-algolia-api-key":n,"x-algolia-application-id":t};return{headers:()=>e===mn.WithinHeaders?r:{},queryParameters:()=>e===mn.WithinQueryParameters?r:{}}}(void 0!==e.authMode?e.authMode:mn.WithinHeaders,t,e.apiKey),r=function(e){const{hostsCache:t,logger:n,requester:r,requestsCache:o,responsesCache:a,timeouts:i,userAgent:s,hosts:l,queryParameters:c,headers:u}=e,d={hostsCache:t,logger:n,requester:r,requestsCache:o,responsesCache:a,timeouts:i,userAgent:s,headers:u,queryParameters:c,hosts:l.map((e=>wn(e))),read(e,t){const n=hn(t,d.timeouts.read),r=()=>kn(d,d.hosts.filter((e=>!!(e.accept&gn.Read))),e,n);if(!0!==(void 0!==n.cacheable?n.cacheable:e.cacheable))return r();const o={request:e,mappedRequestOptions:n,transporter:{queryParameters:d.queryParameters,headers:d.headers}};return d.responsesCache.get(o,(()=>d.requestsCache.get(o,(()=>d.requestsCache.set(o,r()).then((e=>Promise.all([d.requestsCache.delete(o),e])),(e=>Promise.all([d.requestsCache.delete(o),Promise.reject(e)]))).then((([e,t])=>t))))),{miss:e=>d.responsesCache.set(o,e)})},write:(e,t)=>kn(d,d.hosts.filter((e=>!!(e.accept&gn.Write))),e,hn(t,d.timeouts.write))};return d}({hosts:[{url:`${t}-dsn.algolia.net`,accept:gn.Read},{url:`${t}.algolia.net`,accept:gn.Write}].concat(dn([{url:`${t}-1.algolianet.com`},{url:`${t}-2.algolianet.com`},{url:`${t}-3.algolianet.com`}])),...e,headers:{...n.headers(),"content-type":"application/x-www-form-urlencoded",...e.headers},queryParameters:{...n.queryParameters(),...e.queryParameters}}),o={transporter:r,appId:t,addAlgoliaAgent(e,t){r.userAgent.add({segment:e,version:t})},clearCache:()=>Promise.all([r.requestsCache.clear(),r.responsesCache.clear()]).then((()=>{}))};return pn(o,e.methods)},Tn=e=>(t,n)=>t.method===Sn?e.transporter.read(t,n):e.transporter.write(t,n),Pn=e=>(t,n={})=>pn({transporter:e.transporter,appId:e.appId,indexName:t},n.methods),Ln=e=>(t,n)=>{const r=t.map((e=>({...e,params:_n(e.params||{})})));return e.transporter.read({method:xn,path:"1/indexes/*/queries",data:{requests:r},cacheable:!0},n)},In=e=>(t,n)=>Promise.all(t.map((t=>{const{facetName:r,facetQuery:o,...a}=t.params;return Pn(e)(t.indexName,{methods:{searchForFacetValues:Dn}}).searchForFacetValues(r,o,{...n,...a})}))),Rn=e=>(t,n,r)=>e.transporter.read({method:xn,path:fn("1/answers/%s/prediction",e.indexName),data:{query:t,queryLanguages:n},cacheable:!0},r),Nn=e=>(t,n)=>e.transporter.read({method:xn,path:fn("1/indexes/%s/query",e.indexName),data:{query:t},cacheable:!0},n),Dn=e=>(t,n,r)=>e.transporter.read({method:xn,path:fn("1/indexes/%s/facets/%s/query",e.indexName,t),data:{facetQuery:n},cacheable:!0},r),Mn=1,Fn=2,zn=3;function Bn(e,t,n){const r={appId:e,apiKey:t,timeouts:{connect:1,read:2,write:30},requester:{send:e=>new Promise((t=>{const n=new XMLHttpRequest;n.open(e.method,e.url,!0),Object.keys(e.headers).forEach((t=>n.setRequestHeader(t,e.headers[t])));const r=(e,r)=>setTimeout((()=>{n.abort(),t({status:0,content:r,isTimedOut:!0})}),1e3*e),o=r(e.connectTimeout,"Connection timeout");let a;n.onreadystatechange=()=>{n.readyState>n.OPENED&&void 0===a&&(clearTimeout(o),a=r(e.responseTimeout,"Socket timeout"))},n.onerror=()=>{0===n.status&&(clearTimeout(o),clearTimeout(a),t({content:n.responseText||"Network request failed",status:n.status,isTimedOut:!1}))},n.onload=()=>{clearTimeout(o),clearTimeout(a),t({content:n.responseText,status:n.status,isTimedOut:!1})},n.send(e.data)}))},logger:(o=zn,{debug:(e,t)=>(Mn>=o&&console.debug(e,t),Promise.resolve()),info:(e,t)=>(Fn>=o&&console.info(e,t),Promise.resolve()),error:(e,t)=>(console.error(e,t),Promise.resolve())}),responsesCache:un(),requestsCache:un({serializable:!1}),hostsCache:cn({caches:[ln({key:`4.19.1-${e}`}),un()]}),userAgent:jn("4.19.1").add({segment:"Browser",version:"lite"}),authMode:mn.WithinQueryParameters};var o;return On({...r,...n,methods:{search:Ln,searchForFacetValues:In,multipleQueries:Ln,multipleSearchForFacetValues:In,customRequest:Tn,initIndex:e=>t=>Pn(e)(t,{methods:{search:Nn,searchForFacetValues:Dn,findAnswers:Rn}})}})}Bn.version="4.19.1";var Un=["footer","searchBox"];function qn(e){var t=e.appId,n=e.apiKey,o=e.indexName,i=e.placeholder,u=void 0===i?"Search docs":i,d=e.searchParameters,p=e.maxResultsPerGroup,f=e.onClose,m=void 0===f?Kt:f,h=e.transformItems,g=void 0===h?Gt:h,b=e.hitComponent,y=void 0===b?Et:b,v=e.resultsFooterComponent,w=void 0===v?function(){return null}:v,S=e.navigator,x=e.initialScrollY,k=void 0===x?0:x,j=e.transformSearchClient,E=void 0===j?Gt:j,_=e.disableUserPersonalization,C=void 0!==_&&_,A=e.initialQuery,O=void 0===A?"":A,T=e.translations,P=void 0===T?{}:T,L=e.getMissingResultsUrl,I=e.insights,R=void 0!==I&&I,N=P.footer,D=P.searchBox,M=l(P,Un),F=c(r.useState({query:"",collections:[],completion:null,context:{},isOpen:!1,activeItemId:null,status:"idle"}),2),z=F[0],B=F[1],U=r.useRef(null),q=r.useRef(null),$=r.useRef(null),H=r.useRef(null),V=r.useRef(null),G=r.useRef(10),W=r.useRef("undefined"!=typeof window?window.getSelection().toString().slice(0,64):"").current,K=r.useRef(O||W).current,Q=function(e,t,n){return r.useMemo((function(){var r=Bn(e,t);return r.addAlgoliaAgent("docsearch","3.6.2"),!1===/docsearch.js \(.*\)/.test(r.transporter.userAgent.value)&&r.addAlgoliaAgent("docsearch-react","3.6.2"),n(r)}),[e,t,n])}(t,n,E),Y=r.useRef(sn({key:"__DOCSEARCH_FAVORITE_SEARCHES__".concat(o),limit:10})).current,Z=r.useRef(sn({key:"__DOCSEARCH_RECENT_SEARCHES__".concat(o),limit:0===Y.getAll().length?7:4})).current,J=r.useCallback((function(e){if(!C){var t="content"===e.type?e.__docsearch_parent:e;t&&-1===Y.getAll().findIndex((function(e){return e.objectID===t.objectID}))&&Z.add(t)}}),[Y,Z,C]),X=r.useCallback((function(e){if(z.context.algoliaInsightsPlugin&&e.__autocomplete_id){var t=e,n={eventName:"Item Selected",index:t.__autocomplete_indexName,items:[t],positions:[e.__autocomplete_id],queryID:t.__autocomplete_queryID};z.context.algoliaInsightsPlugin.insights.clickedObjectIDsAfterSearch(n)}}),[z.context.algoliaInsightsPlugin]),ee=r.useMemo((function(){return St({id:"docsearch",defaultActiveItemId:0,placeholder:u,openOnFocus:!0,initialState:{query:K,context:{searchSuggestions:[]}},insights:R,navigator:S,onStateChange:function(e){B(e.state)},getSources:function(e){var r=e.query,i=e.state,s=e.setContext,l=e.setStatus;if(!r)return C?[]:[{sourceId:"recentSearches",onSelect:function(e){var t=e.item,n=e.event;J(t),Wt(n)||m()},getItemUrl:function(e){return e.item.url},getItems:function(){return Z.getAll()}},{sourceId:"favoriteSearches",onSelect:function(e){var t=e.item,n=e.event;J(t),Wt(n)||m()},getItemUrl:function(e){return e.item.url},getItems:function(){return Y.getAll()}}];var c=Boolean(R);return Q.search([{query:r,indexName:o,params:a({attributesToRetrieve:["hierarchy.lvl0","hierarchy.lvl1","hierarchy.lvl2","hierarchy.lvl3","hierarchy.lvl4","hierarchy.lvl5","hierarchy.lvl6","content","type","url"],attributesToSnippet:["hierarchy.lvl1:".concat(G.current),"hierarchy.lvl2:".concat(G.current),"hierarchy.lvl3:".concat(G.current),"hierarchy.lvl4:".concat(G.current),"hierarchy.lvl5:".concat(G.current),"hierarchy.lvl6:".concat(G.current),"content:".concat(G.current)],snippetEllipsisText:"\u2026",highlightPreTag:"<mark>",highlightPostTag:"</mark>",hitsPerPage:20,clickAnalytics:c},d)}]).catch((function(e){throw"RetryError"===e.name&&l("error"),e})).then((function(e){var r=e.results[0],l=r.hits,u=r.nbHits,d=Vt(l,(function(e){return Zt(e)}),p);i.context.searchSuggestions.length<Object.keys(d).length&&s({searchSuggestions:Object.keys(d)}),s({nbHits:u});var f={};return c&&(f={__autocomplete_indexName:o,__autocomplete_queryID:r.queryID,__autocomplete_algoliaCredentials:{appId:t,apiKey:n}}),Object.values(d).map((function(e,t){return{sourceId:"hits".concat(t),onSelect:function(e){var t=e.item,n=e.event;J(t),Wt(n)||m()},getItemUrl:function(e){return e.item.url},getItems:function(){return Object.values(Vt(e,(function(e){return e.hierarchy.lvl1}),p)).map(g).map((function(e){return e.map((function(t){var n=null,r=e.find((function(e){return"lvl1"===e.type&&e.hierarchy.lvl1===t.hierarchy.lvl1}));return"lvl1"!==t.type&&r&&(n=r),a(a({},t),{},{__docsearch_parent:n},f)}))})).flat()}}}))}))}})}),[o,d,p,Q,m,Z,Y,J,K,u,S,g,C,R,t,n]),te=ee.getEnvironmentProps,ne=ee.getRootProps,re=ee.refresh;return function(e){var t=e.getEnvironmentProps,n=e.panelElement,o=e.formElement,a=e.inputElement;r.useEffect((function(){if(n&&o&&a){var e=t({panelElement:n,formElement:o,inputElement:a}),r=e.onTouchStart,i=e.onTouchMove;return window.addEventListener("touchstart",r),window.addEventListener("touchmove",i),function(){window.removeEventListener("touchstart",r),window.removeEventListener("touchmove",i)}}}),[t,n,o,a])}({getEnvironmentProps:te,panelElement:H.current,formElement:$.current,inputElement:V.current}),function(e){var t=e.container;r.useEffect((function(){if(t){var e=t.querySelectorAll("a[href]:not([disabled]), button:not([disabled]), input:not([disabled])"),n=e[0],r=e[e.length-1];return t.addEventListener("keydown",o),function(){t.removeEventListener("keydown",o)}}function o(e){"Tab"===e.key&&(e.shiftKey?document.activeElement===n&&(e.preventDefault(),r.focus()):document.activeElement===r&&(e.preventDefault(),n.focus()))}}),[t])}({container:U.current}),r.useEffect((function(){return document.body.classList.add("DocSearch--active"),function(){var e,t;document.body.classList.remove("DocSearch--active"),null===(e=(t=window).scrollTo)||void 0===e||e.call(t,0,k)}}),[]),r.useEffect((function(){window.matchMedia("(max-width: 768px)").matches&&(G.current=5)}),[]),r.useEffect((function(){H.current&&(H.current.scrollTop=0)}),[z.query]),r.useEffect((function(){K.length>0&&(re(),V.current&&V.current.focus())}),[K,re]),r.useEffect((function(){function e(){if(q.current){var e=.01*window.innerHeight;q.current.style.setProperty("--docsearch-vh","".concat(e,"px"))}}return e(),window.addEventListener("resize",e),function(){window.removeEventListener("resize",e)}}),[]),r.createElement("div",s({ref:U},ne({"aria-expanded":!0}),{className:["DocSearch","DocSearch-Container","stalled"===z.status&&"DocSearch-Container--Stalled","error"===z.status&&"DocSearch-Container--Errored"].filter(Boolean).join(" "),role:"button",tabIndex:0,onMouseDown:function(e){e.target===e.currentTarget&&m()}}),r.createElement("div",{className:"DocSearch-Modal",ref:q},r.createElement("header",{className:"DocSearch-SearchBar",ref:$},r.createElement(on,s({},ee,{state:z,autoFocus:0===K.length,inputRef:V,isFromSelection:Boolean(K)&&K===W,translations:D,onClose:m}))),r.createElement("div",{className:"DocSearch-Dropdown",ref:H},r.createElement(nn,s({},ee,{indexName:o,state:z,hitComponent:y,resultsFooterComponent:w,disableUserPersonalization:C,recentSearches:Z,favoriteSearches:Y,inputRef:V,translations:M,getMissingResultsUrl:L,onItemClick:function(e,t){X(e),J(e),Wt(t)||m()}}))),r.createElement("footer",{className:"DocSearch-Footer"},r.createElement(jt,{translations:N}))))}function $n(e){var t=e.isOpen,n=e.onOpen,o=e.onClose,a=e.onInput,i=e.searchButtonRef;r.useEffect((function(){function e(e){var r;(27===e.keyCode&&t||"k"===(null===(r=e.key)||void 0===r?void 0:r.toLowerCase())&&(e.metaKey||e.ctrlKey)||!function(e){var t=e.target,n=t.tagName;return t.isContentEditable||"INPUT"===n||"SELECT"===n||"TEXTAREA"===n}(e)&&"/"===e.key&&!t)&&(e.preventDefault(),t?o():document.body.classList.contains("DocSearch--active")||document.body.classList.contains("DocSearch--active")||n()),i&&i.current===document.activeElement&&a&&/[a-zA-Z0-9]/.test(String.fromCharCode(e.keyCode))&&a(e)}return window.addEventListener("keydown",e),function(){window.removeEventListener("keydown",e)}}),[t,n,o,a,i])}},9927:(e,t,n)=>{var r={"./":6532};function o(e){var t=a(e);return n(t)}function a(e){if(!n.o(r,e)){var t=new Error("Cannot find module '"+e+"'");throw t.code="MODULE_NOT_FOUND",t}return r[e]}o.keys=function(){return Object.keys(r)},o.resolve=a,e.exports=o,o.id=9927},1377:(e,t,n)=>{"use strict";n.d(t,{A:()=>p});n(758);var r=n(9235),o=n.n(r),a=n(4054);const i={"012f76d8":[()=>n.e(1733).then(n.bind(n,5380)),"@site/i18n/ja/docusaurus-plugin-content-docs/current/about/promote/for-team.mdx",5380],"01a85c17":[()=>Promise.all([n.e(1869),n.e(8209)]).then(n.bind(n,7975)),"@theme/BlogTagsListPage",7975],"0288f121":[()=>n.e(6285).then(n.bind(n,8124)),"@site/i18n/ja/docusaurus-plugin-content-docs/current/guides/examples/auth.md",8124],"0289c23f":[()=>n.e(1436).then(n.bind(n,5510)),"@site/i18n/ja/docusaurus-plugin-content-docs/current/guides/examples/metric.mdx",5510],"05cea7a5":[()=>n.e(688).then(n.bind(n,4505)),"@site/i18n/ja/docusaurus-plugin-content-docs/current/get-started/cheatsheet.mdx",4505],"06894aee":[()=>n.e(1083).then(n.bind(n,6840)),"@site/i18n/ja/docusaurus-plugin-content-docs/current/guides/examples/autocompleted.mdx",6840],"0d985d97":[()=>n.e(6823).then(n.bind(n,917)),"@site/i18n/ja/docusaurus-plugin-content-docs/current/guides/migration/from-custom.md",917],"0fe5f65b":[()=>n.e(3970).then(n.bind(n,4059)),"@site/i18n/ja/docusaurus-plugin-content-docs/current/guides/examples/browser-api.mdx",4059],"12472d65":[()=>n.e(9248).then(n.bind(n,2792)),"@site/i18n/ja/docusaurus-plugin-content-docs/current/reference/layers.mdx",2792],"13884f15":[()=>n.e(7783).then(n.bind(n,3254)),"@site/i18n/ja/docusaurus-plugin-content-docs/current/about/mission.md",3254],"165a9db9":[()=>n.e(6916).then(n.bind(n,486)),"@site/i18n/ja/docusaurus-plugin-content-docs/current/about/alternatives.mdx",486],17896441:[()=>Promise.all([n.e(1869),n.e(4342),n.e(1617),n.e(8401)]).then(n.bind(n,3097)),"@theme/DocItem",3097],"179fe0e3":[()=>n.e(8973).then(n.bind(n,258)),"@site/i18n/ja/docusaurus-plugin-content-docs/current/about/promote/for-company.mdx",258],"1943626f":[()=>n.e(6726).then(n.bind(n,3952)),"@site/blog/2022-06-04-rebranding.md",3952],"1a4e3797":[()=>Promise.all([n.e(1869),n.e(2138)]).then(n.bind(n,4164)),"@theme/SearchPage",4164],"1df93b7f":[()=>Promise.all([n.e(1869),n.e(9820),n.e(7603),n.e(2511),n.e(4583)]).then(n.bind(n,3395)),"@site/src/pages/index.tsx",3395],"1ef93b0e":[()=>n.e(2900).then(n.bind(n,1095)),"@site/i18n/ja/docusaurus-plugin-content-docs/current/about/promote/partial-application.mdx",1095],"2380b188":[()=>n.e(7369).then(n.t.bind(n,3927,19)),"@generated/docusaurus-plugin-content-blog/default/p/ja-blog-tags-community-637.json",3927],"25a0b29f":[()=>n.e(422).then(n.bind(n,4688)),"@site/blog/2022-07-25-international-community.md?truncated=true",4688],"2b049514":[()=>n.e(4838).then(n.bind(n,6140)),"@site/i18n/ja/docusaurus-plugin-content-docs/current/guides/examples/platforms.mdx",6140],"32d45827":[()=>Promise.all([n.e(1869),n.e(2810)]).then(n.bind(n,5672)),"@site/i18n/ja/docusaurus-plugin-content-docs/current/intro.mdx",5672],"36994c47":[()=>n.e(9858).then(n.t.bind(n,5516,19)),"@generated/docusaurus-plugin-content-blog/default/__plugin.json",5516],"384f90b7":[()=>n.e(8038).then(n.bind(n,7957)),"@site/i18n/ja/docusaurus-plugin-content-docs/current/about/understanding/knowledge-types.md",7957],"40b15635":[()=>n.e(1957).then(n.bind(n,2219)),"@site/i18n/ja/docusaurus-plugin-content-docs/current/branding.md",2219],"419904cc":[()=>n.e(6778).then(n.bind(n,9300)),"@site/i18n/ja/docusaurus-plugin-content-docs/current/guides/tech/with-react-query.mdx",9300],43481703:[()=>n.e(971).then(n.bind(n,1132)),"@site/i18n/ja/docusaurus-plugin-content-docs/current/about/understanding/signals.mdx",1132],44843890:[()=>n.e(3705).then(n.bind(n,4135)),"@site/i18n/ja/docusaurus-plugin-content-docs/current/guides/issues/routes.mdx",4135],"459aea13":[()=>n.e(130).then(n.t.bind(n,6553,19)),"@generated/docusaurus-plugin-content-docs/default/p/ja-docs-646.json",6553],"45dd4bf3":[()=>n.e(1705).then(n.bind(n,4157)),"@site/i18n/ja/docusaurus-plugin-content-docs/current/guides/examples/types.md",4157],"5156988e":[()=>n.e(1650).then(n.t.bind(n,6680,19)),"@generated/docusaurus-plugin-content-blog/default/p/ja-blog-tags-ec9.json",6680],"5c333c6a":[()=>n.e(4064).then(n.bind(n,4774)),"@site/i18n/ja/docusaurus-plugin-content-docs/current/about/motivation.md",4774],"5cc32e33":[()=>Promise.all([n.e(1869),n.e(9820),n.e(3428)]).then(n.bind(n,2966)),"@site/i18n/ja/docusaurus-plugin-content-docs/current/get-started/index.mdx",2966],"5e95c892":[()=>n.e(9647).then(n.bind(n,9355)),"@theme/DocsRoot",9355],"5e9f5e1a":[()=>Promise.resolve().then(n.bind(n,4784)),"@generated/docusaurus.config",4784],"5fd46c70":[()=>n.e(3150).then(n.t.bind(n,9647,19)),"@generated/docusaurus-plugin-content-blog/default/p/ja-blog-tags-promo-73e.json",9647],"623ef7cc":[()=>n.e(1828).then(n.bind(n,1984)),"@site/i18n/ja/docusaurus-plugin-content-docs/current/get-started/tutorial.md",1984],"6875c492":[()=>Promise.all([n.e(1869),n.e(4342),n.e(8492),n.e(4813)]).then(n.bind(n,677)),"@theme/BlogTagsPostsPage",677],"6f39ea9f":[()=>n.e(4548).then(n.bind(n,5879)),"@site/i18n/ja/docusaurus-plugin-content-docs/current/guides/examples/feedback.mdx",5879],"7313bf7a":[()=>n.e(25).then(n.bind(n,7497)),"@site/i18n/en/docusaurus-plugin-content-docs/community/team.mdx",7497],"733708ab":[()=>n.e(1930).then(n.t.bind(n,140,19)),"@generated/docusaurus-plugin-content-blog/default/p/ja-blog-9df.json",140],"7911e77e":[()=>n.e(9081).then(n.t.bind(n,7677,19)),"@generated/docusaurus-plugin-content-blog/default/p/ja-blog-archive-b9d.json",7677],"7c24a3b7":[()=>Promise.all([n.e(1869),n.e(9820),n.e(3518)]).then(n.bind(n,934)),"@site/i18n/ja/docusaurus-plugin-content-docs/current/about/index.mdx",934],"814f3328":[()=>n.e(7472).then(n.t.bind(n,5513,19)),"~blog/default/blog-post-list-prop-default.json",5513],"8704bcbb":[()=>n.e(8945).then(n.bind(n,3567)),"@site/i18n/ja/docusaurus-plugin-content-docs/current/guides/examples/white-labels.mdx",3567],"871e0ed2":[()=>n.e(6749).then(n.bind(n,2866)),"@site/i18n/ja/docusaurus-plugin-content-docs/current/guides/tech/with-nextjs.mdx",2866],"88daebe4":[()=>n.e(8736).then(n.bind(n,9862)),"@site/i18n/ja/docusaurus-plugin-content-docs/current/guides/issues/desegmented.mdx",9862],"89dfa326":[()=>n.e(8036).then(n.bind(n,8635)),"@site/i18n/ja/docusaurus-plugin-content-docs/current/guides/examples/cms.mdx",8635],"8eb9ed98":[()=>n.e(2725).then(n.bind(n,8799)),"@site/i18n/ja/docusaurus-plugin-content-docs/current/guides/examples/monorepo.mdx",8799],"90f695cb":[()=>n.e(7673).then(n.bind(n,1448)),"@site/src/pages/versions/index.tsx",1448],"92d7a9ba":[()=>n.e(9840).then(n.bind(n,1058)),"@site/i18n/ja/docusaurus-plugin-content-docs/current/guides/tech/with-nuxtjs.mdx",1058],"9654fbea":[()=>n.e(187).then(n.bind(n,6609)),"@site/i18n/ja/docusaurus-plugin-content-docs/current/about/understanding/naming.md",6609],"9e4087bc":[()=>n.e(2711).then(n.bind(n,4757)),"@theme/BlogArchivePage",4757],a3319485:[()=>n.e(5193).then(n.bind(n,5686)),"@site/i18n/ja/docusaurus-plugin-content-docs/current/reference/isolation/decouple-entities.mdx",5686],a61c55ce:[()=>Promise.all([n.e(1869),n.e(9820),n.e(8964)]).then(n.bind(n,738)),"@site/i18n/en/docusaurus-plugin-content-docs/community/index.mdx",738],a6aa9e1f:[()=>Promise.all([n.e(1869),n.e(4342),n.e(8492),n.e(7643)]).then(n.bind(n,7110)),"@theme/BlogListPage",7110],a6e3103f:[()=>n.e(2082).then(n.bind(n,1867)),"@site/i18n/ja/docusaurus-plugin-content-docs/current/reference/isolation/index.md",1867],a7456010:[()=>n.e(1235).then(n.t.bind(n,8552,19)),"@generated/docusaurus-plugin-content-pages/default/__plugin.json",8552],a7bd4aaa:[()=>n.e(7098).then(n.bind(n,3614)),"@theme/DocVersionRoot",3614],a94703ab:[()=>Promise.all([n.e(1869),n.e(9048)]).then(n.bind(n,2963)),"@theme/DocRoot",2963],aba21aa0:[()=>n.e(5742).then(n.t.bind(n,7093,19)),"@generated/docusaurus-plugin-content-docs/default/__plugin.json",7093],acecf23e:[()=>n.e(1903).then(n.t.bind(n,1912,19)),"~blog/default/blogMetadata-default.json",1912],adada6d7:[()=>n.e(9385).then(n.bind(n,6184)),"@site/i18n/ja/docusaurus-plugin-content-docs/current/guides/examples/ssr.mdx",6184],b4a7b4dd:[()=>n.e(2799).then(n.bind(n,852)),"@site/i18n/ja/docusaurus-plugin-content-docs/current/guides/issues/cross-imports.mdx",852],b4c136e1:[()=>Promise.all([n.e(1869),n.e(7603),n.e(868)]).then(n.bind(n,1908)),"@site/src/pages/examples/index.tsx",1908],b5a59612:[()=>Promise.all([n.e(1869),n.e(9820),n.e(6846)]).then(n.bind(n,7068)),"@site/i18n/ja/docusaurus-plugin-content-docs/current/guides/index.mdx",7068],b816588c:[()=>n.e(6576).then(n.bind(n,5912)),"@site/i18n/ja/docusaurus-plugin-content-docs/current/about/understanding/abstractions.mdx",5912],ba5630e6:[()=>n.e(4685).then(n.bind(n,5074)),"@site/i18n/ja/docusaurus-plugin-content-docs/current/reference/public-api.md",5074],bc21bcd3:[()=>n.e(9223).then(n.bind(n,1069)),"@site/i18n/ja/docusaurus-plugin-content-docs/current/reference/isolation/coupling-cohesion.md",1069],bd483990:[()=>n.e(1970).then(n.bind(n,9507)),"@site/i18n/ja/docusaurus-plugin-content-docs/current/about/understanding/needs-driven.md",9507],c141421f:[()=>n.e(957).then(n.t.bind(n,936,19)),"@generated/docusaurus-theme-search-algolia/default/__plugin.json",936],c2a37d41:[()=>n.e(692).then(n.bind(n,5619)),"@site/i18n/ja/docusaurus-plugin-content-docs/current/about/promote/integration.mdx",5619],c4fb0dde:[()=>n.e(4051).then(n.t.bind(n,3829,19)),"@generated/docusaurus-plugin-content-docs/community/p/ja-community-e05.json",3829],ccc49370:[()=>Promise.all([n.e(1869),n.e(4342),n.e(8492),n.e(3249)]).then(n.bind(n,7446)),"@theme/BlogPostPage",7446],cef4bc17:[()=>n.e(7352).then(n.bind(n,6724)),"@site/i18n/ja/docusaurus-plugin-content-docs/current/guides/examples/page-layout.md",6724],cf4aad29:[()=>n.e(5).then(n.bind(n,4307)),"@site/i18n/ja/docusaurus-plugin-content-docs/current/guides/migration/from-v1.md",4307],d550a4de:[()=>n.e(1143).then(n.t.bind(n,5558,19)),"@generated/docusaurus-plugin-content-blog/default/p/ja-blog-tags-brand-511.json",5558],e0719818:[()=>n.e(5220).then(n.t.bind(n,8669,19)),"@generated/docusaurus-plugin-content-docs/community/__plugin.json",8669],e35da8fa:[()=>n.e(1028).then(n.bind(n,2822)),"@site/i18n/ja/docusaurus-plugin-content-docs/current/about/understanding/architecture.md",2822],e3945454:[()=>Promise.all([n.e(1869),n.e(9820),n.e(8268)]).then(n.bind(n,7472)),"@site/i18n/ja/docusaurus-plugin-content-docs/current/guides/examples/index.mdx",7472],e878a63e:[()=>n.e(9648).then(n.bind(n,8673)),"@site/i18n/ja/docusaurus-plugin-content-docs/current/guides/tech/with-sveltekit.mdx",8673],e8e5643e:[()=>Promise.all([n.e(1869),n.e(9820),n.e(728)]).then(n.bind(n,7445)),"@site/i18n/ja/docusaurus-plugin-content-docs/current/reference/index.mdx",7445],ebe661a9:[()=>n.e(7498).then(n.bind(n,9266)),"@site/i18n/ja/docusaurus-plugin-content-docs/current/get-started/overview.mdx",9266],ee07dce2:[()=>n.e(292).then(n.t.bind(n,2010,19)),"@generated/docusaurus-plugin-content-blog/default/p/ja-blog-tags-discord-b6d.json",2010],f2e71f4c:[()=>n.e(2441).then(n.bind(n,9813)),"@site/i18n/ja/docusaurus-plugin-content-docs/current/get-started/faq.md",9813],f382d530:[()=>n.e(7784).then(n.bind(n,2227)),"@site/i18n/ja/docusaurus-plugin-content-docs/current/guides/examples/theme.mdx",2227],f565db0c:[()=>Promise.all([n.e(1869),n.e(9534)]).then(n.bind(n,5352)),"@site/src/pages/nav/index.tsx",5352],f6760343:[()=>n.e(6956).then(n.bind(n,5540)),"@site/blog/2022-07-25-international-community.md",5540],f6bb872e:[()=>n.e(2563).then(n.bind(n,4204)),"@site/blog/2022-06-04-rebranding.md?truncated=true",4204],faa48f11:[()=>n.e(2151).then(n.bind(n,3658)),"@site/i18n/ja/docusaurus-plugin-content-docs/current/guides/examples/i18n.mdx",3658],fc907d4c:[()=>n.e(1403).then(n.bind(n,9828)),"@site/i18n/ja/docusaurus-plugin-content-docs/current/reference/slices-segments.mdx",9828]};var s=n(6070);function l(e){let{error:t,retry:n,pastDelay:r}=e;return t?(0,s.jsxs)("div",{style:{textAlign:"center",color:"#fff",backgroundColor:"#fa383e",borderColor:"#fa383e",borderStyle:"solid",borderRadius:"0.25rem",borderWidth:"1px",boxSizing:"border-box",display:"block",padding:"1rem",flex:"0 0 50%",marginLeft:"25%",marginRight:"25%",marginTop:"5rem",maxWidth:"50%",width:"100%"},children:[(0,s.jsx)("p",{children:String(t)}),(0,s.jsx)("div",{children:(0,s.jsx)("button",{type:"button",onClick:n,children:"Retry"})})]}):r?(0,s.jsx)("div",{style:{display:"flex",justifyContent:"center",alignItems:"center",height:"100vh"},children:(0,s.jsx)("svg",{id:"loader",style:{width:128,height:110,position:"absolute",top:"calc(100vh - 64%)"},viewBox:"0 0 45 45",xmlns:"http://www.w3.org/2000/svg",stroke:"#61dafb",children:(0,s.jsxs)("g",{fill:"none",fillRule:"evenodd",transform:"translate(1 1)",strokeWidth:"2",children:[(0,s.jsxs)("circle",{cx:"22",cy:"22",r:"6",strokeOpacity:"0",children:[(0,s.jsx)("animate",{attributeName:"r",begin:"1.5s",dur:"3s",values:"6;22",calcMode:"linear",repeatCount:"indefinite"}),(0,s.jsx)("animate",{attributeName:"stroke-opacity",begin:"1.5s",dur:"3s",values:"1;0",calcMode:"linear",repeatCount:"indefinite"}),(0,s.jsx)("animate",{attributeName:"stroke-width",begin:"1.5s",dur:"3s",values:"2;0",calcMode:"linear",repeatCount:"indefinite"})]}),(0,s.jsxs)("circle",{cx:"22",cy:"22",r:"6",strokeOpacity:"0",children:[(0,s.jsx)("animate",{attributeName:"r",begin:"3s",dur:"3s",values:"6;22",calcMode:"linear",repeatCount:"indefinite"}),(0,s.jsx)("animate",{attributeName:"stroke-opacity",begin:"3s",dur:"3s",values:"1;0",calcMode:"linear",repeatCount:"indefinite"}),(0,s.jsx)("animate",{attributeName:"stroke-width",begin:"3s",dur:"3s",values:"2;0",calcMode:"linear",repeatCount:"indefinite"})]}),(0,s.jsx)("circle",{cx:"22",cy:"22",r:"8",children:(0,s.jsx)("animate",{attributeName:"r",begin:"0s",dur:"1.5s",values:"6;1;2;3;4;5;6",calcMode:"linear",repeatCount:"indefinite"})})]})})}):null}var c=n(8116),u=n(8851);function d(e,t){if("*"===e)return o()({loading:l,loader:()=>n.e(9019).then(n.bind(n,9019)),modules:["@theme/NotFound"],webpack:()=>[9019],render(e,t){const n=e.default;return(0,s.jsx)(u.W,{value:{plugin:{name:"native",id:"default"}},children:(0,s.jsx)(n,{...t})})}});const r=a[`${e}-${t}`],d={},p=[],f=[],m=(0,c.A)(r);return Object.entries(m).forEach((e=>{let[t,n]=e;const r=i[n];r&&(d[t]=r[0],p.push(r[1]),f.push(r[2]))})),o().Map({loading:l,loader:d,modules:p,webpack:()=>f,render(t,n){const o=JSON.parse(JSON.stringify(r));Object.entries(t).forEach((t=>{let[n,r]=t;const a=r.default;if(!a)throw new Error(`The page component at ${e} doesn't have a default export. This makes it impossible to render anything. Consider default-exporting a React component.`);"object"!=typeof a&&"function"!=typeof a||Object.keys(r).filter((e=>"default"!==e)).forEach((e=>{a[e]=r[e]}));let i=o;const s=n.split(".");s.slice(0,-1).forEach((e=>{i=i[e]})),i[s[s.length-1]]=a}));const a=o.__comp;delete o.__comp;const i=o.__context;delete o.__context;const l=o.__props;return delete o.__props,(0,s.jsx)(u.W,{value:i,children:(0,s.jsx)(a,{...o,...l,...n})})}})}const p=[{path:"/ja/blog",component:d("/ja/blog","bdc"),exact:!0},{path:"/ja/blog/archive",component:d("/ja/blog/archive","a57"),exact:!0},{path:"/ja/blog/international-community",component:d("/ja/blog/international-community","6d5"),exact:!0},{path:"/ja/blog/rebranding-stable",component:d("/ja/blog/rebranding-stable","769"),exact:!0},{path:"/ja/blog/tags",component:d("/ja/blog/tags","e5d"),exact:!0},{path:"/ja/blog/tags/brand",component:d("/ja/blog/tags/brand","b92"),exact:!0},{path:"/ja/blog/tags/community",component:d("/ja/blog/tags/community","0b3"),exact:!0},{path:"/ja/blog/tags/discord",component:d("/ja/blog/tags/discord","895"),exact:!0},{path:"/ja/blog/tags/promo",component:d("/ja/blog/tags/promo","197"),exact:!0},{path:"/ja/examples",component:d("/ja/examples","f30"),exact:!0},{path:"/ja/nav",component:d("/ja/nav","c82"),exact:!0},{path:"/ja/search",component:d("/ja/search","5c9"),exact:!0},{path:"/ja/versions",component:d("/ja/versions","833"),exact:!0},{path:"/ja/community",component:d("/ja/community","108"),routes:[{path:"/ja/community",component:d("/ja/community","b02"),routes:[{path:"/ja/community",component:d("/ja/community","904"),routes:[{path:"/ja/community",component:d("/ja/community","c8b"),exact:!0,sidebar:"community"},{path:"/ja/community/team",component:d("/ja/community/team","77e"),exact:!0,sidebar:"community"}]}]}]},{path:"/ja/docs",component:d("/ja/docs","a14"),routes:[{path:"/ja/docs",component:d("/ja/docs","0de"),routes:[{path:"/ja/docs",component:d("/ja/docs","e3f"),routes:[{path:"/ja/docs",component:d("/ja/docs","c6c"),exact:!0},{path:"/ja/docs/about",component:d("/ja/docs/about","b09"),exact:!0,sidebar:"aboutSidebar"},{path:"/ja/docs/about/alternatives",component:d("/ja/docs/about/alternatives","591"),exact:!0,sidebar:"aboutSidebar"},{path:"/ja/docs/about/mission",component:d("/ja/docs/about/mission","a02"),exact:!0,sidebar:"aboutSidebar"},{path:"/ja/docs/about/motivation",component:d("/ja/docs/about/motivation","efa"),exact:!0,sidebar:"aboutSidebar"},{path:"/ja/docs/about/promote/for-company",component:d("/ja/docs/about/promote/for-company","03f"),exact:!0,sidebar:"aboutSidebar"},{path:"/ja/docs/about/promote/for-team",component:d("/ja/docs/about/promote/for-team","896"),exact:!0,sidebar:"aboutSidebar"},{path:"/ja/docs/about/promote/integration",component:d("/ja/docs/about/promote/integration","f1a"),exact:!0,sidebar:"aboutSidebar"},{path:"/ja/docs/about/promote/partial-application",component:d("/ja/docs/about/promote/partial-application","c4a"),exact:!0,sidebar:"aboutSidebar"},{path:"/ja/docs/about/understanding/abstractions",component:d("/ja/docs/about/understanding/abstractions","d0b"),exact:!0,sidebar:"aboutSidebar"},{path:"/ja/docs/about/understanding/architecture",component:d("/ja/docs/about/understanding/architecture","7af"),exact:!0,sidebar:"aboutSidebar"},{path:"/ja/docs/about/understanding/knowledge-types",component:d("/ja/docs/about/understanding/knowledge-types","76a"),exact:!0,sidebar:"aboutSidebar"},{path:"/ja/docs/about/understanding/naming",component:d("/ja/docs/about/understanding/naming","f0a"),exact:!0,sidebar:"aboutSidebar"},{path:"/ja/docs/about/understanding/needs-driven",component:d("/ja/docs/about/understanding/needs-driven","bb0"),exact:!0,sidebar:"aboutSidebar"},{path:"/ja/docs/about/understanding/signals",component:d("/ja/docs/about/understanding/signals","9c3"),exact:!0,sidebar:"aboutSidebar"},{path:"/ja/docs/branding",component:d("/ja/docs/branding","eb1"),exact:!0},{path:"/ja/docs/get-started",component:d("/ja/docs/get-started","cb7"),exact:!0,sidebar:"getstartedSidebar"},{path:"/ja/docs/get-started/cheatsheet",component:d("/ja/docs/get-started/cheatsheet","bcd"),exact:!0,sidebar:"getstartedSidebar"},{path:"/ja/docs/get-started/faq",component:d("/ja/docs/get-started/faq","d4b"),exact:!0,sidebar:"getstartedSidebar"},{path:"/ja/docs/get-started/overview",component:d("/ja/docs/get-started/overview","2c1"),exact:!0,sidebar:"getstartedSidebar"},{path:"/ja/docs/get-started/tutorial",component:d("/ja/docs/get-started/tutorial","f84"),exact:!0,sidebar:"getstartedSidebar"},{path:"/ja/docs/guides",component:d("/ja/docs/guides","7e8"),exact:!0,sidebar:"guidesSidebar"},{path:"/ja/docs/guides/examples",component:d("/ja/docs/guides/examples","d64"),exact:!0,sidebar:"guidesSidebar"},{path:"/ja/docs/guides/examples/auth",component:d("/ja/docs/guides/examples/auth","c02"),exact:!0,sidebar:"guidesSidebar"},{path:"/ja/docs/guides/examples/autocompleted",component:d("/ja/docs/guides/examples/autocompleted","243"),exact:!0,sidebar:"guidesSidebar"},{path:"/ja/docs/guides/examples/browser-api",component:d("/ja/docs/guides/examples/browser-api","81d"),exact:!0,sidebar:"guidesSidebar"},{path:"/ja/docs/guides/examples/cms",component:d("/ja/docs/guides/examples/cms","c63"),exact:!0,sidebar:"guidesSidebar"},{path:"/ja/docs/guides/examples/feedback",component:d("/ja/docs/guides/examples/feedback","5f8"),exact:!0,sidebar:"guidesSidebar"},{path:"/ja/docs/guides/examples/i18n",component:d("/ja/docs/guides/examples/i18n","47b"),exact:!0,sidebar:"guidesSidebar"},{path:"/ja/docs/guides/examples/metric",component:d("/ja/docs/guides/examples/metric","2e1"),exact:!0,sidebar:"guidesSidebar"},{path:"/ja/docs/guides/examples/monorepo",component:d("/ja/docs/guides/examples/monorepo","66e"),exact:!0,sidebar:"guidesSidebar"},{path:"/ja/docs/guides/examples/page-layout",component:d("/ja/docs/guides/examples/page-layout","427"),exact:!0,sidebar:"guidesSidebar"},{path:"/ja/docs/guides/examples/platforms",component:d("/ja/docs/guides/examples/platforms","909"),exact:!0,sidebar:"guidesSidebar"},{path:"/ja/docs/guides/examples/ssr",component:d("/ja/docs/guides/examples/ssr","6bf"),exact:!0,sidebar:"guidesSidebar"},{path:"/ja/docs/guides/examples/theme",component:d("/ja/docs/guides/examples/theme","2ca"),exact:!0,sidebar:"guidesSidebar"},{path:"/ja/docs/guides/examples/types",component:d("/ja/docs/guides/examples/types","98a"),exact:!0,sidebar:"guidesSidebar"},{path:"/ja/docs/guides/examples/white-labels",component:d("/ja/docs/guides/examples/white-labels","fc3"),exact:!0,sidebar:"guidesSidebar"},{path:"/ja/docs/guides/issues/cross-imports",component:d("/ja/docs/guides/issues/cross-imports","3ac"),exact:!0,sidebar:"guidesSidebar"},{path:"/ja/docs/guides/issues/desegmented",component:d("/ja/docs/guides/issues/desegmented","16d"),exact:!0,sidebar:"guidesSidebar"},{path:"/ja/docs/guides/issues/routes",component:d("/ja/docs/guides/issues/routes","41e"),exact:!0,sidebar:"guidesSidebar"},{path:"/ja/docs/guides/migration/from-custom",component:d("/ja/docs/guides/migration/from-custom","158"),exact:!0,sidebar:"guidesSidebar"},{path:"/ja/docs/guides/migration/from-v1",component:d("/ja/docs/guides/migration/from-v1","441"),exact:!0,sidebar:"guidesSidebar"},{path:"/ja/docs/guides/tech/with-nextjs",component:d("/ja/docs/guides/tech/with-nextjs","382"),exact:!0,sidebar:"guidesSidebar"},{path:"/ja/docs/guides/tech/with-nuxtjs",component:d("/ja/docs/guides/tech/with-nuxtjs","c7e"),exact:!0,sidebar:"guidesSidebar"},{path:"/ja/docs/guides/tech/with-react-query",component:d("/ja/docs/guides/tech/with-react-query","b7d"),exact:!0,sidebar:"guidesSidebar"},{path:"/ja/docs/guides/tech/with-sveltekit",component:d("/ja/docs/guides/tech/with-sveltekit","7e1"),exact:!0,sidebar:"guidesSidebar"},{path:"/ja/docs/reference",component:d("/ja/docs/reference","355"),exact:!0,sidebar:"referenceSidebar"},{path:"/ja/docs/reference/isolation",component:d("/ja/docs/reference/isolation","816"),exact:!0,sidebar:"referenceSidebar"},{path:"/ja/docs/reference/isolation/coupling-cohesion",component:d("/ja/docs/reference/isolation/coupling-cohesion","cc6"),exact:!0,sidebar:"referenceSidebar"},{path:"/ja/docs/reference/isolation/decouple-entities",component:d("/ja/docs/reference/isolation/decouple-entities","766"),exact:!0,sidebar:"referenceSidebar"},{path:"/ja/docs/reference/layers",component:d("/ja/docs/reference/layers","145"),exact:!0,sidebar:"referenceSidebar"},{path:"/ja/docs/reference/public-api",component:d("/ja/docs/reference/public-api","b90"),exact:!0,sidebar:"referenceSidebar"},{path:"/ja/docs/reference/slices-segments",component:d("/ja/docs/reference/slices-segments","ace"),exact:!0,sidebar:"referenceSidebar"}]}]}]},{path:"/ja/",component:d("/ja/","21d"),exact:!0},{path:"*",component:d("*")}]},5360:(e,t,n)=>{"use strict";n.d(t,{o:()=>a,x:()=>i});var r=n(758),o=n(6070);const a=r.createContext(!1);function i(e){let{children:t}=e;const[n,i]=(0,r.useState)(!1);return(0,r.useEffect)((()=>{i(!0)}),[]),(0,o.jsx)(a.Provider,{value:n,children:t})}},3096:(e,t,n)=>{"use strict";var r=n(758),o=n(9576),a=n(248),i=n(1742),s=n(4784),l=n(3088);const c=[n(4504),n(9773),n(5348),n(8602),n(8468)];var u=n(1377),d=n(5557),p=n(389),f=n(6070);function m(e){let{children:t}=e;return(0,f.jsx)(f.Fragment,{children:t})}var h=n(2293),g=n(9143),b=n(5252),y=n(316),v=n(898),w=n(1529),S=n(9782),x=n(4937),k=n(3509),j=n(1701);function E(){const{i18n:{currentLocale:e,defaultLocale:t,localeConfigs:n}}=(0,g.A)(),r=(0,w.o)(),o=n[e].htmlLang,a=e=>e.replace("-","_");return(0,f.jsxs)(h.A,{children:[Object.entries(n).map((e=>{let[t,{htmlLang:n}]=e;return(0,f.jsx)("link",{rel:"alternate",href:r.createUrl({locale:t,fullyQualified:!0}),hrefLang:n},t)})),(0,f.jsx)("link",{rel:"alternate",href:r.createUrl({locale:t,fullyQualified:!0}),hrefLang:"x-default"}),(0,f.jsx)("meta",{property:"og:locale",content:a(o)}),Object.values(n).filter((e=>o!==e.htmlLang)).map((e=>(0,f.jsx)("meta",{property:"og:locale:alternate",content:a(e.htmlLang)},`meta-og-${e.htmlLang}`)))]})}function _(e){let{permalink:t}=e;const{siteConfig:{url:n}}=(0,g.A)(),r=function(){const{siteConfig:{url:e,baseUrl:t,trailingSlash:n}}=(0,g.A)(),{pathname:r}=(0,d.zy)();return e+(0,k.Ks)((0,b.Ay)(r),{trailingSlash:n,baseUrl:t})}(),o=t?`${n}${t}`:r;return(0,f.jsxs)(h.A,{children:[(0,f.jsx)("meta",{property:"og:url",content:o}),(0,f.jsx)("link",{rel:"canonical",href:o})]})}function C(){const{i18n:{currentLocale:e}}=(0,g.A)(),{metadata:t,image:n}=(0,y.p)();return(0,f.jsxs)(f.Fragment,{children:[(0,f.jsxs)(h.A,{children:[(0,f.jsx)("meta",{name:"twitter:card",content:"summary_large_image"}),(0,f.jsx)("body",{className:S.w})]}),n&&(0,f.jsx)(v.be,{image:n}),(0,f.jsx)(_,{}),(0,f.jsx)(E,{}),(0,f.jsx)(j.A,{tag:x.C,locale:e}),(0,f.jsx)(h.A,{children:t.map(((e,t)=>(0,f.jsx)("meta",{...e},t)))})]})}const A=new Map;var O=n(5360),T=n(1170),P=n(8302);function L(e){for(var t=arguments.length,n=new Array(t>1?t-1:0),r=1;r<t;r++)n[r-1]=arguments[r];const o=c.map((t=>{const r=t.default?.[e]??t[e];return r?.(...n)}));return()=>o.forEach((e=>e?.()))}const I=function(e){let{children:t,location:n,previousLocation:r}=e;return(0,P.A)((()=>{r!==n&&(!function(e){let{location:t,previousLocation:n}=e;if(!n)return;const r=t.pathname===n.pathname,o=t.hash===n.hash,a=t.search===n.search;if(r&&o&&!a)return;const{hash:i}=t;if(i){const e=decodeURIComponent(i.substring(1)),t=document.getElementById(e);t?.scrollIntoView()}else window.scrollTo(0,0)}({location:n,previousLocation:r}),L("onRouteDidUpdate",{previousLocation:r,location:n}))}),[r,n]),t};function R(e){const t=Array.from(new Set([e,decodeURI(e)])).map((e=>(0,p.u)(u.A,e))).flat();return Promise.all(t.map((e=>e.route.component.preload?.())))}class N extends r.Component{previousLocation;routeUpdateCleanupCb;constructor(e){super(e),this.previousLocation=null,this.routeUpdateCleanupCb=l.A.canUseDOM?L("onRouteUpdate",{previousLocation:null,location:this.props.location}):()=>{},this.state={nextRouteHasLoaded:!0}}shouldComponentUpdate(e,t){if(e.location===this.props.location)return t.nextRouteHasLoaded;const n=e.location;return this.previousLocation=this.props.location,this.setState({nextRouteHasLoaded:!1}),this.routeUpdateCleanupCb=L("onRouteUpdate",{previousLocation:this.previousLocation,location:n}),R(n.pathname).then((()=>{this.routeUpdateCleanupCb(),this.setState({nextRouteHasLoaded:!0})})).catch((e=>{console.warn(e),window.location.reload()})),!1}render(){const{children:e,location:t}=this.props;return(0,f.jsx)(I,{previousLocation:this.previousLocation,location:t,children:(0,f.jsx)(d.qh,{location:t,render:()=>e})})}}const D=N,M="__docusaurus-base-url-issue-banner-container",F="__docusaurus-base-url-issue-banner",z="__docusaurus-base-url-issue-banner-suggestion-container";function B(e){return`\ndocument.addEventListener('DOMContentLoaded', function maybeInsertBanner() {\n  var shouldInsert = typeof window['docusaurus'] === 'undefined';\n  shouldInsert && insertBanner();\n});\n\nfunction insertBanner() {\n  var bannerContainer = document.createElement('div');\n  bannerContainer.id = '${M}';\n  var bannerHtml = ${JSON.stringify(function(e){return`\n<div id="${F}" style="border: thick solid red; background-color: rgb(255, 230, 179); margin: 20px; padding: 20px; font-size: 20px;">\n   <p style="font-weight: bold; font-size: 30px;">Your Docusaurus site did not load properly.</p>\n   <p>A very common reason is a wrong site <a href="https://docusaurus.io/docs/docusaurus.config.js/#baseUrl" style="font-weight: bold;">baseUrl configuration</a>.</p>\n   <p>Current configured baseUrl = <span style="font-weight: bold; color: red;">${e}</span> ${"/"===e?" (default value)":""}</p>\n   <p>We suggest trying baseUrl = <span id="${z}" style="font-weight: bold; color: green;"></span></p>\n</div>\n`}(e)).replace(/</g,"\\<")};\n  bannerContainer.innerHTML = bannerHtml;\n  document.body.prepend(bannerContainer);\n  var suggestionContainer = document.getElementById('${z}');\n  var actualHomePagePath = window.location.pathname;\n  var suggestedBaseUrl = actualHomePagePath.substr(-1) === '/'\n        ? actualHomePagePath\n        : actualHomePagePath + '/';\n  suggestionContainer.innerHTML = suggestedBaseUrl;\n}\n`}function U(){const{siteConfig:{baseUrl:e}}=(0,g.A)();return(0,f.jsx)(f.Fragment,{children:!l.A.canUseDOM&&(0,f.jsx)(h.A,{children:(0,f.jsx)("script",{children:B(e)})})})}function q(){const{siteConfig:{baseUrl:e,baseUrlIssueBanner:t}}=(0,g.A)(),{pathname:n}=(0,d.zy)();return t&&n===e?(0,f.jsx)(U,{}):null}function $(){const{siteConfig:{favicon:e,title:t,noIndex:n},i18n:{currentLocale:r,localeConfigs:o}}=(0,g.A)(),a=(0,b.Ay)(e),{htmlLang:i,direction:s}=o[r];return(0,f.jsxs)(h.A,{children:[(0,f.jsx)("html",{lang:i,dir:s}),(0,f.jsx)("title",{children:t}),(0,f.jsx)("meta",{property:"og:title",content:t}),(0,f.jsx)("meta",{name:"viewport",content:"width=device-width, initial-scale=1.0"}),n&&(0,f.jsx)("meta",{name:"robots",content:"noindex, nofollow"}),e&&(0,f.jsx)("link",{rel:"icon",href:a})]})}var H=n(356),V=n(2630);function G(){const e=(0,V.A)();return(0,f.jsx)(h.A,{children:(0,f.jsx)("html",{"data-has-hydrated":e})})}const W=(0,p.v)(u.A);function K(){const e=function(e){if(A.has(e.pathname))return{...e,pathname:A.get(e.pathname)};if((0,p.u)(u.A,e.pathname).some((e=>{let{route:t}=e;return!0===t.exact})))return A.set(e.pathname,e.pathname),e;const t=e.pathname.trim().replace(/(?:\/index)?\.html$/,"")||"/";return A.set(e.pathname,t),{...e,pathname:t}}((0,d.zy)());return(0,f.jsx)(D,{location:e,children:W})}function Q(){return(0,f.jsx)(H.A,{children:(0,f.jsx)(T.l,{children:(0,f.jsxs)(O.x,{children:[(0,f.jsxs)(m,{children:[(0,f.jsx)($,{}),(0,f.jsx)(C,{}),(0,f.jsx)(q,{}),(0,f.jsx)(K,{})]}),(0,f.jsx)(G,{})]})})})}var Y=n(4054);const Z=function(e){try{return document.createElement("link").relList.supports(e)}catch{return!1}}("prefetch")?function(e){return new Promise(((t,n)=>{if("undefined"==typeof document)return void n();const r=document.createElement("link");r.setAttribute("rel","prefetch"),r.setAttribute("href",e),r.onload=()=>t(),r.onerror=()=>n();const o=document.getElementsByTagName("head")[0]??document.getElementsByName("script")[0]?.parentNode;o?.appendChild(r)}))}:function(e){return new Promise(((t,n)=>{const r=new XMLHttpRequest;r.open("GET",e,!0),r.withCredentials=!0,r.onload=()=>{200===r.status?t():n()},r.send(null)}))};var J=n(8116);const X=new Set,ee=new Set,te=()=>navigator.connection?.effectiveType.includes("2g")||navigator.connection?.saveData,ne={prefetch:e=>{if(!(e=>!te()&&!ee.has(e)&&!X.has(e))(e))return!1;X.add(e);const t=(0,p.u)(u.A,e).flatMap((e=>{return t=e.route.path,Object.entries(Y).filter((e=>{let[n]=e;return n.replace(/-[^-]+$/,"")===t})).flatMap((e=>{let[,t]=e;return Object.values((0,J.A)(t))}));var t}));return Promise.all(t.map((e=>{const t=n.gca(e);return t&&!t.includes("undefined")?Z(t).catch((()=>{})):Promise.resolve()})))},preload:e=>!!(e=>!te()&&!ee.has(e))(e)&&(ee.add(e),R(e))},re=Object.freeze(ne);function oe(e){let{children:t}=e;return"hash"===s.default.future.experimental_router?(0,f.jsx)(i.I9,{children:t}):(0,f.jsx)(i.Kd,{children:t})}const ae=Boolean(!0);if(l.A.canUseDOM){window.docusaurus=re;const e=document.getElementById("__docusaurus"),t=(0,f.jsx)(a.vd,{children:(0,f.jsx)(oe,{children:(0,f.jsx)(Q,{})})}),n=(e,t)=>{console.error("Docusaurus React Root onRecoverableError:",e,t)},i=()=>{if(window.docusaurusRoot)window.docusaurusRoot.render(t);else if(ae)window.docusaurusRoot=o.hydrateRoot(e,t,{onRecoverableError:n});else{const r=o.createRoot(e,{onRecoverableError:n});r.render(t),window.docusaurusRoot=r}};R(window.location.pathname).then((()=>{(0,r.startTransition)(i)}))}},1170:(e,t,n)=>{"use strict";n.d(t,{o:()=>d,l:()=>p});var r=n(758),o=n(4784);const a=JSON.parse('{"docusaurus-plugin-content-docs":{"default":{"path":"/ja/docs","versions":[{"name":"current","label":"v2.0.0 \ud83c\udf70","isLast":true,"path":"/ja/docs","mainDocId":"intro","docs":[{"id":"about/alternatives","path":"/ja/docs/about/alternatives","sidebar":"aboutSidebar"},{"id":"about/index","path":"/ja/docs/about/","sidebar":"aboutSidebar"},{"id":"about/mission","path":"/ja/docs/about/mission","sidebar":"aboutSidebar"},{"id":"about/motivation","path":"/ja/docs/about/motivation","sidebar":"aboutSidebar"},{"id":"about/promote/for-company","path":"/ja/docs/about/promote/for-company","sidebar":"aboutSidebar"},{"id":"about/promote/for-team","path":"/ja/docs/about/promote/for-team","sidebar":"aboutSidebar"},{"id":"about/promote/integration","path":"/ja/docs/about/promote/integration","sidebar":"aboutSidebar"},{"id":"about/promote/partial-application","path":"/ja/docs/about/promote/partial-application","sidebar":"aboutSidebar"},{"id":"about/understanding/abstractions","path":"/ja/docs/about/understanding/abstractions","sidebar":"aboutSidebar"},{"id":"about/understanding/architecture","path":"/ja/docs/about/understanding/architecture","sidebar":"aboutSidebar"},{"id":"about/understanding/knowledge-types","path":"/ja/docs/about/understanding/knowledge-types","sidebar":"aboutSidebar"},{"id":"about/understanding/naming","path":"/ja/docs/about/understanding/naming","sidebar":"aboutSidebar"},{"id":"about/understanding/needs-driven","path":"/ja/docs/about/understanding/needs-driven","sidebar":"aboutSidebar"},{"id":"about/understanding/signals","path":"/ja/docs/about/understanding/signals","sidebar":"aboutSidebar"},{"id":"branding","path":"/ja/docs/branding"},{"id":"get-started/cheatsheet","path":"/ja/docs/get-started/cheatsheet","unlisted":true,"sidebar":"getstartedSidebar"},{"id":"get-started/faq","path":"/ja/docs/get-started/faq","sidebar":"getstartedSidebar"},{"id":"get-started/index","path":"/ja/docs/get-started/","sidebar":"getstartedSidebar"},{"id":"get-started/overview","path":"/ja/docs/get-started/overview","sidebar":"getstartedSidebar"},{"id":"get-started/tutorial","path":"/ja/docs/get-started/tutorial","sidebar":"getstartedSidebar"},{"id":"guides/examples/auth","path":"/ja/docs/guides/examples/auth","sidebar":"guidesSidebar"},{"id":"guides/examples/autocompleted","path":"/ja/docs/guides/examples/autocompleted","unlisted":true,"sidebar":"guidesSidebar"},{"id":"guides/examples/browser-api","path":"/ja/docs/guides/examples/browser-api","unlisted":true,"sidebar":"guidesSidebar"},{"id":"guides/examples/cms","path":"/ja/docs/guides/examples/cms","unlisted":true,"sidebar":"guidesSidebar"},{"id":"guides/examples/feedback","path":"/ja/docs/guides/examples/feedback","unlisted":true,"sidebar":"guidesSidebar"},{"id":"guides/examples/i18n","path":"/ja/docs/guides/examples/i18n","unlisted":true,"sidebar":"guidesSidebar"},{"id":"guides/examples/index","path":"/ja/docs/guides/examples/","sidebar":"guidesSidebar"},{"id":"guides/examples/metric","path":"/ja/docs/guides/examples/metric","unlisted":true,"sidebar":"guidesSidebar"},{"id":"guides/examples/monorepo","path":"/ja/docs/guides/examples/monorepo","unlisted":true,"sidebar":"guidesSidebar"},{"id":"guides/examples/page-layout","path":"/ja/docs/guides/examples/page-layout","sidebar":"guidesSidebar"},{"id":"guides/examples/platforms","path":"/ja/docs/guides/examples/platforms","unlisted":true,"sidebar":"guidesSidebar"},{"id":"guides/examples/ssr","path":"/ja/docs/guides/examples/ssr","unlisted":true,"sidebar":"guidesSidebar"},{"id":"guides/examples/theme","path":"/ja/docs/guides/examples/theme","unlisted":true,"sidebar":"guidesSidebar"},{"id":"guides/examples/types","path":"/ja/docs/guides/examples/types","sidebar":"guidesSidebar"},{"id":"guides/examples/white-labels","path":"/ja/docs/guides/examples/white-labels","unlisted":true,"sidebar":"guidesSidebar"},{"id":"guides/index","path":"/ja/docs/guides/","sidebar":"guidesSidebar"},{"id":"guides/issues/cross-imports","path":"/ja/docs/guides/issues/cross-imports","sidebar":"guidesSidebar"},{"id":"guides/issues/desegmented","path":"/ja/docs/guides/issues/desegmented","sidebar":"guidesSidebar"},{"id":"guides/issues/routes","path":"/ja/docs/guides/issues/routes","sidebar":"guidesSidebar"},{"id":"guides/migration/from-custom","path":"/ja/docs/guides/migration/from-custom","sidebar":"guidesSidebar"},{"id":"guides/migration/from-v1","path":"/ja/docs/guides/migration/from-v1","sidebar":"guidesSidebar"},{"id":"guides/tech/with-nextjs","path":"/ja/docs/guides/tech/with-nextjs","sidebar":"guidesSidebar"},{"id":"guides/tech/with-nuxtjs","path":"/ja/docs/guides/tech/with-nuxtjs","sidebar":"guidesSidebar"},{"id":"guides/tech/with-react-query","path":"/ja/docs/guides/tech/with-react-query","sidebar":"guidesSidebar"},{"id":"guides/tech/with-sveltekit","path":"/ja/docs/guides/tech/with-sveltekit","sidebar":"guidesSidebar"},{"id":"intro","path":"/ja/docs/"},{"id":"reference/index","path":"/ja/docs/reference/","sidebar":"referenceSidebar"},{"id":"reference/isolation/coupling-cohesion","path":"/ja/docs/reference/isolation/coupling-cohesion","sidebar":"referenceSidebar"},{"id":"reference/isolation/decouple-entities","path":"/ja/docs/reference/isolation/decouple-entities","sidebar":"referenceSidebar"},{"id":"reference/isolation/index","path":"/ja/docs/reference/isolation/","sidebar":"referenceSidebar"},{"id":"reference/layers","path":"/ja/docs/reference/layers","sidebar":"referenceSidebar"},{"id":"reference/public-api","path":"/ja/docs/reference/public-api","sidebar":"referenceSidebar"},{"id":"reference/slices-segments","path":"/ja/docs/reference/slices-segments","sidebar":"referenceSidebar"}],"draftIds":[],"sidebars":{"getstartedSidebar":{"link":{"path":"/ja/docs/get-started/","label":"\ud83d\ude80  \u306f\u3058\u3081\u306b"}},"guidesSidebar":{"link":{"path":"/ja/docs/guides/","label":"\ud83c\udfaf  \u30ac\u30a4\u30c9"}},"referenceSidebar":{"link":{"path":"/ja/docs/reference/","label":"\ud83d\udcda  \u53c2\u8003\u66f8"}},"aboutSidebar":{"link":{"path":"/ja/docs/about/","label":"\ud83c\udf70 \u30e1\u30bd\u30c3\u30c9\u306b\u3064\u3044\u3066"}}}}],"breadcrumbs":true},"community":{"path":"/ja/community","versions":[{"name":"current","label":"Next","isLast":true,"path":"/ja/community","mainDocId":"index","docs":[{"id":"index","path":"/ja/community/","sidebar":"community"},{"id":"team","path":"/ja/community/team","sidebar":"community"}],"draftIds":[],"sidebars":{"community":{"link":{"path":"/ja/community/","label":"\ud83d\udcab  Community"}}}}],"breadcrumbs":true}}}'),i=JSON.parse('{"defaultLocale":"en","locales":["ru","en","uz","kr","ja"],"path":"i18n","currentLocale":"ja","localeConfigs":{"ru":{"label":"\u0420\u0443\u0441\u0441\u043a\u0438\u0439","direction":"ltr","htmlLang":"ru","calendar":"gregory","path":"ru"},"en":{"label":"English","direction":"ltr","htmlLang":"en","calendar":"gregory","path":"en"},"uz":{"label":"O\'zbekcha","direction":"ltr","htmlLang":"uz","calendar":"gregory","path":"uz"},"kr":{"label":"\ud55c\uad6d\uc5b4","direction":"ltr","htmlLang":"kr","calendar":"gregory","path":"kr"},"ja":{"label":"\u65e5\u672c\u8a9e","direction":"ltr","htmlLang":"ja","calendar":"gregory","path":"ja"}}}');var s=n(2654);const l=JSON.parse('{"docusaurusVersion":"3.5.2","siteVersion":"2.0.0","pluginVersions":{"docusaurus-plugin-content-docs":{"type":"package","name":"@docusaurus/plugin-content-docs","version":"3.5.2"},"docusaurus-plugin-content-blog":{"type":"package","name":"@docusaurus/plugin-content-blog","version":"3.5.2"},"docusaurus-plugin-content-pages":{"type":"package","name":"@docusaurus/plugin-content-pages","version":"3.5.2"},"docusaurus-plugin-sitemap":{"type":"package","name":"@docusaurus/plugin-sitemap","version":"3.5.2"},"docusaurus-theme-classic":{"type":"package","name":"@docusaurus/theme-classic","version":"3.5.2"},"docusaurus-theme-search-algolia":{"type":"package","name":"@docusaurus/theme-search-algolia","version":"3.5.2"},"docusaurus-plugin-sass":{"type":"package","name":"docusaurus-plugin-sass","version":"0.2.5"},"docusaurus-plugin-client-redirects":{"type":"package","name":"@docusaurus/plugin-client-redirects","version":"3.5.2"},"docusaurus-plugin-ideal-image":{"type":"package","name":"@docusaurus/plugin-ideal-image","version":"3.5.2"},"docusaurus-plugin-image-zoom":{"type":"package","name":"plugin-image-zoom","version":"1.2.0"}}}');var c=n(6070);const u={siteConfig:o.default,siteMetadata:l,globalData:a,i18n:i,codeTranslations:s},d=r.createContext(u);function p(e){let{children:t}=e;return(0,c.jsx)(d.Provider,{value:u,children:t})}},356:(e,t,n)=>{"use strict";n.d(t,{A:()=>h});var r=n(758),o=n(3088),a=n(2293),i=n(3509),s=n(3041),l=n(8851),c=n(6070);function u(e){let{error:t,tryAgain:n}=e;return(0,c.jsxs)("div",{style:{display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"flex-start",minHeight:"100vh",width:"100%",maxWidth:"80ch",fontSize:"20px",margin:"0 auto",padding:"1rem"},children:[(0,c.jsx)("h1",{style:{fontSize:"3rem"},children:"This page crashed"}),(0,c.jsx)("button",{type:"button",onClick:n,style:{margin:"1rem 0",fontSize:"2rem",cursor:"pointer",borderRadius:20,padding:"1rem"},children:"Try again"}),(0,c.jsx)(d,{error:t})]})}function d(e){let{error:t}=e;const n=(0,i.rA)(t).map((e=>e.message)).join("\n\nCause:\n");return(0,c.jsx)("p",{style:{whiteSpace:"pre-wrap"},children:n})}function p(e){let{children:t}=e;return(0,c.jsx)(l.W,{value:{plugin:{name:"docusaurus-core-error-boundary",id:"default"}},children:t})}function f(e){let{error:t,tryAgain:n}=e;return(0,c.jsx)(p,{children:(0,c.jsxs)(h,{fallback:()=>(0,c.jsx)(u,{error:t,tryAgain:n}),children:[(0,c.jsx)(a.A,{children:(0,c.jsx)("title",{children:"Page Error"})}),(0,c.jsx)(s.A,{children:(0,c.jsx)(u,{error:t,tryAgain:n})})]})})}const m=e=>(0,c.jsx)(f,{...e});class h extends r.Component{constructor(e){super(e),this.state={error:null}}componentDidCatch(e){o.A.canUseDOM&&this.setState({error:e})}render(){const{children:e}=this.props,{error:t}=this.state;if(t){const e={error:t,tryAgain:()=>this.setState({error:null})};return(this.props.fallback??m)(e)}return e??null}}},3088:(e,t,n)=>{"use strict";n.d(t,{A:()=>o});const r="undefined"!=typeof window&&"document"in window&&"createElement"in window.document,o={canUseDOM:r,canUseEventListeners:r&&("addEventListener"in window||"attachEvent"in window),canUseIntersectionObserver:r&&"IntersectionObserver"in window,canUseViewport:r&&"screen"in window}},2293:(e,t,n)=>{"use strict";n.d(t,{A:()=>a});n(758);var r=n(248),o=n(6070);function a(e){return(0,o.jsx)(r.mg,{...e})}},6783:(e,t,n)=>{"use strict";n.d(t,{A:()=>f});var r=n(758),o=n(1742),a=n(3509),i=n(9143),s=n(1933),l=n(3088),c=n(6828),u=n(5252),d=n(6070);function p(e,t){let{isNavLink:n,to:p,href:f,activeClassName:m,isActive:h,"data-noBrokenLinkCheck":g,autoAddBaseUrl:b=!0,...y}=e;const{siteConfig:v}=(0,i.A)(),{trailingSlash:w,baseUrl:S}=v,x=v.future.experimental_router,{withBaseUrl:k}=(0,u.hH)(),j=(0,c.A)(),E=(0,r.useRef)(null);(0,r.useImperativeHandle)(t,(()=>E.current));const _=p||f;const C=(0,s.A)(_),A=_?.replace("pathname://","");let O=void 0!==A?(T=A,b&&(e=>e.startsWith("/"))(T)?k(T):T):void 0;var T;"hash"===x&&O?.startsWith("./")&&(O=O?.slice(1)),O&&C&&(O=(0,a.Ks)(O,{trailingSlash:w,baseUrl:S}));const P=(0,r.useRef)(!1),L=n?o.k2:o.N_,I=l.A.canUseIntersectionObserver,R=(0,r.useRef)(),N=()=>{P.current||null==O||(window.docusaurus.preload(O),P.current=!0)};(0,r.useEffect)((()=>(!I&&C&&l.A.canUseDOM&&null!=O&&window.docusaurus.prefetch(O),()=>{I&&R.current&&R.current.disconnect()})),[R,O,I,C]);const D=O?.startsWith("#")??!1,M=!y.target||"_self"===y.target,F=!O||!C||!M||D&&"hash"!==x;g||!D&&F||j.collectLink(O),y.id&&j.collectAnchor(y.id);const z={};return F?(0,d.jsx)("a",{ref:E,href:O,..._&&!C&&{target:"_blank",rel:"noopener noreferrer"},...y,...z}):(0,d.jsx)(L,{...y,onMouseEnter:N,onTouchStart:N,innerRef:e=>{E.current=e,I&&e&&C&&(R.current=new window.IntersectionObserver((t=>{t.forEach((t=>{e===t.target&&(t.isIntersecting||t.intersectionRatio>0)&&(R.current.unobserve(e),R.current.disconnect(),null!=O&&window.docusaurus.prefetch(O))}))})),R.current.observe(e))},to:O,...n&&{isActive:h,activeClassName:m},...z})}const f=r.forwardRef(p)},7765:(e,t,n)=>{"use strict";n.d(t,{A:()=>c,T:()=>l});var r=n(758),o=n(6070);function a(e,t){const n=e.split(/(\{\w+\})/).map(((e,n)=>{if(n%2==1){const n=t?.[e.slice(1,-1)];if(void 0!==n)return n}return e}));return n.some((e=>(0,r.isValidElement)(e)))?n.map(((e,t)=>(0,r.isValidElement)(e)?r.cloneElement(e,{key:t}):e)).filter((e=>""!==e)):n.join("")}var i=n(2654);function s(e){let{id:t,message:n}=e;if(void 0===t&&void 0===n)throw new Error("Docusaurus translation declarations must have at least a translation id or a default translation message");return i[t??n]??n??t}function l(e,t){let{message:n,id:r}=e;return a(s({message:n,id:r}),t)}function c(e){let{children:t,id:n,values:r}=e;if(t&&"string"!=typeof t)throw console.warn("Illegal <Translate> children",t),new Error("The Docusaurus <Translate> component only accept simple string values");const i=s({message:t,id:n});return(0,o.jsx)(o.Fragment,{children:a(i,r)})}},8470:(e,t,n)=>{"use strict";n.d(t,{W:()=>r});const r="default"},1933:(e,t,n)=>{"use strict";function r(e){return/^(?:\w*:|\/\/)/.test(e)}function o(e){return void 0!==e&&!r(e)}n.d(t,{A:()=>o,z:()=>r})},5252:(e,t,n)=>{"use strict";n.d(t,{Ay:()=>s,hH:()=>i});var r=n(758),o=n(9143),a=n(1933);function i(){const{siteConfig:e}=(0,o.A)(),{baseUrl:t,url:n}=e,i=e.future.experimental_router,s=(0,r.useCallback)(((e,r)=>function(e){let{siteUrl:t,baseUrl:n,url:r,options:{forcePrependBaseUrl:o=!1,absolute:i=!1}={},router:s}=e;if(!r||r.startsWith("#")||(0,a.z)(r))return r;if("hash"===s)return r.startsWith("/")?`.${r}`:`./${r}`;if(o)return n+r.replace(/^\//,"");if(r===n.replace(/\/$/,""))return n;const l=r.startsWith(n)?r:n+r.replace(/^\//,"");return i?t+l:l}({siteUrl:n,baseUrl:t,url:e,options:r,router:i})),[n,t,i]);return{withBaseUrl:s}}function s(e,t){void 0===t&&(t={});const{withBaseUrl:n}=i();return n(e,t)}},6828:(e,t,n)=>{"use strict";n.d(t,{A:()=>i});var r=n(758);n(6070);const o=r.createContext({collectAnchor:()=>{},collectLink:()=>{}}),a=()=>(0,r.useContext)(o);function i(){return a()}},9143:(e,t,n)=>{"use strict";n.d(t,{A:()=>a});var r=n(758),o=n(1170);function a(){return(0,r.useContext)(o.o)}},2630:(e,t,n)=>{"use strict";n.d(t,{A:()=>a});var r=n(758),o=n(5360);function a(){return(0,r.useContext)(o.o)}},8302:(e,t,n)=>{"use strict";n.d(t,{A:()=>o});var r=n(758);const o=n(3088).A.canUseDOM?r.useLayoutEffect:r.useEffect},3112:(e,t,n)=>{"use strict";n.d(t,{A:()=>a});var r=n(758),o=n(8851);function a(){const e=r.useContext(o.o);if(!e)throw new Error("Unexpected: no Docusaurus route context found");return e}},8116:(e,t,n)=>{"use strict";n.d(t,{A:()=>o});const r=e=>"object"==typeof e&&!!e&&Object.keys(e).length>0;function o(e){const t={};return function e(n,o){Object.entries(n).forEach((n=>{let[a,i]=n;const s=o?`${o}.${a}`:a;r(i)?e(i,s):t[s]=i}))}(e),t}},8851:(e,t,n)=>{"use strict";n.d(t,{W:()=>i,o:()=>a});var r=n(758),o=n(6070);const a=r.createContext(null);function i(e){let{children:t,value:n}=e;const i=r.useContext(a),s=(0,r.useMemo)((()=>function(e){let{parent:t,value:n}=e;if(!t){if(!n)throw new Error("Unexpected: no Docusaurus route context found");if(!("plugin"in n))throw new Error("Unexpected: Docusaurus topmost route context has no `plugin` attribute");return n}const r={...t.data,...n?.data};return{plugin:t.plugin,data:r}}({parent:i,value:n})),[i,n]);return(0,o.jsx)(a.Provider,{value:s,children:t})}},3724:(e,t,n)=>{"use strict";n.d(t,{VQ:()=>g,XK:()=>v,g1:()=>y});var r=n(758),o=n(9860),a=n(8470),i=n(316),s=n(3349),l=n(4902),c=n(6070);const u=e=>`docs-preferred-version-${e}`,d={save:(e,t,n)=>{(0,s.Wf)(u(e),{persistence:t}).set(n)},read:(e,t)=>(0,s.Wf)(u(e),{persistence:t}).get(),clear:(e,t)=>{(0,s.Wf)(u(e),{persistence:t}).del()}},p=e=>Object.fromEntries(e.map((e=>[e,{preferredVersionName:null}])));const f=r.createContext(null);function m(){const e=(0,o.Gy)(),t=(0,i.p)().docs.versionPersistence,n=(0,r.useMemo)((()=>Object.keys(e)),[e]),[a,s]=(0,r.useState)((()=>p(n)));(0,r.useEffect)((()=>{s(function(e){let{pluginIds:t,versionPersistence:n,allDocsData:r}=e;function o(e){const t=d.read(e,n);return r[e].versions.some((e=>e.name===t))?{preferredVersionName:t}:(d.clear(e,n),{preferredVersionName:null})}return Object.fromEntries(t.map((e=>[e,o(e)])))}({allDocsData:e,versionPersistence:t,pluginIds:n}))}),[e,t,n]);return[a,(0,r.useMemo)((()=>({savePreferredVersion:function(e,n){d.save(e,t,n),s((t=>({...t,[e]:{preferredVersionName:n}})))}})),[t])]}function h(e){let{children:t}=e;const n=m();return(0,c.jsx)(f.Provider,{value:n,children:t})}function g(e){let{children:t}=e;return(0,c.jsx)(h,{children:t})}function b(){const e=(0,r.useContext)(f);if(!e)throw new l.dV("DocsPreferredVersionContextProvider");return e}function y(e){void 0===e&&(e=a.W);const t=(0,o.ht)(e),[n,i]=b(),{preferredVersionName:s}=n[e];return{preferredVersion:t.versions.find((e=>e.name===s))??null,savePreferredVersionName:(0,r.useCallback)((t=>{i.savePreferredVersion(e,t)}),[i,e])}}function v(){const e=(0,o.Gy)(),[t]=b();function n(n){const r=e[n],{preferredVersionName:o}=t[n];return r.versions.find((e=>e.name===o))??null}const r=Object.keys(e);return Object.fromEntries(r.map((e=>[e,n(e)])))}},4619:(e,t,n)=>{"use strict";n.d(t,{k:()=>a,v:()=>i});var r=n(9860),o=n(3724);function a(e,t){return`docs-${e}-${t}`}function i(){const e=(0,r.Gy)(),t=(0,r.gk)(),n=(0,o.XK)();return[...Object.keys(e).map((function(r){const o=t?.activePlugin.pluginId===r?t.activeVersion:void 0,i=n[r],s=e[r].versions.find((e=>e.isLast));return a(r,(o??i??s).name)}))]}},3971:(e,t,n)=>{"use strict";n.d(t,{V:()=>l,t:()=>c});var r=n(758),o=n(4902),a=n(6070);const i=Symbol("EmptyContext"),s=r.createContext(i);function l(e){let{children:t,name:n,items:o}=e;const i=(0,r.useMemo)((()=>n&&o?{name:n,items:o}:null),[n,o]);return(0,a.jsx)(s.Provider,{value:i,children:t})}function c(){const e=(0,r.useContext)(s);if(e===i)throw new o.dV("DocsSidebarProvider");return e}},1630:(e,t,n)=>{"use strict";n.d(t,{B5:()=>k,Nr:()=>p,OF:()=>v,QB:()=>x,Vd:()=>w,Y:()=>b,fW:()=>S,w8:()=>h});var r=n(758),o=n(5557),a=n(389),i=n(9860),s=n(5763),l=n(2632),c=n(3724),u=n(1579),d=n(3971);function p(e){return"link"!==e.type||e.unlisted?"category"===e.type?function(e){if(e.href&&!e.linkUnlisted)return e.href;for(const t of e.items){const e=p(t);if(e)return e}}(e):void 0:e.href}const f=(e,t)=>void 0!==e&&(0,s.ys)(e,t),m=(e,t)=>e.some((e=>h(e,t)));function h(e,t){return"link"===e.type?f(e.href,t):"category"===e.type&&(f(e.href,t)||m(e.items,t))}function g(e,t){switch(e.type){case"category":return h(e,t)||e.items.some((e=>g(e,t)));case"link":return!e.unlisted||h(e,t);default:return!0}}function b(e,t){return(0,r.useMemo)((()=>e.filter((e=>g(e,t)))),[e,t])}function y(e){let{sidebarItems:t,pathname:n,onlyCategories:r=!1}=e;const o=[];return function e(t){for(const a of t)if("category"===a.type&&((0,s.ys)(a.href,n)||e(a.items))||"link"===a.type&&(0,s.ys)(a.href,n)){return r&&"category"!==a.type||o.unshift(a),!0}return!1}(t),o}function v(){const e=(0,d.t)(),{pathname:t}=(0,o.zy)(),n=(0,i.vT)()?.pluginData.breadcrumbs;return!1!==n&&e?y({sidebarItems:e.items,pathname:t}):null}function w(e){const{activeVersion:t}=(0,i.zK)(e),{preferredVersion:n}=(0,c.g1)(e),o=(0,i.r7)(e);return(0,r.useMemo)((()=>(0,l.sb)([t,n,o].filter(Boolean))),[t,n,o])}function S(e,t){const n=w(t);return(0,r.useMemo)((()=>{const t=n.flatMap((e=>e.sidebars?Object.entries(e.sidebars):[])),r=t.find((t=>t[0]===e));if(!r)throw new Error(`Can't find any sidebar with id "${e}" in version${n.length>1?"s":""} ${n.map((e=>e.name)).join(", ")}".\nAvailable sidebar ids are:\n- ${t.map((e=>e[0])).join("\n- ")}`);return r[1]}),[e,n])}function x(e,t){const n=w(t);return(0,r.useMemo)((()=>{const t=n.flatMap((e=>e.docs)),r=t.find((t=>t.id===e));if(!r){if(n.flatMap((e=>e.draftIds)).includes(e))return null;throw new Error(`Couldn't find any doc with id "${e}" in version${n.length>1?"s":""} "${n.map((e=>e.name)).join(", ")}".\nAvailable doc ids are:\n- ${(0,l.sb)(t.map((e=>e.id))).join("\n- ")}`)}return r}),[e,n])}function k(e){let{route:t}=e;const n=(0,o.zy)(),r=(0,u.r)(),i=t.routes,s=i.find((e=>(0,o.B6)(n.pathname,e)));if(!s)return null;const l=s.sidebar,c=l?r.docsSidebars[l]:void 0;return{docElement:(0,a.v)(i),sidebarName:l,sidebarItems:c}}},1579:(e,t,n)=>{"use strict";n.d(t,{n:()=>s,r:()=>l});var r=n(758),o=n(4902),a=n(6070);const i=r.createContext(null);function s(e){let{children:t,version:n}=e;return(0,a.jsx)(i.Provider,{value:n,children:t})}function l(){const e=(0,r.useContext)(i);if(null===e)throw new o.dV("DocsVersionProvider");return e}},9860:(e,t,n)=>{"use strict";n.d(t,{zK:()=>b,vT:()=>f,gk:()=>m,Gy:()=>d,HW:()=>y,ht:()=>p,r7:()=>g,jh:()=>h});var r=n(5557),o=n(9143),a=n(8470);function i(e,t){void 0===t&&(t={});const n=function(){const{globalData:e}=(0,o.A)();return e}()[e];if(!n&&t.failfast)throw new Error(`Docusaurus plugin global data not found for "${e}" plugin.`);return n}const s=e=>e.versions.find((e=>e.isLast));function l(e,t){return[...e.versions].sort(((e,t)=>e.path===t.path?0:e.path.includes(t.path)?-1:t.path.includes(e.path)?1:0)).find((e=>!!(0,r.B6)(t,{path:e.path,exact:!1,strict:!1})))}function c(e,t){const n=l(e,t),o=n?.docs.find((e=>!!(0,r.B6)(t,{path:e.path,exact:!0,strict:!1})));return{activeVersion:n,activeDoc:o,alternateDocVersions:o?function(t){const n={};return e.versions.forEach((e=>{e.docs.forEach((r=>{r.id===t&&(n[e.name]=r)}))})),n}(o.id):{}}}const u={},d=()=>i("docusaurus-plugin-content-docs")??u,p=e=>{try{return function(e,t,n){void 0===t&&(t=a.W),void 0===n&&(n={});const r=i(e),o=r?.[t];if(!o&&n.failfast)throw new Error(`Docusaurus plugin global data not found for "${e}" plugin with id "${t}".`);return o}("docusaurus-plugin-content-docs",e,{failfast:!0})}catch(t){throw new Error("You are using a feature of the Docusaurus docs plugin, but this plugin does not seem to be enabled"+("Default"===e?"":` (pluginId=${e}`),{cause:t})}};function f(e){void 0===e&&(e={});const t=d(),{pathname:n}=(0,r.zy)();return function(e,t,n){void 0===n&&(n={});const o=Object.entries(e).sort(((e,t)=>t[1].path.localeCompare(e[1].path))).find((e=>{let[,n]=e;return!!(0,r.B6)(t,{path:n.path,exact:!1,strict:!1})})),a=o?{pluginId:o[0],pluginData:o[1]}:void 0;if(!a&&n.failfast)throw new Error(`Can't find active docs plugin for "${t}" pathname, while it was expected to be found. Maybe you tried to use a docs feature that can only be used on a docs-related page? Existing docs plugin paths are: ${Object.values(e).map((e=>e.path)).join(", ")}`);return a}(t,n,e)}function m(e){void 0===e&&(e={});const t=f(e),{pathname:n}=(0,r.zy)();if(!t)return;return{activePlugin:t,activeVersion:l(t.pluginData,n)}}function h(e){return p(e).versions}function g(e){const t=p(e);return s(t)}function b(e){const t=p(e),{pathname:n}=(0,r.zy)();return c(t,n)}function y(e){const t=p(e),{pathname:n}=(0,r.zy)();return function(e,t){const n=s(e);return{latestDocSuggestion:c(e,t).alternateDocVersions[n.name],latestVersionSuggestion:n}}(t,n)}},9235:(e,t,n)=>{"use strict";function r(e,t){e.prototype=Object.create(t.prototype),e.prototype.constructor=e,e.__proto__=t}function o(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function a(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function i(){return i=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},i.apply(this,arguments)}var s=n(758),l=[],c=[];var u=s.createContext(null);function d(e){var t=e(),n={loading:!0,loaded:null,error:null};return n.promise=t.then((function(e){return n.loading=!1,n.loaded=e,e})).catch((function(e){throw n.loading=!1,n.error=e,e})),n}function p(e){var t={loading:!1,loaded:{},error:null},n=[];try{Object.keys(e).forEach((function(r){var o=d(e[r]);o.loading?t.loading=!0:(t.loaded[r]=o.loaded,t.error=o.error),n.push(o.promise),o.promise.then((function(e){t.loaded[r]=e})).catch((function(e){t.error=e}))}))}catch(r){t.error=r}return t.promise=Promise.all(n).then((function(e){return t.loading=!1,e})).catch((function(e){throw t.loading=!1,e})),t}function f(e,t){return s.createElement((n=e)&&n.__esModule?n.default:n,t);var n}function m(e,t){var d,p;if(!t.loading)throw new Error("react-loadable requires a `loading` component");var m=i({loader:null,loading:null,delay:200,timeout:null,render:f,webpack:null,modules:null},t),h=null;function g(){return h||(h=e(m.loader)),h.promise}return l.push(g),"function"==typeof m.webpack&&c.push((function(){if((0,m.webpack)().every((function(e){return void 0!==e&&void 0!==n.m[e]})))return g()})),p=d=function(t){function n(n){var r;return a(o(o(r=t.call(this,n)||this)),"retry",(function(){r.setState({error:null,loading:!0,timedOut:!1}),h=e(m.loader),r._loadModule()})),g(),r.state={error:h.error,pastDelay:!1,timedOut:!1,loading:h.loading,loaded:h.loaded},r}r(n,t),n.preload=function(){return g()};var i=n.prototype;return i.UNSAFE_componentWillMount=function(){this._loadModule()},i.componentDidMount=function(){this._mounted=!0},i._loadModule=function(){var e=this;if(this.context&&Array.isArray(m.modules)&&m.modules.forEach((function(t){e.context.report(t)})),h.loading){var t=function(t){e._mounted&&e.setState(t)};"number"==typeof m.delay&&(0===m.delay?this.setState({pastDelay:!0}):this._delay=setTimeout((function(){t({pastDelay:!0})}),m.delay)),"number"==typeof m.timeout&&(this._timeout=setTimeout((function(){t({timedOut:!0})}),m.timeout));var n=function(){t({error:h.error,loaded:h.loaded,loading:h.loading}),e._clearTimeouts()};h.promise.then((function(){return n(),null})).catch((function(e){return n(),null}))}},i.componentWillUnmount=function(){this._mounted=!1,this._clearTimeouts()},i._clearTimeouts=function(){clearTimeout(this._delay),clearTimeout(this._timeout)},i.render=function(){return this.state.loading||this.state.error?s.createElement(m.loading,{isLoading:this.state.loading,pastDelay:this.state.pastDelay,timedOut:this.state.timedOut,error:this.state.error,retry:this.retry}):this.state.loaded?m.render(this.state.loaded,this.props):null},n}(s.Component),a(d,"contextType",u),p}function h(e){return m(d,e)}h.Map=function(e){if("function"!=typeof e.render)throw new Error("LoadableMap requires a `render(loaded, props)` function");return m(p,e)};var g=function(e){function t(){return e.apply(this,arguments)||this}return r(t,e),t.prototype.render=function(){return s.createElement(u.Provider,{value:{report:this.props.report}},s.Children.only(this.props.children))},t}(s.Component);function b(e){for(var t=[];e.length;){var n=e.pop();t.push(n())}return Promise.all(t).then((function(){if(e.length)return b(e)}))}h.Capture=g,h.preloadAll=function(){return new Promise((function(e,t){b(l).then(e,t)}))},h.preloadReady=function(){return new Promise((function(e,t){b(c).then(e,e)}))},e.exports=h},5348:(e,t,n)=>{"use strict";n.r(t),n.d(t,{default:()=>a});var r=n(8744),o=n.n(r);o().configure({showSpinner:!1});const a={onRouteUpdate(e){let{location:t,previousLocation:n}=e;if(n&&t.pathname!==n.pathname){const e=window.setTimeout((()=>{o().start()}),200);return()=>window.clearTimeout(e)}},onRouteDidUpdate(){o().done()}}},9773:(e,t,n)=>{"use strict";var r=n(5371),o=n(4784);!function(e){const{themeConfig:{prism:t}}=o.default,{additionalLanguages:r}=t;globalThis.Prism=e,r.forEach((e=>{"php"===e&&n(1274),n(9927)(`./prism-${e}`)})),delete globalThis.Prism}(r.My)},1507:(e,t,n)=>{"use strict";n.d(t,{A:()=>u});n(758);var r=n(3526),o=n(7765),a=n(316),i=n(6783),s=n(6828);const l={anchorWithStickyNavbar:"anchorWithStickyNavbar_QzlE",anchorWithHideOnScrollNavbar:"anchorWithHideOnScrollNavbar_IGdS"};var c=n(6070);function u(e){let{as:t,id:n,...u}=e;const d=(0,s.A)(),{navbar:{hideOnScroll:p}}=(0,a.p)();if("h1"===t||!n)return(0,c.jsx)(t,{...u,id:void 0});d.collectAnchor(n);const f=(0,o.T)({id:"theme.common.headingLinkTitle",message:"Direct link to {heading}",description:"Title for link to heading"},{heading:"string"==typeof u.children?u.children:n});return(0,c.jsxs)(t,{...u,className:(0,r.A)("anchor",p?l.anchorWithHideOnScrollNavbar:l.anchorWithStickyNavbar,u.className),id:n,children:[u.children,(0,c.jsx)(i.A,{className:"hash-link",to:`#${n}`,"aria-label":f,title:f,children:"\u200b"})]})}},9503:(e,t,n)=>{"use strict";n.d(t,{A:()=>a});n(758);const r={iconExternalLink:"iconExternalLink_rel2"};var o=n(6070);function a(e){let{width:t=13.5,height:n=13.5}=e;return(0,o.jsx)("svg",{width:t,height:n,"aria-hidden":"true",viewBox:"0 0 24 24",className:r.iconExternalLink,children:(0,o.jsx)("path",{fill:"currentColor",d:"M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"})})}},3041:(e,t,n)=>{"use strict";n.d(t,{A:()=>_t});var r=n(758),o=n(3526),a=n(356),i=n(898),s=n(5557),l=n(7765),c=n(2360),u=n(6070);const d="__docusaurus_skipToContent_fallback";function p(e){e.setAttribute("tabindex","-1"),e.focus(),e.removeAttribute("tabindex")}function f(){const e=(0,r.useRef)(null),{action:t}=(0,s.W6)(),n=(0,r.useCallback)((e=>{e.preventDefault();const t=document.querySelector("main:first-of-type")??document.getElementById(d);t&&p(t)}),[]);return(0,c.$)((n=>{let{location:r}=n;e.current&&!r.hash&&"PUSH"===t&&p(e.current)})),{containerRef:e,onClick:n}}const m=(0,l.T)({id:"theme.common.skipToMainContent",description:"The skip to content label used for accessibility, allowing to rapidly navigate to main content with keyboard tab/enter navigation",message:"Skip to main content"});function h(e){const t=e.children??m,{containerRef:n,onClick:r}=f();return(0,u.jsx)("div",{ref:n,role:"region","aria-label":m,children:(0,u.jsx)("a",{...e,href:`#${d}`,onClick:r,children:t})})}var g=n(8813),b=n(9782);const y={skipToContent:"skipToContent_iI6K"};function v(){return(0,u.jsx)(h,{className:y.skipToContent})}var w=n(316),S=n(1611);function x(e){let{width:t=21,height:n=21,color:r="currentColor",strokeWidth:o=1.2,className:a,...i}=e;return(0,u.jsx)("svg",{viewBox:"0 0 15 15",width:t,height:n,...i,children:(0,u.jsx)("g",{stroke:r,strokeWidth:o,children:(0,u.jsx)("path",{d:"M.75.75l13.5 13.5M14.25.75L.75 14.25"})})})}const k={closeButton:"closeButton_Y4Q2"};function j(e){return(0,u.jsx)("button",{type:"button","aria-label":(0,l.T)({id:"theme.AnnouncementBar.closeButtonAriaLabel",message:"Close",description:"The ARIA label for close button of announcement bar"}),...e,className:(0,o.A)("clean-btn close",k.closeButton,e.className),children:(0,u.jsx)(x,{width:14,height:14,strokeWidth:3.1})})}const E={content:"content_CxvN"};function _(e){const{announcementBar:t}=(0,w.p)(),{content:n}=t;return(0,u.jsx)("div",{...e,className:(0,o.A)(E.content,e.className),dangerouslySetInnerHTML:{__html:n}})}const C={announcementBar:"announcementBar_Wthk",announcementBarPlaceholder:"announcementBarPlaceholder_aISb",announcementBarClose:"announcementBarClose_vsml",announcementBarContent:"announcementBarContent_peeZ"};function A(){const{announcementBar:e}=(0,w.p)(),{isActive:t,close:n}=(0,S.M)();if(!t)return null;const{backgroundColor:r,textColor:o,isCloseable:a}=e;return(0,u.jsxs)("div",{className:C.announcementBar,style:{backgroundColor:r,color:o},role:"banner",children:[a&&(0,u.jsx)("div",{className:C.announcementBarPlaceholder}),(0,u.jsx)(_,{className:C.announcementBarContent}),a&&(0,u.jsx)(j,{onClick:n,className:C.announcementBarClose})]})}var O=n(1003),T=n(9030);var P=n(4902),L=n(646);const I=r.createContext(null);function R(e){let{children:t}=e;const n=function(){const e=(0,O.M)(),t=(0,L.YL)(),[n,o]=(0,r.useState)(!1),a=null!==t.component,i=(0,P.ZC)(a);return(0,r.useEffect)((()=>{a&&!i&&o(!0)}),[a,i]),(0,r.useEffect)((()=>{a?e.shown||o(!0):o(!1)}),[e.shown,a]),(0,r.useMemo)((()=>[n,o]),[n])}();return(0,u.jsx)(I.Provider,{value:n,children:t})}function N(e){if(e.component){const t=e.component;return(0,u.jsx)(t,{...e.props})}}function D(){const e=(0,r.useContext)(I);if(!e)throw new P.dV("NavbarSecondaryMenuDisplayProvider");const[t,n]=e,o=(0,r.useCallback)((()=>n(!1)),[n]),a=(0,L.YL)();return(0,r.useMemo)((()=>({shown:t,hide:o,content:N(a)})),[o,a,t])}function M(e){let{header:t,primaryMenu:n,secondaryMenu:r}=e;const{shown:a}=D();return(0,u.jsxs)("div",{className:"navbar-sidebar",children:[t,(0,u.jsxs)("div",{className:(0,o.A)("navbar-sidebar__items",{"navbar-sidebar__items--show-secondary":a}),children:[(0,u.jsx)("div",{className:"navbar-sidebar__item menu",children:n}),(0,u.jsx)("div",{className:"navbar-sidebar__item menu",children:r})]})]})}var F=n(9731),z=n(2630);function B(e){return(0,u.jsx)("svg",{viewBox:"0 0 24 24",width:24,height:24,...e,children:(0,u.jsx)("path",{fill:"currentColor",d:"M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"})})}function U(e){return(0,u.jsx)("svg",{viewBox:"0 0 24 24",width:24,height:24,...e,children:(0,u.jsx)("path",{fill:"currentColor",d:"M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"})})}const q={toggle:"toggle_rtf2",toggleButton:"toggleButton_lzER",darkToggleIcon:"darkToggleIcon_un8X",lightToggleIcon:"lightToggleIcon_isKo",toggleButtonDisabled:"toggleButtonDisabled_jUHO"};function $(e){let{className:t,buttonClassName:n,value:r,onChange:a}=e;const i=(0,z.A)(),s=(0,l.T)({message:"Switch between dark and light mode (currently {mode})",id:"theme.colorToggle.ariaLabel",description:"The ARIA label for the navbar color mode toggle"},{mode:"dark"===r?(0,l.T)({message:"dark mode",id:"theme.colorToggle.ariaLabel.mode.dark",description:"The name for the dark color mode"}):(0,l.T)({message:"light mode",id:"theme.colorToggle.ariaLabel.mode.light",description:"The name for the light color mode"})});return(0,u.jsx)("div",{className:(0,o.A)(q.toggle,t),children:(0,u.jsxs)("button",{className:(0,o.A)("clean-btn",q.toggleButton,!i&&q.toggleButtonDisabled,n),type:"button",onClick:()=>a("dark"===r?"light":"dark"),disabled:!i,title:s,"aria-label":s,"aria-live":"polite",children:[(0,u.jsx)(B,{className:(0,o.A)(q.toggleIcon,q.lightToggleIcon)}),(0,u.jsx)(U,{className:(0,o.A)(q.toggleIcon,q.darkToggleIcon)})]})})}const H=r.memo($),V={darkNavbarColorModeToggle:"darkNavbarColorModeToggle_NEom"};function G(e){let{className:t}=e;const n=(0,w.p)().navbar.style,r=(0,w.p)().colorMode.disableSwitch,{colorMode:o,setColorMode:a}=(0,F.G)();return r?null:(0,u.jsx)(H,{className:t,buttonClassName:"dark"===n?V.darkNavbarColorModeToggle:void 0,value:o,onChange:a})}var W=n(7007);function K(){return(0,u.jsx)(W.A,{className:"navbar__brand",imageClassName:"navbar__logo",titleClassName:"navbar__title text--truncate"})}function Q(){const e=(0,O.M)();return(0,u.jsx)("button",{type:"button","aria-label":(0,l.T)({id:"theme.docs.sidebar.closeSidebarButtonAriaLabel",message:"Close navigation bar",description:"The ARIA label for close button of mobile sidebar"}),className:"clean-btn navbar-sidebar__close",onClick:()=>e.toggle(),children:(0,u.jsx)(x,{color:"var(--ifm-color-emphasis-600)"})})}function Y(){return(0,u.jsxs)("div",{className:"navbar-sidebar__brand",children:[(0,u.jsx)(K,{}),(0,u.jsx)(G,{className:"margin-right--md"}),(0,u.jsx)(Q,{})]})}var Z=n(6783),J=n(5252),X=n(1933),ee=n(5130),te=n(9503);function ne(e){let{activeBasePath:t,activeBaseRegex:n,to:r,href:o,label:a,html:i,isDropdownLink:s,prependBaseUrlToHref:l,...c}=e;const d=(0,J.Ay)(r),p=(0,J.Ay)(t),f=(0,J.Ay)(o,{forcePrependBaseUrl:!0}),m=a&&o&&!(0,X.A)(o),h=i?{dangerouslySetInnerHTML:{__html:i}}:{children:(0,u.jsxs)(u.Fragment,{children:[a,m&&(0,u.jsx)(te.A,{...s&&{width:12,height:12}})]})};return o?(0,u.jsx)(Z.A,{href:l?f:o,...c,...h}):(0,u.jsx)(Z.A,{to:d,isNavLink:!0,...(t||n)&&{isActive:(e,t)=>n?(0,ee.G)(n,t.pathname):t.pathname.startsWith(p)},...c,...h})}function re(e){let{className:t,isDropdownItem:n=!1,...r}=e;const a=(0,u.jsx)(ne,{className:(0,o.A)(n?"dropdown__link":"navbar__item navbar__link",t),isDropdownLink:n,...r});return n?(0,u.jsx)("li",{children:a}):a}function oe(e){let{className:t,isDropdownItem:n,...r}=e;return(0,u.jsx)("li",{className:"menu__list-item",children:(0,u.jsx)(ne,{className:(0,o.A)("menu__link",t),...r})})}function ae(e){let{mobile:t=!1,position:n,...r}=e;const o=t?oe:re;return(0,u.jsx)(o,{...r,activeClassName:r.activeClassName??(t?"menu__link--active":"navbar__link--active")})}var ie=n(7064),se=n(5763),le=n(9143);const ce={dropdownNavbarItemMobile:"dropdownNavbarItemMobile_Uft3"};function ue(e,t){return e.some((e=>function(e,t){return!!(0,se.ys)(e.to,t)||!!(0,ee.G)(e.activeBaseRegex,t)||!(!e.activeBasePath||!t.startsWith(e.activeBasePath))}(e,t)))}function de(e){let{items:t,position:n,className:a,onClick:i,...s}=e;const l=(0,r.useRef)(null),[c,d]=(0,r.useState)(!1);return(0,r.useEffect)((()=>{const e=e=>{l.current&&!l.current.contains(e.target)&&d(!1)};return document.addEventListener("mousedown",e),document.addEventListener("touchstart",e),document.addEventListener("focusin",e),()=>{document.removeEventListener("mousedown",e),document.removeEventListener("touchstart",e),document.removeEventListener("focusin",e)}}),[l]),(0,u.jsxs)("div",{ref:l,className:(0,o.A)("navbar__item","dropdown","dropdown--hoverable",{"dropdown--right":"right"===n,"dropdown--show":c}),children:[(0,u.jsx)(ne,{"aria-haspopup":"true","aria-expanded":c,role:"button",href:s.to?void 0:"#",className:(0,o.A)("navbar__link",a),...s,onClick:s.to?void 0:e=>e.preventDefault(),onKeyDown:e=>{"Enter"===e.key&&(e.preventDefault(),d(!c))},children:s.children??s.label}),(0,u.jsx)("ul",{className:"dropdown__menu",children:t.map(((e,t)=>(0,r.createElement)(Fe,{isDropdownItem:!0,activeClassName:"dropdown__link--active",...e,key:t})))})]})}function pe(e){let{items:t,className:n,position:a,onClick:i,...l}=e;const c=function(){const{siteConfig:{baseUrl:e}}=(0,le.A)(),{pathname:t}=(0,s.zy)();return t.replace(e,"/")}(),d=ue(t,c),{collapsed:p,toggleCollapsed:f,setCollapsed:m}=(0,ie.u)({initialState:()=>!d});return(0,r.useEffect)((()=>{d&&m(!d)}),[c,d,m]),(0,u.jsxs)("li",{className:(0,o.A)("menu__list-item",{"menu__list-item--collapsed":p}),children:[(0,u.jsx)(ne,{role:"button",className:(0,o.A)(ce.dropdownNavbarItemMobile,"menu__link menu__link--sublist menu__link--sublist-caret",n),...l,onClick:e=>{e.preventDefault(),f()},children:l.children??l.label}),(0,u.jsx)(ie.N,{lazy:!0,as:"ul",className:"menu__list",collapsed:p,children:t.map(((e,t)=>(0,r.createElement)(Fe,{mobile:!0,isDropdownItem:!0,onClick:i,activeClassName:"menu__link--active",...e,key:t})))})]})}function fe(e){let{mobile:t=!1,...n}=e;const r=t?pe:de;return(0,u.jsx)(r,{...n})}var me=n(1529);function he(e){let{width:t=20,height:n=20,...r}=e;return(0,u.jsx)("svg",{viewBox:"0 0 24 24",width:t,height:n,"aria-hidden":!0,...r,children:(0,u.jsx)("path",{fill:"currentColor",d:"M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"})})}const ge="iconLanguage_wlog";var be=n(8143),ye=n(7781),ve=n(2293),we=n(8169),Se=n(1152),xe=n(4937),ke=n(4619);function je(){return[`language:${(0,le.A)().i18n.currentLocale}`,function(){const e=(0,ke.v)();return[xe.C,...e]}().map((e=>`docusaurus_tag:${e}`))]}const Ee={button:{buttonText:(0,l.T)({id:"theme.SearchBar.label",message:"Search",description:"The ARIA label and placeholder for search button"}),buttonAriaLabel:(0,l.T)({id:"theme.SearchBar.label",message:"Search",description:"The ARIA label and placeholder for search button"})},modal:{searchBox:{resetButtonTitle:(0,l.T)({id:"theme.SearchModal.searchBox.resetButtonTitle",message:"Clear the query",description:"The label and ARIA label for search box reset button"}),resetButtonAriaLabel:(0,l.T)({id:"theme.SearchModal.searchBox.resetButtonTitle",message:"Clear the query",description:"The label and ARIA label for search box reset button"}),cancelButtonText:(0,l.T)({id:"theme.SearchModal.searchBox.cancelButtonText",message:"Cancel",description:"The label and ARIA label for search box cancel button"}),cancelButtonAriaLabel:(0,l.T)({id:"theme.SearchModal.searchBox.cancelButtonText",message:"Cancel",description:"The label and ARIA label for search box cancel button"})},startScreen:{recentSearchesTitle:(0,l.T)({id:"theme.SearchModal.startScreen.recentSearchesTitle",message:"Recent",description:"The title for recent searches"}),noRecentSearchesText:(0,l.T)({id:"theme.SearchModal.startScreen.noRecentSearchesText",message:"No recent searches",description:"The text when no recent searches"}),saveRecentSearchButtonTitle:(0,l.T)({id:"theme.SearchModal.startScreen.saveRecentSearchButtonTitle",message:"Save this search",description:"The label for save recent search button"}),removeRecentSearchButtonTitle:(0,l.T)({id:"theme.SearchModal.startScreen.removeRecentSearchButtonTitle",message:"Remove this search from history",description:"The label for remove recent search button"}),favoriteSearchesTitle:(0,l.T)({id:"theme.SearchModal.startScreen.favoriteSearchesTitle",message:"Favorite",description:"The title for favorite searches"}),removeFavoriteSearchButtonTitle:(0,l.T)({id:"theme.SearchModal.startScreen.removeFavoriteSearchButtonTitle",message:"Remove this search from favorites",description:"The label for remove favorite search button"})},errorScreen:{titleText:(0,l.T)({id:"theme.SearchModal.errorScreen.titleText",message:"Unable to fetch results",description:"The title for error screen of search modal"}),helpText:(0,l.T)({id:"theme.SearchModal.errorScreen.helpText",message:"You might want to check your network connection.",description:"The help text for error screen of search modal"})},footer:{selectText:(0,l.T)({id:"theme.SearchModal.footer.selectText",message:"to select",description:"The explanatory text of the action for the enter key"}),selectKeyAriaLabel:(0,l.T)({id:"theme.SearchModal.footer.selectKeyAriaLabel",message:"Enter key",description:"The ARIA label for the Enter key button that makes the selection"}),navigateText:(0,l.T)({id:"theme.SearchModal.footer.navigateText",message:"to navigate",description:"The explanatory text of the action for the Arrow up and Arrow down key"}),navigateUpKeyAriaLabel:(0,l.T)({id:"theme.SearchModal.footer.navigateUpKeyAriaLabel",message:"Arrow up",description:"The ARIA label for the Arrow up key button that makes the navigation"}),navigateDownKeyAriaLabel:(0,l.T)({id:"theme.SearchModal.footer.navigateDownKeyAriaLabel",message:"Arrow down",description:"The ARIA label for the Arrow down key button that makes the navigation"}),closeText:(0,l.T)({id:"theme.SearchModal.footer.closeText",message:"to close",description:"The explanatory text of the action for Escape key"}),closeKeyAriaLabel:(0,l.T)({id:"theme.SearchModal.footer.closeKeyAriaLabel",message:"Escape key",description:"The ARIA label for the Escape key button that close the modal"}),searchByText:(0,l.T)({id:"theme.SearchModal.footer.searchByText",message:"Search by",description:"The text explain that the search is making by Algolia"})},noResultsScreen:{noResultsText:(0,l.T)({id:"theme.SearchModal.noResultsScreen.noResultsText",message:"No results for",description:"The text explains that there are no results for the following search"}),suggestedQueryText:(0,l.T)({id:"theme.SearchModal.noResultsScreen.suggestedQueryText",message:"Try searching for",description:"The text for the suggested query when no results are found for the following search"}),reportMissingResultsText:(0,l.T)({id:"theme.SearchModal.noResultsScreen.reportMissingResultsText",message:"Believe this query should return results?",description:"The text for the question where the user thinks there are missing results"}),reportMissingResultsLinkText:(0,l.T)({id:"theme.SearchModal.noResultsScreen.reportMissingResultsLinkText",message:"Let us know.",description:"The text for the link to report missing results"})}},placeholder:(0,l.T)({id:"theme.SearchModal.placeholder",message:"Search docs",description:"The placeholder of the input of the DocSearch pop-up modal"})};let _e=null;function Ce(e){let{hit:t,children:n}=e;return(0,u.jsx)(Z.A,{to:t.url,children:n})}function Ae(e){let{state:t,onClose:n}=e;const r=(0,we.w)();return(0,u.jsx)(Z.A,{to:r(t.query),onClick:n,children:(0,u.jsx)(l.A,{id:"theme.SearchBar.seeAll",values:{count:t.context.nbHits},children:"See all {count} results"})})}function Oe(e){let{contextualSearch:t,externalUrlRegex:o,...a}=e;const{siteMetadata:i}=(0,le.A)(),l=(0,Se.C)(),c=je(),d=a.searchParameters?.facetFilters??[],p=t?function(e,t){const n=e=>"string"==typeof e?[e]:e;return[...n(e),...n(t)]}(c,d):d,f={...a.searchParameters,facetFilters:p},m=(0,s.W6)(),h=(0,r.useRef)(null),g=(0,r.useRef)(null),[b,y]=(0,r.useState)(!1),[v,w]=(0,r.useState)(void 0),S=(0,r.useCallback)((()=>_e?Promise.resolve():Promise.all([n.e(9553).then(n.bind(n,9553)),Promise.all([n.e(1869),n.e(9562)]).then(n.bind(n,9562)),Promise.all([n.e(1869),n.e(8570)]).then(n.bind(n,8570))]).then((e=>{let[{DocSearchModal:t}]=e;_e=t}))),[]),x=(0,r.useCallback)((()=>{if(!h.current){const e=document.createElement("div");h.current=e,document.body.insertBefore(e,document.body.firstChild)}}),[]),k=(0,r.useCallback)((()=>{x(),S().then((()=>y(!0)))}),[S,x]),j=(0,r.useCallback)((()=>{y(!1),g.current?.focus()}),[]),E=(0,r.useCallback)((e=>{"f"===e.key&&(e.metaKey||e.ctrlKey)||(e.preventDefault(),w(e.key),k())}),[k]),_=(0,r.useRef)({navigate(e){let{itemUrl:t}=e;(0,ee.G)(o,t)?window.location.href=t:m.push(t)}}).current,C=(0,r.useRef)((e=>a.transformItems?a.transformItems(e):e.map((e=>({...e,url:l(e.url)}))))).current,A=(0,r.useMemo)((()=>e=>(0,u.jsx)(Ae,{...e,onClose:j})),[j]),O=(0,r.useCallback)((e=>(e.addAlgoliaAgent("docusaurus",i.docusaurusVersion),e)),[i.docusaurusVersion]);return(0,ye.E8)({isOpen:b,onOpen:k,onClose:j,onInput:E,searchButtonRef:g}),(0,u.jsxs)(u.Fragment,{children:[(0,u.jsx)(ve.A,{children:(0,u.jsx)("link",{rel:"preconnect",href:`https://${a.appId}-dsn.algolia.net`,crossOrigin:"anonymous"})}),(0,u.jsx)(ye.Bc,{onTouchStart:S,onFocus:S,onMouseOver:S,onClick:k,ref:g,translations:Ee.button}),b&&_e&&h.current&&(0,be.createPortal)((0,u.jsx)(_e,{onClose:j,initialScrollY:window.scrollY,initialQuery:v,navigator:_,transformItems:C,hitComponent:Ce,transformSearchClient:O,...a.searchPagePath&&{resultsFooterComponent:A},...a,searchParameters:f,placeholder:Ee.placeholder,translations:Ee.modal}),h.current)]})}function Te(){const{siteConfig:e}=(0,le.A)();return(0,u.jsx)(Oe,{...e.themeConfig.algolia})}const Pe={navbarSearchContainer:"navbarSearchContainer_DsMw"};function Le(e){let{children:t,className:n}=e;return(0,u.jsx)("div",{className:(0,o.A)(n,Pe.navbarSearchContainer),children:t})}var Ie=n(9860),Re=n(1630);var Ne=n(3724);function De(e,t){return t.alternateDocVersions[e.name]??function(e){return e.docs.find((t=>t.id===e.mainDocId))}(e)}const Me={default:ae,localeDropdown:function(e){let{mobile:t,dropdownItemsBefore:n,dropdownItemsAfter:r,queryString:o="",...a}=e;const{i18n:{currentLocale:i,locales:c,localeConfigs:d}}=(0,le.A)(),p=(0,me.o)(),{search:f,hash:m}=(0,s.zy)(),h=[...n,...c.map((e=>{const n=`${`pathname://${p.createUrl({locale:e,fullyQualified:!1})}`}${f}${m}${o}`;return{label:d[e].label,lang:d[e].htmlLang,to:n,target:"_self",autoAddBaseUrl:!1,className:e===i?t?"menu__link--active":"dropdown__link--active":""}})),...r],g=t?(0,l.T)({message:"Languages",id:"theme.navbar.mobileLanguageDropdown.label",description:"The label for the mobile language switcher dropdown"}):d[i].label;return(0,u.jsx)(fe,{...a,mobile:t,label:(0,u.jsxs)(u.Fragment,{children:[(0,u.jsx)(he,{className:ge}),g]}),items:h})},search:function(e){let{mobile:t,className:n}=e;return t?null:(0,u.jsx)(Le,{className:n,children:(0,u.jsx)(Te,{})})},dropdown:fe,html:function(e){let{value:t,className:n,mobile:r=!1,isDropdownItem:a=!1}=e;const i=a?"li":"div";return(0,u.jsx)(i,{className:(0,o.A)({navbar__item:!r&&!a,"menu__list-item":r},n),dangerouslySetInnerHTML:{__html:t}})},doc:function(e){let{docId:t,label:n,docsPluginId:r,...o}=e;const{activeDoc:a}=(0,Ie.zK)(r),i=(0,Re.QB)(t,r),s=a?.path===i?.path;return null===i||i.unlisted&&!s?null:(0,u.jsx)(ae,{exact:!0,...o,isActive:()=>s||!!a?.sidebar&&a.sidebar===i.sidebar,label:n??i.id,to:i.path})},docSidebar:function(e){let{sidebarId:t,label:n,docsPluginId:r,...o}=e;const{activeDoc:a}=(0,Ie.zK)(r),i=(0,Re.fW)(t,r).link;if(!i)throw new Error(`DocSidebarNavbarItem: Sidebar with ID "${t}" doesn't have anything to be linked to.`);return(0,u.jsx)(ae,{exact:!0,...o,isActive:()=>a?.sidebar===t,label:n??i.label,to:i.path})},docsVersion:function(e){let{label:t,to:n,docsPluginId:r,...o}=e;const a=(0,Re.Vd)(r)[0],i=t??a.label,s=n??(e=>e.docs.find((t=>t.id===e.mainDocId)))(a).path;return(0,u.jsx)(ae,{...o,label:i,to:s})},docsVersionDropdown:function(e){let{mobile:t,docsPluginId:n,dropdownActiveClassDisabled:r,dropdownItemsBefore:o,dropdownItemsAfter:a,...i}=e;const{search:c,hash:d}=(0,s.zy)(),p=(0,Ie.zK)(n),f=(0,Ie.jh)(n),{savePreferredVersionName:m}=(0,Ne.g1)(n),h=[...o,...f.map((function(e){const t=De(e,p);return{label:e.label,to:`${t.path}${c}${d}`,isActive:()=>e===p.activeVersion,onClick:()=>m(e.name)}})),...a],g=(0,Re.Vd)(n)[0],b=t&&h.length>1?(0,l.T)({id:"theme.navbar.mobileVersionsDropdown.label",message:"Versions",description:"The label for the navbar versions dropdown on mobile view"}):g.label,y=t&&h.length>1?void 0:De(g,p).path;return h.length<=1?(0,u.jsx)(ae,{...i,mobile:t,label:b,to:y,isActive:r?()=>!1:void 0}):(0,u.jsx)(fe,{...i,mobile:t,label:b,to:y,items:h,isActive:r?()=>!1:void 0})}};function Fe(e){let{type:t,...n}=e;const r=function(e,t){return e&&"default"!==e?e:"items"in t?"dropdown":"default"}(t,n),o=Me[r];if(!o)throw new Error(`No NavbarItem component found for type "${t}".`);return(0,u.jsx)(o,{...n})}function ze(){const e=(0,O.M)(),t=(0,w.p)().navbar.items;return(0,u.jsx)("ul",{className:"menu__list",children:t.map(((t,n)=>(0,r.createElement)(Fe,{mobile:!0,...t,onClick:()=>e.toggle(),key:n})))})}function Be(e){return(0,u.jsx)("button",{...e,type:"button",className:"clean-btn navbar-sidebar__back",children:(0,u.jsx)(l.A,{id:"theme.navbar.mobileSidebarSecondaryMenu.backButtonLabel",description:"The label of the back button to return to main menu, inside the mobile navbar sidebar secondary menu (notably used to display the docs sidebar)",children:"\u2190 Back to main menu"})})}function Ue(){const e=0===(0,w.p)().navbar.items.length,t=D();return(0,u.jsxs)(u.Fragment,{children:[!e&&(0,u.jsx)(Be,{onClick:()=>t.hide()}),t.content]})}function qe(){const e=(0,O.M)();var t;return void 0===(t=e.shown)&&(t=!0),(0,r.useEffect)((()=>(document.body.style.overflow=t?"hidden":"visible",()=>{document.body.style.overflow="visible"})),[t]),e.shouldRender?(0,u.jsx)(M,{header:(0,u.jsx)(Y,{}),primaryMenu:(0,u.jsx)(ze,{}),secondaryMenu:(0,u.jsx)(Ue,{})}):null}const $e={navbarHideable:"navbarHideable_v02o",navbarHidden:"navbarHidden_YVDo"};function He(e){return(0,u.jsx)("div",{role:"presentation",...e,className:(0,o.A)("navbar-sidebar__backdrop",e.className)})}function Ve(e){let{children:t}=e;const{navbar:{hideOnScroll:n,style:a}}=(0,w.p)(),i=(0,O.M)(),{navbarRef:s,isNavbarVisible:d}=function(e){const[t,n]=(0,r.useState)(e),o=(0,r.useRef)(!1),a=(0,r.useRef)(0),i=(0,r.useCallback)((e=>{null!==e&&(a.current=e.getBoundingClientRect().height)}),[]);return(0,T.Mq)(((t,r)=>{let{scrollY:i}=t;if(!e)return;if(i<a.current)return void n(!0);if(o.current)return void(o.current=!1);const s=r?.scrollY,l=document.documentElement.scrollHeight-a.current,c=window.innerHeight;s&&i>=s?n(!1):i+c<l&&n(!0)})),(0,c.$)((t=>{if(!e)return;const r=t.location.hash;if(r?document.getElementById(r.substring(1)):void 0)return o.current=!0,void n(!1);n(!0)})),{navbarRef:i,isNavbarVisible:t}}(n);return(0,u.jsxs)("nav",{ref:s,"aria-label":(0,l.T)({id:"theme.NavBar.navAriaLabel",message:"Main",description:"The ARIA label for the main navigation"}),className:(0,o.A)("navbar","navbar--fixed-top",n&&[$e.navbarHideable,!d&&$e.navbarHidden],{"navbar--dark":"dark"===a,"navbar--primary":"primary"===a,"navbar-sidebar--show":i.shown}),children:[t,(0,u.jsx)(He,{onClick:i.toggle}),(0,u.jsx)(qe,{})]})}var Ge=n(3509);const We={errorBoundaryError:"errorBoundaryError_t0Si",errorBoundaryFallback:"errorBoundaryFallback_rqmh"};function Ke(e){return(0,u.jsx)("button",{type:"button",...e,children:(0,u.jsx)(l.A,{id:"theme.ErrorPageContent.tryAgain",description:"The label of the button to try again rendering when the React error boundary captures an error",children:"Try again"})})}function Qe(e){let{error:t}=e;const n=(0,Ge.rA)(t).map((e=>e.message)).join("\n\nCause:\n");return(0,u.jsx)("p",{className:We.errorBoundaryError,children:n})}class Ye extends r.Component{componentDidCatch(e,t){throw this.props.onError(e,t)}render(){return this.props.children}}const Ze="right";function Je(e){let{width:t=30,height:n=30,className:r,...o}=e;return(0,u.jsx)("svg",{className:r,width:t,height:n,viewBox:"0 0 30 30","aria-hidden":"true",...o,children:(0,u.jsx)("path",{stroke:"currentColor",strokeLinecap:"round",strokeMiterlimit:"10",strokeWidth:"2",d:"M4 7h22M4 15h22M4 23h22"})})}function Xe(){const{toggle:e,shown:t}=(0,O.M)();return(0,u.jsx)("button",{onClick:e,"aria-label":(0,l.T)({id:"theme.docs.sidebar.toggleSidebarButtonAriaLabel",message:"Toggle navigation bar",description:"The ARIA label for hamburger menu button of mobile navigation"}),"aria-expanded":t,className:"navbar__toggle clean-btn",type:"button",children:(0,u.jsx)(Je,{})})}const et={colorModeToggle:"colorModeToggle_G2yU"};function tt(e){let{items:t}=e;return(0,u.jsx)(u.Fragment,{children:t.map(((e,t)=>(0,u.jsx)(Ye,{onError:t=>new Error(`A theme navbar item failed to render.\nPlease double-check the following navbar item (themeConfig.navbar.items) of your Docusaurus config:\n${JSON.stringify(e,null,2)}`,{cause:t}),children:(0,u.jsx)(Fe,{...e})},t)))})}function nt(e){let{left:t,right:n}=e;return(0,u.jsxs)("div",{className:"navbar__inner",children:[(0,u.jsx)("div",{className:"navbar__items",children:t}),(0,u.jsx)("div",{className:"navbar__items navbar__items--right",children:n})]})}function rt(){const e=(0,O.M)(),t=(0,w.p)().navbar.items,[n,r]=function(e){function t(e){return"left"===(e.position??Ze)}return[e.filter(t),e.filter((e=>!t(e)))]}(t),o=t.find((e=>"search"===e.type));return(0,u.jsx)(nt,{left:(0,u.jsxs)(u.Fragment,{children:[!e.disabled&&(0,u.jsx)(Xe,{}),(0,u.jsx)(K,{}),(0,u.jsx)(tt,{items:n})]}),right:(0,u.jsxs)(u.Fragment,{children:[(0,u.jsx)(tt,{items:r}),(0,u.jsx)(G,{className:et.colorModeToggle}),!o&&(0,u.jsx)(Le,{children:(0,u.jsx)(Te,{})})]})})}function ot(){return(0,u.jsx)(Ve,{children:(0,u.jsx)(rt,{})})}function at(e){let{item:t}=e;const{to:n,href:r,label:o,prependBaseUrlToHref:a,...i}=t,s=(0,J.Ay)(n),l=(0,J.Ay)(r,{forcePrependBaseUrl:!0});return(0,u.jsxs)(Z.A,{className:"footer__link-item",...r?{href:a?l:r}:{to:s},...i,children:[o,r&&!(0,X.A)(r)&&(0,u.jsx)(te.A,{})]})}function it(e){let{item:t}=e;return t.html?(0,u.jsx)("li",{className:"footer__item",dangerouslySetInnerHTML:{__html:t.html}}):(0,u.jsx)("li",{className:"footer__item",children:(0,u.jsx)(at,{item:t})},t.href??t.to)}function st(e){let{column:t}=e;return(0,u.jsxs)("div",{className:"col footer__col",children:[(0,u.jsx)("div",{className:"footer__title",children:t.title}),(0,u.jsx)("ul",{className:"footer__items clean-list",children:t.items.map(((e,t)=>(0,u.jsx)(it,{item:e},t)))})]})}function lt(e){let{columns:t}=e;return(0,u.jsx)("div",{className:"row footer__links",children:t.map(((e,t)=>(0,u.jsx)(st,{column:e},t)))})}function ct(){return(0,u.jsx)("span",{className:"footer__link-separator",children:"\xb7"})}function ut(e){let{item:t}=e;return t.html?(0,u.jsx)("span",{className:"footer__link-item",dangerouslySetInnerHTML:{__html:t.html}}):(0,u.jsx)(at,{item:t})}function dt(e){let{links:t}=e;return(0,u.jsx)("div",{className:"footer__links text--center",children:(0,u.jsx)("div",{className:"footer__links",children:t.map(((e,n)=>(0,u.jsxs)(r.Fragment,{children:[(0,u.jsx)(ut,{item:e}),t.length!==n+1&&(0,u.jsx)(ct,{})]},n)))})})}function pt(e){let{links:t}=e;return function(e){return"title"in e[0]}(t)?(0,u.jsx)(lt,{columns:t}):(0,u.jsx)(dt,{links:t})}var ft=n(6012);const mt={footerLogoLink:"footerLogoLink_HxP9"};function ht(e){let{logo:t}=e;const{withBaseUrl:n}=(0,J.hH)(),r={light:n(t.src),dark:n(t.srcDark??t.src)};return(0,u.jsx)(ft.A,{className:(0,o.A)("footer__logo",t.className),alt:t.alt,sources:r,width:t.width,height:t.height,style:t.style})}function gt(e){let{logo:t}=e;return t.href?(0,u.jsx)(Z.A,{href:t.href,className:mt.footerLogoLink,target:t.target,children:(0,u.jsx)(ht,{logo:t})}):(0,u.jsx)(ht,{logo:t})}function bt(e){let{copyright:t}=e;return(0,u.jsx)("div",{className:"footer__copyright",dangerouslySetInnerHTML:{__html:t}})}function yt(e){let{style:t,links:n,logo:r,copyright:a}=e;return(0,u.jsx)("footer",{className:(0,o.A)("footer",{"footer--dark":"dark"===t}),children:(0,u.jsxs)("div",{className:"container container-fluid",children:[n,(r||a)&&(0,u.jsxs)("div",{className:"footer__bottom text--center",children:[r&&(0,u.jsx)("div",{className:"margin-bottom--sm",children:r}),a]})]})})}function vt(){const{footer:e}=(0,w.p)();if(!e)return null;const{copyright:t,links:n,logo:r,style:o}=e;return(0,u.jsx)(yt,{style:o,links:n&&n.length>0&&(0,u.jsx)(pt,{links:n}),logo:r&&(0,u.jsx)(gt,{logo:r}),copyright:t&&(0,u.jsx)(bt,{copyright:t})})}const wt=r.memo(vt),St=(0,P.fM)([F.a,S.o,T.Tv,Ne.VQ,i.Jx,function(e){let{children:t}=e;return(0,u.jsx)(L.y_,{children:(0,u.jsx)(O.e,{children:(0,u.jsx)(R,{children:t})})})}]);function xt(e){let{children:t}=e;return(0,u.jsx)(St,{children:t})}var kt=n(1507);function jt(e){let{error:t,tryAgain:n}=e;return(0,u.jsx)("main",{className:"container margin-vert--xl",children:(0,u.jsx)("div",{className:"row",children:(0,u.jsxs)("div",{className:"col col--6 col--offset-3",children:[(0,u.jsx)(kt.A,{as:"h1",className:"hero__title",children:(0,u.jsx)(l.A,{id:"theme.ErrorPageContent.title",description:"The title of the fallback page when the page crashed",children:"This page crashed."})}),(0,u.jsx)("div",{className:"margin-vert--lg",children:(0,u.jsx)(Ke,{onClick:n,className:"button button--primary shadow--lw"})}),(0,u.jsx)("hr",{}),(0,u.jsx)("div",{className:"margin-vert--md",children:(0,u.jsx)(Qe,{error:t})})]})})})}const Et={mainWrapper:"mainWrapper_ZPwK"};function _t(e){const{children:t,noFooter:n,wrapperClassName:r,title:s,description:l}=e;return(0,b.J)(),(0,u.jsxs)(xt,{children:[(0,u.jsx)(i.be,{title:s,description:l}),(0,u.jsx)(v,{}),(0,u.jsx)(A,{}),(0,u.jsx)(ot,{}),(0,u.jsx)("div",{id:d,className:(0,o.A)(g.G.wrapper.main,Et.mainWrapper,r),children:(0,u.jsx)(a.A,{fallback:e=>(0,u.jsx)(jt,{...e}),children:t})}),!n&&(0,u.jsx)(wt,{})]})}},7007:(e,t,n)=>{"use strict";n.d(t,{A:()=>u});n(758);var r=n(6783),o=n(5252),a=n(9143),i=n(316),s=n(6012),l=n(6070);function c(e){let{logo:t,alt:n,imageClassName:r}=e;const a={light:(0,o.Ay)(t.src),dark:(0,o.Ay)(t.srcDark||t.src)},i=(0,l.jsx)(s.A,{className:t.className,sources:a,height:t.height,width:t.width,alt:n,style:t.style});return r?(0,l.jsx)("div",{className:r,children:i}):i}function u(e){const{siteConfig:{title:t}}=(0,a.A)(),{navbar:{title:n,logo:s}}=(0,i.p)(),{imageClassName:u,titleClassName:d,...p}=e,f=(0,o.Ay)(s?.href||"/"),m=n?"":t,h=s?.alt??m;return(0,l.jsxs)(r.A,{to:f,...p,...s?.target&&{target:s.target},children:[s&&(0,l.jsx)(c,{logo:s,alt:h,imageClassName:u}),null!=n&&(0,l.jsx)("b",{className:d,children:n})]})}},1701:(e,t,n)=>{"use strict";n.d(t,{A:()=>a});n(758);var r=n(2293),o=n(6070);function a(e){let{locale:t,version:n,tag:a}=e;const i=t;return(0,o.jsxs)(r.A,{children:[t&&(0,o.jsx)("meta",{name:"docusaurus_locale",content:t}),n&&(0,o.jsx)("meta",{name:"docusaurus_version",content:n}),a&&(0,o.jsx)("meta",{name:"docusaurus_tag",content:a}),i&&(0,o.jsx)("meta",{name:"docsearch:language",content:i}),n&&(0,o.jsx)("meta",{name:"docsearch:version",content:n}),a&&(0,o.jsx)("meta",{name:"docsearch:docusaurus_tag",content:a})]})}},6012:(e,t,n)=>{"use strict";n.d(t,{A:()=>u});var r=n(758),o=n(3526),a=n(2630),i=n(9731);const s={themedComponent:"themedComponent_v9BS","themedComponent--light":"themedComponent--light_bfJ3","themedComponent--dark":"themedComponent--dark_BRRK"};var l=n(6070);function c(e){let{className:t,children:n}=e;const c=(0,a.A)(),{colorMode:u}=(0,i.G)();return(0,l.jsx)(l.Fragment,{children:(c?"dark"===u?["dark"]:["light"]:["light","dark"]).map((e=>{const a=n({theme:e,className:(0,o.A)(t,s.themedComponent,s[`themedComponent--${e}`])});return(0,l.jsx)(r.Fragment,{children:a},e)}))})}function u(e){const{sources:t,className:n,alt:r,...o}=e;return(0,l.jsx)(c,{className:n,children:e=>{let{theme:n,className:a}=e;return(0,l.jsx)("img",{src:t[n],alt:r,className:a,...o})}})}},7064:(e,t,n)=>{"use strict";n.d(t,{N:()=>b,u:()=>c});var r=n(758),o=n(3088),a=n(8302),i=n(9963),s=n(6070);const l="ease-in-out";function c(e){let{initialState:t}=e;const[n,o]=(0,r.useState)(t??!1),a=(0,r.useCallback)((()=>{o((e=>!e))}),[]);return{collapsed:n,setCollapsed:o,toggleCollapsed:a}}const u={display:"none",overflow:"hidden",height:"0px"},d={display:"block",overflow:"visible",height:"auto"};function p(e,t){const n=t?u:d;e.style.display=n.display,e.style.overflow=n.overflow,e.style.height=n.height}function f(e){let{collapsibleRef:t,collapsed:n,animation:o}=e;const a=(0,r.useRef)(!1);(0,r.useEffect)((()=>{const e=t.current;function r(){const t=e.scrollHeight,n=o?.duration??function(e){if((0,i.O)())return 1;const t=e/36;return Math.round(10*(4+15*t**.25+t/5))}(t);return{transition:`height ${n}ms ${o?.easing??l}`,height:`${t}px`}}function s(){const t=r();e.style.transition=t.transition,e.style.height=t.height}if(!a.current)return p(e,n),void(a.current=!0);return e.style.willChange="height",function(){const t=requestAnimationFrame((()=>{n?(s(),requestAnimationFrame((()=>{e.style.height=u.height,e.style.overflow=u.overflow}))):(e.style.display="block",requestAnimationFrame((()=>{s()})))}));return()=>cancelAnimationFrame(t)}()}),[t,n,o])}function m(e){if(!o.A.canUseDOM)return e?u:d}function h(e){let{as:t="div",collapsed:n,children:o,animation:a,onCollapseTransitionEnd:i,className:l,disableSSRStyle:c}=e;const u=(0,r.useRef)(null);return f({collapsibleRef:u,collapsed:n,animation:a}),(0,s.jsx)(t,{ref:u,style:c?void 0:m(n),onTransitionEnd:e=>{"height"===e.propertyName&&(p(u.current,n),i?.(n))},className:l,children:o})}function g(e){let{collapsed:t,...n}=e;const[o,i]=(0,r.useState)(!t),[l,c]=(0,r.useState)(t);return(0,a.A)((()=>{t||i(!0)}),[t]),(0,a.A)((()=>{o&&c(t)}),[o,t]),o?(0,s.jsx)(h,{...n,collapsed:l}):null}function b(e){let{lazy:t,...n}=e;const r=t?g:h;return(0,s.jsx)(r,{...n})}},1611:(e,t,n)=>{"use strict";n.d(t,{M:()=>h,o:()=>m});var r=n(758),o=n(2630),a=n(3349),i=n(4902),s=n(316),l=n(6070);const c=(0,a.Wf)("docusaurus.announcement.dismiss"),u=(0,a.Wf)("docusaurus.announcement.id"),d=()=>"true"===c.get(),p=e=>c.set(String(e)),f=r.createContext(null);function m(e){let{children:t}=e;const n=function(){const{announcementBar:e}=(0,s.p)(),t=(0,o.A)(),[n,a]=(0,r.useState)((()=>!!t&&d()));(0,r.useEffect)((()=>{a(d())}),[]);const i=(0,r.useCallback)((()=>{p(!0),a(!0)}),[]);return(0,r.useEffect)((()=>{if(!e)return;const{id:t}=e;let n=u.get();"annoucement-bar"===n&&(n="announcement-bar");const r=t!==n;u.set(t),r&&p(!1),!r&&d()||a(!1)}),[e]),(0,r.useMemo)((()=>({isActive:!!e&&!n,close:i})),[e,n,i])}();return(0,l.jsx)(f.Provider,{value:n,children:t})}function h(){const e=(0,r.useContext)(f);if(!e)throw new i.dV("AnnouncementBarProvider");return e}},9731:(e,t,n)=>{"use strict";n.d(t,{G:()=>b,a:()=>g});var r=n(758),o=n(3088),a=n(4902),i=n(3349),s=n(316),l=n(6070);const c=r.createContext(void 0),u="theme",d=(0,i.Wf)(u),p={light:"light",dark:"dark"},f=e=>e===p.dark?p.dark:p.light,m=e=>o.A.canUseDOM?f(document.documentElement.getAttribute("data-theme")):f(e),h=e=>{d.set(f(e))};function g(e){let{children:t}=e;const n=function(){const{colorMode:{defaultMode:e,disableSwitch:t,respectPrefersColorScheme:n}}=(0,s.p)(),[o,a]=(0,r.useState)(m(e));(0,r.useEffect)((()=>{t&&d.del()}),[t]);const i=(0,r.useCallback)((function(t,r){void 0===r&&(r={});const{persist:o=!0}=r;t?(a(t),o&&h(t)):(a(n?window.matchMedia("(prefers-color-scheme: dark)").matches?p.dark:p.light:e),d.del())}),[n,e]);(0,r.useEffect)((()=>{document.documentElement.setAttribute("data-theme",f(o))}),[o]),(0,r.useEffect)((()=>{if(t)return;const e=e=>{if(e.key!==u)return;const t=d.get();null!==t&&i(f(t))};return window.addEventListener("storage",e),()=>window.removeEventListener("storage",e)}),[t,i]);const l=(0,r.useRef)(!1);return(0,r.useEffect)((()=>{if(t&&!n)return;const e=window.matchMedia("(prefers-color-scheme: dark)"),r=()=>{window.matchMedia("print").matches||l.current?l.current=window.matchMedia("print").matches:i(null)};return e.addListener(r),()=>e.removeListener(r)}),[i,t,n]),(0,r.useMemo)((()=>({colorMode:o,setColorMode:i,get isDarkTheme(){return o===p.dark},setLightTheme(){i(p.light)},setDarkTheme(){i(p.dark)}})),[o,i])}();return(0,l.jsx)(c.Provider,{value:n,children:t})}function b(){const e=(0,r.useContext)(c);if(null==e)throw new a.dV("ColorModeProvider","Please see https://docusaurus.io/docs/api/themes/configuration#use-color-mode.");return e}},1003:(e,t,n)=>{"use strict";n.d(t,{M:()=>f,e:()=>p});var r=n(758),o=n(646),a=n(9207),i=n(3979),s=n(316),l=n(4902),c=n(6070);const u=r.createContext(void 0);function d(){const e=function(){const e=(0,o.YL)(),{items:t}=(0,s.p)().navbar;return 0===t.length&&!e.component}(),t=(0,a.l)(),n=!e&&"mobile"===t,[l,c]=(0,r.useState)(!1);(0,i.$Z)((()=>{if(l)return c(!1),!1}));const u=(0,r.useCallback)((()=>{c((e=>!e))}),[]);return(0,r.useEffect)((()=>{"desktop"===t&&c(!1)}),[t]),(0,r.useMemo)((()=>({disabled:e,shouldRender:n,toggle:u,shown:l})),[e,n,u,l])}function p(e){let{children:t}=e;const n=d();return(0,c.jsx)(u.Provider,{value:n,children:t})}function f(){const e=r.useContext(u);if(void 0===e)throw new l.dV("NavbarMobileSidebarProvider");return e}},646:(e,t,n)=>{"use strict";n.d(t,{GX:()=>c,YL:()=>l,y_:()=>s});var r=n(758),o=n(4902),a=n(6070);const i=r.createContext(null);function s(e){let{children:t}=e;const n=(0,r.useState)({component:null,props:null});return(0,a.jsx)(i.Provider,{value:n,children:t})}function l(){const e=(0,r.useContext)(i);if(!e)throw new o.dV("NavbarSecondaryMenuContentProvider");return e[0]}function c(e){let{component:t,props:n}=e;const a=(0,r.useContext)(i);if(!a)throw new o.dV("NavbarSecondaryMenuContentProvider");const[,s]=a,l=(0,o.Be)(n);return(0,r.useEffect)((()=>{s({component:t,props:l})}),[s,t,l]),(0,r.useEffect)((()=>()=>s({component:null,props:null})),[s]),null}},9782:(e,t,n)=>{"use strict";n.d(t,{w:()=>o,J:()=>a});var r=n(758);const o="navigation-with-keyboard";function a(){(0,r.useEffect)((()=>{function e(e){"keydown"===e.type&&"Tab"===e.key&&document.body.classList.add(o),"mousedown"===e.type&&document.body.classList.remove(o)}return document.addEventListener("keydown",e),document.addEventListener("mousedown",e),()=>{document.body.classList.remove(o),document.removeEventListener("keydown",e),document.removeEventListener("mousedown",e)}}),[])}},8169:(e,t,n)=>{"use strict";n.d(t,{b:()=>s,w:()=>l});var r=n(758),o=n(9143),a=n(3979);const i="q";function s(){return(0,a.l)(i)}function l(){const{siteConfig:{baseUrl:e,themeConfig:t}}=(0,o.A)(),{algolia:{searchPagePath:n}}=t;return(0,r.useCallback)((t=>`${e}${n}?${i}=${encodeURIComponent(t)}`),[e,n])}},9207:(e,t,n)=>{"use strict";n.d(t,{l:()=>s});var r=n(758),o=n(3088);const a={desktop:"desktop",mobile:"mobile",ssr:"ssr"},i=996;function s(e){let{desktopBreakpoint:t=i}=void 0===e?{}:e;const[n,s]=(0,r.useState)((()=>"ssr"));return(0,r.useEffect)((()=>{function e(){s(function(e){if(!o.A.canUseDOM)throw new Error("getWindowSize() should only be called after React hydration");return window.innerWidth>e?a.desktop:a.mobile}(t))}return e(),window.addEventListener("resize",e),()=>{window.removeEventListener("resize",e)}}),[t]),n}},8813:(e,t,n)=>{"use strict";n.d(t,{G:()=>r});const r={page:{blogListPage:"blog-list-page",blogPostPage:"blog-post-page",blogTagsListPage:"blog-tags-list-page",blogTagPostListPage:"blog-tags-post-list-page",blogAuthorsListPage:"blog-authors-list-page",blogAuthorsPostsPage:"blog-authors-posts-page",docsDocPage:"docs-doc-page",docsTagsListPage:"docs-tags-list-page",docsTagDocListPage:"docs-tags-doc-list-page",mdxPage:"mdx-page"},wrapper:{main:"main-wrapper",blogPages:"blog-wrapper",docsPages:"docs-wrapper",mdxPages:"mdx-wrapper"},common:{editThisPage:"theme-edit-this-page",lastUpdated:"theme-last-updated",backToTopButton:"theme-back-to-top-button",codeBlock:"theme-code-block",admonition:"theme-admonition",unlistedBanner:"theme-unlisted-banner",draftBanner:"theme-draft-banner",admonitionType:e=>`theme-admonition-${e}`},layout:{},docs:{docVersionBanner:"theme-doc-version-banner",docVersionBadge:"theme-doc-version-badge",docBreadcrumbs:"theme-doc-breadcrumbs",docMarkdown:"theme-doc-markdown",docTocMobile:"theme-doc-toc-mobile",docTocDesktop:"theme-doc-toc-desktop",docFooter:"theme-doc-footer",docFooterTagsRow:"theme-doc-footer-tags-row",docFooterEditMetaRow:"theme-doc-footer-edit-meta-row",docSidebarContainer:"theme-doc-sidebar-container",docSidebarMenu:"theme-doc-sidebar-menu",docSidebarItemCategory:"theme-doc-sidebar-item-category",docSidebarItemLink:"theme-doc-sidebar-item-link",docSidebarItemCategoryLevel:e=>`theme-doc-sidebar-item-category-level-${e}`,docSidebarItemLinkLevel:e=>`theme-doc-sidebar-item-link-level-${e}`},blog:{blogFooterTagsRow:"theme-blog-footer-tags-row",blogFooterEditMetaRow:"theme-blog-footer-edit-meta-row"},pages:{pageFooterEditMetaRow:"theme-pages-footer-edit-meta-row"}}},9963:(e,t,n)=>{"use strict";function r(){return window.matchMedia("(prefers-reduced-motion: reduce)").matches}n.d(t,{O:()=>r})},7743:(e,t,n)=>{"use strict";n.d(t,{s:()=>o});var r=n(9143);function o(e){const{siteConfig:t}=(0,r.A)(),{title:n,titleDelimiter:o}=t;return e?.trim().length?`${e.trim()} ${o} ${n}`:n}},3979:(e,t,n)=>{"use strict";n.d(t,{$Z:()=>i,l:()=>l});var r=n(758),o=n(5557),a=n(4902);function i(e){!function(e){const t=(0,o.W6)(),n=(0,a._q)(e);(0,r.useEffect)((()=>t.block(((e,t)=>n(e,t)))),[t,n])}(((t,n)=>{if("POP"===n)return e(t,n)}))}function s(e){const t=(0,o.W6)();return(0,r.useSyncExternalStore)(t.listen,(()=>e(t)),(()=>e(t)))}function l(e){const t=function(e){return s((t=>null===e?null:new URLSearchParams(t.location.search).get(e)))}(e)??"",n=function(e){const t=(0,o.W6)();return(0,r.useCallback)(((n,r)=>{const o=new URLSearchParams(t.location.search);n?o.set(e,n):o.delete(e),(r?.push?t.push:t.replace)({search:o.toString()})}),[e,t])}(e);return[t,n]}},2632:(e,t,n)=>{"use strict";function r(e){return Array.from(new Set(e))}function o(e,t){const n={};let r=0;for(const o of e){const e=t(o,r);n[e]??=[],n[e].push(o),r+=1}return n}n.d(t,{$z:()=>o,sb:()=>r})},898:(e,t,n)=>{"use strict";n.d(t,{Jx:()=>f,be:()=>u,e3:()=>p});var r=n(758),o=n(3526),a=n(2293),i=n(3112),s=n(5252),l=n(7743),c=n(6070);function u(e){let{title:t,description:n,keywords:r,image:o,children:i}=e;const u=(0,l.s)(t),{withBaseUrl:d}=(0,s.hH)(),p=o?d(o,{absolute:!0}):void 0;return(0,c.jsxs)(a.A,{children:[t&&(0,c.jsx)("title",{children:u}),t&&(0,c.jsx)("meta",{property:"og:title",content:u}),n&&(0,c.jsx)("meta",{name:"description",content:n}),n&&(0,c.jsx)("meta",{property:"og:description",content:n}),r&&(0,c.jsx)("meta",{name:"keywords",content:Array.isArray(r)?r.join(","):r}),p&&(0,c.jsx)("meta",{property:"og:image",content:p}),p&&(0,c.jsx)("meta",{name:"twitter:image",content:p}),i]})}const d=r.createContext(void 0);function p(e){let{className:t,children:n}=e;const i=r.useContext(d),s=(0,o.A)(i,t);return(0,c.jsxs)(d.Provider,{value:s,children:[(0,c.jsx)(a.A,{children:(0,c.jsx)("html",{className:s})}),n]})}function f(e){let{children:t}=e;const n=(0,i.A)(),r=`plugin-${n.plugin.name.replace(/docusaurus-(?:plugin|theme)-(?:content-)?/gi,"")}`;const a=`plugin-id-${n.plugin.id}`;return(0,c.jsx)(p,{className:(0,o.A)(r,a),children:t})}},4902:(e,t,n)=>{"use strict";n.d(t,{Be:()=>c,ZC:()=>s,_q:()=>i,dV:()=>l,fM:()=>u});var r=n(758),o=n(8302),a=n(6070);function i(e){const t=(0,r.useRef)(e);return(0,o.A)((()=>{t.current=e}),[e]),(0,r.useCallback)((function(){return t.current(...arguments)}),[])}function s(e){const t=(0,r.useRef)();return(0,o.A)((()=>{t.current=e})),t.current}class l extends Error{constructor(e,t){super(),this.name="ReactContextError",this.message=`Hook ${this.stack?.split("\n")[1]?.match(/at (?:\w+\.)?(?<name>\w+)/)?.groups.name??""} is called outside the <${e}>. ${t??""}`}}function c(e){const t=Object.entries(e);return t.sort(((e,t)=>e[0].localeCompare(t[0]))),(0,r.useMemo)((()=>e),t.flat())}function u(e){return t=>{let{children:n}=t;return(0,a.jsx)(a.Fragment,{children:e.reduceRight(((e,t)=>(0,a.jsx)(t,{children:e})),n)})}}},5130:(e,t,n)=>{"use strict";function r(e,t){return void 0!==e&&void 0!==t&&new RegExp(e,"gi").test(t)}n.d(t,{G:()=>r})},5763:(e,t,n)=>{"use strict";n.d(t,{Dt:()=>s,ys:()=>i});var r=n(758),o=n(1377),a=n(9143);function i(e,t){const n=e=>(!e||e.endsWith("/")?e:`${e}/`)?.toLowerCase();return n(e)===n(t)}function s(){const{baseUrl:e}=(0,a.A)().siteConfig;return(0,r.useMemo)((()=>function(e){let{baseUrl:t,routes:n}=e;function r(e){return e.path===t&&!0===e.exact}function o(e){return e.path===t&&!e.exact}return function e(t){if(0===t.length)return;return t.find(r)||e(t.filter(o).flatMap((e=>e.routes??[])))}(n)}({routes:o.A,baseUrl:e})),[e])}},9030:(e,t,n)=>{"use strict";n.d(t,{Mq:()=>p,Tv:()=>c,gk:()=>f});var r=n(758),o=n(3088),a=n(2630),i=(n(8302),n(4902)),s=n(6070);const l=r.createContext(void 0);function c(e){let{children:t}=e;const n=function(){const e=(0,r.useRef)(!0);return(0,r.useMemo)((()=>({scrollEventsEnabledRef:e,enableScrollEvents:()=>{e.current=!0},disableScrollEvents:()=>{e.current=!1}})),[])}();return(0,s.jsx)(l.Provider,{value:n,children:t})}function u(){const e=(0,r.useContext)(l);if(null==e)throw new i.dV("ScrollControllerProvider");return e}const d=()=>o.A.canUseDOM?{scrollX:window.pageXOffset,scrollY:window.pageYOffset}:null;function p(e,t){void 0===t&&(t=[]);const{scrollEventsEnabledRef:n}=u(),o=(0,r.useRef)(d()),a=(0,i._q)(e);(0,r.useEffect)((()=>{const e=()=>{if(!n.current)return;const e=d();a(e,o.current),o.current=e},t={passive:!0};return e(),window.addEventListener("scroll",e,t),()=>window.removeEventListener("scroll",e,t)}),[a,n,...t])}function f(){const e=(0,r.useRef)(null),t=(0,a.A)()&&"smooth"===getComputedStyle(document.documentElement).scrollBehavior;return{startScroll:n=>{e.current=t?function(e){return window.scrollTo({top:e,behavior:"smooth"}),()=>{}}(n):function(e){let t=null;const n=document.documentElement.scrollTop>e;return function r(){const o=document.documentElement.scrollTop;(n&&o>e||!n&&o<e)&&(t=requestAnimationFrame(r),window.scrollTo(0,Math.floor(.85*(o-e))+e))}(),()=>t&&cancelAnimationFrame(t)}(n)},cancelScroll:()=>e.current?.()}}},4937:(e,t,n)=>{"use strict";n.d(t,{C:()=>r});const r="default"},3349:(e,t,n)=>{"use strict";n.d(t,{Wf:()=>c});n(758);const r=JSON.parse('{"N":"localStorage","M":""}'),o=r.N;function a(e){let{key:t,oldValue:n,newValue:r,storage:o}=e;if(n===r)return;const a=document.createEvent("StorageEvent");a.initStorageEvent("storage",!1,!1,t,n,r,window.location.href,o),window.dispatchEvent(a)}function i(e){if(void 0===e&&(e=o),"undefined"==typeof window)throw new Error("Browser storage is not available on Node.js/Docusaurus SSR process.");if("none"===e)return null;try{return window[e]}catch(n){return t=n,s||(console.warn("Docusaurus browser storage is not available.\nPossible reasons: running Docusaurus in an iframe, in an incognito browser session, or using too strict browser privacy settings.",t),s=!0),null}var t}let s=!1;const l={get:()=>null,set:()=>{},del:()=>{},listen:()=>()=>{}};function c(e,t){const n=`${e}${r.M}`;if("undefined"==typeof window)return function(e){function t(){throw new Error(`Illegal storage API usage for storage key "${e}".\nDocusaurus storage APIs are not supposed to be called on the server-rendering process.\nPlease only call storage APIs in effects and event handlers.`)}return{get:t,set:t,del:t,listen:t}}(n);const o=i(t?.persistence);return null===o?l:{get:()=>{try{return o.getItem(n)}catch(e){return console.error(`Docusaurus storage error, can't get key=${n}`,e),null}},set:e=>{try{const t=o.getItem(n);o.setItem(n,e),a({key:n,oldValue:t,newValue:e,storage:o})}catch(t){console.error(`Docusaurus storage error, can't set ${n}=${e}`,t)}},del:()=>{try{const e=o.getItem(n);o.removeItem(n),a({key:n,oldValue:e,newValue:null,storage:o})}catch(e){console.error(`Docusaurus storage error, can't delete key=${n}`,e)}},listen:e=>{try{const t=t=>{t.storageArea===o&&t.key===n&&e(t)};return window.addEventListener("storage",t),()=>window.removeEventListener("storage",t)}catch(t){return console.error(`Docusaurus storage error, can't listen for changes of key=${n}`,t),()=>{}}}}}},1529:(e,t,n)=>{"use strict";n.d(t,{o:()=>i});var r=n(9143),o=n(5557),a=n(3509);function i(){const{siteConfig:{baseUrl:e,url:t,trailingSlash:n},i18n:{defaultLocale:i,currentLocale:s}}=(0,r.A)(),{pathname:l}=(0,o.zy)(),c=(0,a.Ks)(l,{trailingSlash:n,baseUrl:e}),u=s===i?e:e.replace(`/${s}/`,"/"),d=c.replace(e,"");return{createUrl:function(e){let{locale:n,fullyQualified:r}=e;return`${r?t:""}${function(e){return e===i?`${u}`:`${u}${e}/`}(n)}${d}`}}}},2360:(e,t,n)=>{"use strict";n.d(t,{$:()=>i});var r=n(758),o=n(5557),a=n(4902);function i(e){const t=(0,o.zy)(),n=(0,a.ZC)(t),i=(0,a._q)(e);(0,r.useEffect)((()=>{n&&t!==n&&i({location:t,previousLocation:n})}),[i,t,n])}},316:(e,t,n)=>{"use strict";n.d(t,{p:()=>o});var r=n(9143);function o(){return(0,r.A)().siteConfig.themeConfig}},7e3:(e,t,n)=>{"use strict";n.d(t,{c:()=>o});var r=n(9143);function o(){const{siteConfig:{themeConfig:e}}=(0,r.A)();return e}},1152:(e,t,n)=>{"use strict";n.d(t,{C:()=>s});var r=n(758),o=n(5130),a=n(5252),i=n(7e3);function s(){const{withBaseUrl:e}=(0,a.hH)(),{algolia:{externalUrlRegex:t,replaceSearchResultPathname:n}}=(0,i.c)();return(0,r.useCallback)((r=>{const a=new URL(r);if((0,o.G)(t,a.href))return r;const i=`${a.pathname+a.hash}`;return e(function(e,t){return t?e.replaceAll(new RegExp(t.from,"g"),t.to):e}(i,n))}),[e,t,n])}},1640:(e,t,n)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.addTrailingSlash=o,t.default=function(e,t){const{trailingSlash:n,baseUrl:r}=t;if(e.startsWith("#"))return e;if(void 0===n)return e;const[i]=e.split(/[#?]/),s="/"===i||i===r?i:(l=i,c=n,c?o(l):a(l));var l,c;return e.replace(i,s)},t.addLeadingSlash=function(e){return(0,r.addPrefix)(e,"/")},t.removeTrailingSlash=a;const r=n(239);function o(e){return e.endsWith("/")?e:`${e}/`}function a(e){return(0,r.removeSuffix)(e,"/")}},4814:(e,t)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.getErrorCausalChain=function e(t){if(t.cause)return[t,...e(t.cause)];return[t]}},3509:(e,t,n)=>{"use strict";t.rA=t.Ks=t.LU=void 0;const r=n(3422);t.LU="__blog-post-container";var o=n(1640);Object.defineProperty(t,"Ks",{enumerable:!0,get:function(){return r.__importDefault(o).default}});var a=n(239);var i=n(4814);Object.defineProperty(t,"rA",{enumerable:!0,get:function(){return i.getErrorCausalChain}})},239:(e,t)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.addPrefix=function(e,t){return e.startsWith(t)?e:`${t}${e}`},t.removeSuffix=function(e,t){if(""===t)return e;return e.endsWith(t)?e.slice(0,-t.length):e},t.addSuffix=function(e,t){return e.endsWith(t)?e:`${e}${t}`},t.removePrefix=function(e,t){return e.startsWith(t)?e.slice(t.length):e}},3332:(e,t,n)=>{"use strict";n.d(t,{zR:()=>w,TM:()=>_,yJ:()=>f,sC:()=>A,AO:()=>p});var r=n(991);function o(e){return"/"===e.charAt(0)}function a(e,t){for(var n=t,r=n+1,o=e.length;r<o;n+=1,r+=1)e[n]=e[r];e.pop()}const i=function(e,t){void 0===t&&(t="");var n,r=e&&e.split("/")||[],i=t&&t.split("/")||[],s=e&&o(e),l=t&&o(t),c=s||l;if(e&&o(e)?i=r:r.length&&(i.pop(),i=i.concat(r)),!i.length)return"/";if(i.length){var u=i[i.length-1];n="."===u||".."===u||""===u}else n=!1;for(var d=0,p=i.length;p>=0;p--){var f=i[p];"."===f?a(i,p):".."===f?(a(i,p),d++):d&&(a(i,p),d--)}if(!c)for(;d--;d)i.unshift("..");!c||""===i[0]||i[0]&&o(i[0])||i.unshift("");var m=i.join("/");return n&&"/"!==m.substr(-1)&&(m+="/"),m};var s=n(5385);function l(e){return"/"===e.charAt(0)?e:"/"+e}function c(e){return"/"===e.charAt(0)?e.substr(1):e}function u(e,t){return function(e,t){return 0===e.toLowerCase().indexOf(t.toLowerCase())&&-1!=="/?#".indexOf(e.charAt(t.length))}(e,t)?e.substr(t.length):e}function d(e){return"/"===e.charAt(e.length-1)?e.slice(0,-1):e}function p(e){var t=e.pathname,n=e.search,r=e.hash,o=t||"/";return n&&"?"!==n&&(o+="?"===n.charAt(0)?n:"?"+n),r&&"#"!==r&&(o+="#"===r.charAt(0)?r:"#"+r),o}function f(e,t,n,o){var a;"string"==typeof e?(a=function(e){var t=e||"/",n="",r="",o=t.indexOf("#");-1!==o&&(r=t.substr(o),t=t.substr(0,o));var a=t.indexOf("?");return-1!==a&&(n=t.substr(a),t=t.substr(0,a)),{pathname:t,search:"?"===n?"":n,hash:"#"===r?"":r}}(e),a.state=t):(void 0===(a=(0,r.A)({},e)).pathname&&(a.pathname=""),a.search?"?"!==a.search.charAt(0)&&(a.search="?"+a.search):a.search="",a.hash?"#"!==a.hash.charAt(0)&&(a.hash="#"+a.hash):a.hash="",void 0!==t&&void 0===a.state&&(a.state=t));try{a.pathname=decodeURI(a.pathname)}catch(s){throw s instanceof URIError?new URIError('Pathname "'+a.pathname+'" could not be decoded. This is likely caused by an invalid percent-encoding.'):s}return n&&(a.key=n),o?a.pathname?"/"!==a.pathname.charAt(0)&&(a.pathname=i(a.pathname,o.pathname)):a.pathname=o.pathname:a.pathname||(a.pathname="/"),a}function m(){var e=null;var t=[];return{setPrompt:function(t){return e=t,function(){e===t&&(e=null)}},confirmTransitionTo:function(t,n,r,o){if(null!=e){var a="function"==typeof e?e(t,n):e;"string"==typeof a?"function"==typeof r?r(a,o):o(!0):o(!1!==a)}else o(!0)},appendListener:function(e){var n=!0;function r(){n&&e.apply(void 0,arguments)}return t.push(r),function(){n=!1,t=t.filter((function(e){return e!==r}))}},notifyListeners:function(){for(var e=arguments.length,n=new Array(e),r=0;r<e;r++)n[r]=arguments[r];t.forEach((function(e){return e.apply(void 0,n)}))}}}var h=!("undefined"==typeof window||!window.document||!window.document.createElement);function g(e,t){t(window.confirm(e))}var b="popstate",y="hashchange";function v(){try{return window.history.state||{}}catch(e){return{}}}function w(e){void 0===e&&(e={}),h||(0,s.A)(!1);var t,n=window.history,o=(-1===(t=window.navigator.userAgent).indexOf("Android 2.")&&-1===t.indexOf("Android 4.0")||-1===t.indexOf("Mobile Safari")||-1!==t.indexOf("Chrome")||-1!==t.indexOf("Windows Phone"))&&window.history&&"pushState"in window.history,a=!(-1===window.navigator.userAgent.indexOf("Trident")),i=e,c=i.forceRefresh,w=void 0!==c&&c,S=i.getUserConfirmation,x=void 0===S?g:S,k=i.keyLength,j=void 0===k?6:k,E=e.basename?d(l(e.basename)):"";function _(e){var t=e||{},n=t.key,r=t.state,o=window.location,a=o.pathname+o.search+o.hash;return E&&(a=u(a,E)),f(a,r,n)}function C(){return Math.random().toString(36).substr(2,j)}var A=m();function O(e){(0,r.A)(U,e),U.length=n.length,A.notifyListeners(U.location,U.action)}function T(e){(function(e){return void 0===e.state&&-1===navigator.userAgent.indexOf("CriOS")})(e)||I(_(e.state))}function P(){I(_(v()))}var L=!1;function I(e){if(L)L=!1,O();else{A.confirmTransitionTo(e,"POP",x,(function(t){t?O({action:"POP",location:e}):function(e){var t=U.location,n=N.indexOf(t.key);-1===n&&(n=0);var r=N.indexOf(e.key);-1===r&&(r=0);var o=n-r;o&&(L=!0,M(o))}(e)}))}}var R=_(v()),N=[R.key];function D(e){return E+p(e)}function M(e){n.go(e)}var F=0;function z(e){1===(F+=e)&&1===e?(window.addEventListener(b,T),a&&window.addEventListener(y,P)):0===F&&(window.removeEventListener(b,T),a&&window.removeEventListener(y,P))}var B=!1;var U={length:n.length,action:"POP",location:R,createHref:D,push:function(e,t){var r="PUSH",a=f(e,t,C(),U.location);A.confirmTransitionTo(a,r,x,(function(e){if(e){var t=D(a),i=a.key,s=a.state;if(o)if(n.pushState({key:i,state:s},null,t),w)window.location.href=t;else{var l=N.indexOf(U.location.key),c=N.slice(0,l+1);c.push(a.key),N=c,O({action:r,location:a})}else window.location.href=t}}))},replace:function(e,t){var r="REPLACE",a=f(e,t,C(),U.location);A.confirmTransitionTo(a,r,x,(function(e){if(e){var t=D(a),i=a.key,s=a.state;if(o)if(n.replaceState({key:i,state:s},null,t),w)window.location.replace(t);else{var l=N.indexOf(U.location.key);-1!==l&&(N[l]=a.key),O({action:r,location:a})}else window.location.replace(t)}}))},go:M,goBack:function(){M(-1)},goForward:function(){M(1)},block:function(e){void 0===e&&(e=!1);var t=A.setPrompt(e);return B||(z(1),B=!0),function(){return B&&(B=!1,z(-1)),t()}},listen:function(e){var t=A.appendListener(e);return z(1),function(){z(-1),t()}}};return U}var S="hashchange",x={hashbang:{encodePath:function(e){return"!"===e.charAt(0)?e:"!/"+c(e)},decodePath:function(e){return"!"===e.charAt(0)?e.substr(1):e}},noslash:{encodePath:c,decodePath:l},slash:{encodePath:l,decodePath:l}};function k(e){var t=e.indexOf("#");return-1===t?e:e.slice(0,t)}function j(){var e=window.location.href,t=e.indexOf("#");return-1===t?"":e.substring(t+1)}function E(e){window.location.replace(k(window.location.href)+"#"+e)}function _(e){void 0===e&&(e={}),h||(0,s.A)(!1);var t=window.history,n=(window.navigator.userAgent.indexOf("Firefox"),e),o=n.getUserConfirmation,a=void 0===o?g:o,i=n.hashType,c=void 0===i?"slash":i,b=e.basename?d(l(e.basename)):"",y=x[c],v=y.encodePath,w=y.decodePath;function _(){var e=w(j());return b&&(e=u(e,b)),f(e)}var C=m();function A(e){(0,r.A)(B,e),B.length=t.length,C.notifyListeners(B.location,B.action)}var O=!1,T=null;function P(){var e,t,n=j(),r=v(n);if(n!==r)E(r);else{var o=_(),i=B.location;if(!O&&(t=o,(e=i).pathname===t.pathname&&e.search===t.search&&e.hash===t.hash))return;if(T===p(o))return;T=null,function(e){if(O)O=!1,A();else{var t="POP";C.confirmTransitionTo(e,t,a,(function(n){n?A({action:t,location:e}):function(e){var t=B.location,n=N.lastIndexOf(p(t));-1===n&&(n=0);var r=N.lastIndexOf(p(e));-1===r&&(r=0);var o=n-r;o&&(O=!0,D(o))}(e)}))}}(o)}}var L=j(),I=v(L);L!==I&&E(I);var R=_(),N=[p(R)];function D(e){t.go(e)}var M=0;function F(e){1===(M+=e)&&1===e?window.addEventListener(S,P):0===M&&window.removeEventListener(S,P)}var z=!1;var B={length:t.length,action:"POP",location:R,createHref:function(e){var t=document.querySelector("base"),n="";return t&&t.getAttribute("href")&&(n=k(window.location.href)),n+"#"+v(b+p(e))},push:function(e,t){var n="PUSH",r=f(e,void 0,void 0,B.location);C.confirmTransitionTo(r,n,a,(function(e){if(e){var t=p(r),o=v(b+t);if(j()!==o){T=t,function(e){window.location.hash=e}(o);var a=N.lastIndexOf(p(B.location)),i=N.slice(0,a+1);i.push(t),N=i,A({action:n,location:r})}else A()}}))},replace:function(e,t){var n="REPLACE",r=f(e,void 0,void 0,B.location);C.confirmTransitionTo(r,n,a,(function(e){if(e){var t=p(r),o=v(b+t);j()!==o&&(T=t,E(o));var a=N.indexOf(p(B.location));-1!==a&&(N[a]=t),A({action:n,location:r})}}))},go:D,goBack:function(){D(-1)},goForward:function(){D(1)},block:function(e){void 0===e&&(e=!1);var t=C.setPrompt(e);return z||(F(1),z=!0),function(){return z&&(z=!1,F(-1)),t()}},listen:function(e){var t=C.appendListener(e);return F(1),function(){F(-1),t()}}};return B}function C(e,t,n){return Math.min(Math.max(e,t),n)}function A(e){void 0===e&&(e={});var t=e,n=t.getUserConfirmation,o=t.initialEntries,a=void 0===o?["/"]:o,i=t.initialIndex,s=void 0===i?0:i,l=t.keyLength,c=void 0===l?6:l,u=m();function d(e){(0,r.A)(w,e),w.length=w.entries.length,u.notifyListeners(w.location,w.action)}function h(){return Math.random().toString(36).substr(2,c)}var g=C(s,0,a.length-1),b=a.map((function(e){return f(e,void 0,"string"==typeof e?h():e.key||h())})),y=p;function v(e){var t=C(w.index+e,0,w.entries.length-1),r=w.entries[t];u.confirmTransitionTo(r,"POP",n,(function(e){e?d({action:"POP",location:r,index:t}):d()}))}var w={length:b.length,action:"POP",location:b[g],index:g,entries:b,createHref:y,push:function(e,t){var r="PUSH",o=f(e,t,h(),w.location);u.confirmTransitionTo(o,r,n,(function(e){if(e){var t=w.index+1,n=w.entries.slice(0);n.length>t?n.splice(t,n.length-t,o):n.push(o),d({action:r,location:o,index:t,entries:n})}}))},replace:function(e,t){var r="REPLACE",o=f(e,t,h(),w.location);u.confirmTransitionTo(o,r,n,(function(e){e&&(w.entries[w.index]=o,d({action:r,location:o}))}))},go:v,goBack:function(){v(-1)},goForward:function(){v(1)},canGo:function(e){var t=w.index+e;return t>=0&&t<w.entries.length},block:function(e){return void 0===e&&(e=!1),u.setPrompt(e)},listen:function(e){return u.appendListener(e)}};return w}},1035:(e,t,n)=>{"use strict";var r=n(5959),o={childContextTypes:!0,contextType:!0,contextTypes:!0,defaultProps:!0,displayName:!0,getDefaultProps:!0,getDerivedStateFromError:!0,getDerivedStateFromProps:!0,mixins:!0,propTypes:!0,type:!0},a={name:!0,length:!0,prototype:!0,caller:!0,callee:!0,arguments:!0,arity:!0},i={$$typeof:!0,compare:!0,defaultProps:!0,displayName:!0,propTypes:!0,type:!0},s={};function l(e){return r.isMemo(e)?i:s[e.$$typeof]||o}s[r.ForwardRef]={$$typeof:!0,render:!0,defaultProps:!0,displayName:!0,propTypes:!0},s[r.Memo]=i;var c=Object.defineProperty,u=Object.getOwnPropertyNames,d=Object.getOwnPropertySymbols,p=Object.getOwnPropertyDescriptor,f=Object.getPrototypeOf,m=Object.prototype;e.exports=function e(t,n,r){if("string"!=typeof n){if(m){var o=f(n);o&&o!==m&&e(t,o,r)}var i=u(n);d&&(i=i.concat(d(n)));for(var s=l(t),h=l(n),g=0;g<i.length;++g){var b=i[g];if(!(a[b]||r&&r[b]||h&&h[b]||s&&s[b])){var y=p(n,b);try{c(t,b,y)}catch(v){}}}}return t}},9597:e=>{"use strict";e.exports=function(e,t,n,r,o,a,i,s){if(!e){var l;if(void 0===t)l=new Error("Minified exception occurred; use the non-minified dev environment for the full error message and additional helpful warnings.");else{var c=[n,r,o,a,i,s],u=0;(l=new Error(t.replace(/%s/g,(function(){return c[u++]})))).name="Invariant Violation"}throw l.framesToPop=1,l}}},5526:e=>{e.exports=Array.isArray||function(e){return"[object Array]"==Object.prototype.toString.call(e)}},8602:(e,t,n)=>{"use strict";n.r(t)},4504:(e,t,n)=>{"use strict";n.r(t)},8744:function(e,t,n){var r,o;r=function(){var e,t,n={version:"0.2.0"},r=n.settings={minimum:.08,easing:"ease",positionUsing:"",speed:200,trickle:!0,trickleRate:.02,trickleSpeed:800,showSpinner:!0,barSelector:'[role="bar"]',spinnerSelector:'[role="spinner"]',parent:"body",template:'<div class="bar" role="bar"><div class="peg"></div></div><div class="spinner" role="spinner"><div class="spinner-icon"></div></div>'};function o(e,t,n){return e<t?t:e>n?n:e}function a(e){return 100*(-1+e)}function i(e,t,n){var o;return(o="translate3d"===r.positionUsing?{transform:"translate3d("+a(e)+"%,0,0)"}:"translate"===r.positionUsing?{transform:"translate("+a(e)+"%,0)"}:{"margin-left":a(e)+"%"}).transition="all "+t+"ms "+n,o}n.configure=function(e){var t,n;for(t in e)void 0!==(n=e[t])&&e.hasOwnProperty(t)&&(r[t]=n);return this},n.status=null,n.set=function(e){var t=n.isStarted();e=o(e,r.minimum,1),n.status=1===e?null:e;var a=n.render(!t),c=a.querySelector(r.barSelector),u=r.speed,d=r.easing;return a.offsetWidth,s((function(t){""===r.positionUsing&&(r.positionUsing=n.getPositioningCSS()),l(c,i(e,u,d)),1===e?(l(a,{transition:"none",opacity:1}),a.offsetWidth,setTimeout((function(){l(a,{transition:"all "+u+"ms linear",opacity:0}),setTimeout((function(){n.remove(),t()}),u)}),u)):setTimeout(t,u)})),this},n.isStarted=function(){return"number"==typeof n.status},n.start=function(){n.status||n.set(0);var e=function(){setTimeout((function(){n.status&&(n.trickle(),e())}),r.trickleSpeed)};return r.trickle&&e(),this},n.done=function(e){return e||n.status?n.inc(.3+.5*Math.random()).set(1):this},n.inc=function(e){var t=n.status;return t?("number"!=typeof e&&(e=(1-t)*o(Math.random()*t,.1,.95)),t=o(t+e,0,.994),n.set(t)):n.start()},n.trickle=function(){return n.inc(Math.random()*r.trickleRate)},e=0,t=0,n.promise=function(r){return r&&"resolved"!==r.state()?(0===t&&n.start(),e++,t++,r.always((function(){0==--t?(e=0,n.done()):n.set((e-t)/e)})),this):this},n.render=function(e){if(n.isRendered())return document.getElementById("nprogress");u(document.documentElement,"nprogress-busy");var t=document.createElement("div");t.id="nprogress",t.innerHTML=r.template;var o,i=t.querySelector(r.barSelector),s=e?"-100":a(n.status||0),c=document.querySelector(r.parent);return l(i,{transition:"all 0 linear",transform:"translate3d("+s+"%,0,0)"}),r.showSpinner||(o=t.querySelector(r.spinnerSelector))&&f(o),c!=document.body&&u(c,"nprogress-custom-parent"),c.appendChild(t),t},n.remove=function(){d(document.documentElement,"nprogress-busy"),d(document.querySelector(r.parent),"nprogress-custom-parent");var e=document.getElementById("nprogress");e&&f(e)},n.isRendered=function(){return!!document.getElementById("nprogress")},n.getPositioningCSS=function(){var e=document.body.style,t="WebkitTransform"in e?"Webkit":"MozTransform"in e?"Moz":"msTransform"in e?"ms":"OTransform"in e?"O":"";return t+"Perspective"in e?"translate3d":t+"Transform"in e?"translate":"margin"};var s=function(){var e=[];function t(){var n=e.shift();n&&n(t)}return function(n){e.push(n),1==e.length&&t()}}(),l=function(){var e=["Webkit","O","Moz","ms"],t={};function n(e){return e.replace(/^-ms-/,"ms-").replace(/-([\da-z])/gi,(function(e,t){return t.toUpperCase()}))}function r(t){var n=document.body.style;if(t in n)return t;for(var r,o=e.length,a=t.charAt(0).toUpperCase()+t.slice(1);o--;)if((r=e[o]+a)in n)return r;return t}function o(e){return e=n(e),t[e]||(t[e]=r(e))}function a(e,t,n){t=o(t),e.style[t]=n}return function(e,t){var n,r,o=arguments;if(2==o.length)for(n in t)void 0!==(r=t[n])&&t.hasOwnProperty(n)&&a(e,n,r);else a(e,o[1],o[2])}}();function c(e,t){return("string"==typeof e?e:p(e)).indexOf(" "+t+" ")>=0}function u(e,t){var n=p(e),r=n+t;c(n,t)||(e.className=r.substring(1))}function d(e,t){var n,r=p(e);c(e,t)&&(n=r.replace(" "+t+" "," "),e.className=n.substring(1,n.length-1))}function p(e){return(" "+(e.className||"")+" ").replace(/\s+/gi," ")}function f(e){e&&e.parentNode&&e.parentNode.removeChild(e)}return n},void 0===(o="function"==typeof r?r.call(t,n,t,e):r)||(e.exports=o)},6150:(e,t,n)=>{var r=n(5526);e.exports=f,e.exports.parse=a,e.exports.compile=function(e,t){return s(a(e,t),t)},e.exports.tokensToFunction=s,e.exports.tokensToRegExp=p;var o=new RegExp(["(\\\\.)","([\\/.])?(?:(?:\\:(\\w+)(?:\\(((?:\\\\.|[^\\\\()])+)\\))?|\\(((?:\\\\.|[^\\\\()])+)\\))([+*?])?|(\\*))"].join("|"),"g");function a(e,t){for(var n,r=[],a=0,i=0,s="",u=t&&t.delimiter||"/";null!=(n=o.exec(e));){var d=n[0],p=n[1],f=n.index;if(s+=e.slice(i,f),i=f+d.length,p)s+=p[1];else{var m=e[i],h=n[2],g=n[3],b=n[4],y=n[5],v=n[6],w=n[7];s&&(r.push(s),s="");var S=null!=h&&null!=m&&m!==h,x="+"===v||"*"===v,k="?"===v||"*"===v,j=n[2]||u,E=b||y;r.push({name:g||a++,prefix:h||"",delimiter:j,optional:k,repeat:x,partial:S,asterisk:!!w,pattern:E?c(E):w?".*":"[^"+l(j)+"]+?"})}}return i<e.length&&(s+=e.substr(i)),s&&r.push(s),r}function i(e){return encodeURI(e).replace(/[\/?#]/g,(function(e){return"%"+e.charCodeAt(0).toString(16).toUpperCase()}))}function s(e,t){for(var n=new Array(e.length),o=0;o<e.length;o++)"object"==typeof e[o]&&(n[o]=new RegExp("^(?:"+e[o].pattern+")$",d(t)));return function(t,o){for(var a="",s=t||{},l=(o||{}).pretty?i:encodeURIComponent,c=0;c<e.length;c++){var u=e[c];if("string"!=typeof u){var d,p=s[u.name];if(null==p){if(u.optional){u.partial&&(a+=u.prefix);continue}throw new TypeError('Expected "'+u.name+'" to be defined')}if(r(p)){if(!u.repeat)throw new TypeError('Expected "'+u.name+'" to not repeat, but received `'+JSON.stringify(p)+"`");if(0===p.length){if(u.optional)continue;throw new TypeError('Expected "'+u.name+'" to not be empty')}for(var f=0;f<p.length;f++){if(d=l(p[f]),!n[c].test(d))throw new TypeError('Expected all "'+u.name+'" to match "'+u.pattern+'", but received `'+JSON.stringify(d)+"`");a+=(0===f?u.prefix:u.delimiter)+d}}else{if(d=u.asterisk?encodeURI(p).replace(/[?#]/g,(function(e){return"%"+e.charCodeAt(0).toString(16).toUpperCase()})):l(p),!n[c].test(d))throw new TypeError('Expected "'+u.name+'" to match "'+u.pattern+'", but received "'+d+'"');a+=u.prefix+d}}else a+=u}return a}}function l(e){return e.replace(/([.+*?=^!:${}()[\]|\/\\])/g,"\\$1")}function c(e){return e.replace(/([=!:$\/()])/g,"\\$1")}function u(e,t){return e.keys=t,e}function d(e){return e&&e.sensitive?"":"i"}function p(e,t,n){r(t)||(n=t||n,t=[]);for(var o=(n=n||{}).strict,a=!1!==n.end,i="",s=0;s<e.length;s++){var c=e[s];if("string"==typeof c)i+=l(c);else{var p=l(c.prefix),f="(?:"+c.pattern+")";t.push(c),c.repeat&&(f+="(?:"+p+f+")*"),i+=f=c.optional?c.partial?p+"("+f+")?":"(?:"+p+"("+f+"))?":p+"("+f+")"}}var m=l(n.delimiter||"/"),h=i.slice(-m.length)===m;return o||(i=(h?i.slice(0,-m.length):i)+"(?:"+m+"(?=$))?"),i+=a?"$":o&&h?"":"(?="+m+"|$)",u(new RegExp("^"+i,d(n)),t)}function f(e,t,n){return r(t)||(n=t||n,t=[]),n=n||{},e instanceof RegExp?function(e,t){var n=e.source.match(/\((?!\?)/g);if(n)for(var r=0;r<n.length;r++)t.push({name:r,prefix:null,delimiter:null,optional:!1,repeat:!1,partial:!1,asterisk:!1,pattern:null});return u(e,t)}(e,t):r(e)?function(e,t,n){for(var r=[],o=0;o<e.length;o++)r.push(f(e[o],t,n).source);return u(new RegExp("(?:"+r.join("|")+")",d(n)),t)}(e,t,n):function(e,t,n){return p(a(e,n),t,n)}(e,t,n)}},8468:(e,t,n)=>{"use strict";n.r(t),n.d(t,{default:()=>p});var r=n(4784),o=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},a=function(e){return"IMG"===e.tagName},i=function(e){return e&&1===e.nodeType},s=function(e){return".svg"===(e.currentSrc||e.src).substr(-4).toLowerCase()},l=function(e){try{return Array.isArray(e)?e.filter(a):function(e){return NodeList.prototype.isPrototypeOf(e)}(e)?[].slice.call(e).filter(a):i(e)?[e].filter(a):"string"==typeof e?[].slice.call(document.querySelectorAll(e)).filter(a):[]}catch(t){throw new TypeError("The provided selector is invalid.\nExpects a CSS selector, a Node element, a NodeList or an array.\nSee: https://github.com/francoischalifour/medium-zoom")}},c=function(e,t){var n=o({bubbles:!1,cancelable:!1,detail:void 0},t);if("function"==typeof window.CustomEvent)return new CustomEvent(e,n);var r=document.createEvent("CustomEvent");return r.initCustomEvent(e,n.bubbles,n.cancelable,n.detail),r};!function(e,t){void 0===t&&(t={});var n=t.insertAt;if(e&&"undefined"!=typeof document){var r=document.head||document.getElementsByTagName("head")[0],o=document.createElement("style");o.type="text/css","top"===n&&r.firstChild?r.insertBefore(o,r.firstChild):r.appendChild(o),o.styleSheet?o.styleSheet.cssText=e:o.appendChild(document.createTextNode(e))}}(".medium-zoom-overlay{position:fixed;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity .3s;will-change:opacity}.medium-zoom--opened .medium-zoom-overlay{cursor:pointer;cursor:zoom-out;opacity:1}.medium-zoom-image{cursor:pointer;cursor:zoom-in;transition:transform .3s cubic-bezier(.2,0,.2,1)!important}.medium-zoom-image--hidden{visibility:hidden}.medium-zoom-image--opened{position:relative;cursor:pointer;cursor:zoom-out;will-change:transform}");const u=function e(t){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},r=window.Promise||function(e){function t(){}e(t,t)},a=function(){for(var e=arguments.length,t=Array(e),n=0;n<e;n++)t[n]=arguments[n];var r=t.reduce((function(e,t){return[].concat(e,l(t))}),[]);return r.filter((function(e){return-1===f.indexOf(e)})).forEach((function(e){f.push(e),e.classList.add("medium-zoom-image")})),m.forEach((function(e){var t=e.type,n=e.listener,o=e.options;r.forEach((function(e){e.addEventListener(t,n,o)}))})),w},u=function(){var e=(arguments.length>0&&void 0!==arguments[0]?arguments[0]:{}).target,t=function(){var e={width:document.documentElement.clientWidth,height:document.documentElement.clientHeight,left:0,top:0,right:0,bottom:0},t=void 0,n=void 0;if(b.container)if(b.container instanceof Object)t=(e=o({},e,b.container)).width-e.left-e.right-2*b.margin,n=e.height-e.top-e.bottom-2*b.margin;else{var r=(i(b.container)?b.container:document.querySelector(b.container)).getBoundingClientRect(),a=r.width,l=r.height,c=r.left,u=r.top;e=o({},e,{width:a,height:l,left:c,top:u})}t=t||e.width-2*b.margin,n=n||e.height-2*b.margin;var d=y.zoomedHd||y.original,p=s(d)?t:d.naturalWidth||t,f=s(d)?n:d.naturalHeight||n,m=d.getBoundingClientRect(),h=m.top,g=m.left,v=m.width,w=m.height,S=Math.min(Math.max(v,p),t)/v,x=Math.min(Math.max(w,f),n)/w,k=Math.min(S,x),j="scale("+k+") translate3d("+((t-v)/2-g+b.margin+e.left)/k+"px, "+((n-w)/2-h+b.margin+e.top)/k+"px, 0)";y.zoomed.style.transform=j,y.zoomedHd&&(y.zoomedHd.style.transform=j)};return new r((function(n){if(e&&-1===f.indexOf(e))n(w);else{if(y.zoomed)n(w);else{if(e)y.original=e;else{if(!(f.length>0))return void n(w);var r=f;y.original=r[0]}if(y.original.dispatchEvent(c("medium-zoom:open",{detail:{zoom:w}})),g=window.pageYOffset||document.documentElement.scrollTop||document.body.scrollTop||0,h=!0,y.zoomed=function(e){var t=e.getBoundingClientRect(),n=t.top,r=t.left,o=t.width,a=t.height,i=e.cloneNode(),s=window.pageYOffset||document.documentElement.scrollTop||document.body.scrollTop||0,l=window.pageXOffset||document.documentElement.scrollLeft||document.body.scrollLeft||0;return i.removeAttribute("id"),i.style.position="absolute",i.style.top=n+s+"px",i.style.left=r+l+"px",i.style.width=o+"px",i.style.height=a+"px",i.style.transform="",i}(y.original),document.body.appendChild(v),b.template){var o=i(b.template)?b.template:document.querySelector(b.template);y.template=document.createElement("div"),y.template.appendChild(o.content.cloneNode(!0)),document.body.appendChild(y.template)}if(y.original.parentElement&&"PICTURE"===y.original.parentElement.tagName&&y.original.currentSrc&&(y.zoomed.src=y.original.currentSrc),document.body.appendChild(y.zoomed),window.requestAnimationFrame((function(){document.body.classList.add("medium-zoom--opened")})),y.original.classList.add("medium-zoom-image--hidden"),y.zoomed.classList.add("medium-zoom-image--opened"),y.zoomed.addEventListener("click",d),y.zoomed.addEventListener("transitionend",(function e(){h=!1,y.zoomed.removeEventListener("transitionend",e),y.original.dispatchEvent(c("medium-zoom:opened",{detail:{zoom:w}})),n(w)})),y.original.getAttribute("data-zoom-src")){y.zoomedHd=y.zoomed.cloneNode(),y.zoomedHd.removeAttribute("srcset"),y.zoomedHd.removeAttribute("sizes"),y.zoomedHd.removeAttribute("loading"),y.zoomedHd.src=y.zoomed.getAttribute("data-zoom-src"),y.zoomedHd.onerror=function(){clearInterval(a),console.warn("Unable to reach the zoom image target "+y.zoomedHd.src),y.zoomedHd=null,t()};var a=setInterval((function(){y.zoomedHd.complete&&(clearInterval(a),y.zoomedHd.classList.add("medium-zoom-image--opened"),y.zoomedHd.addEventListener("click",d),document.body.appendChild(y.zoomedHd),t())}),10)}else if(y.original.hasAttribute("srcset")){y.zoomedHd=y.zoomed.cloneNode(),y.zoomedHd.removeAttribute("sizes"),y.zoomedHd.removeAttribute("loading");var s=y.zoomedHd.addEventListener("load",(function(){y.zoomedHd.removeEventListener("load",s),y.zoomedHd.classList.add("medium-zoom-image--opened"),y.zoomedHd.addEventListener("click",d),document.body.appendChild(y.zoomedHd),t()}))}else t()}}}))},d=function(){return new r((function(e){if(!h&&y.original){h=!0,document.body.classList.remove("medium-zoom--opened"),y.zoomed.style.transform="",y.zoomedHd&&(y.zoomedHd.style.transform=""),y.template&&(y.template.style.transition="opacity 150ms",y.template.style.opacity=0),y.original.dispatchEvent(c("medium-zoom:close",{detail:{zoom:w}})),y.zoomed.addEventListener("transitionend",(function t(){y.original.classList.remove("medium-zoom-image--hidden"),document.body.removeChild(y.zoomed),y.zoomedHd&&document.body.removeChild(y.zoomedHd),document.body.removeChild(v),y.zoomed.classList.remove("medium-zoom-image--opened"),y.template&&document.body.removeChild(y.template),h=!1,y.zoomed.removeEventListener("transitionend",t),y.original.dispatchEvent(c("medium-zoom:closed",{detail:{zoom:w}})),y.original=null,y.zoomed=null,y.zoomedHd=null,y.template=null,e(w)}))}else e(w)}))},p=function(){var e=(arguments.length>0&&void 0!==arguments[0]?arguments[0]:{}).target;return y.original?d():u({target:e})},f=[],m=[],h=!1,g=0,b=n,y={original:null,zoomed:null,zoomedHd:null,template:null};"[object Object]"===Object.prototype.toString.call(t)?b=t:(t||"string"==typeof t)&&a(t);var v=function(e){var t=document.createElement("div");return t.classList.add("medium-zoom-overlay"),t.style.background=e,t}((b=o({margin:0,background:"#fff",scrollOffset:40,container:null,template:null},b)).background);document.addEventListener("click",(function(e){var t=e.target;t!==v?-1!==f.indexOf(t)&&p({target:t}):d()})),document.addEventListener("keyup",(function(e){var t=e.key||e.keyCode;"Escape"!==t&&"Esc"!==t&&27!==t||d()})),document.addEventListener("scroll",(function(){if(!h&&y.original){var e=window.pageYOffset||document.documentElement.scrollTop||document.body.scrollTop||0;Math.abs(g-e)>b.scrollOffset&&setTimeout(d,150)}})),window.addEventListener("resize",d);var w={open:u,close:d,toggle:p,update:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=e;if(e.background&&(v.style.background=e.background),e.container&&e.container instanceof Object&&(t.container=o({},b.container,e.container)),e.template){var n=i(e.template)?e.template:document.querySelector(e.template);t.template=n}return b=o({},b,t),f.forEach((function(e){e.dispatchEvent(c("medium-zoom:update",{detail:{zoom:w}}))})),w},clone:function(){return e(o({},b,arguments.length>0&&void 0!==arguments[0]?arguments[0]:{}))},attach:a,detach:function(){for(var e=arguments.length,t=Array(e),n=0;n<e;n++)t[n]=arguments[n];y.zoomed&&d();var r=t.length>0?t.reduce((function(e,t){return[].concat(e,l(t))}),[]):f;return r.forEach((function(e){e.classList.remove("medium-zoom-image"),e.dispatchEvent(c("medium-zoom:detach",{detail:{zoom:w}}))})),f=f.filter((function(e){return-1===r.indexOf(e)})),w},on:function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};return f.forEach((function(r){r.addEventListener("medium-zoom:"+e,t,n)})),m.push({type:"medium-zoom:"+e,listener:t,options:n}),w},off:function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};return f.forEach((function(r){r.removeEventListener("medium-zoom:"+e,t,n)})),m=m.filter((function(n){return!(n.type==="medium-zoom:"+e&&n.listener.toString()===t.toString())})),w},getOptions:function(){return b},getImages:function(){return f},getZoomedImage:function(){return y.original}};return w},{themeConfig:d}=r.default,p=function(){if("undefined"==typeof window)return null;const{zoomSelector:e=".markdown img"}=d,{imageZoom:{selector:t=e,options:n}={}}=d;return setTimeout((()=>{u(t,n)}),1e3),{onRouteUpdate({location:e,previousLocation:r}){e&&e.hash&&e.hash.length||r&&e.pathname!==r.pathname&&setTimeout((()=>{u(t,n)}),1e3)}}}()},9227:e=>{e.exports&&(e.exports={core:{meta:{path:"components/prism-core.js",option:"mandatory"},core:"Core"},themes:{meta:{path:"themes/{id}.css",link:"index.html?theme={id}",exclusive:!0},prism:{title:"Default",option:"default"},"prism-dark":"Dark","prism-funky":"Funky","prism-okaidia":{title:"Okaidia",owner:"ocodia"},"prism-twilight":{title:"Twilight",owner:"remybach"},"prism-coy":{title:"Coy",owner:"tshedor"},"prism-solarizedlight":{title:"Solarized Light",owner:"hectormatos2011 "},"prism-tomorrow":{title:"Tomorrow Night",owner:"Rosey"}},languages:{meta:{path:"components/prism-{id}",noCSS:!0,examplesPath:"examples/prism-{id}",addCheckAll:!0},markup:{title:"Markup",alias:["html","xml","svg","mathml","ssml","atom","rss"],aliasTitles:{html:"HTML",xml:"XML",svg:"SVG",mathml:"MathML",ssml:"SSML",atom:"Atom",rss:"RSS"},option:"default"},css:{title:"CSS",option:"default",modify:"markup"},clike:{title:"C-like",option:"default"},javascript:{title:"JavaScript",require:"clike",modify:"markup",optional:"regex",alias:"js",option:"default"},abap:{title:"ABAP",owner:"dellagustin"},abnf:{title:"ABNF",owner:"RunDevelopment"},actionscript:{title:"ActionScript",require:"javascript",modify:"markup",owner:"Golmote"},ada:{title:"Ada",owner:"Lucretia"},agda:{title:"Agda",owner:"xy-ren"},al:{title:"AL",owner:"RunDevelopment"},antlr4:{title:"ANTLR4",alias:"g4",owner:"RunDevelopment"},apacheconf:{title:"Apache Configuration",owner:"GuiTeK"},apex:{title:"Apex",require:["clike","sql"],owner:"RunDevelopment"},apl:{title:"APL",owner:"ngn"},applescript:{title:"AppleScript",owner:"Golmote"},aql:{title:"AQL",owner:"RunDevelopment"},arduino:{title:"Arduino",require:"cpp",alias:"ino",owner:"dkern"},arff:{title:"ARFF",owner:"Golmote"},armasm:{title:"ARM Assembly",alias:"arm-asm",owner:"RunDevelopment"},arturo:{title:"Arturo",alias:"art",optional:["bash","css","javascript","markup","markdown","sql"],owner:"drkameleon"},asciidoc:{alias:"adoc",title:"AsciiDoc",owner:"Golmote"},aspnet:{title:"ASP.NET (C#)",require:["markup","csharp"],owner:"nauzilus"},asm6502:{title:"6502 Assembly",owner:"kzurawel"},asmatmel:{title:"Atmel AVR Assembly",owner:"cerkit"},autohotkey:{title:"AutoHotkey",owner:"aviaryan"},autoit:{title:"AutoIt",owner:"Golmote"},avisynth:{title:"AviSynth",alias:"avs",owner:"Zinfidel"},"avro-idl":{title:"Avro IDL",alias:"avdl",owner:"RunDevelopment"},awk:{title:"AWK",alias:"gawk",aliasTitles:{gawk:"GAWK"},owner:"RunDevelopment"},bash:{title:"Bash",alias:["sh","shell"],aliasTitles:{sh:"Shell",shell:"Shell"},owner:"zeitgeist87"},basic:{title:"BASIC",owner:"Golmote"},batch:{title:"Batch",owner:"Golmote"},bbcode:{title:"BBcode",alias:"shortcode",aliasTitles:{shortcode:"Shortcode"},owner:"RunDevelopment"},bbj:{title:"BBj",owner:"hyyan"},bicep:{title:"Bicep",owner:"johnnyreilly"},birb:{title:"Birb",require:"clike",owner:"Calamity210"},bison:{title:"Bison",require:"c",owner:"Golmote"},bnf:{title:"BNF",alias:"rbnf",aliasTitles:{rbnf:"RBNF"},owner:"RunDevelopment"},bqn:{title:"BQN",owner:"yewscion"},brainfuck:{title:"Brainfuck",owner:"Golmote"},brightscript:{title:"BrightScript",owner:"RunDevelopment"},bro:{title:"Bro",owner:"wayward710"},bsl:{title:"BSL (1C:Enterprise)",alias:"oscript",aliasTitles:{oscript:"OneScript"},owner:"Diversus23"},c:{title:"C",require:"clike",owner:"zeitgeist87"},csharp:{title:"C#",require:"clike",alias:["cs","dotnet"],owner:"mvalipour"},cpp:{title:"C++",require:"c",owner:"zeitgeist87"},cfscript:{title:"CFScript",require:"clike",alias:"cfc",owner:"mjclemente"},chaiscript:{title:"ChaiScript",require:["clike","cpp"],owner:"RunDevelopment"},cil:{title:"CIL",owner:"sbrl"},cilkc:{title:"Cilk/C",require:"c",alias:"cilk-c",owner:"OpenCilk"},cilkcpp:{title:"Cilk/C++",require:"cpp",alias:["cilk-cpp","cilk"],owner:"OpenCilk"},clojure:{title:"Clojure",owner:"troglotit"},cmake:{title:"CMake",owner:"mjrogozinski"},cobol:{title:"COBOL",owner:"RunDevelopment"},coffeescript:{title:"CoffeeScript",require:"javascript",alias:"coffee",owner:"R-osey"},concurnas:{title:"Concurnas",alias:"conc",owner:"jasontatton"},csp:{title:"Content-Security-Policy",owner:"ScottHelme"},cooklang:{title:"Cooklang",owner:"ahue"},coq:{title:"Coq",owner:"RunDevelopment"},crystal:{title:"Crystal",require:"ruby",owner:"MakeNowJust"},"css-extras":{title:"CSS Extras",require:"css",modify:"css",owner:"milesj"},csv:{title:"CSV",owner:"RunDevelopment"},cue:{title:"CUE",owner:"RunDevelopment"},cypher:{title:"Cypher",owner:"RunDevelopment"},d:{title:"D",require:"clike",owner:"Golmote"},dart:{title:"Dart",require:"clike",owner:"Golmote"},dataweave:{title:"DataWeave",owner:"machaval"},dax:{title:"DAX",owner:"peterbud"},dhall:{title:"Dhall",owner:"RunDevelopment"},diff:{title:"Diff",owner:"uranusjr"},django:{title:"Django/Jinja2",require:"markup-templating",alias:"jinja2",owner:"romanvm"},"dns-zone-file":{title:"DNS zone file",owner:"RunDevelopment",alias:"dns-zone"},docker:{title:"Docker",alias:"dockerfile",owner:"JustinBeckwith"},dot:{title:"DOT (Graphviz)",alias:"gv",optional:"markup",owner:"RunDevelopment"},ebnf:{title:"EBNF",owner:"RunDevelopment"},editorconfig:{title:"EditorConfig",owner:"osipxd"},eiffel:{title:"Eiffel",owner:"Conaclos"},ejs:{title:"EJS",require:["javascript","markup-templating"],owner:"RunDevelopment",alias:"eta",aliasTitles:{eta:"Eta"}},elixir:{title:"Elixir",owner:"Golmote"},elm:{title:"Elm",owner:"zwilias"},etlua:{title:"Embedded Lua templating",require:["lua","markup-templating"],owner:"RunDevelopment"},erb:{title:"ERB",require:["ruby","markup-templating"],owner:"Golmote"},erlang:{title:"Erlang",owner:"Golmote"},"excel-formula":{title:"Excel Formula",alias:["xlsx","xls"],owner:"RunDevelopment"},fsharp:{title:"F#",require:"clike",owner:"simonreynolds7"},factor:{title:"Factor",owner:"catb0t"},false:{title:"False",owner:"edukisto"},"firestore-security-rules":{title:"Firestore security rules",require:"clike",owner:"RunDevelopment"},flow:{title:"Flow",require:"javascript",owner:"Golmote"},fortran:{title:"Fortran",owner:"Golmote"},ftl:{title:"FreeMarker Template Language",require:"markup-templating",owner:"RunDevelopment"},gml:{title:"GameMaker Language",alias:"gamemakerlanguage",require:"clike",owner:"LiarOnce"},gap:{title:"GAP (CAS)",owner:"RunDevelopment"},gcode:{title:"G-code",owner:"RunDevelopment"},gdscript:{title:"GDScript",owner:"RunDevelopment"},gedcom:{title:"GEDCOM",owner:"Golmote"},gettext:{title:"gettext",alias:"po",owner:"RunDevelopment"},gherkin:{title:"Gherkin",owner:"hason"},git:{title:"Git",owner:"lgiraudel"},glsl:{title:"GLSL",require:"c",owner:"Golmote"},gn:{title:"GN",alias:"gni",owner:"RunDevelopment"},"linker-script":{title:"GNU Linker Script",alias:"ld",owner:"RunDevelopment"},go:{title:"Go",require:"clike",owner:"arnehormann"},"go-module":{title:"Go module",alias:"go-mod",owner:"RunDevelopment"},gradle:{title:"Gradle",require:"clike",owner:"zeabdelkhalek-badido18"},graphql:{title:"GraphQL",optional:"markdown",owner:"Golmote"},groovy:{title:"Groovy",require:"clike",owner:"robfletcher"},haml:{title:"Haml",require:"ruby",optional:["css","css-extras","coffeescript","erb","javascript","less","markdown","scss","textile"],owner:"Golmote"},handlebars:{title:"Handlebars",require:"markup-templating",alias:["hbs","mustache"],aliasTitles:{mustache:"Mustache"},owner:"Golmote"},haskell:{title:"Haskell",alias:"hs",owner:"bholst"},haxe:{title:"Haxe",require:"clike",optional:"regex",owner:"Golmote"},hcl:{title:"HCL",owner:"outsideris"},hlsl:{title:"HLSL",require:"c",owner:"RunDevelopment"},hoon:{title:"Hoon",owner:"matildepark"},http:{title:"HTTP",optional:["csp","css","hpkp","hsts","javascript","json","markup","uri"],owner:"danielgtaylor"},hpkp:{title:"HTTP Public-Key-Pins",owner:"ScottHelme"},hsts:{title:"HTTP Strict-Transport-Security",owner:"ScottHelme"},ichigojam:{title:"IchigoJam",owner:"BlueCocoa"},icon:{title:"Icon",owner:"Golmote"},"icu-message-format":{title:"ICU Message Format",owner:"RunDevelopment"},idris:{title:"Idris",alias:"idr",owner:"KeenS",require:"haskell"},ignore:{title:".ignore",owner:"osipxd",alias:["gitignore","hgignore","npmignore"],aliasTitles:{gitignore:".gitignore",hgignore:".hgignore",npmignore:".npmignore"}},inform7:{title:"Inform 7",owner:"Golmote"},ini:{title:"Ini",owner:"aviaryan"},io:{title:"Io",owner:"AlesTsurko"},j:{title:"J",owner:"Golmote"},java:{title:"Java",require:"clike",owner:"sherblot"},javadoc:{title:"JavaDoc",require:["markup","java","javadoclike"],modify:"java",optional:"scala",owner:"RunDevelopment"},javadoclike:{title:"JavaDoc-like",modify:["java","javascript","php"],owner:"RunDevelopment"},javastacktrace:{title:"Java stack trace",owner:"RunDevelopment"},jexl:{title:"Jexl",owner:"czosel"},jolie:{title:"Jolie",require:"clike",owner:"thesave"},jq:{title:"JQ",owner:"RunDevelopment"},jsdoc:{title:"JSDoc",require:["javascript","javadoclike","typescript"],modify:"javascript",optional:["actionscript","coffeescript"],owner:"RunDevelopment"},"js-extras":{title:"JS Extras",require:"javascript",modify:"javascript",optional:["actionscript","coffeescript","flow","n4js","typescript"],owner:"RunDevelopment"},json:{title:"JSON",alias:"webmanifest",aliasTitles:{webmanifest:"Web App Manifest"},owner:"CupOfTea696"},json5:{title:"JSON5",require:"json",owner:"RunDevelopment"},jsonp:{title:"JSONP",require:"json",owner:"RunDevelopment"},jsstacktrace:{title:"JS stack trace",owner:"sbrl"},"js-templates":{title:"JS Templates",require:"javascript",modify:"javascript",optional:["css","css-extras","graphql","markdown","markup","sql"],owner:"RunDevelopment"},julia:{title:"Julia",owner:"cdagnino"},keepalived:{title:"Keepalived Configure",owner:"dev-itsheng"},keyman:{title:"Keyman",owner:"mcdurdin"},kotlin:{title:"Kotlin",alias:["kt","kts"],aliasTitles:{kts:"Kotlin Script"},require:"clike",owner:"Golmote"},kumir:{title:"KuMir (\u041a\u0443\u041c\u0438\u0440)",alias:"kum",owner:"edukisto"},kusto:{title:"Kusto",owner:"RunDevelopment"},latex:{title:"LaTeX",alias:["tex","context"],aliasTitles:{tex:"TeX",context:"ConTeXt"},owner:"japborst"},latte:{title:"Latte",require:["clike","markup-templating","php"],owner:"nette"},less:{title:"Less",require:"css",optional:"css-extras",owner:"Golmote"},lilypond:{title:"LilyPond",require:"scheme",alias:"ly",owner:"RunDevelopment"},liquid:{title:"Liquid",require:"markup-templating",owner:"cinhtau"},lisp:{title:"Lisp",alias:["emacs","elisp","emacs-lisp"],owner:"JuanCaicedo"},livescript:{title:"LiveScript",owner:"Golmote"},llvm:{title:"LLVM IR",owner:"porglezomp"},log:{title:"Log file",optional:"javastacktrace",owner:"RunDevelopment"},lolcode:{title:"LOLCODE",owner:"Golmote"},lua:{title:"Lua",owner:"Golmote"},magma:{title:"Magma (CAS)",owner:"RunDevelopment"},makefile:{title:"Makefile",owner:"Golmote"},markdown:{title:"Markdown",require:"markup",optional:"yaml",alias:"md",owner:"Golmote"},"markup-templating":{title:"Markup templating",require:"markup",owner:"Golmote"},mata:{title:"Mata",owner:"RunDevelopment"},matlab:{title:"MATLAB",owner:"Golmote"},maxscript:{title:"MAXScript",owner:"RunDevelopment"},mel:{title:"MEL",owner:"Golmote"},mermaid:{title:"Mermaid",owner:"RunDevelopment"},metafont:{title:"METAFONT",owner:"LaeriExNihilo"},mizar:{title:"Mizar",owner:"Golmote"},mongodb:{title:"MongoDB",owner:"airs0urce",require:"javascript"},monkey:{title:"Monkey",owner:"Golmote"},moonscript:{title:"MoonScript",alias:"moon",owner:"RunDevelopment"},n1ql:{title:"N1QL",owner:"TMWilds"},n4js:{title:"N4JS",require:"javascript",optional:"jsdoc",alias:"n4jsd",owner:"bsmith-n4"},"nand2tetris-hdl":{title:"Nand To Tetris HDL",owner:"stephanmax"},naniscript:{title:"Naninovel Script",owner:"Elringus",alias:"nani"},nasm:{title:"NASM",owner:"rbmj"},neon:{title:"NEON",owner:"nette"},nevod:{title:"Nevod",owner:"nezaboodka"},nginx:{title:"nginx",owner:"volado"},nim:{title:"Nim",owner:"Golmote"},nix:{title:"Nix",owner:"Golmote"},nsis:{title:"NSIS",owner:"idleberg"},objectivec:{title:"Objective-C",require:"c",alias:"objc",owner:"uranusjr"},ocaml:{title:"OCaml",owner:"Golmote"},odin:{title:"Odin",owner:"edukisto"},opencl:{title:"OpenCL",require:"c",modify:["c","cpp"],owner:"Milania1"},openqasm:{title:"OpenQasm",alias:"qasm",owner:"RunDevelopment"},oz:{title:"Oz",owner:"Golmote"},parigp:{title:"PARI/GP",owner:"Golmote"},parser:{title:"Parser",require:"markup",owner:"Golmote"},pascal:{title:"Pascal",alias:"objectpascal",aliasTitles:{objectpascal:"Object Pascal"},owner:"Golmote"},pascaligo:{title:"Pascaligo",owner:"DefinitelyNotAGoat"},psl:{title:"PATROL Scripting Language",owner:"bertysentry"},pcaxis:{title:"PC-Axis",alias:"px",owner:"RunDevelopment"},peoplecode:{title:"PeopleCode",alias:"pcode",owner:"RunDevelopment"},perl:{title:"Perl",owner:"Golmote"},php:{title:"PHP",require:"markup-templating",owner:"milesj"},phpdoc:{title:"PHPDoc",require:["php","javadoclike"],modify:"php",owner:"RunDevelopment"},"php-extras":{title:"PHP Extras",require:"php",modify:"php",owner:"milesj"},"plant-uml":{title:"PlantUML",alias:"plantuml",owner:"RunDevelopment"},plsql:{title:"PL/SQL",require:"sql",owner:"Golmote"},powerquery:{title:"PowerQuery",alias:["pq","mscript"],owner:"peterbud"},powershell:{title:"PowerShell",owner:"nauzilus"},processing:{title:"Processing",require:"clike",owner:"Golmote"},prolog:{title:"Prolog",owner:"Golmote"},promql:{title:"PromQL",owner:"arendjr"},properties:{title:".properties",owner:"Golmote"},protobuf:{title:"Protocol Buffers",require:"clike",owner:"just-boris"},pug:{title:"Pug",require:["markup","javascript"],optional:["coffeescript","ejs","handlebars","less","livescript","markdown","scss","stylus","twig"],owner:"Golmote"},puppet:{title:"Puppet",owner:"Golmote"},pure:{title:"Pure",optional:["c","cpp","fortran"],owner:"Golmote"},purebasic:{title:"PureBasic",require:"clike",alias:"pbfasm",owner:"HeX0R101"},purescript:{title:"PureScript",require:"haskell",alias:"purs",owner:"sriharshachilakapati"},python:{title:"Python",alias:"py",owner:"multipetros"},qsharp:{title:"Q#",require:"clike",alias:"qs",owner:"fedonman"},q:{title:"Q (kdb+ database)",owner:"Golmote"},qml:{title:"QML",require:"javascript",owner:"RunDevelopment"},qore:{title:"Qore",require:"clike",owner:"temnroegg"},r:{title:"R",owner:"Golmote"},racket:{title:"Racket",require:"scheme",alias:"rkt",owner:"RunDevelopment"},cshtml:{title:"Razor C#",alias:"razor",require:["markup","csharp"],optional:["css","css-extras","javascript","js-extras"],owner:"RunDevelopment"},jsx:{title:"React JSX",require:["markup","javascript"],optional:["jsdoc","js-extras","js-templates"],owner:"vkbansal"},tsx:{title:"React TSX",require:["jsx","typescript"]},reason:{title:"Reason",require:"clike",owner:"Golmote"},regex:{title:"Regex",owner:"RunDevelopment"},rego:{title:"Rego",owner:"JordanSh"},renpy:{title:"Ren'py",alias:"rpy",owner:"HyuchiaDiego"},rescript:{title:"ReScript",alias:"res",owner:"vmarcosp"},rest:{title:"reST (reStructuredText)",owner:"Golmote"},rip:{title:"Rip",owner:"ravinggenius"},roboconf:{title:"Roboconf",owner:"Golmote"},robotframework:{title:"Robot Framework",alias:"robot",owner:"RunDevelopment"},ruby:{title:"Ruby",require:"clike",alias:"rb",owner:"samflores"},rust:{title:"Rust",owner:"Golmote"},sas:{title:"SAS",optional:["groovy","lua","sql"],owner:"Golmote"},sass:{title:"Sass (Sass)",require:"css",optional:"css-extras",owner:"Golmote"},scss:{title:"Sass (SCSS)",require:"css",optional:"css-extras",owner:"MoOx"},scala:{title:"Scala",require:"java",owner:"jozic"},scheme:{title:"Scheme",owner:"bacchus123"},"shell-session":{title:"Shell session",require:"bash",alias:["sh-session","shellsession"],owner:"RunDevelopment"},smali:{title:"Smali",owner:"RunDevelopment"},smalltalk:{title:"Smalltalk",owner:"Golmote"},smarty:{title:"Smarty",require:"markup-templating",optional:"php",owner:"Golmote"},sml:{title:"SML",alias:"smlnj",aliasTitles:{smlnj:"SML/NJ"},owner:"RunDevelopment"},solidity:{title:"Solidity (Ethereum)",alias:"sol",require:"clike",owner:"glachaud"},"solution-file":{title:"Solution file",alias:"sln",owner:"RunDevelopment"},soy:{title:"Soy (Closure Template)",require:"markup-templating",owner:"Golmote"},sparql:{title:"SPARQL",require:"turtle",owner:"Triply-Dev",alias:"rq"},"splunk-spl":{title:"Splunk SPL",owner:"RunDevelopment"},sqf:{title:"SQF: Status Quo Function (Arma 3)",require:"clike",owner:"RunDevelopment"},sql:{title:"SQL",owner:"multipetros"},squirrel:{title:"Squirrel",require:"clike",owner:"RunDevelopment"},stan:{title:"Stan",owner:"RunDevelopment"},stata:{title:"Stata Ado",require:["mata","java","python"],owner:"RunDevelopment"},iecst:{title:"Structured Text (IEC 61131-3)",owner:"serhioromano"},stylus:{title:"Stylus",owner:"vkbansal"},supercollider:{title:"SuperCollider",alias:"sclang",owner:"RunDevelopment"},swift:{title:"Swift",owner:"chrischares"},systemd:{title:"Systemd configuration file",owner:"RunDevelopment"},"t4-templating":{title:"T4 templating",owner:"RunDevelopment"},"t4-cs":{title:"T4 Text Templates (C#)",require:["t4-templating","csharp"],alias:"t4",owner:"RunDevelopment"},"t4-vb":{title:"T4 Text Templates (VB)",require:["t4-templating","vbnet"],owner:"RunDevelopment"},tap:{title:"TAP",owner:"isaacs",require:"yaml"},tcl:{title:"Tcl",owner:"PeterChaplin"},tt2:{title:"Template Toolkit 2",require:["clike","markup-templating"],owner:"gflohr"},textile:{title:"Textile",require:"markup",optional:"css",owner:"Golmote"},toml:{title:"TOML",owner:"RunDevelopment"},tremor:{title:"Tremor",alias:["trickle","troy"],owner:"darach",aliasTitles:{trickle:"trickle",troy:"troy"}},turtle:{title:"Turtle",alias:"trig",aliasTitles:{trig:"TriG"},owner:"jakubklimek"},twig:{title:"Twig",require:"markup-templating",owner:"brandonkelly"},typescript:{title:"TypeScript",require:"javascript",optional:"js-templates",alias:"ts",owner:"vkbansal"},typoscript:{title:"TypoScript",alias:"tsconfig",aliasTitles:{tsconfig:"TSConfig"},owner:"dkern"},unrealscript:{title:"UnrealScript",alias:["uscript","uc"],owner:"RunDevelopment"},uorazor:{title:"UO Razor Script",owner:"jaseowns"},uri:{title:"URI",alias:"url",aliasTitles:{url:"URL"},owner:"RunDevelopment"},v:{title:"V",require:"clike",owner:"taggon"},vala:{title:"Vala",require:"clike",optional:"regex",owner:"TemplarVolk"},vbnet:{title:"VB.Net",require:"basic",owner:"Bigsby"},velocity:{title:"Velocity",require:"markup",owner:"Golmote"},verilog:{title:"Verilog",owner:"a-rey"},vhdl:{title:"VHDL",owner:"a-rey"},vim:{title:"vim",owner:"westonganger"},"visual-basic":{title:"Visual Basic",alias:["vb","vba"],aliasTitles:{vba:"VBA"},owner:"Golmote"},warpscript:{title:"WarpScript",owner:"RunDevelopment"},wasm:{title:"WebAssembly",owner:"Golmote"},"web-idl":{title:"Web IDL",alias:"webidl",owner:"RunDevelopment"},wgsl:{title:"WGSL",owner:"Dr4gonthree"},wiki:{title:"Wiki markup",require:"markup",owner:"Golmote"},wolfram:{title:"Wolfram language",alias:["mathematica","nb","wl"],aliasTitles:{mathematica:"Mathematica",nb:"Mathematica Notebook"},owner:"msollami"},wren:{title:"Wren",owner:"clsource"},xeora:{title:"Xeora",require:"markup",alias:"xeoracube",aliasTitles:{xeoracube:"XeoraCube"},owner:"freakmaxi"},"xml-doc":{title:"XML doc (.net)",require:"markup",modify:["csharp","fsharp","vbnet"],owner:"RunDevelopment"},xojo:{title:"Xojo (REALbasic)",owner:"Golmote"},xquery:{title:"XQuery",require:"markup",owner:"Golmote"},yaml:{title:"YAML",alias:"yml",owner:"hason"},yang:{title:"YANG",owner:"RunDevelopment"},zig:{title:"Zig",owner:"RunDevelopment"}},plugins:{meta:{path:"plugins/{id}/prism-{id}",link:"plugins/{id}/"},"line-highlight":{title:"Line Highlight",description:"Highlights specific lines and/or line ranges."},"line-numbers":{title:"Line Numbers",description:"Line number at the beginning of code lines.",owner:"kuba-kubula"},"show-invisibles":{title:"Show Invisibles",description:"Show hidden characters such as tabs and line breaks.",optional:["autolinker","data-uri-highlight"]},autolinker:{title:"Autolinker",description:"Converts URLs and emails in code to clickable links. Parses Markdown links in comments."},wpd:{title:"WebPlatform Docs",description:'Makes tokens link to <a href="https://webplatform.github.io/docs/">WebPlatform.org documentation</a>. The links open in a new tab.'},"custom-class":{title:"Custom Class",description:"This plugin allows you to prefix Prism's default classes (<code>.comment</code> can become <code>.namespace--comment</code>) or replace them with your defined ones (like <code>.editor__comment</code>). You can even add new classes.",owner:"dvkndn",noCSS:!0},"file-highlight":{title:"File Highlight",description:"Fetch external files and highlight them with Prism. Used on the Prism website itself.",noCSS:!0},"show-language":{title:"Show Language",description:"Display the highlighted language in code blocks (inline code does not show the label).",owner:"nauzilus",noCSS:!0,require:"toolbar"},"jsonp-highlight":{title:"JSONP Highlight",description:"Fetch content with JSONP and highlight some interesting content (e.g. GitHub/Gists or Bitbucket API).",noCSS:!0,owner:"nauzilus"},"highlight-keywords":{title:"Highlight Keywords",description:"Adds special CSS classes for each keyword for fine-grained highlighting.",owner:"vkbansal",noCSS:!0},"remove-initial-line-feed":{title:"Remove initial line feed",description:"Removes the initial line feed in code blocks.",owner:"Golmote",noCSS:!0},"inline-color":{title:"Inline color",description:"Adds a small inline preview for colors in style sheets.",require:"css-extras",owner:"RunDevelopment"},previewers:{title:"Previewers",description:"Previewers for angles, colors, gradients, easing and time.",require:"css-extras",owner:"Golmote"},autoloader:{title:"Autoloader",description:"Automatically loads the needed languages to highlight the code blocks.",owner:"Golmote",noCSS:!0},"keep-markup":{title:"Keep Markup",description:"Prevents custom markup from being dropped out during highlighting.",owner:"Golmote",optional:"normalize-whitespace",noCSS:!0},"command-line":{title:"Command Line",description:"Display a command line with a prompt and, optionally, the output/response from the commands.",owner:"chriswells0"},"unescaped-markup":{title:"Unescaped Markup",description:"Write markup without having to escape anything."},"normalize-whitespace":{title:"Normalize Whitespace",description:"Supports multiple operations to normalize whitespace in code blocks.",owner:"zeitgeist87",optional:"unescaped-markup",noCSS:!0},"data-uri-highlight":{title:"Data-URI Highlight",description:"Highlights data-URI contents.",owner:"Golmote",noCSS:!0},toolbar:{title:"Toolbar",description:"Attach a toolbar for plugins to easily register buttons on the top of a code block.",owner:"mAAdhaTTah"},"copy-to-clipboard":{title:"Copy to Clipboard Button",description:"Add a button that copies the code block to the clipboard when clicked.",owner:"mAAdhaTTah",require:"toolbar",noCSS:!0},"download-button":{title:"Download Button",description:"A button in the toolbar of a code block adding a convenient way to download a code file.",owner:"Golmote",require:"toolbar",noCSS:!0},"match-braces":{title:"Match braces",description:"Highlights matching braces.",owner:"RunDevelopment"},"diff-highlight":{title:"Diff Highlight",description:"Highlights the code inside diff blocks.",owner:"RunDevelopment",require:"diff"},"filter-highlight-all":{title:"Filter highlightAll",description:"Filters the elements the <code>highlightAll</code> and <code>highlightAllUnder</code> methods actually highlight.",owner:"RunDevelopment",noCSS:!0},treeview:{title:"Treeview",description:"A language with special styles to highlight file system tree structures.",owner:"Golmote"}}})},6532:(e,t,n)=>{const r=n(9227),o=n(9670),a=new Set;function i(e){void 0===e?e=Object.keys(r.languages).filter((e=>"meta"!=e)):Array.isArray(e)||(e=[e]);const t=[...a,...Object.keys(Prism.languages)];o(r,e,t).load((e=>{if(!(e in r.languages))return void(i.silent||console.warn("Language does not exist: "+e));const t="./prism-"+e;delete n.c[n(7507).resolve(t)],delete Prism.languages[e],n(7507)(t),a.add(e)}))}i.silent=!1,e.exports=i},1274:()=>{!function(e){function t(e,t){return"___"+e.toUpperCase()+t+"___"}Object.defineProperties(e.languages["markup-templating"]={},{buildPlaceholders:{value:function(n,r,o,a){if(n.language===r){var i=n.tokenStack=[];n.code=n.code.replace(o,(function(e){if("function"==typeof a&&!a(e))return e;for(var o,s=i.length;-1!==n.code.indexOf(o=t(r,s));)++s;return i[s]=e,o})),n.grammar=e.languages.markup}}},tokenizePlaceholders:{value:function(n,r){if(n.language===r&&n.tokenStack){n.grammar=e.languages[r];var o=0,a=Object.keys(n.tokenStack);!function i(s){for(var l=0;l<s.length&&!(o>=a.length);l++){var c=s[l];if("string"==typeof c||c.content&&"string"==typeof c.content){var u=a[o],d=n.tokenStack[u],p="string"==typeof c?c:c.content,f=t(r,u),m=p.indexOf(f);if(m>-1){++o;var h=p.substring(0,m),g=new e.Token(r,e.tokenize(d,n.grammar),"language-"+r,d),b=p.substring(m+f.length),y=[];h&&y.push.apply(y,i([h])),y.push(g),b&&y.push.apply(y,i([b])),"string"==typeof c?s.splice.apply(s,[l,1].concat(y)):c.content=y}}else c.content&&i(c.content)}return s}(n.tokens)}}}})}(Prism)},7507:(e,t,n)=>{var r={"./":6532};function o(e){var t=a(e);return n(t)}function a(e){if(!n.o(r,e)){var t=new Error("Cannot find module '"+e+"'");throw t.code="MODULE_NOT_FOUND",t}return r[e]}o.keys=function(){return Object.keys(r)},o.resolve=a,e.exports=o,o.id=7507},9670:e=>{"use strict";var t=function(){var e=function(){};function t(e,t){Array.isArray(e)?e.forEach(t):null!=e&&t(e,0)}function n(e){for(var t={},n=0,r=e.length;n<r;n++)t[e[n]]=!0;return t}function r(e){var n={},r=[];function o(r,a){if(!(r in n)){a.push(r);var i=a.indexOf(r);if(i<a.length-1)throw new Error("Circular dependency: "+a.slice(i).join(" -> "));var s={},l=e[r];if(l){function c(t){if(!(t in e))throw new Error(r+" depends on an unknown component "+t);if(!(t in s))for(var i in o(t,a),s[t]=!0,n[t])s[i]=!0}t(l.require,c),t(l.optional,c),t(l.modify,c)}n[r]=s,a.pop()}}return function(e){var t=n[e];return t||(o(e,r),t=n[e]),t}}function o(e){for(var t in e)return!0;return!1}return function(a,i,s){var l=function(e){var t={};for(var n in e){var r=e[n];for(var o in r)if("meta"!=o){var a=r[o];t[o]="string"==typeof a?{title:a}:a}}return t}(a),c=function(e){var n;return function(r){if(r in e)return r;if(!n)for(var o in n={},e){var a=e[o];t(a&&a.alias,(function(t){if(t in n)throw new Error(t+" cannot be alias for both "+o+" and "+n[t]);if(t in e)throw new Error(t+" cannot be alias of "+o+" because it is a component.");n[t]=o}))}return n[r]||r}}(l);i=i.map(c),s=(s||[]).map(c);var u=n(i),d=n(s);i.forEach((function e(n){var r=l[n];t(r&&r.require,(function(t){t in d||(u[t]=!0,e(t))}))}));for(var p,f=r(l),m=u;o(m);){for(var h in p={},m){var g=l[h];t(g&&g.modify,(function(e){e in d&&(p[e]=!0)}))}for(var b in d)if(!(b in u))for(var y in f(b))if(y in u){p[b]=!0;break}for(var v in m=p)u[v]=!0}var w={getIds:function(){var e=[];return w.load((function(t){e.push(t)})),e},load:function(t,n){return function(t,n,r,o){var a=o?o.series:void 0,i=o?o.parallel:e,s={},l={};function c(e){if(e in s)return s[e];l[e]=!0;var o,u=[];for(var d in t(e))d in n&&u.push(d);if(0===u.length)o=r(e);else{var p=i(u.map((function(e){var t=c(e);return delete l[e],t})));a?o=a(p,(function(){return r(e)})):r(e)}return s[e]=o}for(var u in n)c(u);var d=[];for(var p in l)d.push(s[p]);return i(d)}(f,u,t,n)}};return w}}();e.exports=t},6186:(e,t,n)=>{"use strict";var r=n(2985);function o(){}function a(){}a.resetWarningCache=o,e.exports=function(){function e(e,t,n,o,a,i){if(i!==r){var s=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");throw s.name="Invariant Violation",s}}function t(){return e}e.isRequired=e;var n={array:e,bigint:e,bool:e,func:e,number:e,object:e,string:e,symbol:e,any:e,arrayOf:t,element:e,elementType:e,instanceOf:t,node:e,objectOf:t,oneOf:t,oneOfType:t,shape:t,exact:t,checkPropTypes:a,resetWarningCache:o};return n.PropTypes=n,n}},2736:(e,t,n)=>{e.exports=n(6186)()},2985:e=>{"use strict";e.exports="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"},9481:(e,t,n)=>{"use strict";var r=n(758),o=n(1896);function a(e){for(var t="https://reactjs.org/docs/error-decoder.html?invariant="+e,n=1;n<arguments.length;n++)t+="&args[]="+encodeURIComponent(arguments[n]);return"Minified React error #"+e+"; visit "+t+" for the full message or use the non-minified dev environment for full errors and additional helpful warnings."}var i=new Set,s={};function l(e,t){c(e,t),c(e+"Capture",t)}function c(e,t){for(s[e]=t,e=0;e<t.length;e++)i.add(t[e])}var u=!("undefined"==typeof window||void 0===window.document||void 0===window.document.createElement),d=Object.prototype.hasOwnProperty,p=/^[:A-Z_a-z\u00C0-\u00D6\u00D8-\u00F6\u00F8-\u02FF\u0370-\u037D\u037F-\u1FFF\u200C-\u200D\u2070-\u218F\u2C00-\u2FEF\u3001-\uD7FF\uF900-\uFDCF\uFDF0-\uFFFD][:A-Z_a-z\u00C0-\u00D6\u00D8-\u00F6\u00F8-\u02FF\u0370-\u037D\u037F-\u1FFF\u200C-\u200D\u2070-\u218F\u2C00-\u2FEF\u3001-\uD7FF\uF900-\uFDCF\uFDF0-\uFFFD\-.0-9\u00B7\u0300-\u036F\u203F-\u2040]*$/,f={},m={};function h(e,t,n,r,o,a,i){this.acceptsBooleans=2===t||3===t||4===t,this.attributeName=r,this.attributeNamespace=o,this.mustUseProperty=n,this.propertyName=e,this.type=t,this.sanitizeURL=a,this.removeEmptyString=i}var g={};"children dangerouslySetInnerHTML defaultValue defaultChecked innerHTML suppressContentEditableWarning suppressHydrationWarning style".split(" ").forEach((function(e){g[e]=new h(e,0,!1,e,null,!1,!1)})),[["acceptCharset","accept-charset"],["className","class"],["htmlFor","for"],["httpEquiv","http-equiv"]].forEach((function(e){var t=e[0];g[t]=new h(t,1,!1,e[1],null,!1,!1)})),["contentEditable","draggable","spellCheck","value"].forEach((function(e){g[e]=new h(e,2,!1,e.toLowerCase(),null,!1,!1)})),["autoReverse","externalResourcesRequired","focusable","preserveAlpha"].forEach((function(e){g[e]=new h(e,2,!1,e,null,!1,!1)})),"allowFullScreen async autoFocus autoPlay controls default defer disabled disablePictureInPicture disableRemotePlayback formNoValidate hidden loop noModule noValidate open playsInline readOnly required reversed scoped seamless itemScope".split(" ").forEach((function(e){g[e]=new h(e,3,!1,e.toLowerCase(),null,!1,!1)})),["checked","multiple","muted","selected"].forEach((function(e){g[e]=new h(e,3,!0,e,null,!1,!1)})),["capture","download"].forEach((function(e){g[e]=new h(e,4,!1,e,null,!1,!1)})),["cols","rows","size","span"].forEach((function(e){g[e]=new h(e,6,!1,e,null,!1,!1)})),["rowSpan","start"].forEach((function(e){g[e]=new h(e,5,!1,e.toLowerCase(),null,!1,!1)}));var b=/[\-:]([a-z])/g;function y(e){return e[1].toUpperCase()}function v(e,t,n,r){var o=g.hasOwnProperty(t)?g[t]:null;(null!==o?0!==o.type:r||!(2<t.length)||"o"!==t[0]&&"O"!==t[0]||"n"!==t[1]&&"N"!==t[1])&&(function(e,t,n,r){if(null==t||function(e,t,n,r){if(null!==n&&0===n.type)return!1;switch(typeof t){case"function":case"symbol":return!0;case"boolean":return!r&&(null!==n?!n.acceptsBooleans:"data-"!==(e=e.toLowerCase().slice(0,5))&&"aria-"!==e);default:return!1}}(e,t,n,r))return!0;if(r)return!1;if(null!==n)switch(n.type){case 3:return!t;case 4:return!1===t;case 5:return isNaN(t);case 6:return isNaN(t)||1>t}return!1}(t,n,o,r)&&(n=null),r||null===o?function(e){return!!d.call(m,e)||!d.call(f,e)&&(p.test(e)?m[e]=!0:(f[e]=!0,!1))}(t)&&(null===n?e.removeAttribute(t):e.setAttribute(t,""+n)):o.mustUseProperty?e[o.propertyName]=null===n?3!==o.type&&"":n:(t=o.attributeName,r=o.attributeNamespace,null===n?e.removeAttribute(t):(n=3===(o=o.type)||4===o&&!0===n?"":""+n,r?e.setAttributeNS(r,t,n):e.setAttribute(t,n))))}"accent-height alignment-baseline arabic-form baseline-shift cap-height clip-path clip-rule color-interpolation color-interpolation-filters color-profile color-rendering dominant-baseline enable-background fill-opacity fill-rule flood-color flood-opacity font-family font-size font-size-adjust font-stretch font-style font-variant font-weight glyph-name glyph-orientation-horizontal glyph-orientation-vertical horiz-adv-x horiz-origin-x image-rendering letter-spacing lighting-color marker-end marker-mid marker-start overline-position overline-thickness paint-order panose-1 pointer-events rendering-intent shape-rendering stop-color stop-opacity strikethrough-position strikethrough-thickness stroke-dasharray stroke-dashoffset stroke-linecap stroke-linejoin stroke-miterlimit stroke-opacity stroke-width text-anchor text-decoration text-rendering underline-position underline-thickness unicode-bidi unicode-range units-per-em v-alphabetic v-hanging v-ideographic v-mathematical vector-effect vert-adv-y vert-origin-x vert-origin-y word-spacing writing-mode xmlns:xlink x-height".split(" ").forEach((function(e){var t=e.replace(b,y);g[t]=new h(t,1,!1,e,null,!1,!1)})),"xlink:actuate xlink:arcrole xlink:role xlink:show xlink:title xlink:type".split(" ").forEach((function(e){var t=e.replace(b,y);g[t]=new h(t,1,!1,e,"http://www.w3.org/1999/xlink",!1,!1)})),["xml:base","xml:lang","xml:space"].forEach((function(e){var t=e.replace(b,y);g[t]=new h(t,1,!1,e,"http://www.w3.org/XML/1998/namespace",!1,!1)})),["tabIndex","crossOrigin"].forEach((function(e){g[e]=new h(e,1,!1,e.toLowerCase(),null,!1,!1)})),g.xlinkHref=new h("xlinkHref",1,!1,"xlink:href","http://www.w3.org/1999/xlink",!0,!1),["src","href","action","formAction"].forEach((function(e){g[e]=new h(e,1,!1,e.toLowerCase(),null,!0,!0)}));var w=r.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED,S=Symbol.for("react.element"),x=Symbol.for("react.portal"),k=Symbol.for("react.fragment"),j=Symbol.for("react.strict_mode"),E=Symbol.for("react.profiler"),_=Symbol.for("react.provider"),C=Symbol.for("react.context"),A=Symbol.for("react.forward_ref"),O=Symbol.for("react.suspense"),T=Symbol.for("react.suspense_list"),P=Symbol.for("react.memo"),L=Symbol.for("react.lazy");Symbol.for("react.scope"),Symbol.for("react.debug_trace_mode");var I=Symbol.for("react.offscreen");Symbol.for("react.legacy_hidden"),Symbol.for("react.cache"),Symbol.for("react.tracing_marker");var R=Symbol.iterator;function N(e){return null===e||"object"!=typeof e?null:"function"==typeof(e=R&&e[R]||e["@@iterator"])?e:null}var D,M=Object.assign;function F(e){if(void 0===D)try{throw Error()}catch(n){var t=n.stack.trim().match(/\n( *(at )?)/);D=t&&t[1]||""}return"\n"+D+e}var z=!1;function B(e,t){if(!e||z)return"";z=!0;var n=Error.prepareStackTrace;Error.prepareStackTrace=void 0;try{if(t)if(t=function(){throw Error()},Object.defineProperty(t.prototype,"props",{set:function(){throw Error()}}),"object"==typeof Reflect&&Reflect.construct){try{Reflect.construct(t,[])}catch(c){var r=c}Reflect.construct(e,[],t)}else{try{t.call()}catch(c){r=c}e.call(t.prototype)}else{try{throw Error()}catch(c){r=c}e()}}catch(c){if(c&&r&&"string"==typeof c.stack){for(var o=c.stack.split("\n"),a=r.stack.split("\n"),i=o.length-1,s=a.length-1;1<=i&&0<=s&&o[i]!==a[s];)s--;for(;1<=i&&0<=s;i--,s--)if(o[i]!==a[s]){if(1!==i||1!==s)do{if(i--,0>--s||o[i]!==a[s]){var l="\n"+o[i].replace(" at new "," at ");return e.displayName&&l.includes("<anonymous>")&&(l=l.replace("<anonymous>",e.displayName)),l}}while(1<=i&&0<=s);break}}}finally{z=!1,Error.prepareStackTrace=n}return(e=e?e.displayName||e.name:"")?F(e):""}function U(e){switch(e.tag){case 5:return F(e.type);case 16:return F("Lazy");case 13:return F("Suspense");case 19:return F("SuspenseList");case 0:case 2:case 15:return e=B(e.type,!1);case 11:return e=B(e.type.render,!1);case 1:return e=B(e.type,!0);default:return""}}function q(e){if(null==e)return null;if("function"==typeof e)return e.displayName||e.name||null;if("string"==typeof e)return e;switch(e){case k:return"Fragment";case x:return"Portal";case E:return"Profiler";case j:return"StrictMode";case O:return"Suspense";case T:return"SuspenseList"}if("object"==typeof e)switch(e.$$typeof){case C:return(e.displayName||"Context")+".Consumer";case _:return(e._context.displayName||"Context")+".Provider";case A:var t=e.render;return(e=e.displayName)||(e=""!==(e=t.displayName||t.name||"")?"ForwardRef("+e+")":"ForwardRef"),e;case P:return null!==(t=e.displayName||null)?t:q(e.type)||"Memo";case L:t=e._payload,e=e._init;try{return q(e(t))}catch(n){}}return null}function $(e){var t=e.type;switch(e.tag){case 24:return"Cache";case 9:return(t.displayName||"Context")+".Consumer";case 10:return(t._context.displayName||"Context")+".Provider";case 18:return"DehydratedFragment";case 11:return e=(e=t.render).displayName||e.name||"",t.displayName||(""!==e?"ForwardRef("+e+")":"ForwardRef");case 7:return"Fragment";case 5:return t;case 4:return"Portal";case 3:return"Root";case 6:return"Text";case 16:return q(t);case 8:return t===j?"StrictMode":"Mode";case 22:return"Offscreen";case 12:return"Profiler";case 21:return"Scope";case 13:return"Suspense";case 19:return"SuspenseList";case 25:return"TracingMarker";case 1:case 0:case 17:case 2:case 14:case 15:if("function"==typeof t)return t.displayName||t.name||null;if("string"==typeof t)return t}return null}function H(e){switch(typeof e){case"boolean":case"number":case"string":case"undefined":case"object":return e;default:return""}}function V(e){var t=e.type;return(e=e.nodeName)&&"input"===e.toLowerCase()&&("checkbox"===t||"radio"===t)}function G(e){e._valueTracker||(e._valueTracker=function(e){var t=V(e)?"checked":"value",n=Object.getOwnPropertyDescriptor(e.constructor.prototype,t),r=""+e[t];if(!e.hasOwnProperty(t)&&void 0!==n&&"function"==typeof n.get&&"function"==typeof n.set){var o=n.get,a=n.set;return Object.defineProperty(e,t,{configurable:!0,get:function(){return o.call(this)},set:function(e){r=""+e,a.call(this,e)}}),Object.defineProperty(e,t,{enumerable:n.enumerable}),{getValue:function(){return r},setValue:function(e){r=""+e},stopTracking:function(){e._valueTracker=null,delete e[t]}}}}(e))}function W(e){if(!e)return!1;var t=e._valueTracker;if(!t)return!0;var n=t.getValue(),r="";return e&&(r=V(e)?e.checked?"true":"false":e.value),(e=r)!==n&&(t.setValue(e),!0)}function K(e){if(void 0===(e=e||("undefined"!=typeof document?document:void 0)))return null;try{return e.activeElement||e.body}catch(t){return e.body}}function Q(e,t){var n=t.checked;return M({},t,{defaultChecked:void 0,defaultValue:void 0,value:void 0,checked:null!=n?n:e._wrapperState.initialChecked})}function Y(e,t){var n=null==t.defaultValue?"":t.defaultValue,r=null!=t.checked?t.checked:t.defaultChecked;n=H(null!=t.value?t.value:n),e._wrapperState={initialChecked:r,initialValue:n,controlled:"checkbox"===t.type||"radio"===t.type?null!=t.checked:null!=t.value}}function Z(e,t){null!=(t=t.checked)&&v(e,"checked",t,!1)}function J(e,t){Z(e,t);var n=H(t.value),r=t.type;if(null!=n)"number"===r?(0===n&&""===e.value||e.value!=n)&&(e.value=""+n):e.value!==""+n&&(e.value=""+n);else if("submit"===r||"reset"===r)return void e.removeAttribute("value");t.hasOwnProperty("value")?ee(e,t.type,n):t.hasOwnProperty("defaultValue")&&ee(e,t.type,H(t.defaultValue)),null==t.checked&&null!=t.defaultChecked&&(e.defaultChecked=!!t.defaultChecked)}function X(e,t,n){if(t.hasOwnProperty("value")||t.hasOwnProperty("defaultValue")){var r=t.type;if(!("submit"!==r&&"reset"!==r||void 0!==t.value&&null!==t.value))return;t=""+e._wrapperState.initialValue,n||t===e.value||(e.value=t),e.defaultValue=t}""!==(n=e.name)&&(e.name=""),e.defaultChecked=!!e._wrapperState.initialChecked,""!==n&&(e.name=n)}function ee(e,t,n){"number"===t&&K(e.ownerDocument)===e||(null==n?e.defaultValue=""+e._wrapperState.initialValue:e.defaultValue!==""+n&&(e.defaultValue=""+n))}var te=Array.isArray;function ne(e,t,n,r){if(e=e.options,t){t={};for(var o=0;o<n.length;o++)t["$"+n[o]]=!0;for(n=0;n<e.length;n++)o=t.hasOwnProperty("$"+e[n].value),e[n].selected!==o&&(e[n].selected=o),o&&r&&(e[n].defaultSelected=!0)}else{for(n=""+H(n),t=null,o=0;o<e.length;o++){if(e[o].value===n)return e[o].selected=!0,void(r&&(e[o].defaultSelected=!0));null!==t||e[o].disabled||(t=e[o])}null!==t&&(t.selected=!0)}}function re(e,t){if(null!=t.dangerouslySetInnerHTML)throw Error(a(91));return M({},t,{value:void 0,defaultValue:void 0,children:""+e._wrapperState.initialValue})}function oe(e,t){var n=t.value;if(null==n){if(n=t.children,t=t.defaultValue,null!=n){if(null!=t)throw Error(a(92));if(te(n)){if(1<n.length)throw Error(a(93));n=n[0]}t=n}null==t&&(t=""),n=t}e._wrapperState={initialValue:H(n)}}function ae(e,t){var n=H(t.value),r=H(t.defaultValue);null!=n&&((n=""+n)!==e.value&&(e.value=n),null==t.defaultValue&&e.defaultValue!==n&&(e.defaultValue=n)),null!=r&&(e.defaultValue=""+r)}function ie(e){var t=e.textContent;t===e._wrapperState.initialValue&&""!==t&&null!==t&&(e.value=t)}function se(e){switch(e){case"svg":return"http://www.w3.org/2000/svg";case"math":return"http://www.w3.org/1998/Math/MathML";default:return"http://www.w3.org/1999/xhtml"}}function le(e,t){return null==e||"http://www.w3.org/1999/xhtml"===e?se(t):"http://www.w3.org/2000/svg"===e&&"foreignObject"===t?"http://www.w3.org/1999/xhtml":e}var ce,ue,de=(ue=function(e,t){if("http://www.w3.org/2000/svg"!==e.namespaceURI||"innerHTML"in e)e.innerHTML=t;else{for((ce=ce||document.createElement("div")).innerHTML="<svg>"+t.valueOf().toString()+"</svg>",t=ce.firstChild;e.firstChild;)e.removeChild(e.firstChild);for(;t.firstChild;)e.appendChild(t.firstChild)}},"undefined"!=typeof MSApp&&MSApp.execUnsafeLocalFunction?function(e,t,n,r){MSApp.execUnsafeLocalFunction((function(){return ue(e,t)}))}:ue);function pe(e,t){if(t){var n=e.firstChild;if(n&&n===e.lastChild&&3===n.nodeType)return void(n.nodeValue=t)}e.textContent=t}var fe={animationIterationCount:!0,aspectRatio:!0,borderImageOutset:!0,borderImageSlice:!0,borderImageWidth:!0,boxFlex:!0,boxFlexGroup:!0,boxOrdinalGroup:!0,columnCount:!0,columns:!0,flex:!0,flexGrow:!0,flexPositive:!0,flexShrink:!0,flexNegative:!0,flexOrder:!0,gridArea:!0,gridRow:!0,gridRowEnd:!0,gridRowSpan:!0,gridRowStart:!0,gridColumn:!0,gridColumnEnd:!0,gridColumnSpan:!0,gridColumnStart:!0,fontWeight:!0,lineClamp:!0,lineHeight:!0,opacity:!0,order:!0,orphans:!0,tabSize:!0,widows:!0,zIndex:!0,zoom:!0,fillOpacity:!0,floodOpacity:!0,stopOpacity:!0,strokeDasharray:!0,strokeDashoffset:!0,strokeMiterlimit:!0,strokeOpacity:!0,strokeWidth:!0},me=["Webkit","ms","Moz","O"];function he(e,t,n){return null==t||"boolean"==typeof t||""===t?"":n||"number"!=typeof t||0===t||fe.hasOwnProperty(e)&&fe[e]?(""+t).trim():t+"px"}function ge(e,t){for(var n in e=e.style,t)if(t.hasOwnProperty(n)){var r=0===n.indexOf("--"),o=he(n,t[n],r);"float"===n&&(n="cssFloat"),r?e.setProperty(n,o):e[n]=o}}Object.keys(fe).forEach((function(e){me.forEach((function(t){t=t+e.charAt(0).toUpperCase()+e.substring(1),fe[t]=fe[e]}))}));var be=M({menuitem:!0},{area:!0,base:!0,br:!0,col:!0,embed:!0,hr:!0,img:!0,input:!0,keygen:!0,link:!0,meta:!0,param:!0,source:!0,track:!0,wbr:!0});function ye(e,t){if(t){if(be[e]&&(null!=t.children||null!=t.dangerouslySetInnerHTML))throw Error(a(137,e));if(null!=t.dangerouslySetInnerHTML){if(null!=t.children)throw Error(a(60));if("object"!=typeof t.dangerouslySetInnerHTML||!("__html"in t.dangerouslySetInnerHTML))throw Error(a(61))}if(null!=t.style&&"object"!=typeof t.style)throw Error(a(62))}}function ve(e,t){if(-1===e.indexOf("-"))return"string"==typeof t.is;switch(e){case"annotation-xml":case"color-profile":case"font-face":case"font-face-src":case"font-face-uri":case"font-face-format":case"font-face-name":case"missing-glyph":return!1;default:return!0}}var we=null;function Se(e){return(e=e.target||e.srcElement||window).correspondingUseElement&&(e=e.correspondingUseElement),3===e.nodeType?e.parentNode:e}var xe=null,ke=null,je=null;function Ee(e){if(e=wo(e)){if("function"!=typeof xe)throw Error(a(280));var t=e.stateNode;t&&(t=xo(t),xe(e.stateNode,e.type,t))}}function _e(e){ke?je?je.push(e):je=[e]:ke=e}function Ce(){if(ke){var e=ke,t=je;if(je=ke=null,Ee(e),t)for(e=0;e<t.length;e++)Ee(t[e])}}function Ae(e,t){return e(t)}function Oe(){}var Te=!1;function Pe(e,t,n){if(Te)return e(t,n);Te=!0;try{return Ae(e,t,n)}finally{Te=!1,(null!==ke||null!==je)&&(Oe(),Ce())}}function Le(e,t){var n=e.stateNode;if(null===n)return null;var r=xo(n);if(null===r)return null;n=r[t];e:switch(t){case"onClick":case"onClickCapture":case"onDoubleClick":case"onDoubleClickCapture":case"onMouseDown":case"onMouseDownCapture":case"onMouseMove":case"onMouseMoveCapture":case"onMouseUp":case"onMouseUpCapture":case"onMouseEnter":(r=!r.disabled)||(r=!("button"===(e=e.type)||"input"===e||"select"===e||"textarea"===e)),e=!r;break e;default:e=!1}if(e)return null;if(n&&"function"!=typeof n)throw Error(a(231,t,typeof n));return n}var Ie=!1;if(u)try{var Re={};Object.defineProperty(Re,"passive",{get:function(){Ie=!0}}),window.addEventListener("test",Re,Re),window.removeEventListener("test",Re,Re)}catch(ue){Ie=!1}function Ne(e,t,n,r,o,a,i,s,l){var c=Array.prototype.slice.call(arguments,3);try{t.apply(n,c)}catch(u){this.onError(u)}}var De=!1,Me=null,Fe=!1,ze=null,Be={onError:function(e){De=!0,Me=e}};function Ue(e,t,n,r,o,a,i,s,l){De=!1,Me=null,Ne.apply(Be,arguments)}function qe(e){var t=e,n=e;if(e.alternate)for(;t.return;)t=t.return;else{e=t;do{!!(4098&(t=e).flags)&&(n=t.return),e=t.return}while(e)}return 3===t.tag?n:null}function $e(e){if(13===e.tag){var t=e.memoizedState;if(null===t&&(null!==(e=e.alternate)&&(t=e.memoizedState)),null!==t)return t.dehydrated}return null}function He(e){if(qe(e)!==e)throw Error(a(188))}function Ve(e){return null!==(e=function(e){var t=e.alternate;if(!t){if(null===(t=qe(e)))throw Error(a(188));return t!==e?null:e}for(var n=e,r=t;;){var o=n.return;if(null===o)break;var i=o.alternate;if(null===i){if(null!==(r=o.return)){n=r;continue}break}if(o.child===i.child){for(i=o.child;i;){if(i===n)return He(o),e;if(i===r)return He(o),t;i=i.sibling}throw Error(a(188))}if(n.return!==r.return)n=o,r=i;else{for(var s=!1,l=o.child;l;){if(l===n){s=!0,n=o,r=i;break}if(l===r){s=!0,r=o,n=i;break}l=l.sibling}if(!s){for(l=i.child;l;){if(l===n){s=!0,n=i,r=o;break}if(l===r){s=!0,r=i,n=o;break}l=l.sibling}if(!s)throw Error(a(189))}}if(n.alternate!==r)throw Error(a(190))}if(3!==n.tag)throw Error(a(188));return n.stateNode.current===n?e:t}(e))?Ge(e):null}function Ge(e){if(5===e.tag||6===e.tag)return e;for(e=e.child;null!==e;){var t=Ge(e);if(null!==t)return t;e=e.sibling}return null}var We=o.unstable_scheduleCallback,Ke=o.unstable_cancelCallback,Qe=o.unstable_shouldYield,Ye=o.unstable_requestPaint,Ze=o.unstable_now,Je=o.unstable_getCurrentPriorityLevel,Xe=o.unstable_ImmediatePriority,et=o.unstable_UserBlockingPriority,tt=o.unstable_NormalPriority,nt=o.unstable_LowPriority,rt=o.unstable_IdlePriority,ot=null,at=null;var it=Math.clz32?Math.clz32:function(e){return e>>>=0,0===e?32:31-(st(e)/lt|0)|0},st=Math.log,lt=Math.LN2;var ct=64,ut=4194304;function dt(e){switch(e&-e){case 1:return 1;case 2:return 2;case 4:return 4;case 8:return 8;case 16:return 16;case 32:return 32;case 64:case 128:case 256:case 512:case 1024:case 2048:case 4096:case 8192:case 16384:case 32768:case 65536:case 131072:case 262144:case 524288:case 1048576:case 2097152:return 4194240&e;case 4194304:case 8388608:case 16777216:case 33554432:case 67108864:return 130023424&e;case 134217728:return 134217728;case 268435456:return 268435456;case 536870912:return 536870912;case 1073741824:return 1073741824;default:return e}}function pt(e,t){var n=e.pendingLanes;if(0===n)return 0;var r=0,o=e.suspendedLanes,a=e.pingedLanes,i=268435455&n;if(0!==i){var s=i&~o;0!==s?r=dt(s):0!==(a&=i)&&(r=dt(a))}else 0!==(i=n&~o)?r=dt(i):0!==a&&(r=dt(a));if(0===r)return 0;if(0!==t&&t!==r&&!(t&o)&&((o=r&-r)>=(a=t&-t)||16===o&&4194240&a))return t;if(4&r&&(r|=16&n),0!==(t=e.entangledLanes))for(e=e.entanglements,t&=r;0<t;)o=1<<(n=31-it(t)),r|=e[n],t&=~o;return r}function ft(e,t){switch(e){case 1:case 2:case 4:return t+250;case 8:case 16:case 32:case 64:case 128:case 256:case 512:case 1024:case 2048:case 4096:case 8192:case 16384:case 32768:case 65536:case 131072:case 262144:case 524288:case 1048576:case 2097152:return t+5e3;default:return-1}}function mt(e){return 0!==(e=-1073741825&e.pendingLanes)?e:1073741824&e?1073741824:0}function ht(){var e=ct;return!(4194240&(ct<<=1))&&(ct=64),e}function gt(e){for(var t=[],n=0;31>n;n++)t.push(e);return t}function bt(e,t,n){e.pendingLanes|=t,536870912!==t&&(e.suspendedLanes=0,e.pingedLanes=0),(e=e.eventTimes)[t=31-it(t)]=n}function yt(e,t){var n=e.entangledLanes|=t;for(e=e.entanglements;n;){var r=31-it(n),o=1<<r;o&t|e[r]&t&&(e[r]|=t),n&=~o}}var vt=0;function wt(e){return 1<(e&=-e)?4<e?268435455&e?16:536870912:4:1}var St,xt,kt,jt,Et,_t=!1,Ct=[],At=null,Ot=null,Tt=null,Pt=new Map,Lt=new Map,It=[],Rt="mousedown mouseup touchcancel touchend touchstart auxclick dblclick pointercancel pointerdown pointerup dragend dragstart drop compositionend compositionstart keydown keypress keyup input textInput copy cut paste click change contextmenu reset submit".split(" ");function Nt(e,t){switch(e){case"focusin":case"focusout":At=null;break;case"dragenter":case"dragleave":Ot=null;break;case"mouseover":case"mouseout":Tt=null;break;case"pointerover":case"pointerout":Pt.delete(t.pointerId);break;case"gotpointercapture":case"lostpointercapture":Lt.delete(t.pointerId)}}function Dt(e,t,n,r,o,a){return null===e||e.nativeEvent!==a?(e={blockedOn:t,domEventName:n,eventSystemFlags:r,nativeEvent:a,targetContainers:[o]},null!==t&&(null!==(t=wo(t))&&xt(t)),e):(e.eventSystemFlags|=r,t=e.targetContainers,null!==o&&-1===t.indexOf(o)&&t.push(o),e)}function Mt(e){var t=vo(e.target);if(null!==t){var n=qe(t);if(null!==n)if(13===(t=n.tag)){if(null!==(t=$e(n)))return e.blockedOn=t,void Et(e.priority,(function(){kt(n)}))}else if(3===t&&n.stateNode.current.memoizedState.isDehydrated)return void(e.blockedOn=3===n.tag?n.stateNode.containerInfo:null)}e.blockedOn=null}function Ft(e){if(null!==e.blockedOn)return!1;for(var t=e.targetContainers;0<t.length;){var n=Qt(e.domEventName,e.eventSystemFlags,t[0],e.nativeEvent);if(null!==n)return null!==(t=wo(n))&&xt(t),e.blockedOn=n,!1;var r=new(n=e.nativeEvent).constructor(n.type,n);we=r,n.target.dispatchEvent(r),we=null,t.shift()}return!0}function zt(e,t,n){Ft(e)&&n.delete(t)}function Bt(){_t=!1,null!==At&&Ft(At)&&(At=null),null!==Ot&&Ft(Ot)&&(Ot=null),null!==Tt&&Ft(Tt)&&(Tt=null),Pt.forEach(zt),Lt.forEach(zt)}function Ut(e,t){e.blockedOn===t&&(e.blockedOn=null,_t||(_t=!0,o.unstable_scheduleCallback(o.unstable_NormalPriority,Bt)))}function qt(e){function t(t){return Ut(t,e)}if(0<Ct.length){Ut(Ct[0],e);for(var n=1;n<Ct.length;n++){var r=Ct[n];r.blockedOn===e&&(r.blockedOn=null)}}for(null!==At&&Ut(At,e),null!==Ot&&Ut(Ot,e),null!==Tt&&Ut(Tt,e),Pt.forEach(t),Lt.forEach(t),n=0;n<It.length;n++)(r=It[n]).blockedOn===e&&(r.blockedOn=null);for(;0<It.length&&null===(n=It[0]).blockedOn;)Mt(n),null===n.blockedOn&&It.shift()}var $t=w.ReactCurrentBatchConfig,Ht=!0;function Vt(e,t,n,r){var o=vt,a=$t.transition;$t.transition=null;try{vt=1,Wt(e,t,n,r)}finally{vt=o,$t.transition=a}}function Gt(e,t,n,r){var o=vt,a=$t.transition;$t.transition=null;try{vt=4,Wt(e,t,n,r)}finally{vt=o,$t.transition=a}}function Wt(e,t,n,r){if(Ht){var o=Qt(e,t,n,r);if(null===o)Hr(e,t,r,Kt,n),Nt(e,r);else if(function(e,t,n,r,o){switch(t){case"focusin":return At=Dt(At,e,t,n,r,o),!0;case"dragenter":return Ot=Dt(Ot,e,t,n,r,o),!0;case"mouseover":return Tt=Dt(Tt,e,t,n,r,o),!0;case"pointerover":var a=o.pointerId;return Pt.set(a,Dt(Pt.get(a)||null,e,t,n,r,o)),!0;case"gotpointercapture":return a=o.pointerId,Lt.set(a,Dt(Lt.get(a)||null,e,t,n,r,o)),!0}return!1}(o,e,t,n,r))r.stopPropagation();else if(Nt(e,r),4&t&&-1<Rt.indexOf(e)){for(;null!==o;){var a=wo(o);if(null!==a&&St(a),null===(a=Qt(e,t,n,r))&&Hr(e,t,r,Kt,n),a===o)break;o=a}null!==o&&r.stopPropagation()}else Hr(e,t,r,null,n)}}var Kt=null;function Qt(e,t,n,r){if(Kt=null,null!==(e=vo(e=Se(r))))if(null===(t=qe(e)))e=null;else if(13===(n=t.tag)){if(null!==(e=$e(t)))return e;e=null}else if(3===n){if(t.stateNode.current.memoizedState.isDehydrated)return 3===t.tag?t.stateNode.containerInfo:null;e=null}else t!==e&&(e=null);return Kt=e,null}function Yt(e){switch(e){case"cancel":case"click":case"close":case"contextmenu":case"copy":case"cut":case"auxclick":case"dblclick":case"dragend":case"dragstart":case"drop":case"focusin":case"focusout":case"input":case"invalid":case"keydown":case"keypress":case"keyup":case"mousedown":case"mouseup":case"paste":case"pause":case"play":case"pointercancel":case"pointerdown":case"pointerup":case"ratechange":case"reset":case"resize":case"seeked":case"submit":case"touchcancel":case"touchend":case"touchstart":case"volumechange":case"change":case"selectionchange":case"textInput":case"compositionstart":case"compositionend":case"compositionupdate":case"beforeblur":case"afterblur":case"beforeinput":case"blur":case"fullscreenchange":case"focus":case"hashchange":case"popstate":case"select":case"selectstart":return 1;case"drag":case"dragenter":case"dragexit":case"dragleave":case"dragover":case"mousemove":case"mouseout":case"mouseover":case"pointermove":case"pointerout":case"pointerover":case"scroll":case"toggle":case"touchmove":case"wheel":case"mouseenter":case"mouseleave":case"pointerenter":case"pointerleave":return 4;case"message":switch(Je()){case Xe:return 1;case et:return 4;case tt:case nt:return 16;case rt:return 536870912;default:return 16}default:return 16}}var Zt=null,Jt=null,Xt=null;function en(){if(Xt)return Xt;var e,t,n=Jt,r=n.length,o="value"in Zt?Zt.value:Zt.textContent,a=o.length;for(e=0;e<r&&n[e]===o[e];e++);var i=r-e;for(t=1;t<=i&&n[r-t]===o[a-t];t++);return Xt=o.slice(e,1<t?1-t:void 0)}function tn(e){var t=e.keyCode;return"charCode"in e?0===(e=e.charCode)&&13===t&&(e=13):e=t,10===e&&(e=13),32<=e||13===e?e:0}function nn(){return!0}function rn(){return!1}function on(e){function t(t,n,r,o,a){for(var i in this._reactName=t,this._targetInst=r,this.type=n,this.nativeEvent=o,this.target=a,this.currentTarget=null,e)e.hasOwnProperty(i)&&(t=e[i],this[i]=t?t(o):o[i]);return this.isDefaultPrevented=(null!=o.defaultPrevented?o.defaultPrevented:!1===o.returnValue)?nn:rn,this.isPropagationStopped=rn,this}return M(t.prototype,{preventDefault:function(){this.defaultPrevented=!0;var e=this.nativeEvent;e&&(e.preventDefault?e.preventDefault():"unknown"!=typeof e.returnValue&&(e.returnValue=!1),this.isDefaultPrevented=nn)},stopPropagation:function(){var e=this.nativeEvent;e&&(e.stopPropagation?e.stopPropagation():"unknown"!=typeof e.cancelBubble&&(e.cancelBubble=!0),this.isPropagationStopped=nn)},persist:function(){},isPersistent:nn}),t}var an,sn,ln,cn={eventPhase:0,bubbles:0,cancelable:0,timeStamp:function(e){return e.timeStamp||Date.now()},defaultPrevented:0,isTrusted:0},un=on(cn),dn=M({},cn,{view:0,detail:0}),pn=on(dn),fn=M({},dn,{screenX:0,screenY:0,clientX:0,clientY:0,pageX:0,pageY:0,ctrlKey:0,shiftKey:0,altKey:0,metaKey:0,getModifierState:En,button:0,buttons:0,relatedTarget:function(e){return void 0===e.relatedTarget?e.fromElement===e.srcElement?e.toElement:e.fromElement:e.relatedTarget},movementX:function(e){return"movementX"in e?e.movementX:(e!==ln&&(ln&&"mousemove"===e.type?(an=e.screenX-ln.screenX,sn=e.screenY-ln.screenY):sn=an=0,ln=e),an)},movementY:function(e){return"movementY"in e?e.movementY:sn}}),mn=on(fn),hn=on(M({},fn,{dataTransfer:0})),gn=on(M({},dn,{relatedTarget:0})),bn=on(M({},cn,{animationName:0,elapsedTime:0,pseudoElement:0})),yn=M({},cn,{clipboardData:function(e){return"clipboardData"in e?e.clipboardData:window.clipboardData}}),vn=on(yn),wn=on(M({},cn,{data:0})),Sn={Esc:"Escape",Spacebar:" ",Left:"ArrowLeft",Up:"ArrowUp",Right:"ArrowRight",Down:"ArrowDown",Del:"Delete",Win:"OS",Menu:"ContextMenu",Apps:"ContextMenu",Scroll:"ScrollLock",MozPrintableKey:"Unidentified"},xn={8:"Backspace",9:"Tab",12:"Clear",13:"Enter",16:"Shift",17:"Control",18:"Alt",19:"Pause",20:"CapsLock",27:"Escape",32:" ",33:"PageUp",34:"PageDown",35:"End",36:"Home",37:"ArrowLeft",38:"ArrowUp",39:"ArrowRight",40:"ArrowDown",45:"Insert",46:"Delete",112:"F1",113:"F2",114:"F3",115:"F4",116:"F5",117:"F6",118:"F7",119:"F8",120:"F9",121:"F10",122:"F11",123:"F12",144:"NumLock",145:"ScrollLock",224:"Meta"},kn={Alt:"altKey",Control:"ctrlKey",Meta:"metaKey",Shift:"shiftKey"};function jn(e){var t=this.nativeEvent;return t.getModifierState?t.getModifierState(e):!!(e=kn[e])&&!!t[e]}function En(){return jn}var _n=M({},dn,{key:function(e){if(e.key){var t=Sn[e.key]||e.key;if("Unidentified"!==t)return t}return"keypress"===e.type?13===(e=tn(e))?"Enter":String.fromCharCode(e):"keydown"===e.type||"keyup"===e.type?xn[e.keyCode]||"Unidentified":""},code:0,location:0,ctrlKey:0,shiftKey:0,altKey:0,metaKey:0,repeat:0,locale:0,getModifierState:En,charCode:function(e){return"keypress"===e.type?tn(e):0},keyCode:function(e){return"keydown"===e.type||"keyup"===e.type?e.keyCode:0},which:function(e){return"keypress"===e.type?tn(e):"keydown"===e.type||"keyup"===e.type?e.keyCode:0}}),Cn=on(_n),An=on(M({},fn,{pointerId:0,width:0,height:0,pressure:0,tangentialPressure:0,tiltX:0,tiltY:0,twist:0,pointerType:0,isPrimary:0})),On=on(M({},dn,{touches:0,targetTouches:0,changedTouches:0,altKey:0,metaKey:0,ctrlKey:0,shiftKey:0,getModifierState:En})),Tn=on(M({},cn,{propertyName:0,elapsedTime:0,pseudoElement:0})),Pn=M({},fn,{deltaX:function(e){return"deltaX"in e?e.deltaX:"wheelDeltaX"in e?-e.wheelDeltaX:0},deltaY:function(e){return"deltaY"in e?e.deltaY:"wheelDeltaY"in e?-e.wheelDeltaY:"wheelDelta"in e?-e.wheelDelta:0},deltaZ:0,deltaMode:0}),Ln=on(Pn),In=[9,13,27,32],Rn=u&&"CompositionEvent"in window,Nn=null;u&&"documentMode"in document&&(Nn=document.documentMode);var Dn=u&&"TextEvent"in window&&!Nn,Mn=u&&(!Rn||Nn&&8<Nn&&11>=Nn),Fn=String.fromCharCode(32),zn=!1;function Bn(e,t){switch(e){case"keyup":return-1!==In.indexOf(t.keyCode);case"keydown":return 229!==t.keyCode;case"keypress":case"mousedown":case"focusout":return!0;default:return!1}}function Un(e){return"object"==typeof(e=e.detail)&&"data"in e?e.data:null}var qn=!1;var $n={color:!0,date:!0,datetime:!0,"datetime-local":!0,email:!0,month:!0,number:!0,password:!0,range:!0,search:!0,tel:!0,text:!0,time:!0,url:!0,week:!0};function Hn(e){var t=e&&e.nodeName&&e.nodeName.toLowerCase();return"input"===t?!!$n[e.type]:"textarea"===t}function Vn(e,t,n,r){_e(r),0<(t=Gr(t,"onChange")).length&&(n=new un("onChange","change",null,n,r),e.push({event:n,listeners:t}))}var Gn=null,Wn=null;function Kn(e){Fr(e,0)}function Qn(e){if(W(So(e)))return e}function Yn(e,t){if("change"===e)return t}var Zn=!1;if(u){var Jn;if(u){var Xn="oninput"in document;if(!Xn){var er=document.createElement("div");er.setAttribute("oninput","return;"),Xn="function"==typeof er.oninput}Jn=Xn}else Jn=!1;Zn=Jn&&(!document.documentMode||9<document.documentMode)}function tr(){Gn&&(Gn.detachEvent("onpropertychange",nr),Wn=Gn=null)}function nr(e){if("value"===e.propertyName&&Qn(Wn)){var t=[];Vn(t,Wn,e,Se(e)),Pe(Kn,t)}}function rr(e,t,n){"focusin"===e?(tr(),Wn=n,(Gn=t).attachEvent("onpropertychange",nr)):"focusout"===e&&tr()}function or(e){if("selectionchange"===e||"keyup"===e||"keydown"===e)return Qn(Wn)}function ar(e,t){if("click"===e)return Qn(t)}function ir(e,t){if("input"===e||"change"===e)return Qn(t)}var sr="function"==typeof Object.is?Object.is:function(e,t){return e===t&&(0!==e||1/e==1/t)||e!=e&&t!=t};function lr(e,t){if(sr(e,t))return!0;if("object"!=typeof e||null===e||"object"!=typeof t||null===t)return!1;var n=Object.keys(e),r=Object.keys(t);if(n.length!==r.length)return!1;for(r=0;r<n.length;r++){var o=n[r];if(!d.call(t,o)||!sr(e[o],t[o]))return!1}return!0}function cr(e){for(;e&&e.firstChild;)e=e.firstChild;return e}function ur(e,t){var n,r=cr(e);for(e=0;r;){if(3===r.nodeType){if(n=e+r.textContent.length,e<=t&&n>=t)return{node:r,offset:t-e};e=n}e:{for(;r;){if(r.nextSibling){r=r.nextSibling;break e}r=r.parentNode}r=void 0}r=cr(r)}}function dr(e,t){return!(!e||!t)&&(e===t||(!e||3!==e.nodeType)&&(t&&3===t.nodeType?dr(e,t.parentNode):"contains"in e?e.contains(t):!!e.compareDocumentPosition&&!!(16&e.compareDocumentPosition(t))))}function pr(){for(var e=window,t=K();t instanceof e.HTMLIFrameElement;){try{var n="string"==typeof t.contentWindow.location.href}catch(r){n=!1}if(!n)break;t=K((e=t.contentWindow).document)}return t}function fr(e){var t=e&&e.nodeName&&e.nodeName.toLowerCase();return t&&("input"===t&&("text"===e.type||"search"===e.type||"tel"===e.type||"url"===e.type||"password"===e.type)||"textarea"===t||"true"===e.contentEditable)}function mr(e){var t=pr(),n=e.focusedElem,r=e.selectionRange;if(t!==n&&n&&n.ownerDocument&&dr(n.ownerDocument.documentElement,n)){if(null!==r&&fr(n))if(t=r.start,void 0===(e=r.end)&&(e=t),"selectionStart"in n)n.selectionStart=t,n.selectionEnd=Math.min(e,n.value.length);else if((e=(t=n.ownerDocument||document)&&t.defaultView||window).getSelection){e=e.getSelection();var o=n.textContent.length,a=Math.min(r.start,o);r=void 0===r.end?a:Math.min(r.end,o),!e.extend&&a>r&&(o=r,r=a,a=o),o=ur(n,a);var i=ur(n,r);o&&i&&(1!==e.rangeCount||e.anchorNode!==o.node||e.anchorOffset!==o.offset||e.focusNode!==i.node||e.focusOffset!==i.offset)&&((t=t.createRange()).setStart(o.node,o.offset),e.removeAllRanges(),a>r?(e.addRange(t),e.extend(i.node,i.offset)):(t.setEnd(i.node,i.offset),e.addRange(t)))}for(t=[],e=n;e=e.parentNode;)1===e.nodeType&&t.push({element:e,left:e.scrollLeft,top:e.scrollTop});for("function"==typeof n.focus&&n.focus(),n=0;n<t.length;n++)(e=t[n]).element.scrollLeft=e.left,e.element.scrollTop=e.top}}var hr=u&&"documentMode"in document&&11>=document.documentMode,gr=null,br=null,yr=null,vr=!1;function wr(e,t,n){var r=n.window===n?n.document:9===n.nodeType?n:n.ownerDocument;vr||null==gr||gr!==K(r)||("selectionStart"in(r=gr)&&fr(r)?r={start:r.selectionStart,end:r.selectionEnd}:r={anchorNode:(r=(r.ownerDocument&&r.ownerDocument.defaultView||window).getSelection()).anchorNode,anchorOffset:r.anchorOffset,focusNode:r.focusNode,focusOffset:r.focusOffset},yr&&lr(yr,r)||(yr=r,0<(r=Gr(br,"onSelect")).length&&(t=new un("onSelect","select",null,t,n),e.push({event:t,listeners:r}),t.target=gr)))}function Sr(e,t){var n={};return n[e.toLowerCase()]=t.toLowerCase(),n["Webkit"+e]="webkit"+t,n["Moz"+e]="moz"+t,n}var xr={animationend:Sr("Animation","AnimationEnd"),animationiteration:Sr("Animation","AnimationIteration"),animationstart:Sr("Animation","AnimationStart"),transitionend:Sr("Transition","TransitionEnd")},kr={},jr={};function Er(e){if(kr[e])return kr[e];if(!xr[e])return e;var t,n=xr[e];for(t in n)if(n.hasOwnProperty(t)&&t in jr)return kr[e]=n[t];return e}u&&(jr=document.createElement("div").style,"AnimationEvent"in window||(delete xr.animationend.animation,delete xr.animationiteration.animation,delete xr.animationstart.animation),"TransitionEvent"in window||delete xr.transitionend.transition);var _r=Er("animationend"),Cr=Er("animationiteration"),Ar=Er("animationstart"),Or=Er("transitionend"),Tr=new Map,Pr="abort auxClick cancel canPlay canPlayThrough click close contextMenu copy cut drag dragEnd dragEnter dragExit dragLeave dragOver dragStart drop durationChange emptied encrypted ended error gotPointerCapture input invalid keyDown keyPress keyUp load loadedData loadedMetadata loadStart lostPointerCapture mouseDown mouseMove mouseOut mouseOver mouseUp paste pause play playing pointerCancel pointerDown pointerMove pointerOut pointerOver pointerUp progress rateChange reset resize seeked seeking stalled submit suspend timeUpdate touchCancel touchEnd touchStart volumeChange scroll toggle touchMove waiting wheel".split(" ");function Lr(e,t){Tr.set(e,t),l(t,[e])}for(var Ir=0;Ir<Pr.length;Ir++){var Rr=Pr[Ir];Lr(Rr.toLowerCase(),"on"+(Rr[0].toUpperCase()+Rr.slice(1)))}Lr(_r,"onAnimationEnd"),Lr(Cr,"onAnimationIteration"),Lr(Ar,"onAnimationStart"),Lr("dblclick","onDoubleClick"),Lr("focusin","onFocus"),Lr("focusout","onBlur"),Lr(Or,"onTransitionEnd"),c("onMouseEnter",["mouseout","mouseover"]),c("onMouseLeave",["mouseout","mouseover"]),c("onPointerEnter",["pointerout","pointerover"]),c("onPointerLeave",["pointerout","pointerover"]),l("onChange","change click focusin focusout input keydown keyup selectionchange".split(" ")),l("onSelect","focusout contextmenu dragend focusin keydown keyup mousedown mouseup selectionchange".split(" ")),l("onBeforeInput",["compositionend","keypress","textInput","paste"]),l("onCompositionEnd","compositionend focusout keydown keypress keyup mousedown".split(" ")),l("onCompositionStart","compositionstart focusout keydown keypress keyup mousedown".split(" ")),l("onCompositionUpdate","compositionupdate focusout keydown keypress keyup mousedown".split(" "));var Nr="abort canplay canplaythrough durationchange emptied encrypted ended error loadeddata loadedmetadata loadstart pause play playing progress ratechange resize seeked seeking stalled suspend timeupdate volumechange waiting".split(" "),Dr=new Set("cancel close invalid load scroll toggle".split(" ").concat(Nr));function Mr(e,t,n){var r=e.type||"unknown-event";e.currentTarget=n,function(e,t,n,r,o,i,s,l,c){if(Ue.apply(this,arguments),De){if(!De)throw Error(a(198));var u=Me;De=!1,Me=null,Fe||(Fe=!0,ze=u)}}(r,t,void 0,e),e.currentTarget=null}function Fr(e,t){t=!!(4&t);for(var n=0;n<e.length;n++){var r=e[n],o=r.event;r=r.listeners;e:{var a=void 0;if(t)for(var i=r.length-1;0<=i;i--){var s=r[i],l=s.instance,c=s.currentTarget;if(s=s.listener,l!==a&&o.isPropagationStopped())break e;Mr(o,s,c),a=l}else for(i=0;i<r.length;i++){if(l=(s=r[i]).instance,c=s.currentTarget,s=s.listener,l!==a&&o.isPropagationStopped())break e;Mr(o,s,c),a=l}}}if(Fe)throw e=ze,Fe=!1,ze=null,e}function zr(e,t){var n=t[go];void 0===n&&(n=t[go]=new Set);var r=e+"__bubble";n.has(r)||($r(t,e,2,!1),n.add(r))}function Br(e,t,n){var r=0;t&&(r|=4),$r(n,e,r,t)}var Ur="_reactListening"+Math.random().toString(36).slice(2);function qr(e){if(!e[Ur]){e[Ur]=!0,i.forEach((function(t){"selectionchange"!==t&&(Dr.has(t)||Br(t,!1,e),Br(t,!0,e))}));var t=9===e.nodeType?e:e.ownerDocument;null===t||t[Ur]||(t[Ur]=!0,Br("selectionchange",!1,t))}}function $r(e,t,n,r){switch(Yt(t)){case 1:var o=Vt;break;case 4:o=Gt;break;default:o=Wt}n=o.bind(null,t,n,e),o=void 0,!Ie||"touchstart"!==t&&"touchmove"!==t&&"wheel"!==t||(o=!0),r?void 0!==o?e.addEventListener(t,n,{capture:!0,passive:o}):e.addEventListener(t,n,!0):void 0!==o?e.addEventListener(t,n,{passive:o}):e.addEventListener(t,n,!1)}function Hr(e,t,n,r,o){var a=r;if(!(1&t||2&t||null===r))e:for(;;){if(null===r)return;var i=r.tag;if(3===i||4===i){var s=r.stateNode.containerInfo;if(s===o||8===s.nodeType&&s.parentNode===o)break;if(4===i)for(i=r.return;null!==i;){var l=i.tag;if((3===l||4===l)&&((l=i.stateNode.containerInfo)===o||8===l.nodeType&&l.parentNode===o))return;i=i.return}for(;null!==s;){if(null===(i=vo(s)))return;if(5===(l=i.tag)||6===l){r=a=i;continue e}s=s.parentNode}}r=r.return}Pe((function(){var r=a,o=Se(n),i=[];e:{var s=Tr.get(e);if(void 0!==s){var l=un,c=e;switch(e){case"keypress":if(0===tn(n))break e;case"keydown":case"keyup":l=Cn;break;case"focusin":c="focus",l=gn;break;case"focusout":c="blur",l=gn;break;case"beforeblur":case"afterblur":l=gn;break;case"click":if(2===n.button)break e;case"auxclick":case"dblclick":case"mousedown":case"mousemove":case"mouseup":case"mouseout":case"mouseover":case"contextmenu":l=mn;break;case"drag":case"dragend":case"dragenter":case"dragexit":case"dragleave":case"dragover":case"dragstart":case"drop":l=hn;break;case"touchcancel":case"touchend":case"touchmove":case"touchstart":l=On;break;case _r:case Cr:case Ar:l=bn;break;case Or:l=Tn;break;case"scroll":l=pn;break;case"wheel":l=Ln;break;case"copy":case"cut":case"paste":l=vn;break;case"gotpointercapture":case"lostpointercapture":case"pointercancel":case"pointerdown":case"pointermove":case"pointerout":case"pointerover":case"pointerup":l=An}var u=!!(4&t),d=!u&&"scroll"===e,p=u?null!==s?s+"Capture":null:s;u=[];for(var f,m=r;null!==m;){var h=(f=m).stateNode;if(5===f.tag&&null!==h&&(f=h,null!==p&&(null!=(h=Le(m,p))&&u.push(Vr(m,h,f)))),d)break;m=m.return}0<u.length&&(s=new l(s,c,null,n,o),i.push({event:s,listeners:u}))}}if(!(7&t)){if(l="mouseout"===e||"pointerout"===e,(!(s="mouseover"===e||"pointerover"===e)||n===we||!(c=n.relatedTarget||n.fromElement)||!vo(c)&&!c[ho])&&(l||s)&&(s=o.window===o?o:(s=o.ownerDocument)?s.defaultView||s.parentWindow:window,l?(l=r,null!==(c=(c=n.relatedTarget||n.toElement)?vo(c):null)&&(c!==(d=qe(c))||5!==c.tag&&6!==c.tag)&&(c=null)):(l=null,c=r),l!==c)){if(u=mn,h="onMouseLeave",p="onMouseEnter",m="mouse","pointerout"!==e&&"pointerover"!==e||(u=An,h="onPointerLeave",p="onPointerEnter",m="pointer"),d=null==l?s:So(l),f=null==c?s:So(c),(s=new u(h,m+"leave",l,n,o)).target=d,s.relatedTarget=f,h=null,vo(o)===r&&((u=new u(p,m+"enter",c,n,o)).target=f,u.relatedTarget=d,h=u),d=h,l&&c)e:{for(p=c,m=0,f=u=l;f;f=Wr(f))m++;for(f=0,h=p;h;h=Wr(h))f++;for(;0<m-f;)u=Wr(u),m--;for(;0<f-m;)p=Wr(p),f--;for(;m--;){if(u===p||null!==p&&u===p.alternate)break e;u=Wr(u),p=Wr(p)}u=null}else u=null;null!==l&&Kr(i,s,l,u,!1),null!==c&&null!==d&&Kr(i,d,c,u,!0)}if("select"===(l=(s=r?So(r):window).nodeName&&s.nodeName.toLowerCase())||"input"===l&&"file"===s.type)var g=Yn;else if(Hn(s))if(Zn)g=ir;else{g=or;var b=rr}else(l=s.nodeName)&&"input"===l.toLowerCase()&&("checkbox"===s.type||"radio"===s.type)&&(g=ar);switch(g&&(g=g(e,r))?Vn(i,g,n,o):(b&&b(e,s,r),"focusout"===e&&(b=s._wrapperState)&&b.controlled&&"number"===s.type&&ee(s,"number",s.value)),b=r?So(r):window,e){case"focusin":(Hn(b)||"true"===b.contentEditable)&&(gr=b,br=r,yr=null);break;case"focusout":yr=br=gr=null;break;case"mousedown":vr=!0;break;case"contextmenu":case"mouseup":case"dragend":vr=!1,wr(i,n,o);break;case"selectionchange":if(hr)break;case"keydown":case"keyup":wr(i,n,o)}var y;if(Rn)e:{switch(e){case"compositionstart":var v="onCompositionStart";break e;case"compositionend":v="onCompositionEnd";break e;case"compositionupdate":v="onCompositionUpdate";break e}v=void 0}else qn?Bn(e,n)&&(v="onCompositionEnd"):"keydown"===e&&229===n.keyCode&&(v="onCompositionStart");v&&(Mn&&"ko"!==n.locale&&(qn||"onCompositionStart"!==v?"onCompositionEnd"===v&&qn&&(y=en()):(Jt="value"in(Zt=o)?Zt.value:Zt.textContent,qn=!0)),0<(b=Gr(r,v)).length&&(v=new wn(v,e,null,n,o),i.push({event:v,listeners:b}),y?v.data=y:null!==(y=Un(n))&&(v.data=y))),(y=Dn?function(e,t){switch(e){case"compositionend":return Un(t);case"keypress":return 32!==t.which?null:(zn=!0,Fn);case"textInput":return(e=t.data)===Fn&&zn?null:e;default:return null}}(e,n):function(e,t){if(qn)return"compositionend"===e||!Rn&&Bn(e,t)?(e=en(),Xt=Jt=Zt=null,qn=!1,e):null;switch(e){case"paste":default:return null;case"keypress":if(!(t.ctrlKey||t.altKey||t.metaKey)||t.ctrlKey&&t.altKey){if(t.char&&1<t.char.length)return t.char;if(t.which)return String.fromCharCode(t.which)}return null;case"compositionend":return Mn&&"ko"!==t.locale?null:t.data}}(e,n))&&(0<(r=Gr(r,"onBeforeInput")).length&&(o=new wn("onBeforeInput","beforeinput",null,n,o),i.push({event:o,listeners:r}),o.data=y))}Fr(i,t)}))}function Vr(e,t,n){return{instance:e,listener:t,currentTarget:n}}function Gr(e,t){for(var n=t+"Capture",r=[];null!==e;){var o=e,a=o.stateNode;5===o.tag&&null!==a&&(o=a,null!=(a=Le(e,n))&&r.unshift(Vr(e,a,o)),null!=(a=Le(e,t))&&r.push(Vr(e,a,o))),e=e.return}return r}function Wr(e){if(null===e)return null;do{e=e.return}while(e&&5!==e.tag);return e||null}function Kr(e,t,n,r,o){for(var a=t._reactName,i=[];null!==n&&n!==r;){var s=n,l=s.alternate,c=s.stateNode;if(null!==l&&l===r)break;5===s.tag&&null!==c&&(s=c,o?null!=(l=Le(n,a))&&i.unshift(Vr(n,l,s)):o||null!=(l=Le(n,a))&&i.push(Vr(n,l,s))),n=n.return}0!==i.length&&e.push({event:t,listeners:i})}var Qr=/\r\n?/g,Yr=/\u0000|\uFFFD/g;function Zr(e){return("string"==typeof e?e:""+e).replace(Qr,"\n").replace(Yr,"")}function Jr(e,t,n){if(t=Zr(t),Zr(e)!==t&&n)throw Error(a(425))}function Xr(){}var eo=null,to=null;function no(e,t){return"textarea"===e||"noscript"===e||"string"==typeof t.children||"number"==typeof t.children||"object"==typeof t.dangerouslySetInnerHTML&&null!==t.dangerouslySetInnerHTML&&null!=t.dangerouslySetInnerHTML.__html}var ro="function"==typeof setTimeout?setTimeout:void 0,oo="function"==typeof clearTimeout?clearTimeout:void 0,ao="function"==typeof Promise?Promise:void 0,io="function"==typeof queueMicrotask?queueMicrotask:void 0!==ao?function(e){return ao.resolve(null).then(e).catch(so)}:ro;function so(e){setTimeout((function(){throw e}))}function lo(e,t){var n=t,r=0;do{var o=n.nextSibling;if(e.removeChild(n),o&&8===o.nodeType)if("/$"===(n=o.data)){if(0===r)return e.removeChild(o),void qt(t);r--}else"$"!==n&&"$?"!==n&&"$!"!==n||r++;n=o}while(n);qt(t)}function co(e){for(;null!=e;e=e.nextSibling){var t=e.nodeType;if(1===t||3===t)break;if(8===t){if("$"===(t=e.data)||"$!"===t||"$?"===t)break;if("/$"===t)return null}}return e}function uo(e){e=e.previousSibling;for(var t=0;e;){if(8===e.nodeType){var n=e.data;if("$"===n||"$!"===n||"$?"===n){if(0===t)return e;t--}else"/$"===n&&t++}e=e.previousSibling}return null}var po=Math.random().toString(36).slice(2),fo="__reactFiber$"+po,mo="__reactProps$"+po,ho="__reactContainer$"+po,go="__reactEvents$"+po,bo="__reactListeners$"+po,yo="__reactHandles$"+po;function vo(e){var t=e[fo];if(t)return t;for(var n=e.parentNode;n;){if(t=n[ho]||n[fo]){if(n=t.alternate,null!==t.child||null!==n&&null!==n.child)for(e=uo(e);null!==e;){if(n=e[fo])return n;e=uo(e)}return t}n=(e=n).parentNode}return null}function wo(e){return!(e=e[fo]||e[ho])||5!==e.tag&&6!==e.tag&&13!==e.tag&&3!==e.tag?null:e}function So(e){if(5===e.tag||6===e.tag)return e.stateNode;throw Error(a(33))}function xo(e){return e[mo]||null}var ko=[],jo=-1;function Eo(e){return{current:e}}function _o(e){0>jo||(e.current=ko[jo],ko[jo]=null,jo--)}function Co(e,t){jo++,ko[jo]=e.current,e.current=t}var Ao={},Oo=Eo(Ao),To=Eo(!1),Po=Ao;function Lo(e,t){var n=e.type.contextTypes;if(!n)return Ao;var r=e.stateNode;if(r&&r.__reactInternalMemoizedUnmaskedChildContext===t)return r.__reactInternalMemoizedMaskedChildContext;var o,a={};for(o in n)a[o]=t[o];return r&&((e=e.stateNode).__reactInternalMemoizedUnmaskedChildContext=t,e.__reactInternalMemoizedMaskedChildContext=a),a}function Io(e){return null!=(e=e.childContextTypes)}function Ro(){_o(To),_o(Oo)}function No(e,t,n){if(Oo.current!==Ao)throw Error(a(168));Co(Oo,t),Co(To,n)}function Do(e,t,n){var r=e.stateNode;if(t=t.childContextTypes,"function"!=typeof r.getChildContext)return n;for(var o in r=r.getChildContext())if(!(o in t))throw Error(a(108,$(e)||"Unknown",o));return M({},n,r)}function Mo(e){return e=(e=e.stateNode)&&e.__reactInternalMemoizedMergedChildContext||Ao,Po=Oo.current,Co(Oo,e),Co(To,To.current),!0}function Fo(e,t,n){var r=e.stateNode;if(!r)throw Error(a(169));n?(e=Do(e,t,Po),r.__reactInternalMemoizedMergedChildContext=e,_o(To),_o(Oo),Co(Oo,e)):_o(To),Co(To,n)}var zo=null,Bo=!1,Uo=!1;function qo(e){null===zo?zo=[e]:zo.push(e)}function $o(){if(!Uo&&null!==zo){Uo=!0;var e=0,t=vt;try{var n=zo;for(vt=1;e<n.length;e++){var r=n[e];do{r=r(!0)}while(null!==r)}zo=null,Bo=!1}catch(o){throw null!==zo&&(zo=zo.slice(e+1)),We(Xe,$o),o}finally{vt=t,Uo=!1}}return null}var Ho=[],Vo=0,Go=null,Wo=0,Ko=[],Qo=0,Yo=null,Zo=1,Jo="";function Xo(e,t){Ho[Vo++]=Wo,Ho[Vo++]=Go,Go=e,Wo=t}function ea(e,t,n){Ko[Qo++]=Zo,Ko[Qo++]=Jo,Ko[Qo++]=Yo,Yo=e;var r=Zo;e=Jo;var o=32-it(r)-1;r&=~(1<<o),n+=1;var a=32-it(t)+o;if(30<a){var i=o-o%5;a=(r&(1<<i)-1).toString(32),r>>=i,o-=i,Zo=1<<32-it(t)+o|n<<o|r,Jo=a+e}else Zo=1<<a|n<<o|r,Jo=e}function ta(e){null!==e.return&&(Xo(e,1),ea(e,1,0))}function na(e){for(;e===Go;)Go=Ho[--Vo],Ho[Vo]=null,Wo=Ho[--Vo],Ho[Vo]=null;for(;e===Yo;)Yo=Ko[--Qo],Ko[Qo]=null,Jo=Ko[--Qo],Ko[Qo]=null,Zo=Ko[--Qo],Ko[Qo]=null}var ra=null,oa=null,aa=!1,ia=null;function sa(e,t){var n=Pc(5,null,null,0);n.elementType="DELETED",n.stateNode=t,n.return=e,null===(t=e.deletions)?(e.deletions=[n],e.flags|=16):t.push(n)}function la(e,t){switch(e.tag){case 5:var n=e.type;return null!==(t=1!==t.nodeType||n.toLowerCase()!==t.nodeName.toLowerCase()?null:t)&&(e.stateNode=t,ra=e,oa=co(t.firstChild),!0);case 6:return null!==(t=""===e.pendingProps||3!==t.nodeType?null:t)&&(e.stateNode=t,ra=e,oa=null,!0);case 13:return null!==(t=8!==t.nodeType?null:t)&&(n=null!==Yo?{id:Zo,overflow:Jo}:null,e.memoizedState={dehydrated:t,treeContext:n,retryLane:1073741824},(n=Pc(18,null,null,0)).stateNode=t,n.return=e,e.child=n,ra=e,oa=null,!0);default:return!1}}function ca(e){return!(!(1&e.mode)||128&e.flags)}function ua(e){if(aa){var t=oa;if(t){var n=t;if(!la(e,t)){if(ca(e))throw Error(a(418));t=co(n.nextSibling);var r=ra;t&&la(e,t)?sa(r,n):(e.flags=-4097&e.flags|2,aa=!1,ra=e)}}else{if(ca(e))throw Error(a(418));e.flags=-4097&e.flags|2,aa=!1,ra=e}}}function da(e){for(e=e.return;null!==e&&5!==e.tag&&3!==e.tag&&13!==e.tag;)e=e.return;ra=e}function pa(e){if(e!==ra)return!1;if(!aa)return da(e),aa=!0,!1;var t;if((t=3!==e.tag)&&!(t=5!==e.tag)&&(t="head"!==(t=e.type)&&"body"!==t&&!no(e.type,e.memoizedProps)),t&&(t=oa)){if(ca(e))throw fa(),Error(a(418));for(;t;)sa(e,t),t=co(t.nextSibling)}if(da(e),13===e.tag){if(!(e=null!==(e=e.memoizedState)?e.dehydrated:null))throw Error(a(317));e:{for(e=e.nextSibling,t=0;e;){if(8===e.nodeType){var n=e.data;if("/$"===n){if(0===t){oa=co(e.nextSibling);break e}t--}else"$"!==n&&"$!"!==n&&"$?"!==n||t++}e=e.nextSibling}oa=null}}else oa=ra?co(e.stateNode.nextSibling):null;return!0}function fa(){for(var e=oa;e;)e=co(e.nextSibling)}function ma(){oa=ra=null,aa=!1}function ha(e){null===ia?ia=[e]:ia.push(e)}var ga=w.ReactCurrentBatchConfig;function ba(e,t,n){if(null!==(e=n.ref)&&"function"!=typeof e&&"object"!=typeof e){if(n._owner){if(n=n._owner){if(1!==n.tag)throw Error(a(309));var r=n.stateNode}if(!r)throw Error(a(147,e));var o=r,i=""+e;return null!==t&&null!==t.ref&&"function"==typeof t.ref&&t.ref._stringRef===i?t.ref:(t=function(e){var t=o.refs;null===e?delete t[i]:t[i]=e},t._stringRef=i,t)}if("string"!=typeof e)throw Error(a(284));if(!n._owner)throw Error(a(290,e))}return e}function ya(e,t){throw e=Object.prototype.toString.call(t),Error(a(31,"[object Object]"===e?"object with keys {"+Object.keys(t).join(", ")+"}":e))}function va(e){return(0,e._init)(e._payload)}function wa(e){function t(t,n){if(e){var r=t.deletions;null===r?(t.deletions=[n],t.flags|=16):r.push(n)}}function n(n,r){if(!e)return null;for(;null!==r;)t(n,r),r=r.sibling;return null}function r(e,t){for(e=new Map;null!==t;)null!==t.key?e.set(t.key,t):e.set(t.index,t),t=t.sibling;return e}function o(e,t){return(e=Ic(e,t)).index=0,e.sibling=null,e}function i(t,n,r){return t.index=r,e?null!==(r=t.alternate)?(r=r.index)<n?(t.flags|=2,n):r:(t.flags|=2,n):(t.flags|=1048576,n)}function s(t){return e&&null===t.alternate&&(t.flags|=2),t}function l(e,t,n,r){return null===t||6!==t.tag?((t=Mc(n,e.mode,r)).return=e,t):((t=o(t,n)).return=e,t)}function c(e,t,n,r){var a=n.type;return a===k?d(e,t,n.props.children,r,n.key):null!==t&&(t.elementType===a||"object"==typeof a&&null!==a&&a.$$typeof===L&&va(a)===t.type)?((r=o(t,n.props)).ref=ba(e,t,n),r.return=e,r):((r=Rc(n.type,n.key,n.props,null,e.mode,r)).ref=ba(e,t,n),r.return=e,r)}function u(e,t,n,r){return null===t||4!==t.tag||t.stateNode.containerInfo!==n.containerInfo||t.stateNode.implementation!==n.implementation?((t=Fc(n,e.mode,r)).return=e,t):((t=o(t,n.children||[])).return=e,t)}function d(e,t,n,r,a){return null===t||7!==t.tag?((t=Nc(n,e.mode,r,a)).return=e,t):((t=o(t,n)).return=e,t)}function p(e,t,n){if("string"==typeof t&&""!==t||"number"==typeof t)return(t=Mc(""+t,e.mode,n)).return=e,t;if("object"==typeof t&&null!==t){switch(t.$$typeof){case S:return(n=Rc(t.type,t.key,t.props,null,e.mode,n)).ref=ba(e,null,t),n.return=e,n;case x:return(t=Fc(t,e.mode,n)).return=e,t;case L:return p(e,(0,t._init)(t._payload),n)}if(te(t)||N(t))return(t=Nc(t,e.mode,n,null)).return=e,t;ya(e,t)}return null}function f(e,t,n,r){var o=null!==t?t.key:null;if("string"==typeof n&&""!==n||"number"==typeof n)return null!==o?null:l(e,t,""+n,r);if("object"==typeof n&&null!==n){switch(n.$$typeof){case S:return n.key===o?c(e,t,n,r):null;case x:return n.key===o?u(e,t,n,r):null;case L:return f(e,t,(o=n._init)(n._payload),r)}if(te(n)||N(n))return null!==o?null:d(e,t,n,r,null);ya(e,n)}return null}function m(e,t,n,r,o){if("string"==typeof r&&""!==r||"number"==typeof r)return l(t,e=e.get(n)||null,""+r,o);if("object"==typeof r&&null!==r){switch(r.$$typeof){case S:return c(t,e=e.get(null===r.key?n:r.key)||null,r,o);case x:return u(t,e=e.get(null===r.key?n:r.key)||null,r,o);case L:return m(e,t,n,(0,r._init)(r._payload),o)}if(te(r)||N(r))return d(t,e=e.get(n)||null,r,o,null);ya(t,r)}return null}function h(o,a,s,l){for(var c=null,u=null,d=a,h=a=0,g=null;null!==d&&h<s.length;h++){d.index>h?(g=d,d=null):g=d.sibling;var b=f(o,d,s[h],l);if(null===b){null===d&&(d=g);break}e&&d&&null===b.alternate&&t(o,d),a=i(b,a,h),null===u?c=b:u.sibling=b,u=b,d=g}if(h===s.length)return n(o,d),aa&&Xo(o,h),c;if(null===d){for(;h<s.length;h++)null!==(d=p(o,s[h],l))&&(a=i(d,a,h),null===u?c=d:u.sibling=d,u=d);return aa&&Xo(o,h),c}for(d=r(o,d);h<s.length;h++)null!==(g=m(d,o,h,s[h],l))&&(e&&null!==g.alternate&&d.delete(null===g.key?h:g.key),a=i(g,a,h),null===u?c=g:u.sibling=g,u=g);return e&&d.forEach((function(e){return t(o,e)})),aa&&Xo(o,h),c}function g(o,s,l,c){var u=N(l);if("function"!=typeof u)throw Error(a(150));if(null==(l=u.call(l)))throw Error(a(151));for(var d=u=null,h=s,g=s=0,b=null,y=l.next();null!==h&&!y.done;g++,y=l.next()){h.index>g?(b=h,h=null):b=h.sibling;var v=f(o,h,y.value,c);if(null===v){null===h&&(h=b);break}e&&h&&null===v.alternate&&t(o,h),s=i(v,s,g),null===d?u=v:d.sibling=v,d=v,h=b}if(y.done)return n(o,h),aa&&Xo(o,g),u;if(null===h){for(;!y.done;g++,y=l.next())null!==(y=p(o,y.value,c))&&(s=i(y,s,g),null===d?u=y:d.sibling=y,d=y);return aa&&Xo(o,g),u}for(h=r(o,h);!y.done;g++,y=l.next())null!==(y=m(h,o,g,y.value,c))&&(e&&null!==y.alternate&&h.delete(null===y.key?g:y.key),s=i(y,s,g),null===d?u=y:d.sibling=y,d=y);return e&&h.forEach((function(e){return t(o,e)})),aa&&Xo(o,g),u}return function e(r,a,i,l){if("object"==typeof i&&null!==i&&i.type===k&&null===i.key&&(i=i.props.children),"object"==typeof i&&null!==i){switch(i.$$typeof){case S:e:{for(var c=i.key,u=a;null!==u;){if(u.key===c){if((c=i.type)===k){if(7===u.tag){n(r,u.sibling),(a=o(u,i.props.children)).return=r,r=a;break e}}else if(u.elementType===c||"object"==typeof c&&null!==c&&c.$$typeof===L&&va(c)===u.type){n(r,u.sibling),(a=o(u,i.props)).ref=ba(r,u,i),a.return=r,r=a;break e}n(r,u);break}t(r,u),u=u.sibling}i.type===k?((a=Nc(i.props.children,r.mode,l,i.key)).return=r,r=a):((l=Rc(i.type,i.key,i.props,null,r.mode,l)).ref=ba(r,a,i),l.return=r,r=l)}return s(r);case x:e:{for(u=i.key;null!==a;){if(a.key===u){if(4===a.tag&&a.stateNode.containerInfo===i.containerInfo&&a.stateNode.implementation===i.implementation){n(r,a.sibling),(a=o(a,i.children||[])).return=r,r=a;break e}n(r,a);break}t(r,a),a=a.sibling}(a=Fc(i,r.mode,l)).return=r,r=a}return s(r);case L:return e(r,a,(u=i._init)(i._payload),l)}if(te(i))return h(r,a,i,l);if(N(i))return g(r,a,i,l);ya(r,i)}return"string"==typeof i&&""!==i||"number"==typeof i?(i=""+i,null!==a&&6===a.tag?(n(r,a.sibling),(a=o(a,i)).return=r,r=a):(n(r,a),(a=Mc(i,r.mode,l)).return=r,r=a),s(r)):n(r,a)}}var Sa=wa(!0),xa=wa(!1),ka=Eo(null),ja=null,Ea=null,_a=null;function Ca(){_a=Ea=ja=null}function Aa(e){var t=ka.current;_o(ka),e._currentValue=t}function Oa(e,t,n){for(;null!==e;){var r=e.alternate;if((e.childLanes&t)!==t?(e.childLanes|=t,null!==r&&(r.childLanes|=t)):null!==r&&(r.childLanes&t)!==t&&(r.childLanes|=t),e===n)break;e=e.return}}function Ta(e,t){ja=e,_a=Ea=null,null!==(e=e.dependencies)&&null!==e.firstContext&&(!!(e.lanes&t)&&(vs=!0),e.firstContext=null)}function Pa(e){var t=e._currentValue;if(_a!==e)if(e={context:e,memoizedValue:t,next:null},null===Ea){if(null===ja)throw Error(a(308));Ea=e,ja.dependencies={lanes:0,firstContext:e}}else Ea=Ea.next=e;return t}var La=null;function Ia(e){null===La?La=[e]:La.push(e)}function Ra(e,t,n,r){var o=t.interleaved;return null===o?(n.next=n,Ia(t)):(n.next=o.next,o.next=n),t.interleaved=n,Na(e,r)}function Na(e,t){e.lanes|=t;var n=e.alternate;for(null!==n&&(n.lanes|=t),n=e,e=e.return;null!==e;)e.childLanes|=t,null!==(n=e.alternate)&&(n.childLanes|=t),n=e,e=e.return;return 3===n.tag?n.stateNode:null}var Da=!1;function Ma(e){e.updateQueue={baseState:e.memoizedState,firstBaseUpdate:null,lastBaseUpdate:null,shared:{pending:null,interleaved:null,lanes:0},effects:null}}function Fa(e,t){e=e.updateQueue,t.updateQueue===e&&(t.updateQueue={baseState:e.baseState,firstBaseUpdate:e.firstBaseUpdate,lastBaseUpdate:e.lastBaseUpdate,shared:e.shared,effects:e.effects})}function za(e,t){return{eventTime:e,lane:t,tag:0,payload:null,callback:null,next:null}}function Ba(e,t,n){var r=e.updateQueue;if(null===r)return null;if(r=r.shared,2&Al){var o=r.pending;return null===o?t.next=t:(t.next=o.next,o.next=t),r.pending=t,Na(e,n)}return null===(o=r.interleaved)?(t.next=t,Ia(r)):(t.next=o.next,o.next=t),r.interleaved=t,Na(e,n)}function Ua(e,t,n){if(null!==(t=t.updateQueue)&&(t=t.shared,4194240&n)){var r=t.lanes;n|=r&=e.pendingLanes,t.lanes=n,yt(e,n)}}function qa(e,t){var n=e.updateQueue,r=e.alternate;if(null!==r&&n===(r=r.updateQueue)){var o=null,a=null;if(null!==(n=n.firstBaseUpdate)){do{var i={eventTime:n.eventTime,lane:n.lane,tag:n.tag,payload:n.payload,callback:n.callback,next:null};null===a?o=a=i:a=a.next=i,n=n.next}while(null!==n);null===a?o=a=t:a=a.next=t}else o=a=t;return n={baseState:r.baseState,firstBaseUpdate:o,lastBaseUpdate:a,shared:r.shared,effects:r.effects},void(e.updateQueue=n)}null===(e=n.lastBaseUpdate)?n.firstBaseUpdate=t:e.next=t,n.lastBaseUpdate=t}function $a(e,t,n,r){var o=e.updateQueue;Da=!1;var a=o.firstBaseUpdate,i=o.lastBaseUpdate,s=o.shared.pending;if(null!==s){o.shared.pending=null;var l=s,c=l.next;l.next=null,null===i?a=c:i.next=c,i=l;var u=e.alternate;null!==u&&((s=(u=u.updateQueue).lastBaseUpdate)!==i&&(null===s?u.firstBaseUpdate=c:s.next=c,u.lastBaseUpdate=l))}if(null!==a){var d=o.baseState;for(i=0,u=c=l=null,s=a;;){var p=s.lane,f=s.eventTime;if((r&p)===p){null!==u&&(u=u.next={eventTime:f,lane:0,tag:s.tag,payload:s.payload,callback:s.callback,next:null});e:{var m=e,h=s;switch(p=t,f=n,h.tag){case 1:if("function"==typeof(m=h.payload)){d=m.call(f,d,p);break e}d=m;break e;case 3:m.flags=-65537&m.flags|128;case 0:if(null==(p="function"==typeof(m=h.payload)?m.call(f,d,p):m))break e;d=M({},d,p);break e;case 2:Da=!0}}null!==s.callback&&0!==s.lane&&(e.flags|=64,null===(p=o.effects)?o.effects=[s]:p.push(s))}else f={eventTime:f,lane:p,tag:s.tag,payload:s.payload,callback:s.callback,next:null},null===u?(c=u=f,l=d):u=u.next=f,i|=p;if(null===(s=s.next)){if(null===(s=o.shared.pending))break;s=(p=s).next,p.next=null,o.lastBaseUpdate=p,o.shared.pending=null}}if(null===u&&(l=d),o.baseState=l,o.firstBaseUpdate=c,o.lastBaseUpdate=u,null!==(t=o.shared.interleaved)){o=t;do{i|=o.lane,o=o.next}while(o!==t)}else null===a&&(o.shared.lanes=0);Dl|=i,e.lanes=i,e.memoizedState=d}}function Ha(e,t,n){if(e=t.effects,t.effects=null,null!==e)for(t=0;t<e.length;t++){var r=e[t],o=r.callback;if(null!==o){if(r.callback=null,r=n,"function"!=typeof o)throw Error(a(191,o));o.call(r)}}}var Va={},Ga=Eo(Va),Wa=Eo(Va),Ka=Eo(Va);function Qa(e){if(e===Va)throw Error(a(174));return e}function Ya(e,t){switch(Co(Ka,t),Co(Wa,e),Co(Ga,Va),e=t.nodeType){case 9:case 11:t=(t=t.documentElement)?t.namespaceURI:le(null,"");break;default:t=le(t=(e=8===e?t.parentNode:t).namespaceURI||null,e=e.tagName)}_o(Ga),Co(Ga,t)}function Za(){_o(Ga),_o(Wa),_o(Ka)}function Ja(e){Qa(Ka.current);var t=Qa(Ga.current),n=le(t,e.type);t!==n&&(Co(Wa,e),Co(Ga,n))}function Xa(e){Wa.current===e&&(_o(Ga),_o(Wa))}var ei=Eo(0);function ti(e){for(var t=e;null!==t;){if(13===t.tag){var n=t.memoizedState;if(null!==n&&(null===(n=n.dehydrated)||"$?"===n.data||"$!"===n.data))return t}else if(19===t.tag&&void 0!==t.memoizedProps.revealOrder){if(128&t.flags)return t}else if(null!==t.child){t.child.return=t,t=t.child;continue}if(t===e)break;for(;null===t.sibling;){if(null===t.return||t.return===e)return null;t=t.return}t.sibling.return=t.return,t=t.sibling}return null}var ni=[];function ri(){for(var e=0;e<ni.length;e++)ni[e]._workInProgressVersionPrimary=null;ni.length=0}var oi=w.ReactCurrentDispatcher,ai=w.ReactCurrentBatchConfig,ii=0,si=null,li=null,ci=null,ui=!1,di=!1,pi=0,fi=0;function mi(){throw Error(a(321))}function hi(e,t){if(null===t)return!1;for(var n=0;n<t.length&&n<e.length;n++)if(!sr(e[n],t[n]))return!1;return!0}function gi(e,t,n,r,o,i){if(ii=i,si=t,t.memoizedState=null,t.updateQueue=null,t.lanes=0,oi.current=null===e||null===e.memoizedState?Xi:es,e=n(r,o),di){i=0;do{if(di=!1,pi=0,25<=i)throw Error(a(301));i+=1,ci=li=null,t.updateQueue=null,oi.current=ts,e=n(r,o)}while(di)}if(oi.current=Ji,t=null!==li&&null!==li.next,ii=0,ci=li=si=null,ui=!1,t)throw Error(a(300));return e}function bi(){var e=0!==pi;return pi=0,e}function yi(){var e={memoizedState:null,baseState:null,baseQueue:null,queue:null,next:null};return null===ci?si.memoizedState=ci=e:ci=ci.next=e,ci}function vi(){if(null===li){var e=si.alternate;e=null!==e?e.memoizedState:null}else e=li.next;var t=null===ci?si.memoizedState:ci.next;if(null!==t)ci=t,li=e;else{if(null===e)throw Error(a(310));e={memoizedState:(li=e).memoizedState,baseState:li.baseState,baseQueue:li.baseQueue,queue:li.queue,next:null},null===ci?si.memoizedState=ci=e:ci=ci.next=e}return ci}function wi(e,t){return"function"==typeof t?t(e):t}function Si(e){var t=vi(),n=t.queue;if(null===n)throw Error(a(311));n.lastRenderedReducer=e;var r=li,o=r.baseQueue,i=n.pending;if(null!==i){if(null!==o){var s=o.next;o.next=i.next,i.next=s}r.baseQueue=o=i,n.pending=null}if(null!==o){i=o.next,r=r.baseState;var l=s=null,c=null,u=i;do{var d=u.lane;if((ii&d)===d)null!==c&&(c=c.next={lane:0,action:u.action,hasEagerState:u.hasEagerState,eagerState:u.eagerState,next:null}),r=u.hasEagerState?u.eagerState:e(r,u.action);else{var p={lane:d,action:u.action,hasEagerState:u.hasEagerState,eagerState:u.eagerState,next:null};null===c?(l=c=p,s=r):c=c.next=p,si.lanes|=d,Dl|=d}u=u.next}while(null!==u&&u!==i);null===c?s=r:c.next=l,sr(r,t.memoizedState)||(vs=!0),t.memoizedState=r,t.baseState=s,t.baseQueue=c,n.lastRenderedState=r}if(null!==(e=n.interleaved)){o=e;do{i=o.lane,si.lanes|=i,Dl|=i,o=o.next}while(o!==e)}else null===o&&(n.lanes=0);return[t.memoizedState,n.dispatch]}function xi(e){var t=vi(),n=t.queue;if(null===n)throw Error(a(311));n.lastRenderedReducer=e;var r=n.dispatch,o=n.pending,i=t.memoizedState;if(null!==o){n.pending=null;var s=o=o.next;do{i=e(i,s.action),s=s.next}while(s!==o);sr(i,t.memoizedState)||(vs=!0),t.memoizedState=i,null===t.baseQueue&&(t.baseState=i),n.lastRenderedState=i}return[i,r]}function ki(){}function ji(e,t){var n=si,r=vi(),o=t(),i=!sr(r.memoizedState,o);if(i&&(r.memoizedState=o,vs=!0),r=r.queue,Di(Ci.bind(null,n,r,e),[e]),r.getSnapshot!==t||i||null!==ci&&1&ci.memoizedState.tag){if(n.flags|=2048,Pi(9,_i.bind(null,n,r,o,t),void 0,null),null===Ol)throw Error(a(349));30&ii||Ei(n,t,o)}return o}function Ei(e,t,n){e.flags|=16384,e={getSnapshot:t,value:n},null===(t=si.updateQueue)?(t={lastEffect:null,stores:null},si.updateQueue=t,t.stores=[e]):null===(n=t.stores)?t.stores=[e]:n.push(e)}function _i(e,t,n,r){t.value=n,t.getSnapshot=r,Ai(t)&&Oi(e)}function Ci(e,t,n){return n((function(){Ai(t)&&Oi(e)}))}function Ai(e){var t=e.getSnapshot;e=e.value;try{var n=t();return!sr(e,n)}catch(r){return!0}}function Oi(e){var t=Na(e,1);null!==t&&nc(t,e,1,-1)}function Ti(e){var t=yi();return"function"==typeof e&&(e=e()),t.memoizedState=t.baseState=e,e={pending:null,interleaved:null,lanes:0,dispatch:null,lastRenderedReducer:wi,lastRenderedState:e},t.queue=e,e=e.dispatch=Ki.bind(null,si,e),[t.memoizedState,e]}function Pi(e,t,n,r){return e={tag:e,create:t,destroy:n,deps:r,next:null},null===(t=si.updateQueue)?(t={lastEffect:null,stores:null},si.updateQueue=t,t.lastEffect=e.next=e):null===(n=t.lastEffect)?t.lastEffect=e.next=e:(r=n.next,n.next=e,e.next=r,t.lastEffect=e),e}function Li(){return vi().memoizedState}function Ii(e,t,n,r){var o=yi();si.flags|=e,o.memoizedState=Pi(1|t,n,void 0,void 0===r?null:r)}function Ri(e,t,n,r){var o=vi();r=void 0===r?null:r;var a=void 0;if(null!==li){var i=li.memoizedState;if(a=i.destroy,null!==r&&hi(r,i.deps))return void(o.memoizedState=Pi(t,n,a,r))}si.flags|=e,o.memoizedState=Pi(1|t,n,a,r)}function Ni(e,t){return Ii(8390656,8,e,t)}function Di(e,t){return Ri(2048,8,e,t)}function Mi(e,t){return Ri(4,2,e,t)}function Fi(e,t){return Ri(4,4,e,t)}function zi(e,t){return"function"==typeof t?(e=e(),t(e),function(){t(null)}):null!=t?(e=e(),t.current=e,function(){t.current=null}):void 0}function Bi(e,t,n){return n=null!=n?n.concat([e]):null,Ri(4,4,zi.bind(null,t,e),n)}function Ui(){}function qi(e,t){var n=vi();t=void 0===t?null:t;var r=n.memoizedState;return null!==r&&null!==t&&hi(t,r[1])?r[0]:(n.memoizedState=[e,t],e)}function $i(e,t){var n=vi();t=void 0===t?null:t;var r=n.memoizedState;return null!==r&&null!==t&&hi(t,r[1])?r[0]:(e=e(),n.memoizedState=[e,t],e)}function Hi(e,t,n){return 21&ii?(sr(n,t)||(n=ht(),si.lanes|=n,Dl|=n,e.baseState=!0),t):(e.baseState&&(e.baseState=!1,vs=!0),e.memoizedState=n)}function Vi(e,t){var n=vt;vt=0!==n&&4>n?n:4,e(!0);var r=ai.transition;ai.transition={};try{e(!1),t()}finally{vt=n,ai.transition=r}}function Gi(){return vi().memoizedState}function Wi(e,t,n){var r=tc(e);if(n={lane:r,action:n,hasEagerState:!1,eagerState:null,next:null},Qi(e))Yi(t,n);else if(null!==(n=Ra(e,t,n,r))){nc(n,e,r,ec()),Zi(n,t,r)}}function Ki(e,t,n){var r=tc(e),o={lane:r,action:n,hasEagerState:!1,eagerState:null,next:null};if(Qi(e))Yi(t,o);else{var a=e.alternate;if(0===e.lanes&&(null===a||0===a.lanes)&&null!==(a=t.lastRenderedReducer))try{var i=t.lastRenderedState,s=a(i,n);if(o.hasEagerState=!0,o.eagerState=s,sr(s,i)){var l=t.interleaved;return null===l?(o.next=o,Ia(t)):(o.next=l.next,l.next=o),void(t.interleaved=o)}}catch(c){}null!==(n=Ra(e,t,o,r))&&(nc(n,e,r,o=ec()),Zi(n,t,r))}}function Qi(e){var t=e.alternate;return e===si||null!==t&&t===si}function Yi(e,t){di=ui=!0;var n=e.pending;null===n?t.next=t:(t.next=n.next,n.next=t),e.pending=t}function Zi(e,t,n){if(4194240&n){var r=t.lanes;n|=r&=e.pendingLanes,t.lanes=n,yt(e,n)}}var Ji={readContext:Pa,useCallback:mi,useContext:mi,useEffect:mi,useImperativeHandle:mi,useInsertionEffect:mi,useLayoutEffect:mi,useMemo:mi,useReducer:mi,useRef:mi,useState:mi,useDebugValue:mi,useDeferredValue:mi,useTransition:mi,useMutableSource:mi,useSyncExternalStore:mi,useId:mi,unstable_isNewReconciler:!1},Xi={readContext:Pa,useCallback:function(e,t){return yi().memoizedState=[e,void 0===t?null:t],e},useContext:Pa,useEffect:Ni,useImperativeHandle:function(e,t,n){return n=null!=n?n.concat([e]):null,Ii(4194308,4,zi.bind(null,t,e),n)},useLayoutEffect:function(e,t){return Ii(4194308,4,e,t)},useInsertionEffect:function(e,t){return Ii(4,2,e,t)},useMemo:function(e,t){var n=yi();return t=void 0===t?null:t,e=e(),n.memoizedState=[e,t],e},useReducer:function(e,t,n){var r=yi();return t=void 0!==n?n(t):t,r.memoizedState=r.baseState=t,e={pending:null,interleaved:null,lanes:0,dispatch:null,lastRenderedReducer:e,lastRenderedState:t},r.queue=e,e=e.dispatch=Wi.bind(null,si,e),[r.memoizedState,e]},useRef:function(e){return e={current:e},yi().memoizedState=e},useState:Ti,useDebugValue:Ui,useDeferredValue:function(e){return yi().memoizedState=e},useTransition:function(){var e=Ti(!1),t=e[0];return e=Vi.bind(null,e[1]),yi().memoizedState=e,[t,e]},useMutableSource:function(){},useSyncExternalStore:function(e,t,n){var r=si,o=yi();if(aa){if(void 0===n)throw Error(a(407));n=n()}else{if(n=t(),null===Ol)throw Error(a(349));30&ii||Ei(r,t,n)}o.memoizedState=n;var i={value:n,getSnapshot:t};return o.queue=i,Ni(Ci.bind(null,r,i,e),[e]),r.flags|=2048,Pi(9,_i.bind(null,r,i,n,t),void 0,null),n},useId:function(){var e=yi(),t=Ol.identifierPrefix;if(aa){var n=Jo;t=":"+t+"R"+(n=(Zo&~(1<<32-it(Zo)-1)).toString(32)+n),0<(n=pi++)&&(t+="H"+n.toString(32)),t+=":"}else t=":"+t+"r"+(n=fi++).toString(32)+":";return e.memoizedState=t},unstable_isNewReconciler:!1},es={readContext:Pa,useCallback:qi,useContext:Pa,useEffect:Di,useImperativeHandle:Bi,useInsertionEffect:Mi,useLayoutEffect:Fi,useMemo:$i,useReducer:Si,useRef:Li,useState:function(){return Si(wi)},useDebugValue:Ui,useDeferredValue:function(e){return Hi(vi(),li.memoizedState,e)},useTransition:function(){return[Si(wi)[0],vi().memoizedState]},useMutableSource:ki,useSyncExternalStore:ji,useId:Gi,unstable_isNewReconciler:!1},ts={readContext:Pa,useCallback:qi,useContext:Pa,useEffect:Di,useImperativeHandle:Bi,useInsertionEffect:Mi,useLayoutEffect:Fi,useMemo:$i,useReducer:xi,useRef:Li,useState:function(){return xi(wi)},useDebugValue:Ui,useDeferredValue:function(e){var t=vi();return null===li?t.memoizedState=e:Hi(t,li.memoizedState,e)},useTransition:function(){return[xi(wi)[0],vi().memoizedState]},useMutableSource:ki,useSyncExternalStore:ji,useId:Gi,unstable_isNewReconciler:!1};function ns(e,t){if(e&&e.defaultProps){for(var n in t=M({},t),e=e.defaultProps)void 0===t[n]&&(t[n]=e[n]);return t}return t}function rs(e,t,n,r){n=null==(n=n(r,t=e.memoizedState))?t:M({},t,n),e.memoizedState=n,0===e.lanes&&(e.updateQueue.baseState=n)}var os={isMounted:function(e){return!!(e=e._reactInternals)&&qe(e)===e},enqueueSetState:function(e,t,n){e=e._reactInternals;var r=ec(),o=tc(e),a=za(r,o);a.payload=t,null!=n&&(a.callback=n),null!==(t=Ba(e,a,o))&&(nc(t,e,o,r),Ua(t,e,o))},enqueueReplaceState:function(e,t,n){e=e._reactInternals;var r=ec(),o=tc(e),a=za(r,o);a.tag=1,a.payload=t,null!=n&&(a.callback=n),null!==(t=Ba(e,a,o))&&(nc(t,e,o,r),Ua(t,e,o))},enqueueForceUpdate:function(e,t){e=e._reactInternals;var n=ec(),r=tc(e),o=za(n,r);o.tag=2,null!=t&&(o.callback=t),null!==(t=Ba(e,o,r))&&(nc(t,e,r,n),Ua(t,e,r))}};function as(e,t,n,r,o,a,i){return"function"==typeof(e=e.stateNode).shouldComponentUpdate?e.shouldComponentUpdate(r,a,i):!t.prototype||!t.prototype.isPureReactComponent||(!lr(n,r)||!lr(o,a))}function is(e,t,n){var r=!1,o=Ao,a=t.contextType;return"object"==typeof a&&null!==a?a=Pa(a):(o=Io(t)?Po:Oo.current,a=(r=null!=(r=t.contextTypes))?Lo(e,o):Ao),t=new t(n,a),e.memoizedState=null!==t.state&&void 0!==t.state?t.state:null,t.updater=os,e.stateNode=t,t._reactInternals=e,r&&((e=e.stateNode).__reactInternalMemoizedUnmaskedChildContext=o,e.__reactInternalMemoizedMaskedChildContext=a),t}function ss(e,t,n,r){e=t.state,"function"==typeof t.componentWillReceiveProps&&t.componentWillReceiveProps(n,r),"function"==typeof t.UNSAFE_componentWillReceiveProps&&t.UNSAFE_componentWillReceiveProps(n,r),t.state!==e&&os.enqueueReplaceState(t,t.state,null)}function ls(e,t,n,r){var o=e.stateNode;o.props=n,o.state=e.memoizedState,o.refs={},Ma(e);var a=t.contextType;"object"==typeof a&&null!==a?o.context=Pa(a):(a=Io(t)?Po:Oo.current,o.context=Lo(e,a)),o.state=e.memoizedState,"function"==typeof(a=t.getDerivedStateFromProps)&&(rs(e,t,a,n),o.state=e.memoizedState),"function"==typeof t.getDerivedStateFromProps||"function"==typeof o.getSnapshotBeforeUpdate||"function"!=typeof o.UNSAFE_componentWillMount&&"function"!=typeof o.componentWillMount||(t=o.state,"function"==typeof o.componentWillMount&&o.componentWillMount(),"function"==typeof o.UNSAFE_componentWillMount&&o.UNSAFE_componentWillMount(),t!==o.state&&os.enqueueReplaceState(o,o.state,null),$a(e,n,o,r),o.state=e.memoizedState),"function"==typeof o.componentDidMount&&(e.flags|=4194308)}function cs(e,t){try{var n="",r=t;do{n+=U(r),r=r.return}while(r);var o=n}catch(a){o="\nError generating stack: "+a.message+"\n"+a.stack}return{value:e,source:t,stack:o,digest:null}}function us(e,t,n){return{value:e,source:null,stack:null!=n?n:null,digest:null!=t?t:null}}function ds(e,t){try{console.error(t.value)}catch(n){setTimeout((function(){throw n}))}}var ps="function"==typeof WeakMap?WeakMap:Map;function fs(e,t,n){(n=za(-1,n)).tag=3,n.payload={element:null};var r=t.value;return n.callback=function(){Hl||(Hl=!0,Vl=r),ds(0,t)},n}function ms(e,t,n){(n=za(-1,n)).tag=3;var r=e.type.getDerivedStateFromError;if("function"==typeof r){var o=t.value;n.payload=function(){return r(o)},n.callback=function(){ds(0,t)}}var a=e.stateNode;return null!==a&&"function"==typeof a.componentDidCatch&&(n.callback=function(){ds(0,t),"function"!=typeof r&&(null===Gl?Gl=new Set([this]):Gl.add(this));var e=t.stack;this.componentDidCatch(t.value,{componentStack:null!==e?e:""})}),n}function hs(e,t,n){var r=e.pingCache;if(null===r){r=e.pingCache=new ps;var o=new Set;r.set(t,o)}else void 0===(o=r.get(t))&&(o=new Set,r.set(t,o));o.has(n)||(o.add(n),e=Ec.bind(null,e,t,n),t.then(e,e))}function gs(e){do{var t;if((t=13===e.tag)&&(t=null===(t=e.memoizedState)||null!==t.dehydrated),t)return e;e=e.return}while(null!==e);return null}function bs(e,t,n,r,o){return 1&e.mode?(e.flags|=65536,e.lanes=o,e):(e===t?e.flags|=65536:(e.flags|=128,n.flags|=131072,n.flags&=-52805,1===n.tag&&(null===n.alternate?n.tag=17:((t=za(-1,1)).tag=2,Ba(n,t,1))),n.lanes|=1),e)}var ys=w.ReactCurrentOwner,vs=!1;function ws(e,t,n,r){t.child=null===e?xa(t,null,n,r):Sa(t,e.child,n,r)}function Ss(e,t,n,r,o){n=n.render;var a=t.ref;return Ta(t,o),r=gi(e,t,n,r,a,o),n=bi(),null===e||vs?(aa&&n&&ta(t),t.flags|=1,ws(e,t,r,o),t.child):(t.updateQueue=e.updateQueue,t.flags&=-2053,e.lanes&=~o,Hs(e,t,o))}function xs(e,t,n,r,o){if(null===e){var a=n.type;return"function"!=typeof a||Lc(a)||void 0!==a.defaultProps||null!==n.compare||void 0!==n.defaultProps?((e=Rc(n.type,null,r,t,t.mode,o)).ref=t.ref,e.return=t,t.child=e):(t.tag=15,t.type=a,ks(e,t,a,r,o))}if(a=e.child,!(e.lanes&o)){var i=a.memoizedProps;if((n=null!==(n=n.compare)?n:lr)(i,r)&&e.ref===t.ref)return Hs(e,t,o)}return t.flags|=1,(e=Ic(a,r)).ref=t.ref,e.return=t,t.child=e}function ks(e,t,n,r,o){if(null!==e){var a=e.memoizedProps;if(lr(a,r)&&e.ref===t.ref){if(vs=!1,t.pendingProps=r=a,!(e.lanes&o))return t.lanes=e.lanes,Hs(e,t,o);131072&e.flags&&(vs=!0)}}return _s(e,t,n,r,o)}function js(e,t,n){var r=t.pendingProps,o=r.children,a=null!==e?e.memoizedState:null;if("hidden"===r.mode)if(1&t.mode){if(!(1073741824&n))return e=null!==a?a.baseLanes|n:n,t.lanes=t.childLanes=1073741824,t.memoizedState={baseLanes:e,cachePool:null,transitions:null},t.updateQueue=null,Co(Il,Ll),Ll|=e,null;t.memoizedState={baseLanes:0,cachePool:null,transitions:null},r=null!==a?a.baseLanes:n,Co(Il,Ll),Ll|=r}else t.memoizedState={baseLanes:0,cachePool:null,transitions:null},Co(Il,Ll),Ll|=n;else null!==a?(r=a.baseLanes|n,t.memoizedState=null):r=n,Co(Il,Ll),Ll|=r;return ws(e,t,o,n),t.child}function Es(e,t){var n=t.ref;(null===e&&null!==n||null!==e&&e.ref!==n)&&(t.flags|=512,t.flags|=2097152)}function _s(e,t,n,r,o){var a=Io(n)?Po:Oo.current;return a=Lo(t,a),Ta(t,o),n=gi(e,t,n,r,a,o),r=bi(),null===e||vs?(aa&&r&&ta(t),t.flags|=1,ws(e,t,n,o),t.child):(t.updateQueue=e.updateQueue,t.flags&=-2053,e.lanes&=~o,Hs(e,t,o))}function Cs(e,t,n,r,o){if(Io(n)){var a=!0;Mo(t)}else a=!1;if(Ta(t,o),null===t.stateNode)$s(e,t),is(t,n,r),ls(t,n,r,o),r=!0;else if(null===e){var i=t.stateNode,s=t.memoizedProps;i.props=s;var l=i.context,c=n.contextType;"object"==typeof c&&null!==c?c=Pa(c):c=Lo(t,c=Io(n)?Po:Oo.current);var u=n.getDerivedStateFromProps,d="function"==typeof u||"function"==typeof i.getSnapshotBeforeUpdate;d||"function"!=typeof i.UNSAFE_componentWillReceiveProps&&"function"!=typeof i.componentWillReceiveProps||(s!==r||l!==c)&&ss(t,i,r,c),Da=!1;var p=t.memoizedState;i.state=p,$a(t,r,i,o),l=t.memoizedState,s!==r||p!==l||To.current||Da?("function"==typeof u&&(rs(t,n,u,r),l=t.memoizedState),(s=Da||as(t,n,s,r,p,l,c))?(d||"function"!=typeof i.UNSAFE_componentWillMount&&"function"!=typeof i.componentWillMount||("function"==typeof i.componentWillMount&&i.componentWillMount(),"function"==typeof i.UNSAFE_componentWillMount&&i.UNSAFE_componentWillMount()),"function"==typeof i.componentDidMount&&(t.flags|=4194308)):("function"==typeof i.componentDidMount&&(t.flags|=4194308),t.memoizedProps=r,t.memoizedState=l),i.props=r,i.state=l,i.context=c,r=s):("function"==typeof i.componentDidMount&&(t.flags|=4194308),r=!1)}else{i=t.stateNode,Fa(e,t),s=t.memoizedProps,c=t.type===t.elementType?s:ns(t.type,s),i.props=c,d=t.pendingProps,p=i.context,"object"==typeof(l=n.contextType)&&null!==l?l=Pa(l):l=Lo(t,l=Io(n)?Po:Oo.current);var f=n.getDerivedStateFromProps;(u="function"==typeof f||"function"==typeof i.getSnapshotBeforeUpdate)||"function"!=typeof i.UNSAFE_componentWillReceiveProps&&"function"!=typeof i.componentWillReceiveProps||(s!==d||p!==l)&&ss(t,i,r,l),Da=!1,p=t.memoizedState,i.state=p,$a(t,r,i,o);var m=t.memoizedState;s!==d||p!==m||To.current||Da?("function"==typeof f&&(rs(t,n,f,r),m=t.memoizedState),(c=Da||as(t,n,c,r,p,m,l)||!1)?(u||"function"!=typeof i.UNSAFE_componentWillUpdate&&"function"!=typeof i.componentWillUpdate||("function"==typeof i.componentWillUpdate&&i.componentWillUpdate(r,m,l),"function"==typeof i.UNSAFE_componentWillUpdate&&i.UNSAFE_componentWillUpdate(r,m,l)),"function"==typeof i.componentDidUpdate&&(t.flags|=4),"function"==typeof i.getSnapshotBeforeUpdate&&(t.flags|=1024)):("function"!=typeof i.componentDidUpdate||s===e.memoizedProps&&p===e.memoizedState||(t.flags|=4),"function"!=typeof i.getSnapshotBeforeUpdate||s===e.memoizedProps&&p===e.memoizedState||(t.flags|=1024),t.memoizedProps=r,t.memoizedState=m),i.props=r,i.state=m,i.context=l,r=c):("function"!=typeof i.componentDidUpdate||s===e.memoizedProps&&p===e.memoizedState||(t.flags|=4),"function"!=typeof i.getSnapshotBeforeUpdate||s===e.memoizedProps&&p===e.memoizedState||(t.flags|=1024),r=!1)}return As(e,t,n,r,a,o)}function As(e,t,n,r,o,a){Es(e,t);var i=!!(128&t.flags);if(!r&&!i)return o&&Fo(t,n,!1),Hs(e,t,a);r=t.stateNode,ys.current=t;var s=i&&"function"!=typeof n.getDerivedStateFromError?null:r.render();return t.flags|=1,null!==e&&i?(t.child=Sa(t,e.child,null,a),t.child=Sa(t,null,s,a)):ws(e,t,s,a),t.memoizedState=r.state,o&&Fo(t,n,!0),t.child}function Os(e){var t=e.stateNode;t.pendingContext?No(0,t.pendingContext,t.pendingContext!==t.context):t.context&&No(0,t.context,!1),Ya(e,t.containerInfo)}function Ts(e,t,n,r,o){return ma(),ha(o),t.flags|=256,ws(e,t,n,r),t.child}var Ps,Ls,Is,Rs,Ns={dehydrated:null,treeContext:null,retryLane:0};function Ds(e){return{baseLanes:e,cachePool:null,transitions:null}}function Ms(e,t,n){var r,o=t.pendingProps,i=ei.current,s=!1,l=!!(128&t.flags);if((r=l)||(r=(null===e||null!==e.memoizedState)&&!!(2&i)),r?(s=!0,t.flags&=-129):null!==e&&null===e.memoizedState||(i|=1),Co(ei,1&i),null===e)return ua(t),null!==(e=t.memoizedState)&&null!==(e=e.dehydrated)?(1&t.mode?"$!"===e.data?t.lanes=8:t.lanes=1073741824:t.lanes=1,null):(l=o.children,e=o.fallback,s?(o=t.mode,s=t.child,l={mode:"hidden",children:l},1&o||null===s?s=Dc(l,o,0,null):(s.childLanes=0,s.pendingProps=l),e=Nc(e,o,n,null),s.return=t,e.return=t,s.sibling=e,t.child=s,t.child.memoizedState=Ds(n),t.memoizedState=Ns,e):Fs(t,l));if(null!==(i=e.memoizedState)&&null!==(r=i.dehydrated))return function(e,t,n,r,o,i,s){if(n)return 256&t.flags?(t.flags&=-257,zs(e,t,s,r=us(Error(a(422))))):null!==t.memoizedState?(t.child=e.child,t.flags|=128,null):(i=r.fallback,o=t.mode,r=Dc({mode:"visible",children:r.children},o,0,null),(i=Nc(i,o,s,null)).flags|=2,r.return=t,i.return=t,r.sibling=i,t.child=r,1&t.mode&&Sa(t,e.child,null,s),t.child.memoizedState=Ds(s),t.memoizedState=Ns,i);if(!(1&t.mode))return zs(e,t,s,null);if("$!"===o.data){if(r=o.nextSibling&&o.nextSibling.dataset)var l=r.dgst;return r=l,zs(e,t,s,r=us(i=Error(a(419)),r,void 0))}if(l=!!(s&e.childLanes),vs||l){if(null!==(r=Ol)){switch(s&-s){case 4:o=2;break;case 16:o=8;break;case 64:case 128:case 256:case 512:case 1024:case 2048:case 4096:case 8192:case 16384:case 32768:case 65536:case 131072:case 262144:case 524288:case 1048576:case 2097152:case 4194304:case 8388608:case 16777216:case 33554432:case 67108864:o=32;break;case 536870912:o=268435456;break;default:o=0}0!==(o=o&(r.suspendedLanes|s)?0:o)&&o!==i.retryLane&&(i.retryLane=o,Na(e,o),nc(r,e,o,-1))}return hc(),zs(e,t,s,r=us(Error(a(421))))}return"$?"===o.data?(t.flags|=128,t.child=e.child,t=Cc.bind(null,e),o._reactRetry=t,null):(e=i.treeContext,oa=co(o.nextSibling),ra=t,aa=!0,ia=null,null!==e&&(Ko[Qo++]=Zo,Ko[Qo++]=Jo,Ko[Qo++]=Yo,Zo=e.id,Jo=e.overflow,Yo=t),t=Fs(t,r.children),t.flags|=4096,t)}(e,t,l,o,r,i,n);if(s){s=o.fallback,l=t.mode,r=(i=e.child).sibling;var c={mode:"hidden",children:o.children};return 1&l||t.child===i?(o=Ic(i,c)).subtreeFlags=14680064&i.subtreeFlags:((o=t.child).childLanes=0,o.pendingProps=c,t.deletions=null),null!==r?s=Ic(r,s):(s=Nc(s,l,n,null)).flags|=2,s.return=t,o.return=t,o.sibling=s,t.child=o,o=s,s=t.child,l=null===(l=e.child.memoizedState)?Ds(n):{baseLanes:l.baseLanes|n,cachePool:null,transitions:l.transitions},s.memoizedState=l,s.childLanes=e.childLanes&~n,t.memoizedState=Ns,o}return e=(s=e.child).sibling,o=Ic(s,{mode:"visible",children:o.children}),!(1&t.mode)&&(o.lanes=n),o.return=t,o.sibling=null,null!==e&&(null===(n=t.deletions)?(t.deletions=[e],t.flags|=16):n.push(e)),t.child=o,t.memoizedState=null,o}function Fs(e,t){return(t=Dc({mode:"visible",children:t},e.mode,0,null)).return=e,e.child=t}function zs(e,t,n,r){return null!==r&&ha(r),Sa(t,e.child,null,n),(e=Fs(t,t.pendingProps.children)).flags|=2,t.memoizedState=null,e}function Bs(e,t,n){e.lanes|=t;var r=e.alternate;null!==r&&(r.lanes|=t),Oa(e.return,t,n)}function Us(e,t,n,r,o){var a=e.memoizedState;null===a?e.memoizedState={isBackwards:t,rendering:null,renderingStartTime:0,last:r,tail:n,tailMode:o}:(a.isBackwards=t,a.rendering=null,a.renderingStartTime=0,a.last=r,a.tail=n,a.tailMode=o)}function qs(e,t,n){var r=t.pendingProps,o=r.revealOrder,a=r.tail;if(ws(e,t,r.children,n),2&(r=ei.current))r=1&r|2,t.flags|=128;else{if(null!==e&&128&e.flags)e:for(e=t.child;null!==e;){if(13===e.tag)null!==e.memoizedState&&Bs(e,n,t);else if(19===e.tag)Bs(e,n,t);else if(null!==e.child){e.child.return=e,e=e.child;continue}if(e===t)break e;for(;null===e.sibling;){if(null===e.return||e.return===t)break e;e=e.return}e.sibling.return=e.return,e=e.sibling}r&=1}if(Co(ei,r),1&t.mode)switch(o){case"forwards":for(n=t.child,o=null;null!==n;)null!==(e=n.alternate)&&null===ti(e)&&(o=n),n=n.sibling;null===(n=o)?(o=t.child,t.child=null):(o=n.sibling,n.sibling=null),Us(t,!1,o,n,a);break;case"backwards":for(n=null,o=t.child,t.child=null;null!==o;){if(null!==(e=o.alternate)&&null===ti(e)){t.child=o;break}e=o.sibling,o.sibling=n,n=o,o=e}Us(t,!0,n,null,a);break;case"together":Us(t,!1,null,null,void 0);break;default:t.memoizedState=null}else t.memoizedState=null;return t.child}function $s(e,t){!(1&t.mode)&&null!==e&&(e.alternate=null,t.alternate=null,t.flags|=2)}function Hs(e,t,n){if(null!==e&&(t.dependencies=e.dependencies),Dl|=t.lanes,!(n&t.childLanes))return null;if(null!==e&&t.child!==e.child)throw Error(a(153));if(null!==t.child){for(n=Ic(e=t.child,e.pendingProps),t.child=n,n.return=t;null!==e.sibling;)e=e.sibling,(n=n.sibling=Ic(e,e.pendingProps)).return=t;n.sibling=null}return t.child}function Vs(e,t){if(!aa)switch(e.tailMode){case"hidden":t=e.tail;for(var n=null;null!==t;)null!==t.alternate&&(n=t),t=t.sibling;null===n?e.tail=null:n.sibling=null;break;case"collapsed":n=e.tail;for(var r=null;null!==n;)null!==n.alternate&&(r=n),n=n.sibling;null===r?t||null===e.tail?e.tail=null:e.tail.sibling=null:r.sibling=null}}function Gs(e){var t=null!==e.alternate&&e.alternate.child===e.child,n=0,r=0;if(t)for(var o=e.child;null!==o;)n|=o.lanes|o.childLanes,r|=14680064&o.subtreeFlags,r|=14680064&o.flags,o.return=e,o=o.sibling;else for(o=e.child;null!==o;)n|=o.lanes|o.childLanes,r|=o.subtreeFlags,r|=o.flags,o.return=e,o=o.sibling;return e.subtreeFlags|=r,e.childLanes=n,t}function Ws(e,t,n){var r=t.pendingProps;switch(na(t),t.tag){case 2:case 16:case 15:case 0:case 11:case 7:case 8:case 12:case 9:case 14:return Gs(t),null;case 1:case 17:return Io(t.type)&&Ro(),Gs(t),null;case 3:return r=t.stateNode,Za(),_o(To),_o(Oo),ri(),r.pendingContext&&(r.context=r.pendingContext,r.pendingContext=null),null!==e&&null!==e.child||(pa(t)?t.flags|=4:null===e||e.memoizedState.isDehydrated&&!(256&t.flags)||(t.flags|=1024,null!==ia&&(ic(ia),ia=null))),Ls(e,t),Gs(t),null;case 5:Xa(t);var o=Qa(Ka.current);if(n=t.type,null!==e&&null!=t.stateNode)Is(e,t,n,r,o),e.ref!==t.ref&&(t.flags|=512,t.flags|=2097152);else{if(!r){if(null===t.stateNode)throw Error(a(166));return Gs(t),null}if(e=Qa(Ga.current),pa(t)){r=t.stateNode,n=t.type;var i=t.memoizedProps;switch(r[fo]=t,r[mo]=i,e=!!(1&t.mode),n){case"dialog":zr("cancel",r),zr("close",r);break;case"iframe":case"object":case"embed":zr("load",r);break;case"video":case"audio":for(o=0;o<Nr.length;o++)zr(Nr[o],r);break;case"source":zr("error",r);break;case"img":case"image":case"link":zr("error",r),zr("load",r);break;case"details":zr("toggle",r);break;case"input":Y(r,i),zr("invalid",r);break;case"select":r._wrapperState={wasMultiple:!!i.multiple},zr("invalid",r);break;case"textarea":oe(r,i),zr("invalid",r)}for(var l in ye(n,i),o=null,i)if(i.hasOwnProperty(l)){var c=i[l];"children"===l?"string"==typeof c?r.textContent!==c&&(!0!==i.suppressHydrationWarning&&Jr(r.textContent,c,e),o=["children",c]):"number"==typeof c&&r.textContent!==""+c&&(!0!==i.suppressHydrationWarning&&Jr(r.textContent,c,e),o=["children",""+c]):s.hasOwnProperty(l)&&null!=c&&"onScroll"===l&&zr("scroll",r)}switch(n){case"input":G(r),X(r,i,!0);break;case"textarea":G(r),ie(r);break;case"select":case"option":break;default:"function"==typeof i.onClick&&(r.onclick=Xr)}r=o,t.updateQueue=r,null!==r&&(t.flags|=4)}else{l=9===o.nodeType?o:o.ownerDocument,"http://www.w3.org/1999/xhtml"===e&&(e=se(n)),"http://www.w3.org/1999/xhtml"===e?"script"===n?((e=l.createElement("div")).innerHTML="<script><\/script>",e=e.removeChild(e.firstChild)):"string"==typeof r.is?e=l.createElement(n,{is:r.is}):(e=l.createElement(n),"select"===n&&(l=e,r.multiple?l.multiple=!0:r.size&&(l.size=r.size))):e=l.createElementNS(e,n),e[fo]=t,e[mo]=r,Ps(e,t,!1,!1),t.stateNode=e;e:{switch(l=ve(n,r),n){case"dialog":zr("cancel",e),zr("close",e),o=r;break;case"iframe":case"object":case"embed":zr("load",e),o=r;break;case"video":case"audio":for(o=0;o<Nr.length;o++)zr(Nr[o],e);o=r;break;case"source":zr("error",e),o=r;break;case"img":case"image":case"link":zr("error",e),zr("load",e),o=r;break;case"details":zr("toggle",e),o=r;break;case"input":Y(e,r),o=Q(e,r),zr("invalid",e);break;case"option":default:o=r;break;case"select":e._wrapperState={wasMultiple:!!r.multiple},o=M({},r,{value:void 0}),zr("invalid",e);break;case"textarea":oe(e,r),o=re(e,r),zr("invalid",e)}for(i in ye(n,o),c=o)if(c.hasOwnProperty(i)){var u=c[i];"style"===i?ge(e,u):"dangerouslySetInnerHTML"===i?null!=(u=u?u.__html:void 0)&&de(e,u):"children"===i?"string"==typeof u?("textarea"!==n||""!==u)&&pe(e,u):"number"==typeof u&&pe(e,""+u):"suppressContentEditableWarning"!==i&&"suppressHydrationWarning"!==i&&"autoFocus"!==i&&(s.hasOwnProperty(i)?null!=u&&"onScroll"===i&&zr("scroll",e):null!=u&&v(e,i,u,l))}switch(n){case"input":G(e),X(e,r,!1);break;case"textarea":G(e),ie(e);break;case"option":null!=r.value&&e.setAttribute("value",""+H(r.value));break;case"select":e.multiple=!!r.multiple,null!=(i=r.value)?ne(e,!!r.multiple,i,!1):null!=r.defaultValue&&ne(e,!!r.multiple,r.defaultValue,!0);break;default:"function"==typeof o.onClick&&(e.onclick=Xr)}switch(n){case"button":case"input":case"select":case"textarea":r=!!r.autoFocus;break e;case"img":r=!0;break e;default:r=!1}}r&&(t.flags|=4)}null!==t.ref&&(t.flags|=512,t.flags|=2097152)}return Gs(t),null;case 6:if(e&&null!=t.stateNode)Rs(e,t,e.memoizedProps,r);else{if("string"!=typeof r&&null===t.stateNode)throw Error(a(166));if(n=Qa(Ka.current),Qa(Ga.current),pa(t)){if(r=t.stateNode,n=t.memoizedProps,r[fo]=t,(i=r.nodeValue!==n)&&null!==(e=ra))switch(e.tag){case 3:Jr(r.nodeValue,n,!!(1&e.mode));break;case 5:!0!==e.memoizedProps.suppressHydrationWarning&&Jr(r.nodeValue,n,!!(1&e.mode))}i&&(t.flags|=4)}else(r=(9===n.nodeType?n:n.ownerDocument).createTextNode(r))[fo]=t,t.stateNode=r}return Gs(t),null;case 13:if(_o(ei),r=t.memoizedState,null===e||null!==e.memoizedState&&null!==e.memoizedState.dehydrated){if(aa&&null!==oa&&1&t.mode&&!(128&t.flags))fa(),ma(),t.flags|=98560,i=!1;else if(i=pa(t),null!==r&&null!==r.dehydrated){if(null===e){if(!i)throw Error(a(318));if(!(i=null!==(i=t.memoizedState)?i.dehydrated:null))throw Error(a(317));i[fo]=t}else ma(),!(128&t.flags)&&(t.memoizedState=null),t.flags|=4;Gs(t),i=!1}else null!==ia&&(ic(ia),ia=null),i=!0;if(!i)return 65536&t.flags?t:null}return 128&t.flags?(t.lanes=n,t):((r=null!==r)!==(null!==e&&null!==e.memoizedState)&&r&&(t.child.flags|=8192,1&t.mode&&(null===e||1&ei.current?0===Rl&&(Rl=3):hc())),null!==t.updateQueue&&(t.flags|=4),Gs(t),null);case 4:return Za(),Ls(e,t),null===e&&qr(t.stateNode.containerInfo),Gs(t),null;case 10:return Aa(t.type._context),Gs(t),null;case 19:if(_o(ei),null===(i=t.memoizedState))return Gs(t),null;if(r=!!(128&t.flags),null===(l=i.rendering))if(r)Vs(i,!1);else{if(0!==Rl||null!==e&&128&e.flags)for(e=t.child;null!==e;){if(null!==(l=ti(e))){for(t.flags|=128,Vs(i,!1),null!==(r=l.updateQueue)&&(t.updateQueue=r,t.flags|=4),t.subtreeFlags=0,r=n,n=t.child;null!==n;)e=r,(i=n).flags&=14680066,null===(l=i.alternate)?(i.childLanes=0,i.lanes=e,i.child=null,i.subtreeFlags=0,i.memoizedProps=null,i.memoizedState=null,i.updateQueue=null,i.dependencies=null,i.stateNode=null):(i.childLanes=l.childLanes,i.lanes=l.lanes,i.child=l.child,i.subtreeFlags=0,i.deletions=null,i.memoizedProps=l.memoizedProps,i.memoizedState=l.memoizedState,i.updateQueue=l.updateQueue,i.type=l.type,e=l.dependencies,i.dependencies=null===e?null:{lanes:e.lanes,firstContext:e.firstContext}),n=n.sibling;return Co(ei,1&ei.current|2),t.child}e=e.sibling}null!==i.tail&&Ze()>ql&&(t.flags|=128,r=!0,Vs(i,!1),t.lanes=4194304)}else{if(!r)if(null!==(e=ti(l))){if(t.flags|=128,r=!0,null!==(n=e.updateQueue)&&(t.updateQueue=n,t.flags|=4),Vs(i,!0),null===i.tail&&"hidden"===i.tailMode&&!l.alternate&&!aa)return Gs(t),null}else 2*Ze()-i.renderingStartTime>ql&&1073741824!==n&&(t.flags|=128,r=!0,Vs(i,!1),t.lanes=4194304);i.isBackwards?(l.sibling=t.child,t.child=l):(null!==(n=i.last)?n.sibling=l:t.child=l,i.last=l)}return null!==i.tail?(t=i.tail,i.rendering=t,i.tail=t.sibling,i.renderingStartTime=Ze(),t.sibling=null,n=ei.current,Co(ei,r?1&n|2:1&n),t):(Gs(t),null);case 22:case 23:return dc(),r=null!==t.memoizedState,null!==e&&null!==e.memoizedState!==r&&(t.flags|=8192),r&&1&t.mode?!!(1073741824&Ll)&&(Gs(t),6&t.subtreeFlags&&(t.flags|=8192)):Gs(t),null;case 24:case 25:return null}throw Error(a(156,t.tag))}function Ks(e,t){switch(na(t),t.tag){case 1:return Io(t.type)&&Ro(),65536&(e=t.flags)?(t.flags=-65537&e|128,t):null;case 3:return Za(),_o(To),_o(Oo),ri(),65536&(e=t.flags)&&!(128&e)?(t.flags=-65537&e|128,t):null;case 5:return Xa(t),null;case 13:if(_o(ei),null!==(e=t.memoizedState)&&null!==e.dehydrated){if(null===t.alternate)throw Error(a(340));ma()}return 65536&(e=t.flags)?(t.flags=-65537&e|128,t):null;case 19:return _o(ei),null;case 4:return Za(),null;case 10:return Aa(t.type._context),null;case 22:case 23:return dc(),null;default:return null}}Ps=function(e,t){for(var n=t.child;null!==n;){if(5===n.tag||6===n.tag)e.appendChild(n.stateNode);else if(4!==n.tag&&null!==n.child){n.child.return=n,n=n.child;continue}if(n===t)break;for(;null===n.sibling;){if(null===n.return||n.return===t)return;n=n.return}n.sibling.return=n.return,n=n.sibling}},Ls=function(){},Is=function(e,t,n,r){var o=e.memoizedProps;if(o!==r){e=t.stateNode,Qa(Ga.current);var a,i=null;switch(n){case"input":o=Q(e,o),r=Q(e,r),i=[];break;case"select":o=M({},o,{value:void 0}),r=M({},r,{value:void 0}),i=[];break;case"textarea":o=re(e,o),r=re(e,r),i=[];break;default:"function"!=typeof o.onClick&&"function"==typeof r.onClick&&(e.onclick=Xr)}for(u in ye(n,r),n=null,o)if(!r.hasOwnProperty(u)&&o.hasOwnProperty(u)&&null!=o[u])if("style"===u){var l=o[u];for(a in l)l.hasOwnProperty(a)&&(n||(n={}),n[a]="")}else"dangerouslySetInnerHTML"!==u&&"children"!==u&&"suppressContentEditableWarning"!==u&&"suppressHydrationWarning"!==u&&"autoFocus"!==u&&(s.hasOwnProperty(u)?i||(i=[]):(i=i||[]).push(u,null));for(u in r){var c=r[u];if(l=null!=o?o[u]:void 0,r.hasOwnProperty(u)&&c!==l&&(null!=c||null!=l))if("style"===u)if(l){for(a in l)!l.hasOwnProperty(a)||c&&c.hasOwnProperty(a)||(n||(n={}),n[a]="");for(a in c)c.hasOwnProperty(a)&&l[a]!==c[a]&&(n||(n={}),n[a]=c[a])}else n||(i||(i=[]),i.push(u,n)),n=c;else"dangerouslySetInnerHTML"===u?(c=c?c.__html:void 0,l=l?l.__html:void 0,null!=c&&l!==c&&(i=i||[]).push(u,c)):"children"===u?"string"!=typeof c&&"number"!=typeof c||(i=i||[]).push(u,""+c):"suppressContentEditableWarning"!==u&&"suppressHydrationWarning"!==u&&(s.hasOwnProperty(u)?(null!=c&&"onScroll"===u&&zr("scroll",e),i||l===c||(i=[])):(i=i||[]).push(u,c))}n&&(i=i||[]).push("style",n);var u=i;(t.updateQueue=u)&&(t.flags|=4)}},Rs=function(e,t,n,r){n!==r&&(t.flags|=4)};var Qs=!1,Ys=!1,Zs="function"==typeof WeakSet?WeakSet:Set,Js=null;function Xs(e,t){var n=e.ref;if(null!==n)if("function"==typeof n)try{n(null)}catch(r){jc(e,t,r)}else n.current=null}function el(e,t,n){try{n()}catch(r){jc(e,t,r)}}var tl=!1;function nl(e,t,n){var r=t.updateQueue;if(null!==(r=null!==r?r.lastEffect:null)){var o=r=r.next;do{if((o.tag&e)===e){var a=o.destroy;o.destroy=void 0,void 0!==a&&el(t,n,a)}o=o.next}while(o!==r)}}function rl(e,t){if(null!==(t=null!==(t=t.updateQueue)?t.lastEffect:null)){var n=t=t.next;do{if((n.tag&e)===e){var r=n.create;n.destroy=r()}n=n.next}while(n!==t)}}function ol(e){var t=e.ref;if(null!==t){var n=e.stateNode;e.tag,e=n,"function"==typeof t?t(e):t.current=e}}function al(e){var t=e.alternate;null!==t&&(e.alternate=null,al(t)),e.child=null,e.deletions=null,e.sibling=null,5===e.tag&&(null!==(t=e.stateNode)&&(delete t[fo],delete t[mo],delete t[go],delete t[bo],delete t[yo])),e.stateNode=null,e.return=null,e.dependencies=null,e.memoizedProps=null,e.memoizedState=null,e.pendingProps=null,e.stateNode=null,e.updateQueue=null}function il(e){return 5===e.tag||3===e.tag||4===e.tag}function sl(e){e:for(;;){for(;null===e.sibling;){if(null===e.return||il(e.return))return null;e=e.return}for(e.sibling.return=e.return,e=e.sibling;5!==e.tag&&6!==e.tag&&18!==e.tag;){if(2&e.flags)continue e;if(null===e.child||4===e.tag)continue e;e.child.return=e,e=e.child}if(!(2&e.flags))return e.stateNode}}function ll(e,t,n){var r=e.tag;if(5===r||6===r)e=e.stateNode,t?8===n.nodeType?n.parentNode.insertBefore(e,t):n.insertBefore(e,t):(8===n.nodeType?(t=n.parentNode).insertBefore(e,n):(t=n).appendChild(e),null!=(n=n._reactRootContainer)||null!==t.onclick||(t.onclick=Xr));else if(4!==r&&null!==(e=e.child))for(ll(e,t,n),e=e.sibling;null!==e;)ll(e,t,n),e=e.sibling}function cl(e,t,n){var r=e.tag;if(5===r||6===r)e=e.stateNode,t?n.insertBefore(e,t):n.appendChild(e);else if(4!==r&&null!==(e=e.child))for(cl(e,t,n),e=e.sibling;null!==e;)cl(e,t,n),e=e.sibling}var ul=null,dl=!1;function pl(e,t,n){for(n=n.child;null!==n;)fl(e,t,n),n=n.sibling}function fl(e,t,n){if(at&&"function"==typeof at.onCommitFiberUnmount)try{at.onCommitFiberUnmount(ot,n)}catch(s){}switch(n.tag){case 5:Ys||Xs(n,t);case 6:var r=ul,o=dl;ul=null,pl(e,t,n),dl=o,null!==(ul=r)&&(dl?(e=ul,n=n.stateNode,8===e.nodeType?e.parentNode.removeChild(n):e.removeChild(n)):ul.removeChild(n.stateNode));break;case 18:null!==ul&&(dl?(e=ul,n=n.stateNode,8===e.nodeType?lo(e.parentNode,n):1===e.nodeType&&lo(e,n),qt(e)):lo(ul,n.stateNode));break;case 4:r=ul,o=dl,ul=n.stateNode.containerInfo,dl=!0,pl(e,t,n),ul=r,dl=o;break;case 0:case 11:case 14:case 15:if(!Ys&&(null!==(r=n.updateQueue)&&null!==(r=r.lastEffect))){o=r=r.next;do{var a=o,i=a.destroy;a=a.tag,void 0!==i&&(2&a||4&a)&&el(n,t,i),o=o.next}while(o!==r)}pl(e,t,n);break;case 1:if(!Ys&&(Xs(n,t),"function"==typeof(r=n.stateNode).componentWillUnmount))try{r.props=n.memoizedProps,r.state=n.memoizedState,r.componentWillUnmount()}catch(s){jc(n,t,s)}pl(e,t,n);break;case 21:pl(e,t,n);break;case 22:1&n.mode?(Ys=(r=Ys)||null!==n.memoizedState,pl(e,t,n),Ys=r):pl(e,t,n);break;default:pl(e,t,n)}}function ml(e){var t=e.updateQueue;if(null!==t){e.updateQueue=null;var n=e.stateNode;null===n&&(n=e.stateNode=new Zs),t.forEach((function(t){var r=Ac.bind(null,e,t);n.has(t)||(n.add(t),t.then(r,r))}))}}function hl(e,t){var n=t.deletions;if(null!==n)for(var r=0;r<n.length;r++){var o=n[r];try{var i=e,s=t,l=s;e:for(;null!==l;){switch(l.tag){case 5:ul=l.stateNode,dl=!1;break e;case 3:case 4:ul=l.stateNode.containerInfo,dl=!0;break e}l=l.return}if(null===ul)throw Error(a(160));fl(i,s,o),ul=null,dl=!1;var c=o.alternate;null!==c&&(c.return=null),o.return=null}catch(u){jc(o,t,u)}}if(12854&t.subtreeFlags)for(t=t.child;null!==t;)gl(t,e),t=t.sibling}function gl(e,t){var n=e.alternate,r=e.flags;switch(e.tag){case 0:case 11:case 14:case 15:if(hl(t,e),bl(e),4&r){try{nl(3,e,e.return),rl(3,e)}catch(g){jc(e,e.return,g)}try{nl(5,e,e.return)}catch(g){jc(e,e.return,g)}}break;case 1:hl(t,e),bl(e),512&r&&null!==n&&Xs(n,n.return);break;case 5:if(hl(t,e),bl(e),512&r&&null!==n&&Xs(n,n.return),32&e.flags){var o=e.stateNode;try{pe(o,"")}catch(g){jc(e,e.return,g)}}if(4&r&&null!=(o=e.stateNode)){var i=e.memoizedProps,s=null!==n?n.memoizedProps:i,l=e.type,c=e.updateQueue;if(e.updateQueue=null,null!==c)try{"input"===l&&"radio"===i.type&&null!=i.name&&Z(o,i),ve(l,s);var u=ve(l,i);for(s=0;s<c.length;s+=2){var d=c[s],p=c[s+1];"style"===d?ge(o,p):"dangerouslySetInnerHTML"===d?de(o,p):"children"===d?pe(o,p):v(o,d,p,u)}switch(l){case"input":J(o,i);break;case"textarea":ae(o,i);break;case"select":var f=o._wrapperState.wasMultiple;o._wrapperState.wasMultiple=!!i.multiple;var m=i.value;null!=m?ne(o,!!i.multiple,m,!1):f!==!!i.multiple&&(null!=i.defaultValue?ne(o,!!i.multiple,i.defaultValue,!0):ne(o,!!i.multiple,i.multiple?[]:"",!1))}o[mo]=i}catch(g){jc(e,e.return,g)}}break;case 6:if(hl(t,e),bl(e),4&r){if(null===e.stateNode)throw Error(a(162));o=e.stateNode,i=e.memoizedProps;try{o.nodeValue=i}catch(g){jc(e,e.return,g)}}break;case 3:if(hl(t,e),bl(e),4&r&&null!==n&&n.memoizedState.isDehydrated)try{qt(t.containerInfo)}catch(g){jc(e,e.return,g)}break;case 4:default:hl(t,e),bl(e);break;case 13:hl(t,e),bl(e),8192&(o=e.child).flags&&(i=null!==o.memoizedState,o.stateNode.isHidden=i,!i||null!==o.alternate&&null!==o.alternate.memoizedState||(Ul=Ze())),4&r&&ml(e);break;case 22:if(d=null!==n&&null!==n.memoizedState,1&e.mode?(Ys=(u=Ys)||d,hl(t,e),Ys=u):hl(t,e),bl(e),8192&r){if(u=null!==e.memoizedState,(e.stateNode.isHidden=u)&&!d&&1&e.mode)for(Js=e,d=e.child;null!==d;){for(p=Js=d;null!==Js;){switch(m=(f=Js).child,f.tag){case 0:case 11:case 14:case 15:nl(4,f,f.return);break;case 1:Xs(f,f.return);var h=f.stateNode;if("function"==typeof h.componentWillUnmount){r=f,n=f.return;try{t=r,h.props=t.memoizedProps,h.state=t.memoizedState,h.componentWillUnmount()}catch(g){jc(r,n,g)}}break;case 5:Xs(f,f.return);break;case 22:if(null!==f.memoizedState){Sl(p);continue}}null!==m?(m.return=f,Js=m):Sl(p)}d=d.sibling}e:for(d=null,p=e;;){if(5===p.tag){if(null===d){d=p;try{o=p.stateNode,u?"function"==typeof(i=o.style).setProperty?i.setProperty("display","none","important"):i.display="none":(l=p.stateNode,s=null!=(c=p.memoizedProps.style)&&c.hasOwnProperty("display")?c.display:null,l.style.display=he("display",s))}catch(g){jc(e,e.return,g)}}}else if(6===p.tag){if(null===d)try{p.stateNode.nodeValue=u?"":p.memoizedProps}catch(g){jc(e,e.return,g)}}else if((22!==p.tag&&23!==p.tag||null===p.memoizedState||p===e)&&null!==p.child){p.child.return=p,p=p.child;continue}if(p===e)break e;for(;null===p.sibling;){if(null===p.return||p.return===e)break e;d===p&&(d=null),p=p.return}d===p&&(d=null),p.sibling.return=p.return,p=p.sibling}}break;case 19:hl(t,e),bl(e),4&r&&ml(e);case 21:}}function bl(e){var t=e.flags;if(2&t){try{e:{for(var n=e.return;null!==n;){if(il(n)){var r=n;break e}n=n.return}throw Error(a(160))}switch(r.tag){case 5:var o=r.stateNode;32&r.flags&&(pe(o,""),r.flags&=-33),cl(e,sl(e),o);break;case 3:case 4:var i=r.stateNode.containerInfo;ll(e,sl(e),i);break;default:throw Error(a(161))}}catch(s){jc(e,e.return,s)}e.flags&=-3}4096&t&&(e.flags&=-4097)}function yl(e,t,n){Js=e,vl(e,t,n)}function vl(e,t,n){for(var r=!!(1&e.mode);null!==Js;){var o=Js,a=o.child;if(22===o.tag&&r){var i=null!==o.memoizedState||Qs;if(!i){var s=o.alternate,l=null!==s&&null!==s.memoizedState||Ys;s=Qs;var c=Ys;if(Qs=i,(Ys=l)&&!c)for(Js=o;null!==Js;)l=(i=Js).child,22===i.tag&&null!==i.memoizedState?xl(o):null!==l?(l.return=i,Js=l):xl(o);for(;null!==a;)Js=a,vl(a,t,n),a=a.sibling;Js=o,Qs=s,Ys=c}wl(e)}else 8772&o.subtreeFlags&&null!==a?(a.return=o,Js=a):wl(e)}}function wl(e){for(;null!==Js;){var t=Js;if(8772&t.flags){var n=t.alternate;try{if(8772&t.flags)switch(t.tag){case 0:case 11:case 15:Ys||rl(5,t);break;case 1:var r=t.stateNode;if(4&t.flags&&!Ys)if(null===n)r.componentDidMount();else{var o=t.elementType===t.type?n.memoizedProps:ns(t.type,n.memoizedProps);r.componentDidUpdate(o,n.memoizedState,r.__reactInternalSnapshotBeforeUpdate)}var i=t.updateQueue;null!==i&&Ha(t,i,r);break;case 3:var s=t.updateQueue;if(null!==s){if(n=null,null!==t.child)switch(t.child.tag){case 5:case 1:n=t.child.stateNode}Ha(t,s,n)}break;case 5:var l=t.stateNode;if(null===n&&4&t.flags){n=l;var c=t.memoizedProps;switch(t.type){case"button":case"input":case"select":case"textarea":c.autoFocus&&n.focus();break;case"img":c.src&&(n.src=c.src)}}break;case 6:case 4:case 12:case 19:case 17:case 21:case 22:case 23:case 25:break;case 13:if(null===t.memoizedState){var u=t.alternate;if(null!==u){var d=u.memoizedState;if(null!==d){var p=d.dehydrated;null!==p&&qt(p)}}}break;default:throw Error(a(163))}Ys||512&t.flags&&ol(t)}catch(f){jc(t,t.return,f)}}if(t===e){Js=null;break}if(null!==(n=t.sibling)){n.return=t.return,Js=n;break}Js=t.return}}function Sl(e){for(;null!==Js;){var t=Js;if(t===e){Js=null;break}var n=t.sibling;if(null!==n){n.return=t.return,Js=n;break}Js=t.return}}function xl(e){for(;null!==Js;){var t=Js;try{switch(t.tag){case 0:case 11:case 15:var n=t.return;try{rl(4,t)}catch(l){jc(t,n,l)}break;case 1:var r=t.stateNode;if("function"==typeof r.componentDidMount){var o=t.return;try{r.componentDidMount()}catch(l){jc(t,o,l)}}var a=t.return;try{ol(t)}catch(l){jc(t,a,l)}break;case 5:var i=t.return;try{ol(t)}catch(l){jc(t,i,l)}}}catch(l){jc(t,t.return,l)}if(t===e){Js=null;break}var s=t.sibling;if(null!==s){s.return=t.return,Js=s;break}Js=t.return}}var kl,jl=Math.ceil,El=w.ReactCurrentDispatcher,_l=w.ReactCurrentOwner,Cl=w.ReactCurrentBatchConfig,Al=0,Ol=null,Tl=null,Pl=0,Ll=0,Il=Eo(0),Rl=0,Nl=null,Dl=0,Ml=0,Fl=0,zl=null,Bl=null,Ul=0,ql=1/0,$l=null,Hl=!1,Vl=null,Gl=null,Wl=!1,Kl=null,Ql=0,Yl=0,Zl=null,Jl=-1,Xl=0;function ec(){return 6&Al?Ze():-1!==Jl?Jl:Jl=Ze()}function tc(e){return 1&e.mode?2&Al&&0!==Pl?Pl&-Pl:null!==ga.transition?(0===Xl&&(Xl=ht()),Xl):0!==(e=vt)?e:e=void 0===(e=window.event)?16:Yt(e.type):1}function nc(e,t,n,r){if(50<Yl)throw Yl=0,Zl=null,Error(a(185));bt(e,n,r),2&Al&&e===Ol||(e===Ol&&(!(2&Al)&&(Ml|=n),4===Rl&&sc(e,Pl)),rc(e,r),1===n&&0===Al&&!(1&t.mode)&&(ql=Ze()+500,Bo&&$o()))}function rc(e,t){var n=e.callbackNode;!function(e,t){for(var n=e.suspendedLanes,r=e.pingedLanes,o=e.expirationTimes,a=e.pendingLanes;0<a;){var i=31-it(a),s=1<<i,l=o[i];-1===l?s&n&&!(s&r)||(o[i]=ft(s,t)):l<=t&&(e.expiredLanes|=s),a&=~s}}(e,t);var r=pt(e,e===Ol?Pl:0);if(0===r)null!==n&&Ke(n),e.callbackNode=null,e.callbackPriority=0;else if(t=r&-r,e.callbackPriority!==t){if(null!=n&&Ke(n),1===t)0===e.tag?function(e){Bo=!0,qo(e)}(lc.bind(null,e)):qo(lc.bind(null,e)),io((function(){!(6&Al)&&$o()})),n=null;else{switch(wt(r)){case 1:n=Xe;break;case 4:n=et;break;case 16:default:n=tt;break;case 536870912:n=rt}n=Oc(n,oc.bind(null,e))}e.callbackPriority=t,e.callbackNode=n}}function oc(e,t){if(Jl=-1,Xl=0,6&Al)throw Error(a(327));var n=e.callbackNode;if(xc()&&e.callbackNode!==n)return null;var r=pt(e,e===Ol?Pl:0);if(0===r)return null;if(30&r||r&e.expiredLanes||t)t=gc(e,r);else{t=r;var o=Al;Al|=2;var i=mc();for(Ol===e&&Pl===t||($l=null,ql=Ze()+500,pc(e,t));;)try{yc();break}catch(l){fc(e,l)}Ca(),El.current=i,Al=o,null!==Tl?t=0:(Ol=null,Pl=0,t=Rl)}if(0!==t){if(2===t&&(0!==(o=mt(e))&&(r=o,t=ac(e,o))),1===t)throw n=Nl,pc(e,0),sc(e,r),rc(e,Ze()),n;if(6===t)sc(e,r);else{if(o=e.current.alternate,!(30&r||function(e){for(var t=e;;){if(16384&t.flags){var n=t.updateQueue;if(null!==n&&null!==(n=n.stores))for(var r=0;r<n.length;r++){var o=n[r],a=o.getSnapshot;o=o.value;try{if(!sr(a(),o))return!1}catch(s){return!1}}}if(n=t.child,16384&t.subtreeFlags&&null!==n)n.return=t,t=n;else{if(t===e)break;for(;null===t.sibling;){if(null===t.return||t.return===e)return!0;t=t.return}t.sibling.return=t.return,t=t.sibling}}return!0}(o)||(t=gc(e,r),2===t&&(i=mt(e),0!==i&&(r=i,t=ac(e,i))),1!==t)))throw n=Nl,pc(e,0),sc(e,r),rc(e,Ze()),n;switch(e.finishedWork=o,e.finishedLanes=r,t){case 0:case 1:throw Error(a(345));case 2:case 5:Sc(e,Bl,$l);break;case 3:if(sc(e,r),(130023424&r)===r&&10<(t=Ul+500-Ze())){if(0!==pt(e,0))break;if(((o=e.suspendedLanes)&r)!==r){ec(),e.pingedLanes|=e.suspendedLanes&o;break}e.timeoutHandle=ro(Sc.bind(null,e,Bl,$l),t);break}Sc(e,Bl,$l);break;case 4:if(sc(e,r),(4194240&r)===r)break;for(t=e.eventTimes,o=-1;0<r;){var s=31-it(r);i=1<<s,(s=t[s])>o&&(o=s),r&=~i}if(r=o,10<(r=(120>(r=Ze()-r)?120:480>r?480:1080>r?1080:1920>r?1920:3e3>r?3e3:4320>r?4320:1960*jl(r/1960))-r)){e.timeoutHandle=ro(Sc.bind(null,e,Bl,$l),r);break}Sc(e,Bl,$l);break;default:throw Error(a(329))}}}return rc(e,Ze()),e.callbackNode===n?oc.bind(null,e):null}function ac(e,t){var n=zl;return e.current.memoizedState.isDehydrated&&(pc(e,t).flags|=256),2!==(e=gc(e,t))&&(t=Bl,Bl=n,null!==t&&ic(t)),e}function ic(e){null===Bl?Bl=e:Bl.push.apply(Bl,e)}function sc(e,t){for(t&=~Fl,t&=~Ml,e.suspendedLanes|=t,e.pingedLanes&=~t,e=e.expirationTimes;0<t;){var n=31-it(t),r=1<<n;e[n]=-1,t&=~r}}function lc(e){if(6&Al)throw Error(a(327));xc();var t=pt(e,0);if(!(1&t))return rc(e,Ze()),null;var n=gc(e,t);if(0!==e.tag&&2===n){var r=mt(e);0!==r&&(t=r,n=ac(e,r))}if(1===n)throw n=Nl,pc(e,0),sc(e,t),rc(e,Ze()),n;if(6===n)throw Error(a(345));return e.finishedWork=e.current.alternate,e.finishedLanes=t,Sc(e,Bl,$l),rc(e,Ze()),null}function cc(e,t){var n=Al;Al|=1;try{return e(t)}finally{0===(Al=n)&&(ql=Ze()+500,Bo&&$o())}}function uc(e){null!==Kl&&0===Kl.tag&&!(6&Al)&&xc();var t=Al;Al|=1;var n=Cl.transition,r=vt;try{if(Cl.transition=null,vt=1,e)return e()}finally{vt=r,Cl.transition=n,!(6&(Al=t))&&$o()}}function dc(){Ll=Il.current,_o(Il)}function pc(e,t){e.finishedWork=null,e.finishedLanes=0;var n=e.timeoutHandle;if(-1!==n&&(e.timeoutHandle=-1,oo(n)),null!==Tl)for(n=Tl.return;null!==n;){var r=n;switch(na(r),r.tag){case 1:null!=(r=r.type.childContextTypes)&&Ro();break;case 3:Za(),_o(To),_o(Oo),ri();break;case 5:Xa(r);break;case 4:Za();break;case 13:case 19:_o(ei);break;case 10:Aa(r.type._context);break;case 22:case 23:dc()}n=n.return}if(Ol=e,Tl=e=Ic(e.current,null),Pl=Ll=t,Rl=0,Nl=null,Fl=Ml=Dl=0,Bl=zl=null,null!==La){for(t=0;t<La.length;t++)if(null!==(r=(n=La[t]).interleaved)){n.interleaved=null;var o=r.next,a=n.pending;if(null!==a){var i=a.next;a.next=o,r.next=i}n.pending=r}La=null}return e}function fc(e,t){for(;;){var n=Tl;try{if(Ca(),oi.current=Ji,ui){for(var r=si.memoizedState;null!==r;){var o=r.queue;null!==o&&(o.pending=null),r=r.next}ui=!1}if(ii=0,ci=li=si=null,di=!1,pi=0,_l.current=null,null===n||null===n.return){Rl=1,Nl=t,Tl=null;break}e:{var i=e,s=n.return,l=n,c=t;if(t=Pl,l.flags|=32768,null!==c&&"object"==typeof c&&"function"==typeof c.then){var u=c,d=l,p=d.tag;if(!(1&d.mode||0!==p&&11!==p&&15!==p)){var f=d.alternate;f?(d.updateQueue=f.updateQueue,d.memoizedState=f.memoizedState,d.lanes=f.lanes):(d.updateQueue=null,d.memoizedState=null)}var m=gs(s);if(null!==m){m.flags&=-257,bs(m,s,l,0,t),1&m.mode&&hs(i,u,t),c=u;var h=(t=m).updateQueue;if(null===h){var g=new Set;g.add(c),t.updateQueue=g}else h.add(c);break e}if(!(1&t)){hs(i,u,t),hc();break e}c=Error(a(426))}else if(aa&&1&l.mode){var b=gs(s);if(null!==b){!(65536&b.flags)&&(b.flags|=256),bs(b,s,l,0,t),ha(cs(c,l));break e}}i=c=cs(c,l),4!==Rl&&(Rl=2),null===zl?zl=[i]:zl.push(i),i=s;do{switch(i.tag){case 3:i.flags|=65536,t&=-t,i.lanes|=t,qa(i,fs(0,c,t));break e;case 1:l=c;var y=i.type,v=i.stateNode;if(!(128&i.flags||"function"!=typeof y.getDerivedStateFromError&&(null===v||"function"!=typeof v.componentDidCatch||null!==Gl&&Gl.has(v)))){i.flags|=65536,t&=-t,i.lanes|=t,qa(i,ms(i,l,t));break e}}i=i.return}while(null!==i)}wc(n)}catch(w){t=w,Tl===n&&null!==n&&(Tl=n=n.return);continue}break}}function mc(){var e=El.current;return El.current=Ji,null===e?Ji:e}function hc(){0!==Rl&&3!==Rl&&2!==Rl||(Rl=4),null===Ol||!(268435455&Dl)&&!(268435455&Ml)||sc(Ol,Pl)}function gc(e,t){var n=Al;Al|=2;var r=mc();for(Ol===e&&Pl===t||($l=null,pc(e,t));;)try{bc();break}catch(o){fc(e,o)}if(Ca(),Al=n,El.current=r,null!==Tl)throw Error(a(261));return Ol=null,Pl=0,Rl}function bc(){for(;null!==Tl;)vc(Tl)}function yc(){for(;null!==Tl&&!Qe();)vc(Tl)}function vc(e){var t=kl(e.alternate,e,Ll);e.memoizedProps=e.pendingProps,null===t?wc(e):Tl=t,_l.current=null}function wc(e){var t=e;do{var n=t.alternate;if(e=t.return,32768&t.flags){if(null!==(n=Ks(n,t)))return n.flags&=32767,void(Tl=n);if(null===e)return Rl=6,void(Tl=null);e.flags|=32768,e.subtreeFlags=0,e.deletions=null}else if(null!==(n=Ws(n,t,Ll)))return void(Tl=n);if(null!==(t=t.sibling))return void(Tl=t);Tl=t=e}while(null!==t);0===Rl&&(Rl=5)}function Sc(e,t,n){var r=vt,o=Cl.transition;try{Cl.transition=null,vt=1,function(e,t,n,r){do{xc()}while(null!==Kl);if(6&Al)throw Error(a(327));n=e.finishedWork;var o=e.finishedLanes;if(null===n)return null;if(e.finishedWork=null,e.finishedLanes=0,n===e.current)throw Error(a(177));e.callbackNode=null,e.callbackPriority=0;var i=n.lanes|n.childLanes;if(function(e,t){var n=e.pendingLanes&~t;e.pendingLanes=t,e.suspendedLanes=0,e.pingedLanes=0,e.expiredLanes&=t,e.mutableReadLanes&=t,e.entangledLanes&=t,t=e.entanglements;var r=e.eventTimes;for(e=e.expirationTimes;0<n;){var o=31-it(n),a=1<<o;t[o]=0,r[o]=-1,e[o]=-1,n&=~a}}(e,i),e===Ol&&(Tl=Ol=null,Pl=0),!(2064&n.subtreeFlags)&&!(2064&n.flags)||Wl||(Wl=!0,Oc(tt,(function(){return xc(),null}))),i=!!(15990&n.flags),!!(15990&n.subtreeFlags)||i){i=Cl.transition,Cl.transition=null;var s=vt;vt=1;var l=Al;Al|=4,_l.current=null,function(e,t){if(eo=Ht,fr(e=pr())){if("selectionStart"in e)var n={start:e.selectionStart,end:e.selectionEnd};else e:{var r=(n=(n=e.ownerDocument)&&n.defaultView||window).getSelection&&n.getSelection();if(r&&0!==r.rangeCount){n=r.anchorNode;var o=r.anchorOffset,i=r.focusNode;r=r.focusOffset;try{n.nodeType,i.nodeType}catch(S){n=null;break e}var s=0,l=-1,c=-1,u=0,d=0,p=e,f=null;t:for(;;){for(var m;p!==n||0!==o&&3!==p.nodeType||(l=s+o),p!==i||0!==r&&3!==p.nodeType||(c=s+r),3===p.nodeType&&(s+=p.nodeValue.length),null!==(m=p.firstChild);)f=p,p=m;for(;;){if(p===e)break t;if(f===n&&++u===o&&(l=s),f===i&&++d===r&&(c=s),null!==(m=p.nextSibling))break;f=(p=f).parentNode}p=m}n=-1===l||-1===c?null:{start:l,end:c}}else n=null}n=n||{start:0,end:0}}else n=null;for(to={focusedElem:e,selectionRange:n},Ht=!1,Js=t;null!==Js;)if(e=(t=Js).child,1028&t.subtreeFlags&&null!==e)e.return=t,Js=e;else for(;null!==Js;){t=Js;try{var h=t.alternate;if(1024&t.flags)switch(t.tag){case 0:case 11:case 15:case 5:case 6:case 4:case 17:break;case 1:if(null!==h){var g=h.memoizedProps,b=h.memoizedState,y=t.stateNode,v=y.getSnapshotBeforeUpdate(t.elementType===t.type?g:ns(t.type,g),b);y.__reactInternalSnapshotBeforeUpdate=v}break;case 3:var w=t.stateNode.containerInfo;1===w.nodeType?w.textContent="":9===w.nodeType&&w.documentElement&&w.removeChild(w.documentElement);break;default:throw Error(a(163))}}catch(S){jc(t,t.return,S)}if(null!==(e=t.sibling)){e.return=t.return,Js=e;break}Js=t.return}h=tl,tl=!1}(e,n),gl(n,e),mr(to),Ht=!!eo,to=eo=null,e.current=n,yl(n,e,o),Ye(),Al=l,vt=s,Cl.transition=i}else e.current=n;if(Wl&&(Wl=!1,Kl=e,Ql=o),i=e.pendingLanes,0===i&&(Gl=null),function(e){if(at&&"function"==typeof at.onCommitFiberRoot)try{at.onCommitFiberRoot(ot,e,void 0,!(128&~e.current.flags))}catch(t){}}(n.stateNode),rc(e,Ze()),null!==t)for(r=e.onRecoverableError,n=0;n<t.length;n++)o=t[n],r(o.value,{componentStack:o.stack,digest:o.digest});if(Hl)throw Hl=!1,e=Vl,Vl=null,e;!!(1&Ql)&&0!==e.tag&&xc(),i=e.pendingLanes,1&i?e===Zl?Yl++:(Yl=0,Zl=e):Yl=0,$o()}(e,t,n,r)}finally{Cl.transition=o,vt=r}return null}function xc(){if(null!==Kl){var e=wt(Ql),t=Cl.transition,n=vt;try{if(Cl.transition=null,vt=16>e?16:e,null===Kl)var r=!1;else{if(e=Kl,Kl=null,Ql=0,6&Al)throw Error(a(331));var o=Al;for(Al|=4,Js=e.current;null!==Js;){var i=Js,s=i.child;if(16&Js.flags){var l=i.deletions;if(null!==l){for(var c=0;c<l.length;c++){var u=l[c];for(Js=u;null!==Js;){var d=Js;switch(d.tag){case 0:case 11:case 15:nl(8,d,i)}var p=d.child;if(null!==p)p.return=d,Js=p;else for(;null!==Js;){var f=(d=Js).sibling,m=d.return;if(al(d),d===u){Js=null;break}if(null!==f){f.return=m,Js=f;break}Js=m}}}var h=i.alternate;if(null!==h){var g=h.child;if(null!==g){h.child=null;do{var b=g.sibling;g.sibling=null,g=b}while(null!==g)}}Js=i}}if(2064&i.subtreeFlags&&null!==s)s.return=i,Js=s;else e:for(;null!==Js;){if(2048&(i=Js).flags)switch(i.tag){case 0:case 11:case 15:nl(9,i,i.return)}var y=i.sibling;if(null!==y){y.return=i.return,Js=y;break e}Js=i.return}}var v=e.current;for(Js=v;null!==Js;){var w=(s=Js).child;if(2064&s.subtreeFlags&&null!==w)w.return=s,Js=w;else e:for(s=v;null!==Js;){if(2048&(l=Js).flags)try{switch(l.tag){case 0:case 11:case 15:rl(9,l)}}catch(x){jc(l,l.return,x)}if(l===s){Js=null;break e}var S=l.sibling;if(null!==S){S.return=l.return,Js=S;break e}Js=l.return}}if(Al=o,$o(),at&&"function"==typeof at.onPostCommitFiberRoot)try{at.onPostCommitFiberRoot(ot,e)}catch(x){}r=!0}return r}finally{vt=n,Cl.transition=t}}return!1}function kc(e,t,n){e=Ba(e,t=fs(0,t=cs(n,t),1),1),t=ec(),null!==e&&(bt(e,1,t),rc(e,t))}function jc(e,t,n){if(3===e.tag)kc(e,e,n);else for(;null!==t;){if(3===t.tag){kc(t,e,n);break}if(1===t.tag){var r=t.stateNode;if("function"==typeof t.type.getDerivedStateFromError||"function"==typeof r.componentDidCatch&&(null===Gl||!Gl.has(r))){t=Ba(t,e=ms(t,e=cs(n,e),1),1),e=ec(),null!==t&&(bt(t,1,e),rc(t,e));break}}t=t.return}}function Ec(e,t,n){var r=e.pingCache;null!==r&&r.delete(t),t=ec(),e.pingedLanes|=e.suspendedLanes&n,Ol===e&&(Pl&n)===n&&(4===Rl||3===Rl&&(130023424&Pl)===Pl&&500>Ze()-Ul?pc(e,0):Fl|=n),rc(e,t)}function _c(e,t){0===t&&(1&e.mode?(t=ut,!(130023424&(ut<<=1))&&(ut=4194304)):t=1);var n=ec();null!==(e=Na(e,t))&&(bt(e,t,n),rc(e,n))}function Cc(e){var t=e.memoizedState,n=0;null!==t&&(n=t.retryLane),_c(e,n)}function Ac(e,t){var n=0;switch(e.tag){case 13:var r=e.stateNode,o=e.memoizedState;null!==o&&(n=o.retryLane);break;case 19:r=e.stateNode;break;default:throw Error(a(314))}null!==r&&r.delete(t),_c(e,n)}function Oc(e,t){return We(e,t)}function Tc(e,t,n,r){this.tag=e,this.key=n,this.sibling=this.child=this.return=this.stateNode=this.type=this.elementType=null,this.index=0,this.ref=null,this.pendingProps=t,this.dependencies=this.memoizedState=this.updateQueue=this.memoizedProps=null,this.mode=r,this.subtreeFlags=this.flags=0,this.deletions=null,this.childLanes=this.lanes=0,this.alternate=null}function Pc(e,t,n,r){return new Tc(e,t,n,r)}function Lc(e){return!(!(e=e.prototype)||!e.isReactComponent)}function Ic(e,t){var n=e.alternate;return null===n?((n=Pc(e.tag,t,e.key,e.mode)).elementType=e.elementType,n.type=e.type,n.stateNode=e.stateNode,n.alternate=e,e.alternate=n):(n.pendingProps=t,n.type=e.type,n.flags=0,n.subtreeFlags=0,n.deletions=null),n.flags=14680064&e.flags,n.childLanes=e.childLanes,n.lanes=e.lanes,n.child=e.child,n.memoizedProps=e.memoizedProps,n.memoizedState=e.memoizedState,n.updateQueue=e.updateQueue,t=e.dependencies,n.dependencies=null===t?null:{lanes:t.lanes,firstContext:t.firstContext},n.sibling=e.sibling,n.index=e.index,n.ref=e.ref,n}function Rc(e,t,n,r,o,i){var s=2;if(r=e,"function"==typeof e)Lc(e)&&(s=1);else if("string"==typeof e)s=5;else e:switch(e){case k:return Nc(n.children,o,i,t);case j:s=8,o|=8;break;case E:return(e=Pc(12,n,t,2|o)).elementType=E,e.lanes=i,e;case O:return(e=Pc(13,n,t,o)).elementType=O,e.lanes=i,e;case T:return(e=Pc(19,n,t,o)).elementType=T,e.lanes=i,e;case I:return Dc(n,o,i,t);default:if("object"==typeof e&&null!==e)switch(e.$$typeof){case _:s=10;break e;case C:s=9;break e;case A:s=11;break e;case P:s=14;break e;case L:s=16,r=null;break e}throw Error(a(130,null==e?e:typeof e,""))}return(t=Pc(s,n,t,o)).elementType=e,t.type=r,t.lanes=i,t}function Nc(e,t,n,r){return(e=Pc(7,e,r,t)).lanes=n,e}function Dc(e,t,n,r){return(e=Pc(22,e,r,t)).elementType=I,e.lanes=n,e.stateNode={isHidden:!1},e}function Mc(e,t,n){return(e=Pc(6,e,null,t)).lanes=n,e}function Fc(e,t,n){return(t=Pc(4,null!==e.children?e.children:[],e.key,t)).lanes=n,t.stateNode={containerInfo:e.containerInfo,pendingChildren:null,implementation:e.implementation},t}function zc(e,t,n,r,o){this.tag=t,this.containerInfo=e,this.finishedWork=this.pingCache=this.current=this.pendingChildren=null,this.timeoutHandle=-1,this.callbackNode=this.pendingContext=this.context=null,this.callbackPriority=0,this.eventTimes=gt(0),this.expirationTimes=gt(-1),this.entangledLanes=this.finishedLanes=this.mutableReadLanes=this.expiredLanes=this.pingedLanes=this.suspendedLanes=this.pendingLanes=0,this.entanglements=gt(0),this.identifierPrefix=r,this.onRecoverableError=o,this.mutableSourceEagerHydrationData=null}function Bc(e,t,n,r,o,a,i,s,l){return e=new zc(e,t,n,s,l),1===t?(t=1,!0===a&&(t|=8)):t=0,a=Pc(3,null,null,t),e.current=a,a.stateNode=e,a.memoizedState={element:r,isDehydrated:n,cache:null,transitions:null,pendingSuspenseBoundaries:null},Ma(a),e}function Uc(e){if(!e)return Ao;e:{if(qe(e=e._reactInternals)!==e||1!==e.tag)throw Error(a(170));var t=e;do{switch(t.tag){case 3:t=t.stateNode.context;break e;case 1:if(Io(t.type)){t=t.stateNode.__reactInternalMemoizedMergedChildContext;break e}}t=t.return}while(null!==t);throw Error(a(171))}if(1===e.tag){var n=e.type;if(Io(n))return Do(e,n,t)}return t}function qc(e,t,n,r,o,a,i,s,l){return(e=Bc(n,r,!0,e,0,a,0,s,l)).context=Uc(null),n=e.current,(a=za(r=ec(),o=tc(n))).callback=null!=t?t:null,Ba(n,a,o),e.current.lanes=o,bt(e,o,r),rc(e,r),e}function $c(e,t,n,r){var o=t.current,a=ec(),i=tc(o);return n=Uc(n),null===t.context?t.context=n:t.pendingContext=n,(t=za(a,i)).payload={element:e},null!==(r=void 0===r?null:r)&&(t.callback=r),null!==(e=Ba(o,t,i))&&(nc(e,o,i,a),Ua(e,o,i)),i}function Hc(e){return(e=e.current).child?(e.child.tag,e.child.stateNode):null}function Vc(e,t){if(null!==(e=e.memoizedState)&&null!==e.dehydrated){var n=e.retryLane;e.retryLane=0!==n&&n<t?n:t}}function Gc(e,t){Vc(e,t),(e=e.alternate)&&Vc(e,t)}kl=function(e,t,n){if(null!==e)if(e.memoizedProps!==t.pendingProps||To.current)vs=!0;else{if(!(e.lanes&n||128&t.flags))return vs=!1,function(e,t,n){switch(t.tag){case 3:Os(t),ma();break;case 5:Ja(t);break;case 1:Io(t.type)&&Mo(t);break;case 4:Ya(t,t.stateNode.containerInfo);break;case 10:var r=t.type._context,o=t.memoizedProps.value;Co(ka,r._currentValue),r._currentValue=o;break;case 13:if(null!==(r=t.memoizedState))return null!==r.dehydrated?(Co(ei,1&ei.current),t.flags|=128,null):n&t.child.childLanes?Ms(e,t,n):(Co(ei,1&ei.current),null!==(e=Hs(e,t,n))?e.sibling:null);Co(ei,1&ei.current);break;case 19:if(r=!!(n&t.childLanes),128&e.flags){if(r)return qs(e,t,n);t.flags|=128}if(null!==(o=t.memoizedState)&&(o.rendering=null,o.tail=null,o.lastEffect=null),Co(ei,ei.current),r)break;return null;case 22:case 23:return t.lanes=0,js(e,t,n)}return Hs(e,t,n)}(e,t,n);vs=!!(131072&e.flags)}else vs=!1,aa&&1048576&t.flags&&ea(t,Wo,t.index);switch(t.lanes=0,t.tag){case 2:var r=t.type;$s(e,t),e=t.pendingProps;var o=Lo(t,Oo.current);Ta(t,n),o=gi(null,t,r,e,o,n);var i=bi();return t.flags|=1,"object"==typeof o&&null!==o&&"function"==typeof o.render&&void 0===o.$$typeof?(t.tag=1,t.memoizedState=null,t.updateQueue=null,Io(r)?(i=!0,Mo(t)):i=!1,t.memoizedState=null!==o.state&&void 0!==o.state?o.state:null,Ma(t),o.updater=os,t.stateNode=o,o._reactInternals=t,ls(t,r,e,n),t=As(null,t,r,!0,i,n)):(t.tag=0,aa&&i&&ta(t),ws(null,t,o,n),t=t.child),t;case 16:r=t.elementType;e:{switch($s(e,t),e=t.pendingProps,r=(o=r._init)(r._payload),t.type=r,o=t.tag=function(e){if("function"==typeof e)return Lc(e)?1:0;if(null!=e){if((e=e.$$typeof)===A)return 11;if(e===P)return 14}return 2}(r),e=ns(r,e),o){case 0:t=_s(null,t,r,e,n);break e;case 1:t=Cs(null,t,r,e,n);break e;case 11:t=Ss(null,t,r,e,n);break e;case 14:t=xs(null,t,r,ns(r.type,e),n);break e}throw Error(a(306,r,""))}return t;case 0:return r=t.type,o=t.pendingProps,_s(e,t,r,o=t.elementType===r?o:ns(r,o),n);case 1:return r=t.type,o=t.pendingProps,Cs(e,t,r,o=t.elementType===r?o:ns(r,o),n);case 3:e:{if(Os(t),null===e)throw Error(a(387));r=t.pendingProps,o=(i=t.memoizedState).element,Fa(e,t),$a(t,r,null,n);var s=t.memoizedState;if(r=s.element,i.isDehydrated){if(i={element:r,isDehydrated:!1,cache:s.cache,pendingSuspenseBoundaries:s.pendingSuspenseBoundaries,transitions:s.transitions},t.updateQueue.baseState=i,t.memoizedState=i,256&t.flags){t=Ts(e,t,r,n,o=cs(Error(a(423)),t));break e}if(r!==o){t=Ts(e,t,r,n,o=cs(Error(a(424)),t));break e}for(oa=co(t.stateNode.containerInfo.firstChild),ra=t,aa=!0,ia=null,n=xa(t,null,r,n),t.child=n;n;)n.flags=-3&n.flags|4096,n=n.sibling}else{if(ma(),r===o){t=Hs(e,t,n);break e}ws(e,t,r,n)}t=t.child}return t;case 5:return Ja(t),null===e&&ua(t),r=t.type,o=t.pendingProps,i=null!==e?e.memoizedProps:null,s=o.children,no(r,o)?s=null:null!==i&&no(r,i)&&(t.flags|=32),Es(e,t),ws(e,t,s,n),t.child;case 6:return null===e&&ua(t),null;case 13:return Ms(e,t,n);case 4:return Ya(t,t.stateNode.containerInfo),r=t.pendingProps,null===e?t.child=Sa(t,null,r,n):ws(e,t,r,n),t.child;case 11:return r=t.type,o=t.pendingProps,Ss(e,t,r,o=t.elementType===r?o:ns(r,o),n);case 7:return ws(e,t,t.pendingProps,n),t.child;case 8:case 12:return ws(e,t,t.pendingProps.children,n),t.child;case 10:e:{if(r=t.type._context,o=t.pendingProps,i=t.memoizedProps,s=o.value,Co(ka,r._currentValue),r._currentValue=s,null!==i)if(sr(i.value,s)){if(i.children===o.children&&!To.current){t=Hs(e,t,n);break e}}else for(null!==(i=t.child)&&(i.return=t);null!==i;){var l=i.dependencies;if(null!==l){s=i.child;for(var c=l.firstContext;null!==c;){if(c.context===r){if(1===i.tag){(c=za(-1,n&-n)).tag=2;var u=i.updateQueue;if(null!==u){var d=(u=u.shared).pending;null===d?c.next=c:(c.next=d.next,d.next=c),u.pending=c}}i.lanes|=n,null!==(c=i.alternate)&&(c.lanes|=n),Oa(i.return,n,t),l.lanes|=n;break}c=c.next}}else if(10===i.tag)s=i.type===t.type?null:i.child;else if(18===i.tag){if(null===(s=i.return))throw Error(a(341));s.lanes|=n,null!==(l=s.alternate)&&(l.lanes|=n),Oa(s,n,t),s=i.sibling}else s=i.child;if(null!==s)s.return=i;else for(s=i;null!==s;){if(s===t){s=null;break}if(null!==(i=s.sibling)){i.return=s.return,s=i;break}s=s.return}i=s}ws(e,t,o.children,n),t=t.child}return t;case 9:return o=t.type,r=t.pendingProps.children,Ta(t,n),r=r(o=Pa(o)),t.flags|=1,ws(e,t,r,n),t.child;case 14:return o=ns(r=t.type,t.pendingProps),xs(e,t,r,o=ns(r.type,o),n);case 15:return ks(e,t,t.type,t.pendingProps,n);case 17:return r=t.type,o=t.pendingProps,o=t.elementType===r?o:ns(r,o),$s(e,t),t.tag=1,Io(r)?(e=!0,Mo(t)):e=!1,Ta(t,n),is(t,r,o),ls(t,r,o,n),As(null,t,r,!0,e,n);case 19:return qs(e,t,n);case 22:return js(e,t,n)}throw Error(a(156,t.tag))};var Wc="function"==typeof reportError?reportError:function(e){console.error(e)};function Kc(e){this._internalRoot=e}function Qc(e){this._internalRoot=e}function Yc(e){return!(!e||1!==e.nodeType&&9!==e.nodeType&&11!==e.nodeType)}function Zc(e){return!(!e||1!==e.nodeType&&9!==e.nodeType&&11!==e.nodeType&&(8!==e.nodeType||" react-mount-point-unstable "!==e.nodeValue))}function Jc(){}function Xc(e,t,n,r,o){var a=n._reactRootContainer;if(a){var i=a;if("function"==typeof o){var s=o;o=function(){var e=Hc(i);s.call(e)}}$c(t,i,e,o)}else i=function(e,t,n,r,o){if(o){if("function"==typeof r){var a=r;r=function(){var e=Hc(i);a.call(e)}}var i=qc(t,r,e,0,null,!1,0,"",Jc);return e._reactRootContainer=i,e[ho]=i.current,qr(8===e.nodeType?e.parentNode:e),uc(),i}for(;o=e.lastChild;)e.removeChild(o);if("function"==typeof r){var s=r;r=function(){var e=Hc(l);s.call(e)}}var l=Bc(e,0,!1,null,0,!1,0,"",Jc);return e._reactRootContainer=l,e[ho]=l.current,qr(8===e.nodeType?e.parentNode:e),uc((function(){$c(t,l,n,r)})),l}(n,t,e,o,r);return Hc(i)}Qc.prototype.render=Kc.prototype.render=function(e){var t=this._internalRoot;if(null===t)throw Error(a(409));$c(e,t,null,null)},Qc.prototype.unmount=Kc.prototype.unmount=function(){var e=this._internalRoot;if(null!==e){this._internalRoot=null;var t=e.containerInfo;uc((function(){$c(null,e,null,null)})),t[ho]=null}},Qc.prototype.unstable_scheduleHydration=function(e){if(e){var t=jt();e={blockedOn:null,target:e,priority:t};for(var n=0;n<It.length&&0!==t&&t<It[n].priority;n++);It.splice(n,0,e),0===n&&Mt(e)}},St=function(e){switch(e.tag){case 3:var t=e.stateNode;if(t.current.memoizedState.isDehydrated){var n=dt(t.pendingLanes);0!==n&&(yt(t,1|n),rc(t,Ze()),!(6&Al)&&(ql=Ze()+500,$o()))}break;case 13:uc((function(){var t=Na(e,1);if(null!==t){var n=ec();nc(t,e,1,n)}})),Gc(e,1)}},xt=function(e){if(13===e.tag){var t=Na(e,134217728);if(null!==t)nc(t,e,134217728,ec());Gc(e,134217728)}},kt=function(e){if(13===e.tag){var t=tc(e),n=Na(e,t);if(null!==n)nc(n,e,t,ec());Gc(e,t)}},jt=function(){return vt},Et=function(e,t){var n=vt;try{return vt=e,t()}finally{vt=n}},xe=function(e,t,n){switch(t){case"input":if(J(e,n),t=n.name,"radio"===n.type&&null!=t){for(n=e;n.parentNode;)n=n.parentNode;for(n=n.querySelectorAll("input[name="+JSON.stringify(""+t)+'][type="radio"]'),t=0;t<n.length;t++){var r=n[t];if(r!==e&&r.form===e.form){var o=xo(r);if(!o)throw Error(a(90));W(r),J(r,o)}}}break;case"textarea":ae(e,n);break;case"select":null!=(t=n.value)&&ne(e,!!n.multiple,t,!1)}},Ae=cc,Oe=uc;var eu={usingClientEntryPoint:!1,Events:[wo,So,xo,_e,Ce,cc]},tu={findFiberByHostInstance:vo,bundleType:0,version:"18.3.1",rendererPackageName:"react-dom"},nu={bundleType:tu.bundleType,version:tu.version,rendererPackageName:tu.rendererPackageName,rendererConfig:tu.rendererConfig,overrideHookState:null,overrideHookStateDeletePath:null,overrideHookStateRenamePath:null,overrideProps:null,overridePropsDeletePath:null,overridePropsRenamePath:null,setErrorHandler:null,setSuspenseHandler:null,scheduleUpdate:null,currentDispatcherRef:w.ReactCurrentDispatcher,findHostInstanceByFiber:function(e){return null===(e=Ve(e))?null:e.stateNode},findFiberByHostInstance:tu.findFiberByHostInstance||function(){return null},findHostInstancesForRefresh:null,scheduleRefresh:null,scheduleRoot:null,setRefreshHandler:null,getCurrentFiber:null,reconcilerVersion:"18.3.1-next-f1338f8080-20240426"};if("undefined"!=typeof __REACT_DEVTOOLS_GLOBAL_HOOK__){var ru=__REACT_DEVTOOLS_GLOBAL_HOOK__;if(!ru.isDisabled&&ru.supportsFiber)try{ot=ru.inject(nu),at=ru}catch(ue){}}t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED=eu,t.createPortal=function(e,t){var n=2<arguments.length&&void 0!==arguments[2]?arguments[2]:null;if(!Yc(t))throw Error(a(200));return function(e,t,n){var r=3<arguments.length&&void 0!==arguments[3]?arguments[3]:null;return{$$typeof:x,key:null==r?null:""+r,children:e,containerInfo:t,implementation:n}}(e,t,null,n)},t.createRoot=function(e,t){if(!Yc(e))throw Error(a(299));var n=!1,r="",o=Wc;return null!=t&&(!0===t.unstable_strictMode&&(n=!0),void 0!==t.identifierPrefix&&(r=t.identifierPrefix),void 0!==t.onRecoverableError&&(o=t.onRecoverableError)),t=Bc(e,1,!1,null,0,n,0,r,o),e[ho]=t.current,qr(8===e.nodeType?e.parentNode:e),new Kc(t)},t.findDOMNode=function(e){if(null==e)return null;if(1===e.nodeType)return e;var t=e._reactInternals;if(void 0===t){if("function"==typeof e.render)throw Error(a(188));throw e=Object.keys(e).join(","),Error(a(268,e))}return e=null===(e=Ve(t))?null:e.stateNode},t.flushSync=function(e){return uc(e)},t.hydrate=function(e,t,n){if(!Zc(t))throw Error(a(200));return Xc(null,e,t,!0,n)},t.hydrateRoot=function(e,t,n){if(!Yc(e))throw Error(a(405));var r=null!=n&&n.hydratedSources||null,o=!1,i="",s=Wc;if(null!=n&&(!0===n.unstable_strictMode&&(o=!0),void 0!==n.identifierPrefix&&(i=n.identifierPrefix),void 0!==n.onRecoverableError&&(s=n.onRecoverableError)),t=qc(t,null,e,1,null!=n?n:null,o,0,i,s),e[ho]=t.current,qr(e),r)for(e=0;e<r.length;e++)o=(o=(n=r[e])._getVersion)(n._source),null==t.mutableSourceEagerHydrationData?t.mutableSourceEagerHydrationData=[n,o]:t.mutableSourceEagerHydrationData.push(n,o);return new Qc(t)},t.render=function(e,t,n){if(!Zc(t))throw Error(a(200));return Xc(null,e,t,!1,n)},t.unmountComponentAtNode=function(e){if(!Zc(e))throw Error(a(40));return!!e._reactRootContainer&&(uc((function(){Xc(null,null,e,!1,(function(){e._reactRootContainer=null,e[ho]=null}))})),!0)},t.unstable_batchedUpdates=cc,t.unstable_renderSubtreeIntoContainer=function(e,t,n,r){if(!Zc(n))throw Error(a(200));if(null==e||void 0===e._reactInternals)throw Error(a(38));return Xc(e,t,n,!1,r)},t.version="18.3.1-next-f1338f8080-20240426"},9576:(e,t,n)=>{"use strict";var r=n(8143);t.createRoot=r.createRoot,t.hydrateRoot=r.hydrateRoot},8143:(e,t,n)=>{"use strict";!function e(){if("undefined"!=typeof __REACT_DEVTOOLS_GLOBAL_HOOK__&&"function"==typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE)try{__REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE(e)}catch(t){console.error(t)}}(),e.exports=n(9481)},4072:e=>{var t="undefined"!=typeof Element,n="function"==typeof Map,r="function"==typeof Set,o="function"==typeof ArrayBuffer&&!!ArrayBuffer.isView;function a(e,i){if(e===i)return!0;if(e&&i&&"object"==typeof e&&"object"==typeof i){if(e.constructor!==i.constructor)return!1;var s,l,c,u;if(Array.isArray(e)){if((s=e.length)!=i.length)return!1;for(l=s;0!=l--;)if(!a(e[l],i[l]))return!1;return!0}if(n&&e instanceof Map&&i instanceof Map){if(e.size!==i.size)return!1;for(u=e.entries();!(l=u.next()).done;)if(!i.has(l.value[0]))return!1;for(u=e.entries();!(l=u.next()).done;)if(!a(l.value[1],i.get(l.value[0])))return!1;return!0}if(r&&e instanceof Set&&i instanceof Set){if(e.size!==i.size)return!1;for(u=e.entries();!(l=u.next()).done;)if(!i.has(l.value[0]))return!1;return!0}if(o&&ArrayBuffer.isView(e)&&ArrayBuffer.isView(i)){if((s=e.length)!=i.length)return!1;for(l=s;0!=l--;)if(e[l]!==i[l])return!1;return!0}if(e.constructor===RegExp)return e.source===i.source&&e.flags===i.flags;if(e.valueOf!==Object.prototype.valueOf&&"function"==typeof e.valueOf&&"function"==typeof i.valueOf)return e.valueOf()===i.valueOf();if(e.toString!==Object.prototype.toString&&"function"==typeof e.toString&&"function"==typeof i.toString)return e.toString()===i.toString();if((s=(c=Object.keys(e)).length)!==Object.keys(i).length)return!1;for(l=s;0!=l--;)if(!Object.prototype.hasOwnProperty.call(i,c[l]))return!1;if(t&&e instanceof Element)return!1;for(l=s;0!=l--;)if(("_owner"!==c[l]&&"__v"!==c[l]&&"__o"!==c[l]||!e.$$typeof)&&!a(e[c[l]],i[c[l]]))return!1;return!0}return e!=e&&i!=i}e.exports=function(e,t){try{return a(e,t)}catch(n){if((n.message||"").match(/stack|recursion/i))return console.warn("react-fast-compare cannot handle circular refs"),!1;throw n}}},248:(e,t,n)=>{"use strict";n.d(t,{mg:()=>X,vd:()=>V});var r=n(758),o=n(2736),a=n.n(o),i=n(4072),s=n.n(i),l=n(9597),c=n.n(l),u=n(2945),d=n.n(u);function p(){return p=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},p.apply(this,arguments)}function f(e,t){e.prototype=Object.create(t.prototype),e.prototype.constructor=e,m(e,t)}function m(e,t){return m=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e},m(e,t)}function h(e,t){if(null==e)return{};var n,r,o={},a=Object.keys(e);for(r=0;r<a.length;r++)t.indexOf(n=a[r])>=0||(o[n]=e[n]);return o}var g={BASE:"base",BODY:"body",HEAD:"head",HTML:"html",LINK:"link",META:"meta",NOSCRIPT:"noscript",SCRIPT:"script",STYLE:"style",TITLE:"title",FRAGMENT:"Symbol(react.fragment)"},b={rel:["amphtml","canonical","alternate"]},y={type:["application/ld+json"]},v={charset:"",name:["robots","description"],property:["og:type","og:title","og:url","og:image","og:image:alt","og:description","twitter:url","twitter:title","twitter:description","twitter:image","twitter:image:alt","twitter:card","twitter:site"]},w=Object.keys(g).map((function(e){return g[e]})),S={accesskey:"accessKey",charset:"charSet",class:"className",contenteditable:"contentEditable",contextmenu:"contextMenu","http-equiv":"httpEquiv",itemprop:"itemProp",tabindex:"tabIndex"},x=Object.keys(S).reduce((function(e,t){return e[S[t]]=t,e}),{}),k=function(e,t){for(var n=e.length-1;n>=0;n-=1){var r=e[n];if(Object.prototype.hasOwnProperty.call(r,t))return r[t]}return null},j=function(e){var t=k(e,g.TITLE),n=k(e,"titleTemplate");if(Array.isArray(t)&&(t=t.join("")),n&&t)return n.replace(/%s/g,(function(){return t}));var r=k(e,"defaultTitle");return t||r||void 0},E=function(e){return k(e,"onChangeClientState")||function(){}},_=function(e,t){return t.filter((function(t){return void 0!==t[e]})).map((function(t){return t[e]})).reduce((function(e,t){return p({},e,t)}),{})},C=function(e,t){return t.filter((function(e){return void 0!==e[g.BASE]})).map((function(e){return e[g.BASE]})).reverse().reduce((function(t,n){if(!t.length)for(var r=Object.keys(n),o=0;o<r.length;o+=1){var a=r[o].toLowerCase();if(-1!==e.indexOf(a)&&n[a])return t.concat(n)}return t}),[])},A=function(e,t,n){var r={};return n.filter((function(t){return!!Array.isArray(t[e])||(void 0!==t[e]&&console&&"function"==typeof console.warn&&console.warn("Helmet: "+e+' should be of type "Array". Instead found type "'+typeof t[e]+'"'),!1)})).map((function(t){return t[e]})).reverse().reduce((function(e,n){var o={};n.filter((function(e){for(var n,a=Object.keys(e),i=0;i<a.length;i+=1){var s=a[i],l=s.toLowerCase();-1===t.indexOf(l)||"rel"===n&&"canonical"===e[n].toLowerCase()||"rel"===l&&"stylesheet"===e[l].toLowerCase()||(n=l),-1===t.indexOf(s)||"innerHTML"!==s&&"cssText"!==s&&"itemprop"!==s||(n=s)}if(!n||!e[n])return!1;var c=e[n].toLowerCase();return r[n]||(r[n]={}),o[n]||(o[n]={}),!r[n][c]&&(o[n][c]=!0,!0)})).reverse().forEach((function(t){return e.push(t)}));for(var a=Object.keys(o),i=0;i<a.length;i+=1){var s=a[i],l=p({},r[s],o[s]);r[s]=l}return e}),[]).reverse()},O=function(e,t){if(Array.isArray(e)&&e.length)for(var n=0;n<e.length;n+=1)if(e[n][t])return!0;return!1},T=function(e){return Array.isArray(e)?e.join(""):e},P=function(e,t){return Array.isArray(e)?e.reduce((function(e,n){return function(e,t){for(var n=Object.keys(e),r=0;r<n.length;r+=1)if(t[n[r]]&&t[n[r]].includes(e[n[r]]))return!0;return!1}(n,t)?e.priority.push(n):e.default.push(n),e}),{priority:[],default:[]}):{default:e}},L=function(e,t){var n;return p({},e,((n={})[t]=void 0,n))},I=[g.NOSCRIPT,g.SCRIPT,g.STYLE],R=function(e,t){return void 0===t&&(t=!0),!1===t?String(e):String(e).replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;").replace(/'/g,"&#x27;")},N=function(e){return Object.keys(e).reduce((function(t,n){var r=void 0!==e[n]?n+'="'+e[n]+'"':""+n;return t?t+" "+r:r}),"")},D=function(e,t){return void 0===t&&(t={}),Object.keys(e).reduce((function(t,n){return t[S[n]||n]=e[n],t}),t)},M=function(e,t){return t.map((function(t,n){var o,a=((o={key:n})["data-rh"]=!0,o);return Object.keys(t).forEach((function(e){var n=S[e]||e;"innerHTML"===n||"cssText"===n?a.dangerouslySetInnerHTML={__html:t.innerHTML||t.cssText}:a[n]=t[e]})),r.createElement(e,a)}))},F=function(e,t,n){switch(e){case g.TITLE:return{toComponent:function(){return n=t.titleAttributes,(o={key:e=t.title})["data-rh"]=!0,a=D(n,o),[r.createElement(g.TITLE,a,e)];var e,n,o,a},toString:function(){return function(e,t,n,r){var o=N(n),a=T(t);return o?"<"+e+' data-rh="true" '+o+">"+R(a,r)+"</"+e+">":"<"+e+' data-rh="true">'+R(a,r)+"</"+e+">"}(e,t.title,t.titleAttributes,n)}};case"bodyAttributes":case"htmlAttributes":return{toComponent:function(){return D(t)},toString:function(){return N(t)}};default:return{toComponent:function(){return M(e,t)},toString:function(){return function(e,t,n){return t.reduce((function(t,r){var o=Object.keys(r).filter((function(e){return!("innerHTML"===e||"cssText"===e)})).reduce((function(e,t){var o=void 0===r[t]?t:t+'="'+R(r[t],n)+'"';return e?e+" "+o:o}),""),a=r.innerHTML||r.cssText||"",i=-1===I.indexOf(e);return t+"<"+e+' data-rh="true" '+o+(i?"/>":">"+a+"</"+e+">")}),"")}(e,t,n)}}}},z=function(e){var t=e.baseTag,n=e.bodyAttributes,r=e.encode,o=e.htmlAttributes,a=e.noscriptTags,i=e.styleTags,s=e.title,l=void 0===s?"":s,c=e.titleAttributes,u=e.linkTags,d=e.metaTags,p=e.scriptTags,f={toComponent:function(){},toString:function(){return""}};if(e.prioritizeSeoTags){var m=function(e){var t=e.linkTags,n=e.scriptTags,r=e.encode,o=P(e.metaTags,v),a=P(t,b),i=P(n,y);return{priorityMethods:{toComponent:function(){return[].concat(M(g.META,o.priority),M(g.LINK,a.priority),M(g.SCRIPT,i.priority))},toString:function(){return F(g.META,o.priority,r)+" "+F(g.LINK,a.priority,r)+" "+F(g.SCRIPT,i.priority,r)}},metaTags:o.default,linkTags:a.default,scriptTags:i.default}}(e);f=m.priorityMethods,u=m.linkTags,d=m.metaTags,p=m.scriptTags}return{priority:f,base:F(g.BASE,t,r),bodyAttributes:F("bodyAttributes",n,r),htmlAttributes:F("htmlAttributes",o,r),link:F(g.LINK,u,r),meta:F(g.META,d,r),noscript:F(g.NOSCRIPT,a,r),script:F(g.SCRIPT,p,r),style:F(g.STYLE,i,r),title:F(g.TITLE,{title:l,titleAttributes:c},r)}},B=[],U=function(e,t){var n=this;void 0===t&&(t="undefined"!=typeof document),this.instances=[],this.value={setHelmet:function(e){n.context.helmet=e},helmetInstances:{get:function(){return n.canUseDOM?B:n.instances},add:function(e){(n.canUseDOM?B:n.instances).push(e)},remove:function(e){var t=(n.canUseDOM?B:n.instances).indexOf(e);(n.canUseDOM?B:n.instances).splice(t,1)}}},this.context=e,this.canUseDOM=t,t||(e.helmet=z({baseTag:[],bodyAttributes:{},encodeSpecialCharacters:!0,htmlAttributes:{},linkTags:[],metaTags:[],noscriptTags:[],scriptTags:[],styleTags:[],title:"",titleAttributes:{}}))},q=r.createContext({}),$=a().shape({setHelmet:a().func,helmetInstances:a().shape({get:a().func,add:a().func,remove:a().func})}),H="undefined"!=typeof document,V=function(e){function t(n){var r;return(r=e.call(this,n)||this).helmetData=new U(r.props.context,t.canUseDOM),r}return f(t,e),t.prototype.render=function(){return r.createElement(q.Provider,{value:this.helmetData.value},this.props.children)},t}(r.Component);V.canUseDOM=H,V.propTypes={context:a().shape({helmet:a().shape()}),children:a().node.isRequired},V.defaultProps={context:{}},V.displayName="HelmetProvider";var G=function(e,t){var n,r=document.head||document.querySelector(g.HEAD),o=r.querySelectorAll(e+"[data-rh]"),a=[].slice.call(o),i=[];return t&&t.length&&t.forEach((function(t){var r=document.createElement(e);for(var o in t)Object.prototype.hasOwnProperty.call(t,o)&&("innerHTML"===o?r.innerHTML=t.innerHTML:"cssText"===o?r.styleSheet?r.styleSheet.cssText=t.cssText:r.appendChild(document.createTextNode(t.cssText)):r.setAttribute(o,void 0===t[o]?"":t[o]));r.setAttribute("data-rh","true"),a.some((function(e,t){return n=t,r.isEqualNode(e)}))?a.splice(n,1):i.push(r)})),a.forEach((function(e){return e.parentNode.removeChild(e)})),i.forEach((function(e){return r.appendChild(e)})),{oldTags:a,newTags:i}},W=function(e,t){var n=document.getElementsByTagName(e)[0];if(n){for(var r=n.getAttribute("data-rh"),o=r?r.split(","):[],a=[].concat(o),i=Object.keys(t),s=0;s<i.length;s+=1){var l=i[s],c=t[l]||"";n.getAttribute(l)!==c&&n.setAttribute(l,c),-1===o.indexOf(l)&&o.push(l);var u=a.indexOf(l);-1!==u&&a.splice(u,1)}for(var d=a.length-1;d>=0;d-=1)n.removeAttribute(a[d]);o.length===a.length?n.removeAttribute("data-rh"):n.getAttribute("data-rh")!==i.join(",")&&n.setAttribute("data-rh",i.join(","))}},K=function(e,t){var n=e.baseTag,r=e.htmlAttributes,o=e.linkTags,a=e.metaTags,i=e.noscriptTags,s=e.onChangeClientState,l=e.scriptTags,c=e.styleTags,u=e.title,d=e.titleAttributes;W(g.BODY,e.bodyAttributes),W(g.HTML,r),function(e,t){void 0!==e&&document.title!==e&&(document.title=T(e)),W(g.TITLE,t)}(u,d);var p={baseTag:G(g.BASE,n),linkTags:G(g.LINK,o),metaTags:G(g.META,a),noscriptTags:G(g.NOSCRIPT,i),scriptTags:G(g.SCRIPT,l),styleTags:G(g.STYLE,c)},f={},m={};Object.keys(p).forEach((function(e){var t=p[e],n=t.newTags,r=t.oldTags;n.length&&(f[e]=n),r.length&&(m[e]=p[e].oldTags)})),t&&t(),s(e,f,m)},Q=null,Y=function(e){function t(){for(var t,n=arguments.length,r=new Array(n),o=0;o<n;o++)r[o]=arguments[o];return(t=e.call.apply(e,[this].concat(r))||this).rendered=!1,t}f(t,e);var n=t.prototype;return n.shouldComponentUpdate=function(e){return!d()(e,this.props)},n.componentDidUpdate=function(){this.emitChange()},n.componentWillUnmount=function(){this.props.context.helmetInstances.remove(this),this.emitChange()},n.emitChange=function(){var e,t,n=this.props.context,r=n.setHelmet,o=null,a=(e=n.helmetInstances.get().map((function(e){var t=p({},e.props);return delete t.context,t})),{baseTag:C(["href"],e),bodyAttributes:_("bodyAttributes",e),defer:k(e,"defer"),encode:k(e,"encodeSpecialCharacters"),htmlAttributes:_("htmlAttributes",e),linkTags:A(g.LINK,["rel","href"],e),metaTags:A(g.META,["name","charset","http-equiv","property","itemprop"],e),noscriptTags:A(g.NOSCRIPT,["innerHTML"],e),onChangeClientState:E(e),scriptTags:A(g.SCRIPT,["src","innerHTML"],e),styleTags:A(g.STYLE,["cssText"],e),title:j(e),titleAttributes:_("titleAttributes",e),prioritizeSeoTags:O(e,"prioritizeSeoTags")});V.canUseDOM?(t=a,Q&&cancelAnimationFrame(Q),t.defer?Q=requestAnimationFrame((function(){K(t,(function(){Q=null}))})):(K(t),Q=null)):z&&(o=z(a)),r(o)},n.init=function(){this.rendered||(this.rendered=!0,this.props.context.helmetInstances.add(this),this.emitChange())},n.render=function(){return this.init(),null},t}(r.Component);Y.propTypes={context:$.isRequired},Y.displayName="HelmetDispatcher";var Z=["children"],J=["children"],X=function(e){function t(){return e.apply(this,arguments)||this}f(t,e);var n=t.prototype;return n.shouldComponentUpdate=function(e){return!s()(L(this.props,"helmetData"),L(e,"helmetData"))},n.mapNestedChildrenToProps=function(e,t){if(!t)return null;switch(e.type){case g.SCRIPT:case g.NOSCRIPT:return{innerHTML:t};case g.STYLE:return{cssText:t};default:throw new Error("<"+e.type+" /> elements are self-closing and can not contain children. Refer to our API for more information.")}},n.flattenArrayTypeChildren=function(e){var t,n=e.child,r=e.arrayTypeChildren;return p({},r,((t={})[n.type]=[].concat(r[n.type]||[],[p({},e.newChildProps,this.mapNestedChildrenToProps(n,e.nestedChildren))]),t))},n.mapObjectTypeChildren=function(e){var t,n,r=e.child,o=e.newProps,a=e.newChildProps,i=e.nestedChildren;switch(r.type){case g.TITLE:return p({},o,((t={})[r.type]=i,t.titleAttributes=p({},a),t));case g.BODY:return p({},o,{bodyAttributes:p({},a)});case g.HTML:return p({},o,{htmlAttributes:p({},a)});default:return p({},o,((n={})[r.type]=p({},a),n))}},n.mapArrayTypeChildrenToProps=function(e,t){var n=p({},t);return Object.keys(e).forEach((function(t){var r;n=p({},n,((r={})[t]=e[t],r))})),n},n.warnOnInvalidChildren=function(e,t){return c()(w.some((function(t){return e.type===t})),"function"==typeof e.type?"You may be attempting to nest <Helmet> components within each other, which is not allowed. Refer to our API for more information.":"Only elements types "+w.join(", ")+" are allowed. Helmet does not support rendering <"+e.type+"> elements. Refer to our API for more information."),c()(!t||"string"==typeof t||Array.isArray(t)&&!t.some((function(e){return"string"!=typeof e})),"Helmet expects a string as a child of <"+e.type+">. Did you forget to wrap your children in braces? ( <"+e.type+">{``}</"+e.type+"> ) Refer to our API for more information."),!0},n.mapChildrenToProps=function(e,t){var n=this,o={};return r.Children.forEach(e,(function(e){if(e&&e.props){var r=e.props,a=r.children,i=h(r,Z),s=Object.keys(i).reduce((function(e,t){return e[x[t]||t]=i[t],e}),{}),l=e.type;switch("symbol"==typeof l?l=l.toString():n.warnOnInvalidChildren(e,a),l){case g.FRAGMENT:t=n.mapChildrenToProps(a,t);break;case g.LINK:case g.META:case g.NOSCRIPT:case g.SCRIPT:case g.STYLE:o=n.flattenArrayTypeChildren({child:e,arrayTypeChildren:o,newChildProps:s,nestedChildren:a});break;default:t=n.mapObjectTypeChildren({child:e,newProps:t,newChildProps:s,nestedChildren:a})}}})),this.mapArrayTypeChildrenToProps(o,t)},n.render=function(){var e=this.props,t=e.children,n=h(e,J),o=p({},n),a=n.helmetData;return t&&(o=this.mapChildrenToProps(t,o)),!a||a instanceof U||(a=new U(a.context,a.instances)),a?r.createElement(Y,p({},o,{context:a.value,helmetData:void 0})):r.createElement(q.Consumer,null,(function(e){return r.createElement(Y,p({},o,{context:e}))}))},t}(r.Component);X.propTypes={base:a().object,bodyAttributes:a().object,children:a().oneOfType([a().arrayOf(a().node),a().node]),defaultTitle:a().string,defer:a().bool,encodeSpecialCharacters:a().bool,htmlAttributes:a().object,link:a().arrayOf(a().object),meta:a().arrayOf(a().object),noscript:a().arrayOf(a().object),onChangeClientState:a().func,script:a().arrayOf(a().object),style:a().arrayOf(a().object),title:a().string,titleAttributes:a().object,titleTemplate:a().string,prioritizeSeoTags:a().bool,helmetData:a().object},X.defaultProps={defer:!0,encodeSpecialCharacters:!0,prioritizeSeoTags:!1},X.displayName="Helmet"},5843:(e,t)=>{"use strict";var n="function"==typeof Symbol&&Symbol.for,r=n?Symbol.for("react.element"):60103,o=n?Symbol.for("react.portal"):60106,a=n?Symbol.for("react.fragment"):60107,i=n?Symbol.for("react.strict_mode"):60108,s=n?Symbol.for("react.profiler"):60114,l=n?Symbol.for("react.provider"):60109,c=n?Symbol.for("react.context"):60110,u=n?Symbol.for("react.async_mode"):60111,d=n?Symbol.for("react.concurrent_mode"):60111,p=n?Symbol.for("react.forward_ref"):60112,f=n?Symbol.for("react.suspense"):60113,m=n?Symbol.for("react.suspense_list"):60120,h=n?Symbol.for("react.memo"):60115,g=n?Symbol.for("react.lazy"):60116,b=n?Symbol.for("react.block"):60121,y=n?Symbol.for("react.fundamental"):60117,v=n?Symbol.for("react.responder"):60118,w=n?Symbol.for("react.scope"):60119;function S(e){if("object"==typeof e&&null!==e){var t=e.$$typeof;switch(t){case r:switch(e=e.type){case u:case d:case a:case s:case i:case f:return e;default:switch(e=e&&e.$$typeof){case c:case p:case g:case h:case l:return e;default:return t}}case o:return t}}}function x(e){return S(e)===d}t.AsyncMode=u,t.ConcurrentMode=d,t.ContextConsumer=c,t.ContextProvider=l,t.Element=r,t.ForwardRef=p,t.Fragment=a,t.Lazy=g,t.Memo=h,t.Portal=o,t.Profiler=s,t.StrictMode=i,t.Suspense=f,t.isAsyncMode=function(e){return x(e)||S(e)===u},t.isConcurrentMode=x,t.isContextConsumer=function(e){return S(e)===c},t.isContextProvider=function(e){return S(e)===l},t.isElement=function(e){return"object"==typeof e&&null!==e&&e.$$typeof===r},t.isForwardRef=function(e){return S(e)===p},t.isFragment=function(e){return S(e)===a},t.isLazy=function(e){return S(e)===g},t.isMemo=function(e){return S(e)===h},t.isPortal=function(e){return S(e)===o},t.isProfiler=function(e){return S(e)===s},t.isStrictMode=function(e){return S(e)===i},t.isSuspense=function(e){return S(e)===f},t.isValidElementType=function(e){return"string"==typeof e||"function"==typeof e||e===a||e===d||e===s||e===i||e===f||e===m||"object"==typeof e&&null!==e&&(e.$$typeof===g||e.$$typeof===h||e.$$typeof===l||e.$$typeof===c||e.$$typeof===p||e.$$typeof===y||e.$$typeof===v||e.$$typeof===w||e.$$typeof===b)},t.typeOf=S},5959:(e,t,n)=>{"use strict";e.exports=n(5843)},389:(e,t,n)=>{"use strict";n.d(t,{u:()=>i,v:()=>s});var r=n(5557),o=n(991),a=n(758);function i(e,t,n){return void 0===n&&(n=[]),e.some((function(e){var o=e.path?(0,r.B6)(t,e):n.length?n[n.length-1].match:r.Ix.computeRootMatch(t);return o&&(n.push({route:e,match:o}),e.routes&&i(e.routes,t,n)),o})),n}function s(e,t,n){return void 0===t&&(t={}),void 0===n&&(n={}),e?a.createElement(r.dO,n,e.map((function(e,n){return a.createElement(r.qh,{key:e.key||n,path:e.path,exact:e.exact,strict:e.strict,render:function(n){return e.render?e.render((0,o.A)({},n,{},t,{route:e})):a.createElement(e.component,(0,o.A)({},n,t,{route:e}))}})}))):null}},1742:(e,t,n)=>{"use strict";n.d(t,{I9:()=>d,Kd:()=>u,N_:()=>b,k2:()=>w});var r=n(5557),o=n(1141),a=n(758),i=n(3332),s=n(991),l=n(3302),c=n(5385),u=function(e){function t(){for(var t,n=arguments.length,r=new Array(n),o=0;o<n;o++)r[o]=arguments[o];return(t=e.call.apply(e,[this].concat(r))||this).history=(0,i.zR)(t.props),t}return(0,o.A)(t,e),t.prototype.render=function(){return a.createElement(r.Ix,{history:this.history,children:this.props.children})},t}(a.Component);var d=function(e){function t(){for(var t,n=arguments.length,r=new Array(n),o=0;o<n;o++)r[o]=arguments[o];return(t=e.call.apply(e,[this].concat(r))||this).history=(0,i.TM)(t.props),t}return(0,o.A)(t,e),t.prototype.render=function(){return a.createElement(r.Ix,{history:this.history,children:this.props.children})},t}(a.Component);var p=function(e,t){return"function"==typeof e?e(t):e},f=function(e,t){return"string"==typeof e?(0,i.yJ)(e,null,null,t):e},m=function(e){return e},h=a.forwardRef;void 0===h&&(h=m);var g=h((function(e,t){var n=e.innerRef,r=e.navigate,o=e.onClick,i=(0,l.A)(e,["innerRef","navigate","onClick"]),c=i.target,u=(0,s.A)({},i,{onClick:function(e){try{o&&o(e)}catch(t){throw e.preventDefault(),t}e.defaultPrevented||0!==e.button||c&&"_self"!==c||function(e){return!!(e.metaKey||e.altKey||e.ctrlKey||e.shiftKey)}(e)||(e.preventDefault(),r())}});return u.ref=m!==h&&t||n,a.createElement("a",u)}));var b=h((function(e,t){var n=e.component,o=void 0===n?g:n,u=e.replace,d=e.to,b=e.innerRef,y=(0,l.A)(e,["component","replace","to","innerRef"]);return a.createElement(r.XZ.Consumer,null,(function(e){e||(0,c.A)(!1);var n=e.history,r=f(p(d,e.location),e.location),l=r?n.createHref(r):"",g=(0,s.A)({},y,{href:l,navigate:function(){var t=p(d,e.location),r=(0,i.AO)(e.location)===(0,i.AO)(f(t));(u||r?n.replace:n.push)(t)}});return m!==h?g.ref=t||b:g.innerRef=b,a.createElement(o,g)}))})),y=function(e){return e},v=a.forwardRef;void 0===v&&(v=y);var w=v((function(e,t){var n=e["aria-current"],o=void 0===n?"page":n,i=e.activeClassName,u=void 0===i?"active":i,d=e.activeStyle,m=e.className,h=e.exact,g=e.isActive,w=e.location,S=e.sensitive,x=e.strict,k=e.style,j=e.to,E=e.innerRef,_=(0,l.A)(e,["aria-current","activeClassName","activeStyle","className","exact","isActive","location","sensitive","strict","style","to","innerRef"]);return a.createElement(r.XZ.Consumer,null,(function(e){e||(0,c.A)(!1);var n=w||e.location,i=f(p(j,n),n),l=i.pathname,C=l&&l.replace(/([.+*?=^!:${}()[\]|/\\])/g,"\\$1"),A=C?(0,r.B6)(n.pathname,{path:C,exact:h,sensitive:S,strict:x}):null,O=!!(g?g(A,n):A),T="function"==typeof m?m(O):m,P="function"==typeof k?k(O):k;O&&(T=function(){for(var e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];return t.filter((function(e){return e})).join(" ")}(T,u),P=(0,s.A)({},P,d));var L=(0,s.A)({"aria-current":O&&o||null,className:T,style:P,to:i},_);return y!==v?L.ref=t||E:L.innerRef=E,a.createElement(b,L)}))}))},5557:(e,t,n)=>{"use strict";n.d(t,{B6:()=>k,Ix:()=>v,W6:()=>L,XZ:()=>y,dO:()=>T,qh:()=>j,zy:()=>I});var r=n(1141),o=n(758),a=n(2736),i=n.n(a),s=n(3332),l=n(5385),c=n(991),u=n(6150),d=n.n(u),p=(n(5959),n(3302)),f=(n(1035),1073741823),m="undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:void 0!==n.g?n.g:{};var h=o.createContext||function(e,t){var n,a,s="__create-react-context-"+function(){var e="__global_unique_id__";return m[e]=(m[e]||0)+1}()+"__",l=function(e){function n(){for(var t,n,r,o=arguments.length,a=new Array(o),i=0;i<o;i++)a[i]=arguments[i];return(t=e.call.apply(e,[this].concat(a))||this).emitter=(n=t.props.value,r=[],{on:function(e){r.push(e)},off:function(e){r=r.filter((function(t){return t!==e}))},get:function(){return n},set:function(e,t){n=e,r.forEach((function(e){return e(n,t)}))}}),t}(0,r.A)(n,e);var o=n.prototype;return o.getChildContext=function(){var e;return(e={})[s]=this.emitter,e},o.componentWillReceiveProps=function(e){if(this.props.value!==e.value){var n,r=this.props.value,o=e.value;((a=r)===(i=o)?0!==a||1/a==1/i:a!=a&&i!=i)?n=0:(n="function"==typeof t?t(r,o):f,0!==(n|=0)&&this.emitter.set(e.value,n))}var a,i},o.render=function(){return this.props.children},n}(o.Component);l.childContextTypes=((n={})[s]=i().object.isRequired,n);var c=function(t){function n(){for(var e,n=arguments.length,r=new Array(n),o=0;o<n;o++)r[o]=arguments[o];return(e=t.call.apply(t,[this].concat(r))||this).observedBits=void 0,e.state={value:e.getValue()},e.onUpdate=function(t,n){(0|e.observedBits)&n&&e.setState({value:e.getValue()})},e}(0,r.A)(n,t);var o=n.prototype;return o.componentWillReceiveProps=function(e){var t=e.observedBits;this.observedBits=null==t?f:t},o.componentDidMount=function(){this.context[s]&&this.context[s].on(this.onUpdate);var e=this.props.observedBits;this.observedBits=null==e?f:e},o.componentWillUnmount=function(){this.context[s]&&this.context[s].off(this.onUpdate)},o.getValue=function(){return this.context[s]?this.context[s].get():e},o.render=function(){return(e=this.props.children,Array.isArray(e)?e[0]:e)(this.state.value);var e},n}(o.Component);return c.contextTypes=((a={})[s]=i().object,a),{Provider:l,Consumer:c}},g=function(e){var t=h();return t.displayName=e,t},b=g("Router-History"),y=g("Router"),v=function(e){function t(t){var n;return(n=e.call(this,t)||this).state={location:t.history.location},n._isMounted=!1,n._pendingLocation=null,t.staticContext||(n.unlisten=t.history.listen((function(e){n._pendingLocation=e}))),n}(0,r.A)(t,e),t.computeRootMatch=function(e){return{path:"/",url:"/",params:{},isExact:"/"===e}};var n=t.prototype;return n.componentDidMount=function(){var e=this;this._isMounted=!0,this.unlisten&&this.unlisten(),this.props.staticContext||(this.unlisten=this.props.history.listen((function(t){e._isMounted&&e.setState({location:t})}))),this._pendingLocation&&this.setState({location:this._pendingLocation})},n.componentWillUnmount=function(){this.unlisten&&(this.unlisten(),this._isMounted=!1,this._pendingLocation=null)},n.render=function(){return o.createElement(y.Provider,{value:{history:this.props.history,location:this.state.location,match:t.computeRootMatch(this.state.location.pathname),staticContext:this.props.staticContext}},o.createElement(b.Provider,{children:this.props.children||null,value:this.props.history}))},t}(o.Component);o.Component;o.Component;var w={},S=1e4,x=0;function k(e,t){void 0===t&&(t={}),("string"==typeof t||Array.isArray(t))&&(t={path:t});var n=t,r=n.path,o=n.exact,a=void 0!==o&&o,i=n.strict,s=void 0!==i&&i,l=n.sensitive,c=void 0!==l&&l;return[].concat(r).reduce((function(t,n){if(!n&&""!==n)return null;if(t)return t;var r=function(e,t){var n=""+t.end+t.strict+t.sensitive,r=w[n]||(w[n]={});if(r[e])return r[e];var o=[],a={regexp:d()(e,o,t),keys:o};return x<S&&(r[e]=a,x++),a}(n,{end:a,strict:s,sensitive:c}),o=r.regexp,i=r.keys,l=o.exec(e);if(!l)return null;var u=l[0],p=l.slice(1),f=e===u;return a&&!f?null:{path:n,url:"/"===n&&""===u?"/":u,isExact:f,params:i.reduce((function(e,t,n){return e[t.name]=p[n],e}),{})}}),null)}var j=function(e){function t(){return e.apply(this,arguments)||this}return(0,r.A)(t,e),t.prototype.render=function(){var e=this;return o.createElement(y.Consumer,null,(function(t){t||(0,l.A)(!1);var n=e.props.location||t.location,r=e.props.computedMatch?e.props.computedMatch:e.props.path?k(n.pathname,e.props):t.match,a=(0,c.A)({},t,{location:n,match:r}),i=e.props,s=i.children,u=i.component,d=i.render;return Array.isArray(s)&&function(e){return 0===o.Children.count(e)}(s)&&(s=null),o.createElement(y.Provider,{value:a},a.match?s?"function"==typeof s?s(a):s:u?o.createElement(u,a):d?d(a):null:"function"==typeof s?s(a):null)}))},t}(o.Component);function E(e){return"/"===e.charAt(0)?e:"/"+e}function _(e,t){if(!e)return t;var n=E(e);return 0!==t.pathname.indexOf(n)?t:(0,c.A)({},t,{pathname:t.pathname.substr(n.length)})}function C(e){return"string"==typeof e?e:(0,s.AO)(e)}function A(e){return function(){(0,l.A)(!1)}}function O(){}o.Component;var T=function(e){function t(){return e.apply(this,arguments)||this}return(0,r.A)(t,e),t.prototype.render=function(){var e=this;return o.createElement(y.Consumer,null,(function(t){t||(0,l.A)(!1);var n,r,a=e.props.location||t.location;return o.Children.forEach(e.props.children,(function(e){if(null==r&&o.isValidElement(e)){n=e;var i=e.props.path||e.props.from;r=i?k(a.pathname,(0,c.A)({},e.props,{path:i})):t.match}})),r?o.cloneElement(n,{location:a,computedMatch:r}):null}))},t}(o.Component);var P=o.useContext;function L(){return P(b)}function I(){return P(y).location}},7462:(e,t,n)=>{"use strict";var r=n(758),o=Symbol.for("react.element"),a=Symbol.for("react.fragment"),i=Object.prototype.hasOwnProperty,s=r.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,l={key:!0,ref:!0,__self:!0,__source:!0};function c(e,t,n){var r,a={},c=null,u=null;for(r in void 0!==n&&(c=""+n),void 0!==t.key&&(c=""+t.key),void 0!==t.ref&&(u=t.ref),t)i.call(t,r)&&!l.hasOwnProperty(r)&&(a[r]=t[r]);if(e&&e.defaultProps)for(r in t=e.defaultProps)void 0===a[r]&&(a[r]=t[r]);return{$$typeof:o,type:e,key:c,ref:u,props:a,_owner:s.current}}t.Fragment=a,t.jsx=c,t.jsxs=c},2713:(e,t)=>{"use strict";var n=Symbol.for("react.element"),r=Symbol.for("react.portal"),o=Symbol.for("react.fragment"),a=Symbol.for("react.strict_mode"),i=Symbol.for("react.profiler"),s=Symbol.for("react.provider"),l=Symbol.for("react.context"),c=Symbol.for("react.forward_ref"),u=Symbol.for("react.suspense"),d=Symbol.for("react.memo"),p=Symbol.for("react.lazy"),f=Symbol.iterator;var m={isMounted:function(){return!1},enqueueForceUpdate:function(){},enqueueReplaceState:function(){},enqueueSetState:function(){}},h=Object.assign,g={};function b(e,t,n){this.props=e,this.context=t,this.refs=g,this.updater=n||m}function y(){}function v(e,t,n){this.props=e,this.context=t,this.refs=g,this.updater=n||m}b.prototype.isReactComponent={},b.prototype.setState=function(e,t){if("object"!=typeof e&&"function"!=typeof e&&null!=e)throw Error("setState(...): takes an object of state variables to update or a function which returns an object of state variables.");this.updater.enqueueSetState(this,e,t,"setState")},b.prototype.forceUpdate=function(e){this.updater.enqueueForceUpdate(this,e,"forceUpdate")},y.prototype=b.prototype;var w=v.prototype=new y;w.constructor=v,h(w,b.prototype),w.isPureReactComponent=!0;var S=Array.isArray,x=Object.prototype.hasOwnProperty,k={current:null},j={key:!0,ref:!0,__self:!0,__source:!0};function E(e,t,r){var o,a={},i=null,s=null;if(null!=t)for(o in void 0!==t.ref&&(s=t.ref),void 0!==t.key&&(i=""+t.key),t)x.call(t,o)&&!j.hasOwnProperty(o)&&(a[o]=t[o]);var l=arguments.length-2;if(1===l)a.children=r;else if(1<l){for(var c=Array(l),u=0;u<l;u++)c[u]=arguments[u+2];a.children=c}if(e&&e.defaultProps)for(o in l=e.defaultProps)void 0===a[o]&&(a[o]=l[o]);return{$$typeof:n,type:e,key:i,ref:s,props:a,_owner:k.current}}function _(e){return"object"==typeof e&&null!==e&&e.$$typeof===n}var C=/\/+/g;function A(e,t){return"object"==typeof e&&null!==e&&null!=e.key?function(e){var t={"=":"=0",":":"=2"};return"$"+e.replace(/[=:]/g,(function(e){return t[e]}))}(""+e.key):t.toString(36)}function O(e,t,o,a,i){var s=typeof e;"undefined"!==s&&"boolean"!==s||(e=null);var l=!1;if(null===e)l=!0;else switch(s){case"string":case"number":l=!0;break;case"object":switch(e.$$typeof){case n:case r:l=!0}}if(l)return i=i(l=e),e=""===a?"."+A(l,0):a,S(i)?(o="",null!=e&&(o=e.replace(C,"$&/")+"/"),O(i,t,o,"",(function(e){return e}))):null!=i&&(_(i)&&(i=function(e,t){return{$$typeof:n,type:e.type,key:t,ref:e.ref,props:e.props,_owner:e._owner}}(i,o+(!i.key||l&&l.key===i.key?"":(""+i.key).replace(C,"$&/")+"/")+e)),t.push(i)),1;if(l=0,a=""===a?".":a+":",S(e))for(var c=0;c<e.length;c++){var u=a+A(s=e[c],c);l+=O(s,t,o,u,i)}else if(u=function(e){return null===e||"object"!=typeof e?null:"function"==typeof(e=f&&e[f]||e["@@iterator"])?e:null}(e),"function"==typeof u)for(e=u.call(e),c=0;!(s=e.next()).done;)l+=O(s=s.value,t,o,u=a+A(s,c++),i);else if("object"===s)throw t=String(e),Error("Objects are not valid as a React child (found: "+("[object Object]"===t?"object with keys {"+Object.keys(e).join(", ")+"}":t)+"). If you meant to render a collection of children, use an array instead.");return l}function T(e,t,n){if(null==e)return e;var r=[],o=0;return O(e,r,"","",(function(e){return t.call(n,e,o++)})),r}function P(e){if(-1===e._status){var t=e._result;(t=t()).then((function(t){0!==e._status&&-1!==e._status||(e._status=1,e._result=t)}),(function(t){0!==e._status&&-1!==e._status||(e._status=2,e._result=t)})),-1===e._status&&(e._status=0,e._result=t)}if(1===e._status)return e._result.default;throw e._result}var L={current:null},I={transition:null},R={ReactCurrentDispatcher:L,ReactCurrentBatchConfig:I,ReactCurrentOwner:k};function N(){throw Error("act(...) is not supported in production builds of React.")}t.Children={map:T,forEach:function(e,t,n){T(e,(function(){t.apply(this,arguments)}),n)},count:function(e){var t=0;return T(e,(function(){t++})),t},toArray:function(e){return T(e,(function(e){return e}))||[]},only:function(e){if(!_(e))throw Error("React.Children.only expected to receive a single React element child.");return e}},t.Component=b,t.Fragment=o,t.Profiler=i,t.PureComponent=v,t.StrictMode=a,t.Suspense=u,t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED=R,t.act=N,t.cloneElement=function(e,t,r){if(null==e)throw Error("React.cloneElement(...): The argument must be a React element, but you passed "+e+".");var o=h({},e.props),a=e.key,i=e.ref,s=e._owner;if(null!=t){if(void 0!==t.ref&&(i=t.ref,s=k.current),void 0!==t.key&&(a=""+t.key),e.type&&e.type.defaultProps)var l=e.type.defaultProps;for(c in t)x.call(t,c)&&!j.hasOwnProperty(c)&&(o[c]=void 0===t[c]&&void 0!==l?l[c]:t[c])}var c=arguments.length-2;if(1===c)o.children=r;else if(1<c){l=Array(c);for(var u=0;u<c;u++)l[u]=arguments[u+2];o.children=l}return{$$typeof:n,type:e.type,key:a,ref:i,props:o,_owner:s}},t.createContext=function(e){return(e={$$typeof:l,_currentValue:e,_currentValue2:e,_threadCount:0,Provider:null,Consumer:null,_defaultValue:null,_globalName:null}).Provider={$$typeof:s,_context:e},e.Consumer=e},t.createElement=E,t.createFactory=function(e){var t=E.bind(null,e);return t.type=e,t},t.createRef=function(){return{current:null}},t.forwardRef=function(e){return{$$typeof:c,render:e}},t.isValidElement=_,t.lazy=function(e){return{$$typeof:p,_payload:{_status:-1,_result:e},_init:P}},t.memo=function(e,t){return{$$typeof:d,type:e,compare:void 0===t?null:t}},t.startTransition=function(e){var t=I.transition;I.transition={};try{e()}finally{I.transition=t}},t.unstable_act=N,t.useCallback=function(e,t){return L.current.useCallback(e,t)},t.useContext=function(e){return L.current.useContext(e)},t.useDebugValue=function(){},t.useDeferredValue=function(e){return L.current.useDeferredValue(e)},t.useEffect=function(e,t){return L.current.useEffect(e,t)},t.useId=function(){return L.current.useId()},t.useImperativeHandle=function(e,t,n){return L.current.useImperativeHandle(e,t,n)},t.useInsertionEffect=function(e,t){return L.current.useInsertionEffect(e,t)},t.useLayoutEffect=function(e,t){return L.current.useLayoutEffect(e,t)},t.useMemo=function(e,t){return L.current.useMemo(e,t)},t.useReducer=function(e,t,n){return L.current.useReducer(e,t,n)},t.useRef=function(e){return L.current.useRef(e)},t.useState=function(e){return L.current.useState(e)},t.useSyncExternalStore=function(e,t,n){return L.current.useSyncExternalStore(e,t,n)},t.useTransition=function(){return L.current.useTransition()},t.version="18.3.1"},758:(e,t,n)=>{"use strict";e.exports=n(2713)},6070:(e,t,n)=>{"use strict";e.exports=n(7462)},4733:(e,t)=>{"use strict";function n(e,t){var n=e.length;e.push(t);e:for(;0<n;){var r=n-1>>>1,o=e[r];if(!(0<a(o,t)))break e;e[r]=t,e[n]=o,n=r}}function r(e){return 0===e.length?null:e[0]}function o(e){if(0===e.length)return null;var t=e[0],n=e.pop();if(n!==t){e[0]=n;e:for(var r=0,o=e.length,i=o>>>1;r<i;){var s=2*(r+1)-1,l=e[s],c=s+1,u=e[c];if(0>a(l,n))c<o&&0>a(u,l)?(e[r]=u,e[c]=n,r=c):(e[r]=l,e[s]=n,r=s);else{if(!(c<o&&0>a(u,n)))break e;e[r]=u,e[c]=n,r=c}}}return t}function a(e,t){var n=e.sortIndex-t.sortIndex;return 0!==n?n:e.id-t.id}if("object"==typeof performance&&"function"==typeof performance.now){var i=performance;t.unstable_now=function(){return i.now()}}else{var s=Date,l=s.now();t.unstable_now=function(){return s.now()-l}}var c=[],u=[],d=1,p=null,f=3,m=!1,h=!1,g=!1,b="function"==typeof setTimeout?setTimeout:null,y="function"==typeof clearTimeout?clearTimeout:null,v="undefined"!=typeof setImmediate?setImmediate:null;function w(e){for(var t=r(u);null!==t;){if(null===t.callback)o(u);else{if(!(t.startTime<=e))break;o(u),t.sortIndex=t.expirationTime,n(c,t)}t=r(u)}}function S(e){if(g=!1,w(e),!h)if(null!==r(c))h=!0,I(x);else{var t=r(u);null!==t&&R(S,t.startTime-e)}}function x(e,n){h=!1,g&&(g=!1,y(_),_=-1),m=!0;var a=f;try{for(w(n),p=r(c);null!==p&&(!(p.expirationTime>n)||e&&!O());){var i=p.callback;if("function"==typeof i){p.callback=null,f=p.priorityLevel;var s=i(p.expirationTime<=n);n=t.unstable_now(),"function"==typeof s?p.callback=s:p===r(c)&&o(c),w(n)}else o(c);p=r(c)}if(null!==p)var l=!0;else{var d=r(u);null!==d&&R(S,d.startTime-n),l=!1}return l}finally{p=null,f=a,m=!1}}"undefined"!=typeof navigator&&void 0!==navigator.scheduling&&void 0!==navigator.scheduling.isInputPending&&navigator.scheduling.isInputPending.bind(navigator.scheduling);var k,j=!1,E=null,_=-1,C=5,A=-1;function O(){return!(t.unstable_now()-A<C)}function T(){if(null!==E){var e=t.unstable_now();A=e;var n=!0;try{n=E(!0,e)}finally{n?k():(j=!1,E=null)}}else j=!1}if("function"==typeof v)k=function(){v(T)};else if("undefined"!=typeof MessageChannel){var P=new MessageChannel,L=P.port2;P.port1.onmessage=T,k=function(){L.postMessage(null)}}else k=function(){b(T,0)};function I(e){E=e,j||(j=!0,k())}function R(e,n){_=b((function(){e(t.unstable_now())}),n)}t.unstable_IdlePriority=5,t.unstable_ImmediatePriority=1,t.unstable_LowPriority=4,t.unstable_NormalPriority=3,t.unstable_Profiling=null,t.unstable_UserBlockingPriority=2,t.unstable_cancelCallback=function(e){e.callback=null},t.unstable_continueExecution=function(){h||m||(h=!0,I(x))},t.unstable_forceFrameRate=function(e){0>e||125<e?console.error("forceFrameRate takes a positive int between 0 and 125, forcing frame rates higher than 125 fps is not supported"):C=0<e?Math.floor(1e3/e):5},t.unstable_getCurrentPriorityLevel=function(){return f},t.unstable_getFirstCallbackNode=function(){return r(c)},t.unstable_next=function(e){switch(f){case 1:case 2:case 3:var t=3;break;default:t=f}var n=f;f=t;try{return e()}finally{f=n}},t.unstable_pauseExecution=function(){},t.unstable_requestPaint=function(){},t.unstable_runWithPriority=function(e,t){switch(e){case 1:case 2:case 3:case 4:case 5:break;default:e=3}var n=f;f=e;try{return t()}finally{f=n}},t.unstable_scheduleCallback=function(e,o,a){var i=t.unstable_now();switch("object"==typeof a&&null!==a?a="number"==typeof(a=a.delay)&&0<a?i+a:i:a=i,e){case 1:var s=-1;break;case 2:s=250;break;case 5:s=1073741823;break;case 4:s=1e4;break;default:s=5e3}return e={id:d++,callback:o,priorityLevel:e,startTime:a,expirationTime:s=a+s,sortIndex:-1},a>i?(e.sortIndex=a,n(u,e),null===r(c)&&e===r(u)&&(g?(y(_),_=-1):g=!0,R(S,a-i))):(e.sortIndex=s,n(c,e),h||m||(h=!0,I(x))),e},t.unstable_shouldYield=O,t.unstable_wrapCallback=function(e){var t=f;return function(){var n=f;f=t;try{return e.apply(this,arguments)}finally{f=n}}}},1896:(e,t,n)=>{"use strict";e.exports=n(4733)},2945:e=>{e.exports=function(e,t,n,r){var o=n?n.call(r,e,t):void 0;if(void 0!==o)return!!o;if(e===t)return!0;if("object"!=typeof e||!e||"object"!=typeof t||!t)return!1;var a=Object.keys(e),i=Object.keys(t);if(a.length!==i.length)return!1;for(var s=Object.prototype.hasOwnProperty.bind(t),l=0;l<a.length;l++){var c=a[l];if(!s(c))return!1;var u=e[c],d=t[c];if(!1===(o=n?n.call(r,u,d,c):void 0)||void 0===o&&u!==d)return!1}return!0}},4784:(e,t,n)=>{"use strict";n.r(t),n.d(t,{default:()=>r});const r={title:"Feature-Sliced Design",tagline:"Architectural methodology for frontend projects",organizationName:"feature-sliced",projectName:"documentation",url:"https://feature-sliced.design",favicon:"img/favicon/classic.png",baseUrl:"/ja/",i18n:{defaultLocale:"en",locales:["ru","en","uz","kr","ja"],localeConfigs:{ru:{label:"\u0420\u0443\u0441\u0441\u043a\u0438\u0439",direction:"ltr"},en:{label:"English",direction:"ltr"},uz:{label:"O'zbekcha",direction:"ltr"},kr:{label:"\ud55c\uad6d\uc5b4",direction:"ltr"},ja:{label:"\u65e5\u672c\u8a9e",direction:"ltr"}},path:"i18n"},presets:[["@docusaurus/preset-classic",{docs:{path:"i18n/en/docusaurus-plugin-content-docs/current",breadcrumbs:!0,editLocalizedFiles:!0,sidebarPath:"/home/runner/work/documentation/documentation/config/docusaurus/sidebars.docs.js",editUrl:"https://github.com/feature-sliced/documentation/edit/master/",showLastUpdateTime:!0,versions:{current:{label:"v2.0.0 \ud83c\udf70"}}},blog:{showReadingTime:!0,editUrl:"https://github.com/feature-sliced/documentation/edit/master/blog/",onInlineAuthors:"ignore"},theme:{customCss:"/home/runner/work/documentation/documentation/src/app/index.scss"},sitemap:{changefreq:"weekly",priority:.5}}]],plugins:[["@docusaurus/plugin-content-docs",{id:"community",breadcrumbs:!0,path:"i18n/en/docusaurus-plugin-content-docs/community",editLocalizedFiles:!0,routeBasePath:"community",editUrl:"https://github.com/feature-sliced/documentation/edit/master/",sidebarPath:"/home/runner/work/documentation/documentation/config/docusaurus/sidebars.community.js",showLastUpdateAuthor:!0,showLastUpdateTime:!0}],"docusaurus-plugin-sass",["@docusaurus/plugin-client-redirects",{redirects:[{from:"/branding",to:"/docs/branding"},{from:"/docs/guides/migration",to:"/docs/guides/migration/from-custom"},{from:"/docs/get-started/quick-start",to:"/docs/get-started/tutorial"},{from:"/docs/get-started/basics",to:"/docs/get-started/overview"},{from:["/docs/get-started/tutorial/decompose","/docs/get-started/tutorial/design-mockup","/docs/get-started/onboard/cheatsheet"],to:"/docs/get-started/cheatsheet"},{from:["/docs/about/alternatives/big-ball-of-mud","/docs/about/alternatives/design-principles","/docs/about/alternatives/ddd","/docs/about/alternatives/clean-architecture","/docs/about/alternatives/frameworks","/docs/about/alternatives/atomic-design","/docs/about/alternatives/smart-dumb-components","/docs/about/alternatives/feature-driven"],to:"/docs/about/alternatives"},{from:"/docs/reference/knowledge-types",to:"/docs/about/understanding/knowledge-types"},{from:"/docs/concepts/needs-driven",to:"/docs/about/understanding/needs-driven"},{from:"/docs/concepts/architecture",to:"/docs/about/understanding/architecture"},{from:"/docs/concepts/naming-adaptability",to:"/docs/about/understanding/naming"},{from:"/docs/concepts/signals",to:"/docs/about/understanding/signals"},{from:"/docs/concepts/abstractions",to:"/docs/about/understanding/abstractions"},{from:"/docs/concepts/decouple-entities",to:"/docs/reference/isolation/decouple-entities"},{from:"/docs/concepts/low-coupling",to:"/docs/reference/isolation/coupling-cohesion"},{from:"/docs/concepts/cross-communication",to:"/docs/reference/isolation"},{from:"/docs/concepts/app-splitting",to:"/docs/reference"},{from:"/docs/reference/units/decomposition",to:"/docs/reference"},{from:"/docs/reference/units",to:"/docs/reference"},{from:"/docs/reference/units/layers",to:"/docs/reference/layers"},{from:"/docs/reference/layers/overview",to:"/docs/reference/layers"},{from:"/docs/reference/units/layers/app",to:"/docs/reference/layers"},{from:"/docs/reference/units/layers/processes",to:"/docs/reference/layers"},{from:"/docs/reference/units/layers/pages",to:"/docs/reference/layers"},{from:"/docs/reference/units/layers/widgets",to:"/docs/reference/layers"},{from:"/docs/reference/layers/widgets",to:"/docs/reference/layers"},{from:"/docs/reference/units/layers/features",to:"/docs/reference/layers"},{from:"/docs/reference/units/layers/entities",to:"/docs/reference/layers"},{from:"/docs/reference/units/layers/shared",to:"/docs/reference/layers"},{from:"/docs/reference/units/segments",to:"/docs/reference/slices-segments"},{from:"/docs/concepts/issues/cross-imports",to:"/docs/guides/issues/cross-imports"},{from:"/docs/concepts/issues/desegmented",to:"/docs/guides/issues/desegmented"},{from:"/docs/concepts/issues/routes",to:"/docs/guides/issues/routes"},{from:"/docs/guides/examples/viewer",to:"/docs/guides/examples/auth"},{from:"/docs/guides/monorepo",to:"/docs/guides/examples/monorepo"},{from:"/docs/guides/white-labels",to:"/docs/guides/examples/white-labels"},{from:"/docs/guides/migration-from-v1",to:"/docs/guides/migration/from-v1"},{from:"/docs/guides/migration-from-legacy",to:"/docs/guides/migration/from-custom"},{from:"/docs/guides/usage-with-nextjs",to:"/docs/guides/tech/with-nextjs"},{from:"/docs/guides/migration/from-legacy",to:"/docs/guides/migration/from-custom"},{from:"/en/docs/about",to:"/docs/about"},{from:"/en/docs/about/alternatives",to:"/docs/about/alternatives"},{from:"/en/docs/about/mission",to:"/docs/about/mission"},{from:"/en/docs/about/motivation",to:"/docs/about/motivation"},{from:"/en/docs/about/promote/for-company",to:"/docs/about/promote/for-company"},{from:"/en/docs/about/promote/for-team",to:"/docs/about/promote/for-team"},{from:"/en/docs/about/promote/integration",to:"/docs/about/promote/integration"},{from:"/en/docs/about/promote/partial-application",to:"/docs/about/promote/partial-application"},{from:"/en/docs/branding",to:"/docs/branding"},{from:"/en/docs/get-started",to:"/docs/get-started"},{from:"/en/docs/get-started/overview",to:"/docs/get-started/overview"},{from:"/en/docs/get-started/cheatsheet",to:"/docs/get-started/cheatsheet"},{from:"/en/docs/get-started/faq",to:"/docs/get-started/faq"},{from:"/en/docs/get-started/tutorial",to:"/docs/get-started/tutorial"},{from:"/en/docs/guides",to:"/docs/guides"},{from:"/en/docs/guides/examples",to:"/docs/guides/examples"},{from:"/en/docs/guides/examples/auth",to:"/docs/guides/examples/auth"},{from:"/en/docs/guides/examples/autocompleted",to:"/docs/guides/examples/autocompleted"},{from:"/en/docs/guides/examples/browser-api",to:"/docs/guides/examples/browser-api"},{from:"/en/docs/guides/examples/cms",to:"/docs/guides/examples/cms"},{from:"/en/docs/guides/examples/feedback",to:"/docs/guides/examples/feedback"},{from:"/en/docs/guides/examples/i18n",to:"/docs/guides/examples/i18n"},{from:"/en/docs/guides/examples/metric",to:"/docs/guides/examples/metric"},{from:"/en/docs/guides/examples/monorepo",to:"/docs/guides/examples/monorepo"},{from:"/en/docs/guides/examples/page-layout",to:"/docs/guides/examples/page-layout"},{from:"/en/docs/guides/examples/platforms",to:"/docs/guides/examples/platforms"},{from:"/en/docs/guides/examples/ssr",to:"/docs/guides/examples/ssr"},{from:"/en/docs/guides/examples/theme",to:"/docs/guides/examples/theme"},{from:"/en/docs/guides/examples/types",to:"/docs/guides/examples/types"},{from:"/en/docs/guides/examples/white-labels",to:"/docs/guides/examples/white-labels"},{from:"/en/docs/guides/migration/from-custom",to:"/docs/guides/migration/from-custom"},{from:"/en/docs/guides/migration/from-v1",to:"/docs/guides/migration/from-v1"},{from:"/en/docs/guides/tech/with-nextjs",to:"/docs/guides/tech/with-nextjs"},{from:"/en/docs/",to:"/docs/"},{from:"/en/docs/reference",to:"/docs/reference"}]}],["@docusaurus/plugin-ideal-image",{quality:70,max:1030,min:640,steps:2}],"plugin-image-zoom"],onBrokenLinks:"throw",onBrokenMarkdownLinks:"throw",onDuplicateRoutes:"warn",customFields:{legacyRoutes:[{group:"\ud83d\ude80 Get Started",details:"Simplified and merged",children:[{title:"Tutorial",from:"/docs/get-started/quick-start",to:"/docs/get-started/tutorial"},{title:"Basics",from:"/docs/get-started/basics",to:"/docs/get-started/overview"},{title:"Decompose Cheatsheet",from:["/docs/get-started/tutorial/decompose","/docs/get-started/tutorial/design-mockup","/docs/get-started/onboard/cheatsheet"],to:"/docs/get-started/cheatsheet"}]},{group:"\ud83c\udf70 Alternatives",details:"Moved and merged to /about/alternatives as advanced materials",children:[{title:"Architecture approaches alternatives",from:["/docs/about/alternatives/big-ball-of-mud","/docs/about/alternatives/design-principles","/docs/about/alternatives/ddd","/docs/about/alternatives/clean-architecture","/docs/about/alternatives/frameworks","/docs/about/alternatives/atomic-design","/docs/about/alternatives/smart-dumb-components","/docs/about/alternatives/feature-driven"],to:"/docs/about/alternatives"}]},{group:"\ud83c\udf70 Promote & Understanding",details:"Moved to /about as advanced materials",children:[{title:"Knowledge types",from:"/docs/reference/knowledge-types",to:"/docs/about/understanding/knowledge-types"},{title:"Needs driven",from:"/docs/concepts/needs-driven",to:"/docs/about/understanding/needs-driven"},{title:"About architecture",from:"/docs/concepts/architecture",to:"/docs/about/understanding/architecture"},{title:"Naming adaptability",from:"/docs/concepts/naming-adaptability",to:"/docs/about/understanding/naming"},{title:"Signals of architecture",from:"/docs/concepts/signals",to:"/docs/about/understanding/signals"},{title:"Abstractions of architecture",from:"/docs/concepts/abstractions",to:"/docs/about/understanding/abstractions"}]},{group:"\ud83d\udcda Reference guidelines (isolation & units)",details:"Moved to /reference as theoretical materials (old concepts)",children:[{title:"Decouple of entities",from:"/docs/concepts/decouple-entities",to:"/docs/reference/isolation/decouple-entities"},{title:"Low Coupling & High Cohesion",from:"/docs/concepts/low-coupling",to:"/docs/reference/isolation/coupling-cohesion"},{title:"Cross-communication",from:"/docs/concepts/cross-communication",to:"/docs/reference/isolation"},{title:"App splitting",from:"/docs/concepts/app-splitting",to:"/docs/reference"},{title:"Decomposition",from:"/docs/reference/units/decomposition",to:"/docs/reference"},{title:"Units",from:"/docs/reference/units",to:"/docs/reference"},{title:"Layers",from:"/docs/reference/units/layers",to:"/docs/reference/layers"},{title:"Layer overview",from:"/docs/reference/layers/overview",to:"/docs/reference/layers"},{title:"App layer",from:"/docs/reference/units/layers/app",to:"/docs/reference/layers"},{title:"Processes layer",from:"/docs/reference/units/layers/processes",to:"/docs/reference/layers"},{title:"Pages layer",from:"/docs/reference/units/layers/pages",to:"/docs/reference/layers"},{title:"Widgets layer",from:"/docs/reference/units/layers/widgets",to:"/docs/reference/layers"},{title:"Widgets layer",from:"/docs/reference/layers/widgets",to:"/docs/reference/layers"},{title:"Features layer",from:"/docs/reference/units/layers/features",to:"/docs/reference/layers"},{title:"Entities layer",from:"/docs/reference/units/layers/entities",to:"/docs/reference/layers"},{title:"Shared layer",from:"/docs/reference/units/layers/shared",to:"/docs/reference/layers"},{title:"Segments",from:"/docs/reference/units/segments",to:"/docs/reference/slices-segments"}]},{group:"\ud83c\udfaf Bad Practices handbook",details:"Moved to /guides as practice materials",children:[{title:"Cross-imports",from:"/docs/concepts/issues/cross-imports",to:"/docs/guides/issues/cross-imports"},{title:"Desegmented",from:"/docs/concepts/issues/desegmented",to:"/docs/guides/issues/desegmented"},{title:"Routes",from:"/docs/concepts/issues/routes",to:"/docs/guides/issues/routes"}]},{group:"\ud83c\udfaf Examples",details:"Grouped and simplified into /guides/examples as practical examples",children:[{title:"Viewer logic",from:"/docs/guides/examples/viewer",to:"/docs/guides/examples/auth"},{title:"Monorepo",from:"/docs/guides/monorepo",to:"/docs/guides/examples/monorepo"},{title:"White Labels",from:"/docs/guides/white-labels",to:"/docs/guides/examples/white-labels"}]},{group:"\ud83c\udfaf Migration",details:"Grouped and simplified into /guides/migration as migration guidelines",children:[{title:"Migration from V1",from:"/docs/guides/migration-from-v1",to:"/docs/guides/migration/from-v1"},{title:"Migration from Legacy",from:"/docs/guides/migration-from-legacy",to:"/docs/guides/migration/from-custom"}]},{group:"\ud83c\udfaf Tech",details:"Grouped into /guides/tech as tech-specific usage guidelines",children:[{title:"Usage with NextJS",from:"/docs/guides/usage-with-nextjs",to:"/docs/guides/tech/with-nextjs"}]},{group:"Rename 'legacy' to 'custom'",details:"'Legacy' is derogatory, we don't get to call people's projects legacy",children:[{title:"Rename 'legacy' to custom",from:"/docs/guides/migration/from-legacy",to:"/docs/guides/migration/from-custom"}]}],pushFeedbackProjectId:"5i2vbxcpaz"},trailingSlash:!1,themeConfig:{image:"img/preview.png",docs:{sidebar:{hideable:!0,autoCollapseCategories:!0},versionPersistence:"localStorage"},colorMode:{respectPrefersColorScheme:!0,defaultMode:"light",disableSwitch:!1},navbar:{title:"",logo:{alt:"logo",src:"img/brand/logo-primary.png"},items:[{label:"\ud83d\udcd6 \u30c9\u30ad\u30e5\u30e1\u30f3\u30c8",to:"/docs",position:"left"},{label:"\ud83d\udcab \u30b3\u30df\u30e5\u30cb\u30c6\u30a3",to:"/community",position:"left"},{label:"\ud83d\udcdd \u30d6\u30ed\u30b0",to:"/blog",position:"left"},{label:"\ud83d\udee0 \u5b9f\u88c5\u4f8b",to:"/examples",position:"left"},{type:"docsVersionDropdown",position:"right",dropdownActiveClassDisabled:!0,dropdownItemsAfter:[{to:"https://feature-sliced.github.io/featureslices.dev/v1.0.html",label:"v1.0"},{to:"https://feature-sliced.github.io/featureslices.dev/v0.1.html",label:"v0.1"},{to:"https://github.com/feature-sliced/documentation/tree/rc/feature-driven",label:"feature-driven"},{to:"/versions",label:"All versions"}],dropdownItemsBefore:[]},{type:"localeDropdown",position:"right",dropdownItemsAfter:[{href:"https://github.com/feature-sliced/documentation/issues/244",label:"Help Us Translate"}],dropdownItemsBefore:[]},{href:"https://discord.gg/S8MzWTUsmp",position:"right",className:"ext-link discord","aria-label":"Discord community server"},{href:"https://github.com/feature-sliced/documentation",position:"right",className:"ext-link github","aria-label":"GitHub repository"}],hideOnScroll:!1},footer:{style:"dark",links:[{title:"\u4ed5\u69d8",items:[{label:"\u30c9\u30ad\u30e5\u30e1\u30f3\u30c8",to:"/docs"},{label:"\u30b3\u30df\u30e5\u30cb\u30c6\u30a3",to:"/community"},{label:"\u30d8\u30eb\u30d7",to:"/nav"},{label:"\u30c7\u30a3\u30b9\u30ab\u30c3\u30b7\u30e7\u30f3",href:"https://github.com/feature-sliced/documentation/discussions"}]},{title:"\u30b3\u30df\u30e5\u30cb\u30c6\u30a3",items:[{label:"Discord",href:"https://discord.gg/S8MzWTUsmp"},{label:"Telegram (RU)",href:"https://t.me/feature_sliced"},{label:"X",href:"https://twitter.com/feature_sliced"},{label:"Open Collective",href:"https://opencollective.com/feature-sliced"},{label:"YouTube",href:"https://www.youtube.com/c/FeatureSlicedDesign"}]},{title:"\u305d\u306e\u4ed6",items:[{label:"GitHub",href:"https://github.com/feature-sliced"},{label:"Contribution Guide",href:"https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md"},{label:"\u30e9\u30a4\u30bb\u30f3\u30b9",href:"https://github.com/feature-sliced/documentation/blob/master/LICENSE"}]}],logo:{alt:"Feature-Sliced Design - Architectural methodology for frontend projects",src:"img/brand/logo-primary.png",href:"https://github.com/feature-sliced",width:160},copyright:"Copyright \xa9 2018-2024  Feature-Sliced Design"},algolia:{appId:"18IVO61EUN",apiKey:"a51704b2a1604c9eb41c62aa343c6e32",indexName:"feature-sliced",contextualSearch:!0,searchParameters:{},searchPagePath:"search"},metadata:[{name:"keywords",content:"architecture, frontend, project structure"},{name:"twitter:site",content:"@feature_sliced"},{name:"twitter:card",content:"summary_large_image"}],imageZoom:{selector:".markdown :not(a) > img",options:{background:"rgb(255 255 255 / 0.3)"}},prism:{theme:{plain:{backgroundColor:"hsl(230, 1%, 98%)",color:"hsl(230, 8%, 24%)"},styles:[{types:["comment","prolog","cdata"],style:{color:"hsl(230, 4%, 64%)"}},{types:["doctype","punctuation","entity"],style:{color:"hsl(230, 8%, 24%)"}},{types:["attr-name","class-name","boolean","constant","number","atrule"],style:{color:"hsl(35, 99%, 36%)"}},{types:["keyword"],style:{color:"hsl(301, 63%, 40%)"}},{types:["property","tag","symbol","deleted","important"],style:{color:"hsl(5, 74%, 59%)"}},{types:["selector","string","char","builtin","inserted","regex","attr-value","punctuation"],style:{color:"hsl(119, 34%, 47%)"}},{types:["variable","operator","function"],style:{color:"hsl(221, 87%, 60%)"}},{types:["url"],style:{color:"hsl(198, 99%, 37%)"}},{types:["deleted"],style:{textDecorationLine:"line-through"}},{types:["inserted"],style:{textDecorationLine:"underline"}},{types:["italic"],style:{fontStyle:"italic"}},{types:["important","bold"],style:{fontWeight:"bold"}},{types:["important"],style:{color:"hsl(230, 8%, 24%)"}}]},darkTheme:{plain:{backgroundColor:"hsl(220, 13%, 18%)",color:"hsl(220, 14%, 71%)",textShadow:"0 1px rgba(0, 0, 0, 0.3)"},styles:[{types:["comment","prolog","cdata"],style:{color:"hsl(220, 10%, 40%)"}},{types:["doctype","punctuation","entity"],style:{color:"hsl(220, 14%, 71%)"}},{types:["attr-name","class-name","maybe-class-name","boolean","constant","number","atrule"],style:{color:"hsl(29, 54%, 61%)"}},{types:["keyword"],style:{color:"hsl(286, 60%, 67%)"}},{types:["property","tag","symbol","deleted","important"],style:{color:"hsl(355, 65%, 65%)"}},{types:["selector","string","char","builtin","inserted","regex","attr-value"],style:{color:"hsl(95, 38%, 62%)"}},{types:["variable","operator","function"],style:{color:"hsl(207, 82%, 66%)"}},{types:["url"],style:{color:"hsl(187, 47%, 55%)"}},{types:["deleted"],style:{textDecorationLine:"line-through"}},{types:["inserted"],style:{textDecorationLine:"underline"}},{types:["italic"],style:{fontStyle:"italic"}},{types:["important","bold"],style:{fontWeight:"bold"}},{types:["important"],style:{color:"hsl(220, 14%, 71%)"}}]},additionalLanguages:[],magicComments:[{className:"theme-code-block-highlighted-line",line:"highlight-next-line",block:{start:"highlight-start",end:"highlight-end"}}]},blog:{sidebar:{groupByYear:!0}},tableOfContents:{minHeadingLevel:2,maxHeadingLevel:3}},baseUrlIssueBanner:!0,future:{experimental_storage:{type:"localStorage",namespace:!1},experimental_router:"browser"},onBrokenAnchors:"warn",staticDirectories:["static"],themes:[],scripts:[],headTags:[],stylesheets:[],clientModules:[],titleDelimiter:"|",noIndex:!1,markdown:{format:"mdx",mermaid:!1,mdx1Compat:{comments:!0,admonitions:!0,headingIds:!0},anchors:{maintainCase:!1}}}},991:(e,t,n)=>{"use strict";function r(){return r=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)({}).hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},r.apply(null,arguments)}n.d(t,{A:()=>r})},1141:(e,t,n)=>{"use strict";function r(e,t){return r=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},r(e,t)}function o(e,t){e.prototype=Object.create(t.prototype),e.prototype.constructor=e,r(e,t)}n.d(t,{A:()=>o})},3302:(e,t,n)=>{"use strict";function r(e,t){if(null==e)return{};var n={};for(var r in e)if({}.hasOwnProperty.call(e,r)){if(t.includes(r))continue;n[r]=e[r]}return n}n.d(t,{A:()=>r})},3526:(e,t,n)=>{"use strict";function r(e){var t,n,o="";if("string"==typeof e||"number"==typeof e)o+=e;else if("object"==typeof e)if(Array.isArray(e)){var a=e.length;for(t=0;t<a;t++)e[t]&&(n=r(e[t]))&&(o&&(o+=" "),o+=n)}else for(n in e)e[n]&&(o&&(o+=" "),o+=n);return o}n.d(t,{A:()=>o});const o=function(){for(var e,t,n=0,o="",a=arguments.length;n<a;n++)(e=arguments[n])&&(t=r(e))&&(o&&(o+=" "),o+=t);return o}},5371:(e,t,n)=>{"use strict";n.d(t,{My:()=>S,f4:()=>Y});var r,o,a=n(758),i=n(3526),s=Object.create,l=Object.defineProperty,c=Object.defineProperties,u=Object.getOwnPropertyDescriptor,d=Object.getOwnPropertyDescriptors,p=Object.getOwnPropertyNames,f=Object.getOwnPropertySymbols,m=Object.getPrototypeOf,h=Object.prototype.hasOwnProperty,g=Object.prototype.propertyIsEnumerable,b=(e,t,n)=>t in e?l(e,t,{enumerable:!0,configurable:!0,writable:!0,value:n}):e[t]=n,y=(e,t)=>{for(var n in t||(t={}))h.call(t,n)&&b(e,n,t[n]);if(f)for(var n of f(t))g.call(t,n)&&b(e,n,t[n]);return e},v=(e,t)=>c(e,d(t)),w=(e,t)=>{var n={};for(var r in e)h.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&f)for(var r of f(e))t.indexOf(r)<0&&g.call(e,r)&&(n[r]=e[r]);return n},S=((e,t,n)=>(n=null!=e?s(m(e)):{},((e,t,n,r)=>{if(t&&"object"==typeof t||"function"==typeof t)for(let o of p(t))h.call(e,o)||o===n||l(e,o,{get:()=>t[o],enumerable:!(r=u(t,o))||r.enumerable});return e})(!t&&e&&e.__esModule?n:l(n,"default",{value:e,enumerable:!0}),e)))((r={"../../node_modules/.pnpm/prismjs@1.29.0_patch_hash=vrxx3pzkik6jpmgpayxfjunetu/node_modules/prismjs/prism.js"(e,t){var n=function(){var e=/(?:^|\s)lang(?:uage)?-([\w-]+)(?=\s|$)/i,t=0,n={},r={util:{encode:function e(t){return t instanceof o?new o(t.type,e(t.content),t.alias):Array.isArray(t)?t.map(e):t.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/\u00a0/g," ")},type:function(e){return Object.prototype.toString.call(e).slice(8,-1)},objId:function(e){return e.__id||Object.defineProperty(e,"__id",{value:++t}),e.__id},clone:function e(t,n){var o,a;switch(n=n||{},r.util.type(t)){case"Object":if(a=r.util.objId(t),n[a])return n[a];for(var i in o={},n[a]=o,t)t.hasOwnProperty(i)&&(o[i]=e(t[i],n));return o;case"Array":return a=r.util.objId(t),n[a]?n[a]:(o=[],n[a]=o,t.forEach((function(t,r){o[r]=e(t,n)})),o);default:return t}},getLanguage:function(t){for(;t;){var n=e.exec(t.className);if(n)return n[1].toLowerCase();t=t.parentElement}return"none"},setLanguage:function(t,n){t.className=t.className.replace(RegExp(e,"gi"),""),t.classList.add("language-"+n)},isActive:function(e,t,n){for(var r="no-"+t;e;){var o=e.classList;if(o.contains(t))return!0;if(o.contains(r))return!1;e=e.parentElement}return!!n}},languages:{plain:n,plaintext:n,text:n,txt:n,extend:function(e,t){var n=r.util.clone(r.languages[e]);for(var o in t)n[o]=t[o];return n},insertBefore:function(e,t,n,o){var a=(o=o||r.languages)[e],i={};for(var s in a)if(a.hasOwnProperty(s)){if(s==t)for(var l in n)n.hasOwnProperty(l)&&(i[l]=n[l]);n.hasOwnProperty(s)||(i[s]=a[s])}var c=o[e];return o[e]=i,r.languages.DFS(r.languages,(function(t,n){n===c&&t!=e&&(this[t]=i)})),i},DFS:function e(t,n,o,a){a=a||{};var i=r.util.objId;for(var s in t)if(t.hasOwnProperty(s)){n.call(t,s,t[s],o||s);var l=t[s],c=r.util.type(l);"Object"!==c||a[i(l)]?"Array"!==c||a[i(l)]||(a[i(l)]=!0,e(l,n,s,a)):(a[i(l)]=!0,e(l,n,null,a))}}},plugins:{},highlight:function(e,t,n){var a={code:e,grammar:t,language:n};if(r.hooks.run("before-tokenize",a),!a.grammar)throw new Error('The language "'+a.language+'" has no grammar.');return a.tokens=r.tokenize(a.code,a.grammar),r.hooks.run("after-tokenize",a),o.stringify(r.util.encode(a.tokens),a.language)},tokenize:function(e,t){var n=t.rest;if(n){for(var r in n)t[r]=n[r];delete t.rest}var o=new s;return l(o,o.head,e),i(e,o,t,o.head,0),function(e){for(var t=[],n=e.head.next;n!==e.tail;)t.push(n.value),n=n.next;return t}(o)},hooks:{all:{},add:function(e,t){var n=r.hooks.all;n[e]=n[e]||[],n[e].push(t)},run:function(e,t){var n=r.hooks.all[e];if(n&&n.length)for(var o,a=0;o=n[a++];)o(t)}},Token:o};function o(e,t,n,r){this.type=e,this.content=t,this.alias=n,this.length=0|(r||"").length}function a(e,t,n,r){e.lastIndex=t;var o=e.exec(n);if(o&&r&&o[1]){var a=o[1].length;o.index+=a,o[0]=o[0].slice(a)}return o}function i(e,t,n,s,u,d){for(var p in n)if(n.hasOwnProperty(p)&&n[p]){var f=n[p];f=Array.isArray(f)?f:[f];for(var m=0;m<f.length;++m){if(d&&d.cause==p+","+m)return;var h=f[m],g=h.inside,b=!!h.lookbehind,y=!!h.greedy,v=h.alias;if(y&&!h.pattern.global){var w=h.pattern.toString().match(/[imsuy]*$/)[0];h.pattern=RegExp(h.pattern.source,w+"g")}for(var S=h.pattern||h,x=s.next,k=u;x!==t.tail&&!(d&&k>=d.reach);k+=x.value.length,x=x.next){var j=x.value;if(t.length>e.length)return;if(!(j instanceof o)){var E,_=1;if(y){if(!(E=a(S,k,e,b))||E.index>=e.length)break;var C=E.index,A=E.index+E[0].length,O=k;for(O+=x.value.length;C>=O;)O+=(x=x.next).value.length;if(k=O-=x.value.length,x.value instanceof o)continue;for(var T=x;T!==t.tail&&(O<A||"string"==typeof T.value);T=T.next)_++,O+=T.value.length;_--,j=e.slice(k,O),E.index-=k}else if(!(E=a(S,0,j,b)))continue;C=E.index;var P=E[0],L=j.slice(0,C),I=j.slice(C+P.length),R=k+j.length;d&&R>d.reach&&(d.reach=R);var N=x.prev;if(L&&(N=l(t,N,L),k+=L.length),c(t,N,_),x=l(t,N,new o(p,g?r.tokenize(P,g):P,v,P)),I&&l(t,x,I),_>1){var D={cause:p+","+m,reach:R};i(e,t,n,x.prev,k,D),d&&D.reach>d.reach&&(d.reach=D.reach)}}}}}}function s(){var e={value:null,prev:null,next:null},t={value:null,prev:e,next:null};e.next=t,this.head=e,this.tail=t,this.length=0}function l(e,t,n){var r=t.next,o={value:n,prev:t,next:r};return t.next=o,r.prev=o,e.length++,o}function c(e,t,n){for(var r=t.next,o=0;o<n&&r!==e.tail;o++)r=r.next;t.next=r,r.prev=t,e.length-=o}return o.stringify=function e(t,n){if("string"==typeof t)return t;if(Array.isArray(t)){var o="";return t.forEach((function(t){o+=e(t,n)})),o}var a={type:t.type,content:e(t.content,n),tag:"span",classes:["token",t.type],attributes:{},language:n},i=t.alias;i&&(Array.isArray(i)?Array.prototype.push.apply(a.classes,i):a.classes.push(i)),r.hooks.run("wrap",a);var s="";for(var l in a.attributes)s+=" "+l+'="'+(a.attributes[l]||"").replace(/"/g,"&quot;")+'"';return"<"+a.tag+' class="'+a.classes.join(" ")+'"'+s+">"+a.content+"</"+a.tag+">"},r}();t.exports=n,n.default=n}},function(){return o||(0,r[p(r)[0]])((o={exports:{}}).exports,o),o.exports})());S.languages.markup={comment:{pattern:/<!--(?:(?!<!--)[\s\S])*?-->/,greedy:!0},prolog:{pattern:/<\?[\s\S]+?\?>/,greedy:!0},doctype:{pattern:/<!DOCTYPE(?:[^>"'[\]]|"[^"]*"|'[^']*')+(?:\[(?:[^<"'\]]|"[^"]*"|'[^']*'|<(?!!--)|<!--(?:[^-]|-(?!->))*-->)*\]\s*)?>/i,greedy:!0,inside:{"internal-subset":{pattern:/(^[^\[]*\[)[\s\S]+(?=\]>$)/,lookbehind:!0,greedy:!0,inside:null},string:{pattern:/"[^"]*"|'[^']*'/,greedy:!0},punctuation:/^<!|>$|[[\]]/,"doctype-tag":/^DOCTYPE/i,name:/[^\s<>'"]+/}},cdata:{pattern:/<!\[CDATA\[[\s\S]*?\]\]>/i,greedy:!0},tag:{pattern:/<\/?(?!\d)[^\s>\/=$<%]+(?:\s(?:\s*[^\s>\/=]+(?:\s*=\s*(?:"[^"]*"|'[^']*'|[^\s'">=]+(?=[\s>]))|(?=[\s/>])))+)?\s*\/?>/,greedy:!0,inside:{tag:{pattern:/^<\/?[^\s>\/]+/,inside:{punctuation:/^<\/?/,namespace:/^[^\s>\/:]+:/}},"special-attr":[],"attr-value":{pattern:/=\s*(?:"[^"]*"|'[^']*'|[^\s'">=]+)/,inside:{punctuation:[{pattern:/^=/,alias:"attr-equals"},{pattern:/^(\s*)["']|["']$/,lookbehind:!0}]}},punctuation:/\/?>/,"attr-name":{pattern:/[^\s>\/]+/,inside:{namespace:/^[^\s>\/:]+:/}}}},entity:[{pattern:/&[\da-z]{1,8};/i,alias:"named-entity"},/&#x?[\da-f]{1,8};/i]},S.languages.markup.tag.inside["attr-value"].inside.entity=S.languages.markup.entity,S.languages.markup.doctype.inside["internal-subset"].inside=S.languages.markup,S.hooks.add("wrap",(function(e){"entity"===e.type&&(e.attributes.title=e.content.replace(/&amp;/,"&"))})),Object.defineProperty(S.languages.markup.tag,"addInlined",{value:function(e,t){var n;(t=((n=((n={})["language-"+t]={pattern:/(^<!\[CDATA\[)[\s\S]+?(?=\]\]>$)/i,lookbehind:!0,inside:S.languages[t]},n.cdata=/^<!\[CDATA\[|\]\]>$/i,{"included-cdata":{pattern:/<!\[CDATA\[[\s\S]*?\]\]>/i,inside:n}}))["language-"+t]={pattern:/[\s\S]+/,inside:S.languages[t]},{}))[e]={pattern:RegExp(/(<__[^>]*>)(?:<!\[CDATA\[(?:[^\]]|\](?!\]>))*\]\]>|(?!<!\[CDATA\[)[\s\S])*?(?=<\/__>)/.source.replace(/__/g,(function(){return e})),"i"),lookbehind:!0,greedy:!0,inside:n},S.languages.insertBefore("markup","cdata",t)}}),Object.defineProperty(S.languages.markup.tag,"addAttribute",{value:function(e,t){S.languages.markup.tag.inside["special-attr"].push({pattern:RegExp(/(^|["'\s])/.source+"(?:"+e+")"+/\s*=\s*(?:"[^"]*"|'[^']*'|[^\s'">=]+(?=[\s>]))/.source,"i"),lookbehind:!0,inside:{"attr-name":/^[^\s=]+/,"attr-value":{pattern:/=[\s\S]+/,inside:{value:{pattern:/(^=\s*(["']|(?!["'])))\S[\s\S]*(?=\2$)/,lookbehind:!0,alias:[t,"language-"+t],inside:S.languages[t]},punctuation:[{pattern:/^=/,alias:"attr-equals"},/"|'/]}}}})}}),S.languages.html=S.languages.markup,S.languages.mathml=S.languages.markup,S.languages.svg=S.languages.markup,S.languages.xml=S.languages.extend("markup",{}),S.languages.ssml=S.languages.xml,S.languages.atom=S.languages.xml,S.languages.rss=S.languages.xml,function(e){var t={pattern:/\\[\\(){}[\]^$+*?|.]/,alias:"escape"},n=/\\(?:x[\da-fA-F]{2}|u[\da-fA-F]{4}|u\{[\da-fA-F]+\}|0[0-7]{0,2}|[123][0-7]{2}|c[a-zA-Z]|.)/,r="(?:[^\\\\-]|"+n.source+")",o=(r=RegExp(r+"-"+r),{pattern:/(<|')[^<>']+(?=[>']$)/,lookbehind:!0,alias:"variable"});e.languages.regex={"char-class":{pattern:/((?:^|[^\\])(?:\\\\)*)\[(?:[^\\\]]|\\[\s\S])*\]/,lookbehind:!0,inside:{"char-class-negation":{pattern:/(^\[)\^/,lookbehind:!0,alias:"operator"},"char-class-punctuation":{pattern:/^\[|\]$/,alias:"punctuation"},range:{pattern:r,inside:{escape:n,"range-punctuation":{pattern:/-/,alias:"operator"}}},"special-escape":t,"char-set":{pattern:/\\[wsd]|\\p\{[^{}]+\}/i,alias:"class-name"},escape:n}},"special-escape":t,"char-set":{pattern:/\.|\\[wsd]|\\p\{[^{}]+\}/i,alias:"class-name"},backreference:[{pattern:/\\(?![123][0-7]{2})[1-9]/,alias:"keyword"},{pattern:/\\k<[^<>']+>/,alias:"keyword",inside:{"group-name":o}}],anchor:{pattern:/[$^]|\\[ABbGZz]/,alias:"function"},escape:n,group:[{pattern:/\((?:\?(?:<[^<>']+>|'[^<>']+'|[>:]|<?[=!]|[idmnsuxU]+(?:-[idmnsuxU]+)?:?))?/,alias:"punctuation",inside:{"group-name":o}},{pattern:/\)/,alias:"punctuation"}],quantifier:{pattern:/(?:[+*?]|\{\d+(?:,\d*)?\})[?+]?/,alias:"number"},alternation:{pattern:/\|/,alias:"keyword"}}}(S),S.languages.clike={comment:[{pattern:/(^|[^\\])\/\*[\s\S]*?(?:\*\/|$)/,lookbehind:!0,greedy:!0},{pattern:/(^|[^\\:])\/\/.*/,lookbehind:!0,greedy:!0}],string:{pattern:/(["'])(?:\\(?:\r\n|[\s\S])|(?!\1)[^\\\r\n])*\1/,greedy:!0},"class-name":{pattern:/(\b(?:class|extends|implements|instanceof|interface|new|trait)\s+|\bcatch\s+\()[\w.\\]+/i,lookbehind:!0,inside:{punctuation:/[.\\]/}},keyword:/\b(?:break|catch|continue|do|else|finally|for|function|if|in|instanceof|new|null|return|throw|try|while)\b/,boolean:/\b(?:false|true)\b/,function:/\b\w+(?=\()/,number:/\b0x[\da-f]+\b|(?:\b\d+(?:\.\d*)?|\B\.\d+)(?:e[+-]?\d+)?/i,operator:/[<>]=?|[!=]=?=?|--?|\+\+?|&&?|\|\|?|[?*/~^%]/,punctuation:/[{}[\];(),.:]/},S.languages.javascript=S.languages.extend("clike",{"class-name":[S.languages.clike["class-name"],{pattern:/(^|[^$\w\xA0-\uFFFF])(?!\s)[_$A-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\.(?:constructor|prototype))/,lookbehind:!0}],keyword:[{pattern:/((?:^|\})\s*)catch\b/,lookbehind:!0},{pattern:/(^|[^.]|\.\.\.\s*)\b(?:as|assert(?=\s*\{)|async(?=\s*(?:function\b|\(|[$\w\xA0-\uFFFF]|$))|await|break|case|class|const|continue|debugger|default|delete|do|else|enum|export|extends|finally(?=\s*(?:\{|$))|for|from(?=\s*(?:['"]|$))|function|(?:get|set)(?=\s*(?:[#\[$\w\xA0-\uFFFF]|$))|if|implements|import|in|instanceof|interface|let|new|null|of|package|private|protected|public|return|static|super|switch|this|throw|try|typeof|undefined|var|void|while|with|yield)\b/,lookbehind:!0}],function:/#?(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*(?:\.\s*(?:apply|bind|call)\s*)?\()/,number:{pattern:RegExp(/(^|[^\w$])/.source+"(?:"+/NaN|Infinity/.source+"|"+/0[bB][01]+(?:_[01]+)*n?/.source+"|"+/0[oO][0-7]+(?:_[0-7]+)*n?/.source+"|"+/0[xX][\dA-Fa-f]+(?:_[\dA-Fa-f]+)*n?/.source+"|"+/\d+(?:_\d+)*n/.source+"|"+/(?:\d+(?:_\d+)*(?:\.(?:\d+(?:_\d+)*)?)?|\.\d+(?:_\d+)*)(?:[Ee][+-]?\d+(?:_\d+)*)?/.source+")"+/(?![\w$])/.source),lookbehind:!0},operator:/--|\+\+|\*\*=?|=>|&&=?|\|\|=?|[!=]==|<<=?|>>>?=?|[-+*/%&|^!=<>]=?|\.{3}|\?\?=?|\?\.?|[~:]/}),S.languages.javascript["class-name"][0].pattern=/(\b(?:class|extends|implements|instanceof|interface|new)\s+)[\w.\\]+/,S.languages.insertBefore("javascript","keyword",{regex:{pattern:RegExp(/((?:^|[^$\w\xA0-\uFFFF."'\])\s]|\b(?:return|yield))\s*)/.source+/\//.source+"(?:"+/(?:\[(?:[^\]\\\r\n]|\\.)*\]|\\.|[^/\\\[\r\n])+\/[dgimyus]{0,7}/.source+"|"+/(?:\[(?:[^[\]\\\r\n]|\\.|\[(?:[^[\]\\\r\n]|\\.|\[(?:[^[\]\\\r\n]|\\.)*\])*\])*\]|\\.|[^/\\\[\r\n])+\/[dgimyus]{0,7}v[dgimyus]{0,7}/.source+")"+/(?=(?:\s|\/\*(?:[^*]|\*(?!\/))*\*\/)*(?:$|[\r\n,.;:})\]]|\/\/))/.source),lookbehind:!0,greedy:!0,inside:{"regex-source":{pattern:/^(\/)[\s\S]+(?=\/[a-z]*$)/,lookbehind:!0,alias:"language-regex",inside:S.languages.regex},"regex-delimiter":/^\/|\/$/,"regex-flags":/^[a-z]+$/}},"function-variable":{pattern:/#?(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*[=:]\s*(?:async\s*)?(?:\bfunction\b|(?:\((?:[^()]|\([^()]*\))*\)|(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*)\s*=>))/,alias:"function"},parameter:[{pattern:/(function(?:\s+(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*)?\s*\(\s*)(?!\s)(?:[^()\s]|\s+(?![\s)])|\([^()]*\))+(?=\s*\))/,lookbehind:!0,inside:S.languages.javascript},{pattern:/(^|[^$\w\xA0-\uFFFF])(?!\s)[_$a-z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*=>)/i,lookbehind:!0,inside:S.languages.javascript},{pattern:/(\(\s*)(?!\s)(?:[^()\s]|\s+(?![\s)])|\([^()]*\))+(?=\s*\)\s*=>)/,lookbehind:!0,inside:S.languages.javascript},{pattern:/((?:\b|\s|^)(?!(?:as|async|await|break|case|catch|class|const|continue|debugger|default|delete|do|else|enum|export|extends|finally|for|from|function|get|if|implements|import|in|instanceof|interface|let|new|null|of|package|private|protected|public|return|set|static|super|switch|this|throw|try|typeof|undefined|var|void|while|with|yield)(?![$\w\xA0-\uFFFF]))(?:(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*\s*)\(\s*|\]\s*\(\s*)(?!\s)(?:[^()\s]|\s+(?![\s)])|\([^()]*\))+(?=\s*\)\s*\{)/,lookbehind:!0,inside:S.languages.javascript}],constant:/\b[A-Z](?:[A-Z_]|\dx?)*\b/}),S.languages.insertBefore("javascript","string",{hashbang:{pattern:/^#!.*/,greedy:!0,alias:"comment"},"template-string":{pattern:/`(?:\\[\s\S]|\$\{(?:[^{}]|\{(?:[^{}]|\{[^}]*\})*\})+\}|(?!\$\{)[^\\`])*`/,greedy:!0,inside:{"template-punctuation":{pattern:/^`|`$/,alias:"string"},interpolation:{pattern:/((?:^|[^\\])(?:\\{2})*)\$\{(?:[^{}]|\{(?:[^{}]|\{[^}]*\})*\})+\}/,lookbehind:!0,inside:{"interpolation-punctuation":{pattern:/^\$\{|\}$/,alias:"punctuation"},rest:S.languages.javascript}},string:/[\s\S]+/}},"string-property":{pattern:/((?:^|[,{])[ \t]*)(["'])(?:\\(?:\r\n|[\s\S])|(?!\2)[^\\\r\n])*\2(?=\s*:)/m,lookbehind:!0,greedy:!0,alias:"property"}}),S.languages.insertBefore("javascript","operator",{"literal-property":{pattern:/((?:^|[,{])[ \t]*)(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*:)/m,lookbehind:!0,alias:"property"}}),S.languages.markup&&(S.languages.markup.tag.addInlined("script","javascript"),S.languages.markup.tag.addAttribute(/on(?:abort|blur|change|click|composition(?:end|start|update)|dblclick|error|focus(?:in|out)?|key(?:down|up)|load|mouse(?:down|enter|leave|move|out|over|up)|reset|resize|scroll|select|slotchange|submit|unload|wheel)/.source,"javascript")),S.languages.js=S.languages.javascript,S.languages.actionscript=S.languages.extend("javascript",{keyword:/\b(?:as|break|case|catch|class|const|default|delete|do|dynamic|each|else|extends|final|finally|for|function|get|if|implements|import|in|include|instanceof|interface|internal|is|namespace|native|new|null|override|package|private|protected|public|return|set|static|super|switch|this|throw|try|typeof|use|var|void|while|with)\b/,operator:/\+\+|--|(?:[+\-*\/%^]|&&?|\|\|?|<<?|>>?>?|[!=]=?)=?|[~?@]/}),S.languages.actionscript["class-name"].alias="function",delete S.languages.actionscript.parameter,delete S.languages.actionscript["literal-property"],S.languages.markup&&S.languages.insertBefore("actionscript","string",{xml:{pattern:/(^|[^.])<\/?\w+(?:\s+[^\s>\/=]+=("|')(?:\\[\s\S]|(?!\2)[^\\])*\2)*\s*\/?>/,lookbehind:!0,inside:S.languages.markup}}),function(e){var t=/#(?!\{).+/,n={pattern:/#\{[^}]+\}/,alias:"variable"};e.languages.coffeescript=e.languages.extend("javascript",{comment:t,string:[{pattern:/'(?:\\[\s\S]|[^\\'])*'/,greedy:!0},{pattern:/"(?:\\[\s\S]|[^\\"])*"/,greedy:!0,inside:{interpolation:n}}],keyword:/\b(?:and|break|by|catch|class|continue|debugger|delete|do|each|else|extend|extends|false|finally|for|if|in|instanceof|is|isnt|let|loop|namespace|new|no|not|null|of|off|on|or|own|return|super|switch|then|this|throw|true|try|typeof|undefined|unless|until|when|while|window|with|yes|yield)\b/,"class-member":{pattern:/@(?!\d)\w+/,alias:"variable"}}),e.languages.insertBefore("coffeescript","comment",{"multiline-comment":{pattern:/###[\s\S]+?###/,alias:"comment"},"block-regex":{pattern:/\/{3}[\s\S]*?\/{3}/,alias:"regex",inside:{comment:t,interpolation:n}}}),e.languages.insertBefore("coffeescript","string",{"inline-javascript":{pattern:/`(?:\\[\s\S]|[^\\`])*`/,inside:{delimiter:{pattern:/^`|`$/,alias:"punctuation"},script:{pattern:/[\s\S]+/,alias:"language-javascript",inside:e.languages.javascript}}},"multiline-string":[{pattern:/'''[\s\S]*?'''/,greedy:!0,alias:"string"},{pattern:/"""[\s\S]*?"""/,greedy:!0,alias:"string",inside:{interpolation:n}}]}),e.languages.insertBefore("coffeescript","keyword",{property:/(?!\d)\w+(?=\s*:(?!:))/}),delete e.languages.coffeescript["template-string"],e.languages.coffee=e.languages.coffeescript}(S),function(e){var t=e.languages.javadoclike={parameter:{pattern:/(^[\t ]*(?:\/{3}|\*|\/\*\*)\s*@(?:arg|arguments|param)\s+)\w+/m,lookbehind:!0},keyword:{pattern:/(^[\t ]*(?:\/{3}|\*|\/\*\*)\s*|\{)@[a-z][a-zA-Z-]+\b/m,lookbehind:!0},punctuation:/[{}]/};Object.defineProperty(t,"addSupport",{value:function(t,n){(t="string"==typeof t?[t]:t).forEach((function(t){var r=function(e){e.inside||(e.inside={}),e.inside.rest=n},o="doc-comment";if(a=e.languages[t]){var a,i=a[o];if((i=i||(a=e.languages.insertBefore(t,"comment",{"doc-comment":{pattern:/(^|[^\\])\/\*\*[^/][\s\S]*?(?:\*\/|$)/,lookbehind:!0,alias:"comment"}}))[o])instanceof RegExp&&(i=a[o]={pattern:i}),Array.isArray(i))for(var s=0,l=i.length;s<l;s++)i[s]instanceof RegExp&&(i[s]={pattern:i[s]}),r(i[s]);else r(i)}}))}}),t.addSupport(["java","javascript","php"],t)}(S),function(e){var t=/(?:"(?:\\(?:\r\n|[\s\S])|[^"\\\r\n])*"|'(?:\\(?:\r\n|[\s\S])|[^'\\\r\n])*')/;(t=(e.languages.css={comment:/\/\*[\s\S]*?\*\//,atrule:{pattern:RegExp("@[\\w-](?:"+/[^;{\s"']|\s+(?!\s)/.source+"|"+t.source+")*?"+/(?:;|(?=\s*\{))/.source),inside:{rule:/^@[\w-]+/,"selector-function-argument":{pattern:/(\bselector\s*\(\s*(?![\s)]))(?:[^()\s]|\s+(?![\s)])|\((?:[^()]|\([^()]*\))*\))+(?=\s*\))/,lookbehind:!0,alias:"selector"},keyword:{pattern:/(^|[^\w-])(?:and|not|only|or)(?![\w-])/,lookbehind:!0}}},url:{pattern:RegExp("\\burl\\((?:"+t.source+"|"+/(?:[^\\\r\n()"']|\\[\s\S])*/.source+")\\)","i"),greedy:!0,inside:{function:/^url/i,punctuation:/^\(|\)$/,string:{pattern:RegExp("^"+t.source+"$"),alias:"url"}}},selector:{pattern:RegExp("(^|[{}\\s])[^{}\\s](?:[^{};\"'\\s]|\\s+(?![\\s{])|"+t.source+")*(?=\\s*\\{)"),lookbehind:!0},string:{pattern:t,greedy:!0},property:{pattern:/(^|[^-\w\xA0-\uFFFF])(?!\s)[-_a-z\xA0-\uFFFF](?:(?!\s)[-\w\xA0-\uFFFF])*(?=\s*:)/i,lookbehind:!0},important:/!important\b/i,function:{pattern:/(^|[^-a-z0-9])[-a-z0-9]+(?=\()/i,lookbehind:!0},punctuation:/[(){};:,]/},e.languages.css.atrule.inside.rest=e.languages.css,e.languages.markup))&&(t.tag.addInlined("style","css"),t.tag.addAttribute("style","css"))}(S),function(e){var t=/("|')(?:\\(?:\r\n|[\s\S])|(?!\1)[^\\\r\n])*\1/,n=(t=(e.languages.css.selector={pattern:e.languages.css.selector.pattern,lookbehind:!0,inside:t={"pseudo-element":/:(?:after|before|first-letter|first-line|selection)|::[-\w]+/,"pseudo-class":/:[-\w]+/,class:/\.[-\w]+/,id:/#[-\w]+/,attribute:{pattern:RegExp("\\[(?:[^[\\]\"']|"+t.source+")*\\]"),greedy:!0,inside:{punctuation:/^\[|\]$/,"case-sensitivity":{pattern:/(\s)[si]$/i,lookbehind:!0,alias:"keyword"},namespace:{pattern:/^(\s*)(?:(?!\s)[-*\w\xA0-\uFFFF])*\|(?!=)/,lookbehind:!0,inside:{punctuation:/\|$/}},"attr-name":{pattern:/^(\s*)(?:(?!\s)[-\w\xA0-\uFFFF])+/,lookbehind:!0},"attr-value":[t,{pattern:/(=\s*)(?:(?!\s)[-\w\xA0-\uFFFF])+(?=\s*$)/,lookbehind:!0}],operator:/[|~*^$]?=/}},"n-th":[{pattern:/(\(\s*)[+-]?\d*[\dn](?:\s*[+-]\s*\d+)?(?=\s*\))/,lookbehind:!0,inside:{number:/[\dn]+/,operator:/[+-]/}},{pattern:/(\(\s*)(?:even|odd)(?=\s*\))/i,lookbehind:!0}],combinator:/>|\+|~|\|\|/,punctuation:/[(),]/}},e.languages.css.atrule.inside["selector-function-argument"].inside=t,e.languages.insertBefore("css","property",{variable:{pattern:/(^|[^-\w\xA0-\uFFFF])--(?!\s)[-_a-z\xA0-\uFFFF](?:(?!\s)[-\w\xA0-\uFFFF])*/i,lookbehind:!0}}),{pattern:/(\b\d+)(?:%|[a-z]+(?![\w-]))/,lookbehind:!0}),{pattern:/(^|[^\w.-])-?(?:\d+(?:\.\d+)?|\.\d+)/,lookbehind:!0});e.languages.insertBefore("css","function",{operator:{pattern:/(\s)[+\-*\/](?=\s)/,lookbehind:!0},hexcode:{pattern:/\B#[\da-f]{3,8}\b/i,alias:"color"},color:[{pattern:/(^|[^\w-])(?:AliceBlue|AntiqueWhite|Aqua|Aquamarine|Azure|Beige|Bisque|Black|BlanchedAlmond|Blue|BlueViolet|Brown|BurlyWood|CadetBlue|Chartreuse|Chocolate|Coral|CornflowerBlue|Cornsilk|Crimson|Cyan|DarkBlue|DarkCyan|DarkGoldenRod|DarkGr[ae]y|DarkGreen|DarkKhaki|DarkMagenta|DarkOliveGreen|DarkOrange|DarkOrchid|DarkRed|DarkSalmon|DarkSeaGreen|DarkSlateBlue|DarkSlateGr[ae]y|DarkTurquoise|DarkViolet|DeepPink|DeepSkyBlue|DimGr[ae]y|DodgerBlue|FireBrick|FloralWhite|ForestGreen|Fuchsia|Gainsboro|GhostWhite|Gold|GoldenRod|Gr[ae]y|Green|GreenYellow|HoneyDew|HotPink|IndianRed|Indigo|Ivory|Khaki|Lavender|LavenderBlush|LawnGreen|LemonChiffon|LightBlue|LightCoral|LightCyan|LightGoldenRodYellow|LightGr[ae]y|LightGreen|LightPink|LightSalmon|LightSeaGreen|LightSkyBlue|LightSlateGr[ae]y|LightSteelBlue|LightYellow|Lime|LimeGreen|Linen|Magenta|Maroon|MediumAquaMarine|MediumBlue|MediumOrchid|MediumPurple|MediumSeaGreen|MediumSlateBlue|MediumSpringGreen|MediumTurquoise|MediumVioletRed|MidnightBlue|MintCream|MistyRose|Moccasin|NavajoWhite|Navy|OldLace|Olive|OliveDrab|Orange|OrangeRed|Orchid|PaleGoldenRod|PaleGreen|PaleTurquoise|PaleVioletRed|PapayaWhip|PeachPuff|Peru|Pink|Plum|PowderBlue|Purple|RebeccaPurple|Red|RosyBrown|RoyalBlue|SaddleBrown|Salmon|SandyBrown|SeaGreen|SeaShell|Sienna|Silver|SkyBlue|SlateBlue|SlateGr[ae]y|Snow|SpringGreen|SteelBlue|Tan|Teal|Thistle|Tomato|Transparent|Turquoise|Violet|Wheat|White|WhiteSmoke|Yellow|YellowGreen)(?![\w-])/i,lookbehind:!0},{pattern:/\b(?:hsl|rgb)\(\s*\d{1,3}\s*,\s*\d{1,3}%?\s*,\s*\d{1,3}%?\s*\)\B|\b(?:hsl|rgb)a\(\s*\d{1,3}\s*,\s*\d{1,3}%?\s*,\s*\d{1,3}%?\s*,\s*(?:0|0?\.\d+|1)\s*\)\B/i,inside:{unit:t,number:n,function:/[\w-]+(?=\()/,punctuation:/[(),]/}}],entity:/\\[\da-f]{1,8}/i,unit:t,number:n})}(S),function(e){var t=/[*&][^\s[\]{},]+/,n=/!(?:<[\w\-%#;/?:@&=+$,.!~*'()[\]]+>|(?:[a-zA-Z\d-]*!)?[\w\-%#;/?:@&=+$.~*'()]+)?/,r="(?:"+n.source+"(?:[ \t]+"+t.source+")?|"+t.source+"(?:[ \t]+"+n.source+")?)",o=/(?:[^\s\x00-\x08\x0e-\x1f!"#%&'*,\-:>?@[\]`{|}\x7f-\x84\x86-\x9f\ud800-\udfff\ufffe\uffff]|[?:-]<PLAIN>)(?:[ \t]*(?:(?![#:])<PLAIN>|:<PLAIN>))*/.source.replace(/<PLAIN>/g,(function(){return/[^\s\x00-\x08\x0e-\x1f,[\]{}\x7f-\x84\x86-\x9f\ud800-\udfff\ufffe\uffff]/.source})),a=/"(?:[^"\\\r\n]|\\.)*"|'(?:[^'\\\r\n]|\\.)*'/.source;function i(e,t){t=(t||"").replace(/m/g,"")+"m";var n=/([:\-,[{]\s*(?:\s<<prop>>[ \t]+)?)(?:<<value>>)(?=[ \t]*(?:$|,|\]|\}|(?:[\r\n]\s*)?#))/.source.replace(/<<prop>>/g,(function(){return r})).replace(/<<value>>/g,(function(){return e}));return RegExp(n,t)}e.languages.yaml={scalar:{pattern:RegExp(/([\-:]\s*(?:\s<<prop>>[ \t]+)?[|>])[ \t]*(?:((?:\r?\n|\r)[ \t]+)\S[^\r\n]*(?:\2[^\r\n]+)*)/.source.replace(/<<prop>>/g,(function(){return r}))),lookbehind:!0,alias:"string"},comment:/#.*/,key:{pattern:RegExp(/((?:^|[:\-,[{\r\n?])[ \t]*(?:<<prop>>[ \t]+)?)<<key>>(?=\s*:\s)/.source.replace(/<<prop>>/g,(function(){return r})).replace(/<<key>>/g,(function(){return"(?:"+o+"|"+a+")"}))),lookbehind:!0,greedy:!0,alias:"atrule"},directive:{pattern:/(^[ \t]*)%.+/m,lookbehind:!0,alias:"important"},datetime:{pattern:i(/\d{4}-\d\d?-\d\d?(?:[tT]|[ \t]+)\d\d?:\d{2}:\d{2}(?:\.\d*)?(?:[ \t]*(?:Z|[-+]\d\d?(?::\d{2})?))?|\d{4}-\d{2}-\d{2}|\d\d?:\d{2}(?::\d{2}(?:\.\d*)?)?/.source),lookbehind:!0,alias:"number"},boolean:{pattern:i(/false|true/.source,"i"),lookbehind:!0,alias:"important"},null:{pattern:i(/null|~/.source,"i"),lookbehind:!0,alias:"important"},string:{pattern:i(a),lookbehind:!0,greedy:!0},number:{pattern:i(/[+-]?(?:0x[\da-f]+|0o[0-7]+|(?:\d+(?:\.\d*)?|\.\d+)(?:e[+-]?\d+)?|\.inf|\.nan)/.source,"i"),lookbehind:!0},tag:n,important:t,punctuation:/---|[:[\]{}\-,|>?]|\.\.\./},e.languages.yml=e.languages.yaml}(S),function(e){var t=/(?:\\.|[^\\\n\r]|(?:\n|\r\n?)(?![\r\n]))/.source;function n(e){return e=e.replace(/<inner>/g,(function(){return t})),RegExp(/((?:^|[^\\])(?:\\{2})*)/.source+"(?:"+e+")")}var r=/(?:\\.|``(?:[^`\r\n]|`(?!`))+``|`[^`\r\n]+`|[^\\|\r\n`])+/.source,o=/\|?__(?:\|__)+\|?(?:(?:\n|\r\n?)|(?![\s\S]))/.source.replace(/__/g,(function(){return r})),a=/\|?[ \t]*:?-{3,}:?[ \t]*(?:\|[ \t]*:?-{3,}:?[ \t]*)+\|?(?:\n|\r\n?)/.source,i=(e.languages.markdown=e.languages.extend("markup",{}),e.languages.insertBefore("markdown","prolog",{"front-matter-block":{pattern:/(^(?:\s*[\r\n])?)---(?!.)[\s\S]*?[\r\n]---(?!.)/,lookbehind:!0,greedy:!0,inside:{punctuation:/^---|---$/,"front-matter":{pattern:/\S+(?:\s+\S+)*/,alias:["yaml","language-yaml"],inside:e.languages.yaml}}},blockquote:{pattern:/^>(?:[\t ]*>)*/m,alias:"punctuation"},table:{pattern:RegExp("^"+o+a+"(?:"+o+")*","m"),inside:{"table-data-rows":{pattern:RegExp("^("+o+a+")(?:"+o+")*$"),lookbehind:!0,inside:{"table-data":{pattern:RegExp(r),inside:e.languages.markdown},punctuation:/\|/}},"table-line":{pattern:RegExp("^("+o+")"+a+"$"),lookbehind:!0,inside:{punctuation:/\||:?-{3,}:?/}},"table-header-row":{pattern:RegExp("^"+o+"$"),inside:{"table-header":{pattern:RegExp(r),alias:"important",inside:e.languages.markdown},punctuation:/\|/}}}},code:[{pattern:/((?:^|\n)[ \t]*\n|(?:^|\r\n?)[ \t]*\r\n?)(?: {4}|\t).+(?:(?:\n|\r\n?)(?: {4}|\t).+)*/,lookbehind:!0,alias:"keyword"},{pattern:/^```[\s\S]*?^```$/m,greedy:!0,inside:{"code-block":{pattern:/^(```.*(?:\n|\r\n?))[\s\S]+?(?=(?:\n|\r\n?)^```$)/m,lookbehind:!0},"code-language":{pattern:/^(```).+/,lookbehind:!0},punctuation:/```/}}],title:[{pattern:/\S.*(?:\n|\r\n?)(?:==+|--+)(?=[ \t]*$)/m,alias:"important",inside:{punctuation:/==+$|--+$/}},{pattern:/(^\s*)#.+/m,lookbehind:!0,alias:"important",inside:{punctuation:/^#+|#+$/}}],hr:{pattern:/(^\s*)([*-])(?:[\t ]*\2){2,}(?=\s*$)/m,lookbehind:!0,alias:"punctuation"},list:{pattern:/(^\s*)(?:[*+-]|\d+\.)(?=[\t ].)/m,lookbehind:!0,alias:"punctuation"},"url-reference":{pattern:/!?\[[^\]]+\]:[\t ]+(?:\S+|<(?:\\.|[^>\\])+>)(?:[\t ]+(?:"(?:\\.|[^"\\])*"|'(?:\\.|[^'\\])*'|\((?:\\.|[^)\\])*\)))?/,inside:{variable:{pattern:/^(!?\[)[^\]]+/,lookbehind:!0},string:/(?:"(?:\\.|[^"\\])*"|'(?:\\.|[^'\\])*'|\((?:\\.|[^)\\])*\))$/,punctuation:/^[\[\]!:]|[<>]/},alias:"url"},bold:{pattern:n(/\b__(?:(?!_)<inner>|_(?:(?!_)<inner>)+_)+__\b|\*\*(?:(?!\*)<inner>|\*(?:(?!\*)<inner>)+\*)+\*\*/.source),lookbehind:!0,greedy:!0,inside:{content:{pattern:/(^..)[\s\S]+(?=..$)/,lookbehind:!0,inside:{}},punctuation:/\*\*|__/}},italic:{pattern:n(/\b_(?:(?!_)<inner>|__(?:(?!_)<inner>)+__)+_\b|\*(?:(?!\*)<inner>|\*\*(?:(?!\*)<inner>)+\*\*)+\*/.source),lookbehind:!0,greedy:!0,inside:{content:{pattern:/(^.)[\s\S]+(?=.$)/,lookbehind:!0,inside:{}},punctuation:/[*_]/}},strike:{pattern:n(/(~~?)(?:(?!~)<inner>)+\2/.source),lookbehind:!0,greedy:!0,inside:{content:{pattern:/(^~~?)[\s\S]+(?=\1$)/,lookbehind:!0,inside:{}},punctuation:/~~?/}},"code-snippet":{pattern:/(^|[^\\`])(?:``[^`\r\n]+(?:`[^`\r\n]+)*``(?!`)|`[^`\r\n]+`(?!`))/,lookbehind:!0,greedy:!0,alias:["code","keyword"]},url:{pattern:n(/!?\[(?:(?!\])<inner>)+\](?:\([^\s)]+(?:[\t ]+"(?:\\.|[^"\\])*")?\)|[ \t]?\[(?:(?!\])<inner>)+\])/.source),lookbehind:!0,greedy:!0,inside:{operator:/^!/,content:{pattern:/(^\[)[^\]]+(?=\])/,lookbehind:!0,inside:{}},variable:{pattern:/(^\][ \t]?\[)[^\]]+(?=\]$)/,lookbehind:!0},url:{pattern:/(^\]\()[^\s)]+/,lookbehind:!0},string:{pattern:/(^[ \t]+)"(?:\\.|[^"\\])*"(?=\)$)/,lookbehind:!0}}}}),["url","bold","italic","strike"].forEach((function(t){["url","bold","italic","strike","code-snippet"].forEach((function(n){t!==n&&(e.languages.markdown[t].inside.content.inside[n]=e.languages.markdown[n])}))})),e.hooks.add("after-tokenize",(function(e){"markdown"!==e.language&&"md"!==e.language||function e(t){if(t&&"string"!=typeof t)for(var n=0,r=t.length;n<r;n++){var o,a=t[n];"code"!==a.type?e(a.content):(o=a.content[1],a=a.content[3],o&&a&&"code-language"===o.type&&"code-block"===a.type&&"string"==typeof o.content&&(o=o.content.replace(/\b#/g,"sharp").replace(/\b\+\+/g,"pp"),o="language-"+(o=(/[a-z][\w-]*/i.exec(o)||[""])[0].toLowerCase()),a.alias?"string"==typeof a.alias?a.alias=[a.alias,o]:a.alias.push(o):a.alias=[o]))}}(e.tokens)})),e.hooks.add("wrap",(function(t){if("code-block"===t.type){for(var n="",r=0,o=t.classes.length;r<o;r++){var a=t.classes[r];if(a=/language-(.+)/.exec(a)){n=a[1];break}}var c,u=e.languages[n];u?t.content=e.highlight(t.content.replace(i,"").replace(/&(\w{1,8}|#x?[\da-f]{1,8});/gi,(function(e,t){var n;return"#"===(t=t.toLowerCase())[0]?(n="x"===t[1]?parseInt(t.slice(2),16):Number(t.slice(1)),l(n)):s[t]||e})),u,n):n&&"none"!==n&&e.plugins.autoloader&&(c="md-"+(new Date).valueOf()+"-"+Math.floor(1e16*Math.random()),t.attributes.id=c,e.plugins.autoloader.loadLanguages(n,(function(){var t=document.getElementById(c);t&&(t.innerHTML=e.highlight(t.textContent,e.languages[n],n))})))}})),RegExp(e.languages.markup.tag.pattern.source,"gi")),s={amp:"&",lt:"<",gt:">",quot:'"'},l=String.fromCodePoint||String.fromCharCode;e.languages.md=e.languages.markdown}(S),S.languages.graphql={comment:/#.*/,description:{pattern:/(?:"""(?:[^"]|(?!""")")*"""|"(?:\\.|[^\\"\r\n])*")(?=\s*[a-z_])/i,greedy:!0,alias:"string",inside:{"language-markdown":{pattern:/(^"(?:"")?)(?!\1)[\s\S]+(?=\1$)/,lookbehind:!0,inside:S.languages.markdown}}},string:{pattern:/"""(?:[^"]|(?!""")")*"""|"(?:\\.|[^\\"\r\n])*"/,greedy:!0},number:/(?:\B-|\b)\d+(?:\.\d+)?(?:e[+-]?\d+)?\b/i,boolean:/\b(?:false|true)\b/,variable:/\$[a-z_]\w*/i,directive:{pattern:/@[a-z_]\w*/i,alias:"function"},"attr-name":{pattern:/\b[a-z_]\w*(?=\s*(?:\((?:[^()"]|"(?:\\.|[^\\"\r\n])*")*\))?:)/i,greedy:!0},"atom-input":{pattern:/\b[A-Z]\w*Input\b/,alias:"class-name"},scalar:/\b(?:Boolean|Float|ID|Int|String)\b/,constant:/\b[A-Z][A-Z_\d]*\b/,"class-name":{pattern:/(\b(?:enum|implements|interface|on|scalar|type|union)\s+|&\s*|:\s*|\[)[A-Z_]\w*/,lookbehind:!0},fragment:{pattern:/(\bfragment\s+|\.{3}\s*(?!on\b))[a-zA-Z_]\w*/,lookbehind:!0,alias:"function"},"definition-mutation":{pattern:/(\bmutation\s+)[a-zA-Z_]\w*/,lookbehind:!0,alias:"function"},"definition-query":{pattern:/(\bquery\s+)[a-zA-Z_]\w*/,lookbehind:!0,alias:"function"},keyword:/\b(?:directive|enum|extend|fragment|implements|input|interface|mutation|on|query|repeatable|scalar|schema|subscription|type|union)\b/,operator:/[!=|&]|\.{3}/,"property-query":/\w+(?=\s*\()/,object:/\w+(?=\s*\{)/,punctuation:/[!(){}\[\]:=,]/,property:/\w+/},S.hooks.add("after-tokenize",(function(e){if("graphql"===e.language)for(var t=e.tokens.filter((function(e){return"string"!=typeof e&&"comment"!==e.type&&"scalar"!==e.type})),n=0;n<t.length;){var r=t[n++];if("keyword"===r.type&&"mutation"===r.content){var o=[];if(d(["definition-mutation","punctuation"])&&"("===u(1).content){n+=2;var a=p(/^\($/,/^\)$/);if(-1===a)continue;for(;n<a;n++){var i=u(0);"variable"===i.type&&(f(i,"variable-input"),o.push(i.content))}n=a+1}if(d(["punctuation","property-query"])&&"{"===u(0).content&&(n++,f(u(0),"property-mutation"),0<o.length)){var s=p(/^\{$/,/^\}$/);if(-1!==s)for(var l=n;l<s;l++){var c=t[l];"variable"===c.type&&0<=o.indexOf(c.content)&&f(c,"variable-input")}}}}function u(e){return t[n+e]}function d(e,t){t=t||0;for(var n=0;n<e.length;n++){var r=u(n+t);if(!r||r.type!==e[n])return}return 1}function p(e,r){for(var o=1,a=n;a<t.length;a++){var i=t[a],s=i.content;if("punctuation"===i.type&&"string"==typeof s)if(e.test(s))o++;else if(r.test(s)&&0==--o)return a}return-1}function f(e,t){var n=e.alias;n?Array.isArray(n)||(e.alias=n=[n]):e.alias=n=[],n.push(t)}})),S.languages.sql={comment:{pattern:/(^|[^\\])(?:\/\*[\s\S]*?\*\/|(?:--|\/\/|#).*)/,lookbehind:!0},variable:[{pattern:/@(["'`])(?:\\[\s\S]|(?!\1)[^\\])+\1/,greedy:!0},/@[\w.$]+/],string:{pattern:/(^|[^@\\])("|')(?:\\[\s\S]|(?!\2)[^\\]|\2\2)*\2/,greedy:!0,lookbehind:!0},identifier:{pattern:/(^|[^@\\])`(?:\\[\s\S]|[^`\\]|``)*`/,greedy:!0,lookbehind:!0,inside:{punctuation:/^`|`$/}},function:/\b(?:AVG|COUNT|FIRST|FORMAT|LAST|LCASE|LEN|MAX|MID|MIN|MOD|NOW|ROUND|SUM|UCASE)(?=\s*\()/i,keyword:/\b(?:ACTION|ADD|AFTER|ALGORITHM|ALL|ALTER|ANALYZE|ANY|APPLY|AS|ASC|AUTHORIZATION|AUTO_INCREMENT|BACKUP|BDB|BEGIN|BERKELEYDB|BIGINT|BINARY|BIT|BLOB|BOOL|BOOLEAN|BREAK|BROWSE|BTREE|BULK|BY|CALL|CASCADED?|CASE|CHAIN|CHAR(?:ACTER|SET)?|CHECK(?:POINT)?|CLOSE|CLUSTERED|COALESCE|COLLATE|COLUMNS?|COMMENT|COMMIT(?:TED)?|COMPUTE|CONNECT|CONSISTENT|CONSTRAINT|CONTAINS(?:TABLE)?|CONTINUE|CONVERT|CREATE|CROSS|CURRENT(?:_DATE|_TIME|_TIMESTAMP|_USER)?|CURSOR|CYCLE|DATA(?:BASES?)?|DATE(?:TIME)?|DAY|DBCC|DEALLOCATE|DEC|DECIMAL|DECLARE|DEFAULT|DEFINER|DELAYED|DELETE|DELIMITERS?|DENY|DESC|DESCRIBE|DETERMINISTIC|DISABLE|DISCARD|DISK|DISTINCT|DISTINCTROW|DISTRIBUTED|DO|DOUBLE|DROP|DUMMY|DUMP(?:FILE)?|DUPLICATE|ELSE(?:IF)?|ENABLE|ENCLOSED|END|ENGINE|ENUM|ERRLVL|ERRORS|ESCAPED?|EXCEPT|EXEC(?:UTE)?|EXISTS|EXIT|EXPLAIN|EXTENDED|FETCH|FIELDS|FILE|FILLFACTOR|FIRST|FIXED|FLOAT|FOLLOWING|FOR(?: EACH ROW)?|FORCE|FOREIGN|FREETEXT(?:TABLE)?|FROM|FULL|FUNCTION|GEOMETRY(?:COLLECTION)?|GLOBAL|GOTO|GRANT|GROUP|HANDLER|HASH|HAVING|HOLDLOCK|HOUR|IDENTITY(?:COL|_INSERT)?|IF|IGNORE|IMPORT|INDEX|INFILE|INNER|INNODB|INOUT|INSERT|INT|INTEGER|INTERSECT|INTERVAL|INTO|INVOKER|ISOLATION|ITERATE|JOIN|KEYS?|KILL|LANGUAGE|LAST|LEAVE|LEFT|LEVEL|LIMIT|LINENO|LINES|LINESTRING|LOAD|LOCAL|LOCK|LONG(?:BLOB|TEXT)|LOOP|MATCH(?:ED)?|MEDIUM(?:BLOB|INT|TEXT)|MERGE|MIDDLEINT|MINUTE|MODE|MODIFIES|MODIFY|MONTH|MULTI(?:LINESTRING|POINT|POLYGON)|NATIONAL|NATURAL|NCHAR|NEXT|NO|NONCLUSTERED|NULLIF|NUMERIC|OFF?|OFFSETS?|ON|OPEN(?:DATASOURCE|QUERY|ROWSET)?|OPTIMIZE|OPTION(?:ALLY)?|ORDER|OUT(?:ER|FILE)?|OVER|PARTIAL|PARTITION|PERCENT|PIVOT|PLAN|POINT|POLYGON|PRECEDING|PRECISION|PREPARE|PREV|PRIMARY|PRINT|PRIVILEGES|PROC(?:EDURE)?|PUBLIC|PURGE|QUICK|RAISERROR|READS?|REAL|RECONFIGURE|REFERENCES|RELEASE|RENAME|REPEAT(?:ABLE)?|REPLACE|REPLICATION|REQUIRE|RESIGNAL|RESTORE|RESTRICT|RETURN(?:ING|S)?|REVOKE|RIGHT|ROLLBACK|ROUTINE|ROW(?:COUNT|GUIDCOL|S)?|RTREE|RULE|SAVE(?:POINT)?|SCHEMA|SECOND|SELECT|SERIAL(?:IZABLE)?|SESSION(?:_USER)?|SET(?:USER)?|SHARE|SHOW|SHUTDOWN|SIMPLE|SMALLINT|SNAPSHOT|SOME|SONAME|SQL|START(?:ING)?|STATISTICS|STATUS|STRIPED|SYSTEM_USER|TABLES?|TABLESPACE|TEMP(?:ORARY|TABLE)?|TERMINATED|TEXT(?:SIZE)?|THEN|TIME(?:STAMP)?|TINY(?:BLOB|INT|TEXT)|TOP?|TRAN(?:SACTIONS?)?|TRIGGER|TRUNCATE|TSEQUAL|TYPES?|UNBOUNDED|UNCOMMITTED|UNDEFINED|UNION|UNIQUE|UNLOCK|UNPIVOT|UNSIGNED|UPDATE(?:TEXT)?|USAGE|USE|USER|USING|VALUES?|VAR(?:BINARY|CHAR|CHARACTER|YING)|VIEW|WAITFOR|WARNINGS|WHEN|WHERE|WHILE|WITH(?: ROLLUP|IN)?|WORK|WRITE(?:TEXT)?|YEAR)\b/i,boolean:/\b(?:FALSE|NULL|TRUE)\b/i,number:/\b0x[\da-f]+\b|\b\d+(?:\.\d*)?|\B\.\d+\b/i,operator:/[-+*\/=%^~]|&&?|\|\|?|!=?|<(?:=>?|<|>)?|>[>=]?|\b(?:AND|BETWEEN|DIV|ILIKE|IN|IS|LIKE|NOT|OR|REGEXP|RLIKE|SOUNDS LIKE|XOR)\b/i,punctuation:/[;[\]()`,.]/},function(e){var t=e.languages.javascript["template-string"],n=t.pattern.source,r=t.inside.interpolation,o=r.inside["interpolation-punctuation"],a=r.pattern.source;function i(t,r){if(e.languages[t])return{pattern:RegExp("((?:"+r+")\\s*)"+n),lookbehind:!0,greedy:!0,inside:{"template-punctuation":{pattern:/^`|`$/,alias:"string"},"embedded-code":{pattern:/[\s\S]+/,alias:t}}}}function s(t,n,r){return t={code:t,grammar:n,language:r},e.hooks.run("before-tokenize",t),t.tokens=e.tokenize(t.code,t.grammar),e.hooks.run("after-tokenize",t),t.tokens}function l(t,n,i){var l=e.tokenize(t,{interpolation:{pattern:RegExp(a),lookbehind:!0}}),c=0,u={},d=(l=s(l.map((function(e){if("string"==typeof e)return e;var n,r;for(e=e.content;-1!==t.indexOf((r=c++,n="___"+i.toUpperCase()+"_"+r+"___")););return u[n]=e,n})).join(""),n,i),Object.keys(u));return c=0,function t(n){for(var a=0;a<n.length;a++){if(c>=d.length)return;var i,l,p,f,m,h,g,b=n[a];"string"==typeof b||"string"==typeof b.content?(i=d[c],-1!==(g=(h="string"==typeof b?b:b.content).indexOf(i))&&(++c,l=h.substring(0,g),m=u[i],p=void 0,(f={})["interpolation-punctuation"]=o,3===(f=e.tokenize(m,f)).length&&((p=[1,1]).push.apply(p,s(f[1],e.languages.javascript,"javascript")),f.splice.apply(f,p)),p=new e.Token("interpolation",f,r.alias,m),f=h.substring(g+i.length),m=[],l&&m.push(l),m.push(p),f&&(t(h=[f]),m.push.apply(m,h)),"string"==typeof b?(n.splice.apply(n,[a,1].concat(m)),a+=m.length-1):b.content=m)):(g=b.content,Array.isArray(g)?t(g):t([g]))}}(l),new e.Token(i,l,"language-"+i,t)}e.languages.javascript["template-string"]=[i("css",/\b(?:styled(?:\([^)]*\))?(?:\s*\.\s*\w+(?:\([^)]*\))*)*|css(?:\s*\.\s*(?:global|resolve))?|createGlobalStyle|keyframes)/.source),i("html",/\bhtml|\.\s*(?:inner|outer)HTML\s*\+?=/.source),i("svg",/\bsvg/.source),i("markdown",/\b(?:markdown|md)/.source),i("graphql",/\b(?:gql|graphql(?:\s*\.\s*experimental)?)/.source),i("sql",/\bsql/.source),t].filter(Boolean);var c={javascript:!0,js:!0,typescript:!0,ts:!0,jsx:!0,tsx:!0};function u(e){return"string"==typeof e?e:Array.isArray(e)?e.map(u).join(""):u(e.content)}e.hooks.add("after-tokenize",(function(t){t.language in c&&function t(n){for(var r=0,o=n.length;r<o;r++){var a,i,s,c=n[r];"string"!=typeof c&&(a=c.content,Array.isArray(a)?"template-string"===c.type?(c=a[1],3===a.length&&"string"!=typeof c&&"embedded-code"===c.type&&(i=u(c),c=c.alias,c=Array.isArray(c)?c[0]:c,s=e.languages[c])&&(a[1]=l(i,s,c))):t(a):"string"!=typeof a&&t([a]))}}(t.tokens)}))}(S),function(e){e.languages.typescript=e.languages.extend("javascript",{"class-name":{pattern:/(\b(?:class|extends|implements|instanceof|interface|new|type)\s+)(?!keyof\b)(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?:\s*<(?:[^<>]|<(?:[^<>]|<[^<>]*>)*>)*>)?/,lookbehind:!0,greedy:!0,inside:null},builtin:/\b(?:Array|Function|Promise|any|boolean|console|never|number|string|symbol|unknown)\b/}),e.languages.typescript.keyword.push(/\b(?:abstract|declare|is|keyof|readonly|require)\b/,/\b(?:asserts|infer|interface|module|namespace|type)\b(?=\s*(?:[{_$a-zA-Z\xA0-\uFFFF]|$))/,/\btype\b(?=\s*(?:[\{*]|$))/),delete e.languages.typescript.parameter,delete e.languages.typescript["literal-property"];var t=e.languages.extend("typescript",{});delete t["class-name"],e.languages.typescript["class-name"].inside=t,e.languages.insertBefore("typescript","function",{decorator:{pattern:/@[$\w\xA0-\uFFFF]+/,inside:{at:{pattern:/^@/,alias:"operator"},function:/^[\s\S]+/}},"generic-function":{pattern:/#?(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*\s*<(?:[^<>]|<(?:[^<>]|<[^<>]*>)*>)*>(?=\s*\()/,greedy:!0,inside:{function:/^#?(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*/,generic:{pattern:/<[\s\S]+/,alias:"class-name",inside:t}}}}),e.languages.ts=e.languages.typescript}(S),function(e){var t=e.languages.javascript,n=/\{(?:[^{}]|\{(?:[^{}]|\{[^{}]*\})*\})+\}/.source,r="(@(?:arg|argument|param|property)\\s+(?:"+n+"\\s+)?)";e.languages.jsdoc=e.languages.extend("javadoclike",{parameter:{pattern:RegExp(r+/(?:(?!\s)[$\w\xA0-\uFFFF.])+(?=\s|$)/.source),lookbehind:!0,inside:{punctuation:/\./}}}),e.languages.insertBefore("jsdoc","keyword",{"optional-parameter":{pattern:RegExp(r+/\[(?:(?!\s)[$\w\xA0-\uFFFF.])+(?:=[^[\]]+)?\](?=\s|$)/.source),lookbehind:!0,inside:{parameter:{pattern:/(^\[)[$\w\xA0-\uFFFF\.]+/,lookbehind:!0,inside:{punctuation:/\./}},code:{pattern:/(=)[\s\S]*(?=\]$)/,lookbehind:!0,inside:t,alias:"language-javascript"},punctuation:/[=[\]]/}},"class-name":[{pattern:RegExp(/(@(?:augments|class|extends|interface|memberof!?|template|this|typedef)\s+(?:<TYPE>\s+)?)[A-Z]\w*(?:\.[A-Z]\w*)*/.source.replace(/<TYPE>/g,(function(){return n}))),lookbehind:!0,inside:{punctuation:/\./}},{pattern:RegExp("(@[a-z]+\\s+)"+n),lookbehind:!0,inside:{string:t.string,number:t.number,boolean:t.boolean,keyword:e.languages.typescript.keyword,operator:/=>|\.\.\.|[&|?:*]/,punctuation:/[.,;=<>{}()[\]]/}}],example:{pattern:/(@example\s+(?!\s))(?:[^@\s]|\s+(?!\s))+?(?=\s*(?:\*\s*)?(?:@\w|\*\/))/,lookbehind:!0,inside:{code:{pattern:/^([\t ]*(?:\*\s*)?)\S.*$/m,lookbehind:!0,inside:t,alias:"language-javascript"}}}}),e.languages.javadoclike.addSupport("javascript",e.languages.jsdoc)}(S),function(e){e.languages.flow=e.languages.extend("javascript",{}),e.languages.insertBefore("flow","keyword",{type:[{pattern:/\b(?:[Bb]oolean|Function|[Nn]umber|[Ss]tring|[Ss]ymbol|any|mixed|null|void)\b/,alias:"class-name"}]}),e.languages.flow["function-variable"].pattern=/(?!\s)[_$a-z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*=\s*(?:function\b|(?:\([^()]*\)(?:\s*:\s*\w+)?|(?!\s)[_$a-z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*)\s*=>))/i,delete e.languages.flow.parameter,e.languages.insertBefore("flow","operator",{"flow-punctuation":{pattern:/\{\||\|\}/,alias:"punctuation"}}),Array.isArray(e.languages.flow.keyword)||(e.languages.flow.keyword=[e.languages.flow.keyword]),e.languages.flow.keyword.unshift({pattern:/(^|[^$]\b)(?:Class|declare|opaque|type)\b(?!\$)/,lookbehind:!0},{pattern:/(^|[^$]\B)\$(?:Diff|Enum|Exact|Keys|ObjMap|PropertyType|Record|Shape|Subtype|Supertype|await)\b(?!\$)/,lookbehind:!0})}(S),S.languages.n4js=S.languages.extend("javascript",{keyword:/\b(?:Array|any|boolean|break|case|catch|class|const|constructor|continue|debugger|declare|default|delete|do|else|enum|export|extends|false|finally|for|from|function|get|if|implements|import|in|instanceof|interface|let|module|new|null|number|package|private|protected|public|return|set|static|string|super|switch|this|throw|true|try|typeof|var|void|while|with|yield)\b/}),S.languages.insertBefore("n4js","constant",{annotation:{pattern:/@+\w+/,alias:"operator"}}),S.languages.n4jsd=S.languages.n4js,function(e){function t(e,t){return RegExp(e.replace(/<ID>/g,(function(){return/(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*/.source})),t)}e.languages.insertBefore("javascript","function-variable",{"method-variable":{pattern:RegExp("(\\.\\s*)"+e.languages.javascript["function-variable"].pattern.source),lookbehind:!0,alias:["function-variable","method","function","property-access"]}}),e.languages.insertBefore("javascript","function",{method:{pattern:RegExp("(\\.\\s*)"+e.languages.javascript.function.source),lookbehind:!0,alias:["function","property-access"]}}),e.languages.insertBefore("javascript","constant",{"known-class-name":[{pattern:/\b(?:(?:Float(?:32|64)|(?:Int|Uint)(?:8|16|32)|Uint8Clamped)?Array|ArrayBuffer|BigInt|Boolean|DataView|Date|Error|Function|Intl|JSON|(?:Weak)?(?:Map|Set)|Math|Number|Object|Promise|Proxy|Reflect|RegExp|String|Symbol|WebAssembly)\b/,alias:"class-name"},{pattern:/\b(?:[A-Z]\w*)Error\b/,alias:"class-name"}]}),e.languages.insertBefore("javascript","keyword",{imports:{pattern:t(/(\bimport\b\s*)(?:<ID>(?:\s*,\s*(?:\*\s*as\s+<ID>|\{[^{}]*\}))?|\*\s*as\s+<ID>|\{[^{}]*\})(?=\s*\bfrom\b)/.source),lookbehind:!0,inside:e.languages.javascript},exports:{pattern:t(/(\bexport\b\s*)(?:\*(?:\s*as\s+<ID>)?(?=\s*\bfrom\b)|\{[^{}]*\})/.source),lookbehind:!0,inside:e.languages.javascript}}),e.languages.javascript.keyword.unshift({pattern:/\b(?:as|default|export|from|import)\b/,alias:"module"},{pattern:/\b(?:await|break|catch|continue|do|else|finally|for|if|return|switch|throw|try|while|yield)\b/,alias:"control-flow"},{pattern:/\bnull\b/,alias:["null","nil"]},{pattern:/\bundefined\b/,alias:"nil"}),e.languages.insertBefore("javascript","operator",{spread:{pattern:/\.{3}/,alias:"operator"},arrow:{pattern:/=>/,alias:"operator"}}),e.languages.insertBefore("javascript","punctuation",{"property-access":{pattern:t(/(\.\s*)#?<ID>/.source),lookbehind:!0},"maybe-class-name":{pattern:/(^|[^$\w\xA0-\uFFFF])[A-Z][$\w\xA0-\uFFFF]+/,lookbehind:!0},dom:{pattern:/\b(?:document|(?:local|session)Storage|location|navigator|performance|window)\b/,alias:"variable"},console:{pattern:/\bconsole(?=\s*\.)/,alias:"class-name"}});for(var n=["function","function-variable","method","method-variable","property-access"],r=0;r<n.length;r++){var o=n[r],a=e.languages.javascript[o];o=(a="RegExp"===e.util.type(a)?e.languages.javascript[o]={pattern:a}:a).inside||{};(a.inside=o)["maybe-class-name"]=/^[A-Z][\s\S]*/}}(S),function(e){var t=e.util.clone(e.languages.javascript),n=/(?:\s|\/\/.*(?!.)|\/\*(?:[^*]|\*(?!\/))\*\/)/.source,r=/(?:\{(?:\{(?:\{[^{}]*\}|[^{}])*\}|[^{}])*\})/.source,o=/(?:\{<S>*\.{3}(?:[^{}]|<BRACES>)*\})/.source;function a(e,t){return e=e.replace(/<S>/g,(function(){return n})).replace(/<BRACES>/g,(function(){return r})).replace(/<SPREAD>/g,(function(){return o})),RegExp(e,t)}function i(t){for(var n=[],r=0;r<t.length;r++){var o=t[r],a=!1;"string"!=typeof o&&("tag"===o.type&&o.content[0]&&"tag"===o.content[0].type?"</"===o.content[0].content[0].content?0<n.length&&n[n.length-1].tagName===s(o.content[0].content[1])&&n.pop():"/>"!==o.content[o.content.length-1].content&&n.push({tagName:s(o.content[0].content[1]),openedBraces:0}):0<n.length&&"punctuation"===o.type&&"{"===o.content?n[n.length-1].openedBraces++:0<n.length&&0<n[n.length-1].openedBraces&&"punctuation"===o.type&&"}"===o.content?n[n.length-1].openedBraces--:a=!0),(a||"string"==typeof o)&&0<n.length&&0===n[n.length-1].openedBraces&&(a=s(o),r<t.length-1&&("string"==typeof t[r+1]||"plain-text"===t[r+1].type)&&(a+=s(t[r+1]),t.splice(r+1,1)),0<r&&("string"==typeof t[r-1]||"plain-text"===t[r-1].type)&&(a=s(t[r-1])+a,t.splice(r-1,1),r--),t[r]=new e.Token("plain-text",a,null,a)),o.content&&"string"!=typeof o.content&&i(o.content)}}o=a(o).source,e.languages.jsx=e.languages.extend("markup",t),e.languages.jsx.tag.pattern=a(/<\/?(?:[\w.:-]+(?:<S>+(?:[\w.:$-]+(?:=(?:"(?:\\[\s\S]|[^\\"])*"|'(?:\\[\s\S]|[^\\'])*'|[^\s{'"/>=]+|<BRACES>))?|<SPREAD>))*<S>*\/?)?>/.source),e.languages.jsx.tag.inside.tag.pattern=/^<\/?[^\s>\/]*/,e.languages.jsx.tag.inside["attr-value"].pattern=/=(?!\{)(?:"(?:\\[\s\S]|[^\\"])*"|'(?:\\[\s\S]|[^\\'])*'|[^\s'">]+)/,e.languages.jsx.tag.inside.tag.inside["class-name"]=/^[A-Z]\w*(?:\.[A-Z]\w*)*$/,e.languages.jsx.tag.inside.comment=t.comment,e.languages.insertBefore("inside","attr-name",{spread:{pattern:a(/<SPREAD>/.source),inside:e.languages.jsx}},e.languages.jsx.tag),e.languages.insertBefore("inside","special-attr",{script:{pattern:a(/=<BRACES>/.source),alias:"language-javascript",inside:{"script-punctuation":{pattern:/^=(?=\{)/,alias:"punctuation"},rest:e.languages.jsx}}},e.languages.jsx.tag);var s=function(e){return e?"string"==typeof e?e:"string"==typeof e.content?e.content:e.content.map(s).join(""):""};e.hooks.add("after-tokenize",(function(e){"jsx"!==e.language&&"tsx"!==e.language||i(e.tokens)}))}(S),function(e){var t=e.util.clone(e.languages.typescript);(t=(e.languages.tsx=e.languages.extend("jsx",t),delete e.languages.tsx.parameter,delete e.languages.tsx["literal-property"],e.languages.tsx.tag)).pattern=RegExp(/(^|[^\w$]|(?=<\/))/.source+"(?:"+t.pattern.source+")",t.pattern.flags),t.lookbehind=!0}(S),S.languages.swift={comment:{pattern:/(^|[^\\:])(?:\/\/.*|\/\*(?:[^/*]|\/(?!\*)|\*(?!\/)|\/\*(?:[^*]|\*(?!\/))*\*\/)*\*\/)/,lookbehind:!0,greedy:!0},"string-literal":[{pattern:RegExp(/(^|[^"#])/.source+"(?:"+/"(?:\\(?:\((?:[^()]|\([^()]*\))*\)|\r\n|[^(])|[^\\\r\n"])*"/.source+"|"+/"""(?:\\(?:\((?:[^()]|\([^()]*\))*\)|[^(])|[^\\"]|"(?!""))*"""/.source+")"+/(?!["#])/.source),lookbehind:!0,greedy:!0,inside:{interpolation:{pattern:/(\\\()(?:[^()]|\([^()]*\))*(?=\))/,lookbehind:!0,inside:null},"interpolation-punctuation":{pattern:/^\)|\\\($/,alias:"punctuation"},punctuation:/\\(?=[\r\n])/,string:/[\s\S]+/}},{pattern:RegExp(/(^|[^"#])(#+)/.source+"(?:"+/"(?:\\(?:#+\((?:[^()]|\([^()]*\))*\)|\r\n|[^#])|[^\\\r\n])*?"/.source+"|"+/"""(?:\\(?:#+\((?:[^()]|\([^()]*\))*\)|[^#])|[^\\])*?"""/.source+")\\2"),lookbehind:!0,greedy:!0,inside:{interpolation:{pattern:/(\\#+\()(?:[^()]|\([^()]*\))*(?=\))/,lookbehind:!0,inside:null},"interpolation-punctuation":{pattern:/^\)|\\#+\($/,alias:"punctuation"},string:/[\s\S]+/}}],directive:{pattern:RegExp(/#/.source+"(?:"+/(?:elseif|if)\b/.source+"(?:[ \t]*"+/(?:![ \t]*)?(?:\b\w+\b(?:[ \t]*\((?:[^()]|\([^()]*\))*\))?|\((?:[^()]|\([^()]*\))*\))(?:[ \t]*(?:&&|\|\|))?/.source+")+|"+/(?:else|endif)\b/.source+")"),alias:"property",inside:{"directive-name":/^#\w+/,boolean:/\b(?:false|true)\b/,number:/\b\d+(?:\.\d+)*\b/,operator:/!|&&|\|\||[<>]=?/,punctuation:/[(),]/}},literal:{pattern:/#(?:colorLiteral|column|dsohandle|file(?:ID|Literal|Path)?|function|imageLiteral|line)\b/,alias:"constant"},"other-directive":{pattern:/#\w+\b/,alias:"property"},attribute:{pattern:/@\w+/,alias:"atrule"},"function-definition":{pattern:/(\bfunc\s+)\w+/,lookbehind:!0,alias:"function"},label:{pattern:/\b(break|continue)\s+\w+|\b[a-zA-Z_]\w*(?=\s*:\s*(?:for|repeat|while)\b)/,lookbehind:!0,alias:"important"},keyword:/\b(?:Any|Protocol|Self|Type|actor|as|assignment|associatedtype|associativity|async|await|break|case|catch|class|continue|convenience|default|defer|deinit|didSet|do|dynamic|else|enum|extension|fallthrough|fileprivate|final|for|func|get|guard|higherThan|if|import|in|indirect|infix|init|inout|internal|is|isolated|lazy|left|let|lowerThan|mutating|none|nonisolated|nonmutating|open|operator|optional|override|postfix|precedencegroup|prefix|private|protocol|public|repeat|required|rethrows|return|right|safe|self|set|some|static|struct|subscript|super|switch|throw|throws|try|typealias|unowned|unsafe|var|weak|where|while|willSet)\b/,boolean:/\b(?:false|true)\b/,nil:{pattern:/\bnil\b/,alias:"constant"},"short-argument":/\$\d+\b/,omit:{pattern:/\b_\b/,alias:"keyword"},number:/\b(?:[\d_]+(?:\.[\de_]+)?|0x[a-f0-9_]+(?:\.[a-f0-9p_]+)?|0b[01_]+|0o[0-7_]+)\b/i,"class-name":/\b[A-Z](?:[A-Z_\d]*[a-z]\w*)?\b/,function:/\b[a-z_]\w*(?=\s*\()/i,constant:/\b(?:[A-Z_]{2,}|k[A-Z][A-Za-z_]+)\b/,operator:/[-+*/%=!<>&|^~?]+|\.[.\-+*/%=!<>&|^~?]+/,punctuation:/[{}[\]();,.:\\]/},S.languages.swift["string-literal"].forEach((function(e){e.inside.interpolation.inside=S.languages.swift})),function(e){e.languages.kotlin=e.languages.extend("clike",{keyword:{pattern:/(^|[^.])\b(?:abstract|actual|annotation|as|break|by|catch|class|companion|const|constructor|continue|crossinline|data|do|dynamic|else|enum|expect|external|final|finally|for|fun|get|if|import|in|infix|init|inline|inner|interface|internal|is|lateinit|noinline|null|object|open|operator|out|override|package|private|protected|public|reified|return|sealed|set|super|suspend|tailrec|this|throw|to|try|typealias|val|var|vararg|when|where|while)\b/,lookbehind:!0},function:[{pattern:/(?:`[^\r\n`]+`|\b\w+)(?=\s*\()/,greedy:!0},{pattern:/(\.)(?:`[^\r\n`]+`|\w+)(?=\s*\{)/,lookbehind:!0,greedy:!0}],number:/\b(?:0[xX][\da-fA-F]+(?:_[\da-fA-F]+)*|0[bB][01]+(?:_[01]+)*|\d+(?:_\d+)*(?:\.\d+(?:_\d+)*)?(?:[eE][+-]?\d+(?:_\d+)*)?[fFL]?)\b/,operator:/\+[+=]?|-[-=>]?|==?=?|!(?:!|==?)?|[\/*%<>]=?|[?:]:?|\.\.|&&|\|\||\b(?:and|inv|or|shl|shr|ushr|xor)\b/}),delete e.languages.kotlin["class-name"];var t={"interpolation-punctuation":{pattern:/^\$\{?|\}$/,alias:"punctuation"},expression:{pattern:/[\s\S]+/,inside:e.languages.kotlin}};e.languages.insertBefore("kotlin","string",{"string-literal":[{pattern:/"""(?:[^$]|\$(?:(?!\{)|\{[^{}]*\}))*?"""/,alias:"multiline",inside:{interpolation:{pattern:/\$(?:[a-z_]\w*|\{[^{}]*\})/i,inside:t},string:/[\s\S]+/}},{pattern:/"(?:[^"\\\r\n$]|\\.|\$(?:(?!\{)|\{[^{}]*\}))*"/,alias:"singleline",inside:{interpolation:{pattern:/((?:^|[^\\])(?:\\{2})*)\$(?:[a-z_]\w*|\{[^{}]*\})/i,lookbehind:!0,inside:t},string:/[\s\S]+/}}],char:{pattern:/'(?:[^'\\\r\n]|\\(?:.|u[a-fA-F0-9]{0,4}))'/,greedy:!0}}),delete e.languages.kotlin.string,e.languages.insertBefore("kotlin","keyword",{annotation:{pattern:/\B@(?:\w+:)?(?:[A-Z]\w*|\[[^\]]+\])/,alias:"builtin"}}),e.languages.insertBefore("kotlin","function",{label:{pattern:/\b\w+@|@\w+\b/,alias:"symbol"}}),e.languages.kt=e.languages.kotlin,e.languages.kts=e.languages.kotlin}(S),S.languages.c=S.languages.extend("clike",{comment:{pattern:/\/\/(?:[^\r\n\\]|\\(?:\r\n?|\n|(?![\r\n])))*|\/\*[\s\S]*?(?:\*\/|$)/,greedy:!0},string:{pattern:/"(?:\\(?:\r\n|[\s\S])|[^"\\\r\n])*"/,greedy:!0},"class-name":{pattern:/(\b(?:enum|struct)\s+(?:__attribute__\s*\(\([\s\S]*?\)\)\s*)?)\w+|\b[a-z]\w*_t\b/,lookbehind:!0},keyword:/\b(?:_Alignas|_Alignof|_Atomic|_Bool|_Complex|_Generic|_Imaginary|_Noreturn|_Static_assert|_Thread_local|__attribute__|asm|auto|break|case|char|const|continue|default|do|double|else|enum|extern|float|for|goto|if|inline|int|long|register|return|short|signed|sizeof|static|struct|switch|typedef|typeof|union|unsigned|void|volatile|while)\b/,function:/\b[a-z_]\w*(?=\s*\()/i,number:/(?:\b0x(?:[\da-f]+(?:\.[\da-f]*)?|\.[\da-f]+)(?:p[+-]?\d+)?|(?:\b\d+(?:\.\d*)?|\B\.\d+)(?:e[+-]?\d+)?)[ful]{0,4}/i,operator:/>>=?|<<=?|->|([-+&|:])\1|[?:~]|[-+*/%&|^!=<>]=?/}),S.languages.insertBefore("c","string",{char:{pattern:/'(?:\\(?:\r\n|[\s\S])|[^'\\\r\n]){0,32}'/,greedy:!0}}),S.languages.insertBefore("c","string",{macro:{pattern:/(^[\t ]*)#\s*[a-z](?:[^\r\n\\/]|\/(?!\*)|\/\*(?:[^*]|\*(?!\/))*\*\/|\\(?:\r\n|[\s\S]))*/im,lookbehind:!0,greedy:!0,alias:"property",inside:{string:[{pattern:/^(#\s*include\s*)<[^>]+>/,lookbehind:!0},S.languages.c.string],char:S.languages.c.char,comment:S.languages.c.comment,"macro-name":[{pattern:/(^#\s*define\s+)\w+\b(?!\()/i,lookbehind:!0},{pattern:/(^#\s*define\s+)\w+\b(?=\()/i,lookbehind:!0,alias:"function"}],directive:{pattern:/^(#\s*)[a-z]+/,lookbehind:!0,alias:"keyword"},"directive-hash":/^#/,punctuation:/##|\\(?=[\r\n])/,expression:{pattern:/\S[\s\S]*/,inside:S.languages.c}}}}),S.languages.insertBefore("c","function",{constant:/\b(?:EOF|NULL|SEEK_CUR|SEEK_END|SEEK_SET|__DATE__|__FILE__|__LINE__|__TIMESTAMP__|__TIME__|__func__|stderr|stdin|stdout)\b/}),delete S.languages.c.boolean,S.languages.objectivec=S.languages.extend("c",{string:{pattern:/@?"(?:\\(?:\r\n|[\s\S])|[^"\\\r\n])*"/,greedy:!0},keyword:/\b(?:asm|auto|break|case|char|const|continue|default|do|double|else|enum|extern|float|for|goto|if|in|inline|int|long|register|return|self|short|signed|sizeof|static|struct|super|switch|typedef|typeof|union|unsigned|void|volatile|while)\b|(?:@interface|@end|@implementation|@protocol|@class|@public|@protected|@private|@property|@try|@catch|@finally|@throw|@synthesize|@dynamic|@selector)\b/,operator:/-[->]?|\+\+?|!=?|<<?=?|>>?=?|==?|&&?|\|\|?|[~^%?*\/@]/}),delete S.languages.objectivec["class-name"],S.languages.objc=S.languages.objectivec,S.languages.reason=S.languages.extend("clike",{string:{pattern:/"(?:\\(?:\r\n|[\s\S])|[^\\\r\n"])*"/,greedy:!0},"class-name":/\b[A-Z]\w*/,keyword:/\b(?:and|as|assert|begin|class|constraint|do|done|downto|else|end|exception|external|for|fun|function|functor|if|in|include|inherit|initializer|lazy|let|method|module|mutable|new|nonrec|object|of|open|or|private|rec|sig|struct|switch|then|to|try|type|val|virtual|when|while|with)\b/,operator:/\.{3}|:[:=]|\|>|->|=(?:==?|>)?|<=?|>=?|[|^?'#!~`]|[+\-*\/]\.?|\b(?:asr|land|lor|lsl|lsr|lxor|mod)\b/}),S.languages.insertBefore("reason","class-name",{char:{pattern:/'(?:\\x[\da-f]{2}|\\o[0-3][0-7][0-7]|\\\d{3}|\\.|[^'\\\r\n])'/,greedy:!0},constructor:/\b[A-Z]\w*\b(?!\s*\.)/,label:{pattern:/\b[a-z]\w*(?=::)/,alias:"symbol"}}),delete S.languages.reason.function,function(e){for(var t=/\/\*(?:[^*/]|\*(?!\/)|\/(?!\*)|<self>)*\*\//.source,n=0;n<2;n++)t=t.replace(/<self>/g,(function(){return t}));t=t.replace(/<self>/g,(function(){return/[^\s\S]/.source})),e.languages.rust={comment:[{pattern:RegExp(/(^|[^\\])/.source+t),lookbehind:!0,greedy:!0},{pattern:/(^|[^\\:])\/\/.*/,lookbehind:!0,greedy:!0}],string:{pattern:/b?"(?:\\[\s\S]|[^\\"])*"|b?r(#*)"(?:[^"]|"(?!\1))*"\1/,greedy:!0},char:{pattern:/b?'(?:\\(?:x[0-7][\da-fA-F]|u\{(?:[\da-fA-F]_*){1,6}\}|.)|[^\\\r\n\t'])'/,greedy:!0},attribute:{pattern:/#!?\[(?:[^\[\]"]|"(?:\\[\s\S]|[^\\"])*")*\]/,greedy:!0,alias:"attr-name",inside:{string:null}},"closure-params":{pattern:/([=(,:]\s*|\bmove\s*)\|[^|]*\||\|[^|]*\|(?=\s*(?:\{|->))/,lookbehind:!0,greedy:!0,inside:{"closure-punctuation":{pattern:/^\||\|$/,alias:"punctuation"},rest:null}},"lifetime-annotation":{pattern:/'\w+/,alias:"symbol"},"fragment-specifier":{pattern:/(\$\w+:)[a-z]+/,lookbehind:!0,alias:"punctuation"},variable:/\$\w+/,"function-definition":{pattern:/(\bfn\s+)\w+/,lookbehind:!0,alias:"function"},"type-definition":{pattern:/(\b(?:enum|struct|trait|type|union)\s+)\w+/,lookbehind:!0,alias:"class-name"},"module-declaration":[{pattern:/(\b(?:crate|mod)\s+)[a-z][a-z_\d]*/,lookbehind:!0,alias:"namespace"},{pattern:/(\b(?:crate|self|super)\s*)::\s*[a-z][a-z_\d]*\b(?:\s*::(?:\s*[a-z][a-z_\d]*\s*::)*)?/,lookbehind:!0,alias:"namespace",inside:{punctuation:/::/}}],keyword:[/\b(?:Self|abstract|as|async|await|become|box|break|const|continue|crate|do|dyn|else|enum|extern|final|fn|for|if|impl|in|let|loop|macro|match|mod|move|mut|override|priv|pub|ref|return|self|static|struct|super|trait|try|type|typeof|union|unsafe|unsized|use|virtual|where|while|yield)\b/,/\b(?:bool|char|f(?:32|64)|[ui](?:8|16|32|64|128|size)|str)\b/],function:/\b[a-z_]\w*(?=\s*(?:::\s*<|\())/,macro:{pattern:/\b\w+!/,alias:"property"},constant:/\b[A-Z_][A-Z_\d]+\b/,"class-name":/\b[A-Z]\w*\b/,namespace:{pattern:/(?:\b[a-z][a-z_\d]*\s*::\s*)*\b[a-z][a-z_\d]*\s*::(?!\s*<)/,inside:{punctuation:/::/}},number:/\b(?:0x[\dA-Fa-f](?:_?[\dA-Fa-f])*|0o[0-7](?:_?[0-7])*|0b[01](?:_?[01])*|(?:(?:\d(?:_?\d)*)?\.)?\d(?:_?\d)*(?:[Ee][+-]?\d+)?)(?:_?(?:f32|f64|[iu](?:8|16|32|64|size)?))?\b/,boolean:/\b(?:false|true)\b/,punctuation:/->|\.\.=|\.{1,3}|::|[{}[\];(),:]/,operator:/[-+*\/%!^]=?|=[=>]?|&[&=]?|\|[|=]?|<<?=?|>>?=?|[@?]/},e.languages.rust["closure-params"].inside.rest=e.languages.rust,e.languages.rust.attribute.inside.string=e.languages.rust.string}(S),S.languages.go=S.languages.extend("clike",{string:{pattern:/(^|[^\\])"(?:\\.|[^"\\\r\n])*"|`[^`]*`/,lookbehind:!0,greedy:!0},keyword:/\b(?:break|case|chan|const|continue|default|defer|else|fallthrough|for|func|go(?:to)?|if|import|interface|map|package|range|return|select|struct|switch|type|var)\b/,boolean:/\b(?:_|false|iota|nil|true)\b/,number:[/\b0(?:b[01_]+|o[0-7_]+)i?\b/i,/\b0x(?:[a-f\d_]+(?:\.[a-f\d_]*)?|\.[a-f\d_]+)(?:p[+-]?\d+(?:_\d+)*)?i?(?!\w)/i,/(?:\b\d[\d_]*(?:\.[\d_]*)?|\B\.\d[\d_]*)(?:e[+-]?[\d_]+)?i?(?!\w)/i],operator:/[*\/%^!=]=?|\+[=+]?|-[=-]?|\|[=|]?|&(?:=|&|\^=?)?|>(?:>=?|=)?|<(?:<=?|=|-)?|:=|\.\.\./,builtin:/\b(?:append|bool|byte|cap|close|complex|complex(?:64|128)|copy|delete|error|float(?:32|64)|u?int(?:8|16|32|64)?|imag|len|make|new|panic|print(?:ln)?|real|recover|rune|string|uintptr)\b/}),S.languages.insertBefore("go","string",{char:{pattern:/'(?:\\.|[^'\\\r\n]){0,10}'/,greedy:!0}}),delete S.languages.go["class-name"],function(e){var t=/\b(?:alignas|alignof|asm|auto|bool|break|case|catch|char|char16_t|char32_t|char8_t|class|co_await|co_return|co_yield|compl|concept|const|const_cast|consteval|constexpr|constinit|continue|decltype|default|delete|do|double|dynamic_cast|else|enum|explicit|export|extern|final|float|for|friend|goto|if|import|inline|int|int16_t|int32_t|int64_t|int8_t|long|module|mutable|namespace|new|noexcept|nullptr|operator|override|private|protected|public|register|reinterpret_cast|requires|return|short|signed|sizeof|static|static_assert|static_cast|struct|switch|template|this|thread_local|throw|try|typedef|typeid|typename|uint16_t|uint32_t|uint64_t|uint8_t|union|unsigned|using|virtual|void|volatile|wchar_t|while)\b/,n=/\b(?!<keyword>)\w+(?:\s*\.\s*\w+)*\b/.source.replace(/<keyword>/g,(function(){return t.source}));e.languages.cpp=e.languages.extend("c",{"class-name":[{pattern:RegExp(/(\b(?:class|concept|enum|struct|typename)\s+)(?!<keyword>)\w+/.source.replace(/<keyword>/g,(function(){return t.source}))),lookbehind:!0},/\b[A-Z]\w*(?=\s*::\s*\w+\s*\()/,/\b[A-Z_]\w*(?=\s*::\s*~\w+\s*\()/i,/\b\w+(?=\s*<(?:[^<>]|<(?:[^<>]|<[^<>]*>)*>)*>\s*::\s*\w+\s*\()/],keyword:t,number:{pattern:/(?:\b0b[01']+|\b0x(?:[\da-f']+(?:\.[\da-f']*)?|\.[\da-f']+)(?:p[+-]?[\d']+)?|(?:\b[\d']+(?:\.[\d']*)?|\B\.[\d']+)(?:e[+-]?[\d']+)?)[ful]{0,4}/i,greedy:!0},operator:/>>=?|<<=?|->|--|\+\+|&&|\|\||[?:~]|<=>|[-+*/%&|^!=<>]=?|\b(?:and|and_eq|bitand|bitor|not|not_eq|or|or_eq|xor|xor_eq)\b/,boolean:/\b(?:false|true)\b/}),e.languages.insertBefore("cpp","string",{module:{pattern:RegExp(/(\b(?:import|module)\s+)/.source+"(?:"+/"(?:\\(?:\r\n|[\s\S])|[^"\\\r\n])*"|<[^<>\r\n]*>/.source+"|"+/<mod-name>(?:\s*:\s*<mod-name>)?|:\s*<mod-name>/.source.replace(/<mod-name>/g,(function(){return n}))+")"),lookbehind:!0,greedy:!0,inside:{string:/^[<"][\s\S]+/,operator:/:/,punctuation:/\./}},"raw-string":{pattern:/R"([^()\\ ]{0,16})\([\s\S]*?\)\1"/,alias:"string",greedy:!0}}),e.languages.insertBefore("cpp","keyword",{"generic-function":{pattern:/\b(?!operator\b)[a-z_]\w*\s*<(?:[^<>]|<[^<>]*>)*>(?=\s*\()/i,inside:{function:/^\w+/,generic:{pattern:/<[\s\S]+/,alias:"class-name",inside:e.languages.cpp}}}}),e.languages.insertBefore("cpp","operator",{"double-colon":{pattern:/::/,alias:"punctuation"}}),e.languages.insertBefore("cpp","class-name",{"base-clause":{pattern:/(\b(?:class|struct)\s+\w+\s*:\s*)[^;{}"'\s]+(?:\s+[^;{}"'\s]+)*(?=\s*[;{])/,lookbehind:!0,greedy:!0,inside:e.languages.extend("cpp",{})}}),e.languages.insertBefore("inside","double-colon",{"class-name":/\b[a-z_]\w*\b(?!\s*::)/i},e.languages.cpp["base-clause"])}(S),S.languages.python={comment:{pattern:/(^|[^\\])#.*/,lookbehind:!0,greedy:!0},"string-interpolation":{pattern:/(?:f|fr|rf)(?:("""|''')[\s\S]*?\1|("|')(?:\\.|(?!\2)[^\\\r\n])*\2)/i,greedy:!0,inside:{interpolation:{pattern:/((?:^|[^{])(?:\{\{)*)\{(?!\{)(?:[^{}]|\{(?!\{)(?:[^{}]|\{(?!\{)(?:[^{}])+\})+\})+\}/,lookbehind:!0,inside:{"format-spec":{pattern:/(:)[^:(){}]+(?=\}$)/,lookbehind:!0},"conversion-option":{pattern:/![sra](?=[:}]$)/,alias:"punctuation"},rest:null}},string:/[\s\S]+/}},"triple-quoted-string":{pattern:/(?:[rub]|br|rb)?("""|''')[\s\S]*?\1/i,greedy:!0,alias:"string"},string:{pattern:/(?:[rub]|br|rb)?("|')(?:\\.|(?!\1)[^\\\r\n])*\1/i,greedy:!0},function:{pattern:/((?:^|\s)def[ \t]+)[a-zA-Z_]\w*(?=\s*\()/g,lookbehind:!0},"class-name":{pattern:/(\bclass\s+)\w+/i,lookbehind:!0},decorator:{pattern:/(^[\t ]*)@\w+(?:\.\w+)*/m,lookbehind:!0,alias:["annotation","punctuation"],inside:{punctuation:/\./}},keyword:/\b(?:_(?=\s*:)|and|as|assert|async|await|break|case|class|continue|def|del|elif|else|except|exec|finally|for|from|global|if|import|in|is|lambda|match|nonlocal|not|or|pass|print|raise|return|try|while|with|yield)\b/,builtin:/\b(?:__import__|abs|all|any|apply|ascii|basestring|bin|bool|buffer|bytearray|bytes|callable|chr|classmethod|cmp|coerce|compile|complex|delattr|dict|dir|divmod|enumerate|eval|execfile|file|filter|float|format|frozenset|getattr|globals|hasattr|hash|help|hex|id|input|int|intern|isinstance|issubclass|iter|len|list|locals|long|map|max|memoryview|min|next|object|oct|open|ord|pow|property|range|raw_input|reduce|reload|repr|reversed|round|set|setattr|slice|sorted|staticmethod|str|sum|super|tuple|type|unichr|unicode|vars|xrange|zip)\b/,boolean:/\b(?:False|None|True)\b/,number:/\b0(?:b(?:_?[01])+|o(?:_?[0-7])+|x(?:_?[a-f0-9])+)\b|(?:\b\d+(?:_\d+)*(?:\.(?:\d+(?:_\d+)*)?)?|\B\.\d+(?:_\d+)*)(?:e[+-]?\d+(?:_\d+)*)?j?(?!\w)/i,operator:/[-+%=]=?|!=|:=|\*\*?=?|\/\/?=?|<[<=>]?|>[=>]?|[&|^~]/,punctuation:/[{}[\];(),.:]/},S.languages.python["string-interpolation"].inside.interpolation.inside.rest=S.languages.python,S.languages.py=S.languages.python,S.languages.json={property:{pattern:/(^|[^\\])"(?:\\.|[^\\"\r\n])*"(?=\s*:)/,lookbehind:!0,greedy:!0},string:{pattern:/(^|[^\\])"(?:\\.|[^\\"\r\n])*"(?!\s*:)/,lookbehind:!0,greedy:!0},comment:{pattern:/\/\/.*|\/\*[\s\S]*?(?:\*\/|$)/,greedy:!0},number:/-?\b\d+(?:\.\d+)?(?:e[+-]?\d+)?\b/i,punctuation:/[{}[\],]/,operator:/:/,boolean:/\b(?:false|true)\b/,null:{pattern:/\bnull\b/,alias:"keyword"}},S.languages.webmanifest=S.languages.json;((e,t)=>{for(var n in t)l(e,n,{get:t[n],enumerable:!0})})({},{dracula:()=>x,duotoneDark:()=>k,duotoneLight:()=>j,github:()=>E,gruvboxMaterialDark:()=>q,gruvboxMaterialLight:()=>$,jettwaveDark:()=>F,jettwaveLight:()=>z,nightOwl:()=>_,nightOwlLight:()=>C,oceanicNext:()=>T,okaidia:()=>P,oneDark:()=>B,oneLight:()=>U,palenight:()=>L,shadesOfPurple:()=>I,synthwave84:()=>R,ultramin:()=>N,vsDark:()=>D,vsLight:()=>M});var x={plain:{color:"#F8F8F2",backgroundColor:"#282A36"},styles:[{types:["prolog","constant","builtin"],style:{color:"rgb(189, 147, 249)"}},{types:["inserted","function"],style:{color:"rgb(80, 250, 123)"}},{types:["deleted"],style:{color:"rgb(255, 85, 85)"}},{types:["changed"],style:{color:"rgb(255, 184, 108)"}},{types:["punctuation","symbol"],style:{color:"rgb(248, 248, 242)"}},{types:["string","char","tag","selector"],style:{color:"rgb(255, 121, 198)"}},{types:["keyword","variable"],style:{color:"rgb(189, 147, 249)",fontStyle:"italic"}},{types:["comment"],style:{color:"rgb(98, 114, 164)"}},{types:["attr-name"],style:{color:"rgb(241, 250, 140)"}}]},k={plain:{backgroundColor:"#2a2734",color:"#9a86fd"},styles:[{types:["comment","prolog","doctype","cdata","punctuation"],style:{color:"#6c6783"}},{types:["namespace"],style:{opacity:.7}},{types:["tag","operator","number"],style:{color:"#e09142"}},{types:["property","function"],style:{color:"#9a86fd"}},{types:["tag-id","selector","atrule-id"],style:{color:"#eeebff"}},{types:["attr-name"],style:{color:"#c4b9fe"}},{types:["boolean","string","entity","url","attr-value","keyword","control","directive","unit","statement","regex","atrule","placeholder","variable"],style:{color:"#ffcc99"}},{types:["deleted"],style:{textDecorationLine:"line-through"}},{types:["inserted"],style:{textDecorationLine:"underline"}},{types:["italic"],style:{fontStyle:"italic"}},{types:["important","bold"],style:{fontWeight:"bold"}},{types:["important"],style:{color:"#c4b9fe"}}]},j={plain:{backgroundColor:"#faf8f5",color:"#728fcb"},styles:[{types:["comment","prolog","doctype","cdata","punctuation"],style:{color:"#b6ad9a"}},{types:["namespace"],style:{opacity:.7}},{types:["tag","operator","number"],style:{color:"#063289"}},{types:["property","function"],style:{color:"#b29762"}},{types:["tag-id","selector","atrule-id"],style:{color:"#2d2006"}},{types:["attr-name"],style:{color:"#896724"}},{types:["boolean","string","entity","url","attr-value","keyword","control","directive","unit","statement","regex","atrule"],style:{color:"#728fcb"}},{types:["placeholder","variable"],style:{color:"#93abdc"}},{types:["deleted"],style:{textDecorationLine:"line-through"}},{types:["inserted"],style:{textDecorationLine:"underline"}},{types:["italic"],style:{fontStyle:"italic"}},{types:["important","bold"],style:{fontWeight:"bold"}},{types:["important"],style:{color:"#896724"}}]},E={plain:{color:"#393A34",backgroundColor:"#f6f8fa"},styles:[{types:["comment","prolog","doctype","cdata"],style:{color:"#999988",fontStyle:"italic"}},{types:["namespace"],style:{opacity:.7}},{types:["string","attr-value"],style:{color:"#e3116c"}},{types:["punctuation","operator"],style:{color:"#393A34"}},{types:["entity","url","symbol","number","boolean","variable","constant","property","regex","inserted"],style:{color:"#36acaa"}},{types:["atrule","keyword","attr-name","selector"],style:{color:"#00a4db"}},{types:["function","deleted","tag"],style:{color:"#d73a49"}},{types:["function-variable"],style:{color:"#6f42c1"}},{types:["tag","selector","keyword"],style:{color:"#00009f"}}]},_={plain:{color:"#d6deeb",backgroundColor:"#011627"},styles:[{types:["changed"],style:{color:"rgb(162, 191, 252)",fontStyle:"italic"}},{types:["deleted"],style:{color:"rgba(239, 83, 80, 0.56)",fontStyle:"italic"}},{types:["inserted","attr-name"],style:{color:"rgb(173, 219, 103)",fontStyle:"italic"}},{types:["comment"],style:{color:"rgb(99, 119, 119)",fontStyle:"italic"}},{types:["string","url"],style:{color:"rgb(173, 219, 103)"}},{types:["variable"],style:{color:"rgb(214, 222, 235)"}},{types:["number"],style:{color:"rgb(247, 140, 108)"}},{types:["builtin","char","constant","function"],style:{color:"rgb(130, 170, 255)"}},{types:["punctuation"],style:{color:"rgb(199, 146, 234)"}},{types:["selector","doctype"],style:{color:"rgb(199, 146, 234)",fontStyle:"italic"}},{types:["class-name"],style:{color:"rgb(255, 203, 139)"}},{types:["tag","operator","keyword"],style:{color:"rgb(127, 219, 202)"}},{types:["boolean"],style:{color:"rgb(255, 88, 116)"}},{types:["property"],style:{color:"rgb(128, 203, 196)"}},{types:["namespace"],style:{color:"rgb(178, 204, 214)"}}]},C={plain:{color:"#403f53",backgroundColor:"#FBFBFB"},styles:[{types:["changed"],style:{color:"rgb(162, 191, 252)",fontStyle:"italic"}},{types:["deleted"],style:{color:"rgba(239, 83, 80, 0.56)",fontStyle:"italic"}},{types:["inserted","attr-name"],style:{color:"rgb(72, 118, 214)",fontStyle:"italic"}},{types:["comment"],style:{color:"rgb(152, 159, 177)",fontStyle:"italic"}},{types:["string","builtin","char","constant","url"],style:{color:"rgb(72, 118, 214)"}},{types:["variable"],style:{color:"rgb(201, 103, 101)"}},{types:["number"],style:{color:"rgb(170, 9, 130)"}},{types:["punctuation"],style:{color:"rgb(153, 76, 195)"}},{types:["function","selector","doctype"],style:{color:"rgb(153, 76, 195)",fontStyle:"italic"}},{types:["class-name"],style:{color:"rgb(17, 17, 17)"}},{types:["tag"],style:{color:"rgb(153, 76, 195)"}},{types:["operator","property","keyword","namespace"],style:{color:"rgb(12, 150, 155)"}},{types:["boolean"],style:{color:"rgb(188, 84, 84)"}}]},A="#c5a5c5",O="#8dc891",T={plain:{backgroundColor:"#282c34",color:"#ffffff"},styles:[{types:["attr-name"],style:{color:A}},{types:["attr-value"],style:{color:O}},{types:["comment","block-comment","prolog","doctype","cdata","shebang"],style:{color:"#999999"}},{types:["property","number","function-name","constant","symbol","deleted"],style:{color:"#5a9bcf"}},{types:["boolean"],style:{color:"#ff8b50"}},{types:["tag"],style:{color:"#fc929e"}},{types:["string"],style:{color:O}},{types:["punctuation"],style:{color:O}},{types:["selector","char","builtin","inserted"],style:{color:"#D8DEE9"}},{types:["function"],style:{color:"#79b6f2"}},{types:["operator","entity","url","variable"],style:{color:"#d7deea"}},{types:["keyword"],style:{color:A}},{types:["atrule","class-name"],style:{color:"#FAC863"}},{types:["important"],style:{fontWeight:"400"}},{types:["bold"],style:{fontWeight:"bold"}},{types:["italic"],style:{fontStyle:"italic"}},{types:["namespace"],style:{opacity:.7}}]},P={plain:{color:"#f8f8f2",backgroundColor:"#272822"},styles:[{types:["changed"],style:{color:"rgb(162, 191, 252)",fontStyle:"italic"}},{types:["deleted"],style:{color:"#f92672",fontStyle:"italic"}},{types:["inserted"],style:{color:"rgb(173, 219, 103)",fontStyle:"italic"}},{types:["comment"],style:{color:"#8292a2",fontStyle:"italic"}},{types:["string","url"],style:{color:"#a6e22e"}},{types:["variable"],style:{color:"#f8f8f2"}},{types:["number"],style:{color:"#ae81ff"}},{types:["builtin","char","constant","function","class-name"],style:{color:"#e6db74"}},{types:["punctuation"],style:{color:"#f8f8f2"}},{types:["selector","doctype"],style:{color:"#a6e22e",fontStyle:"italic"}},{types:["tag","operator","keyword"],style:{color:"#66d9ef"}},{types:["boolean"],style:{color:"#ae81ff"}},{types:["namespace"],style:{color:"rgb(178, 204, 214)",opacity:.7}},{types:["tag","property"],style:{color:"#f92672"}},{types:["attr-name"],style:{color:"#a6e22e !important"}},{types:["doctype"],style:{color:"#8292a2"}},{types:["rule"],style:{color:"#e6db74"}}]},L={plain:{color:"#bfc7d5",backgroundColor:"#292d3e"},styles:[{types:["comment"],style:{color:"rgb(105, 112, 152)",fontStyle:"italic"}},{types:["string","inserted"],style:{color:"rgb(195, 232, 141)"}},{types:["number"],style:{color:"rgb(247, 140, 108)"}},{types:["builtin","char","constant","function"],style:{color:"rgb(130, 170, 255)"}},{types:["punctuation","selector"],style:{color:"rgb(199, 146, 234)"}},{types:["variable"],style:{color:"rgb(191, 199, 213)"}},{types:["class-name","attr-name"],style:{color:"rgb(255, 203, 107)"}},{types:["tag","deleted"],style:{color:"rgb(255, 85, 114)"}},{types:["operator"],style:{color:"rgb(137, 221, 255)"}},{types:["boolean"],style:{color:"rgb(255, 88, 116)"}},{types:["keyword"],style:{fontStyle:"italic"}},{types:["doctype"],style:{color:"rgb(199, 146, 234)",fontStyle:"italic"}},{types:["namespace"],style:{color:"rgb(178, 204, 214)"}},{types:["url"],style:{color:"rgb(221, 221, 221)"}}]},I={plain:{color:"#9EFEFF",backgroundColor:"#2D2A55"},styles:[{types:["changed"],style:{color:"rgb(255, 238, 128)"}},{types:["deleted"],style:{color:"rgba(239, 83, 80, 0.56)"}},{types:["inserted"],style:{color:"rgb(173, 219, 103)"}},{types:["comment"],style:{color:"rgb(179, 98, 255)",fontStyle:"italic"}},{types:["punctuation"],style:{color:"rgb(255, 255, 255)"}},{types:["constant"],style:{color:"rgb(255, 98, 140)"}},{types:["string","url"],style:{color:"rgb(165, 255, 144)"}},{types:["variable"],style:{color:"rgb(255, 238, 128)"}},{types:["number","boolean"],style:{color:"rgb(255, 98, 140)"}},{types:["attr-name"],style:{color:"rgb(255, 180, 84)"}},{types:["keyword","operator","property","namespace","tag","selector","doctype"],style:{color:"rgb(255, 157, 0)"}},{types:["builtin","char","constant","function","class-name"],style:{color:"rgb(250, 208, 0)"}}]},R={plain:{backgroundColor:"linear-gradient(to bottom, #2a2139 75%, #34294f)",backgroundImage:"#34294f",color:"#f92aad",textShadow:"0 0 2px #100c0f, 0 0 5px #dc078e33, 0 0 10px #fff3"},styles:[{types:["comment","block-comment","prolog","doctype","cdata"],style:{color:"#495495",fontStyle:"italic"}},{types:["punctuation"],style:{color:"#ccc"}},{types:["tag","attr-name","namespace","number","unit","hexcode","deleted"],style:{color:"#e2777a"}},{types:["property","selector"],style:{color:"#72f1b8",textShadow:"0 0 2px #100c0f, 0 0 10px #257c5575, 0 0 35px #21272475"}},{types:["function-name"],style:{color:"#6196cc"}},{types:["boolean","selector-id","function"],style:{color:"#fdfdfd",textShadow:"0 0 2px #001716, 0 0 3px #03edf975, 0 0 5px #03edf975, 0 0 8px #03edf975"}},{types:["class-name","maybe-class-name","builtin"],style:{color:"#fff5f6",textShadow:"0 0 2px #000, 0 0 10px #fc1f2c75, 0 0 5px #fc1f2c75, 0 0 25px #fc1f2c75"}},{types:["constant","symbol"],style:{color:"#f92aad",textShadow:"0 0 2px #100c0f, 0 0 5px #dc078e33, 0 0 10px #fff3"}},{types:["important","atrule","keyword","selector-class"],style:{color:"#f4eee4",textShadow:"0 0 2px #393a33, 0 0 8px #f39f0575, 0 0 2px #f39f0575"}},{types:["string","char","attr-value","regex","variable"],style:{color:"#f87c32"}},{types:["parameter"],style:{fontStyle:"italic"}},{types:["entity","url"],style:{color:"#67cdcc"}},{types:["operator"],style:{color:"ffffffee"}},{types:["important","bold"],style:{fontWeight:"bold"}},{types:["italic"],style:{fontStyle:"italic"}},{types:["entity"],style:{cursor:"help"}},{types:["inserted"],style:{color:"green"}}]},N={plain:{color:"#282a2e",backgroundColor:"#ffffff"},styles:[{types:["comment"],style:{color:"rgb(197, 200, 198)"}},{types:["string","number","builtin","variable"],style:{color:"rgb(150, 152, 150)"}},{types:["class-name","function","tag","attr-name"],style:{color:"rgb(40, 42, 46)"}}]},D={plain:{color:"#9CDCFE",backgroundColor:"#1E1E1E"},styles:[{types:["prolog"],style:{color:"rgb(0, 0, 128)"}},{types:["comment"],style:{color:"rgb(106, 153, 85)"}},{types:["builtin","changed","keyword","interpolation-punctuation"],style:{color:"rgb(86, 156, 214)"}},{types:["number","inserted"],style:{color:"rgb(181, 206, 168)"}},{types:["constant"],style:{color:"rgb(100, 102, 149)"}},{types:["attr-name","variable"],style:{color:"rgb(156, 220, 254)"}},{types:["deleted","string","attr-value","template-punctuation"],style:{color:"rgb(206, 145, 120)"}},{types:["selector"],style:{color:"rgb(215, 186, 125)"}},{types:["tag"],style:{color:"rgb(78, 201, 176)"}},{types:["tag"],languages:["markup"],style:{color:"rgb(86, 156, 214)"}},{types:["punctuation","operator"],style:{color:"rgb(212, 212, 212)"}},{types:["punctuation"],languages:["markup"],style:{color:"#808080"}},{types:["function"],style:{color:"rgb(220, 220, 170)"}},{types:["class-name"],style:{color:"rgb(78, 201, 176)"}},{types:["char"],style:{color:"rgb(209, 105, 105)"}}]},M={plain:{color:"#000000",backgroundColor:"#ffffff"},styles:[{types:["comment"],style:{color:"rgb(0, 128, 0)"}},{types:["builtin"],style:{color:"rgb(0, 112, 193)"}},{types:["number","variable","inserted"],style:{color:"rgb(9, 134, 88)"}},{types:["operator"],style:{color:"rgb(0, 0, 0)"}},{types:["constant","char"],style:{color:"rgb(129, 31, 63)"}},{types:["tag"],style:{color:"rgb(128, 0, 0)"}},{types:["attr-name"],style:{color:"rgb(255, 0, 0)"}},{types:["deleted","string"],style:{color:"rgb(163, 21, 21)"}},{types:["changed","punctuation"],style:{color:"rgb(4, 81, 165)"}},{types:["function","keyword"],style:{color:"rgb(0, 0, 255)"}},{types:["class-name"],style:{color:"rgb(38, 127, 153)"}}]},F={plain:{color:"#f8fafc",backgroundColor:"#011627"},styles:[{types:["prolog"],style:{color:"#000080"}},{types:["comment"],style:{color:"#6A9955"}},{types:["builtin","changed","keyword","interpolation-punctuation"],style:{color:"#569CD6"}},{types:["number","inserted"],style:{color:"#B5CEA8"}},{types:["constant"],style:{color:"#f8fafc"}},{types:["attr-name","variable"],style:{color:"#9CDCFE"}},{types:["deleted","string","attr-value","template-punctuation"],style:{color:"#cbd5e1"}},{types:["selector"],style:{color:"#D7BA7D"}},{types:["tag"],style:{color:"#0ea5e9"}},{types:["tag"],languages:["markup"],style:{color:"#0ea5e9"}},{types:["punctuation","operator"],style:{color:"#D4D4D4"}},{types:["punctuation"],languages:["markup"],style:{color:"#808080"}},{types:["function"],style:{color:"#7dd3fc"}},{types:["class-name"],style:{color:"#0ea5e9"}},{types:["char"],style:{color:"#D16969"}}]},z={plain:{color:"#0f172a",backgroundColor:"#f1f5f9"},styles:[{types:["prolog"],style:{color:"#000080"}},{types:["comment"],style:{color:"#6A9955"}},{types:["builtin","changed","keyword","interpolation-punctuation"],style:{color:"#0c4a6e"}},{types:["number","inserted"],style:{color:"#B5CEA8"}},{types:["constant"],style:{color:"#0f172a"}},{types:["attr-name","variable"],style:{color:"#0c4a6e"}},{types:["deleted","string","attr-value","template-punctuation"],style:{color:"#64748b"}},{types:["selector"],style:{color:"#D7BA7D"}},{types:["tag"],style:{color:"#0ea5e9"}},{types:["tag"],languages:["markup"],style:{color:"#0ea5e9"}},{types:["punctuation","operator"],style:{color:"#475569"}},{types:["punctuation"],languages:["markup"],style:{color:"#808080"}},{types:["function"],style:{color:"#0e7490"}},{types:["class-name"],style:{color:"#0ea5e9"}},{types:["char"],style:{color:"#D16969"}}]},B={plain:{backgroundColor:"hsl(220, 13%, 18%)",color:"hsl(220, 14%, 71%)",textShadow:"0 1px rgba(0, 0, 0, 0.3)"},styles:[{types:["comment","prolog","cdata"],style:{color:"hsl(220, 10%, 40%)"}},{types:["doctype","punctuation","entity"],style:{color:"hsl(220, 14%, 71%)"}},{types:["attr-name","class-name","maybe-class-name","boolean","constant","number","atrule"],style:{color:"hsl(29, 54%, 61%)"}},{types:["keyword"],style:{color:"hsl(286, 60%, 67%)"}},{types:["property","tag","symbol","deleted","important"],style:{color:"hsl(355, 65%, 65%)"}},{types:["selector","string","char","builtin","inserted","regex","attr-value"],style:{color:"hsl(95, 38%, 62%)"}},{types:["variable","operator","function"],style:{color:"hsl(207, 82%, 66%)"}},{types:["url"],style:{color:"hsl(187, 47%, 55%)"}},{types:["deleted"],style:{textDecorationLine:"line-through"}},{types:["inserted"],style:{textDecorationLine:"underline"}},{types:["italic"],style:{fontStyle:"italic"}},{types:["important","bold"],style:{fontWeight:"bold"}},{types:["important"],style:{color:"hsl(220, 14%, 71%)"}}]},U={plain:{backgroundColor:"hsl(230, 1%, 98%)",color:"hsl(230, 8%, 24%)"},styles:[{types:["comment","prolog","cdata"],style:{color:"hsl(230, 4%, 64%)"}},{types:["doctype","punctuation","entity"],style:{color:"hsl(230, 8%, 24%)"}},{types:["attr-name","class-name","boolean","constant","number","atrule"],style:{color:"hsl(35, 99%, 36%)"}},{types:["keyword"],style:{color:"hsl(301, 63%, 40%)"}},{types:["property","tag","symbol","deleted","important"],style:{color:"hsl(5, 74%, 59%)"}},{types:["selector","string","char","builtin","inserted","regex","attr-value","punctuation"],style:{color:"hsl(119, 34%, 47%)"}},{types:["variable","operator","function"],style:{color:"hsl(221, 87%, 60%)"}},{types:["url"],style:{color:"hsl(198, 99%, 37%)"}},{types:["deleted"],style:{textDecorationLine:"line-through"}},{types:["inserted"],style:{textDecorationLine:"underline"}},{types:["italic"],style:{fontStyle:"italic"}},{types:["important","bold"],style:{fontWeight:"bold"}},{types:["important"],style:{color:"hsl(230, 8%, 24%)"}}]},q={plain:{color:"#ebdbb2",backgroundColor:"#292828"},styles:[{types:["imports","class-name","maybe-class-name","constant","doctype","builtin","function"],style:{color:"#d8a657"}},{types:["property-access"],style:{color:"#7daea3"}},{types:["tag"],style:{color:"#e78a4e"}},{types:["attr-name","char","url","regex"],style:{color:"#a9b665"}},{types:["attr-value","string"],style:{color:"#89b482"}},{types:["comment","prolog","cdata","operator","inserted"],style:{color:"#a89984"}},{types:["delimiter","boolean","keyword","selector","important","atrule","property","variable","deleted"],style:{color:"#ea6962"}},{types:["entity","number","symbol"],style:{color:"#d3869b"}}]},$={plain:{color:"#654735",backgroundColor:"#f9f5d7"},styles:[{types:["delimiter","boolean","keyword","selector","important","atrule","property","variable","deleted"],style:{color:"#af2528"}},{types:["imports","class-name","maybe-class-name","constant","doctype","builtin"],style:{color:"#b4730e"}},{types:["string","attr-value"],style:{color:"#477a5b"}},{types:["property-access"],style:{color:"#266b79"}},{types:["function","attr-name","char","url"],style:{color:"#72761e"}},{types:["tag"],style:{color:"#b94c07"}},{types:["comment","prolog","cdata","operator","inserted"],style:{color:"#a89984"}},{types:["entity","number","symbol"],style:{color:"#924f79"}}]},H=(e,t)=>{const{plain:n}=e,r=e.styles.reduce(((e,n)=>{const{languages:r,style:o}=n;return r&&!r.includes(t)||n.types.forEach((t=>{const n=y(y({},e[t]),o);e[t]=n})),e}),{});return r.root=n,r.plain=v(y({},n),{backgroundColor:void 0}),r},V=/\r\n|\r|\n/,G=e=>{0===e.length?e.push({types:["plain"],content:"\n",empty:!0}):1===e.length&&""===e[0].content&&(e[0].content="\n",e[0].empty=!0)},W=(e,t)=>{const n=e.length;return n>0&&e[n-1]===t?e:e.concat(t)},K=e=>{const t=[[]],n=[e],r=[0],o=[e.length];let a=0,i=0,s=[];const l=[s];for(;i>-1;){for(;(a=r[i]++)<o[i];){let e,c=t[i];const u=n[i][a];if("string"==typeof u?(c=i>0?c:["plain"],e=u):(c=W(c,u.type),u.alias&&(c=W(c,u.alias)),e=u.content),"string"!=typeof e){i++,t.push(c),n.push(e),r.push(0),o.push(e.length);continue}const d=e.split(V),p=d.length;s.push({types:c,content:d[0]});for(let t=1;t<p;t++)G(s),l.push(s=[]),s.push({types:c,content:d[t]})}i--,t.pop(),n.pop(),r.pop(),o.pop()}return G(s),l},Q=({children:e,language:t,code:n,theme:r,prism:o})=>{const s=t.toLowerCase(),l=((e,t)=>{const[n,r]=(0,a.useState)(H(t,e)),o=(0,a.useRef)(),i=(0,a.useRef)();return(0,a.useEffect)((()=>{t===o.current&&e===i.current||(o.current=t,i.current=e,r(H(t,e)))}),[e,t]),n})(s,r),c=(e=>(0,a.useCallback)((t=>{var n=t,{className:r,style:o,line:a}=n,s=w(n,["className","style","line"]);const l=v(y({},s),{className:(0,i.A)("token-line",r)});return"object"==typeof e&&"plain"in e&&(l.style=e.plain),"object"==typeof o&&(l.style=y(y({},l.style||{}),o)),l}),[e]))(l),u=(e=>{const t=(0,a.useCallback)((({types:t,empty:n})=>{if(null!=e)return 1===t.length&&"plain"===t[0]?null!=n?{display:"inline-block"}:void 0:1===t.length&&null!=n?e[t[0]]:Object.assign(null!=n?{display:"inline-block"}:{},...t.map((t=>e[t])))}),[e]);return(0,a.useCallback)((e=>{var n=e,{token:r,className:o,style:a}=n,s=w(n,["token","className","style"]);const l=v(y({},s),{className:(0,i.A)("token",...r.types,o),children:r.content,style:t(r)});return null!=a&&(l.style=y(y({},l.style||{}),a)),l}),[t])})(l),d=(({prism:e,code:t,grammar:n,language:r})=>{const o=(0,a.useRef)(e);return(0,a.useMemo)((()=>{if(null==n)return K([t]);const e={code:t,grammar:n,language:r,tokens:[]};return o.current.hooks.run("before-tokenize",e),e.tokens=o.current.tokenize(t,n),o.current.hooks.run("after-tokenize",e),K(e.tokens)}),[t,n,r])})({prism:o,language:s,code:n,grammar:o.languages[s]});return e({tokens:d,className:`prism-code language-${s}`,style:null!=l?l.root:{},getLineProps:c,getTokenProps:u})},Y=e=>(0,a.createElement)(Q,v(y({},e),{prism:e.prism||S,theme:e.theme||D,code:e.code,language:e.language}))},5385:(e,t,n)=>{"use strict";n.d(t,{A:()=>a});var r=!0,o="Invariant failed";function a(e,t){if(!e){if(r)throw new Error(o);var n="function"==typeof t?t():t,a=n?"".concat(o,": ").concat(n):o;throw new Error(a)}}},3422:(e,t,n)=>{"use strict";n.r(t),n.d(t,{__addDisposableResource:()=>R,__assign:()=>a,__asyncDelegator:()=>E,__asyncGenerator:()=>j,__asyncValues:()=>_,__await:()=>k,__awaiter:()=>m,__classPrivateFieldGet:()=>P,__classPrivateFieldIn:()=>I,__classPrivateFieldSet:()=>L,__createBinding:()=>g,__decorate:()=>s,__disposeResources:()=>D,__esDecorate:()=>c,__exportStar:()=>b,__extends:()=>o,__generator:()=>h,__importDefault:()=>T,__importStar:()=>O,__makeTemplateObject:()=>C,__metadata:()=>f,__param:()=>l,__propKey:()=>d,__read:()=>v,__rest:()=>i,__runInitializers:()=>u,__setFunctionName:()=>p,__spread:()=>w,__spreadArray:()=>x,__spreadArrays:()=>S,__values:()=>y,default:()=>M});var r=function(e,t){return r=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])},r(e,t)};function o(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");function n(){this.constructor=e}r(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)}var a=function(){return a=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var o in t=arguments[n])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e},a.apply(this,arguments)};function i(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&Object.prototype.propertyIsEnumerable.call(e,r[o])&&(n[r[o]]=e[r[o]])}return n}function s(e,t,n,r){var o,a=arguments.length,i=a<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,n):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(e,t,n,r);else for(var s=e.length-1;s>=0;s--)(o=e[s])&&(i=(a<3?o(i):a>3?o(t,n,i):o(t,n))||i);return a>3&&i&&Object.defineProperty(t,n,i),i}function l(e,t){return function(n,r){t(n,r,e)}}function c(e,t,n,r,o,a){function i(e){if(void 0!==e&&"function"!=typeof e)throw new TypeError("Function expected");return e}for(var s,l=r.kind,c="getter"===l?"get":"setter"===l?"set":"value",u=!t&&e?r.static?e:e.prototype:null,d=t||(u?Object.getOwnPropertyDescriptor(u,r.name):{}),p=!1,f=n.length-1;f>=0;f--){var m={};for(var h in r)m[h]="access"===h?{}:r[h];for(var h in r.access)m.access[h]=r.access[h];m.addInitializer=function(e){if(p)throw new TypeError("Cannot add initializers after decoration has completed");a.push(i(e||null))};var g=(0,n[f])("accessor"===l?{get:d.get,set:d.set}:d[c],m);if("accessor"===l){if(void 0===g)continue;if(null===g||"object"!=typeof g)throw new TypeError("Object expected");(s=i(g.get))&&(d.get=s),(s=i(g.set))&&(d.set=s),(s=i(g.init))&&o.unshift(s)}else(s=i(g))&&("field"===l?o.unshift(s):d[c]=s)}u&&Object.defineProperty(u,r.name,d),p=!0}function u(e,t,n){for(var r=arguments.length>2,o=0;o<t.length;o++)n=r?t[o].call(e,n):t[o].call(e);return r?n:void 0}function d(e){return"symbol"==typeof e?e:"".concat(e)}function p(e,t,n){return"symbol"==typeof t&&(t=t.description?"[".concat(t.description,"]"):""),Object.defineProperty(e,"name",{configurable:!0,value:n?"".concat(n," ",t):t})}function f(e,t){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(e,t)}function m(e,t,n,r){return new(n||(n=Promise))((function(o,a){function i(e){try{l(r.next(e))}catch(t){a(t)}}function s(e){try{l(r.throw(e))}catch(t){a(t)}}function l(e){var t;e.done?o(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(i,s)}l((r=r.apply(e,t||[])).next())}))}function h(e,t){var n,r,o,a,i={label:0,sent:function(){if(1&o[0])throw o[1];return o[1]},trys:[],ops:[]};return a={next:s(0),throw:s(1),return:s(2)},"function"==typeof Symbol&&(a[Symbol.iterator]=function(){return this}),a;function s(s){return function(l){return function(s){if(n)throw new TypeError("Generator is already executing.");for(;a&&(a=0,s[0]&&(i=0)),i;)try{if(n=1,r&&(o=2&s[0]?r.return:s[0]?r.throw||((o=r.return)&&o.call(r),0):r.next)&&!(o=o.call(r,s[1])).done)return o;switch(r=0,o&&(s=[2&s[0],o.value]),s[0]){case 0:case 1:o=s;break;case 4:return i.label++,{value:s[1],done:!1};case 5:i.label++,r=s[1],s=[0];continue;case 7:s=i.ops.pop(),i.trys.pop();continue;default:if(!(o=i.trys,(o=o.length>0&&o[o.length-1])||6!==s[0]&&2!==s[0])){i=0;continue}if(3===s[0]&&(!o||s[1]>o[0]&&s[1]<o[3])){i.label=s[1];break}if(6===s[0]&&i.label<o[1]){i.label=o[1],o=s;break}if(o&&i.label<o[2]){i.label=o[2],i.ops.push(s);break}o[2]&&i.ops.pop(),i.trys.pop();continue}s=t.call(e,i)}catch(l){s=[6,l],r=0}finally{n=o=0}if(5&s[0])throw s[1];return{value:s[0]?s[1]:void 0,done:!0}}([s,l])}}}var g=Object.create?function(e,t,n,r){void 0===r&&(r=n);var o=Object.getOwnPropertyDescriptor(t,n);o&&!("get"in o?!t.__esModule:o.writable||o.configurable)||(o={enumerable:!0,get:function(){return t[n]}}),Object.defineProperty(e,r,o)}:function(e,t,n,r){void 0===r&&(r=n),e[r]=t[n]};function b(e,t){for(var n in e)"default"===n||Object.prototype.hasOwnProperty.call(t,n)||g(t,e,n)}function y(e){var t="function"==typeof Symbol&&Symbol.iterator,n=t&&e[t],r=0;if(n)return n.call(e);if(e&&"number"==typeof e.length)return{next:function(){return e&&r>=e.length&&(e=void 0),{value:e&&e[r++],done:!e}}};throw new TypeError(t?"Object is not iterable.":"Symbol.iterator is not defined.")}function v(e,t){var n="function"==typeof Symbol&&e[Symbol.iterator];if(!n)return e;var r,o,a=n.call(e),i=[];try{for(;(void 0===t||t-- >0)&&!(r=a.next()).done;)i.push(r.value)}catch(s){o={error:s}}finally{try{r&&!r.done&&(n=a.return)&&n.call(a)}finally{if(o)throw o.error}}return i}function w(){for(var e=[],t=0;t<arguments.length;t++)e=e.concat(v(arguments[t]));return e}function S(){for(var e=0,t=0,n=arguments.length;t<n;t++)e+=arguments[t].length;var r=Array(e),o=0;for(t=0;t<n;t++)for(var a=arguments[t],i=0,s=a.length;i<s;i++,o++)r[o]=a[i];return r}function x(e,t,n){if(n||2===arguments.length)for(var r,o=0,a=t.length;o<a;o++)!r&&o in t||(r||(r=Array.prototype.slice.call(t,0,o)),r[o]=t[o]);return e.concat(r||Array.prototype.slice.call(t))}function k(e){return this instanceof k?(this.v=e,this):new k(e)}function j(e,t,n){if(!Symbol.asyncIterator)throw new TypeError("Symbol.asyncIterator is not defined.");var r,o=n.apply(e,t||[]),a=[];return r={},i("next"),i("throw"),i("return",(function(e){return function(t){return Promise.resolve(t).then(e,c)}})),r[Symbol.asyncIterator]=function(){return this},r;function i(e,t){o[e]&&(r[e]=function(t){return new Promise((function(n,r){a.push([e,t,n,r])>1||s(e,t)}))},t&&(r[e]=t(r[e])))}function s(e,t){try{(n=o[e](t)).value instanceof k?Promise.resolve(n.value.v).then(l,c):u(a[0][2],n)}catch(r){u(a[0][3],r)}var n}function l(e){s("next",e)}function c(e){s("throw",e)}function u(e,t){e(t),a.shift(),a.length&&s(a[0][0],a[0][1])}}function E(e){var t,n;return t={},r("next"),r("throw",(function(e){throw e})),r("return"),t[Symbol.iterator]=function(){return this},t;function r(r,o){t[r]=e[r]?function(t){return(n=!n)?{value:k(e[r](t)),done:!1}:o?o(t):t}:o}}function _(e){if(!Symbol.asyncIterator)throw new TypeError("Symbol.asyncIterator is not defined.");var t,n=e[Symbol.asyncIterator];return n?n.call(e):(e=y(e),t={},r("next"),r("throw"),r("return"),t[Symbol.asyncIterator]=function(){return this},t);function r(n){t[n]=e[n]&&function(t){return new Promise((function(r,o){(function(e,t,n,r){Promise.resolve(r).then((function(t){e({value:t,done:n})}),t)})(r,o,(t=e[n](t)).done,t.value)}))}}}function C(e,t){return Object.defineProperty?Object.defineProperty(e,"raw",{value:t}):e.raw=t,e}var A=Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t};function O(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var n in e)"default"!==n&&Object.prototype.hasOwnProperty.call(e,n)&&g(t,e,n);return A(t,e),t}function T(e){return e&&e.__esModule?e:{default:e}}function P(e,t,n,r){if("a"===n&&!r)throw new TypeError("Private accessor was defined without a getter");if("function"==typeof t?e!==t||!r:!t.has(e))throw new TypeError("Cannot read private member from an object whose class did not declare it");return"m"===n?r:"a"===n?r.call(e):r?r.value:t.get(e)}function L(e,t,n,r,o){if("m"===r)throw new TypeError("Private method is not writable");if("a"===r&&!o)throw new TypeError("Private accessor was defined without a setter");if("function"==typeof t?e!==t||!o:!t.has(e))throw new TypeError("Cannot write private member to an object whose class did not declare it");return"a"===r?o.call(e,n):o?o.value=n:t.set(e,n),n}function I(e,t){if(null===t||"object"!=typeof t&&"function"!=typeof t)throw new TypeError("Cannot use 'in' operator on non-object");return"function"==typeof e?t===e:e.has(t)}function R(e,t,n){if(null!=t){if("object"!=typeof t&&"function"!=typeof t)throw new TypeError("Object expected.");var r,o;if(n){if(!Symbol.asyncDispose)throw new TypeError("Symbol.asyncDispose is not defined.");r=t[Symbol.asyncDispose]}if(void 0===r){if(!Symbol.dispose)throw new TypeError("Symbol.dispose is not defined.");r=t[Symbol.dispose],n&&(o=r)}if("function"!=typeof r)throw new TypeError("Object not disposable.");o&&(r=function(){try{o.call(this)}catch(e){return Promise.reject(e)}}),e.stack.push({value:t,dispose:r,async:n})}else n&&e.stack.push({async:!0});return t}var N="function"==typeof SuppressedError?SuppressedError:function(e,t,n){var r=new Error(n);return r.name="SuppressedError",r.error=e,r.suppressed=t,r};function D(e){function t(t){e.error=e.hasError?new N(t,e.error,"An error was suppressed during disposal."):t,e.hasError=!0}return function n(){for(;e.stack.length;){var r=e.stack.pop();try{var o=r.dispose&&r.dispose.call(r.value);if(r.async)return Promise.resolve(o).then(n,(function(e){return t(e),n()}))}catch(a){t(a)}}if(e.hasError)throw e.error}()}const M={__extends:o,__assign:a,__rest:i,__decorate:s,__param:l,__metadata:f,__awaiter:m,__generator:h,__createBinding:g,__exportStar:b,__values:y,__read:v,__spread:w,__spreadArrays:S,__spreadArray:x,__await:k,__asyncGenerator:j,__asyncDelegator:E,__asyncValues:_,__makeTemplateObject:C,__importStar:O,__importDefault:T,__classPrivateFieldGet:P,__classPrivateFieldSet:L,__classPrivateFieldIn:I,__addDisposableResource:R,__disposeResources:D}},2654:e=>{"use strict";e.exports=JSON.parse('{"theme.AnnouncementBar.closeButtonAriaLabel":"\u9589\u3058\u308b","theme.BackToTopButton.buttonAriaLabel":"\u5148\u982d\u3078\u623b\u308b","theme.CodeBlock.copied":"\u30b3\u30d4\u30fc\u3057\u307e\u3057\u305f","theme.CodeBlock.copy":"\u30b3\u30d4\u30fc","theme.CodeBlock.copyButtonAriaLabel":"\u30af\u30ea\u30c3\u30d7\u30dc\u30fc\u30c9\u306b\u30b3\u30d4\u30fc","theme.CodeBlock.wordWrapToggle":"\u6298\u308a\u8fd4\u3057","theme.DocSidebarItem.collapseCategoryAriaLabel":"\'{label}\'\u306e\u76ee\u6b21\u3092\u96a0\u3059","theme.DocSidebarItem.expandCategoryAriaLabel":"\'{label}\'\u306e\u76ee\u6b21\u3092\u958b\u304f","theme.ErrorPageContent.title":"\u30a8\u30e9\u30fc\u304c\u767a\u751f\u3057\u307e\u3057\u305f","theme.ErrorPageContent.tryAgain":"\u3082\u3046\u4e00\u5ea6\u8a66\u3057\u3066\u304f\u3060\u3055\u3044","theme.NavBar.navAriaLabel":"\u30ca\u30d3\u30b2\u30fc\u30b7\u30e7\u30f3","theme.NotFound.p1":"\u7533\u3057\u8a33\u3042\u308a\u307e\u305b\u3093\u304c\u3001\u30ea\u30af\u30a8\u30b9\u30c8\u3055\u308c\u305f\u30da\u30fc\u30b8\u304c\u898b\u3064\u304b\u308a\u307e\u305b\u3093\u3067\u3057\u305f\u3002","theme.NotFound.p2":"\u30ea\u30f3\u30af\u5143\u306e\u30b5\u30a4\u30c8\u306e\u6240\u6709\u8005\u306b\u9023\u7d61\u3057\u3066\u3001\u30ea\u30f3\u30af\u304c\u6a5f\u80fd\u3057\u306a\u3044\u3053\u3068\u3092\u77e5\u3089\u305b\u3066\u304f\u3060\u3055\u3044\u3002","theme.NotFound.title":"\u30da\u30fc\u30b8\u304c\u898b\u3064\u304b\u308a\u307e\u305b\u3093","theme.TOCCollapsible.toggleButtonLabel":"\u3053\u306e\u30da\u30fc\u30b8\u306e\u898b\u51fa\u3057","theme.admonition.caution":"\u6ce8\u610f","theme.admonition.danger":"\u5371\u967a","theme.admonition.info":"\u5099\u8003","theme.admonition.note":"\u6ce8\u8a18","theme.admonition.tip":"\u30d2\u30f3\u30c8","theme.admonition.warning":"\u8b66\u544a","theme.blog.archive.description":"\u30a2\u30fc\u30ab\u30a4\u30d6","theme.blog.archive.title":"\u30a2\u30fc\u30ab\u30a4\u30d6","theme.blog.author.pageTitle":"{authorName} - {nPosts}","theme.blog.authorsList.pageTitle":"Authors","theme.blog.authorsList.viewAll":"View All Authors","theme.blog.paginator.navAriaLabel":"\u30d6\u30ed\u30b0\u30ea\u30b9\u30c8\u30da\u30fc\u30b8\u306e\u30ca\u30d3\u30b2\u30fc\u30b7\u30e7\u30f3","theme.blog.paginator.newerEntries":"\u6b21\u306e\u30a8\u30f3\u30c8\u30ea","theme.blog.paginator.olderEntries":"\u524d\u306e\u30a8\u30f3\u30c8\u30ea","theme.blog.post.paginator.navAriaLabel":"\u30d6\u30ed\u30b0\u6295\u7a3f\u30da\u30fc\u30b8\u306e\u30ca\u30d3\u30b2\u30fc\u30b7\u30e7\u30f3","theme.blog.post.paginator.newerPost":"\u6b21\u306e\u6295\u7a3f","theme.blog.post.paginator.olderPost":"\u524d\u306e\u6295\u7a3f","theme.blog.post.plurals":"{count} \u6295\u7a3f|{count} \u6295\u7a3f|{count} \u6295\u7a3f","theme.blog.post.readMore":"\u7d9a\u304d\u3092\u8aad\u3080","theme.blog.post.readMoreLabel":"{title}\u306b\u3064\u3044\u3066\u3082\u3063\u3068\u898b\u308b","theme.blog.post.readingTime.plurals":"{readingTime} \u5206\u306e\u8aad\u66f8","theme.blog.sidebar.navAriaLabel":"\u6700\u8fd1\u306e\u30d6\u30ed\u30b0\u8a18\u4e8b\u306e\u30ca\u30d3\u30b2\u30fc\u30b7\u30e7\u30f3","theme.blog.tagTitle":"{nPosts} \u306e\u30bf\u30b0 \\"{tagName}\\"","theme.colorToggle.ariaLabel":"\u30c0\u30fc\u30af\u30e2\u30fc\u30c9\u3092\u5207\u308a\u66ff\u3048\u308b(\u73fe\u5728\u306f{mode})","theme.colorToggle.ariaLabel.mode.dark":"\u30c0\u30fc\u30af\u30e2\u30fc\u30c9","theme.colorToggle.ariaLabel.mode.light":"\u30e9\u30a4\u30c8\u30e2\u30fc\u30c9","theme.common.editThisPage":"\u3053\u306e\u30da\u30fc\u30b8\u3092\u7de8\u96c6","theme.common.headingLinkTitle":"\u3053\u306e\u898b\u51fa\u3057\u3078\u306e\u76f4\u63a5\u30ea\u30f3\u30af","theme.common.skipToMainContent":"\u30e1\u30a4\u30f3\u30b3\u30f3\u30c6\u30f3\u30c4\u306b\u30b9\u30ad\u30c3\u30d7","theme.contentVisibility.draftBanner.message":"This page is a draft. It will only be visible in dev and be excluded from the production build.","theme.contentVisibility.draftBanner.title":"Draft page","theme.contentVisibility.unlistedBanner.message":"\u3053\u306e\u30da\u30fc\u30b8\u306f\u975e\u516c\u958b\u3067\u3059\u3002 \u691c\u7d22\u5bfe\u8c61\u5916\u3068\u306a\u308a\u3001\u3053\u306e\u30da\u30fc\u30b8\u306e\u30ea\u30f3\u30af\u306b\u76f4\u63a5\u30a2\u30af\u30bb\u30b9\u3067\u304d\u308b\u30e6\u30fc\u30b6\u30fc\u306e\u307f\u306b\u516c\u958b\u3055\u308c\u307e\u3059\u3002","theme.contentVisibility.unlistedBanner.title":"\u975e\u516c\u958b\u306e\u30da\u30fc\u30b8","theme.docs.DocCard.categoryDescription.plurals":"{count}\u9805\u76ee","theme.docs.breadcrumbs.home":"\u30db\u30fc\u30e0\u30da\u30fc\u30b8","theme.docs.breadcrumbs.navAriaLabel":"\u30d1\u30f3\u304f\u305a\u30ea\u30b9\u30c8\u306e\u30ca\u30d3\u30b2\u30fc\u30b7\u30e7\u30f3","theme.docs.paginator.navAriaLabel":"\u30c9\u30ad\u30e5\u30e1\u30f3\u30c8\u30da\u30fc\u30b8\u306e\u30ca\u30d3\u30b2\u30fc\u30b7\u30e7\u30f3","theme.docs.paginator.next":"\u6b21\u306e\u30da\u30fc\u30b8","theme.docs.paginator.previous":"\u524d\u306e\u30da\u30fc\u30b8","theme.docs.sidebar.closeSidebarButtonAriaLabel":"\u30ca\u30d3\u30b2\u30fc\u30b7\u30e7\u30f3\u30d0\u30fc\u3092\u9589\u3058\u308b","theme.docs.sidebar.collapseButtonAriaLabel":"\u30b5\u30a4\u30c9\u30d0\u30fc\u3092\u6298\u308a\u305f\u305f\u3080","theme.docs.sidebar.collapseButtonTitle":"\u30b5\u30a4\u30c9\u30d0\u30fc\u3092\u6298\u308a\u305f\u305f\u3080","theme.docs.sidebar.expandButtonAriaLabel":"\u30b5\u30a4\u30c9\u30d0\u30fc\u3092\u5c55\u958b","theme.docs.sidebar.expandButtonTitle":"\u30b5\u30a4\u30c9\u30d0\u30fc\u3092\u5c55\u958b","theme.docs.sidebar.navAriaLabel":"\u30c9\u30ad\u30e5\u30e1\u30f3\u30c8\u306e\u30b5\u30a4\u30c9\u30d0\u30fc","theme.docs.sidebar.toggleSidebarButtonAriaLabel":"\u30ca\u30d3\u30b2\u30fc\u30b7\u30e7\u30f3\u30d0\u30fc\u3092\u958b\u304f","theme.docs.tagDocListPageTitle":"\u300c{tagName}\u300d\u30bf\u30b0\u306e\u3064\u3044\u305f{nDocsTagged}","theme.docs.tagDocListPageTitle.nDocsTagged":"{count}\u8a18\u4e8b","theme.docs.versionBadge.label":"\u30d0\u30fc\u30b8\u30e7\u30f3: {versionLabel}","theme.docs.versions.latestVersionLinkLabel":"\u6700\u65b0\u30d0\u30fc\u30b8\u30e7\u30f3","theme.docs.versions.latestVersionSuggestionLabel":"\u6700\u65b0\u306e\u30c9\u30ad\u30e5\u30e1\u30f3\u30c8\u306f{latestVersionLink}\uff08{versionLabel}\uff09\u306b\u3042\u308a\u307e\u3059\u3002","theme.docs.versions.unmaintainedVersionLabel":"\u3053\u308c\u306f{siteTitle}\u306e{versionLabel}\u30d0\u30fc\u30b8\u30e7\u30f3\u306e\u30c9\u30ad\u30e5\u30e1\u30f3\u30c8\u3067\u3001\u73fe\u5728\u306f\u30b5\u30dd\u30fc\u30c8\u3055\u308c\u3066\u3044\u307e\u305b\u3093\u3002","theme.docs.versions.unreleasedVersionLabel":"\u3053\u308c\u306f{siteTitle} {versionLabel}\u306e\u5c06\u6765\u306e\u30d0\u30fc\u30b8\u30e7\u30f3\u306e\u30c9\u30ad\u30e5\u30e1\u30f3\u30c8\u3067\u3059\u3002","theme.lastUpdated.atDate":" {date}","theme.lastUpdated.byUser":" {user}","theme.lastUpdated.lastUpdatedAtBy":"\u6700\u7d42\u66f4\u65b0{atDate}{byUser}","theme.navbar.mobileLanguageDropdown.label":"\u4ed6\u306e\u8a00\u8a9e","theme.navbar.mobileSidebarSecondaryMenu.backButtonLabel":"\u2190 \u30e1\u30a4\u30f3\u30e1\u30cb\u30e5\u30fc\u306b\u623b\u308b","theme.navbar.mobileVersionsDropdown.label":"\u4ed6\u306e\u30d0\u30fc\u30b8\u30e7\u30f3","theme.tags.tagsListLabel":"\u30bf\u30b0\uff1a","theme.tags.tagsPageLink":"\u3059\u3079\u3066\u306e\u30bf\u30b0\u3092\u898b\u308b","theme.tags.tagsPageTitle":"\u30bf\u30b0","theme.SearchBar.label":"\u691c\u7d22","theme.SearchBar.seeAll":"\u691c\u7d22\u7d50\u679c{count}\u4ef6\u3092\u3059\u3079\u3066\u898b\u308b","theme.SearchModal.errorScreen.helpText":"\u30cd\u30c3\u30c8\u30ef\u30fc\u30af\u63a5\u7d9a\u3092\u78ba\u8a8d\u3057\u3066\u304f\u3060\u3055\u3044","theme.SearchModal.errorScreen.titleText":"\u691c\u7d22\u7d50\u679c\u306e\u53d6\u5f97\u306b\u5931\u6557\u3057\u307e\u3057\u305f","theme.SearchModal.footer.closeKeyAriaLabel":"\u30a8\u30b9\u30b1\u30fc\u30d7\u30ad\u30fc","theme.SearchModal.footer.closeText":"\u9589\u3058\u308b","theme.SearchModal.footer.navigateDownKeyAriaLabel":"\u4e0b\u77e2\u5370\u30ad\u30fc","theme.SearchModal.footer.navigateText":"\u79fb\u52d5","theme.SearchModal.footer.navigateUpKeyAriaLabel":"\u4e0a\u77e2\u5370\u30ad\u30fc","theme.SearchModal.footer.searchByText":"\u691c\u7d22","theme.SearchModal.footer.selectKeyAriaLabel":"\u30a8\u30f3\u30bf\u30fc\u30ad\u30fc","theme.SearchModal.footer.selectText":"\u9078\u3076","theme.SearchModal.noResultsScreen.noResultsText":"\u898b\u3064\u304b\u308a\u307e\u305b\u3093\u3067\u3057\u305f","theme.SearchModal.noResultsScreen.reportMissingResultsLinkText":"\u5831\u544a\u3059\u308b","theme.SearchModal.noResultsScreen.reportMissingResultsText":"\u3088\u308a\u3088\u3044\u691c\u7d22\u7d50\u679c\u304c\u3042\u308a\u307e\u3059\u304b?","theme.SearchModal.noResultsScreen.suggestedQueryText":"\u6b21\u306e\u691c\u7d22\u3092\u8a66\u3059:","theme.SearchModal.placeholder":"\u30c9\u30ad\u30e5\u30e1\u30f3\u30c8\u3092\u691c\u7d22","theme.SearchModal.searchBox.cancelButtonText":"\u30ad\u30e3\u30f3\u30bb\u30eb","theme.SearchModal.searchBox.resetButtonTitle":"\u30af\u30ea\u30a2","theme.SearchModal.startScreen.favoriteSearchesTitle":"\u304a\u6c17\u306b\u5165\u308a","theme.SearchModal.startScreen.noRecentSearchesText":"\u6700\u8fd1\u306e\u691c\u7d22\u5c65\u6b74\u306f\u3042\u308a\u307e\u305b\u3093","theme.SearchModal.startScreen.recentSearchesTitle":"\u6700\u8fd1\u306e\u691c\u7d22","theme.SearchModal.startScreen.removeFavoriteSearchButtonTitle":"\u3053\u306e\u691c\u7d22\u3092\u304a\u6c17\u306b\u5165\u308a\u304b\u3089\u524a\u9664","theme.SearchModal.startScreen.removeRecentSearchButtonTitle":"\u3053\u306e\u691c\u7d22\u3092\u5c65\u6b74\u304b\u3089\u524a\u9664","theme.SearchModal.startScreen.saveRecentSearchButtonTitle":"\u3053\u306e\u691c\u7d22\u3092\u304a\u6c17\u306b\u5165\u308a\u306b\u8ffd\u52a0","theme.SearchPage.algoliaLabel":"Algolia\u3067\u691c\u7d22","theme.SearchPage.documentsFound.plurals":"{count}\u4ef6\u306e\u30c9\u30ad\u30e5\u30e1\u30f3\u30c8\u304c\u898b\u3064\u304b\u308a\u307e\u3057\u305f","theme.SearchPage.emptyResultsTitle":"\u30c9\u30ad\u30e5\u30e1\u30f3\u30c8\u3092\u691c\u7d22","theme.SearchPage.existingResultsTitle":"\u300e{query}\u300f\u306e\u691c\u7d22\u7d50\u679c","theme.SearchPage.fetchingNewResults":"\u65b0\u3057\u3044\u691c\u7d22\u7d50\u679c\u3092\u53d6\u5f97\u3057\u3066\u3044\u307e\u3059...","theme.SearchPage.inputLabel":"\u691c\u7d22","theme.SearchPage.inputPlaceholder":"\u691c\u7d22\u3059\u308b\u30ad\u30fc\u30ef\u30fc\u30c9\u3092\u5165\u529b\u3057\u3066\u304f\u3060\u3055\u3044","theme.SearchPage.noResultsText":"\u691c\u7d22\u7d50\u679c\u304c\u898b\u3064\u304b\u308a\u307e\u305b\u3093\u3067\u3057\u305f","theme.IdealImageMessage.404error":"\u753b\u50cf\u304c\u5b58\u5728\u3057\u307e\u305b\u3093","theme.IdealImageMessage.error":"\u753b\u50cf\u306e\u8aad\u307f\u8fbc\u307f\u306b\u5931\u6557\u3057\u307e\u3057\u305f","theme.IdealImageMessage.load":"\u30af\u30ea\u30c3\u30af\u3057\u3066\u8aad\u307f\u8fbc\u3080{sizeMessage}","theme.IdealImageMessage.loading":"\u8aad\u307f\u8fbc\u307f\u4e2d...","theme.IdealImageMessage.offline":"\u30aa\u30d5\u30e9\u30a4\u30f3\u4e2d\u306f\u753b\u50cf\u306f\u8aad\u307f\u8fbc\u307e\u308c\u307e\u305b\u3093","pages.home.features.title":"\u5229\u70b9","pages.home.features.logic.title":"\u660e\u78ba\u306a\u30d3\u30b8\u30cd\u30b9\u30ed\u30b8\u30c3\u30af","pages.home.features.logic.description":"\u30a2\u30fc\u30ad\u30c6\u30af\u30c1\u30e3\u306f\u30c9\u30e1\u30a4\u30f3\u30e2\u30b8\u30e5\u30fc\u30eb\u3067\u69cb\u6210\u3055\u308c\u3066\u3044\u308b\u305f\u3081\u3001\u7fd2\u5f97\u304c\u5bb9\u6613\u3067\u3042\u308b","pages.home.features.adaptability.title":"\u9069\u5fdc\u6027","pages.home.features.adaptability.description":"\u30a2\u30fc\u30ad\u30c6\u30af\u30c1\u30e3\u306e\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306f\u67d4\u8edf\u306b\u4ea4\u63db\u3057\u305f\u308a\u3001\u65b0\u3057\u3044\u6761\u4ef6\u306b\u5fdc\u3058\u3066\u8ffd\u52a0\u3057\u305f\u308a\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u308b","pages.home.features.debt.title":"\u6280\u8853\u7684\u8ca0\u50b5","pages.home.features.debt.description":"\u5404\u30e2\u30b8\u30e5\u30fc\u30eb\u306f\u526f\u4f5c\u7528\u306a\u3057\u306b\u72ec\u7acb\u3057\u3066\u5909\u66f4/\u518d\u4f5c\u6210\u3067\u304d\u308b","pages.home.features.shared.title":"\u660e\u78ba\u306a\u518d\u5229\u7528\u6027","pages.home.features.shared.description":"DRY\u3068\u30ed\u30fc\u30ab\u30eb\u30ab\u30b9\u30bf\u30de\u30a4\u30ba\u306e\u30d0\u30e9\u30f3\u30b9\u304c\u4fdd\u305f\u308c\u3066\u3044\u308b","pages.home.concepts.title":"\u30b3\u30f3\u30bb\u30d7\u30c8","pages.home.concepts.public.title":"\u516c\u958bAPI","pages.home.concepts.public.description":"\u5404\u30e2\u30b8\u30e5\u30fc\u30eb\u306f\u305d\u306e\u516c\u958bAPI\u3092\u30c8\u30c3\u30d7\u30ec\u30d9\u30eb\u3067\u5ba3\u8a00\u3059\u308b\u5fc5\u8981\u304c\u3042\u308b","pages.home.concepts.isolation.title":"\u5206\u96e2","pages.home.concepts.isolation.description":"\u30e2\u30b8\u30e5\u30fc\u30eb\u306f\u540c\u3058\u30ec\u30a4\u30e4\u30fc\u3084\u4e0a\u5c64\u30ec\u30a4\u30e4\u30fc\u306e\u4ed6\u306e\u30e2\u30b8\u30e5\u30fc\u30eb\u306b\u76f4\u63a5\u4f9d\u5b58\u3057\u3066\u306f\u3044\u3051\u306a\u3044","pages.home.concepts.needs.title":"\u30cb\u30fc\u30ba\u306e\u7406\u89e3","pages.home.concepts.needs.description":"\u30d3\u30b8\u30cd\u30b9\u3068\u30e6\u30fc\u30b6\u30fc\u306e\u30cb\u30fc\u30ba\u306b\u7126\u70b9\u3092\u5f53\u3066\u308b","pages.home.scheme.title":"\u69cb\u9020","pages.home.companies.using":"FSD\u3092\u4f7f\u7528\u3057\u3066\u3044\u308b\u4f01\u696d","pages.home.companies.add_me":"\u3042\u306a\u305f\u306e\u4f1a\u793e\u3067FSD\u304c\u4f7f\u7528\u3055\u308c\u3066\u3044\u307e\u3059\u304b\uff1f","pages.home.companies.tell_us":"\u6559\u3048\u3066\u304f\u3060\u3055\u3044","pages.examples.title":"\u5b9f\u88c5\u4f8b","pages.examples.subtitle":"FSD\u3092\u4f7f\u3063\u3066\u4f5c\u3089\u308c\u305f\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u4e00\u89a7","pages.examples.add_me.title":"\u5b9f\u88c5\u4f8b\u3092\u8ffd\u52a0","pages.examples.repo.title":"\u30ea\u30dd\u30b8\u30c8\u30ea","pages.examples.versions":"\u30d0\u30fc\u30b8\u30e7\u30f3\u4e00\u89a7\u3082\u53c2\u7167\u3057\u3066\u304f\u3060\u3055\u3044","pages.versions.title":"Feature-Sliced Design\u306e\u30d0\u30fc\u30b8\u30e7\u30f3","pages.versions.current":"\u3053\u3053\u3067\u73fe\u5728\u516c\u958b\u3055\u308c\u3066\u3044\u308b\u30d0\u30fc\u30b8\u30e7\u30f3\u306e\u30c9\u30ad\u30e5\u30e1\u30f3\u30c8\u3092\u898b\u3064\u3051\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059","pages.versions.legacy":"\u3053\u3053\u3067\u53e4\u3044\u30d0\u30fc\u30b8\u30e7\u30f3\u306e\u30c9\u30ad\u30e5\u30e1\u30f3\u30c8\u3092\u898b\u3064\u3051\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059","pages.nav.title":"\ud83e\udded \u30ca\u30d3\u30b2\u30fc\u30b7\u30e7\u30f3","pages.nav.legacy.title":"\u53e4\u3044\u30ea\u30f3\u30af","pages.nav.legacy.details":"\u30c9\u30ad\u30e5\u30e1\u30f3\u30c8\u306e\u518d\u69cb\u6210\u5f8c\u3001\u4e00\u90e8\u306e\u8a18\u4e8b\u30ea\u30f3\u30af\u304c\u5909\u66f4\u3055\u308c\u307e\u3057\u305f\u3002\u4ee5\u4e0b\u306b\u63a2\u3057\u3066\u3044\u308b\u30da\u30fc\u30b8\u304c\u898b\u3064\u304b\u308b\u304b\u3082\u3057\u308c\u307e\u305b\u3093\u3002","pages.nav.legacy.subdetails":"\u4e92\u63db\u6027\u306e\u305f\u3081\u306b\u53e4\u3044\u30ea\u30f3\u30af\u304b\u3089\u306e\u30ea\u30c0\u30a4\u30ec\u30af\u30c8\u304c\u3042\u308a\u307e\u3059","features.feedback-badge.label":"\u30c9\u30ad\u30e5\u30e1\u30f3\u30c8\u306e\u30d5\u30a3\u30fc\u30c9\u30d0\u30c3\u30af\u3092\u5171\u6709\u3059\u308b \ud83e\udd19","features.feedback-badge.url":"https://forms.gle/7p4anU2shHAzmfqc8","features.feedback-doc.thanks":"\u30d5\u30a3\u30fc\u30c9\u30d0\u30c3\u30af\u3042\u308a\u304c\u3068\u3046\u3054\u3056\u3044\u307e\u3059\uff01","features.feedback-doc.title":"\u3053\u306e\u30da\u30fc\u30b8\u306f\u5f79\u306b\u7acb\u3061\u307e\u3057\u305f\u304b\uff1f","features.feedback-doc.subtitle":"\u3042\u306a\u305f\u306e\u30d5\u30a3\u30fc\u30c9\u30d0\u30c3\u30af\u306f\u30c9\u30ad\u30e5\u30e1\u30f3\u30c8\u306e\u6539\u5584\u306b\u5f79\u7acb\u3061\u307e\u3059","features.feedback-doc.button-text":"\u30d5\u30a3\u30fc\u30c9\u30d0\u30c3\u30af\u3092\u9001\u308b","features.feedback-doc.email-placeholder":"\u30e1\u30fc\u30eb\u30a2\u30c9\u30ec\u30b9\u3092\u5165\u529b\u3057\u3066\u304f\u3060\u3055\u3044\uff08\u4efb\u610f\uff09","features.feedback-doc.error-message":"\u5f8c\u3067\u3082\u3046\u4e00\u5ea6\u304a\u8a66\u3057\u304f\u3060\u3055\u3044\u3002","features.feedback-doc.modal-title-error-403":"\u30ea\u30af\u30a8\u30b9\u30c8URL\u304c\u3053\u306e\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u306ePushFeedback\u306b\u6307\u5b9a\u3055\u308c\u305fURL\u3068\u4e00\u81f4\u3057\u307e\u305b\u3093\u3002","features.feedback-doc.modal-title-error-404":"\u63d0\u4f9b\u3055\u308c\u305f\u30d7\u30ed\u30b8\u30a7\u30af\u30c8ID\u3092PushFeedback\u3067\u898b\u3064\u3051\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u305b\u3093\u3067\u3057\u305f\u3002","features.feedback-doc.message-placeholder":"\u3053\u3053\u306b\u30d5\u30a3\u30fc\u30c9\u30d0\u30c3\u30af\u3092\u66f8\u3044\u3066\u304f\u3060\u3055\u3044\u2026","features.feedback-doc.modal-title":"\u3042\u306a\u305f\u306e\u610f\u898b\u3092\u5171\u6709\u3057\u3066\u304f\u3060\u3055\u3044","features.feedback-doc.modal-title-error":"\u304a\u3063\u3068\uff01","features.feedback-doc.modal-title-success":"\u30d5\u30a3\u30fc\u30c9\u30d0\u30c3\u30af\u3042\u308a\u304c\u3068\u3046\u3054\u3056\u3044\u307e\u3059\uff01","features.feedback-doc.rating-placeholder":"\u3053\u306e\u30da\u30fc\u30b8\u306f\u5f79\u306b\u7acb\u3061\u307e\u3057\u305f\u304b\uff1f","features.feedback-doc.rating-stars-placeholder":"\u3053\u306e\u30da\u30fc\u30b8\u3092\u3069\u3046\u8a55\u4fa1\u3057\u307e\u3059\u304b","features.feedback-doc.screenshot-button-text":"\u30b9\u30af\u30ea\u30fc\u30f3\u30b7\u30e7\u30c3\u30c8\u3092\u64ae\u308b","features.feedback-doc.screenshot-topbar-text":"\u30da\u30fc\u30b8\u4e0a\u306e\u8981\u7d20\u3092\u9078\u629e\u3057\u3066\u304f\u3060\u3055\u3044","features.feedback-doc.send-button-text":"\u9001\u4fe1","features.hero.tagline":"\u30d5\u30ed\u30f3\u30c8\u30a8\u30f3\u30c9\u30a2\u30fc\u30ad\u30c6\u30af\u30c1\u30e3\u306e\u8a2d\u8a08\u65b9\u6cd5\u8ad6","features.hero.get_started":"\u59cb\u3081\u308b","features.hero.examples":"\u5b9f\u88c5\u4f8b","features.hero.previous":"\u524d\u306e\u30d0\u30fc\u30b8\u30e7\u30f3","shared.wip.title":"\u3053\u306e\u8a18\u4e8b\u306f\u57f7\u7b46\u4e2d\u3067\u3059","shared.wip.subtitle":"\u305d\u306e\u516c\u958b\u3092\u65e9\u3081\u308b\u305f\u3081\u306b\u3001\u4ee5\u4e0b\u306e\u65b9\u6cd5\u304c\u3042\u308a\u307e\u3059\u3002","shared.wip.var.feedback.base":"\ud83d\udce2 \u30d5\u30a3\u30fc\u30c9\u30d0\u30c3\u30af\u3092\u5171\u6709\u3059\u308b ","shared.wip.var.feedback.link":"\uff08\u30c1\u30b1\u30c3\u30c8\u3067\u306e\u30b3\u30e1\u30f3\u30c8/\u7d75\u6587\u5b57\u30ea\u30a2\u30af\u30b7\u30e7\u30f3\uff09","shared.wip.var.material.base":"\ud83d\udcac \u30c1\u30e3\u30c3\u30c8\u3067\u306e\u8b70\u8ad6\u7d50\u679c\u3092\u30c1\u30b1\u30c3\u30c8\u306b\u307e\u3068\u3081\u308b ","shared.wip.var.material.link":"\uff08\u30c1\u30e3\u30c3\u30c8URL\uff09","shared.wip.var.contribute.base":"\u2692\ufe0f \u4ed6\u306e\u65b9\u6cd5\u3067","shared.wip.var.contribute.link":"\u8ca2\u732e\u3059\u308b","theme.docs.sidebar.responsiveCloseButtonLabel":"\u30e1\u30cb\u30e5\u30fc\u3092\u9589\u3058\u308b","theme.docs.sidebar.responsiveOpenButtonLabel":"\u30e1\u30cb\u30e5\u30fc\u3092\u958b\u304f"}')},4054:e=>{"use strict";e.exports=JSON.parse('{"/ja/blog-bdc":{"__comp":"a6aa9e1f","__context":{"plugin":"36994c47"},"sidebar":"814f3328","items":[{"content":"25a0b29f"},{"content":"f6bb872e"}],"__props":"733708ab"},"/ja/blog/archive-a57":{"__comp":"9e4087bc","__context":{"plugin":"36994c47"},"__props":"7911e77e"},"/ja/blog/international-community-6d5":{"__comp":"ccc49370","__context":{"data":{"blogMetadata":"acecf23e"},"plugin":"36994c47"},"sidebar":"814f3328","content":"f6760343"},"/ja/blog/rebranding-stable-769":{"__comp":"ccc49370","__context":{"data":{"blogMetadata":"acecf23e"},"plugin":"36994c47"},"sidebar":"814f3328","content":"1943626f"},"/ja/blog/tags-e5d":{"__comp":"01a85c17","__context":{"plugin":"36994c47"},"sidebar":"814f3328","__props":"5156988e"},"/ja/blog/tags/brand-b92":{"__comp":"6875c492","__context":{"plugin":"36994c47"},"sidebar":"814f3328","items":[{"content":"f6bb872e"}],"__props":"d550a4de"},"/ja/blog/tags/community-0b3":{"__comp":"6875c492","__context":{"plugin":"36994c47"},"sidebar":"814f3328","items":[{"content":"25a0b29f"}],"__props":"2380b188"},"/ja/blog/tags/discord-895":{"__comp":"6875c492","__context":{"plugin":"36994c47"},"sidebar":"814f3328","items":[{"content":"25a0b29f"}],"__props":"ee07dce2"},"/ja/blog/tags/promo-197":{"__comp":"6875c492","__context":{"plugin":"36994c47"},"sidebar":"814f3328","items":[{"content":"25a0b29f"},{"content":"f6bb872e"}],"__props":"5fd46c70"},"/ja/examples-f30":{"__comp":"b4c136e1","__context":{"plugin":"a7456010"},"config":"5e9f5e1a"},"/ja/nav-c82":{"__comp":"f565db0c","__context":{"plugin":"a7456010"},"config":"5e9f5e1a"},"/ja/search-5c9":{"__comp":"1a4e3797","__context":{"plugin":"c141421f"}},"/ja/versions-833":{"__comp":"90f695cb","__context":{"plugin":"a7456010"},"config":"5e9f5e1a"},"/ja/community-108":{"__comp":"5e95c892","__context":{"plugin":"e0719818"}},"/ja/community-b02":{"__comp":"a7bd4aaa","__props":"c4fb0dde"},"/ja/community-904":{"__comp":"a94703ab"},"/ja/community-c8b":{"__comp":"17896441","content":"a61c55ce"},"/ja/community/team-77e":{"__comp":"17896441","content":"7313bf7a"},"/ja/docs-a14":{"__comp":"5e95c892","__context":{"plugin":"aba21aa0"}},"/ja/docs-0de":{"__comp":"a7bd4aaa","__props":"459aea13"},"/ja/docs-e3f":{"__comp":"a94703ab"},"/ja/docs-c6c":{"__comp":"17896441","content":"32d45827"},"/ja/docs/about-b09":{"__comp":"17896441","content":"7c24a3b7"},"/ja/docs/about/alternatives-591":{"__comp":"17896441","content":"165a9db9"},"/ja/docs/about/mission-a02":{"__comp":"17896441","content":"13884f15"},"/ja/docs/about/motivation-efa":{"__comp":"17896441","content":"5c333c6a"},"/ja/docs/about/promote/for-company-03f":{"__comp":"17896441","content":"179fe0e3"},"/ja/docs/about/promote/for-team-896":{"__comp":"17896441","content":"012f76d8"},"/ja/docs/about/promote/integration-f1a":{"__comp":"17896441","content":"c2a37d41"},"/ja/docs/about/promote/partial-application-c4a":{"__comp":"17896441","content":"1ef93b0e"},"/ja/docs/about/understanding/abstractions-d0b":{"__comp":"17896441","content":"b816588c"},"/ja/docs/about/understanding/architecture-7af":{"__comp":"17896441","content":"e35da8fa"},"/ja/docs/about/understanding/knowledge-types-76a":{"__comp":"17896441","content":"384f90b7"},"/ja/docs/about/understanding/naming-f0a":{"__comp":"17896441","content":"9654fbea"},"/ja/docs/about/understanding/needs-driven-bb0":{"__comp":"17896441","content":"bd483990"},"/ja/docs/about/understanding/signals-9c3":{"__comp":"17896441","content":"43481703"},"/ja/docs/branding-eb1":{"__comp":"17896441","content":"40b15635"},"/ja/docs/get-started-cb7":{"__comp":"17896441","content":"5cc32e33"},"/ja/docs/get-started/cheatsheet-bcd":{"__comp":"17896441","content":"05cea7a5"},"/ja/docs/get-started/faq-d4b":{"__comp":"17896441","content":"f2e71f4c"},"/ja/docs/get-started/overview-2c1":{"__comp":"17896441","content":"ebe661a9"},"/ja/docs/get-started/tutorial-f84":{"__comp":"17896441","content":"623ef7cc"},"/ja/docs/guides-7e8":{"__comp":"17896441","content":"b5a59612"},"/ja/docs/guides/examples-d64":{"__comp":"17896441","content":"e3945454"},"/ja/docs/guides/examples/auth-c02":{"__comp":"17896441","content":"0288f121"},"/ja/docs/guides/examples/autocompleted-243":{"__comp":"17896441","content":"06894aee"},"/ja/docs/guides/examples/browser-api-81d":{"__comp":"17896441","content":"0fe5f65b"},"/ja/docs/guides/examples/cms-c63":{"__comp":"17896441","content":"89dfa326"},"/ja/docs/guides/examples/feedback-5f8":{"__comp":"17896441","content":"6f39ea9f"},"/ja/docs/guides/examples/i18n-47b":{"__comp":"17896441","content":"faa48f11"},"/ja/docs/guides/examples/metric-2e1":{"__comp":"17896441","content":"0289c23f"},"/ja/docs/guides/examples/monorepo-66e":{"__comp":"17896441","content":"8eb9ed98"},"/ja/docs/guides/examples/page-layout-427":{"__comp":"17896441","content":"cef4bc17"},"/ja/docs/guides/examples/platforms-909":{"__comp":"17896441","content":"2b049514"},"/ja/docs/guides/examples/ssr-6bf":{"__comp":"17896441","content":"adada6d7"},"/ja/docs/guides/examples/theme-2ca":{"__comp":"17896441","content":"f382d530"},"/ja/docs/guides/examples/types-98a":{"__comp":"17896441","content":"45dd4bf3"},"/ja/docs/guides/examples/white-labels-fc3":{"__comp":"17896441","content":"8704bcbb"},"/ja/docs/guides/issues/cross-imports-3ac":{"__comp":"17896441","content":"b4a7b4dd"},"/ja/docs/guides/issues/desegmented-16d":{"__comp":"17896441","content":"88daebe4"},"/ja/docs/guides/issues/routes-41e":{"__comp":"17896441","content":"44843890"},"/ja/docs/guides/migration/from-custom-158":{"__comp":"17896441","content":"0d985d97"},"/ja/docs/guides/migration/from-v1-441":{"__comp":"17896441","content":"cf4aad29"},"/ja/docs/guides/tech/with-nextjs-382":{"__comp":"17896441","content":"871e0ed2"},"/ja/docs/guides/tech/with-nuxtjs-c7e":{"__comp":"17896441","content":"92d7a9ba"},"/ja/docs/guides/tech/with-react-query-b7d":{"__comp":"17896441","content":"419904cc"},"/ja/docs/guides/tech/with-sveltekit-7e1":{"__comp":"17896441","content":"e878a63e"},"/ja/docs/reference-355":{"__comp":"17896441","content":"e8e5643e"},"/ja/docs/reference/isolation-816":{"__comp":"17896441","content":"a6e3103f"},"/ja/docs/reference/isolation/coupling-cohesion-cc6":{"__comp":"17896441","content":"bc21bcd3"},"/ja/docs/reference/isolation/decouple-entities-766":{"__comp":"17896441","content":"a3319485"},"/ja/docs/reference/layers-145":{"__comp":"17896441","content":"12472d65"},"/ja/docs/reference/public-api-b90":{"__comp":"17896441","content":"ba5630e6"},"/ja/docs/reference/slices-segments-ace":{"__comp":"17896441","content":"fc907d4c"},"/ja/-21d":{"__comp":"1df93b7f","__context":{"plugin":"a7456010"},"config":"5e9f5e1a"}}')}},e=>{e.O(0,[1869],(()=>{return t=3096,e(e.s=t);var t}));e.O()}]);
\ No newline at end of file
+/*! For license information please see main.29fd47b7.js.LICENSE.txt */
+(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[8792],{7781:(e,t,n)=>{"use strict";n.d(t,{Bc:()=>g,E8:()=>$n,a1:()=>qn});var r=n(758);n(8143);function o(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function a(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?o(Object(n),!0).forEach((function(t){i(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):o(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function i(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function s(){return s=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},s.apply(this,arguments)}function l(e,t){if(null==e)return{};var n,r,o=function(e,t){if(null==e)return{};var n,r,o={},a=Object.keys(e);for(r=0;r<a.length;r++)n=a[r],t.indexOf(n)>=0||(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(r=0;r<a.length;r++)n=a[r],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}function c(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,a=[],i=!0,s=!1;try{for(n=n.call(e);!(i=(r=n.next()).done)&&(a.push(r.value),!t||a.length!==t);i=!0);}catch(e){s=!0,o=e}finally{try{i||null==n.return||n.return()}finally{if(s)throw o}}return a}}(e,t)||d(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function u(e){return function(e){if(Array.isArray(e))return p(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||d(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function d(e,t){if(e){if("string"==typeof e)return p(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?p(e,t):void 0}}function p(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function f(){return r.createElement("svg",{width:"15",height:"15",className:"DocSearch-Control-Key-Icon"},r.createElement("path",{d:"M4.505 4.496h2M5.505 5.496v5M8.216 4.496l.055 5.993M10 7.5c.333.333.5.667.5 1v2M12.326 4.5v5.996M8.384 4.496c1.674 0 2.116 0 2.116 1.5s-.442 1.5-2.116 1.5M3.205 9.303c-.09.448-.277 1.21-1.241 1.203C1 10.5.5 9.513.5 8V7c0-1.57.5-2.5 1.464-2.494.964.006 1.134.598 1.24 1.342M12.553 10.5h1.953",strokeWidth:"1.2",stroke:"currentColor",fill:"none",strokeLinecap:"square"}))}function m(){return r.createElement("svg",{width:"20",height:"20",className:"DocSearch-Search-Icon",viewBox:"0 0 20 20","aria-hidden":"true"},r.createElement("path",{d:"M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z",stroke:"currentColor",fill:"none",fillRule:"evenodd",strokeLinecap:"round",strokeLinejoin:"round"}))}var h=["translations"],g=r.forwardRef((function(e,t){var n=e.translations,o=void 0===n?{}:n,a=l(e,h),i=o.buttonText,u=void 0===i?"Search":i,d=o.buttonAriaLabel,p=void 0===d?"Search":d,g=c((0,r.useState)(null),2),y=g[0],v=g[1];return(0,r.useEffect)((function(){"undefined"!=typeof navigator&&(/(Mac|iPhone|iPod|iPad)/i.test(navigator.platform)?v("\u2318"):v("Ctrl"))}),[]),r.createElement("button",s({type:"button",className:"DocSearch DocSearch-Button","aria-label":p},a,{ref:t}),r.createElement("span",{className:"DocSearch-Button-Container"},r.createElement(m,null),r.createElement("span",{className:"DocSearch-Button-Placeholder"},u)),r.createElement("span",{className:"DocSearch-Button-Keys"},null!==y&&r.createElement(r.Fragment,null,r.createElement(b,{reactsToKey:"Ctrl"===y?"Ctrl":"Meta"},"Ctrl"===y?r.createElement(f,null):y),r.createElement(b,{reactsToKey:"k"},"K"))))}));function b(e){var t=e.reactsToKey,n=e.children,o=c((0,r.useState)(!1),2),a=o[0],i=o[1];return(0,r.useEffect)((function(){if(t)return window.addEventListener("keydown",e),window.addEventListener("keyup",n),function(){window.removeEventListener("keydown",e),window.removeEventListener("keyup",n)};function e(e){e.key===t&&i(!0)}function n(e){e.key!==t&&"Meta"!==e.key||i(!1)}}),[t]),r.createElement("kbd",{className:a?"DocSearch-Button-Key DocSearch-Button-Key--pressed":"DocSearch-Button-Key"},n)}function y(e,t){var n=void 0;return function(){for(var r=arguments.length,o=new Array(r),a=0;a<r;a++)o[a]=arguments[a];n&&clearTimeout(n),n=setTimeout((function(){return e.apply(void 0,o)}),t)}}function v(e){return e.reduce((function(e,t){return e.concat(t)}),[])}var w=0;function S(e){return 0===e.collections.length?0:e.collections.reduce((function(e,t){return e+t.items.length}),0)}function x(e){return e!==Object(e)}function k(e,t){if(e===t)return!0;if(x(e)||x(t)||"function"==typeof e||"function"==typeof t)return e===t;if(Object.keys(e).length!==Object.keys(t).length)return!1;for(var n=0,r=Object.keys(e);n<r.length;n++){var o=r[n];if(!(o in t))return!1;if(!k(e[o],t[o]))return!1}return!0}var j=function(){},E=[{segment:"autocomplete-core",version:"1.9.3"}];function _(e){var t=e.item,n=e.items;return{index:t.__autocomplete_indexName,items:[t],positions:[1+n.findIndex((function(e){return e.objectID===t.objectID}))],queryID:t.__autocomplete_queryID,algoliaSource:["autocomplete"]}}function C(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}var A=["items"],O=["items"];function T(e){return T="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},T(e)}function P(e){return function(e){if(Array.isArray(e))return L(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||function(e,t){if(e){if("string"==typeof e)return L(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?L(e,t):void 0}}(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function L(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function I(e,t){if(null==e)return{};var n,r,o=function(e,t){if(null==e)return{};var n,r,o={},a=Object.keys(e);for(r=0;r<a.length;r++)n=a[r],t.indexOf(n)>=0||(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(r=0;r<a.length;r++)n=a[r],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}function R(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function N(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?R(Object(n),!0).forEach((function(t){D(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):R(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function D(e,t,n){return(t=function(e){var t=function(e){if("object"!==T(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var n=t.call(e,"string");if("object"!==T(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"===T(t)?t:String(t)}(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function M(e){return e.map((function(e){var t=e.items,n=I(e,A);return N(N({},n),{},{objectIDs:(null==t?void 0:t.map((function(e){return e.objectID})))||n.objectIDs})}))}function F(e){var t,n,r,o=(t=function(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,a,i,s=[],l=!0,c=!1;try{if(a=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;l=!1}else for(;!(l=(r=a.call(n)).done)&&(s.push(r.value),s.length!==t);l=!0);}catch(e){c=!0,o=e}finally{try{if(!l&&null!=n.return&&(i=n.return(),Object(i)!==i))return}finally{if(c)throw o}}return s}}(e,t)||function(e,t){if(e){if("string"==typeof e)return C(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?C(e,t):void 0}}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}((e.version||"").split(".").map(Number),2),n=t[0],r=t[1],n>=3||2===n&&r>=4||1===n&&r>=10);function a(t,n,r){if(o&&void 0!==r){var a=r[0].__autocomplete_algoliaCredentials,i={"X-Algolia-Application-Id":a.appId,"X-Algolia-API-Key":a.apiKey};e.apply(void 0,[t].concat(P(n),[{headers:i}]))}else e.apply(void 0,[t].concat(P(n)))}return{init:function(t,n){e("init",{appId:t,apiKey:n})},setUserToken:function(t){e("setUserToken",t)},clickedObjectIDsAfterSearch:function(){for(var e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];t.length>0&&a("clickedObjectIDsAfterSearch",M(t),t[0].items)},clickedObjectIDs:function(){for(var e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];t.length>0&&a("clickedObjectIDs",M(t),t[0].items)},clickedFilters:function(){for(var t=arguments.length,n=new Array(t),r=0;r<t;r++)n[r]=arguments[r];n.length>0&&e.apply(void 0,["clickedFilters"].concat(n))},convertedObjectIDsAfterSearch:function(){for(var e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];t.length>0&&a("convertedObjectIDsAfterSearch",M(t),t[0].items)},convertedObjectIDs:function(){for(var e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];t.length>0&&a("convertedObjectIDs",M(t),t[0].items)},convertedFilters:function(){for(var t=arguments.length,n=new Array(t),r=0;r<t;r++)n[r]=arguments[r];n.length>0&&e.apply(void 0,["convertedFilters"].concat(n))},viewedObjectIDs:function(){for(var e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];t.length>0&&t.reduce((function(e,t){var n=t.items,r=I(t,O);return[].concat(P(e),P(function(e){for(var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:20,n=[],r=0;r<e.objectIDs.length;r+=t)n.push(N(N({},e),{},{objectIDs:e.objectIDs.slice(r,r+t)}));return n}(N(N({},r),{},{objectIDs:(null==n?void 0:n.map((function(e){return e.objectID})))||r.objectIDs})).map((function(e){return{items:n,payload:e}}))))}),[]).forEach((function(e){var t=e.items;return a("viewedObjectIDs",[e.payload],t)}))},viewedFilters:function(){for(var t=arguments.length,n=new Array(t),r=0;r<t;r++)n[r]=arguments[r];n.length>0&&e.apply(void 0,["viewedFilters"].concat(n))}}}function z(e){var t=e.items.reduce((function(e,t){var n;return e[t.__autocomplete_indexName]=(null!==(n=e[t.__autocomplete_indexName])&&void 0!==n?n:[]).concat(t),e}),{});return Object.keys(t).map((function(e){return{index:e,items:t[e],algoliaSource:["autocomplete"]}}))}function B(e){return e.objectID&&e.__autocomplete_indexName&&e.__autocomplete_queryID}function U(e){return U="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},U(e)}function q(e){return function(e){if(Array.isArray(e))return $(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||function(e,t){if(e){if("string"==typeof e)return $(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?$(e,t):void 0}}(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function $(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function H(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function V(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?H(Object(n),!0).forEach((function(t){G(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):H(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function G(e,t,n){return(t=function(e){var t=function(e){if("object"!==U(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var n=t.call(e,"string");if("object"!==U(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"===U(t)?t:String(t)}(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var W="https://cdn.jsdelivr.net/npm/search-insights@".concat("2.6.0","/dist/search-insights.min.js"),K=y((function(e){var t=e.onItemsChange,n=e.items,r=e.insights,o=e.state;t({insights:r,insightsEvents:z({items:n}).map((function(e){return V({eventName:"Items Viewed"},e)})),state:o})}),400);function Q(e){var t=function(e){return V({onItemsChange:function(e){var t=e.insights,n=e.insightsEvents;t.viewedObjectIDs.apply(t,q(n.map((function(e){return V(V({},e),{},{algoliaSource:[].concat(q(e.algoliaSource||[]),["autocomplete-internal"])})}))))},onSelect:function(e){var t=e.insights,n=e.insightsEvents;t.clickedObjectIDsAfterSearch.apply(t,q(n.map((function(e){return V(V({},e),{},{algoliaSource:[].concat(q(e.algoliaSource||[]),["autocomplete-internal"])})}))))},onActive:j},e)}(e),n=t.insightsClient,r=t.onItemsChange,o=t.onSelect,a=t.onActive,i=n;n||"undefined"!=typeof window&&function(e){var t=e.window,n=t.AlgoliaAnalyticsObject||"aa";"string"==typeof n&&(i=t[n]),i||(t.AlgoliaAnalyticsObject=n,t[n]||(t[n]=function(){t[n].queue||(t[n].queue=[]);for(var e=arguments.length,r=new Array(e),o=0;o<e;o++)r[o]=arguments[o];t[n].queue.push(r)}),t[n].version="2.6.0",i=t[n],function(e){var t="[Autocomplete]: Could not load search-insights.js. Please load it manually following https://alg.li/insights-autocomplete";try{var n=e.document.createElement("script");n.async=!0,n.src=W,n.onerror=function(){console.error(t)},document.body.appendChild(n)}catch(e){console.error(t)}}(t))}({window:window});var s=F(i),l={current:[]},c=y((function(e){var t=e.state;if(t.isOpen){var n=t.collections.reduce((function(e,t){return[].concat(q(e),q(t.items))}),[]).filter(B);k(l.current.map((function(e){return e.objectID})),n.map((function(e){return e.objectID})))||(l.current=n,n.length>0&&K({onItemsChange:r,items:n,insights:s,state:t}))}}),0);return{name:"aa.algoliaInsightsPlugin",subscribe:function(e){var t=e.setContext,n=e.onSelect,r=e.onActive;i("addAlgoliaAgent","insights-plugin"),t({algoliaInsightsPlugin:{__algoliaSearchParameters:{clickAnalytics:!0},insights:s}}),n((function(e){var t=e.item,n=e.state,r=e.event;B(t)&&o({state:n,event:r,insights:s,item:t,insightsEvents:[V({eventName:"Item Selected"},_({item:t,items:l.current}))]})})),r((function(e){var t=e.item,n=e.state,r=e.event;B(t)&&a({state:n,event:r,insights:s,item:t,insightsEvents:[V({eventName:"Item Active"},_({item:t,items:l.current}))]})}))},onStateChange:function(e){var t=e.state;c({state:t})},__autocomplete_pluginOptions:e}}function Y(e,t){var n=t;return{then:function(t,r){return Y(e.then(J(t,n,e),J(r,n,e)),n)},catch:function(t){return Y(e.catch(J(t,n,e)),n)},finally:function(t){return t&&n.onCancelList.push(t),Y(e.finally(J(t&&function(){return n.onCancelList=[],t()},n,e)),n)},cancel:function(){n.isCanceled=!0;var e=n.onCancelList;n.onCancelList=[],e.forEach((function(e){e()}))},isCanceled:function(){return!0===n.isCanceled}}}function Z(e){return Y(e,{isCanceled:!1,onCancelList:[]})}function J(e,t,n){return e?function(n){return t.isCanceled?n:e(n)}:n}function X(e,t,n,r){if(!n)return null;if(e<0&&(null===t||null!==r&&0===t))return n+e;var o=(null===t?-1:t)+e;return o<=-1||o>=n?null===r?null:0:o}function ee(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function te(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?ee(Object(n),!0).forEach((function(t){ne(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):ee(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function ne(e,t,n){return(t=function(e){var t=function(e){if("object"!==re(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var n=t.call(e,"string");if("object"!==re(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"===re(t)?t:String(t)}(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function re(e){return re="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},re(e)}function oe(e){var t=function(e){var t=e.collections.map((function(e){return e.items.length})).reduce((function(e,t,n){var r=(e[n-1]||0)+t;return e.push(r),e}),[]).reduce((function(t,n){return n<=e.activeItemId?t+1:t}),0);return e.collections[t]}(e);if(!t)return null;var n=t.items[function(e){for(var t=e.state,n=e.collection,r=!1,o=0,a=0;!1===r;){var i=t.collections[o];if(i===n){r=!0;break}a+=i.items.length,o++}return t.activeItemId-a}({state:e,collection:t})],r=t.source;return{item:n,itemInputValue:r.getItemInputValue({item:n,state:e}),itemUrl:r.getItemUrl({item:n,state:e}),source:r}}var ae=/((gt|sm)-|galaxy nexus)|samsung[- ]|samsungbrowser/i;function ie(e){return ie="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},ie(e)}function se(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function le(e,t,n){return(t=function(e){var t=function(e){if("object"!==ie(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var n=t.call(e,"string");if("object"!==ie(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"===ie(t)?t:String(t)}(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function ce(e){return ce="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},ce(e)}function ue(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function de(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?ue(Object(n),!0).forEach((function(t){pe(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):ue(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function pe(e,t,n){return(t=function(e){var t=function(e){if("object"!==ce(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var n=t.call(e,"string");if("object"!==ce(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"===ce(t)?t:String(t)}(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function fe(e){return fe="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},fe(e)}function me(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function he(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function ge(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?he(Object(n),!0).forEach((function(t){be(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):he(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function be(e,t,n){return(t=function(e){var t=function(e){if("object"!==fe(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var n=t.call(e,"string");if("object"!==fe(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"===fe(t)?t:String(t)}(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function ye(e,t){var n,r="undefined"!=typeof window?window:{},o=e.plugins||[];return ge(ge({debug:!1,openOnFocus:!1,placeholder:"",autoFocus:!1,defaultActiveItemId:null,stallThreshold:300,insights:!1,environment:r,shouldPanelOpen:function(e){return S(e.state)>0},reshape:function(e){return e.sources}},e),{},{id:null!==(n=e.id)&&void 0!==n?n:"autocomplete-".concat(w++),plugins:o,initialState:ge({activeItemId:null,query:"",completion:null,collections:[],isOpen:!1,status:"idle",context:{}},e.initialState),onStateChange:function(t){var n;null===(n=e.onStateChange)||void 0===n||n.call(e,t),o.forEach((function(e){var n;return null===(n=e.onStateChange)||void 0===n?void 0:n.call(e,t)}))},onSubmit:function(t){var n;null===(n=e.onSubmit)||void 0===n||n.call(e,t),o.forEach((function(e){var n;return null===(n=e.onSubmit)||void 0===n?void 0:n.call(e,t)}))},onReset:function(t){var n;null===(n=e.onReset)||void 0===n||n.call(e,t),o.forEach((function(e){var n;return null===(n=e.onReset)||void 0===n?void 0:n.call(e,t)}))},getSources:function(n){return Promise.all([].concat(function(e){return function(e){if(Array.isArray(e))return me(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||function(e,t){if(e){if("string"==typeof e)return me(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?me(e,t):void 0}}(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}(o.map((function(e){return e.getSources}))),[e.getSources]).filter(Boolean).map((function(e){return function(e,t){var n=[];return Promise.resolve(e(t)).then((function(e){return Promise.all(e.filter((function(e){return Boolean(e)})).map((function(e){if(e.sourceId,n.includes(e.sourceId))throw new Error("[Autocomplete] The `sourceId` ".concat(JSON.stringify(e.sourceId)," is not unique."));n.push(e.sourceId);var t={getItemInputValue:function(e){return e.state.query},getItemUrl:function(){},onSelect:function(e){(0,e.setIsOpen)(!1)},onActive:j,onResolve:j};Object.keys(t).forEach((function(e){t[e].__default=!0}));var r=te(te({},t),e);return Promise.resolve(r)})))}))}(e,n)}))).then((function(e){return v(e)})).then((function(e){return e.map((function(e){return ge(ge({},e),{},{onSelect:function(n){e.onSelect(n),t.forEach((function(e){var t;return null===(t=e.onSelect)||void 0===t?void 0:t.call(e,n)}))},onActive:function(n){e.onActive(n),t.forEach((function(e){var t;return null===(t=e.onActive)||void 0===t?void 0:t.call(e,n)}))},onResolve:function(n){e.onResolve(n),t.forEach((function(e){var t;return null===(t=e.onResolve)||void 0===t?void 0:t.call(e,n)}))}})}))}))},navigator:ge({navigate:function(e){var t=e.itemUrl;r.location.assign(t)},navigateNewTab:function(e){var t=e.itemUrl,n=r.open(t,"_blank","noopener");null==n||n.focus()},navigateNewWindow:function(e){var t=e.itemUrl;r.open(t,"_blank","noopener")}},e.navigator)})}function ve(e){return ve="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},ve(e)}function we(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function Se(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?we(Object(n),!0).forEach((function(t){xe(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):we(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function xe(e,t,n){return(t=function(e){var t=function(e){if("object"!==ve(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var n=t.call(e,"string");if("object"!==ve(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"===ve(t)?t:String(t)}(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function ke(e){return ke="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},ke(e)}function je(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function Ee(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?je(Object(n),!0).forEach((function(t){_e(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):je(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function _e(e,t,n){return(t=function(e){var t=function(e){if("object"!==ke(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var n=t.call(e,"string");if("object"!==ke(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"===ke(t)?t:String(t)}(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function Ce(e){return function(e){if(Array.isArray(e))return Ae(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||function(e,t){if(e){if("string"==typeof e)return Ae(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?Ae(e,t):void 0}}(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function Ae(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function Oe(e){return Boolean(e.execute)}function Te(e){var t=e.reduce((function(e,t){if(!Oe(t))return e.push(t),e;var n=t.searchClient,r=t.execute,o=t.requesterId,a=t.requests,i=e.find((function(e){return Oe(t)&&Oe(e)&&e.searchClient===n&&Boolean(o)&&e.requesterId===o}));if(i){var s;(s=i.items).push.apply(s,Ce(a))}else{var l={execute:r,requesterId:o,items:a,searchClient:n};e.push(l)}return e}),[]).map((function(e){if(!Oe(e))return Promise.resolve(e);var t=e,n=t.execute,r=t.items;return n({searchClient:t.searchClient,requests:r})}));return Promise.all(t).then((function(e){return v(e)}))}function Pe(e){return Pe="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},Pe(e)}var Le=["event","nextState","props","query","refresh","store"];function Ie(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function Re(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?Ie(Object(n),!0).forEach((function(t){Ne(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Ie(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function Ne(e,t,n){return(t=function(e){var t=function(e){if("object"!==Pe(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var n=t.call(e,"string");if("object"!==Pe(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"===Pe(t)?t:String(t)}(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var De,Me,Fe,ze=null,Be=(De=-1,Me=-1,Fe=void 0,function(e){var t=++De;return Promise.resolve(e).then((function(e){return Fe&&t<Me?Fe:(Me=t,Fe=e,e)}))});function Ue(e){var t=e.event,n=e.nextState,r=void 0===n?{}:n,o=e.props,a=e.query,i=e.refresh,s=e.store,l=function(e,t){if(null==e)return{};var n,r,o=function(e,t){if(null==e)return{};var n,r,o={},a=Object.keys(e);for(r=0;r<a.length;r++)n=a[r],t.indexOf(n)>=0||(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(r=0;r<a.length;r++)n=a[r],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}(e,Le);ze&&o.environment.clearTimeout(ze);var c=l.setCollections,u=l.setIsOpen,d=l.setQuery,p=l.setActiveItemId,f=l.setStatus;if(d(a),p(o.defaultActiveItemId),!a&&!1===o.openOnFocus){var m,h=s.getState().collections.map((function(e){return Re(Re({},e),{},{items:[]})}));f("idle"),c(h),u(null!==(m=r.isOpen)&&void 0!==m?m:o.shouldPanelOpen({state:s.getState()}));var g=Z(Be(h).then((function(){return Promise.resolve()})));return s.pendingRequests.add(g)}f("loading"),ze=o.environment.setTimeout((function(){f("stalled")}),o.stallThreshold);var b=Z(Be(o.getSources(Re({query:a,refresh:i,state:s.getState()},l)).then((function(e){return Promise.all(e.map((function(e){return Promise.resolve(e.getItems(Re({query:a,refresh:i,state:s.getState()},l))).then((function(t){return function(e,t,n){if(o=e,Boolean(null==o?void 0:o.execute)){var r="algolia"===e.requesterId?Object.assign.apply(Object,[{}].concat(Ce(Object.keys(n.context).map((function(e){var t;return null===(t=n.context[e])||void 0===t?void 0:t.__algoliaSearchParameters}))))):{};return Ee(Ee({},e),{},{requests:e.queries.map((function(n){return{query:"algolia"===e.requesterId?Ee(Ee({},n),{},{params:Ee(Ee({},r),n.params)}):n,sourceId:t,transformResponse:e.transformResponse}}))})}var o;return{items:e,sourceId:t}}(t,e.sourceId,s.getState())}))}))).then(Te).then((function(t){return function(e,t,n){return t.map((function(t){var r,o=e.filter((function(e){return e.sourceId===t.sourceId})),a=o.map((function(e){return e.items})),i=o[0].transformResponse,s=i?i({results:r=a,hits:r.map((function(e){return e.hits})).filter(Boolean),facetHits:r.map((function(e){var t;return null===(t=e.facetHits)||void 0===t?void 0:t.map((function(e){return{label:e.value,count:e.count,_highlightResult:{label:{value:e.highlighted}}}}))})).filter(Boolean)}):a;return t.onResolve({source:t,results:a,items:s,state:n.getState()}),s.every(Boolean),'The `getItems` function from source "'.concat(t.sourceId,'" must return an array of items but returned ').concat(JSON.stringify(void 0),".\n\nDid you forget to return items?\n\nSee: https://www.algolia.com/doc/ui-libraries/autocomplete/core-concepts/sources/#param-getitems"),{source:t,items:s}}))}(t,e,s)})).then((function(e){return function(e){var t=e.props,n=e.state,r=e.collections.reduce((function(e,t){return Se(Se({},e),{},xe({},t.source.sourceId,Se(Se({},t.source),{},{getItems:function(){return v(t.items)}})))}),{}),o=t.plugins.reduce((function(e,t){return t.reshape?t.reshape(e):e}),{sourcesBySourceId:r,state:n}).sourcesBySourceId;return v(t.reshape({sourcesBySourceId:o,sources:Object.values(o),state:n})).filter(Boolean).map((function(e){return{source:e,items:e.getItems()}}))}({collections:e,props:o,state:s.getState()})}))})))).then((function(e){var n;f("idle"),c(e);var d=o.shouldPanelOpen({state:s.getState()});u(null!==(n=r.isOpen)&&void 0!==n?n:o.openOnFocus&&!a&&d||d);var p=oe(s.getState());if(null!==s.getState().activeItemId&&p){var m=p.item,h=p.itemInputValue,g=p.itemUrl,b=p.source;b.onActive(Re({event:t,item:m,itemInputValue:h,itemUrl:g,refresh:i,source:b,state:s.getState()},l))}})).finally((function(){f("idle"),ze&&o.environment.clearTimeout(ze)}));return s.pendingRequests.add(b)}function qe(e){return qe="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},qe(e)}var $e=["event","props","refresh","store"];function He(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function Ve(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?He(Object(n),!0).forEach((function(t){Ge(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):He(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function Ge(e,t,n){return(t=function(e){var t=function(e){if("object"!==qe(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var n=t.call(e,"string");if("object"!==qe(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"===qe(t)?t:String(t)}(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function We(e){return We="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},We(e)}var Ke=["props","refresh","store"],Qe=["inputElement","formElement","panelElement"],Ye=["inputElement"],Ze=["inputElement","maxLength"],Je=["sourceIndex"],Xe=["sourceIndex"],et=["item","source","sourceIndex"];function tt(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function nt(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?tt(Object(n),!0).forEach((function(t){rt(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):tt(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function rt(e,t,n){return(t=function(e){var t=function(e){if("object"!==We(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var n=t.call(e,"string");if("object"!==We(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"===We(t)?t:String(t)}(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function ot(e,t){if(null==e)return{};var n,r,o=function(e,t){if(null==e)return{};var n,r,o={},a=Object.keys(e);for(r=0;r<a.length;r++)n=a[r],t.indexOf(n)>=0||(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(r=0;r<a.length;r++)n=a[r],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}function at(e){var t=e.props,n=e.refresh,r=e.store,o=ot(e,Ke),a=function(e,t){return void 0!==t?"".concat(e,"-").concat(t):e};return{getEnvironmentProps:function(e){var n=e.inputElement,o=e.formElement,a=e.panelElement;function i(e){!r.getState().isOpen&&r.pendingRequests.isEmpty()||e.target===n||!1===[o,a].some((function(t){return(n=t)===(r=e.target)||n.contains(r);var n,r}))&&(r.dispatch("blur",null),t.debug||r.pendingRequests.cancelAll())}return nt({onTouchStart:i,onMouseDown:i,onTouchMove:function(e){!1!==r.getState().isOpen&&n===t.environment.document.activeElement&&e.target!==n&&n.blur()}},ot(e,Qe))},getRootProps:function(e){return nt({role:"combobox","aria-expanded":r.getState().isOpen,"aria-haspopup":"listbox","aria-owns":r.getState().isOpen?"".concat(t.id,"-list"):void 0,"aria-labelledby":"".concat(t.id,"-label")},e)},getFormProps:function(e){return e.inputElement,nt({action:"",noValidate:!0,role:"search",onSubmit:function(a){var i;a.preventDefault(),t.onSubmit(nt({event:a,refresh:n,state:r.getState()},o)),r.dispatch("submit",null),null===(i=e.inputElement)||void 0===i||i.blur()},onReset:function(a){var i;a.preventDefault(),t.onReset(nt({event:a,refresh:n,state:r.getState()},o)),r.dispatch("reset",null),null===(i=e.inputElement)||void 0===i||i.focus()}},ot(e,Ye))},getLabelProps:function(e){var n=e||{},r=n.sourceIndex,o=ot(n,Je);return nt({htmlFor:"".concat(a(t.id,r),"-input"),id:"".concat(a(t.id,r),"-label")},o)},getInputProps:function(e){var a;function i(e){(t.openOnFocus||Boolean(r.getState().query))&&Ue(nt({event:e,props:t,query:r.getState().completion||r.getState().query,refresh:n,store:r},o)),r.dispatch("focus",null)}var s=e||{},l=(s.inputElement,s.maxLength),c=void 0===l?512:l,u=ot(s,Ze),d=oe(r.getState()),p=function(e){return Boolean(e&&e.match(ae))}((null===(a=t.environment.navigator)||void 0===a?void 0:a.userAgent)||""),f=null!=d&&d.itemUrl&&!p?"go":"search";return nt({"aria-autocomplete":"both","aria-activedescendant":r.getState().isOpen&&null!==r.getState().activeItemId?"".concat(t.id,"-item-").concat(r.getState().activeItemId):void 0,"aria-controls":r.getState().isOpen?"".concat(t.id,"-list"):void 0,"aria-labelledby":"".concat(t.id,"-label"),value:r.getState().completion||r.getState().query,id:"".concat(t.id,"-input"),autoComplete:"off",autoCorrect:"off",autoCapitalize:"off",enterKeyHint:f,spellCheck:"false",autoFocus:t.autoFocus,placeholder:t.placeholder,maxLength:c,type:"search",onChange:function(e){Ue(nt({event:e,props:t,query:e.currentTarget.value.slice(0,c),refresh:n,store:r},o))},onKeyDown:function(e){!function(e){var t=e.event,n=e.props,r=e.refresh,o=e.store,a=function(e,t){if(null==e)return{};var n,r,o=function(e,t){if(null==e)return{};var n,r,o={},a=Object.keys(e);for(r=0;r<a.length;r++)n=a[r],t.indexOf(n)>=0||(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(r=0;r<a.length;r++)n=a[r],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}(e,$e);if("ArrowUp"===t.key||"ArrowDown"===t.key){var i=function(){var e=n.environment.document.getElementById("".concat(n.id,"-item-").concat(o.getState().activeItemId));e&&(e.scrollIntoViewIfNeeded?e.scrollIntoViewIfNeeded(!1):e.scrollIntoView(!1))},s=function(){var e=oe(o.getState());if(null!==o.getState().activeItemId&&e){var n=e.item,i=e.itemInputValue,s=e.itemUrl,l=e.source;l.onActive(Ve({event:t,item:n,itemInputValue:i,itemUrl:s,refresh:r,source:l,state:o.getState()},a))}};t.preventDefault(),!1===o.getState().isOpen&&(n.openOnFocus||Boolean(o.getState().query))?Ue(Ve({event:t,props:n,query:o.getState().query,refresh:r,store:o},a)).then((function(){o.dispatch(t.key,{nextActiveItemId:n.defaultActiveItemId}),s(),setTimeout(i,0)})):(o.dispatch(t.key,{}),s(),i())}else if("Escape"===t.key)t.preventDefault(),o.dispatch(t.key,null),o.pendingRequests.cancelAll();else if("Tab"===t.key)o.dispatch("blur",null),o.pendingRequests.cancelAll();else if("Enter"===t.key){if(null===o.getState().activeItemId||o.getState().collections.every((function(e){return 0===e.items.length})))return void(n.debug||o.pendingRequests.cancelAll());t.preventDefault();var l=oe(o.getState()),c=l.item,u=l.itemInputValue,d=l.itemUrl,p=l.source;if(t.metaKey||t.ctrlKey)void 0!==d&&(p.onSelect(Ve({event:t,item:c,itemInputValue:u,itemUrl:d,refresh:r,source:p,state:o.getState()},a)),n.navigator.navigateNewTab({itemUrl:d,item:c,state:o.getState()}));else if(t.shiftKey)void 0!==d&&(p.onSelect(Ve({event:t,item:c,itemInputValue:u,itemUrl:d,refresh:r,source:p,state:o.getState()},a)),n.navigator.navigateNewWindow({itemUrl:d,item:c,state:o.getState()}));else if(t.altKey);else{if(void 0!==d)return p.onSelect(Ve({event:t,item:c,itemInputValue:u,itemUrl:d,refresh:r,source:p,state:o.getState()},a)),void n.navigator.navigate({itemUrl:d,item:c,state:o.getState()});Ue(Ve({event:t,nextState:{isOpen:!1},props:n,query:u,refresh:r,store:o},a)).then((function(){p.onSelect(Ve({event:t,item:c,itemInputValue:u,itemUrl:d,refresh:r,source:p,state:o.getState()},a))}))}}}(nt({event:e,props:t,refresh:n,store:r},o))},onFocus:i,onBlur:j,onClick:function(n){e.inputElement!==t.environment.document.activeElement||r.getState().isOpen||i(n)}},u)},getPanelProps:function(e){return nt({onMouseDown:function(e){e.preventDefault()},onMouseLeave:function(){r.dispatch("mouseleave",null)}},e)},getListProps:function(e){var n=e||{},r=n.sourceIndex,o=ot(n,Xe);return nt({role:"listbox","aria-labelledby":"".concat(a(t.id,r),"-label"),id:"".concat(a(t.id,r),"-list")},o)},getItemProps:function(e){var i=e.item,s=e.source,l=e.sourceIndex,c=ot(e,et);return nt({id:"".concat(a(t.id,l),"-item-").concat(i.__autocomplete_id),role:"option","aria-selected":r.getState().activeItemId===i.__autocomplete_id,onMouseMove:function(e){if(i.__autocomplete_id!==r.getState().activeItemId){r.dispatch("mousemove",i.__autocomplete_id);var t=oe(r.getState());if(null!==r.getState().activeItemId&&t){var a=t.item,s=t.itemInputValue,l=t.itemUrl,c=t.source;c.onActive(nt({event:e,item:a,itemInputValue:s,itemUrl:l,refresh:n,source:c,state:r.getState()},o))}}},onMouseDown:function(e){e.preventDefault()},onClick:function(e){var a=s.getItemInputValue({item:i,state:r.getState()}),l=s.getItemUrl({item:i,state:r.getState()});(l?Promise.resolve():Ue(nt({event:e,nextState:{isOpen:!1},props:t,query:a,refresh:n,store:r},o))).then((function(){s.onSelect(nt({event:e,item:i,itemInputValue:a,itemUrl:l,refresh:n,source:s,state:r.getState()},o))}))}},c)}}}function it(e){return it="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},it(e)}function st(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function lt(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?st(Object(n),!0).forEach((function(t){ct(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):st(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function ct(e,t,n){return(t=function(e){var t=function(e){if("object"!==it(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var n=t.call(e,"string");if("object"!==it(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"===it(t)?t:String(t)}(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function ut(e){var t,n,r,o,a=e.plugins,i=e.options,s=null===(t=((null===(n=i.__autocomplete_metadata)||void 0===n?void 0:n.userAgents)||[])[0])||void 0===t?void 0:t.segment,l=s?ct({},s,Object.keys((null===(r=i.__autocomplete_metadata)||void 0===r?void 0:r.options)||{})):{};return{plugins:a.map((function(e){return{name:e.name,options:Object.keys(e.__autocomplete_pluginOptions||[])}})),options:lt({"autocomplete-core":Object.keys(i)},l),ua:E.concat((null===(o=i.__autocomplete_metadata)||void 0===o?void 0:o.userAgents)||[])}}function dt(e){var t,n=e.state;return!1===n.isOpen||null===n.activeItemId?null:(null===(t=oe(n))||void 0===t?void 0:t.itemInputValue)||null}function pt(e){return pt="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},pt(e)}function ft(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function mt(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?ft(Object(n),!0).forEach((function(t){ht(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):ft(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function ht(e,t,n){return(t=function(e){var t=function(e){if("object"!==pt(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var n=t.call(e,"string");if("object"!==pt(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"===pt(t)?t:String(t)}(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var gt=function(e,t){switch(t.type){case"setActiveItemId":case"mousemove":return mt(mt({},e),{},{activeItemId:t.payload});case"setQuery":return mt(mt({},e),{},{query:t.payload,completion:null});case"setCollections":return mt(mt({},e),{},{collections:t.payload});case"setIsOpen":return mt(mt({},e),{},{isOpen:t.payload});case"setStatus":return mt(mt({},e),{},{status:t.payload});case"setContext":return mt(mt({},e),{},{context:mt(mt({},e.context),t.payload)});case"ArrowDown":var n=mt(mt({},e),{},{activeItemId:t.payload.hasOwnProperty("nextActiveItemId")?t.payload.nextActiveItemId:X(1,e.activeItemId,S(e),t.props.defaultActiveItemId)});return mt(mt({},n),{},{completion:dt({state:n})});case"ArrowUp":var r=mt(mt({},e),{},{activeItemId:X(-1,e.activeItemId,S(e),t.props.defaultActiveItemId)});return mt(mt({},r),{},{completion:dt({state:r})});case"Escape":return e.isOpen?mt(mt({},e),{},{activeItemId:null,isOpen:!1,completion:null}):mt(mt({},e),{},{activeItemId:null,query:"",status:"idle",collections:[]});case"submit":return mt(mt({},e),{},{activeItemId:null,isOpen:!1,status:"idle"});case"reset":return mt(mt({},e),{},{activeItemId:!0===t.props.openOnFocus?t.props.defaultActiveItemId:null,status:"idle",query:""});case"focus":return mt(mt({},e),{},{activeItemId:t.props.defaultActiveItemId,isOpen:(t.props.openOnFocus||Boolean(e.query))&&t.props.shouldPanelOpen({state:e})});case"blur":return t.props.debug?e:mt(mt({},e),{},{isOpen:!1,activeItemId:null});case"mouseleave":return mt(mt({},e),{},{activeItemId:t.props.defaultActiveItemId});default:return"The reducer action ".concat(JSON.stringify(t.type)," is not supported."),e}};function bt(e){return bt="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},bt(e)}function yt(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function vt(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?yt(Object(n),!0).forEach((function(t){wt(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):yt(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function wt(e,t,n){return(t=function(e){var t=function(e){if("object"!==bt(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var n=t.call(e,"string");if("object"!==bt(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"===bt(t)?t:String(t)}(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function St(e){var t=[],n=ye(e,t),r=function(e,t,n){var r,o=t.initialState;return{getState:function(){return o},dispatch:function(r,a){var i=function(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?se(Object(n),!0).forEach((function(t){le(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):se(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}({},o);o=e(o,{type:r,props:t,payload:a}),n({state:o,prevState:i})},pendingRequests:(r=[],{add:function(e){return r.push(e),e.finally((function(){r=r.filter((function(t){return t!==e}))}))},cancelAll:function(){r.forEach((function(e){return e.cancel()}))},isEmpty:function(){return 0===r.length}})}}(gt,n,(function(e){var t=e.prevState,r=e.state;n.onStateChange(vt({prevState:t,state:r,refresh:i,navigator:n.navigator},o))})),o=function(e){var t=e.store;return{setActiveItemId:function(e){t.dispatch("setActiveItemId",e)},setQuery:function(e){t.dispatch("setQuery",e)},setCollections:function(e){var n=0,r=e.map((function(e){return de(de({},e),{},{items:v(e.items).map((function(e){return de(de({},e),{},{__autocomplete_id:n++})}))})}));t.dispatch("setCollections",r)},setIsOpen:function(e){t.dispatch("setIsOpen",e)},setStatus:function(e){t.dispatch("setStatus",e)},setContext:function(e){t.dispatch("setContext",e)}}}({store:r}),a=at(vt({props:n,refresh:i,store:r,navigator:n.navigator},o));function i(){return Ue(vt({event:new Event("input"),nextState:{isOpen:r.getState().isOpen},props:n,navigator:n.navigator,query:r.getState().query,refresh:i,store:r},o))}if(e.insights&&!n.plugins.some((function(e){return"aa.algoliaInsightsPlugin"===e.name}))){var s="boolean"==typeof e.insights?{}:e.insights;n.plugins.push(Q(s))}return n.plugins.forEach((function(e){var r;return null===(r=e.subscribe)||void 0===r?void 0:r.call(e,vt(vt({},o),{},{navigator:n.navigator,refresh:i,onSelect:function(e){t.push({onSelect:e})},onActive:function(e){t.push({onActive:e})},onResolve:function(e){t.push({onResolve:e})}}))})),function(e){var t,n,r=e.metadata,o=e.environment;if(null===(t=o.navigator)||void 0===t||null===(n=t.userAgent)||void 0===n?void 0:n.includes("Algolia Crawler")){var a=o.document.createElement("meta"),i=o.document.querySelector("head");a.name="algolia:metadata",setTimeout((function(){a.content=JSON.stringify(r),i.appendChild(a)}),0)}}({metadata:ut({plugins:n.plugins,options:e}),environment:n.environment}),vt(vt({refresh:i,navigator:n.navigator},a),o)}function xt(e){var t=e.translations,n=(void 0===t?{}:t).searchByText,o=void 0===n?"Search by":n;return r.createElement("a",{href:"https://www.algolia.com/ref/docsearch/?utm_source=".concat(window.location.hostname,"&utm_medium=referral&utm_content=powered_by&utm_campaign=docsearch"),target:"_blank",rel:"noopener noreferrer"},r.createElement("span",{className:"DocSearch-Label"},o),r.createElement("svg",{width:"77",height:"19","aria-label":"Algolia",role:"img",id:"Layer_1",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 2196.2 500"},r.createElement("defs",null,r.createElement("style",null,".cls-1,.cls-2{fill:#003dff;}.cls-2{fill-rule:evenodd;}")),r.createElement("path",{className:"cls-2",d:"M1070.38,275.3V5.91c0-3.63-3.24-6.39-6.82-5.83l-50.46,7.94c-2.87,.45-4.99,2.93-4.99,5.84l.17,273.22c0,12.92,0,92.7,95.97,95.49,3.33,.1,6.09-2.58,6.09-5.91v-40.78c0-2.96-2.19-5.51-5.12-5.84-34.85-4.01-34.85-47.57-34.85-54.72Z"}),r.createElement("rect",{className:"cls-1",x:"1845.88",y:"104.73",width:"62.58",height:"277.9",rx:"5.9",ry:"5.9"}),r.createElement("path",{className:"cls-2",d:"M1851.78,71.38h50.77c3.26,0,5.9-2.64,5.9-5.9V5.9c0-3.62-3.24-6.39-6.82-5.83l-50.77,7.95c-2.87,.45-4.99,2.92-4.99,5.83v51.62c0,3.26,2.64,5.9,5.9,5.9Z"}),r.createElement("path",{className:"cls-2",d:"M1764.03,275.3V5.91c0-3.63-3.24-6.39-6.82-5.83l-50.46,7.94c-2.87,.45-4.99,2.93-4.99,5.84l.17,273.22c0,12.92,0,92.7,95.97,95.49,3.33,.1,6.09-2.58,6.09-5.91v-40.78c0-2.96-2.19-5.51-5.12-5.84-34.85-4.01-34.85-47.57-34.85-54.72Z"}),r.createElement("path",{className:"cls-2",d:"M1631.95,142.72c-11.14-12.25-24.83-21.65-40.78-28.31-15.92-6.53-33.26-9.85-52.07-9.85-18.78,0-36.15,3.17-51.92,9.85-15.59,6.66-29.29,16.05-40.76,28.31-11.47,12.23-20.38,26.87-26.76,44.03-6.38,17.17-9.24,37.37-9.24,58.36,0,20.99,3.19,36.87,9.55,54.21,6.38,17.32,15.14,32.11,26.45,44.36,11.29,12.23,24.83,21.62,40.6,28.46,15.77,6.83,40.12,10.33,52.4,10.48,12.25,0,36.78-3.82,52.7-10.48,15.92-6.68,29.46-16.23,40.78-28.46,11.29-12.25,20.05-27.04,26.25-44.36,6.22-17.34,9.24-33.22,9.24-54.21,0-20.99-3.34-41.19-10.03-58.36-6.38-17.17-15.14-31.8-26.43-44.03Zm-44.43,163.75c-11.47,15.75-27.56,23.7-48.09,23.7-20.55,0-36.63-7.8-48.1-23.7-11.47-15.75-17.21-34.01-17.21-61.2,0-26.89,5.59-49.14,17.06-64.87,11.45-15.75,27.54-23.52,48.07-23.52,20.55,0,36.63,7.78,48.09,23.52,11.47,15.57,17.36,37.98,17.36,64.87,0,27.19-5.72,45.3-17.19,61.2Z"}),r.createElement("path",{className:"cls-2",d:"M894.42,104.73h-49.33c-48.36,0-90.91,25.48-115.75,64.1-14.52,22.58-22.99,49.63-22.99,78.73,0,44.89,20.13,84.92,51.59,111.1,2.93,2.6,6.05,4.98,9.31,7.14,12.86,8.49,28.11,13.47,44.52,13.47,1.23,0,2.46-.03,3.68-.09,.36-.02,.71-.05,1.07-.07,.87-.05,1.75-.11,2.62-.2,.34-.03,.68-.08,1.02-.12,.91-.1,1.82-.21,2.73-.34,.21-.03,.42-.07,.63-.1,32.89-5.07,61.56-30.82,70.9-62.81v57.83c0,3.26,2.64,5.9,5.9,5.9h50.42c3.26,0,5.9-2.64,5.9-5.9V110.63c0-3.26-2.64-5.9-5.9-5.9h-56.32Zm0,206.92c-12.2,10.16-27.97,13.98-44.84,15.12-.16,.01-.33,.03-.49,.04-1.12,.07-2.24,.1-3.36,.1-42.24,0-77.12-35.89-77.12-79.37,0-10.25,1.96-20.01,5.42-28.98,11.22-29.12,38.77-49.74,71.06-49.74h49.33v142.83Z"}),r.createElement("path",{className:"cls-2",d:"M2133.97,104.73h-49.33c-48.36,0-90.91,25.48-115.75,64.1-14.52,22.58-22.99,49.63-22.99,78.73,0,44.89,20.13,84.92,51.59,111.1,2.93,2.6,6.05,4.98,9.31,7.14,12.86,8.49,28.11,13.47,44.52,13.47,1.23,0,2.46-.03,3.68-.09,.36-.02,.71-.05,1.07-.07,.87-.05,1.75-.11,2.62-.2,.34-.03,.68-.08,1.02-.12,.91-.1,1.82-.21,2.73-.34,.21-.03,.42-.07,.63-.1,32.89-5.07,61.56-30.82,70.9-62.81v57.83c0,3.26,2.64,5.9,5.9,5.9h50.42c3.26,0,5.9-2.64,5.9-5.9V110.63c0-3.26-2.64-5.9-5.9-5.9h-56.32Zm0,206.92c-12.2,10.16-27.97,13.98-44.84,15.12-.16,.01-.33,.03-.49,.04-1.12,.07-2.24,.1-3.36,.1-42.24,0-77.12-35.89-77.12-79.37,0-10.25,1.96-20.01,5.42-28.98,11.22-29.12,38.77-49.74,71.06-49.74h49.33v142.83Z"}),r.createElement("path",{className:"cls-2",d:"M1314.05,104.73h-49.33c-48.36,0-90.91,25.48-115.75,64.1-11.79,18.34-19.6,39.64-22.11,62.59-.58,5.3-.88,10.68-.88,16.14s.31,11.15,.93,16.59c4.28,38.09,23.14,71.61,50.66,94.52,2.93,2.6,6.05,4.98,9.31,7.14,12.86,8.49,28.11,13.47,44.52,13.47h0c17.99,0,34.61-5.93,48.16-15.97,16.29-11.58,28.88-28.54,34.48-47.75v50.26h-.11v11.08c0,21.84-5.71,38.27-17.34,49.36-11.61,11.08-31.04,16.63-58.25,16.63-11.12,0-28.79-.59-46.6-2.41-2.83-.29-5.46,1.5-6.27,4.22l-12.78,43.11c-1.02,3.46,1.27,7.02,4.83,7.53,21.52,3.08,42.52,4.68,54.65,4.68,48.91,0,85.16-10.75,108.89-32.21,21.48-19.41,33.15-48.89,35.2-88.52V110.63c0-3.26-2.64-5.9-5.9-5.9h-56.32Zm0,64.1s.65,139.13,0,143.36c-12.08,9.77-27.11,13.59-43.49,14.7-.16,.01-.33,.03-.49,.04-1.12,.07-2.24,.1-3.36,.1-1.32,0-2.63-.03-3.94-.1-40.41-2.11-74.52-37.26-74.52-79.38,0-10.25,1.96-20.01,5.42-28.98,11.22-29.12,38.77-49.74,71.06-49.74h49.33Z"}),r.createElement("path",{className:"cls-1",d:"M249.83,0C113.3,0,2,110.09,.03,246.16c-2,138.19,110.12,252.7,248.33,253.5,42.68,.25,83.79-10.19,120.3-30.03,3.56-1.93,4.11-6.83,1.08-9.51l-23.38-20.72c-4.75-4.21-11.51-5.4-17.36-2.92-25.48,10.84-53.17,16.38-81.71,16.03-111.68-1.37-201.91-94.29-200.13-205.96,1.76-110.26,92-199.41,202.67-199.41h202.69V407.41l-115-102.18c-3.72-3.31-9.42-2.66-12.42,1.31-18.46,24.44-48.53,39.64-81.93,37.34-46.33-3.2-83.87-40.5-87.34-86.81-4.15-55.24,39.63-101.52,94-101.52,49.18,0,89.68,37.85,93.91,85.95,.38,4.28,2.31,8.27,5.52,11.12l29.95,26.55c3.4,3.01,8.79,1.17,9.63-3.3,2.16-11.55,2.92-23.58,2.07-35.92-4.82-70.34-61.8-126.93-132.17-131.26-80.68-4.97-148.13,58.14-150.27,137.25-2.09,77.1,61.08,143.56,138.19,145.26,32.19,.71,62.03-9.41,86.14-26.95l150.26,133.2c6.44,5.71,16.61,1.14,16.61-7.47V9.48C499.66,4.25,495.42,0,490.18,0H249.83Z"})))}function kt(e){return r.createElement("svg",{width:"15",height:"15","aria-label":e.ariaLabel,role:"img"},r.createElement("g",{fill:"none",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"1.2"},e.children))}function jt(e){var t=e.translations,n=void 0===t?{}:t,o=n.selectText,a=void 0===o?"to select":o,i=n.selectKeyAriaLabel,s=void 0===i?"Enter key":i,l=n.navigateText,c=void 0===l?"to navigate":l,u=n.navigateUpKeyAriaLabel,d=void 0===u?"Arrow up":u,p=n.navigateDownKeyAriaLabel,f=void 0===p?"Arrow down":p,m=n.closeText,h=void 0===m?"to close":m,g=n.closeKeyAriaLabel,b=void 0===g?"Escape key":g,y=n.searchByText,v=void 0===y?"Search by":y;return r.createElement(r.Fragment,null,r.createElement("div",{className:"DocSearch-Logo"},r.createElement(xt,{translations:{searchByText:v}})),r.createElement("ul",{className:"DocSearch-Commands"},r.createElement("li",null,r.createElement("kbd",{className:"DocSearch-Commands-Key"},r.createElement(kt,{ariaLabel:s},r.createElement("path",{d:"M12 3.53088v3c0 1-1 2-2 2H4M7 11.53088l-3-3 3-3"}))),r.createElement("span",{className:"DocSearch-Label"},a)),r.createElement("li",null,r.createElement("kbd",{className:"DocSearch-Commands-Key"},r.createElement(kt,{ariaLabel:f},r.createElement("path",{d:"M7.5 3.5v8M10.5 8.5l-3 3-3-3"}))),r.createElement("kbd",{className:"DocSearch-Commands-Key"},r.createElement(kt,{ariaLabel:d},r.createElement("path",{d:"M7.5 11.5v-8M10.5 6.5l-3-3-3 3"}))),r.createElement("span",{className:"DocSearch-Label"},c)),r.createElement("li",null,r.createElement("kbd",{className:"DocSearch-Commands-Key"},r.createElement(kt,{ariaLabel:b},r.createElement("path",{d:"M13.6167 8.936c-.1065.3583-.6883.962-1.4875.962-.7993 0-1.653-.9165-1.653-2.1258v-.5678c0-1.2548.7896-2.1016 1.653-2.1016.8634 0 1.3601.4778 1.4875 1.0724M9 6c-.1352-.4735-.7506-.9219-1.46-.8972-.7092.0246-1.344.57-1.344 1.2166s.4198.8812 1.3445.9805C8.465 7.3992 8.968 7.9337 9 8.5c.032.5663-.454 1.398-1.4595 1.398C6.6593 9.898 6 9 5.963 8.4851m-1.4748.5368c-.2635.5941-.8099.876-1.5443.876s-1.7073-.6248-1.7073-2.204v-.4603c0-1.0416.721-2.131 1.7073-2.131.9864 0 1.6425 1.031 1.5443 2.2492h-2.956"}))),r.createElement("span",{className:"DocSearch-Label"},h))))}function Et(e){var t=e.hit,n=e.children;return r.createElement("a",{href:t.url},n)}function _t(){return r.createElement("svg",{viewBox:"0 0 38 38",stroke:"currentColor",strokeOpacity:".5"},r.createElement("g",{fill:"none",fillRule:"evenodd"},r.createElement("g",{transform:"translate(1 1)",strokeWidth:"2"},r.createElement("circle",{strokeOpacity:".3",cx:"18",cy:"18",r:"18"}),r.createElement("path",{d:"M36 18c0-9.94-8.06-18-18-18"},r.createElement("animateTransform",{attributeName:"transform",type:"rotate",from:"0 18 18",to:"360 18 18",dur:"1s",repeatCount:"indefinite"})))))}function Ct(){return r.createElement("svg",{width:"20",height:"20",viewBox:"0 0 20 20"},r.createElement("g",{stroke:"currentColor",fill:"none",fillRule:"evenodd",strokeLinecap:"round",strokeLinejoin:"round"},r.createElement("path",{d:"M3.18 6.6a8.23 8.23 0 1112.93 9.94h0a8.23 8.23 0 01-11.63 0"}),r.createElement("path",{d:"M6.44 7.25H2.55V3.36M10.45 6v5.6M10.45 11.6L13 13"})))}function At(){return r.createElement("svg",{width:"20",height:"20",viewBox:"0 0 20 20"},r.createElement("path",{d:"M10 10l5.09-5.09L10 10l5.09 5.09L10 10zm0 0L4.91 4.91 10 10l-5.09 5.09L10 10z",stroke:"currentColor",fill:"none",fillRule:"evenodd",strokeLinecap:"round",strokeLinejoin:"round"}))}function Ot(){return r.createElement("svg",{className:"DocSearch-Hit-Select-Icon",width:"20",height:"20",viewBox:"0 0 20 20"},r.createElement("g",{stroke:"currentColor",fill:"none",fillRule:"evenodd",strokeLinecap:"round",strokeLinejoin:"round"},r.createElement("path",{d:"M18 3v4c0 2-2 4-4 4H2"}),r.createElement("path",{d:"M8 17l-6-6 6-6"})))}var Tt=function(){return r.createElement("svg",{width:"20",height:"20",viewBox:"0 0 20 20"},r.createElement("path",{d:"M17 6v12c0 .52-.2 1-1 1H4c-.7 0-1-.33-1-1V2c0-.55.42-1 1-1h8l5 5zM14 8h-3.13c-.51 0-.87-.34-.87-.87V4",stroke:"currentColor",fill:"none",fillRule:"evenodd",strokeLinejoin:"round"}))};function Pt(e){switch(e.type){case"lvl1":return r.createElement(Tt,null);case"content":return r.createElement(It,null);default:return r.createElement(Lt,null)}}function Lt(){return r.createElement("svg",{width:"20",height:"20",viewBox:"0 0 20 20"},r.createElement("path",{d:"M13 13h4-4V8H7v5h6v4-4H7V8H3h4V3v5h6V3v5h4-4v5zm-6 0v4-4H3h4z",stroke:"currentColor",fill:"none",fillRule:"evenodd",strokeLinecap:"round",strokeLinejoin:"round"}))}function It(){return r.createElement("svg",{width:"20",height:"20",viewBox:"0 0 20 20"},r.createElement("path",{d:"M17 5H3h14zm0 5H3h14zm0 5H3h14z",stroke:"currentColor",fill:"none",fillRule:"evenodd",strokeLinejoin:"round"}))}function Rt(){return r.createElement("svg",{width:"20",height:"20",viewBox:"0 0 20 20"},r.createElement("path",{d:"M10 14.2L5 17l1-5.6-4-4 5.5-.7 2.5-5 2.5 5 5.6.8-4 4 .9 5.5z",stroke:"currentColor",fill:"none",fillRule:"evenodd",strokeLinejoin:"round"}))}function Nt(){return r.createElement("svg",{width:"40",height:"40",viewBox:"0 0 20 20",fill:"none",fillRule:"evenodd",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round"},r.createElement("path",{d:"M19 4.8a16 16 0 00-2-1.2m-3.3-1.2A16 16 0 001.1 4.7M16.7 8a12 12 0 00-2.8-1.4M10 6a12 12 0 00-6.7 2M12.3 14.7a4 4 0 00-4.5 0M14.5 11.4A8 8 0 0010 10M3 16L18 2M10 18h0"}))}function Dt(){return r.createElement("svg",{width:"40",height:"40",viewBox:"0 0 20 20",fill:"none",fillRule:"evenodd",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round"},r.createElement("path",{d:"M15.5 4.8c2 3 1.7 7-1 9.7h0l4.3 4.3-4.3-4.3a7.8 7.8 0 01-9.8 1m-2.2-2.2A7.8 7.8 0 0113.2 2.4M2 18L18 2"}))}function Mt(e){var t=e.translations,n=void 0===t?{}:t,o=n.titleText,a=void 0===o?"Unable to fetch results":o,i=n.helpText,s=void 0===i?"You might want to check your network connection.":i;return r.createElement("div",{className:"DocSearch-ErrorScreen"},r.createElement("div",{className:"DocSearch-Screen-Icon"},r.createElement(Nt,null)),r.createElement("p",{className:"DocSearch-Title"},a),r.createElement("p",{className:"DocSearch-Help"},s))}var Ft=["translations"];function zt(e){var t=e.translations,n=void 0===t?{}:t,o=l(e,Ft),a=n.noResultsText,i=void 0===a?"No results for":a,s=n.suggestedQueryText,c=void 0===s?"Try searching for":s,d=n.reportMissingResultsText,p=void 0===d?"Believe this query should return results?":d,f=n.reportMissingResultsLinkText,m=void 0===f?"Let us know.":f,h=o.state.context.searchSuggestions;return r.createElement("div",{className:"DocSearch-NoResults"},r.createElement("div",{className:"DocSearch-Screen-Icon"},r.createElement(Dt,null)),r.createElement("p",{className:"DocSearch-Title"},i,' "',r.createElement("strong",null,o.state.query),'"'),h&&h.length>0&&r.createElement("div",{className:"DocSearch-NoResults-Prefill-List"},r.createElement("p",{className:"DocSearch-Help"},c,":"),r.createElement("ul",null,h.slice(0,3).reduce((function(e,t){return[].concat(u(e),[r.createElement("li",{key:t},r.createElement("button",{className:"DocSearch-Prefill",key:t,type:"button",onClick:function(){o.setQuery(t.toLowerCase()+" "),o.refresh(),o.inputRef.current.focus()}},t))])}),[]))),o.getMissingResultsUrl&&r.createElement("p",{className:"DocSearch-Help"},"".concat(p," "),r.createElement("a",{href:o.getMissingResultsUrl({query:o.state.query}),target:"_blank",rel:"noopener noreferrer"},m)))}var Bt=["hit","attribute","tagName"];function Ut(e,t){return t.split(".").reduce((function(e,t){return null!=e&&e[t]?e[t]:null}),e)}function qt(e){var t=e.hit,n=e.attribute,o=e.tagName,i=void 0===o?"span":o,s=l(e,Bt);return(0,r.createElement)(i,a(a({},s),{},{dangerouslySetInnerHTML:{__html:Ut(t,"_snippetResult.".concat(n,".value"))||Ut(t,n)}}))}function $t(e){return e.collection&&0!==e.collection.items.length?r.createElement("section",{className:"DocSearch-Hits"},r.createElement("div",{className:"DocSearch-Hit-source"},e.title),r.createElement("ul",e.getListProps(),e.collection.items.map((function(t,n){return r.createElement(Ht,s({key:[e.title,t.objectID].join(":"),item:t,index:n},e))})))):null}function Ht(e){var t=e.item,n=e.index,o=e.renderIcon,a=e.renderAction,i=e.getItemProps,l=e.onItemClick,u=e.collection,d=e.hitComponent,p=c(r.useState(!1),2),f=p[0],m=p[1],h=c(r.useState(!1),2),g=h[0],b=h[1],y=r.useRef(null),v=d;return r.createElement("li",s({className:["DocSearch-Hit",t.__docsearch_parent&&"DocSearch-Hit--Child",f&&"DocSearch-Hit--deleting",g&&"DocSearch-Hit--favoriting"].filter(Boolean).join(" "),onTransitionEnd:function(){y.current&&y.current()}},i({item:t,source:u.source,onClick:function(e){l(t,e)}})),r.createElement(v,{hit:t},r.createElement("div",{className:"DocSearch-Hit-Container"},o({item:t,index:n}),t.hierarchy[t.type]&&"lvl1"===t.type&&r.createElement("div",{className:"DocSearch-Hit-content-wrapper"},r.createElement(qt,{className:"DocSearch-Hit-title",hit:t,attribute:"hierarchy.lvl1"}),t.content&&r.createElement(qt,{className:"DocSearch-Hit-path",hit:t,attribute:"content"})),t.hierarchy[t.type]&&("lvl2"===t.type||"lvl3"===t.type||"lvl4"===t.type||"lvl5"===t.type||"lvl6"===t.type)&&r.createElement("div",{className:"DocSearch-Hit-content-wrapper"},r.createElement(qt,{className:"DocSearch-Hit-title",hit:t,attribute:"hierarchy.".concat(t.type)}),r.createElement(qt,{className:"DocSearch-Hit-path",hit:t,attribute:"hierarchy.lvl1"})),"content"===t.type&&r.createElement("div",{className:"DocSearch-Hit-content-wrapper"},r.createElement(qt,{className:"DocSearch-Hit-title",hit:t,attribute:"content"}),r.createElement(qt,{className:"DocSearch-Hit-path",hit:t,attribute:"hierarchy.lvl1"})),a({item:t,runDeleteTransition:function(e){m(!0),y.current=e},runFavoriteTransition:function(e){b(!0),y.current=e}}))))}function Vt(e,t,n){return e.reduce((function(e,r){var o=t(r);return e.hasOwnProperty(o)||(e[o]=[]),e[o].length<(n||5)&&e[o].push(r),e}),{})}function Gt(e){return e}function Wt(e){return 1===e.button||e.altKey||e.ctrlKey||e.metaKey||e.shiftKey}function Kt(){}var Qt=/(<mark>|<\/mark>)/g,Yt=RegExp(Qt.source);function Zt(e){var t,n,r=e;if(!r.__docsearch_parent&&!e._highlightResult)return e.hierarchy.lvl0;var o=r.__docsearch_parent?null===(t=r.__docsearch_parent)||void 0===t||null===(t=t._highlightResult)||void 0===t||null===(t=t.hierarchy)||void 0===t?void 0:t.lvl0:null===(n=e._highlightResult)||void 0===n||null===(n=n.hierarchy)||void 0===n?void 0:n.lvl0;return o?o.value&&Yt.test(o.value)?o.value.replace(Qt,""):o.value:e.hierarchy.lvl0}function Jt(e){return r.createElement("div",{className:"DocSearch-Dropdown-Container"},e.state.collections.map((function(t){if(0===t.items.length)return null;var n=Zt(t.items[0]);return r.createElement($t,s({},e,{key:t.source.sourceId,title:n,collection:t,renderIcon:function(e){var n,o=e.item,a=e.index;return r.createElement(r.Fragment,null,o.__docsearch_parent&&r.createElement("svg",{className:"DocSearch-Hit-Tree",viewBox:"0 0 24 54"},r.createElement("g",{stroke:"currentColor",fill:"none",fillRule:"evenodd",strokeLinecap:"round",strokeLinejoin:"round"},o.__docsearch_parent!==(null===(n=t.items[a+1])||void 0===n?void 0:n.__docsearch_parent)?r.createElement("path",{d:"M8 6v21M20 27H8.3"}):r.createElement("path",{d:"M8 6v42M20 27H8.3"}))),r.createElement("div",{className:"DocSearch-Hit-icon"},r.createElement(Pt,{type:o.type})))},renderAction:function(){return r.createElement("div",{className:"DocSearch-Hit-action"},r.createElement(Ot,null))}}))})),e.resultsFooterComponent&&r.createElement("section",{className:"DocSearch-HitsFooter"},r.createElement(e.resultsFooterComponent,{state:e.state})))}var Xt=["translations"];function en(e){var t=e.translations,n=void 0===t?{}:t,o=l(e,Xt),a=n.recentSearchesTitle,i=void 0===a?"Recent":a,c=n.noRecentSearchesText,u=void 0===c?"No recent searches":c,d=n.saveRecentSearchButtonTitle,p=void 0===d?"Save this search":d,f=n.removeRecentSearchButtonTitle,m=void 0===f?"Remove this search from history":f,h=n.favoriteSearchesTitle,g=void 0===h?"Favorite":h,b=n.removeFavoriteSearchButtonTitle,y=void 0===b?"Remove this search from favorites":b;return"idle"===o.state.status&&!1===o.hasCollections?o.disableUserPersonalization?null:r.createElement("div",{className:"DocSearch-StartScreen"},r.createElement("p",{className:"DocSearch-Help"},u)):!1===o.hasCollections?null:r.createElement("div",{className:"DocSearch-Dropdown-Container"},r.createElement($t,s({},o,{title:i,collection:o.state.collections[0],renderIcon:function(){return r.createElement("div",{className:"DocSearch-Hit-icon"},r.createElement(Ct,null))},renderAction:function(e){var t=e.item,n=e.runFavoriteTransition,a=e.runDeleteTransition;return r.createElement(r.Fragment,null,r.createElement("div",{className:"DocSearch-Hit-action"},r.createElement("button",{className:"DocSearch-Hit-action-button",title:p,type:"submit",onClick:function(e){e.preventDefault(),e.stopPropagation(),n((function(){o.favoriteSearches.add(t),o.recentSearches.remove(t),o.refresh()}))}},r.createElement(Rt,null))),r.createElement("div",{className:"DocSearch-Hit-action"},r.createElement("button",{className:"DocSearch-Hit-action-button",title:m,type:"submit",onClick:function(e){e.preventDefault(),e.stopPropagation(),a((function(){o.recentSearches.remove(t),o.refresh()}))}},r.createElement(At,null))))}})),r.createElement($t,s({},o,{title:g,collection:o.state.collections[1],renderIcon:function(){return r.createElement("div",{className:"DocSearch-Hit-icon"},r.createElement(Rt,null))},renderAction:function(e){var t=e.item,n=e.runDeleteTransition;return r.createElement("div",{className:"DocSearch-Hit-action"},r.createElement("button",{className:"DocSearch-Hit-action-button",title:y,type:"submit",onClick:function(e){e.preventDefault(),e.stopPropagation(),n((function(){o.favoriteSearches.remove(t),o.refresh()}))}},r.createElement(At,null)))}})))}var tn=["translations"],nn=r.memo((function(e){var t=e.translations,n=void 0===t?{}:t,o=l(e,tn);if("error"===o.state.status)return r.createElement(Mt,{translations:null==n?void 0:n.errorScreen});var a=o.state.collections.some((function(e){return e.items.length>0}));return o.state.query?!1===a?r.createElement(zt,s({},o,{translations:null==n?void 0:n.noResultsScreen})):r.createElement(Jt,o):r.createElement(en,s({},o,{hasCollections:a,translations:null==n?void 0:n.startScreen}))}),(function(e,t){return"loading"===t.state.status||"stalled"===t.state.status})),rn=["translations"];function on(e){var t=e.translations,n=void 0===t?{}:t,o=l(e,rn),a=n.resetButtonTitle,i=void 0===a?"Clear the query":a,c=n.resetButtonAriaLabel,u=void 0===c?"Clear the query":c,d=n.cancelButtonText,p=void 0===d?"Cancel":d,f=n.cancelButtonAriaLabel,h=void 0===f?"Cancel":f,g=n.searchInputLabel,b=void 0===g?"Search":g,y=o.getFormProps({inputElement:o.inputRef.current}).onReset;return r.useEffect((function(){o.autoFocus&&o.inputRef.current&&o.inputRef.current.focus()}),[o.autoFocus,o.inputRef]),r.useEffect((function(){o.isFromSelection&&o.inputRef.current&&o.inputRef.current.select()}),[o.isFromSelection,o.inputRef]),r.createElement(r.Fragment,null,r.createElement("form",{className:"DocSearch-Form",onSubmit:function(e){e.preventDefault()},onReset:y},r.createElement("label",s({className:"DocSearch-MagnifierLabel"},o.getLabelProps()),r.createElement(m,null),r.createElement("span",{className:"DocSearch-VisuallyHiddenForAccessibility"},b)),r.createElement("div",{className:"DocSearch-LoadingIndicator"},r.createElement(_t,null)),r.createElement("input",s({className:"DocSearch-Input",ref:o.inputRef},o.getInputProps({inputElement:o.inputRef.current,autoFocus:o.autoFocus,maxLength:64}))),r.createElement("button",{type:"reset",title:i,className:"DocSearch-Reset","aria-label":u,hidden:!o.state.query},r.createElement(At,null))),r.createElement("button",{className:"DocSearch-Cancel",type:"reset","aria-label":h,onClick:o.onClose},p))}var an=["_highlightResult","_snippetResult"];function sn(e){var t=e.key,n=e.limit,r=void 0===n?5:n,o=function(e){return!1===function(){var e="__TEST_KEY__";try{return localStorage.setItem(e,""),localStorage.removeItem(e),!0}catch(e){return!1}}()?{setItem:function(){},getItem:function(){return[]}}:{setItem:function(t){return window.localStorage.setItem(e,JSON.stringify(t))},getItem:function(){var t=window.localStorage.getItem(e);return t?JSON.parse(t):[]}}}(t),a=o.getItem().slice(0,r);return{add:function(e){var t=e,n=(t._highlightResult,t._snippetResult,l(t,an)),i=a.findIndex((function(e){return e.objectID===n.objectID}));i>-1&&a.splice(i,1),a.unshift(n),a=a.slice(0,r),o.setItem(a)},remove:function(e){a=a.filter((function(t){return t.objectID!==e.objectID})),o.setItem(a)},getAll:function(){return a}}}function ln(e){const t=`algoliasearch-client-js-${e.key}`;let n;const r=()=>(void 0===n&&(n=e.localStorage||window.localStorage),n),o=()=>JSON.parse(r().getItem(t)||"{}"),a=e=>{r().setItem(t,JSON.stringify(e))};return{get:(t,n,r={miss:()=>Promise.resolve()})=>Promise.resolve().then((()=>{(()=>{const t=e.timeToLive?1e3*e.timeToLive:null,n=o(),r=Object.fromEntries(Object.entries(n).filter((([,e])=>void 0!==e.timestamp)));if(a(r),!t)return;const i=Object.fromEntries(Object.entries(r).filter((([,e])=>{const n=(new Date).getTime();return!(e.timestamp+t<n)})));a(i)})();const n=JSON.stringify(t);return o()[n]})).then((e=>Promise.all([e?e.value:n(),void 0!==e]))).then((([e,t])=>Promise.all([e,t||r.miss(e)]))).then((([e])=>e)),set:(e,n)=>Promise.resolve().then((()=>{const a=o();return a[JSON.stringify(e)]={timestamp:(new Date).getTime(),value:n},r().setItem(t,JSON.stringify(a)),n})),delete:e=>Promise.resolve().then((()=>{const n=o();delete n[JSON.stringify(e)],r().setItem(t,JSON.stringify(n))})),clear:()=>Promise.resolve().then((()=>{r().removeItem(t)}))}}function cn(e){const t=[...e.caches],n=t.shift();return void 0===n?{get:(e,t,n={miss:()=>Promise.resolve()})=>t().then((e=>Promise.all([e,n.miss(e)]))).then((([e])=>e)),set:(e,t)=>Promise.resolve(t),delete:e=>Promise.resolve(),clear:()=>Promise.resolve()}:{get:(e,r,o={miss:()=>Promise.resolve()})=>n.get(e,r,o).catch((()=>cn({caches:t}).get(e,r,o))),set:(e,r)=>n.set(e,r).catch((()=>cn({caches:t}).set(e,r))),delete:e=>n.delete(e).catch((()=>cn({caches:t}).delete(e))),clear:()=>n.clear().catch((()=>cn({caches:t}).clear()))}}function un(e={serializable:!0}){let t={};return{get(n,r,o={miss:()=>Promise.resolve()}){const a=JSON.stringify(n);if(a in t)return Promise.resolve(e.serializable?JSON.parse(t[a]):t[a]);const i=r(),s=o&&o.miss||(()=>Promise.resolve());return i.then((e=>s(e))).then((()=>i))},set:(n,r)=>(t[JSON.stringify(n)]=e.serializable?JSON.stringify(r):r,Promise.resolve(r)),delete:e=>(delete t[JSON.stringify(e)],Promise.resolve()),clear:()=>(t={},Promise.resolve())}}function dn(e){let t=e.length-1;for(;t>0;t--){const n=Math.floor(Math.random()*(t+1)),r=e[t];e[t]=e[n],e[n]=r}return e}function pn(e,t){return t?(Object.keys(t).forEach((n=>{e[n]=t[n](e)})),e):e}function fn(e,...t){let n=0;return e.replace(/%s/g,(()=>encodeURIComponent(t[n++])))}const mn={WithinQueryParameters:0,WithinHeaders:1};function hn(e,t){const n=e||{},r=n.data||{};return Object.keys(n).forEach((e=>{-1===["timeout","headers","queryParameters","data","cacheable"].indexOf(e)&&(r[e]=n[e])})),{data:Object.entries(r).length>0?r:void 0,timeout:n.timeout||t,headers:n.headers||{},queryParameters:n.queryParameters||{},cacheable:n.cacheable}}const gn={Read:1,Write:2,Any:3},bn=1,yn=3;function vn(e,t=bn){return{...e,status:t,lastUpdate:Date.now()}}function wn(e){return"string"==typeof e?{protocol:"https",url:e,accept:gn.Any}:{protocol:e.protocol||"https",url:e.url,accept:e.accept||gn.Any}}const Sn="GET",xn="POST";function kn(e,t,n,r){const o=[],a=function(e,t){if(e.method===Sn||void 0===e.data&&void 0===t.data)return;const n=Array.isArray(e.data)?e.data:{...e.data,...t.data};return JSON.stringify(n)}(n,r),i=function(e,t){const n={...e.headers,...t.headers},r={};return Object.keys(n).forEach((e=>{const t=n[e];r[e.toLowerCase()]=t})),r}(e,r),s=n.method,l=n.method!==Sn?{}:{...n.data,...r.data},c={"x-algolia-agent":e.userAgent.value,...e.queryParameters,...l,...r.queryParameters};let u=0;const d=(t,l)=>{const p=t.pop();if(void 0===p)throw{name:"RetryError",message:"Unreachable hosts - your application id may be incorrect. If the error persists, contact support@algolia.com.",transporterStackTrace:Cn(o)};const f={data:a,headers:i,method:s,url:En(p,n.path,c),connectTimeout:l(u,e.timeouts.connect),responseTimeout:l(u,r.timeout)},m=e=>{const n={request:f,response:e,host:p,triesLeft:t.length};return o.push(n),n},h={onSuccess:e=>function(e){try{return JSON.parse(e.content)}catch(t){throw function(e,t){return{name:"DeserializationError",message:e,response:t}}(t.message,e)}}(e),onRetry(n){const r=m(n);return n.isTimedOut&&u++,Promise.all([e.logger.info("Retryable failure",An(r)),e.hostsCache.set(p,vn(p,n.isTimedOut?yn:2))]).then((()=>d(t,l)))},onFail(e){throw m(e),function({content:e,status:t},n){let r=e;try{r=JSON.parse(e).message}catch(e){}return function(e,t,n){return{name:"ApiError",message:e,status:t,transporterStackTrace:n}}(r,t,n)}(e,Cn(o))}};return e.requester.send(f).then((e=>((e,t)=>(e=>{const t=e.status;return e.isTimedOut||(({isTimedOut:e,status:t})=>!e&&!~~t)(e)||2!=~~(t/100)&&4!=~~(t/100)})(e)?t.onRetry(e):(({status:e})=>2==~~(e/100))(e)?t.onSuccess(e):t.onFail(e))(e,h)))};return function(e,t){return Promise.all(t.map((t=>e.get(t,(()=>Promise.resolve(vn(t))))))).then((e=>{const n=e.filter((e=>function(e){return e.status===bn||Date.now()-e.lastUpdate>12e4}(e))),r=e.filter((e=>function(e){return e.status===yn&&Date.now()-e.lastUpdate<=12e4}(e))),o=[...n,...r];return{getTimeout:(e,t)=>(0===r.length&&0===e?1:r.length+3+e)*t,statelessHosts:o.length>0?o.map((e=>wn(e))):t}}))}(e.hostsCache,t).then((e=>d([...e.statelessHosts].reverse(),e.getTimeout)))}function jn(e){const t={value:`Algolia for JavaScript (${e})`,add(e){const n=`; ${e.segment}${void 0!==e.version?` (${e.version})`:""}`;return-1===t.value.indexOf(n)&&(t.value=`${t.value}${n}`),t}};return t}function En(e,t,n){const r=_n(n);let o=`${e.protocol}://${e.url}/${"/"===t.charAt(0)?t.substr(1):t}`;return r.length&&(o+=`?${r}`),o}function _n(e){return Object.keys(e).map((t=>{return fn("%s=%s",t,(n=e[t],"[object Object]"===Object.prototype.toString.call(n)||"[object Array]"===Object.prototype.toString.call(n)?JSON.stringify(e[t]):e[t]));var n})).join("&")}function Cn(e){return e.map((e=>An(e)))}function An(e){const t=e.request.headers["x-algolia-api-key"]?{"x-algolia-api-key":"*****"}:{};return{...e,request:{...e.request,headers:{...e.request.headers,...t}}}}const On=e=>{const t=e.appId,n=function(e,t,n){const r={"x-algolia-api-key":n,"x-algolia-application-id":t};return{headers:()=>e===mn.WithinHeaders?r:{},queryParameters:()=>e===mn.WithinQueryParameters?r:{}}}(void 0!==e.authMode?e.authMode:mn.WithinHeaders,t,e.apiKey),r=function(e){const{hostsCache:t,logger:n,requester:r,requestsCache:o,responsesCache:a,timeouts:i,userAgent:s,hosts:l,queryParameters:c,headers:u}=e,d={hostsCache:t,logger:n,requester:r,requestsCache:o,responsesCache:a,timeouts:i,userAgent:s,headers:u,queryParameters:c,hosts:l.map((e=>wn(e))),read(e,t){const n=hn(t,d.timeouts.read),r=()=>kn(d,d.hosts.filter((e=>!!(e.accept&gn.Read))),e,n);if(!0!==(void 0!==n.cacheable?n.cacheable:e.cacheable))return r();const o={request:e,mappedRequestOptions:n,transporter:{queryParameters:d.queryParameters,headers:d.headers}};return d.responsesCache.get(o,(()=>d.requestsCache.get(o,(()=>d.requestsCache.set(o,r()).then((e=>Promise.all([d.requestsCache.delete(o),e])),(e=>Promise.all([d.requestsCache.delete(o),Promise.reject(e)]))).then((([e,t])=>t))))),{miss:e=>d.responsesCache.set(o,e)})},write:(e,t)=>kn(d,d.hosts.filter((e=>!!(e.accept&gn.Write))),e,hn(t,d.timeouts.write))};return d}({hosts:[{url:`${t}-dsn.algolia.net`,accept:gn.Read},{url:`${t}.algolia.net`,accept:gn.Write}].concat(dn([{url:`${t}-1.algolianet.com`},{url:`${t}-2.algolianet.com`},{url:`${t}-3.algolianet.com`}])),...e,headers:{...n.headers(),"content-type":"application/x-www-form-urlencoded",...e.headers},queryParameters:{...n.queryParameters(),...e.queryParameters}}),o={transporter:r,appId:t,addAlgoliaAgent(e,t){r.userAgent.add({segment:e,version:t})},clearCache:()=>Promise.all([r.requestsCache.clear(),r.responsesCache.clear()]).then((()=>{}))};return pn(o,e.methods)},Tn=e=>(t,n)=>t.method===Sn?e.transporter.read(t,n):e.transporter.write(t,n),Pn=e=>(t,n={})=>pn({transporter:e.transporter,appId:e.appId,indexName:t},n.methods),Ln=e=>(t,n)=>{const r=t.map((e=>({...e,params:_n(e.params||{})})));return e.transporter.read({method:xn,path:"1/indexes/*/queries",data:{requests:r},cacheable:!0},n)},In=e=>(t,n)=>Promise.all(t.map((t=>{const{facetName:r,facetQuery:o,...a}=t.params;return Pn(e)(t.indexName,{methods:{searchForFacetValues:Dn}}).searchForFacetValues(r,o,{...n,...a})}))),Rn=e=>(t,n,r)=>e.transporter.read({method:xn,path:fn("1/answers/%s/prediction",e.indexName),data:{query:t,queryLanguages:n},cacheable:!0},r),Nn=e=>(t,n)=>e.transporter.read({method:xn,path:fn("1/indexes/%s/query",e.indexName),data:{query:t},cacheable:!0},n),Dn=e=>(t,n,r)=>e.transporter.read({method:xn,path:fn("1/indexes/%s/facets/%s/query",e.indexName,t),data:{facetQuery:n},cacheable:!0},r),Mn=1,Fn=2,zn=3;function Bn(e,t,n){const r={appId:e,apiKey:t,timeouts:{connect:1,read:2,write:30},requester:{send:e=>new Promise((t=>{const n=new XMLHttpRequest;n.open(e.method,e.url,!0),Object.keys(e.headers).forEach((t=>n.setRequestHeader(t,e.headers[t])));const r=(e,r)=>setTimeout((()=>{n.abort(),t({status:0,content:r,isTimedOut:!0})}),1e3*e),o=r(e.connectTimeout,"Connection timeout");let a;n.onreadystatechange=()=>{n.readyState>n.OPENED&&void 0===a&&(clearTimeout(o),a=r(e.responseTimeout,"Socket timeout"))},n.onerror=()=>{0===n.status&&(clearTimeout(o),clearTimeout(a),t({content:n.responseText||"Network request failed",status:n.status,isTimedOut:!1}))},n.onload=()=>{clearTimeout(o),clearTimeout(a),t({content:n.responseText,status:n.status,isTimedOut:!1})},n.send(e.data)}))},logger:(o=zn,{debug:(e,t)=>(Mn>=o&&console.debug(e,t),Promise.resolve()),info:(e,t)=>(Fn>=o&&console.info(e,t),Promise.resolve()),error:(e,t)=>(console.error(e,t),Promise.resolve())}),responsesCache:un(),requestsCache:un({serializable:!1}),hostsCache:cn({caches:[ln({key:`4.19.1-${e}`}),un()]}),userAgent:jn("4.19.1").add({segment:"Browser",version:"lite"}),authMode:mn.WithinQueryParameters};var o;return On({...r,...n,methods:{search:Ln,searchForFacetValues:In,multipleQueries:Ln,multipleSearchForFacetValues:In,customRequest:Tn,initIndex:e=>t=>Pn(e)(t,{methods:{search:Nn,searchForFacetValues:Dn,findAnswers:Rn}})}})}Bn.version="4.19.1";var Un=["footer","searchBox"];function qn(e){var t=e.appId,n=e.apiKey,o=e.indexName,i=e.placeholder,u=void 0===i?"Search docs":i,d=e.searchParameters,p=e.maxResultsPerGroup,f=e.onClose,m=void 0===f?Kt:f,h=e.transformItems,g=void 0===h?Gt:h,b=e.hitComponent,y=void 0===b?Et:b,v=e.resultsFooterComponent,w=void 0===v?function(){return null}:v,S=e.navigator,x=e.initialScrollY,k=void 0===x?0:x,j=e.transformSearchClient,E=void 0===j?Gt:j,_=e.disableUserPersonalization,C=void 0!==_&&_,A=e.initialQuery,O=void 0===A?"":A,T=e.translations,P=void 0===T?{}:T,L=e.getMissingResultsUrl,I=e.insights,R=void 0!==I&&I,N=P.footer,D=P.searchBox,M=l(P,Un),F=c(r.useState({query:"",collections:[],completion:null,context:{},isOpen:!1,activeItemId:null,status:"idle"}),2),z=F[0],B=F[1],U=r.useRef(null),q=r.useRef(null),$=r.useRef(null),H=r.useRef(null),V=r.useRef(null),G=r.useRef(10),W=r.useRef("undefined"!=typeof window?window.getSelection().toString().slice(0,64):"").current,K=r.useRef(O||W).current,Q=function(e,t,n){return r.useMemo((function(){var r=Bn(e,t);return r.addAlgoliaAgent("docsearch","3.6.2"),!1===/docsearch.js \(.*\)/.test(r.transporter.userAgent.value)&&r.addAlgoliaAgent("docsearch-react","3.6.2"),n(r)}),[e,t,n])}(t,n,E),Y=r.useRef(sn({key:"__DOCSEARCH_FAVORITE_SEARCHES__".concat(o),limit:10})).current,Z=r.useRef(sn({key:"__DOCSEARCH_RECENT_SEARCHES__".concat(o),limit:0===Y.getAll().length?7:4})).current,J=r.useCallback((function(e){if(!C){var t="content"===e.type?e.__docsearch_parent:e;t&&-1===Y.getAll().findIndex((function(e){return e.objectID===t.objectID}))&&Z.add(t)}}),[Y,Z,C]),X=r.useCallback((function(e){if(z.context.algoliaInsightsPlugin&&e.__autocomplete_id){var t=e,n={eventName:"Item Selected",index:t.__autocomplete_indexName,items:[t],positions:[e.__autocomplete_id],queryID:t.__autocomplete_queryID};z.context.algoliaInsightsPlugin.insights.clickedObjectIDsAfterSearch(n)}}),[z.context.algoliaInsightsPlugin]),ee=r.useMemo((function(){return St({id:"docsearch",defaultActiveItemId:0,placeholder:u,openOnFocus:!0,initialState:{query:K,context:{searchSuggestions:[]}},insights:R,navigator:S,onStateChange:function(e){B(e.state)},getSources:function(e){var r=e.query,i=e.state,s=e.setContext,l=e.setStatus;if(!r)return C?[]:[{sourceId:"recentSearches",onSelect:function(e){var t=e.item,n=e.event;J(t),Wt(n)||m()},getItemUrl:function(e){return e.item.url},getItems:function(){return Z.getAll()}},{sourceId:"favoriteSearches",onSelect:function(e){var t=e.item,n=e.event;J(t),Wt(n)||m()},getItemUrl:function(e){return e.item.url},getItems:function(){return Y.getAll()}}];var c=Boolean(R);return Q.search([{query:r,indexName:o,params:a({attributesToRetrieve:["hierarchy.lvl0","hierarchy.lvl1","hierarchy.lvl2","hierarchy.lvl3","hierarchy.lvl4","hierarchy.lvl5","hierarchy.lvl6","content","type","url"],attributesToSnippet:["hierarchy.lvl1:".concat(G.current),"hierarchy.lvl2:".concat(G.current),"hierarchy.lvl3:".concat(G.current),"hierarchy.lvl4:".concat(G.current),"hierarchy.lvl5:".concat(G.current),"hierarchy.lvl6:".concat(G.current),"content:".concat(G.current)],snippetEllipsisText:"\u2026",highlightPreTag:"<mark>",highlightPostTag:"</mark>",hitsPerPage:20,clickAnalytics:c},d)}]).catch((function(e){throw"RetryError"===e.name&&l("error"),e})).then((function(e){var r=e.results[0],l=r.hits,u=r.nbHits,d=Vt(l,(function(e){return Zt(e)}),p);i.context.searchSuggestions.length<Object.keys(d).length&&s({searchSuggestions:Object.keys(d)}),s({nbHits:u});var f={};return c&&(f={__autocomplete_indexName:o,__autocomplete_queryID:r.queryID,__autocomplete_algoliaCredentials:{appId:t,apiKey:n}}),Object.values(d).map((function(e,t){return{sourceId:"hits".concat(t),onSelect:function(e){var t=e.item,n=e.event;J(t),Wt(n)||m()},getItemUrl:function(e){return e.item.url},getItems:function(){return Object.values(Vt(e,(function(e){return e.hierarchy.lvl1}),p)).map(g).map((function(e){return e.map((function(t){var n=null,r=e.find((function(e){return"lvl1"===e.type&&e.hierarchy.lvl1===t.hierarchy.lvl1}));return"lvl1"!==t.type&&r&&(n=r),a(a({},t),{},{__docsearch_parent:n},f)}))})).flat()}}}))}))}})}),[o,d,p,Q,m,Z,Y,J,K,u,S,g,C,R,t,n]),te=ee.getEnvironmentProps,ne=ee.getRootProps,re=ee.refresh;return function(e){var t=e.getEnvironmentProps,n=e.panelElement,o=e.formElement,a=e.inputElement;r.useEffect((function(){if(n&&o&&a){var e=t({panelElement:n,formElement:o,inputElement:a}),r=e.onTouchStart,i=e.onTouchMove;return window.addEventListener("touchstart",r),window.addEventListener("touchmove",i),function(){window.removeEventListener("touchstart",r),window.removeEventListener("touchmove",i)}}}),[t,n,o,a])}({getEnvironmentProps:te,panelElement:H.current,formElement:$.current,inputElement:V.current}),function(e){var t=e.container;r.useEffect((function(){if(t){var e=t.querySelectorAll("a[href]:not([disabled]), button:not([disabled]), input:not([disabled])"),n=e[0],r=e[e.length-1];return t.addEventListener("keydown",o),function(){t.removeEventListener("keydown",o)}}function o(e){"Tab"===e.key&&(e.shiftKey?document.activeElement===n&&(e.preventDefault(),r.focus()):document.activeElement===r&&(e.preventDefault(),n.focus()))}}),[t])}({container:U.current}),r.useEffect((function(){return document.body.classList.add("DocSearch--active"),function(){var e,t;document.body.classList.remove("DocSearch--active"),null===(e=(t=window).scrollTo)||void 0===e||e.call(t,0,k)}}),[]),r.useEffect((function(){window.matchMedia("(max-width: 768px)").matches&&(G.current=5)}),[]),r.useEffect((function(){H.current&&(H.current.scrollTop=0)}),[z.query]),r.useEffect((function(){K.length>0&&(re(),V.current&&V.current.focus())}),[K,re]),r.useEffect((function(){function e(){if(q.current){var e=.01*window.innerHeight;q.current.style.setProperty("--docsearch-vh","".concat(e,"px"))}}return e(),window.addEventListener("resize",e),function(){window.removeEventListener("resize",e)}}),[]),r.createElement("div",s({ref:U},ne({"aria-expanded":!0}),{className:["DocSearch","DocSearch-Container","stalled"===z.status&&"DocSearch-Container--Stalled","error"===z.status&&"DocSearch-Container--Errored"].filter(Boolean).join(" "),role:"button",tabIndex:0,onMouseDown:function(e){e.target===e.currentTarget&&m()}}),r.createElement("div",{className:"DocSearch-Modal",ref:q},r.createElement("header",{className:"DocSearch-SearchBar",ref:$},r.createElement(on,s({},ee,{state:z,autoFocus:0===K.length,inputRef:V,isFromSelection:Boolean(K)&&K===W,translations:D,onClose:m}))),r.createElement("div",{className:"DocSearch-Dropdown",ref:H},r.createElement(nn,s({},ee,{indexName:o,state:z,hitComponent:y,resultsFooterComponent:w,disableUserPersonalization:C,recentSearches:Z,favoriteSearches:Y,inputRef:V,translations:M,getMissingResultsUrl:L,onItemClick:function(e,t){X(e),J(e),Wt(t)||m()}}))),r.createElement("footer",{className:"DocSearch-Footer"},r.createElement(jt,{translations:N}))))}function $n(e){var t=e.isOpen,n=e.onOpen,o=e.onClose,a=e.onInput,i=e.searchButtonRef;r.useEffect((function(){function e(e){var r;(27===e.keyCode&&t||"k"===(null===(r=e.key)||void 0===r?void 0:r.toLowerCase())&&(e.metaKey||e.ctrlKey)||!function(e){var t=e.target,n=t.tagName;return t.isContentEditable||"INPUT"===n||"SELECT"===n||"TEXTAREA"===n}(e)&&"/"===e.key&&!t)&&(e.preventDefault(),t?o():document.body.classList.contains("DocSearch--active")||document.body.classList.contains("DocSearch--active")||n()),i&&i.current===document.activeElement&&a&&/[a-zA-Z0-9]/.test(String.fromCharCode(e.keyCode))&&a(e)}return window.addEventListener("keydown",e),function(){window.removeEventListener("keydown",e)}}),[t,n,o,a,i])}},9927:(e,t,n)=>{var r={"./":6532};function o(e){var t=a(e);return n(t)}function a(e){if(!n.o(r,e)){var t=new Error("Cannot find module '"+e+"'");throw t.code="MODULE_NOT_FOUND",t}return r[e]}o.keys=function(){return Object.keys(r)},o.resolve=a,e.exports=o,o.id=9927},1377:(e,t,n)=>{"use strict";n.d(t,{A:()=>p});n(758);var r=n(9235),o=n.n(r),a=n(4054);const i={"012f76d8":[()=>n.e(1733).then(n.bind(n,5380)),"@site/i18n/ja/docusaurus-plugin-content-docs/current/about/promote/for-team.mdx",5380],"01a85c17":[()=>Promise.all([n.e(1869),n.e(8209)]).then(n.bind(n,7975)),"@theme/BlogTagsListPage",7975],"0288f121":[()=>n.e(6285).then(n.bind(n,8124)),"@site/i18n/ja/docusaurus-plugin-content-docs/current/guides/examples/auth.md",8124],"0289c23f":[()=>n.e(1436).then(n.bind(n,5510)),"@site/i18n/ja/docusaurus-plugin-content-docs/current/guides/examples/metric.mdx",5510],"05cea7a5":[()=>n.e(688).then(n.bind(n,4505)),"@site/i18n/ja/docusaurus-plugin-content-docs/current/get-started/cheatsheet.mdx",4505],"06894aee":[()=>n.e(1083).then(n.bind(n,6840)),"@site/i18n/ja/docusaurus-plugin-content-docs/current/guides/examples/autocompleted.mdx",6840],"0d985d97":[()=>n.e(6823).then(n.bind(n,917)),"@site/i18n/ja/docusaurus-plugin-content-docs/current/guides/migration/from-custom.md",917],"0fe5f65b":[()=>n.e(3970).then(n.bind(n,4059)),"@site/i18n/ja/docusaurus-plugin-content-docs/current/guides/examples/browser-api.mdx",4059],"12472d65":[()=>n.e(9248).then(n.bind(n,2792)),"@site/i18n/ja/docusaurus-plugin-content-docs/current/reference/layers.mdx",2792],"13884f15":[()=>n.e(7783).then(n.bind(n,3254)),"@site/i18n/ja/docusaurus-plugin-content-docs/current/about/mission.md",3254],"165a9db9":[()=>n.e(6916).then(n.bind(n,486)),"@site/i18n/ja/docusaurus-plugin-content-docs/current/about/alternatives.mdx",486],17896441:[()=>Promise.all([n.e(1869),n.e(4342),n.e(1617),n.e(8401)]).then(n.bind(n,3097)),"@theme/DocItem",3097],"179fe0e3":[()=>n.e(8973).then(n.bind(n,258)),"@site/i18n/ja/docusaurus-plugin-content-docs/current/about/promote/for-company.mdx",258],"1943626f":[()=>n.e(6726).then(n.bind(n,3952)),"@site/blog/2022-06-04-rebranding.md",3952],"1a4e3797":[()=>Promise.all([n.e(1869),n.e(2138)]).then(n.bind(n,4164)),"@theme/SearchPage",4164],"1df93b7f":[()=>Promise.all([n.e(1869),n.e(9820),n.e(7603),n.e(2511),n.e(4583)]).then(n.bind(n,3395)),"@site/src/pages/index.tsx",3395],"1ef93b0e":[()=>n.e(2900).then(n.bind(n,1095)),"@site/i18n/ja/docusaurus-plugin-content-docs/current/about/promote/partial-application.mdx",1095],"2380b188":[()=>n.e(7369).then(n.t.bind(n,3927,19)),"@generated/docusaurus-plugin-content-blog/default/p/ja-blog-tags-community-637.json",3927],"25a0b29f":[()=>n.e(422).then(n.bind(n,4688)),"@site/blog/2022-07-25-international-community.md?truncated=true",4688],"2b049514":[()=>n.e(4838).then(n.bind(n,6140)),"@site/i18n/ja/docusaurus-plugin-content-docs/current/guides/examples/platforms.mdx",6140],"32d45827":[()=>Promise.all([n.e(1869),n.e(2810)]).then(n.bind(n,5672)),"@site/i18n/ja/docusaurus-plugin-content-docs/current/intro.mdx",5672],"36994c47":[()=>n.e(9858).then(n.t.bind(n,5516,19)),"@generated/docusaurus-plugin-content-blog/default/__plugin.json",5516],"384f90b7":[()=>n.e(8038).then(n.bind(n,7957)),"@site/i18n/ja/docusaurus-plugin-content-docs/current/about/understanding/knowledge-types.md",7957],"40b15635":[()=>n.e(1957).then(n.bind(n,2219)),"@site/i18n/ja/docusaurus-plugin-content-docs/current/branding.md",2219],"419904cc":[()=>n.e(6778).then(n.bind(n,9300)),"@site/i18n/ja/docusaurus-plugin-content-docs/current/guides/tech/with-react-query.mdx",9300],43481703:[()=>n.e(971).then(n.bind(n,1132)),"@site/i18n/ja/docusaurus-plugin-content-docs/current/about/understanding/signals.mdx",1132],44843890:[()=>n.e(3705).then(n.bind(n,4135)),"@site/i18n/ja/docusaurus-plugin-content-docs/current/guides/issues/routes.mdx",4135],"459aea13":[()=>n.e(130).then(n.t.bind(n,6553,19)),"@generated/docusaurus-plugin-content-docs/default/p/ja-docs-646.json",6553],"45dd4bf3":[()=>n.e(1705).then(n.bind(n,4157)),"@site/i18n/ja/docusaurus-plugin-content-docs/current/guides/examples/types.md",4157],"5156988e":[()=>n.e(1650).then(n.t.bind(n,6680,19)),"@generated/docusaurus-plugin-content-blog/default/p/ja-blog-tags-ec9.json",6680],"5c333c6a":[()=>n.e(4064).then(n.bind(n,4774)),"@site/i18n/ja/docusaurus-plugin-content-docs/current/about/motivation.md",4774],"5cc32e33":[()=>Promise.all([n.e(1869),n.e(9820),n.e(3428)]).then(n.bind(n,2966)),"@site/i18n/ja/docusaurus-plugin-content-docs/current/get-started/index.mdx",2966],"5e95c892":[()=>n.e(9647).then(n.bind(n,9355)),"@theme/DocsRoot",9355],"5e9f5e1a":[()=>Promise.resolve().then(n.bind(n,4784)),"@generated/docusaurus.config",4784],"5fd46c70":[()=>n.e(3150).then(n.t.bind(n,9647,19)),"@generated/docusaurus-plugin-content-blog/default/p/ja-blog-tags-promo-73e.json",9647],"623ef7cc":[()=>n.e(1828).then(n.bind(n,1984)),"@site/i18n/ja/docusaurus-plugin-content-docs/current/get-started/tutorial.md",1984],"6875c492":[()=>Promise.all([n.e(1869),n.e(4342),n.e(8492),n.e(4813)]).then(n.bind(n,677)),"@theme/BlogTagsPostsPage",677],"6f39ea9f":[()=>n.e(4548).then(n.bind(n,5879)),"@site/i18n/ja/docusaurus-plugin-content-docs/current/guides/examples/feedback.mdx",5879],"7313bf7a":[()=>n.e(25).then(n.bind(n,7497)),"@site/i18n/en/docusaurus-plugin-content-docs/community/team.mdx",7497],"733708ab":[()=>n.e(1930).then(n.t.bind(n,140,19)),"@generated/docusaurus-plugin-content-blog/default/p/ja-blog-9df.json",140],"7911e77e":[()=>n.e(9081).then(n.t.bind(n,7677,19)),"@generated/docusaurus-plugin-content-blog/default/p/ja-blog-archive-b9d.json",7677],"7c24a3b7":[()=>Promise.all([n.e(1869),n.e(9820),n.e(3518)]).then(n.bind(n,934)),"@site/i18n/ja/docusaurus-plugin-content-docs/current/about/index.mdx",934],"814f3328":[()=>n.e(7472).then(n.t.bind(n,5513,19)),"~blog/default/blog-post-list-prop-default.json",5513],"8704bcbb":[()=>n.e(8945).then(n.bind(n,3567)),"@site/i18n/ja/docusaurus-plugin-content-docs/current/guides/examples/white-labels.mdx",3567],"871e0ed2":[()=>n.e(6749).then(n.bind(n,2866)),"@site/i18n/ja/docusaurus-plugin-content-docs/current/guides/tech/with-nextjs.mdx",2866],"88daebe4":[()=>n.e(8736).then(n.bind(n,9862)),"@site/i18n/ja/docusaurus-plugin-content-docs/current/guides/issues/desegmented.mdx",9862],"89dfa326":[()=>n.e(8036).then(n.bind(n,8635)),"@site/i18n/ja/docusaurus-plugin-content-docs/current/guides/examples/cms.mdx",8635],"8eb9ed98":[()=>n.e(2725).then(n.bind(n,8799)),"@site/i18n/ja/docusaurus-plugin-content-docs/current/guides/examples/monorepo.mdx",8799],"90f695cb":[()=>n.e(7673).then(n.bind(n,1448)),"@site/src/pages/versions/index.tsx",1448],"92d7a9ba":[()=>n.e(9840).then(n.bind(n,1058)),"@site/i18n/ja/docusaurus-plugin-content-docs/current/guides/tech/with-nuxtjs.mdx",1058],"9654fbea":[()=>n.e(187).then(n.bind(n,6609)),"@site/i18n/ja/docusaurus-plugin-content-docs/current/about/understanding/naming.md",6609],"9e4087bc":[()=>n.e(2711).then(n.bind(n,4757)),"@theme/BlogArchivePage",4757],a3319485:[()=>n.e(5193).then(n.bind(n,5686)),"@site/i18n/ja/docusaurus-plugin-content-docs/current/reference/isolation/decouple-entities.mdx",5686],a61c55ce:[()=>Promise.all([n.e(1869),n.e(9820),n.e(8964)]).then(n.bind(n,738)),"@site/i18n/en/docusaurus-plugin-content-docs/community/index.mdx",738],a6aa9e1f:[()=>Promise.all([n.e(1869),n.e(4342),n.e(8492),n.e(7643)]).then(n.bind(n,7110)),"@theme/BlogListPage",7110],a6e3103f:[()=>n.e(2082).then(n.bind(n,1867)),"@site/i18n/ja/docusaurus-plugin-content-docs/current/reference/isolation/index.md",1867],a7456010:[()=>n.e(1235).then(n.t.bind(n,8552,19)),"@generated/docusaurus-plugin-content-pages/default/__plugin.json",8552],a7bd4aaa:[()=>n.e(7098).then(n.bind(n,3614)),"@theme/DocVersionRoot",3614],a94703ab:[()=>Promise.all([n.e(1869),n.e(9048)]).then(n.bind(n,2963)),"@theme/DocRoot",2963],aba21aa0:[()=>n.e(5742).then(n.t.bind(n,7093,19)),"@generated/docusaurus-plugin-content-docs/default/__plugin.json",7093],acecf23e:[()=>n.e(1903).then(n.t.bind(n,1912,19)),"~blog/default/blogMetadata-default.json",1912],adada6d7:[()=>n.e(9385).then(n.bind(n,6184)),"@site/i18n/ja/docusaurus-plugin-content-docs/current/guides/examples/ssr.mdx",6184],b4a7b4dd:[()=>n.e(2799).then(n.bind(n,852)),"@site/i18n/ja/docusaurus-plugin-content-docs/current/guides/issues/cross-imports.mdx",852],b4c136e1:[()=>Promise.all([n.e(1869),n.e(7603),n.e(868)]).then(n.bind(n,1908)),"@site/src/pages/examples/index.tsx",1908],b5a59612:[()=>Promise.all([n.e(1869),n.e(9820),n.e(6846)]).then(n.bind(n,7068)),"@site/i18n/ja/docusaurus-plugin-content-docs/current/guides/index.mdx",7068],b816588c:[()=>n.e(6576).then(n.bind(n,5912)),"@site/i18n/ja/docusaurus-plugin-content-docs/current/about/understanding/abstractions.mdx",5912],ba5630e6:[()=>n.e(4685).then(n.bind(n,5074)),"@site/i18n/ja/docusaurus-plugin-content-docs/current/reference/public-api.md",5074],bc21bcd3:[()=>n.e(9223).then(n.bind(n,1069)),"@site/i18n/ja/docusaurus-plugin-content-docs/current/reference/isolation/coupling-cohesion.md",1069],bd483990:[()=>n.e(1970).then(n.bind(n,9507)),"@site/i18n/ja/docusaurus-plugin-content-docs/current/about/understanding/needs-driven.md",9507],c141421f:[()=>n.e(957).then(n.t.bind(n,936,19)),"@generated/docusaurus-theme-search-algolia/default/__plugin.json",936],c2a37d41:[()=>n.e(692).then(n.bind(n,5619)),"@site/i18n/ja/docusaurus-plugin-content-docs/current/about/promote/integration.mdx",5619],c4fb0dde:[()=>n.e(4051).then(n.t.bind(n,3829,19)),"@generated/docusaurus-plugin-content-docs/community/p/ja-community-e05.json",3829],ccc49370:[()=>Promise.all([n.e(1869),n.e(4342),n.e(8492),n.e(3249)]).then(n.bind(n,7446)),"@theme/BlogPostPage",7446],cef4bc17:[()=>n.e(7352).then(n.bind(n,6724)),"@site/i18n/ja/docusaurus-plugin-content-docs/current/guides/examples/page-layout.md",6724],cf4aad29:[()=>n.e(5).then(n.bind(n,4307)),"@site/i18n/ja/docusaurus-plugin-content-docs/current/guides/migration/from-v1.md",4307],d550a4de:[()=>n.e(1143).then(n.t.bind(n,5558,19)),"@generated/docusaurus-plugin-content-blog/default/p/ja-blog-tags-brand-511.json",5558],e0719818:[()=>n.e(5220).then(n.t.bind(n,8669,19)),"@generated/docusaurus-plugin-content-docs/community/__plugin.json",8669],e35da8fa:[()=>n.e(1028).then(n.bind(n,2822)),"@site/i18n/ja/docusaurus-plugin-content-docs/current/about/understanding/architecture.md",2822],e3945454:[()=>Promise.all([n.e(1869),n.e(9820),n.e(8268)]).then(n.bind(n,7472)),"@site/i18n/ja/docusaurus-plugin-content-docs/current/guides/examples/index.mdx",7472],e878a63e:[()=>n.e(9648).then(n.bind(n,8673)),"@site/i18n/ja/docusaurus-plugin-content-docs/current/guides/tech/with-sveltekit.mdx",8673],e8e5643e:[()=>Promise.all([n.e(1869),n.e(9820),n.e(728)]).then(n.bind(n,7445)),"@site/i18n/ja/docusaurus-plugin-content-docs/current/reference/index.mdx",7445],ebe661a9:[()=>n.e(7498).then(n.bind(n,9266)),"@site/i18n/ja/docusaurus-plugin-content-docs/current/get-started/overview.mdx",9266],ee07dce2:[()=>n.e(292).then(n.t.bind(n,2010,19)),"@generated/docusaurus-plugin-content-blog/default/p/ja-blog-tags-discord-b6d.json",2010],f2e71f4c:[()=>n.e(2441).then(n.bind(n,9813)),"@site/i18n/ja/docusaurus-plugin-content-docs/current/get-started/faq.md",9813],f382d530:[()=>n.e(7784).then(n.bind(n,2227)),"@site/i18n/ja/docusaurus-plugin-content-docs/current/guides/examples/theme.mdx",2227],f565db0c:[()=>Promise.all([n.e(1869),n.e(9534)]).then(n.bind(n,5352)),"@site/src/pages/nav/index.tsx",5352],f6760343:[()=>n.e(6956).then(n.bind(n,5540)),"@site/blog/2022-07-25-international-community.md",5540],f6bb872e:[()=>n.e(2563).then(n.bind(n,4204)),"@site/blog/2022-06-04-rebranding.md?truncated=true",4204],faa48f11:[()=>n.e(2151).then(n.bind(n,3658)),"@site/i18n/ja/docusaurus-plugin-content-docs/current/guides/examples/i18n.mdx",3658],fc907d4c:[()=>n.e(1403).then(n.bind(n,9828)),"@site/i18n/ja/docusaurus-plugin-content-docs/current/reference/slices-segments.mdx",9828]};var s=n(6070);function l(e){let{error:t,retry:n,pastDelay:r}=e;return t?(0,s.jsxs)("div",{style:{textAlign:"center",color:"#fff",backgroundColor:"#fa383e",borderColor:"#fa383e",borderStyle:"solid",borderRadius:"0.25rem",borderWidth:"1px",boxSizing:"border-box",display:"block",padding:"1rem",flex:"0 0 50%",marginLeft:"25%",marginRight:"25%",marginTop:"5rem",maxWidth:"50%",width:"100%"},children:[(0,s.jsx)("p",{children:String(t)}),(0,s.jsx)("div",{children:(0,s.jsx)("button",{type:"button",onClick:n,children:"Retry"})})]}):r?(0,s.jsx)("div",{style:{display:"flex",justifyContent:"center",alignItems:"center",height:"100vh"},children:(0,s.jsx)("svg",{id:"loader",style:{width:128,height:110,position:"absolute",top:"calc(100vh - 64%)"},viewBox:"0 0 45 45",xmlns:"http://www.w3.org/2000/svg",stroke:"#61dafb",children:(0,s.jsxs)("g",{fill:"none",fillRule:"evenodd",transform:"translate(1 1)",strokeWidth:"2",children:[(0,s.jsxs)("circle",{cx:"22",cy:"22",r:"6",strokeOpacity:"0",children:[(0,s.jsx)("animate",{attributeName:"r",begin:"1.5s",dur:"3s",values:"6;22",calcMode:"linear",repeatCount:"indefinite"}),(0,s.jsx)("animate",{attributeName:"stroke-opacity",begin:"1.5s",dur:"3s",values:"1;0",calcMode:"linear",repeatCount:"indefinite"}),(0,s.jsx)("animate",{attributeName:"stroke-width",begin:"1.5s",dur:"3s",values:"2;0",calcMode:"linear",repeatCount:"indefinite"})]}),(0,s.jsxs)("circle",{cx:"22",cy:"22",r:"6",strokeOpacity:"0",children:[(0,s.jsx)("animate",{attributeName:"r",begin:"3s",dur:"3s",values:"6;22",calcMode:"linear",repeatCount:"indefinite"}),(0,s.jsx)("animate",{attributeName:"stroke-opacity",begin:"3s",dur:"3s",values:"1;0",calcMode:"linear",repeatCount:"indefinite"}),(0,s.jsx)("animate",{attributeName:"stroke-width",begin:"3s",dur:"3s",values:"2;0",calcMode:"linear",repeatCount:"indefinite"})]}),(0,s.jsx)("circle",{cx:"22",cy:"22",r:"8",children:(0,s.jsx)("animate",{attributeName:"r",begin:"0s",dur:"1.5s",values:"6;1;2;3;4;5;6",calcMode:"linear",repeatCount:"indefinite"})})]})})}):null}var c=n(8116),u=n(8851);function d(e,t){if("*"===e)return o()({loading:l,loader:()=>n.e(9019).then(n.bind(n,9019)),modules:["@theme/NotFound"],webpack:()=>[9019],render(e,t){const n=e.default;return(0,s.jsx)(u.W,{value:{plugin:{name:"native",id:"default"}},children:(0,s.jsx)(n,{...t})})}});const r=a[`${e}-${t}`],d={},p=[],f=[],m=(0,c.A)(r);return Object.entries(m).forEach((e=>{let[t,n]=e;const r=i[n];r&&(d[t]=r[0],p.push(r[1]),f.push(r[2]))})),o().Map({loading:l,loader:d,modules:p,webpack:()=>f,render(t,n){const o=JSON.parse(JSON.stringify(r));Object.entries(t).forEach((t=>{let[n,r]=t;const a=r.default;if(!a)throw new Error(`The page component at ${e} doesn't have a default export. This makes it impossible to render anything. Consider default-exporting a React component.`);"object"!=typeof a&&"function"!=typeof a||Object.keys(r).filter((e=>"default"!==e)).forEach((e=>{a[e]=r[e]}));let i=o;const s=n.split(".");s.slice(0,-1).forEach((e=>{i=i[e]})),i[s[s.length-1]]=a}));const a=o.__comp;delete o.__comp;const i=o.__context;delete o.__context;const l=o.__props;return delete o.__props,(0,s.jsx)(u.W,{value:i,children:(0,s.jsx)(a,{...o,...l,...n})})}})}const p=[{path:"/ja/blog",component:d("/ja/blog","bdc"),exact:!0},{path:"/ja/blog/archive",component:d("/ja/blog/archive","a57"),exact:!0},{path:"/ja/blog/international-community",component:d("/ja/blog/international-community","6d5"),exact:!0},{path:"/ja/blog/rebranding-stable",component:d("/ja/blog/rebranding-stable","769"),exact:!0},{path:"/ja/blog/tags",component:d("/ja/blog/tags","e5d"),exact:!0},{path:"/ja/blog/tags/brand",component:d("/ja/blog/tags/brand","b92"),exact:!0},{path:"/ja/blog/tags/community",component:d("/ja/blog/tags/community","0b3"),exact:!0},{path:"/ja/blog/tags/discord",component:d("/ja/blog/tags/discord","895"),exact:!0},{path:"/ja/blog/tags/promo",component:d("/ja/blog/tags/promo","197"),exact:!0},{path:"/ja/examples",component:d("/ja/examples","f30"),exact:!0},{path:"/ja/nav",component:d("/ja/nav","c82"),exact:!0},{path:"/ja/search",component:d("/ja/search","5c9"),exact:!0},{path:"/ja/versions",component:d("/ja/versions","833"),exact:!0},{path:"/ja/community",component:d("/ja/community","e0d"),routes:[{path:"/ja/community",component:d("/ja/community","982"),routes:[{path:"/ja/community",component:d("/ja/community","077"),routes:[{path:"/ja/community",component:d("/ja/community","e1f"),exact:!0,sidebar:"community"},{path:"/ja/community/team",component:d("/ja/community/team","7eb"),exact:!0,sidebar:"community"}]}]}]},{path:"/ja/docs",component:d("/ja/docs","130"),routes:[{path:"/ja/docs",component:d("/ja/docs","ad9"),routes:[{path:"/ja/docs",component:d("/ja/docs","b91"),routes:[{path:"/ja/docs",component:d("/ja/docs","c75"),exact:!0},{path:"/ja/docs/about",component:d("/ja/docs/about","54a"),exact:!0,sidebar:"aboutSidebar"},{path:"/ja/docs/about/alternatives",component:d("/ja/docs/about/alternatives","a1b"),exact:!0,sidebar:"aboutSidebar"},{path:"/ja/docs/about/mission",component:d("/ja/docs/about/mission","443"),exact:!0,sidebar:"aboutSidebar"},{path:"/ja/docs/about/motivation",component:d("/ja/docs/about/motivation","274"),exact:!0,sidebar:"aboutSidebar"},{path:"/ja/docs/about/promote/for-company",component:d("/ja/docs/about/promote/for-company","41a"),exact:!0,sidebar:"aboutSidebar"},{path:"/ja/docs/about/promote/for-team",component:d("/ja/docs/about/promote/for-team","a7a"),exact:!0,sidebar:"aboutSidebar"},{path:"/ja/docs/about/promote/integration",component:d("/ja/docs/about/promote/integration","5dd"),exact:!0,sidebar:"aboutSidebar"},{path:"/ja/docs/about/promote/partial-application",component:d("/ja/docs/about/promote/partial-application","e2b"),exact:!0,sidebar:"aboutSidebar"},{path:"/ja/docs/about/understanding/abstractions",component:d("/ja/docs/about/understanding/abstractions","0ce"),exact:!0,sidebar:"aboutSidebar"},{path:"/ja/docs/about/understanding/architecture",component:d("/ja/docs/about/understanding/architecture","a54"),exact:!0,sidebar:"aboutSidebar"},{path:"/ja/docs/about/understanding/knowledge-types",component:d("/ja/docs/about/understanding/knowledge-types","a0b"),exact:!0,sidebar:"aboutSidebar"},{path:"/ja/docs/about/understanding/naming",component:d("/ja/docs/about/understanding/naming","50f"),exact:!0,sidebar:"aboutSidebar"},{path:"/ja/docs/about/understanding/needs-driven",component:d("/ja/docs/about/understanding/needs-driven","dd1"),exact:!0,sidebar:"aboutSidebar"},{path:"/ja/docs/about/understanding/signals",component:d("/ja/docs/about/understanding/signals","82c"),exact:!0,sidebar:"aboutSidebar"},{path:"/ja/docs/branding",component:d("/ja/docs/branding","acd"),exact:!0},{path:"/ja/docs/get-started",component:d("/ja/docs/get-started","2bd"),exact:!0,sidebar:"getstartedSidebar"},{path:"/ja/docs/get-started/cheatsheet",component:d("/ja/docs/get-started/cheatsheet","fbe"),exact:!0,sidebar:"getstartedSidebar"},{path:"/ja/docs/get-started/faq",component:d("/ja/docs/get-started/faq","71d"),exact:!0,sidebar:"getstartedSidebar"},{path:"/ja/docs/get-started/overview",component:d("/ja/docs/get-started/overview","d05"),exact:!0,sidebar:"getstartedSidebar"},{path:"/ja/docs/get-started/tutorial",component:d("/ja/docs/get-started/tutorial","56f"),exact:!0,sidebar:"getstartedSidebar"},{path:"/ja/docs/guides",component:d("/ja/docs/guides","fa8"),exact:!0,sidebar:"guidesSidebar"},{path:"/ja/docs/guides/examples",component:d("/ja/docs/guides/examples","be4"),exact:!0,sidebar:"guidesSidebar"},{path:"/ja/docs/guides/examples/auth",component:d("/ja/docs/guides/examples/auth","c6e"),exact:!0,sidebar:"guidesSidebar"},{path:"/ja/docs/guides/examples/autocompleted",component:d("/ja/docs/guides/examples/autocompleted","0d6"),exact:!0,sidebar:"guidesSidebar"},{path:"/ja/docs/guides/examples/browser-api",component:d("/ja/docs/guides/examples/browser-api","43d"),exact:!0,sidebar:"guidesSidebar"},{path:"/ja/docs/guides/examples/cms",component:d("/ja/docs/guides/examples/cms","5e4"),exact:!0,sidebar:"guidesSidebar"},{path:"/ja/docs/guides/examples/feedback",component:d("/ja/docs/guides/examples/feedback","420"),exact:!0,sidebar:"guidesSidebar"},{path:"/ja/docs/guides/examples/i18n",component:d("/ja/docs/guides/examples/i18n","dc3"),exact:!0,sidebar:"guidesSidebar"},{path:"/ja/docs/guides/examples/metric",component:d("/ja/docs/guides/examples/metric","ad6"),exact:!0,sidebar:"guidesSidebar"},{path:"/ja/docs/guides/examples/monorepo",component:d("/ja/docs/guides/examples/monorepo","93f"),exact:!0,sidebar:"guidesSidebar"},{path:"/ja/docs/guides/examples/page-layout",component:d("/ja/docs/guides/examples/page-layout","a23"),exact:!0,sidebar:"guidesSidebar"},{path:"/ja/docs/guides/examples/platforms",component:d("/ja/docs/guides/examples/platforms","5ed"),exact:!0,sidebar:"guidesSidebar"},{path:"/ja/docs/guides/examples/ssr",component:d("/ja/docs/guides/examples/ssr","947"),exact:!0,sidebar:"guidesSidebar"},{path:"/ja/docs/guides/examples/theme",component:d("/ja/docs/guides/examples/theme","168"),exact:!0,sidebar:"guidesSidebar"},{path:"/ja/docs/guides/examples/types",component:d("/ja/docs/guides/examples/types","362"),exact:!0,sidebar:"guidesSidebar"},{path:"/ja/docs/guides/examples/white-labels",component:d("/ja/docs/guides/examples/white-labels","bdf"),exact:!0,sidebar:"guidesSidebar"},{path:"/ja/docs/guides/issues/cross-imports",component:d("/ja/docs/guides/issues/cross-imports","65d"),exact:!0,sidebar:"guidesSidebar"},{path:"/ja/docs/guides/issues/desegmented",component:d("/ja/docs/guides/issues/desegmented","45a"),exact:!0,sidebar:"guidesSidebar"},{path:"/ja/docs/guides/issues/routes",component:d("/ja/docs/guides/issues/routes","251"),exact:!0,sidebar:"guidesSidebar"},{path:"/ja/docs/guides/migration/from-custom",component:d("/ja/docs/guides/migration/from-custom","105"),exact:!0,sidebar:"guidesSidebar"},{path:"/ja/docs/guides/migration/from-v1",component:d("/ja/docs/guides/migration/from-v1","537"),exact:!0,sidebar:"guidesSidebar"},{path:"/ja/docs/guides/tech/with-nextjs",component:d("/ja/docs/guides/tech/with-nextjs","3d6"),exact:!0,sidebar:"guidesSidebar"},{path:"/ja/docs/guides/tech/with-nuxtjs",component:d("/ja/docs/guides/tech/with-nuxtjs","0ab"),exact:!0,sidebar:"guidesSidebar"},{path:"/ja/docs/guides/tech/with-react-query",component:d("/ja/docs/guides/tech/with-react-query","adf"),exact:!0,sidebar:"guidesSidebar"},{path:"/ja/docs/guides/tech/with-sveltekit",component:d("/ja/docs/guides/tech/with-sveltekit","742"),exact:!0,sidebar:"guidesSidebar"},{path:"/ja/docs/reference",component:d("/ja/docs/reference","077"),exact:!0,sidebar:"referenceSidebar"},{path:"/ja/docs/reference/isolation",component:d("/ja/docs/reference/isolation","824"),exact:!0,sidebar:"referenceSidebar"},{path:"/ja/docs/reference/isolation/coupling-cohesion",component:d("/ja/docs/reference/isolation/coupling-cohesion","3bd"),exact:!0,sidebar:"referenceSidebar"},{path:"/ja/docs/reference/isolation/decouple-entities",component:d("/ja/docs/reference/isolation/decouple-entities","ae7"),exact:!0,sidebar:"referenceSidebar"},{path:"/ja/docs/reference/layers",component:d("/ja/docs/reference/layers","1a9"),exact:!0,sidebar:"referenceSidebar"},{path:"/ja/docs/reference/public-api",component:d("/ja/docs/reference/public-api","56f"),exact:!0,sidebar:"referenceSidebar"},{path:"/ja/docs/reference/slices-segments",component:d("/ja/docs/reference/slices-segments","a4a"),exact:!0,sidebar:"referenceSidebar"}]}]}]},{path:"/ja/",component:d("/ja/","21d"),exact:!0},{path:"*",component:d("*")}]},5360:(e,t,n)=>{"use strict";n.d(t,{o:()=>a,x:()=>i});var r=n(758),o=n(6070);const a=r.createContext(!1);function i(e){let{children:t}=e;const[n,i]=(0,r.useState)(!1);return(0,r.useEffect)((()=>{i(!0)}),[]),(0,o.jsx)(a.Provider,{value:n,children:t})}},3096:(e,t,n)=>{"use strict";var r=n(758),o=n(9576),a=n(248),i=n(1742),s=n(4784),l=n(3088);const c=[n(4504),n(9773),n(5348),n(8602),n(8468)];var u=n(1377),d=n(5557),p=n(389),f=n(6070);function m(e){let{children:t}=e;return(0,f.jsx)(f.Fragment,{children:t})}var h=n(2293),g=n(9143),b=n(5252),y=n(316),v=n(898),w=n(1529),S=n(9782),x=n(4937),k=n(3509),j=n(1701);function E(){const{i18n:{currentLocale:e,defaultLocale:t,localeConfigs:n}}=(0,g.A)(),r=(0,w.o)(),o=n[e].htmlLang,a=e=>e.replace("-","_");return(0,f.jsxs)(h.A,{children:[Object.entries(n).map((e=>{let[t,{htmlLang:n}]=e;return(0,f.jsx)("link",{rel:"alternate",href:r.createUrl({locale:t,fullyQualified:!0}),hrefLang:n},t)})),(0,f.jsx)("link",{rel:"alternate",href:r.createUrl({locale:t,fullyQualified:!0}),hrefLang:"x-default"}),(0,f.jsx)("meta",{property:"og:locale",content:a(o)}),Object.values(n).filter((e=>o!==e.htmlLang)).map((e=>(0,f.jsx)("meta",{property:"og:locale:alternate",content:a(e.htmlLang)},`meta-og-${e.htmlLang}`)))]})}function _(e){let{permalink:t}=e;const{siteConfig:{url:n}}=(0,g.A)(),r=function(){const{siteConfig:{url:e,baseUrl:t,trailingSlash:n}}=(0,g.A)(),{pathname:r}=(0,d.zy)();return e+(0,k.Ks)((0,b.Ay)(r),{trailingSlash:n,baseUrl:t})}(),o=t?`${n}${t}`:r;return(0,f.jsxs)(h.A,{children:[(0,f.jsx)("meta",{property:"og:url",content:o}),(0,f.jsx)("link",{rel:"canonical",href:o})]})}function C(){const{i18n:{currentLocale:e}}=(0,g.A)(),{metadata:t,image:n}=(0,y.p)();return(0,f.jsxs)(f.Fragment,{children:[(0,f.jsxs)(h.A,{children:[(0,f.jsx)("meta",{name:"twitter:card",content:"summary_large_image"}),(0,f.jsx)("body",{className:S.w})]}),n&&(0,f.jsx)(v.be,{image:n}),(0,f.jsx)(_,{}),(0,f.jsx)(E,{}),(0,f.jsx)(j.A,{tag:x.C,locale:e}),(0,f.jsx)(h.A,{children:t.map(((e,t)=>(0,f.jsx)("meta",{...e},t)))})]})}const A=new Map;var O=n(5360),T=n(1170),P=n(8302);function L(e){for(var t=arguments.length,n=new Array(t>1?t-1:0),r=1;r<t;r++)n[r-1]=arguments[r];const o=c.map((t=>{const r=t.default?.[e]??t[e];return r?.(...n)}));return()=>o.forEach((e=>e?.()))}const I=function(e){let{children:t,location:n,previousLocation:r}=e;return(0,P.A)((()=>{r!==n&&(!function(e){let{location:t,previousLocation:n}=e;if(!n)return;const r=t.pathname===n.pathname,o=t.hash===n.hash,a=t.search===n.search;if(r&&o&&!a)return;const{hash:i}=t;if(i){const e=decodeURIComponent(i.substring(1)),t=document.getElementById(e);t?.scrollIntoView()}else window.scrollTo(0,0)}({location:n,previousLocation:r}),L("onRouteDidUpdate",{previousLocation:r,location:n}))}),[r,n]),t};function R(e){const t=Array.from(new Set([e,decodeURI(e)])).map((e=>(0,p.u)(u.A,e))).flat();return Promise.all(t.map((e=>e.route.component.preload?.())))}class N extends r.Component{previousLocation;routeUpdateCleanupCb;constructor(e){super(e),this.previousLocation=null,this.routeUpdateCleanupCb=l.A.canUseDOM?L("onRouteUpdate",{previousLocation:null,location:this.props.location}):()=>{},this.state={nextRouteHasLoaded:!0}}shouldComponentUpdate(e,t){if(e.location===this.props.location)return t.nextRouteHasLoaded;const n=e.location;return this.previousLocation=this.props.location,this.setState({nextRouteHasLoaded:!1}),this.routeUpdateCleanupCb=L("onRouteUpdate",{previousLocation:this.previousLocation,location:n}),R(n.pathname).then((()=>{this.routeUpdateCleanupCb(),this.setState({nextRouteHasLoaded:!0})})).catch((e=>{console.warn(e),window.location.reload()})),!1}render(){const{children:e,location:t}=this.props;return(0,f.jsx)(I,{previousLocation:this.previousLocation,location:t,children:(0,f.jsx)(d.qh,{location:t,render:()=>e})})}}const D=N,M="__docusaurus-base-url-issue-banner-container",F="__docusaurus-base-url-issue-banner",z="__docusaurus-base-url-issue-banner-suggestion-container";function B(e){return`\ndocument.addEventListener('DOMContentLoaded', function maybeInsertBanner() {\n  var shouldInsert = typeof window['docusaurus'] === 'undefined';\n  shouldInsert && insertBanner();\n});\n\nfunction insertBanner() {\n  var bannerContainer = document.createElement('div');\n  bannerContainer.id = '${M}';\n  var bannerHtml = ${JSON.stringify(function(e){return`\n<div id="${F}" style="border: thick solid red; background-color: rgb(255, 230, 179); margin: 20px; padding: 20px; font-size: 20px;">\n   <p style="font-weight: bold; font-size: 30px;">Your Docusaurus site did not load properly.</p>\n   <p>A very common reason is a wrong site <a href="https://docusaurus.io/docs/docusaurus.config.js/#baseUrl" style="font-weight: bold;">baseUrl configuration</a>.</p>\n   <p>Current configured baseUrl = <span style="font-weight: bold; color: red;">${e}</span> ${"/"===e?" (default value)":""}</p>\n   <p>We suggest trying baseUrl = <span id="${z}" style="font-weight: bold; color: green;"></span></p>\n</div>\n`}(e)).replace(/</g,"\\<")};\n  bannerContainer.innerHTML = bannerHtml;\n  document.body.prepend(bannerContainer);\n  var suggestionContainer = document.getElementById('${z}');\n  var actualHomePagePath = window.location.pathname;\n  var suggestedBaseUrl = actualHomePagePath.substr(-1) === '/'\n        ? actualHomePagePath\n        : actualHomePagePath + '/';\n  suggestionContainer.innerHTML = suggestedBaseUrl;\n}\n`}function U(){const{siteConfig:{baseUrl:e}}=(0,g.A)();return(0,f.jsx)(f.Fragment,{children:!l.A.canUseDOM&&(0,f.jsx)(h.A,{children:(0,f.jsx)("script",{children:B(e)})})})}function q(){const{siteConfig:{baseUrl:e,baseUrlIssueBanner:t}}=(0,g.A)(),{pathname:n}=(0,d.zy)();return t&&n===e?(0,f.jsx)(U,{}):null}function $(){const{siteConfig:{favicon:e,title:t,noIndex:n},i18n:{currentLocale:r,localeConfigs:o}}=(0,g.A)(),a=(0,b.Ay)(e),{htmlLang:i,direction:s}=o[r];return(0,f.jsxs)(h.A,{children:[(0,f.jsx)("html",{lang:i,dir:s}),(0,f.jsx)("title",{children:t}),(0,f.jsx)("meta",{property:"og:title",content:t}),(0,f.jsx)("meta",{name:"viewport",content:"width=device-width, initial-scale=1.0"}),n&&(0,f.jsx)("meta",{name:"robots",content:"noindex, nofollow"}),e&&(0,f.jsx)("link",{rel:"icon",href:a})]})}var H=n(356),V=n(2630);function G(){const e=(0,V.A)();return(0,f.jsx)(h.A,{children:(0,f.jsx)("html",{"data-has-hydrated":e})})}const W=(0,p.v)(u.A);function K(){const e=function(e){if(A.has(e.pathname))return{...e,pathname:A.get(e.pathname)};if((0,p.u)(u.A,e.pathname).some((e=>{let{route:t}=e;return!0===t.exact})))return A.set(e.pathname,e.pathname),e;const t=e.pathname.trim().replace(/(?:\/index)?\.html$/,"")||"/";return A.set(e.pathname,t),{...e,pathname:t}}((0,d.zy)());return(0,f.jsx)(D,{location:e,children:W})}function Q(){return(0,f.jsx)(H.A,{children:(0,f.jsx)(T.l,{children:(0,f.jsxs)(O.x,{children:[(0,f.jsxs)(m,{children:[(0,f.jsx)($,{}),(0,f.jsx)(C,{}),(0,f.jsx)(q,{}),(0,f.jsx)(K,{})]}),(0,f.jsx)(G,{})]})})})}var Y=n(4054);const Z=function(e){try{return document.createElement("link").relList.supports(e)}catch{return!1}}("prefetch")?function(e){return new Promise(((t,n)=>{if("undefined"==typeof document)return void n();const r=document.createElement("link");r.setAttribute("rel","prefetch"),r.setAttribute("href",e),r.onload=()=>t(),r.onerror=()=>n();const o=document.getElementsByTagName("head")[0]??document.getElementsByName("script")[0]?.parentNode;o?.appendChild(r)}))}:function(e){return new Promise(((t,n)=>{const r=new XMLHttpRequest;r.open("GET",e,!0),r.withCredentials=!0,r.onload=()=>{200===r.status?t():n()},r.send(null)}))};var J=n(8116);const X=new Set,ee=new Set,te=()=>navigator.connection?.effectiveType.includes("2g")||navigator.connection?.saveData,ne={prefetch:e=>{if(!(e=>!te()&&!ee.has(e)&&!X.has(e))(e))return!1;X.add(e);const t=(0,p.u)(u.A,e).flatMap((e=>{return t=e.route.path,Object.entries(Y).filter((e=>{let[n]=e;return n.replace(/-[^-]+$/,"")===t})).flatMap((e=>{let[,t]=e;return Object.values((0,J.A)(t))}));var t}));return Promise.all(t.map((e=>{const t=n.gca(e);return t&&!t.includes("undefined")?Z(t).catch((()=>{})):Promise.resolve()})))},preload:e=>!!(e=>!te()&&!ee.has(e))(e)&&(ee.add(e),R(e))},re=Object.freeze(ne);function oe(e){let{children:t}=e;return"hash"===s.default.future.experimental_router?(0,f.jsx)(i.I9,{children:t}):(0,f.jsx)(i.Kd,{children:t})}const ae=Boolean(!0);if(l.A.canUseDOM){window.docusaurus=re;const e=document.getElementById("__docusaurus"),t=(0,f.jsx)(a.vd,{children:(0,f.jsx)(oe,{children:(0,f.jsx)(Q,{})})}),n=(e,t)=>{console.error("Docusaurus React Root onRecoverableError:",e,t)},i=()=>{if(window.docusaurusRoot)window.docusaurusRoot.render(t);else if(ae)window.docusaurusRoot=o.hydrateRoot(e,t,{onRecoverableError:n});else{const r=o.createRoot(e,{onRecoverableError:n});r.render(t),window.docusaurusRoot=r}};R(window.location.pathname).then((()=>{(0,r.startTransition)(i)}))}},1170:(e,t,n)=>{"use strict";n.d(t,{o:()=>d,l:()=>p});var r=n(758),o=n(4784);const a=JSON.parse('{"docusaurus-plugin-content-docs":{"default":{"path":"/ja/docs","versions":[{"name":"current","label":"v2.0.0 \ud83c\udf70","isLast":true,"path":"/ja/docs","mainDocId":"intro","docs":[{"id":"about/alternatives","path":"/ja/docs/about/alternatives","sidebar":"aboutSidebar"},{"id":"about/index","path":"/ja/docs/about/","sidebar":"aboutSidebar"},{"id":"about/mission","path":"/ja/docs/about/mission","sidebar":"aboutSidebar"},{"id":"about/motivation","path":"/ja/docs/about/motivation","sidebar":"aboutSidebar"},{"id":"about/promote/for-company","path":"/ja/docs/about/promote/for-company","sidebar":"aboutSidebar"},{"id":"about/promote/for-team","path":"/ja/docs/about/promote/for-team","sidebar":"aboutSidebar"},{"id":"about/promote/integration","path":"/ja/docs/about/promote/integration","sidebar":"aboutSidebar"},{"id":"about/promote/partial-application","path":"/ja/docs/about/promote/partial-application","sidebar":"aboutSidebar"},{"id":"about/understanding/abstractions","path":"/ja/docs/about/understanding/abstractions","sidebar":"aboutSidebar"},{"id":"about/understanding/architecture","path":"/ja/docs/about/understanding/architecture","sidebar":"aboutSidebar"},{"id":"about/understanding/knowledge-types","path":"/ja/docs/about/understanding/knowledge-types","sidebar":"aboutSidebar"},{"id":"about/understanding/naming","path":"/ja/docs/about/understanding/naming","sidebar":"aboutSidebar"},{"id":"about/understanding/needs-driven","path":"/ja/docs/about/understanding/needs-driven","sidebar":"aboutSidebar"},{"id":"about/understanding/signals","path":"/ja/docs/about/understanding/signals","sidebar":"aboutSidebar"},{"id":"branding","path":"/ja/docs/branding"},{"id":"get-started/cheatsheet","path":"/ja/docs/get-started/cheatsheet","unlisted":true,"sidebar":"getstartedSidebar"},{"id":"get-started/faq","path":"/ja/docs/get-started/faq","sidebar":"getstartedSidebar"},{"id":"get-started/index","path":"/ja/docs/get-started/","sidebar":"getstartedSidebar"},{"id":"get-started/overview","path":"/ja/docs/get-started/overview","sidebar":"getstartedSidebar"},{"id":"get-started/tutorial","path":"/ja/docs/get-started/tutorial","sidebar":"getstartedSidebar"},{"id":"guides/examples/auth","path":"/ja/docs/guides/examples/auth","sidebar":"guidesSidebar"},{"id":"guides/examples/autocompleted","path":"/ja/docs/guides/examples/autocompleted","unlisted":true,"sidebar":"guidesSidebar"},{"id":"guides/examples/browser-api","path":"/ja/docs/guides/examples/browser-api","unlisted":true,"sidebar":"guidesSidebar"},{"id":"guides/examples/cms","path":"/ja/docs/guides/examples/cms","unlisted":true,"sidebar":"guidesSidebar"},{"id":"guides/examples/feedback","path":"/ja/docs/guides/examples/feedback","unlisted":true,"sidebar":"guidesSidebar"},{"id":"guides/examples/i18n","path":"/ja/docs/guides/examples/i18n","unlisted":true,"sidebar":"guidesSidebar"},{"id":"guides/examples/index","path":"/ja/docs/guides/examples/","sidebar":"guidesSidebar"},{"id":"guides/examples/metric","path":"/ja/docs/guides/examples/metric","unlisted":true,"sidebar":"guidesSidebar"},{"id":"guides/examples/monorepo","path":"/ja/docs/guides/examples/monorepo","unlisted":true,"sidebar":"guidesSidebar"},{"id":"guides/examples/page-layout","path":"/ja/docs/guides/examples/page-layout","sidebar":"guidesSidebar"},{"id":"guides/examples/platforms","path":"/ja/docs/guides/examples/platforms","unlisted":true,"sidebar":"guidesSidebar"},{"id":"guides/examples/ssr","path":"/ja/docs/guides/examples/ssr","unlisted":true,"sidebar":"guidesSidebar"},{"id":"guides/examples/theme","path":"/ja/docs/guides/examples/theme","unlisted":true,"sidebar":"guidesSidebar"},{"id":"guides/examples/types","path":"/ja/docs/guides/examples/types","sidebar":"guidesSidebar"},{"id":"guides/examples/white-labels","path":"/ja/docs/guides/examples/white-labels","unlisted":true,"sidebar":"guidesSidebar"},{"id":"guides/index","path":"/ja/docs/guides/","sidebar":"guidesSidebar"},{"id":"guides/issues/cross-imports","path":"/ja/docs/guides/issues/cross-imports","sidebar":"guidesSidebar"},{"id":"guides/issues/desegmented","path":"/ja/docs/guides/issues/desegmented","sidebar":"guidesSidebar"},{"id":"guides/issues/routes","path":"/ja/docs/guides/issues/routes","sidebar":"guidesSidebar"},{"id":"guides/migration/from-custom","path":"/ja/docs/guides/migration/from-custom","sidebar":"guidesSidebar"},{"id":"guides/migration/from-v1","path":"/ja/docs/guides/migration/from-v1","sidebar":"guidesSidebar"},{"id":"guides/tech/with-nextjs","path":"/ja/docs/guides/tech/with-nextjs","sidebar":"guidesSidebar"},{"id":"guides/tech/with-nuxtjs","path":"/ja/docs/guides/tech/with-nuxtjs","sidebar":"guidesSidebar"},{"id":"guides/tech/with-react-query","path":"/ja/docs/guides/tech/with-react-query","sidebar":"guidesSidebar"},{"id":"guides/tech/with-sveltekit","path":"/ja/docs/guides/tech/with-sveltekit","sidebar":"guidesSidebar"},{"id":"intro","path":"/ja/docs/"},{"id":"reference/index","path":"/ja/docs/reference/","sidebar":"referenceSidebar"},{"id":"reference/isolation/coupling-cohesion","path":"/ja/docs/reference/isolation/coupling-cohesion","sidebar":"referenceSidebar"},{"id":"reference/isolation/decouple-entities","path":"/ja/docs/reference/isolation/decouple-entities","sidebar":"referenceSidebar"},{"id":"reference/isolation/index","path":"/ja/docs/reference/isolation/","sidebar":"referenceSidebar"},{"id":"reference/layers","path":"/ja/docs/reference/layers","sidebar":"referenceSidebar"},{"id":"reference/public-api","path":"/ja/docs/reference/public-api","sidebar":"referenceSidebar"},{"id":"reference/slices-segments","path":"/ja/docs/reference/slices-segments","sidebar":"referenceSidebar"}],"draftIds":[],"sidebars":{"getstartedSidebar":{"link":{"path":"/ja/docs/get-started/","label":"\ud83d\ude80  \u306f\u3058\u3081\u306b"}},"guidesSidebar":{"link":{"path":"/ja/docs/guides/","label":"\ud83c\udfaf  \u30ac\u30a4\u30c9"}},"referenceSidebar":{"link":{"path":"/ja/docs/reference/","label":"\ud83d\udcda  \u53c2\u8003\u66f8"}},"aboutSidebar":{"link":{"path":"/ja/docs/about/","label":"\ud83c\udf70 \u30e1\u30bd\u30c3\u30c9\u306b\u3064\u3044\u3066"}}}}],"breadcrumbs":true},"community":{"path":"/ja/community","versions":[{"name":"current","label":"Next","isLast":true,"path":"/ja/community","mainDocId":"index","docs":[{"id":"index","path":"/ja/community/","sidebar":"community"},{"id":"team","path":"/ja/community/team","sidebar":"community"}],"draftIds":[],"sidebars":{"community":{"link":{"path":"/ja/community/","label":"\ud83d\udcab  Community"}}}}],"breadcrumbs":true}}}'),i=JSON.parse('{"defaultLocale":"en","locales":["ru","en","uz","kr","ja"],"path":"i18n","currentLocale":"ja","localeConfigs":{"ru":{"label":"\u0420\u0443\u0441\u0441\u043a\u0438\u0439","direction":"ltr","htmlLang":"ru","calendar":"gregory","path":"ru"},"en":{"label":"English","direction":"ltr","htmlLang":"en","calendar":"gregory","path":"en"},"uz":{"label":"O\'zbekcha","direction":"ltr","htmlLang":"uz","calendar":"gregory","path":"uz"},"kr":{"label":"\ud55c\uad6d\uc5b4","direction":"ltr","htmlLang":"kr","calendar":"gregory","path":"kr"},"ja":{"label":"\u65e5\u672c\u8a9e","direction":"ltr","htmlLang":"ja","calendar":"gregory","path":"ja"}}}');var s=n(2654);const l=JSON.parse('{"docusaurusVersion":"3.5.2","siteVersion":"2.0.0","pluginVersions":{"docusaurus-plugin-content-docs":{"type":"package","name":"@docusaurus/plugin-content-docs","version":"3.5.2"},"docusaurus-plugin-content-blog":{"type":"package","name":"@docusaurus/plugin-content-blog","version":"3.5.2"},"docusaurus-plugin-content-pages":{"type":"package","name":"@docusaurus/plugin-content-pages","version":"3.5.2"},"docusaurus-plugin-sitemap":{"type":"package","name":"@docusaurus/plugin-sitemap","version":"3.5.2"},"docusaurus-theme-classic":{"type":"package","name":"@docusaurus/theme-classic","version":"3.5.2"},"docusaurus-theme-search-algolia":{"type":"package","name":"@docusaurus/theme-search-algolia","version":"3.5.2"},"docusaurus-plugin-sass":{"type":"package","name":"docusaurus-plugin-sass","version":"0.2.5"},"docusaurus-plugin-client-redirects":{"type":"package","name":"@docusaurus/plugin-client-redirects","version":"3.5.2"},"docusaurus-plugin-ideal-image":{"type":"package","name":"@docusaurus/plugin-ideal-image","version":"3.5.2"},"docusaurus-plugin-image-zoom":{"type":"package","name":"plugin-image-zoom","version":"1.2.0"}}}');var c=n(6070);const u={siteConfig:o.default,siteMetadata:l,globalData:a,i18n:i,codeTranslations:s},d=r.createContext(u);function p(e){let{children:t}=e;return(0,c.jsx)(d.Provider,{value:u,children:t})}},356:(e,t,n)=>{"use strict";n.d(t,{A:()=>h});var r=n(758),o=n(3088),a=n(2293),i=n(3509),s=n(3041),l=n(8851),c=n(6070);function u(e){let{error:t,tryAgain:n}=e;return(0,c.jsxs)("div",{style:{display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"flex-start",minHeight:"100vh",width:"100%",maxWidth:"80ch",fontSize:"20px",margin:"0 auto",padding:"1rem"},children:[(0,c.jsx)("h1",{style:{fontSize:"3rem"},children:"This page crashed"}),(0,c.jsx)("button",{type:"button",onClick:n,style:{margin:"1rem 0",fontSize:"2rem",cursor:"pointer",borderRadius:20,padding:"1rem"},children:"Try again"}),(0,c.jsx)(d,{error:t})]})}function d(e){let{error:t}=e;const n=(0,i.rA)(t).map((e=>e.message)).join("\n\nCause:\n");return(0,c.jsx)("p",{style:{whiteSpace:"pre-wrap"},children:n})}function p(e){let{children:t}=e;return(0,c.jsx)(l.W,{value:{plugin:{name:"docusaurus-core-error-boundary",id:"default"}},children:t})}function f(e){let{error:t,tryAgain:n}=e;return(0,c.jsx)(p,{children:(0,c.jsxs)(h,{fallback:()=>(0,c.jsx)(u,{error:t,tryAgain:n}),children:[(0,c.jsx)(a.A,{children:(0,c.jsx)("title",{children:"Page Error"})}),(0,c.jsx)(s.A,{children:(0,c.jsx)(u,{error:t,tryAgain:n})})]})})}const m=e=>(0,c.jsx)(f,{...e});class h extends r.Component{constructor(e){super(e),this.state={error:null}}componentDidCatch(e){o.A.canUseDOM&&this.setState({error:e})}render(){const{children:e}=this.props,{error:t}=this.state;if(t){const e={error:t,tryAgain:()=>this.setState({error:null})};return(this.props.fallback??m)(e)}return e??null}}},3088:(e,t,n)=>{"use strict";n.d(t,{A:()=>o});const r="undefined"!=typeof window&&"document"in window&&"createElement"in window.document,o={canUseDOM:r,canUseEventListeners:r&&("addEventListener"in window||"attachEvent"in window),canUseIntersectionObserver:r&&"IntersectionObserver"in window,canUseViewport:r&&"screen"in window}},2293:(e,t,n)=>{"use strict";n.d(t,{A:()=>a});n(758);var r=n(248),o=n(6070);function a(e){return(0,o.jsx)(r.mg,{...e})}},6783:(e,t,n)=>{"use strict";n.d(t,{A:()=>f});var r=n(758),o=n(1742),a=n(3509),i=n(9143),s=n(1933),l=n(3088),c=n(6828),u=n(5252),d=n(6070);function p(e,t){let{isNavLink:n,to:p,href:f,activeClassName:m,isActive:h,"data-noBrokenLinkCheck":g,autoAddBaseUrl:b=!0,...y}=e;const{siteConfig:v}=(0,i.A)(),{trailingSlash:w,baseUrl:S}=v,x=v.future.experimental_router,{withBaseUrl:k}=(0,u.hH)(),j=(0,c.A)(),E=(0,r.useRef)(null);(0,r.useImperativeHandle)(t,(()=>E.current));const _=p||f;const C=(0,s.A)(_),A=_?.replace("pathname://","");let O=void 0!==A?(T=A,b&&(e=>e.startsWith("/"))(T)?k(T):T):void 0;var T;"hash"===x&&O?.startsWith("./")&&(O=O?.slice(1)),O&&C&&(O=(0,a.Ks)(O,{trailingSlash:w,baseUrl:S}));const P=(0,r.useRef)(!1),L=n?o.k2:o.N_,I=l.A.canUseIntersectionObserver,R=(0,r.useRef)(),N=()=>{P.current||null==O||(window.docusaurus.preload(O),P.current=!0)};(0,r.useEffect)((()=>(!I&&C&&l.A.canUseDOM&&null!=O&&window.docusaurus.prefetch(O),()=>{I&&R.current&&R.current.disconnect()})),[R,O,I,C]);const D=O?.startsWith("#")??!1,M=!y.target||"_self"===y.target,F=!O||!C||!M||D&&"hash"!==x;g||!D&&F||j.collectLink(O),y.id&&j.collectAnchor(y.id);const z={};return F?(0,d.jsx)("a",{ref:E,href:O,..._&&!C&&{target:"_blank",rel:"noopener noreferrer"},...y,...z}):(0,d.jsx)(L,{...y,onMouseEnter:N,onTouchStart:N,innerRef:e=>{E.current=e,I&&e&&C&&(R.current=new window.IntersectionObserver((t=>{t.forEach((t=>{e===t.target&&(t.isIntersecting||t.intersectionRatio>0)&&(R.current.unobserve(e),R.current.disconnect(),null!=O&&window.docusaurus.prefetch(O))}))})),R.current.observe(e))},to:O,...n&&{isActive:h,activeClassName:m},...z})}const f=r.forwardRef(p)},7765:(e,t,n)=>{"use strict";n.d(t,{A:()=>c,T:()=>l});var r=n(758),o=n(6070);function a(e,t){const n=e.split(/(\{\w+\})/).map(((e,n)=>{if(n%2==1){const n=t?.[e.slice(1,-1)];if(void 0!==n)return n}return e}));return n.some((e=>(0,r.isValidElement)(e)))?n.map(((e,t)=>(0,r.isValidElement)(e)?r.cloneElement(e,{key:t}):e)).filter((e=>""!==e)):n.join("")}var i=n(2654);function s(e){let{id:t,message:n}=e;if(void 0===t&&void 0===n)throw new Error("Docusaurus translation declarations must have at least a translation id or a default translation message");return i[t??n]??n??t}function l(e,t){let{message:n,id:r}=e;return a(s({message:n,id:r}),t)}function c(e){let{children:t,id:n,values:r}=e;if(t&&"string"!=typeof t)throw console.warn("Illegal <Translate> children",t),new Error("The Docusaurus <Translate> component only accept simple string values");const i=s({message:t,id:n});return(0,o.jsx)(o.Fragment,{children:a(i,r)})}},8470:(e,t,n)=>{"use strict";n.d(t,{W:()=>r});const r="default"},1933:(e,t,n)=>{"use strict";function r(e){return/^(?:\w*:|\/\/)/.test(e)}function o(e){return void 0!==e&&!r(e)}n.d(t,{A:()=>o,z:()=>r})},5252:(e,t,n)=>{"use strict";n.d(t,{Ay:()=>s,hH:()=>i});var r=n(758),o=n(9143),a=n(1933);function i(){const{siteConfig:e}=(0,o.A)(),{baseUrl:t,url:n}=e,i=e.future.experimental_router,s=(0,r.useCallback)(((e,r)=>function(e){let{siteUrl:t,baseUrl:n,url:r,options:{forcePrependBaseUrl:o=!1,absolute:i=!1}={},router:s}=e;if(!r||r.startsWith("#")||(0,a.z)(r))return r;if("hash"===s)return r.startsWith("/")?`.${r}`:`./${r}`;if(o)return n+r.replace(/^\//,"");if(r===n.replace(/\/$/,""))return n;const l=r.startsWith(n)?r:n+r.replace(/^\//,"");return i?t+l:l}({siteUrl:n,baseUrl:t,url:e,options:r,router:i})),[n,t,i]);return{withBaseUrl:s}}function s(e,t){void 0===t&&(t={});const{withBaseUrl:n}=i();return n(e,t)}},6828:(e,t,n)=>{"use strict";n.d(t,{A:()=>i});var r=n(758);n(6070);const o=r.createContext({collectAnchor:()=>{},collectLink:()=>{}}),a=()=>(0,r.useContext)(o);function i(){return a()}},9143:(e,t,n)=>{"use strict";n.d(t,{A:()=>a});var r=n(758),o=n(1170);function a(){return(0,r.useContext)(o.o)}},2630:(e,t,n)=>{"use strict";n.d(t,{A:()=>a});var r=n(758),o=n(5360);function a(){return(0,r.useContext)(o.o)}},8302:(e,t,n)=>{"use strict";n.d(t,{A:()=>o});var r=n(758);const o=n(3088).A.canUseDOM?r.useLayoutEffect:r.useEffect},3112:(e,t,n)=>{"use strict";n.d(t,{A:()=>a});var r=n(758),o=n(8851);function a(){const e=r.useContext(o.o);if(!e)throw new Error("Unexpected: no Docusaurus route context found");return e}},8116:(e,t,n)=>{"use strict";n.d(t,{A:()=>o});const r=e=>"object"==typeof e&&!!e&&Object.keys(e).length>0;function o(e){const t={};return function e(n,o){Object.entries(n).forEach((n=>{let[a,i]=n;const s=o?`${o}.${a}`:a;r(i)?e(i,s):t[s]=i}))}(e),t}},8851:(e,t,n)=>{"use strict";n.d(t,{W:()=>i,o:()=>a});var r=n(758),o=n(6070);const a=r.createContext(null);function i(e){let{children:t,value:n}=e;const i=r.useContext(a),s=(0,r.useMemo)((()=>function(e){let{parent:t,value:n}=e;if(!t){if(!n)throw new Error("Unexpected: no Docusaurus route context found");if(!("plugin"in n))throw new Error("Unexpected: Docusaurus topmost route context has no `plugin` attribute");return n}const r={...t.data,...n?.data};return{plugin:t.plugin,data:r}}({parent:i,value:n})),[i,n]);return(0,o.jsx)(a.Provider,{value:s,children:t})}},3724:(e,t,n)=>{"use strict";n.d(t,{VQ:()=>g,XK:()=>v,g1:()=>y});var r=n(758),o=n(9860),a=n(8470),i=n(316),s=n(3349),l=n(4902),c=n(6070);const u=e=>`docs-preferred-version-${e}`,d={save:(e,t,n)=>{(0,s.Wf)(u(e),{persistence:t}).set(n)},read:(e,t)=>(0,s.Wf)(u(e),{persistence:t}).get(),clear:(e,t)=>{(0,s.Wf)(u(e),{persistence:t}).del()}},p=e=>Object.fromEntries(e.map((e=>[e,{preferredVersionName:null}])));const f=r.createContext(null);function m(){const e=(0,o.Gy)(),t=(0,i.p)().docs.versionPersistence,n=(0,r.useMemo)((()=>Object.keys(e)),[e]),[a,s]=(0,r.useState)((()=>p(n)));(0,r.useEffect)((()=>{s(function(e){let{pluginIds:t,versionPersistence:n,allDocsData:r}=e;function o(e){const t=d.read(e,n);return r[e].versions.some((e=>e.name===t))?{preferredVersionName:t}:(d.clear(e,n),{preferredVersionName:null})}return Object.fromEntries(t.map((e=>[e,o(e)])))}({allDocsData:e,versionPersistence:t,pluginIds:n}))}),[e,t,n]);return[a,(0,r.useMemo)((()=>({savePreferredVersion:function(e,n){d.save(e,t,n),s((t=>({...t,[e]:{preferredVersionName:n}})))}})),[t])]}function h(e){let{children:t}=e;const n=m();return(0,c.jsx)(f.Provider,{value:n,children:t})}function g(e){let{children:t}=e;return(0,c.jsx)(h,{children:t})}function b(){const e=(0,r.useContext)(f);if(!e)throw new l.dV("DocsPreferredVersionContextProvider");return e}function y(e){void 0===e&&(e=a.W);const t=(0,o.ht)(e),[n,i]=b(),{preferredVersionName:s}=n[e];return{preferredVersion:t.versions.find((e=>e.name===s))??null,savePreferredVersionName:(0,r.useCallback)((t=>{i.savePreferredVersion(e,t)}),[i,e])}}function v(){const e=(0,o.Gy)(),[t]=b();function n(n){const r=e[n],{preferredVersionName:o}=t[n];return r.versions.find((e=>e.name===o))??null}const r=Object.keys(e);return Object.fromEntries(r.map((e=>[e,n(e)])))}},4619:(e,t,n)=>{"use strict";n.d(t,{k:()=>a,v:()=>i});var r=n(9860),o=n(3724);function a(e,t){return`docs-${e}-${t}`}function i(){const e=(0,r.Gy)(),t=(0,r.gk)(),n=(0,o.XK)();return[...Object.keys(e).map((function(r){const o=t?.activePlugin.pluginId===r?t.activeVersion:void 0,i=n[r],s=e[r].versions.find((e=>e.isLast));return a(r,(o??i??s).name)}))]}},3971:(e,t,n)=>{"use strict";n.d(t,{V:()=>l,t:()=>c});var r=n(758),o=n(4902),a=n(6070);const i=Symbol("EmptyContext"),s=r.createContext(i);function l(e){let{children:t,name:n,items:o}=e;const i=(0,r.useMemo)((()=>n&&o?{name:n,items:o}:null),[n,o]);return(0,a.jsx)(s.Provider,{value:i,children:t})}function c(){const e=(0,r.useContext)(s);if(e===i)throw new o.dV("DocsSidebarProvider");return e}},1630:(e,t,n)=>{"use strict";n.d(t,{B5:()=>k,Nr:()=>p,OF:()=>v,QB:()=>x,Vd:()=>w,Y:()=>b,fW:()=>S,w8:()=>h});var r=n(758),o=n(5557),a=n(389),i=n(9860),s=n(5763),l=n(2632),c=n(3724),u=n(1579),d=n(3971);function p(e){return"link"!==e.type||e.unlisted?"category"===e.type?function(e){if(e.href&&!e.linkUnlisted)return e.href;for(const t of e.items){const e=p(t);if(e)return e}}(e):void 0:e.href}const f=(e,t)=>void 0!==e&&(0,s.ys)(e,t),m=(e,t)=>e.some((e=>h(e,t)));function h(e,t){return"link"===e.type?f(e.href,t):"category"===e.type&&(f(e.href,t)||m(e.items,t))}function g(e,t){switch(e.type){case"category":return h(e,t)||e.items.some((e=>g(e,t)));case"link":return!e.unlisted||h(e,t);default:return!0}}function b(e,t){return(0,r.useMemo)((()=>e.filter((e=>g(e,t)))),[e,t])}function y(e){let{sidebarItems:t,pathname:n,onlyCategories:r=!1}=e;const o=[];return function e(t){for(const a of t)if("category"===a.type&&((0,s.ys)(a.href,n)||e(a.items))||"link"===a.type&&(0,s.ys)(a.href,n)){return r&&"category"!==a.type||o.unshift(a),!0}return!1}(t),o}function v(){const e=(0,d.t)(),{pathname:t}=(0,o.zy)(),n=(0,i.vT)()?.pluginData.breadcrumbs;return!1!==n&&e?y({sidebarItems:e.items,pathname:t}):null}function w(e){const{activeVersion:t}=(0,i.zK)(e),{preferredVersion:n}=(0,c.g1)(e),o=(0,i.r7)(e);return(0,r.useMemo)((()=>(0,l.sb)([t,n,o].filter(Boolean))),[t,n,o])}function S(e,t){const n=w(t);return(0,r.useMemo)((()=>{const t=n.flatMap((e=>e.sidebars?Object.entries(e.sidebars):[])),r=t.find((t=>t[0]===e));if(!r)throw new Error(`Can't find any sidebar with id "${e}" in version${n.length>1?"s":""} ${n.map((e=>e.name)).join(", ")}".\nAvailable sidebar ids are:\n- ${t.map((e=>e[0])).join("\n- ")}`);return r[1]}),[e,n])}function x(e,t){const n=w(t);return(0,r.useMemo)((()=>{const t=n.flatMap((e=>e.docs)),r=t.find((t=>t.id===e));if(!r){if(n.flatMap((e=>e.draftIds)).includes(e))return null;throw new Error(`Couldn't find any doc with id "${e}" in version${n.length>1?"s":""} "${n.map((e=>e.name)).join(", ")}".\nAvailable doc ids are:\n- ${(0,l.sb)(t.map((e=>e.id))).join("\n- ")}`)}return r}),[e,n])}function k(e){let{route:t}=e;const n=(0,o.zy)(),r=(0,u.r)(),i=t.routes,s=i.find((e=>(0,o.B6)(n.pathname,e)));if(!s)return null;const l=s.sidebar,c=l?r.docsSidebars[l]:void 0;return{docElement:(0,a.v)(i),sidebarName:l,sidebarItems:c}}},1579:(e,t,n)=>{"use strict";n.d(t,{n:()=>s,r:()=>l});var r=n(758),o=n(4902),a=n(6070);const i=r.createContext(null);function s(e){let{children:t,version:n}=e;return(0,a.jsx)(i.Provider,{value:n,children:t})}function l(){const e=(0,r.useContext)(i);if(null===e)throw new o.dV("DocsVersionProvider");return e}},9860:(e,t,n)=>{"use strict";n.d(t,{zK:()=>b,vT:()=>f,gk:()=>m,Gy:()=>d,HW:()=>y,ht:()=>p,r7:()=>g,jh:()=>h});var r=n(5557),o=n(9143),a=n(8470);function i(e,t){void 0===t&&(t={});const n=function(){const{globalData:e}=(0,o.A)();return e}()[e];if(!n&&t.failfast)throw new Error(`Docusaurus plugin global data not found for "${e}" plugin.`);return n}const s=e=>e.versions.find((e=>e.isLast));function l(e,t){return[...e.versions].sort(((e,t)=>e.path===t.path?0:e.path.includes(t.path)?-1:t.path.includes(e.path)?1:0)).find((e=>!!(0,r.B6)(t,{path:e.path,exact:!1,strict:!1})))}function c(e,t){const n=l(e,t),o=n?.docs.find((e=>!!(0,r.B6)(t,{path:e.path,exact:!0,strict:!1})));return{activeVersion:n,activeDoc:o,alternateDocVersions:o?function(t){const n={};return e.versions.forEach((e=>{e.docs.forEach((r=>{r.id===t&&(n[e.name]=r)}))})),n}(o.id):{}}}const u={},d=()=>i("docusaurus-plugin-content-docs")??u,p=e=>{try{return function(e,t,n){void 0===t&&(t=a.W),void 0===n&&(n={});const r=i(e),o=r?.[t];if(!o&&n.failfast)throw new Error(`Docusaurus plugin global data not found for "${e}" plugin with id "${t}".`);return o}("docusaurus-plugin-content-docs",e,{failfast:!0})}catch(t){throw new Error("You are using a feature of the Docusaurus docs plugin, but this plugin does not seem to be enabled"+("Default"===e?"":` (pluginId=${e}`),{cause:t})}};function f(e){void 0===e&&(e={});const t=d(),{pathname:n}=(0,r.zy)();return function(e,t,n){void 0===n&&(n={});const o=Object.entries(e).sort(((e,t)=>t[1].path.localeCompare(e[1].path))).find((e=>{let[,n]=e;return!!(0,r.B6)(t,{path:n.path,exact:!1,strict:!1})})),a=o?{pluginId:o[0],pluginData:o[1]}:void 0;if(!a&&n.failfast)throw new Error(`Can't find active docs plugin for "${t}" pathname, while it was expected to be found. Maybe you tried to use a docs feature that can only be used on a docs-related page? Existing docs plugin paths are: ${Object.values(e).map((e=>e.path)).join(", ")}`);return a}(t,n,e)}function m(e){void 0===e&&(e={});const t=f(e),{pathname:n}=(0,r.zy)();if(!t)return;return{activePlugin:t,activeVersion:l(t.pluginData,n)}}function h(e){return p(e).versions}function g(e){const t=p(e);return s(t)}function b(e){const t=p(e),{pathname:n}=(0,r.zy)();return c(t,n)}function y(e){const t=p(e),{pathname:n}=(0,r.zy)();return function(e,t){const n=s(e);return{latestDocSuggestion:c(e,t).alternateDocVersions[n.name],latestVersionSuggestion:n}}(t,n)}},9235:(e,t,n)=>{"use strict";function r(e,t){e.prototype=Object.create(t.prototype),e.prototype.constructor=e,e.__proto__=t}function o(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function a(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function i(){return i=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},i.apply(this,arguments)}var s=n(758),l=[],c=[];var u=s.createContext(null);function d(e){var t=e(),n={loading:!0,loaded:null,error:null};return n.promise=t.then((function(e){return n.loading=!1,n.loaded=e,e})).catch((function(e){throw n.loading=!1,n.error=e,e})),n}function p(e){var t={loading:!1,loaded:{},error:null},n=[];try{Object.keys(e).forEach((function(r){var o=d(e[r]);o.loading?t.loading=!0:(t.loaded[r]=o.loaded,t.error=o.error),n.push(o.promise),o.promise.then((function(e){t.loaded[r]=e})).catch((function(e){t.error=e}))}))}catch(r){t.error=r}return t.promise=Promise.all(n).then((function(e){return t.loading=!1,e})).catch((function(e){throw t.loading=!1,e})),t}function f(e,t){return s.createElement((n=e)&&n.__esModule?n.default:n,t);var n}function m(e,t){var d,p;if(!t.loading)throw new Error("react-loadable requires a `loading` component");var m=i({loader:null,loading:null,delay:200,timeout:null,render:f,webpack:null,modules:null},t),h=null;function g(){return h||(h=e(m.loader)),h.promise}return l.push(g),"function"==typeof m.webpack&&c.push((function(){if((0,m.webpack)().every((function(e){return void 0!==e&&void 0!==n.m[e]})))return g()})),p=d=function(t){function n(n){var r;return a(o(o(r=t.call(this,n)||this)),"retry",(function(){r.setState({error:null,loading:!0,timedOut:!1}),h=e(m.loader),r._loadModule()})),g(),r.state={error:h.error,pastDelay:!1,timedOut:!1,loading:h.loading,loaded:h.loaded},r}r(n,t),n.preload=function(){return g()};var i=n.prototype;return i.UNSAFE_componentWillMount=function(){this._loadModule()},i.componentDidMount=function(){this._mounted=!0},i._loadModule=function(){var e=this;if(this.context&&Array.isArray(m.modules)&&m.modules.forEach((function(t){e.context.report(t)})),h.loading){var t=function(t){e._mounted&&e.setState(t)};"number"==typeof m.delay&&(0===m.delay?this.setState({pastDelay:!0}):this._delay=setTimeout((function(){t({pastDelay:!0})}),m.delay)),"number"==typeof m.timeout&&(this._timeout=setTimeout((function(){t({timedOut:!0})}),m.timeout));var n=function(){t({error:h.error,loaded:h.loaded,loading:h.loading}),e._clearTimeouts()};h.promise.then((function(){return n(),null})).catch((function(e){return n(),null}))}},i.componentWillUnmount=function(){this._mounted=!1,this._clearTimeouts()},i._clearTimeouts=function(){clearTimeout(this._delay),clearTimeout(this._timeout)},i.render=function(){return this.state.loading||this.state.error?s.createElement(m.loading,{isLoading:this.state.loading,pastDelay:this.state.pastDelay,timedOut:this.state.timedOut,error:this.state.error,retry:this.retry}):this.state.loaded?m.render(this.state.loaded,this.props):null},n}(s.Component),a(d,"contextType",u),p}function h(e){return m(d,e)}h.Map=function(e){if("function"!=typeof e.render)throw new Error("LoadableMap requires a `render(loaded, props)` function");return m(p,e)};var g=function(e){function t(){return e.apply(this,arguments)||this}return r(t,e),t.prototype.render=function(){return s.createElement(u.Provider,{value:{report:this.props.report}},s.Children.only(this.props.children))},t}(s.Component);function b(e){for(var t=[];e.length;){var n=e.pop();t.push(n())}return Promise.all(t).then((function(){if(e.length)return b(e)}))}h.Capture=g,h.preloadAll=function(){return new Promise((function(e,t){b(l).then(e,t)}))},h.preloadReady=function(){return new Promise((function(e,t){b(c).then(e,e)}))},e.exports=h},5348:(e,t,n)=>{"use strict";n.r(t),n.d(t,{default:()=>a});var r=n(8744),o=n.n(r);o().configure({showSpinner:!1});const a={onRouteUpdate(e){let{location:t,previousLocation:n}=e;if(n&&t.pathname!==n.pathname){const e=window.setTimeout((()=>{o().start()}),200);return()=>window.clearTimeout(e)}},onRouteDidUpdate(){o().done()}}},9773:(e,t,n)=>{"use strict";var r=n(5371),o=n(4784);!function(e){const{themeConfig:{prism:t}}=o.default,{additionalLanguages:r}=t;globalThis.Prism=e,r.forEach((e=>{"php"===e&&n(1274),n(9927)(`./prism-${e}`)})),delete globalThis.Prism}(r.My)},1507:(e,t,n)=>{"use strict";n.d(t,{A:()=>u});n(758);var r=n(3526),o=n(7765),a=n(316),i=n(6783),s=n(6828);const l={anchorWithStickyNavbar:"anchorWithStickyNavbar_QzlE",anchorWithHideOnScrollNavbar:"anchorWithHideOnScrollNavbar_IGdS"};var c=n(6070);function u(e){let{as:t,id:n,...u}=e;const d=(0,s.A)(),{navbar:{hideOnScroll:p}}=(0,a.p)();if("h1"===t||!n)return(0,c.jsx)(t,{...u,id:void 0});d.collectAnchor(n);const f=(0,o.T)({id:"theme.common.headingLinkTitle",message:"Direct link to {heading}",description:"Title for link to heading"},{heading:"string"==typeof u.children?u.children:n});return(0,c.jsxs)(t,{...u,className:(0,r.A)("anchor",p?l.anchorWithHideOnScrollNavbar:l.anchorWithStickyNavbar,u.className),id:n,children:[u.children,(0,c.jsx)(i.A,{className:"hash-link",to:`#${n}`,"aria-label":f,title:f,children:"\u200b"})]})}},9503:(e,t,n)=>{"use strict";n.d(t,{A:()=>a});n(758);const r={iconExternalLink:"iconExternalLink_rel2"};var o=n(6070);function a(e){let{width:t=13.5,height:n=13.5}=e;return(0,o.jsx)("svg",{width:t,height:n,"aria-hidden":"true",viewBox:"0 0 24 24",className:r.iconExternalLink,children:(0,o.jsx)("path",{fill:"currentColor",d:"M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"})})}},3041:(e,t,n)=>{"use strict";n.d(t,{A:()=>_t});var r=n(758),o=n(3526),a=n(356),i=n(898),s=n(5557),l=n(7765),c=n(2360),u=n(6070);const d="__docusaurus_skipToContent_fallback";function p(e){e.setAttribute("tabindex","-1"),e.focus(),e.removeAttribute("tabindex")}function f(){const e=(0,r.useRef)(null),{action:t}=(0,s.W6)(),n=(0,r.useCallback)((e=>{e.preventDefault();const t=document.querySelector("main:first-of-type")??document.getElementById(d);t&&p(t)}),[]);return(0,c.$)((n=>{let{location:r}=n;e.current&&!r.hash&&"PUSH"===t&&p(e.current)})),{containerRef:e,onClick:n}}const m=(0,l.T)({id:"theme.common.skipToMainContent",description:"The skip to content label used for accessibility, allowing to rapidly navigate to main content with keyboard tab/enter navigation",message:"Skip to main content"});function h(e){const t=e.children??m,{containerRef:n,onClick:r}=f();return(0,u.jsx)("div",{ref:n,role:"region","aria-label":m,children:(0,u.jsx)("a",{...e,href:`#${d}`,onClick:r,children:t})})}var g=n(8813),b=n(9782);const y={skipToContent:"skipToContent_iI6K"};function v(){return(0,u.jsx)(h,{className:y.skipToContent})}var w=n(316),S=n(1611);function x(e){let{width:t=21,height:n=21,color:r="currentColor",strokeWidth:o=1.2,className:a,...i}=e;return(0,u.jsx)("svg",{viewBox:"0 0 15 15",width:t,height:n,...i,children:(0,u.jsx)("g",{stroke:r,strokeWidth:o,children:(0,u.jsx)("path",{d:"M.75.75l13.5 13.5M14.25.75L.75 14.25"})})})}const k={closeButton:"closeButton_Y4Q2"};function j(e){return(0,u.jsx)("button",{type:"button","aria-label":(0,l.T)({id:"theme.AnnouncementBar.closeButtonAriaLabel",message:"Close",description:"The ARIA label for close button of announcement bar"}),...e,className:(0,o.A)("clean-btn close",k.closeButton,e.className),children:(0,u.jsx)(x,{width:14,height:14,strokeWidth:3.1})})}const E={content:"content_CxvN"};function _(e){const{announcementBar:t}=(0,w.p)(),{content:n}=t;return(0,u.jsx)("div",{...e,className:(0,o.A)(E.content,e.className),dangerouslySetInnerHTML:{__html:n}})}const C={announcementBar:"announcementBar_Wthk",announcementBarPlaceholder:"announcementBarPlaceholder_aISb",announcementBarClose:"announcementBarClose_vsml",announcementBarContent:"announcementBarContent_peeZ"};function A(){const{announcementBar:e}=(0,w.p)(),{isActive:t,close:n}=(0,S.M)();if(!t)return null;const{backgroundColor:r,textColor:o,isCloseable:a}=e;return(0,u.jsxs)("div",{className:C.announcementBar,style:{backgroundColor:r,color:o},role:"banner",children:[a&&(0,u.jsx)("div",{className:C.announcementBarPlaceholder}),(0,u.jsx)(_,{className:C.announcementBarContent}),a&&(0,u.jsx)(j,{onClick:n,className:C.announcementBarClose})]})}var O=n(1003),T=n(9030);var P=n(4902),L=n(646);const I=r.createContext(null);function R(e){let{children:t}=e;const n=function(){const e=(0,O.M)(),t=(0,L.YL)(),[n,o]=(0,r.useState)(!1),a=null!==t.component,i=(0,P.ZC)(a);return(0,r.useEffect)((()=>{a&&!i&&o(!0)}),[a,i]),(0,r.useEffect)((()=>{a?e.shown||o(!0):o(!1)}),[e.shown,a]),(0,r.useMemo)((()=>[n,o]),[n])}();return(0,u.jsx)(I.Provider,{value:n,children:t})}function N(e){if(e.component){const t=e.component;return(0,u.jsx)(t,{...e.props})}}function D(){const e=(0,r.useContext)(I);if(!e)throw new P.dV("NavbarSecondaryMenuDisplayProvider");const[t,n]=e,o=(0,r.useCallback)((()=>n(!1)),[n]),a=(0,L.YL)();return(0,r.useMemo)((()=>({shown:t,hide:o,content:N(a)})),[o,a,t])}function M(e){let{header:t,primaryMenu:n,secondaryMenu:r}=e;const{shown:a}=D();return(0,u.jsxs)("div",{className:"navbar-sidebar",children:[t,(0,u.jsxs)("div",{className:(0,o.A)("navbar-sidebar__items",{"navbar-sidebar__items--show-secondary":a}),children:[(0,u.jsx)("div",{className:"navbar-sidebar__item menu",children:n}),(0,u.jsx)("div",{className:"navbar-sidebar__item menu",children:r})]})]})}var F=n(9731),z=n(2630);function B(e){return(0,u.jsx)("svg",{viewBox:"0 0 24 24",width:24,height:24,...e,children:(0,u.jsx)("path",{fill:"currentColor",d:"M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"})})}function U(e){return(0,u.jsx)("svg",{viewBox:"0 0 24 24",width:24,height:24,...e,children:(0,u.jsx)("path",{fill:"currentColor",d:"M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"})})}const q={toggle:"toggle_rtf2",toggleButton:"toggleButton_lzER",darkToggleIcon:"darkToggleIcon_un8X",lightToggleIcon:"lightToggleIcon_isKo",toggleButtonDisabled:"toggleButtonDisabled_jUHO"};function $(e){let{className:t,buttonClassName:n,value:r,onChange:a}=e;const i=(0,z.A)(),s=(0,l.T)({message:"Switch between dark and light mode (currently {mode})",id:"theme.colorToggle.ariaLabel",description:"The ARIA label for the navbar color mode toggle"},{mode:"dark"===r?(0,l.T)({message:"dark mode",id:"theme.colorToggle.ariaLabel.mode.dark",description:"The name for the dark color mode"}):(0,l.T)({message:"light mode",id:"theme.colorToggle.ariaLabel.mode.light",description:"The name for the light color mode"})});return(0,u.jsx)("div",{className:(0,o.A)(q.toggle,t),children:(0,u.jsxs)("button",{className:(0,o.A)("clean-btn",q.toggleButton,!i&&q.toggleButtonDisabled,n),type:"button",onClick:()=>a("dark"===r?"light":"dark"),disabled:!i,title:s,"aria-label":s,"aria-live":"polite",children:[(0,u.jsx)(B,{className:(0,o.A)(q.toggleIcon,q.lightToggleIcon)}),(0,u.jsx)(U,{className:(0,o.A)(q.toggleIcon,q.darkToggleIcon)})]})})}const H=r.memo($),V={darkNavbarColorModeToggle:"darkNavbarColorModeToggle_NEom"};function G(e){let{className:t}=e;const n=(0,w.p)().navbar.style,r=(0,w.p)().colorMode.disableSwitch,{colorMode:o,setColorMode:a}=(0,F.G)();return r?null:(0,u.jsx)(H,{className:t,buttonClassName:"dark"===n?V.darkNavbarColorModeToggle:void 0,value:o,onChange:a})}var W=n(7007);function K(){return(0,u.jsx)(W.A,{className:"navbar__brand",imageClassName:"navbar__logo",titleClassName:"navbar__title text--truncate"})}function Q(){const e=(0,O.M)();return(0,u.jsx)("button",{type:"button","aria-label":(0,l.T)({id:"theme.docs.sidebar.closeSidebarButtonAriaLabel",message:"Close navigation bar",description:"The ARIA label for close button of mobile sidebar"}),className:"clean-btn navbar-sidebar__close",onClick:()=>e.toggle(),children:(0,u.jsx)(x,{color:"var(--ifm-color-emphasis-600)"})})}function Y(){return(0,u.jsxs)("div",{className:"navbar-sidebar__brand",children:[(0,u.jsx)(K,{}),(0,u.jsx)(G,{className:"margin-right--md"}),(0,u.jsx)(Q,{})]})}var Z=n(6783),J=n(5252),X=n(1933),ee=n(5130),te=n(9503);function ne(e){let{activeBasePath:t,activeBaseRegex:n,to:r,href:o,label:a,html:i,isDropdownLink:s,prependBaseUrlToHref:l,...c}=e;const d=(0,J.Ay)(r),p=(0,J.Ay)(t),f=(0,J.Ay)(o,{forcePrependBaseUrl:!0}),m=a&&o&&!(0,X.A)(o),h=i?{dangerouslySetInnerHTML:{__html:i}}:{children:(0,u.jsxs)(u.Fragment,{children:[a,m&&(0,u.jsx)(te.A,{...s&&{width:12,height:12}})]})};return o?(0,u.jsx)(Z.A,{href:l?f:o,...c,...h}):(0,u.jsx)(Z.A,{to:d,isNavLink:!0,...(t||n)&&{isActive:(e,t)=>n?(0,ee.G)(n,t.pathname):t.pathname.startsWith(p)},...c,...h})}function re(e){let{className:t,isDropdownItem:n=!1,...r}=e;const a=(0,u.jsx)(ne,{className:(0,o.A)(n?"dropdown__link":"navbar__item navbar__link",t),isDropdownLink:n,...r});return n?(0,u.jsx)("li",{children:a}):a}function oe(e){let{className:t,isDropdownItem:n,...r}=e;return(0,u.jsx)("li",{className:"menu__list-item",children:(0,u.jsx)(ne,{className:(0,o.A)("menu__link",t),...r})})}function ae(e){let{mobile:t=!1,position:n,...r}=e;const o=t?oe:re;return(0,u.jsx)(o,{...r,activeClassName:r.activeClassName??(t?"menu__link--active":"navbar__link--active")})}var ie=n(7064),se=n(5763),le=n(9143);const ce={dropdownNavbarItemMobile:"dropdownNavbarItemMobile_Uft3"};function ue(e,t){return e.some((e=>function(e,t){return!!(0,se.ys)(e.to,t)||!!(0,ee.G)(e.activeBaseRegex,t)||!(!e.activeBasePath||!t.startsWith(e.activeBasePath))}(e,t)))}function de(e){let{items:t,position:n,className:a,onClick:i,...s}=e;const l=(0,r.useRef)(null),[c,d]=(0,r.useState)(!1);return(0,r.useEffect)((()=>{const e=e=>{l.current&&!l.current.contains(e.target)&&d(!1)};return document.addEventListener("mousedown",e),document.addEventListener("touchstart",e),document.addEventListener("focusin",e),()=>{document.removeEventListener("mousedown",e),document.removeEventListener("touchstart",e),document.removeEventListener("focusin",e)}}),[l]),(0,u.jsxs)("div",{ref:l,className:(0,o.A)("navbar__item","dropdown","dropdown--hoverable",{"dropdown--right":"right"===n,"dropdown--show":c}),children:[(0,u.jsx)(ne,{"aria-haspopup":"true","aria-expanded":c,role:"button",href:s.to?void 0:"#",className:(0,o.A)("navbar__link",a),...s,onClick:s.to?void 0:e=>e.preventDefault(),onKeyDown:e=>{"Enter"===e.key&&(e.preventDefault(),d(!c))},children:s.children??s.label}),(0,u.jsx)("ul",{className:"dropdown__menu",children:t.map(((e,t)=>(0,r.createElement)(Fe,{isDropdownItem:!0,activeClassName:"dropdown__link--active",...e,key:t})))})]})}function pe(e){let{items:t,className:n,position:a,onClick:i,...l}=e;const c=function(){const{siteConfig:{baseUrl:e}}=(0,le.A)(),{pathname:t}=(0,s.zy)();return t.replace(e,"/")}(),d=ue(t,c),{collapsed:p,toggleCollapsed:f,setCollapsed:m}=(0,ie.u)({initialState:()=>!d});return(0,r.useEffect)((()=>{d&&m(!d)}),[c,d,m]),(0,u.jsxs)("li",{className:(0,o.A)("menu__list-item",{"menu__list-item--collapsed":p}),children:[(0,u.jsx)(ne,{role:"button",className:(0,o.A)(ce.dropdownNavbarItemMobile,"menu__link menu__link--sublist menu__link--sublist-caret",n),...l,onClick:e=>{e.preventDefault(),f()},children:l.children??l.label}),(0,u.jsx)(ie.N,{lazy:!0,as:"ul",className:"menu__list",collapsed:p,children:t.map(((e,t)=>(0,r.createElement)(Fe,{mobile:!0,isDropdownItem:!0,onClick:i,activeClassName:"menu__link--active",...e,key:t})))})]})}function fe(e){let{mobile:t=!1,...n}=e;const r=t?pe:de;return(0,u.jsx)(r,{...n})}var me=n(1529);function he(e){let{width:t=20,height:n=20,...r}=e;return(0,u.jsx)("svg",{viewBox:"0 0 24 24",width:t,height:n,"aria-hidden":!0,...r,children:(0,u.jsx)("path",{fill:"currentColor",d:"M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"})})}const ge="iconLanguage_wlog";var be=n(8143),ye=n(7781),ve=n(2293),we=n(8169),Se=n(1152),xe=n(4937),ke=n(4619);function je(){return[`language:${(0,le.A)().i18n.currentLocale}`,function(){const e=(0,ke.v)();return[xe.C,...e]}().map((e=>`docusaurus_tag:${e}`))]}const Ee={button:{buttonText:(0,l.T)({id:"theme.SearchBar.label",message:"Search",description:"The ARIA label and placeholder for search button"}),buttonAriaLabel:(0,l.T)({id:"theme.SearchBar.label",message:"Search",description:"The ARIA label and placeholder for search button"})},modal:{searchBox:{resetButtonTitle:(0,l.T)({id:"theme.SearchModal.searchBox.resetButtonTitle",message:"Clear the query",description:"The label and ARIA label for search box reset button"}),resetButtonAriaLabel:(0,l.T)({id:"theme.SearchModal.searchBox.resetButtonTitle",message:"Clear the query",description:"The label and ARIA label for search box reset button"}),cancelButtonText:(0,l.T)({id:"theme.SearchModal.searchBox.cancelButtonText",message:"Cancel",description:"The label and ARIA label for search box cancel button"}),cancelButtonAriaLabel:(0,l.T)({id:"theme.SearchModal.searchBox.cancelButtonText",message:"Cancel",description:"The label and ARIA label for search box cancel button"})},startScreen:{recentSearchesTitle:(0,l.T)({id:"theme.SearchModal.startScreen.recentSearchesTitle",message:"Recent",description:"The title for recent searches"}),noRecentSearchesText:(0,l.T)({id:"theme.SearchModal.startScreen.noRecentSearchesText",message:"No recent searches",description:"The text when no recent searches"}),saveRecentSearchButtonTitle:(0,l.T)({id:"theme.SearchModal.startScreen.saveRecentSearchButtonTitle",message:"Save this search",description:"The label for save recent search button"}),removeRecentSearchButtonTitle:(0,l.T)({id:"theme.SearchModal.startScreen.removeRecentSearchButtonTitle",message:"Remove this search from history",description:"The label for remove recent search button"}),favoriteSearchesTitle:(0,l.T)({id:"theme.SearchModal.startScreen.favoriteSearchesTitle",message:"Favorite",description:"The title for favorite searches"}),removeFavoriteSearchButtonTitle:(0,l.T)({id:"theme.SearchModal.startScreen.removeFavoriteSearchButtonTitle",message:"Remove this search from favorites",description:"The label for remove favorite search button"})},errorScreen:{titleText:(0,l.T)({id:"theme.SearchModal.errorScreen.titleText",message:"Unable to fetch results",description:"The title for error screen of search modal"}),helpText:(0,l.T)({id:"theme.SearchModal.errorScreen.helpText",message:"You might want to check your network connection.",description:"The help text for error screen of search modal"})},footer:{selectText:(0,l.T)({id:"theme.SearchModal.footer.selectText",message:"to select",description:"The explanatory text of the action for the enter key"}),selectKeyAriaLabel:(0,l.T)({id:"theme.SearchModal.footer.selectKeyAriaLabel",message:"Enter key",description:"The ARIA label for the Enter key button that makes the selection"}),navigateText:(0,l.T)({id:"theme.SearchModal.footer.navigateText",message:"to navigate",description:"The explanatory text of the action for the Arrow up and Arrow down key"}),navigateUpKeyAriaLabel:(0,l.T)({id:"theme.SearchModal.footer.navigateUpKeyAriaLabel",message:"Arrow up",description:"The ARIA label for the Arrow up key button that makes the navigation"}),navigateDownKeyAriaLabel:(0,l.T)({id:"theme.SearchModal.footer.navigateDownKeyAriaLabel",message:"Arrow down",description:"The ARIA label for the Arrow down key button that makes the navigation"}),closeText:(0,l.T)({id:"theme.SearchModal.footer.closeText",message:"to close",description:"The explanatory text of the action for Escape key"}),closeKeyAriaLabel:(0,l.T)({id:"theme.SearchModal.footer.closeKeyAriaLabel",message:"Escape key",description:"The ARIA label for the Escape key button that close the modal"}),searchByText:(0,l.T)({id:"theme.SearchModal.footer.searchByText",message:"Search by",description:"The text explain that the search is making by Algolia"})},noResultsScreen:{noResultsText:(0,l.T)({id:"theme.SearchModal.noResultsScreen.noResultsText",message:"No results for",description:"The text explains that there are no results for the following search"}),suggestedQueryText:(0,l.T)({id:"theme.SearchModal.noResultsScreen.suggestedQueryText",message:"Try searching for",description:"The text for the suggested query when no results are found for the following search"}),reportMissingResultsText:(0,l.T)({id:"theme.SearchModal.noResultsScreen.reportMissingResultsText",message:"Believe this query should return results?",description:"The text for the question where the user thinks there are missing results"}),reportMissingResultsLinkText:(0,l.T)({id:"theme.SearchModal.noResultsScreen.reportMissingResultsLinkText",message:"Let us know.",description:"The text for the link to report missing results"})}},placeholder:(0,l.T)({id:"theme.SearchModal.placeholder",message:"Search docs",description:"The placeholder of the input of the DocSearch pop-up modal"})};let _e=null;function Ce(e){let{hit:t,children:n}=e;return(0,u.jsx)(Z.A,{to:t.url,children:n})}function Ae(e){let{state:t,onClose:n}=e;const r=(0,we.w)();return(0,u.jsx)(Z.A,{to:r(t.query),onClick:n,children:(0,u.jsx)(l.A,{id:"theme.SearchBar.seeAll",values:{count:t.context.nbHits},children:"See all {count} results"})})}function Oe(e){let{contextualSearch:t,externalUrlRegex:o,...a}=e;const{siteMetadata:i}=(0,le.A)(),l=(0,Se.C)(),c=je(),d=a.searchParameters?.facetFilters??[],p=t?function(e,t){const n=e=>"string"==typeof e?[e]:e;return[...n(e),...n(t)]}(c,d):d,f={...a.searchParameters,facetFilters:p},m=(0,s.W6)(),h=(0,r.useRef)(null),g=(0,r.useRef)(null),[b,y]=(0,r.useState)(!1),[v,w]=(0,r.useState)(void 0),S=(0,r.useCallback)((()=>_e?Promise.resolve():Promise.all([n.e(9553).then(n.bind(n,9553)),Promise.all([n.e(1869),n.e(9562)]).then(n.bind(n,9562)),Promise.all([n.e(1869),n.e(8570)]).then(n.bind(n,8570))]).then((e=>{let[{DocSearchModal:t}]=e;_e=t}))),[]),x=(0,r.useCallback)((()=>{if(!h.current){const e=document.createElement("div");h.current=e,document.body.insertBefore(e,document.body.firstChild)}}),[]),k=(0,r.useCallback)((()=>{x(),S().then((()=>y(!0)))}),[S,x]),j=(0,r.useCallback)((()=>{y(!1),g.current?.focus()}),[]),E=(0,r.useCallback)((e=>{"f"===e.key&&(e.metaKey||e.ctrlKey)||(e.preventDefault(),w(e.key),k())}),[k]),_=(0,r.useRef)({navigate(e){let{itemUrl:t}=e;(0,ee.G)(o,t)?window.location.href=t:m.push(t)}}).current,C=(0,r.useRef)((e=>a.transformItems?a.transformItems(e):e.map((e=>({...e,url:l(e.url)}))))).current,A=(0,r.useMemo)((()=>e=>(0,u.jsx)(Ae,{...e,onClose:j})),[j]),O=(0,r.useCallback)((e=>(e.addAlgoliaAgent("docusaurus",i.docusaurusVersion),e)),[i.docusaurusVersion]);return(0,ye.E8)({isOpen:b,onOpen:k,onClose:j,onInput:E,searchButtonRef:g}),(0,u.jsxs)(u.Fragment,{children:[(0,u.jsx)(ve.A,{children:(0,u.jsx)("link",{rel:"preconnect",href:`https://${a.appId}-dsn.algolia.net`,crossOrigin:"anonymous"})}),(0,u.jsx)(ye.Bc,{onTouchStart:S,onFocus:S,onMouseOver:S,onClick:k,ref:g,translations:Ee.button}),b&&_e&&h.current&&(0,be.createPortal)((0,u.jsx)(_e,{onClose:j,initialScrollY:window.scrollY,initialQuery:v,navigator:_,transformItems:C,hitComponent:Ce,transformSearchClient:O,...a.searchPagePath&&{resultsFooterComponent:A},...a,searchParameters:f,placeholder:Ee.placeholder,translations:Ee.modal}),h.current)]})}function Te(){const{siteConfig:e}=(0,le.A)();return(0,u.jsx)(Oe,{...e.themeConfig.algolia})}const Pe={navbarSearchContainer:"navbarSearchContainer_DsMw"};function Le(e){let{children:t,className:n}=e;return(0,u.jsx)("div",{className:(0,o.A)(n,Pe.navbarSearchContainer),children:t})}var Ie=n(9860),Re=n(1630);var Ne=n(3724);function De(e,t){return t.alternateDocVersions[e.name]??function(e){return e.docs.find((t=>t.id===e.mainDocId))}(e)}const Me={default:ae,localeDropdown:function(e){let{mobile:t,dropdownItemsBefore:n,dropdownItemsAfter:r,queryString:o="",...a}=e;const{i18n:{currentLocale:i,locales:c,localeConfigs:d}}=(0,le.A)(),p=(0,me.o)(),{search:f,hash:m}=(0,s.zy)(),h=[...n,...c.map((e=>{const n=`${`pathname://${p.createUrl({locale:e,fullyQualified:!1})}`}${f}${m}${o}`;return{label:d[e].label,lang:d[e].htmlLang,to:n,target:"_self",autoAddBaseUrl:!1,className:e===i?t?"menu__link--active":"dropdown__link--active":""}})),...r],g=t?(0,l.T)({message:"Languages",id:"theme.navbar.mobileLanguageDropdown.label",description:"The label for the mobile language switcher dropdown"}):d[i].label;return(0,u.jsx)(fe,{...a,mobile:t,label:(0,u.jsxs)(u.Fragment,{children:[(0,u.jsx)(he,{className:ge}),g]}),items:h})},search:function(e){let{mobile:t,className:n}=e;return t?null:(0,u.jsx)(Le,{className:n,children:(0,u.jsx)(Te,{})})},dropdown:fe,html:function(e){let{value:t,className:n,mobile:r=!1,isDropdownItem:a=!1}=e;const i=a?"li":"div";return(0,u.jsx)(i,{className:(0,o.A)({navbar__item:!r&&!a,"menu__list-item":r},n),dangerouslySetInnerHTML:{__html:t}})},doc:function(e){let{docId:t,label:n,docsPluginId:r,...o}=e;const{activeDoc:a}=(0,Ie.zK)(r),i=(0,Re.QB)(t,r),s=a?.path===i?.path;return null===i||i.unlisted&&!s?null:(0,u.jsx)(ae,{exact:!0,...o,isActive:()=>s||!!a?.sidebar&&a.sidebar===i.sidebar,label:n??i.id,to:i.path})},docSidebar:function(e){let{sidebarId:t,label:n,docsPluginId:r,...o}=e;const{activeDoc:a}=(0,Ie.zK)(r),i=(0,Re.fW)(t,r).link;if(!i)throw new Error(`DocSidebarNavbarItem: Sidebar with ID "${t}" doesn't have anything to be linked to.`);return(0,u.jsx)(ae,{exact:!0,...o,isActive:()=>a?.sidebar===t,label:n??i.label,to:i.path})},docsVersion:function(e){let{label:t,to:n,docsPluginId:r,...o}=e;const a=(0,Re.Vd)(r)[0],i=t??a.label,s=n??(e=>e.docs.find((t=>t.id===e.mainDocId)))(a).path;return(0,u.jsx)(ae,{...o,label:i,to:s})},docsVersionDropdown:function(e){let{mobile:t,docsPluginId:n,dropdownActiveClassDisabled:r,dropdownItemsBefore:o,dropdownItemsAfter:a,...i}=e;const{search:c,hash:d}=(0,s.zy)(),p=(0,Ie.zK)(n),f=(0,Ie.jh)(n),{savePreferredVersionName:m}=(0,Ne.g1)(n),h=[...o,...f.map((function(e){const t=De(e,p);return{label:e.label,to:`${t.path}${c}${d}`,isActive:()=>e===p.activeVersion,onClick:()=>m(e.name)}})),...a],g=(0,Re.Vd)(n)[0],b=t&&h.length>1?(0,l.T)({id:"theme.navbar.mobileVersionsDropdown.label",message:"Versions",description:"The label for the navbar versions dropdown on mobile view"}):g.label,y=t&&h.length>1?void 0:De(g,p).path;return h.length<=1?(0,u.jsx)(ae,{...i,mobile:t,label:b,to:y,isActive:r?()=>!1:void 0}):(0,u.jsx)(fe,{...i,mobile:t,label:b,to:y,items:h,isActive:r?()=>!1:void 0})}};function Fe(e){let{type:t,...n}=e;const r=function(e,t){return e&&"default"!==e?e:"items"in t?"dropdown":"default"}(t,n),o=Me[r];if(!o)throw new Error(`No NavbarItem component found for type "${t}".`);return(0,u.jsx)(o,{...n})}function ze(){const e=(0,O.M)(),t=(0,w.p)().navbar.items;return(0,u.jsx)("ul",{className:"menu__list",children:t.map(((t,n)=>(0,r.createElement)(Fe,{mobile:!0,...t,onClick:()=>e.toggle(),key:n})))})}function Be(e){return(0,u.jsx)("button",{...e,type:"button",className:"clean-btn navbar-sidebar__back",children:(0,u.jsx)(l.A,{id:"theme.navbar.mobileSidebarSecondaryMenu.backButtonLabel",description:"The label of the back button to return to main menu, inside the mobile navbar sidebar secondary menu (notably used to display the docs sidebar)",children:"\u2190 Back to main menu"})})}function Ue(){const e=0===(0,w.p)().navbar.items.length,t=D();return(0,u.jsxs)(u.Fragment,{children:[!e&&(0,u.jsx)(Be,{onClick:()=>t.hide()}),t.content]})}function qe(){const e=(0,O.M)();var t;return void 0===(t=e.shown)&&(t=!0),(0,r.useEffect)((()=>(document.body.style.overflow=t?"hidden":"visible",()=>{document.body.style.overflow="visible"})),[t]),e.shouldRender?(0,u.jsx)(M,{header:(0,u.jsx)(Y,{}),primaryMenu:(0,u.jsx)(ze,{}),secondaryMenu:(0,u.jsx)(Ue,{})}):null}const $e={navbarHideable:"navbarHideable_v02o",navbarHidden:"navbarHidden_YVDo"};function He(e){return(0,u.jsx)("div",{role:"presentation",...e,className:(0,o.A)("navbar-sidebar__backdrop",e.className)})}function Ve(e){let{children:t}=e;const{navbar:{hideOnScroll:n,style:a}}=(0,w.p)(),i=(0,O.M)(),{navbarRef:s,isNavbarVisible:d}=function(e){const[t,n]=(0,r.useState)(e),o=(0,r.useRef)(!1),a=(0,r.useRef)(0),i=(0,r.useCallback)((e=>{null!==e&&(a.current=e.getBoundingClientRect().height)}),[]);return(0,T.Mq)(((t,r)=>{let{scrollY:i}=t;if(!e)return;if(i<a.current)return void n(!0);if(o.current)return void(o.current=!1);const s=r?.scrollY,l=document.documentElement.scrollHeight-a.current,c=window.innerHeight;s&&i>=s?n(!1):i+c<l&&n(!0)})),(0,c.$)((t=>{if(!e)return;const r=t.location.hash;if(r?document.getElementById(r.substring(1)):void 0)return o.current=!0,void n(!1);n(!0)})),{navbarRef:i,isNavbarVisible:t}}(n);return(0,u.jsxs)("nav",{ref:s,"aria-label":(0,l.T)({id:"theme.NavBar.navAriaLabel",message:"Main",description:"The ARIA label for the main navigation"}),className:(0,o.A)("navbar","navbar--fixed-top",n&&[$e.navbarHideable,!d&&$e.navbarHidden],{"navbar--dark":"dark"===a,"navbar--primary":"primary"===a,"navbar-sidebar--show":i.shown}),children:[t,(0,u.jsx)(He,{onClick:i.toggle}),(0,u.jsx)(qe,{})]})}var Ge=n(3509);const We={errorBoundaryError:"errorBoundaryError_t0Si",errorBoundaryFallback:"errorBoundaryFallback_rqmh"};function Ke(e){return(0,u.jsx)("button",{type:"button",...e,children:(0,u.jsx)(l.A,{id:"theme.ErrorPageContent.tryAgain",description:"The label of the button to try again rendering when the React error boundary captures an error",children:"Try again"})})}function Qe(e){let{error:t}=e;const n=(0,Ge.rA)(t).map((e=>e.message)).join("\n\nCause:\n");return(0,u.jsx)("p",{className:We.errorBoundaryError,children:n})}class Ye extends r.Component{componentDidCatch(e,t){throw this.props.onError(e,t)}render(){return this.props.children}}const Ze="right";function Je(e){let{width:t=30,height:n=30,className:r,...o}=e;return(0,u.jsx)("svg",{className:r,width:t,height:n,viewBox:"0 0 30 30","aria-hidden":"true",...o,children:(0,u.jsx)("path",{stroke:"currentColor",strokeLinecap:"round",strokeMiterlimit:"10",strokeWidth:"2",d:"M4 7h22M4 15h22M4 23h22"})})}function Xe(){const{toggle:e,shown:t}=(0,O.M)();return(0,u.jsx)("button",{onClick:e,"aria-label":(0,l.T)({id:"theme.docs.sidebar.toggleSidebarButtonAriaLabel",message:"Toggle navigation bar",description:"The ARIA label for hamburger menu button of mobile navigation"}),"aria-expanded":t,className:"navbar__toggle clean-btn",type:"button",children:(0,u.jsx)(Je,{})})}const et={colorModeToggle:"colorModeToggle_G2yU"};function tt(e){let{items:t}=e;return(0,u.jsx)(u.Fragment,{children:t.map(((e,t)=>(0,u.jsx)(Ye,{onError:t=>new Error(`A theme navbar item failed to render.\nPlease double-check the following navbar item (themeConfig.navbar.items) of your Docusaurus config:\n${JSON.stringify(e,null,2)}`,{cause:t}),children:(0,u.jsx)(Fe,{...e})},t)))})}function nt(e){let{left:t,right:n}=e;return(0,u.jsxs)("div",{className:"navbar__inner",children:[(0,u.jsx)("div",{className:"navbar__items",children:t}),(0,u.jsx)("div",{className:"navbar__items navbar__items--right",children:n})]})}function rt(){const e=(0,O.M)(),t=(0,w.p)().navbar.items,[n,r]=function(e){function t(e){return"left"===(e.position??Ze)}return[e.filter(t),e.filter((e=>!t(e)))]}(t),o=t.find((e=>"search"===e.type));return(0,u.jsx)(nt,{left:(0,u.jsxs)(u.Fragment,{children:[!e.disabled&&(0,u.jsx)(Xe,{}),(0,u.jsx)(K,{}),(0,u.jsx)(tt,{items:n})]}),right:(0,u.jsxs)(u.Fragment,{children:[(0,u.jsx)(tt,{items:r}),(0,u.jsx)(G,{className:et.colorModeToggle}),!o&&(0,u.jsx)(Le,{children:(0,u.jsx)(Te,{})})]})})}function ot(){return(0,u.jsx)(Ve,{children:(0,u.jsx)(rt,{})})}function at(e){let{item:t}=e;const{to:n,href:r,label:o,prependBaseUrlToHref:a,...i}=t,s=(0,J.Ay)(n),l=(0,J.Ay)(r,{forcePrependBaseUrl:!0});return(0,u.jsxs)(Z.A,{className:"footer__link-item",...r?{href:a?l:r}:{to:s},...i,children:[o,r&&!(0,X.A)(r)&&(0,u.jsx)(te.A,{})]})}function it(e){let{item:t}=e;return t.html?(0,u.jsx)("li",{className:"footer__item",dangerouslySetInnerHTML:{__html:t.html}}):(0,u.jsx)("li",{className:"footer__item",children:(0,u.jsx)(at,{item:t})},t.href??t.to)}function st(e){let{column:t}=e;return(0,u.jsxs)("div",{className:"col footer__col",children:[(0,u.jsx)("div",{className:"footer__title",children:t.title}),(0,u.jsx)("ul",{className:"footer__items clean-list",children:t.items.map(((e,t)=>(0,u.jsx)(it,{item:e},t)))})]})}function lt(e){let{columns:t}=e;return(0,u.jsx)("div",{className:"row footer__links",children:t.map(((e,t)=>(0,u.jsx)(st,{column:e},t)))})}function ct(){return(0,u.jsx)("span",{className:"footer__link-separator",children:"\xb7"})}function ut(e){let{item:t}=e;return t.html?(0,u.jsx)("span",{className:"footer__link-item",dangerouslySetInnerHTML:{__html:t.html}}):(0,u.jsx)(at,{item:t})}function dt(e){let{links:t}=e;return(0,u.jsx)("div",{className:"footer__links text--center",children:(0,u.jsx)("div",{className:"footer__links",children:t.map(((e,n)=>(0,u.jsxs)(r.Fragment,{children:[(0,u.jsx)(ut,{item:e}),t.length!==n+1&&(0,u.jsx)(ct,{})]},n)))})})}function pt(e){let{links:t}=e;return function(e){return"title"in e[0]}(t)?(0,u.jsx)(lt,{columns:t}):(0,u.jsx)(dt,{links:t})}var ft=n(6012);const mt={footerLogoLink:"footerLogoLink_HxP9"};function ht(e){let{logo:t}=e;const{withBaseUrl:n}=(0,J.hH)(),r={light:n(t.src),dark:n(t.srcDark??t.src)};return(0,u.jsx)(ft.A,{className:(0,o.A)("footer__logo",t.className),alt:t.alt,sources:r,width:t.width,height:t.height,style:t.style})}function gt(e){let{logo:t}=e;return t.href?(0,u.jsx)(Z.A,{href:t.href,className:mt.footerLogoLink,target:t.target,children:(0,u.jsx)(ht,{logo:t})}):(0,u.jsx)(ht,{logo:t})}function bt(e){let{copyright:t}=e;return(0,u.jsx)("div",{className:"footer__copyright",dangerouslySetInnerHTML:{__html:t}})}function yt(e){let{style:t,links:n,logo:r,copyright:a}=e;return(0,u.jsx)("footer",{className:(0,o.A)("footer",{"footer--dark":"dark"===t}),children:(0,u.jsxs)("div",{className:"container container-fluid",children:[n,(r||a)&&(0,u.jsxs)("div",{className:"footer__bottom text--center",children:[r&&(0,u.jsx)("div",{className:"margin-bottom--sm",children:r}),a]})]})})}function vt(){const{footer:e}=(0,w.p)();if(!e)return null;const{copyright:t,links:n,logo:r,style:o}=e;return(0,u.jsx)(yt,{style:o,links:n&&n.length>0&&(0,u.jsx)(pt,{links:n}),logo:r&&(0,u.jsx)(gt,{logo:r}),copyright:t&&(0,u.jsx)(bt,{copyright:t})})}const wt=r.memo(vt),St=(0,P.fM)([F.a,S.o,T.Tv,Ne.VQ,i.Jx,function(e){let{children:t}=e;return(0,u.jsx)(L.y_,{children:(0,u.jsx)(O.e,{children:(0,u.jsx)(R,{children:t})})})}]);function xt(e){let{children:t}=e;return(0,u.jsx)(St,{children:t})}var kt=n(1507);function jt(e){let{error:t,tryAgain:n}=e;return(0,u.jsx)("main",{className:"container margin-vert--xl",children:(0,u.jsx)("div",{className:"row",children:(0,u.jsxs)("div",{className:"col col--6 col--offset-3",children:[(0,u.jsx)(kt.A,{as:"h1",className:"hero__title",children:(0,u.jsx)(l.A,{id:"theme.ErrorPageContent.title",description:"The title of the fallback page when the page crashed",children:"This page crashed."})}),(0,u.jsx)("div",{className:"margin-vert--lg",children:(0,u.jsx)(Ke,{onClick:n,className:"button button--primary shadow--lw"})}),(0,u.jsx)("hr",{}),(0,u.jsx)("div",{className:"margin-vert--md",children:(0,u.jsx)(Qe,{error:t})})]})})})}const Et={mainWrapper:"mainWrapper_ZPwK"};function _t(e){const{children:t,noFooter:n,wrapperClassName:r,title:s,description:l}=e;return(0,b.J)(),(0,u.jsxs)(xt,{children:[(0,u.jsx)(i.be,{title:s,description:l}),(0,u.jsx)(v,{}),(0,u.jsx)(A,{}),(0,u.jsx)(ot,{}),(0,u.jsx)("div",{id:d,className:(0,o.A)(g.G.wrapper.main,Et.mainWrapper,r),children:(0,u.jsx)(a.A,{fallback:e=>(0,u.jsx)(jt,{...e}),children:t})}),!n&&(0,u.jsx)(wt,{})]})}},7007:(e,t,n)=>{"use strict";n.d(t,{A:()=>u});n(758);var r=n(6783),o=n(5252),a=n(9143),i=n(316),s=n(6012),l=n(6070);function c(e){let{logo:t,alt:n,imageClassName:r}=e;const a={light:(0,o.Ay)(t.src),dark:(0,o.Ay)(t.srcDark||t.src)},i=(0,l.jsx)(s.A,{className:t.className,sources:a,height:t.height,width:t.width,alt:n,style:t.style});return r?(0,l.jsx)("div",{className:r,children:i}):i}function u(e){const{siteConfig:{title:t}}=(0,a.A)(),{navbar:{title:n,logo:s}}=(0,i.p)(),{imageClassName:u,titleClassName:d,...p}=e,f=(0,o.Ay)(s?.href||"/"),m=n?"":t,h=s?.alt??m;return(0,l.jsxs)(r.A,{to:f,...p,...s?.target&&{target:s.target},children:[s&&(0,l.jsx)(c,{logo:s,alt:h,imageClassName:u}),null!=n&&(0,l.jsx)("b",{className:d,children:n})]})}},1701:(e,t,n)=>{"use strict";n.d(t,{A:()=>a});n(758);var r=n(2293),o=n(6070);function a(e){let{locale:t,version:n,tag:a}=e;const i=t;return(0,o.jsxs)(r.A,{children:[t&&(0,o.jsx)("meta",{name:"docusaurus_locale",content:t}),n&&(0,o.jsx)("meta",{name:"docusaurus_version",content:n}),a&&(0,o.jsx)("meta",{name:"docusaurus_tag",content:a}),i&&(0,o.jsx)("meta",{name:"docsearch:language",content:i}),n&&(0,o.jsx)("meta",{name:"docsearch:version",content:n}),a&&(0,o.jsx)("meta",{name:"docsearch:docusaurus_tag",content:a})]})}},6012:(e,t,n)=>{"use strict";n.d(t,{A:()=>u});var r=n(758),o=n(3526),a=n(2630),i=n(9731);const s={themedComponent:"themedComponent_v9BS","themedComponent--light":"themedComponent--light_bfJ3","themedComponent--dark":"themedComponent--dark_BRRK"};var l=n(6070);function c(e){let{className:t,children:n}=e;const c=(0,a.A)(),{colorMode:u}=(0,i.G)();return(0,l.jsx)(l.Fragment,{children:(c?"dark"===u?["dark"]:["light"]:["light","dark"]).map((e=>{const a=n({theme:e,className:(0,o.A)(t,s.themedComponent,s[`themedComponent--${e}`])});return(0,l.jsx)(r.Fragment,{children:a},e)}))})}function u(e){const{sources:t,className:n,alt:r,...o}=e;return(0,l.jsx)(c,{className:n,children:e=>{let{theme:n,className:a}=e;return(0,l.jsx)("img",{src:t[n],alt:r,className:a,...o})}})}},7064:(e,t,n)=>{"use strict";n.d(t,{N:()=>b,u:()=>c});var r=n(758),o=n(3088),a=n(8302),i=n(9963),s=n(6070);const l="ease-in-out";function c(e){let{initialState:t}=e;const[n,o]=(0,r.useState)(t??!1),a=(0,r.useCallback)((()=>{o((e=>!e))}),[]);return{collapsed:n,setCollapsed:o,toggleCollapsed:a}}const u={display:"none",overflow:"hidden",height:"0px"},d={display:"block",overflow:"visible",height:"auto"};function p(e,t){const n=t?u:d;e.style.display=n.display,e.style.overflow=n.overflow,e.style.height=n.height}function f(e){let{collapsibleRef:t,collapsed:n,animation:o}=e;const a=(0,r.useRef)(!1);(0,r.useEffect)((()=>{const e=t.current;function r(){const t=e.scrollHeight,n=o?.duration??function(e){if((0,i.O)())return 1;const t=e/36;return Math.round(10*(4+15*t**.25+t/5))}(t);return{transition:`height ${n}ms ${o?.easing??l}`,height:`${t}px`}}function s(){const t=r();e.style.transition=t.transition,e.style.height=t.height}if(!a.current)return p(e,n),void(a.current=!0);return e.style.willChange="height",function(){const t=requestAnimationFrame((()=>{n?(s(),requestAnimationFrame((()=>{e.style.height=u.height,e.style.overflow=u.overflow}))):(e.style.display="block",requestAnimationFrame((()=>{s()})))}));return()=>cancelAnimationFrame(t)}()}),[t,n,o])}function m(e){if(!o.A.canUseDOM)return e?u:d}function h(e){let{as:t="div",collapsed:n,children:o,animation:a,onCollapseTransitionEnd:i,className:l,disableSSRStyle:c}=e;const u=(0,r.useRef)(null);return f({collapsibleRef:u,collapsed:n,animation:a}),(0,s.jsx)(t,{ref:u,style:c?void 0:m(n),onTransitionEnd:e=>{"height"===e.propertyName&&(p(u.current,n),i?.(n))},className:l,children:o})}function g(e){let{collapsed:t,...n}=e;const[o,i]=(0,r.useState)(!t),[l,c]=(0,r.useState)(t);return(0,a.A)((()=>{t||i(!0)}),[t]),(0,a.A)((()=>{o&&c(t)}),[o,t]),o?(0,s.jsx)(h,{...n,collapsed:l}):null}function b(e){let{lazy:t,...n}=e;const r=t?g:h;return(0,s.jsx)(r,{...n})}},1611:(e,t,n)=>{"use strict";n.d(t,{M:()=>h,o:()=>m});var r=n(758),o=n(2630),a=n(3349),i=n(4902),s=n(316),l=n(6070);const c=(0,a.Wf)("docusaurus.announcement.dismiss"),u=(0,a.Wf)("docusaurus.announcement.id"),d=()=>"true"===c.get(),p=e=>c.set(String(e)),f=r.createContext(null);function m(e){let{children:t}=e;const n=function(){const{announcementBar:e}=(0,s.p)(),t=(0,o.A)(),[n,a]=(0,r.useState)((()=>!!t&&d()));(0,r.useEffect)((()=>{a(d())}),[]);const i=(0,r.useCallback)((()=>{p(!0),a(!0)}),[]);return(0,r.useEffect)((()=>{if(!e)return;const{id:t}=e;let n=u.get();"annoucement-bar"===n&&(n="announcement-bar");const r=t!==n;u.set(t),r&&p(!1),!r&&d()||a(!1)}),[e]),(0,r.useMemo)((()=>({isActive:!!e&&!n,close:i})),[e,n,i])}();return(0,l.jsx)(f.Provider,{value:n,children:t})}function h(){const e=(0,r.useContext)(f);if(!e)throw new i.dV("AnnouncementBarProvider");return e}},9731:(e,t,n)=>{"use strict";n.d(t,{G:()=>b,a:()=>g});var r=n(758),o=n(3088),a=n(4902),i=n(3349),s=n(316),l=n(6070);const c=r.createContext(void 0),u="theme",d=(0,i.Wf)(u),p={light:"light",dark:"dark"},f=e=>e===p.dark?p.dark:p.light,m=e=>o.A.canUseDOM?f(document.documentElement.getAttribute("data-theme")):f(e),h=e=>{d.set(f(e))};function g(e){let{children:t}=e;const n=function(){const{colorMode:{defaultMode:e,disableSwitch:t,respectPrefersColorScheme:n}}=(0,s.p)(),[o,a]=(0,r.useState)(m(e));(0,r.useEffect)((()=>{t&&d.del()}),[t]);const i=(0,r.useCallback)((function(t,r){void 0===r&&(r={});const{persist:o=!0}=r;t?(a(t),o&&h(t)):(a(n?window.matchMedia("(prefers-color-scheme: dark)").matches?p.dark:p.light:e),d.del())}),[n,e]);(0,r.useEffect)((()=>{document.documentElement.setAttribute("data-theme",f(o))}),[o]),(0,r.useEffect)((()=>{if(t)return;const e=e=>{if(e.key!==u)return;const t=d.get();null!==t&&i(f(t))};return window.addEventListener("storage",e),()=>window.removeEventListener("storage",e)}),[t,i]);const l=(0,r.useRef)(!1);return(0,r.useEffect)((()=>{if(t&&!n)return;const e=window.matchMedia("(prefers-color-scheme: dark)"),r=()=>{window.matchMedia("print").matches||l.current?l.current=window.matchMedia("print").matches:i(null)};return e.addListener(r),()=>e.removeListener(r)}),[i,t,n]),(0,r.useMemo)((()=>({colorMode:o,setColorMode:i,get isDarkTheme(){return o===p.dark},setLightTheme(){i(p.light)},setDarkTheme(){i(p.dark)}})),[o,i])}();return(0,l.jsx)(c.Provider,{value:n,children:t})}function b(){const e=(0,r.useContext)(c);if(null==e)throw new a.dV("ColorModeProvider","Please see https://docusaurus.io/docs/api/themes/configuration#use-color-mode.");return e}},1003:(e,t,n)=>{"use strict";n.d(t,{M:()=>f,e:()=>p});var r=n(758),o=n(646),a=n(9207),i=n(3979),s=n(316),l=n(4902),c=n(6070);const u=r.createContext(void 0);function d(){const e=function(){const e=(0,o.YL)(),{items:t}=(0,s.p)().navbar;return 0===t.length&&!e.component}(),t=(0,a.l)(),n=!e&&"mobile"===t,[l,c]=(0,r.useState)(!1);(0,i.$Z)((()=>{if(l)return c(!1),!1}));const u=(0,r.useCallback)((()=>{c((e=>!e))}),[]);return(0,r.useEffect)((()=>{"desktop"===t&&c(!1)}),[t]),(0,r.useMemo)((()=>({disabled:e,shouldRender:n,toggle:u,shown:l})),[e,n,u,l])}function p(e){let{children:t}=e;const n=d();return(0,c.jsx)(u.Provider,{value:n,children:t})}function f(){const e=r.useContext(u);if(void 0===e)throw new l.dV("NavbarMobileSidebarProvider");return e}},646:(e,t,n)=>{"use strict";n.d(t,{GX:()=>c,YL:()=>l,y_:()=>s});var r=n(758),o=n(4902),a=n(6070);const i=r.createContext(null);function s(e){let{children:t}=e;const n=(0,r.useState)({component:null,props:null});return(0,a.jsx)(i.Provider,{value:n,children:t})}function l(){const e=(0,r.useContext)(i);if(!e)throw new o.dV("NavbarSecondaryMenuContentProvider");return e[0]}function c(e){let{component:t,props:n}=e;const a=(0,r.useContext)(i);if(!a)throw new o.dV("NavbarSecondaryMenuContentProvider");const[,s]=a,l=(0,o.Be)(n);return(0,r.useEffect)((()=>{s({component:t,props:l})}),[s,t,l]),(0,r.useEffect)((()=>()=>s({component:null,props:null})),[s]),null}},9782:(e,t,n)=>{"use strict";n.d(t,{w:()=>o,J:()=>a});var r=n(758);const o="navigation-with-keyboard";function a(){(0,r.useEffect)((()=>{function e(e){"keydown"===e.type&&"Tab"===e.key&&document.body.classList.add(o),"mousedown"===e.type&&document.body.classList.remove(o)}return document.addEventListener("keydown",e),document.addEventListener("mousedown",e),()=>{document.body.classList.remove(o),document.removeEventListener("keydown",e),document.removeEventListener("mousedown",e)}}),[])}},8169:(e,t,n)=>{"use strict";n.d(t,{b:()=>s,w:()=>l});var r=n(758),o=n(9143),a=n(3979);const i="q";function s(){return(0,a.l)(i)}function l(){const{siteConfig:{baseUrl:e,themeConfig:t}}=(0,o.A)(),{algolia:{searchPagePath:n}}=t;return(0,r.useCallback)((t=>`${e}${n}?${i}=${encodeURIComponent(t)}`),[e,n])}},9207:(e,t,n)=>{"use strict";n.d(t,{l:()=>s});var r=n(758),o=n(3088);const a={desktop:"desktop",mobile:"mobile",ssr:"ssr"},i=996;function s(e){let{desktopBreakpoint:t=i}=void 0===e?{}:e;const[n,s]=(0,r.useState)((()=>"ssr"));return(0,r.useEffect)((()=>{function e(){s(function(e){if(!o.A.canUseDOM)throw new Error("getWindowSize() should only be called after React hydration");return window.innerWidth>e?a.desktop:a.mobile}(t))}return e(),window.addEventListener("resize",e),()=>{window.removeEventListener("resize",e)}}),[t]),n}},8813:(e,t,n)=>{"use strict";n.d(t,{G:()=>r});const r={page:{blogListPage:"blog-list-page",blogPostPage:"blog-post-page",blogTagsListPage:"blog-tags-list-page",blogTagPostListPage:"blog-tags-post-list-page",blogAuthorsListPage:"blog-authors-list-page",blogAuthorsPostsPage:"blog-authors-posts-page",docsDocPage:"docs-doc-page",docsTagsListPage:"docs-tags-list-page",docsTagDocListPage:"docs-tags-doc-list-page",mdxPage:"mdx-page"},wrapper:{main:"main-wrapper",blogPages:"blog-wrapper",docsPages:"docs-wrapper",mdxPages:"mdx-wrapper"},common:{editThisPage:"theme-edit-this-page",lastUpdated:"theme-last-updated",backToTopButton:"theme-back-to-top-button",codeBlock:"theme-code-block",admonition:"theme-admonition",unlistedBanner:"theme-unlisted-banner",draftBanner:"theme-draft-banner",admonitionType:e=>`theme-admonition-${e}`},layout:{},docs:{docVersionBanner:"theme-doc-version-banner",docVersionBadge:"theme-doc-version-badge",docBreadcrumbs:"theme-doc-breadcrumbs",docMarkdown:"theme-doc-markdown",docTocMobile:"theme-doc-toc-mobile",docTocDesktop:"theme-doc-toc-desktop",docFooter:"theme-doc-footer",docFooterTagsRow:"theme-doc-footer-tags-row",docFooterEditMetaRow:"theme-doc-footer-edit-meta-row",docSidebarContainer:"theme-doc-sidebar-container",docSidebarMenu:"theme-doc-sidebar-menu",docSidebarItemCategory:"theme-doc-sidebar-item-category",docSidebarItemLink:"theme-doc-sidebar-item-link",docSidebarItemCategoryLevel:e=>`theme-doc-sidebar-item-category-level-${e}`,docSidebarItemLinkLevel:e=>`theme-doc-sidebar-item-link-level-${e}`},blog:{blogFooterTagsRow:"theme-blog-footer-tags-row",blogFooterEditMetaRow:"theme-blog-footer-edit-meta-row"},pages:{pageFooterEditMetaRow:"theme-pages-footer-edit-meta-row"}}},9963:(e,t,n)=>{"use strict";function r(){return window.matchMedia("(prefers-reduced-motion: reduce)").matches}n.d(t,{O:()=>r})},7743:(e,t,n)=>{"use strict";n.d(t,{s:()=>o});var r=n(9143);function o(e){const{siteConfig:t}=(0,r.A)(),{title:n,titleDelimiter:o}=t;return e?.trim().length?`${e.trim()} ${o} ${n}`:n}},3979:(e,t,n)=>{"use strict";n.d(t,{$Z:()=>i,l:()=>l});var r=n(758),o=n(5557),a=n(4902);function i(e){!function(e){const t=(0,o.W6)(),n=(0,a._q)(e);(0,r.useEffect)((()=>t.block(((e,t)=>n(e,t)))),[t,n])}(((t,n)=>{if("POP"===n)return e(t,n)}))}function s(e){const t=(0,o.W6)();return(0,r.useSyncExternalStore)(t.listen,(()=>e(t)),(()=>e(t)))}function l(e){const t=function(e){return s((t=>null===e?null:new URLSearchParams(t.location.search).get(e)))}(e)??"",n=function(e){const t=(0,o.W6)();return(0,r.useCallback)(((n,r)=>{const o=new URLSearchParams(t.location.search);n?o.set(e,n):o.delete(e),(r?.push?t.push:t.replace)({search:o.toString()})}),[e,t])}(e);return[t,n]}},2632:(e,t,n)=>{"use strict";function r(e){return Array.from(new Set(e))}function o(e,t){const n={};let r=0;for(const o of e){const e=t(o,r);n[e]??=[],n[e].push(o),r+=1}return n}n.d(t,{$z:()=>o,sb:()=>r})},898:(e,t,n)=>{"use strict";n.d(t,{Jx:()=>f,be:()=>u,e3:()=>p});var r=n(758),o=n(3526),a=n(2293),i=n(3112),s=n(5252),l=n(7743),c=n(6070);function u(e){let{title:t,description:n,keywords:r,image:o,children:i}=e;const u=(0,l.s)(t),{withBaseUrl:d}=(0,s.hH)(),p=o?d(o,{absolute:!0}):void 0;return(0,c.jsxs)(a.A,{children:[t&&(0,c.jsx)("title",{children:u}),t&&(0,c.jsx)("meta",{property:"og:title",content:u}),n&&(0,c.jsx)("meta",{name:"description",content:n}),n&&(0,c.jsx)("meta",{property:"og:description",content:n}),r&&(0,c.jsx)("meta",{name:"keywords",content:Array.isArray(r)?r.join(","):r}),p&&(0,c.jsx)("meta",{property:"og:image",content:p}),p&&(0,c.jsx)("meta",{name:"twitter:image",content:p}),i]})}const d=r.createContext(void 0);function p(e){let{className:t,children:n}=e;const i=r.useContext(d),s=(0,o.A)(i,t);return(0,c.jsxs)(d.Provider,{value:s,children:[(0,c.jsx)(a.A,{children:(0,c.jsx)("html",{className:s})}),n]})}function f(e){let{children:t}=e;const n=(0,i.A)(),r=`plugin-${n.plugin.name.replace(/docusaurus-(?:plugin|theme)-(?:content-)?/gi,"")}`;const a=`plugin-id-${n.plugin.id}`;return(0,c.jsx)(p,{className:(0,o.A)(r,a),children:t})}},4902:(e,t,n)=>{"use strict";n.d(t,{Be:()=>c,ZC:()=>s,_q:()=>i,dV:()=>l,fM:()=>u});var r=n(758),o=n(8302),a=n(6070);function i(e){const t=(0,r.useRef)(e);return(0,o.A)((()=>{t.current=e}),[e]),(0,r.useCallback)((function(){return t.current(...arguments)}),[])}function s(e){const t=(0,r.useRef)();return(0,o.A)((()=>{t.current=e})),t.current}class l extends Error{constructor(e,t){super(),this.name="ReactContextError",this.message=`Hook ${this.stack?.split("\n")[1]?.match(/at (?:\w+\.)?(?<name>\w+)/)?.groups.name??""} is called outside the <${e}>. ${t??""}`}}function c(e){const t=Object.entries(e);return t.sort(((e,t)=>e[0].localeCompare(t[0]))),(0,r.useMemo)((()=>e),t.flat())}function u(e){return t=>{let{children:n}=t;return(0,a.jsx)(a.Fragment,{children:e.reduceRight(((e,t)=>(0,a.jsx)(t,{children:e})),n)})}}},5130:(e,t,n)=>{"use strict";function r(e,t){return void 0!==e&&void 0!==t&&new RegExp(e,"gi").test(t)}n.d(t,{G:()=>r})},5763:(e,t,n)=>{"use strict";n.d(t,{Dt:()=>s,ys:()=>i});var r=n(758),o=n(1377),a=n(9143);function i(e,t){const n=e=>(!e||e.endsWith("/")?e:`${e}/`)?.toLowerCase();return n(e)===n(t)}function s(){const{baseUrl:e}=(0,a.A)().siteConfig;return(0,r.useMemo)((()=>function(e){let{baseUrl:t,routes:n}=e;function r(e){return e.path===t&&!0===e.exact}function o(e){return e.path===t&&!e.exact}return function e(t){if(0===t.length)return;return t.find(r)||e(t.filter(o).flatMap((e=>e.routes??[])))}(n)}({routes:o.A,baseUrl:e})),[e])}},9030:(e,t,n)=>{"use strict";n.d(t,{Mq:()=>p,Tv:()=>c,gk:()=>f});var r=n(758),o=n(3088),a=n(2630),i=(n(8302),n(4902)),s=n(6070);const l=r.createContext(void 0);function c(e){let{children:t}=e;const n=function(){const e=(0,r.useRef)(!0);return(0,r.useMemo)((()=>({scrollEventsEnabledRef:e,enableScrollEvents:()=>{e.current=!0},disableScrollEvents:()=>{e.current=!1}})),[])}();return(0,s.jsx)(l.Provider,{value:n,children:t})}function u(){const e=(0,r.useContext)(l);if(null==e)throw new i.dV("ScrollControllerProvider");return e}const d=()=>o.A.canUseDOM?{scrollX:window.pageXOffset,scrollY:window.pageYOffset}:null;function p(e,t){void 0===t&&(t=[]);const{scrollEventsEnabledRef:n}=u(),o=(0,r.useRef)(d()),a=(0,i._q)(e);(0,r.useEffect)((()=>{const e=()=>{if(!n.current)return;const e=d();a(e,o.current),o.current=e},t={passive:!0};return e(),window.addEventListener("scroll",e,t),()=>window.removeEventListener("scroll",e,t)}),[a,n,...t])}function f(){const e=(0,r.useRef)(null),t=(0,a.A)()&&"smooth"===getComputedStyle(document.documentElement).scrollBehavior;return{startScroll:n=>{e.current=t?function(e){return window.scrollTo({top:e,behavior:"smooth"}),()=>{}}(n):function(e){let t=null;const n=document.documentElement.scrollTop>e;return function r(){const o=document.documentElement.scrollTop;(n&&o>e||!n&&o<e)&&(t=requestAnimationFrame(r),window.scrollTo(0,Math.floor(.85*(o-e))+e))}(),()=>t&&cancelAnimationFrame(t)}(n)},cancelScroll:()=>e.current?.()}}},4937:(e,t,n)=>{"use strict";n.d(t,{C:()=>r});const r="default"},3349:(e,t,n)=>{"use strict";n.d(t,{Wf:()=>c});n(758);const r=JSON.parse('{"N":"localStorage","M":""}'),o=r.N;function a(e){let{key:t,oldValue:n,newValue:r,storage:o}=e;if(n===r)return;const a=document.createEvent("StorageEvent");a.initStorageEvent("storage",!1,!1,t,n,r,window.location.href,o),window.dispatchEvent(a)}function i(e){if(void 0===e&&(e=o),"undefined"==typeof window)throw new Error("Browser storage is not available on Node.js/Docusaurus SSR process.");if("none"===e)return null;try{return window[e]}catch(n){return t=n,s||(console.warn("Docusaurus browser storage is not available.\nPossible reasons: running Docusaurus in an iframe, in an incognito browser session, or using too strict browser privacy settings.",t),s=!0),null}var t}let s=!1;const l={get:()=>null,set:()=>{},del:()=>{},listen:()=>()=>{}};function c(e,t){const n=`${e}${r.M}`;if("undefined"==typeof window)return function(e){function t(){throw new Error(`Illegal storage API usage for storage key "${e}".\nDocusaurus storage APIs are not supposed to be called on the server-rendering process.\nPlease only call storage APIs in effects and event handlers.`)}return{get:t,set:t,del:t,listen:t}}(n);const o=i(t?.persistence);return null===o?l:{get:()=>{try{return o.getItem(n)}catch(e){return console.error(`Docusaurus storage error, can't get key=${n}`,e),null}},set:e=>{try{const t=o.getItem(n);o.setItem(n,e),a({key:n,oldValue:t,newValue:e,storage:o})}catch(t){console.error(`Docusaurus storage error, can't set ${n}=${e}`,t)}},del:()=>{try{const e=o.getItem(n);o.removeItem(n),a({key:n,oldValue:e,newValue:null,storage:o})}catch(e){console.error(`Docusaurus storage error, can't delete key=${n}`,e)}},listen:e=>{try{const t=t=>{t.storageArea===o&&t.key===n&&e(t)};return window.addEventListener("storage",t),()=>window.removeEventListener("storage",t)}catch(t){return console.error(`Docusaurus storage error, can't listen for changes of key=${n}`,t),()=>{}}}}}},1529:(e,t,n)=>{"use strict";n.d(t,{o:()=>i});var r=n(9143),o=n(5557),a=n(3509);function i(){const{siteConfig:{baseUrl:e,url:t,trailingSlash:n},i18n:{defaultLocale:i,currentLocale:s}}=(0,r.A)(),{pathname:l}=(0,o.zy)(),c=(0,a.Ks)(l,{trailingSlash:n,baseUrl:e}),u=s===i?e:e.replace(`/${s}/`,"/"),d=c.replace(e,"");return{createUrl:function(e){let{locale:n,fullyQualified:r}=e;return`${r?t:""}${function(e){return e===i?`${u}`:`${u}${e}/`}(n)}${d}`}}}},2360:(e,t,n)=>{"use strict";n.d(t,{$:()=>i});var r=n(758),o=n(5557),a=n(4902);function i(e){const t=(0,o.zy)(),n=(0,a.ZC)(t),i=(0,a._q)(e);(0,r.useEffect)((()=>{n&&t!==n&&i({location:t,previousLocation:n})}),[i,t,n])}},316:(e,t,n)=>{"use strict";n.d(t,{p:()=>o});var r=n(9143);function o(){return(0,r.A)().siteConfig.themeConfig}},7e3:(e,t,n)=>{"use strict";n.d(t,{c:()=>o});var r=n(9143);function o(){const{siteConfig:{themeConfig:e}}=(0,r.A)();return e}},1152:(e,t,n)=>{"use strict";n.d(t,{C:()=>s});var r=n(758),o=n(5130),a=n(5252),i=n(7e3);function s(){const{withBaseUrl:e}=(0,a.hH)(),{algolia:{externalUrlRegex:t,replaceSearchResultPathname:n}}=(0,i.c)();return(0,r.useCallback)((r=>{const a=new URL(r);if((0,o.G)(t,a.href))return r;const i=`${a.pathname+a.hash}`;return e(function(e,t){return t?e.replaceAll(new RegExp(t.from,"g"),t.to):e}(i,n))}),[e,t,n])}},1640:(e,t,n)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.addTrailingSlash=o,t.default=function(e,t){const{trailingSlash:n,baseUrl:r}=t;if(e.startsWith("#"))return e;if(void 0===n)return e;const[i]=e.split(/[#?]/),s="/"===i||i===r?i:(l=i,c=n,c?o(l):a(l));var l,c;return e.replace(i,s)},t.addLeadingSlash=function(e){return(0,r.addPrefix)(e,"/")},t.removeTrailingSlash=a;const r=n(239);function o(e){return e.endsWith("/")?e:`${e}/`}function a(e){return(0,r.removeSuffix)(e,"/")}},4814:(e,t)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.getErrorCausalChain=function e(t){if(t.cause)return[t,...e(t.cause)];return[t]}},3509:(e,t,n)=>{"use strict";t.rA=t.Ks=t.LU=void 0;const r=n(3422);t.LU="__blog-post-container";var o=n(1640);Object.defineProperty(t,"Ks",{enumerable:!0,get:function(){return r.__importDefault(o).default}});var a=n(239);var i=n(4814);Object.defineProperty(t,"rA",{enumerable:!0,get:function(){return i.getErrorCausalChain}})},239:(e,t)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.addPrefix=function(e,t){return e.startsWith(t)?e:`${t}${e}`},t.removeSuffix=function(e,t){if(""===t)return e;return e.endsWith(t)?e.slice(0,-t.length):e},t.addSuffix=function(e,t){return e.endsWith(t)?e:`${e}${t}`},t.removePrefix=function(e,t){return e.startsWith(t)?e.slice(t.length):e}},3332:(e,t,n)=>{"use strict";n.d(t,{zR:()=>w,TM:()=>_,yJ:()=>f,sC:()=>A,AO:()=>p});var r=n(991);function o(e){return"/"===e.charAt(0)}function a(e,t){for(var n=t,r=n+1,o=e.length;r<o;n+=1,r+=1)e[n]=e[r];e.pop()}const i=function(e,t){void 0===t&&(t="");var n,r=e&&e.split("/")||[],i=t&&t.split("/")||[],s=e&&o(e),l=t&&o(t),c=s||l;if(e&&o(e)?i=r:r.length&&(i.pop(),i=i.concat(r)),!i.length)return"/";if(i.length){var u=i[i.length-1];n="."===u||".."===u||""===u}else n=!1;for(var d=0,p=i.length;p>=0;p--){var f=i[p];"."===f?a(i,p):".."===f?(a(i,p),d++):d&&(a(i,p),d--)}if(!c)for(;d--;d)i.unshift("..");!c||""===i[0]||i[0]&&o(i[0])||i.unshift("");var m=i.join("/");return n&&"/"!==m.substr(-1)&&(m+="/"),m};var s=n(5385);function l(e){return"/"===e.charAt(0)?e:"/"+e}function c(e){return"/"===e.charAt(0)?e.substr(1):e}function u(e,t){return function(e,t){return 0===e.toLowerCase().indexOf(t.toLowerCase())&&-1!=="/?#".indexOf(e.charAt(t.length))}(e,t)?e.substr(t.length):e}function d(e){return"/"===e.charAt(e.length-1)?e.slice(0,-1):e}function p(e){var t=e.pathname,n=e.search,r=e.hash,o=t||"/";return n&&"?"!==n&&(o+="?"===n.charAt(0)?n:"?"+n),r&&"#"!==r&&(o+="#"===r.charAt(0)?r:"#"+r),o}function f(e,t,n,o){var a;"string"==typeof e?(a=function(e){var t=e||"/",n="",r="",o=t.indexOf("#");-1!==o&&(r=t.substr(o),t=t.substr(0,o));var a=t.indexOf("?");return-1!==a&&(n=t.substr(a),t=t.substr(0,a)),{pathname:t,search:"?"===n?"":n,hash:"#"===r?"":r}}(e),a.state=t):(void 0===(a=(0,r.A)({},e)).pathname&&(a.pathname=""),a.search?"?"!==a.search.charAt(0)&&(a.search="?"+a.search):a.search="",a.hash?"#"!==a.hash.charAt(0)&&(a.hash="#"+a.hash):a.hash="",void 0!==t&&void 0===a.state&&(a.state=t));try{a.pathname=decodeURI(a.pathname)}catch(s){throw s instanceof URIError?new URIError('Pathname "'+a.pathname+'" could not be decoded. This is likely caused by an invalid percent-encoding.'):s}return n&&(a.key=n),o?a.pathname?"/"!==a.pathname.charAt(0)&&(a.pathname=i(a.pathname,o.pathname)):a.pathname=o.pathname:a.pathname||(a.pathname="/"),a}function m(){var e=null;var t=[];return{setPrompt:function(t){return e=t,function(){e===t&&(e=null)}},confirmTransitionTo:function(t,n,r,o){if(null!=e){var a="function"==typeof e?e(t,n):e;"string"==typeof a?"function"==typeof r?r(a,o):o(!0):o(!1!==a)}else o(!0)},appendListener:function(e){var n=!0;function r(){n&&e.apply(void 0,arguments)}return t.push(r),function(){n=!1,t=t.filter((function(e){return e!==r}))}},notifyListeners:function(){for(var e=arguments.length,n=new Array(e),r=0;r<e;r++)n[r]=arguments[r];t.forEach((function(e){return e.apply(void 0,n)}))}}}var h=!("undefined"==typeof window||!window.document||!window.document.createElement);function g(e,t){t(window.confirm(e))}var b="popstate",y="hashchange";function v(){try{return window.history.state||{}}catch(e){return{}}}function w(e){void 0===e&&(e={}),h||(0,s.A)(!1);var t,n=window.history,o=(-1===(t=window.navigator.userAgent).indexOf("Android 2.")&&-1===t.indexOf("Android 4.0")||-1===t.indexOf("Mobile Safari")||-1!==t.indexOf("Chrome")||-1!==t.indexOf("Windows Phone"))&&window.history&&"pushState"in window.history,a=!(-1===window.navigator.userAgent.indexOf("Trident")),i=e,c=i.forceRefresh,w=void 0!==c&&c,S=i.getUserConfirmation,x=void 0===S?g:S,k=i.keyLength,j=void 0===k?6:k,E=e.basename?d(l(e.basename)):"";function _(e){var t=e||{},n=t.key,r=t.state,o=window.location,a=o.pathname+o.search+o.hash;return E&&(a=u(a,E)),f(a,r,n)}function C(){return Math.random().toString(36).substr(2,j)}var A=m();function O(e){(0,r.A)(U,e),U.length=n.length,A.notifyListeners(U.location,U.action)}function T(e){(function(e){return void 0===e.state&&-1===navigator.userAgent.indexOf("CriOS")})(e)||I(_(e.state))}function P(){I(_(v()))}var L=!1;function I(e){if(L)L=!1,O();else{A.confirmTransitionTo(e,"POP",x,(function(t){t?O({action:"POP",location:e}):function(e){var t=U.location,n=N.indexOf(t.key);-1===n&&(n=0);var r=N.indexOf(e.key);-1===r&&(r=0);var o=n-r;o&&(L=!0,M(o))}(e)}))}}var R=_(v()),N=[R.key];function D(e){return E+p(e)}function M(e){n.go(e)}var F=0;function z(e){1===(F+=e)&&1===e?(window.addEventListener(b,T),a&&window.addEventListener(y,P)):0===F&&(window.removeEventListener(b,T),a&&window.removeEventListener(y,P))}var B=!1;var U={length:n.length,action:"POP",location:R,createHref:D,push:function(e,t){var r="PUSH",a=f(e,t,C(),U.location);A.confirmTransitionTo(a,r,x,(function(e){if(e){var t=D(a),i=a.key,s=a.state;if(o)if(n.pushState({key:i,state:s},null,t),w)window.location.href=t;else{var l=N.indexOf(U.location.key),c=N.slice(0,l+1);c.push(a.key),N=c,O({action:r,location:a})}else window.location.href=t}}))},replace:function(e,t){var r="REPLACE",a=f(e,t,C(),U.location);A.confirmTransitionTo(a,r,x,(function(e){if(e){var t=D(a),i=a.key,s=a.state;if(o)if(n.replaceState({key:i,state:s},null,t),w)window.location.replace(t);else{var l=N.indexOf(U.location.key);-1!==l&&(N[l]=a.key),O({action:r,location:a})}else window.location.replace(t)}}))},go:M,goBack:function(){M(-1)},goForward:function(){M(1)},block:function(e){void 0===e&&(e=!1);var t=A.setPrompt(e);return B||(z(1),B=!0),function(){return B&&(B=!1,z(-1)),t()}},listen:function(e){var t=A.appendListener(e);return z(1),function(){z(-1),t()}}};return U}var S="hashchange",x={hashbang:{encodePath:function(e){return"!"===e.charAt(0)?e:"!/"+c(e)},decodePath:function(e){return"!"===e.charAt(0)?e.substr(1):e}},noslash:{encodePath:c,decodePath:l},slash:{encodePath:l,decodePath:l}};function k(e){var t=e.indexOf("#");return-1===t?e:e.slice(0,t)}function j(){var e=window.location.href,t=e.indexOf("#");return-1===t?"":e.substring(t+1)}function E(e){window.location.replace(k(window.location.href)+"#"+e)}function _(e){void 0===e&&(e={}),h||(0,s.A)(!1);var t=window.history,n=(window.navigator.userAgent.indexOf("Firefox"),e),o=n.getUserConfirmation,a=void 0===o?g:o,i=n.hashType,c=void 0===i?"slash":i,b=e.basename?d(l(e.basename)):"",y=x[c],v=y.encodePath,w=y.decodePath;function _(){var e=w(j());return b&&(e=u(e,b)),f(e)}var C=m();function A(e){(0,r.A)(B,e),B.length=t.length,C.notifyListeners(B.location,B.action)}var O=!1,T=null;function P(){var e,t,n=j(),r=v(n);if(n!==r)E(r);else{var o=_(),i=B.location;if(!O&&(t=o,(e=i).pathname===t.pathname&&e.search===t.search&&e.hash===t.hash))return;if(T===p(o))return;T=null,function(e){if(O)O=!1,A();else{var t="POP";C.confirmTransitionTo(e,t,a,(function(n){n?A({action:t,location:e}):function(e){var t=B.location,n=N.lastIndexOf(p(t));-1===n&&(n=0);var r=N.lastIndexOf(p(e));-1===r&&(r=0);var o=n-r;o&&(O=!0,D(o))}(e)}))}}(o)}}var L=j(),I=v(L);L!==I&&E(I);var R=_(),N=[p(R)];function D(e){t.go(e)}var M=0;function F(e){1===(M+=e)&&1===e?window.addEventListener(S,P):0===M&&window.removeEventListener(S,P)}var z=!1;var B={length:t.length,action:"POP",location:R,createHref:function(e){var t=document.querySelector("base"),n="";return t&&t.getAttribute("href")&&(n=k(window.location.href)),n+"#"+v(b+p(e))},push:function(e,t){var n="PUSH",r=f(e,void 0,void 0,B.location);C.confirmTransitionTo(r,n,a,(function(e){if(e){var t=p(r),o=v(b+t);if(j()!==o){T=t,function(e){window.location.hash=e}(o);var a=N.lastIndexOf(p(B.location)),i=N.slice(0,a+1);i.push(t),N=i,A({action:n,location:r})}else A()}}))},replace:function(e,t){var n="REPLACE",r=f(e,void 0,void 0,B.location);C.confirmTransitionTo(r,n,a,(function(e){if(e){var t=p(r),o=v(b+t);j()!==o&&(T=t,E(o));var a=N.indexOf(p(B.location));-1!==a&&(N[a]=t),A({action:n,location:r})}}))},go:D,goBack:function(){D(-1)},goForward:function(){D(1)},block:function(e){void 0===e&&(e=!1);var t=C.setPrompt(e);return z||(F(1),z=!0),function(){return z&&(z=!1,F(-1)),t()}},listen:function(e){var t=C.appendListener(e);return F(1),function(){F(-1),t()}}};return B}function C(e,t,n){return Math.min(Math.max(e,t),n)}function A(e){void 0===e&&(e={});var t=e,n=t.getUserConfirmation,o=t.initialEntries,a=void 0===o?["/"]:o,i=t.initialIndex,s=void 0===i?0:i,l=t.keyLength,c=void 0===l?6:l,u=m();function d(e){(0,r.A)(w,e),w.length=w.entries.length,u.notifyListeners(w.location,w.action)}function h(){return Math.random().toString(36).substr(2,c)}var g=C(s,0,a.length-1),b=a.map((function(e){return f(e,void 0,"string"==typeof e?h():e.key||h())})),y=p;function v(e){var t=C(w.index+e,0,w.entries.length-1),r=w.entries[t];u.confirmTransitionTo(r,"POP",n,(function(e){e?d({action:"POP",location:r,index:t}):d()}))}var w={length:b.length,action:"POP",location:b[g],index:g,entries:b,createHref:y,push:function(e,t){var r="PUSH",o=f(e,t,h(),w.location);u.confirmTransitionTo(o,r,n,(function(e){if(e){var t=w.index+1,n=w.entries.slice(0);n.length>t?n.splice(t,n.length-t,o):n.push(o),d({action:r,location:o,index:t,entries:n})}}))},replace:function(e,t){var r="REPLACE",o=f(e,t,h(),w.location);u.confirmTransitionTo(o,r,n,(function(e){e&&(w.entries[w.index]=o,d({action:r,location:o}))}))},go:v,goBack:function(){v(-1)},goForward:function(){v(1)},canGo:function(e){var t=w.index+e;return t>=0&&t<w.entries.length},block:function(e){return void 0===e&&(e=!1),u.setPrompt(e)},listen:function(e){return u.appendListener(e)}};return w}},1035:(e,t,n)=>{"use strict";var r=n(5959),o={childContextTypes:!0,contextType:!0,contextTypes:!0,defaultProps:!0,displayName:!0,getDefaultProps:!0,getDerivedStateFromError:!0,getDerivedStateFromProps:!0,mixins:!0,propTypes:!0,type:!0},a={name:!0,length:!0,prototype:!0,caller:!0,callee:!0,arguments:!0,arity:!0},i={$$typeof:!0,compare:!0,defaultProps:!0,displayName:!0,propTypes:!0,type:!0},s={};function l(e){return r.isMemo(e)?i:s[e.$$typeof]||o}s[r.ForwardRef]={$$typeof:!0,render:!0,defaultProps:!0,displayName:!0,propTypes:!0},s[r.Memo]=i;var c=Object.defineProperty,u=Object.getOwnPropertyNames,d=Object.getOwnPropertySymbols,p=Object.getOwnPropertyDescriptor,f=Object.getPrototypeOf,m=Object.prototype;e.exports=function e(t,n,r){if("string"!=typeof n){if(m){var o=f(n);o&&o!==m&&e(t,o,r)}var i=u(n);d&&(i=i.concat(d(n)));for(var s=l(t),h=l(n),g=0;g<i.length;++g){var b=i[g];if(!(a[b]||r&&r[b]||h&&h[b]||s&&s[b])){var y=p(n,b);try{c(t,b,y)}catch(v){}}}}return t}},9597:e=>{"use strict";e.exports=function(e,t,n,r,o,a,i,s){if(!e){var l;if(void 0===t)l=new Error("Minified exception occurred; use the non-minified dev environment for the full error message and additional helpful warnings.");else{var c=[n,r,o,a,i,s],u=0;(l=new Error(t.replace(/%s/g,(function(){return c[u++]})))).name="Invariant Violation"}throw l.framesToPop=1,l}}},5526:e=>{e.exports=Array.isArray||function(e){return"[object Array]"==Object.prototype.toString.call(e)}},8602:(e,t,n)=>{"use strict";n.r(t)},4504:(e,t,n)=>{"use strict";n.r(t)},8744:function(e,t,n){var r,o;r=function(){var e,t,n={version:"0.2.0"},r=n.settings={minimum:.08,easing:"ease",positionUsing:"",speed:200,trickle:!0,trickleRate:.02,trickleSpeed:800,showSpinner:!0,barSelector:'[role="bar"]',spinnerSelector:'[role="spinner"]',parent:"body",template:'<div class="bar" role="bar"><div class="peg"></div></div><div class="spinner" role="spinner"><div class="spinner-icon"></div></div>'};function o(e,t,n){return e<t?t:e>n?n:e}function a(e){return 100*(-1+e)}function i(e,t,n){var o;return(o="translate3d"===r.positionUsing?{transform:"translate3d("+a(e)+"%,0,0)"}:"translate"===r.positionUsing?{transform:"translate("+a(e)+"%,0)"}:{"margin-left":a(e)+"%"}).transition="all "+t+"ms "+n,o}n.configure=function(e){var t,n;for(t in e)void 0!==(n=e[t])&&e.hasOwnProperty(t)&&(r[t]=n);return this},n.status=null,n.set=function(e){var t=n.isStarted();e=o(e,r.minimum,1),n.status=1===e?null:e;var a=n.render(!t),c=a.querySelector(r.barSelector),u=r.speed,d=r.easing;return a.offsetWidth,s((function(t){""===r.positionUsing&&(r.positionUsing=n.getPositioningCSS()),l(c,i(e,u,d)),1===e?(l(a,{transition:"none",opacity:1}),a.offsetWidth,setTimeout((function(){l(a,{transition:"all "+u+"ms linear",opacity:0}),setTimeout((function(){n.remove(),t()}),u)}),u)):setTimeout(t,u)})),this},n.isStarted=function(){return"number"==typeof n.status},n.start=function(){n.status||n.set(0);var e=function(){setTimeout((function(){n.status&&(n.trickle(),e())}),r.trickleSpeed)};return r.trickle&&e(),this},n.done=function(e){return e||n.status?n.inc(.3+.5*Math.random()).set(1):this},n.inc=function(e){var t=n.status;return t?("number"!=typeof e&&(e=(1-t)*o(Math.random()*t,.1,.95)),t=o(t+e,0,.994),n.set(t)):n.start()},n.trickle=function(){return n.inc(Math.random()*r.trickleRate)},e=0,t=0,n.promise=function(r){return r&&"resolved"!==r.state()?(0===t&&n.start(),e++,t++,r.always((function(){0==--t?(e=0,n.done()):n.set((e-t)/e)})),this):this},n.render=function(e){if(n.isRendered())return document.getElementById("nprogress");u(document.documentElement,"nprogress-busy");var t=document.createElement("div");t.id="nprogress",t.innerHTML=r.template;var o,i=t.querySelector(r.barSelector),s=e?"-100":a(n.status||0),c=document.querySelector(r.parent);return l(i,{transition:"all 0 linear",transform:"translate3d("+s+"%,0,0)"}),r.showSpinner||(o=t.querySelector(r.spinnerSelector))&&f(o),c!=document.body&&u(c,"nprogress-custom-parent"),c.appendChild(t),t},n.remove=function(){d(document.documentElement,"nprogress-busy"),d(document.querySelector(r.parent),"nprogress-custom-parent");var e=document.getElementById("nprogress");e&&f(e)},n.isRendered=function(){return!!document.getElementById("nprogress")},n.getPositioningCSS=function(){var e=document.body.style,t="WebkitTransform"in e?"Webkit":"MozTransform"in e?"Moz":"msTransform"in e?"ms":"OTransform"in e?"O":"";return t+"Perspective"in e?"translate3d":t+"Transform"in e?"translate":"margin"};var s=function(){var e=[];function t(){var n=e.shift();n&&n(t)}return function(n){e.push(n),1==e.length&&t()}}(),l=function(){var e=["Webkit","O","Moz","ms"],t={};function n(e){return e.replace(/^-ms-/,"ms-").replace(/-([\da-z])/gi,(function(e,t){return t.toUpperCase()}))}function r(t){var n=document.body.style;if(t in n)return t;for(var r,o=e.length,a=t.charAt(0).toUpperCase()+t.slice(1);o--;)if((r=e[o]+a)in n)return r;return t}function o(e){return e=n(e),t[e]||(t[e]=r(e))}function a(e,t,n){t=o(t),e.style[t]=n}return function(e,t){var n,r,o=arguments;if(2==o.length)for(n in t)void 0!==(r=t[n])&&t.hasOwnProperty(n)&&a(e,n,r);else a(e,o[1],o[2])}}();function c(e,t){return("string"==typeof e?e:p(e)).indexOf(" "+t+" ")>=0}function u(e,t){var n=p(e),r=n+t;c(n,t)||(e.className=r.substring(1))}function d(e,t){var n,r=p(e);c(e,t)&&(n=r.replace(" "+t+" "," "),e.className=n.substring(1,n.length-1))}function p(e){return(" "+(e.className||"")+" ").replace(/\s+/gi," ")}function f(e){e&&e.parentNode&&e.parentNode.removeChild(e)}return n},void 0===(o="function"==typeof r?r.call(t,n,t,e):r)||(e.exports=o)},6150:(e,t,n)=>{var r=n(5526);e.exports=f,e.exports.parse=a,e.exports.compile=function(e,t){return s(a(e,t),t)},e.exports.tokensToFunction=s,e.exports.tokensToRegExp=p;var o=new RegExp(["(\\\\.)","([\\/.])?(?:(?:\\:(\\w+)(?:\\(((?:\\\\.|[^\\\\()])+)\\))?|\\(((?:\\\\.|[^\\\\()])+)\\))([+*?])?|(\\*))"].join("|"),"g");function a(e,t){for(var n,r=[],a=0,i=0,s="",u=t&&t.delimiter||"/";null!=(n=o.exec(e));){var d=n[0],p=n[1],f=n.index;if(s+=e.slice(i,f),i=f+d.length,p)s+=p[1];else{var m=e[i],h=n[2],g=n[3],b=n[4],y=n[5],v=n[6],w=n[7];s&&(r.push(s),s="");var S=null!=h&&null!=m&&m!==h,x="+"===v||"*"===v,k="?"===v||"*"===v,j=n[2]||u,E=b||y;r.push({name:g||a++,prefix:h||"",delimiter:j,optional:k,repeat:x,partial:S,asterisk:!!w,pattern:E?c(E):w?".*":"[^"+l(j)+"]+?"})}}return i<e.length&&(s+=e.substr(i)),s&&r.push(s),r}function i(e){return encodeURI(e).replace(/[\/?#]/g,(function(e){return"%"+e.charCodeAt(0).toString(16).toUpperCase()}))}function s(e,t){for(var n=new Array(e.length),o=0;o<e.length;o++)"object"==typeof e[o]&&(n[o]=new RegExp("^(?:"+e[o].pattern+")$",d(t)));return function(t,o){for(var a="",s=t||{},l=(o||{}).pretty?i:encodeURIComponent,c=0;c<e.length;c++){var u=e[c];if("string"!=typeof u){var d,p=s[u.name];if(null==p){if(u.optional){u.partial&&(a+=u.prefix);continue}throw new TypeError('Expected "'+u.name+'" to be defined')}if(r(p)){if(!u.repeat)throw new TypeError('Expected "'+u.name+'" to not repeat, but received `'+JSON.stringify(p)+"`");if(0===p.length){if(u.optional)continue;throw new TypeError('Expected "'+u.name+'" to not be empty')}for(var f=0;f<p.length;f++){if(d=l(p[f]),!n[c].test(d))throw new TypeError('Expected all "'+u.name+'" to match "'+u.pattern+'", but received `'+JSON.stringify(d)+"`");a+=(0===f?u.prefix:u.delimiter)+d}}else{if(d=u.asterisk?encodeURI(p).replace(/[?#]/g,(function(e){return"%"+e.charCodeAt(0).toString(16).toUpperCase()})):l(p),!n[c].test(d))throw new TypeError('Expected "'+u.name+'" to match "'+u.pattern+'", but received "'+d+'"');a+=u.prefix+d}}else a+=u}return a}}function l(e){return e.replace(/([.+*?=^!:${}()[\]|\/\\])/g,"\\$1")}function c(e){return e.replace(/([=!:$\/()])/g,"\\$1")}function u(e,t){return e.keys=t,e}function d(e){return e&&e.sensitive?"":"i"}function p(e,t,n){r(t)||(n=t||n,t=[]);for(var o=(n=n||{}).strict,a=!1!==n.end,i="",s=0;s<e.length;s++){var c=e[s];if("string"==typeof c)i+=l(c);else{var p=l(c.prefix),f="(?:"+c.pattern+")";t.push(c),c.repeat&&(f+="(?:"+p+f+")*"),i+=f=c.optional?c.partial?p+"("+f+")?":"(?:"+p+"("+f+"))?":p+"("+f+")"}}var m=l(n.delimiter||"/"),h=i.slice(-m.length)===m;return o||(i=(h?i.slice(0,-m.length):i)+"(?:"+m+"(?=$))?"),i+=a?"$":o&&h?"":"(?="+m+"|$)",u(new RegExp("^"+i,d(n)),t)}function f(e,t,n){return r(t)||(n=t||n,t=[]),n=n||{},e instanceof RegExp?function(e,t){var n=e.source.match(/\((?!\?)/g);if(n)for(var r=0;r<n.length;r++)t.push({name:r,prefix:null,delimiter:null,optional:!1,repeat:!1,partial:!1,asterisk:!1,pattern:null});return u(e,t)}(e,t):r(e)?function(e,t,n){for(var r=[],o=0;o<e.length;o++)r.push(f(e[o],t,n).source);return u(new RegExp("(?:"+r.join("|")+")",d(n)),t)}(e,t,n):function(e,t,n){return p(a(e,n),t,n)}(e,t,n)}},8468:(e,t,n)=>{"use strict";n.r(t),n.d(t,{default:()=>p});var r=n(4784),o=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},a=function(e){return"IMG"===e.tagName},i=function(e){return e&&1===e.nodeType},s=function(e){return".svg"===(e.currentSrc||e.src).substr(-4).toLowerCase()},l=function(e){try{return Array.isArray(e)?e.filter(a):function(e){return NodeList.prototype.isPrototypeOf(e)}(e)?[].slice.call(e).filter(a):i(e)?[e].filter(a):"string"==typeof e?[].slice.call(document.querySelectorAll(e)).filter(a):[]}catch(t){throw new TypeError("The provided selector is invalid.\nExpects a CSS selector, a Node element, a NodeList or an array.\nSee: https://github.com/francoischalifour/medium-zoom")}},c=function(e,t){var n=o({bubbles:!1,cancelable:!1,detail:void 0},t);if("function"==typeof window.CustomEvent)return new CustomEvent(e,n);var r=document.createEvent("CustomEvent");return r.initCustomEvent(e,n.bubbles,n.cancelable,n.detail),r};!function(e,t){void 0===t&&(t={});var n=t.insertAt;if(e&&"undefined"!=typeof document){var r=document.head||document.getElementsByTagName("head")[0],o=document.createElement("style");o.type="text/css","top"===n&&r.firstChild?r.insertBefore(o,r.firstChild):r.appendChild(o),o.styleSheet?o.styleSheet.cssText=e:o.appendChild(document.createTextNode(e))}}(".medium-zoom-overlay{position:fixed;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity .3s;will-change:opacity}.medium-zoom--opened .medium-zoom-overlay{cursor:pointer;cursor:zoom-out;opacity:1}.medium-zoom-image{cursor:pointer;cursor:zoom-in;transition:transform .3s cubic-bezier(.2,0,.2,1)!important}.medium-zoom-image--hidden{visibility:hidden}.medium-zoom-image--opened{position:relative;cursor:pointer;cursor:zoom-out;will-change:transform}");const u=function e(t){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},r=window.Promise||function(e){function t(){}e(t,t)},a=function(){for(var e=arguments.length,t=Array(e),n=0;n<e;n++)t[n]=arguments[n];var r=t.reduce((function(e,t){return[].concat(e,l(t))}),[]);return r.filter((function(e){return-1===f.indexOf(e)})).forEach((function(e){f.push(e),e.classList.add("medium-zoom-image")})),m.forEach((function(e){var t=e.type,n=e.listener,o=e.options;r.forEach((function(e){e.addEventListener(t,n,o)}))})),w},u=function(){var e=(arguments.length>0&&void 0!==arguments[0]?arguments[0]:{}).target,t=function(){var e={width:document.documentElement.clientWidth,height:document.documentElement.clientHeight,left:0,top:0,right:0,bottom:0},t=void 0,n=void 0;if(b.container)if(b.container instanceof Object)t=(e=o({},e,b.container)).width-e.left-e.right-2*b.margin,n=e.height-e.top-e.bottom-2*b.margin;else{var r=(i(b.container)?b.container:document.querySelector(b.container)).getBoundingClientRect(),a=r.width,l=r.height,c=r.left,u=r.top;e=o({},e,{width:a,height:l,left:c,top:u})}t=t||e.width-2*b.margin,n=n||e.height-2*b.margin;var d=y.zoomedHd||y.original,p=s(d)?t:d.naturalWidth||t,f=s(d)?n:d.naturalHeight||n,m=d.getBoundingClientRect(),h=m.top,g=m.left,v=m.width,w=m.height,S=Math.min(Math.max(v,p),t)/v,x=Math.min(Math.max(w,f),n)/w,k=Math.min(S,x),j="scale("+k+") translate3d("+((t-v)/2-g+b.margin+e.left)/k+"px, "+((n-w)/2-h+b.margin+e.top)/k+"px, 0)";y.zoomed.style.transform=j,y.zoomedHd&&(y.zoomedHd.style.transform=j)};return new r((function(n){if(e&&-1===f.indexOf(e))n(w);else{if(y.zoomed)n(w);else{if(e)y.original=e;else{if(!(f.length>0))return void n(w);var r=f;y.original=r[0]}if(y.original.dispatchEvent(c("medium-zoom:open",{detail:{zoom:w}})),g=window.pageYOffset||document.documentElement.scrollTop||document.body.scrollTop||0,h=!0,y.zoomed=function(e){var t=e.getBoundingClientRect(),n=t.top,r=t.left,o=t.width,a=t.height,i=e.cloneNode(),s=window.pageYOffset||document.documentElement.scrollTop||document.body.scrollTop||0,l=window.pageXOffset||document.documentElement.scrollLeft||document.body.scrollLeft||0;return i.removeAttribute("id"),i.style.position="absolute",i.style.top=n+s+"px",i.style.left=r+l+"px",i.style.width=o+"px",i.style.height=a+"px",i.style.transform="",i}(y.original),document.body.appendChild(v),b.template){var o=i(b.template)?b.template:document.querySelector(b.template);y.template=document.createElement("div"),y.template.appendChild(o.content.cloneNode(!0)),document.body.appendChild(y.template)}if(y.original.parentElement&&"PICTURE"===y.original.parentElement.tagName&&y.original.currentSrc&&(y.zoomed.src=y.original.currentSrc),document.body.appendChild(y.zoomed),window.requestAnimationFrame((function(){document.body.classList.add("medium-zoom--opened")})),y.original.classList.add("medium-zoom-image--hidden"),y.zoomed.classList.add("medium-zoom-image--opened"),y.zoomed.addEventListener("click",d),y.zoomed.addEventListener("transitionend",(function e(){h=!1,y.zoomed.removeEventListener("transitionend",e),y.original.dispatchEvent(c("medium-zoom:opened",{detail:{zoom:w}})),n(w)})),y.original.getAttribute("data-zoom-src")){y.zoomedHd=y.zoomed.cloneNode(),y.zoomedHd.removeAttribute("srcset"),y.zoomedHd.removeAttribute("sizes"),y.zoomedHd.removeAttribute("loading"),y.zoomedHd.src=y.zoomed.getAttribute("data-zoom-src"),y.zoomedHd.onerror=function(){clearInterval(a),console.warn("Unable to reach the zoom image target "+y.zoomedHd.src),y.zoomedHd=null,t()};var a=setInterval((function(){y.zoomedHd.complete&&(clearInterval(a),y.zoomedHd.classList.add("medium-zoom-image--opened"),y.zoomedHd.addEventListener("click",d),document.body.appendChild(y.zoomedHd),t())}),10)}else if(y.original.hasAttribute("srcset")){y.zoomedHd=y.zoomed.cloneNode(),y.zoomedHd.removeAttribute("sizes"),y.zoomedHd.removeAttribute("loading");var s=y.zoomedHd.addEventListener("load",(function(){y.zoomedHd.removeEventListener("load",s),y.zoomedHd.classList.add("medium-zoom-image--opened"),y.zoomedHd.addEventListener("click",d),document.body.appendChild(y.zoomedHd),t()}))}else t()}}}))},d=function(){return new r((function(e){if(!h&&y.original){h=!0,document.body.classList.remove("medium-zoom--opened"),y.zoomed.style.transform="",y.zoomedHd&&(y.zoomedHd.style.transform=""),y.template&&(y.template.style.transition="opacity 150ms",y.template.style.opacity=0),y.original.dispatchEvent(c("medium-zoom:close",{detail:{zoom:w}})),y.zoomed.addEventListener("transitionend",(function t(){y.original.classList.remove("medium-zoom-image--hidden"),document.body.removeChild(y.zoomed),y.zoomedHd&&document.body.removeChild(y.zoomedHd),document.body.removeChild(v),y.zoomed.classList.remove("medium-zoom-image--opened"),y.template&&document.body.removeChild(y.template),h=!1,y.zoomed.removeEventListener("transitionend",t),y.original.dispatchEvent(c("medium-zoom:closed",{detail:{zoom:w}})),y.original=null,y.zoomed=null,y.zoomedHd=null,y.template=null,e(w)}))}else e(w)}))},p=function(){var e=(arguments.length>0&&void 0!==arguments[0]?arguments[0]:{}).target;return y.original?d():u({target:e})},f=[],m=[],h=!1,g=0,b=n,y={original:null,zoomed:null,zoomedHd:null,template:null};"[object Object]"===Object.prototype.toString.call(t)?b=t:(t||"string"==typeof t)&&a(t);var v=function(e){var t=document.createElement("div");return t.classList.add("medium-zoom-overlay"),t.style.background=e,t}((b=o({margin:0,background:"#fff",scrollOffset:40,container:null,template:null},b)).background);document.addEventListener("click",(function(e){var t=e.target;t!==v?-1!==f.indexOf(t)&&p({target:t}):d()})),document.addEventListener("keyup",(function(e){var t=e.key||e.keyCode;"Escape"!==t&&"Esc"!==t&&27!==t||d()})),document.addEventListener("scroll",(function(){if(!h&&y.original){var e=window.pageYOffset||document.documentElement.scrollTop||document.body.scrollTop||0;Math.abs(g-e)>b.scrollOffset&&setTimeout(d,150)}})),window.addEventListener("resize",d);var w={open:u,close:d,toggle:p,update:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=e;if(e.background&&(v.style.background=e.background),e.container&&e.container instanceof Object&&(t.container=o({},b.container,e.container)),e.template){var n=i(e.template)?e.template:document.querySelector(e.template);t.template=n}return b=o({},b,t),f.forEach((function(e){e.dispatchEvent(c("medium-zoom:update",{detail:{zoom:w}}))})),w},clone:function(){return e(o({},b,arguments.length>0&&void 0!==arguments[0]?arguments[0]:{}))},attach:a,detach:function(){for(var e=arguments.length,t=Array(e),n=0;n<e;n++)t[n]=arguments[n];y.zoomed&&d();var r=t.length>0?t.reduce((function(e,t){return[].concat(e,l(t))}),[]):f;return r.forEach((function(e){e.classList.remove("medium-zoom-image"),e.dispatchEvent(c("medium-zoom:detach",{detail:{zoom:w}}))})),f=f.filter((function(e){return-1===r.indexOf(e)})),w},on:function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};return f.forEach((function(r){r.addEventListener("medium-zoom:"+e,t,n)})),m.push({type:"medium-zoom:"+e,listener:t,options:n}),w},off:function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};return f.forEach((function(r){r.removeEventListener("medium-zoom:"+e,t,n)})),m=m.filter((function(n){return!(n.type==="medium-zoom:"+e&&n.listener.toString()===t.toString())})),w},getOptions:function(){return b},getImages:function(){return f},getZoomedImage:function(){return y.original}};return w},{themeConfig:d}=r.default,p=function(){if("undefined"==typeof window)return null;const{zoomSelector:e=".markdown img"}=d,{imageZoom:{selector:t=e,options:n}={}}=d;return setTimeout((()=>{u(t,n)}),1e3),{onRouteUpdate({location:e,previousLocation:r}){e&&e.hash&&e.hash.length||r&&e.pathname!==r.pathname&&setTimeout((()=>{u(t,n)}),1e3)}}}()},9227:e=>{e.exports&&(e.exports={core:{meta:{path:"components/prism-core.js",option:"mandatory"},core:"Core"},themes:{meta:{path:"themes/{id}.css",link:"index.html?theme={id}",exclusive:!0},prism:{title:"Default",option:"default"},"prism-dark":"Dark","prism-funky":"Funky","prism-okaidia":{title:"Okaidia",owner:"ocodia"},"prism-twilight":{title:"Twilight",owner:"remybach"},"prism-coy":{title:"Coy",owner:"tshedor"},"prism-solarizedlight":{title:"Solarized Light",owner:"hectormatos2011 "},"prism-tomorrow":{title:"Tomorrow Night",owner:"Rosey"}},languages:{meta:{path:"components/prism-{id}",noCSS:!0,examplesPath:"examples/prism-{id}",addCheckAll:!0},markup:{title:"Markup",alias:["html","xml","svg","mathml","ssml","atom","rss"],aliasTitles:{html:"HTML",xml:"XML",svg:"SVG",mathml:"MathML",ssml:"SSML",atom:"Atom",rss:"RSS"},option:"default"},css:{title:"CSS",option:"default",modify:"markup"},clike:{title:"C-like",option:"default"},javascript:{title:"JavaScript",require:"clike",modify:"markup",optional:"regex",alias:"js",option:"default"},abap:{title:"ABAP",owner:"dellagustin"},abnf:{title:"ABNF",owner:"RunDevelopment"},actionscript:{title:"ActionScript",require:"javascript",modify:"markup",owner:"Golmote"},ada:{title:"Ada",owner:"Lucretia"},agda:{title:"Agda",owner:"xy-ren"},al:{title:"AL",owner:"RunDevelopment"},antlr4:{title:"ANTLR4",alias:"g4",owner:"RunDevelopment"},apacheconf:{title:"Apache Configuration",owner:"GuiTeK"},apex:{title:"Apex",require:["clike","sql"],owner:"RunDevelopment"},apl:{title:"APL",owner:"ngn"},applescript:{title:"AppleScript",owner:"Golmote"},aql:{title:"AQL",owner:"RunDevelopment"},arduino:{title:"Arduino",require:"cpp",alias:"ino",owner:"dkern"},arff:{title:"ARFF",owner:"Golmote"},armasm:{title:"ARM Assembly",alias:"arm-asm",owner:"RunDevelopment"},arturo:{title:"Arturo",alias:"art",optional:["bash","css","javascript","markup","markdown","sql"],owner:"drkameleon"},asciidoc:{alias:"adoc",title:"AsciiDoc",owner:"Golmote"},aspnet:{title:"ASP.NET (C#)",require:["markup","csharp"],owner:"nauzilus"},asm6502:{title:"6502 Assembly",owner:"kzurawel"},asmatmel:{title:"Atmel AVR Assembly",owner:"cerkit"},autohotkey:{title:"AutoHotkey",owner:"aviaryan"},autoit:{title:"AutoIt",owner:"Golmote"},avisynth:{title:"AviSynth",alias:"avs",owner:"Zinfidel"},"avro-idl":{title:"Avro IDL",alias:"avdl",owner:"RunDevelopment"},awk:{title:"AWK",alias:"gawk",aliasTitles:{gawk:"GAWK"},owner:"RunDevelopment"},bash:{title:"Bash",alias:["sh","shell"],aliasTitles:{sh:"Shell",shell:"Shell"},owner:"zeitgeist87"},basic:{title:"BASIC",owner:"Golmote"},batch:{title:"Batch",owner:"Golmote"},bbcode:{title:"BBcode",alias:"shortcode",aliasTitles:{shortcode:"Shortcode"},owner:"RunDevelopment"},bbj:{title:"BBj",owner:"hyyan"},bicep:{title:"Bicep",owner:"johnnyreilly"},birb:{title:"Birb",require:"clike",owner:"Calamity210"},bison:{title:"Bison",require:"c",owner:"Golmote"},bnf:{title:"BNF",alias:"rbnf",aliasTitles:{rbnf:"RBNF"},owner:"RunDevelopment"},bqn:{title:"BQN",owner:"yewscion"},brainfuck:{title:"Brainfuck",owner:"Golmote"},brightscript:{title:"BrightScript",owner:"RunDevelopment"},bro:{title:"Bro",owner:"wayward710"},bsl:{title:"BSL (1C:Enterprise)",alias:"oscript",aliasTitles:{oscript:"OneScript"},owner:"Diversus23"},c:{title:"C",require:"clike",owner:"zeitgeist87"},csharp:{title:"C#",require:"clike",alias:["cs","dotnet"],owner:"mvalipour"},cpp:{title:"C++",require:"c",owner:"zeitgeist87"},cfscript:{title:"CFScript",require:"clike",alias:"cfc",owner:"mjclemente"},chaiscript:{title:"ChaiScript",require:["clike","cpp"],owner:"RunDevelopment"},cil:{title:"CIL",owner:"sbrl"},cilkc:{title:"Cilk/C",require:"c",alias:"cilk-c",owner:"OpenCilk"},cilkcpp:{title:"Cilk/C++",require:"cpp",alias:["cilk-cpp","cilk"],owner:"OpenCilk"},clojure:{title:"Clojure",owner:"troglotit"},cmake:{title:"CMake",owner:"mjrogozinski"},cobol:{title:"COBOL",owner:"RunDevelopment"},coffeescript:{title:"CoffeeScript",require:"javascript",alias:"coffee",owner:"R-osey"},concurnas:{title:"Concurnas",alias:"conc",owner:"jasontatton"},csp:{title:"Content-Security-Policy",owner:"ScottHelme"},cooklang:{title:"Cooklang",owner:"ahue"},coq:{title:"Coq",owner:"RunDevelopment"},crystal:{title:"Crystal",require:"ruby",owner:"MakeNowJust"},"css-extras":{title:"CSS Extras",require:"css",modify:"css",owner:"milesj"},csv:{title:"CSV",owner:"RunDevelopment"},cue:{title:"CUE",owner:"RunDevelopment"},cypher:{title:"Cypher",owner:"RunDevelopment"},d:{title:"D",require:"clike",owner:"Golmote"},dart:{title:"Dart",require:"clike",owner:"Golmote"},dataweave:{title:"DataWeave",owner:"machaval"},dax:{title:"DAX",owner:"peterbud"},dhall:{title:"Dhall",owner:"RunDevelopment"},diff:{title:"Diff",owner:"uranusjr"},django:{title:"Django/Jinja2",require:"markup-templating",alias:"jinja2",owner:"romanvm"},"dns-zone-file":{title:"DNS zone file",owner:"RunDevelopment",alias:"dns-zone"},docker:{title:"Docker",alias:"dockerfile",owner:"JustinBeckwith"},dot:{title:"DOT (Graphviz)",alias:"gv",optional:"markup",owner:"RunDevelopment"},ebnf:{title:"EBNF",owner:"RunDevelopment"},editorconfig:{title:"EditorConfig",owner:"osipxd"},eiffel:{title:"Eiffel",owner:"Conaclos"},ejs:{title:"EJS",require:["javascript","markup-templating"],owner:"RunDevelopment",alias:"eta",aliasTitles:{eta:"Eta"}},elixir:{title:"Elixir",owner:"Golmote"},elm:{title:"Elm",owner:"zwilias"},etlua:{title:"Embedded Lua templating",require:["lua","markup-templating"],owner:"RunDevelopment"},erb:{title:"ERB",require:["ruby","markup-templating"],owner:"Golmote"},erlang:{title:"Erlang",owner:"Golmote"},"excel-formula":{title:"Excel Formula",alias:["xlsx","xls"],owner:"RunDevelopment"},fsharp:{title:"F#",require:"clike",owner:"simonreynolds7"},factor:{title:"Factor",owner:"catb0t"},false:{title:"False",owner:"edukisto"},"firestore-security-rules":{title:"Firestore security rules",require:"clike",owner:"RunDevelopment"},flow:{title:"Flow",require:"javascript",owner:"Golmote"},fortran:{title:"Fortran",owner:"Golmote"},ftl:{title:"FreeMarker Template Language",require:"markup-templating",owner:"RunDevelopment"},gml:{title:"GameMaker Language",alias:"gamemakerlanguage",require:"clike",owner:"LiarOnce"},gap:{title:"GAP (CAS)",owner:"RunDevelopment"},gcode:{title:"G-code",owner:"RunDevelopment"},gdscript:{title:"GDScript",owner:"RunDevelopment"},gedcom:{title:"GEDCOM",owner:"Golmote"},gettext:{title:"gettext",alias:"po",owner:"RunDevelopment"},gherkin:{title:"Gherkin",owner:"hason"},git:{title:"Git",owner:"lgiraudel"},glsl:{title:"GLSL",require:"c",owner:"Golmote"},gn:{title:"GN",alias:"gni",owner:"RunDevelopment"},"linker-script":{title:"GNU Linker Script",alias:"ld",owner:"RunDevelopment"},go:{title:"Go",require:"clike",owner:"arnehormann"},"go-module":{title:"Go module",alias:"go-mod",owner:"RunDevelopment"},gradle:{title:"Gradle",require:"clike",owner:"zeabdelkhalek-badido18"},graphql:{title:"GraphQL",optional:"markdown",owner:"Golmote"},groovy:{title:"Groovy",require:"clike",owner:"robfletcher"},haml:{title:"Haml",require:"ruby",optional:["css","css-extras","coffeescript","erb","javascript","less","markdown","scss","textile"],owner:"Golmote"},handlebars:{title:"Handlebars",require:"markup-templating",alias:["hbs","mustache"],aliasTitles:{mustache:"Mustache"},owner:"Golmote"},haskell:{title:"Haskell",alias:"hs",owner:"bholst"},haxe:{title:"Haxe",require:"clike",optional:"regex",owner:"Golmote"},hcl:{title:"HCL",owner:"outsideris"},hlsl:{title:"HLSL",require:"c",owner:"RunDevelopment"},hoon:{title:"Hoon",owner:"matildepark"},http:{title:"HTTP",optional:["csp","css","hpkp","hsts","javascript","json","markup","uri"],owner:"danielgtaylor"},hpkp:{title:"HTTP Public-Key-Pins",owner:"ScottHelme"},hsts:{title:"HTTP Strict-Transport-Security",owner:"ScottHelme"},ichigojam:{title:"IchigoJam",owner:"BlueCocoa"},icon:{title:"Icon",owner:"Golmote"},"icu-message-format":{title:"ICU Message Format",owner:"RunDevelopment"},idris:{title:"Idris",alias:"idr",owner:"KeenS",require:"haskell"},ignore:{title:".ignore",owner:"osipxd",alias:["gitignore","hgignore","npmignore"],aliasTitles:{gitignore:".gitignore",hgignore:".hgignore",npmignore:".npmignore"}},inform7:{title:"Inform 7",owner:"Golmote"},ini:{title:"Ini",owner:"aviaryan"},io:{title:"Io",owner:"AlesTsurko"},j:{title:"J",owner:"Golmote"},java:{title:"Java",require:"clike",owner:"sherblot"},javadoc:{title:"JavaDoc",require:["markup","java","javadoclike"],modify:"java",optional:"scala",owner:"RunDevelopment"},javadoclike:{title:"JavaDoc-like",modify:["java","javascript","php"],owner:"RunDevelopment"},javastacktrace:{title:"Java stack trace",owner:"RunDevelopment"},jexl:{title:"Jexl",owner:"czosel"},jolie:{title:"Jolie",require:"clike",owner:"thesave"},jq:{title:"JQ",owner:"RunDevelopment"},jsdoc:{title:"JSDoc",require:["javascript","javadoclike","typescript"],modify:"javascript",optional:["actionscript","coffeescript"],owner:"RunDevelopment"},"js-extras":{title:"JS Extras",require:"javascript",modify:"javascript",optional:["actionscript","coffeescript","flow","n4js","typescript"],owner:"RunDevelopment"},json:{title:"JSON",alias:"webmanifest",aliasTitles:{webmanifest:"Web App Manifest"},owner:"CupOfTea696"},json5:{title:"JSON5",require:"json",owner:"RunDevelopment"},jsonp:{title:"JSONP",require:"json",owner:"RunDevelopment"},jsstacktrace:{title:"JS stack trace",owner:"sbrl"},"js-templates":{title:"JS Templates",require:"javascript",modify:"javascript",optional:["css","css-extras","graphql","markdown","markup","sql"],owner:"RunDevelopment"},julia:{title:"Julia",owner:"cdagnino"},keepalived:{title:"Keepalived Configure",owner:"dev-itsheng"},keyman:{title:"Keyman",owner:"mcdurdin"},kotlin:{title:"Kotlin",alias:["kt","kts"],aliasTitles:{kts:"Kotlin Script"},require:"clike",owner:"Golmote"},kumir:{title:"KuMir (\u041a\u0443\u041c\u0438\u0440)",alias:"kum",owner:"edukisto"},kusto:{title:"Kusto",owner:"RunDevelopment"},latex:{title:"LaTeX",alias:["tex","context"],aliasTitles:{tex:"TeX",context:"ConTeXt"},owner:"japborst"},latte:{title:"Latte",require:["clike","markup-templating","php"],owner:"nette"},less:{title:"Less",require:"css",optional:"css-extras",owner:"Golmote"},lilypond:{title:"LilyPond",require:"scheme",alias:"ly",owner:"RunDevelopment"},liquid:{title:"Liquid",require:"markup-templating",owner:"cinhtau"},lisp:{title:"Lisp",alias:["emacs","elisp","emacs-lisp"],owner:"JuanCaicedo"},livescript:{title:"LiveScript",owner:"Golmote"},llvm:{title:"LLVM IR",owner:"porglezomp"},log:{title:"Log file",optional:"javastacktrace",owner:"RunDevelopment"},lolcode:{title:"LOLCODE",owner:"Golmote"},lua:{title:"Lua",owner:"Golmote"},magma:{title:"Magma (CAS)",owner:"RunDevelopment"},makefile:{title:"Makefile",owner:"Golmote"},markdown:{title:"Markdown",require:"markup",optional:"yaml",alias:"md",owner:"Golmote"},"markup-templating":{title:"Markup templating",require:"markup",owner:"Golmote"},mata:{title:"Mata",owner:"RunDevelopment"},matlab:{title:"MATLAB",owner:"Golmote"},maxscript:{title:"MAXScript",owner:"RunDevelopment"},mel:{title:"MEL",owner:"Golmote"},mermaid:{title:"Mermaid",owner:"RunDevelopment"},metafont:{title:"METAFONT",owner:"LaeriExNihilo"},mizar:{title:"Mizar",owner:"Golmote"},mongodb:{title:"MongoDB",owner:"airs0urce",require:"javascript"},monkey:{title:"Monkey",owner:"Golmote"},moonscript:{title:"MoonScript",alias:"moon",owner:"RunDevelopment"},n1ql:{title:"N1QL",owner:"TMWilds"},n4js:{title:"N4JS",require:"javascript",optional:"jsdoc",alias:"n4jsd",owner:"bsmith-n4"},"nand2tetris-hdl":{title:"Nand To Tetris HDL",owner:"stephanmax"},naniscript:{title:"Naninovel Script",owner:"Elringus",alias:"nani"},nasm:{title:"NASM",owner:"rbmj"},neon:{title:"NEON",owner:"nette"},nevod:{title:"Nevod",owner:"nezaboodka"},nginx:{title:"nginx",owner:"volado"},nim:{title:"Nim",owner:"Golmote"},nix:{title:"Nix",owner:"Golmote"},nsis:{title:"NSIS",owner:"idleberg"},objectivec:{title:"Objective-C",require:"c",alias:"objc",owner:"uranusjr"},ocaml:{title:"OCaml",owner:"Golmote"},odin:{title:"Odin",owner:"edukisto"},opencl:{title:"OpenCL",require:"c",modify:["c","cpp"],owner:"Milania1"},openqasm:{title:"OpenQasm",alias:"qasm",owner:"RunDevelopment"},oz:{title:"Oz",owner:"Golmote"},parigp:{title:"PARI/GP",owner:"Golmote"},parser:{title:"Parser",require:"markup",owner:"Golmote"},pascal:{title:"Pascal",alias:"objectpascal",aliasTitles:{objectpascal:"Object Pascal"},owner:"Golmote"},pascaligo:{title:"Pascaligo",owner:"DefinitelyNotAGoat"},psl:{title:"PATROL Scripting Language",owner:"bertysentry"},pcaxis:{title:"PC-Axis",alias:"px",owner:"RunDevelopment"},peoplecode:{title:"PeopleCode",alias:"pcode",owner:"RunDevelopment"},perl:{title:"Perl",owner:"Golmote"},php:{title:"PHP",require:"markup-templating",owner:"milesj"},phpdoc:{title:"PHPDoc",require:["php","javadoclike"],modify:"php",owner:"RunDevelopment"},"php-extras":{title:"PHP Extras",require:"php",modify:"php",owner:"milesj"},"plant-uml":{title:"PlantUML",alias:"plantuml",owner:"RunDevelopment"},plsql:{title:"PL/SQL",require:"sql",owner:"Golmote"},powerquery:{title:"PowerQuery",alias:["pq","mscript"],owner:"peterbud"},powershell:{title:"PowerShell",owner:"nauzilus"},processing:{title:"Processing",require:"clike",owner:"Golmote"},prolog:{title:"Prolog",owner:"Golmote"},promql:{title:"PromQL",owner:"arendjr"},properties:{title:".properties",owner:"Golmote"},protobuf:{title:"Protocol Buffers",require:"clike",owner:"just-boris"},pug:{title:"Pug",require:["markup","javascript"],optional:["coffeescript","ejs","handlebars","less","livescript","markdown","scss","stylus","twig"],owner:"Golmote"},puppet:{title:"Puppet",owner:"Golmote"},pure:{title:"Pure",optional:["c","cpp","fortran"],owner:"Golmote"},purebasic:{title:"PureBasic",require:"clike",alias:"pbfasm",owner:"HeX0R101"},purescript:{title:"PureScript",require:"haskell",alias:"purs",owner:"sriharshachilakapati"},python:{title:"Python",alias:"py",owner:"multipetros"},qsharp:{title:"Q#",require:"clike",alias:"qs",owner:"fedonman"},q:{title:"Q (kdb+ database)",owner:"Golmote"},qml:{title:"QML",require:"javascript",owner:"RunDevelopment"},qore:{title:"Qore",require:"clike",owner:"temnroegg"},r:{title:"R",owner:"Golmote"},racket:{title:"Racket",require:"scheme",alias:"rkt",owner:"RunDevelopment"},cshtml:{title:"Razor C#",alias:"razor",require:["markup","csharp"],optional:["css","css-extras","javascript","js-extras"],owner:"RunDevelopment"},jsx:{title:"React JSX",require:["markup","javascript"],optional:["jsdoc","js-extras","js-templates"],owner:"vkbansal"},tsx:{title:"React TSX",require:["jsx","typescript"]},reason:{title:"Reason",require:"clike",owner:"Golmote"},regex:{title:"Regex",owner:"RunDevelopment"},rego:{title:"Rego",owner:"JordanSh"},renpy:{title:"Ren'py",alias:"rpy",owner:"HyuchiaDiego"},rescript:{title:"ReScript",alias:"res",owner:"vmarcosp"},rest:{title:"reST (reStructuredText)",owner:"Golmote"},rip:{title:"Rip",owner:"ravinggenius"},roboconf:{title:"Roboconf",owner:"Golmote"},robotframework:{title:"Robot Framework",alias:"robot",owner:"RunDevelopment"},ruby:{title:"Ruby",require:"clike",alias:"rb",owner:"samflores"},rust:{title:"Rust",owner:"Golmote"},sas:{title:"SAS",optional:["groovy","lua","sql"],owner:"Golmote"},sass:{title:"Sass (Sass)",require:"css",optional:"css-extras",owner:"Golmote"},scss:{title:"Sass (SCSS)",require:"css",optional:"css-extras",owner:"MoOx"},scala:{title:"Scala",require:"java",owner:"jozic"},scheme:{title:"Scheme",owner:"bacchus123"},"shell-session":{title:"Shell session",require:"bash",alias:["sh-session","shellsession"],owner:"RunDevelopment"},smali:{title:"Smali",owner:"RunDevelopment"},smalltalk:{title:"Smalltalk",owner:"Golmote"},smarty:{title:"Smarty",require:"markup-templating",optional:"php",owner:"Golmote"},sml:{title:"SML",alias:"smlnj",aliasTitles:{smlnj:"SML/NJ"},owner:"RunDevelopment"},solidity:{title:"Solidity (Ethereum)",alias:"sol",require:"clike",owner:"glachaud"},"solution-file":{title:"Solution file",alias:"sln",owner:"RunDevelopment"},soy:{title:"Soy (Closure Template)",require:"markup-templating",owner:"Golmote"},sparql:{title:"SPARQL",require:"turtle",owner:"Triply-Dev",alias:"rq"},"splunk-spl":{title:"Splunk SPL",owner:"RunDevelopment"},sqf:{title:"SQF: Status Quo Function (Arma 3)",require:"clike",owner:"RunDevelopment"},sql:{title:"SQL",owner:"multipetros"},squirrel:{title:"Squirrel",require:"clike",owner:"RunDevelopment"},stan:{title:"Stan",owner:"RunDevelopment"},stata:{title:"Stata Ado",require:["mata","java","python"],owner:"RunDevelopment"},iecst:{title:"Structured Text (IEC 61131-3)",owner:"serhioromano"},stylus:{title:"Stylus",owner:"vkbansal"},supercollider:{title:"SuperCollider",alias:"sclang",owner:"RunDevelopment"},swift:{title:"Swift",owner:"chrischares"},systemd:{title:"Systemd configuration file",owner:"RunDevelopment"},"t4-templating":{title:"T4 templating",owner:"RunDevelopment"},"t4-cs":{title:"T4 Text Templates (C#)",require:["t4-templating","csharp"],alias:"t4",owner:"RunDevelopment"},"t4-vb":{title:"T4 Text Templates (VB)",require:["t4-templating","vbnet"],owner:"RunDevelopment"},tap:{title:"TAP",owner:"isaacs",require:"yaml"},tcl:{title:"Tcl",owner:"PeterChaplin"},tt2:{title:"Template Toolkit 2",require:["clike","markup-templating"],owner:"gflohr"},textile:{title:"Textile",require:"markup",optional:"css",owner:"Golmote"},toml:{title:"TOML",owner:"RunDevelopment"},tremor:{title:"Tremor",alias:["trickle","troy"],owner:"darach",aliasTitles:{trickle:"trickle",troy:"troy"}},turtle:{title:"Turtle",alias:"trig",aliasTitles:{trig:"TriG"},owner:"jakubklimek"},twig:{title:"Twig",require:"markup-templating",owner:"brandonkelly"},typescript:{title:"TypeScript",require:"javascript",optional:"js-templates",alias:"ts",owner:"vkbansal"},typoscript:{title:"TypoScript",alias:"tsconfig",aliasTitles:{tsconfig:"TSConfig"},owner:"dkern"},unrealscript:{title:"UnrealScript",alias:["uscript","uc"],owner:"RunDevelopment"},uorazor:{title:"UO Razor Script",owner:"jaseowns"},uri:{title:"URI",alias:"url",aliasTitles:{url:"URL"},owner:"RunDevelopment"},v:{title:"V",require:"clike",owner:"taggon"},vala:{title:"Vala",require:"clike",optional:"regex",owner:"TemplarVolk"},vbnet:{title:"VB.Net",require:"basic",owner:"Bigsby"},velocity:{title:"Velocity",require:"markup",owner:"Golmote"},verilog:{title:"Verilog",owner:"a-rey"},vhdl:{title:"VHDL",owner:"a-rey"},vim:{title:"vim",owner:"westonganger"},"visual-basic":{title:"Visual Basic",alias:["vb","vba"],aliasTitles:{vba:"VBA"},owner:"Golmote"},warpscript:{title:"WarpScript",owner:"RunDevelopment"},wasm:{title:"WebAssembly",owner:"Golmote"},"web-idl":{title:"Web IDL",alias:"webidl",owner:"RunDevelopment"},wgsl:{title:"WGSL",owner:"Dr4gonthree"},wiki:{title:"Wiki markup",require:"markup",owner:"Golmote"},wolfram:{title:"Wolfram language",alias:["mathematica","nb","wl"],aliasTitles:{mathematica:"Mathematica",nb:"Mathematica Notebook"},owner:"msollami"},wren:{title:"Wren",owner:"clsource"},xeora:{title:"Xeora",require:"markup",alias:"xeoracube",aliasTitles:{xeoracube:"XeoraCube"},owner:"freakmaxi"},"xml-doc":{title:"XML doc (.net)",require:"markup",modify:["csharp","fsharp","vbnet"],owner:"RunDevelopment"},xojo:{title:"Xojo (REALbasic)",owner:"Golmote"},xquery:{title:"XQuery",require:"markup",owner:"Golmote"},yaml:{title:"YAML",alias:"yml",owner:"hason"},yang:{title:"YANG",owner:"RunDevelopment"},zig:{title:"Zig",owner:"RunDevelopment"}},plugins:{meta:{path:"plugins/{id}/prism-{id}",link:"plugins/{id}/"},"line-highlight":{title:"Line Highlight",description:"Highlights specific lines and/or line ranges."},"line-numbers":{title:"Line Numbers",description:"Line number at the beginning of code lines.",owner:"kuba-kubula"},"show-invisibles":{title:"Show Invisibles",description:"Show hidden characters such as tabs and line breaks.",optional:["autolinker","data-uri-highlight"]},autolinker:{title:"Autolinker",description:"Converts URLs and emails in code to clickable links. Parses Markdown links in comments."},wpd:{title:"WebPlatform Docs",description:'Makes tokens link to <a href="https://webplatform.github.io/docs/">WebPlatform.org documentation</a>. The links open in a new tab.'},"custom-class":{title:"Custom Class",description:"This plugin allows you to prefix Prism's default classes (<code>.comment</code> can become <code>.namespace--comment</code>) or replace them with your defined ones (like <code>.editor__comment</code>). You can even add new classes.",owner:"dvkndn",noCSS:!0},"file-highlight":{title:"File Highlight",description:"Fetch external files and highlight them with Prism. Used on the Prism website itself.",noCSS:!0},"show-language":{title:"Show Language",description:"Display the highlighted language in code blocks (inline code does not show the label).",owner:"nauzilus",noCSS:!0,require:"toolbar"},"jsonp-highlight":{title:"JSONP Highlight",description:"Fetch content with JSONP and highlight some interesting content (e.g. GitHub/Gists or Bitbucket API).",noCSS:!0,owner:"nauzilus"},"highlight-keywords":{title:"Highlight Keywords",description:"Adds special CSS classes for each keyword for fine-grained highlighting.",owner:"vkbansal",noCSS:!0},"remove-initial-line-feed":{title:"Remove initial line feed",description:"Removes the initial line feed in code blocks.",owner:"Golmote",noCSS:!0},"inline-color":{title:"Inline color",description:"Adds a small inline preview for colors in style sheets.",require:"css-extras",owner:"RunDevelopment"},previewers:{title:"Previewers",description:"Previewers for angles, colors, gradients, easing and time.",require:"css-extras",owner:"Golmote"},autoloader:{title:"Autoloader",description:"Automatically loads the needed languages to highlight the code blocks.",owner:"Golmote",noCSS:!0},"keep-markup":{title:"Keep Markup",description:"Prevents custom markup from being dropped out during highlighting.",owner:"Golmote",optional:"normalize-whitespace",noCSS:!0},"command-line":{title:"Command Line",description:"Display a command line with a prompt and, optionally, the output/response from the commands.",owner:"chriswells0"},"unescaped-markup":{title:"Unescaped Markup",description:"Write markup without having to escape anything."},"normalize-whitespace":{title:"Normalize Whitespace",description:"Supports multiple operations to normalize whitespace in code blocks.",owner:"zeitgeist87",optional:"unescaped-markup",noCSS:!0},"data-uri-highlight":{title:"Data-URI Highlight",description:"Highlights data-URI contents.",owner:"Golmote",noCSS:!0},toolbar:{title:"Toolbar",description:"Attach a toolbar for plugins to easily register buttons on the top of a code block.",owner:"mAAdhaTTah"},"copy-to-clipboard":{title:"Copy to Clipboard Button",description:"Add a button that copies the code block to the clipboard when clicked.",owner:"mAAdhaTTah",require:"toolbar",noCSS:!0},"download-button":{title:"Download Button",description:"A button in the toolbar of a code block adding a convenient way to download a code file.",owner:"Golmote",require:"toolbar",noCSS:!0},"match-braces":{title:"Match braces",description:"Highlights matching braces.",owner:"RunDevelopment"},"diff-highlight":{title:"Diff Highlight",description:"Highlights the code inside diff blocks.",owner:"RunDevelopment",require:"diff"},"filter-highlight-all":{title:"Filter highlightAll",description:"Filters the elements the <code>highlightAll</code> and <code>highlightAllUnder</code> methods actually highlight.",owner:"RunDevelopment",noCSS:!0},treeview:{title:"Treeview",description:"A language with special styles to highlight file system tree structures.",owner:"Golmote"}}})},6532:(e,t,n)=>{const r=n(9227),o=n(9670),a=new Set;function i(e){void 0===e?e=Object.keys(r.languages).filter((e=>"meta"!=e)):Array.isArray(e)||(e=[e]);const t=[...a,...Object.keys(Prism.languages)];o(r,e,t).load((e=>{if(!(e in r.languages))return void(i.silent||console.warn("Language does not exist: "+e));const t="./prism-"+e;delete n.c[n(7507).resolve(t)],delete Prism.languages[e],n(7507)(t),a.add(e)}))}i.silent=!1,e.exports=i},1274:()=>{!function(e){function t(e,t){return"___"+e.toUpperCase()+t+"___"}Object.defineProperties(e.languages["markup-templating"]={},{buildPlaceholders:{value:function(n,r,o,a){if(n.language===r){var i=n.tokenStack=[];n.code=n.code.replace(o,(function(e){if("function"==typeof a&&!a(e))return e;for(var o,s=i.length;-1!==n.code.indexOf(o=t(r,s));)++s;return i[s]=e,o})),n.grammar=e.languages.markup}}},tokenizePlaceholders:{value:function(n,r){if(n.language===r&&n.tokenStack){n.grammar=e.languages[r];var o=0,a=Object.keys(n.tokenStack);!function i(s){for(var l=0;l<s.length&&!(o>=a.length);l++){var c=s[l];if("string"==typeof c||c.content&&"string"==typeof c.content){var u=a[o],d=n.tokenStack[u],p="string"==typeof c?c:c.content,f=t(r,u),m=p.indexOf(f);if(m>-1){++o;var h=p.substring(0,m),g=new e.Token(r,e.tokenize(d,n.grammar),"language-"+r,d),b=p.substring(m+f.length),y=[];h&&y.push.apply(y,i([h])),y.push(g),b&&y.push.apply(y,i([b])),"string"==typeof c?s.splice.apply(s,[l,1].concat(y)):c.content=y}}else c.content&&i(c.content)}return s}(n.tokens)}}}})}(Prism)},7507:(e,t,n)=>{var r={"./":6532};function o(e){var t=a(e);return n(t)}function a(e){if(!n.o(r,e)){var t=new Error("Cannot find module '"+e+"'");throw t.code="MODULE_NOT_FOUND",t}return r[e]}o.keys=function(){return Object.keys(r)},o.resolve=a,e.exports=o,o.id=7507},9670:e=>{"use strict";var t=function(){var e=function(){};function t(e,t){Array.isArray(e)?e.forEach(t):null!=e&&t(e,0)}function n(e){for(var t={},n=0,r=e.length;n<r;n++)t[e[n]]=!0;return t}function r(e){var n={},r=[];function o(r,a){if(!(r in n)){a.push(r);var i=a.indexOf(r);if(i<a.length-1)throw new Error("Circular dependency: "+a.slice(i).join(" -> "));var s={},l=e[r];if(l){function c(t){if(!(t in e))throw new Error(r+" depends on an unknown component "+t);if(!(t in s))for(var i in o(t,a),s[t]=!0,n[t])s[i]=!0}t(l.require,c),t(l.optional,c),t(l.modify,c)}n[r]=s,a.pop()}}return function(e){var t=n[e];return t||(o(e,r),t=n[e]),t}}function o(e){for(var t in e)return!0;return!1}return function(a,i,s){var l=function(e){var t={};for(var n in e){var r=e[n];for(var o in r)if("meta"!=o){var a=r[o];t[o]="string"==typeof a?{title:a}:a}}return t}(a),c=function(e){var n;return function(r){if(r in e)return r;if(!n)for(var o in n={},e){var a=e[o];t(a&&a.alias,(function(t){if(t in n)throw new Error(t+" cannot be alias for both "+o+" and "+n[t]);if(t in e)throw new Error(t+" cannot be alias of "+o+" because it is a component.");n[t]=o}))}return n[r]||r}}(l);i=i.map(c),s=(s||[]).map(c);var u=n(i),d=n(s);i.forEach((function e(n){var r=l[n];t(r&&r.require,(function(t){t in d||(u[t]=!0,e(t))}))}));for(var p,f=r(l),m=u;o(m);){for(var h in p={},m){var g=l[h];t(g&&g.modify,(function(e){e in d&&(p[e]=!0)}))}for(var b in d)if(!(b in u))for(var y in f(b))if(y in u){p[b]=!0;break}for(var v in m=p)u[v]=!0}var w={getIds:function(){var e=[];return w.load((function(t){e.push(t)})),e},load:function(t,n){return function(t,n,r,o){var a=o?o.series:void 0,i=o?o.parallel:e,s={},l={};function c(e){if(e in s)return s[e];l[e]=!0;var o,u=[];for(var d in t(e))d in n&&u.push(d);if(0===u.length)o=r(e);else{var p=i(u.map((function(e){var t=c(e);return delete l[e],t})));a?o=a(p,(function(){return r(e)})):r(e)}return s[e]=o}for(var u in n)c(u);var d=[];for(var p in l)d.push(s[p]);return i(d)}(f,u,t,n)}};return w}}();e.exports=t},6186:(e,t,n)=>{"use strict";var r=n(2985);function o(){}function a(){}a.resetWarningCache=o,e.exports=function(){function e(e,t,n,o,a,i){if(i!==r){var s=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");throw s.name="Invariant Violation",s}}function t(){return e}e.isRequired=e;var n={array:e,bigint:e,bool:e,func:e,number:e,object:e,string:e,symbol:e,any:e,arrayOf:t,element:e,elementType:e,instanceOf:t,node:e,objectOf:t,oneOf:t,oneOfType:t,shape:t,exact:t,checkPropTypes:a,resetWarningCache:o};return n.PropTypes=n,n}},2736:(e,t,n)=>{e.exports=n(6186)()},2985:e=>{"use strict";e.exports="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"},9481:(e,t,n)=>{"use strict";var r=n(758),o=n(1896);function a(e){for(var t="https://reactjs.org/docs/error-decoder.html?invariant="+e,n=1;n<arguments.length;n++)t+="&args[]="+encodeURIComponent(arguments[n]);return"Minified React error #"+e+"; visit "+t+" for the full message or use the non-minified dev environment for full errors and additional helpful warnings."}var i=new Set,s={};function l(e,t){c(e,t),c(e+"Capture",t)}function c(e,t){for(s[e]=t,e=0;e<t.length;e++)i.add(t[e])}var u=!("undefined"==typeof window||void 0===window.document||void 0===window.document.createElement),d=Object.prototype.hasOwnProperty,p=/^[:A-Z_a-z\u00C0-\u00D6\u00D8-\u00F6\u00F8-\u02FF\u0370-\u037D\u037F-\u1FFF\u200C-\u200D\u2070-\u218F\u2C00-\u2FEF\u3001-\uD7FF\uF900-\uFDCF\uFDF0-\uFFFD][:A-Z_a-z\u00C0-\u00D6\u00D8-\u00F6\u00F8-\u02FF\u0370-\u037D\u037F-\u1FFF\u200C-\u200D\u2070-\u218F\u2C00-\u2FEF\u3001-\uD7FF\uF900-\uFDCF\uFDF0-\uFFFD\-.0-9\u00B7\u0300-\u036F\u203F-\u2040]*$/,f={},m={};function h(e,t,n,r,o,a,i){this.acceptsBooleans=2===t||3===t||4===t,this.attributeName=r,this.attributeNamespace=o,this.mustUseProperty=n,this.propertyName=e,this.type=t,this.sanitizeURL=a,this.removeEmptyString=i}var g={};"children dangerouslySetInnerHTML defaultValue defaultChecked innerHTML suppressContentEditableWarning suppressHydrationWarning style".split(" ").forEach((function(e){g[e]=new h(e,0,!1,e,null,!1,!1)})),[["acceptCharset","accept-charset"],["className","class"],["htmlFor","for"],["httpEquiv","http-equiv"]].forEach((function(e){var t=e[0];g[t]=new h(t,1,!1,e[1],null,!1,!1)})),["contentEditable","draggable","spellCheck","value"].forEach((function(e){g[e]=new h(e,2,!1,e.toLowerCase(),null,!1,!1)})),["autoReverse","externalResourcesRequired","focusable","preserveAlpha"].forEach((function(e){g[e]=new h(e,2,!1,e,null,!1,!1)})),"allowFullScreen async autoFocus autoPlay controls default defer disabled disablePictureInPicture disableRemotePlayback formNoValidate hidden loop noModule noValidate open playsInline readOnly required reversed scoped seamless itemScope".split(" ").forEach((function(e){g[e]=new h(e,3,!1,e.toLowerCase(),null,!1,!1)})),["checked","multiple","muted","selected"].forEach((function(e){g[e]=new h(e,3,!0,e,null,!1,!1)})),["capture","download"].forEach((function(e){g[e]=new h(e,4,!1,e,null,!1,!1)})),["cols","rows","size","span"].forEach((function(e){g[e]=new h(e,6,!1,e,null,!1,!1)})),["rowSpan","start"].forEach((function(e){g[e]=new h(e,5,!1,e.toLowerCase(),null,!1,!1)}));var b=/[\-:]([a-z])/g;function y(e){return e[1].toUpperCase()}function v(e,t,n,r){var o=g.hasOwnProperty(t)?g[t]:null;(null!==o?0!==o.type:r||!(2<t.length)||"o"!==t[0]&&"O"!==t[0]||"n"!==t[1]&&"N"!==t[1])&&(function(e,t,n,r){if(null==t||function(e,t,n,r){if(null!==n&&0===n.type)return!1;switch(typeof t){case"function":case"symbol":return!0;case"boolean":return!r&&(null!==n?!n.acceptsBooleans:"data-"!==(e=e.toLowerCase().slice(0,5))&&"aria-"!==e);default:return!1}}(e,t,n,r))return!0;if(r)return!1;if(null!==n)switch(n.type){case 3:return!t;case 4:return!1===t;case 5:return isNaN(t);case 6:return isNaN(t)||1>t}return!1}(t,n,o,r)&&(n=null),r||null===o?function(e){return!!d.call(m,e)||!d.call(f,e)&&(p.test(e)?m[e]=!0:(f[e]=!0,!1))}(t)&&(null===n?e.removeAttribute(t):e.setAttribute(t,""+n)):o.mustUseProperty?e[o.propertyName]=null===n?3!==o.type&&"":n:(t=o.attributeName,r=o.attributeNamespace,null===n?e.removeAttribute(t):(n=3===(o=o.type)||4===o&&!0===n?"":""+n,r?e.setAttributeNS(r,t,n):e.setAttribute(t,n))))}"accent-height alignment-baseline arabic-form baseline-shift cap-height clip-path clip-rule color-interpolation color-interpolation-filters color-profile color-rendering dominant-baseline enable-background fill-opacity fill-rule flood-color flood-opacity font-family font-size font-size-adjust font-stretch font-style font-variant font-weight glyph-name glyph-orientation-horizontal glyph-orientation-vertical horiz-adv-x horiz-origin-x image-rendering letter-spacing lighting-color marker-end marker-mid marker-start overline-position overline-thickness paint-order panose-1 pointer-events rendering-intent shape-rendering stop-color stop-opacity strikethrough-position strikethrough-thickness stroke-dasharray stroke-dashoffset stroke-linecap stroke-linejoin stroke-miterlimit stroke-opacity stroke-width text-anchor text-decoration text-rendering underline-position underline-thickness unicode-bidi unicode-range units-per-em v-alphabetic v-hanging v-ideographic v-mathematical vector-effect vert-adv-y vert-origin-x vert-origin-y word-spacing writing-mode xmlns:xlink x-height".split(" ").forEach((function(e){var t=e.replace(b,y);g[t]=new h(t,1,!1,e,null,!1,!1)})),"xlink:actuate xlink:arcrole xlink:role xlink:show xlink:title xlink:type".split(" ").forEach((function(e){var t=e.replace(b,y);g[t]=new h(t,1,!1,e,"http://www.w3.org/1999/xlink",!1,!1)})),["xml:base","xml:lang","xml:space"].forEach((function(e){var t=e.replace(b,y);g[t]=new h(t,1,!1,e,"http://www.w3.org/XML/1998/namespace",!1,!1)})),["tabIndex","crossOrigin"].forEach((function(e){g[e]=new h(e,1,!1,e.toLowerCase(),null,!1,!1)})),g.xlinkHref=new h("xlinkHref",1,!1,"xlink:href","http://www.w3.org/1999/xlink",!0,!1),["src","href","action","formAction"].forEach((function(e){g[e]=new h(e,1,!1,e.toLowerCase(),null,!0,!0)}));var w=r.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED,S=Symbol.for("react.element"),x=Symbol.for("react.portal"),k=Symbol.for("react.fragment"),j=Symbol.for("react.strict_mode"),E=Symbol.for("react.profiler"),_=Symbol.for("react.provider"),C=Symbol.for("react.context"),A=Symbol.for("react.forward_ref"),O=Symbol.for("react.suspense"),T=Symbol.for("react.suspense_list"),P=Symbol.for("react.memo"),L=Symbol.for("react.lazy");Symbol.for("react.scope"),Symbol.for("react.debug_trace_mode");var I=Symbol.for("react.offscreen");Symbol.for("react.legacy_hidden"),Symbol.for("react.cache"),Symbol.for("react.tracing_marker");var R=Symbol.iterator;function N(e){return null===e||"object"!=typeof e?null:"function"==typeof(e=R&&e[R]||e["@@iterator"])?e:null}var D,M=Object.assign;function F(e){if(void 0===D)try{throw Error()}catch(n){var t=n.stack.trim().match(/\n( *(at )?)/);D=t&&t[1]||""}return"\n"+D+e}var z=!1;function B(e,t){if(!e||z)return"";z=!0;var n=Error.prepareStackTrace;Error.prepareStackTrace=void 0;try{if(t)if(t=function(){throw Error()},Object.defineProperty(t.prototype,"props",{set:function(){throw Error()}}),"object"==typeof Reflect&&Reflect.construct){try{Reflect.construct(t,[])}catch(c){var r=c}Reflect.construct(e,[],t)}else{try{t.call()}catch(c){r=c}e.call(t.prototype)}else{try{throw Error()}catch(c){r=c}e()}}catch(c){if(c&&r&&"string"==typeof c.stack){for(var o=c.stack.split("\n"),a=r.stack.split("\n"),i=o.length-1,s=a.length-1;1<=i&&0<=s&&o[i]!==a[s];)s--;for(;1<=i&&0<=s;i--,s--)if(o[i]!==a[s]){if(1!==i||1!==s)do{if(i--,0>--s||o[i]!==a[s]){var l="\n"+o[i].replace(" at new "," at ");return e.displayName&&l.includes("<anonymous>")&&(l=l.replace("<anonymous>",e.displayName)),l}}while(1<=i&&0<=s);break}}}finally{z=!1,Error.prepareStackTrace=n}return(e=e?e.displayName||e.name:"")?F(e):""}function U(e){switch(e.tag){case 5:return F(e.type);case 16:return F("Lazy");case 13:return F("Suspense");case 19:return F("SuspenseList");case 0:case 2:case 15:return e=B(e.type,!1);case 11:return e=B(e.type.render,!1);case 1:return e=B(e.type,!0);default:return""}}function q(e){if(null==e)return null;if("function"==typeof e)return e.displayName||e.name||null;if("string"==typeof e)return e;switch(e){case k:return"Fragment";case x:return"Portal";case E:return"Profiler";case j:return"StrictMode";case O:return"Suspense";case T:return"SuspenseList"}if("object"==typeof e)switch(e.$$typeof){case C:return(e.displayName||"Context")+".Consumer";case _:return(e._context.displayName||"Context")+".Provider";case A:var t=e.render;return(e=e.displayName)||(e=""!==(e=t.displayName||t.name||"")?"ForwardRef("+e+")":"ForwardRef"),e;case P:return null!==(t=e.displayName||null)?t:q(e.type)||"Memo";case L:t=e._payload,e=e._init;try{return q(e(t))}catch(n){}}return null}function $(e){var t=e.type;switch(e.tag){case 24:return"Cache";case 9:return(t.displayName||"Context")+".Consumer";case 10:return(t._context.displayName||"Context")+".Provider";case 18:return"DehydratedFragment";case 11:return e=(e=t.render).displayName||e.name||"",t.displayName||(""!==e?"ForwardRef("+e+")":"ForwardRef");case 7:return"Fragment";case 5:return t;case 4:return"Portal";case 3:return"Root";case 6:return"Text";case 16:return q(t);case 8:return t===j?"StrictMode":"Mode";case 22:return"Offscreen";case 12:return"Profiler";case 21:return"Scope";case 13:return"Suspense";case 19:return"SuspenseList";case 25:return"TracingMarker";case 1:case 0:case 17:case 2:case 14:case 15:if("function"==typeof t)return t.displayName||t.name||null;if("string"==typeof t)return t}return null}function H(e){switch(typeof e){case"boolean":case"number":case"string":case"undefined":case"object":return e;default:return""}}function V(e){var t=e.type;return(e=e.nodeName)&&"input"===e.toLowerCase()&&("checkbox"===t||"radio"===t)}function G(e){e._valueTracker||(e._valueTracker=function(e){var t=V(e)?"checked":"value",n=Object.getOwnPropertyDescriptor(e.constructor.prototype,t),r=""+e[t];if(!e.hasOwnProperty(t)&&void 0!==n&&"function"==typeof n.get&&"function"==typeof n.set){var o=n.get,a=n.set;return Object.defineProperty(e,t,{configurable:!0,get:function(){return o.call(this)},set:function(e){r=""+e,a.call(this,e)}}),Object.defineProperty(e,t,{enumerable:n.enumerable}),{getValue:function(){return r},setValue:function(e){r=""+e},stopTracking:function(){e._valueTracker=null,delete e[t]}}}}(e))}function W(e){if(!e)return!1;var t=e._valueTracker;if(!t)return!0;var n=t.getValue(),r="";return e&&(r=V(e)?e.checked?"true":"false":e.value),(e=r)!==n&&(t.setValue(e),!0)}function K(e){if(void 0===(e=e||("undefined"!=typeof document?document:void 0)))return null;try{return e.activeElement||e.body}catch(t){return e.body}}function Q(e,t){var n=t.checked;return M({},t,{defaultChecked:void 0,defaultValue:void 0,value:void 0,checked:null!=n?n:e._wrapperState.initialChecked})}function Y(e,t){var n=null==t.defaultValue?"":t.defaultValue,r=null!=t.checked?t.checked:t.defaultChecked;n=H(null!=t.value?t.value:n),e._wrapperState={initialChecked:r,initialValue:n,controlled:"checkbox"===t.type||"radio"===t.type?null!=t.checked:null!=t.value}}function Z(e,t){null!=(t=t.checked)&&v(e,"checked",t,!1)}function J(e,t){Z(e,t);var n=H(t.value),r=t.type;if(null!=n)"number"===r?(0===n&&""===e.value||e.value!=n)&&(e.value=""+n):e.value!==""+n&&(e.value=""+n);else if("submit"===r||"reset"===r)return void e.removeAttribute("value");t.hasOwnProperty("value")?ee(e,t.type,n):t.hasOwnProperty("defaultValue")&&ee(e,t.type,H(t.defaultValue)),null==t.checked&&null!=t.defaultChecked&&(e.defaultChecked=!!t.defaultChecked)}function X(e,t,n){if(t.hasOwnProperty("value")||t.hasOwnProperty("defaultValue")){var r=t.type;if(!("submit"!==r&&"reset"!==r||void 0!==t.value&&null!==t.value))return;t=""+e._wrapperState.initialValue,n||t===e.value||(e.value=t),e.defaultValue=t}""!==(n=e.name)&&(e.name=""),e.defaultChecked=!!e._wrapperState.initialChecked,""!==n&&(e.name=n)}function ee(e,t,n){"number"===t&&K(e.ownerDocument)===e||(null==n?e.defaultValue=""+e._wrapperState.initialValue:e.defaultValue!==""+n&&(e.defaultValue=""+n))}var te=Array.isArray;function ne(e,t,n,r){if(e=e.options,t){t={};for(var o=0;o<n.length;o++)t["$"+n[o]]=!0;for(n=0;n<e.length;n++)o=t.hasOwnProperty("$"+e[n].value),e[n].selected!==o&&(e[n].selected=o),o&&r&&(e[n].defaultSelected=!0)}else{for(n=""+H(n),t=null,o=0;o<e.length;o++){if(e[o].value===n)return e[o].selected=!0,void(r&&(e[o].defaultSelected=!0));null!==t||e[o].disabled||(t=e[o])}null!==t&&(t.selected=!0)}}function re(e,t){if(null!=t.dangerouslySetInnerHTML)throw Error(a(91));return M({},t,{value:void 0,defaultValue:void 0,children:""+e._wrapperState.initialValue})}function oe(e,t){var n=t.value;if(null==n){if(n=t.children,t=t.defaultValue,null!=n){if(null!=t)throw Error(a(92));if(te(n)){if(1<n.length)throw Error(a(93));n=n[0]}t=n}null==t&&(t=""),n=t}e._wrapperState={initialValue:H(n)}}function ae(e,t){var n=H(t.value),r=H(t.defaultValue);null!=n&&((n=""+n)!==e.value&&(e.value=n),null==t.defaultValue&&e.defaultValue!==n&&(e.defaultValue=n)),null!=r&&(e.defaultValue=""+r)}function ie(e){var t=e.textContent;t===e._wrapperState.initialValue&&""!==t&&null!==t&&(e.value=t)}function se(e){switch(e){case"svg":return"http://www.w3.org/2000/svg";case"math":return"http://www.w3.org/1998/Math/MathML";default:return"http://www.w3.org/1999/xhtml"}}function le(e,t){return null==e||"http://www.w3.org/1999/xhtml"===e?se(t):"http://www.w3.org/2000/svg"===e&&"foreignObject"===t?"http://www.w3.org/1999/xhtml":e}var ce,ue,de=(ue=function(e,t){if("http://www.w3.org/2000/svg"!==e.namespaceURI||"innerHTML"in e)e.innerHTML=t;else{for((ce=ce||document.createElement("div")).innerHTML="<svg>"+t.valueOf().toString()+"</svg>",t=ce.firstChild;e.firstChild;)e.removeChild(e.firstChild);for(;t.firstChild;)e.appendChild(t.firstChild)}},"undefined"!=typeof MSApp&&MSApp.execUnsafeLocalFunction?function(e,t,n,r){MSApp.execUnsafeLocalFunction((function(){return ue(e,t)}))}:ue);function pe(e,t){if(t){var n=e.firstChild;if(n&&n===e.lastChild&&3===n.nodeType)return void(n.nodeValue=t)}e.textContent=t}var fe={animationIterationCount:!0,aspectRatio:!0,borderImageOutset:!0,borderImageSlice:!0,borderImageWidth:!0,boxFlex:!0,boxFlexGroup:!0,boxOrdinalGroup:!0,columnCount:!0,columns:!0,flex:!0,flexGrow:!0,flexPositive:!0,flexShrink:!0,flexNegative:!0,flexOrder:!0,gridArea:!0,gridRow:!0,gridRowEnd:!0,gridRowSpan:!0,gridRowStart:!0,gridColumn:!0,gridColumnEnd:!0,gridColumnSpan:!0,gridColumnStart:!0,fontWeight:!0,lineClamp:!0,lineHeight:!0,opacity:!0,order:!0,orphans:!0,tabSize:!0,widows:!0,zIndex:!0,zoom:!0,fillOpacity:!0,floodOpacity:!0,stopOpacity:!0,strokeDasharray:!0,strokeDashoffset:!0,strokeMiterlimit:!0,strokeOpacity:!0,strokeWidth:!0},me=["Webkit","ms","Moz","O"];function he(e,t,n){return null==t||"boolean"==typeof t||""===t?"":n||"number"!=typeof t||0===t||fe.hasOwnProperty(e)&&fe[e]?(""+t).trim():t+"px"}function ge(e,t){for(var n in e=e.style,t)if(t.hasOwnProperty(n)){var r=0===n.indexOf("--"),o=he(n,t[n],r);"float"===n&&(n="cssFloat"),r?e.setProperty(n,o):e[n]=o}}Object.keys(fe).forEach((function(e){me.forEach((function(t){t=t+e.charAt(0).toUpperCase()+e.substring(1),fe[t]=fe[e]}))}));var be=M({menuitem:!0},{area:!0,base:!0,br:!0,col:!0,embed:!0,hr:!0,img:!0,input:!0,keygen:!0,link:!0,meta:!0,param:!0,source:!0,track:!0,wbr:!0});function ye(e,t){if(t){if(be[e]&&(null!=t.children||null!=t.dangerouslySetInnerHTML))throw Error(a(137,e));if(null!=t.dangerouslySetInnerHTML){if(null!=t.children)throw Error(a(60));if("object"!=typeof t.dangerouslySetInnerHTML||!("__html"in t.dangerouslySetInnerHTML))throw Error(a(61))}if(null!=t.style&&"object"!=typeof t.style)throw Error(a(62))}}function ve(e,t){if(-1===e.indexOf("-"))return"string"==typeof t.is;switch(e){case"annotation-xml":case"color-profile":case"font-face":case"font-face-src":case"font-face-uri":case"font-face-format":case"font-face-name":case"missing-glyph":return!1;default:return!0}}var we=null;function Se(e){return(e=e.target||e.srcElement||window).correspondingUseElement&&(e=e.correspondingUseElement),3===e.nodeType?e.parentNode:e}var xe=null,ke=null,je=null;function Ee(e){if(e=wo(e)){if("function"!=typeof xe)throw Error(a(280));var t=e.stateNode;t&&(t=xo(t),xe(e.stateNode,e.type,t))}}function _e(e){ke?je?je.push(e):je=[e]:ke=e}function Ce(){if(ke){var e=ke,t=je;if(je=ke=null,Ee(e),t)for(e=0;e<t.length;e++)Ee(t[e])}}function Ae(e,t){return e(t)}function Oe(){}var Te=!1;function Pe(e,t,n){if(Te)return e(t,n);Te=!0;try{return Ae(e,t,n)}finally{Te=!1,(null!==ke||null!==je)&&(Oe(),Ce())}}function Le(e,t){var n=e.stateNode;if(null===n)return null;var r=xo(n);if(null===r)return null;n=r[t];e:switch(t){case"onClick":case"onClickCapture":case"onDoubleClick":case"onDoubleClickCapture":case"onMouseDown":case"onMouseDownCapture":case"onMouseMove":case"onMouseMoveCapture":case"onMouseUp":case"onMouseUpCapture":case"onMouseEnter":(r=!r.disabled)||(r=!("button"===(e=e.type)||"input"===e||"select"===e||"textarea"===e)),e=!r;break e;default:e=!1}if(e)return null;if(n&&"function"!=typeof n)throw Error(a(231,t,typeof n));return n}var Ie=!1;if(u)try{var Re={};Object.defineProperty(Re,"passive",{get:function(){Ie=!0}}),window.addEventListener("test",Re,Re),window.removeEventListener("test",Re,Re)}catch(ue){Ie=!1}function Ne(e,t,n,r,o,a,i,s,l){var c=Array.prototype.slice.call(arguments,3);try{t.apply(n,c)}catch(u){this.onError(u)}}var De=!1,Me=null,Fe=!1,ze=null,Be={onError:function(e){De=!0,Me=e}};function Ue(e,t,n,r,o,a,i,s,l){De=!1,Me=null,Ne.apply(Be,arguments)}function qe(e){var t=e,n=e;if(e.alternate)for(;t.return;)t=t.return;else{e=t;do{!!(4098&(t=e).flags)&&(n=t.return),e=t.return}while(e)}return 3===t.tag?n:null}function $e(e){if(13===e.tag){var t=e.memoizedState;if(null===t&&(null!==(e=e.alternate)&&(t=e.memoizedState)),null!==t)return t.dehydrated}return null}function He(e){if(qe(e)!==e)throw Error(a(188))}function Ve(e){return null!==(e=function(e){var t=e.alternate;if(!t){if(null===(t=qe(e)))throw Error(a(188));return t!==e?null:e}for(var n=e,r=t;;){var o=n.return;if(null===o)break;var i=o.alternate;if(null===i){if(null!==(r=o.return)){n=r;continue}break}if(o.child===i.child){for(i=o.child;i;){if(i===n)return He(o),e;if(i===r)return He(o),t;i=i.sibling}throw Error(a(188))}if(n.return!==r.return)n=o,r=i;else{for(var s=!1,l=o.child;l;){if(l===n){s=!0,n=o,r=i;break}if(l===r){s=!0,r=o,n=i;break}l=l.sibling}if(!s){for(l=i.child;l;){if(l===n){s=!0,n=i,r=o;break}if(l===r){s=!0,r=i,n=o;break}l=l.sibling}if(!s)throw Error(a(189))}}if(n.alternate!==r)throw Error(a(190))}if(3!==n.tag)throw Error(a(188));return n.stateNode.current===n?e:t}(e))?Ge(e):null}function Ge(e){if(5===e.tag||6===e.tag)return e;for(e=e.child;null!==e;){var t=Ge(e);if(null!==t)return t;e=e.sibling}return null}var We=o.unstable_scheduleCallback,Ke=o.unstable_cancelCallback,Qe=o.unstable_shouldYield,Ye=o.unstable_requestPaint,Ze=o.unstable_now,Je=o.unstable_getCurrentPriorityLevel,Xe=o.unstable_ImmediatePriority,et=o.unstable_UserBlockingPriority,tt=o.unstable_NormalPriority,nt=o.unstable_LowPriority,rt=o.unstable_IdlePriority,ot=null,at=null;var it=Math.clz32?Math.clz32:function(e){return e>>>=0,0===e?32:31-(st(e)/lt|0)|0},st=Math.log,lt=Math.LN2;var ct=64,ut=4194304;function dt(e){switch(e&-e){case 1:return 1;case 2:return 2;case 4:return 4;case 8:return 8;case 16:return 16;case 32:return 32;case 64:case 128:case 256:case 512:case 1024:case 2048:case 4096:case 8192:case 16384:case 32768:case 65536:case 131072:case 262144:case 524288:case 1048576:case 2097152:return 4194240&e;case 4194304:case 8388608:case 16777216:case 33554432:case 67108864:return 130023424&e;case 134217728:return 134217728;case 268435456:return 268435456;case 536870912:return 536870912;case 1073741824:return 1073741824;default:return e}}function pt(e,t){var n=e.pendingLanes;if(0===n)return 0;var r=0,o=e.suspendedLanes,a=e.pingedLanes,i=268435455&n;if(0!==i){var s=i&~o;0!==s?r=dt(s):0!==(a&=i)&&(r=dt(a))}else 0!==(i=n&~o)?r=dt(i):0!==a&&(r=dt(a));if(0===r)return 0;if(0!==t&&t!==r&&!(t&o)&&((o=r&-r)>=(a=t&-t)||16===o&&4194240&a))return t;if(4&r&&(r|=16&n),0!==(t=e.entangledLanes))for(e=e.entanglements,t&=r;0<t;)o=1<<(n=31-it(t)),r|=e[n],t&=~o;return r}function ft(e,t){switch(e){case 1:case 2:case 4:return t+250;case 8:case 16:case 32:case 64:case 128:case 256:case 512:case 1024:case 2048:case 4096:case 8192:case 16384:case 32768:case 65536:case 131072:case 262144:case 524288:case 1048576:case 2097152:return t+5e3;default:return-1}}function mt(e){return 0!==(e=-1073741825&e.pendingLanes)?e:1073741824&e?1073741824:0}function ht(){var e=ct;return!(4194240&(ct<<=1))&&(ct=64),e}function gt(e){for(var t=[],n=0;31>n;n++)t.push(e);return t}function bt(e,t,n){e.pendingLanes|=t,536870912!==t&&(e.suspendedLanes=0,e.pingedLanes=0),(e=e.eventTimes)[t=31-it(t)]=n}function yt(e,t){var n=e.entangledLanes|=t;for(e=e.entanglements;n;){var r=31-it(n),o=1<<r;o&t|e[r]&t&&(e[r]|=t),n&=~o}}var vt=0;function wt(e){return 1<(e&=-e)?4<e?268435455&e?16:536870912:4:1}var St,xt,kt,jt,Et,_t=!1,Ct=[],At=null,Ot=null,Tt=null,Pt=new Map,Lt=new Map,It=[],Rt="mousedown mouseup touchcancel touchend touchstart auxclick dblclick pointercancel pointerdown pointerup dragend dragstart drop compositionend compositionstart keydown keypress keyup input textInput copy cut paste click change contextmenu reset submit".split(" ");function Nt(e,t){switch(e){case"focusin":case"focusout":At=null;break;case"dragenter":case"dragleave":Ot=null;break;case"mouseover":case"mouseout":Tt=null;break;case"pointerover":case"pointerout":Pt.delete(t.pointerId);break;case"gotpointercapture":case"lostpointercapture":Lt.delete(t.pointerId)}}function Dt(e,t,n,r,o,a){return null===e||e.nativeEvent!==a?(e={blockedOn:t,domEventName:n,eventSystemFlags:r,nativeEvent:a,targetContainers:[o]},null!==t&&(null!==(t=wo(t))&&xt(t)),e):(e.eventSystemFlags|=r,t=e.targetContainers,null!==o&&-1===t.indexOf(o)&&t.push(o),e)}function Mt(e){var t=vo(e.target);if(null!==t){var n=qe(t);if(null!==n)if(13===(t=n.tag)){if(null!==(t=$e(n)))return e.blockedOn=t,void Et(e.priority,(function(){kt(n)}))}else if(3===t&&n.stateNode.current.memoizedState.isDehydrated)return void(e.blockedOn=3===n.tag?n.stateNode.containerInfo:null)}e.blockedOn=null}function Ft(e){if(null!==e.blockedOn)return!1;for(var t=e.targetContainers;0<t.length;){var n=Qt(e.domEventName,e.eventSystemFlags,t[0],e.nativeEvent);if(null!==n)return null!==(t=wo(n))&&xt(t),e.blockedOn=n,!1;var r=new(n=e.nativeEvent).constructor(n.type,n);we=r,n.target.dispatchEvent(r),we=null,t.shift()}return!0}function zt(e,t,n){Ft(e)&&n.delete(t)}function Bt(){_t=!1,null!==At&&Ft(At)&&(At=null),null!==Ot&&Ft(Ot)&&(Ot=null),null!==Tt&&Ft(Tt)&&(Tt=null),Pt.forEach(zt),Lt.forEach(zt)}function Ut(e,t){e.blockedOn===t&&(e.blockedOn=null,_t||(_t=!0,o.unstable_scheduleCallback(o.unstable_NormalPriority,Bt)))}function qt(e){function t(t){return Ut(t,e)}if(0<Ct.length){Ut(Ct[0],e);for(var n=1;n<Ct.length;n++){var r=Ct[n];r.blockedOn===e&&(r.blockedOn=null)}}for(null!==At&&Ut(At,e),null!==Ot&&Ut(Ot,e),null!==Tt&&Ut(Tt,e),Pt.forEach(t),Lt.forEach(t),n=0;n<It.length;n++)(r=It[n]).blockedOn===e&&(r.blockedOn=null);for(;0<It.length&&null===(n=It[0]).blockedOn;)Mt(n),null===n.blockedOn&&It.shift()}var $t=w.ReactCurrentBatchConfig,Ht=!0;function Vt(e,t,n,r){var o=vt,a=$t.transition;$t.transition=null;try{vt=1,Wt(e,t,n,r)}finally{vt=o,$t.transition=a}}function Gt(e,t,n,r){var o=vt,a=$t.transition;$t.transition=null;try{vt=4,Wt(e,t,n,r)}finally{vt=o,$t.transition=a}}function Wt(e,t,n,r){if(Ht){var o=Qt(e,t,n,r);if(null===o)Hr(e,t,r,Kt,n),Nt(e,r);else if(function(e,t,n,r,o){switch(t){case"focusin":return At=Dt(At,e,t,n,r,o),!0;case"dragenter":return Ot=Dt(Ot,e,t,n,r,o),!0;case"mouseover":return Tt=Dt(Tt,e,t,n,r,o),!0;case"pointerover":var a=o.pointerId;return Pt.set(a,Dt(Pt.get(a)||null,e,t,n,r,o)),!0;case"gotpointercapture":return a=o.pointerId,Lt.set(a,Dt(Lt.get(a)||null,e,t,n,r,o)),!0}return!1}(o,e,t,n,r))r.stopPropagation();else if(Nt(e,r),4&t&&-1<Rt.indexOf(e)){for(;null!==o;){var a=wo(o);if(null!==a&&St(a),null===(a=Qt(e,t,n,r))&&Hr(e,t,r,Kt,n),a===o)break;o=a}null!==o&&r.stopPropagation()}else Hr(e,t,r,null,n)}}var Kt=null;function Qt(e,t,n,r){if(Kt=null,null!==(e=vo(e=Se(r))))if(null===(t=qe(e)))e=null;else if(13===(n=t.tag)){if(null!==(e=$e(t)))return e;e=null}else if(3===n){if(t.stateNode.current.memoizedState.isDehydrated)return 3===t.tag?t.stateNode.containerInfo:null;e=null}else t!==e&&(e=null);return Kt=e,null}function Yt(e){switch(e){case"cancel":case"click":case"close":case"contextmenu":case"copy":case"cut":case"auxclick":case"dblclick":case"dragend":case"dragstart":case"drop":case"focusin":case"focusout":case"input":case"invalid":case"keydown":case"keypress":case"keyup":case"mousedown":case"mouseup":case"paste":case"pause":case"play":case"pointercancel":case"pointerdown":case"pointerup":case"ratechange":case"reset":case"resize":case"seeked":case"submit":case"touchcancel":case"touchend":case"touchstart":case"volumechange":case"change":case"selectionchange":case"textInput":case"compositionstart":case"compositionend":case"compositionupdate":case"beforeblur":case"afterblur":case"beforeinput":case"blur":case"fullscreenchange":case"focus":case"hashchange":case"popstate":case"select":case"selectstart":return 1;case"drag":case"dragenter":case"dragexit":case"dragleave":case"dragover":case"mousemove":case"mouseout":case"mouseover":case"pointermove":case"pointerout":case"pointerover":case"scroll":case"toggle":case"touchmove":case"wheel":case"mouseenter":case"mouseleave":case"pointerenter":case"pointerleave":return 4;case"message":switch(Je()){case Xe:return 1;case et:return 4;case tt:case nt:return 16;case rt:return 536870912;default:return 16}default:return 16}}var Zt=null,Jt=null,Xt=null;function en(){if(Xt)return Xt;var e,t,n=Jt,r=n.length,o="value"in Zt?Zt.value:Zt.textContent,a=o.length;for(e=0;e<r&&n[e]===o[e];e++);var i=r-e;for(t=1;t<=i&&n[r-t]===o[a-t];t++);return Xt=o.slice(e,1<t?1-t:void 0)}function tn(e){var t=e.keyCode;return"charCode"in e?0===(e=e.charCode)&&13===t&&(e=13):e=t,10===e&&(e=13),32<=e||13===e?e:0}function nn(){return!0}function rn(){return!1}function on(e){function t(t,n,r,o,a){for(var i in this._reactName=t,this._targetInst=r,this.type=n,this.nativeEvent=o,this.target=a,this.currentTarget=null,e)e.hasOwnProperty(i)&&(t=e[i],this[i]=t?t(o):o[i]);return this.isDefaultPrevented=(null!=o.defaultPrevented?o.defaultPrevented:!1===o.returnValue)?nn:rn,this.isPropagationStopped=rn,this}return M(t.prototype,{preventDefault:function(){this.defaultPrevented=!0;var e=this.nativeEvent;e&&(e.preventDefault?e.preventDefault():"unknown"!=typeof e.returnValue&&(e.returnValue=!1),this.isDefaultPrevented=nn)},stopPropagation:function(){var e=this.nativeEvent;e&&(e.stopPropagation?e.stopPropagation():"unknown"!=typeof e.cancelBubble&&(e.cancelBubble=!0),this.isPropagationStopped=nn)},persist:function(){},isPersistent:nn}),t}var an,sn,ln,cn={eventPhase:0,bubbles:0,cancelable:0,timeStamp:function(e){return e.timeStamp||Date.now()},defaultPrevented:0,isTrusted:0},un=on(cn),dn=M({},cn,{view:0,detail:0}),pn=on(dn),fn=M({},dn,{screenX:0,screenY:0,clientX:0,clientY:0,pageX:0,pageY:0,ctrlKey:0,shiftKey:0,altKey:0,metaKey:0,getModifierState:En,button:0,buttons:0,relatedTarget:function(e){return void 0===e.relatedTarget?e.fromElement===e.srcElement?e.toElement:e.fromElement:e.relatedTarget},movementX:function(e){return"movementX"in e?e.movementX:(e!==ln&&(ln&&"mousemove"===e.type?(an=e.screenX-ln.screenX,sn=e.screenY-ln.screenY):sn=an=0,ln=e),an)},movementY:function(e){return"movementY"in e?e.movementY:sn}}),mn=on(fn),hn=on(M({},fn,{dataTransfer:0})),gn=on(M({},dn,{relatedTarget:0})),bn=on(M({},cn,{animationName:0,elapsedTime:0,pseudoElement:0})),yn=M({},cn,{clipboardData:function(e){return"clipboardData"in e?e.clipboardData:window.clipboardData}}),vn=on(yn),wn=on(M({},cn,{data:0})),Sn={Esc:"Escape",Spacebar:" ",Left:"ArrowLeft",Up:"ArrowUp",Right:"ArrowRight",Down:"ArrowDown",Del:"Delete",Win:"OS",Menu:"ContextMenu",Apps:"ContextMenu",Scroll:"ScrollLock",MozPrintableKey:"Unidentified"},xn={8:"Backspace",9:"Tab",12:"Clear",13:"Enter",16:"Shift",17:"Control",18:"Alt",19:"Pause",20:"CapsLock",27:"Escape",32:" ",33:"PageUp",34:"PageDown",35:"End",36:"Home",37:"ArrowLeft",38:"ArrowUp",39:"ArrowRight",40:"ArrowDown",45:"Insert",46:"Delete",112:"F1",113:"F2",114:"F3",115:"F4",116:"F5",117:"F6",118:"F7",119:"F8",120:"F9",121:"F10",122:"F11",123:"F12",144:"NumLock",145:"ScrollLock",224:"Meta"},kn={Alt:"altKey",Control:"ctrlKey",Meta:"metaKey",Shift:"shiftKey"};function jn(e){var t=this.nativeEvent;return t.getModifierState?t.getModifierState(e):!!(e=kn[e])&&!!t[e]}function En(){return jn}var _n=M({},dn,{key:function(e){if(e.key){var t=Sn[e.key]||e.key;if("Unidentified"!==t)return t}return"keypress"===e.type?13===(e=tn(e))?"Enter":String.fromCharCode(e):"keydown"===e.type||"keyup"===e.type?xn[e.keyCode]||"Unidentified":""},code:0,location:0,ctrlKey:0,shiftKey:0,altKey:0,metaKey:0,repeat:0,locale:0,getModifierState:En,charCode:function(e){return"keypress"===e.type?tn(e):0},keyCode:function(e){return"keydown"===e.type||"keyup"===e.type?e.keyCode:0},which:function(e){return"keypress"===e.type?tn(e):"keydown"===e.type||"keyup"===e.type?e.keyCode:0}}),Cn=on(_n),An=on(M({},fn,{pointerId:0,width:0,height:0,pressure:0,tangentialPressure:0,tiltX:0,tiltY:0,twist:0,pointerType:0,isPrimary:0})),On=on(M({},dn,{touches:0,targetTouches:0,changedTouches:0,altKey:0,metaKey:0,ctrlKey:0,shiftKey:0,getModifierState:En})),Tn=on(M({},cn,{propertyName:0,elapsedTime:0,pseudoElement:0})),Pn=M({},fn,{deltaX:function(e){return"deltaX"in e?e.deltaX:"wheelDeltaX"in e?-e.wheelDeltaX:0},deltaY:function(e){return"deltaY"in e?e.deltaY:"wheelDeltaY"in e?-e.wheelDeltaY:"wheelDelta"in e?-e.wheelDelta:0},deltaZ:0,deltaMode:0}),Ln=on(Pn),In=[9,13,27,32],Rn=u&&"CompositionEvent"in window,Nn=null;u&&"documentMode"in document&&(Nn=document.documentMode);var Dn=u&&"TextEvent"in window&&!Nn,Mn=u&&(!Rn||Nn&&8<Nn&&11>=Nn),Fn=String.fromCharCode(32),zn=!1;function Bn(e,t){switch(e){case"keyup":return-1!==In.indexOf(t.keyCode);case"keydown":return 229!==t.keyCode;case"keypress":case"mousedown":case"focusout":return!0;default:return!1}}function Un(e){return"object"==typeof(e=e.detail)&&"data"in e?e.data:null}var qn=!1;var $n={color:!0,date:!0,datetime:!0,"datetime-local":!0,email:!0,month:!0,number:!0,password:!0,range:!0,search:!0,tel:!0,text:!0,time:!0,url:!0,week:!0};function Hn(e){var t=e&&e.nodeName&&e.nodeName.toLowerCase();return"input"===t?!!$n[e.type]:"textarea"===t}function Vn(e,t,n,r){_e(r),0<(t=Gr(t,"onChange")).length&&(n=new un("onChange","change",null,n,r),e.push({event:n,listeners:t}))}var Gn=null,Wn=null;function Kn(e){Fr(e,0)}function Qn(e){if(W(So(e)))return e}function Yn(e,t){if("change"===e)return t}var Zn=!1;if(u){var Jn;if(u){var Xn="oninput"in document;if(!Xn){var er=document.createElement("div");er.setAttribute("oninput","return;"),Xn="function"==typeof er.oninput}Jn=Xn}else Jn=!1;Zn=Jn&&(!document.documentMode||9<document.documentMode)}function tr(){Gn&&(Gn.detachEvent("onpropertychange",nr),Wn=Gn=null)}function nr(e){if("value"===e.propertyName&&Qn(Wn)){var t=[];Vn(t,Wn,e,Se(e)),Pe(Kn,t)}}function rr(e,t,n){"focusin"===e?(tr(),Wn=n,(Gn=t).attachEvent("onpropertychange",nr)):"focusout"===e&&tr()}function or(e){if("selectionchange"===e||"keyup"===e||"keydown"===e)return Qn(Wn)}function ar(e,t){if("click"===e)return Qn(t)}function ir(e,t){if("input"===e||"change"===e)return Qn(t)}var sr="function"==typeof Object.is?Object.is:function(e,t){return e===t&&(0!==e||1/e==1/t)||e!=e&&t!=t};function lr(e,t){if(sr(e,t))return!0;if("object"!=typeof e||null===e||"object"!=typeof t||null===t)return!1;var n=Object.keys(e),r=Object.keys(t);if(n.length!==r.length)return!1;for(r=0;r<n.length;r++){var o=n[r];if(!d.call(t,o)||!sr(e[o],t[o]))return!1}return!0}function cr(e){for(;e&&e.firstChild;)e=e.firstChild;return e}function ur(e,t){var n,r=cr(e);for(e=0;r;){if(3===r.nodeType){if(n=e+r.textContent.length,e<=t&&n>=t)return{node:r,offset:t-e};e=n}e:{for(;r;){if(r.nextSibling){r=r.nextSibling;break e}r=r.parentNode}r=void 0}r=cr(r)}}function dr(e,t){return!(!e||!t)&&(e===t||(!e||3!==e.nodeType)&&(t&&3===t.nodeType?dr(e,t.parentNode):"contains"in e?e.contains(t):!!e.compareDocumentPosition&&!!(16&e.compareDocumentPosition(t))))}function pr(){for(var e=window,t=K();t instanceof e.HTMLIFrameElement;){try{var n="string"==typeof t.contentWindow.location.href}catch(r){n=!1}if(!n)break;t=K((e=t.contentWindow).document)}return t}function fr(e){var t=e&&e.nodeName&&e.nodeName.toLowerCase();return t&&("input"===t&&("text"===e.type||"search"===e.type||"tel"===e.type||"url"===e.type||"password"===e.type)||"textarea"===t||"true"===e.contentEditable)}function mr(e){var t=pr(),n=e.focusedElem,r=e.selectionRange;if(t!==n&&n&&n.ownerDocument&&dr(n.ownerDocument.documentElement,n)){if(null!==r&&fr(n))if(t=r.start,void 0===(e=r.end)&&(e=t),"selectionStart"in n)n.selectionStart=t,n.selectionEnd=Math.min(e,n.value.length);else if((e=(t=n.ownerDocument||document)&&t.defaultView||window).getSelection){e=e.getSelection();var o=n.textContent.length,a=Math.min(r.start,o);r=void 0===r.end?a:Math.min(r.end,o),!e.extend&&a>r&&(o=r,r=a,a=o),o=ur(n,a);var i=ur(n,r);o&&i&&(1!==e.rangeCount||e.anchorNode!==o.node||e.anchorOffset!==o.offset||e.focusNode!==i.node||e.focusOffset!==i.offset)&&((t=t.createRange()).setStart(o.node,o.offset),e.removeAllRanges(),a>r?(e.addRange(t),e.extend(i.node,i.offset)):(t.setEnd(i.node,i.offset),e.addRange(t)))}for(t=[],e=n;e=e.parentNode;)1===e.nodeType&&t.push({element:e,left:e.scrollLeft,top:e.scrollTop});for("function"==typeof n.focus&&n.focus(),n=0;n<t.length;n++)(e=t[n]).element.scrollLeft=e.left,e.element.scrollTop=e.top}}var hr=u&&"documentMode"in document&&11>=document.documentMode,gr=null,br=null,yr=null,vr=!1;function wr(e,t,n){var r=n.window===n?n.document:9===n.nodeType?n:n.ownerDocument;vr||null==gr||gr!==K(r)||("selectionStart"in(r=gr)&&fr(r)?r={start:r.selectionStart,end:r.selectionEnd}:r={anchorNode:(r=(r.ownerDocument&&r.ownerDocument.defaultView||window).getSelection()).anchorNode,anchorOffset:r.anchorOffset,focusNode:r.focusNode,focusOffset:r.focusOffset},yr&&lr(yr,r)||(yr=r,0<(r=Gr(br,"onSelect")).length&&(t=new un("onSelect","select",null,t,n),e.push({event:t,listeners:r}),t.target=gr)))}function Sr(e,t){var n={};return n[e.toLowerCase()]=t.toLowerCase(),n["Webkit"+e]="webkit"+t,n["Moz"+e]="moz"+t,n}var xr={animationend:Sr("Animation","AnimationEnd"),animationiteration:Sr("Animation","AnimationIteration"),animationstart:Sr("Animation","AnimationStart"),transitionend:Sr("Transition","TransitionEnd")},kr={},jr={};function Er(e){if(kr[e])return kr[e];if(!xr[e])return e;var t,n=xr[e];for(t in n)if(n.hasOwnProperty(t)&&t in jr)return kr[e]=n[t];return e}u&&(jr=document.createElement("div").style,"AnimationEvent"in window||(delete xr.animationend.animation,delete xr.animationiteration.animation,delete xr.animationstart.animation),"TransitionEvent"in window||delete xr.transitionend.transition);var _r=Er("animationend"),Cr=Er("animationiteration"),Ar=Er("animationstart"),Or=Er("transitionend"),Tr=new Map,Pr="abort auxClick cancel canPlay canPlayThrough click close contextMenu copy cut drag dragEnd dragEnter dragExit dragLeave dragOver dragStart drop durationChange emptied encrypted ended error gotPointerCapture input invalid keyDown keyPress keyUp load loadedData loadedMetadata loadStart lostPointerCapture mouseDown mouseMove mouseOut mouseOver mouseUp paste pause play playing pointerCancel pointerDown pointerMove pointerOut pointerOver pointerUp progress rateChange reset resize seeked seeking stalled submit suspend timeUpdate touchCancel touchEnd touchStart volumeChange scroll toggle touchMove waiting wheel".split(" ");function Lr(e,t){Tr.set(e,t),l(t,[e])}for(var Ir=0;Ir<Pr.length;Ir++){var Rr=Pr[Ir];Lr(Rr.toLowerCase(),"on"+(Rr[0].toUpperCase()+Rr.slice(1)))}Lr(_r,"onAnimationEnd"),Lr(Cr,"onAnimationIteration"),Lr(Ar,"onAnimationStart"),Lr("dblclick","onDoubleClick"),Lr("focusin","onFocus"),Lr("focusout","onBlur"),Lr(Or,"onTransitionEnd"),c("onMouseEnter",["mouseout","mouseover"]),c("onMouseLeave",["mouseout","mouseover"]),c("onPointerEnter",["pointerout","pointerover"]),c("onPointerLeave",["pointerout","pointerover"]),l("onChange","change click focusin focusout input keydown keyup selectionchange".split(" ")),l("onSelect","focusout contextmenu dragend focusin keydown keyup mousedown mouseup selectionchange".split(" ")),l("onBeforeInput",["compositionend","keypress","textInput","paste"]),l("onCompositionEnd","compositionend focusout keydown keypress keyup mousedown".split(" ")),l("onCompositionStart","compositionstart focusout keydown keypress keyup mousedown".split(" ")),l("onCompositionUpdate","compositionupdate focusout keydown keypress keyup mousedown".split(" "));var Nr="abort canplay canplaythrough durationchange emptied encrypted ended error loadeddata loadedmetadata loadstart pause play playing progress ratechange resize seeked seeking stalled suspend timeupdate volumechange waiting".split(" "),Dr=new Set("cancel close invalid load scroll toggle".split(" ").concat(Nr));function Mr(e,t,n){var r=e.type||"unknown-event";e.currentTarget=n,function(e,t,n,r,o,i,s,l,c){if(Ue.apply(this,arguments),De){if(!De)throw Error(a(198));var u=Me;De=!1,Me=null,Fe||(Fe=!0,ze=u)}}(r,t,void 0,e),e.currentTarget=null}function Fr(e,t){t=!!(4&t);for(var n=0;n<e.length;n++){var r=e[n],o=r.event;r=r.listeners;e:{var a=void 0;if(t)for(var i=r.length-1;0<=i;i--){var s=r[i],l=s.instance,c=s.currentTarget;if(s=s.listener,l!==a&&o.isPropagationStopped())break e;Mr(o,s,c),a=l}else for(i=0;i<r.length;i++){if(l=(s=r[i]).instance,c=s.currentTarget,s=s.listener,l!==a&&o.isPropagationStopped())break e;Mr(o,s,c),a=l}}}if(Fe)throw e=ze,Fe=!1,ze=null,e}function zr(e,t){var n=t[go];void 0===n&&(n=t[go]=new Set);var r=e+"__bubble";n.has(r)||($r(t,e,2,!1),n.add(r))}function Br(e,t,n){var r=0;t&&(r|=4),$r(n,e,r,t)}var Ur="_reactListening"+Math.random().toString(36).slice(2);function qr(e){if(!e[Ur]){e[Ur]=!0,i.forEach((function(t){"selectionchange"!==t&&(Dr.has(t)||Br(t,!1,e),Br(t,!0,e))}));var t=9===e.nodeType?e:e.ownerDocument;null===t||t[Ur]||(t[Ur]=!0,Br("selectionchange",!1,t))}}function $r(e,t,n,r){switch(Yt(t)){case 1:var o=Vt;break;case 4:o=Gt;break;default:o=Wt}n=o.bind(null,t,n,e),o=void 0,!Ie||"touchstart"!==t&&"touchmove"!==t&&"wheel"!==t||(o=!0),r?void 0!==o?e.addEventListener(t,n,{capture:!0,passive:o}):e.addEventListener(t,n,!0):void 0!==o?e.addEventListener(t,n,{passive:o}):e.addEventListener(t,n,!1)}function Hr(e,t,n,r,o){var a=r;if(!(1&t||2&t||null===r))e:for(;;){if(null===r)return;var i=r.tag;if(3===i||4===i){var s=r.stateNode.containerInfo;if(s===o||8===s.nodeType&&s.parentNode===o)break;if(4===i)for(i=r.return;null!==i;){var l=i.tag;if((3===l||4===l)&&((l=i.stateNode.containerInfo)===o||8===l.nodeType&&l.parentNode===o))return;i=i.return}for(;null!==s;){if(null===(i=vo(s)))return;if(5===(l=i.tag)||6===l){r=a=i;continue e}s=s.parentNode}}r=r.return}Pe((function(){var r=a,o=Se(n),i=[];e:{var s=Tr.get(e);if(void 0!==s){var l=un,c=e;switch(e){case"keypress":if(0===tn(n))break e;case"keydown":case"keyup":l=Cn;break;case"focusin":c="focus",l=gn;break;case"focusout":c="blur",l=gn;break;case"beforeblur":case"afterblur":l=gn;break;case"click":if(2===n.button)break e;case"auxclick":case"dblclick":case"mousedown":case"mousemove":case"mouseup":case"mouseout":case"mouseover":case"contextmenu":l=mn;break;case"drag":case"dragend":case"dragenter":case"dragexit":case"dragleave":case"dragover":case"dragstart":case"drop":l=hn;break;case"touchcancel":case"touchend":case"touchmove":case"touchstart":l=On;break;case _r:case Cr:case Ar:l=bn;break;case Or:l=Tn;break;case"scroll":l=pn;break;case"wheel":l=Ln;break;case"copy":case"cut":case"paste":l=vn;break;case"gotpointercapture":case"lostpointercapture":case"pointercancel":case"pointerdown":case"pointermove":case"pointerout":case"pointerover":case"pointerup":l=An}var u=!!(4&t),d=!u&&"scroll"===e,p=u?null!==s?s+"Capture":null:s;u=[];for(var f,m=r;null!==m;){var h=(f=m).stateNode;if(5===f.tag&&null!==h&&(f=h,null!==p&&(null!=(h=Le(m,p))&&u.push(Vr(m,h,f)))),d)break;m=m.return}0<u.length&&(s=new l(s,c,null,n,o),i.push({event:s,listeners:u}))}}if(!(7&t)){if(l="mouseout"===e||"pointerout"===e,(!(s="mouseover"===e||"pointerover"===e)||n===we||!(c=n.relatedTarget||n.fromElement)||!vo(c)&&!c[ho])&&(l||s)&&(s=o.window===o?o:(s=o.ownerDocument)?s.defaultView||s.parentWindow:window,l?(l=r,null!==(c=(c=n.relatedTarget||n.toElement)?vo(c):null)&&(c!==(d=qe(c))||5!==c.tag&&6!==c.tag)&&(c=null)):(l=null,c=r),l!==c)){if(u=mn,h="onMouseLeave",p="onMouseEnter",m="mouse","pointerout"!==e&&"pointerover"!==e||(u=An,h="onPointerLeave",p="onPointerEnter",m="pointer"),d=null==l?s:So(l),f=null==c?s:So(c),(s=new u(h,m+"leave",l,n,o)).target=d,s.relatedTarget=f,h=null,vo(o)===r&&((u=new u(p,m+"enter",c,n,o)).target=f,u.relatedTarget=d,h=u),d=h,l&&c)e:{for(p=c,m=0,f=u=l;f;f=Wr(f))m++;for(f=0,h=p;h;h=Wr(h))f++;for(;0<m-f;)u=Wr(u),m--;for(;0<f-m;)p=Wr(p),f--;for(;m--;){if(u===p||null!==p&&u===p.alternate)break e;u=Wr(u),p=Wr(p)}u=null}else u=null;null!==l&&Kr(i,s,l,u,!1),null!==c&&null!==d&&Kr(i,d,c,u,!0)}if("select"===(l=(s=r?So(r):window).nodeName&&s.nodeName.toLowerCase())||"input"===l&&"file"===s.type)var g=Yn;else if(Hn(s))if(Zn)g=ir;else{g=or;var b=rr}else(l=s.nodeName)&&"input"===l.toLowerCase()&&("checkbox"===s.type||"radio"===s.type)&&(g=ar);switch(g&&(g=g(e,r))?Vn(i,g,n,o):(b&&b(e,s,r),"focusout"===e&&(b=s._wrapperState)&&b.controlled&&"number"===s.type&&ee(s,"number",s.value)),b=r?So(r):window,e){case"focusin":(Hn(b)||"true"===b.contentEditable)&&(gr=b,br=r,yr=null);break;case"focusout":yr=br=gr=null;break;case"mousedown":vr=!0;break;case"contextmenu":case"mouseup":case"dragend":vr=!1,wr(i,n,o);break;case"selectionchange":if(hr)break;case"keydown":case"keyup":wr(i,n,o)}var y;if(Rn)e:{switch(e){case"compositionstart":var v="onCompositionStart";break e;case"compositionend":v="onCompositionEnd";break e;case"compositionupdate":v="onCompositionUpdate";break e}v=void 0}else qn?Bn(e,n)&&(v="onCompositionEnd"):"keydown"===e&&229===n.keyCode&&(v="onCompositionStart");v&&(Mn&&"ko"!==n.locale&&(qn||"onCompositionStart"!==v?"onCompositionEnd"===v&&qn&&(y=en()):(Jt="value"in(Zt=o)?Zt.value:Zt.textContent,qn=!0)),0<(b=Gr(r,v)).length&&(v=new wn(v,e,null,n,o),i.push({event:v,listeners:b}),y?v.data=y:null!==(y=Un(n))&&(v.data=y))),(y=Dn?function(e,t){switch(e){case"compositionend":return Un(t);case"keypress":return 32!==t.which?null:(zn=!0,Fn);case"textInput":return(e=t.data)===Fn&&zn?null:e;default:return null}}(e,n):function(e,t){if(qn)return"compositionend"===e||!Rn&&Bn(e,t)?(e=en(),Xt=Jt=Zt=null,qn=!1,e):null;switch(e){case"paste":default:return null;case"keypress":if(!(t.ctrlKey||t.altKey||t.metaKey)||t.ctrlKey&&t.altKey){if(t.char&&1<t.char.length)return t.char;if(t.which)return String.fromCharCode(t.which)}return null;case"compositionend":return Mn&&"ko"!==t.locale?null:t.data}}(e,n))&&(0<(r=Gr(r,"onBeforeInput")).length&&(o=new wn("onBeforeInput","beforeinput",null,n,o),i.push({event:o,listeners:r}),o.data=y))}Fr(i,t)}))}function Vr(e,t,n){return{instance:e,listener:t,currentTarget:n}}function Gr(e,t){for(var n=t+"Capture",r=[];null!==e;){var o=e,a=o.stateNode;5===o.tag&&null!==a&&(o=a,null!=(a=Le(e,n))&&r.unshift(Vr(e,a,o)),null!=(a=Le(e,t))&&r.push(Vr(e,a,o))),e=e.return}return r}function Wr(e){if(null===e)return null;do{e=e.return}while(e&&5!==e.tag);return e||null}function Kr(e,t,n,r,o){for(var a=t._reactName,i=[];null!==n&&n!==r;){var s=n,l=s.alternate,c=s.stateNode;if(null!==l&&l===r)break;5===s.tag&&null!==c&&(s=c,o?null!=(l=Le(n,a))&&i.unshift(Vr(n,l,s)):o||null!=(l=Le(n,a))&&i.push(Vr(n,l,s))),n=n.return}0!==i.length&&e.push({event:t,listeners:i})}var Qr=/\r\n?/g,Yr=/\u0000|\uFFFD/g;function Zr(e){return("string"==typeof e?e:""+e).replace(Qr,"\n").replace(Yr,"")}function Jr(e,t,n){if(t=Zr(t),Zr(e)!==t&&n)throw Error(a(425))}function Xr(){}var eo=null,to=null;function no(e,t){return"textarea"===e||"noscript"===e||"string"==typeof t.children||"number"==typeof t.children||"object"==typeof t.dangerouslySetInnerHTML&&null!==t.dangerouslySetInnerHTML&&null!=t.dangerouslySetInnerHTML.__html}var ro="function"==typeof setTimeout?setTimeout:void 0,oo="function"==typeof clearTimeout?clearTimeout:void 0,ao="function"==typeof Promise?Promise:void 0,io="function"==typeof queueMicrotask?queueMicrotask:void 0!==ao?function(e){return ao.resolve(null).then(e).catch(so)}:ro;function so(e){setTimeout((function(){throw e}))}function lo(e,t){var n=t,r=0;do{var o=n.nextSibling;if(e.removeChild(n),o&&8===o.nodeType)if("/$"===(n=o.data)){if(0===r)return e.removeChild(o),void qt(t);r--}else"$"!==n&&"$?"!==n&&"$!"!==n||r++;n=o}while(n);qt(t)}function co(e){for(;null!=e;e=e.nextSibling){var t=e.nodeType;if(1===t||3===t)break;if(8===t){if("$"===(t=e.data)||"$!"===t||"$?"===t)break;if("/$"===t)return null}}return e}function uo(e){e=e.previousSibling;for(var t=0;e;){if(8===e.nodeType){var n=e.data;if("$"===n||"$!"===n||"$?"===n){if(0===t)return e;t--}else"/$"===n&&t++}e=e.previousSibling}return null}var po=Math.random().toString(36).slice(2),fo="__reactFiber$"+po,mo="__reactProps$"+po,ho="__reactContainer$"+po,go="__reactEvents$"+po,bo="__reactListeners$"+po,yo="__reactHandles$"+po;function vo(e){var t=e[fo];if(t)return t;for(var n=e.parentNode;n;){if(t=n[ho]||n[fo]){if(n=t.alternate,null!==t.child||null!==n&&null!==n.child)for(e=uo(e);null!==e;){if(n=e[fo])return n;e=uo(e)}return t}n=(e=n).parentNode}return null}function wo(e){return!(e=e[fo]||e[ho])||5!==e.tag&&6!==e.tag&&13!==e.tag&&3!==e.tag?null:e}function So(e){if(5===e.tag||6===e.tag)return e.stateNode;throw Error(a(33))}function xo(e){return e[mo]||null}var ko=[],jo=-1;function Eo(e){return{current:e}}function _o(e){0>jo||(e.current=ko[jo],ko[jo]=null,jo--)}function Co(e,t){jo++,ko[jo]=e.current,e.current=t}var Ao={},Oo=Eo(Ao),To=Eo(!1),Po=Ao;function Lo(e,t){var n=e.type.contextTypes;if(!n)return Ao;var r=e.stateNode;if(r&&r.__reactInternalMemoizedUnmaskedChildContext===t)return r.__reactInternalMemoizedMaskedChildContext;var o,a={};for(o in n)a[o]=t[o];return r&&((e=e.stateNode).__reactInternalMemoizedUnmaskedChildContext=t,e.__reactInternalMemoizedMaskedChildContext=a),a}function Io(e){return null!=(e=e.childContextTypes)}function Ro(){_o(To),_o(Oo)}function No(e,t,n){if(Oo.current!==Ao)throw Error(a(168));Co(Oo,t),Co(To,n)}function Do(e,t,n){var r=e.stateNode;if(t=t.childContextTypes,"function"!=typeof r.getChildContext)return n;for(var o in r=r.getChildContext())if(!(o in t))throw Error(a(108,$(e)||"Unknown",o));return M({},n,r)}function Mo(e){return e=(e=e.stateNode)&&e.__reactInternalMemoizedMergedChildContext||Ao,Po=Oo.current,Co(Oo,e),Co(To,To.current),!0}function Fo(e,t,n){var r=e.stateNode;if(!r)throw Error(a(169));n?(e=Do(e,t,Po),r.__reactInternalMemoizedMergedChildContext=e,_o(To),_o(Oo),Co(Oo,e)):_o(To),Co(To,n)}var zo=null,Bo=!1,Uo=!1;function qo(e){null===zo?zo=[e]:zo.push(e)}function $o(){if(!Uo&&null!==zo){Uo=!0;var e=0,t=vt;try{var n=zo;for(vt=1;e<n.length;e++){var r=n[e];do{r=r(!0)}while(null!==r)}zo=null,Bo=!1}catch(o){throw null!==zo&&(zo=zo.slice(e+1)),We(Xe,$o),o}finally{vt=t,Uo=!1}}return null}var Ho=[],Vo=0,Go=null,Wo=0,Ko=[],Qo=0,Yo=null,Zo=1,Jo="";function Xo(e,t){Ho[Vo++]=Wo,Ho[Vo++]=Go,Go=e,Wo=t}function ea(e,t,n){Ko[Qo++]=Zo,Ko[Qo++]=Jo,Ko[Qo++]=Yo,Yo=e;var r=Zo;e=Jo;var o=32-it(r)-1;r&=~(1<<o),n+=1;var a=32-it(t)+o;if(30<a){var i=o-o%5;a=(r&(1<<i)-1).toString(32),r>>=i,o-=i,Zo=1<<32-it(t)+o|n<<o|r,Jo=a+e}else Zo=1<<a|n<<o|r,Jo=e}function ta(e){null!==e.return&&(Xo(e,1),ea(e,1,0))}function na(e){for(;e===Go;)Go=Ho[--Vo],Ho[Vo]=null,Wo=Ho[--Vo],Ho[Vo]=null;for(;e===Yo;)Yo=Ko[--Qo],Ko[Qo]=null,Jo=Ko[--Qo],Ko[Qo]=null,Zo=Ko[--Qo],Ko[Qo]=null}var ra=null,oa=null,aa=!1,ia=null;function sa(e,t){var n=Pc(5,null,null,0);n.elementType="DELETED",n.stateNode=t,n.return=e,null===(t=e.deletions)?(e.deletions=[n],e.flags|=16):t.push(n)}function la(e,t){switch(e.tag){case 5:var n=e.type;return null!==(t=1!==t.nodeType||n.toLowerCase()!==t.nodeName.toLowerCase()?null:t)&&(e.stateNode=t,ra=e,oa=co(t.firstChild),!0);case 6:return null!==(t=""===e.pendingProps||3!==t.nodeType?null:t)&&(e.stateNode=t,ra=e,oa=null,!0);case 13:return null!==(t=8!==t.nodeType?null:t)&&(n=null!==Yo?{id:Zo,overflow:Jo}:null,e.memoizedState={dehydrated:t,treeContext:n,retryLane:1073741824},(n=Pc(18,null,null,0)).stateNode=t,n.return=e,e.child=n,ra=e,oa=null,!0);default:return!1}}function ca(e){return!(!(1&e.mode)||128&e.flags)}function ua(e){if(aa){var t=oa;if(t){var n=t;if(!la(e,t)){if(ca(e))throw Error(a(418));t=co(n.nextSibling);var r=ra;t&&la(e,t)?sa(r,n):(e.flags=-4097&e.flags|2,aa=!1,ra=e)}}else{if(ca(e))throw Error(a(418));e.flags=-4097&e.flags|2,aa=!1,ra=e}}}function da(e){for(e=e.return;null!==e&&5!==e.tag&&3!==e.tag&&13!==e.tag;)e=e.return;ra=e}function pa(e){if(e!==ra)return!1;if(!aa)return da(e),aa=!0,!1;var t;if((t=3!==e.tag)&&!(t=5!==e.tag)&&(t="head"!==(t=e.type)&&"body"!==t&&!no(e.type,e.memoizedProps)),t&&(t=oa)){if(ca(e))throw fa(),Error(a(418));for(;t;)sa(e,t),t=co(t.nextSibling)}if(da(e),13===e.tag){if(!(e=null!==(e=e.memoizedState)?e.dehydrated:null))throw Error(a(317));e:{for(e=e.nextSibling,t=0;e;){if(8===e.nodeType){var n=e.data;if("/$"===n){if(0===t){oa=co(e.nextSibling);break e}t--}else"$"!==n&&"$!"!==n&&"$?"!==n||t++}e=e.nextSibling}oa=null}}else oa=ra?co(e.stateNode.nextSibling):null;return!0}function fa(){for(var e=oa;e;)e=co(e.nextSibling)}function ma(){oa=ra=null,aa=!1}function ha(e){null===ia?ia=[e]:ia.push(e)}var ga=w.ReactCurrentBatchConfig;function ba(e,t,n){if(null!==(e=n.ref)&&"function"!=typeof e&&"object"!=typeof e){if(n._owner){if(n=n._owner){if(1!==n.tag)throw Error(a(309));var r=n.stateNode}if(!r)throw Error(a(147,e));var o=r,i=""+e;return null!==t&&null!==t.ref&&"function"==typeof t.ref&&t.ref._stringRef===i?t.ref:(t=function(e){var t=o.refs;null===e?delete t[i]:t[i]=e},t._stringRef=i,t)}if("string"!=typeof e)throw Error(a(284));if(!n._owner)throw Error(a(290,e))}return e}function ya(e,t){throw e=Object.prototype.toString.call(t),Error(a(31,"[object Object]"===e?"object with keys {"+Object.keys(t).join(", ")+"}":e))}function va(e){return(0,e._init)(e._payload)}function wa(e){function t(t,n){if(e){var r=t.deletions;null===r?(t.deletions=[n],t.flags|=16):r.push(n)}}function n(n,r){if(!e)return null;for(;null!==r;)t(n,r),r=r.sibling;return null}function r(e,t){for(e=new Map;null!==t;)null!==t.key?e.set(t.key,t):e.set(t.index,t),t=t.sibling;return e}function o(e,t){return(e=Ic(e,t)).index=0,e.sibling=null,e}function i(t,n,r){return t.index=r,e?null!==(r=t.alternate)?(r=r.index)<n?(t.flags|=2,n):r:(t.flags|=2,n):(t.flags|=1048576,n)}function s(t){return e&&null===t.alternate&&(t.flags|=2),t}function l(e,t,n,r){return null===t||6!==t.tag?((t=Mc(n,e.mode,r)).return=e,t):((t=o(t,n)).return=e,t)}function c(e,t,n,r){var a=n.type;return a===k?d(e,t,n.props.children,r,n.key):null!==t&&(t.elementType===a||"object"==typeof a&&null!==a&&a.$$typeof===L&&va(a)===t.type)?((r=o(t,n.props)).ref=ba(e,t,n),r.return=e,r):((r=Rc(n.type,n.key,n.props,null,e.mode,r)).ref=ba(e,t,n),r.return=e,r)}function u(e,t,n,r){return null===t||4!==t.tag||t.stateNode.containerInfo!==n.containerInfo||t.stateNode.implementation!==n.implementation?((t=Fc(n,e.mode,r)).return=e,t):((t=o(t,n.children||[])).return=e,t)}function d(e,t,n,r,a){return null===t||7!==t.tag?((t=Nc(n,e.mode,r,a)).return=e,t):((t=o(t,n)).return=e,t)}function p(e,t,n){if("string"==typeof t&&""!==t||"number"==typeof t)return(t=Mc(""+t,e.mode,n)).return=e,t;if("object"==typeof t&&null!==t){switch(t.$$typeof){case S:return(n=Rc(t.type,t.key,t.props,null,e.mode,n)).ref=ba(e,null,t),n.return=e,n;case x:return(t=Fc(t,e.mode,n)).return=e,t;case L:return p(e,(0,t._init)(t._payload),n)}if(te(t)||N(t))return(t=Nc(t,e.mode,n,null)).return=e,t;ya(e,t)}return null}function f(e,t,n,r){var o=null!==t?t.key:null;if("string"==typeof n&&""!==n||"number"==typeof n)return null!==o?null:l(e,t,""+n,r);if("object"==typeof n&&null!==n){switch(n.$$typeof){case S:return n.key===o?c(e,t,n,r):null;case x:return n.key===o?u(e,t,n,r):null;case L:return f(e,t,(o=n._init)(n._payload),r)}if(te(n)||N(n))return null!==o?null:d(e,t,n,r,null);ya(e,n)}return null}function m(e,t,n,r,o){if("string"==typeof r&&""!==r||"number"==typeof r)return l(t,e=e.get(n)||null,""+r,o);if("object"==typeof r&&null!==r){switch(r.$$typeof){case S:return c(t,e=e.get(null===r.key?n:r.key)||null,r,o);case x:return u(t,e=e.get(null===r.key?n:r.key)||null,r,o);case L:return m(e,t,n,(0,r._init)(r._payload),o)}if(te(r)||N(r))return d(t,e=e.get(n)||null,r,o,null);ya(t,r)}return null}function h(o,a,s,l){for(var c=null,u=null,d=a,h=a=0,g=null;null!==d&&h<s.length;h++){d.index>h?(g=d,d=null):g=d.sibling;var b=f(o,d,s[h],l);if(null===b){null===d&&(d=g);break}e&&d&&null===b.alternate&&t(o,d),a=i(b,a,h),null===u?c=b:u.sibling=b,u=b,d=g}if(h===s.length)return n(o,d),aa&&Xo(o,h),c;if(null===d){for(;h<s.length;h++)null!==(d=p(o,s[h],l))&&(a=i(d,a,h),null===u?c=d:u.sibling=d,u=d);return aa&&Xo(o,h),c}for(d=r(o,d);h<s.length;h++)null!==(g=m(d,o,h,s[h],l))&&(e&&null!==g.alternate&&d.delete(null===g.key?h:g.key),a=i(g,a,h),null===u?c=g:u.sibling=g,u=g);return e&&d.forEach((function(e){return t(o,e)})),aa&&Xo(o,h),c}function g(o,s,l,c){var u=N(l);if("function"!=typeof u)throw Error(a(150));if(null==(l=u.call(l)))throw Error(a(151));for(var d=u=null,h=s,g=s=0,b=null,y=l.next();null!==h&&!y.done;g++,y=l.next()){h.index>g?(b=h,h=null):b=h.sibling;var v=f(o,h,y.value,c);if(null===v){null===h&&(h=b);break}e&&h&&null===v.alternate&&t(o,h),s=i(v,s,g),null===d?u=v:d.sibling=v,d=v,h=b}if(y.done)return n(o,h),aa&&Xo(o,g),u;if(null===h){for(;!y.done;g++,y=l.next())null!==(y=p(o,y.value,c))&&(s=i(y,s,g),null===d?u=y:d.sibling=y,d=y);return aa&&Xo(o,g),u}for(h=r(o,h);!y.done;g++,y=l.next())null!==(y=m(h,o,g,y.value,c))&&(e&&null!==y.alternate&&h.delete(null===y.key?g:y.key),s=i(y,s,g),null===d?u=y:d.sibling=y,d=y);return e&&h.forEach((function(e){return t(o,e)})),aa&&Xo(o,g),u}return function e(r,a,i,l){if("object"==typeof i&&null!==i&&i.type===k&&null===i.key&&(i=i.props.children),"object"==typeof i&&null!==i){switch(i.$$typeof){case S:e:{for(var c=i.key,u=a;null!==u;){if(u.key===c){if((c=i.type)===k){if(7===u.tag){n(r,u.sibling),(a=o(u,i.props.children)).return=r,r=a;break e}}else if(u.elementType===c||"object"==typeof c&&null!==c&&c.$$typeof===L&&va(c)===u.type){n(r,u.sibling),(a=o(u,i.props)).ref=ba(r,u,i),a.return=r,r=a;break e}n(r,u);break}t(r,u),u=u.sibling}i.type===k?((a=Nc(i.props.children,r.mode,l,i.key)).return=r,r=a):((l=Rc(i.type,i.key,i.props,null,r.mode,l)).ref=ba(r,a,i),l.return=r,r=l)}return s(r);case x:e:{for(u=i.key;null!==a;){if(a.key===u){if(4===a.tag&&a.stateNode.containerInfo===i.containerInfo&&a.stateNode.implementation===i.implementation){n(r,a.sibling),(a=o(a,i.children||[])).return=r,r=a;break e}n(r,a);break}t(r,a),a=a.sibling}(a=Fc(i,r.mode,l)).return=r,r=a}return s(r);case L:return e(r,a,(u=i._init)(i._payload),l)}if(te(i))return h(r,a,i,l);if(N(i))return g(r,a,i,l);ya(r,i)}return"string"==typeof i&&""!==i||"number"==typeof i?(i=""+i,null!==a&&6===a.tag?(n(r,a.sibling),(a=o(a,i)).return=r,r=a):(n(r,a),(a=Mc(i,r.mode,l)).return=r,r=a),s(r)):n(r,a)}}var Sa=wa(!0),xa=wa(!1),ka=Eo(null),ja=null,Ea=null,_a=null;function Ca(){_a=Ea=ja=null}function Aa(e){var t=ka.current;_o(ka),e._currentValue=t}function Oa(e,t,n){for(;null!==e;){var r=e.alternate;if((e.childLanes&t)!==t?(e.childLanes|=t,null!==r&&(r.childLanes|=t)):null!==r&&(r.childLanes&t)!==t&&(r.childLanes|=t),e===n)break;e=e.return}}function Ta(e,t){ja=e,_a=Ea=null,null!==(e=e.dependencies)&&null!==e.firstContext&&(!!(e.lanes&t)&&(vs=!0),e.firstContext=null)}function Pa(e){var t=e._currentValue;if(_a!==e)if(e={context:e,memoizedValue:t,next:null},null===Ea){if(null===ja)throw Error(a(308));Ea=e,ja.dependencies={lanes:0,firstContext:e}}else Ea=Ea.next=e;return t}var La=null;function Ia(e){null===La?La=[e]:La.push(e)}function Ra(e,t,n,r){var o=t.interleaved;return null===o?(n.next=n,Ia(t)):(n.next=o.next,o.next=n),t.interleaved=n,Na(e,r)}function Na(e,t){e.lanes|=t;var n=e.alternate;for(null!==n&&(n.lanes|=t),n=e,e=e.return;null!==e;)e.childLanes|=t,null!==(n=e.alternate)&&(n.childLanes|=t),n=e,e=e.return;return 3===n.tag?n.stateNode:null}var Da=!1;function Ma(e){e.updateQueue={baseState:e.memoizedState,firstBaseUpdate:null,lastBaseUpdate:null,shared:{pending:null,interleaved:null,lanes:0},effects:null}}function Fa(e,t){e=e.updateQueue,t.updateQueue===e&&(t.updateQueue={baseState:e.baseState,firstBaseUpdate:e.firstBaseUpdate,lastBaseUpdate:e.lastBaseUpdate,shared:e.shared,effects:e.effects})}function za(e,t){return{eventTime:e,lane:t,tag:0,payload:null,callback:null,next:null}}function Ba(e,t,n){var r=e.updateQueue;if(null===r)return null;if(r=r.shared,2&Al){var o=r.pending;return null===o?t.next=t:(t.next=o.next,o.next=t),r.pending=t,Na(e,n)}return null===(o=r.interleaved)?(t.next=t,Ia(r)):(t.next=o.next,o.next=t),r.interleaved=t,Na(e,n)}function Ua(e,t,n){if(null!==(t=t.updateQueue)&&(t=t.shared,4194240&n)){var r=t.lanes;n|=r&=e.pendingLanes,t.lanes=n,yt(e,n)}}function qa(e,t){var n=e.updateQueue,r=e.alternate;if(null!==r&&n===(r=r.updateQueue)){var o=null,a=null;if(null!==(n=n.firstBaseUpdate)){do{var i={eventTime:n.eventTime,lane:n.lane,tag:n.tag,payload:n.payload,callback:n.callback,next:null};null===a?o=a=i:a=a.next=i,n=n.next}while(null!==n);null===a?o=a=t:a=a.next=t}else o=a=t;return n={baseState:r.baseState,firstBaseUpdate:o,lastBaseUpdate:a,shared:r.shared,effects:r.effects},void(e.updateQueue=n)}null===(e=n.lastBaseUpdate)?n.firstBaseUpdate=t:e.next=t,n.lastBaseUpdate=t}function $a(e,t,n,r){var o=e.updateQueue;Da=!1;var a=o.firstBaseUpdate,i=o.lastBaseUpdate,s=o.shared.pending;if(null!==s){o.shared.pending=null;var l=s,c=l.next;l.next=null,null===i?a=c:i.next=c,i=l;var u=e.alternate;null!==u&&((s=(u=u.updateQueue).lastBaseUpdate)!==i&&(null===s?u.firstBaseUpdate=c:s.next=c,u.lastBaseUpdate=l))}if(null!==a){var d=o.baseState;for(i=0,u=c=l=null,s=a;;){var p=s.lane,f=s.eventTime;if((r&p)===p){null!==u&&(u=u.next={eventTime:f,lane:0,tag:s.tag,payload:s.payload,callback:s.callback,next:null});e:{var m=e,h=s;switch(p=t,f=n,h.tag){case 1:if("function"==typeof(m=h.payload)){d=m.call(f,d,p);break e}d=m;break e;case 3:m.flags=-65537&m.flags|128;case 0:if(null==(p="function"==typeof(m=h.payload)?m.call(f,d,p):m))break e;d=M({},d,p);break e;case 2:Da=!0}}null!==s.callback&&0!==s.lane&&(e.flags|=64,null===(p=o.effects)?o.effects=[s]:p.push(s))}else f={eventTime:f,lane:p,tag:s.tag,payload:s.payload,callback:s.callback,next:null},null===u?(c=u=f,l=d):u=u.next=f,i|=p;if(null===(s=s.next)){if(null===(s=o.shared.pending))break;s=(p=s).next,p.next=null,o.lastBaseUpdate=p,o.shared.pending=null}}if(null===u&&(l=d),o.baseState=l,o.firstBaseUpdate=c,o.lastBaseUpdate=u,null!==(t=o.shared.interleaved)){o=t;do{i|=o.lane,o=o.next}while(o!==t)}else null===a&&(o.shared.lanes=0);Dl|=i,e.lanes=i,e.memoizedState=d}}function Ha(e,t,n){if(e=t.effects,t.effects=null,null!==e)for(t=0;t<e.length;t++){var r=e[t],o=r.callback;if(null!==o){if(r.callback=null,r=n,"function"!=typeof o)throw Error(a(191,o));o.call(r)}}}var Va={},Ga=Eo(Va),Wa=Eo(Va),Ka=Eo(Va);function Qa(e){if(e===Va)throw Error(a(174));return e}function Ya(e,t){switch(Co(Ka,t),Co(Wa,e),Co(Ga,Va),e=t.nodeType){case 9:case 11:t=(t=t.documentElement)?t.namespaceURI:le(null,"");break;default:t=le(t=(e=8===e?t.parentNode:t).namespaceURI||null,e=e.tagName)}_o(Ga),Co(Ga,t)}function Za(){_o(Ga),_o(Wa),_o(Ka)}function Ja(e){Qa(Ka.current);var t=Qa(Ga.current),n=le(t,e.type);t!==n&&(Co(Wa,e),Co(Ga,n))}function Xa(e){Wa.current===e&&(_o(Ga),_o(Wa))}var ei=Eo(0);function ti(e){for(var t=e;null!==t;){if(13===t.tag){var n=t.memoizedState;if(null!==n&&(null===(n=n.dehydrated)||"$?"===n.data||"$!"===n.data))return t}else if(19===t.tag&&void 0!==t.memoizedProps.revealOrder){if(128&t.flags)return t}else if(null!==t.child){t.child.return=t,t=t.child;continue}if(t===e)break;for(;null===t.sibling;){if(null===t.return||t.return===e)return null;t=t.return}t.sibling.return=t.return,t=t.sibling}return null}var ni=[];function ri(){for(var e=0;e<ni.length;e++)ni[e]._workInProgressVersionPrimary=null;ni.length=0}var oi=w.ReactCurrentDispatcher,ai=w.ReactCurrentBatchConfig,ii=0,si=null,li=null,ci=null,ui=!1,di=!1,pi=0,fi=0;function mi(){throw Error(a(321))}function hi(e,t){if(null===t)return!1;for(var n=0;n<t.length&&n<e.length;n++)if(!sr(e[n],t[n]))return!1;return!0}function gi(e,t,n,r,o,i){if(ii=i,si=t,t.memoizedState=null,t.updateQueue=null,t.lanes=0,oi.current=null===e||null===e.memoizedState?Xi:es,e=n(r,o),di){i=0;do{if(di=!1,pi=0,25<=i)throw Error(a(301));i+=1,ci=li=null,t.updateQueue=null,oi.current=ts,e=n(r,o)}while(di)}if(oi.current=Ji,t=null!==li&&null!==li.next,ii=0,ci=li=si=null,ui=!1,t)throw Error(a(300));return e}function bi(){var e=0!==pi;return pi=0,e}function yi(){var e={memoizedState:null,baseState:null,baseQueue:null,queue:null,next:null};return null===ci?si.memoizedState=ci=e:ci=ci.next=e,ci}function vi(){if(null===li){var e=si.alternate;e=null!==e?e.memoizedState:null}else e=li.next;var t=null===ci?si.memoizedState:ci.next;if(null!==t)ci=t,li=e;else{if(null===e)throw Error(a(310));e={memoizedState:(li=e).memoizedState,baseState:li.baseState,baseQueue:li.baseQueue,queue:li.queue,next:null},null===ci?si.memoizedState=ci=e:ci=ci.next=e}return ci}function wi(e,t){return"function"==typeof t?t(e):t}function Si(e){var t=vi(),n=t.queue;if(null===n)throw Error(a(311));n.lastRenderedReducer=e;var r=li,o=r.baseQueue,i=n.pending;if(null!==i){if(null!==o){var s=o.next;o.next=i.next,i.next=s}r.baseQueue=o=i,n.pending=null}if(null!==o){i=o.next,r=r.baseState;var l=s=null,c=null,u=i;do{var d=u.lane;if((ii&d)===d)null!==c&&(c=c.next={lane:0,action:u.action,hasEagerState:u.hasEagerState,eagerState:u.eagerState,next:null}),r=u.hasEagerState?u.eagerState:e(r,u.action);else{var p={lane:d,action:u.action,hasEagerState:u.hasEagerState,eagerState:u.eagerState,next:null};null===c?(l=c=p,s=r):c=c.next=p,si.lanes|=d,Dl|=d}u=u.next}while(null!==u&&u!==i);null===c?s=r:c.next=l,sr(r,t.memoizedState)||(vs=!0),t.memoizedState=r,t.baseState=s,t.baseQueue=c,n.lastRenderedState=r}if(null!==(e=n.interleaved)){o=e;do{i=o.lane,si.lanes|=i,Dl|=i,o=o.next}while(o!==e)}else null===o&&(n.lanes=0);return[t.memoizedState,n.dispatch]}function xi(e){var t=vi(),n=t.queue;if(null===n)throw Error(a(311));n.lastRenderedReducer=e;var r=n.dispatch,o=n.pending,i=t.memoizedState;if(null!==o){n.pending=null;var s=o=o.next;do{i=e(i,s.action),s=s.next}while(s!==o);sr(i,t.memoizedState)||(vs=!0),t.memoizedState=i,null===t.baseQueue&&(t.baseState=i),n.lastRenderedState=i}return[i,r]}function ki(){}function ji(e,t){var n=si,r=vi(),o=t(),i=!sr(r.memoizedState,o);if(i&&(r.memoizedState=o,vs=!0),r=r.queue,Di(Ci.bind(null,n,r,e),[e]),r.getSnapshot!==t||i||null!==ci&&1&ci.memoizedState.tag){if(n.flags|=2048,Pi(9,_i.bind(null,n,r,o,t),void 0,null),null===Ol)throw Error(a(349));30&ii||Ei(n,t,o)}return o}function Ei(e,t,n){e.flags|=16384,e={getSnapshot:t,value:n},null===(t=si.updateQueue)?(t={lastEffect:null,stores:null},si.updateQueue=t,t.stores=[e]):null===(n=t.stores)?t.stores=[e]:n.push(e)}function _i(e,t,n,r){t.value=n,t.getSnapshot=r,Ai(t)&&Oi(e)}function Ci(e,t,n){return n((function(){Ai(t)&&Oi(e)}))}function Ai(e){var t=e.getSnapshot;e=e.value;try{var n=t();return!sr(e,n)}catch(r){return!0}}function Oi(e){var t=Na(e,1);null!==t&&nc(t,e,1,-1)}function Ti(e){var t=yi();return"function"==typeof e&&(e=e()),t.memoizedState=t.baseState=e,e={pending:null,interleaved:null,lanes:0,dispatch:null,lastRenderedReducer:wi,lastRenderedState:e},t.queue=e,e=e.dispatch=Ki.bind(null,si,e),[t.memoizedState,e]}function Pi(e,t,n,r){return e={tag:e,create:t,destroy:n,deps:r,next:null},null===(t=si.updateQueue)?(t={lastEffect:null,stores:null},si.updateQueue=t,t.lastEffect=e.next=e):null===(n=t.lastEffect)?t.lastEffect=e.next=e:(r=n.next,n.next=e,e.next=r,t.lastEffect=e),e}function Li(){return vi().memoizedState}function Ii(e,t,n,r){var o=yi();si.flags|=e,o.memoizedState=Pi(1|t,n,void 0,void 0===r?null:r)}function Ri(e,t,n,r){var o=vi();r=void 0===r?null:r;var a=void 0;if(null!==li){var i=li.memoizedState;if(a=i.destroy,null!==r&&hi(r,i.deps))return void(o.memoizedState=Pi(t,n,a,r))}si.flags|=e,o.memoizedState=Pi(1|t,n,a,r)}function Ni(e,t){return Ii(8390656,8,e,t)}function Di(e,t){return Ri(2048,8,e,t)}function Mi(e,t){return Ri(4,2,e,t)}function Fi(e,t){return Ri(4,4,e,t)}function zi(e,t){return"function"==typeof t?(e=e(),t(e),function(){t(null)}):null!=t?(e=e(),t.current=e,function(){t.current=null}):void 0}function Bi(e,t,n){return n=null!=n?n.concat([e]):null,Ri(4,4,zi.bind(null,t,e),n)}function Ui(){}function qi(e,t){var n=vi();t=void 0===t?null:t;var r=n.memoizedState;return null!==r&&null!==t&&hi(t,r[1])?r[0]:(n.memoizedState=[e,t],e)}function $i(e,t){var n=vi();t=void 0===t?null:t;var r=n.memoizedState;return null!==r&&null!==t&&hi(t,r[1])?r[0]:(e=e(),n.memoizedState=[e,t],e)}function Hi(e,t,n){return 21&ii?(sr(n,t)||(n=ht(),si.lanes|=n,Dl|=n,e.baseState=!0),t):(e.baseState&&(e.baseState=!1,vs=!0),e.memoizedState=n)}function Vi(e,t){var n=vt;vt=0!==n&&4>n?n:4,e(!0);var r=ai.transition;ai.transition={};try{e(!1),t()}finally{vt=n,ai.transition=r}}function Gi(){return vi().memoizedState}function Wi(e,t,n){var r=tc(e);if(n={lane:r,action:n,hasEagerState:!1,eagerState:null,next:null},Qi(e))Yi(t,n);else if(null!==(n=Ra(e,t,n,r))){nc(n,e,r,ec()),Zi(n,t,r)}}function Ki(e,t,n){var r=tc(e),o={lane:r,action:n,hasEagerState:!1,eagerState:null,next:null};if(Qi(e))Yi(t,o);else{var a=e.alternate;if(0===e.lanes&&(null===a||0===a.lanes)&&null!==(a=t.lastRenderedReducer))try{var i=t.lastRenderedState,s=a(i,n);if(o.hasEagerState=!0,o.eagerState=s,sr(s,i)){var l=t.interleaved;return null===l?(o.next=o,Ia(t)):(o.next=l.next,l.next=o),void(t.interleaved=o)}}catch(c){}null!==(n=Ra(e,t,o,r))&&(nc(n,e,r,o=ec()),Zi(n,t,r))}}function Qi(e){var t=e.alternate;return e===si||null!==t&&t===si}function Yi(e,t){di=ui=!0;var n=e.pending;null===n?t.next=t:(t.next=n.next,n.next=t),e.pending=t}function Zi(e,t,n){if(4194240&n){var r=t.lanes;n|=r&=e.pendingLanes,t.lanes=n,yt(e,n)}}var Ji={readContext:Pa,useCallback:mi,useContext:mi,useEffect:mi,useImperativeHandle:mi,useInsertionEffect:mi,useLayoutEffect:mi,useMemo:mi,useReducer:mi,useRef:mi,useState:mi,useDebugValue:mi,useDeferredValue:mi,useTransition:mi,useMutableSource:mi,useSyncExternalStore:mi,useId:mi,unstable_isNewReconciler:!1},Xi={readContext:Pa,useCallback:function(e,t){return yi().memoizedState=[e,void 0===t?null:t],e},useContext:Pa,useEffect:Ni,useImperativeHandle:function(e,t,n){return n=null!=n?n.concat([e]):null,Ii(4194308,4,zi.bind(null,t,e),n)},useLayoutEffect:function(e,t){return Ii(4194308,4,e,t)},useInsertionEffect:function(e,t){return Ii(4,2,e,t)},useMemo:function(e,t){var n=yi();return t=void 0===t?null:t,e=e(),n.memoizedState=[e,t],e},useReducer:function(e,t,n){var r=yi();return t=void 0!==n?n(t):t,r.memoizedState=r.baseState=t,e={pending:null,interleaved:null,lanes:0,dispatch:null,lastRenderedReducer:e,lastRenderedState:t},r.queue=e,e=e.dispatch=Wi.bind(null,si,e),[r.memoizedState,e]},useRef:function(e){return e={current:e},yi().memoizedState=e},useState:Ti,useDebugValue:Ui,useDeferredValue:function(e){return yi().memoizedState=e},useTransition:function(){var e=Ti(!1),t=e[0];return e=Vi.bind(null,e[1]),yi().memoizedState=e,[t,e]},useMutableSource:function(){},useSyncExternalStore:function(e,t,n){var r=si,o=yi();if(aa){if(void 0===n)throw Error(a(407));n=n()}else{if(n=t(),null===Ol)throw Error(a(349));30&ii||Ei(r,t,n)}o.memoizedState=n;var i={value:n,getSnapshot:t};return o.queue=i,Ni(Ci.bind(null,r,i,e),[e]),r.flags|=2048,Pi(9,_i.bind(null,r,i,n,t),void 0,null),n},useId:function(){var e=yi(),t=Ol.identifierPrefix;if(aa){var n=Jo;t=":"+t+"R"+(n=(Zo&~(1<<32-it(Zo)-1)).toString(32)+n),0<(n=pi++)&&(t+="H"+n.toString(32)),t+=":"}else t=":"+t+"r"+(n=fi++).toString(32)+":";return e.memoizedState=t},unstable_isNewReconciler:!1},es={readContext:Pa,useCallback:qi,useContext:Pa,useEffect:Di,useImperativeHandle:Bi,useInsertionEffect:Mi,useLayoutEffect:Fi,useMemo:$i,useReducer:Si,useRef:Li,useState:function(){return Si(wi)},useDebugValue:Ui,useDeferredValue:function(e){return Hi(vi(),li.memoizedState,e)},useTransition:function(){return[Si(wi)[0],vi().memoizedState]},useMutableSource:ki,useSyncExternalStore:ji,useId:Gi,unstable_isNewReconciler:!1},ts={readContext:Pa,useCallback:qi,useContext:Pa,useEffect:Di,useImperativeHandle:Bi,useInsertionEffect:Mi,useLayoutEffect:Fi,useMemo:$i,useReducer:xi,useRef:Li,useState:function(){return xi(wi)},useDebugValue:Ui,useDeferredValue:function(e){var t=vi();return null===li?t.memoizedState=e:Hi(t,li.memoizedState,e)},useTransition:function(){return[xi(wi)[0],vi().memoizedState]},useMutableSource:ki,useSyncExternalStore:ji,useId:Gi,unstable_isNewReconciler:!1};function ns(e,t){if(e&&e.defaultProps){for(var n in t=M({},t),e=e.defaultProps)void 0===t[n]&&(t[n]=e[n]);return t}return t}function rs(e,t,n,r){n=null==(n=n(r,t=e.memoizedState))?t:M({},t,n),e.memoizedState=n,0===e.lanes&&(e.updateQueue.baseState=n)}var os={isMounted:function(e){return!!(e=e._reactInternals)&&qe(e)===e},enqueueSetState:function(e,t,n){e=e._reactInternals;var r=ec(),o=tc(e),a=za(r,o);a.payload=t,null!=n&&(a.callback=n),null!==(t=Ba(e,a,o))&&(nc(t,e,o,r),Ua(t,e,o))},enqueueReplaceState:function(e,t,n){e=e._reactInternals;var r=ec(),o=tc(e),a=za(r,o);a.tag=1,a.payload=t,null!=n&&(a.callback=n),null!==(t=Ba(e,a,o))&&(nc(t,e,o,r),Ua(t,e,o))},enqueueForceUpdate:function(e,t){e=e._reactInternals;var n=ec(),r=tc(e),o=za(n,r);o.tag=2,null!=t&&(o.callback=t),null!==(t=Ba(e,o,r))&&(nc(t,e,r,n),Ua(t,e,r))}};function as(e,t,n,r,o,a,i){return"function"==typeof(e=e.stateNode).shouldComponentUpdate?e.shouldComponentUpdate(r,a,i):!t.prototype||!t.prototype.isPureReactComponent||(!lr(n,r)||!lr(o,a))}function is(e,t,n){var r=!1,o=Ao,a=t.contextType;return"object"==typeof a&&null!==a?a=Pa(a):(o=Io(t)?Po:Oo.current,a=(r=null!=(r=t.contextTypes))?Lo(e,o):Ao),t=new t(n,a),e.memoizedState=null!==t.state&&void 0!==t.state?t.state:null,t.updater=os,e.stateNode=t,t._reactInternals=e,r&&((e=e.stateNode).__reactInternalMemoizedUnmaskedChildContext=o,e.__reactInternalMemoizedMaskedChildContext=a),t}function ss(e,t,n,r){e=t.state,"function"==typeof t.componentWillReceiveProps&&t.componentWillReceiveProps(n,r),"function"==typeof t.UNSAFE_componentWillReceiveProps&&t.UNSAFE_componentWillReceiveProps(n,r),t.state!==e&&os.enqueueReplaceState(t,t.state,null)}function ls(e,t,n,r){var o=e.stateNode;o.props=n,o.state=e.memoizedState,o.refs={},Ma(e);var a=t.contextType;"object"==typeof a&&null!==a?o.context=Pa(a):(a=Io(t)?Po:Oo.current,o.context=Lo(e,a)),o.state=e.memoizedState,"function"==typeof(a=t.getDerivedStateFromProps)&&(rs(e,t,a,n),o.state=e.memoizedState),"function"==typeof t.getDerivedStateFromProps||"function"==typeof o.getSnapshotBeforeUpdate||"function"!=typeof o.UNSAFE_componentWillMount&&"function"!=typeof o.componentWillMount||(t=o.state,"function"==typeof o.componentWillMount&&o.componentWillMount(),"function"==typeof o.UNSAFE_componentWillMount&&o.UNSAFE_componentWillMount(),t!==o.state&&os.enqueueReplaceState(o,o.state,null),$a(e,n,o,r),o.state=e.memoizedState),"function"==typeof o.componentDidMount&&(e.flags|=4194308)}function cs(e,t){try{var n="",r=t;do{n+=U(r),r=r.return}while(r);var o=n}catch(a){o="\nError generating stack: "+a.message+"\n"+a.stack}return{value:e,source:t,stack:o,digest:null}}function us(e,t,n){return{value:e,source:null,stack:null!=n?n:null,digest:null!=t?t:null}}function ds(e,t){try{console.error(t.value)}catch(n){setTimeout((function(){throw n}))}}var ps="function"==typeof WeakMap?WeakMap:Map;function fs(e,t,n){(n=za(-1,n)).tag=3,n.payload={element:null};var r=t.value;return n.callback=function(){Hl||(Hl=!0,Vl=r),ds(0,t)},n}function ms(e,t,n){(n=za(-1,n)).tag=3;var r=e.type.getDerivedStateFromError;if("function"==typeof r){var o=t.value;n.payload=function(){return r(o)},n.callback=function(){ds(0,t)}}var a=e.stateNode;return null!==a&&"function"==typeof a.componentDidCatch&&(n.callback=function(){ds(0,t),"function"!=typeof r&&(null===Gl?Gl=new Set([this]):Gl.add(this));var e=t.stack;this.componentDidCatch(t.value,{componentStack:null!==e?e:""})}),n}function hs(e,t,n){var r=e.pingCache;if(null===r){r=e.pingCache=new ps;var o=new Set;r.set(t,o)}else void 0===(o=r.get(t))&&(o=new Set,r.set(t,o));o.has(n)||(o.add(n),e=Ec.bind(null,e,t,n),t.then(e,e))}function gs(e){do{var t;if((t=13===e.tag)&&(t=null===(t=e.memoizedState)||null!==t.dehydrated),t)return e;e=e.return}while(null!==e);return null}function bs(e,t,n,r,o){return 1&e.mode?(e.flags|=65536,e.lanes=o,e):(e===t?e.flags|=65536:(e.flags|=128,n.flags|=131072,n.flags&=-52805,1===n.tag&&(null===n.alternate?n.tag=17:((t=za(-1,1)).tag=2,Ba(n,t,1))),n.lanes|=1),e)}var ys=w.ReactCurrentOwner,vs=!1;function ws(e,t,n,r){t.child=null===e?xa(t,null,n,r):Sa(t,e.child,n,r)}function Ss(e,t,n,r,o){n=n.render;var a=t.ref;return Ta(t,o),r=gi(e,t,n,r,a,o),n=bi(),null===e||vs?(aa&&n&&ta(t),t.flags|=1,ws(e,t,r,o),t.child):(t.updateQueue=e.updateQueue,t.flags&=-2053,e.lanes&=~o,Hs(e,t,o))}function xs(e,t,n,r,o){if(null===e){var a=n.type;return"function"!=typeof a||Lc(a)||void 0!==a.defaultProps||null!==n.compare||void 0!==n.defaultProps?((e=Rc(n.type,null,r,t,t.mode,o)).ref=t.ref,e.return=t,t.child=e):(t.tag=15,t.type=a,ks(e,t,a,r,o))}if(a=e.child,!(e.lanes&o)){var i=a.memoizedProps;if((n=null!==(n=n.compare)?n:lr)(i,r)&&e.ref===t.ref)return Hs(e,t,o)}return t.flags|=1,(e=Ic(a,r)).ref=t.ref,e.return=t,t.child=e}function ks(e,t,n,r,o){if(null!==e){var a=e.memoizedProps;if(lr(a,r)&&e.ref===t.ref){if(vs=!1,t.pendingProps=r=a,!(e.lanes&o))return t.lanes=e.lanes,Hs(e,t,o);131072&e.flags&&(vs=!0)}}return _s(e,t,n,r,o)}function js(e,t,n){var r=t.pendingProps,o=r.children,a=null!==e?e.memoizedState:null;if("hidden"===r.mode)if(1&t.mode){if(!(1073741824&n))return e=null!==a?a.baseLanes|n:n,t.lanes=t.childLanes=1073741824,t.memoizedState={baseLanes:e,cachePool:null,transitions:null},t.updateQueue=null,Co(Il,Ll),Ll|=e,null;t.memoizedState={baseLanes:0,cachePool:null,transitions:null},r=null!==a?a.baseLanes:n,Co(Il,Ll),Ll|=r}else t.memoizedState={baseLanes:0,cachePool:null,transitions:null},Co(Il,Ll),Ll|=n;else null!==a?(r=a.baseLanes|n,t.memoizedState=null):r=n,Co(Il,Ll),Ll|=r;return ws(e,t,o,n),t.child}function Es(e,t){var n=t.ref;(null===e&&null!==n||null!==e&&e.ref!==n)&&(t.flags|=512,t.flags|=2097152)}function _s(e,t,n,r,o){var a=Io(n)?Po:Oo.current;return a=Lo(t,a),Ta(t,o),n=gi(e,t,n,r,a,o),r=bi(),null===e||vs?(aa&&r&&ta(t),t.flags|=1,ws(e,t,n,o),t.child):(t.updateQueue=e.updateQueue,t.flags&=-2053,e.lanes&=~o,Hs(e,t,o))}function Cs(e,t,n,r,o){if(Io(n)){var a=!0;Mo(t)}else a=!1;if(Ta(t,o),null===t.stateNode)$s(e,t),is(t,n,r),ls(t,n,r,o),r=!0;else if(null===e){var i=t.stateNode,s=t.memoizedProps;i.props=s;var l=i.context,c=n.contextType;"object"==typeof c&&null!==c?c=Pa(c):c=Lo(t,c=Io(n)?Po:Oo.current);var u=n.getDerivedStateFromProps,d="function"==typeof u||"function"==typeof i.getSnapshotBeforeUpdate;d||"function"!=typeof i.UNSAFE_componentWillReceiveProps&&"function"!=typeof i.componentWillReceiveProps||(s!==r||l!==c)&&ss(t,i,r,c),Da=!1;var p=t.memoizedState;i.state=p,$a(t,r,i,o),l=t.memoizedState,s!==r||p!==l||To.current||Da?("function"==typeof u&&(rs(t,n,u,r),l=t.memoizedState),(s=Da||as(t,n,s,r,p,l,c))?(d||"function"!=typeof i.UNSAFE_componentWillMount&&"function"!=typeof i.componentWillMount||("function"==typeof i.componentWillMount&&i.componentWillMount(),"function"==typeof i.UNSAFE_componentWillMount&&i.UNSAFE_componentWillMount()),"function"==typeof i.componentDidMount&&(t.flags|=4194308)):("function"==typeof i.componentDidMount&&(t.flags|=4194308),t.memoizedProps=r,t.memoizedState=l),i.props=r,i.state=l,i.context=c,r=s):("function"==typeof i.componentDidMount&&(t.flags|=4194308),r=!1)}else{i=t.stateNode,Fa(e,t),s=t.memoizedProps,c=t.type===t.elementType?s:ns(t.type,s),i.props=c,d=t.pendingProps,p=i.context,"object"==typeof(l=n.contextType)&&null!==l?l=Pa(l):l=Lo(t,l=Io(n)?Po:Oo.current);var f=n.getDerivedStateFromProps;(u="function"==typeof f||"function"==typeof i.getSnapshotBeforeUpdate)||"function"!=typeof i.UNSAFE_componentWillReceiveProps&&"function"!=typeof i.componentWillReceiveProps||(s!==d||p!==l)&&ss(t,i,r,l),Da=!1,p=t.memoizedState,i.state=p,$a(t,r,i,o);var m=t.memoizedState;s!==d||p!==m||To.current||Da?("function"==typeof f&&(rs(t,n,f,r),m=t.memoizedState),(c=Da||as(t,n,c,r,p,m,l)||!1)?(u||"function"!=typeof i.UNSAFE_componentWillUpdate&&"function"!=typeof i.componentWillUpdate||("function"==typeof i.componentWillUpdate&&i.componentWillUpdate(r,m,l),"function"==typeof i.UNSAFE_componentWillUpdate&&i.UNSAFE_componentWillUpdate(r,m,l)),"function"==typeof i.componentDidUpdate&&(t.flags|=4),"function"==typeof i.getSnapshotBeforeUpdate&&(t.flags|=1024)):("function"!=typeof i.componentDidUpdate||s===e.memoizedProps&&p===e.memoizedState||(t.flags|=4),"function"!=typeof i.getSnapshotBeforeUpdate||s===e.memoizedProps&&p===e.memoizedState||(t.flags|=1024),t.memoizedProps=r,t.memoizedState=m),i.props=r,i.state=m,i.context=l,r=c):("function"!=typeof i.componentDidUpdate||s===e.memoizedProps&&p===e.memoizedState||(t.flags|=4),"function"!=typeof i.getSnapshotBeforeUpdate||s===e.memoizedProps&&p===e.memoizedState||(t.flags|=1024),r=!1)}return As(e,t,n,r,a,o)}function As(e,t,n,r,o,a){Es(e,t);var i=!!(128&t.flags);if(!r&&!i)return o&&Fo(t,n,!1),Hs(e,t,a);r=t.stateNode,ys.current=t;var s=i&&"function"!=typeof n.getDerivedStateFromError?null:r.render();return t.flags|=1,null!==e&&i?(t.child=Sa(t,e.child,null,a),t.child=Sa(t,null,s,a)):ws(e,t,s,a),t.memoizedState=r.state,o&&Fo(t,n,!0),t.child}function Os(e){var t=e.stateNode;t.pendingContext?No(0,t.pendingContext,t.pendingContext!==t.context):t.context&&No(0,t.context,!1),Ya(e,t.containerInfo)}function Ts(e,t,n,r,o){return ma(),ha(o),t.flags|=256,ws(e,t,n,r),t.child}var Ps,Ls,Is,Rs,Ns={dehydrated:null,treeContext:null,retryLane:0};function Ds(e){return{baseLanes:e,cachePool:null,transitions:null}}function Ms(e,t,n){var r,o=t.pendingProps,i=ei.current,s=!1,l=!!(128&t.flags);if((r=l)||(r=(null===e||null!==e.memoizedState)&&!!(2&i)),r?(s=!0,t.flags&=-129):null!==e&&null===e.memoizedState||(i|=1),Co(ei,1&i),null===e)return ua(t),null!==(e=t.memoizedState)&&null!==(e=e.dehydrated)?(1&t.mode?"$!"===e.data?t.lanes=8:t.lanes=1073741824:t.lanes=1,null):(l=o.children,e=o.fallback,s?(o=t.mode,s=t.child,l={mode:"hidden",children:l},1&o||null===s?s=Dc(l,o,0,null):(s.childLanes=0,s.pendingProps=l),e=Nc(e,o,n,null),s.return=t,e.return=t,s.sibling=e,t.child=s,t.child.memoizedState=Ds(n),t.memoizedState=Ns,e):Fs(t,l));if(null!==(i=e.memoizedState)&&null!==(r=i.dehydrated))return function(e,t,n,r,o,i,s){if(n)return 256&t.flags?(t.flags&=-257,zs(e,t,s,r=us(Error(a(422))))):null!==t.memoizedState?(t.child=e.child,t.flags|=128,null):(i=r.fallback,o=t.mode,r=Dc({mode:"visible",children:r.children},o,0,null),(i=Nc(i,o,s,null)).flags|=2,r.return=t,i.return=t,r.sibling=i,t.child=r,1&t.mode&&Sa(t,e.child,null,s),t.child.memoizedState=Ds(s),t.memoizedState=Ns,i);if(!(1&t.mode))return zs(e,t,s,null);if("$!"===o.data){if(r=o.nextSibling&&o.nextSibling.dataset)var l=r.dgst;return r=l,zs(e,t,s,r=us(i=Error(a(419)),r,void 0))}if(l=!!(s&e.childLanes),vs||l){if(null!==(r=Ol)){switch(s&-s){case 4:o=2;break;case 16:o=8;break;case 64:case 128:case 256:case 512:case 1024:case 2048:case 4096:case 8192:case 16384:case 32768:case 65536:case 131072:case 262144:case 524288:case 1048576:case 2097152:case 4194304:case 8388608:case 16777216:case 33554432:case 67108864:o=32;break;case 536870912:o=268435456;break;default:o=0}0!==(o=o&(r.suspendedLanes|s)?0:o)&&o!==i.retryLane&&(i.retryLane=o,Na(e,o),nc(r,e,o,-1))}return hc(),zs(e,t,s,r=us(Error(a(421))))}return"$?"===o.data?(t.flags|=128,t.child=e.child,t=Cc.bind(null,e),o._reactRetry=t,null):(e=i.treeContext,oa=co(o.nextSibling),ra=t,aa=!0,ia=null,null!==e&&(Ko[Qo++]=Zo,Ko[Qo++]=Jo,Ko[Qo++]=Yo,Zo=e.id,Jo=e.overflow,Yo=t),t=Fs(t,r.children),t.flags|=4096,t)}(e,t,l,o,r,i,n);if(s){s=o.fallback,l=t.mode,r=(i=e.child).sibling;var c={mode:"hidden",children:o.children};return 1&l||t.child===i?(o=Ic(i,c)).subtreeFlags=14680064&i.subtreeFlags:((o=t.child).childLanes=0,o.pendingProps=c,t.deletions=null),null!==r?s=Ic(r,s):(s=Nc(s,l,n,null)).flags|=2,s.return=t,o.return=t,o.sibling=s,t.child=o,o=s,s=t.child,l=null===(l=e.child.memoizedState)?Ds(n):{baseLanes:l.baseLanes|n,cachePool:null,transitions:l.transitions},s.memoizedState=l,s.childLanes=e.childLanes&~n,t.memoizedState=Ns,o}return e=(s=e.child).sibling,o=Ic(s,{mode:"visible",children:o.children}),!(1&t.mode)&&(o.lanes=n),o.return=t,o.sibling=null,null!==e&&(null===(n=t.deletions)?(t.deletions=[e],t.flags|=16):n.push(e)),t.child=o,t.memoizedState=null,o}function Fs(e,t){return(t=Dc({mode:"visible",children:t},e.mode,0,null)).return=e,e.child=t}function zs(e,t,n,r){return null!==r&&ha(r),Sa(t,e.child,null,n),(e=Fs(t,t.pendingProps.children)).flags|=2,t.memoizedState=null,e}function Bs(e,t,n){e.lanes|=t;var r=e.alternate;null!==r&&(r.lanes|=t),Oa(e.return,t,n)}function Us(e,t,n,r,o){var a=e.memoizedState;null===a?e.memoizedState={isBackwards:t,rendering:null,renderingStartTime:0,last:r,tail:n,tailMode:o}:(a.isBackwards=t,a.rendering=null,a.renderingStartTime=0,a.last=r,a.tail=n,a.tailMode=o)}function qs(e,t,n){var r=t.pendingProps,o=r.revealOrder,a=r.tail;if(ws(e,t,r.children,n),2&(r=ei.current))r=1&r|2,t.flags|=128;else{if(null!==e&&128&e.flags)e:for(e=t.child;null!==e;){if(13===e.tag)null!==e.memoizedState&&Bs(e,n,t);else if(19===e.tag)Bs(e,n,t);else if(null!==e.child){e.child.return=e,e=e.child;continue}if(e===t)break e;for(;null===e.sibling;){if(null===e.return||e.return===t)break e;e=e.return}e.sibling.return=e.return,e=e.sibling}r&=1}if(Co(ei,r),1&t.mode)switch(o){case"forwards":for(n=t.child,o=null;null!==n;)null!==(e=n.alternate)&&null===ti(e)&&(o=n),n=n.sibling;null===(n=o)?(o=t.child,t.child=null):(o=n.sibling,n.sibling=null),Us(t,!1,o,n,a);break;case"backwards":for(n=null,o=t.child,t.child=null;null!==o;){if(null!==(e=o.alternate)&&null===ti(e)){t.child=o;break}e=o.sibling,o.sibling=n,n=o,o=e}Us(t,!0,n,null,a);break;case"together":Us(t,!1,null,null,void 0);break;default:t.memoizedState=null}else t.memoizedState=null;return t.child}function $s(e,t){!(1&t.mode)&&null!==e&&(e.alternate=null,t.alternate=null,t.flags|=2)}function Hs(e,t,n){if(null!==e&&(t.dependencies=e.dependencies),Dl|=t.lanes,!(n&t.childLanes))return null;if(null!==e&&t.child!==e.child)throw Error(a(153));if(null!==t.child){for(n=Ic(e=t.child,e.pendingProps),t.child=n,n.return=t;null!==e.sibling;)e=e.sibling,(n=n.sibling=Ic(e,e.pendingProps)).return=t;n.sibling=null}return t.child}function Vs(e,t){if(!aa)switch(e.tailMode){case"hidden":t=e.tail;for(var n=null;null!==t;)null!==t.alternate&&(n=t),t=t.sibling;null===n?e.tail=null:n.sibling=null;break;case"collapsed":n=e.tail;for(var r=null;null!==n;)null!==n.alternate&&(r=n),n=n.sibling;null===r?t||null===e.tail?e.tail=null:e.tail.sibling=null:r.sibling=null}}function Gs(e){var t=null!==e.alternate&&e.alternate.child===e.child,n=0,r=0;if(t)for(var o=e.child;null!==o;)n|=o.lanes|o.childLanes,r|=14680064&o.subtreeFlags,r|=14680064&o.flags,o.return=e,o=o.sibling;else for(o=e.child;null!==o;)n|=o.lanes|o.childLanes,r|=o.subtreeFlags,r|=o.flags,o.return=e,o=o.sibling;return e.subtreeFlags|=r,e.childLanes=n,t}function Ws(e,t,n){var r=t.pendingProps;switch(na(t),t.tag){case 2:case 16:case 15:case 0:case 11:case 7:case 8:case 12:case 9:case 14:return Gs(t),null;case 1:case 17:return Io(t.type)&&Ro(),Gs(t),null;case 3:return r=t.stateNode,Za(),_o(To),_o(Oo),ri(),r.pendingContext&&(r.context=r.pendingContext,r.pendingContext=null),null!==e&&null!==e.child||(pa(t)?t.flags|=4:null===e||e.memoizedState.isDehydrated&&!(256&t.flags)||(t.flags|=1024,null!==ia&&(ic(ia),ia=null))),Ls(e,t),Gs(t),null;case 5:Xa(t);var o=Qa(Ka.current);if(n=t.type,null!==e&&null!=t.stateNode)Is(e,t,n,r,o),e.ref!==t.ref&&(t.flags|=512,t.flags|=2097152);else{if(!r){if(null===t.stateNode)throw Error(a(166));return Gs(t),null}if(e=Qa(Ga.current),pa(t)){r=t.stateNode,n=t.type;var i=t.memoizedProps;switch(r[fo]=t,r[mo]=i,e=!!(1&t.mode),n){case"dialog":zr("cancel",r),zr("close",r);break;case"iframe":case"object":case"embed":zr("load",r);break;case"video":case"audio":for(o=0;o<Nr.length;o++)zr(Nr[o],r);break;case"source":zr("error",r);break;case"img":case"image":case"link":zr("error",r),zr("load",r);break;case"details":zr("toggle",r);break;case"input":Y(r,i),zr("invalid",r);break;case"select":r._wrapperState={wasMultiple:!!i.multiple},zr("invalid",r);break;case"textarea":oe(r,i),zr("invalid",r)}for(var l in ye(n,i),o=null,i)if(i.hasOwnProperty(l)){var c=i[l];"children"===l?"string"==typeof c?r.textContent!==c&&(!0!==i.suppressHydrationWarning&&Jr(r.textContent,c,e),o=["children",c]):"number"==typeof c&&r.textContent!==""+c&&(!0!==i.suppressHydrationWarning&&Jr(r.textContent,c,e),o=["children",""+c]):s.hasOwnProperty(l)&&null!=c&&"onScroll"===l&&zr("scroll",r)}switch(n){case"input":G(r),X(r,i,!0);break;case"textarea":G(r),ie(r);break;case"select":case"option":break;default:"function"==typeof i.onClick&&(r.onclick=Xr)}r=o,t.updateQueue=r,null!==r&&(t.flags|=4)}else{l=9===o.nodeType?o:o.ownerDocument,"http://www.w3.org/1999/xhtml"===e&&(e=se(n)),"http://www.w3.org/1999/xhtml"===e?"script"===n?((e=l.createElement("div")).innerHTML="<script><\/script>",e=e.removeChild(e.firstChild)):"string"==typeof r.is?e=l.createElement(n,{is:r.is}):(e=l.createElement(n),"select"===n&&(l=e,r.multiple?l.multiple=!0:r.size&&(l.size=r.size))):e=l.createElementNS(e,n),e[fo]=t,e[mo]=r,Ps(e,t,!1,!1),t.stateNode=e;e:{switch(l=ve(n,r),n){case"dialog":zr("cancel",e),zr("close",e),o=r;break;case"iframe":case"object":case"embed":zr("load",e),o=r;break;case"video":case"audio":for(o=0;o<Nr.length;o++)zr(Nr[o],e);o=r;break;case"source":zr("error",e),o=r;break;case"img":case"image":case"link":zr("error",e),zr("load",e),o=r;break;case"details":zr("toggle",e),o=r;break;case"input":Y(e,r),o=Q(e,r),zr("invalid",e);break;case"option":default:o=r;break;case"select":e._wrapperState={wasMultiple:!!r.multiple},o=M({},r,{value:void 0}),zr("invalid",e);break;case"textarea":oe(e,r),o=re(e,r),zr("invalid",e)}for(i in ye(n,o),c=o)if(c.hasOwnProperty(i)){var u=c[i];"style"===i?ge(e,u):"dangerouslySetInnerHTML"===i?null!=(u=u?u.__html:void 0)&&de(e,u):"children"===i?"string"==typeof u?("textarea"!==n||""!==u)&&pe(e,u):"number"==typeof u&&pe(e,""+u):"suppressContentEditableWarning"!==i&&"suppressHydrationWarning"!==i&&"autoFocus"!==i&&(s.hasOwnProperty(i)?null!=u&&"onScroll"===i&&zr("scroll",e):null!=u&&v(e,i,u,l))}switch(n){case"input":G(e),X(e,r,!1);break;case"textarea":G(e),ie(e);break;case"option":null!=r.value&&e.setAttribute("value",""+H(r.value));break;case"select":e.multiple=!!r.multiple,null!=(i=r.value)?ne(e,!!r.multiple,i,!1):null!=r.defaultValue&&ne(e,!!r.multiple,r.defaultValue,!0);break;default:"function"==typeof o.onClick&&(e.onclick=Xr)}switch(n){case"button":case"input":case"select":case"textarea":r=!!r.autoFocus;break e;case"img":r=!0;break e;default:r=!1}}r&&(t.flags|=4)}null!==t.ref&&(t.flags|=512,t.flags|=2097152)}return Gs(t),null;case 6:if(e&&null!=t.stateNode)Rs(e,t,e.memoizedProps,r);else{if("string"!=typeof r&&null===t.stateNode)throw Error(a(166));if(n=Qa(Ka.current),Qa(Ga.current),pa(t)){if(r=t.stateNode,n=t.memoizedProps,r[fo]=t,(i=r.nodeValue!==n)&&null!==(e=ra))switch(e.tag){case 3:Jr(r.nodeValue,n,!!(1&e.mode));break;case 5:!0!==e.memoizedProps.suppressHydrationWarning&&Jr(r.nodeValue,n,!!(1&e.mode))}i&&(t.flags|=4)}else(r=(9===n.nodeType?n:n.ownerDocument).createTextNode(r))[fo]=t,t.stateNode=r}return Gs(t),null;case 13:if(_o(ei),r=t.memoizedState,null===e||null!==e.memoizedState&&null!==e.memoizedState.dehydrated){if(aa&&null!==oa&&1&t.mode&&!(128&t.flags))fa(),ma(),t.flags|=98560,i=!1;else if(i=pa(t),null!==r&&null!==r.dehydrated){if(null===e){if(!i)throw Error(a(318));if(!(i=null!==(i=t.memoizedState)?i.dehydrated:null))throw Error(a(317));i[fo]=t}else ma(),!(128&t.flags)&&(t.memoizedState=null),t.flags|=4;Gs(t),i=!1}else null!==ia&&(ic(ia),ia=null),i=!0;if(!i)return 65536&t.flags?t:null}return 128&t.flags?(t.lanes=n,t):((r=null!==r)!==(null!==e&&null!==e.memoizedState)&&r&&(t.child.flags|=8192,1&t.mode&&(null===e||1&ei.current?0===Rl&&(Rl=3):hc())),null!==t.updateQueue&&(t.flags|=4),Gs(t),null);case 4:return Za(),Ls(e,t),null===e&&qr(t.stateNode.containerInfo),Gs(t),null;case 10:return Aa(t.type._context),Gs(t),null;case 19:if(_o(ei),null===(i=t.memoizedState))return Gs(t),null;if(r=!!(128&t.flags),null===(l=i.rendering))if(r)Vs(i,!1);else{if(0!==Rl||null!==e&&128&e.flags)for(e=t.child;null!==e;){if(null!==(l=ti(e))){for(t.flags|=128,Vs(i,!1),null!==(r=l.updateQueue)&&(t.updateQueue=r,t.flags|=4),t.subtreeFlags=0,r=n,n=t.child;null!==n;)e=r,(i=n).flags&=14680066,null===(l=i.alternate)?(i.childLanes=0,i.lanes=e,i.child=null,i.subtreeFlags=0,i.memoizedProps=null,i.memoizedState=null,i.updateQueue=null,i.dependencies=null,i.stateNode=null):(i.childLanes=l.childLanes,i.lanes=l.lanes,i.child=l.child,i.subtreeFlags=0,i.deletions=null,i.memoizedProps=l.memoizedProps,i.memoizedState=l.memoizedState,i.updateQueue=l.updateQueue,i.type=l.type,e=l.dependencies,i.dependencies=null===e?null:{lanes:e.lanes,firstContext:e.firstContext}),n=n.sibling;return Co(ei,1&ei.current|2),t.child}e=e.sibling}null!==i.tail&&Ze()>ql&&(t.flags|=128,r=!0,Vs(i,!1),t.lanes=4194304)}else{if(!r)if(null!==(e=ti(l))){if(t.flags|=128,r=!0,null!==(n=e.updateQueue)&&(t.updateQueue=n,t.flags|=4),Vs(i,!0),null===i.tail&&"hidden"===i.tailMode&&!l.alternate&&!aa)return Gs(t),null}else 2*Ze()-i.renderingStartTime>ql&&1073741824!==n&&(t.flags|=128,r=!0,Vs(i,!1),t.lanes=4194304);i.isBackwards?(l.sibling=t.child,t.child=l):(null!==(n=i.last)?n.sibling=l:t.child=l,i.last=l)}return null!==i.tail?(t=i.tail,i.rendering=t,i.tail=t.sibling,i.renderingStartTime=Ze(),t.sibling=null,n=ei.current,Co(ei,r?1&n|2:1&n),t):(Gs(t),null);case 22:case 23:return dc(),r=null!==t.memoizedState,null!==e&&null!==e.memoizedState!==r&&(t.flags|=8192),r&&1&t.mode?!!(1073741824&Ll)&&(Gs(t),6&t.subtreeFlags&&(t.flags|=8192)):Gs(t),null;case 24:case 25:return null}throw Error(a(156,t.tag))}function Ks(e,t){switch(na(t),t.tag){case 1:return Io(t.type)&&Ro(),65536&(e=t.flags)?(t.flags=-65537&e|128,t):null;case 3:return Za(),_o(To),_o(Oo),ri(),65536&(e=t.flags)&&!(128&e)?(t.flags=-65537&e|128,t):null;case 5:return Xa(t),null;case 13:if(_o(ei),null!==(e=t.memoizedState)&&null!==e.dehydrated){if(null===t.alternate)throw Error(a(340));ma()}return 65536&(e=t.flags)?(t.flags=-65537&e|128,t):null;case 19:return _o(ei),null;case 4:return Za(),null;case 10:return Aa(t.type._context),null;case 22:case 23:return dc(),null;default:return null}}Ps=function(e,t){for(var n=t.child;null!==n;){if(5===n.tag||6===n.tag)e.appendChild(n.stateNode);else if(4!==n.tag&&null!==n.child){n.child.return=n,n=n.child;continue}if(n===t)break;for(;null===n.sibling;){if(null===n.return||n.return===t)return;n=n.return}n.sibling.return=n.return,n=n.sibling}},Ls=function(){},Is=function(e,t,n,r){var o=e.memoizedProps;if(o!==r){e=t.stateNode,Qa(Ga.current);var a,i=null;switch(n){case"input":o=Q(e,o),r=Q(e,r),i=[];break;case"select":o=M({},o,{value:void 0}),r=M({},r,{value:void 0}),i=[];break;case"textarea":o=re(e,o),r=re(e,r),i=[];break;default:"function"!=typeof o.onClick&&"function"==typeof r.onClick&&(e.onclick=Xr)}for(u in ye(n,r),n=null,o)if(!r.hasOwnProperty(u)&&o.hasOwnProperty(u)&&null!=o[u])if("style"===u){var l=o[u];for(a in l)l.hasOwnProperty(a)&&(n||(n={}),n[a]="")}else"dangerouslySetInnerHTML"!==u&&"children"!==u&&"suppressContentEditableWarning"!==u&&"suppressHydrationWarning"!==u&&"autoFocus"!==u&&(s.hasOwnProperty(u)?i||(i=[]):(i=i||[]).push(u,null));for(u in r){var c=r[u];if(l=null!=o?o[u]:void 0,r.hasOwnProperty(u)&&c!==l&&(null!=c||null!=l))if("style"===u)if(l){for(a in l)!l.hasOwnProperty(a)||c&&c.hasOwnProperty(a)||(n||(n={}),n[a]="");for(a in c)c.hasOwnProperty(a)&&l[a]!==c[a]&&(n||(n={}),n[a]=c[a])}else n||(i||(i=[]),i.push(u,n)),n=c;else"dangerouslySetInnerHTML"===u?(c=c?c.__html:void 0,l=l?l.__html:void 0,null!=c&&l!==c&&(i=i||[]).push(u,c)):"children"===u?"string"!=typeof c&&"number"!=typeof c||(i=i||[]).push(u,""+c):"suppressContentEditableWarning"!==u&&"suppressHydrationWarning"!==u&&(s.hasOwnProperty(u)?(null!=c&&"onScroll"===u&&zr("scroll",e),i||l===c||(i=[])):(i=i||[]).push(u,c))}n&&(i=i||[]).push("style",n);var u=i;(t.updateQueue=u)&&(t.flags|=4)}},Rs=function(e,t,n,r){n!==r&&(t.flags|=4)};var Qs=!1,Ys=!1,Zs="function"==typeof WeakSet?WeakSet:Set,Js=null;function Xs(e,t){var n=e.ref;if(null!==n)if("function"==typeof n)try{n(null)}catch(r){jc(e,t,r)}else n.current=null}function el(e,t,n){try{n()}catch(r){jc(e,t,r)}}var tl=!1;function nl(e,t,n){var r=t.updateQueue;if(null!==(r=null!==r?r.lastEffect:null)){var o=r=r.next;do{if((o.tag&e)===e){var a=o.destroy;o.destroy=void 0,void 0!==a&&el(t,n,a)}o=o.next}while(o!==r)}}function rl(e,t){if(null!==(t=null!==(t=t.updateQueue)?t.lastEffect:null)){var n=t=t.next;do{if((n.tag&e)===e){var r=n.create;n.destroy=r()}n=n.next}while(n!==t)}}function ol(e){var t=e.ref;if(null!==t){var n=e.stateNode;e.tag,e=n,"function"==typeof t?t(e):t.current=e}}function al(e){var t=e.alternate;null!==t&&(e.alternate=null,al(t)),e.child=null,e.deletions=null,e.sibling=null,5===e.tag&&(null!==(t=e.stateNode)&&(delete t[fo],delete t[mo],delete t[go],delete t[bo],delete t[yo])),e.stateNode=null,e.return=null,e.dependencies=null,e.memoizedProps=null,e.memoizedState=null,e.pendingProps=null,e.stateNode=null,e.updateQueue=null}function il(e){return 5===e.tag||3===e.tag||4===e.tag}function sl(e){e:for(;;){for(;null===e.sibling;){if(null===e.return||il(e.return))return null;e=e.return}for(e.sibling.return=e.return,e=e.sibling;5!==e.tag&&6!==e.tag&&18!==e.tag;){if(2&e.flags)continue e;if(null===e.child||4===e.tag)continue e;e.child.return=e,e=e.child}if(!(2&e.flags))return e.stateNode}}function ll(e,t,n){var r=e.tag;if(5===r||6===r)e=e.stateNode,t?8===n.nodeType?n.parentNode.insertBefore(e,t):n.insertBefore(e,t):(8===n.nodeType?(t=n.parentNode).insertBefore(e,n):(t=n).appendChild(e),null!=(n=n._reactRootContainer)||null!==t.onclick||(t.onclick=Xr));else if(4!==r&&null!==(e=e.child))for(ll(e,t,n),e=e.sibling;null!==e;)ll(e,t,n),e=e.sibling}function cl(e,t,n){var r=e.tag;if(5===r||6===r)e=e.stateNode,t?n.insertBefore(e,t):n.appendChild(e);else if(4!==r&&null!==(e=e.child))for(cl(e,t,n),e=e.sibling;null!==e;)cl(e,t,n),e=e.sibling}var ul=null,dl=!1;function pl(e,t,n){for(n=n.child;null!==n;)fl(e,t,n),n=n.sibling}function fl(e,t,n){if(at&&"function"==typeof at.onCommitFiberUnmount)try{at.onCommitFiberUnmount(ot,n)}catch(s){}switch(n.tag){case 5:Ys||Xs(n,t);case 6:var r=ul,o=dl;ul=null,pl(e,t,n),dl=o,null!==(ul=r)&&(dl?(e=ul,n=n.stateNode,8===e.nodeType?e.parentNode.removeChild(n):e.removeChild(n)):ul.removeChild(n.stateNode));break;case 18:null!==ul&&(dl?(e=ul,n=n.stateNode,8===e.nodeType?lo(e.parentNode,n):1===e.nodeType&&lo(e,n),qt(e)):lo(ul,n.stateNode));break;case 4:r=ul,o=dl,ul=n.stateNode.containerInfo,dl=!0,pl(e,t,n),ul=r,dl=o;break;case 0:case 11:case 14:case 15:if(!Ys&&(null!==(r=n.updateQueue)&&null!==(r=r.lastEffect))){o=r=r.next;do{var a=o,i=a.destroy;a=a.tag,void 0!==i&&(2&a||4&a)&&el(n,t,i),o=o.next}while(o!==r)}pl(e,t,n);break;case 1:if(!Ys&&(Xs(n,t),"function"==typeof(r=n.stateNode).componentWillUnmount))try{r.props=n.memoizedProps,r.state=n.memoizedState,r.componentWillUnmount()}catch(s){jc(n,t,s)}pl(e,t,n);break;case 21:pl(e,t,n);break;case 22:1&n.mode?(Ys=(r=Ys)||null!==n.memoizedState,pl(e,t,n),Ys=r):pl(e,t,n);break;default:pl(e,t,n)}}function ml(e){var t=e.updateQueue;if(null!==t){e.updateQueue=null;var n=e.stateNode;null===n&&(n=e.stateNode=new Zs),t.forEach((function(t){var r=Ac.bind(null,e,t);n.has(t)||(n.add(t),t.then(r,r))}))}}function hl(e,t){var n=t.deletions;if(null!==n)for(var r=0;r<n.length;r++){var o=n[r];try{var i=e,s=t,l=s;e:for(;null!==l;){switch(l.tag){case 5:ul=l.stateNode,dl=!1;break e;case 3:case 4:ul=l.stateNode.containerInfo,dl=!0;break e}l=l.return}if(null===ul)throw Error(a(160));fl(i,s,o),ul=null,dl=!1;var c=o.alternate;null!==c&&(c.return=null),o.return=null}catch(u){jc(o,t,u)}}if(12854&t.subtreeFlags)for(t=t.child;null!==t;)gl(t,e),t=t.sibling}function gl(e,t){var n=e.alternate,r=e.flags;switch(e.tag){case 0:case 11:case 14:case 15:if(hl(t,e),bl(e),4&r){try{nl(3,e,e.return),rl(3,e)}catch(g){jc(e,e.return,g)}try{nl(5,e,e.return)}catch(g){jc(e,e.return,g)}}break;case 1:hl(t,e),bl(e),512&r&&null!==n&&Xs(n,n.return);break;case 5:if(hl(t,e),bl(e),512&r&&null!==n&&Xs(n,n.return),32&e.flags){var o=e.stateNode;try{pe(o,"")}catch(g){jc(e,e.return,g)}}if(4&r&&null!=(o=e.stateNode)){var i=e.memoizedProps,s=null!==n?n.memoizedProps:i,l=e.type,c=e.updateQueue;if(e.updateQueue=null,null!==c)try{"input"===l&&"radio"===i.type&&null!=i.name&&Z(o,i),ve(l,s);var u=ve(l,i);for(s=0;s<c.length;s+=2){var d=c[s],p=c[s+1];"style"===d?ge(o,p):"dangerouslySetInnerHTML"===d?de(o,p):"children"===d?pe(o,p):v(o,d,p,u)}switch(l){case"input":J(o,i);break;case"textarea":ae(o,i);break;case"select":var f=o._wrapperState.wasMultiple;o._wrapperState.wasMultiple=!!i.multiple;var m=i.value;null!=m?ne(o,!!i.multiple,m,!1):f!==!!i.multiple&&(null!=i.defaultValue?ne(o,!!i.multiple,i.defaultValue,!0):ne(o,!!i.multiple,i.multiple?[]:"",!1))}o[mo]=i}catch(g){jc(e,e.return,g)}}break;case 6:if(hl(t,e),bl(e),4&r){if(null===e.stateNode)throw Error(a(162));o=e.stateNode,i=e.memoizedProps;try{o.nodeValue=i}catch(g){jc(e,e.return,g)}}break;case 3:if(hl(t,e),bl(e),4&r&&null!==n&&n.memoizedState.isDehydrated)try{qt(t.containerInfo)}catch(g){jc(e,e.return,g)}break;case 4:default:hl(t,e),bl(e);break;case 13:hl(t,e),bl(e),8192&(o=e.child).flags&&(i=null!==o.memoizedState,o.stateNode.isHidden=i,!i||null!==o.alternate&&null!==o.alternate.memoizedState||(Ul=Ze())),4&r&&ml(e);break;case 22:if(d=null!==n&&null!==n.memoizedState,1&e.mode?(Ys=(u=Ys)||d,hl(t,e),Ys=u):hl(t,e),bl(e),8192&r){if(u=null!==e.memoizedState,(e.stateNode.isHidden=u)&&!d&&1&e.mode)for(Js=e,d=e.child;null!==d;){for(p=Js=d;null!==Js;){switch(m=(f=Js).child,f.tag){case 0:case 11:case 14:case 15:nl(4,f,f.return);break;case 1:Xs(f,f.return);var h=f.stateNode;if("function"==typeof h.componentWillUnmount){r=f,n=f.return;try{t=r,h.props=t.memoizedProps,h.state=t.memoizedState,h.componentWillUnmount()}catch(g){jc(r,n,g)}}break;case 5:Xs(f,f.return);break;case 22:if(null!==f.memoizedState){Sl(p);continue}}null!==m?(m.return=f,Js=m):Sl(p)}d=d.sibling}e:for(d=null,p=e;;){if(5===p.tag){if(null===d){d=p;try{o=p.stateNode,u?"function"==typeof(i=o.style).setProperty?i.setProperty("display","none","important"):i.display="none":(l=p.stateNode,s=null!=(c=p.memoizedProps.style)&&c.hasOwnProperty("display")?c.display:null,l.style.display=he("display",s))}catch(g){jc(e,e.return,g)}}}else if(6===p.tag){if(null===d)try{p.stateNode.nodeValue=u?"":p.memoizedProps}catch(g){jc(e,e.return,g)}}else if((22!==p.tag&&23!==p.tag||null===p.memoizedState||p===e)&&null!==p.child){p.child.return=p,p=p.child;continue}if(p===e)break e;for(;null===p.sibling;){if(null===p.return||p.return===e)break e;d===p&&(d=null),p=p.return}d===p&&(d=null),p.sibling.return=p.return,p=p.sibling}}break;case 19:hl(t,e),bl(e),4&r&&ml(e);case 21:}}function bl(e){var t=e.flags;if(2&t){try{e:{for(var n=e.return;null!==n;){if(il(n)){var r=n;break e}n=n.return}throw Error(a(160))}switch(r.tag){case 5:var o=r.stateNode;32&r.flags&&(pe(o,""),r.flags&=-33),cl(e,sl(e),o);break;case 3:case 4:var i=r.stateNode.containerInfo;ll(e,sl(e),i);break;default:throw Error(a(161))}}catch(s){jc(e,e.return,s)}e.flags&=-3}4096&t&&(e.flags&=-4097)}function yl(e,t,n){Js=e,vl(e,t,n)}function vl(e,t,n){for(var r=!!(1&e.mode);null!==Js;){var o=Js,a=o.child;if(22===o.tag&&r){var i=null!==o.memoizedState||Qs;if(!i){var s=o.alternate,l=null!==s&&null!==s.memoizedState||Ys;s=Qs;var c=Ys;if(Qs=i,(Ys=l)&&!c)for(Js=o;null!==Js;)l=(i=Js).child,22===i.tag&&null!==i.memoizedState?xl(o):null!==l?(l.return=i,Js=l):xl(o);for(;null!==a;)Js=a,vl(a,t,n),a=a.sibling;Js=o,Qs=s,Ys=c}wl(e)}else 8772&o.subtreeFlags&&null!==a?(a.return=o,Js=a):wl(e)}}function wl(e){for(;null!==Js;){var t=Js;if(8772&t.flags){var n=t.alternate;try{if(8772&t.flags)switch(t.tag){case 0:case 11:case 15:Ys||rl(5,t);break;case 1:var r=t.stateNode;if(4&t.flags&&!Ys)if(null===n)r.componentDidMount();else{var o=t.elementType===t.type?n.memoizedProps:ns(t.type,n.memoizedProps);r.componentDidUpdate(o,n.memoizedState,r.__reactInternalSnapshotBeforeUpdate)}var i=t.updateQueue;null!==i&&Ha(t,i,r);break;case 3:var s=t.updateQueue;if(null!==s){if(n=null,null!==t.child)switch(t.child.tag){case 5:case 1:n=t.child.stateNode}Ha(t,s,n)}break;case 5:var l=t.stateNode;if(null===n&&4&t.flags){n=l;var c=t.memoizedProps;switch(t.type){case"button":case"input":case"select":case"textarea":c.autoFocus&&n.focus();break;case"img":c.src&&(n.src=c.src)}}break;case 6:case 4:case 12:case 19:case 17:case 21:case 22:case 23:case 25:break;case 13:if(null===t.memoizedState){var u=t.alternate;if(null!==u){var d=u.memoizedState;if(null!==d){var p=d.dehydrated;null!==p&&qt(p)}}}break;default:throw Error(a(163))}Ys||512&t.flags&&ol(t)}catch(f){jc(t,t.return,f)}}if(t===e){Js=null;break}if(null!==(n=t.sibling)){n.return=t.return,Js=n;break}Js=t.return}}function Sl(e){for(;null!==Js;){var t=Js;if(t===e){Js=null;break}var n=t.sibling;if(null!==n){n.return=t.return,Js=n;break}Js=t.return}}function xl(e){for(;null!==Js;){var t=Js;try{switch(t.tag){case 0:case 11:case 15:var n=t.return;try{rl(4,t)}catch(l){jc(t,n,l)}break;case 1:var r=t.stateNode;if("function"==typeof r.componentDidMount){var o=t.return;try{r.componentDidMount()}catch(l){jc(t,o,l)}}var a=t.return;try{ol(t)}catch(l){jc(t,a,l)}break;case 5:var i=t.return;try{ol(t)}catch(l){jc(t,i,l)}}}catch(l){jc(t,t.return,l)}if(t===e){Js=null;break}var s=t.sibling;if(null!==s){s.return=t.return,Js=s;break}Js=t.return}}var kl,jl=Math.ceil,El=w.ReactCurrentDispatcher,_l=w.ReactCurrentOwner,Cl=w.ReactCurrentBatchConfig,Al=0,Ol=null,Tl=null,Pl=0,Ll=0,Il=Eo(0),Rl=0,Nl=null,Dl=0,Ml=0,Fl=0,zl=null,Bl=null,Ul=0,ql=1/0,$l=null,Hl=!1,Vl=null,Gl=null,Wl=!1,Kl=null,Ql=0,Yl=0,Zl=null,Jl=-1,Xl=0;function ec(){return 6&Al?Ze():-1!==Jl?Jl:Jl=Ze()}function tc(e){return 1&e.mode?2&Al&&0!==Pl?Pl&-Pl:null!==ga.transition?(0===Xl&&(Xl=ht()),Xl):0!==(e=vt)?e:e=void 0===(e=window.event)?16:Yt(e.type):1}function nc(e,t,n,r){if(50<Yl)throw Yl=0,Zl=null,Error(a(185));bt(e,n,r),2&Al&&e===Ol||(e===Ol&&(!(2&Al)&&(Ml|=n),4===Rl&&sc(e,Pl)),rc(e,r),1===n&&0===Al&&!(1&t.mode)&&(ql=Ze()+500,Bo&&$o()))}function rc(e,t){var n=e.callbackNode;!function(e,t){for(var n=e.suspendedLanes,r=e.pingedLanes,o=e.expirationTimes,a=e.pendingLanes;0<a;){var i=31-it(a),s=1<<i,l=o[i];-1===l?s&n&&!(s&r)||(o[i]=ft(s,t)):l<=t&&(e.expiredLanes|=s),a&=~s}}(e,t);var r=pt(e,e===Ol?Pl:0);if(0===r)null!==n&&Ke(n),e.callbackNode=null,e.callbackPriority=0;else if(t=r&-r,e.callbackPriority!==t){if(null!=n&&Ke(n),1===t)0===e.tag?function(e){Bo=!0,qo(e)}(lc.bind(null,e)):qo(lc.bind(null,e)),io((function(){!(6&Al)&&$o()})),n=null;else{switch(wt(r)){case 1:n=Xe;break;case 4:n=et;break;case 16:default:n=tt;break;case 536870912:n=rt}n=Oc(n,oc.bind(null,e))}e.callbackPriority=t,e.callbackNode=n}}function oc(e,t){if(Jl=-1,Xl=0,6&Al)throw Error(a(327));var n=e.callbackNode;if(xc()&&e.callbackNode!==n)return null;var r=pt(e,e===Ol?Pl:0);if(0===r)return null;if(30&r||r&e.expiredLanes||t)t=gc(e,r);else{t=r;var o=Al;Al|=2;var i=mc();for(Ol===e&&Pl===t||($l=null,ql=Ze()+500,pc(e,t));;)try{yc();break}catch(l){fc(e,l)}Ca(),El.current=i,Al=o,null!==Tl?t=0:(Ol=null,Pl=0,t=Rl)}if(0!==t){if(2===t&&(0!==(o=mt(e))&&(r=o,t=ac(e,o))),1===t)throw n=Nl,pc(e,0),sc(e,r),rc(e,Ze()),n;if(6===t)sc(e,r);else{if(o=e.current.alternate,!(30&r||function(e){for(var t=e;;){if(16384&t.flags){var n=t.updateQueue;if(null!==n&&null!==(n=n.stores))for(var r=0;r<n.length;r++){var o=n[r],a=o.getSnapshot;o=o.value;try{if(!sr(a(),o))return!1}catch(s){return!1}}}if(n=t.child,16384&t.subtreeFlags&&null!==n)n.return=t,t=n;else{if(t===e)break;for(;null===t.sibling;){if(null===t.return||t.return===e)return!0;t=t.return}t.sibling.return=t.return,t=t.sibling}}return!0}(o)||(t=gc(e,r),2===t&&(i=mt(e),0!==i&&(r=i,t=ac(e,i))),1!==t)))throw n=Nl,pc(e,0),sc(e,r),rc(e,Ze()),n;switch(e.finishedWork=o,e.finishedLanes=r,t){case 0:case 1:throw Error(a(345));case 2:case 5:Sc(e,Bl,$l);break;case 3:if(sc(e,r),(130023424&r)===r&&10<(t=Ul+500-Ze())){if(0!==pt(e,0))break;if(((o=e.suspendedLanes)&r)!==r){ec(),e.pingedLanes|=e.suspendedLanes&o;break}e.timeoutHandle=ro(Sc.bind(null,e,Bl,$l),t);break}Sc(e,Bl,$l);break;case 4:if(sc(e,r),(4194240&r)===r)break;for(t=e.eventTimes,o=-1;0<r;){var s=31-it(r);i=1<<s,(s=t[s])>o&&(o=s),r&=~i}if(r=o,10<(r=(120>(r=Ze()-r)?120:480>r?480:1080>r?1080:1920>r?1920:3e3>r?3e3:4320>r?4320:1960*jl(r/1960))-r)){e.timeoutHandle=ro(Sc.bind(null,e,Bl,$l),r);break}Sc(e,Bl,$l);break;default:throw Error(a(329))}}}return rc(e,Ze()),e.callbackNode===n?oc.bind(null,e):null}function ac(e,t){var n=zl;return e.current.memoizedState.isDehydrated&&(pc(e,t).flags|=256),2!==(e=gc(e,t))&&(t=Bl,Bl=n,null!==t&&ic(t)),e}function ic(e){null===Bl?Bl=e:Bl.push.apply(Bl,e)}function sc(e,t){for(t&=~Fl,t&=~Ml,e.suspendedLanes|=t,e.pingedLanes&=~t,e=e.expirationTimes;0<t;){var n=31-it(t),r=1<<n;e[n]=-1,t&=~r}}function lc(e){if(6&Al)throw Error(a(327));xc();var t=pt(e,0);if(!(1&t))return rc(e,Ze()),null;var n=gc(e,t);if(0!==e.tag&&2===n){var r=mt(e);0!==r&&(t=r,n=ac(e,r))}if(1===n)throw n=Nl,pc(e,0),sc(e,t),rc(e,Ze()),n;if(6===n)throw Error(a(345));return e.finishedWork=e.current.alternate,e.finishedLanes=t,Sc(e,Bl,$l),rc(e,Ze()),null}function cc(e,t){var n=Al;Al|=1;try{return e(t)}finally{0===(Al=n)&&(ql=Ze()+500,Bo&&$o())}}function uc(e){null!==Kl&&0===Kl.tag&&!(6&Al)&&xc();var t=Al;Al|=1;var n=Cl.transition,r=vt;try{if(Cl.transition=null,vt=1,e)return e()}finally{vt=r,Cl.transition=n,!(6&(Al=t))&&$o()}}function dc(){Ll=Il.current,_o(Il)}function pc(e,t){e.finishedWork=null,e.finishedLanes=0;var n=e.timeoutHandle;if(-1!==n&&(e.timeoutHandle=-1,oo(n)),null!==Tl)for(n=Tl.return;null!==n;){var r=n;switch(na(r),r.tag){case 1:null!=(r=r.type.childContextTypes)&&Ro();break;case 3:Za(),_o(To),_o(Oo),ri();break;case 5:Xa(r);break;case 4:Za();break;case 13:case 19:_o(ei);break;case 10:Aa(r.type._context);break;case 22:case 23:dc()}n=n.return}if(Ol=e,Tl=e=Ic(e.current,null),Pl=Ll=t,Rl=0,Nl=null,Fl=Ml=Dl=0,Bl=zl=null,null!==La){for(t=0;t<La.length;t++)if(null!==(r=(n=La[t]).interleaved)){n.interleaved=null;var o=r.next,a=n.pending;if(null!==a){var i=a.next;a.next=o,r.next=i}n.pending=r}La=null}return e}function fc(e,t){for(;;){var n=Tl;try{if(Ca(),oi.current=Ji,ui){for(var r=si.memoizedState;null!==r;){var o=r.queue;null!==o&&(o.pending=null),r=r.next}ui=!1}if(ii=0,ci=li=si=null,di=!1,pi=0,_l.current=null,null===n||null===n.return){Rl=1,Nl=t,Tl=null;break}e:{var i=e,s=n.return,l=n,c=t;if(t=Pl,l.flags|=32768,null!==c&&"object"==typeof c&&"function"==typeof c.then){var u=c,d=l,p=d.tag;if(!(1&d.mode||0!==p&&11!==p&&15!==p)){var f=d.alternate;f?(d.updateQueue=f.updateQueue,d.memoizedState=f.memoizedState,d.lanes=f.lanes):(d.updateQueue=null,d.memoizedState=null)}var m=gs(s);if(null!==m){m.flags&=-257,bs(m,s,l,0,t),1&m.mode&&hs(i,u,t),c=u;var h=(t=m).updateQueue;if(null===h){var g=new Set;g.add(c),t.updateQueue=g}else h.add(c);break e}if(!(1&t)){hs(i,u,t),hc();break e}c=Error(a(426))}else if(aa&&1&l.mode){var b=gs(s);if(null!==b){!(65536&b.flags)&&(b.flags|=256),bs(b,s,l,0,t),ha(cs(c,l));break e}}i=c=cs(c,l),4!==Rl&&(Rl=2),null===zl?zl=[i]:zl.push(i),i=s;do{switch(i.tag){case 3:i.flags|=65536,t&=-t,i.lanes|=t,qa(i,fs(0,c,t));break e;case 1:l=c;var y=i.type,v=i.stateNode;if(!(128&i.flags||"function"!=typeof y.getDerivedStateFromError&&(null===v||"function"!=typeof v.componentDidCatch||null!==Gl&&Gl.has(v)))){i.flags|=65536,t&=-t,i.lanes|=t,qa(i,ms(i,l,t));break e}}i=i.return}while(null!==i)}wc(n)}catch(w){t=w,Tl===n&&null!==n&&(Tl=n=n.return);continue}break}}function mc(){var e=El.current;return El.current=Ji,null===e?Ji:e}function hc(){0!==Rl&&3!==Rl&&2!==Rl||(Rl=4),null===Ol||!(268435455&Dl)&&!(268435455&Ml)||sc(Ol,Pl)}function gc(e,t){var n=Al;Al|=2;var r=mc();for(Ol===e&&Pl===t||($l=null,pc(e,t));;)try{bc();break}catch(o){fc(e,o)}if(Ca(),Al=n,El.current=r,null!==Tl)throw Error(a(261));return Ol=null,Pl=0,Rl}function bc(){for(;null!==Tl;)vc(Tl)}function yc(){for(;null!==Tl&&!Qe();)vc(Tl)}function vc(e){var t=kl(e.alternate,e,Ll);e.memoizedProps=e.pendingProps,null===t?wc(e):Tl=t,_l.current=null}function wc(e){var t=e;do{var n=t.alternate;if(e=t.return,32768&t.flags){if(null!==(n=Ks(n,t)))return n.flags&=32767,void(Tl=n);if(null===e)return Rl=6,void(Tl=null);e.flags|=32768,e.subtreeFlags=0,e.deletions=null}else if(null!==(n=Ws(n,t,Ll)))return void(Tl=n);if(null!==(t=t.sibling))return void(Tl=t);Tl=t=e}while(null!==t);0===Rl&&(Rl=5)}function Sc(e,t,n){var r=vt,o=Cl.transition;try{Cl.transition=null,vt=1,function(e,t,n,r){do{xc()}while(null!==Kl);if(6&Al)throw Error(a(327));n=e.finishedWork;var o=e.finishedLanes;if(null===n)return null;if(e.finishedWork=null,e.finishedLanes=0,n===e.current)throw Error(a(177));e.callbackNode=null,e.callbackPriority=0;var i=n.lanes|n.childLanes;if(function(e,t){var n=e.pendingLanes&~t;e.pendingLanes=t,e.suspendedLanes=0,e.pingedLanes=0,e.expiredLanes&=t,e.mutableReadLanes&=t,e.entangledLanes&=t,t=e.entanglements;var r=e.eventTimes;for(e=e.expirationTimes;0<n;){var o=31-it(n),a=1<<o;t[o]=0,r[o]=-1,e[o]=-1,n&=~a}}(e,i),e===Ol&&(Tl=Ol=null,Pl=0),!(2064&n.subtreeFlags)&&!(2064&n.flags)||Wl||(Wl=!0,Oc(tt,(function(){return xc(),null}))),i=!!(15990&n.flags),!!(15990&n.subtreeFlags)||i){i=Cl.transition,Cl.transition=null;var s=vt;vt=1;var l=Al;Al|=4,_l.current=null,function(e,t){if(eo=Ht,fr(e=pr())){if("selectionStart"in e)var n={start:e.selectionStart,end:e.selectionEnd};else e:{var r=(n=(n=e.ownerDocument)&&n.defaultView||window).getSelection&&n.getSelection();if(r&&0!==r.rangeCount){n=r.anchorNode;var o=r.anchorOffset,i=r.focusNode;r=r.focusOffset;try{n.nodeType,i.nodeType}catch(S){n=null;break e}var s=0,l=-1,c=-1,u=0,d=0,p=e,f=null;t:for(;;){for(var m;p!==n||0!==o&&3!==p.nodeType||(l=s+o),p!==i||0!==r&&3!==p.nodeType||(c=s+r),3===p.nodeType&&(s+=p.nodeValue.length),null!==(m=p.firstChild);)f=p,p=m;for(;;){if(p===e)break t;if(f===n&&++u===o&&(l=s),f===i&&++d===r&&(c=s),null!==(m=p.nextSibling))break;f=(p=f).parentNode}p=m}n=-1===l||-1===c?null:{start:l,end:c}}else n=null}n=n||{start:0,end:0}}else n=null;for(to={focusedElem:e,selectionRange:n},Ht=!1,Js=t;null!==Js;)if(e=(t=Js).child,1028&t.subtreeFlags&&null!==e)e.return=t,Js=e;else for(;null!==Js;){t=Js;try{var h=t.alternate;if(1024&t.flags)switch(t.tag){case 0:case 11:case 15:case 5:case 6:case 4:case 17:break;case 1:if(null!==h){var g=h.memoizedProps,b=h.memoizedState,y=t.stateNode,v=y.getSnapshotBeforeUpdate(t.elementType===t.type?g:ns(t.type,g),b);y.__reactInternalSnapshotBeforeUpdate=v}break;case 3:var w=t.stateNode.containerInfo;1===w.nodeType?w.textContent="":9===w.nodeType&&w.documentElement&&w.removeChild(w.documentElement);break;default:throw Error(a(163))}}catch(S){jc(t,t.return,S)}if(null!==(e=t.sibling)){e.return=t.return,Js=e;break}Js=t.return}h=tl,tl=!1}(e,n),gl(n,e),mr(to),Ht=!!eo,to=eo=null,e.current=n,yl(n,e,o),Ye(),Al=l,vt=s,Cl.transition=i}else e.current=n;if(Wl&&(Wl=!1,Kl=e,Ql=o),i=e.pendingLanes,0===i&&(Gl=null),function(e){if(at&&"function"==typeof at.onCommitFiberRoot)try{at.onCommitFiberRoot(ot,e,void 0,!(128&~e.current.flags))}catch(t){}}(n.stateNode),rc(e,Ze()),null!==t)for(r=e.onRecoverableError,n=0;n<t.length;n++)o=t[n],r(o.value,{componentStack:o.stack,digest:o.digest});if(Hl)throw Hl=!1,e=Vl,Vl=null,e;!!(1&Ql)&&0!==e.tag&&xc(),i=e.pendingLanes,1&i?e===Zl?Yl++:(Yl=0,Zl=e):Yl=0,$o()}(e,t,n,r)}finally{Cl.transition=o,vt=r}return null}function xc(){if(null!==Kl){var e=wt(Ql),t=Cl.transition,n=vt;try{if(Cl.transition=null,vt=16>e?16:e,null===Kl)var r=!1;else{if(e=Kl,Kl=null,Ql=0,6&Al)throw Error(a(331));var o=Al;for(Al|=4,Js=e.current;null!==Js;){var i=Js,s=i.child;if(16&Js.flags){var l=i.deletions;if(null!==l){for(var c=0;c<l.length;c++){var u=l[c];for(Js=u;null!==Js;){var d=Js;switch(d.tag){case 0:case 11:case 15:nl(8,d,i)}var p=d.child;if(null!==p)p.return=d,Js=p;else for(;null!==Js;){var f=(d=Js).sibling,m=d.return;if(al(d),d===u){Js=null;break}if(null!==f){f.return=m,Js=f;break}Js=m}}}var h=i.alternate;if(null!==h){var g=h.child;if(null!==g){h.child=null;do{var b=g.sibling;g.sibling=null,g=b}while(null!==g)}}Js=i}}if(2064&i.subtreeFlags&&null!==s)s.return=i,Js=s;else e:for(;null!==Js;){if(2048&(i=Js).flags)switch(i.tag){case 0:case 11:case 15:nl(9,i,i.return)}var y=i.sibling;if(null!==y){y.return=i.return,Js=y;break e}Js=i.return}}var v=e.current;for(Js=v;null!==Js;){var w=(s=Js).child;if(2064&s.subtreeFlags&&null!==w)w.return=s,Js=w;else e:for(s=v;null!==Js;){if(2048&(l=Js).flags)try{switch(l.tag){case 0:case 11:case 15:rl(9,l)}}catch(x){jc(l,l.return,x)}if(l===s){Js=null;break e}var S=l.sibling;if(null!==S){S.return=l.return,Js=S;break e}Js=l.return}}if(Al=o,$o(),at&&"function"==typeof at.onPostCommitFiberRoot)try{at.onPostCommitFiberRoot(ot,e)}catch(x){}r=!0}return r}finally{vt=n,Cl.transition=t}}return!1}function kc(e,t,n){e=Ba(e,t=fs(0,t=cs(n,t),1),1),t=ec(),null!==e&&(bt(e,1,t),rc(e,t))}function jc(e,t,n){if(3===e.tag)kc(e,e,n);else for(;null!==t;){if(3===t.tag){kc(t,e,n);break}if(1===t.tag){var r=t.stateNode;if("function"==typeof t.type.getDerivedStateFromError||"function"==typeof r.componentDidCatch&&(null===Gl||!Gl.has(r))){t=Ba(t,e=ms(t,e=cs(n,e),1),1),e=ec(),null!==t&&(bt(t,1,e),rc(t,e));break}}t=t.return}}function Ec(e,t,n){var r=e.pingCache;null!==r&&r.delete(t),t=ec(),e.pingedLanes|=e.suspendedLanes&n,Ol===e&&(Pl&n)===n&&(4===Rl||3===Rl&&(130023424&Pl)===Pl&&500>Ze()-Ul?pc(e,0):Fl|=n),rc(e,t)}function _c(e,t){0===t&&(1&e.mode?(t=ut,!(130023424&(ut<<=1))&&(ut=4194304)):t=1);var n=ec();null!==(e=Na(e,t))&&(bt(e,t,n),rc(e,n))}function Cc(e){var t=e.memoizedState,n=0;null!==t&&(n=t.retryLane),_c(e,n)}function Ac(e,t){var n=0;switch(e.tag){case 13:var r=e.stateNode,o=e.memoizedState;null!==o&&(n=o.retryLane);break;case 19:r=e.stateNode;break;default:throw Error(a(314))}null!==r&&r.delete(t),_c(e,n)}function Oc(e,t){return We(e,t)}function Tc(e,t,n,r){this.tag=e,this.key=n,this.sibling=this.child=this.return=this.stateNode=this.type=this.elementType=null,this.index=0,this.ref=null,this.pendingProps=t,this.dependencies=this.memoizedState=this.updateQueue=this.memoizedProps=null,this.mode=r,this.subtreeFlags=this.flags=0,this.deletions=null,this.childLanes=this.lanes=0,this.alternate=null}function Pc(e,t,n,r){return new Tc(e,t,n,r)}function Lc(e){return!(!(e=e.prototype)||!e.isReactComponent)}function Ic(e,t){var n=e.alternate;return null===n?((n=Pc(e.tag,t,e.key,e.mode)).elementType=e.elementType,n.type=e.type,n.stateNode=e.stateNode,n.alternate=e,e.alternate=n):(n.pendingProps=t,n.type=e.type,n.flags=0,n.subtreeFlags=0,n.deletions=null),n.flags=14680064&e.flags,n.childLanes=e.childLanes,n.lanes=e.lanes,n.child=e.child,n.memoizedProps=e.memoizedProps,n.memoizedState=e.memoizedState,n.updateQueue=e.updateQueue,t=e.dependencies,n.dependencies=null===t?null:{lanes:t.lanes,firstContext:t.firstContext},n.sibling=e.sibling,n.index=e.index,n.ref=e.ref,n}function Rc(e,t,n,r,o,i){var s=2;if(r=e,"function"==typeof e)Lc(e)&&(s=1);else if("string"==typeof e)s=5;else e:switch(e){case k:return Nc(n.children,o,i,t);case j:s=8,o|=8;break;case E:return(e=Pc(12,n,t,2|o)).elementType=E,e.lanes=i,e;case O:return(e=Pc(13,n,t,o)).elementType=O,e.lanes=i,e;case T:return(e=Pc(19,n,t,o)).elementType=T,e.lanes=i,e;case I:return Dc(n,o,i,t);default:if("object"==typeof e&&null!==e)switch(e.$$typeof){case _:s=10;break e;case C:s=9;break e;case A:s=11;break e;case P:s=14;break e;case L:s=16,r=null;break e}throw Error(a(130,null==e?e:typeof e,""))}return(t=Pc(s,n,t,o)).elementType=e,t.type=r,t.lanes=i,t}function Nc(e,t,n,r){return(e=Pc(7,e,r,t)).lanes=n,e}function Dc(e,t,n,r){return(e=Pc(22,e,r,t)).elementType=I,e.lanes=n,e.stateNode={isHidden:!1},e}function Mc(e,t,n){return(e=Pc(6,e,null,t)).lanes=n,e}function Fc(e,t,n){return(t=Pc(4,null!==e.children?e.children:[],e.key,t)).lanes=n,t.stateNode={containerInfo:e.containerInfo,pendingChildren:null,implementation:e.implementation},t}function zc(e,t,n,r,o){this.tag=t,this.containerInfo=e,this.finishedWork=this.pingCache=this.current=this.pendingChildren=null,this.timeoutHandle=-1,this.callbackNode=this.pendingContext=this.context=null,this.callbackPriority=0,this.eventTimes=gt(0),this.expirationTimes=gt(-1),this.entangledLanes=this.finishedLanes=this.mutableReadLanes=this.expiredLanes=this.pingedLanes=this.suspendedLanes=this.pendingLanes=0,this.entanglements=gt(0),this.identifierPrefix=r,this.onRecoverableError=o,this.mutableSourceEagerHydrationData=null}function Bc(e,t,n,r,o,a,i,s,l){return e=new zc(e,t,n,s,l),1===t?(t=1,!0===a&&(t|=8)):t=0,a=Pc(3,null,null,t),e.current=a,a.stateNode=e,a.memoizedState={element:r,isDehydrated:n,cache:null,transitions:null,pendingSuspenseBoundaries:null},Ma(a),e}function Uc(e){if(!e)return Ao;e:{if(qe(e=e._reactInternals)!==e||1!==e.tag)throw Error(a(170));var t=e;do{switch(t.tag){case 3:t=t.stateNode.context;break e;case 1:if(Io(t.type)){t=t.stateNode.__reactInternalMemoizedMergedChildContext;break e}}t=t.return}while(null!==t);throw Error(a(171))}if(1===e.tag){var n=e.type;if(Io(n))return Do(e,n,t)}return t}function qc(e,t,n,r,o,a,i,s,l){return(e=Bc(n,r,!0,e,0,a,0,s,l)).context=Uc(null),n=e.current,(a=za(r=ec(),o=tc(n))).callback=null!=t?t:null,Ba(n,a,o),e.current.lanes=o,bt(e,o,r),rc(e,r),e}function $c(e,t,n,r){var o=t.current,a=ec(),i=tc(o);return n=Uc(n),null===t.context?t.context=n:t.pendingContext=n,(t=za(a,i)).payload={element:e},null!==(r=void 0===r?null:r)&&(t.callback=r),null!==(e=Ba(o,t,i))&&(nc(e,o,i,a),Ua(e,o,i)),i}function Hc(e){return(e=e.current).child?(e.child.tag,e.child.stateNode):null}function Vc(e,t){if(null!==(e=e.memoizedState)&&null!==e.dehydrated){var n=e.retryLane;e.retryLane=0!==n&&n<t?n:t}}function Gc(e,t){Vc(e,t),(e=e.alternate)&&Vc(e,t)}kl=function(e,t,n){if(null!==e)if(e.memoizedProps!==t.pendingProps||To.current)vs=!0;else{if(!(e.lanes&n||128&t.flags))return vs=!1,function(e,t,n){switch(t.tag){case 3:Os(t),ma();break;case 5:Ja(t);break;case 1:Io(t.type)&&Mo(t);break;case 4:Ya(t,t.stateNode.containerInfo);break;case 10:var r=t.type._context,o=t.memoizedProps.value;Co(ka,r._currentValue),r._currentValue=o;break;case 13:if(null!==(r=t.memoizedState))return null!==r.dehydrated?(Co(ei,1&ei.current),t.flags|=128,null):n&t.child.childLanes?Ms(e,t,n):(Co(ei,1&ei.current),null!==(e=Hs(e,t,n))?e.sibling:null);Co(ei,1&ei.current);break;case 19:if(r=!!(n&t.childLanes),128&e.flags){if(r)return qs(e,t,n);t.flags|=128}if(null!==(o=t.memoizedState)&&(o.rendering=null,o.tail=null,o.lastEffect=null),Co(ei,ei.current),r)break;return null;case 22:case 23:return t.lanes=0,js(e,t,n)}return Hs(e,t,n)}(e,t,n);vs=!!(131072&e.flags)}else vs=!1,aa&&1048576&t.flags&&ea(t,Wo,t.index);switch(t.lanes=0,t.tag){case 2:var r=t.type;$s(e,t),e=t.pendingProps;var o=Lo(t,Oo.current);Ta(t,n),o=gi(null,t,r,e,o,n);var i=bi();return t.flags|=1,"object"==typeof o&&null!==o&&"function"==typeof o.render&&void 0===o.$$typeof?(t.tag=1,t.memoizedState=null,t.updateQueue=null,Io(r)?(i=!0,Mo(t)):i=!1,t.memoizedState=null!==o.state&&void 0!==o.state?o.state:null,Ma(t),o.updater=os,t.stateNode=o,o._reactInternals=t,ls(t,r,e,n),t=As(null,t,r,!0,i,n)):(t.tag=0,aa&&i&&ta(t),ws(null,t,o,n),t=t.child),t;case 16:r=t.elementType;e:{switch($s(e,t),e=t.pendingProps,r=(o=r._init)(r._payload),t.type=r,o=t.tag=function(e){if("function"==typeof e)return Lc(e)?1:0;if(null!=e){if((e=e.$$typeof)===A)return 11;if(e===P)return 14}return 2}(r),e=ns(r,e),o){case 0:t=_s(null,t,r,e,n);break e;case 1:t=Cs(null,t,r,e,n);break e;case 11:t=Ss(null,t,r,e,n);break e;case 14:t=xs(null,t,r,ns(r.type,e),n);break e}throw Error(a(306,r,""))}return t;case 0:return r=t.type,o=t.pendingProps,_s(e,t,r,o=t.elementType===r?o:ns(r,o),n);case 1:return r=t.type,o=t.pendingProps,Cs(e,t,r,o=t.elementType===r?o:ns(r,o),n);case 3:e:{if(Os(t),null===e)throw Error(a(387));r=t.pendingProps,o=(i=t.memoizedState).element,Fa(e,t),$a(t,r,null,n);var s=t.memoizedState;if(r=s.element,i.isDehydrated){if(i={element:r,isDehydrated:!1,cache:s.cache,pendingSuspenseBoundaries:s.pendingSuspenseBoundaries,transitions:s.transitions},t.updateQueue.baseState=i,t.memoizedState=i,256&t.flags){t=Ts(e,t,r,n,o=cs(Error(a(423)),t));break e}if(r!==o){t=Ts(e,t,r,n,o=cs(Error(a(424)),t));break e}for(oa=co(t.stateNode.containerInfo.firstChild),ra=t,aa=!0,ia=null,n=xa(t,null,r,n),t.child=n;n;)n.flags=-3&n.flags|4096,n=n.sibling}else{if(ma(),r===o){t=Hs(e,t,n);break e}ws(e,t,r,n)}t=t.child}return t;case 5:return Ja(t),null===e&&ua(t),r=t.type,o=t.pendingProps,i=null!==e?e.memoizedProps:null,s=o.children,no(r,o)?s=null:null!==i&&no(r,i)&&(t.flags|=32),Es(e,t),ws(e,t,s,n),t.child;case 6:return null===e&&ua(t),null;case 13:return Ms(e,t,n);case 4:return Ya(t,t.stateNode.containerInfo),r=t.pendingProps,null===e?t.child=Sa(t,null,r,n):ws(e,t,r,n),t.child;case 11:return r=t.type,o=t.pendingProps,Ss(e,t,r,o=t.elementType===r?o:ns(r,o),n);case 7:return ws(e,t,t.pendingProps,n),t.child;case 8:case 12:return ws(e,t,t.pendingProps.children,n),t.child;case 10:e:{if(r=t.type._context,o=t.pendingProps,i=t.memoizedProps,s=o.value,Co(ka,r._currentValue),r._currentValue=s,null!==i)if(sr(i.value,s)){if(i.children===o.children&&!To.current){t=Hs(e,t,n);break e}}else for(null!==(i=t.child)&&(i.return=t);null!==i;){var l=i.dependencies;if(null!==l){s=i.child;for(var c=l.firstContext;null!==c;){if(c.context===r){if(1===i.tag){(c=za(-1,n&-n)).tag=2;var u=i.updateQueue;if(null!==u){var d=(u=u.shared).pending;null===d?c.next=c:(c.next=d.next,d.next=c),u.pending=c}}i.lanes|=n,null!==(c=i.alternate)&&(c.lanes|=n),Oa(i.return,n,t),l.lanes|=n;break}c=c.next}}else if(10===i.tag)s=i.type===t.type?null:i.child;else if(18===i.tag){if(null===(s=i.return))throw Error(a(341));s.lanes|=n,null!==(l=s.alternate)&&(l.lanes|=n),Oa(s,n,t),s=i.sibling}else s=i.child;if(null!==s)s.return=i;else for(s=i;null!==s;){if(s===t){s=null;break}if(null!==(i=s.sibling)){i.return=s.return,s=i;break}s=s.return}i=s}ws(e,t,o.children,n),t=t.child}return t;case 9:return o=t.type,r=t.pendingProps.children,Ta(t,n),r=r(o=Pa(o)),t.flags|=1,ws(e,t,r,n),t.child;case 14:return o=ns(r=t.type,t.pendingProps),xs(e,t,r,o=ns(r.type,o),n);case 15:return ks(e,t,t.type,t.pendingProps,n);case 17:return r=t.type,o=t.pendingProps,o=t.elementType===r?o:ns(r,o),$s(e,t),t.tag=1,Io(r)?(e=!0,Mo(t)):e=!1,Ta(t,n),is(t,r,o),ls(t,r,o,n),As(null,t,r,!0,e,n);case 19:return qs(e,t,n);case 22:return js(e,t,n)}throw Error(a(156,t.tag))};var Wc="function"==typeof reportError?reportError:function(e){console.error(e)};function Kc(e){this._internalRoot=e}function Qc(e){this._internalRoot=e}function Yc(e){return!(!e||1!==e.nodeType&&9!==e.nodeType&&11!==e.nodeType)}function Zc(e){return!(!e||1!==e.nodeType&&9!==e.nodeType&&11!==e.nodeType&&(8!==e.nodeType||" react-mount-point-unstable "!==e.nodeValue))}function Jc(){}function Xc(e,t,n,r,o){var a=n._reactRootContainer;if(a){var i=a;if("function"==typeof o){var s=o;o=function(){var e=Hc(i);s.call(e)}}$c(t,i,e,o)}else i=function(e,t,n,r,o){if(o){if("function"==typeof r){var a=r;r=function(){var e=Hc(i);a.call(e)}}var i=qc(t,r,e,0,null,!1,0,"",Jc);return e._reactRootContainer=i,e[ho]=i.current,qr(8===e.nodeType?e.parentNode:e),uc(),i}for(;o=e.lastChild;)e.removeChild(o);if("function"==typeof r){var s=r;r=function(){var e=Hc(l);s.call(e)}}var l=Bc(e,0,!1,null,0,!1,0,"",Jc);return e._reactRootContainer=l,e[ho]=l.current,qr(8===e.nodeType?e.parentNode:e),uc((function(){$c(t,l,n,r)})),l}(n,t,e,o,r);return Hc(i)}Qc.prototype.render=Kc.prototype.render=function(e){var t=this._internalRoot;if(null===t)throw Error(a(409));$c(e,t,null,null)},Qc.prototype.unmount=Kc.prototype.unmount=function(){var e=this._internalRoot;if(null!==e){this._internalRoot=null;var t=e.containerInfo;uc((function(){$c(null,e,null,null)})),t[ho]=null}},Qc.prototype.unstable_scheduleHydration=function(e){if(e){var t=jt();e={blockedOn:null,target:e,priority:t};for(var n=0;n<It.length&&0!==t&&t<It[n].priority;n++);It.splice(n,0,e),0===n&&Mt(e)}},St=function(e){switch(e.tag){case 3:var t=e.stateNode;if(t.current.memoizedState.isDehydrated){var n=dt(t.pendingLanes);0!==n&&(yt(t,1|n),rc(t,Ze()),!(6&Al)&&(ql=Ze()+500,$o()))}break;case 13:uc((function(){var t=Na(e,1);if(null!==t){var n=ec();nc(t,e,1,n)}})),Gc(e,1)}},xt=function(e){if(13===e.tag){var t=Na(e,134217728);if(null!==t)nc(t,e,134217728,ec());Gc(e,134217728)}},kt=function(e){if(13===e.tag){var t=tc(e),n=Na(e,t);if(null!==n)nc(n,e,t,ec());Gc(e,t)}},jt=function(){return vt},Et=function(e,t){var n=vt;try{return vt=e,t()}finally{vt=n}},xe=function(e,t,n){switch(t){case"input":if(J(e,n),t=n.name,"radio"===n.type&&null!=t){for(n=e;n.parentNode;)n=n.parentNode;for(n=n.querySelectorAll("input[name="+JSON.stringify(""+t)+'][type="radio"]'),t=0;t<n.length;t++){var r=n[t];if(r!==e&&r.form===e.form){var o=xo(r);if(!o)throw Error(a(90));W(r),J(r,o)}}}break;case"textarea":ae(e,n);break;case"select":null!=(t=n.value)&&ne(e,!!n.multiple,t,!1)}},Ae=cc,Oe=uc;var eu={usingClientEntryPoint:!1,Events:[wo,So,xo,_e,Ce,cc]},tu={findFiberByHostInstance:vo,bundleType:0,version:"18.3.1",rendererPackageName:"react-dom"},nu={bundleType:tu.bundleType,version:tu.version,rendererPackageName:tu.rendererPackageName,rendererConfig:tu.rendererConfig,overrideHookState:null,overrideHookStateDeletePath:null,overrideHookStateRenamePath:null,overrideProps:null,overridePropsDeletePath:null,overridePropsRenamePath:null,setErrorHandler:null,setSuspenseHandler:null,scheduleUpdate:null,currentDispatcherRef:w.ReactCurrentDispatcher,findHostInstanceByFiber:function(e){return null===(e=Ve(e))?null:e.stateNode},findFiberByHostInstance:tu.findFiberByHostInstance||function(){return null},findHostInstancesForRefresh:null,scheduleRefresh:null,scheduleRoot:null,setRefreshHandler:null,getCurrentFiber:null,reconcilerVersion:"18.3.1-next-f1338f8080-20240426"};if("undefined"!=typeof __REACT_DEVTOOLS_GLOBAL_HOOK__){var ru=__REACT_DEVTOOLS_GLOBAL_HOOK__;if(!ru.isDisabled&&ru.supportsFiber)try{ot=ru.inject(nu),at=ru}catch(ue){}}t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED=eu,t.createPortal=function(e,t){var n=2<arguments.length&&void 0!==arguments[2]?arguments[2]:null;if(!Yc(t))throw Error(a(200));return function(e,t,n){var r=3<arguments.length&&void 0!==arguments[3]?arguments[3]:null;return{$$typeof:x,key:null==r?null:""+r,children:e,containerInfo:t,implementation:n}}(e,t,null,n)},t.createRoot=function(e,t){if(!Yc(e))throw Error(a(299));var n=!1,r="",o=Wc;return null!=t&&(!0===t.unstable_strictMode&&(n=!0),void 0!==t.identifierPrefix&&(r=t.identifierPrefix),void 0!==t.onRecoverableError&&(o=t.onRecoverableError)),t=Bc(e,1,!1,null,0,n,0,r,o),e[ho]=t.current,qr(8===e.nodeType?e.parentNode:e),new Kc(t)},t.findDOMNode=function(e){if(null==e)return null;if(1===e.nodeType)return e;var t=e._reactInternals;if(void 0===t){if("function"==typeof e.render)throw Error(a(188));throw e=Object.keys(e).join(","),Error(a(268,e))}return e=null===(e=Ve(t))?null:e.stateNode},t.flushSync=function(e){return uc(e)},t.hydrate=function(e,t,n){if(!Zc(t))throw Error(a(200));return Xc(null,e,t,!0,n)},t.hydrateRoot=function(e,t,n){if(!Yc(e))throw Error(a(405));var r=null!=n&&n.hydratedSources||null,o=!1,i="",s=Wc;if(null!=n&&(!0===n.unstable_strictMode&&(o=!0),void 0!==n.identifierPrefix&&(i=n.identifierPrefix),void 0!==n.onRecoverableError&&(s=n.onRecoverableError)),t=qc(t,null,e,1,null!=n?n:null,o,0,i,s),e[ho]=t.current,qr(e),r)for(e=0;e<r.length;e++)o=(o=(n=r[e])._getVersion)(n._source),null==t.mutableSourceEagerHydrationData?t.mutableSourceEagerHydrationData=[n,o]:t.mutableSourceEagerHydrationData.push(n,o);return new Qc(t)},t.render=function(e,t,n){if(!Zc(t))throw Error(a(200));return Xc(null,e,t,!1,n)},t.unmountComponentAtNode=function(e){if(!Zc(e))throw Error(a(40));return!!e._reactRootContainer&&(uc((function(){Xc(null,null,e,!1,(function(){e._reactRootContainer=null,e[ho]=null}))})),!0)},t.unstable_batchedUpdates=cc,t.unstable_renderSubtreeIntoContainer=function(e,t,n,r){if(!Zc(n))throw Error(a(200));if(null==e||void 0===e._reactInternals)throw Error(a(38));return Xc(e,t,n,!1,r)},t.version="18.3.1-next-f1338f8080-20240426"},9576:(e,t,n)=>{"use strict";var r=n(8143);t.createRoot=r.createRoot,t.hydrateRoot=r.hydrateRoot},8143:(e,t,n)=>{"use strict";!function e(){if("undefined"!=typeof __REACT_DEVTOOLS_GLOBAL_HOOK__&&"function"==typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE)try{__REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE(e)}catch(t){console.error(t)}}(),e.exports=n(9481)},4072:e=>{var t="undefined"!=typeof Element,n="function"==typeof Map,r="function"==typeof Set,o="function"==typeof ArrayBuffer&&!!ArrayBuffer.isView;function a(e,i){if(e===i)return!0;if(e&&i&&"object"==typeof e&&"object"==typeof i){if(e.constructor!==i.constructor)return!1;var s,l,c,u;if(Array.isArray(e)){if((s=e.length)!=i.length)return!1;for(l=s;0!=l--;)if(!a(e[l],i[l]))return!1;return!0}if(n&&e instanceof Map&&i instanceof Map){if(e.size!==i.size)return!1;for(u=e.entries();!(l=u.next()).done;)if(!i.has(l.value[0]))return!1;for(u=e.entries();!(l=u.next()).done;)if(!a(l.value[1],i.get(l.value[0])))return!1;return!0}if(r&&e instanceof Set&&i instanceof Set){if(e.size!==i.size)return!1;for(u=e.entries();!(l=u.next()).done;)if(!i.has(l.value[0]))return!1;return!0}if(o&&ArrayBuffer.isView(e)&&ArrayBuffer.isView(i)){if((s=e.length)!=i.length)return!1;for(l=s;0!=l--;)if(e[l]!==i[l])return!1;return!0}if(e.constructor===RegExp)return e.source===i.source&&e.flags===i.flags;if(e.valueOf!==Object.prototype.valueOf&&"function"==typeof e.valueOf&&"function"==typeof i.valueOf)return e.valueOf()===i.valueOf();if(e.toString!==Object.prototype.toString&&"function"==typeof e.toString&&"function"==typeof i.toString)return e.toString()===i.toString();if((s=(c=Object.keys(e)).length)!==Object.keys(i).length)return!1;for(l=s;0!=l--;)if(!Object.prototype.hasOwnProperty.call(i,c[l]))return!1;if(t&&e instanceof Element)return!1;for(l=s;0!=l--;)if(("_owner"!==c[l]&&"__v"!==c[l]&&"__o"!==c[l]||!e.$$typeof)&&!a(e[c[l]],i[c[l]]))return!1;return!0}return e!=e&&i!=i}e.exports=function(e,t){try{return a(e,t)}catch(n){if((n.message||"").match(/stack|recursion/i))return console.warn("react-fast-compare cannot handle circular refs"),!1;throw n}}},248:(e,t,n)=>{"use strict";n.d(t,{mg:()=>X,vd:()=>V});var r=n(758),o=n(2736),a=n.n(o),i=n(4072),s=n.n(i),l=n(9597),c=n.n(l),u=n(2945),d=n.n(u);function p(){return p=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},p.apply(this,arguments)}function f(e,t){e.prototype=Object.create(t.prototype),e.prototype.constructor=e,m(e,t)}function m(e,t){return m=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e},m(e,t)}function h(e,t){if(null==e)return{};var n,r,o={},a=Object.keys(e);for(r=0;r<a.length;r++)t.indexOf(n=a[r])>=0||(o[n]=e[n]);return o}var g={BASE:"base",BODY:"body",HEAD:"head",HTML:"html",LINK:"link",META:"meta",NOSCRIPT:"noscript",SCRIPT:"script",STYLE:"style",TITLE:"title",FRAGMENT:"Symbol(react.fragment)"},b={rel:["amphtml","canonical","alternate"]},y={type:["application/ld+json"]},v={charset:"",name:["robots","description"],property:["og:type","og:title","og:url","og:image","og:image:alt","og:description","twitter:url","twitter:title","twitter:description","twitter:image","twitter:image:alt","twitter:card","twitter:site"]},w=Object.keys(g).map((function(e){return g[e]})),S={accesskey:"accessKey",charset:"charSet",class:"className",contenteditable:"contentEditable",contextmenu:"contextMenu","http-equiv":"httpEquiv",itemprop:"itemProp",tabindex:"tabIndex"},x=Object.keys(S).reduce((function(e,t){return e[S[t]]=t,e}),{}),k=function(e,t){for(var n=e.length-1;n>=0;n-=1){var r=e[n];if(Object.prototype.hasOwnProperty.call(r,t))return r[t]}return null},j=function(e){var t=k(e,g.TITLE),n=k(e,"titleTemplate");if(Array.isArray(t)&&(t=t.join("")),n&&t)return n.replace(/%s/g,(function(){return t}));var r=k(e,"defaultTitle");return t||r||void 0},E=function(e){return k(e,"onChangeClientState")||function(){}},_=function(e,t){return t.filter((function(t){return void 0!==t[e]})).map((function(t){return t[e]})).reduce((function(e,t){return p({},e,t)}),{})},C=function(e,t){return t.filter((function(e){return void 0!==e[g.BASE]})).map((function(e){return e[g.BASE]})).reverse().reduce((function(t,n){if(!t.length)for(var r=Object.keys(n),o=0;o<r.length;o+=1){var a=r[o].toLowerCase();if(-1!==e.indexOf(a)&&n[a])return t.concat(n)}return t}),[])},A=function(e,t,n){var r={};return n.filter((function(t){return!!Array.isArray(t[e])||(void 0!==t[e]&&console&&"function"==typeof console.warn&&console.warn("Helmet: "+e+' should be of type "Array". Instead found type "'+typeof t[e]+'"'),!1)})).map((function(t){return t[e]})).reverse().reduce((function(e,n){var o={};n.filter((function(e){for(var n,a=Object.keys(e),i=0;i<a.length;i+=1){var s=a[i],l=s.toLowerCase();-1===t.indexOf(l)||"rel"===n&&"canonical"===e[n].toLowerCase()||"rel"===l&&"stylesheet"===e[l].toLowerCase()||(n=l),-1===t.indexOf(s)||"innerHTML"!==s&&"cssText"!==s&&"itemprop"!==s||(n=s)}if(!n||!e[n])return!1;var c=e[n].toLowerCase();return r[n]||(r[n]={}),o[n]||(o[n]={}),!r[n][c]&&(o[n][c]=!0,!0)})).reverse().forEach((function(t){return e.push(t)}));for(var a=Object.keys(o),i=0;i<a.length;i+=1){var s=a[i],l=p({},r[s],o[s]);r[s]=l}return e}),[]).reverse()},O=function(e,t){if(Array.isArray(e)&&e.length)for(var n=0;n<e.length;n+=1)if(e[n][t])return!0;return!1},T=function(e){return Array.isArray(e)?e.join(""):e},P=function(e,t){return Array.isArray(e)?e.reduce((function(e,n){return function(e,t){for(var n=Object.keys(e),r=0;r<n.length;r+=1)if(t[n[r]]&&t[n[r]].includes(e[n[r]]))return!0;return!1}(n,t)?e.priority.push(n):e.default.push(n),e}),{priority:[],default:[]}):{default:e}},L=function(e,t){var n;return p({},e,((n={})[t]=void 0,n))},I=[g.NOSCRIPT,g.SCRIPT,g.STYLE],R=function(e,t){return void 0===t&&(t=!0),!1===t?String(e):String(e).replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;").replace(/'/g,"&#x27;")},N=function(e){return Object.keys(e).reduce((function(t,n){var r=void 0!==e[n]?n+'="'+e[n]+'"':""+n;return t?t+" "+r:r}),"")},D=function(e,t){return void 0===t&&(t={}),Object.keys(e).reduce((function(t,n){return t[S[n]||n]=e[n],t}),t)},M=function(e,t){return t.map((function(t,n){var o,a=((o={key:n})["data-rh"]=!0,o);return Object.keys(t).forEach((function(e){var n=S[e]||e;"innerHTML"===n||"cssText"===n?a.dangerouslySetInnerHTML={__html:t.innerHTML||t.cssText}:a[n]=t[e]})),r.createElement(e,a)}))},F=function(e,t,n){switch(e){case g.TITLE:return{toComponent:function(){return n=t.titleAttributes,(o={key:e=t.title})["data-rh"]=!0,a=D(n,o),[r.createElement(g.TITLE,a,e)];var e,n,o,a},toString:function(){return function(e,t,n,r){var o=N(n),a=T(t);return o?"<"+e+' data-rh="true" '+o+">"+R(a,r)+"</"+e+">":"<"+e+' data-rh="true">'+R(a,r)+"</"+e+">"}(e,t.title,t.titleAttributes,n)}};case"bodyAttributes":case"htmlAttributes":return{toComponent:function(){return D(t)},toString:function(){return N(t)}};default:return{toComponent:function(){return M(e,t)},toString:function(){return function(e,t,n){return t.reduce((function(t,r){var o=Object.keys(r).filter((function(e){return!("innerHTML"===e||"cssText"===e)})).reduce((function(e,t){var o=void 0===r[t]?t:t+'="'+R(r[t],n)+'"';return e?e+" "+o:o}),""),a=r.innerHTML||r.cssText||"",i=-1===I.indexOf(e);return t+"<"+e+' data-rh="true" '+o+(i?"/>":">"+a+"</"+e+">")}),"")}(e,t,n)}}}},z=function(e){var t=e.baseTag,n=e.bodyAttributes,r=e.encode,o=e.htmlAttributes,a=e.noscriptTags,i=e.styleTags,s=e.title,l=void 0===s?"":s,c=e.titleAttributes,u=e.linkTags,d=e.metaTags,p=e.scriptTags,f={toComponent:function(){},toString:function(){return""}};if(e.prioritizeSeoTags){var m=function(e){var t=e.linkTags,n=e.scriptTags,r=e.encode,o=P(e.metaTags,v),a=P(t,b),i=P(n,y);return{priorityMethods:{toComponent:function(){return[].concat(M(g.META,o.priority),M(g.LINK,a.priority),M(g.SCRIPT,i.priority))},toString:function(){return F(g.META,o.priority,r)+" "+F(g.LINK,a.priority,r)+" "+F(g.SCRIPT,i.priority,r)}},metaTags:o.default,linkTags:a.default,scriptTags:i.default}}(e);f=m.priorityMethods,u=m.linkTags,d=m.metaTags,p=m.scriptTags}return{priority:f,base:F(g.BASE,t,r),bodyAttributes:F("bodyAttributes",n,r),htmlAttributes:F("htmlAttributes",o,r),link:F(g.LINK,u,r),meta:F(g.META,d,r),noscript:F(g.NOSCRIPT,a,r),script:F(g.SCRIPT,p,r),style:F(g.STYLE,i,r),title:F(g.TITLE,{title:l,titleAttributes:c},r)}},B=[],U=function(e,t){var n=this;void 0===t&&(t="undefined"!=typeof document),this.instances=[],this.value={setHelmet:function(e){n.context.helmet=e},helmetInstances:{get:function(){return n.canUseDOM?B:n.instances},add:function(e){(n.canUseDOM?B:n.instances).push(e)},remove:function(e){var t=(n.canUseDOM?B:n.instances).indexOf(e);(n.canUseDOM?B:n.instances).splice(t,1)}}},this.context=e,this.canUseDOM=t,t||(e.helmet=z({baseTag:[],bodyAttributes:{},encodeSpecialCharacters:!0,htmlAttributes:{},linkTags:[],metaTags:[],noscriptTags:[],scriptTags:[],styleTags:[],title:"",titleAttributes:{}}))},q=r.createContext({}),$=a().shape({setHelmet:a().func,helmetInstances:a().shape({get:a().func,add:a().func,remove:a().func})}),H="undefined"!=typeof document,V=function(e){function t(n){var r;return(r=e.call(this,n)||this).helmetData=new U(r.props.context,t.canUseDOM),r}return f(t,e),t.prototype.render=function(){return r.createElement(q.Provider,{value:this.helmetData.value},this.props.children)},t}(r.Component);V.canUseDOM=H,V.propTypes={context:a().shape({helmet:a().shape()}),children:a().node.isRequired},V.defaultProps={context:{}},V.displayName="HelmetProvider";var G=function(e,t){var n,r=document.head||document.querySelector(g.HEAD),o=r.querySelectorAll(e+"[data-rh]"),a=[].slice.call(o),i=[];return t&&t.length&&t.forEach((function(t){var r=document.createElement(e);for(var o in t)Object.prototype.hasOwnProperty.call(t,o)&&("innerHTML"===o?r.innerHTML=t.innerHTML:"cssText"===o?r.styleSheet?r.styleSheet.cssText=t.cssText:r.appendChild(document.createTextNode(t.cssText)):r.setAttribute(o,void 0===t[o]?"":t[o]));r.setAttribute("data-rh","true"),a.some((function(e,t){return n=t,r.isEqualNode(e)}))?a.splice(n,1):i.push(r)})),a.forEach((function(e){return e.parentNode.removeChild(e)})),i.forEach((function(e){return r.appendChild(e)})),{oldTags:a,newTags:i}},W=function(e,t){var n=document.getElementsByTagName(e)[0];if(n){for(var r=n.getAttribute("data-rh"),o=r?r.split(","):[],a=[].concat(o),i=Object.keys(t),s=0;s<i.length;s+=1){var l=i[s],c=t[l]||"";n.getAttribute(l)!==c&&n.setAttribute(l,c),-1===o.indexOf(l)&&o.push(l);var u=a.indexOf(l);-1!==u&&a.splice(u,1)}for(var d=a.length-1;d>=0;d-=1)n.removeAttribute(a[d]);o.length===a.length?n.removeAttribute("data-rh"):n.getAttribute("data-rh")!==i.join(",")&&n.setAttribute("data-rh",i.join(","))}},K=function(e,t){var n=e.baseTag,r=e.htmlAttributes,o=e.linkTags,a=e.metaTags,i=e.noscriptTags,s=e.onChangeClientState,l=e.scriptTags,c=e.styleTags,u=e.title,d=e.titleAttributes;W(g.BODY,e.bodyAttributes),W(g.HTML,r),function(e,t){void 0!==e&&document.title!==e&&(document.title=T(e)),W(g.TITLE,t)}(u,d);var p={baseTag:G(g.BASE,n),linkTags:G(g.LINK,o),metaTags:G(g.META,a),noscriptTags:G(g.NOSCRIPT,i),scriptTags:G(g.SCRIPT,l),styleTags:G(g.STYLE,c)},f={},m={};Object.keys(p).forEach((function(e){var t=p[e],n=t.newTags,r=t.oldTags;n.length&&(f[e]=n),r.length&&(m[e]=p[e].oldTags)})),t&&t(),s(e,f,m)},Q=null,Y=function(e){function t(){for(var t,n=arguments.length,r=new Array(n),o=0;o<n;o++)r[o]=arguments[o];return(t=e.call.apply(e,[this].concat(r))||this).rendered=!1,t}f(t,e);var n=t.prototype;return n.shouldComponentUpdate=function(e){return!d()(e,this.props)},n.componentDidUpdate=function(){this.emitChange()},n.componentWillUnmount=function(){this.props.context.helmetInstances.remove(this),this.emitChange()},n.emitChange=function(){var e,t,n=this.props.context,r=n.setHelmet,o=null,a=(e=n.helmetInstances.get().map((function(e){var t=p({},e.props);return delete t.context,t})),{baseTag:C(["href"],e),bodyAttributes:_("bodyAttributes",e),defer:k(e,"defer"),encode:k(e,"encodeSpecialCharacters"),htmlAttributes:_("htmlAttributes",e),linkTags:A(g.LINK,["rel","href"],e),metaTags:A(g.META,["name","charset","http-equiv","property","itemprop"],e),noscriptTags:A(g.NOSCRIPT,["innerHTML"],e),onChangeClientState:E(e),scriptTags:A(g.SCRIPT,["src","innerHTML"],e),styleTags:A(g.STYLE,["cssText"],e),title:j(e),titleAttributes:_("titleAttributes",e),prioritizeSeoTags:O(e,"prioritizeSeoTags")});V.canUseDOM?(t=a,Q&&cancelAnimationFrame(Q),t.defer?Q=requestAnimationFrame((function(){K(t,(function(){Q=null}))})):(K(t),Q=null)):z&&(o=z(a)),r(o)},n.init=function(){this.rendered||(this.rendered=!0,this.props.context.helmetInstances.add(this),this.emitChange())},n.render=function(){return this.init(),null},t}(r.Component);Y.propTypes={context:$.isRequired},Y.displayName="HelmetDispatcher";var Z=["children"],J=["children"],X=function(e){function t(){return e.apply(this,arguments)||this}f(t,e);var n=t.prototype;return n.shouldComponentUpdate=function(e){return!s()(L(this.props,"helmetData"),L(e,"helmetData"))},n.mapNestedChildrenToProps=function(e,t){if(!t)return null;switch(e.type){case g.SCRIPT:case g.NOSCRIPT:return{innerHTML:t};case g.STYLE:return{cssText:t};default:throw new Error("<"+e.type+" /> elements are self-closing and can not contain children. Refer to our API for more information.")}},n.flattenArrayTypeChildren=function(e){var t,n=e.child,r=e.arrayTypeChildren;return p({},r,((t={})[n.type]=[].concat(r[n.type]||[],[p({},e.newChildProps,this.mapNestedChildrenToProps(n,e.nestedChildren))]),t))},n.mapObjectTypeChildren=function(e){var t,n,r=e.child,o=e.newProps,a=e.newChildProps,i=e.nestedChildren;switch(r.type){case g.TITLE:return p({},o,((t={})[r.type]=i,t.titleAttributes=p({},a),t));case g.BODY:return p({},o,{bodyAttributes:p({},a)});case g.HTML:return p({},o,{htmlAttributes:p({},a)});default:return p({},o,((n={})[r.type]=p({},a),n))}},n.mapArrayTypeChildrenToProps=function(e,t){var n=p({},t);return Object.keys(e).forEach((function(t){var r;n=p({},n,((r={})[t]=e[t],r))})),n},n.warnOnInvalidChildren=function(e,t){return c()(w.some((function(t){return e.type===t})),"function"==typeof e.type?"You may be attempting to nest <Helmet> components within each other, which is not allowed. Refer to our API for more information.":"Only elements types "+w.join(", ")+" are allowed. Helmet does not support rendering <"+e.type+"> elements. Refer to our API for more information."),c()(!t||"string"==typeof t||Array.isArray(t)&&!t.some((function(e){return"string"!=typeof e})),"Helmet expects a string as a child of <"+e.type+">. Did you forget to wrap your children in braces? ( <"+e.type+">{``}</"+e.type+"> ) Refer to our API for more information."),!0},n.mapChildrenToProps=function(e,t){var n=this,o={};return r.Children.forEach(e,(function(e){if(e&&e.props){var r=e.props,a=r.children,i=h(r,Z),s=Object.keys(i).reduce((function(e,t){return e[x[t]||t]=i[t],e}),{}),l=e.type;switch("symbol"==typeof l?l=l.toString():n.warnOnInvalidChildren(e,a),l){case g.FRAGMENT:t=n.mapChildrenToProps(a,t);break;case g.LINK:case g.META:case g.NOSCRIPT:case g.SCRIPT:case g.STYLE:o=n.flattenArrayTypeChildren({child:e,arrayTypeChildren:o,newChildProps:s,nestedChildren:a});break;default:t=n.mapObjectTypeChildren({child:e,newProps:t,newChildProps:s,nestedChildren:a})}}})),this.mapArrayTypeChildrenToProps(o,t)},n.render=function(){var e=this.props,t=e.children,n=h(e,J),o=p({},n),a=n.helmetData;return t&&(o=this.mapChildrenToProps(t,o)),!a||a instanceof U||(a=new U(a.context,a.instances)),a?r.createElement(Y,p({},o,{context:a.value,helmetData:void 0})):r.createElement(q.Consumer,null,(function(e){return r.createElement(Y,p({},o,{context:e}))}))},t}(r.Component);X.propTypes={base:a().object,bodyAttributes:a().object,children:a().oneOfType([a().arrayOf(a().node),a().node]),defaultTitle:a().string,defer:a().bool,encodeSpecialCharacters:a().bool,htmlAttributes:a().object,link:a().arrayOf(a().object),meta:a().arrayOf(a().object),noscript:a().arrayOf(a().object),onChangeClientState:a().func,script:a().arrayOf(a().object),style:a().arrayOf(a().object),title:a().string,titleAttributes:a().object,titleTemplate:a().string,prioritizeSeoTags:a().bool,helmetData:a().object},X.defaultProps={defer:!0,encodeSpecialCharacters:!0,prioritizeSeoTags:!1},X.displayName="Helmet"},5843:(e,t)=>{"use strict";var n="function"==typeof Symbol&&Symbol.for,r=n?Symbol.for("react.element"):60103,o=n?Symbol.for("react.portal"):60106,a=n?Symbol.for("react.fragment"):60107,i=n?Symbol.for("react.strict_mode"):60108,s=n?Symbol.for("react.profiler"):60114,l=n?Symbol.for("react.provider"):60109,c=n?Symbol.for("react.context"):60110,u=n?Symbol.for("react.async_mode"):60111,d=n?Symbol.for("react.concurrent_mode"):60111,p=n?Symbol.for("react.forward_ref"):60112,f=n?Symbol.for("react.suspense"):60113,m=n?Symbol.for("react.suspense_list"):60120,h=n?Symbol.for("react.memo"):60115,g=n?Symbol.for("react.lazy"):60116,b=n?Symbol.for("react.block"):60121,y=n?Symbol.for("react.fundamental"):60117,v=n?Symbol.for("react.responder"):60118,w=n?Symbol.for("react.scope"):60119;function S(e){if("object"==typeof e&&null!==e){var t=e.$$typeof;switch(t){case r:switch(e=e.type){case u:case d:case a:case s:case i:case f:return e;default:switch(e=e&&e.$$typeof){case c:case p:case g:case h:case l:return e;default:return t}}case o:return t}}}function x(e){return S(e)===d}t.AsyncMode=u,t.ConcurrentMode=d,t.ContextConsumer=c,t.ContextProvider=l,t.Element=r,t.ForwardRef=p,t.Fragment=a,t.Lazy=g,t.Memo=h,t.Portal=o,t.Profiler=s,t.StrictMode=i,t.Suspense=f,t.isAsyncMode=function(e){return x(e)||S(e)===u},t.isConcurrentMode=x,t.isContextConsumer=function(e){return S(e)===c},t.isContextProvider=function(e){return S(e)===l},t.isElement=function(e){return"object"==typeof e&&null!==e&&e.$$typeof===r},t.isForwardRef=function(e){return S(e)===p},t.isFragment=function(e){return S(e)===a},t.isLazy=function(e){return S(e)===g},t.isMemo=function(e){return S(e)===h},t.isPortal=function(e){return S(e)===o},t.isProfiler=function(e){return S(e)===s},t.isStrictMode=function(e){return S(e)===i},t.isSuspense=function(e){return S(e)===f},t.isValidElementType=function(e){return"string"==typeof e||"function"==typeof e||e===a||e===d||e===s||e===i||e===f||e===m||"object"==typeof e&&null!==e&&(e.$$typeof===g||e.$$typeof===h||e.$$typeof===l||e.$$typeof===c||e.$$typeof===p||e.$$typeof===y||e.$$typeof===v||e.$$typeof===w||e.$$typeof===b)},t.typeOf=S},5959:(e,t,n)=>{"use strict";e.exports=n(5843)},389:(e,t,n)=>{"use strict";n.d(t,{u:()=>i,v:()=>s});var r=n(5557),o=n(991),a=n(758);function i(e,t,n){return void 0===n&&(n=[]),e.some((function(e){var o=e.path?(0,r.B6)(t,e):n.length?n[n.length-1].match:r.Ix.computeRootMatch(t);return o&&(n.push({route:e,match:o}),e.routes&&i(e.routes,t,n)),o})),n}function s(e,t,n){return void 0===t&&(t={}),void 0===n&&(n={}),e?a.createElement(r.dO,n,e.map((function(e,n){return a.createElement(r.qh,{key:e.key||n,path:e.path,exact:e.exact,strict:e.strict,render:function(n){return e.render?e.render((0,o.A)({},n,{},t,{route:e})):a.createElement(e.component,(0,o.A)({},n,t,{route:e}))}})}))):null}},1742:(e,t,n)=>{"use strict";n.d(t,{I9:()=>d,Kd:()=>u,N_:()=>b,k2:()=>w});var r=n(5557),o=n(1141),a=n(758),i=n(3332),s=n(991),l=n(3302),c=n(5385),u=function(e){function t(){for(var t,n=arguments.length,r=new Array(n),o=0;o<n;o++)r[o]=arguments[o];return(t=e.call.apply(e,[this].concat(r))||this).history=(0,i.zR)(t.props),t}return(0,o.A)(t,e),t.prototype.render=function(){return a.createElement(r.Ix,{history:this.history,children:this.props.children})},t}(a.Component);var d=function(e){function t(){for(var t,n=arguments.length,r=new Array(n),o=0;o<n;o++)r[o]=arguments[o];return(t=e.call.apply(e,[this].concat(r))||this).history=(0,i.TM)(t.props),t}return(0,o.A)(t,e),t.prototype.render=function(){return a.createElement(r.Ix,{history:this.history,children:this.props.children})},t}(a.Component);var p=function(e,t){return"function"==typeof e?e(t):e},f=function(e,t){return"string"==typeof e?(0,i.yJ)(e,null,null,t):e},m=function(e){return e},h=a.forwardRef;void 0===h&&(h=m);var g=h((function(e,t){var n=e.innerRef,r=e.navigate,o=e.onClick,i=(0,l.A)(e,["innerRef","navigate","onClick"]),c=i.target,u=(0,s.A)({},i,{onClick:function(e){try{o&&o(e)}catch(t){throw e.preventDefault(),t}e.defaultPrevented||0!==e.button||c&&"_self"!==c||function(e){return!!(e.metaKey||e.altKey||e.ctrlKey||e.shiftKey)}(e)||(e.preventDefault(),r())}});return u.ref=m!==h&&t||n,a.createElement("a",u)}));var b=h((function(e,t){var n=e.component,o=void 0===n?g:n,u=e.replace,d=e.to,b=e.innerRef,y=(0,l.A)(e,["component","replace","to","innerRef"]);return a.createElement(r.XZ.Consumer,null,(function(e){e||(0,c.A)(!1);var n=e.history,r=f(p(d,e.location),e.location),l=r?n.createHref(r):"",g=(0,s.A)({},y,{href:l,navigate:function(){var t=p(d,e.location),r=(0,i.AO)(e.location)===(0,i.AO)(f(t));(u||r?n.replace:n.push)(t)}});return m!==h?g.ref=t||b:g.innerRef=b,a.createElement(o,g)}))})),y=function(e){return e},v=a.forwardRef;void 0===v&&(v=y);var w=v((function(e,t){var n=e["aria-current"],o=void 0===n?"page":n,i=e.activeClassName,u=void 0===i?"active":i,d=e.activeStyle,m=e.className,h=e.exact,g=e.isActive,w=e.location,S=e.sensitive,x=e.strict,k=e.style,j=e.to,E=e.innerRef,_=(0,l.A)(e,["aria-current","activeClassName","activeStyle","className","exact","isActive","location","sensitive","strict","style","to","innerRef"]);return a.createElement(r.XZ.Consumer,null,(function(e){e||(0,c.A)(!1);var n=w||e.location,i=f(p(j,n),n),l=i.pathname,C=l&&l.replace(/([.+*?=^!:${}()[\]|/\\])/g,"\\$1"),A=C?(0,r.B6)(n.pathname,{path:C,exact:h,sensitive:S,strict:x}):null,O=!!(g?g(A,n):A),T="function"==typeof m?m(O):m,P="function"==typeof k?k(O):k;O&&(T=function(){for(var e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];return t.filter((function(e){return e})).join(" ")}(T,u),P=(0,s.A)({},P,d));var L=(0,s.A)({"aria-current":O&&o||null,className:T,style:P,to:i},_);return y!==v?L.ref=t||E:L.innerRef=E,a.createElement(b,L)}))}))},5557:(e,t,n)=>{"use strict";n.d(t,{B6:()=>k,Ix:()=>v,W6:()=>L,XZ:()=>y,dO:()=>T,qh:()=>j,zy:()=>I});var r=n(1141),o=n(758),a=n(2736),i=n.n(a),s=n(3332),l=n(5385),c=n(991),u=n(6150),d=n.n(u),p=(n(5959),n(3302)),f=(n(1035),1073741823),m="undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:void 0!==n.g?n.g:{};var h=o.createContext||function(e,t){var n,a,s="__create-react-context-"+function(){var e="__global_unique_id__";return m[e]=(m[e]||0)+1}()+"__",l=function(e){function n(){for(var t,n,r,o=arguments.length,a=new Array(o),i=0;i<o;i++)a[i]=arguments[i];return(t=e.call.apply(e,[this].concat(a))||this).emitter=(n=t.props.value,r=[],{on:function(e){r.push(e)},off:function(e){r=r.filter((function(t){return t!==e}))},get:function(){return n},set:function(e,t){n=e,r.forEach((function(e){return e(n,t)}))}}),t}(0,r.A)(n,e);var o=n.prototype;return o.getChildContext=function(){var e;return(e={})[s]=this.emitter,e},o.componentWillReceiveProps=function(e){if(this.props.value!==e.value){var n,r=this.props.value,o=e.value;((a=r)===(i=o)?0!==a||1/a==1/i:a!=a&&i!=i)?n=0:(n="function"==typeof t?t(r,o):f,0!==(n|=0)&&this.emitter.set(e.value,n))}var a,i},o.render=function(){return this.props.children},n}(o.Component);l.childContextTypes=((n={})[s]=i().object.isRequired,n);var c=function(t){function n(){for(var e,n=arguments.length,r=new Array(n),o=0;o<n;o++)r[o]=arguments[o];return(e=t.call.apply(t,[this].concat(r))||this).observedBits=void 0,e.state={value:e.getValue()},e.onUpdate=function(t,n){(0|e.observedBits)&n&&e.setState({value:e.getValue()})},e}(0,r.A)(n,t);var o=n.prototype;return o.componentWillReceiveProps=function(e){var t=e.observedBits;this.observedBits=null==t?f:t},o.componentDidMount=function(){this.context[s]&&this.context[s].on(this.onUpdate);var e=this.props.observedBits;this.observedBits=null==e?f:e},o.componentWillUnmount=function(){this.context[s]&&this.context[s].off(this.onUpdate)},o.getValue=function(){return this.context[s]?this.context[s].get():e},o.render=function(){return(e=this.props.children,Array.isArray(e)?e[0]:e)(this.state.value);var e},n}(o.Component);return c.contextTypes=((a={})[s]=i().object,a),{Provider:l,Consumer:c}},g=function(e){var t=h();return t.displayName=e,t},b=g("Router-History"),y=g("Router"),v=function(e){function t(t){var n;return(n=e.call(this,t)||this).state={location:t.history.location},n._isMounted=!1,n._pendingLocation=null,t.staticContext||(n.unlisten=t.history.listen((function(e){n._pendingLocation=e}))),n}(0,r.A)(t,e),t.computeRootMatch=function(e){return{path:"/",url:"/",params:{},isExact:"/"===e}};var n=t.prototype;return n.componentDidMount=function(){var e=this;this._isMounted=!0,this.unlisten&&this.unlisten(),this.props.staticContext||(this.unlisten=this.props.history.listen((function(t){e._isMounted&&e.setState({location:t})}))),this._pendingLocation&&this.setState({location:this._pendingLocation})},n.componentWillUnmount=function(){this.unlisten&&(this.unlisten(),this._isMounted=!1,this._pendingLocation=null)},n.render=function(){return o.createElement(y.Provider,{value:{history:this.props.history,location:this.state.location,match:t.computeRootMatch(this.state.location.pathname),staticContext:this.props.staticContext}},o.createElement(b.Provider,{children:this.props.children||null,value:this.props.history}))},t}(o.Component);o.Component;o.Component;var w={},S=1e4,x=0;function k(e,t){void 0===t&&(t={}),("string"==typeof t||Array.isArray(t))&&(t={path:t});var n=t,r=n.path,o=n.exact,a=void 0!==o&&o,i=n.strict,s=void 0!==i&&i,l=n.sensitive,c=void 0!==l&&l;return[].concat(r).reduce((function(t,n){if(!n&&""!==n)return null;if(t)return t;var r=function(e,t){var n=""+t.end+t.strict+t.sensitive,r=w[n]||(w[n]={});if(r[e])return r[e];var o=[],a={regexp:d()(e,o,t),keys:o};return x<S&&(r[e]=a,x++),a}(n,{end:a,strict:s,sensitive:c}),o=r.regexp,i=r.keys,l=o.exec(e);if(!l)return null;var u=l[0],p=l.slice(1),f=e===u;return a&&!f?null:{path:n,url:"/"===n&&""===u?"/":u,isExact:f,params:i.reduce((function(e,t,n){return e[t.name]=p[n],e}),{})}}),null)}var j=function(e){function t(){return e.apply(this,arguments)||this}return(0,r.A)(t,e),t.prototype.render=function(){var e=this;return o.createElement(y.Consumer,null,(function(t){t||(0,l.A)(!1);var n=e.props.location||t.location,r=e.props.computedMatch?e.props.computedMatch:e.props.path?k(n.pathname,e.props):t.match,a=(0,c.A)({},t,{location:n,match:r}),i=e.props,s=i.children,u=i.component,d=i.render;return Array.isArray(s)&&function(e){return 0===o.Children.count(e)}(s)&&(s=null),o.createElement(y.Provider,{value:a},a.match?s?"function"==typeof s?s(a):s:u?o.createElement(u,a):d?d(a):null:"function"==typeof s?s(a):null)}))},t}(o.Component);function E(e){return"/"===e.charAt(0)?e:"/"+e}function _(e,t){if(!e)return t;var n=E(e);return 0!==t.pathname.indexOf(n)?t:(0,c.A)({},t,{pathname:t.pathname.substr(n.length)})}function C(e){return"string"==typeof e?e:(0,s.AO)(e)}function A(e){return function(){(0,l.A)(!1)}}function O(){}o.Component;var T=function(e){function t(){return e.apply(this,arguments)||this}return(0,r.A)(t,e),t.prototype.render=function(){var e=this;return o.createElement(y.Consumer,null,(function(t){t||(0,l.A)(!1);var n,r,a=e.props.location||t.location;return o.Children.forEach(e.props.children,(function(e){if(null==r&&o.isValidElement(e)){n=e;var i=e.props.path||e.props.from;r=i?k(a.pathname,(0,c.A)({},e.props,{path:i})):t.match}})),r?o.cloneElement(n,{location:a,computedMatch:r}):null}))},t}(o.Component);var P=o.useContext;function L(){return P(b)}function I(){return P(y).location}},7462:(e,t,n)=>{"use strict";var r=n(758),o=Symbol.for("react.element"),a=Symbol.for("react.fragment"),i=Object.prototype.hasOwnProperty,s=r.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,l={key:!0,ref:!0,__self:!0,__source:!0};function c(e,t,n){var r,a={},c=null,u=null;for(r in void 0!==n&&(c=""+n),void 0!==t.key&&(c=""+t.key),void 0!==t.ref&&(u=t.ref),t)i.call(t,r)&&!l.hasOwnProperty(r)&&(a[r]=t[r]);if(e&&e.defaultProps)for(r in t=e.defaultProps)void 0===a[r]&&(a[r]=t[r]);return{$$typeof:o,type:e,key:c,ref:u,props:a,_owner:s.current}}t.Fragment=a,t.jsx=c,t.jsxs=c},2713:(e,t)=>{"use strict";var n=Symbol.for("react.element"),r=Symbol.for("react.portal"),o=Symbol.for("react.fragment"),a=Symbol.for("react.strict_mode"),i=Symbol.for("react.profiler"),s=Symbol.for("react.provider"),l=Symbol.for("react.context"),c=Symbol.for("react.forward_ref"),u=Symbol.for("react.suspense"),d=Symbol.for("react.memo"),p=Symbol.for("react.lazy"),f=Symbol.iterator;var m={isMounted:function(){return!1},enqueueForceUpdate:function(){},enqueueReplaceState:function(){},enqueueSetState:function(){}},h=Object.assign,g={};function b(e,t,n){this.props=e,this.context=t,this.refs=g,this.updater=n||m}function y(){}function v(e,t,n){this.props=e,this.context=t,this.refs=g,this.updater=n||m}b.prototype.isReactComponent={},b.prototype.setState=function(e,t){if("object"!=typeof e&&"function"!=typeof e&&null!=e)throw Error("setState(...): takes an object of state variables to update or a function which returns an object of state variables.");this.updater.enqueueSetState(this,e,t,"setState")},b.prototype.forceUpdate=function(e){this.updater.enqueueForceUpdate(this,e,"forceUpdate")},y.prototype=b.prototype;var w=v.prototype=new y;w.constructor=v,h(w,b.prototype),w.isPureReactComponent=!0;var S=Array.isArray,x=Object.prototype.hasOwnProperty,k={current:null},j={key:!0,ref:!0,__self:!0,__source:!0};function E(e,t,r){var o,a={},i=null,s=null;if(null!=t)for(o in void 0!==t.ref&&(s=t.ref),void 0!==t.key&&(i=""+t.key),t)x.call(t,o)&&!j.hasOwnProperty(o)&&(a[o]=t[o]);var l=arguments.length-2;if(1===l)a.children=r;else if(1<l){for(var c=Array(l),u=0;u<l;u++)c[u]=arguments[u+2];a.children=c}if(e&&e.defaultProps)for(o in l=e.defaultProps)void 0===a[o]&&(a[o]=l[o]);return{$$typeof:n,type:e,key:i,ref:s,props:a,_owner:k.current}}function _(e){return"object"==typeof e&&null!==e&&e.$$typeof===n}var C=/\/+/g;function A(e,t){return"object"==typeof e&&null!==e&&null!=e.key?function(e){var t={"=":"=0",":":"=2"};return"$"+e.replace(/[=:]/g,(function(e){return t[e]}))}(""+e.key):t.toString(36)}function O(e,t,o,a,i){var s=typeof e;"undefined"!==s&&"boolean"!==s||(e=null);var l=!1;if(null===e)l=!0;else switch(s){case"string":case"number":l=!0;break;case"object":switch(e.$$typeof){case n:case r:l=!0}}if(l)return i=i(l=e),e=""===a?"."+A(l,0):a,S(i)?(o="",null!=e&&(o=e.replace(C,"$&/")+"/"),O(i,t,o,"",(function(e){return e}))):null!=i&&(_(i)&&(i=function(e,t){return{$$typeof:n,type:e.type,key:t,ref:e.ref,props:e.props,_owner:e._owner}}(i,o+(!i.key||l&&l.key===i.key?"":(""+i.key).replace(C,"$&/")+"/")+e)),t.push(i)),1;if(l=0,a=""===a?".":a+":",S(e))for(var c=0;c<e.length;c++){var u=a+A(s=e[c],c);l+=O(s,t,o,u,i)}else if(u=function(e){return null===e||"object"!=typeof e?null:"function"==typeof(e=f&&e[f]||e["@@iterator"])?e:null}(e),"function"==typeof u)for(e=u.call(e),c=0;!(s=e.next()).done;)l+=O(s=s.value,t,o,u=a+A(s,c++),i);else if("object"===s)throw t=String(e),Error("Objects are not valid as a React child (found: "+("[object Object]"===t?"object with keys {"+Object.keys(e).join(", ")+"}":t)+"). If you meant to render a collection of children, use an array instead.");return l}function T(e,t,n){if(null==e)return e;var r=[],o=0;return O(e,r,"","",(function(e){return t.call(n,e,o++)})),r}function P(e){if(-1===e._status){var t=e._result;(t=t()).then((function(t){0!==e._status&&-1!==e._status||(e._status=1,e._result=t)}),(function(t){0!==e._status&&-1!==e._status||(e._status=2,e._result=t)})),-1===e._status&&(e._status=0,e._result=t)}if(1===e._status)return e._result.default;throw e._result}var L={current:null},I={transition:null},R={ReactCurrentDispatcher:L,ReactCurrentBatchConfig:I,ReactCurrentOwner:k};function N(){throw Error("act(...) is not supported in production builds of React.")}t.Children={map:T,forEach:function(e,t,n){T(e,(function(){t.apply(this,arguments)}),n)},count:function(e){var t=0;return T(e,(function(){t++})),t},toArray:function(e){return T(e,(function(e){return e}))||[]},only:function(e){if(!_(e))throw Error("React.Children.only expected to receive a single React element child.");return e}},t.Component=b,t.Fragment=o,t.Profiler=i,t.PureComponent=v,t.StrictMode=a,t.Suspense=u,t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED=R,t.act=N,t.cloneElement=function(e,t,r){if(null==e)throw Error("React.cloneElement(...): The argument must be a React element, but you passed "+e+".");var o=h({},e.props),a=e.key,i=e.ref,s=e._owner;if(null!=t){if(void 0!==t.ref&&(i=t.ref,s=k.current),void 0!==t.key&&(a=""+t.key),e.type&&e.type.defaultProps)var l=e.type.defaultProps;for(c in t)x.call(t,c)&&!j.hasOwnProperty(c)&&(o[c]=void 0===t[c]&&void 0!==l?l[c]:t[c])}var c=arguments.length-2;if(1===c)o.children=r;else if(1<c){l=Array(c);for(var u=0;u<c;u++)l[u]=arguments[u+2];o.children=l}return{$$typeof:n,type:e.type,key:a,ref:i,props:o,_owner:s}},t.createContext=function(e){return(e={$$typeof:l,_currentValue:e,_currentValue2:e,_threadCount:0,Provider:null,Consumer:null,_defaultValue:null,_globalName:null}).Provider={$$typeof:s,_context:e},e.Consumer=e},t.createElement=E,t.createFactory=function(e){var t=E.bind(null,e);return t.type=e,t},t.createRef=function(){return{current:null}},t.forwardRef=function(e){return{$$typeof:c,render:e}},t.isValidElement=_,t.lazy=function(e){return{$$typeof:p,_payload:{_status:-1,_result:e},_init:P}},t.memo=function(e,t){return{$$typeof:d,type:e,compare:void 0===t?null:t}},t.startTransition=function(e){var t=I.transition;I.transition={};try{e()}finally{I.transition=t}},t.unstable_act=N,t.useCallback=function(e,t){return L.current.useCallback(e,t)},t.useContext=function(e){return L.current.useContext(e)},t.useDebugValue=function(){},t.useDeferredValue=function(e){return L.current.useDeferredValue(e)},t.useEffect=function(e,t){return L.current.useEffect(e,t)},t.useId=function(){return L.current.useId()},t.useImperativeHandle=function(e,t,n){return L.current.useImperativeHandle(e,t,n)},t.useInsertionEffect=function(e,t){return L.current.useInsertionEffect(e,t)},t.useLayoutEffect=function(e,t){return L.current.useLayoutEffect(e,t)},t.useMemo=function(e,t){return L.current.useMemo(e,t)},t.useReducer=function(e,t,n){return L.current.useReducer(e,t,n)},t.useRef=function(e){return L.current.useRef(e)},t.useState=function(e){return L.current.useState(e)},t.useSyncExternalStore=function(e,t,n){return L.current.useSyncExternalStore(e,t,n)},t.useTransition=function(){return L.current.useTransition()},t.version="18.3.1"},758:(e,t,n)=>{"use strict";e.exports=n(2713)},6070:(e,t,n)=>{"use strict";e.exports=n(7462)},4733:(e,t)=>{"use strict";function n(e,t){var n=e.length;e.push(t);e:for(;0<n;){var r=n-1>>>1,o=e[r];if(!(0<a(o,t)))break e;e[r]=t,e[n]=o,n=r}}function r(e){return 0===e.length?null:e[0]}function o(e){if(0===e.length)return null;var t=e[0],n=e.pop();if(n!==t){e[0]=n;e:for(var r=0,o=e.length,i=o>>>1;r<i;){var s=2*(r+1)-1,l=e[s],c=s+1,u=e[c];if(0>a(l,n))c<o&&0>a(u,l)?(e[r]=u,e[c]=n,r=c):(e[r]=l,e[s]=n,r=s);else{if(!(c<o&&0>a(u,n)))break e;e[r]=u,e[c]=n,r=c}}}return t}function a(e,t){var n=e.sortIndex-t.sortIndex;return 0!==n?n:e.id-t.id}if("object"==typeof performance&&"function"==typeof performance.now){var i=performance;t.unstable_now=function(){return i.now()}}else{var s=Date,l=s.now();t.unstable_now=function(){return s.now()-l}}var c=[],u=[],d=1,p=null,f=3,m=!1,h=!1,g=!1,b="function"==typeof setTimeout?setTimeout:null,y="function"==typeof clearTimeout?clearTimeout:null,v="undefined"!=typeof setImmediate?setImmediate:null;function w(e){for(var t=r(u);null!==t;){if(null===t.callback)o(u);else{if(!(t.startTime<=e))break;o(u),t.sortIndex=t.expirationTime,n(c,t)}t=r(u)}}function S(e){if(g=!1,w(e),!h)if(null!==r(c))h=!0,I(x);else{var t=r(u);null!==t&&R(S,t.startTime-e)}}function x(e,n){h=!1,g&&(g=!1,y(_),_=-1),m=!0;var a=f;try{for(w(n),p=r(c);null!==p&&(!(p.expirationTime>n)||e&&!O());){var i=p.callback;if("function"==typeof i){p.callback=null,f=p.priorityLevel;var s=i(p.expirationTime<=n);n=t.unstable_now(),"function"==typeof s?p.callback=s:p===r(c)&&o(c),w(n)}else o(c);p=r(c)}if(null!==p)var l=!0;else{var d=r(u);null!==d&&R(S,d.startTime-n),l=!1}return l}finally{p=null,f=a,m=!1}}"undefined"!=typeof navigator&&void 0!==navigator.scheduling&&void 0!==navigator.scheduling.isInputPending&&navigator.scheduling.isInputPending.bind(navigator.scheduling);var k,j=!1,E=null,_=-1,C=5,A=-1;function O(){return!(t.unstable_now()-A<C)}function T(){if(null!==E){var e=t.unstable_now();A=e;var n=!0;try{n=E(!0,e)}finally{n?k():(j=!1,E=null)}}else j=!1}if("function"==typeof v)k=function(){v(T)};else if("undefined"!=typeof MessageChannel){var P=new MessageChannel,L=P.port2;P.port1.onmessage=T,k=function(){L.postMessage(null)}}else k=function(){b(T,0)};function I(e){E=e,j||(j=!0,k())}function R(e,n){_=b((function(){e(t.unstable_now())}),n)}t.unstable_IdlePriority=5,t.unstable_ImmediatePriority=1,t.unstable_LowPriority=4,t.unstable_NormalPriority=3,t.unstable_Profiling=null,t.unstable_UserBlockingPriority=2,t.unstable_cancelCallback=function(e){e.callback=null},t.unstable_continueExecution=function(){h||m||(h=!0,I(x))},t.unstable_forceFrameRate=function(e){0>e||125<e?console.error("forceFrameRate takes a positive int between 0 and 125, forcing frame rates higher than 125 fps is not supported"):C=0<e?Math.floor(1e3/e):5},t.unstable_getCurrentPriorityLevel=function(){return f},t.unstable_getFirstCallbackNode=function(){return r(c)},t.unstable_next=function(e){switch(f){case 1:case 2:case 3:var t=3;break;default:t=f}var n=f;f=t;try{return e()}finally{f=n}},t.unstable_pauseExecution=function(){},t.unstable_requestPaint=function(){},t.unstable_runWithPriority=function(e,t){switch(e){case 1:case 2:case 3:case 4:case 5:break;default:e=3}var n=f;f=e;try{return t()}finally{f=n}},t.unstable_scheduleCallback=function(e,o,a){var i=t.unstable_now();switch("object"==typeof a&&null!==a?a="number"==typeof(a=a.delay)&&0<a?i+a:i:a=i,e){case 1:var s=-1;break;case 2:s=250;break;case 5:s=1073741823;break;case 4:s=1e4;break;default:s=5e3}return e={id:d++,callback:o,priorityLevel:e,startTime:a,expirationTime:s=a+s,sortIndex:-1},a>i?(e.sortIndex=a,n(u,e),null===r(c)&&e===r(u)&&(g?(y(_),_=-1):g=!0,R(S,a-i))):(e.sortIndex=s,n(c,e),h||m||(h=!0,I(x))),e},t.unstable_shouldYield=O,t.unstable_wrapCallback=function(e){var t=f;return function(){var n=f;f=t;try{return e.apply(this,arguments)}finally{f=n}}}},1896:(e,t,n)=>{"use strict";e.exports=n(4733)},2945:e=>{e.exports=function(e,t,n,r){var o=n?n.call(r,e,t):void 0;if(void 0!==o)return!!o;if(e===t)return!0;if("object"!=typeof e||!e||"object"!=typeof t||!t)return!1;var a=Object.keys(e),i=Object.keys(t);if(a.length!==i.length)return!1;for(var s=Object.prototype.hasOwnProperty.bind(t),l=0;l<a.length;l++){var c=a[l];if(!s(c))return!1;var u=e[c],d=t[c];if(!1===(o=n?n.call(r,u,d,c):void 0)||void 0===o&&u!==d)return!1}return!0}},4784:(e,t,n)=>{"use strict";n.r(t),n.d(t,{default:()=>r});const r={title:"Feature-Sliced Design",tagline:"Architectural methodology for frontend projects",organizationName:"feature-sliced",projectName:"documentation",url:"https://feature-sliced.design",favicon:"img/favicon/classic.png",baseUrl:"/ja/",i18n:{defaultLocale:"en",locales:["ru","en","uz","kr","ja"],localeConfigs:{ru:{label:"\u0420\u0443\u0441\u0441\u043a\u0438\u0439",direction:"ltr"},en:{label:"English",direction:"ltr"},uz:{label:"O'zbekcha",direction:"ltr"},kr:{label:"\ud55c\uad6d\uc5b4",direction:"ltr"},ja:{label:"\u65e5\u672c\u8a9e",direction:"ltr"}},path:"i18n"},presets:[["@docusaurus/preset-classic",{docs:{path:"i18n/en/docusaurus-plugin-content-docs/current",breadcrumbs:!0,editLocalizedFiles:!0,sidebarPath:"/home/runner/work/documentation/documentation/config/docusaurus/sidebars.docs.js",editUrl:"https://github.com/feature-sliced/documentation/edit/master/",showLastUpdateTime:!0,versions:{current:{label:"v2.0.0 \ud83c\udf70"}}},blog:{showReadingTime:!0,editUrl:"https://github.com/feature-sliced/documentation/edit/master/blog/",onInlineAuthors:"ignore"},theme:{customCss:"/home/runner/work/documentation/documentation/src/app/index.scss"},sitemap:{changefreq:"weekly",priority:.5}}]],plugins:[["@docusaurus/plugin-content-docs",{id:"community",breadcrumbs:!0,path:"i18n/en/docusaurus-plugin-content-docs/community",editLocalizedFiles:!0,routeBasePath:"community",editUrl:"https://github.com/feature-sliced/documentation/edit/master/",sidebarPath:"/home/runner/work/documentation/documentation/config/docusaurus/sidebars.community.js",showLastUpdateAuthor:!0,showLastUpdateTime:!0}],"docusaurus-plugin-sass",["@docusaurus/plugin-client-redirects",{redirects:[{from:"/branding",to:"/docs/branding"},{from:"/docs/guides/migration",to:"/docs/guides/migration/from-custom"},{from:"/docs/get-started/quick-start",to:"/docs/get-started/tutorial"},{from:"/docs/get-started/basics",to:"/docs/get-started/overview"},{from:["/docs/get-started/tutorial/decompose","/docs/get-started/tutorial/design-mockup","/docs/get-started/onboard/cheatsheet"],to:"/docs/get-started/cheatsheet"},{from:["/docs/about/alternatives/big-ball-of-mud","/docs/about/alternatives/design-principles","/docs/about/alternatives/ddd","/docs/about/alternatives/clean-architecture","/docs/about/alternatives/frameworks","/docs/about/alternatives/atomic-design","/docs/about/alternatives/smart-dumb-components","/docs/about/alternatives/feature-driven"],to:"/docs/about/alternatives"},{from:"/docs/reference/knowledge-types",to:"/docs/about/understanding/knowledge-types"},{from:"/docs/concepts/needs-driven",to:"/docs/about/understanding/needs-driven"},{from:"/docs/concepts/architecture",to:"/docs/about/understanding/architecture"},{from:"/docs/concepts/naming-adaptability",to:"/docs/about/understanding/naming"},{from:"/docs/concepts/signals",to:"/docs/about/understanding/signals"},{from:"/docs/concepts/abstractions",to:"/docs/about/understanding/abstractions"},{from:"/docs/concepts/decouple-entities",to:"/docs/reference/isolation/decouple-entities"},{from:"/docs/concepts/low-coupling",to:"/docs/reference/isolation/coupling-cohesion"},{from:"/docs/concepts/cross-communication",to:"/docs/reference/isolation"},{from:"/docs/concepts/app-splitting",to:"/docs/reference"},{from:"/docs/reference/units/decomposition",to:"/docs/reference"},{from:"/docs/reference/units",to:"/docs/reference"},{from:"/docs/reference/units/layers",to:"/docs/reference/layers"},{from:"/docs/reference/layers/overview",to:"/docs/reference/layers"},{from:"/docs/reference/units/layers/app",to:"/docs/reference/layers"},{from:"/docs/reference/units/layers/processes",to:"/docs/reference/layers"},{from:"/docs/reference/units/layers/pages",to:"/docs/reference/layers"},{from:"/docs/reference/units/layers/widgets",to:"/docs/reference/layers"},{from:"/docs/reference/layers/widgets",to:"/docs/reference/layers"},{from:"/docs/reference/units/layers/features",to:"/docs/reference/layers"},{from:"/docs/reference/units/layers/entities",to:"/docs/reference/layers"},{from:"/docs/reference/units/layers/shared",to:"/docs/reference/layers"},{from:"/docs/reference/units/segments",to:"/docs/reference/slices-segments"},{from:"/docs/concepts/issues/cross-imports",to:"/docs/guides/issues/cross-imports"},{from:"/docs/concepts/issues/desegmented",to:"/docs/guides/issues/desegmented"},{from:"/docs/concepts/issues/routes",to:"/docs/guides/issues/routes"},{from:"/docs/guides/examples/viewer",to:"/docs/guides/examples/auth"},{from:"/docs/guides/monorepo",to:"/docs/guides/examples/monorepo"},{from:"/docs/guides/white-labels",to:"/docs/guides/examples/white-labels"},{from:"/docs/guides/migration-from-v1",to:"/docs/guides/migration/from-v1"},{from:"/docs/guides/migration-from-legacy",to:"/docs/guides/migration/from-custom"},{from:"/docs/guides/usage-with-nextjs",to:"/docs/guides/tech/with-nextjs"},{from:"/docs/guides/migration/from-legacy",to:"/docs/guides/migration/from-custom"},{from:"/en/docs/about",to:"/docs/about"},{from:"/en/docs/about/alternatives",to:"/docs/about/alternatives"},{from:"/en/docs/about/mission",to:"/docs/about/mission"},{from:"/en/docs/about/motivation",to:"/docs/about/motivation"},{from:"/en/docs/about/promote/for-company",to:"/docs/about/promote/for-company"},{from:"/en/docs/about/promote/for-team",to:"/docs/about/promote/for-team"},{from:"/en/docs/about/promote/integration",to:"/docs/about/promote/integration"},{from:"/en/docs/about/promote/partial-application",to:"/docs/about/promote/partial-application"},{from:"/en/docs/branding",to:"/docs/branding"},{from:"/en/docs/get-started",to:"/docs/get-started"},{from:"/en/docs/get-started/overview",to:"/docs/get-started/overview"},{from:"/en/docs/get-started/cheatsheet",to:"/docs/get-started/cheatsheet"},{from:"/en/docs/get-started/faq",to:"/docs/get-started/faq"},{from:"/en/docs/get-started/tutorial",to:"/docs/get-started/tutorial"},{from:"/en/docs/guides",to:"/docs/guides"},{from:"/en/docs/guides/examples",to:"/docs/guides/examples"},{from:"/en/docs/guides/examples/auth",to:"/docs/guides/examples/auth"},{from:"/en/docs/guides/examples/autocompleted",to:"/docs/guides/examples/autocompleted"},{from:"/en/docs/guides/examples/browser-api",to:"/docs/guides/examples/browser-api"},{from:"/en/docs/guides/examples/cms",to:"/docs/guides/examples/cms"},{from:"/en/docs/guides/examples/feedback",to:"/docs/guides/examples/feedback"},{from:"/en/docs/guides/examples/i18n",to:"/docs/guides/examples/i18n"},{from:"/en/docs/guides/examples/metric",to:"/docs/guides/examples/metric"},{from:"/en/docs/guides/examples/monorepo",to:"/docs/guides/examples/monorepo"},{from:"/en/docs/guides/examples/page-layout",to:"/docs/guides/examples/page-layout"},{from:"/en/docs/guides/examples/platforms",to:"/docs/guides/examples/platforms"},{from:"/en/docs/guides/examples/ssr",to:"/docs/guides/examples/ssr"},{from:"/en/docs/guides/examples/theme",to:"/docs/guides/examples/theme"},{from:"/en/docs/guides/examples/types",to:"/docs/guides/examples/types"},{from:"/en/docs/guides/examples/white-labels",to:"/docs/guides/examples/white-labels"},{from:"/en/docs/guides/migration/from-custom",to:"/docs/guides/migration/from-custom"},{from:"/en/docs/guides/migration/from-v1",to:"/docs/guides/migration/from-v1"},{from:"/en/docs/guides/tech/with-nextjs",to:"/docs/guides/tech/with-nextjs"},{from:"/en/docs/",to:"/docs/"},{from:"/en/docs/reference",to:"/docs/reference"}]}],["@docusaurus/plugin-ideal-image",{quality:70,max:1030,min:640,steps:2}],"plugin-image-zoom"],onBrokenLinks:"throw",onBrokenMarkdownLinks:"throw",onDuplicateRoutes:"warn",customFields:{legacyRoutes:[{group:"\ud83d\ude80 Get Started",details:"Simplified and merged",children:[{title:"Tutorial",from:"/docs/get-started/quick-start",to:"/docs/get-started/tutorial"},{title:"Basics",from:"/docs/get-started/basics",to:"/docs/get-started/overview"},{title:"Decompose Cheatsheet",from:["/docs/get-started/tutorial/decompose","/docs/get-started/tutorial/design-mockup","/docs/get-started/onboard/cheatsheet"],to:"/docs/get-started/cheatsheet"}]},{group:"\ud83c\udf70 Alternatives",details:"Moved and merged to /about/alternatives as advanced materials",children:[{title:"Architecture approaches alternatives",from:["/docs/about/alternatives/big-ball-of-mud","/docs/about/alternatives/design-principles","/docs/about/alternatives/ddd","/docs/about/alternatives/clean-architecture","/docs/about/alternatives/frameworks","/docs/about/alternatives/atomic-design","/docs/about/alternatives/smart-dumb-components","/docs/about/alternatives/feature-driven"],to:"/docs/about/alternatives"}]},{group:"\ud83c\udf70 Promote & Understanding",details:"Moved to /about as advanced materials",children:[{title:"Knowledge types",from:"/docs/reference/knowledge-types",to:"/docs/about/understanding/knowledge-types"},{title:"Needs driven",from:"/docs/concepts/needs-driven",to:"/docs/about/understanding/needs-driven"},{title:"About architecture",from:"/docs/concepts/architecture",to:"/docs/about/understanding/architecture"},{title:"Naming adaptability",from:"/docs/concepts/naming-adaptability",to:"/docs/about/understanding/naming"},{title:"Signals of architecture",from:"/docs/concepts/signals",to:"/docs/about/understanding/signals"},{title:"Abstractions of architecture",from:"/docs/concepts/abstractions",to:"/docs/about/understanding/abstractions"}]},{group:"\ud83d\udcda Reference guidelines (isolation & units)",details:"Moved to /reference as theoretical materials (old concepts)",children:[{title:"Decouple of entities",from:"/docs/concepts/decouple-entities",to:"/docs/reference/isolation/decouple-entities"},{title:"Low Coupling & High Cohesion",from:"/docs/concepts/low-coupling",to:"/docs/reference/isolation/coupling-cohesion"},{title:"Cross-communication",from:"/docs/concepts/cross-communication",to:"/docs/reference/isolation"},{title:"App splitting",from:"/docs/concepts/app-splitting",to:"/docs/reference"},{title:"Decomposition",from:"/docs/reference/units/decomposition",to:"/docs/reference"},{title:"Units",from:"/docs/reference/units",to:"/docs/reference"},{title:"Layers",from:"/docs/reference/units/layers",to:"/docs/reference/layers"},{title:"Layer overview",from:"/docs/reference/layers/overview",to:"/docs/reference/layers"},{title:"App layer",from:"/docs/reference/units/layers/app",to:"/docs/reference/layers"},{title:"Processes layer",from:"/docs/reference/units/layers/processes",to:"/docs/reference/layers"},{title:"Pages layer",from:"/docs/reference/units/layers/pages",to:"/docs/reference/layers"},{title:"Widgets layer",from:"/docs/reference/units/layers/widgets",to:"/docs/reference/layers"},{title:"Widgets layer",from:"/docs/reference/layers/widgets",to:"/docs/reference/layers"},{title:"Features layer",from:"/docs/reference/units/layers/features",to:"/docs/reference/layers"},{title:"Entities layer",from:"/docs/reference/units/layers/entities",to:"/docs/reference/layers"},{title:"Shared layer",from:"/docs/reference/units/layers/shared",to:"/docs/reference/layers"},{title:"Segments",from:"/docs/reference/units/segments",to:"/docs/reference/slices-segments"}]},{group:"\ud83c\udfaf Bad Practices handbook",details:"Moved to /guides as practice materials",children:[{title:"Cross-imports",from:"/docs/concepts/issues/cross-imports",to:"/docs/guides/issues/cross-imports"},{title:"Desegmented",from:"/docs/concepts/issues/desegmented",to:"/docs/guides/issues/desegmented"},{title:"Routes",from:"/docs/concepts/issues/routes",to:"/docs/guides/issues/routes"}]},{group:"\ud83c\udfaf Examples",details:"Grouped and simplified into /guides/examples as practical examples",children:[{title:"Viewer logic",from:"/docs/guides/examples/viewer",to:"/docs/guides/examples/auth"},{title:"Monorepo",from:"/docs/guides/monorepo",to:"/docs/guides/examples/monorepo"},{title:"White Labels",from:"/docs/guides/white-labels",to:"/docs/guides/examples/white-labels"}]},{group:"\ud83c\udfaf Migration",details:"Grouped and simplified into /guides/migration as migration guidelines",children:[{title:"Migration from V1",from:"/docs/guides/migration-from-v1",to:"/docs/guides/migration/from-v1"},{title:"Migration from Legacy",from:"/docs/guides/migration-from-legacy",to:"/docs/guides/migration/from-custom"}]},{group:"\ud83c\udfaf Tech",details:"Grouped into /guides/tech as tech-specific usage guidelines",children:[{title:"Usage with NextJS",from:"/docs/guides/usage-with-nextjs",to:"/docs/guides/tech/with-nextjs"}]},{group:"Rename 'legacy' to 'custom'",details:"'Legacy' is derogatory, we don't get to call people's projects legacy",children:[{title:"Rename 'legacy' to custom",from:"/docs/guides/migration/from-legacy",to:"/docs/guides/migration/from-custom"}]}],pushFeedbackProjectId:"5i2vbxcpaz"},trailingSlash:!1,themeConfig:{image:"img/preview.png",docs:{sidebar:{hideable:!0,autoCollapseCategories:!0},versionPersistence:"localStorage"},colorMode:{respectPrefersColorScheme:!0,defaultMode:"light",disableSwitch:!1},navbar:{title:"",logo:{alt:"logo",src:"img/brand/logo-primary.png"},items:[{label:"\ud83d\udcd6 \u30c9\u30ad\u30e5\u30e1\u30f3\u30c8",to:"/docs",position:"left"},{label:"\ud83d\udcab \u30b3\u30df\u30e5\u30cb\u30c6\u30a3",to:"/community",position:"left"},{label:"\ud83d\udcdd \u30d6\u30ed\u30b0",to:"/blog",position:"left"},{label:"\ud83d\udee0 \u5b9f\u88c5\u4f8b",to:"/examples",position:"left"},{type:"docsVersionDropdown",position:"right",dropdownActiveClassDisabled:!0,dropdownItemsAfter:[{to:"https://feature-sliced.github.io/featureslices.dev/v1.0.html",label:"v1.0"},{to:"https://feature-sliced.github.io/featureslices.dev/v0.1.html",label:"v0.1"},{to:"https://github.com/feature-sliced/documentation/tree/rc/feature-driven",label:"feature-driven"},{to:"/versions",label:"All versions"}],dropdownItemsBefore:[]},{type:"localeDropdown",position:"right",dropdownItemsAfter:[{href:"https://github.com/feature-sliced/documentation/issues/244",label:"Help Us Translate"}],dropdownItemsBefore:[]},{href:"https://discord.gg/S8MzWTUsmp",position:"right",className:"ext-link discord","aria-label":"Discord community server"},{href:"https://github.com/feature-sliced/documentation",position:"right",className:"ext-link github","aria-label":"GitHub repository"}],hideOnScroll:!1},footer:{style:"dark",links:[{title:"\u4ed5\u69d8",items:[{label:"\u30c9\u30ad\u30e5\u30e1\u30f3\u30c8",to:"/docs"},{label:"\u30b3\u30df\u30e5\u30cb\u30c6\u30a3",to:"/community"},{label:"\u30d8\u30eb\u30d7",to:"/nav"},{label:"\u30c7\u30a3\u30b9\u30ab\u30c3\u30b7\u30e7\u30f3",href:"https://github.com/feature-sliced/documentation/discussions"}]},{title:"\u30b3\u30df\u30e5\u30cb\u30c6\u30a3",items:[{label:"Discord",href:"https://discord.gg/S8MzWTUsmp"},{label:"Telegram (RU)",href:"https://t.me/feature_sliced"},{label:"X",href:"https://twitter.com/feature_sliced"},{label:"Open Collective",href:"https://opencollective.com/feature-sliced"},{label:"YouTube",href:"https://www.youtube.com/c/FeatureSlicedDesign"}]},{title:"\u305d\u306e\u4ed6",items:[{label:"GitHub",href:"https://github.com/feature-sliced"},{label:"Contribution Guide",href:"https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md"},{label:"\u30e9\u30a4\u30bb\u30f3\u30b9",href:"https://github.com/feature-sliced/documentation/blob/master/LICENSE"}]}],logo:{alt:"Feature-Sliced Design - Architectural methodology for frontend projects",src:"img/brand/logo-primary.png",href:"https://github.com/feature-sliced",width:160},copyright:"Copyright \xa9 2018-2024  Feature-Sliced Design"},algolia:{appId:"18IVO61EUN",apiKey:"a51704b2a1604c9eb41c62aa343c6e32",indexName:"feature-sliced",contextualSearch:!0,searchParameters:{},searchPagePath:"search"},metadata:[{name:"keywords",content:"architecture, frontend, project structure"},{name:"twitter:site",content:"@feature_sliced"},{name:"twitter:card",content:"summary_large_image"}],imageZoom:{selector:".markdown :not(a) > img",options:{background:"rgb(255 255 255 / 0.3)"}},prism:{theme:{plain:{backgroundColor:"hsl(230, 1%, 98%)",color:"hsl(230, 8%, 24%)"},styles:[{types:["comment","prolog","cdata"],style:{color:"hsl(230, 4%, 64%)"}},{types:["doctype","punctuation","entity"],style:{color:"hsl(230, 8%, 24%)"}},{types:["attr-name","class-name","boolean","constant","number","atrule"],style:{color:"hsl(35, 99%, 36%)"}},{types:["keyword"],style:{color:"hsl(301, 63%, 40%)"}},{types:["property","tag","symbol","deleted","important"],style:{color:"hsl(5, 74%, 59%)"}},{types:["selector","string","char","builtin","inserted","regex","attr-value","punctuation"],style:{color:"hsl(119, 34%, 47%)"}},{types:["variable","operator","function"],style:{color:"hsl(221, 87%, 60%)"}},{types:["url"],style:{color:"hsl(198, 99%, 37%)"}},{types:["deleted"],style:{textDecorationLine:"line-through"}},{types:["inserted"],style:{textDecorationLine:"underline"}},{types:["italic"],style:{fontStyle:"italic"}},{types:["important","bold"],style:{fontWeight:"bold"}},{types:["important"],style:{color:"hsl(230, 8%, 24%)"}}]},darkTheme:{plain:{backgroundColor:"hsl(220, 13%, 18%)",color:"hsl(220, 14%, 71%)",textShadow:"0 1px rgba(0, 0, 0, 0.3)"},styles:[{types:["comment","prolog","cdata"],style:{color:"hsl(220, 10%, 40%)"}},{types:["doctype","punctuation","entity"],style:{color:"hsl(220, 14%, 71%)"}},{types:["attr-name","class-name","maybe-class-name","boolean","constant","number","atrule"],style:{color:"hsl(29, 54%, 61%)"}},{types:["keyword"],style:{color:"hsl(286, 60%, 67%)"}},{types:["property","tag","symbol","deleted","important"],style:{color:"hsl(355, 65%, 65%)"}},{types:["selector","string","char","builtin","inserted","regex","attr-value"],style:{color:"hsl(95, 38%, 62%)"}},{types:["variable","operator","function"],style:{color:"hsl(207, 82%, 66%)"}},{types:["url"],style:{color:"hsl(187, 47%, 55%)"}},{types:["deleted"],style:{textDecorationLine:"line-through"}},{types:["inserted"],style:{textDecorationLine:"underline"}},{types:["italic"],style:{fontStyle:"italic"}},{types:["important","bold"],style:{fontWeight:"bold"}},{types:["important"],style:{color:"hsl(220, 14%, 71%)"}}]},additionalLanguages:[],magicComments:[{className:"theme-code-block-highlighted-line",line:"highlight-next-line",block:{start:"highlight-start",end:"highlight-end"}}]},blog:{sidebar:{groupByYear:!0}},tableOfContents:{minHeadingLevel:2,maxHeadingLevel:3}},baseUrlIssueBanner:!0,future:{experimental_storage:{type:"localStorage",namespace:!1},experimental_router:"browser"},onBrokenAnchors:"warn",staticDirectories:["static"],themes:[],scripts:[],headTags:[],stylesheets:[],clientModules:[],titleDelimiter:"|",noIndex:!1,markdown:{format:"mdx",mermaid:!1,mdx1Compat:{comments:!0,admonitions:!0,headingIds:!0},anchors:{maintainCase:!1}}}},991:(e,t,n)=>{"use strict";function r(){return r=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)({}).hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},r.apply(null,arguments)}n.d(t,{A:()=>r})},1141:(e,t,n)=>{"use strict";function r(e,t){return r=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},r(e,t)}function o(e,t){e.prototype=Object.create(t.prototype),e.prototype.constructor=e,r(e,t)}n.d(t,{A:()=>o})},3302:(e,t,n)=>{"use strict";function r(e,t){if(null==e)return{};var n={};for(var r in e)if({}.hasOwnProperty.call(e,r)){if(t.includes(r))continue;n[r]=e[r]}return n}n.d(t,{A:()=>r})},3526:(e,t,n)=>{"use strict";function r(e){var t,n,o="";if("string"==typeof e||"number"==typeof e)o+=e;else if("object"==typeof e)if(Array.isArray(e)){var a=e.length;for(t=0;t<a;t++)e[t]&&(n=r(e[t]))&&(o&&(o+=" "),o+=n)}else for(n in e)e[n]&&(o&&(o+=" "),o+=n);return o}n.d(t,{A:()=>o});const o=function(){for(var e,t,n=0,o="",a=arguments.length;n<a;n++)(e=arguments[n])&&(t=r(e))&&(o&&(o+=" "),o+=t);return o}},5371:(e,t,n)=>{"use strict";n.d(t,{My:()=>S,f4:()=>Y});var r,o,a=n(758),i=n(3526),s=Object.create,l=Object.defineProperty,c=Object.defineProperties,u=Object.getOwnPropertyDescriptor,d=Object.getOwnPropertyDescriptors,p=Object.getOwnPropertyNames,f=Object.getOwnPropertySymbols,m=Object.getPrototypeOf,h=Object.prototype.hasOwnProperty,g=Object.prototype.propertyIsEnumerable,b=(e,t,n)=>t in e?l(e,t,{enumerable:!0,configurable:!0,writable:!0,value:n}):e[t]=n,y=(e,t)=>{for(var n in t||(t={}))h.call(t,n)&&b(e,n,t[n]);if(f)for(var n of f(t))g.call(t,n)&&b(e,n,t[n]);return e},v=(e,t)=>c(e,d(t)),w=(e,t)=>{var n={};for(var r in e)h.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&f)for(var r of f(e))t.indexOf(r)<0&&g.call(e,r)&&(n[r]=e[r]);return n},S=((e,t,n)=>(n=null!=e?s(m(e)):{},((e,t,n,r)=>{if(t&&"object"==typeof t||"function"==typeof t)for(let o of p(t))h.call(e,o)||o===n||l(e,o,{get:()=>t[o],enumerable:!(r=u(t,o))||r.enumerable});return e})(!t&&e&&e.__esModule?n:l(n,"default",{value:e,enumerable:!0}),e)))((r={"../../node_modules/.pnpm/prismjs@1.29.0_patch_hash=vrxx3pzkik6jpmgpayxfjunetu/node_modules/prismjs/prism.js"(e,t){var n=function(){var e=/(?:^|\s)lang(?:uage)?-([\w-]+)(?=\s|$)/i,t=0,n={},r={util:{encode:function e(t){return t instanceof o?new o(t.type,e(t.content),t.alias):Array.isArray(t)?t.map(e):t.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/\u00a0/g," ")},type:function(e){return Object.prototype.toString.call(e).slice(8,-1)},objId:function(e){return e.__id||Object.defineProperty(e,"__id",{value:++t}),e.__id},clone:function e(t,n){var o,a;switch(n=n||{},r.util.type(t)){case"Object":if(a=r.util.objId(t),n[a])return n[a];for(var i in o={},n[a]=o,t)t.hasOwnProperty(i)&&(o[i]=e(t[i],n));return o;case"Array":return a=r.util.objId(t),n[a]?n[a]:(o=[],n[a]=o,t.forEach((function(t,r){o[r]=e(t,n)})),o);default:return t}},getLanguage:function(t){for(;t;){var n=e.exec(t.className);if(n)return n[1].toLowerCase();t=t.parentElement}return"none"},setLanguage:function(t,n){t.className=t.className.replace(RegExp(e,"gi"),""),t.classList.add("language-"+n)},isActive:function(e,t,n){for(var r="no-"+t;e;){var o=e.classList;if(o.contains(t))return!0;if(o.contains(r))return!1;e=e.parentElement}return!!n}},languages:{plain:n,plaintext:n,text:n,txt:n,extend:function(e,t){var n=r.util.clone(r.languages[e]);for(var o in t)n[o]=t[o];return n},insertBefore:function(e,t,n,o){var a=(o=o||r.languages)[e],i={};for(var s in a)if(a.hasOwnProperty(s)){if(s==t)for(var l in n)n.hasOwnProperty(l)&&(i[l]=n[l]);n.hasOwnProperty(s)||(i[s]=a[s])}var c=o[e];return o[e]=i,r.languages.DFS(r.languages,(function(t,n){n===c&&t!=e&&(this[t]=i)})),i},DFS:function e(t,n,o,a){a=a||{};var i=r.util.objId;for(var s in t)if(t.hasOwnProperty(s)){n.call(t,s,t[s],o||s);var l=t[s],c=r.util.type(l);"Object"!==c||a[i(l)]?"Array"!==c||a[i(l)]||(a[i(l)]=!0,e(l,n,s,a)):(a[i(l)]=!0,e(l,n,null,a))}}},plugins:{},highlight:function(e,t,n){var a={code:e,grammar:t,language:n};if(r.hooks.run("before-tokenize",a),!a.grammar)throw new Error('The language "'+a.language+'" has no grammar.');return a.tokens=r.tokenize(a.code,a.grammar),r.hooks.run("after-tokenize",a),o.stringify(r.util.encode(a.tokens),a.language)},tokenize:function(e,t){var n=t.rest;if(n){for(var r in n)t[r]=n[r];delete t.rest}var o=new s;return l(o,o.head,e),i(e,o,t,o.head,0),function(e){for(var t=[],n=e.head.next;n!==e.tail;)t.push(n.value),n=n.next;return t}(o)},hooks:{all:{},add:function(e,t){var n=r.hooks.all;n[e]=n[e]||[],n[e].push(t)},run:function(e,t){var n=r.hooks.all[e];if(n&&n.length)for(var o,a=0;o=n[a++];)o(t)}},Token:o};function o(e,t,n,r){this.type=e,this.content=t,this.alias=n,this.length=0|(r||"").length}function a(e,t,n,r){e.lastIndex=t;var o=e.exec(n);if(o&&r&&o[1]){var a=o[1].length;o.index+=a,o[0]=o[0].slice(a)}return o}function i(e,t,n,s,u,d){for(var p in n)if(n.hasOwnProperty(p)&&n[p]){var f=n[p];f=Array.isArray(f)?f:[f];for(var m=0;m<f.length;++m){if(d&&d.cause==p+","+m)return;var h=f[m],g=h.inside,b=!!h.lookbehind,y=!!h.greedy,v=h.alias;if(y&&!h.pattern.global){var w=h.pattern.toString().match(/[imsuy]*$/)[0];h.pattern=RegExp(h.pattern.source,w+"g")}for(var S=h.pattern||h,x=s.next,k=u;x!==t.tail&&!(d&&k>=d.reach);k+=x.value.length,x=x.next){var j=x.value;if(t.length>e.length)return;if(!(j instanceof o)){var E,_=1;if(y){if(!(E=a(S,k,e,b))||E.index>=e.length)break;var C=E.index,A=E.index+E[0].length,O=k;for(O+=x.value.length;C>=O;)O+=(x=x.next).value.length;if(k=O-=x.value.length,x.value instanceof o)continue;for(var T=x;T!==t.tail&&(O<A||"string"==typeof T.value);T=T.next)_++,O+=T.value.length;_--,j=e.slice(k,O),E.index-=k}else if(!(E=a(S,0,j,b)))continue;C=E.index;var P=E[0],L=j.slice(0,C),I=j.slice(C+P.length),R=k+j.length;d&&R>d.reach&&(d.reach=R);var N=x.prev;if(L&&(N=l(t,N,L),k+=L.length),c(t,N,_),x=l(t,N,new o(p,g?r.tokenize(P,g):P,v,P)),I&&l(t,x,I),_>1){var D={cause:p+","+m,reach:R};i(e,t,n,x.prev,k,D),d&&D.reach>d.reach&&(d.reach=D.reach)}}}}}}function s(){var e={value:null,prev:null,next:null},t={value:null,prev:e,next:null};e.next=t,this.head=e,this.tail=t,this.length=0}function l(e,t,n){var r=t.next,o={value:n,prev:t,next:r};return t.next=o,r.prev=o,e.length++,o}function c(e,t,n){for(var r=t.next,o=0;o<n&&r!==e.tail;o++)r=r.next;t.next=r,r.prev=t,e.length-=o}return o.stringify=function e(t,n){if("string"==typeof t)return t;if(Array.isArray(t)){var o="";return t.forEach((function(t){o+=e(t,n)})),o}var a={type:t.type,content:e(t.content,n),tag:"span",classes:["token",t.type],attributes:{},language:n},i=t.alias;i&&(Array.isArray(i)?Array.prototype.push.apply(a.classes,i):a.classes.push(i)),r.hooks.run("wrap",a);var s="";for(var l in a.attributes)s+=" "+l+'="'+(a.attributes[l]||"").replace(/"/g,"&quot;")+'"';return"<"+a.tag+' class="'+a.classes.join(" ")+'"'+s+">"+a.content+"</"+a.tag+">"},r}();t.exports=n,n.default=n}},function(){return o||(0,r[p(r)[0]])((o={exports:{}}).exports,o),o.exports})());S.languages.markup={comment:{pattern:/<!--(?:(?!<!--)[\s\S])*?-->/,greedy:!0},prolog:{pattern:/<\?[\s\S]+?\?>/,greedy:!0},doctype:{pattern:/<!DOCTYPE(?:[^>"'[\]]|"[^"]*"|'[^']*')+(?:\[(?:[^<"'\]]|"[^"]*"|'[^']*'|<(?!!--)|<!--(?:[^-]|-(?!->))*-->)*\]\s*)?>/i,greedy:!0,inside:{"internal-subset":{pattern:/(^[^\[]*\[)[\s\S]+(?=\]>$)/,lookbehind:!0,greedy:!0,inside:null},string:{pattern:/"[^"]*"|'[^']*'/,greedy:!0},punctuation:/^<!|>$|[[\]]/,"doctype-tag":/^DOCTYPE/i,name:/[^\s<>'"]+/}},cdata:{pattern:/<!\[CDATA\[[\s\S]*?\]\]>/i,greedy:!0},tag:{pattern:/<\/?(?!\d)[^\s>\/=$<%]+(?:\s(?:\s*[^\s>\/=]+(?:\s*=\s*(?:"[^"]*"|'[^']*'|[^\s'">=]+(?=[\s>]))|(?=[\s/>])))+)?\s*\/?>/,greedy:!0,inside:{tag:{pattern:/^<\/?[^\s>\/]+/,inside:{punctuation:/^<\/?/,namespace:/^[^\s>\/:]+:/}},"special-attr":[],"attr-value":{pattern:/=\s*(?:"[^"]*"|'[^']*'|[^\s'">=]+)/,inside:{punctuation:[{pattern:/^=/,alias:"attr-equals"},{pattern:/^(\s*)["']|["']$/,lookbehind:!0}]}},punctuation:/\/?>/,"attr-name":{pattern:/[^\s>\/]+/,inside:{namespace:/^[^\s>\/:]+:/}}}},entity:[{pattern:/&[\da-z]{1,8};/i,alias:"named-entity"},/&#x?[\da-f]{1,8};/i]},S.languages.markup.tag.inside["attr-value"].inside.entity=S.languages.markup.entity,S.languages.markup.doctype.inside["internal-subset"].inside=S.languages.markup,S.hooks.add("wrap",(function(e){"entity"===e.type&&(e.attributes.title=e.content.replace(/&amp;/,"&"))})),Object.defineProperty(S.languages.markup.tag,"addInlined",{value:function(e,t){var n;(t=((n=((n={})["language-"+t]={pattern:/(^<!\[CDATA\[)[\s\S]+?(?=\]\]>$)/i,lookbehind:!0,inside:S.languages[t]},n.cdata=/^<!\[CDATA\[|\]\]>$/i,{"included-cdata":{pattern:/<!\[CDATA\[[\s\S]*?\]\]>/i,inside:n}}))["language-"+t]={pattern:/[\s\S]+/,inside:S.languages[t]},{}))[e]={pattern:RegExp(/(<__[^>]*>)(?:<!\[CDATA\[(?:[^\]]|\](?!\]>))*\]\]>|(?!<!\[CDATA\[)[\s\S])*?(?=<\/__>)/.source.replace(/__/g,(function(){return e})),"i"),lookbehind:!0,greedy:!0,inside:n},S.languages.insertBefore("markup","cdata",t)}}),Object.defineProperty(S.languages.markup.tag,"addAttribute",{value:function(e,t){S.languages.markup.tag.inside["special-attr"].push({pattern:RegExp(/(^|["'\s])/.source+"(?:"+e+")"+/\s*=\s*(?:"[^"]*"|'[^']*'|[^\s'">=]+(?=[\s>]))/.source,"i"),lookbehind:!0,inside:{"attr-name":/^[^\s=]+/,"attr-value":{pattern:/=[\s\S]+/,inside:{value:{pattern:/(^=\s*(["']|(?!["'])))\S[\s\S]*(?=\2$)/,lookbehind:!0,alias:[t,"language-"+t],inside:S.languages[t]},punctuation:[{pattern:/^=/,alias:"attr-equals"},/"|'/]}}}})}}),S.languages.html=S.languages.markup,S.languages.mathml=S.languages.markup,S.languages.svg=S.languages.markup,S.languages.xml=S.languages.extend("markup",{}),S.languages.ssml=S.languages.xml,S.languages.atom=S.languages.xml,S.languages.rss=S.languages.xml,function(e){var t={pattern:/\\[\\(){}[\]^$+*?|.]/,alias:"escape"},n=/\\(?:x[\da-fA-F]{2}|u[\da-fA-F]{4}|u\{[\da-fA-F]+\}|0[0-7]{0,2}|[123][0-7]{2}|c[a-zA-Z]|.)/,r="(?:[^\\\\-]|"+n.source+")",o=(r=RegExp(r+"-"+r),{pattern:/(<|')[^<>']+(?=[>']$)/,lookbehind:!0,alias:"variable"});e.languages.regex={"char-class":{pattern:/((?:^|[^\\])(?:\\\\)*)\[(?:[^\\\]]|\\[\s\S])*\]/,lookbehind:!0,inside:{"char-class-negation":{pattern:/(^\[)\^/,lookbehind:!0,alias:"operator"},"char-class-punctuation":{pattern:/^\[|\]$/,alias:"punctuation"},range:{pattern:r,inside:{escape:n,"range-punctuation":{pattern:/-/,alias:"operator"}}},"special-escape":t,"char-set":{pattern:/\\[wsd]|\\p\{[^{}]+\}/i,alias:"class-name"},escape:n}},"special-escape":t,"char-set":{pattern:/\.|\\[wsd]|\\p\{[^{}]+\}/i,alias:"class-name"},backreference:[{pattern:/\\(?![123][0-7]{2})[1-9]/,alias:"keyword"},{pattern:/\\k<[^<>']+>/,alias:"keyword",inside:{"group-name":o}}],anchor:{pattern:/[$^]|\\[ABbGZz]/,alias:"function"},escape:n,group:[{pattern:/\((?:\?(?:<[^<>']+>|'[^<>']+'|[>:]|<?[=!]|[idmnsuxU]+(?:-[idmnsuxU]+)?:?))?/,alias:"punctuation",inside:{"group-name":o}},{pattern:/\)/,alias:"punctuation"}],quantifier:{pattern:/(?:[+*?]|\{\d+(?:,\d*)?\})[?+]?/,alias:"number"},alternation:{pattern:/\|/,alias:"keyword"}}}(S),S.languages.clike={comment:[{pattern:/(^|[^\\])\/\*[\s\S]*?(?:\*\/|$)/,lookbehind:!0,greedy:!0},{pattern:/(^|[^\\:])\/\/.*/,lookbehind:!0,greedy:!0}],string:{pattern:/(["'])(?:\\(?:\r\n|[\s\S])|(?!\1)[^\\\r\n])*\1/,greedy:!0},"class-name":{pattern:/(\b(?:class|extends|implements|instanceof|interface|new|trait)\s+|\bcatch\s+\()[\w.\\]+/i,lookbehind:!0,inside:{punctuation:/[.\\]/}},keyword:/\b(?:break|catch|continue|do|else|finally|for|function|if|in|instanceof|new|null|return|throw|try|while)\b/,boolean:/\b(?:false|true)\b/,function:/\b\w+(?=\()/,number:/\b0x[\da-f]+\b|(?:\b\d+(?:\.\d*)?|\B\.\d+)(?:e[+-]?\d+)?/i,operator:/[<>]=?|[!=]=?=?|--?|\+\+?|&&?|\|\|?|[?*/~^%]/,punctuation:/[{}[\];(),.:]/},S.languages.javascript=S.languages.extend("clike",{"class-name":[S.languages.clike["class-name"],{pattern:/(^|[^$\w\xA0-\uFFFF])(?!\s)[_$A-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\.(?:constructor|prototype))/,lookbehind:!0}],keyword:[{pattern:/((?:^|\})\s*)catch\b/,lookbehind:!0},{pattern:/(^|[^.]|\.\.\.\s*)\b(?:as|assert(?=\s*\{)|async(?=\s*(?:function\b|\(|[$\w\xA0-\uFFFF]|$))|await|break|case|class|const|continue|debugger|default|delete|do|else|enum|export|extends|finally(?=\s*(?:\{|$))|for|from(?=\s*(?:['"]|$))|function|(?:get|set)(?=\s*(?:[#\[$\w\xA0-\uFFFF]|$))|if|implements|import|in|instanceof|interface|let|new|null|of|package|private|protected|public|return|static|super|switch|this|throw|try|typeof|undefined|var|void|while|with|yield)\b/,lookbehind:!0}],function:/#?(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*(?:\.\s*(?:apply|bind|call)\s*)?\()/,number:{pattern:RegExp(/(^|[^\w$])/.source+"(?:"+/NaN|Infinity/.source+"|"+/0[bB][01]+(?:_[01]+)*n?/.source+"|"+/0[oO][0-7]+(?:_[0-7]+)*n?/.source+"|"+/0[xX][\dA-Fa-f]+(?:_[\dA-Fa-f]+)*n?/.source+"|"+/\d+(?:_\d+)*n/.source+"|"+/(?:\d+(?:_\d+)*(?:\.(?:\d+(?:_\d+)*)?)?|\.\d+(?:_\d+)*)(?:[Ee][+-]?\d+(?:_\d+)*)?/.source+")"+/(?![\w$])/.source),lookbehind:!0},operator:/--|\+\+|\*\*=?|=>|&&=?|\|\|=?|[!=]==|<<=?|>>>?=?|[-+*/%&|^!=<>]=?|\.{3}|\?\?=?|\?\.?|[~:]/}),S.languages.javascript["class-name"][0].pattern=/(\b(?:class|extends|implements|instanceof|interface|new)\s+)[\w.\\]+/,S.languages.insertBefore("javascript","keyword",{regex:{pattern:RegExp(/((?:^|[^$\w\xA0-\uFFFF."'\])\s]|\b(?:return|yield))\s*)/.source+/\//.source+"(?:"+/(?:\[(?:[^\]\\\r\n]|\\.)*\]|\\.|[^/\\\[\r\n])+\/[dgimyus]{0,7}/.source+"|"+/(?:\[(?:[^[\]\\\r\n]|\\.|\[(?:[^[\]\\\r\n]|\\.|\[(?:[^[\]\\\r\n]|\\.)*\])*\])*\]|\\.|[^/\\\[\r\n])+\/[dgimyus]{0,7}v[dgimyus]{0,7}/.source+")"+/(?=(?:\s|\/\*(?:[^*]|\*(?!\/))*\*\/)*(?:$|[\r\n,.;:})\]]|\/\/))/.source),lookbehind:!0,greedy:!0,inside:{"regex-source":{pattern:/^(\/)[\s\S]+(?=\/[a-z]*$)/,lookbehind:!0,alias:"language-regex",inside:S.languages.regex},"regex-delimiter":/^\/|\/$/,"regex-flags":/^[a-z]+$/}},"function-variable":{pattern:/#?(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*[=:]\s*(?:async\s*)?(?:\bfunction\b|(?:\((?:[^()]|\([^()]*\))*\)|(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*)\s*=>))/,alias:"function"},parameter:[{pattern:/(function(?:\s+(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*)?\s*\(\s*)(?!\s)(?:[^()\s]|\s+(?![\s)])|\([^()]*\))+(?=\s*\))/,lookbehind:!0,inside:S.languages.javascript},{pattern:/(^|[^$\w\xA0-\uFFFF])(?!\s)[_$a-z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*=>)/i,lookbehind:!0,inside:S.languages.javascript},{pattern:/(\(\s*)(?!\s)(?:[^()\s]|\s+(?![\s)])|\([^()]*\))+(?=\s*\)\s*=>)/,lookbehind:!0,inside:S.languages.javascript},{pattern:/((?:\b|\s|^)(?!(?:as|async|await|break|case|catch|class|const|continue|debugger|default|delete|do|else|enum|export|extends|finally|for|from|function|get|if|implements|import|in|instanceof|interface|let|new|null|of|package|private|protected|public|return|set|static|super|switch|this|throw|try|typeof|undefined|var|void|while|with|yield)(?![$\w\xA0-\uFFFF]))(?:(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*\s*)\(\s*|\]\s*\(\s*)(?!\s)(?:[^()\s]|\s+(?![\s)])|\([^()]*\))+(?=\s*\)\s*\{)/,lookbehind:!0,inside:S.languages.javascript}],constant:/\b[A-Z](?:[A-Z_]|\dx?)*\b/}),S.languages.insertBefore("javascript","string",{hashbang:{pattern:/^#!.*/,greedy:!0,alias:"comment"},"template-string":{pattern:/`(?:\\[\s\S]|\$\{(?:[^{}]|\{(?:[^{}]|\{[^}]*\})*\})+\}|(?!\$\{)[^\\`])*`/,greedy:!0,inside:{"template-punctuation":{pattern:/^`|`$/,alias:"string"},interpolation:{pattern:/((?:^|[^\\])(?:\\{2})*)\$\{(?:[^{}]|\{(?:[^{}]|\{[^}]*\})*\})+\}/,lookbehind:!0,inside:{"interpolation-punctuation":{pattern:/^\$\{|\}$/,alias:"punctuation"},rest:S.languages.javascript}},string:/[\s\S]+/}},"string-property":{pattern:/((?:^|[,{])[ \t]*)(["'])(?:\\(?:\r\n|[\s\S])|(?!\2)[^\\\r\n])*\2(?=\s*:)/m,lookbehind:!0,greedy:!0,alias:"property"}}),S.languages.insertBefore("javascript","operator",{"literal-property":{pattern:/((?:^|[,{])[ \t]*)(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*:)/m,lookbehind:!0,alias:"property"}}),S.languages.markup&&(S.languages.markup.tag.addInlined("script","javascript"),S.languages.markup.tag.addAttribute(/on(?:abort|blur|change|click|composition(?:end|start|update)|dblclick|error|focus(?:in|out)?|key(?:down|up)|load|mouse(?:down|enter|leave|move|out|over|up)|reset|resize|scroll|select|slotchange|submit|unload|wheel)/.source,"javascript")),S.languages.js=S.languages.javascript,S.languages.actionscript=S.languages.extend("javascript",{keyword:/\b(?:as|break|case|catch|class|const|default|delete|do|dynamic|each|else|extends|final|finally|for|function|get|if|implements|import|in|include|instanceof|interface|internal|is|namespace|native|new|null|override|package|private|protected|public|return|set|static|super|switch|this|throw|try|typeof|use|var|void|while|with)\b/,operator:/\+\+|--|(?:[+\-*\/%^]|&&?|\|\|?|<<?|>>?>?|[!=]=?)=?|[~?@]/}),S.languages.actionscript["class-name"].alias="function",delete S.languages.actionscript.parameter,delete S.languages.actionscript["literal-property"],S.languages.markup&&S.languages.insertBefore("actionscript","string",{xml:{pattern:/(^|[^.])<\/?\w+(?:\s+[^\s>\/=]+=("|')(?:\\[\s\S]|(?!\2)[^\\])*\2)*\s*\/?>/,lookbehind:!0,inside:S.languages.markup}}),function(e){var t=/#(?!\{).+/,n={pattern:/#\{[^}]+\}/,alias:"variable"};e.languages.coffeescript=e.languages.extend("javascript",{comment:t,string:[{pattern:/'(?:\\[\s\S]|[^\\'])*'/,greedy:!0},{pattern:/"(?:\\[\s\S]|[^\\"])*"/,greedy:!0,inside:{interpolation:n}}],keyword:/\b(?:and|break|by|catch|class|continue|debugger|delete|do|each|else|extend|extends|false|finally|for|if|in|instanceof|is|isnt|let|loop|namespace|new|no|not|null|of|off|on|or|own|return|super|switch|then|this|throw|true|try|typeof|undefined|unless|until|when|while|window|with|yes|yield)\b/,"class-member":{pattern:/@(?!\d)\w+/,alias:"variable"}}),e.languages.insertBefore("coffeescript","comment",{"multiline-comment":{pattern:/###[\s\S]+?###/,alias:"comment"},"block-regex":{pattern:/\/{3}[\s\S]*?\/{3}/,alias:"regex",inside:{comment:t,interpolation:n}}}),e.languages.insertBefore("coffeescript","string",{"inline-javascript":{pattern:/`(?:\\[\s\S]|[^\\`])*`/,inside:{delimiter:{pattern:/^`|`$/,alias:"punctuation"},script:{pattern:/[\s\S]+/,alias:"language-javascript",inside:e.languages.javascript}}},"multiline-string":[{pattern:/'''[\s\S]*?'''/,greedy:!0,alias:"string"},{pattern:/"""[\s\S]*?"""/,greedy:!0,alias:"string",inside:{interpolation:n}}]}),e.languages.insertBefore("coffeescript","keyword",{property:/(?!\d)\w+(?=\s*:(?!:))/}),delete e.languages.coffeescript["template-string"],e.languages.coffee=e.languages.coffeescript}(S),function(e){var t=e.languages.javadoclike={parameter:{pattern:/(^[\t ]*(?:\/{3}|\*|\/\*\*)\s*@(?:arg|arguments|param)\s+)\w+/m,lookbehind:!0},keyword:{pattern:/(^[\t ]*(?:\/{3}|\*|\/\*\*)\s*|\{)@[a-z][a-zA-Z-]+\b/m,lookbehind:!0},punctuation:/[{}]/};Object.defineProperty(t,"addSupport",{value:function(t,n){(t="string"==typeof t?[t]:t).forEach((function(t){var r=function(e){e.inside||(e.inside={}),e.inside.rest=n},o="doc-comment";if(a=e.languages[t]){var a,i=a[o];if((i=i||(a=e.languages.insertBefore(t,"comment",{"doc-comment":{pattern:/(^|[^\\])\/\*\*[^/][\s\S]*?(?:\*\/|$)/,lookbehind:!0,alias:"comment"}}))[o])instanceof RegExp&&(i=a[o]={pattern:i}),Array.isArray(i))for(var s=0,l=i.length;s<l;s++)i[s]instanceof RegExp&&(i[s]={pattern:i[s]}),r(i[s]);else r(i)}}))}}),t.addSupport(["java","javascript","php"],t)}(S),function(e){var t=/(?:"(?:\\(?:\r\n|[\s\S])|[^"\\\r\n])*"|'(?:\\(?:\r\n|[\s\S])|[^'\\\r\n])*')/;(t=(e.languages.css={comment:/\/\*[\s\S]*?\*\//,atrule:{pattern:RegExp("@[\\w-](?:"+/[^;{\s"']|\s+(?!\s)/.source+"|"+t.source+")*?"+/(?:;|(?=\s*\{))/.source),inside:{rule:/^@[\w-]+/,"selector-function-argument":{pattern:/(\bselector\s*\(\s*(?![\s)]))(?:[^()\s]|\s+(?![\s)])|\((?:[^()]|\([^()]*\))*\))+(?=\s*\))/,lookbehind:!0,alias:"selector"},keyword:{pattern:/(^|[^\w-])(?:and|not|only|or)(?![\w-])/,lookbehind:!0}}},url:{pattern:RegExp("\\burl\\((?:"+t.source+"|"+/(?:[^\\\r\n()"']|\\[\s\S])*/.source+")\\)","i"),greedy:!0,inside:{function:/^url/i,punctuation:/^\(|\)$/,string:{pattern:RegExp("^"+t.source+"$"),alias:"url"}}},selector:{pattern:RegExp("(^|[{}\\s])[^{}\\s](?:[^{};\"'\\s]|\\s+(?![\\s{])|"+t.source+")*(?=\\s*\\{)"),lookbehind:!0},string:{pattern:t,greedy:!0},property:{pattern:/(^|[^-\w\xA0-\uFFFF])(?!\s)[-_a-z\xA0-\uFFFF](?:(?!\s)[-\w\xA0-\uFFFF])*(?=\s*:)/i,lookbehind:!0},important:/!important\b/i,function:{pattern:/(^|[^-a-z0-9])[-a-z0-9]+(?=\()/i,lookbehind:!0},punctuation:/[(){};:,]/},e.languages.css.atrule.inside.rest=e.languages.css,e.languages.markup))&&(t.tag.addInlined("style","css"),t.tag.addAttribute("style","css"))}(S),function(e){var t=/("|')(?:\\(?:\r\n|[\s\S])|(?!\1)[^\\\r\n])*\1/,n=(t=(e.languages.css.selector={pattern:e.languages.css.selector.pattern,lookbehind:!0,inside:t={"pseudo-element":/:(?:after|before|first-letter|first-line|selection)|::[-\w]+/,"pseudo-class":/:[-\w]+/,class:/\.[-\w]+/,id:/#[-\w]+/,attribute:{pattern:RegExp("\\[(?:[^[\\]\"']|"+t.source+")*\\]"),greedy:!0,inside:{punctuation:/^\[|\]$/,"case-sensitivity":{pattern:/(\s)[si]$/i,lookbehind:!0,alias:"keyword"},namespace:{pattern:/^(\s*)(?:(?!\s)[-*\w\xA0-\uFFFF])*\|(?!=)/,lookbehind:!0,inside:{punctuation:/\|$/}},"attr-name":{pattern:/^(\s*)(?:(?!\s)[-\w\xA0-\uFFFF])+/,lookbehind:!0},"attr-value":[t,{pattern:/(=\s*)(?:(?!\s)[-\w\xA0-\uFFFF])+(?=\s*$)/,lookbehind:!0}],operator:/[|~*^$]?=/}},"n-th":[{pattern:/(\(\s*)[+-]?\d*[\dn](?:\s*[+-]\s*\d+)?(?=\s*\))/,lookbehind:!0,inside:{number:/[\dn]+/,operator:/[+-]/}},{pattern:/(\(\s*)(?:even|odd)(?=\s*\))/i,lookbehind:!0}],combinator:/>|\+|~|\|\|/,punctuation:/[(),]/}},e.languages.css.atrule.inside["selector-function-argument"].inside=t,e.languages.insertBefore("css","property",{variable:{pattern:/(^|[^-\w\xA0-\uFFFF])--(?!\s)[-_a-z\xA0-\uFFFF](?:(?!\s)[-\w\xA0-\uFFFF])*/i,lookbehind:!0}}),{pattern:/(\b\d+)(?:%|[a-z]+(?![\w-]))/,lookbehind:!0}),{pattern:/(^|[^\w.-])-?(?:\d+(?:\.\d+)?|\.\d+)/,lookbehind:!0});e.languages.insertBefore("css","function",{operator:{pattern:/(\s)[+\-*\/](?=\s)/,lookbehind:!0},hexcode:{pattern:/\B#[\da-f]{3,8}\b/i,alias:"color"},color:[{pattern:/(^|[^\w-])(?:AliceBlue|AntiqueWhite|Aqua|Aquamarine|Azure|Beige|Bisque|Black|BlanchedAlmond|Blue|BlueViolet|Brown|BurlyWood|CadetBlue|Chartreuse|Chocolate|Coral|CornflowerBlue|Cornsilk|Crimson|Cyan|DarkBlue|DarkCyan|DarkGoldenRod|DarkGr[ae]y|DarkGreen|DarkKhaki|DarkMagenta|DarkOliveGreen|DarkOrange|DarkOrchid|DarkRed|DarkSalmon|DarkSeaGreen|DarkSlateBlue|DarkSlateGr[ae]y|DarkTurquoise|DarkViolet|DeepPink|DeepSkyBlue|DimGr[ae]y|DodgerBlue|FireBrick|FloralWhite|ForestGreen|Fuchsia|Gainsboro|GhostWhite|Gold|GoldenRod|Gr[ae]y|Green|GreenYellow|HoneyDew|HotPink|IndianRed|Indigo|Ivory|Khaki|Lavender|LavenderBlush|LawnGreen|LemonChiffon|LightBlue|LightCoral|LightCyan|LightGoldenRodYellow|LightGr[ae]y|LightGreen|LightPink|LightSalmon|LightSeaGreen|LightSkyBlue|LightSlateGr[ae]y|LightSteelBlue|LightYellow|Lime|LimeGreen|Linen|Magenta|Maroon|MediumAquaMarine|MediumBlue|MediumOrchid|MediumPurple|MediumSeaGreen|MediumSlateBlue|MediumSpringGreen|MediumTurquoise|MediumVioletRed|MidnightBlue|MintCream|MistyRose|Moccasin|NavajoWhite|Navy|OldLace|Olive|OliveDrab|Orange|OrangeRed|Orchid|PaleGoldenRod|PaleGreen|PaleTurquoise|PaleVioletRed|PapayaWhip|PeachPuff|Peru|Pink|Plum|PowderBlue|Purple|RebeccaPurple|Red|RosyBrown|RoyalBlue|SaddleBrown|Salmon|SandyBrown|SeaGreen|SeaShell|Sienna|Silver|SkyBlue|SlateBlue|SlateGr[ae]y|Snow|SpringGreen|SteelBlue|Tan|Teal|Thistle|Tomato|Transparent|Turquoise|Violet|Wheat|White|WhiteSmoke|Yellow|YellowGreen)(?![\w-])/i,lookbehind:!0},{pattern:/\b(?:hsl|rgb)\(\s*\d{1,3}\s*,\s*\d{1,3}%?\s*,\s*\d{1,3}%?\s*\)\B|\b(?:hsl|rgb)a\(\s*\d{1,3}\s*,\s*\d{1,3}%?\s*,\s*\d{1,3}%?\s*,\s*(?:0|0?\.\d+|1)\s*\)\B/i,inside:{unit:t,number:n,function:/[\w-]+(?=\()/,punctuation:/[(),]/}}],entity:/\\[\da-f]{1,8}/i,unit:t,number:n})}(S),function(e){var t=/[*&][^\s[\]{},]+/,n=/!(?:<[\w\-%#;/?:@&=+$,.!~*'()[\]]+>|(?:[a-zA-Z\d-]*!)?[\w\-%#;/?:@&=+$.~*'()]+)?/,r="(?:"+n.source+"(?:[ \t]+"+t.source+")?|"+t.source+"(?:[ \t]+"+n.source+")?)",o=/(?:[^\s\x00-\x08\x0e-\x1f!"#%&'*,\-:>?@[\]`{|}\x7f-\x84\x86-\x9f\ud800-\udfff\ufffe\uffff]|[?:-]<PLAIN>)(?:[ \t]*(?:(?![#:])<PLAIN>|:<PLAIN>))*/.source.replace(/<PLAIN>/g,(function(){return/[^\s\x00-\x08\x0e-\x1f,[\]{}\x7f-\x84\x86-\x9f\ud800-\udfff\ufffe\uffff]/.source})),a=/"(?:[^"\\\r\n]|\\.)*"|'(?:[^'\\\r\n]|\\.)*'/.source;function i(e,t){t=(t||"").replace(/m/g,"")+"m";var n=/([:\-,[{]\s*(?:\s<<prop>>[ \t]+)?)(?:<<value>>)(?=[ \t]*(?:$|,|\]|\}|(?:[\r\n]\s*)?#))/.source.replace(/<<prop>>/g,(function(){return r})).replace(/<<value>>/g,(function(){return e}));return RegExp(n,t)}e.languages.yaml={scalar:{pattern:RegExp(/([\-:]\s*(?:\s<<prop>>[ \t]+)?[|>])[ \t]*(?:((?:\r?\n|\r)[ \t]+)\S[^\r\n]*(?:\2[^\r\n]+)*)/.source.replace(/<<prop>>/g,(function(){return r}))),lookbehind:!0,alias:"string"},comment:/#.*/,key:{pattern:RegExp(/((?:^|[:\-,[{\r\n?])[ \t]*(?:<<prop>>[ \t]+)?)<<key>>(?=\s*:\s)/.source.replace(/<<prop>>/g,(function(){return r})).replace(/<<key>>/g,(function(){return"(?:"+o+"|"+a+")"}))),lookbehind:!0,greedy:!0,alias:"atrule"},directive:{pattern:/(^[ \t]*)%.+/m,lookbehind:!0,alias:"important"},datetime:{pattern:i(/\d{4}-\d\d?-\d\d?(?:[tT]|[ \t]+)\d\d?:\d{2}:\d{2}(?:\.\d*)?(?:[ \t]*(?:Z|[-+]\d\d?(?::\d{2})?))?|\d{4}-\d{2}-\d{2}|\d\d?:\d{2}(?::\d{2}(?:\.\d*)?)?/.source),lookbehind:!0,alias:"number"},boolean:{pattern:i(/false|true/.source,"i"),lookbehind:!0,alias:"important"},null:{pattern:i(/null|~/.source,"i"),lookbehind:!0,alias:"important"},string:{pattern:i(a),lookbehind:!0,greedy:!0},number:{pattern:i(/[+-]?(?:0x[\da-f]+|0o[0-7]+|(?:\d+(?:\.\d*)?|\.\d+)(?:e[+-]?\d+)?|\.inf|\.nan)/.source,"i"),lookbehind:!0},tag:n,important:t,punctuation:/---|[:[\]{}\-,|>?]|\.\.\./},e.languages.yml=e.languages.yaml}(S),function(e){var t=/(?:\\.|[^\\\n\r]|(?:\n|\r\n?)(?![\r\n]))/.source;function n(e){return e=e.replace(/<inner>/g,(function(){return t})),RegExp(/((?:^|[^\\])(?:\\{2})*)/.source+"(?:"+e+")")}var r=/(?:\\.|``(?:[^`\r\n]|`(?!`))+``|`[^`\r\n]+`|[^\\|\r\n`])+/.source,o=/\|?__(?:\|__)+\|?(?:(?:\n|\r\n?)|(?![\s\S]))/.source.replace(/__/g,(function(){return r})),a=/\|?[ \t]*:?-{3,}:?[ \t]*(?:\|[ \t]*:?-{3,}:?[ \t]*)+\|?(?:\n|\r\n?)/.source,i=(e.languages.markdown=e.languages.extend("markup",{}),e.languages.insertBefore("markdown","prolog",{"front-matter-block":{pattern:/(^(?:\s*[\r\n])?)---(?!.)[\s\S]*?[\r\n]---(?!.)/,lookbehind:!0,greedy:!0,inside:{punctuation:/^---|---$/,"front-matter":{pattern:/\S+(?:\s+\S+)*/,alias:["yaml","language-yaml"],inside:e.languages.yaml}}},blockquote:{pattern:/^>(?:[\t ]*>)*/m,alias:"punctuation"},table:{pattern:RegExp("^"+o+a+"(?:"+o+")*","m"),inside:{"table-data-rows":{pattern:RegExp("^("+o+a+")(?:"+o+")*$"),lookbehind:!0,inside:{"table-data":{pattern:RegExp(r),inside:e.languages.markdown},punctuation:/\|/}},"table-line":{pattern:RegExp("^("+o+")"+a+"$"),lookbehind:!0,inside:{punctuation:/\||:?-{3,}:?/}},"table-header-row":{pattern:RegExp("^"+o+"$"),inside:{"table-header":{pattern:RegExp(r),alias:"important",inside:e.languages.markdown},punctuation:/\|/}}}},code:[{pattern:/((?:^|\n)[ \t]*\n|(?:^|\r\n?)[ \t]*\r\n?)(?: {4}|\t).+(?:(?:\n|\r\n?)(?: {4}|\t).+)*/,lookbehind:!0,alias:"keyword"},{pattern:/^```[\s\S]*?^```$/m,greedy:!0,inside:{"code-block":{pattern:/^(```.*(?:\n|\r\n?))[\s\S]+?(?=(?:\n|\r\n?)^```$)/m,lookbehind:!0},"code-language":{pattern:/^(```).+/,lookbehind:!0},punctuation:/```/}}],title:[{pattern:/\S.*(?:\n|\r\n?)(?:==+|--+)(?=[ \t]*$)/m,alias:"important",inside:{punctuation:/==+$|--+$/}},{pattern:/(^\s*)#.+/m,lookbehind:!0,alias:"important",inside:{punctuation:/^#+|#+$/}}],hr:{pattern:/(^\s*)([*-])(?:[\t ]*\2){2,}(?=\s*$)/m,lookbehind:!0,alias:"punctuation"},list:{pattern:/(^\s*)(?:[*+-]|\d+\.)(?=[\t ].)/m,lookbehind:!0,alias:"punctuation"},"url-reference":{pattern:/!?\[[^\]]+\]:[\t ]+(?:\S+|<(?:\\.|[^>\\])+>)(?:[\t ]+(?:"(?:\\.|[^"\\])*"|'(?:\\.|[^'\\])*'|\((?:\\.|[^)\\])*\)))?/,inside:{variable:{pattern:/^(!?\[)[^\]]+/,lookbehind:!0},string:/(?:"(?:\\.|[^"\\])*"|'(?:\\.|[^'\\])*'|\((?:\\.|[^)\\])*\))$/,punctuation:/^[\[\]!:]|[<>]/},alias:"url"},bold:{pattern:n(/\b__(?:(?!_)<inner>|_(?:(?!_)<inner>)+_)+__\b|\*\*(?:(?!\*)<inner>|\*(?:(?!\*)<inner>)+\*)+\*\*/.source),lookbehind:!0,greedy:!0,inside:{content:{pattern:/(^..)[\s\S]+(?=..$)/,lookbehind:!0,inside:{}},punctuation:/\*\*|__/}},italic:{pattern:n(/\b_(?:(?!_)<inner>|__(?:(?!_)<inner>)+__)+_\b|\*(?:(?!\*)<inner>|\*\*(?:(?!\*)<inner>)+\*\*)+\*/.source),lookbehind:!0,greedy:!0,inside:{content:{pattern:/(^.)[\s\S]+(?=.$)/,lookbehind:!0,inside:{}},punctuation:/[*_]/}},strike:{pattern:n(/(~~?)(?:(?!~)<inner>)+\2/.source),lookbehind:!0,greedy:!0,inside:{content:{pattern:/(^~~?)[\s\S]+(?=\1$)/,lookbehind:!0,inside:{}},punctuation:/~~?/}},"code-snippet":{pattern:/(^|[^\\`])(?:``[^`\r\n]+(?:`[^`\r\n]+)*``(?!`)|`[^`\r\n]+`(?!`))/,lookbehind:!0,greedy:!0,alias:["code","keyword"]},url:{pattern:n(/!?\[(?:(?!\])<inner>)+\](?:\([^\s)]+(?:[\t ]+"(?:\\.|[^"\\])*")?\)|[ \t]?\[(?:(?!\])<inner>)+\])/.source),lookbehind:!0,greedy:!0,inside:{operator:/^!/,content:{pattern:/(^\[)[^\]]+(?=\])/,lookbehind:!0,inside:{}},variable:{pattern:/(^\][ \t]?\[)[^\]]+(?=\]$)/,lookbehind:!0},url:{pattern:/(^\]\()[^\s)]+/,lookbehind:!0},string:{pattern:/(^[ \t]+)"(?:\\.|[^"\\])*"(?=\)$)/,lookbehind:!0}}}}),["url","bold","italic","strike"].forEach((function(t){["url","bold","italic","strike","code-snippet"].forEach((function(n){t!==n&&(e.languages.markdown[t].inside.content.inside[n]=e.languages.markdown[n])}))})),e.hooks.add("after-tokenize",(function(e){"markdown"!==e.language&&"md"!==e.language||function e(t){if(t&&"string"!=typeof t)for(var n=0,r=t.length;n<r;n++){var o,a=t[n];"code"!==a.type?e(a.content):(o=a.content[1],a=a.content[3],o&&a&&"code-language"===o.type&&"code-block"===a.type&&"string"==typeof o.content&&(o=o.content.replace(/\b#/g,"sharp").replace(/\b\+\+/g,"pp"),o="language-"+(o=(/[a-z][\w-]*/i.exec(o)||[""])[0].toLowerCase()),a.alias?"string"==typeof a.alias?a.alias=[a.alias,o]:a.alias.push(o):a.alias=[o]))}}(e.tokens)})),e.hooks.add("wrap",(function(t){if("code-block"===t.type){for(var n="",r=0,o=t.classes.length;r<o;r++){var a=t.classes[r];if(a=/language-(.+)/.exec(a)){n=a[1];break}}var c,u=e.languages[n];u?t.content=e.highlight(t.content.replace(i,"").replace(/&(\w{1,8}|#x?[\da-f]{1,8});/gi,(function(e,t){var n;return"#"===(t=t.toLowerCase())[0]?(n="x"===t[1]?parseInt(t.slice(2),16):Number(t.slice(1)),l(n)):s[t]||e})),u,n):n&&"none"!==n&&e.plugins.autoloader&&(c="md-"+(new Date).valueOf()+"-"+Math.floor(1e16*Math.random()),t.attributes.id=c,e.plugins.autoloader.loadLanguages(n,(function(){var t=document.getElementById(c);t&&(t.innerHTML=e.highlight(t.textContent,e.languages[n],n))})))}})),RegExp(e.languages.markup.tag.pattern.source,"gi")),s={amp:"&",lt:"<",gt:">",quot:'"'},l=String.fromCodePoint||String.fromCharCode;e.languages.md=e.languages.markdown}(S),S.languages.graphql={comment:/#.*/,description:{pattern:/(?:"""(?:[^"]|(?!""")")*"""|"(?:\\.|[^\\"\r\n])*")(?=\s*[a-z_])/i,greedy:!0,alias:"string",inside:{"language-markdown":{pattern:/(^"(?:"")?)(?!\1)[\s\S]+(?=\1$)/,lookbehind:!0,inside:S.languages.markdown}}},string:{pattern:/"""(?:[^"]|(?!""")")*"""|"(?:\\.|[^\\"\r\n])*"/,greedy:!0},number:/(?:\B-|\b)\d+(?:\.\d+)?(?:e[+-]?\d+)?\b/i,boolean:/\b(?:false|true)\b/,variable:/\$[a-z_]\w*/i,directive:{pattern:/@[a-z_]\w*/i,alias:"function"},"attr-name":{pattern:/\b[a-z_]\w*(?=\s*(?:\((?:[^()"]|"(?:\\.|[^\\"\r\n])*")*\))?:)/i,greedy:!0},"atom-input":{pattern:/\b[A-Z]\w*Input\b/,alias:"class-name"},scalar:/\b(?:Boolean|Float|ID|Int|String)\b/,constant:/\b[A-Z][A-Z_\d]*\b/,"class-name":{pattern:/(\b(?:enum|implements|interface|on|scalar|type|union)\s+|&\s*|:\s*|\[)[A-Z_]\w*/,lookbehind:!0},fragment:{pattern:/(\bfragment\s+|\.{3}\s*(?!on\b))[a-zA-Z_]\w*/,lookbehind:!0,alias:"function"},"definition-mutation":{pattern:/(\bmutation\s+)[a-zA-Z_]\w*/,lookbehind:!0,alias:"function"},"definition-query":{pattern:/(\bquery\s+)[a-zA-Z_]\w*/,lookbehind:!0,alias:"function"},keyword:/\b(?:directive|enum|extend|fragment|implements|input|interface|mutation|on|query|repeatable|scalar|schema|subscription|type|union)\b/,operator:/[!=|&]|\.{3}/,"property-query":/\w+(?=\s*\()/,object:/\w+(?=\s*\{)/,punctuation:/[!(){}\[\]:=,]/,property:/\w+/},S.hooks.add("after-tokenize",(function(e){if("graphql"===e.language)for(var t=e.tokens.filter((function(e){return"string"!=typeof e&&"comment"!==e.type&&"scalar"!==e.type})),n=0;n<t.length;){var r=t[n++];if("keyword"===r.type&&"mutation"===r.content){var o=[];if(d(["definition-mutation","punctuation"])&&"("===u(1).content){n+=2;var a=p(/^\($/,/^\)$/);if(-1===a)continue;for(;n<a;n++){var i=u(0);"variable"===i.type&&(f(i,"variable-input"),o.push(i.content))}n=a+1}if(d(["punctuation","property-query"])&&"{"===u(0).content&&(n++,f(u(0),"property-mutation"),0<o.length)){var s=p(/^\{$/,/^\}$/);if(-1!==s)for(var l=n;l<s;l++){var c=t[l];"variable"===c.type&&0<=o.indexOf(c.content)&&f(c,"variable-input")}}}}function u(e){return t[n+e]}function d(e,t){t=t||0;for(var n=0;n<e.length;n++){var r=u(n+t);if(!r||r.type!==e[n])return}return 1}function p(e,r){for(var o=1,a=n;a<t.length;a++){var i=t[a],s=i.content;if("punctuation"===i.type&&"string"==typeof s)if(e.test(s))o++;else if(r.test(s)&&0==--o)return a}return-1}function f(e,t){var n=e.alias;n?Array.isArray(n)||(e.alias=n=[n]):e.alias=n=[],n.push(t)}})),S.languages.sql={comment:{pattern:/(^|[^\\])(?:\/\*[\s\S]*?\*\/|(?:--|\/\/|#).*)/,lookbehind:!0},variable:[{pattern:/@(["'`])(?:\\[\s\S]|(?!\1)[^\\])+\1/,greedy:!0},/@[\w.$]+/],string:{pattern:/(^|[^@\\])("|')(?:\\[\s\S]|(?!\2)[^\\]|\2\2)*\2/,greedy:!0,lookbehind:!0},identifier:{pattern:/(^|[^@\\])`(?:\\[\s\S]|[^`\\]|``)*`/,greedy:!0,lookbehind:!0,inside:{punctuation:/^`|`$/}},function:/\b(?:AVG|COUNT|FIRST|FORMAT|LAST|LCASE|LEN|MAX|MID|MIN|MOD|NOW|ROUND|SUM|UCASE)(?=\s*\()/i,keyword:/\b(?:ACTION|ADD|AFTER|ALGORITHM|ALL|ALTER|ANALYZE|ANY|APPLY|AS|ASC|AUTHORIZATION|AUTO_INCREMENT|BACKUP|BDB|BEGIN|BERKELEYDB|BIGINT|BINARY|BIT|BLOB|BOOL|BOOLEAN|BREAK|BROWSE|BTREE|BULK|BY|CALL|CASCADED?|CASE|CHAIN|CHAR(?:ACTER|SET)?|CHECK(?:POINT)?|CLOSE|CLUSTERED|COALESCE|COLLATE|COLUMNS?|COMMENT|COMMIT(?:TED)?|COMPUTE|CONNECT|CONSISTENT|CONSTRAINT|CONTAINS(?:TABLE)?|CONTINUE|CONVERT|CREATE|CROSS|CURRENT(?:_DATE|_TIME|_TIMESTAMP|_USER)?|CURSOR|CYCLE|DATA(?:BASES?)?|DATE(?:TIME)?|DAY|DBCC|DEALLOCATE|DEC|DECIMAL|DECLARE|DEFAULT|DEFINER|DELAYED|DELETE|DELIMITERS?|DENY|DESC|DESCRIBE|DETERMINISTIC|DISABLE|DISCARD|DISK|DISTINCT|DISTINCTROW|DISTRIBUTED|DO|DOUBLE|DROP|DUMMY|DUMP(?:FILE)?|DUPLICATE|ELSE(?:IF)?|ENABLE|ENCLOSED|END|ENGINE|ENUM|ERRLVL|ERRORS|ESCAPED?|EXCEPT|EXEC(?:UTE)?|EXISTS|EXIT|EXPLAIN|EXTENDED|FETCH|FIELDS|FILE|FILLFACTOR|FIRST|FIXED|FLOAT|FOLLOWING|FOR(?: EACH ROW)?|FORCE|FOREIGN|FREETEXT(?:TABLE)?|FROM|FULL|FUNCTION|GEOMETRY(?:COLLECTION)?|GLOBAL|GOTO|GRANT|GROUP|HANDLER|HASH|HAVING|HOLDLOCK|HOUR|IDENTITY(?:COL|_INSERT)?|IF|IGNORE|IMPORT|INDEX|INFILE|INNER|INNODB|INOUT|INSERT|INT|INTEGER|INTERSECT|INTERVAL|INTO|INVOKER|ISOLATION|ITERATE|JOIN|KEYS?|KILL|LANGUAGE|LAST|LEAVE|LEFT|LEVEL|LIMIT|LINENO|LINES|LINESTRING|LOAD|LOCAL|LOCK|LONG(?:BLOB|TEXT)|LOOP|MATCH(?:ED)?|MEDIUM(?:BLOB|INT|TEXT)|MERGE|MIDDLEINT|MINUTE|MODE|MODIFIES|MODIFY|MONTH|MULTI(?:LINESTRING|POINT|POLYGON)|NATIONAL|NATURAL|NCHAR|NEXT|NO|NONCLUSTERED|NULLIF|NUMERIC|OFF?|OFFSETS?|ON|OPEN(?:DATASOURCE|QUERY|ROWSET)?|OPTIMIZE|OPTION(?:ALLY)?|ORDER|OUT(?:ER|FILE)?|OVER|PARTIAL|PARTITION|PERCENT|PIVOT|PLAN|POINT|POLYGON|PRECEDING|PRECISION|PREPARE|PREV|PRIMARY|PRINT|PRIVILEGES|PROC(?:EDURE)?|PUBLIC|PURGE|QUICK|RAISERROR|READS?|REAL|RECONFIGURE|REFERENCES|RELEASE|RENAME|REPEAT(?:ABLE)?|REPLACE|REPLICATION|REQUIRE|RESIGNAL|RESTORE|RESTRICT|RETURN(?:ING|S)?|REVOKE|RIGHT|ROLLBACK|ROUTINE|ROW(?:COUNT|GUIDCOL|S)?|RTREE|RULE|SAVE(?:POINT)?|SCHEMA|SECOND|SELECT|SERIAL(?:IZABLE)?|SESSION(?:_USER)?|SET(?:USER)?|SHARE|SHOW|SHUTDOWN|SIMPLE|SMALLINT|SNAPSHOT|SOME|SONAME|SQL|START(?:ING)?|STATISTICS|STATUS|STRIPED|SYSTEM_USER|TABLES?|TABLESPACE|TEMP(?:ORARY|TABLE)?|TERMINATED|TEXT(?:SIZE)?|THEN|TIME(?:STAMP)?|TINY(?:BLOB|INT|TEXT)|TOP?|TRAN(?:SACTIONS?)?|TRIGGER|TRUNCATE|TSEQUAL|TYPES?|UNBOUNDED|UNCOMMITTED|UNDEFINED|UNION|UNIQUE|UNLOCK|UNPIVOT|UNSIGNED|UPDATE(?:TEXT)?|USAGE|USE|USER|USING|VALUES?|VAR(?:BINARY|CHAR|CHARACTER|YING)|VIEW|WAITFOR|WARNINGS|WHEN|WHERE|WHILE|WITH(?: ROLLUP|IN)?|WORK|WRITE(?:TEXT)?|YEAR)\b/i,boolean:/\b(?:FALSE|NULL|TRUE)\b/i,number:/\b0x[\da-f]+\b|\b\d+(?:\.\d*)?|\B\.\d+\b/i,operator:/[-+*\/=%^~]|&&?|\|\|?|!=?|<(?:=>?|<|>)?|>[>=]?|\b(?:AND|BETWEEN|DIV|ILIKE|IN|IS|LIKE|NOT|OR|REGEXP|RLIKE|SOUNDS LIKE|XOR)\b/i,punctuation:/[;[\]()`,.]/},function(e){var t=e.languages.javascript["template-string"],n=t.pattern.source,r=t.inside.interpolation,o=r.inside["interpolation-punctuation"],a=r.pattern.source;function i(t,r){if(e.languages[t])return{pattern:RegExp("((?:"+r+")\\s*)"+n),lookbehind:!0,greedy:!0,inside:{"template-punctuation":{pattern:/^`|`$/,alias:"string"},"embedded-code":{pattern:/[\s\S]+/,alias:t}}}}function s(t,n,r){return t={code:t,grammar:n,language:r},e.hooks.run("before-tokenize",t),t.tokens=e.tokenize(t.code,t.grammar),e.hooks.run("after-tokenize",t),t.tokens}function l(t,n,i){var l=e.tokenize(t,{interpolation:{pattern:RegExp(a),lookbehind:!0}}),c=0,u={},d=(l=s(l.map((function(e){if("string"==typeof e)return e;var n,r;for(e=e.content;-1!==t.indexOf((r=c++,n="___"+i.toUpperCase()+"_"+r+"___")););return u[n]=e,n})).join(""),n,i),Object.keys(u));return c=0,function t(n){for(var a=0;a<n.length;a++){if(c>=d.length)return;var i,l,p,f,m,h,g,b=n[a];"string"==typeof b||"string"==typeof b.content?(i=d[c],-1!==(g=(h="string"==typeof b?b:b.content).indexOf(i))&&(++c,l=h.substring(0,g),m=u[i],p=void 0,(f={})["interpolation-punctuation"]=o,3===(f=e.tokenize(m,f)).length&&((p=[1,1]).push.apply(p,s(f[1],e.languages.javascript,"javascript")),f.splice.apply(f,p)),p=new e.Token("interpolation",f,r.alias,m),f=h.substring(g+i.length),m=[],l&&m.push(l),m.push(p),f&&(t(h=[f]),m.push.apply(m,h)),"string"==typeof b?(n.splice.apply(n,[a,1].concat(m)),a+=m.length-1):b.content=m)):(g=b.content,Array.isArray(g)?t(g):t([g]))}}(l),new e.Token(i,l,"language-"+i,t)}e.languages.javascript["template-string"]=[i("css",/\b(?:styled(?:\([^)]*\))?(?:\s*\.\s*\w+(?:\([^)]*\))*)*|css(?:\s*\.\s*(?:global|resolve))?|createGlobalStyle|keyframes)/.source),i("html",/\bhtml|\.\s*(?:inner|outer)HTML\s*\+?=/.source),i("svg",/\bsvg/.source),i("markdown",/\b(?:markdown|md)/.source),i("graphql",/\b(?:gql|graphql(?:\s*\.\s*experimental)?)/.source),i("sql",/\bsql/.source),t].filter(Boolean);var c={javascript:!0,js:!0,typescript:!0,ts:!0,jsx:!0,tsx:!0};function u(e){return"string"==typeof e?e:Array.isArray(e)?e.map(u).join(""):u(e.content)}e.hooks.add("after-tokenize",(function(t){t.language in c&&function t(n){for(var r=0,o=n.length;r<o;r++){var a,i,s,c=n[r];"string"!=typeof c&&(a=c.content,Array.isArray(a)?"template-string"===c.type?(c=a[1],3===a.length&&"string"!=typeof c&&"embedded-code"===c.type&&(i=u(c),c=c.alias,c=Array.isArray(c)?c[0]:c,s=e.languages[c])&&(a[1]=l(i,s,c))):t(a):"string"!=typeof a&&t([a]))}}(t.tokens)}))}(S),function(e){e.languages.typescript=e.languages.extend("javascript",{"class-name":{pattern:/(\b(?:class|extends|implements|instanceof|interface|new|type)\s+)(?!keyof\b)(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?:\s*<(?:[^<>]|<(?:[^<>]|<[^<>]*>)*>)*>)?/,lookbehind:!0,greedy:!0,inside:null},builtin:/\b(?:Array|Function|Promise|any|boolean|console|never|number|string|symbol|unknown)\b/}),e.languages.typescript.keyword.push(/\b(?:abstract|declare|is|keyof|readonly|require)\b/,/\b(?:asserts|infer|interface|module|namespace|type)\b(?=\s*(?:[{_$a-zA-Z\xA0-\uFFFF]|$))/,/\btype\b(?=\s*(?:[\{*]|$))/),delete e.languages.typescript.parameter,delete e.languages.typescript["literal-property"];var t=e.languages.extend("typescript",{});delete t["class-name"],e.languages.typescript["class-name"].inside=t,e.languages.insertBefore("typescript","function",{decorator:{pattern:/@[$\w\xA0-\uFFFF]+/,inside:{at:{pattern:/^@/,alias:"operator"},function:/^[\s\S]+/}},"generic-function":{pattern:/#?(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*\s*<(?:[^<>]|<(?:[^<>]|<[^<>]*>)*>)*>(?=\s*\()/,greedy:!0,inside:{function:/^#?(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*/,generic:{pattern:/<[\s\S]+/,alias:"class-name",inside:t}}}}),e.languages.ts=e.languages.typescript}(S),function(e){var t=e.languages.javascript,n=/\{(?:[^{}]|\{(?:[^{}]|\{[^{}]*\})*\})+\}/.source,r="(@(?:arg|argument|param|property)\\s+(?:"+n+"\\s+)?)";e.languages.jsdoc=e.languages.extend("javadoclike",{parameter:{pattern:RegExp(r+/(?:(?!\s)[$\w\xA0-\uFFFF.])+(?=\s|$)/.source),lookbehind:!0,inside:{punctuation:/\./}}}),e.languages.insertBefore("jsdoc","keyword",{"optional-parameter":{pattern:RegExp(r+/\[(?:(?!\s)[$\w\xA0-\uFFFF.])+(?:=[^[\]]+)?\](?=\s|$)/.source),lookbehind:!0,inside:{parameter:{pattern:/(^\[)[$\w\xA0-\uFFFF\.]+/,lookbehind:!0,inside:{punctuation:/\./}},code:{pattern:/(=)[\s\S]*(?=\]$)/,lookbehind:!0,inside:t,alias:"language-javascript"},punctuation:/[=[\]]/}},"class-name":[{pattern:RegExp(/(@(?:augments|class|extends|interface|memberof!?|template|this|typedef)\s+(?:<TYPE>\s+)?)[A-Z]\w*(?:\.[A-Z]\w*)*/.source.replace(/<TYPE>/g,(function(){return n}))),lookbehind:!0,inside:{punctuation:/\./}},{pattern:RegExp("(@[a-z]+\\s+)"+n),lookbehind:!0,inside:{string:t.string,number:t.number,boolean:t.boolean,keyword:e.languages.typescript.keyword,operator:/=>|\.\.\.|[&|?:*]/,punctuation:/[.,;=<>{}()[\]]/}}],example:{pattern:/(@example\s+(?!\s))(?:[^@\s]|\s+(?!\s))+?(?=\s*(?:\*\s*)?(?:@\w|\*\/))/,lookbehind:!0,inside:{code:{pattern:/^([\t ]*(?:\*\s*)?)\S.*$/m,lookbehind:!0,inside:t,alias:"language-javascript"}}}}),e.languages.javadoclike.addSupport("javascript",e.languages.jsdoc)}(S),function(e){e.languages.flow=e.languages.extend("javascript",{}),e.languages.insertBefore("flow","keyword",{type:[{pattern:/\b(?:[Bb]oolean|Function|[Nn]umber|[Ss]tring|[Ss]ymbol|any|mixed|null|void)\b/,alias:"class-name"}]}),e.languages.flow["function-variable"].pattern=/(?!\s)[_$a-z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*=\s*(?:function\b|(?:\([^()]*\)(?:\s*:\s*\w+)?|(?!\s)[_$a-z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*)\s*=>))/i,delete e.languages.flow.parameter,e.languages.insertBefore("flow","operator",{"flow-punctuation":{pattern:/\{\||\|\}/,alias:"punctuation"}}),Array.isArray(e.languages.flow.keyword)||(e.languages.flow.keyword=[e.languages.flow.keyword]),e.languages.flow.keyword.unshift({pattern:/(^|[^$]\b)(?:Class|declare|opaque|type)\b(?!\$)/,lookbehind:!0},{pattern:/(^|[^$]\B)\$(?:Diff|Enum|Exact|Keys|ObjMap|PropertyType|Record|Shape|Subtype|Supertype|await)\b(?!\$)/,lookbehind:!0})}(S),S.languages.n4js=S.languages.extend("javascript",{keyword:/\b(?:Array|any|boolean|break|case|catch|class|const|constructor|continue|debugger|declare|default|delete|do|else|enum|export|extends|false|finally|for|from|function|get|if|implements|import|in|instanceof|interface|let|module|new|null|number|package|private|protected|public|return|set|static|string|super|switch|this|throw|true|try|typeof|var|void|while|with|yield)\b/}),S.languages.insertBefore("n4js","constant",{annotation:{pattern:/@+\w+/,alias:"operator"}}),S.languages.n4jsd=S.languages.n4js,function(e){function t(e,t){return RegExp(e.replace(/<ID>/g,(function(){return/(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*/.source})),t)}e.languages.insertBefore("javascript","function-variable",{"method-variable":{pattern:RegExp("(\\.\\s*)"+e.languages.javascript["function-variable"].pattern.source),lookbehind:!0,alias:["function-variable","method","function","property-access"]}}),e.languages.insertBefore("javascript","function",{method:{pattern:RegExp("(\\.\\s*)"+e.languages.javascript.function.source),lookbehind:!0,alias:["function","property-access"]}}),e.languages.insertBefore("javascript","constant",{"known-class-name":[{pattern:/\b(?:(?:Float(?:32|64)|(?:Int|Uint)(?:8|16|32)|Uint8Clamped)?Array|ArrayBuffer|BigInt|Boolean|DataView|Date|Error|Function|Intl|JSON|(?:Weak)?(?:Map|Set)|Math|Number|Object|Promise|Proxy|Reflect|RegExp|String|Symbol|WebAssembly)\b/,alias:"class-name"},{pattern:/\b(?:[A-Z]\w*)Error\b/,alias:"class-name"}]}),e.languages.insertBefore("javascript","keyword",{imports:{pattern:t(/(\bimport\b\s*)(?:<ID>(?:\s*,\s*(?:\*\s*as\s+<ID>|\{[^{}]*\}))?|\*\s*as\s+<ID>|\{[^{}]*\})(?=\s*\bfrom\b)/.source),lookbehind:!0,inside:e.languages.javascript},exports:{pattern:t(/(\bexport\b\s*)(?:\*(?:\s*as\s+<ID>)?(?=\s*\bfrom\b)|\{[^{}]*\})/.source),lookbehind:!0,inside:e.languages.javascript}}),e.languages.javascript.keyword.unshift({pattern:/\b(?:as|default|export|from|import)\b/,alias:"module"},{pattern:/\b(?:await|break|catch|continue|do|else|finally|for|if|return|switch|throw|try|while|yield)\b/,alias:"control-flow"},{pattern:/\bnull\b/,alias:["null","nil"]},{pattern:/\bundefined\b/,alias:"nil"}),e.languages.insertBefore("javascript","operator",{spread:{pattern:/\.{3}/,alias:"operator"},arrow:{pattern:/=>/,alias:"operator"}}),e.languages.insertBefore("javascript","punctuation",{"property-access":{pattern:t(/(\.\s*)#?<ID>/.source),lookbehind:!0},"maybe-class-name":{pattern:/(^|[^$\w\xA0-\uFFFF])[A-Z][$\w\xA0-\uFFFF]+/,lookbehind:!0},dom:{pattern:/\b(?:document|(?:local|session)Storage|location|navigator|performance|window)\b/,alias:"variable"},console:{pattern:/\bconsole(?=\s*\.)/,alias:"class-name"}});for(var n=["function","function-variable","method","method-variable","property-access"],r=0;r<n.length;r++){var o=n[r],a=e.languages.javascript[o];o=(a="RegExp"===e.util.type(a)?e.languages.javascript[o]={pattern:a}:a).inside||{};(a.inside=o)["maybe-class-name"]=/^[A-Z][\s\S]*/}}(S),function(e){var t=e.util.clone(e.languages.javascript),n=/(?:\s|\/\/.*(?!.)|\/\*(?:[^*]|\*(?!\/))\*\/)/.source,r=/(?:\{(?:\{(?:\{[^{}]*\}|[^{}])*\}|[^{}])*\})/.source,o=/(?:\{<S>*\.{3}(?:[^{}]|<BRACES>)*\})/.source;function a(e,t){return e=e.replace(/<S>/g,(function(){return n})).replace(/<BRACES>/g,(function(){return r})).replace(/<SPREAD>/g,(function(){return o})),RegExp(e,t)}function i(t){for(var n=[],r=0;r<t.length;r++){var o=t[r],a=!1;"string"!=typeof o&&("tag"===o.type&&o.content[0]&&"tag"===o.content[0].type?"</"===o.content[0].content[0].content?0<n.length&&n[n.length-1].tagName===s(o.content[0].content[1])&&n.pop():"/>"!==o.content[o.content.length-1].content&&n.push({tagName:s(o.content[0].content[1]),openedBraces:0}):0<n.length&&"punctuation"===o.type&&"{"===o.content?n[n.length-1].openedBraces++:0<n.length&&0<n[n.length-1].openedBraces&&"punctuation"===o.type&&"}"===o.content?n[n.length-1].openedBraces--:a=!0),(a||"string"==typeof o)&&0<n.length&&0===n[n.length-1].openedBraces&&(a=s(o),r<t.length-1&&("string"==typeof t[r+1]||"plain-text"===t[r+1].type)&&(a+=s(t[r+1]),t.splice(r+1,1)),0<r&&("string"==typeof t[r-1]||"plain-text"===t[r-1].type)&&(a=s(t[r-1])+a,t.splice(r-1,1),r--),t[r]=new e.Token("plain-text",a,null,a)),o.content&&"string"!=typeof o.content&&i(o.content)}}o=a(o).source,e.languages.jsx=e.languages.extend("markup",t),e.languages.jsx.tag.pattern=a(/<\/?(?:[\w.:-]+(?:<S>+(?:[\w.:$-]+(?:=(?:"(?:\\[\s\S]|[^\\"])*"|'(?:\\[\s\S]|[^\\'])*'|[^\s{'"/>=]+|<BRACES>))?|<SPREAD>))*<S>*\/?)?>/.source),e.languages.jsx.tag.inside.tag.pattern=/^<\/?[^\s>\/]*/,e.languages.jsx.tag.inside["attr-value"].pattern=/=(?!\{)(?:"(?:\\[\s\S]|[^\\"])*"|'(?:\\[\s\S]|[^\\'])*'|[^\s'">]+)/,e.languages.jsx.tag.inside.tag.inside["class-name"]=/^[A-Z]\w*(?:\.[A-Z]\w*)*$/,e.languages.jsx.tag.inside.comment=t.comment,e.languages.insertBefore("inside","attr-name",{spread:{pattern:a(/<SPREAD>/.source),inside:e.languages.jsx}},e.languages.jsx.tag),e.languages.insertBefore("inside","special-attr",{script:{pattern:a(/=<BRACES>/.source),alias:"language-javascript",inside:{"script-punctuation":{pattern:/^=(?=\{)/,alias:"punctuation"},rest:e.languages.jsx}}},e.languages.jsx.tag);var s=function(e){return e?"string"==typeof e?e:"string"==typeof e.content?e.content:e.content.map(s).join(""):""};e.hooks.add("after-tokenize",(function(e){"jsx"!==e.language&&"tsx"!==e.language||i(e.tokens)}))}(S),function(e){var t=e.util.clone(e.languages.typescript);(t=(e.languages.tsx=e.languages.extend("jsx",t),delete e.languages.tsx.parameter,delete e.languages.tsx["literal-property"],e.languages.tsx.tag)).pattern=RegExp(/(^|[^\w$]|(?=<\/))/.source+"(?:"+t.pattern.source+")",t.pattern.flags),t.lookbehind=!0}(S),S.languages.swift={comment:{pattern:/(^|[^\\:])(?:\/\/.*|\/\*(?:[^/*]|\/(?!\*)|\*(?!\/)|\/\*(?:[^*]|\*(?!\/))*\*\/)*\*\/)/,lookbehind:!0,greedy:!0},"string-literal":[{pattern:RegExp(/(^|[^"#])/.source+"(?:"+/"(?:\\(?:\((?:[^()]|\([^()]*\))*\)|\r\n|[^(])|[^\\\r\n"])*"/.source+"|"+/"""(?:\\(?:\((?:[^()]|\([^()]*\))*\)|[^(])|[^\\"]|"(?!""))*"""/.source+")"+/(?!["#])/.source),lookbehind:!0,greedy:!0,inside:{interpolation:{pattern:/(\\\()(?:[^()]|\([^()]*\))*(?=\))/,lookbehind:!0,inside:null},"interpolation-punctuation":{pattern:/^\)|\\\($/,alias:"punctuation"},punctuation:/\\(?=[\r\n])/,string:/[\s\S]+/}},{pattern:RegExp(/(^|[^"#])(#+)/.source+"(?:"+/"(?:\\(?:#+\((?:[^()]|\([^()]*\))*\)|\r\n|[^#])|[^\\\r\n])*?"/.source+"|"+/"""(?:\\(?:#+\((?:[^()]|\([^()]*\))*\)|[^#])|[^\\])*?"""/.source+")\\2"),lookbehind:!0,greedy:!0,inside:{interpolation:{pattern:/(\\#+\()(?:[^()]|\([^()]*\))*(?=\))/,lookbehind:!0,inside:null},"interpolation-punctuation":{pattern:/^\)|\\#+\($/,alias:"punctuation"},string:/[\s\S]+/}}],directive:{pattern:RegExp(/#/.source+"(?:"+/(?:elseif|if)\b/.source+"(?:[ \t]*"+/(?:![ \t]*)?(?:\b\w+\b(?:[ \t]*\((?:[^()]|\([^()]*\))*\))?|\((?:[^()]|\([^()]*\))*\))(?:[ \t]*(?:&&|\|\|))?/.source+")+|"+/(?:else|endif)\b/.source+")"),alias:"property",inside:{"directive-name":/^#\w+/,boolean:/\b(?:false|true)\b/,number:/\b\d+(?:\.\d+)*\b/,operator:/!|&&|\|\||[<>]=?/,punctuation:/[(),]/}},literal:{pattern:/#(?:colorLiteral|column|dsohandle|file(?:ID|Literal|Path)?|function|imageLiteral|line)\b/,alias:"constant"},"other-directive":{pattern:/#\w+\b/,alias:"property"},attribute:{pattern:/@\w+/,alias:"atrule"},"function-definition":{pattern:/(\bfunc\s+)\w+/,lookbehind:!0,alias:"function"},label:{pattern:/\b(break|continue)\s+\w+|\b[a-zA-Z_]\w*(?=\s*:\s*(?:for|repeat|while)\b)/,lookbehind:!0,alias:"important"},keyword:/\b(?:Any|Protocol|Self|Type|actor|as|assignment|associatedtype|associativity|async|await|break|case|catch|class|continue|convenience|default|defer|deinit|didSet|do|dynamic|else|enum|extension|fallthrough|fileprivate|final|for|func|get|guard|higherThan|if|import|in|indirect|infix|init|inout|internal|is|isolated|lazy|left|let|lowerThan|mutating|none|nonisolated|nonmutating|open|operator|optional|override|postfix|precedencegroup|prefix|private|protocol|public|repeat|required|rethrows|return|right|safe|self|set|some|static|struct|subscript|super|switch|throw|throws|try|typealias|unowned|unsafe|var|weak|where|while|willSet)\b/,boolean:/\b(?:false|true)\b/,nil:{pattern:/\bnil\b/,alias:"constant"},"short-argument":/\$\d+\b/,omit:{pattern:/\b_\b/,alias:"keyword"},number:/\b(?:[\d_]+(?:\.[\de_]+)?|0x[a-f0-9_]+(?:\.[a-f0-9p_]+)?|0b[01_]+|0o[0-7_]+)\b/i,"class-name":/\b[A-Z](?:[A-Z_\d]*[a-z]\w*)?\b/,function:/\b[a-z_]\w*(?=\s*\()/i,constant:/\b(?:[A-Z_]{2,}|k[A-Z][A-Za-z_]+)\b/,operator:/[-+*/%=!<>&|^~?]+|\.[.\-+*/%=!<>&|^~?]+/,punctuation:/[{}[\]();,.:\\]/},S.languages.swift["string-literal"].forEach((function(e){e.inside.interpolation.inside=S.languages.swift})),function(e){e.languages.kotlin=e.languages.extend("clike",{keyword:{pattern:/(^|[^.])\b(?:abstract|actual|annotation|as|break|by|catch|class|companion|const|constructor|continue|crossinline|data|do|dynamic|else|enum|expect|external|final|finally|for|fun|get|if|import|in|infix|init|inline|inner|interface|internal|is|lateinit|noinline|null|object|open|operator|out|override|package|private|protected|public|reified|return|sealed|set|super|suspend|tailrec|this|throw|to|try|typealias|val|var|vararg|when|where|while)\b/,lookbehind:!0},function:[{pattern:/(?:`[^\r\n`]+`|\b\w+)(?=\s*\()/,greedy:!0},{pattern:/(\.)(?:`[^\r\n`]+`|\w+)(?=\s*\{)/,lookbehind:!0,greedy:!0}],number:/\b(?:0[xX][\da-fA-F]+(?:_[\da-fA-F]+)*|0[bB][01]+(?:_[01]+)*|\d+(?:_\d+)*(?:\.\d+(?:_\d+)*)?(?:[eE][+-]?\d+(?:_\d+)*)?[fFL]?)\b/,operator:/\+[+=]?|-[-=>]?|==?=?|!(?:!|==?)?|[\/*%<>]=?|[?:]:?|\.\.|&&|\|\||\b(?:and|inv|or|shl|shr|ushr|xor)\b/}),delete e.languages.kotlin["class-name"];var t={"interpolation-punctuation":{pattern:/^\$\{?|\}$/,alias:"punctuation"},expression:{pattern:/[\s\S]+/,inside:e.languages.kotlin}};e.languages.insertBefore("kotlin","string",{"string-literal":[{pattern:/"""(?:[^$]|\$(?:(?!\{)|\{[^{}]*\}))*?"""/,alias:"multiline",inside:{interpolation:{pattern:/\$(?:[a-z_]\w*|\{[^{}]*\})/i,inside:t},string:/[\s\S]+/}},{pattern:/"(?:[^"\\\r\n$]|\\.|\$(?:(?!\{)|\{[^{}]*\}))*"/,alias:"singleline",inside:{interpolation:{pattern:/((?:^|[^\\])(?:\\{2})*)\$(?:[a-z_]\w*|\{[^{}]*\})/i,lookbehind:!0,inside:t},string:/[\s\S]+/}}],char:{pattern:/'(?:[^'\\\r\n]|\\(?:.|u[a-fA-F0-9]{0,4}))'/,greedy:!0}}),delete e.languages.kotlin.string,e.languages.insertBefore("kotlin","keyword",{annotation:{pattern:/\B@(?:\w+:)?(?:[A-Z]\w*|\[[^\]]+\])/,alias:"builtin"}}),e.languages.insertBefore("kotlin","function",{label:{pattern:/\b\w+@|@\w+\b/,alias:"symbol"}}),e.languages.kt=e.languages.kotlin,e.languages.kts=e.languages.kotlin}(S),S.languages.c=S.languages.extend("clike",{comment:{pattern:/\/\/(?:[^\r\n\\]|\\(?:\r\n?|\n|(?![\r\n])))*|\/\*[\s\S]*?(?:\*\/|$)/,greedy:!0},string:{pattern:/"(?:\\(?:\r\n|[\s\S])|[^"\\\r\n])*"/,greedy:!0},"class-name":{pattern:/(\b(?:enum|struct)\s+(?:__attribute__\s*\(\([\s\S]*?\)\)\s*)?)\w+|\b[a-z]\w*_t\b/,lookbehind:!0},keyword:/\b(?:_Alignas|_Alignof|_Atomic|_Bool|_Complex|_Generic|_Imaginary|_Noreturn|_Static_assert|_Thread_local|__attribute__|asm|auto|break|case|char|const|continue|default|do|double|else|enum|extern|float|for|goto|if|inline|int|long|register|return|short|signed|sizeof|static|struct|switch|typedef|typeof|union|unsigned|void|volatile|while)\b/,function:/\b[a-z_]\w*(?=\s*\()/i,number:/(?:\b0x(?:[\da-f]+(?:\.[\da-f]*)?|\.[\da-f]+)(?:p[+-]?\d+)?|(?:\b\d+(?:\.\d*)?|\B\.\d+)(?:e[+-]?\d+)?)[ful]{0,4}/i,operator:/>>=?|<<=?|->|([-+&|:])\1|[?:~]|[-+*/%&|^!=<>]=?/}),S.languages.insertBefore("c","string",{char:{pattern:/'(?:\\(?:\r\n|[\s\S])|[^'\\\r\n]){0,32}'/,greedy:!0}}),S.languages.insertBefore("c","string",{macro:{pattern:/(^[\t ]*)#\s*[a-z](?:[^\r\n\\/]|\/(?!\*)|\/\*(?:[^*]|\*(?!\/))*\*\/|\\(?:\r\n|[\s\S]))*/im,lookbehind:!0,greedy:!0,alias:"property",inside:{string:[{pattern:/^(#\s*include\s*)<[^>]+>/,lookbehind:!0},S.languages.c.string],char:S.languages.c.char,comment:S.languages.c.comment,"macro-name":[{pattern:/(^#\s*define\s+)\w+\b(?!\()/i,lookbehind:!0},{pattern:/(^#\s*define\s+)\w+\b(?=\()/i,lookbehind:!0,alias:"function"}],directive:{pattern:/^(#\s*)[a-z]+/,lookbehind:!0,alias:"keyword"},"directive-hash":/^#/,punctuation:/##|\\(?=[\r\n])/,expression:{pattern:/\S[\s\S]*/,inside:S.languages.c}}}}),S.languages.insertBefore("c","function",{constant:/\b(?:EOF|NULL|SEEK_CUR|SEEK_END|SEEK_SET|__DATE__|__FILE__|__LINE__|__TIMESTAMP__|__TIME__|__func__|stderr|stdin|stdout)\b/}),delete S.languages.c.boolean,S.languages.objectivec=S.languages.extend("c",{string:{pattern:/@?"(?:\\(?:\r\n|[\s\S])|[^"\\\r\n])*"/,greedy:!0},keyword:/\b(?:asm|auto|break|case|char|const|continue|default|do|double|else|enum|extern|float|for|goto|if|in|inline|int|long|register|return|self|short|signed|sizeof|static|struct|super|switch|typedef|typeof|union|unsigned|void|volatile|while)\b|(?:@interface|@end|@implementation|@protocol|@class|@public|@protected|@private|@property|@try|@catch|@finally|@throw|@synthesize|@dynamic|@selector)\b/,operator:/-[->]?|\+\+?|!=?|<<?=?|>>?=?|==?|&&?|\|\|?|[~^%?*\/@]/}),delete S.languages.objectivec["class-name"],S.languages.objc=S.languages.objectivec,S.languages.reason=S.languages.extend("clike",{string:{pattern:/"(?:\\(?:\r\n|[\s\S])|[^\\\r\n"])*"/,greedy:!0},"class-name":/\b[A-Z]\w*/,keyword:/\b(?:and|as|assert|begin|class|constraint|do|done|downto|else|end|exception|external|for|fun|function|functor|if|in|include|inherit|initializer|lazy|let|method|module|mutable|new|nonrec|object|of|open|or|private|rec|sig|struct|switch|then|to|try|type|val|virtual|when|while|with)\b/,operator:/\.{3}|:[:=]|\|>|->|=(?:==?|>)?|<=?|>=?|[|^?'#!~`]|[+\-*\/]\.?|\b(?:asr|land|lor|lsl|lsr|lxor|mod)\b/}),S.languages.insertBefore("reason","class-name",{char:{pattern:/'(?:\\x[\da-f]{2}|\\o[0-3][0-7][0-7]|\\\d{3}|\\.|[^'\\\r\n])'/,greedy:!0},constructor:/\b[A-Z]\w*\b(?!\s*\.)/,label:{pattern:/\b[a-z]\w*(?=::)/,alias:"symbol"}}),delete S.languages.reason.function,function(e){for(var t=/\/\*(?:[^*/]|\*(?!\/)|\/(?!\*)|<self>)*\*\//.source,n=0;n<2;n++)t=t.replace(/<self>/g,(function(){return t}));t=t.replace(/<self>/g,(function(){return/[^\s\S]/.source})),e.languages.rust={comment:[{pattern:RegExp(/(^|[^\\])/.source+t),lookbehind:!0,greedy:!0},{pattern:/(^|[^\\:])\/\/.*/,lookbehind:!0,greedy:!0}],string:{pattern:/b?"(?:\\[\s\S]|[^\\"])*"|b?r(#*)"(?:[^"]|"(?!\1))*"\1/,greedy:!0},char:{pattern:/b?'(?:\\(?:x[0-7][\da-fA-F]|u\{(?:[\da-fA-F]_*){1,6}\}|.)|[^\\\r\n\t'])'/,greedy:!0},attribute:{pattern:/#!?\[(?:[^\[\]"]|"(?:\\[\s\S]|[^\\"])*")*\]/,greedy:!0,alias:"attr-name",inside:{string:null}},"closure-params":{pattern:/([=(,:]\s*|\bmove\s*)\|[^|]*\||\|[^|]*\|(?=\s*(?:\{|->))/,lookbehind:!0,greedy:!0,inside:{"closure-punctuation":{pattern:/^\||\|$/,alias:"punctuation"},rest:null}},"lifetime-annotation":{pattern:/'\w+/,alias:"symbol"},"fragment-specifier":{pattern:/(\$\w+:)[a-z]+/,lookbehind:!0,alias:"punctuation"},variable:/\$\w+/,"function-definition":{pattern:/(\bfn\s+)\w+/,lookbehind:!0,alias:"function"},"type-definition":{pattern:/(\b(?:enum|struct|trait|type|union)\s+)\w+/,lookbehind:!0,alias:"class-name"},"module-declaration":[{pattern:/(\b(?:crate|mod)\s+)[a-z][a-z_\d]*/,lookbehind:!0,alias:"namespace"},{pattern:/(\b(?:crate|self|super)\s*)::\s*[a-z][a-z_\d]*\b(?:\s*::(?:\s*[a-z][a-z_\d]*\s*::)*)?/,lookbehind:!0,alias:"namespace",inside:{punctuation:/::/}}],keyword:[/\b(?:Self|abstract|as|async|await|become|box|break|const|continue|crate|do|dyn|else|enum|extern|final|fn|for|if|impl|in|let|loop|macro|match|mod|move|mut|override|priv|pub|ref|return|self|static|struct|super|trait|try|type|typeof|union|unsafe|unsized|use|virtual|where|while|yield)\b/,/\b(?:bool|char|f(?:32|64)|[ui](?:8|16|32|64|128|size)|str)\b/],function:/\b[a-z_]\w*(?=\s*(?:::\s*<|\())/,macro:{pattern:/\b\w+!/,alias:"property"},constant:/\b[A-Z_][A-Z_\d]+\b/,"class-name":/\b[A-Z]\w*\b/,namespace:{pattern:/(?:\b[a-z][a-z_\d]*\s*::\s*)*\b[a-z][a-z_\d]*\s*::(?!\s*<)/,inside:{punctuation:/::/}},number:/\b(?:0x[\dA-Fa-f](?:_?[\dA-Fa-f])*|0o[0-7](?:_?[0-7])*|0b[01](?:_?[01])*|(?:(?:\d(?:_?\d)*)?\.)?\d(?:_?\d)*(?:[Ee][+-]?\d+)?)(?:_?(?:f32|f64|[iu](?:8|16|32|64|size)?))?\b/,boolean:/\b(?:false|true)\b/,punctuation:/->|\.\.=|\.{1,3}|::|[{}[\];(),:]/,operator:/[-+*\/%!^]=?|=[=>]?|&[&=]?|\|[|=]?|<<?=?|>>?=?|[@?]/},e.languages.rust["closure-params"].inside.rest=e.languages.rust,e.languages.rust.attribute.inside.string=e.languages.rust.string}(S),S.languages.go=S.languages.extend("clike",{string:{pattern:/(^|[^\\])"(?:\\.|[^"\\\r\n])*"|`[^`]*`/,lookbehind:!0,greedy:!0},keyword:/\b(?:break|case|chan|const|continue|default|defer|else|fallthrough|for|func|go(?:to)?|if|import|interface|map|package|range|return|select|struct|switch|type|var)\b/,boolean:/\b(?:_|false|iota|nil|true)\b/,number:[/\b0(?:b[01_]+|o[0-7_]+)i?\b/i,/\b0x(?:[a-f\d_]+(?:\.[a-f\d_]*)?|\.[a-f\d_]+)(?:p[+-]?\d+(?:_\d+)*)?i?(?!\w)/i,/(?:\b\d[\d_]*(?:\.[\d_]*)?|\B\.\d[\d_]*)(?:e[+-]?[\d_]+)?i?(?!\w)/i],operator:/[*\/%^!=]=?|\+[=+]?|-[=-]?|\|[=|]?|&(?:=|&|\^=?)?|>(?:>=?|=)?|<(?:<=?|=|-)?|:=|\.\.\./,builtin:/\b(?:append|bool|byte|cap|close|complex|complex(?:64|128)|copy|delete|error|float(?:32|64)|u?int(?:8|16|32|64)?|imag|len|make|new|panic|print(?:ln)?|real|recover|rune|string|uintptr)\b/}),S.languages.insertBefore("go","string",{char:{pattern:/'(?:\\.|[^'\\\r\n]){0,10}'/,greedy:!0}}),delete S.languages.go["class-name"],function(e){var t=/\b(?:alignas|alignof|asm|auto|bool|break|case|catch|char|char16_t|char32_t|char8_t|class|co_await|co_return|co_yield|compl|concept|const|const_cast|consteval|constexpr|constinit|continue|decltype|default|delete|do|double|dynamic_cast|else|enum|explicit|export|extern|final|float|for|friend|goto|if|import|inline|int|int16_t|int32_t|int64_t|int8_t|long|module|mutable|namespace|new|noexcept|nullptr|operator|override|private|protected|public|register|reinterpret_cast|requires|return|short|signed|sizeof|static|static_assert|static_cast|struct|switch|template|this|thread_local|throw|try|typedef|typeid|typename|uint16_t|uint32_t|uint64_t|uint8_t|union|unsigned|using|virtual|void|volatile|wchar_t|while)\b/,n=/\b(?!<keyword>)\w+(?:\s*\.\s*\w+)*\b/.source.replace(/<keyword>/g,(function(){return t.source}));e.languages.cpp=e.languages.extend("c",{"class-name":[{pattern:RegExp(/(\b(?:class|concept|enum|struct|typename)\s+)(?!<keyword>)\w+/.source.replace(/<keyword>/g,(function(){return t.source}))),lookbehind:!0},/\b[A-Z]\w*(?=\s*::\s*\w+\s*\()/,/\b[A-Z_]\w*(?=\s*::\s*~\w+\s*\()/i,/\b\w+(?=\s*<(?:[^<>]|<(?:[^<>]|<[^<>]*>)*>)*>\s*::\s*\w+\s*\()/],keyword:t,number:{pattern:/(?:\b0b[01']+|\b0x(?:[\da-f']+(?:\.[\da-f']*)?|\.[\da-f']+)(?:p[+-]?[\d']+)?|(?:\b[\d']+(?:\.[\d']*)?|\B\.[\d']+)(?:e[+-]?[\d']+)?)[ful]{0,4}/i,greedy:!0},operator:/>>=?|<<=?|->|--|\+\+|&&|\|\||[?:~]|<=>|[-+*/%&|^!=<>]=?|\b(?:and|and_eq|bitand|bitor|not|not_eq|or|or_eq|xor|xor_eq)\b/,boolean:/\b(?:false|true)\b/}),e.languages.insertBefore("cpp","string",{module:{pattern:RegExp(/(\b(?:import|module)\s+)/.source+"(?:"+/"(?:\\(?:\r\n|[\s\S])|[^"\\\r\n])*"|<[^<>\r\n]*>/.source+"|"+/<mod-name>(?:\s*:\s*<mod-name>)?|:\s*<mod-name>/.source.replace(/<mod-name>/g,(function(){return n}))+")"),lookbehind:!0,greedy:!0,inside:{string:/^[<"][\s\S]+/,operator:/:/,punctuation:/\./}},"raw-string":{pattern:/R"([^()\\ ]{0,16})\([\s\S]*?\)\1"/,alias:"string",greedy:!0}}),e.languages.insertBefore("cpp","keyword",{"generic-function":{pattern:/\b(?!operator\b)[a-z_]\w*\s*<(?:[^<>]|<[^<>]*>)*>(?=\s*\()/i,inside:{function:/^\w+/,generic:{pattern:/<[\s\S]+/,alias:"class-name",inside:e.languages.cpp}}}}),e.languages.insertBefore("cpp","operator",{"double-colon":{pattern:/::/,alias:"punctuation"}}),e.languages.insertBefore("cpp","class-name",{"base-clause":{pattern:/(\b(?:class|struct)\s+\w+\s*:\s*)[^;{}"'\s]+(?:\s+[^;{}"'\s]+)*(?=\s*[;{])/,lookbehind:!0,greedy:!0,inside:e.languages.extend("cpp",{})}}),e.languages.insertBefore("inside","double-colon",{"class-name":/\b[a-z_]\w*\b(?!\s*::)/i},e.languages.cpp["base-clause"])}(S),S.languages.python={comment:{pattern:/(^|[^\\])#.*/,lookbehind:!0,greedy:!0},"string-interpolation":{pattern:/(?:f|fr|rf)(?:("""|''')[\s\S]*?\1|("|')(?:\\.|(?!\2)[^\\\r\n])*\2)/i,greedy:!0,inside:{interpolation:{pattern:/((?:^|[^{])(?:\{\{)*)\{(?!\{)(?:[^{}]|\{(?!\{)(?:[^{}]|\{(?!\{)(?:[^{}])+\})+\})+\}/,lookbehind:!0,inside:{"format-spec":{pattern:/(:)[^:(){}]+(?=\}$)/,lookbehind:!0},"conversion-option":{pattern:/![sra](?=[:}]$)/,alias:"punctuation"},rest:null}},string:/[\s\S]+/}},"triple-quoted-string":{pattern:/(?:[rub]|br|rb)?("""|''')[\s\S]*?\1/i,greedy:!0,alias:"string"},string:{pattern:/(?:[rub]|br|rb)?("|')(?:\\.|(?!\1)[^\\\r\n])*\1/i,greedy:!0},function:{pattern:/((?:^|\s)def[ \t]+)[a-zA-Z_]\w*(?=\s*\()/g,lookbehind:!0},"class-name":{pattern:/(\bclass\s+)\w+/i,lookbehind:!0},decorator:{pattern:/(^[\t ]*)@\w+(?:\.\w+)*/m,lookbehind:!0,alias:["annotation","punctuation"],inside:{punctuation:/\./}},keyword:/\b(?:_(?=\s*:)|and|as|assert|async|await|break|case|class|continue|def|del|elif|else|except|exec|finally|for|from|global|if|import|in|is|lambda|match|nonlocal|not|or|pass|print|raise|return|try|while|with|yield)\b/,builtin:/\b(?:__import__|abs|all|any|apply|ascii|basestring|bin|bool|buffer|bytearray|bytes|callable|chr|classmethod|cmp|coerce|compile|complex|delattr|dict|dir|divmod|enumerate|eval|execfile|file|filter|float|format|frozenset|getattr|globals|hasattr|hash|help|hex|id|input|int|intern|isinstance|issubclass|iter|len|list|locals|long|map|max|memoryview|min|next|object|oct|open|ord|pow|property|range|raw_input|reduce|reload|repr|reversed|round|set|setattr|slice|sorted|staticmethod|str|sum|super|tuple|type|unichr|unicode|vars|xrange|zip)\b/,boolean:/\b(?:False|None|True)\b/,number:/\b0(?:b(?:_?[01])+|o(?:_?[0-7])+|x(?:_?[a-f0-9])+)\b|(?:\b\d+(?:_\d+)*(?:\.(?:\d+(?:_\d+)*)?)?|\B\.\d+(?:_\d+)*)(?:e[+-]?\d+(?:_\d+)*)?j?(?!\w)/i,operator:/[-+%=]=?|!=|:=|\*\*?=?|\/\/?=?|<[<=>]?|>[=>]?|[&|^~]/,punctuation:/[{}[\];(),.:]/},S.languages.python["string-interpolation"].inside.interpolation.inside.rest=S.languages.python,S.languages.py=S.languages.python,S.languages.json={property:{pattern:/(^|[^\\])"(?:\\.|[^\\"\r\n])*"(?=\s*:)/,lookbehind:!0,greedy:!0},string:{pattern:/(^|[^\\])"(?:\\.|[^\\"\r\n])*"(?!\s*:)/,lookbehind:!0,greedy:!0},comment:{pattern:/\/\/.*|\/\*[\s\S]*?(?:\*\/|$)/,greedy:!0},number:/-?\b\d+(?:\.\d+)?(?:e[+-]?\d+)?\b/i,punctuation:/[{}[\],]/,operator:/:/,boolean:/\b(?:false|true)\b/,null:{pattern:/\bnull\b/,alias:"keyword"}},S.languages.webmanifest=S.languages.json;((e,t)=>{for(var n in t)l(e,n,{get:t[n],enumerable:!0})})({},{dracula:()=>x,duotoneDark:()=>k,duotoneLight:()=>j,github:()=>E,gruvboxMaterialDark:()=>q,gruvboxMaterialLight:()=>$,jettwaveDark:()=>F,jettwaveLight:()=>z,nightOwl:()=>_,nightOwlLight:()=>C,oceanicNext:()=>T,okaidia:()=>P,oneDark:()=>B,oneLight:()=>U,palenight:()=>L,shadesOfPurple:()=>I,synthwave84:()=>R,ultramin:()=>N,vsDark:()=>D,vsLight:()=>M});var x={plain:{color:"#F8F8F2",backgroundColor:"#282A36"},styles:[{types:["prolog","constant","builtin"],style:{color:"rgb(189, 147, 249)"}},{types:["inserted","function"],style:{color:"rgb(80, 250, 123)"}},{types:["deleted"],style:{color:"rgb(255, 85, 85)"}},{types:["changed"],style:{color:"rgb(255, 184, 108)"}},{types:["punctuation","symbol"],style:{color:"rgb(248, 248, 242)"}},{types:["string","char","tag","selector"],style:{color:"rgb(255, 121, 198)"}},{types:["keyword","variable"],style:{color:"rgb(189, 147, 249)",fontStyle:"italic"}},{types:["comment"],style:{color:"rgb(98, 114, 164)"}},{types:["attr-name"],style:{color:"rgb(241, 250, 140)"}}]},k={plain:{backgroundColor:"#2a2734",color:"#9a86fd"},styles:[{types:["comment","prolog","doctype","cdata","punctuation"],style:{color:"#6c6783"}},{types:["namespace"],style:{opacity:.7}},{types:["tag","operator","number"],style:{color:"#e09142"}},{types:["property","function"],style:{color:"#9a86fd"}},{types:["tag-id","selector","atrule-id"],style:{color:"#eeebff"}},{types:["attr-name"],style:{color:"#c4b9fe"}},{types:["boolean","string","entity","url","attr-value","keyword","control","directive","unit","statement","regex","atrule","placeholder","variable"],style:{color:"#ffcc99"}},{types:["deleted"],style:{textDecorationLine:"line-through"}},{types:["inserted"],style:{textDecorationLine:"underline"}},{types:["italic"],style:{fontStyle:"italic"}},{types:["important","bold"],style:{fontWeight:"bold"}},{types:["important"],style:{color:"#c4b9fe"}}]},j={plain:{backgroundColor:"#faf8f5",color:"#728fcb"},styles:[{types:["comment","prolog","doctype","cdata","punctuation"],style:{color:"#b6ad9a"}},{types:["namespace"],style:{opacity:.7}},{types:["tag","operator","number"],style:{color:"#063289"}},{types:["property","function"],style:{color:"#b29762"}},{types:["tag-id","selector","atrule-id"],style:{color:"#2d2006"}},{types:["attr-name"],style:{color:"#896724"}},{types:["boolean","string","entity","url","attr-value","keyword","control","directive","unit","statement","regex","atrule"],style:{color:"#728fcb"}},{types:["placeholder","variable"],style:{color:"#93abdc"}},{types:["deleted"],style:{textDecorationLine:"line-through"}},{types:["inserted"],style:{textDecorationLine:"underline"}},{types:["italic"],style:{fontStyle:"italic"}},{types:["important","bold"],style:{fontWeight:"bold"}},{types:["important"],style:{color:"#896724"}}]},E={plain:{color:"#393A34",backgroundColor:"#f6f8fa"},styles:[{types:["comment","prolog","doctype","cdata"],style:{color:"#999988",fontStyle:"italic"}},{types:["namespace"],style:{opacity:.7}},{types:["string","attr-value"],style:{color:"#e3116c"}},{types:["punctuation","operator"],style:{color:"#393A34"}},{types:["entity","url","symbol","number","boolean","variable","constant","property","regex","inserted"],style:{color:"#36acaa"}},{types:["atrule","keyword","attr-name","selector"],style:{color:"#00a4db"}},{types:["function","deleted","tag"],style:{color:"#d73a49"}},{types:["function-variable"],style:{color:"#6f42c1"}},{types:["tag","selector","keyword"],style:{color:"#00009f"}}]},_={plain:{color:"#d6deeb",backgroundColor:"#011627"},styles:[{types:["changed"],style:{color:"rgb(162, 191, 252)",fontStyle:"italic"}},{types:["deleted"],style:{color:"rgba(239, 83, 80, 0.56)",fontStyle:"italic"}},{types:["inserted","attr-name"],style:{color:"rgb(173, 219, 103)",fontStyle:"italic"}},{types:["comment"],style:{color:"rgb(99, 119, 119)",fontStyle:"italic"}},{types:["string","url"],style:{color:"rgb(173, 219, 103)"}},{types:["variable"],style:{color:"rgb(214, 222, 235)"}},{types:["number"],style:{color:"rgb(247, 140, 108)"}},{types:["builtin","char","constant","function"],style:{color:"rgb(130, 170, 255)"}},{types:["punctuation"],style:{color:"rgb(199, 146, 234)"}},{types:["selector","doctype"],style:{color:"rgb(199, 146, 234)",fontStyle:"italic"}},{types:["class-name"],style:{color:"rgb(255, 203, 139)"}},{types:["tag","operator","keyword"],style:{color:"rgb(127, 219, 202)"}},{types:["boolean"],style:{color:"rgb(255, 88, 116)"}},{types:["property"],style:{color:"rgb(128, 203, 196)"}},{types:["namespace"],style:{color:"rgb(178, 204, 214)"}}]},C={plain:{color:"#403f53",backgroundColor:"#FBFBFB"},styles:[{types:["changed"],style:{color:"rgb(162, 191, 252)",fontStyle:"italic"}},{types:["deleted"],style:{color:"rgba(239, 83, 80, 0.56)",fontStyle:"italic"}},{types:["inserted","attr-name"],style:{color:"rgb(72, 118, 214)",fontStyle:"italic"}},{types:["comment"],style:{color:"rgb(152, 159, 177)",fontStyle:"italic"}},{types:["string","builtin","char","constant","url"],style:{color:"rgb(72, 118, 214)"}},{types:["variable"],style:{color:"rgb(201, 103, 101)"}},{types:["number"],style:{color:"rgb(170, 9, 130)"}},{types:["punctuation"],style:{color:"rgb(153, 76, 195)"}},{types:["function","selector","doctype"],style:{color:"rgb(153, 76, 195)",fontStyle:"italic"}},{types:["class-name"],style:{color:"rgb(17, 17, 17)"}},{types:["tag"],style:{color:"rgb(153, 76, 195)"}},{types:["operator","property","keyword","namespace"],style:{color:"rgb(12, 150, 155)"}},{types:["boolean"],style:{color:"rgb(188, 84, 84)"}}]},A="#c5a5c5",O="#8dc891",T={plain:{backgroundColor:"#282c34",color:"#ffffff"},styles:[{types:["attr-name"],style:{color:A}},{types:["attr-value"],style:{color:O}},{types:["comment","block-comment","prolog","doctype","cdata","shebang"],style:{color:"#999999"}},{types:["property","number","function-name","constant","symbol","deleted"],style:{color:"#5a9bcf"}},{types:["boolean"],style:{color:"#ff8b50"}},{types:["tag"],style:{color:"#fc929e"}},{types:["string"],style:{color:O}},{types:["punctuation"],style:{color:O}},{types:["selector","char","builtin","inserted"],style:{color:"#D8DEE9"}},{types:["function"],style:{color:"#79b6f2"}},{types:["operator","entity","url","variable"],style:{color:"#d7deea"}},{types:["keyword"],style:{color:A}},{types:["atrule","class-name"],style:{color:"#FAC863"}},{types:["important"],style:{fontWeight:"400"}},{types:["bold"],style:{fontWeight:"bold"}},{types:["italic"],style:{fontStyle:"italic"}},{types:["namespace"],style:{opacity:.7}}]},P={plain:{color:"#f8f8f2",backgroundColor:"#272822"},styles:[{types:["changed"],style:{color:"rgb(162, 191, 252)",fontStyle:"italic"}},{types:["deleted"],style:{color:"#f92672",fontStyle:"italic"}},{types:["inserted"],style:{color:"rgb(173, 219, 103)",fontStyle:"italic"}},{types:["comment"],style:{color:"#8292a2",fontStyle:"italic"}},{types:["string","url"],style:{color:"#a6e22e"}},{types:["variable"],style:{color:"#f8f8f2"}},{types:["number"],style:{color:"#ae81ff"}},{types:["builtin","char","constant","function","class-name"],style:{color:"#e6db74"}},{types:["punctuation"],style:{color:"#f8f8f2"}},{types:["selector","doctype"],style:{color:"#a6e22e",fontStyle:"italic"}},{types:["tag","operator","keyword"],style:{color:"#66d9ef"}},{types:["boolean"],style:{color:"#ae81ff"}},{types:["namespace"],style:{color:"rgb(178, 204, 214)",opacity:.7}},{types:["tag","property"],style:{color:"#f92672"}},{types:["attr-name"],style:{color:"#a6e22e !important"}},{types:["doctype"],style:{color:"#8292a2"}},{types:["rule"],style:{color:"#e6db74"}}]},L={plain:{color:"#bfc7d5",backgroundColor:"#292d3e"},styles:[{types:["comment"],style:{color:"rgb(105, 112, 152)",fontStyle:"italic"}},{types:["string","inserted"],style:{color:"rgb(195, 232, 141)"}},{types:["number"],style:{color:"rgb(247, 140, 108)"}},{types:["builtin","char","constant","function"],style:{color:"rgb(130, 170, 255)"}},{types:["punctuation","selector"],style:{color:"rgb(199, 146, 234)"}},{types:["variable"],style:{color:"rgb(191, 199, 213)"}},{types:["class-name","attr-name"],style:{color:"rgb(255, 203, 107)"}},{types:["tag","deleted"],style:{color:"rgb(255, 85, 114)"}},{types:["operator"],style:{color:"rgb(137, 221, 255)"}},{types:["boolean"],style:{color:"rgb(255, 88, 116)"}},{types:["keyword"],style:{fontStyle:"italic"}},{types:["doctype"],style:{color:"rgb(199, 146, 234)",fontStyle:"italic"}},{types:["namespace"],style:{color:"rgb(178, 204, 214)"}},{types:["url"],style:{color:"rgb(221, 221, 221)"}}]},I={plain:{color:"#9EFEFF",backgroundColor:"#2D2A55"},styles:[{types:["changed"],style:{color:"rgb(255, 238, 128)"}},{types:["deleted"],style:{color:"rgba(239, 83, 80, 0.56)"}},{types:["inserted"],style:{color:"rgb(173, 219, 103)"}},{types:["comment"],style:{color:"rgb(179, 98, 255)",fontStyle:"italic"}},{types:["punctuation"],style:{color:"rgb(255, 255, 255)"}},{types:["constant"],style:{color:"rgb(255, 98, 140)"}},{types:["string","url"],style:{color:"rgb(165, 255, 144)"}},{types:["variable"],style:{color:"rgb(255, 238, 128)"}},{types:["number","boolean"],style:{color:"rgb(255, 98, 140)"}},{types:["attr-name"],style:{color:"rgb(255, 180, 84)"}},{types:["keyword","operator","property","namespace","tag","selector","doctype"],style:{color:"rgb(255, 157, 0)"}},{types:["builtin","char","constant","function","class-name"],style:{color:"rgb(250, 208, 0)"}}]},R={plain:{backgroundColor:"linear-gradient(to bottom, #2a2139 75%, #34294f)",backgroundImage:"#34294f",color:"#f92aad",textShadow:"0 0 2px #100c0f, 0 0 5px #dc078e33, 0 0 10px #fff3"},styles:[{types:["comment","block-comment","prolog","doctype","cdata"],style:{color:"#495495",fontStyle:"italic"}},{types:["punctuation"],style:{color:"#ccc"}},{types:["tag","attr-name","namespace","number","unit","hexcode","deleted"],style:{color:"#e2777a"}},{types:["property","selector"],style:{color:"#72f1b8",textShadow:"0 0 2px #100c0f, 0 0 10px #257c5575, 0 0 35px #21272475"}},{types:["function-name"],style:{color:"#6196cc"}},{types:["boolean","selector-id","function"],style:{color:"#fdfdfd",textShadow:"0 0 2px #001716, 0 0 3px #03edf975, 0 0 5px #03edf975, 0 0 8px #03edf975"}},{types:["class-name","maybe-class-name","builtin"],style:{color:"#fff5f6",textShadow:"0 0 2px #000, 0 0 10px #fc1f2c75, 0 0 5px #fc1f2c75, 0 0 25px #fc1f2c75"}},{types:["constant","symbol"],style:{color:"#f92aad",textShadow:"0 0 2px #100c0f, 0 0 5px #dc078e33, 0 0 10px #fff3"}},{types:["important","atrule","keyword","selector-class"],style:{color:"#f4eee4",textShadow:"0 0 2px #393a33, 0 0 8px #f39f0575, 0 0 2px #f39f0575"}},{types:["string","char","attr-value","regex","variable"],style:{color:"#f87c32"}},{types:["parameter"],style:{fontStyle:"italic"}},{types:["entity","url"],style:{color:"#67cdcc"}},{types:["operator"],style:{color:"ffffffee"}},{types:["important","bold"],style:{fontWeight:"bold"}},{types:["italic"],style:{fontStyle:"italic"}},{types:["entity"],style:{cursor:"help"}},{types:["inserted"],style:{color:"green"}}]},N={plain:{color:"#282a2e",backgroundColor:"#ffffff"},styles:[{types:["comment"],style:{color:"rgb(197, 200, 198)"}},{types:["string","number","builtin","variable"],style:{color:"rgb(150, 152, 150)"}},{types:["class-name","function","tag","attr-name"],style:{color:"rgb(40, 42, 46)"}}]},D={plain:{color:"#9CDCFE",backgroundColor:"#1E1E1E"},styles:[{types:["prolog"],style:{color:"rgb(0, 0, 128)"}},{types:["comment"],style:{color:"rgb(106, 153, 85)"}},{types:["builtin","changed","keyword","interpolation-punctuation"],style:{color:"rgb(86, 156, 214)"}},{types:["number","inserted"],style:{color:"rgb(181, 206, 168)"}},{types:["constant"],style:{color:"rgb(100, 102, 149)"}},{types:["attr-name","variable"],style:{color:"rgb(156, 220, 254)"}},{types:["deleted","string","attr-value","template-punctuation"],style:{color:"rgb(206, 145, 120)"}},{types:["selector"],style:{color:"rgb(215, 186, 125)"}},{types:["tag"],style:{color:"rgb(78, 201, 176)"}},{types:["tag"],languages:["markup"],style:{color:"rgb(86, 156, 214)"}},{types:["punctuation","operator"],style:{color:"rgb(212, 212, 212)"}},{types:["punctuation"],languages:["markup"],style:{color:"#808080"}},{types:["function"],style:{color:"rgb(220, 220, 170)"}},{types:["class-name"],style:{color:"rgb(78, 201, 176)"}},{types:["char"],style:{color:"rgb(209, 105, 105)"}}]},M={plain:{color:"#000000",backgroundColor:"#ffffff"},styles:[{types:["comment"],style:{color:"rgb(0, 128, 0)"}},{types:["builtin"],style:{color:"rgb(0, 112, 193)"}},{types:["number","variable","inserted"],style:{color:"rgb(9, 134, 88)"}},{types:["operator"],style:{color:"rgb(0, 0, 0)"}},{types:["constant","char"],style:{color:"rgb(129, 31, 63)"}},{types:["tag"],style:{color:"rgb(128, 0, 0)"}},{types:["attr-name"],style:{color:"rgb(255, 0, 0)"}},{types:["deleted","string"],style:{color:"rgb(163, 21, 21)"}},{types:["changed","punctuation"],style:{color:"rgb(4, 81, 165)"}},{types:["function","keyword"],style:{color:"rgb(0, 0, 255)"}},{types:["class-name"],style:{color:"rgb(38, 127, 153)"}}]},F={plain:{color:"#f8fafc",backgroundColor:"#011627"},styles:[{types:["prolog"],style:{color:"#000080"}},{types:["comment"],style:{color:"#6A9955"}},{types:["builtin","changed","keyword","interpolation-punctuation"],style:{color:"#569CD6"}},{types:["number","inserted"],style:{color:"#B5CEA8"}},{types:["constant"],style:{color:"#f8fafc"}},{types:["attr-name","variable"],style:{color:"#9CDCFE"}},{types:["deleted","string","attr-value","template-punctuation"],style:{color:"#cbd5e1"}},{types:["selector"],style:{color:"#D7BA7D"}},{types:["tag"],style:{color:"#0ea5e9"}},{types:["tag"],languages:["markup"],style:{color:"#0ea5e9"}},{types:["punctuation","operator"],style:{color:"#D4D4D4"}},{types:["punctuation"],languages:["markup"],style:{color:"#808080"}},{types:["function"],style:{color:"#7dd3fc"}},{types:["class-name"],style:{color:"#0ea5e9"}},{types:["char"],style:{color:"#D16969"}}]},z={plain:{color:"#0f172a",backgroundColor:"#f1f5f9"},styles:[{types:["prolog"],style:{color:"#000080"}},{types:["comment"],style:{color:"#6A9955"}},{types:["builtin","changed","keyword","interpolation-punctuation"],style:{color:"#0c4a6e"}},{types:["number","inserted"],style:{color:"#B5CEA8"}},{types:["constant"],style:{color:"#0f172a"}},{types:["attr-name","variable"],style:{color:"#0c4a6e"}},{types:["deleted","string","attr-value","template-punctuation"],style:{color:"#64748b"}},{types:["selector"],style:{color:"#D7BA7D"}},{types:["tag"],style:{color:"#0ea5e9"}},{types:["tag"],languages:["markup"],style:{color:"#0ea5e9"}},{types:["punctuation","operator"],style:{color:"#475569"}},{types:["punctuation"],languages:["markup"],style:{color:"#808080"}},{types:["function"],style:{color:"#0e7490"}},{types:["class-name"],style:{color:"#0ea5e9"}},{types:["char"],style:{color:"#D16969"}}]},B={plain:{backgroundColor:"hsl(220, 13%, 18%)",color:"hsl(220, 14%, 71%)",textShadow:"0 1px rgba(0, 0, 0, 0.3)"},styles:[{types:["comment","prolog","cdata"],style:{color:"hsl(220, 10%, 40%)"}},{types:["doctype","punctuation","entity"],style:{color:"hsl(220, 14%, 71%)"}},{types:["attr-name","class-name","maybe-class-name","boolean","constant","number","atrule"],style:{color:"hsl(29, 54%, 61%)"}},{types:["keyword"],style:{color:"hsl(286, 60%, 67%)"}},{types:["property","tag","symbol","deleted","important"],style:{color:"hsl(355, 65%, 65%)"}},{types:["selector","string","char","builtin","inserted","regex","attr-value"],style:{color:"hsl(95, 38%, 62%)"}},{types:["variable","operator","function"],style:{color:"hsl(207, 82%, 66%)"}},{types:["url"],style:{color:"hsl(187, 47%, 55%)"}},{types:["deleted"],style:{textDecorationLine:"line-through"}},{types:["inserted"],style:{textDecorationLine:"underline"}},{types:["italic"],style:{fontStyle:"italic"}},{types:["important","bold"],style:{fontWeight:"bold"}},{types:["important"],style:{color:"hsl(220, 14%, 71%)"}}]},U={plain:{backgroundColor:"hsl(230, 1%, 98%)",color:"hsl(230, 8%, 24%)"},styles:[{types:["comment","prolog","cdata"],style:{color:"hsl(230, 4%, 64%)"}},{types:["doctype","punctuation","entity"],style:{color:"hsl(230, 8%, 24%)"}},{types:["attr-name","class-name","boolean","constant","number","atrule"],style:{color:"hsl(35, 99%, 36%)"}},{types:["keyword"],style:{color:"hsl(301, 63%, 40%)"}},{types:["property","tag","symbol","deleted","important"],style:{color:"hsl(5, 74%, 59%)"}},{types:["selector","string","char","builtin","inserted","regex","attr-value","punctuation"],style:{color:"hsl(119, 34%, 47%)"}},{types:["variable","operator","function"],style:{color:"hsl(221, 87%, 60%)"}},{types:["url"],style:{color:"hsl(198, 99%, 37%)"}},{types:["deleted"],style:{textDecorationLine:"line-through"}},{types:["inserted"],style:{textDecorationLine:"underline"}},{types:["italic"],style:{fontStyle:"italic"}},{types:["important","bold"],style:{fontWeight:"bold"}},{types:["important"],style:{color:"hsl(230, 8%, 24%)"}}]},q={plain:{color:"#ebdbb2",backgroundColor:"#292828"},styles:[{types:["imports","class-name","maybe-class-name","constant","doctype","builtin","function"],style:{color:"#d8a657"}},{types:["property-access"],style:{color:"#7daea3"}},{types:["tag"],style:{color:"#e78a4e"}},{types:["attr-name","char","url","regex"],style:{color:"#a9b665"}},{types:["attr-value","string"],style:{color:"#89b482"}},{types:["comment","prolog","cdata","operator","inserted"],style:{color:"#a89984"}},{types:["delimiter","boolean","keyword","selector","important","atrule","property","variable","deleted"],style:{color:"#ea6962"}},{types:["entity","number","symbol"],style:{color:"#d3869b"}}]},$={plain:{color:"#654735",backgroundColor:"#f9f5d7"},styles:[{types:["delimiter","boolean","keyword","selector","important","atrule","property","variable","deleted"],style:{color:"#af2528"}},{types:["imports","class-name","maybe-class-name","constant","doctype","builtin"],style:{color:"#b4730e"}},{types:["string","attr-value"],style:{color:"#477a5b"}},{types:["property-access"],style:{color:"#266b79"}},{types:["function","attr-name","char","url"],style:{color:"#72761e"}},{types:["tag"],style:{color:"#b94c07"}},{types:["comment","prolog","cdata","operator","inserted"],style:{color:"#a89984"}},{types:["entity","number","symbol"],style:{color:"#924f79"}}]},H=(e,t)=>{const{plain:n}=e,r=e.styles.reduce(((e,n)=>{const{languages:r,style:o}=n;return r&&!r.includes(t)||n.types.forEach((t=>{const n=y(y({},e[t]),o);e[t]=n})),e}),{});return r.root=n,r.plain=v(y({},n),{backgroundColor:void 0}),r},V=/\r\n|\r|\n/,G=e=>{0===e.length?e.push({types:["plain"],content:"\n",empty:!0}):1===e.length&&""===e[0].content&&(e[0].content="\n",e[0].empty=!0)},W=(e,t)=>{const n=e.length;return n>0&&e[n-1]===t?e:e.concat(t)},K=e=>{const t=[[]],n=[e],r=[0],o=[e.length];let a=0,i=0,s=[];const l=[s];for(;i>-1;){for(;(a=r[i]++)<o[i];){let e,c=t[i];const u=n[i][a];if("string"==typeof u?(c=i>0?c:["plain"],e=u):(c=W(c,u.type),u.alias&&(c=W(c,u.alias)),e=u.content),"string"!=typeof e){i++,t.push(c),n.push(e),r.push(0),o.push(e.length);continue}const d=e.split(V),p=d.length;s.push({types:c,content:d[0]});for(let t=1;t<p;t++)G(s),l.push(s=[]),s.push({types:c,content:d[t]})}i--,t.pop(),n.pop(),r.pop(),o.pop()}return G(s),l},Q=({children:e,language:t,code:n,theme:r,prism:o})=>{const s=t.toLowerCase(),l=((e,t)=>{const[n,r]=(0,a.useState)(H(t,e)),o=(0,a.useRef)(),i=(0,a.useRef)();return(0,a.useEffect)((()=>{t===o.current&&e===i.current||(o.current=t,i.current=e,r(H(t,e)))}),[e,t]),n})(s,r),c=(e=>(0,a.useCallback)((t=>{var n=t,{className:r,style:o,line:a}=n,s=w(n,["className","style","line"]);const l=v(y({},s),{className:(0,i.A)("token-line",r)});return"object"==typeof e&&"plain"in e&&(l.style=e.plain),"object"==typeof o&&(l.style=y(y({},l.style||{}),o)),l}),[e]))(l),u=(e=>{const t=(0,a.useCallback)((({types:t,empty:n})=>{if(null!=e)return 1===t.length&&"plain"===t[0]?null!=n?{display:"inline-block"}:void 0:1===t.length&&null!=n?e[t[0]]:Object.assign(null!=n?{display:"inline-block"}:{},...t.map((t=>e[t])))}),[e]);return(0,a.useCallback)((e=>{var n=e,{token:r,className:o,style:a}=n,s=w(n,["token","className","style"]);const l=v(y({},s),{className:(0,i.A)("token",...r.types,o),children:r.content,style:t(r)});return null!=a&&(l.style=y(y({},l.style||{}),a)),l}),[t])})(l),d=(({prism:e,code:t,grammar:n,language:r})=>{const o=(0,a.useRef)(e);return(0,a.useMemo)((()=>{if(null==n)return K([t]);const e={code:t,grammar:n,language:r,tokens:[]};return o.current.hooks.run("before-tokenize",e),e.tokens=o.current.tokenize(t,n),o.current.hooks.run("after-tokenize",e),K(e.tokens)}),[t,n,r])})({prism:o,language:s,code:n,grammar:o.languages[s]});return e({tokens:d,className:`prism-code language-${s}`,style:null!=l?l.root:{},getLineProps:c,getTokenProps:u})},Y=e=>(0,a.createElement)(Q,v(y({},e),{prism:e.prism||S,theme:e.theme||D,code:e.code,language:e.language}))},5385:(e,t,n)=>{"use strict";n.d(t,{A:()=>a});var r=!0,o="Invariant failed";function a(e,t){if(!e){if(r)throw new Error(o);var n="function"==typeof t?t():t,a=n?"".concat(o,": ").concat(n):o;throw new Error(a)}}},3422:(e,t,n)=>{"use strict";n.r(t),n.d(t,{__addDisposableResource:()=>R,__assign:()=>a,__asyncDelegator:()=>E,__asyncGenerator:()=>j,__asyncValues:()=>_,__await:()=>k,__awaiter:()=>m,__classPrivateFieldGet:()=>P,__classPrivateFieldIn:()=>I,__classPrivateFieldSet:()=>L,__createBinding:()=>g,__decorate:()=>s,__disposeResources:()=>D,__esDecorate:()=>c,__exportStar:()=>b,__extends:()=>o,__generator:()=>h,__importDefault:()=>T,__importStar:()=>O,__makeTemplateObject:()=>C,__metadata:()=>f,__param:()=>l,__propKey:()=>d,__read:()=>v,__rest:()=>i,__runInitializers:()=>u,__setFunctionName:()=>p,__spread:()=>w,__spreadArray:()=>x,__spreadArrays:()=>S,__values:()=>y,default:()=>M});var r=function(e,t){return r=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])},r(e,t)};function o(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");function n(){this.constructor=e}r(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)}var a=function(){return a=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var o in t=arguments[n])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e},a.apply(this,arguments)};function i(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&Object.prototype.propertyIsEnumerable.call(e,r[o])&&(n[r[o]]=e[r[o]])}return n}function s(e,t,n,r){var o,a=arguments.length,i=a<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,n):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(e,t,n,r);else for(var s=e.length-1;s>=0;s--)(o=e[s])&&(i=(a<3?o(i):a>3?o(t,n,i):o(t,n))||i);return a>3&&i&&Object.defineProperty(t,n,i),i}function l(e,t){return function(n,r){t(n,r,e)}}function c(e,t,n,r,o,a){function i(e){if(void 0!==e&&"function"!=typeof e)throw new TypeError("Function expected");return e}for(var s,l=r.kind,c="getter"===l?"get":"setter"===l?"set":"value",u=!t&&e?r.static?e:e.prototype:null,d=t||(u?Object.getOwnPropertyDescriptor(u,r.name):{}),p=!1,f=n.length-1;f>=0;f--){var m={};for(var h in r)m[h]="access"===h?{}:r[h];for(var h in r.access)m.access[h]=r.access[h];m.addInitializer=function(e){if(p)throw new TypeError("Cannot add initializers after decoration has completed");a.push(i(e||null))};var g=(0,n[f])("accessor"===l?{get:d.get,set:d.set}:d[c],m);if("accessor"===l){if(void 0===g)continue;if(null===g||"object"!=typeof g)throw new TypeError("Object expected");(s=i(g.get))&&(d.get=s),(s=i(g.set))&&(d.set=s),(s=i(g.init))&&o.unshift(s)}else(s=i(g))&&("field"===l?o.unshift(s):d[c]=s)}u&&Object.defineProperty(u,r.name,d),p=!0}function u(e,t,n){for(var r=arguments.length>2,o=0;o<t.length;o++)n=r?t[o].call(e,n):t[o].call(e);return r?n:void 0}function d(e){return"symbol"==typeof e?e:"".concat(e)}function p(e,t,n){return"symbol"==typeof t&&(t=t.description?"[".concat(t.description,"]"):""),Object.defineProperty(e,"name",{configurable:!0,value:n?"".concat(n," ",t):t})}function f(e,t){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(e,t)}function m(e,t,n,r){return new(n||(n=Promise))((function(o,a){function i(e){try{l(r.next(e))}catch(t){a(t)}}function s(e){try{l(r.throw(e))}catch(t){a(t)}}function l(e){var t;e.done?o(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(i,s)}l((r=r.apply(e,t||[])).next())}))}function h(e,t){var n,r,o,a,i={label:0,sent:function(){if(1&o[0])throw o[1];return o[1]},trys:[],ops:[]};return a={next:s(0),throw:s(1),return:s(2)},"function"==typeof Symbol&&(a[Symbol.iterator]=function(){return this}),a;function s(s){return function(l){return function(s){if(n)throw new TypeError("Generator is already executing.");for(;a&&(a=0,s[0]&&(i=0)),i;)try{if(n=1,r&&(o=2&s[0]?r.return:s[0]?r.throw||((o=r.return)&&o.call(r),0):r.next)&&!(o=o.call(r,s[1])).done)return o;switch(r=0,o&&(s=[2&s[0],o.value]),s[0]){case 0:case 1:o=s;break;case 4:return i.label++,{value:s[1],done:!1};case 5:i.label++,r=s[1],s=[0];continue;case 7:s=i.ops.pop(),i.trys.pop();continue;default:if(!(o=i.trys,(o=o.length>0&&o[o.length-1])||6!==s[0]&&2!==s[0])){i=0;continue}if(3===s[0]&&(!o||s[1]>o[0]&&s[1]<o[3])){i.label=s[1];break}if(6===s[0]&&i.label<o[1]){i.label=o[1],o=s;break}if(o&&i.label<o[2]){i.label=o[2],i.ops.push(s);break}o[2]&&i.ops.pop(),i.trys.pop();continue}s=t.call(e,i)}catch(l){s=[6,l],r=0}finally{n=o=0}if(5&s[0])throw s[1];return{value:s[0]?s[1]:void 0,done:!0}}([s,l])}}}var g=Object.create?function(e,t,n,r){void 0===r&&(r=n);var o=Object.getOwnPropertyDescriptor(t,n);o&&!("get"in o?!t.__esModule:o.writable||o.configurable)||(o={enumerable:!0,get:function(){return t[n]}}),Object.defineProperty(e,r,o)}:function(e,t,n,r){void 0===r&&(r=n),e[r]=t[n]};function b(e,t){for(var n in e)"default"===n||Object.prototype.hasOwnProperty.call(t,n)||g(t,e,n)}function y(e){var t="function"==typeof Symbol&&Symbol.iterator,n=t&&e[t],r=0;if(n)return n.call(e);if(e&&"number"==typeof e.length)return{next:function(){return e&&r>=e.length&&(e=void 0),{value:e&&e[r++],done:!e}}};throw new TypeError(t?"Object is not iterable.":"Symbol.iterator is not defined.")}function v(e,t){var n="function"==typeof Symbol&&e[Symbol.iterator];if(!n)return e;var r,o,a=n.call(e),i=[];try{for(;(void 0===t||t-- >0)&&!(r=a.next()).done;)i.push(r.value)}catch(s){o={error:s}}finally{try{r&&!r.done&&(n=a.return)&&n.call(a)}finally{if(o)throw o.error}}return i}function w(){for(var e=[],t=0;t<arguments.length;t++)e=e.concat(v(arguments[t]));return e}function S(){for(var e=0,t=0,n=arguments.length;t<n;t++)e+=arguments[t].length;var r=Array(e),o=0;for(t=0;t<n;t++)for(var a=arguments[t],i=0,s=a.length;i<s;i++,o++)r[o]=a[i];return r}function x(e,t,n){if(n||2===arguments.length)for(var r,o=0,a=t.length;o<a;o++)!r&&o in t||(r||(r=Array.prototype.slice.call(t,0,o)),r[o]=t[o]);return e.concat(r||Array.prototype.slice.call(t))}function k(e){return this instanceof k?(this.v=e,this):new k(e)}function j(e,t,n){if(!Symbol.asyncIterator)throw new TypeError("Symbol.asyncIterator is not defined.");var r,o=n.apply(e,t||[]),a=[];return r={},i("next"),i("throw"),i("return",(function(e){return function(t){return Promise.resolve(t).then(e,c)}})),r[Symbol.asyncIterator]=function(){return this},r;function i(e,t){o[e]&&(r[e]=function(t){return new Promise((function(n,r){a.push([e,t,n,r])>1||s(e,t)}))},t&&(r[e]=t(r[e])))}function s(e,t){try{(n=o[e](t)).value instanceof k?Promise.resolve(n.value.v).then(l,c):u(a[0][2],n)}catch(r){u(a[0][3],r)}var n}function l(e){s("next",e)}function c(e){s("throw",e)}function u(e,t){e(t),a.shift(),a.length&&s(a[0][0],a[0][1])}}function E(e){var t,n;return t={},r("next"),r("throw",(function(e){throw e})),r("return"),t[Symbol.iterator]=function(){return this},t;function r(r,o){t[r]=e[r]?function(t){return(n=!n)?{value:k(e[r](t)),done:!1}:o?o(t):t}:o}}function _(e){if(!Symbol.asyncIterator)throw new TypeError("Symbol.asyncIterator is not defined.");var t,n=e[Symbol.asyncIterator];return n?n.call(e):(e=y(e),t={},r("next"),r("throw"),r("return"),t[Symbol.asyncIterator]=function(){return this},t);function r(n){t[n]=e[n]&&function(t){return new Promise((function(r,o){(function(e,t,n,r){Promise.resolve(r).then((function(t){e({value:t,done:n})}),t)})(r,o,(t=e[n](t)).done,t.value)}))}}}function C(e,t){return Object.defineProperty?Object.defineProperty(e,"raw",{value:t}):e.raw=t,e}var A=Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t};function O(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var n in e)"default"!==n&&Object.prototype.hasOwnProperty.call(e,n)&&g(t,e,n);return A(t,e),t}function T(e){return e&&e.__esModule?e:{default:e}}function P(e,t,n,r){if("a"===n&&!r)throw new TypeError("Private accessor was defined without a getter");if("function"==typeof t?e!==t||!r:!t.has(e))throw new TypeError("Cannot read private member from an object whose class did not declare it");return"m"===n?r:"a"===n?r.call(e):r?r.value:t.get(e)}function L(e,t,n,r,o){if("m"===r)throw new TypeError("Private method is not writable");if("a"===r&&!o)throw new TypeError("Private accessor was defined without a setter");if("function"==typeof t?e!==t||!o:!t.has(e))throw new TypeError("Cannot write private member to an object whose class did not declare it");return"a"===r?o.call(e,n):o?o.value=n:t.set(e,n),n}function I(e,t){if(null===t||"object"!=typeof t&&"function"!=typeof t)throw new TypeError("Cannot use 'in' operator on non-object");return"function"==typeof e?t===e:e.has(t)}function R(e,t,n){if(null!=t){if("object"!=typeof t&&"function"!=typeof t)throw new TypeError("Object expected.");var r,o;if(n){if(!Symbol.asyncDispose)throw new TypeError("Symbol.asyncDispose is not defined.");r=t[Symbol.asyncDispose]}if(void 0===r){if(!Symbol.dispose)throw new TypeError("Symbol.dispose is not defined.");r=t[Symbol.dispose],n&&(o=r)}if("function"!=typeof r)throw new TypeError("Object not disposable.");o&&(r=function(){try{o.call(this)}catch(e){return Promise.reject(e)}}),e.stack.push({value:t,dispose:r,async:n})}else n&&e.stack.push({async:!0});return t}var N="function"==typeof SuppressedError?SuppressedError:function(e,t,n){var r=new Error(n);return r.name="SuppressedError",r.error=e,r.suppressed=t,r};function D(e){function t(t){e.error=e.hasError?new N(t,e.error,"An error was suppressed during disposal."):t,e.hasError=!0}return function n(){for(;e.stack.length;){var r=e.stack.pop();try{var o=r.dispose&&r.dispose.call(r.value);if(r.async)return Promise.resolve(o).then(n,(function(e){return t(e),n()}))}catch(a){t(a)}}if(e.hasError)throw e.error}()}const M={__extends:o,__assign:a,__rest:i,__decorate:s,__param:l,__metadata:f,__awaiter:m,__generator:h,__createBinding:g,__exportStar:b,__values:y,__read:v,__spread:w,__spreadArrays:S,__spreadArray:x,__await:k,__asyncGenerator:j,__asyncDelegator:E,__asyncValues:_,__makeTemplateObject:C,__importStar:O,__importDefault:T,__classPrivateFieldGet:P,__classPrivateFieldSet:L,__classPrivateFieldIn:I,__addDisposableResource:R,__disposeResources:D}},2654:e=>{"use strict";e.exports=JSON.parse('{"theme.AnnouncementBar.closeButtonAriaLabel":"\u9589\u3058\u308b","theme.BackToTopButton.buttonAriaLabel":"\u5148\u982d\u3078\u623b\u308b","theme.CodeBlock.copied":"\u30b3\u30d4\u30fc\u3057\u307e\u3057\u305f","theme.CodeBlock.copy":"\u30b3\u30d4\u30fc","theme.CodeBlock.copyButtonAriaLabel":"\u30af\u30ea\u30c3\u30d7\u30dc\u30fc\u30c9\u306b\u30b3\u30d4\u30fc","theme.CodeBlock.wordWrapToggle":"\u6298\u308a\u8fd4\u3057","theme.DocSidebarItem.collapseCategoryAriaLabel":"\'{label}\'\u306e\u76ee\u6b21\u3092\u96a0\u3059","theme.DocSidebarItem.expandCategoryAriaLabel":"\'{label}\'\u306e\u76ee\u6b21\u3092\u958b\u304f","theme.ErrorPageContent.title":"\u30a8\u30e9\u30fc\u304c\u767a\u751f\u3057\u307e\u3057\u305f","theme.ErrorPageContent.tryAgain":"\u3082\u3046\u4e00\u5ea6\u8a66\u3057\u3066\u304f\u3060\u3055\u3044","theme.NavBar.navAriaLabel":"\u30ca\u30d3\u30b2\u30fc\u30b7\u30e7\u30f3","theme.NotFound.p1":"\u7533\u3057\u8a33\u3042\u308a\u307e\u305b\u3093\u304c\u3001\u30ea\u30af\u30a8\u30b9\u30c8\u3055\u308c\u305f\u30da\u30fc\u30b8\u304c\u898b\u3064\u304b\u308a\u307e\u305b\u3093\u3067\u3057\u305f\u3002","theme.NotFound.p2":"\u30ea\u30f3\u30af\u5143\u306e\u30b5\u30a4\u30c8\u306e\u6240\u6709\u8005\u306b\u9023\u7d61\u3057\u3066\u3001\u30ea\u30f3\u30af\u304c\u6a5f\u80fd\u3057\u306a\u3044\u3053\u3068\u3092\u77e5\u3089\u305b\u3066\u304f\u3060\u3055\u3044\u3002","theme.NotFound.title":"\u30da\u30fc\u30b8\u304c\u898b\u3064\u304b\u308a\u307e\u305b\u3093","theme.TOCCollapsible.toggleButtonLabel":"\u3053\u306e\u30da\u30fc\u30b8\u306e\u898b\u51fa\u3057","theme.admonition.caution":"\u6ce8\u610f","theme.admonition.danger":"\u5371\u967a","theme.admonition.info":"\u5099\u8003","theme.admonition.note":"\u6ce8\u8a18","theme.admonition.tip":"\u30d2\u30f3\u30c8","theme.admonition.warning":"\u8b66\u544a","theme.blog.archive.description":"\u30a2\u30fc\u30ab\u30a4\u30d6","theme.blog.archive.title":"\u30a2\u30fc\u30ab\u30a4\u30d6","theme.blog.author.pageTitle":"{authorName} - {nPosts}","theme.blog.authorsList.pageTitle":"Authors","theme.blog.authorsList.viewAll":"View All Authors","theme.blog.paginator.navAriaLabel":"\u30d6\u30ed\u30b0\u30ea\u30b9\u30c8\u30da\u30fc\u30b8\u306e\u30ca\u30d3\u30b2\u30fc\u30b7\u30e7\u30f3","theme.blog.paginator.newerEntries":"\u6b21\u306e\u30a8\u30f3\u30c8\u30ea","theme.blog.paginator.olderEntries":"\u524d\u306e\u30a8\u30f3\u30c8\u30ea","theme.blog.post.paginator.navAriaLabel":"\u30d6\u30ed\u30b0\u6295\u7a3f\u30da\u30fc\u30b8\u306e\u30ca\u30d3\u30b2\u30fc\u30b7\u30e7\u30f3","theme.blog.post.paginator.newerPost":"\u6b21\u306e\u6295\u7a3f","theme.blog.post.paginator.olderPost":"\u524d\u306e\u6295\u7a3f","theme.blog.post.plurals":"{count} \u6295\u7a3f|{count} \u6295\u7a3f|{count} \u6295\u7a3f","theme.blog.post.readMore":"\u7d9a\u304d\u3092\u8aad\u3080","theme.blog.post.readMoreLabel":"{title}\u306b\u3064\u3044\u3066\u3082\u3063\u3068\u898b\u308b","theme.blog.post.readingTime.plurals":"{readingTime} \u5206\u306e\u8aad\u66f8","theme.blog.sidebar.navAriaLabel":"\u6700\u8fd1\u306e\u30d6\u30ed\u30b0\u8a18\u4e8b\u306e\u30ca\u30d3\u30b2\u30fc\u30b7\u30e7\u30f3","theme.blog.tagTitle":"{nPosts} \u306e\u30bf\u30b0 \\"{tagName}\\"","theme.colorToggle.ariaLabel":"\u30c0\u30fc\u30af\u30e2\u30fc\u30c9\u3092\u5207\u308a\u66ff\u3048\u308b(\u73fe\u5728\u306f{mode})","theme.colorToggle.ariaLabel.mode.dark":"\u30c0\u30fc\u30af\u30e2\u30fc\u30c9","theme.colorToggle.ariaLabel.mode.light":"\u30e9\u30a4\u30c8\u30e2\u30fc\u30c9","theme.common.editThisPage":"\u3053\u306e\u30da\u30fc\u30b8\u3092\u7de8\u96c6","theme.common.headingLinkTitle":"\u3053\u306e\u898b\u51fa\u3057\u3078\u306e\u76f4\u63a5\u30ea\u30f3\u30af","theme.common.skipToMainContent":"\u30e1\u30a4\u30f3\u30b3\u30f3\u30c6\u30f3\u30c4\u306b\u30b9\u30ad\u30c3\u30d7","theme.contentVisibility.draftBanner.message":"This page is a draft. It will only be visible in dev and be excluded from the production build.","theme.contentVisibility.draftBanner.title":"Draft page","theme.contentVisibility.unlistedBanner.message":"\u3053\u306e\u30da\u30fc\u30b8\u306f\u975e\u516c\u958b\u3067\u3059\u3002 \u691c\u7d22\u5bfe\u8c61\u5916\u3068\u306a\u308a\u3001\u3053\u306e\u30da\u30fc\u30b8\u306e\u30ea\u30f3\u30af\u306b\u76f4\u63a5\u30a2\u30af\u30bb\u30b9\u3067\u304d\u308b\u30e6\u30fc\u30b6\u30fc\u306e\u307f\u306b\u516c\u958b\u3055\u308c\u307e\u3059\u3002","theme.contentVisibility.unlistedBanner.title":"\u975e\u516c\u958b\u306e\u30da\u30fc\u30b8","theme.docs.DocCard.categoryDescription.plurals":"{count}\u9805\u76ee","theme.docs.breadcrumbs.home":"\u30db\u30fc\u30e0\u30da\u30fc\u30b8","theme.docs.breadcrumbs.navAriaLabel":"\u30d1\u30f3\u304f\u305a\u30ea\u30b9\u30c8\u306e\u30ca\u30d3\u30b2\u30fc\u30b7\u30e7\u30f3","theme.docs.paginator.navAriaLabel":"\u30c9\u30ad\u30e5\u30e1\u30f3\u30c8\u30da\u30fc\u30b8\u306e\u30ca\u30d3\u30b2\u30fc\u30b7\u30e7\u30f3","theme.docs.paginator.next":"\u6b21\u306e\u30da\u30fc\u30b8","theme.docs.paginator.previous":"\u524d\u306e\u30da\u30fc\u30b8","theme.docs.sidebar.closeSidebarButtonAriaLabel":"\u30ca\u30d3\u30b2\u30fc\u30b7\u30e7\u30f3\u30d0\u30fc\u3092\u9589\u3058\u308b","theme.docs.sidebar.collapseButtonAriaLabel":"\u30b5\u30a4\u30c9\u30d0\u30fc\u3092\u6298\u308a\u305f\u305f\u3080","theme.docs.sidebar.collapseButtonTitle":"\u30b5\u30a4\u30c9\u30d0\u30fc\u3092\u6298\u308a\u305f\u305f\u3080","theme.docs.sidebar.expandButtonAriaLabel":"\u30b5\u30a4\u30c9\u30d0\u30fc\u3092\u5c55\u958b","theme.docs.sidebar.expandButtonTitle":"\u30b5\u30a4\u30c9\u30d0\u30fc\u3092\u5c55\u958b","theme.docs.sidebar.navAriaLabel":"\u30c9\u30ad\u30e5\u30e1\u30f3\u30c8\u306e\u30b5\u30a4\u30c9\u30d0\u30fc","theme.docs.sidebar.toggleSidebarButtonAriaLabel":"\u30ca\u30d3\u30b2\u30fc\u30b7\u30e7\u30f3\u30d0\u30fc\u3092\u958b\u304f","theme.docs.tagDocListPageTitle":"\u300c{tagName}\u300d\u30bf\u30b0\u306e\u3064\u3044\u305f{nDocsTagged}","theme.docs.tagDocListPageTitle.nDocsTagged":"{count}\u8a18\u4e8b","theme.docs.versionBadge.label":"\u30d0\u30fc\u30b8\u30e7\u30f3: {versionLabel}","theme.docs.versions.latestVersionLinkLabel":"\u6700\u65b0\u30d0\u30fc\u30b8\u30e7\u30f3","theme.docs.versions.latestVersionSuggestionLabel":"\u6700\u65b0\u306e\u30c9\u30ad\u30e5\u30e1\u30f3\u30c8\u306f{latestVersionLink}\uff08{versionLabel}\uff09\u306b\u3042\u308a\u307e\u3059\u3002","theme.docs.versions.unmaintainedVersionLabel":"\u3053\u308c\u306f{siteTitle}\u306e{versionLabel}\u30d0\u30fc\u30b8\u30e7\u30f3\u306e\u30c9\u30ad\u30e5\u30e1\u30f3\u30c8\u3067\u3001\u73fe\u5728\u306f\u30b5\u30dd\u30fc\u30c8\u3055\u308c\u3066\u3044\u307e\u305b\u3093\u3002","theme.docs.versions.unreleasedVersionLabel":"\u3053\u308c\u306f{siteTitle} {versionLabel}\u306e\u5c06\u6765\u306e\u30d0\u30fc\u30b8\u30e7\u30f3\u306e\u30c9\u30ad\u30e5\u30e1\u30f3\u30c8\u3067\u3059\u3002","theme.lastUpdated.atDate":" {date}","theme.lastUpdated.byUser":" {user}","theme.lastUpdated.lastUpdatedAtBy":"\u6700\u7d42\u66f4\u65b0{atDate}{byUser}","theme.navbar.mobileLanguageDropdown.label":"\u4ed6\u306e\u8a00\u8a9e","theme.navbar.mobileSidebarSecondaryMenu.backButtonLabel":"\u2190 \u30e1\u30a4\u30f3\u30e1\u30cb\u30e5\u30fc\u306b\u623b\u308b","theme.navbar.mobileVersionsDropdown.label":"\u4ed6\u306e\u30d0\u30fc\u30b8\u30e7\u30f3","theme.tags.tagsListLabel":"\u30bf\u30b0\uff1a","theme.tags.tagsPageLink":"\u3059\u3079\u3066\u306e\u30bf\u30b0\u3092\u898b\u308b","theme.tags.tagsPageTitle":"\u30bf\u30b0","theme.SearchBar.label":"\u691c\u7d22","theme.SearchBar.seeAll":"\u691c\u7d22\u7d50\u679c{count}\u4ef6\u3092\u3059\u3079\u3066\u898b\u308b","theme.SearchModal.errorScreen.helpText":"\u30cd\u30c3\u30c8\u30ef\u30fc\u30af\u63a5\u7d9a\u3092\u78ba\u8a8d\u3057\u3066\u304f\u3060\u3055\u3044","theme.SearchModal.errorScreen.titleText":"\u691c\u7d22\u7d50\u679c\u306e\u53d6\u5f97\u306b\u5931\u6557\u3057\u307e\u3057\u305f","theme.SearchModal.footer.closeKeyAriaLabel":"\u30a8\u30b9\u30b1\u30fc\u30d7\u30ad\u30fc","theme.SearchModal.footer.closeText":"\u9589\u3058\u308b","theme.SearchModal.footer.navigateDownKeyAriaLabel":"\u4e0b\u77e2\u5370\u30ad\u30fc","theme.SearchModal.footer.navigateText":"\u79fb\u52d5","theme.SearchModal.footer.navigateUpKeyAriaLabel":"\u4e0a\u77e2\u5370\u30ad\u30fc","theme.SearchModal.footer.searchByText":"\u691c\u7d22","theme.SearchModal.footer.selectKeyAriaLabel":"\u30a8\u30f3\u30bf\u30fc\u30ad\u30fc","theme.SearchModal.footer.selectText":"\u9078\u3076","theme.SearchModal.noResultsScreen.noResultsText":"\u898b\u3064\u304b\u308a\u307e\u305b\u3093\u3067\u3057\u305f","theme.SearchModal.noResultsScreen.reportMissingResultsLinkText":"\u5831\u544a\u3059\u308b","theme.SearchModal.noResultsScreen.reportMissingResultsText":"\u3088\u308a\u3088\u3044\u691c\u7d22\u7d50\u679c\u304c\u3042\u308a\u307e\u3059\u304b?","theme.SearchModal.noResultsScreen.suggestedQueryText":"\u6b21\u306e\u691c\u7d22\u3092\u8a66\u3059:","theme.SearchModal.placeholder":"\u30c9\u30ad\u30e5\u30e1\u30f3\u30c8\u3092\u691c\u7d22","theme.SearchModal.searchBox.cancelButtonText":"\u30ad\u30e3\u30f3\u30bb\u30eb","theme.SearchModal.searchBox.resetButtonTitle":"\u30af\u30ea\u30a2","theme.SearchModal.startScreen.favoriteSearchesTitle":"\u304a\u6c17\u306b\u5165\u308a","theme.SearchModal.startScreen.noRecentSearchesText":"\u6700\u8fd1\u306e\u691c\u7d22\u5c65\u6b74\u306f\u3042\u308a\u307e\u305b\u3093","theme.SearchModal.startScreen.recentSearchesTitle":"\u6700\u8fd1\u306e\u691c\u7d22","theme.SearchModal.startScreen.removeFavoriteSearchButtonTitle":"\u3053\u306e\u691c\u7d22\u3092\u304a\u6c17\u306b\u5165\u308a\u304b\u3089\u524a\u9664","theme.SearchModal.startScreen.removeRecentSearchButtonTitle":"\u3053\u306e\u691c\u7d22\u3092\u5c65\u6b74\u304b\u3089\u524a\u9664","theme.SearchModal.startScreen.saveRecentSearchButtonTitle":"\u3053\u306e\u691c\u7d22\u3092\u304a\u6c17\u306b\u5165\u308a\u306b\u8ffd\u52a0","theme.SearchPage.algoliaLabel":"Algolia\u3067\u691c\u7d22","theme.SearchPage.documentsFound.plurals":"{count}\u4ef6\u306e\u30c9\u30ad\u30e5\u30e1\u30f3\u30c8\u304c\u898b\u3064\u304b\u308a\u307e\u3057\u305f","theme.SearchPage.emptyResultsTitle":"\u30c9\u30ad\u30e5\u30e1\u30f3\u30c8\u3092\u691c\u7d22","theme.SearchPage.existingResultsTitle":"\u300e{query}\u300f\u306e\u691c\u7d22\u7d50\u679c","theme.SearchPage.fetchingNewResults":"\u65b0\u3057\u3044\u691c\u7d22\u7d50\u679c\u3092\u53d6\u5f97\u3057\u3066\u3044\u307e\u3059...","theme.SearchPage.inputLabel":"\u691c\u7d22","theme.SearchPage.inputPlaceholder":"\u691c\u7d22\u3059\u308b\u30ad\u30fc\u30ef\u30fc\u30c9\u3092\u5165\u529b\u3057\u3066\u304f\u3060\u3055\u3044","theme.SearchPage.noResultsText":"\u691c\u7d22\u7d50\u679c\u304c\u898b\u3064\u304b\u308a\u307e\u305b\u3093\u3067\u3057\u305f","theme.IdealImageMessage.404error":"\u753b\u50cf\u304c\u5b58\u5728\u3057\u307e\u305b\u3093","theme.IdealImageMessage.error":"\u753b\u50cf\u306e\u8aad\u307f\u8fbc\u307f\u306b\u5931\u6557\u3057\u307e\u3057\u305f","theme.IdealImageMessage.load":"\u30af\u30ea\u30c3\u30af\u3057\u3066\u8aad\u307f\u8fbc\u3080{sizeMessage}","theme.IdealImageMessage.loading":"\u8aad\u307f\u8fbc\u307f\u4e2d...","theme.IdealImageMessage.offline":"\u30aa\u30d5\u30e9\u30a4\u30f3\u4e2d\u306f\u753b\u50cf\u306f\u8aad\u307f\u8fbc\u307e\u308c\u307e\u305b\u3093","pages.home.features.title":"\u5229\u70b9","pages.home.features.logic.title":"\u660e\u78ba\u306a\u30d3\u30b8\u30cd\u30b9\u30ed\u30b8\u30c3\u30af","pages.home.features.logic.description":"\u30a2\u30fc\u30ad\u30c6\u30af\u30c1\u30e3\u306f\u30c9\u30e1\u30a4\u30f3\u30e2\u30b8\u30e5\u30fc\u30eb\u3067\u69cb\u6210\u3055\u308c\u3066\u3044\u308b\u305f\u3081\u3001\u7fd2\u5f97\u304c\u5bb9\u6613\u3067\u3042\u308b","pages.home.features.adaptability.title":"\u9069\u5fdc\u6027","pages.home.features.adaptability.description":"\u30a2\u30fc\u30ad\u30c6\u30af\u30c1\u30e3\u306e\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306f\u67d4\u8edf\u306b\u4ea4\u63db\u3057\u305f\u308a\u3001\u65b0\u3057\u3044\u6761\u4ef6\u306b\u5fdc\u3058\u3066\u8ffd\u52a0\u3057\u305f\u308a\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u308b","pages.home.features.debt.title":"\u6280\u8853\u7684\u8ca0\u50b5","pages.home.features.debt.description":"\u5404\u30e2\u30b8\u30e5\u30fc\u30eb\u306f\u526f\u4f5c\u7528\u306a\u3057\u306b\u72ec\u7acb\u3057\u3066\u5909\u66f4/\u518d\u4f5c\u6210\u3067\u304d\u308b","pages.home.features.shared.title":"\u660e\u78ba\u306a\u518d\u5229\u7528\u6027","pages.home.features.shared.description":"DRY\u3068\u30ed\u30fc\u30ab\u30eb\u30ab\u30b9\u30bf\u30de\u30a4\u30ba\u306e\u30d0\u30e9\u30f3\u30b9\u304c\u4fdd\u305f\u308c\u3066\u3044\u308b","pages.home.concepts.title":"\u30b3\u30f3\u30bb\u30d7\u30c8","pages.home.concepts.public.title":"\u516c\u958bAPI","pages.home.concepts.public.description":"\u5404\u30e2\u30b8\u30e5\u30fc\u30eb\u306f\u305d\u306e\u516c\u958bAPI\u3092\u30c8\u30c3\u30d7\u30ec\u30d9\u30eb\u3067\u5ba3\u8a00\u3059\u308b\u5fc5\u8981\u304c\u3042\u308b","pages.home.concepts.isolation.title":"\u5206\u96e2","pages.home.concepts.isolation.description":"\u30e2\u30b8\u30e5\u30fc\u30eb\u306f\u540c\u3058\u30ec\u30a4\u30e4\u30fc\u3084\u4e0a\u5c64\u30ec\u30a4\u30e4\u30fc\u306e\u4ed6\u306e\u30e2\u30b8\u30e5\u30fc\u30eb\u306b\u76f4\u63a5\u4f9d\u5b58\u3057\u3066\u306f\u3044\u3051\u306a\u3044","pages.home.concepts.needs.title":"\u30cb\u30fc\u30ba\u306e\u7406\u89e3","pages.home.concepts.needs.description":"\u30d3\u30b8\u30cd\u30b9\u3068\u30e6\u30fc\u30b6\u30fc\u306e\u30cb\u30fc\u30ba\u306b\u7126\u70b9\u3092\u5f53\u3066\u308b","pages.home.scheme.title":"\u69cb\u9020","pages.home.companies.using":"FSD\u3092\u4f7f\u7528\u3057\u3066\u3044\u308b\u4f01\u696d","pages.home.companies.add_me":"\u3042\u306a\u305f\u306e\u4f1a\u793e\u3067FSD\u304c\u4f7f\u7528\u3055\u308c\u3066\u3044\u307e\u3059\u304b\uff1f","pages.home.companies.tell_us":"\u6559\u3048\u3066\u304f\u3060\u3055\u3044","pages.examples.title":"\u5b9f\u88c5\u4f8b","pages.examples.subtitle":"FSD\u3092\u4f7f\u3063\u3066\u4f5c\u3089\u308c\u305f\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u4e00\u89a7","pages.examples.add_me.title":"\u5b9f\u88c5\u4f8b\u3092\u8ffd\u52a0","pages.examples.repo.title":"\u30ea\u30dd\u30b8\u30c8\u30ea","pages.examples.versions":"\u30d0\u30fc\u30b8\u30e7\u30f3\u4e00\u89a7\u3082\u53c2\u7167\u3057\u3066\u304f\u3060\u3055\u3044","pages.versions.title":"Feature-Sliced Design\u306e\u30d0\u30fc\u30b8\u30e7\u30f3","pages.versions.current":"\u3053\u3053\u3067\u73fe\u5728\u516c\u958b\u3055\u308c\u3066\u3044\u308b\u30d0\u30fc\u30b8\u30e7\u30f3\u306e\u30c9\u30ad\u30e5\u30e1\u30f3\u30c8\u3092\u898b\u3064\u3051\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059","pages.versions.legacy":"\u3053\u3053\u3067\u53e4\u3044\u30d0\u30fc\u30b8\u30e7\u30f3\u306e\u30c9\u30ad\u30e5\u30e1\u30f3\u30c8\u3092\u898b\u3064\u3051\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059","pages.nav.title":"\ud83e\udded \u30ca\u30d3\u30b2\u30fc\u30b7\u30e7\u30f3","pages.nav.legacy.title":"\u53e4\u3044\u30ea\u30f3\u30af","pages.nav.legacy.details":"\u30c9\u30ad\u30e5\u30e1\u30f3\u30c8\u306e\u518d\u69cb\u6210\u5f8c\u3001\u4e00\u90e8\u306e\u8a18\u4e8b\u30ea\u30f3\u30af\u304c\u5909\u66f4\u3055\u308c\u307e\u3057\u305f\u3002\u4ee5\u4e0b\u306b\u63a2\u3057\u3066\u3044\u308b\u30da\u30fc\u30b8\u304c\u898b\u3064\u304b\u308b\u304b\u3082\u3057\u308c\u307e\u305b\u3093\u3002","pages.nav.legacy.subdetails":"\u4e92\u63db\u6027\u306e\u305f\u3081\u306b\u53e4\u3044\u30ea\u30f3\u30af\u304b\u3089\u306e\u30ea\u30c0\u30a4\u30ec\u30af\u30c8\u304c\u3042\u308a\u307e\u3059","features.feedback-badge.label":"\u30c9\u30ad\u30e5\u30e1\u30f3\u30c8\u306e\u30d5\u30a3\u30fc\u30c9\u30d0\u30c3\u30af\u3092\u5171\u6709\u3059\u308b \ud83e\udd19","features.feedback-badge.url":"https://forms.gle/7p4anU2shHAzmfqc8","features.feedback-doc.thanks":"\u30d5\u30a3\u30fc\u30c9\u30d0\u30c3\u30af\u3042\u308a\u304c\u3068\u3046\u3054\u3056\u3044\u307e\u3059\uff01","features.feedback-doc.title":"\u3053\u306e\u30da\u30fc\u30b8\u306f\u5f79\u306b\u7acb\u3061\u307e\u3057\u305f\u304b\uff1f","features.feedback-doc.subtitle":"\u3042\u306a\u305f\u306e\u30d5\u30a3\u30fc\u30c9\u30d0\u30c3\u30af\u306f\u30c9\u30ad\u30e5\u30e1\u30f3\u30c8\u306e\u6539\u5584\u306b\u5f79\u7acb\u3061\u307e\u3059","features.feedback-doc.button-text":"\u30d5\u30a3\u30fc\u30c9\u30d0\u30c3\u30af\u3092\u9001\u308b","features.feedback-doc.email-placeholder":"\u30e1\u30fc\u30eb\u30a2\u30c9\u30ec\u30b9\u3092\u5165\u529b\u3057\u3066\u304f\u3060\u3055\u3044\uff08\u4efb\u610f\uff09","features.feedback-doc.error-message":"\u5f8c\u3067\u3082\u3046\u4e00\u5ea6\u304a\u8a66\u3057\u304f\u3060\u3055\u3044\u3002","features.feedback-doc.modal-title-error-403":"\u30ea\u30af\u30a8\u30b9\u30c8URL\u304c\u3053\u306e\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u306ePushFeedback\u306b\u6307\u5b9a\u3055\u308c\u305fURL\u3068\u4e00\u81f4\u3057\u307e\u305b\u3093\u3002","features.feedback-doc.modal-title-error-404":"\u63d0\u4f9b\u3055\u308c\u305f\u30d7\u30ed\u30b8\u30a7\u30af\u30c8ID\u3092PushFeedback\u3067\u898b\u3064\u3051\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u305b\u3093\u3067\u3057\u305f\u3002","features.feedback-doc.message-placeholder":"\u3053\u3053\u306b\u30d5\u30a3\u30fc\u30c9\u30d0\u30c3\u30af\u3092\u66f8\u3044\u3066\u304f\u3060\u3055\u3044\u2026","features.feedback-doc.modal-title":"\u3042\u306a\u305f\u306e\u610f\u898b\u3092\u5171\u6709\u3057\u3066\u304f\u3060\u3055\u3044","features.feedback-doc.modal-title-error":"\u304a\u3063\u3068\uff01","features.feedback-doc.modal-title-success":"\u30d5\u30a3\u30fc\u30c9\u30d0\u30c3\u30af\u3042\u308a\u304c\u3068\u3046\u3054\u3056\u3044\u307e\u3059\uff01","features.feedback-doc.rating-placeholder":"\u3053\u306e\u30da\u30fc\u30b8\u306f\u5f79\u306b\u7acb\u3061\u307e\u3057\u305f\u304b\uff1f","features.feedback-doc.rating-stars-placeholder":"\u3053\u306e\u30da\u30fc\u30b8\u3092\u3069\u3046\u8a55\u4fa1\u3057\u307e\u3059\u304b","features.feedback-doc.screenshot-button-text":"\u30b9\u30af\u30ea\u30fc\u30f3\u30b7\u30e7\u30c3\u30c8\u3092\u64ae\u308b","features.feedback-doc.screenshot-topbar-text":"\u30da\u30fc\u30b8\u4e0a\u306e\u8981\u7d20\u3092\u9078\u629e\u3057\u3066\u304f\u3060\u3055\u3044","features.feedback-doc.send-button-text":"\u9001\u4fe1","features.hero.tagline":"\u30d5\u30ed\u30f3\u30c8\u30a8\u30f3\u30c9\u30a2\u30fc\u30ad\u30c6\u30af\u30c1\u30e3\u306e\u8a2d\u8a08\u65b9\u6cd5\u8ad6","features.hero.get_started":"\u59cb\u3081\u308b","features.hero.examples":"\u5b9f\u88c5\u4f8b","features.hero.previous":"\u524d\u306e\u30d0\u30fc\u30b8\u30e7\u30f3","shared.wip.title":"\u3053\u306e\u8a18\u4e8b\u306f\u57f7\u7b46\u4e2d\u3067\u3059","shared.wip.subtitle":"\u305d\u306e\u516c\u958b\u3092\u65e9\u3081\u308b\u305f\u3081\u306b\u3001\u4ee5\u4e0b\u306e\u65b9\u6cd5\u304c\u3042\u308a\u307e\u3059\u3002","shared.wip.var.feedback.base":"\ud83d\udce2 \u30d5\u30a3\u30fc\u30c9\u30d0\u30c3\u30af\u3092\u5171\u6709\u3059\u308b ","shared.wip.var.feedback.link":"\uff08\u30c1\u30b1\u30c3\u30c8\u3067\u306e\u30b3\u30e1\u30f3\u30c8/\u7d75\u6587\u5b57\u30ea\u30a2\u30af\u30b7\u30e7\u30f3\uff09","shared.wip.var.material.base":"\ud83d\udcac \u30c1\u30e3\u30c3\u30c8\u3067\u306e\u8b70\u8ad6\u7d50\u679c\u3092\u30c1\u30b1\u30c3\u30c8\u306b\u307e\u3068\u3081\u308b ","shared.wip.var.material.link":"\uff08\u30c1\u30e3\u30c3\u30c8URL\uff09","shared.wip.var.contribute.base":"\u2692\ufe0f \u4ed6\u306e\u65b9\u6cd5\u3067","shared.wip.var.contribute.link":"\u8ca2\u732e\u3059\u308b","theme.docs.sidebar.responsiveCloseButtonLabel":"\u30e1\u30cb\u30e5\u30fc\u3092\u9589\u3058\u308b","theme.docs.sidebar.responsiveOpenButtonLabel":"\u30e1\u30cb\u30e5\u30fc\u3092\u958b\u304f"}')},4054:e=>{"use strict";e.exports=JSON.parse('{"/ja/blog-bdc":{"__comp":"a6aa9e1f","__context":{"plugin":"36994c47"},"sidebar":"814f3328","items":[{"content":"25a0b29f"},{"content":"f6bb872e"}],"__props":"733708ab"},"/ja/blog/archive-a57":{"__comp":"9e4087bc","__context":{"plugin":"36994c47"},"__props":"7911e77e"},"/ja/blog/international-community-6d5":{"__comp":"ccc49370","__context":{"data":{"blogMetadata":"acecf23e"},"plugin":"36994c47"},"sidebar":"814f3328","content":"f6760343"},"/ja/blog/rebranding-stable-769":{"__comp":"ccc49370","__context":{"data":{"blogMetadata":"acecf23e"},"plugin":"36994c47"},"sidebar":"814f3328","content":"1943626f"},"/ja/blog/tags-e5d":{"__comp":"01a85c17","__context":{"plugin":"36994c47"},"sidebar":"814f3328","__props":"5156988e"},"/ja/blog/tags/brand-b92":{"__comp":"6875c492","__context":{"plugin":"36994c47"},"sidebar":"814f3328","items":[{"content":"f6bb872e"}],"__props":"d550a4de"},"/ja/blog/tags/community-0b3":{"__comp":"6875c492","__context":{"plugin":"36994c47"},"sidebar":"814f3328","items":[{"content":"25a0b29f"}],"__props":"2380b188"},"/ja/blog/tags/discord-895":{"__comp":"6875c492","__context":{"plugin":"36994c47"},"sidebar":"814f3328","items":[{"content":"25a0b29f"}],"__props":"ee07dce2"},"/ja/blog/tags/promo-197":{"__comp":"6875c492","__context":{"plugin":"36994c47"},"sidebar":"814f3328","items":[{"content":"25a0b29f"},{"content":"f6bb872e"}],"__props":"5fd46c70"},"/ja/examples-f30":{"__comp":"b4c136e1","__context":{"plugin":"a7456010"},"config":"5e9f5e1a"},"/ja/nav-c82":{"__comp":"f565db0c","__context":{"plugin":"a7456010"},"config":"5e9f5e1a"},"/ja/search-5c9":{"__comp":"1a4e3797","__context":{"plugin":"c141421f"}},"/ja/versions-833":{"__comp":"90f695cb","__context":{"plugin":"a7456010"},"config":"5e9f5e1a"},"/ja/community-e0d":{"__comp":"5e95c892","__context":{"plugin":"e0719818"}},"/ja/community-982":{"__comp":"a7bd4aaa","__props":"c4fb0dde"},"/ja/community-077":{"__comp":"a94703ab"},"/ja/community-e1f":{"__comp":"17896441","content":"a61c55ce"},"/ja/community/team-7eb":{"__comp":"17896441","content":"7313bf7a"},"/ja/docs-130":{"__comp":"5e95c892","__context":{"plugin":"aba21aa0"}},"/ja/docs-ad9":{"__comp":"a7bd4aaa","__props":"459aea13"},"/ja/docs-b91":{"__comp":"a94703ab"},"/ja/docs-c75":{"__comp":"17896441","content":"32d45827"},"/ja/docs/about-54a":{"__comp":"17896441","content":"7c24a3b7"},"/ja/docs/about/alternatives-a1b":{"__comp":"17896441","content":"165a9db9"},"/ja/docs/about/mission-443":{"__comp":"17896441","content":"13884f15"},"/ja/docs/about/motivation-274":{"__comp":"17896441","content":"5c333c6a"},"/ja/docs/about/promote/for-company-41a":{"__comp":"17896441","content":"179fe0e3"},"/ja/docs/about/promote/for-team-a7a":{"__comp":"17896441","content":"012f76d8"},"/ja/docs/about/promote/integration-5dd":{"__comp":"17896441","content":"c2a37d41"},"/ja/docs/about/promote/partial-application-e2b":{"__comp":"17896441","content":"1ef93b0e"},"/ja/docs/about/understanding/abstractions-0ce":{"__comp":"17896441","content":"b816588c"},"/ja/docs/about/understanding/architecture-a54":{"__comp":"17896441","content":"e35da8fa"},"/ja/docs/about/understanding/knowledge-types-a0b":{"__comp":"17896441","content":"384f90b7"},"/ja/docs/about/understanding/naming-50f":{"__comp":"17896441","content":"9654fbea"},"/ja/docs/about/understanding/needs-driven-dd1":{"__comp":"17896441","content":"bd483990"},"/ja/docs/about/understanding/signals-82c":{"__comp":"17896441","content":"43481703"},"/ja/docs/branding-acd":{"__comp":"17896441","content":"40b15635"},"/ja/docs/get-started-2bd":{"__comp":"17896441","content":"5cc32e33"},"/ja/docs/get-started/cheatsheet-fbe":{"__comp":"17896441","content":"05cea7a5"},"/ja/docs/get-started/faq-71d":{"__comp":"17896441","content":"f2e71f4c"},"/ja/docs/get-started/overview-d05":{"__comp":"17896441","content":"ebe661a9"},"/ja/docs/get-started/tutorial-56f":{"__comp":"17896441","content":"623ef7cc"},"/ja/docs/guides-fa8":{"__comp":"17896441","content":"b5a59612"},"/ja/docs/guides/examples-be4":{"__comp":"17896441","content":"e3945454"},"/ja/docs/guides/examples/auth-c6e":{"__comp":"17896441","content":"0288f121"},"/ja/docs/guides/examples/autocompleted-0d6":{"__comp":"17896441","content":"06894aee"},"/ja/docs/guides/examples/browser-api-43d":{"__comp":"17896441","content":"0fe5f65b"},"/ja/docs/guides/examples/cms-5e4":{"__comp":"17896441","content":"89dfa326"},"/ja/docs/guides/examples/feedback-420":{"__comp":"17896441","content":"6f39ea9f"},"/ja/docs/guides/examples/i18n-dc3":{"__comp":"17896441","content":"faa48f11"},"/ja/docs/guides/examples/metric-ad6":{"__comp":"17896441","content":"0289c23f"},"/ja/docs/guides/examples/monorepo-93f":{"__comp":"17896441","content":"8eb9ed98"},"/ja/docs/guides/examples/page-layout-a23":{"__comp":"17896441","content":"cef4bc17"},"/ja/docs/guides/examples/platforms-5ed":{"__comp":"17896441","content":"2b049514"},"/ja/docs/guides/examples/ssr-947":{"__comp":"17896441","content":"adada6d7"},"/ja/docs/guides/examples/theme-168":{"__comp":"17896441","content":"f382d530"},"/ja/docs/guides/examples/types-362":{"__comp":"17896441","content":"45dd4bf3"},"/ja/docs/guides/examples/white-labels-bdf":{"__comp":"17896441","content":"8704bcbb"},"/ja/docs/guides/issues/cross-imports-65d":{"__comp":"17896441","content":"b4a7b4dd"},"/ja/docs/guides/issues/desegmented-45a":{"__comp":"17896441","content":"88daebe4"},"/ja/docs/guides/issues/routes-251":{"__comp":"17896441","content":"44843890"},"/ja/docs/guides/migration/from-custom-105":{"__comp":"17896441","content":"0d985d97"},"/ja/docs/guides/migration/from-v1-537":{"__comp":"17896441","content":"cf4aad29"},"/ja/docs/guides/tech/with-nextjs-3d6":{"__comp":"17896441","content":"871e0ed2"},"/ja/docs/guides/tech/with-nuxtjs-0ab":{"__comp":"17896441","content":"92d7a9ba"},"/ja/docs/guides/tech/with-react-query-adf":{"__comp":"17896441","content":"419904cc"},"/ja/docs/guides/tech/with-sveltekit-742":{"__comp":"17896441","content":"e878a63e"},"/ja/docs/reference-077":{"__comp":"17896441","content":"e8e5643e"},"/ja/docs/reference/isolation-824":{"__comp":"17896441","content":"a6e3103f"},"/ja/docs/reference/isolation/coupling-cohesion-3bd":{"__comp":"17896441","content":"bc21bcd3"},"/ja/docs/reference/isolation/decouple-entities-ae7":{"__comp":"17896441","content":"a3319485"},"/ja/docs/reference/layers-1a9":{"__comp":"17896441","content":"12472d65"},"/ja/docs/reference/public-api-56f":{"__comp":"17896441","content":"ba5630e6"},"/ja/docs/reference/slices-segments-a4a":{"__comp":"17896441","content":"fc907d4c"},"/ja/-21d":{"__comp":"1df93b7f","__context":{"plugin":"a7456010"},"config":"5e9f5e1a"}}')}},e=>{e.O(0,[1869],(()=>{return t=3096,e(e.s=t);var t}));e.O()}]);
\ No newline at end of file
diff --git a/ja/assets/js/main.cdd867c6.js.LICENSE.txt b/ja/assets/js/main.29fd47b7.js.LICENSE.txt
similarity index 100%
rename from ja/assets/js/main.cdd867c6.js.LICENSE.txt
rename to ja/assets/js/main.29fd47b7.js.LICENSE.txt
diff --git a/ja/assets/js/runtime~main.ac5b7a06.js b/ja/assets/js/runtime~main.37f69f93.js
similarity index 52%
rename from ja/assets/js/runtime~main.ac5b7a06.js
rename to ja/assets/js/runtime~main.37f69f93.js
index 5b3c7d588b..499bd21d2d 100644
--- a/ja/assets/js/runtime~main.ac5b7a06.js
+++ b/ja/assets/js/runtime~main.37f69f93.js
@@ -1 +1 @@
-(()=>{"use strict";var e,a,c,f,d,b={},t={};function r(e){var a=t[e];if(void 0!==a)return a.exports;var c=t[e]={id:e,loaded:!1,exports:{}};return b[e].call(c.exports,c,c.exports,r),c.loaded=!0,c.exports}r.m=b,r.c=t,e=[],r.O=(a,c,f,d)=>{if(!c){var b=1/0;for(i=0;i<e.length;i++){c=e[i][0],f=e[i][1],d=e[i][2];for(var t=!0,o=0;o<c.length;o++)(!1&d||b>=d)&&Object.keys(r.O).every((e=>r.O[e](c[o])))?c.splice(o--,1):(t=!1,d<b&&(b=d));if(t){e.splice(i--,1);var n=f();void 0!==n&&(a=n)}}return a}d=d||0;for(var i=e.length;i>0&&e[i-1][2]>d;i--)e[i]=e[i-1];e[i]=[c,f,d]},r.n=e=>{var a=e&&e.__esModule?()=>e.default:()=>e;return r.d(a,{a:a}),a},c=Object.getPrototypeOf?e=>Object.getPrototypeOf(e):e=>e.__proto__,r.t=function(e,f){if(1&f&&(e=this(e)),8&f)return e;if("object"==typeof e&&e){if(4&f&&e.__esModule)return e;if(16&f&&"function"==typeof e.then)return e}var d=Object.create(null);r.r(d);var b={};a=a||[null,c({}),c([]),c(c)];for(var t=2&f&&e;"object"==typeof t&&!~a.indexOf(t);t=c(t))Object.getOwnPropertyNames(t).forEach((a=>b[a]=()=>e[a]));return b.default=()=>e,r.d(d,b),d},r.d=(e,a)=>{for(var c in a)r.o(a,c)&&!r.o(e,c)&&Object.defineProperty(e,c,{enumerable:!0,get:a[c]})},r.f={},r.e=e=>Promise.all(Object.keys(r.f).reduce(((a,c)=>(r.f[c](e,a),a)),[])),r.u=e=>"assets/js/"+({5:"cf4aad29",25:"7313bf7a",130:"459aea13",187:"9654fbea",292:"ee07dce2",422:"25a0b29f",688:"05cea7a5",692:"c2a37d41",728:"e8e5643e",868:"b4c136e1",957:"c141421f",971:"43481703",1028:"e35da8fa",1083:"06894aee",1143:"d550a4de",1235:"a7456010",1403:"fc907d4c",1436:"0289c23f",1650:"5156988e",1705:"45dd4bf3",1733:"012f76d8",1828:"623ef7cc",1903:"acecf23e",1930:"733708ab",1957:"40b15635",1970:"bd483990",2082:"a6e3103f",2138:"1a4e3797",2151:"faa48f11",2441:"f2e71f4c",2563:"f6bb872e",2711:"9e4087bc",2725:"8eb9ed98",2799:"b4a7b4dd",2810:"32d45827",2900:"1ef93b0e",3150:"5fd46c70",3249:"ccc49370",3428:"5cc32e33",3518:"7c24a3b7",3705:"44843890",3970:"0fe5f65b",4051:"c4fb0dde",4064:"5c333c6a",4548:"6f39ea9f",4583:"1df93b7f",4685:"ba5630e6",4813:"6875c492",4838:"2b049514",5193:"a3319485",5220:"e0719818",5742:"aba21aa0",6285:"0288f121",6576:"b816588c",6726:"1943626f",6749:"871e0ed2",6778:"419904cc",6823:"0d985d97",6846:"b5a59612",6916:"165a9db9",6956:"f6760343",7098:"a7bd4aaa",7352:"cef4bc17",7369:"2380b188",7472:"814f3328",7498:"ebe661a9",7643:"a6aa9e1f",7673:"90f695cb",7783:"13884f15",7784:"f382d530",8036:"89dfa326",8038:"384f90b7",8209:"01a85c17",8268:"e3945454",8401:"17896441",8736:"88daebe4",8945:"8704bcbb",8964:"a61c55ce",8973:"179fe0e3",9048:"a94703ab",9081:"7911e77e",9223:"bc21bcd3",9248:"12472d65",9385:"adada6d7",9534:"f565db0c",9647:"5e95c892",9648:"e878a63e",9840:"92d7a9ba",9858:"36994c47"}[e]||e)+"."+{5:"449abcfa",25:"2783f0d6",130:"2d17e946",187:"1943749c",292:"ff94ddc8",422:"45113914",688:"0075ee40",692:"5f41d6b0",728:"712ef6d7",868:"3939e03e",957:"ca3f2e5c",971:"fa5355bf",1028:"d22253b6",1083:"161a7678",1143:"027960c6",1235:"8c0700e7",1403:"d1440c72",1436:"78005ed1",1617:"1642ae2d",1650:"fe1f583e",1705:"af1ba6d7",1733:"0d26c4d6",1828:"cd116cc4",1903:"7cd92c9e",1930:"56b6b3b6",1957:"383c5b29",1970:"8e3ece82",2082:"da985167",2138:"b044e2b7",2151:"d6bf426d",2441:"e1df3a01",2511:"965527ff",2563:"83922500",2711:"8253d742",2725:"4fd314fa",2799:"3e3855e7",2810:"0a305c07",2900:"a0a8141b",3150:"f5151e98",3249:"19193401",3428:"deec39b3",3518:"e76f082d",3705:"26a031cf",3904:"f1010d4d",3970:"9289c53a",4051:"c340ecc8",4064:"66806be8",4342:"90670778",4548:"b3b1052a",4583:"92aa2ad2",4685:"670211c1",4813:"300f4959",4838:"af726dcb",5193:"30414878",5220:"db5d6b94",5742:"3bb3f2a5",6285:"c0d3057f",6576:"69114980",6726:"35604cc4",6749:"5ea76ad1",6778:"751756fe",6823:"72948b33",6846:"96af0e6f",6916:"966d9fb2",6956:"e7d875c4",7098:"b7517e69",7352:"cfe0d34f",7369:"8ac54959",7472:"c1522145",7498:"f342b68a",7603:"86ea2b4a",7643:"302c6647",7673:"f1ea0e2d",7783:"602d033f",7784:"225ede72",8036:"07a4bbad",8038:"8478e974",8209:"04439e0c",8268:"2e5250f5",8401:"c275fb66",8492:"8f83b238",8570:"eb11179c",8736:"69e142d4",8945:"e092aba8",8964:"6feb55a0",8973:"23e3aaf9",9019:"a35288c0",9048:"73d6d9fb",9081:"a724c11e",9223:"2893f66d",9248:"8afa1d33",9385:"530dabc1",9534:"308ae3a0",9553:"77ed74a8",9562:"a9eb2898",9647:"15322503",9648:"3601c37c",9820:"5e09da4f",9840:"b4915c4f",9858:"842583d7"}[e]+".js",r.miniCssF=e=>{},r.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(e){if("object"==typeof window)return window}}(),r.o=(e,a)=>Object.prototype.hasOwnProperty.call(e,a),f={},d="@feature-sliced/documentation:",r.l=(e,a,c,b)=>{if(f[e])f[e].push(a);else{var t,o;if(void 0!==c)for(var n=document.getElementsByTagName("script"),i=0;i<n.length;i++){var u=n[i];if(u.getAttribute("src")==e||u.getAttribute("data-webpack")==d+c){t=u;break}}t||(o=!0,(t=document.createElement("script")).charset="utf-8",t.timeout=120,r.nc&&t.setAttribute("nonce",r.nc),t.setAttribute("data-webpack",d+c),t.src=e),f[e]=[a];var l=(a,c)=>{t.onerror=t.onload=null,clearTimeout(s);var d=f[e];if(delete f[e],t.parentNode&&t.parentNode.removeChild(t),d&&d.forEach((e=>e(c))),a)return a(c)},s=setTimeout(l.bind(null,void 0,{type:"timeout",target:t}),12e4);t.onerror=l.bind(null,t.onerror),t.onload=l.bind(null,t.onload),o&&document.head.appendChild(t)}},r.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},r.p="/ja/",r.gca=function(e){return e={17896441:"8401",43481703:"971",44843890:"3705",cf4aad29:"5","7313bf7a":"25","459aea13":"130","9654fbea":"187",ee07dce2:"292","25a0b29f":"422","05cea7a5":"688",c2a37d41:"692",e8e5643e:"728",b4c136e1:"868",c141421f:"957",e35da8fa:"1028","06894aee":"1083",d550a4de:"1143",a7456010:"1235",fc907d4c:"1403","0289c23f":"1436","5156988e":"1650","45dd4bf3":"1705","012f76d8":"1733","623ef7cc":"1828",acecf23e:"1903","733708ab":"1930","40b15635":"1957",bd483990:"1970",a6e3103f:"2082","1a4e3797":"2138",faa48f11:"2151",f2e71f4c:"2441",f6bb872e:"2563","9e4087bc":"2711","8eb9ed98":"2725",b4a7b4dd:"2799","32d45827":"2810","1ef93b0e":"2900","5fd46c70":"3150",ccc49370:"3249","5cc32e33":"3428","7c24a3b7":"3518","0fe5f65b":"3970",c4fb0dde:"4051","5c333c6a":"4064","6f39ea9f":"4548","1df93b7f":"4583",ba5630e6:"4685","6875c492":"4813","2b049514":"4838",a3319485:"5193",e0719818:"5220",aba21aa0:"5742","0288f121":"6285",b816588c:"6576","1943626f":"6726","871e0ed2":"6749","419904cc":"6778","0d985d97":"6823",b5a59612:"6846","165a9db9":"6916",f6760343:"6956",a7bd4aaa:"7098",cef4bc17:"7352","2380b188":"7369","814f3328":"7472",ebe661a9:"7498",a6aa9e1f:"7643","90f695cb":"7673","13884f15":"7783",f382d530:"7784","89dfa326":"8036","384f90b7":"8038","01a85c17":"8209",e3945454:"8268","88daebe4":"8736","8704bcbb":"8945",a61c55ce:"8964","179fe0e3":"8973",a94703ab:"9048","7911e77e":"9081",bc21bcd3:"9223","12472d65":"9248",adada6d7:"9385",f565db0c:"9534","5e95c892":"9647",e878a63e:"9648","92d7a9ba":"9840","36994c47":"9858"}[e]||e,r.p+r.u(e)},(()=>{var e={5354:0,1869:0};r.f.j=(a,c)=>{var f=r.o(e,a)?e[a]:void 0;if(0!==f)if(f)c.push(f[2]);else if(/^(1869|5354)$/.test(a))e[a]=0;else{var d=new Promise(((c,d)=>f=e[a]=[c,d]));c.push(f[2]=d);var b=r.p+r.u(a),t=new Error;r.l(b,(c=>{if(r.o(e,a)&&(0!==(f=e[a])&&(e[a]=void 0),f)){var d=c&&("load"===c.type?"missing":c.type),b=c&&c.target&&c.target.src;t.message="Loading chunk "+a+" failed.\n("+d+": "+b+")",t.name="ChunkLoadError",t.type=d,t.request=b,f[1](t)}}),"chunk-"+a,a)}},r.O.j=a=>0===e[a];var a=(a,c)=>{var f,d,b=c[0],t=c[1],o=c[2],n=0;if(b.some((a=>0!==e[a]))){for(f in t)r.o(t,f)&&(r.m[f]=t[f]);if(o)var i=o(r)}for(a&&a(c);n<b.length;n++)d=b[n],r.o(e,d)&&e[d]&&e[d][0](),e[d]=0;return r.O(i)},c=self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[];c.forEach(a.bind(null,0)),c.push=a.bind(null,c.push.bind(c))})()})();
\ No newline at end of file
+(()=>{"use strict";var e,a,f,c,d,b={},t={};function r(e){var a=t[e];if(void 0!==a)return a.exports;var f=t[e]={id:e,loaded:!1,exports:{}};return b[e].call(f.exports,f,f.exports,r),f.loaded=!0,f.exports}r.m=b,r.c=t,e=[],r.O=(a,f,c,d)=>{if(!f){var b=1/0;for(i=0;i<e.length;i++){f=e[i][0],c=e[i][1],d=e[i][2];for(var t=!0,o=0;o<f.length;o++)(!1&d||b>=d)&&Object.keys(r.O).every((e=>r.O[e](f[o])))?f.splice(o--,1):(t=!1,d<b&&(b=d));if(t){e.splice(i--,1);var n=c();void 0!==n&&(a=n)}}return a}d=d||0;for(var i=e.length;i>0&&e[i-1][2]>d;i--)e[i]=e[i-1];e[i]=[f,c,d]},r.n=e=>{var a=e&&e.__esModule?()=>e.default:()=>e;return r.d(a,{a:a}),a},f=Object.getPrototypeOf?e=>Object.getPrototypeOf(e):e=>e.__proto__,r.t=function(e,c){if(1&c&&(e=this(e)),8&c)return e;if("object"==typeof e&&e){if(4&c&&e.__esModule)return e;if(16&c&&"function"==typeof e.then)return e}var d=Object.create(null);r.r(d);var b={};a=a||[null,f({}),f([]),f(f)];for(var t=2&c&&e;"object"==typeof t&&!~a.indexOf(t);t=f(t))Object.getOwnPropertyNames(t).forEach((a=>b[a]=()=>e[a]));return b.default=()=>e,r.d(d,b),d},r.d=(e,a)=>{for(var f in a)r.o(a,f)&&!r.o(e,f)&&Object.defineProperty(e,f,{enumerable:!0,get:a[f]})},r.f={},r.e=e=>Promise.all(Object.keys(r.f).reduce(((a,f)=>(r.f[f](e,a),a)),[])),r.u=e=>"assets/js/"+({5:"cf4aad29",25:"7313bf7a",130:"459aea13",187:"9654fbea",292:"ee07dce2",422:"25a0b29f",688:"05cea7a5",692:"c2a37d41",728:"e8e5643e",868:"b4c136e1",957:"c141421f",971:"43481703",1028:"e35da8fa",1083:"06894aee",1143:"d550a4de",1235:"a7456010",1403:"fc907d4c",1436:"0289c23f",1650:"5156988e",1705:"45dd4bf3",1733:"012f76d8",1828:"623ef7cc",1903:"acecf23e",1930:"733708ab",1957:"40b15635",1970:"bd483990",2082:"a6e3103f",2138:"1a4e3797",2151:"faa48f11",2441:"f2e71f4c",2563:"f6bb872e",2711:"9e4087bc",2725:"8eb9ed98",2799:"b4a7b4dd",2810:"32d45827",2900:"1ef93b0e",3150:"5fd46c70",3249:"ccc49370",3428:"5cc32e33",3518:"7c24a3b7",3705:"44843890",3970:"0fe5f65b",4051:"c4fb0dde",4064:"5c333c6a",4548:"6f39ea9f",4583:"1df93b7f",4685:"ba5630e6",4813:"6875c492",4838:"2b049514",5193:"a3319485",5220:"e0719818",5742:"aba21aa0",6285:"0288f121",6576:"b816588c",6726:"1943626f",6749:"871e0ed2",6778:"419904cc",6823:"0d985d97",6846:"b5a59612",6916:"165a9db9",6956:"f6760343",7098:"a7bd4aaa",7352:"cef4bc17",7369:"2380b188",7472:"814f3328",7498:"ebe661a9",7643:"a6aa9e1f",7673:"90f695cb",7783:"13884f15",7784:"f382d530",8036:"89dfa326",8038:"384f90b7",8209:"01a85c17",8268:"e3945454",8401:"17896441",8736:"88daebe4",8945:"8704bcbb",8964:"a61c55ce",8973:"179fe0e3",9048:"a94703ab",9081:"7911e77e",9223:"bc21bcd3",9248:"12472d65",9385:"adada6d7",9534:"f565db0c",9647:"5e95c892",9648:"e878a63e",9840:"92d7a9ba",9858:"36994c47"}[e]||e)+"."+{5:"367918e9",25:"aa694090",130:"2d17e946",187:"d9987991",292:"ff94ddc8",422:"45113914",688:"2123c32d",692:"64189f3d",728:"993c13a9",868:"3939e03e",957:"ca3f2e5c",971:"7a66fd45",1028:"f638e274",1083:"4fc234ba",1143:"027960c6",1235:"8c0700e7",1403:"2ff6403f",1436:"bf82634d",1617:"1642ae2d",1650:"fe1f583e",1705:"945c3c38",1733:"dda6753c",1828:"5c0aeb4b",1903:"7cd92c9e",1930:"56b6b3b6",1957:"55157806",1970:"fe12195e",2082:"9f8767d0",2138:"b044e2b7",2151:"12ef5c53",2441:"610f827c",2511:"965527ff",2563:"83922500",2711:"8253d742",2725:"bc2f1ace",2799:"7a761edd",2810:"c43baede",2900:"168c9b4b",3150:"f5151e98",3249:"19193401",3428:"0a914d85",3518:"2dae2f17",3705:"74a3b667",3904:"f1010d4d",3970:"44b30890",4051:"c340ecc8",4064:"09e3fd94",4342:"90670778",4548:"408d6831",4583:"92aa2ad2",4685:"1eca766d",4813:"300f4959",4838:"f02ded29",5193:"3d5b3126",5220:"db5d6b94",5742:"3bb3f2a5",6285:"9ff7ad0a",6576:"8b2c511f",6726:"35604cc4",6749:"5448d475",6778:"665903d5",6823:"9dfc44db",6846:"78f88b85",6916:"204c30d2",6956:"e7d875c4",7098:"b7517e69",7352:"bdb283c7",7369:"8ac54959",7472:"c1522145",7498:"93c32722",7603:"86ea2b4a",7643:"302c6647",7673:"f1ea0e2d",7783:"ccb96ee5",7784:"d42ad8d0",8036:"90f435d2",8038:"c8d702d1",8209:"04439e0c",8268:"c3538be4",8401:"c275fb66",8492:"8f83b238",8570:"eb11179c",8736:"2d024c1f",8945:"da8405ad",8964:"74f2f5f7",8973:"a3bb1d3d",9019:"a35288c0",9048:"73d6d9fb",9081:"a724c11e",9223:"b4d28c9b",9248:"b965a988",9385:"2f22319c",9534:"308ae3a0",9553:"77ed74a8",9562:"a9eb2898",9647:"15322503",9648:"839ada31",9820:"5e09da4f",9840:"f51c720a",9858:"842583d7"}[e]+".js",r.miniCssF=e=>{},r.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(e){if("object"==typeof window)return window}}(),r.o=(e,a)=>Object.prototype.hasOwnProperty.call(e,a),c={},d="@feature-sliced/documentation:",r.l=(e,a,f,b)=>{if(c[e])c[e].push(a);else{var t,o;if(void 0!==f)for(var n=document.getElementsByTagName("script"),i=0;i<n.length;i++){var u=n[i];if(u.getAttribute("src")==e||u.getAttribute("data-webpack")==d+f){t=u;break}}t||(o=!0,(t=document.createElement("script")).charset="utf-8",t.timeout=120,r.nc&&t.setAttribute("nonce",r.nc),t.setAttribute("data-webpack",d+f),t.src=e),c[e]=[a];var l=(a,f)=>{t.onerror=t.onload=null,clearTimeout(s);var d=c[e];if(delete c[e],t.parentNode&&t.parentNode.removeChild(t),d&&d.forEach((e=>e(f))),a)return a(f)},s=setTimeout(l.bind(null,void 0,{type:"timeout",target:t}),12e4);t.onerror=l.bind(null,t.onerror),t.onload=l.bind(null,t.onload),o&&document.head.appendChild(t)}},r.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},r.p="/ja/",r.gca=function(e){return e={17896441:"8401",43481703:"971",44843890:"3705",cf4aad29:"5","7313bf7a":"25","459aea13":"130","9654fbea":"187",ee07dce2:"292","25a0b29f":"422","05cea7a5":"688",c2a37d41:"692",e8e5643e:"728",b4c136e1:"868",c141421f:"957",e35da8fa:"1028","06894aee":"1083",d550a4de:"1143",a7456010:"1235",fc907d4c:"1403","0289c23f":"1436","5156988e":"1650","45dd4bf3":"1705","012f76d8":"1733","623ef7cc":"1828",acecf23e:"1903","733708ab":"1930","40b15635":"1957",bd483990:"1970",a6e3103f:"2082","1a4e3797":"2138",faa48f11:"2151",f2e71f4c:"2441",f6bb872e:"2563","9e4087bc":"2711","8eb9ed98":"2725",b4a7b4dd:"2799","32d45827":"2810","1ef93b0e":"2900","5fd46c70":"3150",ccc49370:"3249","5cc32e33":"3428","7c24a3b7":"3518","0fe5f65b":"3970",c4fb0dde:"4051","5c333c6a":"4064","6f39ea9f":"4548","1df93b7f":"4583",ba5630e6:"4685","6875c492":"4813","2b049514":"4838",a3319485:"5193",e0719818:"5220",aba21aa0:"5742","0288f121":"6285",b816588c:"6576","1943626f":"6726","871e0ed2":"6749","419904cc":"6778","0d985d97":"6823",b5a59612:"6846","165a9db9":"6916",f6760343:"6956",a7bd4aaa:"7098",cef4bc17:"7352","2380b188":"7369","814f3328":"7472",ebe661a9:"7498",a6aa9e1f:"7643","90f695cb":"7673","13884f15":"7783",f382d530:"7784","89dfa326":"8036","384f90b7":"8038","01a85c17":"8209",e3945454:"8268","88daebe4":"8736","8704bcbb":"8945",a61c55ce:"8964","179fe0e3":"8973",a94703ab:"9048","7911e77e":"9081",bc21bcd3:"9223","12472d65":"9248",adada6d7:"9385",f565db0c:"9534","5e95c892":"9647",e878a63e:"9648","92d7a9ba":"9840","36994c47":"9858"}[e]||e,r.p+r.u(e)},(()=>{var e={5354:0,1869:0};r.f.j=(a,f)=>{var c=r.o(e,a)?e[a]:void 0;if(0!==c)if(c)f.push(c[2]);else if(/^(1869|5354)$/.test(a))e[a]=0;else{var d=new Promise(((f,d)=>c=e[a]=[f,d]));f.push(c[2]=d);var b=r.p+r.u(a),t=new Error;r.l(b,(f=>{if(r.o(e,a)&&(0!==(c=e[a])&&(e[a]=void 0),c)){var d=f&&("load"===f.type?"missing":f.type),b=f&&f.target&&f.target.src;t.message="Loading chunk "+a+" failed.\n("+d+": "+b+")",t.name="ChunkLoadError",t.type=d,t.request=b,c[1](t)}}),"chunk-"+a,a)}},r.O.j=a=>0===e[a];var a=(a,f)=>{var c,d,b=f[0],t=f[1],o=f[2],n=0;if(b.some((a=>0!==e[a]))){for(c in t)r.o(t,c)&&(r.m[c]=t[c]);if(o)var i=o(r)}for(a&&a(f);n<b.length;n++)d=b[n],r.o(e,d)&&e[d]&&e[d][0](),e[d]=0;return r.O(i)},f=self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[];f.forEach(a.bind(null,0)),f.push=a.bind(null,f.push.bind(f))})()})();
\ No newline at end of file
diff --git a/ja/blog.html b/ja/blog.html
index 1b9f5d61d9..b0c34b08bf 100644
--- a/ja/blog.html
+++ b/ja/blog.html
@@ -9,8 +9,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/ja/opensearch.xml"><link rel="stylesheet" href="/ja/assets/css/styles.c2f43f9a.css">
-<script src="/ja/assets/js/runtime~main.ac5b7a06.js" defer="defer"></script>
-<script src="/ja/assets/js/main.cdd867c6.js" defer="defer"></script>
+<script src="/ja/assets/js/runtime~main.37f69f93.js" defer="defer"></script>
+<script src="/ja/assets/js/main.29fd47b7.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="メインコンテンツにスキップ"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">メインコンテンツにスキップ</a></div><nav aria-label="ナビゲーション" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="ナビゲーションバーを開く" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/ja/"><div class="navbar__logo"><img src="/ja/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/ja/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a class="navbar__item navbar__link" href="/ja/docs">📖 ドキュメント</a><a class="navbar__item navbar__link" href="/ja/community">💫 コミュニティ</a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/ja/blog">📝 ブログ</a><a class="navbar__item navbar__link" href="/ja/examples">🛠 実装例</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/ja/docs">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a class="dropdown__link" href="/ja/docs">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/ja/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>日本語</a><ul class="dropdown__menu"><li><a href="/ru/blog" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ru">Русский</a></li><li><a href="/blog" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/uz/blog" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/blog" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="kr">한국어</a></li><li><a href="/ja/blog" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="ダークモードを切り替える(現在はライトモード)" aria-label="ダークモードを切り替える(現在はライトモード)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="検索"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">検索</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_erB7 thin-scrollbar" aria-label="最近のブログ記事のナビゲーション"><div class="sidebarItemTitle_wsXF margin-bottom--md">Recent posts</div><div role="group"><h3 class="yearGroupHeading_F6cS">2022</h3><ul class="sidebarItemList_k2Wo clean-list"><li class="sidebarItem_wRf2"><a class="sidebarItemLink_Mezy" href="/ja/blog/international-community">🌎 FSD international community</a></li><li class="sidebarItem_wRf2"><a class="sidebarItemLink_Mezy" href="/ja/blog/rebranding-stable">💥 FSD rebranding!</a></li></ul></div></nav></aside><main class="col col--7"><article class="margin-bottom--xl"><header><h2 class="title_YWGh"><a href="/ja/blog/international-community">🌎 FSD international community</a></h2><div class="container_TmwD margin-vert--md"><time datetime="2022-07-25T00:00:00.000Z">2022年7月25日</time> · <!-- -->2 分の読書</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--12 authorCol_jNa_"><div class="avatar margin-bottom--sm"><a href="https://github.com/unordinarity" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo authorImage_RWa9" src="https://github.com/unordinarity.png" alt="Anton Medvedev"></a><div class="avatar__intro authorDetails_x3i5"><div class="avatar__name"><a href="https://github.com/unordinarity" target="_blank" rel="noopener noreferrer"><span class="authorName_yyrl">Anton Medvedev</span></a></div><small class="authorTitle_qOEn" title="FSD core-team member">FSD core-team member</small><div class="authorSocials_SxLb"></div></div></div></div></div></header><div class="markdown"><div class="container text--center margin-vert--md"><img src="/img/blog/international-community.png" alt="post-cover" width="100%"></div>
diff --git a/ja/blog/archive.html b/ja/blog/archive.html
index 3b65d1e325..8c05baa23c 100644
--- a/ja/blog/archive.html
+++ b/ja/blog/archive.html
@@ -9,8 +9,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/ja/opensearch.xml"><link rel="stylesheet" href="/ja/assets/css/styles.c2f43f9a.css">
-<script src="/ja/assets/js/runtime~main.ac5b7a06.js" defer="defer"></script>
-<script src="/ja/assets/js/main.cdd867c6.js" defer="defer"></script>
+<script src="/ja/assets/js/runtime~main.37f69f93.js" defer="defer"></script>
+<script src="/ja/assets/js/main.29fd47b7.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="メインコンテンツにスキップ"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">メインコンテンツにスキップ</a></div><nav aria-label="ナビゲーション" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="ナビゲーションバーを開く" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/ja/"><div class="navbar__logo"><img src="/ja/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/ja/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a class="navbar__item navbar__link" href="/ja/docs">📖 ドキュメント</a><a class="navbar__item navbar__link" href="/ja/community">💫 コミュニティ</a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/ja/blog">📝 ブログ</a><a class="navbar__item navbar__link" href="/ja/examples">🛠 実装例</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/ja/docs">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a class="dropdown__link" href="/ja/docs">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/ja/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>日本語</a><ul class="dropdown__menu"><li><a href="/ru/blog/archive" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ru">Русский</a></li><li><a href="/blog/archive" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/uz/blog/archive" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/blog/archive" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="kr">한국어</a></li><li><a href="/ja/blog/archive" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="ダークモードを切り替える(現在はライトモード)" aria-label="ダークモードを切り替える(現在はライトモード)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="検索"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">検索</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><header class="hero hero--primary"><div class="container"><h1 class="hero__title">アーカイブ</h1><p class="hero__subtitle">アーカイブ</p></div></header><main><section class="margin-vert--lg"><div class="container"><div class="row"><div class="col col--4 margin-vert--lg"><h3 class="anchor anchorWithStickyNavbar_QzlE" id="2022">2022<a href="#2022" class="hash-link" aria-label="この見出しへの直接リンク" title="この見出しへの直接リンク">​</a></h3><ul><li><a href="/ja/blog/rebranding-stable">6月4日<!-- --> - <!-- -->💥 FSD rebranding!</a></li><li><a href="/ja/blog/international-community">7月25日<!-- --> - <!-- -->🌎 FSD international community</a></li></ul></div></div></div></section></main></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">仕様</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/ja/docs">ドキュメント</a></li><li class="footer__item"><a class="footer__link-item" href="/ja/community">コミュニティ</a></li><li class="footer__item"><a class="footer__link-item" href="/ja/nav">ヘルプ</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">ディスカッション<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">コミュニティ</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">X<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">その他</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">ライセンス<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/ja/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/ja/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2024  Feature-Sliced Design</div></div></div></footer></div>
diff --git a/ja/blog/international-community.html b/ja/blog/international-community.html
index 22b092dcbf..43920d5d46 100644
--- a/ja/blog/international-community.html
+++ b/ja/blog/international-community.html
@@ -9,8 +9,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/ja/opensearch.xml"><link rel="stylesheet" href="/ja/assets/css/styles.c2f43f9a.css">
-<script src="/ja/assets/js/runtime~main.ac5b7a06.js" defer="defer"></script>
-<script src="/ja/assets/js/main.cdd867c6.js" defer="defer"></script>
+<script src="/ja/assets/js/runtime~main.37f69f93.js" defer="defer"></script>
+<script src="/ja/assets/js/main.29fd47b7.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="メインコンテンツにスキップ"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">メインコンテンツにスキップ</a></div><nav aria-label="ナビゲーション" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="ナビゲーションバーを開く" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/ja/"><div class="navbar__logo"><img src="/ja/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/ja/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a class="navbar__item navbar__link" href="/ja/docs">📖 ドキュメント</a><a class="navbar__item navbar__link" href="/ja/community">💫 コミュニティ</a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/ja/blog">📝 ブログ</a><a class="navbar__item navbar__link" href="/ja/examples">🛠 実装例</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/ja/docs">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a class="dropdown__link" href="/ja/docs">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/ja/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>日本語</a><ul class="dropdown__menu"><li><a href="/ru/blog/international-community" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ru">Русский</a></li><li><a href="/blog/international-community" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/uz/blog/international-community" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/blog/international-community" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="kr">한국어</a></li><li><a href="/ja/blog/international-community" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="ダークモードを切り替える(現在はライトモード)" aria-label="ダークモードを切り替える(現在はライトモード)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="検索"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">検索</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_erB7 thin-scrollbar" aria-label="最近のブログ記事のナビゲーション"><div class="sidebarItemTitle_wsXF margin-bottom--md">Recent posts</div><div role="group"><h3 class="yearGroupHeading_F6cS">2022</h3><ul class="sidebarItemList_k2Wo clean-list"><li class="sidebarItem_wRf2"><a aria-current="page" class="sidebarItemLink_Mezy sidebarItemLinkActive_QL4I" href="/ja/blog/international-community">🌎 FSD international community</a></li><li class="sidebarItem_wRf2"><a class="sidebarItemLink_Mezy" href="/ja/blog/rebranding-stable">💥 FSD rebranding!</a></li></ul></div></nav></aside><main class="col col--7"><article><header><h1 class="title_YWGh">🌎 FSD international community</h1><div class="container_TmwD margin-vert--md"><time datetime="2022-07-25T00:00:00.000Z">2022年7月25日</time> · <!-- -->2 分の読書</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--12 authorCol_jNa_"><div class="avatar margin-bottom--sm"><a href="https://github.com/unordinarity" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo authorImage_RWa9" src="https://github.com/unordinarity.png" alt="Anton Medvedev"></a><div class="avatar__intro authorDetails_x3i5"><div class="avatar__name"><a href="https://github.com/unordinarity" target="_blank" rel="noopener noreferrer"><span class="authorName_yyrl">Anton Medvedev</span></a></div><small class="authorTitle_qOEn" title="FSD core-team member">FSD core-team member</small><div class="authorSocials_SxLb"></div></div></div></div></div></header><div id="__blog-post-container" class="markdown"><div class="container text--center margin-vert--md"><img src="/img/blog/international-community.png" alt="post-cover" width="100%"></div>
diff --git a/ja/blog/rebranding-stable.html b/ja/blog/rebranding-stable.html
index 1130be1395..6b74ae0bf2 100644
--- a/ja/blog/rebranding-stable.html
+++ b/ja/blog/rebranding-stable.html
@@ -9,8 +9,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/ja/opensearch.xml"><link rel="stylesheet" href="/ja/assets/css/styles.c2f43f9a.css">
-<script src="/ja/assets/js/runtime~main.ac5b7a06.js" defer="defer"></script>
-<script src="/ja/assets/js/main.cdd867c6.js" defer="defer"></script>
+<script src="/ja/assets/js/runtime~main.37f69f93.js" defer="defer"></script>
+<script src="/ja/assets/js/main.29fd47b7.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="メインコンテンツにスキップ"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">メインコンテンツにスキップ</a></div><nav aria-label="ナビゲーション" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="ナビゲーションバーを開く" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/ja/"><div class="navbar__logo"><img src="/ja/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/ja/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a class="navbar__item navbar__link" href="/ja/docs">📖 ドキュメント</a><a class="navbar__item navbar__link" href="/ja/community">💫 コミュニティ</a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/ja/blog">📝 ブログ</a><a class="navbar__item navbar__link" href="/ja/examples">🛠 実装例</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/ja/docs">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a class="dropdown__link" href="/ja/docs">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/ja/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>日本語</a><ul class="dropdown__menu"><li><a href="/ru/blog/rebranding-stable" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ru">Русский</a></li><li><a href="/blog/rebranding-stable" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/uz/blog/rebranding-stable" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/blog/rebranding-stable" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="kr">한국어</a></li><li><a href="/ja/blog/rebranding-stable" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="ダークモードを切り替える(現在はライトモード)" aria-label="ダークモードを切り替える(現在はライトモード)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="検索"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">検索</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_erB7 thin-scrollbar" aria-label="最近のブログ記事のナビゲーション"><div class="sidebarItemTitle_wsXF margin-bottom--md">Recent posts</div><div role="group"><h3 class="yearGroupHeading_F6cS">2022</h3><ul class="sidebarItemList_k2Wo clean-list"><li class="sidebarItem_wRf2"><a class="sidebarItemLink_Mezy" href="/ja/blog/international-community">🌎 FSD international community</a></li><li class="sidebarItem_wRf2"><a aria-current="page" class="sidebarItemLink_Mezy sidebarItemLinkActive_QL4I" href="/ja/blog/rebranding-stable">💥 FSD rebranding!</a></li></ul></div></nav></aside><main class="col col--7"><article><header><h1 class="title_YWGh">💥 FSD rebranding!</h1><div class="container_TmwD margin-vert--md"><time datetime="2022-06-04T00:00:00.000Z">2022年6月4日</time> · <!-- -->2 分の読書</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--12 authorCol_jNa_"><div class="avatar margin-bottom--sm"><a href="https://github.com/azinit" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo authorImage_RWa9" src="https://github.com/azinit.png" alt="Ilya Azin"></a><div class="avatar__intro authorDetails_x3i5"><div class="avatar__name"><a href="https://github.com/azinit" target="_blank" rel="noopener noreferrer"><span class="authorName_yyrl">Ilya Azin</span></a></div><small class="authorTitle_qOEn" title="FSD core-team member">FSD core-team member</small><div class="authorSocials_SxLb"></div></div></div></div></div></header><div id="__blog-post-container" class="markdown"><div class="container text--center margin-vert--md"><img src="/img/blog/rebranding-stable.png" alt="logo-primary" width="100%"></div>
diff --git a/ja/blog/tags.html b/ja/blog/tags.html
index 7d4a997539..06467e9649 100644
--- a/ja/blog/tags.html
+++ b/ja/blog/tags.html
@@ -9,8 +9,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/ja/opensearch.xml"><link rel="stylesheet" href="/ja/assets/css/styles.c2f43f9a.css">
-<script src="/ja/assets/js/runtime~main.ac5b7a06.js" defer="defer"></script>
-<script src="/ja/assets/js/main.cdd867c6.js" defer="defer"></script>
+<script src="/ja/assets/js/runtime~main.37f69f93.js" defer="defer"></script>
+<script src="/ja/assets/js/main.29fd47b7.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="メインコンテンツにスキップ"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">メインコンテンツにスキップ</a></div><nav aria-label="ナビゲーション" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="ナビゲーションバーを開く" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/ja/"><div class="navbar__logo"><img src="/ja/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/ja/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a class="navbar__item navbar__link" href="/ja/docs">📖 ドキュメント</a><a class="navbar__item navbar__link" href="/ja/community">💫 コミュニティ</a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/ja/blog">📝 ブログ</a><a class="navbar__item navbar__link" href="/ja/examples">🛠 実装例</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/ja/docs">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a class="dropdown__link" href="/ja/docs">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/ja/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>日本語</a><ul class="dropdown__menu"><li><a href="/ru/blog/tags" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ru">Русский</a></li><li><a href="/blog/tags" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/uz/blog/tags" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/blog/tags" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="kr">한국어</a></li><li><a href="/ja/blog/tags" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="ダークモードを切り替える(現在はライトモード)" aria-label="ダークモードを切り替える(現在はライトモード)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="検索"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">検索</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_erB7 thin-scrollbar" aria-label="最近のブログ記事のナビゲーション"><div class="sidebarItemTitle_wsXF margin-bottom--md">Recent posts</div><div role="group"><h3 class="yearGroupHeading_F6cS">2022</h3><ul class="sidebarItemList_k2Wo clean-list"><li class="sidebarItem_wRf2"><a class="sidebarItemLink_Mezy" href="/ja/blog/international-community">🌎 FSD international community</a></li><li class="sidebarItem_wRf2"><a class="sidebarItemLink_Mezy" href="/ja/blog/rebranding-stable">💥 FSD rebranding!</a></li></ul></div></nav></aside><main class="col col--7"><h1>タグ</h1><section class="margin-vert--lg"><article><h2 class="anchor anchorWithStickyNavbar_QzlE" id="B">B<a href="#B" class="hash-link" aria-label="この見出しへの直接リンク" title="この見出しへの直接リンク">​</a></h2><ul class="padding--none"><li class="tag_KOYL"><a class="tag_mklG tagWithCount__yvt" href="/ja/blog/tags/brand">brand<span>1</span></a></li></ul><hr></article><article><h2 class="anchor anchorWithStickyNavbar_QzlE" id="C">C<a href="#C" class="hash-link" aria-label="この見出しへの直接リンク" title="この見出しへの直接リンク">​</a></h2><ul class="padding--none"><li class="tag_KOYL"><a class="tag_mklG tagWithCount__yvt" href="/ja/blog/tags/community">community<span>1</span></a></li></ul><hr></article><article><h2 class="anchor anchorWithStickyNavbar_QzlE" id="D">D<a href="#D" class="hash-link" aria-label="この見出しへの直接リンク" title="この見出しへの直接リンク">​</a></h2><ul class="padding--none"><li class="tag_KOYL"><a class="tag_mklG tagWithCount__yvt" href="/ja/blog/tags/discord">discord<span>1</span></a></li></ul><hr></article><article><h2 class="anchor anchorWithStickyNavbar_QzlE" id="P">P<a href="#P" class="hash-link" aria-label="この見出しへの直接リンク" title="この見出しへの直接リンク">​</a></h2><ul class="padding--none"><li class="tag_KOYL"><a class="tag_mklG tagWithCount__yvt" href="/ja/blog/tags/promo">promo<span>2</span></a></li></ul><hr></article></section></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">仕様</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/ja/docs">ドキュメント</a></li><li class="footer__item"><a class="footer__link-item" href="/ja/community">コミュニティ</a></li><li class="footer__item"><a class="footer__link-item" href="/ja/nav">ヘルプ</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">ディスカッション<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">コミュニティ</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">X<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">その他</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">ライセンス<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/ja/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/ja/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2024  Feature-Sliced Design</div></div></div></footer></div>
diff --git a/ja/blog/tags/brand.html b/ja/blog/tags/brand.html
index bf7b7a9aea..83e19236fa 100644
--- a/ja/blog/tags/brand.html
+++ b/ja/blog/tags/brand.html
@@ -9,8 +9,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/ja/opensearch.xml"><link rel="stylesheet" href="/ja/assets/css/styles.c2f43f9a.css">
-<script src="/ja/assets/js/runtime~main.ac5b7a06.js" defer="defer"></script>
-<script src="/ja/assets/js/main.cdd867c6.js" defer="defer"></script>
+<script src="/ja/assets/js/runtime~main.37f69f93.js" defer="defer"></script>
+<script src="/ja/assets/js/main.29fd47b7.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="メインコンテンツにスキップ"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">メインコンテンツにスキップ</a></div><nav aria-label="ナビゲーション" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="ナビゲーションバーを開く" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/ja/"><div class="navbar__logo"><img src="/ja/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/ja/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a class="navbar__item navbar__link" href="/ja/docs">📖 ドキュメント</a><a class="navbar__item navbar__link" href="/ja/community">💫 コミュニティ</a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/ja/blog">📝 ブログ</a><a class="navbar__item navbar__link" href="/ja/examples">🛠 実装例</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/ja/docs">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a class="dropdown__link" href="/ja/docs">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/ja/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>日本語</a><ul class="dropdown__menu"><li><a href="/ru/blog/tags/brand" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ru">Русский</a></li><li><a href="/blog/tags/brand" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/uz/blog/tags/brand" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/blog/tags/brand" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="kr">한국어</a></li><li><a href="/ja/blog/tags/brand" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="ダークモードを切り替える(現在はライトモード)" aria-label="ダークモードを切り替える(現在はライトモード)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="検索"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">検索</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_erB7 thin-scrollbar" aria-label="最近のブログ記事のナビゲーション"><div class="sidebarItemTitle_wsXF margin-bottom--md">Recent posts</div><div role="group"><h3 class="yearGroupHeading_F6cS">2022</h3><ul class="sidebarItemList_k2Wo clean-list"><li class="sidebarItem_wRf2"><a class="sidebarItemLink_Mezy" href="/ja/blog/international-community">🌎 FSD international community</a></li><li class="sidebarItem_wRf2"><a class="sidebarItemLink_Mezy" href="/ja/blog/rebranding-stable">💥 FSD rebranding!</a></li></ul></div></nav></aside><main class="col col--7"><header class="margin-bottom--xl"><h1>1 投稿 のタグ &quot;brand&quot;</h1><a href="/ja/blog/tags">すべてのタグを見る</a></header><article class="margin-bottom--xl"><header><h2 class="title_YWGh"><a href="/ja/blog/rebranding-stable">💥 FSD rebranding!</a></h2><div class="container_TmwD margin-vert--md"><time datetime="2022-06-04T00:00:00.000Z">2022年6月4日</time> · <!-- -->2 分の読書</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--12 authorCol_jNa_"><div class="avatar margin-bottom--sm"><a href="https://github.com/azinit" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo authorImage_RWa9" src="https://github.com/azinit.png" alt="Ilya Azin"></a><div class="avatar__intro authorDetails_x3i5"><div class="avatar__name"><a href="https://github.com/azinit" target="_blank" rel="noopener noreferrer"><span class="authorName_yyrl">Ilya Azin</span></a></div><small class="authorTitle_qOEn" title="FSD core-team member">FSD core-team member</small><div class="authorSocials_SxLb"></div></div></div></div></div></header><div class="markdown"><div class="container text--center margin-vert--md"><img src="/img/blog/rebranding-stable.png" alt="logo-primary" width="100%"></div>
diff --git a/ja/blog/tags/community.html b/ja/blog/tags/community.html
index 7c55577b16..b86eadf02c 100644
--- a/ja/blog/tags/community.html
+++ b/ja/blog/tags/community.html
@@ -9,8 +9,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/ja/opensearch.xml"><link rel="stylesheet" href="/ja/assets/css/styles.c2f43f9a.css">
-<script src="/ja/assets/js/runtime~main.ac5b7a06.js" defer="defer"></script>
-<script src="/ja/assets/js/main.cdd867c6.js" defer="defer"></script>
+<script src="/ja/assets/js/runtime~main.37f69f93.js" defer="defer"></script>
+<script src="/ja/assets/js/main.29fd47b7.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="メインコンテンツにスキップ"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">メインコンテンツにスキップ</a></div><nav aria-label="ナビゲーション" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="ナビゲーションバーを開く" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/ja/"><div class="navbar__logo"><img src="/ja/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/ja/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a class="navbar__item navbar__link" href="/ja/docs">📖 ドキュメント</a><a class="navbar__item navbar__link" href="/ja/community">💫 コミュニティ</a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/ja/blog">📝 ブログ</a><a class="navbar__item navbar__link" href="/ja/examples">🛠 実装例</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/ja/docs">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a class="dropdown__link" href="/ja/docs">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/ja/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>日本語</a><ul class="dropdown__menu"><li><a href="/ru/blog/tags/community" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ru">Русский</a></li><li><a href="/blog/tags/community" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/uz/blog/tags/community" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/blog/tags/community" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="kr">한국어</a></li><li><a href="/ja/blog/tags/community" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="ダークモードを切り替える(現在はライトモード)" aria-label="ダークモードを切り替える(現在はライトモード)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="検索"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">検索</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_erB7 thin-scrollbar" aria-label="最近のブログ記事のナビゲーション"><div class="sidebarItemTitle_wsXF margin-bottom--md">Recent posts</div><div role="group"><h3 class="yearGroupHeading_F6cS">2022</h3><ul class="sidebarItemList_k2Wo clean-list"><li class="sidebarItem_wRf2"><a class="sidebarItemLink_Mezy" href="/ja/blog/international-community">🌎 FSD international community</a></li><li class="sidebarItem_wRf2"><a class="sidebarItemLink_Mezy" href="/ja/blog/rebranding-stable">💥 FSD rebranding!</a></li></ul></div></nav></aside><main class="col col--7"><header class="margin-bottom--xl"><h1>1 投稿 のタグ &quot;community&quot;</h1><a href="/ja/blog/tags">すべてのタグを見る</a></header><article class="margin-bottom--xl"><header><h2 class="title_YWGh"><a href="/ja/blog/international-community">🌎 FSD international community</a></h2><div class="container_TmwD margin-vert--md"><time datetime="2022-07-25T00:00:00.000Z">2022年7月25日</time> · <!-- -->2 分の読書</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--12 authorCol_jNa_"><div class="avatar margin-bottom--sm"><a href="https://github.com/unordinarity" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo authorImage_RWa9" src="https://github.com/unordinarity.png" alt="Anton Medvedev"></a><div class="avatar__intro authorDetails_x3i5"><div class="avatar__name"><a href="https://github.com/unordinarity" target="_blank" rel="noopener noreferrer"><span class="authorName_yyrl">Anton Medvedev</span></a></div><small class="authorTitle_qOEn" title="FSD core-team member">FSD core-team member</small><div class="authorSocials_SxLb"></div></div></div></div></div></header><div class="markdown"><div class="container text--center margin-vert--md"><img src="/img/blog/international-community.png" alt="post-cover" width="100%"></div>
diff --git a/ja/blog/tags/discord.html b/ja/blog/tags/discord.html
index 5a75302962..a36de68359 100644
--- a/ja/blog/tags/discord.html
+++ b/ja/blog/tags/discord.html
@@ -9,8 +9,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/ja/opensearch.xml"><link rel="stylesheet" href="/ja/assets/css/styles.c2f43f9a.css">
-<script src="/ja/assets/js/runtime~main.ac5b7a06.js" defer="defer"></script>
-<script src="/ja/assets/js/main.cdd867c6.js" defer="defer"></script>
+<script src="/ja/assets/js/runtime~main.37f69f93.js" defer="defer"></script>
+<script src="/ja/assets/js/main.29fd47b7.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="メインコンテンツにスキップ"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">メインコンテンツにスキップ</a></div><nav aria-label="ナビゲーション" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="ナビゲーションバーを開く" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/ja/"><div class="navbar__logo"><img src="/ja/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/ja/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a class="navbar__item navbar__link" href="/ja/docs">📖 ドキュメント</a><a class="navbar__item navbar__link" href="/ja/community">💫 コミュニティ</a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/ja/blog">📝 ブログ</a><a class="navbar__item navbar__link" href="/ja/examples">🛠 実装例</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/ja/docs">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a class="dropdown__link" href="/ja/docs">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/ja/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>日本語</a><ul class="dropdown__menu"><li><a href="/ru/blog/tags/discord" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ru">Русский</a></li><li><a href="/blog/tags/discord" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/uz/blog/tags/discord" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/blog/tags/discord" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="kr">한국어</a></li><li><a href="/ja/blog/tags/discord" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="ダークモードを切り替える(現在はライトモード)" aria-label="ダークモードを切り替える(現在はライトモード)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="検索"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">検索</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_erB7 thin-scrollbar" aria-label="最近のブログ記事のナビゲーション"><div class="sidebarItemTitle_wsXF margin-bottom--md">Recent posts</div><div role="group"><h3 class="yearGroupHeading_F6cS">2022</h3><ul class="sidebarItemList_k2Wo clean-list"><li class="sidebarItem_wRf2"><a class="sidebarItemLink_Mezy" href="/ja/blog/international-community">🌎 FSD international community</a></li><li class="sidebarItem_wRf2"><a class="sidebarItemLink_Mezy" href="/ja/blog/rebranding-stable">💥 FSD rebranding!</a></li></ul></div></nav></aside><main class="col col--7"><header class="margin-bottom--xl"><h1>1 投稿 のタグ &quot;discord&quot;</h1><a href="/ja/blog/tags">すべてのタグを見る</a></header><article class="margin-bottom--xl"><header><h2 class="title_YWGh"><a href="/ja/blog/international-community">🌎 FSD international community</a></h2><div class="container_TmwD margin-vert--md"><time datetime="2022-07-25T00:00:00.000Z">2022年7月25日</time> · <!-- -->2 分の読書</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--12 authorCol_jNa_"><div class="avatar margin-bottom--sm"><a href="https://github.com/unordinarity" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo authorImage_RWa9" src="https://github.com/unordinarity.png" alt="Anton Medvedev"></a><div class="avatar__intro authorDetails_x3i5"><div class="avatar__name"><a href="https://github.com/unordinarity" target="_blank" rel="noopener noreferrer"><span class="authorName_yyrl">Anton Medvedev</span></a></div><small class="authorTitle_qOEn" title="FSD core-team member">FSD core-team member</small><div class="authorSocials_SxLb"></div></div></div></div></div></header><div class="markdown"><div class="container text--center margin-vert--md"><img src="/img/blog/international-community.png" alt="post-cover" width="100%"></div>
diff --git a/ja/blog/tags/promo.html b/ja/blog/tags/promo.html
index e036d5803e..dd22416a45 100644
--- a/ja/blog/tags/promo.html
+++ b/ja/blog/tags/promo.html
@@ -9,8 +9,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/ja/opensearch.xml"><link rel="stylesheet" href="/ja/assets/css/styles.c2f43f9a.css">
-<script src="/ja/assets/js/runtime~main.ac5b7a06.js" defer="defer"></script>
-<script src="/ja/assets/js/main.cdd867c6.js" defer="defer"></script>
+<script src="/ja/assets/js/runtime~main.37f69f93.js" defer="defer"></script>
+<script src="/ja/assets/js/main.29fd47b7.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="メインコンテンツにスキップ"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">メインコンテンツにスキップ</a></div><nav aria-label="ナビゲーション" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="ナビゲーションバーを開く" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/ja/"><div class="navbar__logo"><img src="/ja/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/ja/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a class="navbar__item navbar__link" href="/ja/docs">📖 ドキュメント</a><a class="navbar__item navbar__link" href="/ja/community">💫 コミュニティ</a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/ja/blog">📝 ブログ</a><a class="navbar__item navbar__link" href="/ja/examples">🛠 実装例</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/ja/docs">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a class="dropdown__link" href="/ja/docs">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/ja/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>日本語</a><ul class="dropdown__menu"><li><a href="/ru/blog/tags/promo" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ru">Русский</a></li><li><a href="/blog/tags/promo" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/uz/blog/tags/promo" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/blog/tags/promo" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="kr">한국어</a></li><li><a href="/ja/blog/tags/promo" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="ダークモードを切り替える(現在はライトモード)" aria-label="ダークモードを切り替える(現在はライトモード)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="検索"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">検索</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_erB7 thin-scrollbar" aria-label="最近のブログ記事のナビゲーション"><div class="sidebarItemTitle_wsXF margin-bottom--md">Recent posts</div><div role="group"><h3 class="yearGroupHeading_F6cS">2022</h3><ul class="sidebarItemList_k2Wo clean-list"><li class="sidebarItem_wRf2"><a class="sidebarItemLink_Mezy" href="/ja/blog/international-community">🌎 FSD international community</a></li><li class="sidebarItem_wRf2"><a class="sidebarItemLink_Mezy" href="/ja/blog/rebranding-stable">💥 FSD rebranding!</a></li></ul></div></nav></aside><main class="col col--7"><header class="margin-bottom--xl"><h1>2 投稿 のタグ &quot;promo&quot;</h1><a href="/ja/blog/tags">すべてのタグを見る</a></header><article class="margin-bottom--xl"><header><h2 class="title_YWGh"><a href="/ja/blog/international-community">🌎 FSD international community</a></h2><div class="container_TmwD margin-vert--md"><time datetime="2022-07-25T00:00:00.000Z">2022年7月25日</time> · <!-- -->2 分の読書</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--12 authorCol_jNa_"><div class="avatar margin-bottom--sm"><a href="https://github.com/unordinarity" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo authorImage_RWa9" src="https://github.com/unordinarity.png" alt="Anton Medvedev"></a><div class="avatar__intro authorDetails_x3i5"><div class="avatar__name"><a href="https://github.com/unordinarity" target="_blank" rel="noopener noreferrer"><span class="authorName_yyrl">Anton Medvedev</span></a></div><small class="authorTitle_qOEn" title="FSD core-team member">FSD core-team member</small><div class="authorSocials_SxLb"></div></div></div></div></div></header><div class="markdown"><div class="container text--center margin-vert--md"><img src="/img/blog/international-community.png" alt="post-cover" width="100%"></div>
diff --git a/ja/community.html b/ja/community.html
index 0161ddb875..bed1be6b2e 100644
--- a/ja/community.html
+++ b/ja/community.html
@@ -9,8 +9,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/ja/opensearch.xml"><link rel="stylesheet" href="/ja/assets/css/styles.c2f43f9a.css">
-<script src="/ja/assets/js/runtime~main.ac5b7a06.js" defer="defer"></script>
-<script src="/ja/assets/js/main.cdd867c6.js" defer="defer"></script>
+<script src="/ja/assets/js/runtime~main.37f69f93.js" defer="defer"></script>
+<script src="/ja/assets/js/main.29fd47b7.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="メインコンテンツにスキップ"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">メインコンテンツにスキップ</a></div><nav aria-label="ナビゲーション" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="ナビゲーションバーを開く" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/ja/"><div class="navbar__logo"><img src="/ja/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/ja/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a class="navbar__item navbar__link" href="/ja/docs">📖 ドキュメント</a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/ja/community">💫 コミュニティ</a><a class="navbar__item navbar__link" href="/ja/blog">📝 ブログ</a><a class="navbar__item navbar__link" href="/ja/examples">🛠 実装例</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/ja/docs">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a class="dropdown__link" href="/ja/docs">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/ja/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>日本語</a><ul class="dropdown__menu"><li><a href="/ru/community" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ru">Русский</a></li><li><a href="/community" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/uz/community" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/community" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="kr">한국어</a></li><li><a href="/ja/community" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="ダークモードを切り替える(現在はライトモード)" aria-label="ダークモードを切り替える(現在はライトモード)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="検索"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">検索</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><div class="docsWrapper_rDLg"><button aria-label="先頭へ戻る" class="clean-btn theme-back-to-top-button backToTopButton_JQoL" type="button"></button><div class="docRoot_GkJk"><aside class="theme-doc-sidebar-container docSidebarContainer_xiHB"><div class="sidebarViewport_DaHB"><div class="sidebar_Kb82"><nav aria-label="ドキュメントのサイドバー" class="menu thin-scrollbar menu_AkOp"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible menu__list-item-collapsible--active"><a class="menu__link menu__link--active" aria-current="page" href="/ja/community">💫  Community</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item sidebar-item--wip"><a class="menu__link" tabindex="0" href="/ja/community/team">Team</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/ja/examples">Examples</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a href="https://github.com/feature-sliced/awesome" target="_blank" rel="noopener noreferrer" class="menu__link menuExternalLink_riF1" tabindex="0">Awesome Resources<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a href="https://discord.com/invite/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="menu__link menuExternalLink_riF1" tabindex="0">Discord community server<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="menu__link menuExternalLink_riF1" tabindex="0">Telegram chat (Q&amp;A)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></li></ul></nav><button type="button" title="サイドバーを折りたたむ" aria-label="サイドバーを折りたたむ" class="button button--secondary button--outline collapseSidebarButton_L8vW"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_hYfn"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_uESP"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col"><div class="docItemContainer_b1tn"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_ioLt" aria-label="パンくずリストのナビゲーション"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="ホームページ" class="breadcrumbs__link" href="/ja/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_ZfEo"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">💫  Community</span><meta itemprop="position" content="1"></li></ul></nav><div class="theme-doc-markdown markdown"><header><h1>💫 Community</h1></header>
@@ -20,6 +20,6 @@ <h2 class="anchor anchorWithStickyNavbar_QzlE" id="main">Main<a href="#main" cla
 <a href="https://github.com/feature-sliced/awesome" target="_blank" rel="noopener noreferrer" class="root_GfON defaultTheme_j3I8"><span role="img" aria-label="star" class="anticon anticon-star icon_ciqP"><svg viewBox="64 64 896 896" focusable="false" data-icon="star" width="1em" height="1em" fill="currentColor" aria-hidden="true"><path d="M908.1 353.1l-253.9-36.9L540.7 86.1c-3.1-6.3-8.2-11.4-14.5-14.5-15.8-7.8-35-1.3-42.9 14.5L369.8 316.2l-253.9 36.9c-7 1-13.4 4.3-18.3 9.3a32.05 32.05 0 00.6 45.3l183.7 179.1-43.4 252.9a31.95 31.95 0 0046.4 33.7L512 754l227.1 119.4c6.2 3.3 13.4 4.4 20.3 3.2 17.4-3 29.1-19.5 26.1-36.9l-43.4-252.9 183.7-179.1c5-4.9 8.3-11.3 9.3-18.3 2.7-17.5-9.5-33.7-27-36.3zM664.8 561.6l36.1 210.3L512 672.7 323.1 772l36.1-210.3-152.8-149L417.6 382 512 190.7 606.4 382l211.2 30.7-152.8 148.9z"></path></svg></span><div class="details_xxkR"><div><span class="title_pSH5">Awesome Resources</span><p class="description__Fep">A curated list of awesome FSD videos, articles, packages</p></div></div></a>
 <a class="root_GfON defaultTheme_j3I8" href="/ja/community/team"><span role="img" aria-label="team" class="anticon anticon-team icon_ciqP"><svg viewBox="64 64 896 896" focusable="false" data-icon="team" width="1em" height="1em" fill="currentColor" aria-hidden="true"><path d="M824.2 699.9a301.55 301.55 0 00-86.4-60.4C783.1 602.8 812 546.8 812 484c0-110.8-92.4-201.7-203.2-200-109.1 1.7-197 90.6-197 200 0 62.8 29 118.8 74.2 155.5a300.95 300.95 0 00-86.4 60.4C345 754.6 314 826.8 312 903.8a8 8 0 008 8.2h56c4.3 0 7.9-3.4 8-7.7 1.9-58 25.4-112.3 66.7-153.5A226.62 226.62 0 01612 684c60.9 0 118.2 23.7 161.3 66.8C814.5 792 838 846.3 840 904.3c.1 4.3 3.7 7.7 8 7.7h56a8 8 0 008-8.2c-2-77-33-149.2-87.8-203.9zM612 612c-34.2 0-66.4-13.3-90.5-37.5a126.86 126.86 0 01-37.5-91.8c.3-32.8 13.4-64.5 36.3-88 24-24.6 56.1-38.3 90.4-38.7 33.9-.3 66.8 12.9 91 36.6 24.8 24.3 38.4 56.8 38.4 91.4 0 34.2-13.3 66.3-37.5 90.5A127.3 127.3 0 01612 612zM361.5 510.4c-.9-8.7-1.4-17.5-1.4-26.4 0-15.9 1.5-31.4 4.3-46.5.7-3.6-1.2-7.3-4.5-8.8-13.6-6.1-26.1-14.5-36.9-25.1a127.54 127.54 0 01-38.7-95.4c.9-32.1 13.8-62.6 36.3-85.6 24.7-25.3 57.9-39.1 93.2-38.7 31.9.3 62.7 12.6 86 34.4 7.9 7.4 14.7 15.6 20.4 24.4 2 3.1 5.9 4.4 9.3 3.2 17.6-6.1 36.2-10.4 55.3-12.4 5.6-.6 8.8-6.6 6.3-11.6-32.5-64.3-98.9-108.7-175.7-109.9-110.9-1.7-203.3 89.2-203.3 199.9 0 62.8 28.9 118.8 74.2 155.5-31.8 14.7-61.1 35-86.5 60.4-54.8 54.7-85.8 126.9-87.8 204a8 8 0 008 8.2h56.1c4.3 0 7.9-3.4 8-7.7 1.9-58 25.4-112.3 66.7-153.5 29.4-29.4 65.4-49.8 104.7-59.7 3.9-1 6.5-4.7 6-8.7z"></path></svg></span><div class="details_xxkR"><div><span class="title_pSH5">Team</span><p class="description__Fep">Core-team, Champions, Contributors, Companies</p></div></div></a>
 <a class="root_GfON defaultTheme_j3I8" href="/ja/docs/branding"><span role="img" aria-label="verified" class="anticon anticon-verified icon_ciqP"><svg viewBox="64 64 896 896" focusable="false" data-icon="verified" width="1em" height="1em" fill="currentColor" aria-hidden="true"><defs><style></style></defs><path d="M447.8 588.8l-7.3-32.5c-.2-1-.6-1.9-1.1-2.7a7.94 7.94 0 00-11.1-2.2L405 567V411c0-4.4-3.6-8-8-8h-81c-4.4 0-8 3.6-8 8v36c0 4.4 3.6 8 8 8h37v192.4a8 8 0 0012.7 6.5l79-56.8c2.6-1.9 3.8-5.1 3.1-8.3zm-56.7-216.6l.2.2c3.2 3 8.3 2.8 11.3-.5l24.1-26.2a8.1 8.1 0 00-.3-11.2l-53.7-52.1a8 8 0 00-11.2.1l-24.7 24.7c-3.1 3.1-3.1 8.2.1 11.3l54.2 53.7z"></path><path d="M866.9 169.9L527.1 54.1C523 52.7 517.5 52 512 52s-11 .7-15.1 2.1L157.1 169.9c-8.3 2.8-15.1 12.4-15.1 21.2v482.4c0 8.8 5.7 20.4 12.6 25.9L499.3 968c3.5 2.7 8 4.1 12.6 4.1s9.2-1.4 12.6-4.1l344.7-268.6c6.9-5.4 12.6-17 12.6-25.9V191.1c.2-8.8-6.6-18.3-14.9-21.2zM810 654.3L512 886.5 214 654.3V226.7l298-101.6 298 101.6v427.6z"></path><path d="M452 297v36c0 4.4 3.6 8 8 8h108v274h-38V405c0-4.4-3.6-8-8-8h-35c-4.4 0-8 3.6-8 8v210h-31c-4.4 0-8 3.6-8 8v37c0 4.4 3.6 8 8 8h244c4.4 0 8-3.6 8-8v-37c0-4.4-3.6-8-8-8h-72V493h58c4.4 0 8-3.6 8-8v-35c0-4.4-3.6-8-8-8h-58V341h63c4.4 0 8-3.6 8-8v-36c0-4.4-3.6-8-8-8H460c-4.4 0-8 3.6-8 8z"></path></svg></span><div class="details_xxkR"><div><span class="title_pSH5">Brandbook</span><p class="description__Fep">Recommendations for FSD&#x27;s branding usage</p></div></div></a>
-<a href="#" class="root_GfON rootDisabled_SFUB defaultTheme_j3I8"><span role="img" aria-label="search" class="anticon anticon-search icon_ciqP"><svg viewBox="64 64 896 896" focusable="false" data-icon="search" width="1em" height="1em" fill="currentColor" aria-hidden="true"><path d="M909.6 854.5L649.9 594.8C690.2 542.7 712 479 712 412c0-80.2-31.3-155.4-87.9-212.1-56.6-56.7-132-87.9-212.1-87.9s-155.5 31.3-212.1 87.9C143.2 256.5 112 331.8 112 412c0 80.1 31.3 155.5 87.9 212.1C256.5 680.8 331.8 712 412 712c67 0 130.6-21.8 182.7-62l259.7 259.6a8.2 8.2 0 0011.6 0l43.6-43.5a8.2 8.2 0 000-11.6zM570.4 570.4C528 612.7 471.8 636 412 636s-116-23.3-158.4-65.6C211.3 528 188 471.8 188 412s23.3-116.1 65.6-158.4C296 211.3 352.2 188 412 188s116.1 23.2 158.4 65.6S636 352.2 636 412s-23.3 116.1-65.6 158.4z"></path></svg></span><div class="details_xxkR"><div><span class="title_pSH5">Contributing</span><p class="description__Fep">HowTo, Workflow, Support</p></div></div></a></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/community/index.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>このページを編集</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">最終更新<!-- --> <b><time datetime="2024-09-29T11:02:46.000Z" itemprop="dateModified">2024年9月29日</time></b> <b>ratomiru</b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="ドキュメントページのナビゲーション"><a class="pagination-nav__link pagination-nav__link--next" href="/ja/community/team"><div class="pagination-nav__sublabel">次のページ</div><div class="pagination-nav__label">Team</div></a></nav></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">仕様</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/ja/docs">ドキュメント</a></li><li class="footer__item"><a class="footer__link-item" href="/ja/community">コミュニティ</a></li><li class="footer__item"><a class="footer__link-item" href="/ja/nav">ヘルプ</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">ディスカッション<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">コミュニティ</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">X<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">その他</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">ライセンス<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/ja/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/ja/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2024  Feature-Sliced Design</div></div></div></footer></div>
+<a href="#" class="root_GfON rootDisabled_SFUB defaultTheme_j3I8"><span role="img" aria-label="search" class="anticon anticon-search icon_ciqP"><svg viewBox="64 64 896 896" focusable="false" data-icon="search" width="1em" height="1em" fill="currentColor" aria-hidden="true"><path d="M909.6 854.5L649.9 594.8C690.2 542.7 712 479 712 412c0-80.2-31.3-155.4-87.9-212.1-56.6-56.7-132-87.9-212.1-87.9s-155.5 31.3-212.1 87.9C143.2 256.5 112 331.8 112 412c0 80.1 31.3 155.5 87.9 212.1C256.5 680.8 331.8 712 412 712c67 0 130.6-21.8 182.7-62l259.7 259.6a8.2 8.2 0 0011.6 0l43.6-43.5a8.2 8.2 0 000-11.6zM570.4 570.4C528 612.7 471.8 636 412 636s-116-23.3-158.4-65.6C211.3 528 188 471.8 188 412s23.3-116.1 65.6-158.4C296 211.3 352.2 188 412 188s116.1 23.2 158.4 65.6S636 352.2 636 412s-23.3 116.1-65.6 158.4z"></path></svg></span><div class="details_xxkR"><div><span class="title_pSH5">Contributing</span><p class="description__Fep">HowTo, Workflow, Support</p></div></div></a></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/community/index.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>このページを編集</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">最終更新<!-- --> <b><time datetime="2024-10-07T18:23:06.000Z" itemprop="dateModified">2024年10月7日</time></b> <b>InJaEE</b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="ドキュメントページのナビゲーション"><a class="pagination-nav__link pagination-nav__link--next" href="/ja/community/team"><div class="pagination-nav__sublabel">次のページ</div><div class="pagination-nav__label">Team</div></a></nav></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">仕様</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/ja/docs">ドキュメント</a></li><li class="footer__item"><a class="footer__link-item" href="/ja/community">コミュニティ</a></li><li class="footer__item"><a class="footer__link-item" href="/ja/nav">ヘルプ</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">ディスカッション<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">コミュニティ</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">X<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">その他</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">ライセンス<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/ja/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/ja/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2024  Feature-Sliced Design</div></div></div></footer></div>
 </body>
 </html>
\ No newline at end of file
diff --git a/ja/community/team.html b/ja/community/team.html
index 28833f4b29..27da65625f 100644
--- a/ja/community/team.html
+++ b/ja/community/team.html
@@ -9,8 +9,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/ja/opensearch.xml"><link rel="stylesheet" href="/ja/assets/css/styles.c2f43f9a.css">
-<script src="/ja/assets/js/runtime~main.ac5b7a06.js" defer="defer"></script>
-<script src="/ja/assets/js/main.cdd867c6.js" defer="defer"></script>
+<script src="/ja/assets/js/runtime~main.37f69f93.js" defer="defer"></script>
+<script src="/ja/assets/js/main.29fd47b7.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="メインコンテンツにスキップ"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">メインコンテンツにスキップ</a></div><nav aria-label="ナビゲーション" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="ナビゲーションバーを開く" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/ja/"><div class="navbar__logo"><img src="/ja/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/ja/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a class="navbar__item navbar__link" href="/ja/docs">📖 ドキュメント</a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/ja/community">💫 コミュニティ</a><a class="navbar__item navbar__link" href="/ja/blog">📝 ブログ</a><a class="navbar__item navbar__link" href="/ja/examples">🛠 実装例</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/ja/docs">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a class="dropdown__link" href="/ja/docs">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/ja/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>日本語</a><ul class="dropdown__menu"><li><a href="/ru/community/team" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ru">Русский</a></li><li><a href="/community/team" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/uz/community/team" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/community/team" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="kr">한국어</a></li><li><a href="/ja/community/team" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="ダークモードを切り替える(現在はライトモード)" aria-label="ダークモードを切り替える(現在はライトモード)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="検索"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">検索</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><div class="docsWrapper_rDLg"><button aria-label="先頭へ戻る" class="clean-btn theme-back-to-top-button backToTopButton_JQoL" type="button"></button><div class="docRoot_GkJk"><aside class="theme-doc-sidebar-container docSidebarContainer_xiHB"><div class="sidebarViewport_DaHB"><div class="sidebar_Kb82"><nav aria-label="ドキュメントのサイドバー" class="menu thin-scrollbar menu_AkOp"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--active" href="/ja/community">💫  Community</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item sidebar-item--wip"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/ja/community/team">Team</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/ja/examples">Examples</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a href="https://github.com/feature-sliced/awesome" target="_blank" rel="noopener noreferrer" class="menu__link menuExternalLink_riF1" tabindex="0">Awesome Resources<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a href="https://discord.com/invite/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="menu__link menuExternalLink_riF1" tabindex="0">Discord community server<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="menu__link menuExternalLink_riF1" tabindex="0">Telegram chat (Q&amp;A)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></li></ul></nav><button type="button" title="サイドバーを折りたたむ" aria-label="サイドバーを折りたたむ" class="button button--secondary button--outline collapseSidebarButton_L8vW"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_hYfn"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_uESP"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_w6lk"><div class="docItemContainer_b1tn"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_ioLt" aria-label="パンくずリストのナビゲーション"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="ホームページ" class="breadcrumbs__link" href="/ja/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_ZfEo"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/ja/community"><span itemprop="name">💫  Community</span></a><meta itemprop="position" content="1"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">Team</span><meta itemprop="position" content="2"></li></ul></nav><div class="tocCollapsible_EkMH theme-doc-toc-mobile tocMobile_XRnS"><button type="button" class="clean-btn tocCollapsibleButton_ID8T">このページの見出し</button></div><div class="theme-doc-markdown markdown"><header><h1>Team</h1></header>
@@ -18,6 +18,6 @@
 <h2 class="anchor anchorWithStickyNavbar_QzlE" id="core-team">Core-team<a href="#core-team" class="hash-link" aria-label="この見出しへの直接リンク" title="この見出しへの直接リンク">​</a></h2>
 <h3 class="anchor anchorWithStickyNavbar_QzlE" id="champions">Champions<a href="#champions" class="hash-link" aria-label="この見出しへの直接リンク" title="この見出しへの直接リンク">​</a></h3>
 <h2 class="anchor anchorWithStickyNavbar_QzlE" id="contributors">Contributors<a href="#contributors" class="hash-link" aria-label="この見出しへの直接リンク" title="この見出しへの直接リンク">​</a></h2>
-<h2 class="anchor anchorWithStickyNavbar_QzlE" id="companies">Companies<a href="#companies" class="hash-link" aria-label="この見出しへの直接リンク" title="この見出しへの直接リンク">​</a></h2></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/community/team.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>このページを編集</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">最終更新<!-- --> <b><time datetime="2024-09-29T11:02:46.000Z" itemprop="dateModified">2024年9月29日</time></b> <b>ratomiru</b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="ドキュメントページのナビゲーション"><a class="pagination-nav__link pagination-nav__link--prev" href="/ja/community"><div class="pagination-nav__sublabel">前のページ</div><div class="pagination-nav__label">💫 Community</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#core-team" class="table-of-contents__link toc-highlight">Core-team</a><ul><li><a href="#champions" class="table-of-contents__link toc-highlight">Champions</a></li></ul></li><li><a href="#contributors" class="table-of-contents__link toc-highlight">Contributors</a></li><li><a href="#companies" class="table-of-contents__link toc-highlight">Companies</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">仕様</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/ja/docs">ドキュメント</a></li><li class="footer__item"><a class="footer__link-item" href="/ja/community">コミュニティ</a></li><li class="footer__item"><a class="footer__link-item" href="/ja/nav">ヘルプ</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">ディスカッション<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">コミュニティ</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">X<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">その他</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">ライセンス<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/ja/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/ja/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2024  Feature-Sliced Design</div></div></div></footer></div>
+<h2 class="anchor anchorWithStickyNavbar_QzlE" id="companies">Companies<a href="#companies" class="hash-link" aria-label="この見出しへの直接リンク" title="この見出しへの直接リンク">​</a></h2></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/community/team.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>このページを編集</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">最終更新<!-- --> <b><time datetime="2024-10-07T18:23:06.000Z" itemprop="dateModified">2024年10月7日</time></b> <b>InJaEE</b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="ドキュメントページのナビゲーション"><a class="pagination-nav__link pagination-nav__link--prev" href="/ja/community"><div class="pagination-nav__sublabel">前のページ</div><div class="pagination-nav__label">💫 Community</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#core-team" class="table-of-contents__link toc-highlight">Core-team</a><ul><li><a href="#champions" class="table-of-contents__link toc-highlight">Champions</a></li></ul></li><li><a href="#contributors" class="table-of-contents__link toc-highlight">Contributors</a></li><li><a href="#companies" class="table-of-contents__link toc-highlight">Companies</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">仕様</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/ja/docs">ドキュメント</a></li><li class="footer__item"><a class="footer__link-item" href="/ja/community">コミュニティ</a></li><li class="footer__item"><a class="footer__link-item" href="/ja/nav">ヘルプ</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">ディスカッション<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">コミュニティ</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">X<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">その他</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">ライセンス<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/ja/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/ja/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2024  Feature-Sliced Design</div></div></div></footer></div>
 </body>
 </html>
\ No newline at end of file
diff --git a/ja/docs.html b/ja/docs.html
index 7364d3126d..177ec2196b 100644
--- a/ja/docs.html
+++ b/ja/docs.html
@@ -9,8 +9,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/ja/opensearch.xml"><link rel="stylesheet" href="/ja/assets/css/styles.c2f43f9a.css">
-<script src="/ja/assets/js/runtime~main.ac5b7a06.js" defer="defer"></script>
-<script src="/ja/assets/js/main.cdd867c6.js" defer="defer"></script>
+<script src="/ja/assets/js/runtime~main.37f69f93.js" defer="defer"></script>
+<script src="/ja/assets/js/main.29fd47b7.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="メインコンテンツにスキップ"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">メインコンテンツにスキップ</a></div><nav aria-label="ナビゲーション" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="ナビゲーションバーを開く" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/ja/"><div class="navbar__logo"><img src="/ja/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/ja/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/ja/docs">📖 ドキュメント</a><a class="navbar__item navbar__link" href="/ja/community">💫 コミュニティ</a><a class="navbar__item navbar__link" href="/ja/blog">📝 ブログ</a><a class="navbar__item navbar__link" href="/ja/examples">🛠 実装例</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/ja/docs">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a aria-current="page" class="dropdown__link dropdown__link--active" href="/ja/docs">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/ja/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>日本語</a><ul class="dropdown__menu"><li><a href="/ru/docs" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ru">Русский</a></li><li><a href="/docs" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/uz/docs" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/docs" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="kr">한국어</a></li><li><a href="/ja/docs" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="ダークモードを切り替える(現在はライトモード)" aria-label="ダークモードを切り替える(現在はライトモード)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="検索"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">検索</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><div class="docsWrapper_rDLg"><button aria-label="先頭へ戻る" class="clean-btn theme-back-to-top-button backToTopButton_JQoL" type="button"></button><div class="docRoot_GkJk"><main class="docMainContainer_uESP docMainContainerEnhanced_GKE6"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_w6lk"><div class="docItemContainer_b1tn"><article><div class="theme-doc-markdown markdown"><header><h1>ドキュメント</h1></header>
@@ -24,6 +24,6 @@
 <a class="root_GfON miniTheme_ePfp" href="/ja/docs/reference"><div class="details_xxkR"><div><span class="title_pSH5">📚 参考書</span><p class="description__Fep">重要な概念と情報</p></div><div class="detailsTags_uTQx">ユニット • 分離 • 公開API</div></div></a>
 <a class="root_GfON miniTheme_ePfp" href="/ja/docs/about"><div class="details_xxkR"><div><span class="title_pSH5">🍰 FSDについて</span><p class="description__Fep">FSDの哲学、目的、現代のフロントエンドにおける位置付け</p></div><div class="detailsTags_uTQx">ミッション • プロモーション &amp; 統合</div></div></a>
 <a class="root_GfON miniTheme_ePfp" href="/ja/community"><div class="details_xxkR"><div><span class="title_pSH5">💫 コミュニティ</span><p class="description__Fep">コミュニティが提供するリソースと追加資料</p></div><div class="detailsTags_uTQx">Awesome • チーム • プロジェクトへの参加</div></div></a>
-<a class="root_GfON miniTheme_ePfp" href="/ja/examples"><div class="details_xxkR"><div><span class="title_pSH5">🛠 実装例</span><p class="description__Fep">Feature-Sliced Designに基づいて設計されたプロジェクト一覧</p></div></div></a></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/ja/docusaurus-plugin-content-docs/current/intro.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>このページを編集</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">最終更新<!-- --> <b><time datetime="2024-09-29T11:02:46.000Z" itemprop="dateModified">2024年9月29日</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="ドキュメントページのナビゲーション"><a class="pagination-nav__link pagination-nav__link--next" href="/ja/docs/get-started"><div class="pagination-nav__sublabel">次のページ</div><div class="pagination-nav__label">🚀 クイックスタート</div></a></nav></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">仕様</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/ja/docs">ドキュメント</a></li><li class="footer__item"><a class="footer__link-item" href="/ja/community">コミュニティ</a></li><li class="footer__item"><a class="footer__link-item" href="/ja/nav">ヘルプ</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">ディスカッション<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">コミュニティ</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">X<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">その他</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">ライセンス<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/ja/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/ja/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2024  Feature-Sliced Design</div></div></div></footer></div>
+<a class="root_GfON miniTheme_ePfp" href="/ja/examples"><div class="details_xxkR"><div><span class="title_pSH5">🛠 実装例</span><p class="description__Fep">Feature-Sliced Designに基づいて設計されたプロジェクト一覧</p></div></div></a></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/ja/docusaurus-plugin-content-docs/current/intro.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>このページを編集</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">最終更新<!-- --> <b><time datetime="2024-10-07T18:23:06.000Z" itemprop="dateModified">2024年10月7日</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="ドキュメントページのナビゲーション"><a class="pagination-nav__link pagination-nav__link--next" href="/ja/docs/get-started"><div class="pagination-nav__sublabel">次のページ</div><div class="pagination-nav__label">🚀 クイックスタート</div></a></nav></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">仕様</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/ja/docs">ドキュメント</a></li><li class="footer__item"><a class="footer__link-item" href="/ja/community">コミュニティ</a></li><li class="footer__item"><a class="footer__link-item" href="/ja/nav">ヘルプ</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">ディスカッション<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">コミュニティ</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">X<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">その他</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">ライセンス<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/ja/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/ja/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2024  Feature-Sliced Design</div></div></div></footer></div>
 </body>
 </html>
\ No newline at end of file
diff --git a/ja/docs/about.html b/ja/docs/about.html
index 2b528e929f..787adfe14f 100644
--- a/ja/docs/about.html
+++ b/ja/docs/about.html
@@ -9,8 +9,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/ja/opensearch.xml"><link rel="stylesheet" href="/ja/assets/css/styles.c2f43f9a.css">
-<script src="/ja/assets/js/runtime~main.ac5b7a06.js" defer="defer"></script>
-<script src="/ja/assets/js/main.cdd867c6.js" defer="defer"></script>
+<script src="/ja/assets/js/runtime~main.37f69f93.js" defer="defer"></script>
+<script src="/ja/assets/js/main.29fd47b7.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="メインコンテンツにスキップ"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">メインコンテンツにスキップ</a></div><nav aria-label="ナビゲーション" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="ナビゲーションバーを開く" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/ja/"><div class="navbar__logo"><img src="/ja/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/ja/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/ja/docs">📖 ドキュメント</a><a class="navbar__item navbar__link" href="/ja/community">💫 コミュニティ</a><a class="navbar__item navbar__link" href="/ja/blog">📝 ブログ</a><a class="navbar__item navbar__link" href="/ja/examples">🛠 実装例</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/ja/docs/about">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a aria-current="page" class="dropdown__link dropdown__link--active" href="/ja/docs/about">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/ja/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>日本語</a><ul class="dropdown__menu"><li><a href="/ru/docs/about" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ru">Русский</a></li><li><a href="/docs/about" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/uz/docs/about" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/docs/about" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="kr">한국어</a></li><li><a href="/ja/docs/about" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="ダークモードを切り替える(現在はライトモード)" aria-label="ダークモードを切り替える(現在はライトモード)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="検索"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">検索</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><div class="docsWrapper_rDLg"><button aria-label="先頭へ戻る" class="clean-btn theme-back-to-top-button backToTopButton_JQoL" type="button"></button><div class="docRoot_GkJk"><aside class="theme-doc-sidebar-container docSidebarContainer_xiHB"><div class="sidebarViewport_DaHB"><div class="sidebar_Kb82"><nav aria-label="ドキュメントのサイドバー" class="menu thin-scrollbar menu_AkOp"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible menu__list-item-collapsible--active"><a class="menu__link menu__link--active" aria-current="page" href="/ja/docs/about">🍰 メソッドについて</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/ja/docs/about/mission">ミッション</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/ja/docs/about/motivation">モチベーション</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item sidebar-item--wip"><a class="menu__link" tabindex="0" href="/ja/docs/about/alternatives">代替案</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/ja/docs/about/understanding/architecture">理解</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/ja/docs/about/promote/integration">推進</a></div></li></ul></li></ul></nav><button type="button" title="サイドバーを折りたたむ" aria-label="サイドバーを折りたたむ" class="button button--secondary button--outline collapseSidebarButton_L8vW"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_hYfn"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_uESP"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col"><div class="docItemContainer_b1tn"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_ioLt" aria-label="パンくずリストのナビゲーション"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="ホームページ" class="breadcrumbs__link" href="/ja/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_ZfEo"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">🍰 メソッドについて</span><meta itemprop="position" content="1"></li></ul></nav><div class="theme-doc-markdown markdown"><header><h1>🍰 FSDについて</h1></header>
@@ -21,6 +21,6 @@ <h2 class="anchor anchorWithStickyNavbar_QzlE" id="main">主な内容<a href="#m
 <a class="root_GfON defaultTheme_j3I8" href="/ja/docs/about/mission"><span role="img" aria-label="trophy" class="anticon anticon-trophy icon_ciqP"><svg viewBox="64 64 896 896" focusable="false" data-icon="trophy" width="1em" height="1em" fill="currentColor" aria-hidden="true"><path d="M868 160h-92v-40c0-4.4-3.6-8-8-8H256c-4.4 0-8 3.6-8 8v40h-92a44 44 0 00-44 44v148c0 81.7 60 149.6 138.2 162C265.7 630.2 359 721.7 476 734.5v105.2H280c-17.7 0-32 14.3-32 32V904c0 4.4 3.6 8 8 8h512c4.4 0 8-3.6 8-8v-32.3c0-17.7-14.3-32-32-32H548V734.5C665 721.7 758.3 630.2 773.8 514 852 501.6 912 433.7 912 352V204a44 44 0 00-44-44zM184 352V232h64v207.6a91.99 91.99 0 01-64-87.6zm520 128c0 49.1-19.1 95.4-53.9 130.1-34.8 34.8-81 53.9-130.1 53.9h-16c-49.1 0-95.4-19.1-130.1-53.9-34.8-34.8-53.9-81-53.9-130.1V184h384v296zm136-128c0 41-26.9 75.8-64 87.6V232h64v120z"></path></svg></span><div class="details_xxkR"><div><span class="title_pSH5">ミッション</span><p class="description__Fep">FSDの目的と制約</p></div></div></a>
 <a class="root_GfON defaultTheme_j3I8" href="/ja/docs/about/motivation"><span role="img" aria-label="star" class="anticon anticon-star icon_ciqP"><svg viewBox="64 64 896 896" focusable="false" data-icon="star" width="1em" height="1em" fill="currentColor" aria-hidden="true"><path d="M908.1 353.1l-253.9-36.9L540.7 86.1c-3.1-6.3-8.2-11.4-14.5-14.5-15.8-7.8-35-1.3-42.9 14.5L369.8 316.2l-253.9 36.9c-7 1-13.4 4.3-18.3 9.3a32.05 32.05 0 00.6 45.3l183.7 179.1-43.4 252.9a31.95 31.95 0 0046.4 33.7L512 754l227.1 119.4c6.2 3.3 13.4 4.4 20.3 3.2 17.4-3 29.1-19.5 26.1-36.9l-43.4-252.9 183.7-179.1c5-4.9 8.3-11.3 9.3-18.3 2.7-17.5-9.5-33.7-27-36.3zM664.8 561.6l36.1 210.3L512 672.7 323.1 772l36.1-210.3-152.8-149L417.6 382 512 190.7 606.4 382l211.2 30.7-152.8 148.9z"></path></svg></span><div class="details_xxkR"><div><span class="title_pSH5">モチベーション</span><p class="description__Fep">FSDの創造と発展の理由</p></div></div></a>
 <a class="root_GfON defaultTheme_j3I8" href="/ja/docs/about/understanding/architecture"><span role="img" aria-label="bulb" class="anticon anticon-bulb icon_ciqP"><svg viewBox="64 64 896 896" focusable="false" data-icon="bulb" width="1em" height="1em" fill="currentColor" aria-hidden="true"><path d="M632 888H392c-4.4 0-8 3.6-8 8v32c0 17.7 14.3 32 32 32h192c17.7 0 32-14.3 32-32v-32c0-4.4-3.6-8-8-8zM512 64c-181.1 0-328 146.9-328 328 0 121.4 66 227.4 164 284.1V792c0 17.7 14.3 32 32 32h264c17.7 0 32-14.3 32-32V676.1c98-56.7 164-162.7 164-284.1 0-181.1-146.9-328-328-328zm127.9 549.8L604 634.6V752H420V634.6l-35.9-20.8C305.4 568.3 256 484.5 256 392c0-141.4 114.6-256 256-256s256 114.6 256 256c0 92.5-49.4 176.3-128.1 221.8z"></path></svg></span><div class="details_xxkR"><div><span class="title_pSH5">理解</span><p class="description__Fep">FSD概念の深掘り</p></div><div class="detailsTags_uTQx">アーキテクチャについて • ニーズ駆動 • ネーミング</div></div></a>
-<a class="root_GfON defaultTheme_j3I8" href="/ja/docs/about/promote/integration"><span role="img" aria-label="team" class="anticon anticon-team icon_ciqP"><svg viewBox="64 64 896 896" focusable="false" data-icon="team" width="1em" height="1em" fill="currentColor" aria-hidden="true"><path d="M824.2 699.9a301.55 301.55 0 00-86.4-60.4C783.1 602.8 812 546.8 812 484c0-110.8-92.4-201.7-203.2-200-109.1 1.7-197 90.6-197 200 0 62.8 29 118.8 74.2 155.5a300.95 300.95 0 00-86.4 60.4C345 754.6 314 826.8 312 903.8a8 8 0 008 8.2h56c4.3 0 7.9-3.4 8-7.7 1.9-58 25.4-112.3 66.7-153.5A226.62 226.62 0 01612 684c60.9 0 118.2 23.7 161.3 66.8C814.5 792 838 846.3 840 904.3c.1 4.3 3.7 7.7 8 7.7h56a8 8 0 008-8.2c-2-77-33-149.2-87.8-203.9zM612 612c-34.2 0-66.4-13.3-90.5-37.5a126.86 126.86 0 01-37.5-91.8c.3-32.8 13.4-64.5 36.3-88 24-24.6 56.1-38.3 90.4-38.7 33.9-.3 66.8 12.9 91 36.6 24.8 24.3 38.4 56.8 38.4 91.4 0 34.2-13.3 66.3-37.5 90.5A127.3 127.3 0 01612 612zM361.5 510.4c-.9-8.7-1.4-17.5-1.4-26.4 0-15.9 1.5-31.4 4.3-46.5.7-3.6-1.2-7.3-4.5-8.8-13.6-6.1-26.1-14.5-36.9-25.1a127.54 127.54 0 01-38.7-95.4c.9-32.1 13.8-62.6 36.3-85.6 24.7-25.3 57.9-39.1 93.2-38.7 31.9.3 62.7 12.6 86 34.4 7.9 7.4 14.7 15.6 20.4 24.4 2 3.1 5.9 4.4 9.3 3.2 17.6-6.1 36.2-10.4 55.3-12.4 5.6-.6 8.8-6.6 6.3-11.6-32.5-64.3-98.9-108.7-175.7-109.9-110.9-1.7-203.3 89.2-203.3 199.9 0 62.8 28.9 118.8 74.2 155.5-31.8 14.7-61.1 35-86.5 60.4-54.8 54.7-85.8 126.9-87.8 204a8 8 0 008 8.2h56.1c4.3 0 7.9-3.4 8-7.7 1.9-58 25.4-112.3 66.7-153.5 29.4-29.4 65.4-49.8 104.7-59.7 3.9-1 6.5-4.7 6-8.7z"></path></svg></span><div class="details_xxkR"><div><span class="title_pSH5">プロモーション</span><p class="description__Fep">企業におけるFSDのプロモーションと統合について</p></div><div class="detailsTags_uTQx">統合 • チーム内でのプロモーション • 企業内でのプロモーション</div></div></a></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/ja/docusaurus-plugin-content-docs/current/about/index.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>このページを編集</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">最終更新<!-- --> <b><time datetime="2024-09-29T11:02:46.000Z" itemprop="dateModified">2024年9月29日</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="ドキュメントページのナビゲーション"><a class="pagination-nav__link pagination-nav__link--prev" href="/ja/docs/reference"><div class="pagination-nav__sublabel">前のページ</div><div class="pagination-nav__label">📚 参考書</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/ja/docs/about/mission"><div class="pagination-nav__sublabel">次のページ</div><div class="pagination-nav__label">ミッション</div></a></nav></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">仕様</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/ja/docs">ドキュメント</a></li><li class="footer__item"><a class="footer__link-item" href="/ja/community">コミュニティ</a></li><li class="footer__item"><a class="footer__link-item" href="/ja/nav">ヘルプ</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">ディスカッション<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">コミュニティ</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">X<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">その他</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">ライセンス<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/ja/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/ja/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2024  Feature-Sliced Design</div></div></div></footer></div>
+<a class="root_GfON defaultTheme_j3I8" href="/ja/docs/about/promote/integration"><span role="img" aria-label="team" class="anticon anticon-team icon_ciqP"><svg viewBox="64 64 896 896" focusable="false" data-icon="team" width="1em" height="1em" fill="currentColor" aria-hidden="true"><path d="M824.2 699.9a301.55 301.55 0 00-86.4-60.4C783.1 602.8 812 546.8 812 484c0-110.8-92.4-201.7-203.2-200-109.1 1.7-197 90.6-197 200 0 62.8 29 118.8 74.2 155.5a300.95 300.95 0 00-86.4 60.4C345 754.6 314 826.8 312 903.8a8 8 0 008 8.2h56c4.3 0 7.9-3.4 8-7.7 1.9-58 25.4-112.3 66.7-153.5A226.62 226.62 0 01612 684c60.9 0 118.2 23.7 161.3 66.8C814.5 792 838 846.3 840 904.3c.1 4.3 3.7 7.7 8 7.7h56a8 8 0 008-8.2c-2-77-33-149.2-87.8-203.9zM612 612c-34.2 0-66.4-13.3-90.5-37.5a126.86 126.86 0 01-37.5-91.8c.3-32.8 13.4-64.5 36.3-88 24-24.6 56.1-38.3 90.4-38.7 33.9-.3 66.8 12.9 91 36.6 24.8 24.3 38.4 56.8 38.4 91.4 0 34.2-13.3 66.3-37.5 90.5A127.3 127.3 0 01612 612zM361.5 510.4c-.9-8.7-1.4-17.5-1.4-26.4 0-15.9 1.5-31.4 4.3-46.5.7-3.6-1.2-7.3-4.5-8.8-13.6-6.1-26.1-14.5-36.9-25.1a127.54 127.54 0 01-38.7-95.4c.9-32.1 13.8-62.6 36.3-85.6 24.7-25.3 57.9-39.1 93.2-38.7 31.9.3 62.7 12.6 86 34.4 7.9 7.4 14.7 15.6 20.4 24.4 2 3.1 5.9 4.4 9.3 3.2 17.6-6.1 36.2-10.4 55.3-12.4 5.6-.6 8.8-6.6 6.3-11.6-32.5-64.3-98.9-108.7-175.7-109.9-110.9-1.7-203.3 89.2-203.3 199.9 0 62.8 28.9 118.8 74.2 155.5-31.8 14.7-61.1 35-86.5 60.4-54.8 54.7-85.8 126.9-87.8 204a8 8 0 008 8.2h56.1c4.3 0 7.9-3.4 8-7.7 1.9-58 25.4-112.3 66.7-153.5 29.4-29.4 65.4-49.8 104.7-59.7 3.9-1 6.5-4.7 6-8.7z"></path></svg></span><div class="details_xxkR"><div><span class="title_pSH5">プロモーション</span><p class="description__Fep">企業におけるFSDのプロモーションと統合について</p></div><div class="detailsTags_uTQx">統合 • チーム内でのプロモーション • 企業内でのプロモーション</div></div></a></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/ja/docusaurus-plugin-content-docs/current/about/index.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>このページを編集</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">最終更新<!-- --> <b><time datetime="2024-10-07T18:23:06.000Z" itemprop="dateModified">2024年10月7日</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="ドキュメントページのナビゲーション"><a class="pagination-nav__link pagination-nav__link--prev" href="/ja/docs/reference"><div class="pagination-nav__sublabel">前のページ</div><div class="pagination-nav__label">📚 参考書</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/ja/docs/about/mission"><div class="pagination-nav__sublabel">次のページ</div><div class="pagination-nav__label">ミッション</div></a></nav></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">仕様</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/ja/docs">ドキュメント</a></li><li class="footer__item"><a class="footer__link-item" href="/ja/community">コミュニティ</a></li><li class="footer__item"><a class="footer__link-item" href="/ja/nav">ヘルプ</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">ディスカッション<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">コミュニティ</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">X<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">その他</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">ライセンス<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/ja/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/ja/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2024  Feature-Sliced Design</div></div></div></footer></div>
 </body>
 </html>
\ No newline at end of file
diff --git a/ja/docs/about/alternatives.html b/ja/docs/about/alternatives.html
index fec4063671..92c15b4cb7 100644
--- a/ja/docs/about/alternatives.html
+++ b/ja/docs/about/alternatives.html
@@ -9,8 +9,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/ja/opensearch.xml"><link rel="stylesheet" href="/ja/assets/css/styles.c2f43f9a.css">
-<script src="/ja/assets/js/runtime~main.ac5b7a06.js" defer="defer"></script>
-<script src="/ja/assets/js/main.cdd867c6.js" defer="defer"></script>
+<script src="/ja/assets/js/runtime~main.37f69f93.js" defer="defer"></script>
+<script src="/ja/assets/js/main.29fd47b7.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="メインコンテンツにスキップ"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">メインコンテンツにスキップ</a></div><nav aria-label="ナビゲーション" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="ナビゲーションバーを開く" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/ja/"><div class="navbar__logo"><img src="/ja/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/ja/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/ja/docs">📖 ドキュメント</a><a class="navbar__item navbar__link" href="/ja/community">💫 コミュニティ</a><a class="navbar__item navbar__link" href="/ja/blog">📝 ブログ</a><a class="navbar__item navbar__link" href="/ja/examples">🛠 実装例</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/ja/docs/about/alternatives">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a aria-current="page" class="dropdown__link dropdown__link--active" href="/ja/docs/about/alternatives">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/ja/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>日本語</a><ul class="dropdown__menu"><li><a href="/ru/docs/about/alternatives" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ru">Русский</a></li><li><a href="/docs/about/alternatives" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/uz/docs/about/alternatives" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/docs/about/alternatives" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="kr">한국어</a></li><li><a href="/ja/docs/about/alternatives" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="ダークモードを切り替える(現在はライトモード)" aria-label="ダークモードを切り替える(現在はライトモード)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="検索"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">検索</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><div class="docsWrapper_rDLg"><button aria-label="先頭へ戻る" class="clean-btn theme-back-to-top-button backToTopButton_JQoL" type="button"></button><div class="docRoot_GkJk"><aside class="theme-doc-sidebar-container docSidebarContainer_xiHB"><div class="sidebarViewport_DaHB"><div class="sidebar_Kb82"><nav aria-label="ドキュメントのサイドバー" class="menu thin-scrollbar menu_AkOp"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--active" href="/ja/docs/about">🍰 メソッドについて</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/ja/docs/about/mission">ミッション</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/ja/docs/about/motivation">モチベーション</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item sidebar-item--wip"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/ja/docs/about/alternatives">代替案</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/ja/docs/about/understanding/architecture">理解</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/ja/docs/about/promote/integration">推進</a></div></li></ul></li></ul></nav><button type="button" title="サイドバーを折りたたむ" aria-label="サイドバーを折りたたむ" class="button button--secondary button--outline collapseSidebarButton_L8vW"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_hYfn"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_uESP"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_w6lk"><div class="docItemContainer_b1tn"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_ioLt" aria-label="パンくずリストのナビゲーション"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="ホームページ" class="breadcrumbs__link" href="/ja/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_ZfEo"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/ja/docs/about"><span itemprop="name">🍰 メソッドについて</span></a><meta itemprop="position" content="1"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">代替案</span><meta itemprop="position" content="2"></li></ul></nav><div class="tocCollapsible_EkMH theme-doc-toc-mobile tocMobile_XRnS"><button type="button" class="clean-btn tocCollapsibleButton_ID8T">このページの見出し</button></div><div class="theme-doc-markdown markdown"><header><h1>代替案</h1></header>
@@ -80,6 +80,6 @@ <h2 class="anchor anchorWithStickyNavbar_QzlE" id="feature-driven">Feature Drive
 <ul>
 <li><a href="https://youtu.be/BWAeYuWFHhs" target="_blank" rel="noopener noreferrer">(講演) Feature Driven Architecture - Oleg Isonen</a></li>
 <li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer">Feature Driven-Short specification (from the point of view of FSD)</a></li>
-</ul></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/ja/docusaurus-plugin-content-docs/current/about/alternatives.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>このページを編集</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">最終更新<!-- --> <b><time datetime="2024-09-29T11:02:46.000Z" itemprop="dateModified">2024年9月29日</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="ドキュメントページのナビゲーション"><a class="pagination-nav__link pagination-nav__link--prev" href="/ja/docs/about/motivation"><div class="pagination-nav__sublabel">前のページ</div><div class="pagination-nav__label">モチベーション</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/ja/docs/about/understanding/architecture"><div class="pagination-nav__sublabel">次のページ</div><div class="pagination-nav__label">アーキテクチャ</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#ビッグボールオブマッド" class="table-of-contents__link toc-highlight">ビッグボールオブマッド</a></li><li><a href="#スマートダムコンポーネント" class="table-of-contents__link toc-highlight">スマート＆ダムコンポーネント</a></li><li><a href="#デザイン原則" class="table-of-contents__link toc-highlight">デザイン原則</a></li><li><a href="#ddd" class="table-of-contents__link toc-highlight">DDD</a></li><li><a href="#see-also" class="table-of-contents__link toc-highlight">参照</a></li><li><a href="#クリーンアーキテクチャ" class="table-of-contents__link toc-highlight">クリーンアーキテクチャ</a></li><li><a href="#フレームワーク" class="table-of-contents__link toc-highlight">フレームワーク</a></li><li><a href="#atomic-design" class="table-of-contents__link toc-highlight">Atomic Design</a><ul><li><a href="#これは何か" class="table-of-contents__link toc-highlight">これは何か？</a></li><li><a href="#フロントエンドでの適用性" class="table-of-contents__link toc-highlight">フロントエンドでの適用性</a></li><li><a href="#fsdとの統合" class="table-of-contents__link toc-highlight">FSDとの統合</a></li></ul></li><li><a href="#feature-driven" class="table-of-contents__link toc-highlight">Feature Driven</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">仕様</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/ja/docs">ドキュメント</a></li><li class="footer__item"><a class="footer__link-item" href="/ja/community">コミュニティ</a></li><li class="footer__item"><a class="footer__link-item" href="/ja/nav">ヘルプ</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">ディスカッション<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">コミュニティ</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">X<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">その他</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">ライセンス<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/ja/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/ja/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2024  Feature-Sliced Design</div></div></div></footer></div>
+</ul></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/ja/docusaurus-plugin-content-docs/current/about/alternatives.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>このページを編集</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">最終更新<!-- --> <b><time datetime="2024-10-07T18:23:06.000Z" itemprop="dateModified">2024年10月7日</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="ドキュメントページのナビゲーション"><a class="pagination-nav__link pagination-nav__link--prev" href="/ja/docs/about/motivation"><div class="pagination-nav__sublabel">前のページ</div><div class="pagination-nav__label">モチベーション</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/ja/docs/about/understanding/architecture"><div class="pagination-nav__sublabel">次のページ</div><div class="pagination-nav__label">アーキテクチャ</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#ビッグボールオブマッド" class="table-of-contents__link toc-highlight">ビッグボールオブマッド</a></li><li><a href="#スマートダムコンポーネント" class="table-of-contents__link toc-highlight">スマート＆ダムコンポーネント</a></li><li><a href="#デザイン原則" class="table-of-contents__link toc-highlight">デザイン原則</a></li><li><a href="#ddd" class="table-of-contents__link toc-highlight">DDD</a></li><li><a href="#see-also" class="table-of-contents__link toc-highlight">参照</a></li><li><a href="#クリーンアーキテクチャ" class="table-of-contents__link toc-highlight">クリーンアーキテクチャ</a></li><li><a href="#フレームワーク" class="table-of-contents__link toc-highlight">フレームワーク</a></li><li><a href="#atomic-design" class="table-of-contents__link toc-highlight">Atomic Design</a><ul><li><a href="#これは何か" class="table-of-contents__link toc-highlight">これは何か？</a></li><li><a href="#フロントエンドでの適用性" class="table-of-contents__link toc-highlight">フロントエンドでの適用性</a></li><li><a href="#fsdとの統合" class="table-of-contents__link toc-highlight">FSDとの統合</a></li></ul></li><li><a href="#feature-driven" class="table-of-contents__link toc-highlight">Feature Driven</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">仕様</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/ja/docs">ドキュメント</a></li><li class="footer__item"><a class="footer__link-item" href="/ja/community">コミュニティ</a></li><li class="footer__item"><a class="footer__link-item" href="/ja/nav">ヘルプ</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">ディスカッション<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">コミュニティ</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">X<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">その他</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">ライセンス<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/ja/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/ja/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2024  Feature-Sliced Design</div></div></div></footer></div>
 </body>
 </html>
\ No newline at end of file
diff --git a/ja/docs/about/mission.html b/ja/docs/about/mission.html
index a48afd695f..db5288c147 100644
--- a/ja/docs/about/mission.html
+++ b/ja/docs/about/mission.html
@@ -9,8 +9,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/ja/opensearch.xml"><link rel="stylesheet" href="/ja/assets/css/styles.c2f43f9a.css">
-<script src="/ja/assets/js/runtime~main.ac5b7a06.js" defer="defer"></script>
-<script src="/ja/assets/js/main.cdd867c6.js" defer="defer"></script>
+<script src="/ja/assets/js/runtime~main.37f69f93.js" defer="defer"></script>
+<script src="/ja/assets/js/main.29fd47b7.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="メインコンテンツにスキップ"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">メインコンテンツにスキップ</a></div><nav aria-label="ナビゲーション" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="ナビゲーションバーを開く" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/ja/"><div class="navbar__logo"><img src="/ja/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/ja/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/ja/docs">📖 ドキュメント</a><a class="navbar__item navbar__link" href="/ja/community">💫 コミュニティ</a><a class="navbar__item navbar__link" href="/ja/blog">📝 ブログ</a><a class="navbar__item navbar__link" href="/ja/examples">🛠 実装例</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/ja/docs/about/mission">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a aria-current="page" class="dropdown__link dropdown__link--active" href="/ja/docs/about/mission">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/ja/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>日本語</a><ul class="dropdown__menu"><li><a href="/ru/docs/about/mission" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ru">Русский</a></li><li><a href="/docs/about/mission" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/uz/docs/about/mission" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/docs/about/mission" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="kr">한국어</a></li><li><a href="/ja/docs/about/mission" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="ダークモードを切り替える(現在はライトモード)" aria-label="ダークモードを切り替える(現在はライトモード)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="検索"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">検索</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><div class="docsWrapper_rDLg"><button aria-label="先頭へ戻る" class="clean-btn theme-back-to-top-button backToTopButton_JQoL" type="button"></button><div class="docRoot_GkJk"><aside class="theme-doc-sidebar-container docSidebarContainer_xiHB"><div class="sidebarViewport_DaHB"><div class="sidebar_Kb82"><nav aria-label="ドキュメントのサイドバー" class="menu thin-scrollbar menu_AkOp"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--active" href="/ja/docs/about">🍰 メソッドについて</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/ja/docs/about/mission">ミッション</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/ja/docs/about/motivation">モチベーション</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item sidebar-item--wip"><a class="menu__link" tabindex="0" href="/ja/docs/about/alternatives">代替案</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/ja/docs/about/understanding/architecture">理解</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/ja/docs/about/promote/integration">推進</a></div></li></ul></li></ul></nav><button type="button" title="サイドバーを折りたたむ" aria-label="サイドバーを折りたたむ" class="button button--secondary button--outline collapseSidebarButton_L8vW"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_hYfn"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_uESP"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_w6lk"><div class="docItemContainer_b1tn"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_ioLt" aria-label="パンくずリストのナビゲーション"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="ホームページ" class="breadcrumbs__link" href="/ja/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_ZfEo"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/ja/docs/about"><span itemprop="name">🍰 メソッドについて</span></a><meta itemprop="position" content="1"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">ミッション</span><meta itemprop="position" content="2"></li></ul></nav><div class="tocCollapsible_EkMH theme-doc-toc-mobile tocMobile_XRnS"><button type="button" class="clean-btn tocCollapsibleButton_ID8T">このページの見出し</button></div><div class="theme-doc-markdown markdown"><header><h1>ミッション</h1></header>
@@ -49,6 +49,6 @@ <h2 class="anchor anchorWithStickyNavbar_QzlE" id="limitations">制限<a href="#
 <h2 class="anchor anchorWithStickyNavbar_QzlE" id="see-also">参照<a href="#see-also" class="hash-link" aria-label="この見出しへの直接リンク" title="この見出しへの直接リンク">​</a></h2>
 <ul>
 <li><a href="/ja/docs/about/understanding/architecture#problems">アーキテクチャの問題</a></li>
-</ul></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/ja/docusaurus-plugin-content-docs/current/about/mission.md" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>このページを編集</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">最終更新<!-- --> <b><time datetime="2024-09-29T11:02:46.000Z" itemprop="dateModified">2024年9月29日</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="ドキュメントページのナビゲーション"><a class="pagination-nav__link pagination-nav__link--prev" href="/ja/docs/about"><div class="pagination-nav__sublabel">前のページ</div><div class="pagination-nav__label">🍰 FSDについて</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/ja/docs/about/motivation"><div class="pagination-nav__sublabel">次のページ</div><div class="pagination-nav__label">モチベーション</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#goals" class="table-of-contents__link toc-highlight">目標</a><ul><li><a href="#intuitive-clarity-for-a-wide-range-of-developers" class="table-of-contents__link toc-highlight">幅広い開発者に対する直感的な明確さ</a></li><li><a href="#solving-everyday-problems" class="table-of-contents__link toc-highlight">日常的な問題の解決</a></li></ul></li><li><a href="#limitations" class="table-of-contents__link toc-highlight">制限</a></li><li><a href="#see-also" class="table-of-contents__link toc-highlight">参照</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">仕様</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/ja/docs">ドキュメント</a></li><li class="footer__item"><a class="footer__link-item" href="/ja/community">コミュニティ</a></li><li class="footer__item"><a class="footer__link-item" href="/ja/nav">ヘルプ</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">ディスカッション<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">コミュニティ</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">X<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">その他</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">ライセンス<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/ja/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/ja/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2024  Feature-Sliced Design</div></div></div></footer></div>
+</ul></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/ja/docusaurus-plugin-content-docs/current/about/mission.md" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>このページを編集</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">最終更新<!-- --> <b><time datetime="2024-10-07T18:23:06.000Z" itemprop="dateModified">2024年10月7日</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="ドキュメントページのナビゲーション"><a class="pagination-nav__link pagination-nav__link--prev" href="/ja/docs/about"><div class="pagination-nav__sublabel">前のページ</div><div class="pagination-nav__label">🍰 FSDについて</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/ja/docs/about/motivation"><div class="pagination-nav__sublabel">次のページ</div><div class="pagination-nav__label">モチベーション</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#goals" class="table-of-contents__link toc-highlight">目標</a><ul><li><a href="#intuitive-clarity-for-a-wide-range-of-developers" class="table-of-contents__link toc-highlight">幅広い開発者に対する直感的な明確さ</a></li><li><a href="#solving-everyday-problems" class="table-of-contents__link toc-highlight">日常的な問題の解決</a></li></ul></li><li><a href="#limitations" class="table-of-contents__link toc-highlight">制限</a></li><li><a href="#see-also" class="table-of-contents__link toc-highlight">参照</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">仕様</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/ja/docs">ドキュメント</a></li><li class="footer__item"><a class="footer__link-item" href="/ja/community">コミュニティ</a></li><li class="footer__item"><a class="footer__link-item" href="/ja/nav">ヘルプ</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">ディスカッション<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">コミュニティ</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">X<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">その他</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">ライセンス<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/ja/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/ja/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2024  Feature-Sliced Design</div></div></div></footer></div>
 </body>
 </html>
\ No newline at end of file
diff --git a/ja/docs/about/motivation.html b/ja/docs/about/motivation.html
index a077b32e3b..3fd5bd8e11 100644
--- a/ja/docs/about/motivation.html
+++ b/ja/docs/about/motivation.html
@@ -9,8 +9,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/ja/opensearch.xml"><link rel="stylesheet" href="/ja/assets/css/styles.c2f43f9a.css">
-<script src="/ja/assets/js/runtime~main.ac5b7a06.js" defer="defer"></script>
-<script src="/ja/assets/js/main.cdd867c6.js" defer="defer"></script>
+<script src="/ja/assets/js/runtime~main.37f69f93.js" defer="defer"></script>
+<script src="/ja/assets/js/main.29fd47b7.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="メインコンテンツにスキップ"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">メインコンテンツにスキップ</a></div><nav aria-label="ナビゲーション" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="ナビゲーションバーを開く" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/ja/"><div class="navbar__logo"><img src="/ja/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/ja/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/ja/docs">📖 ドキュメント</a><a class="navbar__item navbar__link" href="/ja/community">💫 コミュニティ</a><a class="navbar__item navbar__link" href="/ja/blog">📝 ブログ</a><a class="navbar__item navbar__link" href="/ja/examples">🛠 実装例</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/ja/docs/about/motivation">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a aria-current="page" class="dropdown__link dropdown__link--active" href="/ja/docs/about/motivation">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/ja/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>日本語</a><ul class="dropdown__menu"><li><a href="/ru/docs/about/motivation" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ru">Русский</a></li><li><a href="/docs/about/motivation" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/uz/docs/about/motivation" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/docs/about/motivation" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="kr">한국어</a></li><li><a href="/ja/docs/about/motivation" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="ダークモードを切り替える(現在はライトモード)" aria-label="ダークモードを切り替える(現在はライトモード)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="検索"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">検索</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><div class="docsWrapper_rDLg"><button aria-label="先頭へ戻る" class="clean-btn theme-back-to-top-button backToTopButton_JQoL" type="button"></button><div class="docRoot_GkJk"><aside class="theme-doc-sidebar-container docSidebarContainer_xiHB"><div class="sidebarViewport_DaHB"><div class="sidebar_Kb82"><nav aria-label="ドキュメントのサイドバー" class="menu thin-scrollbar menu_AkOp"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--active" href="/ja/docs/about">🍰 メソッドについて</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/ja/docs/about/mission">ミッション</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/ja/docs/about/motivation">モチベーション</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item sidebar-item--wip"><a class="menu__link" tabindex="0" href="/ja/docs/about/alternatives">代替案</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/ja/docs/about/understanding/architecture">理解</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/ja/docs/about/promote/integration">推進</a></div></li></ul></li></ul></nav><button type="button" title="サイドバーを折りたたむ" aria-label="サイドバーを折りたたむ" class="button button--secondary button--outline collapseSidebarButton_L8vW"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_hYfn"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_uESP"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_w6lk"><div class="docItemContainer_b1tn"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_ioLt" aria-label="パンくずリストのナビゲーション"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="ホームページ" class="breadcrumbs__link" href="/ja/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_ZfEo"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/ja/docs/about"><span itemprop="name">🍰 メソッドについて</span></a><meta itemprop="position" content="1"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">モチベーション</span><meta itemprop="position" content="2"></li></ul></nav><div class="tocCollapsible_EkMH theme-doc-toc-mobile tocMobile_XRnS"><button type="button" class="clean-btn tocCollapsibleButton_ID8T">このページの見出し</button></div><div class="theme-doc-markdown markdown"><header><h1>モチベーション</h1></header>
@@ -106,6 +106,6 @@ <h2 class="anchor anchorWithStickyNavbar_QzlE" id="see-also">参照<a href="#see
 <ul>
 <li><a href="/ja/docs/about/mission">方法論の使命について：目標と制限</a></li>
 <li><a href="/ja/docs/about/understanding/knowledge-types">プロジェクトにおける知識の種類</a></li>
-</ul></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/ja/docusaurus-plugin-content-docs/current/about/motivation.md" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>このページを編集</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">最終更新<!-- --> <b><time datetime="2024-09-29T11:02:46.000Z" itemprop="dateModified">2024年9月29日</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="ドキュメントページのナビゲーション"><a class="pagination-nav__link pagination-nav__link--prev" href="/ja/docs/about/mission"><div class="pagination-nav__sublabel">前のページ</div><div class="pagination-nav__label">ミッション</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/ja/docs/about/alternatives"><div class="pagination-nav__sublabel">次のページ</div><div class="pagination-nav__label">代替案</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#intuitive-clarity-for-a-wide-range-of-developers" class="table-of-contents__link toc-highlight">既存の解決策が不足している理由</a><ul><li><a href="#principles-alone-are-not-enough" class="table-of-contents__link toc-highlight">原則だけでは不十分</a></li><li><a href="#processes-dont-always-work" class="table-of-contents__link toc-highlight">プロセスは常に機能するわけではない</a></li><li><a href="#existing-frameworks-cannot-be-applied-everywhere" class="table-of-contents__link toc-highlight">既存のフレームワークはどこでも適用できるわけではない</a></li><li><a href="#as-a-result" class="table-of-contents__link toc-highlight">結果として</a></li></ul></li><li><a href="#why-do-developers-need-the-methodology" class="table-of-contents__link toc-highlight">開発者にとっての方法論の必要性</a><ul><li><a href="#focus-on-business-features-not-on-architecture-problems" class="table-of-contents__link toc-highlight">アーキテクチャの問題ではなくビジネス機能に集中するため</a></li><li><a href="#an-experience-proven-solution" class="table-of-contents__link toc-highlight">経験に基づく解決策</a></li><li><a href="#project-health" class="table-of-contents__link toc-highlight">プロジェクトの健康</a></li></ul></li><li><a href="#why-does-a-business-need-a-methodology" class="table-of-contents__link toc-highlight">ビジネスにとってのFSD方法論の必要性</a><ul><li><a href="#fast-onboarding" class="table-of-contents__link toc-highlight">迅速なオンボーディング</a></li><li><a href="#an-experience-proven-solution-1" class="table-of-contents__link toc-highlight">経験に基づく解決策</a></li><li><a href="#applicability-for-different-stages-of-the-project" class="table-of-contents__link toc-highlight">プロジェクトのさまざまな段階への適用性</a></li></ul></li><li><a href="#when-is-our-methodology-not-needed" class="table-of-contents__link toc-highlight">私たちの方法論が必要ない場合</a><ul><li><a href="#business-size" class="table-of-contents__link toc-highlight">ビジネスの規模</a></li></ul></li><li><a href="#plans" class="table-of-contents__link toc-highlight">目標</a><ul><li><a href="#combining-experience" class="table-of-contents__link toc-highlight">経験の統合</a></li><li><a href="#life-outside-the-specification" class="table-of-contents__link toc-highlight">仕様外の生活</a></li></ul></li><li><a href="#see-also" class="table-of-contents__link toc-highlight">参照</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">仕様</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/ja/docs">ドキュメント</a></li><li class="footer__item"><a class="footer__link-item" href="/ja/community">コミュニティ</a></li><li class="footer__item"><a class="footer__link-item" href="/ja/nav">ヘルプ</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">ディスカッション<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">コミュニティ</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">X<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">その他</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">ライセンス<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/ja/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/ja/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2024  Feature-Sliced Design</div></div></div></footer></div>
+</ul></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/ja/docusaurus-plugin-content-docs/current/about/motivation.md" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>このページを編集</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">最終更新<!-- --> <b><time datetime="2024-10-07T18:23:06.000Z" itemprop="dateModified">2024年10月7日</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="ドキュメントページのナビゲーション"><a class="pagination-nav__link pagination-nav__link--prev" href="/ja/docs/about/mission"><div class="pagination-nav__sublabel">前のページ</div><div class="pagination-nav__label">ミッション</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/ja/docs/about/alternatives"><div class="pagination-nav__sublabel">次のページ</div><div class="pagination-nav__label">代替案</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#intuitive-clarity-for-a-wide-range-of-developers" class="table-of-contents__link toc-highlight">既存の解決策が不足している理由</a><ul><li><a href="#principles-alone-are-not-enough" class="table-of-contents__link toc-highlight">原則だけでは不十分</a></li><li><a href="#processes-dont-always-work" class="table-of-contents__link toc-highlight">プロセスは常に機能するわけではない</a></li><li><a href="#existing-frameworks-cannot-be-applied-everywhere" class="table-of-contents__link toc-highlight">既存のフレームワークはどこでも適用できるわけではない</a></li><li><a href="#as-a-result" class="table-of-contents__link toc-highlight">結果として</a></li></ul></li><li><a href="#why-do-developers-need-the-methodology" class="table-of-contents__link toc-highlight">開発者にとっての方法論の必要性</a><ul><li><a href="#focus-on-business-features-not-on-architecture-problems" class="table-of-contents__link toc-highlight">アーキテクチャの問題ではなくビジネス機能に集中するため</a></li><li><a href="#an-experience-proven-solution" class="table-of-contents__link toc-highlight">経験に基づく解決策</a></li><li><a href="#project-health" class="table-of-contents__link toc-highlight">プロジェクトの健康</a></li></ul></li><li><a href="#why-does-a-business-need-a-methodology" class="table-of-contents__link toc-highlight">ビジネスにとってのFSD方法論の必要性</a><ul><li><a href="#fast-onboarding" class="table-of-contents__link toc-highlight">迅速なオンボーディング</a></li><li><a href="#an-experience-proven-solution-1" class="table-of-contents__link toc-highlight">経験に基づく解決策</a></li><li><a href="#applicability-for-different-stages-of-the-project" class="table-of-contents__link toc-highlight">プロジェクトのさまざまな段階への適用性</a></li></ul></li><li><a href="#when-is-our-methodology-not-needed" class="table-of-contents__link toc-highlight">私たちの方法論が必要ない場合</a><ul><li><a href="#business-size" class="table-of-contents__link toc-highlight">ビジネスの規模</a></li></ul></li><li><a href="#plans" class="table-of-contents__link toc-highlight">目標</a><ul><li><a href="#combining-experience" class="table-of-contents__link toc-highlight">経験の統合</a></li><li><a href="#life-outside-the-specification" class="table-of-contents__link toc-highlight">仕様外の生活</a></li></ul></li><li><a href="#see-also" class="table-of-contents__link toc-highlight">参照</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">仕様</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/ja/docs">ドキュメント</a></li><li class="footer__item"><a class="footer__link-item" href="/ja/community">コミュニティ</a></li><li class="footer__item"><a class="footer__link-item" href="/ja/nav">ヘルプ</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">ディスカッション<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">コミュニティ</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">X<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">その他</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">ライセンス<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/ja/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/ja/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2024  Feature-Sliced Design</div></div></div></footer></div>
 </body>
 </html>
\ No newline at end of file
diff --git a/ja/docs/about/promote/for-company.html b/ja/docs/about/promote/for-company.html
index a3512e6fec..4d8bb42926 100644
--- a/ja/docs/about/promote/for-company.html
+++ b/ja/docs/about/promote/for-company.html
@@ -9,11 +9,11 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/ja/opensearch.xml"><link rel="stylesheet" href="/ja/assets/css/styles.c2f43f9a.css">
-<script src="/ja/assets/js/runtime~main.ac5b7a06.js" defer="defer"></script>
-<script src="/ja/assets/js/main.cdd867c6.js" defer="defer"></script>
+<script src="/ja/assets/js/runtime~main.37f69f93.js" defer="defer"></script>
+<script src="/ja/assets/js/main.29fd47b7.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="メインコンテンツにスキップ"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">メインコンテンツにスキップ</a></div><nav aria-label="ナビゲーション" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="ナビゲーションバーを開く" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/ja/"><div class="navbar__logo"><img src="/ja/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/ja/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/ja/docs">📖 ドキュメント</a><a class="navbar__item navbar__link" href="/ja/community">💫 コミュニティ</a><a class="navbar__item navbar__link" href="/ja/blog">📝 ブログ</a><a class="navbar__item navbar__link" href="/ja/examples">🛠 実装例</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/ja/docs/about/promote/for-company">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a aria-current="page" class="dropdown__link dropdown__link--active" href="/ja/docs/about/promote/for-company">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/ja/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>日本語</a><ul class="dropdown__menu"><li><a href="/ru/docs/about/promote/for-company" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ru">Русский</a></li><li><a href="/docs/about/promote/for-company" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/uz/docs/about/promote/for-company" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/docs/about/promote/for-company" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="kr">한국어</a></li><li><a href="/ja/docs/about/promote/for-company" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="ダークモードを切り替える(現在はライトモード)" aria-label="ダークモードを切り替える(現在はライトモード)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="検索"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">検索</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><div class="docsWrapper_rDLg"><button aria-label="先頭へ戻る" class="clean-btn theme-back-to-top-button backToTopButton_JQoL" type="button"></button><div class="docRoot_GkJk"><aside class="theme-doc-sidebar-container docSidebarContainer_xiHB"><div class="sidebarViewport_DaHB"><div class="sidebar_Kb82"><nav aria-label="ドキュメントのサイドバー" class="menu thin-scrollbar menu_AkOp"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--active" href="/ja/docs/about">🍰 メソッドについて</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/ja/docs/about/mission">ミッション</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/ja/docs/about/motivation">モチベーション</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item sidebar-item--wip"><a class="menu__link" tabindex="0" href="/ja/docs/about/alternatives">代替案</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/ja/docs/about/understanding/architecture">理解</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret menu__link--active" role="button" aria-expanded="true" tabindex="0" href="/ja/docs/about/promote/integration">推進</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/ja/docs/about/promote/integration">統合の側面</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item sidebar-item--wip"><a class="menu__link" tabindex="0" href="/ja/docs/about/promote/partial-application">部分的な適用</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item sidebar-item--wip"><a class="menu__link" tabindex="0" href="/ja/docs/about/promote/for-team">チームでの推進</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item sidebar-item--wip"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/ja/docs/about/promote/for-company">会社での推進</a></li></ul></li></ul></li></ul></nav><button type="button" title="サイドバーを折りたたむ" aria-label="サイドバーを折りたたむ" class="button button--secondary button--outline collapseSidebarButton_L8vW"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_hYfn"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_uESP"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_w6lk"><div class="docItemContainer_b1tn"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_ioLt" aria-label="パンくずリストのナビゲーション"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="ホームページ" class="breadcrumbs__link" href="/ja/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_ZfEo"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/ja/docs/about"><span itemprop="name">🍰 メソッドについて</span></a><meta itemprop="position" content="1"></li><li class="breadcrumbs__item"><span class="breadcrumbs__link">推進</span><meta itemprop="position" content="2"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">会社での推進</span><meta itemprop="position" content="3"></li></ul></nav><div class="theme-doc-markdown markdown"><header><h1>会社での推進</h1></header>
-<div class="theme-admonition theme-admonition-caution admonition_yLUd alert alert--warning"><div class="admonitionHeading_ulUq"><span class="admonitionIcon_Wbvt"><svg viewBox="0 0 16 16"><path fill-rule="evenodd" d="M8.893 1.5c-.183-.31-.52-.5-.887-.5s-.703.19-.886.5L.138 13.499a.98.98 0 0 0 0 1.001c.193.31.53.501.886.501h13.964c.367 0 .704-.19.877-.5a1.03 1.03 0 0 0 .01-1.002L8.893 1.5zm.133 11.497H6.987v-2.003h2.039v2.003zm0-3.004H6.987V5.987h2.039v4.006z"></path></svg></span>WIP</div><div class="admonitionContent_mbd8"><div><p>この記事は執筆中です</p><p>その公開を早めるために、以下の方法があります。</p><ul><li>📢 フィードバックを共有する <a href="https://github.com/feature-sliced/documentation/issues/206" target="_blank" rel="noopener noreferrer">（チケットでのコメント/絵文字リアクション）</a></li><li>💬 チャットでの議論結果をチケットにまとめる <a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer">（チャットURL）</a></li><li>⚒️ 他の方法で<a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer">貢献する</a></li></ul><br><p><i>🍰 Stay tuned!</i></p></div></div></div></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/ja/docusaurus-plugin-content-docs/current/about/promote/for-company.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>このページを編集</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">最終更新<!-- --> <b><time datetime="2024-09-29T11:02:46.000Z" itemprop="dateModified">2024年9月29日</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="ドキュメントページのナビゲーション"><a class="pagination-nav__link pagination-nav__link--prev" href="/ja/docs/about/promote/for-team"><div class="pagination-nav__sublabel">前のページ</div><div class="pagination-nav__label">チームでの推進</div></a></nav></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">仕様</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/ja/docs">ドキュメント</a></li><li class="footer__item"><a class="footer__link-item" href="/ja/community">コミュニティ</a></li><li class="footer__item"><a class="footer__link-item" href="/ja/nav">ヘルプ</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">ディスカッション<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">コミュニティ</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">X<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">その他</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">ライセンス<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/ja/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/ja/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2024  Feature-Sliced Design</div></div></div></footer></div>
+<div class="theme-admonition theme-admonition-caution admonition_yLUd alert alert--warning"><div class="admonitionHeading_ulUq"><span class="admonitionIcon_Wbvt"><svg viewBox="0 0 16 16"><path fill-rule="evenodd" d="M8.893 1.5c-.183-.31-.52-.5-.887-.5s-.703.19-.886.5L.138 13.499a.98.98 0 0 0 0 1.001c.193.31.53.501.886.501h13.964c.367 0 .704-.19.877-.5a1.03 1.03 0 0 0 .01-1.002L8.893 1.5zm.133 11.497H6.987v-2.003h2.039v2.003zm0-3.004H6.987V5.987h2.039v4.006z"></path></svg></span>WIP</div><div class="admonitionContent_mbd8"><div><p>この記事は執筆中です</p><p>その公開を早めるために、以下の方法があります。</p><ul><li>📢 フィードバックを共有する <a href="https://github.com/feature-sliced/documentation/issues/206" target="_blank" rel="noopener noreferrer">（チケットでのコメント/絵文字リアクション）</a></li><li>💬 チャットでの議論結果をチケットにまとめる <a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer">（チャットURL）</a></li><li>⚒️ 他の方法で<a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer">貢献する</a></li></ul><br><p><i>🍰 Stay tuned!</i></p></div></div></div></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/ja/docusaurus-plugin-content-docs/current/about/promote/for-company.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>このページを編集</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">最終更新<!-- --> <b><time datetime="2024-10-07T18:23:06.000Z" itemprop="dateModified">2024年10月7日</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="ドキュメントページのナビゲーション"><a class="pagination-nav__link pagination-nav__link--prev" href="/ja/docs/about/promote/for-team"><div class="pagination-nav__sublabel">前のページ</div><div class="pagination-nav__label">チームでの推進</div></a></nav></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">仕様</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/ja/docs">ドキュメント</a></li><li class="footer__item"><a class="footer__link-item" href="/ja/community">コミュニティ</a></li><li class="footer__item"><a class="footer__link-item" href="/ja/nav">ヘルプ</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">ディスカッション<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">コミュニティ</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">X<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">その他</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">ライセンス<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/ja/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/ja/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2024  Feature-Sliced Design</div></div></div></footer></div>
 </body>
 </html>
\ No newline at end of file
diff --git a/ja/docs/about/promote/for-team.html b/ja/docs/about/promote/for-team.html
index d312302ae2..088272f410 100644
--- a/ja/docs/about/promote/for-team.html
+++ b/ja/docs/about/promote/for-team.html
@@ -9,11 +9,11 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/ja/opensearch.xml"><link rel="stylesheet" href="/ja/assets/css/styles.c2f43f9a.css">
-<script src="/ja/assets/js/runtime~main.ac5b7a06.js" defer="defer"></script>
-<script src="/ja/assets/js/main.cdd867c6.js" defer="defer"></script>
+<script src="/ja/assets/js/runtime~main.37f69f93.js" defer="defer"></script>
+<script src="/ja/assets/js/main.29fd47b7.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="メインコンテンツにスキップ"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">メインコンテンツにスキップ</a></div><nav aria-label="ナビゲーション" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="ナビゲーションバーを開く" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/ja/"><div class="navbar__logo"><img src="/ja/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/ja/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/ja/docs">📖 ドキュメント</a><a class="navbar__item navbar__link" href="/ja/community">💫 コミュニティ</a><a class="navbar__item navbar__link" href="/ja/blog">📝 ブログ</a><a class="navbar__item navbar__link" href="/ja/examples">🛠 実装例</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/ja/docs/about/promote/for-team">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a aria-current="page" class="dropdown__link dropdown__link--active" href="/ja/docs/about/promote/for-team">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/ja/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>日本語</a><ul class="dropdown__menu"><li><a href="/ru/docs/about/promote/for-team" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ru">Русский</a></li><li><a href="/docs/about/promote/for-team" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/uz/docs/about/promote/for-team" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/docs/about/promote/for-team" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="kr">한국어</a></li><li><a href="/ja/docs/about/promote/for-team" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="ダークモードを切り替える(現在はライトモード)" aria-label="ダークモードを切り替える(現在はライトモード)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="検索"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">検索</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><div class="docsWrapper_rDLg"><button aria-label="先頭へ戻る" class="clean-btn theme-back-to-top-button backToTopButton_JQoL" type="button"></button><div class="docRoot_GkJk"><aside class="theme-doc-sidebar-container docSidebarContainer_xiHB"><div class="sidebarViewport_DaHB"><div class="sidebar_Kb82"><nav aria-label="ドキュメントのサイドバー" class="menu thin-scrollbar menu_AkOp"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--active" href="/ja/docs/about">🍰 メソッドについて</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/ja/docs/about/mission">ミッション</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/ja/docs/about/motivation">モチベーション</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item sidebar-item--wip"><a class="menu__link" tabindex="0" href="/ja/docs/about/alternatives">代替案</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/ja/docs/about/understanding/architecture">理解</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret menu__link--active" role="button" aria-expanded="true" tabindex="0" href="/ja/docs/about/promote/integration">推進</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/ja/docs/about/promote/integration">統合の側面</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item sidebar-item--wip"><a class="menu__link" tabindex="0" href="/ja/docs/about/promote/partial-application">部分的な適用</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item sidebar-item--wip"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/ja/docs/about/promote/for-team">チームでの推進</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item sidebar-item--wip"><a class="menu__link" tabindex="0" href="/ja/docs/about/promote/for-company">会社での推進</a></li></ul></li></ul></li></ul></nav><button type="button" title="サイドバーを折りたたむ" aria-label="サイドバーを折りたたむ" class="button button--secondary button--outline collapseSidebarButton_L8vW"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_hYfn"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_uESP"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_w6lk"><div class="docItemContainer_b1tn"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_ioLt" aria-label="パンくずリストのナビゲーション"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="ホームページ" class="breadcrumbs__link" href="/ja/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_ZfEo"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/ja/docs/about"><span itemprop="name">🍰 メソッドについて</span></a><meta itemprop="position" content="1"></li><li class="breadcrumbs__item"><span class="breadcrumbs__link">推進</span><meta itemprop="position" content="2"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">チームでの推進</span><meta itemprop="position" content="3"></li></ul></nav><div class="theme-doc-markdown markdown"><header><h1>チームでの推進</h1></header>
-<div class="theme-admonition theme-admonition-caution admonition_yLUd alert alert--warning"><div class="admonitionHeading_ulUq"><span class="admonitionIcon_Wbvt"><svg viewBox="0 0 16 16"><path fill-rule="evenodd" d="M8.893 1.5c-.183-.31-.52-.5-.887-.5s-.703.19-.886.5L.138 13.499a.98.98 0 0 0 0 1.001c.193.31.53.501.886.501h13.964c.367 0 .704-.19.877-.5a1.03 1.03 0 0 0 .01-1.002L8.893 1.5zm.133 11.497H6.987v-2.003h2.039v2.003zm0-3.004H6.987V5.987h2.039v4.006z"></path></svg></span>WIP</div><div class="admonitionContent_mbd8"><div><p>この記事は執筆中です</p><p>その公開を早めるために、以下の方法があります。</p><ul><li>📢 フィードバックを共有する <a href="https://github.com/feature-sliced/documentation/issues/182" target="_blank" rel="noopener noreferrer">（チケットでのコメント/絵文字リアクション）</a></li><li>💬 チャットでの議論結果をチケットにまとめる <a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer">（チャットURL）</a></li><li>⚒️ 他の方法で<a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer">貢献する</a></li></ul><br><p><i>🍰 Stay tuned!</i></p></div></div></div></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/ja/docusaurus-plugin-content-docs/current/about/promote/for-team.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>このページを編集</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">最終更新<!-- --> <b><time datetime="2024-09-29T11:02:46.000Z" itemprop="dateModified">2024年9月29日</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="ドキュメントページのナビゲーション"><a class="pagination-nav__link pagination-nav__link--prev" href="/ja/docs/about/promote/partial-application"><div class="pagination-nav__sublabel">前のページ</div><div class="pagination-nav__label">部分的な適用</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/ja/docs/about/promote/for-company"><div class="pagination-nav__sublabel">次のページ</div><div class="pagination-nav__label">会社での推進</div></a></nav></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">仕様</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/ja/docs">ドキュメント</a></li><li class="footer__item"><a class="footer__link-item" href="/ja/community">コミュニティ</a></li><li class="footer__item"><a class="footer__link-item" href="/ja/nav">ヘルプ</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">ディスカッション<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">コミュニティ</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">X<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">その他</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">ライセンス<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/ja/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/ja/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2024  Feature-Sliced Design</div></div></div></footer></div>
+<div class="theme-admonition theme-admonition-caution admonition_yLUd alert alert--warning"><div class="admonitionHeading_ulUq"><span class="admonitionIcon_Wbvt"><svg viewBox="0 0 16 16"><path fill-rule="evenodd" d="M8.893 1.5c-.183-.31-.52-.5-.887-.5s-.703.19-.886.5L.138 13.499a.98.98 0 0 0 0 1.001c.193.31.53.501.886.501h13.964c.367 0 .704-.19.877-.5a1.03 1.03 0 0 0 .01-1.002L8.893 1.5zm.133 11.497H6.987v-2.003h2.039v2.003zm0-3.004H6.987V5.987h2.039v4.006z"></path></svg></span>WIP</div><div class="admonitionContent_mbd8"><div><p>この記事は執筆中です</p><p>その公開を早めるために、以下の方法があります。</p><ul><li>📢 フィードバックを共有する <a href="https://github.com/feature-sliced/documentation/issues/182" target="_blank" rel="noopener noreferrer">（チケットでのコメント/絵文字リアクション）</a></li><li>💬 チャットでの議論結果をチケットにまとめる <a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer">（チャットURL）</a></li><li>⚒️ 他の方法で<a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer">貢献する</a></li></ul><br><p><i>🍰 Stay tuned!</i></p></div></div></div></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/ja/docusaurus-plugin-content-docs/current/about/promote/for-team.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>このページを編集</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">最終更新<!-- --> <b><time datetime="2024-10-07T18:23:06.000Z" itemprop="dateModified">2024年10月7日</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="ドキュメントページのナビゲーション"><a class="pagination-nav__link pagination-nav__link--prev" href="/ja/docs/about/promote/partial-application"><div class="pagination-nav__sublabel">前のページ</div><div class="pagination-nav__label">部分的な適用</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/ja/docs/about/promote/for-company"><div class="pagination-nav__sublabel">次のページ</div><div class="pagination-nav__label">会社での推進</div></a></nav></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">仕様</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/ja/docs">ドキュメント</a></li><li class="footer__item"><a class="footer__link-item" href="/ja/community">コミュニティ</a></li><li class="footer__item"><a class="footer__link-item" href="/ja/nav">ヘルプ</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">ディスカッション<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">コミュニティ</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">X<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">その他</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">ライセンス<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/ja/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/ja/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2024  Feature-Sliced Design</div></div></div></footer></div>
 </body>
 </html>
\ No newline at end of file
diff --git a/ja/docs/about/promote/integration.html b/ja/docs/about/promote/integration.html
index e78d58c113..271bfb659b 100644
--- a/ja/docs/about/promote/integration.html
+++ b/ja/docs/about/promote/integration.html
@@ -9,8 +9,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/ja/opensearch.xml"><link rel="stylesheet" href="/ja/assets/css/styles.c2f43f9a.css">
-<script src="/ja/assets/js/runtime~main.ac5b7a06.js" defer="defer"></script>
-<script src="/ja/assets/js/main.cdd867c6.js" defer="defer"></script>
+<script src="/ja/assets/js/runtime~main.37f69f93.js" defer="defer"></script>
+<script src="/ja/assets/js/main.29fd47b7.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="メインコンテンツにスキップ"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">メインコンテンツにスキップ</a></div><nav aria-label="ナビゲーション" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="ナビゲーションバーを開く" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/ja/"><div class="navbar__logo"><img src="/ja/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/ja/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/ja/docs">📖 ドキュメント</a><a class="navbar__item navbar__link" href="/ja/community">💫 コミュニティ</a><a class="navbar__item navbar__link" href="/ja/blog">📝 ブログ</a><a class="navbar__item navbar__link" href="/ja/examples">🛠 実装例</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/ja/docs/about/promote/integration">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a aria-current="page" class="dropdown__link dropdown__link--active" href="/ja/docs/about/promote/integration">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/ja/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>日本語</a><ul class="dropdown__menu"><li><a href="/ru/docs/about/promote/integration" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ru">Русский</a></li><li><a href="/docs/about/promote/integration" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/uz/docs/about/promote/integration" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/docs/about/promote/integration" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="kr">한국어</a></li><li><a href="/ja/docs/about/promote/integration" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="ダークモードを切り替える(現在はライトモード)" aria-label="ダークモードを切り替える(現在はライトモード)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="検索"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">検索</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><div class="docsWrapper_rDLg"><button aria-label="先頭へ戻る" class="clean-btn theme-back-to-top-button backToTopButton_JQoL" type="button"></button><div class="docRoot_GkJk"><aside class="theme-doc-sidebar-container docSidebarContainer_xiHB"><div class="sidebarViewport_DaHB"><div class="sidebar_Kb82"><nav aria-label="ドキュメントのサイドバー" class="menu thin-scrollbar menu_AkOp"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--active" href="/ja/docs/about">🍰 メソッドについて</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/ja/docs/about/mission">ミッション</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/ja/docs/about/motivation">モチベーション</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item sidebar-item--wip"><a class="menu__link" tabindex="0" href="/ja/docs/about/alternatives">代替案</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/ja/docs/about/understanding/architecture">理解</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret menu__link--active" role="button" aria-expanded="true" tabindex="0" href="/ja/docs/about/promote/integration">推進</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/ja/docs/about/promote/integration">統合の側面</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item sidebar-item--wip"><a class="menu__link" tabindex="0" href="/ja/docs/about/promote/partial-application">部分的な適用</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item sidebar-item--wip"><a class="menu__link" tabindex="0" href="/ja/docs/about/promote/for-team">チームでの推進</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item sidebar-item--wip"><a class="menu__link" tabindex="0" href="/ja/docs/about/promote/for-company">会社での推進</a></li></ul></li></ul></li></ul></nav><button type="button" title="サイドバーを折りたたむ" aria-label="サイドバーを折りたたむ" class="button button--secondary button--outline collapseSidebarButton_L8vW"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_hYfn"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_uESP"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_w6lk"><div class="docItemContainer_b1tn"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_ioLt" aria-label="パンくずリストのナビゲーション"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="ホームページ" class="breadcrumbs__link" href="/ja/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_ZfEo"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/ja/docs/about"><span itemprop="name">🍰 メソッドについて</span></a><meta itemprop="position" content="1"></li><li class="breadcrumbs__item"><span class="breadcrumbs__link">推進</span><meta itemprop="position" content="2"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">統合の側面</span><meta itemprop="position" content="3"></li></ul></nav><div class="theme-doc-markdown markdown"><header><h1>統合の側面</h1></header>
@@ -26,6 +26,6 @@
 <li>高い参入障壁</li>
 <li>「レイヤー地獄」</li>
 <li>機能ベースのアプローチにおける典型的な問題</li>
-</ul></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/ja/docusaurus-plugin-content-docs/current/about/promote/integration.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>このページを編集</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">最終更新<!-- --> <b><time datetime="2024-09-29T11:02:46.000Z" itemprop="dateModified">2024年9月29日</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="ドキュメントページのナビゲーション"><a class="pagination-nav__link pagination-nav__link--prev" href="/ja/docs/about/understanding/abstractions"><div class="pagination-nav__sublabel">前のページ</div><div class="pagination-nav__label">抽象化</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/ja/docs/about/promote/partial-application"><div class="pagination-nav__sublabel">次のページ</div><div class="pagination-nav__label">部分的な適用</div></a></nav></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">仕様</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/ja/docs">ドキュメント</a></li><li class="footer__item"><a class="footer__link-item" href="/ja/community">コミュニティ</a></li><li class="footer__item"><a class="footer__link-item" href="/ja/nav">ヘルプ</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">ディスカッション<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">コミュニティ</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">X<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">その他</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">ライセンス<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/ja/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/ja/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2024  Feature-Sliced Design</div></div></div></footer></div>
+</ul></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/ja/docusaurus-plugin-content-docs/current/about/promote/integration.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>このページを編集</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">最終更新<!-- --> <b><time datetime="2024-10-07T18:23:06.000Z" itemprop="dateModified">2024年10月7日</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="ドキュメントページのナビゲーション"><a class="pagination-nav__link pagination-nav__link--prev" href="/ja/docs/about/understanding/abstractions"><div class="pagination-nav__sublabel">前のページ</div><div class="pagination-nav__label">抽象化</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/ja/docs/about/promote/partial-application"><div class="pagination-nav__sublabel">次のページ</div><div class="pagination-nav__label">部分的な適用</div></a></nav></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">仕様</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/ja/docs">ドキュメント</a></li><li class="footer__item"><a class="footer__link-item" href="/ja/community">コミュニティ</a></li><li class="footer__item"><a class="footer__link-item" href="/ja/nav">ヘルプ</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">ディスカッション<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">コミュニティ</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">X<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">その他</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">ライセンス<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/ja/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/ja/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2024  Feature-Sliced Design</div></div></div></footer></div>
 </body>
 </html>
\ No newline at end of file
diff --git a/ja/docs/about/promote/partial-application.html b/ja/docs/about/promote/partial-application.html
index 47eef63895..87a7ea2cae 100644
--- a/ja/docs/about/promote/partial-application.html
+++ b/ja/docs/about/promote/partial-application.html
@@ -9,11 +9,11 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/ja/opensearch.xml"><link rel="stylesheet" href="/ja/assets/css/styles.c2f43f9a.css">
-<script src="/ja/assets/js/runtime~main.ac5b7a06.js" defer="defer"></script>
-<script src="/ja/assets/js/main.cdd867c6.js" defer="defer"></script>
+<script src="/ja/assets/js/runtime~main.37f69f93.js" defer="defer"></script>
+<script src="/ja/assets/js/main.29fd47b7.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="メインコンテンツにスキップ"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">メインコンテンツにスキップ</a></div><nav aria-label="ナビゲーション" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="ナビゲーションバーを開く" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/ja/"><div class="navbar__logo"><img src="/ja/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/ja/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/ja/docs">📖 ドキュメント</a><a class="navbar__item navbar__link" href="/ja/community">💫 コミュニティ</a><a class="navbar__item navbar__link" href="/ja/blog">📝 ブログ</a><a class="navbar__item navbar__link" href="/ja/examples">🛠 実装例</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/ja/docs/about/promote/partial-application">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a aria-current="page" class="dropdown__link dropdown__link--active" href="/ja/docs/about/promote/partial-application">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/ja/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>日本語</a><ul class="dropdown__menu"><li><a href="/ru/docs/about/promote/partial-application" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ru">Русский</a></li><li><a href="/docs/about/promote/partial-application" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/uz/docs/about/promote/partial-application" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/docs/about/promote/partial-application" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="kr">한국어</a></li><li><a href="/ja/docs/about/promote/partial-application" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="ダークモードを切り替える(現在はライトモード)" aria-label="ダークモードを切り替える(現在はライトモード)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="検索"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">検索</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><div class="docsWrapper_rDLg"><button aria-label="先頭へ戻る" class="clean-btn theme-back-to-top-button backToTopButton_JQoL" type="button"></button><div class="docRoot_GkJk"><aside class="theme-doc-sidebar-container docSidebarContainer_xiHB"><div class="sidebarViewport_DaHB"><div class="sidebar_Kb82"><nav aria-label="ドキュメントのサイドバー" class="menu thin-scrollbar menu_AkOp"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--active" href="/ja/docs/about">🍰 メソッドについて</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/ja/docs/about/mission">ミッション</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/ja/docs/about/motivation">モチベーション</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item sidebar-item--wip"><a class="menu__link" tabindex="0" href="/ja/docs/about/alternatives">代替案</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/ja/docs/about/understanding/architecture">理解</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret menu__link--active" role="button" aria-expanded="true" tabindex="0" href="/ja/docs/about/promote/integration">推進</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/ja/docs/about/promote/integration">統合の側面</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item sidebar-item--wip"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/ja/docs/about/promote/partial-application">部分的な適用</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item sidebar-item--wip"><a class="menu__link" tabindex="0" href="/ja/docs/about/promote/for-team">チームでの推進</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item sidebar-item--wip"><a class="menu__link" tabindex="0" href="/ja/docs/about/promote/for-company">会社での推進</a></li></ul></li></ul></li></ul></nav><button type="button" title="サイドバーを折りたたむ" aria-label="サイドバーを折りたたむ" class="button button--secondary button--outline collapseSidebarButton_L8vW"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_hYfn"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_uESP"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_w6lk"><div class="docItemContainer_b1tn"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_ioLt" aria-label="パンくずリストのナビゲーション"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="ホームページ" class="breadcrumbs__link" href="/ja/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_ZfEo"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/ja/docs/about"><span itemprop="name">🍰 メソッドについて</span></a><meta itemprop="position" content="1"></li><li class="breadcrumbs__item"><span class="breadcrumbs__link">推進</span><meta itemprop="position" content="2"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">部分的な適用</span><meta itemprop="position" content="3"></li></ul></nav><div class="theme-doc-markdown markdown"><header><h1>部分的な適用</h1></header>
-<div class="theme-admonition theme-admonition-caution admonition_yLUd alert alert--warning"><div class="admonitionHeading_ulUq"><span class="admonitionIcon_Wbvt"><svg viewBox="0 0 16 16"><path fill-rule="evenodd" d="M8.893 1.5c-.183-.31-.52-.5-.887-.5s-.703.19-.886.5L.138 13.499a.98.98 0 0 0 0 1.001c.193.31.53.501.886.501h13.964c.367 0 .704-.19.877-.5a1.03 1.03 0 0 0 .01-1.002L8.893 1.5zm.133 11.497H6.987v-2.003h2.039v2.003zm0-3.004H6.987V5.987h2.039v4.006z"></path></svg></span>WIP</div><div class="admonitionContent_mbd8"><div><p>この記事は執筆中です</p><p>その公開を早めるために、以下の方法があります。</p><ul><li>📢 フィードバックを共有する <a href="https://github.com/feature-sliced/documentation/issues/199" target="_blank" rel="noopener noreferrer">（チケットでのコメント/絵文字リアクション）</a></li><li>💬 チャットでの議論結果をチケットにまとめる <a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer">（チャットURL）</a></li><li>⚒️ 他の方法で<a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer">貢献する</a></li></ul><br><p><i>🍰 Stay tuned!</i></p></div></div></div></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/ja/docusaurus-plugin-content-docs/current/about/promote/partial-application.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>このページを編集</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">最終更新<!-- --> <b><time datetime="2024-09-29T11:02:46.000Z" itemprop="dateModified">2024年9月29日</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="ドキュメントページのナビゲーション"><a class="pagination-nav__link pagination-nav__link--prev" href="/ja/docs/about/promote/integration"><div class="pagination-nav__sublabel">前のページ</div><div class="pagination-nav__label">統合の側面</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/ja/docs/about/promote/for-team"><div class="pagination-nav__sublabel">次のページ</div><div class="pagination-nav__label">チームでの推進</div></a></nav></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">仕様</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/ja/docs">ドキュメント</a></li><li class="footer__item"><a class="footer__link-item" href="/ja/community">コミュニティ</a></li><li class="footer__item"><a class="footer__link-item" href="/ja/nav">ヘルプ</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">ディスカッション<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">コミュニティ</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">X<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">その他</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">ライセンス<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/ja/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/ja/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2024  Feature-Sliced Design</div></div></div></footer></div>
+<div class="theme-admonition theme-admonition-caution admonition_yLUd alert alert--warning"><div class="admonitionHeading_ulUq"><span class="admonitionIcon_Wbvt"><svg viewBox="0 0 16 16"><path fill-rule="evenodd" d="M8.893 1.5c-.183-.31-.52-.5-.887-.5s-.703.19-.886.5L.138 13.499a.98.98 0 0 0 0 1.001c.193.31.53.501.886.501h13.964c.367 0 .704-.19.877-.5a1.03 1.03 0 0 0 .01-1.002L8.893 1.5zm.133 11.497H6.987v-2.003h2.039v2.003zm0-3.004H6.987V5.987h2.039v4.006z"></path></svg></span>WIP</div><div class="admonitionContent_mbd8"><div><p>この記事は執筆中です</p><p>その公開を早めるために、以下の方法があります。</p><ul><li>📢 フィードバックを共有する <a href="https://github.com/feature-sliced/documentation/issues/199" target="_blank" rel="noopener noreferrer">（チケットでのコメント/絵文字リアクション）</a></li><li>💬 チャットでの議論結果をチケットにまとめる <a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer">（チャットURL）</a></li><li>⚒️ 他の方法で<a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer">貢献する</a></li></ul><br><p><i>🍰 Stay tuned!</i></p></div></div></div></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/ja/docusaurus-plugin-content-docs/current/about/promote/partial-application.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>このページを編集</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">最終更新<!-- --> <b><time datetime="2024-10-07T18:23:06.000Z" itemprop="dateModified">2024年10月7日</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="ドキュメントページのナビゲーション"><a class="pagination-nav__link pagination-nav__link--prev" href="/ja/docs/about/promote/integration"><div class="pagination-nav__sublabel">前のページ</div><div class="pagination-nav__label">統合の側面</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/ja/docs/about/promote/for-team"><div class="pagination-nav__sublabel">次のページ</div><div class="pagination-nav__label">チームでの推進</div></a></nav></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">仕様</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/ja/docs">ドキュメント</a></li><li class="footer__item"><a class="footer__link-item" href="/ja/community">コミュニティ</a></li><li class="footer__item"><a class="footer__link-item" href="/ja/nav">ヘルプ</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">ディスカッション<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">コミュニティ</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">X<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">その他</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">ライセンス<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/ja/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/ja/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2024  Feature-Sliced Design</div></div></div></footer></div>
 </body>
 </html>
\ No newline at end of file
diff --git a/ja/docs/about/understanding/abstractions.html b/ja/docs/about/understanding/abstractions.html
index 9ccbd6e5af..a26cd4a6e7 100644
--- a/ja/docs/about/understanding/abstractions.html
+++ b/ja/docs/about/understanding/abstractions.html
@@ -9,8 +9,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/ja/opensearch.xml"><link rel="stylesheet" href="/ja/assets/css/styles.c2f43f9a.css">
-<script src="/ja/assets/js/runtime~main.ac5b7a06.js" defer="defer"></script>
-<script src="/ja/assets/js/main.cdd867c6.js" defer="defer"></script>
+<script src="/ja/assets/js/runtime~main.37f69f93.js" defer="defer"></script>
+<script src="/ja/assets/js/main.29fd47b7.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="メインコンテンツにスキップ"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">メインコンテンツにスキップ</a></div><nav aria-label="ナビゲーション" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="ナビゲーションバーを開く" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/ja/"><div class="navbar__logo"><img src="/ja/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/ja/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/ja/docs">📖 ドキュメント</a><a class="navbar__item navbar__link" href="/ja/community">💫 コミュニティ</a><a class="navbar__item navbar__link" href="/ja/blog">📝 ブログ</a><a class="navbar__item navbar__link" href="/ja/examples">🛠 実装例</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/ja/docs/about/understanding/abstractions">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a aria-current="page" class="dropdown__link dropdown__link--active" href="/ja/docs/about/understanding/abstractions">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/ja/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>日本語</a><ul class="dropdown__menu"><li><a href="/ru/docs/about/understanding/abstractions" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ru">Русский</a></li><li><a href="/docs/about/understanding/abstractions" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/uz/docs/about/understanding/abstractions" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/docs/about/understanding/abstractions" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="kr">한국어</a></li><li><a href="/ja/docs/about/understanding/abstractions" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="ダークモードを切り替える(現在はライトモード)" aria-label="ダークモードを切り替える(現在はライトモード)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="検索"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">検索</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><div class="docsWrapper_rDLg"><button aria-label="先頭へ戻る" class="clean-btn theme-back-to-top-button backToTopButton_JQoL" type="button"></button><div class="docRoot_GkJk"><aside class="theme-doc-sidebar-container docSidebarContainer_xiHB"><div class="sidebarViewport_DaHB"><div class="sidebar_Kb82"><nav aria-label="ドキュメントのサイドバー" class="menu thin-scrollbar menu_AkOp"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--active" href="/ja/docs/about">🍰 メソッドについて</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/ja/docs/about/mission">ミッション</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/ja/docs/about/motivation">モチベーション</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item sidebar-item--wip"><a class="menu__link" tabindex="0" href="/ja/docs/about/alternatives">代替案</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret menu__link--active" role="button" aria-expanded="true" tabindex="0" href="/ja/docs/about/understanding/architecture">理解</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/ja/docs/about/understanding/architecture">アーキテクチャ</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/ja/docs/about/understanding/needs-driven">ニーズの理解と課題の定義について</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/ja/docs/about/understanding/knowledge-types">知識の種類</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/ja/docs/about/understanding/naming">ネーミング</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item sidebar-item--wip"><a class="menu__link" tabindex="0" href="/ja/docs/about/understanding/signals">アーキテクチャのシグナル</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item sidebar-item--wip"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/ja/docs/about/understanding/abstractions">抽象化</a></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/ja/docs/about/promote/integration">推進</a></div></li></ul></li></ul></nav><button type="button" title="サイドバーを折りたたむ" aria-label="サイドバーを折りたたむ" class="button button--secondary button--outline collapseSidebarButton_L8vW"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_hYfn"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_uESP"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_w6lk"><div class="docItemContainer_b1tn"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_ioLt" aria-label="パンくずリストのナビゲーション"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="ホームページ" class="breadcrumbs__link" href="/ja/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_ZfEo"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/ja/docs/about"><span itemprop="name">🍰 メソッドについて</span></a><meta itemprop="position" content="1"></li><li class="breadcrumbs__item"><span class="breadcrumbs__link">理解</span><meta itemprop="position" content="2"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">抽象化</span><meta itemprop="position" content="3"></li></ul></nav><div class="tocCollapsible_EkMH theme-doc-toc-mobile tocMobile_XRnS"><button type="button" class="clean-btn tocCollapsibleButton_ID8T">このページの見出し</button></div><div class="theme-doc-markdown markdown"><header><h1>抽象化</h1></header>
@@ -22,6 +22,6 @@ <h2 class="anchor anchorWithStickyNavbar_QzlE" id="why-are-there-so-many-abstrac
 </blockquote>
 <blockquote>
 <p>アーキテクチャとアプリケーション全体は元々複雑であり、問題はその複雑さをどのように分配し、記述するかだけです。</p>
-</blockquote></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/ja/docusaurus-plugin-content-docs/current/about/understanding/abstractions.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>このページを編集</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">最終更新<!-- --> <b><time datetime="2024-09-29T11:02:46.000Z" itemprop="dateModified">2024年9月29日</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="ドキュメントページのナビゲーション"><a class="pagination-nav__link pagination-nav__link--prev" href="/ja/docs/about/understanding/signals"><div class="pagination-nav__sublabel">前のページ</div><div class="pagination-nav__label">アーキテクチャのシグナル</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/ja/docs/about/promote/integration"><div class="pagination-nav__sublabel">次のページ</div><div class="pagination-nav__label">統合の側面</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#the-law-of-leaky-abstractions" class="table-of-contents__link toc-highlight">漏れのある抽象化の法則</a></li><li><a href="#why-are-there-so-many-abstractions" class="table-of-contents__link toc-highlight">なぜこんなに多くの抽象化があるのか</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">仕様</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/ja/docs">ドキュメント</a></li><li class="footer__item"><a class="footer__link-item" href="/ja/community">コミュニティ</a></li><li class="footer__item"><a class="footer__link-item" href="/ja/nav">ヘルプ</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">ディスカッション<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">コミュニティ</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">X<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">その他</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">ライセンス<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/ja/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/ja/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2024  Feature-Sliced Design</div></div></div></footer></div>
+</blockquote></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/ja/docusaurus-plugin-content-docs/current/about/understanding/abstractions.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>このページを編集</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">最終更新<!-- --> <b><time datetime="2024-10-07T18:23:06.000Z" itemprop="dateModified">2024年10月7日</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="ドキュメントページのナビゲーション"><a class="pagination-nav__link pagination-nav__link--prev" href="/ja/docs/about/understanding/signals"><div class="pagination-nav__sublabel">前のページ</div><div class="pagination-nav__label">アーキテクチャのシグナル</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/ja/docs/about/promote/integration"><div class="pagination-nav__sublabel">次のページ</div><div class="pagination-nav__label">統合の側面</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#the-law-of-leaky-abstractions" class="table-of-contents__link toc-highlight">漏れのある抽象化の法則</a></li><li><a href="#why-are-there-so-many-abstractions" class="table-of-contents__link toc-highlight">なぜこんなに多くの抽象化があるのか</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">仕様</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/ja/docs">ドキュメント</a></li><li class="footer__item"><a class="footer__link-item" href="/ja/community">コミュニティ</a></li><li class="footer__item"><a class="footer__link-item" href="/ja/nav">ヘルプ</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">ディスカッション<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">コミュニティ</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">X<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">その他</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">ライセンス<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/ja/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/ja/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2024  Feature-Sliced Design</div></div></div></footer></div>
 </body>
 </html>
\ No newline at end of file
diff --git a/ja/docs/about/understanding/architecture.html b/ja/docs/about/understanding/architecture.html
index ecdaf4d091..fa318a5391 100644
--- a/ja/docs/about/understanding/architecture.html
+++ b/ja/docs/about/understanding/architecture.html
@@ -9,8 +9,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/ja/opensearch.xml"><link rel="stylesheet" href="/ja/assets/css/styles.c2f43f9a.css">
-<script src="/ja/assets/js/runtime~main.ac5b7a06.js" defer="defer"></script>
-<script src="/ja/assets/js/main.cdd867c6.js" defer="defer"></script>
+<script src="/ja/assets/js/runtime~main.37f69f93.js" defer="defer"></script>
+<script src="/ja/assets/js/main.29fd47b7.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="メインコンテンツにスキップ"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">メインコンテンツにスキップ</a></div><nav aria-label="ナビゲーション" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="ナビゲーションバーを開く" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/ja/"><div class="navbar__logo"><img src="/ja/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/ja/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/ja/docs">📖 ドキュメント</a><a class="navbar__item navbar__link" href="/ja/community">💫 コミュニティ</a><a class="navbar__item navbar__link" href="/ja/blog">📝 ブログ</a><a class="navbar__item navbar__link" href="/ja/examples">🛠 実装例</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/ja/docs/about/understanding/architecture">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a aria-current="page" class="dropdown__link dropdown__link--active" href="/ja/docs/about/understanding/architecture">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/ja/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>日本語</a><ul class="dropdown__menu"><li><a href="/ru/docs/about/understanding/architecture" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ru">Русский</a></li><li><a href="/docs/about/understanding/architecture" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/uz/docs/about/understanding/architecture" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/docs/about/understanding/architecture" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="kr">한국어</a></li><li><a href="/ja/docs/about/understanding/architecture" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="ダークモードを切り替える(現在はライトモード)" aria-label="ダークモードを切り替える(現在はライトモード)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="検索"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">検索</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><div class="docsWrapper_rDLg"><button aria-label="先頭へ戻る" class="clean-btn theme-back-to-top-button backToTopButton_JQoL" type="button"></button><div class="docRoot_GkJk"><aside class="theme-doc-sidebar-container docSidebarContainer_xiHB"><div class="sidebarViewport_DaHB"><div class="sidebar_Kb82"><nav aria-label="ドキュメントのサイドバー" class="menu thin-scrollbar menu_AkOp"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--active" href="/ja/docs/about">🍰 メソッドについて</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/ja/docs/about/mission">ミッション</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/ja/docs/about/motivation">モチベーション</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item sidebar-item--wip"><a class="menu__link" tabindex="0" href="/ja/docs/about/alternatives">代替案</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret menu__link--active" role="button" aria-expanded="true" tabindex="0" href="/ja/docs/about/understanding/architecture">理解</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/ja/docs/about/understanding/architecture">アーキテクチャ</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/ja/docs/about/understanding/needs-driven">ニーズの理解と課題の定義について</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/ja/docs/about/understanding/knowledge-types">知識の種類</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/ja/docs/about/understanding/naming">ネーミング</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item sidebar-item--wip"><a class="menu__link" tabindex="0" href="/ja/docs/about/understanding/signals">アーキテクチャのシグナル</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item sidebar-item--wip"><a class="menu__link" tabindex="0" href="/ja/docs/about/understanding/abstractions">抽象化</a></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/ja/docs/about/promote/integration">推進</a></div></li></ul></li></ul></nav><button type="button" title="サイドバーを折りたたむ" aria-label="サイドバーを折りたたむ" class="button button--secondary button--outline collapseSidebarButton_L8vW"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_hYfn"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_uESP"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_w6lk"><div class="docItemContainer_b1tn"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_ioLt" aria-label="パンくずリストのナビゲーション"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="ホームページ" class="breadcrumbs__link" href="/ja/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_ZfEo"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/ja/docs/about"><span itemprop="name">🍰 メソッドについて</span></a><meta itemprop="position" content="1"></li><li class="breadcrumbs__item"><span class="breadcrumbs__link">理解</span><meta itemprop="position" content="2"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">アーキテクチャ</span><meta itemprop="position" content="3"></li></ul></nav><div class="tocCollapsible_EkMH theme-doc-toc-mobile tocMobile_XRnS"><button type="button" class="clean-btn tocCollapsibleButton_ID8T">このページの見出し</button></div><div class="theme-doc-markdown markdown"><header><h1>アーキテクチャ</h1></header>
@@ -87,6 +87,6 @@ <h2 class="anchor anchorWithStickyNavbar_QzlE" id="see-also">関連情報<a href
 <li><a href="https://youtu.be/BWAeYuWFHhs" target="_blank" rel="noopener noreferrer">(React Berlin Talk) Oleg Isonen - Feature Driven Architecture</a></li>
 <li><a href="https://alexmngn.medium.com/why-react-developers-should-modularize-their-applications-d26d381854c1" target="_blank" rel="noopener noreferrer">(記事) プロジェクトのモジュール化について</a></li>
 <li><a href="https://ryanlanciaux.com/blog/2017/08/20/a-feature-based-approach-to-react-development/" target="_blank" rel="noopener noreferrer">(記事) 関心の分離と機能に基づく構造について</a></li>
-</ul></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/ja/docusaurus-plugin-content-docs/current/about/understanding/architecture.md" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>このページを編集</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">最終更新<!-- --> <b><time datetime="2024-09-29T11:02:46.000Z" itemprop="dateModified">2024年9月29日</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="ドキュメントページのナビゲーション"><a class="pagination-nav__link pagination-nav__link--prev" href="/ja/docs/about/alternatives"><div class="pagination-nav__sublabel">前のページ</div><div class="pagination-nav__label">代替案</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/ja/docs/about/understanding/needs-driven"><div class="pagination-nav__sublabel">次のページ</div><div class="pagination-nav__label">ニーズの理解と課題の定義について</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#problems" class="table-of-contents__link toc-highlight">問題</a><ul><li><a href="#バスファクターとオンボーディング" class="table-of-contents__link toc-highlight">バスファクターとオンボーディング</a></li><li><a href="#implicit-and-uncontrolled-consequences" class="table-of-contents__link toc-highlight">暗黙的かつ制御されていない結果</a></li><li><a href="#uncontrolled-reuse-of-logic" class="table-of-contents__link toc-highlight">制御されていないロジックの再利用</a></li></ul></li><li><a href="#requirements" class="table-of-contents__link toc-highlight">要件</a><ul><li><a href="#明示性" class="table-of-contents__link toc-highlight">明示性</a></li><li><a href="#制御" class="table-of-contents__link toc-highlight">制御</a></li><li><a href="#適応性" class="table-of-contents__link toc-highlight">適応性</a></li></ul></li><li><a href="#see-also" class="table-of-contents__link toc-highlight">関連情報</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">仕様</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/ja/docs">ドキュメント</a></li><li class="footer__item"><a class="footer__link-item" href="/ja/community">コミュニティ</a></li><li class="footer__item"><a class="footer__link-item" href="/ja/nav">ヘルプ</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">ディスカッション<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">コミュニティ</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">X<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">その他</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">ライセンス<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/ja/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/ja/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2024  Feature-Sliced Design</div></div></div></footer></div>
+</ul></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/ja/docusaurus-plugin-content-docs/current/about/understanding/architecture.md" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>このページを編集</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">最終更新<!-- --> <b><time datetime="2024-10-07T18:23:06.000Z" itemprop="dateModified">2024年10月7日</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="ドキュメントページのナビゲーション"><a class="pagination-nav__link pagination-nav__link--prev" href="/ja/docs/about/alternatives"><div class="pagination-nav__sublabel">前のページ</div><div class="pagination-nav__label">代替案</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/ja/docs/about/understanding/needs-driven"><div class="pagination-nav__sublabel">次のページ</div><div class="pagination-nav__label">ニーズの理解と課題の定義について</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#problems" class="table-of-contents__link toc-highlight">問題</a><ul><li><a href="#バスファクターとオンボーディング" class="table-of-contents__link toc-highlight">バスファクターとオンボーディング</a></li><li><a href="#implicit-and-uncontrolled-consequences" class="table-of-contents__link toc-highlight">暗黙的かつ制御されていない結果</a></li><li><a href="#uncontrolled-reuse-of-logic" class="table-of-contents__link toc-highlight">制御されていないロジックの再利用</a></li></ul></li><li><a href="#requirements" class="table-of-contents__link toc-highlight">要件</a><ul><li><a href="#明示性" class="table-of-contents__link toc-highlight">明示性</a></li><li><a href="#制御" class="table-of-contents__link toc-highlight">制御</a></li><li><a href="#適応性" class="table-of-contents__link toc-highlight">適応性</a></li></ul></li><li><a href="#see-also" class="table-of-contents__link toc-highlight">関連情報</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">仕様</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/ja/docs">ドキュメント</a></li><li class="footer__item"><a class="footer__link-item" href="/ja/community">コミュニティ</a></li><li class="footer__item"><a class="footer__link-item" href="/ja/nav">ヘルプ</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">ディスカッション<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">コミュニティ</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">X<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">その他</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">ライセンス<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/ja/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/ja/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2024  Feature-Sliced Design</div></div></div></footer></div>
 </body>
 </html>
\ No newline at end of file
diff --git a/ja/docs/about/understanding/knowledge-types.html b/ja/docs/about/understanding/knowledge-types.html
index 8da987e08d..eb0b5f200a 100644
--- a/ja/docs/about/understanding/knowledge-types.html
+++ b/ja/docs/about/understanding/knowledge-types.html
@@ -9,8 +9,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/ja/opensearch.xml"><link rel="stylesheet" href="/ja/assets/css/styles.c2f43f9a.css">
-<script src="/ja/assets/js/runtime~main.ac5b7a06.js" defer="defer"></script>
-<script src="/ja/assets/js/main.cdd867c6.js" defer="defer"></script>
+<script src="/ja/assets/js/runtime~main.37f69f93.js" defer="defer"></script>
+<script src="/ja/assets/js/main.29fd47b7.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="メインコンテンツにスキップ"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">メインコンテンツにスキップ</a></div><nav aria-label="ナビゲーション" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="ナビゲーションバーを開く" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/ja/"><div class="navbar__logo"><img src="/ja/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/ja/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/ja/docs">📖 ドキュメント</a><a class="navbar__item navbar__link" href="/ja/community">💫 コミュニティ</a><a class="navbar__item navbar__link" href="/ja/blog">📝 ブログ</a><a class="navbar__item navbar__link" href="/ja/examples">🛠 実装例</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/ja/docs/about/understanding/knowledge-types">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a aria-current="page" class="dropdown__link dropdown__link--active" href="/ja/docs/about/understanding/knowledge-types">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/ja/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>日本語</a><ul class="dropdown__menu"><li><a href="/ru/docs/about/understanding/knowledge-types" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ru">Русский</a></li><li><a href="/docs/about/understanding/knowledge-types" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/uz/docs/about/understanding/knowledge-types" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/docs/about/understanding/knowledge-types" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="kr">한국어</a></li><li><a href="/ja/docs/about/understanding/knowledge-types" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="ダークモードを切り替える(現在はライトモード)" aria-label="ダークモードを切り替える(現在はライトモード)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="検索"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">検索</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><div class="docsWrapper_rDLg"><button aria-label="先頭へ戻る" class="clean-btn theme-back-to-top-button backToTopButton_JQoL" type="button"></button><div class="docRoot_GkJk"><aside class="theme-doc-sidebar-container docSidebarContainer_xiHB"><div class="sidebarViewport_DaHB"><div class="sidebar_Kb82"><nav aria-label="ドキュメントのサイドバー" class="menu thin-scrollbar menu_AkOp"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--active" href="/ja/docs/about">🍰 メソッドについて</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/ja/docs/about/mission">ミッション</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/ja/docs/about/motivation">モチベーション</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item sidebar-item--wip"><a class="menu__link" tabindex="0" href="/ja/docs/about/alternatives">代替案</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret menu__link--active" role="button" aria-expanded="true" tabindex="0" href="/ja/docs/about/understanding/architecture">理解</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/ja/docs/about/understanding/architecture">アーキテクチャ</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/ja/docs/about/understanding/needs-driven">ニーズの理解と課題の定義について</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/ja/docs/about/understanding/knowledge-types">知識の種類</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/ja/docs/about/understanding/naming">ネーミング</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item sidebar-item--wip"><a class="menu__link" tabindex="0" href="/ja/docs/about/understanding/signals">アーキテクチャのシグナル</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item sidebar-item--wip"><a class="menu__link" tabindex="0" href="/ja/docs/about/understanding/abstractions">抽象化</a></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/ja/docs/about/promote/integration">推進</a></div></li></ul></li></ul></nav><button type="button" title="サイドバーを折りたたむ" aria-label="サイドバーを折りたたむ" class="button button--secondary button--outline collapseSidebarButton_L8vW"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_hYfn"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_uESP"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_w6lk"><div class="docItemContainer_b1tn"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_ioLt" aria-label="パンくずリストのナビゲーション"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="ホームページ" class="breadcrumbs__link" href="/ja/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_ZfEo"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/ja/docs/about"><span itemprop="name">🍰 メソッドについて</span></a><meta itemprop="position" content="1"></li><li class="breadcrumbs__item"><span class="breadcrumbs__link">理解</span><meta itemprop="position" content="2"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">知識の種類</span><meta itemprop="position" content="3"></li></ul></nav><div class="theme-doc-markdown markdown"><header><h1>プロジェクトにおける知識の種類</h1></header>
@@ -29,6 +29,6 @@
 <!-- -->現在のプロジェクトに特有であり、他のプロジェクトでは役に立たない知識。この知識は新しいチームメンバーが効果的にプロジェクトに貢献するために必要である。</p>
 </li>
 </ul>
-<div class="theme-admonition theme-admonition-note admonition_yLUd alert alert--secondary"><div class="admonitionHeading_ulUq"><span class="admonitionIcon_Wbvt"><svg viewBox="0 0 14 16"><path fill-rule="evenodd" d="M6.3 5.69a.942.942 0 0 1-.28-.7c0-.28.09-.52.28-.7.19-.18.42-.28.7-.28.28 0 .52.09.7.28.18.19.28.42.28.7 0 .28-.09.52-.28.7a1 1 0 0 1-.7.3c-.28 0-.52-.11-.7-.3zM8 7.99c-.02-.25-.11-.48-.31-.69-.2-.19-.42-.3-.69-.31H6c-.27.02-.48.13-.69.31-.2.2-.3.44-.31.69h1v3c.02.27.11.5.31.69.2.2.42.31.69.31h1c.27 0 .48-.11.69-.31.2-.19.3-.42.31-.69H8V7.98v.01zM7 2.3c-3.14 0-5.7 2.54-5.7 5.68 0 3.14 2.56 5.7 5.7 5.7s5.7-2.55 5.7-5.7c0-3.15-2.56-5.69-5.7-5.69v.01zM7 .98c3.86 0 7 3.14 7 7s-3.14 7-7 7-7-3.12-7-7 3.14-7 7-7z"></path></svg></span>注記</div><div class="admonitionContent_mbd8"><p><strong>Feature-Sliced Design</strong>は「プロジェクト知識」への依存を減らし、より多くの責任を引き受け、新しいチームメンバーのオンボーディングを容易にすることを目指している。</p></div></div></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/ja/docusaurus-plugin-content-docs/current/about/understanding/knowledge-types.md" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>このページを編集</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">最終更新<!-- --> <b><time datetime="2024-09-29T11:02:46.000Z" itemprop="dateModified">2024年9月29日</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="ドキュメントページのナビゲーション"><a class="pagination-nav__link pagination-nav__link--prev" href="/ja/docs/about/understanding/needs-driven"><div class="pagination-nav__sublabel">前のページ</div><div class="pagination-nav__label">ニーズの理解と課題の定義について</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/ja/docs/about/understanding/naming"><div class="pagination-nav__sublabel">次のページ</div><div class="pagination-nav__label">ネーミング</div></a></nav></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">仕様</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/ja/docs">ドキュメント</a></li><li class="footer__item"><a class="footer__link-item" href="/ja/community">コミュニティ</a></li><li class="footer__item"><a class="footer__link-item" href="/ja/nav">ヘルプ</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">ディスカッション<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">コミュニティ</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">X<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">その他</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">ライセンス<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/ja/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/ja/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2024  Feature-Sliced Design</div></div></div></footer></div>
+<div class="theme-admonition theme-admonition-note admonition_yLUd alert alert--secondary"><div class="admonitionHeading_ulUq"><span class="admonitionIcon_Wbvt"><svg viewBox="0 0 14 16"><path fill-rule="evenodd" d="M6.3 5.69a.942.942 0 0 1-.28-.7c0-.28.09-.52.28-.7.19-.18.42-.28.7-.28.28 0 .52.09.7.28.18.19.28.42.28.7 0 .28-.09.52-.28.7a1 1 0 0 1-.7.3c-.28 0-.52-.11-.7-.3zM8 7.99c-.02-.25-.11-.48-.31-.69-.2-.19-.42-.3-.69-.31H6c-.27.02-.48.13-.69.31-.2.2-.3.44-.31.69h1v3c.02.27.11.5.31.69.2.2.42.31.69.31h1c.27 0 .48-.11.69-.31.2-.19.3-.42.31-.69H8V7.98v.01zM7 2.3c-3.14 0-5.7 2.54-5.7 5.68 0 3.14 2.56 5.7 5.7 5.7s5.7-2.55 5.7-5.7c0-3.15-2.56-5.69-5.7-5.69v.01zM7 .98c3.86 0 7 3.14 7 7s-3.14 7-7 7-7-3.12-7-7 3.14-7 7-7z"></path></svg></span>注記</div><div class="admonitionContent_mbd8"><p><strong>Feature-Sliced Design</strong>は「プロジェクト知識」への依存を減らし、より多くの責任を引き受け、新しいチームメンバーのオンボーディングを容易にすることを目指している。</p></div></div></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/ja/docusaurus-plugin-content-docs/current/about/understanding/knowledge-types.md" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>このページを編集</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">最終更新<!-- --> <b><time datetime="2024-10-07T18:23:06.000Z" itemprop="dateModified">2024年10月7日</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="ドキュメントページのナビゲーション"><a class="pagination-nav__link pagination-nav__link--prev" href="/ja/docs/about/understanding/needs-driven"><div class="pagination-nav__sublabel">前のページ</div><div class="pagination-nav__label">ニーズの理解と課題の定義について</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/ja/docs/about/understanding/naming"><div class="pagination-nav__sublabel">次のページ</div><div class="pagination-nav__label">ネーミング</div></a></nav></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">仕様</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/ja/docs">ドキュメント</a></li><li class="footer__item"><a class="footer__link-item" href="/ja/community">コミュニティ</a></li><li class="footer__item"><a class="footer__link-item" href="/ja/nav">ヘルプ</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">ディスカッション<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">コミュニティ</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">X<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">その他</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">ライセンス<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/ja/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/ja/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2024  Feature-Sliced Design</div></div></div></footer></div>
 </body>
 </html>
\ No newline at end of file
diff --git a/ja/docs/about/understanding/naming.html b/ja/docs/about/understanding/naming.html
index a5f225ab01..0a1c0eb8f5 100644
--- a/ja/docs/about/understanding/naming.html
+++ b/ja/docs/about/understanding/naming.html
@@ -9,8 +9,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/ja/opensearch.xml"><link rel="stylesheet" href="/ja/assets/css/styles.c2f43f9a.css">
-<script src="/ja/assets/js/runtime~main.ac5b7a06.js" defer="defer"></script>
-<script src="/ja/assets/js/main.cdd867c6.js" defer="defer"></script>
+<script src="/ja/assets/js/runtime~main.37f69f93.js" defer="defer"></script>
+<script src="/ja/assets/js/main.29fd47b7.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="メインコンテンツにスキップ"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">メインコンテンツにスキップ</a></div><nav aria-label="ナビゲーション" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="ナビゲーションバーを開く" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/ja/"><div class="navbar__logo"><img src="/ja/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/ja/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/ja/docs">📖 ドキュメント</a><a class="navbar__item navbar__link" href="/ja/community">💫 コミュニティ</a><a class="navbar__item navbar__link" href="/ja/blog">📝 ブログ</a><a class="navbar__item navbar__link" href="/ja/examples">🛠 実装例</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/ja/docs/about/understanding/naming">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a aria-current="page" class="dropdown__link dropdown__link--active" href="/ja/docs/about/understanding/naming">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/ja/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>日本語</a><ul class="dropdown__menu"><li><a href="/ru/docs/about/understanding/naming" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ru">Русский</a></li><li><a href="/docs/about/understanding/naming" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/uz/docs/about/understanding/naming" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/docs/about/understanding/naming" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="kr">한국어</a></li><li><a href="/ja/docs/about/understanding/naming" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="ダークモードを切り替える(現在はライトモード)" aria-label="ダークモードを切り替える(現在はライトモード)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="検索"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">検索</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><div class="docsWrapper_rDLg"><button aria-label="先頭へ戻る" class="clean-btn theme-back-to-top-button backToTopButton_JQoL" type="button"></button><div class="docRoot_GkJk"><aside class="theme-doc-sidebar-container docSidebarContainer_xiHB"><div class="sidebarViewport_DaHB"><div class="sidebar_Kb82"><nav aria-label="ドキュメントのサイドバー" class="menu thin-scrollbar menu_AkOp"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--active" href="/ja/docs/about">🍰 メソッドについて</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/ja/docs/about/mission">ミッション</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/ja/docs/about/motivation">モチベーション</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item sidebar-item--wip"><a class="menu__link" tabindex="0" href="/ja/docs/about/alternatives">代替案</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret menu__link--active" role="button" aria-expanded="true" tabindex="0" href="/ja/docs/about/understanding/architecture">理解</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/ja/docs/about/understanding/architecture">アーキテクチャ</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/ja/docs/about/understanding/needs-driven">ニーズの理解と課題の定義について</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/ja/docs/about/understanding/knowledge-types">知識の種類</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/ja/docs/about/understanding/naming">ネーミング</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item sidebar-item--wip"><a class="menu__link" tabindex="0" href="/ja/docs/about/understanding/signals">アーキテクチャのシグナル</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item sidebar-item--wip"><a class="menu__link" tabindex="0" href="/ja/docs/about/understanding/abstractions">抽象化</a></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/ja/docs/about/promote/integration">推進</a></div></li></ul></li></ul></nav><button type="button" title="サイドバーを折りたたむ" aria-label="サイドバーを折りたたむ" class="button button--secondary button--outline collapseSidebarButton_L8vW"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_hYfn"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_uESP"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_w6lk"><div class="docItemContainer_b1tn"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_ioLt" aria-label="パンくずリストのナビゲーション"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="ホームページ" class="breadcrumbs__link" href="/ja/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_ZfEo"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/ja/docs/about"><span itemprop="name">🍰 メソッドについて</span></a><meta itemprop="position" content="1"></li><li class="breadcrumbs__item"><span class="breadcrumbs__link">理解</span><meta itemprop="position" content="2"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">ネーミング</span><meta itemprop="position" content="3"></li></ul></nav><div class="tocCollapsible_EkMH theme-doc-toc-mobile tocMobile_XRnS"><button type="button" class="clean-btn tocCollapsibleButton_ID8T">このページの見出し</button></div><div class="theme-doc-markdown markdown"><header><h1>ネーミング</h1></header>
@@ -37,6 +37,6 @@ <h2 class="anchor anchorWithStickyNavbar_QzlE" id="when-can-naming-interfere">
 <p>開発者がコード内で「プロセス」という言葉を見た場合、どのプロセスが指されているのかを理解するのに余分な時間を費やすことになってしまいます。このような<strong>衝突は開発プロセスを妨げる場合があります</strong>。</p>
 <p>プロジェクトの用語集にFSD特有の用語が含まれている場合、これらの用語をチームや技術的に関心のない関係者と議論する際には特に注意が必要です。</p>
 <p>チームとの効果的なコミュニケーションのためには、用語の前に「FSD」という略語を付けることをお勧めします。例えば、プロセスについて話すときは、「このプロセスをFSDのフィーチャー層に置くことができる」と言うことができます。</p>
-<p>逆に、技術的でない関係者とのコミュニケーションでは、FSDの用語の使用を制限し、コードベースの内部構造に言及しない方が良いでしょう。</p></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/ja/docusaurus-plugin-content-docs/current/about/understanding/naming.md" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>このページを編集</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">最終更新<!-- --> <b><time datetime="2024-09-29T11:02:46.000Z" itemprop="dateModified">2024年9月29日</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="ドキュメントページのナビゲーション"><a class="pagination-nav__link pagination-nav__link--prev" href="/ja/docs/about/understanding/knowledge-types"><div class="pagination-nav__sublabel">前のページ</div><div class="pagination-nav__label">知識の種類</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/ja/docs/about/understanding/signals"><div class="pagination-nav__sublabel">次のページ</div><div class="pagination-nav__label">アーキテクチャのシグナル</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#naming-in-fsd" class="table-of-contents__link toc-highlight">Feature-Sliced Designにおけるネーミング</a></li><li><a href="#when-can-naming-interfere" class="table-of-contents__link toc-highlight">名前衝突</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">仕様</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/ja/docs">ドキュメント</a></li><li class="footer__item"><a class="footer__link-item" href="/ja/community">コミュニティ</a></li><li class="footer__item"><a class="footer__link-item" href="/ja/nav">ヘルプ</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">ディスカッション<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">コミュニティ</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">X<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">その他</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">ライセンス<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/ja/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/ja/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2024  Feature-Sliced Design</div></div></div></footer></div>
+<p>逆に、技術的でない関係者とのコミュニケーションでは、FSDの用語の使用を制限し、コードベースの内部構造に言及しない方が良いでしょう。</p></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/ja/docusaurus-plugin-content-docs/current/about/understanding/naming.md" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>このページを編集</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">最終更新<!-- --> <b><time datetime="2024-10-07T18:23:06.000Z" itemprop="dateModified">2024年10月7日</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="ドキュメントページのナビゲーション"><a class="pagination-nav__link pagination-nav__link--prev" href="/ja/docs/about/understanding/knowledge-types"><div class="pagination-nav__sublabel">前のページ</div><div class="pagination-nav__label">知識の種類</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/ja/docs/about/understanding/signals"><div class="pagination-nav__sublabel">次のページ</div><div class="pagination-nav__label">アーキテクチャのシグナル</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#naming-in-fsd" class="table-of-contents__link toc-highlight">Feature-Sliced Designにおけるネーミング</a></li><li><a href="#when-can-naming-interfere" class="table-of-contents__link toc-highlight">名前衝突</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">仕様</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/ja/docs">ドキュメント</a></li><li class="footer__item"><a class="footer__link-item" href="/ja/community">コミュニティ</a></li><li class="footer__item"><a class="footer__link-item" href="/ja/nav">ヘルプ</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">ディスカッション<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">コミュニティ</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">X<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">その他</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">ライセンス<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/ja/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/ja/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2024  Feature-Sliced Design</div></div></div></footer></div>
 </body>
 </html>
\ No newline at end of file
diff --git a/ja/docs/about/understanding/needs-driven.html b/ja/docs/about/understanding/needs-driven.html
index 073238e275..7ad3a569cc 100644
--- a/ja/docs/about/understanding/needs-driven.html
+++ b/ja/docs/about/understanding/needs-driven.html
@@ -9,8 +9,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/ja/opensearch.xml"><link rel="stylesheet" href="/ja/assets/css/styles.c2f43f9a.css">
-<script src="/ja/assets/js/runtime~main.ac5b7a06.js" defer="defer"></script>
-<script src="/ja/assets/js/main.cdd867c6.js" defer="defer"></script>
+<script src="/ja/assets/js/runtime~main.37f69f93.js" defer="defer"></script>
+<script src="/ja/assets/js/main.29fd47b7.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="メインコンテンツにスキップ"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">メインコンテンツにスキップ</a></div><nav aria-label="ナビゲーション" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="ナビゲーションバーを開く" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/ja/"><div class="navbar__logo"><img src="/ja/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/ja/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/ja/docs">📖 ドキュメント</a><a class="navbar__item navbar__link" href="/ja/community">💫 コミュニティ</a><a class="navbar__item navbar__link" href="/ja/blog">📝 ブログ</a><a class="navbar__item navbar__link" href="/ja/examples">🛠 実装例</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/ja/docs/about/understanding/needs-driven">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a aria-current="page" class="dropdown__link dropdown__link--active" href="/ja/docs/about/understanding/needs-driven">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/ja/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>日本語</a><ul class="dropdown__menu"><li><a href="/ru/docs/about/understanding/needs-driven" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ru">Русский</a></li><li><a href="/docs/about/understanding/needs-driven" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/uz/docs/about/understanding/needs-driven" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/docs/about/understanding/needs-driven" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="kr">한국어</a></li><li><a href="/ja/docs/about/understanding/needs-driven" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="ダークモードを切り替える(現在はライトモード)" aria-label="ダークモードを切り替える(現在はライトモード)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="検索"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">検索</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><div class="docsWrapper_rDLg"><button aria-label="先頭へ戻る" class="clean-btn theme-back-to-top-button backToTopButton_JQoL" type="button"></button><div class="docRoot_GkJk"><aside class="theme-doc-sidebar-container docSidebarContainer_xiHB"><div class="sidebarViewport_DaHB"><div class="sidebar_Kb82"><nav aria-label="ドキュメントのサイドバー" class="menu thin-scrollbar menu_AkOp"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--active" href="/ja/docs/about">🍰 メソッドについて</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/ja/docs/about/mission">ミッション</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/ja/docs/about/motivation">モチベーション</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item sidebar-item--wip"><a class="menu__link" tabindex="0" href="/ja/docs/about/alternatives">代替案</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret menu__link--active" role="button" aria-expanded="true" tabindex="0" href="/ja/docs/about/understanding/architecture">理解</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/ja/docs/about/understanding/architecture">アーキテクチャ</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/ja/docs/about/understanding/needs-driven">ニーズの理解と課題の定義について</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/ja/docs/about/understanding/knowledge-types">知識の種類</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/ja/docs/about/understanding/naming">ネーミング</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item sidebar-item--wip"><a class="menu__link" tabindex="0" href="/ja/docs/about/understanding/signals">アーキテクチャのシグナル</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item sidebar-item--wip"><a class="menu__link" tabindex="0" href="/ja/docs/about/understanding/abstractions">抽象化</a></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/ja/docs/about/promote/integration">推進</a></div></li></ul></li></ul></nav><button type="button" title="サイドバーを折りたたむ" aria-label="サイドバーを折りたたむ" class="button button--secondary button--outline collapseSidebarButton_L8vW"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_hYfn"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_uESP"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_w6lk"><div class="docItemContainer_b1tn"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_ioLt" aria-label="パンくずリストのナビゲーション"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="ホームページ" class="breadcrumbs__link" href="/ja/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_ZfEo"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/ja/docs/about"><span itemprop="name">🍰 メソッドについて</span></a><meta itemprop="position" content="1"></li><li class="breadcrumbs__item"><span class="breadcrumbs__link">理解</span><meta itemprop="position" content="2"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">ニーズの理解と課題の定義について</span><meta itemprop="position" content="3"></li></ul></nav><div class="tocCollapsible_EkMH theme-doc-toc-mobile tocMobile_XRnS"><button type="button" class="clean-btn tocCollapsibleButton_ID8T">このページの見出し</button></div><div class="theme-doc-markdown markdown"><header><h1>ニーズの理解と課題の定義について</h1></header>
@@ -123,6 +123,6 @@ <h3 class="anchor anchorWithStickyNavbar_QzlE" id="methodology-requirements">FSD
 <h2 class="anchor anchorWithStickyNavbar_QzlE" id="see-also">関連情報<a href="#see-also" class="hash-link" aria-label="この見出しへの直接リンク" title="この見出しへの直接リンク">​</a></h2>
 <ul>
 <li><a href="https://alexmngn.medium.com/how-to-better-organize-your-react-applications-2fd3ea1920f1" target="_blank" rel="noopener noreferrer">(記事) &quot;How to better organize your applications&quot;</a></li>
-</ul></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/ja/docusaurus-plugin-content-docs/current/about/understanding/needs-driven.md" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>このページを編集</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">最終更新<!-- --> <b><time datetime="2024-09-29T11:02:46.000Z" itemprop="dateModified">2024年9月29日</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="ドキュメントページのナビゲーション"><a class="pagination-nav__link pagination-nav__link--prev" href="/ja/docs/about/understanding/architecture"><div class="pagination-nav__sublabel">前のページ</div><div class="pagination-nav__label">アーキテクチャ</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/ja/docs/about/understanding/knowledge-types"><div class="pagination-nav__sublabel">次のページ</div><div class="pagination-nav__label">知識の種類</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#why" class="table-of-contents__link toc-highlight">なぜ？</a></li><li><a href="#what-tasks-are-we-talking-about" class="table-of-contents__link toc-highlight">どのような課題についての話？</a></li><li><a href="#how-does-this-affect-development" class="table-of-contents__link toc-highlight">これが開発にどのように影響するのか？</a><ul><li><a href="#task-decomposition" class="table-of-contents__link toc-highlight">課題（タスク）の分解</a></li><li><a href="#understanding-the-essence-of-the-task" class="table-of-contents__link toc-highlight">課題の本質を理解する</a></li></ul></li><li><a href="#how-to-formulate-it" class="table-of-contents__link toc-highlight">どのように定義するのか？</a></li><li><a href="#and-what-is-the-benefit" class="table-of-contents__link toc-highlight">その利益は何か？</a><ul><li><a href="#1-understanding-user-tasks" class="table-of-contents__link toc-highlight">1. ユーザーの課題を理解する</a></li><li><a href="#2-structuring-and-ordering" class="table-of-contents__link toc-highlight">2. 構造化と整理</a></li><li><a href="#3-understanding-the-feature-and-its-components" class="table-of-contents__link toc-highlight">3. 機能とその構成要素を理解する</a></li><li><a href="#4-profit" class="table-of-contents__link toc-highlight">4. Profit</a></li></ul></li><li><a href="#back-to-reality" class="table-of-contents__link toc-highlight">現実に戻りましょう</a></li><li><a href="#the-role-of-methodology" class="table-of-contents__link toc-highlight">FSDの役割</a><ul><li><a href="#methodology-requirements" class="table-of-contents__link toc-highlight">FSDに対する要件</a></li></ul></li><li><a href="#see-also" class="table-of-contents__link toc-highlight">関連情報</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">仕様</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/ja/docs">ドキュメント</a></li><li class="footer__item"><a class="footer__link-item" href="/ja/community">コミュニティ</a></li><li class="footer__item"><a class="footer__link-item" href="/ja/nav">ヘルプ</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">ディスカッション<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">コミュニティ</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">X<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">その他</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">ライセンス<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/ja/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/ja/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2024  Feature-Sliced Design</div></div></div></footer></div>
+</ul></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/ja/docusaurus-plugin-content-docs/current/about/understanding/needs-driven.md" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>このページを編集</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">最終更新<!-- --> <b><time datetime="2024-10-07T18:23:06.000Z" itemprop="dateModified">2024年10月7日</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="ドキュメントページのナビゲーション"><a class="pagination-nav__link pagination-nav__link--prev" href="/ja/docs/about/understanding/architecture"><div class="pagination-nav__sublabel">前のページ</div><div class="pagination-nav__label">アーキテクチャ</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/ja/docs/about/understanding/knowledge-types"><div class="pagination-nav__sublabel">次のページ</div><div class="pagination-nav__label">知識の種類</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#why" class="table-of-contents__link toc-highlight">なぜ？</a></li><li><a href="#what-tasks-are-we-talking-about" class="table-of-contents__link toc-highlight">どのような課題についての話？</a></li><li><a href="#how-does-this-affect-development" class="table-of-contents__link toc-highlight">これが開発にどのように影響するのか？</a><ul><li><a href="#task-decomposition" class="table-of-contents__link toc-highlight">課題（タスク）の分解</a></li><li><a href="#understanding-the-essence-of-the-task" class="table-of-contents__link toc-highlight">課題の本質を理解する</a></li></ul></li><li><a href="#how-to-formulate-it" class="table-of-contents__link toc-highlight">どのように定義するのか？</a></li><li><a href="#and-what-is-the-benefit" class="table-of-contents__link toc-highlight">その利益は何か？</a><ul><li><a href="#1-understanding-user-tasks" class="table-of-contents__link toc-highlight">1. ユーザーの課題を理解する</a></li><li><a href="#2-structuring-and-ordering" class="table-of-contents__link toc-highlight">2. 構造化と整理</a></li><li><a href="#3-understanding-the-feature-and-its-components" class="table-of-contents__link toc-highlight">3. 機能とその構成要素を理解する</a></li><li><a href="#4-profit" class="table-of-contents__link toc-highlight">4. Profit</a></li></ul></li><li><a href="#back-to-reality" class="table-of-contents__link toc-highlight">現実に戻りましょう</a></li><li><a href="#the-role-of-methodology" class="table-of-contents__link toc-highlight">FSDの役割</a><ul><li><a href="#methodology-requirements" class="table-of-contents__link toc-highlight">FSDに対する要件</a></li></ul></li><li><a href="#see-also" class="table-of-contents__link toc-highlight">関連情報</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">仕様</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/ja/docs">ドキュメント</a></li><li class="footer__item"><a class="footer__link-item" href="/ja/community">コミュニティ</a></li><li class="footer__item"><a class="footer__link-item" href="/ja/nav">ヘルプ</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">ディスカッション<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">コミュニティ</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">X<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">その他</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">ライセンス<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/ja/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/ja/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2024  Feature-Sliced Design</div></div></div></footer></div>
 </body>
 </html>
\ No newline at end of file
diff --git a/ja/docs/about/understanding/signals.html b/ja/docs/about/understanding/signals.html
index 8fbc2dd17b..731a51c413 100644
--- a/ja/docs/about/understanding/signals.html
+++ b/ja/docs/about/understanding/signals.html
@@ -9,11 +9,11 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/ja/opensearch.xml"><link rel="stylesheet" href="/ja/assets/css/styles.c2f43f9a.css">
-<script src="/ja/assets/js/runtime~main.ac5b7a06.js" defer="defer"></script>
-<script src="/ja/assets/js/main.cdd867c6.js" defer="defer"></script>
+<script src="/ja/assets/js/runtime~main.37f69f93.js" defer="defer"></script>
+<script src="/ja/assets/js/main.29fd47b7.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="メインコンテンツにスキップ"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">メインコンテンツにスキップ</a></div><nav aria-label="ナビゲーション" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="ナビゲーションバーを開く" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/ja/"><div class="navbar__logo"><img src="/ja/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/ja/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/ja/docs">📖 ドキュメント</a><a class="navbar__item navbar__link" href="/ja/community">💫 コミュニティ</a><a class="navbar__item navbar__link" href="/ja/blog">📝 ブログ</a><a class="navbar__item navbar__link" href="/ja/examples">🛠 実装例</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/ja/docs/about/understanding/signals">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a aria-current="page" class="dropdown__link dropdown__link--active" href="/ja/docs/about/understanding/signals">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/ja/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>日本語</a><ul class="dropdown__menu"><li><a href="/ru/docs/about/understanding/signals" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ru">Русский</a></li><li><a href="/docs/about/understanding/signals" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/uz/docs/about/understanding/signals" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/docs/about/understanding/signals" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="kr">한국어</a></li><li><a href="/ja/docs/about/understanding/signals" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="ダークモードを切り替える(現在はライトモード)" aria-label="ダークモードを切り替える(現在はライトモード)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="検索"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">検索</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><div class="docsWrapper_rDLg"><button aria-label="先頭へ戻る" class="clean-btn theme-back-to-top-button backToTopButton_JQoL" type="button"></button><div class="docRoot_GkJk"><aside class="theme-doc-sidebar-container docSidebarContainer_xiHB"><div class="sidebarViewport_DaHB"><div class="sidebar_Kb82"><nav aria-label="ドキュメントのサイドバー" class="menu thin-scrollbar menu_AkOp"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--active" href="/ja/docs/about">🍰 メソッドについて</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/ja/docs/about/mission">ミッション</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/ja/docs/about/motivation">モチベーション</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item sidebar-item--wip"><a class="menu__link" tabindex="0" href="/ja/docs/about/alternatives">代替案</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret menu__link--active" role="button" aria-expanded="true" tabindex="0" href="/ja/docs/about/understanding/architecture">理解</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/ja/docs/about/understanding/architecture">アーキテクチャ</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/ja/docs/about/understanding/needs-driven">ニーズの理解と課題の定義について</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/ja/docs/about/understanding/knowledge-types">知識の種類</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/ja/docs/about/understanding/naming">ネーミング</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item sidebar-item--wip"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/ja/docs/about/understanding/signals">アーキテクチャのシグナル</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item sidebar-item--wip"><a class="menu__link" tabindex="0" href="/ja/docs/about/understanding/abstractions">抽象化</a></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/ja/docs/about/promote/integration">推進</a></div></li></ul></li></ul></nav><button type="button" title="サイドバーを折りたたむ" aria-label="サイドバーを折りたたむ" class="button button--secondary button--outline collapseSidebarButton_L8vW"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_hYfn"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_uESP"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_w6lk"><div class="docItemContainer_b1tn"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_ioLt" aria-label="パンくずリストのナビゲーション"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="ホームページ" class="breadcrumbs__link" href="/ja/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_ZfEo"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/ja/docs/about"><span itemprop="name">🍰 メソッドについて</span></a><meta itemprop="position" content="1"></li><li class="breadcrumbs__item"><span class="breadcrumbs__link">理解</span><meta itemprop="position" content="2"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">アーキテクチャのシグナル</span><meta itemprop="position" content="3"></li></ul></nav><div class="theme-doc-markdown markdown"><header><h1>アーキテクチャのシグナル</h1></header>
-<div class="theme-admonition theme-admonition-caution admonition_yLUd alert alert--warning"><div class="admonitionHeading_ulUq"><span class="admonitionIcon_Wbvt"><svg viewBox="0 0 16 16"><path fill-rule="evenodd" d="M8.893 1.5c-.183-.31-.52-.5-.887-.5s-.703.19-.886.5L.138 13.499a.98.98 0 0 0 0 1.001c.193.31.53.501.886.501h13.964c.367 0 .704-.19.877-.5a1.03 1.03 0 0 0 .01-1.002L8.893 1.5zm.133 11.497H6.987v-2.003h2.039v2.003zm0-3.004H6.987V5.987h2.039v4.006z"></path></svg></span>WIP</div><div class="admonitionContent_mbd8"><div><p>この記事は執筆中です</p><p>その公開を早めるために、以下の方法があります。</p><ul><li>📢 フィードバックを共有する <a href="https://github.com/feature-sliced/documentation/issues/194" target="_blank" rel="noopener noreferrer">（チケットでのコメント/絵文字リアクション）</a></li><li>💬 チャットでの議論結果をチケットにまとめる <a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer">（チャットURL）</a></li><li>⚒️ 他の方法で<a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer">貢献する</a></li></ul><br><p><i>🍰 Stay tuned!</i></p></div></div></div></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/ja/docusaurus-plugin-content-docs/current/about/understanding/signals.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>このページを編集</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">最終更新<!-- --> <b><time datetime="2024-09-29T11:02:46.000Z" itemprop="dateModified">2024年9月29日</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="ドキュメントページのナビゲーション"><a class="pagination-nav__link pagination-nav__link--prev" href="/ja/docs/about/understanding/naming"><div class="pagination-nav__sublabel">前のページ</div><div class="pagination-nav__label">ネーミング</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/ja/docs/about/understanding/abstractions"><div class="pagination-nav__sublabel">次のページ</div><div class="pagination-nav__label">抽象化</div></a></nav></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">仕様</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/ja/docs">ドキュメント</a></li><li class="footer__item"><a class="footer__link-item" href="/ja/community">コミュニティ</a></li><li class="footer__item"><a class="footer__link-item" href="/ja/nav">ヘルプ</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">ディスカッション<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">コミュニティ</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">X<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">その他</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">ライセンス<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/ja/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/ja/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2024  Feature-Sliced Design</div></div></div></footer></div>
+<div class="theme-admonition theme-admonition-caution admonition_yLUd alert alert--warning"><div class="admonitionHeading_ulUq"><span class="admonitionIcon_Wbvt"><svg viewBox="0 0 16 16"><path fill-rule="evenodd" d="M8.893 1.5c-.183-.31-.52-.5-.887-.5s-.703.19-.886.5L.138 13.499a.98.98 0 0 0 0 1.001c.193.31.53.501.886.501h13.964c.367 0 .704-.19.877-.5a1.03 1.03 0 0 0 .01-1.002L8.893 1.5zm.133 11.497H6.987v-2.003h2.039v2.003zm0-3.004H6.987V5.987h2.039v4.006z"></path></svg></span>WIP</div><div class="admonitionContent_mbd8"><div><p>この記事は執筆中です</p><p>その公開を早めるために、以下の方法があります。</p><ul><li>📢 フィードバックを共有する <a href="https://github.com/feature-sliced/documentation/issues/194" target="_blank" rel="noopener noreferrer">（チケットでのコメント/絵文字リアクション）</a></li><li>💬 チャットでの議論結果をチケットにまとめる <a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer">（チャットURL）</a></li><li>⚒️ 他の方法で<a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer">貢献する</a></li></ul><br><p><i>🍰 Stay tuned!</i></p></div></div></div></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/ja/docusaurus-plugin-content-docs/current/about/understanding/signals.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>このページを編集</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">最終更新<!-- --> <b><time datetime="2024-10-07T18:23:06.000Z" itemprop="dateModified">2024年10月7日</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="ドキュメントページのナビゲーション"><a class="pagination-nav__link pagination-nav__link--prev" href="/ja/docs/about/understanding/naming"><div class="pagination-nav__sublabel">前のページ</div><div class="pagination-nav__label">ネーミング</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/ja/docs/about/understanding/abstractions"><div class="pagination-nav__sublabel">次のページ</div><div class="pagination-nav__label">抽象化</div></a></nav></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">仕様</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/ja/docs">ドキュメント</a></li><li class="footer__item"><a class="footer__link-item" href="/ja/community">コミュニティ</a></li><li class="footer__item"><a class="footer__link-item" href="/ja/nav">ヘルプ</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">ディスカッション<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">コミュニティ</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">X<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">その他</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">ライセンス<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/ja/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/ja/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2024  Feature-Sliced Design</div></div></div></footer></div>
 </body>
 </html>
\ No newline at end of file
diff --git a/ja/docs/branding.html b/ja/docs/branding.html
index 910ec5ee90..69c6ef26f2 100644
--- a/ja/docs/branding.html
+++ b/ja/docs/branding.html
@@ -9,8 +9,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/ja/opensearch.xml"><link rel="stylesheet" href="/ja/assets/css/styles.c2f43f9a.css">
-<script src="/ja/assets/js/runtime~main.ac5b7a06.js" defer="defer"></script>
-<script src="/ja/assets/js/main.cdd867c6.js" defer="defer"></script>
+<script src="/ja/assets/js/runtime~main.37f69f93.js" defer="defer"></script>
+<script src="/ja/assets/js/main.29fd47b7.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="メインコンテンツにスキップ"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">メインコンテンツにスキップ</a></div><nav aria-label="ナビゲーション" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="ナビゲーションバーを開く" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/ja/"><div class="navbar__logo"><img src="/ja/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/ja/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/ja/docs">📖 ドキュメント</a><a class="navbar__item navbar__link" href="/ja/community">💫 コミュニティ</a><a class="navbar__item navbar__link" href="/ja/blog">📝 ブログ</a><a class="navbar__item navbar__link" href="/ja/examples">🛠 実装例</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/ja/docs/branding">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a aria-current="page" class="dropdown__link dropdown__link--active" href="/ja/docs/branding">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/ja/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>日本語</a><ul class="dropdown__menu"><li><a href="/ru/docs/branding" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ru">Русский</a></li><li><a href="/docs/branding" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/uz/docs/branding" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/docs/branding" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="kr">한국어</a></li><li><a href="/ja/docs/branding" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="ダークモードを切り替える(現在はライトモード)" aria-label="ダークモードを切り替える(現在はライトモード)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="検索"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">検索</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><div class="docsWrapper_rDLg"><button aria-label="先頭へ戻る" class="clean-btn theme-back-to-top-button backToTopButton_JQoL" type="button"></button><div class="docRoot_GkJk"><main class="docMainContainer_uESP docMainContainerEnhanced_GKE6"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_w6lk"><div class="docItemContainer_b1tn"><article><div class="tocCollapsible_EkMH theme-doc-toc-mobile tocMobile_XRnS"><button type="button" class="clean-btn tocCollapsibleButton_ID8T">このページの見出し</button></div><div class="theme-doc-markdown markdown"><header><h1>ブランドガイドライン</h1></header>
@@ -42,6 +42,6 @@ <h2 class="anchor anchorWithStickyNavbar_QzlE" id="see-also">参照<a href="#see
 <li><a href="https://github.com/feature-sliced/documentation/discussions/399" target="_blank" rel="noopener noreferrer">ディスカッション (github)</a></li>
 <li><a href="https://www.figma.com/file/RPphccpoeasVB0lMpZwPVR/FSD-Brand?node-id=0%3A1" target="_blank" rel="noopener noreferrer">リブランディングの歴史と参考資料 (figma)</a></li>
 <li><a href="https://rebrand-sliced.netlify.app/en/" target="_blank" rel="noopener noreferrer">リブランディングデモ</a></li>
-</ul></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/ja/docusaurus-plugin-content-docs/current/branding.md" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>このページを編集</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">最終更新<!-- --> <b><time datetime="2024-09-29T11:02:46.000Z" itemprop="dateModified">2024年9月29日</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="ドキュメントページのナビゲーション"></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#title" class="table-of-contents__link toc-highlight">名前</a></li><li><a href="#emojii" class="table-of-contents__link toc-highlight">絵文字</a></li><li><a href="#logo--palettte" class="table-of-contents__link toc-highlight">ロゴとカラーパレット</a></li><li><a href="#banners--schemes" class="table-of-contents__link toc-highlight">バナーとスキーム</a></li><li><a href="#ソーシャルプレビュー" class="table-of-contents__link toc-highlight">ソーシャルプレビュー</a></li><li><a href="#presentation-template" class="table-of-contents__link toc-highlight">プレゼンテーションテンプレート</a></li><li><a href="#see-also" class="table-of-contents__link toc-highlight">参照</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">仕様</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/ja/docs">ドキュメント</a></li><li class="footer__item"><a class="footer__link-item" href="/ja/community">コミュニティ</a></li><li class="footer__item"><a class="footer__link-item" href="/ja/nav">ヘルプ</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">ディスカッション<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">コミュニティ</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">X<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">その他</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">ライセンス<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/ja/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/ja/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2024  Feature-Sliced Design</div></div></div></footer></div>
+</ul></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/ja/docusaurus-plugin-content-docs/current/branding.md" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>このページを編集</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">最終更新<!-- --> <b><time datetime="2024-10-07T18:23:06.000Z" itemprop="dateModified">2024年10月7日</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="ドキュメントページのナビゲーション"></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#title" class="table-of-contents__link toc-highlight">名前</a></li><li><a href="#emojii" class="table-of-contents__link toc-highlight">絵文字</a></li><li><a href="#logo--palettte" class="table-of-contents__link toc-highlight">ロゴとカラーパレット</a></li><li><a href="#banners--schemes" class="table-of-contents__link toc-highlight">バナーとスキーム</a></li><li><a href="#ソーシャルプレビュー" class="table-of-contents__link toc-highlight">ソーシャルプレビュー</a></li><li><a href="#presentation-template" class="table-of-contents__link toc-highlight">プレゼンテーションテンプレート</a></li><li><a href="#see-also" class="table-of-contents__link toc-highlight">参照</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">仕様</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/ja/docs">ドキュメント</a></li><li class="footer__item"><a class="footer__link-item" href="/ja/community">コミュニティ</a></li><li class="footer__item"><a class="footer__link-item" href="/ja/nav">ヘルプ</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">ディスカッション<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">コミュニティ</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">X<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">その他</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">ライセンス<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/ja/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/ja/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2024  Feature-Sliced Design</div></div></div></footer></div>
 </body>
 </html>
\ No newline at end of file
diff --git a/ja/docs/get-started.html b/ja/docs/get-started.html
index d49ec925e9..abfb0bf10b 100644
--- a/ja/docs/get-started.html
+++ b/ja/docs/get-started.html
@@ -9,8 +9,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/ja/opensearch.xml"><link rel="stylesheet" href="/ja/assets/css/styles.c2f43f9a.css">
-<script src="/ja/assets/js/runtime~main.ac5b7a06.js" defer="defer"></script>
-<script src="/ja/assets/js/main.cdd867c6.js" defer="defer"></script>
+<script src="/ja/assets/js/runtime~main.37f69f93.js" defer="defer"></script>
+<script src="/ja/assets/js/main.29fd47b7.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="メインコンテンツにスキップ"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">メインコンテンツにスキップ</a></div><nav aria-label="ナビゲーション" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="ナビゲーションバーを開く" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/ja/"><div class="navbar__logo"><img src="/ja/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/ja/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/ja/docs">📖 ドキュメント</a><a class="navbar__item navbar__link" href="/ja/community">💫 コミュニティ</a><a class="navbar__item navbar__link" href="/ja/blog">📝 ブログ</a><a class="navbar__item navbar__link" href="/ja/examples">🛠 実装例</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/ja/docs/get-started">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a aria-current="page" class="dropdown__link dropdown__link--active" href="/ja/docs/get-started">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/ja/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>日本語</a><ul class="dropdown__menu"><li><a href="/ru/docs/get-started" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ru">Русский</a></li><li><a href="/docs/get-started" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/uz/docs/get-started" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/docs/get-started" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="kr">한국어</a></li><li><a href="/ja/docs/get-started" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="ダークモードを切り替える(現在はライトモード)" aria-label="ダークモードを切り替える(現在はライトモード)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="検索"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">検索</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><div class="docsWrapper_rDLg"><button aria-label="先頭へ戻る" class="clean-btn theme-back-to-top-button backToTopButton_JQoL" type="button"></button><div class="docRoot_GkJk"><aside class="theme-doc-sidebar-container docSidebarContainer_xiHB"><div class="sidebarViewport_DaHB"><div class="sidebar_Kb82"><nav aria-label="ドキュメントのサイドバー" class="menu thin-scrollbar menu_AkOp"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible menu__list-item-collapsible--active"><a class="menu__link menu__link--active" aria-current="page" href="/ja/docs/get-started">🚀  はじめに</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/ja/docs/get-started/overview">概要</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/ja/docs/get-started/tutorial">チュートリアル</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/ja/docs/get-started/faq">FAQ</a></li></ul></li></ul></nav><button type="button" title="サイドバーを折りたたむ" aria-label="サイドバーを折りたたむ" class="button button--secondary button--outline collapseSidebarButton_L8vW"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_hYfn"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_uESP"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col"><div class="docItemContainer_b1tn"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_ioLt" aria-label="パンくずリストのナビゲーション"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="ホームページ" class="breadcrumbs__link" href="/ja/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_ZfEo"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">🚀  はじめに</span><meta itemprop="position" content="1"></li></ul></nav><div class="theme-doc-markdown markdown"><header><h1>🚀 クイックスタート</h1></header>
@@ -18,6 +18,6 @@
 <a class="root_GfON defaultTheme_j3I8" href="/ja/docs/get-started/overview"><span role="img" aria-label="rocket" class="anticon anticon-rocket icon_ciqP"><svg viewBox="64 64 896 896" focusable="false" data-icon="rocket" width="1em" height="1em" fill="currentColor" aria-hidden="true"><path d="M864 736c0-111.6-65.4-208-160-252.9V317.3c0-15.1-5.3-29.7-15.1-41.2L536.5 95.4C530.1 87.8 521 84 512 84s-18.1 3.8-24.5 11.4L335.1 276.1a63.97 63.97 0 00-15.1 41.2v165.8C225.4 528 160 624.4 160 736h156.5c-2.3 7.2-3.5 15-3.5 23.8 0 22.1 7.6 43.7 21.4 60.8a97.2 97.2 0 0043.1 30.6c23.1 54 75.6 88.8 134.5 88.8 29.1 0 57.3-8.6 81.4-24.8 23.6-15.8 41.9-37.9 53-64a97 97 0 0043.1-30.5 97.52 97.52 0 0021.4-60.8c0-8.4-1.1-16.4-3.1-23.8H864zM762.3 621.4c9.4 14.6 17 30.3 22.5 46.6H700V558.7a211.6 211.6 0 0162.3 62.7zM388 483.1V318.8l124-147 124 147V668H388V483.1zM239.2 668c5.5-16.3 13.1-32 22.5-46.6 16.3-25.2 37.5-46.5 62.3-62.7V668h-84.8zm388.9 116.2c-5.2 3-11.2 4.2-17.1 3.4l-19.5-2.4-2.8 19.4c-5.4 37.9-38.4 66.5-76.7 66.5-38.3 0-71.3-28.6-76.7-66.5l-2.8-19.5-19.5 2.5a27.7 27.7 0 01-17.1-3.5c-8.7-5-14.1-14.3-14.1-24.4 0-10.6 5.9-19.4 14.6-23.8h231.3c8.8 4.5 14.6 13.3 14.6 23.8-.1 10.2-5.5 19.6-14.2 24.5zM464 400a48 48 0 1096 0 48 48 0 10-96 0z"></path></svg></span><div class="details_xxkR"><div><span class="title_pSH5">概要</span><p class="description__Fep">方法論の簡単な概要、概念、および適用</p></div></div></a>
 <a class="root_GfON defaultTheme_j3I8" href="/ja/docs/get-started/tutorial"><span role="img" aria-label="play-square" class="anticon anticon-play-square icon_ciqP"><svg viewBox="64 64 896 896" focusable="false" data-icon="play-square" width="1em" height="1em" fill="currentColor" aria-hidden="true"><path d="M442.3 677.6l199.4-156.7a11.3 11.3 0 000-17.7L442.3 346.4c-7.4-5.8-18.3-.6-18.3 8.8v313.5c0 9.4 10.9 14.7 18.3 8.9z"></path><path d="M880 112H144c-17.7 0-32 14.3-32 32v736c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V144c0-17.7-14.3-32-32-32zm-40 728H184V184h656v656z"></path></svg></span><div class="details_xxkR"><div><span class="title_pSH5">チュートリアル</span><p class="description__Fep">方法論の適用に関する入門チュートリアル</p></div></div></a>
 <a class="root_GfON defaultTheme_j3I8" href="/ja/docs/get-started/faq"><span role="img" aria-label="question-circle" class="anticon anticon-question-circle icon_ciqP"><svg viewBox="64 64 896 896" focusable="false" data-icon="question-circle" width="1em" height="1em" fill="currentColor" aria-hidden="true"><path d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z"></path><path d="M623.6 316.7C593.6 290.4 554 276 512 276s-81.6 14.5-111.6 40.7C369.2 344 352 380.7 352 420v7.6c0 4.4 3.6 8 8 8h48c4.4 0 8-3.6 8-8V420c0-44.1 43.1-80 96-80s96 35.9 96 80c0 31.1-22 59.6-56.1 72.7-21.2 8.1-39.2 22.3-52.1 40.9-13.1 19-19.9 41.8-19.9 64.9V620c0 4.4 3.6 8 8 8h48c4.4 0 8-3.6 8-8v-22.7a48.3 48.3 0 0130.9-44.8c59-22.7 97.1-74.7 97.1-132.5.1-39.3-17.1-76-48.3-103.3zM472 732a40 40 0 1080 0 40 40 0 10-80 0z"></path></svg></span><div class="details_xxkR"><div><span class="title_pSH5">FAQ</span><p class="description__Fep">よくある質問</p></div></div></a>
-</div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/ja/docusaurus-plugin-content-docs/current/get-started/index.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>このページを編集</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">最終更新<!-- --> <b><time datetime="2024-09-29T11:02:46.000Z" itemprop="dateModified">2024年9月29日</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="ドキュメントページのナビゲーション"><a class="pagination-nav__link pagination-nav__link--prev" href="/ja/docs"><div class="pagination-nav__sublabel">前のページ</div><div class="pagination-nav__label">ドキュメント</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/ja/docs/get-started/overview"><div class="pagination-nav__sublabel">次のページ</div><div class="pagination-nav__label">概要</div></a></nav></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">仕様</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/ja/docs">ドキュメント</a></li><li class="footer__item"><a class="footer__link-item" href="/ja/community">コミュニティ</a></li><li class="footer__item"><a class="footer__link-item" href="/ja/nav">ヘルプ</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">ディスカッション<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">コミュニティ</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">X<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">その他</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">ライセンス<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/ja/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/ja/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2024  Feature-Sliced Design</div></div></div></footer></div>
+</div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/ja/docusaurus-plugin-content-docs/current/get-started/index.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>このページを編集</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">最終更新<!-- --> <b><time datetime="2024-10-07T18:23:06.000Z" itemprop="dateModified">2024年10月7日</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="ドキュメントページのナビゲーション"><a class="pagination-nav__link pagination-nav__link--prev" href="/ja/docs"><div class="pagination-nav__sublabel">前のページ</div><div class="pagination-nav__label">ドキュメント</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/ja/docs/get-started/overview"><div class="pagination-nav__sublabel">次のページ</div><div class="pagination-nav__label">概要</div></a></nav></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">仕様</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/ja/docs">ドキュメント</a></li><li class="footer__item"><a class="footer__link-item" href="/ja/community">コミュニティ</a></li><li class="footer__item"><a class="footer__link-item" href="/ja/nav">ヘルプ</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">ディスカッション<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">コミュニティ</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">X<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">その他</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">ライセンス<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/ja/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/ja/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2024  Feature-Sliced Design</div></div></div></footer></div>
 </body>
 </html>
\ No newline at end of file
diff --git a/ja/docs/get-started/cheatsheet.html b/ja/docs/get-started/cheatsheet.html
index e37b4adf01..065c654796 100644
--- a/ja/docs/get-started/cheatsheet.html
+++ b/ja/docs/get-started/cheatsheet.html
@@ -9,8 +9,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/ja/opensearch.xml"><link rel="stylesheet" href="/ja/assets/css/styles.c2f43f9a.css">
-<script src="/ja/assets/js/runtime~main.ac5b7a06.js" defer="defer"></script>
-<script src="/ja/assets/js/main.cdd867c6.js" defer="defer"></script>
+<script src="/ja/assets/js/runtime~main.37f69f93.js" defer="defer"></script>
+<script src="/ja/assets/js/main.29fd47b7.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="メインコンテンツにスキップ"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">メインコンテンツにスキップ</a></div><nav aria-label="ナビゲーション" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="ナビゲーションバーを開く" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/ja/"><div class="navbar__logo"><img src="/ja/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/ja/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/ja/docs">📖 ドキュメント</a><a class="navbar__item navbar__link" href="/ja/community">💫 コミュニティ</a><a class="navbar__item navbar__link" href="/ja/blog">📝 ブログ</a><a class="navbar__item navbar__link" href="/ja/examples">🛠 実装例</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/ja/docs/get-started/cheatsheet">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a aria-current="page" class="dropdown__link dropdown__link--active" href="/ja/docs/get-started/cheatsheet">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/ja/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>日本語</a><ul class="dropdown__menu"><li><a href="/ru/docs/get-started/cheatsheet" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ru">Русский</a></li><li><a href="/docs/get-started/cheatsheet" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/uz/docs/get-started/cheatsheet" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/docs/get-started/cheatsheet" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="kr">한국어</a></li><li><a href="/ja/docs/get-started/cheatsheet" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="ダークモードを切り替える(現在はライトモード)" aria-label="ダークモードを切り替える(現在はライトモード)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="検索"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">検索</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><div class="docsWrapper_rDLg"><button aria-label="先頭へ戻る" class="clean-btn theme-back-to-top-button backToTopButton_JQoL" type="button"></button><div class="docRoot_GkJk"><aside class="theme-doc-sidebar-container docSidebarContainer_xiHB"><div class="sidebarViewport_DaHB"><div class="sidebar_Kb82"><nav aria-label="ドキュメントのサイドバー" class="menu thin-scrollbar menu_AkOp"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--active" href="/ja/docs/get-started">🚀  はじめに</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/ja/docs/get-started/overview">概要</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/ja/docs/get-started/tutorial">チュートリアル</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/ja/docs/get-started/faq">FAQ</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/ja/docs/get-started/cheatsheet">分解のチートシート</a></li></ul></li></ul></nav><button type="button" title="サイドバーを折りたたむ" aria-label="サイドバーを折りたたむ" class="button button--secondary button--outline collapseSidebarButton_L8vW"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_hYfn"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_uESP"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_w6lk"><div class="theme-admonition theme-admonition-caution admonition_yLUd alert alert--warning theme-unlisted-banner"><div class="admonitionHeading_ulUq"><span class="admonitionIcon_Wbvt"><svg viewBox="0 0 16 16"><path fill-rule="evenodd" d="M8.893 1.5c-.183-.31-.52-.5-.887-.5s-.703.19-.886.5L.138 13.499a.98.98 0 0 0 0 1.001c.193.31.53.501.886.501h13.964c.367 0 .704-.19.877-.5a1.03 1.03 0 0 0 .01-1.002L8.893 1.5zm.133 11.497H6.987v-2.003h2.039v2.003zm0-3.004H6.987V5.987h2.039v4.006z"></path></svg></span>非公開のページ</div><div class="admonitionContent_mbd8">このページは非公開です。 検索対象外となり、このページのリンクに直接アクセスできるユーザーのみに公開されます。</div></div><div class="docItemContainer_b1tn"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_ioLt" aria-label="パンくずリストのナビゲーション"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="ホームページ" class="breadcrumbs__link" href="/ja/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_ZfEo"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/ja/docs/get-started"><span itemprop="name">🚀  はじめに</span></a><meta itemprop="position" content="1"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">分解のチートシート</span><meta itemprop="position" content="2"></li></ul></nav><div class="tocCollapsible_EkMH theme-doc-toc-mobile tocMobile_XRnS"><button type="button" class="clean-btn tocCollapsibleButton_ID8T">このページの見出し</button></div><div class="theme-doc-markdown markdown"><header><h1>分解のチートシート</h1></header>
@@ -26,6 +26,6 @@ <h3 class="anchor anchorWithStickyNavbar_QzlE" id="github">GitHub<a href="#githu
 <h2 class="anchor anchorWithStickyNavbar_QzlE" id="see-also">参照<a href="#see-also" class="hash-link" aria-label="この見出しへの直接リンク" title="この見出しへの直接リンク">​</a></h2>
 <ul>
 <li><a href="https://www.pluralsight.com/resources/blog/guides/how-to-organize-your-react--redux-codebase" target="_blank" rel="noopener noreferrer">(記事) ロジックの分解におけるさまざまなアプローチ</a></li>
-</ul></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/ja/docusaurus-plugin-content-docs/current/get-started/cheatsheet.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>このページを編集</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">最終更新<!-- --> <b><time datetime="2024-09-29T11:02:46.000Z" itemprop="dateModified">2024年9月29日</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="ドキュメントページのナビゲーション"></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#choosing-a-layer" class="table-of-contents__link toc-highlight">レイヤーの選択</a></li><li><a href="#examples" class="table-of-contents__link toc-highlight">例</a><ul><li><a href="#ツイート" class="table-of-contents__link toc-highlight">ツイート</a></li><li><a href="#github" class="table-of-contents__link toc-highlight">GitHub</a></li></ul></li><li><a href="#see-also" class="table-of-contents__link toc-highlight">参照</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">仕様</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/ja/docs">ドキュメント</a></li><li class="footer__item"><a class="footer__link-item" href="/ja/community">コミュニティ</a></li><li class="footer__item"><a class="footer__link-item" href="/ja/nav">ヘルプ</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">ディスカッション<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">コミュニティ</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">X<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">その他</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">ライセンス<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/ja/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/ja/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2024  Feature-Sliced Design</div></div></div></footer></div>
+</ul></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/ja/docusaurus-plugin-content-docs/current/get-started/cheatsheet.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>このページを編集</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">最終更新<!-- --> <b><time datetime="2024-10-07T18:23:06.000Z" itemprop="dateModified">2024年10月7日</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="ドキュメントページのナビゲーション"></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#choosing-a-layer" class="table-of-contents__link toc-highlight">レイヤーの選択</a></li><li><a href="#examples" class="table-of-contents__link toc-highlight">例</a><ul><li><a href="#ツイート" class="table-of-contents__link toc-highlight">ツイート</a></li><li><a href="#github" class="table-of-contents__link toc-highlight">GitHub</a></li></ul></li><li><a href="#see-also" class="table-of-contents__link toc-highlight">参照</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">仕様</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/ja/docs">ドキュメント</a></li><li class="footer__item"><a class="footer__link-item" href="/ja/community">コミュニティ</a></li><li class="footer__item"><a class="footer__link-item" href="/ja/nav">ヘルプ</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">ディスカッション<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">コミュニティ</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">X<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">その他</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">ライセンス<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/ja/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/ja/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2024  Feature-Sliced Design</div></div></div></footer></div>
 </body>
 </html>
\ No newline at end of file
diff --git a/ja/docs/get-started/faq.html b/ja/docs/get-started/faq.html
index 22fcd74c17..553ce7a339 100644
--- a/ja/docs/get-started/faq.html
+++ b/ja/docs/get-started/faq.html
@@ -9,8 +9,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/ja/opensearch.xml"><link rel="stylesheet" href="/ja/assets/css/styles.c2f43f9a.css">
-<script src="/ja/assets/js/runtime~main.ac5b7a06.js" defer="defer"></script>
-<script src="/ja/assets/js/main.cdd867c6.js" defer="defer"></script>
+<script src="/ja/assets/js/runtime~main.37f69f93.js" defer="defer"></script>
+<script src="/ja/assets/js/main.29fd47b7.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="メインコンテンツにスキップ"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">メインコンテンツにスキップ</a></div><nav aria-label="ナビゲーション" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="ナビゲーションバーを開く" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/ja/"><div class="navbar__logo"><img src="/ja/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/ja/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/ja/docs">📖 ドキュメント</a><a class="navbar__item navbar__link" href="/ja/community">💫 コミュニティ</a><a class="navbar__item navbar__link" href="/ja/blog">📝 ブログ</a><a class="navbar__item navbar__link" href="/ja/examples">🛠 実装例</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/ja/docs/get-started/faq">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a aria-current="page" class="dropdown__link dropdown__link--active" href="/ja/docs/get-started/faq">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/ja/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>日本語</a><ul class="dropdown__menu"><li><a href="/ru/docs/get-started/faq" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ru">Русский</a></li><li><a href="/docs/get-started/faq" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/uz/docs/get-started/faq" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/docs/get-started/faq" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="kr">한국어</a></li><li><a href="/ja/docs/get-started/faq" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="ダークモードを切り替える(現在はライトモード)" aria-label="ダークモードを切り替える(現在はライトモード)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="検索"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">検索</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><div class="docsWrapper_rDLg"><button aria-label="先頭へ戻る" class="clean-btn theme-back-to-top-button backToTopButton_JQoL" type="button"></button><div class="docRoot_GkJk"><aside class="theme-doc-sidebar-container docSidebarContainer_xiHB"><div class="sidebarViewport_DaHB"><div class="sidebar_Kb82"><nav aria-label="ドキュメントのサイドバー" class="menu thin-scrollbar menu_AkOp"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--active" href="/ja/docs/get-started">🚀  はじめに</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/ja/docs/get-started/overview">概要</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/ja/docs/get-started/tutorial">チュートリアル</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/ja/docs/get-started/faq">FAQ</a></li></ul></li></ul></nav><button type="button" title="サイドバーを折りたたむ" aria-label="サイドバーを折りたたむ" class="button button--secondary button--outline collapseSidebarButton_L8vW"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_hYfn"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_uESP"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_w6lk"><div class="docItemContainer_b1tn"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_ioLt" aria-label="パンくずリストのナビゲーション"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="ホームページ" class="breadcrumbs__link" href="/ja/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_ZfEo"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/ja/docs/get-started"><span itemprop="name">🚀  はじめに</span></a><meta itemprop="position" content="1"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">FAQ</span><meta itemprop="position" content="2"></li></ul></nav><div class="tocCollapsible_EkMH theme-doc-toc-mobile tocMobile_XRnS"><button type="button" class="clean-btn tocCollapsibleButton_ID8T">このページの見出し</button></div><div class="theme-doc-markdown markdown"><header><h1>FAQ</h1></header>
@@ -40,6 +40,6 @@ <h3 class="anchor anchorWithStickyNavbar_QzlE" id="does-a-novice-developer-need-
 <p>おそらく必要です。</p>
 <p><em>通常、一人でプロジェクトを設計・開発する場合、すべてが順調に進みます。しかし、開発に中断が生じたり、新しい開発者がチームに加わると問題が発生します。</em></p>
 <h3 class="anchor anchorWithStickyNavbar_QzlE" id="how-do-i-work-with-the-authorization-context">認証コンテキストをどのように扱えばよいですか？<a href="#how-do-i-work-with-the-authorization-context" class="hash-link" aria-label="この見出しへの直接リンク" title="この見出しへの直接リンク">​</a></h3>
-<p><a href="/ja/docs/guides/examples/auth">こちら</a>で回答しています。</p></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/ja/docusaurus-plugin-content-docs/current/get-started/faq.md" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>このページを編集</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">最終更新<!-- --> <b><time datetime="2024-09-29T11:02:46.000Z" itemprop="dateModified">2024年9月29日</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="ドキュメントページのナビゲーション"><a class="pagination-nav__link pagination-nav__link--prev" href="/ja/docs/get-started/tutorial"><div class="pagination-nav__sublabel">前のページ</div><div class="pagination-nav__label">チュートリアル</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/ja/docs/guides"><div class="pagination-nav__sublabel">次のページ</div><div class="pagination-nav__label">🎯 ガイド</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#is-there-a-toolkit-or-a-linter" class="table-of-contents__link toc-highlight">ツールキットやリンターはありますか？</a></li><li><a href="#where-to-store-the-layouttemplate-of-pages" class="table-of-contents__link toc-highlight">ページのレイアウト/テンプレートはどこに保存すればよいですか？</a></li><li><a href="#what-is-the-difference-between-feature-and-entity" class="table-of-contents__link toc-highlight">フィーチャーとエンティティの違いは何ですか？</a></li><li><a href="#can-i-embed-pagesfeaturesentities-into-each-other" class="table-of-contents__link toc-highlight">ページ/フィーチャー/エンティティを相互に埋め込むことはできますか？</a></li><li><a href="#what-about-atomic-design" class="table-of-contents__link toc-highlight">Atomic Designはどうですか？</a></li><li><a href="#are-there-any-useful-resourcesarticlesetc-about-fsd" class="table-of-contents__link toc-highlight">FSDに関する有用なリソース/記事などはありますか？</a></li><li><a href="#why-do-i-need-feature-sliced-design" class="table-of-contents__link toc-highlight">なぜFeature-Sliced Designが必要なのですか？</a></li><li><a href="#does-a-novice-developer-need-an-architecturemethodology" class="table-of-contents__link toc-highlight">初心者の開発者にFSDのアーキテクチャ/設計方法論は必要ですか？</a></li><li><a href="#how-do-i-work-with-the-authorization-context" class="table-of-contents__link toc-highlight">認証コンテキストをどのように扱えばよいですか？</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">仕様</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/ja/docs">ドキュメント</a></li><li class="footer__item"><a class="footer__link-item" href="/ja/community">コミュニティ</a></li><li class="footer__item"><a class="footer__link-item" href="/ja/nav">ヘルプ</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">ディスカッション<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">コミュニティ</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">X<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">その他</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">ライセンス<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/ja/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/ja/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2024  Feature-Sliced Design</div></div></div></footer></div>
+<p><a href="/ja/docs/guides/examples/auth">こちら</a>で回答しています。</p></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/ja/docusaurus-plugin-content-docs/current/get-started/faq.md" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>このページを編集</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">最終更新<!-- --> <b><time datetime="2024-10-07T18:23:06.000Z" itemprop="dateModified">2024年10月7日</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="ドキュメントページのナビゲーション"><a class="pagination-nav__link pagination-nav__link--prev" href="/ja/docs/get-started/tutorial"><div class="pagination-nav__sublabel">前のページ</div><div class="pagination-nav__label">チュートリアル</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/ja/docs/guides"><div class="pagination-nav__sublabel">次のページ</div><div class="pagination-nav__label">🎯 ガイド</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#is-there-a-toolkit-or-a-linter" class="table-of-contents__link toc-highlight">ツールキットやリンターはありますか？</a></li><li><a href="#where-to-store-the-layouttemplate-of-pages" class="table-of-contents__link toc-highlight">ページのレイアウト/テンプレートはどこに保存すればよいですか？</a></li><li><a href="#what-is-the-difference-between-feature-and-entity" class="table-of-contents__link toc-highlight">フィーチャーとエンティティの違いは何ですか？</a></li><li><a href="#can-i-embed-pagesfeaturesentities-into-each-other" class="table-of-contents__link toc-highlight">ページ/フィーチャー/エンティティを相互に埋め込むことはできますか？</a></li><li><a href="#what-about-atomic-design" class="table-of-contents__link toc-highlight">Atomic Designはどうですか？</a></li><li><a href="#are-there-any-useful-resourcesarticlesetc-about-fsd" class="table-of-contents__link toc-highlight">FSDに関する有用なリソース/記事などはありますか？</a></li><li><a href="#why-do-i-need-feature-sliced-design" class="table-of-contents__link toc-highlight">なぜFeature-Sliced Designが必要なのですか？</a></li><li><a href="#does-a-novice-developer-need-an-architecturemethodology" class="table-of-contents__link toc-highlight">初心者の開発者にFSDのアーキテクチャ/設計方法論は必要ですか？</a></li><li><a href="#how-do-i-work-with-the-authorization-context" class="table-of-contents__link toc-highlight">認証コンテキストをどのように扱えばよいですか？</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">仕様</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/ja/docs">ドキュメント</a></li><li class="footer__item"><a class="footer__link-item" href="/ja/community">コミュニティ</a></li><li class="footer__item"><a class="footer__link-item" href="/ja/nav">ヘルプ</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">ディスカッション<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">コミュニティ</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">X<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">その他</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">ライセンス<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/ja/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/ja/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2024  Feature-Sliced Design</div></div></div></footer></div>
 </body>
 </html>
\ No newline at end of file
diff --git a/ja/docs/get-started/overview.html b/ja/docs/get-started/overview.html
index 29637e6688..4995b35ed0 100644
--- a/ja/docs/get-started/overview.html
+++ b/ja/docs/get-started/overview.html
@@ -9,8 +9,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/ja/opensearch.xml"><link rel="stylesheet" href="/ja/assets/css/styles.c2f43f9a.css">
-<script src="/ja/assets/js/runtime~main.ac5b7a06.js" defer="defer"></script>
-<script src="/ja/assets/js/main.cdd867c6.js" defer="defer"></script>
+<script src="/ja/assets/js/runtime~main.37f69f93.js" defer="defer"></script>
+<script src="/ja/assets/js/main.29fd47b7.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="メインコンテンツにスキップ"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">メインコンテンツにスキップ</a></div><nav aria-label="ナビゲーション" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="ナビゲーションバーを開く" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/ja/"><div class="navbar__logo"><img src="/ja/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/ja/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/ja/docs">📖 ドキュメント</a><a class="navbar__item navbar__link" href="/ja/community">💫 コミュニティ</a><a class="navbar__item navbar__link" href="/ja/blog">📝 ブログ</a><a class="navbar__item navbar__link" href="/ja/examples">🛠 実装例</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/ja/docs/get-started/overview">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a aria-current="page" class="dropdown__link dropdown__link--active" href="/ja/docs/get-started/overview">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/ja/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>日本語</a><ul class="dropdown__menu"><li><a href="/ru/docs/get-started/overview" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ru">Русский</a></li><li><a href="/docs/get-started/overview" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/uz/docs/get-started/overview" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/docs/get-started/overview" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="kr">한국어</a></li><li><a href="/ja/docs/get-started/overview" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="ダークモードを切り替える(現在はライトモード)" aria-label="ダークモードを切り替える(現在はライトモード)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="検索"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">検索</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><div class="docsWrapper_rDLg"><button aria-label="先頭へ戻る" class="clean-btn theme-back-to-top-button backToTopButton_JQoL" type="button"></button><div class="docRoot_GkJk"><aside class="theme-doc-sidebar-container docSidebarContainer_xiHB"><div class="sidebarViewport_DaHB"><div class="sidebar_Kb82"><nav aria-label="ドキュメントのサイドバー" class="menu thin-scrollbar menu_AkOp"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--active" href="/ja/docs/get-started">🚀  はじめに</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/ja/docs/get-started/overview">概要</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/ja/docs/get-started/tutorial">チュートリアル</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/ja/docs/get-started/faq">FAQ</a></li></ul></li></ul></nav><button type="button" title="サイドバーを折りたたむ" aria-label="サイドバーを折りたたむ" class="button button--secondary button--outline collapseSidebarButton_L8vW"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_hYfn"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_uESP"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_w6lk"><div class="docItemContainer_b1tn"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_ioLt" aria-label="パンくずリストのナビゲーション"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="ホームページ" class="breadcrumbs__link" href="/ja/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_ZfEo"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/ja/docs/get-started"><span itemprop="name">🚀  はじめに</span></a><meta itemprop="position" content="1"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">概要</span><meta itemprop="position" content="2"></li></ul></nav><div class="tocCollapsible_EkMH theme-doc-toc-mobile tocMobile_XRnS"><button type="button" class="clean-btn tocCollapsibleButton_ID8T">このページの見出し</button></div><div class="theme-doc-markdown markdown"><header><h1>概要</h1></header>
@@ -128,6 +128,6 @@ <h2 class="anchor anchorWithStickyNavbar_QzlE" id="next-steps">次のステッ
 <li><strong>FSDの考え方を理解したい？</strong> <a href="/ja/docs/get-started/tutorial">チュートリアル</a>を読んでください。</li>
 <li><strong>例を見て学びたい？</strong> <a href="/ja/examples">実装例セクション</a>にたくさんあります。</li>
 <li><strong>質問がある？</strong> <a href="https://discord.com/invite/S8MzWTUsmp" target="_blank" rel="noopener noreferrer">Discordチャンネル</a>にアクセスして、コミュニティに質問してください。</li>
-</ul></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/ja/docusaurus-plugin-content-docs/current/get-started/overview.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>このページを編集</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">最終更新<!-- --> <b><time datetime="2024-09-29T11:02:46.000Z" itemprop="dateModified">2024年9月29日</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="ドキュメントページのナビゲーション"><a class="pagination-nav__link pagination-nav__link--prev" href="/ja/docs/get-started"><div class="pagination-nav__sublabel">前のページ</div><div class="pagination-nav__label">🚀 クイックスタート</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/ja/docs/get-started/tutorial"><div class="pagination-nav__sublabel">次のページ</div><div class="pagination-nav__label">チュートリアル</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#is-it-right-for-me" class="table-of-contents__link toc-highlight">FSDは私のプロジェクトに適しているのか？</a></li><li><a href="#basic-example" class="table-of-contents__link toc-highlight">基本的な例</a></li><li><a href="#concepts" class="table-of-contents__link toc-highlight">概念</a><ul><li><a href="#layers" class="table-of-contents__link toc-highlight">レイヤー</a></li><li><a href="#slices" class="table-of-contents__link toc-highlight">スライス</a></li><li><a href="#segments" class="table-of-contents__link toc-highlight">セグメント</a></li></ul></li><li><a href="#advantages" class="table-of-contents__link toc-highlight">利点</a></li><li><a href="#incremental-adoption" class="table-of-contents__link toc-highlight">段階的な導入</a></li><li><a href="#next-steps" class="table-of-contents__link toc-highlight">次のステップ</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">仕様</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/ja/docs">ドキュメント</a></li><li class="footer__item"><a class="footer__link-item" href="/ja/community">コミュニティ</a></li><li class="footer__item"><a class="footer__link-item" href="/ja/nav">ヘルプ</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">ディスカッション<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">コミュニティ</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">X<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">その他</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">ライセンス<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/ja/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/ja/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2024  Feature-Sliced Design</div></div></div></footer></div>
+</ul></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/ja/docusaurus-plugin-content-docs/current/get-started/overview.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>このページを編集</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">最終更新<!-- --> <b><time datetime="2024-10-07T18:23:06.000Z" itemprop="dateModified">2024年10月7日</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="ドキュメントページのナビゲーション"><a class="pagination-nav__link pagination-nav__link--prev" href="/ja/docs/get-started"><div class="pagination-nav__sublabel">前のページ</div><div class="pagination-nav__label">🚀 クイックスタート</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/ja/docs/get-started/tutorial"><div class="pagination-nav__sublabel">次のページ</div><div class="pagination-nav__label">チュートリアル</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#is-it-right-for-me" class="table-of-contents__link toc-highlight">FSDは私のプロジェクトに適しているのか？</a></li><li><a href="#basic-example" class="table-of-contents__link toc-highlight">基本的な例</a></li><li><a href="#concepts" class="table-of-contents__link toc-highlight">概念</a><ul><li><a href="#layers" class="table-of-contents__link toc-highlight">レイヤー</a></li><li><a href="#slices" class="table-of-contents__link toc-highlight">スライス</a></li><li><a href="#segments" class="table-of-contents__link toc-highlight">セグメント</a></li></ul></li><li><a href="#advantages" class="table-of-contents__link toc-highlight">利点</a></li><li><a href="#incremental-adoption" class="table-of-contents__link toc-highlight">段階的な導入</a></li><li><a href="#next-steps" class="table-of-contents__link toc-highlight">次のステップ</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">仕様</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/ja/docs">ドキュメント</a></li><li class="footer__item"><a class="footer__link-item" href="/ja/community">コミュニティ</a></li><li class="footer__item"><a class="footer__link-item" href="/ja/nav">ヘルプ</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">ディスカッション<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">コミュニティ</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">X<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">その他</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">ライセンス<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/ja/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/ja/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2024  Feature-Sliced Design</div></div></div></footer></div>
 </body>
 </html>
\ No newline at end of file
diff --git a/ja/docs/get-started/tutorial.html b/ja/docs/get-started/tutorial.html
index 23aafa9bd7..fc0fdfac2b 100644
--- a/ja/docs/get-started/tutorial.html
+++ b/ja/docs/get-started/tutorial.html
@@ -9,8 +9,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/ja/opensearch.xml"><link rel="stylesheet" href="/ja/assets/css/styles.c2f43f9a.css">
-<script src="/ja/assets/js/runtime~main.ac5b7a06.js" defer="defer"></script>
-<script src="/ja/assets/js/main.cdd867c6.js" defer="defer"></script>
+<script src="/ja/assets/js/runtime~main.37f69f93.js" defer="defer"></script>
+<script src="/ja/assets/js/main.29fd47b7.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="メインコンテンツにスキップ"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">メインコンテンツにスキップ</a></div><nav aria-label="ナビゲーション" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="ナビゲーションバーを開く" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/ja/"><div class="navbar__logo"><img src="/ja/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/ja/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/ja/docs">📖 ドキュメント</a><a class="navbar__item navbar__link" href="/ja/community">💫 コミュニティ</a><a class="navbar__item navbar__link" href="/ja/blog">📝 ブログ</a><a class="navbar__item navbar__link" href="/ja/examples">🛠 実装例</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/ja/docs/get-started/tutorial">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a aria-current="page" class="dropdown__link dropdown__link--active" href="/ja/docs/get-started/tutorial">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/ja/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>日本語</a><ul class="dropdown__menu"><li><a href="/ru/docs/get-started/tutorial" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ru">Русский</a></li><li><a href="/docs/get-started/tutorial" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/uz/docs/get-started/tutorial" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/docs/get-started/tutorial" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="kr">한국어</a></li><li><a href="/ja/docs/get-started/tutorial" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="ダークモードを切り替える(現在はライトモード)" aria-label="ダークモードを切り替える(現在はライトモード)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="検索"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">検索</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><div class="docsWrapper_rDLg"><button aria-label="先頭へ戻る" class="clean-btn theme-back-to-top-button backToTopButton_JQoL" type="button"></button><div class="docRoot_GkJk"><aside class="theme-doc-sidebar-container docSidebarContainer_xiHB"><div class="sidebarViewport_DaHB"><div class="sidebar_Kb82"><nav aria-label="ドキュメントのサイドバー" class="menu thin-scrollbar menu_AkOp"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--active" href="/ja/docs/get-started">🚀  はじめに</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/ja/docs/get-started/overview">概要</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/ja/docs/get-started/tutorial">チュートリアル</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/ja/docs/get-started/faq">FAQ</a></li></ul></li></ul></nav><button type="button" title="サイドバーを折りたたむ" aria-label="サイドバーを折りたたむ" class="button button--secondary button--outline collapseSidebarButton_L8vW"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_hYfn"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_uESP"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_w6lk"><div class="docItemContainer_b1tn"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_ioLt" aria-label="パンくずリストのナビゲーション"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="ホームページ" class="breadcrumbs__link" href="/ja/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_ZfEo"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/ja/docs/get-started"><span itemprop="name">🚀  はじめに</span></a><meta itemprop="position" content="1"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">チュートリアル</span><meta itemprop="position" content="2"></li></ul></nav><div class="tocCollapsible_EkMH theme-doc-toc-mobile tocMobile_XRnS"><button type="button" class="clean-btn tocCollapsibleButton_ID8T">このページの見出し</button></div><div class="theme-doc-markdown markdown"><header><h1>チュートリアル</h1></header>
@@ -273,6 +273,6 @@ <h3 class="anchor anchorWithStickyNavbar_QzlE" id="記事編集">記事編集<a
 <div class="language-tsx codeBlockContainer_IiXL theme-code-block" style="--prism-background-color:hsl(230, 1%, 98%);--prism-color:hsl(230, 8%, 24%)"><div class="codeBlockTitle_ajkA">app/routes/editor._index.tsx, app/routes/editor.$slug.tsx (同じ内容)</div><div class="codeBlockContent_Y78k"><pre tabindex="0" class="prism-code language-tsx codeBlock_gc_u thin-scrollbar" style="background-color:hsl(230, 1%, 98%);color:hsl(230, 8%, 24%)"><code class="codeBlockLines_PG8G"><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token keyword" style="color:hsl(301, 63%, 40%)">import</span><span class="token plain"> </span><span class="token imports punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token imports"> </span><span class="token imports maybe-class-name">ArticleEditPage</span><span class="token imports"> </span><span class="token imports punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token plain"> </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">from</span><span class="token plain"> </span><span class="token string" style="color:hsl(119, 34%, 47%)">&quot;pages/article-edit&quot;</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain" style="display:inline-block"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain"></span><span class="token keyword" style="color:hsl(301, 63%, 40%)">export</span><span class="token plain"> </span><span class="token exports punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token exports"> loader</span><span class="token exports punctuation" style="color:hsl(119, 34%, 47%)">,</span><span class="token exports"> action </span><span class="token exports punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token plain"> </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">from</span><span class="token plain"> </span><span class="token string" style="color:hsl(119, 34%, 47%)">&quot;pages/article-edit&quot;</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain" style="display:inline-block"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain"></span><span class="token keyword" style="color:hsl(301, 63%, 40%)">export</span><span class="token plain"> </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">default</span><span class="token plain"> </span><span class="token maybe-class-name">ArticleEditPage</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><br></span></code></pre><div class="buttonGroup_VWIG"><button type="button" aria-label="クリップボードにコピー" title="コピー" class="clean-btn"><span class="copyButtonIcons_p0uL" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_LnVn"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_yLdc"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div>
 <p>これで完成です！ログインして新しい記事を作成してみてください。あるいは、フィールドに何も記入せず進み、バリデーションがどのように機能するかを検証してみてください。</p>
 <figure><p><img decoding="async" loading="lazy" alt="記事編集者の画像" src="/ja/assets/images/realworld-article-editor-bc3ee45c96ae905fdbb54d6463d12723.jpg" width="2880" height="1488" class="img_Vtmu"></p><figcaption>記事編集画像</figcaption></figure>
-<p>プロフィールページや設定ページは、記事の読み取りや編集ページに非常に似ていて、読者のための宿題として残されています。</p></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/ja/docusaurus-plugin-content-docs/current/get-started/tutorial.md" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>このページを編集</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">最終更新<!-- --> <b><time datetime="2024-09-29T11:02:46.000Z" itemprop="dateModified">2024年9月29日</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="ドキュメントページのナビゲーション"><a class="pagination-nav__link pagination-nav__link--prev" href="/ja/docs/get-started/overview"><div class="pagination-nav__sublabel">前のページ</div><div class="pagination-nav__label">概要</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/ja/docs/get-started/faq"><div class="pagination-nav__sublabel">次のページ</div><div class="pagination-nav__label">FAQ</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#第１章-紙の上で" class="table-of-contents__link toc-highlight">第１章 紙の上で</a><ul><li><a href="#ページの列挙から始める" class="table-of-contents__link toc-highlight">ページの列挙から始める</a></li><li><a href="#フィードを詳しく見てみると" class="table-of-contents__link toc-highlight">フィードを詳しく見てみると</a></li><li><a href="#共通コードの再利用" class="table-of-contents__link toc-highlight">共通コードの再利用</a></li><li><a href="#公開apiを定義する" class="table-of-contents__link toc-highlight">公開APIを定義する</a></li><li><a href="#大きな再利用可能なuiブロック" class="table-of-contents__link toc-highlight">大きな再利用可能なUIブロック</a></li><li><a href="#フォームページに着目" class="table-of-contents__link toc-highlight">フォームページに着目</a></li><li><a href="#まとめ" class="table-of-contents__link toc-highlight">まとめ</a></li></ul></li><li><a href="#第２章-コードの中で" class="table-of-contents__link toc-highlight">第２章 コードの中で</a><ul><li><a href="#ページごとに整理する" class="table-of-contents__link toc-highlight">ページごとに整理する</a></li><li><a href="#フィードページを接続する" class="table-of-contents__link toc-highlight">フィードページを接続する</a></li><li><a href="#apiクライアント" class="table-of-contents__link toc-highlight">APIクライアント</a></li><li><a href="#フィード内の実データ" class="table-of-contents__link toc-highlight">フィード内の実データ</a></li><li><a href="#タグによるフィルタリング" class="table-of-contents__link toc-highlight">タグによるフィルタリング</a></li><li><a href="#ページネーション" class="table-of-contents__link toc-highlight">ページネーション</a></li><li><a href="#認証" class="table-of-contents__link toc-highlight">認証</a></li><li><a href="#ヘッダー" class="table-of-contents__link toc-highlight">ヘッダー</a></li><li><a href="#タブ" class="table-of-contents__link toc-highlight">タブ</a></li><li><a href="#記事リーダー" class="table-of-contents__link toc-highlight">記事リーダー</a></li><li><a href="#記事編集" class="table-of-contents__link toc-highlight">記事編集</a></li></ul></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">仕様</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/ja/docs">ドキュメント</a></li><li class="footer__item"><a class="footer__link-item" href="/ja/community">コミュニティ</a></li><li class="footer__item"><a class="footer__link-item" href="/ja/nav">ヘルプ</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">ディスカッション<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">コミュニティ</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">X<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">その他</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">ライセンス<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/ja/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/ja/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2024  Feature-Sliced Design</div></div></div></footer></div>
+<p>プロフィールページや設定ページは、記事の読み取りや編集ページに非常に似ていて、読者のための宿題として残されています。</p></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/ja/docusaurus-plugin-content-docs/current/get-started/tutorial.md" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>このページを編集</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">最終更新<!-- --> <b><time datetime="2024-10-07T18:23:06.000Z" itemprop="dateModified">2024年10月7日</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="ドキュメントページのナビゲーション"><a class="pagination-nav__link pagination-nav__link--prev" href="/ja/docs/get-started/overview"><div class="pagination-nav__sublabel">前のページ</div><div class="pagination-nav__label">概要</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/ja/docs/get-started/faq"><div class="pagination-nav__sublabel">次のページ</div><div class="pagination-nav__label">FAQ</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#第１章-紙の上で" class="table-of-contents__link toc-highlight">第１章 紙の上で</a><ul><li><a href="#ページの列挙から始める" class="table-of-contents__link toc-highlight">ページの列挙から始める</a></li><li><a href="#フィードを詳しく見てみると" class="table-of-contents__link toc-highlight">フィードを詳しく見てみると</a></li><li><a href="#共通コードの再利用" class="table-of-contents__link toc-highlight">共通コードの再利用</a></li><li><a href="#公開apiを定義する" class="table-of-contents__link toc-highlight">公開APIを定義する</a></li><li><a href="#大きな再利用可能なuiブロック" class="table-of-contents__link toc-highlight">大きな再利用可能なUIブロック</a></li><li><a href="#フォームページに着目" class="table-of-contents__link toc-highlight">フォームページに着目</a></li><li><a href="#まとめ" class="table-of-contents__link toc-highlight">まとめ</a></li></ul></li><li><a href="#第２章-コードの中で" class="table-of-contents__link toc-highlight">第２章 コードの中で</a><ul><li><a href="#ページごとに整理する" class="table-of-contents__link toc-highlight">ページごとに整理する</a></li><li><a href="#フィードページを接続する" class="table-of-contents__link toc-highlight">フィードページを接続する</a></li><li><a href="#apiクライアント" class="table-of-contents__link toc-highlight">APIクライアント</a></li><li><a href="#フィード内の実データ" class="table-of-contents__link toc-highlight">フィード内の実データ</a></li><li><a href="#タグによるフィルタリング" class="table-of-contents__link toc-highlight">タグによるフィルタリング</a></li><li><a href="#ページネーション" class="table-of-contents__link toc-highlight">ページネーション</a></li><li><a href="#認証" class="table-of-contents__link toc-highlight">認証</a></li><li><a href="#ヘッダー" class="table-of-contents__link toc-highlight">ヘッダー</a></li><li><a href="#タブ" class="table-of-contents__link toc-highlight">タブ</a></li><li><a href="#記事リーダー" class="table-of-contents__link toc-highlight">記事リーダー</a></li><li><a href="#記事編集" class="table-of-contents__link toc-highlight">記事編集</a></li></ul></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">仕様</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/ja/docs">ドキュメント</a></li><li class="footer__item"><a class="footer__link-item" href="/ja/community">コミュニティ</a></li><li class="footer__item"><a class="footer__link-item" href="/ja/nav">ヘルプ</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">ディスカッション<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">コミュニティ</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">X<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">その他</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">ライセンス<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/ja/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/ja/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2024  Feature-Sliced Design</div></div></div></footer></div>
 </body>
 </html>
\ No newline at end of file
diff --git a/ja/docs/guides.html b/ja/docs/guides.html
index a04b2b3438..407396c267 100644
--- a/ja/docs/guides.html
+++ b/ja/docs/guides.html
@@ -9,8 +9,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/ja/opensearch.xml"><link rel="stylesheet" href="/ja/assets/css/styles.c2f43f9a.css">
-<script src="/ja/assets/js/runtime~main.ac5b7a06.js" defer="defer"></script>
-<script src="/ja/assets/js/main.cdd867c6.js" defer="defer"></script>
+<script src="/ja/assets/js/runtime~main.37f69f93.js" defer="defer"></script>
+<script src="/ja/assets/js/main.29fd47b7.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="メインコンテンツにスキップ"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">メインコンテンツにスキップ</a></div><nav aria-label="ナビゲーション" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="ナビゲーションバーを開く" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/ja/"><div class="navbar__logo"><img src="/ja/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/ja/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/ja/docs">📖 ドキュメント</a><a class="navbar__item navbar__link" href="/ja/community">💫 コミュニティ</a><a class="navbar__item navbar__link" href="/ja/blog">📝 ブログ</a><a class="navbar__item navbar__link" href="/ja/examples">🛠 実装例</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/ja/docs/guides">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a aria-current="page" class="dropdown__link dropdown__link--active" href="/ja/docs/guides">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/ja/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>日本語</a><ul class="dropdown__menu"><li><a href="/ru/docs/guides" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ru">Русский</a></li><li><a href="/docs/guides" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/uz/docs/guides" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/docs/guides" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="kr">한국어</a></li><li><a href="/ja/docs/guides" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="ダークモードを切り替える(現在はライトモード)" aria-label="ダークモードを切り替える(現在はライトモード)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="検索"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">検索</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><div class="docsWrapper_rDLg"><button aria-label="先頭へ戻る" class="clean-btn theme-back-to-top-button backToTopButton_JQoL" type="button"></button><div class="docRoot_GkJk"><aside class="theme-doc-sidebar-container docSidebarContainer_xiHB"><div class="sidebarViewport_DaHB"><div class="sidebar_Kb82"><nav aria-label="ドキュメントのサイドバー" class="menu thin-scrollbar menu_AkOp"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible menu__list-item-collapsible--active"><a class="menu__link menu__link--active" aria-current="page" href="/ja/docs/guides">🎯  ガイド</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" tabindex="0" href="/ja/docs/guides/examples">実装例</a><button aria-label="&#x27;実装例&#x27;の目次を開く" aria-expanded="false" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/ja/docs/guides/migration/from-custom">移行</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/ja/docs/guides/tech/with-nextjs">技術</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/ja/docs/guides/issues/desegmented">Code smells &amp; Issues</a></div></li></ul></li></ul></nav><button type="button" title="サイドバーを折りたたむ" aria-label="サイドバーを折りたたむ" class="button button--secondary button--outline collapseSidebarButton_L8vW"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_hYfn"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_uESP"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col"><div class="docItemContainer_b1tn"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_ioLt" aria-label="パンくずリストのナビゲーション"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="ホームページ" class="breadcrumbs__link" href="/ja/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_ZfEo"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">🎯  ガイド</span><meta itemprop="position" content="1"></li></ul></nav><div class="theme-doc-markdown markdown"><header><h1>🎯 ガイド</h1></header>
@@ -21,6 +21,6 @@ <h2 class="anchor anchorWithStickyNavbar_QzlE" id="main">主な内容<a href="#m
 <a class="root_GfON defaultTheme_j3I8" href="/ja/docs/guides/examples"><span role="img" aria-label="tool" class="anticon anticon-tool icon_ciqP"><svg viewBox="64 64 896 896" focusable="false" data-icon="tool" width="1em" height="1em" fill="currentColor" aria-hidden="true"><path d="M876.6 239.5c-.5-.9-1.2-1.8-2-2.5-5-5-13.1-5-18.1 0L684.2 409.3l-67.9-67.9L788.7 169c.8-.8 1.4-1.6 2-2.5 3.6-6.1 1.6-13.9-4.5-17.5-98.2-58-226.8-44.7-311.3 39.7-67 67-89.2 162-66.5 247.4l-293 293c-3 3-2.8 7.9.3 11l169.7 169.7c3.1 3.1 8.1 3.3 11 .3l292.9-292.9c85.5 22.8 180.5.7 247.6-66.4 84.4-84.5 97.7-213.1 39.7-311.3zM786 499.8c-58.1 58.1-145.3 69.3-214.6 33.6l-8.8 8.8-.1-.1-274 274.1-79.2-79.2 230.1-230.1s0 .1.1.1l52.8-52.8c-35.7-69.3-24.5-156.5 33.6-214.6a184.2 184.2 0 01144-53.5L537 318.9a32.05 32.05 0 000 45.3l124.5 124.5a32.05 32.05 0 0045.3 0l132.8-132.8c3.7 51.8-14.4 104.8-53.6 143.9z"></path></svg></span><div class="details_xxkR"><div><span class="title_pSH5">例</span><p class="description__Fep">FSDの適用に関する実践的な例</p></div><div class="detailsTags_uTQx">認証 • タイプ • ページレイアウト</div></div></a>
 <a class="root_GfON defaultTheme_j3I8" href="/ja/docs/guides/migration/from-v1"><span role="img" aria-label="import" class="anticon anticon-import icon_ciqP"><svg fill-rule="evenodd" viewBox="64 64 896 896" focusable="false" data-icon="import" width="1em" height="1em" fill="currentColor" aria-hidden="true"><path d="M880 912H144c-17.7 0-32-14.3-32-32V144c0-17.7 14.3-32 32-32h360c4.4 0 8 3.6 8 8v56c0 4.4-3.6 8-8 8H184v656h656V520c0-4.4 3.6-8 8-8h56c4.4 0 8 3.6 8 8v360c0 17.7-14.3 32-32 32zM653.3 424.6l52.2 52.2a8.01 8.01 0 01-4.7 13.6l-179.4 21c-5.1.6-9.5-3.7-8.9-8.9l21-179.4c.8-6.6 8.9-9.4 13.6-4.7l52.4 52.4 256.2-256.2c3.1-3.1 8.2-3.1 11.3 0l42.4 42.4c3.1 3.1 3.1 8.2 0 11.3L653.3 424.6z"></path></svg></span><div class="details_xxkR"><div><span class="title_pSH5">移行</span><p class="description__Fep">他のアーキテクチャからの移行ガイド</p></div><div class="detailsTags_uTQx">カスタムアーキテクチャ • FSv1</div></div></a>
 <a class="root_GfON defaultTheme_j3I8" href="/ja/docs/guides/tech/with-nextjs"><span role="img" aria-label="function" class="anticon anticon-function icon_ciqP"><svg viewBox="64 64 896 896" focusable="false" data-icon="function" width="1em" height="1em" fill="currentColor" aria-hidden="true"><defs><style></style></defs><path d="M841 370c3-3.3 2.7-8.3-.6-11.3a8.24 8.24 0 00-5.3-2.1h-72.6c-2.4 0-4.6 1-6.1 2.8L633.5 504.6a7.96 7.96 0 01-13.4-1.9l-63.5-141.3a7.9 7.9 0 00-7.3-4.7H380.7l.9-4.7 8-42.3c10.5-55.4 38-81.4 85.8-81.4 18.6 0 35.5 1.7 48.8 4.7l14.1-66.8c-22.6-4.7-35.2-6.1-54.9-6.1-103.3 0-156.4 44.3-175.9 147.3l-9.4 49.4h-97.6c-3.8 0-7.1 2.7-7.8 6.4L181.9 415a8.07 8.07 0 007.8 9.7H284l-89 429.9a8.07 8.07 0 007.8 9.7H269c3.8 0 7.1-2.7 7.8-6.4l89.7-433.1h135.8l68.2 139.1c1.4 2.9 1 6.4-1.2 8.8l-180.6 203c-2.9 3.3-2.6 8.4.7 11.3 1.5 1.3 3.4 2 5.3 2h72.7c2.4 0 4.6-1 6.1-2.8l123.7-146.7c2.8-3.4 7.9-3.8 11.3-1 .9.8 1.6 1.7 2.1 2.8L676.4 784c1.3 2.8 4.1 4.7 7.3 4.7h64.6a8.02 8.02 0 007.2-11.5l-95.2-198.9c-1.4-2.9-.9-6.4 1.3-8.8L841 370z"></path></svg></span><div class="details_xxkR"><div><span class="title_pSH5">技術</span><p class="description__Fep">特定のフレームワークに焦点を当てた使用ガイド</p></div></div></a>
-<a class="root_GfON defaultTheme_j3I8" href="/ja/docs/guides/issues/desegmented"><span role="img" aria-label="bug" class="anticon anticon-bug icon_ciqP"><svg viewBox="64 64 896 896" focusable="false" data-icon="bug" width="1em" height="1em" fill="currentColor" aria-hidden="true"><path d="M304 280h56c4.4 0 8-3.6 8-8 0-28.3 5.9-53.2 17.1-73.5 10.6-19.4 26-34.8 45.4-45.4C450.9 142 475.7 136 504 136h16c28.3 0 53.2 5.9 73.5 17.1 19.4 10.6 34.8 26 45.4 45.4C650 218.9 656 243.7 656 272c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8 0-40-8.8-76.7-25.9-108.1a184.31 184.31 0 00-74-74C596.7 72.8 560 64 520 64h-16c-40 0-76.7 8.8-108.1 25.9a184.31 184.31 0 00-74 74C304.8 195.3 296 232 296 272c0 4.4 3.6 8 8 8z"></path><path d="M940 512H792V412c76.8 0 139-62.2 139-139 0-4.4-3.6-8-8-8h-60c-4.4 0-8 3.6-8 8a63 63 0 01-63 63H232a63 63 0 01-63-63c0-4.4-3.6-8-8-8h-60c-4.4 0-8 3.6-8 8 0 76.8 62.2 139 139 139v100H84c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h148v96c0 6.5.2 13 .7 19.3C164.1 728.6 116 796.7 116 876c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8 0-44.2 23.9-82.9 59.6-103.7a273 273 0 0022.7 49c24.3 41.5 59 76.2 100.5 100.5S460.5 960 512 960s99.8-13.9 141.3-38.2a281.38 281.38 0 00123.2-149.5A120 120 0 01836 876c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8 0-79.3-48.1-147.4-116.7-176.7.4-6.4.7-12.8.7-19.3v-96h148c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8zM716 680c0 36.8-9.7 72-27.8 102.9-17.7 30.3-43 55.6-73.3 73.3C584 874.3 548.8 884 512 884s-72-9.7-102.9-27.8c-30.3-17.7-55.6-43-73.3-73.3A202.75 202.75 0 01308 680V412h408v268z"></path></svg></span><div class="details_xxkR"><div><span class="title_pSH5">コードの問題（臭い）</span><p class="description__Fep">コード内で特定する一般的なアーキテクチャ問題</p></div><div class="detailsTags_uTQx">デセグメンテーション • ルーティング • クロスインポート</div></div></a></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/ja/docusaurus-plugin-content-docs/current/guides/index.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>このページを編集</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">最終更新<!-- --> <b><time datetime="2024-09-29T11:02:46.000Z" itemprop="dateModified">2024年9月29日</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="ドキュメントページのナビゲーション"><a class="pagination-nav__link pagination-nav__link--prev" href="/ja/docs/get-started"><div class="pagination-nav__sublabel">前のページ</div><div class="pagination-nav__label">🚀 クイックスタート</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/ja/docs/guides/examples"><div class="pagination-nav__sublabel">次のページ</div><div class="pagination-nav__label">例</div></a></nav></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">仕様</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/ja/docs">ドキュメント</a></li><li class="footer__item"><a class="footer__link-item" href="/ja/community">コミュニティ</a></li><li class="footer__item"><a class="footer__link-item" href="/ja/nav">ヘルプ</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">ディスカッション<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">コミュニティ</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">X<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">その他</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">ライセンス<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/ja/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/ja/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2024  Feature-Sliced Design</div></div></div></footer></div>
+<a class="root_GfON defaultTheme_j3I8" href="/ja/docs/guides/issues/desegmented"><span role="img" aria-label="bug" class="anticon anticon-bug icon_ciqP"><svg viewBox="64 64 896 896" focusable="false" data-icon="bug" width="1em" height="1em" fill="currentColor" aria-hidden="true"><path d="M304 280h56c4.4 0 8-3.6 8-8 0-28.3 5.9-53.2 17.1-73.5 10.6-19.4 26-34.8 45.4-45.4C450.9 142 475.7 136 504 136h16c28.3 0 53.2 5.9 73.5 17.1 19.4 10.6 34.8 26 45.4 45.4C650 218.9 656 243.7 656 272c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8 0-40-8.8-76.7-25.9-108.1a184.31 184.31 0 00-74-74C596.7 72.8 560 64 520 64h-16c-40 0-76.7 8.8-108.1 25.9a184.31 184.31 0 00-74 74C304.8 195.3 296 232 296 272c0 4.4 3.6 8 8 8z"></path><path d="M940 512H792V412c76.8 0 139-62.2 139-139 0-4.4-3.6-8-8-8h-60c-4.4 0-8 3.6-8 8a63 63 0 01-63 63H232a63 63 0 01-63-63c0-4.4-3.6-8-8-8h-60c-4.4 0-8 3.6-8 8 0 76.8 62.2 139 139 139v100H84c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h148v96c0 6.5.2 13 .7 19.3C164.1 728.6 116 796.7 116 876c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8 0-44.2 23.9-82.9 59.6-103.7a273 273 0 0022.7 49c24.3 41.5 59 76.2 100.5 100.5S460.5 960 512 960s99.8-13.9 141.3-38.2a281.38 281.38 0 00123.2-149.5A120 120 0 01836 876c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8 0-79.3-48.1-147.4-116.7-176.7.4-6.4.7-12.8.7-19.3v-96h148c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8zM716 680c0 36.8-9.7 72-27.8 102.9-17.7 30.3-43 55.6-73.3 73.3C584 874.3 548.8 884 512 884s-72-9.7-102.9-27.8c-30.3-17.7-55.6-43-73.3-73.3A202.75 202.75 0 01308 680V412h408v268z"></path></svg></span><div class="details_xxkR"><div><span class="title_pSH5">コードの問題（臭い）</span><p class="description__Fep">コード内で特定する一般的なアーキテクチャ問題</p></div><div class="detailsTags_uTQx">デセグメンテーション • ルーティング • クロスインポート</div></div></a></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/ja/docusaurus-plugin-content-docs/current/guides/index.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>このページを編集</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">最終更新<!-- --> <b><time datetime="2024-10-07T18:23:06.000Z" itemprop="dateModified">2024年10月7日</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="ドキュメントページのナビゲーション"><a class="pagination-nav__link pagination-nav__link--prev" href="/ja/docs/get-started"><div class="pagination-nav__sublabel">前のページ</div><div class="pagination-nav__label">🚀 クイックスタート</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/ja/docs/guides/examples"><div class="pagination-nav__sublabel">次のページ</div><div class="pagination-nav__label">例</div></a></nav></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">仕様</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/ja/docs">ドキュメント</a></li><li class="footer__item"><a class="footer__link-item" href="/ja/community">コミュニティ</a></li><li class="footer__item"><a class="footer__link-item" href="/ja/nav">ヘルプ</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">ディスカッション<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">コミュニティ</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">X<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">その他</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">ライセンス<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/ja/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/ja/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2024  Feature-Sliced Design</div></div></div></footer></div>
 </body>
 </html>
\ No newline at end of file
diff --git a/ja/docs/guides/examples.html b/ja/docs/guides/examples.html
index 5b2f0754df..1cbfbc9c29 100644
--- a/ja/docs/guides/examples.html
+++ b/ja/docs/guides/examples.html
@@ -9,8 +9,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/ja/opensearch.xml"><link rel="stylesheet" href="/ja/assets/css/styles.c2f43f9a.css">
-<script src="/ja/assets/js/runtime~main.ac5b7a06.js" defer="defer"></script>
-<script src="/ja/assets/js/main.cdd867c6.js" defer="defer"></script>
+<script src="/ja/assets/js/runtime~main.37f69f93.js" defer="defer"></script>
+<script src="/ja/assets/js/main.29fd47b7.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="メインコンテンツにスキップ"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">メインコンテンツにスキップ</a></div><nav aria-label="ナビゲーション" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="ナビゲーションバーを開く" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/ja/"><div class="navbar__logo"><img src="/ja/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/ja/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/ja/docs">📖 ドキュメント</a><a class="navbar__item navbar__link" href="/ja/community">💫 コミュニティ</a><a class="navbar__item navbar__link" href="/ja/blog">📝 ブログ</a><a class="navbar__item navbar__link" href="/ja/examples">🛠 実装例</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/ja/docs/guides/examples">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a aria-current="page" class="dropdown__link dropdown__link--active" href="/ja/docs/guides/examples">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/ja/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>日本語</a><ul class="dropdown__menu"><li><a href="/ru/docs/guides/examples" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ru">Русский</a></li><li><a href="/docs/guides/examples" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/uz/docs/guides/examples" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/docs/guides/examples" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="kr">한국어</a></li><li><a href="/ja/docs/guides/examples" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="ダークモードを切り替える(現在はライトモード)" aria-label="ダークモードを切り替える(現在はライトモード)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="検索"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">検索</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><div class="docsWrapper_rDLg"><button aria-label="先頭へ戻る" class="clean-btn theme-back-to-top-button backToTopButton_JQoL" type="button"></button><div class="docRoot_GkJk"><aside class="theme-doc-sidebar-container docSidebarContainer_xiHB"><div class="sidebarViewport_DaHB"><div class="sidebar_Kb82"><nav aria-label="ドキュメントのサイドバー" class="menu thin-scrollbar menu_AkOp"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--active" href="/ja/docs/guides">🎯  ガイド</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item"><div class="menu__list-item-collapsible menu__list-item-collapsible--active"><a class="menu__link menu__link--sublist menu__link--active" aria-current="page" tabindex="0" href="/ja/docs/guides/examples">実装例</a><button aria-label="&#x27;実装例&#x27;の目次を隠す" aria-expanded="true" type="button" class="clean-btn menu__caret"></button></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/ja/docs/guides/examples/auth">認証</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/ja/docs/guides/examples/types">型</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/ja/docs/guides/examples/page-layout">ページレイアウト</a></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/ja/docs/guides/migration/from-custom">移行</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/ja/docs/guides/tech/with-nextjs">技術</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/ja/docs/guides/issues/desegmented">Code smells &amp; Issues</a></div></li></ul></li></ul></nav><button type="button" title="サイドバーを折りたたむ" aria-label="サイドバーを折りたたむ" class="button button--secondary button--outline collapseSidebarButton_L8vW"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_hYfn"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_uESP"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col"><div class="docItemContainer_b1tn"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_ioLt" aria-label="パンくずリストのナビゲーション"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="ホームページ" class="breadcrumbs__link" href="/ja/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_ZfEo"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/ja/docs/guides"><span itemprop="name">🎯  ガイド</span></a><meta itemprop="position" content="1"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">実装例</span><meta itemprop="position" content="2"></li></ul></nav><div class="theme-doc-markdown markdown"><header><h1>例</h1></header>
@@ -19,6 +19,6 @@ <h2 class="anchor anchorWithStickyNavbar_QzlE" id="main">主要<a href="#main" c
 <!-- -->
 <a class="root_GfON defaultTheme_j3I8" href="/ja/docs/guides/examples/auth"><span role="img" aria-label="user-switch" class="anticon anticon-user-switch icon_ciqP"><svg viewBox="64 64 896 896" focusable="false" data-icon="user-switch" width="1em" height="1em" fill="currentColor" aria-hidden="true"><defs><style></style></defs><path d="M759 335c0-137-111-248-248-248S263 198 263 335c0 82.8 40.6 156.2 103 201.2-.4.2-.7.3-.9.4-44.7 18.9-84.8 46-119.3 80.6a373.42 373.42 0 00-80.4 119.5A373.6 373.6 0 00136 874.8a8 8 0 008 8.2h59.9c4.3 0 7.9-3.5 8-7.8 2-77.2 32.9-149.5 87.6-204.3C356 614.2 431 583 511 583c137 0 248-111 248-248zM511 507c-95 0-172-77-172-172s77-172 172-172 172 77 172 172-77 172-172 172zm105 221h264c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8H703.5l47.2-60.1a8.1 8.1 0 001.7-4.9c0-4.4-3.6-8-8-8h-72.6c-4.9 0-9.5 2.3-12.6 6.1l-68.5 87.1c-4.4 5.6-6.8 12.6-6.8 19.8.1 17.7 14.4 32 32.1 32zm240 64H592c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h176.5l-47.2 60.1a8.1 8.1 0 00-1.7 4.9c0 4.4 3.6 8 8 8h72.6c4.9 0 9.5-2.3 12.6-6.1l68.5-87.1c4.4-5.6 6.8-12.6 6.8-19.8-.1-17.7-14.4-32-32.1-32z"></path></svg></span><div class="details_xxkR"><div><span class="title_pSH5">認証</span><p class="description__Fep">認証ロジックの分解</p></div><div class="detailsTags_uTQx">フォーム • 2FA • OAuth • トークンの保存 • トークンの更新</div></div></a>
 <a class="root_GfON defaultTheme_j3I8" href="/ja/docs/guides/examples/types"><span role="img" aria-label="font-size" class="anticon anticon-font-size icon_ciqP"><svg viewBox="64 64 896 896" focusable="false" data-icon="font-size" width="1em" height="1em" fill="currentColor" aria-hidden="true"><path d="M920 416H616c-4.4 0-8 3.6-8 8v112c0 4.4 3.6 8 8 8h48c4.4 0 8-3.6 8-8v-56h60v320h-46c-4.4 0-8 3.6-8 8v48c0 4.4 3.6 8 8 8h164c4.4 0 8-3.6 8-8v-48c0-4.4-3.6-8-8-8h-46V480h60v56c0 4.4 3.6 8 8 8h48c4.4 0 8-3.6 8-8V424c0-4.4-3.6-8-8-8zM656 296V168c0-4.4-3.6-8-8-8H104c-4.4 0-8 3.6-8 8v128c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-64h168v560h-92c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h264c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8h-92V232h168v64c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8z"></path></svg></span><div class="details_xxkR"><div><span class="title_pSH5">型</span><p class="description__Fep">型はどこに配置すべきか？FSDの文脈での型の種類は何か？</p></div><div class="detailsTags_uTQx">DTO • マッパー • エンティティの関係 • 自動生成 • バリデーションスキーマ</div></div></a>
-<a class="root_GfON defaultTheme_j3I8" href="/ja/docs/guides/examples/page-layout"><span role="img" aria-label="layout" class="anticon anticon-layout icon_ciqP"><svg viewBox="64 64 896 896" focusable="false" data-icon="layout" width="1em" height="1em" fill="currentColor" aria-hidden="true"><path d="M880 112H144c-17.7 0-32 14.3-32 32v736c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V144c0-17.7-14.3-32-32-32zm-696 72h136v656H184V184zm656 656H384V384h456v456zM384 320V184h456v136H384z"></path></svg></span><div class="details_xxkR"><div><span class="title_pSH5">ページレイアウト</span><p class="description__Fep">レイアウトに関する主要なケース</p></div><div class="detailsTags_uTQx">どこに保存するか • レイアウトでのウィジェットの使用</div></div></a></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/ja/docusaurus-plugin-content-docs/current/guides/examples/index.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>このページを編集</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">最終更新<!-- --> <b><time datetime="2024-09-29T11:02:46.000Z" itemprop="dateModified">2024年9月29日</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="ドキュメントページのナビゲーション"><a class="pagination-nav__link pagination-nav__link--prev" href="/ja/docs/guides"><div class="pagination-nav__sublabel">前のページ</div><div class="pagination-nav__label">🎯 ガイド</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/ja/docs/guides/examples/auth"><div class="pagination-nav__sublabel">次のページ</div><div class="pagination-nav__label">認証</div></a></nav></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">仕様</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/ja/docs">ドキュメント</a></li><li class="footer__item"><a class="footer__link-item" href="/ja/community">コミュニティ</a></li><li class="footer__item"><a class="footer__link-item" href="/ja/nav">ヘルプ</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">ディスカッション<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">コミュニティ</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">X<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">その他</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">ライセンス<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/ja/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/ja/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2024  Feature-Sliced Design</div></div></div></footer></div>
+<a class="root_GfON defaultTheme_j3I8" href="/ja/docs/guides/examples/page-layout"><span role="img" aria-label="layout" class="anticon anticon-layout icon_ciqP"><svg viewBox="64 64 896 896" focusable="false" data-icon="layout" width="1em" height="1em" fill="currentColor" aria-hidden="true"><path d="M880 112H144c-17.7 0-32 14.3-32 32v736c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V144c0-17.7-14.3-32-32-32zm-696 72h136v656H184V184zm656 656H384V384h456v456zM384 320V184h456v136H384z"></path></svg></span><div class="details_xxkR"><div><span class="title_pSH5">ページレイアウト</span><p class="description__Fep">レイアウトに関する主要なケース</p></div><div class="detailsTags_uTQx">どこに保存するか • レイアウトでのウィジェットの使用</div></div></a></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/ja/docusaurus-plugin-content-docs/current/guides/examples/index.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>このページを編集</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">最終更新<!-- --> <b><time datetime="2024-10-07T18:23:06.000Z" itemprop="dateModified">2024年10月7日</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="ドキュメントページのナビゲーション"><a class="pagination-nav__link pagination-nav__link--prev" href="/ja/docs/guides"><div class="pagination-nav__sublabel">前のページ</div><div class="pagination-nav__label">🎯 ガイド</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/ja/docs/guides/examples/auth"><div class="pagination-nav__sublabel">次のページ</div><div class="pagination-nav__label">認証</div></a></nav></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">仕様</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/ja/docs">ドキュメント</a></li><li class="footer__item"><a class="footer__link-item" href="/ja/community">コミュニティ</a></li><li class="footer__item"><a class="footer__link-item" href="/ja/nav">ヘルプ</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">ディスカッション<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">コミュニティ</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">X<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">その他</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">ライセンス<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/ja/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/ja/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2024  Feature-Sliced Design</div></div></div></footer></div>
 </body>
 </html>
\ No newline at end of file
diff --git a/ja/docs/guides/examples/auth.html b/ja/docs/guides/examples/auth.html
index 1990328deb..e4fcabe7f9 100644
--- a/ja/docs/guides/examples/auth.html
+++ b/ja/docs/guides/examples/auth.html
@@ -9,8 +9,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/ja/opensearch.xml"><link rel="stylesheet" href="/ja/assets/css/styles.c2f43f9a.css">
-<script src="/ja/assets/js/runtime~main.ac5b7a06.js" defer="defer"></script>
-<script src="/ja/assets/js/main.cdd867c6.js" defer="defer"></script>
+<script src="/ja/assets/js/runtime~main.37f69f93.js" defer="defer"></script>
+<script src="/ja/assets/js/main.29fd47b7.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="メインコンテンツにスキップ"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">メインコンテンツにスキップ</a></div><nav aria-label="ナビゲーション" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="ナビゲーションバーを開く" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/ja/"><div class="navbar__logo"><img src="/ja/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/ja/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/ja/docs">📖 ドキュメント</a><a class="navbar__item navbar__link" href="/ja/community">💫 コミュニティ</a><a class="navbar__item navbar__link" href="/ja/blog">📝 ブログ</a><a class="navbar__item navbar__link" href="/ja/examples">🛠 実装例</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/ja/docs/guides/examples/auth">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a aria-current="page" class="dropdown__link dropdown__link--active" href="/ja/docs/guides/examples/auth">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/ja/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>日本語</a><ul class="dropdown__menu"><li><a href="/ru/docs/guides/examples/auth" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ru">Русский</a></li><li><a href="/docs/guides/examples/auth" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/uz/docs/guides/examples/auth" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/docs/guides/examples/auth" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="kr">한국어</a></li><li><a href="/ja/docs/guides/examples/auth" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="ダークモードを切り替える(現在はライトモード)" aria-label="ダークモードを切り替える(現在はライトモード)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="検索"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">検索</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><div class="docsWrapper_rDLg"><button aria-label="先頭へ戻る" class="clean-btn theme-back-to-top-button backToTopButton_JQoL" type="button"></button><div class="docRoot_GkJk"><aside class="theme-doc-sidebar-container docSidebarContainer_xiHB"><div class="sidebarViewport_DaHB"><div class="sidebar_Kb82"><nav aria-label="ドキュメントのサイドバー" class="menu thin-scrollbar menu_AkOp"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--active" href="/ja/docs/guides">🎯  ガイド</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--active" tabindex="0" href="/ja/docs/guides/examples">実装例</a><button aria-label="&#x27;実装例&#x27;の目次を隠す" aria-expanded="true" type="button" class="clean-btn menu__caret"></button></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/ja/docs/guides/examples/auth">認証</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/ja/docs/guides/examples/types">型</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/ja/docs/guides/examples/page-layout">ページレイアウト</a></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/ja/docs/guides/migration/from-custom">移行</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/ja/docs/guides/tech/with-nextjs">技術</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/ja/docs/guides/issues/desegmented">Code smells &amp; Issues</a></div></li></ul></li></ul></nav><button type="button" title="サイドバーを折りたたむ" aria-label="サイドバーを折りたたむ" class="button button--secondary button--outline collapseSidebarButton_L8vW"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_hYfn"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_uESP"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_w6lk"><div class="docItemContainer_b1tn"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_ioLt" aria-label="パンくずリストのナビゲーション"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="ホームページ" class="breadcrumbs__link" href="/ja/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_ZfEo"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/ja/docs/guides"><span itemprop="name">🎯  ガイド</span></a><meta itemprop="position" content="1"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/ja/docs/guides/examples"><span itemprop="name">実装例</span></a><meta itemprop="position" content="2"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">認証</span><meta itemprop="position" content="3"></li></ul></nav><div class="tocCollapsible_EkMH theme-doc-toc-mobile tocMobile_XRnS"><button type="button" class="clean-btn tocCollapsibleButton_ID8T">このページの見出し</button></div><div class="theme-doc-markdown markdown"><header><h1>認証</h1></header>
@@ -170,6 +170,6 @@ <h3 class="anchor anchorWithStickyNavbar_QzlE" id="pages層widgets層に保存
 <p>すべてのリクエストを<code>shared/api</code>に保存している場合は、ログイン関数の近くにログアウトリクエストの関数を配置してください。そうでない場合は、ログアウトを呼び出すボタンの近くに配置してください。例えば、すべてのページに存在し、ログアウトリンクを含むヘッダーウィジェットがある場合、そのリクエストをこのウィジェットの<code>api</code>セグメントに配置します。</p>
 <p>トークンストレージの更新も、ログアウトボタンの場所からトリガーされる必要があります。リクエストとストレージの更新をこのウィジェットの<code>model</code>セグメントで統合できます。</p>
 <h3 class="anchor anchorWithStickyNavbar_QzlE" id="自動ログアウト">自動ログアウト<a href="#自動ログアウト" class="hash-link" aria-label="この見出しへの直接リンク" title="この見出しへの直接リンク">​</a></h3>
-<p>ログアウトリクエストやトークン更新リクエストの失敗を考慮することを忘れないでください。いずれの場合も、トークンストレージをリセットする必要があります。トークンをEntities層に保存している場合、このコードは<code>model</code>セグメントに配置できます。トークンをShared層に保存している場合、このロジックを<code>shared/api</code>に配置すると、セグメントが膨らみ、その目的が曖昧になってしまいます。<code>api</code>セグメントに無関係な2つのものが含まれていることに気づいた場合、トークン管理ロジックを別のセグメント、例えば<code>shared/auth</code>に分離することを検討してみてください。</p></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/ja/docusaurus-plugin-content-docs/current/guides/examples/auth.md" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>このページを編集</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">最終更新<!-- --> <b><time datetime="2024-09-29T11:02:46.000Z" itemprop="dateModified">2024年9月29日</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="ドキュメントページのナビゲーション"><a class="pagination-nav__link pagination-nav__link--prev" href="/ja/docs/guides/examples"><div class="pagination-nav__sublabel">前のページ</div><div class="pagination-nav__label">例</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/ja/docs/guides/examples/types"><div class="pagination-nav__sublabel">次のページ</div><div class="pagination-nav__label">型</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#ユーザーの資格情報を取得する方法" class="table-of-contents__link toc-highlight">ユーザーの資格情報を取得する方法</a><ul><li><a href="#ログイン用の別ページ" class="table-of-contents__link toc-highlight">ログイン用の別ページ</a></li><li><a href="#ログイン用のダイアログボックス" class="table-of-contents__link toc-highlight">ログイン用のダイアログボックス</a></li><li><a href="#クライアントバリデーション" class="table-of-contents__link toc-highlight">クライアントバリデーション</a></li></ul></li><li><a href="#資格情報をバックエンドに送信する方法" class="table-of-contents__link toc-highlight">資格情報をバックエンドに送信する方法</a><ul><li><a href="#リクエスト関数をどこに置くか" class="table-of-contents__link toc-highlight">リクエスト関数をどこに置くか</a></li><li><a href="#2要素認証" class="table-of-contents__link toc-highlight">2要素認証</a></li></ul></li><li><a href="#how-to-store-the-token-for-authenticated-requests" class="table-of-contents__link toc-highlight">認証されたリクエスト用のトークンを保存する方法</a><ul><li><a href="#shared層に保存する" class="table-of-contents__link toc-highlight">Shared層に保存する</a></li><li><a href="#entities層に保存する" class="table-of-contents__link toc-highlight">Entities層に保存する</a></li><li><a href="#pages層widgets層に保存する非推奨" class="table-of-contents__link toc-highlight">Pages層/Widgets層に保存する（非推奨）</a></li></ul></li><li><a href="#ログアウトとトークンの無効化" class="table-of-contents__link toc-highlight">ログアウトとトークンの無効化</a><ul><li><a href="#自動ログアウト" class="table-of-contents__link toc-highlight">自動ログアウト</a></li></ul></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">仕様</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/ja/docs">ドキュメント</a></li><li class="footer__item"><a class="footer__link-item" href="/ja/community">コミュニティ</a></li><li class="footer__item"><a class="footer__link-item" href="/ja/nav">ヘルプ</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">ディスカッション<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">コミュニティ</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">X<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">その他</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">ライセンス<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/ja/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/ja/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2024  Feature-Sliced Design</div></div></div></footer></div>
+<p>ログアウトリクエストやトークン更新リクエストの失敗を考慮することを忘れないでください。いずれの場合も、トークンストレージをリセットする必要があります。トークンをEntities層に保存している場合、このコードは<code>model</code>セグメントに配置できます。トークンをShared層に保存している場合、このロジックを<code>shared/api</code>に配置すると、セグメントが膨らみ、その目的が曖昧になってしまいます。<code>api</code>セグメントに無関係な2つのものが含まれていることに気づいた場合、トークン管理ロジックを別のセグメント、例えば<code>shared/auth</code>に分離することを検討してみてください。</p></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/ja/docusaurus-plugin-content-docs/current/guides/examples/auth.md" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>このページを編集</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">最終更新<!-- --> <b><time datetime="2024-10-07T18:23:06.000Z" itemprop="dateModified">2024年10月7日</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="ドキュメントページのナビゲーション"><a class="pagination-nav__link pagination-nav__link--prev" href="/ja/docs/guides/examples"><div class="pagination-nav__sublabel">前のページ</div><div class="pagination-nav__label">例</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/ja/docs/guides/examples/types"><div class="pagination-nav__sublabel">次のページ</div><div class="pagination-nav__label">型</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#ユーザーの資格情報を取得する方法" class="table-of-contents__link toc-highlight">ユーザーの資格情報を取得する方法</a><ul><li><a href="#ログイン用の別ページ" class="table-of-contents__link toc-highlight">ログイン用の別ページ</a></li><li><a href="#ログイン用のダイアログボックス" class="table-of-contents__link toc-highlight">ログイン用のダイアログボックス</a></li><li><a href="#クライアントバリデーション" class="table-of-contents__link toc-highlight">クライアントバリデーション</a></li></ul></li><li><a href="#資格情報をバックエンドに送信する方法" class="table-of-contents__link toc-highlight">資格情報をバックエンドに送信する方法</a><ul><li><a href="#リクエスト関数をどこに置くか" class="table-of-contents__link toc-highlight">リクエスト関数をどこに置くか</a></li><li><a href="#2要素認証" class="table-of-contents__link toc-highlight">2要素認証</a></li></ul></li><li><a href="#how-to-store-the-token-for-authenticated-requests" class="table-of-contents__link toc-highlight">認証されたリクエスト用のトークンを保存する方法</a><ul><li><a href="#shared層に保存する" class="table-of-contents__link toc-highlight">Shared層に保存する</a></li><li><a href="#entities層に保存する" class="table-of-contents__link toc-highlight">Entities層に保存する</a></li><li><a href="#pages層widgets層に保存する非推奨" class="table-of-contents__link toc-highlight">Pages層/Widgets層に保存する（非推奨）</a></li></ul></li><li><a href="#ログアウトとトークンの無効化" class="table-of-contents__link toc-highlight">ログアウトとトークンの無効化</a><ul><li><a href="#自動ログアウト" class="table-of-contents__link toc-highlight">自動ログアウト</a></li></ul></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">仕様</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/ja/docs">ドキュメント</a></li><li class="footer__item"><a class="footer__link-item" href="/ja/community">コミュニティ</a></li><li class="footer__item"><a class="footer__link-item" href="/ja/nav">ヘルプ</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">ディスカッション<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">コミュニティ</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">X<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">その他</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">ライセンス<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/ja/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/ja/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2024  Feature-Sliced Design</div></div></div></footer></div>
 </body>
 </html>
\ No newline at end of file
diff --git a/ja/docs/guides/examples/autocompleted.html b/ja/docs/guides/examples/autocompleted.html
index 387f5eb589..5732b1cd16 100644
--- a/ja/docs/guides/examples/autocompleted.html
+++ b/ja/docs/guides/examples/autocompleted.html
@@ -9,11 +9,11 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/ja/opensearch.xml"><link rel="stylesheet" href="/ja/assets/css/styles.c2f43f9a.css">
-<script src="/ja/assets/js/runtime~main.ac5b7a06.js" defer="defer"></script>
-<script src="/ja/assets/js/main.cdd867c6.js" defer="defer"></script>
+<script src="/ja/assets/js/runtime~main.37f69f93.js" defer="defer"></script>
+<script src="/ja/assets/js/main.29fd47b7.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="メインコンテンツにスキップ"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">メインコンテンツにスキップ</a></div><nav aria-label="ナビゲーション" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="ナビゲーションバーを開く" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/ja/"><div class="navbar__logo"><img src="/ja/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/ja/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/ja/docs">📖 ドキュメント</a><a class="navbar__item navbar__link" href="/ja/community">💫 コミュニティ</a><a class="navbar__item navbar__link" href="/ja/blog">📝 ブログ</a><a class="navbar__item navbar__link" href="/ja/examples">🛠 実装例</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/ja/docs/guides/examples/autocompleted">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a aria-current="page" class="dropdown__link dropdown__link--active" href="/ja/docs/guides/examples/autocompleted">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/ja/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>日本語</a><ul class="dropdown__menu"><li><a href="/ru/docs/guides/examples/autocompleted" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ru">Русский</a></li><li><a href="/docs/guides/examples/autocompleted" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/uz/docs/guides/examples/autocompleted" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/docs/guides/examples/autocompleted" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="kr">한국어</a></li><li><a href="/ja/docs/guides/examples/autocompleted" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="ダークモードを切り替える(現在はライトモード)" aria-label="ダークモードを切り替える(現在はライトモード)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="検索"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">検索</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><div class="docsWrapper_rDLg"><button aria-label="先頭へ戻る" class="clean-btn theme-back-to-top-button backToTopButton_JQoL" type="button"></button><div class="docRoot_GkJk"><aside class="theme-doc-sidebar-container docSidebarContainer_xiHB"><div class="sidebarViewport_DaHB"><div class="sidebar_Kb82"><nav aria-label="ドキュメントのサイドバー" class="menu thin-scrollbar menu_AkOp"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--active" href="/ja/docs/guides">🎯  ガイド</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--active" tabindex="0" href="/ja/docs/guides/examples">実装例</a><button aria-label="&#x27;実装例&#x27;の目次を隠す" aria-expanded="true" type="button" class="clean-btn menu__caret"></button></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/ja/docs/guides/examples/auth">認証</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/ja/docs/guides/examples/types">型</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/ja/docs/guides/examples/page-layout">ページレイアウト</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item sidebar-item--wip"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/ja/docs/guides/examples/autocompleted">自動補完</a></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/ja/docs/guides/migration/from-custom">移行</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/ja/docs/guides/tech/with-nextjs">技術</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/ja/docs/guides/issues/desegmented">Code smells &amp; Issues</a></div></li></ul></li></ul></nav><button type="button" title="サイドバーを折りたたむ" aria-label="サイドバーを折りたたむ" class="button button--secondary button--outline collapseSidebarButton_L8vW"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_hYfn"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_uESP"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_w6lk"><div class="theme-admonition theme-admonition-caution admonition_yLUd alert alert--warning theme-unlisted-banner"><div class="admonitionHeading_ulUq"><span class="admonitionIcon_Wbvt"><svg viewBox="0 0 16 16"><path fill-rule="evenodd" d="M8.893 1.5c-.183-.31-.52-.5-.887-.5s-.703.19-.886.5L.138 13.499a.98.98 0 0 0 0 1.001c.193.31.53.501.886.501h13.964c.367 0 .704-.19.877-.5a1.03 1.03 0 0 0 .01-1.002L8.893 1.5zm.133 11.497H6.987v-2.003h2.039v2.003zm0-3.004H6.987V5.987h2.039v4.006z"></path></svg></span>非公開のページ</div><div class="admonitionContent_mbd8">このページは非公開です。 検索対象外となり、このページのリンクに直接アクセスできるユーザーのみに公開されます。</div></div><div class="docItemContainer_b1tn"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_ioLt" aria-label="パンくずリストのナビゲーション"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="ホームページ" class="breadcrumbs__link" href="/ja/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_ZfEo"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/ja/docs/guides"><span itemprop="name">🎯  ガイド</span></a><meta itemprop="position" content="1"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/ja/docs/guides/examples"><span itemprop="name">実装例</span></a><meta itemprop="position" content="2"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">自動補完</span><meta itemprop="position" content="3"></li></ul></nav><div class="theme-doc-markdown markdown"><header><h1>自動補完</h1></header>
-<div class="theme-admonition theme-admonition-caution admonition_yLUd alert alert--warning"><div class="admonitionHeading_ulUq"><span class="admonitionIcon_Wbvt"><svg viewBox="0 0 16 16"><path fill-rule="evenodd" d="M8.893 1.5c-.183-.31-.52-.5-.887-.5s-.703.19-.886.5L.138 13.499a.98.98 0 0 0 0 1.001c.193.31.53.501.886.501h13.964c.367 0 .704-.19.877-.5a1.03 1.03 0 0 0 .01-1.002L8.893 1.5zm.133 11.497H6.987v-2.003h2.039v2.003zm0-3.004H6.987V5.987h2.039v4.006z"></path></svg></span>WIP</div><div class="admonitionContent_mbd8"><div><p>この記事は執筆中です</p><p>その公開を早めるために、以下の方法があります。</p><ul><li>📢 フィードバックを共有する <a href="https://github.com/feature-sliced/documentation/issues/170" target="_blank" rel="noopener noreferrer">（チケットでのコメント/絵文字リアクション）</a></li><li>💬 チャットでの議論結果をチケットにまとめる <a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer">（チャットURL）</a></li><li>⚒️ 他の方法で<a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer">貢献する</a></li></ul><br><p><i>🍰 Stay tuned!</i></p></div></div></div></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/ja/docusaurus-plugin-content-docs/current/guides/examples/autocompleted.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>このページを編集</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">最終更新<!-- --> <b><time datetime="2024-09-29T11:02:46.000Z" itemprop="dateModified">2024年9月29日</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="ドキュメントページのナビゲーション"></nav></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">仕様</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/ja/docs">ドキュメント</a></li><li class="footer__item"><a class="footer__link-item" href="/ja/community">コミュニティ</a></li><li class="footer__item"><a class="footer__link-item" href="/ja/nav">ヘルプ</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">ディスカッション<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">コミュニティ</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">X<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">その他</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">ライセンス<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/ja/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/ja/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2024  Feature-Sliced Design</div></div></div></footer></div>
+<div class="theme-admonition theme-admonition-caution admonition_yLUd alert alert--warning"><div class="admonitionHeading_ulUq"><span class="admonitionIcon_Wbvt"><svg viewBox="0 0 16 16"><path fill-rule="evenodd" d="M8.893 1.5c-.183-.31-.52-.5-.887-.5s-.703.19-.886.5L.138 13.499a.98.98 0 0 0 0 1.001c.193.31.53.501.886.501h13.964c.367 0 .704-.19.877-.5a1.03 1.03 0 0 0 .01-1.002L8.893 1.5zm.133 11.497H6.987v-2.003h2.039v2.003zm0-3.004H6.987V5.987h2.039v4.006z"></path></svg></span>WIP</div><div class="admonitionContent_mbd8"><div><p>この記事は執筆中です</p><p>その公開を早めるために、以下の方法があります。</p><ul><li>📢 フィードバックを共有する <a href="https://github.com/feature-sliced/documentation/issues/170" target="_blank" rel="noopener noreferrer">（チケットでのコメント/絵文字リアクション）</a></li><li>💬 チャットでの議論結果をチケットにまとめる <a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer">（チャットURL）</a></li><li>⚒️ 他の方法で<a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer">貢献する</a></li></ul><br><p><i>🍰 Stay tuned!</i></p></div></div></div></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/ja/docusaurus-plugin-content-docs/current/guides/examples/autocompleted.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>このページを編集</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">最終更新<!-- --> <b><time datetime="2024-10-07T18:23:06.000Z" itemprop="dateModified">2024年10月7日</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="ドキュメントページのナビゲーション"></nav></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">仕様</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/ja/docs">ドキュメント</a></li><li class="footer__item"><a class="footer__link-item" href="/ja/community">コミュニティ</a></li><li class="footer__item"><a class="footer__link-item" href="/ja/nav">ヘルプ</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">ディスカッション<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">コミュニティ</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">X<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">その他</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">ライセンス<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/ja/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/ja/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2024  Feature-Sliced Design</div></div></div></footer></div>
 </body>
 </html>
\ No newline at end of file
diff --git a/ja/docs/guides/examples/browser-api.html b/ja/docs/guides/examples/browser-api.html
index 82ab5f0b07..b4d187b5be 100644
--- a/ja/docs/guides/examples/browser-api.html
+++ b/ja/docs/guides/examples/browser-api.html
@@ -9,11 +9,11 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/ja/opensearch.xml"><link rel="stylesheet" href="/ja/assets/css/styles.c2f43f9a.css">
-<script src="/ja/assets/js/runtime~main.ac5b7a06.js" defer="defer"></script>
-<script src="/ja/assets/js/main.cdd867c6.js" defer="defer"></script>
+<script src="/ja/assets/js/runtime~main.37f69f93.js" defer="defer"></script>
+<script src="/ja/assets/js/main.29fd47b7.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="メインコンテンツにスキップ"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">メインコンテンツにスキップ</a></div><nav aria-label="ナビゲーション" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="ナビゲーションバーを開く" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/ja/"><div class="navbar__logo"><img src="/ja/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/ja/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/ja/docs">📖 ドキュメント</a><a class="navbar__item navbar__link" href="/ja/community">💫 コミュニティ</a><a class="navbar__item navbar__link" href="/ja/blog">📝 ブログ</a><a class="navbar__item navbar__link" href="/ja/examples">🛠 実装例</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/ja/docs/guides/examples/browser-api">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a aria-current="page" class="dropdown__link dropdown__link--active" href="/ja/docs/guides/examples/browser-api">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/ja/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>日本語</a><ul class="dropdown__menu"><li><a href="/ru/docs/guides/examples/browser-api" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ru">Русский</a></li><li><a href="/docs/guides/examples/browser-api" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/uz/docs/guides/examples/browser-api" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/docs/guides/examples/browser-api" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="kr">한국어</a></li><li><a href="/ja/docs/guides/examples/browser-api" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="ダークモードを切り替える(現在はライトモード)" aria-label="ダークモードを切り替える(現在はライトモード)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="検索"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">検索</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><div class="docsWrapper_rDLg"><button aria-label="先頭へ戻る" class="clean-btn theme-back-to-top-button backToTopButton_JQoL" type="button"></button><div class="docRoot_GkJk"><aside class="theme-doc-sidebar-container docSidebarContainer_xiHB"><div class="sidebarViewport_DaHB"><div class="sidebar_Kb82"><nav aria-label="ドキュメントのサイドバー" class="menu thin-scrollbar menu_AkOp"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--active" href="/ja/docs/guides">🎯  ガイド</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--active" tabindex="0" href="/ja/docs/guides/examples">実装例</a><button aria-label="&#x27;実装例&#x27;の目次を隠す" aria-expanded="true" type="button" class="clean-btn menu__caret"></button></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/ja/docs/guides/examples/auth">認証</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/ja/docs/guides/examples/types">型</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/ja/docs/guides/examples/page-layout">ページレイアウト</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item sidebar-item--wip"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/ja/docs/guides/examples/browser-api">ブラウザAPI</a></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/ja/docs/guides/migration/from-custom">移行</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/ja/docs/guides/tech/with-nextjs">技術</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/ja/docs/guides/issues/desegmented">Code smells &amp; Issues</a></div></li></ul></li></ul></nav><button type="button" title="サイドバーを折りたたむ" aria-label="サイドバーを折りたたむ" class="button button--secondary button--outline collapseSidebarButton_L8vW"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_hYfn"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_uESP"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_w6lk"><div class="theme-admonition theme-admonition-caution admonition_yLUd alert alert--warning theme-unlisted-banner"><div class="admonitionHeading_ulUq"><span class="admonitionIcon_Wbvt"><svg viewBox="0 0 16 16"><path fill-rule="evenodd" d="M8.893 1.5c-.183-.31-.52-.5-.887-.5s-.703.19-.886.5L.138 13.499a.98.98 0 0 0 0 1.001c.193.31.53.501.886.501h13.964c.367 0 .704-.19.877-.5a1.03 1.03 0 0 0 .01-1.002L8.893 1.5zm.133 11.497H6.987v-2.003h2.039v2.003zm0-3.004H6.987V5.987h2.039v4.006z"></path></svg></span>非公開のページ</div><div class="admonitionContent_mbd8">このページは非公開です。 検索対象外となり、このページのリンクに直接アクセスできるユーザーのみに公開されます。</div></div><div class="docItemContainer_b1tn"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_ioLt" aria-label="パンくずリストのナビゲーション"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="ホームページ" class="breadcrumbs__link" href="/ja/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_ZfEo"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/ja/docs/guides"><span itemprop="name">🎯  ガイド</span></a><meta itemprop="position" content="1"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/ja/docs/guides/examples"><span itemprop="name">実装例</span></a><meta itemprop="position" content="2"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">ブラウザAPI</span><meta itemprop="position" content="3"></li></ul></nav><div class="theme-doc-markdown markdown"><header><h1>ブラウザAPI</h1></header>
-<div class="theme-admonition theme-admonition-caution admonition_yLUd alert alert--warning"><div class="admonitionHeading_ulUq"><span class="admonitionIcon_Wbvt"><svg viewBox="0 0 16 16"><path fill-rule="evenodd" d="M8.893 1.5c-.183-.31-.52-.5-.887-.5s-.703.19-.886.5L.138 13.499a.98.98 0 0 0 0 1.001c.193.31.53.501.886.501h13.964c.367 0 .704-.19.877-.5a1.03 1.03 0 0 0 .01-1.002L8.893 1.5zm.133 11.497H6.987v-2.003h2.039v2.003zm0-3.004H6.987V5.987h2.039v4.006z"></path></svg></span>WIP</div><div class="admonitionContent_mbd8"><div><p>この記事は執筆中です</p><p>その公開を早めるために、以下の方法があります。</p><ul><li>📢 フィードバックを共有する <a href="https://github.com/feature-sliced/documentation/issues/197" target="_blank" rel="noopener noreferrer">（チケットでのコメント/絵文字リアクション）</a></li><li>💬 チャットでの議論結果をチケットにまとめる <a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer">（チャットURL）</a></li><li>⚒️ 他の方法で<a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer">貢献する</a></li></ul><br><p><i>🍰 Stay tuned!</i></p></div></div></div></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/ja/docusaurus-plugin-content-docs/current/guides/examples/browser-api.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>このページを編集</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">最終更新<!-- --> <b><time datetime="2024-09-29T11:02:46.000Z" itemprop="dateModified">2024年9月29日</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="ドキュメントページのナビゲーション"></nav></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">仕様</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/ja/docs">ドキュメント</a></li><li class="footer__item"><a class="footer__link-item" href="/ja/community">コミュニティ</a></li><li class="footer__item"><a class="footer__link-item" href="/ja/nav">ヘルプ</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">ディスカッション<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">コミュニティ</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">X<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">その他</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">ライセンス<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/ja/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/ja/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2024  Feature-Sliced Design</div></div></div></footer></div>
+<div class="theme-admonition theme-admonition-caution admonition_yLUd alert alert--warning"><div class="admonitionHeading_ulUq"><span class="admonitionIcon_Wbvt"><svg viewBox="0 0 16 16"><path fill-rule="evenodd" d="M8.893 1.5c-.183-.31-.52-.5-.887-.5s-.703.19-.886.5L.138 13.499a.98.98 0 0 0 0 1.001c.193.31.53.501.886.501h13.964c.367 0 .704-.19.877-.5a1.03 1.03 0 0 0 .01-1.002L8.893 1.5zm.133 11.497H6.987v-2.003h2.039v2.003zm0-3.004H6.987V5.987h2.039v4.006z"></path></svg></span>WIP</div><div class="admonitionContent_mbd8"><div><p>この記事は執筆中です</p><p>その公開を早めるために、以下の方法があります。</p><ul><li>📢 フィードバックを共有する <a href="https://github.com/feature-sliced/documentation/issues/197" target="_blank" rel="noopener noreferrer">（チケットでのコメント/絵文字リアクション）</a></li><li>💬 チャットでの議論結果をチケットにまとめる <a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer">（チャットURL）</a></li><li>⚒️ 他の方法で<a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer">貢献する</a></li></ul><br><p><i>🍰 Stay tuned!</i></p></div></div></div></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/ja/docusaurus-plugin-content-docs/current/guides/examples/browser-api.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>このページを編集</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">最終更新<!-- --> <b><time datetime="2024-10-07T18:23:06.000Z" itemprop="dateModified">2024年10月7日</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="ドキュメントページのナビゲーション"></nav></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">仕様</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/ja/docs">ドキュメント</a></li><li class="footer__item"><a class="footer__link-item" href="/ja/community">コミュニティ</a></li><li class="footer__item"><a class="footer__link-item" href="/ja/nav">ヘルプ</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">ディスカッション<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">コミュニティ</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">X<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">その他</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">ライセンス<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/ja/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/ja/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2024  Feature-Sliced Design</div></div></div></footer></div>
 </body>
 </html>
\ No newline at end of file
diff --git a/ja/docs/guides/examples/cms.html b/ja/docs/guides/examples/cms.html
index 3bb1a38e18..b724057de1 100644
--- a/ja/docs/guides/examples/cms.html
+++ b/ja/docs/guides/examples/cms.html
@@ -9,11 +9,11 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/ja/opensearch.xml"><link rel="stylesheet" href="/ja/assets/css/styles.c2f43f9a.css">
-<script src="/ja/assets/js/runtime~main.ac5b7a06.js" defer="defer"></script>
-<script src="/ja/assets/js/main.cdd867c6.js" defer="defer"></script>
+<script src="/ja/assets/js/runtime~main.37f69f93.js" defer="defer"></script>
+<script src="/ja/assets/js/main.29fd47b7.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="メインコンテンツにスキップ"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">メインコンテンツにスキップ</a></div><nav aria-label="ナビゲーション" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="ナビゲーションバーを開く" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/ja/"><div class="navbar__logo"><img src="/ja/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/ja/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/ja/docs">📖 ドキュメント</a><a class="navbar__item navbar__link" href="/ja/community">💫 コミュニティ</a><a class="navbar__item navbar__link" href="/ja/blog">📝 ブログ</a><a class="navbar__item navbar__link" href="/ja/examples">🛠 実装例</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/ja/docs/guides/examples/cms">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a aria-current="page" class="dropdown__link dropdown__link--active" href="/ja/docs/guides/examples/cms">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/ja/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>日本語</a><ul class="dropdown__menu"><li><a href="/ru/docs/guides/examples/cms" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ru">Русский</a></li><li><a href="/docs/guides/examples/cms" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/uz/docs/guides/examples/cms" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/docs/guides/examples/cms" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="kr">한국어</a></li><li><a href="/ja/docs/guides/examples/cms" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="ダークモードを切り替える(現在はライトモード)" aria-label="ダークモードを切り替える(現在はライトモード)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="検索"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">検索</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><div class="docsWrapper_rDLg"><button aria-label="先頭へ戻る" class="clean-btn theme-back-to-top-button backToTopButton_JQoL" type="button"></button><div class="docRoot_GkJk"><aside class="theme-doc-sidebar-container docSidebarContainer_xiHB"><div class="sidebarViewport_DaHB"><div class="sidebar_Kb82"><nav aria-label="ドキュメントのサイドバー" class="menu thin-scrollbar menu_AkOp"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--active" href="/ja/docs/guides">🎯  ガイド</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--active" tabindex="0" href="/ja/docs/guides/examples">実装例</a><button aria-label="&#x27;実装例&#x27;の目次を隠す" aria-expanded="true" type="button" class="clean-btn menu__caret"></button></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/ja/docs/guides/examples/auth">認証</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/ja/docs/guides/examples/types">型</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/ja/docs/guides/examples/page-layout">ページレイアウト</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item sidebar-item--wip"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/ja/docs/guides/examples/cms">CMS</a></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/ja/docs/guides/migration/from-custom">移行</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/ja/docs/guides/tech/with-nextjs">技術</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/ja/docs/guides/issues/desegmented">Code smells &amp; Issues</a></div></li></ul></li></ul></nav><button type="button" title="サイドバーを折りたたむ" aria-label="サイドバーを折りたたむ" class="button button--secondary button--outline collapseSidebarButton_L8vW"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_hYfn"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_uESP"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_w6lk"><div class="theme-admonition theme-admonition-caution admonition_yLUd alert alert--warning theme-unlisted-banner"><div class="admonitionHeading_ulUq"><span class="admonitionIcon_Wbvt"><svg viewBox="0 0 16 16"><path fill-rule="evenodd" d="M8.893 1.5c-.183-.31-.52-.5-.887-.5s-.703.19-.886.5L.138 13.499a.98.98 0 0 0 0 1.001c.193.31.53.501.886.501h13.964c.367 0 .704-.19.877-.5a1.03 1.03 0 0 0 .01-1.002L8.893 1.5zm.133 11.497H6.987v-2.003h2.039v2.003zm0-3.004H6.987V5.987h2.039v4.006z"></path></svg></span>非公開のページ</div><div class="admonitionContent_mbd8">このページは非公開です。 検索対象外となり、このページのリンクに直接アクセスできるユーザーのみに公開されます。</div></div><div class="docItemContainer_b1tn"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_ioLt" aria-label="パンくずリストのナビゲーション"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="ホームページ" class="breadcrumbs__link" href="/ja/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_ZfEo"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/ja/docs/guides"><span itemprop="name">🎯  ガイド</span></a><meta itemprop="position" content="1"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/ja/docs/guides/examples"><span itemprop="name">実装例</span></a><meta itemprop="position" content="2"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">CMS</span><meta itemprop="position" content="3"></li></ul></nav><div class="theme-doc-markdown markdown"><header><h1>CMS</h1></header>
-<div class="theme-admonition theme-admonition-caution admonition_yLUd alert alert--warning"><div class="admonitionHeading_ulUq"><span class="admonitionIcon_Wbvt"><svg viewBox="0 0 16 16"><path fill-rule="evenodd" d="M8.893 1.5c-.183-.31-.52-.5-.887-.5s-.703.19-.886.5L.138 13.499a.98.98 0 0 0 0 1.001c.193.31.53.501.886.501h13.964c.367 0 .704-.19.877-.5a1.03 1.03 0 0 0 .01-1.002L8.893 1.5zm.133 11.497H6.987v-2.003h2.039v2.003zm0-3.004H6.987V5.987h2.039v4.006z"></path></svg></span>WIP</div><div class="admonitionContent_mbd8"><div><p>この記事は執筆中です</p><p>その公開を早めるために、以下の方法があります。</p><ul><li>📢 フィードバックを共有する <a href="https://github.com/feature-sliced/documentation/issues/172" target="_blank" rel="noopener noreferrer">（チケットでのコメント/絵文字リアクション）</a></li><li>💬 チャットでの議論結果をチケットにまとめる <a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer">（チャットURL）</a></li><li>⚒️ 他の方法で<a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer">貢献する</a></li></ul><br><p><i>🍰 Stay tuned!</i></p></div></div></div></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/ja/docusaurus-plugin-content-docs/current/guides/examples/cms.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>このページを編集</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">最終更新<!-- --> <b><time datetime="2024-09-29T11:02:46.000Z" itemprop="dateModified">2024年9月29日</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="ドキュメントページのナビゲーション"></nav></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">仕様</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/ja/docs">ドキュメント</a></li><li class="footer__item"><a class="footer__link-item" href="/ja/community">コミュニティ</a></li><li class="footer__item"><a class="footer__link-item" href="/ja/nav">ヘルプ</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">ディスカッション<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">コミュニティ</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">X<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">その他</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">ライセンス<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/ja/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/ja/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2024  Feature-Sliced Design</div></div></div></footer></div>
+<div class="theme-admonition theme-admonition-caution admonition_yLUd alert alert--warning"><div class="admonitionHeading_ulUq"><span class="admonitionIcon_Wbvt"><svg viewBox="0 0 16 16"><path fill-rule="evenodd" d="M8.893 1.5c-.183-.31-.52-.5-.887-.5s-.703.19-.886.5L.138 13.499a.98.98 0 0 0 0 1.001c.193.31.53.501.886.501h13.964c.367 0 .704-.19.877-.5a1.03 1.03 0 0 0 .01-1.002L8.893 1.5zm.133 11.497H6.987v-2.003h2.039v2.003zm0-3.004H6.987V5.987h2.039v4.006z"></path></svg></span>WIP</div><div class="admonitionContent_mbd8"><div><p>この記事は執筆中です</p><p>その公開を早めるために、以下の方法があります。</p><ul><li>📢 フィードバックを共有する <a href="https://github.com/feature-sliced/documentation/issues/172" target="_blank" rel="noopener noreferrer">（チケットでのコメント/絵文字リアクション）</a></li><li>💬 チャットでの議論結果をチケットにまとめる <a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer">（チャットURL）</a></li><li>⚒️ 他の方法で<a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer">貢献する</a></li></ul><br><p><i>🍰 Stay tuned!</i></p></div></div></div></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/ja/docusaurus-plugin-content-docs/current/guides/examples/cms.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>このページを編集</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">最終更新<!-- --> <b><time datetime="2024-10-07T18:23:06.000Z" itemprop="dateModified">2024年10月7日</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="ドキュメントページのナビゲーション"></nav></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">仕様</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/ja/docs">ドキュメント</a></li><li class="footer__item"><a class="footer__link-item" href="/ja/community">コミュニティ</a></li><li class="footer__item"><a class="footer__link-item" href="/ja/nav">ヘルプ</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">ディスカッション<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">コミュニティ</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">X<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">その他</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">ライセンス<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/ja/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/ja/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2024  Feature-Sliced Design</div></div></div></footer></div>
 </body>
 </html>
\ No newline at end of file
diff --git a/ja/docs/guides/examples/feedback.html b/ja/docs/guides/examples/feedback.html
index 764a85f71d..bf4103f6ff 100644
--- a/ja/docs/guides/examples/feedback.html
+++ b/ja/docs/guides/examples/feedback.html
@@ -9,11 +9,11 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/ja/opensearch.xml"><link rel="stylesheet" href="/ja/assets/css/styles.c2f43f9a.css">
-<script src="/ja/assets/js/runtime~main.ac5b7a06.js" defer="defer"></script>
-<script src="/ja/assets/js/main.cdd867c6.js" defer="defer"></script>
+<script src="/ja/assets/js/runtime~main.37f69f93.js" defer="defer"></script>
+<script src="/ja/assets/js/main.29fd47b7.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="メインコンテンツにスキップ"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">メインコンテンツにスキップ</a></div><nav aria-label="ナビゲーション" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="ナビゲーションバーを開く" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/ja/"><div class="navbar__logo"><img src="/ja/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/ja/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/ja/docs">📖 ドキュメント</a><a class="navbar__item navbar__link" href="/ja/community">💫 コミュニティ</a><a class="navbar__item navbar__link" href="/ja/blog">📝 ブログ</a><a class="navbar__item navbar__link" href="/ja/examples">🛠 実装例</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/ja/docs/guides/examples/feedback">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a aria-current="page" class="dropdown__link dropdown__link--active" href="/ja/docs/guides/examples/feedback">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/ja/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>日本語</a><ul class="dropdown__menu"><li><a href="/ru/docs/guides/examples/feedback" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ru">Русский</a></li><li><a href="/docs/guides/examples/feedback" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/uz/docs/guides/examples/feedback" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/docs/guides/examples/feedback" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="kr">한국어</a></li><li><a href="/ja/docs/guides/examples/feedback" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="ダークモードを切り替える(現在はライトモード)" aria-label="ダークモードを切り替える(現在はライトモード)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="検索"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">検索</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><div class="docsWrapper_rDLg"><button aria-label="先頭へ戻る" class="clean-btn theme-back-to-top-button backToTopButton_JQoL" type="button"></button><div class="docRoot_GkJk"><aside class="theme-doc-sidebar-container docSidebarContainer_xiHB"><div class="sidebarViewport_DaHB"><div class="sidebar_Kb82"><nav aria-label="ドキュメントのサイドバー" class="menu thin-scrollbar menu_AkOp"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--active" href="/ja/docs/guides">🎯  ガイド</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--active" tabindex="0" href="/ja/docs/guides/examples">実装例</a><button aria-label="&#x27;実装例&#x27;の目次を隠す" aria-expanded="true" type="button" class="clean-btn menu__caret"></button></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/ja/docs/guides/examples/auth">認証</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/ja/docs/guides/examples/types">型</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/ja/docs/guides/examples/page-layout">ページレイアウト</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item sidebar-item--wip"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/ja/docs/guides/examples/feedback">フィードバック</a></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/ja/docs/guides/migration/from-custom">移行</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/ja/docs/guides/tech/with-nextjs">技術</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/ja/docs/guides/issues/desegmented">Code smells &amp; Issues</a></div></li></ul></li></ul></nav><button type="button" title="サイドバーを折りたたむ" aria-label="サイドバーを折りたたむ" class="button button--secondary button--outline collapseSidebarButton_L8vW"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_hYfn"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_uESP"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_w6lk"><div class="theme-admonition theme-admonition-caution admonition_yLUd alert alert--warning theme-unlisted-banner"><div class="admonitionHeading_ulUq"><span class="admonitionIcon_Wbvt"><svg viewBox="0 0 16 16"><path fill-rule="evenodd" d="M8.893 1.5c-.183-.31-.52-.5-.887-.5s-.703.19-.886.5L.138 13.499a.98.98 0 0 0 0 1.001c.193.31.53.501.886.501h13.964c.367 0 .704-.19.877-.5a1.03 1.03 0 0 0 .01-1.002L8.893 1.5zm.133 11.497H6.987v-2.003h2.039v2.003zm0-3.004H6.987V5.987h2.039v4.006z"></path></svg></span>非公開のページ</div><div class="admonitionContent_mbd8">このページは非公開です。 検索対象外となり、このページのリンクに直接アクセスできるユーザーのみに公開されます。</div></div><div class="docItemContainer_b1tn"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_ioLt" aria-label="パンくずリストのナビゲーション"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="ホームページ" class="breadcrumbs__link" href="/ja/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_ZfEo"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/ja/docs/guides"><span itemprop="name">🎯  ガイド</span></a><meta itemprop="position" content="1"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/ja/docs/guides/examples"><span itemprop="name">実装例</span></a><meta itemprop="position" content="2"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">フィードバック</span><meta itemprop="position" content="3"></li></ul></nav><div class="theme-doc-markdown markdown"><header><h1>フィードバック</h1></header>
-<div class="theme-admonition theme-admonition-caution admonition_yLUd alert alert--warning"><div class="admonitionHeading_ulUq"><span class="admonitionIcon_Wbvt"><svg viewBox="0 0 16 16"><path fill-rule="evenodd" d="M8.893 1.5c-.183-.31-.52-.5-.887-.5s-.703.19-.886.5L.138 13.499a.98.98 0 0 0 0 1.001c.193.31.53.501.886.501h13.964c.367 0 .704-.19.877-.5a1.03 1.03 0 0 0 .01-1.002L8.893 1.5zm.133 11.497H6.987v-2.003h2.039v2.003zm0-3.004H6.987V5.987h2.039v4.006z"></path></svg></span>WIP</div><div class="admonitionContent_mbd8"><div><p>この記事は執筆中です</p><p>その公開を早めるために、以下の方法があります。</p><ul><li>📢 フィードバックを共有する <a href="https://github.com/feature-sliced/documentation/issues/187" target="_blank" rel="noopener noreferrer">（チケットでのコメント/絵文字リアクション）</a></li><li>💬 チャットでの議論結果をチケットにまとめる <a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer">（チャットURL）</a></li><li>⚒️ 他の方法で<a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer">貢献する</a></li></ul><br><p><i>🍰 Stay tuned!</i></p></div></div></div></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/ja/docusaurus-plugin-content-docs/current/guides/examples/feedback.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>このページを編集</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">最終更新<!-- --> <b><time datetime="2024-09-29T11:02:46.000Z" itemprop="dateModified">2024年9月29日</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="ドキュメントページのナビゲーション"></nav></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">仕様</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/ja/docs">ドキュメント</a></li><li class="footer__item"><a class="footer__link-item" href="/ja/community">コミュニティ</a></li><li class="footer__item"><a class="footer__link-item" href="/ja/nav">ヘルプ</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">ディスカッション<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">コミュニティ</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">X<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">その他</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">ライセンス<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/ja/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/ja/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2024  Feature-Sliced Design</div></div></div></footer></div>
+<div class="theme-admonition theme-admonition-caution admonition_yLUd alert alert--warning"><div class="admonitionHeading_ulUq"><span class="admonitionIcon_Wbvt"><svg viewBox="0 0 16 16"><path fill-rule="evenodd" d="M8.893 1.5c-.183-.31-.52-.5-.887-.5s-.703.19-.886.5L.138 13.499a.98.98 0 0 0 0 1.001c.193.31.53.501.886.501h13.964c.367 0 .704-.19.877-.5a1.03 1.03 0 0 0 .01-1.002L8.893 1.5zm.133 11.497H6.987v-2.003h2.039v2.003zm0-3.004H6.987V5.987h2.039v4.006z"></path></svg></span>WIP</div><div class="admonitionContent_mbd8"><div><p>この記事は執筆中です</p><p>その公開を早めるために、以下の方法があります。</p><ul><li>📢 フィードバックを共有する <a href="https://github.com/feature-sliced/documentation/issues/187" target="_blank" rel="noopener noreferrer">（チケットでのコメント/絵文字リアクション）</a></li><li>💬 チャットでの議論結果をチケットにまとめる <a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer">（チャットURL）</a></li><li>⚒️ 他の方法で<a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer">貢献する</a></li></ul><br><p><i>🍰 Stay tuned!</i></p></div></div></div></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/ja/docusaurus-plugin-content-docs/current/guides/examples/feedback.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>このページを編集</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">最終更新<!-- --> <b><time datetime="2024-10-07T18:23:06.000Z" itemprop="dateModified">2024年10月7日</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="ドキュメントページのナビゲーション"></nav></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">仕様</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/ja/docs">ドキュメント</a></li><li class="footer__item"><a class="footer__link-item" href="/ja/community">コミュニティ</a></li><li class="footer__item"><a class="footer__link-item" href="/ja/nav">ヘルプ</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">ディスカッション<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">コミュニティ</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">X<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">その他</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">ライセンス<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/ja/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/ja/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2024  Feature-Sliced Design</div></div></div></footer></div>
 </body>
 </html>
\ No newline at end of file
diff --git a/ja/docs/guides/examples/i18n.html b/ja/docs/guides/examples/i18n.html
index ca633153e6..0b6dbfda84 100644
--- a/ja/docs/guides/examples/i18n.html
+++ b/ja/docs/guides/examples/i18n.html
@@ -9,11 +9,11 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/ja/opensearch.xml"><link rel="stylesheet" href="/ja/assets/css/styles.c2f43f9a.css">
-<script src="/ja/assets/js/runtime~main.ac5b7a06.js" defer="defer"></script>
-<script src="/ja/assets/js/main.cdd867c6.js" defer="defer"></script>
+<script src="/ja/assets/js/runtime~main.37f69f93.js" defer="defer"></script>
+<script src="/ja/assets/js/main.29fd47b7.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="メインコンテンツにスキップ"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">メインコンテンツにスキップ</a></div><nav aria-label="ナビゲーション" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="ナビゲーションバーを開く" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/ja/"><div class="navbar__logo"><img src="/ja/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/ja/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/ja/docs">📖 ドキュメント</a><a class="navbar__item navbar__link" href="/ja/community">💫 コミュニティ</a><a class="navbar__item navbar__link" href="/ja/blog">📝 ブログ</a><a class="navbar__item navbar__link" href="/ja/examples">🛠 実装例</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/ja/docs/guides/examples/i18n">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a aria-current="page" class="dropdown__link dropdown__link--active" href="/ja/docs/guides/examples/i18n">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/ja/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>日本語</a><ul class="dropdown__menu"><li><a href="/ru/docs/guides/examples/i18n" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ru">Русский</a></li><li><a href="/docs/guides/examples/i18n" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/uz/docs/guides/examples/i18n" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/docs/guides/examples/i18n" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="kr">한국어</a></li><li><a href="/ja/docs/guides/examples/i18n" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="ダークモードを切り替える(現在はライトモード)" aria-label="ダークモードを切り替える(現在はライトモード)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="検索"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">検索</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><div class="docsWrapper_rDLg"><button aria-label="先頭へ戻る" class="clean-btn theme-back-to-top-button backToTopButton_JQoL" type="button"></button><div class="docRoot_GkJk"><aside class="theme-doc-sidebar-container docSidebarContainer_xiHB"><div class="sidebarViewport_DaHB"><div class="sidebar_Kb82"><nav aria-label="ドキュメントのサイドバー" class="menu thin-scrollbar menu_AkOp"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--active" href="/ja/docs/guides">🎯  ガイド</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--active" tabindex="0" href="/ja/docs/guides/examples">実装例</a><button aria-label="&#x27;実装例&#x27;の目次を隠す" aria-expanded="true" type="button" class="clean-btn menu__caret"></button></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/ja/docs/guides/examples/auth">認証</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/ja/docs/guides/examples/types">型</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/ja/docs/guides/examples/page-layout">ページレイアウト</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item sidebar-item--wip"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/ja/docs/guides/examples/i18n">i18n</a></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/ja/docs/guides/migration/from-custom">移行</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/ja/docs/guides/tech/with-nextjs">技術</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/ja/docs/guides/issues/desegmented">Code smells &amp; Issues</a></div></li></ul></li></ul></nav><button type="button" title="サイドバーを折りたたむ" aria-label="サイドバーを折りたたむ" class="button button--secondary button--outline collapseSidebarButton_L8vW"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_hYfn"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_uESP"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_w6lk"><div class="theme-admonition theme-admonition-caution admonition_yLUd alert alert--warning theme-unlisted-banner"><div class="admonitionHeading_ulUq"><span class="admonitionIcon_Wbvt"><svg viewBox="0 0 16 16"><path fill-rule="evenodd" d="M8.893 1.5c-.183-.31-.52-.5-.887-.5s-.703.19-.886.5L.138 13.499a.98.98 0 0 0 0 1.001c.193.31.53.501.886.501h13.964c.367 0 .704-.19.877-.5a1.03 1.03 0 0 0 .01-1.002L8.893 1.5zm.133 11.497H6.987v-2.003h2.039v2.003zm0-3.004H6.987V5.987h2.039v4.006z"></path></svg></span>非公開のページ</div><div class="admonitionContent_mbd8">このページは非公開です。 検索対象外となり、このページのリンクに直接アクセスできるユーザーのみに公開されます。</div></div><div class="docItemContainer_b1tn"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_ioLt" aria-label="パンくずリストのナビゲーション"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="ホームページ" class="breadcrumbs__link" href="/ja/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_ZfEo"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/ja/docs/guides"><span itemprop="name">🎯  ガイド</span></a><meta itemprop="position" content="1"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/ja/docs/guides/examples"><span itemprop="name">実装例</span></a><meta itemprop="position" content="2"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">i18n</span><meta itemprop="position" content="3"></li></ul></nav><div class="theme-doc-markdown markdown"><header><h1>i18n</h1></header>
-<div class="theme-admonition theme-admonition-caution admonition_yLUd alert alert--warning"><div class="admonitionHeading_ulUq"><span class="admonitionIcon_Wbvt"><svg viewBox="0 0 16 16"><path fill-rule="evenodd" d="M8.893 1.5c-.183-.31-.52-.5-.887-.5s-.703.19-.886.5L.138 13.499a.98.98 0 0 0 0 1.001c.193.31.53.501.886.501h13.964c.367 0 .704-.19.877-.5a1.03 1.03 0 0 0 .01-1.002L8.893 1.5zm.133 11.497H6.987v-2.003h2.039v2.003zm0-3.004H6.987V5.987h2.039v4.006z"></path></svg></span>WIP</div><div class="admonitionContent_mbd8"><div><p>この記事は執筆中です</p><p>その公開を早めるために、以下の方法があります。</p><ul><li>📢 フィードバックを共有する <a href="https://github.com/feature-sliced/documentation/issues/171" target="_blank" rel="noopener noreferrer">（チケットでのコメント/絵文字リアクション）</a></li><li>💬 チャットでの議論結果をチケットにまとめる <a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer">（チャットURL）</a></li><li>⚒️ 他の方法で<a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer">貢献する</a></li></ul><br><p><i>🍰 Stay tuned!</i></p></div></div></div></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/ja/docusaurus-plugin-content-docs/current/guides/examples/i18n.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>このページを編集</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">最終更新<!-- --> <b><time datetime="2024-09-29T11:02:46.000Z" itemprop="dateModified">2024年9月29日</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="ドキュメントページのナビゲーション"></nav></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">仕様</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/ja/docs">ドキュメント</a></li><li class="footer__item"><a class="footer__link-item" href="/ja/community">コミュニティ</a></li><li class="footer__item"><a class="footer__link-item" href="/ja/nav">ヘルプ</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">ディスカッション<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">コミュニティ</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">X<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">その他</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">ライセンス<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/ja/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/ja/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2024  Feature-Sliced Design</div></div></div></footer></div>
+<div class="theme-admonition theme-admonition-caution admonition_yLUd alert alert--warning"><div class="admonitionHeading_ulUq"><span class="admonitionIcon_Wbvt"><svg viewBox="0 0 16 16"><path fill-rule="evenodd" d="M8.893 1.5c-.183-.31-.52-.5-.887-.5s-.703.19-.886.5L.138 13.499a.98.98 0 0 0 0 1.001c.193.31.53.501.886.501h13.964c.367 0 .704-.19.877-.5a1.03 1.03 0 0 0 .01-1.002L8.893 1.5zm.133 11.497H6.987v-2.003h2.039v2.003zm0-3.004H6.987V5.987h2.039v4.006z"></path></svg></span>WIP</div><div class="admonitionContent_mbd8"><div><p>この記事は執筆中です</p><p>その公開を早めるために、以下の方法があります。</p><ul><li>📢 フィードバックを共有する <a href="https://github.com/feature-sliced/documentation/issues/171" target="_blank" rel="noopener noreferrer">（チケットでのコメント/絵文字リアクション）</a></li><li>💬 チャットでの議論結果をチケットにまとめる <a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer">（チャットURL）</a></li><li>⚒️ 他の方法で<a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer">貢献する</a></li></ul><br><p><i>🍰 Stay tuned!</i></p></div></div></div></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/ja/docusaurus-plugin-content-docs/current/guides/examples/i18n.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>このページを編集</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">最終更新<!-- --> <b><time datetime="2024-10-07T18:23:06.000Z" itemprop="dateModified">2024年10月7日</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="ドキュメントページのナビゲーション"></nav></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">仕様</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/ja/docs">ドキュメント</a></li><li class="footer__item"><a class="footer__link-item" href="/ja/community">コミュニティ</a></li><li class="footer__item"><a class="footer__link-item" href="/ja/nav">ヘルプ</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">ディスカッション<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">コミュニティ</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">X<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">その他</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">ライセンス<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/ja/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/ja/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2024  Feature-Sliced Design</div></div></div></footer></div>
 </body>
 </html>
\ No newline at end of file
diff --git a/ja/docs/guides/examples/metric.html b/ja/docs/guides/examples/metric.html
index 8a69c34145..a160acf502 100644
--- a/ja/docs/guides/examples/metric.html
+++ b/ja/docs/guides/examples/metric.html
@@ -9,11 +9,11 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/ja/opensearch.xml"><link rel="stylesheet" href="/ja/assets/css/styles.c2f43f9a.css">
-<script src="/ja/assets/js/runtime~main.ac5b7a06.js" defer="defer"></script>
-<script src="/ja/assets/js/main.cdd867c6.js" defer="defer"></script>
+<script src="/ja/assets/js/runtime~main.37f69f93.js" defer="defer"></script>
+<script src="/ja/assets/js/main.29fd47b7.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="メインコンテンツにスキップ"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">メインコンテンツにスキップ</a></div><nav aria-label="ナビゲーション" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="ナビゲーションバーを開く" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/ja/"><div class="navbar__logo"><img src="/ja/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/ja/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/ja/docs">📖 ドキュメント</a><a class="navbar__item navbar__link" href="/ja/community">💫 コミュニティ</a><a class="navbar__item navbar__link" href="/ja/blog">📝 ブログ</a><a class="navbar__item navbar__link" href="/ja/examples">🛠 実装例</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/ja/docs/guides/examples/metric">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a aria-current="page" class="dropdown__link dropdown__link--active" href="/ja/docs/guides/examples/metric">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/ja/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>日本語</a><ul class="dropdown__menu"><li><a href="/ru/docs/guides/examples/metric" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ru">Русский</a></li><li><a href="/docs/guides/examples/metric" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/uz/docs/guides/examples/metric" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/docs/guides/examples/metric" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="kr">한국어</a></li><li><a href="/ja/docs/guides/examples/metric" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="ダークモードを切り替える(現在はライトモード)" aria-label="ダークモードを切り替える(現在はライトモード)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="検索"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">検索</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><div class="docsWrapper_rDLg"><button aria-label="先頭へ戻る" class="clean-btn theme-back-to-top-button backToTopButton_JQoL" type="button"></button><div class="docRoot_GkJk"><aside class="theme-doc-sidebar-container docSidebarContainer_xiHB"><div class="sidebarViewport_DaHB"><div class="sidebar_Kb82"><nav aria-label="ドキュメントのサイドバー" class="menu thin-scrollbar menu_AkOp"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--active" href="/ja/docs/guides">🎯  ガイド</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--active" tabindex="0" href="/ja/docs/guides/examples">実装例</a><button aria-label="&#x27;実装例&#x27;の目次を隠す" aria-expanded="true" type="button" class="clean-btn menu__caret"></button></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/ja/docs/guides/examples/auth">認証</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/ja/docs/guides/examples/types">型</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/ja/docs/guides/examples/page-layout">ページレイアウト</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item sidebar-item--wip"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/ja/docs/guides/examples/metric">メトリクス</a></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/ja/docs/guides/migration/from-custom">移行</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/ja/docs/guides/tech/with-nextjs">技術</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/ja/docs/guides/issues/desegmented">Code smells &amp; Issues</a></div></li></ul></li></ul></nav><button type="button" title="サイドバーを折りたたむ" aria-label="サイドバーを折りたたむ" class="button button--secondary button--outline collapseSidebarButton_L8vW"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_hYfn"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_uESP"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_w6lk"><div class="theme-admonition theme-admonition-caution admonition_yLUd alert alert--warning theme-unlisted-banner"><div class="admonitionHeading_ulUq"><span class="admonitionIcon_Wbvt"><svg viewBox="0 0 16 16"><path fill-rule="evenodd" d="M8.893 1.5c-.183-.31-.52-.5-.887-.5s-.703.19-.886.5L.138 13.499a.98.98 0 0 0 0 1.001c.193.31.53.501.886.501h13.964c.367 0 .704-.19.877-.5a1.03 1.03 0 0 0 .01-1.002L8.893 1.5zm.133 11.497H6.987v-2.003h2.039v2.003zm0-3.004H6.987V5.987h2.039v4.006z"></path></svg></span>非公開のページ</div><div class="admonitionContent_mbd8">このページは非公開です。 検索対象外となり、このページのリンクに直接アクセスできるユーザーのみに公開されます。</div></div><div class="docItemContainer_b1tn"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_ioLt" aria-label="パンくずリストのナビゲーション"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="ホームページ" class="breadcrumbs__link" href="/ja/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_ZfEo"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/ja/docs/guides"><span itemprop="name">🎯  ガイド</span></a><meta itemprop="position" content="1"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/ja/docs/guides/examples"><span itemprop="name">実装例</span></a><meta itemprop="position" content="2"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">メトリクス</span><meta itemprop="position" content="3"></li></ul></nav><div class="theme-doc-markdown markdown"><header><h1>メトリクス</h1></header>
-<div class="theme-admonition theme-admonition-caution admonition_yLUd alert alert--warning"><div class="admonitionHeading_ulUq"><span class="admonitionIcon_Wbvt"><svg viewBox="0 0 16 16"><path fill-rule="evenodd" d="M8.893 1.5c-.183-.31-.52-.5-.887-.5s-.703.19-.886.5L.138 13.499a.98.98 0 0 0 0 1.001c.193.31.53.501.886.501h13.964c.367 0 .704-.19.877-.5a1.03 1.03 0 0 0 .01-1.002L8.893 1.5zm.133 11.497H6.987v-2.003h2.039v2.003zm0-3.004H6.987V5.987h2.039v4.006z"></path></svg></span>WIP</div><div class="admonitionContent_mbd8"><div><p>この記事は執筆中です</p><p>その公開を早めるために、以下の方法があります。</p><ul><li>📢 フィードバックを共有する <a href="https://github.com/feature-sliced/documentation/issues/181" target="_blank" rel="noopener noreferrer">（チケットでのコメント/絵文字リアクション）</a></li><li>💬 チャットでの議論結果をチケットにまとめる <a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer">（チャットURL）</a></li><li>⚒️ 他の方法で<a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer">貢献する</a></li></ul><br><p><i>🍰 Stay tuned!</i></p></div></div></div></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/ja/docusaurus-plugin-content-docs/current/guides/examples/metric.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>このページを編集</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">最終更新<!-- --> <b><time datetime="2024-09-29T11:02:46.000Z" itemprop="dateModified">2024年9月29日</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="ドキュメントページのナビゲーション"></nav></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">仕様</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/ja/docs">ドキュメント</a></li><li class="footer__item"><a class="footer__link-item" href="/ja/community">コミュニティ</a></li><li class="footer__item"><a class="footer__link-item" href="/ja/nav">ヘルプ</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">ディスカッション<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">コミュニティ</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">X<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">その他</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">ライセンス<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/ja/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/ja/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2024  Feature-Sliced Design</div></div></div></footer></div>
+<div class="theme-admonition theme-admonition-caution admonition_yLUd alert alert--warning"><div class="admonitionHeading_ulUq"><span class="admonitionIcon_Wbvt"><svg viewBox="0 0 16 16"><path fill-rule="evenodd" d="M8.893 1.5c-.183-.31-.52-.5-.887-.5s-.703.19-.886.5L.138 13.499a.98.98 0 0 0 0 1.001c.193.31.53.501.886.501h13.964c.367 0 .704-.19.877-.5a1.03 1.03 0 0 0 .01-1.002L8.893 1.5zm.133 11.497H6.987v-2.003h2.039v2.003zm0-3.004H6.987V5.987h2.039v4.006z"></path></svg></span>WIP</div><div class="admonitionContent_mbd8"><div><p>この記事は執筆中です</p><p>その公開を早めるために、以下の方法があります。</p><ul><li>📢 フィードバックを共有する <a href="https://github.com/feature-sliced/documentation/issues/181" target="_blank" rel="noopener noreferrer">（チケットでのコメント/絵文字リアクション）</a></li><li>💬 チャットでの議論結果をチケットにまとめる <a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer">（チャットURL）</a></li><li>⚒️ 他の方法で<a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer">貢献する</a></li></ul><br><p><i>🍰 Stay tuned!</i></p></div></div></div></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/ja/docusaurus-plugin-content-docs/current/guides/examples/metric.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>このページを編集</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">最終更新<!-- --> <b><time datetime="2024-10-07T18:23:06.000Z" itemprop="dateModified">2024年10月7日</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="ドキュメントページのナビゲーション"></nav></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">仕様</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/ja/docs">ドキュメント</a></li><li class="footer__item"><a class="footer__link-item" href="/ja/community">コミュニティ</a></li><li class="footer__item"><a class="footer__link-item" href="/ja/nav">ヘルプ</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">ディスカッション<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">コミュニティ</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">X<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">その他</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">ライセンス<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/ja/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/ja/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2024  Feature-Sliced Design</div></div></div></footer></div>
 </body>
 </html>
\ No newline at end of file
diff --git a/ja/docs/guides/examples/monorepo.html b/ja/docs/guides/examples/monorepo.html
index daced25217..2b8f978f4a 100644
--- a/ja/docs/guides/examples/monorepo.html
+++ b/ja/docs/guides/examples/monorepo.html
@@ -9,11 +9,11 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/ja/opensearch.xml"><link rel="stylesheet" href="/ja/assets/css/styles.c2f43f9a.css">
-<script src="/ja/assets/js/runtime~main.ac5b7a06.js" defer="defer"></script>
-<script src="/ja/assets/js/main.cdd867c6.js" defer="defer"></script>
+<script src="/ja/assets/js/runtime~main.37f69f93.js" defer="defer"></script>
+<script src="/ja/assets/js/main.29fd47b7.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="メインコンテンツにスキップ"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">メインコンテンツにスキップ</a></div><nav aria-label="ナビゲーション" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="ナビゲーションバーを開く" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/ja/"><div class="navbar__logo"><img src="/ja/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/ja/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/ja/docs">📖 ドキュメント</a><a class="navbar__item navbar__link" href="/ja/community">💫 コミュニティ</a><a class="navbar__item navbar__link" href="/ja/blog">📝 ブログ</a><a class="navbar__item navbar__link" href="/ja/examples">🛠 実装例</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/ja/docs/guides/examples/monorepo">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a aria-current="page" class="dropdown__link dropdown__link--active" href="/ja/docs/guides/examples/monorepo">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/ja/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>日本語</a><ul class="dropdown__menu"><li><a href="/ru/docs/guides/examples/monorepo" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ru">Русский</a></li><li><a href="/docs/guides/examples/monorepo" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/uz/docs/guides/examples/monorepo" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/docs/guides/examples/monorepo" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="kr">한국어</a></li><li><a href="/ja/docs/guides/examples/monorepo" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="ダークモードを切り替える(現在はライトモード)" aria-label="ダークモードを切り替える(現在はライトモード)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="検索"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">検索</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><div class="docsWrapper_rDLg"><button aria-label="先頭へ戻る" class="clean-btn theme-back-to-top-button backToTopButton_JQoL" type="button"></button><div class="docRoot_GkJk"><aside class="theme-doc-sidebar-container docSidebarContainer_xiHB"><div class="sidebarViewport_DaHB"><div class="sidebar_Kb82"><nav aria-label="ドキュメントのサイドバー" class="menu thin-scrollbar menu_AkOp"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--active" href="/ja/docs/guides">🎯  ガイド</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--active" tabindex="0" href="/ja/docs/guides/examples">実装例</a><button aria-label="&#x27;実装例&#x27;の目次を隠す" aria-expanded="true" type="button" class="clean-btn menu__caret"></button></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/ja/docs/guides/examples/auth">認証</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/ja/docs/guides/examples/types">型</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/ja/docs/guides/examples/page-layout">ページレイアウト</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item sidebar-item--wip"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/ja/docs/guides/examples/monorepo">モノレポ</a></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/ja/docs/guides/migration/from-custom">移行</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/ja/docs/guides/tech/with-nextjs">技術</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/ja/docs/guides/issues/desegmented">Code smells &amp; Issues</a></div></li></ul></li></ul></nav><button type="button" title="サイドバーを折りたたむ" aria-label="サイドバーを折りたたむ" class="button button--secondary button--outline collapseSidebarButton_L8vW"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_hYfn"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_uESP"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_w6lk"><div class="theme-admonition theme-admonition-caution admonition_yLUd alert alert--warning theme-unlisted-banner"><div class="admonitionHeading_ulUq"><span class="admonitionIcon_Wbvt"><svg viewBox="0 0 16 16"><path fill-rule="evenodd" d="M8.893 1.5c-.183-.31-.52-.5-.887-.5s-.703.19-.886.5L.138 13.499a.98.98 0 0 0 0 1.001c.193.31.53.501.886.501h13.964c.367 0 .704-.19.877-.5a1.03 1.03 0 0 0 .01-1.002L8.893 1.5zm.133 11.497H6.987v-2.003h2.039v2.003zm0-3.004H6.987V5.987h2.039v4.006z"></path></svg></span>非公開のページ</div><div class="admonitionContent_mbd8">このページは非公開です。 検索対象外となり、このページのリンクに直接アクセスできるユーザーのみに公開されます。</div></div><div class="docItemContainer_b1tn"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_ioLt" aria-label="パンくずリストのナビゲーション"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="ホームページ" class="breadcrumbs__link" href="/ja/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_ZfEo"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/ja/docs/guides"><span itemprop="name">🎯  ガイド</span></a><meta itemprop="position" content="1"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/ja/docs/guides/examples"><span itemprop="name">実装例</span></a><meta itemprop="position" content="2"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">モノレポ</span><meta itemprop="position" content="3"></li></ul></nav><div class="theme-doc-markdown markdown"><header><h1>モノレポ</h1></header>
-<div class="theme-admonition theme-admonition-caution admonition_yLUd alert alert--warning"><div class="admonitionHeading_ulUq"><span class="admonitionIcon_Wbvt"><svg viewBox="0 0 16 16"><path fill-rule="evenodd" d="M8.893 1.5c-.183-.31-.52-.5-.887-.5s-.703.19-.886.5L.138 13.499a.98.98 0 0 0 0 1.001c.193.31.53.501.886.501h13.964c.367 0 .704-.19.877-.5a1.03 1.03 0 0 0 .01-1.002L8.893 1.5zm.133 11.497H6.987v-2.003h2.039v2.003zm0-3.004H6.987V5.987h2.039v4.006z"></path></svg></span>WIP</div><div class="admonitionContent_mbd8"><div><p>この記事は執筆中です</p><p>その公開を早めるために、以下の方法があります。</p><ul><li>📢 フィードバックを共有する <a href="https://github.com/feature-sliced/documentation/issues/221" target="_blank" rel="noopener noreferrer">（チケットでのコメント/絵文字リアクション）</a></li><li>💬 チャットでの議論結果をチケットにまとめる <a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer">（チャットURL）</a></li><li>⚒️ 他の方法で<a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer">貢献する</a></li></ul><br><p><i>🍰 Stay tuned!</i></p></div></div></div></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/ja/docusaurus-plugin-content-docs/current/guides/examples/monorepo.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>このページを編集</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">最終更新<!-- --> <b><time datetime="2024-09-29T11:02:46.000Z" itemprop="dateModified">2024年9月29日</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="ドキュメントページのナビゲーション"></nav></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">仕様</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/ja/docs">ドキュメント</a></li><li class="footer__item"><a class="footer__link-item" href="/ja/community">コミュニティ</a></li><li class="footer__item"><a class="footer__link-item" href="/ja/nav">ヘルプ</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">ディスカッション<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">コミュニティ</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">X<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">その他</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">ライセンス<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/ja/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/ja/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2024  Feature-Sliced Design</div></div></div></footer></div>
+<div class="theme-admonition theme-admonition-caution admonition_yLUd alert alert--warning"><div class="admonitionHeading_ulUq"><span class="admonitionIcon_Wbvt"><svg viewBox="0 0 16 16"><path fill-rule="evenodd" d="M8.893 1.5c-.183-.31-.52-.5-.887-.5s-.703.19-.886.5L.138 13.499a.98.98 0 0 0 0 1.001c.193.31.53.501.886.501h13.964c.367 0 .704-.19.877-.5a1.03 1.03 0 0 0 .01-1.002L8.893 1.5zm.133 11.497H6.987v-2.003h2.039v2.003zm0-3.004H6.987V5.987h2.039v4.006z"></path></svg></span>WIP</div><div class="admonitionContent_mbd8"><div><p>この記事は執筆中です</p><p>その公開を早めるために、以下の方法があります。</p><ul><li>📢 フィードバックを共有する <a href="https://github.com/feature-sliced/documentation/issues/221" target="_blank" rel="noopener noreferrer">（チケットでのコメント/絵文字リアクション）</a></li><li>💬 チャットでの議論結果をチケットにまとめる <a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer">（チャットURL）</a></li><li>⚒️ 他の方法で<a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer">貢献する</a></li></ul><br><p><i>🍰 Stay tuned!</i></p></div></div></div></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/ja/docusaurus-plugin-content-docs/current/guides/examples/monorepo.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>このページを編集</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">最終更新<!-- --> <b><time datetime="2024-10-07T18:23:06.000Z" itemprop="dateModified">2024年10月7日</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="ドキュメントページのナビゲーション"></nav></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">仕様</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/ja/docs">ドキュメント</a></li><li class="footer__item"><a class="footer__link-item" href="/ja/community">コミュニティ</a></li><li class="footer__item"><a class="footer__link-item" href="/ja/nav">ヘルプ</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">ディスカッション<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">コミュニティ</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">X<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">その他</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">ライセンス<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/ja/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/ja/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2024  Feature-Sliced Design</div></div></div></footer></div>
 </body>
 </html>
\ No newline at end of file
diff --git a/ja/docs/guides/examples/page-layout.html b/ja/docs/guides/examples/page-layout.html
index b9f6630efa..cdec174175 100644
--- a/ja/docs/guides/examples/page-layout.html
+++ b/ja/docs/guides/examples/page-layout.html
@@ -9,8 +9,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/ja/opensearch.xml"><link rel="stylesheet" href="/ja/assets/css/styles.c2f43f9a.css">
-<script src="/ja/assets/js/runtime~main.ac5b7a06.js" defer="defer"></script>
-<script src="/ja/assets/js/main.cdd867c6.js" defer="defer"></script>
+<script src="/ja/assets/js/runtime~main.37f69f93.js" defer="defer"></script>
+<script src="/ja/assets/js/main.29fd47b7.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="メインコンテンツにスキップ"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">メインコンテンツにスキップ</a></div><nav aria-label="ナビゲーション" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="ナビゲーションバーを開く" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/ja/"><div class="navbar__logo"><img src="/ja/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/ja/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/ja/docs">📖 ドキュメント</a><a class="navbar__item navbar__link" href="/ja/community">💫 コミュニティ</a><a class="navbar__item navbar__link" href="/ja/blog">📝 ブログ</a><a class="navbar__item navbar__link" href="/ja/examples">🛠 実装例</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/ja/docs/guides/examples/page-layout">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a aria-current="page" class="dropdown__link dropdown__link--active" href="/ja/docs/guides/examples/page-layout">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/ja/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>日本語</a><ul class="dropdown__menu"><li><a href="/ru/docs/guides/examples/page-layout" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ru">Русский</a></li><li><a href="/docs/guides/examples/page-layout" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/uz/docs/guides/examples/page-layout" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/docs/guides/examples/page-layout" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="kr">한국어</a></li><li><a href="/ja/docs/guides/examples/page-layout" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="ダークモードを切り替える(現在はライトモード)" aria-label="ダークモードを切り替える(現在はライトモード)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="検索"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">検索</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><div class="docsWrapper_rDLg"><button aria-label="先頭へ戻る" class="clean-btn theme-back-to-top-button backToTopButton_JQoL" type="button"></button><div class="docRoot_GkJk"><aside class="theme-doc-sidebar-container docSidebarContainer_xiHB"><div class="sidebarViewport_DaHB"><div class="sidebar_Kb82"><nav aria-label="ドキュメントのサイドバー" class="menu thin-scrollbar menu_AkOp"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--active" href="/ja/docs/guides">🎯  ガイド</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--active" tabindex="0" href="/ja/docs/guides/examples">実装例</a><button aria-label="&#x27;実装例&#x27;の目次を隠す" aria-expanded="true" type="button" class="clean-btn menu__caret"></button></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/ja/docs/guides/examples/auth">認証</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/ja/docs/guides/examples/types">型</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/ja/docs/guides/examples/page-layout">ページレイアウト</a></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/ja/docs/guides/migration/from-custom">移行</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/ja/docs/guides/tech/with-nextjs">技術</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/ja/docs/guides/issues/desegmented">Code smells &amp; Issues</a></div></li></ul></li></ul></nav><button type="button" title="サイドバーを折りたたむ" aria-label="サイドバーを折りたたむ" class="button button--secondary button--outline collapseSidebarButton_L8vW"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_hYfn"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_uESP"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_w6lk"><div class="docItemContainer_b1tn"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_ioLt" aria-label="パンくずリストのナビゲーション"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="ホームページ" class="breadcrumbs__link" href="/ja/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_ZfEo"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/ja/docs/guides"><span itemprop="name">🎯  ガイド</span></a><meta itemprop="position" content="1"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/ja/docs/guides/examples"><span itemprop="name">実装例</span></a><meta itemprop="position" content="2"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">ページレイアウト</span><meta itemprop="position" content="3"></li></ul></nav><div class="tocCollapsible_EkMH theme-doc-toc-mobile tocMobile_XRnS"><button type="button" class="clean-btn tocCollapsibleButton_ID8T">このページの見出し</button></div><div class="theme-doc-markdown markdown"><header><h1>ページレイアウト</h1></header>
@@ -51,6 +51,6 @@ <h2 class="anchor anchorWithStickyNavbar_QzlE" id="レイアウトでのウィ
 <h2 class="anchor anchorWithStickyNavbar_QzlE" id="追加資料">追加資料<a href="#追加資料" class="hash-link" aria-label="この見出しへの直接リンク" title="この見出しへの直接リンク">​</a></h2>
 <ul>
 <li>ReactとRemixを使用した認証付きレイアウトの作成例は<a href="/ja/docs/get-started/tutorial">チュートリアル</a>で見つけることができます（React Routerに類似する）。</li>
-</ul></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/ja/docusaurus-plugin-content-docs/current/guides/examples/page-layout.md" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>このページを編集</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">最終更新<!-- --> <b><time datetime="2024-09-29T11:02:46.000Z" itemprop="dateModified">2024年9月29日</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="ドキュメントページのナビゲーション"><a class="pagination-nav__link pagination-nav__link--prev" href="/ja/docs/guides/examples/types"><div class="pagination-nav__sublabel">前のページ</div><div class="pagination-nav__label">型</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/ja/docs/guides/migration/from-custom"><div class="pagination-nav__sublabel">次のページ</div><div class="pagination-nav__label">カスタムアーキテクチャからの移行</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#シンプルなレイアウト" class="table-of-contents__link toc-highlight">シンプルなレイアウト</a></li><li><a href="#レイアウトでのウィジェットの使用" class="table-of-contents__link toc-highlight">レイアウトでのウィジェットの使用</a></li><li><a href="#追加資料" class="table-of-contents__link toc-highlight">追加資料</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">仕様</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/ja/docs">ドキュメント</a></li><li class="footer__item"><a class="footer__link-item" href="/ja/community">コミュニティ</a></li><li class="footer__item"><a class="footer__link-item" href="/ja/nav">ヘルプ</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">ディスカッション<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">コミュニティ</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">X<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">その他</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">ライセンス<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/ja/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/ja/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2024  Feature-Sliced Design</div></div></div></footer></div>
+</ul></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/ja/docusaurus-plugin-content-docs/current/guides/examples/page-layout.md" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>このページを編集</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">最終更新<!-- --> <b><time datetime="2024-10-07T18:23:06.000Z" itemprop="dateModified">2024年10月7日</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="ドキュメントページのナビゲーション"><a class="pagination-nav__link pagination-nav__link--prev" href="/ja/docs/guides/examples/types"><div class="pagination-nav__sublabel">前のページ</div><div class="pagination-nav__label">型</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/ja/docs/guides/migration/from-custom"><div class="pagination-nav__sublabel">次のページ</div><div class="pagination-nav__label">カスタムアーキテクチャからの移行</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#シンプルなレイアウト" class="table-of-contents__link toc-highlight">シンプルなレイアウト</a></li><li><a href="#レイアウトでのウィジェットの使用" class="table-of-contents__link toc-highlight">レイアウトでのウィジェットの使用</a></li><li><a href="#追加資料" class="table-of-contents__link toc-highlight">追加資料</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">仕様</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/ja/docs">ドキュメント</a></li><li class="footer__item"><a class="footer__link-item" href="/ja/community">コミュニティ</a></li><li class="footer__item"><a class="footer__link-item" href="/ja/nav">ヘルプ</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">ディスカッション<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">コミュニティ</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">X<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">その他</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">ライセンス<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/ja/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/ja/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2024  Feature-Sliced Design</div></div></div></footer></div>
 </body>
 </html>
\ No newline at end of file
diff --git a/ja/docs/guides/examples/platforms.html b/ja/docs/guides/examples/platforms.html
index c4eb871586..efc89c6858 100644
--- a/ja/docs/guides/examples/platforms.html
+++ b/ja/docs/guides/examples/platforms.html
@@ -9,11 +9,11 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/ja/opensearch.xml"><link rel="stylesheet" href="/ja/assets/css/styles.c2f43f9a.css">
-<script src="/ja/assets/js/runtime~main.ac5b7a06.js" defer="defer"></script>
-<script src="/ja/assets/js/main.cdd867c6.js" defer="defer"></script>
+<script src="/ja/assets/js/runtime~main.37f69f93.js" defer="defer"></script>
+<script src="/ja/assets/js/main.29fd47b7.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="メインコンテンツにスキップ"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">メインコンテンツにスキップ</a></div><nav aria-label="ナビゲーション" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="ナビゲーションバーを開く" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/ja/"><div class="navbar__logo"><img src="/ja/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/ja/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/ja/docs">📖 ドキュメント</a><a class="navbar__item navbar__link" href="/ja/community">💫 コミュニティ</a><a class="navbar__item navbar__link" href="/ja/blog">📝 ブログ</a><a class="navbar__item navbar__link" href="/ja/examples">🛠 実装例</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/ja/docs/guides/examples/platforms">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a aria-current="page" class="dropdown__link dropdown__link--active" href="/ja/docs/guides/examples/platforms">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/ja/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>日本語</a><ul class="dropdown__menu"><li><a href="/ru/docs/guides/examples/platforms" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ru">Русский</a></li><li><a href="/docs/guides/examples/platforms" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/uz/docs/guides/examples/platforms" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/docs/guides/examples/platforms" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="kr">한국어</a></li><li><a href="/ja/docs/guides/examples/platforms" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="ダークモードを切り替える(現在はライトモード)" aria-label="ダークモードを切り替える(現在はライトモード)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="検索"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">検索</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><div class="docsWrapper_rDLg"><button aria-label="先頭へ戻る" class="clean-btn theme-back-to-top-button backToTopButton_JQoL" type="button"></button><div class="docRoot_GkJk"><aside class="theme-doc-sidebar-container docSidebarContainer_xiHB"><div class="sidebarViewport_DaHB"><div class="sidebar_Kb82"><nav aria-label="ドキュメントのサイドバー" class="menu thin-scrollbar menu_AkOp"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--active" href="/ja/docs/guides">🎯  ガイド</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--active" tabindex="0" href="/ja/docs/guides/examples">実装例</a><button aria-label="&#x27;実装例&#x27;の目次を隠す" aria-expanded="true" type="button" class="clean-btn menu__caret"></button></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/ja/docs/guides/examples/auth">認証</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/ja/docs/guides/examples/types">型</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/ja/docs/guides/examples/page-layout">ページレイアウト</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item sidebar-item--wip"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/ja/docs/guides/examples/platforms">デスクトップ/タッチプラットフォーム</a></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/ja/docs/guides/migration/from-custom">移行</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/ja/docs/guides/tech/with-nextjs">技術</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/ja/docs/guides/issues/desegmented">Code smells &amp; Issues</a></div></li></ul></li></ul></nav><button type="button" title="サイドバーを折りたたむ" aria-label="サイドバーを折りたたむ" class="button button--secondary button--outline collapseSidebarButton_L8vW"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_hYfn"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_uESP"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_w6lk"><div class="theme-admonition theme-admonition-caution admonition_yLUd alert alert--warning theme-unlisted-banner"><div class="admonitionHeading_ulUq"><span class="admonitionIcon_Wbvt"><svg viewBox="0 0 16 16"><path fill-rule="evenodd" d="M8.893 1.5c-.183-.31-.52-.5-.887-.5s-.703.19-.886.5L.138 13.499a.98.98 0 0 0 0 1.001c.193.31.53.501.886.501h13.964c.367 0 .704-.19.877-.5a1.03 1.03 0 0 0 .01-1.002L8.893 1.5zm.133 11.497H6.987v-2.003h2.039v2.003zm0-3.004H6.987V5.987h2.039v4.006z"></path></svg></span>非公開のページ</div><div class="admonitionContent_mbd8">このページは非公開です。 検索対象外となり、このページのリンクに直接アクセスできるユーザーのみに公開されます。</div></div><div class="docItemContainer_b1tn"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_ioLt" aria-label="パンくずリストのナビゲーション"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="ホームページ" class="breadcrumbs__link" href="/ja/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_ZfEo"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/ja/docs/guides"><span itemprop="name">🎯  ガイド</span></a><meta itemprop="position" content="1"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/ja/docs/guides/examples"><span itemprop="name">実装例</span></a><meta itemprop="position" content="2"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">デスクトップ/タッチプラットフォーム</span><meta itemprop="position" content="3"></li></ul></nav><div class="theme-doc-markdown markdown"><header><h1>デスクトップ/タッチプラットフォーム</h1></header>
-<div class="theme-admonition theme-admonition-caution admonition_yLUd alert alert--warning"><div class="admonitionHeading_ulUq"><span class="admonitionIcon_Wbvt"><svg viewBox="0 0 16 16"><path fill-rule="evenodd" d="M8.893 1.5c-.183-.31-.52-.5-.887-.5s-.703.19-.886.5L.138 13.499a.98.98 0 0 0 0 1.001c.193.31.53.501.886.501h13.964c.367 0 .704-.19.877-.5a1.03 1.03 0 0 0 .01-1.002L8.893 1.5zm.133 11.497H6.987v-2.003h2.039v2.003zm0-3.004H6.987V5.987h2.039v4.006z"></path></svg></span>WIP</div><div class="admonitionContent_mbd8"><div><p>この記事は執筆中です</p><p>その公開を早めるために、以下の方法があります。</p><ul><li>📢 フィードバックを共有する <a href="https://github.com/feature-sliced/documentation/issues/198" target="_blank" rel="noopener noreferrer">（チケットでのコメント/絵文字リアクション）</a></li><li>💬 チャットでの議論結果をチケットにまとめる <a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer">（チャットURL）</a></li><li>⚒️ 他の方法で<a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer">貢献する</a></li></ul><br><p><i>🍰 Stay tuned!</i></p></div></div></div></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/ja/docusaurus-plugin-content-docs/current/guides/examples/platforms.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>このページを編集</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">最終更新<!-- --> <b><time datetime="2024-09-29T11:02:46.000Z" itemprop="dateModified">2024年9月29日</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="ドキュメントページのナビゲーション"></nav></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">仕様</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/ja/docs">ドキュメント</a></li><li class="footer__item"><a class="footer__link-item" href="/ja/community">コミュニティ</a></li><li class="footer__item"><a class="footer__link-item" href="/ja/nav">ヘルプ</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">ディスカッション<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">コミュニティ</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">X<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">その他</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">ライセンス<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/ja/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/ja/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2024  Feature-Sliced Design</div></div></div></footer></div>
+<div class="theme-admonition theme-admonition-caution admonition_yLUd alert alert--warning"><div class="admonitionHeading_ulUq"><span class="admonitionIcon_Wbvt"><svg viewBox="0 0 16 16"><path fill-rule="evenodd" d="M8.893 1.5c-.183-.31-.52-.5-.887-.5s-.703.19-.886.5L.138 13.499a.98.98 0 0 0 0 1.001c.193.31.53.501.886.501h13.964c.367 0 .704-.19.877-.5a1.03 1.03 0 0 0 .01-1.002L8.893 1.5zm.133 11.497H6.987v-2.003h2.039v2.003zm0-3.004H6.987V5.987h2.039v4.006z"></path></svg></span>WIP</div><div class="admonitionContent_mbd8"><div><p>この記事は執筆中です</p><p>その公開を早めるために、以下の方法があります。</p><ul><li>📢 フィードバックを共有する <a href="https://github.com/feature-sliced/documentation/issues/198" target="_blank" rel="noopener noreferrer">（チケットでのコメント/絵文字リアクション）</a></li><li>💬 チャットでの議論結果をチケットにまとめる <a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer">（チャットURL）</a></li><li>⚒️ 他の方法で<a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer">貢献する</a></li></ul><br><p><i>🍰 Stay tuned!</i></p></div></div></div></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/ja/docusaurus-plugin-content-docs/current/guides/examples/platforms.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>このページを編集</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">最終更新<!-- --> <b><time datetime="2024-10-07T18:23:06.000Z" itemprop="dateModified">2024年10月7日</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="ドキュメントページのナビゲーション"></nav></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">仕様</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/ja/docs">ドキュメント</a></li><li class="footer__item"><a class="footer__link-item" href="/ja/community">コミュニティ</a></li><li class="footer__item"><a class="footer__link-item" href="/ja/nav">ヘルプ</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">ディスカッション<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">コミュニティ</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">X<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">その他</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">ライセンス<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/ja/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/ja/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2024  Feature-Sliced Design</div></div></div></footer></div>
 </body>
 </html>
\ No newline at end of file
diff --git a/ja/docs/guides/examples/ssr.html b/ja/docs/guides/examples/ssr.html
index 1fe10e110f..778bff2fcf 100644
--- a/ja/docs/guides/examples/ssr.html
+++ b/ja/docs/guides/examples/ssr.html
@@ -9,11 +9,11 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/ja/opensearch.xml"><link rel="stylesheet" href="/ja/assets/css/styles.c2f43f9a.css">
-<script src="/ja/assets/js/runtime~main.ac5b7a06.js" defer="defer"></script>
-<script src="/ja/assets/js/main.cdd867c6.js" defer="defer"></script>
+<script src="/ja/assets/js/runtime~main.37f69f93.js" defer="defer"></script>
+<script src="/ja/assets/js/main.29fd47b7.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="メインコンテンツにスキップ"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">メインコンテンツにスキップ</a></div><nav aria-label="ナビゲーション" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="ナビゲーションバーを開く" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/ja/"><div class="navbar__logo"><img src="/ja/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/ja/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/ja/docs">📖 ドキュメント</a><a class="navbar__item navbar__link" href="/ja/community">💫 コミュニティ</a><a class="navbar__item navbar__link" href="/ja/blog">📝 ブログ</a><a class="navbar__item navbar__link" href="/ja/examples">🛠 実装例</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/ja/docs/guides/examples/ssr">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a aria-current="page" class="dropdown__link dropdown__link--active" href="/ja/docs/guides/examples/ssr">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/ja/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>日本語</a><ul class="dropdown__menu"><li><a href="/ru/docs/guides/examples/ssr" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ru">Русский</a></li><li><a href="/docs/guides/examples/ssr" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/uz/docs/guides/examples/ssr" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/docs/guides/examples/ssr" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="kr">한국어</a></li><li><a href="/ja/docs/guides/examples/ssr" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="ダークモードを切り替える(現在はライトモード)" aria-label="ダークモードを切り替える(現在はライトモード)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="検索"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">検索</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><div class="docsWrapper_rDLg"><button aria-label="先頭へ戻る" class="clean-btn theme-back-to-top-button backToTopButton_JQoL" type="button"></button><div class="docRoot_GkJk"><aside class="theme-doc-sidebar-container docSidebarContainer_xiHB"><div class="sidebarViewport_DaHB"><div class="sidebar_Kb82"><nav aria-label="ドキュメントのサイドバー" class="menu thin-scrollbar menu_AkOp"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--active" href="/ja/docs/guides">🎯  ガイド</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--active" tabindex="0" href="/ja/docs/guides/examples">実装例</a><button aria-label="&#x27;実装例&#x27;の目次を隠す" aria-expanded="true" type="button" class="clean-btn menu__caret"></button></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/ja/docs/guides/examples/auth">認証</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/ja/docs/guides/examples/types">型</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/ja/docs/guides/examples/page-layout">ページレイアウト</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item sidebar-item--wip"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/ja/docs/guides/examples/ssr">SSR</a></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/ja/docs/guides/migration/from-custom">移行</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/ja/docs/guides/tech/with-nextjs">技術</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/ja/docs/guides/issues/desegmented">Code smells &amp; Issues</a></div></li></ul></li></ul></nav><button type="button" title="サイドバーを折りたたむ" aria-label="サイドバーを折りたたむ" class="button button--secondary button--outline collapseSidebarButton_L8vW"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_hYfn"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_uESP"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_w6lk"><div class="theme-admonition theme-admonition-caution admonition_yLUd alert alert--warning theme-unlisted-banner"><div class="admonitionHeading_ulUq"><span class="admonitionIcon_Wbvt"><svg viewBox="0 0 16 16"><path fill-rule="evenodd" d="M8.893 1.5c-.183-.31-.52-.5-.887-.5s-.703.19-.886.5L.138 13.499a.98.98 0 0 0 0 1.001c.193.31.53.501.886.501h13.964c.367 0 .704-.19.877-.5a1.03 1.03 0 0 0 .01-1.002L8.893 1.5zm.133 11.497H6.987v-2.003h2.039v2.003zm0-3.004H6.987V5.987h2.039v4.006z"></path></svg></span>非公開のページ</div><div class="admonitionContent_mbd8">このページは非公開です。 検索対象外となり、このページのリンクに直接アクセスできるユーザーのみに公開されます。</div></div><div class="docItemContainer_b1tn"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_ioLt" aria-label="パンくずリストのナビゲーション"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="ホームページ" class="breadcrumbs__link" href="/ja/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_ZfEo"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/ja/docs/guides"><span itemprop="name">🎯  ガイド</span></a><meta itemprop="position" content="1"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/ja/docs/guides/examples"><span itemprop="name">実装例</span></a><meta itemprop="position" content="2"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">SSR</span><meta itemprop="position" content="3"></li></ul></nav><div class="theme-doc-markdown markdown"><header><h1>SSR</h1></header>
-<div class="theme-admonition theme-admonition-caution admonition_yLUd alert alert--warning"><div class="admonitionHeading_ulUq"><span class="admonitionIcon_Wbvt"><svg viewBox="0 0 16 16"><path fill-rule="evenodd" d="M8.893 1.5c-.183-.31-.52-.5-.887-.5s-.703.19-.886.5L.138 13.499a.98.98 0 0 0 0 1.001c.193.31.53.501.886.501h13.964c.367 0 .704-.19.877-.5a1.03 1.03 0 0 0 .01-1.002L8.893 1.5zm.133 11.497H6.987v-2.003h2.039v2.003zm0-3.004H6.987V5.987h2.039v4.006z"></path></svg></span>WIP</div><div class="admonitionContent_mbd8"><div><p>この記事は執筆中です</p><p>その公開を早めるために、以下の方法があります。</p><ul><li>📢 フィードバックを共有する <a href="https://github.com/feature-sliced/documentation/issues/173" target="_blank" rel="noopener noreferrer">（チケットでのコメント/絵文字リアクション）</a></li><li>💬 チャットでの議論結果をチケットにまとめる <a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer">（チャットURL）</a></li><li>⚒️ 他の方法で<a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer">貢献する</a></li></ul><br><p><i>🍰 Stay tuned!</i></p></div></div></div></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/ja/docusaurus-plugin-content-docs/current/guides/examples/ssr.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>このページを編集</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">最終更新<!-- --> <b><time datetime="2024-09-29T11:02:46.000Z" itemprop="dateModified">2024年9月29日</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="ドキュメントページのナビゲーション"></nav></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">仕様</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/ja/docs">ドキュメント</a></li><li class="footer__item"><a class="footer__link-item" href="/ja/community">コミュニティ</a></li><li class="footer__item"><a class="footer__link-item" href="/ja/nav">ヘルプ</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">ディスカッション<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">コミュニティ</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">X<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">その他</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">ライセンス<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/ja/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/ja/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2024  Feature-Sliced Design</div></div></div></footer></div>
+<div class="theme-admonition theme-admonition-caution admonition_yLUd alert alert--warning"><div class="admonitionHeading_ulUq"><span class="admonitionIcon_Wbvt"><svg viewBox="0 0 16 16"><path fill-rule="evenodd" d="M8.893 1.5c-.183-.31-.52-.5-.887-.5s-.703.19-.886.5L.138 13.499a.98.98 0 0 0 0 1.001c.193.31.53.501.886.501h13.964c.367 0 .704-.19.877-.5a1.03 1.03 0 0 0 .01-1.002L8.893 1.5zm.133 11.497H6.987v-2.003h2.039v2.003zm0-3.004H6.987V5.987h2.039v4.006z"></path></svg></span>WIP</div><div class="admonitionContent_mbd8"><div><p>この記事は執筆中です</p><p>その公開を早めるために、以下の方法があります。</p><ul><li>📢 フィードバックを共有する <a href="https://github.com/feature-sliced/documentation/issues/173" target="_blank" rel="noopener noreferrer">（チケットでのコメント/絵文字リアクション）</a></li><li>💬 チャットでの議論結果をチケットにまとめる <a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer">（チャットURL）</a></li><li>⚒️ 他の方法で<a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer">貢献する</a></li></ul><br><p><i>🍰 Stay tuned!</i></p></div></div></div></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/ja/docusaurus-plugin-content-docs/current/guides/examples/ssr.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>このページを編集</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">最終更新<!-- --> <b><time datetime="2024-10-07T18:23:06.000Z" itemprop="dateModified">2024年10月7日</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="ドキュメントページのナビゲーション"></nav></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">仕様</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/ja/docs">ドキュメント</a></li><li class="footer__item"><a class="footer__link-item" href="/ja/community">コミュニティ</a></li><li class="footer__item"><a class="footer__link-item" href="/ja/nav">ヘルプ</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">ディスカッション<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">コミュニティ</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">X<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">その他</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">ライセンス<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/ja/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/ja/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2024  Feature-Sliced Design</div></div></div></footer></div>
 </body>
 </html>
\ No newline at end of file
diff --git a/ja/docs/guides/examples/theme.html b/ja/docs/guides/examples/theme.html
index 6f65ce63c2..8bb67720f1 100644
--- a/ja/docs/guides/examples/theme.html
+++ b/ja/docs/guides/examples/theme.html
@@ -9,11 +9,11 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/ja/opensearch.xml"><link rel="stylesheet" href="/ja/assets/css/styles.c2f43f9a.css">
-<script src="/ja/assets/js/runtime~main.ac5b7a06.js" defer="defer"></script>
-<script src="/ja/assets/js/main.cdd867c6.js" defer="defer"></script>
+<script src="/ja/assets/js/runtime~main.37f69f93.js" defer="defer"></script>
+<script src="/ja/assets/js/main.29fd47b7.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="メインコンテンツにスキップ"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">メインコンテンツにスキップ</a></div><nav aria-label="ナビゲーション" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="ナビゲーションバーを開く" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/ja/"><div class="navbar__logo"><img src="/ja/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/ja/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/ja/docs">📖 ドキュメント</a><a class="navbar__item navbar__link" href="/ja/community">💫 コミュニティ</a><a class="navbar__item navbar__link" href="/ja/blog">📝 ブログ</a><a class="navbar__item navbar__link" href="/ja/examples">🛠 実装例</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/ja/docs/guides/examples/theme">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a aria-current="page" class="dropdown__link dropdown__link--active" href="/ja/docs/guides/examples/theme">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/ja/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>日本語</a><ul class="dropdown__menu"><li><a href="/ru/docs/guides/examples/theme" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ru">Русский</a></li><li><a href="/docs/guides/examples/theme" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/uz/docs/guides/examples/theme" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/docs/guides/examples/theme" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="kr">한국어</a></li><li><a href="/ja/docs/guides/examples/theme" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="ダークモードを切り替える(現在はライトモード)" aria-label="ダークモードを切り替える(現在はライトモード)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="検索"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">検索</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><div class="docsWrapper_rDLg"><button aria-label="先頭へ戻る" class="clean-btn theme-back-to-top-button backToTopButton_JQoL" type="button"></button><div class="docRoot_GkJk"><aside class="theme-doc-sidebar-container docSidebarContainer_xiHB"><div class="sidebarViewport_DaHB"><div class="sidebar_Kb82"><nav aria-label="ドキュメントのサイドバー" class="menu thin-scrollbar menu_AkOp"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--active" href="/ja/docs/guides">🎯  ガイド</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--active" tabindex="0" href="/ja/docs/guides/examples">実装例</a><button aria-label="&#x27;実装例&#x27;の目次を隠す" aria-expanded="true" type="button" class="clean-btn menu__caret"></button></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/ja/docs/guides/examples/auth">認証</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/ja/docs/guides/examples/types">型</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/ja/docs/guides/examples/page-layout">ページレイアウト</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item sidebar-item--wip"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/ja/docs/guides/examples/theme">テーマ化</a></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/ja/docs/guides/migration/from-custom">移行</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/ja/docs/guides/tech/with-nextjs">技術</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/ja/docs/guides/issues/desegmented">Code smells &amp; Issues</a></div></li></ul></li></ul></nav><button type="button" title="サイドバーを折りたたむ" aria-label="サイドバーを折りたたむ" class="button button--secondary button--outline collapseSidebarButton_L8vW"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_hYfn"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_uESP"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_w6lk"><div class="theme-admonition theme-admonition-caution admonition_yLUd alert alert--warning theme-unlisted-banner"><div class="admonitionHeading_ulUq"><span class="admonitionIcon_Wbvt"><svg viewBox="0 0 16 16"><path fill-rule="evenodd" d="M8.893 1.5c-.183-.31-.52-.5-.887-.5s-.703.19-.886.5L.138 13.499a.98.98 0 0 0 0 1.001c.193.31.53.501.886.501h13.964c.367 0 .704-.19.877-.5a1.03 1.03 0 0 0 .01-1.002L8.893 1.5zm.133 11.497H6.987v-2.003h2.039v2.003zm0-3.004H6.987V5.987h2.039v4.006z"></path></svg></span>非公開のページ</div><div class="admonitionContent_mbd8">このページは非公開です。 検索対象外となり、このページのリンクに直接アクセスできるユーザーのみに公開されます。</div></div><div class="docItemContainer_b1tn"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_ioLt" aria-label="パンくずリストのナビゲーション"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="ホームページ" class="breadcrumbs__link" href="/ja/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_ZfEo"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/ja/docs/guides"><span itemprop="name">🎯  ガイド</span></a><meta itemprop="position" content="1"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/ja/docs/guides/examples"><span itemprop="name">実装例</span></a><meta itemprop="position" content="2"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">テーマ化</span><meta itemprop="position" content="3"></li></ul></nav><div class="theme-doc-markdown markdown"><header><h1>テーマ化</h1></header>
-<div class="theme-admonition theme-admonition-caution admonition_yLUd alert alert--warning"><div class="admonitionHeading_ulUq"><span class="admonitionIcon_Wbvt"><svg viewBox="0 0 16 16"><path fill-rule="evenodd" d="M8.893 1.5c-.183-.31-.52-.5-.887-.5s-.703.19-.886.5L.138 13.499a.98.98 0 0 0 0 1.001c.193.31.53.501.886.501h13.964c.367 0 .704-.19.877-.5a1.03 1.03 0 0 0 .01-1.002L8.893 1.5zm.133 11.497H6.987v-2.003h2.039v2.003zm0-3.004H6.987V5.987h2.039v4.006z"></path></svg></span>WIP</div><div class="admonitionContent_mbd8"><div><p>この記事は執筆中です</p><p>その公開を早めるために、以下の方法があります。</p><ul><li>📢 フィードバックを共有する <a href="https://github.com/feature-sliced/documentation/issues/207" target="_blank" rel="noopener noreferrer">（チケットでのコメント/絵文字リアクション）</a></li><li>💬 チャットでの議論結果をチケットにまとめる <a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer">（チャットURL）</a></li><li>⚒️ 他の方法で<a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer">貢献する</a></li></ul><br><p><i>🍰 Stay tuned!</i></p></div></div></div></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/ja/docusaurus-plugin-content-docs/current/guides/examples/theme.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>このページを編集</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">最終更新<!-- --> <b><time datetime="2024-09-29T11:02:46.000Z" itemprop="dateModified">2024年9月29日</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="ドキュメントページのナビゲーション"></nav></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">仕様</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/ja/docs">ドキュメント</a></li><li class="footer__item"><a class="footer__link-item" href="/ja/community">コミュニティ</a></li><li class="footer__item"><a class="footer__link-item" href="/ja/nav">ヘルプ</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">ディスカッション<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">コミュニティ</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">X<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">その他</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">ライセンス<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/ja/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/ja/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2024  Feature-Sliced Design</div></div></div></footer></div>
+<div class="theme-admonition theme-admonition-caution admonition_yLUd alert alert--warning"><div class="admonitionHeading_ulUq"><span class="admonitionIcon_Wbvt"><svg viewBox="0 0 16 16"><path fill-rule="evenodd" d="M8.893 1.5c-.183-.31-.52-.5-.887-.5s-.703.19-.886.5L.138 13.499a.98.98 0 0 0 0 1.001c.193.31.53.501.886.501h13.964c.367 0 .704-.19.877-.5a1.03 1.03 0 0 0 .01-1.002L8.893 1.5zm.133 11.497H6.987v-2.003h2.039v2.003zm0-3.004H6.987V5.987h2.039v4.006z"></path></svg></span>WIP</div><div class="admonitionContent_mbd8"><div><p>この記事は執筆中です</p><p>その公開を早めるために、以下の方法があります。</p><ul><li>📢 フィードバックを共有する <a href="https://github.com/feature-sliced/documentation/issues/207" target="_blank" rel="noopener noreferrer">（チケットでのコメント/絵文字リアクション）</a></li><li>💬 チャットでの議論結果をチケットにまとめる <a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer">（チャットURL）</a></li><li>⚒️ 他の方法で<a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer">貢献する</a></li></ul><br><p><i>🍰 Stay tuned!</i></p></div></div></div></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/ja/docusaurus-plugin-content-docs/current/guides/examples/theme.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>このページを編集</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">最終更新<!-- --> <b><time datetime="2024-10-07T18:23:06.000Z" itemprop="dateModified">2024年10月7日</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="ドキュメントページのナビゲーション"></nav></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">仕様</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/ja/docs">ドキュメント</a></li><li class="footer__item"><a class="footer__link-item" href="/ja/community">コミュニティ</a></li><li class="footer__item"><a class="footer__link-item" href="/ja/nav">ヘルプ</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">ディスカッション<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">コミュニティ</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">X<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">その他</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">ライセンス<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/ja/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/ja/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2024  Feature-Sliced Design</div></div></div></footer></div>
 </body>
 </html>
\ No newline at end of file
diff --git a/ja/docs/guides/examples/types.html b/ja/docs/guides/examples/types.html
index 5e111c5ee5..1d940fdace 100644
--- a/ja/docs/guides/examples/types.html
+++ b/ja/docs/guides/examples/types.html
@@ -9,8 +9,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/ja/opensearch.xml"><link rel="stylesheet" href="/ja/assets/css/styles.c2f43f9a.css">
-<script src="/ja/assets/js/runtime~main.ac5b7a06.js" defer="defer"></script>
-<script src="/ja/assets/js/main.cdd867c6.js" defer="defer"></script>
+<script src="/ja/assets/js/runtime~main.37f69f93.js" defer="defer"></script>
+<script src="/ja/assets/js/main.29fd47b7.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="メインコンテンツにスキップ"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">メインコンテンツにスキップ</a></div><nav aria-label="ナビゲーション" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="ナビゲーションバーを開く" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/ja/"><div class="navbar__logo"><img src="/ja/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/ja/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/ja/docs">📖 ドキュメント</a><a class="navbar__item navbar__link" href="/ja/community">💫 コミュニティ</a><a class="navbar__item navbar__link" href="/ja/blog">📝 ブログ</a><a class="navbar__item navbar__link" href="/ja/examples">🛠 実装例</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/ja/docs/guides/examples/types">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a aria-current="page" class="dropdown__link dropdown__link--active" href="/ja/docs/guides/examples/types">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/ja/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>日本語</a><ul class="dropdown__menu"><li><a href="/ru/docs/guides/examples/types" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ru">Русский</a></li><li><a href="/docs/guides/examples/types" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/uz/docs/guides/examples/types" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/docs/guides/examples/types" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="kr">한국어</a></li><li><a href="/ja/docs/guides/examples/types" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="ダークモードを切り替える(現在はライトモード)" aria-label="ダークモードを切り替える(現在はライトモード)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="検索"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">検索</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><div class="docsWrapper_rDLg"><button aria-label="先頭へ戻る" class="clean-btn theme-back-to-top-button backToTopButton_JQoL" type="button"></button><div class="docRoot_GkJk"><aside class="theme-doc-sidebar-container docSidebarContainer_xiHB"><div class="sidebarViewport_DaHB"><div class="sidebar_Kb82"><nav aria-label="ドキュメントのサイドバー" class="menu thin-scrollbar menu_AkOp"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--active" href="/ja/docs/guides">🎯  ガイド</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--active" tabindex="0" href="/ja/docs/guides/examples">実装例</a><button aria-label="&#x27;実装例&#x27;の目次を隠す" aria-expanded="true" type="button" class="clean-btn menu__caret"></button></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/ja/docs/guides/examples/auth">認証</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/ja/docs/guides/examples/types">型</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/ja/docs/guides/examples/page-layout">ページレイアウト</a></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/ja/docs/guides/migration/from-custom">移行</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/ja/docs/guides/tech/with-nextjs">技術</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/ja/docs/guides/issues/desegmented">Code smells &amp; Issues</a></div></li></ul></li></ul></nav><button type="button" title="サイドバーを折りたたむ" aria-label="サイドバーを折りたたむ" class="button button--secondary button--outline collapseSidebarButton_L8vW"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_hYfn"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_uESP"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_w6lk"><div class="docItemContainer_b1tn"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_ioLt" aria-label="パンくずリストのナビゲーション"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="ホームページ" class="breadcrumbs__link" href="/ja/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_ZfEo"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/ja/docs/guides"><span itemprop="name">🎯  ガイド</span></a><meta itemprop="position" content="1"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/ja/docs/guides/examples"><span itemprop="name">実装例</span></a><meta itemprop="position" content="2"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">型</span><meta itemprop="position" content="3"></li></ul></nav><div class="tocCollapsible_EkMH theme-doc-toc-mobile tocMobile_XRnS"><button type="button" class="clean-btn tocCollapsibleButton_ID8T">このページの見出し</button></div><div class="theme-doc-markdown markdown"><header><h1>型</h1></header>
@@ -138,6 +138,6 @@ <h2 class="anchor anchorWithStickyNavbar_QzlE" id="環境宣言ファイルdts">
 <p>他のパッケージは単に型を持たず、その型を未定義として宣言する必要があるか、あるいは自分で型を作成する必要があるかもしれません。これらの型の良い場所は<code>shared/lib</code>で、<code>shared/lib/untyped-packages</code>のようなフォルダーです。そこに<code>%LIBRARY_NAME%.d.ts</code>というファイルを作成し、必要な型を宣言します。</p>
 <div class="language-ts codeBlockContainer_IiXL theme-code-block" style="--prism-background-color:hsl(230, 1%, 98%);--prism-color:hsl(230, 8%, 24%)"><div class="codeBlockTitle_ajkA">shared/lib/untyped-packages/use-react-screenshot.d.ts</div><div class="codeBlockContent_Y78k"><pre tabindex="0" class="prism-code language-ts codeBlock_gc_u thin-scrollbar" style="background-color:hsl(230, 1%, 98%);color:hsl(230, 8%, 24%)"><code class="codeBlockLines_PG8G"><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token comment" style="color:hsl(230, 4%, 64%)">// このライブラリには型がなく、自分で型を書くのは億劫です。</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain"></span><span class="token keyword" style="color:hsl(301, 63%, 40%)">declare</span><span class="token plain"> </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">module</span><span class="token plain"> </span><span class="token string" style="color:hsl(119, 34%, 47%)">&quot;use-react-screenshot&quot;</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><br></span></code></pre><div class="buttonGroup_VWIG"><button type="button" aria-label="クリップボードにコピー" title="コピー" class="clean-btn"><span class="copyButtonIcons_p0uL" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_LnVn"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_yLdc"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div>
 <h2 class="anchor anchorWithStickyNavbar_QzlE" id="型の自動生成">型の自動生成<a href="#型の自動生成" class="hash-link" aria-label="この見出しへの直接リンク" title="この見出しへの直接リンク">​</a></h2>
-<p>外部ソースから型を生成することは、しばしば便利です。例えば、OpenAPIスキーマからバックエンドの型を生成することができます。この場合、これらの型のためにコード内に特別な場所を作成します。例えば、<code>shared/api/openapi</code>のようにします。これらのファイルが何であるか、どのように再生成されるかを説明するREADMEをこのフォルダーに含めておくと理想的です。</p></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/ja/docusaurus-plugin-content-docs/current/guides/examples/types.md" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>このページを編集</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">最終更新<!-- --> <b><time datetime="2024-09-29T11:02:46.000Z" itemprop="dateModified">2024年9月29日</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="ドキュメントページのナビゲーション"><a class="pagination-nav__link pagination-nav__link--prev" href="/ja/docs/guides/examples/auth"><div class="pagination-nav__sublabel">前のページ</div><div class="pagination-nav__label">認証</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/ja/docs/guides/examples/page-layout"><div class="pagination-nav__sublabel">次のページ</div><div class="pagination-nav__label">ページレイアウト</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#ユーティリティ型" class="table-of-contents__link toc-highlight">ユーティリティ型</a></li><li><a href="#ビジネスエンティティと相互参照" class="table-of-contents__link toc-highlight">ビジネスエンティティと相互参照</a></li><li><a href="#data-transfer-objects-and-mappers" class="table-of-contents__link toc-highlight">データ転送オブジェクト（DTO）とマッパー</a><ul><li><a href="#dtoをどこに置くか" class="table-of-contents__link toc-highlight">DTOをどこに置くか</a></li><li><a href="#マッパーをどこに置くか" class="table-of-contents__link toc-highlight">マッパーをどこに置くか</a></li><li><a href="#ネストされたdtoをどう扱うか" class="table-of-contents__link toc-highlight">ネストされたDTOをどう扱うか</a></li></ul></li><li><a href="#グローバルの型とredux" class="table-of-contents__link toc-highlight">グローバルの型とRedux</a></li><li><a href="#型のバリデーションスキーマとzod" class="table-of-contents__link toc-highlight">型のバリデーションスキーマとZod</a></li><li><a href="#コンポーネントのプロップスとコンテキストの型付け" class="table-of-contents__link toc-highlight">コンポーネントのプロップスとコンテキストの型付け</a></li><li><a href="#環境宣言ファイルdts" class="table-of-contents__link toc-highlight">環境宣言ファイル（<code>*.d.ts</code>）</a></li><li><a href="#型の自動生成" class="table-of-contents__link toc-highlight">型の自動生成</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">仕様</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/ja/docs">ドキュメント</a></li><li class="footer__item"><a class="footer__link-item" href="/ja/community">コミュニティ</a></li><li class="footer__item"><a class="footer__link-item" href="/ja/nav">ヘルプ</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">ディスカッション<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">コミュニティ</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">X<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">その他</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">ライセンス<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/ja/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/ja/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2024  Feature-Sliced Design</div></div></div></footer></div>
+<p>外部ソースから型を生成することは、しばしば便利です。例えば、OpenAPIスキーマからバックエンドの型を生成することができます。この場合、これらの型のためにコード内に特別な場所を作成します。例えば、<code>shared/api/openapi</code>のようにします。これらのファイルが何であるか、どのように再生成されるかを説明するREADMEをこのフォルダーに含めておくと理想的です。</p></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/ja/docusaurus-plugin-content-docs/current/guides/examples/types.md" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>このページを編集</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">最終更新<!-- --> <b><time datetime="2024-10-07T18:23:06.000Z" itemprop="dateModified">2024年10月7日</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="ドキュメントページのナビゲーション"><a class="pagination-nav__link pagination-nav__link--prev" href="/ja/docs/guides/examples/auth"><div class="pagination-nav__sublabel">前のページ</div><div class="pagination-nav__label">認証</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/ja/docs/guides/examples/page-layout"><div class="pagination-nav__sublabel">次のページ</div><div class="pagination-nav__label">ページレイアウト</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#ユーティリティ型" class="table-of-contents__link toc-highlight">ユーティリティ型</a></li><li><a href="#ビジネスエンティティと相互参照" class="table-of-contents__link toc-highlight">ビジネスエンティティと相互参照</a></li><li><a href="#data-transfer-objects-and-mappers" class="table-of-contents__link toc-highlight">データ転送オブジェクト（DTO）とマッパー</a><ul><li><a href="#dtoをどこに置くか" class="table-of-contents__link toc-highlight">DTOをどこに置くか</a></li><li><a href="#マッパーをどこに置くか" class="table-of-contents__link toc-highlight">マッパーをどこに置くか</a></li><li><a href="#ネストされたdtoをどう扱うか" class="table-of-contents__link toc-highlight">ネストされたDTOをどう扱うか</a></li></ul></li><li><a href="#グローバルの型とredux" class="table-of-contents__link toc-highlight">グローバルの型とRedux</a></li><li><a href="#型のバリデーションスキーマとzod" class="table-of-contents__link toc-highlight">型のバリデーションスキーマとZod</a></li><li><a href="#コンポーネントのプロップスとコンテキストの型付け" class="table-of-contents__link toc-highlight">コンポーネントのプロップスとコンテキストの型付け</a></li><li><a href="#環境宣言ファイルdts" class="table-of-contents__link toc-highlight">環境宣言ファイル（<code>*.d.ts</code>）</a></li><li><a href="#型の自動生成" class="table-of-contents__link toc-highlight">型の自動生成</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">仕様</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/ja/docs">ドキュメント</a></li><li class="footer__item"><a class="footer__link-item" href="/ja/community">コミュニティ</a></li><li class="footer__item"><a class="footer__link-item" href="/ja/nav">ヘルプ</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">ディスカッション<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">コミュニティ</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">X<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">その他</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">ライセンス<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/ja/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/ja/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2024  Feature-Sliced Design</div></div></div></footer></div>
 </body>
 </html>
\ No newline at end of file
diff --git a/ja/docs/guides/examples/white-labels.html b/ja/docs/guides/examples/white-labels.html
index 93fc5979aa..c10ca5d09e 100644
--- a/ja/docs/guides/examples/white-labels.html
+++ b/ja/docs/guides/examples/white-labels.html
@@ -9,11 +9,11 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/ja/opensearch.xml"><link rel="stylesheet" href="/ja/assets/css/styles.c2f43f9a.css">
-<script src="/ja/assets/js/runtime~main.ac5b7a06.js" defer="defer"></script>
-<script src="/ja/assets/js/main.cdd867c6.js" defer="defer"></script>
+<script src="/ja/assets/js/runtime~main.37f69f93.js" defer="defer"></script>
+<script src="/ja/assets/js/main.29fd47b7.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="メインコンテンツにスキップ"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">メインコンテンツにスキップ</a></div><nav aria-label="ナビゲーション" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="ナビゲーションバーを開く" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/ja/"><div class="navbar__logo"><img src="/ja/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/ja/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/ja/docs">📖 ドキュメント</a><a class="navbar__item navbar__link" href="/ja/community">💫 コミュニティ</a><a class="navbar__item navbar__link" href="/ja/blog">📝 ブログ</a><a class="navbar__item navbar__link" href="/ja/examples">🛠 実装例</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/ja/docs/guides/examples/white-labels">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a aria-current="page" class="dropdown__link dropdown__link--active" href="/ja/docs/guides/examples/white-labels">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/ja/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>日本語</a><ul class="dropdown__menu"><li><a href="/ru/docs/guides/examples/white-labels" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ru">Русский</a></li><li><a href="/docs/guides/examples/white-labels" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/uz/docs/guides/examples/white-labels" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/docs/guides/examples/white-labels" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="kr">한국어</a></li><li><a href="/ja/docs/guides/examples/white-labels" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="ダークモードを切り替える(現在はライトモード)" aria-label="ダークモードを切り替える(現在はライトモード)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="検索"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">検索</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><div class="docsWrapper_rDLg"><button aria-label="先頭へ戻る" class="clean-btn theme-back-to-top-button backToTopButton_JQoL" type="button"></button><div class="docRoot_GkJk"><aside class="theme-doc-sidebar-container docSidebarContainer_xiHB"><div class="sidebarViewport_DaHB"><div class="sidebar_Kb82"><nav aria-label="ドキュメントのサイドバー" class="menu thin-scrollbar menu_AkOp"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--active" href="/ja/docs/guides">🎯  ガイド</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--active" tabindex="0" href="/ja/docs/guides/examples">実装例</a><button aria-label="&#x27;実装例&#x27;の目次を隠す" aria-expanded="true" type="button" class="clean-btn menu__caret"></button></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/ja/docs/guides/examples/auth">認証</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/ja/docs/guides/examples/types">型</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/ja/docs/guides/examples/page-layout">ページレイアウト</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item sidebar-item--wip"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/ja/docs/guides/examples/white-labels">ホワイトラベル</a></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/ja/docs/guides/migration/from-custom">移行</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/ja/docs/guides/tech/with-nextjs">技術</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/ja/docs/guides/issues/desegmented">Code smells &amp; Issues</a></div></li></ul></li></ul></nav><button type="button" title="サイドバーを折りたたむ" aria-label="サイドバーを折りたたむ" class="button button--secondary button--outline collapseSidebarButton_L8vW"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_hYfn"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_uESP"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_w6lk"><div class="theme-admonition theme-admonition-caution admonition_yLUd alert alert--warning theme-unlisted-banner"><div class="admonitionHeading_ulUq"><span class="admonitionIcon_Wbvt"><svg viewBox="0 0 16 16"><path fill-rule="evenodd" d="M8.893 1.5c-.183-.31-.52-.5-.887-.5s-.703.19-.886.5L.138 13.499a.98.98 0 0 0 0 1.001c.193.31.53.501.886.501h13.964c.367 0 .704-.19.877-.5a1.03 1.03 0 0 0 .01-1.002L8.893 1.5zm.133 11.497H6.987v-2.003h2.039v2.003zm0-3.004H6.987V5.987h2.039v4.006z"></path></svg></span>非公開のページ</div><div class="admonitionContent_mbd8">このページは非公開です。 検索対象外となり、このページのリンクに直接アクセスできるユーザーのみに公開されます。</div></div><div class="docItemContainer_b1tn"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_ioLt" aria-label="パンくずリストのナビゲーション"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="ホームページ" class="breadcrumbs__link" href="/ja/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_ZfEo"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/ja/docs/guides"><span itemprop="name">🎯  ガイド</span></a><meta itemprop="position" content="1"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/ja/docs/guides/examples"><span itemprop="name">実装例</span></a><meta itemprop="position" content="2"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">ホワイトラベル</span><meta itemprop="position" content="3"></li></ul></nav><div class="theme-doc-markdown markdown"><header><h1>ホワイトラベル</h1></header>
-<div class="theme-admonition theme-admonition-caution admonition_yLUd alert alert--warning"><div class="admonitionHeading_ulUq"><span class="admonitionIcon_Wbvt"><svg viewBox="0 0 16 16"><path fill-rule="evenodd" d="M8.893 1.5c-.183-.31-.52-.5-.887-.5s-.703.19-.886.5L.138 13.499a.98.98 0 0 0 0 1.001c.193.31.53.501.886.501h13.964c.367 0 .704-.19.877-.5a1.03 1.03 0 0 0 .01-1.002L8.893 1.5zm.133 11.497H6.987v-2.003h2.039v2.003zm0-3.004H6.987V5.987h2.039v4.006z"></path></svg></span>WIP</div><div class="admonitionContent_mbd8"><div><p>この記事は執筆中です</p><p>その公開を早めるために、以下の方法があります。</p><ul><li>📢 フィードバックを共有する <a href="https://github.com/feature-sliced/documentation/issues/215" target="_blank" rel="noopener noreferrer">（チケットでのコメント/絵文字リアクション）</a></li><li>💬 チャットでの議論結果をチケットにまとめる <a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer">（チャットURL）</a></li><li>⚒️ 他の方法で<a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer">貢献する</a></li></ul><br><p><i>🍰 Stay tuned!</i></p></div></div></div></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/ja/docusaurus-plugin-content-docs/current/guides/examples/white-labels.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>このページを編集</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">最終更新<!-- --> <b><time datetime="2024-09-29T11:02:46.000Z" itemprop="dateModified">2024年9月29日</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="ドキュメントページのナビゲーション"></nav></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">仕様</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/ja/docs">ドキュメント</a></li><li class="footer__item"><a class="footer__link-item" href="/ja/community">コミュニティ</a></li><li class="footer__item"><a class="footer__link-item" href="/ja/nav">ヘルプ</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">ディスカッション<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">コミュニティ</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">X<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">その他</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">ライセンス<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/ja/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/ja/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2024  Feature-Sliced Design</div></div></div></footer></div>
+<div class="theme-admonition theme-admonition-caution admonition_yLUd alert alert--warning"><div class="admonitionHeading_ulUq"><span class="admonitionIcon_Wbvt"><svg viewBox="0 0 16 16"><path fill-rule="evenodd" d="M8.893 1.5c-.183-.31-.52-.5-.887-.5s-.703.19-.886.5L.138 13.499a.98.98 0 0 0 0 1.001c.193.31.53.501.886.501h13.964c.367 0 .704-.19.877-.5a1.03 1.03 0 0 0 .01-1.002L8.893 1.5zm.133 11.497H6.987v-2.003h2.039v2.003zm0-3.004H6.987V5.987h2.039v4.006z"></path></svg></span>WIP</div><div class="admonitionContent_mbd8"><div><p>この記事は執筆中です</p><p>その公開を早めるために、以下の方法があります。</p><ul><li>📢 フィードバックを共有する <a href="https://github.com/feature-sliced/documentation/issues/215" target="_blank" rel="noopener noreferrer">（チケットでのコメント/絵文字リアクション）</a></li><li>💬 チャットでの議論結果をチケットにまとめる <a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer">（チャットURL）</a></li><li>⚒️ 他の方法で<a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer">貢献する</a></li></ul><br><p><i>🍰 Stay tuned!</i></p></div></div></div></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/ja/docusaurus-plugin-content-docs/current/guides/examples/white-labels.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>このページを編集</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">最終更新<!-- --> <b><time datetime="2024-10-07T18:23:06.000Z" itemprop="dateModified">2024年10月7日</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="ドキュメントページのナビゲーション"></nav></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">仕様</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/ja/docs">ドキュメント</a></li><li class="footer__item"><a class="footer__link-item" href="/ja/community">コミュニティ</a></li><li class="footer__item"><a class="footer__link-item" href="/ja/nav">ヘルプ</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">ディスカッション<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">コミュニティ</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">X<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">その他</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">ライセンス<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/ja/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/ja/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2024  Feature-Sliced Design</div></div></div></footer></div>
 </body>
 </html>
\ No newline at end of file
diff --git a/ja/docs/guides/issues/cross-imports.html b/ja/docs/guides/issues/cross-imports.html
index 2e1fdcb9d4..6249d354ae 100644
--- a/ja/docs/guides/issues/cross-imports.html
+++ b/ja/docs/guides/issues/cross-imports.html
@@ -9,14 +9,14 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/ja/opensearch.xml"><link rel="stylesheet" href="/ja/assets/css/styles.c2f43f9a.css">
-<script src="/ja/assets/js/runtime~main.ac5b7a06.js" defer="defer"></script>
-<script src="/ja/assets/js/main.cdd867c6.js" defer="defer"></script>
+<script src="/ja/assets/js/runtime~main.37f69f93.js" defer="defer"></script>
+<script src="/ja/assets/js/main.29fd47b7.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="メインコンテンツにスキップ"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">メインコンテンツにスキップ</a></div><nav aria-label="ナビゲーション" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="ナビゲーションバーを開く" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/ja/"><div class="navbar__logo"><img src="/ja/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/ja/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/ja/docs">📖 ドキュメント</a><a class="navbar__item navbar__link" href="/ja/community">💫 コミュニティ</a><a class="navbar__item navbar__link" href="/ja/blog">📝 ブログ</a><a class="navbar__item navbar__link" href="/ja/examples">🛠 実装例</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/ja/docs/guides/issues/cross-imports">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a aria-current="page" class="dropdown__link dropdown__link--active" href="/ja/docs/guides/issues/cross-imports">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/ja/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>日本語</a><ul class="dropdown__menu"><li><a href="/ru/docs/guides/issues/cross-imports" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ru">Русский</a></li><li><a href="/docs/guides/issues/cross-imports" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/uz/docs/guides/issues/cross-imports" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/docs/guides/issues/cross-imports" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="kr">한국어</a></li><li><a href="/ja/docs/guides/issues/cross-imports" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="ダークモードを切り替える(現在はライトモード)" aria-label="ダークモードを切り替える(現在はライトモード)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="検索"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">検索</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><div class="docsWrapper_rDLg"><button aria-label="先頭へ戻る" class="clean-btn theme-back-to-top-button backToTopButton_JQoL" type="button"></button><div class="docRoot_GkJk"><aside class="theme-doc-sidebar-container docSidebarContainer_xiHB"><div class="sidebarViewport_DaHB"><div class="sidebar_Kb82"><nav aria-label="ドキュメントのサイドバー" class="menu thin-scrollbar menu_AkOp"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--active" href="/ja/docs/guides">🎯  ガイド</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" tabindex="0" href="/ja/docs/guides/examples">実装例</a><button aria-label="&#x27;実装例&#x27;の目次を開く" aria-expanded="false" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/ja/docs/guides/migration/from-custom">移行</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/ja/docs/guides/tech/with-nextjs">技術</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret menu__link--active" role="button" aria-expanded="true" tabindex="0" href="/ja/docs/guides/issues/desegmented">Code smells &amp; Issues</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item sidebar-item--wip"><a class="menu__link" tabindex="0" href="/ja/docs/guides/issues/desegmented">デセグメンテーション</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item sidebar-item--wip"><a class="menu__link" tabindex="0" href="/ja/docs/guides/issues/routes">ルーティング</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item sidebar-item--wip"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/ja/docs/guides/issues/cross-imports">クロスインポート</a></li></ul></li></ul></li></ul></nav><button type="button" title="サイドバーを折りたたむ" aria-label="サイドバーを折りたたむ" class="button button--secondary button--outline collapseSidebarButton_L8vW"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_hYfn"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_uESP"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_w6lk"><div class="docItemContainer_b1tn"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_ioLt" aria-label="パンくずリストのナビゲーション"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="ホームページ" class="breadcrumbs__link" href="/ja/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_ZfEo"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/ja/docs/guides"><span itemprop="name">🎯  ガイド</span></a><meta itemprop="position" content="1"></li><li class="breadcrumbs__item"><span class="breadcrumbs__link">Code smells &amp; Issues</span><meta itemprop="position" content="2"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">クロスインポート</span><meta itemprop="position" content="3"></li></ul></nav><div class="theme-doc-markdown markdown"><header><h1>クロスインポート</h1></header>
 <div class="theme-admonition theme-admonition-caution admonition_yLUd alert alert--warning"><div class="admonitionHeading_ulUq"><span class="admonitionIcon_Wbvt"><svg viewBox="0 0 16 16"><path fill-rule="evenodd" d="M8.893 1.5c-.183-.31-.52-.5-.887-.5s-.703.19-.886.5L.138 13.499a.98.98 0 0 0 0 1.001c.193.31.53.501.886.501h13.964c.367 0 .704-.19.877-.5a1.03 1.03 0 0 0 .01-1.002L8.893 1.5zm.133 11.497H6.987v-2.003h2.039v2.003zm0-3.004H6.987V5.987h2.039v4.006z"></path></svg></span>WIP</div><div class="admonitionContent_mbd8"><div><p>この記事は執筆中です</p><p>その公開を早めるために、以下の方法があります。</p><ul><li>📢 フィードバックを共有する <a href="https://github.com/feature-sliced/documentation/issues/220" target="_blank" rel="noopener noreferrer">（チケットでのコメント/絵文字リアクション）</a></li><li>💬 チャットでの議論結果をチケットにまとめる <a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer">（チャットURL）</a></li><li>⚒️ 他の方法で<a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer">貢献する</a></li></ul><br><p><i>🍰 Stay tuned!</i></p></div></div></div>
 <blockquote>
 <p>クロスインポートは、レイヤーや抽象化が本来の責任以上に多くの責任を持ち始めると発生する。そのため、FSDは新しいレイヤーを設けて、これらのクロスインポートを分離することを可能にしている。</p>
-</blockquote></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/ja/docusaurus-plugin-content-docs/current/guides/issues/cross-imports.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>このページを編集</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">最終更新<!-- --> <b><time datetime="2024-09-29T11:02:46.000Z" itemprop="dateModified">2024年9月29日</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="ドキュメントページのナビゲーション"><a class="pagination-nav__link pagination-nav__link--prev" href="/ja/docs/guides/issues/routes"><div class="pagination-nav__sublabel">前のページ</div><div class="pagination-nav__label">ルーティング</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/ja/docs/reference"><div class="pagination-nav__sublabel">次のページ</div><div class="pagination-nav__label">📚 参考書</div></a></nav></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">仕様</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/ja/docs">ドキュメント</a></li><li class="footer__item"><a class="footer__link-item" href="/ja/community">コミュニティ</a></li><li class="footer__item"><a class="footer__link-item" href="/ja/nav">ヘルプ</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">ディスカッション<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">コミュニティ</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">X<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">その他</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">ライセンス<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/ja/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/ja/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2024  Feature-Sliced Design</div></div></div></footer></div>
+</blockquote></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/ja/docusaurus-plugin-content-docs/current/guides/issues/cross-imports.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>このページを編集</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">最終更新<!-- --> <b><time datetime="2024-10-07T18:23:06.000Z" itemprop="dateModified">2024年10月7日</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="ドキュメントページのナビゲーション"><a class="pagination-nav__link pagination-nav__link--prev" href="/ja/docs/guides/issues/routes"><div class="pagination-nav__sublabel">前のページ</div><div class="pagination-nav__label">ルーティング</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/ja/docs/reference"><div class="pagination-nav__sublabel">次のページ</div><div class="pagination-nav__label">📚 参考書</div></a></nav></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">仕様</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/ja/docs">ドキュメント</a></li><li class="footer__item"><a class="footer__link-item" href="/ja/community">コミュニティ</a></li><li class="footer__item"><a class="footer__link-item" href="/ja/nav">ヘルプ</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">ディスカッション<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">コミュニティ</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">X<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">その他</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">ライセンス<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/ja/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/ja/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2024  Feature-Sliced Design</div></div></div></footer></div>
 </body>
 </html>
\ No newline at end of file
diff --git a/ja/docs/guides/issues/desegmented.html b/ja/docs/guides/issues/desegmented.html
index 18430d45e0..c6302bdfeb 100644
--- a/ja/docs/guides/issues/desegmented.html
+++ b/ja/docs/guides/issues/desegmented.html
@@ -9,8 +9,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/ja/opensearch.xml"><link rel="stylesheet" href="/ja/assets/css/styles.c2f43f9a.css">
-<script src="/ja/assets/js/runtime~main.ac5b7a06.js" defer="defer"></script>
-<script src="/ja/assets/js/main.cdd867c6.js" defer="defer"></script>
+<script src="/ja/assets/js/runtime~main.37f69f93.js" defer="defer"></script>
+<script src="/ja/assets/js/main.29fd47b7.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="メインコンテンツにスキップ"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">メインコンテンツにスキップ</a></div><nav aria-label="ナビゲーション" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="ナビゲーションバーを開く" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/ja/"><div class="navbar__logo"><img src="/ja/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/ja/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/ja/docs">📖 ドキュメント</a><a class="navbar__item navbar__link" href="/ja/community">💫 コミュニティ</a><a class="navbar__item navbar__link" href="/ja/blog">📝 ブログ</a><a class="navbar__item navbar__link" href="/ja/examples">🛠 実装例</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/ja/docs/guides/issues/desegmented">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a aria-current="page" class="dropdown__link dropdown__link--active" href="/ja/docs/guides/issues/desegmented">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/ja/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>日本語</a><ul class="dropdown__menu"><li><a href="/ru/docs/guides/issues/desegmented" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ru">Русский</a></li><li><a href="/docs/guides/issues/desegmented" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/uz/docs/guides/issues/desegmented" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/docs/guides/issues/desegmented" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="kr">한국어</a></li><li><a href="/ja/docs/guides/issues/desegmented" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="ダークモードを切り替える(現在はライトモード)" aria-label="ダークモードを切り替える(現在はライトモード)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="検索"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">検索</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><div class="docsWrapper_rDLg"><button aria-label="先頭へ戻る" class="clean-btn theme-back-to-top-button backToTopButton_JQoL" type="button"></button><div class="docRoot_GkJk"><aside class="theme-doc-sidebar-container docSidebarContainer_xiHB"><div class="sidebarViewport_DaHB"><div class="sidebar_Kb82"><nav aria-label="ドキュメントのサイドバー" class="menu thin-scrollbar menu_AkOp"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--active" href="/ja/docs/guides">🎯  ガイド</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" tabindex="0" href="/ja/docs/guides/examples">実装例</a><button aria-label="&#x27;実装例&#x27;の目次を開く" aria-expanded="false" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/ja/docs/guides/migration/from-custom">移行</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/ja/docs/guides/tech/with-nextjs">技術</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret menu__link--active" role="button" aria-expanded="true" tabindex="0" href="/ja/docs/guides/issues/desegmented">Code smells &amp; Issues</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item sidebar-item--wip"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/ja/docs/guides/issues/desegmented">デセグメンテーション</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item sidebar-item--wip"><a class="menu__link" tabindex="0" href="/ja/docs/guides/issues/routes">ルーティング</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item sidebar-item--wip"><a class="menu__link" tabindex="0" href="/ja/docs/guides/issues/cross-imports">クロスインポート</a></li></ul></li></ul></li></ul></nav><button type="button" title="サイドバーを折りたたむ" aria-label="サイドバーを折りたたむ" class="button button--secondary button--outline collapseSidebarButton_L8vW"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_hYfn"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_uESP"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_w6lk"><div class="docItemContainer_b1tn"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_ioLt" aria-label="パンくずリストのナビゲーション"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="ホームページ" class="breadcrumbs__link" href="/ja/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_ZfEo"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/ja/docs/guides"><span itemprop="name">🎯  ガイド</span></a><meta itemprop="position" content="1"></li><li class="breadcrumbs__item"><span class="breadcrumbs__link">Code smells &amp; Issues</span><meta itemprop="position" content="2"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">デセグメンテーション</span><meta itemprop="position" content="3"></li></ul></nav><div class="tocCollapsible_EkMH theme-doc-toc-mobile tocMobile_XRnS"><button type="button" class="clean-btn tocCollapsibleButton_ID8T">このページの見出し</button></div><div class="theme-doc-markdown markdown"><header><h1>デセグメンテーション</h1></header>
@@ -40,6 +40,6 @@ <h2 class="anchor anchorWithStickyNavbar_QzlE" id="solution">解決策<a href="#
 <h2 class="anchor anchorWithStickyNavbar_QzlE" id="see-also">参照<a href="#see-also" class="hash-link" aria-label="この見出しへの直接リンク" title="この見出しへの直接リンク">​</a></h2>
 <ul>
 <li><a href="https://enterprisecraftsmanship.com/posts/cohesion-coupling-difference/" target="_blank" rel="noopener noreferrer">(記事) Cohesion and Coupling: the difference</a></li>
-</ul></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/ja/docusaurus-plugin-content-docs/current/guides/issues/desegmented.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>このページを編集</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">最終更新<!-- --> <b><time datetime="2024-09-29T11:02:46.000Z" itemprop="dateModified">2024年9月29日</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="ドキュメントページのナビゲーション"><a class="pagination-nav__link pagination-nav__link--prev" href="/ja/docs/guides/tech/with-sveltekit"><div class="pagination-nav__sublabel">前のページ</div><div class="pagination-nav__label">SvelteKitとの併用</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/ja/docs/guides/issues/routes"><div class="pagination-nav__sublabel">次のページ</div><div class="pagination-nav__label">ルーティング</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#situation" class="table-of-contents__link toc-highlight">状況</a></li><li><a href="#problem" class="table-of-contents__link toc-highlight">問題</a></li><li><a href="#if-you-ignore-it" class="table-of-contents__link toc-highlight">無視する場合</a></li><li><a href="#solution" class="table-of-contents__link toc-highlight">解決策</a></li><li><a href="#see-also" class="table-of-contents__link toc-highlight">参照</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">仕様</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/ja/docs">ドキュメント</a></li><li class="footer__item"><a class="footer__link-item" href="/ja/community">コミュニティ</a></li><li class="footer__item"><a class="footer__link-item" href="/ja/nav">ヘルプ</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">ディスカッション<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">コミュニティ</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">X<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">その他</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">ライセンス<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/ja/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/ja/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2024  Feature-Sliced Design</div></div></div></footer></div>
+</ul></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/ja/docusaurus-plugin-content-docs/current/guides/issues/desegmented.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>このページを編集</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">最終更新<!-- --> <b><time datetime="2024-10-07T18:23:06.000Z" itemprop="dateModified">2024年10月7日</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="ドキュメントページのナビゲーション"><a class="pagination-nav__link pagination-nav__link--prev" href="/ja/docs/guides/tech/with-sveltekit"><div class="pagination-nav__sublabel">前のページ</div><div class="pagination-nav__label">SvelteKitとの併用</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/ja/docs/guides/issues/routes"><div class="pagination-nav__sublabel">次のページ</div><div class="pagination-nav__label">ルーティング</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#situation" class="table-of-contents__link toc-highlight">状況</a></li><li><a href="#problem" class="table-of-contents__link toc-highlight">問題</a></li><li><a href="#if-you-ignore-it" class="table-of-contents__link toc-highlight">無視する場合</a></li><li><a href="#solution" class="table-of-contents__link toc-highlight">解決策</a></li><li><a href="#see-also" class="table-of-contents__link toc-highlight">参照</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">仕様</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/ja/docs">ドキュメント</a></li><li class="footer__item"><a class="footer__link-item" href="/ja/community">コミュニティ</a></li><li class="footer__item"><a class="footer__link-item" href="/ja/nav">ヘルプ</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">ディスカッション<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">コミュニティ</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">X<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">その他</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">ライセンス<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/ja/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/ja/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2024  Feature-Sliced Design</div></div></div></footer></div>
 </body>
 </html>
\ No newline at end of file
diff --git a/ja/docs/guides/issues/routes.html b/ja/docs/guides/issues/routes.html
index 060927ab41..d2b2ea8f4d 100644
--- a/ja/docs/guides/issues/routes.html
+++ b/ja/docs/guides/issues/routes.html
@@ -9,8 +9,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/ja/opensearch.xml"><link rel="stylesheet" href="/ja/assets/css/styles.c2f43f9a.css">
-<script src="/ja/assets/js/runtime~main.ac5b7a06.js" defer="defer"></script>
-<script src="/ja/assets/js/main.cdd867c6.js" defer="defer"></script>
+<script src="/ja/assets/js/runtime~main.37f69f93.js" defer="defer"></script>
+<script src="/ja/assets/js/main.29fd47b7.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="メインコンテンツにスキップ"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">メインコンテンツにスキップ</a></div><nav aria-label="ナビゲーション" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="ナビゲーションバーを開く" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/ja/"><div class="navbar__logo"><img src="/ja/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/ja/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/ja/docs">📖 ドキュメント</a><a class="navbar__item navbar__link" href="/ja/community">💫 コミュニティ</a><a class="navbar__item navbar__link" href="/ja/blog">📝 ブログ</a><a class="navbar__item navbar__link" href="/ja/examples">🛠 実装例</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/ja/docs/guides/issues/routes">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a aria-current="page" class="dropdown__link dropdown__link--active" href="/ja/docs/guides/issues/routes">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/ja/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>日本語</a><ul class="dropdown__menu"><li><a href="/ru/docs/guides/issues/routes" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ru">Русский</a></li><li><a href="/docs/guides/issues/routes" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/uz/docs/guides/issues/routes" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/docs/guides/issues/routes" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="kr">한국어</a></li><li><a href="/ja/docs/guides/issues/routes" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="ダークモードを切り替える(現在はライトモード)" aria-label="ダークモードを切り替える(現在はライトモード)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="検索"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">検索</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><div class="docsWrapper_rDLg"><button aria-label="先頭へ戻る" class="clean-btn theme-back-to-top-button backToTopButton_JQoL" type="button"></button><div class="docRoot_GkJk"><aside class="theme-doc-sidebar-container docSidebarContainer_xiHB"><div class="sidebarViewport_DaHB"><div class="sidebar_Kb82"><nav aria-label="ドキュメントのサイドバー" class="menu thin-scrollbar menu_AkOp"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--active" href="/ja/docs/guides">🎯  ガイド</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" tabindex="0" href="/ja/docs/guides/examples">実装例</a><button aria-label="&#x27;実装例&#x27;の目次を開く" aria-expanded="false" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/ja/docs/guides/migration/from-custom">移行</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/ja/docs/guides/tech/with-nextjs">技術</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret menu__link--active" role="button" aria-expanded="true" tabindex="0" href="/ja/docs/guides/issues/desegmented">Code smells &amp; Issues</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item sidebar-item--wip"><a class="menu__link" tabindex="0" href="/ja/docs/guides/issues/desegmented">デセグメンテーション</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item sidebar-item--wip"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/ja/docs/guides/issues/routes">ルーティング</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item sidebar-item--wip"><a class="menu__link" tabindex="0" href="/ja/docs/guides/issues/cross-imports">クロスインポート</a></li></ul></li></ul></li></ul></nav><button type="button" title="サイドバーを折りたたむ" aria-label="サイドバーを折りたたむ" class="button button--secondary button--outline collapseSidebarButton_L8vW"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_hYfn"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_uESP"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_w6lk"><div class="docItemContainer_b1tn"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_ioLt" aria-label="パンくずリストのナビゲーション"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="ホームページ" class="breadcrumbs__link" href="/ja/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_ZfEo"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/ja/docs/guides"><span itemprop="name">🎯  ガイド</span></a><meta itemprop="position" content="1"></li><li class="breadcrumbs__item"><span class="breadcrumbs__link">Code smells &amp; Issues</span><meta itemprop="position" content="2"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">ルーティング</span><meta itemprop="position" content="3"></li></ul></nav><div class="tocCollapsible_EkMH theme-doc-toc-mobile tocMobile_XRnS"><button type="button" class="clean-btn tocCollapsibleButton_ID8T">このページの見出し</button></div><div class="theme-doc-markdown markdown"><header><h1>ルーティング</h1></header>
@@ -25,6 +25,6 @@ <h2 class="anchor anchorWithStickyNavbar_QzlE" id="problem">問題<a href="#prob
 <p>また、これは単純な商品カードでさえ、ページからの一部の責任を引き受けることを意味し、プロジェクト全体にロジックが分散してしまいます。</p>
 <h2 class="anchor anchorWithStickyNavbar_QzlE" id="solution">解決策<a href="#solution" class="hash-link" aria-label="この見出しへの直接リンク" title="この見出しへの直接リンク">​</a></h2>
 <p>URLやリダイレクトの処理をページ層およびそれ以上の層で定義することです。</p>
-<p>URLを下層の層には、コンポジション/プロパティ/ファクトリーを通じて渡すことができます。</p></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/ja/docusaurus-plugin-content-docs/current/guides/issues/routes.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>このページを編集</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">最終更新<!-- --> <b><time datetime="2024-09-29T11:02:46.000Z" itemprop="dateModified">2024年9月29日</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="ドキュメントページのナビゲーション"><a class="pagination-nav__link pagination-nav__link--prev" href="/ja/docs/guides/issues/desegmented"><div class="pagination-nav__sublabel">前のページ</div><div class="pagination-nav__label">デセグメンテーション</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/ja/docs/guides/issues/cross-imports"><div class="pagination-nav__sublabel">次のページ</div><div class="pagination-nav__label">クロスインポート</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#situation" class="table-of-contents__link toc-highlight">状況</a></li><li><a href="#problem" class="table-of-contents__link toc-highlight">問題</a></li><li><a href="#if-you-ignore-it" class="table-of-contents__link toc-highlight">無視する場合</a></li><li><a href="#solution" class="table-of-contents__link toc-highlight">解決策</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">仕様</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/ja/docs">ドキュメント</a></li><li class="footer__item"><a class="footer__link-item" href="/ja/community">コミュニティ</a></li><li class="footer__item"><a class="footer__link-item" href="/ja/nav">ヘルプ</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">ディスカッション<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">コミュニティ</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">X<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">その他</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">ライセンス<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/ja/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/ja/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2024  Feature-Sliced Design</div></div></div></footer></div>
+<p>URLを下層の層には、コンポジション/プロパティ/ファクトリーを通じて渡すことができます。</p></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/ja/docusaurus-plugin-content-docs/current/guides/issues/routes.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>このページを編集</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">最終更新<!-- --> <b><time datetime="2024-10-07T18:23:06.000Z" itemprop="dateModified">2024年10月7日</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="ドキュメントページのナビゲーション"><a class="pagination-nav__link pagination-nav__link--prev" href="/ja/docs/guides/issues/desegmented"><div class="pagination-nav__sublabel">前のページ</div><div class="pagination-nav__label">デセグメンテーション</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/ja/docs/guides/issues/cross-imports"><div class="pagination-nav__sublabel">次のページ</div><div class="pagination-nav__label">クロスインポート</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#situation" class="table-of-contents__link toc-highlight">状況</a></li><li><a href="#problem" class="table-of-contents__link toc-highlight">問題</a></li><li><a href="#if-you-ignore-it" class="table-of-contents__link toc-highlight">無視する場合</a></li><li><a href="#solution" class="table-of-contents__link toc-highlight">解決策</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">仕様</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/ja/docs">ドキュメント</a></li><li class="footer__item"><a class="footer__link-item" href="/ja/community">コミュニティ</a></li><li class="footer__item"><a class="footer__link-item" href="/ja/nav">ヘルプ</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">ディスカッション<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">コミュニティ</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">X<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">その他</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">ライセンス<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/ja/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/ja/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2024  Feature-Sliced Design</div></div></div></footer></div>
 </body>
 </html>
\ No newline at end of file
diff --git a/ja/docs/guides/migration/from-custom.html b/ja/docs/guides/migration/from-custom.html
index d11f303e60..aeaa3135ea 100644
--- a/ja/docs/guides/migration/from-custom.html
+++ b/ja/docs/guides/migration/from-custom.html
@@ -9,8 +9,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/ja/opensearch.xml"><link rel="stylesheet" href="/ja/assets/css/styles.c2f43f9a.css">
-<script src="/ja/assets/js/runtime~main.ac5b7a06.js" defer="defer"></script>
-<script src="/ja/assets/js/main.cdd867c6.js" defer="defer"></script>
+<script src="/ja/assets/js/runtime~main.37f69f93.js" defer="defer"></script>
+<script src="/ja/assets/js/main.29fd47b7.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="メインコンテンツにスキップ"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">メインコンテンツにスキップ</a></div><nav aria-label="ナビゲーション" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="ナビゲーションバーを開く" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/ja/"><div class="navbar__logo"><img src="/ja/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/ja/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/ja/docs">📖 ドキュメント</a><a class="navbar__item navbar__link" href="/ja/community">💫 コミュニティ</a><a class="navbar__item navbar__link" href="/ja/blog">📝 ブログ</a><a class="navbar__item navbar__link" href="/ja/examples">🛠 実装例</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/ja/docs/guides/migration/from-custom">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a aria-current="page" class="dropdown__link dropdown__link--active" href="/ja/docs/guides/migration/from-custom">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/ja/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>日本語</a><ul class="dropdown__menu"><li><a href="/ru/docs/guides/migration/from-custom" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ru">Русский</a></li><li><a href="/docs/guides/migration/from-custom" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/uz/docs/guides/migration/from-custom" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/docs/guides/migration/from-custom" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="kr">한국어</a></li><li><a href="/ja/docs/guides/migration/from-custom" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="ダークモードを切り替える(現在はライトモード)" aria-label="ダークモードを切り替える(現在はライトモード)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="検索"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">検索</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><div class="docsWrapper_rDLg"><button aria-label="先頭へ戻る" class="clean-btn theme-back-to-top-button backToTopButton_JQoL" type="button"></button><div class="docRoot_GkJk"><aside class="theme-doc-sidebar-container docSidebarContainer_xiHB"><div class="sidebarViewport_DaHB"><div class="sidebar_Kb82"><nav aria-label="ドキュメントのサイドバー" class="menu thin-scrollbar menu_AkOp"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--active" href="/ja/docs/guides">🎯  ガイド</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" tabindex="0" href="/ja/docs/guides/examples">実装例</a><button aria-label="&#x27;実装例&#x27;の目次を開く" aria-expanded="false" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret menu__link--active" role="button" aria-expanded="true" tabindex="0" href="/ja/docs/guides/migration/from-custom">移行</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/ja/docs/guides/migration/from-custom">カスタムアーキテクチャからの移行</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/ja/docs/guides/migration/from-v1">v1からの移行</a></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/ja/docs/guides/tech/with-nextjs">技術</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/ja/docs/guides/issues/desegmented">Code smells &amp; Issues</a></div></li></ul></li></ul></nav><button type="button" title="サイドバーを折りたたむ" aria-label="サイドバーを折りたたむ" class="button button--secondary button--outline collapseSidebarButton_L8vW"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_hYfn"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_uESP"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_w6lk"><div class="docItemContainer_b1tn"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_ioLt" aria-label="パンくずリストのナビゲーション"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="ホームページ" class="breadcrumbs__link" href="/ja/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_ZfEo"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/ja/docs/guides"><span itemprop="name">🎯  ガイド</span></a><meta itemprop="position" content="1"></li><li class="breadcrumbs__item"><span class="breadcrumbs__link">移行</span><meta itemprop="position" content="2"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">カスタムアーキテクチャからの移行</span><meta itemprop="position" content="3"></li></ul></nav><div class="tocCollapsible_EkMH theme-doc-toc-mobile tocMobile_XRnS"><button type="button" class="clean-btn tocCollapsibleButton_ID8T">このページの見出し</button></div><div class="theme-doc-markdown markdown"><header><h1>カスタムアーキテクチャからの移行</h1></header>
@@ -93,6 +93,6 @@ <h3 class="anchor anchorWithStickyNavbar_QzlE" id="refactor-your-modules">ステ
 <p><code>📁 modules</code>フォルダは通常、ビジネスロジックに使用されるため、すでにFSDのフィーチャー層に似た性質を持っています。一部のモジュールは、アプリケーションの大きな部分（例えば、アプリのヘッダーなど）を説明することもあります。この場合、それらをウィジェット層に移動できます。</p>
 <h3 class="anchor anchorWithStickyNavbar_QzlE" id="form-clean-ui-foundation">ステップ8。 <code>shared/ui</code>にUI基盤を正しく形成する<a href="#form-clean-ui-foundation" class="hash-link" aria-label="この見出しへの直接リンク" title="この見出しへの直接リンク">​</a></h3>
 <p>理想的には、<code>📁 shared/ui</code>にはビジネスロジックが含まれていないUI要素のセットが含まれるべきです。また、非常に再利用可能である必要があります。</p>
-<p>以前<code>📁 components</code>や<code>📁 containers</code>にあったUIコンポーネントをリファクタリングして、ビジネスロジックを分離します。このビジネスロジックを上位層に移動します。あまり多くの場所で使用されていない場合は、コピーを検討することもできます。</p></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/ja/docusaurus-plugin-content-docs/current/guides/migration/from-custom.md" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>このページを編集</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">最終更新<!-- --> <b><time datetime="2024-09-29T11:02:46.000Z" itemprop="dateModified">2024年9月29日</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="ドキュメントページのナビゲーション"><a class="pagination-nav__link pagination-nav__link--prev" href="/ja/docs/guides/examples/page-layout"><div class="pagination-nav__sublabel">前のページ</div><div class="pagination-nav__label">ページレイアウト</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/ja/docs/guides/migration/from-v1"><div class="pagination-nav__sublabel">次のページ</div><div class="pagination-nav__label">v1からの移行</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#before-you-start" class="table-of-contents__link toc-highlight">開始前に</a></li><li><a href="#divide-code-by-pages" class="table-of-contents__link toc-highlight">ステップ１。コードをページごとに分割する</a></li><li><a href="#separate-everything-else-from-pages" class="table-of-contents__link toc-highlight">ステップ２。 ページ以外のすべてを分離する</a></li><li><a href="#tackle-cross-imports-between-pages" class="table-of-contents__link toc-highlight">ステップ３。 ページ間のクロスインポートを解消する</a></li><li><a href="#unpack-shared-layer" class="table-of-contents__link toc-highlight">ステップ４。 Shared層を分解する</a></li><li><a href="#organize-by-technical-purpose" class="table-of-contents__link toc-highlight">ステップ５。 コードを技術的な目的に基づいて整理する</a></li><li><a href="#optional-steps" class="table-of-contents__link toc-highlight">任意のステップ</a><ul><li><a href="#form-entities-features-from-redux" class="table-of-contents__link toc-highlight">ステップ６。 複数のページで使用されるReduxスライスからエンティティ/フィーチャーを形成する</a></li><li><a href="#refactor-your-modules" class="table-of-contents__link toc-highlight">ステップ７。 モジュールをリファクタリングする</a></li><li><a href="#form-clean-ui-foundation" class="table-of-contents__link toc-highlight">ステップ8。 <code>shared/ui</code>にUI基盤を正しく形成する</a></li></ul></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">仕様</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/ja/docs">ドキュメント</a></li><li class="footer__item"><a class="footer__link-item" href="/ja/community">コミュニティ</a></li><li class="footer__item"><a class="footer__link-item" href="/ja/nav">ヘルプ</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">ディスカッション<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">コミュニティ</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">X<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">その他</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">ライセンス<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/ja/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/ja/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2024  Feature-Sliced Design</div></div></div></footer></div>
+<p>以前<code>📁 components</code>や<code>📁 containers</code>にあったUIコンポーネントをリファクタリングして、ビジネスロジックを分離します。このビジネスロジックを上位層に移動します。あまり多くの場所で使用されていない場合は、コピーを検討することもできます。</p></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/ja/docusaurus-plugin-content-docs/current/guides/migration/from-custom.md" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>このページを編集</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">最終更新<!-- --> <b><time datetime="2024-10-07T18:23:06.000Z" itemprop="dateModified">2024年10月7日</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="ドキュメントページのナビゲーション"><a class="pagination-nav__link pagination-nav__link--prev" href="/ja/docs/guides/examples/page-layout"><div class="pagination-nav__sublabel">前のページ</div><div class="pagination-nav__label">ページレイアウト</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/ja/docs/guides/migration/from-v1"><div class="pagination-nav__sublabel">次のページ</div><div class="pagination-nav__label">v1からの移行</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#before-you-start" class="table-of-contents__link toc-highlight">開始前に</a></li><li><a href="#divide-code-by-pages" class="table-of-contents__link toc-highlight">ステップ１。コードをページごとに分割する</a></li><li><a href="#separate-everything-else-from-pages" class="table-of-contents__link toc-highlight">ステップ２。 ページ以外のすべてを分離する</a></li><li><a href="#tackle-cross-imports-between-pages" class="table-of-contents__link toc-highlight">ステップ３。 ページ間のクロスインポートを解消する</a></li><li><a href="#unpack-shared-layer" class="table-of-contents__link toc-highlight">ステップ４。 Shared層を分解する</a></li><li><a href="#organize-by-technical-purpose" class="table-of-contents__link toc-highlight">ステップ５。 コードを技術的な目的に基づいて整理する</a></li><li><a href="#optional-steps" class="table-of-contents__link toc-highlight">任意のステップ</a><ul><li><a href="#form-entities-features-from-redux" class="table-of-contents__link toc-highlight">ステップ６。 複数のページで使用されるReduxスライスからエンティティ/フィーチャーを形成する</a></li><li><a href="#refactor-your-modules" class="table-of-contents__link toc-highlight">ステップ７。 モジュールをリファクタリングする</a></li><li><a href="#form-clean-ui-foundation" class="table-of-contents__link toc-highlight">ステップ8。 <code>shared/ui</code>にUI基盤を正しく形成する</a></li></ul></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">仕様</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/ja/docs">ドキュメント</a></li><li class="footer__item"><a class="footer__link-item" href="/ja/community">コミュニティ</a></li><li class="footer__item"><a class="footer__link-item" href="/ja/nav">ヘルプ</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">ディスカッション<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">コミュニティ</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">X<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">その他</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">ライセンス<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/ja/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/ja/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2024  Feature-Sliced Design</div></div></div></footer></div>
 </body>
 </html>
\ No newline at end of file
diff --git a/ja/docs/guides/migration/from-v1.html b/ja/docs/guides/migration/from-v1.html
index 1c7189f29f..1ed6022fb8 100644
--- a/ja/docs/guides/migration/from-v1.html
+++ b/ja/docs/guides/migration/from-v1.html
@@ -9,8 +9,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/ja/opensearch.xml"><link rel="stylesheet" href="/ja/assets/css/styles.c2f43f9a.css">
-<script src="/ja/assets/js/runtime~main.ac5b7a06.js" defer="defer"></script>
-<script src="/ja/assets/js/main.cdd867c6.js" defer="defer"></script>
+<script src="/ja/assets/js/runtime~main.37f69f93.js" defer="defer"></script>
+<script src="/ja/assets/js/main.29fd47b7.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="メインコンテンツにスキップ"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">メインコンテンツにスキップ</a></div><nav aria-label="ナビゲーション" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="ナビゲーションバーを開く" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/ja/"><div class="navbar__logo"><img src="/ja/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/ja/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/ja/docs">📖 ドキュメント</a><a class="navbar__item navbar__link" href="/ja/community">💫 コミュニティ</a><a class="navbar__item navbar__link" href="/ja/blog">📝 ブログ</a><a class="navbar__item navbar__link" href="/ja/examples">🛠 実装例</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/ja/docs/guides/migration/from-v1">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a aria-current="page" class="dropdown__link dropdown__link--active" href="/ja/docs/guides/migration/from-v1">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/ja/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>日本語</a><ul class="dropdown__menu"><li><a href="/ru/docs/guides/migration/from-v1" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ru">Русский</a></li><li><a href="/docs/guides/migration/from-v1" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/uz/docs/guides/migration/from-v1" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/docs/guides/migration/from-v1" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="kr">한국어</a></li><li><a href="/ja/docs/guides/migration/from-v1" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="ダークモードを切り替える(現在はライトモード)" aria-label="ダークモードを切り替える(現在はライトモード)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="検索"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">検索</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><div class="docsWrapper_rDLg"><button aria-label="先頭へ戻る" class="clean-btn theme-back-to-top-button backToTopButton_JQoL" type="button"></button><div class="docRoot_GkJk"><aside class="theme-doc-sidebar-container docSidebarContainer_xiHB"><div class="sidebarViewport_DaHB"><div class="sidebar_Kb82"><nav aria-label="ドキュメントのサイドバー" class="menu thin-scrollbar menu_AkOp"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--active" href="/ja/docs/guides">🎯  ガイド</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" tabindex="0" href="/ja/docs/guides/examples">実装例</a><button aria-label="&#x27;実装例&#x27;の目次を開く" aria-expanded="false" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret menu__link--active" role="button" aria-expanded="true" tabindex="0" href="/ja/docs/guides/migration/from-custom">移行</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/ja/docs/guides/migration/from-custom">カスタムアーキテクチャからの移行</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/ja/docs/guides/migration/from-v1">v1からの移行</a></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/ja/docs/guides/tech/with-nextjs">技術</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/ja/docs/guides/issues/desegmented">Code smells &amp; Issues</a></div></li></ul></li></ul></nav><button type="button" title="サイドバーを折りたたむ" aria-label="サイドバーを折りたたむ" class="button button--secondary button--outline collapseSidebarButton_L8vW"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_hYfn"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_uESP"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_w6lk"><div class="docItemContainer_b1tn"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_ioLt" aria-label="パンくずリストのナビゲーション"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="ホームページ" class="breadcrumbs__link" href="/ja/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_ZfEo"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/ja/docs/guides"><span itemprop="name">🎯  ガイド</span></a><meta itemprop="position" content="1"></li><li class="breadcrumbs__item"><span class="breadcrumbs__link">移行</span><meta itemprop="position" content="2"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">v1からの移行</span><meta itemprop="position" content="3"></li></ul></nav><div class="tocCollapsible_EkMH theme-doc-toc-mobile tocMobile_XRnS"><button type="button" class="clean-btn tocCollapsibleButton_ID8T">このページの見出し</button></div><div class="theme-doc-markdown markdown"><header><h1>v1からの移行</h1></header>
@@ -192,6 +192,6 @@ <h3 class="anchor anchorWithStickyNavbar_QzlE" id="refined-低結合"><code>REFI
 <h2 class="anchor anchorWithStickyNavbar_QzlE" id="see-also">参照<a href="#see-also" class="hash-link" aria-label="この見出しへの直接リンク" title="この見出しへの直接リンク">​</a></h2>
 <ul>
 <li><a href="https://www.youtube.com/watch?v=BWAeYuWFHhs" target="_blank" rel="noopener noreferrer">React Berlin Talk - Oleg Isonen &quot;Feature Driven Architecture&quot;</a></li>
-</ul></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/ja/docusaurus-plugin-content-docs/current/guides/migration/from-v1.md" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>このページを編集</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">最終更新<!-- --> <b><time datetime="2024-09-29T11:02:46.000Z" itemprop="dateModified">2024年9月29日</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="ドキュメントページのナビゲーション"><a class="pagination-nav__link pagination-nav__link--prev" href="/ja/docs/guides/migration/from-custom"><div class="pagination-nav__sublabel">前のページ</div><div class="pagination-nav__label">カスタムアーキテクチャからの移行</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/ja/docs/guides/tech/with-nextjs"><div class="pagination-nav__sublabel">次のページ</div><div class="pagination-nav__label">NextJSとの併用</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#why-v2" class="table-of-contents__link toc-highlight">なぜv2なのか？</a></li><li><a href="#why-does-it-make-sense-to-migrate-the-project-to-v2" class="table-of-contents__link toc-highlight">なぜプロジェクトをv2に移行する意味があるのか？</a></li><li><a href="#changelog" class="table-of-contents__link toc-highlight">Changelog</a><ul><li><a href="#breaking-layers" class="table-of-contents__link toc-highlight"><code>BREAKING</code> Layers</a></li><li><a href="#breaking-shared層" class="table-of-contents__link toc-highlight"><code>BREAKING</code> Shared層</a></li><li><a href="#新規-entities層-processes層" class="table-of-contents__link toc-highlight"><code>新規</code> Entities層, Processes層</a></li><li><a href="#breaking-抽象化と命名" class="table-of-contents__link toc-highlight"><code>BREAKING</code> 抽象化と命名</a></li><li><a href="#refined-低結合" class="table-of-contents__link toc-highlight"><code>REFINED</code> 低結合</a></li></ul></li><li><a href="#see-also" class="table-of-contents__link toc-highlight">参照</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">仕様</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/ja/docs">ドキュメント</a></li><li class="footer__item"><a class="footer__link-item" href="/ja/community">コミュニティ</a></li><li class="footer__item"><a class="footer__link-item" href="/ja/nav">ヘルプ</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">ディスカッション<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">コミュニティ</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">X<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">その他</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">ライセンス<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/ja/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/ja/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2024  Feature-Sliced Design</div></div></div></footer></div>
+</ul></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/ja/docusaurus-plugin-content-docs/current/guides/migration/from-v1.md" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>このページを編集</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">最終更新<!-- --> <b><time datetime="2024-10-07T18:23:06.000Z" itemprop="dateModified">2024年10月7日</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="ドキュメントページのナビゲーション"><a class="pagination-nav__link pagination-nav__link--prev" href="/ja/docs/guides/migration/from-custom"><div class="pagination-nav__sublabel">前のページ</div><div class="pagination-nav__label">カスタムアーキテクチャからの移行</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/ja/docs/guides/tech/with-nextjs"><div class="pagination-nav__sublabel">次のページ</div><div class="pagination-nav__label">NextJSとの併用</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#why-v2" class="table-of-contents__link toc-highlight">なぜv2なのか？</a></li><li><a href="#why-does-it-make-sense-to-migrate-the-project-to-v2" class="table-of-contents__link toc-highlight">なぜプロジェクトをv2に移行する意味があるのか？</a></li><li><a href="#changelog" class="table-of-contents__link toc-highlight">Changelog</a><ul><li><a href="#breaking-layers" class="table-of-contents__link toc-highlight"><code>BREAKING</code> Layers</a></li><li><a href="#breaking-shared層" class="table-of-contents__link toc-highlight"><code>BREAKING</code> Shared層</a></li><li><a href="#新規-entities層-processes層" class="table-of-contents__link toc-highlight"><code>新規</code> Entities層, Processes層</a></li><li><a href="#breaking-抽象化と命名" class="table-of-contents__link toc-highlight"><code>BREAKING</code> 抽象化と命名</a></li><li><a href="#refined-低結合" class="table-of-contents__link toc-highlight"><code>REFINED</code> 低結合</a></li></ul></li><li><a href="#see-also" class="table-of-contents__link toc-highlight">参照</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">仕様</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/ja/docs">ドキュメント</a></li><li class="footer__item"><a class="footer__link-item" href="/ja/community">コミュニティ</a></li><li class="footer__item"><a class="footer__link-item" href="/ja/nav">ヘルプ</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">ディスカッション<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">コミュニティ</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">X<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">その他</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">ライセンス<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/ja/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/ja/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2024  Feature-Sliced Design</div></div></div></footer></div>
 </body>
 </html>
\ No newline at end of file
diff --git a/ja/docs/guides/tech/with-nextjs.html b/ja/docs/guides/tech/with-nextjs.html
index 37a269b857..124f03cea5 100644
--- a/ja/docs/guides/tech/with-nextjs.html
+++ b/ja/docs/guides/tech/with-nextjs.html
@@ -9,8 +9,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/ja/opensearch.xml"><link rel="stylesheet" href="/ja/assets/css/styles.c2f43f9a.css">
-<script src="/ja/assets/js/runtime~main.ac5b7a06.js" defer="defer"></script>
-<script src="/ja/assets/js/main.cdd867c6.js" defer="defer"></script>
+<script src="/ja/assets/js/runtime~main.37f69f93.js" defer="defer"></script>
+<script src="/ja/assets/js/main.29fd47b7.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="メインコンテンツにスキップ"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">メインコンテンツにスキップ</a></div><nav aria-label="ナビゲーション" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="ナビゲーションバーを開く" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/ja/"><div class="navbar__logo"><img src="/ja/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/ja/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/ja/docs">📖 ドキュメント</a><a class="navbar__item navbar__link" href="/ja/community">💫 コミュニティ</a><a class="navbar__item navbar__link" href="/ja/blog">📝 ブログ</a><a class="navbar__item navbar__link" href="/ja/examples">🛠 実装例</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/ja/docs/guides/tech/with-nextjs">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a aria-current="page" class="dropdown__link dropdown__link--active" href="/ja/docs/guides/tech/with-nextjs">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/ja/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>日本語</a><ul class="dropdown__menu"><li><a href="/ru/docs/guides/tech/with-nextjs" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ru">Русский</a></li><li><a href="/docs/guides/tech/with-nextjs" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/uz/docs/guides/tech/with-nextjs" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/docs/guides/tech/with-nextjs" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="kr">한국어</a></li><li><a href="/ja/docs/guides/tech/with-nextjs" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="ダークモードを切り替える(現在はライトモード)" aria-label="ダークモードを切り替える(現在はライトモード)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="検索"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">検索</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><div class="docsWrapper_rDLg"><button aria-label="先頭へ戻る" class="clean-btn theme-back-to-top-button backToTopButton_JQoL" type="button"></button><div class="docRoot_GkJk"><aside class="theme-doc-sidebar-container docSidebarContainer_xiHB"><div class="sidebarViewport_DaHB"><div class="sidebar_Kb82"><nav aria-label="ドキュメントのサイドバー" class="menu thin-scrollbar menu_AkOp"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--active" href="/ja/docs/guides">🎯  ガイド</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" tabindex="0" href="/ja/docs/guides/examples">実装例</a><button aria-label="&#x27;実装例&#x27;の目次を開く" aria-expanded="false" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/ja/docs/guides/migration/from-custom">移行</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret menu__link--active" role="button" aria-expanded="true" tabindex="0" href="/ja/docs/guides/tech/with-nextjs">技術</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/ja/docs/guides/tech/with-nextjs">NextJSとの併用</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/ja/docs/guides/tech/with-nuxtjs">NuxtJSとの併用</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/ja/docs/guides/tech/with-react-query">React Queryとの併用</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/ja/docs/guides/tech/with-sveltekit">SvelteKitとの併用</a></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/ja/docs/guides/issues/desegmented">Code smells &amp; Issues</a></div></li></ul></li></ul></nav><button type="button" title="サイドバーを折りたたむ" aria-label="サイドバーを折りたたむ" class="button button--secondary button--outline collapseSidebarButton_L8vW"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_hYfn"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_uESP"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_w6lk"><div class="docItemContainer_b1tn"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_ioLt" aria-label="パンくずリストのナビゲーション"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="ホームページ" class="breadcrumbs__link" href="/ja/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_ZfEo"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/ja/docs/guides"><span itemprop="name">🎯  ガイド</span></a><meta itemprop="position" content="1"></li><li class="breadcrumbs__item"><span class="breadcrumbs__link">技術</span><meta itemprop="position" content="2"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">NextJSとの併用</span><meta itemprop="position" content="3"></li></ul></nav><div class="tocCollapsible_EkMH theme-doc-toc-mobile tocMobile_XRnS"><button type="button" class="clean-btn tocCollapsibleButton_ID8T">このページの見出し</button></div><div class="theme-doc-markdown markdown"><header><h1>NextJSとの併用</h1></header>
@@ -42,6 +42,6 @@ <h2 class="anchor anchorWithStickyNavbar_QzlE" id="app-router">App Routerの使
 FSDの原則に従うために、NextJSの<code>app</code>フォルダーを<code>pages</code>フォルダーとの名前衝突を解消するために推奨される方法で扱うべきです。</p>
 <p>このアプローチは、NextJSの<code>app</code>フォルダーをプロジェクトのルートフォルダーに移動し、FSDのページをNextJSの<code>app</code>フォルダーにインポートすることに基づいています。これにより、<code>src</code>フォルダー内のFSDプロジェクト構造が保持されます。また、プロジェクトのルートフォルダーに<code>pages</code>フォルダーを追加することもお勧めします。なぜなら、App RouterはPages Routerと互換性があるからです。</p>
 <div class="codeBlockContainer_IiXL theme-code-block" style="--prism-background-color:hsl(230, 1%, 98%);--prism-color:hsl(230, 8%, 24%)"><div class="codeBlockContent_Y78k"><pre tabindex="0" class="prism-code language-text codeBlock_gc_u thin-scrollbar" style="background-color:hsl(230, 1%, 98%);color:hsl(230, 8%, 24%)"><code class="codeBlockLines_PG8G"><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">├── app                # NextJSのappフォルダー</span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">├── pages              # 空のNextJSのpagesフォルダー</span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">│   ├── README.md      # このフォルダーの目的に関する説明</span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">├── src</span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">│   ├── app            # FSDのappフォルダー</span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">│   ├── entities</span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">│   ├── features</span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">│   ├── pages          # FSDのpagesフォルダー</span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">│   ├── shared</span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">│   ├── widgets</span><br></span></code></pre><div class="buttonGroup_VWIG"><button type="button" aria-label="クリップボードにコピー" title="コピー" class="clean-btn"><span class="copyButtonIcons_p0uL" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_LnVn"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_yLdc"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div>
-<p><a href="https://stackblitz.com/edit/stackblitz-starters-aiez55?file=README.md" target="_blank" rel="noopener noreferrer"><img decoding="async" loading="lazy" src="https://developer.stackblitz.com/img/open_in_stackblitz.svg" alt="StackBlitzで開く" class="img_Vtmu"></a></p></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/ja/docusaurus-plugin-content-docs/current/guides/tech/with-nextjs.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>このページを編集</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">最終更新<!-- --> <b><time datetime="2024-09-29T11:02:46.000Z" itemprop="dateModified">2024年9月29日</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="ドキュメントページのナビゲーション"><a class="pagination-nav__link pagination-nav__link--prev" href="/ja/docs/guides/migration/from-v1"><div class="pagination-nav__sublabel">前のページ</div><div class="pagination-nav__label">v1からの移行</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/ja/docs/guides/tech/with-nuxtjs"><div class="pagination-nav__sublabel">次のページ</div><div class="pagination-nav__label">NuxtJSとの併用</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#pages-conflict" class="table-of-contents__link toc-highlight"><code>pages</code>におけるFSDとNextJSの対立</a><ul><li><a href="#nextjsのpagesフォルダーをプロジェクトのルートフォルダーに移動する推奨" class="table-of-contents__link toc-highlight">NextJSの<code>pages</code>フォルダーをプロジェクトのルートフォルダーに移動する（推奨）</a></li><li><a href="#fsd構造におけるpagesフォルダーの名前変更" class="table-of-contents__link toc-highlight">FSD構造における<code>pages</code>フォルダーの名前変更</a></li></ul></li><li><a href="#app-absence" class="table-of-contents__link toc-highlight">NextJSにおける<code>app</code>フォルダーの欠如</a><ul><li><a href="#pages_apptsxファイルへの機能のインポート" class="table-of-contents__link toc-highlight"><code>pages/_app.tsx</code>ファイルへの機能のインポート</a></li></ul></li><li><a href="#app-router" class="table-of-contents__link toc-highlight">App Routerの使用</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">仕様</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/ja/docs">ドキュメント</a></li><li class="footer__item"><a class="footer__link-item" href="/ja/community">コミュニティ</a></li><li class="footer__item"><a class="footer__link-item" href="/ja/nav">ヘルプ</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">ディスカッション<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">コミュニティ</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">X<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">その他</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">ライセンス<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/ja/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/ja/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2024  Feature-Sliced Design</div></div></div></footer></div>
+<p><a href="https://stackblitz.com/edit/stackblitz-starters-aiez55?file=README.md" target="_blank" rel="noopener noreferrer"><img decoding="async" loading="lazy" src="https://developer.stackblitz.com/img/open_in_stackblitz.svg" alt="StackBlitzで開く" class="img_Vtmu"></a></p></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/ja/docusaurus-plugin-content-docs/current/guides/tech/with-nextjs.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>このページを編集</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">最終更新<!-- --> <b><time datetime="2024-10-07T18:23:06.000Z" itemprop="dateModified">2024年10月7日</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="ドキュメントページのナビゲーション"><a class="pagination-nav__link pagination-nav__link--prev" href="/ja/docs/guides/migration/from-v1"><div class="pagination-nav__sublabel">前のページ</div><div class="pagination-nav__label">v1からの移行</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/ja/docs/guides/tech/with-nuxtjs"><div class="pagination-nav__sublabel">次のページ</div><div class="pagination-nav__label">NuxtJSとの併用</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#pages-conflict" class="table-of-contents__link toc-highlight"><code>pages</code>におけるFSDとNextJSの対立</a><ul><li><a href="#nextjsのpagesフォルダーをプロジェクトのルートフォルダーに移動する推奨" class="table-of-contents__link toc-highlight">NextJSの<code>pages</code>フォルダーをプロジェクトのルートフォルダーに移動する（推奨）</a></li><li><a href="#fsd構造におけるpagesフォルダーの名前変更" class="table-of-contents__link toc-highlight">FSD構造における<code>pages</code>フォルダーの名前変更</a></li></ul></li><li><a href="#app-absence" class="table-of-contents__link toc-highlight">NextJSにおける<code>app</code>フォルダーの欠如</a><ul><li><a href="#pages_apptsxファイルへの機能のインポート" class="table-of-contents__link toc-highlight"><code>pages/_app.tsx</code>ファイルへの機能のインポート</a></li></ul></li><li><a href="#app-router" class="table-of-contents__link toc-highlight">App Routerの使用</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">仕様</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/ja/docs">ドキュメント</a></li><li class="footer__item"><a class="footer__link-item" href="/ja/community">コミュニティ</a></li><li class="footer__item"><a class="footer__link-item" href="/ja/nav">ヘルプ</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">ディスカッション<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">コミュニティ</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">X<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">その他</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">ライセンス<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/ja/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/ja/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2024  Feature-Sliced Design</div></div></div></footer></div>
 </body>
 </html>
\ No newline at end of file
diff --git a/ja/docs/guides/tech/with-nuxtjs.html b/ja/docs/guides/tech/with-nuxtjs.html
index 2e7f322fce..0854ae606a 100644
--- a/ja/docs/guides/tech/with-nuxtjs.html
+++ b/ja/docs/guides/tech/with-nuxtjs.html
@@ -9,8 +9,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/ja/opensearch.xml"><link rel="stylesheet" href="/ja/assets/css/styles.c2f43f9a.css">
-<script src="/ja/assets/js/runtime~main.ac5b7a06.js" defer="defer"></script>
-<script src="/ja/assets/js/main.cdd867c6.js" defer="defer"></script>
+<script src="/ja/assets/js/runtime~main.37f69f93.js" defer="defer"></script>
+<script src="/ja/assets/js/main.29fd47b7.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="メインコンテンツにスキップ"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">メインコンテンツにスキップ</a></div><nav aria-label="ナビゲーション" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="ナビゲーションバーを開く" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/ja/"><div class="navbar__logo"><img src="/ja/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/ja/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/ja/docs">📖 ドキュメント</a><a class="navbar__item navbar__link" href="/ja/community">💫 コミュニティ</a><a class="navbar__item navbar__link" href="/ja/blog">📝 ブログ</a><a class="navbar__item navbar__link" href="/ja/examples">🛠 実装例</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/ja/docs/guides/tech/with-nuxtjs">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a aria-current="page" class="dropdown__link dropdown__link--active" href="/ja/docs/guides/tech/with-nuxtjs">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/ja/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>日本語</a><ul class="dropdown__menu"><li><a href="/ru/docs/guides/tech/with-nuxtjs" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ru">Русский</a></li><li><a href="/docs/guides/tech/with-nuxtjs" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/uz/docs/guides/tech/with-nuxtjs" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/docs/guides/tech/with-nuxtjs" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="kr">한국어</a></li><li><a href="/ja/docs/guides/tech/with-nuxtjs" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="ダークモードを切り替える(現在はライトモード)" aria-label="ダークモードを切り替える(現在はライトモード)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="検索"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">検索</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><div class="docsWrapper_rDLg"><button aria-label="先頭へ戻る" class="clean-btn theme-back-to-top-button backToTopButton_JQoL" type="button"></button><div class="docRoot_GkJk"><aside class="theme-doc-sidebar-container docSidebarContainer_xiHB"><div class="sidebarViewport_DaHB"><div class="sidebar_Kb82"><nav aria-label="ドキュメントのサイドバー" class="menu thin-scrollbar menu_AkOp"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--active" href="/ja/docs/guides">🎯  ガイド</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" tabindex="0" href="/ja/docs/guides/examples">実装例</a><button aria-label="&#x27;実装例&#x27;の目次を開く" aria-expanded="false" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/ja/docs/guides/migration/from-custom">移行</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret menu__link--active" role="button" aria-expanded="true" tabindex="0" href="/ja/docs/guides/tech/with-nextjs">技術</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/ja/docs/guides/tech/with-nextjs">NextJSとの併用</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/ja/docs/guides/tech/with-nuxtjs">NuxtJSとの併用</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/ja/docs/guides/tech/with-react-query">React Queryとの併用</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/ja/docs/guides/tech/with-sveltekit">SvelteKitとの併用</a></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/ja/docs/guides/issues/desegmented">Code smells &amp; Issues</a></div></li></ul></li></ul></nav><button type="button" title="サイドバーを折りたたむ" aria-label="サイドバーを折りたたむ" class="button button--secondary button--outline collapseSidebarButton_L8vW"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_hYfn"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_uESP"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_w6lk"><div class="docItemContainer_b1tn"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_ioLt" aria-label="パンくずリストのナビゲーション"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="ホームページ" class="breadcrumbs__link" href="/ja/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_ZfEo"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/ja/docs/guides"><span itemprop="name">🎯  ガイド</span></a><meta itemprop="position" content="1"></li><li class="breadcrumbs__item"><span class="breadcrumbs__link">技術</span><meta itemprop="position" content="2"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">NuxtJSとの併用</span><meta itemprop="position" content="3"></li></ul></nav><div class="tocCollapsible_EkMH theme-doc-toc-mobile tocMobile_XRnS"><button type="button" class="clean-btn tocCollapsibleButton_ID8T">このページの見出し</button></div><div class="theme-doc-markdown markdown"><header><h1>NuxtJSとの併用</h1></header>
@@ -70,6 +70,6 @@ <h2 class="anchor anchorWithStickyNavbar_QzlE" id="参照">参照<a href="#参
 <li><a href="https://nuxt.com/docs/api/nuxt-config#dir" target="_blank" rel="noopener noreferrer">NuxtJSのディレクトリ設定変更に関するドキュメント</a></li>
 <li><a href="https://nuxt.com/docs/guide/recipes/custom-routing#router-config" target="_blank" rel="noopener noreferrer">NuxtJSのルーター設定変更に関するドキュメント</a></li>
 <li><a href="https://nuxt.com/docs/api/nuxt-config#alias" target="_blank" rel="noopener noreferrer">NuxtJSのエイリアス設定変更に関するドキュメント</a></li>
-</ul></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/ja/docusaurus-plugin-content-docs/current/guides/tech/with-nuxtjs.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>このページを編集</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">最終更新<!-- --> <b><time datetime="2024-09-29T11:02:46.000Z" itemprop="dateModified">2024年9月29日</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="ドキュメントページのナビゲーション"><a class="pagination-nav__link pagination-nav__link--prev" href="/ja/docs/guides/tech/with-nextjs"><div class="pagination-nav__sublabel">前のページ</div><div class="pagination-nav__label">NextJSとの併用</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/ja/docs/guides/tech/with-react-query"><div class="pagination-nav__sublabel">次のページ</div><div class="pagination-nav__label">React Queryとの併用</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#srcディレクトリのエイリアスを追加する" class="table-of-contents__link toc-highlight"><code>src</code>ディレクトリのエイリアスを追加する</a></li><li><a href="#ルーター設定方法の選択" class="table-of-contents__link toc-highlight">ルーター設定方法の選択</a><ul><li><a href="#コンフィグによるルーティング" class="table-of-contents__link toc-highlight">コンフィグによるルーティング</a></li><li><a href="#ファイルルーティング" class="table-of-contents__link toc-highlight">ファイルルーティング</a></li></ul></li><li><a href="#layoutsについて" class="table-of-contents__link toc-highlight"><code>layouts</code>について</a></li><li><a href="#参照" class="table-of-contents__link toc-highlight">参照</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">仕様</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/ja/docs">ドキュメント</a></li><li class="footer__item"><a class="footer__link-item" href="/ja/community">コミュニティ</a></li><li class="footer__item"><a class="footer__link-item" href="/ja/nav">ヘルプ</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">ディスカッション<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">コミュニティ</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">X<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">その他</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">ライセンス<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/ja/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/ja/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2024  Feature-Sliced Design</div></div></div></footer></div>
+</ul></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/ja/docusaurus-plugin-content-docs/current/guides/tech/with-nuxtjs.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>このページを編集</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">最終更新<!-- --> <b><time datetime="2024-10-07T18:23:06.000Z" itemprop="dateModified">2024年10月7日</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="ドキュメントページのナビゲーション"><a class="pagination-nav__link pagination-nav__link--prev" href="/ja/docs/guides/tech/with-nextjs"><div class="pagination-nav__sublabel">前のページ</div><div class="pagination-nav__label">NextJSとの併用</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/ja/docs/guides/tech/with-react-query"><div class="pagination-nav__sublabel">次のページ</div><div class="pagination-nav__label">React Queryとの併用</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#srcディレクトリのエイリアスを追加する" class="table-of-contents__link toc-highlight"><code>src</code>ディレクトリのエイリアスを追加する</a></li><li><a href="#ルーター設定方法の選択" class="table-of-contents__link toc-highlight">ルーター設定方法の選択</a><ul><li><a href="#コンフィグによるルーティング" class="table-of-contents__link toc-highlight">コンフィグによるルーティング</a></li><li><a href="#ファイルルーティング" class="table-of-contents__link toc-highlight">ファイルルーティング</a></li></ul></li><li><a href="#layoutsについて" class="table-of-contents__link toc-highlight"><code>layouts</code>について</a></li><li><a href="#参照" class="table-of-contents__link toc-highlight">参照</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">仕様</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/ja/docs">ドキュメント</a></li><li class="footer__item"><a class="footer__link-item" href="/ja/community">コミュニティ</a></li><li class="footer__item"><a class="footer__link-item" href="/ja/nav">ヘルプ</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">ディスカッション<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">コミュニティ</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">X<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">その他</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">ライセンス<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/ja/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/ja/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2024  Feature-Sliced Design</div></div></div></footer></div>
 </body>
 </html>
\ No newline at end of file
diff --git a/ja/docs/guides/tech/with-react-query.html b/ja/docs/guides/tech/with-react-query.html
index 80f732f60c..8d700038f0 100644
--- a/ja/docs/guides/tech/with-react-query.html
+++ b/ja/docs/guides/tech/with-react-query.html
@@ -9,8 +9,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/ja/opensearch.xml"><link rel="stylesheet" href="/ja/assets/css/styles.c2f43f9a.css">
-<script src="/ja/assets/js/runtime~main.ac5b7a06.js" defer="defer"></script>
-<script src="/ja/assets/js/main.cdd867c6.js" defer="defer"></script>
+<script src="/ja/assets/js/runtime~main.37f69f93.js" defer="defer"></script>
+<script src="/ja/assets/js/main.29fd47b7.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="メインコンテンツにスキップ"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">メインコンテンツにスキップ</a></div><nav aria-label="ナビゲーション" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="ナビゲーションバーを開く" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/ja/"><div class="navbar__logo"><img src="/ja/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/ja/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/ja/docs">📖 ドキュメント</a><a class="navbar__item navbar__link" href="/ja/community">💫 コミュニティ</a><a class="navbar__item navbar__link" href="/ja/blog">📝 ブログ</a><a class="navbar__item navbar__link" href="/ja/examples">🛠 実装例</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/ja/docs/guides/tech/with-react-query">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a aria-current="page" class="dropdown__link dropdown__link--active" href="/ja/docs/guides/tech/with-react-query">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/ja/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>日本語</a><ul class="dropdown__menu"><li><a href="/ru/docs/guides/tech/with-react-query" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ru">Русский</a></li><li><a href="/docs/guides/tech/with-react-query" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/uz/docs/guides/tech/with-react-query" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/docs/guides/tech/with-react-query" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="kr">한국어</a></li><li><a href="/ja/docs/guides/tech/with-react-query" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="ダークモードを切り替える(現在はライトモード)" aria-label="ダークモードを切り替える(現在はライトモード)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="検索"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">検索</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><div class="docsWrapper_rDLg"><button aria-label="先頭へ戻る" class="clean-btn theme-back-to-top-button backToTopButton_JQoL" type="button"></button><div class="docRoot_GkJk"><aside class="theme-doc-sidebar-container docSidebarContainer_xiHB"><div class="sidebarViewport_DaHB"><div class="sidebar_Kb82"><nav aria-label="ドキュメントのサイドバー" class="menu thin-scrollbar menu_AkOp"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--active" href="/ja/docs/guides">🎯  ガイド</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" tabindex="0" href="/ja/docs/guides/examples">実装例</a><button aria-label="&#x27;実装例&#x27;の目次を開く" aria-expanded="false" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/ja/docs/guides/migration/from-custom">移行</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret menu__link--active" role="button" aria-expanded="true" tabindex="0" href="/ja/docs/guides/tech/with-nextjs">技術</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/ja/docs/guides/tech/with-nextjs">NextJSとの併用</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/ja/docs/guides/tech/with-nuxtjs">NuxtJSとの併用</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/ja/docs/guides/tech/with-react-query">React Queryとの併用</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/ja/docs/guides/tech/with-sveltekit">SvelteKitとの併用</a></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/ja/docs/guides/issues/desegmented">Code smells &amp; Issues</a></div></li></ul></li></ul></nav><button type="button" title="サイドバーを折りたたむ" aria-label="サイドバーを折りたたむ" class="button button--secondary button--outline collapseSidebarButton_L8vW"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_hYfn"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_uESP"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_w6lk"><div class="docItemContainer_b1tn"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_ioLt" aria-label="パンくずリストのナビゲーション"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="ホームページ" class="breadcrumbs__link" href="/ja/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_ZfEo"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/ja/docs/guides"><span itemprop="name">🎯  ガイド</span></a><meta itemprop="position" content="1"></li><li class="breadcrumbs__item"><span class="breadcrumbs__link">技術</span><meta itemprop="position" content="2"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">React Queryとの併用</span><meta itemprop="position" content="3"></li></ul></nav><div class="tocCollapsible_EkMH theme-doc-toc-mobile tocMobile_XRnS"><button type="button" class="clean-btn tocCollapsibleButton_ID8T">このページの見出し</button></div><div class="theme-doc-markdown markdown"><header><h1>React Queryとの併用</h1></header>
@@ -75,6 +75,6 @@ <h3 class="anchor anchorWithStickyNavbar_QzlE" id="apiクライアント">APIク
 <h2 class="anchor anchorWithStickyNavbar_QzlE" id="see-also">参照<a href="#see-also" class="hash-link" aria-label="この見出しへの直接リンク" title="この見出しへの直接リンク">​</a></h2>
 <ul>
 <li><a href="https://tkdodo.eu/blog/the-query-options-api" target="_blank" rel="noopener noreferrer">The Query Options API</a></li>
-</ul></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/ja/docusaurus-plugin-content-docs/current/guides/tech/with-react-query.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>このページを編集</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">最終更新<!-- --> <b><time datetime="2024-09-29T11:02:46.000Z" itemprop="dateModified">2024年9月29日</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="ドキュメントページのナビゲーション"><a class="pagination-nav__link pagination-nav__link--prev" href="/ja/docs/guides/tech/with-nuxtjs"><div class="pagination-nav__sublabel">前のページ</div><div class="pagination-nav__label">NuxtJSとの併用</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/ja/docs/guides/tech/with-sveltekit"><div class="pagination-nav__sublabel">次のページ</div><div class="pagination-nav__label">SvelteKitとの併用</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#キーをどこに置くか問題" class="table-of-contents__link toc-highlight">キーをどこに置くか問題</a><ul><li><a href="#解決策---エンティティごとに分割する" class="table-of-contents__link toc-highlight">解決策 - エンティティごとに分割する</a></li><li><a href="#代替案--クエリを公開で保存する" class="table-of-contents__link toc-highlight">代替案 — クエリを公開で保存する</a></li></ul></li><li><a href="#問題ミューテーションはどこに" class="table-of-contents__link toc-highlight">問題「ミューテーションはどこに？」</a><ul><li><a href="#1-使用場所の近くにapiセグメントにカスタムフックを定義する" class="table-of-contents__link toc-highlight">1. 使用場所の近くにAPIセグメントにカスタムフックを定義する</a></li><li><a href="#2-別の場所shared層やentities層にミューテーション関数を定義しコンポーネント内でusemutationを直接使用する" class="table-of-contents__link toc-highlight">2. 別の場所（Shared層やEntities層）にミューテーション関数を定義し、コンポーネント内で<code>useMutation</code>を直接使用する</a></li></ul></li><li><a href="#クエリの組織化" class="table-of-contents__link toc-highlight">クエリの組織化</a><ul><li><a href="#クエリファクトリー" class="table-of-contents__link toc-highlight">クエリファクトリー</a></li><li><a href="#1-クエリファクトリーの作成" class="table-of-contents__link toc-highlight">1. クエリファクトリーの作成</a></li><li><a href="#2-アプリケーションコードでのクエリファクトリーの適用" class="table-of-contents__link toc-highlight">2. アプリケーションコードでのクエリファクトリーの適用</a></li><li><a href="#クエリファクトリーを使用する利点" class="table-of-contents__link toc-highlight">クエリファクトリーを使用する利点</a></li></ul></li><li><a href="#ページネーション" class="table-of-contents__link toc-highlight">ページネーション</a><ul><li><a href="#1-getposts関数の作成" class="table-of-contents__link toc-highlight">1. <code>getPosts</code>関数の作成</a></li><li><a href="#2-ページネーション用のクエリファクトリー" class="table-of-contents__link toc-highlight">2. ページネーション用のクエリファクトリー</a></li><li><a href="#3-アプリケーションコードでの使用" class="table-of-contents__link toc-highlight">3. アプリケーションコードでの使用</a></li></ul></li><li><a href="#クエリ管理用のqueryprovider" class="table-of-contents__link toc-highlight">クエリ管理用の<code>QueryProvider</code></a><ul><li><a href="#1-queryproviderの作成" class="table-of-contents__link toc-highlight">1. <code>QueryProvider</code>の作成</a></li><li><a href="#2-queryclientの作成" class="table-of-contents__link toc-highlight">2. <code>QueryClient</code>の作成</a></li></ul></li><li><a href="#コード生成" class="table-of-contents__link toc-highlight">コード生成</a></li><li><a href="#rqの整理に関する追加のアドバイス" class="table-of-contents__link toc-highlight">RQの整理に関する追加のアドバイス</a><ul><li><a href="#apiクライアント" class="table-of-contents__link toc-highlight">APIクライアント</a></li></ul></li><li><a href="#see-also" class="table-of-contents__link toc-highlight">参照</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">仕様</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/ja/docs">ドキュメント</a></li><li class="footer__item"><a class="footer__link-item" href="/ja/community">コミュニティ</a></li><li class="footer__item"><a class="footer__link-item" href="/ja/nav">ヘルプ</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">ディスカッション<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">コミュニティ</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">X<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">その他</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">ライセンス<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/ja/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/ja/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2024  Feature-Sliced Design</div></div></div></footer></div>
+</ul></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/ja/docusaurus-plugin-content-docs/current/guides/tech/with-react-query.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>このページを編集</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">最終更新<!-- --> <b><time datetime="2024-10-07T18:23:06.000Z" itemprop="dateModified">2024年10月7日</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="ドキュメントページのナビゲーション"><a class="pagination-nav__link pagination-nav__link--prev" href="/ja/docs/guides/tech/with-nuxtjs"><div class="pagination-nav__sublabel">前のページ</div><div class="pagination-nav__label">NuxtJSとの併用</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/ja/docs/guides/tech/with-sveltekit"><div class="pagination-nav__sublabel">次のページ</div><div class="pagination-nav__label">SvelteKitとの併用</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#キーをどこに置くか問題" class="table-of-contents__link toc-highlight">キーをどこに置くか問題</a><ul><li><a href="#解決策---エンティティごとに分割する" class="table-of-contents__link toc-highlight">解決策 - エンティティごとに分割する</a></li><li><a href="#代替案--クエリを公開で保存する" class="table-of-contents__link toc-highlight">代替案 — クエリを公開で保存する</a></li></ul></li><li><a href="#問題ミューテーションはどこに" class="table-of-contents__link toc-highlight">問題「ミューテーションはどこに？」</a><ul><li><a href="#1-使用場所の近くにapiセグメントにカスタムフックを定義する" class="table-of-contents__link toc-highlight">1. 使用場所の近くにAPIセグメントにカスタムフックを定義する</a></li><li><a href="#2-別の場所shared層やentities層にミューテーション関数を定義しコンポーネント内でusemutationを直接使用する" class="table-of-contents__link toc-highlight">2. 別の場所（Shared層やEntities層）にミューテーション関数を定義し、コンポーネント内で<code>useMutation</code>を直接使用する</a></li></ul></li><li><a href="#クエリの組織化" class="table-of-contents__link toc-highlight">クエリの組織化</a><ul><li><a href="#クエリファクトリー" class="table-of-contents__link toc-highlight">クエリファクトリー</a></li><li><a href="#1-クエリファクトリーの作成" class="table-of-contents__link toc-highlight">1. クエリファクトリーの作成</a></li><li><a href="#2-アプリケーションコードでのクエリファクトリーの適用" class="table-of-contents__link toc-highlight">2. アプリケーションコードでのクエリファクトリーの適用</a></li><li><a href="#クエリファクトリーを使用する利点" class="table-of-contents__link toc-highlight">クエリファクトリーを使用する利点</a></li></ul></li><li><a href="#ページネーション" class="table-of-contents__link toc-highlight">ページネーション</a><ul><li><a href="#1-getposts関数の作成" class="table-of-contents__link toc-highlight">1. <code>getPosts</code>関数の作成</a></li><li><a href="#2-ページネーション用のクエリファクトリー" class="table-of-contents__link toc-highlight">2. ページネーション用のクエリファクトリー</a></li><li><a href="#3-アプリケーションコードでの使用" class="table-of-contents__link toc-highlight">3. アプリケーションコードでの使用</a></li></ul></li><li><a href="#クエリ管理用のqueryprovider" class="table-of-contents__link toc-highlight">クエリ管理用の<code>QueryProvider</code></a><ul><li><a href="#1-queryproviderの作成" class="table-of-contents__link toc-highlight">1. <code>QueryProvider</code>の作成</a></li><li><a href="#2-queryclientの作成" class="table-of-contents__link toc-highlight">2. <code>QueryClient</code>の作成</a></li></ul></li><li><a href="#コード生成" class="table-of-contents__link toc-highlight">コード生成</a></li><li><a href="#rqの整理に関する追加のアドバイス" class="table-of-contents__link toc-highlight">RQの整理に関する追加のアドバイス</a><ul><li><a href="#apiクライアント" class="table-of-contents__link toc-highlight">APIクライアント</a></li></ul></li><li><a href="#see-also" class="table-of-contents__link toc-highlight">参照</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">仕様</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/ja/docs">ドキュメント</a></li><li class="footer__item"><a class="footer__link-item" href="/ja/community">コミュニティ</a></li><li class="footer__item"><a class="footer__link-item" href="/ja/nav">ヘルプ</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">ディスカッション<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">コミュニティ</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">X<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">その他</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">ライセンス<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/ja/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/ja/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2024  Feature-Sliced Design</div></div></div></footer></div>
 </body>
 </html>
\ No newline at end of file
diff --git a/ja/docs/guides/tech/with-sveltekit.html b/ja/docs/guides/tech/with-sveltekit.html
index 48ccbce069..a69ab0ada5 100644
--- a/ja/docs/guides/tech/with-sveltekit.html
+++ b/ja/docs/guides/tech/with-sveltekit.html
@@ -9,8 +9,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/ja/opensearch.xml"><link rel="stylesheet" href="/ja/assets/css/styles.c2f43f9a.css">
-<script src="/ja/assets/js/runtime~main.ac5b7a06.js" defer="defer"></script>
-<script src="/ja/assets/js/main.cdd867c6.js" defer="defer"></script>
+<script src="/ja/assets/js/runtime~main.37f69f93.js" defer="defer"></script>
+<script src="/ja/assets/js/main.29fd47b7.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="メインコンテンツにスキップ"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">メインコンテンツにスキップ</a></div><nav aria-label="ナビゲーション" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="ナビゲーションバーを開く" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/ja/"><div class="navbar__logo"><img src="/ja/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/ja/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/ja/docs">📖 ドキュメント</a><a class="navbar__item navbar__link" href="/ja/community">💫 コミュニティ</a><a class="navbar__item navbar__link" href="/ja/blog">📝 ブログ</a><a class="navbar__item navbar__link" href="/ja/examples">🛠 実装例</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/ja/docs/guides/tech/with-sveltekit">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a aria-current="page" class="dropdown__link dropdown__link--active" href="/ja/docs/guides/tech/with-sveltekit">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/ja/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>日本語</a><ul class="dropdown__menu"><li><a href="/ru/docs/guides/tech/with-sveltekit" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ru">Русский</a></li><li><a href="/docs/guides/tech/with-sveltekit" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/uz/docs/guides/tech/with-sveltekit" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/docs/guides/tech/with-sveltekit" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="kr">한국어</a></li><li><a href="/ja/docs/guides/tech/with-sveltekit" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="ダークモードを切り替える(現在はライトモード)" aria-label="ダークモードを切り替える(現在はライトモード)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="検索"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">検索</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><div class="docsWrapper_rDLg"><button aria-label="先頭へ戻る" class="clean-btn theme-back-to-top-button backToTopButton_JQoL" type="button"></button><div class="docRoot_GkJk"><aside class="theme-doc-sidebar-container docSidebarContainer_xiHB"><div class="sidebarViewport_DaHB"><div class="sidebar_Kb82"><nav aria-label="ドキュメントのサイドバー" class="menu thin-scrollbar menu_AkOp"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--active" href="/ja/docs/guides">🎯  ガイド</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" tabindex="0" href="/ja/docs/guides/examples">実装例</a><button aria-label="&#x27;実装例&#x27;の目次を開く" aria-expanded="false" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/ja/docs/guides/migration/from-custom">移行</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret menu__link--active" role="button" aria-expanded="true" tabindex="0" href="/ja/docs/guides/tech/with-nextjs">技術</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/ja/docs/guides/tech/with-nextjs">NextJSとの併用</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/ja/docs/guides/tech/with-nuxtjs">NuxtJSとの併用</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/ja/docs/guides/tech/with-react-query">React Queryとの併用</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/ja/docs/guides/tech/with-sveltekit">SvelteKitとの併用</a></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/ja/docs/guides/issues/desegmented">Code smells &amp; Issues</a></div></li></ul></li></ul></nav><button type="button" title="サイドバーを折りたたむ" aria-label="サイドバーを折りたたむ" class="button button--secondary button--outline collapseSidebarButton_L8vW"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_hYfn"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_uESP"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_w6lk"><div class="docItemContainer_b1tn"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_ioLt" aria-label="パンくずリストのナビゲーション"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="ホームページ" class="breadcrumbs__link" href="/ja/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_ZfEo"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/ja/docs/guides"><span itemprop="name">🎯  ガイド</span></a><meta itemprop="position" content="1"></li><li class="breadcrumbs__item"><span class="breadcrumbs__link">技術</span><meta itemprop="position" content="2"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">SvelteKitとの併用</span><meta itemprop="position" content="3"></li></ul></nav><div class="tocCollapsible_EkMH theme-doc-toc-mobile tocMobile_XRnS"><button type="button" class="clean-btn tocCollapsibleButton_ID8T">このページの見出し</button></div><div class="theme-doc-markdown markdown"><header><h1>SvelteKitとの併用</h1></header>
@@ -43,6 +43,6 @@ <h2 class="anchor anchorWithStickyNavbar_QzlE" id="srcapp内へのファイル
 <h2 class="anchor anchorWithStickyNavbar_QzlE" id="参照">参照<a href="#参照" class="hash-link" aria-label="この見出しへの直接リンク" title="この見出しへの直接リンク">​</a></h2>
 <ul>
 <li><a href="https://kit.svelte.dev/docs/configuration#files" target="_blank" rel="noopener noreferrer">SvelteKitのディレクトリ設定変更に関するドキュメント</a></li>
-</ul></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/ja/docusaurus-plugin-content-docs/current/guides/tech/with-sveltekit.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>このページを編集</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">最終更新<!-- --> <b><time datetime="2024-09-29T11:02:46.000Z" itemprop="dateModified">2024年9月29日</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="ドキュメントページのナビゲーション"><a class="pagination-nav__link pagination-nav__link--prev" href="/ja/docs/guides/tech/with-react-query"><div class="pagination-nav__sublabel">前のページ</div><div class="pagination-nav__label">React Queryとの併用</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/ja/docs/guides/issues/desegmented"><div class="pagination-nav__sublabel">次のページ</div><div class="pagination-nav__label">デセグメンテーション</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#コンフィグファイルの設定" class="table-of-contents__link toc-highlight">コンフィグファイルの設定</a></li><li><a href="#srcapp内へのファイルルーティングの移動" class="table-of-contents__link toc-highlight"><code>src/app</code>内へのファイルルーティングの移動</a></li><li><a href="#参照" class="table-of-contents__link toc-highlight">参照</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">仕様</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/ja/docs">ドキュメント</a></li><li class="footer__item"><a class="footer__link-item" href="/ja/community">コミュニティ</a></li><li class="footer__item"><a class="footer__link-item" href="/ja/nav">ヘルプ</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">ディスカッション<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">コミュニティ</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">X<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">その他</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">ライセンス<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/ja/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/ja/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2024  Feature-Sliced Design</div></div></div></footer></div>
+</ul></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/ja/docusaurus-plugin-content-docs/current/guides/tech/with-sveltekit.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>このページを編集</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">最終更新<!-- --> <b><time datetime="2024-10-07T18:23:06.000Z" itemprop="dateModified">2024年10月7日</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="ドキュメントページのナビゲーション"><a class="pagination-nav__link pagination-nav__link--prev" href="/ja/docs/guides/tech/with-react-query"><div class="pagination-nav__sublabel">前のページ</div><div class="pagination-nav__label">React Queryとの併用</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/ja/docs/guides/issues/desegmented"><div class="pagination-nav__sublabel">次のページ</div><div class="pagination-nav__label">デセグメンテーション</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#コンフィグファイルの設定" class="table-of-contents__link toc-highlight">コンフィグファイルの設定</a></li><li><a href="#srcapp内へのファイルルーティングの移動" class="table-of-contents__link toc-highlight"><code>src/app</code>内へのファイルルーティングの移動</a></li><li><a href="#参照" class="table-of-contents__link toc-highlight">参照</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">仕様</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/ja/docs">ドキュメント</a></li><li class="footer__item"><a class="footer__link-item" href="/ja/community">コミュニティ</a></li><li class="footer__item"><a class="footer__link-item" href="/ja/nav">ヘルプ</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">ディスカッション<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">コミュニティ</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">X<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">その他</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">ライセンス<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/ja/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/ja/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2024  Feature-Sliced Design</div></div></div></footer></div>
 </body>
 </html>
\ No newline at end of file
diff --git a/ja/docs/reference.html b/ja/docs/reference.html
index 0d0b23f3cc..4abe286ae5 100644
--- a/ja/docs/reference.html
+++ b/ja/docs/reference.html
@@ -9,8 +9,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/ja/opensearch.xml"><link rel="stylesheet" href="/ja/assets/css/styles.c2f43f9a.css">
-<script src="/ja/assets/js/runtime~main.ac5b7a06.js" defer="defer"></script>
-<script src="/ja/assets/js/main.cdd867c6.js" defer="defer"></script>
+<script src="/ja/assets/js/runtime~main.37f69f93.js" defer="defer"></script>
+<script src="/ja/assets/js/main.29fd47b7.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="メインコンテンツにスキップ"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">メインコンテンツにスキップ</a></div><nav aria-label="ナビゲーション" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="ナビゲーションバーを開く" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/ja/"><div class="navbar__logo"><img src="/ja/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/ja/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/ja/docs">📖 ドキュメント</a><a class="navbar__item navbar__link" href="/ja/community">💫 コミュニティ</a><a class="navbar__item navbar__link" href="/ja/blog">📝 ブログ</a><a class="navbar__item navbar__link" href="/ja/examples">🛠 実装例</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/ja/docs/reference">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a aria-current="page" class="dropdown__link dropdown__link--active" href="/ja/docs/reference">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/ja/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>日本語</a><ul class="dropdown__menu"><li><a href="/ru/docs/reference" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ru">Русский</a></li><li><a href="/docs/reference" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/uz/docs/reference" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/docs/reference" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="kr">한국어</a></li><li><a href="/ja/docs/reference" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="ダークモードを切り替える(現在はライトモード)" aria-label="ダークモードを切り替える(現在はライトモード)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="検索"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">検索</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><div class="docsWrapper_rDLg"><button aria-label="先頭へ戻る" class="clean-btn theme-back-to-top-button backToTopButton_JQoL" type="button"></button><div class="docRoot_GkJk"><aside class="theme-doc-sidebar-container docSidebarContainer_xiHB"><div class="sidebarViewport_DaHB"><div class="sidebar_Kb82"><nav aria-label="ドキュメントのサイドバー" class="menu thin-scrollbar menu_AkOp"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible menu__list-item-collapsible--active"><a class="menu__link menu__link--active" aria-current="page" href="/ja/docs/reference">📚  参考書</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/ja/docs/reference/layers">レイヤー</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/ja/docs/reference/slices-segments">スライスとセグメント</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/ja/docs/reference/public-api">公開API</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" tabindex="0" href="/ja/docs/reference/isolation">分離</a><button aria-label="&#x27;分離&#x27;の目次を開く" aria-expanded="false" type="button" class="clean-btn menu__caret"></button></div></li></ul></li></ul></nav><button type="button" title="サイドバーを折りたたむ" aria-label="サイドバーを折りたたむ" class="button button--secondary button--outline collapseSidebarButton_L8vW"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_hYfn"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_uESP"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col"><div class="docItemContainer_b1tn"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_ioLt" aria-label="パンくずリストのナビゲーション"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="ホームページ" class="breadcrumbs__link" href="/ja/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_ZfEo"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">📚  参考書</span><meta itemprop="position" content="1"></li></ul></nav><div class="theme-doc-markdown markdown"><header><h1>📚 参考書</h1></header>
@@ -18,6 +18,6 @@
 <a class="root_GfON defaultTheme_j3I8" href="/ja/docs/reference/layers"><span role="img" aria-label="group" class="anticon anticon-group icon_ciqP"><svg viewBox="64 64 896 896" focusable="false" data-icon="group" width="1em" height="1em" fill="currentColor" aria-hidden="true"><defs><style></style></defs><path d="M912 820.1V203.9c28-9.9 48-36.6 48-67.9 0-39.8-32.2-72-72-72-31.3 0-58 20-67.9 48H203.9C194 84 167.3 64 136 64c-39.8 0-72 32.2-72 72 0 31.3 20 58 48 67.9v616.2C84 830 64 856.7 64 888c0 39.8 32.2 72 72 72 31.3 0 58-20 67.9-48h616.2c9.9 28 36.6 48 67.9 48 39.8 0 72-32.2 72-72 0-31.3-20-58-48-67.9zM888 112c13.3 0 24 10.7 24 24s-10.7 24-24 24-24-10.7-24-24 10.7-24 24-24zM136 912c-13.3 0-24-10.7-24-24s10.7-24 24-24 24 10.7 24 24-10.7 24-24 24zm0-752c-13.3 0-24-10.7-24-24s10.7-24 24-24 24 10.7 24 24-10.7 24-24 24zm704 680H184V184h656v656zm48 72c-13.3 0-24-10.7-24-24s10.7-24 24-24 24 10.7 24 24-10.7 24-24 24z"></path><path d="M288 474h448c8.8 0 16-7.2 16-16V282c0-8.8-7.2-16-16-16H288c-8.8 0-16 7.2-16 16v176c0 8.8 7.2 16 16 16zm56-136h336v64H344v-64zm-56 420h448c8.8 0 16-7.2 16-16V566c0-8.8-7.2-16-16-16H288c-8.8 0-16 7.2-16 16v176c0 8.8 7.2 16 16 16zm56-136h336v64H344v-64z"></path></svg></span><div class="details_xxkR"><div><span class="title_pSH5">レイヤー</span><p class="description__Fep">レイヤーの定義と意味</p></div></div></a>
 <a class="root_GfON defaultTheme_j3I8" href="/ja/docs/reference/slices-segments"><span role="img" aria-label="appstore" class="anticon anticon-appstore icon_ciqP"><svg viewBox="64 64 896 896" focusable="false" data-icon="appstore" width="1em" height="1em" fill="currentColor" aria-hidden="true"><path d="M464 144H160c-8.8 0-16 7.2-16 16v304c0 8.8 7.2 16 16 16h304c8.8 0 16-7.2 16-16V160c0-8.8-7.2-16-16-16zm-52 268H212V212h200v200zm452-268H560c-8.8 0-16 7.2-16 16v304c0 8.8 7.2 16 16 16h304c8.8 0 16-7.2 16-16V160c0-8.8-7.2-16-16-16zm-52 268H612V212h200v200zM464 544H160c-8.8 0-16 7.2-16 16v304c0 8.8 7.2 16 16 16h304c8.8 0 16-7.2 16-16V560c0-8.8-7.2-16-16-16zm-52 268H212V612h200v200zm452-268H560c-8.8 0-16 7.2-16 16v304c0 8.8 7.2 16 16 16h304c8.8 0 16-7.2 16-16V560c0-8.8-7.2-16-16-16zm-52 268H612V612h200v200z"></path></svg></span><div class="details_xxkR"><div><span class="title_pSH5">スライスとセグメント</span><p class="description__Fep">スライスとセグメントの定義、異なるレイヤーでのセグメント例</p></div></div></a>
 <a class="root_GfON defaultTheme_j3I8" href="/ja/docs/reference/isolation"><span role="img" aria-label="node-index" class="anticon anticon-node-index icon_ciqP"><svg viewBox="64 64 896 896" focusable="false" data-icon="node-index" width="1em" height="1em" fill="currentColor" aria-hidden="true"><defs><style></style></defs><path d="M843.5 737.4c-12.4-75.2-79.2-129.1-155.3-125.4S550.9 676 546 752c-153.5-4.8-208-40.7-199.1-113.7 3.3-27.3 19.8-41.9 50.1-49 18.4-4.3 38.8-4.9 57.3-3.2 1.7.2 3.5.3 5.2.5 11.3 2.7 22.8 5 34.3 6.8 34.1 5.6 68.8 8.4 101.8 6.6 92.8-5 156-45.9 159.2-132.7 3.1-84.1-54.7-143.7-147.9-183.6-29.9-12.8-61.6-22.7-93.3-30.2-14.3-3.4-26.3-5.7-35.2-7.2-7.9-75.9-71.5-133.8-147.8-134.4-76.3-.6-140.9 56.1-150.1 131.9s40 146.3 114.2 163.9c74.2 17.6 149.9-23.3 175.7-95.1 9.4 1.7 18.7 3.6 28 5.8 28.2 6.6 56.4 15.4 82.4 26.6 70.7 30.2 109.3 70.1 107.5 119.9-1.6 44.6-33.6 65.2-96.2 68.6-27.5 1.5-57.6-.9-87.3-5.8-8.3-1.4-15.9-2.8-22.6-4.3-3.9-.8-6.6-1.5-7.8-1.8l-3.1-.6c-2.2-.3-5.9-.8-10.7-1.3-25-2.3-52.1-1.5-78.5 4.6-55.2 12.9-93.9 47.2-101.1 105.8-15.7 126.2 78.6 184.7 276 188.9 29.1 70.4 106.4 107.9 179.6 87 73.3-20.9 119.3-93.4 106.9-168.6zM329.1 345.2a83.3 83.3 0 11.01-166.61 83.3 83.3 0 01-.01 166.61zM695.6 845a83.3 83.3 0 11.01-166.61A83.3 83.3 0 01695.6 845z"></path></svg></span><div class="details_xxkR"><div><span class="title_pSH5">分離</span><p class="description__Fep">モジュール間の拡張性のある効率的な相互作用の実践</p></div></div></a>
-<a class="root_GfON defaultTheme_j3I8" href="/ja/docs/reference/public-api"><span role="img" aria-label="api" class="anticon anticon-api icon_ciqP"><svg viewBox="64 64 896 896" focusable="false" data-icon="api" width="1em" height="1em" fill="currentColor" aria-hidden="true"><path d="M917.7 148.8l-42.4-42.4c-1.6-1.6-3.6-2.3-5.7-2.3s-4.1.8-5.7 2.3l-76.1 76.1a199.27 199.27 0 00-112.1-34.3c-51.2 0-102.4 19.5-141.5 58.6L432.3 308.7a8.03 8.03 0 000 11.3L704 591.7c1.6 1.6 3.6 2.3 5.7 2.3 2 0 4.1-.8 5.7-2.3l101.9-101.9c68.9-69 77-175.7 24.3-253.5l76.1-76.1c3.1-3.2 3.1-8.3 0-11.4zM769.1 441.7l-59.4 59.4-186.8-186.8 59.4-59.4c24.9-24.9 58.1-38.7 93.4-38.7 35.3 0 68.4 13.7 93.4 38.7 24.9 24.9 38.7 58.1 38.7 93.4 0 35.3-13.8 68.4-38.7 93.4zm-190.2 105a8.03 8.03 0 00-11.3 0L501 613.3 410.7 523l66.7-66.7c3.1-3.1 3.1-8.2 0-11.3L441 408.6a8.03 8.03 0 00-11.3 0L363 475.3l-43-43a7.85 7.85 0 00-5.7-2.3c-2 0-4.1.8-5.7 2.3L206.8 534.2c-68.9 69-77 175.7-24.3 253.5l-76.1 76.1a8.03 8.03 0 000 11.3l42.4 42.4c1.6 1.6 3.6 2.3 5.7 2.3s4.1-.8 5.7-2.3l76.1-76.1c33.7 22.9 72.9 34.3 112.1 34.3 51.2 0 102.4-19.5 141.5-58.6l101.9-101.9c3.1-3.1 3.1-8.2 0-11.3l-43-43 66.7-66.7c3.1-3.1 3.1-8.2 0-11.3l-36.6-36.2zM441.7 769.1a131.32 131.32 0 01-93.4 38.7c-35.3 0-68.4-13.7-93.4-38.7a131.32 131.32 0 01-38.7-93.4c0-35.3 13.7-68.4 38.7-93.4l59.4-59.4 186.8 186.8-59.4 59.4z"></path></svg></span><div class="details_xxkR"><div><span class="title_pSH5">公開API</span><p class="description__Fep">堅牢で統合しやすいモジュール設計に関する実践</p></div></div></a></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/ja/docusaurus-plugin-content-docs/current/reference/index.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>このページを編集</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">最終更新<!-- --> <b><time datetime="2024-09-29T11:02:46.000Z" itemprop="dateModified">2024年9月29日</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="ドキュメントページのナビゲーション"><a class="pagination-nav__link pagination-nav__link--prev" href="/ja/docs/guides"><div class="pagination-nav__sublabel">前のページ</div><div class="pagination-nav__label">🎯 ガイド</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/ja/docs/reference/layers"><div class="pagination-nav__sublabel">次のページ</div><div class="pagination-nav__label">レイヤー</div></a></nav></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">仕様</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/ja/docs">ドキュメント</a></li><li class="footer__item"><a class="footer__link-item" href="/ja/community">コミュニティ</a></li><li class="footer__item"><a class="footer__link-item" href="/ja/nav">ヘルプ</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">ディスカッション<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">コミュニティ</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">X<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">その他</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">ライセンス<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/ja/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/ja/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2024  Feature-Sliced Design</div></div></div></footer></div>
+<a class="root_GfON defaultTheme_j3I8" href="/ja/docs/reference/public-api"><span role="img" aria-label="api" class="anticon anticon-api icon_ciqP"><svg viewBox="64 64 896 896" focusable="false" data-icon="api" width="1em" height="1em" fill="currentColor" aria-hidden="true"><path d="M917.7 148.8l-42.4-42.4c-1.6-1.6-3.6-2.3-5.7-2.3s-4.1.8-5.7 2.3l-76.1 76.1a199.27 199.27 0 00-112.1-34.3c-51.2 0-102.4 19.5-141.5 58.6L432.3 308.7a8.03 8.03 0 000 11.3L704 591.7c1.6 1.6 3.6 2.3 5.7 2.3 2 0 4.1-.8 5.7-2.3l101.9-101.9c68.9-69 77-175.7 24.3-253.5l76.1-76.1c3.1-3.2 3.1-8.3 0-11.4zM769.1 441.7l-59.4 59.4-186.8-186.8 59.4-59.4c24.9-24.9 58.1-38.7 93.4-38.7 35.3 0 68.4 13.7 93.4 38.7 24.9 24.9 38.7 58.1 38.7 93.4 0 35.3-13.8 68.4-38.7 93.4zm-190.2 105a8.03 8.03 0 00-11.3 0L501 613.3 410.7 523l66.7-66.7c3.1-3.1 3.1-8.2 0-11.3L441 408.6a8.03 8.03 0 00-11.3 0L363 475.3l-43-43a7.85 7.85 0 00-5.7-2.3c-2 0-4.1.8-5.7 2.3L206.8 534.2c-68.9 69-77 175.7-24.3 253.5l-76.1 76.1a8.03 8.03 0 000 11.3l42.4 42.4c1.6 1.6 3.6 2.3 5.7 2.3s4.1-.8 5.7-2.3l76.1-76.1c33.7 22.9 72.9 34.3 112.1 34.3 51.2 0 102.4-19.5 141.5-58.6l101.9-101.9c3.1-3.1 3.1-8.2 0-11.3l-43-43 66.7-66.7c3.1-3.1 3.1-8.2 0-11.3l-36.6-36.2zM441.7 769.1a131.32 131.32 0 01-93.4 38.7c-35.3 0-68.4-13.7-93.4-38.7a131.32 131.32 0 01-38.7-93.4c0-35.3 13.7-68.4 38.7-93.4l59.4-59.4 186.8 186.8-59.4 59.4z"></path></svg></span><div class="details_xxkR"><div><span class="title_pSH5">公開API</span><p class="description__Fep">堅牢で統合しやすいモジュール設計に関する実践</p></div></div></a></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/ja/docusaurus-plugin-content-docs/current/reference/index.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>このページを編集</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">最終更新<!-- --> <b><time datetime="2024-10-07T18:23:06.000Z" itemprop="dateModified">2024年10月7日</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="ドキュメントページのナビゲーション"><a class="pagination-nav__link pagination-nav__link--prev" href="/ja/docs/guides"><div class="pagination-nav__sublabel">前のページ</div><div class="pagination-nav__label">🎯 ガイド</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/ja/docs/reference/layers"><div class="pagination-nav__sublabel">次のページ</div><div class="pagination-nav__label">レイヤー</div></a></nav></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">仕様</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/ja/docs">ドキュメント</a></li><li class="footer__item"><a class="footer__link-item" href="/ja/community">コミュニティ</a></li><li class="footer__item"><a class="footer__link-item" href="/ja/nav">ヘルプ</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">ディスカッション<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">コミュニティ</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">X<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">その他</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">ライセンス<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/ja/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/ja/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2024  Feature-Sliced Design</div></div></div></footer></div>
 </body>
 </html>
\ No newline at end of file
diff --git a/ja/docs/reference/isolation.html b/ja/docs/reference/isolation.html
index fa1ab296a1..fcb3256100 100644
--- a/ja/docs/reference/isolation.html
+++ b/ja/docs/reference/isolation.html
@@ -9,8 +9,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/ja/opensearch.xml"><link rel="stylesheet" href="/ja/assets/css/styles.c2f43f9a.css">
-<script src="/ja/assets/js/runtime~main.ac5b7a06.js" defer="defer"></script>
-<script src="/ja/assets/js/main.cdd867c6.js" defer="defer"></script>
+<script src="/ja/assets/js/runtime~main.37f69f93.js" defer="defer"></script>
+<script src="/ja/assets/js/main.29fd47b7.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="メインコンテンツにスキップ"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">メインコンテンツにスキップ</a></div><nav aria-label="ナビゲーション" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="ナビゲーションバーを開く" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/ja/"><div class="navbar__logo"><img src="/ja/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/ja/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/ja/docs">📖 ドキュメント</a><a class="navbar__item navbar__link" href="/ja/community">💫 コミュニティ</a><a class="navbar__item navbar__link" href="/ja/blog">📝 ブログ</a><a class="navbar__item navbar__link" href="/ja/examples">🛠 実装例</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/ja/docs/reference/isolation">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a aria-current="page" class="dropdown__link dropdown__link--active" href="/ja/docs/reference/isolation">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/ja/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>日本語</a><ul class="dropdown__menu"><li><a href="/ru/docs/reference/isolation" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ru">Русский</a></li><li><a href="/docs/reference/isolation" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/uz/docs/reference/isolation" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/docs/reference/isolation" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="kr">한국어</a></li><li><a href="/ja/docs/reference/isolation" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="ダークモードを切り替える(現在はライトモード)" aria-label="ダークモードを切り替える(現在はライトモード)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="検索"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">検索</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><div class="docsWrapper_rDLg"><button aria-label="先頭へ戻る" class="clean-btn theme-back-to-top-button backToTopButton_JQoL" type="button"></button><div class="docRoot_GkJk"><aside class="theme-doc-sidebar-container docSidebarContainer_xiHB"><div class="sidebarViewport_DaHB"><div class="sidebar_Kb82"><nav aria-label="ドキュメントのサイドバー" class="menu thin-scrollbar menu_AkOp"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--active" href="/ja/docs/reference">📚  参考書</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/ja/docs/reference/layers">レイヤー</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/ja/docs/reference/slices-segments">スライスとセグメント</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/ja/docs/reference/public-api">公開API</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item"><div class="menu__list-item-collapsible menu__list-item-collapsible--active"><a class="menu__link menu__link--sublist menu__link--active" aria-current="page" tabindex="0" href="/ja/docs/reference/isolation">分離</a><button aria-label="&#x27;分離&#x27;の目次を隠す" aria-expanded="true" type="button" class="clean-btn menu__caret"></button></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/ja/docs/reference/isolation/coupling-cohesion">低結合と高凝集</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item sidebar-item--wip"><a class="menu__link" tabindex="0" href="/ja/docs/reference/isolation/decouple-entities">エンティティの分離</a></li></ul></li></ul></li></ul></nav><button type="button" title="サイドバーを折りたたむ" aria-label="サイドバーを折りたたむ" class="button button--secondary button--outline collapseSidebarButton_L8vW"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_hYfn"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_uESP"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_w6lk"><div class="docItemContainer_b1tn"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_ioLt" aria-label="パンくずリストのナビゲーション"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="ホームページ" class="breadcrumbs__link" href="/ja/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_ZfEo"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/ja/docs/reference"><span itemprop="name">📚  参考書</span></a><meta itemprop="position" content="1"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">分離</span><meta itemprop="position" content="2"></li></ul></nav><div class="tocCollapsible_EkMH theme-doc-toc-mobile tocMobile_XRnS"><button type="button" class="clean-btn tocCollapsibleButton_ID8T">このページの見出し</button></div><div class="theme-doc-markdown markdown"><header><h1>モジュールの分離</h1></header>
@@ -76,6 +76,6 @@ <h2 class="anchor anchorWithStickyNavbar_QzlE" id="see-also">参照<a href="#see
 <li><a href="https://github.com/feature-sliced/documentation/discussions/49" target="_blank" rel="noopener noreferrer">(ディスカッション) 方法論におけるエンティティとその結合性</a></li>
 <li><a href="https://github.com/feature-sliced/documentation/discussions/65#discussioncomment-480822" target="_blank" rel="noopener noreferrer">(ディスカッション) クロスインポートと依存関係の分析について</a></li>
 <li><a href="https://ru.wikipedia.org/wiki/GRASP" target="_blank" rel="noopener noreferrer">パターン <strong>GRASP</strong></a></li>
-</ul></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/ja/docusaurus-plugin-content-docs/current/reference/isolation/index.md" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>このページを編集</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">最終更新<!-- --> <b><time datetime="2024-09-29T11:02:46.000Z" itemprop="dateModified">2024年9月29日</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="ドキュメントページのナビゲーション"><a class="pagination-nav__link pagination-nav__link--prev" href="/ja/docs/reference/public-api"><div class="pagination-nav__sublabel">前のページ</div><div class="pagination-nav__label">公開API</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/ja/docs/reference/isolation/coupling-cohesion"><div class="pagination-nav__sublabel">次のページ</div><div class="pagination-nav__label">低結合と高凝集</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#requirements" class="table-of-contents__link toc-highlight">要件</a></li><li><a href="#rule" class="table-of-contents__link toc-highlight">ルール</a></li><li><a href="#identifying-problems" class="table-of-contents__link toc-highlight">問題の特定</a></li><li><a href="#see-also" class="table-of-contents__link toc-highlight">参照</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">仕様</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/ja/docs">ドキュメント</a></li><li class="footer__item"><a class="footer__link-item" href="/ja/community">コミュニティ</a></li><li class="footer__item"><a class="footer__link-item" href="/ja/nav">ヘルプ</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">ディスカッション<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">コミュニティ</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">X<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">その他</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">ライセンス<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/ja/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/ja/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2024  Feature-Sliced Design</div></div></div></footer></div>
+</ul></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/ja/docusaurus-plugin-content-docs/current/reference/isolation/index.md" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>このページを編集</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">最終更新<!-- --> <b><time datetime="2024-10-07T18:23:06.000Z" itemprop="dateModified">2024年10月7日</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="ドキュメントページのナビゲーション"><a class="pagination-nav__link pagination-nav__link--prev" href="/ja/docs/reference/public-api"><div class="pagination-nav__sublabel">前のページ</div><div class="pagination-nav__label">公開API</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/ja/docs/reference/isolation/coupling-cohesion"><div class="pagination-nav__sublabel">次のページ</div><div class="pagination-nav__label">低結合と高凝集</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#requirements" class="table-of-contents__link toc-highlight">要件</a></li><li><a href="#rule" class="table-of-contents__link toc-highlight">ルール</a></li><li><a href="#identifying-problems" class="table-of-contents__link toc-highlight">問題の特定</a></li><li><a href="#see-also" class="table-of-contents__link toc-highlight">参照</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">仕様</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/ja/docs">ドキュメント</a></li><li class="footer__item"><a class="footer__link-item" href="/ja/community">コミュニティ</a></li><li class="footer__item"><a class="footer__link-item" href="/ja/nav">ヘルプ</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">ディスカッション<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">コミュニティ</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">X<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">その他</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">ライセンス<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/ja/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/ja/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2024  Feature-Sliced Design</div></div></div></footer></div>
 </body>
 </html>
\ No newline at end of file
diff --git a/ja/docs/reference/isolation/coupling-cohesion.html b/ja/docs/reference/isolation/coupling-cohesion.html
index f9c8f4815b..df467e34eb 100644
--- a/ja/docs/reference/isolation/coupling-cohesion.html
+++ b/ja/docs/reference/isolation/coupling-cohesion.html
@@ -9,8 +9,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/ja/opensearch.xml"><link rel="stylesheet" href="/ja/assets/css/styles.c2f43f9a.css">
-<script src="/ja/assets/js/runtime~main.ac5b7a06.js" defer="defer"></script>
-<script src="/ja/assets/js/main.cdd867c6.js" defer="defer"></script>
+<script src="/ja/assets/js/runtime~main.37f69f93.js" defer="defer"></script>
+<script src="/ja/assets/js/main.29fd47b7.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="メインコンテンツにスキップ"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">メインコンテンツにスキップ</a></div><nav aria-label="ナビゲーション" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="ナビゲーションバーを開く" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/ja/"><div class="navbar__logo"><img src="/ja/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/ja/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/ja/docs">📖 ドキュメント</a><a class="navbar__item navbar__link" href="/ja/community">💫 コミュニティ</a><a class="navbar__item navbar__link" href="/ja/blog">📝 ブログ</a><a class="navbar__item navbar__link" href="/ja/examples">🛠 実装例</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/ja/docs/reference/isolation/coupling-cohesion">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a aria-current="page" class="dropdown__link dropdown__link--active" href="/ja/docs/reference/isolation/coupling-cohesion">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/ja/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>日本語</a><ul class="dropdown__menu"><li><a href="/ru/docs/reference/isolation/coupling-cohesion" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ru">Русский</a></li><li><a href="/docs/reference/isolation/coupling-cohesion" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/uz/docs/reference/isolation/coupling-cohesion" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/docs/reference/isolation/coupling-cohesion" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="kr">한국어</a></li><li><a href="/ja/docs/reference/isolation/coupling-cohesion" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="ダークモードを切り替える(現在はライトモード)" aria-label="ダークモードを切り替える(現在はライトモード)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="検索"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">検索</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><div class="docsWrapper_rDLg"><button aria-label="先頭へ戻る" class="clean-btn theme-back-to-top-button backToTopButton_JQoL" type="button"></button><div class="docRoot_GkJk"><aside class="theme-doc-sidebar-container docSidebarContainer_xiHB"><div class="sidebarViewport_DaHB"><div class="sidebar_Kb82"><nav aria-label="ドキュメントのサイドバー" class="menu thin-scrollbar menu_AkOp"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--active" href="/ja/docs/reference">📚  参考書</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/ja/docs/reference/layers">レイヤー</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/ja/docs/reference/slices-segments">スライスとセグメント</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/ja/docs/reference/public-api">公開API</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--active" tabindex="0" href="/ja/docs/reference/isolation">分離</a><button aria-label="&#x27;分離&#x27;の目次を隠す" aria-expanded="true" type="button" class="clean-btn menu__caret"></button></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/ja/docs/reference/isolation/coupling-cohesion">低結合と高凝集</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item sidebar-item--wip"><a class="menu__link" tabindex="0" href="/ja/docs/reference/isolation/decouple-entities">エンティティの分離</a></li></ul></li></ul></li></ul></nav><button type="button" title="サイドバーを折りたたむ" aria-label="サイドバーを折りたたむ" class="button button--secondary button--outline collapseSidebarButton_L8vW"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_hYfn"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_uESP"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_w6lk"><div class="docItemContainer_b1tn"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_ioLt" aria-label="パンくずリストのナビゲーション"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="ホームページ" class="breadcrumbs__link" href="/ja/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_ZfEo"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/ja/docs/reference"><span itemprop="name">📚  参考書</span></a><meta itemprop="position" content="1"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/ja/docs/reference/isolation"><span itemprop="name">分離</span></a><meta itemprop="position" content="2"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">低結合と高凝集</span><meta itemprop="position" content="3"></li></ul></nav><div class="tocCollapsible_EkMH theme-doc-toc-mobile tocMobile_XRnS"><button type="button" class="clean-btn tocCollapsibleButton_ID8T">このページの見出し</button></div><div class="theme-doc-markdown markdown"><header><h1>低結合と高凝集</h1></header>
@@ -78,6 +78,6 @@ <h2 class="anchor anchorWithStickyNavbar_QzlE" id="see-also">参照<a href="#see
 </li>
 <li><a href="https://medium.com/german-gorelkin/low-coupling-high-cohesion-d36369fb1be9" target="_blank" rel="noopener noreferrer">(記事) 低結合と高凝集。デメトリの法則</a></li>
 <li><a href="https://www.slideshare.net/cristalngo/software-design-principles-57388843" target="_blank" rel="noopener noreferrer">(プレゼンテーション) 設計原則について（低結合と高凝集を含む）</a></li>
-</ul></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/ja/docusaurus-plugin-content-docs/current/reference/isolation/coupling-cohesion.md" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>このページを編集</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">最終更新<!-- --> <b><time datetime="2024-09-29T11:02:46.000Z" itemprop="dateModified">2024年9月29日</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="ドキュメントページのナビゲーション"><a class="pagination-nav__link pagination-nav__link--prev" href="/ja/docs/reference/isolation"><div class="pagination-nav__sublabel">前のページ</div><div class="pagination-nav__label">モジュールの分離</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/ja/docs/reference/isolation/decouple-entities"><div class="pagination-nav__sublabel">次のページ</div><div class="pagination-nav__label">エンティティの分離</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#components-composition-ui-level" class="table-of-contents__link toc-highlight">コンポーネントの構成（UIレベル）</a><ul><li><a href="#example" class="table-of-contents__link toc-highlight">例</a></li></ul></li><li><a href="#layer-composition-app-level" class="table-of-contents__link toc-highlight">層の構成（アプリレベル）</a><ul><li><a href="#example" class="table-of-contents__link toc-highlight">例</a></li></ul></li><li><a href="#summary" class="table-of-contents__link toc-highlight">まとめ</a></li><li><a href="#see-also" class="table-of-contents__link toc-highlight">参照</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">仕様</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/ja/docs">ドキュメント</a></li><li class="footer__item"><a class="footer__link-item" href="/ja/community">コミュニティ</a></li><li class="footer__item"><a class="footer__link-item" href="/ja/nav">ヘルプ</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">ディスカッション<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">コミュニティ</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">X<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">その他</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">ライセンス<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/ja/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/ja/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2024  Feature-Sliced Design</div></div></div></footer></div>
+</ul></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/ja/docusaurus-plugin-content-docs/current/reference/isolation/coupling-cohesion.md" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>このページを編集</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">最終更新<!-- --> <b><time datetime="2024-10-07T18:23:06.000Z" itemprop="dateModified">2024年10月7日</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="ドキュメントページのナビゲーション"><a class="pagination-nav__link pagination-nav__link--prev" href="/ja/docs/reference/isolation"><div class="pagination-nav__sublabel">前のページ</div><div class="pagination-nav__label">モジュールの分離</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/ja/docs/reference/isolation/decouple-entities"><div class="pagination-nav__sublabel">次のページ</div><div class="pagination-nav__label">エンティティの分離</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#components-composition-ui-level" class="table-of-contents__link toc-highlight">コンポーネントの構成（UIレベル）</a><ul><li><a href="#example" class="table-of-contents__link toc-highlight">例</a></li></ul></li><li><a href="#layer-composition-app-level" class="table-of-contents__link toc-highlight">層の構成（アプリレベル）</a><ul><li><a href="#example" class="table-of-contents__link toc-highlight">例</a></li></ul></li><li><a href="#summary" class="table-of-contents__link toc-highlight">まとめ</a></li><li><a href="#see-also" class="table-of-contents__link toc-highlight">参照</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">仕様</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/ja/docs">ドキュメント</a></li><li class="footer__item"><a class="footer__link-item" href="/ja/community">コミュニティ</a></li><li class="footer__item"><a class="footer__link-item" href="/ja/nav">ヘルプ</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">ディスカッション<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">コミュニティ</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">X<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">その他</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">ライセンス<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/ja/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/ja/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2024  Feature-Sliced Design</div></div></div></footer></div>
 </body>
 </html>
\ No newline at end of file
diff --git a/ja/docs/reference/isolation/decouple-entities.html b/ja/docs/reference/isolation/decouple-entities.html
index 5d7fe54375..52ff8b941b 100644
--- a/ja/docs/reference/isolation/decouple-entities.html
+++ b/ja/docs/reference/isolation/decouple-entities.html
@@ -9,8 +9,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/ja/opensearch.xml"><link rel="stylesheet" href="/ja/assets/css/styles.c2f43f9a.css">
-<script src="/ja/assets/js/runtime~main.ac5b7a06.js" defer="defer"></script>
-<script src="/ja/assets/js/main.cdd867c6.js" defer="defer"></script>
+<script src="/ja/assets/js/runtime~main.37f69f93.js" defer="defer"></script>
+<script src="/ja/assets/js/main.29fd47b7.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="メインコンテンツにスキップ"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">メインコンテンツにスキップ</a></div><nav aria-label="ナビゲーション" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="ナビゲーションバーを開く" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/ja/"><div class="navbar__logo"><img src="/ja/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/ja/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/ja/docs">📖 ドキュメント</a><a class="navbar__item navbar__link" href="/ja/community">💫 コミュニティ</a><a class="navbar__item navbar__link" href="/ja/blog">📝 ブログ</a><a class="navbar__item navbar__link" href="/ja/examples">🛠 実装例</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/ja/docs/reference/isolation/decouple-entities">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a aria-current="page" class="dropdown__link dropdown__link--active" href="/ja/docs/reference/isolation/decouple-entities">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/ja/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>日本語</a><ul class="dropdown__menu"><li><a href="/ru/docs/reference/isolation/decouple-entities" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ru">Русский</a></li><li><a href="/docs/reference/isolation/decouple-entities" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/uz/docs/reference/isolation/decouple-entities" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/docs/reference/isolation/decouple-entities" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="kr">한국어</a></li><li><a href="/ja/docs/reference/isolation/decouple-entities" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="ダークモードを切り替える(現在はライトモード)" aria-label="ダークモードを切り替える(現在はライトモード)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="検索"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">検索</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><div class="docsWrapper_rDLg"><button aria-label="先頭へ戻る" class="clean-btn theme-back-to-top-button backToTopButton_JQoL" type="button"></button><div class="docRoot_GkJk"><aside class="theme-doc-sidebar-container docSidebarContainer_xiHB"><div class="sidebarViewport_DaHB"><div class="sidebar_Kb82"><nav aria-label="ドキュメントのサイドバー" class="menu thin-scrollbar menu_AkOp"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--active" href="/ja/docs/reference">📚  参考書</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/ja/docs/reference/layers">レイヤー</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/ja/docs/reference/slices-segments">スライスとセグメント</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/ja/docs/reference/public-api">公開API</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--active" tabindex="0" href="/ja/docs/reference/isolation">分離</a><button aria-label="&#x27;分離&#x27;の目次を隠す" aria-expanded="true" type="button" class="clean-btn menu__caret"></button></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/ja/docs/reference/isolation/coupling-cohesion">低結合と高凝集</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item sidebar-item--wip"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/ja/docs/reference/isolation/decouple-entities">エンティティの分離</a></li></ul></li></ul></li></ul></nav><button type="button" title="サイドバーを折りたたむ" aria-label="サイドバーを折りたたむ" class="button button--secondary button--outline collapseSidebarButton_L8vW"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_hYfn"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_uESP"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_w6lk"><div class="docItemContainer_b1tn"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_ioLt" aria-label="パンくずリストのナビゲーション"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="ホームページ" class="breadcrumbs__link" href="/ja/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_ZfEo"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/ja/docs/reference"><span itemprop="name">📚  参考書</span></a><meta itemprop="position" content="1"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/ja/docs/reference/isolation"><span itemprop="name">分離</span></a><meta itemprop="position" content="2"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">エンティティの分離</span><meta itemprop="position" content="3"></li></ul></nav><div class="tocCollapsible_EkMH theme-doc-toc-mobile tocMobile_XRnS"><button type="button" class="clean-btn tocCollapsibleButton_ID8T">このページの見出し</button></div><div class="theme-doc-markdown markdown"><header><h1>エンティティの分離</h1></header>
@@ -27,6 +27,6 @@ <h2 class="anchor anchorWithStickyNavbar_QzlE" id="see-also">参照<a href="#see
 <li><a href="https://t.me/feature_sliced/3316" target="_blank" rel="noopener noreferrer">(スレッド) 「関連するエンティティ」（ユーザー/ペット/友人）の分解の例</a></li>
 <li><a href="https://t.me/feature_sliced/4276" target="_blank" rel="noopener noreferrer">(スレッド) エンティティにおけるタイプ/アダプターのクロスインポートについて</a></li>
 <li><a href="https://t.me/feature_sliced/4521" target="_blank" rel="noopener noreferrer">(スレッド) エンティティと機能の境界について</a></li>
-</ul></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/ja/docusaurus-plugin-content-docs/current/reference/isolation/decouple-entities.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>このページを編集</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">最終更新<!-- --> <b><time datetime="2024-09-29T11:02:46.000Z" itemprop="dateModified">2024年9月29日</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="ドキュメントページのナビゲーション"><a class="pagination-nav__link pagination-nav__link--prev" href="/ja/docs/reference/isolation/coupling-cohesion"><div class="pagination-nav__sublabel">前のページ</div><div class="pagination-nav__label">低結合と高凝集</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#see-also" class="table-of-contents__link toc-highlight">参照</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">仕様</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/ja/docs">ドキュメント</a></li><li class="footer__item"><a class="footer__link-item" href="/ja/community">コミュニティ</a></li><li class="footer__item"><a class="footer__link-item" href="/ja/nav">ヘルプ</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">ディスカッション<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">コミュニティ</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">X<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">その他</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">ライセンス<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/ja/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/ja/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2024  Feature-Sliced Design</div></div></div></footer></div>
+</ul></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/ja/docusaurus-plugin-content-docs/current/reference/isolation/decouple-entities.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>このページを編集</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">最終更新<!-- --> <b><time datetime="2024-10-07T18:23:06.000Z" itemprop="dateModified">2024年10月7日</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="ドキュメントページのナビゲーション"><a class="pagination-nav__link pagination-nav__link--prev" href="/ja/docs/reference/isolation/coupling-cohesion"><div class="pagination-nav__sublabel">前のページ</div><div class="pagination-nav__label">低結合と高凝集</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#see-also" class="table-of-contents__link toc-highlight">参照</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">仕様</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/ja/docs">ドキュメント</a></li><li class="footer__item"><a class="footer__link-item" href="/ja/community">コミュニティ</a></li><li class="footer__item"><a class="footer__link-item" href="/ja/nav">ヘルプ</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">ディスカッション<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">コミュニティ</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">X<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">その他</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">ライセンス<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/ja/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/ja/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2024  Feature-Sliced Design</div></div></div></footer></div>
 </body>
 </html>
\ No newline at end of file
diff --git a/ja/docs/reference/layers.html b/ja/docs/reference/layers.html
index 13a96a0077..c03fe0290e 100644
--- a/ja/docs/reference/layers.html
+++ b/ja/docs/reference/layers.html
@@ -9,8 +9,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/ja/opensearch.xml"><link rel="stylesheet" href="/ja/assets/css/styles.c2f43f9a.css">
-<script src="/ja/assets/js/runtime~main.ac5b7a06.js" defer="defer"></script>
-<script src="/ja/assets/js/main.cdd867c6.js" defer="defer"></script>
+<script src="/ja/assets/js/runtime~main.37f69f93.js" defer="defer"></script>
+<script src="/ja/assets/js/main.29fd47b7.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="メインコンテンツにスキップ"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">メインコンテンツにスキップ</a></div><nav aria-label="ナビゲーション" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="ナビゲーションバーを開く" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/ja/"><div class="navbar__logo"><img src="/ja/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/ja/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/ja/docs">📖 ドキュメント</a><a class="navbar__item navbar__link" href="/ja/community">💫 コミュニティ</a><a class="navbar__item navbar__link" href="/ja/blog">📝 ブログ</a><a class="navbar__item navbar__link" href="/ja/examples">🛠 実装例</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/ja/docs/reference/layers">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a aria-current="page" class="dropdown__link dropdown__link--active" href="/ja/docs/reference/layers">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/ja/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>日本語</a><ul class="dropdown__menu"><li><a href="/ru/docs/reference/layers" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ru">Русский</a></li><li><a href="/docs/reference/layers" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/uz/docs/reference/layers" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/docs/reference/layers" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="kr">한국어</a></li><li><a href="/ja/docs/reference/layers" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="ダークモードを切り替える(現在はライトモード)" aria-label="ダークモードを切り替える(現在はライトモード)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="検索"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">検索</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><div class="docsWrapper_rDLg"><button aria-label="先頭へ戻る" class="clean-btn theme-back-to-top-button backToTopButton_JQoL" type="button"></button><div class="docRoot_GkJk"><aside class="theme-doc-sidebar-container docSidebarContainer_xiHB"><div class="sidebarViewport_DaHB"><div class="sidebar_Kb82"><nav aria-label="ドキュメントのサイドバー" class="menu thin-scrollbar menu_AkOp"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--active" href="/ja/docs/reference">📚  参考書</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/ja/docs/reference/layers">レイヤー</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/ja/docs/reference/slices-segments">スライスとセグメント</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/ja/docs/reference/public-api">公開API</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" tabindex="0" href="/ja/docs/reference/isolation">分離</a><button aria-label="&#x27;分離&#x27;の目次を開く" aria-expanded="false" type="button" class="clean-btn menu__caret"></button></div></li></ul></li></ul></nav><button type="button" title="サイドバーを折りたたむ" aria-label="サイドバーを折りたたむ" class="button button--secondary button--outline collapseSidebarButton_L8vW"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_hYfn"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_uESP"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_w6lk"><div class="docItemContainer_b1tn"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_ioLt" aria-label="パンくずリストのナビゲーション"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="ホームページ" class="breadcrumbs__link" href="/ja/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_ZfEo"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/ja/docs/reference"><span itemprop="name">📚  参考書</span></a><meta itemprop="position" content="1"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">レイヤー</span><meta itemprop="position" content="2"></li></ul></nav><div class="tocCollapsible_EkMH theme-doc-toc-mobile tocMobile_XRnS"><button type="button" class="clean-btn tocCollapsibleButton_ID8T">このページの見出し</button></div><div class="theme-doc-markdown markdown"><header><h1>レイヤー</h1></header>
@@ -86,6 +86,6 @@ <h3 class="anchor anchorWithStickyNavbar_QzlE" id="app層">App層<a href="#app
 <li>ルーター</li>
 <li>データストレージやその他のコンテキストプロバイダー</li>
 <li>分析の初期化</li>
-</ul></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/ja/docusaurus-plugin-content-docs/current/reference/layers.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>このページを編集</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">最終更新<!-- --> <b><time datetime="2024-09-29T11:02:46.000Z" itemprop="dateModified">2024年9月29日</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="ドキュメントページのナビゲーション"><a class="pagination-nav__link pagination-nav__link--prev" href="/ja/docs/reference"><div class="pagination-nav__sublabel">前のページ</div><div class="pagination-nav__label">📚 参考書</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/ja/docs/reference/slices-segments"><div class="pagination-nav__sublabel">次のページ</div><div class="pagination-nav__label">スライスとセグメント</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#import-rule-on-layers" class="table-of-contents__link toc-highlight">レイヤーのインポートルール</a></li><li><a href="#レイヤーの定義" class="table-of-contents__link toc-highlight">レイヤーの定義</a><ul><li><a href="#shared層" class="table-of-contents__link toc-highlight">Shared層</a></li><li><a href="#entities層" class="table-of-contents__link toc-highlight">Entities層</a></li><li><a href="#features層" class="table-of-contents__link toc-highlight">Features層</a></li><li><a href="#widgets層" class="table-of-contents__link toc-highlight">Widgets層</a></li><li><a href="#pages層" class="table-of-contents__link toc-highlight">Pages層</a></li><li><a href="#processes層" class="table-of-contents__link toc-highlight">Processes層</a></li><li><a href="#app層" class="table-of-contents__link toc-highlight">App層</a></li></ul></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">仕様</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/ja/docs">ドキュメント</a></li><li class="footer__item"><a class="footer__link-item" href="/ja/community">コミュニティ</a></li><li class="footer__item"><a class="footer__link-item" href="/ja/nav">ヘルプ</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">ディスカッション<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">コミュニティ</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">X<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">その他</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">ライセンス<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/ja/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/ja/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2024  Feature-Sliced Design</div></div></div></footer></div>
+</ul></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/ja/docusaurus-plugin-content-docs/current/reference/layers.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>このページを編集</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">最終更新<!-- --> <b><time datetime="2024-10-07T18:23:06.000Z" itemprop="dateModified">2024年10月7日</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="ドキュメントページのナビゲーション"><a class="pagination-nav__link pagination-nav__link--prev" href="/ja/docs/reference"><div class="pagination-nav__sublabel">前のページ</div><div class="pagination-nav__label">📚 参考書</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/ja/docs/reference/slices-segments"><div class="pagination-nav__sublabel">次のページ</div><div class="pagination-nav__label">スライスとセグメント</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#import-rule-on-layers" class="table-of-contents__link toc-highlight">レイヤーのインポートルール</a></li><li><a href="#レイヤーの定義" class="table-of-contents__link toc-highlight">レイヤーの定義</a><ul><li><a href="#shared層" class="table-of-contents__link toc-highlight">Shared層</a></li><li><a href="#entities層" class="table-of-contents__link toc-highlight">Entities層</a></li><li><a href="#features層" class="table-of-contents__link toc-highlight">Features層</a></li><li><a href="#widgets層" class="table-of-contents__link toc-highlight">Widgets層</a></li><li><a href="#pages層" class="table-of-contents__link toc-highlight">Pages層</a></li><li><a href="#processes層" class="table-of-contents__link toc-highlight">Processes層</a></li><li><a href="#app層" class="table-of-contents__link toc-highlight">App層</a></li></ul></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">仕様</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/ja/docs">ドキュメント</a></li><li class="footer__item"><a class="footer__link-item" href="/ja/community">コミュニティ</a></li><li class="footer__item"><a class="footer__link-item" href="/ja/nav">ヘルプ</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">ディスカッション<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">コミュニティ</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">X<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">その他</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">ライセンス<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/ja/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/ja/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2024  Feature-Sliced Design</div></div></div></footer></div>
 </body>
 </html>
\ No newline at end of file
diff --git a/ja/docs/reference/public-api.html b/ja/docs/reference/public-api.html
index ee1db1b592..6c373dbd19 100644
--- a/ja/docs/reference/public-api.html
+++ b/ja/docs/reference/public-api.html
@@ -9,8 +9,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/ja/opensearch.xml"><link rel="stylesheet" href="/ja/assets/css/styles.c2f43f9a.css">
-<script src="/ja/assets/js/runtime~main.ac5b7a06.js" defer="defer"></script>
-<script src="/ja/assets/js/main.cdd867c6.js" defer="defer"></script>
+<script src="/ja/assets/js/runtime~main.37f69f93.js" defer="defer"></script>
+<script src="/ja/assets/js/main.29fd47b7.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="メインコンテンツにスキップ"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">メインコンテンツにスキップ</a></div><nav aria-label="ナビゲーション" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="ナビゲーションバーを開く" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/ja/"><div class="navbar__logo"><img src="/ja/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/ja/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/ja/docs">📖 ドキュメント</a><a class="navbar__item navbar__link" href="/ja/community">💫 コミュニティ</a><a class="navbar__item navbar__link" href="/ja/blog">📝 ブログ</a><a class="navbar__item navbar__link" href="/ja/examples">🛠 実装例</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/ja/docs/reference/public-api">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a aria-current="page" class="dropdown__link dropdown__link--active" href="/ja/docs/reference/public-api">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/ja/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>日本語</a><ul class="dropdown__menu"><li><a href="/ru/docs/reference/public-api" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ru">Русский</a></li><li><a href="/docs/reference/public-api" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/uz/docs/reference/public-api" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/docs/reference/public-api" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="kr">한국어</a></li><li><a href="/ja/docs/reference/public-api" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="ダークモードを切り替える(現在はライトモード)" aria-label="ダークモードを切り替える(現在はライトモード)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="検索"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">検索</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><div class="docsWrapper_rDLg"><button aria-label="先頭へ戻る" class="clean-btn theme-back-to-top-button backToTopButton_JQoL" type="button"></button><div class="docRoot_GkJk"><aside class="theme-doc-sidebar-container docSidebarContainer_xiHB"><div class="sidebarViewport_DaHB"><div class="sidebar_Kb82"><nav aria-label="ドキュメントのサイドバー" class="menu thin-scrollbar menu_AkOp"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--active" href="/ja/docs/reference">📚  参考書</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/ja/docs/reference/layers">レイヤー</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/ja/docs/reference/slices-segments">スライスとセグメント</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/ja/docs/reference/public-api">公開API</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" tabindex="0" href="/ja/docs/reference/isolation">分離</a><button aria-label="&#x27;分離&#x27;の目次を開く" aria-expanded="false" type="button" class="clean-btn menu__caret"></button></div></li></ul></li></ul></nav><button type="button" title="サイドバーを折りたたむ" aria-label="サイドバーを折りたたむ" class="button button--secondary button--outline collapseSidebarButton_L8vW"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_hYfn"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_uESP"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_w6lk"><div class="docItemContainer_b1tn"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_ioLt" aria-label="パンくずリストのナビゲーション"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="ホームページ" class="breadcrumbs__link" href="/ja/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_ZfEo"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/ja/docs/reference"><span itemprop="name">📚  参考書</span></a><meta itemprop="position" content="1"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">公開API</span><meta itemprop="position" content="2"></li></ul></nav><div class="tocCollapsible_EkMH theme-doc-toc-mobile tocMobile_XRnS"><button type="button" class="clean-btn tocCollapsibleButton_ID8T">このページの見出し</button></div><div class="theme-doc-markdown markdown"><header><h1>公開API</h1></header>
@@ -139,6 +139,6 @@ <h2 class="anchor anchorWithStickyNavbar_QzlE" id="see-also">参照<a href="#see
 <ul>
 <li><a href="https://ja.wikipedia.org/wiki/SOLID" target="_blank" rel="noopener noreferrer"><strong>SOLID</strong>原則</a></li>
 <li><a href="https://ja.wikipedia.org/wiki/GRASP" target="_blank" rel="noopener noreferrer"><strong>GRASP</strong>パターン</a></li>
-</ul></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/ja/docusaurus-plugin-content-docs/current/reference/public-api.md" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>このページを編集</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">最終更新<!-- --> <b><time datetime="2024-09-29T11:02:46.000Z" itemprop="dateModified">2024年9月29日</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="ドキュメントページのナビゲーション"><a class="pagination-nav__link pagination-nav__link--prev" href="/ja/docs/reference/slices-segments"><div class="pagination-nav__sublabel">前のページ</div><div class="pagination-nav__label">スライスとセグメント</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/ja/docs/about"><div class="pagination-nav__sublabel">次のページ</div><div class="pagination-nav__label">🍰 FSDについて</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#goals" class="table-of-contents__link toc-highlight">目的</a></li><li><a href="#requirements-for-the-public-api" class="table-of-contents__link toc-highlight">公開APIの要件</a><ul><li><a href="#1-access-control" class="table-of-contents__link toc-highlight">1. アクセス制御</a></li><li><a href="#2-sustainability-for-changes" class="table-of-contents__link toc-highlight">2. 変更への耐性</a></li><li><a href="#3-integrability" class="table-of-contents__link toc-highlight">3. 統合性</a></li></ul></li><li><a href="#about-re-exports" class="table-of-contents__link toc-highlight">再エクスポートについて</a><ul><li><a href="#disadvantages" class="table-of-contents__link toc-highlight">欠点</a></li><li><a href="#possible-solutions" class="table-of-contents__link toc-highlight">可能な解決策</a></li></ul></li><li><a href="#see-also" class="table-of-contents__link toc-highlight">参照</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">仕様</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/ja/docs">ドキュメント</a></li><li class="footer__item"><a class="footer__link-item" href="/ja/community">コミュニティ</a></li><li class="footer__item"><a class="footer__link-item" href="/ja/nav">ヘルプ</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">ディスカッション<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">コミュニティ</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">X<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">その他</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">ライセンス<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/ja/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/ja/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2024  Feature-Sliced Design</div></div></div></footer></div>
+</ul></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/ja/docusaurus-plugin-content-docs/current/reference/public-api.md" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>このページを編集</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">最終更新<!-- --> <b><time datetime="2024-10-07T18:23:06.000Z" itemprop="dateModified">2024年10月7日</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="ドキュメントページのナビゲーション"><a class="pagination-nav__link pagination-nav__link--prev" href="/ja/docs/reference/slices-segments"><div class="pagination-nav__sublabel">前のページ</div><div class="pagination-nav__label">スライスとセグメント</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/ja/docs/about"><div class="pagination-nav__sublabel">次のページ</div><div class="pagination-nav__label">🍰 FSDについて</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#goals" class="table-of-contents__link toc-highlight">目的</a></li><li><a href="#requirements-for-the-public-api" class="table-of-contents__link toc-highlight">公開APIの要件</a><ul><li><a href="#1-access-control" class="table-of-contents__link toc-highlight">1. アクセス制御</a></li><li><a href="#2-sustainability-for-changes" class="table-of-contents__link toc-highlight">2. 変更への耐性</a></li><li><a href="#3-integrability" class="table-of-contents__link toc-highlight">3. 統合性</a></li></ul></li><li><a href="#about-re-exports" class="table-of-contents__link toc-highlight">再エクスポートについて</a><ul><li><a href="#disadvantages" class="table-of-contents__link toc-highlight">欠点</a></li><li><a href="#possible-solutions" class="table-of-contents__link toc-highlight">可能な解決策</a></li></ul></li><li><a href="#see-also" class="table-of-contents__link toc-highlight">参照</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">仕様</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/ja/docs">ドキュメント</a></li><li class="footer__item"><a class="footer__link-item" href="/ja/community">コミュニティ</a></li><li class="footer__item"><a class="footer__link-item" href="/ja/nav">ヘルプ</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">ディスカッション<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">コミュニティ</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">X<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">その他</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">ライセンス<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/ja/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/ja/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2024  Feature-Sliced Design</div></div></div></footer></div>
 </body>
 </html>
\ No newline at end of file
diff --git a/ja/docs/reference/slices-segments.html b/ja/docs/reference/slices-segments.html
index a8f0219866..aad9d79687 100644
--- a/ja/docs/reference/slices-segments.html
+++ b/ja/docs/reference/slices-segments.html
@@ -9,8 +9,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/ja/opensearch.xml"><link rel="stylesheet" href="/ja/assets/css/styles.c2f43f9a.css">
-<script src="/ja/assets/js/runtime~main.ac5b7a06.js" defer="defer"></script>
-<script src="/ja/assets/js/main.cdd867c6.js" defer="defer"></script>
+<script src="/ja/assets/js/runtime~main.37f69f93.js" defer="defer"></script>
+<script src="/ja/assets/js/main.29fd47b7.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="メインコンテンツにスキップ"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">メインコンテンツにスキップ</a></div><nav aria-label="ナビゲーション" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="ナビゲーションバーを開く" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/ja/"><div class="navbar__logo"><img src="/ja/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/ja/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/ja/docs">📖 ドキュメント</a><a class="navbar__item navbar__link" href="/ja/community">💫 コミュニティ</a><a class="navbar__item navbar__link" href="/ja/blog">📝 ブログ</a><a class="navbar__item navbar__link" href="/ja/examples">🛠 実装例</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/ja/docs/reference/slices-segments">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a aria-current="page" class="dropdown__link dropdown__link--active" href="/ja/docs/reference/slices-segments">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/ja/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>日本語</a><ul class="dropdown__menu"><li><a href="/ru/docs/reference/slices-segments" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ru">Русский</a></li><li><a href="/docs/reference/slices-segments" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/uz/docs/reference/slices-segments" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/docs/reference/slices-segments" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="kr">한국어</a></li><li><a href="/ja/docs/reference/slices-segments" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="ダークモードを切り替える(現在はライトモード)" aria-label="ダークモードを切り替える(現在はライトモード)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="検索"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">検索</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><div class="docsWrapper_rDLg"><button aria-label="先頭へ戻る" class="clean-btn theme-back-to-top-button backToTopButton_JQoL" type="button"></button><div class="docRoot_GkJk"><aside class="theme-doc-sidebar-container docSidebarContainer_xiHB"><div class="sidebarViewport_DaHB"><div class="sidebar_Kb82"><nav aria-label="ドキュメントのサイドバー" class="menu thin-scrollbar menu_AkOp"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--active" href="/ja/docs/reference">📚  参考書</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/ja/docs/reference/layers">レイヤー</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/ja/docs/reference/slices-segments">スライスとセグメント</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/ja/docs/reference/public-api">公開API</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" tabindex="0" href="/ja/docs/reference/isolation">分離</a><button aria-label="&#x27;分離&#x27;の目次を開く" aria-expanded="false" type="button" class="clean-btn menu__caret"></button></div></li></ul></li></ul></nav><button type="button" title="サイドバーを折りたたむ" aria-label="サイドバーを折りたたむ" class="button button--secondary button--outline collapseSidebarButton_L8vW"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_hYfn"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_uESP"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_w6lk"><div class="docItemContainer_b1tn"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_ioLt" aria-label="パンくずリストのナビゲーション"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="ホームページ" class="breadcrumbs__link" href="/ja/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_ZfEo"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/ja/docs/reference"><span itemprop="name">📚  参考書</span></a><meta itemprop="position" content="1"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">スライスとセグメント</span><meta itemprop="position" content="2"></li></ul></nav><div class="tocCollapsible_EkMH theme-doc-toc-mobile tocMobile_XRnS"><button type="button" class="clean-btn tocCollapsibleButton_ID8T">このページの見出し</button></div><div class="theme-doc-markdown markdown"><header><h1>スライスとセグメント</h1></header>
@@ -38,6 +38,6 @@ <h2 class="anchor anchorWithStickyNavbar_QzlE" id="セグメント">セグメン
 </ul>
 <p>他のセグメントも許可されていますが、必要に応じてのみ作成されるべきです。カスタムセグメントの最も一般的な場所は、スライスが意味を持たないApp層とShared層です。</p>
 <h3 class="anchor anchorWithStickyNavbar_QzlE" id="例">例<a href="#例" class="hash-link" aria-label="この見出しへの直接リンク" title="この見出しへの直接リンク">​</a></h3>
-<table><thead><tr><th style="text-align:left">レイヤー</th><th style="text-align:left"><code>ui</code></th><th style="text-align:left"><code>model</code></th><th style="text-align:left"><code>lib</code></th><th style="text-align:left"><code>api</code></th></tr></thead><tbody><tr><td style="text-align:left">Shared層</td><td style="text-align:left">UIライブラリ</td><td style="text-align:left">通常は使用されない</td><td style="text-align:left">複数の関連ファイルからのユーティリティモジュール。<br>個別のヘルパー関数が必要な場合は、<a href="https://www.npmjs.com/package/lodash-es" target="_blank" rel="noopener noreferrer"><code>lodash-es</code></a>などのユーティリティライブラリを検討してください。</td><td style="text-align:left">認証やキャッシュなどの追加機能を持つシンプルななAPIクライアント。</td></tr><tr><td style="text-align:left">Entities層</td><td style="text-align:left">インタラクティブ要素のスロットを持つビジネスエンティティの骨組み</td><td style="text-align:left">エンティティのインスタンスのデータストレージと、それらのデータを操作するための関数。<br>サーバーからのデータを保存するのに最適。<a href="https://tanstack.com/query/latest" target="_blank" rel="noopener noreferrer">TanStack Query</a>や他の暗黙的なストレージメソッドを使用する場合、省略できる。</td><td style="text-align:left">データストレージに関連しないエンティティのインスタンスを操作するための関数</td><td style="text-align:left">Shared層からのAPIクライアントを使用してバックエンドとの通信を簡素化するAPIメソッド</td></tr><tr><td style="text-align:left">Features層</td><td style="text-align:left">ユーザーが機能を使用できるためのインタラクティブ要素</td><td style="text-align:left">必要に応じてビジネスロジックとインフラストラクチャデータストレージ（例：アプリケーションの現在のテーマ）。ユーザーに価値を提供するコードがここにある</td><td style="text-align:left"><code>model</code>セグメントのビジネスロジックを簡潔に説明するためのインフラストラクチャコード</td><td style="text-align:left">バックエンドで機能を表すAPIメソッド。<br>Entities層からのAPIメソッドを組み合わせることがある。</td></tr><tr><td style="text-align:left">Widgets層</td><td style="text-align:left">Entities層とFeatures層を自己完結型のUIブロックに構成する。<br>エラーバウンダリやローディング状態を含むこともできる。</td><td style="text-align:left">必要に応じてインフラストラクチャデータストレージを含むことができる</td><td style="text-align:left">ページ上でウィジェットブロックが機能するために必要な非ビジネスインタラクション（例：ジェスチャー）やその他のコード</td><td style="text-align:left">通常は使用されないが、ネストされたルーティングの文脈でデータローダーを含むことがある（例: <a href="https://remix.run" target="_blank" rel="noopener noreferrer">Remix</a>）</td></tr><tr><td style="text-align:left">Pages層</td><td style="text-align:left">Entities層、Features層、Widgets層の構成。<br>エラーバウンダリやローディング状態を含むこともできる。</td><td style="text-align:left">通常は使用されない</td><td style="text-align:left">UXを提供するために必要な非ビジネスインタラクション（例：ジェスチャー）やその他のコード</td><td style="text-align:left">SSR（サーバーサイドレンダリング）指向のフレームワーク用のデータローダー</td></tr></tbody></table></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/ja/docusaurus-plugin-content-docs/current/reference/slices-segments.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>このページを編集</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">最終更新<!-- --> <b><time datetime="2024-09-29T11:02:46.000Z" itemprop="dateModified">2024年9月29日</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="ドキュメントページのナビゲーション"><a class="pagination-nav__link pagination-nav__link--prev" href="/ja/docs/reference/layers"><div class="pagination-nav__sublabel">前のページ</div><div class="pagination-nav__label">レイヤー</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/ja/docs/reference/public-api"><div class="pagination-nav__sublabel">次のページ</div><div class="pagination-nav__label">公開API</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#スライス" class="table-of-contents__link toc-highlight">スライス</a><ul><li><a href="#スライスの公開apiルール" class="table-of-contents__link toc-highlight">スライスの公開APIルール</a></li></ul></li><li><a href="#セグメント" class="table-of-contents__link toc-highlight">セグメント</a><ul><li><a href="#例" class="table-of-contents__link toc-highlight">例</a></li></ul></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">仕様</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/ja/docs">ドキュメント</a></li><li class="footer__item"><a class="footer__link-item" href="/ja/community">コミュニティ</a></li><li class="footer__item"><a class="footer__link-item" href="/ja/nav">ヘルプ</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">ディスカッション<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">コミュニティ</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">X<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">その他</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">ライセンス<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/ja/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/ja/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2024  Feature-Sliced Design</div></div></div></footer></div>
+<table><thead><tr><th style="text-align:left">レイヤー</th><th style="text-align:left"><code>ui</code></th><th style="text-align:left"><code>model</code></th><th style="text-align:left"><code>lib</code></th><th style="text-align:left"><code>api</code></th></tr></thead><tbody><tr><td style="text-align:left">Shared層</td><td style="text-align:left">UIライブラリ</td><td style="text-align:left">通常は使用されない</td><td style="text-align:left">複数の関連ファイルからのユーティリティモジュール。<br>個別のヘルパー関数が必要な場合は、<a href="https://www.npmjs.com/package/lodash-es" target="_blank" rel="noopener noreferrer"><code>lodash-es</code></a>などのユーティリティライブラリを検討してください。</td><td style="text-align:left">認証やキャッシュなどの追加機能を持つシンプルななAPIクライアント。</td></tr><tr><td style="text-align:left">Entities層</td><td style="text-align:left">インタラクティブ要素のスロットを持つビジネスエンティティの骨組み</td><td style="text-align:left">エンティティのインスタンスのデータストレージと、それらのデータを操作するための関数。<br>サーバーからのデータを保存するのに最適。<a href="https://tanstack.com/query/latest" target="_blank" rel="noopener noreferrer">TanStack Query</a>や他の暗黙的なストレージメソッドを使用する場合、省略できる。</td><td style="text-align:left">データストレージに関連しないエンティティのインスタンスを操作するための関数</td><td style="text-align:left">Shared層からのAPIクライアントを使用してバックエンドとの通信を簡素化するAPIメソッド</td></tr><tr><td style="text-align:left">Features層</td><td style="text-align:left">ユーザーが機能を使用できるためのインタラクティブ要素</td><td style="text-align:left">必要に応じてビジネスロジックとインフラストラクチャデータストレージ（例：アプリケーションの現在のテーマ）。ユーザーに価値を提供するコードがここにある</td><td style="text-align:left"><code>model</code>セグメントのビジネスロジックを簡潔に説明するためのインフラストラクチャコード</td><td style="text-align:left">バックエンドで機能を表すAPIメソッド。<br>Entities層からのAPIメソッドを組み合わせることがある。</td></tr><tr><td style="text-align:left">Widgets層</td><td style="text-align:left">Entities層とFeatures層を自己完結型のUIブロックに構成する。<br>エラーバウンダリやローディング状態を含むこともできる。</td><td style="text-align:left">必要に応じてインフラストラクチャデータストレージを含むことができる</td><td style="text-align:left">ページ上でウィジェットブロックが機能するために必要な非ビジネスインタラクション（例：ジェスチャー）やその他のコード</td><td style="text-align:left">通常は使用されないが、ネストされたルーティングの文脈でデータローダーを含むことがある（例: <a href="https://remix.run" target="_blank" rel="noopener noreferrer">Remix</a>）</td></tr><tr><td style="text-align:left">Pages層</td><td style="text-align:left">Entities層、Features層、Widgets層の構成。<br>エラーバウンダリやローディング状態を含むこともできる。</td><td style="text-align:left">通常は使用されない</td><td style="text-align:left">UXを提供するために必要な非ビジネスインタラクション（例：ジェスチャー）やその他のコード</td><td style="text-align:left">SSR（サーバーサイドレンダリング）指向のフレームワーク用のデータローダー</td></tr></tbody></table></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/ja/docusaurus-plugin-content-docs/current/reference/slices-segments.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>このページを編集</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">最終更新<!-- --> <b><time datetime="2024-10-07T18:23:06.000Z" itemprop="dateModified">2024年10月7日</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="ドキュメントページのナビゲーション"><a class="pagination-nav__link pagination-nav__link--prev" href="/ja/docs/reference/layers"><div class="pagination-nav__sublabel">前のページ</div><div class="pagination-nav__label">レイヤー</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/ja/docs/reference/public-api"><div class="pagination-nav__sublabel">次のページ</div><div class="pagination-nav__label">公開API</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#スライス" class="table-of-contents__link toc-highlight">スライス</a><ul><li><a href="#スライスの公開apiルール" class="table-of-contents__link toc-highlight">スライスの公開APIルール</a></li></ul></li><li><a href="#セグメント" class="table-of-contents__link toc-highlight">セグメント</a><ul><li><a href="#例" class="table-of-contents__link toc-highlight">例</a></li></ul></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">仕様</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/ja/docs">ドキュメント</a></li><li class="footer__item"><a class="footer__link-item" href="/ja/community">コミュニティ</a></li><li class="footer__item"><a class="footer__link-item" href="/ja/nav">ヘルプ</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">ディスカッション<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">コミュニティ</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">X<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">その他</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">ライセンス<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/ja/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/ja/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2024  Feature-Sliced Design</div></div></div></footer></div>
 </body>
 </html>
\ No newline at end of file
diff --git a/ja/examples.html b/ja/examples.html
index 0392f21adf..c461148d76 100644
--- a/ja/examples.html
+++ b/ja/examples.html
@@ -9,8 +9,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/ja/opensearch.xml"><link rel="stylesheet" href="/ja/assets/css/styles.c2f43f9a.css">
-<script src="/ja/assets/js/runtime~main.ac5b7a06.js" defer="defer"></script>
-<script src="/ja/assets/js/main.cdd867c6.js" defer="defer"></script>
+<script src="/ja/assets/js/runtime~main.37f69f93.js" defer="defer"></script>
+<script src="/ja/assets/js/main.29fd47b7.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="メインコンテンツにスキップ"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">メインコンテンツにスキップ</a></div><nav aria-label="ナビゲーション" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="ナビゲーションバーを開く" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/ja/"><div class="navbar__logo"><img src="/ja/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/ja/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a class="navbar__item navbar__link" href="/ja/docs">📖 ドキュメント</a><a class="navbar__item navbar__link" href="/ja/community">💫 コミュニティ</a><a class="navbar__item navbar__link" href="/ja/blog">📝 ブログ</a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/ja/examples">🛠 実装例</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/ja/docs">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a class="dropdown__link" href="/ja/docs">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/ja/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>日本語</a><ul class="dropdown__menu"><li><a href="/ru/examples" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ru">Русский</a></li><li><a href="/examples" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/uz/examples" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/examples" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="kr">한국어</a></li><li><a href="/ja/examples" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="ダークモードを切り替える(現在はライトモード)" aria-label="ダークモードを切り替える(現在はライトモード)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="検索"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">検索</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><main class="container margin-vert--lg"><div class="text--center"><h1>実装例</h1><p>FSDを使って作られたプロジェクト一覧</p><div class="button-group"><a class="button button--primary" href="https://github.com/feature-sliced/documentation/blob/master/src/pages/examples/_config.ts" target="_blank" rel="noreferrer noopener">🙏<!-- --> <!-- -->実装例を追加</a><a class="button button--secondary" href="https://github.com/feature-sliced/examples" target="_blank" rel="noreferrer noopener">リポジトリ</a></div><div class="margin-top--sm"><a href="/versions">バージョン一覧も参照してください</a></div></div><section class="container margin-top--lg"><div class="margin-top--lg"><div class="row"><article class="col col--4 margin-bottom--lg"><article class="card root_v5qN"><div class="card__image preview_MRaB"><div class="ribbon_JKNF">v2</div><div style="background-size:cover;background-repeat:no-repeat;position:relative;background-image:url(&quot;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAGCAIAAAB1kpiRAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAYklEQVR4nFXOMQ5EIQgEUAQZWaCkNxbe/4qb+M1m/+sIkwFiZjNzdwBE1FqjfwDWWnvvqvoccjDzTXjEnLOqMpOIRATAGENVqYu4e2b23p9yEVFVM7sF7fide8a7i4jXL29fuHgDoFe9xoYAAAAASUVORK5CYII=&quot;)"><svg style="width:100%;height:auto;max-width:100%;margin-bottom:-4px" width="640" height="360"></svg><noscript><img style="width:100%;height:auto;max-width:100%;margin-bottom:-4px;position:absolute;top:0;left:0" src="/ja/assets/ideal-img/tiny-bunny.dd60f55.640.png" srcset="/ja/assets/ideal-img/tiny-bunny.dd60f55.640.png 640w,/ja/assets/ideal-img/tiny-bunny.f21aad8.1030.png 1030w" alt="Tiny Bunny Mini Game" width="640" height="360"></noscript></div></div><div class="card__body"><span class="title_xhac">Tiny Bunny Mini Game</span><p class="description_y_AQ">Mini-game &quot;21 points&quot; in the universe of the visual novel &quot;Tiny Bunny&quot;.</p><div class="techList_Nt0m"><span class="techListItem_MNXE">react</span><span class="techListItem_MNXE">redux-toolkit</span><span class="techListItem_MNXE">typescript</span></div></div><div class="card__footer"><div class="button-group button-group--block"><a class="button button--small button--secondary button--block" href="https://sanua356.github.io/tiny-bunny/" target="_blank" rel="noreferrer noopener">Website</a><a class="button button--small button--secondary button--block" href="https://github.com/sanua356/tiny-bunny" target="_blank" rel="noreferrer noopener">Source</a></div></div></article></article><article class="col col--4 margin-bottom--lg"><article class="card root_v5qN"><div class="card__image preview_MRaB"><div class="ribbon_JKNF">v2</div><div style="background-size:cover;background-repeat:no-repeat;position:relative;background-image:url(&quot;data:image/jpeg;base64,/9j/2wBDAAYEBQYFBAYGBQYHBwYIChAKCgkJChQODwwQFxQYGBcUFhYaHSUfGhsjHBYWICwgIyYnKSopGR8tMC0oMCUoKSj/2wBDAQcHBwoIChMKChMoGhYaKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCj/wAARCAAHAAoDASIAAhEBAxEB/8QAFgABAQEAAAAAAAAAAAAAAAAAAAEI/8QAGxAAAgEFAAAAAAAAAAAAAAAAAAERAxJhkdH/xAAUAQEAAAAAAAAAAAAAAAAAAAAA/8QAFBEBAAAAAAAAAAAAAAAAAAAAAP/aAAwDAQACEQMRAD8A1KqcQulsy9gAf//Z&quot;)"><svg style="width:100%;height:auto;max-width:100%;margin-bottom:-4px" width="640" height="420"></svg><noscript><img style="width:100%;height:auto;max-width:100%;margin-bottom:-4px;position:absolute;top:0;left:0" src="/ja/assets/ideal-img/roketo-business.56b7a49.640.jpg" srcset="/ja/assets/ideal-img/roketo-business.56b7a49.640.jpg 640w,/ja/assets/ideal-img/roketo-business.1737b96.774.jpg 774w" alt="Roke.to Business" width="640" height="420"></noscript></div></div><div class="card__body"><span class="title_xhac">Roke.to Business</span><p class="description_y_AQ">Business branch of Roketo, a crypto streaming service which allows paying people by the second</p><div class="techList_Nt0m"><span class="techListItem_MNXE">react</span><span class="techListItem_MNXE">effector</span><span class="techListItem_MNXE">tailwindcss</span><span class="techListItem_MNXE">turbo</span></div></div><div class="card__footer"><div class="button-group button-group--block"><a class="button button--small button--secondary button--block" href="https://github.com/roke-to/roketo-business-ui" target="_blank" rel="noreferrer noopener">Source</a></div></div></article></article><article class="col col--4 margin-bottom--lg"><article class="card root_v5qN"><div class="card__image preview_MRaB"><div class="ribbon_JKNF">v2</div><div style="background-size:cover;background-repeat:no-repeat;position:relative;background-image:url(&quot;data:image/jpeg;base64,/9j/2wBDAAYEBQYFBAYGBQYHBwYIChAKCgkJChQODwwQFxQYGBcUFhYaHSUfGhsjHBYWICwgIyYnKSopGR8tMC0oMCUoKSj/2wBDAQcHBwoIChMKChMoGhYaKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCj/wAARCAAJAAoDASIAAhEBAxEB/8QAFgABAQEAAAAAAAAAAAAAAAAAAwII/8QAGhAAAwEAAwAAAAAAAAAAAAAAAAERAiExUf/EABQBAQAAAAAAAAAAAAAAAAAAAAH/xAAVEQEBAAAAAAAAAAAAAAAAAAAAEf/aAAwDAQACEQMRAD8A1JjLTVU59LVSikCz1kAYH//Z&quot;)"><svg style="width:100%;height:auto;max-width:100%;margin-bottom:-4px" width="640" height="583"></svg><noscript><img style="width:100%;height:auto;max-width:100%;margin-bottom:-4px;position:absolute;top:0;left:0" src="/ja/assets/ideal-img/roketo.a3c9b55.640.jpg" srcset="/ja/assets/ideal-img/roketo.a3c9b55.640.jpg 640w,/ja/assets/ideal-img/roketo.70ec047.1030.jpg 1030w" alt="Roke.to dApp" width="640" height="583"></noscript></div></div><div class="card__body"><span class="title_xhac">Roke.to dApp</span><p class="description_y_AQ">A crypto streaming service which allows paying people by the second</p><div class="techList_Nt0m"><span class="techListItem_MNXE">react</span><span class="techListItem_MNXE">effector</span><span class="techListItem_MNXE">tailwindcss</span></div></div><div class="card__footer"><div class="button-group button-group--block"><a class="button button--small button--secondary button--block" href="https://app2.roke.to/" target="_blank" rel="noreferrer noopener">Website</a><a class="button button--small button--secondary button--block" href="https://github.com/roke-to/roketo-ui" target="_blank" rel="noreferrer noopener">Source</a></div></div></article></article><article class="col col--4 margin-bottom--lg"><article class="card root_v5qN"><div class="card__image preview_MRaB"><div class="ribbon_JKNF">v2</div><div style="background-size:cover;background-repeat:no-repeat;position:relative;background-image:url(&quot;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAFCAYAAAB8ZH1oAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAvElEQVR4nAXBy0oCYRiA4f8+W2aiK2/BXRcQCq4EvQK1ReSRRjyCIpoGExgJOsJk4zji6f++1+cxqGJFuVlFVRCxiAoqAvaGWIuqYvJuRG7qkx15ZEYeL8M1ufGW50VI+nNH4csn7x4xic4/Sccn2drw9PbD46tL7H3FQ21Jqlgi3liS6IaY2vpM07vQ3wkff8IwEnpHZRJcmc7mVFcB9c0FA3A4nel9/3IN94zbLfrVCk6zTNcZEIQRVuEO4Z2vfe539+MAAAAASUVORK5CYII=&quot;)"><svg style="width:100%;height:auto;max-width:100%;margin-bottom:-4px" width="640" height="328"></svg><noscript><img style="width:100%;height:auto;max-width:100%;margin-bottom:-4px;position:absolute;top:0;left:0" src="/ja/assets/ideal-img/it-bookstore.2f6de0a.640.png" srcset="/ja/assets/ideal-img/it-bookstore.2f6de0a.640.png 640w,/ja/assets/ideal-img/it-bookstore.39c4ce7.1030.png 1030w" alt="IT bookstore" width="640" height="328"></noscript></div></div><div class="card__body"><span class="title_xhac">IT bookstore</span><p class="description_y_AQ">Catalog for viewing and searching information technology books</p><div class="techList_Nt0m"><span class="techListItem_MNXE">react</span><span class="techListItem_MNXE">redux toolkit</span><span class="techListItem_MNXE">typescript</span><span class="techListItem_MNXE">react router</span><span class="techListItem_MNXE">vite</span><span class="techListItem_MNXE">scss</span></div></div><div class="card__footer"><div class="button-group button-group--block"><a class="button button--small button--secondary button--block" href="https://umttikhinadasha.github.io/IT-Bookstore/" target="_blank" rel="noreferrer noopener">Website</a><a class="button button--small button--secondary button--block" href="https://github.com/UmttikhinaDasha/IT-Bookstore" target="_blank" rel="noreferrer noopener">Source</a></div></div></article></article><article class="col col--4 margin-bottom--lg"><article class="card root_v5qN"><div class="card__image preview_MRaB"><div class="ribbon_JKNF">v2</div><div style="background-size:cover;background-repeat:no-repeat;position:relative;background-image:url(&quot;data:image/jpeg;base64,/9j/2wBDAAYEBQYFBAYGBQYHBwYIChAKCgkJChQODwwQFxQYGBcUFhYaHSUfGhsjHBYWICwgIyYnKSopGR8tMC0oMCUoKSj/2wBDAQcHBwoIChMKChMoGhYaKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCj/wAARCAAFAAoDASIAAhEBAxEB/8QAFgABAQEAAAAAAAAAAAAAAAAAAAMH/8QAHhAAAgICAgMAAAAAAAAAAAAAAgMBBAARITFykaH/xAAVAQEBAAAAAAAAAAAAAAAAAAAAA//EABcRAQEBAQAAAAAAAAAAAAAAAAEAAiH/2gAMAwEAAhEDEQA/AM1BbmtOu2wZwl1qRLqeVR3rx+5OvRhldRy09kMTPrGMZVO0tBf/2Q==&quot;)"><svg style="width:100%;height:auto;max-width:100%;margin-bottom:-4px" width="640" height="331"></svg><noscript><img style="width:100%;height:auto;max-width:100%;margin-bottom:-4px;position:absolute;top:0;left:0" src="/ja/assets/ideal-img/moke-smoke.aacde86.640.jpg" srcset="/ja/assets/ideal-img/moke-smoke.aacde86.640.jpg 640w,/ja/assets/ideal-img/moke-smoke.2f90276.1030.jpg 1030w" alt="Moke Smoke (React Native example)" width="640" height="331"></noscript></div></div><div class="card__body"><span class="title_xhac">Moke Smoke (React Native example)</span><p class="description_y_AQ">An application that helps you quit smoking, published in the App Store and Google. Developed with React Native</p><div class="techList_Nt0m"><span class="techListItem_MNXE">react</span><span class="techListItem_MNXE">rtk</span><span class="techListItem_MNXE">persist</span><span class="techListItem_MNXE">typescript</span><span class="techListItem_MNXE">firebase</span></div></div><div class="card__footer"><div class="button-group button-group--block"><a class="button button--small button--secondary button--block" href="https://dontsmoke.vasyl.site" target="_blank" rel="noreferrer noopener">Website</a><a class="button button--small button--secondary button--block" href="https://github.com/penteleichuk/Moke-Smoke" target="_blank" rel="noreferrer noopener">Source</a></div></div></article></article><article class="col col--4 margin-bottom--lg"><article class="card root_v5qN"><div class="card__image preview_MRaB"><div class="ribbon_JKNF">v2</div><div style="background-size:cover;background-repeat:no-repeat;position:relative;background-image:url(&quot;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAFCAYAAAB8ZH1oAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAY0lEQVR4nGWOWw7CQAwDe/+zAgW6S5LmMWi3qpCof2xLEyvL7b7yfG081jeZRURSVfxr2VpH1BARVA13n/kC7h70j9Bax2xHzTiOdXYRvYKZSUTMVZ9+ZKgfOFbGbwM+/dToX4BhxGwdRFovAAAAAElFTkSuQmCC&quot;)"><svg style="width:100%;height:auto;max-width:100%;margin-bottom:-4px" width="640" height="331"></svg><noscript><img style="width:100%;height:auto;max-width:100%;margin-bottom:-4px;position:absolute;top:0;left:0" src="/ja/assets/ideal-img/moonlogs.6c8da51.640.png" srcset="/ja/assets/ideal-img/moonlogs.6c8da51.640.png 640w,/ja/assets/ideal-img/moonlogs.bf1bb68.1030.png 1030w" alt="Moonlogs (Effector + Forest example)" width="640" height="331"></noscript></div></div><div class="card__body"><span class="title_xhac">Moonlogs (Effector + Forest example)</span><p class="description_y_AQ">Moonlogs is a business-event logging tool with a built-in user-friendly web interface for easy access to events</p><div class="techList_Nt0m"><span class="techListItem_MNXE">forest</span><span class="techListItem_MNXE">effector</span><span class="techListItem_MNXE">tailwind</span><span class="techListItem_MNXE">typescript</span><span class="techListItem_MNXE">go</span></div></div><div class="card__footer"><div class="button-group button-group--block"><a class="button button--small button--secondary button--block" href="https://github.com/pijng/moonlogs" target="_blank" rel="noreferrer noopener">Source</a></div></div></article></article><article class="col col--4 margin-bottom--lg"><article class="card root_v5qN"><div class="card__image preview_MRaB"><div class="ribbon_JKNF">v2</div><div style="background-size:cover;background-repeat:no-repeat;position:relative;background-image:url(&quot;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAHCAYAAAAxrNxjAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAxklEQVR4nCWPzU4DMQyE8/6Pw4UK9cCVS6tKPACHbgu03WTX+bGTwIeyHD5pbEszY/dyPLM7TOyO/+xPF/aniefD2J95evvg9f2KUy1kVcyUVpWiRtFCtYypsqxCb4YbIuWCxESMedMp6zaP2xwWJGWcSOTzsbJI2hxuXjZGkqTC9b6garh5nhl478k5U1RRVVJKhBC43R/EGHGrCNO3JyxCq4aXjF8z1YywRqaveevtzIzaf2m9k8t4xFCrm2trndp/6L3zB/m1CjKv8gkqAAAAAElFTkSuQmCC&quot;)"><svg style="width:100%;height:auto;max-width:100%;margin-bottom:-4px" width="640" height="479"></svg><noscript><img style="width:100%;height:auto;max-width:100%;margin-bottom:-4px;position:absolute;top:0;left:0" src="/ja/assets/ideal-img/react-query-example.774ff87.640.png" srcset="/ja/assets/ideal-img/react-query-example.774ff87.640.png 640w,/ja/assets/ideal-img/react-query-example.94414c9.816.png 816w" alt="Posts (React Query example)" width="640" height="479"></noscript></div></div><div class="card__body"><span class="title_xhac">Posts (React Query example)</span><p class="description_y_AQ">Example of using FSD with React Query (Mutation, Query, Pagination)</p><div class="techList_Nt0m"><span class="techListItem_MNXE">react</span><span class="techListItem_MNXE">react-query</span><span class="techListItem_MNXE">typescript</span><span class="techListItem_MNXE">material ui</span></div></div><div class="card__footer"><div class="button-group button-group--block"><a class="button button--small button--secondary button--block" href="https://fsd-react-query-example.vercel.app/" target="_blank" rel="noreferrer noopener">Website</a><a class="button button--small button--secondary button--block" href="https://github.com/ruslan4432013/fsd-react-query-example" target="_blank" rel="noreferrer noopener">Source</a></div></div></article></article><article class="col col--4 margin-bottom--lg"><article class="card root_v5qN"><div class="card__image preview_MRaB"><div class="ribbon_JKNF">v2</div><div style="background-size:cover;background-repeat:no-repeat;position:relative;background-image:url(&quot;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAFCAYAAAB8ZH1oAAAACXBIWXMAABJ0AAASdAHeZh94AAAAb0lEQVR4nG3OSQ7CMBBEUV8GgRhkt91uOw5DgiK4/4k+CsMiEYu3K32Vi8nwQdHckFSRWBaCZGqdcCefUOvxYngpn/FKiAW3OxwRLQz3B5fbRPqVFzrcZrtnrl7HJ10//C3OvkOlthG19r6xlu3MC/v1UKrA7p2wAAAAAElFTkSuQmCC&quot;)"><svg style="width:100%;height:auto;max-width:100%;margin-bottom:-4px" width="640" height="290"></svg><noscript><img style="width:100%;height:auto;max-width:100%;margin-bottom:-4px;position:absolute;top:0;left:0" src="/ja/assets/ideal-img/falkchat.39ad979.640.png" srcset="/ja/assets/ideal-img/falkchat.39ad979.640.png 640w,/ja/assets/ideal-img/falkchat.fcb09ea.1030.png 1030w" alt="FalkChat" width="640" height="290"></noscript></div></div><div class="card__body"><span class="title_xhac">FalkChat</span><p class="description_y_AQ">FalkChat is your go-to destination for seamless and engaging online conversations.</p><div class="techList_Nt0m"><span class="techListItem_MNXE">react</span><span class="techListItem_MNXE">next</span><span class="techListItem_MNXE">prettier</span><span class="techListItem_MNXE">clerk</span><span class="techListItem_MNXE">typescript</span><span class="techListItem_MNXE">tailwind</span><span class="techListItem_MNXE">shadcn/ui</span><span class="techListItem_MNXE">zustand</span></div></div><div class="card__footer"><div class="button-group button-group--block"><a class="button button--small button--secondary button--block" href="https://chat.falkomer.tech" target="_blank" rel="noreferrer noopener">Website</a><a class="button button--small button--secondary button--block" href="https://github.com/falkomerr/falkchat" target="_blank" rel="noreferrer noopener">Source</a></div></div></article></article><article class="col col--4 margin-bottom--lg"><article class="card root_v5qN"><div class="card__image preview_MRaB"><div class="ribbon_JKNF">v2</div><div style="background-size:cover;background-repeat:no-repeat;position:relative;background-image:url(&quot;data:image/jpeg;base64,/9j/2wBDAAYEBQYFBAYGBQYHBwYIChAKCgkJChQODwwQFxQYGBcUFhYaHSUfGhsjHBYWICwgIyYnKSopGR8tMC0oMCUoKSj/2wBDAQcHBwoIChMKChMoGhYaKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCj/wAARCAAGAAoDASIAAhEBAxEB/8QAFgABAQEAAAAAAAAAAAAAAAAAAAYI/8QAHhAAAgICAgMAAAAAAAAAAAAAAQIDBAAFESExUWH/xAAVAQEBAAAAAAAAAAAAAAAAAAABAv/EABgRAQADAQAAAAAAAAAAAAAAAAEAAhEh/9oADAMBAAIRAxEAPwDQO+1O5vbAPUtRQVlUhAliaNifoXr3lNGvEahuCwABPnGMA5Ksu5P/2Q==&quot;)"><svg style="width:100%;height:auto;max-width:100%;margin-bottom:-4px" width="640" height="366"></svg><noscript><img style="width:100%;height:auto;max-width:100%;margin-bottom:-4px;position:absolute;top:0;left:0" src="/ja/assets/ideal-img/polka.4ba359f.640.jpg" srcset="/ja/assets/ideal-img/polka.4ba359f.640.jpg 640w,/ja/assets/ideal-img/polka.9df2a2f.1030.jpg 1030w" alt="Polka" width="640" height="366"></noscript></div></div><div class="card__body"><span class="title_xhac">Polka</span><p class="description_y_AQ">The application is a bookshelf where you can add your favorite books. The application works with the Google Books API.</p><div class="techList_Nt0m"><span class="techListItem_MNXE">vue3</span><span class="techListItem_MNXE">pinia</span><span class="techListItem_MNXE">typescript</span><span class="techListItem_MNXE">vue-router</span><span class="techListItem_MNXE">eslint</span><span class="techListItem_MNXE">prettier</span><span class="techListItem_MNXE">vite</span><span class="techListItem_MNXE">vuetify</span></div></div><div class="card__footer"><div class="button-group button-group--block"><a class="button button--small button--secondary button--block" href="https://polka-fsd.netlify.app/" target="_blank" rel="noreferrer noopener">Website</a><a class="button button--small button--secondary button--block" href="https://github.com/lollipopfly/polka" target="_blank" rel="noreferrer noopener">Source</a></div></div></article></article><article class="col col--4 margin-bottom--lg"><article class="card root_v5qN"><div class="card__image preview_MRaB"><div class="ribbon_JKNF">v2</div><div style="background-size:cover;background-repeat:no-repeat;position:relative;background-image:url(&quot;data:image/jpeg;base64,/9j/2wBDAAYEBQYFBAYGBQYHBwYIChAKCgkJChQODwwQFxQYGBcUFhYaHSUfGhsjHBYWICwgIyYnKSopGR8tMC0oMCUoKSj/2wBDAQcHBwoIChMKChMoGhYaKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCj/wAARCAAHAAoDASIAAhEBAxEB/8QAFgABAQEAAAAAAAAAAAAAAAAAAAYH/8QAIBAAAgICAgIDAAAAAAAAAAAAAQIDBAARBTESIQYTYf/EABQBAQAAAAAAAAAAAAAAAAAAAAH/xAAVEQEBAAAAAAAAAAAAAAAAAAAAEf/aAAwDAQACEQMRAD8AzyjP8dj4qSlNfoSzFHb7peMkaUEqAF8vLWgejrv3+ZM2hx0lqZ0uxIrOSFSqwUDfQG/QxjGiP//Z&quot;)"><svg style="width:100%;height:auto;max-width:100%;margin-bottom:-4px" width="640" height="445"></svg><noscript><img style="width:100%;height:auto;max-width:100%;margin-bottom:-4px;position:absolute;top:0;left:0" src="/ja/assets/ideal-img/fake-cyber-web-store.e8fb321.640.jpg" srcset="/ja/assets/ideal-img/fake-cyber-web-store.e8fb321.640.jpg 640w,/ja/assets/ideal-img/fake-cyber-web-store.19be0d9.1030.jpg 1030w" alt="Fake Cyber Web Store" width="640" height="445"></noscript></div></div><div class="card__body"><span class="title_xhac">Fake Cyber Web Store</span><p class="description_y_AQ">Example web store on Vue3</p><div class="techList_Nt0m"><span class="techListItem_MNXE">vue3</span><span class="techListItem_MNXE">pinia</span><span class="techListItem_MNXE">typescript</span><span class="techListItem_MNXE">firebase</span><span class="techListItem_MNXE">vue-router</span><span class="techListItem_MNXE">eslint</span><span class="techListItem_MNXE">prettier</span><span class="techListItem_MNXE">vite</span></div></div><div class="card__footer"><div class="button-group button-group--block"><a class="button button--small button--secondary button--block" href="https://akosogorov.github.io/fake-cyber-web-store/" target="_blank" rel="noreferrer noopener">Website</a><a class="button button--small button--secondary button--block" href="https://github.com/AKosogorov/fake-cyber-web-store" target="_blank" rel="noreferrer noopener">Source</a></div></div></article></article><article class="col col--4 margin-bottom--lg"><article class="card root_v5qN"><div class="card__image preview_MRaB"><div class="ribbon_JKNF">v2</div><div style="background-size:cover;background-repeat:no-repeat;position:relative;background-image:url(&quot;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAGCAYAAAD68A/GAAAACXBIWXMAAAsTAAALEwEAmpwYAAAA1klEQVR4nCXKy0rDQBiA0ewFMVo6uWcaJ7+TiZRo0sQIWkRoRbxsuip1oztfwCdy4wu4E9/sc+FZH885RymWKIpJkowwjKhdjSlPSLOcOElRKsCzImidU502FKYkDAOsrRApMcZQVdV/NOLQueBKochmaG0YxxH/aErbDWhdICJ4By/fjItPvm5CftcfPLz9YK8bWklZXswpZgVNbfEmw4bhcseu07z2Tyz6LVerJe+bnu39GUPb8ry6xfODPe4e19TnDXromKt9jrVGRQH+4YQkjpgqxR8W8FySOwU2BwAAAABJRU5ErkJggg==&quot;)"><svg style="width:100%;height:auto;max-width:100%;margin-bottom:-4px" width="640" height="373"></svg><noscript><img style="width:100%;height:auto;max-width:100%;margin-bottom:-4px;position:absolute;top:0;left:0" src="/ja/assets/ideal-img/vkaudiopad.b2e6ff1.640.png" srcset="/ja/assets/ideal-img/vkaudiopad.b2e6ff1.640.png 640w,/ja/assets/ideal-img/vkaudiopad.2e724df.1030.png 1030w" alt="VK Audiopad" width="640" height="373"></noscript></div></div><div class="card__body"><span class="title_xhac">VK Audiopad</span><p class="description_y_AQ">Chrome extension for VK Music</p><div class="techList_Nt0m"><span class="techListItem_MNXE">react</span><span class="techListItem_MNXE">vkui</span><span class="techListItem_MNXE">typescript</span></div></div><div class="card__footer"><div class="button-group button-group--block"><a class="button button--small button--secondary button--block" href="https://chrome.google.com/webstore/detail/plclpmphdjmdgmdpfkcmdkmohgpfecip" target="_blank" rel="noreferrer noopener">Website</a><a class="button button--small button--secondary button--block" href="https://github.com/vissh/vkui-audiopad" target="_blank" rel="noreferrer noopener">Source</a></div></div></article></article><article class="col col--4 margin-bottom--lg"><article class="card root_v5qN"><div class="card__image preview_MRaB"><div class="ribbon_JKNF">v2</div><div style="background-size:cover;background-repeat:no-repeat;position:relative;background-image:url(&quot;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAFCAYAAAB8ZH1oAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAjElEQVR4nG2NPQrCQBhE93wewMIj2duLpxCsAl5AFLW1sDQkJGb3+8k+2RU7B4aBmYEXLg+huSeam3E4G8/Wgcw8Z3IuOROTEXbHnuX2ymozsFgP7E9Ckfn3+HPou44pvjFT2u6FiKBqSJpwN1ISzJwwxYiq1mKMI+6OmaGiFVu2kkHUMPd6yLlS/+oD81i++VZUEfgAAAAASUVORK5CYII=&quot;)"><svg style="width:100%;height:auto;max-width:100%;margin-bottom:-4px" width="640" height="299"></svg><noscript><img style="width:100%;height:auto;max-width:100%;margin-bottom:-4px;position:absolute;top:0;left:0" src="/ja/assets/ideal-img/cryptolight.eabc473.640.png" srcset="/ja/assets/ideal-img/cryptolight.eabc473.640.png 640w,/ja/assets/ideal-img/cryptolight.741f5ae.1030.png 1030w" alt="Сryptolight" width="640" height="299"></noscript></div></div><div class="card__body"><span class="title_xhac">Сryptolight</span><p class="description_y_AQ">Cryptocurrency review site based on Feature-Sliced Design (Architectural methodology for frontend projects).</p><div class="techList_Nt0m"><span class="techListItem_MNXE">react</span><span class="techListItem_MNXE">effector</span><span class="techListItem_MNXE">nextui</span><span class="techListItem_MNXE">typescript</span><span class="techListItem_MNXE">vite</span></div></div><div class="card__footer"><div class="button-group button-group--block"><a class="button button--small button--secondary button--block" href="http://crypto-light.space/" target="_blank" rel="noreferrer noopener">Website</a><a class="button button--small button--secondary button--block" href="https://github.com/Yar56/cryptolight" target="_blank" rel="noreferrer noopener">Source</a></div></div></article></article><article class="col col--4 margin-bottom--lg"><article class="card root_v5qN"><div class="card__image preview_MRaB"><div class="ribbon_JKNF">v2</div><div style="background-size:cover;background-repeat:no-repeat;position:relative;background-image:url(&quot;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAACXBIWXMAAAsTAAALEwEAmpwYAAABMUlEQVR4nCWQSU7DUBBEfQmQEk9/cAweg53vzEzBgkUkJrFALGARxB5xAbgAQnAPOOJD/lm01GqVquuVI6MGFY+RaoRQI3Q8QWlDKGvUYIKKGqQ2OIE4ILQzpO+m7LopO72EXj/BD4d4QYkXFDhC1VTmnDhZ0PdSNrcbnu9e6LkJhxdrbtsbpKhwdGRo23uKqrXC389v/r5+cL2MZr5mMV0jtsIxs8U1aXmK5xe8vz7y8faEH5ZkxYr9/JhQ1TiBrBDqAD8obBYdN0hV4fm5BdMDQ8dhYaKOOjL2tVCGLrfrpfbWNRCI4RbGTC7ZS5d4fkZdn7GfHVnHrFyR5CdI3eBIXdOeP5AWK+uynF2QD7s9Zzy/Yrq8sRGcrnA9mKDjmS18kBwSJ0uENmTlqXXV8ZR/dJ2b1OvCcEQAAAAASUVORK5CYII=&quot;)"><svg style="width:100%;height:auto;max-width:100%;margin-bottom:-4px" width="640" height="626"></svg><noscript><img style="width:100%;height:auto;max-width:100%;margin-bottom:-4px;position:absolute;top:0;left:0" src="/ja/assets/ideal-img/moneyflow.ec991f6.640.png" srcset="/ja/assets/ideal-img/moneyflow.ec991f6.640.png 640w,/ja/assets/ideal-img/moneyflow.f27bbad.1030.png 1030w" alt="Money Flow" width="640" height="626"></noscript></div></div><div class="card__body"><span class="title_xhac">Money Flow</span><p class="description_y_AQ">A mobile application for tracking your expenses and incomes.</p><div class="techList_Nt0m"><span class="techListItem_MNXE">capacitorjs</span><span class="techListItem_MNXE">react</span><span class="techListItem_MNXE">react-router</span><span class="techListItem_MNXE">zustand</span><span class="techListItem_MNXE">vite</span><span class="techListItem_MNXE">typescript</span><span class="techListItem_MNXE">mobile</span><span class="techListItem_MNXE">android</span><span class="techListItem_MNXE">ios</span></div></div><div class="card__footer"><div class="button-group button-group--block"><a class="button button--small button--secondary button--block" href="https://github.com/moneyflow-dev/moneyflow" target="_blank" rel="noreferrer noopener">Source</a></div></div></article></article><article class="col col--4 margin-bottom--lg"><article class="card root_v5qN"><div class="card__image preview_MRaB"><div class="ribbon_JKNF">v2</div><div style="background-size:cover;background-repeat:no-repeat;position:relative;background-image:url(&quot;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAFCAYAAAB8ZH1oAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAgUlEQVR4nEWOuwoCQQxF5/+xtNnSxs7PsF3wF2YEYZYpVtiVeSRHElEDedzkJjcBoPduCVWltebYarMxhufg8UOj90FKiRjjj/i1YI3/trDvL/dHKTy3DVXxuRNzzqQYqbUiInac+5Ip64qKOnbpy/nEdDxwm68ubz/agv0rRkR5A077wWNjtiUrAAAAAElFTkSuQmCC&quot;)"><svg style="width:100%;height:auto;max-width:100%;margin-bottom:-4px" width="640" height="321"></svg><noscript><img style="width:100%;height:auto;max-width:100%;margin-bottom:-4px;position:absolute;top:0;left:0" src="/ja/assets/ideal-img/e-commerce.a9cf87f.640.png" srcset="/ja/assets/ideal-img/e-commerce.a9cf87f.640.png 640w,/ja/assets/ideal-img/e-commerce.de058bd.1030.png 1030w" alt="E-Commerce" width="640" height="321"></noscript></div></div><div class="card__body"><span class="title_xhac">E-Commerce</span><p class="description_y_AQ">This project is an online store built using React. It provides the ability to view the product catalog and product pages</p><div class="techList_Nt0m"><span class="techListItem_MNXE">react</span><span class="techListItem_MNXE">mobx</span><span class="techListItem_MNXE">webpack</span><span class="techListItem_MNXE">typescript</span><span class="techListItem_MNXE">ssr</span></div></div><div class="card__footer"><div class="button-group button-group--block"><a class="button button--small button--secondary button--block" href="https://ruslan4432013.github.io/e-commerce-kts/" target="_blank" rel="noreferrer noopener">Website</a><a class="button button--small button--secondary button--block" href="https://github.com/ruslan4432013/e-commerce-kts" target="_blank" rel="noreferrer noopener">Source</a></div></div></article></article><article class="col col--4 margin-bottom--lg"><article class="card root_v5qN"><div class="card__image preview_MRaB"><div class="ribbon_JKNF">v2</div><div style="background-size:cover;background-repeat:no-repeat;position:relative;background-image:url(&quot;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAFCAYAAAB8ZH1oAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAkElEQVR4nFXOwQqCQBSFYd+6IFppo3ZnRiM3ShIZQVjZoojA3iurxR9aUV04cOB8i+uICCKacRiQZin7w5lLXTPPZ4S+j2hNaxytNXFk6Q9HLMsjnyvKE72BSxRZWtNBaw2u51Os1jT3B9fmRpYv8FSAMeYLu4iQJFOqake52RLHE7SW1/YH378opbq0/Xd7Arkoi+KchMB/AAAAAElFTkSuQmCC&quot;)"><svg style="width:100%;height:auto;max-width:100%;margin-bottom:-4px" width="640" height="312"></svg><noscript><img style="width:100%;height:auto;max-width:100%;margin-bottom:-4px;position:absolute;top:0;left:0" src="/ja/assets/ideal-img/todo-vue-pinia.0fbcdd9.640.png" srcset="/ja/assets/ideal-img/todo-vue-pinia.0fbcdd9.640.png 640w,/ja/assets/ideal-img/todo-vue-pinia.db151a8.1030.png 1030w" alt="Todo app (Vue 3 + Pinia)" width="640" height="312"></noscript></div></div><div class="card__body"><span class="title_xhac">Todo app (Vue 3 + Pinia)</span><p class="description_y_AQ">QuickStart todo-app example for Vue developers with pinia store</p><div class="techList_Nt0m"><span class="techListItem_MNXE">vue 3</span><span class="techListItem_MNXE">pinia</span><span class="techListItem_MNXE">vite</span><span class="techListItem_MNXE">typescript</span></div></div><div class="card__footer"><div class="button-group button-group--block"><a class="button button--small button--secondary button--block" href="https://fsd-tasks.netlify.app/" target="_blank" rel="noreferrer noopener">Website</a><a class="button button--small button--secondary button--block" href="https://github.com/hoach-linux/fsd-vue-antd" target="_blank" rel="noreferrer noopener">Source</a></div></div></article></article><article class="col col--4 margin-bottom--lg"><article class="card root_v5qN"><div class="card__image preview_MRaB"><div class="ribbon_JKNF">v2</div><div style="background-size:cover;background-repeat:no-repeat;position:relative;background-image:url(&quot;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAHCAYAAAAxrNxjAAAACXBIWXMAABJ0AAASdAHeZh94AAAAtklEQVR4nFWOwWoCQRBE59MFQT0a/0DY9Sh+hCGggeSUFTyLeBOjOz3dM/PCjBi0oKiiu7po13Yt8585RZuuYblfstqvql/sWtquqTs33o4ZbUZMPieV068ps+83ynywHjD8GFbvyBD6QLRIskTUu5oa7+sNx8OJApdy4vp7RYKgqgQNd5qipqSUyGRcSfe3Hi+ChIAUFSHGWJsecOTM5Xzh5nu89/8sR69BIIhgZrXlwfLSc/AP/FEAChfiHhAAAAAASUVORK5CYII=&quot;)"><svg style="width:100%;height:auto;max-width:100%;margin-bottom:-4px" width="640" height="427"></svg><noscript><img style="width:100%;height:auto;max-width:100%;margin-bottom:-4px;position:absolute;top:0;left:0" src="/ja/assets/ideal-img/conduit.f4d5ff9.640.png" srcset="/ja/assets/ideal-img/conduit.f4d5ff9.640.png 640w,/ja/assets/ideal-img/conduit.f876505.1030.png 1030w" alt="Conduit" width="640" height="427"></noscript></div></div><div class="card__body"><span class="title_xhac">Conduit</span><p class="description_y_AQ">A social blogging site powered by Feature-Sliced Design architectural methodology.</p><div class="techList_Nt0m"><span class="techListItem_MNXE">react</span><span class="techListItem_MNXE">react-router</span><span class="techListItem_MNXE">react-query</span><span class="techListItem_MNXE">zustand</span><span class="techListItem_MNXE">vite</span><span class="techListItem_MNXE">typescript</span></div></div><div class="card__footer"><div class="button-group button-group--block"><a class="button button--small button--secondary button--block" href="https://realworld-fsd.netlify.app/" target="_blank" rel="noreferrer noopener">Website</a><a class="button button--small button--secondary button--block" href="https://github.com/sldk-yuri/realworld-react-fsd" target="_blank" rel="noreferrer noopener">Source</a></div></div></article></article><article class="col col--4 margin-bottom--lg"><article class="card root_v5qN"><div class="card__image preview_MRaB"><div class="ribbon_JKNF">v2</div><div style="background-size:cover;background-repeat:no-repeat;position:relative;background-image:url(&quot;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAGCAYAAAD68A/GAAAACXBIWXMAAAsTAAALEwEAmpwYAAAA10lEQVR4nAXB606CYACAYbbGAj74kIOA4gIVGcrJMMaUf/3osLXVWlt2FV2BP7uTus6351E0QyCkz7VuogmJLmxU3UE1PK40GyuasaxalPMYoRkG63VOU7ZEaU1RHdl392x2I8nzA99/vyiXj4zTNiRbLanKhlm+Z6hWdEVGnWc8fZ35vPygvPcBm9hikZUk9UC4Hdj1I01/oigr7tpbkvyAEvsmbjDFDeYIe4p0Avw4JVwkOJ6H59pIV6LMDZWjL3h9PPD2MqCaEc7EQ8oJlptyE5YUy45/2+FVhPvR2VIAAAAASUVORK5CYII=&quot;)"><svg style="width:100%;height:auto;max-width:100%;margin-bottom:-4px" width="640" height="360"></svg><noscript><img style="width:100%;height:auto;max-width:100%;margin-bottom:-4px;position:absolute;top:0;left:0" src="/ja/assets/ideal-img/kinomore.53d816d.640.png" srcset="/ja/assets/ideal-img/kinomore.53d816d.640.png 640w,/ja/assets/ideal-img/kinomore.fca4c32.1030.png 1030w" alt="Kinomore (React+Effector)" width="640" height="360"></noscript></div></div><div class="card__body"><span class="title_xhac">Kinomore (React+Effector)</span><p class="description_y_AQ">Large project on the effector/fsd stack</p><div class="techList_Nt0m"><span class="techListItem_MNXE">react</span><span class="techListItem_MNXE">effector</span><span class="techListItem_MNXE">typescript</span><span class="techListItem_MNXE">nextjs</span><span class="techListItem_MNXE">react-testing-library</span></div></div><div class="card__footer"><div class="button-group button-group--block"><a class="button button--small button--secondary button--block" href="https://kinomore.netlify.app/" target="_blank" rel="noreferrer noopener">Website</a><a class="button button--small button--secondary button--block" href="https://github.com/Shiyan7/kinomore-v2" target="_blank" rel="noreferrer noopener">Source</a></div></div></article></article><article class="col col--4 margin-bottom--lg"><article class="card root_v5qN"><div class="card__image preview_MRaB"><div class="ribbon_JKNF">v2</div><div style="background-size:cover;background-repeat:no-repeat;position:relative;background-image:url(&quot;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAGCAYAAAD68A/GAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAnElEQVR4nE3OOw7CMBREUfZMz6KoaKgo2AFFRINAICGLxJ/3HDvYF8VIhGK6o5lZAYy5kqZCKYXBeVwQaq28S6HWWcCqwZTwogRRfFDimLCScTq1gh/0mnj2DudDiw2Rm1GuRrEyLVBiwgxf1Jo1Mjilt0Ic8wLnqRkMThBVHi/hePYcOs/FpP+Puf0LEslj5HRXNjvLetuz72KDHz325wCKvSmhAAAAAElFTkSuQmCC&quot;)"><svg style="width:100%;height:auto;max-width:100%;margin-bottom:-4px" width="640" height="360"></svg><noscript><img style="width:100%;height:auto;max-width:100%;margin-bottom:-4px;position:absolute;top:0;left:0" src="/ja/assets/ideal-img/sudoku.adbf6dd.640.png" srcset="/ja/assets/ideal-img/sudoku.adbf6dd.640.png 640w,/ja/assets/ideal-img/sudoku.dce19b5.1030.png 1030w" alt="Sudoku (React+Effector)" width="640" height="360"></noscript></div></div><div class="card__body"><span class="title_xhac">Sudoku (React+Effector)</span><p class="description_y_AQ">A simple crossword of numbers on effector / fsd</p><div class="techList_Nt0m"><span class="techListItem_MNXE">react</span><span class="techListItem_MNXE">effector</span><span class="techListItem_MNXE">typescript</span><span class="techListItem_MNXE">vite</span><span class="techListItem_MNXE">tailwind</span><span class="techListItem_MNXE">atomic-router</span></div></div><div class="card__footer"><div class="button-group button-group--block"><a class="button button--small button--secondary button--block" href="https://sudoku-effector.pages.dev/" target="_blank" rel="noreferrer noopener">Website</a><a class="button button--small button--secondary button--block" href="https://github.com/Shiyan7/sudoku-effector" target="_blank" rel="noreferrer noopener">Source</a></div></div></article></article><article class="col col--4 margin-bottom--lg"><article class="card root_v5qN"><div class="card__image preview_MRaB"><div class="ribbon_JKNF">v2</div><div style="background-size:cover;background-repeat:no-repeat;position:relative;background-image:url(&quot;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAGCAYAAAD68A/GAAAACXBIWXMAABYlAAAWJQFJUiTwAAAA4ElEQVR4nAXBS06DUABAUQZNGrB9hIKvASmkvvA3Uk2xKLSNqTGi6diBdWLiCvyNXIIjV+HMBbi36znaY7vjbfXJQ/hMPCpJnBMis6TaX3IZdLwWH7xk72ihmePJiKNlx8SfYeoStWiJihan73NR37Fu7tGEbpMM9qj9kJ5hEhiC27FiKBz0Xp9kYOEKD20RKn42c77VisBy+arO+K1OCYXDU5Xyt23ZqhTNdwts6SKEj3Qz5PgAwzIZyRhvohhKC8eeos2zjvxwzdSrOc5uKOMNyjsnj66YpdcoryFyG/4BLrxaqXjXb/UAAAAASUVORK5CYII=&quot;)"><svg style="width:100%;height:auto;max-width:100%;margin-bottom:-4px" width="640" height="396"></svg><noscript><img style="width:100%;height:auto;max-width:100%;margin-bottom:-4px;position:absolute;top:0;left:0" src="/ja/assets/ideal-img/nukeapp.a191248.640.png" srcset="/ja/assets/ideal-img/nukeapp.a191248.640.png 640w,/ja/assets/ideal-img/nukeapp.f8e32db.1030.png 1030w" alt="Nukeapp (React+ReduxToolkit)" width="640" height="396"></noscript></div></div><div class="card__body"><span class="title_xhac">Nukeapp (React+ReduxToolkit)</span><p class="description_y_AQ">Shopping app build on React/ReduxToolkit stack</p><div class="techList_Nt0m"><span class="techListItem_MNXE">react</span><span class="techListItem_MNXE">redux-toolkit</span><span class="techListItem_MNXE">typescript</span><span class="techListItem_MNXE">vite</span></div></div><div class="card__footer"><div class="button-group button-group--block"><a class="button button--small button--secondary button--block" href="https://nukeapp.netlify.app/" target="_blank" rel="noreferrer noopener">Website</a><a class="button button--small button--secondary button--block" href="https://github.com/noveogroup-amorgunov/nukeapp" target="_blank" rel="noreferrer noopener">Source</a></div></div></article></article><article class="col col--4 margin-bottom--lg"><article class="card root_v5qN"><div class="card__image preview_MRaB"><div class="ribbon_JKNF">v2</div><div style="background-size:cover;background-repeat:no-repeat;position:relative;background-image:url(&quot;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAFCAYAAAB8ZH1oAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAk0lEQVR4nGWMsQ7BUBiF+xqe0S5MHsCmxGQXi9Fg1JJIjCysvUPbtJUO5d77/58oBnGSk+8MJ18wP5QMNxcG6xOzfcE4SgnjjDDKWk7inOkuJwBQaXC2RlVQcT/9JvCiiIIqvLYTpXSCVRDvcckZV5q3sbV+aB6eUVJxtUBlkF4HXXb/j7VXtreGQoB7ja76cFzwBCkDuWJkHI3CAAAAAElFTkSuQmCC&quot;)"><svg style="width:100%;height:auto;max-width:100%;margin-bottom:-4px" width="640" height="314"></svg><noscript><img style="width:100%;height:auto;max-width:100%;margin-bottom:-4px;position:absolute;top:0;left:0" src="/ja/assets/ideal-img/greenhouse.2358c1a.640.png" srcset="/ja/assets/ideal-img/greenhouse.2358c1a.640.png 640w,/ja/assets/ideal-img/greenhouse.d85b70a.1030.png 1030w" alt="Simple Greenhouse App (React+MobX)" width="640" height="314"></noscript></div></div><div class="card__body"><span class="title_xhac">Simple Greenhouse App (React+MobX)</span><p class="description_y_AQ">Simple demonstration of how FSD can be implemented with TypeScript, React.js, MobX and Firebase</p><div class="techList_Nt0m"><span class="techListItem_MNXE">react</span><span class="techListItem_MNXE">mobx</span><span class="techListItem_MNXE">typescript</span><span class="techListItem_MNXE">firebase</span><span class="techListItem_MNXE">mui</span><span class="techListItem_MNXE">vite</span></div></div><div class="card__footer"><div class="button-group button-group--block"><a class="button button--small button--secondary button--block" href="https://github.com/NIRumiantsev/feature-sliced-design" target="_blank" rel="noreferrer noopener">Source</a></div></div></article></article><article class="col col--4 margin-bottom--lg"><article class="card root_v5qN"><div class="card__image preview_MRaB"><div class="ribbon_JKNF">v2</div><div style="background-size:cover;background-repeat:no-repeat;position:relative;background-image:url(&quot;data:image/png;base64,/9j/2wBDAAYEBQYFBAYGBQYHBwYIChAKCgkJChQODwwQFxQYGBcUFhYaHSUfGhsjHBYWICwgIyYnKSopGR8tMC0oMCUoKSj/2wBDAQcHBwoIChMKChMoGhYaKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCj/wAARCAAHAAoDASIAAhEBAxEB/8QAFQABAQAAAAAAAAAAAAAAAAAAAAf/xAAiEAABBAECBwAAAAAAAAAAAAABAAIDBQQGBxESITVBkdL/xAAUAQEAAAAAAAAAAAAAAAAAAAAA/8QAFBEBAAAAAAAAAAAAAAAAAAAAAP/aAAwDAQACEQMRAD8AvurqyW70nZ1ePLHFLmY74WvkB5Wk+Tw6qFjYW8I7xUepflEQf//Z&quot;)"><svg style="width:100%;height:auto;max-width:100%;margin-bottom:-4px" width="640" height="462"></svg><noscript><img style="width:100%;height:auto;max-width:100%;margin-bottom:-4px;position:absolute;top:0;left:0" src="/ja/assets/ideal-img/fs-rn-todo-app.efe4008.640.png" srcset="/ja/assets/ideal-img/fs-rn-todo-app.efe4008.640.png 640w,/ja/assets/ideal-img/fs-rn-todo-app.19be902.1030.png 1030w" alt="Todo App (ReactNative+Redux)" width="640" height="462"></noscript></div></div><div class="card__body"><span class="title_xhac">Todo App (ReactNative+Redux)</span><p class="description_y_AQ">QuickStart todo-app example for ReactNative(Expo) developers</p><div class="techList_Nt0m"><span class="techListItem_MNXE">react-native</span><span class="techListItem_MNXE">expo</span><span class="techListItem_MNXE">redux</span></div></div><div class="card__footer"><div class="button-group button-group--block"><a class="button button--small button--secondary button--block" href="https://github.com/berdimyradov/fs-rn-todo-app" target="_blank" rel="noreferrer noopener">Source</a></div></div></article></article><article class="col col--4 margin-bottom--lg"><article class="card root_v5qN"><div class="card__image preview_MRaB"><div class="ribbon_JKNF">v2</div><div style="background-size:cover;background-repeat:no-repeat;position:relative;background-image:url(&quot;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAGCAYAAAD68A/GAAAACXBIWXMAABJ0AAASdAHeZh94AAAA2ElEQVR4nEXKy0rDQABA0fyHGyVtTWeSzEyaJiTUmAR89rEQFK0m5BuEqqBF/E1xr4hr0c1c0Y1nfZw4L2ycF6gkpyc1rtAIk6DGGTqdUE876vkcZ+gruy0CkjSnXV7RtR3Fbk3fkwgdsThrODxa4Pgqslt9j+biks/nF3h9Y31zx8amix4l7J2cU81O/2O7bLDvH/D1zeP9+i+GZkxaHRCX+zgyNHYgAoqi4uF6xdPqlunxjJ4n8VVElJWYrMQRgbYyNPxm1zcM1Ij+0EcGGhFoVDJBpTv8ADojbmp+UdkUAAAAAElFTkSuQmCC&quot;)"><svg style="width:100%;height:auto;max-width:100%;margin-bottom:-4px" width="640" height="360"></svg><noscript><img style="width:100%;height:auto;max-width:100%;margin-bottom:-4px;position:absolute;top:0;left:0" src="/ja/assets/ideal-img/rastrr-editor.9ad239d.640.png" srcset="/ja/assets/ideal-img/rastrr-editor.9ad239d.640.png 640w,/ja/assets/ideal-img/rastrr-editor.4ac8d84.1030.png 1030w" alt="Rastrr" width="640" height="360"></noscript></div></div><div class="card__body"><span class="title_xhac">Rastrr</span><p class="description_y_AQ">A simple and free graphic editor for novice artists</p><div class="techList_Nt0m"><span class="techListItem_MNXE">svelte</span></div></div><div class="card__footer"><div class="button-group button-group--block"><a class="button button--small button--secondary button--block" href="https://rastrr.ru" target="_blank" rel="noreferrer noopener">Website</a><a class="button button--small button--secondary button--block" href="https://github.com/rastrr-editor/client" target="_blank" rel="noreferrer noopener">Source</a></div></div></article></article><article class="col col--4 margin-bottom--lg"><article class="card root_v5qN"><div class="card__image preview_MRaB"><div class="ribbon_JKNF">v2</div><div style="background-size:cover;background-repeat:no-repeat;position:relative;background-image:url(&quot;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAGCAYAAAD68A/GAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAlklEQVR4nFWOuw7CMAxF++1M7Cx8DgMSIITYQWwg0TRh6CtNneSghBbBlezh+vjaBYC1FqVULuccvR1o2p4QQhpnFalprfHe49yAqjT3x5PL9UbddhmKcQKNMRkuy5K6aaj0i0ob4jdvAmOMiAgh+Gymk8n7VQZniQREfH5jFP+fOC92vbBY7dkdTmy2Z5brI70dPz8Cb+qV54GITsVPAAAAAElFTkSuQmCC&quot;)"><svg style="width:100%;height:auto;max-width:100%;margin-bottom:-4px" width="640" height="413"></svg><noscript><img style="width:100%;height:auto;max-width:100%;margin-bottom:-4px;position:absolute;top:0;left:0" src="/ja/assets/ideal-img/draw-ill-help.032419e.640.png" srcset="/ja/assets/ideal-img/draw-ill-help.032419e.640.png 640w,/ja/assets/ideal-img/draw-ill-help.fd1ae96.795.png 795w" alt="Draw, I&#x27;ll Help" width="640" height="413"></noscript></div></div><div class="card__body"><span class="title_xhac">Draw, I&#x27;ll Help</span><p class="description_y_AQ">A drawing app with shape correction powered by ML</p><div class="techList_Nt0m"><span class="techListItem_MNXE">svelte</span></div></div><div class="card__footer"><div class="button-group button-group--block"><a class="button button--small button--secondary button--block" href="https://illright.github.io/draw-ill-help/" target="_blank" rel="noreferrer noopener">Website</a><a class="button button--small button--secondary button--block" href="https://github.com/illright/draw-ill-help" target="_blank" rel="noreferrer noopener">Source</a></div></div></article></article><article class="col col--4 margin-bottom--lg"><article class="card root_v5qN"><div class="card__image preview_MRaB"><div class="ribbon_JKNF">v2</div><div style="background-size:cover;background-repeat:no-repeat;position:relative;background-image:url(&quot;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAGCAYAAAD68A/GAAAACXBIWXMAABYlAAAWJQFJUiTwAAAA5klEQVR4nAXBwU6CAACAYd7Cc602xUuIIYFhiYigUWSZONdQ2yyGZhm1Zpkc2jpZhw6tJ+gt/75PiKIHyqaPWKyz/vrBbQVkNkuE4znBIMa7GFF1uwhnnRGibJFXGqTvaxonfbJFi2A44/P7l790RZK8IQSXN+iGTUGzie6WKMYx6r7HVfTEZP7C8nlFL4wRwjDmwGxSLDtMkxTNaiPpTca3C5zTIXZ7QMXpImRlk8yWyo7WJLp/RTI8RKXO9WyBWu2wkbcp6EcItVafnGyxVztnvvigdOiT27WZPKZUnB7bko+kuvwDBm12q0q6hT4AAAAASUVORK5CYII=&quot;)"><svg style="width:100%;height:auto;max-width:100%;margin-bottom:-4px" width="640" height="398"></svg><noscript><img style="width:100%;height:auto;max-width:100%;margin-bottom:-4px;position:absolute;top:0;left:0" src="/ja/assets/ideal-img/cast.2d78953.640.png" srcset="/ja/assets/ideal-img/cast.2d78953.640.png 640w,/ja/assets/ideal-img/cast.f813960.1030.png 1030w" alt="Cast" width="640" height="398"></noscript></div></div><div class="card__body"><span class="title_xhac">Cast</span><p class="description_y_AQ">A podcast listening PWA with automated quality assurance</p><div class="techList_Nt0m"><span class="techListItem_MNXE">svelte</span></div></div><div class="card__footer"><div class="button-group button-group--block"><a class="button button--small button--secondary button--block" href="https://cast-iu.pages.dev/" target="_blank" rel="noreferrer noopener">Website</a><a class="button button--small button--secondary button--block" href="https://github.com/aabounegm/cast" target="_blank" rel="noreferrer noopener">Source</a></div></div></article></article><article class="col col--4 margin-bottom--lg"><article class="card root_v5qN"><div class="card__image preview_MRaB"><div class="ribbon_JKNF">v2</div><div style="background-size:cover;background-repeat:no-repeat;position:relative;background-image:url(&quot;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAICAYAAADA+m62AAAACXBIWXMAAA7DAAAOwwHHb6hkAAAAsUlEQVR4nHVPXQuCQBC8n9prv6h/EQQ91pPQQyCUpU+ZVnd+dGfqIYRmN3FnCPYxsMzu7CzDEsYYdB2OAWzHxWbnYb31YNl7BGEIxigopSBRFEMIAc45gtMFXNzgngWWTmi0LMuQJAmIlBIaSj0NS99C4c7fmjKc5zlIVVVm0GibB67TMYrZCG1T9/rQqBT0fe0vUKwmaO9d0pexC+m47/9Ff2Jg1J/ph8qy/Fl6l6YpXhcMMAYFFnR9AAAAAElFTkSuQmCC&quot;)"><svg style="width:100%;height:auto;max-width:100%;margin-bottom:-4px" width="640" height="507"></svg><noscript><img style="width:100%;height:auto;max-width:100%;margin-bottom:-4px;position:absolute;top:0;left:0" src="/ja/assets/ideal-img/loripsum-generator.d367419.640.png" srcset="/ja/assets/ideal-img/loripsum-generator.d367419.640.png 640w,/ja/assets/ideal-img/loripsum-generator.4188839.949.png 949w" alt="Loripsum generator" width="640" height="507"></noscript></div></div><div class="card__body"><span class="title_xhac">Loripsum generator</span><p class="description_y_AQ">Simple fish text generator</p><div class="techList_Nt0m"><span class="techListItem_MNXE">react</span><span class="techListItem_MNXE">effector</span></div></div><div class="card__footer"><div class="button-group button-group--block"><a class="button button--small button--secondary button--block" href="https://loripsum-generator.vercel.app" target="_blank" rel="noreferrer noopener">Website</a><a class="button button--small button--secondary button--block" href="https://github.com/yesnoruly/loripsum-generator" target="_blank" rel="noreferrer noopener">Source</a></div></div></article></article><article class="col col--4 margin-bottom--lg"><article class="card root_v5qN"><div class="card__image preview_MRaB"><div class="ribbon_JKNF">v2</div><div style="background-size:cover;background-repeat:no-repeat;position:relative;background-image:url(&quot;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAGCAIAAAB1kpiRAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAnElEQVR4nF3JuwrCMBQA0HyVg4IOIhZEUSj9AdFZtK72K+2L9EHBUaGmed8k0urkWQ8CACGlcw4ApFSEUNIxTtmbdJRyJKTSYIztQdsyrpjQ3avlQjOhER8ejDXWAHtWdZWmSZYk9zguyhIp1a8bWEGj6LbzN36wXa29c3hC3/i1tZdrOF9OF95sPBkdjvv/rptHhoscF2mOy7r5AAf2maewMqkpAAAAAElFTkSuQmCC&quot;)"><svg style="width:100%;height:auto;max-width:100%;margin-bottom:-4px" width="640" height="360"></svg><noscript><img style="width:100%;height:auto;max-width:100%;margin-bottom:-4px;position:absolute;top:0;left:0" src="/ja/assets/ideal-img/projentry.de287b8.640.png" srcset="/ja/assets/ideal-img/projentry.de287b8.640.png 640w,/ja/assets/ideal-img/projentry.d85bc5e.1030.png 1030w" alt="Projentry (demo)" width="640" height="360"></noscript></div></div><div class="card__body"><span class="title_xhac">Projentry (demo)</span><p class="description_y_AQ">Assistant for your projects</p><div class="techList_Nt0m"><span class="techListItem_MNXE">react</span><span class="techListItem_MNXE">antd</span></div></div><div class="card__footer"><div class="button-group button-group--block"><a class="button button--small button--secondary button--block" href="https://projentry.netlify.app/" target="_blank" rel="noreferrer noopener">Website</a><a class="button button--small button--secondary button--block" href="https://github.com/ani-team/projentry" target="_blank" rel="noreferrer noopener">Source</a></div></div></article></article><article class="col col--4 margin-bottom--lg"><article class="card root_v5qN"><div class="card__image preview_MRaB"><div class="ribbon_JKNF">v2</div><div style="background-size:cover;background-repeat:no-repeat;position:relative;background-image:url(&quot;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAGCAIAAAB1kpiRAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAdklEQVR4nCWNQQ6EMAwD+f8rF64rbYGWponjZNXi22hkeyNpZhFB0gFRL50i4xGD+xYR913V4AwAal4knZERmTn1Zz+Gaq4M1at1c8I5dWb23knGGzphNseWXu39kcE5yP2Hb4UNmTh1RikngJf70HJerdVY33/lW6+qu2B+5AAAAABJRU5ErkJggg==&quot;)"><svg style="width:100%;height:auto;max-width:100%;margin-bottom:-4px" width="640" height="360"></svg><noscript><img style="width:100%;height:auto;max-width:100%;margin-bottom:-4px;position:absolute;top:0;left:0" src="/ja/assets/ideal-img/sharead.b0f4725.640.png" srcset="/ja/assets/ideal-img/sharead.b0f4725.640.png 640w,/ja/assets/ideal-img/sharead.c179800.1030.png 1030w" alt="Sharead (demo)" width="640" height="360"></noscript></div></div><div class="card__body"><span class="title_xhac">Sharead (demo)</span><p class="description_y_AQ">Book Marketplace</p><div class="techList_Nt0m"><span class="techListItem_MNXE">react</span><span class="techListItem_MNXE">effector</span><span class="techListItem_MNXE">antd</span></div></div><div class="card__footer"><div class="button-group button-group--block"><a class="button button--small button--secondary button--block" href="https://dev-sharead.netlify.app/" target="_blank" rel="noreferrer noopener">Website</a><a class="button button--small button--secondary button--block" href="https://github.com/select-name/sharead-frontend" target="_blank" rel="noreferrer noopener">Source</a></div></div></article></article><article class="col col--4 margin-bottom--lg"><article class="card root_v5qN"><div class="card__image preview_MRaB"><div class="ribbon_JKNF">v2</div><div style="background-size:cover;background-repeat:no-repeat;position:relative;background-image:url(&quot;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAFCAIAAADzBuo/AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAgklEQVR4nGP4DwN//vz58ePHnz9/4CL///9ngLM+f/785fPnv////fr4+fW89U/nr//x/iNM+t+/71+//vjy9f///0+zWp5Yxl6wjbuaXIuQ/vHt+/cvX3/+//+0fdbLuJpbMVV32mYiDP/06dO7t28/f/3y+cnzh9GVV0NLvj59CQD68oUMUGcwrwAAAABJRU5ErkJggg==&quot;)"><svg style="width:100%;height:auto;max-width:100%;margin-bottom:-4px" width="640" height="348"></svg><noscript><img style="width:100%;height:auto;max-width:100%;margin-bottom:-4px;position:absolute;top:0;left:0" src="/ja/assets/ideal-img/todo-app-angular.05f9a25.640.png" srcset="/ja/assets/ideal-img/todo-app-angular.05f9a25.640.png 640w,/ja/assets/ideal-img/todo-app-angular.73d76af.1030.png 1030w" alt="Todo App (Angular 13)" width="640" height="348"></noscript></div></div><div class="card__body"><span class="title_xhac">Todo App (Angular 13)</span><p class="description_y_AQ">QuickStart todo-app example for Angular developers</p><div class="techList_Nt0m"><span class="techListItem_MNXE">angular</span><span class="techListItem_MNXE">rxjs</span></div></div><div class="card__footer"><div class="button-group button-group--block"><a class="button button--small button--secondary button--block" href="https://angular-feature-sliced-architecture.netlify.app/" target="_blank" rel="noreferrer noopener">Website</a><a class="button button--small button--secondary button--block" href="https://github.com/Affiction/angular-feature-sliced" target="_blank" rel="noreferrer noopener">Source</a></div></div></article></article><article class="col col--4 margin-bottom--lg"><article class="card root_v5qN"><div class="card__image preview_MRaB"><div class="ribbon_JKNF">v2</div><div style="background-size:cover;background-repeat:no-repeat;position:relative;background-image:url(&quot;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAFCAIAAADzBuo/AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAjUlEQVR4nB3CTQ4BQRAG0L6d2Fq5yETiBBKnsMMhJMQRRMLWTyQMY1R3ddVXNS28vNBS+kSmyDHx7UlNS5otC35ZA7EqzGCAwczNr+/6/mzqujm9HoGSxAzOEAFnLVYWx21vXPVH1eywDsRI4gqHuZqbdeh8uJwO5hPuENookTWL8n/MUqxszvvVZVdQvh2liN/jkShXAAAAAElFTkSuQmCC&quot;)"><svg style="width:100%;height:auto;max-width:100%;margin-bottom:-4px" width="640" height="348"></svg><noscript><img style="width:100%;height:auto;max-width:100%;margin-bottom:-4px;position:absolute;top:0;left:0" src="/ja/assets/ideal-img/todo-app-vue.35dda32.640.png" srcset="/ja/assets/ideal-img/todo-app-vue.35dda32.640.png 640w,/ja/assets/ideal-img/todo-app-vue.752b5ca.1030.png 1030w" alt="Todo App (Vue 3)" width="640" height="348"></noscript></div></div><div class="card__body"><span class="title_xhac">Todo App (Vue 3)</span><p class="description_y_AQ">QuickStart todo-app example for Vue developers</p><div class="techList_Nt0m"><span class="techListItem_MNXE">vue</span><span class="techListItem_MNXE">vuex</span><span class="techListItem_MNXE">antd</span></div></div><div class="card__footer"><div class="button-group button-group--block"><a class="button button--small button--secondary button--block" href="https://github.com/EliseyMartynov/fs-vue" target="_blank" rel="noreferrer noopener">Source</a></div></div></article></article><article class="col col--4 margin-bottom--lg"><article class="card root_v5qN"><div class="card__image preview_MRaB"><div class="ribbon_JKNF">v2</div><div style="background-size:cover;background-repeat:no-repeat;position:relative;background-image:url(&quot;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAFCAIAAADzBuo/AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAgElEQVR4nB3GOwrCQBQF0Fm8G3EBKjb2Nml0AWJhiIUfBAkz73/foBA4xSmVpLESK4u+vjRXIlEWY9FKUkgjkIkEEtmxXAOGDGQhcTaowR3mQODDvn+07Ti/qxZSiPdAR/bI/uv9Vn19p9XmchymUtlZwzx0YR7N4vRsu8P1PEx/Y7uNMbvMtEcAAAAASUVORK5CYII=&quot;)"><svg style="width:100%;height:auto;max-width:100%;margin-bottom:-4px" width="640" height="348"></svg><noscript><img style="width:100%;height:auto;max-width:100%;margin-bottom:-4px;position:absolute;top:0;left:0" src="/ja/assets/ideal-img/todo-app-react-redux.34636b9.640.png" srcset="/ja/assets/ideal-img/todo-app-react-redux.34636b9.640.png 640w,/ja/assets/ideal-img/todo-app-react-redux.91678c5.1030.png 1030w" alt="Todo App (React+Redux)" width="640" height="348"></noscript></div></div><div class="card__body"><span class="title_xhac">Todo App (React+Redux)</span><p class="description_y_AQ">QuickStart todo-app example for React developers (Redux version)</p><div class="techList_Nt0m"><span class="techListItem_MNXE">react</span><span class="techListItem_MNXE">redux</span><span class="techListItem_MNXE">antd</span></div></div><div class="card__footer"><div class="button-group button-group--block"><a class="button button--small button--secondary button--block" href="https://github.com/EliseyMartynov/fs-rtk" target="_blank" rel="noreferrer noopener">Source</a></div></div></article></article><article class="col col--4 margin-bottom--lg"><article class="card root_v5qN"><div class="card__image preview_MRaB"><div class="ribbon_JKNF">v2</div><div style="background-size:cover;background-repeat:no-repeat;position:relative;background-image:url(&quot;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAFCAIAAADzBuo/AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAgElEQVR4nB3GOwrCQBQF0Fmfm3ItLkGwt1ZMo52QLmAwoDLz/vcNEQKnOKWSNFZiZdH5Q79KJMZiwtpICmkEMpFAIju2a6TkishC4mxQgzvMgcDCfpzqaXzN5IUU4j3QkT2yrz1HwuH5vu130+NcKjtrmIduzKOpXxcZ7sN3vPwBVmeNDga/n9QAAAAASUVORK5CYII=&quot;)"><svg style="width:100%;height:auto;max-width:100%;margin-bottom:-4px" width="640" height="348"></svg><noscript><img style="width:100%;height:auto;max-width:100%;margin-bottom:-4px;position:absolute;top:0;left:0" src="/ja/assets/ideal-img/todo-app-react-effector.cfe95f6.640.png" srcset="/ja/assets/ideal-img/todo-app-react-effector.cfe95f6.640.png 640w,/ja/assets/ideal-img/todo-app-react-effector.155b845.1030.png 1030w" alt="Todo App (React+Effector)" width="640" height="348"></noscript></div></div><div class="card__body"><span class="title_xhac">Todo App (React+Effector)</span><p class="description_y_AQ">QuickStart todo-app example for React developers (Effector version)</p><div class="techList_Nt0m"><span class="techListItem_MNXE">react</span><span class="techListItem_MNXE">effector</span><span class="techListItem_MNXE">antd</span></div></div><div class="card__footer"><div class="button-group button-group--block"><a class="button button--small button--secondary button--block" href="https://7b64m.csb.app/" target="_blank" rel="noreferrer noopener">Website</a><a class="button button--small button--secondary button--block" href="https://github.com/feature-sliced/examples/tree/master/todo-app" target="_blank" rel="noreferrer noopener">Source</a></div></div></article></article><article class="col col--4 margin-bottom--lg"><article class="card root_v5qN"><div class="card__image preview_MRaB"><div class="ribbon_JKNF">v2</div><div style="background-size:cover;background-repeat:no-repeat;position:relative;background-image:url(&quot;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAGCAIAAAB1kpiRAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAn0lEQVR4nDXBwQrCMAwA0P7/QdSiwmD3fY5MBhMUFdE1aedl6zqzJvHke6Ysy93+YO1u/7fZ2tXaFkVRVZVRVeFMKYmIiqjKuIhLQqo5syEij3i9XByAc+CcG4YhpnlKc4yTYeaue7dtiz44APQhxpiXheib0mxY8vv5OTf30AdEj97HOBFRzllEjIi+HremPob+A4gAMI4jMyP6+tT8AAIgnuz02zq5AAAAAElFTkSuQmCC&quot;)"><svg style="width:100%;height:auto;max-width:100%;margin-bottom:-4px" width="640" height="360"></svg><noscript><img style="width:100%;height:auto;max-width:100%;margin-bottom:-4px;position:absolute;top:0;left:0" src="/ja/assets/ideal-img/github-client.fe390ad.640.png" srcset="/ja/assets/ideal-img/github-client.fe390ad.640.png 640w,/ja/assets/ideal-img/github-client.aa0edb7.1030.png 1030w" alt="Github Client" width="640" height="360"></noscript></div></div><div class="card__body"><span class="title_xhac">Github Client</span><p class="description_y_AQ">React &amp; GraphQL powered github web-client</p><div class="techList_Nt0m"><span class="techListItem_MNXE">react</span><span class="techListItem_MNXE">graphql</span><span class="techListItem_MNXE">antd</span></div></div><div class="card__footer"><div class="button-group button-group--block"><a class="button button--small button--secondary button--block" href="https://github.com/ani-team/github-client/tree/workshop/feature-sliced-next" target="_blank" rel="noreferrer noopener">Source</a></div></div></article></article><article class="col col--4 margin-bottom--lg"><article class="card root_v5qN"><div class="card__image preview_MRaB"><div class="ribbon_JKNF">v2</div><div style="background-size:cover;background-repeat:no-repeat;position:relative;background-image:url(&quot;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAGCAIAAAB1kpiRAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAgklEQVR4nD2OwQoCMQxE9/9/T6+CgqJVhKTbJpkm20p3wXcb3gzMkl7l88YWEe4RMXbC+/dLpdhyuz7Pp8tjck8pjTF67+49vG/bWFSFiZiyiMJQSl3zamYAImKpVTKvplBRKJiYKe/RWvOpmRgGGJrNkql584Y211KFiFX0EMe1Pz+Oia0hqYR1vAAAAABJRU5ErkJggg==&quot;)"><svg style="width:100%;height:auto;max-width:100%;margin-bottom:-4px" width="640" height="360"></svg><noscript><img style="width:100%;height:auto;max-width:100%;margin-bottom:-4px;position:absolute;top:0;left:0" src="/ja/assets/ideal-img/cardbox.7993374.640.png" srcset="/ja/assets/ideal-img/cardbox.7993374.640.png 640w,/ja/assets/ideal-img/cardbox.943b121.1030.png 1030w" alt="Cardbox" width="640" height="360"></noscript></div></div><div class="card__body"><span class="title_xhac">Cardbox</span><p class="description_y_AQ">The best solutions from developers in one place</p><div class="techList_Nt0m"><span class="techListItem_MNXE">react</span><span class="techListItem_MNXE">effector</span></div></div><div class="card__footer"><div class="button-group button-group--block"><a class="button button--small button--secondary button--block" href="https://github.com/cardbox/frontend" target="_blank" rel="noreferrer noopener">Source</a></div></div></article></article></div></div></section></main></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">仕様</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/ja/docs">ドキュメント</a></li><li class="footer__item"><a class="footer__link-item" href="/ja/community">コミュニティ</a></li><li class="footer__item"><a class="footer__link-item" href="/ja/nav">ヘルプ</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">ディスカッション<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">コミュニティ</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">X<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">その他</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">ライセンス<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/ja/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/ja/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2024  Feature-Sliced Design</div></div></div></footer></div>
diff --git a/ja/index.html b/ja/index.html
index ca685e1282..600bec2ad2 100644
--- a/ja/index.html
+++ b/ja/index.html
@@ -9,8 +9,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/ja/opensearch.xml"><link rel="stylesheet" href="/ja/assets/css/styles.c2f43f9a.css">
-<script src="/ja/assets/js/runtime~main.ac5b7a06.js" defer="defer"></script>
-<script src="/ja/assets/js/main.cdd867c6.js" defer="defer"></script>
+<script src="/ja/assets/js/runtime~main.37f69f93.js" defer="defer"></script>
+<script src="/ja/assets/js/main.29fd47b7.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="メインコンテンツにスキップ"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">メインコンテンツにスキップ</a></div><nav aria-label="ナビゲーション" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="ナビゲーションバーを開く" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/ja/"><div class="navbar__logo"><img src="/ja/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/ja/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a class="navbar__item navbar__link" href="/ja/docs">📖 ドキュメント</a><a class="navbar__item navbar__link" href="/ja/community">💫 コミュニティ</a><a class="navbar__item navbar__link" href="/ja/blog">📝 ブログ</a><a class="navbar__item navbar__link" href="/ja/examples">🛠 実装例</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/ja/docs">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a class="dropdown__link" href="/ja/docs">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/ja/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>日本語</a><ul class="dropdown__menu"><li><a href="/ru/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ru">Русский</a></li><li><a href="/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/uz/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="kr">한국어</a></li><li><a href="/ja/" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="ダークモードを切り替える(現在はライトモード)" aria-label="ダークモードを切り替える(現在はライトモード)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="検索"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">検索</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><header class="hero hero--primary heroBanner_PbTQ"><div class="container"><h1 class="hero__title">Feature-Sliced Design</h1><p class="hero__subtitle">フロントエンドアーキテクチャの設計方法論</p><div class="button-group"><a class="button button--primary button--lg" href="/ja/docs">始める</a><a class="button button--secondary button--lg" href="/ja/examples">実装例</a></div><div class="margin-top--md"><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="link_Ogy3">前のバージョン<!-- --> <!-- -->(feature-slices@v1)</a></div></div></header><main><section id="利点" class="section_o6sW"><div class="container"><h2 class="title_v0wz">利点</h2><div class="row"><div class="col col--3"><div class="text--center"><span role="img" aria-label="eye" alt="明確なビジネスロジック" class="anticon anticon-eye icon_zeNy"><svg viewBox="64 64 896 896" focusable="false" data-icon="eye" width="1em" height="1em" fill="currentColor" aria-hidden="true"><path d="M942.2 486.2C847.4 286.5 704.1 186 512 186c-192.2 0-335.4 100.5-430.2 300.3a60.3 60.3 0 000 51.5C176.6 737.5 319.9 838 512 838c192.2 0 335.4-100.5 430.2-300.3 7.7-16.2 7.7-35 0-51.5zM512 766c-161.3 0-279.4-81.8-362.7-254C232.6 339.8 350.7 258 512 258c161.3 0 279.4 81.8 362.7 254C791.5 684.2 673.4 766 512 766zm-4-430c-97.2 0-176 78.8-176 176s78.8 176 176 176 176-78.8 176-176-78.8-176-176-176zm0 288c-61.9 0-112-50.1-112-112s50.1-112 112-112 112 50.1 112 112-50.1 112-112 112z"></path></svg></span></div><div class="text--center padding-horiz--md"><h3>明確なビジネスロジック</h3><p>アーキテクチャはドメインモジュールで構成されているため、習得が容易である</p></div></div><div class="col col--3"><div class="text--center"><span role="img" aria-label="login" alt="適応性" class="anticon anticon-login icon_zeNy"><svg viewBox="64 64 896 896" focusable="false" data-icon="login" width="1em" height="1em" fill="currentColor" aria-hidden="true"><defs><style></style></defs><path d="M521.7 82c-152.5-.4-286.7 78.5-363.4 197.7-3.4 5.3.4 12.3 6.7 12.3h70.3c4.8 0 9.3-2.1 12.3-5.8 7-8.5 14.5-16.7 22.4-24.5 32.6-32.5 70.5-58.1 112.7-75.9 43.6-18.4 90-27.8 137.9-27.8 47.9 0 94.3 9.3 137.9 27.8 42.2 17.8 80.1 43.4 112.7 75.9 32.6 32.5 58.1 70.4 76 112.5C865.7 417.8 875 464.1 875 512c0 47.9-9.4 94.2-27.8 137.8-17.8 42.1-43.4 80-76 112.5s-70.5 58.1-112.7 75.9A352.8 352.8 0 01520.6 866c-47.9 0-94.3-9.4-137.9-27.8A353.84 353.84 0 01270 762.3c-7.9-7.9-15.3-16.1-22.4-24.5-3-3.7-7.6-5.8-12.3-5.8H165c-6.3 0-10.2 7-6.7 12.3C234.9 863.2 368.5 942 520.6 942c236.2 0 428-190.1 430.4-425.6C953.4 277.1 761.3 82.6 521.7 82zM395.02 624v-76h-314c-4.4 0-8-3.6-8-8v-56c0-4.4 3.6-8 8-8h314v-76c0-6.7 7.8-10.5 13-6.3l141.9 112a8 8 0 010 12.6l-141.9 112c-5.2 4.1-13 .4-13-6.3z"></path></svg></span></div><div class="text--center padding-horiz--md"><h3>適応性</h3><p>アーキテクチャのコンポーネントは柔軟に交換したり、新しい条件に応じて追加したりすることができる</p></div></div><div class="col col--3"><div class="text--center"><span role="img" aria-label="file-protect" alt="技術的負債" class="anticon anticon-file-protect icon_zeNy"><svg viewBox="64 64 896 896" focusable="false" data-icon="file-protect" width="1em" height="1em" fill="currentColor" aria-hidden="true"><path d="M644.7 669.2a7.92 7.92 0 00-6.5-3.3H594c-6.5 0-10.3 7.4-6.5 12.7l73.8 102.1c3.2 4.4 9.7 4.4 12.9 0l114.2-158c3.8-5.3 0-12.7-6.5-12.7h-44.3c-2.6 0-5 1.2-6.5 3.3l-63.5 87.8-22.9-31.9zM688 306v-48c0-4.4-3.6-8-8-8H296c-4.4 0-8 3.6-8 8v48c0 4.4 3.6 8 8 8h384c4.4 0 8-3.6 8-8zm-392 88c-4.4 0-8 3.6-8 8v48c0 4.4 3.6 8 8 8h184c4.4 0 8-3.6 8-8v-48c0-4.4-3.6-8-8-8H296zm184 458H208V148h560v296c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8V108c0-17.7-14.3-32-32-32H168c-17.7 0-32 14.3-32 32v784c0 17.7 14.3 32 32 32h312c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8zm402.6-320.8l-192-66.7c-.9-.3-1.7-.4-2.6-.4s-1.8.1-2.6.4l-192 66.7a7.96 7.96 0 00-5.4 7.5v251.1c0 2.5 1.1 4.8 3.1 6.3l192 150.2c1.4 1.1 3.2 1.7 4.9 1.7s3.5-.6 4.9-1.7l192-150.2c1.9-1.5 3.1-3.8 3.1-6.3V538.7c0-3.4-2.2-6.4-5.4-7.5zM826 763.7L688 871.6 550 763.7V577l138-48 138 48v186.7z"></path></svg></span></div><div class="text--center padding-horiz--md"><h3>技術的負債</h3><p>各モジュールは副作用なしに独立して変更/再作成できる</p></div></div><div class="col col--3"><div class="text--center"><span role="img" aria-label="build" alt="明確な再利用性" class="anticon anticon-build icon_zeNy"><svg viewBox="64 64 896 896" focusable="false" data-icon="build" width="1em" height="1em" fill="currentColor" aria-hidden="true"><path d="M916 210H376c-17.7 0-32 14.3-32 32v236H108c-17.7 0-32 14.3-32 32v272c0 17.7 14.3 32 32 32h540c17.7 0 32-14.3 32-32V546h236c17.7 0 32-14.3 32-32V242c0-17.7-14.3-32-32-32zm-504 68h200v200H412V278zm-68 468H144V546h200v200zm268 0H412V546h200v200zm268-268H680V278h200v200z"></path></svg></span></div><div class="text--center padding-horiz--md"><h3>明確な再利用性</h3><p>DRYとローカルカスタマイズのバランスが保たれている</p></div></div></div></div></section><section id="コンセプト" class="section_o6sW sectionAlt_eaXm"><div class="container"><h2 class="title_v0wz">コンセプト</h2><div class="row"><div class="col col--4"><div class="text--center"><span role="img" aria-label="api" alt="公開API" class="anticon anticon-api icon_zeNy"><svg viewBox="64 64 896 896" focusable="false" data-icon="api" width="1em" height="1em" fill="currentColor" aria-hidden="true"><path d="M917.7 148.8l-42.4-42.4c-1.6-1.6-3.6-2.3-5.7-2.3s-4.1.8-5.7 2.3l-76.1 76.1a199.27 199.27 0 00-112.1-34.3c-51.2 0-102.4 19.5-141.5 58.6L432.3 308.7a8.03 8.03 0 000 11.3L704 591.7c1.6 1.6 3.6 2.3 5.7 2.3 2 0 4.1-.8 5.7-2.3l101.9-101.9c68.9-69 77-175.7 24.3-253.5l76.1-76.1c3.1-3.2 3.1-8.3 0-11.4zM769.1 441.7l-59.4 59.4-186.8-186.8 59.4-59.4c24.9-24.9 58.1-38.7 93.4-38.7 35.3 0 68.4 13.7 93.4 38.7 24.9 24.9 38.7 58.1 38.7 93.4 0 35.3-13.8 68.4-38.7 93.4zm-190.2 105a8.03 8.03 0 00-11.3 0L501 613.3 410.7 523l66.7-66.7c3.1-3.1 3.1-8.2 0-11.3L441 408.6a8.03 8.03 0 00-11.3 0L363 475.3l-43-43a7.85 7.85 0 00-5.7-2.3c-2 0-4.1.8-5.7 2.3L206.8 534.2c-68.9 69-77 175.7-24.3 253.5l-76.1 76.1a8.03 8.03 0 000 11.3l42.4 42.4c1.6 1.6 3.6 2.3 5.7 2.3s4.1-.8 5.7-2.3l76.1-76.1c33.7 22.9 72.9 34.3 112.1 34.3 51.2 0 102.4-19.5 141.5-58.6l101.9-101.9c3.1-3.1 3.1-8.2 0-11.3l-43-43 66.7-66.7c3.1-3.1 3.1-8.2 0-11.3l-36.6-36.2zM441.7 769.1a131.32 131.32 0 01-93.4 38.7c-35.3 0-68.4-13.7-93.4-38.7a131.32 131.32 0 01-38.7-93.4c0-35.3 13.7-68.4 38.7-93.4l59.4-59.4 186.8 186.8-59.4 59.4z"></path></svg></span></div><div class="text--center padding-horiz--md"><h3>公開API</h3><p>各モジュールはその公開APIをトップレベルで宣言する必要がある</p></div></div><div class="col col--4"><div class="text--center"><span role="img" aria-label="block" alt="分離" class="anticon anticon-block icon_zeNy"><svg viewBox="64 64 896 896" focusable="false" data-icon="block" width="1em" height="1em" fill="currentColor" aria-hidden="true"><path d="M856 376H648V168c0-8.8-7.2-16-16-16H168c-8.8 0-16 7.2-16 16v464c0 8.8 7.2 16 16 16h208v208c0 8.8 7.2 16 16 16h464c8.8 0 16-7.2 16-16V392c0-8.8-7.2-16-16-16zm-480 16v188H220V220h360v156H392c-8.8 0-16 7.2-16 16zm204 52v136H444V444h136zm224 360H444V648h188c8.8 0 16-7.2 16-16V444h156v360z"></path></svg></span></div><div class="text--center padding-horiz--md"><h3>分離</h3><p>モジュールは同じレイヤーや上層レイヤーの他のモジュールに直接依存してはいけない</p></div></div><div class="col col--4"><div class="text--center"><span role="img" aria-label="like" alt="ニーズの理解" class="anticon anticon-like icon_zeNy"><svg viewBox="64 64 896 896" focusable="false" data-icon="like" width="1em" height="1em" fill="currentColor" aria-hidden="true"><path d="M885.9 533.7c16.8-22.2 26.1-49.4 26.1-77.7 0-44.9-25.1-87.4-65.5-111.1a67.67 67.67 0 00-34.3-9.3H572.4l6-122.9c1.4-29.7-9.1-57.9-29.5-79.4A106.62 106.62 0 00471 99.9c-52 0-98 35-111.8 85.1l-85.9 311H144c-17.7 0-32 14.3-32 32v364c0 17.7 14.3 32 32 32h601.3c9.2 0 18.2-1.8 26.5-5.4 47.6-20.3 78.3-66.8 78.3-118.4 0-12.6-1.8-25-5.4-37 16.8-22.2 26.1-49.4 26.1-77.7 0-12.6-1.8-25-5.4-37 16.8-22.2 26.1-49.4 26.1-77.7-.2-12.6-2-25.1-5.6-37.1zM184 852V568h81v284h-81zm636.4-353l-21.9 19 13.9 25.4a56.2 56.2 0 016.9 27.3c0 16.5-7.2 32.2-19.6 43l-21.9 19 13.9 25.4a56.2 56.2 0 016.9 27.3c0 16.5-7.2 32.2-19.6 43l-21.9 19 13.9 25.4a56.2 56.2 0 016.9 27.3c0 22.4-13.2 42.6-33.6 51.8H329V564.8l99.5-360.5a44.1 44.1 0 0142.2-32.3c7.6 0 15.1 2.2 21.1 6.7 9.9 7.4 15.2 18.6 14.6 30.5l-9.6 198.4h314.4C829 418.5 840 436.9 840 456c0 16.5-7.2 32.1-19.6 43z"></path></svg></span></div><div class="text--center padding-horiz--md"><h3>ニーズの理解</h3><p>ビジネスとユーザーのニーズに焦点を当てる</p></div></div></div></div></section><section id="構造" class="section_o6sW"><div class="container"><h2 class="title_v0wz">構造</h2><div class="row scheme_O0RH"><div class="schemeImg_h_tq" style="background-size:cover;background-repeat:no-repeat;position:relative;background-image:url(&quot;data:image/jpeg;base64,/9j/2wBDAAYEBQYFBAYGBQYHBwYIChAKCgkJChQODwwQFxQYGBcUFhYaHSUfGhsjHBYWICwgIyYnKSopGR8tMC0oMCUoKSj/2wBDAQcHBwoIChMKChMoGhYaKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCj/wAARCAAGAAoDASIAAhEBAxEB/8QAFgABAQEAAAAAAAAAAAAAAAAAAAQI/8QAHRAAAgICAwEAAAAAAAAAAAAAAQIABAMREyExYf/EABQBAQAAAAAAAAAAAAAAAAAAAAH/xAAWEQEBAQAAAAAAAAAAAAAAAAAAASH/2gAMAwEAAhEDEQA/ANL069ytjKcmNgXdtsWJ789lSmwVBJxb19iIQ3H/2Q==&quot;)"><svg style="width:100%;height:auto;max-width:100%;margin-bottom:-4px" width="640" height="356"></svg><noscript><img style="width:100%;height:auto;max-width:100%;margin-bottom:-4px;position:absolute;top:0;left:0" src="/ja/assets/ideal-img/visual_schema.5d0b672.640.jpg" srcset="/ja/assets/ideal-img/visual_schema.5d0b672.640.jpg 640w,/ja/assets/ideal-img/visual_schema.b6c18f6.1030.jpg 1030w" alt="feature-sliced-scheme,themed--scheme" width="640" height="356"></noscript></div></div></div></section><section id="fsdを使用している企業" class="section_o6sW root_M0ZT"><div class="rootContainer_QdPn"><h2 class="title_v0wz">FSDを使用している企業</h2><div class="row"><span class="addMe_pbNn">あなたの会社でFSDが使用されていますか？<!-- --> <a href="https://github.com/feature-sliced/documentation/issues/131" target="_blank" rel="noopener noreferrer">教えてください</a></span></div></div></section></main></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">仕様</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/ja/docs">ドキュメント</a></li><li class="footer__item"><a class="footer__link-item" href="/ja/community">コミュニティ</a></li><li class="footer__item"><a class="footer__link-item" href="/ja/nav">ヘルプ</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">ディスカッション<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">コミュニティ</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">X<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">その他</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">ライセンス<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/ja/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/ja/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2024  Feature-Sliced Design</div></div></div></footer></div>
diff --git a/ja/nav.html b/ja/nav.html
index 4270556ed7..778dce50a3 100644
--- a/ja/nav.html
+++ b/ja/nav.html
@@ -9,8 +9,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/ja/opensearch.xml"><link rel="stylesheet" href="/ja/assets/css/styles.c2f43f9a.css">
-<script src="/ja/assets/js/runtime~main.ac5b7a06.js" defer="defer"></script>
-<script src="/ja/assets/js/main.cdd867c6.js" defer="defer"></script>
+<script src="/ja/assets/js/runtime~main.37f69f93.js" defer="defer"></script>
+<script src="/ja/assets/js/main.29fd47b7.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="メインコンテンツにスキップ"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">メインコンテンツにスキップ</a></div><nav aria-label="ナビゲーション" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="ナビゲーションバーを開く" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/ja/"><div class="navbar__logo"><img src="/ja/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/ja/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a class="navbar__item navbar__link" href="/ja/docs">📖 ドキュメント</a><a class="navbar__item navbar__link" href="/ja/community">💫 コミュニティ</a><a class="navbar__item navbar__link" href="/ja/blog">📝 ブログ</a><a class="navbar__item navbar__link" href="/ja/examples">🛠 実装例</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/ja/docs">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a class="dropdown__link" href="/ja/docs">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/ja/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>日本語</a><ul class="dropdown__menu"><li><a href="/ru/nav" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ru">Русский</a></li><li><a href="/nav" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/uz/nav" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/nav" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="kr">한국어</a></li><li><a href="/ja/nav" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="ダークモードを切り替える(現在はライトモード)" aria-label="ダークモードを切り替える(現在はライトモード)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="検索"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">検索</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><main class="container root_EnwK"><h1>🧭 ナビゲーション</h1><section class="section_Jn7s"><h2>古いリンク</h2><p>ドキュメントの再構成後、一部の記事リンクが変更されました。以下に探しているページが見つかるかもしれません。</p><p class="subdetails_sVZK">互換性のために古いリンクからのリダイレクトがあります</p><div><div class="group_tWrt"><h3>🚀 Get Started</h3><p>⚡️ <!-- -->Simplified and merged</p><div class="groupItems_NJ5Z"><a class="root_GfON groupItemsRow_3wzs defaultTheme_j3I8" href="/ja/docs/get-started/tutorial"><div class="details_xxkR"><div><span class="title_pSH5">Tutorial</span><p class="description__Fep"></p><div class="route_vdvl"><div><b>old</b>:<!-- --> <!-- -->/docs/get-started/quick-start</div><div><b>new</b>: <!-- -->/docs/get-started/tutorial</div></div><p></p></div></div></a><a class="root_GfON groupItemsRow_3wzs defaultTheme_j3I8" href="/ja/docs/get-started/overview"><div class="details_xxkR"><div><span class="title_pSH5">Basics</span><p class="description__Fep"></p><div class="route_vdvl"><div><b>old</b>:<!-- --> <!-- -->/docs/get-started/basics</div><div><b>new</b>: <!-- -->/docs/get-started/overview</div></div><p></p></div></div></a><a class="root_GfON groupItemsRow_3wzs defaultTheme_j3I8" href="/ja/docs/get-started/cheatsheet"><div class="details_xxkR"><div><span class="title_pSH5">Decompose Cheatsheet</span><p class="description__Fep"></p><div class="route_vdvl"><div><b>old</b>:<!-- --> <!-- -->/docs/get-started/tutorial/decompose;
diff --git a/ja/search.html b/ja/search.html
index 9887a456ca..11f84cd01b 100644
--- a/ja/search.html
+++ b/ja/search.html
@@ -9,8 +9,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/ja/opensearch.xml"><link rel="stylesheet" href="/ja/assets/css/styles.c2f43f9a.css">
-<script src="/ja/assets/js/runtime~main.ac5b7a06.js" defer="defer"></script>
-<script src="/ja/assets/js/main.cdd867c6.js" defer="defer"></script>
+<script src="/ja/assets/js/runtime~main.37f69f93.js" defer="defer"></script>
+<script src="/ja/assets/js/main.29fd47b7.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="メインコンテンツにスキップ"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">メインコンテンツにスキップ</a></div><nav aria-label="ナビゲーション" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="ナビゲーションバーを開く" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/ja/"><div class="navbar__logo"><img src="/ja/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/ja/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a class="navbar__item navbar__link" href="/ja/docs">📖 ドキュメント</a><a class="navbar__item navbar__link" href="/ja/community">💫 コミュニティ</a><a class="navbar__item navbar__link" href="/ja/blog">📝 ブログ</a><a class="navbar__item navbar__link" href="/ja/examples">🛠 実装例</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/ja/docs">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a class="dropdown__link" href="/ja/docs">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/ja/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>日本語</a><ul class="dropdown__menu"><li><a href="/ru/search" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ru">Русский</a></li><li><a href="/search" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/uz/search" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/search" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="kr">한국어</a></li><li><a href="/ja/search" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="ダークモードを切り替える(現在はライトモード)" aria-label="ダークモードを切り替える(現在はライトモード)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="検索"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">検索</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><div class="container margin-vert--lg"><h1>ドキュメントを検索</h1><form class="row"><div class="col searchQueryColumn_N3LV col--12"><input type="search" name="q" class="searchQueryInput_wdJ7" placeholder="検索するキーワードを入力してください" aria-label="検索" autocomplete="off" autofocus=""></div></form><div class="row"><div class="col col--8 searchResultsColumn_hbJ5"></div><div class="col col--4 text--right searchLogoColumn_CFO_"><a href="https://www.algolia.com/" target="_blank" rel="noopener noreferrer" aria-label="Algoliaで検索"><svg viewBox="0 0 168 24" class="algoliaLogo_yo0i"><g fill="none"><path class="algoliaLogoPathFill_Qkgc" d="M120.925 18.804c-4.386.02-4.386-3.54-4.386-4.106l-.007-13.336 2.675-.424v13.254c0 .322 0 2.358 1.718 2.364v2.248zm-10.846-2.18c.821 0 1.43-.047 1.855-.129v-2.719a6.334 6.334 0 0 0-1.574-.199 5.7 5.7 0 0 0-.897.069 2.699 2.699 0 0 0-.814.24c-.24.116-.439.28-.582.491-.15.212-.219.335-.219.656 0 .628.219.991.616 1.23s.938.362 1.615.362zm-.233-9.7c.883 0 1.629.109 2.231.328.602.218 1.088.525 1.444.915.363.396.609.922.76 1.483.157.56.232 1.175.232 1.85v6.874a32.5 32.5 0 0 1-1.868.314c-.834.123-1.772.185-2.813.185-.69 0-1.327-.069-1.895-.198a4.001 4.001 0 0 1-1.471-.636 3.085 3.085 0 0 1-.951-1.134c-.226-.465-.343-1.12-.343-1.803 0-.656.13-1.073.384-1.525a3.24 3.24 0 0 1 1.047-1.106c.445-.287.95-.492 1.532-.615a8.8 8.8 0 0 1 1.82-.185 8.404 8.404 0 0 1 1.972.24v-.438c0-.307-.035-.6-.11-.874a1.88 1.88 0 0 0-.384-.73 1.784 1.784 0 0 0-.724-.493 3.164 3.164 0 0 0-1.143-.205c-.616 0-1.177.075-1.69.164a7.735 7.735 0 0 0-1.26.307l-.321-2.192c.335-.117.834-.233 1.478-.349a10.98 10.98 0 0 1 2.073-.178zm52.842 9.626c.822 0 1.43-.048 1.854-.13V13.7a6.347 6.347 0 0 0-1.574-.199c-.294 0-.595.021-.896.069a2.7 2.7 0 0 0-.814.24 1.46 1.46 0 0 0-.582.491c-.15.212-.218.335-.218.656 0 .628.218.991.615 1.23.404.245.938.362 1.615.362zm-.226-9.694c.883 0 1.629.108 2.231.327.602.219 1.088.526 1.444.915.355.39.609.923.759 1.483a6.8 6.8 0 0 1 .233 1.852v6.873c-.41.088-1.034.19-1.868.314-.834.123-1.772.184-2.813.184-.69 0-1.327-.068-1.895-.198a4.001 4.001 0 0 1-1.471-.635 3.085 3.085 0 0 1-.951-1.134c-.226-.465-.343-1.12-.343-1.804 0-.656.13-1.073.384-1.524.26-.45.608-.82 1.047-1.107.445-.286.95-.491 1.532-.614a8.803 8.803 0 0 1 2.751-.13c.329.034.671.096 1.04.185v-.437a3.3 3.3 0 0 0-.109-.875 1.873 1.873 0 0 0-.384-.731 1.784 1.784 0 0 0-.724-.492 3.165 3.165 0 0 0-1.143-.205c-.616 0-1.177.075-1.69.164a7.75 7.75 0 0 0-1.26.307l-.321-2.193c.335-.116.834-.232 1.478-.348a11.633 11.633 0 0 1 2.073-.177zm-8.034-1.271a1.626 1.626 0 0 1-1.628-1.62c0-.895.725-1.62 1.628-1.62.904 0 1.63.725 1.63 1.62 0 .895-.733 1.62-1.63 1.62zm1.348 13.22h-2.689V7.27l2.69-.423v11.956zm-4.714 0c-4.386.02-4.386-3.54-4.386-4.107l-.008-13.336 2.676-.424v13.254c0 .322 0 2.358 1.718 2.364v2.248zm-8.698-5.903c0-1.156-.253-2.119-.746-2.788-.493-.677-1.183-1.01-2.067-1.01-.882 0-1.574.333-2.065 1.01-.493.676-.733 1.632-.733 2.788 0 1.168.246 1.953.74 2.63.492.683 1.183 1.018 2.066 1.018.882 0 1.574-.342 2.067-1.019.492-.683.738-1.46.738-2.63zm2.737-.007c0 .902-.13 1.584-.397 2.33a5.52 5.52 0 0 1-1.128 1.906 4.986 4.986 0 0 1-1.752 1.223c-.685.286-1.739.45-2.265.45-.528-.006-1.574-.157-2.252-.45a5.096 5.096 0 0 1-1.744-1.223c-.487-.527-.863-1.162-1.137-1.906a6.345 6.345 0 0 1-.41-2.33c0-.902.123-1.77.397-2.508a5.554 5.554 0 0 1 1.15-1.892 5.133 5.133 0 0 1 1.75-1.216c.679-.287 1.425-.423 2.232-.423.808 0 1.553.142 2.237.423a4.88 4.88 0 0 1 1.753 1.216 5.644 5.644 0 0 1 1.135 1.892c.287.738.431 1.606.431 2.508zm-20.138 0c0 1.12.246 2.363.738 2.882.493.52 1.13.78 1.91.78.424 0 .828-.062 1.204-.178.377-.116.677-.253.917-.417V9.33a10.476 10.476 0 0 0-1.766-.226c-.971-.028-1.71.37-2.23 1.004-.513.636-.773 1.75-.773 2.788zm7.438 5.274c0 1.824-.466 3.156-1.404 4.004-.936.846-2.367 1.27-4.296 1.27-.705 0-2.17-.137-3.34-.396l.431-2.118c.98.205 2.272.26 2.95.26 1.074 0 1.84-.219 2.299-.656.459-.437.684-1.086.684-1.948v-.437a8.07 8.07 0 0 1-1.047.397c-.43.13-.93.198-1.492.198-.739 0-1.41-.116-2.018-.349a4.206 4.206 0 0 1-1.567-1.025c-.431-.45-.774-1.017-1.013-1.694-.24-.677-.363-1.885-.363-2.773 0-.834.13-1.88.384-2.577.26-.696.629-1.298 1.129-1.796.493-.498 1.095-.881 1.8-1.162a6.605 6.605 0 0 1 2.428-.457c.87 0 1.67.109 2.45.24.78.129 1.444.265 1.985.415V18.17zM6.972 6.677v1.627c-.712-.446-1.52-.67-2.425-.67-.585 0-1.045.13-1.38.391a1.24 1.24 0 0 0-.502 1.03c0 .425.164.765.494 1.02.33.256.835.532 1.516.83.447.192.795.356 1.045.495.25.138.537.332.862.582.324.25.563.548.718.894.154.345.23.741.23 1.188 0 .947-.334 1.691-1.004 2.234-.67.542-1.537.814-2.601.814-1.18 0-2.16-.229-2.936-.686v-1.708c.84.628 1.814.942 2.92.942.585 0 1.048-.136 1.388-.407.34-.271.51-.646.51-1.125 0-.287-.1-.55-.302-.79-.203-.24-.42-.42-.655-.542-.234-.123-.585-.29-1.053-.503a61.27 61.27 0 0 1-.582-.271 13.67 13.67 0 0 1-.55-.287 4.275 4.275 0 0 1-.567-.351 6.92 6.92 0 0 1-.455-.4c-.18-.17-.31-.34-.39-.51-.08-.17-.155-.37-.224-.598a2.553 2.553 0 0 1-.104-.742c0-.915.333-1.638.998-2.17.664-.532 1.523-.798 2.576-.798.968 0 1.793.17 2.473.51zm7.468 5.696v-.287c-.022-.607-.187-1.088-.495-1.444-.309-.357-.75-.535-1.324-.535-.532 0-.99.194-1.373.583-.382.388-.622.949-.717 1.683h3.909zm1.005 2.792v1.404c-.596.34-1.383.51-2.362.51-1.255 0-2.255-.377-3-1.132-.744-.755-1.116-1.744-1.116-2.968 0-1.297.34-2.316 1.021-3.055.68-.74 1.548-1.11 2.6-1.11 1.033 0 1.852.323 2.458.966.606.644.91 1.572.91 2.784 0 .33-.033.676-.096 1.038h-5.314c.107.702.405 1.239.894 1.611.49.372 1.106.558 1.85.558.862 0 1.58-.202 2.155-.606zm6.605-1.77h-1.212c-.596 0-1.045.116-1.349.35-.303.234-.454.532-.454.894 0 .372.117.664.35.877.235.213.575.32 1.022.32.51 0 .912-.142 1.204-.424.293-.281.44-.651.44-1.108v-.91zm-4.068-2.554V9.325c.627-.361 1.457-.542 2.489-.542 2.116 0 3.175 1.026 3.175 3.08V17h-1.548v-.957c-.415.68-1.143 1.02-2.186 1.02-.766 0-1.38-.22-1.843-.661-.462-.442-.694-1.003-.694-1.684 0-.776.293-1.38.878-1.81.585-.431 1.404-.647 2.457-.647h1.34V11.8c0-.554-.133-.971-.399-1.253-.266-.282-.707-.423-1.324-.423a4.07 4.07 0 0 0-2.345.718zm9.333-1.93v1.42c.394-1 1.101-1.5 2.123-1.5.148 0 .313.016.494.048v1.531a1.885 1.885 0 0 0-.75-.143c-.542 0-.989.24-1.34.718-.351.479-.527 1.048-.527 1.707V17h-1.563V8.91h1.563zm5.01 4.084c.022.82.272 1.492.75 2.019.479.526 1.15.79 2.01.79.639 0 1.235-.176 1.788-.527v1.404c-.521.319-1.186.479-1.995.479-1.265 0-2.276-.4-3.031-1.197-.755-.798-1.133-1.792-1.133-2.984 0-1.16.38-2.151 1.14-2.975.761-.825 1.79-1.237 3.088-1.237.702 0 1.346.149 1.93.447v1.436a3.242 3.242 0 0 0-1.77-.495c-.84 0-1.513.266-2.019.798-.505.532-.758 1.213-.758 2.042zM40.24 5.72v4.579c.458-1 1.293-1.5 2.505-1.5.787 0 1.42.245 1.899.734.479.49.718 1.17.718 2.042V17h-1.564v-5.106c0-.553-.14-.98-.422-1.284-.282-.303-.652-.455-1.11-.455-.531 0-1.002.202-1.411.606-.41.405-.615 1.022-.615 1.851V17h-1.563V5.72h1.563zm14.966 10.02c.596 0 1.096-.253 1.5-.758.404-.506.606-1.157.606-1.955 0-.915-.202-1.62-.606-2.114-.404-.495-.92-.742-1.548-.742-.553 0-1.05.224-1.491.67-.442.447-.662 1.133-.662 2.058 0 .958.212 1.67.638 2.138.425.469.946.703 1.563.703zM53.004 5.72v4.42c.574-.894 1.388-1.341 2.44-1.341 1.022 0 1.857.383 2.506 1.149.649.766.973 1.781.973 3.047 0 1.138-.309 2.109-.925 2.912-.617.803-1.463 1.205-2.537 1.205-1.075 0-1.894-.447-2.457-1.34V17h-1.58V5.72h1.58zm9.908 11.104l-3.223-7.913h1.739l1.005 2.632 1.26 3.415c.096-.32.48-1.458 1.15-3.415l.909-2.632h1.66l-2.92 7.866c-.777 2.074-1.963 3.11-3.559 3.11a2.92 2.92 0 0 1-.734-.079v-1.34c.17.042.351.064.543.064 1.032 0 1.755-.57 2.17-1.708z"></path><path fill="#5468FF" d="M78.988.938h16.594a2.968 2.968 0 0 1 2.966 2.966V20.5a2.967 2.967 0 0 1-2.966 2.964H78.988a2.967 2.967 0 0 1-2.966-2.964V3.897A2.961 2.961 0 0 1 78.988.938z"></path><path fill="white" d="M89.632 5.967v-.772a.978.978 0 0 0-.978-.977h-2.28a.978.978 0 0 0-.978.977v.793c0 .088.082.15.171.13a7.127 7.127 0 0 1 1.984-.28c.65 0 1.295.088 1.917.259.082.02.164-.04.164-.13m-6.248 1.01l-.39-.389a.977.977 0 0 0-1.382 0l-.465.465a.973.973 0 0 0 0 1.38l.383.383c.062.061.15.047.205-.014.226-.307.472-.601.746-.874.281-.28.568-.526.883-.751.068-.042.075-.137.02-.2m4.16 2.453v3.341c0 .096.104.165.192.117l2.97-1.537c.068-.034.089-.117.055-.184a3.695 3.695 0 0 0-3.08-1.866c-.068 0-.136.054-.136.13m0 8.048a4.489 4.489 0 0 1-4.49-4.482 4.488 4.488 0 0 1 4.49-4.482 4.488 4.488 0 0 1 4.489 4.482 4.484 4.484 0 0 1-4.49 4.482m0-10.85a6.363 6.363 0 1 0 0 12.729 6.37 6.37 0 0 0 6.372-6.368 6.358 6.358 0 0 0-6.371-6.36"></path></g></svg></a></div></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">仕様</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/ja/docs">ドキュメント</a></li><li class="footer__item"><a class="footer__link-item" href="/ja/community">コミュニティ</a></li><li class="footer__item"><a class="footer__link-item" href="/ja/nav">ヘルプ</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">ディスカッション<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">コミュニティ</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">X<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">その他</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">ライセンス<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/ja/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/ja/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2024  Feature-Sliced Design</div></div></div></footer></div>
diff --git a/ja/versions.html b/ja/versions.html
index 30af3ede43..c0f03f4d9d 100644
--- a/ja/versions.html
+++ b/ja/versions.html
@@ -9,8 +9,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/ja/opensearch.xml"><link rel="stylesheet" href="/ja/assets/css/styles.c2f43f9a.css">
-<script src="/ja/assets/js/runtime~main.ac5b7a06.js" defer="defer"></script>
-<script src="/ja/assets/js/main.cdd867c6.js" defer="defer"></script>
+<script src="/ja/assets/js/runtime~main.37f69f93.js" defer="defer"></script>
+<script src="/ja/assets/js/main.29fd47b7.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="メインコンテンツにスキップ"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">メインコンテンツにスキップ</a></div><nav aria-label="ナビゲーション" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="ナビゲーションバーを開く" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/ja/"><div class="navbar__logo"><img src="/ja/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/ja/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a class="navbar__item navbar__link" href="/ja/docs">📖 ドキュメント</a><a class="navbar__item navbar__link" href="/ja/community">💫 コミュニティ</a><a class="navbar__item navbar__link" href="/ja/blog">📝 ブログ</a><a class="navbar__item navbar__link" href="/ja/examples">🛠 実装例</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/ja/docs">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a class="dropdown__link" href="/ja/docs">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a aria-current="page" class="dropdown__link dropdown__link--active" href="/ja/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>日本語</a><ul class="dropdown__menu"><li><a href="/ru/versions" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ru">Русский</a></li><li><a href="/versions" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/uz/versions" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/versions" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="kr">한국어</a></li><li><a href="/ja/versions" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="ダークモードを切り替える(現在はライトモード)" aria-label="ダークモードを切り替える(現在はライトモード)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="検索"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">検索</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><main class="container margin-vert--lg"><h1>Feature-Sliced Designのバージョン</h1><div class="margin-bottom--lg"><h3 id="next">Feature-Sliced Design v2.0.0 (Current)</h3><p>ここで現在公開されているバージョンのドキュメントを見つけることができます</p><table><tbody><tr><th>v2.0.0 🍰</th><td><a href="https://github.com/feature-sliced/documentation/releases/tag/v2.0.0">Release Notes</a></td><td><a href="/ja/docs">Documentation</a></td><td><a href="/ja/docs/guides/migration/from-v1">Migration from v1</a></td></tr></tbody></table></div><div class="margin-bottom--lg"><h3 id="legacy">Feature Slices v1 (Legacy)</h3><p>ここで古いバージョンのドキュメントを見つけることができます</p><table><tbody><tr><th>v1.0</th><td><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html">Documentation</a></td></tr><tr><th>v0.1</th><td><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html">Documentation</a></td></tr></tbody></table></div><div class="margin-bottom--lg"><h3 id="legacy">Feature Driven (Legacy)</h3><p>ここで古いバージョンのドキュメントを見つけることができます</p><table><tbody><tr><th>v0.1</th><td><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven">Documentation</a></td></tr><tr><th>Example (kof)</th><td><a href="https://github.com/kof/feature-driven-architecture">Github</a></td></tr></tbody></table></div></main></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">仕様</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/ja/docs">ドキュメント</a></li><li class="footer__item"><a class="footer__link-item" href="/ja/community">コミュニティ</a></li><li class="footer__item"><a class="footer__link-item" href="/ja/nav">ヘルプ</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">ディスカッション<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">コミュニティ</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">X<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">その他</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">ライセンス<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/ja/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/ja/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2024  Feature-Sliced Design</div></div></div></footer></div>
diff --git a/kr/404.html b/kr/404.html
index d47eabf69f..c841b354a3 100644
--- a/kr/404.html
+++ b/kr/404.html
@@ -9,8 +9,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/kr/opensearch.xml"><link rel="stylesheet" href="/kr/assets/css/styles.554655a0.css">
-<script src="/kr/assets/js/runtime~main.747d66f0.js" defer="defer"></script>
-<script src="/kr/assets/js/main.6d627ed0.js" defer="defer"></script>
+<script src="/kr/assets/js/runtime~main.c4f81ee2.js" defer="defer"></script>
+<script src="/kr/assets/js/main.ea09754c.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/kr/"><div class="navbar__logo"><img src="/kr/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/kr/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a class="navbar__item navbar__link" href="/kr/docs">📖 Docs</a><a class="navbar__item navbar__link" href="/kr/community">💫 Community</a><a class="navbar__item navbar__link" href="/kr/blog">📝 Blog</a><a class="navbar__item navbar__link" href="/kr/examples">🛠 Examples</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/kr/docs">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a class="dropdown__link" href="/kr/docs">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/kr/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>한국어</a><ul class="dropdown__menu"><li><a href="/ru/404" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ru">Русский</a></li><li><a href="/404" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/uz/404" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/404" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="kr">한국어</a></li><li><a href="/ja/404" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><main class="container margin-vert--xl"><div class="row"><div class="col col--6 col--offset-3"><h1 class="hero__title">Page Not Found</h1><p>We could not find what you were looking for.</p><p>Please contact the owner of the site that linked you to the original URL and let them know their link is broken.</p></div></div></main></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Specs</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/kr/docs">Documentation</a></li><li class="footer__item"><a class="footer__link-item" href="/kr/community">Community</a></li><li class="footer__item"><a class="footer__link-item" href="/kr/nav">Help</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">License<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/kr/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/kr/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2024  Feature-Sliced Design</div></div></div></footer></div>
diff --git a/kr/assets/js/0499e362.68be805a.js b/kr/assets/js/0499e362.163bbdd5.js
similarity index 98%
rename from kr/assets/js/0499e362.68be805a.js
rename to kr/assets/js/0499e362.163bbdd5.js
index 78b4381af8..0bd9852c5d 100644
--- a/kr/assets/js/0499e362.68be805a.js
+++ b/kr/assets/js/0499e362.163bbdd5.js
@@ -1 +1 @@
-"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[4005],{1539:(e,t,s)=>{s.r(t),s.d(t,{assets:()=>c,contentTitle:()=>r,default:()=>h,frontMatter:()=>o,metadata:()=>a,toc:()=>d});var i=s(6070),n=s(1100);const o={unlisted:!0},r="Decomposition cheatsheet",a={id:"get-started/cheatsheet",title:"Decomposition cheatsheet",description:"Use this as a quick reference when you're deciding how to decompose your UI. PDF versions are also available below, so you can print it out and keep one under your pillow.",source:"@site/i18n/en/docusaurus-plugin-content-docs/current/get-started/cheatsheet.mdx",sourceDirName:"get-started",slug:"/get-started/cheatsheet",permalink:"/kr/docs/get-started/cheatsheet",draft:!1,unlisted:!0,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/get-started/cheatsheet.mdx",tags:[],version:"current",lastUpdatedAt:1727607766e3,frontMatter:{unlisted:!0},sidebar:"getstartedSidebar"},c={},d=[{value:"Choosing a layer",id:"choosing-a-layer",level:2},{value:"Examples",id:"examples",level:2},{value:"Tweet",id:"tweet",level:3},{value:"GitHub",id:"github",level:3},{value:"See also",id:"see-also",level:2}];function l(e){const t={a:"a",h1:"h1",h2:"h2",h3:"h3",header:"header",img:"img",li:"li",p:"p",ul:"ul",...(0,n.R)(),...e.components};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(t.header,{children:(0,i.jsx)(t.h1,{id:"decomposition-cheatsheet",children:"Decomposition cheatsheet"})}),"\n",(0,i.jsx)(t.p,{children:"Use this as a quick reference when you're deciding how to decompose your UI. PDF versions are also available below, so you can print it out and keep one under your pillow."}),"\n",(0,i.jsx)(t.h2,{id:"choosing-a-layer",children:"Choosing a layer"}),"\n",(0,i.jsx)(t.p,{children:(0,i.jsx)(t.a,{target:"_blank","data-noBrokenLinkCheck":!0,href:s(9603).A+"",children:"Download PDF"})}),"\n",(0,i.jsx)(t.p,{children:(0,i.jsx)(t.img,{alt:"Definitions of all layers and self-check questions",src:s(4603).A+"",width:"1684",height:"1190"})}),"\n",(0,i.jsx)(t.h2,{id:"examples",children:"Examples"}),"\n",(0,i.jsx)(t.h3,{id:"tweet",children:"Tweet"}),"\n",(0,i.jsx)(t.p,{children:(0,i.jsx)(t.img,{alt:"decomposed-tweet-bordered-bgLight",src:s(8898).A+"",width:"1200",height:"2364"})}),"\n",(0,i.jsx)(t.h3,{id:"github",children:"GitHub"}),"\n",(0,i.jsx)(t.p,{children:(0,i.jsx)(t.img,{alt:"decomposed-github-bordered",src:s(8142).A+"",width:"2291",height:"1080"})}),"\n",(0,i.jsx)(t.h2,{id:"see-also",children:"See also"}),"\n",(0,i.jsxs)(t.ul,{children:["\n",(0,i.jsx)(t.li,{children:(0,i.jsx)(t.a,{href:"https://t.me/feature_sliced/4262",children:"(Thread) General logic for features and entities"})}),"\n",(0,i.jsx)(t.li,{children:(0,i.jsx)(t.a,{href:"https://t.me/feature_sliced/4210",children:"(Thread) Decomposition of swollen logic"})}),"\n",(0,i.jsx)(t.li,{children:(0,i.jsx)(t.a,{href:"https://t.me/feature_sliced/4088",children:"(Thread) About understanding the areas of responsibility during decomposition"})}),"\n",(0,i.jsx)(t.li,{children:(0,i.jsx)(t.a,{href:"https://t.me/feature_sliced/3828",children:"(Thread) Decomposition of the Product List widget"})}),"\n",(0,i.jsx)(t.li,{children:(0,i.jsx)(t.a,{href:"https://www.pluralsight.com/guides/how-to-organize-your-react-+-redux-codebase",children:"(Article) Different approaches to the decomposition of logic"})}),"\n",(0,i.jsx)(t.li,{children:(0,i.jsx)(t.a,{href:"https://t.me/feature_sliced/3776",children:"(Thread) About the difference between features and entities"})}),"\n",(0,i.jsx)(t.li,{children:(0,i.jsx)(t.a,{href:"https://t.me/feature_sliced/3248",children:"(Thread) About the difference between things and entities (2)"})}),"\n",(0,i.jsx)(t.li,{children:(0,i.jsx)(t.a,{href:"https://t.me/feature_sliced/3833",children:"(Thread) About the application of criteria for decomposition"})}),"\n"]})]})}function h(e={}){const{wrapper:t}={...(0,n.R)(),...e.components};return t?(0,i.jsx)(t,{...e,children:(0,i.jsx)(l,{...e})}):l(e)}},9603:(e,t,s)=>{s.d(t,{A:()=>i});const i=s.p+"assets/files/choosing-a-layer-en-12fdf3265c8fc4f6b58687352b81fce7.pdf"},4603:(e,t,s)=>{s.d(t,{A:()=>i});const i=s.p+"assets/images/choosing-a-layer-en-5b67f20bb921ba17d78a56c0dc7654a9.jpg"},8142:(e,t,s)=>{s.d(t,{A:()=>i});const i=s.p+"assets/images/decompose-github-a0eeb839a4b5ef5c480a73726a4451b0.jpg"},8898:(e,t,s)=>{s.d(t,{A:()=>i});const i=s.p+"assets/images/decompose-twitter-7b9a50f879d763c49305b3bf0751ee35.png"},1100:(e,t,s)=>{s.d(t,{R:()=>r,x:()=>a});var i=s(758);const n={},o=i.createContext(n);function r(e){const t=i.useContext(o);return i.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function a(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(n):e.components||n:r(e.components),i.createElement(o.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
+"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[4005],{1539:(e,t,s)=>{s.r(t),s.d(t,{assets:()=>c,contentTitle:()=>r,default:()=>h,frontMatter:()=>o,metadata:()=>a,toc:()=>d});var i=s(6070),n=s(1100);const o={unlisted:!0},r="Decomposition cheatsheet",a={id:"get-started/cheatsheet",title:"Decomposition cheatsheet",description:"Use this as a quick reference when you're deciding how to decompose your UI. PDF versions are also available below, so you can print it out and keep one under your pillow.",source:"@site/i18n/en/docusaurus-plugin-content-docs/current/get-started/cheatsheet.mdx",sourceDirName:"get-started",slug:"/get-started/cheatsheet",permalink:"/kr/docs/get-started/cheatsheet",draft:!1,unlisted:!0,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/get-started/cheatsheet.mdx",tags:[],version:"current",lastUpdatedAt:1728325386e3,frontMatter:{unlisted:!0},sidebar:"getstartedSidebar"},c={},d=[{value:"Choosing a layer",id:"choosing-a-layer",level:2},{value:"Examples",id:"examples",level:2},{value:"Tweet",id:"tweet",level:3},{value:"GitHub",id:"github",level:3},{value:"See also",id:"see-also",level:2}];function l(e){const t={a:"a",h1:"h1",h2:"h2",h3:"h3",header:"header",img:"img",li:"li",p:"p",ul:"ul",...(0,n.R)(),...e.components};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(t.header,{children:(0,i.jsx)(t.h1,{id:"decomposition-cheatsheet",children:"Decomposition cheatsheet"})}),"\n",(0,i.jsx)(t.p,{children:"Use this as a quick reference when you're deciding how to decompose your UI. PDF versions are also available below, so you can print it out and keep one under your pillow."}),"\n",(0,i.jsx)(t.h2,{id:"choosing-a-layer",children:"Choosing a layer"}),"\n",(0,i.jsx)(t.p,{children:(0,i.jsx)(t.a,{target:"_blank","data-noBrokenLinkCheck":!0,href:s(9603).A+"",children:"Download PDF"})}),"\n",(0,i.jsx)(t.p,{children:(0,i.jsx)(t.img,{alt:"Definitions of all layers and self-check questions",src:s(4603).A+"",width:"1684",height:"1190"})}),"\n",(0,i.jsx)(t.h2,{id:"examples",children:"Examples"}),"\n",(0,i.jsx)(t.h3,{id:"tweet",children:"Tweet"}),"\n",(0,i.jsx)(t.p,{children:(0,i.jsx)(t.img,{alt:"decomposed-tweet-bordered-bgLight",src:s(8898).A+"",width:"1200",height:"2364"})}),"\n",(0,i.jsx)(t.h3,{id:"github",children:"GitHub"}),"\n",(0,i.jsx)(t.p,{children:(0,i.jsx)(t.img,{alt:"decomposed-github-bordered",src:s(8142).A+"",width:"2291",height:"1080"})}),"\n",(0,i.jsx)(t.h2,{id:"see-also",children:"See also"}),"\n",(0,i.jsxs)(t.ul,{children:["\n",(0,i.jsx)(t.li,{children:(0,i.jsx)(t.a,{href:"https://t.me/feature_sliced/4262",children:"(Thread) General logic for features and entities"})}),"\n",(0,i.jsx)(t.li,{children:(0,i.jsx)(t.a,{href:"https://t.me/feature_sliced/4210",children:"(Thread) Decomposition of swollen logic"})}),"\n",(0,i.jsx)(t.li,{children:(0,i.jsx)(t.a,{href:"https://t.me/feature_sliced/4088",children:"(Thread) About understanding the areas of responsibility during decomposition"})}),"\n",(0,i.jsx)(t.li,{children:(0,i.jsx)(t.a,{href:"https://t.me/feature_sliced/3828",children:"(Thread) Decomposition of the Product List widget"})}),"\n",(0,i.jsx)(t.li,{children:(0,i.jsx)(t.a,{href:"https://www.pluralsight.com/guides/how-to-organize-your-react-+-redux-codebase",children:"(Article) Different approaches to the decomposition of logic"})}),"\n",(0,i.jsx)(t.li,{children:(0,i.jsx)(t.a,{href:"https://t.me/feature_sliced/3776",children:"(Thread) About the difference between features and entities"})}),"\n",(0,i.jsx)(t.li,{children:(0,i.jsx)(t.a,{href:"https://t.me/feature_sliced/3248",children:"(Thread) About the difference between things and entities (2)"})}),"\n",(0,i.jsx)(t.li,{children:(0,i.jsx)(t.a,{href:"https://t.me/feature_sliced/3833",children:"(Thread) About the application of criteria for decomposition"})}),"\n"]})]})}function h(e={}){const{wrapper:t}={...(0,n.R)(),...e.components};return t?(0,i.jsx)(t,{...e,children:(0,i.jsx)(l,{...e})}):l(e)}},9603:(e,t,s)=>{s.d(t,{A:()=>i});const i=s.p+"assets/files/choosing-a-layer-en-12fdf3265c8fc4f6b58687352b81fce7.pdf"},4603:(e,t,s)=>{s.d(t,{A:()=>i});const i=s.p+"assets/images/choosing-a-layer-en-5b67f20bb921ba17d78a56c0dc7654a9.jpg"},8142:(e,t,s)=>{s.d(t,{A:()=>i});const i=s.p+"assets/images/decompose-github-a0eeb839a4b5ef5c480a73726a4451b0.jpg"},8898:(e,t,s)=>{s.d(t,{A:()=>i});const i=s.p+"assets/images/decompose-twitter-7b9a50f879d763c49305b3bf0751ee35.png"},1100:(e,t,s)=>{s.d(t,{R:()=>r,x:()=>a});var i=s(758);const n={},o=i.createContext(n);function r(e){const t=i.useContext(o);return i.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function a(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(n):e.components||n:r(e.components),i.createElement(o.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
diff --git a/kr/assets/js/0a4ee302.c524f746.js b/kr/assets/js/0a4ee302.a425794b.js
similarity index 99%
rename from kr/assets/js/0a4ee302.c524f746.js
rename to kr/assets/js/0a4ee302.a425794b.js
index e3055a5676..28f3186838 100644
--- a/kr/assets/js/0a4ee302.c524f746.js
+++ b/kr/assets/js/0a4ee302.a425794b.js
@@ -1 +1 @@
-"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[5977],{1540:(e,n,t)=>{t.r(n),t.d(n,{assets:()=>a,contentTitle:()=>r,default:()=>u,frontMatter:()=>o,metadata:()=>c,toc:()=>d});var s=t(6070),i=t(1100);const o={sidebar_position:10},r="Usage with NuxtJS",c={id:"guides/tech/with-nuxtjs",title:"Usage with NuxtJS",description:"It is possible to implement FSD in a NuxtJS project, but conflicts arise due to the differences between NuxtJS project structure requirements and FSD principles:",source:"@site/i18n/en/docusaurus-plugin-content-docs/current/guides/tech/with-nuxtjs.mdx",sourceDirName:"guides/tech",slug:"/guides/tech/with-nuxtjs",permalink:"/kr/docs/guides/tech/with-nuxtjs",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/guides/tech/with-nuxtjs.mdx",tags:[],version:"current",lastUpdatedAt:1727607766e3,sidebarPosition:10,frontMatter:{sidebar_position:10},sidebar:"guidesSidebar",previous:{title:"Usage with NextJS",permalink:"/kr/docs/guides/tech/with-nextjs"},next:{title:"Usage with React Query",permalink:"/kr/docs/guides/tech/with-react-query"}},a={},d=[{value:"Adding an alias for the <code>src</code> directory",id:"adding-an-alias-for-the-src-directory",level:2},{value:"Choose how to configure the router",id:"choose-how-to-configure-the-router",level:2},{value:"Routing using config",id:"routing-using-config",level:3},{value:"File Routing",id:"file-routing",level:3},{value:"What to do with <code>layouts</code>?",id:"what-to-do-with-layouts",level:2},{value:"See also",id:"see-also",level:2}];function l(e){const n={a:"a",code:"code",h1:"h1",h2:"h2",h3:"h3",header:"header",li:"li",p:"p",pre:"pre",ul:"ul",...(0,i.R)(),...e.components};return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(n.header,{children:(0,s.jsx)(n.h1,{id:"usage-with-nuxtjs",children:"Usage with NuxtJS"})}),"\n",(0,s.jsx)(n.p,{children:"It is possible to implement FSD in a NuxtJS project, but conflicts arise due to the differences between NuxtJS project structure requirements and FSD principles:"}),"\n",(0,s.jsxs)(n.ul,{children:["\n",(0,s.jsxs)(n.li,{children:["Initially, NuxtJS offers a project file structure without a ",(0,s.jsx)(n.code,{children:"src"})," folder, i.e. in the root of the project."]}),"\n",(0,s.jsxs)(n.li,{children:["The file routing is in the ",(0,s.jsx)(n.code,{children:"pages"})," folder, while in FSD this folder is reserved for the flat slice structure."]}),"\n"]}),"\n",(0,s.jsxs)(n.h2,{id:"adding-an-alias-for-the-src-directory",children:["Adding an alias for the ",(0,s.jsx)(n.code,{children:"src"})," directory"]}),"\n",(0,s.jsxs)(n.p,{children:["Add an ",(0,s.jsx)(n.code,{children:"alias"})," object to your config:"]}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-ts",metastring:'title="nuxt.config.ts"',children:"export default defineNuxtConfig({\n  devtools: { enabled: true }, // Not FSD related, enabled at project startup\n  alias: {\n    \"@\": '../src'\n  },\n})\n"})}),"\n",(0,s.jsx)(n.h2,{id:"choose-how-to-configure-the-router",children:"Choose how to configure the router"}),"\n",(0,s.jsxs)(n.p,{children:["In NuxtJS, there are two ways to customize the routing - using a config and using a file structure.\nIn the case of file-based routing, you will create index.vue files in folders inside the app/routes directory, and in the case of configure, you will configure the routers in the ",(0,s.jsx)(n.code,{children:"router.options.ts"})," file."]}),"\n",(0,s.jsx)(n.h3,{id:"routing-using-config",children:"Routing using config"}),"\n",(0,s.jsxs)(n.p,{children:["In the ",(0,s.jsx)(n.code,{children:"app"})," layer, create a ",(0,s.jsx)(n.code,{children:"router.options.ts"})," file, and export a config object from it:"]}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-ts",metastring:'title="app/router.options.ts"',children:"import type { RouterConfig } from '@nuxt/schema';\n\nexport default <RouterConfig> {\n  routes: (_routes) => [],\n};\n\n"})}),"\n",(0,s.jsxs)(n.p,{children:["To add a ",(0,s.jsx)(n.code,{children:"Home"})," page to your project, you need to do the following steps:"]}),"\n",(0,s.jsxs)(n.ul,{children:["\n",(0,s.jsxs)(n.li,{children:["Add a page slice inside the ",(0,s.jsx)(n.code,{children:"pages"})," layer"]}),"\n",(0,s.jsxs)(n.li,{children:["Add the appropriate route to the ",(0,s.jsx)(n.code,{children:"app/router.config.ts"})," config"]}),"\n"]}),"\n",(0,s.jsxs)(n.p,{children:["To create a page slice, let's use the ",(0,s.jsx)(n.a,{href:"https://github.com/feature-sliced/cli",children:"CLI"}),":"]}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-shell",children:"fsd pages home\n"})}),"\n",(0,s.jsxs)(n.p,{children:["Create a ",(0,s.jsx)(n.code,{children:"home-page.vue"})," file inside the ui segment, access it using the Public API"]}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-ts",metastring:'title="src/pages/home/index.ts"',children:"export { default as HomePage } from './ui/home-page';\n"})}),"\n",(0,s.jsx)(n.p,{children:"Thus, the file structure will look like this:"}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-sh",children:"|\u2500\u2500 src\n\u2502   \u251c\u2500\u2500 app\n\u2502   \u2502   \u251c\u2500\u2500 router.config.ts\n\u2502   \u251c\u2500\u2500 pages\n\u2502   \u2502   \u251c\u2500\u2500 home\n\u2502   \u2502   \u2502   \u251c\u2500\u2500 ui\n\u2502   \u2502   \u2502   \u2502   \u251c\u2500\u2500 home-page.vue\n\u2502   \u2502   \u2502   \u251c\u2500\u2500 index.ts\n"})}),"\n",(0,s.jsx)(n.p,{children:"Finally, let's add a root to the config:"}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-ts",metastring:'title="app/router.config.ts"',children:"import type { RouterConfig } from '@nuxt/schema'\n\nexport default <RouterConfig> {\n  routes: (_routes) => [\n    {\n      name: 'home',\n      path: '/',\n      component: () => import('@/pages/home.vue').then(r => r.default || r)\n    }\n  ],\n}\n"})}),"\n",(0,s.jsx)(n.h3,{id:"file-routing",children:"File Routing"}),"\n",(0,s.jsxs)(n.p,{children:["First of all, create a ",(0,s.jsx)(n.code,{children:"src"})," directory in the root of your project, and create app and pages layers inside this directory and a routes folder inside the app layer.\nThus, your file structure should look like this:"]}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-sh",children:"\u251c\u2500\u2500 src\n\u2502   \u251c\u2500\u2500 app\n\u2502   \u2502   \u251c\u2500\u2500 routes\n\u2502   \u251c\u2500\u2500 pages                         # Pages folder, related to FSD\n"})}),"\n",(0,s.jsxs)(n.p,{children:["In order for NuxtJS to use the routes folder inside the ",(0,s.jsx)(n.code,{children:"app"})," layer for file routing, you need to modify ",(0,s.jsx)(n.code,{children:"nuxt.config.ts"})," as follows:"]}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-ts",metastring:'title="nuxt.config.ts"',children:"export default defineNuxtConfig({\n  devtools: { enabled: true }, // Not FSD related, enabled at project startup\n  alias: {\n    \"@\": '../src'\n  },\n  dir: {\n    pages: './src/app/routes'\n  }\n})\n"})}),"\n",(0,s.jsxs)(n.p,{children:["Now, you can create routes for pages within ",(0,s.jsx)(n.code,{children:"app"})," and connect pages from ",(0,s.jsx)(n.code,{children:"pages"})," to them."]}),"\n",(0,s.jsxs)(n.p,{children:["For example, to add a ",(0,s.jsx)(n.code,{children:"Home"})," page to your project, you need to do the following steps:"]}),"\n",(0,s.jsxs)(n.ul,{children:["\n",(0,s.jsxs)(n.li,{children:["Add a page slice inside the ",(0,s.jsx)(n.code,{children:"pages"})," layer"]}),"\n",(0,s.jsxs)(n.li,{children:["Add the corresponding root inside the ",(0,s.jsx)(n.code,{children:"app"})," layer"]}),"\n",(0,s.jsx)(n.li,{children:"Align the page from the slice with the root"}),"\n"]}),"\n",(0,s.jsxs)(n.p,{children:["To create a page slice, let's use the ",(0,s.jsx)(n.a,{href:"https://github.com/feature-sliced/cli",children:"CLI"}),":"]}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-shell",children:"fsd pages home\n"})}),"\n",(0,s.jsxs)(n.p,{children:["Create a ",(0,s.jsx)(n.code,{children:"home-page.vue"})," file inside the ui segment, access it using the Public API"]}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-ts",metastring:'title="src/pages/home/index.ts"',children:"export { default as HomePage } from './ui/home-page';\n"})}),"\n",(0,s.jsxs)(n.p,{children:["Create a root for this page inside the ",(0,s.jsx)(n.code,{children:"app"})," layer:"]}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-sh",children:"\n\u251c\u2500\u2500 src\n\u2502   \u251c\u2500\u2500 app\n\u2502   \u2502   \u251c\u2500\u2500 routes\n\u2502   \u2502   \u2502   \u251c\u2500\u2500 index.vue\n\u2502   \u251c\u2500\u2500 pages\n\u2502   \u2502   \u251c\u2500\u2500 home\n\u2502   \u2502   \u2502   \u251c\u2500\u2500 ui\n\u2502   \u2502   \u2502   \u2502   \u251c\u2500\u2500 home-page.vue\n\u2502   \u2502   \u2502   \u251c\u2500\u2500 index.ts\n"})}),"\n",(0,s.jsxs)(n.p,{children:["Add your page component inside the ",(0,s.jsx)(n.code,{children:"index.vue"})," file:"]}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-html",metastring:'title="src/app/routes/index.vue"',children:"<script setup>\n  import { HomePage } from '@/pages/home';\n<\/script>\n\n<template>\n  <HomePage/>\n</template>\n"})}),"\n",(0,s.jsxs)(n.h2,{id:"what-to-do-with-layouts",children:["What to do with ",(0,s.jsx)(n.code,{children:"layouts"}),"?"]}),"\n",(0,s.jsxs)(n.p,{children:["You can place layouts inside the ",(0,s.jsx)(n.code,{children:"app"})," layer, to do this you need to modify the config as follows:"]}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-ts",metastring:'title="nuxt.config.ts"',children:"export default defineNuxtConfig({\n  devtools: { enabled: true }, // Not related to FSD, enabled at project startup\n  alias: {\n    \"@\": '../src'\n  },\n  dir: {\n    pages: './src/app/routes',\n    layouts: './src/app/layouts'\n  }\n})\n"})}),"\n",(0,s.jsx)(n.h2,{id:"see-also",children:"See also"}),"\n",(0,s.jsxs)(n.ul,{children:["\n",(0,s.jsx)(n.li,{children:(0,s.jsx)(n.a,{href:"https://nuxt.com/docs/api/nuxt-config#dir",children:"Documentation on changing directory config in NuxtJS"})}),"\n",(0,s.jsx)(n.li,{children:(0,s.jsx)(n.a,{href:"https://nuxt.com/docs/guide/recipes/custom-routing#router-config",children:"Documentation on changing router config in NuxtJS"})}),"\n",(0,s.jsx)(n.li,{children:(0,s.jsx)(n.a,{href:"https://nuxt.com/docs/api/nuxt-config#alias",children:"Documentation on changing aliases in NuxtJS"})}),"\n"]})]})}function u(e={}){const{wrapper:n}={...(0,i.R)(),...e.components};return n?(0,s.jsx)(n,{...e,children:(0,s.jsx)(l,{...e})}):l(e)}},1100:(e,n,t)=>{t.d(n,{R:()=>r,x:()=>c});var s=t(758);const i={},o=s.createContext(i);function r(e){const n=s.useContext(o);return s.useMemo((function(){return"function"==typeof e?e(n):{...n,...e}}),[n,e])}function c(e){let n;return n=e.disableParentContext?"function"==typeof e.components?e.components(i):e.components||i:r(e.components),s.createElement(o.Provider,{value:n},e.children)}}}]);
\ No newline at end of file
+"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[5977],{1540:(e,n,t)=>{t.r(n),t.d(n,{assets:()=>a,contentTitle:()=>r,default:()=>u,frontMatter:()=>o,metadata:()=>c,toc:()=>d});var s=t(6070),i=t(1100);const o={sidebar_position:10},r="Usage with NuxtJS",c={id:"guides/tech/with-nuxtjs",title:"Usage with NuxtJS",description:"It is possible to implement FSD in a NuxtJS project, but conflicts arise due to the differences between NuxtJS project structure requirements and FSD principles:",source:"@site/i18n/en/docusaurus-plugin-content-docs/current/guides/tech/with-nuxtjs.mdx",sourceDirName:"guides/tech",slug:"/guides/tech/with-nuxtjs",permalink:"/kr/docs/guides/tech/with-nuxtjs",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/guides/tech/with-nuxtjs.mdx",tags:[],version:"current",lastUpdatedAt:1728325386e3,sidebarPosition:10,frontMatter:{sidebar_position:10},sidebar:"guidesSidebar",previous:{title:"Usage with NextJS",permalink:"/kr/docs/guides/tech/with-nextjs"},next:{title:"Usage with React Query",permalink:"/kr/docs/guides/tech/with-react-query"}},a={},d=[{value:"Adding an alias for the <code>src</code> directory",id:"adding-an-alias-for-the-src-directory",level:2},{value:"Choose how to configure the router",id:"choose-how-to-configure-the-router",level:2},{value:"Routing using config",id:"routing-using-config",level:3},{value:"File Routing",id:"file-routing",level:3},{value:"What to do with <code>layouts</code>?",id:"what-to-do-with-layouts",level:2},{value:"See also",id:"see-also",level:2}];function l(e){const n={a:"a",code:"code",h1:"h1",h2:"h2",h3:"h3",header:"header",li:"li",p:"p",pre:"pre",ul:"ul",...(0,i.R)(),...e.components};return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(n.header,{children:(0,s.jsx)(n.h1,{id:"usage-with-nuxtjs",children:"Usage with NuxtJS"})}),"\n",(0,s.jsx)(n.p,{children:"It is possible to implement FSD in a NuxtJS project, but conflicts arise due to the differences between NuxtJS project structure requirements and FSD principles:"}),"\n",(0,s.jsxs)(n.ul,{children:["\n",(0,s.jsxs)(n.li,{children:["Initially, NuxtJS offers a project file structure without a ",(0,s.jsx)(n.code,{children:"src"})," folder, i.e. in the root of the project."]}),"\n",(0,s.jsxs)(n.li,{children:["The file routing is in the ",(0,s.jsx)(n.code,{children:"pages"})," folder, while in FSD this folder is reserved for the flat slice structure."]}),"\n"]}),"\n",(0,s.jsxs)(n.h2,{id:"adding-an-alias-for-the-src-directory",children:["Adding an alias for the ",(0,s.jsx)(n.code,{children:"src"})," directory"]}),"\n",(0,s.jsxs)(n.p,{children:["Add an ",(0,s.jsx)(n.code,{children:"alias"})," object to your config:"]}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-ts",metastring:'title="nuxt.config.ts"',children:"export default defineNuxtConfig({\n  devtools: { enabled: true }, // Not FSD related, enabled at project startup\n  alias: {\n    \"@\": '../src'\n  },\n})\n"})}),"\n",(0,s.jsx)(n.h2,{id:"choose-how-to-configure-the-router",children:"Choose how to configure the router"}),"\n",(0,s.jsxs)(n.p,{children:["In NuxtJS, there are two ways to customize the routing - using a config and using a file structure.\nIn the case of file-based routing, you will create index.vue files in folders inside the app/routes directory, and in the case of configure, you will configure the routers in the ",(0,s.jsx)(n.code,{children:"router.options.ts"})," file."]}),"\n",(0,s.jsx)(n.h3,{id:"routing-using-config",children:"Routing using config"}),"\n",(0,s.jsxs)(n.p,{children:["In the ",(0,s.jsx)(n.code,{children:"app"})," layer, create a ",(0,s.jsx)(n.code,{children:"router.options.ts"})," file, and export a config object from it:"]}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-ts",metastring:'title="app/router.options.ts"',children:"import type { RouterConfig } from '@nuxt/schema';\n\nexport default <RouterConfig> {\n  routes: (_routes) => [],\n};\n\n"})}),"\n",(0,s.jsxs)(n.p,{children:["To add a ",(0,s.jsx)(n.code,{children:"Home"})," page to your project, you need to do the following steps:"]}),"\n",(0,s.jsxs)(n.ul,{children:["\n",(0,s.jsxs)(n.li,{children:["Add a page slice inside the ",(0,s.jsx)(n.code,{children:"pages"})," layer"]}),"\n",(0,s.jsxs)(n.li,{children:["Add the appropriate route to the ",(0,s.jsx)(n.code,{children:"app/router.config.ts"})," config"]}),"\n"]}),"\n",(0,s.jsxs)(n.p,{children:["To create a page slice, let's use the ",(0,s.jsx)(n.a,{href:"https://github.com/feature-sliced/cli",children:"CLI"}),":"]}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-shell",children:"fsd pages home\n"})}),"\n",(0,s.jsxs)(n.p,{children:["Create a ",(0,s.jsx)(n.code,{children:"home-page.vue"})," file inside the ui segment, access it using the Public API"]}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-ts",metastring:'title="src/pages/home/index.ts"',children:"export { default as HomePage } from './ui/home-page';\n"})}),"\n",(0,s.jsx)(n.p,{children:"Thus, the file structure will look like this:"}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-sh",children:"|\u2500\u2500 src\n\u2502   \u251c\u2500\u2500 app\n\u2502   \u2502   \u251c\u2500\u2500 router.config.ts\n\u2502   \u251c\u2500\u2500 pages\n\u2502   \u2502   \u251c\u2500\u2500 home\n\u2502   \u2502   \u2502   \u251c\u2500\u2500 ui\n\u2502   \u2502   \u2502   \u2502   \u251c\u2500\u2500 home-page.vue\n\u2502   \u2502   \u2502   \u251c\u2500\u2500 index.ts\n"})}),"\n",(0,s.jsx)(n.p,{children:"Finally, let's add a root to the config:"}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-ts",metastring:'title="app/router.config.ts"',children:"import type { RouterConfig } from '@nuxt/schema'\n\nexport default <RouterConfig> {\n  routes: (_routes) => [\n    {\n      name: 'home',\n      path: '/',\n      component: () => import('@/pages/home.vue').then(r => r.default || r)\n    }\n  ],\n}\n"})}),"\n",(0,s.jsx)(n.h3,{id:"file-routing",children:"File Routing"}),"\n",(0,s.jsxs)(n.p,{children:["First of all, create a ",(0,s.jsx)(n.code,{children:"src"})," directory in the root of your project, and create app and pages layers inside this directory and a routes folder inside the app layer.\nThus, your file structure should look like this:"]}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-sh",children:"\u251c\u2500\u2500 src\n\u2502   \u251c\u2500\u2500 app\n\u2502   \u2502   \u251c\u2500\u2500 routes\n\u2502   \u251c\u2500\u2500 pages                         # Pages folder, related to FSD\n"})}),"\n",(0,s.jsxs)(n.p,{children:["In order for NuxtJS to use the routes folder inside the ",(0,s.jsx)(n.code,{children:"app"})," layer for file routing, you need to modify ",(0,s.jsx)(n.code,{children:"nuxt.config.ts"})," as follows:"]}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-ts",metastring:'title="nuxt.config.ts"',children:"export default defineNuxtConfig({\n  devtools: { enabled: true }, // Not FSD related, enabled at project startup\n  alias: {\n    \"@\": '../src'\n  },\n  dir: {\n    pages: './src/app/routes'\n  }\n})\n"})}),"\n",(0,s.jsxs)(n.p,{children:["Now, you can create routes for pages within ",(0,s.jsx)(n.code,{children:"app"})," and connect pages from ",(0,s.jsx)(n.code,{children:"pages"})," to them."]}),"\n",(0,s.jsxs)(n.p,{children:["For example, to add a ",(0,s.jsx)(n.code,{children:"Home"})," page to your project, you need to do the following steps:"]}),"\n",(0,s.jsxs)(n.ul,{children:["\n",(0,s.jsxs)(n.li,{children:["Add a page slice inside the ",(0,s.jsx)(n.code,{children:"pages"})," layer"]}),"\n",(0,s.jsxs)(n.li,{children:["Add the corresponding root inside the ",(0,s.jsx)(n.code,{children:"app"})," layer"]}),"\n",(0,s.jsx)(n.li,{children:"Align the page from the slice with the root"}),"\n"]}),"\n",(0,s.jsxs)(n.p,{children:["To create a page slice, let's use the ",(0,s.jsx)(n.a,{href:"https://github.com/feature-sliced/cli",children:"CLI"}),":"]}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-shell",children:"fsd pages home\n"})}),"\n",(0,s.jsxs)(n.p,{children:["Create a ",(0,s.jsx)(n.code,{children:"home-page.vue"})," file inside the ui segment, access it using the Public API"]}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-ts",metastring:'title="src/pages/home/index.ts"',children:"export { default as HomePage } from './ui/home-page';\n"})}),"\n",(0,s.jsxs)(n.p,{children:["Create a root for this page inside the ",(0,s.jsx)(n.code,{children:"app"})," layer:"]}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-sh",children:"\n\u251c\u2500\u2500 src\n\u2502   \u251c\u2500\u2500 app\n\u2502   \u2502   \u251c\u2500\u2500 routes\n\u2502   \u2502   \u2502   \u251c\u2500\u2500 index.vue\n\u2502   \u251c\u2500\u2500 pages\n\u2502   \u2502   \u251c\u2500\u2500 home\n\u2502   \u2502   \u2502   \u251c\u2500\u2500 ui\n\u2502   \u2502   \u2502   \u2502   \u251c\u2500\u2500 home-page.vue\n\u2502   \u2502   \u2502   \u251c\u2500\u2500 index.ts\n"})}),"\n",(0,s.jsxs)(n.p,{children:["Add your page component inside the ",(0,s.jsx)(n.code,{children:"index.vue"})," file:"]}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-html",metastring:'title="src/app/routes/index.vue"',children:"<script setup>\n  import { HomePage } from '@/pages/home';\n<\/script>\n\n<template>\n  <HomePage/>\n</template>\n"})}),"\n",(0,s.jsxs)(n.h2,{id:"what-to-do-with-layouts",children:["What to do with ",(0,s.jsx)(n.code,{children:"layouts"}),"?"]}),"\n",(0,s.jsxs)(n.p,{children:["You can place layouts inside the ",(0,s.jsx)(n.code,{children:"app"})," layer, to do this you need to modify the config as follows:"]}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-ts",metastring:'title="nuxt.config.ts"',children:"export default defineNuxtConfig({\n  devtools: { enabled: true }, // Not related to FSD, enabled at project startup\n  alias: {\n    \"@\": '../src'\n  },\n  dir: {\n    pages: './src/app/routes',\n    layouts: './src/app/layouts'\n  }\n})\n"})}),"\n",(0,s.jsx)(n.h2,{id:"see-also",children:"See also"}),"\n",(0,s.jsxs)(n.ul,{children:["\n",(0,s.jsx)(n.li,{children:(0,s.jsx)(n.a,{href:"https://nuxt.com/docs/api/nuxt-config#dir",children:"Documentation on changing directory config in NuxtJS"})}),"\n",(0,s.jsx)(n.li,{children:(0,s.jsx)(n.a,{href:"https://nuxt.com/docs/guide/recipes/custom-routing#router-config",children:"Documentation on changing router config in NuxtJS"})}),"\n",(0,s.jsx)(n.li,{children:(0,s.jsx)(n.a,{href:"https://nuxt.com/docs/api/nuxt-config#alias",children:"Documentation on changing aliases in NuxtJS"})}),"\n"]})]})}function u(e={}){const{wrapper:n}={...(0,i.R)(),...e.components};return n?(0,s.jsx)(n,{...e,children:(0,s.jsx)(l,{...e})}):l(e)}},1100:(e,n,t)=>{t.d(n,{R:()=>r,x:()=>c});var s=t(758);const i={},o=s.createContext(i);function r(e){const n=s.useContext(o);return s.useMemo((function(){return"function"==typeof e?e(n):{...n,...e}}),[n,e])}function c(e){let n;return n=e.disableParentContext?"function"==typeof e.components?e.components(i):e.components||i:r(e.components),s.createElement(o.Provider,{value:n},e.children)}}}]);
\ No newline at end of file
diff --git a/kr/assets/js/2104cbf7.c39707b8.js b/kr/assets/js/2104cbf7.c39707b8.js
new file mode 100644
index 0000000000..7e1ff56012
--- /dev/null
+++ b/kr/assets/js/2104cbf7.c39707b8.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[8850],{9507:(e,n,r)=>{r.r(n),r.d(n,{assets:()=>l,contentTitle:()=>i,default:()=>m,frontMatter:()=>a,metadata:()=>o,toc:()=>c});var t=r(6070),s=r(1100);const a={sidebar_position:2},i="\ud29c\ud1a0\ub9ac\uc5bc",o={id:"get-started/tutorial",title:"\ud29c\ud1a0\ub9ac\uc5bc",description:"Part 1. \uc124\uacc4",source:"@site/i18n/kr/docusaurus-plugin-content-docs/current/get-started/tutorial.md",sourceDirName:"get-started",slug:"/get-started/tutorial",permalink:"/kr/docs/get-started/tutorial",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/kr/docusaurus-plugin-content-docs/current/get-started/tutorial.md",tags:[],version:"current",lastUpdatedAt:1728325386e3,sidebarPosition:2,frontMatter:{sidebar_position:2},sidebar:"getstartedSidebar",previous:{title:"\ub458\ub7ec\ubcf4\uae30",permalink:"/kr/docs/get-started/overview"},next:{title:"FAQ",permalink:"/kr/docs/get-started/faq"}},l={},c=[{value:"Part 1. \uc124\uacc4",id:"part-1-\uc124\uacc4",level:2},{value:"\uba3c\uc800 \ud398\uc774\uc9c0\ub97c \ub098\uc5f4\ud574 \ubd05\uc2dc\ub2e4.",id:"\uba3c\uc800-\ud398\uc774\uc9c0\ub97c-\ub098\uc5f4\ud574-\ubd05\uc2dc\ub2e4",level:3},{value:"\ud53c\ub4dc \uc790\uc138\ud788 \ubcf4\uae30",id:"\ud53c\ub4dc-\uc790\uc138\ud788-\ubcf4\uae30",level:3},{value:"\ud0dc\uadf8 \ubaa9\ub85d",id:"\ud0dc\uadf8-\ubaa9\ub85d",level:4},{value:"\uae00",id:"\uae00",level:4},{value:"\uc77c\ubc18\uc801\uc778 \ucf54\ub4dc \uc7ac\uc0ac\uc6a9",id:"\uc77c\ubc18\uc801\uc778-\ucf54\ub4dc-\uc7ac\uc0ac\uc6a9",level:3},{value:"\uc5c4\uaca9\ud55c \uacf5\uac1c API \uc815\uc758",id:"\uc5c4\uaca9\ud55c-\uacf5\uac1c-api-\uc815\uc758",level:3},{value:"UI\uc758 \ud070 \uc7ac\uc0ac\uc6a9 \ube14\ub85d",id:"ui\uc758-\ud070-\uc7ac\uc0ac\uc6a9-\ube14\ub85d",level:3},{value:"\ud3fc\uc774 \uc788\ub294 \ud398\uc774\uc9c0 \uc790\uc138\ud788 \ubcf4\uae30",id:"\ud3fc\uc774-\uc788\ub294-\ud398\uc774\uc9c0-\uc790\uc138\ud788-\ubcf4\uae30",level:3},{value:"\uc694\uc57d",id:"\uc694\uc57d",level:3},{value:"Part 2. \ucf54\ub4dc \uc791\uc131",id:"part-2-\ucf54\ub4dc-\uc791\uc131",level:2},{value:"\ud398\uc774\uc9c0 \ub808\uc774\uc544\uc6c3",id:"\ud398\uc774\uc9c0-\ub808\uc774\uc544\uc6c3",level:3},{value:"\ud53c\ub4dc \ud398\uc774\uc9c0 \uc5f0\uacb0",id:"\ud53c\ub4dc-\ud398\uc774\uc9c0-\uc5f0\uacb0",level:3},{value:"API \ud074\ub77c\uc774\uc5b8\ud2b8",id:"api-\ud074\ub77c\uc774\uc5b8\ud2b8",level:3},{value:"\ud53c\ub4dc\uc758 \uc2e4\uc81c \ub370\uc774\ud130",id:"\ud53c\ub4dc\uc758-\uc2e4\uc81c-\ub370\uc774\ud130",level:3},{value:"\ud0dc\uadf8\ub85c \ud544\ud130\ub9c1",id:"\ud0dc\uadf8\ub85c-\ud544\ud130\ub9c1",level:3},{value:"\ud398\uc774\uc9c0\ub124\uc774\uc158",id:"\ud398\uc774\uc9c0\ub124\uc774\uc158",level:3},{value:"\uc778\uc99d",id:"\uc778\uc99d",level:3},{value:"\ud5e4\ub354",id:"\ud5e4\ub354",level:3},{value:"\ud0ed",id:"\ud0ed",level:3},{value:"\uae00 \uc77d\uae30 \ud398\uc774\uc9c0",id:"\uae00-\uc77d\uae30-\ud398\uc774\uc9c0",level:3},{value:"\uae00 \uc791\uc131 \ud398\uc774\uc9c0",id:"\uae00-\uc791\uc131-\ud398\uc774\uc9c0",level:3}];function d(e){const n={a:"a",code:"code",em:"em",h1:"h1",h2:"h2",h3:"h3",h4:"h4",header:"header",img:"img",li:"li",ol:"ol",p:"p",pre:"pre",strong:"strong",ul:"ul",...(0,s.R)(),...e.components};return(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(n.header,{children:(0,t.jsx)(n.h1,{id:"\ud29c\ud1a0\ub9ac\uc5bc",children:"\ud29c\ud1a0\ub9ac\uc5bc"})}),"\n",(0,t.jsx)(n.h2,{id:"part-1-\uc124\uacc4",children:"Part 1. \uc124\uacc4"}),"\n",(0,t.jsxs)(n.p,{children:["\uc774 \ud29c\ud1a0\ub9ac\uc5bc\uc5d0\uc11c\ub294 Real World App\uc774\ub77c\uace0\ub3c4 \uc54c\ub824\uc9c4 Conduit\ub97c \uc0b4\ud3b4\ubcf4\uaca0\uc2b5\ub2c8\ub2e4. Conduit\ub294 \uae30\ubcf8\uc801\uc778 ",(0,t.jsx)(n.a,{href:"https://medium.com/",children:"Medium"})," \ud074\ub860\uc785\ub2c8\ub2e4 - \uae00\uc744 \uc77d\uace0 \uc4f8 \uc218 \uc788\uc73c\uba70 \ub2e4\ub978 \uc0ac\ub78c\uc758 \uae00\uc5d0 \ub313\uae00\uc744 \ub2ec \uc218 \uc788\uc2b5\ub2c8\ub2e4."]}),"\n",(0,t.jsx)(n.p,{children:(0,t.jsx)(n.img,{alt:"Conduit home page",src:r(9703).A+"",width:"2880",height:"1504"})}),"\n",(0,t.jsxs)(n.p,{children:["\uc774 \uc560\ud50c\ub9ac\ucf00\uc774\uc158\uc740 \ub9e4\uc6b0 \uc791\uc740 \uc560\ud50c\ub9ac\ucf00\uc774\uc158\uc774\ubbc0\ub85c \uacfc\ub3c4\ud55c \ubd84\ud574\ub97c \ud53c\ud558\uace0 \uac04\ub2e8\ud558\uac8c \uc720\uc9c0\ud560 \uac83\uc785\ub2c8\ub2e4. \uc804\uccb4 \uc560\ud50c\ub9ac\ucf00\uc774\uc158\uc774 \uc138 \uac1c\uc758 \ub808\uc774\uc5b4\uc778 ",(0,t.jsx)(n.strong,{children:"App"}),", ",(0,t.jsx)(n.strong,{children:"Pages"}),", \uadf8\ub9ac\uace0 ",(0,t.jsx)(n.strong,{children:"Shared"}),"\uc5d0 \ub9de\ucdb0 \ub4e4\uc5b4\uac08 \uac83\uc785\ub2c8\ub2e4. \uadf8\ub807\uc9c0 \uc54a\ub2e4\uba74 \uc6b0\ub9ac\ub294 \uacc4\uc18d\ud574\uc11c \ucd94\uac00\uc801\uc778 \ub808\uc774\uc5b4\ub97c \ub3c4\uc785\ud560 \uac83\uc785\ub2c8\ub2e4. \uc900\ube44\ub418\uc168\ub098\uc694?"]}),"\n",(0,t.jsx)(n.h3,{id:"\uba3c\uc800-\ud398\uc774\uc9c0\ub97c-\ub098\uc5f4\ud574-\ubd05\uc2dc\ub2e4",children:"\uba3c\uc800 \ud398\uc774\uc9c0\ub97c \ub098\uc5f4\ud574 \ubd05\uc2dc\ub2e4."}),"\n",(0,t.jsx)(n.p,{children:"\uc704\uc758 \uc2a4\ud06c\ub9b0\uc0f7\uc744 \ubcf4\uba74 \ucd5c\uc18c\ud55c \ub2e4\uc74c\uacfc \uac19\uc740 \ud398\uc774\uc9c0\ub4e4\uc774 \uc788\ub2e4\uace0 \uac00\uc815\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4:"}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsx)(n.li,{children:"\ud648 (\uae00 \ud53c\ub4dc)"}),"\n",(0,t.jsx)(n.li,{children:"\ub85c\uadf8\uc778 \ubc0f \ud68c\uc6d0\uac00\uc785"}),"\n",(0,t.jsx)(n.li,{children:"\uae00 \uc77d\uae30"}),"\n",(0,t.jsx)(n.li,{children:"\uae00 \ud3b8\uc9d1\uae30"}),"\n",(0,t.jsx)(n.li,{children:"\uc0ac\uc6a9\uc790 \ud504\ub85c\ud544 \ubcf4\uae30"}),"\n",(0,t.jsx)(n.li,{children:"\uc0ac\uc6a9\uc790 \ud504\ub85c\ud544 \ud3b8\uc9d1 (\uc0ac\uc6a9\uc790 \uc124\uc815)"}),"\n"]}),"\n",(0,t.jsxs)(n.p,{children:["\uc774 \ud398\uc774\uc9c0\ub4e4 \uac01\uac01\uc740 Pages ",(0,t.jsx)(n.em,{children:"\ub808\uc774\uc5b4"}),"\uc758 \ub3c5\ub9bd\ub41c ",(0,t.jsx)(n.em,{children:"\uc2ac\ub77c\uc774\uc2a4"}),"\uac00 \ub420 \uac83\uc785\ub2c8\ub2e4. \uac1c\uc694\uc5d0\uc11c \uc5b8\uae09\ud588\ub4ef\uc774 \uc2ac\ub77c\uc774\uc2a4\ub294 \ub2e8\uc21c\ud788 \ub808\uc774\uc5b4 \ub0b4\uc758 \ud3f4\ub354\uc774\uace0, \ub808\uc774\uc5b4\ub294 ",(0,t.jsx)(n.code,{children:"pages"}),"\uc640 \uac19\uc740 \ubbf8\ub9ac \uc815\uc758\ub41c \uc774\ub984\uc744 \uac00\uc9c4 \ud3f4\ub354\uc77c \ubfd0\uc785\ub2c8\ub2e4."]}),"\n",(0,t.jsx)(n.p,{children:"\ub530\ub77c\uc11c \uc6b0\ub9ac\uc758 Pages \ud3f4\ub354\ub294 \ub2e4\uc74c\uacfc \uac19\uc774 \ubcf4\uc77c \uac83\uc785\ub2c8\ub2e4."}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{children:"\ud83d\udcc2 pages/\n  \ud83d\udcc1 feed/\n  \ud83d\udcc1 sign-in/\n  \ud83d\udcc1 article-read/\n  \ud83d\udcc1 article-edit/\n  \ud83d\udcc1 profile/\n  \ud83d\udcc1 settings/\n"})}),"\n",(0,t.jsxs)(n.p,{children:["Feature-Sliced Design\uc774 \uaddc\uc81c\ub418\uc9c0 \uc54a\uc740 \ucf54\ub4dc \uad6c\uc870\uc640 \ub2e4\ub978 \uc8fc\uc694 \ucc28\uc774\uc810\uc740 \ud398\uc774\uc9c0\ub4e4\uc774 \uc11c\ub85c\ub97c \ucc38\uc870\ud560 \uc218 \uc5c6\ub2e4\ub294 \uac83\uc785\ub2c8\ub2e4. \uc989, \ud55c \ud398\uc774\uc9c0\uac00 \ub2e4\ub978 \ud398\uc774\uc9c0\uc758 \ucf54\ub4dc\ub97c \uac00\uc838\uc62c \uc218 \uc5c6\uc2b5\ub2c8\ub2e4. \uc774\ub294 ",(0,t.jsx)(n.strong,{children:"\ub808\uc774\uc5b4\uc758 import \uaddc\uce59"})," \ub54c\ubb38\uc785\ub2c8\ub2e4."]}),"\n",(0,t.jsx)(n.p,{children:(0,t.jsx)(n.em,{children:"\uc2ac\ub77c\uc774\uc2a4\uc758 \ubaa8\ub4c8\uc740 \uc5c4\uaca9\ud788 \uc544\ub798\uc5d0 \uc788\ub294 \ub808\uc774\uc5b4\uc5d0 \uc704\uce58\ud55c \ub2e4\ub978 \uc2ac\ub77c\uc774\uc2a4\ub9cc \uac00\uc838\uc62c \uc218 \uc788\uc2b5\ub2c8\ub2e4."})}),"\n",(0,t.jsx)(n.p,{children:"\uc774 \uacbd\uc6b0 \ud398\uc774\uc9c0\ub294 \uc2ac\ub77c\uc774\uc2a4\uc774\ubbc0\ub85c, \uc774 \ud398\uc774\uc9c0 \ub0b4\uc758 \ubaa8\ub4c8(\ud30c\uc77c)\uc740 \uac19\uc740 \ub808\uc774\uc5b4\uc778 Pages\uac00 \uc544\ub2cc \uc544\ub798 \ub808\uc774\uc5b4\uc758 \ucf54\ub4dc\ub9cc \ucc38\uc870\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4."}),"\n",(0,t.jsx)(n.h3,{id:"\ud53c\ub4dc-\uc790\uc138\ud788-\ubcf4\uae30",children:"\ud53c\ub4dc \uc790\uc138\ud788 \ubcf4\uae30"}),"\n",(0,t.jsxs)("figure",{children:[(0,t.jsx)(n.p,{children:(0,t.jsx)(n.img,{alt:"Anonymous user\u2019s perspective",src:r(9703).A+"",width:"2880",height:"1504"})}),(0,t.jsx)("figcaption",{children:(0,t.jsx)(n.p,{children:(0,t.jsx)(n.em,{children:"\uc775\uba85 \uc0ac\uc6a9\uc790\uc758 \uad00\uc810"})})})]}),"\n",(0,t.jsxs)("figure",{children:[(0,t.jsx)(n.p,{children:(0,t.jsx)(n.img,{alt:"Authenticated user\u2019s perspective",src:r(1405).A+"",width:"2880",height:"1504"})}),(0,t.jsx)("figcaption",{children:(0,t.jsx)(n.p,{children:(0,t.jsx)(n.em,{children:"\uc778\uc99d\ub41c \uc0ac\uc6a9\uc790\uc758 \uad00\uc810"})})})]}),"\n",(0,t.jsx)(n.p,{children:"\ud53c\ub4dc \ud398\uc774\uc9c0\uc5d0\ub294 \uc138 \uac00\uc9c0 \ub3d9\uc801 \uc601\uc5ed\uc774 \uc788\uc2b5\ub2c8\ub2e4."}),"\n",(0,t.jsxs)(n.ol,{children:["\n",(0,t.jsx)(n.li,{children:"\ub85c\uadf8\uc778 \uc5ec\ubd80\ub97c \ub098\ud0c0\ub0b4\ub294 \ub85c\uadf8\uc778 \ub9c1\ud06c"}),"\n",(0,t.jsx)(n.li,{children:"\ud53c\ub4dc\uc5d0\uc11c \ud544\ud130\ub9c1\uc744 \ud2b8\ub9ac\uac70\ud558\ub294 \ud0dc\uadf8 \ubaa9\ub85d"}),"\n",(0,t.jsx)(n.li,{children:"\uc88b\uc544\uc694 \ubc84\ud2bc\uc774 \uc788\ub294 \ud558\ub098/\ub450 \uac1c\uc758 \uae00 \ud53c\ub4dc"}),"\n"]}),"\n",(0,t.jsx)(n.p,{children:"\ub85c\uadf8\uc778 \ub9c1\ud06c\ub294 \ubaa8\ub4e0 \ud398\uc774\uc9c0\uc5d0 \uacf5\ud1b5\uc801\uc778 \ud5e4\ub354\uc758 \uc77c\ubd80\uc774\ubbc0\ub85c \ub098\uc911\uc5d0 \ub530\ub85c \ub2e4\ub8e8\uaca0\uc2b5\ub2c8\ub2e4."}),"\n",(0,t.jsx)(n.h4,{id:"\ud0dc\uadf8-\ubaa9\ub85d",children:"\ud0dc\uadf8 \ubaa9\ub85d"}),"\n",(0,t.jsxs)(n.p,{children:['\ud0dc\uadf8 \ubaa9\ub85d\uc744 \ub9cc\ub4e4\uae30 \uc704\ud574\uc11c\ub294 \uc0ac\uc6a9 \uac00\ub2a5\ud55c \ud0dc\uadf8\ub97c \uac00\uc838\uc624\uace0, \uac01 \ud0dc\uadf8\ub97c \uce69\uc73c\ub85c \ub80c\ub354\ub9c1\ud558\uace0, \uc120\ud0dd\ub41c \ud0dc\uadf8\ub97c \ud074\ub77c\uc774\uc5b8\ud2b8 \uce21 \uc800\uc7a5\uc18c\uc5d0 \uc800\uc7a5\ud574\uc57c \ud569\ub2c8\ub2e4. \uc774\ub7ec\ud55c \uc791\uc5c5\ub4e4\uc740 \uac01\uac01 "API \uc0c1\ud638\uc791\uc6a9", "\uc0ac\uc6a9\uc790 \uc778\ud130\ud398\uc774\uc2a4", "\uc800\uc7a5\uc18c" \uce74\ud14c\uace0\ub9ac\uc5d0 \uc18d\ud569\ub2c8\ub2e4. Feature-Sliced Design\uc5d0\uc11c\ub294 \ucf54\ub4dc\ub97c ',(0,t.jsx)(n.em,{children:"\uc138\uadf8\uba3c\ud2b8"}),"\ub97c \uc0ac\uc6a9\ud558\uc5ec \ubaa9\uc801\ubcc4\ub85c \ubd84\ub9ac\ud569\ub2c8\ub2e4. \uc138\uadf8\uba3c\ud2b8\ub294 \uc2ac\ub77c\uc774\uc2a4 \ub0b4\uc758 \ud3f4\ub354\uc774\uba70, \ubaa9\uc801\uc744 \uc124\uba85\ud558\ub294 \uc784\uc758\uc758 \uc774\ub984\uc744 \uac00\uc9c8 \uc218 \uc788\uc9c0\ub9cc, \uc77c\ubd80 \ubaa9\uc801\uc740 \ub108\ubb34 \uc77c\ubc18\uc801\uc774\uc5b4\uc11c \ud2b9\uc815 \uc138\uadf8\uba3c\ud2b8 \uc774\ub984\uc5d0 \ub300\ud55c \uaddc\uce59\uc774 \uc788\uc2b5\ub2c8\ub2e4."]}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsxs)(n.li,{children:["\ud83d\udcc2\xa0",(0,t.jsx)(n.code,{children:"api/"})," \ubc31\uc5d4\ub4dc \uc0c1\ud638\uc791\uc6a9"]}),"\n",(0,t.jsxs)(n.li,{children:["\ud83d\udcc2\xa0",(0,t.jsx)(n.code,{children:"ui/"})," \ub80c\ub354\ub9c1\uacfc \uc678\uad00\uc744 \ub2e4\ub8e8\ub294 \ucf54\ub4dc"]}),"\n",(0,t.jsxs)(n.li,{children:["\ud83d\udcc2\xa0",(0,t.jsx)(n.code,{children:"model/"})," \uc800\uc7a5\uc18c\uc640 \ube44\uc988\ub2c8\uc2a4 \ub85c\uc9c1"]}),"\n",(0,t.jsxs)(n.li,{children:["\ud83d\udcc2\xa0",(0,t.jsx)(n.code,{children:"config/"})," \uae30\ub2a5 \ud50c\ub798\uadf8, \ud658\uacbd \ubcc0\uc218 \ubc0f \uae30\ud0c0 \uad6c\uc131 \ud615\uc2dd"]}),"\n"]}),"\n",(0,t.jsxs)(n.p,{children:["\ud0dc\uadf8\ub97c \uac00\uc838\uc624\ub294 \ucf54\ub4dc\ub294 ",(0,t.jsx)(n.code,{children:"api"}),"\uc5d0, \ud0dc\uadf8 \ucef4\ud3ec\ub10c\ud2b8\ub294 ",(0,t.jsx)(n.code,{children:"ui"}),"\uc5d0, \uc800\uc7a5\uc18c \uc0c1\ud638\uc791\uc6a9\uc740 ",(0,t.jsx)(n.code,{children:"model"}),"\uc5d0 \ubc30\uce58\ud560 \uac83\uc785\ub2c8\ub2e4."]}),"\n",(0,t.jsx)(n.h4,{id:"\uae00",children:"\uae00"}),"\n",(0,t.jsx)(n.p,{children:"\uac19\uc740 \uadf8\ub8f9\ud654 \uc6d0\uce59\uc744 \uc0ac\uc6a9\ud558\uc5ec \uae00 \ud53c\ub4dc\ub97c \uac19\uc740 \uc138 \uac1c\uc758 \uc138\uadf8\uba3c\ud2b8\ub85c \ubd84\ud574\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4."}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsxs)(n.li,{children:["\ud83d\udcc2\xa0",(0,t.jsx)(n.code,{children:"api/"}),": \uc88b\uc544\uc694 \uc218\uac00 \ud3ec\ud568\ub41c \ud398\uc774\uc9c0\ub124\uc774\uc158\ub41c \uae00 \uac00\uc838\uc624\uae30"]}),"\n",(0,t.jsxs)(n.li,{children:["\ud83d\udcc2\xa0",(0,t.jsx)(n.code,{children:"ui/"}),":","\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsx)(n.li,{children:"\ud0dc\uadf8\uac00 \uc120\ud0dd\ub41c \uacbd\uc6b0 \ucd94\uac00 \ud0ed\uc744 \ub80c\ub354\ub9c1\ud560 \uc218 \uc788\ub294 \ud0ed \ubaa9\ub85d"}),"\n",(0,t.jsx)(n.li,{children:"\uac1c\ubcc4 \uae00"}),"\n",(0,t.jsx)(n.li,{children:"\uae30\ub2a5\uc801 \ud398\uc774\uc9c0\ub124\uc774\uc158"}),"\n"]}),"\n"]}),"\n",(0,t.jsxs)(n.li,{children:["\ud83d\udcc2\xa0",(0,t.jsx)(n.code,{children:"model/"}),": \ud604\uc7ac \ub85c\ub4dc\ub41c \uae00\uacfc \ud604\uc7ac \ud398\uc774\uc9c0\uc758 \ud074\ub77c\uc774\uc5b8\ud2b8 \uce21 \uc800\uc7a5\uc18c (\ud544\uc694\ud55c \uacbd\uc6b0)"]}),"\n"]}),"\n",(0,t.jsx)(n.h3,{id:"\uc77c\ubc18\uc801\uc778-\ucf54\ub4dc-\uc7ac\uc0ac\uc6a9",children:"\uc77c\ubc18\uc801\uc778 \ucf54\ub4dc \uc7ac\uc0ac\uc6a9"}),"\n",(0,t.jsxs)(n.p,{children:["\ub300\ubd80\ubd84\uc758 \ud398\uc774\uc9c0\ub294 \uc758\ub3c4\uac00 \ub9e4\uc6b0 \ub2e4\ub974\uc9c0\ub9cc, \uc571 \uc804\uccb4\uc5d0 \uac78\uccd0 \uc77c\ubd80 \uc694\uc18c\ub294 \ub3d9\uc77c\ud558\uac8c \uc720\uc9c0\ub429\ub2c8\ub2e4. \uc608\ub97c \ub4e4\uc5b4, \ub514\uc790\uc778 \uc5b8\uc5b4\ub97c \uc900\uc218\ud558\ub294 UI \ud0a4\ud2b8\ub098 \ubaa8\ub4e0 \uac83\uc774 \ub3d9\uc77c\ud55c \uc778\uc99d \ubc29\uc2dd\uc73c\ub85c REST API\ub97c \ud1b5\ud574 \uc218\ud589\ub418\ub294 \ubc31\uc5d4\ub4dc\uc758 \uaddc\uce59 \ub4f1\uc774 \uc788\uc2b5\ub2c8\ub2e4. \uc2ac\ub77c\uc774\uc2a4\ub294 \uaca9\ub9ac\ub418\ub3c4\ub85d \uc124\uacc4\ub418\uc5c8\uae30 \ub54c\ubb38\uc5d0, \ucf54\ub4dc \uc7ac\uc0ac\uc6a9\uc740 \ub354 \ub0ae\uc740 \uacc4\uce35\uc778 ",(0,t.jsx)(n.strong,{children:"Shared"}),"\uc5d0 \uc758\ud574 \ucd09\uc9c4\ub429\ub2c8\ub2e4."]}),"\n",(0,t.jsx)(n.p,{children:"Shared\ub294 \uc2ac\ub77c\uc774\uc2a4\uac00 \uc544\ub2cc \uc138\uadf8\uba3c\ud2b8\ub97c \ud3ec\ud568\ud55c\ub2e4\ub294 \uc810\uc5d0\uc11c \ub2e4\ub978 \uacc4\uce35\uacfc \ub2e4\ub985\ub2c8\ub2e4. \uc774\ub7f0 \uba74\uc5d0\uc11c Shared \uacc4\uce35\uc740 \uacc4\uce35\uacfc \uc2ac\ub77c\uc774\uc2a4\uc758 \ud558\uc774\ube0c\ub9ac\ub4dc\ub85c \uc0dd\uac01\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4."}),"\n",(0,t.jsx)(n.p,{children:"\uc77c\ubc18\uc801\uc73c\ub85c Shared\uc758 \ucf54\ub4dc\ub294 \ubbf8\ub9ac \uacc4\ud68d\ub418\uc9c0 \uc54a\uace0 \uac1c\ubc1c \uc911\uc5d0 \ucd94\ucd9c\ub429\ub2c8\ub2e4. \uc2e4\uc81c\ub85c \uc5b4\ub5a4 \ucf54\ub4dc \ubd80\ubd84\uc774 \uacf5\uc720\ub418\ub294\uc9c0\ub294 \uac1c\ubc1c \uc911\uc5d0\ub9cc \uba85\ud655\ud574\uc9c0\uae30 \ub54c\ubb38\uc785\ub2c8\ub2e4. \uadf8\ub7ec\ub098 \uc5b4\ub5a4 \uc885\ub958\uc758 \ucf54\ub4dc\uac00 \uc790\uc5f0\uc2a4\ub7fd\uac8c Shared\uc5d0 \uc18d\ud558\ub294\uc9c0 \uba38\ub9bf\uc18d\uc5d0 \uba54\ubaa8\ud574 \ub450\ub294 \uac83\uc740 \uc5ec\uc804\ud788 \ub3c4\uc6c0\uc774 \ub429\ub2c8\ub2e4."}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsxs)(n.li,{children:["\ud83d\udcc2\xa0",(0,t.jsx)(n.code,{children:"ui/"})," \u2014 UI \ud0a4\ud2b8, \ube44\uc988\ub2c8\uc2a4 \ub85c\uc9c1\uc774 \uc5c6\ub294 \uc21c\uc218\ud55c UI. \uc608: \ubc84\ud2bc, \ubaa8\ub2ec \ub300\ud654 \uc0c1\uc790, \ud3fc \uc785\ub825."]}),"\n",(0,t.jsxs)(n.li,{children:["\ud83d\udcc2\xa0",(0,t.jsx)(n.code,{children:"api/"})," \u2014 \uc694\uccad \uc0dd\uc131 \uae30\ubcf8 \uc694\uc18c(\uc608: \uc6f9\uc758 ",(0,t.jsx)(n.code,{children:"fetch()"}),")\uc5d0 \ub300\ud55c \ud3b8\uc758 \ub798\ud37c \ubc0f \uc120\ud0dd\uc801\uc73c\ub85c \ubc31\uc5d4\ub4dc \uc0ac\uc591\uc5d0 \ub530\ub77c \ud2b9\uc815 \uc694\uccad\uc744 \ud2b8\ub9ac\uac70\ud558\ub294 \ud568\uc218."]}),"\n",(0,t.jsxs)(n.li,{children:["\ud83d\udcc2\xa0",(0,t.jsx)(n.code,{children:"config/"})," \u2014 \ud658\uacbd \ubcc0\uc218 \ud30c\uc2f1"]}),"\n",(0,t.jsxs)(n.li,{children:["\ud83d\udcc2\xa0",(0,t.jsx)(n.code,{children:"i18n/"})," \u2014 \uc5b8\uc5b4 \uc9c0\uc6d0\uc5d0 \ub300\ud55c \uad6c\uc131"]}),"\n",(0,t.jsxs)(n.li,{children:["\ud83d\udcc2\xa0",(0,t.jsx)(n.code,{children:"router/"})," \u2014 \ub77c\uc6b0\ud305 \uae30\ubcf8 \uc694\uc18c \ubc0f \ub77c\uc6b0\ud2b8 \uc0c1\uc218"]}),"\n"]}),"\n",(0,t.jsxs)(n.p,{children:["\uc774\ub294 Shared\uc758 \uc138\uadf8\uba3c\ud2b8 \uc774\ub984\uc758 \uba87 \uac00\uc9c0 \uc608\uc2dc\uc77c \ubfd0\uc774\uba70, \uc774 \uc911 \uc77c\ubd80\ub97c \uc0dd\ub7b5\ud558\uac70\ub098 \uc790\uc2e0\ub9cc\uc758 \uc138\uadf8\uba3c\ud2b8\ub97c \ub9cc\ub4e4 \uc218 \uc788\uc2b5\ub2c8\ub2e4. \uc0c8\ub85c\uc6b4 \uc138\uadf8\uba3c\ud2b8\ub97c \ub9cc\ub4e4 \ub54c \uae30\uc5b5\ud574\uc57c \ud560 \uc720\uc77c\ud55c \uc911\uc694\ud55c \uc810\uc740 \uc138\uadf8\uba3c\ud2b8 \uc774\ub984\uc774 ",(0,t.jsx)(n.strong,{children:"\ubcf8\uc9c8(\ubb34\uc5c7\uc778\uc9c0)\uc774 \uc544\ub2cc \ubaa9\uc801(\uc65c)\uc744 \uc124\uba85\ud574\uc57c \ud55c\ub2e4"}),'\ub294 \uac83\uc785\ub2c8\ub2e4. "components", "hooks", "modals"\uacfc \uac19\uc740 \uc774\ub984\uc740 \uc774 \ud30c\uc77c\ub4e4\uc774 \ubb34\uc5c7\uc778\uc9c0\ub294 \uc124\uba85\ud558\uc9c0\ub9cc \ub0b4\ubd80 \ucf54\ub4dc\ub97c \ud0d0\uc0c9\ud558\ub294 \ub370 \ub3c4\uc6c0\uc774 \ub418\uc9c0 \uc54a\uae30 \ub54c\ubb38\uc5d0 \uc0ac\uc6a9\ud574\uc11c\ub294 \uc548 \ub429\ub2c8\ub2e4. \uc774\ub294 \ud300\uc6d0\ub4e4\uc774 \uc774\ub7ec\ud55c \ud3f4\ub354\uc758 \ubaa8\ub4e0 \ud30c\uc77c\uc744 \ud30c\ud5e4\uccd0\uc57c \ud558\uba70, \uad00\ub828 \uc5c6\ub294 \ucf54\ub4dc\ub97c \uac00\uae4c\uc774 \uc720\uc9c0\ud558\uac8c \ub418\uc5b4 \ub9ac\ud329\ud1a0\ub9c1\uc758 \uc601\ud5a5\uc744 \ubc1b\ub294 \ucf54\ub4dc \uc601\uc5ed\uc774 \ub113\uc5b4\uc9c0\uace0 \uacb0\uacfc\uc801\uc73c\ub85c \ucf54\ub4dc \ub9ac\ubdf0\uc640 \ud14c\uc2a4\ud2b8\ub97c \ub354 \uc5b4\ub835\uac8c \ub9cc\ub4ed\ub2c8\ub2e4.']}),"\n",(0,t.jsx)(n.h3,{id:"\uc5c4\uaca9\ud55c-\uacf5\uac1c-api-\uc815\uc758",children:"\uc5c4\uaca9\ud55c \uacf5\uac1c API \uc815\uc758"}),"\n",(0,t.jsxs)(n.p,{children:["Feature-Sliced Design\uc758 \ub9e5\ub77d\uc5d0\uc11c ",(0,t.jsx)(n.em,{children:"\uacf5\uac1c API"}),"\ub77c\ub294 \uc6a9\uc5b4\ub294 \uc2ac\ub77c\uc774\uc2a4\ub098 \uc138\uadf8\uba3c\ud2b8\uac00 \ud504\ub85c\uc81d\ud2b8\uc758 \ub2e4\ub978 \ubaa8\ub4c8\uc5d0\uc11c \uac00\uc838\uc62c \uc218 \uc788\ub294 \uac83\uc744 \uc120\uc5b8\ud558\ub294 \uac83\uc744 \uc758\ubbf8\ud569\ub2c8\ub2e4. \uc608\ub97c \ub4e4\uc5b4, JavaScript\uc5d0\uc11c\ub294 \uc2ac\ub77c\uc774\uc2a4\uc758 \ub2e4\ub978 \ud30c\uc77c\uc5d0\uc11c \uac1d\uccb4\ub97c \ub2e4\uc2dc \ub0b4\ubcf4\ub0b4\ub294 ",(0,t.jsx)(n.code,{children:"index.js"})," \ud30c\uc77c\uc77c \uc218 \uc788\uc2b5\ub2c8\ub2e4. \uc774\ub97c \ud1b5\ud574 \uc678\ubd80 \uc138\uacc4\uc640\uc758 \uacc4\uc57d(\uc989, \uacf5\uac1c API)\uc774 \ub3d9\uc77c\ud558\uac8c \uc720\uc9c0\ub418\ub294 \ud55c \uc2ac\ub77c\uc774\uc2a4 \ub0b4\ubd80\uc758 \ucf54\ub4dc\ub97c \uc790\uc720\ub86d\uac8c \ub9ac\ud329\ud1a0\ub9c1\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4."]}),"\n",(0,t.jsx)(n.p,{children:"\uc2ac\ub77c\uc774\uc2a4\uac00 \uc5c6\ub294 Shared \uacc4\uce35\uc758 \uacbd\uc6b0, Shared\uc758 \ubaa8\ub4e0 \uac83\uc5d0 \ub300\ud55c \ub2e8\uc77c \uc778\ub371\uc2a4\ub97c \uc815\uc758\ud558\ub294 \uac83\uacfc \ubc18\ub300\ub85c \uac01 \uc138\uadf8\uba3c\ud2b8\uc5d0 \ub300\ud574 \ubcc4\ub3c4\uc758 \uacf5\uac1c API\ub97c \uc815\uc758\ud558\ub294 \uac83\uc774 \uc77c\ubc18\uc801\uc73c\ub85c \ub354 \ud3b8\ub9ac\ud569\ub2c8\ub2e4. \uc774\ub807\uac8c \ud558\uba74 Shared\uc5d0\uc11c\uc758 \uac00\uc838\uc624\uae30\uac00 \uc790\uc5f0\uc2a4\ub7fd\uac8c \uc758\ub3c4\ubcc4\ub85c \uad6c\uc131\ub429\ub2c8\ub2e4. \uc2ac\ub77c\uc774\uc2a4\uac00 \uc788\ub294 \ub2e4\ub978 \uacc4\uce35\uc758 \uacbd\uc6b0 \ubc18\ub300\uac00 \uc0ac\uc2e4\uc785\ub2c8\ub2e4 \u2014 \uc77c\ubc18\uc801\uc73c\ub85c \uc2ac\ub77c\uc774\uc2a4\ub2f9 \ud558\ub098\uc758 \uc778\ub371\uc2a4\ub97c \uc815\uc758\ud558\uace0 \uc2ac\ub77c\uc774\uc2a4\uac00 \uc678\ubd80 \uc138\uacc4\uc5d0 \uc54c\ub824\uc9c0\uc9c0 \uc54a\uc740 \uc790\uccb4 \uc138\uadf8\uba3c\ud2b8 \uc138\ud2b8\ub97c \uacb0\uc815\ud558\ub3c4\ub85d \ud558\ub294 \uac83\uc774 \ub354 \uc2e4\uc6a9\uc801\uc785\ub2c8\ub2e4. \ub2e4\ub978 \uacc4\uce35\uc740 \uc77c\ubc18\uc801\uc73c\ub85c \ub0b4\ubcf4\ub0b4\uae30\uac00 \ud6e8\uc52c \uc801\uae30 \ub54c\ubb38\uc785\ub2c8\ub2e4."}),"\n",(0,t.jsx)(n.p,{children:"\uc6b0\ub9ac\uc758 \uc2ac\ub77c\uc774\uc2a4/\uc138\uadf8\uba3c\ud2b8\ub294 \uc11c\ub85c\uc5d0\uac8c \ub2e4\uc74c\uacfc \uac19\uc774 \ub098\ud0c0\ub0a0 \uac83\uc785\ub2c8\ub2e4."}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{children:"\ud83d\udcc2 pages/\n  \ud83d\udcc2 feed/\n    \ud83d\udcc4 index\n  \ud83d\udcc2 sign-in/\n    \ud83d\udcc4 index\n  \ud83d\udcc2 article-read/\n    \ud83d\udcc4 index\n  \ud83d\udcc1 \u2026\n\ud83d\udcc2 shared/\n  \ud83d\udcc2 ui/\n    \ud83d\udcc4 index\n  \ud83d\udcc2 api/\n    \ud83d\udcc4 index\n  \ud83d\udcc1 \u2026\n"})}),"\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.code,{children:"pages/feed"}),"\ub098 ",(0,t.jsx)(n.code,{children:"shared/ui"}),"\uc640 \uac19\uc740 \ud3f4\ub354 \ub0b4\ubd80\uc758 \ub0b4\uc6a9\uc740 \ud574\ub2f9 \ud3f4\ub354\uc5d0\ub9cc \uc54c\ub824\uc838 \uc788\uc73c\uba70, \ub2e4\ub978 \ud30c\uc77c\uc740 \uc774\ub7ec\ud55c \ud3f4\ub354\uc758 \ub0b4\ubd80 \uad6c\uc870\uc5d0 \uc758\uc874\ud574\uc11c\ub294 \uc548 \ub429\ub2c8\ub2e4."]}),"\n",(0,t.jsx)(n.h3,{id:"ui\uc758-\ud070-\uc7ac\uc0ac\uc6a9-\ube14\ub85d",children:"UI\uc758 \ud070 \uc7ac\uc0ac\uc6a9 \ube14\ub85d"}),"\n",(0,t.jsx)(n.p,{children:"\uc55e\uc11c \ubaa8\ub4e0 \ud398\uc774\uc9c0\uc5d0 \ub098\ud0c0\ub098\ub294 \ud5e4\ub354\ub97c \ub2e4\uc2dc \uc0b4\ud3b4\ubcf4\uae30\ub85c \ud588\uc2b5\ub2c8\ub2e4. \ubaa8\ub4e0 \ud398\uc774\uc9c0\uc5d0\uc11c \ucc98\uc74c\ubd80\ud130 \ub2e4\uc2dc \ub9cc\ub4dc\ub294 \uac83\uc740 \ube44\uc2e4\uc6a9\uc801\uc774\ubbc0\ub85c \uc7ac\uc0ac\uc6a9\ud558\uace0 \uc2f6\uc744 \uac83\uc785\ub2c8\ub2e4. \uc6b0\ub9ac\ub294 \uc774\ubbf8 \ucf54\ub4dc \uc7ac\uc0ac\uc6a9\uc744 \uc6a9\uc774\ud558\uac8c \ud558\ub294 Shared\ub97c \uac00\uc9c0\uace0 \uc788\uc9c0\ub9cc, Shared\uc5d0 \ud070 UI \ube14\ub85d\uc744 \ub123\ub294 \ub370\ub294 \uc8fc\uc758\ud560 \uc810\uc774 \uc788\uc2b5\ub2c8\ub2e4 \u2014 Shared \uacc4\uce35\uc740 \uc704\uc758 \uacc4\uce35\uc5d0 \ub300\ud574 \uc54c\uc9c0 \ubabb\ud574\uc57c \ud569\ub2c8\ub2e4."}),"\n",(0,t.jsx)(n.p,{children:"Shared\uc640 Pages \uc0ac\uc774\uc5d0\ub294 Entities, Features, Widgets\uc758 \uc138 \uac00\uc9c0 \ub2e4\ub978 \uacc4\uce35\uc774 \uc788\uc2b5\ub2c8\ub2e4. \uc77c\ubd80 \ud504\ub85c\uc81d\ud2b8\ub294 \uc774\ub7ec\ud55c \uacc4\uce35\uc5d0 \ud070 \uc7ac\uc0ac\uc6a9 \uac00\ub2a5\ud55c \ube14\ub85d\uc5d0 \ud544\uc694\ud55c \uac83\uc774 \uc788\uc744 \uc218 \uc788\uc73c\uba70, \uc774\ub294 \ud574\ub2f9 \uc7ac\uc0ac\uc6a9 \uac00\ub2a5\ud55c \ube14\ub85d\uc744 Shared\uc5d0 \ub123\uc744 \uc218 \uc5c6\ub2e4\ub294 \uac83\uc744 \uc758\ubbf8\ud569\ub2c8\ub2e4. \uadf8\ub807\uc9c0 \uc54a\uc73c\uba74 \uc0c1\uc704 \uacc4\uce35\uc5d0\uc11c \uac00\uc838\uc624\uac8c \ub418\uc5b4 \uae08\uc9c0\ub429\ub2c8\ub2e4. \uc774\uac83\uc774 Widgets \uacc4\uce35\uc774 \ud544\uc694\ud55c \uc774\uc720\uc785\ub2c8\ub2e4. Widgets\ub294 Shared, Entities, Features \uc704\uc5d0 \uc704\uce58\ud558\ubbc0\ub85c \uc774\ub4e4 \ubaa8\ub450\ub97c \uc0ac\uc6a9\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4."}),"\n",(0,t.jsxs)(n.p,{children:["\uc6b0\ub9ac\uc758 \uacbd\uc6b0, \ud5e4\ub354\ub294 \ub9e4\uc6b0 \uac04\ub2e8\ud569\ub2c8\ub2e4 \u2014 \uc815\uc801 \ub85c\uace0\uc640 \ucd5c\uc0c1\uc704 \ud0d0\uc0c9\uc785\ub2c8\ub2e4. \ud0d0\uc0c9\uc740 \uc0ac\uc6a9\uc790\uac00 \ud604\uc7ac \ub85c\uadf8\uc778\ud588\ub294\uc9c0 \uc5ec\ubd80\ub97c \ud655\uc778\ud558\uae30 \uc704\ud574 API\uc5d0 \uc694\uccad\uc744 \ud574\uc57c \ud558\uc9c0\ub9cc, \uc774\ub294 ",(0,t.jsx)(n.code,{children:"api"})," \uc138\uadf8\uba3c\ud2b8\uc5d0\uc11c \uac04\ub2e8\ud55c \uac00\uc838\uc624\uae30\ub85c \ucc98\ub9ac\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4. \ub530\ub77c\uc11c \uc6b0\ub9ac\ub294 \ud5e4\ub354\ub97c Shared\uc5d0 \uc720\uc9c0\ud560 \uac83\uc785\ub2c8\ub2e4."]}),"\n",(0,t.jsx)(n.h3,{id:"\ud3fc\uc774-\uc788\ub294-\ud398\uc774\uc9c0-\uc790\uc138\ud788-\ubcf4\uae30",children:"\ud3fc\uc774 \uc788\ub294 \ud398\uc774\uc9c0 \uc790\uc138\ud788 \ubcf4\uae30"}),"\n",(0,t.jsx)(n.p,{children:"\uc77d\uae30\uac00 \uc544\ub2cc \ud3b8\uc9d1\uc744 \uc704\ud55c \ud398\uc774\uc9c0\ub3c4 \uc0b4\ud3b4\ubcf4\uaca0\uc2b5\ub2c8\ub2e4."}),"\n",(0,t.jsx)(n.p,{children:(0,t.jsx)(n.img,{alt:"Conduit post editor",src:r(9922).A+"",width:"2880",height:"1200"})}),"\n",(0,t.jsx)(n.p,{children:"\uac04\ub2e8\ud574 \ubcf4\uc774\uc9c0\ub9cc, \ud3fc \uc720\ud6a8\uc131 \uac80\uc0ac, \uc624\ub958 \uc0c1\ud0dc, \ub370\uc774\ud130 \uc9c0\uc18d\uc131 \ub4f1 \uc544\uc9c1 \ud0d0\uad6c\ud558\uc9c0 \uc54a\uc740 \uc560\ud50c\ub9ac\ucf00\uc774\uc158 \uac1c\ubc1c\uc758 \uc5ec\ub7ec \uce21\uba74\uc744 \ud3ec\ud568\ud558\uace0 \uc788\uc2b5\ub2c8\ub2e4."}),"\n",(0,t.jsxs)(n.p,{children:["\uc774 \ud398\uc774\uc9c0\ub97c \ub9cc\ub4e4\ub824\uba74 Shared\uc5d0\uc11c \uc77c\ubd80 \uc785\ub825\uacfc \ubc84\ud2bc\uc744 \uac00\uc838\uc640 \uc774 \ud398\uc774\uc9c0\uc758 ",(0,t.jsx)(n.code,{children:"ui"})," \uc138\uadf8\uba3c\ud2b8\uc5d0\uc11c \ud3fc\uc744 \uad6c\uc131\ud560 \uac83\uc785\ub2c8\ub2e4. \uadf8\ub7f0 \ub2e4\uc74c ",(0,t.jsx)(n.code,{children:"api"})," \uc138\uadf8\uba3c\ud2b8\uc5d0\uc11c \ubc31\uc5d4\ub4dc\uc5d0 \uae00\uc744 \uc0dd\uc131\ud558\ub294 \ubcc0\uacbd \uc694\uccad\uc744 \uc815\uc758\ud560 \uac83\uc785\ub2c8\ub2e4."]}),"\n",(0,t.jsxs)(n.p,{children:["\uc694\uccad\uc744 \ubcf4\ub0b4\uae30 \uc804\uc5d0 \uc720\ud6a8\uc131\uc744 \uac80\uc0ac\ud558\ub824\uba74 \uc720\ud6a8\uc131 \uac80\uc0ac \uc2a4\ud0a4\ub9c8\uac00 \ud544\uc694\ud558\uba70, \uc774\ub97c \uc704\ud55c \uc88b\uc740 \uc704\uce58\ub294 \ub370\uc774\ud130 \ubaa8\ub378\uc774\uae30 \ub54c\ubb38\uc5d0 ",(0,t.jsx)(n.code,{children:"model"})," \uc138\uadf8\uba3c\ud2b8\uc785\ub2c8\ub2e4. \uc5ec\uae30\uc11c \uc624\ub958 \uba54\uc2dc\uc9c0\ub97c \uc0dd\uc131\ud558\uace0 ",(0,t.jsx)(n.code,{children:"ui"})," \uc138\uadf8\uba3c\ud2b8\uc758 \ub2e4\ub978 \ucef4\ud3ec\ub10c\ud2b8\ub97c \uc0ac\uc6a9\ud558\uc5ec \ud45c\uc2dc\ud560 \uac83\uc785\ub2c8\ub2e4."]}),"\n",(0,t.jsxs)(n.p,{children:["\uc0ac\uc6a9\uc790 \uacbd\ud5d8\uc744 \uac1c\uc120\ud558\uae30 \uc704\ud574 \uc6b0\ubc1c\uc801\uc778 \ub370\uc774\ud130 \uc190\uc2e4\uc744 \ubc29\uc9c0\ud558\uae30 \uc704\ud574 \uc785\ub825\uc744 \uc9c0\uc18d\uc2dc\ud0ac \uc218\ub3c4 \uc788\uc2b5\ub2c8\ub2e4. \uc774\uac83\ub3c4 ",(0,t.jsx)(n.code,{children:"model"})," \uc138\uadf8\uba3c\ud2b8\uc758 \uc791\uc5c5\uc785\ub2c8\ub2e4."]}),"\n",(0,t.jsx)(n.h3,{id:"\uc694\uc57d",children:"\uc694\uc57d"}),"\n",(0,t.jsx)(n.p,{children:"\uc6b0\ub9ac\ub294 \uc5ec\ub7ec \ud398\uc774\uc9c0\ub97c \uac80\ud1a0\ud558\uace0 \uc560\ud50c\ub9ac\ucf00\uc774\uc158\uc758 \uc608\ube44 \uad6c\uc870\ub97c \uac1c\ub7b5\uc801\uc73c\ub85c \uc124\uba85\ud588\uc2b5\ub2c8\ub2e4."}),"\n",(0,t.jsxs)(n.ol,{children:["\n",(0,t.jsxs)(n.li,{children:["Shared layer","\n",(0,t.jsxs)(n.ol,{children:["\n",(0,t.jsxs)(n.li,{children:[(0,t.jsx)(n.code,{children:"ui"}),"\ub294 \uc7ac\uc0ac\uc6a9 \uac00\ub2a5\ud55c UI \ud0a4\ud2b8\ub97c \ud3ec\ud568\ud560 \uac83\uc785\ub2c8\ub2e4."]}),"\n",(0,t.jsxs)(n.li,{children:[(0,t.jsx)(n.code,{children:"api"}),"\ub294 \ubc31\uc5d4\ub4dc\uc640\uc758 \uae30\ubcf8\uc801\uc778 \uc0c1\ud638\uc791\uc6a9\uc744 \ud3ec\ud568\ud560 \uac83\uc785\ub2c8\ub2e4."]}),"\n",(0,t.jsx)(n.li,{children:"\ub098\uba38\uc9c0\ub294 \ud544\uc694\uc5d0 \ub530\ub77c \uc815\ub9ac\ub420 \uac83\uc785\ub2c8\ub2e4."}),"\n"]}),"\n"]}),"\n",(0,t.jsxs)(n.li,{children:["Pages layer \u2014 \uac01 \ud398\uc774\uc9c0\ub294 \ubcc4\ub3c4\uc758 \uc2ac\ub77c\uc774\uc2a4\uc785\ub2c8\ub2e4.","\n",(0,t.jsxs)(n.ol,{children:["\n",(0,t.jsxs)(n.li,{children:[(0,t.jsx)(n.code,{children:"ui"}),"\ub294 \ud398\uc774\uc9c0 \uc790\uccb4\uc640 \ubaa8\ub4e0 \ubd80\ubd84\uc744 \ud3ec\ud568\ud560 \uac83\uc785\ub2c8\ub2e4."]}),"\n",(0,t.jsxs)(n.li,{children:[(0,t.jsx)(n.code,{children:"api"}),"\ub294 ",(0,t.jsx)(n.code,{children:"shared/api"}),"\ub97c \uc0ac\uc6a9\ud558\uc5ec \ub354 \ud2b9\ud654\ub41c \ub370\uc774\ud130 \uac00\uc838\uc624\uae30\ub97c \ud3ec\ud568\ud560 \uac83\uc785\ub2c8\ub2e4."]}),"\n",(0,t.jsxs)(n.li,{children:[(0,t.jsx)(n.code,{children:"model"}),"\uc740 \ud45c\uc2dc\ud560 \ub370\uc774\ud130\uc758 \ud074\ub77c\uc774\uc5b8\ud2b8 \uce21 \uc800\uc7a5\uc18c\ub97c \ud3ec\ud568\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4."]}),"\n"]}),"\n"]}),"\n"]}),"\n",(0,t.jsx)(n.p,{children:"\uc774\uc81c \ucf54\ub4dc \uc791\uc131\uc744 \uc2dc\uc791\ud574 \ubd05\uc2dc\ub2e4!"}),"\n",(0,t.jsx)(n.h2,{id:"part-2-\ucf54\ub4dc-\uc791\uc131",children:"Part 2. \ucf54\ub4dc \uc791\uc131"}),"\n",(0,t.jsxs)(n.p,{children:["\uc774\uc81c \uc124\uacc4\ub97c \uc644\ub8cc\ud588\uc73c\ub2c8 \uc2e4\uc81c\ub85c \ucf54\ub4dc\ub97c \uc791\uc131\ud574 \ubd05\uc2dc\ub2e4. React\uc640 ",(0,t.jsx)(n.a,{href:"https://remix.run",children:"Remix"}),"\ub97c \uc0ac\uc6a9\ud560 \uac83\uc785\ub2c8\ub2e4."]}),"\n",(0,t.jsxs)(n.p,{children:["\uc774 \ud504\ub85c\uc81d\ud2b8\ub97c \uc704\ud55c \ud15c\ud50c\ub9bf\uc774 \uc900\ube44\ub418\uc5b4 \uc788\uc2b5\ub2c8\ub2e4. GitHub\uc5d0\uc11c \ud074\ub860\ud558\uc5ec \uc2dc\uc791\ud558\uc138\uc694. ",(0,t.jsx)(n.a,{href:"https://github.com/feature-sliced/tutorial-conduit/tree/clean",children:"https://github.com/feature-sliced/tutorial-conduit/tree/clean"}),"."]}),"\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.code,{children:"npm install"}),"\ub85c \uc758\uc874\uc131\uc744 \uc124\uce58\ud558\uace0 ",(0,t.jsx)(n.code,{children:"npm run dev"}),"\ub85c \uac1c\ubc1c \uc11c\ubc84\ub97c \uc2dc\uc791\ud558\uc138\uc694. ",(0,t.jsx)(n.a,{href:"http://localhost:3000",children:"http://localhost:3000"}),"\uc744 \uc5f4\uba74 \ube48 \uc571\uc774 \ubcf4\uc77c \uac83\uc785\ub2c8\ub2e4."]}),"\n",(0,t.jsx)(n.h3,{id:"\ud398\uc774\uc9c0-\ub808\uc774\uc544\uc6c3",children:"\ud398\uc774\uc9c0 \ub808\uc774\uc544\uc6c3"}),"\n",(0,t.jsx)(n.p,{children:"\ubaa8\ub4e0 \ud398\uc774\uc9c0\uc5d0 \ub300\ud55c \ube48 \ucef4\ud3ec\ub10c\ud2b8\ub97c \ub9cc\ub4dc\ub294 \uac83\ubd80\ud130 \uc2dc\uc791\ud558\uaca0\uc2b5\ub2c8\ub2e4. \ud504\ub85c\uc81d\ud2b8\uc5d0\uc11c \ub2e4\uc74c \uba85\ub839\uc744 \uc2e4\ud589\ud558\uc138\uc694."}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-bash",children:"npx fsd pages feed sign-in article-read article-edit profile settings --segments ui\n"})}),"\n",(0,t.jsxs)(n.p,{children:["\uc774\ub807\uac8c \ud558\uba74 ",(0,t.jsx)(n.code,{children:"pages/feed/ui/"}),"\uc640 \uac19\uc740 \ud3f4\ub354\uc640 \ubaa8\ub4e0 \ud398\uc774\uc9c0\uc5d0 \ub300\ud55c \uc778\ub371\uc2a4 \ud30c\uc77c\uc778 ",(0,t.jsx)(n.code,{children:"pages/feed/index.ts"}),"\uac00 \uc0dd\uc131\ub429\ub2c8\ub2e4."]}),"\n",(0,t.jsx)(n.h3,{id:"\ud53c\ub4dc-\ud398\uc774\uc9c0-\uc5f0\uacb0",children:"\ud53c\ub4dc \ud398\uc774\uc9c0 \uc5f0\uacb0"}),"\n",(0,t.jsxs)(n.p,{children:["\uc560\ud50c\ub9ac\ucf00\uc774\uc158\uc758 \ub8e8\ud2b8 \uacbd\ub85c\ub97c \ud53c\ub4dc \ud398\uc774\uc9c0\uc5d0 \uc5f0\uacb0\ud574 \ubd05\uc2dc\ub2e4. ",(0,t.jsx)(n.code,{children:"pages/feed/ui"}),"\uc5d0 ",(0,t.jsx)(n.code,{children:"FeedPage.tsx"})," \ucef4\ud3ec\ub10c\ud2b8\ub97c \ub9cc\ub4e4\uace0 \ub2e4\uc74c \ub0b4\uc6a9\uc744 \ub123\uc73c\uc138\uc694:"]}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/feed/ui/FeedPage.tsx"',children:'export function FeedPage() {\n  return (\n    <div className="home-page">\n      <div className="banner">\n        <div className="container">\n          <h1 className="logo-font">conduit</h1>\n          <p>A place to share your knowledge.</p>\n        </div>\n      </div>\n    </div>\n  );\n}\n'})}),"\n",(0,t.jsxs)(n.p,{children:["\uadf8\ub7f0 \ub2e4\uc74c \ud53c\ub4dc \ud398\uc774\uc9c0\uc758 \uacf5\uac1c API\uc778 ",(0,t.jsx)(n.code,{children:"pages/feed/index.ts"})," \ud30c\uc77c\uc5d0\uc11c \uc774 \ucef4\ud3ec\ub10c\ud2b8\ub97c \ub2e4\uc2dc \ub0b4\ubcf4\ub0b4\uc138\uc694."]}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-ts",metastring:'title="pages/feed/index.ts"',children:'export { FeedPage } from "./ui/FeedPage";\n'})}),"\n",(0,t.jsxs)(n.p,{children:["\uc774\uc81c \ub8e8\ud2b8 \uacbd\ub85c\uc5d0 \uc5f0\uacb0\ud569\ub2c8\ub2e4. Remix\uc5d0\uc11c \ub77c\uc6b0\ud305\uc740 \ud30c\uc77c \uae30\ubc18\uc774\uba70, \ub77c\uc6b0\ud2b8 \ud30c\uc77c\uc740 ",(0,t.jsx)(n.code,{children:"app/routes"})," \ud3f4\ub354\uc5d0 \uc788\uc5b4 Feature-Sliced Design\uacfc \uc798 \ub9de\uc2b5\ub2c8\ub2e4."]}),"\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.code,{children:"app/routes/_index.tsx"}),"\uc5d0\uc11c ",(0,t.jsx)(n.code,{children:"FeedPage"})," \ucef4\ud3ec\ub10c\ud2b8\ub97c \uc0ac\uc6a9\ud558\uc138\uc694."]}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-tsx",metastring:'title="app/routes/_index.tsx"',children:'import type { MetaFunction } from "@remix-run/node";\nimport { FeedPage } from "pages/feed";\n\nexport const meta: MetaFunction = () => {\n  return [{ title: "Conduit" }];\n};\n\nexport default FeedPage;\n'})}),"\n",(0,t.jsx)(n.p,{children:"\uadf8\ub7f0 \ub2e4\uc74c \uac1c\ubc1c \uc11c\ubc84\ub97c \uc2e4\ud589\ud558\uace0 \uc560\ud50c\ub9ac\ucf00\uc774\uc158\uc744 \uc5f4\uba74 Conduit \ubc30\ub108\uac00 \ubcf4\uc77c \uac83\uc785\ub2c8\ub2e4!"}),"\n",(0,t.jsx)(n.p,{children:(0,t.jsx)(n.img,{alt:"The banner of Conduit",src:r(8891).A+"",width:"2880",height:"338"})}),"\n",(0,t.jsx)(n.h3,{id:"api-\ud074\ub77c\uc774\uc5b8\ud2b8",children:"API \ud074\ub77c\uc774\uc5b8\ud2b8"}),"\n",(0,t.jsxs)(n.p,{children:["RealWorld \ubc31\uc5d4\ub4dc\uc640 \ud1b5\uc2e0\ud558\uae30 \uc704\ud574 Shared\uc5d0 \ud3b8\ub9ac\ud55c API \ud074\ub77c\uc774\uc5b8\ud2b8\ub97c \ub9cc\ub4e4\uc5b4 \ubd05\uc2dc\ub2e4. \ud074\ub77c\uc774\uc5b8\ud2b8\ub97c \uc704\ud55c ",(0,t.jsx)(n.code,{children:"api"}),"\uc640 \ubc31\uc5d4\ub4dc \uae30\ubcf8 URL\uacfc \uac19\uc740 \ubcc0\uc218\ub97c \uc704\ud55c ",(0,t.jsx)(n.code,{children:"config"}),", \ub450 \uac1c\uc758 \uc138\uadf8\uba3c\ud2b8\ub97c \ub9cc\ub4dc\uc138\uc694."]}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-bash",children:"npx fsd shared --segments api config\n"})}),"\n",(0,t.jsxs)(n.p,{children:["\uadf8\ub7f0 \ub2e4\uc74c ",(0,t.jsx)(n.code,{children:"shared/config/backend.ts"}),"\ub97c \ub9cc\ub4dc\uc138\uc694."]}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-tsx",metastring:'title="shared/config/backend.ts"',children:'export const backendBaseUrl = "https://api.realworld.io/api";\n'})}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-tsx",metastring:'title="shared/config/index.ts"',children:'export { backendBaseUrl } from "./backend";\n'})}),"\n",(0,t.jsxs)(n.p,{children:["RealWorld \ud504\ub85c\uc81d\ud2b8\ub294 \ud3b8\ub9ac\ud558\uac8c ",(0,t.jsx)(n.a,{href:"https://github.com/gothinkster/realworld/blob/main/api/openapi.yml",children:"OpenAPI \uc0ac\uc591"}),"\uc744 \uc81c\uacf5\ud558\ubbc0\ub85c, \ud074\ub77c\uc774\uc5b8\ud2b8\ub97c \uc704\ud55c \uc790\ub3d9 \uc0dd\uc131 \ud0c0\uc785\uc744 \ud65c\uc6a9\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4. \ucd94\uac00 \ud0c0\uc785 \uc0dd\uc131\uae30\uac00 \ud3ec\ud568\ub41c ",(0,t.jsxs)(n.a,{href:"https://openapi-ts.pages.dev/openapi-fetch/",children:[(0,t.jsx)(n.code,{children:"openapi-fetch"})," \ud328\ud0a4\uc9c0"]}),"\ub97c \uc0ac\uc6a9\ud560 \uac83\uc785\ub2c8\ub2e4."]}),"\n",(0,t.jsx)(n.p,{children:"\ub2e4\uc74c \uba85\ub839\uc744 \uc2e4\ud589\ud558\uc5ec \ucd5c\uc2e0 API \ud0c0\uc785\uc744 \uc0dd\uc131\ud558\uc138\uc694."}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-bash",children:"npm run generate-api-types\n"})}),"\n",(0,t.jsxs)(n.p,{children:["\uc774\ub807\uac8c \ud558\uba74 ",(0,t.jsx)(n.code,{children:"shared/api/v1.d.ts"})," \ud30c\uc77c\uc774 \uc0dd\uc131\ub429\ub2c8\ub2e4. \uc774 \ud30c\uc77c\uc744 \uc0ac\uc6a9\ud558\uc5ec ",(0,t.jsx)(n.code,{children:"shared/api/client.ts"}),"\uc5d0 \ud0c0\uc785\uc774 \uc9c0\uc815\ub41c API \ud074\ub77c\uc774\uc5b8\ud2b8\ub97c \ub9cc\ub4e4 \uac83\uc785\ub2c8\ub2e4."]}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-tsx",metastring:'title="shared/api/client.ts"',children:'import createClient from "openapi-fetch";\n\nimport { backendBaseUrl } from "shared/config";\nimport type { paths } from "./v1";\n\nexport const { GET, POST, PUT, DELETE } = createClient<paths>({ baseUrl: backendBaseUrl });\n'})}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-tsx",metastring:'title="shared/api/index.ts"',children:'export { GET, POST, PUT, DELETE } from "./client";\n'})}),"\n",(0,t.jsx)(n.h3,{id:"\ud53c\ub4dc\uc758-\uc2e4\uc81c-\ub370\uc774\ud130",children:"\ud53c\ub4dc\uc758 \uc2e4\uc81c \ub370\uc774\ud130"}),"\n",(0,t.jsx)(n.p,{children:"\uc774\uc81c \ubc31\uc5d4\ub4dc\uc5d0\uc11c \uac00\uc838\uc628 \uae00\uc744 \ud53c\ub4dc\uc5d0 \ucd94\uac00\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4. \uae00 \ubbf8\ub9ac\ubcf4\uae30 \ucef4\ud3ec\ub10c\ud2b8\ub97c \uad6c\ud604\ud558\ub294 \uac83\ubd80\ud130 \uc2dc\uc791\ud558\uaca0\uc2b5\ub2c8\ub2e4."}),"\n",(0,t.jsxs)(n.p,{children:["\ub2e4\uc74c \ub0b4\uc6a9\uc73c\ub85c ",(0,t.jsx)(n.code,{children:"pages/feed/ui/ArticlePreview.tsx"}),"\ub97c \ub9cc\ub4dc\uc138\uc694."]}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/feed/ui/ArticlePreview.tsx"',children:"export function ArticlePreview({ article }) { /* TODO */ }\n"})}),"\n",(0,t.jsxs)(n.p,{children:["TypeScript\ub97c \uc0ac\uc6a9\ud558\uace0 \uc788\uc73c\ubbc0\ub85c \uae00 \uac1d\uccb4\uc5d0 \ud0c0\uc785\uc744 \uc9c0\uc815\ud558\uba74 \uc88b\uc744 \uac83 \uac19\uc2b5\ub2c8\ub2e4. \uc0dd\uc131\ub41c ",(0,t.jsx)(n.code,{children:"v1.d.ts"}),"\ub97c \uc0b4\ud3b4\ubcf4\uba74 \uae00 \uac1d\uccb4\uac00 ",(0,t.jsx)(n.code,{children:'components["schemas"]["Article"]'}),"\uc744 \ud1b5\ud574 \uc0ac\uc6a9 \uac00\ub2a5\ud55c \uac83\uc744 \ubcfc \uc218 \uc788\uc2b5\ub2c8\ub2e4. \uadf8\ub7fc Shared\uc5d0 \ub370\uc774\ud130 \ubaa8\ub378\uc774 \uc788\ub294 \ud30c\uc77c\uc744 \ub9cc\ub4e4\uace0 \ubaa8\ub378\uc744 \ub0b4\ubcf4\ub0b4\uaca0\uc2b5\ub2c8\ub2e4."]}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-tsx",metastring:'title="shared/api/models.ts"',children:'import type { components } from "./v1";\n\nexport type Article = components["schemas"]["Article"];\n'})}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-tsx",metastring:'title="shared/api/index.ts"',children:'export { GET, POST, PUT, DELETE } from "./client";\n\nexport type { Article } from "./models";\n'})}),"\n",(0,t.jsx)(n.p,{children:"\uc774\uc81c \uae00 \ubbf8\ub9ac\ubcf4\uae30 \ucef4\ud3ec\ub10c\ud2b8\ub85c \ub3cc\uc544\uac00 \ub370\uc774\ud130\ub85c \ub9c8\ud06c\uc5c5\uc744 \ucc44\uc6b8 \uc218 \uc788\uc2b5\ub2c8\ub2e4. \ucef4\ud3ec\ub10c\ud2b8\ub97c \ub2e4\uc74c \ub0b4\uc6a9\uc73c\ub85c \uc5c5\ub370\uc774\ud2b8\ud558\uc138\uc694."}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/feed/ui/ArticlePreview.tsx"',children:'import { Link } from "@remix-run/react";\nimport type { Article } from "shared/api";\n\ninterface ArticlePreviewProps {\n  article: Article;\n}\n\nexport function ArticlePreview({ article }: ArticlePreviewProps) {\n  return (\n    <div className="article-preview">\n      <div className="article-meta">\n        <Link to={`/profile/${article.author.username}`} prefetch="intent">\n          <img src={article.author.image} alt="" />\n        </Link>\n        <div className="info">\n          <Link\n            to={`/profile/${article.author.username}`}\n            className="author"\n            prefetch="intent"\n          >\n            {article.author.username}\n          </Link>\n          <span className="date" suppressHydrationWarning>\n            {new Date(article.createdAt).toLocaleDateString(undefined, {\n              dateStyle: "long",\n            })}\n          </span>\n        </div>\n        <button className="btn btn-outline-primary btn-sm pull-xs-right">\n          <i className="ion-heart"></i> {article.favoritesCount}\n        </button>\n      </div>\n      <Link\n        to={`/article/${article.slug}`}\n        className="preview-link"\n        prefetch="intent"\n      >\n        <h1>{article.title}</h1>\n        <p>{article.description}</p>\n        <span>Read more...</span>\n        <ul className="tag-list">\n          {article.tagList.map((tag) => (\n            <li key={tag} className="tag-default tag-pill tag-outline">\n              {tag}\n            </li>\n          ))}\n        </ul>\n      </Link>\n    </div>\n  );\n}\n'})}),"\n",(0,t.jsx)(n.p,{children:"\uc88b\uc544\uc694 \ubc84\ud2bc\uc740 \uc9c0\uae08\uc740 \uc544\ubb34 \uc791\uc5c5\ub3c4 \ud558\uc9c0 \uc54a\uc2b5\ub2c8\ub2e4. \uae00 \uc77d\uae30 \ud398\uc774\uc9c0\ub97c \ub9cc\ub4e4\uace0 \uc88b\uc544\uc694 \uae30\ub2a5\uc744 \uad6c\ud604\ud560 \ub54c \uc218\uc815\ud558\uaca0\uc2b5\ub2c8\ub2e4."}),"\n",(0,t.jsxs)(n.p,{children:["\uc774\uc81c \uae00\uc744 \uac00\uc838\uc640\uc11c \uc774\ub7ec\ud55c \uce74\ub4dc\ub97c \uc5ec\ub7ec \uac1c \ub80c\ub354\ub9c1\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4. Remix\uc5d0\uc11c \ub370\uc774\ud130 \uac00\uc838\uc624\uae30\ub294 ",(0,t.jsx)(n.em,{children:"\ub85c\ub354"})," \u2014 \ud398\uc774\uc9c0\uac00 \ud544\uc694\ub85c \ud558\ub294 \uac83\uc744 \uc815\ud655\ud788 \uac00\uc838\uc624\ub294 \uc11c\ubc84 \uce21 \ud568\uc218 \u2014 \ub97c \ud1b5\ud574 \uc218\ud589\ub429\ub2c8\ub2e4. \ub85c\ub354\ub294 \ud398\uc774\uc9c0\ub97c \ub300\uc2e0\ud558\uc5ec API\uc640 \uc0c1\ud638 \uc791\uc6a9\ud558\ubbc0\ub85c \ud398\uc774\uc9c0\uc758 ",(0,t.jsx)(n.code,{children:"api"})," \uc138\uadf8\uba3c\ud2b8\uc5d0 \ub123\uc744 \uac83\uc785\ub2c8\ub2e4:"]}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/feed/api/loader.ts"',children:'import { json } from "@remix-run/node";\n\nimport { GET } from "shared/api";\n\nexport const loader = async () => {\n  const { data: articles, error, response } = await GET("/articles");\n\n  if (error !== undefined) {\n    throw json(error, { status: response.status });\n  }\n\n  return json({ articles });\n};\n'})}),"\n",(0,t.jsxs)(n.p,{children:["\ud398\uc774\uc9c0\uc5d0 \uc5f0\uacb0\ud558\ub824\uba74 \ub77c\uc6b0\ud2b8 \ud30c\uc77c\uc5d0\uc11c ",(0,t.jsx)(n.code,{children:"loader"}),"\ub77c\ub294 \uc774\ub984\uc73c\ub85c \ub0b4\ubcf4\ub0b4\uc57c \ud569\ub2c8\ub2e4."]}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/feed/index.ts"',children:'export { FeedPage } from "./ui/FeedPage";\nexport { loader } from "./api/loader";\n'})}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-tsx",metastring:'title="app/routes/_index.tsx"',children:'import type { MetaFunction } from "@remix-run/node";\nimport { FeedPage } from "pages/feed";\n\nexport { loader } from "pages/feed";\n\nexport const meta: MetaFunction = () => {\n  return [{ title: "Conduit" }];\n};\n\nexport default FeedPage;\n'})}),"\n",(0,t.jsxs)(n.p,{children:["\ub9c8\uc9c0\ub9c9 \ub2e8\uacc4\ub294 \ud53c\ub4dc\uc5d0 \uc774\ub7ec\ud55c \uce74\ub4dc\ub97c \ub80c\ub354\ub9c1\ud558\ub294 \uac83\uc785\ub2c8\ub2e4. ",(0,t.jsx)(n.code,{children:"FeedPage"}),"\ub97c \ub2e4\uc74c \ucf54\ub4dc\ub85c \uc5c5\ub370\uc774\ud2b8\ud558\uc138\uc694."]}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/feed/ui/FeedPage.tsx"',children:'import { useLoaderData } from "@remix-run/react";\n\nimport type { loader } from "../api/loader";\nimport { ArticlePreview } from "./ArticlePreview";\n\nexport function FeedPage() {\n  const { articles } = useLoaderData<typeof loader>();\n\n  return (\n    <div className="home-page">\n      <div className="banner">\n        <div className="container">\n          <h1 className="logo-font">conduit</h1>\n          <p>A place to share your knowledge.</p>\n        </div>\n      </div>\n\n      <div className="container page">\n        <div className="row">\n          <div className="col-md-9">\n            {articles.articles.map((article) => (\n              <ArticlePreview key={article.slug} article={article} />\n            ))}\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n}\n'})}),"\n",(0,t.jsx)(n.h3,{id:"\ud0dc\uadf8\ub85c-\ud544\ud130\ub9c1",children:"\ud0dc\uadf8\ub85c \ud544\ud130\ub9c1"}),"\n",(0,t.jsxs)(n.p,{children:["\ud0dc\uadf8\uc640 \uad00\ub828\ud574\uc11c\ub294 \ubc31\uc5d4\ub4dc\uc5d0\uc11c \ud0dc\uadf8\ub97c \uac00\uc838\uc624\uace0 \ud604\uc7ac \uc120\ud0dd\ub41c \ud0dc\uadf8\ub97c \uc800\uc7a5\ud574\uc57c \ud569\ub2c8\ub2e4. \uac00\uc838\uc624\uae30 \ubc29\ubc95\uc740 \uc774\ubbf8 \uc54c\uace0 \uc788\uc2b5\ub2c8\ub2e4 \u2014 \ub85c\ub354\uc5d0\uc11c \ub610 \ub2e4\ub978 \uc694\uccad\uc744 \ud558\uba74 \ub429\ub2c8\ub2e4. ",(0,t.jsx)(n.code,{children:"remix-utils"})," \ud328\ud0a4\uc9c0\uc5d0\uc11c ",(0,t.jsx)(n.code,{children:"promiseHash"}),"\ub77c\ub294 \ud3b8\ub9ac\ud55c \ud568\uc218\ub97c \uc0ac\uc6a9\ud560 \uac83\uc785\ub2c8\ub2e4. \uc774 \ud328\ud0a4\uc9c0\ub294 \uc774\ubbf8 \uc124\uce58\ub418\uc5b4 \uc788\uc2b5\ub2c8\ub2e4."]}),"\n",(0,t.jsxs)(n.p,{children:["\ub85c\ub354 \ud30c\uc77c\uc778 ",(0,t.jsx)(n.code,{children:"pages/feed/api/loader.ts"}),"\ub97c \ub2e4\uc74c \ucf54\ub4dc\ub85c \uc5c5\ub370\uc774\ud2b8\ud558\uc138\uc694."]}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/feed/api/loader.ts"',children:'import { json } from "@remix-run/node";\nimport type { FetchResponse } from "openapi-fetch";\nimport { promiseHash } from "remix-utils/promise";\n\nimport { GET } from "shared/api";\n\nasync function throwAnyErrors<T, O, Media extends `${string}/${string}`>(\n  responsePromise: Promise<FetchResponse<T, O, Media>>,\n) {\n  const { data, error, response } = await responsePromise;\n\n  if (error !== undefined) {\n    throw json(error, { status: response.status });\n  }\n\n  return data as NonNullable<typeof data>;\n}\n\nexport const loader = async () => {\n  return json(\n    await promiseHash({\n      articles: throwAnyErrors(GET("/articles")),\n      tags: throwAnyErrors(GET("/tags")),\n    }),\n  );\n};\n'})}),"\n",(0,t.jsxs)(n.p,{children:["\uc624\ub958 \ucc98\ub9ac\ub97c \uc77c\ubc18 \ud568\uc218 ",(0,t.jsx)(n.code,{children:"throwAnyErrors"}),"\ub85c \ucd94\ucd9c\ud588\ub2e4\ub294 \uc810\uc5d0 \uc8fc\ubaa9\ud558\uc138\uc694. \uaf64 \uc720\uc6a9\ud574 \ubcf4\uc774\ubbc0\ub85c \ub098\uc911\uc5d0 \uc7ac\uc0ac\uc6a9\ud560 \uc218 \uc788\uc744 \uac83 \uac19\uc2b5\ub2c8\ub2e4. \uc9c0\uae08\uc740 \uadf8\ub0e5 \uc8fc\ubaa9\ud574 \ub450\uaca0\uc2b5\ub2c8\ub2e4."]}),"\n",(0,t.jsx)(n.p,{children:"\uc774\uc81c \ud0dc\uadf8 \ubaa9\ub85d\uc73c\ub85c \ub118\uc5b4\uac11\uc2dc\ub2e4. \uc774\ub294 \uc0c1\ud638\uc791\uc6a9\uc774 \uac00\ub2a5\ud574\uc57c \ud569\ub2c8\ub2e4 \u2014 \ud0dc\uadf8\ub97c \ud074\ub9ad\ud558\uba74 \ud574\ub2f9 \ud0dc\uadf8\uac00 \uc120\ud0dd\ub418\uc5b4\uc57c \ud569\ub2c8\ub2e4. Remix \uaddc\uce59\uc5d0 \ub530\ub77c URL \uac80\uc0c9 \ub9e4\uac1c\ubcc0\uc218\ub97c \uc120\ud0dd\ub41c \ud0dc\uadf8\uc758 \uc800\uc7a5\uc18c\ub85c \uc0ac\uc6a9\ud560 \uac83\uc785\ub2c8\ub2e4. \ube0c\ub77c\uc6b0\uc800\uac00 \uc800\uc7a5\uc744 \ucc98\ub9ac\ud558\uac8c \ud558\uace0 \uc6b0\ub9ac\ub294 \ub354 \uc911\uc694\ud55c \uc77c\uc5d0 \uc9d1\uc911\ud558\uaca0\uc2b5\ub2c8\ub2e4."}),"\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.code,{children:"pages/feed/ui/FeedPage.tsx"}),"\ub97c \ub2e4\uc74c \ucf54\ub4dc\ub85c \uc5c5\ub370\uc774\ud2b8\ud558\uc138\uc694."]}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/feed/ui/FeedPage.tsx"',children:'import { Form, useLoaderData } from "@remix-run/react";\nimport { ExistingSearchParams } from "remix-utils/existing-search-params";\n\nimport type { loader } from "../api/loader";\nimport { ArticlePreview } from "./ArticlePreview";\n\nexport function FeedPage() {\n  const { articles, tags } = useLoaderData<typeof loader>();\n\n  return (\n    <div className="home-page">\n      <div className="banner">\n        <div className="container">\n          <h1 className="logo-font">conduit</h1>\n          <p>A place to share your knowledge.</p>\n        </div>\n      </div>\n\n      <div className="container page">\n        <div className="row">\n          <div className="col-md-9">\n            {articles.articles.map((article) => (\n              <ArticlePreview key={article.slug} article={article} />\n            ))}\n          </div>\n\n          <div className="col-md-3">\n            <div className="sidebar">\n              <p>Popular Tags</p>\n\n              <Form>\n                <ExistingSearchParams exclude={["tag"]} />\n                <div className="tag-list">\n                  {tags.tags.map((tag) => (\n                    <button\n                      key={tag}\n                      name="tag"\n                      value={tag}\n                      className="tag-pill tag-default"\n                    >\n                      {tag}\n                    </button>\n                  ))}\n                </div>\n              </Form>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n} \n'})}),"\n",(0,t.jsxs)(n.p,{children:["\uadf8\ub7f0 \ub2e4\uc74c \ub85c\ub354\uc5d0\uc11c ",(0,t.jsx)(n.code,{children:"tag"})," \uac80\uc0c9 \ub9e4\uac1c\ubcc0\uc218\ub97c \uc0ac\uc6a9\ud574\uc57c \ud569\ub2c8\ub2e4. ",(0,t.jsx)(n.code,{children:"pages/feed/api/loader.ts"}),"\uc758 ",(0,t.jsx)(n.code,{children:"loader"})," \ud568\uc218\ub97c \ub2e4\uc74c\uacfc \uac19\uc774 \ubcc0\uacbd\ud558\uc138\uc694."]}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/feed/api/loader.ts"',children:'import { json, type LoaderFunctionArgs } from "@remix-run/node";\nimport type { FetchResponse } from "openapi-fetch";\nimport { promiseHash } from "remix-utils/promise";\n\nimport { GET } from "shared/api";\n\nasync function throwAnyErrors<T, O, Media extends `${string}/${string}`>(\n  responsePromise: Promise<FetchResponse<T, O, Media>>,\n) {\n  const { data, error, response } = await responsePromise;\n\n  if (error !== undefined) {\n    throw json(error, { status: response.status });\n  }\n\n  return data as NonNullable<typeof data>;\n}\n\nexport const loader = async ({ request }: LoaderFunctionArgs) => {\n  const url = new URL(request.url);\n  const selectedTag = url.searchParams.get("tag") ?? undefined;\n\n  return json(\n    await promiseHash({\n      articles: throwAnyErrors(\n        GET("/articles", { params: { query: { tag: selectedTag } } }),\n      ),\n      tags: throwAnyErrors(GET("/tags")),\n    }),\n  );\n};\n'})}),"\n",(0,t.jsxs)(n.p,{children:["\uc774\uac8c \uc804\ubd80\uc785\ub2c8\ub2e4. ",(0,t.jsx)(n.code,{children:"model"})," \uc138\uadf8\uba3c\ud2b8\uac00 \ud544\uc694\ud558\uc9c0 \uc54a\uc2b5\ub2c8\ub2e4. Remix\ub294 \uaf64 \uae54\ub054\ud558\uc8e0."]}),"\n",(0,t.jsx)(n.h3,{id:"\ud398\uc774\uc9c0\ub124\uc774\uc158",children:"\ud398\uc774\uc9c0\ub124\uc774\uc158"}),"\n",(0,t.jsx)(n.p,{children:"\ube44\uc2b7\ud55c \ubc29\uc2dd\uc73c\ub85c \ud398\uc774\uc9c0\ub124\uc774\uc158\uc744 \uad6c\ud604\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4. \uc9c1\uc811 \uc2dc\ub3c4\ud574 \ubcf4\uac70\ub098 \uc544\ub798 \ucf54\ub4dc\ub97c \ubcf5\uc0ac\ud558\uc138\uc694. \uc5b4\ucc28\ud53c \ub2f9\uc2e0\uc744 \ud310\ub2e8\ud560 \uc0ac\ub78c\uc740 \uc5c6\uc2b5\ub2c8\ub2e4."}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/feed/api/loader.ts"',children:'import { json, type LoaderFunctionArgs } from "@remix-run/node";\nimport type { FetchResponse } from "openapi-fetch";\nimport { promiseHash } from "remix-utils/promise";\n\nimport { GET } from "shared/api";\n\nasync function throwAnyErrors<T, O, Media extends `${string}/${string}`>(\n  responsePromise: Promise<FetchResponse<T, O, Media>>,\n) {\n  const { data, error, response } = await responsePromise;\n\n  if (error !== undefined) {\n    throw json(error, { status: response.status });\n  }\n\n  return data as NonNullable<typeof data>;\n}\n\n/** Amount of articles on one page. */\nexport const LIMIT = 20;\n\nexport const loader = async ({ request }: LoaderFunctionArgs) => {\n  const url = new URL(request.url);\n  const selectedTag = url.searchParams.get("tag") ?? undefined;\n  const page = parseInt(url.searchParams.get("page") ?? "", 10);\n\n  return json(\n    await promiseHash({\n      articles: throwAnyErrors(\n        GET("/articles", {\n          params: {\n            query: {\n              tag: selectedTag,\n              limit: LIMIT,\n              offset: !Number.isNaN(page) ? page * LIMIT : undefined,\n            },\n          },\n        }),\n      ),\n      tags: throwAnyErrors(GET("/tags")),\n    }),\n  );\n};\n'})}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/feed/ui/FeedPage.tsx"',children:'import { Form, useLoaderData, useSearchParams } from "@remix-run/react";\nimport { ExistingSearchParams } from "remix-utils/existing-search-params";\n\nimport { LIMIT, type loader } from "../api/loader";\nimport { ArticlePreview } from "./ArticlePreview";\n\nexport function FeedPage() {\n  const [searchParams] = useSearchParams();\n  const { articles, tags } = useLoaderData<typeof loader>();\n  const pageAmount = Math.ceil(articles.articlesCount / LIMIT);\n  const currentPage = parseInt(searchParams.get("page") ?? "1", 10);\n\n  return (\n    <div className="home-page">\n      <div className="banner">\n        <div className="container">\n          <h1 className="logo-font">conduit</h1>\n          <p>A place to share your knowledge.</p>\n        </div>\n      </div>\n\n      <div className="container page">\n        <div className="row">\n          <div className="col-md-9">\n            {articles.articles.map((article) => (\n              <ArticlePreview key={article.slug} article={article} />\n            ))}\n\n            <Form>\n              <ExistingSearchParams exclude={["page"]} />\n              <ul className="pagination">\n                {Array(pageAmount)\n                  .fill(null)\n                  .map((_, index) =>\n                    index + 1 === currentPage ? (\n                      <li key={index} className="page-item active">\n                        <span className="page-link">{index + 1}</span>\n                      </li>\n                    ) : (\n                      <li key={index} className="page-item">\n                        <button\n                          className="page-link"\n                          name="page"\n                          value={index + 1}\n                        >\n                          {index + 1}\n                        </button>\n                      </li>\n                    ),\n                  )}\n              </ul>\n            </Form>\n          </div>\n\n          <div className="col-md-3">\n            <div className="sidebar">\n              <p>Popular Tags</p>\n\n              <Form>\n                <ExistingSearchParams exclude={["tag", "page"]} />\n                <div className="tag-list">\n                  {tags.tags.map((tag) => (\n                    <button\n                      key={tag}\n                      name="tag"\n                      value={tag}\n                      className="tag-pill tag-default"\n                    >\n                      {tag}\n                    </button>\n                  ))}\n                </div>\n              </Form>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n}\n'})}),"\n",(0,t.jsx)(n.p,{children:"\uc774\uac83\uc73c\ub85c \uc644\ub8cc\ub418\uc5c8\uc2b5\ub2c8\ub2e4. \ud0ed \ubaa9\ub85d\ub3c4 \ube44\uc2b7\ud558\uac8c \uad6c\ud604\ud560 \uc218 \uc788\uc9c0\ub9cc, \uc778\uc99d\uc744 \uad6c\ud604\ud560 \ub54c\uae4c\uc9c0 \uc7a0\uc2dc \ubcf4\ub958\ud558\uaca0\uc2b5\ub2c8\ub2e4. \uadf8\ub7f0\ub370 \ub9d0\uc774 \ub098\uc654\uc73c\ub2c8!"}),"\n",(0,t.jsx)(n.h3,{id:"\uc778\uc99d",children:"\uc778\uc99d"}),"\n",(0,t.jsxs)(n.p,{children:["\uc778\uc99d\uc5d0\ub294 \ub450 \uac1c\uc758 \ud398\uc774\uc9c0\uac00 \uad00\ub828\ub429\ub2c8\ub2e4 - \ub85c\uadf8\uc778\uacfc \ud68c\uc6d0\uac00\uc785\uc785\ub2c8\ub2e4. \uc774\ub4e4\uc740 \ub300\ubd80\ubd84 \ub3d9\uc77c\ud558\ubbc0\ub85c \ud544\uc694\ud55c \uacbd\uc6b0 \ucf54\ub4dc\ub97c \uc7ac\uc0ac\uc6a9\ud560 \uc218 \uc788\ub3c4\ub85d ",(0,t.jsx)(n.code,{children:"sign-in"}),"\uc774\ub77c\ub294 \ub3d9\uc77c\ud55c \uc2ac\ub77c\uc774\uc2a4\uc5d0 \uc720\uc9c0\ud558\ub294 \uac83\uc774 \ud569\ub9ac\uc801\uc785\ub2c8\ub2e4."]}),"\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.code,{children:"pages/sign-in"}),"\uc758 ",(0,t.jsx)(n.code,{children:"ui"})," \uc138\uadf8\uba3c\ud2b8\uc5d0 \ub2e4\uc74c \ub0b4\uc6a9\uc73c\ub85c ",(0,t.jsx)(n.code,{children:"RegisterPage.tsx"}),"\ub97c \ub9cc\ub4dc\uc138\uc694."]}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/sign-in/ui/RegisterPage.tsx"',children:'import { Form, Link, useActionData } from "@remix-run/react";\n\nimport type { register } from "../api/register";\n\nexport function RegisterPage() {\n  const registerData = useActionData<typeof register>();\n\n  return (\n    <div className="auth-page">\n      <div className="container page">\n        <div className="row">\n          <div className="col-md-6 offset-md-3 col-xs-12">\n            <h1 className="text-xs-center">Sign up</h1>\n            <p className="text-xs-center">\n              <Link to="/login">Have an account?</Link>\n            </p>\n\n            {registerData?.error && (\n              <ul className="error-messages">\n                {registerData.error.errors.body.map((error) => (\n                  <li key={error}>{error}</li>\n                ))}\n              </ul>\n            )}\n\n            <Form method="post">\n              <fieldset className="form-group">\n                <input\n                  className="form-control form-control-lg"\n                  type="text"\n                  name="username"\n                  placeholder="Username"\n                />\n              </fieldset>\n              <fieldset className="form-group">\n                <input\n                  className="form-control form-control-lg"\n                  type="text"\n                  name="email"\n                  placeholder="Email"\n                />\n              </fieldset>\n              <fieldset className="form-group">\n                <input\n                  className="form-control form-control-lg"\n                  type="password"\n                  name="password"\n                  placeholder="Password"\n                />\n              </fieldset>\n              <button className="btn btn-lg btn-primary pull-xs-right">\n                Sign up\n              </button>\n            </Form>\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n}\n'})}),"\n",(0,t.jsx)(n.p,{children:"\uc774\uc81c \uace0\uccd0\uc57c \ud560 \uae68\uc9c4 import\uac00 \uc788\uc2b5\ub2c8\ub2e4. \uc0c8\ub85c\uc6b4 \uc138\uadf8\uba3c\ud2b8\uac00 \ud544\uc694\ud558\ubbc0\ub85c \ub2e4\uc74c\uacfc \uac19\uc774 \ub9cc\ub4dc\uc138\uc694."}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-bash",children:"npx fsd pages sign-in -s api\n"})}),"\n",(0,t.jsx)(n.p,{children:"\uadf8\ub7ec\ub098 \ub4f1\ub85d\uc758 \ubc31\uc5d4\ub4dc \ubd80\ubd84\uc744 \uad6c\ud604\ud558\uae30 \uc804\uc5d0 Remix\uac00 \uc138\uc158\uc744 \ucc98\ub9ac\ud560 \uc218 \uc788\ub3c4\ub85d \uc77c\ubd80 \uc778\ud504\ub77c \ucf54\ub4dc\uac00 \ud544\uc694\ud569\ub2c8\ub2e4. \ub2e4\ub978 \ud398\uc774\uc9c0\uc5d0\uc11c\ub3c4 \ud544\uc694\ud560 \uc218 \uc788\uc73c\ubbc0\ub85c \uc774\ub294 Shared\ub85c \uac11\ub2c8\ub2e4."}),"\n",(0,t.jsxs)(n.p,{children:["\ub2e4\uc74c \ucf54\ub4dc\ub97c ",(0,t.jsx)(n.code,{children:"shared/api/auth.server.ts"}),"\uc5d0 \ub123\uc73c\uc138\uc694. \uc774\ub294 Remix\uc5d0 \ub9e4\uc6b0 \ud2b9\ud654\ub41c \uac83\uc774\ubbc0\ub85c \ub108\ubb34 \uac71\uc815\ud558\uc9c0 \ub9c8\uc138\uc694. \uadf8\ub0e5 \ubcf5\uc0ac-\ubd99\uc5ec\ub123\uae30 \ud558\uc138\uc694."]}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-tsx",metastring:'title="shared/api/auth.server.ts"',children:'import { createCookieSessionStorage, redirect } from "@remix-run/node";\nimport invariant from "tiny-invariant";\n\nimport type { User } from "./models";\n\ninvariant(\n  process.env.SESSION_SECRET,\n  "SESSION_SECRET must be set for authentication to work",\n);\n\nconst sessionStorage = createCookieSessionStorage<{\n  user: User;\n}>({\n  cookie: {\n    name: "__session",\n    httpOnly: true,\n    path: "/",\n    sameSite: "lax",\n    secrets: [process.env.SESSION_SECRET],\n    secure: process.env.NODE_ENV === "production",\n  },\n});\n\nexport async function createUserSession({\n  request,\n  user,\n  redirectTo,\n}: {\n  request: Request;\n  user: User;\n  redirectTo: string;\n}) {\n  const cookie = request.headers.get("Cookie");\n  const session = await sessionStorage.getSession(cookie);\n\n  session.set("user", user);\n\n  return redirect(redirectTo, {\n    headers: {\n      "Set-Cookie": await sessionStorage.commitSession(session, {\n        maxAge: 60 * 60 * 24 * 7, // 7 days\n      }),\n    },\n  });\n}\n\nexport async function getUserFromSession(request: Request) {\n  const cookie = request.headers.get("Cookie");\n  const session = await sessionStorage.getSession(cookie);\n\n  return session.get("user") ?? null;\n}\n\nexport async function requireUser(request: Request) {\n  const user = await getUserFromSession(request);\n\n  if (user === null) {\n    throw redirect("/login");\n  }\n\n  return user;\n}\n'})}),"\n",(0,t.jsxs)(n.p,{children:["\uadf8\ub9ac\uace0 \ubc14\ub85c \uc606\uc5d0 \uc788\ub294 ",(0,t.jsx)(n.code,{children:"models.ts"})," \ud30c\uc77c\uc5d0\uc11c ",(0,t.jsx)(n.code,{children:"User"})," \ubaa8\ub378\ub3c4 \ub0b4\ubcf4\ub0b4\uc138\uc694."]}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-tsx",metastring:'title="shared/api/models.ts"',children:'import type { components } from "./v1";\n\nexport type Article = components["schemas"]["Article"];\nexport type User = components["schemas"]["User"];\n'})}),"\n",(0,t.jsxs)(n.p,{children:["\uc774 \ucf54\ub4dc\uac00 \uc791\ub3d9\ud558\ub824\uba74 ",(0,t.jsx)(n.code,{children:"SESSION_SECRET"})," \ud658\uacbd \ubcc0\uc218\ub97c \uc124\uc815\ud574\uc57c \ud569\ub2c8\ub2e4. \ud504\ub85c\uc81d\ud2b8 \ub8e8\ud2b8\uc5d0 ",(0,t.jsx)(n.code,{children:".env"})," \ud30c\uc77c\uc744 \ub9cc\ub4e4\uace0 ",(0,t.jsx)(n.code,{children:"SESSION_SECRET="}),"\uc744 \uc791\uc131\ud55c \ub2e4\uc74c \ud0a4\ubcf4\ub4dc\uc5d0\uc11c \ubb34\uc791\uc704\ub85c \ud0a4\ub97c \ub20c\ub7ec \uae34 \ubb34\uc791\uc704 \ubb38\uc790\uc5f4\uc744 \ub9cc\ub4dc\uc138\uc694. \ub2e4\uc74c\uacfc \uac19\uc740 \uacb0\uacfc\uac00 \ub098\uc640\uc57c \ud569\ub2c8\ub2e4."]}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-bash",metastring:'title=".env"',children:"SESSION_SECRET=dontyoudarecopypastethis\n"})}),"\n",(0,t.jsx)(n.p,{children:"\ub9c8\uc9c0\ub9c9\uc73c\ub85c \uc774 \ucf54\ub4dc\ub97c \uc0ac\uc6a9\ud558\uae30 \uc704\ud574 \uacf5\uac1c API\uc5d0 \uc77c\ubd80 \ub0b4\ubcf4\ub0b4\uae30\ub97c \ucd94\uac00\ud558\uc138\uc694."}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-tsx",metastring:'title="shared/api/index.ts"',children:'export { GET, POST, PUT, DELETE } from "./client";\n\nexport type { Article } from "./models";\n\nexport { createUserSession, getUserFromSession, requireUser } from "./auth.server";\n'})}),"\n",(0,t.jsxs)(n.p,{children:["\uc774\uc81c RealWorld \ubc31\uc5d4\ub4dc\uc640 \uc2e4\uc81c\ub85c \ud1b5\uc2e0\ud558\uc5ec \ub4f1\ub85d\uc744 \uc218\ud589\ud558\ub294 \ucf54\ub4dc\ub97c \uc791\uc131\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4. \uadf8\uac83\uc744 ",(0,t.jsx)(n.code,{children:"pages/sign-in/api"}),"\uc5d0 \uc720\uc9c0\ud560 \uac83\uc785\ub2c8\ub2e4. ",(0,t.jsx)(n.code,{children:"register.ts"}),"\ub77c\ub294 \ud30c\uc77c\uc744 \ub9cc\ub4e4\uace0 \ub2e4\uc74c \ucf54\ub4dc\ub97c \ub123\uc73c\uc138\uc694."]}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/sign-in/api/register.ts"',children:'import { json, type ActionFunctionArgs } from "@remix-run/node";\n\nimport { POST, createUserSession } from "shared/api";\n\nexport const register = async ({ request }: ActionFunctionArgs) => {\n  const formData = await request.formData();\n  const username = formData.get("username")?.toString() ?? "";\n  const email = formData.get("email")?.toString() ?? "";\n  const password = formData.get("password")?.toString() ?? "";\n\n  const { data, error } = await POST("/users", {\n    body: { user: { email, password, username } },\n  });\n\n  if (error) {\n    return json({ error }, { status: 400 });\n  } else {\n    return createUserSession({\n      request: request,\n      user: data.user,\n      redirectTo: "/",\n    });\n  }\n};\n'})}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/sign-in/index.ts"',children:"export { RegisterPage } from './ui/RegisterPage';\nexport { register } from './api/register';\n"})}),"\n",(0,t.jsxs)(n.p,{children:["\uac70\uc758 \ub2e4 \uc654\uc2b5\ub2c8\ub2e4! \ud398\uc774\uc9c0\uc640 \uc561\uc158\uc744 ",(0,t.jsx)(n.code,{children:"/register"})," \ub77c\uc6b0\ud2b8\uc5d0 \uc5f0\uacb0\ud558\uae30\ub9cc \ud558\uba74 \ub429\ub2c8\ub2e4. ",(0,t.jsx)(n.code,{children:"app/routes"}),"\uc5d0 ",(0,t.jsx)(n.code,{children:"register.tsx"}),"\ub97c \ub9cc\ub4dc\uc138\uc694."]}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-tsx",metastring:'title="app/routes/register.tsx"',children:'import { RegisterPage, register } from "pages/sign-in";\n\nexport { register as action };\n\nexport default RegisterPage;\n'})}),"\n",(0,t.jsxs)(n.p,{children:["\uc774\uc81c ",(0,t.jsx)(n.a,{href:"http://localhost:3000/register",children:"http://localhost:3000/register"}),"\ub85c \uac00\uba74 \uc0ac\uc6a9\uc790\ub97c \uc0dd\uc131\ud560 \uc218 \uc788\uc5b4\uc57c \ud569\ub2c8\ub2e4! \uc560\ud50c\ub9ac\ucf00\uc774\uc158\uc758 \ub098\uba38\uc9c0 \ubd80\ubd84\uc740 \uc544\uc9c1 \uc774\uc5d0 \ubc18\uc751\ud558\uc9c0 \uc54a\uc744 \uac83\uc785\ub2c8\ub2e4. \uace7 \uadf8 \ubb38\uc81c\ub97c \ud574\uacb0\ud558\uaca0\uc2b5\ub2c8\ub2e4."]}),"\n",(0,t.jsx)(n.p,{children:"\ub9e4\uc6b0 \uc720\uc0ac\ud55c \ubc29\uc2dd\uc73c\ub85c \ub85c\uadf8\uc778 \ud398\uc774\uc9c0\ub97c \uad6c\ud604\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4. \uc9c1\uc811 \uc2dc\ub3c4\ud574 \ubcf4\uac70\ub098 \uadf8\ub0e5 \ucf54\ub4dc\ub97c \uac00\uc838\uc640\uc11c \uacc4\uc18d \uc9c4\ud589\ud558\uc138\uc694."}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/sign-in/api/sign-in.ts"',children:'import { json, type ActionFunctionArgs } from "@remix-run/node";\n\nimport { POST, createUserSession } from "shared/api";\n\nexport const signIn = async ({ request }: ActionFunctionArgs) => {\n  const formData = await request.formData();\n  const email = formData.get("email")?.toString() ?? "";\n  const password = formData.get("password")?.toString() ?? "";\n\n  const { data, error } = await POST("/users/login", {\n    body: { user: { email, password } },\n  });\n\n  if (error) {\n    return json({ error }, { status: 400 });\n  } else {\n    return createUserSession({\n      request: request,\n      user: data.user,\n      redirectTo: "/",\n    });\n  }\n};\n'})}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/sign-in/ui/SignInPage.tsx"',children:'import { Form, Link, useActionData } from "@remix-run/react";\n\nimport type { signIn } from "../api/sign-in";\n\nexport function SignInPage() {\n  const signInData = useActionData<typeof signIn>();\n\n  return (\n    <div className="auth-page">\n      <div className="container page">\n        <div className="row">\n          <div className="col-md-6 offset-md-3 col-xs-12">\n            <h1 className="text-xs-center">Sign in</h1>\n            <p className="text-xs-center">\n              <Link to="/register">Need an account?</Link>\n            </p>\n\n            {signInData?.error && (\n              <ul className="error-messages">\n                {signInData.error.errors.body.map((error) => (\n                  <li key={error}>{error}</li>\n                ))}\n              </ul>\n            )}\n\n            <Form method="post">\n              <fieldset className="form-group">\n                <input\n                  className="form-control form-control-lg"\n                  name="email"\n                  type="text"\n                  placeholder="Email"\n                />\n              </fieldset>\n              <fieldset className="form-group">\n                <input\n                  className="form-control form-control-lg"\n                  name="password"\n                  type="password"\n                  placeholder="Password"\n                />\n              </fieldset>\n              <button className="btn btn-lg btn-primary pull-xs-right">\n                Sign in\n              </button>\n            </Form>\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n}\n'})}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/sign-in/index.ts"',children:"export { RegisterPage } from './ui/RegisterPage';\nexport { register } from './api/register';\nexport { SignInPage } from './ui/SignInPage';\nexport { signIn } from './api/sign-in';\n"})}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-tsx",metastring:'title="app/routes/login.tsx"',children:'import { SignInPage, signIn } from "pages/sign-in";\n\nexport { signIn as action };\n\nexport default SignInPage;\n'})}),"\n",(0,t.jsx)(n.p,{children:"\uc774\uc81c \uc0ac\uc6a9\uc790\uac00 \uc774 \ud398\uc774\uc9c0\uc5d0 \uc2e4\uc81c\ub85c \uc811\uadfc\ud560 \uc218 \uc788\ub294 \ubc29\ubc95\uc744 \uc81c\uacf5\ud574 \ubd05\uc2dc\ub2e4."}),"\n",(0,t.jsx)(n.h3,{id:"\ud5e4\ub354",children:"\ud5e4\ub354"}),"\n",(0,t.jsx)(n.p,{children:"1\ubd80\uc5d0\uc11c \ub17c\uc758\ud588\ub4ef\uc774, \uc571 \ud5e4\ub354\ub294 \uc77c\ubc18\uc801\uc73c\ub85c Widgets\ub098 Shared\uc5d0 \ubc30\uce58\ub429\ub2c8\ub2e4. \ub9e4\uc6b0 \uac04\ub2e8\ud558\uace0 \ubaa8\ub4e0 \ube44\uc988\ub2c8\uc2a4 \ub85c\uc9c1\uc744 \uc678\ubd80\uc5d0 \uc720\uc9c0\ud560 \uc218 \uc788\uae30 \ub54c\ubb38\uc5d0 Shared\uc5d0 \ub123\uc744 \uac83\uc785\ub2c8\ub2e4. \uc774\ub97c \uc704\ud55c \uc7a5\uc18c\ub97c \ub9cc\ub4e4\uc5b4 \ubd05\uc2dc\ub2e4."}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-bash",children:"npx fsd shared ui\n"})}),"\n",(0,t.jsxs)(n.p,{children:["\uc774\uc81c \ub2e4\uc74c \ub0b4\uc6a9\uc73c\ub85c ",(0,t.jsx)(n.code,{children:"shared/ui/Header.tsx"}),"\ub97c \ub9cc\ub4dc\uc138\uc694."]}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-tsx",metastring:'title="shared/ui/Header.tsx"',children:'import { useContext } from "react";\nimport { Link, useLocation } from "@remix-run/react";\n\nimport { CurrentUser } from "../api/currentUser";\n\nexport function Header() {\n  const currentUser = useContext(CurrentUser);\n  const { pathname } = useLocation();\n\n  return (\n    <nav className="navbar navbar-light">\n      <div className="container">\n        <Link className="navbar-brand" to="/" prefetch="intent">\n          conduit\n        </Link>\n        <ul className="nav navbar-nav pull-xs-right">\n          <li className="nav-item">\n            <Link\n              prefetch="intent"\n              className={`nav-link ${pathname == "/" ? "active" : ""}`}\n              to="/"\n            >\n              Home\n            </Link>\n          </li>\n          {currentUser == null ? (\n            <>\n              <li className="nav-item">\n                <Link\n                  prefetch="intent"\n                  className={`nav-link ${pathname == "/login" ? "active" : ""}`}\n                  to="/login"\n                >\n                  Sign in\n                </Link>\n              </li>\n              <li className="nav-item">\n                <Link\n                  prefetch="intent"\n                  className={`nav-link ${pathname == "/register" ? "active" : ""}`}\n                  to="/register"\n                >\n                  Sign up\n                </Link>\n              </li>\n            </>\n          ) : (\n            <>\n              <li className="nav-item">\n                <Link\n                  prefetch="intent"\n                  className={`nav-link ${pathname == "/editor" ? "active" : ""}`}\n                  to="/editor"\n                >\n                  <i className="ion-compose"></i>&nbsp;New Article{" "}\n                </Link>\n              </li>\n\n              <li className="nav-item">\n                <Link\n                  prefetch="intent"\n                  className={`nav-link ${pathname == "/settings" ? "active" : ""}`}\n                  to="/settings"\n                >\n                  {" "}\n                  <i className="ion-gear-a"></i>&nbsp;Settings{" "}\n                </Link>\n              </li>\n              <li className="nav-item">\n                <Link\n                  prefetch="intent"\n                  className={`nav-link ${pathname.includes("/profile") ? "active" : ""}`}\n                  to={`/profile/${currentUser.username}`}\n                >\n                  {currentUser.image && (\n                    <img\n                      width={25}\n                      height={25}\n                      src={currentUser.image}\n                      className="user-pic"\n                      alt=""\n                    />\n                  )}\n                  {currentUser.username}\n                </Link>\n              </li>\n            </>\n          )}\n        </ul>\n      </div>\n    </nav>\n  );\n}\n'})}),"\n",(0,t.jsxs)(n.p,{children:["\uc774 \ucef4\ud3ec\ub10c\ud2b8\ub97c ",(0,t.jsx)(n.code,{children:"shared/ui"}),"\uc5d0\uc11c \ub0b4\ubcf4\ub0b4\uc138\uc694."]}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-tsx",metastring:'title="shared/ui/index.ts"',children:'export { Header } from "./Header";\n'})}),"\n",(0,t.jsxs)(n.p,{children:["\ud5e4\ub354\uc5d0\uc11c\ub294 ",(0,t.jsx)(n.code,{children:"shared/api"}),"\uc5d0 \uc720\uc9c0\ub418\ub294 \ucee8\ud14d\uc2a4\ud2b8\uc5d0 \uc758\uc874\ud569\ub2c8\ub2e4. \uadf8\uac83\ub3c4 \ub9cc\ub4dc\uc138\uc694."]}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-tsx",metastring:'title="shared/api/currentUser.ts"',children:'import { createContext } from "react";\n\nimport type { User } from "./models";\n\nexport const CurrentUser = createContext<User | null>(null);\n'})}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-tsx",metastring:'title="shared/api/index.ts"',children:'export { GET, POST, PUT, DELETE } from "./client";\n\nexport type { Article } from "./models";\n\nexport { createUserSession, getUserFromSession, requireUser } from "./auth.server";\nexport { CurrentUser } from "./currentUser";\n'})}),"\n",(0,t.jsxs)(n.p,{children:["\uc774\uc81c \ud398\uc774\uc9c0\uc5d0 \ud5e4\ub354\ub97c \ucd94\uac00\ud574 \ubd05\uc2dc\ub2e4. \ubaa8\ub4e0 \ud398\uc774\uc9c0\uc5d0 \uc788\uc5b4\uc57c \ud558\ubbc0\ub85c \ub8e8\ud2b8 \ub77c\uc6b0\ud2b8\uc5d0 \ucd94\uac00\ud558\uace0 outlet(\ud398\uc774\uc9c0\uac00 \ub80c\ub354\ub9c1\ub420 \uc704\uce58)\uc744 ",(0,t.jsx)(n.code,{children:"CurrentUser"})," \ucee8\ud14d\uc2a4\ud2b8 \uc81c\uacf5\uc790\ub85c \uac10\uc2f8\ub294 \uac83\uc774 \ud569\ub9ac\uc801\uc785\ub2c8\ub2e4. \uc774\ub807\uac8c \ud558\uba74 \uc804\uccb4 \uc571\uacfc \ud5e4\ub354\uac00 \ud604\uc7ac \uc0ac\uc6a9\uc790 \uac1d\uccb4\uc5d0 \uc811\uadfc\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4. \ub610\ud55c \ucfe0\ud0a4\uc5d0\uc11c \uc2e4\uc81c\ub85c \ud604\uc7ac \uc0ac\uc6a9\uc790 \uac1d\uccb4\ub97c \uac00\uc838\uc624\ub294 \ub85c\ub354\ub97c \ucd94\uac00\ud560 \uac83\uc785\ub2c8\ub2e4. ",(0,t.jsx)(n.code,{children:"app/root.tsx"}),"\uc5d0 \ub2e4\uc74c \ub0b4\uc6a9\uc744 \ub123\uc73c\uc138\uc694."]}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-tsx",metastring:'title="app/root.tsx"',children:'import { cssBundleHref } from "@remix-run/css-bundle";\nimport type { LinksFunction, LoaderFunctionArgs } from "@remix-run/node";\nimport {\n  Links,\n  LiveReload,\n  Meta,\n  Outlet,\n  Scripts,\n  ScrollRestoration,\n  useLoaderData,\n} from "@remix-run/react";\n\nimport { Header } from "shared/ui";\nimport { getUserFromSession, CurrentUser } from "shared/api";\n\nexport const links: LinksFunction = () => [\n  ...(cssBundleHref ? [{ rel: "stylesheet", href: cssBundleHref }] : []),\n];\n\nexport const loader = ({ request }: LoaderFunctionArgs) =>\n  getUserFromSession(request);\n\nexport default function App() {\n  const user = useLoaderData<typeof loader>();\n\n  return (\n    <html lang="en">\n      <head>\n        <meta charSet="utf-8" />\n        <meta name="viewport" content="width=device-width, initial-scale=1" />\n        <Meta />\n        <Links />\n        <link\n          href="//code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css"\n          rel="stylesheet"\n          type="text/css"\n        />\n        <link\n          href="//fonts.googleapis.com/css?family=Titillium+Web:700|Source+Serif+Pro:400,700|Merriweather+Sans:400,700|Source+Sans+Pro:400,300,600,700,300italic,400italic,600italic,700italic"\n          rel="stylesheet"\n          type="text/css"\n        />\n        <link rel="stylesheet" href="//demo.productionready.io/main.css" />\n        <style>{`\n          button {\n            border: 0;\n          }\n        `}</style>\n      </head>\n      <body>\n        <CurrentUser.Provider value={user}>\n          <Header />\n          <Outlet />\n        </CurrentUser.Provider>\n        <ScrollRestoration />\n        <Scripts />\n        <LiveReload />\n      </body>\n    </html>\n  );\n}\n'})}),"\n",(0,t.jsx)(n.p,{children:"\uc774 \uc2dc\uc810\uc5d0\uc11c \ud648 \ud398\uc774\uc9c0\uc5d0 \ub2e4\uc74c\uacfc \uac19\uc740 \ub0b4\uc6a9\uc774 \ud45c\uc2dc\ub418\uc5b4\uc57c \ud569\ub2c8\ub2e4."}),"\n",(0,t.jsxs)("figure",{children:[(0,t.jsx)(n.p,{children:(0,t.jsx)(n.img,{alt:"The feed page of Conduit, including the header, the feed, and the tags. The tabs are still missing.",src:r(6231).A+"",width:"2880",height:"1488"})}),(0,t.jsx)("figcaption",{children:"\ud5e4\ub354, \ud53c\ub4dc, \ud0dc\uadf8\ub97c \ud3ec\ud568\ud55c Conduit\uc758 \ud53c\ub4dc \ud398\uc774\uc9c0. \ud0ed\uc740 \uc544\uc9c1 \uc5c6\uc2b5\ub2c8\ub2e4."})]}),"\n",(0,t.jsx)(n.h3,{id:"\ud0ed",children:"\ud0ed"}),"\n",(0,t.jsxs)(n.p,{children:["\uc774\uc81c \uc778\uc99d \uc0c1\ud0dc\ub97c \uac10\uc9c0\ud560 \uc218 \uc788\uc73c\ubbc0\ub85c \ud0ed\uacfc \uae00 \uc88b\uc544\uc694\ub97c \ube60\ub974\uac8c \uad6c\ud604\ud558\uc5ec \ud53c\ub4dc \ud398\uc774\uc9c0\ub97c \uc644\uc131\ud574 \ubd05\uc2dc\ub2e4. \ub610 \ub2e4\ub978 \ud3fc\uc774 \ud544\uc694\ud558\uc9c0\ub9cc \uc774 \ud398\uc774\uc9c0 \ud30c\uc77c\uc774 \uaf64 \ucee4\uc9c0\uace0 \uc788\uc73c\ubbc0\ub85c \uc774\ub7ec\ud55c \ud3fc\uc744 \uc778\uc811\ud55c \ud30c\uc77c\ub85c \uc62e\uae30\uaca0\uc2b5\ub2c8\ub2e4. ",(0,t.jsx)(n.code,{children:"Tabs.tsx"}),", ",(0,t.jsx)(n.code,{children:"PopularTags.tsx"}),", ",(0,t.jsx)(n.code,{children:"Pagination.tsx"}),"\ub97c \ub2e4\uc74c \ub0b4\uc6a9\uc73c\ub85c \ub9cc\ub4e4 \uac83\uc785\ub2c8\ub2e4."]}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/feed/ui/Tabs.tsx"',children:'import { useContext } from "react";\nimport { Form, useSearchParams } from "@remix-run/react";\n\nimport { CurrentUser } from "shared/api";\n\nexport function Tabs() {\n  const [searchParams] = useSearchParams();\n  const currentUser = useContext(CurrentUser);\n\n  return (\n    <Form>\n      <div className="feed-toggle">\n        <ul className="nav nav-pills outline-active">\n          {currentUser !== null && (\n            <li className="nav-item">\n              <button\n                name="source"\n                value="my-feed"\n                className={`nav-link ${searchParams.get("source") === "my-feed" ? "active" : ""}`}\n              >\n                Your Feed\n              </button>\n            </li>\n          )}\n          <li className="nav-item">\n            <button\n              className={`nav-link ${searchParams.has("tag") || searchParams.has("source") ? "" : "active"}`}\n            >\n              Global Feed\n            </button>\n          </li>\n          {searchParams.has("tag") && (\n            <li className="nav-item">\n              <span className="nav-link active">\n                <i className="ion-pound"></i> {searchParams.get("tag")}\n              </span>\n            </li>\n          )}\n        </ul>\n      </div>\n    </Form>\n  );\n}\n'})}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/feed/ui/PopularTags.tsx"',children:'import { Form, useLoaderData } from "@remix-run/react";\nimport { ExistingSearchParams } from "remix-utils/existing-search-params";\n\nimport type { loader } from "../api/loader";\n\nexport function PopularTags() {\n  const { tags } = useLoaderData<typeof loader>();\n\n  return (\n    <div className="sidebar">\n      <p>Popular Tags</p>\n\n      <Form>\n        <ExistingSearchParams exclude={["tag", "page", "source"]} />\n        <div className="tag-list">\n          {tags.tags.map((tag) => (\n            <button\n              key={tag}\n              name="tag"\n              value={tag}\n              className="tag-pill tag-default"\n            >\n              {tag}\n            </button>\n          ))}\n        </div>\n      </Form>\n    </div>\n  );\n}\n'})}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/feed/ui/Pagination.tsx"',children:'import { Form, useLoaderData, useSearchParams } from "@remix-run/react";\nimport { ExistingSearchParams } from "remix-utils/existing-search-params";\n\nimport { LIMIT, type loader } from "../api/loader";\n\nexport function Pagination() {\n  const [searchParams] = useSearchParams();\n  const { articles } = useLoaderData<typeof loader>();\n  const pageAmount = Math.ceil(articles.articlesCount / LIMIT);\n  const currentPage = parseInt(searchParams.get("page") ?? "1", 10);\n\n  return (\n    <Form>\n      <ExistingSearchParams exclude={["page"]} />\n      <ul className="pagination">\n        {Array(pageAmount)\n          .fill(null)\n          .map((_, index) =>\n            index + 1 === currentPage ? (\n              <li key={index} className="page-item active">\n                <span className="page-link">{index + 1}</span>\n              </li>\n            ) : (\n              <li key={index} className="page-item">\n                <button className="page-link" name="page" value={index + 1}>\n                  {index + 1}\n                </button>\n              </li>\n            ),\n          )}\n      </ul>\n    </Form>\n  );\n}\n'})}),"\n",(0,t.jsxs)(n.p,{children:["\uc774\uc81c ",(0,t.jsx)(n.code,{children:"FeedPage"}),"\ub97c \ub2e4\uc74c\uacfc \uac19\uc774 \uc5c5\ub370\uc774\ud2b8\ud558\uc138\uc694."]}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/feed/ui/FeedPage.tsx"',children:'import { useLoaderData } from "@remix-run/react";\n\nimport type { loader } from "../api/loader";\nimport { ArticlePreview } from "./ArticlePreview";\nimport { Tabs } from "./Tabs";\nimport { PopularTags } from "./PopularTags";\nimport { Pagination } from "./Pagination";\n\nexport function FeedPage() {\n  const { articles } = useLoaderData<typeof loader>();\n\n  return (\n    <div className="home-page">\n      <div className="banner">\n        <div className="container">\n          <h1 className="logo-font">conduit</h1>\n          <p>A place to share your knowledge.</p>\n        </div>\n      </div>\n\n      <div className="container page">\n        <div className="row">\n          <div className="col-md-9">\n            <Tabs />\n\n            {articles.articles.map((article) => (\n              <ArticlePreview key={article.slug} article={article} />\n            ))}\n\n            <Pagination />\n          </div>\n\n          <div className="col-md-3">\n            <PopularTags />\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n}\n'})}),"\n",(0,t.jsx)(n.p,{children:"\ub9c8\uc9c0\ub9c9\uc73c\ub85c \ub85c\ub354\ub97c \uc5c5\ub370\uc774\ud2b8\ud558\uc5ec \uc0c8\ub85c\uc6b4 \ud544\ud130\ub97c \ucc98\ub9ac\ud558\uc138\uc694."}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/feed/api/loader.ts"',children:'import { json, type LoaderFunctionArgs } from "@remix-run/node";\nimport type { FetchResponse } from "openapi-fetch";\nimport { promiseHash } from "remix-utils/promise";\n\nimport { GET, requireUser } from "shared/api";\n\nasync function throwAnyErrors<T, O, Media extends `${string}/${string}`>(\n  responsePromise: Promise<FetchResponse<T, O, Media>>,\n) {\n  /* unchanged */\n}\n\n/** Amount of articles on one page. */\nexport const LIMIT = 20;\n\nexport const loader = async ({ request }: LoaderFunctionArgs) => {\n  const url = new URL(request.url);\n  const selectedTag = url.searchParams.get("tag") ?? undefined;\n  const page = parseInt(url.searchParams.get("page") ?? "", 10);\n\n  if (url.searchParams.get("source") === "my-feed") {\n    const userSession = await requireUser(request);\n\n    return json(\n      await promiseHash({\n        articles: throwAnyErrors(\n          GET("/articles/feed", {\n            params: {\n              query: {\n                limit: LIMIT,\n                offset: !Number.isNaN(page) ? page * LIMIT : undefined,\n              },\n            },\n            headers: { Authorization: `Token ${userSession.token}` },\n          }),\n        ),\n        tags: throwAnyErrors(GET("/tags")),\n      }),\n    );\n  }\n\n  return json(\n    await promiseHash({\n      articles: throwAnyErrors(\n        GET("/articles", {\n          params: {\n            query: {\n              tag: selectedTag,\n              limit: LIMIT,\n              offset: !Number.isNaN(page) ? page * LIMIT : undefined,\n            },\n          },\n        }),\n      ),\n      tags: throwAnyErrors(GET("/tags")),\n    }),\n  );\n};\n'})}),"\n",(0,t.jsxs)(n.p,{children:["\ud53c\ub4dc \ud398\uc774\uc9c0\ub97c \ub5a0\ub098\uae30 \uc804\uc5d0, \uae00\uc5d0 \ub300\ud55c \uc88b\uc544\uc694\ub97c \ucc98\ub9ac\ud558\ub294 \ucf54\ub4dc\ub97c \ucd94\uac00\ud574 \ubd05\uc2dc\ub2e4. ",(0,t.jsx)(n.code,{children:"ArticlePreview.tsx"}),"\ub97c \ub2e4\uc74c\uacfc \uac19\uc774 \ubcc0\uacbd\ud558\uc138\uc694."]}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/feed/ui/ArticlePreview.tsx"',children:'import { Form, Link } from "@remix-run/react";\nimport type { Article } from "shared/api";\n\ninterface ArticlePreviewProps {\n  article: Article;\n}\n\nexport function ArticlePreview({ article }: ArticlePreviewProps) {\n  return (\n    <div className="article-preview">\n      <div className="article-meta">\n        <Link to={`/profile/${article.author.username}`} prefetch="intent">\n          <img src={article.author.image} alt="" />\n        </Link>\n        <div className="info">\n          <Link\n            to={`/profile/${article.author.username}`}\n            className="author"\n            prefetch="intent"\n          >\n            {article.author.username}\n          </Link>\n          <span className="date" suppressHydrationWarning>\n            {new Date(article.createdAt).toLocaleDateString(undefined, {\n              dateStyle: "long",\n            })}\n          </span>\n        </div>\n        <Form\n          method="post"\n          action={`/article/${article.slug}`}\n          preventScrollReset\n        >\n          <button\n            name="_action"\n            value={article.favorited ? "unfavorite" : "favorite"}\n            className={`btn ${article.favorited ? "btn-primary" : "btn-outline-primary"} btn-sm pull-xs-right`}\n          >\n            <i className="ion-heart"></i> {article.favoritesCount}\n          </button>\n        </Form>\n      </div>\n      <Link\n        to={`/article/${article.slug}`}\n        className="preview-link"\n        prefetch="intent"\n      >\n        <h1>{article.title}</h1>\n        <p>{article.description}</p>\n        <span>Read more...</span>\n        <ul className="tag-list">\n          {article.tagList.map((tag) => (\n            <li key={tag} className="tag-default tag-pill tag-outline">\n              {tag}\n            </li>\n          ))}\n        </ul>\n      </Link>\n    </div>\n  );\n}\n'})}),"\n",(0,t.jsxs)(n.p,{children:["\uc774 \ucf54\ub4dc\ub294 \uae00\uc5d0 \uc88b\uc544\uc694\ub97c \ud45c\uc2dc\ud558\uae30 \uc704\ud574 ",(0,t.jsx)(n.code,{children:"/article/:slug"}),"\ub85c ",(0,t.jsx)(n.code,{children:"_action=favorite"}),"\uacfc \ud568\uaed8 POST \uc694\uccad\uc744 \ubcf4\ub0c5\ub2c8\ub2e4. \uc544\uc9c1 \uc791\ub3d9\ud558\uc9c0 \uc54a\uaca0\uc9c0\ub9cc, \uae00 \uc77d\uae30 \ud398\uc774\uc9c0 \uc791\uc5c5\uc744 \uc2dc\uc791\ud558\uba74\uc11c \uc774\uac83\ub3c4 \uad6c\ud604\ud560 \uac83\uc785\ub2c8\ub2e4."]}),"\n",(0,t.jsx)(n.p,{children:"\uc774\uac83\uc73c\ub85c \ud53c\ub4dc\uac00 \uacf5\uc2dd\uc801\uc73c\ub85c \uc644\uc131\ub418\uc5c8\uc2b5\ub2c8\ub2e4! \uc57c\ud638!"}),"\n",(0,t.jsx)(n.h3,{id:"\uae00-\uc77d\uae30-\ud398\uc774\uc9c0",children:"\uae00 \uc77d\uae30 \ud398\uc774\uc9c0"}),"\n",(0,t.jsx)(n.p,{children:"\uba3c\uc800 \ub370\uc774\ud130\uac00 \ud544\uc694\ud569\ub2c8\ub2e4. \ub85c\ub354\ub97c \ub9cc\ub4e4\uc5b4 \ubd05\uc2dc\ub2e4."}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-bash",children:"npx fsd pages article-read -s api\n"})}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/article-read/api/loader.ts"',children:'import { json, type LoaderFunctionArgs } from "@remix-run/node";\nimport invariant from "tiny-invariant";\nimport type { FetchResponse } from "openapi-fetch";\nimport { promiseHash } from "remix-utils/promise";\n\nimport { GET, getUserFromSession } from "shared/api";\n\nasync function throwAnyErrors<T, O, Media extends `${string}/${string}`>(\n  responsePromise: Promise<FetchResponse<T, O, Media>>,\n) {\n  const { data, error, response } = await responsePromise;\n\n  if (error !== undefined) {\n    throw json(error, { status: response.status });\n  }\n\n  return data as NonNullable<typeof data>;\n}\n\nexport const loader = async ({ request, params }: LoaderFunctionArgs) => {\n  invariant(params.slug, "Expected a slug parameter");\n  const currentUser = await getUserFromSession(request);\n  const authorization = currentUser\n    ? { Authorization: `Token ${currentUser.token}` }\n    : undefined;\n\n  return json(\n    await promiseHash({\n      article: throwAnyErrors(\n        GET("/articles/{slug}", {\n          params: {\n            path: { slug: params.slug },\n          },\n          headers: authorization,\n        }),\n      ),\n      comments: throwAnyErrors(\n        GET("/articles/{slug}/comments", {\n          params: {\n            path: { slug: params.slug },\n          },\n          headers: authorization,\n        }),\n      ),\n    }),\n  );\n};\n'})}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/article-read/index.ts"',children:'export { loader } from "./api/loader";\n'})}),"\n",(0,t.jsxs)(n.p,{children:["\uc774\uc81c ",(0,t.jsx)(n.code,{children:"/article/:slug"})," \ub77c\uc6b0\ud2b8\uc5d0 \uc5f0\uacb0\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4. ",(0,t.jsx)(n.code,{children:"article.$slug.tsx"}),"\ub77c\ub294 \ub77c\uc6b0\ud2b8 \ud30c\uc77c\uc744 \ub9cc\ub4dc\uc138\uc694."]}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-tsx",metastring:'title="app/routes/article.$slug.tsx"',children:'export { loader } from "pages/article-read";\n'})}),"\n",(0,t.jsx)(n.p,{children:"\ud398\uc774\uc9c0 \uc790\uccb4\ub294 \uc138 \uac00\uc9c0 \uc8fc\uc694 \ube14\ub85d\uc73c\ub85c \uad6c\uc131\ub429\ub2c8\ub2e4 - \uae00 \ud5e4\ub354\uc640 \uc561\uc158(\ub450 \ubc88 \ubc18\ubcf5), \uae00 \ubcf8\ubb38, \ub313\uae00 \uc139\uc158\uc785\ub2c8\ub2e4. \ub2e4\uc74c\uc740 \ud398\uc774\uc9c0\uc758 \ub9c8\ud06c\uc5c5\uc785\ub2c8\ub2e4. \ud2b9\ubcc4\ud788 \ud765\ubbf8\ub85c\uc6b4 \ub0b4\uc6a9\uc740 \uc5c6\uc2b5\ub2c8\ub2e4:"}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/article-read/ui/ArticleReadPage.tsx"',children:'import { useLoaderData } from "@remix-run/react";\n\nimport type { loader } from "../api/loader";\nimport { ArticleMeta } from "./ArticleMeta";\nimport { Comments } from "./Comments";\n\nexport function ArticleReadPage() {\n  const { article } = useLoaderData<typeof loader>();\n\n  return (\n    <div className="article-page">\n      <div className="banner">\n        <div className="container">\n          <h1>{article.article.title}</h1>\n\n          <ArticleMeta />\n        </div>\n      </div>\n\n      <div className="container page">\n        <div className="row article-content">\n          <div className="col-md-12">\n            <p>{article.article.body}</p>\n            <ul className="tag-list">\n              {article.article.tagList.map((tag) => (\n                <li className="tag-default tag-pill tag-outline" key={tag}>\n                  {tag}\n                </li>\n              ))}\n            </ul>\n          </div>\n        </div>\n\n        <hr />\n\n        <div className="article-actions">\n          <ArticleMeta />\n        </div>\n\n        <div className="row">\n          <Comments />\n        </div>\n      </div>\n    </div>\n  );\n}\n'})}),"\n",(0,t.jsxs)(n.p,{children:["\ub354 \ud765\ubbf8\ub85c\uc6b4 \uac83\uc740 ",(0,t.jsx)(n.code,{children:"ArticleMeta"}),"\uc640 ",(0,t.jsx)(n.code,{children:"Comments"}),"\uc785\ub2c8\ub2e4. \uc774\ub4e4\uc740 \uae00 \uc88b\uc544\uc694, \ub313\uae00 \uc791\uc131 \ub4f1\uacfc \uac19\uc740 \uc4f0\uae30 \uc791\uc5c5\uc744 \ud3ec\ud568\ud569\ub2c8\ub2e4. \uc774\ub4e4\uc744 \uc791\ub3d9\uc2dc\ud0a4\ub824\uba74 \uba3c\uc800 \ubc31\uc5d4\ub4dc \ubd80\ubd84\uc744 \uad6c\ud604\ud574\uc57c \ud569\ub2c8\ub2e4. \ud398\uc774\uc9c0\uc758 ",(0,t.jsx)(n.code,{children:"api"})," \uc138\uadf8\uba3c\ud2b8\uc5d0 ",(0,t.jsx)(n.code,{children:"action.ts"}),"\ub97c \ub9cc\ub4dc\uc138\uc694:"]}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/article-read/api/action.ts"',children:'import { redirect, type ActionFunctionArgs } from "@remix-run/node";\nimport { namedAction } from "remix-utils/named-action";\nimport { redirectBack } from "remix-utils/redirect-back";\nimport invariant from "tiny-invariant";\n\nimport { DELETE, POST, requireUser } from "shared/api";\n\nexport const action = async ({ request, params }: ActionFunctionArgs) => {\n  const currentUser = await requireUser(request);\n\n  const authorization = { Authorization: `Token ${currentUser.token}` };\n\n  const formData = await request.formData();\n\n  return namedAction(formData, {\n    async delete() {\n      invariant(params.slug, "Expected a slug parameter");\n      await DELETE("/articles/{slug}", {\n        params: { path: { slug: params.slug } },\n        headers: authorization,\n      });\n      return redirect("/");\n    },\n    async favorite() {\n      invariant(params.slug, "Expected a slug parameter");\n      await POST("/articles/{slug}/favorite", {\n        params: { path: { slug: params.slug } },\n        headers: authorization,\n      });\n      return redirectBack(request, { fallback: "/" });\n    },\n    async unfavorite() {\n      invariant(params.slug, "Expected a slug parameter");\n      await DELETE("/articles/{slug}/favorite", {\n        params: { path: { slug: params.slug } },\n        headers: authorization,\n      });\n      return redirectBack(request, { fallback: "/" });\n    },\n    async createComment() {\n      invariant(params.slug, "Expected a slug parameter");\n      const comment = formData.get("comment");\n      invariant(typeof comment === "string", "Expected a comment parameter");\n      await POST("/articles/{slug}/comments", {\n        params: { path: { slug: params.slug } },\n        headers: { ...authorization, "Content-Type": "application/json" },\n        body: { comment: { body: comment } },\n      });\n      return redirectBack(request, { fallback: "/" });\n    },\n    async deleteComment() {\n      invariant(params.slug, "Expected a slug parameter");\n      const commentId = formData.get("id");\n      invariant(typeof commentId === "string", "Expected an id parameter");\n      const commentIdNumeric = parseInt(commentId, 10);\n      invariant(\n        !Number.isNaN(commentIdNumeric),\n        "Expected a numeric id parameter",\n      );\n      await DELETE("/articles/{slug}/comments/{id}", {\n        params: { path: { slug: params.slug, id: commentIdNumeric } },\n        headers: authorization,\n      });\n      return redirectBack(request, { fallback: "/" });\n    },\n    async followAuthor() {\n      const authorUsername = formData.get("username");\n      invariant(\n        typeof authorUsername === "string",\n        "Expected a username parameter",\n      );\n      await POST("/profiles/{username}/follow", {\n        params: { path: { username: authorUsername } },\n        headers: authorization,\n      });\n      return redirectBack(request, { fallback: "/" });\n    },\n    async unfollowAuthor() {\n      const authorUsername = formData.get("username");\n      invariant(\n        typeof authorUsername === "string",\n        "Expected a username parameter",\n      );\n      await DELETE("/profiles/{username}/follow", {\n        params: { path: { username: authorUsername } },\n        headers: authorization,\n      });\n      return redirectBack(request, { fallback: "/" });\n    },\n  });\n};\n'})}),"\n",(0,t.jsx)(n.p,{children:"\uadf8 \uc2ac\ub77c\uc774\uc2a4\uc5d0\uc11c \uc774\ub97c \ub0b4\ubcf4\ub0b4\uace0 \ub77c\uc6b0\ud2b8\uc5d0\uc11c\ub3c4 \ub0b4\ubcf4\ub0b4\uc138\uc694. \uadf8\ub9ac\uace0 \ud398\uc774\uc9c0 \uc790\uccb4\ub3c4 \uc5f0\uacb0\ud558\uaca0\uc2b5\ub2c8\ub2e4."}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/article-read/index.ts"',children:'export { ArticleReadPage } from "./ui/ArticleReadPage";\nexport { loader } from "./api/loader";\nexport { action } from "./api/action";\n'})}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-tsx",metastring:'title="app/routes/article.$slug.tsx"',children:'import { ArticleReadPage } from "pages/article-read";\n\nexport { loader, action } from "pages/article-read";\n\nexport default ArticleReadPage;\n'})}),"\n",(0,t.jsx)(n.p,{children:'\uc774\uc81c \ub3c5\uc790 \ud398\uc774\uc9c0\uc5d0\uc11c \uc88b\uc544\uc694 \ubc84\ud2bc\uc744 \uc544\uc9c1 \uad6c\ud604\ud558\uc9c0 \uc54a\uc558\uc9c0\ub9cc, \ud53c\ub4dc\uc758 \uc88b\uc544\uc694 \ubc84\ud2bc\uc774 \uc791\ub3d9\ud558\uae30 \uc2dc\uc791\ud560 \uac83\uc785\ub2c8\ub2e4! \uc774 \ub77c\uc6b0\ud2b8\ub85c "\uc88b\uc544\uc694" \uc694\uccad\uc744 \ubcf4\ub0b4\uace0 \uc788\uc5c8\uae30 \ub54c\ubb38\uc785\ub2c8\ub2e4. \ud55c\ubc88 \uc2dc\ub3c4\ud574 \ubcf4\uc138\uc694.'}),"\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.code,{children:"ArticleMeta"}),"\uc640 ",(0,t.jsx)(n.code,{children:"Comments"}),"\ub294 \ub2e4\uc2dc \ud55c\ubc88 \ud3fc\ub4e4\uc758 \ubaa8\uc74c\uc785\ub2c8\ub2e4. \uc774\uc804\uc5d0 \uc774\ubbf8 \ud574\ubd24\uc73c\ub2c8, \ucf54\ub4dc\ub97c \uac00\uc838\uc640\uc11c \ub118\uc5b4\uac00\uaca0\uc2b5\ub2c8\ub2e4."]}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/article-read/ui/ArticleMeta.tsx"',children:'import { Form, Link, useLoaderData } from "@remix-run/react";\nimport { useContext } from "react";\n\nimport { CurrentUser } from "shared/api";\nimport type { loader } from "../api/loader";\n\nexport function ArticleMeta() {\n  const currentUser = useContext(CurrentUser);\n  const { article } = useLoaderData<typeof loader>();\n\n  return (\n    <Form method="post">\n      <div className="article-meta">\n        <Link\n          prefetch="intent"\n          to={`/profile/${article.article.author.username}`}\n        >\n          <img src={article.article.author.image} alt="" />\n        </Link>\n\n        <div className="info">\n          <Link\n            prefetch="intent"\n            to={`/profile/${article.article.author.username}`}\n            className="author"\n          >\n            {article.article.author.username}\n          </Link>\n          <span className="date">{article.article.createdAt}</span>\n        </div>\n\n        {article.article.author.username == currentUser?.username ? (\n          <>\n            <Link\n              prefetch="intent"\n              to={`/editor/${article.article.slug}`}\n              className="btn btn-sm btn-outline-secondary"\n            >\n              <i className="ion-edit"></i> Edit Article\n            </Link>\n            &nbsp;&nbsp;\n            <button\n              name="_action"\n              value="delete"\n              className="btn btn-sm btn-outline-danger"\n            >\n              <i className="ion-trash-a"></i> Delete Article\n            </button>\n          </>\n        ) : (\n          <>\n            <input\n              name="username"\n              value={article.article.author.username}\n              type="hidden"\n            />\n            <button\n              name="_action"\n              value={\n                article.article.author.following\n                  ? "unfollowAuthor"\n                  : "followAuthor"\n              }\n              className={`btn btn-sm ${article.article.author.following ? "btn-secondary" : "btn-outline-secondary"}`}\n            >\n              <i className="ion-plus-round"></i>\n              &nbsp;{" "}\n              {article.article.author.following\n                ? "Unfollow"\n                : "Follow"}{" "}\n              {article.article.author.username}\n            </button>\n            &nbsp;&nbsp;\n            <button\n              name="_action"\n              value={article.article.favorited ? "unfavorite" : "favorite"}\n              className={`btn btn-sm ${article.article.favorited ? "btn-primary" : "btn-outline-primary"}`}\n            >\n              <i className="ion-heart"></i>\n              &nbsp; {article.article.favorited\n                ? "Unfavorite"\n                : "Favorite"}{" "}\n              Post{" "}\n              <span className="counter">\n                ({article.article.favoritesCount})\n              </span>\n            </button>\n          </>\n        )}\n      </div>\n    </Form>\n  );\n}\n'})}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/article-read/ui/Comments.tsx"',children:'import { useContext } from "react";\nimport { Form, Link, useLoaderData } from "@remix-run/react";\n\nimport { CurrentUser } from "shared/api";\nimport type { loader } from "../api/loader";\n\nexport function Comments() {\n  const { comments } = useLoaderData<typeof loader>();\n  const currentUser = useContext(CurrentUser);\n\n  return (\n    <div className="col-xs-12 col-md-8 offset-md-2">\n      {currentUser !== null ? (\n        <Form\n          preventScrollReset={true}\n          method="post"\n          className="card comment-form"\n        >\n          <div className="card-block">\n            <textarea\n              required\n              className="form-control"\n              name="comment"\n              placeholder="Write a comment..."\n              rows={3}\n            ></textarea>\n          </div>\n          <div className="card-footer">\n            <img\n              src={currentUser.image}\n              className="comment-author-img"\n              alt=""\n            />\n            <button\n              className="btn btn-sm btn-primary"\n              name="_action"\n              value="createComment"\n            >\n              Post Comment\n            </button>\n          </div>\n        </Form>\n      ) : (\n        <div className="row">\n          <div className="col-xs-12 col-md-8 offset-md-2">\n            <p>\n              <Link to="/login">Sign in</Link>\n              &nbsp; or &nbsp;\n              <Link to="/register">Sign up</Link>\n              &nbsp; to add comments on this article.\n            </p>\n          </div>\n        </div>\n      )}\n\n      {comments.comments.map((comment) => (\n        <div className="card" key={comment.id}>\n          <div className="card-block">\n            <p className="card-text">{comment.body}</p>\n          </div>\n\n          <div className="card-footer">\n            <Link\n              to={`/profile/${comment.author.username}`}\n              className="comment-author"\n            >\n              <img\n                src={comment.author.image}\n                className="comment-author-img"\n                alt=""\n              />\n            </Link>\n            &nbsp;\n            <Link\n              to={`/profile/${comment.author.username}`}\n              className="comment-author"\n            >\n              {comment.author.username}\n            </Link>\n            <span className="date-posted">{comment.createdAt}</span>\n            {comment.author.username === currentUser?.username && (\n              <span className="mod-options">\n                <Form method="post" preventScrollReset={true}>\n                  <input type="hidden" name="id" value={comment.id} />\n                  <button\n                    name="_action"\n                    value="deleteComment"\n                    style={{\n                      border: "none",\n                      outline: "none",\n                      backgroundColor: "transparent",\n                    }}\n                  >\n                    <i className="ion-trash-a"></i>\n                  </button>\n                </Form>\n              </span>\n            )}\n          </div>\n        </div>\n      ))}\n    </div>\n  );\n}\n'})}),"\n",(0,t.jsx)(n.p,{children:"\uc774\uac83\uc73c\ub85c \uc6b0\ub9ac\uc758 \uae00 \uc77d\uae30 \ud398\uc774\uc9c0\ub3c4 \uc644\uc131\ub418\uc5c8\uc2b5\ub2c8\ub2e4! \uc774\uc81c \uc791\uc131\uc790\ub97c \ud314\ub85c\uc6b0\ud558\uace0, \uae00\uc5d0 \uc88b\uc544\uc694\ub97c \ub204\ub974\uace0, \ub313\uae00\uc744 \ub0a8\uae30\ub294 \ubc84\ud2bc\ub4e4\uc774 \uc608\uc0c1\ub300\ub85c \uc791\ub3d9\ud574\uc57c \ud569\ub2c8\ub2e4."}),"\n",(0,t.jsxs)("figure",{children:[(0,t.jsx)(n.p,{children:(0,t.jsx)(n.img,{alt:"Article reader with functioning buttons to like and follow",src:r(6953).A+"",width:"2880",height:"1488"})}),(0,t.jsx)("figcaption",{children:"\uae30\ub2a5\ud558\ub294 \uc88b\uc544\uc694\uc640 \ud314\ub85c\uc6b0 \ubc84\ud2bc\uc774 \uc788\ub294 \uae00 \uc77d\uae30 \ud398\uc774\uc9c0"})]}),"\n",(0,t.jsx)(n.h3,{id:"\uae00-\uc791\uc131-\ud398\uc774\uc9c0",children:"\uae00 \uc791\uc131 \ud398\uc774\uc9c0"}),"\n",(0,t.jsx)(n.p,{children:"\uc774\uac83\uc740 \uc774 \ud29c\ud1a0\ub9ac\uc5bc\uc5d0\uc11c \ub2e4\ub8f0 \ub9c8\uc9c0\ub9c9 \ud398\uc774\uc9c0\uc774\uba70, \uc5ec\uae30\uc11c \uac00\uc7a5 \ud765\ubbf8\ub85c\uc6b4 \ubd80\ubd84\uc740 \ud3fc \ub370\uc774\ud130\ub97c \uc5b4\ub5bb\uac8c \uac80\uc99d\ud560 \uac83\uc778\uac00 \uc785\ub2c8\ub2e4."}),"\n",(0,t.jsxs)(n.p,{children:["\ud398\uc774\uc9c0 \uc790\uccb4\uc778 ",(0,t.jsx)(n.code,{children:"article-edit/ui/ArticleEditPage.tsx"}),"\ub294 \uaf64 \uac04\ub2e8\ud560 \uac83\uc774\uba70, \ucd94\uac00\uc801\uc778 \ubcf5\uc7a1\uc131\uc740 \ub2e4\ub978 \ub450 \uac1c\uc758 \ucef4\ud3ec\ub10c\ud2b8\ub85c \uc228\uaca8\uc9c8 \uac83\uc785\ub2c8\ub2e4."]}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/article-edit/ui/ArticleEditPage.tsx"',children:'import { Form, useLoaderData } from "@remix-run/react";\n\nimport type { loader } from "../api/loader";\nimport { TagsInput } from "./TagsInput";\nimport { FormErrors } from "./FormErrors";\n\nexport function ArticleEditPage() {\n  const article = useLoaderData<typeof loader>();\n\n  return (\n    <div className="editor-page">\n      <div className="container page">\n        <div className="row">\n          <div className="col-md-10 offset-md-1 col-xs-12">\n            <FormErrors />\n\n            <Form method="post">\n              <fieldset>\n                <fieldset className="form-group">\n                  <input\n                    type="text"\n                    className="form-control form-control-lg"\n                    name="title"\n                    placeholder="Article Title"\n                    defaultValue={article.article?.title}\n                  />\n                </fieldset>\n                <fieldset className="form-group">\n                  <input\n                    type="text"\n                    className="form-control"\n                    name="description"\n                    placeholder="What\'s this article about?"\n                    defaultValue={article.article?.description}\n                  />\n                </fieldset>\n                <fieldset className="form-group">\n                  <textarea\n                    className="form-control"\n                    name="body"\n                    rows={8}\n                    placeholder="Write your article (in markdown)"\n                    defaultValue={article.article?.body}\n                  ></textarea>\n                </fieldset>\n                <fieldset className="form-group">\n                  <TagsInput\n                    name="tags"\n                    defaultValue={article.article?.tagList ?? []}\n                  />\n                </fieldset>\n\n                <button className="btn btn-lg pull-xs-right btn-primary">\n                  Publish Article\n                </button>\n              </fieldset>\n            </Form>\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n}\n'})}),"\n",(0,t.jsxs)(n.p,{children:["\uc774 \ud398\uc774\uc9c0\ub294 \ud604\uc7ac \uae00(\uc0c8\ub85c \uc791\uc131\ud558\ub294 \uacbd\uc6b0\uac00 \uc544\ub2c8\ub77c\uba74)\uc744 \uac00\uc838\uc640\uc11c \ud574\ub2f9\ud558\ub294 \ud3fc \ud544\ub4dc\ub97c \ucc44\uc6c1\ub2c8\ub2e4. \uc774\uc804\uc5d0 \ubcf8 \uc801\uc774 \uc788\uc2b5\ub2c8\ub2e4. \ud765\ubbf8\ub85c\uc6b4 \ubd80\ubd84\uc740 ",(0,t.jsx)(n.code,{children:"FormErrors"}),"\uc778\ub370, \uc774\ub294 \uac80\uc99d \uacb0\uacfc\ub97c \ubc1b\uc544 \uc0ac\uc6a9\uc790\uc5d0\uac8c \ud45c\uc2dc\ud560 \uac83\uc785\ub2c8\ub2e4. \ud55c\ubc88 \uc0b4\ud3b4\ubcf4\uaca0\uc2b5\ub2c8\ub2e4."]}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/article-edit/ui/FormErrors.tsx"',children:'import { useActionData } from "@remix-run/react";\nimport type { action } from "../api/action";\n\nexport function FormErrors() {\n  const actionData = useActionData<typeof action>();\n\n  return actionData?.errors != null ? (\n    <ul className="error-messages">\n      {actionData.errors.map((error) => (\n        <li key={error}>{error}</li>\n      ))}\n    </ul>\n  ) : null;\n}\n'})}),"\n",(0,t.jsxs)(n.p,{children:["\uc5ec\uae30\uc11c\ub294 \uc6b0\ub9ac\uc758 \uc561\uc158\uc774 ",(0,t.jsx)(n.code,{children:"errors"})," \ud544\ub4dc, \uc989 \uc0ac\ub78c\uc774 \uc77d\uc744 \uc218 \uc788\ub294 \uc624\ub958 \uba54\uc2dc\uc9c0 \ubc30\uc5f4\uc744 \ubc18\ud658\ud560 \uac83\uc774\ub77c\uace0 \uac00\uc815\ud558\uace0 \uc788\uc2b5\ub2c8\ub2e4. \uace7 \uc561\uc158\uc5d0 \ub300\ud574 \ub2e4\ub8e8\uaca0\uc2b5\ub2c8\ub2e4."]}),"\n",(0,t.jsx)(n.p,{children:"\ub610 \ub2e4\ub978 \ucef4\ud3ec\ub10c\ud2b8\ub294 \ud0dc\uadf8 \uc785\ub825\uc785\ub2c8\ub2e4. \uc774\ub294 \ub2e8\uc21c\ud55c \uc785\ub825 \ud544\ub4dc\uc5d0 \uc120\ud0dd\ub41c \ud0dc\uadf8\uc758 \ucd94\uac00\uc801\uc778 \ubbf8\ub9ac\ubcf4\uae30\uac00 \uc788\ub294 \uac83\uc785\ub2c8\ub2e4. \uc5ec\uae30\uc5d0\ub294 \ud2b9\ubcc4\ud55c \uac83\uc774 \uc5c6\uc2b5\ub2c8\ub2e4:"}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/article-edit/ui/TagsInput.tsx"',children:'import { useEffect, useRef, useState } from "react";\n\nexport function TagsInput({\n  name,\n  defaultValue,\n}: {\n  name: string;\n  defaultValue?: Array<string>;\n}) {\n  const [tagListState, setTagListState] = useState(defaultValue ?? []);\n\n  function removeTag(tag: string): void {\n    const newTagList = tagListState.filter((t) => t !== tag);\n    setTagListState(newTagList);\n  }\n\n  const tagsInput = useRef<HTMLInputElement>(null);\n  useEffect(() => {\n    tagsInput.current && (tagsInput.current.value = tagListState.join(","));\n  }, [tagListState]);\n\n  return (\n    <>\n      <input\n        type="text"\n        className="form-control"\n        id="tags"\n        name={name}\n        placeholder="Enter tags"\n        defaultValue={tagListState.join(",")}\n        onChange={(e) =>\n          setTagListState(e.target.value.split(",").filter(Boolean))\n        }\n      />\n      <div className="tag-list">\n        {tagListState.map((tag) => (\n          <span className="tag-default tag-pill" key={tag}>\n            <i\n              className="ion-close-round"\n              role="button"\n              tabIndex={0}\n              onKeyDown={(e) =>\n                [" ", "Enter"].includes(e.key) && removeTag(tag)\n              }\n              onClick={() => removeTag(tag)}\n            ></i>{" "}\n            {tag}\n          </span>\n        ))}\n      </div>\n    </>\n  );\n}\n'})}),"\n",(0,t.jsx)(n.p,{children:"\uc774\uc81c API \ubd80\ubd84\uc785\ub2c8\ub2e4. \ub85c\ub354\ub294 URL\uc744 \uc0b4\ud3b4\ubcf4\uace0, \uae00 \uc2ac\ub7ec\uadf8\uac00 \ud3ec\ud568\ub418\uc5b4 \uc788\ub2e4\uba74 \uae30\uc874 \uae00\uc744 \uc218\uc815\ud558\ub294 \uac83\uc774\ubbc0\ub85c \ud574\ub2f9 \ub370\uc774\ud130\ub97c \ub85c\ub4dc\ud574\uc57c \ud569\ub2c8\ub2e4. \uadf8\ub807\uc9c0 \uc54a\uc73c\uba74 \uc544\ubb34\uac83\ub3c4 \ubc18\ud658\ud558\uc9c0 \uc54a\uc2b5\ub2c8\ub2e4. \uadf8 \ub85c\ub354\ub97c \ub9cc\ub4e4\uc5b4 \ubd05\uc2dc\ub2e4."}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-ts",metastring:'title="pages/article-edit/api/loader.ts"',children:'import { json, type LoaderFunctionArgs } from "@remix-run/node";\nimport type { FetchResponse } from "openapi-fetch";\n\nimport { GET, requireUser } from "shared/api";\n\nasync function throwAnyErrors<T, O, Media extends `${string}/${string}`>(\n  responsePromise: Promise<FetchResponse<T, O, Media>>,\n) {\n  const { data, error, response } = await responsePromise;\n\n  if (error !== undefined) {\n    throw json(error, { status: response.status });\n  }\n\n  return data as NonNullable<typeof data>;\n}\n\nexport const loader = async ({ params, request }: LoaderFunctionArgs) => {\n  const currentUser = await requireUser(request);\n\n  if (!params.slug) {\n    return { article: null };\n  }\n\n  return throwAnyErrors(\n    GET("/articles/{slug}", {\n      params: { path: { slug: params.slug } },\n      headers: { Authorization: `Token ${currentUser.token}` },\n    }),\n  );\n};\n'})}),"\n",(0,t.jsx)(n.p,{children:"\uc561\uc158\uc740 \uc0c8\ub85c\uc6b4 \ud544\ub4dc \uac12\ub4e4\uc744 \ubc1b\uc544 \uc6b0\ub9ac\uc758 \ub370\uc774\ud130 \uc2a4\ud0a4\ub9c8\ub97c \ud1b5\ud574 \uc2e4\ud589\ud558\uace0, \ubaa8\ub4e0 \uac83\uc774 \uc62c\ubc14\ub974\ub2e4\uba74 \uc774\ub7ec\ud55c \ubcc0\uacbd\uc0ac\ud56d\uc744 \ubc31\uc5d4\ub4dc\uc5d0 \ucee4\ubc0b\ud569\ub2c8\ub2e4. \uc774\ub294 \uae30\uc874 \uae00\uc744 \uc5c5\ub370\uc774\ud2b8\ud558\uac70\ub098 \uc0c8 \uae00\uc744 \uc0dd\uc131\ud558\ub294 \ubc29\uc2dd\uc73c\ub85c \uc774\ub8e8\uc5b4\uc9d1\ub2c8\ub2e4."}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/article-edit/api/action.ts"',children:'import { json, redirect, type ActionFunctionArgs } from "@remix-run/node";\n\nimport { POST, PUT, requireUser } from "shared/api";\nimport { parseAsArticle } from "../model/parseAsArticle";\n\nexport const action = async ({ request, params }: ActionFunctionArgs) => {\n  try {\n    const { body, description, title, tags } = parseAsArticle(\n      await request.formData(),\n    );\n    const tagList = tags?.split(",") ?? [];\n\n    const currentUser = await requireUser(request);\n    const payload = {\n      body: {\n        article: {\n          title,\n          description,\n          body,\n          tagList,\n        },\n      },\n      headers: { Authorization: `Token ${currentUser.token}` },\n    };\n\n    const { data, error } = await (params.slug\n      ? PUT("/articles/{slug}", {\n          params: { path: { slug: params.slug } },\n          ...payload,\n        })\n      : POST("/articles", payload));\n\n    if (error) {\n      return json({ errors: error }, { status: 422 });\n    }\n\n    return redirect(`/article/${data.article.slug ?? ""}`);\n  } catch (errors) {\n    return json({ errors }, { status: 400 });\n  }\n};\n'})}),"\n",(0,t.jsxs)(n.p,{children:["\uc2a4\ud0a4\ub9c8\ub294 ",(0,t.jsx)(n.code,{children:"FormData"}),"\ub97c \uc704\ud55c \ud30c\uc2f1 \ud568\uc218\ub85c\ub3c4 \uc791\ub3d9\ud558\uc5ec, \uae68\ub057\ud55c \ud544\ub4dc\ub97c \ud3b8\ub9ac\ud558\uac8c \uc5bb\uac70\ub098 \ub9c8\uc9c0\ub9c9\uc5d0 \ucc98\ub9ac\ud560 \uc624\ub958\ub97c \ub358\uc9c8 \uc218 \uc788\uac8c \ud574\uc90d\ub2c8\ub2e4. \uadf8 \ud30c\uc2f1 \ud568\uc218\ub294 \ub2e4\uc74c\uacfc \uac19\uc774 \ubcf4\uc77c \uc218 \uc788\uc2b5\ub2c8\ub2e4."]}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/article-edit/model/parseAsArticle.ts"',children:'export function parseAsArticle(data: FormData) {\n  const errors = [];\n\n  const title = data.get("title");\n  if (typeof title !== "string" || title === "") {\n    errors.push("Give this article a title");\n  }\n\n  const description = data.get("description");\n  if (typeof description !== "string" || description === "") {\n    errors.push("Describe what this article is about");\n  }\n\n  const body = data.get("body");\n  if (typeof body !== "string" || body === "") {\n    errors.push("Write the article itself");\n  }\n\n  const tags = data.get("tags");\n  if (typeof tags !== "string") {\n    errors.push("The tags must be a string");\n  }\n\n  if (errors.length > 0) {\n    throw errors;\n  }\n\n  return { title, description, body, tags: data.get("tags") ?? "" } as {\n    title: string;\n    description: string;\n    body: string;\n    tags: string;\n  };\n}\n'})}),"\n",(0,t.jsx)(n.p,{children:"\ubb3c\ub860 \uc774\ub294 \ub2e4\uc18c \uae38\uace0 \ubc18\ubcf5\uc801\uc774\uc9c0\ub9cc, \uc0ac\ub78c\uc774 \uc77d\uc744 \uc218 \uc788\ub294 \uc624\ub958 \uba54\uc2dc\uc9c0\ub97c \uc704\ud574 \uc6b0\ub9ac\uac00 \uc9c0\ubd88\ud574\uc57c \ud558\ub294 \ub300\uac00\uc785\ub2c8\ub2e4. \uc774\uac83\uc740 Zod \uc2a4\ud0a4\ub9c8\uc77c \uc218\ub3c4 \uc788\uc9c0\ub9cc, \uadf8\ub807\uac8c \ud558\uba74 \ud504\ub860\ud2b8\uc5d4\ub4dc\uc5d0\uc11c \uc624\ub958 \uba54\uc2dc\uc9c0\ub97c \ub80c\ub354\ub9c1\ud574\uc57c \ud558\uace0, \uc774 \ud3fc\uc740 \uadf8\ub7f0 \ubcf5\uc7a1\uc131\uc744 \uac10\ub2f9\ud560 \ub9cc\ud55c \uac00\uce58\uac00 \uc5c6\uc2b5\ub2c8\ub2e4."}),"\n",(0,t.jsxs)(n.p,{children:["\ub9c8\uc9c0\ub9c9 \ub2e8\uacc4\ub85c - \ud398\uc774\uc9c0, \ub85c\ub354, \uadf8\ub9ac\uace0 \uc561\uc158\uc744 \ub77c\uc6b0\ud2b8\uc5d0 \uc5f0\uacb0\ud569\ub2c8\ub2e4. \uc6b0\ub9ac\ub294 \uc0dd\uc131\uacfc \ud3b8\uc9d1\uc744 \ubaa8\ub450 \uae54\ub054\ud558\uac8c \uc9c0\uc6d0\ud558\ubbc0\ub85c ",(0,t.jsx)(n.code,{children:"editor._index.tsx"}),"\uc640 ",(0,t.jsx)(n.code,{children:"editor.$slug.tsx"})," \ubaa8\ub450\uc5d0\uc11c \ub3d9\uc77c\ud55c \uac83\uc744 \ub0b4\ubcf4\ub0bc \uc218 \uc788\uc2b5\ub2c8\ub2e4."]}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/article-edit/index.ts"',children:'export { ArticleEditPage } from "./ui/ArticleEditPage";\nexport { loader } from "./api/loader";\nexport { action } from "./api/action";\n'})}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-tsx",metastring:'title="app/routes/editor._index.tsx, app/routes/editor.$slug.tsx (same content)"',children:'import { ArticleEditPage } from "pages/article-edit";\n\nexport { loader, action } from "pages/article-edit";\n\nexport default ArticleEditPage;\n'})}),"\n",(0,t.jsx)(n.p,{children:'\uc774\uc81c \uc644\ub8cc\ub418\uc5c8\uc2b5\ub2c8\ub2e4! \ub85c\uadf8\uc778\ud558\uace0 \uc0c8 \uae00\uc744 \uc791\uc131\ud574\ubcf4\uc138\uc694. \ub610\ub294 \uae00\uc744 "\uc78a\uc5b4\ubc84\ub9ac\uace0" \uac80\uc99d\uc774 \uc791\ub3d9\ud558\ub294 \uac83\uc744 \ud655\uc778\ud574\ubcf4\uc138\uc694.'}),"\n",(0,t.jsxs)("figure",{children:[(0,t.jsx)(n.p,{children:(0,t.jsx)(n.img,{alt:"The Conduit article editor, with the title field saying \u201cNew article\u201d and the rest of the fields empty. Above the form there are two errors: \u201cDescribe what this article is about\u201d and \u201cWrite the article itself\u201d.",src:r(6011).A+"",width:"2880",height:"1488"})}),(0,t.jsxs)("figcaption",{children:['\uc81c\ubaa9 \ud544\ub4dc\uc5d0 "\uc0c8 \uae00"\uc774\ub77c\uace0 \uc4f0\uc5ec \uc788\uace0 \ub098\uba38\uc9c0 \ud544\ub4dc\ub294 \ube44\uc5b4 \uc788\ub294 Conduit \uae00 \ud3b8\uc9d1\uae30. \ud3fc \uc704\uc5d0 \ub450 \uac1c\uc758 \uc624\ub958\uac00 \uc788\uc2b5\ub2c8\ub2e4. ',(0,t.jsx)(n.strong,{children:'"\uc774 \uae00\uc774 \ubb34\uc5c7\uc5d0 \uad00\ud55c \uac83\uc778\uc9c0 \uc124\uba85\ud574\uc8fc\uc138\uc694"'}),", ",(0,t.jsx)(n.strong,{children:'"\uae00 \ubcf8\ubb38\uc744 \uc791\uc131\ud574\uc8fc\uc138\uc694"'}),"."]})]}),"\n",(0,t.jsx)(n.p,{children:"\ud504\ub85c\ud544\uacfc \uc124\uc815 \ud398\uc774\uc9c0\ub294 \uae00 \uc77d\uae30\uc640 \ud3b8\uc9d1\uae30 \ud398\uc774\uc9c0\uc640 \ub9e4\uc6b0 \uc720\uc0ac\ud558\ubbc0\ub85c, \ub3c5\uc790\uc778 \uc5ec\ub7ec\ubd84\uc758 \uc5f0\uc2b5 \uacfc\uc81c\ub85c \ub0a8\uaca8\ub450\uaca0\uc2b5\ub2c8\ub2e4 :)"})]})}function m(e={}){const{wrapper:n}={...(0,s.R)(),...e.components};return n?(0,t.jsx)(n,{...e,children:(0,t.jsx)(d,{...e})}):d(e)}},8891:(e,n,r)=>{r.d(n,{A:()=>t});const t=r.p+"assets/images/conduit-banner-a20e38edcd109ee21a8b1426d93a66b3.jpg"},6011:(e,n,r)=>{r.d(n,{A:()=>t});const t=r.p+"assets/images/realworld-article-editor-bc3ee45c96ae905fdbb54d6463d12723.jpg"},6953:(e,n,r)=>{r.d(n,{A:()=>t});const t=r.p+"assets/images/realworld-article-reader-6a420e4f2afe139d2bdd54d62974f0b9.jpg"},9922:(e,n,r)=>{r.d(n,{A:()=>t});const t=r.p+"assets/images/realworld-editor-authenticated-10de4d01479270886859e08592045b1e.jpg"},9703:(e,n,r)=>{r.d(n,{A:()=>t});const t=r.p+"assets/images/realworld-feed-anonymous-8cbba45f488931979f6c8da8968ad685.jpg"},1405:(e,n,r)=>{r.d(n,{A:()=>t});const t=r.p+"assets/images/realworld-feed-authenticated-15427d9ff7baae009b47b501bee6c059.jpg"},6231:(e,n,r)=>{r.d(n,{A:()=>t});const t=r.p+"assets/images/realworld-feed-without-tabs-5da4c9072101ac20e82e2234bd3badbe.jpg"},1100:(e,n,r)=>{r.d(n,{R:()=>i,x:()=>o});var t=r(758);const s={},a=t.createContext(s);function i(e){const n=t.useContext(a);return t.useMemo((function(){return"function"==typeof e?e(n):{...n,...e}}),[n,e])}function o(e){let n;return n=e.disableParentContext?"function"==typeof e.components?e.components(s):e.components||s:i(e.components),t.createElement(a.Provider,{value:n},e.children)}}}]);
\ No newline at end of file
diff --git a/kr/assets/js/2f764a0f.1c0d6422.js b/kr/assets/js/2f764a0f.3c8a626c.js
similarity index 99%
rename from kr/assets/js/2f764a0f.1c0d6422.js
rename to kr/assets/js/2f764a0f.3c8a626c.js
index 7474a8411d..4854f0bfb8 100644
--- a/kr/assets/js/2f764a0f.1c0d6422.js
+++ b/kr/assets/js/2f764a0f.3c8a626c.js
@@ -1 +1 @@
-"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[8039],{7162:(e,t,n)=>{n.r(t),n.d(t,{assets:()=>h,contentTitle:()=>r,default:()=>c,frontMatter:()=>o,metadata:()=>a,toc:()=>l});var s=n(6070),i=n(1100);const o={sidebar_position:2},r="Needs driven",a={id:"about/understanding/needs-driven",title:"Needs driven",description:"\u2014 Can't you formulate the goal that the new feature will solve? Or maybe the problem is that the task itself is not formulated? **The point is also that the methodology helps to pull out the problematic definition of tasks and goals**",source:"@site/i18n/en/docusaurus-plugin-content-docs/current/about/understanding/needs-driven.md",sourceDirName:"about/understanding",slug:"/about/understanding/needs-driven",permalink:"/kr/docs/about/understanding/needs-driven",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/about/understanding/needs-driven.md",tags:[],version:"current",lastUpdatedAt:1727607766e3,sidebarPosition:2,frontMatter:{sidebar_position:2},sidebar:"aboutSidebar",previous:{title:"About architecture",permalink:"/kr/docs/about/understanding/architecture"},next:{title:"Knowledge types",permalink:"/kr/docs/about/understanding/knowledge-types"}},h={},l=[{value:"Why?",id:"why",level:2},{value:"What tasks are we talking about?",id:"what-tasks-are-we-talking-about",level:2},{value:"How does this affect development?",id:"how-does-this-affect-development",level:2},{value:"Task decomposition",id:"task-decomposition",level:3},{value:"Understanding the essence of the task",id:"understanding-the-essence-of-the-task",level:3},{value:"How to formulate it?",id:"how-to-formulate-it",level:2},{value:"And what is the benefit?",id:"and-what-is-the-benefit",level:2},{value:"1. Understanding user tasks",id:"1-understanding-user-tasks",level:3},{value:"2. Structuring and ordering",id:"2-structuring-and-ordering",level:3},{value:"3. Understanding the feature and its components",id:"3-understanding-the-feature-and-its-components",level:3},{value:"4. Profit",id:"4-profit",level:3},{value:"Back to reality",id:"back-to-reality",level:2},{value:"The role of methodology",id:"the-role-of-methodology",level:2},{value:"Methodology requirements",id:"methodology-requirements",level:3},{value:"See also",id:"see-also",level:2}];function d(e){const t={a:"a",admonition:"admonition",blockquote:"blockquote",code:"code",em:"em",h1:"h1",h2:"h2",h3:"h3",header:"header",hr:"hr",li:"li",ol:"ol",p:"p",strong:"strong",ul:"ul",...(0,i.R)(),...e.components};return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(t.header,{children:(0,s.jsx)(t.h1,{id:"needs-driven",children:"Needs driven"})}),"\n",(0,s.jsxs)(t.admonition,{title:"TL;DR",type:"note",children:[(0,s.jsxs)(t.p,{children:["\u2014 ",(0,s.jsxs)(t.em,{children:["Can't you formulate the goal that the new feature will solve? Or maybe the problem is that the task itself is not formulated? ",(0,s.jsx)(t.strong,{children:"The point is also that the methodology helps to pull out the problematic definition of tasks and goals"})]})]}),(0,s.jsxs)(t.p,{children:["\u2014 ",(0,s.jsxs)(t.em,{children:["project does not live in static - requirements and functionality are constantly changing. Over time, the code turns into mush, because at the start the project was designed only for the initial impression of wishes. ",(0,s.jsx)(t.strong,{children:"And the task of a good architecture is also to be sharpened for changing development conditions."})]})]})]}),"\n",(0,s.jsx)(t.h2,{id:"why",children:"Why?"}),"\n",(0,s.jsxs)(t.p,{children:["To choose a clear name for an entity and understand its components, ",(0,s.jsx)(t.strong,{children:"you need to clearly understand what task will be solved with the help of all this code."})]}),"\n",(0,s.jsxs)(t.blockquote,{children:["\n",(0,s.jsx)(t.p,{children:(0,s.jsx)(t.em,{children:"@sergeysova: During development, we try to give each entity or function a name that clearly reflects the intentions and meaning of the code being executed."})}),"\n"]}),"\n",(0,s.jsx)(t.p,{children:(0,s.jsx)(t.em,{children:"After all, without understanding the task, it is impossible to write the right tests that cover the most important cases, put down errors that help the user in the right places, even it is banal not to interrupt the user's flow because of fixable non-critical errors."})}),"\n",(0,s.jsx)(t.h2,{id:"what-tasks-are-we-talking-about",children:"What tasks are we talking about?"}),"\n",(0,s.jsx)(t.p,{children:"Frontend develops applications and interfaces for end users, so we solve the tasks of these consumers."}),"\n",(0,s.jsxs)(t.p,{children:["When a person comes to us, ",(0,s.jsx)(t.strong,{children:"he wants to solve some of his pain or close a need."})]}),"\n",(0,s.jsx)(t.p,{children:(0,s.jsx)(t.em,{children:"The task of managers and analysts is to formulate this need, and implement developers taking into account the features of web development (loss of communication, backend error, typo, missed the cursor or finger)."})}),"\n",(0,s.jsx)(t.p,{children:(0,s.jsx)(t.strong,{children:"This very goal, with which the user came, is the task of the developers."})}),"\n",(0,s.jsxs)(t.blockquote,{children:["\n",(0,s.jsx)(t.p,{children:(0,s.jsx)(t.em,{children:"One small solved problem is a feature in the Feature-Sliced Design methodology \u2014 you need to cut the entire scope of project tasks into small goals."})}),"\n"]}),"\n",(0,s.jsx)(t.h2,{id:"how-does-this-affect-development",children:"How does this affect development?"}),"\n",(0,s.jsx)(t.h3,{id:"task-decomposition",children:"Task decomposition"}),"\n",(0,s.jsxs)(t.p,{children:["When a developer begins to implement a task, in order to simplify the understanding and support of the code, he mentally ",(0,s.jsx)(t.strong,{children:"cuts it into stages"}),":"]}),"\n",(0,s.jsxs)(t.ul,{children:["\n",(0,s.jsxs)(t.li,{children:["first ",(0,s.jsx)(t.em,{children:"split into top-level entities"})," and ",(0,s.jsx)(t.em,{children:"implement them"}),","]}),"\n",(0,s.jsxs)(t.li,{children:["then these entities ",(0,s.jsx)(t.em,{children:"split into smaller ones"})]}),"\n",(0,s.jsx)(t.li,{children:"and so on"}),"\n"]}),"\n",(0,s.jsxs)(t.p,{children:[(0,s.jsx)(t.em,{children:"In the process of splitting into entities, the developer is forced to give them a name that would clearly reflect his idea and help to understand what task the code solves when reading the listing"}),"\n",(0,s.jsx)(t.em,{children:"At the same time, we do not forget that we are trying to help the user reduce pain or realize needs"})]}),"\n",(0,s.jsx)(t.h3,{id:"understanding-the-essence-of-the-task",children:"Understanding the essence of the task"}),"\n",(0,s.jsxs)(t.p,{children:["But to give a clear name to an entity, ",(0,s.jsx)(t.strong,{children:"the developer must know enough about its purpose"})]}),"\n",(0,s.jsxs)(t.ul,{children:["\n",(0,s.jsx)(t.li,{children:"how is he going to use this entity,"}),"\n",(0,s.jsx)(t.li,{children:"what part of the user's task does it implement, where else can this entity be applied,"}),"\n",(0,s.jsx)(t.li,{children:"in what other tasks can it participate,"}),"\n",(0,s.jsx)(t.li,{children:"and so on"}),"\n"]}),"\n",(0,s.jsxs)(t.p,{children:["It is not difficult to draw a conclusion: ",(0,s.jsx)(t.strong,{children:"while the developer will reflect on the name of entities within the framework of the methodology, he will be able to find poorly formulated tasks even before writing the code."})]}),"\n",(0,s.jsxs)(t.blockquote,{children:["\n",(0,s.jsx)(t.p,{children:"How to give a name to an entity if you do not understand well what tasks it can solve, how can you even divide a task into entities if you do not understand it well?"}),"\n"]}),"\n",(0,s.jsx)(t.h2,{id:"how-to-formulate-it",children:"How to formulate it?"}),"\n",(0,s.jsxs)(t.p,{children:[(0,s.jsx)(t.strong,{children:"To formulate a task that is solved by features, you need to understand the task itself"}),", and this is already the responsibility of the project manager and analysts."]}),"\n",(0,s.jsx)(t.p,{children:(0,s.jsx)(t.em,{children:"The methodology can only tell the developer what tasks the product manager should pay close attention to."})}),"\n",(0,s.jsxs)(t.blockquote,{children:["\n",(0,s.jsx)(t.p,{children:(0,s.jsx)(t.em,{children:'@sergeysova: the Whole frontend is primarily a display of information, any component in the first turn, displays, and then the task "to show the user something" has no practical value.'})}),"\n",(0,s.jsx)(t.p,{children:(0,s.jsx)(t.em,{children:'Even without taking into account the specifics of the frontend can ask, "why do I have to show you", so you can continue to ask until\'t get out of pain or the need of the consumer.'})}),"\n"]}),"\n",(0,s.jsxs)(t.p,{children:["As soon as we were able to get to the basic needs or pains, we can go back and figure out ",(0,s.jsx)(t.strong,{children:"how exactly your product or service can help the user with his goals"})]}),"\n",(0,s.jsx)(t.p,{children:"Any new task in your tracker is aimed at solving business problems, and the business tries to solve the user's tasks at the same time earning money on it. This means that each task has certain goals, even if they are not spelled out in the description text."}),"\n",(0,s.jsx)(t.p,{children:(0,s.jsxs)(t.em,{children:[(0,s.jsx)(t.strong,{children:"The developer must clearly understand what goal this or that task is pursuing"}),', but not every company can afford to build processes perfectly, although this is a separate conversation, nevertheless, the developer may well "ping" the right managers himself to find out this and do his part of the work effectively.']})}),"\n",(0,s.jsx)(t.h2,{id:"and-what-is-the-benefit",children:"And what is the benefit?"}),"\n",(0,s.jsx)(t.p,{children:"Now let's look at the whole process from beginning to end."}),"\n",(0,s.jsx)(t.h3,{id:"1-understanding-user-tasks",children:"1. Understanding user tasks"}),"\n",(0,s.jsx)(t.p,{children:"When a developer understands his pain and how the business closes them, he can offer solutions that are not available to the business due to the specifics of web development."}),"\n",(0,s.jsxs)(t.blockquote,{children:["\n",(0,s.jsxs)(t.p,{children:["But of course, all this can work only if the developer is not indifferent to what he is doing and for what, otherwise ",(0,s.jsx)(t.em,{children:"why then the methodology and some approaches?"})]}),"\n"]}),"\n",(0,s.jsx)(t.h3,{id:"2-structuring-and-ordering",children:"2. Structuring and ordering"}),"\n",(0,s.jsxs)(t.p,{children:["With the understanding of tasks comes ",(0,s.jsx)(t.strong,{children:"a clear structure both in the head and in the tasks along with the code"})]}),"\n",(0,s.jsx)(t.h3,{id:"3-understanding-the-feature-and-its-components",children:"3. Understanding the feature and its components"}),"\n",(0,s.jsx)(t.p,{children:(0,s.jsx)(t.strong,{children:"One feature is one useful functionality for the user"})}),"\n",(0,s.jsxs)(t.ul,{children:["\n",(0,s.jsxs)(t.li,{children:["When several features are implemented in one feature, this is ",(0,s.jsx)(t.strong,{children:"a violation of borders"})]}),"\n",(0,s.jsxs)(t.li,{children:["The feature can be indivisible and growing - ",(0,s.jsx)(t.strong,{children:"and this is not bad"})]}),"\n",(0,s.jsxs)(t.li,{children:[(0,s.jsx)(t.strong,{children:"Bad"})," - when the feature does not answer the question ",(0,s.jsx)(t.em,{children:'"What is the business value for the user?"'})]}),"\n",(0,s.jsxs)(t.li,{children:['There can be no "map-office" feature',"\n",(0,s.jsxs)(t.ul,{children:["\n",(0,s.jsxs)(t.li,{children:["But ",(0,s.jsx)(t.code,{children:"booking-meeting-on-the-map"}),", ",(0,s.jsx)(t.code,{children:"search-for-an-employee"}),", ",(0,s.jsx)(t.code,{children:"change-of-workplace"})," - ",(0,s.jsx)(t.strong,{children:"yes"})]}),"\n"]}),"\n"]}),"\n"]}),"\n",(0,s.jsxs)(t.blockquote,{children:["\n",(0,s.jsxs)(t.p,{children:[(0,s.jsx)(t.em,{children:"@sergeysova: The point is that the feature contains only code that implements the functionality itself"}),", without unnecessary details and internal solutions (ideally)*"]}),"\n",(0,s.jsx)(t.p,{children:(0,s.jsxs)(t.em,{children:["Open the feature code ",(0,s.jsx)(t.strong,{children:"and see only what relates to the task"})," - no more"]})}),"\n"]}),"\n",(0,s.jsx)(t.h3,{id:"4-profit",children:"4. Profit"}),"\n",(0,s.jsxs)(t.p,{children:["Business very rarely turns its course radically in the other direction, which means ",(0,s.jsx)(t.strong,{children:"the reflection of business tasks in the frontend application code is a very significant profit."})]}),"\n",(0,s.jsx)(t.p,{children:(0,s.jsxs)(t.em,{children:["Then you don't have to explain to each new team member what this or that code does, and in general why it was added - ",(0,s.jsx)(t.strong,{children:"everything will be explained through the business tasks that are already reflected in the code."})]})}),"\n",(0,s.jsxs)(t.blockquote,{children:["\n",(0,s.jsxs)(t.p,{children:["What is called ",(0,s.jsx)(t.a,{href:"https://thedomaindrivendesign.io/developing-the-ubiquitous-language",children:'"Business Language" in Domain Driven Development'})]}),"\n"]}),"\n",(0,s.jsx)(t.hr,{}),"\n",(0,s.jsx)(t.h2,{id:"back-to-reality",children:"Back to reality"}),"\n",(0,s.jsxs)(t.p,{children:["If business processes are understood and good names are given at the design stage - ",(0,s.jsx)(t.em,{children:"then it is not particularly problematic to transfer this understanding and logic to the code."})]}),"\n",(0,s.jsxs)(t.p,{children:[(0,s.jsx)(t.strong,{children:"However, in practice"}),', tasks and functionality are usually developed "too" iteratively and (or) there is no time to think through the design.']}),"\n",(0,s.jsx)(t.p,{children:(0,s.jsx)(t.strong,{children:"As a result, the feature makes sense today, and if you expand this feature in a month, you can rewrite the gender of the project."})}),"\n",(0,s.jsxs)(t.blockquote,{children:["\n",(0,s.jsx)(t.p,{children:(0,s.jsxs)(t.em,{children:["[",(0,s.jsx)(t.a,{href:"https://t.me/sergeysova/318",children:"From the discussion"}),"]: The developer tries to think 2-3 steps ahead, taking into account future wishes, but here he rests on his own experience"]})}),"\n",(0,s.jsx)(t.p,{children:(0,s.jsx)(t.em,{children:"Burns experience engineer usually immediately looking 10 steps ahead, and understand where one feature to divide and combine with the other"})}),"\n",(0,s.jsx)(t.p,{children:(0,s.jsx)(t.em,{children:"But sometimes that comes the task which had to face the experience, and nowhere to take the understanding of how literacy to decompose, with the least unfortunate consequences in the future"})}),"\n"]}),"\n",(0,s.jsx)(t.h2,{id:"the-role-of-methodology",children:"The role of methodology"}),"\n",(0,s.jsx)(t.p,{children:(0,s.jsx)(t.strong,{children:"The methodology helps to solve the problems of developers, so that it is easier to solve the problems of users."})}),"\n",(0,s.jsx)(t.p,{children:"There is no solution to the problems of developers only for the sake of developers"}),"\n",(0,s.jsxs)(t.p,{children:["But in order for the developer to solve his tasks, ",(0,s.jsx)(t.strong,{children:"you need to understand the user's tasks"})," - on the contrary, it will not work"]}),"\n",(0,s.jsx)(t.h3,{id:"methodology-requirements",children:"Methodology requirements"}),"\n",(0,s.jsxs)(t.p,{children:["It becomes clear that you need to identify at least two requirements for ",(0,s.jsx)(t.strong,{children:"Feature-Sliced Design"}),":"]}),"\n",(0,s.jsxs)(t.ol,{children:["\n",(0,s.jsxs)(t.li,{children:["\n",(0,s.jsxs)(t.p,{children:["The methodology should tell ",(0,s.jsx)(t.strong,{children:"how to create features, processes and entities"})]}),"\n",(0,s.jsxs)(t.ul,{children:["\n",(0,s.jsxs)(t.li,{children:["Which means it should clearly explain ",(0,s.jsx)(t.em,{children:"how to divide the code between them"}),", which means that the naming of these entities should also be laid down in the specification."]}),"\n"]}),"\n"]}),"\n",(0,s.jsxs)(t.li,{children:["\n",(0,s.jsxs)(t.p,{children:["The methodology should help the architecture ",(0,s.jsx)(t.strong,{children:(0,s.jsx)(t.a,{href:"architecture#adaptability",children:"easily adapt to the changing requirements of the project"})})]}),"\n"]}),"\n"]}),"\n",(0,s.jsx)(t.h2,{id:"see-also",children:"See also"}),"\n",(0,s.jsxs)(t.ul,{children:["\n",(0,s.jsxs)(t.li,{children:[(0,s.jsx)(t.a,{href:"https://t.me/sergeysova/318",children:"(Post) Stimulation for a clear formulation of tasks (+ discussion)"}),"\n",(0,s.jsxs)(t.blockquote,{children:["\n",(0,s.jsx)(t.p,{children:(0,s.jsxs)(t.em,{children:[(0,s.jsx)(t.strong,{children:"The current article"})," is an adaptation of this discussion, you can read the full uncut version at the link"]})}),"\n"]}),"\n"]}),"\n",(0,s.jsx)(t.li,{children:(0,s.jsx)(t.a,{href:"https://t.me/atomicdesign/18972",children:"(Discussion) How to break the functionality and what it is"})}),"\n",(0,s.jsx)(t.li,{children:(0,s.jsx)(t.a,{href:"https://alexmngn.medium.com/how-to-better-organize-your-react-applications-2fd3ea1920f1",children:'(Article) "How to better organize your applications"'})}),"\n"]})]})}function c(e={}){const{wrapper:t}={...(0,i.R)(),...e.components};return t?(0,s.jsx)(t,{...e,children:(0,s.jsx)(d,{...e})}):d(e)}},1100:(e,t,n)=>{n.d(t,{R:()=>r,x:()=>a});var s=n(758);const i={},o=s.createContext(i);function r(e){const t=s.useContext(o);return s.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function a(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(i):e.components||i:r(e.components),s.createElement(o.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
+"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[8039],{7162:(e,t,n)=>{n.r(t),n.d(t,{assets:()=>h,contentTitle:()=>r,default:()=>c,frontMatter:()=>o,metadata:()=>a,toc:()=>l});var s=n(6070),i=n(1100);const o={sidebar_position:2},r="Needs driven",a={id:"about/understanding/needs-driven",title:"Needs driven",description:"\u2014 Can't you formulate the goal that the new feature will solve? Or maybe the problem is that the task itself is not formulated? **The point is also that the methodology helps to pull out the problematic definition of tasks and goals**",source:"@site/i18n/en/docusaurus-plugin-content-docs/current/about/understanding/needs-driven.md",sourceDirName:"about/understanding",slug:"/about/understanding/needs-driven",permalink:"/kr/docs/about/understanding/needs-driven",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/about/understanding/needs-driven.md",tags:[],version:"current",lastUpdatedAt:1728325386e3,sidebarPosition:2,frontMatter:{sidebar_position:2},sidebar:"aboutSidebar",previous:{title:"About architecture",permalink:"/kr/docs/about/understanding/architecture"},next:{title:"Knowledge types",permalink:"/kr/docs/about/understanding/knowledge-types"}},h={},l=[{value:"Why?",id:"why",level:2},{value:"What tasks are we talking about?",id:"what-tasks-are-we-talking-about",level:2},{value:"How does this affect development?",id:"how-does-this-affect-development",level:2},{value:"Task decomposition",id:"task-decomposition",level:3},{value:"Understanding the essence of the task",id:"understanding-the-essence-of-the-task",level:3},{value:"How to formulate it?",id:"how-to-formulate-it",level:2},{value:"And what is the benefit?",id:"and-what-is-the-benefit",level:2},{value:"1. Understanding user tasks",id:"1-understanding-user-tasks",level:3},{value:"2. Structuring and ordering",id:"2-structuring-and-ordering",level:3},{value:"3. Understanding the feature and its components",id:"3-understanding-the-feature-and-its-components",level:3},{value:"4. Profit",id:"4-profit",level:3},{value:"Back to reality",id:"back-to-reality",level:2},{value:"The role of methodology",id:"the-role-of-methodology",level:2},{value:"Methodology requirements",id:"methodology-requirements",level:3},{value:"See also",id:"see-also",level:2}];function d(e){const t={a:"a",admonition:"admonition",blockquote:"blockquote",code:"code",em:"em",h1:"h1",h2:"h2",h3:"h3",header:"header",hr:"hr",li:"li",ol:"ol",p:"p",strong:"strong",ul:"ul",...(0,i.R)(),...e.components};return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(t.header,{children:(0,s.jsx)(t.h1,{id:"needs-driven",children:"Needs driven"})}),"\n",(0,s.jsxs)(t.admonition,{title:"TL;DR",type:"note",children:[(0,s.jsxs)(t.p,{children:["\u2014 ",(0,s.jsxs)(t.em,{children:["Can't you formulate the goal that the new feature will solve? Or maybe the problem is that the task itself is not formulated? ",(0,s.jsx)(t.strong,{children:"The point is also that the methodology helps to pull out the problematic definition of tasks and goals"})]})]}),(0,s.jsxs)(t.p,{children:["\u2014 ",(0,s.jsxs)(t.em,{children:["project does not live in static - requirements and functionality are constantly changing. Over time, the code turns into mush, because at the start the project was designed only for the initial impression of wishes. ",(0,s.jsx)(t.strong,{children:"And the task of a good architecture is also to be sharpened for changing development conditions."})]})]})]}),"\n",(0,s.jsx)(t.h2,{id:"why",children:"Why?"}),"\n",(0,s.jsxs)(t.p,{children:["To choose a clear name for an entity and understand its components, ",(0,s.jsx)(t.strong,{children:"you need to clearly understand what task will be solved with the help of all this code."})]}),"\n",(0,s.jsxs)(t.blockquote,{children:["\n",(0,s.jsx)(t.p,{children:(0,s.jsx)(t.em,{children:"@sergeysova: During development, we try to give each entity or function a name that clearly reflects the intentions and meaning of the code being executed."})}),"\n"]}),"\n",(0,s.jsx)(t.p,{children:(0,s.jsx)(t.em,{children:"After all, without understanding the task, it is impossible to write the right tests that cover the most important cases, put down errors that help the user in the right places, even it is banal not to interrupt the user's flow because of fixable non-critical errors."})}),"\n",(0,s.jsx)(t.h2,{id:"what-tasks-are-we-talking-about",children:"What tasks are we talking about?"}),"\n",(0,s.jsx)(t.p,{children:"Frontend develops applications and interfaces for end users, so we solve the tasks of these consumers."}),"\n",(0,s.jsxs)(t.p,{children:["When a person comes to us, ",(0,s.jsx)(t.strong,{children:"he wants to solve some of his pain or close a need."})]}),"\n",(0,s.jsx)(t.p,{children:(0,s.jsx)(t.em,{children:"The task of managers and analysts is to formulate this need, and implement developers taking into account the features of web development (loss of communication, backend error, typo, missed the cursor or finger)."})}),"\n",(0,s.jsx)(t.p,{children:(0,s.jsx)(t.strong,{children:"This very goal, with which the user came, is the task of the developers."})}),"\n",(0,s.jsxs)(t.blockquote,{children:["\n",(0,s.jsx)(t.p,{children:(0,s.jsx)(t.em,{children:"One small solved problem is a feature in the Feature-Sliced Design methodology \u2014 you need to cut the entire scope of project tasks into small goals."})}),"\n"]}),"\n",(0,s.jsx)(t.h2,{id:"how-does-this-affect-development",children:"How does this affect development?"}),"\n",(0,s.jsx)(t.h3,{id:"task-decomposition",children:"Task decomposition"}),"\n",(0,s.jsxs)(t.p,{children:["When a developer begins to implement a task, in order to simplify the understanding and support of the code, he mentally ",(0,s.jsx)(t.strong,{children:"cuts it into stages"}),":"]}),"\n",(0,s.jsxs)(t.ul,{children:["\n",(0,s.jsxs)(t.li,{children:["first ",(0,s.jsx)(t.em,{children:"split into top-level entities"})," and ",(0,s.jsx)(t.em,{children:"implement them"}),","]}),"\n",(0,s.jsxs)(t.li,{children:["then these entities ",(0,s.jsx)(t.em,{children:"split into smaller ones"})]}),"\n",(0,s.jsx)(t.li,{children:"and so on"}),"\n"]}),"\n",(0,s.jsxs)(t.p,{children:[(0,s.jsx)(t.em,{children:"In the process of splitting into entities, the developer is forced to give them a name that would clearly reflect his idea and help to understand what task the code solves when reading the listing"}),"\n",(0,s.jsx)(t.em,{children:"At the same time, we do not forget that we are trying to help the user reduce pain or realize needs"})]}),"\n",(0,s.jsx)(t.h3,{id:"understanding-the-essence-of-the-task",children:"Understanding the essence of the task"}),"\n",(0,s.jsxs)(t.p,{children:["But to give a clear name to an entity, ",(0,s.jsx)(t.strong,{children:"the developer must know enough about its purpose"})]}),"\n",(0,s.jsxs)(t.ul,{children:["\n",(0,s.jsx)(t.li,{children:"how is he going to use this entity,"}),"\n",(0,s.jsx)(t.li,{children:"what part of the user's task does it implement, where else can this entity be applied,"}),"\n",(0,s.jsx)(t.li,{children:"in what other tasks can it participate,"}),"\n",(0,s.jsx)(t.li,{children:"and so on"}),"\n"]}),"\n",(0,s.jsxs)(t.p,{children:["It is not difficult to draw a conclusion: ",(0,s.jsx)(t.strong,{children:"while the developer will reflect on the name of entities within the framework of the methodology, he will be able to find poorly formulated tasks even before writing the code."})]}),"\n",(0,s.jsxs)(t.blockquote,{children:["\n",(0,s.jsx)(t.p,{children:"How to give a name to an entity if you do not understand well what tasks it can solve, how can you even divide a task into entities if you do not understand it well?"}),"\n"]}),"\n",(0,s.jsx)(t.h2,{id:"how-to-formulate-it",children:"How to formulate it?"}),"\n",(0,s.jsxs)(t.p,{children:[(0,s.jsx)(t.strong,{children:"To formulate a task that is solved by features, you need to understand the task itself"}),", and this is already the responsibility of the project manager and analysts."]}),"\n",(0,s.jsx)(t.p,{children:(0,s.jsx)(t.em,{children:"The methodology can only tell the developer what tasks the product manager should pay close attention to."})}),"\n",(0,s.jsxs)(t.blockquote,{children:["\n",(0,s.jsx)(t.p,{children:(0,s.jsx)(t.em,{children:'@sergeysova: the Whole frontend is primarily a display of information, any component in the first turn, displays, and then the task "to show the user something" has no practical value.'})}),"\n",(0,s.jsx)(t.p,{children:(0,s.jsx)(t.em,{children:'Even without taking into account the specifics of the frontend can ask, "why do I have to show you", so you can continue to ask until\'t get out of pain or the need of the consumer.'})}),"\n"]}),"\n",(0,s.jsxs)(t.p,{children:["As soon as we were able to get to the basic needs or pains, we can go back and figure out ",(0,s.jsx)(t.strong,{children:"how exactly your product or service can help the user with his goals"})]}),"\n",(0,s.jsx)(t.p,{children:"Any new task in your tracker is aimed at solving business problems, and the business tries to solve the user's tasks at the same time earning money on it. This means that each task has certain goals, even if they are not spelled out in the description text."}),"\n",(0,s.jsx)(t.p,{children:(0,s.jsxs)(t.em,{children:[(0,s.jsx)(t.strong,{children:"The developer must clearly understand what goal this or that task is pursuing"}),', but not every company can afford to build processes perfectly, although this is a separate conversation, nevertheless, the developer may well "ping" the right managers himself to find out this and do his part of the work effectively.']})}),"\n",(0,s.jsx)(t.h2,{id:"and-what-is-the-benefit",children:"And what is the benefit?"}),"\n",(0,s.jsx)(t.p,{children:"Now let's look at the whole process from beginning to end."}),"\n",(0,s.jsx)(t.h3,{id:"1-understanding-user-tasks",children:"1. Understanding user tasks"}),"\n",(0,s.jsx)(t.p,{children:"When a developer understands his pain and how the business closes them, he can offer solutions that are not available to the business due to the specifics of web development."}),"\n",(0,s.jsxs)(t.blockquote,{children:["\n",(0,s.jsxs)(t.p,{children:["But of course, all this can work only if the developer is not indifferent to what he is doing and for what, otherwise ",(0,s.jsx)(t.em,{children:"why then the methodology and some approaches?"})]}),"\n"]}),"\n",(0,s.jsx)(t.h3,{id:"2-structuring-and-ordering",children:"2. Structuring and ordering"}),"\n",(0,s.jsxs)(t.p,{children:["With the understanding of tasks comes ",(0,s.jsx)(t.strong,{children:"a clear structure both in the head and in the tasks along with the code"})]}),"\n",(0,s.jsx)(t.h3,{id:"3-understanding-the-feature-and-its-components",children:"3. Understanding the feature and its components"}),"\n",(0,s.jsx)(t.p,{children:(0,s.jsx)(t.strong,{children:"One feature is one useful functionality for the user"})}),"\n",(0,s.jsxs)(t.ul,{children:["\n",(0,s.jsxs)(t.li,{children:["When several features are implemented in one feature, this is ",(0,s.jsx)(t.strong,{children:"a violation of borders"})]}),"\n",(0,s.jsxs)(t.li,{children:["The feature can be indivisible and growing - ",(0,s.jsx)(t.strong,{children:"and this is not bad"})]}),"\n",(0,s.jsxs)(t.li,{children:[(0,s.jsx)(t.strong,{children:"Bad"})," - when the feature does not answer the question ",(0,s.jsx)(t.em,{children:'"What is the business value for the user?"'})]}),"\n",(0,s.jsxs)(t.li,{children:['There can be no "map-office" feature',"\n",(0,s.jsxs)(t.ul,{children:["\n",(0,s.jsxs)(t.li,{children:["But ",(0,s.jsx)(t.code,{children:"booking-meeting-on-the-map"}),", ",(0,s.jsx)(t.code,{children:"search-for-an-employee"}),", ",(0,s.jsx)(t.code,{children:"change-of-workplace"})," - ",(0,s.jsx)(t.strong,{children:"yes"})]}),"\n"]}),"\n"]}),"\n"]}),"\n",(0,s.jsxs)(t.blockquote,{children:["\n",(0,s.jsxs)(t.p,{children:[(0,s.jsx)(t.em,{children:"@sergeysova: The point is that the feature contains only code that implements the functionality itself"}),", without unnecessary details and internal solutions (ideally)*"]}),"\n",(0,s.jsx)(t.p,{children:(0,s.jsxs)(t.em,{children:["Open the feature code ",(0,s.jsx)(t.strong,{children:"and see only what relates to the task"})," - no more"]})}),"\n"]}),"\n",(0,s.jsx)(t.h3,{id:"4-profit",children:"4. Profit"}),"\n",(0,s.jsxs)(t.p,{children:["Business very rarely turns its course radically in the other direction, which means ",(0,s.jsx)(t.strong,{children:"the reflection of business tasks in the frontend application code is a very significant profit."})]}),"\n",(0,s.jsx)(t.p,{children:(0,s.jsxs)(t.em,{children:["Then you don't have to explain to each new team member what this or that code does, and in general why it was added - ",(0,s.jsx)(t.strong,{children:"everything will be explained through the business tasks that are already reflected in the code."})]})}),"\n",(0,s.jsxs)(t.blockquote,{children:["\n",(0,s.jsxs)(t.p,{children:["What is called ",(0,s.jsx)(t.a,{href:"https://thedomaindrivendesign.io/developing-the-ubiquitous-language",children:'"Business Language" in Domain Driven Development'})]}),"\n"]}),"\n",(0,s.jsx)(t.hr,{}),"\n",(0,s.jsx)(t.h2,{id:"back-to-reality",children:"Back to reality"}),"\n",(0,s.jsxs)(t.p,{children:["If business processes are understood and good names are given at the design stage - ",(0,s.jsx)(t.em,{children:"then it is not particularly problematic to transfer this understanding and logic to the code."})]}),"\n",(0,s.jsxs)(t.p,{children:[(0,s.jsx)(t.strong,{children:"However, in practice"}),', tasks and functionality are usually developed "too" iteratively and (or) there is no time to think through the design.']}),"\n",(0,s.jsx)(t.p,{children:(0,s.jsx)(t.strong,{children:"As a result, the feature makes sense today, and if you expand this feature in a month, you can rewrite the gender of the project."})}),"\n",(0,s.jsxs)(t.blockquote,{children:["\n",(0,s.jsx)(t.p,{children:(0,s.jsxs)(t.em,{children:["[",(0,s.jsx)(t.a,{href:"https://t.me/sergeysova/318",children:"From the discussion"}),"]: The developer tries to think 2-3 steps ahead, taking into account future wishes, but here he rests on his own experience"]})}),"\n",(0,s.jsx)(t.p,{children:(0,s.jsx)(t.em,{children:"Burns experience engineer usually immediately looking 10 steps ahead, and understand where one feature to divide and combine with the other"})}),"\n",(0,s.jsx)(t.p,{children:(0,s.jsx)(t.em,{children:"But sometimes that comes the task which had to face the experience, and nowhere to take the understanding of how literacy to decompose, with the least unfortunate consequences in the future"})}),"\n"]}),"\n",(0,s.jsx)(t.h2,{id:"the-role-of-methodology",children:"The role of methodology"}),"\n",(0,s.jsx)(t.p,{children:(0,s.jsx)(t.strong,{children:"The methodology helps to solve the problems of developers, so that it is easier to solve the problems of users."})}),"\n",(0,s.jsx)(t.p,{children:"There is no solution to the problems of developers only for the sake of developers"}),"\n",(0,s.jsxs)(t.p,{children:["But in order for the developer to solve his tasks, ",(0,s.jsx)(t.strong,{children:"you need to understand the user's tasks"})," - on the contrary, it will not work"]}),"\n",(0,s.jsx)(t.h3,{id:"methodology-requirements",children:"Methodology requirements"}),"\n",(0,s.jsxs)(t.p,{children:["It becomes clear that you need to identify at least two requirements for ",(0,s.jsx)(t.strong,{children:"Feature-Sliced Design"}),":"]}),"\n",(0,s.jsxs)(t.ol,{children:["\n",(0,s.jsxs)(t.li,{children:["\n",(0,s.jsxs)(t.p,{children:["The methodology should tell ",(0,s.jsx)(t.strong,{children:"how to create features, processes and entities"})]}),"\n",(0,s.jsxs)(t.ul,{children:["\n",(0,s.jsxs)(t.li,{children:["Which means it should clearly explain ",(0,s.jsx)(t.em,{children:"how to divide the code between them"}),", which means that the naming of these entities should also be laid down in the specification."]}),"\n"]}),"\n"]}),"\n",(0,s.jsxs)(t.li,{children:["\n",(0,s.jsxs)(t.p,{children:["The methodology should help the architecture ",(0,s.jsx)(t.strong,{children:(0,s.jsx)(t.a,{href:"architecture#adaptability",children:"easily adapt to the changing requirements of the project"})})]}),"\n"]}),"\n"]}),"\n",(0,s.jsx)(t.h2,{id:"see-also",children:"See also"}),"\n",(0,s.jsxs)(t.ul,{children:["\n",(0,s.jsxs)(t.li,{children:[(0,s.jsx)(t.a,{href:"https://t.me/sergeysova/318",children:"(Post) Stimulation for a clear formulation of tasks (+ discussion)"}),"\n",(0,s.jsxs)(t.blockquote,{children:["\n",(0,s.jsx)(t.p,{children:(0,s.jsxs)(t.em,{children:[(0,s.jsx)(t.strong,{children:"The current article"})," is an adaptation of this discussion, you can read the full uncut version at the link"]})}),"\n"]}),"\n"]}),"\n",(0,s.jsx)(t.li,{children:(0,s.jsx)(t.a,{href:"https://t.me/atomicdesign/18972",children:"(Discussion) How to break the functionality and what it is"})}),"\n",(0,s.jsx)(t.li,{children:(0,s.jsx)(t.a,{href:"https://alexmngn.medium.com/how-to-better-organize-your-react-applications-2fd3ea1920f1",children:'(Article) "How to better organize your applications"'})}),"\n"]})]})}function c(e={}){const{wrapper:t}={...(0,i.R)(),...e.components};return t?(0,s.jsx)(t,{...e,children:(0,s.jsx)(d,{...e})}):d(e)}},1100:(e,t,n)=>{n.d(t,{R:()=>r,x:()=>a});var s=n(758);const i={},o=s.createContext(i);function r(e){const t=s.useContext(o);return s.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function a(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(i):e.components||i:r(e.components),s.createElement(o.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
diff --git a/kr/assets/js/302360db.5fbe1185.js b/kr/assets/js/302360db.5fbe1185.js
new file mode 100644
index 0000000000..b1d0c4033e
--- /dev/null
+++ b/kr/assets/js/302360db.5fbe1185.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[9151],{1714:(e,n,s)=>{s.r(n),s.d(n,{assets:()=>t,contentTitle:()=>d,default:()=>j,frontMatter:()=>l,metadata:()=>c,toc:()=>h});var i=s(6070),r=s(1100);const l={sidebar_position:1},d="\ub458\ub7ec\ubcf4\uae30",c={id:"get-started/overview",title:"\ub458\ub7ec\ubcf4\uae30",description:"Feature-Sliced Design (FSD)\ub294 \ud504\ub860\ud2b8\uc5d4\ub4dc \uc560\ud50c\ub9ac\ucf00\uc774\uc158\uc758 \uad6c\uc870\ub97c \uc7a1\ub294 \uc544\ud0a4\ud14d\ucc98 \ubc29\ubc95\ub860\uc785\ub2c8\ub2e4. \uac04\ub2e8\ud788 \ub9d0\ud574, \ucf54\ub4dc \uad6c\uc131\uc5d0 \uad00\ud55c \uaddc\uce59\uacfc \uad00\ub840\ub97c \ubaa8\uc544\ub193\uc740 \uac83\uc785\ub2c8\ub2e4. \uc774 \ubc29\ubc95\ub860\uc758 \uc8fc\uc694 \ubaa9\uc801\uc740 \uacc4\uc18d \ubcc0\ud654\ud558\ub294 \ube44\uc988\ub2c8\uc2a4 \uc694\uad6c\uc0ac\ud56d\uc5d0 \uc9c1\uba74\ud588\uc744 \ub54c \ud504\ub85c\uc81d\ud2b8\ub97c \ub354 \uc774\ud574\ud558\uae30 \uc27d\uace0 \uc548\uc815\uc801\uc73c\ub85c \ub9cc\ub4dc\ub294 \uac83\uc785\ub2c8\ub2e4.",source:"@site/i18n/kr/docusaurus-plugin-content-docs/current/get-started/overview.mdx",sourceDirName:"get-started",slug:"/get-started/overview",permalink:"/kr/docs/get-started/overview",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/kr/docusaurus-plugin-content-docs/current/get-started/overview.mdx",tags:[],version:"current",lastUpdatedAt:1728325386e3,sidebarPosition:1,frontMatter:{sidebar_position:1},sidebar:"getstartedSidebar",previous:{title:"\ud83d\ude80 Get Started",permalink:"/kr/docs/get-started/"},next:{title:"\ud29c\ud1a0\ub9ac\uc5bc",permalink:"/kr/docs/get-started/tutorial"}},t={},h=[{value:"\ub0b4 \ud504\ub85c\uc81d\ud2b8\uc5d0 \uc801\ud569\ud560\uae4c?",id:"is-it-right-for-me",level:2},{value:"\uac04\ub2e8\ud55c \uc608\uc81c",id:"basic-example",level:2},{value:"\uac1c\ub150",id:"concepts",level:2},{value:"\ub808\uc774\uc5b4",id:"layers",level:3},{value:"\uc2ac\ub77c\uc774\uc2a4",id:"slices",level:3},{value:"\uc138\uadf8\uba3c\ud2b8",id:"segments",level:3},{value:"\uc7a5\uc810",id:"advantages",level:2},{value:"\uc810\uc9c4\uc801 \ub3c4\uc785",id:"incremental-adoption",level:2},{value:"\ub2e4\uc74c \ub2e8\uacc4",id:"next-steps",level:2}];function x(e){const n={a:"a",br:"br",code:"code",em:"em",h1:"h1",h2:"h2",h3:"h3",header:"header",img:"img",li:"li",ol:"ol",p:"p",strong:"strong",ul:"ul",...(0,r.R)(),...e.components};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(n.header,{children:(0,i.jsx)(n.h1,{id:"\ub458\ub7ec\ubcf4\uae30",children:"\ub458\ub7ec\ubcf4\uae30"})}),"\n",(0,i.jsxs)(n.p,{children:[(0,i.jsx)(n.strong,{children:"Feature-Sliced Design"})," (FSD)\ub294 \ud504\ub860\ud2b8\uc5d4\ub4dc \uc560\ud50c\ub9ac\ucf00\uc774\uc158\uc758 \uad6c\uc870\ub97c \uc7a1\ub294 \uc544\ud0a4\ud14d\ucc98 \ubc29\ubc95\ub860\uc785\ub2c8\ub2e4. \uac04\ub2e8\ud788 \ub9d0\ud574, \ucf54\ub4dc \uad6c\uc131\uc5d0 \uad00\ud55c \uaddc\uce59\uacfc \uad00\ub840\ub97c \ubaa8\uc544\ub193\uc740 \uac83\uc785\ub2c8\ub2e4. \uc774 \ubc29\ubc95\ub860\uc758 \uc8fc\uc694 \ubaa9\uc801\uc740 \uacc4\uc18d \ubcc0\ud654\ud558\ub294 \ube44\uc988\ub2c8\uc2a4 \uc694\uad6c\uc0ac\ud56d\uc5d0 \uc9c1\uba74\ud588\uc744 \ub54c \ud504\ub85c\uc81d\ud2b8\ub97c \ub354 \uc774\ud574\ud558\uae30 \uc27d\uace0 \uc548\uc815\uc801\uc73c\ub85c \ub9cc\ub4dc\ub294 \uac83\uc785\ub2c8\ub2e4."]}),"\n",(0,i.jsxs)(n.p,{children:["FSD\ub294 \uaddc\uce59\uc744 \uc81c\uc2dc\ud560 \ubfd0\ub9cc \uc544\ub2c8\ub77c, \uc2e4\uc81c \uac1c\ubc1c \uacfc\uc815\uc744 \ub3d5\ub294 \ub2e4\uc591\ud55c \ub3c4\uad6c\ub4e4\uc744 \ud568\uaed8 \uc81c\uacf5\ud569\ub2c8\ub2e4. \ud504\ub85c\uc81d\ud2b8 \uc544\ud0a4\ud14d\ucc98\ub97c \ud655\uc778\ud558\ub294 ",(0,i.jsx)(n.a,{href:"https://github.com/feature-sliced/steiger",children:"\ub9b0\ud130"}),", CLI\ub098 IDE\ub97c \ud1b5\ud55c ",(0,i.jsx)(n.a,{href:"https://github.com/feature-sliced/awesome?tab=readme-ov-file#tools",children:"\ud3f4\ub354 \uc0dd\uc131\uae30"}),", \uadf8\ub9ac\uace0 \ub2e4\uc591\ud55c ",(0,i.jsx)(n.a,{href:"/examples",children:"\uc608\uc81c"})," \ub77c\uc774\ube0c\ub7ec\ub9ac\ub97c \uc81c\uacf5\ud569\ub2c8\ub2e4."]}),"\n",(0,i.jsx)(n.h2,{id:"is-it-right-for-me",children:"\ub0b4 \ud504\ub85c\uc81d\ud2b8\uc5d0 \uc801\ud569\ud560\uae4c?"}),"\n",(0,i.jsx)(n.p,{children:"FSD\ub294 \uaddc\ubaa8\uc5d0 \uad00\uacc4 \uc5c6\uc774 \ubaa8\ub4e0 \ud300\uacfc \ud504\ub85c\uc81d\ud2b8\uc5d0\uc11c \uc0ac\uc6a9\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4. \ub2e4\uc74c\uacfc \uac19\uc740 \uacbd\uc6b0 \uc5ec\ub7ec\ubd84\uc758 \ud504\ub85c\uc81d\ud2b8\uc5d0 \uc801\ud569\ud569\ub2c8\ub2e4:"}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsxs)(n.li,{children:["\uc5ec\ub7ec\ubd84\uc774 ",(0,i.jsx)(n.strong,{children:"\ud504\ub860\ud2b8\uc5d4\ub4dc"}),"\ub97c \uac1c\ubc1c\ud558\uace0 \uc788\ub2e4\uba74 (\uc6f9, \ubaa8\ubc14\uc77c, \ub370\uc2a4\ud06c\ud1b1 \ub4f1\uc758 UI)"]}),"\n",(0,i.jsxs)(n.li,{children:["\uc5ec\ub7ec\ubd84\uc774 \ub77c\uc774\ube0c\ub7ec\ub9ac\uac00 \uc544\ub2cc ",(0,i.jsx)(n.strong,{children:"\uc560\ud50c\ub9ac\ucf00\uc774\uc158"}),"\uc744 \ub9cc\ub4e4\uace0 \uc788\ub2e4\uba74"]}),"\n"]}),"\n",(0,i.jsx)(n.p,{children:"\uadf8\uac8c \ub2e4\uc608\uc694! \uc0ac\uc6a9\ud558\ub294 \ud504\ub85c\uadf8\ub798\ubc0d \uc5b8\uc5b4, UI \ud504\ub808\uc784\uc6cc\ud06c, \uc0c1\ud0dc \uad00\ub9ac\uc758 \uc81c\ud55c\uc740 \uc5c6\uc2b5\ub2c8\ub2e4. FSD\ub97c \uc810\uc9c4\uc801\uc73c\ub85c \ub3c4\uc785\ud560 \uc218 \uc788\uace0, \ubaa8\ub178\ub808\ud3ec\uc5d0\uc11c \uc0ac\uc6a9\ud560 \uc218 \uc788\uc73c\uba70, \uc571\uc744 \ud328\ud0a4\uc9c0\ub85c \ubd84\ud560\ud558\uace0 \uac01\uac01\uc5d0 FSD\ub97c \uac1c\ubcc4\uc801\uc73c\ub85c \uc801\uc6a9\ud558\uc5ec \ud070 \uaddc\ubaa8\ub85c \ud655\uc7a5\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4."}),"\n",(0,i.jsxs)(n.p,{children:["\uc774\ubbf8 \uc544\ud0a4\ud14d\ucc98\uac00 \uc788\uace0 FSD\ub85c\uc758 \uc804\ud658\uc744 \uace0\ub824 \uc911\uc774\ub77c\uba74, \ud604\uc7ac \uc544\ud0a4\ud14d\ucc98\uac00 ",(0,i.jsx)(n.strong,{children:"\ubb38\uc81c\ub97c \uc77c\uc73c\ud0a4\uace0 \uc788\ub294\uc9c0"})," \ud655\uc778\ud558\uc138\uc694. \uc608\ub97c \ub4e4\uc5b4, \ud504\ub85c\uc81d\ud2b8\uac00 \ub108\ubb34 \ucee4\uc9c0\uace0 \uc0c1\ud638 \uc5f0\uacb0\ub418\uc5b4 \uc0c8\ub85c\uc6b4 \uae30\ub2a5\uc744 \ud6a8\uc728\uc801\uc73c\ub85c \uad6c\ud604\ud558\uae30 \uc5b4\ub824\uc6cc\uc84c\uac70\ub098, \ub9ce\uc740 \uc0ac\ub78c\uc774 \uc0c8\ub86d\uac8c \ud300\uc5d0 \ud569\ub958\ud560 \uac83\uc73c\ub85c \uc608\uc0c1\ub418\ub294 \uacbd\uc6b0\uc785\ub2c8\ub2e4. \ud604\uc7ac \uc544\ud0a4\ud14d\ucc98\uac00 \uc798 \uc791\ub3d9\ud55c\ub2e4\uba74 \ubcc0\uacbd\ud560 \ud544\uc694\uac00 \uc5c6\uc744 \uc218\ub3c4 \uc788\uc2b5\ub2c8\ub2e4. \ud558\uc9c0\ub9cc \ub9c8\uc774\uadf8\ub808\uc774\uc158\uc744 \uacb0\uc815\ud588\ub2e4\uba74, ",(0,i.jsx)(n.a,{href:"/docs/guides/migration/from-custom",children:"\ub9c8\uc774\uadf8\ub808\uc774\uc158"})," \uac00\uc774\ub4dc\ub97c \ud655\uc778\ud558\uc138\uc694."]}),"\n",(0,i.jsx)(n.h2,{id:"basic-example",children:"\uac04\ub2e8\ud55c \uc608\uc81c"}),"\n",(0,i.jsx)(n.p,{children:"\ub2e4\uc74c\uc740 FSD\ub97c \uad6c\ud604\ud55c \uac04\ub2e8\ud55c \ud504\ub85c\uc81d\ud2b8\uc785\ub2c8\ub2e4:"}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsx)(n.li,{children:(0,i.jsx)(n.code,{children:"\ud83d\udcc1 app"})}),"\n",(0,i.jsx)(n.li,{children:(0,i.jsx)(n.code,{children:"\ud83d\udcc1 pages"})}),"\n",(0,i.jsx)(n.li,{children:(0,i.jsx)(n.code,{children:"\ud83d\udcc1 shared"})}),"\n"]}),"\n",(0,i.jsxs)(n.p,{children:["\uc774 \ucd5c\uc0c1\uc704 \ud3f4\ub354\ub4e4\uc744 ",(0,i.jsx)(n.em,{children:"\ub808\uc774\uc5b4"}),"(layers)\ub77c\uace0 \ud569\ub2c8\ub2e4. \ub354 \uc790\uc138\ud788 \uc0b4\ud3b4\ubcf4\uaca0\uc2b5\ub2c8\ub2e4:"]}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsxs)(n.li,{children:[(0,i.jsx)(n.code,{children:"\ud83d\udcc2 app"}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsx)(n.li,{children:(0,i.jsx)(n.code,{children:"\ud83d\udcc1 routes"})}),"\n",(0,i.jsx)(n.li,{children:(0,i.jsx)(n.code,{children:"\ud83d\udcc1 analytics"})}),"\n"]}),"\n"]}),"\n",(0,i.jsxs)(n.li,{children:[(0,i.jsx)(n.code,{children:"\ud83d\udcc2 pages"}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsx)(n.li,{children:(0,i.jsx)(n.code,{children:"\ud83d\udcc1 home"})}),"\n",(0,i.jsxs)(n.li,{children:[(0,i.jsx)(n.code,{children:"\ud83d\udcc2 article-reader"}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsx)(n.li,{children:(0,i.jsx)(n.code,{children:"\ud83d\udcc1 ui"})}),"\n",(0,i.jsx)(n.li,{children:(0,i.jsx)(n.code,{children:"\ud83d\udcc1 api"})}),"\n"]}),"\n"]}),"\n",(0,i.jsx)(n.li,{children:(0,i.jsx)(n.code,{children:"\ud83d\udcc1 settings"})}),"\n"]}),"\n"]}),"\n",(0,i.jsxs)(n.li,{children:[(0,i.jsx)(n.code,{children:"\ud83d\udcc2 shared"}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsx)(n.li,{children:(0,i.jsx)(n.code,{children:"\ud83d\udcc1 ui"})}),"\n",(0,i.jsx)(n.li,{children:(0,i.jsx)(n.code,{children:"\ud83d\udcc1 api"})}),"\n"]}),"\n"]}),"\n"]}),"\n",(0,i.jsxs)(n.p,{children:["\ud83d\udcc2 pages \ub0b4\ubd80\uc758 \ud3f4\ub354\ub4e4\uc744 ",(0,i.jsx)(n.em,{children:"\uc2ac\ub77c\uc774\uc2a4"}),"(slices)\ub77c\uace0 \ud569\ub2c8\ub2e4. \uc2ac\ub77c\uc774\uc2a4\ub294 \ub3c4\uba54\uc778\uc5d0 \ub530\ub77c \ub808\uc774\uc5b4\ub97c \ub098\ub215\ub2c8\ub2e4.(\uc774 \uacbd\uc6b0\uc5d0\ub294 \ud398\uc774\uc9c0\ubcc4\ub85c)"]}),"\n",(0,i.jsxs)(n.p,{children:[(0,i.jsx)(n.code,{children:"\ud83d\udcc2 app"}),", ",(0,i.jsx)(n.code,{children:"\ud83d\udcc2 shared"}),", \uadf8\ub9ac\uace0 ",(0,i.jsx)(n.code,{children:"\ud83d\udcc2 pages/article-reader"})," \ub0b4\ubd80\uc758 \ud3f4\ub354\ub4e4\uc744 ",(0,i.jsx)(n.em,{children:"\uc138\uadf8\uba3c\ud2b8"}),"(segments)\ub77c\uace0 \ud569\ub2c8\ub2e4. \uc138\uadf8\uba3c\ud2b8\ub294 \ucf54\ub4dc\uc758 \uae30\ub2a5\uc801 \ubaa9\uc801, \ub2e4\uc2dc\ub9d0\ud574 \ucf54\ub4dc\uac00 \uc218\ud589\ud558\ub294 \uc5ed\ud560 \ub530\ub77c \uc2ac\ub77c\uc774\uc2a4(\ub610\ub294 \ub808\uc774\uc5b4)\ub97c \ub098\ub215\ub2c8\ub2e4."]}),"\n",(0,i.jsx)(n.h2,{id:"concepts",children:"\uac1c\ub150"}),"\n",(0,i.jsx)(n.p,{children:"\ub808\uc774\uc5b4, \uc2ac\ub77c\uc774\uc2a4, \uc138\uadf8\uba3c\ud2b8\ub294 \ub2e4\uc74c\uacfc \uac19\uc740 \uacc4\uce35 \uad6c\uc870\ub97c \ud615\uc131\ud569\ub2c8\ub2e4:"}),"\n",(0,i.jsxs)("figure",{children:[(0,i.jsx)(n.p,{children:(0,i.jsx)(n.img,{alt:"\uc544\ub798\uc5d0 \uc124\uba85\ub41c FSD \uac1c\ub150\uc758 \uacc4\uce35 \uad6c\uc870",src:s(9273).A+"",width:"1355",height:"754"})}),(0,i.jsxs)("figcaption",{style:{fontStyle:"italic",fontSize:"0.9em"},children:[(0,i.jsx)("p",{children:'\uc704 \uadf8\ub9bc: \uc138 \uac1c\uc758 \uc218\uc9c1 \uad6c\uc870\uac00 \uc788\uc73c\uba70, \uc67c\ucabd\ubd80\ud130 \uc624\ub978\ucabd\uc73c\ub85c \uac01\uac01 "\ub808\uc774\uc5b4", "\uc2ac\ub77c\uc774\uc2a4", "\uc138\uadf8\uba3c\ud2b8"\ub85c \ud45c\uc2dc\ub418\uc5b4 \uc788\uc2b5\ub2c8\ub2e4.'}),(0,i.jsx)("p",{children:'"\ub808\uc774\uc5b4"\uc5d0\ub294 \uc704\uc5d0\uc11c \uc544\ub798\ub85c 7\uac1c\uc758 \uad6c\ubd84\uc774 \uc788\uc73c\uba70, "app", "processes", "pages", "widgets", "features", "entities", "shared"\ub85c \ud45c\uc2dc\ub418\uc5b4 \uc788\uc2b5\ub2c8\ub2e4. "processes" \uad6c\ubd84\uc740 \ucde8\uc18c\uc120\uc774 \uadf8\uc5b4\uc838 \uc788\uc2b5\ub2c8\ub2e4. "entities" \uad6c\ubd84\uc740 \ub450 \ubc88\uc9f8 \uae30\ub465\uc778 "\uc2ac\ub77c\uc774\uc2a4"\uc640 \uc5f0\uacb0\ub418\uc5b4 \uc788\uc5b4, \ub450 \ubc88\uc9f8 \uae30\ub465\uc774 "entities"\uc758 \ub0b4\uc6a9\uc774\ub77c\ub294 \uac83\uc744 \ub098\ud0c0\ub0c5\ub2c8\ub2e4.'}),(0,i.jsx)("p",{children:'"\uc2ac\ub77c\uc774\uc2a4"\uc5d0\ub294 \uc704\uc5d0\uc11c \uc544\ub798\ub85c 3\uac1c\uc758 \uad6c\ubd84\uc774 \uc788\uc73c\uba70, "user", "post", "comment"\ub85c \ud45c\uc2dc\ub418\uc5b4 \uc788\uc2b5\ub2c8\ub2e4. "post" \uad6c\ubd84\uc740 \uc138 \ubc88\uc9f8 \uae30\ub465\uc778 "\uc138\uadf8\uba3c\ud2b8"\uc640 \uc5f0\uacb0\ub418\uc5b4 \uc788\uc5b4, \uc138 \ubc88\uc9f8 \uae30\ub465\uc774 "post"\uc758 \ub0b4\uc6a9\uc784\uc744 \ub098\ud0c0\ub0c5\ub2c8\ub2e4.'}),(0,i.jsx)("p",{children:'"\uc138\uadf8\uba3c\ud2b8"\uc5d0\ub294 \uc704\uc5d0\uc11c \uc544\ub798\ub85c 3\uac1c\uc758 \uad6c\ubd84\uc774 \uc788\uc73c\uba70, "ui", "model", "api"\ub85c \ud45c\uc2dc\ub418\uc5b4 \uc788\uc2b5\ub2c8\ub2e4.'})]})]}),"\n",(0,i.jsx)(n.h3,{id:"layers",children:"\ub808\uc774\uc5b4"}),"\n",(0,i.jsx)(n.p,{children:"\ub808\uc774\uc5b4\ub294 \ubaa8\ub4e0 FSD \ud504\ub85c\uc81d\ud2b8\uc5d0\uc11c \ud45c\uc900\ud654\ub418\uc5b4 \uc788\uc2b5\ub2c8\ub2e4. \ubaa8\ub4e0 \ub808\uc774\uc5b4\ub97c \uc0ac\uc6a9\ud560 \ud544\uc694\ub294 \uc5c6\uc9c0\ub9cc, \uc774\ub984\uc740 \uc911\uc694\ud569\ub2c8\ub2e4. \ud604\uc7ac(\uc704\uc5d0\uc11c \uc544\ub798\ub85c) 7\uac1c\uac00 \uc788\uc2b5\ub2c8\ub2e4:"}),"\n",(0,i.jsxs)(n.ol,{children:["\n",(0,i.jsx)(n.li,{children:"App* - \uc571\uc744 \uc2e4\ud589\ud558\ub294 \ubaa8\ub4e0 \uac83 - \ub77c\uc6b0\ud305, \uc9c4\uc785\uc810, \uc804\uc5ed \uc2a4\ud0c0\uc77c, \ud504\ub85c\ubc14\uc774\ub354."}),"\n",(0,i.jsx)(n.li,{children:"Processes(\ub354 \uc774\uc0c1 \uc0ac\uc6a9\ub418\uc9c0 \uc54a\uc74c) - \ud398\uc774\uc9c0 \uac04 \ubcf5\uc7a1\ud55c \uc2dc\ub098\ub9ac\uc624."}),"\n",(0,i.jsx)(n.li,{children:"Pages - \uc804\uccb4 \ud398\uc774\uc9c0 \ub610\ub294 \uc911\ucca9 \ub77c\uc6b0\ud305\uc5d0\uc11c \ud398\uc774\uc9c0\uc758 \uc8fc\uc694 \ubd80\ubd84."}),"\n",(0,i.jsx)(n.li,{children:"Widgets - \ub3c5\ub9bd\uc801\uc73c\ub85c \uc791\ub3d9\ud558\ub294 \ub300\uaddc\ubaa8 \uae30\ub2a5 \ub610\ub294 UI \ucef4\ud3ec\ub10c\ud2b8, \ubcf4\ud1b5 \ud558\ub098\uc758 \uc644\uc804\ud55c \uae30\ub2a5."}),"\n",(0,i.jsx)(n.li,{children:"Features - \uc81c\ud488 \uc804\ubc18\uc5d0 \uac78\uccd0 \uc7ac\uc0ac\uc6a9\ub418\ub294 \uae30\ub2a5 \uad6c\ud604\uccb4\ub85c, \uc0ac\uc6a9\uc790\uc5d0\uac8c \uc2e4\uc9c8\uc801\uc778 \ube44\uc988\ub2c8\uc2a4 \uac00\uce58\ub97c \uc81c\uacf5\ud558\ub294 \ub3d9\uc791."}),"\n",(0,i.jsx)(n.li,{children:"Entities - \ud504\ub85c\uc81d\ud2b8\uac00 \ub2e4\ub8e8\ub294 \ube44\uc988\ub2c8\uc2a4 \uc5d4\ud2f0\ud2f0, \uc608\ub97c \ub4e4\uc5b4 user \ub610\ub294 product."}),"\n",(0,i.jsx)(n.li,{children:"Shared* - \uc7ac\uc0ac\uc6a9 \uac00\ub2a5\ud55c \uae30\ub2a5, \ud2b9\ud788 \ud504\ub85c\uc81d\ud2b8/\ube44\uc988\ub2c8\uc2a4\uc758 \ud2b9\uc131\uacfc \ubd84\ub9ac\ub418\uc5b4 \uc788\uc744 \ub54c (\ubc18\ub4dc\uc2dc \uadf8\ub7f4 \ud544\uc694\ub294 \uc5c6\uc74c)."}),"\n"]}),"\n",(0,i.jsx)(n.p,{children:(0,i.jsx)(n.em,{children:"* - App\uacfc Shared\ub294 \ub2e4\ub978 \ub808\uc774\uc5b4\ub4e4\uacfc \ub2ec\ub9ac \uc2ac\ub77c\uc774\uc2a4\ub97c \uac00\uc9c0\uc9c0 \uc54a\uc73c\uba70, \uc9c1\uc811 \uc138\uadf8\uba3c\ud2b8\ub85c \uad6c\uc131\ub429\ub2c8\ub2e4."})}),"\n",(0,i.jsx)(n.p,{children:"\ub808\uc774\uc5b4\ub97c \ub2e4\ub8f0 \ub54c\uc758 \uc911\uc694\ud55c \uc810\uc740 \ud55c \ub808\uc774\uc5b4\uc758 \uad6c\uc131 \uc694\uc18c\ub294 \ubc18\ub4dc\uc2dc \uc544\ub798\uc5d0 \uc788\ub294 \ub808\uc774\uc5b4\uc758 \uad6c\uc131 \uc694\uc18c\ub9cc \uc54c\uc218\uc788\uace0 \uc784\ud3ec\ud2b8\ud560 \uc218 \uc788\ub2e4\ub294 \uac83\uc785\ub2c8\ub2e4."}),"\n",(0,i.jsx)(n.h3,{id:"slices",children:"\uc2ac\ub77c\uc774\uc2a4"}),"\n",(0,i.jsx)(n.p,{children:"\ub2e4\uc74c\uc740 \uc2ac\ub77c\uc774\uc2a4\uc785\ub2c8\ub2e4. \uc2ac\ub77c\uc774\uc2a4\ub294 \ube44\uc988\ub2c8\uc2a4 \ub3c4\uba54\uc778\ubcc4\ub85c \ucf54\ub4dc\ub97c \ubd84\ud560\ud569\ub2c8\ub2e4. \uc5ec\ub7ec\ubd84\uc740 \uc790\uc720\ub86d\uac8c \uc774\ub984\uc744 \uc120\ud0dd\ud560 \uc218 \uc788\uace0, \uc6d0\ud558\ub294 \ub9cc\ud07c \ub9ce\uc774 \ub9cc\ub4e4 \uc218 \uc788\uc2b5\ub2c8\ub2e4. \uc2ac\ub77c\uc774\uc2a4\ub294 \ub17c\ub9ac\uc801\uc73c\ub85c \uad00\ub828\ub41c \ubaa8\ub4c8\ub4e4\uc744 \uac00\uae4c\uc774 \uc720\uc9c0\ud568\uc73c\ub85c\uc368 \ucf54\ub4dc\ubca0\uc774\uc2a4\ub97c \ub354 \uc27d\uac8c \ud0d0\uc0c9\ud560 \uc218 \uc788\uac8c \ud574\uc90d\ub2c8\ub2e4."}),"\n",(0,i.jsx)(n.p,{children:"\uc2ac\ub77c\uc774\uc2a4\ub294 \uac19\uc740 \ub808\uc774\uc5b4 \uc548\uc5d0\uc11c \ub2e4\ub978 \uc2ac\ub77c\uc774\uc2a4\ub97c \ucc38\uc870\ud560 \uc218 \uc5c6\uc73c\uba70, \uc774 \uaddc\uce59\uc740 \ub192\uc740 \uc751\uc9d1\ub3c4\uc640 \ub0ae\uc740 \uacb0\ud569\ub3c4\ub97c \uc720\uc9c0\ud558\ub294 \ub370 \ub3c4\uc6c0\uc774 \ub429\ub2c8\ub2e4."}),"\n",(0,i.jsx)(n.h3,{id:"segments",children:"\uc138\uadf8\uba3c\ud2b8"}),"\n",(0,i.jsx)(n.p,{children:"\uc2ac\ub77c\uc774\uc2a4\uc640 App, Shared \ub808\uc774\uc5b4\ub294 \uc138\uadf8\uba3c\ud2b8\ub85c \uad6c\uc131\ub418\uba70, \uc138\uadf8\uba3c\ud2b8\ub294 \ubaa9\uc801\uc5d0 \ub530\ub77c \ucf54\ub4dc\ub97c \uadf8\ub8f9\ud654\ud569\ub2c8\ub2e4. \uc138\uadf8\uba3c\ud2b8 \uc774\ub984\uc740 \ud45c\uc900\uc5d0 \uc758\ud574 \uc81c\ud55c\ub418\uc9c0 \uc54a\uc9c0\ub9cc, \uac00\uc7a5 \uc77c\ubc18\uc801\uc778 \ubaa9\uc801\uc744 \uc704\ud55c \uba87 \uac00\uc9c0 \uad00\ub840\uc801\uc778 \uc774\ub984\uc774 \uc788\uc2b5\ub2c8\ub2e4.:"}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsxs)(n.li,{children:[(0,i.jsx)(n.code,{children:"ui"})," - UI\uc640 \uad00\ub828\ub41c \ubaa8\ub4e0 \uac83: UI \ucef4\ud3ec\ub10c\ud2b8, \ub0a0\uc9dc \ud3ec\ub9f7\ud130, \uc2a4\ud0c0\uc77c \ub4f1."]}),"\n",(0,i.jsxs)(n.li,{children:[(0,i.jsx)(n.code,{children:"api"})," - \ubc31\uc5d4\ub4dc \uc0c1\ud638\uc791\uc6a9: request \ud568\uc218, \ub370\uc774\ud130 \ud0c0\uc785, mapper \ub4f1."]}),"\n",(0,i.jsxs)(n.li,{children:[(0,i.jsx)(n.code,{children:"model"})," - \ub370\uc774\ud130 \ubaa8\ub378: \uc2a4\ud0a4\ub9c8, \uc778\ud130\ud398\uc774\uc2a4, \uc2a4\ud1a0\uc5b4, \ube44\uc988\ub2c8\uc2a4 \ub85c\uc9c1."]}),"\n",(0,i.jsxs)(n.li,{children:[(0,i.jsx)(n.code,{children:"lib"})," - \uc2ac\ub77c\uc774\uc2a4 \uc548\uc5d0 \uc788\ub294 \ub2e4\ub978 \ubaa8\ub4c8\uc774 \ud544\uc694\ub85c \ud558\ub294 \ub77c\uc774\ube0c\ub7ec\ub9ac \ucf54\ub4dc."]}),"\n",(0,i.jsxs)(n.li,{children:[(0,i.jsx)(n.code,{children:"config"})," - \uc124\uc815 \ud30c\uc77c\uacfc \uae30\ub2a5 \ud50c\ub798\uadf8."]}),"\n"]}),"\n",(0,i.jsx)(n.p,{children:"\ub300\ubd80\ubd84\uc758 \ub808\uc774\uc5b4\uc5d0\uc11c\ub294 \uc774 \uc138\uadf8\uba3c\ud2b8\ub4e4\ub85c \ucda9\ubd84\ud558\uba70, Shared\ub098 App\uc5d0\uc11c\ub9cc \uc790\uc2e0\ub9cc\uc758 \uc138\uadf8\uba3c\ud2b8\ub97c \ub9cc\ub4e4 \uac83\uc785\ub2c8\ub2e4. \ud558\uc9c0\ub9cc \uc774\uac74 \uaf2d \uc9c0\ucf1c\uc57c\ud558\ub294 \uaddc\uce59\uc740 \uc544\ub2d9\ub2c8\ub2e4."}),"\n",(0,i.jsx)(n.h2,{id:"advantages",children:"\uc7a5\uc810"}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsxs)(n.li,{children:["\n",(0,i.jsxs)(n.p,{children:[(0,i.jsx)(n.strong,{children:"\uade0\uc77c\uc131"}),(0,i.jsx)(n.br,{}),"\n","\uad6c\uc870\uac00 \ud45c\uc900\ud654\ub418\uc5b4 \uc788\uc5b4, \ud504\ub85c\uc81d\ud2b8\uac00 \ub354 \uade0\uc77c\ud574\uc9c0\uba70, \uc774\ub294 \uc0c8\ub85c\uc6b4 \uba64\ubc84\uac00 \ud300\uc5d0 \uc801\uc751\ud558\ub294 \uac83\uc744 \ub354 \uc27d\uac8c \ub9cc\ub4ed\ub2c8\ub2e4."]}),"\n"]}),"\n",(0,i.jsxs)(n.li,{children:["\n",(0,i.jsxs)(n.p,{children:[(0,i.jsx)(n.strong,{children:"\ubcc0\uacbd\uacfc \ub9ac\ud329\ud1a0\ub9c1\uc5d0 \ub300\ud55c \uc548\uc815\uc131"}),(0,i.jsx)(n.br,{}),"\n","\ud55c \ub808\uc774\uc5b4\uc758 \uad6c\uc131 \uc694\uc18c\ub294 \uac19\uc740 \ub808\uc774\uc5b4\ub098 \uc0c1\uc704 \ub808\uc774\uc5b4\uc758 \ub2e4\ub978 \uad6c\uc131 \uc694\uc18c\ub97c \uc0ac\uc6a9\ud560 \uc218 \uc5c6\uc2b5\ub2c8\ub2e4. \uc774\ub85c \uc778\ud574 \uc571\uc758 \uc0ac\uc774\ub4dc \uc774\ud399\ud2b8 \uc5c6\uc774 \uaca9\ub9ac\ub41c \uc218\uc815\uc744 \ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4."]}),"\n"]}),"\n",(0,i.jsxs)(n.li,{children:["\n",(0,i.jsxs)(n.p,{children:[(0,i.jsx)(n.strong,{children:"\ub85c\uc9c1 \uc7ac\uc0ac\uc6a9\uc744 \ud1b5\uc81c"}),(0,i.jsx)(n.br,{}),"\n","\ub808\uc774\uc5b4\uc5d0 \ub530\ub77c \ucf54\ub4dc\ub97c \ub9e4\uc6b0 \uc7ac\uc0ac\uc6a9 \uac00\ub2a5\ud558\uac8c \ub610\ub294 \ub9e4\uc6b0 \uc9c0\uc5ed\uc801\uc73c\ub85c \ub9cc\ub4e4 \uc218 \uc788\uc2b5\ub2c8\ub2e4. \uc774\ub294 ",(0,i.jsx)(n.strong,{children:"DRY"})," \uc6d0\uce59\uacfc \uc2e4\uc6a9\uc131 \uc0ac\uc774\uc758 \uade0\ud615\uc744 \uc720\uc9c0\ud569\ub2c8\ub2e4."]}),"\n"]}),"\n",(0,i.jsxs)(n.li,{children:["\n",(0,i.jsxs)(n.p,{children:[(0,i.jsx)(n.strong,{children:"\ube44\uc988\ub2c8\uc2a4\uc640 \uc0ac\uc6a9\uc790 \uc694\uad6c\uc5d0 \ub300\ud55c \uc9c0\ud5a5\uc131"}),(0,i.jsx)(n.br,{}),"\n","\uc571\uc740 \ube44\uc988\ub2c8\uc2a4 \ub3c4\uba54\uc778\uc73c\ub85c \ubd84\ud560\ub418\uba70, \uc774\ub984\uc744 \uc9c0\uc744 \ub54c \ube44\uc988\ub2c8\uc2a4 \uc5b8\uc5b4 \uc0ac\uc6a9\uc774 \uad8c\uc7a5\ub429\ub2c8\ub2e4. \uc774\ub85c \uc778\ud574 \ud504\ub85c\uc81d\ud2b8\uc640 \ubb34\uad00\ud55c \ubd80\ubd84\uc744 \uc644\uc804\ud788 \uc774\ud574\ud558\uc9c0 \uc54a\uace0\ub3c4 \uc720\uc6a9\ud55c \uac1c\ubc1c\uc744 \ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4."]}),"\n"]}),"\n"]}),"\n",(0,i.jsx)(n.h2,{id:"incremental-adoption",children:"\uc810\uc9c4\uc801 \ub3c4\uc785"}),"\n",(0,i.jsx)(n.p,{children:"FSD\ub85c \ub9c8\uc774\uadf8\ub808\uc774\uc158\ud558\uace0\uc790 \ud558\ub294 \uae30\uc874 \ucf54\ub4dc\ubca0\uc774\uc2a4\uac00 \uc788\ub2e4\uba74, \ub2e4\uc74c\uacfc \uac19\uc740 \uc804\ub7b5\uc744 \uc81c\uc548\ud569\ub2c8\ub2e4. \uc774\ub294 \uc6b0\ub9ac\uc758 \ub9c8\uc774\uadf8\ub808\uc774\uc158 \uacbd\ud5d8\uc5d0\uc11c \uc720\uc6a9\ud588\ub358 \ubc29\ubc95\uc785\ub2c8\ub2e4."}),"\n",(0,i.jsxs)(n.ol,{children:["\n",(0,i.jsxs)(n.li,{children:["\n",(0,i.jsx)(n.p,{children:"App\uacfc Shared \ub808\uc774\uc5b4\ub97c \ubaa8\ub4c8\ubcc4\ub85c \ucc9c\ucc9c\ud788 \uad6c\uc131\ud558\uc5ec \uae30\ubc18\uc744 \ub9cc\ub4dc\ub294 \uac83\uc73c\ub85c \uc2dc\uc791\ud558\uc138\uc694."}),"\n"]}),"\n",(0,i.jsxs)(n.li,{children:["\n",(0,i.jsx)(n.p,{children:"\uae30\uc874\uc758 \ubaa8\ub4e0 UI\ub97c Widgets\uc640 Pages\uc5d0 \ud070 \ud2c0\uc5d0\uc11c \ubd84\ubc30\ud558\uc138\uc694. FSD \uaddc\uce59\uc744 \uc704\ubc18\ud558\ub294 \uc758\uc874\uc131\uc774 \uc788\ub354\ub77c\ub3c4 \uad1c\ucc2e\uc2b5\ub2c8\ub2e4."}),"\n"]}),"\n",(0,i.jsxs)(n.li,{children:["\n",(0,i.jsx)(n.p,{children:"\uc810\uc9c4\uc801\uc73c\ub85c \uc784\ud3ec\ud2b8 \uc704\ubc18\uc744 \ud574\uacb0\ud558\uace0, Entities\uc640 \uac00\ub2a5\ud558\ub2e4\uba74 Features\ub3c4 \ucd94\ucd9c\ud558\uae30 \uc2dc\uc791\ud558\uc138\uc694."}),"\n"]}),"\n"]}),"\n",(0,i.jsx)(n.p,{children:"\ub9ac\ud329\ud1a0\ub9c1 \uc911\uc774\uac70\ub098 \ud504\ub85c\uc81d\ud2b8\uc758 \ud2b9\uc815 \ubd80\ubd84\ub9cc \ub9ac\ud329\ud1a0\ub9c1\ud560 \ub54c\ub294 \uc0c8\ub85c\uc6b4 \ub300\uaddc\ubaa8 \uc5d4\ud2f0\ud2f0\ub97c \ucd94\uac00\ud558\uc9c0 \uc54a\ub294 \uac83\uc774 \uc88b\uc2b5\ub2c8\ub2e4."}),"\n",(0,i.jsx)(n.h2,{id:"next-steps",children:"\ub2e4\uc74c \ub2e8\uacc4"}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsxs)(n.li,{children:[(0,i.jsx)(n.strong,{children:"FSD\ub85c \uc0ac\uace0\ud558\ub294 \ubc29\ubc95\uc744 \uc798 \uc774\ud574\ud558\uace0 \uc2f6\uc73c\uc2e0\uac00\uc694?"})," ",(0,i.jsx)(n.a,{href:"/docs/get-started/tutorial",children:"\ud29c\ud1a0\ub9ac\uc5bc"}),"\uc744 \ud655\uc778\ud574\ubcf4\uc138\uc694."]}),"\n",(0,i.jsxs)(n.li,{children:[(0,i.jsx)(n.strong,{children:"\uc608\uc81c\ub97c \ud1b5\ud574 \ubc30\uc6b0\ub294 \uac83\uc744 \uc120\ud638\ud558\uc2dc\ub098\uc694?"})," ",(0,i.jsx)(n.a,{href:"/examples",children:"\uc608\uc81c"})," \uc139\uc158\uc5d0 \ub9ce\uc740 \uc608\uc81c\uac00 \uc788\uc2b5\ub2c8\ub2e4."]}),"\n",(0,i.jsxs)(n.li,{children:[(0,i.jsx)(n.strong,{children:"\uc9c8\ubb38\uc774 \uc788\uc73c\uc2e0\uac00\uc694?"})," \uc6b0\ub9ac\uc758 ",(0,i.jsx)(n.a,{href:"https://t.me/feature_sliced",children:"\ud154\ub808\uadf8\ub7a8 \ucc44\ud305\ubc29"}),"\uc5d0 \ub4e4\ub7ec \ucee4\ubba4\ub2c8\ud2f0\uc758 \ub3c4\uc6c0\uc744 \ubc1b\uc73c\uc138\uc694."]}),"\n"]})]})}function j(e={}){const{wrapper:n}={...(0,r.R)(),...e.components};return n?(0,i.jsx)(n,{...e,children:(0,i.jsx)(x,{...e})}):x(e)}},9273:(e,n,s)=>{s.d(n,{A:()=>i});const i=s.p+"assets/images/visual_schema-e826067f573946613dcdc76e3f585082.jpg"},1100:(e,n,s)=>{s.d(n,{R:()=>d,x:()=>c});var i=s(758);const r={},l=i.createContext(r);function d(e){const n=i.useContext(l);return i.useMemo((function(){return"function"==typeof e?e(n):{...n,...e}}),[n,e])}function c(e){let n;return n=e.disableParentContext?"function"==typeof e.components?e.components(r):e.components||r:d(e.components),i.createElement(l.Provider,{value:n},e.children)}}}]);
\ No newline at end of file
diff --git a/kr/assets/js/302360db.9919ad0e.js b/kr/assets/js/302360db.9919ad0e.js
deleted file mode 100644
index d46468764a..0000000000
--- a/kr/assets/js/302360db.9919ad0e.js
+++ /dev/null
@@ -1 +0,0 @@
-"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[9151],{1714:(e,n,s)=>{s.r(n),s.d(n,{assets:()=>t,contentTitle:()=>d,default:()=>j,frontMatter:()=>l,metadata:()=>c,toc:()=>h});var i=s(6070),r=s(1100);const l={sidebar_position:1},d="\ub458\ub7ec\ubcf4\uae30",c={id:"get-started/overview",title:"\ub458\ub7ec\ubcf4\uae30",description:"Feature-Sliced Design (FSD)\ub294 \ud504\ub860\ud2b8\uc5d4\ub4dc \uc560\ud50c\ub9ac\ucf00\uc774\uc158\uc758 \uad6c\uc870\ub97c \uc7a1\ub294 \uc544\ud0a4\ud14d\ucc98 \ubc29\ubc95\ub860\uc785\ub2c8\ub2e4. \uac04\ub2e8\ud788 \ub9d0\ud574, \ucf54\ub4dc \uad6c\uc131\uc5d0 \uad00\ud55c \uaddc\uce59\uacfc \uad00\ub840\ub97c \ubaa8\uc544\ub193\uc740 \uac83\uc785\ub2c8\ub2e4. \uc774 \ubc29\ubc95\ub860\uc758 \uc8fc\uc694 \ubaa9\uc801\uc740 \uacc4\uc18d \ubcc0\ud654\ud558\ub294 \ube44\uc988\ub2c8\uc2a4 \uc694\uad6c\uc0ac\ud56d\uc5d0 \uc9c1\uba74\ud588\uc744 \ub54c \ud504\ub85c\uc81d\ud2b8\ub97c \ub354 \uc774\ud574\ud558\uae30 \uc27d\uace0 \uc548\uc815\uc801\uc73c\ub85c \ub9cc\ub4dc\ub294 \uac83\uc785\ub2c8\ub2e4.",source:"@site/i18n/kr/docusaurus-plugin-content-docs/current/get-started/overview.mdx",sourceDirName:"get-started",slug:"/get-started/overview",permalink:"/kr/docs/get-started/overview",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/kr/docusaurus-plugin-content-docs/current/get-started/overview.mdx",tags:[],version:"current",lastUpdatedAt:1727607766e3,sidebarPosition:1,frontMatter:{sidebar_position:1},sidebar:"getstartedSidebar",previous:{title:"\ud83d\ude80 Get Started",permalink:"/kr/docs/get-started/"},next:{title:"Tutorial",permalink:"/kr/docs/get-started/tutorial"}},t={},h=[{value:"\ub0b4 \ud504\ub85c\uc81d\ud2b8\uc5d0 \uc801\ud569\ud560\uae4c?",id:"is-it-right-for-me",level:2},{value:"\uac04\ub2e8\ud55c \uc608\uc81c",id:"basic-example",level:2},{value:"\uac1c\ub150",id:"concepts",level:2},{value:"\ub808\uc774\uc5b4",id:"layers",level:3},{value:"\uc2ac\ub77c\uc774\uc2a4",id:"slices",level:3},{value:"\uc138\uadf8\uba3c\ud2b8",id:"segments",level:3},{value:"\uc7a5\uc810",id:"advantages",level:2},{value:"\uc810\uc9c4\uc801 \ub3c4\uc785",id:"incremental-adoption",level:2},{value:"\ub2e4\uc74c \ub2e8\uacc4",id:"next-steps",level:2}];function x(e){const n={a:"a",br:"br",code:"code",em:"em",h1:"h1",h2:"h2",h3:"h3",header:"header",img:"img",li:"li",ol:"ol",p:"p",strong:"strong",ul:"ul",...(0,r.R)(),...e.components};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(n.header,{children:(0,i.jsx)(n.h1,{id:"\ub458\ub7ec\ubcf4\uae30",children:"\ub458\ub7ec\ubcf4\uae30"})}),"\n",(0,i.jsxs)(n.p,{children:[(0,i.jsx)(n.strong,{children:"Feature-Sliced Design"})," (FSD)\ub294 \ud504\ub860\ud2b8\uc5d4\ub4dc \uc560\ud50c\ub9ac\ucf00\uc774\uc158\uc758 \uad6c\uc870\ub97c \uc7a1\ub294 \uc544\ud0a4\ud14d\ucc98 \ubc29\ubc95\ub860\uc785\ub2c8\ub2e4. \uac04\ub2e8\ud788 \ub9d0\ud574, \ucf54\ub4dc \uad6c\uc131\uc5d0 \uad00\ud55c \uaddc\uce59\uacfc \uad00\ub840\ub97c \ubaa8\uc544\ub193\uc740 \uac83\uc785\ub2c8\ub2e4. \uc774 \ubc29\ubc95\ub860\uc758 \uc8fc\uc694 \ubaa9\uc801\uc740 \uacc4\uc18d \ubcc0\ud654\ud558\ub294 \ube44\uc988\ub2c8\uc2a4 \uc694\uad6c\uc0ac\ud56d\uc5d0 \uc9c1\uba74\ud588\uc744 \ub54c \ud504\ub85c\uc81d\ud2b8\ub97c \ub354 \uc774\ud574\ud558\uae30 \uc27d\uace0 \uc548\uc815\uc801\uc73c\ub85c \ub9cc\ub4dc\ub294 \uac83\uc785\ub2c8\ub2e4."]}),"\n",(0,i.jsxs)(n.p,{children:["FSD\ub294 \uaddc\uce59\uc744 \uc81c\uc2dc\ud560 \ubfd0\ub9cc \uc544\ub2c8\ub77c, \uc2e4\uc81c \uac1c\ubc1c \uacfc\uc815\uc744 \ub3d5\ub294 \ub2e4\uc591\ud55c \ub3c4\uad6c\ub4e4\uc744 \ud568\uaed8 \uc81c\uacf5\ud569\ub2c8\ub2e4. \ud504\ub85c\uc81d\ud2b8 \uc544\ud0a4\ud14d\ucc98\ub97c \ud655\uc778\ud558\ub294 ",(0,i.jsx)(n.a,{href:"https://github.com/feature-sliced/steiger",children:"\ub9b0\ud130"}),", CLI\ub098 IDE\ub97c \ud1b5\ud55c ",(0,i.jsx)(n.a,{href:"https://github.com/feature-sliced/awesome?tab=readme-ov-file#tools",children:"\ud3f4\ub354 \uc0dd\uc131\uae30"}),", \uadf8\ub9ac\uace0 \ub2e4\uc591\ud55c ",(0,i.jsx)(n.a,{href:"/examples",children:"\uc608\uc81c"})," \ub77c\uc774\ube0c\ub7ec\ub9ac\ub97c \uc81c\uacf5\ud569\ub2c8\ub2e4."]}),"\n",(0,i.jsx)(n.h2,{id:"is-it-right-for-me",children:"\ub0b4 \ud504\ub85c\uc81d\ud2b8\uc5d0 \uc801\ud569\ud560\uae4c?"}),"\n",(0,i.jsx)(n.p,{children:"FSD\ub294 \uaddc\ubaa8\uc5d0 \uad00\uacc4 \uc5c6\uc774 \ubaa8\ub4e0 \ud300\uacfc \ud504\ub85c\uc81d\ud2b8\uc5d0\uc11c \uc0ac\uc6a9\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4. \ub2e4\uc74c\uacfc \uac19\uc740 \uacbd\uc6b0 \uc5ec\ub7ec\ubd84\uc758 \ud504\ub85c\uc81d\ud2b8\uc5d0 \uc801\ud569\ud569\ub2c8\ub2e4:"}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsxs)(n.li,{children:["\uc5ec\ub7ec\ubd84\uc774 ",(0,i.jsx)(n.strong,{children:"\ud504\ub860\ud2b8\uc5d4\ub4dc"}),"\ub97c \uac1c\ubc1c\ud558\uace0 \uc788\ub2e4\uba74 (\uc6f9, \ubaa8\ubc14\uc77c, \ub370\uc2a4\ud06c\ud1b1 \ub4f1\uc758 UI)"]}),"\n",(0,i.jsxs)(n.li,{children:["\uc5ec\ub7ec\ubd84\uc774 \ub77c\uc774\ube0c\ub7ec\ub9ac\uac00 \uc544\ub2cc ",(0,i.jsx)(n.strong,{children:"\uc560\ud50c\ub9ac\ucf00\uc774\uc158"}),"\uc744 \ub9cc\ub4e4\uace0 \uc788\ub2e4\uba74"]}),"\n"]}),"\n",(0,i.jsx)(n.p,{children:"\uadf8\uac8c \ub2e4\uc608\uc694! \uc0ac\uc6a9\ud558\ub294 \ud504\ub85c\uadf8\ub798\ubc0d \uc5b8\uc5b4, UI \ud504\ub808\uc784\uc6cc\ud06c, \uc0c1\ud0dc \uad00\ub9ac\uc758 \uc81c\ud55c\uc740 \uc5c6\uc2b5\ub2c8\ub2e4. FSD\ub97c \uc810\uc9c4\uc801\uc73c\ub85c \ub3c4\uc785\ud560 \uc218 \uc788\uace0, \ubaa8\ub178\ub808\ud3ec\uc5d0\uc11c \uc0ac\uc6a9\ud560 \uc218 \uc788\uc73c\uba70, \uc571\uc744 \ud328\ud0a4\uc9c0\ub85c \ubd84\ud560\ud558\uace0 \uac01\uac01\uc5d0 FSD\ub97c \uac1c\ubcc4\uc801\uc73c\ub85c \uc801\uc6a9\ud558\uc5ec \ud070 \uaddc\ubaa8\ub85c \ud655\uc7a5\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4."}),"\n",(0,i.jsxs)(n.p,{children:["\uc774\ubbf8 \uc544\ud0a4\ud14d\ucc98\uac00 \uc788\uace0 FSD\ub85c\uc758 \uc804\ud658\uc744 \uace0\ub824 \uc911\uc774\ub77c\uba74, \ud604\uc7ac \uc544\ud0a4\ud14d\ucc98\uac00 ",(0,i.jsx)(n.strong,{children:"\ubb38\uc81c\ub97c \uc77c\uc73c\ud0a4\uace0 \uc788\ub294\uc9c0"})," \ud655\uc778\ud558\uc138\uc694. \uc608\ub97c \ub4e4\uc5b4, \ud504\ub85c\uc81d\ud2b8\uac00 \ub108\ubb34 \ucee4\uc9c0\uace0 \uc0c1\ud638 \uc5f0\uacb0\ub418\uc5b4 \uc0c8\ub85c\uc6b4 \uae30\ub2a5\uc744 \ud6a8\uc728\uc801\uc73c\ub85c \uad6c\ud604\ud558\uae30 \uc5b4\ub824\uc6cc\uc84c\uac70\ub098, \ub9ce\uc740 \uc0ac\ub78c\uc774 \uc0c8\ub86d\uac8c \ud300\uc5d0 \ud569\ub958\ud560 \uac83\uc73c\ub85c \uc608\uc0c1\ub418\ub294 \uacbd\uc6b0\uc785\ub2c8\ub2e4. \ud604\uc7ac \uc544\ud0a4\ud14d\ucc98\uac00 \uc798 \uc791\ub3d9\ud55c\ub2e4\uba74 \ubcc0\uacbd\ud560 \ud544\uc694\uac00 \uc5c6\uc744 \uc218\ub3c4 \uc788\uc2b5\ub2c8\ub2e4. \ud558\uc9c0\ub9cc \ub9c8\uc774\uadf8\ub808\uc774\uc158\uc744 \uacb0\uc815\ud588\ub2e4\uba74, ",(0,i.jsx)(n.a,{href:"/docs/guides/migration/from-custom",children:"\ub9c8\uc774\uadf8\ub808\uc774\uc158"})," \uac00\uc774\ub4dc\ub97c \ud655\uc778\ud558\uc138\uc694."]}),"\n",(0,i.jsx)(n.h2,{id:"basic-example",children:"\uac04\ub2e8\ud55c \uc608\uc81c"}),"\n",(0,i.jsx)(n.p,{children:"\ub2e4\uc74c\uc740 FSD\ub97c \uad6c\ud604\ud55c \uac04\ub2e8\ud55c \ud504\ub85c\uc81d\ud2b8\uc785\ub2c8\ub2e4:"}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsx)(n.li,{children:(0,i.jsx)(n.code,{children:"\ud83d\udcc1 app"})}),"\n",(0,i.jsx)(n.li,{children:(0,i.jsx)(n.code,{children:"\ud83d\udcc1 pages"})}),"\n",(0,i.jsx)(n.li,{children:(0,i.jsx)(n.code,{children:"\ud83d\udcc1 shared"})}),"\n"]}),"\n",(0,i.jsxs)(n.p,{children:["\uc774 \ucd5c\uc0c1\uc704 \ud3f4\ub354\ub4e4\uc744 ",(0,i.jsx)(n.em,{children:"\ub808\uc774\uc5b4"}),"(layers)\ub77c\uace0 \ud569\ub2c8\ub2e4. \ub354 \uc790\uc138\ud788 \uc0b4\ud3b4\ubcf4\uaca0\uc2b5\ub2c8\ub2e4:"]}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsxs)(n.li,{children:[(0,i.jsx)(n.code,{children:"\ud83d\udcc2 app"}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsx)(n.li,{children:(0,i.jsx)(n.code,{children:"\ud83d\udcc1 routes"})}),"\n",(0,i.jsx)(n.li,{children:(0,i.jsx)(n.code,{children:"\ud83d\udcc1 analytics"})}),"\n"]}),"\n"]}),"\n",(0,i.jsxs)(n.li,{children:[(0,i.jsx)(n.code,{children:"\ud83d\udcc2 pages"}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsx)(n.li,{children:(0,i.jsx)(n.code,{children:"\ud83d\udcc1 home"})}),"\n",(0,i.jsxs)(n.li,{children:[(0,i.jsx)(n.code,{children:"\ud83d\udcc2 article-reader"}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsx)(n.li,{children:(0,i.jsx)(n.code,{children:"\ud83d\udcc1 ui"})}),"\n",(0,i.jsx)(n.li,{children:(0,i.jsx)(n.code,{children:"\ud83d\udcc1 api"})}),"\n"]}),"\n"]}),"\n",(0,i.jsx)(n.li,{children:(0,i.jsx)(n.code,{children:"\ud83d\udcc1 settings"})}),"\n"]}),"\n"]}),"\n",(0,i.jsxs)(n.li,{children:[(0,i.jsx)(n.code,{children:"\ud83d\udcc2 shared"}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsx)(n.li,{children:(0,i.jsx)(n.code,{children:"\ud83d\udcc1 ui"})}),"\n",(0,i.jsx)(n.li,{children:(0,i.jsx)(n.code,{children:"\ud83d\udcc1 api"})}),"\n"]}),"\n"]}),"\n"]}),"\n",(0,i.jsxs)(n.p,{children:["\ud83d\udcc2 pages \ub0b4\ubd80\uc758 \ud3f4\ub354\ub4e4\uc744 ",(0,i.jsx)(n.em,{children:"\uc2ac\ub77c\uc774\uc2a4"}),"(slices)\ub77c\uace0 \ud569\ub2c8\ub2e4. \uc2ac\ub77c\uc774\uc2a4\ub294 \ub3c4\uba54\uc778\uc5d0 \ub530\ub77c \ub808\uc774\uc5b4\ub97c \ub098\ub215\ub2c8\ub2e4.(\uc774 \uacbd\uc6b0\uc5d0\ub294 \ud398\uc774\uc9c0\ubcc4\ub85c)"]}),"\n",(0,i.jsxs)(n.p,{children:[(0,i.jsx)(n.code,{children:"\ud83d\udcc2 app"}),", ",(0,i.jsx)(n.code,{children:"\ud83d\udcc2 shared"}),", \uadf8\ub9ac\uace0 ",(0,i.jsx)(n.code,{children:"\ud83d\udcc2 pages/article-reader"})," \ub0b4\ubd80\uc758 \ud3f4\ub354\ub4e4\uc744 ",(0,i.jsx)(n.em,{children:"\uc138\uadf8\uba3c\ud2b8"}),"(segments)\ub77c\uace0 \ud569\ub2c8\ub2e4. \uc138\uadf8\uba3c\ud2b8\ub294 \ucf54\ub4dc\uc758 \uae30\ub2a5\uc801 \ubaa9\uc801, \ub2e4\uc2dc\ub9d0\ud574 \ucf54\ub4dc\uac00 \uc218\ud589\ud558\ub294 \uc5ed\ud560 \ub530\ub77c \uc2ac\ub77c\uc774\uc2a4(\ub610\ub294 \ub808\uc774\uc5b4)\ub97c \ub098\ub215\ub2c8\ub2e4."]}),"\n",(0,i.jsx)(n.h2,{id:"concepts",children:"\uac1c\ub150"}),"\n",(0,i.jsx)(n.p,{children:"\ub808\uc774\uc5b4, \uc2ac\ub77c\uc774\uc2a4, \uc138\uadf8\uba3c\ud2b8\ub294 \ub2e4\uc74c\uacfc \uac19\uc740 \uacc4\uce35 \uad6c\uc870\ub97c \ud615\uc131\ud569\ub2c8\ub2e4:"}),"\n",(0,i.jsxs)("figure",{children:[(0,i.jsx)(n.p,{children:(0,i.jsx)(n.img,{alt:"\uc544\ub798\uc5d0 \uc124\uba85\ub41c FSD \uac1c\ub150\uc758 \uacc4\uce35 \uad6c\uc870",src:s(9273).A+"",width:"1355",height:"754"})}),(0,i.jsxs)("figcaption",{style:{fontStyle:"italic",fontSize:"0.9em"},children:[(0,i.jsx)("p",{children:'\uc704 \uadf8\ub9bc: \uc138 \uac1c\uc758 \uc218\uc9c1 \uad6c\uc870\uac00 \uc788\uc73c\uba70, \uc67c\ucabd\ubd80\ud130 \uc624\ub978\ucabd\uc73c\ub85c \uac01\uac01 "\ub808\uc774\uc5b4", "\uc2ac\ub77c\uc774\uc2a4", "\uc138\uadf8\uba3c\ud2b8"\ub85c \ud45c\uc2dc\ub418\uc5b4 \uc788\uc2b5\ub2c8\ub2e4.'}),(0,i.jsx)("p",{children:'"\ub808\uc774\uc5b4"\uc5d0\ub294 \uc704\uc5d0\uc11c \uc544\ub798\ub85c 7\uac1c\uc758 \uad6c\ubd84\uc774 \uc788\uc73c\uba70, "app", "processes", "pages", "widgets", "features", "entities", "shared"\ub85c \ud45c\uc2dc\ub418\uc5b4 \uc788\uc2b5\ub2c8\ub2e4. "processes" \uad6c\ubd84\uc740 \ucde8\uc18c\uc120\uc774 \uadf8\uc5b4\uc838 \uc788\uc2b5\ub2c8\ub2e4. "entities" \uad6c\ubd84\uc740 \ub450 \ubc88\uc9f8 \uae30\ub465\uc778 "\uc2ac\ub77c\uc774\uc2a4"\uc640 \uc5f0\uacb0\ub418\uc5b4 \uc788\uc5b4, \ub450 \ubc88\uc9f8 \uae30\ub465\uc774 "entities"\uc758 \ub0b4\uc6a9\uc774\ub77c\ub294 \uac83\uc744 \ub098\ud0c0\ub0c5\ub2c8\ub2e4.'}),(0,i.jsx)("p",{children:'"\uc2ac\ub77c\uc774\uc2a4"\uc5d0\ub294 \uc704\uc5d0\uc11c \uc544\ub798\ub85c 3\uac1c\uc758 \uad6c\ubd84\uc774 \uc788\uc73c\uba70, "user", "post", "comment"\ub85c \ud45c\uc2dc\ub418\uc5b4 \uc788\uc2b5\ub2c8\ub2e4. "post" \uad6c\ubd84\uc740 \uc138 \ubc88\uc9f8 \uae30\ub465\uc778 "\uc138\uadf8\uba3c\ud2b8"\uc640 \uc5f0\uacb0\ub418\uc5b4 \uc788\uc5b4, \uc138 \ubc88\uc9f8 \uae30\ub465\uc774 "post"\uc758 \ub0b4\uc6a9\uc784\uc744 \ub098\ud0c0\ub0c5\ub2c8\ub2e4.'}),(0,i.jsx)("p",{children:'"\uc138\uadf8\uba3c\ud2b8"\uc5d0\ub294 \uc704\uc5d0\uc11c \uc544\ub798\ub85c 3\uac1c\uc758 \uad6c\ubd84\uc774 \uc788\uc73c\uba70, "ui", "model", "api"\ub85c \ud45c\uc2dc\ub418\uc5b4 \uc788\uc2b5\ub2c8\ub2e4.'})]})]}),"\n",(0,i.jsx)(n.h3,{id:"layers",children:"\ub808\uc774\uc5b4"}),"\n",(0,i.jsx)(n.p,{children:"\ub808\uc774\uc5b4\ub294 \ubaa8\ub4e0 FSD \ud504\ub85c\uc81d\ud2b8\uc5d0\uc11c \ud45c\uc900\ud654\ub418\uc5b4 \uc788\uc2b5\ub2c8\ub2e4. \ubaa8\ub4e0 \ub808\uc774\uc5b4\ub97c \uc0ac\uc6a9\ud560 \ud544\uc694\ub294 \uc5c6\uc9c0\ub9cc, \uc774\ub984\uc740 \uc911\uc694\ud569\ub2c8\ub2e4. \ud604\uc7ac(\uc704\uc5d0\uc11c \uc544\ub798\ub85c) 7\uac1c\uac00 \uc788\uc2b5\ub2c8\ub2e4:"}),"\n",(0,i.jsxs)(n.ol,{children:["\n",(0,i.jsx)(n.li,{children:"App* - \uc571\uc744 \uc2e4\ud589\ud558\ub294 \ubaa8\ub4e0 \uac83 - \ub77c\uc6b0\ud305, \uc9c4\uc785\uc810, \uc804\uc5ed \uc2a4\ud0c0\uc77c, \ud504\ub85c\ubc14\uc774\ub354."}),"\n",(0,i.jsx)(n.li,{children:"Processes(\ub354 \uc774\uc0c1 \uc0ac\uc6a9\ub418\uc9c0 \uc54a\uc74c) - \ud398\uc774\uc9c0 \uac04 \ubcf5\uc7a1\ud55c \uc2dc\ub098\ub9ac\uc624."}),"\n",(0,i.jsx)(n.li,{children:"Pages - \uc804\uccb4 \ud398\uc774\uc9c0 \ub610\ub294 \uc911\ucca9 \ub77c\uc6b0\ud305\uc5d0\uc11c \ud398\uc774\uc9c0\uc758 \uc8fc\uc694 \ubd80\ubd84."}),"\n",(0,i.jsx)(n.li,{children:"Widgets - \ub3c5\ub9bd\uc801\uc73c\ub85c \uc791\ub3d9\ud558\ub294 \ub300\uaddc\ubaa8 \uae30\ub2a5 \ub610\ub294 UI \ucef4\ud3ec\ub10c\ud2b8, \ubcf4\ud1b5 \ud558\ub098\uc758 \uc644\uc804\ud55c \uae30\ub2a5."}),"\n",(0,i.jsx)(n.li,{children:"Features - \uc81c\ud488 \uc804\ubc18\uc5d0 \uac78\uccd0 \uc7ac\uc0ac\uc6a9\ub418\ub294 \uae30\ub2a5 \uad6c\ud604\uccb4\ub85c, \uc0ac\uc6a9\uc790\uc5d0\uac8c \uc2e4\uc9c8\uc801\uc778 \ube44\uc988\ub2c8\uc2a4 \uac00\uce58\ub97c \uc81c\uacf5\ud558\ub294 \ub3d9\uc791."}),"\n",(0,i.jsx)(n.li,{children:"Entities - \ud504\ub85c\uc81d\ud2b8\uac00 \ub2e4\ub8e8\ub294 \ube44\uc988\ub2c8\uc2a4 \uc5d4\ud2f0\ud2f0, \uc608\ub97c \ub4e4\uc5b4 user \ub610\ub294 product."}),"\n",(0,i.jsx)(n.li,{children:"Shared* - \uc7ac\uc0ac\uc6a9 \uac00\ub2a5\ud55c \uae30\ub2a5, \ud2b9\ud788 \ud504\ub85c\uc81d\ud2b8/\ube44\uc988\ub2c8\uc2a4\uc758 \ud2b9\uc131\uacfc \ubd84\ub9ac\ub418\uc5b4 \uc788\uc744 \ub54c (\ubc18\ub4dc\uc2dc \uadf8\ub7f4 \ud544\uc694\ub294 \uc5c6\uc74c)."}),"\n"]}),"\n",(0,i.jsx)(n.p,{children:(0,i.jsx)(n.em,{children:"* - App\uacfc Shared\ub294 \ub2e4\ub978 \ub808\uc774\uc5b4\ub4e4\uacfc \ub2ec\ub9ac \uc2ac\ub77c\uc774\uc2a4\ub97c \uac00\uc9c0\uc9c0 \uc54a\uc73c\uba70, \uc9c1\uc811 \uc138\uadf8\uba3c\ud2b8\ub85c \uad6c\uc131\ub429\ub2c8\ub2e4."})}),"\n",(0,i.jsx)(n.p,{children:"\ub808\uc774\uc5b4\ub97c \ub2e4\ub8f0 \ub54c\uc758 \uc911\uc694\ud55c \uc810\uc740 \ud55c \ub808\uc774\uc5b4\uc758 \uad6c\uc131 \uc694\uc18c\ub294 \ubc18\ub4dc\uc2dc \uc544\ub798\uc5d0 \uc788\ub294 \ub808\uc774\uc5b4\uc758 \uad6c\uc131 \uc694\uc18c\ub9cc \uc54c\uc218\uc788\uace0 \uc784\ud3ec\ud2b8\ud560 \uc218 \uc788\ub2e4\ub294 \uac83\uc785\ub2c8\ub2e4."}),"\n",(0,i.jsx)(n.h3,{id:"slices",children:"\uc2ac\ub77c\uc774\uc2a4"}),"\n",(0,i.jsx)(n.p,{children:"\ub2e4\uc74c\uc740 \uc2ac\ub77c\uc774\uc2a4\uc785\ub2c8\ub2e4. \uc2ac\ub77c\uc774\uc2a4\ub294 \ube44\uc988\ub2c8\uc2a4 \ub3c4\uba54\uc778\ubcc4\ub85c \ucf54\ub4dc\ub97c \ubd84\ud560\ud569\ub2c8\ub2e4. \uc5ec\ub7ec\ubd84\uc740 \uc790\uc720\ub86d\uac8c \uc774\ub984\uc744 \uc120\ud0dd\ud560 \uc218 \uc788\uace0, \uc6d0\ud558\ub294 \ub9cc\ud07c \ub9ce\uc774 \ub9cc\ub4e4 \uc218 \uc788\uc2b5\ub2c8\ub2e4. \uc2ac\ub77c\uc774\uc2a4\ub294 \ub17c\ub9ac\uc801\uc73c\ub85c \uad00\ub828\ub41c \ubaa8\ub4c8\ub4e4\uc744 \uac00\uae4c\uc774 \uc720\uc9c0\ud568\uc73c\ub85c\uc368 \ucf54\ub4dc\ubca0\uc774\uc2a4\ub97c \ub354 \uc27d\uac8c \ud0d0\uc0c9\ud560 \uc218 \uc788\uac8c \ud574\uc90d\ub2c8\ub2e4."}),"\n",(0,i.jsx)(n.p,{children:"\uc2ac\ub77c\uc774\uc2a4\ub294 \uac19\uc740 \ub808\uc774\uc5b4 \uc548\uc5d0\uc11c \ub2e4\ub978 \uc2ac\ub77c\uc774\uc2a4\ub97c \ucc38\uc870\ud560 \uc218 \uc5c6\uc73c\uba70, \uc774 \uaddc\uce59\uc740 \ub192\uc740 \uc751\uc9d1\ub3c4\uc640 \ub0ae\uc740 \uacb0\ud569\ub3c4\ub97c \uc720\uc9c0\ud558\ub294 \ub370 \ub3c4\uc6c0\uc774 \ub429\ub2c8\ub2e4."}),"\n",(0,i.jsx)(n.h3,{id:"segments",children:"\uc138\uadf8\uba3c\ud2b8"}),"\n",(0,i.jsx)(n.p,{children:"\uc2ac\ub77c\uc774\uc2a4\uc640 App, Shared \ub808\uc774\uc5b4\ub294 \uc138\uadf8\uba3c\ud2b8\ub85c \uad6c\uc131\ub418\uba70, \uc138\uadf8\uba3c\ud2b8\ub294 \ubaa9\uc801\uc5d0 \ub530\ub77c \ucf54\ub4dc\ub97c \uadf8\ub8f9\ud654\ud569\ub2c8\ub2e4. \uc138\uadf8\uba3c\ud2b8 \uc774\ub984\uc740 \ud45c\uc900\uc5d0 \uc758\ud574 \uc81c\ud55c\ub418\uc9c0 \uc54a\uc9c0\ub9cc, \uac00\uc7a5 \uc77c\ubc18\uc801\uc778 \ubaa9\uc801\uc744 \uc704\ud55c \uba87 \uac00\uc9c0 \uad00\ub840\uc801\uc778 \uc774\ub984\uc774 \uc788\uc2b5\ub2c8\ub2e4.:"}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsxs)(n.li,{children:[(0,i.jsx)(n.code,{children:"ui"})," - UI\uc640 \uad00\ub828\ub41c \ubaa8\ub4e0 \uac83: UI \ucef4\ud3ec\ub10c\ud2b8, \ub0a0\uc9dc \ud3ec\ub9f7\ud130, \uc2a4\ud0c0\uc77c \ub4f1."]}),"\n",(0,i.jsxs)(n.li,{children:[(0,i.jsx)(n.code,{children:"api"})," - \ubc31\uc5d4\ub4dc \uc0c1\ud638\uc791\uc6a9: request \ud568\uc218, \ub370\uc774\ud130 \ud0c0\uc785, mapper \ub4f1."]}),"\n",(0,i.jsxs)(n.li,{children:[(0,i.jsx)(n.code,{children:"model"})," - \ub370\uc774\ud130 \ubaa8\ub378: \uc2a4\ud0a4\ub9c8, \uc778\ud130\ud398\uc774\uc2a4, \uc2a4\ud1a0\uc5b4, \ube44\uc988\ub2c8\uc2a4 \ub85c\uc9c1."]}),"\n",(0,i.jsxs)(n.li,{children:[(0,i.jsx)(n.code,{children:"lib"})," - \uc2ac\ub77c\uc774\uc2a4 \uc548\uc5d0 \uc788\ub294 \ub2e4\ub978 \ubaa8\ub4c8\uc774 \ud544\uc694\ub85c \ud558\ub294 \ub77c\uc774\ube0c\ub7ec\ub9ac \ucf54\ub4dc."]}),"\n",(0,i.jsxs)(n.li,{children:[(0,i.jsx)(n.code,{children:"config"})," - \uc124\uc815 \ud30c\uc77c\uacfc \uae30\ub2a5 \ud50c\ub798\uadf8."]}),"\n"]}),"\n",(0,i.jsx)(n.p,{children:"\ub300\ubd80\ubd84\uc758 \ub808\uc774\uc5b4\uc5d0\uc11c\ub294 \uc774 \uc138\uadf8\uba3c\ud2b8\ub4e4\ub85c \ucda9\ubd84\ud558\uba70, Shared\ub098 App\uc5d0\uc11c\ub9cc \uc790\uc2e0\ub9cc\uc758 \uc138\uadf8\uba3c\ud2b8\ub97c \ub9cc\ub4e4 \uac83\uc785\ub2c8\ub2e4. \ud558\uc9c0\ub9cc \uc774\uac74 \uaf2d \uc9c0\ucf1c\uc57c\ud558\ub294 \uaddc\uce59\uc740 \uc544\ub2d9\ub2c8\ub2e4."}),"\n",(0,i.jsx)(n.h2,{id:"advantages",children:"\uc7a5\uc810"}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsxs)(n.li,{children:["\n",(0,i.jsxs)(n.p,{children:[(0,i.jsx)(n.strong,{children:"\uade0\uc77c\uc131"}),(0,i.jsx)(n.br,{}),"\n","\uad6c\uc870\uac00 \ud45c\uc900\ud654\ub418\uc5b4 \uc788\uc5b4, \ud504\ub85c\uc81d\ud2b8\uac00 \ub354 \uade0\uc77c\ud574\uc9c0\uba70, \uc774\ub294 \uc0c8\ub85c\uc6b4 \uba64\ubc84\uac00 \ud300\uc5d0 \uc801\uc751\ud558\ub294 \uac83\uc744 \ub354 \uc27d\uac8c \ub9cc\ub4ed\ub2c8\ub2e4."]}),"\n"]}),"\n",(0,i.jsxs)(n.li,{children:["\n",(0,i.jsxs)(n.p,{children:[(0,i.jsx)(n.strong,{children:"\ubcc0\uacbd\uacfc \ub9ac\ud329\ud1a0\ub9c1\uc5d0 \ub300\ud55c \uc548\uc815\uc131"}),(0,i.jsx)(n.br,{}),"\n","\ud55c \ub808\uc774\uc5b4\uc758 \uad6c\uc131 \uc694\uc18c\ub294 \uac19\uc740 \ub808\uc774\uc5b4\ub098 \uc0c1\uc704 \ub808\uc774\uc5b4\uc758 \ub2e4\ub978 \uad6c\uc131 \uc694\uc18c\ub97c \uc0ac\uc6a9\ud560 \uc218 \uc5c6\uc2b5\ub2c8\ub2e4. \uc774\ub85c \uc778\ud574 \uc571\uc758 \uc0ac\uc774\ub4dc \uc774\ud399\ud2b8 \uc5c6\uc774 \uaca9\ub9ac\ub41c \uc218\uc815\uc744 \ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4."]}),"\n"]}),"\n",(0,i.jsxs)(n.li,{children:["\n",(0,i.jsxs)(n.p,{children:[(0,i.jsx)(n.strong,{children:"\ub85c\uc9c1 \uc7ac\uc0ac\uc6a9\uc744 \ud1b5\uc81c"}),(0,i.jsx)(n.br,{}),"\n","\ub808\uc774\uc5b4\uc5d0 \ub530\ub77c \ucf54\ub4dc\ub97c \ub9e4\uc6b0 \uc7ac\uc0ac\uc6a9 \uac00\ub2a5\ud558\uac8c \ub610\ub294 \ub9e4\uc6b0 \uc9c0\uc5ed\uc801\uc73c\ub85c \ub9cc\ub4e4 \uc218 \uc788\uc2b5\ub2c8\ub2e4. \uc774\ub294 ",(0,i.jsx)(n.strong,{children:"DRY"})," \uc6d0\uce59\uacfc \uc2e4\uc6a9\uc131 \uc0ac\uc774\uc758 \uade0\ud615\uc744 \uc720\uc9c0\ud569\ub2c8\ub2e4."]}),"\n"]}),"\n",(0,i.jsxs)(n.li,{children:["\n",(0,i.jsxs)(n.p,{children:[(0,i.jsx)(n.strong,{children:"\ube44\uc988\ub2c8\uc2a4\uc640 \uc0ac\uc6a9\uc790 \uc694\uad6c\uc5d0 \ub300\ud55c \uc9c0\ud5a5\uc131"}),(0,i.jsx)(n.br,{}),"\n","\uc571\uc740 \ube44\uc988\ub2c8\uc2a4 \ub3c4\uba54\uc778\uc73c\ub85c \ubd84\ud560\ub418\uba70, \uc774\ub984\uc744 \uc9c0\uc744 \ub54c \ube44\uc988\ub2c8\uc2a4 \uc5b8\uc5b4 \uc0ac\uc6a9\uc774 \uad8c\uc7a5\ub429\ub2c8\ub2e4. \uc774\ub85c \uc778\ud574 \ud504\ub85c\uc81d\ud2b8\uc640 \ubb34\uad00\ud55c \ubd80\ubd84\uc744 \uc644\uc804\ud788 \uc774\ud574\ud558\uc9c0 \uc54a\uace0\ub3c4 \uc720\uc6a9\ud55c \uac1c\ubc1c\uc744 \ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4."]}),"\n"]}),"\n"]}),"\n",(0,i.jsx)(n.h2,{id:"incremental-adoption",children:"\uc810\uc9c4\uc801 \ub3c4\uc785"}),"\n",(0,i.jsx)(n.p,{children:"FSD\ub85c \ub9c8\uc774\uadf8\ub808\uc774\uc158\ud558\uace0\uc790 \ud558\ub294 \uae30\uc874 \ucf54\ub4dc\ubca0\uc774\uc2a4\uac00 \uc788\ub2e4\uba74, \ub2e4\uc74c\uacfc \uac19\uc740 \uc804\ub7b5\uc744 \uc81c\uc548\ud569\ub2c8\ub2e4. \uc774\ub294 \uc6b0\ub9ac\uc758 \ub9c8\uc774\uadf8\ub808\uc774\uc158 \uacbd\ud5d8\uc5d0\uc11c \uc720\uc6a9\ud588\ub358 \ubc29\ubc95\uc785\ub2c8\ub2e4."}),"\n",(0,i.jsxs)(n.ol,{children:["\n",(0,i.jsxs)(n.li,{children:["\n",(0,i.jsx)(n.p,{children:"App\uacfc Shared \ub808\uc774\uc5b4\ub97c \ubaa8\ub4c8\ubcc4\ub85c \ucc9c\ucc9c\ud788 \uad6c\uc131\ud558\uc5ec \uae30\ubc18\uc744 \ub9cc\ub4dc\ub294 \uac83\uc73c\ub85c \uc2dc\uc791\ud558\uc138\uc694."}),"\n"]}),"\n",(0,i.jsxs)(n.li,{children:["\n",(0,i.jsx)(n.p,{children:"\uae30\uc874\uc758 \ubaa8\ub4e0 UI\ub97c Widgets\uc640 Pages\uc5d0 \ud070 \ud2c0\uc5d0\uc11c \ubd84\ubc30\ud558\uc138\uc694. FSD \uaddc\uce59\uc744 \uc704\ubc18\ud558\ub294 \uc758\uc874\uc131\uc774 \uc788\ub354\ub77c\ub3c4 \uad1c\ucc2e\uc2b5\ub2c8\ub2e4."}),"\n"]}),"\n",(0,i.jsxs)(n.li,{children:["\n",(0,i.jsx)(n.p,{children:"\uc810\uc9c4\uc801\uc73c\ub85c \uc784\ud3ec\ud2b8 \uc704\ubc18\uc744 \ud574\uacb0\ud558\uace0, Entities\uc640 \uac00\ub2a5\ud558\ub2e4\uba74 Features\ub3c4 \ucd94\ucd9c\ud558\uae30 \uc2dc\uc791\ud558\uc138\uc694."}),"\n"]}),"\n"]}),"\n",(0,i.jsx)(n.p,{children:"\ub9ac\ud329\ud1a0\ub9c1 \uc911\uc774\uac70\ub098 \ud504\ub85c\uc81d\ud2b8\uc758 \ud2b9\uc815 \ubd80\ubd84\ub9cc \ub9ac\ud329\ud1a0\ub9c1\ud560 \ub54c\ub294 \uc0c8\ub85c\uc6b4 \ub300\uaddc\ubaa8 \uc5d4\ud2f0\ud2f0\ub97c \ucd94\uac00\ud558\uc9c0 \uc54a\ub294 \uac83\uc774 \uc88b\uc2b5\ub2c8\ub2e4."}),"\n",(0,i.jsx)(n.h2,{id:"next-steps",children:"\ub2e4\uc74c \ub2e8\uacc4"}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsxs)(n.li,{children:[(0,i.jsx)(n.strong,{children:"FSD\ub85c \uc0ac\uace0\ud558\ub294 \ubc29\ubc95\uc744 \uc798 \uc774\ud574\ud558\uace0 \uc2f6\uc73c\uc2e0\uac00\uc694?"})," ",(0,i.jsx)(n.a,{href:"/docs/get-started/tutorial",children:"\ud29c\ud1a0\ub9ac\uc5bc"}),"\uc744 \ud655\uc778\ud574\ubcf4\uc138\uc694."]}),"\n",(0,i.jsxs)(n.li,{children:[(0,i.jsx)(n.strong,{children:"\uc608\uc81c\ub97c \ud1b5\ud574 \ubc30\uc6b0\ub294 \uac83\uc744 \uc120\ud638\ud558\uc2dc\ub098\uc694?"})," ",(0,i.jsx)(n.a,{href:"/examples",children:"\uc608\uc81c"})," \uc139\uc158\uc5d0 \ub9ce\uc740 \uc608\uc81c\uac00 \uc788\uc2b5\ub2c8\ub2e4."]}),"\n",(0,i.jsxs)(n.li,{children:[(0,i.jsx)(n.strong,{children:"\uc9c8\ubb38\uc774 \uc788\uc73c\uc2e0\uac00\uc694?"})," \uc6b0\ub9ac\uc758 ",(0,i.jsx)(n.a,{href:"https://t.me/feature_sliced",children:"\ud154\ub808\uadf8\ub7a8 \ucc44\ud305\ubc29"}),"\uc5d0 \ub4e4\ub7ec \ucee4\ubba4\ub2c8\ud2f0\uc758 \ub3c4\uc6c0\uc744 \ubc1b\uc73c\uc138\uc694."]}),"\n"]})]})}function j(e={}){const{wrapper:n}={...(0,r.R)(),...e.components};return n?(0,i.jsx)(n,{...e,children:(0,i.jsx)(x,{...e})}):x(e)}},9273:(e,n,s)=>{s.d(n,{A:()=>i});const i=s.p+"assets/images/visual_schema-e826067f573946613dcdc76e3f585082.jpg"},1100:(e,n,s)=>{s.d(n,{R:()=>d,x:()=>c});var i=s(758);const r={},l=i.createContext(r);function d(e){const n=i.useContext(l);return i.useMemo((function(){return"function"==typeof e?e(n):{...n,...e}}),[n,e])}function c(e){let n;return n=e.disableParentContext?"function"==typeof e.components?e.components(r):e.components||r:d(e.components),i.createElement(l.Provider,{value:n},e.children)}}}]);
\ No newline at end of file
diff --git a/kr/assets/js/3121f8ae.6fd0c861.js b/kr/assets/js/3121f8ae.be07d895.js
similarity index 98%
rename from kr/assets/js/3121f8ae.6fd0c861.js
rename to kr/assets/js/3121f8ae.be07d895.js
index 5e0869f61f..9603322a75 100644
--- a/kr/assets/js/3121f8ae.6fd0c861.js
+++ b/kr/assets/js/3121f8ae.be07d895.js
@@ -1 +1 @@
-"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[9064],{1928:(e,t,s)=>{s.d(t,{Ay:()=>l,RM:()=>d});var n=s(6070),i=s(1100),o=(s(758),s(6783)),r=s(7765);const c=e=>{let{ticket:t}=e;const s=`https://github.com/feature-sliced/documentation/issues/${t}`;return(0,n.jsxs)("div",{children:[(0,n.jsx)("p",{children:(0,r.T)({id:"shared.wip.title"})}),(0,n.jsx)("p",{children:(0,r.T)({id:"shared.wip.subtitle"})}),(0,n.jsxs)("ul",{children:[(0,n.jsxs)("li",{children:[(0,r.T)({id:"shared.wip.var.feedback.base"}),(0,n.jsx)(o.A,{to:s,children:(0,r.T)({id:"shared.wip.var.feedback.link"})})]}),(0,n.jsxs)("li",{children:[(0,r.T)({id:"shared.wip.var.material.base"}),(0,n.jsx)(o.A,{to:"https://t.me/feature_sliced",children:(0,r.T)({id:"shared.wip.var.material.link"})})]}),(0,n.jsxs)("li",{children:[(0,r.T)({id:"shared.wip.var.contribute.base"}),(0,n.jsx)(o.A,{to:"https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md",children:(0,r.T)({id:"shared.wip.var.contribute.link"})})]})]}),(0,n.jsx)("br",{}),(0,n.jsx)("p",{children:(0,n.jsx)("i",{children:"\ud83c\udf70 Stay tuned!"})})]})},d=[];function a(e){const t={admonition:"admonition",...(0,i.R)(),...e.components};return(0,n.jsx)(t.admonition,{title:"WIP",type:"caution",children:(0,n.jsx)(c,{ticket:e.ticket})})}function l(e={}){const{wrapper:t}={...(0,i.R)(),...e.components};return t?(0,n.jsx)(t,{...e,children:(0,n.jsx)(a,{...e})}):a(e)}},3190:(e,t,s)=>{s.r(t),s.d(t,{assets:()=>a,contentTitle:()=>c,default:()=>p,frontMatter:()=>r,metadata:()=>d,toc:()=>l});var n=s(6070),i=s(1100),o=s(1928);const r={sidebar_class_name:"sidebar-item--wip",unlisted:!0},c="Desktop/Touch platforms",d={id:"guides/examples/platforms",title:"Desktop/Touch platforms",description:"About the application of the methodology for desktop/touch",source:"@site/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/platforms.mdx",sourceDirName:"guides/examples",slug:"/guides/examples/platforms",permalink:"/kr/docs/guides/examples/platforms",draft:!1,unlisted:!0,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/platforms.mdx",tags:[],version:"current",lastUpdatedAt:1727607766e3,frontMatter:{sidebar_class_name:"sidebar-item--wip",unlisted:!0},sidebar:"guidesSidebar"},a={},l=[...o.RM];function u(e){const t={blockquote:"blockquote",h1:"h1",header:"header",p:"p",...(0,i.R)(),...e.components};return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(t.header,{children:(0,n.jsx)(t.h1,{id:"desktoptouch-platforms",children:"Desktop/Touch platforms"})}),"\n",(0,n.jsx)(o.Ay,{ticket:"198"}),"\n",(0,n.jsxs)(t.blockquote,{children:["\n",(0,n.jsx)(t.p,{children:"About the application of the methodology for desktop/touch"}),"\n"]})]})}function p(e={}){const{wrapper:t}={...(0,i.R)(),...e.components};return t?(0,n.jsx)(t,{...e,children:(0,n.jsx)(u,{...e})}):u(e)}},1100:(e,t,s)=>{s.d(t,{R:()=>r,x:()=>c});var n=s(758);const i={},o=n.createContext(i);function r(e){const t=n.useContext(o);return n.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function c(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(i):e.components||i:r(e.components),n.createElement(o.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
+"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[9064],{1928:(e,t,s)=>{s.d(t,{Ay:()=>l,RM:()=>d});var n=s(6070),i=s(1100),o=(s(758),s(6783)),r=s(7765);const c=e=>{let{ticket:t}=e;const s=`https://github.com/feature-sliced/documentation/issues/${t}`;return(0,n.jsxs)("div",{children:[(0,n.jsx)("p",{children:(0,r.T)({id:"shared.wip.title"})}),(0,n.jsx)("p",{children:(0,r.T)({id:"shared.wip.subtitle"})}),(0,n.jsxs)("ul",{children:[(0,n.jsxs)("li",{children:[(0,r.T)({id:"shared.wip.var.feedback.base"}),(0,n.jsx)(o.A,{to:s,children:(0,r.T)({id:"shared.wip.var.feedback.link"})})]}),(0,n.jsxs)("li",{children:[(0,r.T)({id:"shared.wip.var.material.base"}),(0,n.jsx)(o.A,{to:"https://t.me/feature_sliced",children:(0,r.T)({id:"shared.wip.var.material.link"})})]}),(0,n.jsxs)("li",{children:[(0,r.T)({id:"shared.wip.var.contribute.base"}),(0,n.jsx)(o.A,{to:"https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md",children:(0,r.T)({id:"shared.wip.var.contribute.link"})})]})]}),(0,n.jsx)("br",{}),(0,n.jsx)("p",{children:(0,n.jsx)("i",{children:"\ud83c\udf70 Stay tuned!"})})]})},d=[];function a(e){const t={admonition:"admonition",...(0,i.R)(),...e.components};return(0,n.jsx)(t.admonition,{title:"WIP",type:"caution",children:(0,n.jsx)(c,{ticket:e.ticket})})}function l(e={}){const{wrapper:t}={...(0,i.R)(),...e.components};return t?(0,n.jsx)(t,{...e,children:(0,n.jsx)(a,{...e})}):a(e)}},3190:(e,t,s)=>{s.r(t),s.d(t,{assets:()=>a,contentTitle:()=>c,default:()=>p,frontMatter:()=>r,metadata:()=>d,toc:()=>l});var n=s(6070),i=s(1100),o=s(1928);const r={sidebar_class_name:"sidebar-item--wip",unlisted:!0},c="Desktop/Touch platforms",d={id:"guides/examples/platforms",title:"Desktop/Touch platforms",description:"About the application of the methodology for desktop/touch",source:"@site/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/platforms.mdx",sourceDirName:"guides/examples",slug:"/guides/examples/platforms",permalink:"/kr/docs/guides/examples/platforms",draft:!1,unlisted:!0,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/platforms.mdx",tags:[],version:"current",lastUpdatedAt:1728325386e3,frontMatter:{sidebar_class_name:"sidebar-item--wip",unlisted:!0},sidebar:"guidesSidebar"},a={},l=[...o.RM];function u(e){const t={blockquote:"blockquote",h1:"h1",header:"header",p:"p",...(0,i.R)(),...e.components};return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(t.header,{children:(0,n.jsx)(t.h1,{id:"desktoptouch-platforms",children:"Desktop/Touch platforms"})}),"\n",(0,n.jsx)(o.Ay,{ticket:"198"}),"\n",(0,n.jsxs)(t.blockquote,{children:["\n",(0,n.jsx)(t.p,{children:"About the application of the methodology for desktop/touch"}),"\n"]})]})}function p(e={}){const{wrapper:t}={...(0,i.R)(),...e.components};return t?(0,n.jsx)(t,{...e,children:(0,n.jsx)(u,{...e})}):u(e)}},1100:(e,t,s)=>{s.d(t,{R:()=>r,x:()=>c});var n=s(758);const i={},o=n.createContext(i);function r(e){const t=n.useContext(o);return n.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function c(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(i):e.components||i:r(e.components),n.createElement(o.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
diff --git a/kr/assets/js/350d1c3d.98412e78.js b/kr/assets/js/350d1c3d.ba24b719.js
similarity index 99%
rename from kr/assets/js/350d1c3d.98412e78.js
rename to kr/assets/js/350d1c3d.ba24b719.js
index 33e9258f69..804fb8f30b 100644
--- a/kr/assets/js/350d1c3d.98412e78.js
+++ b/kr/assets/js/350d1c3d.ba24b719.js
@@ -1 +1 @@
-"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[9706],{3350:(e,t,s)=>{s.r(t),s.d(t,{assets:()=>c,contentTitle:()=>r,default:()=>h,frontMatter:()=>l,metadata:()=>o,toc:()=>a});var n=s(6070),i=s(1100);const l={title:"Slices and segments",sidebar_position:2,pagination_next:"reference/public-api"},r="Slices and segments",o={id:"reference/slices-segments",title:"Slices and segments",description:"Slices",source:"@site/i18n/en/docusaurus-plugin-content-docs/current/reference/slices-segments.mdx",sourceDirName:"reference",slug:"/reference/slices-segments",permalink:"/kr/docs/reference/slices-segments",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/reference/slices-segments.mdx",tags:[],version:"current",lastUpdatedAt:1727607766e3,sidebarPosition:2,frontMatter:{title:"Slices and segments",sidebar_position:2,pagination_next:"reference/public-api"},sidebar:"referenceSidebar",previous:{title:"Layers",permalink:"/kr/docs/reference/layers"},next:{title:"Public API",permalink:"/kr/docs/reference/public-api"}},c={},a=[{value:"Slices",id:"slices",level:2},{value:"Public API rule on slices",id:"public-api-rule-on-slices",level:3},{value:"Segments",id:"segments",level:2},{value:"Examples",id:"examples",level:3}];function d(e){const t={a:"a",blockquote:"blockquote",code:"code",em:"em",h1:"h1",h2:"h2",h3:"h3",header:"header",img:"img",li:"li",p:"p",strong:"strong",table:"table",tbody:"tbody",td:"td",th:"th",thead:"thead",tr:"tr",ul:"ul",...(0,i.R)(),...e.components};return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(t.header,{children:(0,n.jsx)(t.h1,{id:"slices-and-segments",children:"Slices and segments"})}),"\n",(0,n.jsx)(t.h2,{id:"slices",children:"Slices"}),"\n",(0,n.jsx)(t.p,{children:"Slices are the second level in the organizational hierarchy of Feature-Sliced Design. Their main purpose is to group code by its meaning for the product, business or just the application."}),"\n",(0,n.jsxs)(t.p,{children:["The names of slices are not standardized because they are directly determined by the business domain of your application. For example, a photo gallery might have slices ",(0,n.jsx)(t.code,{children:"photo"}),", ",(0,n.jsx)(t.code,{children:"create-album"}),", ",(0,n.jsx)(t.code,{children:"gallery-page"}),". A social network would require different slices, for example, ",(0,n.jsx)(t.code,{children:"post"}),", ",(0,n.jsx)(t.code,{children:"add-user-to-friends"}),", ",(0,n.jsx)(t.code,{children:"news-feed"}),"."]}),"\n",(0,n.jsxs)(t.p,{children:["Closely related slices can be structurally grouped in a directory, but they should exercise the same isolation rules as other slices \u2014 there should be ",(0,n.jsx)(t.strong,{children:"no code sharing"})," in that directory."]}),"\n",(0,n.jsx)(t.p,{children:(0,n.jsx)(t.img,{alt:"Features &quot;compose&quot;, &quot;like&quot; and &quot;delete&quot; grouped in a directory &quot;post&quot;. In that directory there is also a file &quot;some-shared-code.ts&quot; that is crossed out to imply that it&#39;s not allowed.",src:s(628).A+"",width:"365",height:"236"})}),"\n",(0,n.jsx)(t.p,{children:"The layers Shared and App don't contain slices. That is because Shared should contain no business logic at all, hence has no meaning for the product, and App should contain only code that concerns the entire application, so no splitting is necessary."}),"\n",(0,n.jsx)(t.h3,{id:"public-api-rule-on-slices",children:"Public API rule on slices"}),"\n",(0,n.jsxs)(t.p,{children:["Inside a slice, the code could be organized very liberally, and that doesn't pose any issues as long as the slice provides a good public API. This is enforced with the ",(0,n.jsx)(t.strong,{children:"public API rule on slices"}),":"]}),"\n",(0,n.jsxs)(t.blockquote,{children:["\n",(0,n.jsx)(t.p,{children:(0,n.jsx)(t.em,{children:"Every slice (and segment on layers that don't have slices) must contain a public API definition."})}),"\n",(0,n.jsx)(t.p,{children:(0,n.jsx)(t.em,{children:"Modules outside of this slice/segment can only reference the public API, not the internal file structure of the slice/segment."})}),"\n"]}),"\n",(0,n.jsxs)(t.p,{children:["Read more about the rationale of public APIs and the best practices on creating one in the ",(0,n.jsx)(t.a,{href:"/docs/reference/public-api",children:"Public API reference"}),"."]}),"\n",(0,n.jsx)(t.h2,{id:"segments",children:"Segments"}),"\n",(0,n.jsx)(t.p,{children:"Segments are the third and final level in the organizational hierarchy, and their purpose is to group code by its technical nature."}),"\n",(0,n.jsx)(t.p,{children:"There a few standardized segment names:"}),"\n",(0,n.jsxs)(t.ul,{children:["\n",(0,n.jsxs)(t.li,{children:[(0,n.jsx)(t.code,{children:"ui"})," \u2014 UI components, data formatting functions"]}),"\n",(0,n.jsxs)(t.li,{children:[(0,n.jsx)(t.code,{children:"model"})," \u2014 business logic and data storage, as well as functions to manipulate this data"]}),"\n",(0,n.jsxs)(t.li,{children:[(0,n.jsx)(t.code,{children:"lib"})," \u2014 auxiliary and infrastructural code"]}),"\n",(0,n.jsxs)(t.li,{children:[(0,n.jsx)(t.code,{children:"api"})," \u2014 communication with external APIs, backend API methods"]}),"\n"]}),"\n",(0,n.jsx)(t.p,{children:"Custom segments are permitted, but should be created sparingly. The most common places for custom segments are the App layer and the Shared layer, where slices don't make sense."}),"\n",(0,n.jsx)(t.h3,{id:"examples",children:"Examples"}),"\n",(0,n.jsxs)(t.table,{children:[(0,n.jsx)(t.thead,{children:(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.th,{style:{textAlign:"left"},children:"Layer"}),(0,n.jsx)(t.th,{style:{textAlign:"left"},children:(0,n.jsx)(t.code,{children:"ui"})}),(0,n.jsx)(t.th,{style:{textAlign:"left"},children:(0,n.jsx)(t.code,{children:"model"})}),(0,n.jsx)(t.th,{style:{textAlign:"left"},children:(0,n.jsx)(t.code,{children:"lib"})}),(0,n.jsx)(t.th,{style:{textAlign:"left"},children:(0,n.jsx)(t.code,{children:"api"})})]})}),(0,n.jsxs)(t.tbody,{children:[(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{style:{textAlign:"left"},children:"Shared"}),(0,n.jsx)(t.td,{style:{textAlign:"left"},children:"UI kit"}),(0,n.jsx)(t.td,{style:{textAlign:"left"},children:"Usually not used"}),(0,n.jsxs)(t.td,{style:{textAlign:"left"},children:["Utility modules of several related files. ",(0,n.jsx)("br",{}),"If you need to use individual helpers, consider using utility libraries such as ",(0,n.jsx)(t.a,{href:"https://www.npmjs.com/package/lodash-es",children:(0,n.jsx)(t.code,{children:"lodash-es"})}),"."]}),(0,n.jsx)(t.td,{style:{textAlign:"left"},children:"Rudimentary API client with additional features like authentication or caching."})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{style:{textAlign:"left"},children:"Entities"}),(0,n.jsx)(t.td,{style:{textAlign:"left"},children:"Skeleton of a business entity with slots for interactive elements"}),(0,n.jsxs)(t.td,{style:{textAlign:"left"},children:["Data storage of instances of this entity as well as functions for manipulating that data. ",(0,n.jsx)("br",{})," This segment is most fit for storing server-side data. If you use ",(0,n.jsx)(t.a,{href:"https://tanstack.com/query/latest",children:"TanStack Query"})," or other methods of implicit storage, you may choose to omit this segment."]}),(0,n.jsx)(t.td,{style:{textAlign:"left"},children:"Functions for manipulating instances of this entity that aren't related to storage"}),(0,n.jsx)(t.td,{style:{textAlign:"left"},children:"API methods using the API client from Shared for easy communication with the backend"})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{style:{textAlign:"left"},children:"Features"}),(0,n.jsx)(t.td,{style:{textAlign:"left"},children:"Interactive elements that enable users to use this feature"}),(0,n.jsx)(t.td,{style:{textAlign:"left"},children:"Business logic and infrastructure data storage, if needed (e.g., current app theme). This is the code that actually produces value for the user."}),(0,n.jsxs)(t.td,{style:{textAlign:"left"},children:["Infrastructural code that helps to concisely describe the business logic in the ",(0,n.jsx)(t.code,{children:"model"})," segment"]}),(0,n.jsxs)(t.td,{style:{textAlign:"left"},children:["API methods that represent this feature on the backend. ",(0,n.jsx)("br",{})," May compose API methods from Entities."]})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{style:{textAlign:"left"},children:"Widgets"}),(0,n.jsxs)(t.td,{style:{textAlign:"left"},children:["Composition of Entities and Features into self-contained UI blocks. ",(0,n.jsx)("br",{})," Can also contain error boundaries and loading states."]}),(0,n.jsx)(t.td,{style:{textAlign:"left"},children:"Infrastructure data storage, if needed"}),(0,n.jsx)(t.td,{style:{textAlign:"left"},children:"Non-business interactions (e.g., gestures) and other necessary code for the block to function on a page"}),(0,n.jsxs)(t.td,{style:{textAlign:"left"},children:["Usually not used, but can contain data loaders in nested routing contexts (e.g., ",(0,n.jsx)(t.a,{href:"https://remix.run",children:"Remix"}),")"]})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{style:{textAlign:"left"},children:"Pages"}),(0,n.jsxs)(t.td,{style:{textAlign:"left"},children:["Composition of Entities, Features and Widgets into complete pages. ",(0,n.jsx)("br",{})," Can also contain error boundaries and loading states."]}),(0,n.jsx)(t.td,{style:{textAlign:"left"},children:"Usually not used"}),(0,n.jsx)(t.td,{style:{textAlign:"left"},children:"Non-business interactions (e.g., gestures) and other necessary code for the page to deliver a complete user experience"}),(0,n.jsx)(t.td,{style:{textAlign:"left"},children:"Data loaders for SSR-oriented frameworks"})]})]})]})]})}function h(e={}){const{wrapper:t}={...(0,i.R)(),...e.components};return t?(0,n.jsx)(t,{...e,children:(0,n.jsx)(d,{...e})}):d(e)}},628:(e,t,s)=>{s.d(t,{A:()=>n});const n=s.p+"assets/images/graphic-nested-slices-b9c44e6cc55ecdbf3e50bf40a61e5a27.svg"},1100:(e,t,s)=>{s.d(t,{R:()=>r,x:()=>o});var n=s(758);const i={},l=n.createContext(i);function r(e){const t=n.useContext(l);return n.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function o(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(i):e.components||i:r(e.components),n.createElement(l.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
+"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[9706],{3350:(e,t,s)=>{s.r(t),s.d(t,{assets:()=>c,contentTitle:()=>r,default:()=>h,frontMatter:()=>l,metadata:()=>o,toc:()=>a});var n=s(6070),i=s(1100);const l={title:"Slices and segments",sidebar_position:2,pagination_next:"reference/public-api"},r="Slices and segments",o={id:"reference/slices-segments",title:"Slices and segments",description:"Slices",source:"@site/i18n/en/docusaurus-plugin-content-docs/current/reference/slices-segments.mdx",sourceDirName:"reference",slug:"/reference/slices-segments",permalink:"/kr/docs/reference/slices-segments",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/reference/slices-segments.mdx",tags:[],version:"current",lastUpdatedAt:1728325386e3,sidebarPosition:2,frontMatter:{title:"Slices and segments",sidebar_position:2,pagination_next:"reference/public-api"},sidebar:"referenceSidebar",previous:{title:"Layers",permalink:"/kr/docs/reference/layers"},next:{title:"Public API",permalink:"/kr/docs/reference/public-api"}},c={},a=[{value:"Slices",id:"slices",level:2},{value:"Public API rule on slices",id:"public-api-rule-on-slices",level:3},{value:"Segments",id:"segments",level:2},{value:"Examples",id:"examples",level:3}];function d(e){const t={a:"a",blockquote:"blockquote",code:"code",em:"em",h1:"h1",h2:"h2",h3:"h3",header:"header",img:"img",li:"li",p:"p",strong:"strong",table:"table",tbody:"tbody",td:"td",th:"th",thead:"thead",tr:"tr",ul:"ul",...(0,i.R)(),...e.components};return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(t.header,{children:(0,n.jsx)(t.h1,{id:"slices-and-segments",children:"Slices and segments"})}),"\n",(0,n.jsx)(t.h2,{id:"slices",children:"Slices"}),"\n",(0,n.jsx)(t.p,{children:"Slices are the second level in the organizational hierarchy of Feature-Sliced Design. Their main purpose is to group code by its meaning for the product, business or just the application."}),"\n",(0,n.jsxs)(t.p,{children:["The names of slices are not standardized because they are directly determined by the business domain of your application. For example, a photo gallery might have slices ",(0,n.jsx)(t.code,{children:"photo"}),", ",(0,n.jsx)(t.code,{children:"create-album"}),", ",(0,n.jsx)(t.code,{children:"gallery-page"}),". A social network would require different slices, for example, ",(0,n.jsx)(t.code,{children:"post"}),", ",(0,n.jsx)(t.code,{children:"add-user-to-friends"}),", ",(0,n.jsx)(t.code,{children:"news-feed"}),"."]}),"\n",(0,n.jsxs)(t.p,{children:["Closely related slices can be structurally grouped in a directory, but they should exercise the same isolation rules as other slices \u2014 there should be ",(0,n.jsx)(t.strong,{children:"no code sharing"})," in that directory."]}),"\n",(0,n.jsx)(t.p,{children:(0,n.jsx)(t.img,{alt:"Features &quot;compose&quot;, &quot;like&quot; and &quot;delete&quot; grouped in a directory &quot;post&quot;. In that directory there is also a file &quot;some-shared-code.ts&quot; that is crossed out to imply that it&#39;s not allowed.",src:s(628).A+"",width:"365",height:"236"})}),"\n",(0,n.jsx)(t.p,{children:"The layers Shared and App don't contain slices. That is because Shared should contain no business logic at all, hence has no meaning for the product, and App should contain only code that concerns the entire application, so no splitting is necessary."}),"\n",(0,n.jsx)(t.h3,{id:"public-api-rule-on-slices",children:"Public API rule on slices"}),"\n",(0,n.jsxs)(t.p,{children:["Inside a slice, the code could be organized very liberally, and that doesn't pose any issues as long as the slice provides a good public API. This is enforced with the ",(0,n.jsx)(t.strong,{children:"public API rule on slices"}),":"]}),"\n",(0,n.jsxs)(t.blockquote,{children:["\n",(0,n.jsx)(t.p,{children:(0,n.jsx)(t.em,{children:"Every slice (and segment on layers that don't have slices) must contain a public API definition."})}),"\n",(0,n.jsx)(t.p,{children:(0,n.jsx)(t.em,{children:"Modules outside of this slice/segment can only reference the public API, not the internal file structure of the slice/segment."})}),"\n"]}),"\n",(0,n.jsxs)(t.p,{children:["Read more about the rationale of public APIs and the best practices on creating one in the ",(0,n.jsx)(t.a,{href:"/docs/reference/public-api",children:"Public API reference"}),"."]}),"\n",(0,n.jsx)(t.h2,{id:"segments",children:"Segments"}),"\n",(0,n.jsx)(t.p,{children:"Segments are the third and final level in the organizational hierarchy, and their purpose is to group code by its technical nature."}),"\n",(0,n.jsx)(t.p,{children:"There a few standardized segment names:"}),"\n",(0,n.jsxs)(t.ul,{children:["\n",(0,n.jsxs)(t.li,{children:[(0,n.jsx)(t.code,{children:"ui"})," \u2014 UI components, data formatting functions"]}),"\n",(0,n.jsxs)(t.li,{children:[(0,n.jsx)(t.code,{children:"model"})," \u2014 business logic and data storage, as well as functions to manipulate this data"]}),"\n",(0,n.jsxs)(t.li,{children:[(0,n.jsx)(t.code,{children:"lib"})," \u2014 auxiliary and infrastructural code"]}),"\n",(0,n.jsxs)(t.li,{children:[(0,n.jsx)(t.code,{children:"api"})," \u2014 communication with external APIs, backend API methods"]}),"\n"]}),"\n",(0,n.jsx)(t.p,{children:"Custom segments are permitted, but should be created sparingly. The most common places for custom segments are the App layer and the Shared layer, where slices don't make sense."}),"\n",(0,n.jsx)(t.h3,{id:"examples",children:"Examples"}),"\n",(0,n.jsxs)(t.table,{children:[(0,n.jsx)(t.thead,{children:(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.th,{style:{textAlign:"left"},children:"Layer"}),(0,n.jsx)(t.th,{style:{textAlign:"left"},children:(0,n.jsx)(t.code,{children:"ui"})}),(0,n.jsx)(t.th,{style:{textAlign:"left"},children:(0,n.jsx)(t.code,{children:"model"})}),(0,n.jsx)(t.th,{style:{textAlign:"left"},children:(0,n.jsx)(t.code,{children:"lib"})}),(0,n.jsx)(t.th,{style:{textAlign:"left"},children:(0,n.jsx)(t.code,{children:"api"})})]})}),(0,n.jsxs)(t.tbody,{children:[(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{style:{textAlign:"left"},children:"Shared"}),(0,n.jsx)(t.td,{style:{textAlign:"left"},children:"UI kit"}),(0,n.jsx)(t.td,{style:{textAlign:"left"},children:"Usually not used"}),(0,n.jsxs)(t.td,{style:{textAlign:"left"},children:["Utility modules of several related files. ",(0,n.jsx)("br",{}),"If you need to use individual helpers, consider using utility libraries such as ",(0,n.jsx)(t.a,{href:"https://www.npmjs.com/package/lodash-es",children:(0,n.jsx)(t.code,{children:"lodash-es"})}),"."]}),(0,n.jsx)(t.td,{style:{textAlign:"left"},children:"Rudimentary API client with additional features like authentication or caching."})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{style:{textAlign:"left"},children:"Entities"}),(0,n.jsx)(t.td,{style:{textAlign:"left"},children:"Skeleton of a business entity with slots for interactive elements"}),(0,n.jsxs)(t.td,{style:{textAlign:"left"},children:["Data storage of instances of this entity as well as functions for manipulating that data. ",(0,n.jsx)("br",{})," This segment is most fit for storing server-side data. If you use ",(0,n.jsx)(t.a,{href:"https://tanstack.com/query/latest",children:"TanStack Query"})," or other methods of implicit storage, you may choose to omit this segment."]}),(0,n.jsx)(t.td,{style:{textAlign:"left"},children:"Functions for manipulating instances of this entity that aren't related to storage"}),(0,n.jsx)(t.td,{style:{textAlign:"left"},children:"API methods using the API client from Shared for easy communication with the backend"})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{style:{textAlign:"left"},children:"Features"}),(0,n.jsx)(t.td,{style:{textAlign:"left"},children:"Interactive elements that enable users to use this feature"}),(0,n.jsx)(t.td,{style:{textAlign:"left"},children:"Business logic and infrastructure data storage, if needed (e.g., current app theme). This is the code that actually produces value for the user."}),(0,n.jsxs)(t.td,{style:{textAlign:"left"},children:["Infrastructural code that helps to concisely describe the business logic in the ",(0,n.jsx)(t.code,{children:"model"})," segment"]}),(0,n.jsxs)(t.td,{style:{textAlign:"left"},children:["API methods that represent this feature on the backend. ",(0,n.jsx)("br",{})," May compose API methods from Entities."]})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{style:{textAlign:"left"},children:"Widgets"}),(0,n.jsxs)(t.td,{style:{textAlign:"left"},children:["Composition of Entities and Features into self-contained UI blocks. ",(0,n.jsx)("br",{})," Can also contain error boundaries and loading states."]}),(0,n.jsx)(t.td,{style:{textAlign:"left"},children:"Infrastructure data storage, if needed"}),(0,n.jsx)(t.td,{style:{textAlign:"left"},children:"Non-business interactions (e.g., gestures) and other necessary code for the block to function on a page"}),(0,n.jsxs)(t.td,{style:{textAlign:"left"},children:["Usually not used, but can contain data loaders in nested routing contexts (e.g., ",(0,n.jsx)(t.a,{href:"https://remix.run",children:"Remix"}),")"]})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{style:{textAlign:"left"},children:"Pages"}),(0,n.jsxs)(t.td,{style:{textAlign:"left"},children:["Composition of Entities, Features and Widgets into complete pages. ",(0,n.jsx)("br",{})," Can also contain error boundaries and loading states."]}),(0,n.jsx)(t.td,{style:{textAlign:"left"},children:"Usually not used"}),(0,n.jsx)(t.td,{style:{textAlign:"left"},children:"Non-business interactions (e.g., gestures) and other necessary code for the page to deliver a complete user experience"}),(0,n.jsx)(t.td,{style:{textAlign:"left"},children:"Data loaders for SSR-oriented frameworks"})]})]})]})]})}function h(e={}){const{wrapper:t}={...(0,i.R)(),...e.components};return t?(0,n.jsx)(t,{...e,children:(0,n.jsx)(d,{...e})}):d(e)}},628:(e,t,s)=>{s.d(t,{A:()=>n});const n=s.p+"assets/images/graphic-nested-slices-b9c44e6cc55ecdbf3e50bf40a61e5a27.svg"},1100:(e,t,s)=>{s.d(t,{R:()=>r,x:()=>o});var n=s(758);const i={},l=n.createContext(i);function r(e){const t=n.useContext(l);return n.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function o(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(i):e.components||i:r(e.components),n.createElement(l.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
diff --git a/kr/assets/js/370f8845.7f658ba2.js b/kr/assets/js/370f8845.0856ea0a.js
similarity index 99%
rename from kr/assets/js/370f8845.7f658ba2.js
rename to kr/assets/js/370f8845.0856ea0a.js
index 3741bab5f5..9cf68d6b99 100644
--- a/kr/assets/js/370f8845.7f658ba2.js
+++ b/kr/assets/js/370f8845.0856ea0a.js
@@ -1 +1 @@
-"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[8754],{1610:(e,n,t)=>{t.r(n),t.d(n,{assets:()=>l,contentTitle:()=>o,default:()=>u,frontMatter:()=>r,metadata:()=>a,toc:()=>c});var i=t(6070),s=t(1100);const r={sidebar_position:10},o="Usage with React Query",a={id:"guides/tech/with-react-query",title:"Usage with React Query",description:"The problem of \u201cwhere to put the keys\u201d",source:"@site/i18n/en/docusaurus-plugin-content-docs/current/guides/tech/with-react-query.mdx",sourceDirName:"guides/tech",slug:"/guides/tech/with-react-query",permalink:"/kr/docs/guides/tech/with-react-query",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/guides/tech/with-react-query.mdx",tags:[],version:"current",lastUpdatedAt:1727607766e3,sidebarPosition:10,frontMatter:{sidebar_position:10},sidebar:"guidesSidebar",previous:{title:"Usage with NuxtJS",permalink:"/kr/docs/guides/tech/with-nuxtjs"},next:{title:"Usage with SvelteKit",permalink:"/kr/docs/guides/tech/with-sveltekit"}},l={},c=[{value:"The problem of \u201cwhere to put the keys\u201d",id:"the-problem-of-where-to-put-the-keys",level:2},{value:"Solution \u2014 break down by entities",id:"solution--break-down-by-entities",level:3},{value:"Alternative solution \u2014 keep it in shared",id:"alternative-solution--keep-it-in-shared",level:3},{value:"The problem of \u201cWhere to insert mutations?\u201d",id:"the-problem-of-where-to-insert-mutations",level:2},{value:"1. Define a custom hook in the <code>api</code> segment near the place of use",id:"1-define-a-custom-hook-in-the-api-segment-near-the-place-of-use",level:3},{value:"2. Define a mutation function somewhere else (Shared or Entities) and use <code>useMutation</code> directly in the component",id:"2-define-a-mutation-function-somewhere-else-shared-or-entities-and-use-usemutation-directly-in-the-component",level:3},{value:"Organization of requests",id:"organization-of-requests",level:2},{value:"Query factory",id:"query-factory",level:3},{value:"1. Creating a Query Factory",id:"1-creating-a-query-factory",level:3},{value:"2. Using Query Factory in application code",id:"2-using-query-factory-in-application-code",level:3},{value:"Benefits of using a Query Factory",id:"benefits-of-using-a-query-factory",level:3},{value:"Pagination",id:"pagination",level:2},{value:"1. Creating a function <code>getPosts</code>",id:"1-creating-a-function-getposts",level:3},{value:"2. Query factory for pagination",id:"2-query-factory-for-pagination",level:3},{value:"3. Use in application code",id:"3-use-in-application-code",level:3},{value:"<code>QueryProvider</code> for managing queries",id:"queryprovider-for-managing-queries",level:2},{value:"1. Creating a <code>QueryProvider</code>",id:"1-creating-a-queryprovider",level:3},{value:"2. Creating a <code>QueryClient</code>",id:"2-creating-a-queryclient",level:3},{value:"Code generation",id:"code-generation",level:2},{value:"Additional advice for organizing RQ",id:"additional-advice-for-organizing-rq",level:2},{value:"API Client",id:"api-client",level:3},{value:"See also",id:"see-also",level:2}];function d(e){const n={a:"a",admonition:"admonition",code:"code",h1:"h1",h2:"h2",h3:"h3",header:"header",li:"li",p:"p",pre:"pre",strong:"strong",ul:"ul",...(0,s.R)(),...e.components};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(n.header,{children:(0,i.jsx)(n.h1,{id:"usage-with-react-query",children:"Usage with React Query"})}),"\n",(0,i.jsx)(n.h2,{id:"the-problem-of-where-to-put-the-keys",children:"The problem of \u201cwhere to put the keys\u201d"}),"\n",(0,i.jsx)(n.h3,{id:"solution--break-down-by-entities",children:"Solution \u2014 break down by entities"}),"\n",(0,i.jsx)(n.p,{children:"If the project already has a division into entities, and each request corresponds to a single entity,\nthe purest division will be by entity. In this case, we suggest using the following structure:"}),"\n",(0,i.jsx)(n.pre,{children:(0,i.jsx)(n.code,{className:"language-sh",children:"\u2514\u2500\u2500 src/                                        #\n    \u251c\u2500\u2500 app/                                    #\n    |   ...                                     #\n    \u251c\u2500\u2500 pages/                                  #\n    |   ...                                     #\n    \u251c\u2500\u2500 entities/                               #\n    |     \u251c\u2500\u2500 {entity}/                         #\n    |    ...     \u2514\u2500\u2500 api/                       #\n    |                 \u251c\u2500\u2500 `{entity}.query`      # Query-factory where are the keys and functions\n    |                 \u251c\u2500\u2500 `get-{entity}`        # Entity getter function\n    |                 \u251c\u2500\u2500 `create-{entity}`     # Entity creation function\n    |                 \u251c\u2500\u2500 `update-{entity}`     # Entity update function\n    |                 \u251c\u2500\u2500 `delete-{entity}`     # Entity delete function\n    |                ...                        #\n    |                                           #\n    \u251c\u2500\u2500 features/                               #\n    |   ...                                     #\n    \u251c\u2500\u2500 widgets/                                #\n    |   ...                                     #\n    \u2514\u2500\u2500 shared/                                 #\n        ...                                     #\n"})}),"\n",(0,i.jsxs)(n.p,{children:["If there are connections between the entities (for example, the Country entity has a field-list of City entities),\nthen you can use an ",(0,i.jsx)(n.a,{href:"https://github.com/feature-sliced/documentation/discussions/390#discussioncomment-5570073",children:"experimental approach to organized cross-imports\nvia @x-notation"})," or consider the alternative solution below."]}),"\n",(0,i.jsx)(n.h3,{id:"alternative-solution--keep-it-in-shared",children:"Alternative solution \u2014 keep it in shared"}),"\n",(0,i.jsx)(n.p,{children:"In cases where entity separation is not appropriate, the following structure can be considered:"}),"\n",(0,i.jsx)(n.pre,{children:(0,i.jsx)(n.code,{className:"language-sh",children:"\u2514\u2500\u2500 src/                                        #\n   ...                                          #\n    \u2514\u2500\u2500 shared/                                 #\n          \u251c\u2500\u2500 api/                              #\n         ...   \u251c\u2500\u2500 `queries`                    # Query-factories\n               |      \u251c\u2500\u2500 `document.ts`         #\n               |      \u251c\u2500\u2500 `background-jobs.ts`  #\n               |     ...                        #\n               \u2514\u2500\u2500  index.ts                    #\n"})}),"\n",(0,i.jsxs)(n.p,{children:["Then in ",(0,i.jsx)(n.code,{children:"@/shared/api/index.ts"}),":"]}),"\n",(0,i.jsx)(n.pre,{children:(0,i.jsx)(n.code,{className:"language-ts",metastring:'title="@/shared/api/index.ts"',children:'export { documentQueries } from "./queries/document";\n'})}),"\n",(0,i.jsx)(n.h2,{id:"the-problem-of-where-to-insert-mutations",children:"The problem of \u201cWhere to insert mutations?\u201d"}),"\n",(0,i.jsx)(n.p,{children:"It is not recommended to mix mutations with queries. There are two options:"}),"\n",(0,i.jsxs)(n.h3,{id:"1-define-a-custom-hook-in-the-api-segment-near-the-place-of-use",children:["1. Define a custom hook in the ",(0,i.jsx)(n.code,{children:"api"})," segment near the place of use"]}),"\n",(0,i.jsx)(n.pre,{children:(0,i.jsx)(n.code,{className:"language-tsx",metastring:'title="@/features/update-post/api/use-update-title.ts"',children:"export const useUpdateTitle = () => {\n  const queryClient = useQueryClient();\n\n  return useMutation({\n    mutationFn: ({ id, newTitle }) =>\n      apiClient\n        .patch(`/posts/${id}`, { title: newTitle })\n        .then((data) => console.log(data)),\n\n    onSuccess: (newPost) => {\n      queryClient.setQueryData(postsQueries.ids(id), newPost);\n    },\n  });\n};\n"})}),"\n",(0,i.jsxs)(n.h3,{id:"2-define-a-mutation-function-somewhere-else-shared-or-entities-and-use-usemutation-directly-in-the-component",children:["2. Define a mutation function somewhere else (Shared or Entities) and use ",(0,i.jsx)(n.code,{children:"useMutation"})," directly in the component"]}),"\n",(0,i.jsx)(n.pre,{children:(0,i.jsx)(n.code,{className:"language-tsx",children:"const { mutateAsync, isPending } = useMutation({\n  mutationFn: postApi.createPost,\n});\n"})}),"\n",(0,i.jsx)(n.pre,{children:(0,i.jsx)(n.code,{className:"language-tsx",metastring:'title="@/pages/post-create/ui/post-create-page.tsx"',children:'export const CreatePost = () => {\n  const { classes } = useStyles();\n  const [title, setTitle] = useState("");\n\n  const { mutate, isPending } = useMutation({\n    mutationFn: postApi.createPost,\n  });\n\n  const handleChange = (e: ChangeEvent<HTMLInputElement>) =>\n    setTitle(e.target.value);\n  const handleSubmit = (e: FormEvent<HTMLFormElement>) => {\n    e.preventDefault();\n    mutate({ title, userId: DEFAULT_USER_ID });\n  };\n\n  return (\n    <form className={classes.create_form} onSubmit={handleSubmit}>\n      <TextField onChange={handleChange} value={title} />\n      <LoadingButton type="submit" variant="contained" loading={isPending}>\n        Create\n      </LoadingButton>\n    </form>\n  );\n};\n'})}),"\n",(0,i.jsx)(n.h2,{id:"organization-of-requests",children:"Organization of requests"}),"\n",(0,i.jsx)(n.h3,{id:"query-factory",children:"Query factory"}),"\n",(0,i.jsx)(n.p,{children:"A query factory is an object where the key values are functions that return a list of query keys. Here's how to use it:"}),"\n",(0,i.jsx)(n.pre,{children:(0,i.jsx)(n.code,{className:"language-ts",children:'const keyFactory = {\n  all: () => ["entity"],\n  lists: () => [...postQueries.all(), "list"],\n};\n'})}),"\n",(0,i.jsxs)(n.admonition,{type:"info",children:[(0,i.jsxs)(n.p,{children:[(0,i.jsx)(n.code,{children:"queryOptions"})," is a built-in utility in react-query@v5 (optional)"]}),(0,i.jsx)(n.pre,{children:(0,i.jsx)(n.code,{className:"language-ts",children:"queryOptions({\n  queryKey,\n  ...options,\n});\n"})}),(0,i.jsxs)(n.p,{children:["For greater type safety, further compatibility with future versions of react-query, and easy access to functions and query keys,\nyou can use the built-in queryOptions function from \u201c@tanstack/react-query\u201d\n",(0,i.jsx)(n.a,{href:"https://tkdodo.eu/blog/the-query-options-api#queryoptions",children:"(More details here)"}),"."]})]}),"\n",(0,i.jsx)(n.h3,{id:"1-creating-a-query-factory",children:"1. Creating a Query Factory"}),"\n",(0,i.jsx)(n.pre,{children:(0,i.jsx)(n.code,{className:"language-tsx",metastring:'title="@/entities/post/api/post.queries.ts"',children:'import { keepPreviousData, queryOptions } from "@tanstack/react-query";\nimport { getPosts } from "./get-posts";\nimport { getDetailPost } from "./get-detail-post";\nimport { PostDetailQuery } from "./query/post.query";\n\nexport const postQueries = {\n  all: () => ["posts"],\n\n  lists: () => [...postQueries.all(), "list"],\n  list: (page: number, limit: number) =>\n    queryOptions({\n      queryKey: [...postQueries.lists(), page, limit],\n      queryFn: () => getPosts(page, limit),\n      placeholderData: keepPreviousData,\n    }),\n\n  details: () => [...postQueries.all(), "detail"],\n  detail: (query?: PostDetailQuery) =>\n    queryOptions({\n      queryKey: [...postQueries.details(), query?.id],\n      queryFn: () => getDetailPost({ id: query?.id }),\n      staleTime: 5000,\n    }),\n};\n'})}),"\n",(0,i.jsx)(n.h3,{id:"2-using-query-factory-in-application-code",children:"2. Using Query Factory in application code"}),"\n",(0,i.jsx)(n.pre,{children:(0,i.jsx)(n.code,{className:"language-tsx",children:'import { useParams } from "react-router-dom";\nimport { postApi } from "@/entities/post";\nimport { useQuery } from "@tanstack/react-query";\n\ntype Params = {\n  postId: string;\n};\n\nexport const PostPage = () => {\n  const { postId } = useParams<Params>();\n  const id = parseInt(postId || "");\n  const {\n    data: post,\n    error,\n    isLoading,\n    isError,\n  } = useQuery(postApi.postQueries.detail({ id }));\n\n  if (isLoading) {\n    return <div>Loading...</div>;\n  }\n\n  if (isError || !post) {\n    return <>{error?.message}</>;\n  }\n\n  return (\n    <div>\n      <p>Post id: {post.id}</p>\n      <div>\n        <h1>{post.title}</h1>\n        <div>\n          <p>{post.body}</p>\n        </div>\n      </div>\n      <div>Owner: {post.userId}</div>\n    </div>\n  );\n};\n'})}),"\n",(0,i.jsx)(n.h3,{id:"benefits-of-using-a-query-factory",children:"Benefits of using a Query Factory"}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsxs)(n.li,{children:[(0,i.jsx)(n.strong,{children:"Request structuring:"})," A factory allows you to organize all API requests in one place, making your code more readable and maintainable."]}),"\n",(0,i.jsxs)(n.li,{children:[(0,i.jsx)(n.strong,{children:"Convenient access to queries and keys:"})," The factory provides convenient methods for accessing different types of queries and their keys."]}),"\n",(0,i.jsxs)(n.li,{children:[(0,i.jsx)(n.strong,{children:"Query Refetching Ability:"})," The factory allows easy refetching without the need to change query keys in different parts of the application."]}),"\n"]}),"\n",(0,i.jsx)(n.h2,{id:"pagination",children:"Pagination"}),"\n",(0,i.jsxs)(n.p,{children:["In this section, we'll look at an example of the ",(0,i.jsx)(n.code,{children:"getPosts"})," function, which makes an API request to retrieve post entities using pagination."]}),"\n",(0,i.jsxs)(n.h3,{id:"1-creating-a-function-getposts",children:["1. Creating a function ",(0,i.jsx)(n.code,{children:"getPosts"})]}),"\n",(0,i.jsxs)(n.p,{children:["The getPosts function is located in the ",(0,i.jsx)(n.code,{children:"get-posts.ts"})," file, which is located in the ",(0,i.jsx)(n.code,{children:"api"})," segment"]}),"\n",(0,i.jsx)(n.pre,{children:(0,i.jsx)(n.code,{className:"language-tsx",metastring:'title="@/pages/post-feed/api/get-posts.ts"',children:'import { apiClient } from "@/shared/api/base";\n\nimport { PostWithPaginationDto } from "./dto/post-with-pagination.dto";\nimport { PostQuery } from "./query/post.query";\nimport { mapPost } from "./mapper/map-post";\nimport { PostWithPagination } from "../model/post-with-pagination";\n\nconst calculatePostPage = (totalCount: number, limit: number) =>\n  Math.floor(totalCount / limit);\n\nexport const getPosts = async (\n  page: number,\n  limit: number,\n): Promise<PostWithPagination> => {\n  const skip = page * limit;\n  const query: PostQuery = { skip, limit };\n  const result = await apiClient.get<PostWithPaginationDto>("/posts", query);\n\n  return {\n    posts: result.posts.map((post) => mapPost(post)),\n    limit: result.limit,\n    skip: result.skip,\n    total: result.total,\n    totalPages: calculatePostPage(result.total, limit),\n  };\n};\n'})}),"\n",(0,i.jsx)(n.h3,{id:"2-query-factory-for-pagination",children:"2. Query factory for pagination"}),"\n",(0,i.jsxs)(n.p,{children:["The ",(0,i.jsx)(n.code,{children:"postQueries"})," query factory defines various query options for working with posts,\nincluding requesting a list of posts with a specific page and limit."]}),"\n",(0,i.jsx)(n.pre,{children:(0,i.jsx)(n.code,{className:"language-tsx",children:'import { keepPreviousData, queryOptions } from "@tanstack/react-query";\nimport { getPosts } from "./get-posts";\n\nexport const postQueries = {\n  all: () => ["posts"],\n  lists: () => [...postQueries.all(), "list"],\n  list: (page: number, limit: number) =>\n    queryOptions({\n      queryKey: [...postQueries.lists(), page, limit],\n      queryFn: () => getPosts(page, limit),\n      placeholderData: keepPreviousData,\n    }),\n};\n'})}),"\n",(0,i.jsx)(n.h3,{id:"3-use-in-application-code",children:"3. Use in application code"}),"\n",(0,i.jsx)(n.pre,{children:(0,i.jsx)(n.code,{className:"language-tsx",metastring:'title="@/pages/home/ui/index.tsx"',children:'export const HomePage = () => {\n  const itemsOnScreen = DEFAULT_ITEMS_ON_SCREEN;\n  const [page, setPage] = usePageParam(DEFAULT_PAGE);\n  const { data, isFetching, isLoading } = useQuery(\n    postApi.postQueries.list(page, itemsOnScreen),\n  );\n  return (\n    <>\n      <Pagination\n        onChange={(_, page) => setPage(page)}\n        page={page}\n        count={data?.totalPages}\n        variant="outlined"\n        color="primary"\n      />\n      <Posts posts={data?.posts} />\n    </>\n  );\n};\n'})}),"\n",(0,i.jsx)(n.admonition,{type:"note",children:(0,i.jsxs)(n.p,{children:["The example is simplified, the full version is available on ",(0,i.jsx)(n.a,{href:"https://github.com/ruslan4432013/fsd-react-query-example",children:"GitHub"})]})}),"\n",(0,i.jsxs)(n.h2,{id:"queryprovider-for-managing-queries",children:[(0,i.jsx)(n.code,{children:"QueryProvider"})," for managing queries"]}),"\n",(0,i.jsxs)(n.p,{children:["In this guide, we will look at how to organize a ",(0,i.jsx)(n.code,{children:"QueryProvider"}),"."]}),"\n",(0,i.jsxs)(n.h3,{id:"1-creating-a-queryprovider",children:["1. Creating a ",(0,i.jsx)(n.code,{children:"QueryProvider"})]}),"\n",(0,i.jsxs)(n.p,{children:["The file ",(0,i.jsx)(n.code,{children:"query-provider.tsx"})," is located at the path ",(0,i.jsx)(n.code,{children:"@/app/providers/query-provider.tsx"}),"."]}),"\n",(0,i.jsx)(n.pre,{children:(0,i.jsx)(n.code,{className:"language-tsx",metastring:'title="@/app/providers/query-provider.tsx"',children:'import { QueryClient, QueryClientProvider } from "@tanstack/react-query";\nimport { ReactQueryDevtools } from "@tanstack/react-query-devtools";\nimport { ReactNode } from "react";\n\ntype Props = {\n  children: ReactNode;\n  client: QueryClient;\n};\n\nexport const QueryProvider = ({ client, children }: Props) => {\n  return (\n    <QueryClientProvider client={client}>\n      {children}\n      <ReactQueryDevtools />\n    </QueryClientProvider>\n  );\n};\n'})}),"\n",(0,i.jsxs)(n.h3,{id:"2-creating-a-queryclient",children:["2. Creating a ",(0,i.jsx)(n.code,{children:"QueryClient"})]}),"\n",(0,i.jsxs)(n.p,{children:[(0,i.jsx)(n.code,{children:"QueryClient"})," is an instance used to manage API requests.\nThe ",(0,i.jsx)(n.code,{children:"query-client.ts"})," file is located at ",(0,i.jsx)(n.code,{children:"@/shared/api/query-client.ts"}),".\n",(0,i.jsx)(n.code,{children:"QueryClient"})," is created with certain settings for query caching."]}),"\n",(0,i.jsx)(n.pre,{children:(0,i.jsx)(n.code,{className:"language-tsx",metastring:'title="@/shared/api/query-client.ts"',children:'import { QueryClient } from "@tanstack/react-query";\n\nexport const queryClient = new QueryClient({\n  defaultOptions: {\n    queries: {\n      staleTime: 5 * 60 * 1000,\n      gcTime: 5 * 60 * 1000,\n    },\n  },\n});\n'})}),"\n",(0,i.jsx)(n.h2,{id:"code-generation",children:"Code generation"}),"\n",(0,i.jsxs)(n.p,{children:["There are tools that can generate API code for you, but they are less flexible than the manual approach described above.\nIf your Swagger file is well-structured,\nand you're using one of these tools, it might make sense to generate all the code in the ",(0,i.jsx)(n.code,{children:"@/shared/api"})," directory."]}),"\n",(0,i.jsx)(n.h2,{id:"additional-advice-for-organizing-rq",children:"Additional advice for organizing RQ"}),"\n",(0,i.jsx)(n.h3,{id:"api-client",children:"API Client"}),"\n",(0,i.jsx)(n.p,{children:"Using a custom API client class in the shared layer,\nyou can standardize the configuration and work with the API in the project.\nThis allows you to manage logging,\nheaders and data exchange format (such as JSON or XML) from one place.\nThis approach makes it easier to maintain and develop the project because it simplifies changes and updates to interactions with the API."}),"\n",(0,i.jsx)(n.pre,{children:(0,i.jsx)(n.code,{className:"language-tsx",metastring:'title="@/shared/api/api-client.ts"',children:'import { API_URL } from "@/shared/config";\n\nexport class ApiClient {\n  private baseUrl: string;\n\n  constructor(url: string) {\n    this.baseUrl = url;\n  }\n\n  async handleResponse<TResult>(response: Response): Promise<TResult> {\n    if (!response.ok) {\n      throw new Error(`HTTP error! Status: ${response.status}`);\n    }\n\n    try {\n      return await response.json();\n    } catch (error) {\n      throw new Error("Error parsing JSON response");\n    }\n  }\n\n  public async get<TResult = unknown>(\n    endpoint: string,\n    queryParams?: Record<string, string | number>,\n  ): Promise<TResult> {\n    const url = new URL(endpoint, this.baseUrl);\n\n    if (queryParams) {\n      Object.entries(queryParams).forEach(([key, value]) => {\n        url.searchParams.append(key, value.toString());\n      });\n    }\n    const response = await fetch(url.toString(), {\n      method: "GET",\n      headers: {\n        "Content-Type": "application/json",\n      },\n    });\n\n    return this.handleResponse<TResult>(response);\n  }\n\n  public async post<TResult = unknown, TData = Record<string, unknown>>(\n    endpoint: string,\n    body: TData,\n  ): Promise<TResult> {\n    const response = await fetch(`${this.baseUrl}${endpoint}`, {\n      method: "POST",\n      headers: {\n        "Content-Type": "application/json",\n      },\n      body: JSON.stringify(body),\n    });\n\n    return this.handleResponse<TResult>(response);\n  }\n}\n\nexport const apiClient = new ApiClient(API_URL);\n'})}),"\n",(0,i.jsx)(n.h2,{id:"see-also",children:"See also"}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsx)(n.li,{children:(0,i.jsx)(n.a,{href:"https://github.com/ruslan4432013/fsd-react-query-example",children:"(GitHub) Sample Project"})}),"\n",(0,i.jsx)(n.li,{children:(0,i.jsx)(n.a,{href:"https://codesandbox.io/p/github/ruslan4432013/fsd-react-query-example/main",children:"(CodeSandbox) Sample Project"})}),"\n",(0,i.jsx)(n.li,{children:(0,i.jsx)(n.a,{href:"https://tkdodo.eu/blog/the-query-options-api",children:"About the query factory"})}),"\n"]})]})}function u(e={}){const{wrapper:n}={...(0,s.R)(),...e.components};return n?(0,i.jsx)(n,{...e,children:(0,i.jsx)(d,{...e})}):d(e)}},1100:(e,n,t)=>{t.d(n,{R:()=>o,x:()=>a});var i=t(758);const s={},r=i.createContext(s);function o(e){const n=i.useContext(r);return i.useMemo((function(){return"function"==typeof e?e(n):{...n,...e}}),[n,e])}function a(e){let n;return n=e.disableParentContext?"function"==typeof e.components?e.components(s):e.components||s:o(e.components),i.createElement(r.Provider,{value:n},e.children)}}}]);
\ No newline at end of file
+"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[8754],{1610:(e,n,t)=>{t.r(n),t.d(n,{assets:()=>l,contentTitle:()=>o,default:()=>u,frontMatter:()=>r,metadata:()=>a,toc:()=>c});var i=t(6070),s=t(1100);const r={sidebar_position:10},o="Usage with React Query",a={id:"guides/tech/with-react-query",title:"Usage with React Query",description:"The problem of \u201cwhere to put the keys\u201d",source:"@site/i18n/en/docusaurus-plugin-content-docs/current/guides/tech/with-react-query.mdx",sourceDirName:"guides/tech",slug:"/guides/tech/with-react-query",permalink:"/kr/docs/guides/tech/with-react-query",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/guides/tech/with-react-query.mdx",tags:[],version:"current",lastUpdatedAt:1728325386e3,sidebarPosition:10,frontMatter:{sidebar_position:10},sidebar:"guidesSidebar",previous:{title:"Usage with NuxtJS",permalink:"/kr/docs/guides/tech/with-nuxtjs"},next:{title:"Usage with SvelteKit",permalink:"/kr/docs/guides/tech/with-sveltekit"}},l={},c=[{value:"The problem of \u201cwhere to put the keys\u201d",id:"the-problem-of-where-to-put-the-keys",level:2},{value:"Solution \u2014 break down by entities",id:"solution--break-down-by-entities",level:3},{value:"Alternative solution \u2014 keep it in shared",id:"alternative-solution--keep-it-in-shared",level:3},{value:"The problem of \u201cWhere to insert mutations?\u201d",id:"the-problem-of-where-to-insert-mutations",level:2},{value:"1. Define a custom hook in the <code>api</code> segment near the place of use",id:"1-define-a-custom-hook-in-the-api-segment-near-the-place-of-use",level:3},{value:"2. Define a mutation function somewhere else (Shared or Entities) and use <code>useMutation</code> directly in the component",id:"2-define-a-mutation-function-somewhere-else-shared-or-entities-and-use-usemutation-directly-in-the-component",level:3},{value:"Organization of requests",id:"organization-of-requests",level:2},{value:"Query factory",id:"query-factory",level:3},{value:"1. Creating a Query Factory",id:"1-creating-a-query-factory",level:3},{value:"2. Using Query Factory in application code",id:"2-using-query-factory-in-application-code",level:3},{value:"Benefits of using a Query Factory",id:"benefits-of-using-a-query-factory",level:3},{value:"Pagination",id:"pagination",level:2},{value:"1. Creating a function <code>getPosts</code>",id:"1-creating-a-function-getposts",level:3},{value:"2. Query factory for pagination",id:"2-query-factory-for-pagination",level:3},{value:"3. Use in application code",id:"3-use-in-application-code",level:3},{value:"<code>QueryProvider</code> for managing queries",id:"queryprovider-for-managing-queries",level:2},{value:"1. Creating a <code>QueryProvider</code>",id:"1-creating-a-queryprovider",level:3},{value:"2. Creating a <code>QueryClient</code>",id:"2-creating-a-queryclient",level:3},{value:"Code generation",id:"code-generation",level:2},{value:"Additional advice for organizing RQ",id:"additional-advice-for-organizing-rq",level:2},{value:"API Client",id:"api-client",level:3},{value:"See also",id:"see-also",level:2}];function d(e){const n={a:"a",admonition:"admonition",code:"code",h1:"h1",h2:"h2",h3:"h3",header:"header",li:"li",p:"p",pre:"pre",strong:"strong",ul:"ul",...(0,s.R)(),...e.components};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(n.header,{children:(0,i.jsx)(n.h1,{id:"usage-with-react-query",children:"Usage with React Query"})}),"\n",(0,i.jsx)(n.h2,{id:"the-problem-of-where-to-put-the-keys",children:"The problem of \u201cwhere to put the keys\u201d"}),"\n",(0,i.jsx)(n.h3,{id:"solution--break-down-by-entities",children:"Solution \u2014 break down by entities"}),"\n",(0,i.jsx)(n.p,{children:"If the project already has a division into entities, and each request corresponds to a single entity,\nthe purest division will be by entity. In this case, we suggest using the following structure:"}),"\n",(0,i.jsx)(n.pre,{children:(0,i.jsx)(n.code,{className:"language-sh",children:"\u2514\u2500\u2500 src/                                        #\n    \u251c\u2500\u2500 app/                                    #\n    |   ...                                     #\n    \u251c\u2500\u2500 pages/                                  #\n    |   ...                                     #\n    \u251c\u2500\u2500 entities/                               #\n    |     \u251c\u2500\u2500 {entity}/                         #\n    |    ...     \u2514\u2500\u2500 api/                       #\n    |                 \u251c\u2500\u2500 `{entity}.query`      # Query-factory where are the keys and functions\n    |                 \u251c\u2500\u2500 `get-{entity}`        # Entity getter function\n    |                 \u251c\u2500\u2500 `create-{entity}`     # Entity creation function\n    |                 \u251c\u2500\u2500 `update-{entity}`     # Entity update function\n    |                 \u251c\u2500\u2500 `delete-{entity}`     # Entity delete function\n    |                ...                        #\n    |                                           #\n    \u251c\u2500\u2500 features/                               #\n    |   ...                                     #\n    \u251c\u2500\u2500 widgets/                                #\n    |   ...                                     #\n    \u2514\u2500\u2500 shared/                                 #\n        ...                                     #\n"})}),"\n",(0,i.jsxs)(n.p,{children:["If there are connections between the entities (for example, the Country entity has a field-list of City entities),\nthen you can use an ",(0,i.jsx)(n.a,{href:"https://github.com/feature-sliced/documentation/discussions/390#discussioncomment-5570073",children:"experimental approach to organized cross-imports\nvia @x-notation"})," or consider the alternative solution below."]}),"\n",(0,i.jsx)(n.h3,{id:"alternative-solution--keep-it-in-shared",children:"Alternative solution \u2014 keep it in shared"}),"\n",(0,i.jsx)(n.p,{children:"In cases where entity separation is not appropriate, the following structure can be considered:"}),"\n",(0,i.jsx)(n.pre,{children:(0,i.jsx)(n.code,{className:"language-sh",children:"\u2514\u2500\u2500 src/                                        #\n   ...                                          #\n    \u2514\u2500\u2500 shared/                                 #\n          \u251c\u2500\u2500 api/                              #\n         ...   \u251c\u2500\u2500 `queries`                    # Query-factories\n               |      \u251c\u2500\u2500 `document.ts`         #\n               |      \u251c\u2500\u2500 `background-jobs.ts`  #\n               |     ...                        #\n               \u2514\u2500\u2500  index.ts                    #\n"})}),"\n",(0,i.jsxs)(n.p,{children:["Then in ",(0,i.jsx)(n.code,{children:"@/shared/api/index.ts"}),":"]}),"\n",(0,i.jsx)(n.pre,{children:(0,i.jsx)(n.code,{className:"language-ts",metastring:'title="@/shared/api/index.ts"',children:'export { documentQueries } from "./queries/document";\n'})}),"\n",(0,i.jsx)(n.h2,{id:"the-problem-of-where-to-insert-mutations",children:"The problem of \u201cWhere to insert mutations?\u201d"}),"\n",(0,i.jsx)(n.p,{children:"It is not recommended to mix mutations with queries. There are two options:"}),"\n",(0,i.jsxs)(n.h3,{id:"1-define-a-custom-hook-in-the-api-segment-near-the-place-of-use",children:["1. Define a custom hook in the ",(0,i.jsx)(n.code,{children:"api"})," segment near the place of use"]}),"\n",(0,i.jsx)(n.pre,{children:(0,i.jsx)(n.code,{className:"language-tsx",metastring:'title="@/features/update-post/api/use-update-title.ts"',children:"export const useUpdateTitle = () => {\n  const queryClient = useQueryClient();\n\n  return useMutation({\n    mutationFn: ({ id, newTitle }) =>\n      apiClient\n        .patch(`/posts/${id}`, { title: newTitle })\n        .then((data) => console.log(data)),\n\n    onSuccess: (newPost) => {\n      queryClient.setQueryData(postsQueries.ids(id), newPost);\n    },\n  });\n};\n"})}),"\n",(0,i.jsxs)(n.h3,{id:"2-define-a-mutation-function-somewhere-else-shared-or-entities-and-use-usemutation-directly-in-the-component",children:["2. Define a mutation function somewhere else (Shared or Entities) and use ",(0,i.jsx)(n.code,{children:"useMutation"})," directly in the component"]}),"\n",(0,i.jsx)(n.pre,{children:(0,i.jsx)(n.code,{className:"language-tsx",children:"const { mutateAsync, isPending } = useMutation({\n  mutationFn: postApi.createPost,\n});\n"})}),"\n",(0,i.jsx)(n.pre,{children:(0,i.jsx)(n.code,{className:"language-tsx",metastring:'title="@/pages/post-create/ui/post-create-page.tsx"',children:'export const CreatePost = () => {\n  const { classes } = useStyles();\n  const [title, setTitle] = useState("");\n\n  const { mutate, isPending } = useMutation({\n    mutationFn: postApi.createPost,\n  });\n\n  const handleChange = (e: ChangeEvent<HTMLInputElement>) =>\n    setTitle(e.target.value);\n  const handleSubmit = (e: FormEvent<HTMLFormElement>) => {\n    e.preventDefault();\n    mutate({ title, userId: DEFAULT_USER_ID });\n  };\n\n  return (\n    <form className={classes.create_form} onSubmit={handleSubmit}>\n      <TextField onChange={handleChange} value={title} />\n      <LoadingButton type="submit" variant="contained" loading={isPending}>\n        Create\n      </LoadingButton>\n    </form>\n  );\n};\n'})}),"\n",(0,i.jsx)(n.h2,{id:"organization-of-requests",children:"Organization of requests"}),"\n",(0,i.jsx)(n.h3,{id:"query-factory",children:"Query factory"}),"\n",(0,i.jsx)(n.p,{children:"A query factory is an object where the key values are functions that return a list of query keys. Here's how to use it:"}),"\n",(0,i.jsx)(n.pre,{children:(0,i.jsx)(n.code,{className:"language-ts",children:'const keyFactory = {\n  all: () => ["entity"],\n  lists: () => [...postQueries.all(), "list"],\n};\n'})}),"\n",(0,i.jsxs)(n.admonition,{type:"info",children:[(0,i.jsxs)(n.p,{children:[(0,i.jsx)(n.code,{children:"queryOptions"})," is a built-in utility in react-query@v5 (optional)"]}),(0,i.jsx)(n.pre,{children:(0,i.jsx)(n.code,{className:"language-ts",children:"queryOptions({\n  queryKey,\n  ...options,\n});\n"})}),(0,i.jsxs)(n.p,{children:["For greater type safety, further compatibility with future versions of react-query, and easy access to functions and query keys,\nyou can use the built-in queryOptions function from \u201c@tanstack/react-query\u201d\n",(0,i.jsx)(n.a,{href:"https://tkdodo.eu/blog/the-query-options-api#queryoptions",children:"(More details here)"}),"."]})]}),"\n",(0,i.jsx)(n.h3,{id:"1-creating-a-query-factory",children:"1. Creating a Query Factory"}),"\n",(0,i.jsx)(n.pre,{children:(0,i.jsx)(n.code,{className:"language-tsx",metastring:'title="@/entities/post/api/post.queries.ts"',children:'import { keepPreviousData, queryOptions } from "@tanstack/react-query";\nimport { getPosts } from "./get-posts";\nimport { getDetailPost } from "./get-detail-post";\nimport { PostDetailQuery } from "./query/post.query";\n\nexport const postQueries = {\n  all: () => ["posts"],\n\n  lists: () => [...postQueries.all(), "list"],\n  list: (page: number, limit: number) =>\n    queryOptions({\n      queryKey: [...postQueries.lists(), page, limit],\n      queryFn: () => getPosts(page, limit),\n      placeholderData: keepPreviousData,\n    }),\n\n  details: () => [...postQueries.all(), "detail"],\n  detail: (query?: PostDetailQuery) =>\n    queryOptions({\n      queryKey: [...postQueries.details(), query?.id],\n      queryFn: () => getDetailPost({ id: query?.id }),\n      staleTime: 5000,\n    }),\n};\n'})}),"\n",(0,i.jsx)(n.h3,{id:"2-using-query-factory-in-application-code",children:"2. Using Query Factory in application code"}),"\n",(0,i.jsx)(n.pre,{children:(0,i.jsx)(n.code,{className:"language-tsx",children:'import { useParams } from "react-router-dom";\nimport { postApi } from "@/entities/post";\nimport { useQuery } from "@tanstack/react-query";\n\ntype Params = {\n  postId: string;\n};\n\nexport const PostPage = () => {\n  const { postId } = useParams<Params>();\n  const id = parseInt(postId || "");\n  const {\n    data: post,\n    error,\n    isLoading,\n    isError,\n  } = useQuery(postApi.postQueries.detail({ id }));\n\n  if (isLoading) {\n    return <div>Loading...</div>;\n  }\n\n  if (isError || !post) {\n    return <>{error?.message}</>;\n  }\n\n  return (\n    <div>\n      <p>Post id: {post.id}</p>\n      <div>\n        <h1>{post.title}</h1>\n        <div>\n          <p>{post.body}</p>\n        </div>\n      </div>\n      <div>Owner: {post.userId}</div>\n    </div>\n  );\n};\n'})}),"\n",(0,i.jsx)(n.h3,{id:"benefits-of-using-a-query-factory",children:"Benefits of using a Query Factory"}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsxs)(n.li,{children:[(0,i.jsx)(n.strong,{children:"Request structuring:"})," A factory allows you to organize all API requests in one place, making your code more readable and maintainable."]}),"\n",(0,i.jsxs)(n.li,{children:[(0,i.jsx)(n.strong,{children:"Convenient access to queries and keys:"})," The factory provides convenient methods for accessing different types of queries and their keys."]}),"\n",(0,i.jsxs)(n.li,{children:[(0,i.jsx)(n.strong,{children:"Query Refetching Ability:"})," The factory allows easy refetching without the need to change query keys in different parts of the application."]}),"\n"]}),"\n",(0,i.jsx)(n.h2,{id:"pagination",children:"Pagination"}),"\n",(0,i.jsxs)(n.p,{children:["In this section, we'll look at an example of the ",(0,i.jsx)(n.code,{children:"getPosts"})," function, which makes an API request to retrieve post entities using pagination."]}),"\n",(0,i.jsxs)(n.h3,{id:"1-creating-a-function-getposts",children:["1. Creating a function ",(0,i.jsx)(n.code,{children:"getPosts"})]}),"\n",(0,i.jsxs)(n.p,{children:["The getPosts function is located in the ",(0,i.jsx)(n.code,{children:"get-posts.ts"})," file, which is located in the ",(0,i.jsx)(n.code,{children:"api"})," segment"]}),"\n",(0,i.jsx)(n.pre,{children:(0,i.jsx)(n.code,{className:"language-tsx",metastring:'title="@/pages/post-feed/api/get-posts.ts"',children:'import { apiClient } from "@/shared/api/base";\n\nimport { PostWithPaginationDto } from "./dto/post-with-pagination.dto";\nimport { PostQuery } from "./query/post.query";\nimport { mapPost } from "./mapper/map-post";\nimport { PostWithPagination } from "../model/post-with-pagination";\n\nconst calculatePostPage = (totalCount: number, limit: number) =>\n  Math.floor(totalCount / limit);\n\nexport const getPosts = async (\n  page: number,\n  limit: number,\n): Promise<PostWithPagination> => {\n  const skip = page * limit;\n  const query: PostQuery = { skip, limit };\n  const result = await apiClient.get<PostWithPaginationDto>("/posts", query);\n\n  return {\n    posts: result.posts.map((post) => mapPost(post)),\n    limit: result.limit,\n    skip: result.skip,\n    total: result.total,\n    totalPages: calculatePostPage(result.total, limit),\n  };\n};\n'})}),"\n",(0,i.jsx)(n.h3,{id:"2-query-factory-for-pagination",children:"2. Query factory for pagination"}),"\n",(0,i.jsxs)(n.p,{children:["The ",(0,i.jsx)(n.code,{children:"postQueries"})," query factory defines various query options for working with posts,\nincluding requesting a list of posts with a specific page and limit."]}),"\n",(0,i.jsx)(n.pre,{children:(0,i.jsx)(n.code,{className:"language-tsx",children:'import { keepPreviousData, queryOptions } from "@tanstack/react-query";\nimport { getPosts } from "./get-posts";\n\nexport const postQueries = {\n  all: () => ["posts"],\n  lists: () => [...postQueries.all(), "list"],\n  list: (page: number, limit: number) =>\n    queryOptions({\n      queryKey: [...postQueries.lists(), page, limit],\n      queryFn: () => getPosts(page, limit),\n      placeholderData: keepPreviousData,\n    }),\n};\n'})}),"\n",(0,i.jsx)(n.h3,{id:"3-use-in-application-code",children:"3. Use in application code"}),"\n",(0,i.jsx)(n.pre,{children:(0,i.jsx)(n.code,{className:"language-tsx",metastring:'title="@/pages/home/ui/index.tsx"',children:'export const HomePage = () => {\n  const itemsOnScreen = DEFAULT_ITEMS_ON_SCREEN;\n  const [page, setPage] = usePageParam(DEFAULT_PAGE);\n  const { data, isFetching, isLoading } = useQuery(\n    postApi.postQueries.list(page, itemsOnScreen),\n  );\n  return (\n    <>\n      <Pagination\n        onChange={(_, page) => setPage(page)}\n        page={page}\n        count={data?.totalPages}\n        variant="outlined"\n        color="primary"\n      />\n      <Posts posts={data?.posts} />\n    </>\n  );\n};\n'})}),"\n",(0,i.jsx)(n.admonition,{type:"note",children:(0,i.jsxs)(n.p,{children:["The example is simplified, the full version is available on ",(0,i.jsx)(n.a,{href:"https://github.com/ruslan4432013/fsd-react-query-example",children:"GitHub"})]})}),"\n",(0,i.jsxs)(n.h2,{id:"queryprovider-for-managing-queries",children:[(0,i.jsx)(n.code,{children:"QueryProvider"})," for managing queries"]}),"\n",(0,i.jsxs)(n.p,{children:["In this guide, we will look at how to organize a ",(0,i.jsx)(n.code,{children:"QueryProvider"}),"."]}),"\n",(0,i.jsxs)(n.h3,{id:"1-creating-a-queryprovider",children:["1. Creating a ",(0,i.jsx)(n.code,{children:"QueryProvider"})]}),"\n",(0,i.jsxs)(n.p,{children:["The file ",(0,i.jsx)(n.code,{children:"query-provider.tsx"})," is located at the path ",(0,i.jsx)(n.code,{children:"@/app/providers/query-provider.tsx"}),"."]}),"\n",(0,i.jsx)(n.pre,{children:(0,i.jsx)(n.code,{className:"language-tsx",metastring:'title="@/app/providers/query-provider.tsx"',children:'import { QueryClient, QueryClientProvider } from "@tanstack/react-query";\nimport { ReactQueryDevtools } from "@tanstack/react-query-devtools";\nimport { ReactNode } from "react";\n\ntype Props = {\n  children: ReactNode;\n  client: QueryClient;\n};\n\nexport const QueryProvider = ({ client, children }: Props) => {\n  return (\n    <QueryClientProvider client={client}>\n      {children}\n      <ReactQueryDevtools />\n    </QueryClientProvider>\n  );\n};\n'})}),"\n",(0,i.jsxs)(n.h3,{id:"2-creating-a-queryclient",children:["2. Creating a ",(0,i.jsx)(n.code,{children:"QueryClient"})]}),"\n",(0,i.jsxs)(n.p,{children:[(0,i.jsx)(n.code,{children:"QueryClient"})," is an instance used to manage API requests.\nThe ",(0,i.jsx)(n.code,{children:"query-client.ts"})," file is located at ",(0,i.jsx)(n.code,{children:"@/shared/api/query-client.ts"}),".\n",(0,i.jsx)(n.code,{children:"QueryClient"})," is created with certain settings for query caching."]}),"\n",(0,i.jsx)(n.pre,{children:(0,i.jsx)(n.code,{className:"language-tsx",metastring:'title="@/shared/api/query-client.ts"',children:'import { QueryClient } from "@tanstack/react-query";\n\nexport const queryClient = new QueryClient({\n  defaultOptions: {\n    queries: {\n      staleTime: 5 * 60 * 1000,\n      gcTime: 5 * 60 * 1000,\n    },\n  },\n});\n'})}),"\n",(0,i.jsx)(n.h2,{id:"code-generation",children:"Code generation"}),"\n",(0,i.jsxs)(n.p,{children:["There are tools that can generate API code for you, but they are less flexible than the manual approach described above.\nIf your Swagger file is well-structured,\nand you're using one of these tools, it might make sense to generate all the code in the ",(0,i.jsx)(n.code,{children:"@/shared/api"})," directory."]}),"\n",(0,i.jsx)(n.h2,{id:"additional-advice-for-organizing-rq",children:"Additional advice for organizing RQ"}),"\n",(0,i.jsx)(n.h3,{id:"api-client",children:"API Client"}),"\n",(0,i.jsx)(n.p,{children:"Using a custom API client class in the shared layer,\nyou can standardize the configuration and work with the API in the project.\nThis allows you to manage logging,\nheaders and data exchange format (such as JSON or XML) from one place.\nThis approach makes it easier to maintain and develop the project because it simplifies changes and updates to interactions with the API."}),"\n",(0,i.jsx)(n.pre,{children:(0,i.jsx)(n.code,{className:"language-tsx",metastring:'title="@/shared/api/api-client.ts"',children:'import { API_URL } from "@/shared/config";\n\nexport class ApiClient {\n  private baseUrl: string;\n\n  constructor(url: string) {\n    this.baseUrl = url;\n  }\n\n  async handleResponse<TResult>(response: Response): Promise<TResult> {\n    if (!response.ok) {\n      throw new Error(`HTTP error! Status: ${response.status}`);\n    }\n\n    try {\n      return await response.json();\n    } catch (error) {\n      throw new Error("Error parsing JSON response");\n    }\n  }\n\n  public async get<TResult = unknown>(\n    endpoint: string,\n    queryParams?: Record<string, string | number>,\n  ): Promise<TResult> {\n    const url = new URL(endpoint, this.baseUrl);\n\n    if (queryParams) {\n      Object.entries(queryParams).forEach(([key, value]) => {\n        url.searchParams.append(key, value.toString());\n      });\n    }\n    const response = await fetch(url.toString(), {\n      method: "GET",\n      headers: {\n        "Content-Type": "application/json",\n      },\n    });\n\n    return this.handleResponse<TResult>(response);\n  }\n\n  public async post<TResult = unknown, TData = Record<string, unknown>>(\n    endpoint: string,\n    body: TData,\n  ): Promise<TResult> {\n    const response = await fetch(`${this.baseUrl}${endpoint}`, {\n      method: "POST",\n      headers: {\n        "Content-Type": "application/json",\n      },\n      body: JSON.stringify(body),\n    });\n\n    return this.handleResponse<TResult>(response);\n  }\n}\n\nexport const apiClient = new ApiClient(API_URL);\n'})}),"\n",(0,i.jsx)(n.h2,{id:"see-also",children:"See also"}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsx)(n.li,{children:(0,i.jsx)(n.a,{href:"https://github.com/ruslan4432013/fsd-react-query-example",children:"(GitHub) Sample Project"})}),"\n",(0,i.jsx)(n.li,{children:(0,i.jsx)(n.a,{href:"https://codesandbox.io/p/github/ruslan4432013/fsd-react-query-example/main",children:"(CodeSandbox) Sample Project"})}),"\n",(0,i.jsx)(n.li,{children:(0,i.jsx)(n.a,{href:"https://tkdodo.eu/blog/the-query-options-api",children:"About the query factory"})}),"\n"]})]})}function u(e={}){const{wrapper:n}={...(0,s.R)(),...e.components};return n?(0,i.jsx)(n,{...e,children:(0,i.jsx)(d,{...e})}):d(e)}},1100:(e,n,t)=>{t.d(n,{R:()=>o,x:()=>a});var i=t(758);const s={},r=i.createContext(s);function o(e){const n=i.useContext(r);return i.useMemo((function(){return"function"==typeof e?e(n):{...n,...e}}),[n,e])}function a(e){let n;return n=e.disableParentContext?"function"==typeof e.components?e.components(s):e.components||s:o(e.components),i.createElement(r.Provider,{value:n},e.children)}}}]);
\ No newline at end of file
diff --git a/kr/assets/js/3d2652fb.1887bded.js b/kr/assets/js/3d2652fb.970eff8d.js
similarity index 99%
rename from kr/assets/js/3d2652fb.1887bded.js
rename to kr/assets/js/3d2652fb.970eff8d.js
index 13a275168b..2c534cf093 100644
--- a/kr/assets/js/3d2652fb.1887bded.js
+++ b/kr/assets/js/3d2652fb.970eff8d.js
@@ -1 +1 @@
-"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[7811],{5472:(e,n,s)=>{s.r(n),s.d(n,{assets:()=>a,contentTitle:()=>o,default:()=>h,frontMatter:()=>r,metadata:()=>l,toc:()=>c});var t=s(6070),i=s(1100);const r={sidebar_position:3,pagination_next:"about/index"},o="Public API",l={id:"reference/public-api",title:"Public API",description:"Each entity of the methodology is designed as a user-friendly and integrable module.",source:"@site/i18n/en/docusaurus-plugin-content-docs/current/reference/public-api.md",sourceDirName:"reference",slug:"/reference/public-api",permalink:"/kr/docs/reference/public-api",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/reference/public-api.md",tags:[],version:"current",lastUpdatedAt:1727607766e3,sidebarPosition:3,frontMatter:{sidebar_position:3,pagination_next:"about/index"},sidebar:"referenceSidebar",previous:{title:"Slices and segments",permalink:"/kr/docs/reference/slices-segments"},next:{title:"\ud83c\udf70 About",permalink:"/kr/docs/about/"}},a={},c=[{value:"Goals",id:"goals",level:2},{value:"Requirements for the public API",id:"requirements-for-the-public-api",level:2},{value:"1. Access Control",id:"1-access-control",level:3},{value:"Examples",id:"examples",level:4},{value:"Suspension from private imports",id:"suspension-from-private-imports",level:5},{value:"2. Sustainability for changes",id:"2-sustainability-for-changes",level:3},{value:"Examples",id:"examples-1",level:4},{value:"Abstracting from the implementation",id:"abstracting-from-the-implementation",level:5},{value:"3. Integrability",id:"3-integrability",level:3},{value:"Examples",id:"examples-2",level:4},{value:"Name collision",id:"name-collision",level:5},{value:"Flexible use",id:"flexible-use",level:5},{value:"Resolution of collisions",id:"resolution-of-collisions",level:5},{value:"About re-exports",id:"about-re-exports",level:2},{value:"Disadvantages",id:"disadvantages",level:3},{value:"Possible solutions",id:"possible-solutions",level:3},{value:"See also",id:"see-also",level:2}];function d(e){const n={a:"a",admonition:"admonition",blockquote:"blockquote",code:"code",em:"em",h1:"h1",h2:"h2",h3:"h3",h4:"h4",h5:"h5",header:"header",li:"li",ol:"ol",p:"p",pre:"pre",strong:"strong",ul:"ul",...(0,i.R)(),...e.components};return(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(n.header,{children:(0,t.jsx)(n.h1,{id:"public-api",children:"Public API"})}),"\n",(0,t.jsxs)(n.p,{children:["Each entity of the methodology is designed as a ",(0,t.jsx)(n.strong,{children:"user-friendly and integrable module."})]}),"\n",(0,t.jsx)(n.h2,{id:"goals",children:"Goals"}),"\n",(0,t.jsxs)(n.p,{children:["The convenience of using and integrating the module is achieved through the fulfillment of ",(0,t.jsx)(n.em,{children:"a number of goals"}),":"]}),"\n",(0,t.jsxs)(n.ol,{children:["\n",(0,t.jsxs)(n.li,{children:["The application must be ",(0,t.jsx)(n.strong,{children:"protected from changes"})," to the internal structure of individual modules"]}),"\n",(0,t.jsxs)(n.li,{children:["The processing of the internal structure of the module ",(0,t.jsx)(n.strong,{children:"should not affect"})," other modules"]}),"\n",(0,t.jsxs)(n.li,{children:["Significant changes in the behavior of the module should be ",(0,t.jsx)(n.strong,{children:"easily detectable"}),"\n",(0,t.jsxs)(n.blockquote,{children:["\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Significant changes in the behavior of the module"})," - changes that break the expectations of the user entities of the module."]}),"\n"]}),"\n"]}),"\n"]}),"\n",(0,t.jsx)(n.p,{children:"These goals can be achieved by introducing a public interface (Public API), which is a single access point to the module's capabilities and defines the \"contract\" of the module's interaction with the outside world."}),"\n",(0,t.jsx)(n.admonition,{title:"Important",type:"info",children:(0,t.jsx)(n.p,{children:"The entity structure must have a single entry point that provides a public interface"})}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-sh",children:"\u2514\u2500\u2500 features/\xa0 \xa0 \xa0 \xa0 \xa0 \xa0 \xa0 \xa0#\xa0\n       \u251c\u2500\u2500 auth-form /      # Internal structure of the feature\n       |     \u251c\u2500\u2500 ui/\xa0 \xa0 \xa0 \xa0 #\n       |     \u251c\u2500\u2500 model/\xa0 \xa0 \xa0#\n       |     \u251c\u2500\u2500 {...}/\xa0 \xa0 \xa0#\n       \u251c\u2500\u2500 index.ts         # Entrypoint features with its public API\n"})}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-ts",metastring:'title="**/**/index.ts"',children:'export { Form as AuthForm } from "./ui"\nexport * as authFormModel from "./model"\n'})}),"\n",(0,t.jsx)(n.h2,{id:"requirements-for-the-public-api",children:"Requirements for the public API"}),"\n",(0,t.jsxs)(n.p,{children:["Meeting these requirements allows you to reduce interaction with the module to ",(0,t.jsx)(n.strong,{children:"the implementation of a public interface-contract"})," and, thereby, achieve reliability and ease of use of the module."]}),"\n",(0,t.jsx)(n.h3,{id:"1-access-control",children:"1. Access Control"}),"\n",(0,t.jsxs)(n.p,{children:["The public API must ",(0,t.jsx)(n.strong,{children:"control access"})," to the contents of the module"]}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsxs)(n.li,{children:["Other parts of the application can use ",(0,t.jsx)(n.strong,{children:"only those module entities that are presented in the public interface"})]}),"\n",(0,t.jsxs)(n.li,{children:["The internal part of the module outside the public interface ",(0,t.jsx)(n.strong,{children:"is accessible only to the module itself"}),"."]}),"\n"]}),"\n",(0,t.jsx)(n.h4,{id:"examples",children:"Examples"}),"\n",(0,t.jsx)(n.h5,{id:"suspension-from-private-imports",children:"Suspension from private imports"}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Bad"}),": There is a direct access to the internal parts of the module, bypassing the public access interface - it is dangerous, especially when refactoring the module"]}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-diff",children:'- import { Form } from "features/auth-form/components/view/form"\n'})}),"\n"]}),"\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Good:"})," The API exports only what is necessary and allowed in advance, the module developer now needs to think only about not breaking the Public API when refactoring"]}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-diff",children:'+ import { AuthForm } from "features/auth-form"\n'})}),"\n"]}),"\n"]}),"\n",(0,t.jsx)(n.h3,{id:"2-sustainability-for-changes",children:"2. Sustainability for changes"}),"\n",(0,t.jsx)(n.p,{children:"The public API should be sustainable for changes inside the module"}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsx)(n.li,{children:"Breaking changes in the behavior of the module are reflected in the change of the Public API"}),"\n"]}),"\n",(0,t.jsx)(n.h4,{id:"examples-1",children:"Examples"}),"\n",(0,t.jsx)(n.h5,{id:"abstracting-from-the-implementation",children:"Abstracting from the implementation"}),"\n",(0,t.jsx)(n.p,{children:"Changing the internal structure should not lead to a change in the Public API"}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Bad:"})," moving or renaming this component inside the feature will lead to the need to refactor imports in all places where the component is used."]}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-diff",children:'- import { Form } from "features/auth-form/ui/form"\n'})}),"\n"]}),"\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Good:"}),' the interface of the feature does not display its internal structure, external "users" of the feature will not suffer from moving or renaming the component inside the feature']}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-diff",children:'+ import { AuthForm } from "features/auth-form"\n'})}),"\n"]}),"\n"]}),"\n",(0,t.jsx)(n.h3,{id:"3-integrability",children:"3. Integrability"}),"\n",(0,t.jsxs)(n.p,{children:["The public API should facilitate ",(0,t.jsx)(n.strong,{children:"easy and flexible integration"})]}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsx)(n.li,{children:"Should be convenient for use by the rest of the application, in particular, to solve the problem of name collisions"}),"\n"]}),"\n",(0,t.jsx)(n.h4,{id:"examples-2",children:"Examples"}),"\n",(0,t.jsx)(n.h5,{id:"name-collision",children:"Name collision"}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Bad:"})," there will be a name collision"]}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-ts",metastring:'title="features/auth-form/index.ts"',children:'export { Form } from "./ui"\nexport * as model from "./model"\n'})}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-ts",metastring:'title="features/post-form/index.ts"',children:'export { Form } from "./ui"\nexport * as model from "./model"\n'})}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-diff",children:'- import { Form, model } from "features/auth-form"\n- import { Form, model } from "features/post-form"\n'})}),"\n"]}),"\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Good:"})," the collision is solved at the interface level"]}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-ts",metastring:'title="features/auth-form/index.ts"',children:'export { Form as AuthForm } from "./ui"\nexport * as authFormModel from "./model"\n'})}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-ts",metastring:'title="features/post-form/index.ts"',children:'export { Form as PostForm } from "./ui"\nexport * as postFormModel from "./model"\n'})}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-diff",children:'+ import { AuthForm, authFormModel } from "features/auth-form"\n+ import { PostForm, postFormModel } from "features/post-form"\n'})}),"\n"]}),"\n"]}),"\n",(0,t.jsx)(n.h5,{id:"flexible-use",children:"Flexible use"}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Bad:"}),' it is inconvenient to write, it is inconvenient to read, the" user " of the feature suffers']}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-diff",children:'- import { storeActionUpdateUserDetails } from "features/auth-form"\n- dispatch(storeActionUpdateUserDetails(...))\n'})}),"\n"]}),"\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Good:"}),' the "user" of the feature gets access to the necessary things iteratively and flexibly']}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-diff",children:'+ import { authFormModel } from "features/auth-form"\n+ dispatch(authFormModel.effects.updateUserDetails(...)) // redux\n+ authFormModel.updateUserDetailsFx(...) // effector\n'})}),"\n"]}),"\n"]}),"\n",(0,t.jsx)(n.h5,{id:"resolution-of-collisions",children:"Resolution of collisions"}),"\n",(0,t.jsx)(n.p,{children:"Name collisions should be resolved at the level of the public interface, not the implementation"}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Bad:"})," name collisions are resolved at the implementation level"]}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-ts",metastring:'title="features/auth-form/index.ts"',children:'export { AuthForm } from "./ui"\nexport { authFormActions, authFormReducer } from "model"\n'})}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-ts",metastring:'title="features/post-form/index.ts"',children:'export { PostForm } from "./ui"\nexport { postFormActions, postFormReducer } from "model"\n'})}),"\n"]}),"\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Good:"})," name collisions are resolved at the interface level"]}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-ts",metastring:'title="features/auth-form/model.ts"',children:"export { actions, reducer }\n"})}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-ts",metastring:'title="features/auth-form/index.ts"',children:'export { Form as AuthForm } from "./ui"\nexport * as authFormModel from "./model"\n'})}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-ts",metastring:'title="features/post-form/model.ts"',children:"export { actions, reducer }\n"})}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-ts",metastring:'title="features/post-form/index.ts"',children:'export { Form as PostForm } from "./ui"\nexport * as postFormModel from "./model"\n'})}),"\n"]}),"\n"]}),"\n",(0,t.jsx)(n.h2,{id:"about-re-exports",children:"About re-exports"}),"\n",(0,t.jsxs)(n.p,{children:["In JavaScript, the public interface of a module is created by re-exporting entities from inside the module in an ",(0,t.jsx)(n.code,{children:"index"})," file:"]}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-ts",metastring:'title="**/**/index.ts"',children:'export { Form as AuthForm } from "./ui"\nexport * as authModel from "./model"\n'})}),"\n",(0,t.jsx)(n.h3,{id:"disadvantages",children:"Disadvantages"}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsxs)(n.p,{children:["In most popular bundlers, due to re-exports, ",(0,t.jsx)(n.strong,{children:"the code-splitting works worse"}),", because ",(0,t.jsx)(n.a,{href:"https://webpack.js.org/guides/tree-shaking/",children:"tree-shaking"})," with this approach, it is safe to discard only the entire module, but not part of it."]}),"\n",(0,t.jsxs)(n.blockquote,{children:["\n",(0,t.jsxs)(n.p,{children:["For example, importing ",(0,t.jsx)(n.code,{children:"authModel"})," into the page model will cause the ",(0,t.jsx)(n.code,{children:"AuthForm"})," component to get into the chunk of this page, even if this component is not used there."]}),"\n"]}),"\n"]}),"\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsx)(n.p,{children:'As a result, initialization of the chunk becomes more expensive, because the browser must process all the modules in it, including those that got into the bundle "for the company"'}),"\n"]}),"\n"]}),"\n",(0,t.jsx)(n.h3,{id:"possible-solutions",children:"Possible solutions"}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsxs)(n.li,{children:[(0,t.jsx)(n.code,{children:"webpack"})," allows you to mark re-export files as ",(0,t.jsx)(n.a,{href:"https://webpack.js.org/guides/tree-shaking/#mark-the-file-as-side-effect-free",children:(0,t.jsx)(n.strong,{children:"side effects free"})})," - this allows ",(0,t.jsx)(n.code,{children:"webpack"})," to use more aggressive optimizations when working with such a file"]}),"\n"]}),"\n",(0,t.jsx)(n.h2,{id:"see-also",children:"See also"}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsx)(n.li,{children:(0,t.jsx)(n.a,{href:"https://github.com/feature-sliced/documentation/discussions/41",children:"(Discussion) Public Abstraction API"})}),"\n",(0,t.jsx)(n.li,{children:(0,t.jsxs)(n.a,{href:"https://ru.wikipedia.org/wiki/SOLID",children:["Principles ",(0,t.jsx)(n.strong,{children:"SOLID"})]})}),"\n",(0,t.jsx)(n.li,{children:(0,t.jsxs)(n.a,{href:"https://ru.wikipedia.org/wiki/GRASP",children:["Patterns ",(0,t.jsx)(n.strong,{children:"GRASP"})]})}),"\n"]})]})}function h(e={}){const{wrapper:n}={...(0,i.R)(),...e.components};return n?(0,t.jsx)(n,{...e,children:(0,t.jsx)(d,{...e})}):d(e)}},1100:(e,n,s)=>{s.d(n,{R:()=>o,x:()=>l});var t=s(758);const i={},r=t.createContext(i);function o(e){const n=t.useContext(r);return t.useMemo((function(){return"function"==typeof e?e(n):{...n,...e}}),[n,e])}function l(e){let n;return n=e.disableParentContext?"function"==typeof e.components?e.components(i):e.components||i:o(e.components),t.createElement(r.Provider,{value:n},e.children)}}}]);
\ No newline at end of file
+"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[7811],{5472:(e,n,s)=>{s.r(n),s.d(n,{assets:()=>a,contentTitle:()=>o,default:()=>h,frontMatter:()=>r,metadata:()=>l,toc:()=>c});var t=s(6070),i=s(1100);const r={sidebar_position:3,pagination_next:"about/index"},o="Public API",l={id:"reference/public-api",title:"Public API",description:"Each entity of the methodology is designed as a user-friendly and integrable module.",source:"@site/i18n/en/docusaurus-plugin-content-docs/current/reference/public-api.md",sourceDirName:"reference",slug:"/reference/public-api",permalink:"/kr/docs/reference/public-api",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/reference/public-api.md",tags:[],version:"current",lastUpdatedAt:1728325386e3,sidebarPosition:3,frontMatter:{sidebar_position:3,pagination_next:"about/index"},sidebar:"referenceSidebar",previous:{title:"Slices and segments",permalink:"/kr/docs/reference/slices-segments"},next:{title:"\ud83c\udf70 About",permalink:"/kr/docs/about/"}},a={},c=[{value:"Goals",id:"goals",level:2},{value:"Requirements for the public API",id:"requirements-for-the-public-api",level:2},{value:"1. Access Control",id:"1-access-control",level:3},{value:"Examples",id:"examples",level:4},{value:"Suspension from private imports",id:"suspension-from-private-imports",level:5},{value:"2. Sustainability for changes",id:"2-sustainability-for-changes",level:3},{value:"Examples",id:"examples-1",level:4},{value:"Abstracting from the implementation",id:"abstracting-from-the-implementation",level:5},{value:"3. Integrability",id:"3-integrability",level:3},{value:"Examples",id:"examples-2",level:4},{value:"Name collision",id:"name-collision",level:5},{value:"Flexible use",id:"flexible-use",level:5},{value:"Resolution of collisions",id:"resolution-of-collisions",level:5},{value:"About re-exports",id:"about-re-exports",level:2},{value:"Disadvantages",id:"disadvantages",level:3},{value:"Possible solutions",id:"possible-solutions",level:3},{value:"See also",id:"see-also",level:2}];function d(e){const n={a:"a",admonition:"admonition",blockquote:"blockquote",code:"code",em:"em",h1:"h1",h2:"h2",h3:"h3",h4:"h4",h5:"h5",header:"header",li:"li",ol:"ol",p:"p",pre:"pre",strong:"strong",ul:"ul",...(0,i.R)(),...e.components};return(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(n.header,{children:(0,t.jsx)(n.h1,{id:"public-api",children:"Public API"})}),"\n",(0,t.jsxs)(n.p,{children:["Each entity of the methodology is designed as a ",(0,t.jsx)(n.strong,{children:"user-friendly and integrable module."})]}),"\n",(0,t.jsx)(n.h2,{id:"goals",children:"Goals"}),"\n",(0,t.jsxs)(n.p,{children:["The convenience of using and integrating the module is achieved through the fulfillment of ",(0,t.jsx)(n.em,{children:"a number of goals"}),":"]}),"\n",(0,t.jsxs)(n.ol,{children:["\n",(0,t.jsxs)(n.li,{children:["The application must be ",(0,t.jsx)(n.strong,{children:"protected from changes"})," to the internal structure of individual modules"]}),"\n",(0,t.jsxs)(n.li,{children:["The processing of the internal structure of the module ",(0,t.jsx)(n.strong,{children:"should not affect"})," other modules"]}),"\n",(0,t.jsxs)(n.li,{children:["Significant changes in the behavior of the module should be ",(0,t.jsx)(n.strong,{children:"easily detectable"}),"\n",(0,t.jsxs)(n.blockquote,{children:["\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Significant changes in the behavior of the module"})," - changes that break the expectations of the user entities of the module."]}),"\n"]}),"\n"]}),"\n"]}),"\n",(0,t.jsx)(n.p,{children:"These goals can be achieved by introducing a public interface (Public API), which is a single access point to the module's capabilities and defines the \"contract\" of the module's interaction with the outside world."}),"\n",(0,t.jsx)(n.admonition,{title:"Important",type:"info",children:(0,t.jsx)(n.p,{children:"The entity structure must have a single entry point that provides a public interface"})}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-sh",children:"\u2514\u2500\u2500 features/\xa0 \xa0 \xa0 \xa0 \xa0 \xa0 \xa0 \xa0#\xa0\n       \u251c\u2500\u2500 auth-form /      # Internal structure of the feature\n       |     \u251c\u2500\u2500 ui/\xa0 \xa0 \xa0 \xa0 #\n       |     \u251c\u2500\u2500 model/\xa0 \xa0 \xa0#\n       |     \u251c\u2500\u2500 {...}/\xa0 \xa0 \xa0#\n       \u251c\u2500\u2500 index.ts         # Entrypoint features with its public API\n"})}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-ts",metastring:'title="**/**/index.ts"',children:'export { Form as AuthForm } from "./ui"\nexport * as authFormModel from "./model"\n'})}),"\n",(0,t.jsx)(n.h2,{id:"requirements-for-the-public-api",children:"Requirements for the public API"}),"\n",(0,t.jsxs)(n.p,{children:["Meeting these requirements allows you to reduce interaction with the module to ",(0,t.jsx)(n.strong,{children:"the implementation of a public interface-contract"})," and, thereby, achieve reliability and ease of use of the module."]}),"\n",(0,t.jsx)(n.h3,{id:"1-access-control",children:"1. Access Control"}),"\n",(0,t.jsxs)(n.p,{children:["The public API must ",(0,t.jsx)(n.strong,{children:"control access"})," to the contents of the module"]}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsxs)(n.li,{children:["Other parts of the application can use ",(0,t.jsx)(n.strong,{children:"only those module entities that are presented in the public interface"})]}),"\n",(0,t.jsxs)(n.li,{children:["The internal part of the module outside the public interface ",(0,t.jsx)(n.strong,{children:"is accessible only to the module itself"}),"."]}),"\n"]}),"\n",(0,t.jsx)(n.h4,{id:"examples",children:"Examples"}),"\n",(0,t.jsx)(n.h5,{id:"suspension-from-private-imports",children:"Suspension from private imports"}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Bad"}),": There is a direct access to the internal parts of the module, bypassing the public access interface - it is dangerous, especially when refactoring the module"]}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-diff",children:'- import { Form } from "features/auth-form/components/view/form"\n'})}),"\n"]}),"\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Good:"})," The API exports only what is necessary and allowed in advance, the module developer now needs to think only about not breaking the Public API when refactoring"]}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-diff",children:'+ import { AuthForm } from "features/auth-form"\n'})}),"\n"]}),"\n"]}),"\n",(0,t.jsx)(n.h3,{id:"2-sustainability-for-changes",children:"2. Sustainability for changes"}),"\n",(0,t.jsx)(n.p,{children:"The public API should be sustainable for changes inside the module"}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsx)(n.li,{children:"Breaking changes in the behavior of the module are reflected in the change of the Public API"}),"\n"]}),"\n",(0,t.jsx)(n.h4,{id:"examples-1",children:"Examples"}),"\n",(0,t.jsx)(n.h5,{id:"abstracting-from-the-implementation",children:"Abstracting from the implementation"}),"\n",(0,t.jsx)(n.p,{children:"Changing the internal structure should not lead to a change in the Public API"}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Bad:"})," moving or renaming this component inside the feature will lead to the need to refactor imports in all places where the component is used."]}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-diff",children:'- import { Form } from "features/auth-form/ui/form"\n'})}),"\n"]}),"\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Good:"}),' the interface of the feature does not display its internal structure, external "users" of the feature will not suffer from moving or renaming the component inside the feature']}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-diff",children:'+ import { AuthForm } from "features/auth-form"\n'})}),"\n"]}),"\n"]}),"\n",(0,t.jsx)(n.h3,{id:"3-integrability",children:"3. Integrability"}),"\n",(0,t.jsxs)(n.p,{children:["The public API should facilitate ",(0,t.jsx)(n.strong,{children:"easy and flexible integration"})]}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsx)(n.li,{children:"Should be convenient for use by the rest of the application, in particular, to solve the problem of name collisions"}),"\n"]}),"\n",(0,t.jsx)(n.h4,{id:"examples-2",children:"Examples"}),"\n",(0,t.jsx)(n.h5,{id:"name-collision",children:"Name collision"}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Bad:"})," there will be a name collision"]}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-ts",metastring:'title="features/auth-form/index.ts"',children:'export { Form } from "./ui"\nexport * as model from "./model"\n'})}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-ts",metastring:'title="features/post-form/index.ts"',children:'export { Form } from "./ui"\nexport * as model from "./model"\n'})}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-diff",children:'- import { Form, model } from "features/auth-form"\n- import { Form, model } from "features/post-form"\n'})}),"\n"]}),"\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Good:"})," the collision is solved at the interface level"]}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-ts",metastring:'title="features/auth-form/index.ts"',children:'export { Form as AuthForm } from "./ui"\nexport * as authFormModel from "./model"\n'})}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-ts",metastring:'title="features/post-form/index.ts"',children:'export { Form as PostForm } from "./ui"\nexport * as postFormModel from "./model"\n'})}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-diff",children:'+ import { AuthForm, authFormModel } from "features/auth-form"\n+ import { PostForm, postFormModel } from "features/post-form"\n'})}),"\n"]}),"\n"]}),"\n",(0,t.jsx)(n.h5,{id:"flexible-use",children:"Flexible use"}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Bad:"}),' it is inconvenient to write, it is inconvenient to read, the" user " of the feature suffers']}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-diff",children:'- import { storeActionUpdateUserDetails } from "features/auth-form"\n- dispatch(storeActionUpdateUserDetails(...))\n'})}),"\n"]}),"\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Good:"}),' the "user" of the feature gets access to the necessary things iteratively and flexibly']}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-diff",children:'+ import { authFormModel } from "features/auth-form"\n+ dispatch(authFormModel.effects.updateUserDetails(...)) // redux\n+ authFormModel.updateUserDetailsFx(...) // effector\n'})}),"\n"]}),"\n"]}),"\n",(0,t.jsx)(n.h5,{id:"resolution-of-collisions",children:"Resolution of collisions"}),"\n",(0,t.jsx)(n.p,{children:"Name collisions should be resolved at the level of the public interface, not the implementation"}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Bad:"})," name collisions are resolved at the implementation level"]}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-ts",metastring:'title="features/auth-form/index.ts"',children:'export { AuthForm } from "./ui"\nexport { authFormActions, authFormReducer } from "model"\n'})}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-ts",metastring:'title="features/post-form/index.ts"',children:'export { PostForm } from "./ui"\nexport { postFormActions, postFormReducer } from "model"\n'})}),"\n"]}),"\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Good:"})," name collisions are resolved at the interface level"]}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-ts",metastring:'title="features/auth-form/model.ts"',children:"export { actions, reducer }\n"})}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-ts",metastring:'title="features/auth-form/index.ts"',children:'export { Form as AuthForm } from "./ui"\nexport * as authFormModel from "./model"\n'})}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-ts",metastring:'title="features/post-form/model.ts"',children:"export { actions, reducer }\n"})}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-ts",metastring:'title="features/post-form/index.ts"',children:'export { Form as PostForm } from "./ui"\nexport * as postFormModel from "./model"\n'})}),"\n"]}),"\n"]}),"\n",(0,t.jsx)(n.h2,{id:"about-re-exports",children:"About re-exports"}),"\n",(0,t.jsxs)(n.p,{children:["In JavaScript, the public interface of a module is created by re-exporting entities from inside the module in an ",(0,t.jsx)(n.code,{children:"index"})," file:"]}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-ts",metastring:'title="**/**/index.ts"',children:'export { Form as AuthForm } from "./ui"\nexport * as authModel from "./model"\n'})}),"\n",(0,t.jsx)(n.h3,{id:"disadvantages",children:"Disadvantages"}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsxs)(n.p,{children:["In most popular bundlers, due to re-exports, ",(0,t.jsx)(n.strong,{children:"the code-splitting works worse"}),", because ",(0,t.jsx)(n.a,{href:"https://webpack.js.org/guides/tree-shaking/",children:"tree-shaking"})," with this approach, it is safe to discard only the entire module, but not part of it."]}),"\n",(0,t.jsxs)(n.blockquote,{children:["\n",(0,t.jsxs)(n.p,{children:["For example, importing ",(0,t.jsx)(n.code,{children:"authModel"})," into the page model will cause the ",(0,t.jsx)(n.code,{children:"AuthForm"})," component to get into the chunk of this page, even if this component is not used there."]}),"\n"]}),"\n"]}),"\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsx)(n.p,{children:'As a result, initialization of the chunk becomes more expensive, because the browser must process all the modules in it, including those that got into the bundle "for the company"'}),"\n"]}),"\n"]}),"\n",(0,t.jsx)(n.h3,{id:"possible-solutions",children:"Possible solutions"}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsxs)(n.li,{children:[(0,t.jsx)(n.code,{children:"webpack"})," allows you to mark re-export files as ",(0,t.jsx)(n.a,{href:"https://webpack.js.org/guides/tree-shaking/#mark-the-file-as-side-effect-free",children:(0,t.jsx)(n.strong,{children:"side effects free"})})," - this allows ",(0,t.jsx)(n.code,{children:"webpack"})," to use more aggressive optimizations when working with such a file"]}),"\n"]}),"\n",(0,t.jsx)(n.h2,{id:"see-also",children:"See also"}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsx)(n.li,{children:(0,t.jsx)(n.a,{href:"https://github.com/feature-sliced/documentation/discussions/41",children:"(Discussion) Public Abstraction API"})}),"\n",(0,t.jsx)(n.li,{children:(0,t.jsxs)(n.a,{href:"https://ru.wikipedia.org/wiki/SOLID",children:["Principles ",(0,t.jsx)(n.strong,{children:"SOLID"})]})}),"\n",(0,t.jsx)(n.li,{children:(0,t.jsxs)(n.a,{href:"https://ru.wikipedia.org/wiki/GRASP",children:["Patterns ",(0,t.jsx)(n.strong,{children:"GRASP"})]})}),"\n"]})]})}function h(e={}){const{wrapper:n}={...(0,i.R)(),...e.components};return n?(0,t.jsx)(n,{...e,children:(0,t.jsx)(d,{...e})}):d(e)}},1100:(e,n,s)=>{s.d(n,{R:()=>o,x:()=>l});var t=s(758);const i={},r=t.createContext(i);function o(e){const n=t.useContext(r);return t.useMemo((function(){return"function"==typeof e?e(n):{...n,...e}}),[n,e])}function l(e){let n;return n=e.disableParentContext?"function"==typeof e.components?e.components(i):e.components||i:o(e.components),t.createElement(r.Provider,{value:n},e.children)}}}]);
\ No newline at end of file
diff --git a/kr/assets/js/3ef5053a.4d47c108.js b/kr/assets/js/3ef5053a.6be47c71.js
similarity index 98%
rename from kr/assets/js/3ef5053a.4d47c108.js
rename to kr/assets/js/3ef5053a.6be47c71.js
index 41a9105c61..2b1dd35e4c 100644
--- a/kr/assets/js/3ef5053a.4d47c108.js
+++ b/kr/assets/js/3ef5053a.6be47c71.js
@@ -1,2 +1,2 @@
-/*! For license information please see 3ef5053a.4d47c108.js.LICENSE.txt */
-"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[4513],{923:(e,t,n)=>{n.d(t,{A:()=>o});var c=n(991),s=n(758);const r={icon:{tag:"svg",attrs:{viewBox:"64 64 896 896",focusable:"false"},children:[{tag:"path",attrs:{d:"M917.7 148.8l-42.4-42.4c-1.6-1.6-3.6-2.3-5.7-2.3s-4.1.8-5.7 2.3l-76.1 76.1a199.27 199.27 0 00-112.1-34.3c-51.2 0-102.4 19.5-141.5 58.6L432.3 308.7a8.03 8.03 0 000 11.3L704 591.7c1.6 1.6 3.6 2.3 5.7 2.3 2 0 4.1-.8 5.7-2.3l101.9-101.9c68.9-69 77-175.7 24.3-253.5l76.1-76.1c3.1-3.2 3.1-8.3 0-11.4zM769.1 441.7l-59.4 59.4-186.8-186.8 59.4-59.4c24.9-24.9 58.1-38.7 93.4-38.7 35.3 0 68.4 13.7 93.4 38.7 24.9 24.9 38.7 58.1 38.7 93.4 0 35.3-13.8 68.4-38.7 93.4zm-190.2 105a8.03 8.03 0 00-11.3 0L501 613.3 410.7 523l66.7-66.7c3.1-3.1 3.1-8.2 0-11.3L441 408.6a8.03 8.03 0 00-11.3 0L363 475.3l-43-43a7.85 7.85 0 00-5.7-2.3c-2 0-4.1.8-5.7 2.3L206.8 534.2c-68.9 69-77 175.7-24.3 253.5l-76.1 76.1a8.03 8.03 0 000 11.3l42.4 42.4c1.6 1.6 3.6 2.3 5.7 2.3s4.1-.8 5.7-2.3l76.1-76.1c33.7 22.9 72.9 34.3 112.1 34.3 51.2 0 102.4-19.5 141.5-58.6l101.9-101.9c3.1-3.1 3.1-8.2 0-11.3l-43-43 66.7-66.7c3.1-3.1 3.1-8.2 0-11.3l-36.6-36.2zM441.7 769.1a131.32 131.32 0 01-93.4 38.7c-35.3 0-68.4-13.7-93.4-38.7a131.32 131.32 0 01-38.7-93.4c0-35.3 13.7-68.4 38.7-93.4l59.4-59.4 186.8 186.8-59.4 59.4z"}}]},name:"api",theme:"outlined"};var a=n(9820),i=function(e,t){return s.createElement(a.A,(0,c.A)({},e,{ref:t,icon:r}))};const o=s.forwardRef(i)},7946:(e,t,n)=>{n.d(t,{Ay:()=>o,RM:()=>a});var c=n(6070),s=n(1100),r=n(5988);const a=[];function i(e){return(0,c.jsx)(r.A,{...e})}function o(e={}){const{wrapper:t}={...(0,s.R)(),...e.components};return t?(0,c.jsx)(t,{...e,children:(0,c.jsx)(i,{...e})}):i(e)}},8039:(e,t,n)=>{n.r(t),n.d(t,{assets:()=>A,contentTitle:()=>j,default:()=>M,frontMatter:()=>_,metadata:()=>z,toc:()=>b});var c=n(6070),s=n(1100),r=n(7946),a=n(991),i=n(758);const o={icon:{tag:"svg",attrs:{viewBox:"64 64 896 896",focusable:"false"},children:[{tag:"defs",attrs:{},children:[{tag:"style",attrs:{}}]},{tag:"path",attrs:{d:"M912 820.1V203.9c28-9.9 48-36.6 48-67.9 0-39.8-32.2-72-72-72-31.3 0-58 20-67.9 48H203.9C194 84 167.3 64 136 64c-39.8 0-72 32.2-72 72 0 31.3 20 58 48 67.9v616.2C84 830 64 856.7 64 888c0 39.8 32.2 72 72 72 31.3 0 58-20 67.9-48h616.2c9.9 28 36.6 48 67.9 48 39.8 0 72-32.2 72-72 0-31.3-20-58-48-67.9zM888 112c13.3 0 24 10.7 24 24s-10.7 24-24 24-24-10.7-24-24 10.7-24 24-24zM136 912c-13.3 0-24-10.7-24-24s10.7-24 24-24 24 10.7 24 24-10.7 24-24 24zm0-752c-13.3 0-24-10.7-24-24s10.7-24 24-24 24 10.7 24 24-10.7 24-24 24zm704 680H184V184h656v656zm48 72c-13.3 0-24-10.7-24-24s10.7-24 24-24 24 10.7 24 24-10.7 24-24 24z"}},{tag:"path",attrs:{d:"M288 474h448c8.8 0 16-7.2 16-16V282c0-8.8-7.2-16-16-16H288c-8.8 0-16 7.2-16 16v176c0 8.8 7.2 16 16 16zm56-136h336v64H344v-64zm-56 420h448c8.8 0 16-7.2 16-16V566c0-8.8-7.2-16-16-16H288c-8.8 0-16 7.2-16 16v176c0 8.8 7.2 16 16 16zm56-136h336v64H344v-64z"}}]},name:"group",theme:"outlined"};var l=n(9820),d=function(e,t){return i.createElement(l.A,(0,a.A)({},e,{ref:t,icon:o}))};const f=i.forwardRef(d);const u={icon:{tag:"svg",attrs:{viewBox:"64 64 896 896",focusable:"false"},children:[{tag:"path",attrs:{d:"M464 144H160c-8.8 0-16 7.2-16 16v304c0 8.8 7.2 16 16 16h304c8.8 0 16-7.2 16-16V160c0-8.8-7.2-16-16-16zm-52 268H212V212h200v200zm452-268H560c-8.8 0-16 7.2-16 16v304c0 8.8 7.2 16 16 16h304c8.8 0 16-7.2 16-16V160c0-8.8-7.2-16-16-16zm-52 268H612V212h200v200zM464 544H160c-8.8 0-16 7.2-16 16v304c0 8.8 7.2 16 16 16h304c8.8 0 16-7.2 16-16V560c0-8.8-7.2-16-16-16zm-52 268H212V612h200v200zm452-268H560c-8.8 0-16 7.2-16 16v304c0 8.8 7.2 16 16 16h304c8.8 0 16-7.2 16-16V560c0-8.8-7.2-16-16-16zm-52 268H612V612h200v200z"}}]},name:"appstore",theme:"outlined"};var m=function(e,t){return i.createElement(l.A,(0,a.A)({},e,{ref:t,icon:u}))};const p=i.forwardRef(m);const h={icon:{tag:"svg",attrs:{viewBox:"64 64 896 896",focusable:"false"},children:[{tag:"defs",attrs:{},children:[{tag:"style",attrs:{}}]},{tag:"path",attrs:{d:"M843.5 737.4c-12.4-75.2-79.2-129.1-155.3-125.4S550.9 676 546 752c-153.5-4.8-208-40.7-199.1-113.7 3.3-27.3 19.8-41.9 50.1-49 18.4-4.3 38.8-4.9 57.3-3.2 1.7.2 3.5.3 5.2.5 11.3 2.7 22.8 5 34.3 6.8 34.1 5.6 68.8 8.4 101.8 6.6 92.8-5 156-45.9 159.2-132.7 3.1-84.1-54.7-143.7-147.9-183.6-29.9-12.8-61.6-22.7-93.3-30.2-14.3-3.4-26.3-5.7-35.2-7.2-7.9-75.9-71.5-133.8-147.8-134.4-76.3-.6-140.9 56.1-150.1 131.9s40 146.3 114.2 163.9c74.2 17.6 149.9-23.3 175.7-95.1 9.4 1.7 18.7 3.6 28 5.8 28.2 6.6 56.4 15.4 82.4 26.6 70.7 30.2 109.3 70.1 107.5 119.9-1.6 44.6-33.6 65.2-96.2 68.6-27.5 1.5-57.6-.9-87.3-5.8-8.3-1.4-15.9-2.8-22.6-4.3-3.9-.8-6.6-1.5-7.8-1.8l-3.1-.6c-2.2-.3-5.9-.8-10.7-1.3-25-2.3-52.1-1.5-78.5 4.6-55.2 12.9-93.9 47.2-101.1 105.8-15.7 126.2 78.6 184.7 276 188.9 29.1 70.4 106.4 107.9 179.6 87 73.3-20.9 119.3-93.4 106.9-168.6zM329.1 345.2a83.3 83.3 0 11.01-166.61 83.3 83.3 0 01-.01 166.61zM695.6 845a83.3 83.3 0 11.01-166.61A83.3 83.3 0 01695.6 845z"}}]},name:"node-index",theme:"outlined"};var x=function(e,t){return i.createElement(l.A,(0,a.A)({},e,{ref:t,icon:h}))};const v=i.forwardRef(x);var g=n(923);const _={sidebar_position:0,hide_table_of_contents:!0,pagination_prev:"guides/index"},j="\ud83d\udcda Reference",z={id:"reference/index",title:"\ud83d\udcda Reference",description:"A detailed description of the key concepts of Feature-Sliced Design.",source:"@site/i18n/en/docusaurus-plugin-content-docs/current/reference/index.mdx",sourceDirName:"reference",slug:"/reference/",permalink:"/kr/docs/reference/",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/reference/index.mdx",tags:[],version:"current",lastUpdatedAt:1727607766e3,sidebarPosition:0,frontMatter:{sidebar_position:0,hide_table_of_contents:!0,pagination_prev:"guides/index"},sidebar:"referenceSidebar",previous:{title:"\ud83c\udfaf Guides",permalink:"/kr/docs/guides/"},next:{title:"Layers",permalink:"/kr/docs/reference/layers"}},A={},b=[...r.RM,...r.RM,...r.RM,...r.RM];function y(e){const t={h1:"h1",header:"header",p:"p",...(0,s.R)(),...e.components};return(0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)(t.header,{children:(0,c.jsx)(t.h1,{id:"-reference",children:"\ud83d\udcda Reference"})}),"\n",(0,c.jsx)("p",{class:"summary",children:(0,c.jsx)(t.p,{children:"A detailed description of the key concepts of Feature-Sliced Design."})}),"\n",(0,c.jsx)(r.Ay,{title:"Layers",description:"Definition of a layer and explanations for all layers",to:"/docs/reference/layers",Icon:f}),"\n",(0,c.jsx)(r.Ay,{title:"Slices and segments",description:"Definitions of a slice and segment, content examples for segments on different layers",to:"/docs/reference/slices-segments",Icon:p}),"\n",(0,c.jsx)(r.Ay,{title:"Isolation",description:"Pratices for scalable and efficient module interactions",to:"/docs/reference/isolation",Icon:v}),"\n",(0,c.jsx)(r.Ay,{title:"Public API",description:"Practices for designing scalable and easy-to-integrate modules",to:"/docs/reference/public-api",Icon:g.A})]})}function M(e={}){const{wrapper:t}={...(0,s.R)(),...e.components};return t?(0,c.jsx)(t,{...e,children:(0,c.jsx)(y,{...e})}):y(e)}},5988:(e,t,n)=>{n.d(t,{Y:()=>i,A:()=>l});n(758);var c=n(3526),s=n(6783);const r={root:"root_GfON",rootDisabled:"rootDisabled_SFUB",details:"details_xxkR",detailsTags:"detailsTags_uTQx",icon:"icon_ciqP",title:"title_pSH5",description:"description__Fep",miniTheme:"miniTheme_ePfp",primaryTheme:"primaryTheme_CilO",defaultTheme:"defaultTheme_j3I8"};var a=n(6070);const i=e=>{const{title:t,description:n,to:i,Icon:l,tags:d,className:f,disabled:u,theme:m="default"}=e;return(0,a.jsxs)(s.A,{className:(0,c.A)(r.root,f,u&&r.rootDisabled,r[`${m}Theme`]),to:i,children:[(0,a.jsx)(o,{Icon:l}),(0,a.jsxs)("div",{className:r.details,children:[(0,a.jsxs)("div",{className:r.detailsMain,children:[(0,a.jsx)("span",{className:r.title,children:t}),(0,a.jsx)("p",{className:r.description,children:n})]}),d&&(0,a.jsx)("div",{className:r.detailsTags,children:d.join(" \u2022 ")})]})]})},o=e=>{let{Icon:t}=e;return t?"string"==typeof t?(0,a.jsx)("span",{className:r.icon,children:t}):(0,a.jsx)(t,{className:r.icon}):null},l=i},1100:(e,t,n)=>{n.d(t,{R:()=>a,x:()=>i});var c=n(758);const s={},r=c.createContext(s);function a(e){const t=c.useContext(r);return c.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function i(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(s):e.components||s:a(e.components),c.createElement(r.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
+/*! For license information please see 3ef5053a.6be47c71.js.LICENSE.txt */
+"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[4513],{923:(e,t,n)=>{n.d(t,{A:()=>o});var c=n(991),s=n(758);const r={icon:{tag:"svg",attrs:{viewBox:"64 64 896 896",focusable:"false"},children:[{tag:"path",attrs:{d:"M917.7 148.8l-42.4-42.4c-1.6-1.6-3.6-2.3-5.7-2.3s-4.1.8-5.7 2.3l-76.1 76.1a199.27 199.27 0 00-112.1-34.3c-51.2 0-102.4 19.5-141.5 58.6L432.3 308.7a8.03 8.03 0 000 11.3L704 591.7c1.6 1.6 3.6 2.3 5.7 2.3 2 0 4.1-.8 5.7-2.3l101.9-101.9c68.9-69 77-175.7 24.3-253.5l76.1-76.1c3.1-3.2 3.1-8.3 0-11.4zM769.1 441.7l-59.4 59.4-186.8-186.8 59.4-59.4c24.9-24.9 58.1-38.7 93.4-38.7 35.3 0 68.4 13.7 93.4 38.7 24.9 24.9 38.7 58.1 38.7 93.4 0 35.3-13.8 68.4-38.7 93.4zm-190.2 105a8.03 8.03 0 00-11.3 0L501 613.3 410.7 523l66.7-66.7c3.1-3.1 3.1-8.2 0-11.3L441 408.6a8.03 8.03 0 00-11.3 0L363 475.3l-43-43a7.85 7.85 0 00-5.7-2.3c-2 0-4.1.8-5.7 2.3L206.8 534.2c-68.9 69-77 175.7-24.3 253.5l-76.1 76.1a8.03 8.03 0 000 11.3l42.4 42.4c1.6 1.6 3.6 2.3 5.7 2.3s4.1-.8 5.7-2.3l76.1-76.1c33.7 22.9 72.9 34.3 112.1 34.3 51.2 0 102.4-19.5 141.5-58.6l101.9-101.9c3.1-3.1 3.1-8.2 0-11.3l-43-43 66.7-66.7c3.1-3.1 3.1-8.2 0-11.3l-36.6-36.2zM441.7 769.1a131.32 131.32 0 01-93.4 38.7c-35.3 0-68.4-13.7-93.4-38.7a131.32 131.32 0 01-38.7-93.4c0-35.3 13.7-68.4 38.7-93.4l59.4-59.4 186.8 186.8-59.4 59.4z"}}]},name:"api",theme:"outlined"};var a=n(9820),i=function(e,t){return s.createElement(a.A,(0,c.A)({},e,{ref:t,icon:r}))};const o=s.forwardRef(i)},7946:(e,t,n)=>{n.d(t,{Ay:()=>o,RM:()=>a});var c=n(6070),s=n(1100),r=n(5988);const a=[];function i(e){return(0,c.jsx)(r.A,{...e})}function o(e={}){const{wrapper:t}={...(0,s.R)(),...e.components};return t?(0,c.jsx)(t,{...e,children:(0,c.jsx)(i,{...e})}):i(e)}},8039:(e,t,n)=>{n.r(t),n.d(t,{assets:()=>A,contentTitle:()=>j,default:()=>M,frontMatter:()=>_,metadata:()=>z,toc:()=>b});var c=n(6070),s=n(1100),r=n(7946),a=n(991),i=n(758);const o={icon:{tag:"svg",attrs:{viewBox:"64 64 896 896",focusable:"false"},children:[{tag:"defs",attrs:{},children:[{tag:"style",attrs:{}}]},{tag:"path",attrs:{d:"M912 820.1V203.9c28-9.9 48-36.6 48-67.9 0-39.8-32.2-72-72-72-31.3 0-58 20-67.9 48H203.9C194 84 167.3 64 136 64c-39.8 0-72 32.2-72 72 0 31.3 20 58 48 67.9v616.2C84 830 64 856.7 64 888c0 39.8 32.2 72 72 72 31.3 0 58-20 67.9-48h616.2c9.9 28 36.6 48 67.9 48 39.8 0 72-32.2 72-72 0-31.3-20-58-48-67.9zM888 112c13.3 0 24 10.7 24 24s-10.7 24-24 24-24-10.7-24-24 10.7-24 24-24zM136 912c-13.3 0-24-10.7-24-24s10.7-24 24-24 24 10.7 24 24-10.7 24-24 24zm0-752c-13.3 0-24-10.7-24-24s10.7-24 24-24 24 10.7 24 24-10.7 24-24 24zm704 680H184V184h656v656zm48 72c-13.3 0-24-10.7-24-24s10.7-24 24-24 24 10.7 24 24-10.7 24-24 24z"}},{tag:"path",attrs:{d:"M288 474h448c8.8 0 16-7.2 16-16V282c0-8.8-7.2-16-16-16H288c-8.8 0-16 7.2-16 16v176c0 8.8 7.2 16 16 16zm56-136h336v64H344v-64zm-56 420h448c8.8 0 16-7.2 16-16V566c0-8.8-7.2-16-16-16H288c-8.8 0-16 7.2-16 16v176c0 8.8 7.2 16 16 16zm56-136h336v64H344v-64z"}}]},name:"group",theme:"outlined"};var l=n(9820),d=function(e,t){return i.createElement(l.A,(0,a.A)({},e,{ref:t,icon:o}))};const f=i.forwardRef(d);const u={icon:{tag:"svg",attrs:{viewBox:"64 64 896 896",focusable:"false"},children:[{tag:"path",attrs:{d:"M464 144H160c-8.8 0-16 7.2-16 16v304c0 8.8 7.2 16 16 16h304c8.8 0 16-7.2 16-16V160c0-8.8-7.2-16-16-16zm-52 268H212V212h200v200zm452-268H560c-8.8 0-16 7.2-16 16v304c0 8.8 7.2 16 16 16h304c8.8 0 16-7.2 16-16V160c0-8.8-7.2-16-16-16zm-52 268H612V212h200v200zM464 544H160c-8.8 0-16 7.2-16 16v304c0 8.8 7.2 16 16 16h304c8.8 0 16-7.2 16-16V560c0-8.8-7.2-16-16-16zm-52 268H212V612h200v200zm452-268H560c-8.8 0-16 7.2-16 16v304c0 8.8 7.2 16 16 16h304c8.8 0 16-7.2 16-16V560c0-8.8-7.2-16-16-16zm-52 268H612V612h200v200z"}}]},name:"appstore",theme:"outlined"};var m=function(e,t){return i.createElement(l.A,(0,a.A)({},e,{ref:t,icon:u}))};const p=i.forwardRef(m);const h={icon:{tag:"svg",attrs:{viewBox:"64 64 896 896",focusable:"false"},children:[{tag:"defs",attrs:{},children:[{tag:"style",attrs:{}}]},{tag:"path",attrs:{d:"M843.5 737.4c-12.4-75.2-79.2-129.1-155.3-125.4S550.9 676 546 752c-153.5-4.8-208-40.7-199.1-113.7 3.3-27.3 19.8-41.9 50.1-49 18.4-4.3 38.8-4.9 57.3-3.2 1.7.2 3.5.3 5.2.5 11.3 2.7 22.8 5 34.3 6.8 34.1 5.6 68.8 8.4 101.8 6.6 92.8-5 156-45.9 159.2-132.7 3.1-84.1-54.7-143.7-147.9-183.6-29.9-12.8-61.6-22.7-93.3-30.2-14.3-3.4-26.3-5.7-35.2-7.2-7.9-75.9-71.5-133.8-147.8-134.4-76.3-.6-140.9 56.1-150.1 131.9s40 146.3 114.2 163.9c74.2 17.6 149.9-23.3 175.7-95.1 9.4 1.7 18.7 3.6 28 5.8 28.2 6.6 56.4 15.4 82.4 26.6 70.7 30.2 109.3 70.1 107.5 119.9-1.6 44.6-33.6 65.2-96.2 68.6-27.5 1.5-57.6-.9-87.3-5.8-8.3-1.4-15.9-2.8-22.6-4.3-3.9-.8-6.6-1.5-7.8-1.8l-3.1-.6c-2.2-.3-5.9-.8-10.7-1.3-25-2.3-52.1-1.5-78.5 4.6-55.2 12.9-93.9 47.2-101.1 105.8-15.7 126.2 78.6 184.7 276 188.9 29.1 70.4 106.4 107.9 179.6 87 73.3-20.9 119.3-93.4 106.9-168.6zM329.1 345.2a83.3 83.3 0 11.01-166.61 83.3 83.3 0 01-.01 166.61zM695.6 845a83.3 83.3 0 11.01-166.61A83.3 83.3 0 01695.6 845z"}}]},name:"node-index",theme:"outlined"};var x=function(e,t){return i.createElement(l.A,(0,a.A)({},e,{ref:t,icon:h}))};const v=i.forwardRef(x);var g=n(923);const _={sidebar_position:0,hide_table_of_contents:!0,pagination_prev:"guides/index"},j="\ud83d\udcda Reference",z={id:"reference/index",title:"\ud83d\udcda Reference",description:"A detailed description of the key concepts of Feature-Sliced Design.",source:"@site/i18n/en/docusaurus-plugin-content-docs/current/reference/index.mdx",sourceDirName:"reference",slug:"/reference/",permalink:"/kr/docs/reference/",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/reference/index.mdx",tags:[],version:"current",lastUpdatedAt:1728325386e3,sidebarPosition:0,frontMatter:{sidebar_position:0,hide_table_of_contents:!0,pagination_prev:"guides/index"},sidebar:"referenceSidebar",previous:{title:"\ud83c\udfaf Guides",permalink:"/kr/docs/guides/"},next:{title:"Layers",permalink:"/kr/docs/reference/layers"}},A={},b=[...r.RM,...r.RM,...r.RM,...r.RM];function y(e){const t={h1:"h1",header:"header",p:"p",...(0,s.R)(),...e.components};return(0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)(t.header,{children:(0,c.jsx)(t.h1,{id:"-reference",children:"\ud83d\udcda Reference"})}),"\n",(0,c.jsx)("p",{class:"summary",children:(0,c.jsx)(t.p,{children:"A detailed description of the key concepts of Feature-Sliced Design."})}),"\n",(0,c.jsx)(r.Ay,{title:"Layers",description:"Definition of a layer and explanations for all layers",to:"/docs/reference/layers",Icon:f}),"\n",(0,c.jsx)(r.Ay,{title:"Slices and segments",description:"Definitions of a slice and segment, content examples for segments on different layers",to:"/docs/reference/slices-segments",Icon:p}),"\n",(0,c.jsx)(r.Ay,{title:"Isolation",description:"Pratices for scalable and efficient module interactions",to:"/docs/reference/isolation",Icon:v}),"\n",(0,c.jsx)(r.Ay,{title:"Public API",description:"Practices for designing scalable and easy-to-integrate modules",to:"/docs/reference/public-api",Icon:g.A})]})}function M(e={}){const{wrapper:t}={...(0,s.R)(),...e.components};return t?(0,c.jsx)(t,{...e,children:(0,c.jsx)(y,{...e})}):y(e)}},5988:(e,t,n)=>{n.d(t,{Y:()=>i,A:()=>l});n(758);var c=n(3526),s=n(6783);const r={root:"root_GfON",rootDisabled:"rootDisabled_SFUB",details:"details_xxkR",detailsTags:"detailsTags_uTQx",icon:"icon_ciqP",title:"title_pSH5",description:"description__Fep",miniTheme:"miniTheme_ePfp",primaryTheme:"primaryTheme_CilO",defaultTheme:"defaultTheme_j3I8"};var a=n(6070);const i=e=>{const{title:t,description:n,to:i,Icon:l,tags:d,className:f,disabled:u,theme:m="default"}=e;return(0,a.jsxs)(s.A,{className:(0,c.A)(r.root,f,u&&r.rootDisabled,r[`${m}Theme`]),to:i,children:[(0,a.jsx)(o,{Icon:l}),(0,a.jsxs)("div",{className:r.details,children:[(0,a.jsxs)("div",{className:r.detailsMain,children:[(0,a.jsx)("span",{className:r.title,children:t}),(0,a.jsx)("p",{className:r.description,children:n})]}),d&&(0,a.jsx)("div",{className:r.detailsTags,children:d.join(" \u2022 ")})]})]})},o=e=>{let{Icon:t}=e;return t?"string"==typeof t?(0,a.jsx)("span",{className:r.icon,children:t}):(0,a.jsx)(t,{className:r.icon}):null},l=i},1100:(e,t,n)=>{n.d(t,{R:()=>a,x:()=>i});var c=n(758);const s={},r=c.createContext(s);function a(e){const t=c.useContext(r);return c.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function i(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(s):e.components||s:a(e.components),c.createElement(r.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
diff --git a/kr/assets/js/3ef5053a.4d47c108.js.LICENSE.txt b/kr/assets/js/3ef5053a.6be47c71.js.LICENSE.txt
similarity index 100%
rename from kr/assets/js/3ef5053a.4d47c108.js.LICENSE.txt
rename to kr/assets/js/3ef5053a.6be47c71.js.LICENSE.txt
diff --git a/kr/assets/js/40babe1d.993ee577.js b/kr/assets/js/40babe1d.dbfa43b5.js
similarity index 99%
rename from kr/assets/js/40babe1d.993ee577.js
rename to kr/assets/js/40babe1d.dbfa43b5.js
index a9bcb6a7a5..0df4f12428 100644
--- a/kr/assets/js/40babe1d.993ee577.js
+++ b/kr/assets/js/40babe1d.dbfa43b5.js
@@ -1 +1 @@
-"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[5244],{3786:(e,s,i)=>{i.r(s),i.d(s,{assets:()=>o,contentTitle:()=>l,default:()=>h,frontMatter:()=>r,metadata:()=>a,toc:()=>d});var n=i(6070),t=i(1100);const r={sidebar_position:1,pagination_next:"reference/slices-segments"},l="Layers",a={id:"reference/layers",title:"Layers",description:"Layers are the first level of organisational hierarchy in Feature-Sliced Design. Their purpose is to separate code based on how much responsibility it needs and how many other modules in the app it depends on.",source:"@site/i18n/en/docusaurus-plugin-content-docs/current/reference/layers.mdx",sourceDirName:"reference",slug:"/reference/layers",permalink:"/kr/docs/reference/layers",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/reference/layers.mdx",tags:[],version:"current",lastUpdatedAt:1727607766e3,sidebarPosition:1,frontMatter:{sidebar_position:1,pagination_next:"reference/slices-segments"},sidebar:"referenceSidebar",previous:{title:"\ud83d\udcda Reference",permalink:"/kr/docs/reference/"},next:{title:"Slices and segments",permalink:"/kr/docs/reference/slices-segments"}},o={},d=[{value:"Import rule on layers",id:"import-rule-on-layers",level:2},{value:"Layer definitions",id:"layer-definitions",level:2},{value:"Shared",id:"shared",level:3},{value:"Entities",id:"entities",level:3},{value:"Features",id:"features",level:3},{value:"Widgets",id:"widgets",level:3},{value:"Pages",id:"pages",level:3},{value:"Processes",id:"processes",level:3},{value:"App",id:"app",level:3}];function c(e){const s={a:"a",admonition:"admonition",blockquote:"blockquote",code:"code",em:"em",h1:"h1",h2:"h2",h3:"h3",header:"header",li:"li",ol:"ol",p:"p",strong:"strong",ul:"ul",...(0,t.R)(),...e.components};return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(s.header,{children:(0,n.jsx)(s.h1,{id:"layers",children:"Layers"})}),"\n",(0,n.jsx)(s.p,{children:"Layers are the first level of organisational hierarchy in Feature-Sliced Design. Their purpose is to separate code based on how much responsibility it needs and how many other modules in the app it depends on."}),"\n",(0,n.jsx)(s.admonition,{type:"note",children:(0,n.jsxs)(s.p,{children:["On this page, a ",(0,n.jsx)(s.em,{children:"module"})," refers to an internal module in the application \u2014 a file or directory with an index file. Not to be confused with npm packages."]})}),"\n",(0,n.jsx)(s.p,{children:"Every layer carries special semantic meaning to help you determine how much responsibility you should allocate to a module in your code. The names and meanings of layers are standardized across all projects built with Feature-Sliced Design."}),"\n",(0,n.jsxs)(s.p,{children:["There are ",(0,n.jsx)(s.strong,{children:"7 layers"})," in total, arranged from most responsibility and\xa0dependency to least:"]}),"\n",(0,n.jsx)("img",{src:"/img/layers/folders-graphic-light.svg#light-mode-only",width:"180",style:{float:"right",margin:"0 1em"},alt:"A file system tree, with a single root folder called src and then seven subfolders: app, processes, pages, widgets, features, entities, shared. The processes folder is slightly faded out."}),"\n",(0,n.jsx)("img",{src:"/img/layers/folders-graphic-dark.svg#dark-mode-only",width:"180",style:{float:"right",margin:"0 1em"},alt:"A file system tree, with a single root folder called src and then seven subfolders: app, processes, pages, widgets, features, entities, shared. The processes folder is slightly faded out."}),"\n",(0,n.jsxs)(s.ol,{children:["\n",(0,n.jsx)(s.li,{children:"App"}),"\n",(0,n.jsx)(s.li,{children:"Processes (deprecated)"}),"\n",(0,n.jsx)(s.li,{children:"Pages"}),"\n",(0,n.jsx)(s.li,{children:"Widgets"}),"\n",(0,n.jsx)(s.li,{children:"Features"}),"\n",(0,n.jsx)(s.li,{children:"Entities"}),"\n",(0,n.jsx)(s.li,{children:"Shared"}),"\n"]}),"\n",(0,n.jsx)(s.p,{children:"You don't have to use every layer in your project \u2014 only add them if you think it brings value to your project."}),"\n",(0,n.jsx)(s.h2,{id:"import-rule-on-layers",children:"Import rule on layers"}),"\n",(0,n.jsxs)(s.p,{children:["Layers are made up of ",(0,n.jsx)(s.em,{children:"slices"})," \u2014 highly cohesive groups of modules. Feature-Sliced Design promotes low coupling, which is why dependencies between slices are regulated by ",(0,n.jsx)(s.strong,{children:"the import rule on layers"}),":"]}),"\n",(0,n.jsxs)(s.blockquote,{children:["\n",(0,n.jsx)(s.p,{children:(0,n.jsx)(s.em,{children:"A module in a slice can only import other slices when they are located on layers strictly below."})}),"\n"]}),"\n",(0,n.jsxs)(s.p,{children:["For example, in ",(0,n.jsx)(s.code,{children:"~/features/aaa"}),", ",(0,n.jsx)(s.code,{children:"aaa"})," is the slice, so a file ",(0,n.jsx)(s.code,{children:"~/features/aaa/api/request.ts"})," cannot import code from any module in ",(0,n.jsx)(s.code,{children:"~/features/bbb"}),", but can import code from ",(0,n.jsx)(s.code,{children:"~/entities"})," and ",(0,n.jsx)(s.code,{children:"~/shared"}),", as well as any sibling code from ",(0,n.jsx)(s.code,{children:"~/features/aaa"}),"."]}),"\n",(0,n.jsx)(s.h2,{id:"layer-definitions",children:"Layer definitions"}),"\n",(0,n.jsx)(s.h3,{id:"shared",children:"Shared"}),"\n",(0,n.jsxs)(s.p,{children:["Isolated modules, components and abstractions that are detached from the specifics of the project or business.\nWarning: not to be treated like ",(0,n.jsx)(s.a,{href:"https://dev.to/sergeysova/why-utils-helpers-is-a-dump-45fo",children:"a utility dump"}),"!"]}),"\n",(0,n.jsx)(s.p,{children:"This layer, unlike others, does not consist of slices, and instead consists of segments directly."}),"\n",(0,n.jsxs)(s.p,{children:[(0,n.jsx)(s.strong,{children:"Content examples"}),":"]}),"\n",(0,n.jsxs)(s.ul,{children:["\n",(0,n.jsx)(s.li,{children:"UI kit"}),"\n",(0,n.jsx)(s.li,{children:"API client"}),"\n",(0,n.jsx)(s.li,{children:"Code working with browser APIs"}),"\n"]}),"\n",(0,n.jsx)(s.h3,{id:"entities",children:"Entities"}),"\n",(0,n.jsx)(s.p,{children:"Concepts from the real world that form together the essence of the project. Commonly, these are the terms that the business uses to describe the product."}),"\n",(0,n.jsx)(s.p,{children:"Each slice in this layer contains static UI elements, data stores and CRUD operations."}),"\n",(0,n.jsxs)(s.p,{children:[(0,n.jsx)(s.strong,{children:"Slice examples"}),":"]}),"\n",(0,n.jsxs)("table",{children:[(0,n.jsx)("thead",{children:(0,n.jsxs)("tr",{children:[(0,n.jsx)("th",{children:" For a social network "}),(0,n.jsx)("th",{children:" For a Git frontend (e.g., GitHub) "})]})}),(0,n.jsx)("tbody",{children:(0,n.jsxs)("tr",{children:[(0,n.jsx)("td",{children:(0,n.jsxs)("ul",{children:[(0,n.jsx)("li",{children:"User"}),(0,n.jsx)("li",{children:"Post"}),(0,n.jsx)("li",{children:"Group"})]})}),(0,n.jsx)("td",{children:(0,n.jsxs)("ul",{children:[(0,n.jsx)("li",{children:"Repository"}),(0,n.jsx)("li",{children:"File"}),(0,n.jsx)("li",{children:"Commit"})]})})]})})]}),"\n",(0,n.jsxs)(s.admonition,{type:"tip",children:[(0,n.jsxs)(s.p,{children:["You may notice in the example of a Git frontend that a ",(0,n.jsx)(s.em,{children:"repository"})," contains ",(0,n.jsx)(s.em,{children:"files"}),". This makes the repository a higher-level entity which has other entities nested inside. That is a common situation with entities, and sometimes it's hard to manage such higher-level entities without breaking the import rule on layers."]}),(0,n.jsx)(s.p,{children:"Here are a few suggestions to overcome this issue:"}),(0,n.jsxs)(s.ul,{children:["\n",(0,n.jsx)(s.li,{children:"The UI of entities should contain slots for places where the lower-level entities are to be inserted"}),"\n",(0,n.jsx)(s.li,{children:"The business logic related to entity interaction should be placed in features (most of the time)"}),"\n",(0,n.jsx)(s.li,{children:"The typings of database entities can be extracted to the Shared layer below, next to the API client"}),"\n"]})]}),"\n",(0,n.jsx)(s.h3,{id:"features",children:"Features"}),"\n",(0,n.jsx)(s.p,{children:"Actions that a user can make in the application to interact with the business entities to achieve a valuable outcome. This also includes actions that the app makes on behalf of the user to produce value for them."}),"\n",(0,n.jsxs)(s.p,{children:["Each slice in this layer can contain ",(0,n.jsx)(s.em,{children:"interactive"})," UI elements, internal state and API calls that enable value-producing actions."]}),"\n",(0,n.jsxs)(s.p,{children:[(0,n.jsx)(s.strong,{children:"Slice examples"}),":"]}),"\n",(0,n.jsxs)("table",{children:[(0,n.jsx)("thead",{children:(0,n.jsxs)("tr",{children:[(0,n.jsx)("th",{children:" For a social network "}),(0,n.jsx)("th",{children:" For a Git frontend (e.g., GitHub) "}),(0,n.jsx)("th",{children:" Actions on behalf of users "})]})}),(0,n.jsx)("tbody",{children:(0,n.jsxs)("tr",{children:[(0,n.jsx)("td",{children:(0,n.jsxs)("ul",{children:[(0,n.jsx)("li",{children:"Authenticate"}),(0,n.jsx)("li",{children:"Create a post"}),(0,n.jsx)("li",{children:"Join a group"})]})}),(0,n.jsx)("td",{children:(0,n.jsxs)("ul",{children:[(0,n.jsx)("li",{children:"Edit a file"}),(0,n.jsx)("li",{children:"Leave a comment"}),(0,n.jsx)("li",{children:"Merge branches"})]})}),(0,n.jsx)("td",{children:(0,n.jsxs)("ul",{children:[(0,n.jsx)("li",{children:"Detect dark mode"}),(0,n.jsx)("li",{children:"Perform background computation"}),(0,n.jsx)("li",{children:"User-Agent-based actions"})]})})]})})]}),"\n",(0,n.jsx)(s.h3,{id:"widgets",children:"Widgets"}),"\n",(0,n.jsx)(s.p,{children:"Self-sufficient UI blocks that emerged from the composition of lower-level units like entities and features."}),"\n",(0,n.jsx)(s.p,{children:"This layer provides a way to fill in the slots left in the UI of Entities with other Entities and interactive elements from Features. Therefore, it is common not to have business logic on this layer, instead keeping it in Features. Each slice in this layer contains ready-to-use UI components and sometimes non-business logic such as gestures, keyboard interaction, etc."}),"\n",(0,n.jsx)(s.p,{children:"Sometimes, however, it is more convenient to have business logic on this layer. Usually it happens when the widget is quite rich in interactivity (e.g., interactive data tables) and the business logic inside them is not used in other places."}),"\n",(0,n.jsxs)(s.p,{children:[(0,n.jsx)(s.strong,{children:"Slice examples"}),":"]}),"\n",(0,n.jsxs)("table",{children:[(0,n.jsx)("thead",{children:(0,n.jsxs)("tr",{children:[(0,n.jsx)("th",{children:" For a social network "}),(0,n.jsx)("th",{children:" For a Git frontend (e.g., GitHub) "})]})}),(0,n.jsx)("tbody",{children:(0,n.jsxs)("tr",{children:[(0,n.jsx)("td",{children:(0,n.jsxs)("ul",{children:[(0,n.jsx)("li",{children:"Post card"}),(0,n.jsx)("li",{children:"User profile header (with actions)"})]})}),(0,n.jsx)("td",{children:(0,n.jsxs)("ul",{children:[(0,n.jsx)("li",{children:"List of files in a repository (with actions)"}),(0,n.jsx)("li",{children:"Comment in a thread"}),(0,n.jsx)("li",{children:"Repository card"})]})})]})})]}),"\n",(0,n.jsx)(s.admonition,{type:"tip",children:(0,n.jsxs)(s.p,{children:["If you're using a nested routing system (e.g. the router of ",(0,n.jsx)(s.a,{href:"https://remix.run",children:"Remix"}),"), it may be helpful to use the Widgets layer in the same way as a flat routing system would use the Pages layer \u2014 to create complete interface blocks, complete with related data fetching, loading states, and error boundaries. In the same way, you can store page layouts on this layer."]})}),"\n",(0,n.jsx)(s.h3,{id:"pages",children:"Pages"}),"\n",(0,n.jsx)(s.p,{children:"Complete pages for a page-based application (like a website) or screens/activities for screen-based applications (like mobile apps)."}),"\n",(0,n.jsx)(s.p,{children:"This layer is similar to Widgets in its compositional nature, albeit on a larger scale. Each slice in this layer contains UI components that are ready to be plugged into a router and sometimes data-fetching logic and error handling."}),"\n",(0,n.jsxs)(s.p,{children:[(0,n.jsx)(s.strong,{children:"Slice examples"}),":"]}),"\n",(0,n.jsxs)("table",{children:[(0,n.jsx)("thead",{children:(0,n.jsxs)("tr",{children:[(0,n.jsx)("th",{children:" For a social network "}),(0,n.jsx)("th",{children:" For a Git frontend (e.g., GitHub) "})]})}),(0,n.jsx)("tbody",{children:(0,n.jsxs)("tr",{children:[(0,n.jsx)("td",{children:(0,n.jsxs)("ul",{children:[(0,n.jsx)("li",{children:"News feed"}),(0,n.jsx)("li",{children:"Community page"}),(0,n.jsx)("li",{children:"User's public profile"})]})}),(0,n.jsx)("td",{children:(0,n.jsxs)("ul",{children:[(0,n.jsx)("li",{children:"Repository page"}),(0,n.jsx)("li",{children:"User's repositories"}),(0,n.jsx)("li",{children:"Branches in a repository"})]})})]})})]}),"\n",(0,n.jsx)(s.h3,{id:"processes",children:"Processes"}),"\n",(0,n.jsx)(s.admonition,{type:"caution",children:(0,n.jsxs)(s.p,{children:["This layer has been deprecated. The current version of the spec recommends avoiding it and moving its contents to ",(0,n.jsx)(s.code,{children:"features"})," and ",(0,n.jsx)(s.code,{children:"app"})," instead."]})}),"\n",(0,n.jsx)(s.p,{children:"Escape hatches for multi-page interactions."}),"\n",(0,n.jsx)(s.p,{children:"This layer is deliberately left undefined. Most applications should not use this layer, and keep router-level and server-level logic on the App layer. Consider using this layer only when the App layer grows large enough to become unmaintainable and needs unloading."}),"\n",(0,n.jsx)(s.h3,{id:"app",children:"App"}),"\n",(0,n.jsx)(s.p,{children:"All kinds of app-wide matters, both in the technical sense (e.g., context providers) and in the business sense (e.g., analytics)."}),"\n",(0,n.jsx)(s.p,{children:"This layer usually doesn't contain slices, like Shared, instead having segments directly."}),"\n",(0,n.jsxs)(s.p,{children:[(0,n.jsx)(s.strong,{children:"Content examples"}),":"]}),"\n",(0,n.jsxs)(s.ul,{children:["\n",(0,n.jsx)(s.li,{children:"Styles"}),"\n",(0,n.jsx)(s.li,{children:"Routing"}),"\n",(0,n.jsx)(s.li,{children:"Store and other context providers"}),"\n",(0,n.jsx)(s.li,{children:"Analytics initialization"}),"\n"]})]})}function h(e={}){const{wrapper:s}={...(0,t.R)(),...e.components};return s?(0,n.jsx)(s,{...e,children:(0,n.jsx)(c,{...e})}):c(e)}},1100:(e,s,i)=>{i.d(s,{R:()=>l,x:()=>a});var n=i(758);const t={},r=n.createContext(t);function l(e){const s=n.useContext(r);return n.useMemo((function(){return"function"==typeof e?e(s):{...s,...e}}),[s,e])}function a(e){let s;return s=e.disableParentContext?"function"==typeof e.components?e.components(t):e.components||t:l(e.components),n.createElement(r.Provider,{value:s},e.children)}}}]);
\ No newline at end of file
+"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[5244],{3786:(e,s,i)=>{i.r(s),i.d(s,{assets:()=>o,contentTitle:()=>l,default:()=>h,frontMatter:()=>r,metadata:()=>a,toc:()=>d});var n=i(6070),t=i(1100);const r={sidebar_position:1,pagination_next:"reference/slices-segments"},l="Layers",a={id:"reference/layers",title:"Layers",description:"Layers are the first level of organisational hierarchy in Feature-Sliced Design. Their purpose is to separate code based on how much responsibility it needs and how many other modules in the app it depends on.",source:"@site/i18n/en/docusaurus-plugin-content-docs/current/reference/layers.mdx",sourceDirName:"reference",slug:"/reference/layers",permalink:"/kr/docs/reference/layers",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/reference/layers.mdx",tags:[],version:"current",lastUpdatedAt:1728325386e3,sidebarPosition:1,frontMatter:{sidebar_position:1,pagination_next:"reference/slices-segments"},sidebar:"referenceSidebar",previous:{title:"\ud83d\udcda Reference",permalink:"/kr/docs/reference/"},next:{title:"Slices and segments",permalink:"/kr/docs/reference/slices-segments"}},o={},d=[{value:"Import rule on layers",id:"import-rule-on-layers",level:2},{value:"Layer definitions",id:"layer-definitions",level:2},{value:"Shared",id:"shared",level:3},{value:"Entities",id:"entities",level:3},{value:"Features",id:"features",level:3},{value:"Widgets",id:"widgets",level:3},{value:"Pages",id:"pages",level:3},{value:"Processes",id:"processes",level:3},{value:"App",id:"app",level:3}];function c(e){const s={a:"a",admonition:"admonition",blockquote:"blockquote",code:"code",em:"em",h1:"h1",h2:"h2",h3:"h3",header:"header",li:"li",ol:"ol",p:"p",strong:"strong",ul:"ul",...(0,t.R)(),...e.components};return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(s.header,{children:(0,n.jsx)(s.h1,{id:"layers",children:"Layers"})}),"\n",(0,n.jsx)(s.p,{children:"Layers are the first level of organisational hierarchy in Feature-Sliced Design. Their purpose is to separate code based on how much responsibility it needs and how many other modules in the app it depends on."}),"\n",(0,n.jsx)(s.admonition,{type:"note",children:(0,n.jsxs)(s.p,{children:["On this page, a ",(0,n.jsx)(s.em,{children:"module"})," refers to an internal module in the application \u2014 a file or directory with an index file. Not to be confused with npm packages."]})}),"\n",(0,n.jsx)(s.p,{children:"Every layer carries special semantic meaning to help you determine how much responsibility you should allocate to a module in your code. The names and meanings of layers are standardized across all projects built with Feature-Sliced Design."}),"\n",(0,n.jsxs)(s.p,{children:["There are ",(0,n.jsx)(s.strong,{children:"7 layers"})," in total, arranged from most responsibility and\xa0dependency to least:"]}),"\n",(0,n.jsx)("img",{src:"/img/layers/folders-graphic-light.svg#light-mode-only",width:"180",style:{float:"right",margin:"0 1em"},alt:"A file system tree, with a single root folder called src and then seven subfolders: app, processes, pages, widgets, features, entities, shared. The processes folder is slightly faded out."}),"\n",(0,n.jsx)("img",{src:"/img/layers/folders-graphic-dark.svg#dark-mode-only",width:"180",style:{float:"right",margin:"0 1em"},alt:"A file system tree, with a single root folder called src and then seven subfolders: app, processes, pages, widgets, features, entities, shared. The processes folder is slightly faded out."}),"\n",(0,n.jsxs)(s.ol,{children:["\n",(0,n.jsx)(s.li,{children:"App"}),"\n",(0,n.jsx)(s.li,{children:"Processes (deprecated)"}),"\n",(0,n.jsx)(s.li,{children:"Pages"}),"\n",(0,n.jsx)(s.li,{children:"Widgets"}),"\n",(0,n.jsx)(s.li,{children:"Features"}),"\n",(0,n.jsx)(s.li,{children:"Entities"}),"\n",(0,n.jsx)(s.li,{children:"Shared"}),"\n"]}),"\n",(0,n.jsx)(s.p,{children:"You don't have to use every layer in your project \u2014 only add them if you think it brings value to your project."}),"\n",(0,n.jsx)(s.h2,{id:"import-rule-on-layers",children:"Import rule on layers"}),"\n",(0,n.jsxs)(s.p,{children:["Layers are made up of ",(0,n.jsx)(s.em,{children:"slices"})," \u2014 highly cohesive groups of modules. Feature-Sliced Design promotes low coupling, which is why dependencies between slices are regulated by ",(0,n.jsx)(s.strong,{children:"the import rule on layers"}),":"]}),"\n",(0,n.jsxs)(s.blockquote,{children:["\n",(0,n.jsx)(s.p,{children:(0,n.jsx)(s.em,{children:"A module in a slice can only import other slices when they are located on layers strictly below."})}),"\n"]}),"\n",(0,n.jsxs)(s.p,{children:["For example, in ",(0,n.jsx)(s.code,{children:"~/features/aaa"}),", ",(0,n.jsx)(s.code,{children:"aaa"})," is the slice, so a file ",(0,n.jsx)(s.code,{children:"~/features/aaa/api/request.ts"})," cannot import code from any module in ",(0,n.jsx)(s.code,{children:"~/features/bbb"}),", but can import code from ",(0,n.jsx)(s.code,{children:"~/entities"})," and ",(0,n.jsx)(s.code,{children:"~/shared"}),", as well as any sibling code from ",(0,n.jsx)(s.code,{children:"~/features/aaa"}),"."]}),"\n",(0,n.jsx)(s.h2,{id:"layer-definitions",children:"Layer definitions"}),"\n",(0,n.jsx)(s.h3,{id:"shared",children:"Shared"}),"\n",(0,n.jsxs)(s.p,{children:["Isolated modules, components and abstractions that are detached from the specifics of the project or business.\nWarning: not to be treated like ",(0,n.jsx)(s.a,{href:"https://dev.to/sergeysova/why-utils-helpers-is-a-dump-45fo",children:"a utility dump"}),"!"]}),"\n",(0,n.jsx)(s.p,{children:"This layer, unlike others, does not consist of slices, and instead consists of segments directly."}),"\n",(0,n.jsxs)(s.p,{children:[(0,n.jsx)(s.strong,{children:"Content examples"}),":"]}),"\n",(0,n.jsxs)(s.ul,{children:["\n",(0,n.jsx)(s.li,{children:"UI kit"}),"\n",(0,n.jsx)(s.li,{children:"API client"}),"\n",(0,n.jsx)(s.li,{children:"Code working with browser APIs"}),"\n"]}),"\n",(0,n.jsx)(s.h3,{id:"entities",children:"Entities"}),"\n",(0,n.jsx)(s.p,{children:"Concepts from the real world that form together the essence of the project. Commonly, these are the terms that the business uses to describe the product."}),"\n",(0,n.jsx)(s.p,{children:"Each slice in this layer contains static UI elements, data stores and CRUD operations."}),"\n",(0,n.jsxs)(s.p,{children:[(0,n.jsx)(s.strong,{children:"Slice examples"}),":"]}),"\n",(0,n.jsxs)("table",{children:[(0,n.jsx)("thead",{children:(0,n.jsxs)("tr",{children:[(0,n.jsx)("th",{children:" For a social network "}),(0,n.jsx)("th",{children:" For a Git frontend (e.g., GitHub) "})]})}),(0,n.jsx)("tbody",{children:(0,n.jsxs)("tr",{children:[(0,n.jsx)("td",{children:(0,n.jsxs)("ul",{children:[(0,n.jsx)("li",{children:"User"}),(0,n.jsx)("li",{children:"Post"}),(0,n.jsx)("li",{children:"Group"})]})}),(0,n.jsx)("td",{children:(0,n.jsxs)("ul",{children:[(0,n.jsx)("li",{children:"Repository"}),(0,n.jsx)("li",{children:"File"}),(0,n.jsx)("li",{children:"Commit"})]})})]})})]}),"\n",(0,n.jsxs)(s.admonition,{type:"tip",children:[(0,n.jsxs)(s.p,{children:["You may notice in the example of a Git frontend that a ",(0,n.jsx)(s.em,{children:"repository"})," contains ",(0,n.jsx)(s.em,{children:"files"}),". This makes the repository a higher-level entity which has other entities nested inside. That is a common situation with entities, and sometimes it's hard to manage such higher-level entities without breaking the import rule on layers."]}),(0,n.jsx)(s.p,{children:"Here are a few suggestions to overcome this issue:"}),(0,n.jsxs)(s.ul,{children:["\n",(0,n.jsx)(s.li,{children:"The UI of entities should contain slots for places where the lower-level entities are to be inserted"}),"\n",(0,n.jsx)(s.li,{children:"The business logic related to entity interaction should be placed in features (most of the time)"}),"\n",(0,n.jsx)(s.li,{children:"The typings of database entities can be extracted to the Shared layer below, next to the API client"}),"\n"]})]}),"\n",(0,n.jsx)(s.h3,{id:"features",children:"Features"}),"\n",(0,n.jsx)(s.p,{children:"Actions that a user can make in the application to interact with the business entities to achieve a valuable outcome. This also includes actions that the app makes on behalf of the user to produce value for them."}),"\n",(0,n.jsxs)(s.p,{children:["Each slice in this layer can contain ",(0,n.jsx)(s.em,{children:"interactive"})," UI elements, internal state and API calls that enable value-producing actions."]}),"\n",(0,n.jsxs)(s.p,{children:[(0,n.jsx)(s.strong,{children:"Slice examples"}),":"]}),"\n",(0,n.jsxs)("table",{children:[(0,n.jsx)("thead",{children:(0,n.jsxs)("tr",{children:[(0,n.jsx)("th",{children:" For a social network "}),(0,n.jsx)("th",{children:" For a Git frontend (e.g., GitHub) "}),(0,n.jsx)("th",{children:" Actions on behalf of users "})]})}),(0,n.jsx)("tbody",{children:(0,n.jsxs)("tr",{children:[(0,n.jsx)("td",{children:(0,n.jsxs)("ul",{children:[(0,n.jsx)("li",{children:"Authenticate"}),(0,n.jsx)("li",{children:"Create a post"}),(0,n.jsx)("li",{children:"Join a group"})]})}),(0,n.jsx)("td",{children:(0,n.jsxs)("ul",{children:[(0,n.jsx)("li",{children:"Edit a file"}),(0,n.jsx)("li",{children:"Leave a comment"}),(0,n.jsx)("li",{children:"Merge branches"})]})}),(0,n.jsx)("td",{children:(0,n.jsxs)("ul",{children:[(0,n.jsx)("li",{children:"Detect dark mode"}),(0,n.jsx)("li",{children:"Perform background computation"}),(0,n.jsx)("li",{children:"User-Agent-based actions"})]})})]})})]}),"\n",(0,n.jsx)(s.h3,{id:"widgets",children:"Widgets"}),"\n",(0,n.jsx)(s.p,{children:"Self-sufficient UI blocks that emerged from the composition of lower-level units like entities and features."}),"\n",(0,n.jsx)(s.p,{children:"This layer provides a way to fill in the slots left in the UI of Entities with other Entities and interactive elements from Features. Therefore, it is common not to have business logic on this layer, instead keeping it in Features. Each slice in this layer contains ready-to-use UI components and sometimes non-business logic such as gestures, keyboard interaction, etc."}),"\n",(0,n.jsx)(s.p,{children:"Sometimes, however, it is more convenient to have business logic on this layer. Usually it happens when the widget is quite rich in interactivity (e.g., interactive data tables) and the business logic inside them is not used in other places."}),"\n",(0,n.jsxs)(s.p,{children:[(0,n.jsx)(s.strong,{children:"Slice examples"}),":"]}),"\n",(0,n.jsxs)("table",{children:[(0,n.jsx)("thead",{children:(0,n.jsxs)("tr",{children:[(0,n.jsx)("th",{children:" For a social network "}),(0,n.jsx)("th",{children:" For a Git frontend (e.g., GitHub) "})]})}),(0,n.jsx)("tbody",{children:(0,n.jsxs)("tr",{children:[(0,n.jsx)("td",{children:(0,n.jsxs)("ul",{children:[(0,n.jsx)("li",{children:"Post card"}),(0,n.jsx)("li",{children:"User profile header (with actions)"})]})}),(0,n.jsx)("td",{children:(0,n.jsxs)("ul",{children:[(0,n.jsx)("li",{children:"List of files in a repository (with actions)"}),(0,n.jsx)("li",{children:"Comment in a thread"}),(0,n.jsx)("li",{children:"Repository card"})]})})]})})]}),"\n",(0,n.jsx)(s.admonition,{type:"tip",children:(0,n.jsxs)(s.p,{children:["If you're using a nested routing system (e.g. the router of ",(0,n.jsx)(s.a,{href:"https://remix.run",children:"Remix"}),"), it may be helpful to use the Widgets layer in the same way as a flat routing system would use the Pages layer \u2014 to create complete interface blocks, complete with related data fetching, loading states, and error boundaries. In the same way, you can store page layouts on this layer."]})}),"\n",(0,n.jsx)(s.h3,{id:"pages",children:"Pages"}),"\n",(0,n.jsx)(s.p,{children:"Complete pages for a page-based application (like a website) or screens/activities for screen-based applications (like mobile apps)."}),"\n",(0,n.jsx)(s.p,{children:"This layer is similar to Widgets in its compositional nature, albeit on a larger scale. Each slice in this layer contains UI components that are ready to be plugged into a router and sometimes data-fetching logic and error handling."}),"\n",(0,n.jsxs)(s.p,{children:[(0,n.jsx)(s.strong,{children:"Slice examples"}),":"]}),"\n",(0,n.jsxs)("table",{children:[(0,n.jsx)("thead",{children:(0,n.jsxs)("tr",{children:[(0,n.jsx)("th",{children:" For a social network "}),(0,n.jsx)("th",{children:" For a Git frontend (e.g., GitHub) "})]})}),(0,n.jsx)("tbody",{children:(0,n.jsxs)("tr",{children:[(0,n.jsx)("td",{children:(0,n.jsxs)("ul",{children:[(0,n.jsx)("li",{children:"News feed"}),(0,n.jsx)("li",{children:"Community page"}),(0,n.jsx)("li",{children:"User's public profile"})]})}),(0,n.jsx)("td",{children:(0,n.jsxs)("ul",{children:[(0,n.jsx)("li",{children:"Repository page"}),(0,n.jsx)("li",{children:"User's repositories"}),(0,n.jsx)("li",{children:"Branches in a repository"})]})})]})})]}),"\n",(0,n.jsx)(s.h3,{id:"processes",children:"Processes"}),"\n",(0,n.jsx)(s.admonition,{type:"caution",children:(0,n.jsxs)(s.p,{children:["This layer has been deprecated. The current version of the spec recommends avoiding it and moving its contents to ",(0,n.jsx)(s.code,{children:"features"})," and ",(0,n.jsx)(s.code,{children:"app"})," instead."]})}),"\n",(0,n.jsx)(s.p,{children:"Escape hatches for multi-page interactions."}),"\n",(0,n.jsx)(s.p,{children:"This layer is deliberately left undefined. Most applications should not use this layer, and keep router-level and server-level logic on the App layer. Consider using this layer only when the App layer grows large enough to become unmaintainable and needs unloading."}),"\n",(0,n.jsx)(s.h3,{id:"app",children:"App"}),"\n",(0,n.jsx)(s.p,{children:"All kinds of app-wide matters, both in the technical sense (e.g., context providers) and in the business sense (e.g., analytics)."}),"\n",(0,n.jsx)(s.p,{children:"This layer usually doesn't contain slices, like Shared, instead having segments directly."}),"\n",(0,n.jsxs)(s.p,{children:[(0,n.jsx)(s.strong,{children:"Content examples"}),":"]}),"\n",(0,n.jsxs)(s.ul,{children:["\n",(0,n.jsx)(s.li,{children:"Styles"}),"\n",(0,n.jsx)(s.li,{children:"Routing"}),"\n",(0,n.jsx)(s.li,{children:"Store and other context providers"}),"\n",(0,n.jsx)(s.li,{children:"Analytics initialization"}),"\n"]})]})}function h(e={}){const{wrapper:s}={...(0,t.R)(),...e.components};return s?(0,n.jsx)(s,{...e,children:(0,n.jsx)(c,{...e})}):c(e)}},1100:(e,s,i)=>{i.d(s,{R:()=>l,x:()=>a});var n=i(758);const t={},r=n.createContext(t);function l(e){const s=n.useContext(r);return n.useMemo((function(){return"function"==typeof e?e(s):{...s,...e}}),[s,e])}function a(e){let s;return s=e.disableParentContext?"function"==typeof e.components?e.components(t):e.components||t:l(e.components),n.createElement(r.Provider,{value:s},e.children)}}}]);
\ No newline at end of file
diff --git a/kr/assets/js/4498315b.245b192e.js b/kr/assets/js/4498315b.245b192e.js
new file mode 100644
index 0000000000..936f4e974a
--- /dev/null
+++ b/kr/assets/js/4498315b.245b192e.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[9457],{1973:(e,t,i)=>{i.r(t),i.d(t,{assets:()=>a,contentTitle:()=>d,default:()=>u,frontMatter:()=>r,metadata:()=>l,toc:()=>c});var n=i(6070),s=i(1100);const r={sidebar_position:20,pagination_next:"guides/index"},d="FAQ",l={id:"get-started/faq",title:"FAQ",description:"\uc5ec\ub7ec\ubd84\uc740 Telegram chat, Discord community \uadf8\ub9ac\uace0 GitHub Discussions\uc5d0\uc11c \uc9c8\ubb38\uc744 \ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.",source:"@site/i18n/kr/docusaurus-plugin-content-docs/current/get-started/faq.md",sourceDirName:"get-started",slug:"/get-started/faq",permalink:"/kr/docs/get-started/faq",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/kr/docusaurus-plugin-content-docs/current/get-started/faq.md",tags:[],version:"current",lastUpdatedAt:1728325386e3,sidebarPosition:20,frontMatter:{sidebar_position:20,pagination_next:"guides/index"},sidebar:"getstartedSidebar",previous:{title:"\ud29c\ud1a0\ub9ac\uc5bc",permalink:"/kr/docs/get-started/tutorial"},next:{title:"\ud83c\udfaf Guides",permalink:"/kr/docs/guides/"}},a={},c=[{value:"toolkit\uc774\ub098 linter\uac00 \uc788\ub098\uc694?",id:"toolkit\uc774\ub098-linter\uac00-\uc788\ub098\uc694",level:3},{value:"Where to store the layout/template of pages?",id:"where-to-store-the-layouttemplate-of-pages",level:3},{value:"feature\uc640 entity\uc758 \ucc28\uc774\uc810\uc774 \ubb34\uc5c7\uc778\uac00\uc694?",id:"feature\uc640-entity\uc758-\ucc28\uc774\uc810\uc774-\ubb34\uc5c7\uc778\uac00\uc694",level:3},{value:"pages/features/entities\ub97c \uc11c\ub85c \ud3ec\ud568\uc2dc\ud0ac \uc218 \uc788\ub098\uc694?",id:"pagesfeaturesentities\ub97c-\uc11c\ub85c-\ud3ec\ud568\uc2dc\ud0ac-\uc218-\uc788\ub098\uc694",level:3},{value:"\uc544\ud1a0\ubbf9 \ub514\uc790\uc778\uc740 \uc5b4\ub5a4\uac00\uc694?",id:"\uc544\ud1a0\ubbf9-\ub514\uc790\uc778\uc740-\uc5b4\ub5a4\uac00\uc694",level:3},{value:"FSD\uc5d0 \ub300\ud55c \uc720\uc6a9\ud55c \ub9ac\uc18c\uc2a4/\uae30\uc0ac \ub4f1\uc774 \uc788\ub098\uc694?",id:"fsd\uc5d0-\ub300\ud55c-\uc720\uc6a9\ud55c-\ub9ac\uc18c\uc2a4\uae30\uc0ac-\ub4f1\uc774-\uc788\ub098\uc694",level:3},{value:"Feature-Sliced Design\uc774 \uc65c \ud544\uc694\ud55c\uac00\uc694?",id:"feature-sliced-design\uc774-\uc65c-\ud544\uc694\ud55c\uac00\uc694",level:3},{value:"\ucd08\ubcf4 \uac1c\ubc1c\uc790\uc5d0\uac8c \uc544\ud0a4\ud14d\ucc98/\ubc29\ubc95\ub860\uc774 \ud544\uc694\ud55c\uac00\uc694?",id:"\ucd08\ubcf4-\uac1c\ubc1c\uc790\uc5d0\uac8c-\uc544\ud0a4\ud14d\ucc98\ubc29\ubc95\ub860\uc774-\ud544\uc694\ud55c\uac00\uc694",level:3},{value:"\uc778\uc99d \ucee8\ud14d\uc2a4\ud2b8\ub294 \uc5b4\ub5bb\uac8c \ub2e4\ub8e8\ub098\uc694?",id:"\uc778\uc99d-\ucee8\ud14d\uc2a4\ud2b8\ub294-\uc5b4\ub5bb\uac8c-\ub2e4\ub8e8\ub098\uc694",level:3}];function o(e){const t={a:"a",admonition:"admonition",code:"code",em:"em",h1:"h1",h3:"h3",header:"header",li:"li",p:"p",strong:"strong",ul:"ul",...(0,s.R)(),...e.components};return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(t.header,{children:(0,n.jsx)(t.h1,{id:"faq",children:"FAQ"})}),"\n",(0,n.jsx)(t.admonition,{type:"info",children:(0,n.jsxs)(t.p,{children:["\uc5ec\ub7ec\ubd84\uc740 ",(0,n.jsx)(t.a,{href:"https://t.me/feature_sliced",children:"Telegram chat"}),", ",(0,n.jsx)(t.a,{href:"https://discord.gg/S8MzWTUsmp",children:"Discord community"})," \uadf8\ub9ac\uace0 ",(0,n.jsx)(t.a,{href:"https://github.com/feature-sliced/documentation/discussions",children:"GitHub Discussions"}),"\uc5d0\uc11c \uc9c8\ubb38\uc744 \ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4."]})}),"\n",(0,n.jsx)(t.h3,{id:"toolkit\uc774\ub098-linter\uac00-\uc788\ub098\uc694",children:"toolkit\uc774\ub098 linter\uac00 \uc788\ub098\uc694?"}),"\n",(0,n.jsxs)(t.p,{children:["\uacf5\uc2dd ESLint \uc124\uc815\uc778 ",(0,n.jsx)(t.a,{href:"https://github.com/feature-sliced/eslint-config",children:"@feature-sliced/eslint-config"}),"\uc640 \ucee4\ubba4\ub2c8\ud2f0 \uba64\ubc84\uc778 Aleksandr Belous\uac00 \ub9cc\ub4e0 ESLint \ud50c\ub7ec\uadf8\uc778 ",(0,n.jsx)(t.a,{href:"https://github.com/conarti/eslint-plugin-feature-sliced",children:"@conarti/eslint-plugin-feature-sliced"}),"\uac00 \uc788\uc2b5\ub2c8\ub2e4. \uc774 \ud504\ub85c\uc81d\ud2b8\ub4e4\uc5d0 \uae30\uc5ec\ud558\uac70\ub098 \uc5ec\ub7ec\ubd84\ub9cc\uc758 \ud504\ub85c\uc81d\ud2b8\ub97c \uc2dc\uc791\ud574\ubcf4\uc138\uc694!"]}),"\n",(0,n.jsx)(t.h3,{id:"where-to-store-the-layouttemplate-of-pages",children:"Where to store the layout/template of pages?"}),"\n",(0,n.jsxs)(t.p,{children:["\uc21c\uc218\ud55c \ub9c8\ud06c\uc5c5 \ub808\uc774\uc544\uc6c3\uc774 \ud544\uc694\ud558\ub2e4\uba74 ",(0,n.jsx)(t.code,{children:"shared/ui"}),"\uc5d0 \ubcf4\uad00\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4. \uc0c1\uc704 \uacc4\uce35\uc744 \uc0ac\uc6a9\ud574\uc57c \ud55c\ub2e4\uba74 \uba87 \uac00\uc9c0 \uc635\uc158\uc774 \uc788\uc2b5\ub2c8\ub2e4."]}),"\n",(0,n.jsxs)(t.ul,{children:["\n",(0,n.jsx)(t.li,{children:"\ub808\uc774\uc544\uc6c3\uc774 \ud544\uc694 \uc5c6\uc744 \uc218\ub3c4 \uc788\uc2b5\ub2c8\ub2e4. \ub808\uc774\uc544\uc6c3\uc774 \uba87 \uc904\ubc16\uc5d0 \uc548 \ub41c\ub2e4\uba74, \ucd94\uc0c1\ud654\ud558\ub824\uace0 \ud558\uae30\ubcf4\ub2e4\ub294 \uac01 \ud398\uc774\uc9c0\uc5d0\uc11c \ucf54\ub4dc\ub97c \uc911\ubcf5\ud558\ub294 \uac83\uc774 \ud569\ub9ac\uc801\uc77c \uc218 \uc788\uc2b5\ub2c8\ub2e4."}),"\n",(0,n.jsx)(t.li,{children:"\ub808\uc774\uc544\uc6c3\uc774 \ud544\uc694\ud558\ub2e4\uba74, \ubcc4\ub3c4\uc758 \uc704\uc82f\uc774\ub098 \ud398\uc774\uc9c0\ub85c \ub9cc\ub4e4\uace0 App\uc758 \ub77c\uc6b0\ud130 \uc124\uc815\uc5d0\uc11c \uc870\ud569\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4. \uc911\ucca9 \ub77c\uc6b0\ud305\ub3c4 \ub2e4\ub978 \uc635\uc158\uc785\ub2c8\ub2e4."}),"\n"]}),"\n",(0,n.jsx)(t.h3,{id:"feature\uc640-entity\uc758-\ucc28\uc774\uc810\uc774-\ubb34\uc5c7\uc778\uac00\uc694",children:"feature\uc640 entity\uc758 \ucc28\uc774\uc810\uc774 \ubb34\uc5c7\uc778\uac00\uc694?"}),"\n",(0,n.jsxs)(t.p,{children:[(0,n.jsx)(t.em,{children:"entity"}),"\ub294 \uc571\uc774 \ub2e4\ub8e8\ub294 \uc2e4\uc81c \uac1c\ub150\uc785\ub2c8\ub2e4. ",(0,n.jsx)(t.em,{children:"feature"}),"\ub294 \uc571 \uc0ac\uc6a9\uc790\uc5d0\uac8c \uc2e4\uc81c \uac00\uce58\ub97c \uc81c\uacf5\ud558\ub294 \uc0c1\ud638\uc791\uc6a9, \uc989 \uc0ac\ub78c\ub4e4\uc774 entity\ub85c \ud558\uace0 \uc2f6\uc5b4\ud558\ub294 \uac83\uc785\ub2c8\ub2e4."]}),"\n",(0,n.jsxs)(t.p,{children:["\ub354 \uc790\uc138\ud55c \uc815\ubcf4\uc640 \uc608\uc2dc\ub294 ",(0,n.jsx)(t.a,{href:"/docs/reference/layers#entities",children:"slices"})," \ucc38\uc870 \ud398\uc774\uc9c0\ub97c \ud655\uc778\ud558\uc138\uc694."]}),"\n",(0,n.jsx)(t.h3,{id:"pagesfeaturesentities\ub97c-\uc11c\ub85c-\ud3ec\ud568\uc2dc\ud0ac-\uc218-\uc788\ub098\uc694",children:"pages/features/entities\ub97c \uc11c\ub85c \ud3ec\ud568\uc2dc\ud0ac \uc218 \uc788\ub098\uc694?"}),"\n",(0,n.jsx)(t.p,{children:"\ub124, \ud558\uc9c0\ub9cc \uc774\ub7f0 \ud3ec\ud568\uc740 \uc0c1\uc704 \uacc4\uce35\uc5d0\uc11c \uc774\ub8e8\uc5b4\uc838\uc57c \ud569\ub2c8\ub2e4. \uc608\ub97c \ub4e4\uc5b4, \uc704\uc82f \ub0b4\ubd80\uc5d0\uc11c \uc5ec\ub7ec \uae30\ub2a5\uc744 \uac00\uc838\uc640\uc11c \ud558\ub098\uc758 \uae30\ub2a5\uc744 \ub2e4\ub978 \uae30\ub2a5\uc758 props/children\uc73c\ub85c \uc0bd\uc785\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4."}),"\n",(0,n.jsxs)(t.p,{children:["\ud55c \uae30\ub2a5\uc744 \ub2e4\ub978 \uae30\ub2a5\uc5d0\uc11c \uac00\uc838\uc62c \uc218\ub294 \uc5c6\uc2b5\ub2c8\ub2e4. \uc774\ub294 ",(0,n.jsx)(t.a,{href:"/docs/reference/layers#import-rule-on-layers",children:(0,n.jsx)(t.strong,{children:"\uacc4\uce35\uc5d0 \ub300\ud55c \uac00\uc838\uc624\uae30 \uaddc\uce59"})}),"\uc5d0 \uc758\ud574 \uae08\uc9c0\ub429\ub2c8\ub2e4."]}),"\n",(0,n.jsx)(t.h3,{id:"\uc544\ud1a0\ubbf9-\ub514\uc790\uc778\uc740-\uc5b4\ub5a4\uac00\uc694",children:"\uc544\ud1a0\ubbf9 \ub514\uc790\uc778\uc740 \uc5b4\ub5a4\uac00\uc694?"}),"\n",(0,n.jsx)(t.p,{children:"\ud604\uc7ac \ubc84\uc804\uc758 \ubc29\ubc95\ub860\uc740 Feature-Sliced Design\uacfc \ud568\uaed8 \uc544\ud1a0\ubbf9 \ub514\uc790\uc778\uc744 \uc0ac\uc6a9\ud558\ub294 \uac83\uc744 \uc694\uad6c\ud558\uc9c0\ub3c4, \uae08\uc9c0\ud558\uc9c0\ub3c4 \uc54a\uc2b5\ub2c8\ub2e4."}),"\n",(0,n.jsxs)(t.p,{children:["\uc608\ub97c \ub4e4\uc5b4, \uc544\ud1a0\ubbf9 \ub514\uc790\uc778\uc740 \ubaa8\ub4c8\uc758 ",(0,n.jsx)(t.code,{children:"ui"})," \uc138\uadf8\uba3c\ud2b8\uc5d0 ",(0,n.jsx)(t.a,{href:"https://t.me/feature_sliced/1653",children:"\uc798 \uc801\uc6a9\ub420 \uc218 \uc788\uc2b5\ub2c8\ub2e4"}),"."]}),"\n",(0,n.jsx)(t.h3,{id:"fsd\uc5d0-\ub300\ud55c-\uc720\uc6a9\ud55c-\ub9ac\uc18c\uc2a4\uae30\uc0ac-\ub4f1\uc774-\uc788\ub098\uc694",children:"FSD\uc5d0 \ub300\ud55c \uc720\uc6a9\ud55c \ub9ac\uc18c\uc2a4/\uae30\uc0ac \ub4f1\uc774 \uc788\ub098\uc694?"}),"\n",(0,n.jsxs)(t.p,{children:["\ub124! ",(0,n.jsx)(t.a,{href:"https://github.com/feature-sliced/awesome",children:"https://github.com/feature-sliced/awesome"})," \ub97c \ucc38\uc870\ud558\uc138\uc694."]}),"\n",(0,n.jsx)(t.h3,{id:"feature-sliced-design\uc774-\uc65c-\ud544\uc694\ud55c\uac00\uc694",children:"Feature-Sliced Design\uc774 \uc65c \ud544\uc694\ud55c\uac00\uc694?"}),"\n",(0,n.jsxs)(t.p,{children:["\ud504\ub85c\uc81d\ud2b8\ub97c \uc8fc\uc694 \uac00\uce58 \ucc3d\ucd9c \uad6c\uc131 \uc694\uc18c \uce21\uba74\uc5d0\uc11c \ube60\ub974\uac8c \uac1c\uc694\ub97c \ud30c\uc545\ud558\ub294 \ub370 \ub3c4\uc6c0\uc774 \ub429\ub2c8\ub2e4. \ud45c\uc900\ud654\ub41c \uc544\ud0a4\ud14d\ucc98\ub294 \uc628\ubcf4\ub529 \uc18d\ub3c4\ub97c \ub192\uc774\uace0 \ucf54\ub4dc \uad6c\uc870\uc5d0 \ub300\ud55c \ub17c\uc7c1\uc744 \ud574\uacb0\ud569\ub2c8\ub2e4. FSD\uac00 \ub9cc\ub4e4\uc5b4\uc9c4 \uc774\uc720\uc5d0 \ub300\ud574 \ub354 \uc790\uc138\ud788 \uc54c\uc544\ubcf4\ub824\uba74 ",(0,n.jsx)(t.a,{href:"/docs/about/motivation",children:"\ub3d9\uae30"})," \ud398\uc774\uc9c0\ub97c \ucc38\uc870\ud558\uc138\uc694."]}),"\n",(0,n.jsx)(t.h3,{id:"\ucd08\ubcf4-\uac1c\ubc1c\uc790\uc5d0\uac8c-\uc544\ud0a4\ud14d\ucc98\ubc29\ubc95\ub860\uc774-\ud544\uc694\ud55c\uac00\uc694",children:"\ucd08\ubcf4 \uac1c\ubc1c\uc790\uc5d0\uac8c \uc544\ud0a4\ud14d\ucc98/\ubc29\ubc95\ub860\uc774 \ud544\uc694\ud55c\uac00\uc694?"}),"\n",(0,n.jsx)(t.p,{children:"\uadf8\ub807\ub2e4\uace0 \ubcfc \uc218 \uc788\uc2b5\ub2c8\ub2e4."}),"\n",(0,n.jsx)(t.p,{children:(0,n.jsx)(t.em,{children:"\ubcf4\ud1b5 \ud55c \uc0ac\ub78c\uc774 \ud504\ub85c\uc81d\ud2b8\ub97c \uc124\uacc4\ud558\uace0 \uac1c\ubc1c\ud560 \ub54c\ub294 \ubaa8\ub4e0 \uac83\uc774 \uc21c\uc870\ub86d\uac8c \uc9c4\ud589\ub429\ub2c8\ub2e4. \ud558\uc9c0\ub9cc \uac1c\ubc1c\uc5d0 \uc911\ub2e8\uc774 \uc788\uac70\ub098 \uc0c8\ub85c\uc6b4 \uac1c\ubc1c\uc790\uac00 \ud300\uc5d0 \ud569\ub958\ud558\uba74 \ubb38\uc81c\uac00 \ubc1c\uc0dd\ud569\ub2c8\ub2e4"})}),"\n",(0,n.jsx)(t.h3,{id:"\uc778\uc99d-\ucee8\ud14d\uc2a4\ud2b8\ub294-\uc5b4\ub5bb\uac8c-\ub2e4\ub8e8\ub098\uc694",children:"\uc778\uc99d \ucee8\ud14d\uc2a4\ud2b8\ub294 \uc5b4\ub5bb\uac8c \ub2e4\ub8e8\ub098\uc694?"}),"\n",(0,n.jsxs)(t.p,{children:[(0,n.jsx)(t.a,{href:"/docs/guides/examples/auth",children:"\uc5ec\uae30"}),"\uc5d0\uc11c \ub2f5\ubcc0\ud588\uc2b5\ub2c8\ub2e4."]})]})}function u(e={}){const{wrapper:t}={...(0,s.R)(),...e.components};return t?(0,n.jsx)(t,{...e,children:(0,n.jsx)(o,{...e})}):o(e)}},1100:(e,t,i)=>{i.d(t,{R:()=>d,x:()=>l});var n=i(758);const s={},r=n.createContext(s);function d(e){const t=n.useContext(r);return n.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function l(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(s):e.components||s:d(e.components),n.createElement(r.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
diff --git a/kr/assets/js/480f28a3.abe81105.js b/kr/assets/js/480f28a3.5865169c.js
similarity index 98%
rename from kr/assets/js/480f28a3.abe81105.js
rename to kr/assets/js/480f28a3.5865169c.js
index 4de8ea83ed..8626cfd495 100644
--- a/kr/assets/js/480f28a3.abe81105.js
+++ b/kr/assets/js/480f28a3.5865169c.js
@@ -1 +1 @@
-"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[7951],{5852:(e,n,o)=>{o.r(n),o.d(n,{assets:()=>a,contentTitle:()=>l,default:()=>h,frontMatter:()=>s,metadata:()=>r,toc:()=>d});var i=o(6070),t=o(1100);const s={sidebar_position:1},l="Mission",r={id:"about/mission",title:"Mission",description:"Here we describe the goals and limitations of the applicability of the methodology-which we are guided by when developing the methodology",source:"@site/i18n/en/docusaurus-plugin-content-docs/current/about/mission.md",sourceDirName:"about",slug:"/about/mission",permalink:"/kr/docs/about/mission",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/about/mission.md",tags:[],version:"current",lastUpdatedAt:1727607766e3,sidebarPosition:1,frontMatter:{sidebar_position:1},sidebar:"aboutSidebar",previous:{title:"\ud83c\udf70 About",permalink:"/kr/docs/about/"},next:{title:"Motivation",permalink:"/kr/docs/about/motivation"}},a={},d=[{value:"Goals",id:"goals",level:2},{value:"Intuitive clarity for a wide range of developers",id:"intuitive-clarity-for-a-wide-range-of-developers",level:3},{value:"Solving everyday problems",id:"solving-everyday-problems",level:3},{value:"Limitations",id:"limitations",level:2},{value:"See also",id:"see-also",level:2}];function c(e){const n={a:"a",blockquote:"blockquote",em:"em",h1:"h1",h2:"h2",h3:"h3",header:"header",li:"li",p:"p",strong:"strong",ul:"ul",...(0,t.R)(),...e.components};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(n.header,{children:(0,i.jsx)(n.h1,{id:"mission",children:"Mission"})}),"\n",(0,i.jsx)(n.p,{children:"Here we describe the goals and limitations of the applicability of the methodology-which we are guided by when developing the methodology"}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsx)(n.li,{children:"We see our goal as a balance between ideology and simplicity"}),"\n",(0,i.jsx)(n.li,{children:"We won't be able to make a silver bullet that fits everyone"}),"\n"]}),"\n",(0,i.jsx)(n.p,{children:(0,i.jsx)(n.strong,{children:"Nevertheless, the methodology should be close and accessible to a fairly wide range of developers"})}),"\n",(0,i.jsx)(n.h2,{id:"goals",children:"Goals"}),"\n",(0,i.jsx)(n.h3,{id:"intuitive-clarity-for-a-wide-range-of-developers",children:"Intuitive clarity for a wide range of developers"}),"\n",(0,i.jsx)(n.p,{children:"The methodology should be accessible - for most of the team in projects"}),"\n",(0,i.jsx)(n.p,{children:(0,i.jsx)(n.em,{children:"Because even with all the future tools , it will not be enough, if only experienced seniors/leads will understand the methodology"})}),"\n",(0,i.jsx)(n.h3,{id:"solving-everyday-problems",children:"Solving everyday problems"}),"\n",(0,i.jsx)(n.p,{children:"The methodology should set out the reasons and solutions to our everyday problems when developing projects"}),"\n",(0,i.jsx)(n.p,{children:(0,i.jsx)(n.strong,{children:"And also-attach tools to all this (cli, linters)"})}),"\n",(0,i.jsxs)(n.p,{children:["So that developers can use a ",(0,i.jsx)(n.em,{children:"battle-tested"})," approach that allows them to bypass long-standing problems of architecture and development"]}),"\n",(0,i.jsxs)(n.blockquote,{children:["\n",(0,i.jsx)(n.p,{children:(0,i.jsx)(n.em,{children:"@sergeysova: Imagine, that a developer writes code within the framework of the methodology and he has problems 10 times less often, simply because other people have thought out the solution to many problems."})}),"\n"]}),"\n",(0,i.jsx)(n.h2,{id:"limitations",children:"Limitations"}),"\n",(0,i.jsxs)(n.p,{children:["We do not want to ",(0,i.jsx)(n.em,{children:"impose our point of view"}),", and at the same time we understand that ",(0,i.jsx)(n.em,{children:"many of our habits, as developers, interfere from day to day"})]}),"\n",(0,i.jsxs)(n.p,{children:["Everyone has their own level of experience in designing and developing systems, ",(0,i.jsx)(n.strong,{children:"therefore, it is worth understanding the following:"})]}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsxs)(n.li,{children:["\n",(0,i.jsxs)(n.p,{children:[(0,i.jsx)(n.strong,{children:"Will not work"}),": very simple, very clear, for everyone"]}),"\n",(0,i.jsxs)(n.blockquote,{children:["\n",(0,i.jsx)(n.p,{children:(0,i.jsx)(n.em,{children:"@sergeysova: Some concepts cannot be intuitively understood until you encounter problems and spend years solving them."})}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsx)(n.li,{children:(0,i.jsx)(n.em,{children:"In math world: is graph theory."})}),"\n",(0,i.jsx)(n.li,{children:(0,i.jsx)(n.em,{children:"In physics: quantum mechanics."})}),"\n",(0,i.jsx)(n.li,{children:(0,i.jsx)(n.em,{children:"In programming: application architecture."})}),"\n"]}),"\n"]}),"\n"]}),"\n",(0,i.jsxs)(n.li,{children:["\n",(0,i.jsxs)(n.p,{children:[(0,i.jsx)(n.strong,{children:"Possible and desirable"}),": simplicity, extensibility"]}),"\n"]}),"\n"]}),"\n",(0,i.jsx)(n.h2,{id:"see-also",children:"See also"}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsx)(n.li,{children:(0,i.jsx)(n.a,{href:"/docs/about/understanding/architecture#problems",children:"Architecture problems"})}),"\n"]})]})}function h(e={}){const{wrapper:n}={...(0,t.R)(),...e.components};return n?(0,i.jsx)(n,{...e,children:(0,i.jsx)(c,{...e})}):c(e)}},1100:(e,n,o)=>{o.d(n,{R:()=>l,x:()=>r});var i=o(758);const t={},s=i.createContext(t);function l(e){const n=i.useContext(s);return i.useMemo((function(){return"function"==typeof e?e(n):{...n,...e}}),[n,e])}function r(e){let n;return n=e.disableParentContext?"function"==typeof e.components?e.components(t):e.components||t:l(e.components),i.createElement(s.Provider,{value:n},e.children)}}}]);
\ No newline at end of file
+"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[7951],{5852:(e,n,o)=>{o.r(n),o.d(n,{assets:()=>a,contentTitle:()=>l,default:()=>h,frontMatter:()=>s,metadata:()=>r,toc:()=>d});var i=o(6070),t=o(1100);const s={sidebar_position:1},l="Mission",r={id:"about/mission",title:"Mission",description:"Here we describe the goals and limitations of the applicability of the methodology-which we are guided by when developing the methodology",source:"@site/i18n/en/docusaurus-plugin-content-docs/current/about/mission.md",sourceDirName:"about",slug:"/about/mission",permalink:"/kr/docs/about/mission",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/about/mission.md",tags:[],version:"current",lastUpdatedAt:1728325386e3,sidebarPosition:1,frontMatter:{sidebar_position:1},sidebar:"aboutSidebar",previous:{title:"\ud83c\udf70 About",permalink:"/kr/docs/about/"},next:{title:"Motivation",permalink:"/kr/docs/about/motivation"}},a={},d=[{value:"Goals",id:"goals",level:2},{value:"Intuitive clarity for a wide range of developers",id:"intuitive-clarity-for-a-wide-range-of-developers",level:3},{value:"Solving everyday problems",id:"solving-everyday-problems",level:3},{value:"Limitations",id:"limitations",level:2},{value:"See also",id:"see-also",level:2}];function c(e){const n={a:"a",blockquote:"blockquote",em:"em",h1:"h1",h2:"h2",h3:"h3",header:"header",li:"li",p:"p",strong:"strong",ul:"ul",...(0,t.R)(),...e.components};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(n.header,{children:(0,i.jsx)(n.h1,{id:"mission",children:"Mission"})}),"\n",(0,i.jsx)(n.p,{children:"Here we describe the goals and limitations of the applicability of the methodology-which we are guided by when developing the methodology"}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsx)(n.li,{children:"We see our goal as a balance between ideology and simplicity"}),"\n",(0,i.jsx)(n.li,{children:"We won't be able to make a silver bullet that fits everyone"}),"\n"]}),"\n",(0,i.jsx)(n.p,{children:(0,i.jsx)(n.strong,{children:"Nevertheless, the methodology should be close and accessible to a fairly wide range of developers"})}),"\n",(0,i.jsx)(n.h2,{id:"goals",children:"Goals"}),"\n",(0,i.jsx)(n.h3,{id:"intuitive-clarity-for-a-wide-range-of-developers",children:"Intuitive clarity for a wide range of developers"}),"\n",(0,i.jsx)(n.p,{children:"The methodology should be accessible - for most of the team in projects"}),"\n",(0,i.jsx)(n.p,{children:(0,i.jsx)(n.em,{children:"Because even with all the future tools , it will not be enough, if only experienced seniors/leads will understand the methodology"})}),"\n",(0,i.jsx)(n.h3,{id:"solving-everyday-problems",children:"Solving everyday problems"}),"\n",(0,i.jsx)(n.p,{children:"The methodology should set out the reasons and solutions to our everyday problems when developing projects"}),"\n",(0,i.jsx)(n.p,{children:(0,i.jsx)(n.strong,{children:"And also-attach tools to all this (cli, linters)"})}),"\n",(0,i.jsxs)(n.p,{children:["So that developers can use a ",(0,i.jsx)(n.em,{children:"battle-tested"})," approach that allows them to bypass long-standing problems of architecture and development"]}),"\n",(0,i.jsxs)(n.blockquote,{children:["\n",(0,i.jsx)(n.p,{children:(0,i.jsx)(n.em,{children:"@sergeysova: Imagine, that a developer writes code within the framework of the methodology and he has problems 10 times less often, simply because other people have thought out the solution to many problems."})}),"\n"]}),"\n",(0,i.jsx)(n.h2,{id:"limitations",children:"Limitations"}),"\n",(0,i.jsxs)(n.p,{children:["We do not want to ",(0,i.jsx)(n.em,{children:"impose our point of view"}),", and at the same time we understand that ",(0,i.jsx)(n.em,{children:"many of our habits, as developers, interfere from day to day"})]}),"\n",(0,i.jsxs)(n.p,{children:["Everyone has their own level of experience in designing and developing systems, ",(0,i.jsx)(n.strong,{children:"therefore, it is worth understanding the following:"})]}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsxs)(n.li,{children:["\n",(0,i.jsxs)(n.p,{children:[(0,i.jsx)(n.strong,{children:"Will not work"}),": very simple, very clear, for everyone"]}),"\n",(0,i.jsxs)(n.blockquote,{children:["\n",(0,i.jsx)(n.p,{children:(0,i.jsx)(n.em,{children:"@sergeysova: Some concepts cannot be intuitively understood until you encounter problems and spend years solving them."})}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsx)(n.li,{children:(0,i.jsx)(n.em,{children:"In math world: is graph theory."})}),"\n",(0,i.jsx)(n.li,{children:(0,i.jsx)(n.em,{children:"In physics: quantum mechanics."})}),"\n",(0,i.jsx)(n.li,{children:(0,i.jsx)(n.em,{children:"In programming: application architecture."})}),"\n"]}),"\n"]}),"\n"]}),"\n",(0,i.jsxs)(n.li,{children:["\n",(0,i.jsxs)(n.p,{children:[(0,i.jsx)(n.strong,{children:"Possible and desirable"}),": simplicity, extensibility"]}),"\n"]}),"\n"]}),"\n",(0,i.jsx)(n.h2,{id:"see-also",children:"See also"}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsx)(n.li,{children:(0,i.jsx)(n.a,{href:"/docs/about/understanding/architecture#problems",children:"Architecture problems"})}),"\n"]})]})}function h(e={}){const{wrapper:n}={...(0,t.R)(),...e.components};return n?(0,i.jsx)(n,{...e,children:(0,i.jsx)(c,{...e})}):c(e)}},1100:(e,n,o)=>{o.d(n,{R:()=>l,x:()=>r});var i=o(758);const t={},s=i.createContext(t);function l(e){const n=i.useContext(s);return i.useMemo((function(){return"function"==typeof e?e(n):{...n,...e}}),[n,e])}function r(e){let n;return n=e.disableParentContext?"function"==typeof e.components?e.components(t):e.components||t:l(e.components),i.createElement(s.Provider,{value:n},e.children)}}}]);
\ No newline at end of file
diff --git a/kr/assets/js/488b6464.76d1cae8.js b/kr/assets/js/488b6464.77d81216.js
similarity index 99%
rename from kr/assets/js/488b6464.76d1cae8.js
rename to kr/assets/js/488b6464.77d81216.js
index 57a3626f00..fb899f4794 100644
--- a/kr/assets/js/488b6464.76d1cae8.js
+++ b/kr/assets/js/488b6464.77d81216.js
@@ -1 +1 @@
-"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[6369],{4487:(e,n,i)=>{i.r(n),i.d(n,{assets:()=>a,contentTitle:()=>l,default:()=>h,frontMatter:()=>o,metadata:()=>r,toc:()=>c});var t=i(6070),s=i(1100);const o={sidebar_position:1},l="Low Coupling & High Cohesion",r={id:"reference/isolation/coupling-cohesion",title:"Low Coupling & High Cohesion",description:"Application modules should be designed according to high cohesion (should solve one specific task) and low coupling (independent of other modules) principles.",source:"@site/i18n/en/docusaurus-plugin-content-docs/current/reference/isolation/coupling-cohesion.md",sourceDirName:"reference/isolation",slug:"/reference/isolation/coupling-cohesion",permalink:"/kr/docs/reference/isolation/coupling-cohesion",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/reference/isolation/coupling-cohesion.md",tags:[],version:"current",lastUpdatedAt:1727607766e3,sidebarPosition:1,frontMatter:{sidebar_position:1},sidebar:"referenceSidebar",previous:{title:"Isolation of modules",permalink:"/kr/docs/reference/isolation/"},next:{title:"Decouple entities",permalink:"/kr/docs/reference/isolation/decouple-entities"}},a={},c=[{value:"Components composition (UI level)",id:"components-composition-ui-level",level:2},{value:"Example",id:"example",level:3},{value:"Laying the extensibility",id:"laying-the-extensibility",level:4},{value:"Using the composition",id:"using-the-composition",level:4},{value:"Layer composition (APP level)",id:"layer-composition-app-level",level:2},{value:"Example",id:"example-1",level:3},{value:"Let&#39;s tie it all together",id:"lets-tie-it-all-together",level:4},{value:"Data model",id:"data-model",level:4},{value:"Summary",id:"summary",level:2},{value:"See also",id:"see-also",level:2}];function d(e){const n={a:"a",blockquote:"blockquote",code:"code",em:"em",h1:"h1",h2:"h2",h3:"h3",h4:"h4",header:"header",li:"li",ol:"ol",p:"p",pre:"pre",strong:"strong",ul:"ul",...(0,s.R)(),...e.components};return(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(n.header,{children:(0,t.jsx)(n.h1,{id:"low-coupling--high-cohesion",children:"Low Coupling & High Cohesion"})}),"\n",(0,t.jsxs)(n.p,{children:["Application modules should be designed according to ",(0,t.jsx)(n.strong,{children:"high cohesion"})," (should solve one specific task) and ",(0,t.jsx)(n.strong,{children:"low coupling"})," (independent of other modules) principles."]}),"\n",(0,t.jsxs)("figure",{children:[(0,t.jsx)("img",{src:"/img/coupling-cohesion-light.svg#light-mode-only",alt:""}),(0,t.jsx)("img",{src:"/img/coupling-cohesion-dark.svg#dark-mode-only",alt:""}),(0,t.jsx)("figcaption",{children:(0,t.jsxs)(n.p,{children:["Image inspired by ",(0,t.jsx)(n.a,{href:"https://enterprisecraftsmanship.com/posts/cohesion-coupling-difference/",children:"https://enterprisecraftsmanship.com/posts/cohesion-coupling-difference/"})]})})]}),"\n",(0,t.jsx)(n.p,{children:"Within the methodology, this is achieved through:"}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsx)(n.li,{children:"Splitting the application into layers and slices that implement specific functionality"}),"\n",(0,t.jsxs)(n.li,{children:["Providing a ",(0,t.jsx)(n.a,{href:"/docs/reference/public-api",children:"public access interface"})," for each module"]}),"\n",(0,t.jsxs)(n.li,{children:["Setting up restrictions for ",(0,t.jsx)(n.a,{href:"/docs/reference/isolation",children:"modules interactions"})," - each module can depend only on the modules below it, but not on modules from the same or higher layer"]}),"\n"]}),"\n",(0,t.jsx)(n.h2,{id:"components-composition-ui-level",children:"Components composition (UI level)"}),"\n",(0,t.jsx)(n.p,{children:"The majority of modern UI frameworks and libraries provide a component model in which each component can have its own properties, state, child components, and even slots."}),"\n",(0,t.jsxs)(n.p,{children:["This model allows you to design an interface as a ",(0,t.jsx)(n.strong,{children:"composition of various components that are not directly related to each other"})," and, thereby, achieve ",(0,t.jsx)(n.strong,{children:"low coupling"})," of the interface components."]}),"\n",(0,t.jsx)(n.h3,{id:"example",children:"Example"}),"\n",(0,t.jsxs)(n.p,{children:["Let's consider such a composition using the example of a ",(0,t.jsx)(n.strong,{children:"list with a header:"})]}),"\n",(0,t.jsx)(n.h4,{id:"laying-the-extensibility",children:"Laying the extensibility"}),"\n",(0,t.jsx)(n.p,{children:"List component will not itself define the look and structure of the header components and list elements, instead it will accept them as parameters"}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-tsx",children:'interface ListProps {\n    Header: React.ReactNode;\n    Items: React.ReactNode;\n}\n\nconst List: Component<ListProps> = ({ Header, Items }) => (\n    <div class="wrapper">\n        {Header}\n        <ul class="...">\n            {Items}\n        </ul>\n    </div>\n)\n\n'})}),"\n",(0,t.jsx)(n.h4,{id:"using-the-composition",children:"Using the composition"}),"\n",(0,t.jsxs)(n.p,{children:["This allows you to ",(0,t.jsx)(n.strong,{children:"reuse and independently change"})," components with different Header and list Items. Header and Items components can have both their own local state and their binding to the general state of the application - the List component will not know anything about it, and therefore will not depend on it"]}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-tsx",children:'<List Header={<FancyHeader />} Items={<ToDoItems />} />\n\n<List Items={<CartItems />} />\n\n<List Header={<FancyHeaderV2 color="red" />} Items={<FancyItems />} />\n\n'})}),"\n",(0,t.jsx)(n.h2,{id:"layer-composition-app-level",children:"Layer composition (APP level)"}),"\n",(0,t.jsxs)(n.p,{children:["The methodology suggests putting the functionality that is valuable for the user into ",(0,t.jsx)(n.strong,{children:"features slice"}),", and the logic related to business entities - into ",(0,t.jsx)(n.strong,{children:"entities"}),". Both features and entities ",(0,t.jsx)(n.strong,{children:"should be designed as modules with high cohesion"}),", i.e. aimed at solving ",(0,t.jsx)(n.strong,{children:"one specific task"})," or related to ",(0,t.jsx)(n.strong,{children:"one specific entity."})]}),"\n",(0,t.jsxs)(n.p,{children:["All interactions between such modules, similar to the UI components from the example above, should be coordinated via a ",(0,t.jsx)(n.strong,{children:"modules composition"}),"."]}),"\n",(0,t.jsx)(n.h3,{id:"example-1",children:"Example"}),"\n",(0,t.jsx)(n.p,{children:"Let's use an example of a chat application with the following features:"}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsx)(n.li,{children:"user can open a contact list and select a friend"}),"\n",(0,t.jsx)(n.li,{children:"user can open a conversation with a selected friend"}),"\n"]}),"\n",(0,t.jsx)(n.p,{children:"According to methodology principles, it can be represented as:"}),"\n",(0,t.jsx)(n.p,{children:"Entities"}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsx)(n.li,{children:"User (contains user's state)"}),"\n",(0,t.jsx)(n.li,{children:"Contact (state of the contact list, utilities for working with an individual contact)"}),"\n",(0,t.jsx)(n.li,{children:"Chat (the state of the current chat and utilies for it)"}),"\n"]}),"\n",(0,t.jsx)(n.p,{children:"Features"}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsx)(n.li,{children:"Form for sending a message"}),"\n",(0,t.jsx)(n.li,{children:"Chat selection menu"}),"\n"]}),"\n",(0,t.jsx)(n.h4,{id:"lets-tie-it-all-together",children:"Let's tie it all together"}),"\n",(0,t.jsx)(n.p,{children:"The application, to begin with, will have one page, and the interface will be slightly modified from the first example"}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-tsx",metastring:'title="page/main/ui.tsx"',children:"<List\n    Header={<ConversationSwitch />}\n    Items={<Messages />}\n    Footer={<MessageInput />}\n/>\n"})}),"\n",(0,t.jsx)(n.h4,{id:"data-model",children:"Data model"}),"\n",(0,t.jsxs)(n.p,{children:["The page data model will be organized as a ",(0,t.jsx)(n.strong,{children:"composition of features and entities"}),". In this example, the features will be implemented as factories and they will access the interface of entities through the parameters of these factories."]}),"\n",(0,t.jsxs)(n.blockquote,{children:["\n",(0,t.jsx)(n.p,{children:"However, the implementation using factory is optional - the feature may directly depend on the lower layers."}),"\n"]}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-ts",metastring:'title="pages/main/model.ts"',children:'import { userModel } from "entitites/user"\nimport { conversationModel } from "entities/conversation"\nimport { contactModel } from "entities/contact"\n\nimport { createMessageInput } from "features/message-input"\nimport { createConversationSwitch } from "features/conversation-switch"\n\nimport { beautifiy } from "shared/lib/beautify-text"\n\nexport const { allConversations, setConversation } = createConversationSwitch({\n    contacts: contactModel.allContacts,\n    setConversation: conversationModel.setConversation,\n    currentConversation: conversationModel.conversation,\n    currentUser: userModel.currentUser\n})\n\nexport const { sendMessage, attachFile } = createMessageInput({\n    author: userModel.currentUser\n    send: conversationModel.sendMessage,\n    formatMessage: beautify\n})\n'})}),"\n",(0,t.jsx)(n.h2,{id:"summary",children:"Summary"}),"\n",(0,t.jsxs)(n.ol,{children:["\n",(0,t.jsxs)(n.li,{children:["Modules must have ",(0,t.jsx)(n.strong,{children:"high cohesion"})," (have one responsibility, solve one specific task) and provide a ",(0,t.jsx)(n.a,{href:"/docs/reference/public-api",children:(0,t.jsx)(n.strong,{children:"public interface"})})," access"]}),"\n",(0,t.jsxs)(n.li,{children:[(0,t.jsx)(n.strong,{children:"Low coupling"})," is achieved through the composition of elements - UI components, features and entities"]}),"\n",(0,t.jsxs)(n.li,{children:["To reduce entanglement, modules ",(0,t.jsx)(n.strong,{children:"should interact with each other only through a public interfaces"})," - this makes modules independent of each other's internal implementation"]}),"\n"]}),"\n",(0,t.jsx)(n.h2,{id:"see-also",children:"See also"}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsxs)(n.li,{children:[(0,t.jsx)(n.a,{href:"https://enterprisecraftsmanship.com/posts/cohesion-coupling-difference/",children:"(Article) Low Coupling and High Cohesion in details"}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsx)(n.li,{children:(0,t.jsx)(n.em,{children:"The diagram at the beginning is inspired by this article"})}),"\n"]}),"\n"]}),"\n",(0,t.jsx)(n.li,{children:(0,t.jsx)(n.a,{href:"https://medium.com/german-gorelkin/low-coupling-high-cohesion-d36369fb1be9",children:"(Article) Low Coupling and High Cohesion. The Law of Demeter"})}),"\n",(0,t.jsx)(n.li,{children:(0,t.jsx)(n.a,{href:"https://www.slideshare.net/cristalngo/software-design-principles-57388843",children:"(Presentation) On design principles (including Low Coupling & High Cohesion)"})}),"\n"]})]})}function h(e={}){const{wrapper:n}={...(0,s.R)(),...e.components};return n?(0,t.jsx)(n,{...e,children:(0,t.jsx)(d,{...e})}):d(e)}},1100:(e,n,i)=>{i.d(n,{R:()=>l,x:()=>r});var t=i(758);const s={},o=t.createContext(s);function l(e){const n=t.useContext(o);return t.useMemo((function(){return"function"==typeof e?e(n):{...n,...e}}),[n,e])}function r(e){let n;return n=e.disableParentContext?"function"==typeof e.components?e.components(s):e.components||s:l(e.components),t.createElement(o.Provider,{value:n},e.children)}}}]);
\ No newline at end of file
+"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[6369],{4487:(e,n,i)=>{i.r(n),i.d(n,{assets:()=>a,contentTitle:()=>l,default:()=>h,frontMatter:()=>o,metadata:()=>r,toc:()=>c});var t=i(6070),s=i(1100);const o={sidebar_position:1},l="Low Coupling & High Cohesion",r={id:"reference/isolation/coupling-cohesion",title:"Low Coupling & High Cohesion",description:"Application modules should be designed according to high cohesion (should solve one specific task) and low coupling (independent of other modules) principles.",source:"@site/i18n/en/docusaurus-plugin-content-docs/current/reference/isolation/coupling-cohesion.md",sourceDirName:"reference/isolation",slug:"/reference/isolation/coupling-cohesion",permalink:"/kr/docs/reference/isolation/coupling-cohesion",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/reference/isolation/coupling-cohesion.md",tags:[],version:"current",lastUpdatedAt:1728325386e3,sidebarPosition:1,frontMatter:{sidebar_position:1},sidebar:"referenceSidebar",previous:{title:"Isolation of modules",permalink:"/kr/docs/reference/isolation/"},next:{title:"Decouple entities",permalink:"/kr/docs/reference/isolation/decouple-entities"}},a={},c=[{value:"Components composition (UI level)",id:"components-composition-ui-level",level:2},{value:"Example",id:"example",level:3},{value:"Laying the extensibility",id:"laying-the-extensibility",level:4},{value:"Using the composition",id:"using-the-composition",level:4},{value:"Layer composition (APP level)",id:"layer-composition-app-level",level:2},{value:"Example",id:"example-1",level:3},{value:"Let&#39;s tie it all together",id:"lets-tie-it-all-together",level:4},{value:"Data model",id:"data-model",level:4},{value:"Summary",id:"summary",level:2},{value:"See also",id:"see-also",level:2}];function d(e){const n={a:"a",blockquote:"blockquote",code:"code",em:"em",h1:"h1",h2:"h2",h3:"h3",h4:"h4",header:"header",li:"li",ol:"ol",p:"p",pre:"pre",strong:"strong",ul:"ul",...(0,s.R)(),...e.components};return(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(n.header,{children:(0,t.jsx)(n.h1,{id:"low-coupling--high-cohesion",children:"Low Coupling & High Cohesion"})}),"\n",(0,t.jsxs)(n.p,{children:["Application modules should be designed according to ",(0,t.jsx)(n.strong,{children:"high cohesion"})," (should solve one specific task) and ",(0,t.jsx)(n.strong,{children:"low coupling"})," (independent of other modules) principles."]}),"\n",(0,t.jsxs)("figure",{children:[(0,t.jsx)("img",{src:"/img/coupling-cohesion-light.svg#light-mode-only",alt:""}),(0,t.jsx)("img",{src:"/img/coupling-cohesion-dark.svg#dark-mode-only",alt:""}),(0,t.jsx)("figcaption",{children:(0,t.jsxs)(n.p,{children:["Image inspired by ",(0,t.jsx)(n.a,{href:"https://enterprisecraftsmanship.com/posts/cohesion-coupling-difference/",children:"https://enterprisecraftsmanship.com/posts/cohesion-coupling-difference/"})]})})]}),"\n",(0,t.jsx)(n.p,{children:"Within the methodology, this is achieved through:"}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsx)(n.li,{children:"Splitting the application into layers and slices that implement specific functionality"}),"\n",(0,t.jsxs)(n.li,{children:["Providing a ",(0,t.jsx)(n.a,{href:"/docs/reference/public-api",children:"public access interface"})," for each module"]}),"\n",(0,t.jsxs)(n.li,{children:["Setting up restrictions for ",(0,t.jsx)(n.a,{href:"/docs/reference/isolation",children:"modules interactions"})," - each module can depend only on the modules below it, but not on modules from the same or higher layer"]}),"\n"]}),"\n",(0,t.jsx)(n.h2,{id:"components-composition-ui-level",children:"Components composition (UI level)"}),"\n",(0,t.jsx)(n.p,{children:"The majority of modern UI frameworks and libraries provide a component model in which each component can have its own properties, state, child components, and even slots."}),"\n",(0,t.jsxs)(n.p,{children:["This model allows you to design an interface as a ",(0,t.jsx)(n.strong,{children:"composition of various components that are not directly related to each other"})," and, thereby, achieve ",(0,t.jsx)(n.strong,{children:"low coupling"})," of the interface components."]}),"\n",(0,t.jsx)(n.h3,{id:"example",children:"Example"}),"\n",(0,t.jsxs)(n.p,{children:["Let's consider such a composition using the example of a ",(0,t.jsx)(n.strong,{children:"list with a header:"})]}),"\n",(0,t.jsx)(n.h4,{id:"laying-the-extensibility",children:"Laying the extensibility"}),"\n",(0,t.jsx)(n.p,{children:"List component will not itself define the look and structure of the header components and list elements, instead it will accept them as parameters"}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-tsx",children:'interface ListProps {\n    Header: React.ReactNode;\n    Items: React.ReactNode;\n}\n\nconst List: Component<ListProps> = ({ Header, Items }) => (\n    <div class="wrapper">\n        {Header}\n        <ul class="...">\n            {Items}\n        </ul>\n    </div>\n)\n\n'})}),"\n",(0,t.jsx)(n.h4,{id:"using-the-composition",children:"Using the composition"}),"\n",(0,t.jsxs)(n.p,{children:["This allows you to ",(0,t.jsx)(n.strong,{children:"reuse and independently change"})," components with different Header and list Items. Header and Items components can have both their own local state and their binding to the general state of the application - the List component will not know anything about it, and therefore will not depend on it"]}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-tsx",children:'<List Header={<FancyHeader />} Items={<ToDoItems />} />\n\n<List Items={<CartItems />} />\n\n<List Header={<FancyHeaderV2 color="red" />} Items={<FancyItems />} />\n\n'})}),"\n",(0,t.jsx)(n.h2,{id:"layer-composition-app-level",children:"Layer composition (APP level)"}),"\n",(0,t.jsxs)(n.p,{children:["The methodology suggests putting the functionality that is valuable for the user into ",(0,t.jsx)(n.strong,{children:"features slice"}),", and the logic related to business entities - into ",(0,t.jsx)(n.strong,{children:"entities"}),". Both features and entities ",(0,t.jsx)(n.strong,{children:"should be designed as modules with high cohesion"}),", i.e. aimed at solving ",(0,t.jsx)(n.strong,{children:"one specific task"})," or related to ",(0,t.jsx)(n.strong,{children:"one specific entity."})]}),"\n",(0,t.jsxs)(n.p,{children:["All interactions between such modules, similar to the UI components from the example above, should be coordinated via a ",(0,t.jsx)(n.strong,{children:"modules composition"}),"."]}),"\n",(0,t.jsx)(n.h3,{id:"example-1",children:"Example"}),"\n",(0,t.jsx)(n.p,{children:"Let's use an example of a chat application with the following features:"}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsx)(n.li,{children:"user can open a contact list and select a friend"}),"\n",(0,t.jsx)(n.li,{children:"user can open a conversation with a selected friend"}),"\n"]}),"\n",(0,t.jsx)(n.p,{children:"According to methodology principles, it can be represented as:"}),"\n",(0,t.jsx)(n.p,{children:"Entities"}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsx)(n.li,{children:"User (contains user's state)"}),"\n",(0,t.jsx)(n.li,{children:"Contact (state of the contact list, utilities for working with an individual contact)"}),"\n",(0,t.jsx)(n.li,{children:"Chat (the state of the current chat and utilies for it)"}),"\n"]}),"\n",(0,t.jsx)(n.p,{children:"Features"}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsx)(n.li,{children:"Form for sending a message"}),"\n",(0,t.jsx)(n.li,{children:"Chat selection menu"}),"\n"]}),"\n",(0,t.jsx)(n.h4,{id:"lets-tie-it-all-together",children:"Let's tie it all together"}),"\n",(0,t.jsx)(n.p,{children:"The application, to begin with, will have one page, and the interface will be slightly modified from the first example"}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-tsx",metastring:'title="page/main/ui.tsx"',children:"<List\n    Header={<ConversationSwitch />}\n    Items={<Messages />}\n    Footer={<MessageInput />}\n/>\n"})}),"\n",(0,t.jsx)(n.h4,{id:"data-model",children:"Data model"}),"\n",(0,t.jsxs)(n.p,{children:["The page data model will be organized as a ",(0,t.jsx)(n.strong,{children:"composition of features and entities"}),". In this example, the features will be implemented as factories and they will access the interface of entities through the parameters of these factories."]}),"\n",(0,t.jsxs)(n.blockquote,{children:["\n",(0,t.jsx)(n.p,{children:"However, the implementation using factory is optional - the feature may directly depend on the lower layers."}),"\n"]}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-ts",metastring:'title="pages/main/model.ts"',children:'import { userModel } from "entitites/user"\nimport { conversationModel } from "entities/conversation"\nimport { contactModel } from "entities/contact"\n\nimport { createMessageInput } from "features/message-input"\nimport { createConversationSwitch } from "features/conversation-switch"\n\nimport { beautifiy } from "shared/lib/beautify-text"\n\nexport const { allConversations, setConversation } = createConversationSwitch({\n    contacts: contactModel.allContacts,\n    setConversation: conversationModel.setConversation,\n    currentConversation: conversationModel.conversation,\n    currentUser: userModel.currentUser\n})\n\nexport const { sendMessage, attachFile } = createMessageInput({\n    author: userModel.currentUser\n    send: conversationModel.sendMessage,\n    formatMessage: beautify\n})\n'})}),"\n",(0,t.jsx)(n.h2,{id:"summary",children:"Summary"}),"\n",(0,t.jsxs)(n.ol,{children:["\n",(0,t.jsxs)(n.li,{children:["Modules must have ",(0,t.jsx)(n.strong,{children:"high cohesion"})," (have one responsibility, solve one specific task) and provide a ",(0,t.jsx)(n.a,{href:"/docs/reference/public-api",children:(0,t.jsx)(n.strong,{children:"public interface"})})," access"]}),"\n",(0,t.jsxs)(n.li,{children:[(0,t.jsx)(n.strong,{children:"Low coupling"})," is achieved through the composition of elements - UI components, features and entities"]}),"\n",(0,t.jsxs)(n.li,{children:["To reduce entanglement, modules ",(0,t.jsx)(n.strong,{children:"should interact with each other only through a public interfaces"})," - this makes modules independent of each other's internal implementation"]}),"\n"]}),"\n",(0,t.jsx)(n.h2,{id:"see-also",children:"See also"}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsxs)(n.li,{children:[(0,t.jsx)(n.a,{href:"https://enterprisecraftsmanship.com/posts/cohesion-coupling-difference/",children:"(Article) Low Coupling and High Cohesion in details"}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsx)(n.li,{children:(0,t.jsx)(n.em,{children:"The diagram at the beginning is inspired by this article"})}),"\n"]}),"\n"]}),"\n",(0,t.jsx)(n.li,{children:(0,t.jsx)(n.a,{href:"https://medium.com/german-gorelkin/low-coupling-high-cohesion-d36369fb1be9",children:"(Article) Low Coupling and High Cohesion. The Law of Demeter"})}),"\n",(0,t.jsx)(n.li,{children:(0,t.jsx)(n.a,{href:"https://www.slideshare.net/cristalngo/software-design-principles-57388843",children:"(Presentation) On design principles (including Low Coupling & High Cohesion)"})}),"\n"]})]})}function h(e={}){const{wrapper:n}={...(0,s.R)(),...e.components};return n?(0,t.jsx)(n,{...e,children:(0,t.jsx)(d,{...e})}):d(e)}},1100:(e,n,i)=>{i.d(n,{R:()=>l,x:()=>r});var t=i(758);const s={},o=t.createContext(s);function l(e){const n=t.useContext(o);return t.useMemo((function(){return"function"==typeof e?e(n):{...n,...e}}),[n,e])}function r(e){let n;return n=e.disableParentContext?"function"==typeof e.components?e.components(s):e.components||s:l(e.components),t.createElement(o.Provider,{value:n},e.children)}}}]);
\ No newline at end of file
diff --git a/kr/assets/js/49161156.936aa929.js b/kr/assets/js/49161156.4043620d.js
similarity index 98%
rename from kr/assets/js/49161156.936aa929.js
rename to kr/assets/js/49161156.4043620d.js
index 53016220f9..0e7d0d8873 100644
--- a/kr/assets/js/49161156.936aa929.js
+++ b/kr/assets/js/49161156.4043620d.js
@@ -1 +1 @@
-"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[7028],{3787:(e,n,s)=>{s.r(n),s.d(n,{assets:()=>c,contentTitle:()=>r,default:()=>h,frontMatter:()=>o,metadata:()=>a,toc:()=>d});var i=s(6070),t=s(1100);const o={sidebar_position:4},r="Naming",a={id:"about/understanding/naming",title:"Naming",description:"Different developers have different experiences and contexts, which can lead to misunderstandings on the team when the same entities are called differently. For example:",source:"@site/i18n/en/docusaurus-plugin-content-docs/current/about/understanding/naming.md",sourceDirName:"about/understanding",slug:"/about/understanding/naming",permalink:"/kr/docs/about/understanding/naming",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/about/understanding/naming.md",tags:[],version:"current",lastUpdatedAt:1727607766e3,sidebarPosition:4,frontMatter:{sidebar_position:4},sidebar:"aboutSidebar",previous:{title:"Knowledge types",permalink:"/kr/docs/about/understanding/knowledge-types"},next:{title:"Signals of architecture",permalink:"/kr/docs/about/understanding/signals"}},c={},d=[{value:"Naming in Feature-Sliced Design",id:"naming-in-fsd",level:2},{value:"Naming Conflicts",id:"when-can-naming-interfere",level:2},{value:"See also",id:"see-also",level:2}];function l(e){const n={a:"a",code:"code",h1:"h1",h2:"h2",header:"header",li:"li",p:"p",strong:"strong",ul:"ul",...(0,t.R)(),...e.components};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(n.header,{children:(0,i.jsx)(n.h1,{id:"naming",children:"Naming"})}),"\n",(0,i.jsx)(n.p,{children:"Different developers have different experiences and contexts, which can lead to misunderstandings on the team when the same entities are called differently. For example:"}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsx)(n.li,{children:'Components for display can be called "ui", "components", "ui-kit", "views", \u2026'}),"\n",(0,i.jsx)(n.li,{children:'The code that is reused throughout the application can be called "core", "shared", "app", \u2026'}),"\n",(0,i.jsx)(n.li,{children:'Business logic code can be called "store", "model", "state", \u2026'}),"\n"]}),"\n",(0,i.jsx)(n.h2,{id:"naming-in-fsd",children:"Naming in Feature-Sliced Design"}),"\n",(0,i.jsx)(n.p,{children:"The methodology uses specific terms such as:"}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsx)(n.li,{children:'"app", "process", "page", "feature", "entity", "shared" as layer names,'}),"\n",(0,i.jsx)(n.li,{children:'"ui\', "model", "lib", "api", "config" as segment names.'}),"\n"]}),"\n",(0,i.jsx)(n.p,{children:"It is very important to stick to these terms to prevent confusion among team members and new developers joining the project. Using standard names also helps when asking for help from the community."}),"\n",(0,i.jsx)(n.h2,{id:"when-can-naming-interfere",children:"Naming Conflicts"}),"\n",(0,i.jsx)(n.p,{children:"Naming conflicts can occur when terms used in the FSD methodology overlap with terms used in the business:"}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsxs)(n.li,{children:[(0,i.jsx)(n.code,{children:"FSD#process"})," vs simulated process in an application,"]}),"\n",(0,i.jsxs)(n.li,{children:[(0,i.jsx)(n.code,{children:"FSD#page"})," vs log page,"]}),"\n",(0,i.jsxs)(n.li,{children:[(0,i.jsx)(n.code,{children:"FSD#model"})," vs car model."]}),"\n"]}),"\n",(0,i.jsxs)(n.p,{children:['For example, a developer who sees the word "process" in the code will spend extra time trying to figure out what process is meant. Such ',(0,i.jsx)(n.strong,{children:"collisions can disrupt the development process"}),"."]}),"\n",(0,i.jsx)(n.p,{children:"When the project glossary contains terminology specific to FSD, it is critical to be careful when discussing these terms with the team and technical disinterested parties."}),"\n",(0,i.jsx)(n.p,{children:'To communicate effectively with the team, it is recommended that the abbreviation "FSD" be used to prefix the methodology terms. For example, when talking about a process, you might say, "We can put this process on the FSD features layer."'}),"\n",(0,i.jsx)(n.p,{children:"Conversely, when communicating with non-technical stakeholders, it is better to limit the use of FSD terminology and refrain from mentioning the internal structure of the code base."}),"\n",(0,i.jsx)(n.h2,{id:"see-also",children:"See also"}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsx)(n.li,{children:(0,i.jsx)(n.a,{href:"https://github.com/feature-sliced/documentation/discussions/16",children:"(Discussion) Adaptability of naming"})}),"\n",(0,i.jsx)(n.li,{children:(0,i.jsx)(n.a,{href:"https://github.com/feature-sliced/documentation/discussions/31#discussioncomment-464894",children:"(Discussion) Entity Naming Survey"})}),"\n",(0,i.jsx)(n.li,{children:(0,i.jsx)(n.a,{href:"https://github.com/feature-sliced/documentation/discussions/20",children:'(Discussion) "processes" vs "flows" vs ...'})}),"\n",(0,i.jsx)(n.li,{children:(0,i.jsx)(n.a,{href:"https://github.com/feature-sliced/documentation/discussions/68",children:'(Discussion) "model" vs "store" vs ...'})}),"\n"]})]})}function h(e={}){const{wrapper:n}={...(0,t.R)(),...e.components};return n?(0,i.jsx)(n,{...e,children:(0,i.jsx)(l,{...e})}):l(e)}},1100:(e,n,s)=>{s.d(n,{R:()=>r,x:()=>a});var i=s(758);const t={},o=i.createContext(t);function r(e){const n=i.useContext(o);return i.useMemo((function(){return"function"==typeof e?e(n):{...n,...e}}),[n,e])}function a(e){let n;return n=e.disableParentContext?"function"==typeof e.components?e.components(t):e.components||t:r(e.components),i.createElement(o.Provider,{value:n},e.children)}}}]);
\ No newline at end of file
+"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[7028],{3787:(e,n,s)=>{s.r(n),s.d(n,{assets:()=>c,contentTitle:()=>r,default:()=>h,frontMatter:()=>o,metadata:()=>a,toc:()=>d});var i=s(6070),t=s(1100);const o={sidebar_position:4},r="Naming",a={id:"about/understanding/naming",title:"Naming",description:"Different developers have different experiences and contexts, which can lead to misunderstandings on the team when the same entities are called differently. For example:",source:"@site/i18n/en/docusaurus-plugin-content-docs/current/about/understanding/naming.md",sourceDirName:"about/understanding",slug:"/about/understanding/naming",permalink:"/kr/docs/about/understanding/naming",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/about/understanding/naming.md",tags:[],version:"current",lastUpdatedAt:1728325386e3,sidebarPosition:4,frontMatter:{sidebar_position:4},sidebar:"aboutSidebar",previous:{title:"Knowledge types",permalink:"/kr/docs/about/understanding/knowledge-types"},next:{title:"Signals of architecture",permalink:"/kr/docs/about/understanding/signals"}},c={},d=[{value:"Naming in Feature-Sliced Design",id:"naming-in-fsd",level:2},{value:"Naming Conflicts",id:"when-can-naming-interfere",level:2},{value:"See also",id:"see-also",level:2}];function l(e){const n={a:"a",code:"code",h1:"h1",h2:"h2",header:"header",li:"li",p:"p",strong:"strong",ul:"ul",...(0,t.R)(),...e.components};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(n.header,{children:(0,i.jsx)(n.h1,{id:"naming",children:"Naming"})}),"\n",(0,i.jsx)(n.p,{children:"Different developers have different experiences and contexts, which can lead to misunderstandings on the team when the same entities are called differently. For example:"}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsx)(n.li,{children:'Components for display can be called "ui", "components", "ui-kit", "views", \u2026'}),"\n",(0,i.jsx)(n.li,{children:'The code that is reused throughout the application can be called "core", "shared", "app", \u2026'}),"\n",(0,i.jsx)(n.li,{children:'Business logic code can be called "store", "model", "state", \u2026'}),"\n"]}),"\n",(0,i.jsx)(n.h2,{id:"naming-in-fsd",children:"Naming in Feature-Sliced Design"}),"\n",(0,i.jsx)(n.p,{children:"The methodology uses specific terms such as:"}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsx)(n.li,{children:'"app", "process", "page", "feature", "entity", "shared" as layer names,'}),"\n",(0,i.jsx)(n.li,{children:'"ui\', "model", "lib", "api", "config" as segment names.'}),"\n"]}),"\n",(0,i.jsx)(n.p,{children:"It is very important to stick to these terms to prevent confusion among team members and new developers joining the project. Using standard names also helps when asking for help from the community."}),"\n",(0,i.jsx)(n.h2,{id:"when-can-naming-interfere",children:"Naming Conflicts"}),"\n",(0,i.jsx)(n.p,{children:"Naming conflicts can occur when terms used in the FSD methodology overlap with terms used in the business:"}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsxs)(n.li,{children:[(0,i.jsx)(n.code,{children:"FSD#process"})," vs simulated process in an application,"]}),"\n",(0,i.jsxs)(n.li,{children:[(0,i.jsx)(n.code,{children:"FSD#page"})," vs log page,"]}),"\n",(0,i.jsxs)(n.li,{children:[(0,i.jsx)(n.code,{children:"FSD#model"})," vs car model."]}),"\n"]}),"\n",(0,i.jsxs)(n.p,{children:['For example, a developer who sees the word "process" in the code will spend extra time trying to figure out what process is meant. Such ',(0,i.jsx)(n.strong,{children:"collisions can disrupt the development process"}),"."]}),"\n",(0,i.jsx)(n.p,{children:"When the project glossary contains terminology specific to FSD, it is critical to be careful when discussing these terms with the team and technical disinterested parties."}),"\n",(0,i.jsx)(n.p,{children:'To communicate effectively with the team, it is recommended that the abbreviation "FSD" be used to prefix the methodology terms. For example, when talking about a process, you might say, "We can put this process on the FSD features layer."'}),"\n",(0,i.jsx)(n.p,{children:"Conversely, when communicating with non-technical stakeholders, it is better to limit the use of FSD terminology and refrain from mentioning the internal structure of the code base."}),"\n",(0,i.jsx)(n.h2,{id:"see-also",children:"See also"}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsx)(n.li,{children:(0,i.jsx)(n.a,{href:"https://github.com/feature-sliced/documentation/discussions/16",children:"(Discussion) Adaptability of naming"})}),"\n",(0,i.jsx)(n.li,{children:(0,i.jsx)(n.a,{href:"https://github.com/feature-sliced/documentation/discussions/31#discussioncomment-464894",children:"(Discussion) Entity Naming Survey"})}),"\n",(0,i.jsx)(n.li,{children:(0,i.jsx)(n.a,{href:"https://github.com/feature-sliced/documentation/discussions/20",children:'(Discussion) "processes" vs "flows" vs ...'})}),"\n",(0,i.jsx)(n.li,{children:(0,i.jsx)(n.a,{href:"https://github.com/feature-sliced/documentation/discussions/68",children:'(Discussion) "model" vs "store" vs ...'})}),"\n"]})]})}function h(e={}){const{wrapper:n}={...(0,t.R)(),...e.components};return n?(0,i.jsx)(n,{...e,children:(0,i.jsx)(l,{...e})}):l(e)}},1100:(e,n,s)=>{s.d(n,{R:()=>r,x:()=>a});var i=s(758);const t={},o=i.createContext(t);function r(e){const n=i.useContext(o);return i.useMemo((function(){return"function"==typeof e?e(n):{...n,...e}}),[n,e])}function a(e){let n;return n=e.disableParentContext?"function"==typeof e.components?e.components(t):e.components||t:r(e.components),i.createElement(o.Provider,{value:n},e.children)}}}]);
\ No newline at end of file
diff --git a/kr/assets/js/5187bed2.4697bfb7.js b/kr/assets/js/5187bed2.01d06184.js
similarity index 99%
rename from kr/assets/js/5187bed2.4697bfb7.js
rename to kr/assets/js/5187bed2.01d06184.js
index c4cf8ff75c..8814951075 100644
--- a/kr/assets/js/5187bed2.4697bfb7.js
+++ b/kr/assets/js/5187bed2.01d06184.js
@@ -1 +1 @@
-"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[4043],{4716:(e,n,t)=>{t.r(n),t.d(n,{assets:()=>c,contentTitle:()=>l,default:()=>h,frontMatter:()=>r,metadata:()=>o,toc:()=>d});var i=t(6070),s=t(1100);const r={sidebar_position:1},l="About architecture",o={id:"about/understanding/architecture",title:"About architecture",description:"Problems",source:"@site/i18n/en/docusaurus-plugin-content-docs/current/about/understanding/architecture.md",sourceDirName:"about/understanding",slug:"/about/understanding/architecture",permalink:"/kr/docs/about/understanding/architecture",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/about/understanding/architecture.md",tags:[],version:"current",lastUpdatedAt:1727607766e3,sidebarPosition:1,frontMatter:{sidebar_position:1},sidebar:"aboutSidebar",previous:{title:"Alternatives",permalink:"/kr/docs/about/alternatives"},next:{title:"Needs driven",permalink:"/kr/docs/about/understanding/needs-driven"}},c={},d=[{value:"Problems",id:"problems",level:2},{value:"Bus-factor &amp; Onboarding",id:"bus-factor--onboarding",level:3},{value:"Implicit and uncontrolled consequences",id:"implicit-and-uncontrolled-consequences",level:3},{value:"Uncontrolled reuse of logic",id:"uncontrolled-reuse-of-logic",level:3},{value:"Requirements",id:"requirements",level:2},{value:"Explicitness",id:"explicitness",level:3},{value:"Control",id:"control",level:3},{value:"Adaptability",id:"adaptability",level:3},{value:"See also",id:"see-also",level:2}];function a(e){const n={a:"a",admonition:"admonition",code:"code",em:"em",h1:"h1",h2:"h2",h3:"h3",header:"header",li:"li",p:"p",strong:"strong",ul:"ul",...(0,s.R)(),...e.components};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(n.header,{children:(0,i.jsx)(n.h1,{id:"about-architecture",children:"About architecture"})}),"\n",(0,i.jsx)(n.h2,{id:"problems",children:"Problems"}),"\n",(0,i.jsx)(n.p,{children:"Usually, the conversation about architecture is raised when the development stops due to certain problems in the project."}),"\n",(0,i.jsx)(n.h3,{id:"bus-factor--onboarding",children:"Bus-factor & Onboarding"}),"\n",(0,i.jsx)(n.p,{children:"Only a limited number of people understand the project and its architecture"}),"\n",(0,i.jsx)(n.p,{children:(0,i.jsx)(n.strong,{children:"Examples:"})}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsx)(n.li,{children:(0,i.jsx)(n.em,{children:'"It\'s difficult to add a person to the development"'})}),"\n",(0,i.jsx)(n.li,{children:(0,i.jsx)(n.em,{children:'"For every problem, everyone has their own opinion on how to get around" (let\'s envy the angular)'})}),"\n",(0,i.jsx)(n.li,{children:(0,i.jsx)(n.em,{children:'"I don\'t understand what is happening in this big piece of monolith"'})}),"\n"]}),"\n",(0,i.jsx)(n.h3,{id:"implicit-and-uncontrolled-consequences",children:"Implicit and uncontrolled consequences"}),"\n",(0,i.jsxs)(n.p,{children:["A lot of implicit side effects during development/refactoring ",(0,i.jsx)(n.em,{children:'("everything depends on everything")'})]}),"\n",(0,i.jsx)(n.p,{children:(0,i.jsx)(n.strong,{children:"Examples:"})}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsx)(n.li,{children:(0,i.jsx)(n.em,{children:'"The feature imports the feature"'})}),"\n",(0,i.jsx)(n.li,{children:(0,i.jsx)(n.em,{children:'"I updated the store of one page, and the functionality fell off on the other"'})}),"\n",(0,i.jsx)(n.li,{children:(0,i.jsx)(n.em,{children:'"The logic is smeared all over the application, and it is impossible to track where the beginning is, where the end is"'})}),"\n"]}),"\n",(0,i.jsx)(n.h3,{id:"uncontrolled-reuse-of-logic",children:"Uncontrolled reuse of logic"}),"\n",(0,i.jsx)(n.p,{children:"It is difficult to reuse/modify existing logic"}),"\n",(0,i.jsxs)(n.p,{children:["At the same time, there are usually ",(0,i.jsx)(n.a,{href:"https://github.com/feature-sliced/documentation/discussions/14",children:"two extremes"}),":"]}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsxs)(n.li,{children:["Either the logic is written completely from scratch for each module ",(0,i.jsx)(n.em,{children:"(with possible repetitions in the existing codebase)"})]}),"\n",(0,i.jsxs)(n.li,{children:["Either there is a tendency to transfer all-all implemented modules to ",(0,i.jsx)(n.code,{children:"shared"})," folders, thereby creating a large dump of modules ",(0,i.jsx)(n.em,{children:"from it (where most are used only in one place)"})]}),"\n"]}),"\n",(0,i.jsx)(n.p,{children:(0,i.jsx)(n.strong,{children:"Examples:"})}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsx)(n.li,{children:(0,i.jsxs)(n.em,{children:['"I have ',(0,i.jsx)(n.strong,{children:"N"}),' implementations of the same business logic in my project, for which I still pay"']})}),"\n",(0,i.jsx)(n.li,{children:(0,i.jsx)(n.em,{children:'"There are 6 different components of the button/pop-up/... In the project"'})}),"\n",(0,i.jsx)(n.li,{children:(0,i.jsx)(n.em,{children:'"Dump of helpers"'})}),"\n"]}),"\n",(0,i.jsx)(n.h2,{id:"requirements",children:"Requirements"}),"\n",(0,i.jsxs)(n.p,{children:["Therefore, it seems logical to present the desired ",(0,i.jsx)(n.em,{children:"requirements for an ideal architecture:"})]}),"\n",(0,i.jsx)(n.admonition,{type:"note",children:(0,i.jsxs)(n.p,{children:['Wherever it says "easy", it means "relatively easy for a wide range of developers", because it is clear that ',(0,i.jsx)(n.a,{href:"/docs/about/mission#limitations",children:"it will not be possible to make an ideal solution for absolutely everyone"})]})}),"\n",(0,i.jsx)(n.h3,{id:"explicitness",children:"Explicitness"}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsxs)(n.li,{children:["It should be ",(0,i.jsx)(n.strong,{children:"easy to master and explain"})," the project and its architecture to the team"]}),"\n",(0,i.jsxs)(n.li,{children:["The structure should reflect the real ",(0,i.jsx)(n.strong,{children:"business values of the project"})]}),"\n",(0,i.jsxs)(n.li,{children:["There must be explicit ",(0,i.jsx)(n.strong,{children:"side effects and connections"})," between abstractions"]}),"\n",(0,i.jsxs)(n.li,{children:["It should be ",(0,i.jsx)(n.strong,{children:"easy to detect duplicate logic"})," without interfering with unique implementations"]}),"\n",(0,i.jsxs)(n.li,{children:["There should be no ",(0,i.jsx)(n.strong,{children:"dispersion of logic"})," throughout the project"]}),"\n",(0,i.jsxs)(n.li,{children:["There should not be ",(0,i.jsx)(n.strong,{children:"too many heterogeneous abstractions and rules"})," for a good architecture"]}),"\n"]}),"\n",(0,i.jsx)(n.h3,{id:"control",children:"Control"}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsxs)(n.li,{children:["A good architecture should ",(0,i.jsx)(n.strong,{children:"speed up the solution of tasks, the introduction of features"})]}),"\n",(0,i.jsx)(n.li,{children:"It should be possible to control the development of the project"}),"\n",(0,i.jsxs)(n.li,{children:["It should be easy to ",(0,i.jsx)(n.strong,{children:"expand, modify, delete the code"})]}),"\n",(0,i.jsx)(n.li,{children:"The * decomposition and isolation of** functionality must be observed"}),"\n",(0,i.jsxs)(n.li,{children:["Each component of the system must be ",(0,i.jsx)(n.strong,{children:"easily replaceable and removable"}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsx)(n.li,{children:(0,i.jsxs)(n.em,{children:[(0,i.jsx)(n.a,{href:"https://youtu.be/BWAeYuWFHhs?t=1631",children:"No need to optimize for changes"})," - we can't predict the future"]})}),"\n",(0,i.jsx)(n.li,{children:(0,i.jsxs)(n.em,{children:[(0,i.jsx)(n.a,{href:"https://youtu.be/BWAeYuWFHhs?t=1666",children:"Better-optimize for deletion"})," - based on the context that already exists"]})}),"\n"]}),"\n"]}),"\n"]}),"\n",(0,i.jsx)(n.h3,{id:"adaptability",children:"Adaptability"}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsxs)(n.li,{children:["A good architecture should be applicable ",(0,i.jsx)(n.strong,{children:"to most projects"}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsx)(n.li,{children:(0,i.jsx)(n.em,{children:"With existing infrastructure solutions"})}),"\n",(0,i.jsx)(n.li,{children:(0,i.jsx)(n.em,{children:"At any stage of development"})}),"\n"]}),"\n"]}),"\n",(0,i.jsx)(n.li,{children:"There should be no dependence on the framework and platform"}),"\n",(0,i.jsxs)(n.li,{children:["It should be possible to ",(0,i.jsx)(n.strong,{children:"easily scale the project and the team"}),", with the possibility of parallelization of development"]}),"\n",(0,i.jsxs)(n.li,{children:["It should be easy ",(0,i.jsx)(n.strong,{children:"to adapt to changing requirements and circumstances"})]}),"\n"]}),"\n",(0,i.jsx)(n.h2,{id:"see-also",children:"See also"}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsx)(n.li,{children:(0,i.jsx)(n.a,{href:"https://youtu.be/BWAeYuWFHhs",children:"(React Berlin Talk) Oleg Isonen - Feature Driven Architecture"})}),"\n",(0,i.jsx)(n.li,{children:(0,i.jsx)(n.a,{href:"https://t.me/feature_slices",children:"(React SPB Meetup #1) Sergey Sova - Feature Slices"})}),"\n",(0,i.jsx)(n.li,{children:(0,i.jsx)(n.a,{href:"https://alexmngn.medium.com/why-react-developers-should-modularize-their-applications-d26d381854c1",children:"(Article) About project modularization"})}),"\n",(0,i.jsx)(n.li,{children:(0,i.jsx)(n.a,{href:"https://ryanlanciaux.com/blog/2017/08/20/a-feature-based-approach-to-react-development/",children:"(Article) About Separation of Concerns and structuring by features"})}),"\n"]})]})}function h(e={}){const{wrapper:n}={...(0,s.R)(),...e.components};return n?(0,i.jsx)(n,{...e,children:(0,i.jsx)(a,{...e})}):a(e)}},1100:(e,n,t)=>{t.d(n,{R:()=>l,x:()=>o});var i=t(758);const s={},r=i.createContext(s);function l(e){const n=i.useContext(r);return i.useMemo((function(){return"function"==typeof e?e(n):{...n,...e}}),[n,e])}function o(e){let n;return n=e.disableParentContext?"function"==typeof e.components?e.components(s):e.components||s:l(e.components),i.createElement(r.Provider,{value:n},e.children)}}}]);
\ No newline at end of file
+"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[4043],{4716:(e,n,t)=>{t.r(n),t.d(n,{assets:()=>c,contentTitle:()=>l,default:()=>h,frontMatter:()=>r,metadata:()=>o,toc:()=>d});var i=t(6070),s=t(1100);const r={sidebar_position:1},l="About architecture",o={id:"about/understanding/architecture",title:"About architecture",description:"Problems",source:"@site/i18n/en/docusaurus-plugin-content-docs/current/about/understanding/architecture.md",sourceDirName:"about/understanding",slug:"/about/understanding/architecture",permalink:"/kr/docs/about/understanding/architecture",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/about/understanding/architecture.md",tags:[],version:"current",lastUpdatedAt:1728325386e3,sidebarPosition:1,frontMatter:{sidebar_position:1},sidebar:"aboutSidebar",previous:{title:"Alternatives",permalink:"/kr/docs/about/alternatives"},next:{title:"Needs driven",permalink:"/kr/docs/about/understanding/needs-driven"}},c={},d=[{value:"Problems",id:"problems",level:2},{value:"Bus-factor &amp; Onboarding",id:"bus-factor--onboarding",level:3},{value:"Implicit and uncontrolled consequences",id:"implicit-and-uncontrolled-consequences",level:3},{value:"Uncontrolled reuse of logic",id:"uncontrolled-reuse-of-logic",level:3},{value:"Requirements",id:"requirements",level:2},{value:"Explicitness",id:"explicitness",level:3},{value:"Control",id:"control",level:3},{value:"Adaptability",id:"adaptability",level:3},{value:"See also",id:"see-also",level:2}];function a(e){const n={a:"a",admonition:"admonition",code:"code",em:"em",h1:"h1",h2:"h2",h3:"h3",header:"header",li:"li",p:"p",strong:"strong",ul:"ul",...(0,s.R)(),...e.components};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(n.header,{children:(0,i.jsx)(n.h1,{id:"about-architecture",children:"About architecture"})}),"\n",(0,i.jsx)(n.h2,{id:"problems",children:"Problems"}),"\n",(0,i.jsx)(n.p,{children:"Usually, the conversation about architecture is raised when the development stops due to certain problems in the project."}),"\n",(0,i.jsx)(n.h3,{id:"bus-factor--onboarding",children:"Bus-factor & Onboarding"}),"\n",(0,i.jsx)(n.p,{children:"Only a limited number of people understand the project and its architecture"}),"\n",(0,i.jsx)(n.p,{children:(0,i.jsx)(n.strong,{children:"Examples:"})}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsx)(n.li,{children:(0,i.jsx)(n.em,{children:'"It\'s difficult to add a person to the development"'})}),"\n",(0,i.jsx)(n.li,{children:(0,i.jsx)(n.em,{children:'"For every problem, everyone has their own opinion on how to get around" (let\'s envy the angular)'})}),"\n",(0,i.jsx)(n.li,{children:(0,i.jsx)(n.em,{children:'"I don\'t understand what is happening in this big piece of monolith"'})}),"\n"]}),"\n",(0,i.jsx)(n.h3,{id:"implicit-and-uncontrolled-consequences",children:"Implicit and uncontrolled consequences"}),"\n",(0,i.jsxs)(n.p,{children:["A lot of implicit side effects during development/refactoring ",(0,i.jsx)(n.em,{children:'("everything depends on everything")'})]}),"\n",(0,i.jsx)(n.p,{children:(0,i.jsx)(n.strong,{children:"Examples:"})}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsx)(n.li,{children:(0,i.jsx)(n.em,{children:'"The feature imports the feature"'})}),"\n",(0,i.jsx)(n.li,{children:(0,i.jsx)(n.em,{children:'"I updated the store of one page, and the functionality fell off on the other"'})}),"\n",(0,i.jsx)(n.li,{children:(0,i.jsx)(n.em,{children:'"The logic is smeared all over the application, and it is impossible to track where the beginning is, where the end is"'})}),"\n"]}),"\n",(0,i.jsx)(n.h3,{id:"uncontrolled-reuse-of-logic",children:"Uncontrolled reuse of logic"}),"\n",(0,i.jsx)(n.p,{children:"It is difficult to reuse/modify existing logic"}),"\n",(0,i.jsxs)(n.p,{children:["At the same time, there are usually ",(0,i.jsx)(n.a,{href:"https://github.com/feature-sliced/documentation/discussions/14",children:"two extremes"}),":"]}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsxs)(n.li,{children:["Either the logic is written completely from scratch for each module ",(0,i.jsx)(n.em,{children:"(with possible repetitions in the existing codebase)"})]}),"\n",(0,i.jsxs)(n.li,{children:["Either there is a tendency to transfer all-all implemented modules to ",(0,i.jsx)(n.code,{children:"shared"})," folders, thereby creating a large dump of modules ",(0,i.jsx)(n.em,{children:"from it (where most are used only in one place)"})]}),"\n"]}),"\n",(0,i.jsx)(n.p,{children:(0,i.jsx)(n.strong,{children:"Examples:"})}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsx)(n.li,{children:(0,i.jsxs)(n.em,{children:['"I have ',(0,i.jsx)(n.strong,{children:"N"}),' implementations of the same business logic in my project, for which I still pay"']})}),"\n",(0,i.jsx)(n.li,{children:(0,i.jsx)(n.em,{children:'"There are 6 different components of the button/pop-up/... In the project"'})}),"\n",(0,i.jsx)(n.li,{children:(0,i.jsx)(n.em,{children:'"Dump of helpers"'})}),"\n"]}),"\n",(0,i.jsx)(n.h2,{id:"requirements",children:"Requirements"}),"\n",(0,i.jsxs)(n.p,{children:["Therefore, it seems logical to present the desired ",(0,i.jsx)(n.em,{children:"requirements for an ideal architecture:"})]}),"\n",(0,i.jsx)(n.admonition,{type:"note",children:(0,i.jsxs)(n.p,{children:['Wherever it says "easy", it means "relatively easy for a wide range of developers", because it is clear that ',(0,i.jsx)(n.a,{href:"/docs/about/mission#limitations",children:"it will not be possible to make an ideal solution for absolutely everyone"})]})}),"\n",(0,i.jsx)(n.h3,{id:"explicitness",children:"Explicitness"}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsxs)(n.li,{children:["It should be ",(0,i.jsx)(n.strong,{children:"easy to master and explain"})," the project and its architecture to the team"]}),"\n",(0,i.jsxs)(n.li,{children:["The structure should reflect the real ",(0,i.jsx)(n.strong,{children:"business values of the project"})]}),"\n",(0,i.jsxs)(n.li,{children:["There must be explicit ",(0,i.jsx)(n.strong,{children:"side effects and connections"})," between abstractions"]}),"\n",(0,i.jsxs)(n.li,{children:["It should be ",(0,i.jsx)(n.strong,{children:"easy to detect duplicate logic"})," without interfering with unique implementations"]}),"\n",(0,i.jsxs)(n.li,{children:["There should be no ",(0,i.jsx)(n.strong,{children:"dispersion of logic"})," throughout the project"]}),"\n",(0,i.jsxs)(n.li,{children:["There should not be ",(0,i.jsx)(n.strong,{children:"too many heterogeneous abstractions and rules"})," for a good architecture"]}),"\n"]}),"\n",(0,i.jsx)(n.h3,{id:"control",children:"Control"}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsxs)(n.li,{children:["A good architecture should ",(0,i.jsx)(n.strong,{children:"speed up the solution of tasks, the introduction of features"})]}),"\n",(0,i.jsx)(n.li,{children:"It should be possible to control the development of the project"}),"\n",(0,i.jsxs)(n.li,{children:["It should be easy to ",(0,i.jsx)(n.strong,{children:"expand, modify, delete the code"})]}),"\n",(0,i.jsx)(n.li,{children:"The * decomposition and isolation of** functionality must be observed"}),"\n",(0,i.jsxs)(n.li,{children:["Each component of the system must be ",(0,i.jsx)(n.strong,{children:"easily replaceable and removable"}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsx)(n.li,{children:(0,i.jsxs)(n.em,{children:[(0,i.jsx)(n.a,{href:"https://youtu.be/BWAeYuWFHhs?t=1631",children:"No need to optimize for changes"})," - we can't predict the future"]})}),"\n",(0,i.jsx)(n.li,{children:(0,i.jsxs)(n.em,{children:[(0,i.jsx)(n.a,{href:"https://youtu.be/BWAeYuWFHhs?t=1666",children:"Better-optimize for deletion"})," - based on the context that already exists"]})}),"\n"]}),"\n"]}),"\n"]}),"\n",(0,i.jsx)(n.h3,{id:"adaptability",children:"Adaptability"}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsxs)(n.li,{children:["A good architecture should be applicable ",(0,i.jsx)(n.strong,{children:"to most projects"}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsx)(n.li,{children:(0,i.jsx)(n.em,{children:"With existing infrastructure solutions"})}),"\n",(0,i.jsx)(n.li,{children:(0,i.jsx)(n.em,{children:"At any stage of development"})}),"\n"]}),"\n"]}),"\n",(0,i.jsx)(n.li,{children:"There should be no dependence on the framework and platform"}),"\n",(0,i.jsxs)(n.li,{children:["It should be possible to ",(0,i.jsx)(n.strong,{children:"easily scale the project and the team"}),", with the possibility of parallelization of development"]}),"\n",(0,i.jsxs)(n.li,{children:["It should be easy ",(0,i.jsx)(n.strong,{children:"to adapt to changing requirements and circumstances"})]}),"\n"]}),"\n",(0,i.jsx)(n.h2,{id:"see-also",children:"See also"}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsx)(n.li,{children:(0,i.jsx)(n.a,{href:"https://youtu.be/BWAeYuWFHhs",children:"(React Berlin Talk) Oleg Isonen - Feature Driven Architecture"})}),"\n",(0,i.jsx)(n.li,{children:(0,i.jsx)(n.a,{href:"https://t.me/feature_slices",children:"(React SPB Meetup #1) Sergey Sova - Feature Slices"})}),"\n",(0,i.jsx)(n.li,{children:(0,i.jsx)(n.a,{href:"https://alexmngn.medium.com/why-react-developers-should-modularize-their-applications-d26d381854c1",children:"(Article) About project modularization"})}),"\n",(0,i.jsx)(n.li,{children:(0,i.jsx)(n.a,{href:"https://ryanlanciaux.com/blog/2017/08/20/a-feature-based-approach-to-react-development/",children:"(Article) About Separation of Concerns and structuring by features"})}),"\n"]})]})}function h(e={}){const{wrapper:n}={...(0,s.R)(),...e.components};return n?(0,i.jsx)(n,{...e,children:(0,i.jsx)(a,{...e})}):a(e)}},1100:(e,n,t)=>{t.d(n,{R:()=>l,x:()=>o});var i=t(758);const s={},r=i.createContext(s);function l(e){const n=i.useContext(r);return i.useMemo((function(){return"function"==typeof e?e(n):{...n,...e}}),[n,e])}function o(e){let n;return n=e.disableParentContext?"function"==typeof e.components?e.components(s):e.components||s:l(e.components),i.createElement(r.Provider,{value:n},e.children)}}}]);
\ No newline at end of file
diff --git a/kr/assets/js/53f8e831.4310bad5.js b/kr/assets/js/53f8e831.a05205ed.js
similarity index 97%
rename from kr/assets/js/53f8e831.4310bad5.js
rename to kr/assets/js/53f8e831.a05205ed.js
index e1fa8495ff..95d9aba011 100644
--- a/kr/assets/js/53f8e831.4310bad5.js
+++ b/kr/assets/js/53f8e831.a05205ed.js
@@ -1,2 +1,2 @@
-/*! For license information please see 53f8e831.4310bad5.js.LICENSE.txt */
-"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[2978],{7946:(e,t,s)=>{s.d(t,{Ay:()=>r,RM:()=>a});var n=s(6070),c=s(1100),i=s(5988);const a=[];function o(e){return(0,n.jsx)(i.A,{...e})}function r(e={}){const{wrapper:t}={...(0,c.R)(),...e.components};return t?(0,n.jsx)(t,{...e,children:(0,n.jsx)(o,{...e})}):o(e)}},6382:(e,t,s)=>{s.r(t),s.d(t,{assets:()=>y,contentTitle:()=>A,default:()=>C,frontMatter:()=>b,metadata:()=>M,toc:()=>T});var n=s(6070),c=s(1100),i=s(7946),a=s(991),o=s(758);const r={icon:{tag:"svg",attrs:{viewBox:"64 64 896 896",focusable:"false"},children:[{tag:"path",attrs:{d:"M876.6 239.5c-.5-.9-1.2-1.8-2-2.5-5-5-13.1-5-18.1 0L684.2 409.3l-67.9-67.9L788.7 169c.8-.8 1.4-1.6 2-2.5 3.6-6.1 1.6-13.9-4.5-17.5-98.2-58-226.8-44.7-311.3 39.7-67 67-89.2 162-66.5 247.4l-293 293c-3 3-2.8 7.9.3 11l169.7 169.7c3.1 3.1 8.1 3.3 11 .3l292.9-292.9c85.5 22.8 180.5.7 247.6-66.4 84.4-84.5 97.7-213.1 39.7-311.3zM786 499.8c-58.1 58.1-145.3 69.3-214.6 33.6l-8.8 8.8-.1-.1-274 274.1-79.2-79.2 230.1-230.1s0 .1.1.1l52.8-52.8c-35.7-69.3-24.5-156.5 33.6-214.6a184.2 184.2 0 01144-53.5L537 318.9a32.05 32.05 0 000 45.3l124.5 124.5a32.05 32.05 0 0045.3 0l132.8-132.8c3.7 51.8-14.4 104.8-53.6 143.9z"}}]},name:"tool",theme:"outlined"};var l=s(9820),d=function(e,t){return o.createElement(l.A,(0,a.A)({},e,{ref:t,icon:r}))};const u=o.forwardRef(d);const h={icon:{tag:"svg",attrs:{"fill-rule":"evenodd",viewBox:"64 64 896 896",focusable:"false"},children:[{tag:"path",attrs:{d:"M880 912H144c-17.7 0-32-14.3-32-32V144c0-17.7 14.3-32 32-32h360c4.4 0 8 3.6 8 8v56c0 4.4-3.6 8-8 8H184v656h656V520c0-4.4 3.6-8 8-8h56c4.4 0 8 3.6 8 8v360c0 17.7-14.3 32-32 32zM653.3 424.6l52.2 52.2a8.01 8.01 0 01-4.7 13.6l-179.4 21c-5.1.6-9.5-3.7-8.9-8.9l21-179.4c.8-6.6 8.9-9.4 13.6-4.7l52.4 52.4 256.2-256.2c3.1-3.1 8.2-3.1 11.3 0l42.4 42.4c3.1 3.1 3.1 8.2 0 11.3L653.3 424.6z"}}]},name:"import",theme:"outlined"};var m=function(e,t){return o.createElement(l.A,(0,a.A)({},e,{ref:t,icon:h}))};const p=o.forwardRef(m);const g={icon:{tag:"svg",attrs:{viewBox:"64 64 896 896",focusable:"false"},children:[{tag:"defs",attrs:{},children:[{tag:"style",attrs:{}}]},{tag:"path",attrs:{d:"M841 370c3-3.3 2.7-8.3-.6-11.3a8.24 8.24 0 00-5.3-2.1h-72.6c-2.4 0-4.6 1-6.1 2.8L633.5 504.6a7.96 7.96 0 01-13.4-1.9l-63.5-141.3a7.9 7.9 0 00-7.3-4.7H380.7l.9-4.7 8-42.3c10.5-55.4 38-81.4 85.8-81.4 18.6 0 35.5 1.7 48.8 4.7l14.1-66.8c-22.6-4.7-35.2-6.1-54.9-6.1-103.3 0-156.4 44.3-175.9 147.3l-9.4 49.4h-97.6c-3.8 0-7.1 2.7-7.8 6.4L181.9 415a8.07 8.07 0 007.8 9.7H284l-89 429.9a8.07 8.07 0 007.8 9.7H269c3.8 0 7.1-2.7 7.8-6.4l89.7-433.1h135.8l68.2 139.1c1.4 2.9 1 6.4-1.2 8.8l-180.6 203c-2.9 3.3-2.6 8.4.7 11.3 1.5 1.3 3.4 2 5.3 2h72.7c2.4 0 4.6-1 6.1-2.8l123.7-146.7c2.8-3.4 7.9-3.8 11.3-1 .9.8 1.6 1.7 2.1 2.8L676.4 784c1.3 2.8 4.1 4.7 7.3 4.7h64.6a8.02 8.02 0 007.2-11.5l-95.2-198.9c-1.4-2.9-.9-6.4 1.3-8.8L841 370z"}}]},name:"function",theme:"outlined"};var f=function(e,t){return o.createElement(l.A,(0,a.A)({},e,{ref:t,icon:g}))};const x=o.forwardRef(f);const v={icon:{tag:"svg",attrs:{viewBox:"64 64 896 896",focusable:"false"},children:[{tag:"path",attrs:{d:"M304 280h56c4.4 0 8-3.6 8-8 0-28.3 5.9-53.2 17.1-73.5 10.6-19.4 26-34.8 45.4-45.4C450.9 142 475.7 136 504 136h16c28.3 0 53.2 5.9 73.5 17.1 19.4 10.6 34.8 26 45.4 45.4C650 218.9 656 243.7 656 272c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8 0-40-8.8-76.7-25.9-108.1a184.31 184.31 0 00-74-74C596.7 72.8 560 64 520 64h-16c-40 0-76.7 8.8-108.1 25.9a184.31 184.31 0 00-74 74C304.8 195.3 296 232 296 272c0 4.4 3.6 8 8 8z"}},{tag:"path",attrs:{d:"M940 512H792V412c76.8 0 139-62.2 139-139 0-4.4-3.6-8-8-8h-60c-4.4 0-8 3.6-8 8a63 63 0 01-63 63H232a63 63 0 01-63-63c0-4.4-3.6-8-8-8h-60c-4.4 0-8 3.6-8 8 0 76.8 62.2 139 139 139v100H84c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h148v96c0 6.5.2 13 .7 19.3C164.1 728.6 116 796.7 116 876c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8 0-44.2 23.9-82.9 59.6-103.7a273 273 0 0022.7 49c24.3 41.5 59 76.2 100.5 100.5S460.5 960 512 960s99.8-13.9 141.3-38.2a281.38 281.38 0 00123.2-149.5A120 120 0 01836 876c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8 0-79.3-48.1-147.4-116.7-176.7.4-6.4.7-12.8.7-19.3v-96h148c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8zM716 680c0 36.8-9.7 72-27.8 102.9-17.7 30.3-43 55.6-73.3 73.3C584 874.3 548.8 884 512 884s-72-9.7-102.9-27.8c-30.3-17.7-55.6-43-73.3-73.3A202.75 202.75 0 01308 680V412h408v268z"}}]},name:"bug",theme:"outlined"};var j=function(e,t){return o.createElement(l.A,(0,a.A)({},e,{ref:t,icon:v}))};const _=o.forwardRef(j),b={hide_table_of_contents:!0,pagination_prev:"get-started/index"},A="\ud83c\udfaf Guides",M={id:"guides/index",title:"\ud83c\udfaf Guides",description:"PRACTICE-ORIENTED",source:"@site/i18n/en/docusaurus-plugin-content-docs/current/guides/index.mdx",sourceDirName:"guides",slug:"/guides/",permalink:"/kr/docs/guides/",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/guides/index.mdx",tags:[],version:"current",lastUpdatedAt:1727607766e3,frontMatter:{hide_table_of_contents:!0,pagination_prev:"get-started/index"},sidebar:"guidesSidebar",previous:{title:"\ud83d\ude80 Get Started",permalink:"/kr/docs/get-started/"},next:{title:"Examples",permalink:"/kr/docs/guides/examples/"}},y={},T=[{value:"Main",id:"main",level:2},...i.RM,...i.RM,...i.RM,...i.RM];function R(e){const t={h1:"h1",h2:"h2",header:"header",p:"p",...(0,c.R)(),...e.components};return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(t.header,{children:(0,n.jsx)(t.h1,{id:"-guides",children:"\ud83c\udfaf Guides"})}),"\n",(0,n.jsx)("span",{class:"badge badge--primary margin-bottom--md",children:"PRACTICE-ORIENTED"}),"\n",(0,n.jsx)("p",{class:"summary",children:(0,n.jsx)(t.p,{children:'Practical guides and examples on the use of Feature-Sliced Design. There is also describe migration guides and a handbook of harmful practices. It is most useful when you are trying to implement something specific or want to look at the methodology "in battle"'})}),"\n",(0,n.jsx)(t.h2,{id:"main",children:"Main"}),"\n","\n",(0,n.jsx)(i.Ay,{title:"Examples",description:"Practical examples on the application of the methodology",to:"/docs/guides/examples",Icon:u,tags:["Authentication","Types","Page layout"]}),"\n",(0,n.jsx)(i.Ay,{title:"Migration",description:"Migration guides from other architectures",to:"/docs/guides/migration/from-v1",Icon:p,tags:["From custom architecture","From FSv1"]}),"\n",(0,n.jsx)(i.Ay,{title:"Tech",description:"Tech-specific guides for FSD usage",to:"/docs/guides/tech/with-nextjs",Icon:x}),"\n",(0,n.jsx)(i.Ay,{title:"Code Issues (Smells)",description:"General architecture issues for legacy code",to:"/docs/guides/issues/desegmented",Icon:_,tags:["Desegmented","Routing","Cross-imports"]})]})}function C(e={}){const{wrapper:t}={...(0,c.R)(),...e.components};return t?(0,n.jsx)(t,{...e,children:(0,n.jsx)(R,{...e})}):R(e)}},5988:(e,t,s)=>{s.d(t,{Y:()=>o,A:()=>l});s(758);var n=s(3526),c=s(6783);const i={root:"root_GfON",rootDisabled:"rootDisabled_SFUB",details:"details_xxkR",detailsTags:"detailsTags_uTQx",icon:"icon_ciqP",title:"title_pSH5",description:"description__Fep",miniTheme:"miniTheme_ePfp",primaryTheme:"primaryTheme_CilO",defaultTheme:"defaultTheme_j3I8"};var a=s(6070);const o=e=>{const{title:t,description:s,to:o,Icon:l,tags:d,className:u,disabled:h,theme:m="default"}=e;return(0,a.jsxs)(c.A,{className:(0,n.A)(i.root,u,h&&i.rootDisabled,i[`${m}Theme`]),to:o,children:[(0,a.jsx)(r,{Icon:l}),(0,a.jsxs)("div",{className:i.details,children:[(0,a.jsxs)("div",{className:i.detailsMain,children:[(0,a.jsx)("span",{className:i.title,children:t}),(0,a.jsx)("p",{className:i.description,children:s})]}),d&&(0,a.jsx)("div",{className:i.detailsTags,children:d.join(" \u2022 ")})]})]})},r=e=>{let{Icon:t}=e;return t?"string"==typeof t?(0,a.jsx)("span",{className:i.icon,children:t}):(0,a.jsx)(t,{className:i.icon}):null},l=o},1100:(e,t,s)=>{s.d(t,{R:()=>a,x:()=>o});var n=s(758);const c={},i=n.createContext(c);function a(e){const t=n.useContext(i);return n.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function o(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(c):e.components||c:a(e.components),n.createElement(i.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
+/*! For license information please see 53f8e831.a05205ed.js.LICENSE.txt */
+"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[2978],{7946:(e,t,s)=>{s.d(t,{Ay:()=>r,RM:()=>a});var n=s(6070),c=s(1100),i=s(5988);const a=[];function o(e){return(0,n.jsx)(i.A,{...e})}function r(e={}){const{wrapper:t}={...(0,c.R)(),...e.components};return t?(0,n.jsx)(t,{...e,children:(0,n.jsx)(o,{...e})}):o(e)}},6382:(e,t,s)=>{s.r(t),s.d(t,{assets:()=>y,contentTitle:()=>A,default:()=>C,frontMatter:()=>b,metadata:()=>M,toc:()=>T});var n=s(6070),c=s(1100),i=s(7946),a=s(991),o=s(758);const r={icon:{tag:"svg",attrs:{viewBox:"64 64 896 896",focusable:"false"},children:[{tag:"path",attrs:{d:"M876.6 239.5c-.5-.9-1.2-1.8-2-2.5-5-5-13.1-5-18.1 0L684.2 409.3l-67.9-67.9L788.7 169c.8-.8 1.4-1.6 2-2.5 3.6-6.1 1.6-13.9-4.5-17.5-98.2-58-226.8-44.7-311.3 39.7-67 67-89.2 162-66.5 247.4l-293 293c-3 3-2.8 7.9.3 11l169.7 169.7c3.1 3.1 8.1 3.3 11 .3l292.9-292.9c85.5 22.8 180.5.7 247.6-66.4 84.4-84.5 97.7-213.1 39.7-311.3zM786 499.8c-58.1 58.1-145.3 69.3-214.6 33.6l-8.8 8.8-.1-.1-274 274.1-79.2-79.2 230.1-230.1s0 .1.1.1l52.8-52.8c-35.7-69.3-24.5-156.5 33.6-214.6a184.2 184.2 0 01144-53.5L537 318.9a32.05 32.05 0 000 45.3l124.5 124.5a32.05 32.05 0 0045.3 0l132.8-132.8c3.7 51.8-14.4 104.8-53.6 143.9z"}}]},name:"tool",theme:"outlined"};var l=s(9820),d=function(e,t){return o.createElement(l.A,(0,a.A)({},e,{ref:t,icon:r}))};const u=o.forwardRef(d);const h={icon:{tag:"svg",attrs:{"fill-rule":"evenodd",viewBox:"64 64 896 896",focusable:"false"},children:[{tag:"path",attrs:{d:"M880 912H144c-17.7 0-32-14.3-32-32V144c0-17.7 14.3-32 32-32h360c4.4 0 8 3.6 8 8v56c0 4.4-3.6 8-8 8H184v656h656V520c0-4.4 3.6-8 8-8h56c4.4 0 8 3.6 8 8v360c0 17.7-14.3 32-32 32zM653.3 424.6l52.2 52.2a8.01 8.01 0 01-4.7 13.6l-179.4 21c-5.1.6-9.5-3.7-8.9-8.9l21-179.4c.8-6.6 8.9-9.4 13.6-4.7l52.4 52.4 256.2-256.2c3.1-3.1 8.2-3.1 11.3 0l42.4 42.4c3.1 3.1 3.1 8.2 0 11.3L653.3 424.6z"}}]},name:"import",theme:"outlined"};var m=function(e,t){return o.createElement(l.A,(0,a.A)({},e,{ref:t,icon:h}))};const p=o.forwardRef(m);const g={icon:{tag:"svg",attrs:{viewBox:"64 64 896 896",focusable:"false"},children:[{tag:"defs",attrs:{},children:[{tag:"style",attrs:{}}]},{tag:"path",attrs:{d:"M841 370c3-3.3 2.7-8.3-.6-11.3a8.24 8.24 0 00-5.3-2.1h-72.6c-2.4 0-4.6 1-6.1 2.8L633.5 504.6a7.96 7.96 0 01-13.4-1.9l-63.5-141.3a7.9 7.9 0 00-7.3-4.7H380.7l.9-4.7 8-42.3c10.5-55.4 38-81.4 85.8-81.4 18.6 0 35.5 1.7 48.8 4.7l14.1-66.8c-22.6-4.7-35.2-6.1-54.9-6.1-103.3 0-156.4 44.3-175.9 147.3l-9.4 49.4h-97.6c-3.8 0-7.1 2.7-7.8 6.4L181.9 415a8.07 8.07 0 007.8 9.7H284l-89 429.9a8.07 8.07 0 007.8 9.7H269c3.8 0 7.1-2.7 7.8-6.4l89.7-433.1h135.8l68.2 139.1c1.4 2.9 1 6.4-1.2 8.8l-180.6 203c-2.9 3.3-2.6 8.4.7 11.3 1.5 1.3 3.4 2 5.3 2h72.7c2.4 0 4.6-1 6.1-2.8l123.7-146.7c2.8-3.4 7.9-3.8 11.3-1 .9.8 1.6 1.7 2.1 2.8L676.4 784c1.3 2.8 4.1 4.7 7.3 4.7h64.6a8.02 8.02 0 007.2-11.5l-95.2-198.9c-1.4-2.9-.9-6.4 1.3-8.8L841 370z"}}]},name:"function",theme:"outlined"};var f=function(e,t){return o.createElement(l.A,(0,a.A)({},e,{ref:t,icon:g}))};const x=o.forwardRef(f);const v={icon:{tag:"svg",attrs:{viewBox:"64 64 896 896",focusable:"false"},children:[{tag:"path",attrs:{d:"M304 280h56c4.4 0 8-3.6 8-8 0-28.3 5.9-53.2 17.1-73.5 10.6-19.4 26-34.8 45.4-45.4C450.9 142 475.7 136 504 136h16c28.3 0 53.2 5.9 73.5 17.1 19.4 10.6 34.8 26 45.4 45.4C650 218.9 656 243.7 656 272c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8 0-40-8.8-76.7-25.9-108.1a184.31 184.31 0 00-74-74C596.7 72.8 560 64 520 64h-16c-40 0-76.7 8.8-108.1 25.9a184.31 184.31 0 00-74 74C304.8 195.3 296 232 296 272c0 4.4 3.6 8 8 8z"}},{tag:"path",attrs:{d:"M940 512H792V412c76.8 0 139-62.2 139-139 0-4.4-3.6-8-8-8h-60c-4.4 0-8 3.6-8 8a63 63 0 01-63 63H232a63 63 0 01-63-63c0-4.4-3.6-8-8-8h-60c-4.4 0-8 3.6-8 8 0 76.8 62.2 139 139 139v100H84c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h148v96c0 6.5.2 13 .7 19.3C164.1 728.6 116 796.7 116 876c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8 0-44.2 23.9-82.9 59.6-103.7a273 273 0 0022.7 49c24.3 41.5 59 76.2 100.5 100.5S460.5 960 512 960s99.8-13.9 141.3-38.2a281.38 281.38 0 00123.2-149.5A120 120 0 01836 876c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8 0-79.3-48.1-147.4-116.7-176.7.4-6.4.7-12.8.7-19.3v-96h148c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8zM716 680c0 36.8-9.7 72-27.8 102.9-17.7 30.3-43 55.6-73.3 73.3C584 874.3 548.8 884 512 884s-72-9.7-102.9-27.8c-30.3-17.7-55.6-43-73.3-73.3A202.75 202.75 0 01308 680V412h408v268z"}}]},name:"bug",theme:"outlined"};var j=function(e,t){return o.createElement(l.A,(0,a.A)({},e,{ref:t,icon:v}))};const _=o.forwardRef(j),b={hide_table_of_contents:!0,pagination_prev:"get-started/index"},A="\ud83c\udfaf Guides",M={id:"guides/index",title:"\ud83c\udfaf Guides",description:"PRACTICE-ORIENTED",source:"@site/i18n/en/docusaurus-plugin-content-docs/current/guides/index.mdx",sourceDirName:"guides",slug:"/guides/",permalink:"/kr/docs/guides/",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/guides/index.mdx",tags:[],version:"current",lastUpdatedAt:1728325386e3,frontMatter:{hide_table_of_contents:!0,pagination_prev:"get-started/index"},sidebar:"guidesSidebar",previous:{title:"\ud83d\ude80 Get Started",permalink:"/kr/docs/get-started/"},next:{title:"Examples",permalink:"/kr/docs/guides/examples/"}},y={},T=[{value:"Main",id:"main",level:2},...i.RM,...i.RM,...i.RM,...i.RM];function R(e){const t={h1:"h1",h2:"h2",header:"header",p:"p",...(0,c.R)(),...e.components};return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(t.header,{children:(0,n.jsx)(t.h1,{id:"-guides",children:"\ud83c\udfaf Guides"})}),"\n",(0,n.jsx)("span",{class:"badge badge--primary margin-bottom--md",children:"PRACTICE-ORIENTED"}),"\n",(0,n.jsx)("p",{class:"summary",children:(0,n.jsx)(t.p,{children:'Practical guides and examples on the use of Feature-Sliced Design. There is also describe migration guides and a handbook of harmful practices. It is most useful when you are trying to implement something specific or want to look at the methodology "in battle"'})}),"\n",(0,n.jsx)(t.h2,{id:"main",children:"Main"}),"\n","\n",(0,n.jsx)(i.Ay,{title:"Examples",description:"Practical examples on the application of the methodology",to:"/docs/guides/examples",Icon:u,tags:["Authentication","Types","Page layout"]}),"\n",(0,n.jsx)(i.Ay,{title:"Migration",description:"Migration guides from other architectures",to:"/docs/guides/migration/from-v1",Icon:p,tags:["From custom architecture","From FSv1"]}),"\n",(0,n.jsx)(i.Ay,{title:"Tech",description:"Tech-specific guides for FSD usage",to:"/docs/guides/tech/with-nextjs",Icon:x}),"\n",(0,n.jsx)(i.Ay,{title:"Code Issues (Smells)",description:"General architecture issues for legacy code",to:"/docs/guides/issues/desegmented",Icon:_,tags:["Desegmented","Routing","Cross-imports"]})]})}function C(e={}){const{wrapper:t}={...(0,c.R)(),...e.components};return t?(0,n.jsx)(t,{...e,children:(0,n.jsx)(R,{...e})}):R(e)}},5988:(e,t,s)=>{s.d(t,{Y:()=>o,A:()=>l});s(758);var n=s(3526),c=s(6783);const i={root:"root_GfON",rootDisabled:"rootDisabled_SFUB",details:"details_xxkR",detailsTags:"detailsTags_uTQx",icon:"icon_ciqP",title:"title_pSH5",description:"description__Fep",miniTheme:"miniTheme_ePfp",primaryTheme:"primaryTheme_CilO",defaultTheme:"defaultTheme_j3I8"};var a=s(6070);const o=e=>{const{title:t,description:s,to:o,Icon:l,tags:d,className:u,disabled:h,theme:m="default"}=e;return(0,a.jsxs)(c.A,{className:(0,n.A)(i.root,u,h&&i.rootDisabled,i[`${m}Theme`]),to:o,children:[(0,a.jsx)(r,{Icon:l}),(0,a.jsxs)("div",{className:i.details,children:[(0,a.jsxs)("div",{className:i.detailsMain,children:[(0,a.jsx)("span",{className:i.title,children:t}),(0,a.jsx)("p",{className:i.description,children:s})]}),d&&(0,a.jsx)("div",{className:i.detailsTags,children:d.join(" \u2022 ")})]})]})},r=e=>{let{Icon:t}=e;return t?"string"==typeof t?(0,a.jsx)("span",{className:i.icon,children:t}):(0,a.jsx)(t,{className:i.icon}):null},l=o},1100:(e,t,s)=>{s.d(t,{R:()=>a,x:()=>o});var n=s(758);const c={},i=n.createContext(c);function a(e){const t=n.useContext(i);return n.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function o(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(c):e.components||c:a(e.components),n.createElement(i.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
diff --git a/kr/assets/js/53f8e831.4310bad5.js.LICENSE.txt b/kr/assets/js/53f8e831.a05205ed.js.LICENSE.txt
similarity index 100%
rename from kr/assets/js/53f8e831.4310bad5.js.LICENSE.txt
rename to kr/assets/js/53f8e831.a05205ed.js.LICENSE.txt
diff --git a/kr/assets/js/55b0769a.a79305c3.js b/kr/assets/js/55b0769a.f90d99cb.js
similarity index 99%
rename from kr/assets/js/55b0769a.a79305c3.js
rename to kr/assets/js/55b0769a.f90d99cb.js
index 5b70cbc038..5d3ece2ac3 100644
--- a/kr/assets/js/55b0769a.a79305c3.js
+++ b/kr/assets/js/55b0769a.f90d99cb.js
@@ -1 +1 @@
-"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[9386],{3794:(e,t,n)=>{n.r(t),n.d(t,{assets:()=>l,contentTitle:()=>r,default:()=>c,frontMatter:()=>o,metadata:()=>a,toc:()=>d});var s=n(6070),i=n(1100);const o={sidebar_position:3},r="Page layouts",a={id:"guides/examples/page-layout",title:"Page layouts",description:"This guide examines the abstraction of a page layout \u2014 when several pages share the same overall structure, and differ only in the main content.",source:"@site/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/page-layout.md",sourceDirName:"guides/examples",slug:"/guides/examples/page-layout",permalink:"/kr/docs/guides/examples/page-layout",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/page-layout.md",tags:[],version:"current",lastUpdatedAt:1727607766e3,sidebarPosition:3,frontMatter:{sidebar_position:3},sidebar:"guidesSidebar",previous:{title:"Types",permalink:"/kr/docs/guides/examples/types"},next:{title:"From a custom architecture",permalink:"/kr/docs/guides/migration/from-custom"}},l={},d=[{value:"Simple layout",id:"simple-layout",level:2},{value:"Using widgets in the layout",id:"using-widgets-in-the-layout",level:2},{value:"Further reading",id:"further-reading",level:2}];function h(e){const t={a:"a",admonition:"admonition",blockquote:"blockquote",br:"br",code:"code",em:"em",h1:"h1",h2:"h2",header:"header",li:"li",ol:"ol",p:"p",pre:"pre",strong:"strong",ul:"ul",...(0,i.R)(),...e.components};return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(t.header,{children:(0,s.jsx)(t.h1,{id:"page-layouts",children:"Page layouts"})}),"\n",(0,s.jsxs)(t.p,{children:["This guide examines the abstraction of a ",(0,s.jsx)(t.em,{children:"page layout"})," \u2014 when several pages share the same overall structure, and differ only in the main content."]}),"\n",(0,s.jsx)(t.admonition,{type:"info",children:(0,s.jsx)(t.p,{children:"Is your question not covered by this guide? Post your question by leaving feedback on this article (blue button on the right) and we will consider expanding this guide!"})}),"\n",(0,s.jsx)(t.h2,{id:"simple-layout",children:"Simple layout"}),"\n",(0,s.jsxs)(t.p,{children:["The simplest layout can be seen on this page. It has a header with site navigation, two sidebars, and a footer with external links. There is no complicated business logic, and the only dynamic parts are sidebars and the switchers on the right side of the header. Such a layout can be placed entirely in ",(0,s.jsx)(t.code,{children:"shared/ui"})," or in ",(0,s.jsx)(t.code,{children:"app/layouts"}),", with props filling in the content for the sidebars:"]}),"\n",(0,s.jsx)(t.pre,{children:(0,s.jsx)(t.code,{className:"language-tsx",metastring:'title="shared/ui/layout/Layout.tsx"',children:'import { Link, Outlet } from "react-router-dom";\nimport { useThemeSwitcher } from "./useThemeSwitcher";\n\nexport function Layout({ siblingPages, headings }) {\n  const [theme, toggleTheme] = useThemeSwitcher();\n\n  return (\n    <div>\n      <header>\n        <nav>\n          <ul>\n            <li> <Link to="/">Home</Link> </li>\n            <li> <Link to="/docs">Docs</Link> </li>\n            <li> <Link to="/blog">Blog</Link> </li>\n          </ul>\n        </nav>\n        <button onClick={toggleTheme}>{theme}</button>\n      </header>\n      <main>\n        <SiblingPageSidebar siblingPages={siblingPages} />\n        <Outlet /> {/* This is where the main content goes */}\n        <HeadingsSidebar headings={headings} />\n      </main>\n      <footer>\n        <ul>\n          <li>GitHub</li>\n          <li>Twitter</li>\n        </ul>\n      </footer>\n    </div>\n  );\n}\n'})}),"\n",(0,s.jsx)(t.pre,{children:(0,s.jsx)(t.code,{className:"language-ts",metastring:'title="shared/ui/layout/useThemeSwitcher.ts"',children:'export function useThemeSwitcher() {\n  const [theme, setTheme] = useState("light");\n\n  function toggleTheme() {\n    setTheme(theme === "light" ? "dark" : "light");\n  }\n\n  useEffect(() => {\n    document.body.classList.remove("light", "dark");\n    document.body.classList.add(theme);\n  }, [theme]);\n\n  return [theme, toggleTheme] as const;\n}\n'})}),"\n",(0,s.jsx)(t.p,{children:"The code of sidebars is left as an exercise for the reader \ud83d\ude09."}),"\n",(0,s.jsx)(t.h2,{id:"using-widgets-in-the-layout",children:"Using widgets in the layout"}),"\n",(0,s.jsxs)(t.p,{children:["Sometimes you want to include certain business logic in the layout, especially if you're using deeply nested routes with a router like ",(0,s.jsx)(t.a,{href:"https://reactrouter.com/",children:"React Router"}),". Then you can't store the layout in Shared or in Widgets due to ",(0,s.jsx)(t.a,{href:"/docs/reference/layers#import-rule-on-layers",children:"the import rule on layers"}),":"]}),"\n",(0,s.jsxs)(t.blockquote,{children:["\n",(0,s.jsx)(t.p,{children:"A module in a slice can only import other slices when they are located on layers strictly below."}),"\n"]}),"\n",(0,s.jsxs)(t.p,{children:["Before we discuss solutions, we need to discuss if it's even a problem in the first place. Do you ",(0,s.jsx)(t.em,{children:"really need"})," that layout, and if so, does it ",(0,s.jsx)(t.em,{children:"really need"})," to be a Widget? If the block of business logic in question is reused on 2-3 pages, and the layout is simply a small wrapper for that widget, consider one of these two options:"]}),"\n",(0,s.jsxs)(t.ol,{children:["\n",(0,s.jsxs)(t.li,{children:["\n",(0,s.jsxs)(t.p,{children:[(0,s.jsx)(t.strong,{children:"Write the layout inline on the App layer, where you configure the routing"}),(0,s.jsx)(t.br,{}),"\n","This is great for routers that support nesting, because you can group certain routes and apply the layout only to them."]}),"\n"]}),"\n",(0,s.jsxs)(t.li,{children:["\n",(0,s.jsxs)(t.p,{children:[(0,s.jsx)(t.strong,{children:"Just copy-paste it"}),(0,s.jsx)(t.br,{}),"\n","The urge to abstract code is often very overrated. It is especially the case for layouts, which rarely change. At some point, if one of these pages will need to change, you can simply do the change without needlessly affecting other pages. If you're worried that someone might forget to update the other pages, you can always leave a comment that describes the relationship between the pages."]}),"\n"]}),"\n"]}),"\n",(0,s.jsx)(t.p,{children:"If none of the above are applicable, there are two solutions to include a widget in the layout:"}),"\n",(0,s.jsxs)(t.ol,{children:["\n",(0,s.jsxs)(t.li,{children:[(0,s.jsx)(t.strong,{children:"Use render props or slots"}),(0,s.jsx)(t.br,{}),"\n","Most frameworks allow you to pass a piece of UI externally. In React, it's called ",(0,s.jsx)(t.a,{href:"https://www.patterns.dev/react/render-props-pattern/",children:"render props"}),", in Vue it's called ",(0,s.jsx)(t.a,{href:"https://vuejs.org/guide/components/slots",children:"slots"}),"."]}),"\n",(0,s.jsxs)(t.li,{children:[(0,s.jsx)(t.strong,{children:"Move the layout to the App layer"}),(0,s.jsx)(t.br,{}),"\n","You can also store your layout on the App layer, for example, in ",(0,s.jsx)(t.code,{children:"app/layouts"}),", and compose any widgets you want."]}),"\n"]}),"\n",(0,s.jsx)(t.h2,{id:"further-reading",children:"Further reading"}),"\n",(0,s.jsxs)(t.ul,{children:["\n",(0,s.jsxs)(t.li,{children:["There's an example of how to build a layout with authentication with React and Remix (equivalent to React Router) in the ",(0,s.jsx)(t.a,{href:"/docs/get-started/tutorial",children:"tutorial"}),"."]}),"\n"]})]})}function c(e={}){const{wrapper:t}={...(0,i.R)(),...e.components};return t?(0,s.jsx)(t,{...e,children:(0,s.jsx)(h,{...e})}):h(e)}},1100:(e,t,n)=>{n.d(t,{R:()=>r,x:()=>a});var s=n(758);const i={},o=s.createContext(i);function r(e){const t=s.useContext(o);return s.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function a(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(i):e.components||i:r(e.components),s.createElement(o.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
+"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[9386],{3794:(e,t,n)=>{n.r(t),n.d(t,{assets:()=>l,contentTitle:()=>r,default:()=>c,frontMatter:()=>o,metadata:()=>a,toc:()=>d});var s=n(6070),i=n(1100);const o={sidebar_position:3},r="Page layouts",a={id:"guides/examples/page-layout",title:"Page layouts",description:"This guide examines the abstraction of a page layout \u2014 when several pages share the same overall structure, and differ only in the main content.",source:"@site/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/page-layout.md",sourceDirName:"guides/examples",slug:"/guides/examples/page-layout",permalink:"/kr/docs/guides/examples/page-layout",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/page-layout.md",tags:[],version:"current",lastUpdatedAt:1728325386e3,sidebarPosition:3,frontMatter:{sidebar_position:3},sidebar:"guidesSidebar",previous:{title:"Types",permalink:"/kr/docs/guides/examples/types"},next:{title:"From a custom architecture",permalink:"/kr/docs/guides/migration/from-custom"}},l={},d=[{value:"Simple layout",id:"simple-layout",level:2},{value:"Using widgets in the layout",id:"using-widgets-in-the-layout",level:2},{value:"Further reading",id:"further-reading",level:2}];function h(e){const t={a:"a",admonition:"admonition",blockquote:"blockquote",br:"br",code:"code",em:"em",h1:"h1",h2:"h2",header:"header",li:"li",ol:"ol",p:"p",pre:"pre",strong:"strong",ul:"ul",...(0,i.R)(),...e.components};return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(t.header,{children:(0,s.jsx)(t.h1,{id:"page-layouts",children:"Page layouts"})}),"\n",(0,s.jsxs)(t.p,{children:["This guide examines the abstraction of a ",(0,s.jsx)(t.em,{children:"page layout"})," \u2014 when several pages share the same overall structure, and differ only in the main content."]}),"\n",(0,s.jsx)(t.admonition,{type:"info",children:(0,s.jsx)(t.p,{children:"Is your question not covered by this guide? Post your question by leaving feedback on this article (blue button on the right) and we will consider expanding this guide!"})}),"\n",(0,s.jsx)(t.h2,{id:"simple-layout",children:"Simple layout"}),"\n",(0,s.jsxs)(t.p,{children:["The simplest layout can be seen on this page. It has a header with site navigation, two sidebars, and a footer with external links. There is no complicated business logic, and the only dynamic parts are sidebars and the switchers on the right side of the header. Such a layout can be placed entirely in ",(0,s.jsx)(t.code,{children:"shared/ui"})," or in ",(0,s.jsx)(t.code,{children:"app/layouts"}),", with props filling in the content for the sidebars:"]}),"\n",(0,s.jsx)(t.pre,{children:(0,s.jsx)(t.code,{className:"language-tsx",metastring:'title="shared/ui/layout/Layout.tsx"',children:'import { Link, Outlet } from "react-router-dom";\nimport { useThemeSwitcher } from "./useThemeSwitcher";\n\nexport function Layout({ siblingPages, headings }) {\n  const [theme, toggleTheme] = useThemeSwitcher();\n\n  return (\n    <div>\n      <header>\n        <nav>\n          <ul>\n            <li> <Link to="/">Home</Link> </li>\n            <li> <Link to="/docs">Docs</Link> </li>\n            <li> <Link to="/blog">Blog</Link> </li>\n          </ul>\n        </nav>\n        <button onClick={toggleTheme}>{theme}</button>\n      </header>\n      <main>\n        <SiblingPageSidebar siblingPages={siblingPages} />\n        <Outlet /> {/* This is where the main content goes */}\n        <HeadingsSidebar headings={headings} />\n      </main>\n      <footer>\n        <ul>\n          <li>GitHub</li>\n          <li>Twitter</li>\n        </ul>\n      </footer>\n    </div>\n  );\n}\n'})}),"\n",(0,s.jsx)(t.pre,{children:(0,s.jsx)(t.code,{className:"language-ts",metastring:'title="shared/ui/layout/useThemeSwitcher.ts"',children:'export function useThemeSwitcher() {\n  const [theme, setTheme] = useState("light");\n\n  function toggleTheme() {\n    setTheme(theme === "light" ? "dark" : "light");\n  }\n\n  useEffect(() => {\n    document.body.classList.remove("light", "dark");\n    document.body.classList.add(theme);\n  }, [theme]);\n\n  return [theme, toggleTheme] as const;\n}\n'})}),"\n",(0,s.jsx)(t.p,{children:"The code of sidebars is left as an exercise for the reader \ud83d\ude09."}),"\n",(0,s.jsx)(t.h2,{id:"using-widgets-in-the-layout",children:"Using widgets in the layout"}),"\n",(0,s.jsxs)(t.p,{children:["Sometimes you want to include certain business logic in the layout, especially if you're using deeply nested routes with a router like ",(0,s.jsx)(t.a,{href:"https://reactrouter.com/",children:"React Router"}),". Then you can't store the layout in Shared or in Widgets due to ",(0,s.jsx)(t.a,{href:"/docs/reference/layers#import-rule-on-layers",children:"the import rule on layers"}),":"]}),"\n",(0,s.jsxs)(t.blockquote,{children:["\n",(0,s.jsx)(t.p,{children:"A module in a slice can only import other slices when they are located on layers strictly below."}),"\n"]}),"\n",(0,s.jsxs)(t.p,{children:["Before we discuss solutions, we need to discuss if it's even a problem in the first place. Do you ",(0,s.jsx)(t.em,{children:"really need"})," that layout, and if so, does it ",(0,s.jsx)(t.em,{children:"really need"})," to be a Widget? If the block of business logic in question is reused on 2-3 pages, and the layout is simply a small wrapper for that widget, consider one of these two options:"]}),"\n",(0,s.jsxs)(t.ol,{children:["\n",(0,s.jsxs)(t.li,{children:["\n",(0,s.jsxs)(t.p,{children:[(0,s.jsx)(t.strong,{children:"Write the layout inline on the App layer, where you configure the routing"}),(0,s.jsx)(t.br,{}),"\n","This is great for routers that support nesting, because you can group certain routes and apply the layout only to them."]}),"\n"]}),"\n",(0,s.jsxs)(t.li,{children:["\n",(0,s.jsxs)(t.p,{children:[(0,s.jsx)(t.strong,{children:"Just copy-paste it"}),(0,s.jsx)(t.br,{}),"\n","The urge to abstract code is often very overrated. It is especially the case for layouts, which rarely change. At some point, if one of these pages will need to change, you can simply do the change without needlessly affecting other pages. If you're worried that someone might forget to update the other pages, you can always leave a comment that describes the relationship between the pages."]}),"\n"]}),"\n"]}),"\n",(0,s.jsx)(t.p,{children:"If none of the above are applicable, there are two solutions to include a widget in the layout:"}),"\n",(0,s.jsxs)(t.ol,{children:["\n",(0,s.jsxs)(t.li,{children:[(0,s.jsx)(t.strong,{children:"Use render props or slots"}),(0,s.jsx)(t.br,{}),"\n","Most frameworks allow you to pass a piece of UI externally. In React, it's called ",(0,s.jsx)(t.a,{href:"https://www.patterns.dev/react/render-props-pattern/",children:"render props"}),", in Vue it's called ",(0,s.jsx)(t.a,{href:"https://vuejs.org/guide/components/slots",children:"slots"}),"."]}),"\n",(0,s.jsxs)(t.li,{children:[(0,s.jsx)(t.strong,{children:"Move the layout to the App layer"}),(0,s.jsx)(t.br,{}),"\n","You can also store your layout on the App layer, for example, in ",(0,s.jsx)(t.code,{children:"app/layouts"}),", and compose any widgets you want."]}),"\n"]}),"\n",(0,s.jsx)(t.h2,{id:"further-reading",children:"Further reading"}),"\n",(0,s.jsxs)(t.ul,{children:["\n",(0,s.jsxs)(t.li,{children:["There's an example of how to build a layout with authentication with React and Remix (equivalent to React Router) in the ",(0,s.jsx)(t.a,{href:"/docs/get-started/tutorial",children:"tutorial"}),"."]}),"\n"]})]})}function c(e={}){const{wrapper:t}={...(0,i.R)(),...e.components};return t?(0,s.jsx)(t,{...e,children:(0,s.jsx)(h,{...e})}):h(e)}},1100:(e,t,n)=>{n.d(t,{R:()=>r,x:()=>a});var s=n(758);const i={},o=s.createContext(i);function r(e){const t=s.useContext(o);return s.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function a(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(i):e.components||i:r(e.components),s.createElement(o.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
diff --git a/kr/assets/js/55fbebd6.31a244cb.js b/kr/assets/js/55fbebd6.2b9be27f.js
similarity index 99%
rename from kr/assets/js/55fbebd6.31a244cb.js
rename to kr/assets/js/55fbebd6.2b9be27f.js
index 70619b71db..5a2d2028ca 100644
--- a/kr/assets/js/55fbebd6.31a244cb.js
+++ b/kr/assets/js/55fbebd6.2b9be27f.js
@@ -1 +1 @@
-"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[5746],{7946:(A,o,t)=>{t.d(o,{Ay:()=>a,RM:()=>n});var e=t(6070),s=t(1100),g=t(5988);const n=[];function i(A){return(0,e.jsx)(g.A,{...A})}function a(A={}){const{wrapper:o}={...(0,s.R)(),...A.components};return o?(0,e.jsx)(o,{...A,children:(0,e.jsx)(i,{...A})}):i(A)}},9050:(A,o,t)=>{t.r(o),t.d(o,{assets:()=>U,contentTitle:()=>i,default:()=>r,frontMatter:()=>n,metadata:()=>a,toc:()=>C});var e=t(6070),s=t(1100),g=t(7946);t(6783);const n={sidebar_position:1,slug:"/",pagination_next:"get-started/index"},i="Documentation",a={id:"intro",title:"Documentation",description:"feature-sliced-banner",source:"@site/i18n/en/docusaurus-plugin-content-docs/current/intro.mdx",sourceDirName:".",slug:"/",permalink:"/kr/docs/",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/intro.mdx",tags:[],version:"current",lastUpdatedAt:1727607766e3,sidebarPosition:1,frontMatter:{sidebar_position:1,slug:"/",pagination_next:"get-started/index"},next:{title:"\ud83d\ude80 Get Started",permalink:"/kr/docs/get-started/"}},U={},C=[...g.RM,...g.RM,...g.RM,...g.RM,...g.RM,...g.RM,...g.RM];function F(A){const o={h1:"h1",header:"header",img:"img",p:"p",strong:"strong",...(0,s.R)(),...A.components};return(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)(o.header,{children:(0,e.jsx)(o.h1,{id:"documentation",children:"Documentation"})}),"\n",(0,e.jsx)(o.p,{children:(0,e.jsx)(o.img,{alt:"feature-sliced-banner",src:t(1589).A+"",width:"1400",height:"320"})}),"\n",(0,e.jsxs)(o.p,{children:[(0,e.jsx)(o.strong,{children:"Feature-Sliced Design"})," (FSD) is an architectural methodology for scaffolding front-end applications. Simply put, it's a compilation of rules and conventions on organizing code. The main purpose of this methodology is to make the project more understandable and structured in the face of ever-changing business requirements."]}),"\n","\n",(0,e.jsx)(g.Ay,{theme:"primary",Icon:"\ud83c\udf70",title:"New to FSD?",description:"Learn the basics with quick overview of methodology",to:"/docs/get-started/overview"}),"\n",(0,e.jsx)("br",{}),"\n",(0,e.jsx)(g.Ay,{theme:"mini",title:"\ud83d\ude80 Get Started",description:"A tour over the basic concepts and structure as well as a comprehensive review of a React sample project",to:"/docs/get-started",tags:["Overview","Tutorial","FAQ"]}),"\n",(0,e.jsx)(g.Ay,{theme:"mini",title:"\ud83c\udfaf Guides",description:"Practical guides and application examples",to:"/docs/guides",tags:["Examples","Migration","Tech"]}),"\n",(0,e.jsx)(g.Ay,{theme:"mini",title:"\ud83d\udcda Reference",description:"Reference details of core concepts (for more efficient application)",to:"/docs/reference",tags:["Units","Isolation","Public API"]}),"\n",(0,e.jsx)(g.Ay,{theme:"mini",title:"\ud83c\udf70 About",description:"The philosophy of the methodology, its goals and place in the modern front-end",to:"/docs/about",tags:["Mission","Alternatives","Promote"]}),"\n",(0,e.jsx)(g.Ay,{theme:"mini",title:"\ud83d\udcab Community",description:"Resources and additional materials, contributed by the community",to:"/community",tags:["Awesome","Team","Examples"]}),"\n",(0,e.jsx)(g.Ay,{theme:"mini",title:"\ud83d\udee0 Examples",description:"Projects built with Feature-Sliced Design",to:"/examples"})]})}function r(A={}){const{wrapper:o}={...(0,s.R)(),...A.components};return o?(0,e.jsx)(o,{...A,children:(0,e.jsx)(F,{...A})}):F(A)}},5988:(A,o,t)=>{t.d(o,{Y:()=>i,A:()=>U});t(758);var e=t(3526),s=t(6783);const g={root:"root_GfON",rootDisabled:"rootDisabled_SFUB",details:"details_xxkR",detailsTags:"detailsTags_uTQx",icon:"icon_ciqP",title:"title_pSH5",description:"description__Fep",miniTheme:"miniTheme_ePfp",primaryTheme:"primaryTheme_CilO",defaultTheme:"defaultTheme_j3I8"};var n=t(6070);const i=A=>{const{title:o,description:t,to:i,Icon:U,tags:C,className:F,disabled:r,theme:B="default"}=A;return(0,n.jsxs)(s.A,{className:(0,e.A)(g.root,F,r&&g.rootDisabled,g[`${B}Theme`]),to:i,children:[(0,n.jsx)(a,{Icon:U}),(0,n.jsxs)("div",{className:g.details,children:[(0,n.jsxs)("div",{className:g.detailsMain,children:[(0,n.jsx)("span",{className:g.title,children:o}),(0,n.jsx)("p",{className:g.description,children:t})]}),C&&(0,n.jsx)("div",{className:g.detailsTags,children:C.join(" \u2022 ")})]})]})},a=A=>{let{Icon:o}=A;return o?"string"==typeof o?(0,n.jsx)("span",{className:g.icon,children:o}):(0,n.jsx)(o,{className:g.icon}):null},U=i},1589:(A,o,t)=>{t.d(o,{A:()=>e});const e="data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAoHBwkHBgoJCAkLCwoMDxkQDw4ODx4WFxIZJCAmJSMgIyIoLTkwKCo2KyIjMkQyNjs9QEBAJjBGS0U+Sjk/QD3/2wBDAQsLCw8NDx0QEB09KSMpPT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT3/wgARCAFABXgDAREAAhEBAxEB/8QAGgABAQADAQEAAAAAAAAAAAAAAAEDBAUGAv/EABkBAQEAAwEAAAAAAAAAAAAAAAABAgMEBf/aAAwDAQACEAMQAAAA8V0+cAoAAAKAAACgAAAoAoAAUAFAAUACgAAAFoAAAUAAoCgCooJQFAUAAoCgChAAAVQFgC0AAAAAAKAAAUAUAAAKAAAAAAAAAAAAAAAHx5moAKAAACgAAAoAAAKAKAAFABQAFAAoAAABaAAAFAAKAoAqKCUBQFAAKAoAoQAAFUBYAtAAAAAACgAAFAFAAACgAAAAAAAAAAAAAAPjzNQACgAAAoAAAKAAACgCgABQAUABQAKAAAAWgAABQACgKAKiglAUBQACgKAKEAABVAWALQAAAAAAoAABQBQAAAoAAAAAAAAAAAAAAY/M1UAAUAAAFAAABQAAAUAUAAKACgAKABQAAAC0AAAKAAUBQBUUEoCgKAAUBQBQgAAKoCwBaAAAAAAFAAAKAKAAAFAAAAAAAAAAAAAAY/M1CgACgAAAoAAAKAAACgCgABQAUABQAKAAAAWgAABQACgKAKiglAUBQACgKAKEAABVAWALQAAAAAAoAABQBQAAAoAAAAAAAAAAAAAY/M1AUAAUAAAFAAABQAAAUAUAAKACgAKABQAAAC0AAAKAAUBQBUUEoCgKAAUBQBQgAAKoCwBaAAAAAAFAAAKAKAAAFAAAAAAAAAAAAAY/M1ACgACgAAAoAAAKAAACgCgABQAUABQAKAAAAWgAABQACgKAKiglAUBQACgKAKEAABVAWALQAAAAAAoAABQBQAAAoAAAAAAAAAAAAY/M1AAUAAUAAAFAAABQAAAUAUAAKACgAKABQAAAC0AAAKAAUBQBUUEoCgKAAUBQBQgAAKoCwBaAAAAAAFAAAKAKAAAFAAAAAAAAAAAAY/M1AACgACgAAAoAAAKAAACgCgABQAUABQAKAAAAWgAABQACgKAKiglAUBQACgKAKEAABVAWALQAAAAAAoAABQBQAAAoAAAAAAAAAAAY/M1AAAUAAUAAAFAAABQAAAUAUAAKACgAKABQAAAC0AAAKAAUBQBUUEoCgKAAUBQBQgAAKoCwBaAAAAAAFAAAKAKAAAFAAAAAAAAAAAY/M1AAACgACgAAAoAAAKAAACgCgABQAUABQAKAAAAWgAABQACgKAKiglAUBQACgKAKEAABVAWALQAAAAAAoAABQBQAAAoAAAAAAAAAAY/M1AAAAUAAUAAAFAAABQAAAUAUAAKACgAKABQAAAC0AAAKAAUBQBUUEoCgKAAUBQBQgAAKoCwBaAAAAAAFAAAKAKAAAFAAAAAAAAAAY/M1AAAACgACgAAAoAAAKAAACgCgABQAUABQAKAAAAWgAABQACgKAKiglAUBQACgKAKEAABVAWALQAAAAAAoAABQBQAAAoAAAAAAAAAY/M1AAAAAUAAUAAAFAAABQAAAUAUAAKACgAKABQAAAy3Dcz0iWhaIoVq4bcWOQCtzLRksUVRYauGzFMslx3sueKULcMz1cdoCgKAKEAABVAWALQAAAAAAoAABQBQAAAoAAAAAAAADH5moAAAAAUAAUAAAFAAABQAAAUAUAAKACgAKABQAAHR2cvqunyIylsuUuUtjKWy3zvJ387TvAHq+ryN3PTLlLZcpbGXnuXu5uro3sub1u/xZcpbLlGXKw6/Pc/ogBQFAFCAAAqgLAFoAAAAAAUAAAoAoAAAUAAAAAAAAMfmagAAAAAKAAKAAACgAAAoAAAKAKAAFABQAFAAoAAbmeju7+CKtlsVcostW8fm6dPXt2stPf3edLYq5S0stlpeRo6tLXt2rp7+7zVsWXJbFlpfP83djmQUBQBQgAAKoCwBaAAAAAAFAAAKAKAAAFAAAAAAAAY/M1AAAAAACgACgAAAoAAAKAAACgCgABQAUABQAKAA2stXY3cS2LLYq2LLS8zRv1dezZy1dndwy0stLLSy2LzdPRq4Z57r7W3gLLVsVbFW8Xn68cyAUBQBQgAAKoCwBaAAAAAAFAAAKAKAAAFAAAAAAADH5moAAAAAACgACgAAAoAAAKAAACgCgABQAUABQAKAHT28vrevyJcpbLl5bj9Tl6ekAAdDZzew6/GlylsuUuUt1cd3jvP8AUoBvZ8/serxZcpbLlLlLZcpcpcvOcfdy9G8BQFAFCAAAqgLAFoAAAAAAUAAAoAoAAAUAAAAAABj8zUAAAAAAAKAAKAAACgAAAoAAAKAKAAFABQAFAAoDZy1dffyFlpcMz+GQlpdHTtwYZfVma4djfxy0sti45lxufqFBny19ndxRlKLLSy0st52nfq68wAoCgChAAAVQFgC0AAAAAAKAAAUAUAAAKAAAAAAGPzNQAAAAAAAFAAFAAABQAAAUAAAFAFAACgAoACgAUN7Zo9D0+fLZciy2XKWxZcuJx9Olp2Aeu7vIjJbLYywTPzfF3AU28tXo+nzJclsWWy5S0ylvG5enQ1bQAFAUAUIAACqAsAWgAAAAABQAACgCgAABQAAAAAGPzNQAAAAAAAAoAAoAAAKAAACgAAAoAoAAUAFAAUACt7Zo9B1cEuRZbLlFlq5S3icXRpadgA9D18G3s1y5S2WmXmuDrxzIbeer0fT5y2LLlLYq5S2W8bl6dHRsUAAoCgChAAAVQFgC0AAAAAAKAAAUAUAAAKAAAAAGPzNQAAAAAAAAFAAFAAABQAAAUAAAFAFAACgAoACgA2c9fW6OUsti4pl8TILZbpaNmDDIAdfo5c2eJZathzefdgxy+Zc+WHY3ca2Ktiy0stW87Rt1tWYUAAoCgChAAAVQFgC0AAAAAAKAAAUAUAAAKAAAAAx+ZqAAAAAAAAAFAAFAAABQAAAUAAAFAFAACgAoACgHS3c/qu/zZbLlLl5ng7uZz7wAtAA9X6Hm727XLlLYy+blLl57z+nm8+ze2aPXdvly2XKXKXKWxl83KXLgcPTzObaAoABQFAFCAAAqgLAFoAAAAAAUAAAoAoAAAUAAAAMfmagAAAAAAAAAKAAKAAACgAAAoAAAKAKAAFABQAFBs56+t080VbF5nPv1deYAC3Yy19bo5lolpZatirebzbNbVlnzw7G/klyKqWxZaXkcm/4gFAUAAoCgChAAAVQFgC0AAAAAAKAAAUAUAAAKAAAAx+ZqAAAAAAAAAAFAAFAAABQAAAUAAAFAFAACgAoACm3s1dnq5VsWW8jl6NTVsAAGzsw7fTxrZaZS2WxVst5fJt1NOWxnr7vTxy5RVstirZbw+Lox4qAoCgAFAUAUIAACqAsAWgAAAAABQAACgCgAABQAAAx+ZqAAAAAAAAAAAoAAoAAAKAAACgAAAoAoAAUAFAAdDdp9J3cMuUtly8/wdXP0bQABu7dXpu/hiy5S2XKW4MM/MeX1KA3Nmr0/dwS2MpbLlzdG7h8XQqKCUBQFAAKAoAoQAAFUBYAtAAAAAACgAAFAFAAACgAAMfmagAAAAAAAAAABQABQAAAUAAAFAAABQBQAAoAKAGXLHa2YBRdXXnjxoAAyWbW3WFoiq+ZdTTmFD7uO3s1qKqLjxy19eQVFBKAoCgAFAUAUIAACqAsAWgAAAAABQAACgCgAABQAAx+ZqAAAAAAAAAAAAoAAoAAAKAAACgAAAoAoAAUAFAAUACgAAAFoAAAUAAoCgCooJQFAUAAoCgChAAAVQFgC0AAAAAAKAAAUAUAAAKAAx+ZqAAAAAAAAAAAAFAAFAAABQAAAUAAAFAFAACgAoACgAUAAAAtAAACgAFAUAVFBKAoCgAFAUAUIAACqAsAWgAAAAABQAACgCgAABQAx+ZqAAAAAAAAAAAAAoAAoAAAKAAACgAAAoAoAAUAFAAUACgAAAFoAAAUAAoCgCooJQFAUAAoCgChAAAVQFgC0AAAAAAKAAAUAUAAAKAx+ZqAAAAAAAAAAAAAFAAFAAABQAAAUAAAFAFAACgAoACgAUAAAAtAAACgAFAUAVFBKAoCgAFAUAUIAACqAsAWgAAAAABQAACgCgAABQx+ZqAAAAAAAAAAAAAAoAAoAAAKAAACgAAAoAoAAUAFAAUACgAAAFoAAAUAAoCgCooJQFAUAAoCgChAAAVQFgC0AAAAAAKAAAUAUAAAKx+ZqAAAAAAAAAAAAAAFAAFAAABQAAAUAAAFAFAACgAoACgAUAAAAtAAACgAFAUAVFBKAoCgAFAUAUIAACqAsAWgAAAAABQAACgCgAADH5uoAAAAAAAAAAAAAACgACgAAAoAAAKAAACgCgABQAUABQAKAAAAWgAABQACgKAKiglAUBQACgKAKEAABVAWALQAAAAAAoAABQBQAAMfm6gAAAAAAAAAAAAAABQABQAAAUAAAFAAABQBQAAoAKAAoAFAAAALQAAAoABQFAFRQSgKAoABQFAFCAAAqgLAFoAAAAAAUAAAoAoAAx+bqAAAAAAAAAAAAAAAAoAAoAAAKAAACgAAAoAoAAUAFAAUACgAAAFoAAAUAAoCgCooJQFAUAAoCgChAAAVQFgC0AAAAAAKAAAUAUADH5uoAAAAAAAAAAAAAAAAUAAUAAAFAAABQAAAUAUAAKACgAKABQAAAC0AAAKAAUBQBUUEoCgKAAUBQBQgAAKoCwBaAAAAAAFAAAKAKAMfm6gAAAAAAAAAAAAAAAAKAAKAAACgAAAoAAAKAKAAFABQAFAAoAAABaAAAFAAKAoAqKCUBQFAAKAoAoQAAFUBYAtAAAAAACgAAFAFAx+bqAAAAAAAAAAAAAAAAAFAAFAAABQAAAUAAAFAFAACgAoACgAUAAAAtAAACgAFAUAVFBKAoCgAFAUAUIAACqAsAWgAAAAABQAACgCjH5uoAAAAAAAAAAAAAAAAACgACgAAAoAAAKAAACgCgABQAUABQAKAAAAWgAABQACgKAKiglAUBQACgKAKEAABVAWALQAAAAAAoAABQBf/EACgQAAIBBAEEAgIDAQEAAAAAAAAEAwIFFRYBERIUIBNwEDUGIbAwNP/aAAgBAQABCAD/ABKVlpW5uIoMBcTAXEwNxMDcTBXAwVwMHcDBvmEfGFpVZfjm9ILQ61DTLDgriYK4GDuBg3zCPmEfGFpVJOycggkZmpihwFxMDcTA3EwVwMFcBm2tJx8Vz/SFhlohulFcuRTMimZFMyChkFDIKGQUPPVPPVL5LRM/3R+lldWitMNEmQUMgoZBQyCh56p56pfZaJn+KoizSURXaCuTIpmRTMioZBQyChf2oJ0aKYvpC1J0PPUwyawoawoayqayqa0qa2qa2qa4qa6qXNShJv4oy2K0OvxwSawoawoayoayqa0qa2qa4qa4sa6sXROhJriKMtq1Dj8UEmsKGsqGsqmtKmtqmtqmuKmuqjMfELUsdP0bbXPAcpnNpNpNoNoNnNnNmNmNlLg55zPy/i3teE7HObSbSbQbObObMbKbKbIXB3zmOJfwgz4Tsc5tJtBtBs5sxsxspshPXzMxJL9Hfx79tQdODpwdODpwfyH9n72H9zAdODpwdODpwdODpwXHjjHMetk/cQHTg6cHTg6cHTg6cHTg6cHTgv8A/wC+jp9GW+GdhumhbE3YxN2MVdjFXUksL01XdLrjRrrRrzJrzI2pWnN8UhHJXFXxXHkHDE3YxV2MVdTF3Uxd0GLdcY15K5fRGKWZyOODE3YxN2MVdjFXUxd1MXdDGXQxl0MZcy4QTwT8Us/RlnZiUuFMs2et5nUDOoGcQM4gZtAzaJmkTNIl2Yjac74fznUDOoGcQM4gZtAcu6cqc1FHpa541rjFLLnUDOoGdQM4gZxAzaJmkTNImZSLwzE03TXD9GWdaJq4UxTYK3mDQMGgYRAwiBhUDComGRMMiXZeJZzsh9LXalGbdFLNhEDCIGFRMKiYZEYo4jZlop/FrhjZuMUUuCQMGgYNAwiBhEDComFRMMiYdIu60SrVNEP0Zb5pl26a1stdjK3Uyt1MpdCS+uxVdsuwtGwsmwMmfZG2q3Jvlk9EX34E6KIMpdDKXQyl0MnczJ3MkVallrr5kiriq7ZBKWWFuiuDK3Uyt1MpdTKXQyl0MpdDJ3MydzMlch+eeefipj6MsH7Wg7uDu4O7g68F/wD2P/Ky88YiE7uDu4O7g68HXg68F9/t/j8WX9tAd3B3cHdwd3B3cHdwdeDrwdeC/f29R9G29Tzm6YTWjWjWzWy4J+Cz8Xuir5rlEBrPBrJrZrhrhrprxrxr4+p4U/Ef4SW8tuOE1o1o1w1w10101414mo5hnkj+jrY1Qk7TNJsaxsaxsSxsKxc26HW/lj9rczSo9HNXsaxsaxsSxsKxsKxsCxn1zPrmeXLk3Q4zxJGW9ilR6OavY1jY1jYljYVjYFjYFzPrmfXGJOJWJZKfo2yx0S3KimTwVTwVTwVTwVS9RURP9sftZ6KJbpDRJ4Kp4Kp4Kp4Kp4Sp4Sw6ovQlNVT6WmimS5w0V+CqeCqeCqeCqeEqXteGJOiqP6QXYkVl4khzT5mnzMvGZeJ2JWZO+b2gnkWmplizT5mnzMvGZeMw8Zh0rujctFVFfpDNWvLTLFmnzNPmZeMy8Zh4nfYao4om/wAS3//EADMQAAEDBAAFAgMHBQEBAAAAAAEAAgMEEaLREpGSk+EQICFRcBMiMUFScbFTYoGwsjBh/9oACAEBAAk/AP8ASUt4nn8rgKnzbtU+bdqnzbtU+bdqnzbtU+bdqnzbtQZt2oM27TeF1r2uD7YeJjvwPE3ap827VPm3ap827UGbdqDNu1Bm3aZwute1wfRvE934BU+bdqnzbtU+bdqnzbtU+bdqLgaTa/ED9EXtY2x+LlVQ9YVVD1hVUPWFVQ9YVTD1hVMPWFUw9YVTD1hVMPWE9r28AF2+2eJrhxXBcP1FVUPWFUw9YVTD1hVMPWFUw9YVTF1hPa8cAF2m/wA/Rwa0E3J/Yqqh6wqqHrCqoesKph6wqmHrCmY8iQGzXX/I/REuDSCbtUs3MaUs3MaUs3MaUs3MaUk3MaUk3MaUk3MaUkvMaUkvMIuI4Qfj6Ehr73t/8BKlm5jSlm5jSkm5jSkm5jSkm5jSkm5jSkm5jSkl5jSkl5jSLiC0H73oSGvveylm5jSlm5jSkm5jSkm5jSkm5jSkm5jSkl5hSS8wr2Y8tH+D9DmcdgRa9lR5+FR5+FR5+FSZ+FSZ+FS5+FS5+FS5+FS5+Ezg+AFr39GcfBf7t7XuCFR5+FR5+FR5+FSZ+FSZ+FSZ+FSZ+FS5+FS5+Ezgs3hte/ozj4L/AHb2VHn4VHn4VJn4VJn4VJn4VJn4VJn4VLn4Tbcbi63yufod+lyAQQCAX6B7/wC7/koIIIIIL+m72/M/wUEEEAgPQIIL+mP5P0Nk+zksbOuQq8916rz3XKuPdcq491ynY93zc4lSQ8zpSRczpSRczpSRczpFpda/w9HuY4fg5psVVz9wqvPdcq491yrj3XKuPdcq491yqy5jWkuH2jjce1/BIb2de1lXHuvVee65Vx7rlXHuuVce65Vp7rlWnuuVae65Vp7rlL9o8tuDxE/C5+f0NdwsAKnwdpT4O0p8HaU+DtKfB2lPg7SmwdpTYOU2BTuJvCB7J8HaU+DtKfB2lPg7SnwdpS3c5hAHCfabMbe5/wAFT4O0p8HaU+DtKfB2lPg7SnwdpTYOU2DlNgU7iaGAfL8z9DW8TCCoM3bUGbtqDN21Bm7agzdtQ5u2oc3bUOblDmdpvC3hB9sXE917niPzKgzdtQZu2oM3bUObtqHM7Qs1ryBz9RxMde/JQZu2oM3bUGbtqDN21Bm7agzdtQ5u2ocyocym8LSwE8z9DY/tJLGzbEqhPacqE9pyoj2nKiPacoGMd8nNIUcXI7UcXI7UcXI7TIuR2g0G1vh7aUvjF7O4HH81RHtOVEe05UR7TlRHtOVGe05U0t3Ek2YUxzD8nC3ozjkF7Nte6oT2nKhPacqI9pyoj2nKiPacqI9pyoj2nKjPacqM9tyj+zfw2tYj4fQ39LkUUUV+gf8Al/d/0UUUUUfT9A/k+nzP8FFFFFFFFFFf0x/J+hr+C4Jva6q8PKq8PKqsPKqsPKfx/AG9re9/Bx3+Nr2sLqqw8qqw8qqw8qqw8qqw8qqw8qqw8qqw8qpw8p/Hdt72t6P4OP8ANVeHlVeHlVWHlVWHlVWHlVWHlVWHlVWHlOvwOLb/ADt9DgS0Aj4KOXkNqOXkNqOXkNqOXkNoOA4QPj7wS1t72/YhRy8htRy8htRy8htRy8htRyqOVRy8go5UyRBwHCB8fQEtbe9lHLyCjl5Dajl5BRy8go5eQUcqjl5DajlX4PeXDn9DmNe2x+BVND0BU0XQFTRdAVPF0BMaxvAPgB72hzTe4P7FU0PQFTRdAVPF0BU8XQFTxdAVPF0BQxghhsQ0e1oc03uD+xVND0BU8XQFTxdAVPF0BU8XQFExh4wLtbb8j9EXcLx+drqfBulPg3SnwbpT4N0ncTrWva3vdwvb+BU+DdKfBulPg3SnwbpT4N0p8G6U12uFiOEe13C9v4FT4N0p8G6U+DdKfBulPg3Sk4mg3tYD/SXf/8QAJBEAAgICAgEFAQEBAAAAAAAAAAIBEwMUERIgBBAhMnAwMbD/2gAIAQIBAQgA/wCJTETPxFbFTFTlTlTlLlLlLlLjLKzxPhCNMcxWxU5U5U5U5S4yys8SR8nRjoxWxWxWxKTHzP4hjnhjsp3U7qd1O6ndTup3U7qZ5iX+PDG0Qp2U7qd1O6ndTupnmJb4E/07QdoO0HaDsplmJX8RRe08FKlClClCmuprqa6msprKZUhG4gSO08FMFMFKlMFClClCmuprqZUhJ4gWOZ4KoKoKoKYKVKVKFKFGjiZj8ORus8l5ebBsGwbJsmybRkfu3PsrdZ5Li4vLy82DYNk2TI/eefZZ4nktLi4uLy8vNgmeZ5/DsP28c/388X2jzf6T44/t/L1H2/DUiZniK8hVkKshVlKHn/dZjWc1XNVx0lJ4kieDuxXkK8hVkKshVlGx5IiZnwXmZ+OjlbleQryFeQryFWQqyFWUyKyzw34ZiaFbmbkLkLkL0L8ZfjL8ZsYzYxmd4d+V97kLkLkLkL0HzJKzEeCTENzNqFqFqFyFyFyFyFyF6Gd4ZuY/DMSwzcTShQhQhQhRjNfGa+M18Zr4zOkI/EeGLErLEzShQhQhRjNfGNHDTHukctxNSFSFKFKFKFCFCFCFGMzpCNxH4ZjmYnmLcpblLcpblJ9Q8f7tObTm25tuZMkvPM+CO8LxFuUtyluUtyl2UlHmeSYmPiRJmJ+LMhZkLMhZkLchblLcpblLcplZmnlvwzB9/H1P3/lg+kefqvv7YvvH8vVff8Nxp3bg1TVNU1TKnRuPNF7NwaxrGqapqmoahqGmZsdbceyL2ng1zXNY1jWNU1TUGjrMx+HYnhG5nZU2kNpDaQzPDtzHljbq0TOypsqbKGyhtIbSG2htobaGfJGRuYEbq3M7CmwpsKbKmypsobSG0g88tM/h2CIl+JrQrQrQqQ9SsQ/EeWGIl4ia0K0K0K0KkKkMmNISZ8cUcvBWpWpWpWhWh6lFVPj8QVpWeYvyGxkNjIbGQZ5eeW8laVnmL8hfkL8hsZDYyGxkJz5JjifBZlZ5i9y/IX5C/IX5BsrvHDf8S3//xAAdEQEBAAICAwEAAAAAAAAAAAABAAIgMHAQgLAR/9oACAECAQk/APiVERERERuRERHAdJszMzMzuzMzOjMzPqERERERGhEREREaEREREen7M2U6OjMzMzszMzMzZT0czMzMzOrMzM7MzMzMz0eRERERG5ERGpEREREdHljY2MRERsWNjY2NjDoRERY2NjYx+enrMzwszMzM2U+WZmZmekSI4zwRERxEdIERHCREREbERER0kzM8LMzMzszMzPxLv//EACYRAAICAgEEAgIDAQAAAAAAAAACAQMTFBEEEBIgM3AxMhUhMLD/2gAIAQMBAQgA/wCJS9i1x5Nu0G5SbdJt0m1UbVRs1GzUbFYrw0cx6P1NaT4tt0m3SbVRs1GzUbFYjw8cqO6ovk27QbtBuUm3SbdIlyWTwv0h1iy1UxGCwwWGGww2GFzE5FTmJyKnOniYTifTqana2ZjDYYbDC5FTmJyKnOmiYTiTqllqWiMFpgsIosMNhhsOjrZXmZ+kOotmpPKN+w3rDesN1zcc3HNtzac2XKnl15kvsmuuXjfsN+w3rDdc3HNxzbc2nNpyl5deZL7Jrrlo37DfsN6w3rDdc3HNtzbcSeVifo6+rKniaBoGiaRpGmaZqGqVp4Rx2uryJKH8eaBomiaRpmmahqlaeEcdrq8iSh/HmgaBomkaRpmoLHjER9HdZ8U9o79J8fv1fwyQR61fvHr1fwsQR/h036/RtzKqcvnoM9BnoM1IvU1x+NpDZU2FM6iNDRzBMQ0cThrM9BnoM1JmpMtItlczER6WsqpMtsdOZ6DPQZ6DNSZqTNSZajLUVsrRyv0Z1CS9fiuraatprWGtYa9hgsMDmFzC5UsqvE99W01rTWsNew17BKXhomfS9JeuVXUtNW01bTWsNaw17DA5gcwuUrKrxP0Z1Dyicrs2mzabFhsWGewzuZnMzmVyuZleZ9LrnV5iNiwz2GewzOZnF/Ed72lK5mNq02bTZtNiwz2GewzOZnMzlTS0cz9GWqrLw2CkwUmGkw1EdOk/jXUwKYFMKir4xx62VVs0y2Gow1GKoxVmOshliOCJ57WKrJMNgoMFJgpMNJhqMVRirMdZjrEiIj+vozqvjkiDgiO3T/p/lf8AJPaIIjtEdqv17dR8UkQcER2iCIIgiO1X6/Rtr+C+Rtm0bJslb+cc+9j+CyxuG2bRsmwZzOZjKK3MdrH8FljbNs2jZNg2DOZiJ5j6OtSXXiNVjWY1mNditZVeJ9rUl0lY1HNVjWY12MDGBjDJikxSJHEdrUl0lY1HNVjWY1mNdjAxhYwyRHEfR18zCf1kc83IdjzYpmZX3umYSeMjmRyHY82PNiGYRp59bpmEnjI5kch2PNiHYpmZn6RZYaOJwVmFDChiQhYX+o9mWGjicFZgrMKGFDEhjUhFj1ZYaOJwVmCswoYUMSCoq/j/AIlv/8QAIxEBAQEAAgEDBQEBAAAAAAAAAQACIKFwETCxECExgLBBkf/aAAgBAwEJPwD+JT+LXTa+Z+ZmZmeT95+ZmZn6/i102um18z8zPhEstlstlssMRHIstlhhiOGWy2Wy2WP88JBBBBBERxCCCCCIjiEEEEEER4PfS11atWrVqZnhrq1atWrVqZ4a6tdWrVq1an9Pj1LHRZ6LPRZ6I9jJ/wAs9Fnos9Fnos9WeJ6ljosdFnos9Fnos9WerNmPBxEREREcSIiI5ERERER4PZmZmZnkzMzPFmZmZmfBz6Frstdlru1PtP3tWrUzP1fQtdlrstd2rVqZn9PsxEezmIiIiI4ZsxEREeEH3H3GfCzMz7LMzM82ZmfCZER7JEREcyIiP4l//9k="},1100:(A,o,t)=>{t.d(o,{R:()=>n,x:()=>i});var e=t(758);const s={},g=e.createContext(s);function n(A){const o=e.useContext(g);return e.useMemo((function(){return"function"==typeof A?A(o):{...o,...A}}),[o,A])}function i(A){let o;return o=A.disableParentContext?"function"==typeof A.components?A.components(s):A.components||s:n(A.components),e.createElement(g.Provider,{value:o},A.children)}}}]);
\ No newline at end of file
+"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[5746],{7946:(A,o,t)=>{t.d(o,{Ay:()=>a,RM:()=>n});var e=t(6070),s=t(1100),g=t(5988);const n=[];function i(A){return(0,e.jsx)(g.A,{...A})}function a(A={}){const{wrapper:o}={...(0,s.R)(),...A.components};return o?(0,e.jsx)(o,{...A,children:(0,e.jsx)(i,{...A})}):i(A)}},9050:(A,o,t)=>{t.r(o),t.d(o,{assets:()=>U,contentTitle:()=>i,default:()=>r,frontMatter:()=>n,metadata:()=>a,toc:()=>C});var e=t(6070),s=t(1100),g=t(7946);t(6783);const n={sidebar_position:1,slug:"/",pagination_next:"get-started/index"},i="Documentation",a={id:"intro",title:"Documentation",description:"feature-sliced-banner",source:"@site/i18n/en/docusaurus-plugin-content-docs/current/intro.mdx",sourceDirName:".",slug:"/",permalink:"/kr/docs/",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/intro.mdx",tags:[],version:"current",lastUpdatedAt:1728325386e3,sidebarPosition:1,frontMatter:{sidebar_position:1,slug:"/",pagination_next:"get-started/index"},next:{title:"\ud83d\ude80 Get Started",permalink:"/kr/docs/get-started/"}},U={},C=[...g.RM,...g.RM,...g.RM,...g.RM,...g.RM,...g.RM,...g.RM];function F(A){const o={h1:"h1",header:"header",img:"img",p:"p",strong:"strong",...(0,s.R)(),...A.components};return(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)(o.header,{children:(0,e.jsx)(o.h1,{id:"documentation",children:"Documentation"})}),"\n",(0,e.jsx)(o.p,{children:(0,e.jsx)(o.img,{alt:"feature-sliced-banner",src:t(1589).A+"",width:"1400",height:"320"})}),"\n",(0,e.jsxs)(o.p,{children:[(0,e.jsx)(o.strong,{children:"Feature-Sliced Design"})," (FSD) is an architectural methodology for scaffolding front-end applications. Simply put, it's a compilation of rules and conventions on organizing code. The main purpose of this methodology is to make the project more understandable and structured in the face of ever-changing business requirements."]}),"\n","\n",(0,e.jsx)(g.Ay,{theme:"primary",Icon:"\ud83c\udf70",title:"New to FSD?",description:"Learn the basics with quick overview of methodology",to:"/docs/get-started/overview"}),"\n",(0,e.jsx)("br",{}),"\n",(0,e.jsx)(g.Ay,{theme:"mini",title:"\ud83d\ude80 Get Started",description:"A tour over the basic concepts and structure as well as a comprehensive review of a React sample project",to:"/docs/get-started",tags:["Overview","Tutorial","FAQ"]}),"\n",(0,e.jsx)(g.Ay,{theme:"mini",title:"\ud83c\udfaf Guides",description:"Practical guides and application examples",to:"/docs/guides",tags:["Examples","Migration","Tech"]}),"\n",(0,e.jsx)(g.Ay,{theme:"mini",title:"\ud83d\udcda Reference",description:"Reference details of core concepts (for more efficient application)",to:"/docs/reference",tags:["Units","Isolation","Public API"]}),"\n",(0,e.jsx)(g.Ay,{theme:"mini",title:"\ud83c\udf70 About",description:"The philosophy of the methodology, its goals and place in the modern front-end",to:"/docs/about",tags:["Mission","Alternatives","Promote"]}),"\n",(0,e.jsx)(g.Ay,{theme:"mini",title:"\ud83d\udcab Community",description:"Resources and additional materials, contributed by the community",to:"/community",tags:["Awesome","Team","Examples"]}),"\n",(0,e.jsx)(g.Ay,{theme:"mini",title:"\ud83d\udee0 Examples",description:"Projects built with Feature-Sliced Design",to:"/examples"})]})}function r(A={}){const{wrapper:o}={...(0,s.R)(),...A.components};return o?(0,e.jsx)(o,{...A,children:(0,e.jsx)(F,{...A})}):F(A)}},5988:(A,o,t)=>{t.d(o,{Y:()=>i,A:()=>U});t(758);var e=t(3526),s=t(6783);const g={root:"root_GfON",rootDisabled:"rootDisabled_SFUB",details:"details_xxkR",detailsTags:"detailsTags_uTQx",icon:"icon_ciqP",title:"title_pSH5",description:"description__Fep",miniTheme:"miniTheme_ePfp",primaryTheme:"primaryTheme_CilO",defaultTheme:"defaultTheme_j3I8"};var n=t(6070);const i=A=>{const{title:o,description:t,to:i,Icon:U,tags:C,className:F,disabled:r,theme:B="default"}=A;return(0,n.jsxs)(s.A,{className:(0,e.A)(g.root,F,r&&g.rootDisabled,g[`${B}Theme`]),to:i,children:[(0,n.jsx)(a,{Icon:U}),(0,n.jsxs)("div",{className:g.details,children:[(0,n.jsxs)("div",{className:g.detailsMain,children:[(0,n.jsx)("span",{className:g.title,children:o}),(0,n.jsx)("p",{className:g.description,children:t})]}),C&&(0,n.jsx)("div",{className:g.detailsTags,children:C.join(" \u2022 ")})]})]})},a=A=>{let{Icon:o}=A;return o?"string"==typeof o?(0,n.jsx)("span",{className:g.icon,children:o}):(0,n.jsx)(o,{className:g.icon}):null},U=i},1589:(A,o,t)=>{t.d(o,{A:()=>e});const e="data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAoHBwkHBgoJCAkLCwoMDxkQDw4ODx4WFxIZJCAmJSMgIyIoLTkwKCo2KyIjMkQyNjs9QEBAJjBGS0U+Sjk/QD3/2wBDAQsLCw8NDx0QEB09KSMpPT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT3/wgARCAFABXgDAREAAhEBAxEB/8QAGgABAQADAQEAAAAAAAAAAAAAAAEDBAUGAv/EABkBAQEAAwEAAAAAAAAAAAAAAAABAgMEBf/aAAwDAQACEAMQAAAA8V0+cAoAAAKAAACgAAAoAoAAUAFAAUACgAAAFoAAAUAAoCgCooJQFAUAAoCgChAAAVQFgC0AAAAAAKAAAUAUAAAKAAAAAAAAAAAAAAAHx5moAKAAACgAAAoAAAKAKAAFABQAFAAoAAABaAAAFAAKAoAqKCUBQFAAKAoAoQAAFUBYAtAAAAAACgAAFAFAAACgAAAAAAAAAAAAAAPjzNQACgAAAoAAAKAAACgCgABQAUABQAKAAAAWgAABQACgKAKiglAUBQACgKAKEAABVAWALQAAAAAAoAABQBQAAAoAAAAAAAAAAAAAAY/M1UAAUAAAFAAABQAAAUAUAAKACgAKABQAAAC0AAAKAAUBQBUUEoCgKAAUBQBQgAAKoCwBaAAAAAAFAAAKAKAAAFAAAAAAAAAAAAAAY/M1CgACgAAAoAAAKAAACgCgABQAUABQAKAAAAWgAABQACgKAKiglAUBQACgKAKEAABVAWALQAAAAAAoAABQBQAAAoAAAAAAAAAAAAAY/M1AUAAUAAAFAAABQAAAUAUAAKACgAKABQAAAC0AAAKAAUBQBUUEoCgKAAUBQBQgAAKoCwBaAAAAAAFAAAKAKAAAFAAAAAAAAAAAAAY/M1ACgACgAAAoAAAKAAACgCgABQAUABQAKAAAAWgAABQACgKAKiglAUBQACgKAKEAABVAWALQAAAAAAoAABQBQAAAoAAAAAAAAAAAAY/M1AAUAAUAAAFAAABQAAAUAUAAKACgAKABQAAAC0AAAKAAUBQBUUEoCgKAAUBQBQgAAKoCwBaAAAAAAFAAAKAKAAAFAAAAAAAAAAAAY/M1AACgACgAAAoAAAKAAACgCgABQAUABQAKAAAAWgAABQACgKAKiglAUBQACgKAKEAABVAWALQAAAAAAoAABQBQAAAoAAAAAAAAAAAY/M1AAAUAAUAAAFAAABQAAAUAUAAKACgAKABQAAAC0AAAKAAUBQBUUEoCgKAAUBQBQgAAKoCwBaAAAAAAFAAAKAKAAAFAAAAAAAAAAAY/M1AAACgACgAAAoAAAKAAACgCgABQAUABQAKAAAAWgAABQACgKAKiglAUBQACgKAKEAABVAWALQAAAAAAoAABQBQAAAoAAAAAAAAAAY/M1AAAAUAAUAAAFAAABQAAAUAUAAKACgAKABQAAAC0AAAKAAUBQBUUEoCgKAAUBQBQgAAKoCwBaAAAAAAFAAAKAKAAAFAAAAAAAAAAY/M1AAAACgACgAAAoAAAKAAACgCgABQAUABQAKAAAAWgAABQACgKAKiglAUBQACgKAKEAABVAWALQAAAAAAoAABQBQAAAoAAAAAAAAAY/M1AAAAAUAAUAAAFAAABQAAAUAUAAKACgAKABQAAAy3Dcz0iWhaIoVq4bcWOQCtzLRksUVRYauGzFMslx3sueKULcMz1cdoCgKAKEAABVAWALQAAAAAAoAABQBQAAAoAAAAAAAADH5moAAAAAUAAUAAAFAAABQAAAUAUAAKACgAKABQAAHR2cvqunyIylsuUuUtjKWy3zvJ387TvAHq+ryN3PTLlLZcpbGXnuXu5uro3sub1u/xZcpbLlGXKw6/Pc/ogBQFAFCAAAqgLAFoAAAAAAUAAAoAoAAAUAAAAAAAAMfmagAAAAAKAAKAAACgAAAoAAAKAKAAFABQAFAAoAAbmeju7+CKtlsVcostW8fm6dPXt2stPf3edLYq5S0stlpeRo6tLXt2rp7+7zVsWXJbFlpfP83djmQUBQBQgAAKoCwBaAAAAAAFAAAKAKAAAFAAAAAAAAY/M1AAAAAACgACgAAAoAAAKAAACgCgABQAUABQAKAA2stXY3cS2LLYq2LLS8zRv1dezZy1dndwy0stLLSy2LzdPRq4Z57r7W3gLLVsVbFW8Xn68cyAUBQBQgAAKoCwBaAAAAAAFAAAKAKAAAFAAAAAAADH5moAAAAAACgACgAAAoAAAKAAACgCgABQAUABQAKAHT28vrevyJcpbLl5bj9Tl6ekAAdDZzew6/GlylsuUuUt1cd3jvP8AUoBvZ8/serxZcpbLlLlLZcpcpcvOcfdy9G8BQFAFCAAAqgLAFoAAAAAAUAAAoAoAAAUAAAAAABj8zUAAAAAAAKAAKAAACgAAAoAAAKAKAAFABQAFAAoDZy1dffyFlpcMz+GQlpdHTtwYZfVma4djfxy0sti45lxufqFBny19ndxRlKLLSy0st52nfq68wAoCgChAAAVQFgC0AAAAAAKAAAUAUAAAKAAAAAAGPzNQAAAAAAAFAAFAAABQAAAUAAAFAFAACgAoACgAUN7Zo9D0+fLZciy2XKWxZcuJx9Olp2Aeu7vIjJbLYywTPzfF3AU28tXo+nzJclsWWy5S0ylvG5enQ1bQAFAUAUIAACqAsAWgAAAAABQAACgCgAABQAAAAAGPzNQAAAAAAAAoAAoAAAKAAACgAAAoAoAAUAFAAUACt7Zo9B1cEuRZbLlFlq5S3icXRpadgA9D18G3s1y5S2WmXmuDrxzIbeer0fT5y2LLlLYq5S2W8bl6dHRsUAAoCgChAAAVQFgC0AAAAAAKAAAUAUAAAKAAAAAGPzNQAAAAAAAAFAAFAAABQAAAUAAAFAFAACgAoACgA2c9fW6OUsti4pl8TILZbpaNmDDIAdfo5c2eJZathzefdgxy+Zc+WHY3ca2Ktiy0stW87Rt1tWYUAAoCgChAAAVQFgC0AAAAAAKAAAUAUAAAKAAAAAx+ZqAAAAAAAAAFAAFAAABQAAAUAAAFAFAACgAoACgHS3c/qu/zZbLlLl5ng7uZz7wAtAA9X6Hm727XLlLYy+blLl57z+nm8+ze2aPXdvly2XKXKXKWxl83KXLgcPTzObaAoABQFAFCAAAqgLAFoAAAAAAUAAAoAoAAAUAAAAMfmagAAAAAAAAAKAAKAAACgAAAoAAAKAKAAFABQAFBs56+t080VbF5nPv1deYAC3Yy19bo5lolpZatirebzbNbVlnzw7G/klyKqWxZaXkcm/4gFAUAAoCgChAAAVQFgC0AAAAAAKAAAUAUAAAKAAAAx+ZqAAAAAAAAAAFAAFAAABQAAAUAAAFAFAACgAoACm3s1dnq5VsWW8jl6NTVsAAGzsw7fTxrZaZS2WxVst5fJt1NOWxnr7vTxy5RVstirZbw+Lox4qAoCgAFAUAUIAACqAsAWgAAAAABQAACgCgAABQAAAx+ZqAAAAAAAAAAAoAAoAAAKAAACgAAAoAoAAUAFAAdDdp9J3cMuUtly8/wdXP0bQABu7dXpu/hiy5S2XKW4MM/MeX1KA3Nmr0/dwS2MpbLlzdG7h8XQqKCUBQFAAKAoAoQAAFUBYAtAAAAAACgAAFAFAAACgAAMfmagAAAAAAAAAABQABQAAAUAAAFAAABQBQAAoAKAGXLHa2YBRdXXnjxoAAyWbW3WFoiq+ZdTTmFD7uO3s1qKqLjxy19eQVFBKAoCgAFAUAUIAACqAsAWgAAAAABQAACgCgAABQAAx+ZqAAAAAAAAAAAAoAAoAAAKAAACgAAAoAoAAUAFAAUACgAAAFoAAAUAAoCgCooJQFAUAAoCgChAAAVQFgC0AAAAAAKAAAUAUAAAKAAx+ZqAAAAAAAAAAAAFAAFAAABQAAAUAAAFAFAACgAoACgAUAAAAtAAACgAFAUAVFBKAoCgAFAUAUIAACqAsAWgAAAAABQAACgCgAABQAx+ZqAAAAAAAAAAAAAoAAoAAAKAAACgAAAoAoAAUAFAAUACgAAAFoAAAUAAoCgCooJQFAUAAoCgChAAAVQFgC0AAAAAAKAAAUAUAAAKAx+ZqAAAAAAAAAAAAAFAAFAAABQAAAUAAAFAFAACgAoACgAUAAAAtAAACgAFAUAVFBKAoCgAFAUAUIAACqAsAWgAAAAABQAACgCgAABQx+ZqAAAAAAAAAAAAAAoAAoAAAKAAACgAAAoAoAAUAFAAUACgAAAFoAAAUAAoCgCooJQFAUAAoCgChAAAVQFgC0AAAAAAKAAAUAUAAAKx+ZqAAAAAAAAAAAAAAFAAFAAABQAAAUAAAFAFAACgAoACgAUAAAAtAAACgAFAUAVFBKAoCgAFAUAUIAACqAsAWgAAAAABQAACgCgAADH5uoAAAAAAAAAAAAAACgACgAAAoAAAKAAACgCgABQAUABQAKAAAAWgAABQACgKAKiglAUBQACgKAKEAABVAWALQAAAAAAoAABQBQAAMfm6gAAAAAAAAAAAAAABQABQAAAUAAAFAAABQBQAAoAKAAoAFAAAALQAAAoABQFAFRQSgKAoABQFAFCAAAqgLAFoAAAAAAUAAAoAoAAx+bqAAAAAAAAAAAAAAAAoAAoAAAKAAACgAAAoAoAAUAFAAUACgAAAFoAAAUAAoCgCooJQFAUAAoCgChAAAVQFgC0AAAAAAKAAAUAUADH5uoAAAAAAAAAAAAAAAAUAAUAAAFAAABQAAAUAUAAKACgAKABQAAAC0AAAKAAUBQBUUEoCgKAAUBQBQgAAKoCwBaAAAAAAFAAAKAKAMfm6gAAAAAAAAAAAAAAAAKAAKAAACgAAAoAAAKAKAAFABQAFAAoAAABaAAAFAAKAoAqKCUBQFAAKAoAoQAAFUBYAtAAAAAACgAAFAFAx+bqAAAAAAAAAAAAAAAAAFAAFAAABQAAAUAAAFAFAACgAoACgAUAAAAtAAACgAFAUAVFBKAoCgAFAUAUIAACqAsAWgAAAAABQAACgCjH5uoAAAAAAAAAAAAAAAAACgACgAAAoAAAKAAACgCgABQAUABQAKAAAAWgAABQACgKAKiglAUBQACgKAKEAABVAWALQAAAAAAoAABQBf/EACgQAAIBBAEEAgIDAQEAAAAAAAAEAwIFFRYBERIUIBNwEDUGIbAwNP/aAAgBAQABCAD/ABKVlpW5uIoMBcTAXEwNxMDcTBXAwVwMHcDBvmEfGFpVZfjm9ILQ61DTLDgriYK4GDuBg3zCPmEfGFpVJOycggkZmpihwFxMDcTA3EwVwMFcBm2tJx8Vz/SFhlohulFcuRTMimZFMyChkFDIKGQUPPVPPVL5LRM/3R+lldWitMNEmQUMgoZBQyCh56p56pfZaJn+KoizSURXaCuTIpmRTMioZBQyChf2oJ0aKYvpC1J0PPUwyawoawoayqayqa0qa2qa2qa4qa6qXNShJv4oy2K0OvxwSawoawoayoayqa0qa2qa4qa4sa6sXROhJriKMtq1Dj8UEmsKGsqGsqmtKmtqmtqmuKmuqjMfELUsdP0bbXPAcpnNpNpNoNoNnNnNmNmNlLg55zPy/i3teE7HObSbSbQbObObMbKbKbIXB3zmOJfwgz4Tsc5tJtBtBs5sxsxspshPXzMxJL9Hfx79tQdODpwdODpwfyH9n72H9zAdODpwdODpwdODpwXHjjHMetk/cQHTg6cHTg6cHTg6cHTg6cHTgv8A/wC+jp9GW+GdhumhbE3YxN2MVdjFXUksL01XdLrjRrrRrzJrzI2pWnN8UhHJXFXxXHkHDE3YxV2MVdTF3Uxd0GLdcY15K5fRGKWZyOODE3YxN2MVdjFXUxd1MXdDGXQxl0MZcy4QTwT8Us/RlnZiUuFMs2et5nUDOoGcQM4gZtAzaJmkTNIl2Yjac74fznUDOoGcQM4gZtAcu6cqc1FHpa541rjFLLnUDOoGdQM4gZxAzaJmkTNImZSLwzE03TXD9GWdaJq4UxTYK3mDQMGgYRAwiBhUDComGRMMiXZeJZzsh9LXalGbdFLNhEDCIGFRMKiYZEYo4jZlop/FrhjZuMUUuCQMGgYNAwiBhEDComFRMMiYdIu60SrVNEP0Zb5pl26a1stdjK3Uyt1MpdCS+uxVdsuwtGwsmwMmfZG2q3Jvlk9EX34E6KIMpdDKXQyl0MnczJ3MkVallrr5kiriq7ZBKWWFuiuDK3Uyt1MpdTKXQyl0MpdDJ3MydzMlch+eeefipj6MsH7Wg7uDu4O7g68F/wD2P/Ky88YiE7uDu4O7g68HXg68F9/t/j8WX9tAd3B3cHdwd3B3cHdwdeDrwdeC/f29R9G29Tzm6YTWjWjWzWy4J+Cz8Xuir5rlEBrPBrJrZrhrhrprxrxr4+p4U/Ef4SW8tuOE1o1o1w1w10101414mo5hnkj+jrY1Qk7TNJsaxsaxsSxsKxc26HW/lj9rczSo9HNXsaxsaxsSxsKxsKxsCxn1zPrmeXLk3Q4zxJGW9ilR6OavY1jY1jYljYVjYFjYFzPrmfXGJOJWJZKfo2yx0S3KimTwVTwVTwVTwVS9RURP9sftZ6KJbpDRJ4Kp4Kp4Kp4Kp4Sp4Sw6ovQlNVT6WmimS5w0V+CqeCqeCqeCqeEqXteGJOiqP6QXYkVl4khzT5mnzMvGZeJ2JWZO+b2gnkWmplizT5mnzMvGZeMw8Zh0rujctFVFfpDNWvLTLFmnzNPmZeMy8Zh4nfYao4om/wAS3//EADMQAAEDBAAFAgMHBQEBAAAAAAEAAgMEEaLREpGSk+EQICFRcBMiMUFScbFTYoGwsjBh/9oACAEBAAk/AP8ASUt4nn8rgKnzbtU+bdqnzbtU+bdqnzbtU+bdqnzbtQZt2oM27TeF1r2uD7YeJjvwPE3ap827VPm3ap827UGbdqDNu1Bm3aZwute1wfRvE934BU+bdqnzbtU+bdqnzbtU+bdqLgaTa/ED9EXtY2x+LlVQ9YVVD1hVUPWFVQ9YVTD1hVMPWFUw9YVTD1hVMPWE9r28AF2+2eJrhxXBcP1FVUPWFUw9YVTD1hVMPWFUw9YVTF1hPa8cAF2m/wA/Rwa0E3J/Yqqh6wqqHrCqoesKph6wqmHrCmY8iQGzXX/I/REuDSCbtUs3MaUs3MaUs3MaUs3MaUk3MaUk3MaUk3MaUkvMaUkvMIuI4Qfj6Ehr73t/8BKlm5jSlm5jSkm5jSkm5jSkm5jSkm5jSkm5jSkl5jSkl5jSLiC0H73oSGvveylm5jSlm5jSkm5jSkm5jSkm5jSkm5jSkl5hSS8wr2Y8tH+D9DmcdgRa9lR5+FR5+FR5+FSZ+FSZ+FS5+FS5+FS5+FS5+Ezg+AFr39GcfBf7t7XuCFR5+FR5+FR5+FSZ+FSZ+FSZ+FSZ+FS5+FS5+Ezgs3hte/ozj4L/AHb2VHn4VHn4VJn4VJn4VJn4VJn4VJn4VLn4Tbcbi63yufod+lyAQQCAX6B7/wC7/koIIIIIL+m72/M/wUEEEAgPQIIL+mP5P0Nk+zksbOuQq8916rz3XKuPdcq491ynY93zc4lSQ8zpSRczpSRczpSRczpFpda/w9HuY4fg5psVVz9wqvPdcq491yrj3XKuPdcq491yqy5jWkuH2jjce1/BIb2de1lXHuvVee65Vx7rlXHuuVce65Vp7rlWnuuVae65Vp7rlL9o8tuDxE/C5+f0NdwsAKnwdpT4O0p8HaU+DtKfB2lPg7SmwdpTYOU2BTuJvCB7J8HaU+DtKfB2lPg7SnwdpS3c5hAHCfabMbe5/wAFT4O0p8HaU+DtKfB2lPg7SnwdpTYOU2DlNgU7iaGAfL8z9DW8TCCoM3bUGbtqDN21Bm7agzdtQ5u2oc3bUOblDmdpvC3hB9sXE917niPzKgzdtQZu2oM3bUObtqHM7Qs1ryBz9RxMde/JQZu2oM3bUGbtqDN21Bm7agzdtQ5u2ocyocym8LSwE8z9DY/tJLGzbEqhPacqE9pyoj2nKiPacoGMd8nNIUcXI7UcXI7UcXI7TIuR2g0G1vh7aUvjF7O4HH81RHtOVEe05UR7TlRHtOVGe05U0t3Ek2YUxzD8nC3ozjkF7Nte6oT2nKhPacqI9pyoj2nKiPacqI9pyoj2nKjPacqM9tyj+zfw2tYj4fQ39LkUUUV+gf8Al/d/0UUUUUfT9A/k+nzP8FFFFFFFFFFf0x/J+hr+C4Jva6q8PKq8PKqsPKqsPKfx/AG9re9/Bx3+Nr2sLqqw8qqw8qqw8qqw8qqw8qqw8qqw8qqw8qpw8p/Hdt72t6P4OP8ANVeHlVeHlVWHlVWHlVWHlVWHlVWHlVWHlOvwOLb/ADt9DgS0Aj4KOXkNqOXkNqOXkNqOXkNoOA4QPj7wS1t72/YhRy8htRy8htRy8htRy8htRyqOVRy8go5UyRBwHCB8fQEtbe9lHLyCjl5Dajl5BRy8go5eQUcqjl5DajlX4PeXDn9DmNe2x+BVND0BU0XQFTRdAVPF0BMaxvAPgB72hzTe4P7FU0PQFTRdAVPF0BU8XQFTxdAVPF0BQxghhsQ0e1oc03uD+xVND0BU8XQFTxdAVPF0BU8XQFExh4wLtbb8j9EXcLx+drqfBulPg3SnwbpT4N0ncTrWva3vdwvb+BU+DdKfBulPg3SnwbpT4N0p8G6U12uFiOEe13C9v4FT4N0p8G6U+DdKfBulPg3Sk4mg3tYD/SXf/8QAJBEAAgICAgEFAQEBAAAAAAAAAAIBEwMUERIgBBAhMnAwMbD/2gAIAQIBAQgA/wCJTETPxFbFTFTlTlTlLlLlLlLjLKzxPhCNMcxWxU5U5U5U5S4yys8SR8nRjoxWxWxWxKTHzP4hjnhjsp3U7qd1O6ndTup3U7qZ5iX+PDG0Qp2U7qd1O6ndTupnmJb4E/07QdoO0HaDsplmJX8RRe08FKlClClCmuprqa6msprKZUhG4gSO08FMFMFKlMFClClCmuprqZUhJ4gWOZ4KoKoKoKYKVKVKFKFGjiZj8ORus8l5ebBsGwbJsmybRkfu3PsrdZ5Li4vLy82DYNk2TI/eefZZ4nktLi4uLy8vNgmeZ5/DsP28c/388X2jzf6T44/t/L1H2/DUiZniK8hVkKshVlKHn/dZjWc1XNVx0lJ4kieDuxXkK8hVkKshVlGx5IiZnwXmZ+OjlbleQryFeQryFWQqyFWUyKyzw34ZiaFbmbkLkLkL0L8ZfjL8ZsYzYxmd4d+V97kLkLkLkL0HzJKzEeCTENzNqFqFqFyFyFyFyFyF6Gd4ZuY/DMSwzcTShQhQhQhRjNfGa+M18Zr4zOkI/EeGLErLEzShQhQhRjNfGNHDTHukctxNSFSFKFKFKFCFCFCFGMzpCNxH4ZjmYnmLcpblLcpblJ9Q8f7tObTm25tuZMkvPM+CO8LxFuUtyluUtyl2UlHmeSYmPiRJmJ+LMhZkLMhZkLchblLcpblLcplZmnlvwzB9/H1P3/lg+kefqvv7YvvH8vVff8Nxp3bg1TVNU1TKnRuPNF7NwaxrGqapqmoahqGmZsdbceyL2ng1zXNY1jWNU1TUGjrMx+HYnhG5nZU2kNpDaQzPDtzHljbq0TOypsqbKGyhtIbSG2htobaGfJGRuYEbq3M7CmwpsKbKmypsobSG0g88tM/h2CIl+JrQrQrQqQ9SsQ/EeWGIl4ia0K0K0K0KkKkMmNISZ8cUcvBWpWpWpWhWh6lFVPj8QVpWeYvyGxkNjIbGQZ5eeW8laVnmL8hfkL8hsZDYyGxkJz5JjifBZlZ5i9y/IX5C/IX5BsrvHDf8S3//xAAdEQEBAAICAwEAAAAAAAAAAAABAAIgMHAQgLAR/9oACAECAQk/APiVERERERuRERHAdJszMzMzuzMzOjMzPqERERERGhEREREaEREREen7M2U6OjMzMzszMzMzZT0czMzMzOrMzM7MzMzMz0eRERERG5ERGpEREREdHljY2MRERsWNjY2NjDoRERY2NjYx+enrMzwszMzM2U+WZmZmekSI4zwRERxEdIERHCREREbERER0kzM8LMzMzszMzPxLv//EACYRAAICAgEEAgIDAQAAAAAAAAACAQMTFBEEEBIgM3AxMhUhMLD/2gAIAQMBAQgA/wCJS9i1x5Nu0G5SbdJt0m1UbVRs1GzUbFYrw0cx6P1NaT4tt0m3SbVRs1GzUbFYjw8cqO6ovk27QbtBuUm3SbdIlyWTwv0h1iy1UxGCwwWGGww2GFzE5FTmJyKnOniYTifTqana2ZjDYYbDC5FTmJyKnOmiYTiTqllqWiMFpgsIosMNhhsOjrZXmZ+kOotmpPKN+w3rDesN1zcc3HNtzac2XKnl15kvsmuuXjfsN+w3rDdc3HNxzbc2nNpyl5deZL7Jrrlo37DfsN6w3rDdc3HNtzbcSeVifo6+rKniaBoGiaRpGmaZqGqVp4Rx2uryJKH8eaBomiaRpmmahqlaeEcdrq8iSh/HmgaBomkaRpmoLHjER9HdZ8U9o79J8fv1fwyQR61fvHr1fwsQR/h036/RtzKqcvnoM9BnoM1IvU1x+NpDZU2FM6iNDRzBMQ0cThrM9BnoM1JmpMtItlczER6WsqpMtsdOZ6DPQZ6DNSZqTNSZajLUVsrRyv0Z1CS9fiuraatprWGtYa9hgsMDmFzC5UsqvE99W01rTWsNew17BKXhomfS9JeuVXUtNW01bTWsNaw17DA5gcwuUrKrxP0Z1Dyicrs2mzabFhsWGewzuZnMzmVyuZleZ9LrnV5iNiwz2GewzOZnF/Ed72lK5mNq02bTZtNiwz2GewzOZnMzlTS0cz9GWqrLw2CkwUmGkw1EdOk/jXUwKYFMKir4xx62VVs0y2Gow1GKoxVmOshliOCJ57WKrJMNgoMFJgpMNJhqMVRirMdZjrEiIj+vozqvjkiDgiO3T/p/lf8AJPaIIjtEdqv17dR8UkQcER2iCIIgiO1X6/Rtr+C+Rtm0bJslb+cc+9j+CyxuG2bRsmwZzOZjKK3MdrH8FljbNs2jZNg2DOZiJ5j6OtSXXiNVjWY1mNditZVeJ9rUl0lY1HNVjWY12MDGBjDJikxSJHEdrUl0lY1HNVjWY1mNdjAxhYwyRHEfR18zCf1kc83IdjzYpmZX3umYSeMjmRyHY82PNiGYRp59bpmEnjI5kch2PNiHYpmZn6RZYaOJwVmFDChiQhYX+o9mWGjicFZgrMKGFDEhjUhFj1ZYaOJwVmCswoYUMSCoq/j/AIlv/8QAIxEBAQEAAgEDBQEBAAAAAAAAAQACIKFwETCxECExgLBBkf/aAAgBAwEJPwD+JT+LXTa+Z+ZmZmeT95+ZmZn6/i102um18z8zPhEstlstlssMRHIstlhhiOGWy2Wy2WP88JBBBBBERxCCCCCIjiEEEEEER4PfS11atWrVqZnhrq1atWrVqZ4a6tdWrVq1an9Pj1LHRZ6LPRZ6I9jJ/wAs9Fnos9Fnos9WeJ6ljosdFnos9Fnos9WerNmPBxEREREcSIiI5ERERER4PZmZmZnkzMzPFmZmZmfBz6Frstdlru1PtP3tWrUzP1fQtdlrstd2rVqZn9PsxEezmIiIiI4ZsxEREeEH3H3GfCzMz7LMzM82ZmfCZER7JEREcyIiP4l//9k="},1100:(A,o,t)=>{t.d(o,{R:()=>n,x:()=>i});var e=t(758);const s={},g=e.createContext(s);function n(A){const o=e.useContext(g);return e.useMemo((function(){return"function"==typeof A?A(o):{...o,...A}}),[o,A])}function i(A){let o;return o=A.disableParentContext?"function"==typeof A.components?A.components(s):A.components||s:n(A.components),e.createElement(g.Provider,{value:o},A.children)}}}]);
\ No newline at end of file
diff --git a/kr/assets/js/590d98cc.987eb95b.js b/kr/assets/js/590d98cc.81125e8c.js
similarity index 98%
rename from kr/assets/js/590d98cc.987eb95b.js
rename to kr/assets/js/590d98cc.81125e8c.js
index 1f3b778bc4..af00932db9 100644
--- a/kr/assets/js/590d98cc.987eb95b.js
+++ b/kr/assets/js/590d98cc.81125e8c.js
@@ -1 +1 @@
-"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[7604],{1928:(e,t,i)=>{i.d(t,{Ay:()=>l,RM:()=>d});var n=i(6070),s=i(1100),o=(i(758),i(6783)),r=i(7765);const c=e=>{let{ticket:t}=e;const i=`https://github.com/feature-sliced/documentation/issues/${t}`;return(0,n.jsxs)("div",{children:[(0,n.jsx)("p",{children:(0,r.T)({id:"shared.wip.title"})}),(0,n.jsx)("p",{children:(0,r.T)({id:"shared.wip.subtitle"})}),(0,n.jsxs)("ul",{children:[(0,n.jsxs)("li",{children:[(0,r.T)({id:"shared.wip.var.feedback.base"}),(0,n.jsx)(o.A,{to:i,children:(0,r.T)({id:"shared.wip.var.feedback.link"})})]}),(0,n.jsxs)("li",{children:[(0,r.T)({id:"shared.wip.var.material.base"}),(0,n.jsx)(o.A,{to:"https://t.me/feature_sliced",children:(0,r.T)({id:"shared.wip.var.material.link"})})]}),(0,n.jsxs)("li",{children:[(0,r.T)({id:"shared.wip.var.contribute.base"}),(0,n.jsx)(o.A,{to:"https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md",children:(0,r.T)({id:"shared.wip.var.contribute.link"})})]})]}),(0,n.jsx)("br",{}),(0,n.jsx)("p",{children:(0,n.jsx)("i",{children:"\ud83c\udf70 Stay tuned!"})})]})},d=[];function a(e){const t={admonition:"admonition",...(0,s.R)(),...e.components};return(0,n.jsx)(t.admonition,{title:"WIP",type:"caution",children:(0,n.jsx)(c,{ticket:e.ticket})})}function l(e={}){const{wrapper:t}={...(0,s.R)(),...e.components};return t?(0,n.jsx)(t,{...e,children:(0,n.jsx)(a,{...e})}):a(e)}},664:(e,t,i)=>{i.r(t),i.d(t,{assets:()=>a,contentTitle:()=>c,default:()=>h,frontMatter:()=>r,metadata:()=>d,toc:()=>l});var n=i(6070),s=i(1100),o=i(1928);const r={sidebar_position:2,sidebar_class_name:"sidebar-item--wip"},c="Decouple entities",d={id:"reference/isolation/decouple-entities",title:"Decouple entities",description:"About cross-imports of types, adapters and about how to explicitly build connections between entities",source:"@site/i18n/en/docusaurus-plugin-content-docs/current/reference/isolation/decouple-entities.mdx",sourceDirName:"reference/isolation",slug:"/reference/isolation/decouple-entities",permalink:"/kr/docs/reference/isolation/decouple-entities",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/reference/isolation/decouple-entities.mdx",tags:[],version:"current",lastUpdatedAt:1727607766e3,sidebarPosition:2,frontMatter:{sidebar_position:2,sidebar_class_name:"sidebar-item--wip"},sidebar:"referenceSidebar",previous:{title:"Low Coupling & High Cohesion",permalink:"/kr/docs/reference/isolation/coupling-cohesion"}},a={},l=[...o.RM,{value:"See also",id:"see-also",level:2}];function u(e){const t={a:"a",blockquote:"blockquote",h1:"h1",h2:"h2",header:"header",li:"li",p:"p",ul:"ul",...(0,s.R)(),...e.components};return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(t.header,{children:(0,n.jsx)(t.h1,{id:"decouple-entities",children:"Decouple entities"})}),"\n",(0,n.jsx)(o.Ay,{ticket:"202"}),"\n",(0,n.jsxs)(t.blockquote,{children:["\n",(0,n.jsx)(t.p,{children:"About cross-imports of types, adapters and about how to explicitly build connections between entities"}),"\n"]}),"\n",(0,n.jsxs)(t.blockquote,{children:["\n",(0,n.jsx)(t.p,{children:"Also about mythical absolutely-decoupled entities"}),"\n"]}),"\n",(0,n.jsx)(t.h2,{id:"see-also",children:"See also"}),"\n",(0,n.jsxs)(t.ul,{children:["\n",(0,n.jsx)(t.li,{children:(0,n.jsx)(t.a,{href:"https://t.me/feature_sliced/3633",children:"(Thread) Memo about decomposition by entities and building explicit links between them"})}),"\n",(0,n.jsx)(t.li,{children:(0,n.jsx)(t.a,{href:"https://t.me/feature_sliced/3316",children:'(Thread) Example of decomposition for "connected entities" (users/pets/friends)'})}),"\n",(0,n.jsx)(t.li,{children:(0,n.jsx)(t.a,{href:"https://t.me/feature_sliced/4276",children:"(Thread) About cross-imports of types/adapters in entities"})}),"\n",(0,n.jsx)(t.li,{children:(0,n.jsx)(t.a,{href:"https://t.me/feature_sliced/4521",children:"(Thread) About the boundaries of entities and features"})}),"\n"]})]})}function h(e={}){const{wrapper:t}={...(0,s.R)(),...e.components};return t?(0,n.jsx)(t,{...e,children:(0,n.jsx)(u,{...e})}):u(e)}},1100:(e,t,i)=>{i.d(t,{R:()=>r,x:()=>c});var n=i(758);const s={},o=n.createContext(s);function r(e){const t=n.useContext(o);return n.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function c(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(s):e.components||s:r(e.components),n.createElement(o.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
+"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[7604],{1928:(e,t,i)=>{i.d(t,{Ay:()=>l,RM:()=>d});var n=i(6070),s=i(1100),o=(i(758),i(6783)),r=i(7765);const c=e=>{let{ticket:t}=e;const i=`https://github.com/feature-sliced/documentation/issues/${t}`;return(0,n.jsxs)("div",{children:[(0,n.jsx)("p",{children:(0,r.T)({id:"shared.wip.title"})}),(0,n.jsx)("p",{children:(0,r.T)({id:"shared.wip.subtitle"})}),(0,n.jsxs)("ul",{children:[(0,n.jsxs)("li",{children:[(0,r.T)({id:"shared.wip.var.feedback.base"}),(0,n.jsx)(o.A,{to:i,children:(0,r.T)({id:"shared.wip.var.feedback.link"})})]}),(0,n.jsxs)("li",{children:[(0,r.T)({id:"shared.wip.var.material.base"}),(0,n.jsx)(o.A,{to:"https://t.me/feature_sliced",children:(0,r.T)({id:"shared.wip.var.material.link"})})]}),(0,n.jsxs)("li",{children:[(0,r.T)({id:"shared.wip.var.contribute.base"}),(0,n.jsx)(o.A,{to:"https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md",children:(0,r.T)({id:"shared.wip.var.contribute.link"})})]})]}),(0,n.jsx)("br",{}),(0,n.jsx)("p",{children:(0,n.jsx)("i",{children:"\ud83c\udf70 Stay tuned!"})})]})},d=[];function a(e){const t={admonition:"admonition",...(0,s.R)(),...e.components};return(0,n.jsx)(t.admonition,{title:"WIP",type:"caution",children:(0,n.jsx)(c,{ticket:e.ticket})})}function l(e={}){const{wrapper:t}={...(0,s.R)(),...e.components};return t?(0,n.jsx)(t,{...e,children:(0,n.jsx)(a,{...e})}):a(e)}},664:(e,t,i)=>{i.r(t),i.d(t,{assets:()=>a,contentTitle:()=>c,default:()=>h,frontMatter:()=>r,metadata:()=>d,toc:()=>l});var n=i(6070),s=i(1100),o=i(1928);const r={sidebar_position:2,sidebar_class_name:"sidebar-item--wip"},c="Decouple entities",d={id:"reference/isolation/decouple-entities",title:"Decouple entities",description:"About cross-imports of types, adapters and about how to explicitly build connections between entities",source:"@site/i18n/en/docusaurus-plugin-content-docs/current/reference/isolation/decouple-entities.mdx",sourceDirName:"reference/isolation",slug:"/reference/isolation/decouple-entities",permalink:"/kr/docs/reference/isolation/decouple-entities",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/reference/isolation/decouple-entities.mdx",tags:[],version:"current",lastUpdatedAt:1728325386e3,sidebarPosition:2,frontMatter:{sidebar_position:2,sidebar_class_name:"sidebar-item--wip"},sidebar:"referenceSidebar",previous:{title:"Low Coupling & High Cohesion",permalink:"/kr/docs/reference/isolation/coupling-cohesion"}},a={},l=[...o.RM,{value:"See also",id:"see-also",level:2}];function u(e){const t={a:"a",blockquote:"blockquote",h1:"h1",h2:"h2",header:"header",li:"li",p:"p",ul:"ul",...(0,s.R)(),...e.components};return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(t.header,{children:(0,n.jsx)(t.h1,{id:"decouple-entities",children:"Decouple entities"})}),"\n",(0,n.jsx)(o.Ay,{ticket:"202"}),"\n",(0,n.jsxs)(t.blockquote,{children:["\n",(0,n.jsx)(t.p,{children:"About cross-imports of types, adapters and about how to explicitly build connections between entities"}),"\n"]}),"\n",(0,n.jsxs)(t.blockquote,{children:["\n",(0,n.jsx)(t.p,{children:"Also about mythical absolutely-decoupled entities"}),"\n"]}),"\n",(0,n.jsx)(t.h2,{id:"see-also",children:"See also"}),"\n",(0,n.jsxs)(t.ul,{children:["\n",(0,n.jsx)(t.li,{children:(0,n.jsx)(t.a,{href:"https://t.me/feature_sliced/3633",children:"(Thread) Memo about decomposition by entities and building explicit links between them"})}),"\n",(0,n.jsx)(t.li,{children:(0,n.jsx)(t.a,{href:"https://t.me/feature_sliced/3316",children:'(Thread) Example of decomposition for "connected entities" (users/pets/friends)'})}),"\n",(0,n.jsx)(t.li,{children:(0,n.jsx)(t.a,{href:"https://t.me/feature_sliced/4276",children:"(Thread) About cross-imports of types/adapters in entities"})}),"\n",(0,n.jsx)(t.li,{children:(0,n.jsx)(t.a,{href:"https://t.me/feature_sliced/4521",children:"(Thread) About the boundaries of entities and features"})}),"\n"]})]})}function h(e={}){const{wrapper:t}={...(0,s.R)(),...e.components};return t?(0,n.jsx)(t,{...e,children:(0,n.jsx)(u,{...e})}):u(e)}},1100:(e,t,i)=>{i.d(t,{R:()=>r,x:()=>c});var n=i(758);const s={},o=n.createContext(s);function r(e){const t=n.useContext(o);return n.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function c(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(s):e.components||s:r(e.components),n.createElement(o.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
diff --git a/kr/assets/js/5bd61d3b.2d1ab5ab.js b/kr/assets/js/5bd61d3b.bea111aa.js
similarity index 98%
rename from kr/assets/js/5bd61d3b.2d1ab5ab.js
rename to kr/assets/js/5bd61d3b.bea111aa.js
index 89c5569bf9..55e358a7ca 100644
--- a/kr/assets/js/5bd61d3b.2d1ab5ab.js
+++ b/kr/assets/js/5bd61d3b.bea111aa.js
@@ -1 +1 @@
-"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[9536],{1928:(e,t,n)=>{n.d(t,{Ay:()=>l,RM:()=>d});var i=n(6070),s=n(1100),r=(n(758),n(6783)),a=n(7765);const o=e=>{let{ticket:t}=e;const n=`https://github.com/feature-sliced/documentation/issues/${t}`;return(0,i.jsxs)("div",{children:[(0,i.jsx)("p",{children:(0,a.T)({id:"shared.wip.title"})}),(0,i.jsx)("p",{children:(0,a.T)({id:"shared.wip.subtitle"})}),(0,i.jsxs)("ul",{children:[(0,i.jsxs)("li",{children:[(0,a.T)({id:"shared.wip.var.feedback.base"}),(0,i.jsx)(r.A,{to:n,children:(0,a.T)({id:"shared.wip.var.feedback.link"})})]}),(0,i.jsxs)("li",{children:[(0,a.T)({id:"shared.wip.var.material.base"}),(0,i.jsx)(r.A,{to:"https://t.me/feature_sliced",children:(0,a.T)({id:"shared.wip.var.material.link"})})]}),(0,i.jsxs)("li",{children:[(0,a.T)({id:"shared.wip.var.contribute.base"}),(0,i.jsx)(r.A,{to:"https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md",children:(0,a.T)({id:"shared.wip.var.contribute.link"})})]})]}),(0,i.jsx)("br",{}),(0,i.jsx)("p",{children:(0,i.jsx)("i",{children:"\ud83c\udf70 Stay tuned!"})})]})},d=[];function c(e){const t={admonition:"admonition",...(0,s.R)(),...e.components};return(0,i.jsx)(t.admonition,{title:"WIP",type:"caution",children:(0,i.jsx)(o,{ticket:e.ticket})})}function l(e={}){const{wrapper:t}={...(0,s.R)(),...e.components};return t?(0,i.jsx)(t,{...e,children:(0,i.jsx)(c,{...e})}):c(e)}},6202:(e,t,n)=>{n.r(t),n.d(t,{assets:()=>c,contentTitle:()=>o,default:()=>h,frontMatter:()=>a,metadata:()=>d,toc:()=>l});var i=n(6070),s=n(1100),r=n(1928);const a={sidebar_position:5,sidebar_class_name:"sidebar-item--wip"},o="Signals of architecture",d={id:"about/understanding/signals",title:"Signals of architecture",description:"If there is a limitation on the part of the architecture, then there are obvious reasons for this, and consequences if they are ignored",source:"@site/i18n/en/docusaurus-plugin-content-docs/current/about/understanding/signals.mdx",sourceDirName:"about/understanding",slug:"/about/understanding/signals",permalink:"/kr/docs/about/understanding/signals",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/about/understanding/signals.mdx",tags:[],version:"current",lastUpdatedAt:1727607766e3,sidebarPosition:5,frontMatter:{sidebar_position:5,sidebar_class_name:"sidebar-item--wip"},sidebar:"aboutSidebar",previous:{title:"Naming",permalink:"/kr/docs/about/understanding/naming"},next:{title:"Abstractions",permalink:"/kr/docs/about/understanding/abstractions"}},c={},l=[...r.RM,{value:"See also",id:"see-also",level:2}];function u(e){const t={a:"a",blockquote:"blockquote",h1:"h1",h2:"h2",header:"header",li:"li",p:"p",ul:"ul",...(0,s.R)(),...e.components};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(t.header,{children:(0,i.jsx)(t.h1,{id:"signals-of-architecture",children:"Signals of architecture"})}),"\n",(0,i.jsx)(r.Ay,{ticket:"194"}),"\n",(0,i.jsxs)(t.blockquote,{children:["\n",(0,i.jsx)(t.p,{children:"If there is a limitation on the part of the architecture, then there are obvious reasons for this, and consequences if they are ignored"}),"\n"]}),"\n",(0,i.jsxs)(t.blockquote,{children:["\n",(0,i.jsx)(t.p,{children:"The methodology and architecture gives signals, and how to deal with it depends on what risks you are ready to take on and what is most suitable for your team)"}),"\n"]}),"\n",(0,i.jsx)(t.h2,{id:"see-also",children:"See also"}),"\n",(0,i.jsxs)(t.ul,{children:["\n",(0,i.jsx)(t.li,{children:(0,i.jsx)(t.a,{href:"https://t.me/feature_sliced/2070",children:"(Thread) About signals from architecture and dataflow"})}),"\n",(0,i.jsx)(t.li,{children:(0,i.jsx)(t.a,{href:"https://t.me/feature_sliced/2492",children:"(Thread) About the fundamental nature of architecture"})}),"\n",(0,i.jsx)(t.li,{children:(0,i.jsx)(t.a,{href:"https://t.me/feature_sliced/3979",children:"(Thread) About highlighting weak points"})}),"\n",(0,i.jsx)(t.li,{children:(0,i.jsx)(t.a,{href:"https://t.me/feature_sliced/4228",children:"(Thread) How to understand that the data model is swollen"})}),"\n"]})]})}function h(e={}){const{wrapper:t}={...(0,s.R)(),...e.components};return t?(0,i.jsx)(t,{...e,children:(0,i.jsx)(u,{...e})}):u(e)}},1100:(e,t,n)=>{n.d(t,{R:()=>a,x:()=>o});var i=n(758);const s={},r=i.createContext(s);function a(e){const t=i.useContext(r);return i.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function o(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(s):e.components||s:a(e.components),i.createElement(r.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
+"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[9536],{1928:(e,t,n)=>{n.d(t,{Ay:()=>l,RM:()=>d});var i=n(6070),s=n(1100),r=(n(758),n(6783)),a=n(7765);const o=e=>{let{ticket:t}=e;const n=`https://github.com/feature-sliced/documentation/issues/${t}`;return(0,i.jsxs)("div",{children:[(0,i.jsx)("p",{children:(0,a.T)({id:"shared.wip.title"})}),(0,i.jsx)("p",{children:(0,a.T)({id:"shared.wip.subtitle"})}),(0,i.jsxs)("ul",{children:[(0,i.jsxs)("li",{children:[(0,a.T)({id:"shared.wip.var.feedback.base"}),(0,i.jsx)(r.A,{to:n,children:(0,a.T)({id:"shared.wip.var.feedback.link"})})]}),(0,i.jsxs)("li",{children:[(0,a.T)({id:"shared.wip.var.material.base"}),(0,i.jsx)(r.A,{to:"https://t.me/feature_sliced",children:(0,a.T)({id:"shared.wip.var.material.link"})})]}),(0,i.jsxs)("li",{children:[(0,a.T)({id:"shared.wip.var.contribute.base"}),(0,i.jsx)(r.A,{to:"https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md",children:(0,a.T)({id:"shared.wip.var.contribute.link"})})]})]}),(0,i.jsx)("br",{}),(0,i.jsx)("p",{children:(0,i.jsx)("i",{children:"\ud83c\udf70 Stay tuned!"})})]})},d=[];function c(e){const t={admonition:"admonition",...(0,s.R)(),...e.components};return(0,i.jsx)(t.admonition,{title:"WIP",type:"caution",children:(0,i.jsx)(o,{ticket:e.ticket})})}function l(e={}){const{wrapper:t}={...(0,s.R)(),...e.components};return t?(0,i.jsx)(t,{...e,children:(0,i.jsx)(c,{...e})}):c(e)}},6202:(e,t,n)=>{n.r(t),n.d(t,{assets:()=>c,contentTitle:()=>o,default:()=>h,frontMatter:()=>a,metadata:()=>d,toc:()=>l});var i=n(6070),s=n(1100),r=n(1928);const a={sidebar_position:5,sidebar_class_name:"sidebar-item--wip"},o="Signals of architecture",d={id:"about/understanding/signals",title:"Signals of architecture",description:"If there is a limitation on the part of the architecture, then there are obvious reasons for this, and consequences if they are ignored",source:"@site/i18n/en/docusaurus-plugin-content-docs/current/about/understanding/signals.mdx",sourceDirName:"about/understanding",slug:"/about/understanding/signals",permalink:"/kr/docs/about/understanding/signals",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/about/understanding/signals.mdx",tags:[],version:"current",lastUpdatedAt:1728325386e3,sidebarPosition:5,frontMatter:{sidebar_position:5,sidebar_class_name:"sidebar-item--wip"},sidebar:"aboutSidebar",previous:{title:"Naming",permalink:"/kr/docs/about/understanding/naming"},next:{title:"Abstractions",permalink:"/kr/docs/about/understanding/abstractions"}},c={},l=[...r.RM,{value:"See also",id:"see-also",level:2}];function u(e){const t={a:"a",blockquote:"blockquote",h1:"h1",h2:"h2",header:"header",li:"li",p:"p",ul:"ul",...(0,s.R)(),...e.components};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(t.header,{children:(0,i.jsx)(t.h1,{id:"signals-of-architecture",children:"Signals of architecture"})}),"\n",(0,i.jsx)(r.Ay,{ticket:"194"}),"\n",(0,i.jsxs)(t.blockquote,{children:["\n",(0,i.jsx)(t.p,{children:"If there is a limitation on the part of the architecture, then there are obvious reasons for this, and consequences if they are ignored"}),"\n"]}),"\n",(0,i.jsxs)(t.blockquote,{children:["\n",(0,i.jsx)(t.p,{children:"The methodology and architecture gives signals, and how to deal with it depends on what risks you are ready to take on and what is most suitable for your team)"}),"\n"]}),"\n",(0,i.jsx)(t.h2,{id:"see-also",children:"See also"}),"\n",(0,i.jsxs)(t.ul,{children:["\n",(0,i.jsx)(t.li,{children:(0,i.jsx)(t.a,{href:"https://t.me/feature_sliced/2070",children:"(Thread) About signals from architecture and dataflow"})}),"\n",(0,i.jsx)(t.li,{children:(0,i.jsx)(t.a,{href:"https://t.me/feature_sliced/2492",children:"(Thread) About the fundamental nature of architecture"})}),"\n",(0,i.jsx)(t.li,{children:(0,i.jsx)(t.a,{href:"https://t.me/feature_sliced/3979",children:"(Thread) About highlighting weak points"})}),"\n",(0,i.jsx)(t.li,{children:(0,i.jsx)(t.a,{href:"https://t.me/feature_sliced/4228",children:"(Thread) How to understand that the data model is swollen"})}),"\n"]})]})}function h(e={}){const{wrapper:t}={...(0,s.R)(),...e.components};return t?(0,i.jsx)(t,{...e,children:(0,i.jsx)(u,{...e})}):u(e)}},1100:(e,t,n)=>{n.d(t,{R:()=>a,x:()=>o});var i=n(758);const s={},r=i.createContext(s);function a(e){const t=i.useContext(r);return i.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function o(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(s):e.components||s:a(e.components),i.createElement(r.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
diff --git a/kr/assets/js/5f7e5f34.bf18fcfc.js b/kr/assets/js/5f7e5f34.06150c91.js
similarity index 99%
rename from kr/assets/js/5f7e5f34.bf18fcfc.js
rename to kr/assets/js/5f7e5f34.06150c91.js
index 768588e6b2..70c303f499 100644
--- a/kr/assets/js/5f7e5f34.bf18fcfc.js
+++ b/kr/assets/js/5f7e5f34.06150c91.js
@@ -1 +1 @@
-"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[3366],{1928:(e,n,i)=>{i.d(n,{Ay:()=>a,RM:()=>d});var s=i(6070),t=i(1100),o=(i(758),i(6783)),r=i(7765);const c=e=>{let{ticket:n}=e;const i=`https://github.com/feature-sliced/documentation/issues/${n}`;return(0,s.jsxs)("div",{children:[(0,s.jsx)("p",{children:(0,r.T)({id:"shared.wip.title"})}),(0,s.jsx)("p",{children:(0,r.T)({id:"shared.wip.subtitle"})}),(0,s.jsxs)("ul",{children:[(0,s.jsxs)("li",{children:[(0,r.T)({id:"shared.wip.var.feedback.base"}),(0,s.jsx)(o.A,{to:i,children:(0,r.T)({id:"shared.wip.var.feedback.link"})})]}),(0,s.jsxs)("li",{children:[(0,r.T)({id:"shared.wip.var.material.base"}),(0,s.jsx)(o.A,{to:"https://t.me/feature_sliced",children:(0,r.T)({id:"shared.wip.var.material.link"})})]}),(0,s.jsxs)("li",{children:[(0,r.T)({id:"shared.wip.var.contribute.base"}),(0,s.jsx)(o.A,{to:"https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md",children:(0,r.T)({id:"shared.wip.var.contribute.link"})})]})]}),(0,s.jsx)("br",{}),(0,s.jsx)("p",{children:(0,s.jsx)("i",{children:"\ud83c\udf70 Stay tuned!"})})]})},d=[];function l(e){const n={admonition:"admonition",...(0,t.R)(),...e.components};return(0,s.jsx)(n.admonition,{title:"WIP",type:"caution",children:(0,s.jsx)(c,{ticket:e.ticket})})}function a(e={}){const{wrapper:n}={...(0,t.R)(),...e.components};return n?(0,s.jsx)(n,{...e,children:(0,s.jsx)(l,{...e})}):l(e)}},7908:(e,n,i)=>{i.r(n),i.d(n,{assets:()=>l,contentTitle:()=>c,default:()=>h,frontMatter:()=>r,metadata:()=>d,toc:()=>a});var s=i(6070),t=i(1100),o=i(1928);const r={sidebar_position:2,sidebar_class_name:"sidebar-item--wip"},c="Desegemented",d={id:"guides/issues/desegmented",title:"Desegemented",description:"Situation",source:"@site/i18n/en/docusaurus-plugin-content-docs/current/guides/issues/desegmented.mdx",sourceDirName:"guides/issues",slug:"/guides/issues/desegmented",permalink:"/kr/docs/guides/issues/desegmented",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/guides/issues/desegmented.mdx",tags:[],version:"current",lastUpdatedAt:1727607766e3,sidebarPosition:2,frontMatter:{sidebar_position:2,sidebar_class_name:"sidebar-item--wip"},sidebar:"guidesSidebar",previous:{title:"Usage with SvelteKit",permalink:"/kr/docs/guides/tech/with-sveltekit"},next:{title:"Routing",permalink:"/kr/docs/guides/issues/routes"}},l={},a=[...o.RM,{value:"Situation",id:"situation",level:2},{value:"Problem",id:"problem",level:2},{value:"If you ignore it",id:"if-you-ignore-it",level:2},{value:"Solution",id:"solution",level:2},{value:"See also",id:"see-also",level:2}];function u(e){const n={a:"a",blockquote:"blockquote",code:"code",h1:"h1",h2:"h2",header:"header",li:"li",p:"p",pre:"pre",ul:"ul",...(0,t.R)(),...e.components};return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(n.header,{children:(0,s.jsx)(n.h1,{id:"desegemented",children:"Desegemented"})}),"\n",(0,s.jsx)(o.Ay,{ticket:"148"}),"\n",(0,s.jsx)(n.h2,{id:"situation",children:"Situation"}),"\n",(0,s.jsx)(n.p,{children:"Very often, there is a situation on projects when modules related to a specific domain from the subject area are unnecessarily desegmented and scattered around the project"}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-sh",children:"\u251c\u2500\u2500 components/\n|    \u251c\u2500\u2500 DeliveryCard\n|    \u251c\u2500\u2500 DeliveryChoice\n|    \u251c\u2500\u2500 RegionSelect\n|    \u251c\u2500\u2500 UserAvatar\n\u251c\u2500\u2500 actions/\n|    \u251c\u2500\u2500 delivery.js\n|    \u251c\u2500\u2500 region.js\n|    \u251c\u2500\u2500 user.js\n\u251c\u2500\u2500 epics/\n|    \u251c\u2500\u2500 delivery.js\n|    \u251c\u2500\u2500 region.js\n|    \u251c\u2500\u2500 user.js\n\u251c\u2500\u2500 constants/\n|    \u251c\u2500\u2500 delivery.js\n|    \u251c\u2500\u2500 region.js\n|    \u251c\u2500\u2500 user.js\n\u251c\u2500\u2500 helpers/\n|    \u251c\u2500\u2500 delivery.js\n|    \u251c\u2500\u2500 region.js\n|    \u251c\u2500\u2500 user.js\n\u251c\u2500\u2500 entities/\n|    \u251c\u2500\u2500 delivery/\n|    |      \u251c\u2500\u2500 getters.js\n|    |      \u251c\u2500\u2500 selectors.js\n|    \u251c\u2500\u2500 region/\n|    \u251c\u2500\u2500 user/\n"})}),"\n",(0,s.jsx)(n.h2,{id:"problem",children:"Problem"}),"\n",(0,s.jsx)(n.p,{children:"The problem manifests itself at least in violation of the principle of * * High Cohesion** and excessive stretching * * of the axis of changes**"}),"\n",(0,s.jsx)(n.h2,{id:"if-you-ignore-it",children:"If you ignore it"}),"\n",(0,s.jsxs)(n.ul,{children:["\n",(0,s.jsx)(n.li,{children:"If necessary, touch on the logic, for example, delivery - we will have to keep in mind that it lies in several places and touch on several places in the code-which unnecessarily stretches our * * Axis of changes**"}),"\n",(0,s.jsx)(n.li,{children:"If we need to study the logic of the user, we will have to go through the whole project to study in detail * * actions, epics, constants, entities, components** - instead of it lying in one place"}),"\n",(0,s.jsx)(n.li,{children:"Implicit connections and the uncontrollability of a growing subject area"}),"\n",(0,s.jsx)(n.li,{children:'With this approach, the eye is very often blurred and you may not notice how we "create constants for the sake of constants", creating a dump in the corresponding project directory'}),"\n"]}),"\n",(0,s.jsx)(n.h2,{id:"solution",children:"Solution"}),"\n",(0,s.jsx)(n.p,{children:"Place all modules related to a specific domain/user case - directly next to each other"}),"\n",(0,s.jsx)(n.p,{children:"So that when studying a particular module, all its components lie side by side, and are not scattered around the project"}),"\n",(0,s.jsxs)(n.blockquote,{children:["\n",(0,s.jsx)(n.p,{children:"It also increases the discoverability and clarity of the code base and the relationships between modules"}),"\n"]}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-diff",children:"- \u251c\u2500\u2500 components/\n- |    \u251c\u2500\u2500 DeliveryCard\n- |    \u251c\u2500\u2500 DeliveryChoice\n- |    \u251c\u2500\u2500 RegionSelect\n- |    \u251c\u2500\u2500 UserAvatar\n- \u251c\u2500\u2500 actions/\n- |    \u251c\u2500\u2500 delivery.js\n- |    \u251c\u2500\u2500 region.js\n- |    \u251c\u2500\u2500 user.js\n- \u251c\u2500\u2500 epics/{...}\n- \u251c\u2500\u2500 constants/{...}\n- \u251c\u2500\u2500 helpers/{...}\n  \u251c\u2500\u2500 entities/\n  |    \u251c\u2500\u2500 delivery/\n+ |    |      \u251c\u2500\u2500 ui/ # ~ components/\n+ |    |      |   \u251c\u2500\u2500 card.js\n+ |    |      |   \u251c\u2500\u2500 choice.js\n+ |    |      \u251c\u2500\u2500 model/\n+ |    |      |   \u251c\u2500\u2500 actions.js\n+ |    |      |   \u251c\u2500\u2500 constants.js\n+ |    |      |   \u251c\u2500\u2500 epics.js\n+ |    |      |   \u251c\u2500\u2500 getters.js\n+ |    |      |   \u251c\u2500\u2500 selectors.js\n+ |    |      \u251c\u2500\u2500 lib/ # ~ helpers\n  |    \u251c\u2500\u2500 region/\n  |    \u251c\u2500\u2500 user/\n"})}),"\n",(0,s.jsx)(n.h2,{id:"see-also",children:"See also"}),"\n",(0,s.jsxs)(n.ul,{children:["\n",(0,s.jsx)(n.li,{children:(0,s.jsx)(n.a,{href:"https://enterprisecraftsmanship.com/posts/cohesion-coupling-difference/",children:"(Article) About Low Coupling and High Cohesion clearly"})}),"\n",(0,s.jsx)(n.li,{children:(0,s.jsx)(n.a,{href:"https://medium.com/german-gorelkin/low-coupling-high-cohesion-d36369fb1be9",children:"(Article) Low Coupling and High Cohesion. The Law of Demeter"})}),"\n"]})]})}function h(e={}){const{wrapper:n}={...(0,t.R)(),...e.components};return n?(0,s.jsx)(n,{...e,children:(0,s.jsx)(u,{...e})}):u(e)}},1100:(e,n,i)=>{i.d(n,{R:()=>r,x:()=>c});var s=i(758);const t={},o=s.createContext(t);function r(e){const n=s.useContext(o);return s.useMemo((function(){return"function"==typeof e?e(n):{...n,...e}}),[n,e])}function c(e){let n;return n=e.disableParentContext?"function"==typeof e.components?e.components(t):e.components||t:r(e.components),s.createElement(o.Provider,{value:n},e.children)}}}]);
\ No newline at end of file
+"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[3366],{1928:(e,n,i)=>{i.d(n,{Ay:()=>a,RM:()=>d});var s=i(6070),t=i(1100),o=(i(758),i(6783)),r=i(7765);const c=e=>{let{ticket:n}=e;const i=`https://github.com/feature-sliced/documentation/issues/${n}`;return(0,s.jsxs)("div",{children:[(0,s.jsx)("p",{children:(0,r.T)({id:"shared.wip.title"})}),(0,s.jsx)("p",{children:(0,r.T)({id:"shared.wip.subtitle"})}),(0,s.jsxs)("ul",{children:[(0,s.jsxs)("li",{children:[(0,r.T)({id:"shared.wip.var.feedback.base"}),(0,s.jsx)(o.A,{to:i,children:(0,r.T)({id:"shared.wip.var.feedback.link"})})]}),(0,s.jsxs)("li",{children:[(0,r.T)({id:"shared.wip.var.material.base"}),(0,s.jsx)(o.A,{to:"https://t.me/feature_sliced",children:(0,r.T)({id:"shared.wip.var.material.link"})})]}),(0,s.jsxs)("li",{children:[(0,r.T)({id:"shared.wip.var.contribute.base"}),(0,s.jsx)(o.A,{to:"https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md",children:(0,r.T)({id:"shared.wip.var.contribute.link"})})]})]}),(0,s.jsx)("br",{}),(0,s.jsx)("p",{children:(0,s.jsx)("i",{children:"\ud83c\udf70 Stay tuned!"})})]})},d=[];function l(e){const n={admonition:"admonition",...(0,t.R)(),...e.components};return(0,s.jsx)(n.admonition,{title:"WIP",type:"caution",children:(0,s.jsx)(c,{ticket:e.ticket})})}function a(e={}){const{wrapper:n}={...(0,t.R)(),...e.components};return n?(0,s.jsx)(n,{...e,children:(0,s.jsx)(l,{...e})}):l(e)}},7908:(e,n,i)=>{i.r(n),i.d(n,{assets:()=>l,contentTitle:()=>c,default:()=>h,frontMatter:()=>r,metadata:()=>d,toc:()=>a});var s=i(6070),t=i(1100),o=i(1928);const r={sidebar_position:2,sidebar_class_name:"sidebar-item--wip"},c="Desegemented",d={id:"guides/issues/desegmented",title:"Desegemented",description:"Situation",source:"@site/i18n/en/docusaurus-plugin-content-docs/current/guides/issues/desegmented.mdx",sourceDirName:"guides/issues",slug:"/guides/issues/desegmented",permalink:"/kr/docs/guides/issues/desegmented",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/guides/issues/desegmented.mdx",tags:[],version:"current",lastUpdatedAt:1728325386e3,sidebarPosition:2,frontMatter:{sidebar_position:2,sidebar_class_name:"sidebar-item--wip"},sidebar:"guidesSidebar",previous:{title:"Usage with SvelteKit",permalink:"/kr/docs/guides/tech/with-sveltekit"},next:{title:"Routing",permalink:"/kr/docs/guides/issues/routes"}},l={},a=[...o.RM,{value:"Situation",id:"situation",level:2},{value:"Problem",id:"problem",level:2},{value:"If you ignore it",id:"if-you-ignore-it",level:2},{value:"Solution",id:"solution",level:2},{value:"See also",id:"see-also",level:2}];function u(e){const n={a:"a",blockquote:"blockquote",code:"code",h1:"h1",h2:"h2",header:"header",li:"li",p:"p",pre:"pre",ul:"ul",...(0,t.R)(),...e.components};return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(n.header,{children:(0,s.jsx)(n.h1,{id:"desegemented",children:"Desegemented"})}),"\n",(0,s.jsx)(o.Ay,{ticket:"148"}),"\n",(0,s.jsx)(n.h2,{id:"situation",children:"Situation"}),"\n",(0,s.jsx)(n.p,{children:"Very often, there is a situation on projects when modules related to a specific domain from the subject area are unnecessarily desegmented and scattered around the project"}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-sh",children:"\u251c\u2500\u2500 components/\n|    \u251c\u2500\u2500 DeliveryCard\n|    \u251c\u2500\u2500 DeliveryChoice\n|    \u251c\u2500\u2500 RegionSelect\n|    \u251c\u2500\u2500 UserAvatar\n\u251c\u2500\u2500 actions/\n|    \u251c\u2500\u2500 delivery.js\n|    \u251c\u2500\u2500 region.js\n|    \u251c\u2500\u2500 user.js\n\u251c\u2500\u2500 epics/\n|    \u251c\u2500\u2500 delivery.js\n|    \u251c\u2500\u2500 region.js\n|    \u251c\u2500\u2500 user.js\n\u251c\u2500\u2500 constants/\n|    \u251c\u2500\u2500 delivery.js\n|    \u251c\u2500\u2500 region.js\n|    \u251c\u2500\u2500 user.js\n\u251c\u2500\u2500 helpers/\n|    \u251c\u2500\u2500 delivery.js\n|    \u251c\u2500\u2500 region.js\n|    \u251c\u2500\u2500 user.js\n\u251c\u2500\u2500 entities/\n|    \u251c\u2500\u2500 delivery/\n|    |      \u251c\u2500\u2500 getters.js\n|    |      \u251c\u2500\u2500 selectors.js\n|    \u251c\u2500\u2500 region/\n|    \u251c\u2500\u2500 user/\n"})}),"\n",(0,s.jsx)(n.h2,{id:"problem",children:"Problem"}),"\n",(0,s.jsx)(n.p,{children:"The problem manifests itself at least in violation of the principle of * * High Cohesion** and excessive stretching * * of the axis of changes**"}),"\n",(0,s.jsx)(n.h2,{id:"if-you-ignore-it",children:"If you ignore it"}),"\n",(0,s.jsxs)(n.ul,{children:["\n",(0,s.jsx)(n.li,{children:"If necessary, touch on the logic, for example, delivery - we will have to keep in mind that it lies in several places and touch on several places in the code-which unnecessarily stretches our * * Axis of changes**"}),"\n",(0,s.jsx)(n.li,{children:"If we need to study the logic of the user, we will have to go through the whole project to study in detail * * actions, epics, constants, entities, components** - instead of it lying in one place"}),"\n",(0,s.jsx)(n.li,{children:"Implicit connections and the uncontrollability of a growing subject area"}),"\n",(0,s.jsx)(n.li,{children:'With this approach, the eye is very often blurred and you may not notice how we "create constants for the sake of constants", creating a dump in the corresponding project directory'}),"\n"]}),"\n",(0,s.jsx)(n.h2,{id:"solution",children:"Solution"}),"\n",(0,s.jsx)(n.p,{children:"Place all modules related to a specific domain/user case - directly next to each other"}),"\n",(0,s.jsx)(n.p,{children:"So that when studying a particular module, all its components lie side by side, and are not scattered around the project"}),"\n",(0,s.jsxs)(n.blockquote,{children:["\n",(0,s.jsx)(n.p,{children:"It also increases the discoverability and clarity of the code base and the relationships between modules"}),"\n"]}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-diff",children:"- \u251c\u2500\u2500 components/\n- |    \u251c\u2500\u2500 DeliveryCard\n- |    \u251c\u2500\u2500 DeliveryChoice\n- |    \u251c\u2500\u2500 RegionSelect\n- |    \u251c\u2500\u2500 UserAvatar\n- \u251c\u2500\u2500 actions/\n- |    \u251c\u2500\u2500 delivery.js\n- |    \u251c\u2500\u2500 region.js\n- |    \u251c\u2500\u2500 user.js\n- \u251c\u2500\u2500 epics/{...}\n- \u251c\u2500\u2500 constants/{...}\n- \u251c\u2500\u2500 helpers/{...}\n  \u251c\u2500\u2500 entities/\n  |    \u251c\u2500\u2500 delivery/\n+ |    |      \u251c\u2500\u2500 ui/ # ~ components/\n+ |    |      |   \u251c\u2500\u2500 card.js\n+ |    |      |   \u251c\u2500\u2500 choice.js\n+ |    |      \u251c\u2500\u2500 model/\n+ |    |      |   \u251c\u2500\u2500 actions.js\n+ |    |      |   \u251c\u2500\u2500 constants.js\n+ |    |      |   \u251c\u2500\u2500 epics.js\n+ |    |      |   \u251c\u2500\u2500 getters.js\n+ |    |      |   \u251c\u2500\u2500 selectors.js\n+ |    |      \u251c\u2500\u2500 lib/ # ~ helpers\n  |    \u251c\u2500\u2500 region/\n  |    \u251c\u2500\u2500 user/\n"})}),"\n",(0,s.jsx)(n.h2,{id:"see-also",children:"See also"}),"\n",(0,s.jsxs)(n.ul,{children:["\n",(0,s.jsx)(n.li,{children:(0,s.jsx)(n.a,{href:"https://enterprisecraftsmanship.com/posts/cohesion-coupling-difference/",children:"(Article) About Low Coupling and High Cohesion clearly"})}),"\n",(0,s.jsx)(n.li,{children:(0,s.jsx)(n.a,{href:"https://medium.com/german-gorelkin/low-coupling-high-cohesion-d36369fb1be9",children:"(Article) Low Coupling and High Cohesion. The Law of Demeter"})}),"\n"]})]})}function h(e={}){const{wrapper:n}={...(0,t.R)(),...e.components};return n?(0,s.jsx)(n,{...e,children:(0,s.jsx)(u,{...e})}):u(e)}},1100:(e,n,i)=>{i.d(n,{R:()=>r,x:()=>c});var s=i(758);const t={},o=s.createContext(t);function r(e){const n=s.useContext(o);return s.useMemo((function(){return"function"==typeof e?e(n):{...n,...e}}),[n,e])}function c(e){let n;return n=e.disableParentContext?"function"==typeof e.components?e.components(t):e.components||t:r(e.components),s.createElement(o.Provider,{value:n},e.children)}}}]);
\ No newline at end of file
diff --git a/kr/assets/js/6636c8dc.d4b8e645.js b/kr/assets/js/6636c8dc.f9c7a26a.js
similarity index 97%
rename from kr/assets/js/6636c8dc.d4b8e645.js
rename to kr/assets/js/6636c8dc.f9c7a26a.js
index 734c106bd4..ee60ad7a6f 100644
--- a/kr/assets/js/6636c8dc.d4b8e645.js
+++ b/kr/assets/js/6636c8dc.f9c7a26a.js
@@ -1 +1 @@
-"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[106],{1737:(e,t,n)=>{n.r(t),n.d(t,{assets:()=>c,contentTitle:()=>s,default:()=>u,frontMatter:()=>o,metadata:()=>a,toc:()=>l});var r=n(6070),i=n(1100);const o={sidebar_position:1},s="Integration aspects",a={id:"about/promote/integration",title:"Integration aspects",description:"Summary",source:"@site/i18n/en/docusaurus-plugin-content-docs/current/about/promote/integration.mdx",sourceDirName:"about/promote",slug:"/about/promote/integration",permalink:"/kr/docs/about/promote/integration",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/about/promote/integration.mdx",tags:[],version:"current",lastUpdatedAt:1727607766e3,sidebarPosition:1,frontMatter:{sidebar_position:1},sidebar:"aboutSidebar",previous:{title:"Abstractions",permalink:"/kr/docs/about/understanding/abstractions"},next:{title:"Partial Application",permalink:"/kr/docs/about/promote/partial-application"}},c={},l=[{value:"Summary",id:"summary",level:2},{value:"Also",id:"also",level:2}];function d(e){const t={a:"a",h1:"h1",h2:"h2",header:"header",li:"li",p:"p",strong:"strong",ul:"ul",...(0,i.R)(),...e.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(t.header,{children:(0,r.jsx)(t.h1,{id:"integration-aspects",children:"Integration aspects"})}),"\n",(0,r.jsx)(t.h2,{id:"summary",children:"Summary"}),"\n",(0,r.jsx)(t.p,{children:"First 5 minutes (RU):"}),"\n",(0,r.jsx)("iframe",{className:"youtube",src:"https://www.youtube.com/embed/TFA6zRO_Cl0?start=2110",title:"YouTube video player",frameborder:"0",allow:"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture",allowfullscreen:!0}),"\n",(0,r.jsx)(t.h2,{id:"also",children:"Also"}),"\n",(0,r.jsxs)(t.p,{children:[(0,r.jsx)(t.strong,{children:"Advantages"}),":"]}),"\n",(0,r.jsxs)(t.ul,{children:["\n",(0,r.jsx)(t.li,{children:(0,r.jsx)(t.a,{href:"/docs/get-started/overview",children:"Overview"})}),"\n",(0,r.jsx)(t.li,{children:"CodeReview"}),"\n",(0,r.jsx)(t.li,{children:"Onboarding"}),"\n"]}),"\n",(0,r.jsx)(t.p,{children:(0,r.jsx)(t.strong,{children:"Disadvantages:"})}),"\n",(0,r.jsxs)(t.ul,{children:["\n",(0,r.jsx)(t.li,{children:"Mental complexity"}),"\n",(0,r.jsx)(t.li,{children:"High entry threshold"}),"\n",(0,r.jsx)(t.li,{children:'"Layers hell"'}),"\n",(0,r.jsx)(t.li,{children:"Typical problems of feature-based approaches"}),"\n"]})]})}function u(e={}){const{wrapper:t}={...(0,i.R)(),...e.components};return t?(0,r.jsx)(t,{...e,children:(0,r.jsx)(d,{...e})}):d(e)}},1100:(e,t,n)=>{n.d(t,{R:()=>s,x:()=>a});var r=n(758);const i={},o=r.createContext(i);function s(e){const t=r.useContext(o);return r.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function a(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(i):e.components||i:s(e.components),r.createElement(o.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
+"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[106],{1737:(e,t,n)=>{n.r(t),n.d(t,{assets:()=>c,contentTitle:()=>s,default:()=>u,frontMatter:()=>o,metadata:()=>a,toc:()=>l});var r=n(6070),i=n(1100);const o={sidebar_position:1},s="Integration aspects",a={id:"about/promote/integration",title:"Integration aspects",description:"Summary",source:"@site/i18n/en/docusaurus-plugin-content-docs/current/about/promote/integration.mdx",sourceDirName:"about/promote",slug:"/about/promote/integration",permalink:"/kr/docs/about/promote/integration",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/about/promote/integration.mdx",tags:[],version:"current",lastUpdatedAt:1728325386e3,sidebarPosition:1,frontMatter:{sidebar_position:1},sidebar:"aboutSidebar",previous:{title:"Abstractions",permalink:"/kr/docs/about/understanding/abstractions"},next:{title:"Partial Application",permalink:"/kr/docs/about/promote/partial-application"}},c={},l=[{value:"Summary",id:"summary",level:2},{value:"Also",id:"also",level:2}];function d(e){const t={a:"a",h1:"h1",h2:"h2",header:"header",li:"li",p:"p",strong:"strong",ul:"ul",...(0,i.R)(),...e.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(t.header,{children:(0,r.jsx)(t.h1,{id:"integration-aspects",children:"Integration aspects"})}),"\n",(0,r.jsx)(t.h2,{id:"summary",children:"Summary"}),"\n",(0,r.jsx)(t.p,{children:"First 5 minutes (RU):"}),"\n",(0,r.jsx)("iframe",{className:"youtube",src:"https://www.youtube.com/embed/TFA6zRO_Cl0?start=2110",title:"YouTube video player",frameborder:"0",allow:"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture",allowfullscreen:!0}),"\n",(0,r.jsx)(t.h2,{id:"also",children:"Also"}),"\n",(0,r.jsxs)(t.p,{children:[(0,r.jsx)(t.strong,{children:"Advantages"}),":"]}),"\n",(0,r.jsxs)(t.ul,{children:["\n",(0,r.jsx)(t.li,{children:(0,r.jsx)(t.a,{href:"/docs/get-started/overview",children:"Overview"})}),"\n",(0,r.jsx)(t.li,{children:"CodeReview"}),"\n",(0,r.jsx)(t.li,{children:"Onboarding"}),"\n"]}),"\n",(0,r.jsx)(t.p,{children:(0,r.jsx)(t.strong,{children:"Disadvantages:"})}),"\n",(0,r.jsxs)(t.ul,{children:["\n",(0,r.jsx)(t.li,{children:"Mental complexity"}),"\n",(0,r.jsx)(t.li,{children:"High entry threshold"}),"\n",(0,r.jsx)(t.li,{children:'"Layers hell"'}),"\n",(0,r.jsx)(t.li,{children:"Typical problems of feature-based approaches"}),"\n"]})]})}function u(e={}){const{wrapper:t}={...(0,i.R)(),...e.components};return t?(0,r.jsx)(t,{...e,children:(0,r.jsx)(d,{...e})}):d(e)}},1100:(e,t,n)=>{n.d(t,{R:()=>s,x:()=>a});var r=n(758);const i={},o=r.createContext(i);function s(e){const t=r.useContext(o);return r.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function a(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(i):e.components||i:s(e.components),r.createElement(o.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
diff --git a/kr/assets/js/664a648d.08c8f551.js b/kr/assets/js/664a648d.fbf8157e.js
similarity index 98%
rename from kr/assets/js/664a648d.08c8f551.js
rename to kr/assets/js/664a648d.fbf8157e.js
index 3a4149ed70..fea54293d6 100644
--- a/kr/assets/js/664a648d.08c8f551.js
+++ b/kr/assets/js/664a648d.fbf8157e.js
@@ -1 +1 @@
-"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[5936],{1928:(t,e,i)=>{i.d(e,{Ay:()=>l,RM:()=>c});var n=i(6070),o=i(1100),a=(i(758),i(6783)),r=i(7765);const s=t=>{let{ticket:e}=t;const i=`https://github.com/feature-sliced/documentation/issues/${e}`;return(0,n.jsxs)("div",{children:[(0,n.jsx)("p",{children:(0,r.T)({id:"shared.wip.title"})}),(0,n.jsx)("p",{children:(0,r.T)({id:"shared.wip.subtitle"})}),(0,n.jsxs)("ul",{children:[(0,n.jsxs)("li",{children:[(0,r.T)({id:"shared.wip.var.feedback.base"}),(0,n.jsx)(a.A,{to:i,children:(0,r.T)({id:"shared.wip.var.feedback.link"})})]}),(0,n.jsxs)("li",{children:[(0,r.T)({id:"shared.wip.var.material.base"}),(0,n.jsx)(a.A,{to:"https://t.me/feature_sliced",children:(0,r.T)({id:"shared.wip.var.material.link"})})]}),(0,n.jsxs)("li",{children:[(0,r.T)({id:"shared.wip.var.contribute.base"}),(0,n.jsx)(a.A,{to:"https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md",children:(0,r.T)({id:"shared.wip.var.contribute.link"})})]})]}),(0,n.jsx)("br",{}),(0,n.jsx)("p",{children:(0,n.jsx)("i",{children:"\ud83c\udf70 Stay tuned!"})})]})},c=[];function d(t){const e={admonition:"admonition",...(0,o.R)(),...t.components};return(0,n.jsx)(e.admonition,{title:"WIP",type:"caution",children:(0,n.jsx)(s,{ticket:t.ticket})})}function l(t={}){const{wrapper:e}={...(0,o.R)(),...t.components};return e?(0,n.jsx)(e,{...t,children:(0,n.jsx)(d,{...t})}):d(t)}},8345:(t,e,i)=>{i.r(e),i.d(e,{assets:()=>d,contentTitle:()=>s,default:()=>u,frontMatter:()=>r,metadata:()=>c,toc:()=>l});var n=i(6070),o=i(1100),a=i(1928);const r={sidebar_position:2,sidebar_class_name:"sidebar-item--wip"},s="Partial Application",c={id:"about/promote/partial-application",title:"Partial Application",description:"How to partially apply the methodology? Does it make sense? What if I ignore it?",source:"@site/i18n/en/docusaurus-plugin-content-docs/current/about/promote/partial-application.mdx",sourceDirName:"about/promote",slug:"/about/promote/partial-application",permalink:"/kr/docs/about/promote/partial-application",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/about/promote/partial-application.mdx",tags:[],version:"current",lastUpdatedAt:1727607766e3,sidebarPosition:2,frontMatter:{sidebar_position:2,sidebar_class_name:"sidebar-item--wip"},sidebar:"aboutSidebar",previous:{title:"Integration aspects",permalink:"/kr/docs/about/promote/integration"},next:{title:"Promote in team",permalink:"/kr/docs/about/promote/for-team"}},d={},l=[...a.RM];function p(t){const e={blockquote:"blockquote",h1:"h1",header:"header",p:"p",...(0,o.R)(),...t.components};return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(e.header,{children:(0,n.jsx)(e.h1,{id:"partial-application",children:"Partial Application"})}),"\n",(0,n.jsx)(a.Ay,{ticket:"199"}),"\n",(0,n.jsxs)(e.blockquote,{children:["\n",(0,n.jsx)(e.p,{children:"How to partially apply the methodology? Does it make sense? What if I ignore it?"}),"\n"]})]})}function u(t={}){const{wrapper:e}={...(0,o.R)(),...t.components};return e?(0,n.jsx)(e,{...t,children:(0,n.jsx)(p,{...t})}):p(t)}},1100:(t,e,i)=>{i.d(e,{R:()=>r,x:()=>s});var n=i(758);const o={},a=n.createContext(o);function r(t){const e=n.useContext(a);return n.useMemo((function(){return"function"==typeof t?t(e):{...e,...t}}),[e,t])}function s(t){let e;return e=t.disableParentContext?"function"==typeof t.components?t.components(o):t.components||o:r(t.components),n.createElement(a.Provider,{value:e},t.children)}}}]);
\ No newline at end of file
+"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[5936],{1928:(t,e,i)=>{i.d(e,{Ay:()=>l,RM:()=>c});var n=i(6070),o=i(1100),a=(i(758),i(6783)),r=i(7765);const s=t=>{let{ticket:e}=t;const i=`https://github.com/feature-sliced/documentation/issues/${e}`;return(0,n.jsxs)("div",{children:[(0,n.jsx)("p",{children:(0,r.T)({id:"shared.wip.title"})}),(0,n.jsx)("p",{children:(0,r.T)({id:"shared.wip.subtitle"})}),(0,n.jsxs)("ul",{children:[(0,n.jsxs)("li",{children:[(0,r.T)({id:"shared.wip.var.feedback.base"}),(0,n.jsx)(a.A,{to:i,children:(0,r.T)({id:"shared.wip.var.feedback.link"})})]}),(0,n.jsxs)("li",{children:[(0,r.T)({id:"shared.wip.var.material.base"}),(0,n.jsx)(a.A,{to:"https://t.me/feature_sliced",children:(0,r.T)({id:"shared.wip.var.material.link"})})]}),(0,n.jsxs)("li",{children:[(0,r.T)({id:"shared.wip.var.contribute.base"}),(0,n.jsx)(a.A,{to:"https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md",children:(0,r.T)({id:"shared.wip.var.contribute.link"})})]})]}),(0,n.jsx)("br",{}),(0,n.jsx)("p",{children:(0,n.jsx)("i",{children:"\ud83c\udf70 Stay tuned!"})})]})},c=[];function d(t){const e={admonition:"admonition",...(0,o.R)(),...t.components};return(0,n.jsx)(e.admonition,{title:"WIP",type:"caution",children:(0,n.jsx)(s,{ticket:t.ticket})})}function l(t={}){const{wrapper:e}={...(0,o.R)(),...t.components};return e?(0,n.jsx)(e,{...t,children:(0,n.jsx)(d,{...t})}):d(t)}},8345:(t,e,i)=>{i.r(e),i.d(e,{assets:()=>d,contentTitle:()=>s,default:()=>u,frontMatter:()=>r,metadata:()=>c,toc:()=>l});var n=i(6070),o=i(1100),a=i(1928);const r={sidebar_position:2,sidebar_class_name:"sidebar-item--wip"},s="Partial Application",c={id:"about/promote/partial-application",title:"Partial Application",description:"How to partially apply the methodology? Does it make sense? What if I ignore it?",source:"@site/i18n/en/docusaurus-plugin-content-docs/current/about/promote/partial-application.mdx",sourceDirName:"about/promote",slug:"/about/promote/partial-application",permalink:"/kr/docs/about/promote/partial-application",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/about/promote/partial-application.mdx",tags:[],version:"current",lastUpdatedAt:1728325386e3,sidebarPosition:2,frontMatter:{sidebar_position:2,sidebar_class_name:"sidebar-item--wip"},sidebar:"aboutSidebar",previous:{title:"Integration aspects",permalink:"/kr/docs/about/promote/integration"},next:{title:"Promote in team",permalink:"/kr/docs/about/promote/for-team"}},d={},l=[...a.RM];function p(t){const e={blockquote:"blockquote",h1:"h1",header:"header",p:"p",...(0,o.R)(),...t.components};return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(e.header,{children:(0,n.jsx)(e.h1,{id:"partial-application",children:"Partial Application"})}),"\n",(0,n.jsx)(a.Ay,{ticket:"199"}),"\n",(0,n.jsxs)(e.blockquote,{children:["\n",(0,n.jsx)(e.p,{children:"How to partially apply the methodology? Does it make sense? What if I ignore it?"}),"\n"]})]})}function u(t={}){const{wrapper:e}={...(0,o.R)(),...t.components};return e?(0,n.jsx)(e,{...t,children:(0,n.jsx)(p,{...t})}):p(t)}},1100:(t,e,i)=>{i.d(e,{R:()=>r,x:()=>s});var n=i(758);const o={},a=n.createContext(o);function r(t){const e=n.useContext(a);return n.useMemo((function(){return"function"==typeof t?t(e):{...e,...t}}),[e,t])}function s(t){let e;return e=t.disableParentContext?"function"==typeof t.components?t.components(o):t.components||o:r(t.components),n.createElement(a.Provider,{value:e},t.children)}}}]);
\ No newline at end of file
diff --git a/kr/assets/js/66d3db7c.75692bdf.js b/kr/assets/js/66d3db7c.597a0c93.js
similarity index 99%
rename from kr/assets/js/66d3db7c.75692bdf.js
rename to kr/assets/js/66d3db7c.597a0c93.js
index 02b06df9d2..5f9a5f51f7 100644
--- a/kr/assets/js/66d3db7c.75692bdf.js
+++ b/kr/assets/js/66d3db7c.597a0c93.js
@@ -1 +1 @@
-"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[7068],{9311:(e,t,n)=>{n.r(t),n.d(t,{assets:()=>c,contentTitle:()=>o,default:()=>h,frontMatter:()=>r,metadata:()=>a,toc:()=>d});var s=n(6070),i=n(1100);const r={sidebar_position:2},o="Types",a={id:"guides/examples/types",title:"Types",description:"This guide concerns data types from typed languages like TypeScript and describes where they fit within FSD.",source:"@site/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/types.md",sourceDirName:"guides/examples",slug:"/guides/examples/types",permalink:"/kr/docs/guides/examples/types",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/types.md",tags:[],version:"current",lastUpdatedAt:1727607766e3,sidebarPosition:2,frontMatter:{sidebar_position:2},sidebar:"guidesSidebar",previous:{title:"Authentication",permalink:"/kr/docs/guides/examples/auth"},next:{title:"Page layouts",permalink:"/kr/docs/guides/examples/page-layout"}},c={},d=[{value:"Utility types",id:"utility-types",level:2},{value:"Business entities and their cross-references",id:"business-entities-and-their-cross-references",level:2},{value:"Data transfer objects and mappers",id:"data-transfer-objects-and-mappers",level:2},{value:"Where to put DTOs",id:"where-to-put-dtos",level:3},{value:"Where to put mappers",id:"where-to-put-mappers",level:3},{value:"How to deal with nested DTOs",id:"how-to-deal-with-nested-dtos",level:3},{value:"Global types and Redux",id:"global-types-and-redux",level:2},{value:"Enums",id:"enums",level:2},{value:"Type validation schemas and Zod",id:"type-validation-schemas-and-zod",level:2},{value:"Typings of component props and context",id:"typings-of-component-props-and-context",level:2},{value:"Ambient declaration files (<code>*.d.ts</code>)",id:"ambient-declaration-files-dts",level:2},{value:"Auto-generation of types",id:"auto-generation-of-types",level:2}];function l(e){const t={a:"a",admonition:"admonition",blockquote:"blockquote",br:"br",code:"code",em:"em",h1:"h1",h2:"h2",h3:"h3",header:"header",li:"li",ol:"ol",p:"p",pre:"pre",strong:"strong",ul:"ul",...(0,i.R)(),...e.components};return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(t.header,{children:(0,s.jsx)(t.h1,{id:"types",children:"Types"})}),"\n",(0,s.jsx)(t.p,{children:"This guide concerns data types from typed languages like TypeScript and describes where they fit within FSD."}),"\n",(0,s.jsx)(t.admonition,{type:"info",children:(0,s.jsx)(t.p,{children:"Is your question not covered by this guide? Post your question by leaving feedback on this article (blue button on the right) and we will consider expanding this guide!"})}),"\n",(0,s.jsx)(t.h2,{id:"utility-types",children:"Utility types"}),"\n",(0,s.jsx)(t.p,{children:"Utility types are types that don't have much meaning on their own and are usually used with other types. For example:"}),"\n",(0,s.jsxs)("figure",{children:[(0,s.jsx)(t.pre,{children:(0,s.jsx)(t.code,{className:"language-ts",children:"type ArrayValues<T extends readonly unknown[]> = T[number];\n"})}),(0,s.jsx)("figcaption",{children:(0,s.jsxs)(t.p,{children:["Source: ",(0,s.jsx)(t.a,{href:"https://github.com/sindresorhus/type-fest/blob/main/source/array-values.d.ts",children:"https://github.com/sindresorhus/type-fest/blob/main/source/array-values.d.ts"})]})})]}),"\n",(0,s.jsxs)(t.p,{children:["To make utility types available across your project, either install a library like ",(0,s.jsx)(t.a,{href:"https://github.com/sindresorhus/type-fest",children:(0,s.jsx)(t.code,{children:"type-fest"})}),", or create your own library in ",(0,s.jsx)(t.code,{children:"shared/lib"}),". Make sure to clearly indicate what new types ",(0,s.jsx)(t.em,{children:"should"})," be added to this library, and what types ",(0,s.jsx)(t.em,{children:"don't belong"})," there. For example, call it ",(0,s.jsx)(t.code,{children:"shared/lib/utility-types"})," and add a README inside that describes what is a utility type in your team."]}),"\n",(0,s.jsx)(t.p,{children:"Don't overestimate the potential reusability of a utility type. Just because it can be reused, doesn't mean it will be, and as such, not every utility type needs to be in Shared. Some utility types are fine right next to where they are needed:"}),"\n",(0,s.jsxs)(t.ul,{children:["\n",(0,s.jsxs)(t.li,{children:["\ud83d\udcc2 pages","\n",(0,s.jsxs)(t.ul,{children:["\n",(0,s.jsxs)(t.li,{children:["\ud83d\udcc2 home","\n",(0,s.jsxs)(t.ul,{children:["\n",(0,s.jsxs)(t.li,{children:["\ud83d\udcc2 api","\n",(0,s.jsxs)(t.ul,{children:["\n",(0,s.jsx)(t.li,{children:"\ud83d\udcc4 ArrayValues.ts (utility type)"}),"\n",(0,s.jsx)(t.li,{children:"\ud83d\udcc4 getMemoryUsageMetrics.ts (the code that uses the utility type)"}),"\n"]}),"\n"]}),"\n"]}),"\n"]}),"\n"]}),"\n"]}),"\n"]}),"\n",(0,s.jsx)(t.admonition,{type:"warning",children:(0,s.jsxs)(t.p,{children:["Resist the temptation to create a ",(0,s.jsx)(t.code,{children:"shared/types"})," folder, or to add a ",(0,s.jsx)(t.code,{children:"types"}),' segment to your slices. The category "types" is similar to the category "components" or "hooks" in that it describes what the contents are, not what they are for. Segments should describe the purpose of the code, not the essence.']})}),"\n",(0,s.jsx)(t.h2,{id:"business-entities-and-their-cross-references",children:"Business entities and their cross-references"}),"\n",(0,s.jsxs)(t.p,{children:["Among the most important types in an app are the types of business entities, i.e. the real-world things that your app works with. For example, in a music streaming app, you might have business entities ",(0,s.jsx)(t.em,{children:"Song"}),", ",(0,s.jsx)(t.em,{children:"Album"}),", etc."]}),"\n",(0,s.jsxs)(t.p,{children:["Business entities often come from the backend, so the first step is to type the backend responses. It's convenient to have a function to make a request to every endpoint, and to type the response of this function. For extra type safety, you may want to run the response through a schema validation library like ",(0,s.jsx)(t.a,{href:"https://zod.dev",children:"Zod"}),"."]}),"\n",(0,s.jsx)(t.p,{children:"For example, if you keep all your requests in Shared, you could do it like this:"}),"\n",(0,s.jsx)(t.pre,{children:(0,s.jsx)(t.code,{className:"language-ts",metastring:'title="shared/api/songs.ts"',children:"import type { Artist } from \"./artists\";\n\ninterface Song {\n  id: number;\n  title: string;\n  artists: Array<Artist>;\n}\n\nexport function listSongs() {\n  return fetch('/api/songs').then((res) => res.json() as Promise<Array<Song>>);\n}\n"})}),"\n",(0,s.jsxs)(t.p,{children:["You might notice that the ",(0,s.jsx)(t.code,{children:"Song"})," type references a different entity, ",(0,s.jsx)(t.code,{children:"Artist"}),". This is a benefit of storing your requests in Shared \u2014 real-world types are often intertwined. If we kept this function in ",(0,s.jsx)(t.code,{children:"entities/song/api"}),", we wouldn't be able to simply import ",(0,s.jsx)(t.code,{children:"Artist"})," from ",(0,s.jsx)(t.code,{children:"entities/artist"}),", because FSD restricts cross-imports between slices with ",(0,s.jsx)(t.a,{href:"/docs/reference/layers#import-rule-on-layers",children:"the import rule on layers"}),":"]}),"\n",(0,s.jsxs)(t.blockquote,{children:["\n",(0,s.jsx)(t.p,{children:"A module in a slice can only import other slices when they are located on layers strictly below."}),"\n"]}),"\n",(0,s.jsx)(t.p,{children:"There are two ways to deal with this issue:"}),"\n",(0,s.jsxs)(t.ol,{children:["\n",(0,s.jsxs)(t.li,{children:["\n",(0,s.jsxs)(t.p,{children:[(0,s.jsx)(t.strong,{children:"Parametrize your types"}),(0,s.jsx)(t.br,{}),"\n","You can make your types accept type arguments as slots for connections with other entities, and even impose constraints on those slots. For example:"]}),"\n",(0,s.jsx)(t.pre,{children:(0,s.jsx)(t.code,{className:"language-ts",metastring:'title="entities/song/model/song.ts"',children:"interface Song<ArtistType extends { id: string }> {\n  id: number;\n  title: string;\n  artists: Array<ArtistType>;\n}\n"})}),"\n",(0,s.jsxs)(t.p,{children:["This works better for some types than others. A simple type like ",(0,s.jsx)(t.code,{children:"Cart = { items: Array<Product> }"})," can easily be made to work with any type of product. More connected types, like ",(0,s.jsx)(t.code,{children:"Country"})," and ",(0,s.jsx)(t.code,{children:"City"}),", may not be as easy to separate."]}),"\n"]}),"\n",(0,s.jsxs)(t.li,{children:["\n",(0,s.jsxs)(t.p,{children:[(0,s.jsx)(t.strong,{children:"Cross-import (but do it right)"}),(0,s.jsx)(t.br,{}),"\n","To make cross-imports between entities in FSD, you can use a special public API specifically for each slice that will be cross-importing. For example, if we have entities ",(0,s.jsx)(t.code,{children:"song"}),", ",(0,s.jsx)(t.code,{children:"artist"}),", and ",(0,s.jsx)(t.code,{children:"playlist"}),", and the latter two need to reference ",(0,s.jsx)(t.code,{children:"song"}),", we can make two special public APIs for both of them in the ",(0,s.jsx)(t.code,{children:"song"})," entity with the ",(0,s.jsx)(t.code,{children:"@x"})," notation:"]}),"\n",(0,s.jsxs)(t.ul,{children:["\n",(0,s.jsxs)(t.li,{children:["\ud83d\udcc2 entities","\n",(0,s.jsxs)(t.ul,{children:["\n",(0,s.jsxs)(t.li,{children:["\ud83d\udcc2 song","\n",(0,s.jsxs)(t.ul,{children:["\n",(0,s.jsxs)(t.li,{children:["\ud83d\udcc2 @x","\n",(0,s.jsxs)(t.ul,{children:["\n",(0,s.jsxs)(t.li,{children:["\ud83d\udcc4 artist.ts (a public API for the ",(0,s.jsx)(t.code,{children:"artist"})," entity to import from)"]}),"\n",(0,s.jsxs)(t.li,{children:["\ud83d\udcc4 playlist.ts (a public API for the ",(0,s.jsx)(t.code,{children:"playlist"})," entity to import from)"]}),"\n"]}),"\n"]}),"\n",(0,s.jsx)(t.li,{children:"\ud83d\udcc4 index.ts (regular public API)"}),"\n"]}),"\n"]}),"\n"]}),"\n"]}),"\n"]}),"\n",(0,s.jsxs)(t.p,{children:["The contents of a file ",(0,s.jsx)(t.code,{children:"\ud83d\udcc4 entities/song/@x/artist.ts"})," are similar to ",(0,s.jsx)(t.code,{children:"\ud83d\udcc4 entities/song/index.ts"}),":"]}),"\n",(0,s.jsx)(t.pre,{children:(0,s.jsx)(t.code,{className:"language-ts",metastring:'title="entities/song/@x/artist.ts"',children:'export type { Song } from "../model/song.ts";\n'})}),"\n",(0,s.jsxs)(t.p,{children:["Then the ",(0,s.jsx)(t.code,{children:"\ud83d\udcc4 entities/artist/model/artist.ts"})," can import ",(0,s.jsx)(t.code,{children:"Song"})," like this:"]}),"\n",(0,s.jsx)(t.pre,{children:(0,s.jsx)(t.code,{className:"language-ts",metastring:'title="entities/artist/model/artist.ts"',children:'import type { Song } from "entities/song/@x/artist";\n\nexport interface Artist {\n  name: string;\n  songs: Array<Song>;\n}\n'})}),"\n",(0,s.jsx)(t.p,{children:"By making explicit connections between entities, we stay on top of inter-dependencies and maintain a decent level of domain separation."}),"\n"]}),"\n"]}),"\n",(0,s.jsx)(t.h2,{id:"data-transfer-objects-and-mappers",children:"Data transfer objects and mappers"}),"\n",(0,s.jsx)(t.p,{children:"Data transfer objects, or DTOs, is a term that describes the shape of data that comes from the backend. Sometimes, the DTO is fine to use as is, but sometimes it's inconvenient for the frontend. That's where mappers come in \u2014 they transform a DTO into a more convenient shape."}),"\n",(0,s.jsx)(t.h3,{id:"where-to-put-dtos",children:"Where to put DTOs"}),"\n",(0,s.jsx)(t.p,{children:"If you have backend types in a separate package (for example, if you share code between the frontend and the backend), then just import your DTOs from there and you're done! If you don't share code between the backend and frontend, then you need to keep DTOs somewhere in your frontend codebase, and we will explore this case below."}),"\n",(0,s.jsxs)(t.p,{children:["If you have your request functions in ",(0,s.jsx)(t.code,{children:"shared/api"}),", that's where the DTOs should be, right next to the function that uses them:"]}),"\n",(0,s.jsx)(t.pre,{children:(0,s.jsx)(t.code,{className:"language-ts",metastring:'title="shared/api/songs.ts"',children:'import type { ArtistDTO } from "./artists";\n\ninterface SongDTO {\n  id: number;\n  title: string;\n  artist_ids: Array<ArtistDTO["id"]>;\n}\n\nexport function listSongs() {\n  return fetch(\'/api/songs\').then((res) => res.json() as Promise<Array<SongDTO>>);\n}\n'})}),"\n",(0,s.jsx)(t.p,{children:"As mentioned in the previous section, storing your requests and DTOs in Shared comes with the benefit of being able to reference other DTOs."}),"\n",(0,s.jsx)(t.h3,{id:"where-to-put-mappers",children:"Where to put mappers"}),"\n",(0,s.jsxs)(t.p,{children:["Mappers are functions that accept a DTO for transformation, and as such, they should be located near the definition of the DTO. In practice this means that if your requests and DTOs are defined in ",(0,s.jsx)(t.code,{children:"shared/api"}),", then the mappers should go there as well:"]}),"\n",(0,s.jsx)(t.pre,{children:(0,s.jsx)(t.code,{className:"language-ts",metastring:'title="shared/api/songs.ts"',children:'import type { ArtistDTO } from "./artists";\n\ninterface SongDTO {\n  id: number;\n  title: string;\n  disc_no: number;\n  artist_ids: Array<ArtistDTO["id"]>;\n}\n\ninterface Song {\n  id: string;\n  title: string;\n  /** The full title of the song, including the disc number. */\n  fullTitle: string;\n  artistIds: Array<string>;\n}\n\nfunction adaptSongDTO(dto: SongDTO): Song {\n  return {\n    id: String(dto.id),\n    title: dto.title,\n    fullTitle: `${dto.disc_no} / ${dto.title}`,\n    artistIds: dto.artist_ids.map(String),\n  };\n}\n\nexport function listSongs() {\n  return fetch(\'/api/songs\').then(async (res) => (await res.json()).map(adaptSongDTO));\n}\n'})}),"\n",(0,s.jsx)(t.p,{children:"If your requests and stores are defined in entity slices, then all this code would go there, keeping in mind the limitations of cross-imports between slices:"}),"\n",(0,s.jsx)(t.pre,{children:(0,s.jsx)(t.code,{className:"language-ts",metastring:'title="entities/song/api/dto.ts"',children:'import type { ArtistDTO } from "entities/artist/@x/song";\n\nexport interface SongDTO {\n  id: number;\n  title: string;\n  disc_no: number;\n  artist_ids: Array<ArtistDTO["id"]>;\n}\n'})}),"\n",(0,s.jsx)(t.pre,{children:(0,s.jsx)(t.code,{className:"language-ts",metastring:'title="entities/song/api/mapper.ts"',children:'import type { SongDTO } from "./dto";\n\nexport interface Song {\n  id: string;\n  title: string;\n  /** The full title of the song, including the disc number. */\n  fullTitle: string;\n  artistIds: Array<string>;\n}\n\nexport function adaptSongDTO(dto: SongDTO): Song {\n  return {\n    id: String(dto.id),\n    title: dto.title,\n    fullTitle: `${dto.disc_no} / ${dto.title}`,\n    artistIds: dto.artist_ids.map(String),\n  };\n}\n'})}),"\n",(0,s.jsx)(t.pre,{children:(0,s.jsx)(t.code,{className:"language-ts",metastring:'title="entities/song/api/listSongs.ts"',children:"import { adaptSongDTO } from \"./mapper\";\n\nexport function listSongs() {\n  return fetch('/api/songs').then(async (res) => (await res.json()).map(adaptSongDTO));\n}\n"})}),"\n",(0,s.jsx)(t.pre,{children:(0,s.jsx)(t.code,{className:"language-ts",metastring:'title="entities/song/model/songs.ts"',children:'import { createSlice, createEntityAdapter } from "@reduxjs/toolkit";\n\nimport { listSongs } from "../api/listSongs";\n\nexport const fetchSongs = createAsyncThunk(\'songs/fetchSongs\', listSongs);\n\nconst songAdapter = createEntityAdapter();\nconst songsSlice = createSlice({\n  name: "songs",\n  initialState: songAdapter.getInitialState(),\n  reducers: {},\n  extraReducers: (builder) => {\n    builder.addCase(fetchSongs.fulfilled, (state, action) => {\n      songAdapter.upsertMany(state, action.payload);\n    })\n  },\n});\n'})}),"\n",(0,s.jsx)(t.h3,{id:"how-to-deal-with-nested-dtos",children:"How to deal with nested DTOs"}),"\n",(0,s.jsxs)(t.p,{children:["The most problematic part is when a response from the backend contains several entities. For example, if the song included not just the authors' IDs, but the entire author objects. In this case, it is impossible for entities not to know about each other (unless we want to discard the data or have a firm conversation with the backend team). Instead of coming up with solutions for indirect connections between slices (such as a common middleware that would dispatch actions to other slices), prefer explicit cross-imports with the ",(0,s.jsx)(t.code,{children:"@x"})," notation. Here is how we can implement it with Redux Toolkit:"]}),"\n",(0,s.jsx)(t.pre,{children:(0,s.jsx)(t.code,{className:"language-ts",metastring:'title="entities/song/model/songs.ts"',children:"import {\n  createSlice,\n  createEntityAdapter,\n  createAsyncThunk,\n  createSelector,\n} from '@reduxjs/toolkit'\nimport { normalize, schema } from 'normalizr'\n\nimport { getSong } from \"../api/getSong\";\n\n// Define normalizr entity schemas\nexport const artistEntity = new schema.Entity('artists')\nexport const songEntity = new schema.Entity('songs', {\n  artists: [artistEntity],\n})\n\nconst songAdapter = createEntityAdapter()\n\nexport const fetchSong = createAsyncThunk(\n  'songs/fetchSong',\n  async (id: string) => {\n    const data = await getSong(id)\n    // Normalize the data so reducers can load a predictable payload, like:\n    // `action.payload = { songs: {}, artists: {} }`\n    const normalized = normalize(data, songEntity)\n    return normalized.entities\n  }\n)\n\nexport const slice = createSlice({\n  name: 'songs',\n  initialState: songAdapter.getInitialState(),\n  reducers: {},\n  extraReducers: (builder) => {\n    builder.addCase(fetchSong.fulfilled, (state, action) => {\n      songAdapter.upsertMany(state, action.payload.songs)\n    })\n  },\n})\n\nconst reducer = slice.reducer\nexport default reducer\n"})}),"\n",(0,s.jsx)(t.pre,{children:(0,s.jsx)(t.code,{className:"language-ts",metastring:'title="entities/song/@x/artist.ts"',children:'export { fetchSong } from "../model/songs";\n'})}),"\n",(0,s.jsx)(t.pre,{children:(0,s.jsx)(t.code,{className:"language-ts",metastring:'title="entities/artist/model/artists.ts"',children:"import { createSlice, createEntityAdapter } from '@reduxjs/toolkit'\n\nimport { fetchSong } from 'entities/song/@x/artist'\n\nconst artistAdapter = createEntityAdapter()\n\nexport const slice = createSlice({\n  name: 'users',\n  initialState: artistAdapter.getInitialState(),\n  reducers: {},\n  extraReducers: (builder) => {\n    builder.addCase(fetchSong.fulfilled, (state, action) => {\n      // And handle the same fetch result by inserting the artists here\n      usersAdapter.upsertMany(state, action.payload.users)\n    })\n  },\n})\n\nconst reducer = slice.reducer\nexport default reducer\n"})}),"\n",(0,s.jsx)(t.p,{children:"This slightly limits the benefits of slice isolation, but it accurately represents a connection between these two entities that we have no control over. If these entities are to ever be refactored, they have to be refactored together."}),"\n",(0,s.jsx)(t.h2,{id:"global-types-and-redux",children:"Global types and Redux"}),"\n",(0,s.jsx)(t.p,{children:"Global types are types that will be used across the whole application. There are two kinds of global types, based on what they need to know about:"}),"\n",(0,s.jsxs)(t.ol,{children:["\n",(0,s.jsx)(t.li,{children:"Generic types that don't have any application specifics"}),"\n",(0,s.jsx)(t.li,{children:"Types that need to know about the whole application"}),"\n"]}),"\n",(0,s.jsxs)(t.p,{children:["The first case is simple to resolve \u2014 place your types in Shared, in an appropriate segment. For example, if you have an interface for a global variable for analytics, you can put it in ",(0,s.jsx)(t.code,{children:"shared/analytics"}),"."]}),"\n",(0,s.jsx)(t.admonition,{type:"warning",children:(0,s.jsxs)(t.p,{children:["Avoid creating the ",(0,s.jsx)(t.code,{children:"shared/types"}),' folder. It groups unrelated things based only on the property of "being a type", and that property is usually not useful when searching for code in a project.']})}),"\n",(0,s.jsx)(t.p,{children:"The second case is commonly encountered in projects with Redux without RTK. Your final store type is only available once you add all the reducers together, but this store type needs to be available to selectors that you use across the app. For example, here's your typical store definition:"}),"\n",(0,s.jsx)(t.pre,{children:(0,s.jsx)(t.code,{className:"language-ts",metastring:'title="app/store/index.ts"',children:'import { combineReducers, rootReducer } from "redux";\n\nimport { songReducer } from "entities/song";\nimport { artistReducer } from "entities/artist";\n\nconst rootReducer = combineReducers(songReducer, artistReducer);\n\nconst store = createStore(rootReducer);\n\ntype RootState = ReturnType<typeof rootReducer>;\ntype AppDispatch = typeof store.dispatch;\n'})}),"\n",(0,s.jsxs)(t.p,{children:["It would be nice to have typed Redux hooks ",(0,s.jsx)(t.code,{children:"useAppDispatch"})," and ",(0,s.jsx)(t.code,{children:"useAppSelector"})," in ",(0,s.jsx)(t.code,{children:"shared/store"}),", but they cannot import ",(0,s.jsx)(t.code,{children:"RootState"})," and ",(0,s.jsx)(t.code,{children:"AppDispatch"})," from the App layer due to the ",(0,s.jsx)(t.a,{href:"/docs/reference/layers#import-rule-on-layers",children:"import rule on layers"}),":"]}),"\n",(0,s.jsxs)(t.blockquote,{children:["\n",(0,s.jsx)(t.p,{children:"A module in a slice can only import other slices when they are located on layers strictly below."}),"\n"]}),"\n",(0,s.jsxs)(t.p,{children:["The recommended solution in this case is to create an implicit dependency between layers Shared and App. These two types, ",(0,s.jsx)(t.code,{children:"RootState"})," and ",(0,s.jsx)(t.code,{children:"AppDispatch"})," are unlikely to change, and they will be familiar to Redux developers, so we don't have to worry about them as much."]}),"\n",(0,s.jsx)(t.p,{children:"In TypeScript, you can do it by declaring the types as global like this:"}),"\n",(0,s.jsx)(t.pre,{children:(0,s.jsx)(t.code,{className:"language-ts",metastring:'title="app/store/index.ts"',children:"/* same content as in the code block before\u2026 */\n\ndeclare type RootState = ReturnType<typeof rootReducer>;\ndeclare type AppDispatch = typeof store.dispatch;\n"})}),"\n",(0,s.jsx)(t.pre,{children:(0,s.jsx)(t.code,{className:"language-ts",metastring:'title="shared/store/index.ts"',children:'import { useDispatch, useSelector, type TypedUseSelectorHook } from "react-redux";\n\nexport const useAppDispatch = useDispatch.withTypes<AppDispatch>()\nexport const useAppSelector: TypedUseSelectorHook<RootState> = useSelector;\n'})}),"\n",(0,s.jsx)(t.h2,{id:"enums",children:"Enums"}),"\n",(0,s.jsxs)(t.p,{children:["The general rule with enums is that they should be defined ",(0,s.jsx)(t.strong,{children:"as close to the usage locations as possible"}),". When an enum represents values specific to a single feature, it should be defined in that same feature."]}),"\n",(0,s.jsxs)(t.p,{children:["The choice of segment should be dictated by usage locations as well. If your enum contains, for example, positions of a toast on the screen, it should be placed in the ",(0,s.jsx)(t.code,{children:"ui"})," segment. If it represents the loading state of a backend operation, it should be placed in the ",(0,s.jsx)(t.code,{children:"api"})," segment."]}),"\n",(0,s.jsxs)(t.p,{children:["Some enums are truly common across the whole project, like general backend response statuses or design system tokens. In this case, you can place them in Shared, and choose the segment based on what the enum represents (",(0,s.jsx)(t.code,{children:"api"})," for response statuses, ",(0,s.jsx)(t.code,{children:"ui"})," for design tokens, etc.)."]}),"\n",(0,s.jsx)(t.h2,{id:"type-validation-schemas-and-zod",children:"Type validation schemas and Zod"}),"\n",(0,s.jsxs)(t.p,{children:["If you want to validate that your data conforms to a certain shape or constraints, you can define a validation schema. In TypeScript, a popular library for this job is ",(0,s.jsx)(t.a,{href:"https://zod.dev",children:"Zod"}),". Validation schemas should also be colocated with the code that uses them, as much as possible."]}),"\n",(0,s.jsxs)(t.p,{children:["Validation schemas are similar to mappers (as discussed in the ",(0,s.jsx)(t.a,{href:"#data-transfer-objects-and-mappers",children:"Data transfer objects and mappers"})," section) in the sense that they take a data transfer object and parse it, producing an error if the parsing fails."]}),"\n",(0,s.jsxs)(t.p,{children:["One of the most common cases of validation is for the data that comes from the backend. Typically, you want to fail the request when the data doesn't match the schema, so it makes sense to put the schema in the same place as the request function, which is usually the ",(0,s.jsx)(t.code,{children:"api"})," segment."]}),"\n",(0,s.jsxs)(t.p,{children:["If your data comes through user input, like a form, the validation should happen as the data is being entered. You can place your schema in the ",(0,s.jsx)(t.code,{children:"ui"})," segment, next to the form component, or in the ",(0,s.jsx)(t.code,{children:"model"})," segment, if the ",(0,s.jsx)(t.code,{children:"ui"})," segment is too crowded."]}),"\n",(0,s.jsx)(t.h2,{id:"typings-of-component-props-and-context",children:"Typings of component props and context"}),"\n",(0,s.jsxs)(t.p,{children:["In general, it's best to keep the props or context interface in the same file as the component or context that uses them. If you have a framework with single-file components, like Vue or Svelte, and you can't define the props interface in the same file, or you want to share that interface between several components, create a separate file in the same folder, typically, the ",(0,s.jsx)(t.code,{children:"ui"})," segment."]}),"\n",(0,s.jsx)(t.p,{children:"Here's an example with JSX (React or Solid):"}),"\n",(0,s.jsx)(t.pre,{children:(0,s.jsx)(t.code,{className:"language-ts",metastring:'title="pages/home/ui/RecentActions.tsx"',children:"interface RecentActionsProps {\n  actions: Array<{ id: string; text: string }>;\n}\n\nexport function RecentActions({ actions }: RecentActionsProps) {\n  /* \u2026 */\n}\n"})}),"\n",(0,s.jsx)(t.p,{children:"And here's an example with the interface stored in a separate file for Vue:"}),"\n",(0,s.jsx)(t.pre,{children:(0,s.jsx)(t.code,{className:"language-ts",metastring:'title="pages/home/ui/RecentActionsProps.ts"',children:"export interface RecentActionsProps {\n  actions: Array<{ id: string; text: string }>;\n}\n"})}),"\n",(0,s.jsx)(t.pre,{children:(0,s.jsx)(t.code,{className:"language-html",metastring:'title="pages/home/ui/RecentActions.vue"',children:'<script setup lang="ts">\n  import type { RecentActionsProps } from "./RecentActionsProps";\n\n  const props = defineProps<RecentActionsProps>();\n<\/script>\n'})}),"\n",(0,s.jsxs)(t.h2,{id:"ambient-declaration-files-dts",children:["Ambient declaration files (",(0,s.jsx)(t.code,{children:"*.d.ts"}),")"]}),"\n",(0,s.jsxs)(t.p,{children:["Some packages, for example, ",(0,s.jsx)(t.a,{href:"https://vitejs.dev",children:"Vite"})," or ",(0,s.jsx)(t.a,{href:"https://www.totaltypescript.com/ts-reset",children:"ts-reset"}),", require ambient declaration files to work across your app. Usually, they aren't large or complicated, so they often don't require any architecting, it's fine to just throw them in the ",(0,s.jsx)(t.code,{children:"src/"})," folder. To keep the ",(0,s.jsx)(t.code,{children:"src"})," more organized, you can keep them on the App layer, in ",(0,s.jsx)(t.code,{children:"app/ambient/"}),"."]}),"\n",(0,s.jsxs)(t.p,{children:["Other packages simply don't have typings, and you might want to declare them as untyped or even write your own typings for them. A good place for those typings would be ",(0,s.jsx)(t.code,{children:"shared/lib"}),", in a folder like ",(0,s.jsx)(t.code,{children:"shared/lib/untyped-packages"}),". Create a ",(0,s.jsx)(t.code,{children:"%LIBRARY_NAME%.d.ts"})," file there and declare the types you need:"]}),"\n",(0,s.jsx)(t.pre,{children:(0,s.jsx)(t.code,{className:"language-ts",metastring:'title="shared/lib/untyped-packages/use-react-screenshot.d.ts"',children:"// This library doesn't have typings, and we didn't want to bother writing our own.\ndeclare module \"use-react-screenshot\";\n"})}),"\n",(0,s.jsx)(t.h2,{id:"auto-generation-of-types",children:"Auto-generation of types"}),"\n",(0,s.jsxs)(t.p,{children:["It's common to generate types from external sources, for example, generating backend types from an OpenAPI schema. In this case, create a dedicated place in your codebase for these types, like ",(0,s.jsx)(t.code,{children:"shared/api/openapi"}),". Ideally, you should also include a README in that folder that describes what these files are, how to regenerate them, etc."]})]})}function h(e={}){const{wrapper:t}={...(0,i.R)(),...e.components};return t?(0,s.jsx)(t,{...e,children:(0,s.jsx)(l,{...e})}):l(e)}},1100:(e,t,n)=>{n.d(t,{R:()=>o,x:()=>a});var s=n(758);const i={},r=s.createContext(i);function o(e){const t=s.useContext(r);return s.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function a(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(i):e.components||i:o(e.components),s.createElement(r.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
+"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[7068],{9311:(e,t,n)=>{n.r(t),n.d(t,{assets:()=>c,contentTitle:()=>o,default:()=>h,frontMatter:()=>r,metadata:()=>a,toc:()=>d});var s=n(6070),i=n(1100);const r={sidebar_position:2},o="Types",a={id:"guides/examples/types",title:"Types",description:"This guide concerns data types from typed languages like TypeScript and describes where they fit within FSD.",source:"@site/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/types.md",sourceDirName:"guides/examples",slug:"/guides/examples/types",permalink:"/kr/docs/guides/examples/types",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/types.md",tags:[],version:"current",lastUpdatedAt:1728325386e3,sidebarPosition:2,frontMatter:{sidebar_position:2},sidebar:"guidesSidebar",previous:{title:"Authentication",permalink:"/kr/docs/guides/examples/auth"},next:{title:"Page layouts",permalink:"/kr/docs/guides/examples/page-layout"}},c={},d=[{value:"Utility types",id:"utility-types",level:2},{value:"Business entities and their cross-references",id:"business-entities-and-their-cross-references",level:2},{value:"Data transfer objects and mappers",id:"data-transfer-objects-and-mappers",level:2},{value:"Where to put DTOs",id:"where-to-put-dtos",level:3},{value:"Where to put mappers",id:"where-to-put-mappers",level:3},{value:"How to deal with nested DTOs",id:"how-to-deal-with-nested-dtos",level:3},{value:"Global types and Redux",id:"global-types-and-redux",level:2},{value:"Enums",id:"enums",level:2},{value:"Type validation schemas and Zod",id:"type-validation-schemas-and-zod",level:2},{value:"Typings of component props and context",id:"typings-of-component-props-and-context",level:2},{value:"Ambient declaration files (<code>*.d.ts</code>)",id:"ambient-declaration-files-dts",level:2},{value:"Auto-generation of types",id:"auto-generation-of-types",level:2}];function l(e){const t={a:"a",admonition:"admonition",blockquote:"blockquote",br:"br",code:"code",em:"em",h1:"h1",h2:"h2",h3:"h3",header:"header",li:"li",ol:"ol",p:"p",pre:"pre",strong:"strong",ul:"ul",...(0,i.R)(),...e.components};return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(t.header,{children:(0,s.jsx)(t.h1,{id:"types",children:"Types"})}),"\n",(0,s.jsx)(t.p,{children:"This guide concerns data types from typed languages like TypeScript and describes where they fit within FSD."}),"\n",(0,s.jsx)(t.admonition,{type:"info",children:(0,s.jsx)(t.p,{children:"Is your question not covered by this guide? Post your question by leaving feedback on this article (blue button on the right) and we will consider expanding this guide!"})}),"\n",(0,s.jsx)(t.h2,{id:"utility-types",children:"Utility types"}),"\n",(0,s.jsx)(t.p,{children:"Utility types are types that don't have much meaning on their own and are usually used with other types. For example:"}),"\n",(0,s.jsxs)("figure",{children:[(0,s.jsx)(t.pre,{children:(0,s.jsx)(t.code,{className:"language-ts",children:"type ArrayValues<T extends readonly unknown[]> = T[number];\n"})}),(0,s.jsx)("figcaption",{children:(0,s.jsxs)(t.p,{children:["Source: ",(0,s.jsx)(t.a,{href:"https://github.com/sindresorhus/type-fest/blob/main/source/array-values.d.ts",children:"https://github.com/sindresorhus/type-fest/blob/main/source/array-values.d.ts"})]})})]}),"\n",(0,s.jsxs)(t.p,{children:["To make utility types available across your project, either install a library like ",(0,s.jsx)(t.a,{href:"https://github.com/sindresorhus/type-fest",children:(0,s.jsx)(t.code,{children:"type-fest"})}),", or create your own library in ",(0,s.jsx)(t.code,{children:"shared/lib"}),". Make sure to clearly indicate what new types ",(0,s.jsx)(t.em,{children:"should"})," be added to this library, and what types ",(0,s.jsx)(t.em,{children:"don't belong"})," there. For example, call it ",(0,s.jsx)(t.code,{children:"shared/lib/utility-types"})," and add a README inside that describes what is a utility type in your team."]}),"\n",(0,s.jsx)(t.p,{children:"Don't overestimate the potential reusability of a utility type. Just because it can be reused, doesn't mean it will be, and as such, not every utility type needs to be in Shared. Some utility types are fine right next to where they are needed:"}),"\n",(0,s.jsxs)(t.ul,{children:["\n",(0,s.jsxs)(t.li,{children:["\ud83d\udcc2 pages","\n",(0,s.jsxs)(t.ul,{children:["\n",(0,s.jsxs)(t.li,{children:["\ud83d\udcc2 home","\n",(0,s.jsxs)(t.ul,{children:["\n",(0,s.jsxs)(t.li,{children:["\ud83d\udcc2 api","\n",(0,s.jsxs)(t.ul,{children:["\n",(0,s.jsx)(t.li,{children:"\ud83d\udcc4 ArrayValues.ts (utility type)"}),"\n",(0,s.jsx)(t.li,{children:"\ud83d\udcc4 getMemoryUsageMetrics.ts (the code that uses the utility type)"}),"\n"]}),"\n"]}),"\n"]}),"\n"]}),"\n"]}),"\n"]}),"\n"]}),"\n",(0,s.jsx)(t.admonition,{type:"warning",children:(0,s.jsxs)(t.p,{children:["Resist the temptation to create a ",(0,s.jsx)(t.code,{children:"shared/types"})," folder, or to add a ",(0,s.jsx)(t.code,{children:"types"}),' segment to your slices. The category "types" is similar to the category "components" or "hooks" in that it describes what the contents are, not what they are for. Segments should describe the purpose of the code, not the essence.']})}),"\n",(0,s.jsx)(t.h2,{id:"business-entities-and-their-cross-references",children:"Business entities and their cross-references"}),"\n",(0,s.jsxs)(t.p,{children:["Among the most important types in an app are the types of business entities, i.e. the real-world things that your app works with. For example, in a music streaming app, you might have business entities ",(0,s.jsx)(t.em,{children:"Song"}),", ",(0,s.jsx)(t.em,{children:"Album"}),", etc."]}),"\n",(0,s.jsxs)(t.p,{children:["Business entities often come from the backend, so the first step is to type the backend responses. It's convenient to have a function to make a request to every endpoint, and to type the response of this function. For extra type safety, you may want to run the response through a schema validation library like ",(0,s.jsx)(t.a,{href:"https://zod.dev",children:"Zod"}),"."]}),"\n",(0,s.jsx)(t.p,{children:"For example, if you keep all your requests in Shared, you could do it like this:"}),"\n",(0,s.jsx)(t.pre,{children:(0,s.jsx)(t.code,{className:"language-ts",metastring:'title="shared/api/songs.ts"',children:"import type { Artist } from \"./artists\";\n\ninterface Song {\n  id: number;\n  title: string;\n  artists: Array<Artist>;\n}\n\nexport function listSongs() {\n  return fetch('/api/songs').then((res) => res.json() as Promise<Array<Song>>);\n}\n"})}),"\n",(0,s.jsxs)(t.p,{children:["You might notice that the ",(0,s.jsx)(t.code,{children:"Song"})," type references a different entity, ",(0,s.jsx)(t.code,{children:"Artist"}),". This is a benefit of storing your requests in Shared \u2014 real-world types are often intertwined. If we kept this function in ",(0,s.jsx)(t.code,{children:"entities/song/api"}),", we wouldn't be able to simply import ",(0,s.jsx)(t.code,{children:"Artist"})," from ",(0,s.jsx)(t.code,{children:"entities/artist"}),", because FSD restricts cross-imports between slices with ",(0,s.jsx)(t.a,{href:"/docs/reference/layers#import-rule-on-layers",children:"the import rule on layers"}),":"]}),"\n",(0,s.jsxs)(t.blockquote,{children:["\n",(0,s.jsx)(t.p,{children:"A module in a slice can only import other slices when they are located on layers strictly below."}),"\n"]}),"\n",(0,s.jsx)(t.p,{children:"There are two ways to deal with this issue:"}),"\n",(0,s.jsxs)(t.ol,{children:["\n",(0,s.jsxs)(t.li,{children:["\n",(0,s.jsxs)(t.p,{children:[(0,s.jsx)(t.strong,{children:"Parametrize your types"}),(0,s.jsx)(t.br,{}),"\n","You can make your types accept type arguments as slots for connections with other entities, and even impose constraints on those slots. For example:"]}),"\n",(0,s.jsx)(t.pre,{children:(0,s.jsx)(t.code,{className:"language-ts",metastring:'title="entities/song/model/song.ts"',children:"interface Song<ArtistType extends { id: string }> {\n  id: number;\n  title: string;\n  artists: Array<ArtistType>;\n}\n"})}),"\n",(0,s.jsxs)(t.p,{children:["This works better for some types than others. A simple type like ",(0,s.jsx)(t.code,{children:"Cart = { items: Array<Product> }"})," can easily be made to work with any type of product. More connected types, like ",(0,s.jsx)(t.code,{children:"Country"})," and ",(0,s.jsx)(t.code,{children:"City"}),", may not be as easy to separate."]}),"\n"]}),"\n",(0,s.jsxs)(t.li,{children:["\n",(0,s.jsxs)(t.p,{children:[(0,s.jsx)(t.strong,{children:"Cross-import (but do it right)"}),(0,s.jsx)(t.br,{}),"\n","To make cross-imports between entities in FSD, you can use a special public API specifically for each slice that will be cross-importing. For example, if we have entities ",(0,s.jsx)(t.code,{children:"song"}),", ",(0,s.jsx)(t.code,{children:"artist"}),", and ",(0,s.jsx)(t.code,{children:"playlist"}),", and the latter two need to reference ",(0,s.jsx)(t.code,{children:"song"}),", we can make two special public APIs for both of them in the ",(0,s.jsx)(t.code,{children:"song"})," entity with the ",(0,s.jsx)(t.code,{children:"@x"})," notation:"]}),"\n",(0,s.jsxs)(t.ul,{children:["\n",(0,s.jsxs)(t.li,{children:["\ud83d\udcc2 entities","\n",(0,s.jsxs)(t.ul,{children:["\n",(0,s.jsxs)(t.li,{children:["\ud83d\udcc2 song","\n",(0,s.jsxs)(t.ul,{children:["\n",(0,s.jsxs)(t.li,{children:["\ud83d\udcc2 @x","\n",(0,s.jsxs)(t.ul,{children:["\n",(0,s.jsxs)(t.li,{children:["\ud83d\udcc4 artist.ts (a public API for the ",(0,s.jsx)(t.code,{children:"artist"})," entity to import from)"]}),"\n",(0,s.jsxs)(t.li,{children:["\ud83d\udcc4 playlist.ts (a public API for the ",(0,s.jsx)(t.code,{children:"playlist"})," entity to import from)"]}),"\n"]}),"\n"]}),"\n",(0,s.jsx)(t.li,{children:"\ud83d\udcc4 index.ts (regular public API)"}),"\n"]}),"\n"]}),"\n"]}),"\n"]}),"\n"]}),"\n",(0,s.jsxs)(t.p,{children:["The contents of a file ",(0,s.jsx)(t.code,{children:"\ud83d\udcc4 entities/song/@x/artist.ts"})," are similar to ",(0,s.jsx)(t.code,{children:"\ud83d\udcc4 entities/song/index.ts"}),":"]}),"\n",(0,s.jsx)(t.pre,{children:(0,s.jsx)(t.code,{className:"language-ts",metastring:'title="entities/song/@x/artist.ts"',children:'export type { Song } from "../model/song.ts";\n'})}),"\n",(0,s.jsxs)(t.p,{children:["Then the ",(0,s.jsx)(t.code,{children:"\ud83d\udcc4 entities/artist/model/artist.ts"})," can import ",(0,s.jsx)(t.code,{children:"Song"})," like this:"]}),"\n",(0,s.jsx)(t.pre,{children:(0,s.jsx)(t.code,{className:"language-ts",metastring:'title="entities/artist/model/artist.ts"',children:'import type { Song } from "entities/song/@x/artist";\n\nexport interface Artist {\n  name: string;\n  songs: Array<Song>;\n}\n'})}),"\n",(0,s.jsx)(t.p,{children:"By making explicit connections between entities, we stay on top of inter-dependencies and maintain a decent level of domain separation."}),"\n"]}),"\n"]}),"\n",(0,s.jsx)(t.h2,{id:"data-transfer-objects-and-mappers",children:"Data transfer objects and mappers"}),"\n",(0,s.jsx)(t.p,{children:"Data transfer objects, or DTOs, is a term that describes the shape of data that comes from the backend. Sometimes, the DTO is fine to use as is, but sometimes it's inconvenient for the frontend. That's where mappers come in \u2014 they transform a DTO into a more convenient shape."}),"\n",(0,s.jsx)(t.h3,{id:"where-to-put-dtos",children:"Where to put DTOs"}),"\n",(0,s.jsx)(t.p,{children:"If you have backend types in a separate package (for example, if you share code between the frontend and the backend), then just import your DTOs from there and you're done! If you don't share code between the backend and frontend, then you need to keep DTOs somewhere in your frontend codebase, and we will explore this case below."}),"\n",(0,s.jsxs)(t.p,{children:["If you have your request functions in ",(0,s.jsx)(t.code,{children:"shared/api"}),", that's where the DTOs should be, right next to the function that uses them:"]}),"\n",(0,s.jsx)(t.pre,{children:(0,s.jsx)(t.code,{className:"language-ts",metastring:'title="shared/api/songs.ts"',children:'import type { ArtistDTO } from "./artists";\n\ninterface SongDTO {\n  id: number;\n  title: string;\n  artist_ids: Array<ArtistDTO["id"]>;\n}\n\nexport function listSongs() {\n  return fetch(\'/api/songs\').then((res) => res.json() as Promise<Array<SongDTO>>);\n}\n'})}),"\n",(0,s.jsx)(t.p,{children:"As mentioned in the previous section, storing your requests and DTOs in Shared comes with the benefit of being able to reference other DTOs."}),"\n",(0,s.jsx)(t.h3,{id:"where-to-put-mappers",children:"Where to put mappers"}),"\n",(0,s.jsxs)(t.p,{children:["Mappers are functions that accept a DTO for transformation, and as such, they should be located near the definition of the DTO. In practice this means that if your requests and DTOs are defined in ",(0,s.jsx)(t.code,{children:"shared/api"}),", then the mappers should go there as well:"]}),"\n",(0,s.jsx)(t.pre,{children:(0,s.jsx)(t.code,{className:"language-ts",metastring:'title="shared/api/songs.ts"',children:'import type { ArtistDTO } from "./artists";\n\ninterface SongDTO {\n  id: number;\n  title: string;\n  disc_no: number;\n  artist_ids: Array<ArtistDTO["id"]>;\n}\n\ninterface Song {\n  id: string;\n  title: string;\n  /** The full title of the song, including the disc number. */\n  fullTitle: string;\n  artistIds: Array<string>;\n}\n\nfunction adaptSongDTO(dto: SongDTO): Song {\n  return {\n    id: String(dto.id),\n    title: dto.title,\n    fullTitle: `${dto.disc_no} / ${dto.title}`,\n    artistIds: dto.artist_ids.map(String),\n  };\n}\n\nexport function listSongs() {\n  return fetch(\'/api/songs\').then(async (res) => (await res.json()).map(adaptSongDTO));\n}\n'})}),"\n",(0,s.jsx)(t.p,{children:"If your requests and stores are defined in entity slices, then all this code would go there, keeping in mind the limitations of cross-imports between slices:"}),"\n",(0,s.jsx)(t.pre,{children:(0,s.jsx)(t.code,{className:"language-ts",metastring:'title="entities/song/api/dto.ts"',children:'import type { ArtistDTO } from "entities/artist/@x/song";\n\nexport interface SongDTO {\n  id: number;\n  title: string;\n  disc_no: number;\n  artist_ids: Array<ArtistDTO["id"]>;\n}\n'})}),"\n",(0,s.jsx)(t.pre,{children:(0,s.jsx)(t.code,{className:"language-ts",metastring:'title="entities/song/api/mapper.ts"',children:'import type { SongDTO } from "./dto";\n\nexport interface Song {\n  id: string;\n  title: string;\n  /** The full title of the song, including the disc number. */\n  fullTitle: string;\n  artistIds: Array<string>;\n}\n\nexport function adaptSongDTO(dto: SongDTO): Song {\n  return {\n    id: String(dto.id),\n    title: dto.title,\n    fullTitle: `${dto.disc_no} / ${dto.title}`,\n    artistIds: dto.artist_ids.map(String),\n  };\n}\n'})}),"\n",(0,s.jsx)(t.pre,{children:(0,s.jsx)(t.code,{className:"language-ts",metastring:'title="entities/song/api/listSongs.ts"',children:"import { adaptSongDTO } from \"./mapper\";\n\nexport function listSongs() {\n  return fetch('/api/songs').then(async (res) => (await res.json()).map(adaptSongDTO));\n}\n"})}),"\n",(0,s.jsx)(t.pre,{children:(0,s.jsx)(t.code,{className:"language-ts",metastring:'title="entities/song/model/songs.ts"',children:'import { createSlice, createEntityAdapter } from "@reduxjs/toolkit";\n\nimport { listSongs } from "../api/listSongs";\n\nexport const fetchSongs = createAsyncThunk(\'songs/fetchSongs\', listSongs);\n\nconst songAdapter = createEntityAdapter();\nconst songsSlice = createSlice({\n  name: "songs",\n  initialState: songAdapter.getInitialState(),\n  reducers: {},\n  extraReducers: (builder) => {\n    builder.addCase(fetchSongs.fulfilled, (state, action) => {\n      songAdapter.upsertMany(state, action.payload);\n    })\n  },\n});\n'})}),"\n",(0,s.jsx)(t.h3,{id:"how-to-deal-with-nested-dtos",children:"How to deal with nested DTOs"}),"\n",(0,s.jsxs)(t.p,{children:["The most problematic part is when a response from the backend contains several entities. For example, if the song included not just the authors' IDs, but the entire author objects. In this case, it is impossible for entities not to know about each other (unless we want to discard the data or have a firm conversation with the backend team). Instead of coming up with solutions for indirect connections between slices (such as a common middleware that would dispatch actions to other slices), prefer explicit cross-imports with the ",(0,s.jsx)(t.code,{children:"@x"})," notation. Here is how we can implement it with Redux Toolkit:"]}),"\n",(0,s.jsx)(t.pre,{children:(0,s.jsx)(t.code,{className:"language-ts",metastring:'title="entities/song/model/songs.ts"',children:"import {\n  createSlice,\n  createEntityAdapter,\n  createAsyncThunk,\n  createSelector,\n} from '@reduxjs/toolkit'\nimport { normalize, schema } from 'normalizr'\n\nimport { getSong } from \"../api/getSong\";\n\n// Define normalizr entity schemas\nexport const artistEntity = new schema.Entity('artists')\nexport const songEntity = new schema.Entity('songs', {\n  artists: [artistEntity],\n})\n\nconst songAdapter = createEntityAdapter()\n\nexport const fetchSong = createAsyncThunk(\n  'songs/fetchSong',\n  async (id: string) => {\n    const data = await getSong(id)\n    // Normalize the data so reducers can load a predictable payload, like:\n    // `action.payload = { songs: {}, artists: {} }`\n    const normalized = normalize(data, songEntity)\n    return normalized.entities\n  }\n)\n\nexport const slice = createSlice({\n  name: 'songs',\n  initialState: songAdapter.getInitialState(),\n  reducers: {},\n  extraReducers: (builder) => {\n    builder.addCase(fetchSong.fulfilled, (state, action) => {\n      songAdapter.upsertMany(state, action.payload.songs)\n    })\n  },\n})\n\nconst reducer = slice.reducer\nexport default reducer\n"})}),"\n",(0,s.jsx)(t.pre,{children:(0,s.jsx)(t.code,{className:"language-ts",metastring:'title="entities/song/@x/artist.ts"',children:'export { fetchSong } from "../model/songs";\n'})}),"\n",(0,s.jsx)(t.pre,{children:(0,s.jsx)(t.code,{className:"language-ts",metastring:'title="entities/artist/model/artists.ts"',children:"import { createSlice, createEntityAdapter } from '@reduxjs/toolkit'\n\nimport { fetchSong } from 'entities/song/@x/artist'\n\nconst artistAdapter = createEntityAdapter()\n\nexport const slice = createSlice({\n  name: 'users',\n  initialState: artistAdapter.getInitialState(),\n  reducers: {},\n  extraReducers: (builder) => {\n    builder.addCase(fetchSong.fulfilled, (state, action) => {\n      // And handle the same fetch result by inserting the artists here\n      usersAdapter.upsertMany(state, action.payload.users)\n    })\n  },\n})\n\nconst reducer = slice.reducer\nexport default reducer\n"})}),"\n",(0,s.jsx)(t.p,{children:"This slightly limits the benefits of slice isolation, but it accurately represents a connection between these two entities that we have no control over. If these entities are to ever be refactored, they have to be refactored together."}),"\n",(0,s.jsx)(t.h2,{id:"global-types-and-redux",children:"Global types and Redux"}),"\n",(0,s.jsx)(t.p,{children:"Global types are types that will be used across the whole application. There are two kinds of global types, based on what they need to know about:"}),"\n",(0,s.jsxs)(t.ol,{children:["\n",(0,s.jsx)(t.li,{children:"Generic types that don't have any application specifics"}),"\n",(0,s.jsx)(t.li,{children:"Types that need to know about the whole application"}),"\n"]}),"\n",(0,s.jsxs)(t.p,{children:["The first case is simple to resolve \u2014 place your types in Shared, in an appropriate segment. For example, if you have an interface for a global variable for analytics, you can put it in ",(0,s.jsx)(t.code,{children:"shared/analytics"}),"."]}),"\n",(0,s.jsx)(t.admonition,{type:"warning",children:(0,s.jsxs)(t.p,{children:["Avoid creating the ",(0,s.jsx)(t.code,{children:"shared/types"}),' folder. It groups unrelated things based only on the property of "being a type", and that property is usually not useful when searching for code in a project.']})}),"\n",(0,s.jsx)(t.p,{children:"The second case is commonly encountered in projects with Redux without RTK. Your final store type is only available once you add all the reducers together, but this store type needs to be available to selectors that you use across the app. For example, here's your typical store definition:"}),"\n",(0,s.jsx)(t.pre,{children:(0,s.jsx)(t.code,{className:"language-ts",metastring:'title="app/store/index.ts"',children:'import { combineReducers, rootReducer } from "redux";\n\nimport { songReducer } from "entities/song";\nimport { artistReducer } from "entities/artist";\n\nconst rootReducer = combineReducers(songReducer, artistReducer);\n\nconst store = createStore(rootReducer);\n\ntype RootState = ReturnType<typeof rootReducer>;\ntype AppDispatch = typeof store.dispatch;\n'})}),"\n",(0,s.jsxs)(t.p,{children:["It would be nice to have typed Redux hooks ",(0,s.jsx)(t.code,{children:"useAppDispatch"})," and ",(0,s.jsx)(t.code,{children:"useAppSelector"})," in ",(0,s.jsx)(t.code,{children:"shared/store"}),", but they cannot import ",(0,s.jsx)(t.code,{children:"RootState"})," and ",(0,s.jsx)(t.code,{children:"AppDispatch"})," from the App layer due to the ",(0,s.jsx)(t.a,{href:"/docs/reference/layers#import-rule-on-layers",children:"import rule on layers"}),":"]}),"\n",(0,s.jsxs)(t.blockquote,{children:["\n",(0,s.jsx)(t.p,{children:"A module in a slice can only import other slices when they are located on layers strictly below."}),"\n"]}),"\n",(0,s.jsxs)(t.p,{children:["The recommended solution in this case is to create an implicit dependency between layers Shared and App. These two types, ",(0,s.jsx)(t.code,{children:"RootState"})," and ",(0,s.jsx)(t.code,{children:"AppDispatch"})," are unlikely to change, and they will be familiar to Redux developers, so we don't have to worry about them as much."]}),"\n",(0,s.jsx)(t.p,{children:"In TypeScript, you can do it by declaring the types as global like this:"}),"\n",(0,s.jsx)(t.pre,{children:(0,s.jsx)(t.code,{className:"language-ts",metastring:'title="app/store/index.ts"',children:"/* same content as in the code block before\u2026 */\n\ndeclare type RootState = ReturnType<typeof rootReducer>;\ndeclare type AppDispatch = typeof store.dispatch;\n"})}),"\n",(0,s.jsx)(t.pre,{children:(0,s.jsx)(t.code,{className:"language-ts",metastring:'title="shared/store/index.ts"',children:'import { useDispatch, useSelector, type TypedUseSelectorHook } from "react-redux";\n\nexport const useAppDispatch = useDispatch.withTypes<AppDispatch>()\nexport const useAppSelector: TypedUseSelectorHook<RootState> = useSelector;\n'})}),"\n",(0,s.jsx)(t.h2,{id:"enums",children:"Enums"}),"\n",(0,s.jsxs)(t.p,{children:["The general rule with enums is that they should be defined ",(0,s.jsx)(t.strong,{children:"as close to the usage locations as possible"}),". When an enum represents values specific to a single feature, it should be defined in that same feature."]}),"\n",(0,s.jsxs)(t.p,{children:["The choice of segment should be dictated by usage locations as well. If your enum contains, for example, positions of a toast on the screen, it should be placed in the ",(0,s.jsx)(t.code,{children:"ui"})," segment. If it represents the loading state of a backend operation, it should be placed in the ",(0,s.jsx)(t.code,{children:"api"})," segment."]}),"\n",(0,s.jsxs)(t.p,{children:["Some enums are truly common across the whole project, like general backend response statuses or design system tokens. In this case, you can place them in Shared, and choose the segment based on what the enum represents (",(0,s.jsx)(t.code,{children:"api"})," for response statuses, ",(0,s.jsx)(t.code,{children:"ui"})," for design tokens, etc.)."]}),"\n",(0,s.jsx)(t.h2,{id:"type-validation-schemas-and-zod",children:"Type validation schemas and Zod"}),"\n",(0,s.jsxs)(t.p,{children:["If you want to validate that your data conforms to a certain shape or constraints, you can define a validation schema. In TypeScript, a popular library for this job is ",(0,s.jsx)(t.a,{href:"https://zod.dev",children:"Zod"}),". Validation schemas should also be colocated with the code that uses them, as much as possible."]}),"\n",(0,s.jsxs)(t.p,{children:["Validation schemas are similar to mappers (as discussed in the ",(0,s.jsx)(t.a,{href:"#data-transfer-objects-and-mappers",children:"Data transfer objects and mappers"})," section) in the sense that they take a data transfer object and parse it, producing an error if the parsing fails."]}),"\n",(0,s.jsxs)(t.p,{children:["One of the most common cases of validation is for the data that comes from the backend. Typically, you want to fail the request when the data doesn't match the schema, so it makes sense to put the schema in the same place as the request function, which is usually the ",(0,s.jsx)(t.code,{children:"api"})," segment."]}),"\n",(0,s.jsxs)(t.p,{children:["If your data comes through user input, like a form, the validation should happen as the data is being entered. You can place your schema in the ",(0,s.jsx)(t.code,{children:"ui"})," segment, next to the form component, or in the ",(0,s.jsx)(t.code,{children:"model"})," segment, if the ",(0,s.jsx)(t.code,{children:"ui"})," segment is too crowded."]}),"\n",(0,s.jsx)(t.h2,{id:"typings-of-component-props-and-context",children:"Typings of component props and context"}),"\n",(0,s.jsxs)(t.p,{children:["In general, it's best to keep the props or context interface in the same file as the component or context that uses them. If you have a framework with single-file components, like Vue or Svelte, and you can't define the props interface in the same file, or you want to share that interface between several components, create a separate file in the same folder, typically, the ",(0,s.jsx)(t.code,{children:"ui"})," segment."]}),"\n",(0,s.jsx)(t.p,{children:"Here's an example with JSX (React or Solid):"}),"\n",(0,s.jsx)(t.pre,{children:(0,s.jsx)(t.code,{className:"language-ts",metastring:'title="pages/home/ui/RecentActions.tsx"',children:"interface RecentActionsProps {\n  actions: Array<{ id: string; text: string }>;\n}\n\nexport function RecentActions({ actions }: RecentActionsProps) {\n  /* \u2026 */\n}\n"})}),"\n",(0,s.jsx)(t.p,{children:"And here's an example with the interface stored in a separate file for Vue:"}),"\n",(0,s.jsx)(t.pre,{children:(0,s.jsx)(t.code,{className:"language-ts",metastring:'title="pages/home/ui/RecentActionsProps.ts"',children:"export interface RecentActionsProps {\n  actions: Array<{ id: string; text: string }>;\n}\n"})}),"\n",(0,s.jsx)(t.pre,{children:(0,s.jsx)(t.code,{className:"language-html",metastring:'title="pages/home/ui/RecentActions.vue"',children:'<script setup lang="ts">\n  import type { RecentActionsProps } from "./RecentActionsProps";\n\n  const props = defineProps<RecentActionsProps>();\n<\/script>\n'})}),"\n",(0,s.jsxs)(t.h2,{id:"ambient-declaration-files-dts",children:["Ambient declaration files (",(0,s.jsx)(t.code,{children:"*.d.ts"}),")"]}),"\n",(0,s.jsxs)(t.p,{children:["Some packages, for example, ",(0,s.jsx)(t.a,{href:"https://vitejs.dev",children:"Vite"})," or ",(0,s.jsx)(t.a,{href:"https://www.totaltypescript.com/ts-reset",children:"ts-reset"}),", require ambient declaration files to work across your app. Usually, they aren't large or complicated, so they often don't require any architecting, it's fine to just throw them in the ",(0,s.jsx)(t.code,{children:"src/"})," folder. To keep the ",(0,s.jsx)(t.code,{children:"src"})," more organized, you can keep them on the App layer, in ",(0,s.jsx)(t.code,{children:"app/ambient/"}),"."]}),"\n",(0,s.jsxs)(t.p,{children:["Other packages simply don't have typings, and you might want to declare them as untyped or even write your own typings for them. A good place for those typings would be ",(0,s.jsx)(t.code,{children:"shared/lib"}),", in a folder like ",(0,s.jsx)(t.code,{children:"shared/lib/untyped-packages"}),". Create a ",(0,s.jsx)(t.code,{children:"%LIBRARY_NAME%.d.ts"})," file there and declare the types you need:"]}),"\n",(0,s.jsx)(t.pre,{children:(0,s.jsx)(t.code,{className:"language-ts",metastring:'title="shared/lib/untyped-packages/use-react-screenshot.d.ts"',children:"// This library doesn't have typings, and we didn't want to bother writing our own.\ndeclare module \"use-react-screenshot\";\n"})}),"\n",(0,s.jsx)(t.h2,{id:"auto-generation-of-types",children:"Auto-generation of types"}),"\n",(0,s.jsxs)(t.p,{children:["It's common to generate types from external sources, for example, generating backend types from an OpenAPI schema. In this case, create a dedicated place in your codebase for these types, like ",(0,s.jsx)(t.code,{children:"shared/api/openapi"}),". Ideally, you should also include a README in that folder that describes what these files are, how to regenerate them, etc."]})]})}function h(e={}){const{wrapper:t}={...(0,i.R)(),...e.components};return t?(0,s.jsx)(t,{...e,children:(0,s.jsx)(l,{...e})}):l(e)}},1100:(e,t,n)=>{n.d(t,{R:()=>o,x:()=>a});var s=n(758);const i={},r=s.createContext(i);function o(e){const t=s.useContext(r);return s.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function a(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(i):e.components||i:o(e.components),s.createElement(r.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
diff --git a/kr/assets/js/7052487b.f6b40a77.js b/kr/assets/js/7052487b.f7b6b691.js
similarity index 98%
rename from kr/assets/js/7052487b.f6b40a77.js
rename to kr/assets/js/7052487b.f7b6b691.js
index 1ac3c9464f..c049632006 100644
--- a/kr/assets/js/7052487b.f6b40a77.js
+++ b/kr/assets/js/7052487b.f7b6b691.js
@@ -1,2 +1,2 @@
-/*! For license information please see 7052487b.f6b40a77.js.LICENSE.txt */
-"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[4704],{7946:(e,t,n)=>{n.d(t,{Ay:()=>o,RM:()=>c});var s=n(6070),r=n(1100),a=n(5988);const c=[];function i(e){return(0,s.jsx)(a.A,{...e})}function o(e={}){const{wrapper:t}={...(0,r.R)(),...e.components};return t?(0,s.jsx)(t,{...e,children:(0,s.jsx)(i,{...e})}):i(e)}},9606:(e,t,n)=>{n.r(t),n.d(t,{assets:()=>M,contentTitle:()=>_,default:()=>k,frontMatter:()=>v,metadata:()=>j,toc:()=>A});var s=n(6070),r=n(1100),a=n(991),c=n(758);const i={icon:{tag:"svg",attrs:{viewBox:"64 64 896 896",focusable:"false"},children:[{tag:"path",attrs:{d:"M864 736c0-111.6-65.4-208-160-252.9V317.3c0-15.1-5.3-29.7-15.1-41.2L536.5 95.4C530.1 87.8 521 84 512 84s-18.1 3.8-24.5 11.4L335.1 276.1a63.97 63.97 0 00-15.1 41.2v165.8C225.4 528 160 624.4 160 736h156.5c-2.3 7.2-3.5 15-3.5 23.8 0 22.1 7.6 43.7 21.4 60.8a97.2 97.2 0 0043.1 30.6c23.1 54 75.6 88.8 134.5 88.8 29.1 0 57.3-8.6 81.4-24.8 23.6-15.8 41.9-37.9 53-64a97 97 0 0043.1-30.5 97.52 97.52 0 0021.4-60.8c0-8.4-1.1-16.4-3.1-23.8H864zM762.3 621.4c9.4 14.6 17 30.3 22.5 46.6H700V558.7a211.6 211.6 0 0162.3 62.7zM388 483.1V318.8l124-147 124 147V668H388V483.1zM239.2 668c5.5-16.3 13.1-32 22.5-46.6 16.3-25.2 37.5-46.5 62.3-62.7V668h-84.8zm388.9 116.2c-5.2 3-11.2 4.2-17.1 3.4l-19.5-2.4-2.8 19.4c-5.4 37.9-38.4 66.5-76.7 66.5-38.3 0-71.3-28.6-76.7-66.5l-2.8-19.5-19.5 2.5a27.7 27.7 0 01-17.1-3.5c-8.7-5-14.1-14.3-14.1-24.4 0-10.6 5.9-19.4 14.6-23.8h231.3c8.8 4.5 14.6 13.3 14.6 23.8-.1 10.2-5.5 19.6-14.2 24.5zM464 400a48 48 0 1096 0 48 48 0 10-96 0z"}}]},name:"rocket",theme:"outlined"};var o=n(9820),d=function(e,t){return c.createElement(o.A,(0,a.A)({},e,{ref:t,icon:i}))};const l=c.forwardRef(d);const u={icon:{tag:"svg",attrs:{viewBox:"64 64 896 896",focusable:"false"},children:[{tag:"path",attrs:{d:"M442.3 677.6l199.4-156.7a11.3 11.3 0 000-17.7L442.3 346.4c-7.4-5.8-18.3-.6-18.3 8.8v313.5c0 9.4 10.9 14.7 18.3 8.9z"}},{tag:"path",attrs:{d:"M880 112H144c-17.7 0-32 14.3-32 32v736c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V144c0-17.7-14.3-32-32-32zm-40 728H184V184h656v656z"}}]},name:"play-square",theme:"outlined"};var m=function(e,t){return c.createElement(o.A,(0,a.A)({},e,{ref:t,icon:u}))};const p=c.forwardRef(m);const h={icon:{tag:"svg",attrs:{viewBox:"64 64 896 896",focusable:"false"},children:[{tag:"path",attrs:{d:"M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z"}},{tag:"path",attrs:{d:"M623.6 316.7C593.6 290.4 554 276 512 276s-81.6 14.5-111.6 40.7C369.2 344 352 380.7 352 420v7.6c0 4.4 3.6 8 8 8h48c4.4 0 8-3.6 8-8V420c0-44.1 43.1-80 96-80s96 35.9 96 80c0 31.1-22 59.6-56.1 72.7-21.2 8.1-39.2 22.3-52.1 40.9-13.1 19-19.9 41.8-19.9 64.9V620c0 4.4 3.6 8 8 8h48c4.4 0 8-3.6 8-8v-22.7a48.3 48.3 0 0130.9-44.8c59-22.7 97.1-74.7 97.1-132.5.1-39.3-17.1-76-48.3-103.3zM472 732a40 40 0 1080 0 40 40 0 10-80 0z"}}]},name:"question-circle",theme:"outlined"};var f=function(e,t){return c.createElement(o.A,(0,a.A)({},e,{ref:t,icon:h}))};const g=c.forwardRef(f);var x=n(7946);const v={hide_table_of_contents:!0,pagination_prev:"intro"},_="\ud83d\ude80 Get Started",j={id:"get-started/index",title:"\ud83d\ude80 Get Started",description:"\ud658\uc601\ud569\ub2c8\ub2e4! \uc774 \uc139\uc158\uc740 Feature-Sliced Design\uc758 \uc801\uc6a9\uacfc \ubc29\ubc95\ub860\uc758 \uae30\ubcf8\uc744 \uc775\ud788\ub294 \ub370 \ub3c4\uc6c0\uc744 \uc90d\ub2c8\ub2e4. \ub610\ud55c \uc774 \ubc29\ubc95\ub860\uc758 \uc8fc\uc694 \uc7a5\uc810\uacfc \uadf8\uac83\uc774 \ub9cc\ub4e4\uc5b4\uc9c4 \uc774\uc720\ub97c \uc774\ud574\ud558\uac8c \ub420 \uac83\uc785\ub2c8\ub2e4.",source:"@site/i18n/kr/docusaurus-plugin-content-docs/current/get-started/index.mdx",sourceDirName:"get-started",slug:"/get-started/",permalink:"/kr/docs/get-started/",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/kr/docusaurus-plugin-content-docs/current/get-started/index.mdx",tags:[],version:"current",lastUpdatedAt:1727607766e3,frontMatter:{hide_table_of_contents:!0,pagination_prev:"intro"},sidebar:"getstartedSidebar",previous:{title:"Documentation",permalink:"/kr/docs/"},next:{title:"\ub458\ub7ec\ubcf4\uae30",permalink:"/kr/docs/get-started/overview"}},M={},A=[...x.RM,...x.RM,...x.RM];function b(e){const t={h1:"h1",header:"header",p:"p",...(0,r.R)(),...e.components};return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(t.header,{children:(0,s.jsx)(t.h1,{id:"-get-started",children:"\ud83d\ude80 Get Started"})}),"\n",(0,s.jsx)("p",{class:"summary",children:(0,s.jsx)(t.p,{children:"\ud658\uc601\ud569\ub2c8\ub2e4! \uc774 \uc139\uc158\uc740 Feature-Sliced Design\uc758 \uc801\uc6a9\uacfc \ubc29\ubc95\ub860\uc758 \uae30\ubcf8\uc744 \uc775\ud788\ub294 \ub370 \ub3c4\uc6c0\uc744 \uc90d\ub2c8\ub2e4. \ub610\ud55c \uc774 \ubc29\ubc95\ub860\uc758 \uc8fc\uc694 \uc7a5\uc810\uacfc \uadf8\uac83\uc774 \ub9cc\ub4e4\uc5b4\uc9c4 \uc774\uc720\ub97c \uc774\ud574\ud558\uac8c \ub420 \uac83\uc785\ub2c8\ub2e4."})}),"\n",(0,s.jsx)(x.Ay,{title:"\uac1c\uc694",description:"\ubc29\ubc95\ub860\uc758 \uac1c\ub150\uacfc \uc0ac\uc6a9\uc5d0 \ub300\ud55c \uac04\ub2e8\ud55c \uac1c\uc694",to:"/docs/get-started/overview",Icon:l}),"\n",(0,s.jsx)(x.Ay,{title:"\ud29c\ud1a0\ub9ac\uc5bc",description:"FSD \uc0ac\uc6a9\uc5d0 \ub300\ud55c \uc785\ubb38 \ud29c\ud1a0\ub9ac\uc5bc",to:"/docs/get-started/tutorial",Icon:p}),"\n",(0,s.jsx)(x.Ay,{title:"FAQ",description:"\uc790\uc8fc \ubb3b\ub294 \uc9c8\ubb38",to:"/docs/get-started/faq",Icon:g}),"\n"]})}function k(e={}){const{wrapper:t}={...(0,r.R)(),...e.components};return t?(0,s.jsx)(t,{...e,children:(0,s.jsx)(b,{...e})}):b(e)}},5988:(e,t,n)=>{n.d(t,{Y:()=>i,A:()=>d});n(758);var s=n(3526),r=n(6783);const a={root:"root_GfON",rootDisabled:"rootDisabled_SFUB",details:"details_xxkR",detailsTags:"detailsTags_uTQx",icon:"icon_ciqP",title:"title_pSH5",description:"description__Fep",miniTheme:"miniTheme_ePfp",primaryTheme:"primaryTheme_CilO",defaultTheme:"defaultTheme_j3I8"};var c=n(6070);const i=e=>{const{title:t,description:n,to:i,Icon:d,tags:l,className:u,disabled:m,theme:p="default"}=e;return(0,c.jsxs)(r.A,{className:(0,s.A)(a.root,u,m&&a.rootDisabled,a[`${p}Theme`]),to:i,children:[(0,c.jsx)(o,{Icon:d}),(0,c.jsxs)("div",{className:a.details,children:[(0,c.jsxs)("div",{className:a.detailsMain,children:[(0,c.jsx)("span",{className:a.title,children:t}),(0,c.jsx)("p",{className:a.description,children:n})]}),l&&(0,c.jsx)("div",{className:a.detailsTags,children:l.join(" \u2022 ")})]})]})},o=e=>{let{Icon:t}=e;return t?"string"==typeof t?(0,c.jsx)("span",{className:a.icon,children:t}):(0,c.jsx)(t,{className:a.icon}):null},d=i},1100:(e,t,n)=>{n.d(t,{R:()=>c,x:()=>i});var s=n(758);const r={},a=s.createContext(r);function c(e){const t=s.useContext(a);return s.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function i(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(r):e.components||r:c(e.components),s.createElement(a.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
+/*! For license information please see 7052487b.f7b6b691.js.LICENSE.txt */
+"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[4704],{7946:(e,t,n)=>{n.d(t,{Ay:()=>o,RM:()=>c});var s=n(6070),r=n(1100),a=n(5988);const c=[];function i(e){return(0,s.jsx)(a.A,{...e})}function o(e={}){const{wrapper:t}={...(0,r.R)(),...e.components};return t?(0,s.jsx)(t,{...e,children:(0,s.jsx)(i,{...e})}):i(e)}},9606:(e,t,n)=>{n.r(t),n.d(t,{assets:()=>M,contentTitle:()=>_,default:()=>k,frontMatter:()=>v,metadata:()=>j,toc:()=>A});var s=n(6070),r=n(1100),a=n(991),c=n(758);const i={icon:{tag:"svg",attrs:{viewBox:"64 64 896 896",focusable:"false"},children:[{tag:"path",attrs:{d:"M864 736c0-111.6-65.4-208-160-252.9V317.3c0-15.1-5.3-29.7-15.1-41.2L536.5 95.4C530.1 87.8 521 84 512 84s-18.1 3.8-24.5 11.4L335.1 276.1a63.97 63.97 0 00-15.1 41.2v165.8C225.4 528 160 624.4 160 736h156.5c-2.3 7.2-3.5 15-3.5 23.8 0 22.1 7.6 43.7 21.4 60.8a97.2 97.2 0 0043.1 30.6c23.1 54 75.6 88.8 134.5 88.8 29.1 0 57.3-8.6 81.4-24.8 23.6-15.8 41.9-37.9 53-64a97 97 0 0043.1-30.5 97.52 97.52 0 0021.4-60.8c0-8.4-1.1-16.4-3.1-23.8H864zM762.3 621.4c9.4 14.6 17 30.3 22.5 46.6H700V558.7a211.6 211.6 0 0162.3 62.7zM388 483.1V318.8l124-147 124 147V668H388V483.1zM239.2 668c5.5-16.3 13.1-32 22.5-46.6 16.3-25.2 37.5-46.5 62.3-62.7V668h-84.8zm388.9 116.2c-5.2 3-11.2 4.2-17.1 3.4l-19.5-2.4-2.8 19.4c-5.4 37.9-38.4 66.5-76.7 66.5-38.3 0-71.3-28.6-76.7-66.5l-2.8-19.5-19.5 2.5a27.7 27.7 0 01-17.1-3.5c-8.7-5-14.1-14.3-14.1-24.4 0-10.6 5.9-19.4 14.6-23.8h231.3c8.8 4.5 14.6 13.3 14.6 23.8-.1 10.2-5.5 19.6-14.2 24.5zM464 400a48 48 0 1096 0 48 48 0 10-96 0z"}}]},name:"rocket",theme:"outlined"};var o=n(9820),d=function(e,t){return c.createElement(o.A,(0,a.A)({},e,{ref:t,icon:i}))};const l=c.forwardRef(d);const u={icon:{tag:"svg",attrs:{viewBox:"64 64 896 896",focusable:"false"},children:[{tag:"path",attrs:{d:"M442.3 677.6l199.4-156.7a11.3 11.3 0 000-17.7L442.3 346.4c-7.4-5.8-18.3-.6-18.3 8.8v313.5c0 9.4 10.9 14.7 18.3 8.9z"}},{tag:"path",attrs:{d:"M880 112H144c-17.7 0-32 14.3-32 32v736c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V144c0-17.7-14.3-32-32-32zm-40 728H184V184h656v656z"}}]},name:"play-square",theme:"outlined"};var m=function(e,t){return c.createElement(o.A,(0,a.A)({},e,{ref:t,icon:u}))};const p=c.forwardRef(m);const h={icon:{tag:"svg",attrs:{viewBox:"64 64 896 896",focusable:"false"},children:[{tag:"path",attrs:{d:"M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z"}},{tag:"path",attrs:{d:"M623.6 316.7C593.6 290.4 554 276 512 276s-81.6 14.5-111.6 40.7C369.2 344 352 380.7 352 420v7.6c0 4.4 3.6 8 8 8h48c4.4 0 8-3.6 8-8V420c0-44.1 43.1-80 96-80s96 35.9 96 80c0 31.1-22 59.6-56.1 72.7-21.2 8.1-39.2 22.3-52.1 40.9-13.1 19-19.9 41.8-19.9 64.9V620c0 4.4 3.6 8 8 8h48c4.4 0 8-3.6 8-8v-22.7a48.3 48.3 0 0130.9-44.8c59-22.7 97.1-74.7 97.1-132.5.1-39.3-17.1-76-48.3-103.3zM472 732a40 40 0 1080 0 40 40 0 10-80 0z"}}]},name:"question-circle",theme:"outlined"};var f=function(e,t){return c.createElement(o.A,(0,a.A)({},e,{ref:t,icon:h}))};const g=c.forwardRef(f);var x=n(7946);const v={hide_table_of_contents:!0,pagination_prev:"intro"},_="\ud83d\ude80 Get Started",j={id:"get-started/index",title:"\ud83d\ude80 Get Started",description:"\ud658\uc601\ud569\ub2c8\ub2e4! \uc774 \uc139\uc158\uc740 Feature-Sliced Design\uc758 \uc801\uc6a9\uacfc \ubc29\ubc95\ub860\uc758 \uae30\ubcf8\uc744 \uc775\ud788\ub294 \ub370 \ub3c4\uc6c0\uc744 \uc90d\ub2c8\ub2e4. \ub610\ud55c \uc774 \ubc29\ubc95\ub860\uc758 \uc8fc\uc694 \uc7a5\uc810\uacfc \uadf8\uac83\uc774 \ub9cc\ub4e4\uc5b4\uc9c4 \uc774\uc720\ub97c \uc774\ud574\ud558\uac8c \ub420 \uac83\uc785\ub2c8\ub2e4.",source:"@site/i18n/kr/docusaurus-plugin-content-docs/current/get-started/index.mdx",sourceDirName:"get-started",slug:"/get-started/",permalink:"/kr/docs/get-started/",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/kr/docusaurus-plugin-content-docs/current/get-started/index.mdx",tags:[],version:"current",lastUpdatedAt:1728325386e3,frontMatter:{hide_table_of_contents:!0,pagination_prev:"intro"},sidebar:"getstartedSidebar",previous:{title:"Documentation",permalink:"/kr/docs/"},next:{title:"\ub458\ub7ec\ubcf4\uae30",permalink:"/kr/docs/get-started/overview"}},M={},A=[...x.RM,...x.RM,...x.RM];function b(e){const t={h1:"h1",header:"header",p:"p",...(0,r.R)(),...e.components};return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(t.header,{children:(0,s.jsx)(t.h1,{id:"-get-started",children:"\ud83d\ude80 Get Started"})}),"\n",(0,s.jsx)("p",{class:"summary",children:(0,s.jsx)(t.p,{children:"\ud658\uc601\ud569\ub2c8\ub2e4! \uc774 \uc139\uc158\uc740 Feature-Sliced Design\uc758 \uc801\uc6a9\uacfc \ubc29\ubc95\ub860\uc758 \uae30\ubcf8\uc744 \uc775\ud788\ub294 \ub370 \ub3c4\uc6c0\uc744 \uc90d\ub2c8\ub2e4. \ub610\ud55c \uc774 \ubc29\ubc95\ub860\uc758 \uc8fc\uc694 \uc7a5\uc810\uacfc \uadf8\uac83\uc774 \ub9cc\ub4e4\uc5b4\uc9c4 \uc774\uc720\ub97c \uc774\ud574\ud558\uac8c \ub420 \uac83\uc785\ub2c8\ub2e4."})}),"\n",(0,s.jsx)(x.Ay,{title:"\uac1c\uc694",description:"\ubc29\ubc95\ub860\uc758 \uac1c\ub150\uacfc \uc0ac\uc6a9\uc5d0 \ub300\ud55c \uac04\ub2e8\ud55c \uac1c\uc694",to:"/docs/get-started/overview",Icon:l}),"\n",(0,s.jsx)(x.Ay,{title:"\ud29c\ud1a0\ub9ac\uc5bc",description:"FSD \uc0ac\uc6a9\uc5d0 \ub300\ud55c \uc785\ubb38 \ud29c\ud1a0\ub9ac\uc5bc",to:"/docs/get-started/tutorial",Icon:p}),"\n",(0,s.jsx)(x.Ay,{title:"FAQ",description:"\uc790\uc8fc \ubb3b\ub294 \uc9c8\ubb38",to:"/docs/get-started/faq",Icon:g}),"\n"]})}function k(e={}){const{wrapper:t}={...(0,r.R)(),...e.components};return t?(0,s.jsx)(t,{...e,children:(0,s.jsx)(b,{...e})}):b(e)}},5988:(e,t,n)=>{n.d(t,{Y:()=>i,A:()=>d});n(758);var s=n(3526),r=n(6783);const a={root:"root_GfON",rootDisabled:"rootDisabled_SFUB",details:"details_xxkR",detailsTags:"detailsTags_uTQx",icon:"icon_ciqP",title:"title_pSH5",description:"description__Fep",miniTheme:"miniTheme_ePfp",primaryTheme:"primaryTheme_CilO",defaultTheme:"defaultTheme_j3I8"};var c=n(6070);const i=e=>{const{title:t,description:n,to:i,Icon:d,tags:l,className:u,disabled:m,theme:p="default"}=e;return(0,c.jsxs)(r.A,{className:(0,s.A)(a.root,u,m&&a.rootDisabled,a[`${p}Theme`]),to:i,children:[(0,c.jsx)(o,{Icon:d}),(0,c.jsxs)("div",{className:a.details,children:[(0,c.jsxs)("div",{className:a.detailsMain,children:[(0,c.jsx)("span",{className:a.title,children:t}),(0,c.jsx)("p",{className:a.description,children:n})]}),l&&(0,c.jsx)("div",{className:a.detailsTags,children:l.join(" \u2022 ")})]})]})},o=e=>{let{Icon:t}=e;return t?"string"==typeof t?(0,c.jsx)("span",{className:a.icon,children:t}):(0,c.jsx)(t,{className:a.icon}):null},d=i},1100:(e,t,n)=>{n.d(t,{R:()=>c,x:()=>i});var s=n(758);const r={},a=s.createContext(r);function c(e){const t=s.useContext(a);return s.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function i(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(r):e.components||r:c(e.components),s.createElement(a.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
diff --git a/kr/assets/js/7052487b.f6b40a77.js.LICENSE.txt b/kr/assets/js/7052487b.f7b6b691.js.LICENSE.txt
similarity index 100%
rename from kr/assets/js/7052487b.f6b40a77.js.LICENSE.txt
rename to kr/assets/js/7052487b.f7b6b691.js.LICENSE.txt
diff --git a/kr/assets/js/7313bf7a.258507e0.js b/kr/assets/js/7313bf7a.258507e0.js
deleted file mode 100644
index 1f7712f986..0000000000
--- a/kr/assets/js/7313bf7a.258507e0.js
+++ /dev/null
@@ -1 +0,0 @@
-"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[25],{7497:(e,t,i)=>{i.r(t),i.d(t,{assets:()=>d,contentTitle:()=>a,default:()=>m,frontMatter:()=>o,metadata:()=>c,toc:()=>l});var n=i(6070),s=i(1100),r=i(1928);const o={sidebar_class_name:"sidebar-item--wip",sidebar_position:2},a="Team",c={id:"team",title:"Team",description:"Core-team",source:"@site/i18n/en/docusaurus-plugin-content-docs/community/team.mdx",sourceDirName:".",slug:"/team",permalink:"/kr/community/team",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/community/team.mdx",tags:[],version:"current",lastUpdatedBy:"ratomiru",lastUpdatedAt:1727607766e3,sidebarPosition:2,frontMatter:{sidebar_class_name:"sidebar-item--wip",sidebar_position:2},sidebar:"community",previous:{title:"\ud83d\udcab Community",permalink:"/kr/community/"}},d={},l=[...r.RM,{value:"Core-team",id:"core-team",level:2},{value:"Champions",id:"champions",level:3},{value:"Contributors",id:"contributors",level:2},{value:"Companies",id:"companies",level:2}];function u(e){const t={h1:"h1",h2:"h2",h3:"h3",header:"header",...(0,s.R)(),...e.components};return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(t.header,{children:(0,n.jsx)(t.h1,{id:"team",children:"Team"})}),"\n",(0,n.jsx)(r.Ay,{ticket:"192"}),"\n",(0,n.jsx)(t.h2,{id:"core-team",children:"Core-team"}),"\n",(0,n.jsx)(t.h3,{id:"champions",children:"Champions"}),"\n",(0,n.jsx)(t.h2,{id:"contributors",children:"Contributors"}),"\n",(0,n.jsx)(t.h2,{id:"companies",children:"Companies"})]})}function m(e={}){const{wrapper:t}={...(0,s.R)(),...e.components};return t?(0,n.jsx)(t,{...e,children:(0,n.jsx)(u,{...e})}):u(e)}},1928:(e,t,i)=>{i.d(t,{Ay:()=>l,RM:()=>c});var n=i(6070),s=i(1100),r=(i(758),i(6783)),o=i(7765);const a=e=>{let{ticket:t}=e;const i=`https://github.com/feature-sliced/documentation/issues/${t}`;return(0,n.jsxs)("div",{children:[(0,n.jsx)("p",{children:(0,o.T)({id:"shared.wip.title"})}),(0,n.jsx)("p",{children:(0,o.T)({id:"shared.wip.subtitle"})}),(0,n.jsxs)("ul",{children:[(0,n.jsxs)("li",{children:[(0,o.T)({id:"shared.wip.var.feedback.base"}),(0,n.jsx)(r.A,{to:i,children:(0,o.T)({id:"shared.wip.var.feedback.link"})})]}),(0,n.jsxs)("li",{children:[(0,o.T)({id:"shared.wip.var.material.base"}),(0,n.jsx)(r.A,{to:"https://t.me/feature_sliced",children:(0,o.T)({id:"shared.wip.var.material.link"})})]}),(0,n.jsxs)("li",{children:[(0,o.T)({id:"shared.wip.var.contribute.base"}),(0,n.jsx)(r.A,{to:"https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md",children:(0,o.T)({id:"shared.wip.var.contribute.link"})})]})]}),(0,n.jsx)("br",{}),(0,n.jsx)("p",{children:(0,n.jsx)("i",{children:"\ud83c\udf70 Stay tuned!"})})]})},c=[];function d(e){const t={admonition:"admonition",...(0,s.R)(),...e.components};return(0,n.jsx)(t.admonition,{title:"WIP",type:"caution",children:(0,n.jsx)(a,{ticket:e.ticket})})}function l(e={}){const{wrapper:t}={...(0,s.R)(),...e.components};return t?(0,n.jsx)(t,{...e,children:(0,n.jsx)(d,{...e})}):d(e)}},1100:(e,t,i)=>{i.d(t,{R:()=>o,x:()=>a});var n=i(758);const s={},r=n.createContext(s);function o(e){const t=n.useContext(r);return n.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function a(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(s):e.components||s:o(e.components),n.createElement(r.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
diff --git a/kr/assets/js/7313bf7a.90312f91.js b/kr/assets/js/7313bf7a.90312f91.js
new file mode 100644
index 0000000000..56eecb2345
--- /dev/null
+++ b/kr/assets/js/7313bf7a.90312f91.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[25],{7497:(e,t,i)=>{i.r(t),i.d(t,{assets:()=>d,contentTitle:()=>a,default:()=>m,frontMatter:()=>o,metadata:()=>c,toc:()=>l});var n=i(6070),s=i(1100),r=i(1928);const o={sidebar_class_name:"sidebar-item--wip",sidebar_position:2},a="Team",c={id:"team",title:"Team",description:"Core-team",source:"@site/i18n/en/docusaurus-plugin-content-docs/community/team.mdx",sourceDirName:".",slug:"/team",permalink:"/kr/community/team",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/community/team.mdx",tags:[],version:"current",lastUpdatedBy:"InJaEE",lastUpdatedAt:1728325386e3,sidebarPosition:2,frontMatter:{sidebar_class_name:"sidebar-item--wip",sidebar_position:2},sidebar:"community",previous:{title:"\ud83d\udcab Community",permalink:"/kr/community/"}},d={},l=[...r.RM,{value:"Core-team",id:"core-team",level:2},{value:"Champions",id:"champions",level:3},{value:"Contributors",id:"contributors",level:2},{value:"Companies",id:"companies",level:2}];function u(e){const t={h1:"h1",h2:"h2",h3:"h3",header:"header",...(0,s.R)(),...e.components};return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(t.header,{children:(0,n.jsx)(t.h1,{id:"team",children:"Team"})}),"\n",(0,n.jsx)(r.Ay,{ticket:"192"}),"\n",(0,n.jsx)(t.h2,{id:"core-team",children:"Core-team"}),"\n",(0,n.jsx)(t.h3,{id:"champions",children:"Champions"}),"\n",(0,n.jsx)(t.h2,{id:"contributors",children:"Contributors"}),"\n",(0,n.jsx)(t.h2,{id:"companies",children:"Companies"})]})}function m(e={}){const{wrapper:t}={...(0,s.R)(),...e.components};return t?(0,n.jsx)(t,{...e,children:(0,n.jsx)(u,{...e})}):u(e)}},1928:(e,t,i)=>{i.d(t,{Ay:()=>l,RM:()=>c});var n=i(6070),s=i(1100),r=(i(758),i(6783)),o=i(7765);const a=e=>{let{ticket:t}=e;const i=`https://github.com/feature-sliced/documentation/issues/${t}`;return(0,n.jsxs)("div",{children:[(0,n.jsx)("p",{children:(0,o.T)({id:"shared.wip.title"})}),(0,n.jsx)("p",{children:(0,o.T)({id:"shared.wip.subtitle"})}),(0,n.jsxs)("ul",{children:[(0,n.jsxs)("li",{children:[(0,o.T)({id:"shared.wip.var.feedback.base"}),(0,n.jsx)(r.A,{to:i,children:(0,o.T)({id:"shared.wip.var.feedback.link"})})]}),(0,n.jsxs)("li",{children:[(0,o.T)({id:"shared.wip.var.material.base"}),(0,n.jsx)(r.A,{to:"https://t.me/feature_sliced",children:(0,o.T)({id:"shared.wip.var.material.link"})})]}),(0,n.jsxs)("li",{children:[(0,o.T)({id:"shared.wip.var.contribute.base"}),(0,n.jsx)(r.A,{to:"https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md",children:(0,o.T)({id:"shared.wip.var.contribute.link"})})]})]}),(0,n.jsx)("br",{}),(0,n.jsx)("p",{children:(0,n.jsx)("i",{children:"\ud83c\udf70 Stay tuned!"})})]})},c=[];function d(e){const t={admonition:"admonition",...(0,s.R)(),...e.components};return(0,n.jsx)(t.admonition,{title:"WIP",type:"caution",children:(0,n.jsx)(a,{ticket:e.ticket})})}function l(e={}){const{wrapper:t}={...(0,s.R)(),...e.components};return t?(0,n.jsx)(t,{...e,children:(0,n.jsx)(d,{...e})}):d(e)}},1100:(e,t,i)=>{i.d(t,{R:()=>o,x:()=>a});var n=i(758);const s={},r=n.createContext(s);function o(e){const t=n.useContext(r);return n.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function a(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(s):e.components||s:o(e.components),n.createElement(r.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
diff --git a/kr/assets/js/7a790ed0.37af84b3.js b/kr/assets/js/7a790ed0.d61bf617.js
similarity index 99%
rename from kr/assets/js/7a790ed0.37af84b3.js
rename to kr/assets/js/7a790ed0.d61bf617.js
index 547c429746..c41b3e36c7 100644
--- a/kr/assets/js/7a790ed0.37af84b3.js
+++ b/kr/assets/js/7a790ed0.d61bf617.js
@@ -1 +1 @@
-"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[6422],{4813:(e,n,i)=>{i.r(n),i.d(n,{assets:()=>c,contentTitle:()=>t,default:()=>a,frontMatter:()=>r,metadata:()=>l,toc:()=>d});var s=i(6070),o=i(1100);const r={},t="Isolation of modules",l={id:"reference/isolation/index",title:"Isolation of modules",description:"Within the framework of the methodology, all modules are distributed by scopes of responsibility (layer, slice, segment)",source:"@site/i18n/en/docusaurus-plugin-content-docs/current/reference/isolation/index.md",sourceDirName:"reference/isolation",slug:"/reference/isolation/",permalink:"/kr/docs/reference/isolation/",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/reference/isolation/index.md",tags:[],version:"current",lastUpdatedAt:1727607766e3,frontMatter:{},sidebar:"referenceSidebar",previous:{title:"Public API",permalink:"/kr/docs/reference/public-api"},next:{title:"Low Coupling & High Cohesion",permalink:"/kr/docs/reference/isolation/coupling-cohesion"}},c={},d=[{value:"Requirements",id:"requirements",level:2},{value:"Rule",id:"rule",level:2},{value:"Identifying problems",id:"identifying-problems",level:2},{value:"See also",id:"see-also",level:2}];function h(e){const n={a:"a",admonition:"admonition",code:"code",em:"em",h1:"h1",h2:"h2",header:"header",li:"li",ol:"ol",p:"p",strong:"strong",ul:"ul",...(0,o.R)(),...e.components};return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(n.header,{children:(0,s.jsx)(n.h1,{id:"isolation-of-modules",children:"Isolation of modules"})}),"\n",(0,s.jsx)(n.p,{children:"Within the framework of the methodology, all modules are distributed by scopes of responsibility (layer, slice, segment)"}),"\n",(0,s.jsx)(n.p,{children:"The layers, in turn, are organized vertically:"}),"\n",(0,s.jsxs)(n.ul,{children:["\n",(0,s.jsx)(n.li,{children:'"At the bottom" are the reused modules (ui-kit, internal libraries of the project), as the most abstract'}),"\n",(0,s.jsx)(n.li,{children:'And as you move "up", more specific modules are located.'}),"\n"]}),"\n",(0,s.jsxs)(n.p,{children:["Regardless of whether it belongs to any slice, each module ",(0,s.jsx)(n.a,{href:"/docs/reference/public-api",children:(0,s.jsx)(n.strong,{children:"is required to provide a public access interface"})}),"."]}),"\n",(0,s.jsx)(n.h2,{id:"requirements",children:"Requirements"}),"\n",(0,s.jsx)(n.p,{children:"The interaction of each module with the rest of the application is designed taking into account a number of requirements:"}),"\n",(0,s.jsxs)(n.ol,{children:["\n",(0,s.jsxs)(n.li,{children:["\n",(0,s.jsxs)(n.p,{children:[(0,s.jsx)(n.strong,{children:"Low coupling"})," with other modules"]}),"\n",(0,s.jsxs)(n.ul,{children:["\n",(0,s.jsx)(n.li,{children:(0,s.jsx)(n.em,{children:"A change in one module should have a weak and predictable effect on others"})}),"\n"]}),"\n"]}),"\n",(0,s.jsxs)(n.li,{children:["\n",(0,s.jsxs)(n.p,{children:[(0,s.jsx)(n.strong,{children:"High cohesion"}),' - the responsibilities of each module are "focused" on one task']}),"\n",(0,s.jsxs)(n.ul,{children:["\n",(0,s.jsx)(n.li,{children:(0,s.jsx)(n.em,{children:'If the module has too many responsibilities (starts "doing too much") - this should be noticed as soon as possible'})}),"\n"]}),"\n"]}),"\n",(0,s.jsxs)(n.li,{children:["\n",(0,s.jsxs)(n.p,{children:[(0,s.jsx)(n.strong,{children:"Absence of cyclic dependencies"})," on the scale of the entire application"]}),"\n",(0,s.jsxs)(n.ul,{children:["\n",(0,s.jsx)(n.li,{children:(0,s.jsx)(n.em,{children:"Often lead to unexpected, undesirable behavior, it is better to avoid them altogether"})}),"\n"]}),"\n"]}),"\n"]}),"\n",(0,s.jsx)(n.h2,{id:"rule",children:"Rule"}),"\n",(0,s.jsx)(n.p,{children:"To meet these requirements, within the framework of the methodology, it is necessary to observe the basic rule:"}),"\n",(0,s.jsx)(n.admonition,{title:"Important",type:"info",children:(0,s.jsx)(n.p,{children:'A module can depend only on "underlying" modules, but not on modules from the same or higher layer'})}),"\n",(0,s.jsxs)(n.ul,{children:["\n",(0,s.jsxs)(n.li,{children:[(0,s.jsx)(n.code,{children:"features/auth"})," ",(0,s.jsx)(n.strong,{children:"cannot"})," depend on ",(0,s.jsx)(n.code,{children:"features/filters"})," ",(0,s.jsx)(n.strong,{children:"and vice versa"})]}),"\n",(0,s.jsxs)(n.li,{children:[(0,s.jsx)(n.code,{children:"features/auth"})," ",(0,s.jsx)(n.strong,{children:"may"})," depend on ",(0,s.jsx)(n.code,{children:"shared/ui/button"}),", ",(0,s.jsx)(n.strong,{children:"but not vice versa"})]}),"\n"]}),"\n",(0,s.jsxs)(n.p,{children:["Following this rule allows you to keep dependencies ",(0,s.jsx)(n.strong,{children:'"unidirectional"'})," - which automatically ",(0,s.jsx)(n.strong,{children:"eliminates cyclic imports"})," and significantly ",(0,s.jsx)(n.strong,{children:"simplifies tracking dependencies"})," between modules in the application."]}),"\n",(0,s.jsx)(n.h2,{id:"identifying-problems",children:"Identifying problems"}),"\n",(0,s.jsx)(n.p,{children:"Violation of this rule is a signal of problems:"}),"\n",(0,s.jsxs)(n.ol,{children:["\n",(0,s.jsxs)(n.li,{children:["\n",(0,s.jsxs)(n.p,{children:["The module has ",(0,s.jsx)(n.strong,{children:"import from another module"})," from its own layer"]}),"\n",(0,s.jsxs)(n.ul,{children:["\n",(0,s.jsxs)(n.li,{children:["Perhaps the module was ",(0,s.jsx)(n.strong,{children:"unnecessarily fragmented"})," or has ",(0,s.jsx)(n.strong,{children:"unnecessary responsibility."})]}),"\n",(0,s.jsxs)(n.li,{children:["You should ",(0,s.jsx)(n.strong,{children:"combine"})," it with the imported module or ",(0,s.jsx)(n.strong,{children:"move it (partially or completely) to the layer below"})," or transfer the logic of relationships to modules on higher layers."]}),"\n"]}),"\n"]}),"\n",(0,s.jsxs)(n.li,{children:["\n",(0,s.jsxs)(n.p,{children:["The module ",(0,s.jsx)(n.strong,{children:"is imported by many modules"})," from its own layer"]}),"\n",(0,s.jsxs)(n.ul,{children:["\n",(0,s.jsxs)(n.li,{children:["Perhaps the module has ",(0,s.jsx)(n.strong,{children:"extra responsibility."})]}),"\n",(0,s.jsxs)(n.li,{children:["You should ",(0,s.jsx)(n.strong,{children:"move it (partially or entirely) to the layer below"}),", or transfer the logic of connections to modules on higher layers."]}),"\n"]}),"\n"]}),"\n",(0,s.jsxs)(n.li,{children:["\n",(0,s.jsxs)(n.p,{children:["The module ",(0,s.jsx)(n.strong,{children:"has imports from many modules"})," from its own layer"]}),"\n",(0,s.jsxs)(n.ul,{children:["\n",(0,s.jsxs)(n.li,{children:["Perhaps the module belongs to ",(0,s.jsx)(n.strong,{children:"another scope of responsibility."})]}),"\n",(0,s.jsxs)(n.li,{children:["You should ",(0,s.jsx)(n.strong,{children:"move it (partially or completely) to the layer above"}),"."]}),"\n"]}),"\n"]}),"\n"]}),"\n",(0,s.jsx)(n.h2,{id:"see-also",children:"See also"}),"\n",(0,s.jsxs)(n.ul,{children:["\n",(0,s.jsx)(n.li,{children:(0,s.jsx)(n.a,{href:"/docs/reference/isolation/coupling-cohesion",children:"(Guide) About achieving low coupling"})}),"\n",(0,s.jsx)(n.li,{children:(0,s.jsx)(n.a,{href:"https://github.com/feature-sliced/documentation/discussions/49",children:"(Discussion) Coupled entities"})}),"\n",(0,s.jsx)(n.li,{children:(0,s.jsx)(n.a,{href:"https://github.com/feature-sliced/documentation/discussions/65#discussioncomment-480822",children:"(Discussion) About cross-imports and analysis \u0437\u0430\u0432\u0438\u0441\u0438\u043c\u043e\u0441\u0442\u0435\u0439"})}),"\n",(0,s.jsx)(n.li,{children:(0,s.jsxs)(n.a,{href:"https://en.wikipedia.org/wiki/GRASP_(object-oriented_design)",children:[(0,s.jsx)(n.strong,{children:"GRASP"})," Patterns"]})}),"\n"]})]})}function a(e={}){const{wrapper:n}={...(0,o.R)(),...e.components};return n?(0,s.jsx)(n,{...e,children:(0,s.jsx)(h,{...e})}):h(e)}},1100:(e,n,i)=>{i.d(n,{R:()=>t,x:()=>l});var s=i(758);const o={},r=s.createContext(o);function t(e){const n=s.useContext(r);return s.useMemo((function(){return"function"==typeof e?e(n):{...n,...e}}),[n,e])}function l(e){let n;return n=e.disableParentContext?"function"==typeof e.components?e.components(o):e.components||o:t(e.components),s.createElement(r.Provider,{value:n},e.children)}}}]);
\ No newline at end of file
+"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[6422],{4813:(e,n,i)=>{i.r(n),i.d(n,{assets:()=>c,contentTitle:()=>t,default:()=>a,frontMatter:()=>r,metadata:()=>l,toc:()=>d});var s=i(6070),o=i(1100);const r={},t="Isolation of modules",l={id:"reference/isolation/index",title:"Isolation of modules",description:"Within the framework of the methodology, all modules are distributed by scopes of responsibility (layer, slice, segment)",source:"@site/i18n/en/docusaurus-plugin-content-docs/current/reference/isolation/index.md",sourceDirName:"reference/isolation",slug:"/reference/isolation/",permalink:"/kr/docs/reference/isolation/",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/reference/isolation/index.md",tags:[],version:"current",lastUpdatedAt:1728325386e3,frontMatter:{},sidebar:"referenceSidebar",previous:{title:"Public API",permalink:"/kr/docs/reference/public-api"},next:{title:"Low Coupling & High Cohesion",permalink:"/kr/docs/reference/isolation/coupling-cohesion"}},c={},d=[{value:"Requirements",id:"requirements",level:2},{value:"Rule",id:"rule",level:2},{value:"Identifying problems",id:"identifying-problems",level:2},{value:"See also",id:"see-also",level:2}];function h(e){const n={a:"a",admonition:"admonition",code:"code",em:"em",h1:"h1",h2:"h2",header:"header",li:"li",ol:"ol",p:"p",strong:"strong",ul:"ul",...(0,o.R)(),...e.components};return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(n.header,{children:(0,s.jsx)(n.h1,{id:"isolation-of-modules",children:"Isolation of modules"})}),"\n",(0,s.jsx)(n.p,{children:"Within the framework of the methodology, all modules are distributed by scopes of responsibility (layer, slice, segment)"}),"\n",(0,s.jsx)(n.p,{children:"The layers, in turn, are organized vertically:"}),"\n",(0,s.jsxs)(n.ul,{children:["\n",(0,s.jsx)(n.li,{children:'"At the bottom" are the reused modules (ui-kit, internal libraries of the project), as the most abstract'}),"\n",(0,s.jsx)(n.li,{children:'And as you move "up", more specific modules are located.'}),"\n"]}),"\n",(0,s.jsxs)(n.p,{children:["Regardless of whether it belongs to any slice, each module ",(0,s.jsx)(n.a,{href:"/docs/reference/public-api",children:(0,s.jsx)(n.strong,{children:"is required to provide a public access interface"})}),"."]}),"\n",(0,s.jsx)(n.h2,{id:"requirements",children:"Requirements"}),"\n",(0,s.jsx)(n.p,{children:"The interaction of each module with the rest of the application is designed taking into account a number of requirements:"}),"\n",(0,s.jsxs)(n.ol,{children:["\n",(0,s.jsxs)(n.li,{children:["\n",(0,s.jsxs)(n.p,{children:[(0,s.jsx)(n.strong,{children:"Low coupling"})," with other modules"]}),"\n",(0,s.jsxs)(n.ul,{children:["\n",(0,s.jsx)(n.li,{children:(0,s.jsx)(n.em,{children:"A change in one module should have a weak and predictable effect on others"})}),"\n"]}),"\n"]}),"\n",(0,s.jsxs)(n.li,{children:["\n",(0,s.jsxs)(n.p,{children:[(0,s.jsx)(n.strong,{children:"High cohesion"}),' - the responsibilities of each module are "focused" on one task']}),"\n",(0,s.jsxs)(n.ul,{children:["\n",(0,s.jsx)(n.li,{children:(0,s.jsx)(n.em,{children:'If the module has too many responsibilities (starts "doing too much") - this should be noticed as soon as possible'})}),"\n"]}),"\n"]}),"\n",(0,s.jsxs)(n.li,{children:["\n",(0,s.jsxs)(n.p,{children:[(0,s.jsx)(n.strong,{children:"Absence of cyclic dependencies"})," on the scale of the entire application"]}),"\n",(0,s.jsxs)(n.ul,{children:["\n",(0,s.jsx)(n.li,{children:(0,s.jsx)(n.em,{children:"Often lead to unexpected, undesirable behavior, it is better to avoid them altogether"})}),"\n"]}),"\n"]}),"\n"]}),"\n",(0,s.jsx)(n.h2,{id:"rule",children:"Rule"}),"\n",(0,s.jsx)(n.p,{children:"To meet these requirements, within the framework of the methodology, it is necessary to observe the basic rule:"}),"\n",(0,s.jsx)(n.admonition,{title:"Important",type:"info",children:(0,s.jsx)(n.p,{children:'A module can depend only on "underlying" modules, but not on modules from the same or higher layer'})}),"\n",(0,s.jsxs)(n.ul,{children:["\n",(0,s.jsxs)(n.li,{children:[(0,s.jsx)(n.code,{children:"features/auth"})," ",(0,s.jsx)(n.strong,{children:"cannot"})," depend on ",(0,s.jsx)(n.code,{children:"features/filters"})," ",(0,s.jsx)(n.strong,{children:"and vice versa"})]}),"\n",(0,s.jsxs)(n.li,{children:[(0,s.jsx)(n.code,{children:"features/auth"})," ",(0,s.jsx)(n.strong,{children:"may"})," depend on ",(0,s.jsx)(n.code,{children:"shared/ui/button"}),", ",(0,s.jsx)(n.strong,{children:"but not vice versa"})]}),"\n"]}),"\n",(0,s.jsxs)(n.p,{children:["Following this rule allows you to keep dependencies ",(0,s.jsx)(n.strong,{children:'"unidirectional"'})," - which automatically ",(0,s.jsx)(n.strong,{children:"eliminates cyclic imports"})," and significantly ",(0,s.jsx)(n.strong,{children:"simplifies tracking dependencies"})," between modules in the application."]}),"\n",(0,s.jsx)(n.h2,{id:"identifying-problems",children:"Identifying problems"}),"\n",(0,s.jsx)(n.p,{children:"Violation of this rule is a signal of problems:"}),"\n",(0,s.jsxs)(n.ol,{children:["\n",(0,s.jsxs)(n.li,{children:["\n",(0,s.jsxs)(n.p,{children:["The module has ",(0,s.jsx)(n.strong,{children:"import from another module"})," from its own layer"]}),"\n",(0,s.jsxs)(n.ul,{children:["\n",(0,s.jsxs)(n.li,{children:["Perhaps the module was ",(0,s.jsx)(n.strong,{children:"unnecessarily fragmented"})," or has ",(0,s.jsx)(n.strong,{children:"unnecessary responsibility."})]}),"\n",(0,s.jsxs)(n.li,{children:["You should ",(0,s.jsx)(n.strong,{children:"combine"})," it with the imported module or ",(0,s.jsx)(n.strong,{children:"move it (partially or completely) to the layer below"})," or transfer the logic of relationships to modules on higher layers."]}),"\n"]}),"\n"]}),"\n",(0,s.jsxs)(n.li,{children:["\n",(0,s.jsxs)(n.p,{children:["The module ",(0,s.jsx)(n.strong,{children:"is imported by many modules"})," from its own layer"]}),"\n",(0,s.jsxs)(n.ul,{children:["\n",(0,s.jsxs)(n.li,{children:["Perhaps the module has ",(0,s.jsx)(n.strong,{children:"extra responsibility."})]}),"\n",(0,s.jsxs)(n.li,{children:["You should ",(0,s.jsx)(n.strong,{children:"move it (partially or entirely) to the layer below"}),", or transfer the logic of connections to modules on higher layers."]}),"\n"]}),"\n"]}),"\n",(0,s.jsxs)(n.li,{children:["\n",(0,s.jsxs)(n.p,{children:["The module ",(0,s.jsx)(n.strong,{children:"has imports from many modules"})," from its own layer"]}),"\n",(0,s.jsxs)(n.ul,{children:["\n",(0,s.jsxs)(n.li,{children:["Perhaps the module belongs to ",(0,s.jsx)(n.strong,{children:"another scope of responsibility."})]}),"\n",(0,s.jsxs)(n.li,{children:["You should ",(0,s.jsx)(n.strong,{children:"move it (partially or completely) to the layer above"}),"."]}),"\n"]}),"\n"]}),"\n"]}),"\n",(0,s.jsx)(n.h2,{id:"see-also",children:"See also"}),"\n",(0,s.jsxs)(n.ul,{children:["\n",(0,s.jsx)(n.li,{children:(0,s.jsx)(n.a,{href:"/docs/reference/isolation/coupling-cohesion",children:"(Guide) About achieving low coupling"})}),"\n",(0,s.jsx)(n.li,{children:(0,s.jsx)(n.a,{href:"https://github.com/feature-sliced/documentation/discussions/49",children:"(Discussion) Coupled entities"})}),"\n",(0,s.jsx)(n.li,{children:(0,s.jsx)(n.a,{href:"https://github.com/feature-sliced/documentation/discussions/65#discussioncomment-480822",children:"(Discussion) About cross-imports and analysis \u0437\u0430\u0432\u0438\u0441\u0438\u043c\u043e\u0441\u0442\u0435\u0439"})}),"\n",(0,s.jsx)(n.li,{children:(0,s.jsxs)(n.a,{href:"https://en.wikipedia.org/wiki/GRASP_(object-oriented_design)",children:[(0,s.jsx)(n.strong,{children:"GRASP"})," Patterns"]})}),"\n"]})]})}function a(e={}){const{wrapper:n}={...(0,o.R)(),...e.components};return n?(0,s.jsx)(n,{...e,children:(0,s.jsx)(h,{...e})}):h(e)}},1100:(e,n,i)=>{i.d(n,{R:()=>t,x:()=>l});var s=i(758);const o={},r=s.createContext(o);function t(e){const n=s.useContext(r);return s.useMemo((function(){return"function"==typeof e?e(n):{...n,...e}}),[n,e])}function l(e){let n;return n=e.disableParentContext?"function"==typeof e.components?e.components(o):e.components||o:t(e.components),s.createElement(r.Provider,{value:n},e.children)}}}]);
\ No newline at end of file
diff --git a/kr/assets/js/84a0dbae.e3d9c822.js b/kr/assets/js/84a0dbae.d07d3836.js
similarity index 99%
rename from kr/assets/js/84a0dbae.e3d9c822.js
rename to kr/assets/js/84a0dbae.d07d3836.js
index 974e563ba5..7bee8ab840 100644
--- a/kr/assets/js/84a0dbae.e3d9c822.js
+++ b/kr/assets/js/84a0dbae.d07d3836.js
@@ -1 +1 @@
-"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[7660],{6660:(e,t,n)=>{n.r(t),n.d(t,{assets:()=>d,contentTitle:()=>r,default:()=>p,frontMatter:()=>i,metadata:()=>c,toc:()=>a});var s=n(6070),o=n(1100);const i={sidebar_position:10},r="Usage with NextJS",c={id:"guides/tech/with-nextjs",title:"Usage with NextJS",description:"It is possible to implement FSD in a NextJS project, but conflicts arise due to differences between the requirements for the NextJS project structure and the principles of FSD in two points:",source:"@site/i18n/en/docusaurus-plugin-content-docs/current/guides/tech/with-nextjs.mdx",sourceDirName:"guides/tech",slug:"/guides/tech/with-nextjs",permalink:"/kr/docs/guides/tech/with-nextjs",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/guides/tech/with-nextjs.mdx",tags:[],version:"current",lastUpdatedAt:1727607766e3,sidebarPosition:10,frontMatter:{sidebar_position:10},sidebar:"guidesSidebar",previous:{title:"Migration from v1",permalink:"/kr/docs/guides/migration/from-v1"},next:{title:"Usage with NuxtJS",permalink:"/kr/docs/guides/tech/with-nuxtjs"}},d={},a=[{value:"Conflict between FSD and NextJS on <code>pages</code> layer",id:"pages-conflict",level:2},{value:"Moving the <code>pages</code> folder of NextJS to the root folder of the project (recommended)",id:"moving-the-pages-folder-of-nextjs-to-the-root-folder-of-the-project-recommended",level:3},{value:"Renaming the <code>pages</code> layer within the FSD structure",id:"renaming-the-pages-layer-within-the-fsd-structure",level:3},{value:"The absence of the <code>app</code> folder in NextJS",id:"app-absence",level:2},{value:"Importing app functionality to <code>pages/_app.tsx</code> file",id:"importing-app-functionality-to-pages_apptsx-file",level:3},{value:"Dealing with App Router",id:"app-router",level:2},{value:"See also",id:"see-also",level:2}];function l(e){const t={a:"a",code:"code",h1:"h1",h2:"h2",h3:"h3",header:"header",img:"img",li:"li",p:"p",pre:"pre",strong:"strong",ul:"ul",...(0,o.R)(),...e.components};return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(t.header,{children:(0,s.jsx)(t.h1,{id:"usage-with-nextjs",children:"Usage with NextJS"})}),"\n",(0,s.jsx)(t.p,{children:"It is possible to implement FSD in a NextJS project, but conflicts arise due to differences between the requirements for the NextJS project structure and the principles of FSD in two points:\xa0"}),"\n",(0,s.jsxs)(t.ul,{children:["\n",(0,s.jsxs)(t.li,{children:["Routing files in the ",(0,s.jsx)(t.code,{children:"pages"})," layer"]}),"\n",(0,s.jsxs)(t.li,{children:["Conflict or absence of the ",(0,s.jsx)(t.code,{children:"app"})," layer in NextJS"]}),"\n"]}),"\n",(0,s.jsxs)(t.h2,{id:"pages-conflict",children:["Conflict between FSD and NextJS on ",(0,s.jsx)(t.code,{children:"pages"})," layer"]}),"\n",(0,s.jsxs)(t.p,{children:["NextJS suggests using the ",(0,s.jsx)(t.code,{children:"pages"})," folder to define application routes. NextJS expects files in the ",(0,s.jsx)(t.code,{children:"pages"})," folder to match URLs.\nThis routing mechanism ",(0,s.jsx)(t.strong,{children:"does not correspond"})," to the FSD concept, since it is not possible to maintain a flat slice structure in such a routing mechanism."]}),"\n",(0,s.jsxs)(t.h3,{id:"moving-the-pages-folder-of-nextjs-to-the-root-folder-of-the-project-recommended",children:["Moving the ",(0,s.jsx)(t.code,{children:"pages"})," folder of NextJS to the root folder of the project (recommended)"]}),"\n",(0,s.jsxs)(t.p,{children:["The approach is to move the ",(0,s.jsx)(t.code,{children:"pages"})," NextJS folder to the root folder of the project and import the FSD pages into the ",(0,s.jsx)(t.code,{children:"pages"})," NextJS folder. This saves\nthe FSD project structure inside the ",(0,s.jsx)(t.code,{children:"src"})," folder."]}),"\n",(0,s.jsx)(t.pre,{children:(0,s.jsx)(t.code,{className:"language-sh",children:"\u251c\u2500\u2500 pages              # NextJS pages folder\n\u251c\u2500\u2500 src\n\u2502   \u251c\u2500\u2500 app\n\u2502   \u251c\u2500\u2500 entities\n\u2502   \u251c\u2500\u2500 features\n\u2502   \u251c\u2500\u2500 pages          # FSD pages folder\n\u2502   \u251c\u2500\u2500 shared\n\u2502   \u251c\u2500\u2500 widgets\n"})}),"\n",(0,s.jsxs)(t.h3,{id:"renaming-the-pages-layer-within-the-fsd-structure",children:["Renaming the ",(0,s.jsx)(t.code,{children:"pages"})," layer within the FSD structure"]}),"\n",(0,s.jsxs)(t.p,{children:["Another way to solve the problem is to rename the ",(0,s.jsx)(t.code,{children:"pages"})," layer in the FSD structure to avoid conflicts with the NextJS ",(0,s.jsx)(t.code,{children:"pages"})," folder.\nYou can rename the ",(0,s.jsx)(t.code,{children:"pages"})," layer in FSD to ",(0,s.jsx)(t.code,{children:"views"}),".\nIn that way, the structure of the project in the ",(0,s.jsx)(t.code,{children:"src"})," folder is preserved without contradiction with the requirements of NextJS."]}),"\n",(0,s.jsx)(t.pre,{children:(0,s.jsx)(t.code,{className:"language-sh",children:"\u251c\u2500\u2500 app\n\u251c\u2500\u2500 entities\n\u251c\u2500\u2500 features\n\u251c\u2500\u2500 pages              # NextJS pages folder\n\u251c\u2500\u2500 views              # Renamed FSD pages folder\n\u251c\u2500\u2500 shared\n\u251c\u2500\u2500 widgets\n"})}),"\n",(0,s.jsxs)(t.p,{children:["Keep in mind that it's highly recommended to document this rename prominently in your project's README or internal documentation. This rename is a part of your ",(0,s.jsx)(t.a,{href:"/docs/about/understanding/knowledge-types",children:'"project knowledge"'}),"."]}),"\n",(0,s.jsxs)(t.h2,{id:"app-absence",children:["The absence of the ",(0,s.jsx)(t.code,{children:"app"})," folder in NextJS"]}),"\n",(0,s.jsxs)(t.p,{children:["In NextJS below version 13, there is no explicit ",(0,s.jsx)(t.code,{children:"app"})," folder, instead NextJS provides the ",(0,s.jsx)(t.code,{children:"_app.tsx"})," file,\nwhich plays the role of a wrapping component for all project pages."]}),"\n",(0,s.jsxs)(t.h3,{id:"importing-app-functionality-to-pages_apptsx-file",children:["Importing app functionality to ",(0,s.jsx)(t.code,{children:"pages/_app.tsx"})," file"]}),"\n",(0,s.jsxs)(t.p,{children:["To solve the problem of missing the ",(0,s.jsx)(t.code,{children:"app"})," folder in the NextJS structure, you can create an ",(0,s.jsx)(t.code,{children:"App"})," component inside the ",(0,s.jsx)(t.code,{children:"app"})," layer and import the ",(0,s.jsx)(t.code,{children:"App"})," component into ",(0,s.jsx)(t.code,{children:"pages/_app.tsx"})," so that NextJS can work with it.\nFor example:"]}),"\n",(0,s.jsx)(t.pre,{children:(0,s.jsx)(t.code,{className:"language-tsx",children:"// app/providers/index.tsx\n\nconst App = ({ Component, pageProps }: AppProps) => {\n  return (\n    <Provider1>\n      <Provider2>\n        <BaseLayout>\n            <Component {...pageProps} />\n        </BaseLayout>\n      </Provider2>\n    </Provider1>\n  );\n};\n\nexport default App;\n"})}),"\n",(0,s.jsxs)(t.p,{children:["Then you can import the ",(0,s.jsx)(t.code,{children:"App"})," component and global project styles into ",(0,s.jsx)(t.code,{children:"pages/_app.tsx"})," as follows:"]}),"\n",(0,s.jsx)(t.pre,{children:(0,s.jsx)(t.code,{className:"language-tsx",children:"// pages/_app.tsx\n\nimport 'app/styles/index.scss'\n\nexport { default } from 'app/providers';\n"})}),"\n",(0,s.jsx)(t.h2,{id:"app-router",children:"Dealing with App Router"}),"\n",(0,s.jsxs)(t.p,{children:["App Router has become stable in NextJS version 13.4. App Router allows you to use the ",(0,s.jsx)(t.code,{children:"app"})," folder for routing instead of the ",(0,s.jsx)(t.code,{children:"pages"})," folder.\nTo comply with the principles of FSD, you should treat the NextJS ",(0,s.jsx)(t.code,{children:"app"})," folder in the same way as recommended\nto resolve a conflict with the NextJS ",(0,s.jsx)(t.code,{children:"pages"})," folder."]}),"\n",(0,s.jsxs)(t.p,{children:["The approach is to move the NextJS ",(0,s.jsx)(t.code,{children:"app"})," folder to the root folder of the project and import the FSD pages into the NextJS ",(0,s.jsx)(t.code,{children:"app"})," folder. This saves\nthe FSD project structure inside the ",(0,s.jsx)(t.code,{children:"src"})," folder. You should still also add the ",(0,s.jsx)(t.code,{children:"pages"})," folder to the root, because the App router is compatible with the Pages router."]}),"\n",(0,s.jsx)(t.pre,{children:(0,s.jsx)(t.code,{children:"\u251c\u2500\u2500 app                # NextJS app folder\n\u251c\u2500\u2500 pages              # Stub NextJS pages folder\n\u2502   \u251c\u2500\u2500 README.md      # Description of why this folder exists\n\u251c\u2500\u2500 src\n\u2502   \u251c\u2500\u2500 app            # FSD app folder\n\u2502   \u251c\u2500\u2500 entities\n\u2502   \u251c\u2500\u2500 features\n\u2502   \u251c\u2500\u2500 pages          # FSD app folder\n\u2502   \u251c\u2500\u2500 shared\n\u2502   \u251c\u2500\u2500 widgets\n"})}),"\n",(0,s.jsx)(t.p,{children:(0,s.jsx)(t.a,{href:"https://stackblitz.com/edit/stackblitz-starters-aiez55?file=README.md",children:(0,s.jsx)(t.img,{src:"https://developer.stackblitz.com/img/open_in_stackblitz.svg",alt:"Open in StackBlitz"})})}),"\n",(0,s.jsx)(t.h2,{id:"see-also",children:"See also"}),"\n",(0,s.jsxs)(t.ul,{children:["\n",(0,s.jsx)(t.li,{children:(0,s.jsx)(t.a,{href:"https://t.me/feature_sliced/3623",children:"(Thread) About the pages directory in NextJS"})}),"\n"]})]})}function p(e={}){const{wrapper:t}={...(0,o.R)(),...e.components};return t?(0,s.jsx)(t,{...e,children:(0,s.jsx)(l,{...e})}):l(e)}},1100:(e,t,n)=>{n.d(t,{R:()=>r,x:()=>c});var s=n(758);const o={},i=s.createContext(o);function r(e){const t=s.useContext(i);return s.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function c(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(o):e.components||o:r(e.components),s.createElement(i.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
+"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[7660],{6660:(e,t,n)=>{n.r(t),n.d(t,{assets:()=>d,contentTitle:()=>r,default:()=>p,frontMatter:()=>i,metadata:()=>c,toc:()=>a});var s=n(6070),o=n(1100);const i={sidebar_position:10},r="Usage with NextJS",c={id:"guides/tech/with-nextjs",title:"Usage with NextJS",description:"It is possible to implement FSD in a NextJS project, but conflicts arise due to differences between the requirements for the NextJS project structure and the principles of FSD in two points:",source:"@site/i18n/en/docusaurus-plugin-content-docs/current/guides/tech/with-nextjs.mdx",sourceDirName:"guides/tech",slug:"/guides/tech/with-nextjs",permalink:"/kr/docs/guides/tech/with-nextjs",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/guides/tech/with-nextjs.mdx",tags:[],version:"current",lastUpdatedAt:1728325386e3,sidebarPosition:10,frontMatter:{sidebar_position:10},sidebar:"guidesSidebar",previous:{title:"Migration from v1",permalink:"/kr/docs/guides/migration/from-v1"},next:{title:"Usage with NuxtJS",permalink:"/kr/docs/guides/tech/with-nuxtjs"}},d={},a=[{value:"Conflict between FSD and NextJS on <code>pages</code> layer",id:"pages-conflict",level:2},{value:"Moving the <code>pages</code> folder of NextJS to the root folder of the project (recommended)",id:"moving-the-pages-folder-of-nextjs-to-the-root-folder-of-the-project-recommended",level:3},{value:"Renaming the <code>pages</code> layer within the FSD structure",id:"renaming-the-pages-layer-within-the-fsd-structure",level:3},{value:"The absence of the <code>app</code> folder in NextJS",id:"app-absence",level:2},{value:"Importing app functionality to <code>pages/_app.tsx</code> file",id:"importing-app-functionality-to-pages_apptsx-file",level:3},{value:"Dealing with App Router",id:"app-router",level:2},{value:"See also",id:"see-also",level:2}];function l(e){const t={a:"a",code:"code",h1:"h1",h2:"h2",h3:"h3",header:"header",img:"img",li:"li",p:"p",pre:"pre",strong:"strong",ul:"ul",...(0,o.R)(),...e.components};return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(t.header,{children:(0,s.jsx)(t.h1,{id:"usage-with-nextjs",children:"Usage with NextJS"})}),"\n",(0,s.jsx)(t.p,{children:"It is possible to implement FSD in a NextJS project, but conflicts arise due to differences between the requirements for the NextJS project structure and the principles of FSD in two points:\xa0"}),"\n",(0,s.jsxs)(t.ul,{children:["\n",(0,s.jsxs)(t.li,{children:["Routing files in the ",(0,s.jsx)(t.code,{children:"pages"})," layer"]}),"\n",(0,s.jsxs)(t.li,{children:["Conflict or absence of the ",(0,s.jsx)(t.code,{children:"app"})," layer in NextJS"]}),"\n"]}),"\n",(0,s.jsxs)(t.h2,{id:"pages-conflict",children:["Conflict between FSD and NextJS on ",(0,s.jsx)(t.code,{children:"pages"})," layer"]}),"\n",(0,s.jsxs)(t.p,{children:["NextJS suggests using the ",(0,s.jsx)(t.code,{children:"pages"})," folder to define application routes. NextJS expects files in the ",(0,s.jsx)(t.code,{children:"pages"})," folder to match URLs.\nThis routing mechanism ",(0,s.jsx)(t.strong,{children:"does not correspond"})," to the FSD concept, since it is not possible to maintain a flat slice structure in such a routing mechanism."]}),"\n",(0,s.jsxs)(t.h3,{id:"moving-the-pages-folder-of-nextjs-to-the-root-folder-of-the-project-recommended",children:["Moving the ",(0,s.jsx)(t.code,{children:"pages"})," folder of NextJS to the root folder of the project (recommended)"]}),"\n",(0,s.jsxs)(t.p,{children:["The approach is to move the ",(0,s.jsx)(t.code,{children:"pages"})," NextJS folder to the root folder of the project and import the FSD pages into the ",(0,s.jsx)(t.code,{children:"pages"})," NextJS folder. This saves\nthe FSD project structure inside the ",(0,s.jsx)(t.code,{children:"src"})," folder."]}),"\n",(0,s.jsx)(t.pre,{children:(0,s.jsx)(t.code,{className:"language-sh",children:"\u251c\u2500\u2500 pages              # NextJS pages folder\n\u251c\u2500\u2500 src\n\u2502   \u251c\u2500\u2500 app\n\u2502   \u251c\u2500\u2500 entities\n\u2502   \u251c\u2500\u2500 features\n\u2502   \u251c\u2500\u2500 pages          # FSD pages folder\n\u2502   \u251c\u2500\u2500 shared\n\u2502   \u251c\u2500\u2500 widgets\n"})}),"\n",(0,s.jsxs)(t.h3,{id:"renaming-the-pages-layer-within-the-fsd-structure",children:["Renaming the ",(0,s.jsx)(t.code,{children:"pages"})," layer within the FSD structure"]}),"\n",(0,s.jsxs)(t.p,{children:["Another way to solve the problem is to rename the ",(0,s.jsx)(t.code,{children:"pages"})," layer in the FSD structure to avoid conflicts with the NextJS ",(0,s.jsx)(t.code,{children:"pages"})," folder.\nYou can rename the ",(0,s.jsx)(t.code,{children:"pages"})," layer in FSD to ",(0,s.jsx)(t.code,{children:"views"}),".\nIn that way, the structure of the project in the ",(0,s.jsx)(t.code,{children:"src"})," folder is preserved without contradiction with the requirements of NextJS."]}),"\n",(0,s.jsx)(t.pre,{children:(0,s.jsx)(t.code,{className:"language-sh",children:"\u251c\u2500\u2500 app\n\u251c\u2500\u2500 entities\n\u251c\u2500\u2500 features\n\u251c\u2500\u2500 pages              # NextJS pages folder\n\u251c\u2500\u2500 views              # Renamed FSD pages folder\n\u251c\u2500\u2500 shared\n\u251c\u2500\u2500 widgets\n"})}),"\n",(0,s.jsxs)(t.p,{children:["Keep in mind that it's highly recommended to document this rename prominently in your project's README or internal documentation. This rename is a part of your ",(0,s.jsx)(t.a,{href:"/docs/about/understanding/knowledge-types",children:'"project knowledge"'}),"."]}),"\n",(0,s.jsxs)(t.h2,{id:"app-absence",children:["The absence of the ",(0,s.jsx)(t.code,{children:"app"})," folder in NextJS"]}),"\n",(0,s.jsxs)(t.p,{children:["In NextJS below version 13, there is no explicit ",(0,s.jsx)(t.code,{children:"app"})," folder, instead NextJS provides the ",(0,s.jsx)(t.code,{children:"_app.tsx"})," file,\nwhich plays the role of a wrapping component for all project pages."]}),"\n",(0,s.jsxs)(t.h3,{id:"importing-app-functionality-to-pages_apptsx-file",children:["Importing app functionality to ",(0,s.jsx)(t.code,{children:"pages/_app.tsx"})," file"]}),"\n",(0,s.jsxs)(t.p,{children:["To solve the problem of missing the ",(0,s.jsx)(t.code,{children:"app"})," folder in the NextJS structure, you can create an ",(0,s.jsx)(t.code,{children:"App"})," component inside the ",(0,s.jsx)(t.code,{children:"app"})," layer and import the ",(0,s.jsx)(t.code,{children:"App"})," component into ",(0,s.jsx)(t.code,{children:"pages/_app.tsx"})," so that NextJS can work with it.\nFor example:"]}),"\n",(0,s.jsx)(t.pre,{children:(0,s.jsx)(t.code,{className:"language-tsx",children:"// app/providers/index.tsx\n\nconst App = ({ Component, pageProps }: AppProps) => {\n  return (\n    <Provider1>\n      <Provider2>\n        <BaseLayout>\n            <Component {...pageProps} />\n        </BaseLayout>\n      </Provider2>\n    </Provider1>\n  );\n};\n\nexport default App;\n"})}),"\n",(0,s.jsxs)(t.p,{children:["Then you can import the ",(0,s.jsx)(t.code,{children:"App"})," component and global project styles into ",(0,s.jsx)(t.code,{children:"pages/_app.tsx"})," as follows:"]}),"\n",(0,s.jsx)(t.pre,{children:(0,s.jsx)(t.code,{className:"language-tsx",children:"// pages/_app.tsx\n\nimport 'app/styles/index.scss'\n\nexport { default } from 'app/providers';\n"})}),"\n",(0,s.jsx)(t.h2,{id:"app-router",children:"Dealing with App Router"}),"\n",(0,s.jsxs)(t.p,{children:["App Router has become stable in NextJS version 13.4. App Router allows you to use the ",(0,s.jsx)(t.code,{children:"app"})," folder for routing instead of the ",(0,s.jsx)(t.code,{children:"pages"})," folder.\nTo comply with the principles of FSD, you should treat the NextJS ",(0,s.jsx)(t.code,{children:"app"})," folder in the same way as recommended\nto resolve a conflict with the NextJS ",(0,s.jsx)(t.code,{children:"pages"})," folder."]}),"\n",(0,s.jsxs)(t.p,{children:["The approach is to move the NextJS ",(0,s.jsx)(t.code,{children:"app"})," folder to the root folder of the project and import the FSD pages into the NextJS ",(0,s.jsx)(t.code,{children:"app"})," folder. This saves\nthe FSD project structure inside the ",(0,s.jsx)(t.code,{children:"src"})," folder. You should still also add the ",(0,s.jsx)(t.code,{children:"pages"})," folder to the root, because the App router is compatible with the Pages router."]}),"\n",(0,s.jsx)(t.pre,{children:(0,s.jsx)(t.code,{children:"\u251c\u2500\u2500 app                # NextJS app folder\n\u251c\u2500\u2500 pages              # Stub NextJS pages folder\n\u2502   \u251c\u2500\u2500 README.md      # Description of why this folder exists\n\u251c\u2500\u2500 src\n\u2502   \u251c\u2500\u2500 app            # FSD app folder\n\u2502   \u251c\u2500\u2500 entities\n\u2502   \u251c\u2500\u2500 features\n\u2502   \u251c\u2500\u2500 pages          # FSD app folder\n\u2502   \u251c\u2500\u2500 shared\n\u2502   \u251c\u2500\u2500 widgets\n"})}),"\n",(0,s.jsx)(t.p,{children:(0,s.jsx)(t.a,{href:"https://stackblitz.com/edit/stackblitz-starters-aiez55?file=README.md",children:(0,s.jsx)(t.img,{src:"https://developer.stackblitz.com/img/open_in_stackblitz.svg",alt:"Open in StackBlitz"})})}),"\n",(0,s.jsx)(t.h2,{id:"see-also",children:"See also"}),"\n",(0,s.jsxs)(t.ul,{children:["\n",(0,s.jsx)(t.li,{children:(0,s.jsx)(t.a,{href:"https://t.me/feature_sliced/3623",children:"(Thread) About the pages directory in NextJS"})}),"\n"]})]})}function p(e={}){const{wrapper:t}={...(0,o.R)(),...e.components};return t?(0,s.jsx)(t,{...e,children:(0,s.jsx)(l,{...e})}):l(e)}},1100:(e,t,n)=>{n.d(t,{R:()=>r,x:()=>c});var s=n(758);const o={},i=s.createContext(o);function r(e){const t=s.useContext(i);return s.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function c(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(o):e.components||o:r(e.components),s.createElement(i.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
diff --git a/kr/assets/js/857ae1bf.91a15148.js b/kr/assets/js/857ae1bf.91a15148.js
deleted file mode 100644
index 9f2930a20b..0000000000
--- a/kr/assets/js/857ae1bf.91a15148.js
+++ /dev/null
@@ -1 +0,0 @@
-"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[4472],{4673:(e,n,t)=>{t.r(n),t.d(n,{assets:()=>l,contentTitle:()=>i,default:()=>h,frontMatter:()=>s,metadata:()=>o,toc:()=>c});var a=t(6070),r=t(1100);const s={sidebar_position:2},i="Tutorial",o={id:"get-started/tutorial",title:"Tutorial",description:"Part 1. On paper",source:"@site/i18n/en/docusaurus-plugin-content-docs/current/get-started/tutorial.md",sourceDirName:"get-started",slug:"/get-started/tutorial",permalink:"/kr/docs/get-started/tutorial",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/get-started/tutorial.md",tags:[],version:"current",lastUpdatedAt:1727607766e3,sidebarPosition:2,frontMatter:{sidebar_position:2},sidebar:"getstartedSidebar",previous:{title:"\ub458\ub7ec\ubcf4\uae30",permalink:"/kr/docs/get-started/overview"},next:{title:"FAQ",permalink:"/kr/docs/get-started/faq"}},l={},c=[{value:"Part 1. On paper",id:"part-1-on-paper",level:2},{value:"Start by listing the pages",id:"start-by-listing-the-pages",level:3},{value:"Close look at the feed",id:"close-look-at-the-feed",level:3},{value:"List of tags",id:"list-of-tags",level:4},{value:"Articles",id:"articles",level:4},{value:"Reuse generic code",id:"reuse-generic-code",level:3},{value:"Define a strict public API",id:"define-a-strict-public-api",level:3},{value:"Large reused blocks in the UI",id:"large-reused-blocks-in-the-ui",level:3},{value:"Close look at a page with a form",id:"close-look-at-a-page-with-a-form",level:3},{value:"Summary",id:"summary",level:3},{value:"Part 2. In code",id:"part-2-in-code",level:2},{value:"Lay out the pages",id:"lay-out-the-pages",level:3},{value:"Connect the feed page",id:"connect-the-feed-page",level:3},{value:"API client",id:"api-client",level:3},{value:"Real data in the feed",id:"real-data-in-the-feed",level:3},{value:"Filtering by tag",id:"filtering-by-tag",level:3},{value:"Pagination",id:"pagination",level:3},{value:"Authentication",id:"authentication",level:3},{value:"Header",id:"header",level:3},{value:"Tabs",id:"tabs",level:3},{value:"Article reader",id:"article-reader",level:3},{value:"Article editor",id:"article-editor",level:3}];function d(e){const n={a:"a",code:"code",em:"em",h1:"h1",h2:"h2",h3:"h3",h4:"h4",header:"header",img:"img",li:"li",ol:"ol",p:"p",pre:"pre",strong:"strong",ul:"ul",...(0,r.R)(),...e.components};return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(n.header,{children:(0,a.jsx)(n.h1,{id:"tutorial",children:"Tutorial"})}),"\n",(0,a.jsx)(n.h2,{id:"part-1-on-paper",children:"Part 1. On paper"}),"\n",(0,a.jsxs)(n.p,{children:["This tutorial will examine the Real World App, also known as Conduit. Conduit is a basic ",(0,a.jsx)(n.a,{href:"https://medium.com/",children:"Medium"})," clone \u2014 it lets you read and write articles as well as comment on the articles of others."]}),"\n",(0,a.jsx)(n.p,{children:(0,a.jsx)(n.img,{alt:"Conduit home page",src:t(9703).A+"",width:"2880",height:"1504"})}),"\n",(0,a.jsxs)(n.p,{children:["This is a pretty small application, so we will keep it simple and avoid excessive decomposition. It\u2019s highly likely that the entire app will fit into just three layers: ",(0,a.jsx)(n.strong,{children:"App"}),", ",(0,a.jsx)(n.strong,{children:"Pages"}),", and ",(0,a.jsx)(n.strong,{children:"Shared"}),". If not, we will introduce additional layers as we go. Ready?"]}),"\n",(0,a.jsx)(n.h3,{id:"start-by-listing-the-pages",children:"Start by listing the pages"}),"\n",(0,a.jsx)(n.p,{children:"If we look at the screenshot above, we can assume at least the following pages:"}),"\n",(0,a.jsxs)(n.ul,{children:["\n",(0,a.jsx)(n.li,{children:"Home (article feed)"}),"\n",(0,a.jsx)(n.li,{children:"Sign in and sign up"}),"\n",(0,a.jsx)(n.li,{children:"Article reader"}),"\n",(0,a.jsx)(n.li,{children:"Article editor"}),"\n",(0,a.jsx)(n.li,{children:"User profile viewer"}),"\n",(0,a.jsx)(n.li,{children:"User profile editor (user settings)"}),"\n"]}),"\n",(0,a.jsxs)(n.p,{children:["Every one of these pages will become its own ",(0,a.jsx)(n.em,{children:"slice"})," on the Pages ",(0,a.jsx)(n.em,{children:"layer"}),". Recall from the overview that slices are simply folders inside of layers and layers are simply folders with predefined names like ",(0,a.jsx)(n.code,{children:"pages"}),"."]}),"\n",(0,a.jsx)(n.p,{children:"As such, our Pages folder will look like this:"}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{children:"\ud83d\udcc2 pages/\n  \ud83d\udcc1 feed/\n  \ud83d\udcc1 sign-in/\n  \ud83d\udcc1 article-read/\n  \ud83d\udcc1 article-edit/\n  \ud83d\udcc1 profile/\n  \ud83d\udcc1 settings/\n"})}),"\n",(0,a.jsxs)(n.p,{children:["The key difference of Feature-Sliced Design from an unregulated code structure is that pages cannot reference each other. That is, one page cannot import code from another page. This is due to the ",(0,a.jsx)(n.strong,{children:"import rule on layers"}),":"]}),"\n",(0,a.jsx)(n.p,{children:(0,a.jsx)(n.em,{children:"A module in a slice can only import other slices when they are located on layers strictly below."})}),"\n",(0,a.jsx)(n.p,{children:"In this case, a page is a slice, so modules (files) inside this page can only reference code from layers below, not from the same layer, Pages."}),"\n",(0,a.jsx)(n.h3,{id:"close-look-at-the-feed",children:"Close look at the feed"}),"\n",(0,a.jsxs)("figure",{children:[(0,a.jsx)(n.p,{children:(0,a.jsx)(n.img,{alt:"Anonymous user\u2019s perspective",src:t(9703).A+"",width:"2880",height:"1504"})}),(0,a.jsx)("figcaption",{children:(0,a.jsx)(n.p,{children:(0,a.jsx)(n.em,{children:"Anonymous user\u2019s perspective"})})})]}),"\n",(0,a.jsxs)("figure",{children:[(0,a.jsx)(n.p,{children:(0,a.jsx)(n.img,{alt:"Authenticated user\u2019s perspective",src:t(1405).A+"",width:"2880",height:"1504"})}),(0,a.jsx)("figcaption",{children:(0,a.jsx)(n.p,{children:(0,a.jsx)(n.em,{children:"Authenticated user\u2019s perspective"})})})]}),"\n",(0,a.jsx)(n.p,{children:"There are three dynamic areas on the feed page:"}),"\n",(0,a.jsxs)(n.ol,{children:["\n",(0,a.jsx)(n.li,{children:"Sign-in links with an indication if you are signed in"}),"\n",(0,a.jsx)(n.li,{children:"List of tags that triggers filtering in the feed"}),"\n",(0,a.jsx)(n.li,{children:"One/two feeds of articles, each article with a like button"}),"\n"]}),"\n",(0,a.jsx)(n.p,{children:"The sign-in links are a part of a header that is common to all pages, we will revisit it separately."}),"\n",(0,a.jsx)(n.h4,{id:"list-of-tags",children:"List of tags"}),"\n",(0,a.jsxs)(n.p,{children:["To build the list of tags, we need to fetch the available tags, render each tag as a chip, and store the selected tags in a client-side storage. These operations fall into categories \u201cAPI interaction\u201d, \u201cuser interface\u201d, and \u201cstorage\u201d, respectively. In Feature-Sliced Design, code is separated by purpose using ",(0,a.jsx)(n.em,{children:"segments"}),". Segments are folders in slices, and they can have arbitrary names that describe the purpose, but some purposes are so common that there\u2019s a convention for certain segment names:"]}),"\n",(0,a.jsxs)(n.ul,{children:["\n",(0,a.jsxs)(n.li,{children:["\ud83d\udcc2\xa0",(0,a.jsx)(n.code,{children:"api/"})," for backend interactions"]}),"\n",(0,a.jsxs)(n.li,{children:["\ud83d\udcc2\xa0",(0,a.jsx)(n.code,{children:"ui/"})," for code that handles rendering and appearance"]}),"\n",(0,a.jsxs)(n.li,{children:["\ud83d\udcc2\xa0",(0,a.jsx)(n.code,{children:"model/"})," for storage and business logic"]}),"\n",(0,a.jsxs)(n.li,{children:["\ud83d\udcc2\xa0",(0,a.jsx)(n.code,{children:"config/"})," for feature flags, environment variables and other forms of configuration"]}),"\n"]}),"\n",(0,a.jsxs)(n.p,{children:["We will place code that fetches tags into ",(0,a.jsx)(n.code,{children:"api"}),", the tag component into ",(0,a.jsx)(n.code,{children:"ui"}),", and the storage interaction into ",(0,a.jsx)(n.code,{children:"model"}),"."]}),"\n",(0,a.jsx)(n.h4,{id:"articles",children:"Articles"}),"\n",(0,a.jsx)(n.p,{children:"Using the same grouping principles, we can decompose the feed of articles into the same three segments:"}),"\n",(0,a.jsxs)(n.ul,{children:["\n",(0,a.jsxs)(n.li,{children:["\ud83d\udcc2\xa0",(0,a.jsx)(n.code,{children:"api/"}),": fetch paginated articles with like count; like an article"]}),"\n",(0,a.jsxs)(n.li,{children:["\ud83d\udcc2\xa0",(0,a.jsx)(n.code,{children:"ui/"}),":","\n",(0,a.jsxs)(n.ul,{children:["\n",(0,a.jsx)(n.li,{children:"tab list that can render an extra tab if a tag is selected"}),"\n",(0,a.jsx)(n.li,{children:"individual article"}),"\n",(0,a.jsx)(n.li,{children:"functional pagination"}),"\n"]}),"\n"]}),"\n",(0,a.jsxs)(n.li,{children:["\ud83d\udcc2\xa0",(0,a.jsx)(n.code,{children:"model/"}),": client-side storage of the currently loaded articles and current page (if needed)"]}),"\n"]}),"\n",(0,a.jsx)(n.h3,{id:"reuse-generic-code",children:"Reuse generic code"}),"\n",(0,a.jsxs)(n.p,{children:["Most pages are very different in intent, but certain things stay the same across the entire app \u2014 for example, the UI kit that conforms to the design language, or the convention on the backend that everything is done with a REST API with the same authentication method. Since slices are meant to be isolated, code reuse is facilitated by a lower layer, ",(0,a.jsx)(n.strong,{children:"Shared"}),"."]}),"\n",(0,a.jsx)(n.p,{children:"Shared is different from other layers in the sense that it contains segments, not slices. In this way, the Shared layer can be thought of as a hybrid between a layer and a slice."}),"\n",(0,a.jsx)(n.p,{children:"Usually, the code in Shared is not planned ahead of time, but rather extracted during development, because only during development does it become clear which parts of code are actually shared. However, it\u2019s still helpful to keep a mental note of what kind of code naturally belongs in Shared:"}),"\n",(0,a.jsxs)(n.ul,{children:["\n",(0,a.jsxs)(n.li,{children:["\ud83d\udcc2\xa0",(0,a.jsx)(n.code,{children:"ui/"})," \u2014 the UI kit, pure appearance, no business logic. For example, buttons, modal dialogs, form inputs."]}),"\n",(0,a.jsxs)(n.li,{children:["\ud83d\udcc2\xa0",(0,a.jsx)(n.code,{children:"api/"})," \u2014 convenience wrappers around request making primitives (like ",(0,a.jsx)(n.code,{children:"fetch()"})," on the Web) and, optionally, functions for triggering particular requests according to the backend specification."]}),"\n",(0,a.jsxs)(n.li,{children:["\ud83d\udcc2\xa0",(0,a.jsx)(n.code,{children:"config/"})," \u2014 parsing environment variables"]}),"\n",(0,a.jsxs)(n.li,{children:["\ud83d\udcc2\xa0",(0,a.jsx)(n.code,{children:"i18n/"})," \u2014 configuration of language support"]}),"\n",(0,a.jsxs)(n.li,{children:["\ud83d\udcc2\xa0",(0,a.jsx)(n.code,{children:"router/"})," \u2014 routing primitives and route constants"]}),"\n"]}),"\n",(0,a.jsxs)(n.p,{children:["Those are just a few examples of segment names in Shared, but you can omit any of them or create your own. The only important thing to remember when creating new segments is that segment names should describe ",(0,a.jsx)(n.strong,{children:"purpose (the why), not essence (the what)"}),". Names like \u201ccomponents\u201d, \u201chooks\u201d, \u201cmodals\u201d ",(0,a.jsx)(n.em,{children:"should not"})," be used because they describe what these files are, but don\u2019t help to navigate the code inside. This requires people on the team to dig through every file in such folders and also keeps unrelated code close, which leads to broad areas of code being affected by refactoring and thus makes code review and testing harder."]}),"\n",(0,a.jsx)(n.h3,{id:"define-a-strict-public-api",children:"Define a strict public API"}),"\n",(0,a.jsxs)(n.p,{children:["In the context of Feature-Sliced Design, the term ",(0,a.jsx)(n.em,{children:"public API"})," refers to a slice or segment declaring what can be imported from it by other modules in the project. For example, in JavaScript that can be an ",(0,a.jsx)(n.code,{children:"index.js"})," file re-exporting objects from other files in the slice. This enables freedom in refactoring code inside a slice as long as the contract with the outside world (i.e. the public API) stays the same."]}),"\n",(0,a.jsx)(n.p,{children:"For the Shared layer that has no slices, it\u2019s usually more convenient to define a separate public API for each segment as opposed to defining one single index of everything in Shared. This keeps imports from Shared naturally organized by intent. For other layers that have slices, the opposite is true \u2014 it\u2019s usually more practical to define one index per slice and let the slice decide its own set of segments that is unknown to the outside world because other layers usually have a lot less exports."}),"\n",(0,a.jsx)(n.p,{children:"Our slices/segments will appear to each other as follows:"}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{children:"\ud83d\udcc2 pages/\n  \ud83d\udcc2 feed/\n    \ud83d\udcc4 index\n  \ud83d\udcc2 sign-in/\n    \ud83d\udcc4 index\n  \ud83d\udcc2 article-read/\n    \ud83d\udcc4 index\n  \ud83d\udcc1 \u2026\n\ud83d\udcc2 shared/\n  \ud83d\udcc2 ui/\n    \ud83d\udcc4 index\n  \ud83d\udcc2 api/\n    \ud83d\udcc4 index\n  \ud83d\udcc1 \u2026\n"})}),"\n",(0,a.jsxs)(n.p,{children:["Whatever is inside folders like ",(0,a.jsx)(n.code,{children:"pages/feed"})," or ",(0,a.jsx)(n.code,{children:"shared/ui"})," is only known to those folders, and other files should not rely on the internal structure of these folders."]}),"\n",(0,a.jsx)(n.h3,{id:"large-reused-blocks-in-the-ui",children:"Large reused blocks in the UI"}),"\n",(0,a.jsx)(n.p,{children:"Earlier we made a note to revisit the header that appears on every page. Rebuilding it from scratch on every page would be impractical, so it\u2019s only natural to want to reuse it. We already have Shared to facilitate code reuse, however, there\u2019s a caveat to putting large blocks of UI in Shared \u2014 the Shared layer is not supposed to know about any of the layers above."}),"\n",(0,a.jsx)(n.p,{children:"Between Shared and Pages there are three other layers: Entities, Features, and Widgets.  Some projects may have something in those layers that they need in a large reusable block, and that means we can\u2019t put that reusable block in Shared, or else it would be importing from upper layers, which is prohibited. That\u2019s where the Widgets layer comes in. It is located above Shared, Entities, and Features, so it can use them all."}),"\n",(0,a.jsxs)(n.p,{children:["In our case, the header is very simple \u2014 it\u2019s a static logo and top-level navigation. The navigation needs to make a request to the API to determine if the user is currently logged in or not, but that can be handled by a simple import from the ",(0,a.jsx)(n.code,{children:"api"})," segment. Therefore, we will keep our header in Shared."]}),"\n",(0,a.jsx)(n.h3,{id:"close-look-at-a-page-with-a-form",children:"Close look at a page with a form"}),"\n",(0,a.jsx)(n.p,{children:"Let\u2019s also examine a page that\u2019s intended for editing, not reading. For example, the article writer:"}),"\n",(0,a.jsx)(n.p,{children:(0,a.jsx)(n.img,{alt:"Conduit post editor",src:t(9922).A+"",width:"2880",height:"1200"})}),"\n",(0,a.jsx)(n.p,{children:"It looks trivial, but contains several aspects of application development that we haven\u2019t explored yet \u2014 form validation, error states, and data persistence."}),"\n",(0,a.jsxs)(n.p,{children:["If we were to build this page, we would grab some inputs and buttons from Shared and put together a form in the ",(0,a.jsx)(n.code,{children:"ui"})," segment of this page. Then, in the ",(0,a.jsx)(n.code,{children:"api"})," segment, we would define a mutation request to create the article on the backend."]}),"\n",(0,a.jsxs)(n.p,{children:["To validate the request before sending, we need a validation schema, and a good place for it is the ",(0,a.jsx)(n.code,{children:"model"})," segment, since it\u2019s the data model. There we will produce error messages and display them using another component in the ",(0,a.jsx)(n.code,{children:"ui"})," segment."]}),"\n",(0,a.jsxs)(n.p,{children:["To improve user experience, we could also persist the inputs to prevent accidental data loss. This is also a job of the ",(0,a.jsx)(n.code,{children:"model"})," segment."]}),"\n",(0,a.jsx)(n.h3,{id:"summary",children:"Summary"}),"\n",(0,a.jsx)(n.p,{children:"We have examined several pages and outlined a preliminary structure for our application:"}),"\n",(0,a.jsxs)(n.ol,{children:["\n",(0,a.jsxs)(n.li,{children:["Shared layer","\n",(0,a.jsxs)(n.ol,{children:["\n",(0,a.jsxs)(n.li,{children:[(0,a.jsx)(n.code,{children:"ui"}),"  will contain our reusable UI kit"]}),"\n",(0,a.jsxs)(n.li,{children:[(0,a.jsx)(n.code,{children:"api"}),"  will contain our primitive interactions with the backend"]}),"\n",(0,a.jsx)(n.li,{children:"The rest will be arranged on demand"}),"\n"]}),"\n"]}),"\n",(0,a.jsxs)(n.li,{children:["Pages layer \u2014 each page is a separate slice","\n",(0,a.jsxs)(n.ol,{children:["\n",(0,a.jsxs)(n.li,{children:[(0,a.jsx)(n.code,{children:"ui"}),"  will contain the page itself and all of its parts"]}),"\n",(0,a.jsxs)(n.li,{children:[(0,a.jsx)(n.code,{children:"api"}),"  will contain more specialized data fetching, using ",(0,a.jsx)(n.code,{children:"shared/api"})]}),"\n",(0,a.jsxs)(n.li,{children:[(0,a.jsx)(n.code,{children:"model"}),"  might contain client-side storage of the data that we will display"]}),"\n"]}),"\n"]}),"\n"]}),"\n",(0,a.jsx)(n.p,{children:"Let\u2019s get building!"}),"\n",(0,a.jsx)(n.h2,{id:"part-2-in-code",children:"Part 2. In code"}),"\n",(0,a.jsxs)(n.p,{children:["Now that we have a plan, let\u2019s put it to practice. We will use React and ",(0,a.jsx)(n.a,{href:"https://remix.run",children:"Remix"}),"."]}),"\n",(0,a.jsxs)(n.p,{children:["There's a template ready for this project, clone it from GitHub to get a headstart: ",(0,a.jsx)(n.a,{href:"https://github.com/feature-sliced/tutorial-conduit/tree/clean",children:"https://github.com/feature-sliced/tutorial-conduit/tree/clean"}),"."]}),"\n",(0,a.jsxs)(n.p,{children:["Install dependencies with ",(0,a.jsx)(n.code,{children:"npm install"})," and start the development server with ",(0,a.jsx)(n.code,{children:"npm run dev"}),". Open ",(0,a.jsx)(n.a,{href:"http://localhost:3000",children:"http://localhost:3000"})," and you should see a blank app."]}),"\n",(0,a.jsx)(n.h3,{id:"lay-out-the-pages",children:"Lay out the pages"}),"\n",(0,a.jsx)(n.p,{children:"Let\u2019s start by creating blank components for all our pages. Run the following command in your project:"}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{className:"language-bash",children:"npx fsd pages feed sign-in article-read article-edit profile settings --segments ui\n"})}),"\n",(0,a.jsxs)(n.p,{children:["This will create folders like ",(0,a.jsx)(n.code,{children:"pages/feed/ui/"})," and an index file, ",(0,a.jsx)(n.code,{children:"pages/feed/index.ts"}),", for every page."]}),"\n",(0,a.jsx)(n.h3,{id:"connect-the-feed-page",children:"Connect the feed page"}),"\n",(0,a.jsxs)(n.p,{children:["Let\u2019s connect the root route of our application to the feed page. Create a component, ",(0,a.jsx)(n.code,{children:"FeedPage.tsx"})," in ",(0,a.jsx)(n.code,{children:"pages/feed/ui"})," and put the following inside it:"]}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/feed/ui/FeedPage.tsx"',children:'export function FeedPage() {\n  return (\n    <div className="home-page">\n      <div className="banner">\n        <div className="container">\n          <h1 className="logo-font">conduit</h1>\n          <p>A place to share your knowledge.</p>\n        </div>\n      </div>\n    </div>\n  );\n}\n'})}),"\n",(0,a.jsxs)(n.p,{children:["Then re-export this component in the feed page\u2019s public API, the ",(0,a.jsx)(n.code,{children:"pages/feed/index.ts"})," file:"]}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{className:"language-ts",metastring:'title="pages/feed/index.ts"',children:'export { FeedPage } from "./ui/FeedPage";\n'})}),"\n",(0,a.jsxs)(n.p,{children:["Now connect it to the root route. In Remix, routing is file-based, and the route files are located in the ",(0,a.jsx)(n.code,{children:"app/routes"})," folder, which nicely coincides with Feature-Sliced Design."]}),"\n",(0,a.jsxs)(n.p,{children:["Use the ",(0,a.jsx)(n.code,{children:"FeedPage"})," component in ",(0,a.jsx)(n.code,{children:"app/routes/_index.tsx"}),":"]}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{className:"language-tsx",metastring:'title="app/routes/_index.tsx"',children:'import type { MetaFunction } from "@remix-run/node";\nimport { FeedPage } from "pages/feed";\n\nexport const meta: MetaFunction = () => {\n  return [{ title: "Conduit" }];\n};\n\nexport default FeedPage;\n'})}),"\n",(0,a.jsx)(n.p,{children:"Then, if you run the dev server and open the application, you should see the Conduit banner!"}),"\n",(0,a.jsx)(n.p,{children:(0,a.jsx)(n.img,{alt:"The banner of Conduit",src:t(8891).A+"",width:"2880",height:"338"})}),"\n",(0,a.jsx)(n.h3,{id:"api-client",children:"API client"}),"\n",(0,a.jsxs)(n.p,{children:["To talk to the RealWorld backend, let\u2019s create a convenient API client in Shared. Create two segments, ",(0,a.jsx)(n.code,{children:"api"})," for the client and ",(0,a.jsx)(n.code,{children:"config"})," for variables like the backend base URL:"]}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{className:"language-bash",children:"npx fsd shared --segments api config\n"})}),"\n",(0,a.jsxs)(n.p,{children:["Then create ",(0,a.jsx)(n.code,{children:"shared/config/backend.ts"}),":"]}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{className:"language-tsx",metastring:'title="shared/config/backend.ts"',children:'export const backendBaseUrl = "https://api.realworld.io/api";\n'})}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{className:"language-tsx",metastring:'title="shared/config/index.ts"',children:'export { backendBaseUrl } from "./backend";\n'})}),"\n",(0,a.jsxs)(n.p,{children:["Since the RealWorld project conveniently provides an ",(0,a.jsx)(n.a,{href:"https://github.com/gothinkster/realworld/blob/main/api/openapi.yml",children:"OpenAPI specification"}),", we can take advantage of auto-generated types for our client. We will use ",(0,a.jsxs)(n.a,{href:"https://openapi-ts.pages.dev/openapi-fetch/",children:["the ",(0,a.jsx)(n.code,{children:"openapi-fetch"})," package"]})," that comes with an additional type generator."]}),"\n",(0,a.jsx)(n.p,{children:"Run the following command to generate up-to-date API typings:"}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{className:"language-bash",children:"npm run generate-api-types\n"})}),"\n",(0,a.jsxs)(n.p,{children:["This will create a file ",(0,a.jsx)(n.code,{children:"shared/api/v1.d.ts"}),". We will use this file to create a typed API client in ",(0,a.jsx)(n.code,{children:"shared/api/client.ts"}),":"]}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{className:"language-tsx",metastring:'title="shared/api/client.ts"',children:'import createClient from "openapi-fetch";\n\nimport { backendBaseUrl } from "shared/config";\nimport type { paths } from "./v1";\n\nexport const { GET, POST, PUT, DELETE } = createClient<paths>({ baseUrl: backendBaseUrl });\n'})}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{className:"language-tsx",metastring:'title="shared/api/index.ts"',children:'export { GET, POST, PUT, DELETE } from "./client";\n'})}),"\n",(0,a.jsx)(n.h3,{id:"real-data-in-the-feed",children:"Real data in the feed"}),"\n",(0,a.jsx)(n.p,{children:"We can now proceed to adding articles to the feed, fetched from the backend. Let\u2019s begin by implementing an article preview component."}),"\n",(0,a.jsxs)(n.p,{children:["Create ",(0,a.jsx)(n.code,{children:"pages/feed/ui/ArticlePreview.tsx"})," with the following content:"]}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/feed/ui/ArticlePreview.tsx"',children:"export function ArticlePreview({ article }) { /* TODO */ }\n"})}),"\n",(0,a.jsxs)(n.p,{children:["Since we\u2019re writing in TypeScript, it would be nice to have a typed article object. If we explore the generated ",(0,a.jsx)(n.code,{children:"v1.d.ts"}),", we can see that the article object is available through ",(0,a.jsx)(n.code,{children:'components["schemas"]["Article"]'}),". So let\u2019s create a file with our data models in Shared and export the models:"]}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{className:"language-tsx",metastring:'title="shared/api/models.ts"',children:'import type { components } from "./v1";\n\nexport type Article = components["schemas"]["Article"];\n'})}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{className:"language-tsx",metastring:'title="shared/api/index.ts"',children:'export { GET, POST, PUT, DELETE } from "./client";\n\nexport type { Article } from "./models";\n'})}),"\n",(0,a.jsx)(n.p,{children:"Now we can come back to the article preview component and fill the markup with data. Update the component with the following content:"}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/feed/ui/ArticlePreview.tsx"',children:'import { Link } from "@remix-run/react";\nimport type { Article } from "shared/api";\n\ninterface ArticlePreviewProps {\n  article: Article;\n}\n\nexport function ArticlePreview({ article }: ArticlePreviewProps) {\n  return (\n    <div className="article-preview">\n      <div className="article-meta">\n        <Link to={`/profile/${article.author.username}`} prefetch="intent">\n          <img src={article.author.image} alt="" />\n        </Link>\n        <div className="info">\n          <Link\n            to={`/profile/${article.author.username}`}\n            className="author"\n            prefetch="intent"\n          >\n            {article.author.username}\n          </Link>\n          <span className="date" suppressHydrationWarning>\n            {new Date(article.createdAt).toLocaleDateString(undefined, {\n              dateStyle: "long",\n            })}\n          </span>\n        </div>\n        <button className="btn btn-outline-primary btn-sm pull-xs-right">\n          <i className="ion-heart"></i> {article.favoritesCount}\n        </button>\n      </div>\n      <Link\n        to={`/article/${article.slug}`}\n        className="preview-link"\n        prefetch="intent"\n      >\n        <h1>{article.title}</h1>\n        <p>{article.description}</p>\n        <span>Read more...</span>\n        <ul className="tag-list">\n          {article.tagList.map((tag) => (\n            <li key={tag} className="tag-default tag-pill tag-outline">\n              {tag}\n            </li>\n          ))}\n        </ul>\n      </Link>\n    </div>\n  );\n}\n'})}),"\n",(0,a.jsx)(n.p,{children:"The like button doesn\u2019t do anything for now, we will fix that when we get to the article reader page and implement the liking functionality."}),"\n",(0,a.jsxs)(n.p,{children:["Now we can fetch the articles and render out a bunch of these cards. Fetching data in Remix is done with ",(0,a.jsx)(n.em,{children:"loaders"})," \u2014 server-side functions that fetch exactly what a page needs. Loaders interact with the API on the page\u2019s behalf, so we will put them in the ",(0,a.jsx)(n.code,{children:"api"})," segment of a page:"]}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/feed/api/loader.ts"',children:'import { json } from "@remix-run/node";\n\nimport { GET } from "shared/api";\n\nexport const loader = async () => {\n  const { data: articles, error, response } = await GET("/articles");\n\n  if (error !== undefined) {\n    throw json(error, { status: response.status });\n  }\n\n  return json({ articles });\n};\n'})}),"\n",(0,a.jsxs)(n.p,{children:["To connect it to the page, we need to export it with the name ",(0,a.jsx)(n.code,{children:"loader"})," from the route file:"]}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/feed/index.ts"',children:'export { FeedPage } from "./ui/FeedPage";\nexport { loader } from "./api/loader";\n'})}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{className:"language-tsx",metastring:'title="app/routes/_index.tsx"',children:'import type { MetaFunction } from "@remix-run/node";\nimport { FeedPage } from "pages/feed";\n\nexport { loader } from "pages/feed";\n\nexport const meta: MetaFunction = () => {\n  return [{ title: "Conduit" }];\n};\n\nexport default FeedPage;\n'})}),"\n",(0,a.jsxs)(n.p,{children:["And the final step is to render these cards in the feed. Update your ",(0,a.jsx)(n.code,{children:"FeedPage"})," with the following code:"]}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/feed/ui/FeedPage.tsx"',children:'import { useLoaderData } from "@remix-run/react";\n\nimport type { loader } from "../api/loader";\nimport { ArticlePreview } from "./ArticlePreview";\n\nexport function FeedPage() {\n  const { articles } = useLoaderData<typeof loader>();\n\n  return (\n    <div className="home-page">\n      <div className="banner">\n        <div className="container">\n          <h1 className="logo-font">conduit</h1>\n          <p>A place to share your knowledge.</p>\n        </div>\n      </div>\n\n      <div className="container page">\n        <div className="row">\n          <div className="col-md-9">\n            {articles.articles.map((article) => (\n              <ArticlePreview key={article.slug} article={article} />\n            ))}\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n}\n'})}),"\n",(0,a.jsx)(n.h3,{id:"filtering-by-tag",children:"Filtering by tag"}),"\n",(0,a.jsxs)(n.p,{children:["Regarding the tags, our job is to fetch them from the backend and to store the currently selected tag. We already know how to do fetching \u2014 it\u2019s another request from the loader. We will use a convenience function ",(0,a.jsx)(n.code,{children:"promiseHash"})," from a package ",(0,a.jsx)(n.code,{children:"remix-utils"}),", which is already installed."]}),"\n",(0,a.jsxs)(n.p,{children:["Update the loader file, ",(0,a.jsx)(n.code,{children:"pages/feed/api/loader.ts"}),", with the following code:"]}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/feed/api/loader.ts"',children:'import { json } from "@remix-run/node";\nimport type { FetchResponse } from "openapi-fetch";\nimport { promiseHash } from "remix-utils/promise";\n\nimport { GET } from "shared/api";\n\nasync function throwAnyErrors<T, O, Media extends `${string}/${string}`>(\n  responsePromise: Promise<FetchResponse<T, O, Media>>,\n) {\n  const { data, error, response } = await responsePromise;\n\n  if (error !== undefined) {\n    throw json(error, { status: response.status });\n  }\n\n  return data as NonNullable<typeof data>;\n}\n\nexport const loader = async () => {\n  return json(\n    await promiseHash({\n      articles: throwAnyErrors(GET("/articles")),\n      tags: throwAnyErrors(GET("/tags")),\n    }),\n  );\n};\n'})}),"\n",(0,a.jsxs)(n.p,{children:["You might notice that we extracted the error handling into a generic function ",(0,a.jsx)(n.code,{children:"throwAnyErrors"}),". It looks pretty useful, so we might want to reuse it later, but for now let\u2019s just keep an eye on it."]}),"\n",(0,a.jsx)(n.p,{children:"Now, to the list of tags. It needs to be interactive \u2014 clicking on a tag should make that tag selected. By Remix convention, we will use the URL search parameters as our storage for the selected tag. Let the browser take care of storage while we focus on more important things."}),"\n",(0,a.jsxs)(n.p,{children:["Update ",(0,a.jsx)(n.code,{children:"pages/feed/ui/FeedPage.tsx"})," with the following code:"]}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/feed/ui/FeedPage.tsx"',children:'import { Form, useLoaderData } from "@remix-run/react";\nimport { ExistingSearchParams } from "remix-utils/existing-search-params";\n\nimport type { loader } from "../api/loader";\nimport { ArticlePreview } from "./ArticlePreview";\n\nexport function FeedPage() {\n  const { articles, tags } = useLoaderData<typeof loader>();\n\n  return (\n    <div className="home-page">\n      <div className="banner">\n        <div className="container">\n          <h1 className="logo-font">conduit</h1>\n          <p>A place to share your knowledge.</p>\n        </div>\n      </div>\n\n      <div className="container page">\n        <div className="row">\n          <div className="col-md-9">\n            {articles.articles.map((article) => (\n              <ArticlePreview key={article.slug} article={article} />\n            ))}\n          </div>\n\n          <div className="col-md-3">\n            <div className="sidebar">\n              <p>Popular Tags</p>\n\n              <Form>\n                <ExistingSearchParams exclude={["tag"]} />\n                <div className="tag-list">\n                  {tags.tags.map((tag) => (\n                    <button\n                      key={tag}\n                      name="tag"\n                      value={tag}\n                      className="tag-pill tag-default"\n                    >\n                      {tag}\n                    </button>\n                  ))}\n                </div>\n              </Form>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n} \n'})}),"\n",(0,a.jsxs)(n.p,{children:["Then we need to use the ",(0,a.jsx)(n.code,{children:"tag"})," search parameter in our loader. Change the ",(0,a.jsx)(n.code,{children:"loader"})," function in ",(0,a.jsx)(n.code,{children:"pages/feed/api/loader.ts"})," to the following:"]}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/feed/api/loader.ts"',children:'import { json, type LoaderFunctionArgs } from "@remix-run/node";\nimport type { FetchResponse } from "openapi-fetch";\nimport { promiseHash } from "remix-utils/promise";\n\nimport { GET } from "shared/api";\n\nasync function throwAnyErrors<T, O, Media extends `${string}/${string}`>(\n  responsePromise: Promise<FetchResponse<T, O, Media>>,\n) {\n  const { data, error, response } = await responsePromise;\n\n  if (error !== undefined) {\n    throw json(error, { status: response.status });\n  }\n\n  return data as NonNullable<typeof data>;\n}\n\nexport const loader = async ({ request }: LoaderFunctionArgs) => {\n  const url = new URL(request.url);\n  const selectedTag = url.searchParams.get("tag") ?? undefined;\n\n  return json(\n    await promiseHash({\n      articles: throwAnyErrors(\n        GET("/articles", { params: { query: { tag: selectedTag } } }),\n      ),\n      tags: throwAnyErrors(GET("/tags")),\n    }),\n  );\n};\n'})}),"\n",(0,a.jsxs)(n.p,{children:["That\u2019s it, no ",(0,a.jsx)(n.code,{children:"model"})," segment necessary. Remix is pretty neat."]}),"\n",(0,a.jsx)(n.h3,{id:"pagination",children:"Pagination"}),"\n",(0,a.jsx)(n.p,{children:"In a similar fashion, we can implement the pagination. Feel free to give it a shot yourself or just copy the code below. There\u2019s no one to judge you anyway."}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/feed/api/loader.ts"',children:'import { json, type LoaderFunctionArgs } from "@remix-run/node";\nimport type { FetchResponse } from "openapi-fetch";\nimport { promiseHash } from "remix-utils/promise";\n\nimport { GET } from "shared/api";\n\nasync function throwAnyErrors<T, O, Media extends `${string}/${string}`>(\n  responsePromise: Promise<FetchResponse<T, O, Media>>,\n) {\n  const { data, error, response } = await responsePromise;\n\n  if (error !== undefined) {\n    throw json(error, { status: response.status });\n  }\n\n  return data as NonNullable<typeof data>;\n}\n\n/** Amount of articles on one page. */\nexport const LIMIT = 20;\n\nexport const loader = async ({ request }: LoaderFunctionArgs) => {\n  const url = new URL(request.url);\n  const selectedTag = url.searchParams.get("tag") ?? undefined;\n  const page = parseInt(url.searchParams.get("page") ?? "", 10);\n\n  return json(\n    await promiseHash({\n      articles: throwAnyErrors(\n        GET("/articles", {\n          params: {\n            query: {\n              tag: selectedTag,\n              limit: LIMIT,\n              offset: !Number.isNaN(page) ? page * LIMIT : undefined,\n            },\n          },\n        }),\n      ),\n      tags: throwAnyErrors(GET("/tags")),\n    }),\n  );\n};\n'})}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/feed/ui/FeedPage.tsx"',children:'import { Form, useLoaderData, useSearchParams } from "@remix-run/react";\nimport { ExistingSearchParams } from "remix-utils/existing-search-params";\n\nimport { LIMIT, type loader } from "../api/loader";\nimport { ArticlePreview } from "./ArticlePreview";\n\nexport function FeedPage() {\n  const [searchParams] = useSearchParams();\n  const { articles, tags } = useLoaderData<typeof loader>();\n  const pageAmount = Math.ceil(articles.articlesCount / LIMIT);\n  const currentPage = parseInt(searchParams.get("page") ?? "1", 10);\n\n  return (\n    <div className="home-page">\n      <div className="banner">\n        <div className="container">\n          <h1 className="logo-font">conduit</h1>\n          <p>A place to share your knowledge.</p>\n        </div>\n      </div>\n\n      <div className="container page">\n        <div className="row">\n          <div className="col-md-9">\n            {articles.articles.map((article) => (\n              <ArticlePreview key={article.slug} article={article} />\n            ))}\n\n            <Form>\n              <ExistingSearchParams exclude={["page"]} />\n              <ul className="pagination">\n                {Array(pageAmount)\n                  .fill(null)\n                  .map((_, index) =>\n                    index + 1 === currentPage ? (\n                      <li key={index} className="page-item active">\n                        <span className="page-link">{index + 1}</span>\n                      </li>\n                    ) : (\n                      <li key={index} className="page-item">\n                        <button\n                          className="page-link"\n                          name="page"\n                          value={index + 1}\n                        >\n                          {index + 1}\n                        </button>\n                      </li>\n                    ),\n                  )}\n              </ul>\n            </Form>\n          </div>\n\n          <div className="col-md-3">\n            <div className="sidebar">\n              <p>Popular Tags</p>\n\n              <Form>\n                <ExistingSearchParams exclude={["tag", "page"]} />\n                <div className="tag-list">\n                  {tags.tags.map((tag) => (\n                    <button\n                      key={tag}\n                      name="tag"\n                      value={tag}\n                      className="tag-pill tag-default"\n                    >\n                      {tag}\n                    </button>\n                  ))}\n                </div>\n              </Form>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n}\n'})}),"\n",(0,a.jsx)(n.p,{children:"So that\u2019s also done. There\u2019s also the tab list that can be similarly implemented, but let\u2019s hold on to that until we implement authentication. Speaking of which!"}),"\n",(0,a.jsx)(n.h3,{id:"authentication",children:"Authentication"}),"\n",(0,a.jsxs)(n.p,{children:["Authentication involves two pages \u2014 one to login and another to register. They are mostly the same, so it makes sense to keep them in the same slice, ",(0,a.jsx)(n.code,{children:"sign-in"}),", so that they can reuse code if needed."]}),"\n",(0,a.jsxs)(n.p,{children:["Create ",(0,a.jsx)(n.code,{children:"RegisterPage.tsx"})," in the ",(0,a.jsx)(n.code,{children:"ui"})," segment of ",(0,a.jsx)(n.code,{children:"pages/sign-in"})," with the following content:"]}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/sign-in/ui/RegisterPage.tsx"',children:'import { Form, Link, useActionData } from "@remix-run/react";\n\nimport type { register } from "../api/register";\n\nexport function RegisterPage() {\n  const registerData = useActionData<typeof register>();\n\n  return (\n    <div className="auth-page">\n      <div className="container page">\n        <div className="row">\n          <div className="col-md-6 offset-md-3 col-xs-12">\n            <h1 className="text-xs-center">Sign up</h1>\n            <p className="text-xs-center">\n              <Link to="/login">Have an account?</Link>\n            </p>\n\n            {registerData?.error && (\n              <ul className="error-messages">\n                {registerData.error.errors.body.map((error) => (\n                  <li key={error}>{error}</li>\n                ))}\n              </ul>\n            )}\n\n            <Form method="post">\n              <fieldset className="form-group">\n                <input\n                  className="form-control form-control-lg"\n                  type="text"\n                  name="username"\n                  placeholder="Username"\n                />\n              </fieldset>\n              <fieldset className="form-group">\n                <input\n                  className="form-control form-control-lg"\n                  type="text"\n                  name="email"\n                  placeholder="Email"\n                />\n              </fieldset>\n              <fieldset className="form-group">\n                <input\n                  className="form-control form-control-lg"\n                  type="password"\n                  name="password"\n                  placeholder="Password"\n                />\n              </fieldset>\n              <button className="btn btn-lg btn-primary pull-xs-right">\n                Sign up\n              </button>\n            </Form>\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n}\n'})}),"\n",(0,a.jsx)(n.p,{children:"We have a broken import to fix now. It involves a new segment, so create that:"}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{className:"language-bash",children:"npx fsd pages sign-in -s api\n"})}),"\n",(0,a.jsx)(n.p,{children:"However, before we can implement the backend part of registering, we need some infrastructure code for Remix to handle sessions. That goes to Shared, in case any other page needs it."}),"\n",(0,a.jsxs)(n.p,{children:["Put the following code in ",(0,a.jsx)(n.code,{children:"shared/api/auth.server.ts"}),". This is highly Remix-specific, so don\u2019t worry too much about it, just copy-paste:"]}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{className:"language-tsx",metastring:'title="shared/api/auth.server.ts"',children:'import { createCookieSessionStorage, redirect } from "@remix-run/node";\nimport invariant from "tiny-invariant";\n\nimport type { User } from "./models";\n\ninvariant(\n  process.env.SESSION_SECRET,\n  "SESSION_SECRET must be set for authentication to work",\n);\n\nconst sessionStorage = createCookieSessionStorage<{\n  user: User;\n}>({\n  cookie: {\n    name: "__session",\n    httpOnly: true,\n    path: "/",\n    sameSite: "lax",\n    secrets: [process.env.SESSION_SECRET],\n    secure: process.env.NODE_ENV === "production",\n  },\n});\n\nexport async function createUserSession({\n  request,\n  user,\n  redirectTo,\n}: {\n  request: Request;\n  user: User;\n  redirectTo: string;\n}) {\n  const cookie = request.headers.get("Cookie");\n  const session = await sessionStorage.getSession(cookie);\n\n  session.set("user", user);\n\n  return redirect(redirectTo, {\n    headers: {\n      "Set-Cookie": await sessionStorage.commitSession(session, {\n        maxAge: 60 * 60 * 24 * 7, // 7 days\n      }),\n    },\n  });\n}\n\nexport async function getUserFromSession(request: Request) {\n  const cookie = request.headers.get("Cookie");\n  const session = await sessionStorage.getSession(cookie);\n\n  return session.get("user") ?? null;\n}\n\nexport async function requireUser(request: Request) {\n  const user = await getUserFromSession(request);\n\n  if (user === null) {\n    throw redirect("/login");\n  }\n\n  return user;\n}\n'})}),"\n",(0,a.jsxs)(n.p,{children:["And also export the ",(0,a.jsx)(n.code,{children:"User"})," model from the ",(0,a.jsx)(n.code,{children:"models.ts"})," file right next to it:"]}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{className:"language-tsx",metastring:'title="shared/api/models.ts"',children:'import type { components } from "./v1";\n\nexport type Article = components["schemas"]["Article"];\nexport type User = components["schemas"]["User"];\n'})}),"\n",(0,a.jsxs)(n.p,{children:["Before this code can work, the ",(0,a.jsx)(n.code,{children:"SESSION_SECRET"})," environment variable needs to be set. Create a file called ",(0,a.jsx)(n.code,{children:".env"})," in the root of the project, write ",(0,a.jsx)(n.code,{children:"SESSION_SECRET="})," and then mash some keys on your keyboard to create a long random string. You should get something like this:"]}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{className:"language-bash",metastring:'title=".env"',children:"SESSION_SECRET=dontyoudarecopypastethis\n"})}),"\n",(0,a.jsx)(n.p,{children:"Finally, add some exports to the public API to make use of this code:"}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{className:"language-tsx",metastring:'title="shared/api/index.ts"',children:'export { GET, POST, PUT, DELETE } from "./client";\n\nexport type { Article } from "./models";\n\nexport { createUserSession, getUserFromSession, requireUser } from "./auth.server";\n'})}),"\n",(0,a.jsxs)(n.p,{children:["Now we can write the code that will talk to the RealWorld backend to actually do the registration. We will keep that in ",(0,a.jsx)(n.code,{children:"pages/sign-in/api"}),". Create a file called ",(0,a.jsx)(n.code,{children:"register.ts"})," and put the following code inside:"]}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/sign-in/api/register.ts"',children:'import { json, type ActionFunctionArgs } from "@remix-run/node";\n\nimport { POST, createUserSession } from "shared/api";\n\nexport const register = async ({ request }: ActionFunctionArgs) => {\n  const formData = await request.formData();\n  const username = formData.get("username")?.toString() ?? "";\n  const email = formData.get("email")?.toString() ?? "";\n  const password = formData.get("password")?.toString() ?? "";\n\n  const { data, error } = await POST("/users", {\n    body: { user: { email, password, username } },\n  });\n\n  if (error) {\n    return json({ error }, { status: 400 });\n  } else {\n    return createUserSession({\n      request: request,\n      user: data.user,\n      redirectTo: "/",\n    });\n  }\n};\n'})}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/sign-in/index.ts"',children:"export { RegisterPage } from './ui/RegisterPage';\nexport { register } from './api/register';\n"})}),"\n",(0,a.jsxs)(n.p,{children:["Almost done! Just need to connect the page and action to the ",(0,a.jsx)(n.code,{children:"/register"})," route. Create ",(0,a.jsx)(n.code,{children:"register.tsx"})," in ",(0,a.jsx)(n.code,{children:"app/routes"}),":"]}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{className:"language-tsx",metastring:'title="app/routes/register.tsx"',children:'import { RegisterPage, register } from "pages/sign-in";\n\nexport { register as action };\n\nexport default RegisterPage;\n'})}),"\n",(0,a.jsxs)(n.p,{children:["Now if you go to ",(0,a.jsx)(n.a,{href:"http://localhost:3000/register",children:"http://localhost:3000/register"}),", you should be able to create a user! The rest of the application won\u2019t react to this yet, we\u2019ll address that momentarily."]}),"\n",(0,a.jsx)(n.p,{children:"In a very similar way, we can implement the login page. Give it a try or just grab the code and move on:"}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/sign-in/api/sign-in.ts"',children:'import { json, type ActionFunctionArgs } from "@remix-run/node";\n\nimport { POST, createUserSession } from "shared/api";\n\nexport const signIn = async ({ request }: ActionFunctionArgs) => {\n  const formData = await request.formData();\n  const email = formData.get("email")?.toString() ?? "";\n  const password = formData.get("password")?.toString() ?? "";\n\n  const { data, error } = await POST("/users/login", {\n    body: { user: { email, password } },\n  });\n\n  if (error) {\n    return json({ error }, { status: 400 });\n  } else {\n    return createUserSession({\n      request: request,\n      user: data.user,\n      redirectTo: "/",\n    });\n  }\n};\n'})}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/sign-in/ui/SignInPage.tsx"',children:'import { Form, Link, useActionData } from "@remix-run/react";\n\nimport type { signIn } from "../api/sign-in";\n\nexport function SignInPage() {\n  const signInData = useActionData<typeof signIn>();\n\n  return (\n    <div className="auth-page">\n      <div className="container page">\n        <div className="row">\n          <div className="col-md-6 offset-md-3 col-xs-12">\n            <h1 className="text-xs-center">Sign in</h1>\n            <p className="text-xs-center">\n              <Link to="/register">Need an account?</Link>\n            </p>\n\n            {signInData?.error && (\n              <ul className="error-messages">\n                {signInData.error.errors.body.map((error) => (\n                  <li key={error}>{error}</li>\n                ))}\n              </ul>\n            )}\n\n            <Form method="post">\n              <fieldset className="form-group">\n                <input\n                  className="form-control form-control-lg"\n                  name="email"\n                  type="text"\n                  placeholder="Email"\n                />\n              </fieldset>\n              <fieldset className="form-group">\n                <input\n                  className="form-control form-control-lg"\n                  name="password"\n                  type="password"\n                  placeholder="Password"\n                />\n              </fieldset>\n              <button className="btn btn-lg btn-primary pull-xs-right">\n                Sign in\n              </button>\n            </Form>\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n}\n'})}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/sign-in/index.ts"',children:"export { RegisterPage } from './ui/RegisterPage';\nexport { register } from './api/register';\nexport { SignInPage } from './ui/SignInPage';\nexport { signIn } from './api/sign-in';\n"})}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{className:"language-tsx",metastring:'title="app/routes/login.tsx"',children:'import { SignInPage, signIn } from "pages/sign-in";\n\nexport { signIn as action };\n\nexport default SignInPage;\n'})}),"\n",(0,a.jsx)(n.p,{children:"Now let\u2019s give the users a way to actually get to these pages."}),"\n",(0,a.jsx)(n.h3,{id:"header",children:"Header"}),"\n",(0,a.jsx)(n.p,{children:"As we discussed in part 1, the app header is commonly placed either in Widgets or in Shared. We will put it in Shared because it\u2019s very simple and all the business logic can be kept outside of it. Let\u2019s create a place for it:"}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{className:"language-bash",children:"npx fsd shared ui\n"})}),"\n",(0,a.jsxs)(n.p,{children:["Now create ",(0,a.jsx)(n.code,{children:"shared/ui/Header.tsx"}),"  with the following contents:"]}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{className:"language-tsx",metastring:'title="shared/ui/Header.tsx"',children:'import { useContext } from "react";\nimport { Link, useLocation } from "@remix-run/react";\n\nimport { CurrentUser } from "../api/currentUser";\n\nexport function Header() {\n  const currentUser = useContext(CurrentUser);\n  const { pathname } = useLocation();\n\n  return (\n    <nav className="navbar navbar-light">\n      <div className="container">\n        <Link className="navbar-brand" to="/" prefetch="intent">\n          conduit\n        </Link>\n        <ul className="nav navbar-nav pull-xs-right">\n          <li className="nav-item">\n            <Link\n              prefetch="intent"\n              className={`nav-link ${pathname == "/" ? "active" : ""}`}\n              to="/"\n            >\n              Home\n            </Link>\n          </li>\n          {currentUser == null ? (\n            <>\n              <li className="nav-item">\n                <Link\n                  prefetch="intent"\n                  className={`nav-link ${pathname == "/login" ? "active" : ""}`}\n                  to="/login"\n                >\n                  Sign in\n                </Link>\n              </li>\n              <li className="nav-item">\n                <Link\n                  prefetch="intent"\n                  className={`nav-link ${pathname == "/register" ? "active" : ""}`}\n                  to="/register"\n                >\n                  Sign up\n                </Link>\n              </li>\n            </>\n          ) : (\n            <>\n              <li className="nav-item">\n                <Link\n                  prefetch="intent"\n                  className={`nav-link ${pathname == "/editor" ? "active" : ""}`}\n                  to="/editor"\n                >\n                  <i className="ion-compose"></i>&nbsp;New Article{" "}\n                </Link>\n              </li>\n\n              <li className="nav-item">\n                <Link\n                  prefetch="intent"\n                  className={`nav-link ${pathname == "/settings" ? "active" : ""}`}\n                  to="/settings"\n                >\n                  {" "}\n                  <i className="ion-gear-a"></i>&nbsp;Settings{" "}\n                </Link>\n              </li>\n              <li className="nav-item">\n                <Link\n                  prefetch="intent"\n                  className={`nav-link ${pathname.includes("/profile") ? "active" : ""}`}\n                  to={`/profile/${currentUser.username}`}\n                >\n                  {currentUser.image && (\n                    <img\n                      width={25}\n                      height={25}\n                      src={currentUser.image}\n                      className="user-pic"\n                      alt=""\n                    />\n                  )}\n                  {currentUser.username}\n                </Link>\n              </li>\n            </>\n          )}\n        </ul>\n      </div>\n    </nav>\n  );\n}\n'})}),"\n",(0,a.jsxs)(n.p,{children:["Export this component from ",(0,a.jsx)(n.code,{children:"shared/ui"}),":"]}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{className:"language-tsx",metastring:'title="shared/ui/index.ts"',children:'export { Header } from "./Header";\n'})}),"\n",(0,a.jsxs)(n.p,{children:["In the header, we rely on the context that\u2019s kept in ",(0,a.jsx)(n.code,{children:"shared/api"}),". Create that as well:"]}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{className:"language-tsx",metastring:'title="shared/api/currentUser.ts"',children:'import { createContext } from "react";\n\nimport type { User } from "./models";\n\nexport const CurrentUser = createContext<User | null>(null);\n'})}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{className:"language-tsx",metastring:'title="shared/api/index.ts"',children:'export { GET, POST, PUT, DELETE } from "./client";\n\nexport type { Article } from "./models";\n\nexport { createUserSession, getUserFromSession, requireUser } from "./auth.server";\nexport { CurrentUser } from "./currentUser";\n'})}),"\n",(0,a.jsxs)(n.p,{children:["Now let\u2019s add the header to the page. We want it to be on every single page, so it makes sense to simply add it to the root route and wrap the outlet (the place where the page will be rendered) with the ",(0,a.jsx)(n.code,{children:"CurrentUser"})," context provider. This way our entire app and also the header has access to the current user object. We will also add a loader to actually obtain the current user object from cookies. Drop the following into ",(0,a.jsx)(n.code,{children:"app/root.tsx"}),":"]}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{className:"language-tsx",metastring:'title="app/root.tsx"',children:'import { cssBundleHref } from "@remix-run/css-bundle";\nimport type { LinksFunction, LoaderFunctionArgs } from "@remix-run/node";\nimport {\n  Links,\n  LiveReload,\n  Meta,\n  Outlet,\n  Scripts,\n  ScrollRestoration,\n  useLoaderData,\n} from "@remix-run/react";\n\nimport { Header } from "shared/ui";\nimport { getUserFromSession, CurrentUser } from "shared/api";\n\nexport const links: LinksFunction = () => [\n  ...(cssBundleHref ? [{ rel: "stylesheet", href: cssBundleHref }] : []),\n];\n\nexport const loader = ({ request }: LoaderFunctionArgs) =>\n  getUserFromSession(request);\n\nexport default function App() {\n  const user = useLoaderData<typeof loader>();\n\n  return (\n    <html lang="en">\n      <head>\n        <meta charSet="utf-8" />\n        <meta name="viewport" content="width=device-width, initial-scale=1" />\n        <Meta />\n        <Links />\n        <link\n          href="//code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css"\n          rel="stylesheet"\n          type="text/css"\n        />\n        <link\n          href="//fonts.googleapis.com/css?family=Titillium+Web:700|Source+Serif+Pro:400,700|Merriweather+Sans:400,700|Source+Sans+Pro:400,300,600,700,300italic,400italic,600italic,700italic"\n          rel="stylesheet"\n          type="text/css"\n        />\n        <link rel="stylesheet" href="//demo.productionready.io/main.css" />\n        <style>{`\n          button {\n            border: 0;\n          }\n        `}</style>\n      </head>\n      <body>\n        <CurrentUser.Provider value={user}>\n          <Header />\n          <Outlet />\n        </CurrentUser.Provider>\n        <ScrollRestoration />\n        <Scripts />\n        <LiveReload />\n      </body>\n    </html>\n  );\n}\n'})}),"\n",(0,a.jsx)(n.p,{children:"At this point, you should end up with the following on the home page:"}),"\n",(0,a.jsxs)("figure",{children:[(0,a.jsx)(n.p,{children:(0,a.jsx)(n.img,{alt:"The feed page of Conduit, including the header, the feed, and the tags. The tabs are still missing.",src:t(6231).A+"",width:"2880",height:"1488"})}),(0,a.jsx)("figcaption",{children:"The feed page of Conduit, including the header, the feed, and the tags. The tabs are still missing."})]}),"\n",(0,a.jsx)(n.h3,{id:"tabs",children:"Tabs"}),"\n",(0,a.jsxs)(n.p,{children:["Now that we can detect the authentication state, let\u2019s also quickly implement the tabs and post likes to be done with the feed page. We need another form, but this page file is getting kind of large, so let\u2019s move these forms into adjacent files. We will create ",(0,a.jsx)(n.code,{children:"Tabs.tsx"}),", ",(0,a.jsx)(n.code,{children:"PopularTags.tsx"}),", and ",(0,a.jsx)(n.code,{children:"Pagination.tsx"})," with the following content:"]}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/feed/ui/Tabs.tsx"',children:'import { useContext } from "react";\nimport { Form, useSearchParams } from "@remix-run/react";\n\nimport { CurrentUser } from "shared/api";\n\nexport function Tabs() {\n  const [searchParams] = useSearchParams();\n  const currentUser = useContext(CurrentUser);\n\n  return (\n    <Form>\n      <div className="feed-toggle">\n        <ul className="nav nav-pills outline-active">\n          {currentUser !== null && (\n            <li className="nav-item">\n              <button\n                name="source"\n                value="my-feed"\n                className={`nav-link ${searchParams.get("source") === "my-feed" ? "active" : ""}`}\n              >\n                Your Feed\n              </button>\n            </li>\n          )}\n          <li className="nav-item">\n            <button\n              className={`nav-link ${searchParams.has("tag") || searchParams.has("source") ? "" : "active"}`}\n            >\n              Global Feed\n            </button>\n          </li>\n          {searchParams.has("tag") && (\n            <li className="nav-item">\n              <span className="nav-link active">\n                <i className="ion-pound"></i> {searchParams.get("tag")}\n              </span>\n            </li>\n          )}\n        </ul>\n      </div>\n    </Form>\n  );\n}\n'})}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/feed/ui/PopularTags.tsx"',children:'import { Form, useLoaderData } from "@remix-run/react";\nimport { ExistingSearchParams } from "remix-utils/existing-search-params";\n\nimport type { loader } from "../api/loader";\n\nexport function PopularTags() {\n  const { tags } = useLoaderData<typeof loader>();\n\n  return (\n    <div className="sidebar">\n      <p>Popular Tags</p>\n\n      <Form>\n        <ExistingSearchParams exclude={["tag", "page", "source"]} />\n        <div className="tag-list">\n          {tags.tags.map((tag) => (\n            <button\n              key={tag}\n              name="tag"\n              value={tag}\n              className="tag-pill tag-default"\n            >\n              {tag}\n            </button>\n          ))}\n        </div>\n      </Form>\n    </div>\n  );\n}\n'})}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/feed/ui/Pagination.tsx"',children:'import { Form, useLoaderData, useSearchParams } from "@remix-run/react";\nimport { ExistingSearchParams } from "remix-utils/existing-search-params";\n\nimport { LIMIT, type loader } from "../api/loader";\n\nexport function Pagination() {\n  const [searchParams] = useSearchParams();\n  const { articles } = useLoaderData<typeof loader>();\n  const pageAmount = Math.ceil(articles.articlesCount / LIMIT);\n  const currentPage = parseInt(searchParams.get("page") ?? "1", 10);\n\n  return (\n    <Form>\n      <ExistingSearchParams exclude={["page"]} />\n      <ul className="pagination">\n        {Array(pageAmount)\n          .fill(null)\n          .map((_, index) =>\n            index + 1 === currentPage ? (\n              <li key={index} className="page-item active">\n                <span className="page-link">{index + 1}</span>\n              </li>\n            ) : (\n              <li key={index} className="page-item">\n                <button className="page-link" name="page" value={index + 1}>\n                  {index + 1}\n                </button>\n              </li>\n            ),\n          )}\n      </ul>\n    </Form>\n  );\n}\n'})}),"\n",(0,a.jsx)(n.p,{children:"And now we can significantly simplify the feed page itself:"}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/feed/ui/FeedPage.tsx"',children:'import { useLoaderData } from "@remix-run/react";\n\nimport type { loader } from "../api/loader";\nimport { ArticlePreview } from "./ArticlePreview";\nimport { Tabs } from "./Tabs";\nimport { PopularTags } from "./PopularTags";\nimport { Pagination } from "./Pagination";\n\nexport function FeedPage() {\n  const { articles } = useLoaderData<typeof loader>();\n\n  return (\n    <div className="home-page">\n      <div className="banner">\n        <div className="container">\n          <h1 className="logo-font">conduit</h1>\n          <p>A place to share your knowledge.</p>\n        </div>\n      </div>\n\n      <div className="container page">\n        <div className="row">\n          <div className="col-md-9">\n            <Tabs />\n\n            {articles.articles.map((article) => (\n              <ArticlePreview key={article.slug} article={article} />\n            ))}\n\n            <Pagination />\n          </div>\n\n          <div className="col-md-3">\n            <PopularTags />\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n}\n'})}),"\n",(0,a.jsx)(n.p,{children:"We also need to account for the new tab in the loader function:"}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/feed/api/loader.ts"',children:'import { json, type LoaderFunctionArgs } from "@remix-run/node";\nimport type { FetchResponse } from "openapi-fetch";\nimport { promiseHash } from "remix-utils/promise";\n\nimport { GET, requireUser } from "shared/api";\n\nasync function throwAnyErrors<T, O, Media extends `${string}/${string}`>(\n  responsePromise: Promise<FetchResponse<T, O, Media>>,\n) {\n  /* unchanged */\n}\n\n/** Amount of articles on one page. */\nexport const LIMIT = 20;\n\nexport const loader = async ({ request }: LoaderFunctionArgs) => {\n  const url = new URL(request.url);\n  const selectedTag = url.searchParams.get("tag") ?? undefined;\n  const page = parseInt(url.searchParams.get("page") ?? "", 10);\n\n  if (url.searchParams.get("source") === "my-feed") {\n    const userSession = await requireUser(request);\n\n    return json(\n      await promiseHash({\n        articles: throwAnyErrors(\n          GET("/articles/feed", {\n            params: {\n              query: {\n                limit: LIMIT,\n                offset: !Number.isNaN(page) ? page * LIMIT : undefined,\n              },\n            },\n            headers: { Authorization: `Token ${userSession.token}` },\n          }),\n        ),\n        tags: throwAnyErrors(GET("/tags")),\n      }),\n    );\n  }\n\n  return json(\n    await promiseHash({\n      articles: throwAnyErrors(\n        GET("/articles", {\n          params: {\n            query: {\n              tag: selectedTag,\n              limit: LIMIT,\n              offset: !Number.isNaN(page) ? page * LIMIT : undefined,\n            },\n          },\n        }),\n      ),\n      tags: throwAnyErrors(GET("/tags")),\n    }),\n  );\n};\n'})}),"\n",(0,a.jsxs)(n.p,{children:["Before we leave the feed page, let\u2019s add some code that handles likes to posts. Change your ",(0,a.jsx)(n.code,{children:"ArticlePreview.tsx"})," to the following:"]}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/feed/ui/ArticlePreview.tsx"',children:'import { Form, Link } from "@remix-run/react";\nimport type { Article } from "shared/api";\n\ninterface ArticlePreviewProps {\n  article: Article;\n}\n\nexport function ArticlePreview({ article }: ArticlePreviewProps) {\n  return (\n    <div className="article-preview">\n      <div className="article-meta">\n        <Link to={`/profile/${article.author.username}`} prefetch="intent">\n          <img src={article.author.image} alt="" />\n        </Link>\n        <div className="info">\n          <Link\n            to={`/profile/${article.author.username}`}\n            className="author"\n            prefetch="intent"\n          >\n            {article.author.username}\n          </Link>\n          <span className="date" suppressHydrationWarning>\n            {new Date(article.createdAt).toLocaleDateString(undefined, {\n              dateStyle: "long",\n            })}\n          </span>\n        </div>\n        <Form\n          method="post"\n          action={`/article/${article.slug}`}\n          preventScrollReset\n        >\n          <button\n            name="_action"\n            value={article.favorited ? "unfavorite" : "favorite"}\n            className={`btn ${article.favorited ? "btn-primary" : "btn-outline-primary"} btn-sm pull-xs-right`}\n          >\n            <i className="ion-heart"></i> {article.favoritesCount}\n          </button>\n        </Form>\n      </div>\n      <Link\n        to={`/article/${article.slug}`}\n        className="preview-link"\n        prefetch="intent"\n      >\n        <h1>{article.title}</h1>\n        <p>{article.description}</p>\n        <span>Read more...</span>\n        <ul className="tag-list">\n          {article.tagList.map((tag) => (\n            <li key={tag} className="tag-default tag-pill tag-outline">\n              {tag}\n            </li>\n          ))}\n        </ul>\n      </Link>\n    </div>\n  );\n}\n'})}),"\n",(0,a.jsxs)(n.p,{children:["This code will send a POST request to ",(0,a.jsx)(n.code,{children:"/article/:slug"}),"  with ",(0,a.jsx)(n.code,{children:"_action=favorite"})," to mark the article as favorite. It won\u2019t work yet, but as we start working on the article reader, we will implement this too."]}),"\n",(0,a.jsx)(n.p,{children:"And with that we are officially done with the feed! Yay!"}),"\n",(0,a.jsx)(n.h3,{id:"article-reader",children:"Article reader"}),"\n",(0,a.jsx)(n.p,{children:"First, we need data. Let\u2019s create a loader:"}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{className:"language-bash",children:"npx fsd pages article-read -s api\n"})}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/article-read/api/loader.ts"',children:'import { json, type LoaderFunctionArgs } from "@remix-run/node";\nimport invariant from "tiny-invariant";\nimport type { FetchResponse } from "openapi-fetch";\nimport { promiseHash } from "remix-utils/promise";\n\nimport { GET, getUserFromSession } from "shared/api";\n\nasync function throwAnyErrors<T, O, Media extends `${string}/${string}`>(\n  responsePromise: Promise<FetchResponse<T, O, Media>>,\n) {\n  const { data, error, response } = await responsePromise;\n\n  if (error !== undefined) {\n    throw json(error, { status: response.status });\n  }\n\n  return data as NonNullable<typeof data>;\n}\n\nexport const loader = async ({ request, params }: LoaderFunctionArgs) => {\n  invariant(params.slug, "Expected a slug parameter");\n  const currentUser = await getUserFromSession(request);\n  const authorization = currentUser\n    ? { Authorization: `Token ${currentUser.token}` }\n    : undefined;\n\n  return json(\n    await promiseHash({\n      article: throwAnyErrors(\n        GET("/articles/{slug}", {\n          params: {\n            path: { slug: params.slug },\n          },\n          headers: authorization,\n        }),\n      ),\n      comments: throwAnyErrors(\n        GET("/articles/{slug}/comments", {\n          params: {\n            path: { slug: params.slug },\n          },\n          headers: authorization,\n        }),\n      ),\n    }),\n  );\n};\n'})}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/article-read/index.ts"',children:'export { loader } from "./api/loader";\n'})}),"\n",(0,a.jsxs)(n.p,{children:["Now we can connect it to the route ",(0,a.jsx)(n.code,{children:"/article/:slug"})," by creating the a route file called ",(0,a.jsx)(n.code,{children:"article.$slug.tsx"}),":"]}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{className:"language-tsx",metastring:'title="app/routes/article.$slug.tsx"',children:'export { loader } from "pages/article-read";\n'})}),"\n",(0,a.jsx)(n.p,{children:"The page itself consists of three main blocks \u2014 the article header with actions (repeated twice), the article body, and the comments section. This is the markup for the page, it\u2019s not particularly interesting:"}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/article-read/ui/ArticleReadPage.tsx"',children:'import { useLoaderData } from "@remix-run/react";\n\nimport type { loader } from "../api/loader";\nimport { ArticleMeta } from "./ArticleMeta";\nimport { Comments } from "./Comments";\n\nexport function ArticleReadPage() {\n  const { article } = useLoaderData<typeof loader>();\n\n  return (\n    <div className="article-page">\n      <div className="banner">\n        <div className="container">\n          <h1>{article.article.title}</h1>\n\n          <ArticleMeta />\n        </div>\n      </div>\n\n      <div className="container page">\n        <div className="row article-content">\n          <div className="col-md-12">\n            <p>{article.article.body}</p>\n            <ul className="tag-list">\n              {article.article.tagList.map((tag) => (\n                <li className="tag-default tag-pill tag-outline" key={tag}>\n                  {tag}\n                </li>\n              ))}\n            </ul>\n          </div>\n        </div>\n\n        <hr />\n\n        <div className="article-actions">\n          <ArticleMeta />\n        </div>\n\n        <div className="row">\n          <Comments />\n        </div>\n      </div>\n    </div>\n  );\n}\n'})}),"\n",(0,a.jsxs)(n.p,{children:["What\u2019s more interesting is the ",(0,a.jsx)(n.code,{children:"ArticleMeta"})," and ",(0,a.jsx)(n.code,{children:"Comments"}),". They contain write operations such as liking an article, leaving a comment, etc. To get them to work, we first need to implement the backend part. Create ",(0,a.jsx)(n.code,{children:"action.ts"})," in the ",(0,a.jsx)(n.code,{children:"api"})," segment of the page:"]}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/article-read/api/action.ts"',children:'import { redirect, type ActionFunctionArgs } from "@remix-run/node";\nimport { namedAction } from "remix-utils/named-action";\nimport { redirectBack } from "remix-utils/redirect-back";\nimport invariant from "tiny-invariant";\n\nimport { DELETE, POST, requireUser } from "shared/api";\n\nexport const action = async ({ request, params }: ActionFunctionArgs) => {\n  const currentUser = await requireUser(request);\n\n  const authorization = { Authorization: `Token ${currentUser.token}` };\n\n  const formData = await request.formData();\n\n  return namedAction(formData, {\n    async delete() {\n      invariant(params.slug, "Expected a slug parameter");\n      await DELETE("/articles/{slug}", {\n        params: { path: { slug: params.slug } },\n        headers: authorization,\n      });\n      return redirect("/");\n    },\n    async favorite() {\n      invariant(params.slug, "Expected a slug parameter");\n      await POST("/articles/{slug}/favorite", {\n        params: { path: { slug: params.slug } },\n        headers: authorization,\n      });\n      return redirectBack(request, { fallback: "/" });\n    },\n    async unfavorite() {\n      invariant(params.slug, "Expected a slug parameter");\n      await DELETE("/articles/{slug}/favorite", {\n        params: { path: { slug: params.slug } },\n        headers: authorization,\n      });\n      return redirectBack(request, { fallback: "/" });\n    },\n    async createComment() {\n      invariant(params.slug, "Expected a slug parameter");\n      const comment = formData.get("comment");\n      invariant(typeof comment === "string", "Expected a comment parameter");\n      await POST("/articles/{slug}/comments", {\n        params: { path: { slug: params.slug } },\n        headers: { ...authorization, "Content-Type": "application/json" },\n        body: { comment: { body: comment } },\n      });\n      return redirectBack(request, { fallback: "/" });\n    },\n    async deleteComment() {\n      invariant(params.slug, "Expected a slug parameter");\n      const commentId = formData.get("id");\n      invariant(typeof commentId === "string", "Expected an id parameter");\n      const commentIdNumeric = parseInt(commentId, 10);\n      invariant(\n        !Number.isNaN(commentIdNumeric),\n        "Expected a numeric id parameter",\n      );\n      await DELETE("/articles/{slug}/comments/{id}", {\n        params: { path: { slug: params.slug, id: commentIdNumeric } },\n        headers: authorization,\n      });\n      return redirectBack(request, { fallback: "/" });\n    },\n    async followAuthor() {\n      const authorUsername = formData.get("username");\n      invariant(\n        typeof authorUsername === "string",\n        "Expected a username parameter",\n      );\n      await POST("/profiles/{username}/follow", {\n        params: { path: { username: authorUsername } },\n        headers: authorization,\n      });\n      return redirectBack(request, { fallback: "/" });\n    },\n    async unfollowAuthor() {\n      const authorUsername = formData.get("username");\n      invariant(\n        typeof authorUsername === "string",\n        "Expected a username parameter",\n      );\n      await DELETE("/profiles/{username}/follow", {\n        params: { path: { username: authorUsername } },\n        headers: authorization,\n      });\n      return redirectBack(request, { fallback: "/" });\n    },\n  });\n};\n'})}),"\n",(0,a.jsx)(n.p,{children:"Export that from the slice and then from the route. While we\u2019re at it, let\u2019s also connect the page itself:"}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/article-read/index.ts"',children:'export { ArticleReadPage } from "./ui/ArticleReadPage";\nexport { loader } from "./api/loader";\nexport { action } from "./api/action";\n'})}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{className:"language-tsx",metastring:'title="app/routes/article.$slug.tsx"',children:'import { ArticleReadPage } from "pages/article-read";\n\nexport { loader, action } from "pages/article-read";\n\nexport default ArticleReadPage;\n'})}),"\n",(0,a.jsx)(n.p,{children:"Now, even though we haven\u2019t implemented the like button on the reader page yet, the like button in the feed will start working! That\u2019s because it\u2019s been sending \u201clike\u201d requests to this route. Give that a try."}),"\n",(0,a.jsxs)(n.p,{children:[(0,a.jsx)(n.code,{children:"ArticleMeta"})," and ",(0,a.jsx)(n.code,{children:"Comments"})," are, again, a bunch of forms. We\u2019ve done this before, let\u2019s grab their code and move on:"]}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/article-read/ui/ArticleMeta.tsx"',children:'import { Form, Link, useLoaderData } from "@remix-run/react";\nimport { useContext } from "react";\n\nimport { CurrentUser } from "shared/api";\nimport type { loader } from "../api/loader";\n\nexport function ArticleMeta() {\n  const currentUser = useContext(CurrentUser);\n  const { article } = useLoaderData<typeof loader>();\n\n  return (\n    <Form method="post">\n      <div className="article-meta">\n        <Link\n          prefetch="intent"\n          to={`/profile/${article.article.author.username}`}\n        >\n          <img src={article.article.author.image} alt="" />\n        </Link>\n\n        <div className="info">\n          <Link\n            prefetch="intent"\n            to={`/profile/${article.article.author.username}`}\n            className="author"\n          >\n            {article.article.author.username}\n          </Link>\n          <span className="date">{article.article.createdAt}</span>\n        </div>\n\n        {article.article.author.username == currentUser?.username ? (\n          <>\n            <Link\n              prefetch="intent"\n              to={`/editor/${article.article.slug}`}\n              className="btn btn-sm btn-outline-secondary"\n            >\n              <i className="ion-edit"></i> Edit Article\n            </Link>\n            &nbsp;&nbsp;\n            <button\n              name="_action"\n              value="delete"\n              className="btn btn-sm btn-outline-danger"\n            >\n              <i className="ion-trash-a"></i> Delete Article\n            </button>\n          </>\n        ) : (\n          <>\n            <input\n              name="username"\n              value={article.article.author.username}\n              type="hidden"\n            />\n            <button\n              name="_action"\n              value={\n                article.article.author.following\n                  ? "unfollowAuthor"\n                  : "followAuthor"\n              }\n              className={`btn btn-sm ${article.article.author.following ? "btn-secondary" : "btn-outline-secondary"}`}\n            >\n              <i className="ion-plus-round"></i>\n              &nbsp;{" "}\n              {article.article.author.following\n                ? "Unfollow"\n                : "Follow"}{" "}\n              {article.article.author.username}\n            </button>\n            &nbsp;&nbsp;\n            <button\n              name="_action"\n              value={article.article.favorited ? "unfavorite" : "favorite"}\n              className={`btn btn-sm ${article.article.favorited ? "btn-primary" : "btn-outline-primary"}`}\n            >\n              <i className="ion-heart"></i>\n              &nbsp; {article.article.favorited\n                ? "Unfavorite"\n                : "Favorite"}{" "}\n              Post{" "}\n              <span className="counter">\n                ({article.article.favoritesCount})\n              </span>\n            </button>\n          </>\n        )}\n      </div>\n    </Form>\n  );\n}\n'})}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/article-read/ui/Comments.tsx"',children:'import { useContext } from "react";\nimport { Form, Link, useLoaderData } from "@remix-run/react";\n\nimport { CurrentUser } from "shared/api";\nimport type { loader } from "../api/loader";\n\nexport function Comments() {\n  const { comments } = useLoaderData<typeof loader>();\n  const currentUser = useContext(CurrentUser);\n\n  return (\n    <div className="col-xs-12 col-md-8 offset-md-2">\n      {currentUser !== null ? (\n        <Form\n          preventScrollReset={true}\n          method="post"\n          className="card comment-form"\n        >\n          <div className="card-block">\n            <textarea\n              required\n              className="form-control"\n              name="comment"\n              placeholder="Write a comment..."\n              rows={3}\n            ></textarea>\n          </div>\n          <div className="card-footer">\n            <img\n              src={currentUser.image}\n              className="comment-author-img"\n              alt=""\n            />\n            <button\n              className="btn btn-sm btn-primary"\n              name="_action"\n              value="createComment"\n            >\n              Post Comment\n            </button>\n          </div>\n        </Form>\n      ) : (\n        <div className="row">\n          <div className="col-xs-12 col-md-8 offset-md-2">\n            <p>\n              <Link to="/login">Sign in</Link>\n              &nbsp; or &nbsp;\n              <Link to="/register">Sign up</Link>\n              &nbsp; to add comments on this article.\n            </p>\n          </div>\n        </div>\n      )}\n\n      {comments.comments.map((comment) => (\n        <div className="card" key={comment.id}>\n          <div className="card-block">\n            <p className="card-text">{comment.body}</p>\n          </div>\n\n          <div className="card-footer">\n            <Link\n              to={`/profile/${comment.author.username}`}\n              className="comment-author"\n            >\n              <img\n                src={comment.author.image}\n                className="comment-author-img"\n                alt=""\n              />\n            </Link>\n            &nbsp;\n            <Link\n              to={`/profile/${comment.author.username}`}\n              className="comment-author"\n            >\n              {comment.author.username}\n            </Link>\n            <span className="date-posted">{comment.createdAt}</span>\n            {comment.author.username === currentUser?.username && (\n              <span className="mod-options">\n                <Form method="post" preventScrollReset={true}>\n                  <input type="hidden" name="id" value={comment.id} />\n                  <button\n                    name="_action"\n                    value="deleteComment"\n                    style={{\n                      border: "none",\n                      outline: "none",\n                      backgroundColor: "transparent",\n                    }}\n                  >\n                    <i className="ion-trash-a"></i>\n                  </button>\n                </Form>\n              </span>\n            )}\n          </div>\n        </div>\n      ))}\n    </div>\n  );\n}\n'})}),"\n",(0,a.jsx)(n.p,{children:"And with that our article reader is also complete! The buttons to follow the author, like a post, and leave a comment should now function as expected."}),"\n",(0,a.jsxs)("figure",{children:[(0,a.jsx)(n.p,{children:(0,a.jsx)(n.img,{alt:"Article reader with functioning buttons to like and follow",src:t(6953).A+"",width:"2880",height:"1488"})}),(0,a.jsx)("figcaption",{children:"Article reader with functioning buttons to like and follow"})]}),"\n",(0,a.jsx)(n.h3,{id:"article-editor",children:"Article editor"}),"\n",(0,a.jsx)(n.p,{children:"This is the last page that we will cover in this tutorial, and the most interesting part here is how we\u2019re going to validate form data."}),"\n",(0,a.jsxs)(n.p,{children:["The page itself, ",(0,a.jsx)(n.code,{children:"article-edit/ui/ArticleEditPage.tsx"}),", will be quite simple, extra complexity stowed away into two other components:"]}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/article-edit/ui/ArticleEditPage.tsx"',children:'import { Form, useLoaderData } from "@remix-run/react";\n\nimport type { loader } from "../api/loader";\nimport { TagsInput } from "./TagsInput";\nimport { FormErrors } from "./FormErrors";\n\nexport function ArticleEditPage() {\n  const article = useLoaderData<typeof loader>();\n\n  return (\n    <div className="editor-page">\n      <div className="container page">\n        <div className="row">\n          <div className="col-md-10 offset-md-1 col-xs-12">\n            <FormErrors />\n\n            <Form method="post">\n              <fieldset>\n                <fieldset className="form-group">\n                  <input\n                    type="text"\n                    className="form-control form-control-lg"\n                    name="title"\n                    placeholder="Article Title"\n                    defaultValue={article.article?.title}\n                  />\n                </fieldset>\n                <fieldset className="form-group">\n                  <input\n                    type="text"\n                    className="form-control"\n                    name="description"\n                    placeholder="What\'s this article about?"\n                    defaultValue={article.article?.description}\n                  />\n                </fieldset>\n                <fieldset className="form-group">\n                  <textarea\n                    className="form-control"\n                    name="body"\n                    rows={8}\n                    placeholder="Write your article (in markdown)"\n                    defaultValue={article.article?.body}\n                  ></textarea>\n                </fieldset>\n                <fieldset className="form-group">\n                  <TagsInput\n                    name="tags"\n                    defaultValue={article.article?.tagList ?? []}\n                  />\n                </fieldset>\n\n                <button className="btn btn-lg pull-xs-right btn-primary">\n                  Publish Article\n                </button>\n              </fieldset>\n            </Form>\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n}\n'})}),"\n",(0,a.jsxs)(n.p,{children:["This page gets the current article (unless we\u2019re writing from scratch) and fills in the corresponding form fields. We\u2019ve seen this before. The interesting part is ",(0,a.jsx)(n.code,{children:"FormErrors"}),", because it will receive the validation result and display it to the user. Let\u2019s take a look:"]}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/article-edit/ui/FormErrors.tsx"',children:'import { useActionData } from "@remix-run/react";\nimport type { action } from "../api/action";\n\nexport function FormErrors() {\n  const actionData = useActionData<typeof action>();\n\n  return actionData?.errors != null ? (\n    <ul className="error-messages">\n      {actionData.errors.map((error) => (\n        <li key={error}>{error}</li>\n      ))}\n    </ul>\n  ) : null;\n}\n'})}),"\n",(0,a.jsxs)(n.p,{children:["Here we are assuming that our action will return the ",(0,a.jsx)(n.code,{children:"errors"})," field, an array of human-readable error messages. We will get to the action shortly."]}),"\n",(0,a.jsx)(n.p,{children:"Another component is the tags input. It\u2019s just a plain input field with an additional preview of chosen tags. Not much to see here:"}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/article-edit/ui/TagsInput.tsx"',children:'import { useEffect, useRef, useState } from "react";\n\nexport function TagsInput({\n  name,\n  defaultValue,\n}: {\n  name: string;\n  defaultValue?: Array<string>;\n}) {\n  const [tagListState, setTagListState] = useState(defaultValue ?? []);\n\n  function removeTag(tag: string): void {\n    const newTagList = tagListState.filter((t) => t !== tag);\n    setTagListState(newTagList);\n  }\n\n  const tagsInput = useRef<HTMLInputElement>(null);\n  useEffect(() => {\n    tagsInput.current && (tagsInput.current.value = tagListState.join(","));\n  }, [tagListState]);\n\n  return (\n    <>\n      <input\n        type="text"\n        className="form-control"\n        id="tags"\n        name={name}\n        placeholder="Enter tags"\n        defaultValue={tagListState.join(",")}\n        onChange={(e) =>\n          setTagListState(e.target.value.split(",").filter(Boolean))\n        }\n      />\n      <div className="tag-list">\n        {tagListState.map((tag) => (\n          <span className="tag-default tag-pill" key={tag}>\n            <i\n              className="ion-close-round"\n              role="button"\n              tabIndex={0}\n              onKeyDown={(e) =>\n                [" ", "Enter"].includes(e.key) && removeTag(tag)\n              }\n              onClick={() => removeTag(tag)}\n            ></i>{" "}\n            {tag}\n          </span>\n        ))}\n      </div>\n    </>\n  );\n}\n'})}),"\n",(0,a.jsx)(n.p,{children:"Now, for the API part. The loader should look at the URL, and if it contains an article slug, that means we\u2019re editing an existing article, and its data should be loaded. Otherwise, return nothing. Let\u2019s create that loader:"}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{className:"language-ts",metastring:'title="pages/article-edit/api/loader.ts"',children:'import { json, type LoaderFunctionArgs } from "@remix-run/node";\nimport type { FetchResponse } from "openapi-fetch";\n\nimport { GET, requireUser } from "shared/api";\n\nasync function throwAnyErrors<T, O, Media extends `${string}/${string}`>(\n  responsePromise: Promise<FetchResponse<T, O, Media>>,\n) {\n  const { data, error, response } = await responsePromise;\n\n  if (error !== undefined) {\n    throw json(error, { status: response.status });\n  }\n\n  return data as NonNullable<typeof data>;\n}\n\nexport const loader = async ({ params, request }: LoaderFunctionArgs) => {\n  const currentUser = await requireUser(request);\n\n  if (!params.slug) {\n    return { article: null };\n  }\n\n  return throwAnyErrors(\n    GET("/articles/{slug}", {\n      params: { path: { slug: params.slug } },\n      headers: { Authorization: `Token ${currentUser.token}` },\n    }),\n  );\n};\n'})}),"\n",(0,a.jsx)(n.p,{children:"The action will take the new field values, run them through our data schema, and if everything is correct, commit those changes to the backend, either by updating an existing article or creating a new one:"}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/article-edit/api/action.ts"',children:'import { json, redirect, type ActionFunctionArgs } from "@remix-run/node";\n\nimport { POST, PUT, requireUser } from "shared/api";\nimport { parseAsArticle } from "../model/parseAsArticle";\n\nexport const action = async ({ request, params }: ActionFunctionArgs) => {\n  try {\n    const { body, description, title, tags } = parseAsArticle(\n      await request.formData(),\n    );\n    const tagList = tags?.split(",") ?? [];\n\n    const currentUser = await requireUser(request);\n    const payload = {\n      body: {\n        article: {\n          title,\n          description,\n          body,\n          tagList,\n        },\n      },\n      headers: { Authorization: `Token ${currentUser.token}` },\n    };\n\n    const { data, error } = await (params.slug\n      ? PUT("/articles/{slug}", {\n          params: { path: { slug: params.slug } },\n          ...payload,\n        })\n      : POST("/articles", payload));\n\n    if (error) {\n      return json({ errors: error }, { status: 422 });\n    }\n\n    return redirect(`/article/${data.article.slug ?? ""}`);\n  } catch (errors) {\n    return json({ errors }, { status: 400 });\n  }\n};\n'})}),"\n",(0,a.jsxs)(n.p,{children:["The schema doubles as a parsing function for ",(0,a.jsx)(n.code,{children:"FormData"}),", which allows us to conveniently get the clean fields or just throw the errors to handle at the end. Here\u2019s how that parsing function could look:"]}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/article-edit/model/parseAsArticle.ts"',children:'export function parseAsArticle(data: FormData) {\n  const errors = [];\n\n  const title = data.get("title");\n  if (typeof title !== "string" || title === "") {\n    errors.push("Give this article a title");\n  }\n\n  const description = data.get("description");\n  if (typeof description !== "string" || description === "") {\n    errors.push("Describe what this article is about");\n  }\n\n  const body = data.get("body");\n  if (typeof body !== "string" || body === "") {\n    errors.push("Write the article itself");\n  }\n\n  const tags = data.get("tags");\n  if (typeof tags !== "string") {\n    errors.push("The tags must be a string");\n  }\n\n  if (errors.length > 0) {\n    throw errors;\n  }\n\n  return { title, description, body, tags: data.get("tags") ?? "" } as {\n    title: string;\n    description: string;\n    body: string;\n    tags: string;\n  };\n}\n'})}),"\n",(0,a.jsx)(n.p,{children:"Arguably, it\u2019s a bit lengthy and repetitive, but that\u2019s the price we pay for human-readable errors. This could also be a Zod schema, for example, but then we would have to render error messages on the frontend, and this form is not worth the complication."}),"\n",(0,a.jsxs)(n.p,{children:["One last step \u2014 connect the page, the loader, and the action to the routes. Since we neatly support both creation and editing, we can export the same thing from both ",(0,a.jsx)(n.code,{children:"editor._index.tsx"})," and ",(0,a.jsx)(n.code,{children:"editor.$slug.tsx"}),":"]}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/article-edit/index.ts"',children:'export { ArticleEditPage } from "./ui/ArticleEditPage";\nexport { loader } from "./api/loader";\nexport { action } from "./api/action";\n'})}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{className:"language-tsx",metastring:'title="app/routes/editor._index.tsx, app/routes/editor.$slug.tsx (same content)"',children:'import { ArticleEditPage } from "pages/article-edit";\n\nexport { loader, action } from "pages/article-edit";\n\nexport default ArticleEditPage;\n'})}),"\n",(0,a.jsx)(n.p,{children:"We\u2019re done now! Log in and try creating a new article. Or \u201cforget\u201d to write the article and see the validation kick in."}),"\n",(0,a.jsxs)("figure",{children:[(0,a.jsx)(n.p,{children:(0,a.jsx)(n.img,{alt:"The Conduit article editor, with the title field saying \u201cNew article\u201d and the rest of the fields empty. Above the form there are two errors: \u201cDescribe what this article is about\u201d and \u201cWrite the article itself\u201d.",src:t(6011).A+"",width:"2880",height:"1488"})}),(0,a.jsxs)("figcaption",{children:["The Conduit article editor, with the title field saying \u201cNew article\u201d and the rest of the fields empty. Above the form there are two errors: ",(0,a.jsx)(n.strong,{children:"\u201cDescribe what this article is about\u201d"})," and ",(0,a.jsx)(n.strong,{children:"\u201cWrite the article itself\u201d"}),"."]})]}),"\n",(0,a.jsx)(n.p,{children:"The profile and settings pages are very similar to the article reader and editor, they are left as an exercise for the reader, that\u2019s you :)"})]})}function h(e={}){const{wrapper:n}={...(0,r.R)(),...e.components};return n?(0,a.jsx)(n,{...e,children:(0,a.jsx)(d,{...e})}):d(e)}},8891:(e,n,t)=>{t.d(n,{A:()=>a});const a=t.p+"assets/images/conduit-banner-a20e38edcd109ee21a8b1426d93a66b3.jpg"},6011:(e,n,t)=>{t.d(n,{A:()=>a});const a=t.p+"assets/images/realworld-article-editor-bc3ee45c96ae905fdbb54d6463d12723.jpg"},6953:(e,n,t)=>{t.d(n,{A:()=>a});const a=t.p+"assets/images/realworld-article-reader-6a420e4f2afe139d2bdd54d62974f0b9.jpg"},9922:(e,n,t)=>{t.d(n,{A:()=>a});const a=t.p+"assets/images/realworld-editor-authenticated-10de4d01479270886859e08592045b1e.jpg"},9703:(e,n,t)=>{t.d(n,{A:()=>a});const a=t.p+"assets/images/realworld-feed-anonymous-8cbba45f488931979f6c8da8968ad685.jpg"},1405:(e,n,t)=>{t.d(n,{A:()=>a});const a=t.p+"assets/images/realworld-feed-authenticated-15427d9ff7baae009b47b501bee6c059.jpg"},6231:(e,n,t)=>{t.d(n,{A:()=>a});const a=t.p+"assets/images/realworld-feed-without-tabs-5da4c9072101ac20e82e2234bd3badbe.jpg"},1100:(e,n,t)=>{t.d(n,{R:()=>i,x:()=>o});var a=t(758);const r={},s=a.createContext(r);function i(e){const n=a.useContext(s);return a.useMemo((function(){return"function"==typeof e?e(n):{...n,...e}}),[n,e])}function o(e){let n;return n=e.disableParentContext?"function"==typeof e.components?e.components(r):e.components||r:i(e.components),a.createElement(s.Provider,{value:n},e.children)}}}]);
\ No newline at end of file
diff --git a/kr/assets/js/87e5c187.6b6236af.js b/kr/assets/js/87e5c187.7f2c5811.js
similarity index 98%
rename from kr/assets/js/87e5c187.6b6236af.js
rename to kr/assets/js/87e5c187.7f2c5811.js
index 78791bb5d9..d550774f34 100644
--- a/kr/assets/js/87e5c187.6b6236af.js
+++ b/kr/assets/js/87e5c187.7f2c5811.js
@@ -1 +1 @@
-"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[8913],{1928:(e,t,s)=>{s.d(t,{Ay:()=>u,RM:()=>c});var n=s(6070),i=s(1100),r=(s(758),s(6783)),o=s(7765);const d=e=>{let{ticket:t}=e;const s=`https://github.com/feature-sliced/documentation/issues/${t}`;return(0,n.jsxs)("div",{children:[(0,n.jsx)("p",{children:(0,o.T)({id:"shared.wip.title"})}),(0,n.jsx)("p",{children:(0,o.T)({id:"shared.wip.subtitle"})}),(0,n.jsxs)("ul",{children:[(0,n.jsxs)("li",{children:[(0,o.T)({id:"shared.wip.var.feedback.base"}),(0,n.jsx)(r.A,{to:s,children:(0,o.T)({id:"shared.wip.var.feedback.link"})})]}),(0,n.jsxs)("li",{children:[(0,o.T)({id:"shared.wip.var.material.base"}),(0,n.jsx)(r.A,{to:"https://t.me/feature_sliced",children:(0,o.T)({id:"shared.wip.var.material.link"})})]}),(0,n.jsxs)("li",{children:[(0,o.T)({id:"shared.wip.var.contribute.base"}),(0,n.jsx)(r.A,{to:"https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md",children:(0,o.T)({id:"shared.wip.var.contribute.link"})})]})]}),(0,n.jsx)("br",{}),(0,n.jsx)("p",{children:(0,n.jsx)("i",{children:"\ud83c\udf70 Stay tuned!"})})]})},c=[];function a(e){const t={admonition:"admonition",...(0,i.R)(),...e.components};return(0,n.jsx)(t.admonition,{title:"WIP",type:"caution",children:(0,n.jsx)(d,{ticket:e.ticket})})}function u(e={}){const{wrapper:t}={...(0,i.R)(),...e.components};return t?(0,n.jsx)(t,{...e,children:(0,n.jsx)(a,{...e})}):a(e)}},9286:(e,t,s)=>{s.r(t),s.d(t,{assets:()=>a,contentTitle:()=>d,default:()=>h,frontMatter:()=>o,metadata:()=>c,toc:()=>u});var n=s(6070),i=s(1100),r=s(1928);const o={sidebar_class_name:"sidebar-item--wip",unlisted:!0},d="SSR",c={id:"guides/examples/ssr",title:"SSR",description:"About the implementation of SSR using the methodology",source:"@site/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/ssr.mdx",sourceDirName:"guides/examples",slug:"/guides/examples/ssr",permalink:"/kr/docs/guides/examples/ssr",draft:!1,unlisted:!0,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/ssr.mdx",tags:[],version:"current",lastUpdatedAt:1727607766e3,frontMatter:{sidebar_class_name:"sidebar-item--wip",unlisted:!0},sidebar:"guidesSidebar"},a={},u=[...r.RM];function l(e){const t={blockquote:"blockquote",h1:"h1",header:"header",p:"p",...(0,i.R)(),...e.components};return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(t.header,{children:(0,n.jsx)(t.h1,{id:"ssr",children:"SSR"})}),"\n",(0,n.jsx)(r.Ay,{ticket:"173"}),"\n",(0,n.jsxs)(t.blockquote,{children:["\n",(0,n.jsx)(t.p,{children:"About the implementation of SSR using the methodology"}),"\n"]})]})}function h(e={}){const{wrapper:t}={...(0,i.R)(),...e.components};return t?(0,n.jsx)(t,{...e,children:(0,n.jsx)(l,{...e})}):l(e)}},1100:(e,t,s)=>{s.d(t,{R:()=>o,x:()=>d});var n=s(758);const i={},r=n.createContext(i);function o(e){const t=n.useContext(r);return n.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function d(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(i):e.components||i:o(e.components),n.createElement(r.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
+"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[8913],{1928:(e,t,s)=>{s.d(t,{Ay:()=>u,RM:()=>c});var n=s(6070),i=s(1100),r=(s(758),s(6783)),o=s(7765);const d=e=>{let{ticket:t}=e;const s=`https://github.com/feature-sliced/documentation/issues/${t}`;return(0,n.jsxs)("div",{children:[(0,n.jsx)("p",{children:(0,o.T)({id:"shared.wip.title"})}),(0,n.jsx)("p",{children:(0,o.T)({id:"shared.wip.subtitle"})}),(0,n.jsxs)("ul",{children:[(0,n.jsxs)("li",{children:[(0,o.T)({id:"shared.wip.var.feedback.base"}),(0,n.jsx)(r.A,{to:s,children:(0,o.T)({id:"shared.wip.var.feedback.link"})})]}),(0,n.jsxs)("li",{children:[(0,o.T)({id:"shared.wip.var.material.base"}),(0,n.jsx)(r.A,{to:"https://t.me/feature_sliced",children:(0,o.T)({id:"shared.wip.var.material.link"})})]}),(0,n.jsxs)("li",{children:[(0,o.T)({id:"shared.wip.var.contribute.base"}),(0,n.jsx)(r.A,{to:"https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md",children:(0,o.T)({id:"shared.wip.var.contribute.link"})})]})]}),(0,n.jsx)("br",{}),(0,n.jsx)("p",{children:(0,n.jsx)("i",{children:"\ud83c\udf70 Stay tuned!"})})]})},c=[];function a(e){const t={admonition:"admonition",...(0,i.R)(),...e.components};return(0,n.jsx)(t.admonition,{title:"WIP",type:"caution",children:(0,n.jsx)(d,{ticket:e.ticket})})}function u(e={}){const{wrapper:t}={...(0,i.R)(),...e.components};return t?(0,n.jsx)(t,{...e,children:(0,n.jsx)(a,{...e})}):a(e)}},9286:(e,t,s)=>{s.r(t),s.d(t,{assets:()=>a,contentTitle:()=>d,default:()=>h,frontMatter:()=>o,metadata:()=>c,toc:()=>u});var n=s(6070),i=s(1100),r=s(1928);const o={sidebar_class_name:"sidebar-item--wip",unlisted:!0},d="SSR",c={id:"guides/examples/ssr",title:"SSR",description:"About the implementation of SSR using the methodology",source:"@site/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/ssr.mdx",sourceDirName:"guides/examples",slug:"/guides/examples/ssr",permalink:"/kr/docs/guides/examples/ssr",draft:!1,unlisted:!0,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/ssr.mdx",tags:[],version:"current",lastUpdatedAt:1728325386e3,frontMatter:{sidebar_class_name:"sidebar-item--wip",unlisted:!0},sidebar:"guidesSidebar"},a={},u=[...r.RM];function l(e){const t={blockquote:"blockquote",h1:"h1",header:"header",p:"p",...(0,i.R)(),...e.components};return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(t.header,{children:(0,n.jsx)(t.h1,{id:"ssr",children:"SSR"})}),"\n",(0,n.jsx)(r.Ay,{ticket:"173"}),"\n",(0,n.jsxs)(t.blockquote,{children:["\n",(0,n.jsx)(t.p,{children:"About the implementation of SSR using the methodology"}),"\n"]})]})}function h(e={}){const{wrapper:t}={...(0,i.R)(),...e.components};return t?(0,n.jsx)(t,{...e,children:(0,n.jsx)(l,{...e})}):l(e)}},1100:(e,t,s)=>{s.d(t,{R:()=>o,x:()=>d});var n=s(758);const i={},r=n.createContext(i);function o(e){const t=n.useContext(r);return n.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function d(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(i):e.components||i:o(e.components),n.createElement(r.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
diff --git a/kr/assets/js/8b5a42c3.c7c9739b.js b/kr/assets/js/8b5a42c3.f51bfec3.js
similarity index 98%
rename from kr/assets/js/8b5a42c3.c7c9739b.js
rename to kr/assets/js/8b5a42c3.f51bfec3.js
index dc106c02da..2c9146ed6f 100644
--- a/kr/assets/js/8b5a42c3.c7c9739b.js
+++ b/kr/assets/js/8b5a42c3.f51bfec3.js
@@ -1 +1 @@
-"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[192],{1928:(e,t,n)=>{n.d(t,{Ay:()=>l,RM:()=>c});var i=n(6070),r=n(1100),o=(n(758),n(6783)),s=n(7765);const a=e=>{let{ticket:t}=e;const n=`https://github.com/feature-sliced/documentation/issues/${t}`;return(0,i.jsxs)("div",{children:[(0,i.jsx)("p",{children:(0,s.T)({id:"shared.wip.title"})}),(0,i.jsx)("p",{children:(0,s.T)({id:"shared.wip.subtitle"})}),(0,i.jsxs)("ul",{children:[(0,i.jsxs)("li",{children:[(0,s.T)({id:"shared.wip.var.feedback.base"}),(0,i.jsx)(o.A,{to:n,children:(0,s.T)({id:"shared.wip.var.feedback.link"})})]}),(0,i.jsxs)("li",{children:[(0,s.T)({id:"shared.wip.var.material.base"}),(0,i.jsx)(o.A,{to:"https://t.me/feature_sliced",children:(0,s.T)({id:"shared.wip.var.material.link"})})]}),(0,i.jsxs)("li",{children:[(0,s.T)({id:"shared.wip.var.contribute.base"}),(0,i.jsx)(o.A,{to:"https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md",children:(0,s.T)({id:"shared.wip.var.contribute.link"})})]})]}),(0,i.jsx)("br",{}),(0,i.jsx)("p",{children:(0,i.jsx)("i",{children:"\ud83c\udf70 Stay tuned!"})})]})},c=[];function d(e){const t={admonition:"admonition",...(0,r.R)(),...e.components};return(0,i.jsx)(t.admonition,{title:"WIP",type:"caution",children:(0,i.jsx)(a,{ticket:e.ticket})})}function l(e={}){const{wrapper:t}={...(0,r.R)(),...e.components};return t?(0,i.jsx)(t,{...e,children:(0,i.jsx)(d,{...e})}):d(e)}},8110:(e,t,n)=>{n.r(t),n.d(t,{assets:()=>d,contentTitle:()=>a,default:()=>m,frontMatter:()=>s,metadata:()=>c,toc:()=>l});var i=n(6070),r=n(1100),o=n(1928);const s={sidebar_position:3,sidebar_class_name:"sidebar-item--wip"},a="Promote in team",c={id:"about/promote/for-team",title:"Promote in team",description:"- Onboard newcomers",source:"@site/i18n/en/docusaurus-plugin-content-docs/current/about/promote/for-team.mdx",sourceDirName:"about/promote",slug:"/about/promote/for-team",permalink:"/kr/docs/about/promote/for-team",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/about/promote/for-team.mdx",tags:[],version:"current",lastUpdatedAt:1727607766e3,sidebarPosition:3,frontMatter:{sidebar_position:3,sidebar_class_name:"sidebar-item--wip"},sidebar:"aboutSidebar",previous:{title:"Partial Application",permalink:"/kr/docs/about/promote/partial-application"},next:{title:"Promote in company",permalink:"/kr/docs/about/promote/for-company"}},d={},l=[...o.RM,{value:"See also",id:"see-also",level:2}];function u(e){const t={a:"a",h1:"h1",h2:"h2",header:"header",li:"li",ul:"ul",...(0,r.R)(),...e.components};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(t.header,{children:(0,i.jsx)(t.h1,{id:"promote-in-team",children:"Promote in team"})}),"\n",(0,i.jsx)(o.Ay,{ticket:"182"}),"\n",(0,i.jsxs)(t.ul,{children:["\n",(0,i.jsx)(t.li,{children:"Onboard newcomers"}),"\n",(0,i.jsx)(t.li,{children:'Development Guidelines ("where to search N module", etc...)'}),"\n",(0,i.jsx)(t.li,{children:"New approach for tasks"}),"\n"]}),"\n",(0,i.jsx)(t.h2,{id:"see-also",children:"See also"}),"\n",(0,i.jsxs)(t.ul,{children:["\n",(0,i.jsx)(t.li,{children:(0,i.jsx)(t.a,{href:"https://t.me/feature_sliced/3360",children:"(Thread) The simplicity of the old approaches and the importance of mindfulness"})}),"\n",(0,i.jsx)(t.li,{children:(0,i.jsx)(t.a,{href:"https://t.me/feature_sliced/1918",children:"(Thread) About the convenience of searching by layers"})}),"\n"]})]})}function m(e={}){const{wrapper:t}={...(0,r.R)(),...e.components};return t?(0,i.jsx)(t,{...e,children:(0,i.jsx)(u,{...e})}):u(e)}},1100:(e,t,n)=>{n.d(t,{R:()=>s,x:()=>a});var i=n(758);const r={},o=i.createContext(r);function s(e){const t=i.useContext(o);return i.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function a(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(r):e.components||r:s(e.components),i.createElement(o.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
+"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[192],{1928:(e,t,n)=>{n.d(t,{Ay:()=>l,RM:()=>c});var i=n(6070),r=n(1100),o=(n(758),n(6783)),s=n(7765);const a=e=>{let{ticket:t}=e;const n=`https://github.com/feature-sliced/documentation/issues/${t}`;return(0,i.jsxs)("div",{children:[(0,i.jsx)("p",{children:(0,s.T)({id:"shared.wip.title"})}),(0,i.jsx)("p",{children:(0,s.T)({id:"shared.wip.subtitle"})}),(0,i.jsxs)("ul",{children:[(0,i.jsxs)("li",{children:[(0,s.T)({id:"shared.wip.var.feedback.base"}),(0,i.jsx)(o.A,{to:n,children:(0,s.T)({id:"shared.wip.var.feedback.link"})})]}),(0,i.jsxs)("li",{children:[(0,s.T)({id:"shared.wip.var.material.base"}),(0,i.jsx)(o.A,{to:"https://t.me/feature_sliced",children:(0,s.T)({id:"shared.wip.var.material.link"})})]}),(0,i.jsxs)("li",{children:[(0,s.T)({id:"shared.wip.var.contribute.base"}),(0,i.jsx)(o.A,{to:"https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md",children:(0,s.T)({id:"shared.wip.var.contribute.link"})})]})]}),(0,i.jsx)("br",{}),(0,i.jsx)("p",{children:(0,i.jsx)("i",{children:"\ud83c\udf70 Stay tuned!"})})]})},c=[];function d(e){const t={admonition:"admonition",...(0,r.R)(),...e.components};return(0,i.jsx)(t.admonition,{title:"WIP",type:"caution",children:(0,i.jsx)(a,{ticket:e.ticket})})}function l(e={}){const{wrapper:t}={...(0,r.R)(),...e.components};return t?(0,i.jsx)(t,{...e,children:(0,i.jsx)(d,{...e})}):d(e)}},8110:(e,t,n)=>{n.r(t),n.d(t,{assets:()=>d,contentTitle:()=>a,default:()=>m,frontMatter:()=>s,metadata:()=>c,toc:()=>l});var i=n(6070),r=n(1100),o=n(1928);const s={sidebar_position:3,sidebar_class_name:"sidebar-item--wip"},a="Promote in team",c={id:"about/promote/for-team",title:"Promote in team",description:"- Onboard newcomers",source:"@site/i18n/en/docusaurus-plugin-content-docs/current/about/promote/for-team.mdx",sourceDirName:"about/promote",slug:"/about/promote/for-team",permalink:"/kr/docs/about/promote/for-team",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/about/promote/for-team.mdx",tags:[],version:"current",lastUpdatedAt:1728325386e3,sidebarPosition:3,frontMatter:{sidebar_position:3,sidebar_class_name:"sidebar-item--wip"},sidebar:"aboutSidebar",previous:{title:"Partial Application",permalink:"/kr/docs/about/promote/partial-application"},next:{title:"Promote in company",permalink:"/kr/docs/about/promote/for-company"}},d={},l=[...o.RM,{value:"See also",id:"see-also",level:2}];function u(e){const t={a:"a",h1:"h1",h2:"h2",header:"header",li:"li",ul:"ul",...(0,r.R)(),...e.components};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(t.header,{children:(0,i.jsx)(t.h1,{id:"promote-in-team",children:"Promote in team"})}),"\n",(0,i.jsx)(o.Ay,{ticket:"182"}),"\n",(0,i.jsxs)(t.ul,{children:["\n",(0,i.jsx)(t.li,{children:"Onboard newcomers"}),"\n",(0,i.jsx)(t.li,{children:'Development Guidelines ("where to search N module", etc...)'}),"\n",(0,i.jsx)(t.li,{children:"New approach for tasks"}),"\n"]}),"\n",(0,i.jsx)(t.h2,{id:"see-also",children:"See also"}),"\n",(0,i.jsxs)(t.ul,{children:["\n",(0,i.jsx)(t.li,{children:(0,i.jsx)(t.a,{href:"https://t.me/feature_sliced/3360",children:"(Thread) The simplicity of the old approaches and the importance of mindfulness"})}),"\n",(0,i.jsx)(t.li,{children:(0,i.jsx)(t.a,{href:"https://t.me/feature_sliced/1918",children:"(Thread) About the convenience of searching by layers"})}),"\n"]})]})}function m(e={}){const{wrapper:t}={...(0,r.R)(),...e.components};return t?(0,i.jsx)(t,{...e,children:(0,i.jsx)(u,{...e})}):u(e)}},1100:(e,t,n)=>{n.d(t,{R:()=>s,x:()=>a});var i=n(758);const r={},o=i.createContext(r);function s(e){const t=i.useContext(o);return i.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function a(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(r):e.components||r:s(e.components),i.createElement(o.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
diff --git a/kr/assets/js/8b93e59a.e66aa81a.js b/kr/assets/js/8b93e59a.af1810d8.js
similarity index 99%
rename from kr/assets/js/8b93e59a.e66aa81a.js
rename to kr/assets/js/8b93e59a.af1810d8.js
index 4b342b12da..c2a9ca3080 100644
--- a/kr/assets/js/8b93e59a.e66aa81a.js
+++ b/kr/assets/js/8b93e59a.af1810d8.js
@@ -1 +1 @@
-"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[6813],{1822:(e,t,n)=>{n.r(t),n.d(t,{assets:()=>l,contentTitle:()=>r,default:()=>c,frontMatter:()=>s,metadata:()=>a,toc:()=>h});var i=n(6070),o=n(1100);const s={sidebar_position:1},r="Authentication",a={id:"guides/examples/auth",title:"Authentication",description:"Broadly, authentication consists of the following steps:",source:"@site/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/auth.md",sourceDirName:"guides/examples",slug:"/guides/examples/auth",permalink:"/kr/docs/guides/examples/auth",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/auth.md",tags:[],version:"current",lastUpdatedAt:1727607766e3,sidebarPosition:1,frontMatter:{sidebar_position:1},sidebar:"guidesSidebar",previous:{title:"Examples",permalink:"/kr/docs/guides/examples/"},next:{title:"Types",permalink:"/kr/docs/guides/examples/types"}},l={},h=[{value:"How to get credentials from the user",id:"how-to-get-credentials-from-the-user",level:2},{value:"Dedicated page for login",id:"dedicated-page-for-login",level:3},{value:"Dialog for login",id:"dialog-for-login",level:3},{value:"Client-side validation",id:"client-side-validation",level:3},{value:"How to send credentials to the backend",id:"how-to-send-credentials-to-the-backend",level:2},{value:"Where to store the request function",id:"where-to-store-the-request-function",level:3},{value:"In <code>shared/api</code>",id:"in-sharedapi",level:4},{value:"In the <code>api</code> segment of the page",id:"in-the-api-segment-of-the-page",level:4},{value:"Two-factor authentication",id:"two-factor-authentication",level:3},{value:"How to store the token for authenticated requests",id:"how-to-store-the-token-for-authenticated-requests",level:2},{value:"In Shared",id:"in-shared",level:3},{value:"In Entities",id:"in-entities",level:3},{value:"In Pages/Widgets (not recommended)",id:"in-pageswidgets-not-recommended",level:3},{value:"Logout and token invalidation",id:"logout-and-token-invalidation",level:2},{value:"Automatic logout",id:"automatic-logout",level:3}];function d(e){const t={a:"a",admonition:"admonition",blockquote:"blockquote",br:"br",code:"code",h1:"h1",h2:"h2",h3:"h3",h4:"h4",header:"header",li:"li",ol:"ol",p:"p",pre:"pre",strong:"strong",ul:"ul",...(0,o.R)(),...e.components};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(t.header,{children:(0,i.jsx)(t.h1,{id:"authentication",children:"Authentication"})}),"\n",(0,i.jsx)(t.p,{children:"Broadly, authentication consists of the following steps:"}),"\n",(0,i.jsxs)(t.ol,{children:["\n",(0,i.jsx)(t.li,{children:"Get the credentials from the user"}),"\n",(0,i.jsx)(t.li,{children:"Send them to the backend"}),"\n",(0,i.jsx)(t.li,{children:"Store the token to make authenticated requests"}),"\n"]}),"\n",(0,i.jsx)(t.h2,{id:"how-to-get-credentials-from-the-user",children:"How to get credentials from the user"}),"\n",(0,i.jsxs)(t.p,{children:["We are assuming that your app is responsible for getting credentials. If you have authentication via OAuth, you can simply create a login page with a link to the OAuth provider's login page and skip to ",(0,i.jsx)(t.a,{href:"#how-to-store-the-token-for-authenticated-requests",children:"step 3"}),"."]}),"\n",(0,i.jsx)(t.h3,{id:"dedicated-page-for-login",children:"Dedicated page for login"}),"\n",(0,i.jsx)(t.p,{children:"Usually, websites have dedicated pages for login, where you enter your username and password. These pages are quite simple, so they don't require decomposition. Login and registration forms are quite similar in appearance, so they can even be grouped into one page. Create a slice for your login/registration page on the Pages layer:"}),"\n",(0,i.jsxs)(t.ul,{children:["\n",(0,i.jsxs)(t.li,{children:["\ud83d\udcc2 pages","\n",(0,i.jsxs)(t.ul,{children:["\n",(0,i.jsxs)(t.li,{children:["\ud83d\udcc2 login","\n",(0,i.jsxs)(t.ul,{children:["\n",(0,i.jsxs)(t.li,{children:["\ud83d\udcc2 ui","\n",(0,i.jsxs)(t.ul,{children:["\n",(0,i.jsx)(t.li,{children:"\ud83d\udcc4 LoginPage.tsx (or your framework's component file format)"}),"\n",(0,i.jsx)(t.li,{children:"\ud83d\udcc4 RegisterPage.tsx"}),"\n"]}),"\n"]}),"\n",(0,i.jsx)(t.li,{children:"\ud83d\udcc4 index.ts"}),"\n"]}),"\n"]}),"\n",(0,i.jsx)(t.li,{children:"other pages\u2026"}),"\n"]}),"\n"]}),"\n"]}),"\n",(0,i.jsx)(t.p,{children:"Here we created two components and exported them both in the index file of the slice. These components will contain forms that are responsible for presenting the user with understandable controls to get their credentials."}),"\n",(0,i.jsx)(t.h3,{id:"dialog-for-login",children:"Dialog for login"}),"\n",(0,i.jsx)(t.p,{children:"If your app has a dialog for login that can be used on any page, consider making that dialog a widget. That way, you can still avoid too much decomposition, but have the freedom to reuse this dialog on any page."}),"\n",(0,i.jsxs)(t.ul,{children:["\n",(0,i.jsxs)(t.li,{children:["\ud83d\udcc2 widgets","\n",(0,i.jsxs)(t.ul,{children:["\n",(0,i.jsxs)(t.li,{children:["\ud83d\udcc2 login-dialog","\n",(0,i.jsxs)(t.ul,{children:["\n",(0,i.jsxs)(t.li,{children:["\ud83d\udcc2 ui","\n",(0,i.jsxs)(t.ul,{children:["\n",(0,i.jsx)(t.li,{children:"\ud83d\udcc4 LoginDialog.tsx"}),"\n"]}),"\n"]}),"\n",(0,i.jsx)(t.li,{children:"\ud83d\udcc4 index.ts"}),"\n"]}),"\n"]}),"\n",(0,i.jsx)(t.li,{children:"other widgets\u2026"}),"\n"]}),"\n"]}),"\n"]}),"\n",(0,i.jsx)(t.p,{children:"The rest of this guide is written for the dedicated page approach, but the same principles apply to the dialog widget."}),"\n",(0,i.jsx)(t.h3,{id:"client-side-validation",children:"Client-side validation"}),"\n",(0,i.jsxs)(t.p,{children:["Sometimes, especially for registration, it makes sense to perform client-side validation to let the user know quickly that they made a mistake. Validation can take place in the ",(0,i.jsx)(t.code,{children:"model"})," segment of the login page. Use a schema validation library, for example, ",(0,i.jsx)(t.a,{href:"https://zod.dev",children:"Zod"})," for JS/TS, and expose that schema to the ",(0,i.jsx)(t.code,{children:"ui"})," segment:"]}),"\n",(0,i.jsx)(t.pre,{children:(0,i.jsx)(t.code,{className:"language-ts",metastring:'title="pages/login/model/registration-schema.ts"',children:'import { z } from "zod";\n\nexport const registrationData = z.object({\n    email: z.string().email(),\n    password: z.string().min(6),\n    confirmPassword: z.string(),\n}).refine((data) => data.password === data.confirmPassword, {\n    message: "Passwords do not match",\n    path: ["confirmPassword"],\n});\n'})}),"\n",(0,i.jsxs)(t.p,{children:["Then, in the ",(0,i.jsx)(t.code,{children:"ui"})," segment, you can use this schema to validate the user input:"]}),"\n",(0,i.jsx)(t.pre,{children:(0,i.jsx)(t.code,{className:"language-tsx",metastring:'title="pages/login/ui/RegisterPage.tsx"',children:'import { registrationData } from "../model/registration-schema";\n\nfunction validate(formData: FormData) {\n    const data = Object.fromEntries(formData.entries());\n    try {\n        registrationData.parse(data);\n    } catch (error) {\n        // TODO: Show error message to the user\n    }\n}\n\nexport function RegisterPage() {\n    return (\n        <form onSubmit={(e) => validate(new FormData(e.target))}>\n            <label htmlFor="email">E-mail</label>\n            <input id="email" name="email" required />\n\n            <label htmlFor="password">Password (min. 6 characters)</label>\n            <input id="password" name="password" type="password" required />\n\n            <label htmlFor="confirmPassword">Confirm password</label>\n            <input id="confirmPassword" name="confirmPassword" type="password" required />\n        </form>\n    )\n}\n'})}),"\n",(0,i.jsx)(t.h2,{id:"how-to-send-credentials-to-the-backend",children:"How to send credentials to the backend"}),"\n",(0,i.jsx)(t.p,{children:"Create a function that makes a request to your backend's login endpoint. This function can either be called directly in the component code using a mutation library (e.g. TanStack Query), or it can be called as a side effect in a state manager."}),"\n",(0,i.jsx)(t.h3,{id:"where-to-store-the-request-function",children:"Where to store the request function"}),"\n",(0,i.jsxs)(t.p,{children:["There are two places you can put this function: in ",(0,i.jsx)(t.code,{children:"shared/api"}),", or in the ",(0,i.jsx)(t.code,{children:"api"})," segment of the page."]}),"\n",(0,i.jsxs)(t.h4,{id:"in-sharedapi",children:["In ",(0,i.jsx)(t.code,{children:"shared/api"})]}),"\n",(0,i.jsxs)(t.p,{children:["This approach goes well with when you put all your API requests in ",(0,i.jsx)(t.code,{children:"shared/api"}),", grouped by endpoint, for example. The file structure might look like this:"]}),"\n",(0,i.jsxs)(t.ul,{children:["\n",(0,i.jsxs)(t.li,{children:["\ud83d\udcc2 shared","\n",(0,i.jsxs)(t.ul,{children:["\n",(0,i.jsxs)(t.li,{children:["\ud83d\udcc2 api","\n",(0,i.jsxs)(t.ul,{children:["\n",(0,i.jsxs)(t.li,{children:["\ud83d\udcc2 endpoints","\n",(0,i.jsxs)(t.ul,{children:["\n",(0,i.jsx)(t.li,{children:"\ud83d\udcc4 login.ts"}),"\n",(0,i.jsx)(t.li,{children:"other endpoint functions\u2026"}),"\n"]}),"\n"]}),"\n",(0,i.jsx)(t.li,{children:"\ud83d\udcc4 client.ts"}),"\n",(0,i.jsx)(t.li,{children:"\ud83d\udcc4 index.ts"}),"\n"]}),"\n"]}),"\n"]}),"\n"]}),"\n"]}),"\n",(0,i.jsxs)(t.p,{children:["The ",(0,i.jsx)(t.code,{children:"\ud83d\udcc4 client.ts"})," file contains a wrapper around your request-making primitive (for example, ",(0,i.jsx)(t.code,{children:"fetch()"}),"). This wrapper would know about the base URL of your backend, set necessary headers, serialize data correctly, etc."]}),"\n",(0,i.jsx)(t.pre,{children:(0,i.jsx)(t.code,{className:"language-ts",metastring:'title="shared/api/endpoints/login.ts"',children:'import { POST } from "../client";\n\nexport function login({ email, password }: { email: string, password: string }) {\n    return POST("/login", { email, password });\n}\n'})}),"\n",(0,i.jsx)(t.pre,{children:(0,i.jsx)(t.code,{className:"language-ts",metastring:'title="shared/api/index.ts"',children:'export { login } from "./endpoints/login";\n'})}),"\n",(0,i.jsxs)(t.h4,{id:"in-the-api-segment-of-the-page",children:["In the ",(0,i.jsx)(t.code,{children:"api"})," segment of the page"]}),"\n",(0,i.jsxs)(t.p,{children:["If you don't keep all your requests in one place, consider stashing the login request in the ",(0,i.jsx)(t.code,{children:"api"})," segment of the login page."]}),"\n",(0,i.jsxs)(t.ul,{children:["\n",(0,i.jsxs)(t.li,{children:["\ud83d\udcc2 pages","\n",(0,i.jsxs)(t.ul,{children:["\n",(0,i.jsxs)(t.li,{children:["\ud83d\udcc2 login","\n",(0,i.jsxs)(t.ul,{children:["\n",(0,i.jsxs)(t.li,{children:["\ud83d\udcc2 api","\n",(0,i.jsxs)(t.ul,{children:["\n",(0,i.jsx)(t.li,{children:"\ud83d\udcc4 login.ts"}),"\n"]}),"\n"]}),"\n",(0,i.jsxs)(t.li,{children:["\ud83d\udcc2 ui","\n",(0,i.jsxs)(t.ul,{children:["\n",(0,i.jsx)(t.li,{children:"\ud83d\udcc4 LoginPage.tsx"}),"\n"]}),"\n"]}),"\n",(0,i.jsx)(t.li,{children:"\ud83d\udcc4 index.ts"}),"\n"]}),"\n"]}),"\n",(0,i.jsx)(t.li,{children:"other pages\u2026"}),"\n"]}),"\n"]}),"\n"]}),"\n",(0,i.jsx)(t.pre,{children:(0,i.jsx)(t.code,{className:"language-ts",metastring:'title="pages/login/api/login.ts"',children:'import { POST } from "shared/api";\n\nexport function login({ email, password }: { email: string, password: string }) {\n    return POST("/login", { email, password });\n}\n'})}),"\n",(0,i.jsxs)(t.p,{children:["You don't have to export the ",(0,i.jsx)(t.code,{children:"login()"})," function in the page's public API, because it's unlikely that any other place in the app will need this request."]}),"\n",(0,i.jsx)(t.h3,{id:"two-factor-authentication",children:"Two-factor authentication"}),"\n",(0,i.jsxs)(t.p,{children:["If your app supports two-factor authentication (2FA), you might have to redirect to another page where a user can enter a one-time password. Usually your ",(0,i.jsx)(t.code,{children:"POST /login"})," request would return the user object with a flag indicating that the user has 2FA enabled. If that flag is set, redirect the user to the 2FA page."]}),"\n",(0,i.jsxs)(t.p,{children:["Since this page is very related to logging in, you can also keep it in the same slice, ",(0,i.jsx)(t.code,{children:"login"})," on the Pages layer."]}),"\n",(0,i.jsxs)(t.p,{children:["You would also need another request function, similar to ",(0,i.jsx)(t.code,{children:"login()"})," that we created above. Place them together, either in Shared, or in the ",(0,i.jsx)(t.code,{children:"api"})," segment of the ",(0,i.jsx)(t.code,{children:"login"})," page."]}),"\n",(0,i.jsx)(t.h2,{id:"how-to-store-the-token-for-authenticated-requests",children:"How to store the token for authenticated requests"}),"\n",(0,i.jsx)(t.p,{children:"Regardless of the authentication scheme you have, be it a simple login & password, OAuth, or two-factor authentication, at the end you will receive a token. This token should be stored so that subsequent requests can identify themselves."}),"\n",(0,i.jsxs)(t.p,{children:["The ideal token storage for a web app is a ",(0,i.jsx)(t.strong,{children:"cookie"})," \u2014 it requires no manual token storage or handling. As such, cookie storage needs almost no consideration from the frontend architecture side. If your frontend framework has a server side (for example, ",(0,i.jsx)(t.a,{href:"https://remix.run",children:"Remix"}),"), then you should store the server-side cookie infrastructure in ",(0,i.jsx)(t.code,{children:"shared/api"}),". There is an example in ",(0,i.jsx)(t.a,{href:"/docs/get-started/tutorial#authentication",children:"the Authentication section of the tutorial"})," of how to do that with Remix."]}),"\n",(0,i.jsx)(t.p,{children:"Sometimes, however, cookie storage is not an option. In this case, you will have to store the token manually. Apart from storing the token, you may also need to set up logic for refreshing your token when it expires. With FSD, there are several places where you can store the token, as well as several ways to make it available for the rest of the app."}),"\n",(0,i.jsx)(t.h3,{id:"in-shared",children:"In Shared"}),"\n",(0,i.jsxs)(t.p,{children:["This approach plays well with an API client defined in ",(0,i.jsx)(t.code,{children:"shared/api"})," because the token is freely available for other request functions that require authentication to succeed. You can make the API client hold state, either with a reactive store or simply a module-level variable, and update that state in your ",(0,i.jsx)(t.code,{children:"login()"}),"/",(0,i.jsx)(t.code,{children:"logout()"})," functions."]}),"\n",(0,i.jsx)(t.p,{children:"Automatic token refresh can be implemented as a middleware in the API client \u2014 something that can execute every time you make any request. It can work like this:"}),"\n",(0,i.jsxs)(t.ul,{children:["\n",(0,i.jsx)(t.li,{children:"Authenticate and store the access token as well as the refresh token"}),"\n",(0,i.jsx)(t.li,{children:"Make any request that requires authentication"}),"\n",(0,i.jsx)(t.li,{children:"If the request fails with a status code that indicates token expiration, and there is a token in the store, make a refresh request, store the new tokens, and retry the original request"}),"\n"]}),"\n",(0,i.jsxs)(t.p,{children:["One of the drawbacks of this approach is that the logic of managing and refreshing the token doesn't have a dedicated place. This can be fine for some apps or teams, but if the token management logic is more complex, it may be preferable to separate responsibilities of making requests and managing tokens. You can do that by keeping your requests and API client in ",(0,i.jsx)(t.code,{children:"shared/api"}),", but the token store and management logic in ",(0,i.jsx)(t.code,{children:"shared/auth"}),"."]}),"\n",(0,i.jsxs)(t.p,{children:["Another drawback of this approach is that if your backend returns an object of your current user's information along with the token, you have to store that somewhere or discard that information and request it again from an endpoint like ",(0,i.jsx)(t.code,{children:"/me"})," or ",(0,i.jsx)(t.code,{children:"/users/current"}),"."]}),"\n",(0,i.jsx)(t.h3,{id:"in-entities",children:"In Entities"}),"\n",(0,i.jsx)(t.p,{children:"It's common for FSD projects to have an entity for a user and/or an entity for the current user. It can even be the same entity for both."}),"\n",(0,i.jsx)(t.admonition,{type:"note",children:(0,i.jsxs)(t.p,{children:["The ",(0,i.jsx)(t.strong,{children:"current user"}),' is also sometimes called "viewer" or "me". This is to distinguish the single authenticated user, with permissions and private information, from a list of all users with publicly accessible information.']})}),"\n",(0,i.jsxs)(t.p,{children:["To store the token in the User entity, create a reactive store in the ",(0,i.jsx)(t.code,{children:"model"})," segment. That store can contain both the token and the user object."]}),"\n",(0,i.jsxs)(t.p,{children:["Since the API client is usually defined in ",(0,i.jsx)(t.code,{children:"shared/api"})," or spreaded across the entities, the main challenge to this approach is making the token available to other requests that need it without breaking ",(0,i.jsx)(t.a,{href:"/docs/reference/layers#import-rule-on-layers",children:"the import rule on layers"}),":"]}),"\n",(0,i.jsxs)(t.blockquote,{children:["\n",(0,i.jsx)(t.p,{children:"A module in a slice can only import other slices when they are located on layers strictly below."}),"\n"]}),"\n",(0,i.jsx)(t.p,{children:"There are several solutions to this challenge:"}),"\n",(0,i.jsxs)(t.ol,{children:["\n",(0,i.jsxs)(t.li,{children:[(0,i.jsx)(t.strong,{children:"Pass the token manually every time you make a request"}),(0,i.jsx)(t.br,{}),"\n","This is the simplest solution, but it quickly becomes cumbersome, and if you don't have type safety, it's easy to forget. It's also not compatible with middlewares pattern for the API client in Shared."]}),"\n",(0,i.jsxs)(t.li,{children:[(0,i.jsxs)(t.strong,{children:["Expose the token to the entire app with a context or a global store like ",(0,i.jsx)(t.code,{children:"localStorage"})]}),(0,i.jsx)(t.br,{}),"\n","The key to retrieve the token will be kept in ",(0,i.jsx)(t.code,{children:"shared/api"})," so that the API client can access it. The reactive store of the token will be exported from the User entity, and the context provider (if needed) will be set up on the App layer. This gives more freedom for designing the API client, however, this creates an implicit dependency on higher layers to provide context. When following this approach, consider providing helpful error messages if the context or ",(0,i.jsx)(t.code,{children:"localStorage"})," are not set up correctly."]}),"\n",(0,i.jsxs)(t.li,{children:[(0,i.jsx)(t.strong,{children:"Inject the token into the API client every time it changes"}),(0,i.jsx)(t.br,{}),"\n",'If your store is reactive, you can create a subscription that will update the API client\'s token store every time the store in the entity changes. This is similar to the previous solution in that they both create an implicit dependency on higher layers, but this one is more imperative ("push"), while the previous one is more declarative ("pull").']}),"\n"]}),"\n",(0,i.jsxs)(t.p,{children:["Once you overcome the challenge of exposing the token that is stored in the entity's model, you can encode more business logic related to token management. For example, the ",(0,i.jsx)(t.code,{children:"model"})," segment can contain logic to invalidate the token after a certain period of time, or to refresh the token when it expires. To actually make requests to the backend, use the ",(0,i.jsx)(t.code,{children:"api"})," segment of the User entity or ",(0,i.jsx)(t.code,{children:"shared/api"}),"."]}),"\n",(0,i.jsx)(t.h3,{id:"in-pageswidgets-not-recommended",children:"In Pages/Widgets (not recommended)"}),"\n",(0,i.jsxs)(t.p,{children:["It is discouraged to store app-wide state like an access token in pages or widgets. Avoid placing your token store in the ",(0,i.jsx)(t.code,{children:"model"})," segment of the login page, instead choose from the first two solutions, Shared or Entities."]}),"\n",(0,i.jsx)(t.h2,{id:"logout-and-token-invalidation",children:"Logout and token invalidation"}),"\n",(0,i.jsx)(t.p,{children:"Usually, apps don't have an entire page for logging out, but the logout functionality is still very important. It consists of an authenticated request to the backend and an update to the token store."}),"\n",(0,i.jsxs)(t.p,{children:["If you store all your requests in ",(0,i.jsx)(t.code,{children:"shared/api"}),", keep the logout request function there, close to the login function. Otherwise, consider keeping the logout request function next to the button that triggers it. For example, if you have a header widget that appears on every page and contains the logout link, put that request in the ",(0,i.jsx)(t.code,{children:"api"})," segment of that widget."]}),"\n",(0,i.jsxs)(t.p,{children:["The update to the token store will have to be triggered from the place of the logout button, like a header widget. You can combine the request and the store update in the ",(0,i.jsx)(t.code,{children:"model"})," segment of that widget."]}),"\n",(0,i.jsx)(t.h3,{id:"automatic-logout",children:"Automatic logout"}),"\n",(0,i.jsxs)(t.p,{children:["Don't forget to build failsafes for when a request to log out fails, or a request to refresh a login token fails. In both of these cases, you should clear the token store. If you keep your token in Entities, this code can be placed in the ",(0,i.jsx)(t.code,{children:"model"})," segment as it is pure business logic. If you keep your token in Shared, placing this logic in ",(0,i.jsx)(t.code,{children:"shared/api"})," might bloat the segment and dilute its purpose. If you're noticing that your API segment contains two several unrelated things, consider splitting out the token management logic into another segment, for example, ",(0,i.jsx)(t.code,{children:"shared/auth"}),"."]})]})}function c(e={}){const{wrapper:t}={...(0,o.R)(),...e.components};return t?(0,i.jsx)(t,{...e,children:(0,i.jsx)(d,{...e})}):d(e)}},1100:(e,t,n)=>{n.d(t,{R:()=>r,x:()=>a});var i=n(758);const o={},s=i.createContext(o);function r(e){const t=i.useContext(s);return i.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function a(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(o):e.components||o:r(e.components),i.createElement(s.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
+"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[6813],{1822:(e,t,n)=>{n.r(t),n.d(t,{assets:()=>l,contentTitle:()=>r,default:()=>c,frontMatter:()=>s,metadata:()=>a,toc:()=>h});var i=n(6070),o=n(1100);const s={sidebar_position:1},r="Authentication",a={id:"guides/examples/auth",title:"Authentication",description:"Broadly, authentication consists of the following steps:",source:"@site/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/auth.md",sourceDirName:"guides/examples",slug:"/guides/examples/auth",permalink:"/kr/docs/guides/examples/auth",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/auth.md",tags:[],version:"current",lastUpdatedAt:1728325386e3,sidebarPosition:1,frontMatter:{sidebar_position:1},sidebar:"guidesSidebar",previous:{title:"Examples",permalink:"/kr/docs/guides/examples/"},next:{title:"Types",permalink:"/kr/docs/guides/examples/types"}},l={},h=[{value:"How to get credentials from the user",id:"how-to-get-credentials-from-the-user",level:2},{value:"Dedicated page for login",id:"dedicated-page-for-login",level:3},{value:"Dialog for login",id:"dialog-for-login",level:3},{value:"Client-side validation",id:"client-side-validation",level:3},{value:"How to send credentials to the backend",id:"how-to-send-credentials-to-the-backend",level:2},{value:"Where to store the request function",id:"where-to-store-the-request-function",level:3},{value:"In <code>shared/api</code>",id:"in-sharedapi",level:4},{value:"In the <code>api</code> segment of the page",id:"in-the-api-segment-of-the-page",level:4},{value:"Two-factor authentication",id:"two-factor-authentication",level:3},{value:"How to store the token for authenticated requests",id:"how-to-store-the-token-for-authenticated-requests",level:2},{value:"In Shared",id:"in-shared",level:3},{value:"In Entities",id:"in-entities",level:3},{value:"In Pages/Widgets (not recommended)",id:"in-pageswidgets-not-recommended",level:3},{value:"Logout and token invalidation",id:"logout-and-token-invalidation",level:2},{value:"Automatic logout",id:"automatic-logout",level:3}];function d(e){const t={a:"a",admonition:"admonition",blockquote:"blockquote",br:"br",code:"code",h1:"h1",h2:"h2",h3:"h3",h4:"h4",header:"header",li:"li",ol:"ol",p:"p",pre:"pre",strong:"strong",ul:"ul",...(0,o.R)(),...e.components};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(t.header,{children:(0,i.jsx)(t.h1,{id:"authentication",children:"Authentication"})}),"\n",(0,i.jsx)(t.p,{children:"Broadly, authentication consists of the following steps:"}),"\n",(0,i.jsxs)(t.ol,{children:["\n",(0,i.jsx)(t.li,{children:"Get the credentials from the user"}),"\n",(0,i.jsx)(t.li,{children:"Send them to the backend"}),"\n",(0,i.jsx)(t.li,{children:"Store the token to make authenticated requests"}),"\n"]}),"\n",(0,i.jsx)(t.h2,{id:"how-to-get-credentials-from-the-user",children:"How to get credentials from the user"}),"\n",(0,i.jsxs)(t.p,{children:["We are assuming that your app is responsible for getting credentials. If you have authentication via OAuth, you can simply create a login page with a link to the OAuth provider's login page and skip to ",(0,i.jsx)(t.a,{href:"#how-to-store-the-token-for-authenticated-requests",children:"step 3"}),"."]}),"\n",(0,i.jsx)(t.h3,{id:"dedicated-page-for-login",children:"Dedicated page for login"}),"\n",(0,i.jsx)(t.p,{children:"Usually, websites have dedicated pages for login, where you enter your username and password. These pages are quite simple, so they don't require decomposition. Login and registration forms are quite similar in appearance, so they can even be grouped into one page. Create a slice for your login/registration page on the Pages layer:"}),"\n",(0,i.jsxs)(t.ul,{children:["\n",(0,i.jsxs)(t.li,{children:["\ud83d\udcc2 pages","\n",(0,i.jsxs)(t.ul,{children:["\n",(0,i.jsxs)(t.li,{children:["\ud83d\udcc2 login","\n",(0,i.jsxs)(t.ul,{children:["\n",(0,i.jsxs)(t.li,{children:["\ud83d\udcc2 ui","\n",(0,i.jsxs)(t.ul,{children:["\n",(0,i.jsx)(t.li,{children:"\ud83d\udcc4 LoginPage.tsx (or your framework's component file format)"}),"\n",(0,i.jsx)(t.li,{children:"\ud83d\udcc4 RegisterPage.tsx"}),"\n"]}),"\n"]}),"\n",(0,i.jsx)(t.li,{children:"\ud83d\udcc4 index.ts"}),"\n"]}),"\n"]}),"\n",(0,i.jsx)(t.li,{children:"other pages\u2026"}),"\n"]}),"\n"]}),"\n"]}),"\n",(0,i.jsx)(t.p,{children:"Here we created two components and exported them both in the index file of the slice. These components will contain forms that are responsible for presenting the user with understandable controls to get their credentials."}),"\n",(0,i.jsx)(t.h3,{id:"dialog-for-login",children:"Dialog for login"}),"\n",(0,i.jsx)(t.p,{children:"If your app has a dialog for login that can be used on any page, consider making that dialog a widget. That way, you can still avoid too much decomposition, but have the freedom to reuse this dialog on any page."}),"\n",(0,i.jsxs)(t.ul,{children:["\n",(0,i.jsxs)(t.li,{children:["\ud83d\udcc2 widgets","\n",(0,i.jsxs)(t.ul,{children:["\n",(0,i.jsxs)(t.li,{children:["\ud83d\udcc2 login-dialog","\n",(0,i.jsxs)(t.ul,{children:["\n",(0,i.jsxs)(t.li,{children:["\ud83d\udcc2 ui","\n",(0,i.jsxs)(t.ul,{children:["\n",(0,i.jsx)(t.li,{children:"\ud83d\udcc4 LoginDialog.tsx"}),"\n"]}),"\n"]}),"\n",(0,i.jsx)(t.li,{children:"\ud83d\udcc4 index.ts"}),"\n"]}),"\n"]}),"\n",(0,i.jsx)(t.li,{children:"other widgets\u2026"}),"\n"]}),"\n"]}),"\n"]}),"\n",(0,i.jsx)(t.p,{children:"The rest of this guide is written for the dedicated page approach, but the same principles apply to the dialog widget."}),"\n",(0,i.jsx)(t.h3,{id:"client-side-validation",children:"Client-side validation"}),"\n",(0,i.jsxs)(t.p,{children:["Sometimes, especially for registration, it makes sense to perform client-side validation to let the user know quickly that they made a mistake. Validation can take place in the ",(0,i.jsx)(t.code,{children:"model"})," segment of the login page. Use a schema validation library, for example, ",(0,i.jsx)(t.a,{href:"https://zod.dev",children:"Zod"})," for JS/TS, and expose that schema to the ",(0,i.jsx)(t.code,{children:"ui"})," segment:"]}),"\n",(0,i.jsx)(t.pre,{children:(0,i.jsx)(t.code,{className:"language-ts",metastring:'title="pages/login/model/registration-schema.ts"',children:'import { z } from "zod";\n\nexport const registrationData = z.object({\n    email: z.string().email(),\n    password: z.string().min(6),\n    confirmPassword: z.string(),\n}).refine((data) => data.password === data.confirmPassword, {\n    message: "Passwords do not match",\n    path: ["confirmPassword"],\n});\n'})}),"\n",(0,i.jsxs)(t.p,{children:["Then, in the ",(0,i.jsx)(t.code,{children:"ui"})," segment, you can use this schema to validate the user input:"]}),"\n",(0,i.jsx)(t.pre,{children:(0,i.jsx)(t.code,{className:"language-tsx",metastring:'title="pages/login/ui/RegisterPage.tsx"',children:'import { registrationData } from "../model/registration-schema";\n\nfunction validate(formData: FormData) {\n    const data = Object.fromEntries(formData.entries());\n    try {\n        registrationData.parse(data);\n    } catch (error) {\n        // TODO: Show error message to the user\n    }\n}\n\nexport function RegisterPage() {\n    return (\n        <form onSubmit={(e) => validate(new FormData(e.target))}>\n            <label htmlFor="email">E-mail</label>\n            <input id="email" name="email" required />\n\n            <label htmlFor="password">Password (min. 6 characters)</label>\n            <input id="password" name="password" type="password" required />\n\n            <label htmlFor="confirmPassword">Confirm password</label>\n            <input id="confirmPassword" name="confirmPassword" type="password" required />\n        </form>\n    )\n}\n'})}),"\n",(0,i.jsx)(t.h2,{id:"how-to-send-credentials-to-the-backend",children:"How to send credentials to the backend"}),"\n",(0,i.jsx)(t.p,{children:"Create a function that makes a request to your backend's login endpoint. This function can either be called directly in the component code using a mutation library (e.g. TanStack Query), or it can be called as a side effect in a state manager."}),"\n",(0,i.jsx)(t.h3,{id:"where-to-store-the-request-function",children:"Where to store the request function"}),"\n",(0,i.jsxs)(t.p,{children:["There are two places you can put this function: in ",(0,i.jsx)(t.code,{children:"shared/api"}),", or in the ",(0,i.jsx)(t.code,{children:"api"})," segment of the page."]}),"\n",(0,i.jsxs)(t.h4,{id:"in-sharedapi",children:["In ",(0,i.jsx)(t.code,{children:"shared/api"})]}),"\n",(0,i.jsxs)(t.p,{children:["This approach goes well with when you put all your API requests in ",(0,i.jsx)(t.code,{children:"shared/api"}),", grouped by endpoint, for example. The file structure might look like this:"]}),"\n",(0,i.jsxs)(t.ul,{children:["\n",(0,i.jsxs)(t.li,{children:["\ud83d\udcc2 shared","\n",(0,i.jsxs)(t.ul,{children:["\n",(0,i.jsxs)(t.li,{children:["\ud83d\udcc2 api","\n",(0,i.jsxs)(t.ul,{children:["\n",(0,i.jsxs)(t.li,{children:["\ud83d\udcc2 endpoints","\n",(0,i.jsxs)(t.ul,{children:["\n",(0,i.jsx)(t.li,{children:"\ud83d\udcc4 login.ts"}),"\n",(0,i.jsx)(t.li,{children:"other endpoint functions\u2026"}),"\n"]}),"\n"]}),"\n",(0,i.jsx)(t.li,{children:"\ud83d\udcc4 client.ts"}),"\n",(0,i.jsx)(t.li,{children:"\ud83d\udcc4 index.ts"}),"\n"]}),"\n"]}),"\n"]}),"\n"]}),"\n"]}),"\n",(0,i.jsxs)(t.p,{children:["The ",(0,i.jsx)(t.code,{children:"\ud83d\udcc4 client.ts"})," file contains a wrapper around your request-making primitive (for example, ",(0,i.jsx)(t.code,{children:"fetch()"}),"). This wrapper would know about the base URL of your backend, set necessary headers, serialize data correctly, etc."]}),"\n",(0,i.jsx)(t.pre,{children:(0,i.jsx)(t.code,{className:"language-ts",metastring:'title="shared/api/endpoints/login.ts"',children:'import { POST } from "../client";\n\nexport function login({ email, password }: { email: string, password: string }) {\n    return POST("/login", { email, password });\n}\n'})}),"\n",(0,i.jsx)(t.pre,{children:(0,i.jsx)(t.code,{className:"language-ts",metastring:'title="shared/api/index.ts"',children:'export { login } from "./endpoints/login";\n'})}),"\n",(0,i.jsxs)(t.h4,{id:"in-the-api-segment-of-the-page",children:["In the ",(0,i.jsx)(t.code,{children:"api"})," segment of the page"]}),"\n",(0,i.jsxs)(t.p,{children:["If you don't keep all your requests in one place, consider stashing the login request in the ",(0,i.jsx)(t.code,{children:"api"})," segment of the login page."]}),"\n",(0,i.jsxs)(t.ul,{children:["\n",(0,i.jsxs)(t.li,{children:["\ud83d\udcc2 pages","\n",(0,i.jsxs)(t.ul,{children:["\n",(0,i.jsxs)(t.li,{children:["\ud83d\udcc2 login","\n",(0,i.jsxs)(t.ul,{children:["\n",(0,i.jsxs)(t.li,{children:["\ud83d\udcc2 api","\n",(0,i.jsxs)(t.ul,{children:["\n",(0,i.jsx)(t.li,{children:"\ud83d\udcc4 login.ts"}),"\n"]}),"\n"]}),"\n",(0,i.jsxs)(t.li,{children:["\ud83d\udcc2 ui","\n",(0,i.jsxs)(t.ul,{children:["\n",(0,i.jsx)(t.li,{children:"\ud83d\udcc4 LoginPage.tsx"}),"\n"]}),"\n"]}),"\n",(0,i.jsx)(t.li,{children:"\ud83d\udcc4 index.ts"}),"\n"]}),"\n"]}),"\n",(0,i.jsx)(t.li,{children:"other pages\u2026"}),"\n"]}),"\n"]}),"\n"]}),"\n",(0,i.jsx)(t.pre,{children:(0,i.jsx)(t.code,{className:"language-ts",metastring:'title="pages/login/api/login.ts"',children:'import { POST } from "shared/api";\n\nexport function login({ email, password }: { email: string, password: string }) {\n    return POST("/login", { email, password });\n}\n'})}),"\n",(0,i.jsxs)(t.p,{children:["You don't have to export the ",(0,i.jsx)(t.code,{children:"login()"})," function in the page's public API, because it's unlikely that any other place in the app will need this request."]}),"\n",(0,i.jsx)(t.h3,{id:"two-factor-authentication",children:"Two-factor authentication"}),"\n",(0,i.jsxs)(t.p,{children:["If your app supports two-factor authentication (2FA), you might have to redirect to another page where a user can enter a one-time password. Usually your ",(0,i.jsx)(t.code,{children:"POST /login"})," request would return the user object with a flag indicating that the user has 2FA enabled. If that flag is set, redirect the user to the 2FA page."]}),"\n",(0,i.jsxs)(t.p,{children:["Since this page is very related to logging in, you can also keep it in the same slice, ",(0,i.jsx)(t.code,{children:"login"})," on the Pages layer."]}),"\n",(0,i.jsxs)(t.p,{children:["You would also need another request function, similar to ",(0,i.jsx)(t.code,{children:"login()"})," that we created above. Place them together, either in Shared, or in the ",(0,i.jsx)(t.code,{children:"api"})," segment of the ",(0,i.jsx)(t.code,{children:"login"})," page."]}),"\n",(0,i.jsx)(t.h2,{id:"how-to-store-the-token-for-authenticated-requests",children:"How to store the token for authenticated requests"}),"\n",(0,i.jsx)(t.p,{children:"Regardless of the authentication scheme you have, be it a simple login & password, OAuth, or two-factor authentication, at the end you will receive a token. This token should be stored so that subsequent requests can identify themselves."}),"\n",(0,i.jsxs)(t.p,{children:["The ideal token storage for a web app is a ",(0,i.jsx)(t.strong,{children:"cookie"})," \u2014 it requires no manual token storage or handling. As such, cookie storage needs almost no consideration from the frontend architecture side. If your frontend framework has a server side (for example, ",(0,i.jsx)(t.a,{href:"https://remix.run",children:"Remix"}),"), then you should store the server-side cookie infrastructure in ",(0,i.jsx)(t.code,{children:"shared/api"}),". There is an example in ",(0,i.jsx)(t.a,{href:"/docs/get-started/tutorial#authentication",children:"the Authentication section of the tutorial"})," of how to do that with Remix."]}),"\n",(0,i.jsx)(t.p,{children:"Sometimes, however, cookie storage is not an option. In this case, you will have to store the token manually. Apart from storing the token, you may also need to set up logic for refreshing your token when it expires. With FSD, there are several places where you can store the token, as well as several ways to make it available for the rest of the app."}),"\n",(0,i.jsx)(t.h3,{id:"in-shared",children:"In Shared"}),"\n",(0,i.jsxs)(t.p,{children:["This approach plays well with an API client defined in ",(0,i.jsx)(t.code,{children:"shared/api"})," because the token is freely available for other request functions that require authentication to succeed. You can make the API client hold state, either with a reactive store or simply a module-level variable, and update that state in your ",(0,i.jsx)(t.code,{children:"login()"}),"/",(0,i.jsx)(t.code,{children:"logout()"})," functions."]}),"\n",(0,i.jsx)(t.p,{children:"Automatic token refresh can be implemented as a middleware in the API client \u2014 something that can execute every time you make any request. It can work like this:"}),"\n",(0,i.jsxs)(t.ul,{children:["\n",(0,i.jsx)(t.li,{children:"Authenticate and store the access token as well as the refresh token"}),"\n",(0,i.jsx)(t.li,{children:"Make any request that requires authentication"}),"\n",(0,i.jsx)(t.li,{children:"If the request fails with a status code that indicates token expiration, and there is a token in the store, make a refresh request, store the new tokens, and retry the original request"}),"\n"]}),"\n",(0,i.jsxs)(t.p,{children:["One of the drawbacks of this approach is that the logic of managing and refreshing the token doesn't have a dedicated place. This can be fine for some apps or teams, but if the token management logic is more complex, it may be preferable to separate responsibilities of making requests and managing tokens. You can do that by keeping your requests and API client in ",(0,i.jsx)(t.code,{children:"shared/api"}),", but the token store and management logic in ",(0,i.jsx)(t.code,{children:"shared/auth"}),"."]}),"\n",(0,i.jsxs)(t.p,{children:["Another drawback of this approach is that if your backend returns an object of your current user's information along with the token, you have to store that somewhere or discard that information and request it again from an endpoint like ",(0,i.jsx)(t.code,{children:"/me"})," or ",(0,i.jsx)(t.code,{children:"/users/current"}),"."]}),"\n",(0,i.jsx)(t.h3,{id:"in-entities",children:"In Entities"}),"\n",(0,i.jsx)(t.p,{children:"It's common for FSD projects to have an entity for a user and/or an entity for the current user. It can even be the same entity for both."}),"\n",(0,i.jsx)(t.admonition,{type:"note",children:(0,i.jsxs)(t.p,{children:["The ",(0,i.jsx)(t.strong,{children:"current user"}),' is also sometimes called "viewer" or "me". This is to distinguish the single authenticated user, with permissions and private information, from a list of all users with publicly accessible information.']})}),"\n",(0,i.jsxs)(t.p,{children:["To store the token in the User entity, create a reactive store in the ",(0,i.jsx)(t.code,{children:"model"})," segment. That store can contain both the token and the user object."]}),"\n",(0,i.jsxs)(t.p,{children:["Since the API client is usually defined in ",(0,i.jsx)(t.code,{children:"shared/api"})," or spreaded across the entities, the main challenge to this approach is making the token available to other requests that need it without breaking ",(0,i.jsx)(t.a,{href:"/docs/reference/layers#import-rule-on-layers",children:"the import rule on layers"}),":"]}),"\n",(0,i.jsxs)(t.blockquote,{children:["\n",(0,i.jsx)(t.p,{children:"A module in a slice can only import other slices when they are located on layers strictly below."}),"\n"]}),"\n",(0,i.jsx)(t.p,{children:"There are several solutions to this challenge:"}),"\n",(0,i.jsxs)(t.ol,{children:["\n",(0,i.jsxs)(t.li,{children:[(0,i.jsx)(t.strong,{children:"Pass the token manually every time you make a request"}),(0,i.jsx)(t.br,{}),"\n","This is the simplest solution, but it quickly becomes cumbersome, and if you don't have type safety, it's easy to forget. It's also not compatible with middlewares pattern for the API client in Shared."]}),"\n",(0,i.jsxs)(t.li,{children:[(0,i.jsxs)(t.strong,{children:["Expose the token to the entire app with a context or a global store like ",(0,i.jsx)(t.code,{children:"localStorage"})]}),(0,i.jsx)(t.br,{}),"\n","The key to retrieve the token will be kept in ",(0,i.jsx)(t.code,{children:"shared/api"})," so that the API client can access it. The reactive store of the token will be exported from the User entity, and the context provider (if needed) will be set up on the App layer. This gives more freedom for designing the API client, however, this creates an implicit dependency on higher layers to provide context. When following this approach, consider providing helpful error messages if the context or ",(0,i.jsx)(t.code,{children:"localStorage"})," are not set up correctly."]}),"\n",(0,i.jsxs)(t.li,{children:[(0,i.jsx)(t.strong,{children:"Inject the token into the API client every time it changes"}),(0,i.jsx)(t.br,{}),"\n",'If your store is reactive, you can create a subscription that will update the API client\'s token store every time the store in the entity changes. This is similar to the previous solution in that they both create an implicit dependency on higher layers, but this one is more imperative ("push"), while the previous one is more declarative ("pull").']}),"\n"]}),"\n",(0,i.jsxs)(t.p,{children:["Once you overcome the challenge of exposing the token that is stored in the entity's model, you can encode more business logic related to token management. For example, the ",(0,i.jsx)(t.code,{children:"model"})," segment can contain logic to invalidate the token after a certain period of time, or to refresh the token when it expires. To actually make requests to the backend, use the ",(0,i.jsx)(t.code,{children:"api"})," segment of the User entity or ",(0,i.jsx)(t.code,{children:"shared/api"}),"."]}),"\n",(0,i.jsx)(t.h3,{id:"in-pageswidgets-not-recommended",children:"In Pages/Widgets (not recommended)"}),"\n",(0,i.jsxs)(t.p,{children:["It is discouraged to store app-wide state like an access token in pages or widgets. Avoid placing your token store in the ",(0,i.jsx)(t.code,{children:"model"})," segment of the login page, instead choose from the first two solutions, Shared or Entities."]}),"\n",(0,i.jsx)(t.h2,{id:"logout-and-token-invalidation",children:"Logout and token invalidation"}),"\n",(0,i.jsx)(t.p,{children:"Usually, apps don't have an entire page for logging out, but the logout functionality is still very important. It consists of an authenticated request to the backend and an update to the token store."}),"\n",(0,i.jsxs)(t.p,{children:["If you store all your requests in ",(0,i.jsx)(t.code,{children:"shared/api"}),", keep the logout request function there, close to the login function. Otherwise, consider keeping the logout request function next to the button that triggers it. For example, if you have a header widget that appears on every page and contains the logout link, put that request in the ",(0,i.jsx)(t.code,{children:"api"})," segment of that widget."]}),"\n",(0,i.jsxs)(t.p,{children:["The update to the token store will have to be triggered from the place of the logout button, like a header widget. You can combine the request and the store update in the ",(0,i.jsx)(t.code,{children:"model"})," segment of that widget."]}),"\n",(0,i.jsx)(t.h3,{id:"automatic-logout",children:"Automatic logout"}),"\n",(0,i.jsxs)(t.p,{children:["Don't forget to build failsafes for when a request to log out fails, or a request to refresh a login token fails. In both of these cases, you should clear the token store. If you keep your token in Entities, this code can be placed in the ",(0,i.jsx)(t.code,{children:"model"})," segment as it is pure business logic. If you keep your token in Shared, placing this logic in ",(0,i.jsx)(t.code,{children:"shared/api"})," might bloat the segment and dilute its purpose. If you're noticing that your API segment contains two several unrelated things, consider splitting out the token management logic into another segment, for example, ",(0,i.jsx)(t.code,{children:"shared/auth"}),"."]})]})}function c(e={}){const{wrapper:t}={...(0,o.R)(),...e.components};return t?(0,i.jsx)(t,{...e,children:(0,i.jsx)(d,{...e})}):d(e)}},1100:(e,t,n)=>{n.d(t,{R:()=>r,x:()=>a});var i=n(758);const o={},s=i.createContext(o);function r(e){const t=i.useContext(s);return i.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function a(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(o):e.components||o:r(e.components),i.createElement(s.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
diff --git a/kr/assets/js/8c1e6152.f1e8a22b.js b/kr/assets/js/8c1e6152.f6e12db3.js
similarity index 99%
rename from kr/assets/js/8c1e6152.f1e8a22b.js
rename to kr/assets/js/8c1e6152.f6e12db3.js
index 17a68b6ee0..0f4d5ea0fe 100644
--- a/kr/assets/js/8c1e6152.f1e8a22b.js
+++ b/kr/assets/js/8c1e6152.f6e12db3.js
@@ -1 +1 @@
-"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[1616],{3193:(e,s,n)=>{n.r(s),n.d(s,{assets:()=>c,contentTitle:()=>l,default:()=>a,frontMatter:()=>t,metadata:()=>o,toc:()=>d});var i=n(6070),r=n(1100);const t={sidebar_position:4},l="Migration from v1",o={id:"guides/migration/from-v1",title:"Migration from v1",description:"Why v2?",source:"@site/i18n/en/docusaurus-plugin-content-docs/current/guides/migration/from-v1.md",sourceDirName:"guides/migration",slug:"/guides/migration/from-v1",permalink:"/kr/docs/guides/migration/from-v1",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/guides/migration/from-v1.md",tags:[],version:"current",lastUpdatedAt:1727607766e3,sidebarPosition:4,frontMatter:{sidebar_position:4},sidebar:"guidesSidebar",previous:{title:"From a custom architecture",permalink:"/kr/docs/guides/migration/from-custom"},next:{title:"Usage with NextJS",permalink:"/kr/docs/guides/tech/with-nextjs"}},c={},d=[{value:"Why v2?",id:"why-v2",level:2},{value:"Why does it make sense to migrate the project to v2?",id:"why-does-it-make-sense-to-migrate-the-project-to-v2",level:2},{value:"\ud83d\udd0d More transparent and simple architecture",id:"-more-transparent-and-simple-architecture",level:4},{value:"\ud83d\udce6 More flexible and honest modularity",id:"-more-flexible-and-honest-modularity",level:4},{value:"\ud83d\ude80 More specifications, plans, community",id:"-more-specifications-plans-community",level:4},{value:"Changelog",id:"changelog",level:2},{value:"<code>BREAKING</code> Layers",id:"breaking-layers",level:3},{value:"<code>BREAKING</code> Shared",id:"breaking-shared",level:3},{value:"<code>NEW</code> Entities, Processes",id:"new-entities-processes",level:3},{value:"<code>BREAKING</code> Abstractions &amp; Naming",id:"breaking-abstractions--naming",level:3},{value:"Layers",id:"layers",level:4},{value:"Segments",id:"segments",level:4},{value:"<code>REFINED</code> Low coupling",id:"refined-low-coupling",level:3},{value:"See also",id:"see-also",level:2}];function h(e){const s={a:"a",blockquote:"blockquote",code:"code",em:"em",h1:"h1",h2:"h2",h3:"h3",h4:"h4",header:"header",li:"li",p:"p",strong:"strong",ul:"ul",...(0,r.R)(),...e.components};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(s.header,{children:(0,i.jsx)(s.h1,{id:"migration-from-v1",children:"Migration from v1"})}),"\n",(0,i.jsx)(s.h2,{id:"why-v2",children:"Why v2?"}),"\n",(0,i.jsxs)(s.p,{children:["The original concept of ",(0,i.jsx)(s.strong,{children:"feature-slices"})," ",(0,i.jsx)(s.a,{href:"https://t.me/feature_slices",children:"was announced"})," in 2018."]}),"\n",(0,i.jsxs)(s.p,{children:["Since then, many transformations of the methodology have taken place, but at the same time ",(0,i.jsx)(s.strong,{children:(0,i.jsx)(s.a,{href:"https://feature-sliced.github.io/featureslices.dev/v1.0.html",children:"the basic principles were preserved"})}),":"]}),"\n",(0,i.jsxs)(s.ul,{children:["\n",(0,i.jsxs)(s.li,{children:["Using a ",(0,i.jsx)(s.em,{children:"standardized"})," frontend project structure"]}),"\n",(0,i.jsxs)(s.li,{children:["Splitting the application in the first place-according to ",(0,i.jsx)(s.em,{children:"business logic"})]}),"\n",(0,i.jsxs)(s.li,{children:["Use of ",(0,i.jsx)(s.em,{children:"isolated features"})," to prevent implicit side effects and cyclic dependencies"]}),"\n",(0,i.jsxs)(s.li,{children:["Using the ",(0,i.jsx)(s.em,{children:"Public API"}),' with a ban on climbing "into the insides" of the module']}),"\n"]}),"\n",(0,i.jsxs)(s.p,{children:["At the same time, in the previous version of the methodology, there were still ",(0,i.jsx)(s.strong,{children:"weak points"})," that"]}),"\n",(0,i.jsxs)(s.ul,{children:["\n",(0,i.jsx)(s.li,{children:"Sometimes it leads to boilerplate code"}),"\n",(0,i.jsx)(s.li,{children:"Sometimes it leads to excessive complication of the code base and non-obvious rules between abstractions"}),"\n",(0,i.jsx)(s.li,{children:"Sometimes it leads to implicit architectural solutions, which prevented the project from being pulled up and new people from onboarding"}),"\n"]}),"\n",(0,i.jsxs)(s.p,{children:["The new version of the methodology (",(0,i.jsx)(s.a,{href:"https://github.com/feature-sliced/documentation",children:"v2"}),") is designed ",(0,i.jsx)(s.strong,{children:"to eliminate these shortcomings, while preserving the existing advantages"})," of the approach."]}),"\n",(0,i.jsxs)(s.p,{children:["Since 2018, ",(0,i.jsx)(s.a,{href:"https://github.com/kof/feature-driven-architecture/issues",children:"has also developed"})," another similar methodology - ",(0,i.jsx)(s.a,{href:"https://github.com/feature-sliced/documentation/tree/rc/feature-driven",children:(0,i.jsx)(s.strong,{children:"feature-driven"})}),", which was first announced by ",(0,i.jsx)(s.a,{href:"https://github.com/kof",children:"Oleg Isonen"}),"."]}),"\n",(0,i.jsxs)(s.p,{children:["After merging of the two approaches, we have ",(0,i.jsx)(s.strong,{children:"improved and refined existing practices"})," - towards greater flexibility, clarity and efficiency in application."]}),"\n",(0,i.jsxs)(s.blockquote,{children:["\n",(0,i.jsxs)(s.p,{children:["As a result, this has even affected the name of the methodology - ",(0,i.jsxs)(s.em,{children:['"feature-slice',(0,i.jsx)(s.strong,{children:"d"}),'"']})]}),"\n"]}),"\n",(0,i.jsx)(s.h2,{id:"why-does-it-make-sense-to-migrate-the-project-to-v2",children:"Why does it make sense to migrate the project to v2?"}),"\n",(0,i.jsxs)(s.blockquote,{children:["\n",(0,i.jsxs)(s.p,{children:[(0,i.jsx)(s.code,{children:"WIP:"})," The current version of the methodology is under development and some details ",(0,i.jsx)(s.em,{children:"may change"})]}),"\n"]}),"\n",(0,i.jsx)(s.h4,{id:"-more-transparent-and-simple-architecture",children:"\ud83d\udd0d More transparent and simple architecture"}),"\n",(0,i.jsxs)(s.p,{children:["The methodology (v2) offers ",(0,i.jsx)(s.strong,{children:"more intuitive and more common abstractions and ways of separating logic among developers."})]}),"\n",(0,i.jsx)(s.p,{children:"All this has an extremely positive effect on attracting new people, as well as studying the current state of the project, and distributing the business logic of the application."}),"\n",(0,i.jsx)(s.h4,{id:"-more-flexible-and-honest-modularity",children:"\ud83d\udce6 More flexible and honest modularity"}),"\n",(0,i.jsxs)(s.p,{children:["The methodology (v2) allows ",(0,i.jsx)(s.strong,{children:"to distribute logic in a more flexible way:"})]}),"\n",(0,i.jsxs)(s.ul,{children:["\n",(0,i.jsx)(s.li,{children:"With the ability to refactor isolated parts from scratch"}),"\n",(0,i.jsx)(s.li,{children:"With the ability to rely on the same abstractions, but without unnecessary interweaving of dependencies"}),"\n",(0,i.jsxs)(s.li,{children:["With simpler requirements for the location of the new module ",(0,i.jsx)(s.em,{children:"(layer => slice => segment)"})]}),"\n"]}),"\n",(0,i.jsx)(s.h4,{id:"-more-specifications-plans-community",children:"\ud83d\ude80 More specifications, plans, community"}),"\n",(0,i.jsxs)(s.p,{children:["At the moment, the ",(0,i.jsx)(s.code,{children:"core-team"})," is actively working on the latest (v2) version of the methodology"]}),"\n",(0,i.jsx)(s.p,{children:"So it is for her:"}),"\n",(0,i.jsxs)(s.ul,{children:["\n",(0,i.jsx)(s.li,{children:"there will be more described cases / problems"}),"\n",(0,i.jsx)(s.li,{children:"there will be more guides on the application"}),"\n",(0,i.jsx)(s.li,{children:"there will be more real examples"}),"\n",(0,i.jsx)(s.li,{children:"in general, there will be more documentation for onboarding new people and studying the concepts of the methodology"}),"\n",(0,i.jsx)(s.li,{children:"the toolkit will be developed in the future to comply with the concepts and conventions on architecture"}),"\n"]}),"\n",(0,i.jsxs)(s.blockquote,{children:["\n",(0,i.jsx)(s.p,{children:"Of course, there will be user support for the first version as well - but the latest version is still a priority for us"}),"\n",(0,i.jsxs)(s.p,{children:["In the future, with the next major updates, you will still have access to the current version (v2) of the methodology, ",(0,i.jsx)(s.strong,{children:"without risks for your teams and projects"})]}),"\n"]}),"\n",(0,i.jsx)(s.h2,{id:"changelog",children:"Changelog"}),"\n",(0,i.jsxs)(s.h3,{id:"breaking-layers",children:[(0,i.jsx)(s.code,{children:"BREAKING"})," Layers"]}),"\n",(0,i.jsx)(s.p,{children:"Now the methodology assumes explicit allocation of layers at the top level"}),"\n",(0,i.jsxs)(s.ul,{children:["\n",(0,i.jsxs)(s.li,{children:["\n",(0,i.jsxs)(s.p,{children:[(0,i.jsx)(s.code,{children:"/app"})," > ",(0,i.jsx)(s.code,{children:"/processes"})," > ",(0,i.jsx)(s.strong,{children:(0,i.jsx)(s.code,{children:"/pages"})})," > ",(0,i.jsx)(s.strong,{children:(0,i.jsx)(s.code,{children:"/features"})})," > ",(0,i.jsx)(s.code,{children:"/entities"})," > ",(0,i.jsx)(s.code,{children:"/shared"})]}),"\n"]}),"\n",(0,i.jsxs)(s.li,{children:["\n",(0,i.jsx)(s.p,{children:(0,i.jsx)(s.em,{children:"That is, not everything is now treated as features/pages"})}),"\n"]}),"\n",(0,i.jsxs)(s.li,{children:["\n",(0,i.jsxs)(s.p,{children:["This approach allows you to ",(0,i.jsx)(s.a,{href:"https://t.me/atomicdesign/18708",children:"explicitly set rules for layers"}),":"]}),"\n"]}),"\n",(0,i.jsxs)(s.li,{children:["\n",(0,i.jsxs)(s.p,{children:["The ",(0,i.jsx)(s.strong,{children:"higher the layer"})," of the module is located , the more ",(0,i.jsx)(s.strong,{children:"context"})," it has"]}),"\n",(0,i.jsx)(s.p,{children:(0,i.jsx)(s.em,{children:"(in other words-each module of the layer - can import only the modules of the underlying layers, but not higher)"})}),"\n"]}),"\n",(0,i.jsxs)(s.li,{children:["\n",(0,i.jsxs)(s.p,{children:["The ",(0,i.jsx)(s.strong,{children:"lower the layer of the"})," module is located , the more ",(0,i.jsx)(s.strong,{children:"danger and responsibility"})," to make changes to it"]}),"\n",(0,i.jsx)(s.p,{children:(0,i.jsx)(s.em,{children:"(because it is usually the underlying layers that are more overused)"})}),"\n"]}),"\n"]}),"\n",(0,i.jsxs)(s.h3,{id:"breaking-shared",children:[(0,i.jsx)(s.code,{children:"BREAKING"})," Shared"]}),"\n",(0,i.jsxs)(s.p,{children:["The infrastructure abstractions ",(0,i.jsx)(s.code,{children:"/ui"}),", ",(0,i.jsx)(s.code,{children:"/lib"}),", ",(0,i.jsx)(s.code,{children:"/api"}),", which used to lie in the src root of the project, are now separated by a separate directory ",(0,i.jsx)(s.code,{children:"/src/shared"})]}),"\n",(0,i.jsxs)(s.ul,{children:["\n",(0,i.jsxs)(s.li,{children:[(0,i.jsx)(s.code,{children:"shared/ui"})," - Still the same general uikit of the application (optional)","\n",(0,i.jsxs)(s.ul,{children:["\n",(0,i.jsx)(s.li,{children:(0,i.jsxs)(s.em,{children:["At the same time, no one forbids using ",(0,i.jsx)(s.code,{children:"Atomic Design"})," here as before"]})}),"\n"]}),"\n"]}),"\n",(0,i.jsxs)(s.li,{children:[(0,i.jsx)(s.code,{children:"shared/lib"})," - A set of auxiliary libraries for implementing logic","\n",(0,i.jsxs)(s.ul,{children:["\n",(0,i.jsx)(s.li,{children:(0,i.jsx)(s.em,{children:"Still - without a dump of helpers"})}),"\n"]}),"\n"]}),"\n",(0,i.jsxs)(s.li,{children:[(0,i.jsx)(s.code,{children:"shared/api"})," - A common entry point for accessing the API","\n",(0,i.jsxs)(s.ul,{children:["\n",(0,i.jsx)(s.li,{children:(0,i.jsx)(s.em,{children:"Can also be registered locally in each feature / page - but it is not recommended"})}),"\n"]}),"\n"]}),"\n",(0,i.jsxs)(s.li,{children:["As before - there should be no explicit binding to business logic in ",(0,i.jsx)(s.code,{children:"shared"}),"\n",(0,i.jsxs)(s.ul,{children:["\n",(0,i.jsx)(s.li,{children:(0,i.jsxs)(s.em,{children:["If necessary, you need to take this relationship to the ",(0,i.jsx)(s.code,{children:"entities"})," level or even higher"]})}),"\n"]}),"\n"]}),"\n"]}),"\n",(0,i.jsxs)(s.h3,{id:"new-entities-processes",children:[(0,i.jsx)(s.code,{children:"NEW"})," Entities, Processes"]}),"\n",(0,i.jsxs)(s.p,{children:["In v2 ",(0,i.jsx)(s.strong,{children:", other new abstractions"})," have been added to eliminate the problems of logic complexity and high coupling."]}),"\n",(0,i.jsxs)(s.ul,{children:["\n",(0,i.jsxs)(s.li,{children:[(0,i.jsx)(s.code,{children:"/entities"})," - layer ",(0,i.jsx)(s.strong,{children:"business entities"})," containing slices that are related directly to the business models or synthetic entities required only on frontend","\n",(0,i.jsxs)(s.ul,{children:["\n",(0,i.jsx)(s.li,{children:(0,i.jsxs)(s.em,{children:["Examples: ",(0,i.jsx)(s.code,{children:"user"}),", ",(0,i.jsx)(s.code,{children:"i18n"}),", ",(0,i.jsx)(s.code,{children:"order"}),", ",(0,i.jsx)(s.code,{children:"blog"})]})}),"\n"]}),"\n"]}),"\n",(0,i.jsxs)(s.li,{children:[(0,i.jsx)(s.code,{children:"/processes"})," - layer ",(0,i.jsx)(s.strong,{children:"business processes"}),", penetrating app","\n",(0,i.jsxs)(s.ul,{children:["\n",(0,i.jsxs)(s.li,{children:[(0,i.jsx)(s.strong,{children:"The layer is optional"}),", it is usually recommended to use it when ",(0,i.jsx)(s.em,{children:"the logic grows and begins to blur in several pages"})]}),"\n",(0,i.jsx)(s.li,{children:(0,i.jsxs)(s.em,{children:["Examples: ",(0,i.jsx)(s.code,{children:"payment"}),", ",(0,i.jsx)(s.code,{children:"auth"}),", ",(0,i.jsx)(s.code,{children:"quick-tour"})]})}),"\n"]}),"\n"]}),"\n"]}),"\n",(0,i.jsxs)(s.h3,{id:"breaking-abstractions--naming",children:[(0,i.jsx)(s.code,{children:"BREAKING"})," Abstractions & Naming"]}),"\n",(0,i.jsxs)(s.p,{children:["Now specific abstractions and ",(0,i.jsx)(s.a,{href:"/docs/about/understanding/naming",children:"clear recommendations for naming them"}),"are defined"]}),"\n",(0,i.jsx)(s.h4,{id:"layers",children:"Layers"}),"\n",(0,i.jsxs)(s.ul,{children:["\n",(0,i.jsxs)(s.li,{children:[(0,i.jsx)(s.code,{children:"/app"})," \u2014 ",(0,i.jsx)(s.strong,{children:"application initialization layer"}),"\n",(0,i.jsxs)(s.ul,{children:["\n",(0,i.jsx)(s.li,{children:(0,i.jsxs)(s.em,{children:["Previous versions: ",(0,i.jsx)(s.code,{children:"app"}),", ",(0,i.jsx)(s.code,{children:"core"}),",",(0,i.jsx)(s.code,{children:"init"}),", ",(0,i.jsx)(s.code,{children:"src/index"})," (and this happens)"]})}),"\n"]}),"\n"]}),"\n",(0,i.jsxs)(s.li,{children:[(0,i.jsx)(s.code,{children:"/processes"})," \u2014 ",(0,i.jsx)(s.a,{href:"https://github.com/feature-sliced/documentation/discussions/20",children:(0,i.jsx)(s.strong,{children:"business process layer"})}),"\n",(0,i.jsxs)(s.ul,{children:["\n",(0,i.jsx)(s.li,{children:(0,i.jsxs)(s.em,{children:["Previous versions: ",(0,i.jsx)(s.code,{children:"processes"}),", ",(0,i.jsx)(s.code,{children:"flows"}),", ",(0,i.jsx)(s.code,{children:"workflows"})]})}),"\n"]}),"\n"]}),"\n",(0,i.jsxs)(s.li,{children:[(0,i.jsx)(s.code,{children:"/pages"})," \u2014 ",(0,i.jsx)(s.strong,{children:"application page layer"}),"\n",(0,i.jsxs)(s.ul,{children:["\n",(0,i.jsx)(s.li,{children:(0,i.jsxs)(s.em,{children:["Previous versions: ",(0,i.jsx)(s.code,{children:"pages"}),", ",(0,i.jsx)(s.code,{children:"screens"}),", ",(0,i.jsx)(s.code,{children:"views"}),", ",(0,i.jsx)(s.code,{children:"layouts"}),", ",(0,i.jsx)(s.code,{children:"components"}),", ",(0,i.jsx)(s.code,{children:"containers"})]})}),"\n"]}),"\n"]}),"\n",(0,i.jsxs)(s.li,{children:[(0,i.jsx)(s.code,{children:"/features"})," \u2014 ",(0,i.jsx)(s.a,{href:"https://github.com/feature-sliced/documentation/discussions/23",children:(0,i.jsx)(s.strong,{children:"functionality parts layer"})}),"\n",(0,i.jsxs)(s.ul,{children:["\n",(0,i.jsx)(s.li,{children:(0,i.jsxs)(s.em,{children:["Previous versions: ",(0,i.jsx)(s.code,{children:"features"}),", ",(0,i.jsx)(s.code,{children:"components"}),", ",(0,i.jsx)(s.code,{children:"containers"})]})}),"\n"]}),"\n"]}),"\n",(0,i.jsxs)(s.li,{children:[(0,i.jsx)(s.code,{children:"/entities"})," \u2014 ",(0,i.jsx)(s.a,{href:"https://github.com/feature-sliced/documentation/discussions/18#discussioncomment-422649",children:(0,i.jsx)(s.strong,{children:"business entity layer"})}),"\n",(0,i.jsxs)(s.ul,{children:["\n",(0,i.jsx)(s.li,{children:(0,i.jsxs)(s.em,{children:["Previous versions: ",(0,i.jsx)(s.code,{children:"entities"}),", ",(0,i.jsx)(s.code,{children:"models"}),", ",(0,i.jsx)(s.code,{children:"shared"})]})}),"\n"]}),"\n"]}),"\n",(0,i.jsxs)(s.li,{children:[(0,i.jsx)(s.code,{children:"/shared"})," \u2014 ",(0,i.jsx)(s.a,{href:"https://github.com/feature-sliced/documentation/discussions/31#discussioncomment-453020",children:(0,i.jsx)(s.strong,{children:"layer of reused infrastructure code"})})," \ud83d\udd25","\n",(0,i.jsxs)(s.ul,{children:["\n",(0,i.jsx)(s.li,{children:(0,i.jsxs)(s.em,{children:["Previous versions: ",(0,i.jsx)(s.code,{children:"shared"}),", ",(0,i.jsx)(s.code,{children:"common"}),", ",(0,i.jsx)(s.code,{children:"lib"})]})}),"\n"]}),"\n"]}),"\n"]}),"\n",(0,i.jsx)(s.h4,{id:"segments",children:"Segments"}),"\n",(0,i.jsxs)(s.ul,{children:["\n",(0,i.jsxs)(s.li,{children:[(0,i.jsx)(s.code,{children:"/ui"})," \u2014 ",(0,i.jsx)(s.a,{href:"https://github.com/feature-sliced/documentation/discussions/31#discussioncomment-453132",children:(0,i.jsx)(s.strong,{children:"UI segment"})})," \ud83d\udd25","\n",(0,i.jsxs)(s.ul,{children:["\n",(0,i.jsx)(s.li,{children:(0,i.jsxs)(s.em,{children:["Previous versions: ",(0,i.jsx)(s.code,{children:"ui"}),", ",(0,i.jsx)(s.code,{children:"components"}),", ",(0,i.jsx)(s.code,{children:"view"})]})}),"\n"]}),"\n"]}),"\n",(0,i.jsxs)(s.li,{children:[(0,i.jsx)(s.code,{children:"/model"})," \u2014 ",(0,i.jsx)(s.a,{href:"https://github.com/feature-sliced/documentation/discussions/31#discussioncomment-472645",children:(0,i.jsx)(s.strong,{children:"BL-segment"})})," \ud83d\udd25","\n",(0,i.jsxs)(s.ul,{children:["\n",(0,i.jsx)(s.li,{children:(0,i.jsxs)(s.em,{children:["Previous versions: ",(0,i.jsx)(s.code,{children:"model"}),", ",(0,i.jsx)(s.code,{children:"store"}),", ",(0,i.jsx)(s.code,{children:"state"}),", ",(0,i.jsx)(s.code,{children:"services"}),", ",(0,i.jsx)(s.code,{children:"controller"})]})}),"\n"]}),"\n"]}),"\n",(0,i.jsxs)(s.li,{children:[(0,i.jsx)(s.code,{children:"/lib"})," \u2014 segment ",(0,i.jsx)(s.strong,{children:"of auxiliary code"}),"\n",(0,i.jsxs)(s.ul,{children:["\n",(0,i.jsx)(s.li,{children:(0,i.jsxs)(s.em,{children:["Previous versions: ",(0,i.jsx)(s.code,{children:"lib"}),", ",(0,i.jsx)(s.code,{children:"libs"}),", ",(0,i.jsx)(s.code,{children:"utils"}),", ",(0,i.jsx)(s.code,{children:"helpers"})]})}),"\n"]}),"\n"]}),"\n",(0,i.jsxs)(s.li,{children:[(0,i.jsx)(s.code,{children:"/api"})," \u2014 ",(0,i.jsx)(s.a,{href:"https://github.com/feature-sliced/documentation/discussions/66",children:(0,i.jsx)(s.strong,{children:"API segment"})}),"\n",(0,i.jsxs)(s.ul,{children:["\n",(0,i.jsx)(s.li,{children:(0,i.jsxs)(s.em,{children:["Previous versions: ",(0,i.jsx)(s.code,{children:"api"}),", ",(0,i.jsx)(s.code,{children:"service"}),", ",(0,i.jsx)(s.code,{children:"requests"}),", ",(0,i.jsx)(s.code,{children:"queries"})]})}),"\n"]}),"\n"]}),"\n",(0,i.jsxs)(s.li,{children:[(0,i.jsx)(s.code,{children:"/config"})," \u2014 ",(0,i.jsx)(s.strong,{children:"application configuration segment"}),"\n",(0,i.jsxs)(s.ul,{children:["\n",(0,i.jsx)(s.li,{children:(0,i.jsxs)(s.em,{children:["Previous versions: ",(0,i.jsx)(s.code,{children:"config"}),", ",(0,i.jsx)(s.code,{children:"env"}),", ",(0,i.jsx)(s.code,{children:"get-env"})]})}),"\n"]}),"\n"]}),"\n"]}),"\n",(0,i.jsxs)(s.h3,{id:"refined-low-coupling",children:[(0,i.jsx)(s.code,{children:"REFINED"})," Low coupling"]}),"\n",(0,i.jsxs)(s.p,{children:["Now it is much easier to ",(0,i.jsx)(s.a,{href:"/docs/reference/isolation/coupling-cohesion",children:"observe the principle of low coupling"})," between modules, thanks to the new layers."]}),"\n",(0,i.jsx)(s.p,{children:(0,i.jsx)(s.em,{children:'At the same time, it is still recommended to avoid as much as possible cases where it is extremely difficult to "uncouple" modules'})}),"\n",(0,i.jsx)(s.h2,{id:"see-also",children:"See also"}),"\n",(0,i.jsxs)(s.ul,{children:["\n",(0,i.jsx)(s.li,{children:(0,i.jsx)(s.a,{href:"https://t.me/feature_slices",children:'Notes from the report "React SPB Meetup #1"'})}),"\n",(0,i.jsx)(s.li,{children:(0,i.jsx)(s.a,{href:"https://www.youtube.com/watch?v=BWAeYuWFHhs",children:'React Berlin Talk - Oleg Isonen "Feature Driven Architecture"'})}),"\n",(0,i.jsx)(s.li,{children:(0,i.jsx)(s.a,{href:"https://t.me/feature_sliced/493",children:"Comparison with v1 (community-chat)"})}),"\n",(0,i.jsx)(s.li,{children:(0,i.jsx)(s.a,{href:"https://t.me/atomicdesign/18708",children:"New ideas v2 with explanations (atomicdesign-chat)"})}),"\n",(0,i.jsx)(s.li,{children:(0,i.jsx)(s.a,{href:"https://github.com/feature-sliced/documentation/discussions/31",children:"Discussion of abstractions and naming for the new version of the methodology (v2)"})}),"\n"]})]})}function a(e={}){const{wrapper:s}={...(0,r.R)(),...e.components};return s?(0,i.jsx)(s,{...e,children:(0,i.jsx)(h,{...e})}):h(e)}},1100:(e,s,n)=>{n.d(s,{R:()=>l,x:()=>o});var i=n(758);const r={},t=i.createContext(r);function l(e){const s=i.useContext(t);return i.useMemo((function(){return"function"==typeof e?e(s):{...s,...e}}),[s,e])}function o(e){let s;return s=e.disableParentContext?"function"==typeof e.components?e.components(r):e.components||r:l(e.components),i.createElement(t.Provider,{value:s},e.children)}}}]);
\ No newline at end of file
+"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[1616],{3193:(e,s,n)=>{n.r(s),n.d(s,{assets:()=>c,contentTitle:()=>l,default:()=>a,frontMatter:()=>t,metadata:()=>o,toc:()=>d});var i=n(6070),r=n(1100);const t={sidebar_position:4},l="Migration from v1",o={id:"guides/migration/from-v1",title:"Migration from v1",description:"Why v2?",source:"@site/i18n/en/docusaurus-plugin-content-docs/current/guides/migration/from-v1.md",sourceDirName:"guides/migration",slug:"/guides/migration/from-v1",permalink:"/kr/docs/guides/migration/from-v1",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/guides/migration/from-v1.md",tags:[],version:"current",lastUpdatedAt:1728325386e3,sidebarPosition:4,frontMatter:{sidebar_position:4},sidebar:"guidesSidebar",previous:{title:"From a custom architecture",permalink:"/kr/docs/guides/migration/from-custom"},next:{title:"Usage with NextJS",permalink:"/kr/docs/guides/tech/with-nextjs"}},c={},d=[{value:"Why v2?",id:"why-v2",level:2},{value:"Why does it make sense to migrate the project to v2?",id:"why-does-it-make-sense-to-migrate-the-project-to-v2",level:2},{value:"\ud83d\udd0d More transparent and simple architecture",id:"-more-transparent-and-simple-architecture",level:4},{value:"\ud83d\udce6 More flexible and honest modularity",id:"-more-flexible-and-honest-modularity",level:4},{value:"\ud83d\ude80 More specifications, plans, community",id:"-more-specifications-plans-community",level:4},{value:"Changelog",id:"changelog",level:2},{value:"<code>BREAKING</code> Layers",id:"breaking-layers",level:3},{value:"<code>BREAKING</code> Shared",id:"breaking-shared",level:3},{value:"<code>NEW</code> Entities, Processes",id:"new-entities-processes",level:3},{value:"<code>BREAKING</code> Abstractions &amp; Naming",id:"breaking-abstractions--naming",level:3},{value:"Layers",id:"layers",level:4},{value:"Segments",id:"segments",level:4},{value:"<code>REFINED</code> Low coupling",id:"refined-low-coupling",level:3},{value:"See also",id:"see-also",level:2}];function h(e){const s={a:"a",blockquote:"blockquote",code:"code",em:"em",h1:"h1",h2:"h2",h3:"h3",h4:"h4",header:"header",li:"li",p:"p",strong:"strong",ul:"ul",...(0,r.R)(),...e.components};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(s.header,{children:(0,i.jsx)(s.h1,{id:"migration-from-v1",children:"Migration from v1"})}),"\n",(0,i.jsx)(s.h2,{id:"why-v2",children:"Why v2?"}),"\n",(0,i.jsxs)(s.p,{children:["The original concept of ",(0,i.jsx)(s.strong,{children:"feature-slices"})," ",(0,i.jsx)(s.a,{href:"https://t.me/feature_slices",children:"was announced"})," in 2018."]}),"\n",(0,i.jsxs)(s.p,{children:["Since then, many transformations of the methodology have taken place, but at the same time ",(0,i.jsx)(s.strong,{children:(0,i.jsx)(s.a,{href:"https://feature-sliced.github.io/featureslices.dev/v1.0.html",children:"the basic principles were preserved"})}),":"]}),"\n",(0,i.jsxs)(s.ul,{children:["\n",(0,i.jsxs)(s.li,{children:["Using a ",(0,i.jsx)(s.em,{children:"standardized"})," frontend project structure"]}),"\n",(0,i.jsxs)(s.li,{children:["Splitting the application in the first place-according to ",(0,i.jsx)(s.em,{children:"business logic"})]}),"\n",(0,i.jsxs)(s.li,{children:["Use of ",(0,i.jsx)(s.em,{children:"isolated features"})," to prevent implicit side effects and cyclic dependencies"]}),"\n",(0,i.jsxs)(s.li,{children:["Using the ",(0,i.jsx)(s.em,{children:"Public API"}),' with a ban on climbing "into the insides" of the module']}),"\n"]}),"\n",(0,i.jsxs)(s.p,{children:["At the same time, in the previous version of the methodology, there were still ",(0,i.jsx)(s.strong,{children:"weak points"})," that"]}),"\n",(0,i.jsxs)(s.ul,{children:["\n",(0,i.jsx)(s.li,{children:"Sometimes it leads to boilerplate code"}),"\n",(0,i.jsx)(s.li,{children:"Sometimes it leads to excessive complication of the code base and non-obvious rules between abstractions"}),"\n",(0,i.jsx)(s.li,{children:"Sometimes it leads to implicit architectural solutions, which prevented the project from being pulled up and new people from onboarding"}),"\n"]}),"\n",(0,i.jsxs)(s.p,{children:["The new version of the methodology (",(0,i.jsx)(s.a,{href:"https://github.com/feature-sliced/documentation",children:"v2"}),") is designed ",(0,i.jsx)(s.strong,{children:"to eliminate these shortcomings, while preserving the existing advantages"})," of the approach."]}),"\n",(0,i.jsxs)(s.p,{children:["Since 2018, ",(0,i.jsx)(s.a,{href:"https://github.com/kof/feature-driven-architecture/issues",children:"has also developed"})," another similar methodology - ",(0,i.jsx)(s.a,{href:"https://github.com/feature-sliced/documentation/tree/rc/feature-driven",children:(0,i.jsx)(s.strong,{children:"feature-driven"})}),", which was first announced by ",(0,i.jsx)(s.a,{href:"https://github.com/kof",children:"Oleg Isonen"}),"."]}),"\n",(0,i.jsxs)(s.p,{children:["After merging of the two approaches, we have ",(0,i.jsx)(s.strong,{children:"improved and refined existing practices"})," - towards greater flexibility, clarity and efficiency in application."]}),"\n",(0,i.jsxs)(s.blockquote,{children:["\n",(0,i.jsxs)(s.p,{children:["As a result, this has even affected the name of the methodology - ",(0,i.jsxs)(s.em,{children:['"feature-slice',(0,i.jsx)(s.strong,{children:"d"}),'"']})]}),"\n"]}),"\n",(0,i.jsx)(s.h2,{id:"why-does-it-make-sense-to-migrate-the-project-to-v2",children:"Why does it make sense to migrate the project to v2?"}),"\n",(0,i.jsxs)(s.blockquote,{children:["\n",(0,i.jsxs)(s.p,{children:[(0,i.jsx)(s.code,{children:"WIP:"})," The current version of the methodology is under development and some details ",(0,i.jsx)(s.em,{children:"may change"})]}),"\n"]}),"\n",(0,i.jsx)(s.h4,{id:"-more-transparent-and-simple-architecture",children:"\ud83d\udd0d More transparent and simple architecture"}),"\n",(0,i.jsxs)(s.p,{children:["The methodology (v2) offers ",(0,i.jsx)(s.strong,{children:"more intuitive and more common abstractions and ways of separating logic among developers."})]}),"\n",(0,i.jsx)(s.p,{children:"All this has an extremely positive effect on attracting new people, as well as studying the current state of the project, and distributing the business logic of the application."}),"\n",(0,i.jsx)(s.h4,{id:"-more-flexible-and-honest-modularity",children:"\ud83d\udce6 More flexible and honest modularity"}),"\n",(0,i.jsxs)(s.p,{children:["The methodology (v2) allows ",(0,i.jsx)(s.strong,{children:"to distribute logic in a more flexible way:"})]}),"\n",(0,i.jsxs)(s.ul,{children:["\n",(0,i.jsx)(s.li,{children:"With the ability to refactor isolated parts from scratch"}),"\n",(0,i.jsx)(s.li,{children:"With the ability to rely on the same abstractions, but without unnecessary interweaving of dependencies"}),"\n",(0,i.jsxs)(s.li,{children:["With simpler requirements for the location of the new module ",(0,i.jsx)(s.em,{children:"(layer => slice => segment)"})]}),"\n"]}),"\n",(0,i.jsx)(s.h4,{id:"-more-specifications-plans-community",children:"\ud83d\ude80 More specifications, plans, community"}),"\n",(0,i.jsxs)(s.p,{children:["At the moment, the ",(0,i.jsx)(s.code,{children:"core-team"})," is actively working on the latest (v2) version of the methodology"]}),"\n",(0,i.jsx)(s.p,{children:"So it is for her:"}),"\n",(0,i.jsxs)(s.ul,{children:["\n",(0,i.jsx)(s.li,{children:"there will be more described cases / problems"}),"\n",(0,i.jsx)(s.li,{children:"there will be more guides on the application"}),"\n",(0,i.jsx)(s.li,{children:"there will be more real examples"}),"\n",(0,i.jsx)(s.li,{children:"in general, there will be more documentation for onboarding new people and studying the concepts of the methodology"}),"\n",(0,i.jsx)(s.li,{children:"the toolkit will be developed in the future to comply with the concepts and conventions on architecture"}),"\n"]}),"\n",(0,i.jsxs)(s.blockquote,{children:["\n",(0,i.jsx)(s.p,{children:"Of course, there will be user support for the first version as well - but the latest version is still a priority for us"}),"\n",(0,i.jsxs)(s.p,{children:["In the future, with the next major updates, you will still have access to the current version (v2) of the methodology, ",(0,i.jsx)(s.strong,{children:"without risks for your teams and projects"})]}),"\n"]}),"\n",(0,i.jsx)(s.h2,{id:"changelog",children:"Changelog"}),"\n",(0,i.jsxs)(s.h3,{id:"breaking-layers",children:[(0,i.jsx)(s.code,{children:"BREAKING"})," Layers"]}),"\n",(0,i.jsx)(s.p,{children:"Now the methodology assumes explicit allocation of layers at the top level"}),"\n",(0,i.jsxs)(s.ul,{children:["\n",(0,i.jsxs)(s.li,{children:["\n",(0,i.jsxs)(s.p,{children:[(0,i.jsx)(s.code,{children:"/app"})," > ",(0,i.jsx)(s.code,{children:"/processes"})," > ",(0,i.jsx)(s.strong,{children:(0,i.jsx)(s.code,{children:"/pages"})})," > ",(0,i.jsx)(s.strong,{children:(0,i.jsx)(s.code,{children:"/features"})})," > ",(0,i.jsx)(s.code,{children:"/entities"})," > ",(0,i.jsx)(s.code,{children:"/shared"})]}),"\n"]}),"\n",(0,i.jsxs)(s.li,{children:["\n",(0,i.jsx)(s.p,{children:(0,i.jsx)(s.em,{children:"That is, not everything is now treated as features/pages"})}),"\n"]}),"\n",(0,i.jsxs)(s.li,{children:["\n",(0,i.jsxs)(s.p,{children:["This approach allows you to ",(0,i.jsx)(s.a,{href:"https://t.me/atomicdesign/18708",children:"explicitly set rules for layers"}),":"]}),"\n"]}),"\n",(0,i.jsxs)(s.li,{children:["\n",(0,i.jsxs)(s.p,{children:["The ",(0,i.jsx)(s.strong,{children:"higher the layer"})," of the module is located , the more ",(0,i.jsx)(s.strong,{children:"context"})," it has"]}),"\n",(0,i.jsx)(s.p,{children:(0,i.jsx)(s.em,{children:"(in other words-each module of the layer - can import only the modules of the underlying layers, but not higher)"})}),"\n"]}),"\n",(0,i.jsxs)(s.li,{children:["\n",(0,i.jsxs)(s.p,{children:["The ",(0,i.jsx)(s.strong,{children:"lower the layer of the"})," module is located , the more ",(0,i.jsx)(s.strong,{children:"danger and responsibility"})," to make changes to it"]}),"\n",(0,i.jsx)(s.p,{children:(0,i.jsx)(s.em,{children:"(because it is usually the underlying layers that are more overused)"})}),"\n"]}),"\n"]}),"\n",(0,i.jsxs)(s.h3,{id:"breaking-shared",children:[(0,i.jsx)(s.code,{children:"BREAKING"})," Shared"]}),"\n",(0,i.jsxs)(s.p,{children:["The infrastructure abstractions ",(0,i.jsx)(s.code,{children:"/ui"}),", ",(0,i.jsx)(s.code,{children:"/lib"}),", ",(0,i.jsx)(s.code,{children:"/api"}),", which used to lie in the src root of the project, are now separated by a separate directory ",(0,i.jsx)(s.code,{children:"/src/shared"})]}),"\n",(0,i.jsxs)(s.ul,{children:["\n",(0,i.jsxs)(s.li,{children:[(0,i.jsx)(s.code,{children:"shared/ui"})," - Still the same general uikit of the application (optional)","\n",(0,i.jsxs)(s.ul,{children:["\n",(0,i.jsx)(s.li,{children:(0,i.jsxs)(s.em,{children:["At the same time, no one forbids using ",(0,i.jsx)(s.code,{children:"Atomic Design"})," here as before"]})}),"\n"]}),"\n"]}),"\n",(0,i.jsxs)(s.li,{children:[(0,i.jsx)(s.code,{children:"shared/lib"})," - A set of auxiliary libraries for implementing logic","\n",(0,i.jsxs)(s.ul,{children:["\n",(0,i.jsx)(s.li,{children:(0,i.jsx)(s.em,{children:"Still - without a dump of helpers"})}),"\n"]}),"\n"]}),"\n",(0,i.jsxs)(s.li,{children:[(0,i.jsx)(s.code,{children:"shared/api"})," - A common entry point for accessing the API","\n",(0,i.jsxs)(s.ul,{children:["\n",(0,i.jsx)(s.li,{children:(0,i.jsx)(s.em,{children:"Can also be registered locally in each feature / page - but it is not recommended"})}),"\n"]}),"\n"]}),"\n",(0,i.jsxs)(s.li,{children:["As before - there should be no explicit binding to business logic in ",(0,i.jsx)(s.code,{children:"shared"}),"\n",(0,i.jsxs)(s.ul,{children:["\n",(0,i.jsx)(s.li,{children:(0,i.jsxs)(s.em,{children:["If necessary, you need to take this relationship to the ",(0,i.jsx)(s.code,{children:"entities"})," level or even higher"]})}),"\n"]}),"\n"]}),"\n"]}),"\n",(0,i.jsxs)(s.h3,{id:"new-entities-processes",children:[(0,i.jsx)(s.code,{children:"NEW"})," Entities, Processes"]}),"\n",(0,i.jsxs)(s.p,{children:["In v2 ",(0,i.jsx)(s.strong,{children:", other new abstractions"})," have been added to eliminate the problems of logic complexity and high coupling."]}),"\n",(0,i.jsxs)(s.ul,{children:["\n",(0,i.jsxs)(s.li,{children:[(0,i.jsx)(s.code,{children:"/entities"})," - layer ",(0,i.jsx)(s.strong,{children:"business entities"})," containing slices that are related directly to the business models or synthetic entities required only on frontend","\n",(0,i.jsxs)(s.ul,{children:["\n",(0,i.jsx)(s.li,{children:(0,i.jsxs)(s.em,{children:["Examples: ",(0,i.jsx)(s.code,{children:"user"}),", ",(0,i.jsx)(s.code,{children:"i18n"}),", ",(0,i.jsx)(s.code,{children:"order"}),", ",(0,i.jsx)(s.code,{children:"blog"})]})}),"\n"]}),"\n"]}),"\n",(0,i.jsxs)(s.li,{children:[(0,i.jsx)(s.code,{children:"/processes"})," - layer ",(0,i.jsx)(s.strong,{children:"business processes"}),", penetrating app","\n",(0,i.jsxs)(s.ul,{children:["\n",(0,i.jsxs)(s.li,{children:[(0,i.jsx)(s.strong,{children:"The layer is optional"}),", it is usually recommended to use it when ",(0,i.jsx)(s.em,{children:"the logic grows and begins to blur in several pages"})]}),"\n",(0,i.jsx)(s.li,{children:(0,i.jsxs)(s.em,{children:["Examples: ",(0,i.jsx)(s.code,{children:"payment"}),", ",(0,i.jsx)(s.code,{children:"auth"}),", ",(0,i.jsx)(s.code,{children:"quick-tour"})]})}),"\n"]}),"\n"]}),"\n"]}),"\n",(0,i.jsxs)(s.h3,{id:"breaking-abstractions--naming",children:[(0,i.jsx)(s.code,{children:"BREAKING"})," Abstractions & Naming"]}),"\n",(0,i.jsxs)(s.p,{children:["Now specific abstractions and ",(0,i.jsx)(s.a,{href:"/docs/about/understanding/naming",children:"clear recommendations for naming them"}),"are defined"]}),"\n",(0,i.jsx)(s.h4,{id:"layers",children:"Layers"}),"\n",(0,i.jsxs)(s.ul,{children:["\n",(0,i.jsxs)(s.li,{children:[(0,i.jsx)(s.code,{children:"/app"})," \u2014 ",(0,i.jsx)(s.strong,{children:"application initialization layer"}),"\n",(0,i.jsxs)(s.ul,{children:["\n",(0,i.jsx)(s.li,{children:(0,i.jsxs)(s.em,{children:["Previous versions: ",(0,i.jsx)(s.code,{children:"app"}),", ",(0,i.jsx)(s.code,{children:"core"}),",",(0,i.jsx)(s.code,{children:"init"}),", ",(0,i.jsx)(s.code,{children:"src/index"})," (and this happens)"]})}),"\n"]}),"\n"]}),"\n",(0,i.jsxs)(s.li,{children:[(0,i.jsx)(s.code,{children:"/processes"})," \u2014 ",(0,i.jsx)(s.a,{href:"https://github.com/feature-sliced/documentation/discussions/20",children:(0,i.jsx)(s.strong,{children:"business process layer"})}),"\n",(0,i.jsxs)(s.ul,{children:["\n",(0,i.jsx)(s.li,{children:(0,i.jsxs)(s.em,{children:["Previous versions: ",(0,i.jsx)(s.code,{children:"processes"}),", ",(0,i.jsx)(s.code,{children:"flows"}),", ",(0,i.jsx)(s.code,{children:"workflows"})]})}),"\n"]}),"\n"]}),"\n",(0,i.jsxs)(s.li,{children:[(0,i.jsx)(s.code,{children:"/pages"})," \u2014 ",(0,i.jsx)(s.strong,{children:"application page layer"}),"\n",(0,i.jsxs)(s.ul,{children:["\n",(0,i.jsx)(s.li,{children:(0,i.jsxs)(s.em,{children:["Previous versions: ",(0,i.jsx)(s.code,{children:"pages"}),", ",(0,i.jsx)(s.code,{children:"screens"}),", ",(0,i.jsx)(s.code,{children:"views"}),", ",(0,i.jsx)(s.code,{children:"layouts"}),", ",(0,i.jsx)(s.code,{children:"components"}),", ",(0,i.jsx)(s.code,{children:"containers"})]})}),"\n"]}),"\n"]}),"\n",(0,i.jsxs)(s.li,{children:[(0,i.jsx)(s.code,{children:"/features"})," \u2014 ",(0,i.jsx)(s.a,{href:"https://github.com/feature-sliced/documentation/discussions/23",children:(0,i.jsx)(s.strong,{children:"functionality parts layer"})}),"\n",(0,i.jsxs)(s.ul,{children:["\n",(0,i.jsx)(s.li,{children:(0,i.jsxs)(s.em,{children:["Previous versions: ",(0,i.jsx)(s.code,{children:"features"}),", ",(0,i.jsx)(s.code,{children:"components"}),", ",(0,i.jsx)(s.code,{children:"containers"})]})}),"\n"]}),"\n"]}),"\n",(0,i.jsxs)(s.li,{children:[(0,i.jsx)(s.code,{children:"/entities"})," \u2014 ",(0,i.jsx)(s.a,{href:"https://github.com/feature-sliced/documentation/discussions/18#discussioncomment-422649",children:(0,i.jsx)(s.strong,{children:"business entity layer"})}),"\n",(0,i.jsxs)(s.ul,{children:["\n",(0,i.jsx)(s.li,{children:(0,i.jsxs)(s.em,{children:["Previous versions: ",(0,i.jsx)(s.code,{children:"entities"}),", ",(0,i.jsx)(s.code,{children:"models"}),", ",(0,i.jsx)(s.code,{children:"shared"})]})}),"\n"]}),"\n"]}),"\n",(0,i.jsxs)(s.li,{children:[(0,i.jsx)(s.code,{children:"/shared"})," \u2014 ",(0,i.jsx)(s.a,{href:"https://github.com/feature-sliced/documentation/discussions/31#discussioncomment-453020",children:(0,i.jsx)(s.strong,{children:"layer of reused infrastructure code"})})," \ud83d\udd25","\n",(0,i.jsxs)(s.ul,{children:["\n",(0,i.jsx)(s.li,{children:(0,i.jsxs)(s.em,{children:["Previous versions: ",(0,i.jsx)(s.code,{children:"shared"}),", ",(0,i.jsx)(s.code,{children:"common"}),", ",(0,i.jsx)(s.code,{children:"lib"})]})}),"\n"]}),"\n"]}),"\n"]}),"\n",(0,i.jsx)(s.h4,{id:"segments",children:"Segments"}),"\n",(0,i.jsxs)(s.ul,{children:["\n",(0,i.jsxs)(s.li,{children:[(0,i.jsx)(s.code,{children:"/ui"})," \u2014 ",(0,i.jsx)(s.a,{href:"https://github.com/feature-sliced/documentation/discussions/31#discussioncomment-453132",children:(0,i.jsx)(s.strong,{children:"UI segment"})})," \ud83d\udd25","\n",(0,i.jsxs)(s.ul,{children:["\n",(0,i.jsx)(s.li,{children:(0,i.jsxs)(s.em,{children:["Previous versions: ",(0,i.jsx)(s.code,{children:"ui"}),", ",(0,i.jsx)(s.code,{children:"components"}),", ",(0,i.jsx)(s.code,{children:"view"})]})}),"\n"]}),"\n"]}),"\n",(0,i.jsxs)(s.li,{children:[(0,i.jsx)(s.code,{children:"/model"})," \u2014 ",(0,i.jsx)(s.a,{href:"https://github.com/feature-sliced/documentation/discussions/31#discussioncomment-472645",children:(0,i.jsx)(s.strong,{children:"BL-segment"})})," \ud83d\udd25","\n",(0,i.jsxs)(s.ul,{children:["\n",(0,i.jsx)(s.li,{children:(0,i.jsxs)(s.em,{children:["Previous versions: ",(0,i.jsx)(s.code,{children:"model"}),", ",(0,i.jsx)(s.code,{children:"store"}),", ",(0,i.jsx)(s.code,{children:"state"}),", ",(0,i.jsx)(s.code,{children:"services"}),", ",(0,i.jsx)(s.code,{children:"controller"})]})}),"\n"]}),"\n"]}),"\n",(0,i.jsxs)(s.li,{children:[(0,i.jsx)(s.code,{children:"/lib"})," \u2014 segment ",(0,i.jsx)(s.strong,{children:"of auxiliary code"}),"\n",(0,i.jsxs)(s.ul,{children:["\n",(0,i.jsx)(s.li,{children:(0,i.jsxs)(s.em,{children:["Previous versions: ",(0,i.jsx)(s.code,{children:"lib"}),", ",(0,i.jsx)(s.code,{children:"libs"}),", ",(0,i.jsx)(s.code,{children:"utils"}),", ",(0,i.jsx)(s.code,{children:"helpers"})]})}),"\n"]}),"\n"]}),"\n",(0,i.jsxs)(s.li,{children:[(0,i.jsx)(s.code,{children:"/api"})," \u2014 ",(0,i.jsx)(s.a,{href:"https://github.com/feature-sliced/documentation/discussions/66",children:(0,i.jsx)(s.strong,{children:"API segment"})}),"\n",(0,i.jsxs)(s.ul,{children:["\n",(0,i.jsx)(s.li,{children:(0,i.jsxs)(s.em,{children:["Previous versions: ",(0,i.jsx)(s.code,{children:"api"}),", ",(0,i.jsx)(s.code,{children:"service"}),", ",(0,i.jsx)(s.code,{children:"requests"}),", ",(0,i.jsx)(s.code,{children:"queries"})]})}),"\n"]}),"\n"]}),"\n",(0,i.jsxs)(s.li,{children:[(0,i.jsx)(s.code,{children:"/config"})," \u2014 ",(0,i.jsx)(s.strong,{children:"application configuration segment"}),"\n",(0,i.jsxs)(s.ul,{children:["\n",(0,i.jsx)(s.li,{children:(0,i.jsxs)(s.em,{children:["Previous versions: ",(0,i.jsx)(s.code,{children:"config"}),", ",(0,i.jsx)(s.code,{children:"env"}),", ",(0,i.jsx)(s.code,{children:"get-env"})]})}),"\n"]}),"\n"]}),"\n"]}),"\n",(0,i.jsxs)(s.h3,{id:"refined-low-coupling",children:[(0,i.jsx)(s.code,{children:"REFINED"})," Low coupling"]}),"\n",(0,i.jsxs)(s.p,{children:["Now it is much easier to ",(0,i.jsx)(s.a,{href:"/docs/reference/isolation/coupling-cohesion",children:"observe the principle of low coupling"})," between modules, thanks to the new layers."]}),"\n",(0,i.jsx)(s.p,{children:(0,i.jsx)(s.em,{children:'At the same time, it is still recommended to avoid as much as possible cases where it is extremely difficult to "uncouple" modules'})}),"\n",(0,i.jsx)(s.h2,{id:"see-also",children:"See also"}),"\n",(0,i.jsxs)(s.ul,{children:["\n",(0,i.jsx)(s.li,{children:(0,i.jsx)(s.a,{href:"https://t.me/feature_slices",children:'Notes from the report "React SPB Meetup #1"'})}),"\n",(0,i.jsx)(s.li,{children:(0,i.jsx)(s.a,{href:"https://www.youtube.com/watch?v=BWAeYuWFHhs",children:'React Berlin Talk - Oleg Isonen "Feature Driven Architecture"'})}),"\n",(0,i.jsx)(s.li,{children:(0,i.jsx)(s.a,{href:"https://t.me/feature_sliced/493",children:"Comparison with v1 (community-chat)"})}),"\n",(0,i.jsx)(s.li,{children:(0,i.jsx)(s.a,{href:"https://t.me/atomicdesign/18708",children:"New ideas v2 with explanations (atomicdesign-chat)"})}),"\n",(0,i.jsx)(s.li,{children:(0,i.jsx)(s.a,{href:"https://github.com/feature-sliced/documentation/discussions/31",children:"Discussion of abstractions and naming for the new version of the methodology (v2)"})}),"\n"]})]})}function a(e={}){const{wrapper:s}={...(0,r.R)(),...e.components};return s?(0,i.jsx)(s,{...e,children:(0,i.jsx)(h,{...e})}):h(e)}},1100:(e,s,n)=>{n.d(s,{R:()=>l,x:()=>o});var i=n(758);const r={},t=i.createContext(r);function l(e){const s=i.useContext(t);return i.useMemo((function(){return"function"==typeof e?e(s):{...s,...e}}),[s,e])}function o(e){let s;return s=e.disableParentContext?"function"==typeof e.components?e.components(r):e.components||r:l(e.components),i.createElement(t.Provider,{value:s},e.children)}}}]);
\ No newline at end of file
diff --git a/kr/assets/js/8ce83ff6.a857b6a8.js b/kr/assets/js/8ce83ff6.ca059c34.js
similarity index 98%
rename from kr/assets/js/8ce83ff6.a857b6a8.js
rename to kr/assets/js/8ce83ff6.ca059c34.js
index cbed5836f4..9ec765302b 100644
--- a/kr/assets/js/8ce83ff6.a857b6a8.js
+++ b/kr/assets/js/8ce83ff6.ca059c34.js
@@ -1 +1 @@
-"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[6684],{1928:(e,s,t)=>{t.d(s,{Ay:()=>l,RM:()=>d});var i=t(6070),r=t(1100),n=(t(758),t(6783)),o=t(7765);const a=e=>{let{ticket:s}=e;const t=`https://github.com/feature-sliced/documentation/issues/${s}`;return(0,i.jsxs)("div",{children:[(0,i.jsx)("p",{children:(0,o.T)({id:"shared.wip.title"})}),(0,i.jsx)("p",{children:(0,o.T)({id:"shared.wip.subtitle"})}),(0,i.jsxs)("ul",{children:[(0,i.jsxs)("li",{children:[(0,o.T)({id:"shared.wip.var.feedback.base"}),(0,i.jsx)(n.A,{to:t,children:(0,o.T)({id:"shared.wip.var.feedback.link"})})]}),(0,i.jsxs)("li",{children:[(0,o.T)({id:"shared.wip.var.material.base"}),(0,i.jsx)(n.A,{to:"https://t.me/feature_sliced",children:(0,o.T)({id:"shared.wip.var.material.link"})})]}),(0,i.jsxs)("li",{children:[(0,o.T)({id:"shared.wip.var.contribute.base"}),(0,i.jsx)(n.A,{to:"https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md",children:(0,o.T)({id:"shared.wip.var.contribute.link"})})]})]}),(0,i.jsx)("br",{}),(0,i.jsx)("p",{children:(0,i.jsx)("i",{children:"\ud83c\udf70 Stay tuned!"})})]})},d=[];function c(e){const s={admonition:"admonition",...(0,r.R)(),...e.components};return(0,i.jsx)(s.admonition,{title:"WIP",type:"caution",children:(0,i.jsx)(a,{ticket:e.ticket})})}function l(e={}){const{wrapper:s}={...(0,r.R)(),...e.components};return s?(0,i.jsx)(s,{...e,children:(0,i.jsx)(c,{...e})}):c(e)}},526:(e,s,t)=>{t.r(s),t.d(s,{assets:()=>c,contentTitle:()=>a,default:()=>h,frontMatter:()=>o,metadata:()=>d,toc:()=>l});var i=t(6070),r=t(1100),n=t(1928);const o={sidebar_position:4,sidebar_class_name:"sidebar-item--wip",pagination_next:"reference/index"},a="Cross-imports",d={id:"guides/issues/cross-imports",title:"Cross-imports",description:"Cross-imports appear when the layer or abstraction begins to take too much responsibility than it should. That is why the methodology identifies new layers that allow you to uncouple these cross-imports",source:"@site/i18n/en/docusaurus-plugin-content-docs/current/guides/issues/cross-imports.mdx",sourceDirName:"guides/issues",slug:"/guides/issues/cross-imports",permalink:"/kr/docs/guides/issues/cross-imports",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/guides/issues/cross-imports.mdx",tags:[],version:"current",lastUpdatedAt:1727607766e3,sidebarPosition:4,frontMatter:{sidebar_position:4,sidebar_class_name:"sidebar-item--wip",pagination_next:"reference/index"},sidebar:"guidesSidebar",previous:{title:"Routing",permalink:"/kr/docs/guides/issues/routes"},next:{title:"\ud83d\udcda Reference",permalink:"/kr/docs/reference/"}},c={},l=[...n.RM,{value:"See also",id:"see-also",level:2}];function u(e){const s={a:"a",blockquote:"blockquote",h1:"h1",h2:"h2",header:"header",li:"li",p:"p",ul:"ul",...(0,r.R)(),...e.components};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(s.header,{children:(0,i.jsx)(s.h1,{id:"cross-imports",children:"Cross-imports"})}),"\n",(0,i.jsx)(n.Ay,{ticket:"220"}),"\n",(0,i.jsxs)(s.blockquote,{children:["\n",(0,i.jsx)(s.p,{children:"Cross-imports appear when the layer or abstraction begins to take too much responsibility than it should. That is why the methodology identifies new layers that allow you to uncouple these cross-imports"}),"\n"]}),"\n",(0,i.jsx)(s.h2,{id:"see-also",children:"See also"}),"\n",(0,i.jsxs)(s.ul,{children:["\n",(0,i.jsx)(s.li,{children:(0,i.jsx)(s.a,{href:"https://t.me/feature_sliced/4515",children:"(Thread) About the supposed inevitability of cross-ports"})}),"\n",(0,i.jsx)(s.li,{children:(0,i.jsx)(s.a,{href:"https://t.me/feature_sliced/3678",children:"(Thread) About resolving cross-ports in entities"})}),"\n",(0,i.jsx)(s.li,{children:(0,i.jsx)(s.a,{href:"https://t.me/feature_sliced/3287",children:"(Thread) About cross-imports and responsibility"})}),"\n",(0,i.jsx)(s.li,{children:(0,i.jsx)(s.a,{href:"https://t.me/feature_sliced/4021",children:"(Thread) About imports between segments"})}),"\n",(0,i.jsx)(s.li,{children:(0,i.jsx)(s.a,{href:"https://t.me/feature_sliced/3618",children:"(Thread) About cross-imports inside shared"})}),"\n"]})]})}function h(e={}){const{wrapper:s}={...(0,r.R)(),...e.components};return s?(0,i.jsx)(s,{...e,children:(0,i.jsx)(u,{...e})}):u(e)}},1100:(e,s,t)=>{t.d(s,{R:()=>o,x:()=>a});var i=t(758);const r={},n=i.createContext(r);function o(e){const s=i.useContext(n);return i.useMemo((function(){return"function"==typeof e?e(s):{...s,...e}}),[s,e])}function a(e){let s;return s=e.disableParentContext?"function"==typeof e.components?e.components(r):e.components||r:o(e.components),i.createElement(n.Provider,{value:s},e.children)}}}]);
\ No newline at end of file
+"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[6684],{1928:(e,s,t)=>{t.d(s,{Ay:()=>l,RM:()=>d});var i=t(6070),r=t(1100),n=(t(758),t(6783)),o=t(7765);const a=e=>{let{ticket:s}=e;const t=`https://github.com/feature-sliced/documentation/issues/${s}`;return(0,i.jsxs)("div",{children:[(0,i.jsx)("p",{children:(0,o.T)({id:"shared.wip.title"})}),(0,i.jsx)("p",{children:(0,o.T)({id:"shared.wip.subtitle"})}),(0,i.jsxs)("ul",{children:[(0,i.jsxs)("li",{children:[(0,o.T)({id:"shared.wip.var.feedback.base"}),(0,i.jsx)(n.A,{to:t,children:(0,o.T)({id:"shared.wip.var.feedback.link"})})]}),(0,i.jsxs)("li",{children:[(0,o.T)({id:"shared.wip.var.material.base"}),(0,i.jsx)(n.A,{to:"https://t.me/feature_sliced",children:(0,o.T)({id:"shared.wip.var.material.link"})})]}),(0,i.jsxs)("li",{children:[(0,o.T)({id:"shared.wip.var.contribute.base"}),(0,i.jsx)(n.A,{to:"https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md",children:(0,o.T)({id:"shared.wip.var.contribute.link"})})]})]}),(0,i.jsx)("br",{}),(0,i.jsx)("p",{children:(0,i.jsx)("i",{children:"\ud83c\udf70 Stay tuned!"})})]})},d=[];function c(e){const s={admonition:"admonition",...(0,r.R)(),...e.components};return(0,i.jsx)(s.admonition,{title:"WIP",type:"caution",children:(0,i.jsx)(a,{ticket:e.ticket})})}function l(e={}){const{wrapper:s}={...(0,r.R)(),...e.components};return s?(0,i.jsx)(s,{...e,children:(0,i.jsx)(c,{...e})}):c(e)}},526:(e,s,t)=>{t.r(s),t.d(s,{assets:()=>c,contentTitle:()=>a,default:()=>h,frontMatter:()=>o,metadata:()=>d,toc:()=>l});var i=t(6070),r=t(1100),n=t(1928);const o={sidebar_position:4,sidebar_class_name:"sidebar-item--wip",pagination_next:"reference/index"},a="Cross-imports",d={id:"guides/issues/cross-imports",title:"Cross-imports",description:"Cross-imports appear when the layer or abstraction begins to take too much responsibility than it should. That is why the methodology identifies new layers that allow you to uncouple these cross-imports",source:"@site/i18n/en/docusaurus-plugin-content-docs/current/guides/issues/cross-imports.mdx",sourceDirName:"guides/issues",slug:"/guides/issues/cross-imports",permalink:"/kr/docs/guides/issues/cross-imports",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/guides/issues/cross-imports.mdx",tags:[],version:"current",lastUpdatedAt:1728325386e3,sidebarPosition:4,frontMatter:{sidebar_position:4,sidebar_class_name:"sidebar-item--wip",pagination_next:"reference/index"},sidebar:"guidesSidebar",previous:{title:"Routing",permalink:"/kr/docs/guides/issues/routes"},next:{title:"\ud83d\udcda Reference",permalink:"/kr/docs/reference/"}},c={},l=[...n.RM,{value:"See also",id:"see-also",level:2}];function u(e){const s={a:"a",blockquote:"blockquote",h1:"h1",h2:"h2",header:"header",li:"li",p:"p",ul:"ul",...(0,r.R)(),...e.components};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(s.header,{children:(0,i.jsx)(s.h1,{id:"cross-imports",children:"Cross-imports"})}),"\n",(0,i.jsx)(n.Ay,{ticket:"220"}),"\n",(0,i.jsxs)(s.blockquote,{children:["\n",(0,i.jsx)(s.p,{children:"Cross-imports appear when the layer or abstraction begins to take too much responsibility than it should. That is why the methodology identifies new layers that allow you to uncouple these cross-imports"}),"\n"]}),"\n",(0,i.jsx)(s.h2,{id:"see-also",children:"See also"}),"\n",(0,i.jsxs)(s.ul,{children:["\n",(0,i.jsx)(s.li,{children:(0,i.jsx)(s.a,{href:"https://t.me/feature_sliced/4515",children:"(Thread) About the supposed inevitability of cross-ports"})}),"\n",(0,i.jsx)(s.li,{children:(0,i.jsx)(s.a,{href:"https://t.me/feature_sliced/3678",children:"(Thread) About resolving cross-ports in entities"})}),"\n",(0,i.jsx)(s.li,{children:(0,i.jsx)(s.a,{href:"https://t.me/feature_sliced/3287",children:"(Thread) About cross-imports and responsibility"})}),"\n",(0,i.jsx)(s.li,{children:(0,i.jsx)(s.a,{href:"https://t.me/feature_sliced/4021",children:"(Thread) About imports between segments"})}),"\n",(0,i.jsx)(s.li,{children:(0,i.jsx)(s.a,{href:"https://t.me/feature_sliced/3618",children:"(Thread) About cross-imports inside shared"})}),"\n"]})]})}function h(e={}){const{wrapper:s}={...(0,r.R)(),...e.components};return s?(0,i.jsx)(s,{...e,children:(0,i.jsx)(u,{...e})}):u(e)}},1100:(e,s,t)=>{t.d(s,{R:()=>o,x:()=>a});var i=t(758);const r={},n=i.createContext(r);function o(e){const s=i.useContext(n);return i.useMemo((function(){return"function"==typeof e?e(s):{...s,...e}}),[s,e])}function a(e){let s;return s=e.disableParentContext?"function"==typeof e.components?e.components(r):e.components||r:o(e.components),i.createElement(n.Provider,{value:s},e.children)}}}]);
\ No newline at end of file
diff --git a/kr/assets/js/9b83d7f4.63476ef2.js b/kr/assets/js/9b83d7f4.13d292d7.js
similarity index 98%
rename from kr/assets/js/9b83d7f4.63476ef2.js
rename to kr/assets/js/9b83d7f4.13d292d7.js
index 8d743cc070..66bf57797e 100644
--- a/kr/assets/js/9b83d7f4.63476ef2.js
+++ b/kr/assets/js/9b83d7f4.13d292d7.js
@@ -1 +1 @@
-"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[9568],{1928:(e,t,i)=>{i.d(t,{Ay:()=>l,RM:()=>c});var s=i(6070),n=i(1100),o=(i(758),i(6783)),r=i(7765);const d=e=>{let{ticket:t}=e;const i=`https://github.com/feature-sliced/documentation/issues/${t}`;return(0,s.jsxs)("div",{children:[(0,s.jsx)("p",{children:(0,r.T)({id:"shared.wip.title"})}),(0,s.jsx)("p",{children:(0,r.T)({id:"shared.wip.subtitle"})}),(0,s.jsxs)("ul",{children:[(0,s.jsxs)("li",{children:[(0,r.T)({id:"shared.wip.var.feedback.base"}),(0,s.jsx)(o.A,{to:i,children:(0,r.T)({id:"shared.wip.var.feedback.link"})})]}),(0,s.jsxs)("li",{children:[(0,r.T)({id:"shared.wip.var.material.base"}),(0,s.jsx)(o.A,{to:"https://t.me/feature_sliced",children:(0,r.T)({id:"shared.wip.var.material.link"})})]}),(0,s.jsxs)("li",{children:[(0,r.T)({id:"shared.wip.var.contribute.base"}),(0,s.jsx)(o.A,{to:"https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md",children:(0,r.T)({id:"shared.wip.var.contribute.link"})})]})]}),(0,s.jsx)("br",{}),(0,s.jsx)("p",{children:(0,s.jsx)("i",{children:"\ud83c\udf70 Stay tuned!"})})]})},c=[];function a(e){const t={admonition:"admonition",...(0,n.R)(),...e.components};return(0,s.jsx)(t.admonition,{title:"WIP",type:"caution",children:(0,s.jsx)(d,{ticket:e.ticket})})}function l(e={}){const{wrapper:t}={...(0,n.R)(),...e.components};return t?(0,s.jsx)(t,{...e,children:(0,s.jsx)(a,{...e})}):a(e)}},4526:(e,t,i)=>{i.r(t),i.d(t,{assets:()=>a,contentTitle:()=>d,default:()=>p,frontMatter:()=>r,metadata:()=>c,toc:()=>l});var s=i(6070),n=i(1100),o=i(1928);const r={sidebar_position:5,sidebar_class_name:"sidebar-item--wip",unlisted:!0},d="Autocomplete",c={id:"guides/examples/autocompleted",title:"Autocomplete",description:"About decomposition by layers",source:"@site/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/autocompleted.mdx",sourceDirName:"guides/examples",slug:"/guides/examples/autocompleted",permalink:"/kr/docs/guides/examples/autocompleted",draft:!1,unlisted:!0,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/autocompleted.mdx",tags:[],version:"current",lastUpdatedAt:1727607766e3,sidebarPosition:5,frontMatter:{sidebar_position:5,sidebar_class_name:"sidebar-item--wip",unlisted:!0},sidebar:"guidesSidebar"},a={},l=[...o.RM,{value:"See also",id:"see-also",level:2}];function u(e){const t={a:"a",blockquote:"blockquote",h1:"h1",h2:"h2",header:"header",li:"li",p:"p",ul:"ul",...(0,n.R)(),...e.components};return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(t.header,{children:(0,s.jsx)(t.h1,{id:"autocomplete",children:"Autocomplete"})}),"\n",(0,s.jsx)(o.Ay,{ticket:"170"}),"\n",(0,s.jsxs)(t.blockquote,{children:["\n",(0,s.jsx)(t.p,{children:"About decomposition by layers"}),"\n"]}),"\n",(0,s.jsx)(t.h2,{id:"see-also",children:"See also"}),"\n",(0,s.jsxs)(t.ul,{children:["\n",(0,s.jsx)(t.li,{children:(0,s.jsx)(t.a,{href:"https://github.com/feature-sliced/documentation/discussions/65#discussioncomment-480807",children:"(Discussion) About the application of the methodology for the selection with loaded dictionaries"})}),"\n"]})]})}function p(e={}){const{wrapper:t}={...(0,n.R)(),...e.components};return t?(0,s.jsx)(t,{...e,children:(0,s.jsx)(u,{...e})}):u(e)}},1100:(e,t,i)=>{i.d(t,{R:()=>r,x:()=>d});var s=i(758);const n={},o=s.createContext(n);function r(e){const t=s.useContext(o);return s.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function d(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(n):e.components||n:r(e.components),s.createElement(o.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
+"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[9568],{1928:(e,t,i)=>{i.d(t,{Ay:()=>l,RM:()=>c});var s=i(6070),n=i(1100),o=(i(758),i(6783)),r=i(7765);const d=e=>{let{ticket:t}=e;const i=`https://github.com/feature-sliced/documentation/issues/${t}`;return(0,s.jsxs)("div",{children:[(0,s.jsx)("p",{children:(0,r.T)({id:"shared.wip.title"})}),(0,s.jsx)("p",{children:(0,r.T)({id:"shared.wip.subtitle"})}),(0,s.jsxs)("ul",{children:[(0,s.jsxs)("li",{children:[(0,r.T)({id:"shared.wip.var.feedback.base"}),(0,s.jsx)(o.A,{to:i,children:(0,r.T)({id:"shared.wip.var.feedback.link"})})]}),(0,s.jsxs)("li",{children:[(0,r.T)({id:"shared.wip.var.material.base"}),(0,s.jsx)(o.A,{to:"https://t.me/feature_sliced",children:(0,r.T)({id:"shared.wip.var.material.link"})})]}),(0,s.jsxs)("li",{children:[(0,r.T)({id:"shared.wip.var.contribute.base"}),(0,s.jsx)(o.A,{to:"https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md",children:(0,r.T)({id:"shared.wip.var.contribute.link"})})]})]}),(0,s.jsx)("br",{}),(0,s.jsx)("p",{children:(0,s.jsx)("i",{children:"\ud83c\udf70 Stay tuned!"})})]})},c=[];function a(e){const t={admonition:"admonition",...(0,n.R)(),...e.components};return(0,s.jsx)(t.admonition,{title:"WIP",type:"caution",children:(0,s.jsx)(d,{ticket:e.ticket})})}function l(e={}){const{wrapper:t}={...(0,n.R)(),...e.components};return t?(0,s.jsx)(t,{...e,children:(0,s.jsx)(a,{...e})}):a(e)}},4526:(e,t,i)=>{i.r(t),i.d(t,{assets:()=>a,contentTitle:()=>d,default:()=>p,frontMatter:()=>r,metadata:()=>c,toc:()=>l});var s=i(6070),n=i(1100),o=i(1928);const r={sidebar_position:5,sidebar_class_name:"sidebar-item--wip",unlisted:!0},d="Autocomplete",c={id:"guides/examples/autocompleted",title:"Autocomplete",description:"About decomposition by layers",source:"@site/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/autocompleted.mdx",sourceDirName:"guides/examples",slug:"/guides/examples/autocompleted",permalink:"/kr/docs/guides/examples/autocompleted",draft:!1,unlisted:!0,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/autocompleted.mdx",tags:[],version:"current",lastUpdatedAt:1728325386e3,sidebarPosition:5,frontMatter:{sidebar_position:5,sidebar_class_name:"sidebar-item--wip",unlisted:!0},sidebar:"guidesSidebar"},a={},l=[...o.RM,{value:"See also",id:"see-also",level:2}];function u(e){const t={a:"a",blockquote:"blockquote",h1:"h1",h2:"h2",header:"header",li:"li",p:"p",ul:"ul",...(0,n.R)(),...e.components};return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(t.header,{children:(0,s.jsx)(t.h1,{id:"autocomplete",children:"Autocomplete"})}),"\n",(0,s.jsx)(o.Ay,{ticket:"170"}),"\n",(0,s.jsxs)(t.blockquote,{children:["\n",(0,s.jsx)(t.p,{children:"About decomposition by layers"}),"\n"]}),"\n",(0,s.jsx)(t.h2,{id:"see-also",children:"See also"}),"\n",(0,s.jsxs)(t.ul,{children:["\n",(0,s.jsx)(t.li,{children:(0,s.jsx)(t.a,{href:"https://github.com/feature-sliced/documentation/discussions/65#discussioncomment-480807",children:"(Discussion) About the application of the methodology for the selection with loaded dictionaries"})}),"\n"]})]})}function p(e={}){const{wrapper:t}={...(0,n.R)(),...e.components};return t?(0,s.jsx)(t,{...e,children:(0,s.jsx)(u,{...e})}):u(e)}},1100:(e,t,i)=>{i.d(t,{R:()=>r,x:()=>d});var s=i(758);const n={},o=s.createContext(n);function r(e){const t=s.useContext(o);return s.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function d(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(n):e.components||n:r(e.components),s.createElement(o.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
diff --git a/kr/assets/js/9f1dcbb0.d3f7b5f6.js b/kr/assets/js/9f1dcbb0.9a05b37a.js
similarity index 99%
rename from kr/assets/js/9f1dcbb0.d3f7b5f6.js
rename to kr/assets/js/9f1dcbb0.9a05b37a.js
index 6a8476ffd3..d7920afe56 100644
--- a/kr/assets/js/9f1dcbb0.d3f7b5f6.js
+++ b/kr/assets/js/9f1dcbb0.9a05b37a.js
@@ -1 +1 @@
-"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[8732],{7021:(e,n,r)=>{r.r(n),r.d(n,{assets:()=>l,contentTitle:()=>t,default:()=>h,frontMatter:()=>o,metadata:()=>d,toc:()=>c});var i=r(6070),s=r(1100);const o={},t="Branding Guidelines",d={id:"branding",title:"Branding Guidelines",description:"FSD's visual identity is based on its core-concepts: Layered, Sliced self-contained parts, Parts & Compose, Segmented.",source:"@site/i18n/en/docusaurus-plugin-content-docs/current/branding.md",sourceDirName:".",slug:"/branding",permalink:"/kr/docs/branding",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/branding.md",tags:[],version:"current",lastUpdatedAt:1727607766e3,frontMatter:{}},l={},c=[{value:"Title",id:"title",level:2},{value:"Emojii",id:"emojii",level:2},{value:"Logo &amp; Palette",id:"logo--palette",level:2},{value:"Banners &amp; Schemes",id:"banners--schemes",level:2},{value:"Social Preview",id:"social-preview",level:2},{value:"Presentation template",id:"presentation-template",level:2},{value:"See also",id:"see-also",level:2}];function a(e){const n={a:"a",admonition:"admonition",blockquote:"blockquote",code:"code",em:"em",h1:"h1",h2:"h2",header:"header",li:"li",p:"p",strong:"strong",ul:"ul",...(0,s.R)(),...e.components};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(n.header,{children:(0,i.jsx)(n.h1,{id:"branding-guidelines",children:"Branding Guidelines"})}),"\n",(0,i.jsxs)(n.p,{children:["FSD's visual identity is based on its core-concepts: ",(0,i.jsx)(n.code,{children:"Layered"}),", ",(0,i.jsx)(n.code,{children:"Sliced self-contained parts"}),", ",(0,i.jsx)(n.code,{children:"Parts & Compose"}),", ",(0,i.jsx)(n.code,{children:"Segmented"}),".\nBut also we tend to design simple, pretty identity, which should convey the FSD philisophy and be easy to recognize."]}),"\n",(0,i.jsxs)(n.p,{children:[(0,i.jsx)(n.strong,{children:'Please, use FSD\'s identity "as-is", without changes but with our assets for your comfort.'})," This brand guide will help you to use FSD's identity correctly."]}),"\n",(0,i.jsxs)(n.admonition,{title:"Compatibility",type:"caution",children:[(0,i.jsxs)(n.p,{children:["FSD had ",(0,i.jsx)(n.a,{href:"https://drive.google.com/drive/folders/11Y-3qZ_C9jOFoW2UbSp11YasOhw4yBdl?usp=sharing",children:"another legacy identity"})," before. Old design didn't represent core-concepts of methodology. Also it was created as pure draft, and should have been actualized."]}),(0,i.jsxs)(n.p,{children:["For a compatible and long-term use of the brand, we have been carefully rebranding for a year (2021-2022). ",(0,i.jsx)(n.strong,{children:"So that you can be sure when using identity of FSD \ud83c\udf70"})]}),(0,i.jsx)(n.p,{children:(0,i.jsx)(n.em,{children:"But prefer namely actual identity, not old!"})})]}),"\n",(0,i.jsx)(n.h2,{id:"title",children:"Title"}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsxs)(n.li,{children:["\u2705 ",(0,i.jsx)(n.strong,{children:"Correct:"})," ",(0,i.jsx)(n.code,{children:"Feature-Sliced Design"}),", ",(0,i.jsx)(n.code,{children:"FSD"})]}),"\n",(0,i.jsxs)(n.li,{children:["\u274c ",(0,i.jsx)(n.strong,{children:"Incorrect:"})," ",(0,i.jsx)(n.code,{children:"Feature-Sliced"}),", ",(0,i.jsx)(n.code,{children:"Feature Sliced"}),", ",(0,i.jsx)(n.code,{children:"FeatureSliced"}),", ",(0,i.jsx)(n.code,{children:"feature-sliced"}),", ",(0,i.jsx)(n.code,{children:"feature sliced"}),", ",(0,i.jsx)(n.code,{children:"FS"})]}),"\n"]}),"\n",(0,i.jsx)(n.h2,{id:"emojii",children:"Emojii"}),"\n",(0,i.jsx)(n.p,{children:"The cake \ud83c\udf70 image represents FSD core concepts quite well, so it has been chosen as our signature emoji"}),"\n",(0,i.jsxs)(n.blockquote,{children:["\n",(0,i.jsxs)(n.p,{children:["Example: ",(0,i.jsx)(n.em,{children:'"\ud83c\udf70 Architectural design methodology for Frontend projects"'})]}),"\n"]}),"\n",(0,i.jsx)(n.h2,{id:"logo--palette",children:"Logo & Palette"}),"\n",(0,i.jsxs)(n.p,{children:["FSD has few variations of logo for different context, but it recommended to prefer ",(0,i.jsx)(n.strong,{children:"primary"})]}),"\n",(0,i.jsxs)("table",{style:{textAlign:"center"},children:[(0,i.jsxs)("tr",{children:[(0,i.jsx)("td",{children:"Theme"}),(0,i.jsxs)("td",{children:["Logo ",(0,i.jsx)("sub",{style:{color:"gray",display:"block"},children:"(Ctrl/Cmd + Click for download)"})]}),(0,i.jsx)("td",{children:"Usage"})]}),(0,i.jsxs)("tr",{children:[(0,i.jsxs)("td",{style:{color:"#FFF",background:"linear-gradient(135deg, rgba(41,190,220,1) 0%, rgba(81,122,237,1) 100%)"},children:["primary ",(0,i.jsx)("br",{})," (#29BEDC, #517AED)"]}),(0,i.jsx)("td",{children:(0,i.jsx)("a",{href:"/img/brand/logo-primary.png",download:!0,children:(0,i.jsx)("img",{src:"/img/brand/logo-primary.png",height:"130",alt:"logo-primary"})})}),(0,i.jsx)("td",{children:"Preferred in most cases"})]}),(0,i.jsxs)("tr",{children:[(0,i.jsxs)("td",{style:{color:"#FFF",background:"#3193FF"},children:["flat ",(0,i.jsx)("br",{})," (#3193FF)"]}),(0,i.jsx)("td",{children:(0,i.jsx)("a",{href:"/img/brand/logo-flat.png",download:!0,children:(0,i.jsx)("img",{src:"/img/brand/logo-flat.png",height:"130",alt:"logo-flat"})})}),(0,i.jsx)("td",{children:"For one-color context"})]}),(0,i.jsxs)("tr",{children:[(0,i.jsxs)("td",{style:{color:"#000",background:"#FFF"},children:["monochrome ",(0,i.jsx)("br",{})," (#FFF)"]}),(0,i.jsx)("td",{style:{color:"#000",background:"#242526"},children:(0,i.jsx)("a",{href:"/img/brand/logo-monochrome.png",download:!0,children:(0,i.jsx)("img",{src:"/img/brand/logo-monochrome.png",height:"130",alt:"logo-monocrhome"})})}),(0,i.jsx)("td",{children:"For grayscale context"})]}),(0,i.jsxs)("tr",{children:[(0,i.jsxs)("td",{style:{color:"#FFF",background:"#3193FF"},children:["square ",(0,i.jsx)("br",{})," (#3193FF)"]}),(0,i.jsx)("td",{children:(0,i.jsx)("a",{href:"/img/brand/logo-square.png",download:!0,children:(0,i.jsx)("img",{src:"/img/brand/logo-square.png",height:"130",alt:"logo-square"})})}),(0,i.jsx)("td",{children:"For square boundaries"})]})]}),"\n",(0,i.jsx)(n.h2,{id:"banners--schemes",children:"Banners & Schemes"}),"\n",(0,i.jsx)("a",{href:"/img/brand/banner-primary.jpg",download:!0,children:(0,i.jsx)("img",{src:"/img/brand/banner-primary.jpg",height:"256",alt:"banner-primary"})}),"\n",(0,i.jsx)("a",{href:"/img/brand/banner-monochrome.jpg",download:!0,children:(0,i.jsx)("img",{src:"/img/brand/banner-monochrome.jpg",height:"256",alt:"banner-monochrome"})}),"\n",(0,i.jsx)(n.h2,{id:"social-preview",children:"Social Preview"}),"\n",(0,i.jsx)(n.p,{children:"Work in progress..."}),"\n",(0,i.jsx)(n.h2,{id:"presentation-template",children:"Presentation template"}),"\n",(0,i.jsx)(n.p,{children:"Work in progress..."}),"\n",(0,i.jsx)(n.h2,{id:"see-also",children:"See also"}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsx)(n.li,{children:(0,i.jsx)(n.a,{href:"https://github.com/feature-sliced/documentation/discussions/399",children:"Discussion (github)"})}),"\n",(0,i.jsx)(n.li,{children:(0,i.jsx)(n.a,{href:"https://www.figma.com/file/RPphccpoeasVB0lMpZwPVR/FSD-Brand?node-id=0%3A1",children:"History of development with references (figma)"})}),"\n",(0,i.jsx)(n.li,{children:(0,i.jsx)(n.a,{href:"https://rebrand-sliced.netlify.app/en/",children:"Rebranding demo"})}),"\n"]})]})}function h(e={}){const{wrapper:n}={...(0,s.R)(),...e.components};return n?(0,i.jsx)(n,{...e,children:(0,i.jsx)(a,{...e})}):a(e)}},1100:(e,n,r)=>{r.d(n,{R:()=>t,x:()=>d});var i=r(758);const s={},o=i.createContext(s);function t(e){const n=i.useContext(o);return i.useMemo((function(){return"function"==typeof e?e(n):{...n,...e}}),[n,e])}function d(e){let n;return n=e.disableParentContext?"function"==typeof e.components?e.components(s):e.components||s:t(e.components),i.createElement(o.Provider,{value:n},e.children)}}}]);
\ No newline at end of file
+"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[8732],{7021:(e,n,r)=>{r.r(n),r.d(n,{assets:()=>l,contentTitle:()=>t,default:()=>h,frontMatter:()=>o,metadata:()=>d,toc:()=>c});var i=r(6070),s=r(1100);const o={},t="Branding Guidelines",d={id:"branding",title:"Branding Guidelines",description:"FSD's visual identity is based on its core-concepts: Layered, Sliced self-contained parts, Parts & Compose, Segmented.",source:"@site/i18n/en/docusaurus-plugin-content-docs/current/branding.md",sourceDirName:".",slug:"/branding",permalink:"/kr/docs/branding",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/branding.md",tags:[],version:"current",lastUpdatedAt:1728325386e3,frontMatter:{}},l={},c=[{value:"Title",id:"title",level:2},{value:"Emojii",id:"emojii",level:2},{value:"Logo &amp; Palette",id:"logo--palette",level:2},{value:"Banners &amp; Schemes",id:"banners--schemes",level:2},{value:"Social Preview",id:"social-preview",level:2},{value:"Presentation template",id:"presentation-template",level:2},{value:"See also",id:"see-also",level:2}];function a(e){const n={a:"a",admonition:"admonition",blockquote:"blockquote",code:"code",em:"em",h1:"h1",h2:"h2",header:"header",li:"li",p:"p",strong:"strong",ul:"ul",...(0,s.R)(),...e.components};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(n.header,{children:(0,i.jsx)(n.h1,{id:"branding-guidelines",children:"Branding Guidelines"})}),"\n",(0,i.jsxs)(n.p,{children:["FSD's visual identity is based on its core-concepts: ",(0,i.jsx)(n.code,{children:"Layered"}),", ",(0,i.jsx)(n.code,{children:"Sliced self-contained parts"}),", ",(0,i.jsx)(n.code,{children:"Parts & Compose"}),", ",(0,i.jsx)(n.code,{children:"Segmented"}),".\nBut also we tend to design simple, pretty identity, which should convey the FSD philisophy and be easy to recognize."]}),"\n",(0,i.jsxs)(n.p,{children:[(0,i.jsx)(n.strong,{children:'Please, use FSD\'s identity "as-is", without changes but with our assets for your comfort.'})," This brand guide will help you to use FSD's identity correctly."]}),"\n",(0,i.jsxs)(n.admonition,{title:"Compatibility",type:"caution",children:[(0,i.jsxs)(n.p,{children:["FSD had ",(0,i.jsx)(n.a,{href:"https://drive.google.com/drive/folders/11Y-3qZ_C9jOFoW2UbSp11YasOhw4yBdl?usp=sharing",children:"another legacy identity"})," before. Old design didn't represent core-concepts of methodology. Also it was created as pure draft, and should have been actualized."]}),(0,i.jsxs)(n.p,{children:["For a compatible and long-term use of the brand, we have been carefully rebranding for a year (2021-2022). ",(0,i.jsx)(n.strong,{children:"So that you can be sure when using identity of FSD \ud83c\udf70"})]}),(0,i.jsx)(n.p,{children:(0,i.jsx)(n.em,{children:"But prefer namely actual identity, not old!"})})]}),"\n",(0,i.jsx)(n.h2,{id:"title",children:"Title"}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsxs)(n.li,{children:["\u2705 ",(0,i.jsx)(n.strong,{children:"Correct:"})," ",(0,i.jsx)(n.code,{children:"Feature-Sliced Design"}),", ",(0,i.jsx)(n.code,{children:"FSD"})]}),"\n",(0,i.jsxs)(n.li,{children:["\u274c ",(0,i.jsx)(n.strong,{children:"Incorrect:"})," ",(0,i.jsx)(n.code,{children:"Feature-Sliced"}),", ",(0,i.jsx)(n.code,{children:"Feature Sliced"}),", ",(0,i.jsx)(n.code,{children:"FeatureSliced"}),", ",(0,i.jsx)(n.code,{children:"feature-sliced"}),", ",(0,i.jsx)(n.code,{children:"feature sliced"}),", ",(0,i.jsx)(n.code,{children:"FS"})]}),"\n"]}),"\n",(0,i.jsx)(n.h2,{id:"emojii",children:"Emojii"}),"\n",(0,i.jsx)(n.p,{children:"The cake \ud83c\udf70 image represents FSD core concepts quite well, so it has been chosen as our signature emoji"}),"\n",(0,i.jsxs)(n.blockquote,{children:["\n",(0,i.jsxs)(n.p,{children:["Example: ",(0,i.jsx)(n.em,{children:'"\ud83c\udf70 Architectural design methodology for Frontend projects"'})]}),"\n"]}),"\n",(0,i.jsx)(n.h2,{id:"logo--palette",children:"Logo & Palette"}),"\n",(0,i.jsxs)(n.p,{children:["FSD has few variations of logo for different context, but it recommended to prefer ",(0,i.jsx)(n.strong,{children:"primary"})]}),"\n",(0,i.jsxs)("table",{style:{textAlign:"center"},children:[(0,i.jsxs)("tr",{children:[(0,i.jsx)("td",{children:"Theme"}),(0,i.jsxs)("td",{children:["Logo ",(0,i.jsx)("sub",{style:{color:"gray",display:"block"},children:"(Ctrl/Cmd + Click for download)"})]}),(0,i.jsx)("td",{children:"Usage"})]}),(0,i.jsxs)("tr",{children:[(0,i.jsxs)("td",{style:{color:"#FFF",background:"linear-gradient(135deg, rgba(41,190,220,1) 0%, rgba(81,122,237,1) 100%)"},children:["primary ",(0,i.jsx)("br",{})," (#29BEDC, #517AED)"]}),(0,i.jsx)("td",{children:(0,i.jsx)("a",{href:"/img/brand/logo-primary.png",download:!0,children:(0,i.jsx)("img",{src:"/img/brand/logo-primary.png",height:"130",alt:"logo-primary"})})}),(0,i.jsx)("td",{children:"Preferred in most cases"})]}),(0,i.jsxs)("tr",{children:[(0,i.jsxs)("td",{style:{color:"#FFF",background:"#3193FF"},children:["flat ",(0,i.jsx)("br",{})," (#3193FF)"]}),(0,i.jsx)("td",{children:(0,i.jsx)("a",{href:"/img/brand/logo-flat.png",download:!0,children:(0,i.jsx)("img",{src:"/img/brand/logo-flat.png",height:"130",alt:"logo-flat"})})}),(0,i.jsx)("td",{children:"For one-color context"})]}),(0,i.jsxs)("tr",{children:[(0,i.jsxs)("td",{style:{color:"#000",background:"#FFF"},children:["monochrome ",(0,i.jsx)("br",{})," (#FFF)"]}),(0,i.jsx)("td",{style:{color:"#000",background:"#242526"},children:(0,i.jsx)("a",{href:"/img/brand/logo-monochrome.png",download:!0,children:(0,i.jsx)("img",{src:"/img/brand/logo-monochrome.png",height:"130",alt:"logo-monocrhome"})})}),(0,i.jsx)("td",{children:"For grayscale context"})]}),(0,i.jsxs)("tr",{children:[(0,i.jsxs)("td",{style:{color:"#FFF",background:"#3193FF"},children:["square ",(0,i.jsx)("br",{})," (#3193FF)"]}),(0,i.jsx)("td",{children:(0,i.jsx)("a",{href:"/img/brand/logo-square.png",download:!0,children:(0,i.jsx)("img",{src:"/img/brand/logo-square.png",height:"130",alt:"logo-square"})})}),(0,i.jsx)("td",{children:"For square boundaries"})]})]}),"\n",(0,i.jsx)(n.h2,{id:"banners--schemes",children:"Banners & Schemes"}),"\n",(0,i.jsx)("a",{href:"/img/brand/banner-primary.jpg",download:!0,children:(0,i.jsx)("img",{src:"/img/brand/banner-primary.jpg",height:"256",alt:"banner-primary"})}),"\n",(0,i.jsx)("a",{href:"/img/brand/banner-monochrome.jpg",download:!0,children:(0,i.jsx)("img",{src:"/img/brand/banner-monochrome.jpg",height:"256",alt:"banner-monochrome"})}),"\n",(0,i.jsx)(n.h2,{id:"social-preview",children:"Social Preview"}),"\n",(0,i.jsx)(n.p,{children:"Work in progress..."}),"\n",(0,i.jsx)(n.h2,{id:"presentation-template",children:"Presentation template"}),"\n",(0,i.jsx)(n.p,{children:"Work in progress..."}),"\n",(0,i.jsx)(n.h2,{id:"see-also",children:"See also"}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsx)(n.li,{children:(0,i.jsx)(n.a,{href:"https://github.com/feature-sliced/documentation/discussions/399",children:"Discussion (github)"})}),"\n",(0,i.jsx)(n.li,{children:(0,i.jsx)(n.a,{href:"https://www.figma.com/file/RPphccpoeasVB0lMpZwPVR/FSD-Brand?node-id=0%3A1",children:"History of development with references (figma)"})}),"\n",(0,i.jsx)(n.li,{children:(0,i.jsx)(n.a,{href:"https://rebrand-sliced.netlify.app/en/",children:"Rebranding demo"})}),"\n"]})]})}function h(e={}){const{wrapper:n}={...(0,s.R)(),...e.components};return n?(0,i.jsx)(n,{...e,children:(0,i.jsx)(a,{...e})}):a(e)}},1100:(e,n,r)=>{r.d(n,{R:()=>t,x:()=>d});var i=r(758);const s={},o=i.createContext(s);function t(e){const n=i.useContext(o);return i.useMemo((function(){return"function"==typeof e?e(n):{...n,...e}}),[n,e])}function d(e){let n;return n=e.disableParentContext?"function"==typeof e.components?e.components(s):e.components||s:t(e.components),i.createElement(o.Provider,{value:n},e.children)}}}]);
\ No newline at end of file
diff --git a/kr/assets/js/a1521a63.a720c8db.js b/kr/assets/js/a1521a63.e4c3c87f.js
similarity index 98%
rename from kr/assets/js/a1521a63.a720c8db.js
rename to kr/assets/js/a1521a63.e4c3c87f.js
index 1eb76ea352..e4090a46e6 100644
--- a/kr/assets/js/a1521a63.a720c8db.js
+++ b/kr/assets/js/a1521a63.e4c3c87f.js
@@ -1 +1 @@
-"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[9687],{1928:(e,t,i)=>{i.d(t,{Ay:()=>l,RM:()=>c});var s=i(6070),n=i(1100),r=(i(758),i(6783)),o=i(7765);const a=e=>{let{ticket:t}=e;const i=`https://github.com/feature-sliced/documentation/issues/${t}`;return(0,s.jsxs)("div",{children:[(0,s.jsx)("p",{children:(0,o.T)({id:"shared.wip.title"})}),(0,s.jsx)("p",{children:(0,o.T)({id:"shared.wip.subtitle"})}),(0,s.jsxs)("ul",{children:[(0,s.jsxs)("li",{children:[(0,o.T)({id:"shared.wip.var.feedback.base"}),(0,s.jsx)(r.A,{to:i,children:(0,o.T)({id:"shared.wip.var.feedback.link"})})]}),(0,s.jsxs)("li",{children:[(0,o.T)({id:"shared.wip.var.material.base"}),(0,s.jsx)(r.A,{to:"https://t.me/feature_sliced",children:(0,o.T)({id:"shared.wip.var.material.link"})})]}),(0,s.jsxs)("li",{children:[(0,o.T)({id:"shared.wip.var.contribute.base"}),(0,s.jsx)(r.A,{to:"https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md",children:(0,o.T)({id:"shared.wip.var.contribute.link"})})]})]}),(0,s.jsx)("br",{}),(0,s.jsx)("p",{children:(0,s.jsx)("i",{children:"\ud83c\udf70 Stay tuned!"})})]})},c=[];function d(e){const t={admonition:"admonition",...(0,n.R)(),...e.components};return(0,s.jsx)(t.admonition,{title:"WIP",type:"caution",children:(0,s.jsx)(a,{ticket:e.ticket})})}function l(e={}){const{wrapper:t}={...(0,n.R)(),...e.components};return t?(0,s.jsx)(t,{...e,children:(0,s.jsx)(d,{...e})}):d(e)}},9021:(e,t,i)=>{i.r(t),i.d(t,{assets:()=>d,contentTitle:()=>a,default:()=>p,frontMatter:()=>o,metadata:()=>c,toc:()=>l});var s=i(6070),n=i(1100),r=i(1928);const o={sidebar_class_name:"sidebar-item--wip",unlisted:!0},a="Browser API",c={id:"guides/examples/browser-api",title:"Browser API",description:"About working with the Browser API: localStorage, audio Api, bluetooth API, etc.",source:"@site/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/browser-api.mdx",sourceDirName:"guides/examples",slug:"/guides/examples/browser-api",permalink:"/kr/docs/guides/examples/browser-api",draft:!1,unlisted:!0,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/browser-api.mdx",tags:[],version:"current",lastUpdatedAt:1727607766e3,frontMatter:{sidebar_class_name:"sidebar-item--wip",unlisted:!0},sidebar:"guidesSidebar"},d={},l=[...r.RM];function u(e){const t={a:"a",blockquote:"blockquote",h1:"h1",header:"header",p:"p",...(0,n.R)(),...e.components};return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(t.header,{children:(0,s.jsx)(t.h1,{id:"browser-api",children:"Browser API"})}),"\n",(0,s.jsx)(r.Ay,{ticket:"197"}),"\n",(0,s.jsxs)(t.blockquote,{children:["\n",(0,s.jsx)(t.p,{children:"About working with the Browser API: localStorage, audio Api, bluetooth API, etc."}),"\n",(0,s.jsxs)(t.p,{children:["You can ask about the idea in more detail ",(0,s.jsx)(t.a,{href:"https://t.me/alex_novich",children:"@alex_novi"})]}),"\n"]})]})}function p(e={}){const{wrapper:t}={...(0,n.R)(),...e.components};return t?(0,s.jsx)(t,{...e,children:(0,s.jsx)(u,{...e})}):u(e)}},1100:(e,t,i)=>{i.d(t,{R:()=>o,x:()=>a});var s=i(758);const n={},r=s.createContext(n);function o(e){const t=s.useContext(r);return s.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function a(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(n):e.components||n:o(e.components),s.createElement(r.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
+"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[9687],{1928:(e,t,i)=>{i.d(t,{Ay:()=>l,RM:()=>c});var s=i(6070),n=i(1100),r=(i(758),i(6783)),o=i(7765);const a=e=>{let{ticket:t}=e;const i=`https://github.com/feature-sliced/documentation/issues/${t}`;return(0,s.jsxs)("div",{children:[(0,s.jsx)("p",{children:(0,o.T)({id:"shared.wip.title"})}),(0,s.jsx)("p",{children:(0,o.T)({id:"shared.wip.subtitle"})}),(0,s.jsxs)("ul",{children:[(0,s.jsxs)("li",{children:[(0,o.T)({id:"shared.wip.var.feedback.base"}),(0,s.jsx)(r.A,{to:i,children:(0,o.T)({id:"shared.wip.var.feedback.link"})})]}),(0,s.jsxs)("li",{children:[(0,o.T)({id:"shared.wip.var.material.base"}),(0,s.jsx)(r.A,{to:"https://t.me/feature_sliced",children:(0,o.T)({id:"shared.wip.var.material.link"})})]}),(0,s.jsxs)("li",{children:[(0,o.T)({id:"shared.wip.var.contribute.base"}),(0,s.jsx)(r.A,{to:"https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md",children:(0,o.T)({id:"shared.wip.var.contribute.link"})})]})]}),(0,s.jsx)("br",{}),(0,s.jsx)("p",{children:(0,s.jsx)("i",{children:"\ud83c\udf70 Stay tuned!"})})]})},c=[];function d(e){const t={admonition:"admonition",...(0,n.R)(),...e.components};return(0,s.jsx)(t.admonition,{title:"WIP",type:"caution",children:(0,s.jsx)(a,{ticket:e.ticket})})}function l(e={}){const{wrapper:t}={...(0,n.R)(),...e.components};return t?(0,s.jsx)(t,{...e,children:(0,s.jsx)(d,{...e})}):d(e)}},9021:(e,t,i)=>{i.r(t),i.d(t,{assets:()=>d,contentTitle:()=>a,default:()=>p,frontMatter:()=>o,metadata:()=>c,toc:()=>l});var s=i(6070),n=i(1100),r=i(1928);const o={sidebar_class_name:"sidebar-item--wip",unlisted:!0},a="Browser API",c={id:"guides/examples/browser-api",title:"Browser API",description:"About working with the Browser API: localStorage, audio Api, bluetooth API, etc.",source:"@site/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/browser-api.mdx",sourceDirName:"guides/examples",slug:"/guides/examples/browser-api",permalink:"/kr/docs/guides/examples/browser-api",draft:!1,unlisted:!0,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/browser-api.mdx",tags:[],version:"current",lastUpdatedAt:1728325386e3,frontMatter:{sidebar_class_name:"sidebar-item--wip",unlisted:!0},sidebar:"guidesSidebar"},d={},l=[...r.RM];function u(e){const t={a:"a",blockquote:"blockquote",h1:"h1",header:"header",p:"p",...(0,n.R)(),...e.components};return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(t.header,{children:(0,s.jsx)(t.h1,{id:"browser-api",children:"Browser API"})}),"\n",(0,s.jsx)(r.Ay,{ticket:"197"}),"\n",(0,s.jsxs)(t.blockquote,{children:["\n",(0,s.jsx)(t.p,{children:"About working with the Browser API: localStorage, audio Api, bluetooth API, etc."}),"\n",(0,s.jsxs)(t.p,{children:["You can ask about the idea in more detail ",(0,s.jsx)(t.a,{href:"https://t.me/alex_novich",children:"@alex_novi"})]}),"\n"]})]})}function p(e={}){const{wrapper:t}={...(0,n.R)(),...e.components};return t?(0,s.jsx)(t,{...e,children:(0,s.jsx)(u,{...e})}):u(e)}},1100:(e,t,i)=>{i.d(t,{R:()=>o,x:()=>a});var s=i(758);const n={},r=s.createContext(n);function o(e){const t=s.useContext(r);return s.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function a(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(n):e.components||n:o(e.components),s.createElement(r.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
diff --git a/kr/assets/js/a386f730.0baee023.js b/kr/assets/js/a386f730.309b585d.js
similarity index 99%
rename from kr/assets/js/a386f730.0baee023.js
rename to kr/assets/js/a386f730.309b585d.js
index 1c4332f847..93387ea616 100644
--- a/kr/assets/js/a386f730.0baee023.js
+++ b/kr/assets/js/a386f730.309b585d.js
@@ -1 +1 @@
-"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[6865],{1928:(e,i,n)=>{n.d(i,{Ay:()=>d,RM:()=>a});var t=n(6070),o=n(1100),s=(n(758),n(6783)),r=n(7765);const l=e=>{let{ticket:i}=e;const n=`https://github.com/feature-sliced/documentation/issues/${i}`;return(0,t.jsxs)("div",{children:[(0,t.jsx)("p",{children:(0,r.T)({id:"shared.wip.title"})}),(0,t.jsx)("p",{children:(0,r.T)({id:"shared.wip.subtitle"})}),(0,t.jsxs)("ul",{children:[(0,t.jsxs)("li",{children:[(0,r.T)({id:"shared.wip.var.feedback.base"}),(0,t.jsx)(s.A,{to:n,children:(0,r.T)({id:"shared.wip.var.feedback.link"})})]}),(0,t.jsxs)("li",{children:[(0,r.T)({id:"shared.wip.var.material.base"}),(0,t.jsx)(s.A,{to:"https://t.me/feature_sliced",children:(0,r.T)({id:"shared.wip.var.material.link"})})]}),(0,t.jsxs)("li",{children:[(0,r.T)({id:"shared.wip.var.contribute.base"}),(0,t.jsx)(s.A,{to:"https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md",children:(0,r.T)({id:"shared.wip.var.contribute.link"})})]})]}),(0,t.jsx)("br",{}),(0,t.jsx)("p",{children:(0,t.jsx)("i",{children:"\ud83c\udf70 Stay tuned!"})})]})},a=[];function c(e){const i={admonition:"admonition",...(0,o.R)(),...e.components};return(0,t.jsx)(i.admonition,{title:"WIP",type:"caution",children:(0,t.jsx)(l,{ticket:e.ticket})})}function d(e={}){const{wrapper:i}={...(0,o.R)(),...e.components};return i?(0,t.jsx)(i,{...e,children:(0,t.jsx)(c,{...e})}):c(e)}},5444:(e,i,n)=>{n.r(i),n.d(i,{assets:()=>c,contentTitle:()=>l,default:()=>u,frontMatter:()=>r,metadata:()=>a,toc:()=>d});var t=n(6070),o=n(1100),s=n(1928);const r={sidebar_class_name:"sidebar-item--wip",sidebar_position:3},l="Alternatives",a={id:"about/alternatives",title:"Alternatives",description:"History of architecture approaches",source:"@site/i18n/en/docusaurus-plugin-content-docs/current/about/alternatives.mdx",sourceDirName:"about",slug:"/about/alternatives",permalink:"/kr/docs/about/alternatives",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/about/alternatives.mdx",tags:[],version:"current",lastUpdatedAt:1727607766e3,sidebarPosition:3,frontMatter:{sidebar_class_name:"sidebar-item--wip",sidebar_position:3},sidebar:"aboutSidebar",previous:{title:"Motivation",permalink:"/kr/docs/about/motivation"},next:{title:"About architecture",permalink:"/kr/docs/about/understanding/architecture"}},c={},d=[...s.RM,{value:"Big Ball of Mud",id:"big-ball-of-mud",level:2},...s.RM,{value:"Smart &amp; Dumb components",id:"smart--dumb-components",level:2},...s.RM,{value:"Design Principles",id:"design-principles",level:2},...s.RM,{value:"DDD",id:"ddd",level:2},...s.RM,{value:"Clean Architecture",id:"clean-architecture",level:2},...s.RM,{value:"Frameworks",id:"frameworks",level:2},...s.RM,{value:"Atomic Design",id:"atomic-design",level:2},{value:"What is it?",id:"what-is-it",level:3},{value:"Applicability to frontend",id:"applicability-to-frontend",level:3},{value:"How does it relate to FSD?",id:"how-does-it-relate-to-fsd",level:3},{value:"Feature Driven",id:"feature-driven",level:2},...s.RM];function h(e){const i={a:"a",blockquote:"blockquote",code:"code",h1:"h1",h2:"h2",h3:"h3",header:"header",li:"li",ol:"ol",p:"p",pre:"pre",strong:"strong",ul:"ul",...(0,o.R)(),...e.components};return(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(i.header,{children:(0,t.jsx)(i.h1,{id:"alternatives",children:"Alternatives"})}),"\n",(0,t.jsx)(s.Ay,{ticket:"62"}),"\n",(0,t.jsx)(i.p,{children:"History of architecture approaches"}),"\n",(0,t.jsx)(i.h2,{id:"big-ball-of-mud",children:"Big Ball of Mud"}),"\n",(0,t.jsx)(s.Ay,{ticket:"258"}),"\n",(0,t.jsxs)(i.blockquote,{children:["\n",(0,t.jsx)(i.p,{children:"What is it; Why is it so common; When it starts to bring problems; What to do and how does FSD help in this"}),"\n"]}),"\n",(0,t.jsxs)(i.ul,{children:["\n",(0,t.jsx)(i.li,{children:(0,t.jsx)(i.a,{href:"https://oleg008.medium.com/last-words-on-ui-architecture-before-an-ai-takes-over-468c78f18f0d",children:"(Article) Oleg Isonen - Last words on UI architecture before an AI takes over"})}),"\n",(0,t.jsx)(i.li,{children:(0,t.jsx)(i.a,{href:"http://youtu.be/gna4Ynz1YNI",children:"(Report) Julia Nikolaeva, iSpring - Big Ball of Mud and other problems of the monolith, we have handled"})}),"\n",(0,t.jsx)(i.li,{children:(0,t.jsx)(i.a,{href:"https://thedomaindrivendesign.io/big-ball-of-mud/",children:"(Article) DD - Big Ball of mud"})}),"\n"]}),"\n",(0,t.jsx)(i.h2,{id:"smart--dumb-components",children:"Smart & Dumb components"}),"\n",(0,t.jsx)(s.Ay,{ticket:"214"}),"\n",(0,t.jsxs)(i.blockquote,{children:["\n",(0,t.jsx)(i.p,{children:"About the approach; About applicability in the frontend; Methodology position"}),"\n"]}),"\n",(0,t.jsx)(i.p,{children:"About obsolescence, about a new view from the methodology"}),"\n",(0,t.jsx)(i.p,{children:"Why component-containers approach is evil?"}),"\n",(0,t.jsxs)(i.ul,{children:["\n",(0,t.jsx)(i.li,{children:(0,t.jsx)(i.a,{href:"https://medium.com/@dan_abramov/smart-and-dumb-components-7ca2f9a7c7d0",children:"(Article) Den Abramov-Presentation and Container Components (TLDR: deprecated)"})}),"\n"]}),"\n",(0,t.jsx)(i.h2,{id:"design-principles",children:"Design Principles"}),"\n",(0,t.jsx)(s.Ay,{ticket:"59"}),"\n",(0,t.jsxs)(i.blockquote,{children:["\n",(0,t.jsx)(i.p,{children:"What are we talking about; FSD position"}),"\n"]}),"\n",(0,t.jsx)(i.p,{children:"SOLID, GRASP, KISS, YAGNI, ... - and why they don't work well together in practice"}),"\n",(0,t.jsx)(i.p,{children:"And how does it aggregate these practices"}),"\n",(0,t.jsxs)(i.ul,{children:["\n",(0,t.jsx)(i.li,{children:(0,t.jsx)(i.a,{href:"https://youtu.be/SnzPAr_FJ7w?t=380",children:"(Talk) Ilya Azin - Feature-Sliced Design (fragment about Design Principles)"})}),"\n"]}),"\n",(0,t.jsx)(i.h2,{id:"ddd",children:"DDD"}),"\n",(0,t.jsx)(s.Ay,{ticket:"1"}),"\n",(0,t.jsxs)(i.blockquote,{children:["\n",(0,t.jsx)(i.p,{children:"About the approach; Why does it work poorly in practice"}),"\n"]}),"\n",(0,t.jsx)(i.p,{children:"What is the difference, how does it improve applicability, where does it adopt practices"}),"\n",(0,t.jsxs)(i.ul,{children:["\n",(0,t.jsx)(i.li,{children:(0,t.jsx)(i.a,{href:"https://herbertograca.com/2017/11/16/explicit-architecture-01-ddd-hexagonal-onion-clean-cqrs-how-i-put-it-all-together/",children:"(Article) DDD, Hexagonal, Onion, Clean, CQRS, ... How I put it all together"})}),"\n",(0,t.jsx)(i.li,{children:(0,t.jsx)(i.a,{href:"https://youtu.be/SnzPAr_FJ7w?t=528",children:"(Talk) Ilya Azin - Feature-Sliced Design (fragment about Clean Architecture, DDD)"})}),"\n"]}),"\n",(0,t.jsx)(i.h2,{id:"clean-architecture",children:"Clean Architecture"}),"\n",(0,t.jsx)(s.Ay,{ticket:"165"}),"\n",(0,t.jsxs)(i.blockquote,{children:["\n",(0,t.jsx)(i.p,{children:"About the approach; About applicability in the frontend; FSD position"}),"\n"]}),"\n",(0,t.jsx)(i.p,{children:"How are they similar (to many), how are they different"}),"\n",(0,t.jsxs)(i.ul,{children:["\n",(0,t.jsx)(i.li,{children:(0,t.jsx)(i.a,{href:"https://t.me/feature_sliced/3897",children:"(Thread) About use-case/interactor in the methodology"})}),"\n",(0,t.jsx)(i.li,{children:(0,t.jsx)(i.a,{href:"https://t.me/feature_sliced/4592",children:"(Thread) About DI in the methodology"})}),"\n",(0,t.jsx)(i.li,{children:(0,t.jsx)(i.a,{href:"https://bespoyasov.me/blog/clean-architecture-on-frontend/",children:"(Article) Alex Bespoyasov - Clean Architecture on frontend"})}),"\n",(0,t.jsx)(i.li,{children:(0,t.jsx)(i.a,{href:"https://herbertograca.com/2017/11/16/explicit-architecture-01-ddd-hexagonal-onion-clean-cqrs-how-i-put-it-all-together/",children:"(Article) DDD, Hexagonal, Onion, Clean, CQRS, ... How I put it all together"})}),"\n",(0,t.jsx)(i.li,{children:(0,t.jsx)(i.a,{href:"https://youtu.be/SnzPAr_FJ7w?t=528",children:"(Talk) Ilya Azin - Feature-Sliced Design (fragment about Clean Architecture, DDD)"})}),"\n",(0,t.jsx)(i.li,{children:(0,t.jsx)(i.a,{href:"http://habr.com/ru/company/mobileup/blog/335382/",children:"(Article) Misconceptions of Clean Architecture"})}),"\n"]}),"\n",(0,t.jsx)(i.h2,{id:"frameworks",children:"Frameworks"}),"\n",(0,t.jsx)(s.Ay,{ticket:"58"}),"\n",(0,t.jsxs)(i.blockquote,{children:["\n",(0,t.jsx)(i.p,{children:"About applicability in the frontend; Why frameworks do not solve problems; why there is no single approach; FSD position"}),"\n"]}),"\n",(0,t.jsx)(i.p,{children:"Framework-agnostic, conventional-approach"}),"\n",(0,t.jsxs)(i.ul,{children:["\n",(0,t.jsx)(i.li,{children:(0,t.jsx)(i.a,{href:"/docs/about/motivation",children:"(Article) About the reasons for creating the methodology (fragment about frameworks)"})}),"\n",(0,t.jsx)(i.li,{children:(0,t.jsx)(i.a,{href:"https://t.me/feature_sliced/3867",children:"(Thread) About the applicability of the methodology for different frameworks"})}),"\n"]}),"\n",(0,t.jsx)(i.h2,{id:"atomic-design",children:"Atomic Design"}),"\n",(0,t.jsx)(i.h3,{id:"what-is-it",children:"What is it?"}),"\n",(0,t.jsx)(i.p,{children:"In Atomic Design, the scope of responsibility is divided into standardized layers."}),"\n",(0,t.jsxs)(i.p,{children:["Atomic Design is broken down into ",(0,t.jsx)(i.strong,{children:"5 layers"})," (from top to bottom):"]}),"\n",(0,t.jsxs)(i.ol,{children:["\n",(0,t.jsxs)(i.li,{children:[(0,t.jsx)(i.code,{children:"pages"})," - Functionality similar to the ",(0,t.jsx)(i.code,{children:"pages"})," layer in FSD."]}),"\n",(0,t.jsxs)(i.li,{children:[(0,t.jsx)(i.code,{children:"templates"})," - Components that define the structure of a page without tying to specific content."]}),"\n",(0,t.jsxs)(i.li,{children:[(0,t.jsx)(i.code,{children:"organisms"})," - Modules consisting of molecules that have business logic."]}),"\n",(0,t.jsxs)(i.li,{children:[(0,t.jsx)(i.code,{children:"molecules"})," - More complex components that generally do not contain business logic."]}),"\n",(0,t.jsxs)(i.li,{children:[(0,t.jsx)(i.code,{children:"atoms"})," - UI components without business logic."]}),"\n"]}),"\n",(0,t.jsx)(i.p,{children:"Modules at one layer interact only with modules in the layers below, similar to FSD.\nThat is, molecules are built from atoms, organisms from molecules, templates from organisms, and pages from templates.\nAtomic Design also implies the use of Public API within modules for isolation."}),"\n",(0,t.jsx)(i.h3,{id:"applicability-to-frontend",children:"Applicability to frontend"}),"\n",(0,t.jsx)(i.p,{children:"Atomic Design is relatively common in projects. Atomic Design is more popular among web designers than in development.\nWeb designers often use Atomic Design to create scalable and easily maintainable designs.\nIn development, Atomic Design is often mixed with other architectural methodologies."}),"\n",(0,t.jsx)(i.p,{children:"However, since Atomic Design focuses on UI components and their composition, a problem arises with implementing\nbusiness logic within the architecture."}),"\n",(0,t.jsx)(i.p,{children:"The problem is that Atomic Design does not provide a clear level of responsibility for business logic,\nleading to its distribution across various components and levels, complicating maintenance and testing.\nThe business logic becomes blurred, making it difficult to clearly separate responsibilities and rendering\nthe code less modular and reusable."}),"\n",(0,t.jsx)(i.h3,{id:"how-does-it-relate-to-fsd",children:"How does it relate to FSD?"}),"\n",(0,t.jsxs)(i.p,{children:["In the context of FSD, some elements of Atomic Design can be applied to create flexible and scalable UI components.\nThe ",(0,t.jsx)(i.code,{children:"atoms"})," and ",(0,t.jsx)(i.code,{children:"molecules"})," layers can be implemented in ",(0,t.jsx)(i.code,{children:"shared/ui"})," in FSD, simplifying the reuse and\nmaintenance of basic UI elements."]}),"\n",(0,t.jsx)(i.pre,{children:(0,t.jsx)(i.code,{children:"\u251c\u2500\u2500 shared\n\u2502   \u251c\u2500\u2500 ui\n\u2502   \u2502   \u251c\u2500\u2500 atoms\n\u2502   \u2502   \u251c\u2500\u2500 molecules\n\u2502   ...\n"})}),"\n",(0,t.jsx)(i.p,{children:"A comparison of FSD and Atomic Design shows that both methodologies strive for modularity and reusability\nbut focus on different aspects. Atomic Design is oriented towards visual components and their composition.\nFSD focuses on dividing the application's functionality into independent modules and their interconnections."}),"\n",(0,t.jsxs)(i.ul,{children:["\n",(0,t.jsx)(i.li,{children:(0,t.jsx)(i.a,{href:"https://atomicdesign.bradfrost.com/table-of-contents/",children:"Atomic Design Methodology"})}),"\n",(0,t.jsx)(i.li,{children:(0,t.jsx)(i.a,{href:"https://t.me/feature_sliced/1653",children:"(Thread) About applicability in shared / ui"})}),"\n",(0,t.jsx)(i.li,{children:(0,t.jsx)(i.a,{href:"https://youtu.be/Yi-A20x2dcA",children:"(Video) Briefly about Atomic Design"})}),"\n",(0,t.jsx)(i.li,{children:(0,t.jsx)(i.a,{href:"https://youtu.be/SnzPAr_FJ7w?t=587",children:"(Talk) Ilya Azin - Feature-Sliced Design (fragment about Atomic Design)"})}),"\n"]}),"\n",(0,t.jsx)(i.h2,{id:"feature-driven",children:"Feature Driven"}),"\n",(0,t.jsx)(s.Ay,{ticket:"219"}),"\n",(0,t.jsxs)(i.blockquote,{children:["\n",(0,t.jsx)(i.p,{children:"About the approach; About applicability in the frontend; FSD position"}),"\n"]}),"\n",(0,t.jsx)(i.p,{children:"About compatibility, historical development and comparison"}),"\n",(0,t.jsxs)(i.ul,{children:["\n",(0,t.jsx)(i.li,{children:(0,t.jsx)(i.a,{href:"https://youtu.be/BWAeYuWFHhs",children:"(Talk) Oleg Isonen - Feature Driven Architecture"})}),"\n",(0,t.jsx)(i.li,{children:(0,t.jsx)(i.a,{href:"https://github.com/feature-sliced/documentation/tree/rc/feature-driven",children:"Feature Driven-Short specification (from the point of view of FSD)"})}),"\n"]})]})}function u(e={}){const{wrapper:i}={...(0,o.R)(),...e.components};return i?(0,t.jsx)(i,{...e,children:(0,t.jsx)(h,{...e})}):h(e)}},1100:(e,i,n)=>{n.d(i,{R:()=>r,x:()=>l});var t=n(758);const o={},s=t.createContext(o);function r(e){const i=t.useContext(s);return t.useMemo((function(){return"function"==typeof e?e(i):{...i,...e}}),[i,e])}function l(e){let i;return i=e.disableParentContext?"function"==typeof e.components?e.components(o):e.components||o:r(e.components),t.createElement(s.Provider,{value:i},e.children)}}}]);
\ No newline at end of file
+"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[6865],{1928:(e,i,n)=>{n.d(i,{Ay:()=>d,RM:()=>a});var t=n(6070),o=n(1100),s=(n(758),n(6783)),r=n(7765);const l=e=>{let{ticket:i}=e;const n=`https://github.com/feature-sliced/documentation/issues/${i}`;return(0,t.jsxs)("div",{children:[(0,t.jsx)("p",{children:(0,r.T)({id:"shared.wip.title"})}),(0,t.jsx)("p",{children:(0,r.T)({id:"shared.wip.subtitle"})}),(0,t.jsxs)("ul",{children:[(0,t.jsxs)("li",{children:[(0,r.T)({id:"shared.wip.var.feedback.base"}),(0,t.jsx)(s.A,{to:n,children:(0,r.T)({id:"shared.wip.var.feedback.link"})})]}),(0,t.jsxs)("li",{children:[(0,r.T)({id:"shared.wip.var.material.base"}),(0,t.jsx)(s.A,{to:"https://t.me/feature_sliced",children:(0,r.T)({id:"shared.wip.var.material.link"})})]}),(0,t.jsxs)("li",{children:[(0,r.T)({id:"shared.wip.var.contribute.base"}),(0,t.jsx)(s.A,{to:"https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md",children:(0,r.T)({id:"shared.wip.var.contribute.link"})})]})]}),(0,t.jsx)("br",{}),(0,t.jsx)("p",{children:(0,t.jsx)("i",{children:"\ud83c\udf70 Stay tuned!"})})]})},a=[];function c(e){const i={admonition:"admonition",...(0,o.R)(),...e.components};return(0,t.jsx)(i.admonition,{title:"WIP",type:"caution",children:(0,t.jsx)(l,{ticket:e.ticket})})}function d(e={}){const{wrapper:i}={...(0,o.R)(),...e.components};return i?(0,t.jsx)(i,{...e,children:(0,t.jsx)(c,{...e})}):c(e)}},5444:(e,i,n)=>{n.r(i),n.d(i,{assets:()=>c,contentTitle:()=>l,default:()=>u,frontMatter:()=>r,metadata:()=>a,toc:()=>d});var t=n(6070),o=n(1100),s=n(1928);const r={sidebar_class_name:"sidebar-item--wip",sidebar_position:3},l="Alternatives",a={id:"about/alternatives",title:"Alternatives",description:"History of architecture approaches",source:"@site/i18n/en/docusaurus-plugin-content-docs/current/about/alternatives.mdx",sourceDirName:"about",slug:"/about/alternatives",permalink:"/kr/docs/about/alternatives",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/about/alternatives.mdx",tags:[],version:"current",lastUpdatedAt:1728325386e3,sidebarPosition:3,frontMatter:{sidebar_class_name:"sidebar-item--wip",sidebar_position:3},sidebar:"aboutSidebar",previous:{title:"Motivation",permalink:"/kr/docs/about/motivation"},next:{title:"About architecture",permalink:"/kr/docs/about/understanding/architecture"}},c={},d=[...s.RM,{value:"Big Ball of Mud",id:"big-ball-of-mud",level:2},...s.RM,{value:"Smart &amp; Dumb components",id:"smart--dumb-components",level:2},...s.RM,{value:"Design Principles",id:"design-principles",level:2},...s.RM,{value:"DDD",id:"ddd",level:2},...s.RM,{value:"Clean Architecture",id:"clean-architecture",level:2},...s.RM,{value:"Frameworks",id:"frameworks",level:2},...s.RM,{value:"Atomic Design",id:"atomic-design",level:2},{value:"What is it?",id:"what-is-it",level:3},{value:"Applicability to frontend",id:"applicability-to-frontend",level:3},{value:"How does it relate to FSD?",id:"how-does-it-relate-to-fsd",level:3},{value:"Feature Driven",id:"feature-driven",level:2},...s.RM];function h(e){const i={a:"a",blockquote:"blockquote",code:"code",h1:"h1",h2:"h2",h3:"h3",header:"header",li:"li",ol:"ol",p:"p",pre:"pre",strong:"strong",ul:"ul",...(0,o.R)(),...e.components};return(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(i.header,{children:(0,t.jsx)(i.h1,{id:"alternatives",children:"Alternatives"})}),"\n",(0,t.jsx)(s.Ay,{ticket:"62"}),"\n",(0,t.jsx)(i.p,{children:"History of architecture approaches"}),"\n",(0,t.jsx)(i.h2,{id:"big-ball-of-mud",children:"Big Ball of Mud"}),"\n",(0,t.jsx)(s.Ay,{ticket:"258"}),"\n",(0,t.jsxs)(i.blockquote,{children:["\n",(0,t.jsx)(i.p,{children:"What is it; Why is it so common; When it starts to bring problems; What to do and how does FSD help in this"}),"\n"]}),"\n",(0,t.jsxs)(i.ul,{children:["\n",(0,t.jsx)(i.li,{children:(0,t.jsx)(i.a,{href:"https://oleg008.medium.com/last-words-on-ui-architecture-before-an-ai-takes-over-468c78f18f0d",children:"(Article) Oleg Isonen - Last words on UI architecture before an AI takes over"})}),"\n",(0,t.jsx)(i.li,{children:(0,t.jsx)(i.a,{href:"http://youtu.be/gna4Ynz1YNI",children:"(Report) Julia Nikolaeva, iSpring - Big Ball of Mud and other problems of the monolith, we have handled"})}),"\n",(0,t.jsx)(i.li,{children:(0,t.jsx)(i.a,{href:"https://thedomaindrivendesign.io/big-ball-of-mud/",children:"(Article) DD - Big Ball of mud"})}),"\n"]}),"\n",(0,t.jsx)(i.h2,{id:"smart--dumb-components",children:"Smart & Dumb components"}),"\n",(0,t.jsx)(s.Ay,{ticket:"214"}),"\n",(0,t.jsxs)(i.blockquote,{children:["\n",(0,t.jsx)(i.p,{children:"About the approach; About applicability in the frontend; Methodology position"}),"\n"]}),"\n",(0,t.jsx)(i.p,{children:"About obsolescence, about a new view from the methodology"}),"\n",(0,t.jsx)(i.p,{children:"Why component-containers approach is evil?"}),"\n",(0,t.jsxs)(i.ul,{children:["\n",(0,t.jsx)(i.li,{children:(0,t.jsx)(i.a,{href:"https://medium.com/@dan_abramov/smart-and-dumb-components-7ca2f9a7c7d0",children:"(Article) Den Abramov-Presentation and Container Components (TLDR: deprecated)"})}),"\n"]}),"\n",(0,t.jsx)(i.h2,{id:"design-principles",children:"Design Principles"}),"\n",(0,t.jsx)(s.Ay,{ticket:"59"}),"\n",(0,t.jsxs)(i.blockquote,{children:["\n",(0,t.jsx)(i.p,{children:"What are we talking about; FSD position"}),"\n"]}),"\n",(0,t.jsx)(i.p,{children:"SOLID, GRASP, KISS, YAGNI, ... - and why they don't work well together in practice"}),"\n",(0,t.jsx)(i.p,{children:"And how does it aggregate these practices"}),"\n",(0,t.jsxs)(i.ul,{children:["\n",(0,t.jsx)(i.li,{children:(0,t.jsx)(i.a,{href:"https://youtu.be/SnzPAr_FJ7w?t=380",children:"(Talk) Ilya Azin - Feature-Sliced Design (fragment about Design Principles)"})}),"\n"]}),"\n",(0,t.jsx)(i.h2,{id:"ddd",children:"DDD"}),"\n",(0,t.jsx)(s.Ay,{ticket:"1"}),"\n",(0,t.jsxs)(i.blockquote,{children:["\n",(0,t.jsx)(i.p,{children:"About the approach; Why does it work poorly in practice"}),"\n"]}),"\n",(0,t.jsx)(i.p,{children:"What is the difference, how does it improve applicability, where does it adopt practices"}),"\n",(0,t.jsxs)(i.ul,{children:["\n",(0,t.jsx)(i.li,{children:(0,t.jsx)(i.a,{href:"https://herbertograca.com/2017/11/16/explicit-architecture-01-ddd-hexagonal-onion-clean-cqrs-how-i-put-it-all-together/",children:"(Article) DDD, Hexagonal, Onion, Clean, CQRS, ... How I put it all together"})}),"\n",(0,t.jsx)(i.li,{children:(0,t.jsx)(i.a,{href:"https://youtu.be/SnzPAr_FJ7w?t=528",children:"(Talk) Ilya Azin - Feature-Sliced Design (fragment about Clean Architecture, DDD)"})}),"\n"]}),"\n",(0,t.jsx)(i.h2,{id:"clean-architecture",children:"Clean Architecture"}),"\n",(0,t.jsx)(s.Ay,{ticket:"165"}),"\n",(0,t.jsxs)(i.blockquote,{children:["\n",(0,t.jsx)(i.p,{children:"About the approach; About applicability in the frontend; FSD position"}),"\n"]}),"\n",(0,t.jsx)(i.p,{children:"How are they similar (to many), how are they different"}),"\n",(0,t.jsxs)(i.ul,{children:["\n",(0,t.jsx)(i.li,{children:(0,t.jsx)(i.a,{href:"https://t.me/feature_sliced/3897",children:"(Thread) About use-case/interactor in the methodology"})}),"\n",(0,t.jsx)(i.li,{children:(0,t.jsx)(i.a,{href:"https://t.me/feature_sliced/4592",children:"(Thread) About DI in the methodology"})}),"\n",(0,t.jsx)(i.li,{children:(0,t.jsx)(i.a,{href:"https://bespoyasov.me/blog/clean-architecture-on-frontend/",children:"(Article) Alex Bespoyasov - Clean Architecture on frontend"})}),"\n",(0,t.jsx)(i.li,{children:(0,t.jsx)(i.a,{href:"https://herbertograca.com/2017/11/16/explicit-architecture-01-ddd-hexagonal-onion-clean-cqrs-how-i-put-it-all-together/",children:"(Article) DDD, Hexagonal, Onion, Clean, CQRS, ... How I put it all together"})}),"\n",(0,t.jsx)(i.li,{children:(0,t.jsx)(i.a,{href:"https://youtu.be/SnzPAr_FJ7w?t=528",children:"(Talk) Ilya Azin - Feature-Sliced Design (fragment about Clean Architecture, DDD)"})}),"\n",(0,t.jsx)(i.li,{children:(0,t.jsx)(i.a,{href:"http://habr.com/ru/company/mobileup/blog/335382/",children:"(Article) Misconceptions of Clean Architecture"})}),"\n"]}),"\n",(0,t.jsx)(i.h2,{id:"frameworks",children:"Frameworks"}),"\n",(0,t.jsx)(s.Ay,{ticket:"58"}),"\n",(0,t.jsxs)(i.blockquote,{children:["\n",(0,t.jsx)(i.p,{children:"About applicability in the frontend; Why frameworks do not solve problems; why there is no single approach; FSD position"}),"\n"]}),"\n",(0,t.jsx)(i.p,{children:"Framework-agnostic, conventional-approach"}),"\n",(0,t.jsxs)(i.ul,{children:["\n",(0,t.jsx)(i.li,{children:(0,t.jsx)(i.a,{href:"/docs/about/motivation",children:"(Article) About the reasons for creating the methodology (fragment about frameworks)"})}),"\n",(0,t.jsx)(i.li,{children:(0,t.jsx)(i.a,{href:"https://t.me/feature_sliced/3867",children:"(Thread) About the applicability of the methodology for different frameworks"})}),"\n"]}),"\n",(0,t.jsx)(i.h2,{id:"atomic-design",children:"Atomic Design"}),"\n",(0,t.jsx)(i.h3,{id:"what-is-it",children:"What is it?"}),"\n",(0,t.jsx)(i.p,{children:"In Atomic Design, the scope of responsibility is divided into standardized layers."}),"\n",(0,t.jsxs)(i.p,{children:["Atomic Design is broken down into ",(0,t.jsx)(i.strong,{children:"5 layers"})," (from top to bottom):"]}),"\n",(0,t.jsxs)(i.ol,{children:["\n",(0,t.jsxs)(i.li,{children:[(0,t.jsx)(i.code,{children:"pages"})," - Functionality similar to the ",(0,t.jsx)(i.code,{children:"pages"})," layer in FSD."]}),"\n",(0,t.jsxs)(i.li,{children:[(0,t.jsx)(i.code,{children:"templates"})," - Components that define the structure of a page without tying to specific content."]}),"\n",(0,t.jsxs)(i.li,{children:[(0,t.jsx)(i.code,{children:"organisms"})," - Modules consisting of molecules that have business logic."]}),"\n",(0,t.jsxs)(i.li,{children:[(0,t.jsx)(i.code,{children:"molecules"})," - More complex components that generally do not contain business logic."]}),"\n",(0,t.jsxs)(i.li,{children:[(0,t.jsx)(i.code,{children:"atoms"})," - UI components without business logic."]}),"\n"]}),"\n",(0,t.jsx)(i.p,{children:"Modules at one layer interact only with modules in the layers below, similar to FSD.\nThat is, molecules are built from atoms, organisms from molecules, templates from organisms, and pages from templates.\nAtomic Design also implies the use of Public API within modules for isolation."}),"\n",(0,t.jsx)(i.h3,{id:"applicability-to-frontend",children:"Applicability to frontend"}),"\n",(0,t.jsx)(i.p,{children:"Atomic Design is relatively common in projects. Atomic Design is more popular among web designers than in development.\nWeb designers often use Atomic Design to create scalable and easily maintainable designs.\nIn development, Atomic Design is often mixed with other architectural methodologies."}),"\n",(0,t.jsx)(i.p,{children:"However, since Atomic Design focuses on UI components and their composition, a problem arises with implementing\nbusiness logic within the architecture."}),"\n",(0,t.jsx)(i.p,{children:"The problem is that Atomic Design does not provide a clear level of responsibility for business logic,\nleading to its distribution across various components and levels, complicating maintenance and testing.\nThe business logic becomes blurred, making it difficult to clearly separate responsibilities and rendering\nthe code less modular and reusable."}),"\n",(0,t.jsx)(i.h3,{id:"how-does-it-relate-to-fsd",children:"How does it relate to FSD?"}),"\n",(0,t.jsxs)(i.p,{children:["In the context of FSD, some elements of Atomic Design can be applied to create flexible and scalable UI components.\nThe ",(0,t.jsx)(i.code,{children:"atoms"})," and ",(0,t.jsx)(i.code,{children:"molecules"})," layers can be implemented in ",(0,t.jsx)(i.code,{children:"shared/ui"})," in FSD, simplifying the reuse and\nmaintenance of basic UI elements."]}),"\n",(0,t.jsx)(i.pre,{children:(0,t.jsx)(i.code,{children:"\u251c\u2500\u2500 shared\n\u2502   \u251c\u2500\u2500 ui\n\u2502   \u2502   \u251c\u2500\u2500 atoms\n\u2502   \u2502   \u251c\u2500\u2500 molecules\n\u2502   ...\n"})}),"\n",(0,t.jsx)(i.p,{children:"A comparison of FSD and Atomic Design shows that both methodologies strive for modularity and reusability\nbut focus on different aspects. Atomic Design is oriented towards visual components and their composition.\nFSD focuses on dividing the application's functionality into independent modules and their interconnections."}),"\n",(0,t.jsxs)(i.ul,{children:["\n",(0,t.jsx)(i.li,{children:(0,t.jsx)(i.a,{href:"https://atomicdesign.bradfrost.com/table-of-contents/",children:"Atomic Design Methodology"})}),"\n",(0,t.jsx)(i.li,{children:(0,t.jsx)(i.a,{href:"https://t.me/feature_sliced/1653",children:"(Thread) About applicability in shared / ui"})}),"\n",(0,t.jsx)(i.li,{children:(0,t.jsx)(i.a,{href:"https://youtu.be/Yi-A20x2dcA",children:"(Video) Briefly about Atomic Design"})}),"\n",(0,t.jsx)(i.li,{children:(0,t.jsx)(i.a,{href:"https://youtu.be/SnzPAr_FJ7w?t=587",children:"(Talk) Ilya Azin - Feature-Sliced Design (fragment about Atomic Design)"})}),"\n"]}),"\n",(0,t.jsx)(i.h2,{id:"feature-driven",children:"Feature Driven"}),"\n",(0,t.jsx)(s.Ay,{ticket:"219"}),"\n",(0,t.jsxs)(i.blockquote,{children:["\n",(0,t.jsx)(i.p,{children:"About the approach; About applicability in the frontend; FSD position"}),"\n"]}),"\n",(0,t.jsx)(i.p,{children:"About compatibility, historical development and comparison"}),"\n",(0,t.jsxs)(i.ul,{children:["\n",(0,t.jsx)(i.li,{children:(0,t.jsx)(i.a,{href:"https://youtu.be/BWAeYuWFHhs",children:"(Talk) Oleg Isonen - Feature Driven Architecture"})}),"\n",(0,t.jsx)(i.li,{children:(0,t.jsx)(i.a,{href:"https://github.com/feature-sliced/documentation/tree/rc/feature-driven",children:"Feature Driven-Short specification (from the point of view of FSD)"})}),"\n"]})]})}function u(e={}){const{wrapper:i}={...(0,o.R)(),...e.components};return i?(0,t.jsx)(i,{...e,children:(0,t.jsx)(h,{...e})}):h(e)}},1100:(e,i,n)=>{n.d(i,{R:()=>r,x:()=>l});var t=n(758);const o={},s=t.createContext(o);function r(e){const i=t.useContext(s);return t.useMemo((function(){return"function"==typeof e?e(i):{...i,...e}}),[i,e])}function l(e){let i;return i=e.disableParentContext?"function"==typeof e.components?e.components(o):e.components||o:r(e.components),t.createElement(s.Provider,{value:i},e.children)}}}]);
\ No newline at end of file
diff --git a/kr/assets/js/a61c55ce.beb260c3.js b/kr/assets/js/a61c55ce.6debd31c.js
similarity index 63%
rename from kr/assets/js/a61c55ce.beb260c3.js
rename to kr/assets/js/a61c55ce.6debd31c.js
index 124dbb195f..bf3ac45c48 100644
--- a/kr/assets/js/a61c55ce.beb260c3.js
+++ b/kr/assets/js/a61c55ce.6debd31c.js
@@ -1,2 +1,2 @@
-/*! For license information please see a61c55ce.beb260c3.js.LICENSE.txt */
-"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[8964],{1350:(e,t,n)=>{n.d(t,{A:()=>r});var a=n(991),s=n(758);const c={icon:{tag:"svg",attrs:{viewBox:"64 64 896 896",focusable:"false"},children:[{tag:"path",attrs:{d:"M908.1 353.1l-253.9-36.9L540.7 86.1c-3.1-6.3-8.2-11.4-14.5-14.5-15.8-7.8-35-1.3-42.9 14.5L369.8 316.2l-253.9 36.9c-7 1-13.4 4.3-18.3 9.3a32.05 32.05 0 00.6 45.3l183.7 179.1-43.4 252.9a31.95 31.95 0 0046.4 33.7L512 754l227.1 119.4c6.2 3.3 13.4 4.4 20.3 3.2 17.4-3 29.1-19.5 26.1-36.9l-43.4-252.9 183.7-179.1c5-4.9 8.3-11.3 9.3-18.3 2.7-17.5-9.5-33.7-27-36.3zM664.8 561.6l36.1 210.3L512 672.7 323.1 772l36.1-210.3-152.8-149L417.6 382 512 190.7 606.4 382l211.2 30.7-152.8 148.9z"}}]},name:"star",theme:"outlined"};var o=n(9820),i=function(e,t){return s.createElement(o.A,(0,a.A)({},e,{ref:t,icon:c}))};const r=s.forwardRef(i)},1825:(e,t,n)=>{n.d(t,{A:()=>r});var a=n(991),s=n(758);const c={icon:{tag:"svg",attrs:{viewBox:"64 64 896 896",focusable:"false"},children:[{tag:"path",attrs:{d:"M824.2 699.9a301.55 301.55 0 00-86.4-60.4C783.1 602.8 812 546.8 812 484c0-110.8-92.4-201.7-203.2-200-109.1 1.7-197 90.6-197 200 0 62.8 29 118.8 74.2 155.5a300.95 300.95 0 00-86.4 60.4C345 754.6 314 826.8 312 903.8a8 8 0 008 8.2h56c4.3 0 7.9-3.4 8-7.7 1.9-58 25.4-112.3 66.7-153.5A226.62 226.62 0 01612 684c60.9 0 118.2 23.7 161.3 66.8C814.5 792 838 846.3 840 904.3c.1 4.3 3.7 7.7 8 7.7h56a8 8 0 008-8.2c-2-77-33-149.2-87.8-203.9zM612 612c-34.2 0-66.4-13.3-90.5-37.5a126.86 126.86 0 01-37.5-91.8c.3-32.8 13.4-64.5 36.3-88 24-24.6 56.1-38.3 90.4-38.7 33.9-.3 66.8 12.9 91 36.6 24.8 24.3 38.4 56.8 38.4 91.4 0 34.2-13.3 66.3-37.5 90.5A127.3 127.3 0 01612 612zM361.5 510.4c-.9-8.7-1.4-17.5-1.4-26.4 0-15.9 1.5-31.4 4.3-46.5.7-3.6-1.2-7.3-4.5-8.8-13.6-6.1-26.1-14.5-36.9-25.1a127.54 127.54 0 01-38.7-95.4c.9-32.1 13.8-62.6 36.3-85.6 24.7-25.3 57.9-39.1 93.2-38.7 31.9.3 62.7 12.6 86 34.4 7.9 7.4 14.7 15.6 20.4 24.4 2 3.1 5.9 4.4 9.3 3.2 17.6-6.1 36.2-10.4 55.3-12.4 5.6-.6 8.8-6.6 6.3-11.6-32.5-64.3-98.9-108.7-175.7-109.9-110.9-1.7-203.3 89.2-203.3 199.9 0 62.8 28.9 118.8 74.2 155.5-31.8 14.7-61.1 35-86.5 60.4-54.8 54.7-85.8 126.9-87.8 204a8 8 0 008 8.2h56.1c4.3 0 7.9-3.4 8-7.7 1.9-58 25.4-112.3 66.7-153.5 29.4-29.4 65.4-49.8 104.7-59.7 3.9-1 6.5-4.7 6-8.7z"}}]},name:"team",theme:"outlined"};var o=n(9820),i=function(e,t){return s.createElement(o.A,(0,a.A)({},e,{ref:t,icon:c}))};const r=s.forwardRef(i)},738:(e,t,n)=>{n.r(t),n.d(t,{assets:()=>A,contentTitle:()=>g,default:()=>_,frontMatter:()=>v,metadata:()=>j,toc:()=>C});var a=n(6070),s=n(1100),c=n(7946),o=n(1350),i=n(1825),r=n(991),l=n(758);const d={icon:{tag:"svg",attrs:{viewBox:"64 64 896 896",focusable:"false"},children:[{tag:"defs",attrs:{},children:[{tag:"style",attrs:{}}]},{tag:"path",attrs:{d:"M447.8 588.8l-7.3-32.5c-.2-1-.6-1.9-1.1-2.7a7.94 7.94 0 00-11.1-2.2L405 567V411c0-4.4-3.6-8-8-8h-81c-4.4 0-8 3.6-8 8v36c0 4.4 3.6 8 8 8h37v192.4a8 8 0 0012.7 6.5l79-56.8c2.6-1.9 3.8-5.1 3.1-8.3zm-56.7-216.6l.2.2c3.2 3 8.3 2.8 11.3-.5l24.1-26.2a8.1 8.1 0 00-.3-11.2l-53.7-52.1a8 8 0 00-11.2.1l-24.7 24.7c-3.1 3.1-3.1 8.2.1 11.3l54.2 53.7z"}},{tag:"path",attrs:{d:"M866.9 169.9L527.1 54.1C523 52.7 517.5 52 512 52s-11 .7-15.1 2.1L157.1 169.9c-8.3 2.8-15.1 12.4-15.1 21.2v482.4c0 8.8 5.7 20.4 12.6 25.9L499.3 968c3.5 2.7 8 4.1 12.6 4.1s9.2-1.4 12.6-4.1l344.7-268.6c6.9-5.4 12.6-17 12.6-25.9V191.1c.2-8.8-6.6-18.3-14.9-21.2zM810 654.3L512 886.5 214 654.3V226.7l298-101.6 298 101.6v427.6z"}},{tag:"path",attrs:{d:"M452 297v36c0 4.4 3.6 8 8 8h108v274h-38V405c0-4.4-3.6-8-8-8h-35c-4.4 0-8 3.6-8 8v210h-31c-4.4 0-8 3.6-8 8v37c0 4.4 3.6 8 8 8h244c4.4 0 8-3.6 8-8v-37c0-4.4-3.6-8-8-8h-72V493h58c4.4 0 8-3.6 8-8v-35c0-4.4-3.6-8-8-8h-58V341h63c4.4 0 8-3.6 8-8v-36c0-4.4-3.6-8-8-8H460c-4.4 0-8 3.6-8 8z"}}]},name:"verified",theme:"outlined"};var m=n(9820),u=function(e,t){return l.createElement(m.A,(0,r.A)({},e,{ref:t,icon:d}))};const h=l.forwardRef(u);const f={icon:{tag:"svg",attrs:{viewBox:"64 64 896 896",focusable:"false"},children:[{tag:"path",attrs:{d:"M909.6 854.5L649.9 594.8C690.2 542.7 712 479 712 412c0-80.2-31.3-155.4-87.9-212.1-56.6-56.7-132-87.9-212.1-87.9s-155.5 31.3-212.1 87.9C143.2 256.5 112 331.8 112 412c0 80.1 31.3 155.5 87.9 212.1C256.5 680.8 331.8 712 412 712c67 0 130.6-21.8 182.7-62l259.7 259.6a8.2 8.2 0 0011.6 0l43.6-43.5a8.2 8.2 0 000-11.6zM570.4 570.4C528 612.7 471.8 636 412 636s-116-23.3-158.4-65.6C211.3 528 188 471.8 188 412s23.3-116.1 65.6-158.4C296 211.3 352.2 188 412 188s116.1 23.2 158.4 65.6S636 352.2 636 412s-23.3 116.1-65.6 158.4z"}}]},name:"search",theme:"outlined"};var p=function(e,t){return l.createElement(m.A,(0,r.A)({},e,{ref:t,icon:f}))};const x=l.forwardRef(p),v={hide_table_of_contents:!0},g="\ud83d\udcab Community",j={id:"index",title:"\ud83d\udcab Community",description:"Community resources, additional materials",source:"@site/i18n/en/docusaurus-plugin-content-docs/community/index.mdx",sourceDirName:".",slug:"/",permalink:"/kr/community/",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/community/index.mdx",tags:[],version:"current",lastUpdatedBy:"ratomiru",lastUpdatedAt:1727607766e3,frontMatter:{hide_table_of_contents:!0},sidebar:"community",next:{title:"Team",permalink:"/kr/community/team"}},A={},C=[{value:"Main",id:"main",level:2},...c.RM,...c.RM,...c.RM,...c.RM];function y(e){const t={h1:"h1",h2:"h2",header:"header",p:"p",...(0,s.R)(),...e.components};return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(t.header,{children:(0,a.jsx)(t.h1,{id:"-community",children:"\ud83d\udcab Community"})}),"\n",(0,a.jsx)("p",{class:"summary",children:(0,a.jsx)(t.p,{children:"Community resources, additional materials"})}),"\n",(0,a.jsx)(t.h2,{id:"main",children:"Main"}),"\n","\n",(0,a.jsx)(c.Ay,{title:"Awesome Resources",description:"A curated list of awesome FSD videos, articles, packages",to:"https://github.com/feature-sliced/awesome",Icon:o.A}),"\n",(0,a.jsx)(c.Ay,{title:"Team",description:"Core-team, Champions, Contributors, Companies",to:"/community/team",Icon:i.A}),"\n",(0,a.jsx)(c.Ay,{title:"Brandbook",description:"Recommendations for FSD's branding usage",to:"/docs/branding",Icon:h}),"\n",(0,a.jsx)(c.Ay,{title:"Contributing",description:"HowTo, Workflow, Support",to:"#",Icon:x,disabled:!0})]})}function _(e={}){const{wrapper:t}={...(0,s.R)(),...e.components};return t?(0,a.jsx)(t,{...e,children:(0,a.jsx)(y,{...e})}):y(e)}},7946:(e,t,n)=>{n.d(t,{Ay:()=>r,RM:()=>o});var a=n(6070),s=n(1100),c=n(5988);const o=[];function i(e){return(0,a.jsx)(c.A,{...e})}function r(e={}){const{wrapper:t}={...(0,s.R)(),...e.components};return t?(0,a.jsx)(t,{...e,children:(0,a.jsx)(i,{...e})}):i(e)}},5988:(e,t,n)=>{n.d(t,{Y:()=>i,A:()=>l});n(758);var a=n(3526),s=n(6783);const c={root:"root_GfON",rootDisabled:"rootDisabled_SFUB",details:"details_xxkR",detailsTags:"detailsTags_uTQx",icon:"icon_ciqP",title:"title_pSH5",description:"description__Fep",miniTheme:"miniTheme_ePfp",primaryTheme:"primaryTheme_CilO",defaultTheme:"defaultTheme_j3I8"};var o=n(6070);const i=e=>{const{title:t,description:n,to:i,Icon:l,tags:d,className:m,disabled:u,theme:h="default"}=e;return(0,o.jsxs)(s.A,{className:(0,a.A)(c.root,m,u&&c.rootDisabled,c[`${h}Theme`]),to:i,children:[(0,o.jsx)(r,{Icon:l}),(0,o.jsxs)("div",{className:c.details,children:[(0,o.jsxs)("div",{className:c.detailsMain,children:[(0,o.jsx)("span",{className:c.title,children:t}),(0,o.jsx)("p",{className:c.description,children:n})]}),d&&(0,o.jsx)("div",{className:c.detailsTags,children:d.join(" \u2022 ")})]})]})},r=e=>{let{Icon:t}=e;return t?"string"==typeof t?(0,o.jsx)("span",{className:c.icon,children:t}):(0,o.jsx)(t,{className:c.icon}):null},l=i},1100:(e,t,n)=>{n.d(t,{R:()=>o,x:()=>i});var a=n(758);const s={},c=a.createContext(s);function o(e){const t=a.useContext(c);return a.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function i(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(s):e.components||s:o(e.components),a.createElement(c.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
+/*! For license information please see a61c55ce.6debd31c.js.LICENSE.txt */
+"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[8964],{1350:(e,t,n)=>{n.d(t,{A:()=>r});var a=n(991),s=n(758);const c={icon:{tag:"svg",attrs:{viewBox:"64 64 896 896",focusable:"false"},children:[{tag:"path",attrs:{d:"M908.1 353.1l-253.9-36.9L540.7 86.1c-3.1-6.3-8.2-11.4-14.5-14.5-15.8-7.8-35-1.3-42.9 14.5L369.8 316.2l-253.9 36.9c-7 1-13.4 4.3-18.3 9.3a32.05 32.05 0 00.6 45.3l183.7 179.1-43.4 252.9a31.95 31.95 0 0046.4 33.7L512 754l227.1 119.4c6.2 3.3 13.4 4.4 20.3 3.2 17.4-3 29.1-19.5 26.1-36.9l-43.4-252.9 183.7-179.1c5-4.9 8.3-11.3 9.3-18.3 2.7-17.5-9.5-33.7-27-36.3zM664.8 561.6l36.1 210.3L512 672.7 323.1 772l36.1-210.3-152.8-149L417.6 382 512 190.7 606.4 382l211.2 30.7-152.8 148.9z"}}]},name:"star",theme:"outlined"};var o=n(9820),i=function(e,t){return s.createElement(o.A,(0,a.A)({},e,{ref:t,icon:c}))};const r=s.forwardRef(i)},1825:(e,t,n)=>{n.d(t,{A:()=>r});var a=n(991),s=n(758);const c={icon:{tag:"svg",attrs:{viewBox:"64 64 896 896",focusable:"false"},children:[{tag:"path",attrs:{d:"M824.2 699.9a301.55 301.55 0 00-86.4-60.4C783.1 602.8 812 546.8 812 484c0-110.8-92.4-201.7-203.2-200-109.1 1.7-197 90.6-197 200 0 62.8 29 118.8 74.2 155.5a300.95 300.95 0 00-86.4 60.4C345 754.6 314 826.8 312 903.8a8 8 0 008 8.2h56c4.3 0 7.9-3.4 8-7.7 1.9-58 25.4-112.3 66.7-153.5A226.62 226.62 0 01612 684c60.9 0 118.2 23.7 161.3 66.8C814.5 792 838 846.3 840 904.3c.1 4.3 3.7 7.7 8 7.7h56a8 8 0 008-8.2c-2-77-33-149.2-87.8-203.9zM612 612c-34.2 0-66.4-13.3-90.5-37.5a126.86 126.86 0 01-37.5-91.8c.3-32.8 13.4-64.5 36.3-88 24-24.6 56.1-38.3 90.4-38.7 33.9-.3 66.8 12.9 91 36.6 24.8 24.3 38.4 56.8 38.4 91.4 0 34.2-13.3 66.3-37.5 90.5A127.3 127.3 0 01612 612zM361.5 510.4c-.9-8.7-1.4-17.5-1.4-26.4 0-15.9 1.5-31.4 4.3-46.5.7-3.6-1.2-7.3-4.5-8.8-13.6-6.1-26.1-14.5-36.9-25.1a127.54 127.54 0 01-38.7-95.4c.9-32.1 13.8-62.6 36.3-85.6 24.7-25.3 57.9-39.1 93.2-38.7 31.9.3 62.7 12.6 86 34.4 7.9 7.4 14.7 15.6 20.4 24.4 2 3.1 5.9 4.4 9.3 3.2 17.6-6.1 36.2-10.4 55.3-12.4 5.6-.6 8.8-6.6 6.3-11.6-32.5-64.3-98.9-108.7-175.7-109.9-110.9-1.7-203.3 89.2-203.3 199.9 0 62.8 28.9 118.8 74.2 155.5-31.8 14.7-61.1 35-86.5 60.4-54.8 54.7-85.8 126.9-87.8 204a8 8 0 008 8.2h56.1c4.3 0 7.9-3.4 8-7.7 1.9-58 25.4-112.3 66.7-153.5 29.4-29.4 65.4-49.8 104.7-59.7 3.9-1 6.5-4.7 6-8.7z"}}]},name:"team",theme:"outlined"};var o=n(9820),i=function(e,t){return s.createElement(o.A,(0,a.A)({},e,{ref:t,icon:c}))};const r=s.forwardRef(i)},738:(e,t,n)=>{n.r(t),n.d(t,{assets:()=>A,contentTitle:()=>g,default:()=>_,frontMatter:()=>v,metadata:()=>j,toc:()=>C});var a=n(6070),s=n(1100),c=n(7946),o=n(1350),i=n(1825),r=n(991),l=n(758);const d={icon:{tag:"svg",attrs:{viewBox:"64 64 896 896",focusable:"false"},children:[{tag:"defs",attrs:{},children:[{tag:"style",attrs:{}}]},{tag:"path",attrs:{d:"M447.8 588.8l-7.3-32.5c-.2-1-.6-1.9-1.1-2.7a7.94 7.94 0 00-11.1-2.2L405 567V411c0-4.4-3.6-8-8-8h-81c-4.4 0-8 3.6-8 8v36c0 4.4 3.6 8 8 8h37v192.4a8 8 0 0012.7 6.5l79-56.8c2.6-1.9 3.8-5.1 3.1-8.3zm-56.7-216.6l.2.2c3.2 3 8.3 2.8 11.3-.5l24.1-26.2a8.1 8.1 0 00-.3-11.2l-53.7-52.1a8 8 0 00-11.2.1l-24.7 24.7c-3.1 3.1-3.1 8.2.1 11.3l54.2 53.7z"}},{tag:"path",attrs:{d:"M866.9 169.9L527.1 54.1C523 52.7 517.5 52 512 52s-11 .7-15.1 2.1L157.1 169.9c-8.3 2.8-15.1 12.4-15.1 21.2v482.4c0 8.8 5.7 20.4 12.6 25.9L499.3 968c3.5 2.7 8 4.1 12.6 4.1s9.2-1.4 12.6-4.1l344.7-268.6c6.9-5.4 12.6-17 12.6-25.9V191.1c.2-8.8-6.6-18.3-14.9-21.2zM810 654.3L512 886.5 214 654.3V226.7l298-101.6 298 101.6v427.6z"}},{tag:"path",attrs:{d:"M452 297v36c0 4.4 3.6 8 8 8h108v274h-38V405c0-4.4-3.6-8-8-8h-35c-4.4 0-8 3.6-8 8v210h-31c-4.4 0-8 3.6-8 8v37c0 4.4 3.6 8 8 8h244c4.4 0 8-3.6 8-8v-37c0-4.4-3.6-8-8-8h-72V493h58c4.4 0 8-3.6 8-8v-35c0-4.4-3.6-8-8-8h-58V341h63c4.4 0 8-3.6 8-8v-36c0-4.4-3.6-8-8-8H460c-4.4 0-8 3.6-8 8z"}}]},name:"verified",theme:"outlined"};var m=n(9820),u=function(e,t){return l.createElement(m.A,(0,r.A)({},e,{ref:t,icon:d}))};const h=l.forwardRef(u);const f={icon:{tag:"svg",attrs:{viewBox:"64 64 896 896",focusable:"false"},children:[{tag:"path",attrs:{d:"M909.6 854.5L649.9 594.8C690.2 542.7 712 479 712 412c0-80.2-31.3-155.4-87.9-212.1-56.6-56.7-132-87.9-212.1-87.9s-155.5 31.3-212.1 87.9C143.2 256.5 112 331.8 112 412c0 80.1 31.3 155.5 87.9 212.1C256.5 680.8 331.8 712 412 712c67 0 130.6-21.8 182.7-62l259.7 259.6a8.2 8.2 0 0011.6 0l43.6-43.5a8.2 8.2 0 000-11.6zM570.4 570.4C528 612.7 471.8 636 412 636s-116-23.3-158.4-65.6C211.3 528 188 471.8 188 412s23.3-116.1 65.6-158.4C296 211.3 352.2 188 412 188s116.1 23.2 158.4 65.6S636 352.2 636 412s-23.3 116.1-65.6 158.4z"}}]},name:"search",theme:"outlined"};var p=function(e,t){return l.createElement(m.A,(0,r.A)({},e,{ref:t,icon:f}))};const x=l.forwardRef(p),v={hide_table_of_contents:!0},g="\ud83d\udcab Community",j={id:"index",title:"\ud83d\udcab Community",description:"Community resources, additional materials",source:"@site/i18n/en/docusaurus-plugin-content-docs/community/index.mdx",sourceDirName:".",slug:"/",permalink:"/kr/community/",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/community/index.mdx",tags:[],version:"current",lastUpdatedBy:"InJaEE",lastUpdatedAt:1728325386e3,frontMatter:{hide_table_of_contents:!0},sidebar:"community",next:{title:"Team",permalink:"/kr/community/team"}},A={},C=[{value:"Main",id:"main",level:2},...c.RM,...c.RM,...c.RM,...c.RM];function y(e){const t={h1:"h1",h2:"h2",header:"header",p:"p",...(0,s.R)(),...e.components};return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(t.header,{children:(0,a.jsx)(t.h1,{id:"-community",children:"\ud83d\udcab Community"})}),"\n",(0,a.jsx)("p",{class:"summary",children:(0,a.jsx)(t.p,{children:"Community resources, additional materials"})}),"\n",(0,a.jsx)(t.h2,{id:"main",children:"Main"}),"\n","\n",(0,a.jsx)(c.Ay,{title:"Awesome Resources",description:"A curated list of awesome FSD videos, articles, packages",to:"https://github.com/feature-sliced/awesome",Icon:o.A}),"\n",(0,a.jsx)(c.Ay,{title:"Team",description:"Core-team, Champions, Contributors, Companies",to:"/community/team",Icon:i.A}),"\n",(0,a.jsx)(c.Ay,{title:"Brandbook",description:"Recommendations for FSD's branding usage",to:"/docs/branding",Icon:h}),"\n",(0,a.jsx)(c.Ay,{title:"Contributing",description:"HowTo, Workflow, Support",to:"#",Icon:x,disabled:!0})]})}function _(e={}){const{wrapper:t}={...(0,s.R)(),...e.components};return t?(0,a.jsx)(t,{...e,children:(0,a.jsx)(y,{...e})}):y(e)}},7946:(e,t,n)=>{n.d(t,{Ay:()=>r,RM:()=>o});var a=n(6070),s=n(1100),c=n(5988);const o=[];function i(e){return(0,a.jsx)(c.A,{...e})}function r(e={}){const{wrapper:t}={...(0,s.R)(),...e.components};return t?(0,a.jsx)(t,{...e,children:(0,a.jsx)(i,{...e})}):i(e)}},5988:(e,t,n)=>{n.d(t,{Y:()=>i,A:()=>l});n(758);var a=n(3526),s=n(6783);const c={root:"root_GfON",rootDisabled:"rootDisabled_SFUB",details:"details_xxkR",detailsTags:"detailsTags_uTQx",icon:"icon_ciqP",title:"title_pSH5",description:"description__Fep",miniTheme:"miniTheme_ePfp",primaryTheme:"primaryTheme_CilO",defaultTheme:"defaultTheme_j3I8"};var o=n(6070);const i=e=>{const{title:t,description:n,to:i,Icon:l,tags:d,className:m,disabled:u,theme:h="default"}=e;return(0,o.jsxs)(s.A,{className:(0,a.A)(c.root,m,u&&c.rootDisabled,c[`${h}Theme`]),to:i,children:[(0,o.jsx)(r,{Icon:l}),(0,o.jsxs)("div",{className:c.details,children:[(0,o.jsxs)("div",{className:c.detailsMain,children:[(0,o.jsx)("span",{className:c.title,children:t}),(0,o.jsx)("p",{className:c.description,children:n})]}),d&&(0,o.jsx)("div",{className:c.detailsTags,children:d.join(" \u2022 ")})]})]})},r=e=>{let{Icon:t}=e;return t?"string"==typeof t?(0,o.jsx)("span",{className:c.icon,children:t}):(0,o.jsx)(t,{className:c.icon}):null},l=i},1100:(e,t,n)=>{n.d(t,{R:()=>o,x:()=>i});var a=n(758);const s={},c=a.createContext(s);function o(e){const t=a.useContext(c);return a.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function i(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(s):e.components||s:o(e.components),a.createElement(c.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
diff --git a/kr/assets/js/a61c55ce.beb260c3.js.LICENSE.txt b/kr/assets/js/a61c55ce.6debd31c.js.LICENSE.txt
similarity index 100%
rename from kr/assets/js/a61c55ce.beb260c3.js.LICENSE.txt
rename to kr/assets/js/a61c55ce.6debd31c.js.LICENSE.txt
diff --git a/kr/assets/js/acaf5b8a.7fa61525.js b/kr/assets/js/acaf5b8a.c84d69a3.js
similarity index 96%
rename from kr/assets/js/acaf5b8a.7fa61525.js
rename to kr/assets/js/acaf5b8a.c84d69a3.js
index 5039649f08..ddd3742f66 100644
--- a/kr/assets/js/acaf5b8a.7fa61525.js
+++ b/kr/assets/js/acaf5b8a.c84d69a3.js
@@ -1 +1 @@
-"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[6170],{1928:(e,t,i)=>{i.d(t,{Ay:()=>h,RM:()=>a});var n=i(6070),s=i(1100),o=(i(758),i(6783)),r=i(7765);const d=e=>{let{ticket:t}=e;const i=`https://github.com/feature-sliced/documentation/issues/${t}`;return(0,n.jsxs)("div",{children:[(0,n.jsx)("p",{children:(0,r.T)({id:"shared.wip.title"})}),(0,n.jsx)("p",{children:(0,r.T)({id:"shared.wip.subtitle"})}),(0,n.jsxs)("ul",{children:[(0,n.jsxs)("li",{children:[(0,r.T)({id:"shared.wip.var.feedback.base"}),(0,n.jsx)(o.A,{to:i,children:(0,r.T)({id:"shared.wip.var.feedback.link"})})]}),(0,n.jsxs)("li",{children:[(0,r.T)({id:"shared.wip.var.material.base"}),(0,n.jsx)(o.A,{to:"https://t.me/feature_sliced",children:(0,r.T)({id:"shared.wip.var.material.link"})})]}),(0,n.jsxs)("li",{children:[(0,r.T)({id:"shared.wip.var.contribute.base"}),(0,n.jsx)(o.A,{to:"https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md",children:(0,r.T)({id:"shared.wip.var.contribute.link"})})]})]}),(0,n.jsx)("br",{}),(0,n.jsx)("p",{children:(0,n.jsx)("i",{children:"\ud83c\udf70 Stay tuned!"})})]})},a=[];function c(e){const t={admonition:"admonition",...(0,s.R)(),...e.components};return(0,n.jsx)(t.admonition,{title:"WIP",type:"caution",children:(0,n.jsx)(d,{ticket:e.ticket})})}function h(e={}){const{wrapper:t}={...(0,s.R)(),...e.components};return t?(0,n.jsx)(t,{...e,children:(0,n.jsx)(c,{...e})}):c(e)}},5533:(e,t,i)=>{i.r(t),i.d(t,{assets:()=>c,contentTitle:()=>d,default:()=>u,frontMatter:()=>r,metadata:()=>a,toc:()=>h});var n=i(6070),s=i(1100),o=i(1928);const r={sidebar_position:4,sidebar_class_name:"sidebar-item--wip",unlisted:!0},d="Theme",a={id:"guides/examples/theme",title:"Theme",description:"Where should I put my work with the theme and palette?",source:"@site/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/theme.mdx",sourceDirName:"guides/examples",slug:"/guides/examples/theme",permalink:"/kr/docs/guides/examples/theme",draft:!1,unlisted:!0,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/theme.mdx",tags:[],version:"current",lastUpdatedAt:1727607766e3,sidebarPosition:4,frontMatter:{sidebar_position:4,sidebar_class_name:"sidebar-item--wip",unlisted:!0},sidebar:"guidesSidebar"},c={},h=[...o.RM,{value:"Where should I put my work with the theme and palette?",id:"where-should-i-put-my-work-with-the-theme-and-palette",level:2},{value:"Discussion about the location of the theme, i18n logic",id:"discussion-about-the-location-of-the-theme-i18n-logic",level:2}];function l(e){const t={a:"a",blockquote:"blockquote",h1:"h1",h2:"h2",header:"header",p:"p",...(0,s.R)(),...e.components};return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(t.header,{children:(0,n.jsx)(t.h1,{id:"theme",children:"Theme"})}),"\n",(0,n.jsx)(o.Ay,{ticket:"207"}),"\n",(0,n.jsx)(t.h2,{id:"where-should-i-put-my-work-with-the-theme-and-palette",children:"Where should I put my work with the theme and palette?"}),"\n",(0,n.jsxs)(t.blockquote,{children:["\n",(0,n.jsx)(t.p,{children:(0,n.jsx)(t.a,{href:"https://t.me/feature_sliced/4410",children:"https://t.me/feature_sliced/4410"})}),"\n"]}),"\n",(0,n.jsx)(t.h2,{id:"discussion-about-the-location-of-the-theme-i18n-logic",children:"Discussion about the location of the theme, i18n logic"}),"\n",(0,n.jsxs)(t.blockquote,{children:["\n",(0,n.jsx)(t.p,{children:(0,n.jsx)(t.a,{href:"https://youtu.be/b_nBvHWqxP8?t=133",children:"https://youtu.be/b_nBvHWqxP8?t=133"})}),"\n"]})]})}function u(e={}){const{wrapper:t}={...(0,s.R)(),...e.components};return t?(0,n.jsx)(t,{...e,children:(0,n.jsx)(l,{...e})}):l(e)}},1100:(e,t,i)=>{i.d(t,{R:()=>r,x:()=>d});var n=i(758);const s={},o=n.createContext(s);function r(e){const t=n.useContext(o);return n.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function d(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(s):e.components||s:r(e.components),n.createElement(o.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
+"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[6170],{1928:(e,t,i)=>{i.d(t,{Ay:()=>h,RM:()=>a});var n=i(6070),s=i(1100),o=(i(758),i(6783)),r=i(7765);const d=e=>{let{ticket:t}=e;const i=`https://github.com/feature-sliced/documentation/issues/${t}`;return(0,n.jsxs)("div",{children:[(0,n.jsx)("p",{children:(0,r.T)({id:"shared.wip.title"})}),(0,n.jsx)("p",{children:(0,r.T)({id:"shared.wip.subtitle"})}),(0,n.jsxs)("ul",{children:[(0,n.jsxs)("li",{children:[(0,r.T)({id:"shared.wip.var.feedback.base"}),(0,n.jsx)(o.A,{to:i,children:(0,r.T)({id:"shared.wip.var.feedback.link"})})]}),(0,n.jsxs)("li",{children:[(0,r.T)({id:"shared.wip.var.material.base"}),(0,n.jsx)(o.A,{to:"https://t.me/feature_sliced",children:(0,r.T)({id:"shared.wip.var.material.link"})})]}),(0,n.jsxs)("li",{children:[(0,r.T)({id:"shared.wip.var.contribute.base"}),(0,n.jsx)(o.A,{to:"https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md",children:(0,r.T)({id:"shared.wip.var.contribute.link"})})]})]}),(0,n.jsx)("br",{}),(0,n.jsx)("p",{children:(0,n.jsx)("i",{children:"\ud83c\udf70 Stay tuned!"})})]})},a=[];function c(e){const t={admonition:"admonition",...(0,s.R)(),...e.components};return(0,n.jsx)(t.admonition,{title:"WIP",type:"caution",children:(0,n.jsx)(d,{ticket:e.ticket})})}function h(e={}){const{wrapper:t}={...(0,s.R)(),...e.components};return t?(0,n.jsx)(t,{...e,children:(0,n.jsx)(c,{...e})}):c(e)}},5533:(e,t,i)=>{i.r(t),i.d(t,{assets:()=>c,contentTitle:()=>d,default:()=>u,frontMatter:()=>r,metadata:()=>a,toc:()=>h});var n=i(6070),s=i(1100),o=i(1928);const r={sidebar_position:4,sidebar_class_name:"sidebar-item--wip",unlisted:!0},d="Theme",a={id:"guides/examples/theme",title:"Theme",description:"Where should I put my work with the theme and palette?",source:"@site/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/theme.mdx",sourceDirName:"guides/examples",slug:"/guides/examples/theme",permalink:"/kr/docs/guides/examples/theme",draft:!1,unlisted:!0,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/theme.mdx",tags:[],version:"current",lastUpdatedAt:1728325386e3,sidebarPosition:4,frontMatter:{sidebar_position:4,sidebar_class_name:"sidebar-item--wip",unlisted:!0},sidebar:"guidesSidebar"},c={},h=[...o.RM,{value:"Where should I put my work with the theme and palette?",id:"where-should-i-put-my-work-with-the-theme-and-palette",level:2},{value:"Discussion about the location of the theme, i18n logic",id:"discussion-about-the-location-of-the-theme-i18n-logic",level:2}];function l(e){const t={a:"a",blockquote:"blockquote",h1:"h1",h2:"h2",header:"header",p:"p",...(0,s.R)(),...e.components};return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(t.header,{children:(0,n.jsx)(t.h1,{id:"theme",children:"Theme"})}),"\n",(0,n.jsx)(o.Ay,{ticket:"207"}),"\n",(0,n.jsx)(t.h2,{id:"where-should-i-put-my-work-with-the-theme-and-palette",children:"Where should I put my work with the theme and palette?"}),"\n",(0,n.jsxs)(t.blockquote,{children:["\n",(0,n.jsx)(t.p,{children:(0,n.jsx)(t.a,{href:"https://t.me/feature_sliced/4410",children:"https://t.me/feature_sliced/4410"})}),"\n"]}),"\n",(0,n.jsx)(t.h2,{id:"discussion-about-the-location-of-the-theme-i18n-logic",children:"Discussion about the location of the theme, i18n logic"}),"\n",(0,n.jsxs)(t.blockquote,{children:["\n",(0,n.jsx)(t.p,{children:(0,n.jsx)(t.a,{href:"https://youtu.be/b_nBvHWqxP8?t=133",children:"https://youtu.be/b_nBvHWqxP8?t=133"})}),"\n"]})]})}function u(e={}){const{wrapper:t}={...(0,s.R)(),...e.components};return t?(0,n.jsx)(t,{...e,children:(0,n.jsx)(l,{...e})}):l(e)}},1100:(e,t,i)=>{i.d(t,{R:()=>r,x:()=>d});var n=i(758);const s={},o=n.createContext(s);function r(e){const t=n.useContext(o);return n.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function d(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(s):e.components||s:r(e.components),n.createElement(o.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
diff --git a/kr/assets/js/ba8bb0f7.d326caca.js b/kr/assets/js/ba8bb0f7.d326caca.js
deleted file mode 100644
index 045ee646d1..0000000000
--- a/kr/assets/js/ba8bb0f7.d326caca.js
+++ /dev/null
@@ -1 +0,0 @@
-"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[533],{8299:(e,t,n)=>{n.r(t),n.d(t,{assets:()=>d,contentTitle:()=>a,default:()=>l,frontMatter:()=>r,metadata:()=>s,toc:()=>h});var i=n(6070),o=n(1100);const r={sidebar_position:20,pagination_next:"guides/index"},a="FAQ",s={id:"get-started/faq",title:"FAQ",description:"You can ask your question in our Telegram chat, Discord community, and GitHub Discussions.",source:"@site/i18n/en/docusaurus-plugin-content-docs/current/get-started/faq.md",sourceDirName:"get-started",slug:"/get-started/faq",permalink:"/kr/docs/get-started/faq",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/get-started/faq.md",tags:[],version:"current",lastUpdatedAt:1727607766e3,sidebarPosition:20,frontMatter:{sidebar_position:20,pagination_next:"guides/index"},sidebar:"getstartedSidebar",previous:{title:"Tutorial",permalink:"/kr/docs/get-started/tutorial"},next:{title:"\ud83c\udfaf Guides",permalink:"/kr/docs/guides/"}},d={},h=[{value:"Is there a toolkit or a linter?",id:"is-there-a-toolkit-or-a-linter",level:3},{value:"Where to store the layout/template of pages?",id:"where-to-store-the-layouttemplate-of-pages",level:3},{value:"What is the difference between a feature and an entity?",id:"what-is-the-difference-between-a-feature-and-an-entity",level:3},{value:"Can I embed pages/features/entities into each other?",id:"can-i-embed-pagesfeaturesentities-into-each-other",level:3},{value:"What about Atomic Design?",id:"what-about-atomic-design",level:3},{value:"Are there any useful resources/articles/etc. about FSD?",id:"are-there-any-useful-resourcesarticlesetc-about-fsd",level:3},{value:"Why do I need Feature-Sliced Design?",id:"why-do-i-need-feature-sliced-design",level:3},{value:"Does a novice developer need an architecture/methodology?",id:"does-a-novice-developer-need-an-architecturemethodology",level:3},{value:"How do I work with the authorization context?",id:"how-do-i-work-with-the-authorization-context",level:3}];function c(e){const t={a:"a",admonition:"admonition",code:"code",em:"em",h1:"h1",h3:"h3",header:"header",li:"li",p:"p",strong:"strong",ul:"ul",...(0,o.R)(),...e.components};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(t.header,{children:(0,i.jsx)(t.h1,{id:"faq",children:"FAQ"})}),"\n",(0,i.jsx)(t.admonition,{type:"info",children:(0,i.jsxs)(t.p,{children:["You can ask your question in our ",(0,i.jsx)(t.a,{href:"https://t.me/feature_sliced",children:"Telegram chat"}),", ",(0,i.jsx)(t.a,{href:"https://discord.gg/S8MzWTUsmp",children:"Discord community"}),", and ",(0,i.jsx)(t.a,{href:"https://github.com/feature-sliced/documentation/discussions",children:"GitHub Discussions"}),"."]})}),"\n",(0,i.jsx)(t.h3,{id:"is-there-a-toolkit-or-a-linter",children:"Is there a toolkit or a linter?"}),"\n",(0,i.jsxs)(t.p,{children:["There is an official ESLint config \u2014 ",(0,i.jsx)(t.a,{href:"https://github.com/feature-sliced/eslint-config",children:"@feature-sliced/eslint-config"}),", and an ESLint plugin \u2014 ",(0,i.jsx)(t.a,{href:"https://github.com/conarti/eslint-plugin-feature-sliced",children:"@conarti/eslint-plugin-feature-sliced"}),", created by Aleksandr Belous, a community member. You're welcome to contribute to these projects or start your own!"]}),"\n",(0,i.jsx)(t.h3,{id:"where-to-store-the-layouttemplate-of-pages",children:"Where to store the layout/template of pages?"}),"\n",(0,i.jsxs)(t.p,{children:["If you need plain markup layouts, you can keep them in ",(0,i.jsx)(t.code,{children:"shared/ui"}),". If you need to use higher layers inside, there are a few options:"]}),"\n",(0,i.jsxs)(t.ul,{children:["\n",(0,i.jsx)(t.li,{children:"Perhaps you don't need layouts at all? If the layout is only a few lines, it might be reasonable to duplicate the code in each page rather than try to abstract it."}),"\n",(0,i.jsx)(t.li,{children:"If you do need layouts, you can have them as separate widgets or pages, and compose them in your router configuration in App. Nested routing is another option."}),"\n"]}),"\n",(0,i.jsx)(t.h3,{id:"what-is-the-difference-between-a-feature-and-an-entity",children:"What is the difference between a feature and an entity?"}),"\n",(0,i.jsxs)(t.p,{children:["An ",(0,i.jsx)(t.em,{children:"entity"})," is a real-life concept that your app is working with. A ",(0,i.jsx)(t.em,{children:"feature"})," is an interaction that provides real-life value to\xa0your app\u2019s users, the thing people want to do with your entities."]}),"\n",(0,i.jsxs)(t.p,{children:["For more information, along with examples, see the Reference page on ",(0,i.jsx)(t.a,{href:"/docs/reference/layers#entities",children:"slices"}),"."]}),"\n",(0,i.jsx)(t.h3,{id:"can-i-embed-pagesfeaturesentities-into-each-other",children:"Can I embed pages/features/entities into each other?"}),"\n",(0,i.jsx)(t.p,{children:"Yes, but this embedding should happen in higher layers. For example, inside a widget, you can import both features and then insert one feature into another as props/children."}),"\n",(0,i.jsxs)(t.p,{children:["You cannot import one feature from another feature, this is prohibited by the ",(0,i.jsx)(t.a,{href:"/docs/reference/layers#import-rule-on-layers",children:(0,i.jsx)(t.strong,{children:"import rule on layers"})}),"."]}),"\n",(0,i.jsx)(t.h3,{id:"what-about-atomic-design",children:"What about Atomic Design?"}),"\n",(0,i.jsx)(t.p,{children:"The current version of the methodology does not require nor prohibit the use of Atomic Design together with Feature-Sliced Design."}),"\n",(0,i.jsxs)(t.p,{children:["For example, Atomic Design ",(0,i.jsx)(t.a,{href:"https://t.me/feature_sliced/1653",children:"can be applied well"})," for the ",(0,i.jsx)(t.code,{children:"ui"})," segment of modules."]}),"\n",(0,i.jsx)(t.h3,{id:"are-there-any-useful-resourcesarticlesetc-about-fsd",children:"Are there any useful resources/articles/etc. about FSD?"}),"\n",(0,i.jsxs)(t.p,{children:["Yes! ",(0,i.jsx)(t.a,{href:"https://github.com/feature-sliced/awesome",children:"https://github.com/feature-sliced/awesome"})]}),"\n",(0,i.jsx)(t.h3,{id:"why-do-i-need-feature-sliced-design",children:"Why do I need Feature-Sliced Design?"}),"\n",(0,i.jsxs)(t.p,{children:["It helps you and your team to quickly overview the project in terms of its main value-bringing components. A standardized architecture helps to speed up onboarding and resolves debates about code structure. See the ",(0,i.jsx)(t.a,{href:"/docs/about/motivation",children:"motivation"})," page to learn more about why FSD was created."]}),"\n",(0,i.jsx)(t.h3,{id:"does-a-novice-developer-need-an-architecturemethodology",children:"Does a novice developer need an architecture/methodology?"}),"\n",(0,i.jsx)(t.p,{children:"Rather yes than no"}),"\n",(0,i.jsx)(t.p,{children:(0,i.jsx)(t.em,{children:"Usually, when you design and develop a project in one person, everything goes smoothly. But if there are pauses in development, new developers are added to the team - then problems come"})}),"\n",(0,i.jsx)(t.h3,{id:"how-do-i-work-with-the-authorization-context",children:"How do I work with the authorization context?"}),"\n",(0,i.jsxs)(t.p,{children:["Answered ",(0,i.jsx)(t.a,{href:"/docs/guides/examples/auth",children:"here"})]})]})}function l(e={}){const{wrapper:t}={...(0,o.R)(),...e.components};return t?(0,i.jsx)(t,{...e,children:(0,i.jsx)(c,{...e})}):c(e)}},1100:(e,t,n)=>{n.d(t,{R:()=>a,x:()=>s});var i=n(758);const o={},r=i.createContext(o);function a(e){const t=i.useContext(r);return i.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function s(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(o):e.components||o:a(e.components),i.createElement(r.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
diff --git a/kr/assets/js/c0c6474c.08d7609f.js b/kr/assets/js/c0c6474c.4a9a7641.js
similarity index 98%
rename from kr/assets/js/c0c6474c.08d7609f.js
rename to kr/assets/js/c0c6474c.4a9a7641.js
index 103b089964..eda5002602 100644
--- a/kr/assets/js/c0c6474c.08d7609f.js
+++ b/kr/assets/js/c0c6474c.4a9a7641.js
@@ -1 +1 @@
-"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[4581],{1928:(e,t,i)=>{i.d(t,{Ay:()=>u,RM:()=>a});var n=i(6070),s=i(1100),r=(i(758),i(6783)),c=i(7765);const d=e=>{let{ticket:t}=e;const i=`https://github.com/feature-sliced/documentation/issues/${t}`;return(0,n.jsxs)("div",{children:[(0,n.jsx)("p",{children:(0,c.T)({id:"shared.wip.title"})}),(0,n.jsx)("p",{children:(0,c.T)({id:"shared.wip.subtitle"})}),(0,n.jsxs)("ul",{children:[(0,n.jsxs)("li",{children:[(0,c.T)({id:"shared.wip.var.feedback.base"}),(0,n.jsx)(r.A,{to:i,children:(0,c.T)({id:"shared.wip.var.feedback.link"})})]}),(0,n.jsxs)("li",{children:[(0,c.T)({id:"shared.wip.var.material.base"}),(0,n.jsx)(r.A,{to:"https://t.me/feature_sliced",children:(0,c.T)({id:"shared.wip.var.material.link"})})]}),(0,n.jsxs)("li",{children:[(0,c.T)({id:"shared.wip.var.contribute.base"}),(0,n.jsx)(r.A,{to:"https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md",children:(0,c.T)({id:"shared.wip.var.contribute.link"})})]})]}),(0,n.jsx)("br",{}),(0,n.jsx)("p",{children:(0,n.jsx)("i",{children:"\ud83c\udf70 Stay tuned!"})})]})},a=[];function o(e){const t={admonition:"admonition",...(0,s.R)(),...e.components};return(0,n.jsx)(t.admonition,{title:"WIP",type:"caution",children:(0,n.jsx)(d,{ticket:e.ticket})})}function u(e={}){const{wrapper:t}={...(0,s.R)(),...e.components};return t?(0,n.jsx)(t,{...e,children:(0,n.jsx)(o,{...e})}):o(e)}},3396:(e,t,i)=>{i.r(t),i.d(t,{assets:()=>o,contentTitle:()=>d,default:()=>p,frontMatter:()=>c,metadata:()=>a,toc:()=>u});var n=i(6070),s=i(1100),r=i(1928);const c={sidebar_class_name:"sidebar-item--wip",unlisted:!0},d="Metric",a={id:"guides/examples/metric",title:"Metric",description:"About ways to initialize metrics in the application",source:"@site/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/metric.mdx",sourceDirName:"guides/examples",slug:"/guides/examples/metric",permalink:"/kr/docs/guides/examples/metric",draft:!1,unlisted:!0,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/metric.mdx",tags:[],version:"current",lastUpdatedAt:1727607766e3,frontMatter:{sidebar_class_name:"sidebar-item--wip",unlisted:!0},sidebar:"guidesSidebar"},o={},u=[...r.RM];function l(e){const t={blockquote:"blockquote",h1:"h1",header:"header",p:"p",...(0,s.R)(),...e.components};return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(t.header,{children:(0,n.jsx)(t.h1,{id:"metric",children:"Metric"})}),"\n",(0,n.jsx)(r.Ay,{ticket:"181"}),"\n",(0,n.jsxs)(t.blockquote,{children:["\n",(0,n.jsx)(t.p,{children:"About ways to initialize metrics in the application"}),"\n"]})]})}function p(e={}){const{wrapper:t}={...(0,s.R)(),...e.components};return t?(0,n.jsx)(t,{...e,children:(0,n.jsx)(l,{...e})}):l(e)}},1100:(e,t,i)=>{i.d(t,{R:()=>c,x:()=>d});var n=i(758);const s={},r=n.createContext(s);function c(e){const t=n.useContext(r);return n.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function d(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(s):e.components||s:c(e.components),n.createElement(r.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
+"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[4581],{1928:(e,t,i)=>{i.d(t,{Ay:()=>u,RM:()=>a});var n=i(6070),s=i(1100),r=(i(758),i(6783)),c=i(7765);const d=e=>{let{ticket:t}=e;const i=`https://github.com/feature-sliced/documentation/issues/${t}`;return(0,n.jsxs)("div",{children:[(0,n.jsx)("p",{children:(0,c.T)({id:"shared.wip.title"})}),(0,n.jsx)("p",{children:(0,c.T)({id:"shared.wip.subtitle"})}),(0,n.jsxs)("ul",{children:[(0,n.jsxs)("li",{children:[(0,c.T)({id:"shared.wip.var.feedback.base"}),(0,n.jsx)(r.A,{to:i,children:(0,c.T)({id:"shared.wip.var.feedback.link"})})]}),(0,n.jsxs)("li",{children:[(0,c.T)({id:"shared.wip.var.material.base"}),(0,n.jsx)(r.A,{to:"https://t.me/feature_sliced",children:(0,c.T)({id:"shared.wip.var.material.link"})})]}),(0,n.jsxs)("li",{children:[(0,c.T)({id:"shared.wip.var.contribute.base"}),(0,n.jsx)(r.A,{to:"https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md",children:(0,c.T)({id:"shared.wip.var.contribute.link"})})]})]}),(0,n.jsx)("br",{}),(0,n.jsx)("p",{children:(0,n.jsx)("i",{children:"\ud83c\udf70 Stay tuned!"})})]})},a=[];function o(e){const t={admonition:"admonition",...(0,s.R)(),...e.components};return(0,n.jsx)(t.admonition,{title:"WIP",type:"caution",children:(0,n.jsx)(d,{ticket:e.ticket})})}function u(e={}){const{wrapper:t}={...(0,s.R)(),...e.components};return t?(0,n.jsx)(t,{...e,children:(0,n.jsx)(o,{...e})}):o(e)}},3396:(e,t,i)=>{i.r(t),i.d(t,{assets:()=>o,contentTitle:()=>d,default:()=>p,frontMatter:()=>c,metadata:()=>a,toc:()=>u});var n=i(6070),s=i(1100),r=i(1928);const c={sidebar_class_name:"sidebar-item--wip",unlisted:!0},d="Metric",a={id:"guides/examples/metric",title:"Metric",description:"About ways to initialize metrics in the application",source:"@site/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/metric.mdx",sourceDirName:"guides/examples",slug:"/guides/examples/metric",permalink:"/kr/docs/guides/examples/metric",draft:!1,unlisted:!0,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/metric.mdx",tags:[],version:"current",lastUpdatedAt:1728325386e3,frontMatter:{sidebar_class_name:"sidebar-item--wip",unlisted:!0},sidebar:"guidesSidebar"},o={},u=[...r.RM];function l(e){const t={blockquote:"blockquote",h1:"h1",header:"header",p:"p",...(0,s.R)(),...e.components};return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(t.header,{children:(0,n.jsx)(t.h1,{id:"metric",children:"Metric"})}),"\n",(0,n.jsx)(r.Ay,{ticket:"181"}),"\n",(0,n.jsxs)(t.blockquote,{children:["\n",(0,n.jsx)(t.p,{children:"About ways to initialize metrics in the application"}),"\n"]})]})}function p(e={}){const{wrapper:t}={...(0,s.R)(),...e.components};return t?(0,n.jsx)(t,{...e,children:(0,n.jsx)(l,{...e})}):l(e)}},1100:(e,t,i)=>{i.d(t,{R:()=>c,x:()=>d});var n=i(758);const s={},r=n.createContext(s);function c(e){const t=n.useContext(r);return n.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function d(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(s):e.components||s:c(e.components),n.createElement(r.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
diff --git a/kr/assets/js/c4d0faae.cd5fde3a.js b/kr/assets/js/c4d0faae.2f8fbe53.js
similarity index 98%
rename from kr/assets/js/c4d0faae.cd5fde3a.js
rename to kr/assets/js/c4d0faae.2f8fbe53.js
index 508df60fcb..1aeb9b5cb9 100644
--- a/kr/assets/js/c4d0faae.cd5fde3a.js
+++ b/kr/assets/js/c4d0faae.2f8fbe53.js
@@ -1 +1 @@
-"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[5755],{1928:(e,t,o)=>{o.d(t,{Ay:()=>l,RM:()=>d});var n=o(6070),i=o(1100),a=(o(758),o(6783)),r=o(7765);const s=e=>{let{ticket:t}=e;const o=`https://github.com/feature-sliced/documentation/issues/${t}`;return(0,n.jsxs)("div",{children:[(0,n.jsx)("p",{children:(0,r.T)({id:"shared.wip.title"})}),(0,n.jsx)("p",{children:(0,r.T)({id:"shared.wip.subtitle"})}),(0,n.jsxs)("ul",{children:[(0,n.jsxs)("li",{children:[(0,r.T)({id:"shared.wip.var.feedback.base"}),(0,n.jsx)(a.A,{to:o,children:(0,r.T)({id:"shared.wip.var.feedback.link"})})]}),(0,n.jsxs)("li",{children:[(0,r.T)({id:"shared.wip.var.material.base"}),(0,n.jsx)(a.A,{to:"https://t.me/feature_sliced",children:(0,r.T)({id:"shared.wip.var.material.link"})})]}),(0,n.jsxs)("li",{children:[(0,r.T)({id:"shared.wip.var.contribute.base"}),(0,n.jsx)(a.A,{to:"https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md",children:(0,r.T)({id:"shared.wip.var.contribute.link"})})]})]}),(0,n.jsx)("br",{}),(0,n.jsx)("p",{children:(0,n.jsx)("i",{children:"\ud83c\udf70 Stay tuned!"})})]})},d=[];function c(e){const t={admonition:"admonition",...(0,i.R)(),...e.components};return(0,n.jsx)(t.admonition,{title:"WIP",type:"caution",children:(0,n.jsx)(s,{ticket:e.ticket})})}function l(e={}){const{wrapper:t}={...(0,i.R)(),...e.components};return t?(0,n.jsx)(t,{...e,children:(0,n.jsx)(c,{...e})}):c(e)}},5300:(e,t,o)=>{o.r(t),o.d(t,{assets:()=>c,contentTitle:()=>s,default:()=>p,frontMatter:()=>r,metadata:()=>d,toc:()=>l});var n=o(6070),i=o(1100),a=o(1928);const r={sidebar_position:4,sidebar_class_name:"sidebar-item--wip"},s="Promote in company",d={id:"about/promote/for-company",title:"Promote in company",description:"Do the project and the company need a methodology?",source:"@site/i18n/en/docusaurus-plugin-content-docs/current/about/promote/for-company.mdx",sourceDirName:"about/promote",slug:"/about/promote/for-company",permalink:"/kr/docs/about/promote/for-company",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/about/promote/for-company.mdx",tags:[],version:"current",lastUpdatedAt:1727607766e3,sidebarPosition:4,frontMatter:{sidebar_position:4,sidebar_class_name:"sidebar-item--wip"},sidebar:"aboutSidebar",previous:{title:"Promote in team",permalink:"/kr/docs/about/promote/for-team"}},c={},l=[...a.RM,{value:"Do the project and the company need a methodology?",id:"do-the-project-and-the-company-need-a-methodology",level:2},{value:"How can I submit a methodology to a business?",id:"how-can-i-submit-a-methodology-to-a-business",level:2},{value:"How to prepare and justify a plan to move to the methodology?",id:"how-to-prepare-and-justify-a-plan-to-move-to-the-methodology",level:2}];function u(e){const t={blockquote:"blockquote",h1:"h1",h2:"h2",header:"header",p:"p",...(0,i.R)(),...e.components};return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(t.header,{children:(0,n.jsx)(t.h1,{id:"promote-in-company",children:"Promote in company"})}),"\n",(0,n.jsx)(a.Ay,{ticket:"206"}),"\n",(0,n.jsx)(t.h2,{id:"do-the-project-and-the-company-need-a-methodology",children:"Do the project and the company need a methodology?"}),"\n",(0,n.jsxs)(t.blockquote,{children:["\n",(0,n.jsx)(t.p,{children:"About the justification of the application, Those duty"}),"\n"]}),"\n",(0,n.jsx)(t.h2,{id:"how-can-i-submit-a-methodology-to-a-business",children:"How can I submit a methodology to a business?"}),"\n",(0,n.jsx)(t.h2,{id:"how-to-prepare-and-justify-a-plan-to-move-to-the-methodology",children:"How to prepare and justify a plan to move to the methodology?"})]})}function p(e={}){const{wrapper:t}={...(0,i.R)(),...e.components};return t?(0,n.jsx)(t,{...e,children:(0,n.jsx)(u,{...e})}):u(e)}},1100:(e,t,o)=>{o.d(t,{R:()=>r,x:()=>s});var n=o(758);const i={},a=n.createContext(i);function r(e){const t=n.useContext(a);return n.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function s(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(i):e.components||i:r(e.components),n.createElement(a.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
+"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[5755],{1928:(e,t,o)=>{o.d(t,{Ay:()=>l,RM:()=>d});var n=o(6070),i=o(1100),a=(o(758),o(6783)),r=o(7765);const s=e=>{let{ticket:t}=e;const o=`https://github.com/feature-sliced/documentation/issues/${t}`;return(0,n.jsxs)("div",{children:[(0,n.jsx)("p",{children:(0,r.T)({id:"shared.wip.title"})}),(0,n.jsx)("p",{children:(0,r.T)({id:"shared.wip.subtitle"})}),(0,n.jsxs)("ul",{children:[(0,n.jsxs)("li",{children:[(0,r.T)({id:"shared.wip.var.feedback.base"}),(0,n.jsx)(a.A,{to:o,children:(0,r.T)({id:"shared.wip.var.feedback.link"})})]}),(0,n.jsxs)("li",{children:[(0,r.T)({id:"shared.wip.var.material.base"}),(0,n.jsx)(a.A,{to:"https://t.me/feature_sliced",children:(0,r.T)({id:"shared.wip.var.material.link"})})]}),(0,n.jsxs)("li",{children:[(0,r.T)({id:"shared.wip.var.contribute.base"}),(0,n.jsx)(a.A,{to:"https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md",children:(0,r.T)({id:"shared.wip.var.contribute.link"})})]})]}),(0,n.jsx)("br",{}),(0,n.jsx)("p",{children:(0,n.jsx)("i",{children:"\ud83c\udf70 Stay tuned!"})})]})},d=[];function c(e){const t={admonition:"admonition",...(0,i.R)(),...e.components};return(0,n.jsx)(t.admonition,{title:"WIP",type:"caution",children:(0,n.jsx)(s,{ticket:e.ticket})})}function l(e={}){const{wrapper:t}={...(0,i.R)(),...e.components};return t?(0,n.jsx)(t,{...e,children:(0,n.jsx)(c,{...e})}):c(e)}},5300:(e,t,o)=>{o.r(t),o.d(t,{assets:()=>c,contentTitle:()=>s,default:()=>p,frontMatter:()=>r,metadata:()=>d,toc:()=>l});var n=o(6070),i=o(1100),a=o(1928);const r={sidebar_position:4,sidebar_class_name:"sidebar-item--wip"},s="Promote in company",d={id:"about/promote/for-company",title:"Promote in company",description:"Do the project and the company need a methodology?",source:"@site/i18n/en/docusaurus-plugin-content-docs/current/about/promote/for-company.mdx",sourceDirName:"about/promote",slug:"/about/promote/for-company",permalink:"/kr/docs/about/promote/for-company",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/about/promote/for-company.mdx",tags:[],version:"current",lastUpdatedAt:1728325386e3,sidebarPosition:4,frontMatter:{sidebar_position:4,sidebar_class_name:"sidebar-item--wip"},sidebar:"aboutSidebar",previous:{title:"Promote in team",permalink:"/kr/docs/about/promote/for-team"}},c={},l=[...a.RM,{value:"Do the project and the company need a methodology?",id:"do-the-project-and-the-company-need-a-methodology",level:2},{value:"How can I submit a methodology to a business?",id:"how-can-i-submit-a-methodology-to-a-business",level:2},{value:"How to prepare and justify a plan to move to the methodology?",id:"how-to-prepare-and-justify-a-plan-to-move-to-the-methodology",level:2}];function u(e){const t={blockquote:"blockquote",h1:"h1",h2:"h2",header:"header",p:"p",...(0,i.R)(),...e.components};return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(t.header,{children:(0,n.jsx)(t.h1,{id:"promote-in-company",children:"Promote in company"})}),"\n",(0,n.jsx)(a.Ay,{ticket:"206"}),"\n",(0,n.jsx)(t.h2,{id:"do-the-project-and-the-company-need-a-methodology",children:"Do the project and the company need a methodology?"}),"\n",(0,n.jsxs)(t.blockquote,{children:["\n",(0,n.jsx)(t.p,{children:"About the justification of the application, Those duty"}),"\n"]}),"\n",(0,n.jsx)(t.h2,{id:"how-can-i-submit-a-methodology-to-a-business",children:"How can I submit a methodology to a business?"}),"\n",(0,n.jsx)(t.h2,{id:"how-to-prepare-and-justify-a-plan-to-move-to-the-methodology",children:"How to prepare and justify a plan to move to the methodology?"})]})}function p(e={}){const{wrapper:t}={...(0,i.R)(),...e.components};return t?(0,n.jsx)(t,{...e,children:(0,n.jsx)(u,{...e})}):u(e)}},1100:(e,t,o)=>{o.d(t,{R:()=>r,x:()=>s});var n=o(758);const i={},a=n.createContext(i);function r(e){const t=n.useContext(a);return n.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function s(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(i):e.components||i:r(e.components),n.createElement(a.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
diff --git a/kr/assets/js/c5666f39.fadc5cd1.js b/kr/assets/js/c5666f39.8ccb6d94.js
similarity index 98%
rename from kr/assets/js/c5666f39.fadc5cd1.js
rename to kr/assets/js/c5666f39.8ccb6d94.js
index 559cbd0106..11773f7c00 100644
--- a/kr/assets/js/c5666f39.fadc5cd1.js
+++ b/kr/assets/js/c5666f39.8ccb6d94.js
@@ -1,2 +1,2 @@
-/*! For license information please see c5666f39.fadc5cd1.js.LICENSE.txt */
-"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[5715],{1350:(e,t,n)=>{n.d(t,{A:()=>r});var o=n(991),a=n(758);const i={icon:{tag:"svg",attrs:{viewBox:"64 64 896 896",focusable:"false"},children:[{tag:"path",attrs:{d:"M908.1 353.1l-253.9-36.9L540.7 86.1c-3.1-6.3-8.2-11.4-14.5-14.5-15.8-7.8-35-1.3-42.9 14.5L369.8 316.2l-253.9 36.9c-7 1-13.4 4.3-18.3 9.3a32.05 32.05 0 00.6 45.3l183.7 179.1-43.4 252.9a31.95 31.95 0 0046.4 33.7L512 754l227.1 119.4c6.2 3.3 13.4 4.4 20.3 3.2 17.4-3 29.1-19.5 26.1-36.9l-43.4-252.9 183.7-179.1c5-4.9 8.3-11.3 9.3-18.3 2.7-17.5-9.5-33.7-27-36.3zM664.8 561.6l36.1 210.3L512 672.7 323.1 772l36.1-210.3-152.8-149L417.6 382 512 190.7 606.4 382l211.2 30.7-152.8 148.9z"}}]},name:"star",theme:"outlined"};var c=n(9820),s=function(e,t){return a.createElement(c.A,(0,o.A)({},e,{ref:t,icon:i}))};const r=a.forwardRef(s)},1825:(e,t,n)=>{n.d(t,{A:()=>r});var o=n(991),a=n(758);const i={icon:{tag:"svg",attrs:{viewBox:"64 64 896 896",focusable:"false"},children:[{tag:"path",attrs:{d:"M824.2 699.9a301.55 301.55 0 00-86.4-60.4C783.1 602.8 812 546.8 812 484c0-110.8-92.4-201.7-203.2-200-109.1 1.7-197 90.6-197 200 0 62.8 29 118.8 74.2 155.5a300.95 300.95 0 00-86.4 60.4C345 754.6 314 826.8 312 903.8a8 8 0 008 8.2h56c4.3 0 7.9-3.4 8-7.7 1.9-58 25.4-112.3 66.7-153.5A226.62 226.62 0 01612 684c60.9 0 118.2 23.7 161.3 66.8C814.5 792 838 846.3 840 904.3c.1 4.3 3.7 7.7 8 7.7h56a8 8 0 008-8.2c-2-77-33-149.2-87.8-203.9zM612 612c-34.2 0-66.4-13.3-90.5-37.5a126.86 126.86 0 01-37.5-91.8c.3-32.8 13.4-64.5 36.3-88 24-24.6 56.1-38.3 90.4-38.7 33.9-.3 66.8 12.9 91 36.6 24.8 24.3 38.4 56.8 38.4 91.4 0 34.2-13.3 66.3-37.5 90.5A127.3 127.3 0 01612 612zM361.5 510.4c-.9-8.7-1.4-17.5-1.4-26.4 0-15.9 1.5-31.4 4.3-46.5.7-3.6-1.2-7.3-4.5-8.8-13.6-6.1-26.1-14.5-36.9-25.1a127.54 127.54 0 01-38.7-95.4c.9-32.1 13.8-62.6 36.3-85.6 24.7-25.3 57.9-39.1 93.2-38.7 31.9.3 62.7 12.6 86 34.4 7.9 7.4 14.7 15.6 20.4 24.4 2 3.1 5.9 4.4 9.3 3.2 17.6-6.1 36.2-10.4 55.3-12.4 5.6-.6 8.8-6.6 6.3-11.6-32.5-64.3-98.9-108.7-175.7-109.9-110.9-1.7-203.3 89.2-203.3 199.9 0 62.8 28.9 118.8 74.2 155.5-31.8 14.7-61.1 35-86.5 60.4-54.8 54.7-85.8 126.9-87.8 204a8 8 0 008 8.2h56.1c4.3 0 7.9-3.4 8-7.7 1.9-58 25.4-112.3 66.7-153.5 29.4-29.4 65.4-49.8 104.7-59.7 3.9-1 6.5-4.7 6-8.7z"}}]},name:"team",theme:"outlined"};var c=n(9820),s=function(e,t){return a.createElement(c.A,(0,o.A)({},e,{ref:t,icon:i}))};const r=a.forwardRef(s)},7946:(e,t,n)=>{n.d(t,{Ay:()=>r,RM:()=>c});var o=n(6070),a=n(1100),i=n(5988);const c=[];function s(e){return(0,o.jsx)(i.A,{...e})}function r(e={}){const{wrapper:t}={...(0,a.R)(),...e.components};return t?(0,o.jsx)(t,{...e,children:(0,o.jsx)(s,{...e})}):s(e)}},4200:(e,t,n)=>{n.r(t),n.d(t,{assets:()=>A,contentTitle:()=>g,default:()=>M,frontMatter:()=>x,metadata:()=>b,toc:()=>j});var o=n(6070),a=n(1100),i=n(7946),c=n(991),s=n(758);const r={icon:{tag:"svg",attrs:{viewBox:"64 64 896 896",focusable:"false"},children:[{tag:"path",attrs:{d:"M868 160h-92v-40c0-4.4-3.6-8-8-8H256c-4.4 0-8 3.6-8 8v40h-92a44 44 0 00-44 44v148c0 81.7 60 149.6 138.2 162C265.7 630.2 359 721.7 476 734.5v105.2H280c-17.7 0-32 14.3-32 32V904c0 4.4 3.6 8 8 8h512c4.4 0 8-3.6 8-8v-32.3c0-17.7-14.3-32-32-32H548V734.5C665 721.7 758.3 630.2 773.8 514 852 501.6 912 433.7 912 352V204a44 44 0 00-44-44zM184 352V232h64v207.6a91.99 91.99 0 01-64-87.6zm520 128c0 49.1-19.1 95.4-53.9 130.1-34.8 34.8-81 53.9-130.1 53.9h-16c-49.1 0-95.4-19.1-130.1-53.9-34.8-34.8-53.9-81-53.9-130.1V184h384v296zm136-128c0 41-26.9 75.8-64 87.6V232h64v120z"}}]},name:"trophy",theme:"outlined"};var d=n(9820),l=function(e,t){return s.createElement(d.A,(0,c.A)({},e,{ref:t,icon:r}))};const u=s.forwardRef(l);var m=n(1350);const h={icon:{tag:"svg",attrs:{viewBox:"64 64 896 896",focusable:"false"},children:[{tag:"path",attrs:{d:"M632 888H392c-4.4 0-8 3.6-8 8v32c0 17.7 14.3 32 32 32h192c17.7 0 32-14.3 32-32v-32c0-4.4-3.6-8-8-8zM512 64c-181.1 0-328 146.9-328 328 0 121.4 66 227.4 164 284.1V792c0 17.7 14.3 32 32 32h264c17.7 0 32-14.3 32-32V676.1c98-56.7 164-162.7 164-284.1 0-181.1-146.9-328-328-328zm127.9 549.8L604 634.6V752H420V634.6l-35.9-20.8C305.4 568.3 256 484.5 256 392c0-141.4 114.6-256 256-256s256 114.6 256 256c0 92.5-49.4 176.3-128.1 221.8z"}}]},name:"bulb",theme:"outlined"};var p=function(e,t){return s.createElement(d.A,(0,c.A)({},e,{ref:t,icon:h}))};const f=s.forwardRef(p);var v=n(1825);const x={hide_table_of_contents:!0,pagination_prev:"reference/index"},g="\ud83c\udf70 About",b={id:"about/index",title:"\ud83c\udf70 About",description:"BACKGROUND-ORIENTED",source:"@site/i18n/en/docusaurus-plugin-content-docs/current/about/index.mdx",sourceDirName:"about",slug:"/about/",permalink:"/kr/docs/about/",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/about/index.mdx",tags:[],version:"current",lastUpdatedAt:1727607766e3,frontMatter:{hide_table_of_contents:!0,pagination_prev:"reference/index"},sidebar:"aboutSidebar",previous:{title:"\ud83d\udcda Reference",permalink:"/kr/docs/reference/"},next:{title:"Mission",permalink:"/kr/docs/about/mission"}},A={},j=[{value:"Main",id:"main",level:2},...i.RM,...i.RM,...i.RM,...i.RM];function _(e){const t={h1:"h1",h2:"h2",header:"header",p:"p",...(0,a.R)(),...e.components};return(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(t.header,{children:(0,o.jsx)(t.h1,{id:"-about",children:"\ud83c\udf70 About"})}),"\n",(0,o.jsx)("span",{class:"badge badge--violet margin-bottom--md",children:"BACKGROUND-ORIENTED"}),"\n",(0,o.jsx)("p",{class:"summary",children:(0,o.jsx)(t.p,{children:"General information about methodology, team, community and development history"})}),"\n",(0,o.jsx)(t.h2,{id:"main",children:"Main"}),"\n","\n",(0,o.jsx)(i.Ay,{title:"Mission",description:"Goals and limitations of the methodology",to:"/docs/about/mission",Icon:u}),"\n",(0,o.jsx)(i.Ay,{title:"Motivation",description:"Reasons for the creation and development of the methodology",to:"/docs/about/motivation",Icon:m.A}),"\n",(0,o.jsx)(i.Ay,{title:"Understanding",description:"Deep understanding of FSD concepts",to:"/docs/about/understanding/architecture",Icon:f,tags:["About architecture","Needs driven","Naming"]}),"\n",(0,o.jsx)(i.Ay,{title:"Promote",description:"About promotion and integration FSD at companies",to:"/docs/about/promote/integration",Icon:v.A,tags:["Integration","Promoting in team","Promoting in company"]})]})}function M(e={}){const{wrapper:t}={...(0,a.R)(),...e.components};return t?(0,o.jsx)(t,{...e,children:(0,o.jsx)(_,{...e})}):_(e)}},5988:(e,t,n)=>{n.d(t,{Y:()=>s,A:()=>d});n(758);var o=n(3526),a=n(6783);const i={root:"root_GfON",rootDisabled:"rootDisabled_SFUB",details:"details_xxkR",detailsTags:"detailsTags_uTQx",icon:"icon_ciqP",title:"title_pSH5",description:"description__Fep",miniTheme:"miniTheme_ePfp",primaryTheme:"primaryTheme_CilO",defaultTheme:"defaultTheme_j3I8"};var c=n(6070);const s=e=>{const{title:t,description:n,to:s,Icon:d,tags:l,className:u,disabled:m,theme:h="default"}=e;return(0,c.jsxs)(a.A,{className:(0,o.A)(i.root,u,m&&i.rootDisabled,i[`${h}Theme`]),to:s,children:[(0,c.jsx)(r,{Icon:d}),(0,c.jsxs)("div",{className:i.details,children:[(0,c.jsxs)("div",{className:i.detailsMain,children:[(0,c.jsx)("span",{className:i.title,children:t}),(0,c.jsx)("p",{className:i.description,children:n})]}),l&&(0,c.jsx)("div",{className:i.detailsTags,children:l.join(" \u2022 ")})]})]})},r=e=>{let{Icon:t}=e;return t?"string"==typeof t?(0,c.jsx)("span",{className:i.icon,children:t}):(0,c.jsx)(t,{className:i.icon}):null},d=s},1100:(e,t,n)=>{n.d(t,{R:()=>c,x:()=>s});var o=n(758);const a={},i=o.createContext(a);function c(e){const t=o.useContext(i);return o.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function s(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(a):e.components||a:c(e.components),o.createElement(i.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
+/*! For license information please see c5666f39.8ccb6d94.js.LICENSE.txt */
+"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[5715],{1350:(e,t,n)=>{n.d(t,{A:()=>r});var o=n(991),a=n(758);const i={icon:{tag:"svg",attrs:{viewBox:"64 64 896 896",focusable:"false"},children:[{tag:"path",attrs:{d:"M908.1 353.1l-253.9-36.9L540.7 86.1c-3.1-6.3-8.2-11.4-14.5-14.5-15.8-7.8-35-1.3-42.9 14.5L369.8 316.2l-253.9 36.9c-7 1-13.4 4.3-18.3 9.3a32.05 32.05 0 00.6 45.3l183.7 179.1-43.4 252.9a31.95 31.95 0 0046.4 33.7L512 754l227.1 119.4c6.2 3.3 13.4 4.4 20.3 3.2 17.4-3 29.1-19.5 26.1-36.9l-43.4-252.9 183.7-179.1c5-4.9 8.3-11.3 9.3-18.3 2.7-17.5-9.5-33.7-27-36.3zM664.8 561.6l36.1 210.3L512 672.7 323.1 772l36.1-210.3-152.8-149L417.6 382 512 190.7 606.4 382l211.2 30.7-152.8 148.9z"}}]},name:"star",theme:"outlined"};var c=n(9820),s=function(e,t){return a.createElement(c.A,(0,o.A)({},e,{ref:t,icon:i}))};const r=a.forwardRef(s)},1825:(e,t,n)=>{n.d(t,{A:()=>r});var o=n(991),a=n(758);const i={icon:{tag:"svg",attrs:{viewBox:"64 64 896 896",focusable:"false"},children:[{tag:"path",attrs:{d:"M824.2 699.9a301.55 301.55 0 00-86.4-60.4C783.1 602.8 812 546.8 812 484c0-110.8-92.4-201.7-203.2-200-109.1 1.7-197 90.6-197 200 0 62.8 29 118.8 74.2 155.5a300.95 300.95 0 00-86.4 60.4C345 754.6 314 826.8 312 903.8a8 8 0 008 8.2h56c4.3 0 7.9-3.4 8-7.7 1.9-58 25.4-112.3 66.7-153.5A226.62 226.62 0 01612 684c60.9 0 118.2 23.7 161.3 66.8C814.5 792 838 846.3 840 904.3c.1 4.3 3.7 7.7 8 7.7h56a8 8 0 008-8.2c-2-77-33-149.2-87.8-203.9zM612 612c-34.2 0-66.4-13.3-90.5-37.5a126.86 126.86 0 01-37.5-91.8c.3-32.8 13.4-64.5 36.3-88 24-24.6 56.1-38.3 90.4-38.7 33.9-.3 66.8 12.9 91 36.6 24.8 24.3 38.4 56.8 38.4 91.4 0 34.2-13.3 66.3-37.5 90.5A127.3 127.3 0 01612 612zM361.5 510.4c-.9-8.7-1.4-17.5-1.4-26.4 0-15.9 1.5-31.4 4.3-46.5.7-3.6-1.2-7.3-4.5-8.8-13.6-6.1-26.1-14.5-36.9-25.1a127.54 127.54 0 01-38.7-95.4c.9-32.1 13.8-62.6 36.3-85.6 24.7-25.3 57.9-39.1 93.2-38.7 31.9.3 62.7 12.6 86 34.4 7.9 7.4 14.7 15.6 20.4 24.4 2 3.1 5.9 4.4 9.3 3.2 17.6-6.1 36.2-10.4 55.3-12.4 5.6-.6 8.8-6.6 6.3-11.6-32.5-64.3-98.9-108.7-175.7-109.9-110.9-1.7-203.3 89.2-203.3 199.9 0 62.8 28.9 118.8 74.2 155.5-31.8 14.7-61.1 35-86.5 60.4-54.8 54.7-85.8 126.9-87.8 204a8 8 0 008 8.2h56.1c4.3 0 7.9-3.4 8-7.7 1.9-58 25.4-112.3 66.7-153.5 29.4-29.4 65.4-49.8 104.7-59.7 3.9-1 6.5-4.7 6-8.7z"}}]},name:"team",theme:"outlined"};var c=n(9820),s=function(e,t){return a.createElement(c.A,(0,o.A)({},e,{ref:t,icon:i}))};const r=a.forwardRef(s)},7946:(e,t,n)=>{n.d(t,{Ay:()=>r,RM:()=>c});var o=n(6070),a=n(1100),i=n(5988);const c=[];function s(e){return(0,o.jsx)(i.A,{...e})}function r(e={}){const{wrapper:t}={...(0,a.R)(),...e.components};return t?(0,o.jsx)(t,{...e,children:(0,o.jsx)(s,{...e})}):s(e)}},4200:(e,t,n)=>{n.r(t),n.d(t,{assets:()=>A,contentTitle:()=>g,default:()=>M,frontMatter:()=>x,metadata:()=>b,toc:()=>j});var o=n(6070),a=n(1100),i=n(7946),c=n(991),s=n(758);const r={icon:{tag:"svg",attrs:{viewBox:"64 64 896 896",focusable:"false"},children:[{tag:"path",attrs:{d:"M868 160h-92v-40c0-4.4-3.6-8-8-8H256c-4.4 0-8 3.6-8 8v40h-92a44 44 0 00-44 44v148c0 81.7 60 149.6 138.2 162C265.7 630.2 359 721.7 476 734.5v105.2H280c-17.7 0-32 14.3-32 32V904c0 4.4 3.6 8 8 8h512c4.4 0 8-3.6 8-8v-32.3c0-17.7-14.3-32-32-32H548V734.5C665 721.7 758.3 630.2 773.8 514 852 501.6 912 433.7 912 352V204a44 44 0 00-44-44zM184 352V232h64v207.6a91.99 91.99 0 01-64-87.6zm520 128c0 49.1-19.1 95.4-53.9 130.1-34.8 34.8-81 53.9-130.1 53.9h-16c-49.1 0-95.4-19.1-130.1-53.9-34.8-34.8-53.9-81-53.9-130.1V184h384v296zm136-128c0 41-26.9 75.8-64 87.6V232h64v120z"}}]},name:"trophy",theme:"outlined"};var d=n(9820),l=function(e,t){return s.createElement(d.A,(0,c.A)({},e,{ref:t,icon:r}))};const u=s.forwardRef(l);var m=n(1350);const h={icon:{tag:"svg",attrs:{viewBox:"64 64 896 896",focusable:"false"},children:[{tag:"path",attrs:{d:"M632 888H392c-4.4 0-8 3.6-8 8v32c0 17.7 14.3 32 32 32h192c17.7 0 32-14.3 32-32v-32c0-4.4-3.6-8-8-8zM512 64c-181.1 0-328 146.9-328 328 0 121.4 66 227.4 164 284.1V792c0 17.7 14.3 32 32 32h264c17.7 0 32-14.3 32-32V676.1c98-56.7 164-162.7 164-284.1 0-181.1-146.9-328-328-328zm127.9 549.8L604 634.6V752H420V634.6l-35.9-20.8C305.4 568.3 256 484.5 256 392c0-141.4 114.6-256 256-256s256 114.6 256 256c0 92.5-49.4 176.3-128.1 221.8z"}}]},name:"bulb",theme:"outlined"};var p=function(e,t){return s.createElement(d.A,(0,c.A)({},e,{ref:t,icon:h}))};const f=s.forwardRef(p);var v=n(1825);const x={hide_table_of_contents:!0,pagination_prev:"reference/index"},g="\ud83c\udf70 About",b={id:"about/index",title:"\ud83c\udf70 About",description:"BACKGROUND-ORIENTED",source:"@site/i18n/en/docusaurus-plugin-content-docs/current/about/index.mdx",sourceDirName:"about",slug:"/about/",permalink:"/kr/docs/about/",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/about/index.mdx",tags:[],version:"current",lastUpdatedAt:1728325386e3,frontMatter:{hide_table_of_contents:!0,pagination_prev:"reference/index"},sidebar:"aboutSidebar",previous:{title:"\ud83d\udcda Reference",permalink:"/kr/docs/reference/"},next:{title:"Mission",permalink:"/kr/docs/about/mission"}},A={},j=[{value:"Main",id:"main",level:2},...i.RM,...i.RM,...i.RM,...i.RM];function _(e){const t={h1:"h1",h2:"h2",header:"header",p:"p",...(0,a.R)(),...e.components};return(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(t.header,{children:(0,o.jsx)(t.h1,{id:"-about",children:"\ud83c\udf70 About"})}),"\n",(0,o.jsx)("span",{class:"badge badge--violet margin-bottom--md",children:"BACKGROUND-ORIENTED"}),"\n",(0,o.jsx)("p",{class:"summary",children:(0,o.jsx)(t.p,{children:"General information about methodology, team, community and development history"})}),"\n",(0,o.jsx)(t.h2,{id:"main",children:"Main"}),"\n","\n",(0,o.jsx)(i.Ay,{title:"Mission",description:"Goals and limitations of the methodology",to:"/docs/about/mission",Icon:u}),"\n",(0,o.jsx)(i.Ay,{title:"Motivation",description:"Reasons for the creation and development of the methodology",to:"/docs/about/motivation",Icon:m.A}),"\n",(0,o.jsx)(i.Ay,{title:"Understanding",description:"Deep understanding of FSD concepts",to:"/docs/about/understanding/architecture",Icon:f,tags:["About architecture","Needs driven","Naming"]}),"\n",(0,o.jsx)(i.Ay,{title:"Promote",description:"About promotion and integration FSD at companies",to:"/docs/about/promote/integration",Icon:v.A,tags:["Integration","Promoting in team","Promoting in company"]})]})}function M(e={}){const{wrapper:t}={...(0,a.R)(),...e.components};return t?(0,o.jsx)(t,{...e,children:(0,o.jsx)(_,{...e})}):_(e)}},5988:(e,t,n)=>{n.d(t,{Y:()=>s,A:()=>d});n(758);var o=n(3526),a=n(6783);const i={root:"root_GfON",rootDisabled:"rootDisabled_SFUB",details:"details_xxkR",detailsTags:"detailsTags_uTQx",icon:"icon_ciqP",title:"title_pSH5",description:"description__Fep",miniTheme:"miniTheme_ePfp",primaryTheme:"primaryTheme_CilO",defaultTheme:"defaultTheme_j3I8"};var c=n(6070);const s=e=>{const{title:t,description:n,to:s,Icon:d,tags:l,className:u,disabled:m,theme:h="default"}=e;return(0,c.jsxs)(a.A,{className:(0,o.A)(i.root,u,m&&i.rootDisabled,i[`${h}Theme`]),to:s,children:[(0,c.jsx)(r,{Icon:d}),(0,c.jsxs)("div",{className:i.details,children:[(0,c.jsxs)("div",{className:i.detailsMain,children:[(0,c.jsx)("span",{className:i.title,children:t}),(0,c.jsx)("p",{className:i.description,children:n})]}),l&&(0,c.jsx)("div",{className:i.detailsTags,children:l.join(" \u2022 ")})]})]})},r=e=>{let{Icon:t}=e;return t?"string"==typeof t?(0,c.jsx)("span",{className:i.icon,children:t}):(0,c.jsx)(t,{className:i.icon}):null},d=s},1100:(e,t,n)=>{n.d(t,{R:()=>c,x:()=>s});var o=n(758);const a={},i=o.createContext(a);function c(e){const t=o.useContext(i);return o.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function s(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(a):e.components||a:c(e.components),o.createElement(i.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
diff --git a/kr/assets/js/c5666f39.fadc5cd1.js.LICENSE.txt b/kr/assets/js/c5666f39.8ccb6d94.js.LICENSE.txt
similarity index 100%
rename from kr/assets/js/c5666f39.fadc5cd1.js.LICENSE.txt
rename to kr/assets/js/c5666f39.8ccb6d94.js.LICENSE.txt
diff --git a/kr/assets/js/cb388a7b.b797e95e.js b/kr/assets/js/cb388a7b.f71f6902.js
similarity index 99%
rename from kr/assets/js/cb388a7b.b797e95e.js
rename to kr/assets/js/cb388a7b.f71f6902.js
index 60e13a77c6..406a7b487d 100644
--- a/kr/assets/js/cb388a7b.b797e95e.js
+++ b/kr/assets/js/cb388a7b.f71f6902.js
@@ -1 +1 @@
-"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[5535],{7040:(e,t,o)=>{o.r(t),o.d(t,{assets:()=>a,contentTitle:()=>r,default:()=>c,frontMatter:()=>i,metadata:()=>l,toc:()=>d});var n=o(6070),s=o(1100);const i={sidebar_position:2},r="Motivation",l={id:"about/motivation",title:"Motivation",description:"The main idea of Feature-Sliced Design is to facilitate and reduce the cost of developing complex and developing projects, based on combining research results, discussing the experience of various kinds of a wide range of developers.",source:"@site/i18n/en/docusaurus-plugin-content-docs/current/about/motivation.md",sourceDirName:"about",slug:"/about/motivation",permalink:"/kr/docs/about/motivation",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/about/motivation.md",tags:[],version:"current",lastUpdatedAt:1727607766e3,sidebarPosition:2,frontMatter:{sidebar_position:2},sidebar:"aboutSidebar",previous:{title:"Mission",permalink:"/kr/docs/about/mission"},next:{title:"Alternatives",permalink:"/kr/docs/about/alternatives"}},a={},d=[{value:"Why are there not enough existing solutions?",id:"why-are-there-not-enough-existing-solutions",level:2},{value:"Principles alone are not enough",id:"principles-alone-are-not-enough",level:3},{value:"Processes don&#39;t always work",id:"processes-dont-always-work",level:3},{value:"Existing frameworks cannot be applied everywhere",id:"existing-frameworks-cannot-be-applied-everywhere",level:3},{value:"As a result",id:"as-a-result",level:3},{value:"Why do developers need the methodology?",id:"why-do-developers-need-the-methodology",level:2},{value:"Focus on business features, not on architecture problems",id:"focus-on-business-features-not-on-architecture-problems",level:3},{value:"An experience-proven solution",id:"an-experience-proven-solution",level:3},{value:"Project Health",id:"project-health",level:3},{value:"Why does a business need a methodology?",id:"why-does-a-business-need-a-methodology",level:2},{value:"Fast onboarding",id:"fast-onboarding",level:3},{value:"An experience-proven solution",id:"an-experience-proven-solution-1",level:3},{value:"Applicability for different stages of the project",id:"applicability-for-different-stages-of-the-project",level:3},{value:"When is our methodology not needed?",id:"when-is-our-methodology-not-needed",level:2},{value:"Business Size",id:"business-size",level:3},{value:"Plans",id:"plans",level:2},{value:"Combining experience",id:"combining-experience",level:3},{value:"Life outside the specification",id:"life-outside-the-specification",level:3},{value:"See also",id:"see-also",level:2}];function h(e){const t={a:"a",admonition:"admonition",blockquote:"blockquote",code:"code",em:"em",h1:"h1",h2:"h2",h3:"h3",header:"header",li:"li",p:"p",strong:"strong",ul:"ul",...(0,s.R)(),...e.components};return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(t.header,{children:(0,n.jsx)(t.h1,{id:"motivation",children:"Motivation"})}),"\n",(0,n.jsxs)(t.p,{children:["The main idea of ",(0,n.jsx)(t.strong,{children:"Feature-Sliced Design"})," is to facilitate and reduce the cost of developing complex and developing projects, based on ",(0,n.jsx)(t.a,{href:"https://github.com/feature-sliced/documentation/discussions",children:"combining research results, discussing the experience of various kinds of a wide range of developers"}),"."]}),"\n",(0,n.jsxs)(t.p,{children:["Obviously, this will not be a silver bullet, and of course, the methodology will have its own ",(0,n.jsx)(t.a,{href:"/docs/about/mission",children:"limits of applicability"}),"."]}),"\n",(0,n.jsxs)(t.p,{children:["Nevertheless, there are reasonable questions regarding ",(0,n.jsx)(t.em,{children:"the feasibility of such a methodology as a whole"})]}),"\n",(0,n.jsx)(t.admonition,{type:"note",children:(0,n.jsxs)(t.p,{children:["More details ",(0,n.jsx)(t.a,{href:"https://github.com/feature-sliced/documentation/discussions/27",children:"discussed in the discussion"})]})}),"\n",(0,n.jsx)(t.h2,{id:"why-are-there-not-enough-existing-solutions",children:"Why are there not enough existing solutions?"}),"\n",(0,n.jsxs)(t.blockquote,{children:["\n",(0,n.jsx)(t.p,{children:"It usually, these arguments:"}),"\n",(0,n.jsxs)(t.ul,{children:["\n",(0,n.jsx)(t.li,{children:(0,n.jsxs)(t.em,{children:['"Why you need some new methodology, if you already have long-established approaches and principles of design such as ',(0,n.jsx)(t.code,{children:"SOLID"}),", ",(0,n.jsx)(t.code,{children:"KISS"}),", ",(0,n.jsx)(t.code,{children:"YAGNI"}),", ",(0,n.jsx)(t.code,{children:"DDD"}),", ",(0,n.jsx)(t.code,{children:"GRASP"}),", ",(0,n.jsx)(t.code,{children:"DRY"}),', etc."']})}),"\n",(0,n.jsx)(t.li,{children:(0,n.jsx)(t.em,{children:'"All the problems are solved by good project documentation, tests, and structured processes"'})}),"\n",(0,n.jsx)(t.li,{children:(0,n.jsx)(t.em,{children:'"Problems would not have happened if all developers are following all the above"'})}),"\n",(0,n.jsx)(t.li,{children:(0,n.jsx)(t.em,{children:'"Everything was invented before you, you just can\'t use it"'})}),"\n",(0,n.jsx)(t.li,{children:(0,n.jsx)(t.em,{children:'"Take {FRAMEWORK_NAME} - everything has already been decided for you there"'})}),"\n"]}),"\n"]}),"\n",(0,n.jsx)(t.h3,{id:"principles-alone-are-not-enough",children:"Principles alone are not enough"}),"\n",(0,n.jsx)(t.p,{children:(0,n.jsx)(t.strong,{children:"The existence of principles alone is not enough to design a good architecture"})}),"\n",(0,n.jsx)(t.p,{children:"Not everyone knows them completely, even fewer understand and apply them correctly"}),"\n",(0,n.jsx)(t.p,{children:(0,n.jsx)(t.em,{children:'The design principles are too general, and do not give a specific answer to the question: "How to design the structure and architecture of a scalable and flexible application?"'})}),"\n",(0,n.jsx)(t.h3,{id:"processes-dont-always-work",children:"Processes don't always work"}),"\n",(0,n.jsxs)(t.p,{children:[(0,n.jsx)(t.em,{children:"Documentation/Tests/Processes"})," are, of course, good, but alas, even at high costs for them - ",(0,n.jsx)(t.strong,{children:"they do not always solve the problems posed by the architecture and the introduction of new people into the project"})]}),"\n",(0,n.jsxs)(t.ul,{children:["\n",(0,n.jsx)(t.li,{children:"The time of entry of each developer into the project is not greatly reduced, because the documentation will most often come out huge / outdated"}),"\n",(0,n.jsx)(t.li,{children:"Constantly make sure that everyone understands architecture in the same way-it also requires a huge amount of resources"}),"\n",(0,n.jsx)(t.li,{children:"Do not forget about the bus-factor"}),"\n"]}),"\n",(0,n.jsx)(t.h3,{id:"existing-frameworks-cannot-be-applied-everywhere",children:"Existing frameworks cannot be applied everywhere"}),"\n",(0,n.jsxs)(t.ul,{children:["\n",(0,n.jsx)(t.li,{children:"Existing solutions usually have a high entry threshold, which makes it difficult to find new developers"}),"\n",(0,n.jsxs)(t.li,{children:['Also, most often, the choice of technology has already been determined before the onset of serious problems in the project, and therefore you need to be able to "work with what is" - ',(0,n.jsx)(t.strong,{children:"without being tied to the technology"})]}),"\n"]}),"\n",(0,n.jsxs)(t.blockquote,{children:["\n",(0,n.jsxs)(t.p,{children:["Q: ",(0,n.jsxs)(t.em,{children:['"In my project ',(0,n.jsx)(t.code,{children:"React/Vue/Redux/Effector/Mobx/{YOUR_TECH}"}),' - how can I better build the structure of entities and the relationships between them?"']})]}),"\n"]}),"\n",(0,n.jsx)(t.h3,{id:"as-a-result",children:"As a result"}),"\n",(0,n.jsxs)(t.p,{children:["We get ",(0,n.jsx)(t.em,{children:'"unique as snowflakes"'})," projects, each of which requires a long immersion of the employee, and knowledge that is unlikely to be applicable on another project"]}),"\n",(0,n.jsxs)(t.blockquote,{children:["\n",(0,n.jsxs)(t.p,{children:["@sergeysova: ",(0,n.jsx)(t.em,{children:'"This is exactly the situation that currently exists in our field of frontend development: each lead will invent different architectures and project structures, while it is not a fact that these structures will pass the test of time, as a result, a maximum of two people can develop the project besides him, and each new developer needs to be immersed again."'})]}),"\n"]}),"\n",(0,n.jsx)(t.h2,{id:"why-do-developers-need-the-methodology",children:"Why do developers need the methodology?"}),"\n",(0,n.jsx)(t.h3,{id:"focus-on-business-features-not-on-architecture-problems",children:"Focus on business features, not on architecture problems"}),"\n",(0,n.jsx)(t.p,{children:"The methodology allows you to save resources on designing a scalable and flexible architecture, instead directing the attention of developers to the development of the main functionality. At the same time, the architectural solutions themselves are standardized from project to project."}),"\n",(0,n.jsx)(t.p,{children:(0,n.jsx)(t.em,{children:"A separate question is that the methodology should earn the trust of the community, so that another developer can get acquainted with it and rely on it in solving the problems of his project within the time available to him"})}),"\n",(0,n.jsx)(t.h3,{id:"an-experience-proven-solution",children:"An experience-proven solution"}),"\n",(0,n.jsxs)(t.p,{children:["The methodology is designed for developers who are aimed at ",(0,n.jsx)(t.em,{children:"a proven solution for designing complex business logic"})]}),"\n",(0,n.jsx)(t.p,{children:(0,n.jsx)(t.em,{children:"However, it is clear that the methodology is generally about a set of best-practices, articles that address certain problems and cases during development. Therefore, the methodology will also be useful for the rest of the developers-who somehow face problems during development and design"})}),"\n",(0,n.jsx)(t.h3,{id:"project-health",children:"Project Health"}),"\n",(0,n.jsxs)(t.p,{children:["The methodology will allow ",(0,n.jsx)(t.em,{children:"to solve and track the problems of the project in advance, without requiring a huge amount of resources"})]}),"\n",(0,n.jsx)(t.p,{children:(0,n.jsx)(t.strong,{children:"Most often, technical debt accumulates and accumulates over time, and the responsibility for its resolution lies on both the lead and the team"})}),"\n",(0,n.jsxs)(t.p,{children:["The methodology will allow you to ",(0,n.jsx)(t.em,{children:"warn"})," possible problems in the scaling and development of the project in advance"]}),"\n",(0,n.jsx)(t.h2,{id:"why-does-a-business-need-a-methodology",children:"Why does a business need a methodology?"}),"\n",(0,n.jsx)(t.h3,{id:"fast-onboarding",children:"Fast onboarding"}),"\n",(0,n.jsxs)(t.p,{children:["With the methodology, you can hire a person to the project who ",(0,n.jsx)(t.strong,{children:"is already previously familiar with this approach, and not train again"})]}),"\n",(0,n.jsx)(t.p,{children:(0,n.jsx)(t.em,{children:"People start to understand and benefit the project faster, and there are additional guarantees to find people for the next iterations of the project"})}),"\n",(0,n.jsx)(t.h3,{id:"an-experience-proven-solution-1",children:"An experience-proven solution"}),"\n",(0,n.jsxs)(t.p,{children:["With the methodology, the business will get ",(0,n.jsx)(t.em,{children:"a solution for most of the issues that arise during the development of systems"})]}),"\n",(0,n.jsx)(t.p,{children:"Since most often a business wants to get a framework / solution that would solve the lion's share of problems during the development of the project"}),"\n",(0,n.jsx)(t.h3,{id:"applicability-for-different-stages-of-the-project",children:"Applicability for different stages of the project"}),"\n",(0,n.jsxs)(t.p,{children:["The methodology can benefit the project ",(0,n.jsx)(t.em,{children:"both at the stage of project support and development, and at the MVP stage"})]}),"\n",(0,n.jsxs)(t.p,{children:["Yes, the most important thing for MVP is ",(0,n.jsx)(t.em,{children:'"features, not the architecture laid down for the future"'}),". But even in conditions of limited deadlines, knowing the best-practices from the methodology, you can ",(0,n.jsx)(t.em,{children:'"do with little blood"'}),', when designing the MVP version of the system, finding a reasonable compromise\n(rather than modeling features "at random")']}),"\n",(0,n.jsx)(t.p,{children:(0,n.jsx)(t.em,{children:"The same can be said about testing"})}),"\n",(0,n.jsx)(t.h2,{id:"when-is-our-methodology-not-needed",children:"When is our methodology not needed?"}),"\n",(0,n.jsxs)(t.ul,{children:["\n",(0,n.jsx)(t.li,{children:"If the project will live for a short time"}),"\n",(0,n.jsx)(t.li,{children:"If the project does not need a supported architecture"}),"\n",(0,n.jsx)(t.li,{children:"If the business does not perceive the connection between the code base and the speed of feature delivery"}),"\n",(0,n.jsx)(t.li,{children:"If it is more important for the business to close orders as soon as possible, without further support"}),"\n"]}),"\n",(0,n.jsx)(t.h3,{id:"business-size",children:"Business Size"}),"\n",(0,n.jsxs)(t.ul,{children:["\n",(0,n.jsxs)(t.li,{children:[(0,n.jsx)(t.strong,{children:"Small business"})," - most often needs a ready-made and very fast solution. Only when the business grows (at least to almost average), he understands that in order for customers to continue using, it is necessary, among other things, to devote time to the quality and stability of the solutions being developed"]}),"\n",(0,n.jsxs)(t.li,{children:[(0,n.jsx)(t.strong,{children:"Medium-sized business"})," - usually understands all the problems of development, and even if it is necessary to ",(0,n.jsx)(t.em,{children:'"arrange a race for features"'}),", he still spends time on quality improvements, refactoring and tests (and of course-on an extensible architecture)"]}),"\n",(0,n.jsxs)(t.li,{children:[(0,n.jsx)(t.strong,{children:"Big business"})," - usually already has an extensive audience, staff, and a much more extensive set of its practices, and probably even its own approach to architecture, so the idea of taking someone else's comes to them not so often"]}),"\n"]}),"\n",(0,n.jsx)(t.h2,{id:"plans",children:"Plans"}),"\n",(0,n.jsxs)(t.p,{children:["The main part of the goals ",(0,n.jsx)(t.a,{href:"/docs/about/mission#goals",children:"is set out here"}),", but in addition, it is worth talking about our expectations from the methodology in the future"]}),"\n",(0,n.jsx)(t.h3,{id:"combining-experience",children:"Combining experience"}),"\n",(0,n.jsxs)(t.p,{children:["Now we are trying to combine all our diverse experience of the ",(0,n.jsx)(t.code,{children:"core-team"}),", and get a methodology hardened by practice as a result"]}),"\n",(0,n.jsxs)(t.p,{children:["Of course, we can get Angular 3.0 as a result, but it is much more important here to ",(0,n.jsx)(t.strong,{children:"investigate the very problem of designing the architecture of complex systems"})]}),"\n",(0,n.jsx)(t.p,{children:(0,n.jsx)(t.em,{children:"And yes - we have complaints about the current version of the methodology, but we want to work together to come to a single and optimal solution (taking into account, among other things, the experience of the community)"})}),"\n",(0,n.jsx)(t.h3,{id:"life-outside-the-specification",children:"Life outside the specification"}),"\n",(0,n.jsx)(t.p,{children:"If everything goes well, then the methodology will not be limited only to the specification and the toolkit"}),"\n",(0,n.jsxs)(t.ul,{children:["\n",(0,n.jsx)(t.li,{children:"Perhaps there will be reports, articles"}),"\n",(0,n.jsxs)(t.li,{children:["There may be ",(0,n.jsx)(t.code,{children:"CODE_MODEs"})," for migrations to other technologies of projects written according to the methodology"]}),"\n",(0,n.jsxs)(t.li,{children:["It is possible that as a result we will be able to reach the maintainers of large technological solutions","\n",(0,n.jsxs)(t.ul,{children:["\n",(0,n.jsx)(t.li,{children:(0,n.jsx)(t.em,{children:"Especially for React, compared to other frameworks - this is the main problem, because it does not say how to solve certain problems"})}),"\n"]}),"\n"]}),"\n"]}),"\n",(0,n.jsx)(t.h2,{id:"see-also",children:"See also"}),"\n",(0,n.jsxs)(t.ul,{children:["\n",(0,n.jsx)(t.li,{children:(0,n.jsx)(t.a,{href:"https://github.com/feature-sliced/documentation/discussions/27",children:"(Discussion) Don't need a methodology?"})}),"\n",(0,n.jsx)(t.li,{children:(0,n.jsx)(t.a,{href:"/docs/about/mission",children:"About the methodology's mission: goals and limitations"})}),"\n",(0,n.jsx)(t.li,{children:(0,n.jsx)(t.a,{href:"/docs/about/understanding/knowledge-types",children:"Types of knowledge in the project"})}),"\n"]})]})}function c(e={}){const{wrapper:t}={...(0,s.R)(),...e.components};return t?(0,n.jsx)(t,{...e,children:(0,n.jsx)(h,{...e})}):h(e)}},1100:(e,t,o)=>{o.d(t,{R:()=>r,x:()=>l});var n=o(758);const s={},i=n.createContext(s);function r(e){const t=n.useContext(i);return n.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function l(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(s):e.components||s:r(e.components),n.createElement(i.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
+"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[5535],{7040:(e,t,o)=>{o.r(t),o.d(t,{assets:()=>a,contentTitle:()=>r,default:()=>c,frontMatter:()=>i,metadata:()=>l,toc:()=>d});var n=o(6070),s=o(1100);const i={sidebar_position:2},r="Motivation",l={id:"about/motivation",title:"Motivation",description:"The main idea of Feature-Sliced Design is to facilitate and reduce the cost of developing complex and developing projects, based on combining research results, discussing the experience of various kinds of a wide range of developers.",source:"@site/i18n/en/docusaurus-plugin-content-docs/current/about/motivation.md",sourceDirName:"about",slug:"/about/motivation",permalink:"/kr/docs/about/motivation",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/about/motivation.md",tags:[],version:"current",lastUpdatedAt:1728325386e3,sidebarPosition:2,frontMatter:{sidebar_position:2},sidebar:"aboutSidebar",previous:{title:"Mission",permalink:"/kr/docs/about/mission"},next:{title:"Alternatives",permalink:"/kr/docs/about/alternatives"}},a={},d=[{value:"Why are there not enough existing solutions?",id:"why-are-there-not-enough-existing-solutions",level:2},{value:"Principles alone are not enough",id:"principles-alone-are-not-enough",level:3},{value:"Processes don&#39;t always work",id:"processes-dont-always-work",level:3},{value:"Existing frameworks cannot be applied everywhere",id:"existing-frameworks-cannot-be-applied-everywhere",level:3},{value:"As a result",id:"as-a-result",level:3},{value:"Why do developers need the methodology?",id:"why-do-developers-need-the-methodology",level:2},{value:"Focus on business features, not on architecture problems",id:"focus-on-business-features-not-on-architecture-problems",level:3},{value:"An experience-proven solution",id:"an-experience-proven-solution",level:3},{value:"Project Health",id:"project-health",level:3},{value:"Why does a business need a methodology?",id:"why-does-a-business-need-a-methodology",level:2},{value:"Fast onboarding",id:"fast-onboarding",level:3},{value:"An experience-proven solution",id:"an-experience-proven-solution-1",level:3},{value:"Applicability for different stages of the project",id:"applicability-for-different-stages-of-the-project",level:3},{value:"When is our methodology not needed?",id:"when-is-our-methodology-not-needed",level:2},{value:"Business Size",id:"business-size",level:3},{value:"Plans",id:"plans",level:2},{value:"Combining experience",id:"combining-experience",level:3},{value:"Life outside the specification",id:"life-outside-the-specification",level:3},{value:"See also",id:"see-also",level:2}];function h(e){const t={a:"a",admonition:"admonition",blockquote:"blockquote",code:"code",em:"em",h1:"h1",h2:"h2",h3:"h3",header:"header",li:"li",p:"p",strong:"strong",ul:"ul",...(0,s.R)(),...e.components};return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(t.header,{children:(0,n.jsx)(t.h1,{id:"motivation",children:"Motivation"})}),"\n",(0,n.jsxs)(t.p,{children:["The main idea of ",(0,n.jsx)(t.strong,{children:"Feature-Sliced Design"})," is to facilitate and reduce the cost of developing complex and developing projects, based on ",(0,n.jsx)(t.a,{href:"https://github.com/feature-sliced/documentation/discussions",children:"combining research results, discussing the experience of various kinds of a wide range of developers"}),"."]}),"\n",(0,n.jsxs)(t.p,{children:["Obviously, this will not be a silver bullet, and of course, the methodology will have its own ",(0,n.jsx)(t.a,{href:"/docs/about/mission",children:"limits of applicability"}),"."]}),"\n",(0,n.jsxs)(t.p,{children:["Nevertheless, there are reasonable questions regarding ",(0,n.jsx)(t.em,{children:"the feasibility of such a methodology as a whole"})]}),"\n",(0,n.jsx)(t.admonition,{type:"note",children:(0,n.jsxs)(t.p,{children:["More details ",(0,n.jsx)(t.a,{href:"https://github.com/feature-sliced/documentation/discussions/27",children:"discussed in the discussion"})]})}),"\n",(0,n.jsx)(t.h2,{id:"why-are-there-not-enough-existing-solutions",children:"Why are there not enough existing solutions?"}),"\n",(0,n.jsxs)(t.blockquote,{children:["\n",(0,n.jsx)(t.p,{children:"It usually, these arguments:"}),"\n",(0,n.jsxs)(t.ul,{children:["\n",(0,n.jsx)(t.li,{children:(0,n.jsxs)(t.em,{children:['"Why you need some new methodology, if you already have long-established approaches and principles of design such as ',(0,n.jsx)(t.code,{children:"SOLID"}),", ",(0,n.jsx)(t.code,{children:"KISS"}),", ",(0,n.jsx)(t.code,{children:"YAGNI"}),", ",(0,n.jsx)(t.code,{children:"DDD"}),", ",(0,n.jsx)(t.code,{children:"GRASP"}),", ",(0,n.jsx)(t.code,{children:"DRY"}),', etc."']})}),"\n",(0,n.jsx)(t.li,{children:(0,n.jsx)(t.em,{children:'"All the problems are solved by good project documentation, tests, and structured processes"'})}),"\n",(0,n.jsx)(t.li,{children:(0,n.jsx)(t.em,{children:'"Problems would not have happened if all developers are following all the above"'})}),"\n",(0,n.jsx)(t.li,{children:(0,n.jsx)(t.em,{children:'"Everything was invented before you, you just can\'t use it"'})}),"\n",(0,n.jsx)(t.li,{children:(0,n.jsx)(t.em,{children:'"Take {FRAMEWORK_NAME} - everything has already been decided for you there"'})}),"\n"]}),"\n"]}),"\n",(0,n.jsx)(t.h3,{id:"principles-alone-are-not-enough",children:"Principles alone are not enough"}),"\n",(0,n.jsx)(t.p,{children:(0,n.jsx)(t.strong,{children:"The existence of principles alone is not enough to design a good architecture"})}),"\n",(0,n.jsx)(t.p,{children:"Not everyone knows them completely, even fewer understand and apply them correctly"}),"\n",(0,n.jsx)(t.p,{children:(0,n.jsx)(t.em,{children:'The design principles are too general, and do not give a specific answer to the question: "How to design the structure and architecture of a scalable and flexible application?"'})}),"\n",(0,n.jsx)(t.h3,{id:"processes-dont-always-work",children:"Processes don't always work"}),"\n",(0,n.jsxs)(t.p,{children:[(0,n.jsx)(t.em,{children:"Documentation/Tests/Processes"})," are, of course, good, but alas, even at high costs for them - ",(0,n.jsx)(t.strong,{children:"they do not always solve the problems posed by the architecture and the introduction of new people into the project"})]}),"\n",(0,n.jsxs)(t.ul,{children:["\n",(0,n.jsx)(t.li,{children:"The time of entry of each developer into the project is not greatly reduced, because the documentation will most often come out huge / outdated"}),"\n",(0,n.jsx)(t.li,{children:"Constantly make sure that everyone understands architecture in the same way-it also requires a huge amount of resources"}),"\n",(0,n.jsx)(t.li,{children:"Do not forget about the bus-factor"}),"\n"]}),"\n",(0,n.jsx)(t.h3,{id:"existing-frameworks-cannot-be-applied-everywhere",children:"Existing frameworks cannot be applied everywhere"}),"\n",(0,n.jsxs)(t.ul,{children:["\n",(0,n.jsx)(t.li,{children:"Existing solutions usually have a high entry threshold, which makes it difficult to find new developers"}),"\n",(0,n.jsxs)(t.li,{children:['Also, most often, the choice of technology has already been determined before the onset of serious problems in the project, and therefore you need to be able to "work with what is" - ',(0,n.jsx)(t.strong,{children:"without being tied to the technology"})]}),"\n"]}),"\n",(0,n.jsxs)(t.blockquote,{children:["\n",(0,n.jsxs)(t.p,{children:["Q: ",(0,n.jsxs)(t.em,{children:['"In my project ',(0,n.jsx)(t.code,{children:"React/Vue/Redux/Effector/Mobx/{YOUR_TECH}"}),' - how can I better build the structure of entities and the relationships between them?"']})]}),"\n"]}),"\n",(0,n.jsx)(t.h3,{id:"as-a-result",children:"As a result"}),"\n",(0,n.jsxs)(t.p,{children:["We get ",(0,n.jsx)(t.em,{children:'"unique as snowflakes"'})," projects, each of which requires a long immersion of the employee, and knowledge that is unlikely to be applicable on another project"]}),"\n",(0,n.jsxs)(t.blockquote,{children:["\n",(0,n.jsxs)(t.p,{children:["@sergeysova: ",(0,n.jsx)(t.em,{children:'"This is exactly the situation that currently exists in our field of frontend development: each lead will invent different architectures and project structures, while it is not a fact that these structures will pass the test of time, as a result, a maximum of two people can develop the project besides him, and each new developer needs to be immersed again."'})]}),"\n"]}),"\n",(0,n.jsx)(t.h2,{id:"why-do-developers-need-the-methodology",children:"Why do developers need the methodology?"}),"\n",(0,n.jsx)(t.h3,{id:"focus-on-business-features-not-on-architecture-problems",children:"Focus on business features, not on architecture problems"}),"\n",(0,n.jsx)(t.p,{children:"The methodology allows you to save resources on designing a scalable and flexible architecture, instead directing the attention of developers to the development of the main functionality. At the same time, the architectural solutions themselves are standardized from project to project."}),"\n",(0,n.jsx)(t.p,{children:(0,n.jsx)(t.em,{children:"A separate question is that the methodology should earn the trust of the community, so that another developer can get acquainted with it and rely on it in solving the problems of his project within the time available to him"})}),"\n",(0,n.jsx)(t.h3,{id:"an-experience-proven-solution",children:"An experience-proven solution"}),"\n",(0,n.jsxs)(t.p,{children:["The methodology is designed for developers who are aimed at ",(0,n.jsx)(t.em,{children:"a proven solution for designing complex business logic"})]}),"\n",(0,n.jsx)(t.p,{children:(0,n.jsx)(t.em,{children:"However, it is clear that the methodology is generally about a set of best-practices, articles that address certain problems and cases during development. Therefore, the methodology will also be useful for the rest of the developers-who somehow face problems during development and design"})}),"\n",(0,n.jsx)(t.h3,{id:"project-health",children:"Project Health"}),"\n",(0,n.jsxs)(t.p,{children:["The methodology will allow ",(0,n.jsx)(t.em,{children:"to solve and track the problems of the project in advance, without requiring a huge amount of resources"})]}),"\n",(0,n.jsx)(t.p,{children:(0,n.jsx)(t.strong,{children:"Most often, technical debt accumulates and accumulates over time, and the responsibility for its resolution lies on both the lead and the team"})}),"\n",(0,n.jsxs)(t.p,{children:["The methodology will allow you to ",(0,n.jsx)(t.em,{children:"warn"})," possible problems in the scaling and development of the project in advance"]}),"\n",(0,n.jsx)(t.h2,{id:"why-does-a-business-need-a-methodology",children:"Why does a business need a methodology?"}),"\n",(0,n.jsx)(t.h3,{id:"fast-onboarding",children:"Fast onboarding"}),"\n",(0,n.jsxs)(t.p,{children:["With the methodology, you can hire a person to the project who ",(0,n.jsx)(t.strong,{children:"is already previously familiar with this approach, and not train again"})]}),"\n",(0,n.jsx)(t.p,{children:(0,n.jsx)(t.em,{children:"People start to understand and benefit the project faster, and there are additional guarantees to find people for the next iterations of the project"})}),"\n",(0,n.jsx)(t.h3,{id:"an-experience-proven-solution-1",children:"An experience-proven solution"}),"\n",(0,n.jsxs)(t.p,{children:["With the methodology, the business will get ",(0,n.jsx)(t.em,{children:"a solution for most of the issues that arise during the development of systems"})]}),"\n",(0,n.jsx)(t.p,{children:"Since most often a business wants to get a framework / solution that would solve the lion's share of problems during the development of the project"}),"\n",(0,n.jsx)(t.h3,{id:"applicability-for-different-stages-of-the-project",children:"Applicability for different stages of the project"}),"\n",(0,n.jsxs)(t.p,{children:["The methodology can benefit the project ",(0,n.jsx)(t.em,{children:"both at the stage of project support and development, and at the MVP stage"})]}),"\n",(0,n.jsxs)(t.p,{children:["Yes, the most important thing for MVP is ",(0,n.jsx)(t.em,{children:'"features, not the architecture laid down for the future"'}),". But even in conditions of limited deadlines, knowing the best-practices from the methodology, you can ",(0,n.jsx)(t.em,{children:'"do with little blood"'}),', when designing the MVP version of the system, finding a reasonable compromise\n(rather than modeling features "at random")']}),"\n",(0,n.jsx)(t.p,{children:(0,n.jsx)(t.em,{children:"The same can be said about testing"})}),"\n",(0,n.jsx)(t.h2,{id:"when-is-our-methodology-not-needed",children:"When is our methodology not needed?"}),"\n",(0,n.jsxs)(t.ul,{children:["\n",(0,n.jsx)(t.li,{children:"If the project will live for a short time"}),"\n",(0,n.jsx)(t.li,{children:"If the project does not need a supported architecture"}),"\n",(0,n.jsx)(t.li,{children:"If the business does not perceive the connection between the code base and the speed of feature delivery"}),"\n",(0,n.jsx)(t.li,{children:"If it is more important for the business to close orders as soon as possible, without further support"}),"\n"]}),"\n",(0,n.jsx)(t.h3,{id:"business-size",children:"Business Size"}),"\n",(0,n.jsxs)(t.ul,{children:["\n",(0,n.jsxs)(t.li,{children:[(0,n.jsx)(t.strong,{children:"Small business"})," - most often needs a ready-made and very fast solution. Only when the business grows (at least to almost average), he understands that in order for customers to continue using, it is necessary, among other things, to devote time to the quality and stability of the solutions being developed"]}),"\n",(0,n.jsxs)(t.li,{children:[(0,n.jsx)(t.strong,{children:"Medium-sized business"})," - usually understands all the problems of development, and even if it is necessary to ",(0,n.jsx)(t.em,{children:'"arrange a race for features"'}),", he still spends time on quality improvements, refactoring and tests (and of course-on an extensible architecture)"]}),"\n",(0,n.jsxs)(t.li,{children:[(0,n.jsx)(t.strong,{children:"Big business"})," - usually already has an extensive audience, staff, and a much more extensive set of its practices, and probably even its own approach to architecture, so the idea of taking someone else's comes to them not so often"]}),"\n"]}),"\n",(0,n.jsx)(t.h2,{id:"plans",children:"Plans"}),"\n",(0,n.jsxs)(t.p,{children:["The main part of the goals ",(0,n.jsx)(t.a,{href:"/docs/about/mission#goals",children:"is set out here"}),", but in addition, it is worth talking about our expectations from the methodology in the future"]}),"\n",(0,n.jsx)(t.h3,{id:"combining-experience",children:"Combining experience"}),"\n",(0,n.jsxs)(t.p,{children:["Now we are trying to combine all our diverse experience of the ",(0,n.jsx)(t.code,{children:"core-team"}),", and get a methodology hardened by practice as a result"]}),"\n",(0,n.jsxs)(t.p,{children:["Of course, we can get Angular 3.0 as a result, but it is much more important here to ",(0,n.jsx)(t.strong,{children:"investigate the very problem of designing the architecture of complex systems"})]}),"\n",(0,n.jsx)(t.p,{children:(0,n.jsx)(t.em,{children:"And yes - we have complaints about the current version of the methodology, but we want to work together to come to a single and optimal solution (taking into account, among other things, the experience of the community)"})}),"\n",(0,n.jsx)(t.h3,{id:"life-outside-the-specification",children:"Life outside the specification"}),"\n",(0,n.jsx)(t.p,{children:"If everything goes well, then the methodology will not be limited only to the specification and the toolkit"}),"\n",(0,n.jsxs)(t.ul,{children:["\n",(0,n.jsx)(t.li,{children:"Perhaps there will be reports, articles"}),"\n",(0,n.jsxs)(t.li,{children:["There may be ",(0,n.jsx)(t.code,{children:"CODE_MODEs"})," for migrations to other technologies of projects written according to the methodology"]}),"\n",(0,n.jsxs)(t.li,{children:["It is possible that as a result we will be able to reach the maintainers of large technological solutions","\n",(0,n.jsxs)(t.ul,{children:["\n",(0,n.jsx)(t.li,{children:(0,n.jsx)(t.em,{children:"Especially for React, compared to other frameworks - this is the main problem, because it does not say how to solve certain problems"})}),"\n"]}),"\n"]}),"\n"]}),"\n",(0,n.jsx)(t.h2,{id:"see-also",children:"See also"}),"\n",(0,n.jsxs)(t.ul,{children:["\n",(0,n.jsx)(t.li,{children:(0,n.jsx)(t.a,{href:"https://github.com/feature-sliced/documentation/discussions/27",children:"(Discussion) Don't need a methodology?"})}),"\n",(0,n.jsx)(t.li,{children:(0,n.jsx)(t.a,{href:"/docs/about/mission",children:"About the methodology's mission: goals and limitations"})}),"\n",(0,n.jsx)(t.li,{children:(0,n.jsx)(t.a,{href:"/docs/about/understanding/knowledge-types",children:"Types of knowledge in the project"})}),"\n"]})]})}function c(e={}){const{wrapper:t}={...(0,s.R)(),...e.components};return t?(0,n.jsx)(t,{...e,children:(0,n.jsx)(h,{...e})}):h(e)}},1100:(e,t,o)=>{o.d(t,{R:()=>r,x:()=>l});var n=o(758);const s={},i=n.createContext(s);function r(e){const t=n.useContext(i);return n.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function l(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(s):e.components||s:r(e.components),n.createElement(i.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
diff --git a/kr/assets/js/d13cbfb8.7862b397.js b/kr/assets/js/d13cbfb8.97e3bb8d.js
similarity index 97%
rename from kr/assets/js/d13cbfb8.7862b397.js
rename to kr/assets/js/d13cbfb8.97e3bb8d.js
index 17f3bb5412..89f1b247a2 100644
--- a/kr/assets/js/d13cbfb8.7862b397.js
+++ b/kr/assets/js/d13cbfb8.97e3bb8d.js
@@ -1,2 +1,2 @@
-/*! For license information please see d13cbfb8.7862b397.js.LICENSE.txt */
-"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[5570],{7946:(e,t,s)=>{s.d(t,{Ay:()=>r,RM:()=>i});var n=s(6070),a=s(1100),c=s(5988);const i=[];function o(e){return(0,n.jsx)(c.A,{...e})}function r(e={}){const{wrapper:t}={...(0,a.R)(),...e.components};return t?(0,n.jsx)(t,{...e,children:(0,n.jsx)(o,{...e})}):o(e)}},9346:(e,t,s)=>{s.r(t),s.d(t,{assets:()=>_,contentTitle:()=>j,default:()=>T,frontMatter:()=>v,metadata:()=>y,toc:()=>A});var n=s(6070),a=s(1100),c=s(7946),i=s(991),o=s(758);const r={icon:{tag:"svg",attrs:{viewBox:"64 64 896 896",focusable:"false"},children:[{tag:"defs",attrs:{},children:[{tag:"style",attrs:{}}]},{tag:"path",attrs:{d:"M759 335c0-137-111-248-248-248S263 198 263 335c0 82.8 40.6 156.2 103 201.2-.4.2-.7.3-.9.4-44.7 18.9-84.8 46-119.3 80.6a373.42 373.42 0 00-80.4 119.5A373.6 373.6 0 00136 874.8a8 8 0 008 8.2h59.9c4.3 0 7.9-3.5 8-7.8 2-77.2 32.9-149.5 87.6-204.3C356 614.2 431 583 511 583c137 0 248-111 248-248zM511 507c-95 0-172-77-172-172s77-172 172-172 172 77 172 172-77 172-172 172zm105 221h264c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8H703.5l47.2-60.1a8.1 8.1 0 001.7-4.9c0-4.4-3.6-8-8-8h-72.6c-4.9 0-9.5 2.3-12.6 6.1l-68.5 87.1c-4.4 5.6-6.8 12.6-6.8 19.8.1 17.7 14.4 32 32.1 32zm240 64H592c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h176.5l-47.2 60.1a8.1 8.1 0 00-1.7 4.9c0 4.4 3.6 8 8 8h72.6c4.9 0 9.5-2.3 12.6-6.1l68.5-87.1c4.4-5.6 6.8-12.6 6.8-19.8-.1-17.7-14.4-32-32.1-32z"}}]},name:"user-switch",theme:"outlined"};var l=s(9820),d=function(e,t){return o.createElement(l.A,(0,i.A)({},e,{ref:t,icon:r}))};const h=o.forwardRef(d);const u={icon:{tag:"svg",attrs:{viewBox:"64 64 896 896",focusable:"false"},children:[{tag:"path",attrs:{d:"M920 416H616c-4.4 0-8 3.6-8 8v112c0 4.4 3.6 8 8 8h48c4.4 0 8-3.6 8-8v-56h60v320h-46c-4.4 0-8 3.6-8 8v48c0 4.4 3.6 8 8 8h164c4.4 0 8-3.6 8-8v-48c0-4.4-3.6-8-8-8h-46V480h60v56c0 4.4 3.6 8 8 8h48c4.4 0 8-3.6 8-8V424c0-4.4-3.6-8-8-8zM656 296V168c0-4.4-3.6-8-8-8H104c-4.4 0-8 3.6-8 8v128c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-64h168v560h-92c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h264c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8h-92V232h168v64c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8z"}}]},name:"font-size",theme:"outlined"};var m=function(e,t){return o.createElement(l.A,(0,i.A)({},e,{ref:t,icon:u}))};const p=o.forwardRef(m);const x={icon:{tag:"svg",attrs:{viewBox:"64 64 896 896",focusable:"false"},children:[{tag:"path",attrs:{d:"M880 112H144c-17.7 0-32 14.3-32 32v736c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V144c0-17.7-14.3-32-32-32zm-696 72h136v656H184V184zm656 656H384V384h456v456zM384 320V184h456v136H384z"}}]},name:"layout",theme:"outlined"};var f=function(e,t){return o.createElement(l.A,(0,i.A)({},e,{ref:t,icon:x}))};const g=o.forwardRef(f),v={hide_table_of_contents:!0},j="Examples",y={id:"guides/examples/index",title:"Examples",description:"Small practical examples of the methodology application",source:"@site/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/index.mdx",sourceDirName:"guides/examples",slug:"/guides/examples/",permalink:"/kr/docs/guides/examples/",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/index.mdx",tags:[],version:"current",lastUpdatedAt:1727607766e3,frontMatter:{hide_table_of_contents:!0},sidebar:"guidesSidebar",previous:{title:"\ud83c\udfaf Guides",permalink:"/kr/docs/guides/"},next:{title:"Authentication",permalink:"/kr/docs/guides/examples/auth"}},_={},A=[{value:"Main",id:"main",level:2},...c.RM,...c.RM,...c.RM];function M(e){const t={h1:"h1",h2:"h2",header:"header",p:"p",...(0,a.R)(),...e.components};return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(t.header,{children:(0,n.jsx)(t.h1,{id:"examples",children:"Examples"})}),"\n",(0,n.jsx)("p",{class:"summary",children:(0,n.jsx)(t.p,{children:"Small practical examples of the methodology application"})}),"\n",(0,n.jsx)(t.h2,{id:"main",children:"Main"}),"\n","\n",(0,n.jsx)(c.Ay,{title:"Authentication",description:"Decomposition of authentication logic",to:"/docs/guides/examples/auth",Icon:h,tags:["Forms","2FA","OAuth","Token storage","Token refresh"]}),"\n",(0,n.jsx)(c.Ay,{title:"Types",description:"Where to keep the types? What kinds of types are there in the context of FSD?",to:"/docs/guides/examples/types",Icon:p,tags:["DTO","Mappers","Entity relationships","Auto-generation","Validation schemas"]}),"\n",(0,n.jsx)(c.Ay,{title:"Page layouts",description:"Main cases with layouts",to:"/docs/guides/examples/page-layout",Icon:g,tags:["Where to store them","Using widgets in layouts"]})]})}function T(e={}){const{wrapper:t}={...(0,a.R)(),...e.components};return t?(0,n.jsx)(t,{...e,children:(0,n.jsx)(M,{...e})}):M(e)}},5988:(e,t,s)=>{s.d(t,{Y:()=>o,A:()=>l});s(758);var n=s(3526),a=s(6783);const c={root:"root_GfON",rootDisabled:"rootDisabled_SFUB",details:"details_xxkR",detailsTags:"detailsTags_uTQx",icon:"icon_ciqP",title:"title_pSH5",description:"description__Fep",miniTheme:"miniTheme_ePfp",primaryTheme:"primaryTheme_CilO",defaultTheme:"defaultTheme_j3I8"};var i=s(6070);const o=e=>{const{title:t,description:s,to:o,Icon:l,tags:d,className:h,disabled:u,theme:m="default"}=e;return(0,i.jsxs)(a.A,{className:(0,n.A)(c.root,h,u&&c.rootDisabled,c[`${m}Theme`]),to:o,children:[(0,i.jsx)(r,{Icon:l}),(0,i.jsxs)("div",{className:c.details,children:[(0,i.jsxs)("div",{className:c.detailsMain,children:[(0,i.jsx)("span",{className:c.title,children:t}),(0,i.jsx)("p",{className:c.description,children:s})]}),d&&(0,i.jsx)("div",{className:c.detailsTags,children:d.join(" \u2022 ")})]})]})},r=e=>{let{Icon:t}=e;return t?"string"==typeof t?(0,i.jsx)("span",{className:c.icon,children:t}):(0,i.jsx)(t,{className:c.icon}):null},l=o},1100:(e,t,s)=>{s.d(t,{R:()=>i,x:()=>o});var n=s(758);const a={},c=n.createContext(a);function i(e){const t=n.useContext(c);return n.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function o(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(a):e.components||a:i(e.components),n.createElement(c.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
+/*! For license information please see d13cbfb8.97e3bb8d.js.LICENSE.txt */
+"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[5570],{7946:(e,t,s)=>{s.d(t,{Ay:()=>r,RM:()=>i});var n=s(6070),a=s(1100),c=s(5988);const i=[];function o(e){return(0,n.jsx)(c.A,{...e})}function r(e={}){const{wrapper:t}={...(0,a.R)(),...e.components};return t?(0,n.jsx)(t,{...e,children:(0,n.jsx)(o,{...e})}):o(e)}},9346:(e,t,s)=>{s.r(t),s.d(t,{assets:()=>_,contentTitle:()=>j,default:()=>T,frontMatter:()=>v,metadata:()=>y,toc:()=>A});var n=s(6070),a=s(1100),c=s(7946),i=s(991),o=s(758);const r={icon:{tag:"svg",attrs:{viewBox:"64 64 896 896",focusable:"false"},children:[{tag:"defs",attrs:{},children:[{tag:"style",attrs:{}}]},{tag:"path",attrs:{d:"M759 335c0-137-111-248-248-248S263 198 263 335c0 82.8 40.6 156.2 103 201.2-.4.2-.7.3-.9.4-44.7 18.9-84.8 46-119.3 80.6a373.42 373.42 0 00-80.4 119.5A373.6 373.6 0 00136 874.8a8 8 0 008 8.2h59.9c4.3 0 7.9-3.5 8-7.8 2-77.2 32.9-149.5 87.6-204.3C356 614.2 431 583 511 583c137 0 248-111 248-248zM511 507c-95 0-172-77-172-172s77-172 172-172 172 77 172 172-77 172-172 172zm105 221h264c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8H703.5l47.2-60.1a8.1 8.1 0 001.7-4.9c0-4.4-3.6-8-8-8h-72.6c-4.9 0-9.5 2.3-12.6 6.1l-68.5 87.1c-4.4 5.6-6.8 12.6-6.8 19.8.1 17.7 14.4 32 32.1 32zm240 64H592c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h176.5l-47.2 60.1a8.1 8.1 0 00-1.7 4.9c0 4.4 3.6 8 8 8h72.6c4.9 0 9.5-2.3 12.6-6.1l68.5-87.1c4.4-5.6 6.8-12.6 6.8-19.8-.1-17.7-14.4-32-32.1-32z"}}]},name:"user-switch",theme:"outlined"};var l=s(9820),d=function(e,t){return o.createElement(l.A,(0,i.A)({},e,{ref:t,icon:r}))};const h=o.forwardRef(d);const u={icon:{tag:"svg",attrs:{viewBox:"64 64 896 896",focusable:"false"},children:[{tag:"path",attrs:{d:"M920 416H616c-4.4 0-8 3.6-8 8v112c0 4.4 3.6 8 8 8h48c4.4 0 8-3.6 8-8v-56h60v320h-46c-4.4 0-8 3.6-8 8v48c0 4.4 3.6 8 8 8h164c4.4 0 8-3.6 8-8v-48c0-4.4-3.6-8-8-8h-46V480h60v56c0 4.4 3.6 8 8 8h48c4.4 0 8-3.6 8-8V424c0-4.4-3.6-8-8-8zM656 296V168c0-4.4-3.6-8-8-8H104c-4.4 0-8 3.6-8 8v128c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-64h168v560h-92c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h264c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8h-92V232h168v64c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8z"}}]},name:"font-size",theme:"outlined"};var m=function(e,t){return o.createElement(l.A,(0,i.A)({},e,{ref:t,icon:u}))};const p=o.forwardRef(m);const x={icon:{tag:"svg",attrs:{viewBox:"64 64 896 896",focusable:"false"},children:[{tag:"path",attrs:{d:"M880 112H144c-17.7 0-32 14.3-32 32v736c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V144c0-17.7-14.3-32-32-32zm-696 72h136v656H184V184zm656 656H384V384h456v456zM384 320V184h456v136H384z"}}]},name:"layout",theme:"outlined"};var f=function(e,t){return o.createElement(l.A,(0,i.A)({},e,{ref:t,icon:x}))};const g=o.forwardRef(f),v={hide_table_of_contents:!0},j="Examples",y={id:"guides/examples/index",title:"Examples",description:"Small practical examples of the methodology application",source:"@site/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/index.mdx",sourceDirName:"guides/examples",slug:"/guides/examples/",permalink:"/kr/docs/guides/examples/",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/index.mdx",tags:[],version:"current",lastUpdatedAt:1728325386e3,frontMatter:{hide_table_of_contents:!0},sidebar:"guidesSidebar",previous:{title:"\ud83c\udfaf Guides",permalink:"/kr/docs/guides/"},next:{title:"Authentication",permalink:"/kr/docs/guides/examples/auth"}},_={},A=[{value:"Main",id:"main",level:2},...c.RM,...c.RM,...c.RM];function M(e){const t={h1:"h1",h2:"h2",header:"header",p:"p",...(0,a.R)(),...e.components};return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(t.header,{children:(0,n.jsx)(t.h1,{id:"examples",children:"Examples"})}),"\n",(0,n.jsx)("p",{class:"summary",children:(0,n.jsx)(t.p,{children:"Small practical examples of the methodology application"})}),"\n",(0,n.jsx)(t.h2,{id:"main",children:"Main"}),"\n","\n",(0,n.jsx)(c.Ay,{title:"Authentication",description:"Decomposition of authentication logic",to:"/docs/guides/examples/auth",Icon:h,tags:["Forms","2FA","OAuth","Token storage","Token refresh"]}),"\n",(0,n.jsx)(c.Ay,{title:"Types",description:"Where to keep the types? What kinds of types are there in the context of FSD?",to:"/docs/guides/examples/types",Icon:p,tags:["DTO","Mappers","Entity relationships","Auto-generation","Validation schemas"]}),"\n",(0,n.jsx)(c.Ay,{title:"Page layouts",description:"Main cases with layouts",to:"/docs/guides/examples/page-layout",Icon:g,tags:["Where to store them","Using widgets in layouts"]})]})}function T(e={}){const{wrapper:t}={...(0,a.R)(),...e.components};return t?(0,n.jsx)(t,{...e,children:(0,n.jsx)(M,{...e})}):M(e)}},5988:(e,t,s)=>{s.d(t,{Y:()=>o,A:()=>l});s(758);var n=s(3526),a=s(6783);const c={root:"root_GfON",rootDisabled:"rootDisabled_SFUB",details:"details_xxkR",detailsTags:"detailsTags_uTQx",icon:"icon_ciqP",title:"title_pSH5",description:"description__Fep",miniTheme:"miniTheme_ePfp",primaryTheme:"primaryTheme_CilO",defaultTheme:"defaultTheme_j3I8"};var i=s(6070);const o=e=>{const{title:t,description:s,to:o,Icon:l,tags:d,className:h,disabled:u,theme:m="default"}=e;return(0,i.jsxs)(a.A,{className:(0,n.A)(c.root,h,u&&c.rootDisabled,c[`${m}Theme`]),to:o,children:[(0,i.jsx)(r,{Icon:l}),(0,i.jsxs)("div",{className:c.details,children:[(0,i.jsxs)("div",{className:c.detailsMain,children:[(0,i.jsx)("span",{className:c.title,children:t}),(0,i.jsx)("p",{className:c.description,children:s})]}),d&&(0,i.jsx)("div",{className:c.detailsTags,children:d.join(" \u2022 ")})]})]})},r=e=>{let{Icon:t}=e;return t?"string"==typeof t?(0,i.jsx)("span",{className:c.icon,children:t}):(0,i.jsx)(t,{className:c.icon}):null},l=o},1100:(e,t,s)=>{s.d(t,{R:()=>i,x:()=>o});var n=s(758);const a={},c=n.createContext(a);function i(e){const t=n.useContext(c);return n.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function o(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(a):e.components||a:i(e.components),n.createElement(c.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
diff --git a/kr/assets/js/d13cbfb8.7862b397.js.LICENSE.txt b/kr/assets/js/d13cbfb8.97e3bb8d.js.LICENSE.txt
similarity index 100%
rename from kr/assets/js/d13cbfb8.7862b397.js.LICENSE.txt
rename to kr/assets/js/d13cbfb8.97e3bb8d.js.LICENSE.txt
diff --git a/kr/assets/js/d999437a.91687529.js b/kr/assets/js/d999437a.0fbe7e3d.js
similarity index 98%
rename from kr/assets/js/d999437a.91687529.js
rename to kr/assets/js/d999437a.0fbe7e3d.js
index ce4b791c07..2451ea89b2 100644
--- a/kr/assets/js/d999437a.91687529.js
+++ b/kr/assets/js/d999437a.0fbe7e3d.js
@@ -1 +1 @@
-"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[7091],{1928:(e,t,n)=>{n.d(t,{Ay:()=>u,RM:()=>a});var s=n(6070),i=n(1100),r=(n(758),n(6783)),c=n(7765);const d=e=>{let{ticket:t}=e;const n=`https://github.com/feature-sliced/documentation/issues/${t}`;return(0,s.jsxs)("div",{children:[(0,s.jsx)("p",{children:(0,c.T)({id:"shared.wip.title"})}),(0,s.jsx)("p",{children:(0,c.T)({id:"shared.wip.subtitle"})}),(0,s.jsxs)("ul",{children:[(0,s.jsxs)("li",{children:[(0,c.T)({id:"shared.wip.var.feedback.base"}),(0,s.jsx)(r.A,{to:n,children:(0,c.T)({id:"shared.wip.var.feedback.link"})})]}),(0,s.jsxs)("li",{children:[(0,c.T)({id:"shared.wip.var.material.base"}),(0,s.jsx)(r.A,{to:"https://t.me/feature_sliced",children:(0,c.T)({id:"shared.wip.var.material.link"})})]}),(0,s.jsxs)("li",{children:[(0,c.T)({id:"shared.wip.var.contribute.base"}),(0,s.jsx)(r.A,{to:"https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md",children:(0,c.T)({id:"shared.wip.var.contribute.link"})})]})]}),(0,s.jsx)("br",{}),(0,s.jsx)("p",{children:(0,s.jsx)("i",{children:"\ud83c\udf70 Stay tuned!"})})]})},a=[];function o(e){const t={admonition:"admonition",...(0,i.R)(),...e.components};return(0,s.jsx)(t.admonition,{title:"WIP",type:"caution",children:(0,s.jsx)(d,{ticket:e.ticket})})}function u(e={}){const{wrapper:t}={...(0,i.R)(),...e.components};return t?(0,s.jsx)(t,{...e,children:(0,s.jsx)(o,{...e})}):o(e)}},8909:(e,t,n)=>{n.r(t),n.d(t,{assets:()=>o,contentTitle:()=>d,default:()=>p,frontMatter:()=>c,metadata:()=>a,toc:()=>u});var s=n(6070),i=n(1100),r=n(1928);const c={sidebar_class_name:"sidebar-item--wip",unlisted:!0},d="Feedback",a={id:"guides/examples/feedback",title:"Feedback",description:"Errors, Alerts, Notifications, ...",source:"@site/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/feedback.mdx",sourceDirName:"guides/examples",slug:"/guides/examples/feedback",permalink:"/kr/docs/guides/examples/feedback",draft:!1,unlisted:!0,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/feedback.mdx",tags:[],version:"current",lastUpdatedAt:1727607766e3,frontMatter:{sidebar_class_name:"sidebar-item--wip",unlisted:!0},sidebar:"guidesSidebar"},o={},u=[...r.RM];function l(e){const t={blockquote:"blockquote",h1:"h1",header:"header",p:"p",...(0,i.R)(),...e.components};return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(t.header,{children:(0,s.jsx)(t.h1,{id:"feedback",children:"Feedback"})}),"\n",(0,s.jsx)(r.Ay,{ticket:"187"}),"\n",(0,s.jsxs)(t.blockquote,{children:["\n",(0,s.jsx)(t.p,{children:"Errors, Alerts, Notifications, ..."}),"\n"]})]})}function p(e={}){const{wrapper:t}={...(0,i.R)(),...e.components};return t?(0,s.jsx)(t,{...e,children:(0,s.jsx)(l,{...e})}):l(e)}},1100:(e,t,n)=>{n.d(t,{R:()=>c,x:()=>d});var s=n(758);const i={},r=s.createContext(i);function c(e){const t=s.useContext(r);return s.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function d(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(i):e.components||i:c(e.components),s.createElement(r.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
+"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[7091],{1928:(e,t,n)=>{n.d(t,{Ay:()=>u,RM:()=>a});var s=n(6070),i=n(1100),r=(n(758),n(6783)),c=n(7765);const d=e=>{let{ticket:t}=e;const n=`https://github.com/feature-sliced/documentation/issues/${t}`;return(0,s.jsxs)("div",{children:[(0,s.jsx)("p",{children:(0,c.T)({id:"shared.wip.title"})}),(0,s.jsx)("p",{children:(0,c.T)({id:"shared.wip.subtitle"})}),(0,s.jsxs)("ul",{children:[(0,s.jsxs)("li",{children:[(0,c.T)({id:"shared.wip.var.feedback.base"}),(0,s.jsx)(r.A,{to:n,children:(0,c.T)({id:"shared.wip.var.feedback.link"})})]}),(0,s.jsxs)("li",{children:[(0,c.T)({id:"shared.wip.var.material.base"}),(0,s.jsx)(r.A,{to:"https://t.me/feature_sliced",children:(0,c.T)({id:"shared.wip.var.material.link"})})]}),(0,s.jsxs)("li",{children:[(0,c.T)({id:"shared.wip.var.contribute.base"}),(0,s.jsx)(r.A,{to:"https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md",children:(0,c.T)({id:"shared.wip.var.contribute.link"})})]})]}),(0,s.jsx)("br",{}),(0,s.jsx)("p",{children:(0,s.jsx)("i",{children:"\ud83c\udf70 Stay tuned!"})})]})},a=[];function o(e){const t={admonition:"admonition",...(0,i.R)(),...e.components};return(0,s.jsx)(t.admonition,{title:"WIP",type:"caution",children:(0,s.jsx)(d,{ticket:e.ticket})})}function u(e={}){const{wrapper:t}={...(0,i.R)(),...e.components};return t?(0,s.jsx)(t,{...e,children:(0,s.jsx)(o,{...e})}):o(e)}},8909:(e,t,n)=>{n.r(t),n.d(t,{assets:()=>o,contentTitle:()=>d,default:()=>p,frontMatter:()=>c,metadata:()=>a,toc:()=>u});var s=n(6070),i=n(1100),r=n(1928);const c={sidebar_class_name:"sidebar-item--wip",unlisted:!0},d="Feedback",a={id:"guides/examples/feedback",title:"Feedback",description:"Errors, Alerts, Notifications, ...",source:"@site/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/feedback.mdx",sourceDirName:"guides/examples",slug:"/guides/examples/feedback",permalink:"/kr/docs/guides/examples/feedback",draft:!1,unlisted:!0,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/feedback.mdx",tags:[],version:"current",lastUpdatedAt:1728325386e3,frontMatter:{sidebar_class_name:"sidebar-item--wip",unlisted:!0},sidebar:"guidesSidebar"},o={},u=[...r.RM];function l(e){const t={blockquote:"blockquote",h1:"h1",header:"header",p:"p",...(0,i.R)(),...e.components};return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(t.header,{children:(0,s.jsx)(t.h1,{id:"feedback",children:"Feedback"})}),"\n",(0,s.jsx)(r.Ay,{ticket:"187"}),"\n",(0,s.jsxs)(t.blockquote,{children:["\n",(0,s.jsx)(t.p,{children:"Errors, Alerts, Notifications, ..."}),"\n"]})]})}function p(e={}){const{wrapper:t}={...(0,i.R)(),...e.components};return t?(0,s.jsx)(t,{...e,children:(0,s.jsx)(l,{...e})}):l(e)}},1100:(e,t,n)=>{n.d(t,{R:()=>c,x:()=>d});var s=n(758);const i={},r=s.createContext(i);function c(e){const t=s.useContext(r);return s.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function d(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(i):e.components||i:c(e.components),s.createElement(r.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
diff --git a/kr/assets/js/dfe5ecdf.bf0d525a.js b/kr/assets/js/dfe5ecdf.926d0ad6.js
similarity index 98%
rename from kr/assets/js/dfe5ecdf.bf0d525a.js
rename to kr/assets/js/dfe5ecdf.926d0ad6.js
index 2912d2add7..25c2ef7cee 100644
--- a/kr/assets/js/dfe5ecdf.bf0d525a.js
+++ b/kr/assets/js/dfe5ecdf.926d0ad6.js
@@ -1 +1 @@
-"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[6949],{1928:(e,t,i)=>{i.d(t,{Ay:()=>l,RM:()=>d});var s=i(6070),n=i(1100),o=(i(758),i(6783)),r=i(7765);const a=e=>{let{ticket:t}=e;const i=`https://github.com/feature-sliced/documentation/issues/${t}`;return(0,s.jsxs)("div",{children:[(0,s.jsx)("p",{children:(0,r.T)({id:"shared.wip.title"})}),(0,s.jsx)("p",{children:(0,r.T)({id:"shared.wip.subtitle"})}),(0,s.jsxs)("ul",{children:[(0,s.jsxs)("li",{children:[(0,r.T)({id:"shared.wip.var.feedback.base"}),(0,s.jsx)(o.A,{to:i,children:(0,r.T)({id:"shared.wip.var.feedback.link"})})]}),(0,s.jsxs)("li",{children:[(0,r.T)({id:"shared.wip.var.material.base"}),(0,s.jsx)(o.A,{to:"https://t.me/feature_sliced",children:(0,r.T)({id:"shared.wip.var.material.link"})})]}),(0,s.jsxs)("li",{children:[(0,r.T)({id:"shared.wip.var.contribute.base"}),(0,s.jsx)(o.A,{to:"https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md",children:(0,r.T)({id:"shared.wip.var.contribute.link"})})]})]}),(0,s.jsx)("br",{}),(0,s.jsx)("p",{children:(0,s.jsx)("i",{children:"\ud83c\udf70 Stay tuned!"})})]})},d=[];function c(e){const t={admonition:"admonition",...(0,n.R)(),...e.components};return(0,s.jsx)(t.admonition,{title:"WIP",type:"caution",children:(0,s.jsx)(a,{ticket:e.ticket})})}function l(e={}){const{wrapper:t}={...(0,n.R)(),...e.components};return t?(0,s.jsx)(t,{...e,children:(0,s.jsx)(c,{...e})}):c(e)}},4089:(e,t,i)=>{i.r(t),i.d(t,{assets:()=>c,contentTitle:()=>a,default:()=>p,frontMatter:()=>r,metadata:()=>d,toc:()=>l});var s=i(6070),n=i(1100),o=i(1928);const r={sidebar_position:9,sidebar_class_name:"sidebar-item--wip",unlisted:!0},a="Monorepositories",d={id:"guides/examples/monorepo",title:"Monorepositories",description:"About applicability for mono repositories, about bff, about microapps",source:"@site/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/monorepo.mdx",sourceDirName:"guides/examples",slug:"/guides/examples/monorepo",permalink:"/kr/docs/guides/examples/monorepo",draft:!1,unlisted:!0,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/monorepo.mdx",tags:[],version:"current",lastUpdatedAt:1727607766e3,sidebarPosition:9,frontMatter:{sidebar_position:9,sidebar_class_name:"sidebar-item--wip",unlisted:!0},sidebar:"guidesSidebar"},c={},l=[...o.RM,{value:"See also",id:"see-also",level:2}];function u(e){const t={a:"a",blockquote:"blockquote",h1:"h1",h2:"h2",header:"header",li:"li",p:"p",ul:"ul",...(0,n.R)(),...e.components};return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(t.header,{children:(0,s.jsx)(t.h1,{id:"monorepositories",children:"Monorepositories"})}),"\n",(0,s.jsx)(o.Ay,{ticket:"221"}),"\n",(0,s.jsxs)(t.blockquote,{children:["\n",(0,s.jsx)(t.p,{children:"About applicability for mono repositories, about bff, about microapps"}),"\n"]}),"\n",(0,s.jsx)(t.h2,{id:"see-also",children:"See also"}),"\n",(0,s.jsxs)(t.ul,{children:["\n",(0,s.jsx)(t.li,{children:(0,s.jsx)(t.a,{href:"https://github.com/feature-sliced/documentation/discussions/50",children:"(Discussion) About mono repositories and plug-ins-packages"})}),"\n",(0,s.jsx)(t.li,{children:(0,s.jsx)(t.a,{href:"https://t.me/feature_sliced/2412",children:"(Thread) About the application for a mono repository"})}),"\n"]})]})}function p(e={}){const{wrapper:t}={...(0,n.R)(),...e.components};return t?(0,s.jsx)(t,{...e,children:(0,s.jsx)(u,{...e})}):u(e)}},1100:(e,t,i)=>{i.d(t,{R:()=>r,x:()=>a});var s=i(758);const n={},o=s.createContext(n);function r(e){const t=s.useContext(o);return s.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function a(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(n):e.components||n:r(e.components),s.createElement(o.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
+"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[6949],{1928:(e,t,i)=>{i.d(t,{Ay:()=>l,RM:()=>d});var s=i(6070),n=i(1100),o=(i(758),i(6783)),r=i(7765);const a=e=>{let{ticket:t}=e;const i=`https://github.com/feature-sliced/documentation/issues/${t}`;return(0,s.jsxs)("div",{children:[(0,s.jsx)("p",{children:(0,r.T)({id:"shared.wip.title"})}),(0,s.jsx)("p",{children:(0,r.T)({id:"shared.wip.subtitle"})}),(0,s.jsxs)("ul",{children:[(0,s.jsxs)("li",{children:[(0,r.T)({id:"shared.wip.var.feedback.base"}),(0,s.jsx)(o.A,{to:i,children:(0,r.T)({id:"shared.wip.var.feedback.link"})})]}),(0,s.jsxs)("li",{children:[(0,r.T)({id:"shared.wip.var.material.base"}),(0,s.jsx)(o.A,{to:"https://t.me/feature_sliced",children:(0,r.T)({id:"shared.wip.var.material.link"})})]}),(0,s.jsxs)("li",{children:[(0,r.T)({id:"shared.wip.var.contribute.base"}),(0,s.jsx)(o.A,{to:"https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md",children:(0,r.T)({id:"shared.wip.var.contribute.link"})})]})]}),(0,s.jsx)("br",{}),(0,s.jsx)("p",{children:(0,s.jsx)("i",{children:"\ud83c\udf70 Stay tuned!"})})]})},d=[];function c(e){const t={admonition:"admonition",...(0,n.R)(),...e.components};return(0,s.jsx)(t.admonition,{title:"WIP",type:"caution",children:(0,s.jsx)(a,{ticket:e.ticket})})}function l(e={}){const{wrapper:t}={...(0,n.R)(),...e.components};return t?(0,s.jsx)(t,{...e,children:(0,s.jsx)(c,{...e})}):c(e)}},4089:(e,t,i)=>{i.r(t),i.d(t,{assets:()=>c,contentTitle:()=>a,default:()=>p,frontMatter:()=>r,metadata:()=>d,toc:()=>l});var s=i(6070),n=i(1100),o=i(1928);const r={sidebar_position:9,sidebar_class_name:"sidebar-item--wip",unlisted:!0},a="Monorepositories",d={id:"guides/examples/monorepo",title:"Monorepositories",description:"About applicability for mono repositories, about bff, about microapps",source:"@site/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/monorepo.mdx",sourceDirName:"guides/examples",slug:"/guides/examples/monorepo",permalink:"/kr/docs/guides/examples/monorepo",draft:!1,unlisted:!0,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/monorepo.mdx",tags:[],version:"current",lastUpdatedAt:1728325386e3,sidebarPosition:9,frontMatter:{sidebar_position:9,sidebar_class_name:"sidebar-item--wip",unlisted:!0},sidebar:"guidesSidebar"},c={},l=[...o.RM,{value:"See also",id:"see-also",level:2}];function u(e){const t={a:"a",blockquote:"blockquote",h1:"h1",h2:"h2",header:"header",li:"li",p:"p",ul:"ul",...(0,n.R)(),...e.components};return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(t.header,{children:(0,s.jsx)(t.h1,{id:"monorepositories",children:"Monorepositories"})}),"\n",(0,s.jsx)(o.Ay,{ticket:"221"}),"\n",(0,s.jsxs)(t.blockquote,{children:["\n",(0,s.jsx)(t.p,{children:"About applicability for mono repositories, about bff, about microapps"}),"\n"]}),"\n",(0,s.jsx)(t.h2,{id:"see-also",children:"See also"}),"\n",(0,s.jsxs)(t.ul,{children:["\n",(0,s.jsx)(t.li,{children:(0,s.jsx)(t.a,{href:"https://github.com/feature-sliced/documentation/discussions/50",children:"(Discussion) About mono repositories and plug-ins-packages"})}),"\n",(0,s.jsx)(t.li,{children:(0,s.jsx)(t.a,{href:"https://t.me/feature_sliced/2412",children:"(Thread) About the application for a mono repository"})}),"\n"]})]})}function p(e={}){const{wrapper:t}={...(0,n.R)(),...e.components};return t?(0,s.jsx)(t,{...e,children:(0,s.jsx)(u,{...e})}):u(e)}},1100:(e,t,i)=>{i.d(t,{R:()=>r,x:()=>a});var s=i(758);const n={},o=s.createContext(n);function r(e){const t=s.useContext(o);return s.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function a(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(n):e.components||n:r(e.components),s.createElement(o.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
diff --git a/kr/assets/js/e01c2047.ffc8dc25.js b/kr/assets/js/e01c2047.a85c5b5b.js
similarity index 98%
rename from kr/assets/js/e01c2047.ffc8dc25.js
rename to kr/assets/js/e01c2047.a85c5b5b.js
index 5de18e4d15..2a51b68bf3 100644
--- a/kr/assets/js/e01c2047.ffc8dc25.js
+++ b/kr/assets/js/e01c2047.a85c5b5b.js
@@ -1 +1 @@
-"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[1405],{7703:(e,n,t)=>{t.r(n),t.d(n,{assets:()=>a,contentTitle:()=>r,default:()=>u,frontMatter:()=>i,metadata:()=>d,toc:()=>l});var s=t(6070),o=t(1100);const i={sidebar_position:3,sidebar_label:"Knowledge types"},r="Knowledge types in the project",d={id:"about/understanding/knowledge-types",title:"Knowledge types in the project",description:'The following "types of knowledge" can be distinguished in any project:',source:"@site/i18n/en/docusaurus-plugin-content-docs/current/about/understanding/knowledge-types.md",sourceDirName:"about/understanding",slug:"/about/understanding/knowledge-types",permalink:"/kr/docs/about/understanding/knowledge-types",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/about/understanding/knowledge-types.md",tags:[],version:"current",lastUpdatedAt:1727607766e3,sidebarPosition:3,frontMatter:{sidebar_position:3,sidebar_label:"Knowledge types"},sidebar:"aboutSidebar",previous:{title:"Needs driven",permalink:"/kr/docs/about/understanding/needs-driven"},next:{title:"Naming",permalink:"/kr/docs/about/understanding/naming"}},a={},l=[{value:"See also",id:"see-also",level:2}];function c(e){const n={a:"a",admonition:"admonition",br:"br",h1:"h1",h2:"h2",header:"header",li:"li",p:"p",strong:"strong",ul:"ul",...(0,o.R)(),...e.components};return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(n.header,{children:(0,s.jsx)(n.h1,{id:"knowledge-types-in-the-project",children:"Knowledge types in the project"})}),"\n",(0,s.jsx)(n.p,{children:'The following "types of knowledge" can be distinguished in any project:'}),"\n",(0,s.jsxs)(n.ul,{children:["\n",(0,s.jsxs)(n.li,{children:["\n",(0,s.jsxs)(n.p,{children:[(0,s.jsx)(n.strong,{children:"Fundamental knowledge"}),(0,s.jsx)(n.br,{}),"\n","Knowledge that does not change much over time, such as algorithms, computer science, programming language mechanisms and its APIs."]}),"\n"]}),"\n",(0,s.jsxs)(n.li,{children:["\n",(0,s.jsxs)(n.p,{children:[(0,s.jsx)(n.strong,{children:"Technology stack"}),(0,s.jsx)(n.br,{}),"\n","Knowledge of the set of technical solutions used in a project, including programming languages, frameworks, and libraries."]}),"\n"]}),"\n",(0,s.jsxs)(n.li,{children:["\n",(0,s.jsxs)(n.p,{children:[(0,s.jsx)(n.strong,{children:"Project knowledge"}),(0,s.jsx)(n.br,{}),"\n","Knowledge that is specific to the current project and not valuable outside of it. This knowledge is essential for newly-onboarded developers to be able to contribute effectively."]}),"\n"]}),"\n"]}),"\n",(0,s.jsx)(n.admonition,{type:"note",children:(0,s.jsxs)(n.p,{children:[(0,s.jsx)(n.strong,{children:"Feature-Sliced Design"}),' is designed to reduce reliance on "project knowledge", take more responsibility, and make it easier to onboard new team members.']})}),"\n",(0,s.jsx)(n.h2,{id:"see-also",children:"See also"}),"\n",(0,s.jsxs)(n.ul,{children:["\n",(0,s.jsx)(n.li,{children:(0,s.jsx)(n.a,{href:"https://youtu.be/4xyb_tA-uw0?t=249",children:"(Video \ud83c\uddf7\ud83c\uddfa) Ilya Klimov - On Types of Knowledge"})}),"\n"]})]})}function u(e={}){const{wrapper:n}={...(0,o.R)(),...e.components};return n?(0,s.jsx)(n,{...e,children:(0,s.jsx)(c,{...e})}):c(e)}},1100:(e,n,t)=>{t.d(n,{R:()=>r,x:()=>d});var s=t(758);const o={},i=s.createContext(o);function r(e){const n=s.useContext(i);return s.useMemo((function(){return"function"==typeof e?e(n):{...n,...e}}),[n,e])}function d(e){let n;return n=e.disableParentContext?"function"==typeof e.components?e.components(o):e.components||o:r(e.components),s.createElement(i.Provider,{value:n},e.children)}}}]);
\ No newline at end of file
+"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[1405],{7703:(e,n,t)=>{t.r(n),t.d(n,{assets:()=>a,contentTitle:()=>r,default:()=>u,frontMatter:()=>i,metadata:()=>d,toc:()=>l});var s=t(6070),o=t(1100);const i={sidebar_position:3,sidebar_label:"Knowledge types"},r="Knowledge types in the project",d={id:"about/understanding/knowledge-types",title:"Knowledge types in the project",description:'The following "types of knowledge" can be distinguished in any project:',source:"@site/i18n/en/docusaurus-plugin-content-docs/current/about/understanding/knowledge-types.md",sourceDirName:"about/understanding",slug:"/about/understanding/knowledge-types",permalink:"/kr/docs/about/understanding/knowledge-types",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/about/understanding/knowledge-types.md",tags:[],version:"current",lastUpdatedAt:1728325386e3,sidebarPosition:3,frontMatter:{sidebar_position:3,sidebar_label:"Knowledge types"},sidebar:"aboutSidebar",previous:{title:"Needs driven",permalink:"/kr/docs/about/understanding/needs-driven"},next:{title:"Naming",permalink:"/kr/docs/about/understanding/naming"}},a={},l=[{value:"See also",id:"see-also",level:2}];function c(e){const n={a:"a",admonition:"admonition",br:"br",h1:"h1",h2:"h2",header:"header",li:"li",p:"p",strong:"strong",ul:"ul",...(0,o.R)(),...e.components};return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(n.header,{children:(0,s.jsx)(n.h1,{id:"knowledge-types-in-the-project",children:"Knowledge types in the project"})}),"\n",(0,s.jsx)(n.p,{children:'The following "types of knowledge" can be distinguished in any project:'}),"\n",(0,s.jsxs)(n.ul,{children:["\n",(0,s.jsxs)(n.li,{children:["\n",(0,s.jsxs)(n.p,{children:[(0,s.jsx)(n.strong,{children:"Fundamental knowledge"}),(0,s.jsx)(n.br,{}),"\n","Knowledge that does not change much over time, such as algorithms, computer science, programming language mechanisms and its APIs."]}),"\n"]}),"\n",(0,s.jsxs)(n.li,{children:["\n",(0,s.jsxs)(n.p,{children:[(0,s.jsx)(n.strong,{children:"Technology stack"}),(0,s.jsx)(n.br,{}),"\n","Knowledge of the set of technical solutions used in a project, including programming languages, frameworks, and libraries."]}),"\n"]}),"\n",(0,s.jsxs)(n.li,{children:["\n",(0,s.jsxs)(n.p,{children:[(0,s.jsx)(n.strong,{children:"Project knowledge"}),(0,s.jsx)(n.br,{}),"\n","Knowledge that is specific to the current project and not valuable outside of it. This knowledge is essential for newly-onboarded developers to be able to contribute effectively."]}),"\n"]}),"\n"]}),"\n",(0,s.jsx)(n.admonition,{type:"note",children:(0,s.jsxs)(n.p,{children:[(0,s.jsx)(n.strong,{children:"Feature-Sliced Design"}),' is designed to reduce reliance on "project knowledge", take more responsibility, and make it easier to onboard new team members.']})}),"\n",(0,s.jsx)(n.h2,{id:"see-also",children:"See also"}),"\n",(0,s.jsxs)(n.ul,{children:["\n",(0,s.jsx)(n.li,{children:(0,s.jsx)(n.a,{href:"https://youtu.be/4xyb_tA-uw0?t=249",children:"(Video \ud83c\uddf7\ud83c\uddfa) Ilya Klimov - On Types of Knowledge"})}),"\n"]})]})}function u(e={}){const{wrapper:n}={...(0,o.R)(),...e.components};return n?(0,s.jsx)(n,{...e,children:(0,s.jsx)(c,{...e})}):c(e)}},1100:(e,n,t)=>{t.d(n,{R:()=>r,x:()=>d});var s=t(758);const o={},i=s.createContext(o);function r(e){const n=s.useContext(i);return s.useMemo((function(){return"function"==typeof e?e(n):{...n,...e}}),[n,e])}function d(e){let n;return n=e.disableParentContext?"function"==typeof e.components?e.components(o):e.components||o:r(e.components),s.createElement(i.Provider,{value:n},e.children)}}}]);
\ No newline at end of file
diff --git a/kr/assets/js/e1003eab.3bb0ff00.js b/kr/assets/js/e1003eab.81da9868.js
similarity index 98%
rename from kr/assets/js/e1003eab.3bb0ff00.js
rename to kr/assets/js/e1003eab.81da9868.js
index 461c138767..4e639a8117 100644
--- a/kr/assets/js/e1003eab.3bb0ff00.js
+++ b/kr/assets/js/e1003eab.81da9868.js
@@ -1 +1 @@
-"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[9136],{1928:(e,t,i)=>{i.d(t,{Ay:()=>c,RM:()=>d});var s=i(6070),n=i(1100),r=(i(758),i(6783)),o=i(7765);const a=e=>{let{ticket:t}=e;const i=`https://github.com/feature-sliced/documentation/issues/${t}`;return(0,s.jsxs)("div",{children:[(0,s.jsx)("p",{children:(0,o.T)({id:"shared.wip.title"})}),(0,s.jsx)("p",{children:(0,o.T)({id:"shared.wip.subtitle"})}),(0,s.jsxs)("ul",{children:[(0,s.jsxs)("li",{children:[(0,o.T)({id:"shared.wip.var.feedback.base"}),(0,s.jsx)(r.A,{to:i,children:(0,o.T)({id:"shared.wip.var.feedback.link"})})]}),(0,s.jsxs)("li",{children:[(0,o.T)({id:"shared.wip.var.material.base"}),(0,s.jsx)(r.A,{to:"https://t.me/feature_sliced",children:(0,o.T)({id:"shared.wip.var.material.link"})})]}),(0,s.jsxs)("li",{children:[(0,o.T)({id:"shared.wip.var.contribute.base"}),(0,s.jsx)(r.A,{to:"https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md",children:(0,o.T)({id:"shared.wip.var.contribute.link"})})]})]}),(0,s.jsx)("br",{}),(0,s.jsx)("p",{children:(0,s.jsx)("i",{children:"\ud83c\udf70 Stay tuned!"})})]})},d=[];function l(e){const t={admonition:"admonition",...(0,n.R)(),...e.components};return(0,s.jsx)(t.admonition,{title:"WIP",type:"caution",children:(0,s.jsx)(a,{ticket:e.ticket})})}function c(e={}){const{wrapper:t}={...(0,n.R)(),...e.components};return t?(0,s.jsx)(t,{...e,children:(0,s.jsx)(l,{...e})}):l(e)}},8665:(e,t,i)=>{i.r(t),i.d(t,{assets:()=>l,contentTitle:()=>a,default:()=>h,frontMatter:()=>o,metadata:()=>d,toc:()=>c});var s=i(6070),n=i(1100),r=i(1928);const o={sidebar_position:3,sidebar_class_name:"sidebar-item--wip"},a="Routing",d={id:"guides/issues/routes",title:"Routing",description:"Situation",source:"@site/i18n/en/docusaurus-plugin-content-docs/current/guides/issues/routes.mdx",sourceDirName:"guides/issues",slug:"/guides/issues/routes",permalink:"/kr/docs/guides/issues/routes",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/guides/issues/routes.mdx",tags:[],version:"current",lastUpdatedAt:1727607766e3,sidebarPosition:3,frontMatter:{sidebar_position:3,sidebar_class_name:"sidebar-item--wip"},sidebar:"guidesSidebar",previous:{title:"Desegemented",permalink:"/kr/docs/guides/issues/desegmented"},next:{title:"Cross-imports",permalink:"/kr/docs/guides/issues/cross-imports"}},l={},c=[...r.RM,{value:"Situation",id:"situation",level:2},{value:"Problem",id:"problem",level:2},{value:"If you ignore it",id:"if-you-ignore-it",level:2},{value:"Solution",id:"solution",level:2},{value:"See also",id:"see-also",level:2}];function u(e){const t={a:"a",code:"code",h1:"h1",h2:"h2",header:"header",li:"li",p:"p",pre:"pre",ul:"ul",...(0,n.R)(),...e.components};return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(t.header,{children:(0,s.jsx)(t.h1,{id:"routing",children:"Routing"})}),"\n",(0,s.jsx)(r.Ay,{ticket:"169"}),"\n",(0,s.jsx)(t.h2,{id:"situation",children:"Situation"}),"\n",(0,s.jsx)(t.p,{children:"Urls to pages are hardcoded in the layers below pages"}),"\n",(0,s.jsx)(t.pre,{children:(0,s.jsx)(t.code,{className:"language-tsx",metastring:'title="entities/post/card"',children:"\n<Card>\n    <Card.Title \n        href={`/post/${data.id}`}\n        title={data.name}\n    />\n    ...\n</Card>\n"})}),"\n",(0,s.jsx)(t.h2,{id:"problem",children:"Problem"}),"\n",(0,s.jsx)(t.p,{children:"Urls are not concentrated in the page layer, where they belong according to the scope of responsibility"}),"\n",(0,s.jsx)(t.h2,{id:"if-you-ignore-it",children:"If you ignore it"}),"\n",(0,s.jsx)(t.p,{children:"Then, when changing urls, you will have to keep in mind that these urls (and the logic of urls/redirects) can be in all layers except pages"}),"\n",(0,s.jsx)(t.p,{children:"And it also means that now even a simple product card takes part of the responsibility from the pages, which smears the logic of the project"}),"\n",(0,s.jsx)(t.h2,{id:"solution",children:"Solution"}),"\n",(0,s.jsx)(t.p,{children:"Determine how to work with urls/redirects from the page level and above"}),"\n",(0,s.jsx)(t.p,{children:"Transfer to the layers below via composition/props/factories"}),"\n",(0,s.jsx)(t.h2,{id:"see-also",children:"See also"}),"\n",(0,s.jsxs)(t.ul,{children:["\n",(0,s.jsx)(t.li,{children:(0,s.jsx)(t.a,{href:"https://t.me/feature_sliced/4389",children:'(Thread) What if I "sew up" routing in entities/features/widgets'})}),"\n",(0,s.jsx)(t.li,{children:(0,s.jsx)(t.a,{href:"https://t.me/feature_sliced/3756",children:"(Thread) Why does it smear the logic of routes only in pages"})}),"\n"]})]})}function h(e={}){const{wrapper:t}={...(0,n.R)(),...e.components};return t?(0,s.jsx)(t,{...e,children:(0,s.jsx)(u,{...e})}):u(e)}},1100:(e,t,i)=>{i.d(t,{R:()=>o,x:()=>a});var s=i(758);const n={},r=s.createContext(n);function o(e){const t=s.useContext(r);return s.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function a(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(n):e.components||n:o(e.components),s.createElement(r.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
+"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[9136],{1928:(e,t,i)=>{i.d(t,{Ay:()=>c,RM:()=>d});var s=i(6070),n=i(1100),r=(i(758),i(6783)),o=i(7765);const a=e=>{let{ticket:t}=e;const i=`https://github.com/feature-sliced/documentation/issues/${t}`;return(0,s.jsxs)("div",{children:[(0,s.jsx)("p",{children:(0,o.T)({id:"shared.wip.title"})}),(0,s.jsx)("p",{children:(0,o.T)({id:"shared.wip.subtitle"})}),(0,s.jsxs)("ul",{children:[(0,s.jsxs)("li",{children:[(0,o.T)({id:"shared.wip.var.feedback.base"}),(0,s.jsx)(r.A,{to:i,children:(0,o.T)({id:"shared.wip.var.feedback.link"})})]}),(0,s.jsxs)("li",{children:[(0,o.T)({id:"shared.wip.var.material.base"}),(0,s.jsx)(r.A,{to:"https://t.me/feature_sliced",children:(0,o.T)({id:"shared.wip.var.material.link"})})]}),(0,s.jsxs)("li",{children:[(0,o.T)({id:"shared.wip.var.contribute.base"}),(0,s.jsx)(r.A,{to:"https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md",children:(0,o.T)({id:"shared.wip.var.contribute.link"})})]})]}),(0,s.jsx)("br",{}),(0,s.jsx)("p",{children:(0,s.jsx)("i",{children:"\ud83c\udf70 Stay tuned!"})})]})},d=[];function l(e){const t={admonition:"admonition",...(0,n.R)(),...e.components};return(0,s.jsx)(t.admonition,{title:"WIP",type:"caution",children:(0,s.jsx)(a,{ticket:e.ticket})})}function c(e={}){const{wrapper:t}={...(0,n.R)(),...e.components};return t?(0,s.jsx)(t,{...e,children:(0,s.jsx)(l,{...e})}):l(e)}},8665:(e,t,i)=>{i.r(t),i.d(t,{assets:()=>l,contentTitle:()=>a,default:()=>h,frontMatter:()=>o,metadata:()=>d,toc:()=>c});var s=i(6070),n=i(1100),r=i(1928);const o={sidebar_position:3,sidebar_class_name:"sidebar-item--wip"},a="Routing",d={id:"guides/issues/routes",title:"Routing",description:"Situation",source:"@site/i18n/en/docusaurus-plugin-content-docs/current/guides/issues/routes.mdx",sourceDirName:"guides/issues",slug:"/guides/issues/routes",permalink:"/kr/docs/guides/issues/routes",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/guides/issues/routes.mdx",tags:[],version:"current",lastUpdatedAt:1728325386e3,sidebarPosition:3,frontMatter:{sidebar_position:3,sidebar_class_name:"sidebar-item--wip"},sidebar:"guidesSidebar",previous:{title:"Desegemented",permalink:"/kr/docs/guides/issues/desegmented"},next:{title:"Cross-imports",permalink:"/kr/docs/guides/issues/cross-imports"}},l={},c=[...r.RM,{value:"Situation",id:"situation",level:2},{value:"Problem",id:"problem",level:2},{value:"If you ignore it",id:"if-you-ignore-it",level:2},{value:"Solution",id:"solution",level:2},{value:"See also",id:"see-also",level:2}];function u(e){const t={a:"a",code:"code",h1:"h1",h2:"h2",header:"header",li:"li",p:"p",pre:"pre",ul:"ul",...(0,n.R)(),...e.components};return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(t.header,{children:(0,s.jsx)(t.h1,{id:"routing",children:"Routing"})}),"\n",(0,s.jsx)(r.Ay,{ticket:"169"}),"\n",(0,s.jsx)(t.h2,{id:"situation",children:"Situation"}),"\n",(0,s.jsx)(t.p,{children:"Urls to pages are hardcoded in the layers below pages"}),"\n",(0,s.jsx)(t.pre,{children:(0,s.jsx)(t.code,{className:"language-tsx",metastring:'title="entities/post/card"',children:"\n<Card>\n    <Card.Title \n        href={`/post/${data.id}`}\n        title={data.name}\n    />\n    ...\n</Card>\n"})}),"\n",(0,s.jsx)(t.h2,{id:"problem",children:"Problem"}),"\n",(0,s.jsx)(t.p,{children:"Urls are not concentrated in the page layer, where they belong according to the scope of responsibility"}),"\n",(0,s.jsx)(t.h2,{id:"if-you-ignore-it",children:"If you ignore it"}),"\n",(0,s.jsx)(t.p,{children:"Then, when changing urls, you will have to keep in mind that these urls (and the logic of urls/redirects) can be in all layers except pages"}),"\n",(0,s.jsx)(t.p,{children:"And it also means that now even a simple product card takes part of the responsibility from the pages, which smears the logic of the project"}),"\n",(0,s.jsx)(t.h2,{id:"solution",children:"Solution"}),"\n",(0,s.jsx)(t.p,{children:"Determine how to work with urls/redirects from the page level and above"}),"\n",(0,s.jsx)(t.p,{children:"Transfer to the layers below via composition/props/factories"}),"\n",(0,s.jsx)(t.h2,{id:"see-also",children:"See also"}),"\n",(0,s.jsxs)(t.ul,{children:["\n",(0,s.jsx)(t.li,{children:(0,s.jsx)(t.a,{href:"https://t.me/feature_sliced/4389",children:'(Thread) What if I "sew up" routing in entities/features/widgets'})}),"\n",(0,s.jsx)(t.li,{children:(0,s.jsx)(t.a,{href:"https://t.me/feature_sliced/3756",children:"(Thread) Why does it smear the logic of routes only in pages"})}),"\n"]})]})}function h(e={}){const{wrapper:t}={...(0,n.R)(),...e.components};return t?(0,s.jsx)(t,{...e,children:(0,s.jsx)(u,{...e})}):u(e)}},1100:(e,t,i)=>{i.d(t,{R:()=>o,x:()=>a});var s=i(758);const n={},r=s.createContext(n);function o(e){const t=s.useContext(r);return s.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function a(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(n):e.components||n:o(e.components),s.createElement(r.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
diff --git a/kr/assets/js/e1c0d304.cd698f00.js b/kr/assets/js/e1c0d304.c2b4ef10.js
similarity index 98%
rename from kr/assets/js/e1c0d304.cd698f00.js
rename to kr/assets/js/e1c0d304.c2b4ef10.js
index 19310c89b4..e80083bb1c 100644
--- a/kr/assets/js/e1c0d304.cd698f00.js
+++ b/kr/assets/js/e1c0d304.c2b4ef10.js
@@ -1 +1 @@
-"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[9867],{1928:(e,t,n)=>{n.d(t,{Ay:()=>l,RM:()=>c});var s=n(6070),i=n(1100),r=(n(758),n(6783)),a=n(7765);const o=e=>{let{ticket:t}=e;const n=`https://github.com/feature-sliced/documentation/issues/${t}`;return(0,s.jsxs)("div",{children:[(0,s.jsx)("p",{children:(0,a.T)({id:"shared.wip.title"})}),(0,s.jsx)("p",{children:(0,a.T)({id:"shared.wip.subtitle"})}),(0,s.jsxs)("ul",{children:[(0,s.jsxs)("li",{children:[(0,a.T)({id:"shared.wip.var.feedback.base"}),(0,s.jsx)(r.A,{to:n,children:(0,a.T)({id:"shared.wip.var.feedback.link"})})]}),(0,s.jsxs)("li",{children:[(0,a.T)({id:"shared.wip.var.material.base"}),(0,s.jsx)(r.A,{to:"https://t.me/feature_sliced",children:(0,a.T)({id:"shared.wip.var.material.link"})})]}),(0,s.jsxs)("li",{children:[(0,a.T)({id:"shared.wip.var.contribute.base"}),(0,s.jsx)(r.A,{to:"https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md",children:(0,a.T)({id:"shared.wip.var.contribute.link"})})]})]}),(0,s.jsx)("br",{}),(0,s.jsx)("p",{children:(0,s.jsx)("i",{children:"\ud83c\udf70 Stay tuned!"})})]})},c=[];function d(e){const t={admonition:"admonition",...(0,i.R)(),...e.components};return(0,s.jsx)(t.admonition,{title:"WIP",type:"caution",children:(0,s.jsx)(o,{ticket:e.ticket})})}function l(e={}){const{wrapper:t}={...(0,i.R)(),...e.components};return t?(0,s.jsx)(t,{...e,children:(0,s.jsx)(d,{...e})}):d(e)}},3870:(e,t,n)=>{n.r(t),n.d(t,{assets:()=>d,contentTitle:()=>o,default:()=>h,frontMatter:()=>a,metadata:()=>c,toc:()=>l});var s=n(6070),i=n(1100),r=n(1928);const a={sidebar_position:6,sidebar_class_name:"sidebar-item--wip"},o="Abstractions",c={id:"about/understanding/abstractions",title:"Abstractions",description:"The law of leaky abstractions",source:"@site/i18n/en/docusaurus-plugin-content-docs/current/about/understanding/abstractions.mdx",sourceDirName:"about/understanding",slug:"/about/understanding/abstractions",permalink:"/kr/docs/about/understanding/abstractions",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/about/understanding/abstractions.mdx",tags:[],version:"current",lastUpdatedAt:1727607766e3,sidebarPosition:6,frontMatter:{sidebar_position:6,sidebar_class_name:"sidebar-item--wip"},sidebar:"aboutSidebar",previous:{title:"Signals of architecture",permalink:"/kr/docs/about/understanding/signals"},next:{title:"Integration aspects",permalink:"/kr/docs/about/promote/integration"}},d={},l=[...r.RM,{value:"The law of leaky abstractions",id:"the-law-of-leaky-abstractions",level:2},{value:"Why are there so many abstractions",id:"why-are-there-so-many-abstractions",level:2},{value:"About scopes of responsibility",id:"about-scopes-of-responsibility",level:2},{value:"See also",id:"see-also",level:2}];function u(e){const t={a:"a",blockquote:"blockquote",h1:"h1",h2:"h2",header:"header",li:"li",p:"p",ul:"ul",...(0,i.R)(),...e.components};return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(t.header,{children:(0,s.jsx)(t.h1,{id:"abstractions",children:"Abstractions"})}),"\n",(0,s.jsx)(r.Ay,{ticket:"186"}),"\n",(0,s.jsx)(t.h2,{id:"the-law-of-leaky-abstractions",children:"The law of leaky abstractions"}),"\n",(0,s.jsx)(t.h2,{id:"why-are-there-so-many-abstractions",children:"Why are there so many abstractions"}),"\n",(0,s.jsxs)(t.blockquote,{children:["\n",(0,s.jsx)(t.p,{children:"Abstractions help to cope with the complexity of the project. The question is - will these abstractions be specific only for this project, or will we try to derive general abstractions based on the specifics of the frontend"}),"\n"]}),"\n",(0,s.jsxs)(t.blockquote,{children:["\n",(0,s.jsx)(t.p,{children:"Architecture and applications in general are inherently complex, and the only question is how to better distribute and describe this complexity"}),"\n"]}),"\n",(0,s.jsx)(t.h2,{id:"about-scopes-of-responsibility",children:"About scopes of responsibility"}),"\n",(0,s.jsxs)(t.blockquote,{children:["\n",(0,s.jsx)(t.p,{children:"About optional abstractions"}),"\n"]}),"\n",(0,s.jsx)(t.h2,{id:"see-also",children:"See also"}),"\n",(0,s.jsxs)(t.ul,{children:["\n",(0,s.jsx)(t.li,{children:(0,s.jsx)(t.a,{href:"https://t.me/feature_sliced/2801",children:"About the need for new layers"})}),"\n",(0,s.jsx)(t.li,{children:(0,s.jsx)(t.a,{href:"https://t.me/feature_sliced/2619",children:"About the difficulty in understanding the methodology and layers"})}),"\n"]})]})}function h(e={}){const{wrapper:t}={...(0,i.R)(),...e.components};return t?(0,s.jsx)(t,{...e,children:(0,s.jsx)(u,{...e})}):u(e)}},1100:(e,t,n)=>{n.d(t,{R:()=>a,x:()=>o});var s=n(758);const i={},r=s.createContext(i);function a(e){const t=s.useContext(r);return s.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function o(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(i):e.components||i:a(e.components),s.createElement(r.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
+"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[9867],{1928:(e,t,n)=>{n.d(t,{Ay:()=>l,RM:()=>c});var s=n(6070),i=n(1100),r=(n(758),n(6783)),a=n(7765);const o=e=>{let{ticket:t}=e;const n=`https://github.com/feature-sliced/documentation/issues/${t}`;return(0,s.jsxs)("div",{children:[(0,s.jsx)("p",{children:(0,a.T)({id:"shared.wip.title"})}),(0,s.jsx)("p",{children:(0,a.T)({id:"shared.wip.subtitle"})}),(0,s.jsxs)("ul",{children:[(0,s.jsxs)("li",{children:[(0,a.T)({id:"shared.wip.var.feedback.base"}),(0,s.jsx)(r.A,{to:n,children:(0,a.T)({id:"shared.wip.var.feedback.link"})})]}),(0,s.jsxs)("li",{children:[(0,a.T)({id:"shared.wip.var.material.base"}),(0,s.jsx)(r.A,{to:"https://t.me/feature_sliced",children:(0,a.T)({id:"shared.wip.var.material.link"})})]}),(0,s.jsxs)("li",{children:[(0,a.T)({id:"shared.wip.var.contribute.base"}),(0,s.jsx)(r.A,{to:"https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md",children:(0,a.T)({id:"shared.wip.var.contribute.link"})})]})]}),(0,s.jsx)("br",{}),(0,s.jsx)("p",{children:(0,s.jsx)("i",{children:"\ud83c\udf70 Stay tuned!"})})]})},c=[];function d(e){const t={admonition:"admonition",...(0,i.R)(),...e.components};return(0,s.jsx)(t.admonition,{title:"WIP",type:"caution",children:(0,s.jsx)(o,{ticket:e.ticket})})}function l(e={}){const{wrapper:t}={...(0,i.R)(),...e.components};return t?(0,s.jsx)(t,{...e,children:(0,s.jsx)(d,{...e})}):d(e)}},3870:(e,t,n)=>{n.r(t),n.d(t,{assets:()=>d,contentTitle:()=>o,default:()=>h,frontMatter:()=>a,metadata:()=>c,toc:()=>l});var s=n(6070),i=n(1100),r=n(1928);const a={sidebar_position:6,sidebar_class_name:"sidebar-item--wip"},o="Abstractions",c={id:"about/understanding/abstractions",title:"Abstractions",description:"The law of leaky abstractions",source:"@site/i18n/en/docusaurus-plugin-content-docs/current/about/understanding/abstractions.mdx",sourceDirName:"about/understanding",slug:"/about/understanding/abstractions",permalink:"/kr/docs/about/understanding/abstractions",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/about/understanding/abstractions.mdx",tags:[],version:"current",lastUpdatedAt:1728325386e3,sidebarPosition:6,frontMatter:{sidebar_position:6,sidebar_class_name:"sidebar-item--wip"},sidebar:"aboutSidebar",previous:{title:"Signals of architecture",permalink:"/kr/docs/about/understanding/signals"},next:{title:"Integration aspects",permalink:"/kr/docs/about/promote/integration"}},d={},l=[...r.RM,{value:"The law of leaky abstractions",id:"the-law-of-leaky-abstractions",level:2},{value:"Why are there so many abstractions",id:"why-are-there-so-many-abstractions",level:2},{value:"About scopes of responsibility",id:"about-scopes-of-responsibility",level:2},{value:"See also",id:"see-also",level:2}];function u(e){const t={a:"a",blockquote:"blockquote",h1:"h1",h2:"h2",header:"header",li:"li",p:"p",ul:"ul",...(0,i.R)(),...e.components};return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(t.header,{children:(0,s.jsx)(t.h1,{id:"abstractions",children:"Abstractions"})}),"\n",(0,s.jsx)(r.Ay,{ticket:"186"}),"\n",(0,s.jsx)(t.h2,{id:"the-law-of-leaky-abstractions",children:"The law of leaky abstractions"}),"\n",(0,s.jsx)(t.h2,{id:"why-are-there-so-many-abstractions",children:"Why are there so many abstractions"}),"\n",(0,s.jsxs)(t.blockquote,{children:["\n",(0,s.jsx)(t.p,{children:"Abstractions help to cope with the complexity of the project. The question is - will these abstractions be specific only for this project, or will we try to derive general abstractions based on the specifics of the frontend"}),"\n"]}),"\n",(0,s.jsxs)(t.blockquote,{children:["\n",(0,s.jsx)(t.p,{children:"Architecture and applications in general are inherently complex, and the only question is how to better distribute and describe this complexity"}),"\n"]}),"\n",(0,s.jsx)(t.h2,{id:"about-scopes-of-responsibility",children:"About scopes of responsibility"}),"\n",(0,s.jsxs)(t.blockquote,{children:["\n",(0,s.jsx)(t.p,{children:"About optional abstractions"}),"\n"]}),"\n",(0,s.jsx)(t.h2,{id:"see-also",children:"See also"}),"\n",(0,s.jsxs)(t.ul,{children:["\n",(0,s.jsx)(t.li,{children:(0,s.jsx)(t.a,{href:"https://t.me/feature_sliced/2801",children:"About the need for new layers"})}),"\n",(0,s.jsx)(t.li,{children:(0,s.jsx)(t.a,{href:"https://t.me/feature_sliced/2619",children:"About the difficulty in understanding the methodology and layers"})}),"\n"]})]})}function h(e={}){const{wrapper:t}={...(0,i.R)(),...e.components};return t?(0,s.jsx)(t,{...e,children:(0,s.jsx)(u,{...e})}):u(e)}},1100:(e,t,n)=>{n.d(t,{R:()=>a,x:()=>o});var s=n(758);const i={},r=s.createContext(i);function a(e){const t=s.useContext(r);return s.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function o(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(i):e.components||i:a(e.components),s.createElement(r.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
diff --git a/kr/assets/js/e325b37e.fa3acbe3.js b/kr/assets/js/e325b37e.fa3acbe3.js
new file mode 100644
index 0000000000..335e806c8c
--- /dev/null
+++ b/kr/assets/js/e325b37e.fa3acbe3.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[8665],{9223:e=>{e.exports=JSON.parse('{"version":{"pluginId":"default","version":"current","label":"v2.0.0 \ud83c\udf70","banner":null,"badge":false,"noIndex":false,"className":"docs-version-current","isLast":true,"docsSidebars":{"getstartedSidebar":[{"type":"category","label":"\ud83d\ude80  Get Started","items":[{"type":"link","label":"\ub458\ub7ec\ubcf4\uae30","href":"/kr/docs/get-started/overview","docId":"get-started/overview","unlisted":false},{"type":"link","label":"\ud29c\ud1a0\ub9ac\uc5bc","href":"/kr/docs/get-started/tutorial","docId":"get-started/tutorial","unlisted":false},{"type":"link","label":"FAQ","href":"/kr/docs/get-started/faq","docId":"get-started/faq","unlisted":false},{"type":"link","label":"Decomposition cheatsheet","href":"/kr/docs/get-started/cheatsheet","docId":"get-started/cheatsheet","unlisted":true}],"collapsible":false,"collapsed":false,"href":"/kr/docs/get-started/"}],"guidesSidebar":[{"type":"category","label":"\ud83c\udfaf  Guides","items":[{"type":"category","label":"Examples","collapsible":true,"collapsed":true,"items":[{"type":"link","label":"Authentication","href":"/kr/docs/guides/examples/auth","docId":"guides/examples/auth","unlisted":false},{"type":"link","label":"Types","href":"/kr/docs/guides/examples/types","docId":"guides/examples/types","unlisted":false},{"type":"link","label":"Page layouts","href":"/kr/docs/guides/examples/page-layout","docId":"guides/examples/page-layout","unlisted":false},{"type":"link","label":"Theme","href":"/kr/docs/guides/examples/theme","className":"sidebar-item--wip","docId":"guides/examples/theme","unlisted":true},{"type":"link","label":"Autocomplete","href":"/kr/docs/guides/examples/autocompleted","className":"sidebar-item--wip","docId":"guides/examples/autocompleted","unlisted":true},{"type":"link","label":"i18n","href":"/kr/docs/guides/examples/i18n","className":"sidebar-item--wip","docId":"guides/examples/i18n","unlisted":true},{"type":"link","label":"White Labels","href":"/kr/docs/guides/examples/white-labels","className":"sidebar-item--wip","docId":"guides/examples/white-labels","unlisted":true},{"type":"link","label":"Monorepositories","href":"/kr/docs/guides/examples/monorepo","className":"sidebar-item--wip","docId":"guides/examples/monorepo","unlisted":true},{"type":"link","label":"Browser API","href":"/kr/docs/guides/examples/browser-api","className":"sidebar-item--wip","docId":"guides/examples/browser-api","unlisted":true},{"type":"link","label":"CMS","href":"/kr/docs/guides/examples/cms","className":"sidebar-item--wip","docId":"guides/examples/cms","unlisted":true},{"type":"link","label":"Feedback","href":"/kr/docs/guides/examples/feedback","className":"sidebar-item--wip","docId":"guides/examples/feedback","unlisted":true},{"type":"link","label":"Metric","href":"/kr/docs/guides/examples/metric","className":"sidebar-item--wip","docId":"guides/examples/metric","unlisted":true},{"type":"link","label":"Desktop/Touch platforms","href":"/kr/docs/guides/examples/platforms","className":"sidebar-item--wip","docId":"guides/examples/platforms","unlisted":true},{"type":"link","label":"SSR","href":"/kr/docs/guides/examples/ssr","className":"sidebar-item--wip","docId":"guides/examples/ssr","unlisted":true}],"href":"/kr/docs/guides/examples/"},{"type":"category","label":"Migration","collapsible":true,"collapsed":true,"items":[{"type":"link","label":"From a custom architecture","href":"/kr/docs/guides/migration/from-custom","docId":"guides/migration/from-custom","unlisted":false},{"type":"link","label":"Migration from v1","href":"/kr/docs/guides/migration/from-v1","docId":"guides/migration/from-v1","unlisted":false}]},{"type":"category","label":"Tech","collapsible":true,"collapsed":true,"items":[{"type":"link","label":"Usage with NextJS","href":"/kr/docs/guides/tech/with-nextjs","docId":"guides/tech/with-nextjs","unlisted":false},{"type":"link","label":"Usage with NuxtJS","href":"/kr/docs/guides/tech/with-nuxtjs","docId":"guides/tech/with-nuxtjs","unlisted":false},{"type":"link","label":"Usage with React Query","href":"/kr/docs/guides/tech/with-react-query","docId":"guides/tech/with-react-query","unlisted":false},{"type":"link","label":"Usage with SvelteKit","href":"/kr/docs/guides/tech/with-sveltekit","docId":"guides/tech/with-sveltekit","unlisted":false}]},{"type":"category","label":"Code smells & Issues","collapsible":true,"collapsed":true,"items":[{"type":"link","label":"Desegemented","href":"/kr/docs/guides/issues/desegmented","className":"sidebar-item--wip","docId":"guides/issues/desegmented","unlisted":false},{"type":"link","label":"Routing","href":"/kr/docs/guides/issues/routes","className":"sidebar-item--wip","docId":"guides/issues/routes","unlisted":false},{"type":"link","label":"Cross-imports","href":"/kr/docs/guides/issues/cross-imports","className":"sidebar-item--wip","docId":"guides/issues/cross-imports","unlisted":false}]}],"collapsible":false,"collapsed":false,"href":"/kr/docs/guides/"}],"referenceSidebar":[{"type":"category","label":"\ud83d\udcda  Reference","items":[{"type":"link","label":"Layers","href":"/kr/docs/reference/layers","docId":"reference/layers","unlisted":false},{"type":"link","label":"Slices and segments","href":"/kr/docs/reference/slices-segments","docId":"reference/slices-segments","unlisted":false},{"type":"link","label":"Public API","href":"/kr/docs/reference/public-api","docId":"reference/public-api","unlisted":false},{"type":"category","label":"Isolation","collapsible":true,"collapsed":true,"items":[{"type":"link","label":"Low Coupling & High Cohesion","href":"/kr/docs/reference/isolation/coupling-cohesion","docId":"reference/isolation/coupling-cohesion","unlisted":false},{"type":"link","label":"Decouple entities","href":"/kr/docs/reference/isolation/decouple-entities","className":"sidebar-item--wip","docId":"reference/isolation/decouple-entities","unlisted":false}],"href":"/kr/docs/reference/isolation/"}],"collapsible":false,"collapsed":false,"href":"/kr/docs/reference/"}],"aboutSidebar":[{"type":"category","label":"\ud83c\udf70  About","items":[{"type":"link","label":"Mission","href":"/kr/docs/about/mission","docId":"about/mission","unlisted":false},{"type":"link","label":"Motivation","href":"/kr/docs/about/motivation","docId":"about/motivation","unlisted":false},{"type":"link","label":"Alternatives","href":"/kr/docs/about/alternatives","className":"sidebar-item--wip","docId":"about/alternatives","unlisted":false},{"type":"category","label":"Understanding","collapsible":true,"collapsed":true,"items":[{"type":"link","label":"About architecture","href":"/kr/docs/about/understanding/architecture","docId":"about/understanding/architecture","unlisted":false},{"type":"link","label":"Needs driven","href":"/kr/docs/about/understanding/needs-driven","docId":"about/understanding/needs-driven","unlisted":false},{"type":"link","label":"Knowledge types","href":"/kr/docs/about/understanding/knowledge-types","docId":"about/understanding/knowledge-types","unlisted":false},{"type":"link","label":"Naming","href":"/kr/docs/about/understanding/naming","docId":"about/understanding/naming","unlisted":false},{"type":"link","label":"Signals of architecture","href":"/kr/docs/about/understanding/signals","className":"sidebar-item--wip","docId":"about/understanding/signals","unlisted":false},{"type":"link","label":"Abstractions","href":"/kr/docs/about/understanding/abstractions","className":"sidebar-item--wip","docId":"about/understanding/abstractions","unlisted":false}]},{"type":"category","label":"Promote","collapsible":true,"collapsed":true,"items":[{"type":"link","label":"Integration aspects","href":"/kr/docs/about/promote/integration","docId":"about/promote/integration","unlisted":false},{"type":"link","label":"Partial Application","href":"/kr/docs/about/promote/partial-application","className":"sidebar-item--wip","docId":"about/promote/partial-application","unlisted":false},{"type":"link","label":"Promote in team","href":"/kr/docs/about/promote/for-team","className":"sidebar-item--wip","docId":"about/promote/for-team","unlisted":false},{"type":"link","label":"Promote in company","href":"/kr/docs/about/promote/for-company","className":"sidebar-item--wip","docId":"about/promote/for-company","unlisted":false}]}],"collapsible":false,"collapsed":false,"href":"/kr/docs/about/"}]},"docs":{"about/alternatives":{"id":"about/alternatives","title":"Alternatives","description":"History of architecture approaches","sidebar":"aboutSidebar"},"about/index":{"id":"about/index","title":"\ud83c\udf70 About","description":"BACKGROUND-ORIENTED","sidebar":"aboutSidebar"},"about/mission":{"id":"about/mission","title":"Mission","description":"Here we describe the goals and limitations of the applicability of the methodology-which we are guided by when developing the methodology","sidebar":"aboutSidebar"},"about/motivation":{"id":"about/motivation","title":"Motivation","description":"The main idea of Feature-Sliced Design is to facilitate and reduce the cost of developing complex and developing projects, based on combining research results, discussing the experience of various kinds of a wide range of developers.","sidebar":"aboutSidebar"},"about/promote/for-company":{"id":"about/promote/for-company","title":"Promote in company","description":"Do the project and the company need a methodology?","sidebar":"aboutSidebar"},"about/promote/for-team":{"id":"about/promote/for-team","title":"Promote in team","description":"- Onboard newcomers","sidebar":"aboutSidebar"},"about/promote/integration":{"id":"about/promote/integration","title":"Integration aspects","description":"Summary","sidebar":"aboutSidebar"},"about/promote/partial-application":{"id":"about/promote/partial-application","title":"Partial Application","description":"How to partially apply the methodology? Does it make sense? What if I ignore it?","sidebar":"aboutSidebar"},"about/understanding/abstractions":{"id":"about/understanding/abstractions","title":"Abstractions","description":"The law of leaky abstractions","sidebar":"aboutSidebar"},"about/understanding/architecture":{"id":"about/understanding/architecture","title":"About architecture","description":"Problems","sidebar":"aboutSidebar"},"about/understanding/knowledge-types":{"id":"about/understanding/knowledge-types","title":"Knowledge types in the project","description":"The following \\"types of knowledge\\" can be distinguished in any project:","sidebar":"aboutSidebar"},"about/understanding/naming":{"id":"about/understanding/naming","title":"Naming","description":"Different developers have different experiences and contexts, which can lead to misunderstandings on the team when the same entities are called differently. For example:","sidebar":"aboutSidebar"},"about/understanding/needs-driven":{"id":"about/understanding/needs-driven","title":"Needs driven","description":"\u2014 Can\'t you formulate the goal that the new feature will solve? Or maybe the problem is that the task itself is not formulated? **The point is also that the methodology helps to pull out the problematic definition of tasks and goals**","sidebar":"aboutSidebar"},"about/understanding/signals":{"id":"about/understanding/signals","title":"Signals of architecture","description":"If there is a limitation on the part of the architecture, then there are obvious reasons for this, and consequences if they are ignored","sidebar":"aboutSidebar"},"branding":{"id":"branding","title":"Branding Guidelines","description":"FSD\'s visual identity is based on its core-concepts: Layered, Sliced self-contained parts, Parts & Compose, Segmented."},"get-started/cheatsheet":{"id":"get-started/cheatsheet","title":"Decomposition cheatsheet","description":"Use this as a quick reference when you\'re deciding how to decompose your UI. PDF versions are also available below, so you can print it out and keep one under your pillow.","sidebar":"getstartedSidebar"},"get-started/faq":{"id":"get-started/faq","title":"FAQ","description":"\uc5ec\ub7ec\ubd84\uc740 Telegram chat, Discord community \uadf8\ub9ac\uace0 GitHub Discussions\uc5d0\uc11c \uc9c8\ubb38\uc744 \ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.","sidebar":"getstartedSidebar"},"get-started/index":{"id":"get-started/index","title":"\ud83d\ude80 Get Started","description":"\ud658\uc601\ud569\ub2c8\ub2e4! \uc774 \uc139\uc158\uc740 Feature-Sliced Design\uc758 \uc801\uc6a9\uacfc \ubc29\ubc95\ub860\uc758 \uae30\ubcf8\uc744 \uc775\ud788\ub294 \ub370 \ub3c4\uc6c0\uc744 \uc90d\ub2c8\ub2e4. \ub610\ud55c \uc774 \ubc29\ubc95\ub860\uc758 \uc8fc\uc694 \uc7a5\uc810\uacfc \uadf8\uac83\uc774 \ub9cc\ub4e4\uc5b4\uc9c4 \uc774\uc720\ub97c \uc774\ud574\ud558\uac8c \ub420 \uac83\uc785\ub2c8\ub2e4.","sidebar":"getstartedSidebar"},"get-started/overview":{"id":"get-started/overview","title":"\ub458\ub7ec\ubcf4\uae30","description":"Feature-Sliced Design (FSD)\ub294 \ud504\ub860\ud2b8\uc5d4\ub4dc \uc560\ud50c\ub9ac\ucf00\uc774\uc158\uc758 \uad6c\uc870\ub97c \uc7a1\ub294 \uc544\ud0a4\ud14d\ucc98 \ubc29\ubc95\ub860\uc785\ub2c8\ub2e4. \uac04\ub2e8\ud788 \ub9d0\ud574, \ucf54\ub4dc \uad6c\uc131\uc5d0 \uad00\ud55c \uaddc\uce59\uacfc \uad00\ub840\ub97c \ubaa8\uc544\ub193\uc740 \uac83\uc785\ub2c8\ub2e4. \uc774 \ubc29\ubc95\ub860\uc758 \uc8fc\uc694 \ubaa9\uc801\uc740 \uacc4\uc18d \ubcc0\ud654\ud558\ub294 \ube44\uc988\ub2c8\uc2a4 \uc694\uad6c\uc0ac\ud56d\uc5d0 \uc9c1\uba74\ud588\uc744 \ub54c \ud504\ub85c\uc81d\ud2b8\ub97c \ub354 \uc774\ud574\ud558\uae30 \uc27d\uace0 \uc548\uc815\uc801\uc73c\ub85c \ub9cc\ub4dc\ub294 \uac83\uc785\ub2c8\ub2e4.","sidebar":"getstartedSidebar"},"get-started/tutorial":{"id":"get-started/tutorial","title":"\ud29c\ud1a0\ub9ac\uc5bc","description":"Part 1. \uc124\uacc4","sidebar":"getstartedSidebar"},"guides/examples/auth":{"id":"guides/examples/auth","title":"Authentication","description":"Broadly, authentication consists of the following steps:","sidebar":"guidesSidebar"},"guides/examples/autocompleted":{"id":"guides/examples/autocompleted","title":"Autocomplete","description":"About decomposition by layers","sidebar":"guidesSidebar"},"guides/examples/browser-api":{"id":"guides/examples/browser-api","title":"Browser API","description":"About working with the Browser API: localStorage, audio Api, bluetooth API, etc.","sidebar":"guidesSidebar"},"guides/examples/cms":{"id":"guides/examples/cms","title":"CMS","description":"Features may be different","sidebar":"guidesSidebar"},"guides/examples/feedback":{"id":"guides/examples/feedback","title":"Feedback","description":"Errors, Alerts, Notifications, ...","sidebar":"guidesSidebar"},"guides/examples/i18n":{"id":"guides/examples/i18n","title":"i18n","description":"Where to place it? How to work with this?","sidebar":"guidesSidebar"},"guides/examples/index":{"id":"guides/examples/index","title":"Examples","description":"Small practical examples of the methodology application","sidebar":"guidesSidebar"},"guides/examples/metric":{"id":"guides/examples/metric","title":"Metric","description":"About ways to initialize metrics in the application","sidebar":"guidesSidebar"},"guides/examples/monorepo":{"id":"guides/examples/monorepo","title":"Monorepositories","description":"About applicability for mono repositories, about bff, about microapps","sidebar":"guidesSidebar"},"guides/examples/page-layout":{"id":"guides/examples/page-layout","title":"Page layouts","description":"This guide examines the abstraction of a page layout \u2014 when several pages share the same overall structure, and differ only in the main content.","sidebar":"guidesSidebar"},"guides/examples/platforms":{"id":"guides/examples/platforms","title":"Desktop/Touch platforms","description":"About the application of the methodology for desktop/touch","sidebar":"guidesSidebar"},"guides/examples/ssr":{"id":"guides/examples/ssr","title":"SSR","description":"About the implementation of SSR using the methodology","sidebar":"guidesSidebar"},"guides/examples/theme":{"id":"guides/examples/theme","title":"Theme","description":"Where should I put my work with the theme and palette?","sidebar":"guidesSidebar"},"guides/examples/types":{"id":"guides/examples/types","title":"Types","description":"This guide concerns data types from typed languages like TypeScript and describes where they fit within FSD.","sidebar":"guidesSidebar"},"guides/examples/white-labels":{"id":"guides/examples/white-labels","title":"White Labels","description":"Figma, brand uikit, templates, adaptability to brands","sidebar":"guidesSidebar"},"guides/index":{"id":"guides/index","title":"\ud83c\udfaf Guides","description":"PRACTICE-ORIENTED","sidebar":"guidesSidebar"},"guides/issues/cross-imports":{"id":"guides/issues/cross-imports","title":"Cross-imports","description":"Cross-imports appear when the layer or abstraction begins to take too much responsibility than it should. That is why the methodology identifies new layers that allow you to uncouple these cross-imports","sidebar":"guidesSidebar"},"guides/issues/desegmented":{"id":"guides/issues/desegmented","title":"Desegemented","description":"Situation","sidebar":"guidesSidebar"},"guides/issues/routes":{"id":"guides/issues/routes","title":"Routing","description":"Situation","sidebar":"guidesSidebar"},"guides/migration/from-custom":{"id":"guides/migration/from-custom","title":"Migration from a custom architecture","description":"This guide describes an approach that might be helpful when migrating from a custom self-made architecture to Feature-Sliced Design.","sidebar":"guidesSidebar"},"guides/migration/from-v1":{"id":"guides/migration/from-v1","title":"Migration from v1","description":"Why v2?","sidebar":"guidesSidebar"},"guides/tech/with-nextjs":{"id":"guides/tech/with-nextjs","title":"Usage with NextJS","description":"It is possible to implement FSD in a NextJS project, but conflicts arise due to differences between the requirements for the NextJS project structure and the principles of FSD in two points:","sidebar":"guidesSidebar"},"guides/tech/with-nuxtjs":{"id":"guides/tech/with-nuxtjs","title":"Usage with NuxtJS","description":"It is possible to implement FSD in a NuxtJS project, but conflicts arise due to the differences between NuxtJS project structure requirements and FSD principles:","sidebar":"guidesSidebar"},"guides/tech/with-react-query":{"id":"guides/tech/with-react-query","title":"Usage with React Query","description":"The problem of \u201cwhere to put the keys\u201d","sidebar":"guidesSidebar"},"guides/tech/with-sveltekit":{"id":"guides/tech/with-sveltekit","title":"Usage with SvelteKit","description":"It is possible to implement FSD in a SvelteKit project, but conflicts arise due to the differences between the structure requirements of a SvelteKit project and the principles of FSD:","sidebar":"guidesSidebar"},"intro":{"id":"intro","title":"Documentation","description":"feature-sliced-banner"},"reference/index":{"id":"reference/index","title":"\ud83d\udcda Reference","description":"A detailed description of the key concepts of Feature-Sliced Design.","sidebar":"referenceSidebar"},"reference/isolation/coupling-cohesion":{"id":"reference/isolation/coupling-cohesion","title":"Low Coupling & High Cohesion","description":"Application modules should be designed according to high cohesion (should solve one specific task) and low coupling (independent of other modules) principles.","sidebar":"referenceSidebar"},"reference/isolation/decouple-entities":{"id":"reference/isolation/decouple-entities","title":"Decouple entities","description":"About cross-imports of types, adapters and about how to explicitly build connections between entities","sidebar":"referenceSidebar"},"reference/isolation/index":{"id":"reference/isolation/index","title":"Isolation of modules","description":"Within the framework of the methodology, all modules are distributed by scopes of responsibility (layer, slice, segment)","sidebar":"referenceSidebar"},"reference/layers":{"id":"reference/layers","title":"Layers","description":"Layers are the first level of organisational hierarchy in Feature-Sliced Design. Their purpose is to separate code based on how much responsibility it needs and how many other modules in the app it depends on.","sidebar":"referenceSidebar"},"reference/public-api":{"id":"reference/public-api","title":"Public API","description":"Each entity of the methodology is designed as a user-friendly and integrable module.","sidebar":"referenceSidebar"},"reference/slices-segments":{"id":"reference/slices-segments","title":"Slices and segments","description":"Slices","sidebar":"referenceSidebar"}}}}')}}]);
\ No newline at end of file
diff --git a/kr/assets/js/e325b37e.feb952fc.js b/kr/assets/js/e325b37e.feb952fc.js
deleted file mode 100644
index 6c4b034a8b..0000000000
--- a/kr/assets/js/e325b37e.feb952fc.js
+++ /dev/null
@@ -1 +0,0 @@
-"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[8665],{9223:e=>{e.exports=JSON.parse('{"version":{"pluginId":"default","version":"current","label":"v2.0.0 \ud83c\udf70","banner":null,"badge":false,"noIndex":false,"className":"docs-version-current","isLast":true,"docsSidebars":{"getstartedSidebar":[{"type":"category","label":"\ud83d\ude80  Get Started","items":[{"type":"link","label":"\ub458\ub7ec\ubcf4\uae30","href":"/kr/docs/get-started/overview","docId":"get-started/overview","unlisted":false},{"type":"link","label":"Tutorial","href":"/kr/docs/get-started/tutorial","docId":"get-started/tutorial","unlisted":false},{"type":"link","label":"FAQ","href":"/kr/docs/get-started/faq","docId":"get-started/faq","unlisted":false},{"type":"link","label":"Decomposition cheatsheet","href":"/kr/docs/get-started/cheatsheet","docId":"get-started/cheatsheet","unlisted":true}],"collapsible":false,"collapsed":false,"href":"/kr/docs/get-started/"}],"guidesSidebar":[{"type":"category","label":"\ud83c\udfaf  Guides","items":[{"type":"category","label":"Examples","collapsible":true,"collapsed":true,"items":[{"type":"link","label":"Authentication","href":"/kr/docs/guides/examples/auth","docId":"guides/examples/auth","unlisted":false},{"type":"link","label":"Types","href":"/kr/docs/guides/examples/types","docId":"guides/examples/types","unlisted":false},{"type":"link","label":"Page layouts","href":"/kr/docs/guides/examples/page-layout","docId":"guides/examples/page-layout","unlisted":false},{"type":"link","label":"Theme","href":"/kr/docs/guides/examples/theme","className":"sidebar-item--wip","docId":"guides/examples/theme","unlisted":true},{"type":"link","label":"Autocomplete","href":"/kr/docs/guides/examples/autocompleted","className":"sidebar-item--wip","docId":"guides/examples/autocompleted","unlisted":true},{"type":"link","label":"i18n","href":"/kr/docs/guides/examples/i18n","className":"sidebar-item--wip","docId":"guides/examples/i18n","unlisted":true},{"type":"link","label":"White Labels","href":"/kr/docs/guides/examples/white-labels","className":"sidebar-item--wip","docId":"guides/examples/white-labels","unlisted":true},{"type":"link","label":"Monorepositories","href":"/kr/docs/guides/examples/monorepo","className":"sidebar-item--wip","docId":"guides/examples/monorepo","unlisted":true},{"type":"link","label":"Browser API","href":"/kr/docs/guides/examples/browser-api","className":"sidebar-item--wip","docId":"guides/examples/browser-api","unlisted":true},{"type":"link","label":"CMS","href":"/kr/docs/guides/examples/cms","className":"sidebar-item--wip","docId":"guides/examples/cms","unlisted":true},{"type":"link","label":"Feedback","href":"/kr/docs/guides/examples/feedback","className":"sidebar-item--wip","docId":"guides/examples/feedback","unlisted":true},{"type":"link","label":"Metric","href":"/kr/docs/guides/examples/metric","className":"sidebar-item--wip","docId":"guides/examples/metric","unlisted":true},{"type":"link","label":"Desktop/Touch platforms","href":"/kr/docs/guides/examples/platforms","className":"sidebar-item--wip","docId":"guides/examples/platforms","unlisted":true},{"type":"link","label":"SSR","href":"/kr/docs/guides/examples/ssr","className":"sidebar-item--wip","docId":"guides/examples/ssr","unlisted":true}],"href":"/kr/docs/guides/examples/"},{"type":"category","label":"Migration","collapsible":true,"collapsed":true,"items":[{"type":"link","label":"From a custom architecture","href":"/kr/docs/guides/migration/from-custom","docId":"guides/migration/from-custom","unlisted":false},{"type":"link","label":"Migration from v1","href":"/kr/docs/guides/migration/from-v1","docId":"guides/migration/from-v1","unlisted":false}]},{"type":"category","label":"Tech","collapsible":true,"collapsed":true,"items":[{"type":"link","label":"Usage with NextJS","href":"/kr/docs/guides/tech/with-nextjs","docId":"guides/tech/with-nextjs","unlisted":false},{"type":"link","label":"Usage with NuxtJS","href":"/kr/docs/guides/tech/with-nuxtjs","docId":"guides/tech/with-nuxtjs","unlisted":false},{"type":"link","label":"Usage with React Query","href":"/kr/docs/guides/tech/with-react-query","docId":"guides/tech/with-react-query","unlisted":false},{"type":"link","label":"Usage with SvelteKit","href":"/kr/docs/guides/tech/with-sveltekit","docId":"guides/tech/with-sveltekit","unlisted":false}]},{"type":"category","label":"Code smells & Issues","collapsible":true,"collapsed":true,"items":[{"type":"link","label":"Desegemented","href":"/kr/docs/guides/issues/desegmented","className":"sidebar-item--wip","docId":"guides/issues/desegmented","unlisted":false},{"type":"link","label":"Routing","href":"/kr/docs/guides/issues/routes","className":"sidebar-item--wip","docId":"guides/issues/routes","unlisted":false},{"type":"link","label":"Cross-imports","href":"/kr/docs/guides/issues/cross-imports","className":"sidebar-item--wip","docId":"guides/issues/cross-imports","unlisted":false}]}],"collapsible":false,"collapsed":false,"href":"/kr/docs/guides/"}],"referenceSidebar":[{"type":"category","label":"\ud83d\udcda  Reference","items":[{"type":"link","label":"Layers","href":"/kr/docs/reference/layers","docId":"reference/layers","unlisted":false},{"type":"link","label":"Slices and segments","href":"/kr/docs/reference/slices-segments","docId":"reference/slices-segments","unlisted":false},{"type":"link","label":"Public API","href":"/kr/docs/reference/public-api","docId":"reference/public-api","unlisted":false},{"type":"category","label":"Isolation","collapsible":true,"collapsed":true,"items":[{"type":"link","label":"Low Coupling & High Cohesion","href":"/kr/docs/reference/isolation/coupling-cohesion","docId":"reference/isolation/coupling-cohesion","unlisted":false},{"type":"link","label":"Decouple entities","href":"/kr/docs/reference/isolation/decouple-entities","className":"sidebar-item--wip","docId":"reference/isolation/decouple-entities","unlisted":false}],"href":"/kr/docs/reference/isolation/"}],"collapsible":false,"collapsed":false,"href":"/kr/docs/reference/"}],"aboutSidebar":[{"type":"category","label":"\ud83c\udf70  About","items":[{"type":"link","label":"Mission","href":"/kr/docs/about/mission","docId":"about/mission","unlisted":false},{"type":"link","label":"Motivation","href":"/kr/docs/about/motivation","docId":"about/motivation","unlisted":false},{"type":"link","label":"Alternatives","href":"/kr/docs/about/alternatives","className":"sidebar-item--wip","docId":"about/alternatives","unlisted":false},{"type":"category","label":"Understanding","collapsible":true,"collapsed":true,"items":[{"type":"link","label":"About architecture","href":"/kr/docs/about/understanding/architecture","docId":"about/understanding/architecture","unlisted":false},{"type":"link","label":"Needs driven","href":"/kr/docs/about/understanding/needs-driven","docId":"about/understanding/needs-driven","unlisted":false},{"type":"link","label":"Knowledge types","href":"/kr/docs/about/understanding/knowledge-types","docId":"about/understanding/knowledge-types","unlisted":false},{"type":"link","label":"Naming","href":"/kr/docs/about/understanding/naming","docId":"about/understanding/naming","unlisted":false},{"type":"link","label":"Signals of architecture","href":"/kr/docs/about/understanding/signals","className":"sidebar-item--wip","docId":"about/understanding/signals","unlisted":false},{"type":"link","label":"Abstractions","href":"/kr/docs/about/understanding/abstractions","className":"sidebar-item--wip","docId":"about/understanding/abstractions","unlisted":false}]},{"type":"category","label":"Promote","collapsible":true,"collapsed":true,"items":[{"type":"link","label":"Integration aspects","href":"/kr/docs/about/promote/integration","docId":"about/promote/integration","unlisted":false},{"type":"link","label":"Partial Application","href":"/kr/docs/about/promote/partial-application","className":"sidebar-item--wip","docId":"about/promote/partial-application","unlisted":false},{"type":"link","label":"Promote in team","href":"/kr/docs/about/promote/for-team","className":"sidebar-item--wip","docId":"about/promote/for-team","unlisted":false},{"type":"link","label":"Promote in company","href":"/kr/docs/about/promote/for-company","className":"sidebar-item--wip","docId":"about/promote/for-company","unlisted":false}]}],"collapsible":false,"collapsed":false,"href":"/kr/docs/about/"}]},"docs":{"about/alternatives":{"id":"about/alternatives","title":"Alternatives","description":"History of architecture approaches","sidebar":"aboutSidebar"},"about/index":{"id":"about/index","title":"\ud83c\udf70 About","description":"BACKGROUND-ORIENTED","sidebar":"aboutSidebar"},"about/mission":{"id":"about/mission","title":"Mission","description":"Here we describe the goals and limitations of the applicability of the methodology-which we are guided by when developing the methodology","sidebar":"aboutSidebar"},"about/motivation":{"id":"about/motivation","title":"Motivation","description":"The main idea of Feature-Sliced Design is to facilitate and reduce the cost of developing complex and developing projects, based on combining research results, discussing the experience of various kinds of a wide range of developers.","sidebar":"aboutSidebar"},"about/promote/for-company":{"id":"about/promote/for-company","title":"Promote in company","description":"Do the project and the company need a methodology?","sidebar":"aboutSidebar"},"about/promote/for-team":{"id":"about/promote/for-team","title":"Promote in team","description":"- Onboard newcomers","sidebar":"aboutSidebar"},"about/promote/integration":{"id":"about/promote/integration","title":"Integration aspects","description":"Summary","sidebar":"aboutSidebar"},"about/promote/partial-application":{"id":"about/promote/partial-application","title":"Partial Application","description":"How to partially apply the methodology? Does it make sense? What if I ignore it?","sidebar":"aboutSidebar"},"about/understanding/abstractions":{"id":"about/understanding/abstractions","title":"Abstractions","description":"The law of leaky abstractions","sidebar":"aboutSidebar"},"about/understanding/architecture":{"id":"about/understanding/architecture","title":"About architecture","description":"Problems","sidebar":"aboutSidebar"},"about/understanding/knowledge-types":{"id":"about/understanding/knowledge-types","title":"Knowledge types in the project","description":"The following \\"types of knowledge\\" can be distinguished in any project:","sidebar":"aboutSidebar"},"about/understanding/naming":{"id":"about/understanding/naming","title":"Naming","description":"Different developers have different experiences and contexts, which can lead to misunderstandings on the team when the same entities are called differently. For example:","sidebar":"aboutSidebar"},"about/understanding/needs-driven":{"id":"about/understanding/needs-driven","title":"Needs driven","description":"\u2014 Can\'t you formulate the goal that the new feature will solve? Or maybe the problem is that the task itself is not formulated? **The point is also that the methodology helps to pull out the problematic definition of tasks and goals**","sidebar":"aboutSidebar"},"about/understanding/signals":{"id":"about/understanding/signals","title":"Signals of architecture","description":"If there is a limitation on the part of the architecture, then there are obvious reasons for this, and consequences if they are ignored","sidebar":"aboutSidebar"},"branding":{"id":"branding","title":"Branding Guidelines","description":"FSD\'s visual identity is based on its core-concepts: Layered, Sliced self-contained parts, Parts & Compose, Segmented."},"get-started/cheatsheet":{"id":"get-started/cheatsheet","title":"Decomposition cheatsheet","description":"Use this as a quick reference when you\'re deciding how to decompose your UI. PDF versions are also available below, so you can print it out and keep one under your pillow.","sidebar":"getstartedSidebar"},"get-started/faq":{"id":"get-started/faq","title":"FAQ","description":"You can ask your question in our Telegram chat, Discord community, and GitHub Discussions.","sidebar":"getstartedSidebar"},"get-started/index":{"id":"get-started/index","title":"\ud83d\ude80 Get Started","description":"\ud658\uc601\ud569\ub2c8\ub2e4! \uc774 \uc139\uc158\uc740 Feature-Sliced Design\uc758 \uc801\uc6a9\uacfc \ubc29\ubc95\ub860\uc758 \uae30\ubcf8\uc744 \uc775\ud788\ub294 \ub370 \ub3c4\uc6c0\uc744 \uc90d\ub2c8\ub2e4. \ub610\ud55c \uc774 \ubc29\ubc95\ub860\uc758 \uc8fc\uc694 \uc7a5\uc810\uacfc \uadf8\uac83\uc774 \ub9cc\ub4e4\uc5b4\uc9c4 \uc774\uc720\ub97c \uc774\ud574\ud558\uac8c \ub420 \uac83\uc785\ub2c8\ub2e4.","sidebar":"getstartedSidebar"},"get-started/overview":{"id":"get-started/overview","title":"\ub458\ub7ec\ubcf4\uae30","description":"Feature-Sliced Design (FSD)\ub294 \ud504\ub860\ud2b8\uc5d4\ub4dc \uc560\ud50c\ub9ac\ucf00\uc774\uc158\uc758 \uad6c\uc870\ub97c \uc7a1\ub294 \uc544\ud0a4\ud14d\ucc98 \ubc29\ubc95\ub860\uc785\ub2c8\ub2e4. \uac04\ub2e8\ud788 \ub9d0\ud574, \ucf54\ub4dc \uad6c\uc131\uc5d0 \uad00\ud55c \uaddc\uce59\uacfc \uad00\ub840\ub97c \ubaa8\uc544\ub193\uc740 \uac83\uc785\ub2c8\ub2e4. \uc774 \ubc29\ubc95\ub860\uc758 \uc8fc\uc694 \ubaa9\uc801\uc740 \uacc4\uc18d \ubcc0\ud654\ud558\ub294 \ube44\uc988\ub2c8\uc2a4 \uc694\uad6c\uc0ac\ud56d\uc5d0 \uc9c1\uba74\ud588\uc744 \ub54c \ud504\ub85c\uc81d\ud2b8\ub97c \ub354 \uc774\ud574\ud558\uae30 \uc27d\uace0 \uc548\uc815\uc801\uc73c\ub85c \ub9cc\ub4dc\ub294 \uac83\uc785\ub2c8\ub2e4.","sidebar":"getstartedSidebar"},"get-started/tutorial":{"id":"get-started/tutorial","title":"Tutorial","description":"Part 1. On paper","sidebar":"getstartedSidebar"},"guides/examples/auth":{"id":"guides/examples/auth","title":"Authentication","description":"Broadly, authentication consists of the following steps:","sidebar":"guidesSidebar"},"guides/examples/autocompleted":{"id":"guides/examples/autocompleted","title":"Autocomplete","description":"About decomposition by layers","sidebar":"guidesSidebar"},"guides/examples/browser-api":{"id":"guides/examples/browser-api","title":"Browser API","description":"About working with the Browser API: localStorage, audio Api, bluetooth API, etc.","sidebar":"guidesSidebar"},"guides/examples/cms":{"id":"guides/examples/cms","title":"CMS","description":"Features may be different","sidebar":"guidesSidebar"},"guides/examples/feedback":{"id":"guides/examples/feedback","title":"Feedback","description":"Errors, Alerts, Notifications, ...","sidebar":"guidesSidebar"},"guides/examples/i18n":{"id":"guides/examples/i18n","title":"i18n","description":"Where to place it? How to work with this?","sidebar":"guidesSidebar"},"guides/examples/index":{"id":"guides/examples/index","title":"Examples","description":"Small practical examples of the methodology application","sidebar":"guidesSidebar"},"guides/examples/metric":{"id":"guides/examples/metric","title":"Metric","description":"About ways to initialize metrics in the application","sidebar":"guidesSidebar"},"guides/examples/monorepo":{"id":"guides/examples/monorepo","title":"Monorepositories","description":"About applicability for mono repositories, about bff, about microapps","sidebar":"guidesSidebar"},"guides/examples/page-layout":{"id":"guides/examples/page-layout","title":"Page layouts","description":"This guide examines the abstraction of a page layout \u2014 when several pages share the same overall structure, and differ only in the main content.","sidebar":"guidesSidebar"},"guides/examples/platforms":{"id":"guides/examples/platforms","title":"Desktop/Touch platforms","description":"About the application of the methodology for desktop/touch","sidebar":"guidesSidebar"},"guides/examples/ssr":{"id":"guides/examples/ssr","title":"SSR","description":"About the implementation of SSR using the methodology","sidebar":"guidesSidebar"},"guides/examples/theme":{"id":"guides/examples/theme","title":"Theme","description":"Where should I put my work with the theme and palette?","sidebar":"guidesSidebar"},"guides/examples/types":{"id":"guides/examples/types","title":"Types","description":"This guide concerns data types from typed languages like TypeScript and describes where they fit within FSD.","sidebar":"guidesSidebar"},"guides/examples/white-labels":{"id":"guides/examples/white-labels","title":"White Labels","description":"Figma, brand uikit, templates, adaptability to brands","sidebar":"guidesSidebar"},"guides/index":{"id":"guides/index","title":"\ud83c\udfaf Guides","description":"PRACTICE-ORIENTED","sidebar":"guidesSidebar"},"guides/issues/cross-imports":{"id":"guides/issues/cross-imports","title":"Cross-imports","description":"Cross-imports appear when the layer or abstraction begins to take too much responsibility than it should. That is why the methodology identifies new layers that allow you to uncouple these cross-imports","sidebar":"guidesSidebar"},"guides/issues/desegmented":{"id":"guides/issues/desegmented","title":"Desegemented","description":"Situation","sidebar":"guidesSidebar"},"guides/issues/routes":{"id":"guides/issues/routes","title":"Routing","description":"Situation","sidebar":"guidesSidebar"},"guides/migration/from-custom":{"id":"guides/migration/from-custom","title":"Migration from a custom architecture","description":"This guide describes an approach that might be helpful when migrating from a custom self-made architecture to Feature-Sliced Design.","sidebar":"guidesSidebar"},"guides/migration/from-v1":{"id":"guides/migration/from-v1","title":"Migration from v1","description":"Why v2?","sidebar":"guidesSidebar"},"guides/tech/with-nextjs":{"id":"guides/tech/with-nextjs","title":"Usage with NextJS","description":"It is possible to implement FSD in a NextJS project, but conflicts arise due to differences between the requirements for the NextJS project structure and the principles of FSD in two points:","sidebar":"guidesSidebar"},"guides/tech/with-nuxtjs":{"id":"guides/tech/with-nuxtjs","title":"Usage with NuxtJS","description":"It is possible to implement FSD in a NuxtJS project, but conflicts arise due to the differences between NuxtJS project structure requirements and FSD principles:","sidebar":"guidesSidebar"},"guides/tech/with-react-query":{"id":"guides/tech/with-react-query","title":"Usage with React Query","description":"The problem of \u201cwhere to put the keys\u201d","sidebar":"guidesSidebar"},"guides/tech/with-sveltekit":{"id":"guides/tech/with-sveltekit","title":"Usage with SvelteKit","description":"It is possible to implement FSD in a SvelteKit project, but conflicts arise due to the differences between the structure requirements of a SvelteKit project and the principles of FSD:","sidebar":"guidesSidebar"},"intro":{"id":"intro","title":"Documentation","description":"feature-sliced-banner"},"reference/index":{"id":"reference/index","title":"\ud83d\udcda Reference","description":"A detailed description of the key concepts of Feature-Sliced Design.","sidebar":"referenceSidebar"},"reference/isolation/coupling-cohesion":{"id":"reference/isolation/coupling-cohesion","title":"Low Coupling & High Cohesion","description":"Application modules should be designed according to high cohesion (should solve one specific task) and low coupling (independent of other modules) principles.","sidebar":"referenceSidebar"},"reference/isolation/decouple-entities":{"id":"reference/isolation/decouple-entities","title":"Decouple entities","description":"About cross-imports of types, adapters and about how to explicitly build connections between entities","sidebar":"referenceSidebar"},"reference/isolation/index":{"id":"reference/isolation/index","title":"Isolation of modules","description":"Within the framework of the methodology, all modules are distributed by scopes of responsibility (layer, slice, segment)","sidebar":"referenceSidebar"},"reference/layers":{"id":"reference/layers","title":"Layers","description":"Layers are the first level of organisational hierarchy in Feature-Sliced Design. Their purpose is to separate code based on how much responsibility it needs and how many other modules in the app it depends on.","sidebar":"referenceSidebar"},"reference/public-api":{"id":"reference/public-api","title":"Public API","description":"Each entity of the methodology is designed as a user-friendly and integrable module.","sidebar":"referenceSidebar"},"reference/slices-segments":{"id":"reference/slices-segments","title":"Slices and segments","description":"Slices","sidebar":"referenceSidebar"}}}}')}}]);
\ No newline at end of file
diff --git a/kr/assets/js/e6bf8eb6.34f1ec06.js b/kr/assets/js/e6bf8eb6.47148bb6.js
similarity index 99%
rename from kr/assets/js/e6bf8eb6.34f1ec06.js
rename to kr/assets/js/e6bf8eb6.47148bb6.js
index b34df0add2..4512f2fdcf 100644
--- a/kr/assets/js/e6bf8eb6.34f1ec06.js
+++ b/kr/assets/js/e6bf8eb6.47148bb6.js
@@ -1 +1 @@
-"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[679],{9239:(e,t,s)=>{s.r(t),s.d(t,{assets:()=>l,contentTitle:()=>o,default:()=>h,frontMatter:()=>r,metadata:()=>c,toc:()=>a});var n=s(6070),i=s(1100);const r={sidebar_position:10},o="Usage with SvelteKit",c={id:"guides/tech/with-sveltekit",title:"Usage with SvelteKit",description:"It is possible to implement FSD in a SvelteKit project, but conflicts arise due to the differences between the structure requirements of a SvelteKit project and the principles of FSD:",source:"@site/i18n/en/docusaurus-plugin-content-docs/current/guides/tech/with-sveltekit.mdx",sourceDirName:"guides/tech",slug:"/guides/tech/with-sveltekit",permalink:"/kr/docs/guides/tech/with-sveltekit",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/guides/tech/with-sveltekit.mdx",tags:[],version:"current",lastUpdatedAt:1727607766e3,sidebarPosition:10,frontMatter:{sidebar_position:10},sidebar:"guidesSidebar",previous:{title:"Usage with React Query",permalink:"/kr/docs/guides/tech/with-react-query"},next:{title:"Desegemented",permalink:"/kr/docs/guides/issues/desegmented"}},l={},a=[{value:"Let&#39;s set up the config",id:"lets-set-up-the-config",level:2},{value:"Move file routing to <code>src/app</code>.",id:"move-file-routing-to-srcapp",level:2},{value:"See also.",id:"see-also",level:2}];function d(e){const t={a:"a",code:"code",h1:"h1",h2:"h2",header:"header",li:"li",p:"p",pre:"pre",ul:"ul",...(0,i.R)(),...e.components};return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(t.header,{children:(0,n.jsx)(t.h1,{id:"usage-with-sveltekit",children:"Usage with SvelteKit"})}),"\n",(0,n.jsx)(t.p,{children:"It is possible to implement FSD in a SvelteKit project, but conflicts arise due to the differences between the structure requirements of a SvelteKit project and the principles of FSD:"}),"\n",(0,n.jsxs)(t.ul,{children:["\n",(0,n.jsxs)(t.li,{children:["Initially, SvelteKit offers a file structure inside the ",(0,n.jsx)(t.code,{children:"src/routes"})," folder, while in FSD the routing must be part of the ",(0,n.jsx)(t.code,{children:"app"})," layer."]}),"\n",(0,n.jsxs)(t.li,{children:["SvelteKit suggests putting everything not related to routing in the ",(0,n.jsx)(t.code,{children:"src/lib"})," folder."]}),"\n"]}),"\n",(0,n.jsx)(t.h2,{id:"lets-set-up-the-config",children:"Let's set up the config"}),"\n",(0,n.jsx)(t.pre,{children:(0,n.jsx)(t.code,{className:"language-ts",metastring:'title="svelte.config.ts"',children:"import adapter from '@sveltejs/adapter-auto';\nimport { vitePreprocess } from '@sveltejs/vite-plugin-svelte';\n\n/** @type {import('@sveltejs/kit').Config}*/\nconst config = {\n  preprocess: [vitePreprocess()],\n  kit: {\n    adapter: adapter(),\n    files: {\n      routes: 'src/app/routes',             // move routing inside the app layer\n      lib: 'src',\n      appTemplate: 'src/app/index.html',    // Move the application entry point inside the app layer\n      assets: 'public'\n    },\n    alias: {\n      '@/*': 'src/*'                        // Create an alias for the src directory\n    }\n  }\n};\nexport default config;\n"})}),"\n",(0,n.jsxs)(t.h2,{id:"move-file-routing-to-srcapp",children:["Move file routing to ",(0,n.jsx)(t.code,{children:"src/app"}),"."]}),"\n",(0,n.jsxs)(t.p,{children:["Let's create an app layer, move the app's entry point ",(0,n.jsx)(t.code,{children:"index.html"})," into it, and create a routes folder.\nThus, your file structure should look like this:"]}),"\n",(0,n.jsx)(t.pre,{children:(0,n.jsx)(t.code,{className:"language-sh",children:"\u251c\u2500\u2500 src\n\u2502   \u251c\u2500\u2500 app\n\u2502   \u2502   \u251c\u2500\u2500 index.html\n\u2502   \u2502   \u251c\u2500\u2500 routes\n\u2502   \u251c\u2500\u2500 pages                               # \u041f\u0430\u043f\u043a\u0430 pages, \u0437\u0430\u043a\u0440\u0435\u043f\u043b\u0451\u043d\u043d\u0430\u044f \u0437\u0430 FSD\n"})}),"\n",(0,n.jsxs)(t.p,{children:["Now, you can create roots for pages within ",(0,n.jsx)(t.code,{children:"app"})," and connect pages from ",(0,n.jsx)(t.code,{children:"pages"})," to them."]}),"\n",(0,n.jsx)(t.p,{children:"For example, to add a home page to your project, you need to do the following steps:"}),"\n",(0,n.jsxs)(t.ul,{children:["\n",(0,n.jsxs)(t.li,{children:["Add a page slice inside the ",(0,n.jsx)(t.code,{children:"pages"})," layer"]}),"\n",(0,n.jsxs)(t.li,{children:["Add the corresponding rooute to the ",(0,n.jsx)(t.code,{children:"routes"})," folder from the ",(0,n.jsx)(t.code,{children:"app"})," layer"]}),"\n",(0,n.jsx)(t.li,{children:"Align the page from the slice with the rooute"}),"\n"]}),"\n",(0,n.jsxs)(t.p,{children:["To create a page slice, let's use the ",(0,n.jsx)(t.a,{href:"https://github.com/feature-sliced/cli",children:"CLI"}),":"]}),"\n",(0,n.jsx)(t.pre,{children:(0,n.jsx)(t.code,{className:"language-shell",children:"fsd pages home\n"})}),"\n",(0,n.jsxs)(t.p,{children:["Create a ",(0,n.jsx)(t.code,{children:"home-page.vue"})," file inside the ui segment, access it using the Public API"]}),"\n",(0,n.jsx)(t.pre,{children:(0,n.jsx)(t.code,{className:"language-ts",metastring:'title="src/pages/home/index.ts"',children:"export { default as HomePage } from './ui/home-page';\n"})}),"\n",(0,n.jsxs)(t.p,{children:["Create a root for this page inside the ",(0,n.jsx)(t.code,{children:"app"})," layer:"]}),"\n",(0,n.jsx)(t.pre,{children:(0,n.jsx)(t.code,{className:"language-sh",children:"\n\u251c\u2500\u2500 src\n\u2502   \u251c\u2500\u2500 app\n\u2502   \u2502   \u251c\u2500\u2500 routes\n\u2502   \u2502   \u2502   \u251c\u2500\u2500 +page.svelte\n\u2502   \u2502   \u251c\u2500\u2500 index.html\n\u2502   \u251c\u2500\u2500 pages\n\u2502   \u2502   \u251c\u2500\u2500 home\n\u2502   \u2502   \u2502   \u251c\u2500\u2500 ui\n\u2502   \u2502   \u2502   \u2502   \u251c\u2500\u2500 home-page.svelte\n\u2502   \u2502   \u2502   \u251c\u2500\u2500 index.ts\n"})}),"\n",(0,n.jsxs)(t.p,{children:["Add your page component inside the ",(0,n.jsx)(t.code,{children:"index.svelte"})," file:"]}),"\n",(0,n.jsx)(t.pre,{children:(0,n.jsx)(t.code,{className:"language-html",metastring:'title="src/app/routes/+page.svelte"',children:"<script>\n  import { HomePage } from '@/pages/home';\n<\/script>\n\n\n<HomePage/>\n"})}),"\n",(0,n.jsx)(t.h2,{id:"see-also",children:"See also."}),"\n",(0,n.jsxs)(t.ul,{children:["\n",(0,n.jsx)(t.li,{children:(0,n.jsx)(t.a,{href:"https://kit.svelte.dev/docs/configuration#files",children:"Documentation on changing directory config in SvelteKit"})}),"\n"]})]})}function h(e={}){const{wrapper:t}={...(0,i.R)(),...e.components};return t?(0,n.jsx)(t,{...e,children:(0,n.jsx)(d,{...e})}):d(e)}},1100:(e,t,s)=>{s.d(t,{R:()=>o,x:()=>c});var n=s(758);const i={},r=n.createContext(i);function o(e){const t=n.useContext(r);return n.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function c(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(i):e.components||i:o(e.components),n.createElement(r.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
+"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[679],{9239:(e,t,s)=>{s.r(t),s.d(t,{assets:()=>l,contentTitle:()=>o,default:()=>h,frontMatter:()=>r,metadata:()=>c,toc:()=>a});var n=s(6070),i=s(1100);const r={sidebar_position:10},o="Usage with SvelteKit",c={id:"guides/tech/with-sveltekit",title:"Usage with SvelteKit",description:"It is possible to implement FSD in a SvelteKit project, but conflicts arise due to the differences between the structure requirements of a SvelteKit project and the principles of FSD:",source:"@site/i18n/en/docusaurus-plugin-content-docs/current/guides/tech/with-sveltekit.mdx",sourceDirName:"guides/tech",slug:"/guides/tech/with-sveltekit",permalink:"/kr/docs/guides/tech/with-sveltekit",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/guides/tech/with-sveltekit.mdx",tags:[],version:"current",lastUpdatedAt:1728325386e3,sidebarPosition:10,frontMatter:{sidebar_position:10},sidebar:"guidesSidebar",previous:{title:"Usage with React Query",permalink:"/kr/docs/guides/tech/with-react-query"},next:{title:"Desegemented",permalink:"/kr/docs/guides/issues/desegmented"}},l={},a=[{value:"Let&#39;s set up the config",id:"lets-set-up-the-config",level:2},{value:"Move file routing to <code>src/app</code>.",id:"move-file-routing-to-srcapp",level:2},{value:"See also.",id:"see-also",level:2}];function d(e){const t={a:"a",code:"code",h1:"h1",h2:"h2",header:"header",li:"li",p:"p",pre:"pre",ul:"ul",...(0,i.R)(),...e.components};return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(t.header,{children:(0,n.jsx)(t.h1,{id:"usage-with-sveltekit",children:"Usage with SvelteKit"})}),"\n",(0,n.jsx)(t.p,{children:"It is possible to implement FSD in a SvelteKit project, but conflicts arise due to the differences between the structure requirements of a SvelteKit project and the principles of FSD:"}),"\n",(0,n.jsxs)(t.ul,{children:["\n",(0,n.jsxs)(t.li,{children:["Initially, SvelteKit offers a file structure inside the ",(0,n.jsx)(t.code,{children:"src/routes"})," folder, while in FSD the routing must be part of the ",(0,n.jsx)(t.code,{children:"app"})," layer."]}),"\n",(0,n.jsxs)(t.li,{children:["SvelteKit suggests putting everything not related to routing in the ",(0,n.jsx)(t.code,{children:"src/lib"})," folder."]}),"\n"]}),"\n",(0,n.jsx)(t.h2,{id:"lets-set-up-the-config",children:"Let's set up the config"}),"\n",(0,n.jsx)(t.pre,{children:(0,n.jsx)(t.code,{className:"language-ts",metastring:'title="svelte.config.ts"',children:"import adapter from '@sveltejs/adapter-auto';\nimport { vitePreprocess } from '@sveltejs/vite-plugin-svelte';\n\n/** @type {import('@sveltejs/kit').Config}*/\nconst config = {\n  preprocess: [vitePreprocess()],\n  kit: {\n    adapter: adapter(),\n    files: {\n      routes: 'src/app/routes',             // move routing inside the app layer\n      lib: 'src',\n      appTemplate: 'src/app/index.html',    // Move the application entry point inside the app layer\n      assets: 'public'\n    },\n    alias: {\n      '@/*': 'src/*'                        // Create an alias for the src directory\n    }\n  }\n};\nexport default config;\n"})}),"\n",(0,n.jsxs)(t.h2,{id:"move-file-routing-to-srcapp",children:["Move file routing to ",(0,n.jsx)(t.code,{children:"src/app"}),"."]}),"\n",(0,n.jsxs)(t.p,{children:["Let's create an app layer, move the app's entry point ",(0,n.jsx)(t.code,{children:"index.html"})," into it, and create a routes folder.\nThus, your file structure should look like this:"]}),"\n",(0,n.jsx)(t.pre,{children:(0,n.jsx)(t.code,{className:"language-sh",children:"\u251c\u2500\u2500 src\n\u2502   \u251c\u2500\u2500 app\n\u2502   \u2502   \u251c\u2500\u2500 index.html\n\u2502   \u2502   \u251c\u2500\u2500 routes\n\u2502   \u251c\u2500\u2500 pages                               # \u041f\u0430\u043f\u043a\u0430 pages, \u0437\u0430\u043a\u0440\u0435\u043f\u043b\u0451\u043d\u043d\u0430\u044f \u0437\u0430 FSD\n"})}),"\n",(0,n.jsxs)(t.p,{children:["Now, you can create roots for pages within ",(0,n.jsx)(t.code,{children:"app"})," and connect pages from ",(0,n.jsx)(t.code,{children:"pages"})," to them."]}),"\n",(0,n.jsx)(t.p,{children:"For example, to add a home page to your project, you need to do the following steps:"}),"\n",(0,n.jsxs)(t.ul,{children:["\n",(0,n.jsxs)(t.li,{children:["Add a page slice inside the ",(0,n.jsx)(t.code,{children:"pages"})," layer"]}),"\n",(0,n.jsxs)(t.li,{children:["Add the corresponding rooute to the ",(0,n.jsx)(t.code,{children:"routes"})," folder from the ",(0,n.jsx)(t.code,{children:"app"})," layer"]}),"\n",(0,n.jsx)(t.li,{children:"Align the page from the slice with the rooute"}),"\n"]}),"\n",(0,n.jsxs)(t.p,{children:["To create a page slice, let's use the ",(0,n.jsx)(t.a,{href:"https://github.com/feature-sliced/cli",children:"CLI"}),":"]}),"\n",(0,n.jsx)(t.pre,{children:(0,n.jsx)(t.code,{className:"language-shell",children:"fsd pages home\n"})}),"\n",(0,n.jsxs)(t.p,{children:["Create a ",(0,n.jsx)(t.code,{children:"home-page.vue"})," file inside the ui segment, access it using the Public API"]}),"\n",(0,n.jsx)(t.pre,{children:(0,n.jsx)(t.code,{className:"language-ts",metastring:'title="src/pages/home/index.ts"',children:"export { default as HomePage } from './ui/home-page';\n"})}),"\n",(0,n.jsxs)(t.p,{children:["Create a root for this page inside the ",(0,n.jsx)(t.code,{children:"app"})," layer:"]}),"\n",(0,n.jsx)(t.pre,{children:(0,n.jsx)(t.code,{className:"language-sh",children:"\n\u251c\u2500\u2500 src\n\u2502   \u251c\u2500\u2500 app\n\u2502   \u2502   \u251c\u2500\u2500 routes\n\u2502   \u2502   \u2502   \u251c\u2500\u2500 +page.svelte\n\u2502   \u2502   \u251c\u2500\u2500 index.html\n\u2502   \u251c\u2500\u2500 pages\n\u2502   \u2502   \u251c\u2500\u2500 home\n\u2502   \u2502   \u2502   \u251c\u2500\u2500 ui\n\u2502   \u2502   \u2502   \u2502   \u251c\u2500\u2500 home-page.svelte\n\u2502   \u2502   \u2502   \u251c\u2500\u2500 index.ts\n"})}),"\n",(0,n.jsxs)(t.p,{children:["Add your page component inside the ",(0,n.jsx)(t.code,{children:"index.svelte"})," file:"]}),"\n",(0,n.jsx)(t.pre,{children:(0,n.jsx)(t.code,{className:"language-html",metastring:'title="src/app/routes/+page.svelte"',children:"<script>\n  import { HomePage } from '@/pages/home';\n<\/script>\n\n\n<HomePage/>\n"})}),"\n",(0,n.jsx)(t.h2,{id:"see-also",children:"See also."}),"\n",(0,n.jsxs)(t.ul,{children:["\n",(0,n.jsx)(t.li,{children:(0,n.jsx)(t.a,{href:"https://kit.svelte.dev/docs/configuration#files",children:"Documentation on changing directory config in SvelteKit"})}),"\n"]})]})}function h(e={}){const{wrapper:t}={...(0,i.R)(),...e.components};return t?(0,n.jsx)(t,{...e,children:(0,n.jsx)(d,{...e})}):d(e)}},1100:(e,t,s)=>{s.d(t,{R:()=>o,x:()=>c});var n=s(758);const i={},r=n.createContext(i);function o(e){const t=n.useContext(r);return n.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function c(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(i):e.components||i:o(e.components),n.createElement(r.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
diff --git a/kr/assets/js/ed3dcfcb.1e543691.js b/kr/assets/js/ed3dcfcb.aa196250.js
similarity index 98%
rename from kr/assets/js/ed3dcfcb.1e543691.js
rename to kr/assets/js/ed3dcfcb.aa196250.js
index db6d9cb27a..d0a8aff4d4 100644
--- a/kr/assets/js/ed3dcfcb.1e543691.js
+++ b/kr/assets/js/ed3dcfcb.aa196250.js
@@ -1 +1 @@
-"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[993],{1928:(e,t,i)=>{i.d(t,{Ay:()=>l,RM:()=>a});var s=i(6070),n=i(1100),r=(i(758),i(6783)),d=i(7765);const c=e=>{let{ticket:t}=e;const i=`https://github.com/feature-sliced/documentation/issues/${t}`;return(0,s.jsxs)("div",{children:[(0,s.jsx)("p",{children:(0,d.T)({id:"shared.wip.title"})}),(0,s.jsx)("p",{children:(0,d.T)({id:"shared.wip.subtitle"})}),(0,s.jsxs)("ul",{children:[(0,s.jsxs)("li",{children:[(0,d.T)({id:"shared.wip.var.feedback.base"}),(0,s.jsx)(r.A,{to:i,children:(0,d.T)({id:"shared.wip.var.feedback.link"})})]}),(0,s.jsxs)("li",{children:[(0,d.T)({id:"shared.wip.var.material.base"}),(0,s.jsx)(r.A,{to:"https://t.me/feature_sliced",children:(0,d.T)({id:"shared.wip.var.material.link"})})]}),(0,s.jsxs)("li",{children:[(0,d.T)({id:"shared.wip.var.contribute.base"}),(0,s.jsx)(r.A,{to:"https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md",children:(0,d.T)({id:"shared.wip.var.contribute.link"})})]})]}),(0,s.jsx)("br",{}),(0,s.jsx)("p",{children:(0,s.jsx)("i",{children:"\ud83c\udf70 Stay tuned!"})})]})},a=[];function o(e){const t={admonition:"admonition",...(0,n.R)(),...e.components};return(0,s.jsx)(t.admonition,{title:"WIP",type:"caution",children:(0,s.jsx)(c,{ticket:e.ticket})})}function l(e={}){const{wrapper:t}={...(0,n.R)(),...e.components};return t?(0,s.jsx)(t,{...e,children:(0,s.jsx)(o,{...e})}):o(e)}},4:(e,t,i)=>{i.r(t),i.d(t,{assets:()=>o,contentTitle:()=>c,default:()=>u,frontMatter:()=>d,metadata:()=>a,toc:()=>l});var s=i(6070),n=i(1100),r=i(1928);const d={sidebar_position:6,sidebar_class_name:"sidebar-item--wip",unlisted:!0},c="i18n",a={id:"guides/examples/i18n",title:"i18n",description:"Where to place it? How to work with this?",source:"@site/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/i18n.mdx",sourceDirName:"guides/examples",slug:"/guides/examples/i18n",permalink:"/kr/docs/guides/examples/i18n",draft:!1,unlisted:!0,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/i18n.mdx",tags:[],version:"current",lastUpdatedAt:1727607766e3,sidebarPosition:6,frontMatter:{sidebar_position:6,sidebar_class_name:"sidebar-item--wip",unlisted:!0},sidebar:"guidesSidebar"},o={},l=[...r.RM,{value:"Where to place it? How to work with this?",id:"where-to-place-it-how-to-work-with-this",level:2}];function h(e){const t={a:"a",h1:"h1",h2:"h2",header:"header",li:"li",ul:"ul",...(0,n.R)(),...e.components};return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(t.header,{children:(0,s.jsx)(t.h1,{id:"i18n",children:"i18n"})}),"\n",(0,s.jsx)(r.Ay,{ticket:"171"}),"\n",(0,s.jsx)(t.h2,{id:"where-to-place-it-how-to-work-with-this",children:"Where to place it? How to work with this?"}),"\n",(0,s.jsxs)(t.ul,{children:["\n",(0,s.jsx)(t.li,{children:(0,s.jsx)(t.a,{href:"https://t.me/feature_sliced/4425",children:"https://t.me/feature_sliced/4425"})}),"\n",(0,s.jsx)(t.li,{children:(0,s.jsx)(t.a,{href:"https://t.me/feature_sliced/2325",children:"https://t.me/feature_sliced/2325"})}),"\n",(0,s.jsx)(t.li,{children:(0,s.jsx)(t.a,{href:"https://t.me/feature_sliced/1867",children:"https://t.me/feature_sliced/1867"})}),"\n"]})]})}function u(e={}){const{wrapper:t}={...(0,n.R)(),...e.components};return t?(0,s.jsx)(t,{...e,children:(0,s.jsx)(h,{...e})}):h(e)}},1100:(e,t,i)=>{i.d(t,{R:()=>d,x:()=>c});var s=i(758);const n={},r=s.createContext(n);function d(e){const t=s.useContext(r);return s.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function c(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(n):e.components||n:d(e.components),s.createElement(r.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
+"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[993],{1928:(e,t,i)=>{i.d(t,{Ay:()=>l,RM:()=>a});var s=i(6070),n=i(1100),r=(i(758),i(6783)),d=i(7765);const c=e=>{let{ticket:t}=e;const i=`https://github.com/feature-sliced/documentation/issues/${t}`;return(0,s.jsxs)("div",{children:[(0,s.jsx)("p",{children:(0,d.T)({id:"shared.wip.title"})}),(0,s.jsx)("p",{children:(0,d.T)({id:"shared.wip.subtitle"})}),(0,s.jsxs)("ul",{children:[(0,s.jsxs)("li",{children:[(0,d.T)({id:"shared.wip.var.feedback.base"}),(0,s.jsx)(r.A,{to:i,children:(0,d.T)({id:"shared.wip.var.feedback.link"})})]}),(0,s.jsxs)("li",{children:[(0,d.T)({id:"shared.wip.var.material.base"}),(0,s.jsx)(r.A,{to:"https://t.me/feature_sliced",children:(0,d.T)({id:"shared.wip.var.material.link"})})]}),(0,s.jsxs)("li",{children:[(0,d.T)({id:"shared.wip.var.contribute.base"}),(0,s.jsx)(r.A,{to:"https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md",children:(0,d.T)({id:"shared.wip.var.contribute.link"})})]})]}),(0,s.jsx)("br",{}),(0,s.jsx)("p",{children:(0,s.jsx)("i",{children:"\ud83c\udf70 Stay tuned!"})})]})},a=[];function o(e){const t={admonition:"admonition",...(0,n.R)(),...e.components};return(0,s.jsx)(t.admonition,{title:"WIP",type:"caution",children:(0,s.jsx)(c,{ticket:e.ticket})})}function l(e={}){const{wrapper:t}={...(0,n.R)(),...e.components};return t?(0,s.jsx)(t,{...e,children:(0,s.jsx)(o,{...e})}):o(e)}},4:(e,t,i)=>{i.r(t),i.d(t,{assets:()=>o,contentTitle:()=>c,default:()=>u,frontMatter:()=>d,metadata:()=>a,toc:()=>l});var s=i(6070),n=i(1100),r=i(1928);const d={sidebar_position:6,sidebar_class_name:"sidebar-item--wip",unlisted:!0},c="i18n",a={id:"guides/examples/i18n",title:"i18n",description:"Where to place it? How to work with this?",source:"@site/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/i18n.mdx",sourceDirName:"guides/examples",slug:"/guides/examples/i18n",permalink:"/kr/docs/guides/examples/i18n",draft:!1,unlisted:!0,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/i18n.mdx",tags:[],version:"current",lastUpdatedAt:1728325386e3,sidebarPosition:6,frontMatter:{sidebar_position:6,sidebar_class_name:"sidebar-item--wip",unlisted:!0},sidebar:"guidesSidebar"},o={},l=[...r.RM,{value:"Where to place it? How to work with this?",id:"where-to-place-it-how-to-work-with-this",level:2}];function h(e){const t={a:"a",h1:"h1",h2:"h2",header:"header",li:"li",ul:"ul",...(0,n.R)(),...e.components};return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(t.header,{children:(0,s.jsx)(t.h1,{id:"i18n",children:"i18n"})}),"\n",(0,s.jsx)(r.Ay,{ticket:"171"}),"\n",(0,s.jsx)(t.h2,{id:"where-to-place-it-how-to-work-with-this",children:"Where to place it? How to work with this?"}),"\n",(0,s.jsxs)(t.ul,{children:["\n",(0,s.jsx)(t.li,{children:(0,s.jsx)(t.a,{href:"https://t.me/feature_sliced/4425",children:"https://t.me/feature_sliced/4425"})}),"\n",(0,s.jsx)(t.li,{children:(0,s.jsx)(t.a,{href:"https://t.me/feature_sliced/2325",children:"https://t.me/feature_sliced/2325"})}),"\n",(0,s.jsx)(t.li,{children:(0,s.jsx)(t.a,{href:"https://t.me/feature_sliced/1867",children:"https://t.me/feature_sliced/1867"})}),"\n"]})]})}function u(e={}){const{wrapper:t}={...(0,n.R)(),...e.components};return t?(0,s.jsx)(t,{...e,children:(0,s.jsx)(h,{...e})}):h(e)}},1100:(e,t,i)=>{i.d(t,{R:()=>d,x:()=>c});var s=i(758);const n={},r=s.createContext(n);function d(e){const t=s.useContext(r);return s.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function c(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(n):e.components||n:d(e.components),s.createElement(r.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
diff --git a/kr/assets/js/f2567325.f121079d.js b/kr/assets/js/f2567325.a1cf8d43.js
similarity index 98%
rename from kr/assets/js/f2567325.f121079d.js
rename to kr/assets/js/f2567325.a1cf8d43.js
index 40fa890e24..0fe95b27b5 100644
--- a/kr/assets/js/f2567325.f121079d.js
+++ b/kr/assets/js/f2567325.a1cf8d43.js
@@ -1 +1 @@
-"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[8211],{1928:(e,t,i)=>{i.d(t,{Ay:()=>c,RM:()=>l});var s=i(6070),n=i(1100),a=(i(758),i(6783)),r=i(7765);const d=e=>{let{ticket:t}=e;const i=`https://github.com/feature-sliced/documentation/issues/${t}`;return(0,s.jsxs)("div",{children:[(0,s.jsx)("p",{children:(0,r.T)({id:"shared.wip.title"})}),(0,s.jsx)("p",{children:(0,r.T)({id:"shared.wip.subtitle"})}),(0,s.jsxs)("ul",{children:[(0,s.jsxs)("li",{children:[(0,r.T)({id:"shared.wip.var.feedback.base"}),(0,s.jsx)(a.A,{to:i,children:(0,r.T)({id:"shared.wip.var.feedback.link"})})]}),(0,s.jsxs)("li",{children:[(0,r.T)({id:"shared.wip.var.material.base"}),(0,s.jsx)(a.A,{to:"https://t.me/feature_sliced",children:(0,r.T)({id:"shared.wip.var.material.link"})})]}),(0,s.jsxs)("li",{children:[(0,r.T)({id:"shared.wip.var.contribute.base"}),(0,s.jsx)(a.A,{to:"https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md",children:(0,r.T)({id:"shared.wip.var.contribute.link"})})]})]}),(0,s.jsx)("br",{}),(0,s.jsx)("p",{children:(0,s.jsx)("i",{children:"\ud83c\udf70 Stay tuned!"})})]})},l=[];function o(e){const t={admonition:"admonition",...(0,n.R)(),...e.components};return(0,s.jsx)(t.admonition,{title:"WIP",type:"caution",children:(0,s.jsx)(d,{ticket:e.ticket})})}function c(e={}){const{wrapper:t}={...(0,n.R)(),...e.components};return t?(0,s.jsx)(t,{...e,children:(0,s.jsx)(o,{...e})}):o(e)}},9129:(e,t,i)=>{i.r(t),i.d(t,{assets:()=>o,contentTitle:()=>d,default:()=>h,frontMatter:()=>r,metadata:()=>l,toc:()=>c});var s=i(6070),n=i(1100),a=i(1928);const r={sidebar_position:8,sidebar_class_name:"sidebar-item--wip",unlisted:!0},d="White Labels",l={id:"guides/examples/white-labels",title:"White Labels",description:"Figma, brand uikit, templates, adaptability to brands",source:"@site/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/white-labels.mdx",sourceDirName:"guides/examples",slug:"/guides/examples/white-labels",permalink:"/kr/docs/guides/examples/white-labels",draft:!1,unlisted:!0,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/white-labels.mdx",tags:[],version:"current",lastUpdatedAt:1727607766e3,sidebarPosition:8,frontMatter:{sidebar_position:8,sidebar_class_name:"sidebar-item--wip",unlisted:!0},sidebar:"guidesSidebar"},o={},c=[...a.RM,{value:"See also",id:"see-also",level:2}];function u(e){const t={a:"a",blockquote:"blockquote",h1:"h1",h2:"h2",header:"header",li:"li",p:"p",ul:"ul",...(0,n.R)(),...e.components};return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(t.header,{children:(0,s.jsx)(t.h1,{id:"white-labels",children:"White Labels"})}),"\n",(0,s.jsx)(a.Ay,{ticket:"215"}),"\n",(0,s.jsxs)(t.blockquote,{children:["\n",(0,s.jsx)(t.p,{children:"Figma, brand uikit, templates, adaptability to brands"}),"\n"]}),"\n",(0,s.jsx)(t.h2,{id:"see-also",children:"See also"}),"\n",(0,s.jsxs)(t.ul,{children:["\n",(0,s.jsx)(t.li,{children:(0,s.jsx)(t.a,{href:"https://t.me/feature_sliced/1543",children:"(Thread) About the application for white-labels (branded) projects"})}),"\n",(0,s.jsx)(t.li,{children:(0,s.jsx)(t.a,{href:"http://yadi.sk/i/5IdhzsWrpO3v4Q",children:"(Presentation) About white-labels apps and design"})}),"\n"]})]})}function h(e={}){const{wrapper:t}={...(0,n.R)(),...e.components};return t?(0,s.jsx)(t,{...e,children:(0,s.jsx)(u,{...e})}):u(e)}},1100:(e,t,i)=>{i.d(t,{R:()=>r,x:()=>d});var s=i(758);const n={},a=s.createContext(n);function r(e){const t=s.useContext(a);return s.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function d(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(n):e.components||n:r(e.components),s.createElement(a.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
+"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[8211],{1928:(e,t,i)=>{i.d(t,{Ay:()=>c,RM:()=>l});var s=i(6070),n=i(1100),a=(i(758),i(6783)),r=i(7765);const d=e=>{let{ticket:t}=e;const i=`https://github.com/feature-sliced/documentation/issues/${t}`;return(0,s.jsxs)("div",{children:[(0,s.jsx)("p",{children:(0,r.T)({id:"shared.wip.title"})}),(0,s.jsx)("p",{children:(0,r.T)({id:"shared.wip.subtitle"})}),(0,s.jsxs)("ul",{children:[(0,s.jsxs)("li",{children:[(0,r.T)({id:"shared.wip.var.feedback.base"}),(0,s.jsx)(a.A,{to:i,children:(0,r.T)({id:"shared.wip.var.feedback.link"})})]}),(0,s.jsxs)("li",{children:[(0,r.T)({id:"shared.wip.var.material.base"}),(0,s.jsx)(a.A,{to:"https://t.me/feature_sliced",children:(0,r.T)({id:"shared.wip.var.material.link"})})]}),(0,s.jsxs)("li",{children:[(0,r.T)({id:"shared.wip.var.contribute.base"}),(0,s.jsx)(a.A,{to:"https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md",children:(0,r.T)({id:"shared.wip.var.contribute.link"})})]})]}),(0,s.jsx)("br",{}),(0,s.jsx)("p",{children:(0,s.jsx)("i",{children:"\ud83c\udf70 Stay tuned!"})})]})},l=[];function o(e){const t={admonition:"admonition",...(0,n.R)(),...e.components};return(0,s.jsx)(t.admonition,{title:"WIP",type:"caution",children:(0,s.jsx)(d,{ticket:e.ticket})})}function c(e={}){const{wrapper:t}={...(0,n.R)(),...e.components};return t?(0,s.jsx)(t,{...e,children:(0,s.jsx)(o,{...e})}):o(e)}},9129:(e,t,i)=>{i.r(t),i.d(t,{assets:()=>o,contentTitle:()=>d,default:()=>h,frontMatter:()=>r,metadata:()=>l,toc:()=>c});var s=i(6070),n=i(1100),a=i(1928);const r={sidebar_position:8,sidebar_class_name:"sidebar-item--wip",unlisted:!0},d="White Labels",l={id:"guides/examples/white-labels",title:"White Labels",description:"Figma, brand uikit, templates, adaptability to brands",source:"@site/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/white-labels.mdx",sourceDirName:"guides/examples",slug:"/guides/examples/white-labels",permalink:"/kr/docs/guides/examples/white-labels",draft:!1,unlisted:!0,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/white-labels.mdx",tags:[],version:"current",lastUpdatedAt:1728325386e3,sidebarPosition:8,frontMatter:{sidebar_position:8,sidebar_class_name:"sidebar-item--wip",unlisted:!0},sidebar:"guidesSidebar"},o={},c=[...a.RM,{value:"See also",id:"see-also",level:2}];function u(e){const t={a:"a",blockquote:"blockquote",h1:"h1",h2:"h2",header:"header",li:"li",p:"p",ul:"ul",...(0,n.R)(),...e.components};return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(t.header,{children:(0,s.jsx)(t.h1,{id:"white-labels",children:"White Labels"})}),"\n",(0,s.jsx)(a.Ay,{ticket:"215"}),"\n",(0,s.jsxs)(t.blockquote,{children:["\n",(0,s.jsx)(t.p,{children:"Figma, brand uikit, templates, adaptability to brands"}),"\n"]}),"\n",(0,s.jsx)(t.h2,{id:"see-also",children:"See also"}),"\n",(0,s.jsxs)(t.ul,{children:["\n",(0,s.jsx)(t.li,{children:(0,s.jsx)(t.a,{href:"https://t.me/feature_sliced/1543",children:"(Thread) About the application for white-labels (branded) projects"})}),"\n",(0,s.jsx)(t.li,{children:(0,s.jsx)(t.a,{href:"http://yadi.sk/i/5IdhzsWrpO3v4Q",children:"(Presentation) About white-labels apps and design"})}),"\n"]})]})}function h(e={}){const{wrapper:t}={...(0,n.R)(),...e.components};return t?(0,s.jsx)(t,{...e,children:(0,s.jsx)(u,{...e})}):u(e)}},1100:(e,t,i)=>{i.d(t,{R:()=>r,x:()=>d});var s=i(758);const n={},a=s.createContext(n);function r(e){const t=s.useContext(a);return s.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function d(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(n):e.components||n:r(e.components),s.createElement(a.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
diff --git a/kr/assets/js/f2c174dc.5268bd91.js b/kr/assets/js/f2c174dc.aeff108a.js
similarity index 99%
rename from kr/assets/js/f2c174dc.5268bd91.js
rename to kr/assets/js/f2c174dc.aeff108a.js
index 9d6c33b518..6025b740b1 100644
--- a/kr/assets/js/f2c174dc.5268bd91.js
+++ b/kr/assets/js/f2c174dc.aeff108a.js
@@ -1 +1 @@
-"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[4861],{8595:(e,s,i)=>{i.r(s),i.d(s,{assets:()=>a,contentTitle:()=>o,default:()=>h,frontMatter:()=>r,metadata:()=>l,toc:()=>c});var n=i(6070),t=i(1100);const r={sidebar_position:3,sidebar_label:"From a custom architecture"},o="Migration from a custom architecture",l={id:"guides/migration/from-custom",title:"Migration from a custom architecture",description:"This guide describes an approach that might be helpful when migrating from a custom self-made architecture to Feature-Sliced Design.",source:"@site/i18n/en/docusaurus-plugin-content-docs/current/guides/migration/from-custom.md",sourceDirName:"guides/migration",slug:"/guides/migration/from-custom",permalink:"/kr/docs/guides/migration/from-custom",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/guides/migration/from-custom.md",tags:[],version:"current",lastUpdatedAt:1727607766e3,sidebarPosition:3,frontMatter:{sidebar_position:3,sidebar_label:"From a custom architecture"},sidebar:"guidesSidebar",previous:{title:"Page layouts",permalink:"/kr/docs/guides/examples/page-layout"},next:{title:"Migration from v1",permalink:"/kr/docs/guides/migration/from-v1"}},a={},c=[{value:"Before you start",id:"before-you-start",level:2},{value:"Step 1. Divide the code by pages",id:"divide-code-by-pages",level:2},{value:"Step 2. Separate everything else from the pages",id:"separate-everything-else-from-pages",level:2},{value:"Step 3. Tackle cross-imports between pages",id:"tackle-cross-imports-between-pages",level:2},{value:"Step 4. Unpack the Shared layer",id:"unpack-shared-layer",level:2},{value:"Step 5. Organize code by technical purpose",id:"organize-by-technical-purpose",level:2},{value:"Optional steps",id:"optional-steps",level:2},{value:"Step 6. Form entities/features from Redux slices that are used on several pages",id:"form-entities-features-from-redux",level:3},{value:"Step 7. Refactor your modules",id:"refactor-your-modules",level:3},{value:"Step 8. Form a clean UI foundation in <code>shared/ui</code>",id:"form-clean-ui-foundation",level:3},{value:"See also",id:"see-also",level:2}];function d(e){const s={a:"a",admonition:"admonition",br:"br",code:"code",em:"em",h1:"h1",h2:"h2",h3:"h3",header:"header",hr:"hr",li:"li",ol:"ol",p:"p",pre:"pre",strong:"strong",ul:"ul",...(0,t.R)(),...e.components},{Details:i}=s;return i||function(e,s){throw new Error("Expected "+(s?"component":"object")+" `"+e+"` to be defined: you likely forgot to import, pass, or provide it.")}("Details",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(s.header,{children:(0,n.jsx)(s.h1,{id:"migration-from-a-custom-architecture",children:"Migration from a custom architecture"})}),"\n",(0,n.jsx)(s.p,{children:"This guide describes an approach that might be helpful when migrating from a custom self-made architecture to Feature-Sliced Design."}),"\n",(0,n.jsxs)(s.p,{children:["Here is the folder structure of a typical custom architecture. We will be using it as an example in this guide.",(0,n.jsx)(s.br,{}),"\n","Click on the blue arrow to open the folder."]}),"\n",(0,n.jsxs)(i,{className:"file-tree",children:[(0,n.jsx)("summary",{children:"\ud83d\udcc1 src"}),(0,n.jsxs)("ul",{children:[(0,n.jsx)("li",{children:(0,n.jsxs)(i,{className:"file-tree",children:[(0,n.jsx)("summary",{children:"\ud83d\udcc1 actions"}),(0,n.jsxs)("ul",{children:[(0,n.jsx)("li",{children:"\ud83d\udcc1 product"}),(0,n.jsx)("li",{children:"\ud83d\udcc1 order"})]})]})}),(0,n.jsx)("li",{children:"\ud83d\udcc1 api"}),(0,n.jsx)("li",{children:"\ud83d\udcc1 components"}),(0,n.jsx)("li",{children:"\ud83d\udcc1 containers"}),(0,n.jsx)("li",{children:"\ud83d\udcc1 constants"}),(0,n.jsx)("li",{children:"\ud83d\udcc1 i18n"}),(0,n.jsx)("li",{children:"\ud83d\udcc1 modules"}),(0,n.jsx)("li",{children:"\ud83d\udcc1 helpers"}),(0,n.jsx)("li",{children:(0,n.jsxs)(i,{className:"file-tree",children:[(0,n.jsx)("summary",{children:"\ud83d\udcc1 routes"}),(0,n.jsxs)("ul",{children:[(0,n.jsx)("li",{children:"\ud83d\udcc1 products.jsx"}),(0,n.jsx)("li",{children:"\ud83d\udcc4 products.[id].jsx"})]})]})}),(0,n.jsx)("li",{children:"\ud83d\udcc1 utils"}),(0,n.jsx)("li",{children:"\ud83d\udcc1 reducers"}),(0,n.jsx)("li",{children:"\ud83d\udcc1 selectors"}),(0,n.jsx)("li",{children:"\ud83d\udcc1 styles"}),(0,n.jsx)("li",{children:"\ud83d\udcc4 App.jsx"}),(0,n.jsx)("li",{children:"\ud83d\udcc4 index.js"})]})]}),"\n",(0,n.jsx)(s.h2,{id:"before-you-start",children:"Before you start"}),"\n",(0,n.jsxs)(s.p,{children:["The most important question to ask your team when considering to switch to Feature-Sliced Design is \u2014 ",(0,n.jsx)(s.em,{children:"do you really need it?"})," We love Feature-Sliced Design, but even we recognize that some projects are perfectly fine without it."]}),"\n",(0,n.jsx)(s.p,{children:"Here are some reasons to consider making the switch:"}),"\n",(0,n.jsxs)(s.ol,{children:["\n",(0,n.jsx)(s.li,{children:"New team members are complaining that it's hard to get to a productive level"}),"\n",(0,n.jsxs)(s.li,{children:["Making modifications to one part of the code ",(0,n.jsx)(s.strong,{children:"often"})," causes another unrelated part to break"]}),"\n",(0,n.jsx)(s.li,{children:"Adding new functionality is difficult due to the sheer amount of things you need to think about"}),"\n"]}),"\n",(0,n.jsxs)(s.p,{children:[(0,n.jsx)(s.strong,{children:"Avoid switching to FSD against the will of your teammates"}),", even if you are the lead.",(0,n.jsx)(s.br,{}),"\n","First, convince your teammates that the benefits outweigh the cost of migration and the cost of learning a new architecture instead of the established one."]}),"\n",(0,n.jsx)(s.p,{children:"Also keep in mind that any kind of architectural changes are not immediately observable to the management. Make sure they are on board with the switch before starting and explain to them why it might benefit the project."}),"\n",(0,n.jsxs)(s.admonition,{type:"tip",children:[(0,n.jsx)(s.p,{children:"If you need help convincing the project manager that FSD is beneficial, consider some of these points:"}),(0,n.jsxs)(s.ol,{children:["\n",(0,n.jsx)(s.li,{children:"Migration to FSD can happen incrementally, so it will not halt the development of new features"}),"\n",(0,n.jsx)(s.li,{children:"A good architecture can significantly decrease the time that a new developer needs to get productive"}),"\n",(0,n.jsx)(s.li,{children:"FSD is a documented architecture, so the team doesn't have to continuously spend time on maintaining their own documentation"}),"\n"]})]}),"\n",(0,n.jsx)(s.hr,{}),"\n",(0,n.jsxs)(s.p,{children:["If you made the decision to start migrating, then the first thing you want to do is to set up an alias for ",(0,n.jsx)(s.code,{children:"\ud83d\udcc1 src"}),". It will be helpful later to refer to top-level folders. We will consider ",(0,n.jsx)(s.code,{children:"@"})," as an alias for ",(0,n.jsx)(s.code,{children:"./src"})," for the rest of this guide."]}),"\n",(0,n.jsx)(s.h2,{id:"divide-code-by-pages",children:"Step 1. Divide the code by pages"}),"\n",(0,n.jsxs)(s.p,{children:["Most custom architectures already have a division by pages, however small or large in logic. If you already have ",(0,n.jsx)(s.code,{children:"\ud83d\udcc1 pages"}),", you may skip this step."]}),"\n",(0,n.jsxs)(s.p,{children:["If you only have ",(0,n.jsx)(s.code,{children:"\ud83d\udcc1 routes"}),", create ",(0,n.jsx)(s.code,{children:"\ud83d\udcc1 pages"})," and try to move as much component code from ",(0,n.jsx)(s.code,{children:"\ud83d\udcc1 routes"})," as possible. Ideally, you would have a tiny route and a larger page. As you're moving code, create a folder for each page and add an index file:"]}),"\n",(0,n.jsx)(s.admonition,{type:"note",children:(0,n.jsx)(s.p,{children:"For now, it's okay if your pages reference each other. You can tackle that later, but for now, focus on establishing a prominent division by pages."})}),"\n",(0,n.jsx)(s.p,{children:"Route file:"}),"\n",(0,n.jsx)(s.pre,{children:(0,n.jsx)(s.code,{className:"language-js",metastring:'title="src/routes/products.[id].js"',children:'export { ProductPage as default } from "@/pages/product"\n'})}),"\n",(0,n.jsx)(s.p,{children:"Page index file:"}),"\n",(0,n.jsx)(s.pre,{children:(0,n.jsx)(s.code,{className:"language-js",metastring:'title="src/pages/product/index.js"',children:'export { ProductPage } from "./ProductPage.jsx"\n'})}),"\n",(0,n.jsx)(s.p,{children:"Page component file:"}),"\n",(0,n.jsx)(s.pre,{children:(0,n.jsx)(s.code,{className:"language-jsx",metastring:'title="src/pages/product/ProductPage.jsx"',children:"export function ProductPage(props) {\n  return <div />;\n}\n"})}),"\n",(0,n.jsx)(s.h2,{id:"separate-everything-else-from-pages",children:"Step 2. Separate everything else from the pages"}),"\n",(0,n.jsxs)(s.p,{children:["Create a folder ",(0,n.jsx)(s.code,{children:"\ud83d\udcc1 src/shared"})," and move everything that doesn't import from ",(0,n.jsx)(s.code,{children:"\ud83d\udcc1 pages"})," or ",(0,n.jsx)(s.code,{children:"\ud83d\udcc1 routes"})," there. Create a folder ",(0,n.jsx)(s.code,{children:"\ud83d\udcc1 src/app"})," and move everything that does import the pages or routes there, including the routes themselves."]}),"\n",(0,n.jsx)(s.p,{children:"Remember that the Shared layer doesn't have slices, so it's fine if segments import from each other."}),"\n",(0,n.jsx)(s.p,{children:"You should end up with a file structure like this:"}),"\n",(0,n.jsxs)(i,{className:"file-tree",open:!0,children:[(0,n.jsx)("summary",{children:"\ud83d\udcc1 src"}),(0,n.jsxs)("ul",{children:[(0,n.jsx)("li",{children:(0,n.jsxs)(i,{className:"file-tree",children:[(0,n.jsx)("summary",{children:"\ud83d\udcc1 app"}),(0,n.jsxs)("ul",{children:[(0,n.jsx)("li",{children:(0,n.jsxs)(i,{className:"file-tree",children:[(0,n.jsx)("summary",{children:"\ud83d\udcc1 routes"}),(0,n.jsxs)("ul",{children:[(0,n.jsx)("li",{children:"\ud83d\udcc4 products.jsx"}),(0,n.jsx)("li",{children:"\ud83d\udcc4 products.[id].jsx"})]})]})}),(0,n.jsx)("li",{children:"\ud83d\udcc4 App.jsx"}),(0,n.jsx)("li",{children:"\ud83d\udcc4 index.js"})]})]})}),(0,n.jsx)("li",{children:(0,n.jsxs)(i,{className:"file-tree",children:[(0,n.jsx)("summary",{children:"\ud83d\udcc1 pages"}),(0,n.jsxs)("ul",{children:[(0,n.jsx)("li",{children:(0,n.jsxs)(i,{className:"file-tree",children:[(0,n.jsx)("summary",{children:"\ud83d\udcc1 product"}),(0,n.jsxs)("ul",{children:[(0,n.jsx)("li",{children:(0,n.jsxs)(i,{className:"file-tree",children:[(0,n.jsx)("summary",{children:"\ud83d\udcc1 ui"}),(0,n.jsx)("ul",{children:(0,n.jsx)("li",{children:"\ud83d\udcc4 ProductPage.jsx"})})]})}),(0,n.jsx)("li",{children:"\ud83d\udcc4 index.js"})]})]})}),(0,n.jsx)("li",{children:"\ud83d\udcc1 catalog"})]})]})}),(0,n.jsx)("li",{children:(0,n.jsxs)(i,{className:"file-tree",children:[(0,n.jsx)("summary",{children:"\ud83d\udcc1 shared"}),(0,n.jsxs)("ul",{children:[(0,n.jsx)("li",{children:"\ud83d\udcc1 actions"}),(0,n.jsx)("li",{children:"\ud83d\udcc1 api"}),(0,n.jsx)("li",{children:"\ud83d\udcc1 components"}),(0,n.jsx)("li",{children:"\ud83d\udcc1 containers"}),(0,n.jsx)("li",{children:"\ud83d\udcc1 constants"}),(0,n.jsx)("li",{children:"\ud83d\udcc1 i18n"}),(0,n.jsx)("li",{children:"\ud83d\udcc1 modules"}),(0,n.jsx)("li",{children:"\ud83d\udcc1 helpers"}),(0,n.jsx)("li",{children:"\ud83d\udcc1 utils"}),(0,n.jsx)("li",{children:"\ud83d\udcc1 reducers"}),(0,n.jsx)("li",{children:"\ud83d\udcc1 selectors"}),(0,n.jsx)("li",{children:"\ud83d\udcc1 styles"})]})]})})]})]}),"\n",(0,n.jsx)(s.h2,{id:"tackle-cross-imports-between-pages",children:"Step 3. Tackle cross-imports between pages"}),"\n",(0,n.jsx)(s.p,{children:"Find all instances where one page is importing from the other and do one of the two things:"}),"\n",(0,n.jsxs)(s.ol,{children:["\n",(0,n.jsx)(s.li,{children:"Copy-paste the imported code into the depending page to remove the dependency"}),"\n",(0,n.jsxs)(s.li,{children:["Move the code to a proper segment in Shared:","\n",(0,n.jsxs)(s.ul,{children:["\n",(0,n.jsxs)(s.li,{children:["if it's a part of the UI kit, move it to ",(0,n.jsx)(s.code,{children:"\ud83d\udcc1 shared/ui"}),";"]}),"\n",(0,n.jsxs)(s.li,{children:["if it's a configuration constant, move it to ",(0,n.jsx)(s.code,{children:"\ud83d\udcc1 shared/config"}),";"]}),"\n",(0,n.jsxs)(s.li,{children:["if it's a backend interaction, move it to ",(0,n.jsx)(s.code,{children:"\ud83d\udcc1 shared/api"}),"."]}),"\n"]}),"\n"]}),"\n"]}),"\n",(0,n.jsxs)(s.admonition,{type:"note",children:[(0,n.jsxs)(s.p,{children:[(0,n.jsx)(s.strong,{children:"Copy-pasting isn't architecturally wrong"}),", in fact, sometimes it may be more correct to duplicate than to abstract into a new reusable module. The reason is that sometimes the shared parts of pages start drifting apart, and you don't want dependencies getting in your way in these cases."]}),(0,n.jsx)(s.p,{children:"However, there is still sense in the DRY (\"don't repeat yourself\") principle, so make sure you're not copy-pasting business logic. Otherwise you will need to remember to fix bugs in several places at once."})]}),"\n",(0,n.jsx)(s.h2,{id:"unpack-shared-layer",children:"Step 4. Unpack the Shared layer"}),"\n",(0,n.jsx)(s.p,{children:"You might have a lot of stuff in the Shared layer on this step, and you generally want to avoid that. The reason is that the Shared layer may be a dependency for any other layer in your codebase, so making changes to that code is automatically more prone to unintended consequences."}),"\n",(0,n.jsxs)(s.p,{children:["Find all the objects that are only used on one page and move it to the slice of that page. And yes, ",(0,n.jsx)(s.em,{children:"that applies to actions, reducers, and selectors, too"}),". There is no benefit in grouping all actions together, but there is benefit in colocating relevant actions close to their usage."]}),"\n",(0,n.jsx)(s.p,{children:"You should end up with a file structure like this:"}),"\n",(0,n.jsxs)(i,{className:"file-tree",open:!0,children:[(0,n.jsx)("summary",{children:"\ud83d\udcc1 src"}),(0,n.jsxs)("ul",{children:[(0,n.jsx)("li",{children:"\ud83d\udcc1 app (unchanged)"}),(0,n.jsx)("li",{children:(0,n.jsxs)(i,{className:"file-tree",open:!0,children:[(0,n.jsx)("summary",{children:"\ud83d\udcc1 pages"}),(0,n.jsxs)("ul",{children:[(0,n.jsx)("li",{children:(0,n.jsxs)(i,{className:"file-tree",open:!0,children:[(0,n.jsx)("summary",{children:"\ud83d\udcc1 product"}),(0,n.jsxs)("ul",{children:[(0,n.jsx)("li",{children:"\ud83d\udcc1 actions"}),(0,n.jsx)("li",{children:"\ud83d\udcc1 reducers"}),(0,n.jsx)("li",{children:"\ud83d\udcc1 selectors"}),(0,n.jsx)("li",{children:(0,n.jsxs)(i,{className:"file-tree",children:[(0,n.jsx)("summary",{children:"\ud83d\udcc1 ui"}),(0,n.jsxs)("ul",{children:[(0,n.jsx)("li",{children:"\ud83d\udcc4 Component.jsx"}),(0,n.jsx)("li",{children:"\ud83d\udcc4 Container.jsx"}),(0,n.jsx)("li",{children:"\ud83d\udcc4 ProductPage.jsx"})]})]})}),(0,n.jsx)("li",{children:"\ud83d\udcc4 index.js"})]})]})}),(0,n.jsx)("li",{children:"\ud83d\udcc1 catalog"})]})]})}),(0,n.jsx)("li",{children:(0,n.jsxs)(i,{className:"file-tree",children:[(0,n.jsx)("summary",{children:"\ud83d\udcc1 shared (only objects that are reused)"}),(0,n.jsxs)("ul",{children:[(0,n.jsx)("li",{children:"\ud83d\udcc1 actions"}),(0,n.jsx)("li",{children:"\ud83d\udcc1 api"}),(0,n.jsx)("li",{children:"\ud83d\udcc1 components"}),(0,n.jsx)("li",{children:"\ud83d\udcc1 containers"}),(0,n.jsx)("li",{children:"\ud83d\udcc1 constants"}),(0,n.jsx)("li",{children:"\ud83d\udcc1 i18n"}),(0,n.jsx)("li",{children:"\ud83d\udcc1 modules"}),(0,n.jsx)("li",{children:"\ud83d\udcc1 helpers"}),(0,n.jsx)("li",{children:"\ud83d\udcc1 utils"}),(0,n.jsx)("li",{children:"\ud83d\udcc1 reducers"}),(0,n.jsx)("li",{children:"\ud83d\udcc1 selectors"}),(0,n.jsx)("li",{children:"\ud83d\udcc1 styles"})]})]})})]})]}),"\n",(0,n.jsx)(s.h2,{id:"organize-by-technical-purpose",children:"Step 5. Organize code by technical purpose"}),"\n",(0,n.jsxs)(s.p,{children:["In FSD, division by technical purpose is done with ",(0,n.jsx)(s.em,{children:"segments"}),". There are a few common ones:"]}),"\n",(0,n.jsxs)(s.ul,{children:["\n",(0,n.jsxs)(s.li,{children:[(0,n.jsx)(s.code,{children:"ui"})," \u2014 everything related to UI display: UI components, date formatters, styles, etc."]}),"\n",(0,n.jsxs)(s.li,{children:[(0,n.jsx)(s.code,{children:"api"})," \u2014 backend interactions: request functions, data types, mappers, etc."]}),"\n",(0,n.jsxs)(s.li,{children:[(0,n.jsx)(s.code,{children:"model"})," \u2014 the data model: schemas, interfaces, stores, and business logic."]}),"\n",(0,n.jsxs)(s.li,{children:[(0,n.jsx)(s.code,{children:"lib"})," \u2014 library code that other modules on this slice need."]}),"\n",(0,n.jsxs)(s.li,{children:[(0,n.jsx)(s.code,{children:"config"})," \u2014 configuration files and feature flags."]}),"\n"]}),"\n",(0,n.jsxs)(s.p,{children:["You can create your own segments, too, if you need. Make sure not to create segments that group code by what it is, like ",(0,n.jsx)(s.code,{children:"components"}),", ",(0,n.jsx)(s.code,{children:"actions"}),", ",(0,n.jsx)(s.code,{children:"types"}),", ",(0,n.jsx)(s.code,{children:"utils"}),". Instead, group the code by what it's for."]}),"\n",(0,n.jsxs)(s.p,{children:["Reorganize your pages to separate code by segments. You should already have a ",(0,n.jsx)(s.code,{children:"ui"})," segment, now it's time to create other segments, like ",(0,n.jsx)(s.code,{children:"model"})," for your actions, reducers, and selectors, or ",(0,n.jsx)(s.code,{children:"api"})," for your thunks and mutations."]}),"\n",(0,n.jsx)(s.p,{children:"Also reorganize the Shared layer to remove these folders:"}),"\n",(0,n.jsxs)(s.ul,{children:["\n",(0,n.jsxs)(s.li,{children:[(0,n.jsx)(s.code,{children:"\ud83d\udcc1 components"}),", ",(0,n.jsx)(s.code,{children:"\ud83d\udcc1 containers"})," \u2014 most of it should become ",(0,n.jsx)(s.code,{children:"\ud83d\udcc1 shared/ui"}),";"]}),"\n",(0,n.jsxs)(s.li,{children:[(0,n.jsx)(s.code,{children:"\ud83d\udcc1 helpers"}),", ",(0,n.jsx)(s.code,{children:"\ud83d\udcc1 utils"})," \u2014 if there are some reused helpers left, group them together by function, like dates or type conversions, and move theses groups to ",(0,n.jsx)(s.code,{children:"\ud83d\udcc1 shared/lib"}),";"]}),"\n",(0,n.jsxs)(s.li,{children:[(0,n.jsx)(s.code,{children:"\ud83d\udcc1 constants"})," \u2014 again, group by function and move to ",(0,n.jsx)(s.code,{children:"\ud83d\udcc1 shared/config"}),"."]}),"\n"]}),"\n",(0,n.jsx)(s.h2,{id:"optional-steps",children:"Optional steps"}),"\n",(0,n.jsx)(s.h3,{id:"form-entities-features-from-redux",children:"Step 6. Form entities/features from Redux slices that are used on several pages"}),"\n",(0,n.jsx)(s.p,{children:"Usually, these reused Redux slices will describe something relevant to the business, for example, products or users, so these can be moved to the Entities layer, one entity per one folder. If the Redux slice is related to an action that your users want to do in your app, like comments, then you can move it to the Features layer."}),"\n",(0,n.jsxs)(s.p,{children:["Entities and features are meant to be independent from each other. If your business domain contains inherent connections between entities, refer to the ",(0,n.jsx)(s.a,{href:"/docs/guides/examples/types#business-entities-and-their-cross-references",children:"guide on business entities"})," for advice on how to organize these connections."]}),"\n",(0,n.jsxs)(s.p,{children:["The API functions related to these slices can stay in ",(0,n.jsx)(s.code,{children:"\ud83d\udcc1 shared/api"}),"."]}),"\n",(0,n.jsx)(s.h3,{id:"refactor-your-modules",children:"Step 7. Refactor your modules"}),"\n",(0,n.jsxs)(s.p,{children:["The ",(0,n.jsx)(s.code,{children:"\ud83d\udcc1 modules"})," folder is commonly used for business logic, so it's already pretty similar in nature to the Features layer from FSD. Some modules might also be describe large chunks of the UI, like an app header. In that case, you should migrate them to the Widgets layer."]}),"\n",(0,n.jsxs)(s.h3,{id:"form-clean-ui-foundation",children:["Step 8. Form a clean UI foundation in ",(0,n.jsx)(s.code,{children:"shared/ui"})]}),"\n",(0,n.jsxs)(s.p,{children:[(0,n.jsx)(s.code,{children:"\ud83d\udcc1 shared/ui"})," should ideally contain a set of UI elements that don't have any business logic encoded in them. They should also be highly reusable."]}),"\n",(0,n.jsxs)(s.p,{children:["Refactor the UI components that used to be in ",(0,n.jsx)(s.code,{children:"\ud83d\udcc1 components"})," and ",(0,n.jsx)(s.code,{children:"\ud83d\udcc1 containers"})," to separate out the business logic. Move that business logic to the higher layers. If it's not used in too many places, you could even consider copy-pasting."]}),"\n",(0,n.jsx)(s.h2,{id:"see-also",children:"See also"}),"\n",(0,n.jsxs)(s.ul,{children:["\n",(0,n.jsx)(s.li,{children:(0,n.jsx)(s.a,{href:"https://youtu.be/aOiJ3k2UvO4",children:"(Talk in Russian) Ilya Klimov \u2014 \u041a\u0440\u044b\u0441\u0438\u043d\u044b\u0435 \u0431\u0435\u0433\u0430 \u0431\u0435\u0441\u043a\u043e\u043d\u0435\u0447\u043d\u043e\u0433\u043e \u0440\u0435\u0444\u0430\u043a\u0442\u043e\u0440\u0438\u043d\u0433\u0430: \u043a\u0430\u043a \u043d\u0435 \u0434\u0430\u0442\u044c \u0442\u0435\u0445\u043d\u0438\u0447\u0435\u0441\u043a\u043e\u043c\u0443 \u0434\u043e\u043b\u0433\u0443 \u0443\u0431\u0438\u0442\u044c \u043c\u043e\u0442\u0438\u0432\u0430\u0446\u0438\u044e \u0438 \u043f\u0440\u043e\u0434\u0443\u043a\u0442"})}),"\n"]})]})}function h(e={}){const{wrapper:s}={...(0,t.R)(),...e.components};return s?(0,n.jsx)(s,{...e,children:(0,n.jsx)(d,{...e})}):d(e)}},1100:(e,s,i)=>{i.d(s,{R:()=>o,x:()=>l});var n=i(758);const t={},r=n.createContext(t);function o(e){const s=n.useContext(r);return n.useMemo((function(){return"function"==typeof e?e(s):{...s,...e}}),[s,e])}function l(e){let s;return s=e.disableParentContext?"function"==typeof e.components?e.components(t):e.components||t:o(e.components),n.createElement(r.Provider,{value:s},e.children)}}}]);
\ No newline at end of file
+"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[4861],{8595:(e,s,i)=>{i.r(s),i.d(s,{assets:()=>a,contentTitle:()=>o,default:()=>h,frontMatter:()=>r,metadata:()=>l,toc:()=>c});var n=i(6070),t=i(1100);const r={sidebar_position:3,sidebar_label:"From a custom architecture"},o="Migration from a custom architecture",l={id:"guides/migration/from-custom",title:"Migration from a custom architecture",description:"This guide describes an approach that might be helpful when migrating from a custom self-made architecture to Feature-Sliced Design.",source:"@site/i18n/en/docusaurus-plugin-content-docs/current/guides/migration/from-custom.md",sourceDirName:"guides/migration",slug:"/guides/migration/from-custom",permalink:"/kr/docs/guides/migration/from-custom",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/guides/migration/from-custom.md",tags:[],version:"current",lastUpdatedAt:1728325386e3,sidebarPosition:3,frontMatter:{sidebar_position:3,sidebar_label:"From a custom architecture"},sidebar:"guidesSidebar",previous:{title:"Page layouts",permalink:"/kr/docs/guides/examples/page-layout"},next:{title:"Migration from v1",permalink:"/kr/docs/guides/migration/from-v1"}},a={},c=[{value:"Before you start",id:"before-you-start",level:2},{value:"Step 1. Divide the code by pages",id:"divide-code-by-pages",level:2},{value:"Step 2. Separate everything else from the pages",id:"separate-everything-else-from-pages",level:2},{value:"Step 3. Tackle cross-imports between pages",id:"tackle-cross-imports-between-pages",level:2},{value:"Step 4. Unpack the Shared layer",id:"unpack-shared-layer",level:2},{value:"Step 5. Organize code by technical purpose",id:"organize-by-technical-purpose",level:2},{value:"Optional steps",id:"optional-steps",level:2},{value:"Step 6. Form entities/features from Redux slices that are used on several pages",id:"form-entities-features-from-redux",level:3},{value:"Step 7. Refactor your modules",id:"refactor-your-modules",level:3},{value:"Step 8. Form a clean UI foundation in <code>shared/ui</code>",id:"form-clean-ui-foundation",level:3},{value:"See also",id:"see-also",level:2}];function d(e){const s={a:"a",admonition:"admonition",br:"br",code:"code",em:"em",h1:"h1",h2:"h2",h3:"h3",header:"header",hr:"hr",li:"li",ol:"ol",p:"p",pre:"pre",strong:"strong",ul:"ul",...(0,t.R)(),...e.components},{Details:i}=s;return i||function(e,s){throw new Error("Expected "+(s?"component":"object")+" `"+e+"` to be defined: you likely forgot to import, pass, or provide it.")}("Details",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(s.header,{children:(0,n.jsx)(s.h1,{id:"migration-from-a-custom-architecture",children:"Migration from a custom architecture"})}),"\n",(0,n.jsx)(s.p,{children:"This guide describes an approach that might be helpful when migrating from a custom self-made architecture to Feature-Sliced Design."}),"\n",(0,n.jsxs)(s.p,{children:["Here is the folder structure of a typical custom architecture. We will be using it as an example in this guide.",(0,n.jsx)(s.br,{}),"\n","Click on the blue arrow to open the folder."]}),"\n",(0,n.jsxs)(i,{className:"file-tree",children:[(0,n.jsx)("summary",{children:"\ud83d\udcc1 src"}),(0,n.jsxs)("ul",{children:[(0,n.jsx)("li",{children:(0,n.jsxs)(i,{className:"file-tree",children:[(0,n.jsx)("summary",{children:"\ud83d\udcc1 actions"}),(0,n.jsxs)("ul",{children:[(0,n.jsx)("li",{children:"\ud83d\udcc1 product"}),(0,n.jsx)("li",{children:"\ud83d\udcc1 order"})]})]})}),(0,n.jsx)("li",{children:"\ud83d\udcc1 api"}),(0,n.jsx)("li",{children:"\ud83d\udcc1 components"}),(0,n.jsx)("li",{children:"\ud83d\udcc1 containers"}),(0,n.jsx)("li",{children:"\ud83d\udcc1 constants"}),(0,n.jsx)("li",{children:"\ud83d\udcc1 i18n"}),(0,n.jsx)("li",{children:"\ud83d\udcc1 modules"}),(0,n.jsx)("li",{children:"\ud83d\udcc1 helpers"}),(0,n.jsx)("li",{children:(0,n.jsxs)(i,{className:"file-tree",children:[(0,n.jsx)("summary",{children:"\ud83d\udcc1 routes"}),(0,n.jsxs)("ul",{children:[(0,n.jsx)("li",{children:"\ud83d\udcc1 products.jsx"}),(0,n.jsx)("li",{children:"\ud83d\udcc4 products.[id].jsx"})]})]})}),(0,n.jsx)("li",{children:"\ud83d\udcc1 utils"}),(0,n.jsx)("li",{children:"\ud83d\udcc1 reducers"}),(0,n.jsx)("li",{children:"\ud83d\udcc1 selectors"}),(0,n.jsx)("li",{children:"\ud83d\udcc1 styles"}),(0,n.jsx)("li",{children:"\ud83d\udcc4 App.jsx"}),(0,n.jsx)("li",{children:"\ud83d\udcc4 index.js"})]})]}),"\n",(0,n.jsx)(s.h2,{id:"before-you-start",children:"Before you start"}),"\n",(0,n.jsxs)(s.p,{children:["The most important question to ask your team when considering to switch to Feature-Sliced Design is \u2014 ",(0,n.jsx)(s.em,{children:"do you really need it?"})," We love Feature-Sliced Design, but even we recognize that some projects are perfectly fine without it."]}),"\n",(0,n.jsx)(s.p,{children:"Here are some reasons to consider making the switch:"}),"\n",(0,n.jsxs)(s.ol,{children:["\n",(0,n.jsx)(s.li,{children:"New team members are complaining that it's hard to get to a productive level"}),"\n",(0,n.jsxs)(s.li,{children:["Making modifications to one part of the code ",(0,n.jsx)(s.strong,{children:"often"})," causes another unrelated part to break"]}),"\n",(0,n.jsx)(s.li,{children:"Adding new functionality is difficult due to the sheer amount of things you need to think about"}),"\n"]}),"\n",(0,n.jsxs)(s.p,{children:[(0,n.jsx)(s.strong,{children:"Avoid switching to FSD against the will of your teammates"}),", even if you are the lead.",(0,n.jsx)(s.br,{}),"\n","First, convince your teammates that the benefits outweigh the cost of migration and the cost of learning a new architecture instead of the established one."]}),"\n",(0,n.jsx)(s.p,{children:"Also keep in mind that any kind of architectural changes are not immediately observable to the management. Make sure they are on board with the switch before starting and explain to them why it might benefit the project."}),"\n",(0,n.jsxs)(s.admonition,{type:"tip",children:[(0,n.jsx)(s.p,{children:"If you need help convincing the project manager that FSD is beneficial, consider some of these points:"}),(0,n.jsxs)(s.ol,{children:["\n",(0,n.jsx)(s.li,{children:"Migration to FSD can happen incrementally, so it will not halt the development of new features"}),"\n",(0,n.jsx)(s.li,{children:"A good architecture can significantly decrease the time that a new developer needs to get productive"}),"\n",(0,n.jsx)(s.li,{children:"FSD is a documented architecture, so the team doesn't have to continuously spend time on maintaining their own documentation"}),"\n"]})]}),"\n",(0,n.jsx)(s.hr,{}),"\n",(0,n.jsxs)(s.p,{children:["If you made the decision to start migrating, then the first thing you want to do is to set up an alias for ",(0,n.jsx)(s.code,{children:"\ud83d\udcc1 src"}),". It will be helpful later to refer to top-level folders. We will consider ",(0,n.jsx)(s.code,{children:"@"})," as an alias for ",(0,n.jsx)(s.code,{children:"./src"})," for the rest of this guide."]}),"\n",(0,n.jsx)(s.h2,{id:"divide-code-by-pages",children:"Step 1. Divide the code by pages"}),"\n",(0,n.jsxs)(s.p,{children:["Most custom architectures already have a division by pages, however small or large in logic. If you already have ",(0,n.jsx)(s.code,{children:"\ud83d\udcc1 pages"}),", you may skip this step."]}),"\n",(0,n.jsxs)(s.p,{children:["If you only have ",(0,n.jsx)(s.code,{children:"\ud83d\udcc1 routes"}),", create ",(0,n.jsx)(s.code,{children:"\ud83d\udcc1 pages"})," and try to move as much component code from ",(0,n.jsx)(s.code,{children:"\ud83d\udcc1 routes"})," as possible. Ideally, you would have a tiny route and a larger page. As you're moving code, create a folder for each page and add an index file:"]}),"\n",(0,n.jsx)(s.admonition,{type:"note",children:(0,n.jsx)(s.p,{children:"For now, it's okay if your pages reference each other. You can tackle that later, but for now, focus on establishing a prominent division by pages."})}),"\n",(0,n.jsx)(s.p,{children:"Route file:"}),"\n",(0,n.jsx)(s.pre,{children:(0,n.jsx)(s.code,{className:"language-js",metastring:'title="src/routes/products.[id].js"',children:'export { ProductPage as default } from "@/pages/product"\n'})}),"\n",(0,n.jsx)(s.p,{children:"Page index file:"}),"\n",(0,n.jsx)(s.pre,{children:(0,n.jsx)(s.code,{className:"language-js",metastring:'title="src/pages/product/index.js"',children:'export { ProductPage } from "./ProductPage.jsx"\n'})}),"\n",(0,n.jsx)(s.p,{children:"Page component file:"}),"\n",(0,n.jsx)(s.pre,{children:(0,n.jsx)(s.code,{className:"language-jsx",metastring:'title="src/pages/product/ProductPage.jsx"',children:"export function ProductPage(props) {\n  return <div />;\n}\n"})}),"\n",(0,n.jsx)(s.h2,{id:"separate-everything-else-from-pages",children:"Step 2. Separate everything else from the pages"}),"\n",(0,n.jsxs)(s.p,{children:["Create a folder ",(0,n.jsx)(s.code,{children:"\ud83d\udcc1 src/shared"})," and move everything that doesn't import from ",(0,n.jsx)(s.code,{children:"\ud83d\udcc1 pages"})," or ",(0,n.jsx)(s.code,{children:"\ud83d\udcc1 routes"})," there. Create a folder ",(0,n.jsx)(s.code,{children:"\ud83d\udcc1 src/app"})," and move everything that does import the pages or routes there, including the routes themselves."]}),"\n",(0,n.jsx)(s.p,{children:"Remember that the Shared layer doesn't have slices, so it's fine if segments import from each other."}),"\n",(0,n.jsx)(s.p,{children:"You should end up with a file structure like this:"}),"\n",(0,n.jsxs)(i,{className:"file-tree",open:!0,children:[(0,n.jsx)("summary",{children:"\ud83d\udcc1 src"}),(0,n.jsxs)("ul",{children:[(0,n.jsx)("li",{children:(0,n.jsxs)(i,{className:"file-tree",children:[(0,n.jsx)("summary",{children:"\ud83d\udcc1 app"}),(0,n.jsxs)("ul",{children:[(0,n.jsx)("li",{children:(0,n.jsxs)(i,{className:"file-tree",children:[(0,n.jsx)("summary",{children:"\ud83d\udcc1 routes"}),(0,n.jsxs)("ul",{children:[(0,n.jsx)("li",{children:"\ud83d\udcc4 products.jsx"}),(0,n.jsx)("li",{children:"\ud83d\udcc4 products.[id].jsx"})]})]})}),(0,n.jsx)("li",{children:"\ud83d\udcc4 App.jsx"}),(0,n.jsx)("li",{children:"\ud83d\udcc4 index.js"})]})]})}),(0,n.jsx)("li",{children:(0,n.jsxs)(i,{className:"file-tree",children:[(0,n.jsx)("summary",{children:"\ud83d\udcc1 pages"}),(0,n.jsxs)("ul",{children:[(0,n.jsx)("li",{children:(0,n.jsxs)(i,{className:"file-tree",children:[(0,n.jsx)("summary",{children:"\ud83d\udcc1 product"}),(0,n.jsxs)("ul",{children:[(0,n.jsx)("li",{children:(0,n.jsxs)(i,{className:"file-tree",children:[(0,n.jsx)("summary",{children:"\ud83d\udcc1 ui"}),(0,n.jsx)("ul",{children:(0,n.jsx)("li",{children:"\ud83d\udcc4 ProductPage.jsx"})})]})}),(0,n.jsx)("li",{children:"\ud83d\udcc4 index.js"})]})]})}),(0,n.jsx)("li",{children:"\ud83d\udcc1 catalog"})]})]})}),(0,n.jsx)("li",{children:(0,n.jsxs)(i,{className:"file-tree",children:[(0,n.jsx)("summary",{children:"\ud83d\udcc1 shared"}),(0,n.jsxs)("ul",{children:[(0,n.jsx)("li",{children:"\ud83d\udcc1 actions"}),(0,n.jsx)("li",{children:"\ud83d\udcc1 api"}),(0,n.jsx)("li",{children:"\ud83d\udcc1 components"}),(0,n.jsx)("li",{children:"\ud83d\udcc1 containers"}),(0,n.jsx)("li",{children:"\ud83d\udcc1 constants"}),(0,n.jsx)("li",{children:"\ud83d\udcc1 i18n"}),(0,n.jsx)("li",{children:"\ud83d\udcc1 modules"}),(0,n.jsx)("li",{children:"\ud83d\udcc1 helpers"}),(0,n.jsx)("li",{children:"\ud83d\udcc1 utils"}),(0,n.jsx)("li",{children:"\ud83d\udcc1 reducers"}),(0,n.jsx)("li",{children:"\ud83d\udcc1 selectors"}),(0,n.jsx)("li",{children:"\ud83d\udcc1 styles"})]})]})})]})]}),"\n",(0,n.jsx)(s.h2,{id:"tackle-cross-imports-between-pages",children:"Step 3. Tackle cross-imports between pages"}),"\n",(0,n.jsx)(s.p,{children:"Find all instances where one page is importing from the other and do one of the two things:"}),"\n",(0,n.jsxs)(s.ol,{children:["\n",(0,n.jsx)(s.li,{children:"Copy-paste the imported code into the depending page to remove the dependency"}),"\n",(0,n.jsxs)(s.li,{children:["Move the code to a proper segment in Shared:","\n",(0,n.jsxs)(s.ul,{children:["\n",(0,n.jsxs)(s.li,{children:["if it's a part of the UI kit, move it to ",(0,n.jsx)(s.code,{children:"\ud83d\udcc1 shared/ui"}),";"]}),"\n",(0,n.jsxs)(s.li,{children:["if it's a configuration constant, move it to ",(0,n.jsx)(s.code,{children:"\ud83d\udcc1 shared/config"}),";"]}),"\n",(0,n.jsxs)(s.li,{children:["if it's a backend interaction, move it to ",(0,n.jsx)(s.code,{children:"\ud83d\udcc1 shared/api"}),"."]}),"\n"]}),"\n"]}),"\n"]}),"\n",(0,n.jsxs)(s.admonition,{type:"note",children:[(0,n.jsxs)(s.p,{children:[(0,n.jsx)(s.strong,{children:"Copy-pasting isn't architecturally wrong"}),", in fact, sometimes it may be more correct to duplicate than to abstract into a new reusable module. The reason is that sometimes the shared parts of pages start drifting apart, and you don't want dependencies getting in your way in these cases."]}),(0,n.jsx)(s.p,{children:"However, there is still sense in the DRY (\"don't repeat yourself\") principle, so make sure you're not copy-pasting business logic. Otherwise you will need to remember to fix bugs in several places at once."})]}),"\n",(0,n.jsx)(s.h2,{id:"unpack-shared-layer",children:"Step 4. Unpack the Shared layer"}),"\n",(0,n.jsx)(s.p,{children:"You might have a lot of stuff in the Shared layer on this step, and you generally want to avoid that. The reason is that the Shared layer may be a dependency for any other layer in your codebase, so making changes to that code is automatically more prone to unintended consequences."}),"\n",(0,n.jsxs)(s.p,{children:["Find all the objects that are only used on one page and move it to the slice of that page. And yes, ",(0,n.jsx)(s.em,{children:"that applies to actions, reducers, and selectors, too"}),". There is no benefit in grouping all actions together, but there is benefit in colocating relevant actions close to their usage."]}),"\n",(0,n.jsx)(s.p,{children:"You should end up with a file structure like this:"}),"\n",(0,n.jsxs)(i,{className:"file-tree",open:!0,children:[(0,n.jsx)("summary",{children:"\ud83d\udcc1 src"}),(0,n.jsxs)("ul",{children:[(0,n.jsx)("li",{children:"\ud83d\udcc1 app (unchanged)"}),(0,n.jsx)("li",{children:(0,n.jsxs)(i,{className:"file-tree",open:!0,children:[(0,n.jsx)("summary",{children:"\ud83d\udcc1 pages"}),(0,n.jsxs)("ul",{children:[(0,n.jsx)("li",{children:(0,n.jsxs)(i,{className:"file-tree",open:!0,children:[(0,n.jsx)("summary",{children:"\ud83d\udcc1 product"}),(0,n.jsxs)("ul",{children:[(0,n.jsx)("li",{children:"\ud83d\udcc1 actions"}),(0,n.jsx)("li",{children:"\ud83d\udcc1 reducers"}),(0,n.jsx)("li",{children:"\ud83d\udcc1 selectors"}),(0,n.jsx)("li",{children:(0,n.jsxs)(i,{className:"file-tree",children:[(0,n.jsx)("summary",{children:"\ud83d\udcc1 ui"}),(0,n.jsxs)("ul",{children:[(0,n.jsx)("li",{children:"\ud83d\udcc4 Component.jsx"}),(0,n.jsx)("li",{children:"\ud83d\udcc4 Container.jsx"}),(0,n.jsx)("li",{children:"\ud83d\udcc4 ProductPage.jsx"})]})]})}),(0,n.jsx)("li",{children:"\ud83d\udcc4 index.js"})]})]})}),(0,n.jsx)("li",{children:"\ud83d\udcc1 catalog"})]})]})}),(0,n.jsx)("li",{children:(0,n.jsxs)(i,{className:"file-tree",children:[(0,n.jsx)("summary",{children:"\ud83d\udcc1 shared (only objects that are reused)"}),(0,n.jsxs)("ul",{children:[(0,n.jsx)("li",{children:"\ud83d\udcc1 actions"}),(0,n.jsx)("li",{children:"\ud83d\udcc1 api"}),(0,n.jsx)("li",{children:"\ud83d\udcc1 components"}),(0,n.jsx)("li",{children:"\ud83d\udcc1 containers"}),(0,n.jsx)("li",{children:"\ud83d\udcc1 constants"}),(0,n.jsx)("li",{children:"\ud83d\udcc1 i18n"}),(0,n.jsx)("li",{children:"\ud83d\udcc1 modules"}),(0,n.jsx)("li",{children:"\ud83d\udcc1 helpers"}),(0,n.jsx)("li",{children:"\ud83d\udcc1 utils"}),(0,n.jsx)("li",{children:"\ud83d\udcc1 reducers"}),(0,n.jsx)("li",{children:"\ud83d\udcc1 selectors"}),(0,n.jsx)("li",{children:"\ud83d\udcc1 styles"})]})]})})]})]}),"\n",(0,n.jsx)(s.h2,{id:"organize-by-technical-purpose",children:"Step 5. Organize code by technical purpose"}),"\n",(0,n.jsxs)(s.p,{children:["In FSD, division by technical purpose is done with ",(0,n.jsx)(s.em,{children:"segments"}),". There are a few common ones:"]}),"\n",(0,n.jsxs)(s.ul,{children:["\n",(0,n.jsxs)(s.li,{children:[(0,n.jsx)(s.code,{children:"ui"})," \u2014 everything related to UI display: UI components, date formatters, styles, etc."]}),"\n",(0,n.jsxs)(s.li,{children:[(0,n.jsx)(s.code,{children:"api"})," \u2014 backend interactions: request functions, data types, mappers, etc."]}),"\n",(0,n.jsxs)(s.li,{children:[(0,n.jsx)(s.code,{children:"model"})," \u2014 the data model: schemas, interfaces, stores, and business logic."]}),"\n",(0,n.jsxs)(s.li,{children:[(0,n.jsx)(s.code,{children:"lib"})," \u2014 library code that other modules on this slice need."]}),"\n",(0,n.jsxs)(s.li,{children:[(0,n.jsx)(s.code,{children:"config"})," \u2014 configuration files and feature flags."]}),"\n"]}),"\n",(0,n.jsxs)(s.p,{children:["You can create your own segments, too, if you need. Make sure not to create segments that group code by what it is, like ",(0,n.jsx)(s.code,{children:"components"}),", ",(0,n.jsx)(s.code,{children:"actions"}),", ",(0,n.jsx)(s.code,{children:"types"}),", ",(0,n.jsx)(s.code,{children:"utils"}),". Instead, group the code by what it's for."]}),"\n",(0,n.jsxs)(s.p,{children:["Reorganize your pages to separate code by segments. You should already have a ",(0,n.jsx)(s.code,{children:"ui"})," segment, now it's time to create other segments, like ",(0,n.jsx)(s.code,{children:"model"})," for your actions, reducers, and selectors, or ",(0,n.jsx)(s.code,{children:"api"})," for your thunks and mutations."]}),"\n",(0,n.jsx)(s.p,{children:"Also reorganize the Shared layer to remove these folders:"}),"\n",(0,n.jsxs)(s.ul,{children:["\n",(0,n.jsxs)(s.li,{children:[(0,n.jsx)(s.code,{children:"\ud83d\udcc1 components"}),", ",(0,n.jsx)(s.code,{children:"\ud83d\udcc1 containers"})," \u2014 most of it should become ",(0,n.jsx)(s.code,{children:"\ud83d\udcc1 shared/ui"}),";"]}),"\n",(0,n.jsxs)(s.li,{children:[(0,n.jsx)(s.code,{children:"\ud83d\udcc1 helpers"}),", ",(0,n.jsx)(s.code,{children:"\ud83d\udcc1 utils"})," \u2014 if there are some reused helpers left, group them together by function, like dates or type conversions, and move theses groups to ",(0,n.jsx)(s.code,{children:"\ud83d\udcc1 shared/lib"}),";"]}),"\n",(0,n.jsxs)(s.li,{children:[(0,n.jsx)(s.code,{children:"\ud83d\udcc1 constants"})," \u2014 again, group by function and move to ",(0,n.jsx)(s.code,{children:"\ud83d\udcc1 shared/config"}),"."]}),"\n"]}),"\n",(0,n.jsx)(s.h2,{id:"optional-steps",children:"Optional steps"}),"\n",(0,n.jsx)(s.h3,{id:"form-entities-features-from-redux",children:"Step 6. Form entities/features from Redux slices that are used on several pages"}),"\n",(0,n.jsx)(s.p,{children:"Usually, these reused Redux slices will describe something relevant to the business, for example, products or users, so these can be moved to the Entities layer, one entity per one folder. If the Redux slice is related to an action that your users want to do in your app, like comments, then you can move it to the Features layer."}),"\n",(0,n.jsxs)(s.p,{children:["Entities and features are meant to be independent from each other. If your business domain contains inherent connections between entities, refer to the ",(0,n.jsx)(s.a,{href:"/docs/guides/examples/types#business-entities-and-their-cross-references",children:"guide on business entities"})," for advice on how to organize these connections."]}),"\n",(0,n.jsxs)(s.p,{children:["The API functions related to these slices can stay in ",(0,n.jsx)(s.code,{children:"\ud83d\udcc1 shared/api"}),"."]}),"\n",(0,n.jsx)(s.h3,{id:"refactor-your-modules",children:"Step 7. Refactor your modules"}),"\n",(0,n.jsxs)(s.p,{children:["The ",(0,n.jsx)(s.code,{children:"\ud83d\udcc1 modules"})," folder is commonly used for business logic, so it's already pretty similar in nature to the Features layer from FSD. Some modules might also be describe large chunks of the UI, like an app header. In that case, you should migrate them to the Widgets layer."]}),"\n",(0,n.jsxs)(s.h3,{id:"form-clean-ui-foundation",children:["Step 8. Form a clean UI foundation in ",(0,n.jsx)(s.code,{children:"shared/ui"})]}),"\n",(0,n.jsxs)(s.p,{children:[(0,n.jsx)(s.code,{children:"\ud83d\udcc1 shared/ui"})," should ideally contain a set of UI elements that don't have any business logic encoded in them. They should also be highly reusable."]}),"\n",(0,n.jsxs)(s.p,{children:["Refactor the UI components that used to be in ",(0,n.jsx)(s.code,{children:"\ud83d\udcc1 components"})," and ",(0,n.jsx)(s.code,{children:"\ud83d\udcc1 containers"})," to separate out the business logic. Move that business logic to the higher layers. If it's not used in too many places, you could even consider copy-pasting."]}),"\n",(0,n.jsx)(s.h2,{id:"see-also",children:"See also"}),"\n",(0,n.jsxs)(s.ul,{children:["\n",(0,n.jsx)(s.li,{children:(0,n.jsx)(s.a,{href:"https://youtu.be/aOiJ3k2UvO4",children:"(Talk in Russian) Ilya Klimov \u2014 \u041a\u0440\u044b\u0441\u0438\u043d\u044b\u0435 \u0431\u0435\u0433\u0430 \u0431\u0435\u0441\u043a\u043e\u043d\u0435\u0447\u043d\u043e\u0433\u043e \u0440\u0435\u0444\u0430\u043a\u0442\u043e\u0440\u0438\u043d\u0433\u0430: \u043a\u0430\u043a \u043d\u0435 \u0434\u0430\u0442\u044c \u0442\u0435\u0445\u043d\u0438\u0447\u0435\u0441\u043a\u043e\u043c\u0443 \u0434\u043e\u043b\u0433\u0443 \u0443\u0431\u0438\u0442\u044c \u043c\u043e\u0442\u0438\u0432\u0430\u0446\u0438\u044e \u0438 \u043f\u0440\u043e\u0434\u0443\u043a\u0442"})}),"\n"]})]})}function h(e={}){const{wrapper:s}={...(0,t.R)(),...e.components};return s?(0,n.jsx)(s,{...e,children:(0,n.jsx)(d,{...e})}):d(e)}},1100:(e,s,i)=>{i.d(s,{R:()=>o,x:()=>l});var n=i(758);const t={},r=n.createContext(t);function o(e){const s=n.useContext(r);return n.useMemo((function(){return"function"==typeof e?e(s):{...s,...e}}),[s,e])}function l(e){let s;return s=e.disableParentContext?"function"==typeof e.components?e.components(t):e.components||t:o(e.components),n.createElement(r.Provider,{value:s},e.children)}}}]);
\ No newline at end of file
diff --git a/kr/assets/js/fe129f8e.cdebf93b.js b/kr/assets/js/fe129f8e.906c651e.js
similarity index 96%
rename from kr/assets/js/fe129f8e.cdebf93b.js
rename to kr/assets/js/fe129f8e.906c651e.js
index 781435247c..da0b956e63 100644
--- a/kr/assets/js/fe129f8e.cdebf93b.js
+++ b/kr/assets/js/fe129f8e.906c651e.js
@@ -1 +1 @@
-"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[6217],{1928:(e,t,s)=>{s.d(t,{Ay:()=>l,RM:()=>o});var n=s(6070),i=s(1100),r=(s(758),s(6783)),c=s(7765);const d=e=>{let{ticket:t}=e;const s=`https://github.com/feature-sliced/documentation/issues/${t}`;return(0,n.jsxs)("div",{children:[(0,n.jsx)("p",{children:(0,c.T)({id:"shared.wip.title"})}),(0,n.jsx)("p",{children:(0,c.T)({id:"shared.wip.subtitle"})}),(0,n.jsxs)("ul",{children:[(0,n.jsxs)("li",{children:[(0,c.T)({id:"shared.wip.var.feedback.base"}),(0,n.jsx)(r.A,{to:s,children:(0,c.T)({id:"shared.wip.var.feedback.link"})})]}),(0,n.jsxs)("li",{children:[(0,c.T)({id:"shared.wip.var.material.base"}),(0,n.jsx)(r.A,{to:"https://t.me/feature_sliced",children:(0,c.T)({id:"shared.wip.var.material.link"})})]}),(0,n.jsxs)("li",{children:[(0,c.T)({id:"shared.wip.var.contribute.base"}),(0,n.jsx)(r.A,{to:"https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md",children:(0,c.T)({id:"shared.wip.var.contribute.link"})})]})]}),(0,n.jsx)("br",{}),(0,n.jsx)("p",{children:(0,n.jsx)("i",{children:"\ud83c\udf70 Stay tuned!"})})]})},o=[];function a(e){const t={admonition:"admonition",...(0,i.R)(),...e.components};return(0,n.jsx)(t.admonition,{title:"WIP",type:"caution",children:(0,n.jsx)(d,{ticket:e.ticket})})}function l(e={}){const{wrapper:t}={...(0,i.R)(),...e.components};return t?(0,n.jsx)(t,{...e,children:(0,n.jsx)(a,{...e})}):a(e)}},5845:(e,t,s)=>{s.r(t),s.d(t,{assets:()=>a,contentTitle:()=>d,default:()=>h,frontMatter:()=>c,metadata:()=>o,toc:()=>l});var n=s(6070),i=s(1100),r=s(1928);const c={sidebar_class_name:"sidebar-item--wip",unlisted:!0},d="CMS",o={id:"guides/examples/cms",title:"CMS",description:"Features may be different",source:"@site/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/cms.mdx",sourceDirName:"guides/examples",slug:"/guides/examples/cms",permalink:"/kr/docs/guides/examples/cms",draft:!1,unlisted:!0,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/cms.mdx",tags:[],version:"current",lastUpdatedAt:1727607766e3,frontMatter:{sidebar_class_name:"sidebar-item--wip",unlisted:!0},sidebar:"guidesSidebar"},a={},l=[...r.RM,{value:"Features may be different",id:"features-may-be-different",level:2},{value:"How to work more correctly with CMS markup",id:"how-to-work-more-correctly-with-cms-markup",level:2}];function u(e){const t={a:"a",blockquote:"blockquote",h1:"h1",h2:"h2",header:"header",p:"p",...(0,i.R)(),...e.components};return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(t.header,{children:(0,n.jsx)(t.h1,{id:"cms",children:"CMS"})}),"\n",(0,n.jsx)(r.Ay,{ticket:"172"}),"\n",(0,n.jsx)(t.h2,{id:"features-may-be-different",children:"Features may be different"}),"\n",(0,n.jsx)(t.p,{children:"In some projects, all the functionality is concentrated in data from the server"}),"\n",(0,n.jsxs)(t.blockquote,{children:["\n",(0,n.jsx)(t.p,{children:(0,n.jsx)(t.a,{href:"https://github.com/feature-sliced/documentation/discussions/65#discussioncomment-480785",children:"https://github.com/feature-sliced/documentation/discussions/65#discussioncomment-480785"})}),"\n"]}),"\n",(0,n.jsx)(t.h2,{id:"how-to-work-more-correctly-with-cms-markup",children:"How to work more correctly with CMS markup"}),"\n",(0,n.jsxs)(t.blockquote,{children:["\n",(0,n.jsx)(t.p,{children:(0,n.jsx)(t.a,{href:"https://t.me/feature_sliced/1557",children:"https://t.me/feature_sliced/1557"})}),"\n"]}),"\n",(0,n.jsxs)(t.blockquote,{children:["\n",(0,n.jsx)(t.p,{children:(0,n.jsx)(t.a,{href:"https://t.me/feature_sliced/1553",children:"https://t.me/feature_sliced/1553"})}),"\n"]})]})}function h(e={}){const{wrapper:t}={...(0,i.R)(),...e.components};return t?(0,n.jsx)(t,{...e,children:(0,n.jsx)(u,{...e})}):u(e)}},1100:(e,t,s)=>{s.d(t,{R:()=>c,x:()=>d});var n=s(758);const i={},r=n.createContext(i);function c(e){const t=n.useContext(r);return n.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function d(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(i):e.components||i:c(e.components),n.createElement(r.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
+"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[6217],{1928:(e,t,s)=>{s.d(t,{Ay:()=>l,RM:()=>o});var n=s(6070),i=s(1100),r=(s(758),s(6783)),c=s(7765);const d=e=>{let{ticket:t}=e;const s=`https://github.com/feature-sliced/documentation/issues/${t}`;return(0,n.jsxs)("div",{children:[(0,n.jsx)("p",{children:(0,c.T)({id:"shared.wip.title"})}),(0,n.jsx)("p",{children:(0,c.T)({id:"shared.wip.subtitle"})}),(0,n.jsxs)("ul",{children:[(0,n.jsxs)("li",{children:[(0,c.T)({id:"shared.wip.var.feedback.base"}),(0,n.jsx)(r.A,{to:s,children:(0,c.T)({id:"shared.wip.var.feedback.link"})})]}),(0,n.jsxs)("li",{children:[(0,c.T)({id:"shared.wip.var.material.base"}),(0,n.jsx)(r.A,{to:"https://t.me/feature_sliced",children:(0,c.T)({id:"shared.wip.var.material.link"})})]}),(0,n.jsxs)("li",{children:[(0,c.T)({id:"shared.wip.var.contribute.base"}),(0,n.jsx)(r.A,{to:"https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md",children:(0,c.T)({id:"shared.wip.var.contribute.link"})})]})]}),(0,n.jsx)("br",{}),(0,n.jsx)("p",{children:(0,n.jsx)("i",{children:"\ud83c\udf70 Stay tuned!"})})]})},o=[];function a(e){const t={admonition:"admonition",...(0,i.R)(),...e.components};return(0,n.jsx)(t.admonition,{title:"WIP",type:"caution",children:(0,n.jsx)(d,{ticket:e.ticket})})}function l(e={}){const{wrapper:t}={...(0,i.R)(),...e.components};return t?(0,n.jsx)(t,{...e,children:(0,n.jsx)(a,{...e})}):a(e)}},5845:(e,t,s)=>{s.r(t),s.d(t,{assets:()=>a,contentTitle:()=>d,default:()=>h,frontMatter:()=>c,metadata:()=>o,toc:()=>l});var n=s(6070),i=s(1100),r=s(1928);const c={sidebar_class_name:"sidebar-item--wip",unlisted:!0},d="CMS",o={id:"guides/examples/cms",title:"CMS",description:"Features may be different",source:"@site/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/cms.mdx",sourceDirName:"guides/examples",slug:"/guides/examples/cms",permalink:"/kr/docs/guides/examples/cms",draft:!1,unlisted:!0,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/cms.mdx",tags:[],version:"current",lastUpdatedAt:1728325386e3,frontMatter:{sidebar_class_name:"sidebar-item--wip",unlisted:!0},sidebar:"guidesSidebar"},a={},l=[...r.RM,{value:"Features may be different",id:"features-may-be-different",level:2},{value:"How to work more correctly with CMS markup",id:"how-to-work-more-correctly-with-cms-markup",level:2}];function u(e){const t={a:"a",blockquote:"blockquote",h1:"h1",h2:"h2",header:"header",p:"p",...(0,i.R)(),...e.components};return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(t.header,{children:(0,n.jsx)(t.h1,{id:"cms",children:"CMS"})}),"\n",(0,n.jsx)(r.Ay,{ticket:"172"}),"\n",(0,n.jsx)(t.h2,{id:"features-may-be-different",children:"Features may be different"}),"\n",(0,n.jsx)(t.p,{children:"In some projects, all the functionality is concentrated in data from the server"}),"\n",(0,n.jsxs)(t.blockquote,{children:["\n",(0,n.jsx)(t.p,{children:(0,n.jsx)(t.a,{href:"https://github.com/feature-sliced/documentation/discussions/65#discussioncomment-480785",children:"https://github.com/feature-sliced/documentation/discussions/65#discussioncomment-480785"})}),"\n"]}),"\n",(0,n.jsx)(t.h2,{id:"how-to-work-more-correctly-with-cms-markup",children:"How to work more correctly with CMS markup"}),"\n",(0,n.jsxs)(t.blockquote,{children:["\n",(0,n.jsx)(t.p,{children:(0,n.jsx)(t.a,{href:"https://t.me/feature_sliced/1557",children:"https://t.me/feature_sliced/1557"})}),"\n"]}),"\n",(0,n.jsxs)(t.blockquote,{children:["\n",(0,n.jsx)(t.p,{children:(0,n.jsx)(t.a,{href:"https://t.me/feature_sliced/1553",children:"https://t.me/feature_sliced/1553"})}),"\n"]})]})}function h(e={}){const{wrapper:t}={...(0,i.R)(),...e.components};return t?(0,n.jsx)(t,{...e,children:(0,n.jsx)(u,{...e})}):u(e)}},1100:(e,t,s)=>{s.d(t,{R:()=>c,x:()=>d});var n=s(758);const i={},r=n.createContext(i);function c(e){const t=n.useContext(r);return n.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function d(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(i):e.components||i:c(e.components),n.createElement(r.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
diff --git a/kr/assets/js/main.6d627ed0.js b/kr/assets/js/main.6d627ed0.js
deleted file mode 100644
index 5e458b8e30..0000000000
--- a/kr/assets/js/main.6d627ed0.js
+++ /dev/null
@@ -1,2 +0,0 @@
-/*! For license information please see main.6d627ed0.js.LICENSE.txt */
-(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[8792],{7781:(e,t,n)=>{"use strict";n.d(t,{Bc:()=>g,E8:()=>$n,a1:()=>qn});var r=n(758);n(8143);function o(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function a(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?o(Object(n),!0).forEach((function(t){i(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):o(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function i(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function s(){return s=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},s.apply(this,arguments)}function l(e,t){if(null==e)return{};var n,r,o=function(e,t){if(null==e)return{};var n,r,o={},a=Object.keys(e);for(r=0;r<a.length;r++)n=a[r],t.indexOf(n)>=0||(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(r=0;r<a.length;r++)n=a[r],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}function c(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,a=[],i=!0,s=!1;try{for(n=n.call(e);!(i=(r=n.next()).done)&&(a.push(r.value),!t||a.length!==t);i=!0);}catch(e){s=!0,o=e}finally{try{i||null==n.return||n.return()}finally{if(s)throw o}}return a}}(e,t)||d(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function u(e){return function(e){if(Array.isArray(e))return p(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||d(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function d(e,t){if(e){if("string"==typeof e)return p(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?p(e,t):void 0}}function p(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function f(){return r.createElement("svg",{width:"15",height:"15",className:"DocSearch-Control-Key-Icon"},r.createElement("path",{d:"M4.505 4.496h2M5.505 5.496v5M8.216 4.496l.055 5.993M10 7.5c.333.333.5.667.5 1v2M12.326 4.5v5.996M8.384 4.496c1.674 0 2.116 0 2.116 1.5s-.442 1.5-2.116 1.5M3.205 9.303c-.09.448-.277 1.21-1.241 1.203C1 10.5.5 9.513.5 8V7c0-1.57.5-2.5 1.464-2.494.964.006 1.134.598 1.24 1.342M12.553 10.5h1.953",strokeWidth:"1.2",stroke:"currentColor",fill:"none",strokeLinecap:"square"}))}function m(){return r.createElement("svg",{width:"20",height:"20",className:"DocSearch-Search-Icon",viewBox:"0 0 20 20","aria-hidden":"true"},r.createElement("path",{d:"M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z",stroke:"currentColor",fill:"none",fillRule:"evenodd",strokeLinecap:"round",strokeLinejoin:"round"}))}var h=["translations"],g=r.forwardRef((function(e,t){var n=e.translations,o=void 0===n?{}:n,a=l(e,h),i=o.buttonText,u=void 0===i?"Search":i,d=o.buttonAriaLabel,p=void 0===d?"Search":d,g=c((0,r.useState)(null),2),y=g[0],v=g[1];return(0,r.useEffect)((function(){"undefined"!=typeof navigator&&(/(Mac|iPhone|iPod|iPad)/i.test(navigator.platform)?v("\u2318"):v("Ctrl"))}),[]),r.createElement("button",s({type:"button",className:"DocSearch DocSearch-Button","aria-label":p},a,{ref:t}),r.createElement("span",{className:"DocSearch-Button-Container"},r.createElement(m,null),r.createElement("span",{className:"DocSearch-Button-Placeholder"},u)),r.createElement("span",{className:"DocSearch-Button-Keys"},null!==y&&r.createElement(r.Fragment,null,r.createElement(b,{reactsToKey:"Ctrl"===y?"Ctrl":"Meta"},"Ctrl"===y?r.createElement(f,null):y),r.createElement(b,{reactsToKey:"k"},"K"))))}));function b(e){var t=e.reactsToKey,n=e.children,o=c((0,r.useState)(!1),2),a=o[0],i=o[1];return(0,r.useEffect)((function(){if(t)return window.addEventListener("keydown",e),window.addEventListener("keyup",n),function(){window.removeEventListener("keydown",e),window.removeEventListener("keyup",n)};function e(e){e.key===t&&i(!0)}function n(e){e.key!==t&&"Meta"!==e.key||i(!1)}}),[t]),r.createElement("kbd",{className:a?"DocSearch-Button-Key DocSearch-Button-Key--pressed":"DocSearch-Button-Key"},n)}function y(e,t){var n=void 0;return function(){for(var r=arguments.length,o=new Array(r),a=0;a<r;a++)o[a]=arguments[a];n&&clearTimeout(n),n=setTimeout((function(){return e.apply(void 0,o)}),t)}}function v(e){return e.reduce((function(e,t){return e.concat(t)}),[])}var w=0;function k(e){return 0===e.collections.length?0:e.collections.reduce((function(e,t){return e+t.items.length}),0)}function S(e){return e!==Object(e)}function x(e,t){if(e===t)return!0;if(S(e)||S(t)||"function"==typeof e||"function"==typeof t)return e===t;if(Object.keys(e).length!==Object.keys(t).length)return!1;for(var n=0,r=Object.keys(e);n<r.length;n++){var o=r[n];if(!(o in t))return!1;if(!x(e[o],t[o]))return!1}return!0}var E=function(){},_=[{segment:"autocomplete-core",version:"1.9.3"}];function C(e){var t=e.item,n=e.items;return{index:t.__autocomplete_indexName,items:[t],positions:[1+n.findIndex((function(e){return e.objectID===t.objectID}))],queryID:t.__autocomplete_queryID,algoliaSource:["autocomplete"]}}function j(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}var O=["items"],A=["items"];function T(e){return T="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},T(e)}function P(e){return function(e){if(Array.isArray(e))return L(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||function(e,t){if(e){if("string"==typeof e)return L(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?L(e,t):void 0}}(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function L(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function I(e,t){if(null==e)return{};var n,r,o=function(e,t){if(null==e)return{};var n,r,o={},a=Object.keys(e);for(r=0;r<a.length;r++)n=a[r],t.indexOf(n)>=0||(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(r=0;r<a.length;r++)n=a[r],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}function N(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function R(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?N(Object(n),!0).forEach((function(t){D(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):N(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function D(e,t,n){return(t=function(e){var t=function(e){if("object"!==T(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var n=t.call(e,"string");if("object"!==T(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"===T(t)?t:String(t)}(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function M(e){return e.map((function(e){var t=e.items,n=I(e,O);return R(R({},n),{},{objectIDs:(null==t?void 0:t.map((function(e){return e.objectID})))||n.objectIDs})}))}function F(e){var t,n,r,o=(t=function(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,a,i,s=[],l=!0,c=!1;try{if(a=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;l=!1}else for(;!(l=(r=a.call(n)).done)&&(s.push(r.value),s.length!==t);l=!0);}catch(e){c=!0,o=e}finally{try{if(!l&&null!=n.return&&(i=n.return(),Object(i)!==i))return}finally{if(c)throw o}}return s}}(e,t)||function(e,t){if(e){if("string"==typeof e)return j(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?j(e,t):void 0}}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}((e.version||"").split(".").map(Number),2),n=t[0],r=t[1],n>=3||2===n&&r>=4||1===n&&r>=10);function a(t,n,r){if(o&&void 0!==r){var a=r[0].__autocomplete_algoliaCredentials,i={"X-Algolia-Application-Id":a.appId,"X-Algolia-API-Key":a.apiKey};e.apply(void 0,[t].concat(P(n),[{headers:i}]))}else e.apply(void 0,[t].concat(P(n)))}return{init:function(t,n){e("init",{appId:t,apiKey:n})},setUserToken:function(t){e("setUserToken",t)},clickedObjectIDsAfterSearch:function(){for(var e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];t.length>0&&a("clickedObjectIDsAfterSearch",M(t),t[0].items)},clickedObjectIDs:function(){for(var e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];t.length>0&&a("clickedObjectIDs",M(t),t[0].items)},clickedFilters:function(){for(var t=arguments.length,n=new Array(t),r=0;r<t;r++)n[r]=arguments[r];n.length>0&&e.apply(void 0,["clickedFilters"].concat(n))},convertedObjectIDsAfterSearch:function(){for(var e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];t.length>0&&a("convertedObjectIDsAfterSearch",M(t),t[0].items)},convertedObjectIDs:function(){for(var e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];t.length>0&&a("convertedObjectIDs",M(t),t[0].items)},convertedFilters:function(){for(var t=arguments.length,n=new Array(t),r=0;r<t;r++)n[r]=arguments[r];n.length>0&&e.apply(void 0,["convertedFilters"].concat(n))},viewedObjectIDs:function(){for(var e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];t.length>0&&t.reduce((function(e,t){var n=t.items,r=I(t,A);return[].concat(P(e),P(function(e){for(var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:20,n=[],r=0;r<e.objectIDs.length;r+=t)n.push(R(R({},e),{},{objectIDs:e.objectIDs.slice(r,r+t)}));return n}(R(R({},r),{},{objectIDs:(null==n?void 0:n.map((function(e){return e.objectID})))||r.objectIDs})).map((function(e){return{items:n,payload:e}}))))}),[]).forEach((function(e){var t=e.items;return a("viewedObjectIDs",[e.payload],t)}))},viewedFilters:function(){for(var t=arguments.length,n=new Array(t),r=0;r<t;r++)n[r]=arguments[r];n.length>0&&e.apply(void 0,["viewedFilters"].concat(n))}}}function z(e){var t=e.items.reduce((function(e,t){var n;return e[t.__autocomplete_indexName]=(null!==(n=e[t.__autocomplete_indexName])&&void 0!==n?n:[]).concat(t),e}),{});return Object.keys(t).map((function(e){return{index:e,items:t[e],algoliaSource:["autocomplete"]}}))}function B(e){return e.objectID&&e.__autocomplete_indexName&&e.__autocomplete_queryID}function U(e){return U="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},U(e)}function q(e){return function(e){if(Array.isArray(e))return $(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||function(e,t){if(e){if("string"==typeof e)return $(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?$(e,t):void 0}}(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function $(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function H(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function V(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?H(Object(n),!0).forEach((function(t){G(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):H(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function G(e,t,n){return(t=function(e){var t=function(e){if("object"!==U(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var n=t.call(e,"string");if("object"!==U(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"===U(t)?t:String(t)}(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var W="https://cdn.jsdelivr.net/npm/search-insights@".concat("2.6.0","/dist/search-insights.min.js"),K=y((function(e){var t=e.onItemsChange,n=e.items,r=e.insights,o=e.state;t({insights:r,insightsEvents:z({items:n}).map((function(e){return V({eventName:"Items Viewed"},e)})),state:o})}),400);function Q(e){var t=function(e){return V({onItemsChange:function(e){var t=e.insights,n=e.insightsEvents;t.viewedObjectIDs.apply(t,q(n.map((function(e){return V(V({},e),{},{algoliaSource:[].concat(q(e.algoliaSource||[]),["autocomplete-internal"])})}))))},onSelect:function(e){var t=e.insights,n=e.insightsEvents;t.clickedObjectIDsAfterSearch.apply(t,q(n.map((function(e){return V(V({},e),{},{algoliaSource:[].concat(q(e.algoliaSource||[]),["autocomplete-internal"])})}))))},onActive:E},e)}(e),n=t.insightsClient,r=t.onItemsChange,o=t.onSelect,a=t.onActive,i=n;n||"undefined"!=typeof window&&function(e){var t=e.window,n=t.AlgoliaAnalyticsObject||"aa";"string"==typeof n&&(i=t[n]),i||(t.AlgoliaAnalyticsObject=n,t[n]||(t[n]=function(){t[n].queue||(t[n].queue=[]);for(var e=arguments.length,r=new Array(e),o=0;o<e;o++)r[o]=arguments[o];t[n].queue.push(r)}),t[n].version="2.6.0",i=t[n],function(e){var t="[Autocomplete]: Could not load search-insights.js. Please load it manually following https://alg.li/insights-autocomplete";try{var n=e.document.createElement("script");n.async=!0,n.src=W,n.onerror=function(){console.error(t)},document.body.appendChild(n)}catch(e){console.error(t)}}(t))}({window:window});var s=F(i),l={current:[]},c=y((function(e){var t=e.state;if(t.isOpen){var n=t.collections.reduce((function(e,t){return[].concat(q(e),q(t.items))}),[]).filter(B);x(l.current.map((function(e){return e.objectID})),n.map((function(e){return e.objectID})))||(l.current=n,n.length>0&&K({onItemsChange:r,items:n,insights:s,state:t}))}}),0);return{name:"aa.algoliaInsightsPlugin",subscribe:function(e){var t=e.setContext,n=e.onSelect,r=e.onActive;i("addAlgoliaAgent","insights-plugin"),t({algoliaInsightsPlugin:{__algoliaSearchParameters:{clickAnalytics:!0},insights:s}}),n((function(e){var t=e.item,n=e.state,r=e.event;B(t)&&o({state:n,event:r,insights:s,item:t,insightsEvents:[V({eventName:"Item Selected"},C({item:t,items:l.current}))]})})),r((function(e){var t=e.item,n=e.state,r=e.event;B(t)&&a({state:n,event:r,insights:s,item:t,insightsEvents:[V({eventName:"Item Active"},C({item:t,items:l.current}))]})}))},onStateChange:function(e){var t=e.state;c({state:t})},__autocomplete_pluginOptions:e}}function Y(e,t){var n=t;return{then:function(t,r){return Y(e.then(J(t,n,e),J(r,n,e)),n)},catch:function(t){return Y(e.catch(J(t,n,e)),n)},finally:function(t){return t&&n.onCancelList.push(t),Y(e.finally(J(t&&function(){return n.onCancelList=[],t()},n,e)),n)},cancel:function(){n.isCanceled=!0;var e=n.onCancelList;n.onCancelList=[],e.forEach((function(e){e()}))},isCanceled:function(){return!0===n.isCanceled}}}function Z(e){return Y(e,{isCanceled:!1,onCancelList:[]})}function J(e,t,n){return e?function(n){return t.isCanceled?n:e(n)}:n}function X(e,t,n,r){if(!n)return null;if(e<0&&(null===t||null!==r&&0===t))return n+e;var o=(null===t?-1:t)+e;return o<=-1||o>=n?null===r?null:0:o}function ee(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function te(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?ee(Object(n),!0).forEach((function(t){ne(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):ee(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function ne(e,t,n){return(t=function(e){var t=function(e){if("object"!==re(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var n=t.call(e,"string");if("object"!==re(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"===re(t)?t:String(t)}(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function re(e){return re="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},re(e)}function oe(e){var t=function(e){var t=e.collections.map((function(e){return e.items.length})).reduce((function(e,t,n){var r=(e[n-1]||0)+t;return e.push(r),e}),[]).reduce((function(t,n){return n<=e.activeItemId?t+1:t}),0);return e.collections[t]}(e);if(!t)return null;var n=t.items[function(e){for(var t=e.state,n=e.collection,r=!1,o=0,a=0;!1===r;){var i=t.collections[o];if(i===n){r=!0;break}a+=i.items.length,o++}return t.activeItemId-a}({state:e,collection:t})],r=t.source;return{item:n,itemInputValue:r.getItemInputValue({item:n,state:e}),itemUrl:r.getItemUrl({item:n,state:e}),source:r}}var ae=/((gt|sm)-|galaxy nexus)|samsung[- ]|samsungbrowser/i;function ie(e){return ie="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},ie(e)}function se(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function le(e,t,n){return(t=function(e){var t=function(e){if("object"!==ie(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var n=t.call(e,"string");if("object"!==ie(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"===ie(t)?t:String(t)}(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function ce(e){return ce="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},ce(e)}function ue(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function de(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?ue(Object(n),!0).forEach((function(t){pe(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):ue(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function pe(e,t,n){return(t=function(e){var t=function(e){if("object"!==ce(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var n=t.call(e,"string");if("object"!==ce(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"===ce(t)?t:String(t)}(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function fe(e){return fe="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},fe(e)}function me(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function he(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function ge(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?he(Object(n),!0).forEach((function(t){be(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):he(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function be(e,t,n){return(t=function(e){var t=function(e){if("object"!==fe(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var n=t.call(e,"string");if("object"!==fe(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"===fe(t)?t:String(t)}(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function ye(e,t){var n,r="undefined"!=typeof window?window:{},o=e.plugins||[];return ge(ge({debug:!1,openOnFocus:!1,placeholder:"",autoFocus:!1,defaultActiveItemId:null,stallThreshold:300,insights:!1,environment:r,shouldPanelOpen:function(e){return k(e.state)>0},reshape:function(e){return e.sources}},e),{},{id:null!==(n=e.id)&&void 0!==n?n:"autocomplete-".concat(w++),plugins:o,initialState:ge({activeItemId:null,query:"",completion:null,collections:[],isOpen:!1,status:"idle",context:{}},e.initialState),onStateChange:function(t){var n;null===(n=e.onStateChange)||void 0===n||n.call(e,t),o.forEach((function(e){var n;return null===(n=e.onStateChange)||void 0===n?void 0:n.call(e,t)}))},onSubmit:function(t){var n;null===(n=e.onSubmit)||void 0===n||n.call(e,t),o.forEach((function(e){var n;return null===(n=e.onSubmit)||void 0===n?void 0:n.call(e,t)}))},onReset:function(t){var n;null===(n=e.onReset)||void 0===n||n.call(e,t),o.forEach((function(e){var n;return null===(n=e.onReset)||void 0===n?void 0:n.call(e,t)}))},getSources:function(n){return Promise.all([].concat(function(e){return function(e){if(Array.isArray(e))return me(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||function(e,t){if(e){if("string"==typeof e)return me(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?me(e,t):void 0}}(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}(o.map((function(e){return e.getSources}))),[e.getSources]).filter(Boolean).map((function(e){return function(e,t){var n=[];return Promise.resolve(e(t)).then((function(e){return Promise.all(e.filter((function(e){return Boolean(e)})).map((function(e){if(e.sourceId,n.includes(e.sourceId))throw new Error("[Autocomplete] The `sourceId` ".concat(JSON.stringify(e.sourceId)," is not unique."));n.push(e.sourceId);var t={getItemInputValue:function(e){return e.state.query},getItemUrl:function(){},onSelect:function(e){(0,e.setIsOpen)(!1)},onActive:E,onResolve:E};Object.keys(t).forEach((function(e){t[e].__default=!0}));var r=te(te({},t),e);return Promise.resolve(r)})))}))}(e,n)}))).then((function(e){return v(e)})).then((function(e){return e.map((function(e){return ge(ge({},e),{},{onSelect:function(n){e.onSelect(n),t.forEach((function(e){var t;return null===(t=e.onSelect)||void 0===t?void 0:t.call(e,n)}))},onActive:function(n){e.onActive(n),t.forEach((function(e){var t;return null===(t=e.onActive)||void 0===t?void 0:t.call(e,n)}))},onResolve:function(n){e.onResolve(n),t.forEach((function(e){var t;return null===(t=e.onResolve)||void 0===t?void 0:t.call(e,n)}))}})}))}))},navigator:ge({navigate:function(e){var t=e.itemUrl;r.location.assign(t)},navigateNewTab:function(e){var t=e.itemUrl,n=r.open(t,"_blank","noopener");null==n||n.focus()},navigateNewWindow:function(e){var t=e.itemUrl;r.open(t,"_blank","noopener")}},e.navigator)})}function ve(e){return ve="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},ve(e)}function we(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function ke(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?we(Object(n),!0).forEach((function(t){Se(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):we(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function Se(e,t,n){return(t=function(e){var t=function(e){if("object"!==ve(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var n=t.call(e,"string");if("object"!==ve(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"===ve(t)?t:String(t)}(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function xe(e){return xe="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},xe(e)}function Ee(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function _e(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?Ee(Object(n),!0).forEach((function(t){Ce(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Ee(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function Ce(e,t,n){return(t=function(e){var t=function(e){if("object"!==xe(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var n=t.call(e,"string");if("object"!==xe(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"===xe(t)?t:String(t)}(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function je(e){return function(e){if(Array.isArray(e))return Oe(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||function(e,t){if(e){if("string"==typeof e)return Oe(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?Oe(e,t):void 0}}(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function Oe(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function Ae(e){return Boolean(e.execute)}function Te(e){var t=e.reduce((function(e,t){if(!Ae(t))return e.push(t),e;var n=t.searchClient,r=t.execute,o=t.requesterId,a=t.requests,i=e.find((function(e){return Ae(t)&&Ae(e)&&e.searchClient===n&&Boolean(o)&&e.requesterId===o}));if(i){var s;(s=i.items).push.apply(s,je(a))}else{var l={execute:r,requesterId:o,items:a,searchClient:n};e.push(l)}return e}),[]).map((function(e){if(!Ae(e))return Promise.resolve(e);var t=e,n=t.execute,r=t.items;return n({searchClient:t.searchClient,requests:r})}));return Promise.all(t).then((function(e){return v(e)}))}function Pe(e){return Pe="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},Pe(e)}var Le=["event","nextState","props","query","refresh","store"];function Ie(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function Ne(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?Ie(Object(n),!0).forEach((function(t){Re(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Ie(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function Re(e,t,n){return(t=function(e){var t=function(e){if("object"!==Pe(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var n=t.call(e,"string");if("object"!==Pe(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"===Pe(t)?t:String(t)}(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var De,Me,Fe,ze=null,Be=(De=-1,Me=-1,Fe=void 0,function(e){var t=++De;return Promise.resolve(e).then((function(e){return Fe&&t<Me?Fe:(Me=t,Fe=e,e)}))});function Ue(e){var t=e.event,n=e.nextState,r=void 0===n?{}:n,o=e.props,a=e.query,i=e.refresh,s=e.store,l=function(e,t){if(null==e)return{};var n,r,o=function(e,t){if(null==e)return{};var n,r,o={},a=Object.keys(e);for(r=0;r<a.length;r++)n=a[r],t.indexOf(n)>=0||(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(r=0;r<a.length;r++)n=a[r],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}(e,Le);ze&&o.environment.clearTimeout(ze);var c=l.setCollections,u=l.setIsOpen,d=l.setQuery,p=l.setActiveItemId,f=l.setStatus;if(d(a),p(o.defaultActiveItemId),!a&&!1===o.openOnFocus){var m,h=s.getState().collections.map((function(e){return Ne(Ne({},e),{},{items:[]})}));f("idle"),c(h),u(null!==(m=r.isOpen)&&void 0!==m?m:o.shouldPanelOpen({state:s.getState()}));var g=Z(Be(h).then((function(){return Promise.resolve()})));return s.pendingRequests.add(g)}f("loading"),ze=o.environment.setTimeout((function(){f("stalled")}),o.stallThreshold);var b=Z(Be(o.getSources(Ne({query:a,refresh:i,state:s.getState()},l)).then((function(e){return Promise.all(e.map((function(e){return Promise.resolve(e.getItems(Ne({query:a,refresh:i,state:s.getState()},l))).then((function(t){return function(e,t,n){if(o=e,Boolean(null==o?void 0:o.execute)){var r="algolia"===e.requesterId?Object.assign.apply(Object,[{}].concat(je(Object.keys(n.context).map((function(e){var t;return null===(t=n.context[e])||void 0===t?void 0:t.__algoliaSearchParameters}))))):{};return _e(_e({},e),{},{requests:e.queries.map((function(n){return{query:"algolia"===e.requesterId?_e(_e({},n),{},{params:_e(_e({},r),n.params)}):n,sourceId:t,transformResponse:e.transformResponse}}))})}var o;return{items:e,sourceId:t}}(t,e.sourceId,s.getState())}))}))).then(Te).then((function(t){return function(e,t,n){return t.map((function(t){var r,o=e.filter((function(e){return e.sourceId===t.sourceId})),a=o.map((function(e){return e.items})),i=o[0].transformResponse,s=i?i({results:r=a,hits:r.map((function(e){return e.hits})).filter(Boolean),facetHits:r.map((function(e){var t;return null===(t=e.facetHits)||void 0===t?void 0:t.map((function(e){return{label:e.value,count:e.count,_highlightResult:{label:{value:e.highlighted}}}}))})).filter(Boolean)}):a;return t.onResolve({source:t,results:a,items:s,state:n.getState()}),s.every(Boolean),'The `getItems` function from source "'.concat(t.sourceId,'" must return an array of items but returned ').concat(JSON.stringify(void 0),".\n\nDid you forget to return items?\n\nSee: https://www.algolia.com/doc/ui-libraries/autocomplete/core-concepts/sources/#param-getitems"),{source:t,items:s}}))}(t,e,s)})).then((function(e){return function(e){var t=e.props,n=e.state,r=e.collections.reduce((function(e,t){return ke(ke({},e),{},Se({},t.source.sourceId,ke(ke({},t.source),{},{getItems:function(){return v(t.items)}})))}),{}),o=t.plugins.reduce((function(e,t){return t.reshape?t.reshape(e):e}),{sourcesBySourceId:r,state:n}).sourcesBySourceId;return v(t.reshape({sourcesBySourceId:o,sources:Object.values(o),state:n})).filter(Boolean).map((function(e){return{source:e,items:e.getItems()}}))}({collections:e,props:o,state:s.getState()})}))})))).then((function(e){var n;f("idle"),c(e);var d=o.shouldPanelOpen({state:s.getState()});u(null!==(n=r.isOpen)&&void 0!==n?n:o.openOnFocus&&!a&&d||d);var p=oe(s.getState());if(null!==s.getState().activeItemId&&p){var m=p.item,h=p.itemInputValue,g=p.itemUrl,b=p.source;b.onActive(Ne({event:t,item:m,itemInputValue:h,itemUrl:g,refresh:i,source:b,state:s.getState()},l))}})).finally((function(){f("idle"),ze&&o.environment.clearTimeout(ze)}));return s.pendingRequests.add(b)}function qe(e){return qe="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},qe(e)}var $e=["event","props","refresh","store"];function He(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function Ve(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?He(Object(n),!0).forEach((function(t){Ge(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):He(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function Ge(e,t,n){return(t=function(e){var t=function(e){if("object"!==qe(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var n=t.call(e,"string");if("object"!==qe(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"===qe(t)?t:String(t)}(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function We(e){return We="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},We(e)}var Ke=["props","refresh","store"],Qe=["inputElement","formElement","panelElement"],Ye=["inputElement"],Ze=["inputElement","maxLength"],Je=["sourceIndex"],Xe=["sourceIndex"],et=["item","source","sourceIndex"];function tt(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function nt(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?tt(Object(n),!0).forEach((function(t){rt(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):tt(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function rt(e,t,n){return(t=function(e){var t=function(e){if("object"!==We(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var n=t.call(e,"string");if("object"!==We(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"===We(t)?t:String(t)}(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function ot(e,t){if(null==e)return{};var n,r,o=function(e,t){if(null==e)return{};var n,r,o={},a=Object.keys(e);for(r=0;r<a.length;r++)n=a[r],t.indexOf(n)>=0||(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(r=0;r<a.length;r++)n=a[r],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}function at(e){var t=e.props,n=e.refresh,r=e.store,o=ot(e,Ke),a=function(e,t){return void 0!==t?"".concat(e,"-").concat(t):e};return{getEnvironmentProps:function(e){var n=e.inputElement,o=e.formElement,a=e.panelElement;function i(e){!r.getState().isOpen&&r.pendingRequests.isEmpty()||e.target===n||!1===[o,a].some((function(t){return(n=t)===(r=e.target)||n.contains(r);var n,r}))&&(r.dispatch("blur",null),t.debug||r.pendingRequests.cancelAll())}return nt({onTouchStart:i,onMouseDown:i,onTouchMove:function(e){!1!==r.getState().isOpen&&n===t.environment.document.activeElement&&e.target!==n&&n.blur()}},ot(e,Qe))},getRootProps:function(e){return nt({role:"combobox","aria-expanded":r.getState().isOpen,"aria-haspopup":"listbox","aria-owns":r.getState().isOpen?"".concat(t.id,"-list"):void 0,"aria-labelledby":"".concat(t.id,"-label")},e)},getFormProps:function(e){return e.inputElement,nt({action:"",noValidate:!0,role:"search",onSubmit:function(a){var i;a.preventDefault(),t.onSubmit(nt({event:a,refresh:n,state:r.getState()},o)),r.dispatch("submit",null),null===(i=e.inputElement)||void 0===i||i.blur()},onReset:function(a){var i;a.preventDefault(),t.onReset(nt({event:a,refresh:n,state:r.getState()},o)),r.dispatch("reset",null),null===(i=e.inputElement)||void 0===i||i.focus()}},ot(e,Ye))},getLabelProps:function(e){var n=e||{},r=n.sourceIndex,o=ot(n,Je);return nt({htmlFor:"".concat(a(t.id,r),"-input"),id:"".concat(a(t.id,r),"-label")},o)},getInputProps:function(e){var a;function i(e){(t.openOnFocus||Boolean(r.getState().query))&&Ue(nt({event:e,props:t,query:r.getState().completion||r.getState().query,refresh:n,store:r},o)),r.dispatch("focus",null)}var s=e||{},l=(s.inputElement,s.maxLength),c=void 0===l?512:l,u=ot(s,Ze),d=oe(r.getState()),p=function(e){return Boolean(e&&e.match(ae))}((null===(a=t.environment.navigator)||void 0===a?void 0:a.userAgent)||""),f=null!=d&&d.itemUrl&&!p?"go":"search";return nt({"aria-autocomplete":"both","aria-activedescendant":r.getState().isOpen&&null!==r.getState().activeItemId?"".concat(t.id,"-item-").concat(r.getState().activeItemId):void 0,"aria-controls":r.getState().isOpen?"".concat(t.id,"-list"):void 0,"aria-labelledby":"".concat(t.id,"-label"),value:r.getState().completion||r.getState().query,id:"".concat(t.id,"-input"),autoComplete:"off",autoCorrect:"off",autoCapitalize:"off",enterKeyHint:f,spellCheck:"false",autoFocus:t.autoFocus,placeholder:t.placeholder,maxLength:c,type:"search",onChange:function(e){Ue(nt({event:e,props:t,query:e.currentTarget.value.slice(0,c),refresh:n,store:r},o))},onKeyDown:function(e){!function(e){var t=e.event,n=e.props,r=e.refresh,o=e.store,a=function(e,t){if(null==e)return{};var n,r,o=function(e,t){if(null==e)return{};var n,r,o={},a=Object.keys(e);for(r=0;r<a.length;r++)n=a[r],t.indexOf(n)>=0||(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(r=0;r<a.length;r++)n=a[r],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}(e,$e);if("ArrowUp"===t.key||"ArrowDown"===t.key){var i=function(){var e=n.environment.document.getElementById("".concat(n.id,"-item-").concat(o.getState().activeItemId));e&&(e.scrollIntoViewIfNeeded?e.scrollIntoViewIfNeeded(!1):e.scrollIntoView(!1))},s=function(){var e=oe(o.getState());if(null!==o.getState().activeItemId&&e){var n=e.item,i=e.itemInputValue,s=e.itemUrl,l=e.source;l.onActive(Ve({event:t,item:n,itemInputValue:i,itemUrl:s,refresh:r,source:l,state:o.getState()},a))}};t.preventDefault(),!1===o.getState().isOpen&&(n.openOnFocus||Boolean(o.getState().query))?Ue(Ve({event:t,props:n,query:o.getState().query,refresh:r,store:o},a)).then((function(){o.dispatch(t.key,{nextActiveItemId:n.defaultActiveItemId}),s(),setTimeout(i,0)})):(o.dispatch(t.key,{}),s(),i())}else if("Escape"===t.key)t.preventDefault(),o.dispatch(t.key,null),o.pendingRequests.cancelAll();else if("Tab"===t.key)o.dispatch("blur",null),o.pendingRequests.cancelAll();else if("Enter"===t.key){if(null===o.getState().activeItemId||o.getState().collections.every((function(e){return 0===e.items.length})))return void(n.debug||o.pendingRequests.cancelAll());t.preventDefault();var l=oe(o.getState()),c=l.item,u=l.itemInputValue,d=l.itemUrl,p=l.source;if(t.metaKey||t.ctrlKey)void 0!==d&&(p.onSelect(Ve({event:t,item:c,itemInputValue:u,itemUrl:d,refresh:r,source:p,state:o.getState()},a)),n.navigator.navigateNewTab({itemUrl:d,item:c,state:o.getState()}));else if(t.shiftKey)void 0!==d&&(p.onSelect(Ve({event:t,item:c,itemInputValue:u,itemUrl:d,refresh:r,source:p,state:o.getState()},a)),n.navigator.navigateNewWindow({itemUrl:d,item:c,state:o.getState()}));else if(t.altKey);else{if(void 0!==d)return p.onSelect(Ve({event:t,item:c,itemInputValue:u,itemUrl:d,refresh:r,source:p,state:o.getState()},a)),void n.navigator.navigate({itemUrl:d,item:c,state:o.getState()});Ue(Ve({event:t,nextState:{isOpen:!1},props:n,query:u,refresh:r,store:o},a)).then((function(){p.onSelect(Ve({event:t,item:c,itemInputValue:u,itemUrl:d,refresh:r,source:p,state:o.getState()},a))}))}}}(nt({event:e,props:t,refresh:n,store:r},o))},onFocus:i,onBlur:E,onClick:function(n){e.inputElement!==t.environment.document.activeElement||r.getState().isOpen||i(n)}},u)},getPanelProps:function(e){return nt({onMouseDown:function(e){e.preventDefault()},onMouseLeave:function(){r.dispatch("mouseleave",null)}},e)},getListProps:function(e){var n=e||{},r=n.sourceIndex,o=ot(n,Xe);return nt({role:"listbox","aria-labelledby":"".concat(a(t.id,r),"-label"),id:"".concat(a(t.id,r),"-list")},o)},getItemProps:function(e){var i=e.item,s=e.source,l=e.sourceIndex,c=ot(e,et);return nt({id:"".concat(a(t.id,l),"-item-").concat(i.__autocomplete_id),role:"option","aria-selected":r.getState().activeItemId===i.__autocomplete_id,onMouseMove:function(e){if(i.__autocomplete_id!==r.getState().activeItemId){r.dispatch("mousemove",i.__autocomplete_id);var t=oe(r.getState());if(null!==r.getState().activeItemId&&t){var a=t.item,s=t.itemInputValue,l=t.itemUrl,c=t.source;c.onActive(nt({event:e,item:a,itemInputValue:s,itemUrl:l,refresh:n,source:c,state:r.getState()},o))}}},onMouseDown:function(e){e.preventDefault()},onClick:function(e){var a=s.getItemInputValue({item:i,state:r.getState()}),l=s.getItemUrl({item:i,state:r.getState()});(l?Promise.resolve():Ue(nt({event:e,nextState:{isOpen:!1},props:t,query:a,refresh:n,store:r},o))).then((function(){s.onSelect(nt({event:e,item:i,itemInputValue:a,itemUrl:l,refresh:n,source:s,state:r.getState()},o))}))}},c)}}}function it(e){return it="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},it(e)}function st(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function lt(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?st(Object(n),!0).forEach((function(t){ct(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):st(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function ct(e,t,n){return(t=function(e){var t=function(e){if("object"!==it(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var n=t.call(e,"string");if("object"!==it(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"===it(t)?t:String(t)}(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function ut(e){var t,n,r,o,a=e.plugins,i=e.options,s=null===(t=((null===(n=i.__autocomplete_metadata)||void 0===n?void 0:n.userAgents)||[])[0])||void 0===t?void 0:t.segment,l=s?ct({},s,Object.keys((null===(r=i.__autocomplete_metadata)||void 0===r?void 0:r.options)||{})):{};return{plugins:a.map((function(e){return{name:e.name,options:Object.keys(e.__autocomplete_pluginOptions||[])}})),options:lt({"autocomplete-core":Object.keys(i)},l),ua:_.concat((null===(o=i.__autocomplete_metadata)||void 0===o?void 0:o.userAgents)||[])}}function dt(e){var t,n=e.state;return!1===n.isOpen||null===n.activeItemId?null:(null===(t=oe(n))||void 0===t?void 0:t.itemInputValue)||null}function pt(e){return pt="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},pt(e)}function ft(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function mt(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?ft(Object(n),!0).forEach((function(t){ht(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):ft(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function ht(e,t,n){return(t=function(e){var t=function(e){if("object"!==pt(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var n=t.call(e,"string");if("object"!==pt(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"===pt(t)?t:String(t)}(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var gt=function(e,t){switch(t.type){case"setActiveItemId":case"mousemove":return mt(mt({},e),{},{activeItemId:t.payload});case"setQuery":return mt(mt({},e),{},{query:t.payload,completion:null});case"setCollections":return mt(mt({},e),{},{collections:t.payload});case"setIsOpen":return mt(mt({},e),{},{isOpen:t.payload});case"setStatus":return mt(mt({},e),{},{status:t.payload});case"setContext":return mt(mt({},e),{},{context:mt(mt({},e.context),t.payload)});case"ArrowDown":var n=mt(mt({},e),{},{activeItemId:t.payload.hasOwnProperty("nextActiveItemId")?t.payload.nextActiveItemId:X(1,e.activeItemId,k(e),t.props.defaultActiveItemId)});return mt(mt({},n),{},{completion:dt({state:n})});case"ArrowUp":var r=mt(mt({},e),{},{activeItemId:X(-1,e.activeItemId,k(e),t.props.defaultActiveItemId)});return mt(mt({},r),{},{completion:dt({state:r})});case"Escape":return e.isOpen?mt(mt({},e),{},{activeItemId:null,isOpen:!1,completion:null}):mt(mt({},e),{},{activeItemId:null,query:"",status:"idle",collections:[]});case"submit":return mt(mt({},e),{},{activeItemId:null,isOpen:!1,status:"idle"});case"reset":return mt(mt({},e),{},{activeItemId:!0===t.props.openOnFocus?t.props.defaultActiveItemId:null,status:"idle",query:""});case"focus":return mt(mt({},e),{},{activeItemId:t.props.defaultActiveItemId,isOpen:(t.props.openOnFocus||Boolean(e.query))&&t.props.shouldPanelOpen({state:e})});case"blur":return t.props.debug?e:mt(mt({},e),{},{isOpen:!1,activeItemId:null});case"mouseleave":return mt(mt({},e),{},{activeItemId:t.props.defaultActiveItemId});default:return"The reducer action ".concat(JSON.stringify(t.type)," is not supported."),e}};function bt(e){return bt="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},bt(e)}function yt(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function vt(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?yt(Object(n),!0).forEach((function(t){wt(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):yt(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function wt(e,t,n){return(t=function(e){var t=function(e){if("object"!==bt(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var n=t.call(e,"string");if("object"!==bt(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"===bt(t)?t:String(t)}(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function kt(e){var t=[],n=ye(e,t),r=function(e,t,n){var r,o=t.initialState;return{getState:function(){return o},dispatch:function(r,a){var i=function(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?se(Object(n),!0).forEach((function(t){le(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):se(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}({},o);o=e(o,{type:r,props:t,payload:a}),n({state:o,prevState:i})},pendingRequests:(r=[],{add:function(e){return r.push(e),e.finally((function(){r=r.filter((function(t){return t!==e}))}))},cancelAll:function(){r.forEach((function(e){return e.cancel()}))},isEmpty:function(){return 0===r.length}})}}(gt,n,(function(e){var t=e.prevState,r=e.state;n.onStateChange(vt({prevState:t,state:r,refresh:i,navigator:n.navigator},o))})),o=function(e){var t=e.store;return{setActiveItemId:function(e){t.dispatch("setActiveItemId",e)},setQuery:function(e){t.dispatch("setQuery",e)},setCollections:function(e){var n=0,r=e.map((function(e){return de(de({},e),{},{items:v(e.items).map((function(e){return de(de({},e),{},{__autocomplete_id:n++})}))})}));t.dispatch("setCollections",r)},setIsOpen:function(e){t.dispatch("setIsOpen",e)},setStatus:function(e){t.dispatch("setStatus",e)},setContext:function(e){t.dispatch("setContext",e)}}}({store:r}),a=at(vt({props:n,refresh:i,store:r,navigator:n.navigator},o));function i(){return Ue(vt({event:new Event("input"),nextState:{isOpen:r.getState().isOpen},props:n,navigator:n.navigator,query:r.getState().query,refresh:i,store:r},o))}if(e.insights&&!n.plugins.some((function(e){return"aa.algoliaInsightsPlugin"===e.name}))){var s="boolean"==typeof e.insights?{}:e.insights;n.plugins.push(Q(s))}return n.plugins.forEach((function(e){var r;return null===(r=e.subscribe)||void 0===r?void 0:r.call(e,vt(vt({},o),{},{navigator:n.navigator,refresh:i,onSelect:function(e){t.push({onSelect:e})},onActive:function(e){t.push({onActive:e})},onResolve:function(e){t.push({onResolve:e})}}))})),function(e){var t,n,r=e.metadata,o=e.environment;if(null===(t=o.navigator)||void 0===t||null===(n=t.userAgent)||void 0===n?void 0:n.includes("Algolia Crawler")){var a=o.document.createElement("meta"),i=o.document.querySelector("head");a.name="algolia:metadata",setTimeout((function(){a.content=JSON.stringify(r),i.appendChild(a)}),0)}}({metadata:ut({plugins:n.plugins,options:e}),environment:n.environment}),vt(vt({refresh:i,navigator:n.navigator},a),o)}function St(e){var t=e.translations,n=(void 0===t?{}:t).searchByText,o=void 0===n?"Search by":n;return r.createElement("a",{href:"https://www.algolia.com/ref/docsearch/?utm_source=".concat(window.location.hostname,"&utm_medium=referral&utm_content=powered_by&utm_campaign=docsearch"),target:"_blank",rel:"noopener noreferrer"},r.createElement("span",{className:"DocSearch-Label"},o),r.createElement("svg",{width:"77",height:"19","aria-label":"Algolia",role:"img",id:"Layer_1",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 2196.2 500"},r.createElement("defs",null,r.createElement("style",null,".cls-1,.cls-2{fill:#003dff;}.cls-2{fill-rule:evenodd;}")),r.createElement("path",{className:"cls-2",d:"M1070.38,275.3V5.91c0-3.63-3.24-6.39-6.82-5.83l-50.46,7.94c-2.87,.45-4.99,2.93-4.99,5.84l.17,273.22c0,12.92,0,92.7,95.97,95.49,3.33,.1,6.09-2.58,6.09-5.91v-40.78c0-2.96-2.19-5.51-5.12-5.84-34.85-4.01-34.85-47.57-34.85-54.72Z"}),r.createElement("rect",{className:"cls-1",x:"1845.88",y:"104.73",width:"62.58",height:"277.9",rx:"5.9",ry:"5.9"}),r.createElement("path",{className:"cls-2",d:"M1851.78,71.38h50.77c3.26,0,5.9-2.64,5.9-5.9V5.9c0-3.62-3.24-6.39-6.82-5.83l-50.77,7.95c-2.87,.45-4.99,2.92-4.99,5.83v51.62c0,3.26,2.64,5.9,5.9,5.9Z"}),r.createElement("path",{className:"cls-2",d:"M1764.03,275.3V5.91c0-3.63-3.24-6.39-6.82-5.83l-50.46,7.94c-2.87,.45-4.99,2.93-4.99,5.84l.17,273.22c0,12.92,0,92.7,95.97,95.49,3.33,.1,6.09-2.58,6.09-5.91v-40.78c0-2.96-2.19-5.51-5.12-5.84-34.85-4.01-34.85-47.57-34.85-54.72Z"}),r.createElement("path",{className:"cls-2",d:"M1631.95,142.72c-11.14-12.25-24.83-21.65-40.78-28.31-15.92-6.53-33.26-9.85-52.07-9.85-18.78,0-36.15,3.17-51.92,9.85-15.59,6.66-29.29,16.05-40.76,28.31-11.47,12.23-20.38,26.87-26.76,44.03-6.38,17.17-9.24,37.37-9.24,58.36,0,20.99,3.19,36.87,9.55,54.21,6.38,17.32,15.14,32.11,26.45,44.36,11.29,12.23,24.83,21.62,40.6,28.46,15.77,6.83,40.12,10.33,52.4,10.48,12.25,0,36.78-3.82,52.7-10.48,15.92-6.68,29.46-16.23,40.78-28.46,11.29-12.25,20.05-27.04,26.25-44.36,6.22-17.34,9.24-33.22,9.24-54.21,0-20.99-3.34-41.19-10.03-58.36-6.38-17.17-15.14-31.8-26.43-44.03Zm-44.43,163.75c-11.47,15.75-27.56,23.7-48.09,23.7-20.55,0-36.63-7.8-48.1-23.7-11.47-15.75-17.21-34.01-17.21-61.2,0-26.89,5.59-49.14,17.06-64.87,11.45-15.75,27.54-23.52,48.07-23.52,20.55,0,36.63,7.78,48.09,23.52,11.47,15.57,17.36,37.98,17.36,64.87,0,27.19-5.72,45.3-17.19,61.2Z"}),r.createElement("path",{className:"cls-2",d:"M894.42,104.73h-49.33c-48.36,0-90.91,25.48-115.75,64.1-14.52,22.58-22.99,49.63-22.99,78.73,0,44.89,20.13,84.92,51.59,111.1,2.93,2.6,6.05,4.98,9.31,7.14,12.86,8.49,28.11,13.47,44.52,13.47,1.23,0,2.46-.03,3.68-.09,.36-.02,.71-.05,1.07-.07,.87-.05,1.75-.11,2.62-.2,.34-.03,.68-.08,1.02-.12,.91-.1,1.82-.21,2.73-.34,.21-.03,.42-.07,.63-.1,32.89-5.07,61.56-30.82,70.9-62.81v57.83c0,3.26,2.64,5.9,5.9,5.9h50.42c3.26,0,5.9-2.64,5.9-5.9V110.63c0-3.26-2.64-5.9-5.9-5.9h-56.32Zm0,206.92c-12.2,10.16-27.97,13.98-44.84,15.12-.16,.01-.33,.03-.49,.04-1.12,.07-2.24,.1-3.36,.1-42.24,0-77.12-35.89-77.12-79.37,0-10.25,1.96-20.01,5.42-28.98,11.22-29.12,38.77-49.74,71.06-49.74h49.33v142.83Z"}),r.createElement("path",{className:"cls-2",d:"M2133.97,104.73h-49.33c-48.36,0-90.91,25.48-115.75,64.1-14.52,22.58-22.99,49.63-22.99,78.73,0,44.89,20.13,84.92,51.59,111.1,2.93,2.6,6.05,4.98,9.31,7.14,12.86,8.49,28.11,13.47,44.52,13.47,1.23,0,2.46-.03,3.68-.09,.36-.02,.71-.05,1.07-.07,.87-.05,1.75-.11,2.62-.2,.34-.03,.68-.08,1.02-.12,.91-.1,1.82-.21,2.73-.34,.21-.03,.42-.07,.63-.1,32.89-5.07,61.56-30.82,70.9-62.81v57.83c0,3.26,2.64,5.9,5.9,5.9h50.42c3.26,0,5.9-2.64,5.9-5.9V110.63c0-3.26-2.64-5.9-5.9-5.9h-56.32Zm0,206.92c-12.2,10.16-27.97,13.98-44.84,15.12-.16,.01-.33,.03-.49,.04-1.12,.07-2.24,.1-3.36,.1-42.24,0-77.12-35.89-77.12-79.37,0-10.25,1.96-20.01,5.42-28.98,11.22-29.12,38.77-49.74,71.06-49.74h49.33v142.83Z"}),r.createElement("path",{className:"cls-2",d:"M1314.05,104.73h-49.33c-48.36,0-90.91,25.48-115.75,64.1-11.79,18.34-19.6,39.64-22.11,62.59-.58,5.3-.88,10.68-.88,16.14s.31,11.15,.93,16.59c4.28,38.09,23.14,71.61,50.66,94.52,2.93,2.6,6.05,4.98,9.31,7.14,12.86,8.49,28.11,13.47,44.52,13.47h0c17.99,0,34.61-5.93,48.16-15.97,16.29-11.58,28.88-28.54,34.48-47.75v50.26h-.11v11.08c0,21.84-5.71,38.27-17.34,49.36-11.61,11.08-31.04,16.63-58.25,16.63-11.12,0-28.79-.59-46.6-2.41-2.83-.29-5.46,1.5-6.27,4.22l-12.78,43.11c-1.02,3.46,1.27,7.02,4.83,7.53,21.52,3.08,42.52,4.68,54.65,4.68,48.91,0,85.16-10.75,108.89-32.21,21.48-19.41,33.15-48.89,35.2-88.52V110.63c0-3.26-2.64-5.9-5.9-5.9h-56.32Zm0,64.1s.65,139.13,0,143.36c-12.08,9.77-27.11,13.59-43.49,14.7-.16,.01-.33,.03-.49,.04-1.12,.07-2.24,.1-3.36,.1-1.32,0-2.63-.03-3.94-.1-40.41-2.11-74.52-37.26-74.52-79.38,0-10.25,1.96-20.01,5.42-28.98,11.22-29.12,38.77-49.74,71.06-49.74h49.33Z"}),r.createElement("path",{className:"cls-1",d:"M249.83,0C113.3,0,2,110.09,.03,246.16c-2,138.19,110.12,252.7,248.33,253.5,42.68,.25,83.79-10.19,120.3-30.03,3.56-1.93,4.11-6.83,1.08-9.51l-23.38-20.72c-4.75-4.21-11.51-5.4-17.36-2.92-25.48,10.84-53.17,16.38-81.71,16.03-111.68-1.37-201.91-94.29-200.13-205.96,1.76-110.26,92-199.41,202.67-199.41h202.69V407.41l-115-102.18c-3.72-3.31-9.42-2.66-12.42,1.31-18.46,24.44-48.53,39.64-81.93,37.34-46.33-3.2-83.87-40.5-87.34-86.81-4.15-55.24,39.63-101.52,94-101.52,49.18,0,89.68,37.85,93.91,85.95,.38,4.28,2.31,8.27,5.52,11.12l29.95,26.55c3.4,3.01,8.79,1.17,9.63-3.3,2.16-11.55,2.92-23.58,2.07-35.92-4.82-70.34-61.8-126.93-132.17-131.26-80.68-4.97-148.13,58.14-150.27,137.25-2.09,77.1,61.08,143.56,138.19,145.26,32.19,.71,62.03-9.41,86.14-26.95l150.26,133.2c6.44,5.71,16.61,1.14,16.61-7.47V9.48C499.66,4.25,495.42,0,490.18,0H249.83Z"})))}function xt(e){return r.createElement("svg",{width:"15",height:"15","aria-label":e.ariaLabel,role:"img"},r.createElement("g",{fill:"none",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"1.2"},e.children))}function Et(e){var t=e.translations,n=void 0===t?{}:t,o=n.selectText,a=void 0===o?"to select":o,i=n.selectKeyAriaLabel,s=void 0===i?"Enter key":i,l=n.navigateText,c=void 0===l?"to navigate":l,u=n.navigateUpKeyAriaLabel,d=void 0===u?"Arrow up":u,p=n.navigateDownKeyAriaLabel,f=void 0===p?"Arrow down":p,m=n.closeText,h=void 0===m?"to close":m,g=n.closeKeyAriaLabel,b=void 0===g?"Escape key":g,y=n.searchByText,v=void 0===y?"Search by":y;return r.createElement(r.Fragment,null,r.createElement("div",{className:"DocSearch-Logo"},r.createElement(St,{translations:{searchByText:v}})),r.createElement("ul",{className:"DocSearch-Commands"},r.createElement("li",null,r.createElement("kbd",{className:"DocSearch-Commands-Key"},r.createElement(xt,{ariaLabel:s},r.createElement("path",{d:"M12 3.53088v3c0 1-1 2-2 2H4M7 11.53088l-3-3 3-3"}))),r.createElement("span",{className:"DocSearch-Label"},a)),r.createElement("li",null,r.createElement("kbd",{className:"DocSearch-Commands-Key"},r.createElement(xt,{ariaLabel:f},r.createElement("path",{d:"M7.5 3.5v8M10.5 8.5l-3 3-3-3"}))),r.createElement("kbd",{className:"DocSearch-Commands-Key"},r.createElement(xt,{ariaLabel:d},r.createElement("path",{d:"M7.5 11.5v-8M10.5 6.5l-3-3-3 3"}))),r.createElement("span",{className:"DocSearch-Label"},c)),r.createElement("li",null,r.createElement("kbd",{className:"DocSearch-Commands-Key"},r.createElement(xt,{ariaLabel:b},r.createElement("path",{d:"M13.6167 8.936c-.1065.3583-.6883.962-1.4875.962-.7993 0-1.653-.9165-1.653-2.1258v-.5678c0-1.2548.7896-2.1016 1.653-2.1016.8634 0 1.3601.4778 1.4875 1.0724M9 6c-.1352-.4735-.7506-.9219-1.46-.8972-.7092.0246-1.344.57-1.344 1.2166s.4198.8812 1.3445.9805C8.465 7.3992 8.968 7.9337 9 8.5c.032.5663-.454 1.398-1.4595 1.398C6.6593 9.898 6 9 5.963 8.4851m-1.4748.5368c-.2635.5941-.8099.876-1.5443.876s-1.7073-.6248-1.7073-2.204v-.4603c0-1.0416.721-2.131 1.7073-2.131.9864 0 1.6425 1.031 1.5443 2.2492h-2.956"}))),r.createElement("span",{className:"DocSearch-Label"},h))))}function _t(e){var t=e.hit,n=e.children;return r.createElement("a",{href:t.url},n)}function Ct(){return r.createElement("svg",{viewBox:"0 0 38 38",stroke:"currentColor",strokeOpacity:".5"},r.createElement("g",{fill:"none",fillRule:"evenodd"},r.createElement("g",{transform:"translate(1 1)",strokeWidth:"2"},r.createElement("circle",{strokeOpacity:".3",cx:"18",cy:"18",r:"18"}),r.createElement("path",{d:"M36 18c0-9.94-8.06-18-18-18"},r.createElement("animateTransform",{attributeName:"transform",type:"rotate",from:"0 18 18",to:"360 18 18",dur:"1s",repeatCount:"indefinite"})))))}function jt(){return r.createElement("svg",{width:"20",height:"20",viewBox:"0 0 20 20"},r.createElement("g",{stroke:"currentColor",fill:"none",fillRule:"evenodd",strokeLinecap:"round",strokeLinejoin:"round"},r.createElement("path",{d:"M3.18 6.6a8.23 8.23 0 1112.93 9.94h0a8.23 8.23 0 01-11.63 0"}),r.createElement("path",{d:"M6.44 7.25H2.55V3.36M10.45 6v5.6M10.45 11.6L13 13"})))}function Ot(){return r.createElement("svg",{width:"20",height:"20",viewBox:"0 0 20 20"},r.createElement("path",{d:"M10 10l5.09-5.09L10 10l5.09 5.09L10 10zm0 0L4.91 4.91 10 10l-5.09 5.09L10 10z",stroke:"currentColor",fill:"none",fillRule:"evenodd",strokeLinecap:"round",strokeLinejoin:"round"}))}function At(){return r.createElement("svg",{className:"DocSearch-Hit-Select-Icon",width:"20",height:"20",viewBox:"0 0 20 20"},r.createElement("g",{stroke:"currentColor",fill:"none",fillRule:"evenodd",strokeLinecap:"round",strokeLinejoin:"round"},r.createElement("path",{d:"M18 3v4c0 2-2 4-4 4H2"}),r.createElement("path",{d:"M8 17l-6-6 6-6"})))}var Tt=function(){return r.createElement("svg",{width:"20",height:"20",viewBox:"0 0 20 20"},r.createElement("path",{d:"M17 6v12c0 .52-.2 1-1 1H4c-.7 0-1-.33-1-1V2c0-.55.42-1 1-1h8l5 5zM14 8h-3.13c-.51 0-.87-.34-.87-.87V4",stroke:"currentColor",fill:"none",fillRule:"evenodd",strokeLinejoin:"round"}))};function Pt(e){switch(e.type){case"lvl1":return r.createElement(Tt,null);case"content":return r.createElement(It,null);default:return r.createElement(Lt,null)}}function Lt(){return r.createElement("svg",{width:"20",height:"20",viewBox:"0 0 20 20"},r.createElement("path",{d:"M13 13h4-4V8H7v5h6v4-4H7V8H3h4V3v5h6V3v5h4-4v5zm-6 0v4-4H3h4z",stroke:"currentColor",fill:"none",fillRule:"evenodd",strokeLinecap:"round",strokeLinejoin:"round"}))}function It(){return r.createElement("svg",{width:"20",height:"20",viewBox:"0 0 20 20"},r.createElement("path",{d:"M17 5H3h14zm0 5H3h14zm0 5H3h14z",stroke:"currentColor",fill:"none",fillRule:"evenodd",strokeLinejoin:"round"}))}function Nt(){return r.createElement("svg",{width:"20",height:"20",viewBox:"0 0 20 20"},r.createElement("path",{d:"M10 14.2L5 17l1-5.6-4-4 5.5-.7 2.5-5 2.5 5 5.6.8-4 4 .9 5.5z",stroke:"currentColor",fill:"none",fillRule:"evenodd",strokeLinejoin:"round"}))}function Rt(){return r.createElement("svg",{width:"40",height:"40",viewBox:"0 0 20 20",fill:"none",fillRule:"evenodd",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round"},r.createElement("path",{d:"M19 4.8a16 16 0 00-2-1.2m-3.3-1.2A16 16 0 001.1 4.7M16.7 8a12 12 0 00-2.8-1.4M10 6a12 12 0 00-6.7 2M12.3 14.7a4 4 0 00-4.5 0M14.5 11.4A8 8 0 0010 10M3 16L18 2M10 18h0"}))}function Dt(){return r.createElement("svg",{width:"40",height:"40",viewBox:"0 0 20 20",fill:"none",fillRule:"evenodd",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round"},r.createElement("path",{d:"M15.5 4.8c2 3 1.7 7-1 9.7h0l4.3 4.3-4.3-4.3a7.8 7.8 0 01-9.8 1m-2.2-2.2A7.8 7.8 0 0113.2 2.4M2 18L18 2"}))}function Mt(e){var t=e.translations,n=void 0===t?{}:t,o=n.titleText,a=void 0===o?"Unable to fetch results":o,i=n.helpText,s=void 0===i?"You might want to check your network connection.":i;return r.createElement("div",{className:"DocSearch-ErrorScreen"},r.createElement("div",{className:"DocSearch-Screen-Icon"},r.createElement(Rt,null)),r.createElement("p",{className:"DocSearch-Title"},a),r.createElement("p",{className:"DocSearch-Help"},s))}var Ft=["translations"];function zt(e){var t=e.translations,n=void 0===t?{}:t,o=l(e,Ft),a=n.noResultsText,i=void 0===a?"No results for":a,s=n.suggestedQueryText,c=void 0===s?"Try searching for":s,d=n.reportMissingResultsText,p=void 0===d?"Believe this query should return results?":d,f=n.reportMissingResultsLinkText,m=void 0===f?"Let us know.":f,h=o.state.context.searchSuggestions;return r.createElement("div",{className:"DocSearch-NoResults"},r.createElement("div",{className:"DocSearch-Screen-Icon"},r.createElement(Dt,null)),r.createElement("p",{className:"DocSearch-Title"},i,' "',r.createElement("strong",null,o.state.query),'"'),h&&h.length>0&&r.createElement("div",{className:"DocSearch-NoResults-Prefill-List"},r.createElement("p",{className:"DocSearch-Help"},c,":"),r.createElement("ul",null,h.slice(0,3).reduce((function(e,t){return[].concat(u(e),[r.createElement("li",{key:t},r.createElement("button",{className:"DocSearch-Prefill",key:t,type:"button",onClick:function(){o.setQuery(t.toLowerCase()+" "),o.refresh(),o.inputRef.current.focus()}},t))])}),[]))),o.getMissingResultsUrl&&r.createElement("p",{className:"DocSearch-Help"},"".concat(p," "),r.createElement("a",{href:o.getMissingResultsUrl({query:o.state.query}),target:"_blank",rel:"noopener noreferrer"},m)))}var Bt=["hit","attribute","tagName"];function Ut(e,t){return t.split(".").reduce((function(e,t){return null!=e&&e[t]?e[t]:null}),e)}function qt(e){var t=e.hit,n=e.attribute,o=e.tagName,i=void 0===o?"span":o,s=l(e,Bt);return(0,r.createElement)(i,a(a({},s),{},{dangerouslySetInnerHTML:{__html:Ut(t,"_snippetResult.".concat(n,".value"))||Ut(t,n)}}))}function $t(e){return e.collection&&0!==e.collection.items.length?r.createElement("section",{className:"DocSearch-Hits"},r.createElement("div",{className:"DocSearch-Hit-source"},e.title),r.createElement("ul",e.getListProps(),e.collection.items.map((function(t,n){return r.createElement(Ht,s({key:[e.title,t.objectID].join(":"),item:t,index:n},e))})))):null}function Ht(e){var t=e.item,n=e.index,o=e.renderIcon,a=e.renderAction,i=e.getItemProps,l=e.onItemClick,u=e.collection,d=e.hitComponent,p=c(r.useState(!1),2),f=p[0],m=p[1],h=c(r.useState(!1),2),g=h[0],b=h[1],y=r.useRef(null),v=d;return r.createElement("li",s({className:["DocSearch-Hit",t.__docsearch_parent&&"DocSearch-Hit--Child",f&&"DocSearch-Hit--deleting",g&&"DocSearch-Hit--favoriting"].filter(Boolean).join(" "),onTransitionEnd:function(){y.current&&y.current()}},i({item:t,source:u.source,onClick:function(e){l(t,e)}})),r.createElement(v,{hit:t},r.createElement("div",{className:"DocSearch-Hit-Container"},o({item:t,index:n}),t.hierarchy[t.type]&&"lvl1"===t.type&&r.createElement("div",{className:"DocSearch-Hit-content-wrapper"},r.createElement(qt,{className:"DocSearch-Hit-title",hit:t,attribute:"hierarchy.lvl1"}),t.content&&r.createElement(qt,{className:"DocSearch-Hit-path",hit:t,attribute:"content"})),t.hierarchy[t.type]&&("lvl2"===t.type||"lvl3"===t.type||"lvl4"===t.type||"lvl5"===t.type||"lvl6"===t.type)&&r.createElement("div",{className:"DocSearch-Hit-content-wrapper"},r.createElement(qt,{className:"DocSearch-Hit-title",hit:t,attribute:"hierarchy.".concat(t.type)}),r.createElement(qt,{className:"DocSearch-Hit-path",hit:t,attribute:"hierarchy.lvl1"})),"content"===t.type&&r.createElement("div",{className:"DocSearch-Hit-content-wrapper"},r.createElement(qt,{className:"DocSearch-Hit-title",hit:t,attribute:"content"}),r.createElement(qt,{className:"DocSearch-Hit-path",hit:t,attribute:"hierarchy.lvl1"})),a({item:t,runDeleteTransition:function(e){m(!0),y.current=e},runFavoriteTransition:function(e){b(!0),y.current=e}}))))}function Vt(e,t,n){return e.reduce((function(e,r){var o=t(r);return e.hasOwnProperty(o)||(e[o]=[]),e[o].length<(n||5)&&e[o].push(r),e}),{})}function Gt(e){return e}function Wt(e){return 1===e.button||e.altKey||e.ctrlKey||e.metaKey||e.shiftKey}function Kt(){}var Qt=/(<mark>|<\/mark>)/g,Yt=RegExp(Qt.source);function Zt(e){var t,n,r=e;if(!r.__docsearch_parent&&!e._highlightResult)return e.hierarchy.lvl0;var o=r.__docsearch_parent?null===(t=r.__docsearch_parent)||void 0===t||null===(t=t._highlightResult)||void 0===t||null===(t=t.hierarchy)||void 0===t?void 0:t.lvl0:null===(n=e._highlightResult)||void 0===n||null===(n=n.hierarchy)||void 0===n?void 0:n.lvl0;return o?o.value&&Yt.test(o.value)?o.value.replace(Qt,""):o.value:e.hierarchy.lvl0}function Jt(e){return r.createElement("div",{className:"DocSearch-Dropdown-Container"},e.state.collections.map((function(t){if(0===t.items.length)return null;var n=Zt(t.items[0]);return r.createElement($t,s({},e,{key:t.source.sourceId,title:n,collection:t,renderIcon:function(e){var n,o=e.item,a=e.index;return r.createElement(r.Fragment,null,o.__docsearch_parent&&r.createElement("svg",{className:"DocSearch-Hit-Tree",viewBox:"0 0 24 54"},r.createElement("g",{stroke:"currentColor",fill:"none",fillRule:"evenodd",strokeLinecap:"round",strokeLinejoin:"round"},o.__docsearch_parent!==(null===(n=t.items[a+1])||void 0===n?void 0:n.__docsearch_parent)?r.createElement("path",{d:"M8 6v21M20 27H8.3"}):r.createElement("path",{d:"M8 6v42M20 27H8.3"}))),r.createElement("div",{className:"DocSearch-Hit-icon"},r.createElement(Pt,{type:o.type})))},renderAction:function(){return r.createElement("div",{className:"DocSearch-Hit-action"},r.createElement(At,null))}}))})),e.resultsFooterComponent&&r.createElement("section",{className:"DocSearch-HitsFooter"},r.createElement(e.resultsFooterComponent,{state:e.state})))}var Xt=["translations"];function en(e){var t=e.translations,n=void 0===t?{}:t,o=l(e,Xt),a=n.recentSearchesTitle,i=void 0===a?"Recent":a,c=n.noRecentSearchesText,u=void 0===c?"No recent searches":c,d=n.saveRecentSearchButtonTitle,p=void 0===d?"Save this search":d,f=n.removeRecentSearchButtonTitle,m=void 0===f?"Remove this search from history":f,h=n.favoriteSearchesTitle,g=void 0===h?"Favorite":h,b=n.removeFavoriteSearchButtonTitle,y=void 0===b?"Remove this search from favorites":b;return"idle"===o.state.status&&!1===o.hasCollections?o.disableUserPersonalization?null:r.createElement("div",{className:"DocSearch-StartScreen"},r.createElement("p",{className:"DocSearch-Help"},u)):!1===o.hasCollections?null:r.createElement("div",{className:"DocSearch-Dropdown-Container"},r.createElement($t,s({},o,{title:i,collection:o.state.collections[0],renderIcon:function(){return r.createElement("div",{className:"DocSearch-Hit-icon"},r.createElement(jt,null))},renderAction:function(e){var t=e.item,n=e.runFavoriteTransition,a=e.runDeleteTransition;return r.createElement(r.Fragment,null,r.createElement("div",{className:"DocSearch-Hit-action"},r.createElement("button",{className:"DocSearch-Hit-action-button",title:p,type:"submit",onClick:function(e){e.preventDefault(),e.stopPropagation(),n((function(){o.favoriteSearches.add(t),o.recentSearches.remove(t),o.refresh()}))}},r.createElement(Nt,null))),r.createElement("div",{className:"DocSearch-Hit-action"},r.createElement("button",{className:"DocSearch-Hit-action-button",title:m,type:"submit",onClick:function(e){e.preventDefault(),e.stopPropagation(),a((function(){o.recentSearches.remove(t),o.refresh()}))}},r.createElement(Ot,null))))}})),r.createElement($t,s({},o,{title:g,collection:o.state.collections[1],renderIcon:function(){return r.createElement("div",{className:"DocSearch-Hit-icon"},r.createElement(Nt,null))},renderAction:function(e){var t=e.item,n=e.runDeleteTransition;return r.createElement("div",{className:"DocSearch-Hit-action"},r.createElement("button",{className:"DocSearch-Hit-action-button",title:y,type:"submit",onClick:function(e){e.preventDefault(),e.stopPropagation(),n((function(){o.favoriteSearches.remove(t),o.refresh()}))}},r.createElement(Ot,null)))}})))}var tn=["translations"],nn=r.memo((function(e){var t=e.translations,n=void 0===t?{}:t,o=l(e,tn);if("error"===o.state.status)return r.createElement(Mt,{translations:null==n?void 0:n.errorScreen});var a=o.state.collections.some((function(e){return e.items.length>0}));return o.state.query?!1===a?r.createElement(zt,s({},o,{translations:null==n?void 0:n.noResultsScreen})):r.createElement(Jt,o):r.createElement(en,s({},o,{hasCollections:a,translations:null==n?void 0:n.startScreen}))}),(function(e,t){return"loading"===t.state.status||"stalled"===t.state.status})),rn=["translations"];function on(e){var t=e.translations,n=void 0===t?{}:t,o=l(e,rn),a=n.resetButtonTitle,i=void 0===a?"Clear the query":a,c=n.resetButtonAriaLabel,u=void 0===c?"Clear the query":c,d=n.cancelButtonText,p=void 0===d?"Cancel":d,f=n.cancelButtonAriaLabel,h=void 0===f?"Cancel":f,g=n.searchInputLabel,b=void 0===g?"Search":g,y=o.getFormProps({inputElement:o.inputRef.current}).onReset;return r.useEffect((function(){o.autoFocus&&o.inputRef.current&&o.inputRef.current.focus()}),[o.autoFocus,o.inputRef]),r.useEffect((function(){o.isFromSelection&&o.inputRef.current&&o.inputRef.current.select()}),[o.isFromSelection,o.inputRef]),r.createElement(r.Fragment,null,r.createElement("form",{className:"DocSearch-Form",onSubmit:function(e){e.preventDefault()},onReset:y},r.createElement("label",s({className:"DocSearch-MagnifierLabel"},o.getLabelProps()),r.createElement(m,null),r.createElement("span",{className:"DocSearch-VisuallyHiddenForAccessibility"},b)),r.createElement("div",{className:"DocSearch-LoadingIndicator"},r.createElement(Ct,null)),r.createElement("input",s({className:"DocSearch-Input",ref:o.inputRef},o.getInputProps({inputElement:o.inputRef.current,autoFocus:o.autoFocus,maxLength:64}))),r.createElement("button",{type:"reset",title:i,className:"DocSearch-Reset","aria-label":u,hidden:!o.state.query},r.createElement(Ot,null))),r.createElement("button",{className:"DocSearch-Cancel",type:"reset","aria-label":h,onClick:o.onClose},p))}var an=["_highlightResult","_snippetResult"];function sn(e){var t=e.key,n=e.limit,r=void 0===n?5:n,o=function(e){return!1===function(){var e="__TEST_KEY__";try{return localStorage.setItem(e,""),localStorage.removeItem(e),!0}catch(e){return!1}}()?{setItem:function(){},getItem:function(){return[]}}:{setItem:function(t){return window.localStorage.setItem(e,JSON.stringify(t))},getItem:function(){var t=window.localStorage.getItem(e);return t?JSON.parse(t):[]}}}(t),a=o.getItem().slice(0,r);return{add:function(e){var t=e,n=(t._highlightResult,t._snippetResult,l(t,an)),i=a.findIndex((function(e){return e.objectID===n.objectID}));i>-1&&a.splice(i,1),a.unshift(n),a=a.slice(0,r),o.setItem(a)},remove:function(e){a=a.filter((function(t){return t.objectID!==e.objectID})),o.setItem(a)},getAll:function(){return a}}}function ln(e){const t=`algoliasearch-client-js-${e.key}`;let n;const r=()=>(void 0===n&&(n=e.localStorage||window.localStorage),n),o=()=>JSON.parse(r().getItem(t)||"{}"),a=e=>{r().setItem(t,JSON.stringify(e))};return{get:(t,n,r={miss:()=>Promise.resolve()})=>Promise.resolve().then((()=>{(()=>{const t=e.timeToLive?1e3*e.timeToLive:null,n=o(),r=Object.fromEntries(Object.entries(n).filter((([,e])=>void 0!==e.timestamp)));if(a(r),!t)return;const i=Object.fromEntries(Object.entries(r).filter((([,e])=>{const n=(new Date).getTime();return!(e.timestamp+t<n)})));a(i)})();const n=JSON.stringify(t);return o()[n]})).then((e=>Promise.all([e?e.value:n(),void 0!==e]))).then((([e,t])=>Promise.all([e,t||r.miss(e)]))).then((([e])=>e)),set:(e,n)=>Promise.resolve().then((()=>{const a=o();return a[JSON.stringify(e)]={timestamp:(new Date).getTime(),value:n},r().setItem(t,JSON.stringify(a)),n})),delete:e=>Promise.resolve().then((()=>{const n=o();delete n[JSON.stringify(e)],r().setItem(t,JSON.stringify(n))})),clear:()=>Promise.resolve().then((()=>{r().removeItem(t)}))}}function cn(e){const t=[...e.caches],n=t.shift();return void 0===n?{get:(e,t,n={miss:()=>Promise.resolve()})=>t().then((e=>Promise.all([e,n.miss(e)]))).then((([e])=>e)),set:(e,t)=>Promise.resolve(t),delete:e=>Promise.resolve(),clear:()=>Promise.resolve()}:{get:(e,r,o={miss:()=>Promise.resolve()})=>n.get(e,r,o).catch((()=>cn({caches:t}).get(e,r,o))),set:(e,r)=>n.set(e,r).catch((()=>cn({caches:t}).set(e,r))),delete:e=>n.delete(e).catch((()=>cn({caches:t}).delete(e))),clear:()=>n.clear().catch((()=>cn({caches:t}).clear()))}}function un(e={serializable:!0}){let t={};return{get(n,r,o={miss:()=>Promise.resolve()}){const a=JSON.stringify(n);if(a in t)return Promise.resolve(e.serializable?JSON.parse(t[a]):t[a]);const i=r(),s=o&&o.miss||(()=>Promise.resolve());return i.then((e=>s(e))).then((()=>i))},set:(n,r)=>(t[JSON.stringify(n)]=e.serializable?JSON.stringify(r):r,Promise.resolve(r)),delete:e=>(delete t[JSON.stringify(e)],Promise.resolve()),clear:()=>(t={},Promise.resolve())}}function dn(e){let t=e.length-1;for(;t>0;t--){const n=Math.floor(Math.random()*(t+1)),r=e[t];e[t]=e[n],e[n]=r}return e}function pn(e,t){return t?(Object.keys(t).forEach((n=>{e[n]=t[n](e)})),e):e}function fn(e,...t){let n=0;return e.replace(/%s/g,(()=>encodeURIComponent(t[n++])))}const mn={WithinQueryParameters:0,WithinHeaders:1};function hn(e,t){const n=e||{},r=n.data||{};return Object.keys(n).forEach((e=>{-1===["timeout","headers","queryParameters","data","cacheable"].indexOf(e)&&(r[e]=n[e])})),{data:Object.entries(r).length>0?r:void 0,timeout:n.timeout||t,headers:n.headers||{},queryParameters:n.queryParameters||{},cacheable:n.cacheable}}const gn={Read:1,Write:2,Any:3},bn=1,yn=3;function vn(e,t=bn){return{...e,status:t,lastUpdate:Date.now()}}function wn(e){return"string"==typeof e?{protocol:"https",url:e,accept:gn.Any}:{protocol:e.protocol||"https",url:e.url,accept:e.accept||gn.Any}}const kn="GET",Sn="POST";function xn(e,t,n,r){const o=[],a=function(e,t){if(e.method===kn||void 0===e.data&&void 0===t.data)return;const n=Array.isArray(e.data)?e.data:{...e.data,...t.data};return JSON.stringify(n)}(n,r),i=function(e,t){const n={...e.headers,...t.headers},r={};return Object.keys(n).forEach((e=>{const t=n[e];r[e.toLowerCase()]=t})),r}(e,r),s=n.method,l=n.method!==kn?{}:{...n.data,...r.data},c={"x-algolia-agent":e.userAgent.value,...e.queryParameters,...l,...r.queryParameters};let u=0;const d=(t,l)=>{const p=t.pop();if(void 0===p)throw{name:"RetryError",message:"Unreachable hosts - your application id may be incorrect. If the error persists, contact support@algolia.com.",transporterStackTrace:jn(o)};const f={data:a,headers:i,method:s,url:_n(p,n.path,c),connectTimeout:l(u,e.timeouts.connect),responseTimeout:l(u,r.timeout)},m=e=>{const n={request:f,response:e,host:p,triesLeft:t.length};return o.push(n),n},h={onSuccess:e=>function(e){try{return JSON.parse(e.content)}catch(t){throw function(e,t){return{name:"DeserializationError",message:e,response:t}}(t.message,e)}}(e),onRetry(n){const r=m(n);return n.isTimedOut&&u++,Promise.all([e.logger.info("Retryable failure",On(r)),e.hostsCache.set(p,vn(p,n.isTimedOut?yn:2))]).then((()=>d(t,l)))},onFail(e){throw m(e),function({content:e,status:t},n){let r=e;try{r=JSON.parse(e).message}catch(e){}return function(e,t,n){return{name:"ApiError",message:e,status:t,transporterStackTrace:n}}(r,t,n)}(e,jn(o))}};return e.requester.send(f).then((e=>((e,t)=>(e=>{const t=e.status;return e.isTimedOut||(({isTimedOut:e,status:t})=>!e&&!~~t)(e)||2!=~~(t/100)&&4!=~~(t/100)})(e)?t.onRetry(e):(({status:e})=>2==~~(e/100))(e)?t.onSuccess(e):t.onFail(e))(e,h)))};return function(e,t){return Promise.all(t.map((t=>e.get(t,(()=>Promise.resolve(vn(t))))))).then((e=>{const n=e.filter((e=>function(e){return e.status===bn||Date.now()-e.lastUpdate>12e4}(e))),r=e.filter((e=>function(e){return e.status===yn&&Date.now()-e.lastUpdate<=12e4}(e))),o=[...n,...r];return{getTimeout:(e,t)=>(0===r.length&&0===e?1:r.length+3+e)*t,statelessHosts:o.length>0?o.map((e=>wn(e))):t}}))}(e.hostsCache,t).then((e=>d([...e.statelessHosts].reverse(),e.getTimeout)))}function En(e){const t={value:`Algolia for JavaScript (${e})`,add(e){const n=`; ${e.segment}${void 0!==e.version?` (${e.version})`:""}`;return-1===t.value.indexOf(n)&&(t.value=`${t.value}${n}`),t}};return t}function _n(e,t,n){const r=Cn(n);let o=`${e.protocol}://${e.url}/${"/"===t.charAt(0)?t.substr(1):t}`;return r.length&&(o+=`?${r}`),o}function Cn(e){return Object.keys(e).map((t=>{return fn("%s=%s",t,(n=e[t],"[object Object]"===Object.prototype.toString.call(n)||"[object Array]"===Object.prototype.toString.call(n)?JSON.stringify(e[t]):e[t]));var n})).join("&")}function jn(e){return e.map((e=>On(e)))}function On(e){const t=e.request.headers["x-algolia-api-key"]?{"x-algolia-api-key":"*****"}:{};return{...e,request:{...e.request,headers:{...e.request.headers,...t}}}}const An=e=>{const t=e.appId,n=function(e,t,n){const r={"x-algolia-api-key":n,"x-algolia-application-id":t};return{headers:()=>e===mn.WithinHeaders?r:{},queryParameters:()=>e===mn.WithinQueryParameters?r:{}}}(void 0!==e.authMode?e.authMode:mn.WithinHeaders,t,e.apiKey),r=function(e){const{hostsCache:t,logger:n,requester:r,requestsCache:o,responsesCache:a,timeouts:i,userAgent:s,hosts:l,queryParameters:c,headers:u}=e,d={hostsCache:t,logger:n,requester:r,requestsCache:o,responsesCache:a,timeouts:i,userAgent:s,headers:u,queryParameters:c,hosts:l.map((e=>wn(e))),read(e,t){const n=hn(t,d.timeouts.read),r=()=>xn(d,d.hosts.filter((e=>!!(e.accept&gn.Read))),e,n);if(!0!==(void 0!==n.cacheable?n.cacheable:e.cacheable))return r();const o={request:e,mappedRequestOptions:n,transporter:{queryParameters:d.queryParameters,headers:d.headers}};return d.responsesCache.get(o,(()=>d.requestsCache.get(o,(()=>d.requestsCache.set(o,r()).then((e=>Promise.all([d.requestsCache.delete(o),e])),(e=>Promise.all([d.requestsCache.delete(o),Promise.reject(e)]))).then((([e,t])=>t))))),{miss:e=>d.responsesCache.set(o,e)})},write:(e,t)=>xn(d,d.hosts.filter((e=>!!(e.accept&gn.Write))),e,hn(t,d.timeouts.write))};return d}({hosts:[{url:`${t}-dsn.algolia.net`,accept:gn.Read},{url:`${t}.algolia.net`,accept:gn.Write}].concat(dn([{url:`${t}-1.algolianet.com`},{url:`${t}-2.algolianet.com`},{url:`${t}-3.algolianet.com`}])),...e,headers:{...n.headers(),"content-type":"application/x-www-form-urlencoded",...e.headers},queryParameters:{...n.queryParameters(),...e.queryParameters}}),o={transporter:r,appId:t,addAlgoliaAgent(e,t){r.userAgent.add({segment:e,version:t})},clearCache:()=>Promise.all([r.requestsCache.clear(),r.responsesCache.clear()]).then((()=>{}))};return pn(o,e.methods)},Tn=e=>(t,n)=>t.method===kn?e.transporter.read(t,n):e.transporter.write(t,n),Pn=e=>(t,n={})=>pn({transporter:e.transporter,appId:e.appId,indexName:t},n.methods),Ln=e=>(t,n)=>{const r=t.map((e=>({...e,params:Cn(e.params||{})})));return e.transporter.read({method:Sn,path:"1/indexes/*/queries",data:{requests:r},cacheable:!0},n)},In=e=>(t,n)=>Promise.all(t.map((t=>{const{facetName:r,facetQuery:o,...a}=t.params;return Pn(e)(t.indexName,{methods:{searchForFacetValues:Dn}}).searchForFacetValues(r,o,{...n,...a})}))),Nn=e=>(t,n,r)=>e.transporter.read({method:Sn,path:fn("1/answers/%s/prediction",e.indexName),data:{query:t,queryLanguages:n},cacheable:!0},r),Rn=e=>(t,n)=>e.transporter.read({method:Sn,path:fn("1/indexes/%s/query",e.indexName),data:{query:t},cacheable:!0},n),Dn=e=>(t,n,r)=>e.transporter.read({method:Sn,path:fn("1/indexes/%s/facets/%s/query",e.indexName,t),data:{facetQuery:n},cacheable:!0},r),Mn=1,Fn=2,zn=3;function Bn(e,t,n){const r={appId:e,apiKey:t,timeouts:{connect:1,read:2,write:30},requester:{send:e=>new Promise((t=>{const n=new XMLHttpRequest;n.open(e.method,e.url,!0),Object.keys(e.headers).forEach((t=>n.setRequestHeader(t,e.headers[t])));const r=(e,r)=>setTimeout((()=>{n.abort(),t({status:0,content:r,isTimedOut:!0})}),1e3*e),o=r(e.connectTimeout,"Connection timeout");let a;n.onreadystatechange=()=>{n.readyState>n.OPENED&&void 0===a&&(clearTimeout(o),a=r(e.responseTimeout,"Socket timeout"))},n.onerror=()=>{0===n.status&&(clearTimeout(o),clearTimeout(a),t({content:n.responseText||"Network request failed",status:n.status,isTimedOut:!1}))},n.onload=()=>{clearTimeout(o),clearTimeout(a),t({content:n.responseText,status:n.status,isTimedOut:!1})},n.send(e.data)}))},logger:(o=zn,{debug:(e,t)=>(Mn>=o&&console.debug(e,t),Promise.resolve()),info:(e,t)=>(Fn>=o&&console.info(e,t),Promise.resolve()),error:(e,t)=>(console.error(e,t),Promise.resolve())}),responsesCache:un(),requestsCache:un({serializable:!1}),hostsCache:cn({caches:[ln({key:`4.19.1-${e}`}),un()]}),userAgent:En("4.19.1").add({segment:"Browser",version:"lite"}),authMode:mn.WithinQueryParameters};var o;return An({...r,...n,methods:{search:Ln,searchForFacetValues:In,multipleQueries:Ln,multipleSearchForFacetValues:In,customRequest:Tn,initIndex:e=>t=>Pn(e)(t,{methods:{search:Rn,searchForFacetValues:Dn,findAnswers:Nn}})}})}Bn.version="4.19.1";var Un=["footer","searchBox"];function qn(e){var t=e.appId,n=e.apiKey,o=e.indexName,i=e.placeholder,u=void 0===i?"Search docs":i,d=e.searchParameters,p=e.maxResultsPerGroup,f=e.onClose,m=void 0===f?Kt:f,h=e.transformItems,g=void 0===h?Gt:h,b=e.hitComponent,y=void 0===b?_t:b,v=e.resultsFooterComponent,w=void 0===v?function(){return null}:v,k=e.navigator,S=e.initialScrollY,x=void 0===S?0:S,E=e.transformSearchClient,_=void 0===E?Gt:E,C=e.disableUserPersonalization,j=void 0!==C&&C,O=e.initialQuery,A=void 0===O?"":O,T=e.translations,P=void 0===T?{}:T,L=e.getMissingResultsUrl,I=e.insights,N=void 0!==I&&I,R=P.footer,D=P.searchBox,M=l(P,Un),F=c(r.useState({query:"",collections:[],completion:null,context:{},isOpen:!1,activeItemId:null,status:"idle"}),2),z=F[0],B=F[1],U=r.useRef(null),q=r.useRef(null),$=r.useRef(null),H=r.useRef(null),V=r.useRef(null),G=r.useRef(10),W=r.useRef("undefined"!=typeof window?window.getSelection().toString().slice(0,64):"").current,K=r.useRef(A||W).current,Q=function(e,t,n){return r.useMemo((function(){var r=Bn(e,t);return r.addAlgoliaAgent("docsearch","3.6.2"),!1===/docsearch.js \(.*\)/.test(r.transporter.userAgent.value)&&r.addAlgoliaAgent("docsearch-react","3.6.2"),n(r)}),[e,t,n])}(t,n,_),Y=r.useRef(sn({key:"__DOCSEARCH_FAVORITE_SEARCHES__".concat(o),limit:10})).current,Z=r.useRef(sn({key:"__DOCSEARCH_RECENT_SEARCHES__".concat(o),limit:0===Y.getAll().length?7:4})).current,J=r.useCallback((function(e){if(!j){var t="content"===e.type?e.__docsearch_parent:e;t&&-1===Y.getAll().findIndex((function(e){return e.objectID===t.objectID}))&&Z.add(t)}}),[Y,Z,j]),X=r.useCallback((function(e){if(z.context.algoliaInsightsPlugin&&e.__autocomplete_id){var t=e,n={eventName:"Item Selected",index:t.__autocomplete_indexName,items:[t],positions:[e.__autocomplete_id],queryID:t.__autocomplete_queryID};z.context.algoliaInsightsPlugin.insights.clickedObjectIDsAfterSearch(n)}}),[z.context.algoliaInsightsPlugin]),ee=r.useMemo((function(){return kt({id:"docsearch",defaultActiveItemId:0,placeholder:u,openOnFocus:!0,initialState:{query:K,context:{searchSuggestions:[]}},insights:N,navigator:k,onStateChange:function(e){B(e.state)},getSources:function(e){var r=e.query,i=e.state,s=e.setContext,l=e.setStatus;if(!r)return j?[]:[{sourceId:"recentSearches",onSelect:function(e){var t=e.item,n=e.event;J(t),Wt(n)||m()},getItemUrl:function(e){return e.item.url},getItems:function(){return Z.getAll()}},{sourceId:"favoriteSearches",onSelect:function(e){var t=e.item,n=e.event;J(t),Wt(n)||m()},getItemUrl:function(e){return e.item.url},getItems:function(){return Y.getAll()}}];var c=Boolean(N);return Q.search([{query:r,indexName:o,params:a({attributesToRetrieve:["hierarchy.lvl0","hierarchy.lvl1","hierarchy.lvl2","hierarchy.lvl3","hierarchy.lvl4","hierarchy.lvl5","hierarchy.lvl6","content","type","url"],attributesToSnippet:["hierarchy.lvl1:".concat(G.current),"hierarchy.lvl2:".concat(G.current),"hierarchy.lvl3:".concat(G.current),"hierarchy.lvl4:".concat(G.current),"hierarchy.lvl5:".concat(G.current),"hierarchy.lvl6:".concat(G.current),"content:".concat(G.current)],snippetEllipsisText:"\u2026",highlightPreTag:"<mark>",highlightPostTag:"</mark>",hitsPerPage:20,clickAnalytics:c},d)}]).catch((function(e){throw"RetryError"===e.name&&l("error"),e})).then((function(e){var r=e.results[0],l=r.hits,u=r.nbHits,d=Vt(l,(function(e){return Zt(e)}),p);i.context.searchSuggestions.length<Object.keys(d).length&&s({searchSuggestions:Object.keys(d)}),s({nbHits:u});var f={};return c&&(f={__autocomplete_indexName:o,__autocomplete_queryID:r.queryID,__autocomplete_algoliaCredentials:{appId:t,apiKey:n}}),Object.values(d).map((function(e,t){return{sourceId:"hits".concat(t),onSelect:function(e){var t=e.item,n=e.event;J(t),Wt(n)||m()},getItemUrl:function(e){return e.item.url},getItems:function(){return Object.values(Vt(e,(function(e){return e.hierarchy.lvl1}),p)).map(g).map((function(e){return e.map((function(t){var n=null,r=e.find((function(e){return"lvl1"===e.type&&e.hierarchy.lvl1===t.hierarchy.lvl1}));return"lvl1"!==t.type&&r&&(n=r),a(a({},t),{},{__docsearch_parent:n},f)}))})).flat()}}}))}))}})}),[o,d,p,Q,m,Z,Y,J,K,u,k,g,j,N,t,n]),te=ee.getEnvironmentProps,ne=ee.getRootProps,re=ee.refresh;return function(e){var t=e.getEnvironmentProps,n=e.panelElement,o=e.formElement,a=e.inputElement;r.useEffect((function(){if(n&&o&&a){var e=t({panelElement:n,formElement:o,inputElement:a}),r=e.onTouchStart,i=e.onTouchMove;return window.addEventListener("touchstart",r),window.addEventListener("touchmove",i),function(){window.removeEventListener("touchstart",r),window.removeEventListener("touchmove",i)}}}),[t,n,o,a])}({getEnvironmentProps:te,panelElement:H.current,formElement:$.current,inputElement:V.current}),function(e){var t=e.container;r.useEffect((function(){if(t){var e=t.querySelectorAll("a[href]:not([disabled]), button:not([disabled]), input:not([disabled])"),n=e[0],r=e[e.length-1];return t.addEventListener("keydown",o),function(){t.removeEventListener("keydown",o)}}function o(e){"Tab"===e.key&&(e.shiftKey?document.activeElement===n&&(e.preventDefault(),r.focus()):document.activeElement===r&&(e.preventDefault(),n.focus()))}}),[t])}({container:U.current}),r.useEffect((function(){return document.body.classList.add("DocSearch--active"),function(){var e,t;document.body.classList.remove("DocSearch--active"),null===(e=(t=window).scrollTo)||void 0===e||e.call(t,0,x)}}),[]),r.useEffect((function(){window.matchMedia("(max-width: 768px)").matches&&(G.current=5)}),[]),r.useEffect((function(){H.current&&(H.current.scrollTop=0)}),[z.query]),r.useEffect((function(){K.length>0&&(re(),V.current&&V.current.focus())}),[K,re]),r.useEffect((function(){function e(){if(q.current){var e=.01*window.innerHeight;q.current.style.setProperty("--docsearch-vh","".concat(e,"px"))}}return e(),window.addEventListener("resize",e),function(){window.removeEventListener("resize",e)}}),[]),r.createElement("div",s({ref:U},ne({"aria-expanded":!0}),{className:["DocSearch","DocSearch-Container","stalled"===z.status&&"DocSearch-Container--Stalled","error"===z.status&&"DocSearch-Container--Errored"].filter(Boolean).join(" "),role:"button",tabIndex:0,onMouseDown:function(e){e.target===e.currentTarget&&m()}}),r.createElement("div",{className:"DocSearch-Modal",ref:q},r.createElement("header",{className:"DocSearch-SearchBar",ref:$},r.createElement(on,s({},ee,{state:z,autoFocus:0===K.length,inputRef:V,isFromSelection:Boolean(K)&&K===W,translations:D,onClose:m}))),r.createElement("div",{className:"DocSearch-Dropdown",ref:H},r.createElement(nn,s({},ee,{indexName:o,state:z,hitComponent:y,resultsFooterComponent:w,disableUserPersonalization:j,recentSearches:Z,favoriteSearches:Y,inputRef:V,translations:M,getMissingResultsUrl:L,onItemClick:function(e,t){X(e),J(e),Wt(t)||m()}}))),r.createElement("footer",{className:"DocSearch-Footer"},r.createElement(Et,{translations:R}))))}function $n(e){var t=e.isOpen,n=e.onOpen,o=e.onClose,a=e.onInput,i=e.searchButtonRef;r.useEffect((function(){function e(e){var r;(27===e.keyCode&&t||"k"===(null===(r=e.key)||void 0===r?void 0:r.toLowerCase())&&(e.metaKey||e.ctrlKey)||!function(e){var t=e.target,n=t.tagName;return t.isContentEditable||"INPUT"===n||"SELECT"===n||"TEXTAREA"===n}(e)&&"/"===e.key&&!t)&&(e.preventDefault(),t?o():document.body.classList.contains("DocSearch--active")||document.body.classList.contains("DocSearch--active")||n()),i&&i.current===document.activeElement&&a&&/[a-zA-Z0-9]/.test(String.fromCharCode(e.keyCode))&&a(e)}return window.addEventListener("keydown",e),function(){window.removeEventListener("keydown",e)}}),[t,n,o,a,i])}},9927:(e,t,n)=>{var r={"./":6532};function o(e){var t=a(e);return n(t)}function a(e){if(!n.o(r,e)){var t=new Error("Cannot find module '"+e+"'");throw t.code="MODULE_NOT_FOUND",t}return r[e]}o.keys=function(){return Object.keys(r)},o.resolve=a,e.exports=o,o.id=9927},1377:(e,t,n)=>{"use strict";n.d(t,{A:()=>p});n(758);var r=n(9235),o=n.n(r),a=n(4054);const i={"01a85c17":[()=>Promise.all([n.e(1869),n.e(8209)]).then(n.bind(n,7975)),"@theme/BlogTagsListPage",7975],"0499e362":[()=>n.e(4005).then(n.bind(n,1539)),"@site/i18n/en/docusaurus-plugin-content-docs/current/get-started/cheatsheet.mdx",1539],"0a4ee302":[()=>n.e(5977).then(n.bind(n,1540)),"@site/i18n/en/docusaurus-plugin-content-docs/current/guides/tech/with-nuxtjs.mdx",1540],17896441:[()=>Promise.all([n.e(1869),n.e(4342),n.e(1617),n.e(8401)]).then(n.bind(n,3097)),"@theme/DocItem",3097],"1943626f":[()=>n.e(6726).then(n.bind(n,3952)),"@site/blog/2022-06-04-rebranding.md",3952],"1a4e3797":[()=>Promise.all([n.e(1869),n.e(2138)]).then(n.bind(n,4164)),"@theme/SearchPage",4164],"1df93b7f":[()=>Promise.all([n.e(1869),n.e(9820),n.e(7603),n.e(2511),n.e(4583)]).then(n.bind(n,3395)),"@site/src/pages/index.tsx",3395],"25a0b29f":[()=>n.e(422).then(n.bind(n,4688)),"@site/blog/2022-07-25-international-community.md?truncated=true",4688],"2f764a0f":[()=>n.e(8039).then(n.bind(n,7162)),"@site/i18n/en/docusaurus-plugin-content-docs/current/about/understanding/needs-driven.md",7162],"302360db":[()=>n.e(9151).then(n.bind(n,1714)),"@site/i18n/kr/docusaurus-plugin-content-docs/current/get-started/overview.mdx",1714],"3121f8ae":[()=>n.e(9064).then(n.bind(n,3190)),"@site/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/platforms.mdx",3190],"350d1c3d":[()=>n.e(9706).then(n.bind(n,3350)),"@site/i18n/en/docusaurus-plugin-content-docs/current/reference/slices-segments.mdx",3350],"36994c47":[()=>n.e(9858).then(n.t.bind(n,5516,19)),"@generated/docusaurus-plugin-content-blog/default/__plugin.json",5516],"370f8845":[()=>n.e(8754).then(n.bind(n,1610)),"@site/i18n/en/docusaurus-plugin-content-docs/current/guides/tech/with-react-query.mdx",1610],"3d2652fb":[()=>n.e(7811).then(n.bind(n,5472)),"@site/i18n/en/docusaurus-plugin-content-docs/current/reference/public-api.md",5472],"3ef5053a":[()=>Promise.all([n.e(1869),n.e(9820),n.e(4513)]).then(n.bind(n,8039)),"@site/i18n/en/docusaurus-plugin-content-docs/current/reference/index.mdx",8039],"40babe1d":[()=>n.e(5244).then(n.bind(n,3786)),"@site/i18n/en/docusaurus-plugin-content-docs/current/reference/layers.mdx",3786],"480f28a3":[()=>n.e(7951).then(n.bind(n,5852)),"@site/i18n/en/docusaurus-plugin-content-docs/current/about/mission.md",5852],"488b6464":[()=>n.e(6369).then(n.bind(n,4487)),"@site/i18n/en/docusaurus-plugin-content-docs/current/reference/isolation/coupling-cohesion.md",4487],49161156:[()=>n.e(7028).then(n.bind(n,3787)),"@site/i18n/en/docusaurus-plugin-content-docs/current/about/understanding/naming.md",3787],"4eeeda96":[()=>n.e(5948).then(n.t.bind(n,5701,19)),"@generated/docusaurus-plugin-content-blog/default/p/kr-blog-archive-827.json",5701],"5187bed2":[()=>n.e(4043).then(n.bind(n,4716)),"@site/i18n/en/docusaurus-plugin-content-docs/current/about/understanding/architecture.md",4716],"53f8e831":[()=>Promise.all([n.e(1869),n.e(9820),n.e(2978)]).then(n.bind(n,6382)),"@site/i18n/en/docusaurus-plugin-content-docs/current/guides/index.mdx",6382],"55b0769a":[()=>n.e(9386).then(n.bind(n,3794)),"@site/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/page-layout.md",3794],"55fbebd6":[()=>Promise.all([n.e(1869),n.e(5746)]).then(n.bind(n,9050)),"@site/i18n/en/docusaurus-plugin-content-docs/current/intro.mdx",9050],"590d98cc":[()=>n.e(7604).then(n.bind(n,664)),"@site/i18n/en/docusaurus-plugin-content-docs/current/reference/isolation/decouple-entities.mdx",664],"5bd61d3b":[()=>n.e(9536).then(n.bind(n,6202)),"@site/i18n/en/docusaurus-plugin-content-docs/current/about/understanding/signals.mdx",6202],"5e95c892":[()=>n.e(9647).then(n.bind(n,9355)),"@theme/DocsRoot",9355],"5e9f5e1a":[()=>Promise.resolve().then(n.bind(n,4784)),"@generated/docusaurus.config",4784],"5f7e5f34":[()=>n.e(3366).then(n.bind(n,7908)),"@site/i18n/en/docusaurus-plugin-content-docs/current/guides/issues/desegmented.mdx",7908],"6636c8dc":[()=>n.e(106).then(n.bind(n,1737)),"@site/i18n/en/docusaurus-plugin-content-docs/current/about/promote/integration.mdx",1737],"664a648d":[()=>n.e(5936).then(n.bind(n,8345)),"@site/i18n/en/docusaurus-plugin-content-docs/current/about/promote/partial-application.mdx",8345],"66d3db7c":[()=>n.e(7068).then(n.bind(n,9311)),"@site/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/types.md",9311],"6875c492":[()=>Promise.all([n.e(1869),n.e(4342),n.e(8492),n.e(4813)]).then(n.bind(n,677)),"@theme/BlogTagsPostsPage",677],"7052487b":[()=>Promise.all([n.e(1869),n.e(9820),n.e(4704)]).then(n.bind(n,9606)),"@site/i18n/kr/docusaurus-plugin-content-docs/current/get-started/index.mdx",9606],"7313bf7a":[()=>n.e(25).then(n.bind(n,7497)),"@site/i18n/en/docusaurus-plugin-content-docs/community/team.mdx",7497],"7a790ed0":[()=>n.e(6422).then(n.bind(n,4813)),"@site/i18n/en/docusaurus-plugin-content-docs/current/reference/isolation/index.md",4813],"814f3328":[()=>n.e(7472).then(n.t.bind(n,5513,19)),"~blog/default/blog-post-list-prop-default.json",5513],"84a0dbae":[()=>n.e(7660).then(n.bind(n,6660)),"@site/i18n/en/docusaurus-plugin-content-docs/current/guides/tech/with-nextjs.mdx",6660],"857ae1bf":[()=>n.e(4472).then(n.bind(n,4673)),"@site/i18n/en/docusaurus-plugin-content-docs/current/get-started/tutorial.md",4673],"87e5c187":[()=>n.e(8913).then(n.bind(n,9286)),"@site/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/ssr.mdx",9286],"8b5a42c3":[()=>n.e(192).then(n.bind(n,8110)),"@site/i18n/en/docusaurus-plugin-content-docs/current/about/promote/for-team.mdx",8110],"8b93e59a":[()=>n.e(6813).then(n.bind(n,1822)),"@site/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/auth.md",1822],"8c1e6152":[()=>n.e(1616).then(n.bind(n,3193)),"@site/i18n/en/docusaurus-plugin-content-docs/current/guides/migration/from-v1.md",3193],"8ce83ff6":[()=>n.e(6684).then(n.bind(n,526)),"@site/i18n/en/docusaurus-plugin-content-docs/current/guides/issues/cross-imports.mdx",526],"90f695cb":[()=>n.e(7673).then(n.bind(n,1448)),"@site/src/pages/versions/index.tsx",1448],"9b697d88":[()=>n.e(5484).then(n.t.bind(n,5285,19)),"@generated/docusaurus-plugin-content-blog/default/p/kr-blog-tags-brand-b39.json",5285],"9b83d7f4":[()=>n.e(9568).then(n.bind(n,4526)),"@site/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/autocompleted.mdx",4526],"9e4087bc":[()=>n.e(2711).then(n.bind(n,4757)),"@theme/BlogArchivePage",4757],"9f1dcbb0":[()=>n.e(8732).then(n.bind(n,7021)),"@site/i18n/en/docusaurus-plugin-content-docs/current/branding.md",7021],a1521a63:[()=>n.e(9687).then(n.bind(n,9021)),"@site/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/browser-api.mdx",9021],a386f730:[()=>n.e(6865).then(n.bind(n,5444)),"@site/i18n/en/docusaurus-plugin-content-docs/current/about/alternatives.mdx",5444],a61c55ce:[()=>Promise.all([n.e(1869),n.e(9820),n.e(8964)]).then(n.bind(n,738)),"@site/i18n/en/docusaurus-plugin-content-docs/community/index.mdx",738],a6aa9e1f:[()=>Promise.all([n.e(1869),n.e(4342),n.e(8492),n.e(7643)]).then(n.bind(n,7110)),"@theme/BlogListPage",7110],a7456010:[()=>n.e(1235).then(n.t.bind(n,8552,19)),"@generated/docusaurus-plugin-content-pages/default/__plugin.json",8552],a7bd4aaa:[()=>n.e(7098).then(n.bind(n,3614)),"@theme/DocVersionRoot",3614],a94703ab:[()=>Promise.all([n.e(1869),n.e(9048)]).then(n.bind(n,2963)),"@theme/DocRoot",2963],aba21aa0:[()=>n.e(5742).then(n.t.bind(n,7093,19)),"@generated/docusaurus-plugin-content-docs/default/__plugin.json",7093],acaf5b8a:[()=>n.e(6170).then(n.bind(n,5533)),"@site/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/theme.mdx",5533],acecf23e:[()=>n.e(1903).then(n.t.bind(n,1912,19)),"~blog/default/blogMetadata-default.json",1912],b4c136e1:[()=>Promise.all([n.e(1869),n.e(7603),n.e(868)]).then(n.bind(n,1908)),"@site/src/pages/examples/index.tsx",1908],ba8bb0f7:[()=>n.e(533).then(n.bind(n,8299)),"@site/i18n/en/docusaurus-plugin-content-docs/current/get-started/faq.md",8299],bd1489a6:[()=>n.e(2190).then(n.t.bind(n,517,19)),"@generated/docusaurus-plugin-content-blog/default/p/kr-blog-tags-71b.json",517],c0c6474c:[()=>n.e(4581).then(n.bind(n,3396)),"@site/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/metric.mdx",3396],c141421f:[()=>n.e(957).then(n.t.bind(n,936,19)),"@generated/docusaurus-theme-search-algolia/default/__plugin.json",936],c36cf2fd:[()=>n.e(2986).then(n.t.bind(n,6853,19)),"@generated/docusaurus-plugin-content-blog/default/p/kr-blog-tags-promo-72a.json",6853],c4d0faae:[()=>n.e(5755).then(n.bind(n,5300)),"@site/i18n/en/docusaurus-plugin-content-docs/current/about/promote/for-company.mdx",5300],c5666f39:[()=>Promise.all([n.e(1869),n.e(9820),n.e(5715)]).then(n.bind(n,4200)),"@site/i18n/en/docusaurus-plugin-content-docs/current/about/index.mdx",4200],cb388a7b:[()=>n.e(5535).then(n.bind(n,7040)),"@site/i18n/en/docusaurus-plugin-content-docs/current/about/motivation.md",7040],ccc49370:[()=>Promise.all([n.e(1869),n.e(4342),n.e(8492),n.e(3249)]).then(n.bind(n,7446)),"@theme/BlogPostPage",7446],cd92b386:[()=>n.e(9788).then(n.t.bind(n,5735,19)),"@generated/docusaurus-plugin-content-blog/default/p/kr-blog-fc1.json",5735],d13cbfb8:[()=>Promise.all([n.e(1869),n.e(9820),n.e(5570)]).then(n.bind(n,9346)),"@site/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/index.mdx",9346],d999437a:[()=>n.e(7091).then(n.bind(n,8909)),"@site/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/feedback.mdx",8909],dfe5ecdf:[()=>n.e(6949).then(n.bind(n,4089)),"@site/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/monorepo.mdx",4089],e01c2047:[()=>n.e(1405).then(n.bind(n,7703)),"@site/i18n/en/docusaurus-plugin-content-docs/current/about/understanding/knowledge-types.md",7703],e0719818:[()=>n.e(5220).then(n.t.bind(n,8669,19)),"@generated/docusaurus-plugin-content-docs/community/__plugin.json",8669],e1003eab:[()=>n.e(9136).then(n.bind(n,8665)),"@site/i18n/en/docusaurus-plugin-content-docs/current/guides/issues/routes.mdx",8665],e1c0d304:[()=>n.e(9867).then(n.bind(n,3870)),"@site/i18n/en/docusaurus-plugin-content-docs/current/about/understanding/abstractions.mdx",3870],e325b37e:[()=>n.e(8665).then(n.t.bind(n,9223,19)),"@generated/docusaurus-plugin-content-docs/default/p/kr-docs-e32.json",9223],e3c7cc72:[()=>n.e(8624).then(n.t.bind(n,3768,19)),"@generated/docusaurus-plugin-content-docs/community/p/kr-community-f4d.json",3768],e6bf8eb6:[()=>n.e(679).then(n.bind(n,9239)),"@site/i18n/en/docusaurus-plugin-content-docs/current/guides/tech/with-sveltekit.mdx",9239],e747db33:[()=>n.e(8340).then(n.t.bind(n,4130,19)),"@generated/docusaurus-plugin-content-blog/default/p/kr-blog-tags-discord-36e.json",4130],e898db75:[()=>n.e(2285).then(n.t.bind(n,7051,19)),"@generated/docusaurus-plugin-content-blog/default/p/kr-blog-tags-community-826.json",7051],ed3dcfcb:[()=>n.e(993).then(n.bind(n,4)),"@site/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/i18n.mdx",4],f2567325:[()=>n.e(8211).then(n.bind(n,9129)),"@site/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/white-labels.mdx",9129],f2c174dc:[()=>n.e(4861).then(n.bind(n,8595)),"@site/i18n/en/docusaurus-plugin-content-docs/current/guides/migration/from-custom.md",8595],f565db0c:[()=>Promise.all([n.e(1869),n.e(9534)]).then(n.bind(n,5352)),"@site/src/pages/nav/index.tsx",5352],f6760343:[()=>n.e(6956).then(n.bind(n,5540)),"@site/blog/2022-07-25-international-community.md",5540],f6bb872e:[()=>n.e(2563).then(n.bind(n,4204)),"@site/blog/2022-06-04-rebranding.md?truncated=true",4204],fe129f8e:[()=>n.e(6217).then(n.bind(n,5845)),"@site/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/cms.mdx",5845]};var s=n(6070);function l(e){let{error:t,retry:n,pastDelay:r}=e;return t?(0,s.jsxs)("div",{style:{textAlign:"center",color:"#fff",backgroundColor:"#fa383e",borderColor:"#fa383e",borderStyle:"solid",borderRadius:"0.25rem",borderWidth:"1px",boxSizing:"border-box",display:"block",padding:"1rem",flex:"0 0 50%",marginLeft:"25%",marginRight:"25%",marginTop:"5rem",maxWidth:"50%",width:"100%"},children:[(0,s.jsx)("p",{children:String(t)}),(0,s.jsx)("div",{children:(0,s.jsx)("button",{type:"button",onClick:n,children:"Retry"})})]}):r?(0,s.jsx)("div",{style:{display:"flex",justifyContent:"center",alignItems:"center",height:"100vh"},children:(0,s.jsx)("svg",{id:"loader",style:{width:128,height:110,position:"absolute",top:"calc(100vh - 64%)"},viewBox:"0 0 45 45",xmlns:"http://www.w3.org/2000/svg",stroke:"#61dafb",children:(0,s.jsxs)("g",{fill:"none",fillRule:"evenodd",transform:"translate(1 1)",strokeWidth:"2",children:[(0,s.jsxs)("circle",{cx:"22",cy:"22",r:"6",strokeOpacity:"0",children:[(0,s.jsx)("animate",{attributeName:"r",begin:"1.5s",dur:"3s",values:"6;22",calcMode:"linear",repeatCount:"indefinite"}),(0,s.jsx)("animate",{attributeName:"stroke-opacity",begin:"1.5s",dur:"3s",values:"1;0",calcMode:"linear",repeatCount:"indefinite"}),(0,s.jsx)("animate",{attributeName:"stroke-width",begin:"1.5s",dur:"3s",values:"2;0",calcMode:"linear",repeatCount:"indefinite"})]}),(0,s.jsxs)("circle",{cx:"22",cy:"22",r:"6",strokeOpacity:"0",children:[(0,s.jsx)("animate",{attributeName:"r",begin:"3s",dur:"3s",values:"6;22",calcMode:"linear",repeatCount:"indefinite"}),(0,s.jsx)("animate",{attributeName:"stroke-opacity",begin:"3s",dur:"3s",values:"1;0",calcMode:"linear",repeatCount:"indefinite"}),(0,s.jsx)("animate",{attributeName:"stroke-width",begin:"3s",dur:"3s",values:"2;0",calcMode:"linear",repeatCount:"indefinite"})]}),(0,s.jsx)("circle",{cx:"22",cy:"22",r:"8",children:(0,s.jsx)("animate",{attributeName:"r",begin:"0s",dur:"1.5s",values:"6;1;2;3;4;5;6",calcMode:"linear",repeatCount:"indefinite"})})]})})}):null}var c=n(8116),u=n(8851);function d(e,t){if("*"===e)return o()({loading:l,loader:()=>n.e(9019).then(n.bind(n,9019)),modules:["@theme/NotFound"],webpack:()=>[9019],render(e,t){const n=e.default;return(0,s.jsx)(u.W,{value:{plugin:{name:"native",id:"default"}},children:(0,s.jsx)(n,{...t})})}});const r=a[`${e}-${t}`],d={},p=[],f=[],m=(0,c.A)(r);return Object.entries(m).forEach((e=>{let[t,n]=e;const r=i[n];r&&(d[t]=r[0],p.push(r[1]),f.push(r[2]))})),o().Map({loading:l,loader:d,modules:p,webpack:()=>f,render(t,n){const o=JSON.parse(JSON.stringify(r));Object.entries(t).forEach((t=>{let[n,r]=t;const a=r.default;if(!a)throw new Error(`The page component at ${e} doesn't have a default export. This makes it impossible to render anything. Consider default-exporting a React component.`);"object"!=typeof a&&"function"!=typeof a||Object.keys(r).filter((e=>"default"!==e)).forEach((e=>{a[e]=r[e]}));let i=o;const s=n.split(".");s.slice(0,-1).forEach((e=>{i=i[e]})),i[s[s.length-1]]=a}));const a=o.__comp;delete o.__comp;const i=o.__context;delete o.__context;const l=o.__props;return delete o.__props,(0,s.jsx)(u.W,{value:i,children:(0,s.jsx)(a,{...o,...l,...n})})}})}const p=[{path:"/kr/blog",component:d("/kr/blog","708"),exact:!0},{path:"/kr/blog/archive",component:d("/kr/blog/archive","0b2"),exact:!0},{path:"/kr/blog/international-community",component:d("/kr/blog/international-community","00f"),exact:!0},{path:"/kr/blog/rebranding-stable",component:d("/kr/blog/rebranding-stable","0f7"),exact:!0},{path:"/kr/blog/tags",component:d("/kr/blog/tags","949"),exact:!0},{path:"/kr/blog/tags/brand",component:d("/kr/blog/tags/brand","224"),exact:!0},{path:"/kr/blog/tags/community",component:d("/kr/blog/tags/community","f6f"),exact:!0},{path:"/kr/blog/tags/discord",component:d("/kr/blog/tags/discord","992"),exact:!0},{path:"/kr/blog/tags/promo",component:d("/kr/blog/tags/promo","8ab"),exact:!0},{path:"/kr/examples",component:d("/kr/examples","da5"),exact:!0},{path:"/kr/nav",component:d("/kr/nav","3ea"),exact:!0},{path:"/kr/search",component:d("/kr/search","c8e"),exact:!0},{path:"/kr/versions",component:d("/kr/versions","895"),exact:!0},{path:"/kr/community",component:d("/kr/community","b00"),routes:[{path:"/kr/community",component:d("/kr/community","3af"),routes:[{path:"/kr/community",component:d("/kr/community","e5f"),routes:[{path:"/kr/community",component:d("/kr/community","8c1"),exact:!0,sidebar:"community"},{path:"/kr/community/team",component:d("/kr/community/team","f6d"),exact:!0,sidebar:"community"}]}]}]},{path:"/kr/docs",component:d("/kr/docs","81f"),routes:[{path:"/kr/docs",component:d("/kr/docs","b3e"),routes:[{path:"/kr/docs",component:d("/kr/docs","ed8"),routes:[{path:"/kr/docs",component:d("/kr/docs","f56"),exact:!0},{path:"/kr/docs/about",component:d("/kr/docs/about","99b"),exact:!0,sidebar:"aboutSidebar"},{path:"/kr/docs/about/alternatives",component:d("/kr/docs/about/alternatives","7b1"),exact:!0,sidebar:"aboutSidebar"},{path:"/kr/docs/about/mission",component:d("/kr/docs/about/mission","29b"),exact:!0,sidebar:"aboutSidebar"},{path:"/kr/docs/about/motivation",component:d("/kr/docs/about/motivation","25b"),exact:!0,sidebar:"aboutSidebar"},{path:"/kr/docs/about/promote/for-company",component:d("/kr/docs/about/promote/for-company","738"),exact:!0,sidebar:"aboutSidebar"},{path:"/kr/docs/about/promote/for-team",component:d("/kr/docs/about/promote/for-team","fbe"),exact:!0,sidebar:"aboutSidebar"},{path:"/kr/docs/about/promote/integration",component:d("/kr/docs/about/promote/integration","816"),exact:!0,sidebar:"aboutSidebar"},{path:"/kr/docs/about/promote/partial-application",component:d("/kr/docs/about/promote/partial-application","5b9"),exact:!0,sidebar:"aboutSidebar"},{path:"/kr/docs/about/understanding/abstractions",component:d("/kr/docs/about/understanding/abstractions","b9e"),exact:!0,sidebar:"aboutSidebar"},{path:"/kr/docs/about/understanding/architecture",component:d("/kr/docs/about/understanding/architecture","e4a"),exact:!0,sidebar:"aboutSidebar"},{path:"/kr/docs/about/understanding/knowledge-types",component:d("/kr/docs/about/understanding/knowledge-types","366"),exact:!0,sidebar:"aboutSidebar"},{path:"/kr/docs/about/understanding/naming",component:d("/kr/docs/about/understanding/naming","627"),exact:!0,sidebar:"aboutSidebar"},{path:"/kr/docs/about/understanding/needs-driven",component:d("/kr/docs/about/understanding/needs-driven","7e7"),exact:!0,sidebar:"aboutSidebar"},{path:"/kr/docs/about/understanding/signals",component:d("/kr/docs/about/understanding/signals","5cc"),exact:!0,sidebar:"aboutSidebar"},{path:"/kr/docs/branding",component:d("/kr/docs/branding","f82"),exact:!0},{path:"/kr/docs/get-started",component:d("/kr/docs/get-started","9aa"),exact:!0,sidebar:"getstartedSidebar"},{path:"/kr/docs/get-started/cheatsheet",component:d("/kr/docs/get-started/cheatsheet","22e"),exact:!0,sidebar:"getstartedSidebar"},{path:"/kr/docs/get-started/faq",component:d("/kr/docs/get-started/faq","8ab"),exact:!0,sidebar:"getstartedSidebar"},{path:"/kr/docs/get-started/overview",component:d("/kr/docs/get-started/overview","085"),exact:!0,sidebar:"getstartedSidebar"},{path:"/kr/docs/get-started/tutorial",component:d("/kr/docs/get-started/tutorial","cfa"),exact:!0,sidebar:"getstartedSidebar"},{path:"/kr/docs/guides",component:d("/kr/docs/guides","5fe"),exact:!0,sidebar:"guidesSidebar"},{path:"/kr/docs/guides/examples",component:d("/kr/docs/guides/examples","8e8"),exact:!0,sidebar:"guidesSidebar"},{path:"/kr/docs/guides/examples/auth",component:d("/kr/docs/guides/examples/auth","042"),exact:!0,sidebar:"guidesSidebar"},{path:"/kr/docs/guides/examples/autocompleted",component:d("/kr/docs/guides/examples/autocompleted","99d"),exact:!0,sidebar:"guidesSidebar"},{path:"/kr/docs/guides/examples/browser-api",component:d("/kr/docs/guides/examples/browser-api","c11"),exact:!0,sidebar:"guidesSidebar"},{path:"/kr/docs/guides/examples/cms",component:d("/kr/docs/guides/examples/cms","759"),exact:!0,sidebar:"guidesSidebar"},{path:"/kr/docs/guides/examples/feedback",component:d("/kr/docs/guides/examples/feedback","33c"),exact:!0,sidebar:"guidesSidebar"},{path:"/kr/docs/guides/examples/i18n",component:d("/kr/docs/guides/examples/i18n","c41"),exact:!0,sidebar:"guidesSidebar"},{path:"/kr/docs/guides/examples/metric",component:d("/kr/docs/guides/examples/metric","e1b"),exact:!0,sidebar:"guidesSidebar"},{path:"/kr/docs/guides/examples/monorepo",component:d("/kr/docs/guides/examples/monorepo","eab"),exact:!0,sidebar:"guidesSidebar"},{path:"/kr/docs/guides/examples/page-layout",component:d("/kr/docs/guides/examples/page-layout","64e"),exact:!0,sidebar:"guidesSidebar"},{path:"/kr/docs/guides/examples/platforms",component:d("/kr/docs/guides/examples/platforms","274"),exact:!0,sidebar:"guidesSidebar"},{path:"/kr/docs/guides/examples/ssr",component:d("/kr/docs/guides/examples/ssr","5a5"),exact:!0,sidebar:"guidesSidebar"},{path:"/kr/docs/guides/examples/theme",component:d("/kr/docs/guides/examples/theme","dfb"),exact:!0,sidebar:"guidesSidebar"},{path:"/kr/docs/guides/examples/types",component:d("/kr/docs/guides/examples/types","971"),exact:!0,sidebar:"guidesSidebar"},{path:"/kr/docs/guides/examples/white-labels",component:d("/kr/docs/guides/examples/white-labels","9ee"),exact:!0,sidebar:"guidesSidebar"},{path:"/kr/docs/guides/issues/cross-imports",component:d("/kr/docs/guides/issues/cross-imports","312"),exact:!0,sidebar:"guidesSidebar"},{path:"/kr/docs/guides/issues/desegmented",component:d("/kr/docs/guides/issues/desegmented","3ab"),exact:!0,sidebar:"guidesSidebar"},{path:"/kr/docs/guides/issues/routes",component:d("/kr/docs/guides/issues/routes","a75"),exact:!0,sidebar:"guidesSidebar"},{path:"/kr/docs/guides/migration/from-custom",component:d("/kr/docs/guides/migration/from-custom","971"),exact:!0,sidebar:"guidesSidebar"},{path:"/kr/docs/guides/migration/from-v1",component:d("/kr/docs/guides/migration/from-v1","224"),exact:!0,sidebar:"guidesSidebar"},{path:"/kr/docs/guides/tech/with-nextjs",component:d("/kr/docs/guides/tech/with-nextjs","2fc"),exact:!0,sidebar:"guidesSidebar"},{path:"/kr/docs/guides/tech/with-nuxtjs",component:d("/kr/docs/guides/tech/with-nuxtjs","61c"),exact:!0,sidebar:"guidesSidebar"},{path:"/kr/docs/guides/tech/with-react-query",component:d("/kr/docs/guides/tech/with-react-query","aaf"),exact:!0,sidebar:"guidesSidebar"},{path:"/kr/docs/guides/tech/with-sveltekit",component:d("/kr/docs/guides/tech/with-sveltekit","828"),exact:!0,sidebar:"guidesSidebar"},{path:"/kr/docs/reference",component:d("/kr/docs/reference","aa4"),exact:!0,sidebar:"referenceSidebar"},{path:"/kr/docs/reference/isolation",component:d("/kr/docs/reference/isolation","3ad"),exact:!0,sidebar:"referenceSidebar"},{path:"/kr/docs/reference/isolation/coupling-cohesion",component:d("/kr/docs/reference/isolation/coupling-cohesion","c7a"),exact:!0,sidebar:"referenceSidebar"},{path:"/kr/docs/reference/isolation/decouple-entities",component:d("/kr/docs/reference/isolation/decouple-entities","2f7"),exact:!0,sidebar:"referenceSidebar"},{path:"/kr/docs/reference/layers",component:d("/kr/docs/reference/layers","733"),exact:!0,sidebar:"referenceSidebar"},{path:"/kr/docs/reference/public-api",component:d("/kr/docs/reference/public-api","69b"),exact:!0,sidebar:"referenceSidebar"},{path:"/kr/docs/reference/slices-segments",component:d("/kr/docs/reference/slices-segments","b64"),exact:!0,sidebar:"referenceSidebar"}]}]}]},{path:"/kr/",component:d("/kr/","7e7"),exact:!0},{path:"*",component:d("*")}]},5360:(e,t,n)=>{"use strict";n.d(t,{o:()=>a,x:()=>i});var r=n(758),o=n(6070);const a=r.createContext(!1);function i(e){let{children:t}=e;const[n,i]=(0,r.useState)(!1);return(0,r.useEffect)((()=>{i(!0)}),[]),(0,o.jsx)(a.Provider,{value:n,children:t})}},3096:(e,t,n)=>{"use strict";var r=n(758),o=n(9576),a=n(248),i=n(1742),s=n(4784),l=n(3088);const c=[n(4504),n(9773),n(5348),n(8602),n(8468)];var u=n(1377),d=n(5557),p=n(389),f=n(6070);function m(e){let{children:t}=e;return(0,f.jsx)(f.Fragment,{children:t})}var h=n(2293),g=n(9143),b=n(5252),y=n(316),v=n(898),w=n(1529),k=n(9782),S=n(4937),x=n(3509),E=n(1701);function _(){const{i18n:{currentLocale:e,defaultLocale:t,localeConfigs:n}}=(0,g.A)(),r=(0,w.o)(),o=n[e].htmlLang,a=e=>e.replace("-","_");return(0,f.jsxs)(h.A,{children:[Object.entries(n).map((e=>{let[t,{htmlLang:n}]=e;return(0,f.jsx)("link",{rel:"alternate",href:r.createUrl({locale:t,fullyQualified:!0}),hrefLang:n},t)})),(0,f.jsx)("link",{rel:"alternate",href:r.createUrl({locale:t,fullyQualified:!0}),hrefLang:"x-default"}),(0,f.jsx)("meta",{property:"og:locale",content:a(o)}),Object.values(n).filter((e=>o!==e.htmlLang)).map((e=>(0,f.jsx)("meta",{property:"og:locale:alternate",content:a(e.htmlLang)},`meta-og-${e.htmlLang}`)))]})}function C(e){let{permalink:t}=e;const{siteConfig:{url:n}}=(0,g.A)(),r=function(){const{siteConfig:{url:e,baseUrl:t,trailingSlash:n}}=(0,g.A)(),{pathname:r}=(0,d.zy)();return e+(0,x.Ks)((0,b.Ay)(r),{trailingSlash:n,baseUrl:t})}(),o=t?`${n}${t}`:r;return(0,f.jsxs)(h.A,{children:[(0,f.jsx)("meta",{property:"og:url",content:o}),(0,f.jsx)("link",{rel:"canonical",href:o})]})}function j(){const{i18n:{currentLocale:e}}=(0,g.A)(),{metadata:t,image:n}=(0,y.p)();return(0,f.jsxs)(f.Fragment,{children:[(0,f.jsxs)(h.A,{children:[(0,f.jsx)("meta",{name:"twitter:card",content:"summary_large_image"}),(0,f.jsx)("body",{className:k.w})]}),n&&(0,f.jsx)(v.be,{image:n}),(0,f.jsx)(C,{}),(0,f.jsx)(_,{}),(0,f.jsx)(E.A,{tag:S.C,locale:e}),(0,f.jsx)(h.A,{children:t.map(((e,t)=>(0,f.jsx)("meta",{...e},t)))})]})}const O=new Map;var A=n(5360),T=n(1170),P=n(8302);function L(e){for(var t=arguments.length,n=new Array(t>1?t-1:0),r=1;r<t;r++)n[r-1]=arguments[r];const o=c.map((t=>{const r=t.default?.[e]??t[e];return r?.(...n)}));return()=>o.forEach((e=>e?.()))}const I=function(e){let{children:t,location:n,previousLocation:r}=e;return(0,P.A)((()=>{r!==n&&(!function(e){let{location:t,previousLocation:n}=e;if(!n)return;const r=t.pathname===n.pathname,o=t.hash===n.hash,a=t.search===n.search;if(r&&o&&!a)return;const{hash:i}=t;if(i){const e=decodeURIComponent(i.substring(1)),t=document.getElementById(e);t?.scrollIntoView()}else window.scrollTo(0,0)}({location:n,previousLocation:r}),L("onRouteDidUpdate",{previousLocation:r,location:n}))}),[r,n]),t};function N(e){const t=Array.from(new Set([e,decodeURI(e)])).map((e=>(0,p.u)(u.A,e))).flat();return Promise.all(t.map((e=>e.route.component.preload?.())))}class R extends r.Component{previousLocation;routeUpdateCleanupCb;constructor(e){super(e),this.previousLocation=null,this.routeUpdateCleanupCb=l.A.canUseDOM?L("onRouteUpdate",{previousLocation:null,location:this.props.location}):()=>{},this.state={nextRouteHasLoaded:!0}}shouldComponentUpdate(e,t){if(e.location===this.props.location)return t.nextRouteHasLoaded;const n=e.location;return this.previousLocation=this.props.location,this.setState({nextRouteHasLoaded:!1}),this.routeUpdateCleanupCb=L("onRouteUpdate",{previousLocation:this.previousLocation,location:n}),N(n.pathname).then((()=>{this.routeUpdateCleanupCb(),this.setState({nextRouteHasLoaded:!0})})).catch((e=>{console.warn(e),window.location.reload()})),!1}render(){const{children:e,location:t}=this.props;return(0,f.jsx)(I,{previousLocation:this.previousLocation,location:t,children:(0,f.jsx)(d.qh,{location:t,render:()=>e})})}}const D=R,M="__docusaurus-base-url-issue-banner-container",F="__docusaurus-base-url-issue-banner",z="__docusaurus-base-url-issue-banner-suggestion-container";function B(e){return`\ndocument.addEventListener('DOMContentLoaded', function maybeInsertBanner() {\n  var shouldInsert = typeof window['docusaurus'] === 'undefined';\n  shouldInsert && insertBanner();\n});\n\nfunction insertBanner() {\n  var bannerContainer = document.createElement('div');\n  bannerContainer.id = '${M}';\n  var bannerHtml = ${JSON.stringify(function(e){return`\n<div id="${F}" style="border: thick solid red; background-color: rgb(255, 230, 179); margin: 20px; padding: 20px; font-size: 20px;">\n   <p style="font-weight: bold; font-size: 30px;">Your Docusaurus site did not load properly.</p>\n   <p>A very common reason is a wrong site <a href="https://docusaurus.io/docs/docusaurus.config.js/#baseUrl" style="font-weight: bold;">baseUrl configuration</a>.</p>\n   <p>Current configured baseUrl = <span style="font-weight: bold; color: red;">${e}</span> ${"/"===e?" (default value)":""}</p>\n   <p>We suggest trying baseUrl = <span id="${z}" style="font-weight: bold; color: green;"></span></p>\n</div>\n`}(e)).replace(/</g,"\\<")};\n  bannerContainer.innerHTML = bannerHtml;\n  document.body.prepend(bannerContainer);\n  var suggestionContainer = document.getElementById('${z}');\n  var actualHomePagePath = window.location.pathname;\n  var suggestedBaseUrl = actualHomePagePath.substr(-1) === '/'\n        ? actualHomePagePath\n        : actualHomePagePath + '/';\n  suggestionContainer.innerHTML = suggestedBaseUrl;\n}\n`}function U(){const{siteConfig:{baseUrl:e}}=(0,g.A)();return(0,f.jsx)(f.Fragment,{children:!l.A.canUseDOM&&(0,f.jsx)(h.A,{children:(0,f.jsx)("script",{children:B(e)})})})}function q(){const{siteConfig:{baseUrl:e,baseUrlIssueBanner:t}}=(0,g.A)(),{pathname:n}=(0,d.zy)();return t&&n===e?(0,f.jsx)(U,{}):null}function $(){const{siteConfig:{favicon:e,title:t,noIndex:n},i18n:{currentLocale:r,localeConfigs:o}}=(0,g.A)(),a=(0,b.Ay)(e),{htmlLang:i,direction:s}=o[r];return(0,f.jsxs)(h.A,{children:[(0,f.jsx)("html",{lang:i,dir:s}),(0,f.jsx)("title",{children:t}),(0,f.jsx)("meta",{property:"og:title",content:t}),(0,f.jsx)("meta",{name:"viewport",content:"width=device-width, initial-scale=1.0"}),n&&(0,f.jsx)("meta",{name:"robots",content:"noindex, nofollow"}),e&&(0,f.jsx)("link",{rel:"icon",href:a})]})}var H=n(356),V=n(2630);function G(){const e=(0,V.A)();return(0,f.jsx)(h.A,{children:(0,f.jsx)("html",{"data-has-hydrated":e})})}const W=(0,p.v)(u.A);function K(){const e=function(e){if(O.has(e.pathname))return{...e,pathname:O.get(e.pathname)};if((0,p.u)(u.A,e.pathname).some((e=>{let{route:t}=e;return!0===t.exact})))return O.set(e.pathname,e.pathname),e;const t=e.pathname.trim().replace(/(?:\/index)?\.html$/,"")||"/";return O.set(e.pathname,t),{...e,pathname:t}}((0,d.zy)());return(0,f.jsx)(D,{location:e,children:W})}function Q(){return(0,f.jsx)(H.A,{children:(0,f.jsx)(T.l,{children:(0,f.jsxs)(A.x,{children:[(0,f.jsxs)(m,{children:[(0,f.jsx)($,{}),(0,f.jsx)(j,{}),(0,f.jsx)(q,{}),(0,f.jsx)(K,{})]}),(0,f.jsx)(G,{})]})})})}var Y=n(4054);const Z=function(e){try{return document.createElement("link").relList.supports(e)}catch{return!1}}("prefetch")?function(e){return new Promise(((t,n)=>{if("undefined"==typeof document)return void n();const r=document.createElement("link");r.setAttribute("rel","prefetch"),r.setAttribute("href",e),r.onload=()=>t(),r.onerror=()=>n();const o=document.getElementsByTagName("head")[0]??document.getElementsByName("script")[0]?.parentNode;o?.appendChild(r)}))}:function(e){return new Promise(((t,n)=>{const r=new XMLHttpRequest;r.open("GET",e,!0),r.withCredentials=!0,r.onload=()=>{200===r.status?t():n()},r.send(null)}))};var J=n(8116);const X=new Set,ee=new Set,te=()=>navigator.connection?.effectiveType.includes("2g")||navigator.connection?.saveData,ne={prefetch:e=>{if(!(e=>!te()&&!ee.has(e)&&!X.has(e))(e))return!1;X.add(e);const t=(0,p.u)(u.A,e).flatMap((e=>{return t=e.route.path,Object.entries(Y).filter((e=>{let[n]=e;return n.replace(/-[^-]+$/,"")===t})).flatMap((e=>{let[,t]=e;return Object.values((0,J.A)(t))}));var t}));return Promise.all(t.map((e=>{const t=n.gca(e);return t&&!t.includes("undefined")?Z(t).catch((()=>{})):Promise.resolve()})))},preload:e=>!!(e=>!te()&&!ee.has(e))(e)&&(ee.add(e),N(e))},re=Object.freeze(ne);function oe(e){let{children:t}=e;return"hash"===s.default.future.experimental_router?(0,f.jsx)(i.I9,{children:t}):(0,f.jsx)(i.Kd,{children:t})}const ae=Boolean(!0);if(l.A.canUseDOM){window.docusaurus=re;const e=document.getElementById("__docusaurus"),t=(0,f.jsx)(a.vd,{children:(0,f.jsx)(oe,{children:(0,f.jsx)(Q,{})})}),n=(e,t)=>{console.error("Docusaurus React Root onRecoverableError:",e,t)},i=()=>{if(window.docusaurusRoot)window.docusaurusRoot.render(t);else if(ae)window.docusaurusRoot=o.hydrateRoot(e,t,{onRecoverableError:n});else{const r=o.createRoot(e,{onRecoverableError:n});r.render(t),window.docusaurusRoot=r}};N(window.location.pathname).then((()=>{(0,r.startTransition)(i)}))}},1170:(e,t,n)=>{"use strict";n.d(t,{o:()=>d,l:()=>p});var r=n(758),o=n(4784);const a=JSON.parse('{"docusaurus-plugin-content-docs":{"default":{"path":"/kr/docs","versions":[{"name":"current","label":"v2.0.0 \ud83c\udf70","isLast":true,"path":"/kr/docs","mainDocId":"intro","docs":[{"id":"about/alternatives","path":"/kr/docs/about/alternatives","sidebar":"aboutSidebar"},{"id":"about/index","path":"/kr/docs/about/","sidebar":"aboutSidebar"},{"id":"about/mission","path":"/kr/docs/about/mission","sidebar":"aboutSidebar"},{"id":"about/motivation","path":"/kr/docs/about/motivation","sidebar":"aboutSidebar"},{"id":"about/promote/for-company","path":"/kr/docs/about/promote/for-company","sidebar":"aboutSidebar"},{"id":"about/promote/for-team","path":"/kr/docs/about/promote/for-team","sidebar":"aboutSidebar"},{"id":"about/promote/integration","path":"/kr/docs/about/promote/integration","sidebar":"aboutSidebar"},{"id":"about/promote/partial-application","path":"/kr/docs/about/promote/partial-application","sidebar":"aboutSidebar"},{"id":"about/understanding/abstractions","path":"/kr/docs/about/understanding/abstractions","sidebar":"aboutSidebar"},{"id":"about/understanding/architecture","path":"/kr/docs/about/understanding/architecture","sidebar":"aboutSidebar"},{"id":"about/understanding/knowledge-types","path":"/kr/docs/about/understanding/knowledge-types","sidebar":"aboutSidebar"},{"id":"about/understanding/naming","path":"/kr/docs/about/understanding/naming","sidebar":"aboutSidebar"},{"id":"about/understanding/needs-driven","path":"/kr/docs/about/understanding/needs-driven","sidebar":"aboutSidebar"},{"id":"about/understanding/signals","path":"/kr/docs/about/understanding/signals","sidebar":"aboutSidebar"},{"id":"branding","path":"/kr/docs/branding"},{"id":"get-started/cheatsheet","path":"/kr/docs/get-started/cheatsheet","unlisted":true,"sidebar":"getstartedSidebar"},{"id":"get-started/faq","path":"/kr/docs/get-started/faq","sidebar":"getstartedSidebar"},{"id":"get-started/index","path":"/kr/docs/get-started/","sidebar":"getstartedSidebar"},{"id":"get-started/overview","path":"/kr/docs/get-started/overview","sidebar":"getstartedSidebar"},{"id":"get-started/tutorial","path":"/kr/docs/get-started/tutorial","sidebar":"getstartedSidebar"},{"id":"guides/examples/auth","path":"/kr/docs/guides/examples/auth","sidebar":"guidesSidebar"},{"id":"guides/examples/autocompleted","path":"/kr/docs/guides/examples/autocompleted","unlisted":true,"sidebar":"guidesSidebar"},{"id":"guides/examples/browser-api","path":"/kr/docs/guides/examples/browser-api","unlisted":true,"sidebar":"guidesSidebar"},{"id":"guides/examples/cms","path":"/kr/docs/guides/examples/cms","unlisted":true,"sidebar":"guidesSidebar"},{"id":"guides/examples/feedback","path":"/kr/docs/guides/examples/feedback","unlisted":true,"sidebar":"guidesSidebar"},{"id":"guides/examples/i18n","path":"/kr/docs/guides/examples/i18n","unlisted":true,"sidebar":"guidesSidebar"},{"id":"guides/examples/index","path":"/kr/docs/guides/examples/","sidebar":"guidesSidebar"},{"id":"guides/examples/metric","path":"/kr/docs/guides/examples/metric","unlisted":true,"sidebar":"guidesSidebar"},{"id":"guides/examples/monorepo","path":"/kr/docs/guides/examples/monorepo","unlisted":true,"sidebar":"guidesSidebar"},{"id":"guides/examples/page-layout","path":"/kr/docs/guides/examples/page-layout","sidebar":"guidesSidebar"},{"id":"guides/examples/platforms","path":"/kr/docs/guides/examples/platforms","unlisted":true,"sidebar":"guidesSidebar"},{"id":"guides/examples/ssr","path":"/kr/docs/guides/examples/ssr","unlisted":true,"sidebar":"guidesSidebar"},{"id":"guides/examples/theme","path":"/kr/docs/guides/examples/theme","unlisted":true,"sidebar":"guidesSidebar"},{"id":"guides/examples/types","path":"/kr/docs/guides/examples/types","sidebar":"guidesSidebar"},{"id":"guides/examples/white-labels","path":"/kr/docs/guides/examples/white-labels","unlisted":true,"sidebar":"guidesSidebar"},{"id":"guides/index","path":"/kr/docs/guides/","sidebar":"guidesSidebar"},{"id":"guides/issues/cross-imports","path":"/kr/docs/guides/issues/cross-imports","sidebar":"guidesSidebar"},{"id":"guides/issues/desegmented","path":"/kr/docs/guides/issues/desegmented","sidebar":"guidesSidebar"},{"id":"guides/issues/routes","path":"/kr/docs/guides/issues/routes","sidebar":"guidesSidebar"},{"id":"guides/migration/from-custom","path":"/kr/docs/guides/migration/from-custom","sidebar":"guidesSidebar"},{"id":"guides/migration/from-v1","path":"/kr/docs/guides/migration/from-v1","sidebar":"guidesSidebar"},{"id":"guides/tech/with-nextjs","path":"/kr/docs/guides/tech/with-nextjs","sidebar":"guidesSidebar"},{"id":"guides/tech/with-nuxtjs","path":"/kr/docs/guides/tech/with-nuxtjs","sidebar":"guidesSidebar"},{"id":"guides/tech/with-react-query","path":"/kr/docs/guides/tech/with-react-query","sidebar":"guidesSidebar"},{"id":"guides/tech/with-sveltekit","path":"/kr/docs/guides/tech/with-sveltekit","sidebar":"guidesSidebar"},{"id":"intro","path":"/kr/docs/"},{"id":"reference/index","path":"/kr/docs/reference/","sidebar":"referenceSidebar"},{"id":"reference/isolation/coupling-cohesion","path":"/kr/docs/reference/isolation/coupling-cohesion","sidebar":"referenceSidebar"},{"id":"reference/isolation/decouple-entities","path":"/kr/docs/reference/isolation/decouple-entities","sidebar":"referenceSidebar"},{"id":"reference/isolation/index","path":"/kr/docs/reference/isolation/","sidebar":"referenceSidebar"},{"id":"reference/layers","path":"/kr/docs/reference/layers","sidebar":"referenceSidebar"},{"id":"reference/public-api","path":"/kr/docs/reference/public-api","sidebar":"referenceSidebar"},{"id":"reference/slices-segments","path":"/kr/docs/reference/slices-segments","sidebar":"referenceSidebar"}],"draftIds":[],"sidebars":{"getstartedSidebar":{"link":{"path":"/kr/docs/get-started/","label":"\ud83d\ude80  Get Started"}},"guidesSidebar":{"link":{"path":"/kr/docs/guides/","label":"\ud83c\udfaf  Guides"}},"referenceSidebar":{"link":{"path":"/kr/docs/reference/","label":"\ud83d\udcda  Reference"}},"aboutSidebar":{"link":{"path":"/kr/docs/about/","label":"\ud83c\udf70  About"}}}}],"breadcrumbs":true},"community":{"path":"/kr/community","versions":[{"name":"current","label":"Next","isLast":true,"path":"/kr/community","mainDocId":"index","docs":[{"id":"index","path":"/kr/community/","sidebar":"community"},{"id":"team","path":"/kr/community/team","sidebar":"community"}],"draftIds":[],"sidebars":{"community":{"link":{"path":"/kr/community/","label":"\ud83d\udcab  Community"}}}}],"breadcrumbs":true}}}'),i=JSON.parse('{"defaultLocale":"en","locales":["ru","en","uz","kr","ja"],"path":"i18n","currentLocale":"kr","localeConfigs":{"ru":{"label":"\u0420\u0443\u0441\u0441\u043a\u0438\u0439","direction":"ltr","htmlLang":"ru","calendar":"gregory","path":"ru"},"en":{"label":"English","direction":"ltr","htmlLang":"en","calendar":"gregory","path":"en"},"uz":{"label":"O\'zbekcha","direction":"ltr","htmlLang":"uz","calendar":"gregory","path":"uz"},"kr":{"label":"\ud55c\uad6d\uc5b4","direction":"ltr","htmlLang":"kr","calendar":"gregory","path":"kr"},"ja":{"label":"\u65e5\u672c\u8a9e","direction":"ltr","htmlLang":"ja","calendar":"gregory","path":"ja"}}}');var s=n(2654);const l=JSON.parse('{"docusaurusVersion":"3.5.2","siteVersion":"2.0.0","pluginVersions":{"docusaurus-plugin-content-docs":{"type":"package","name":"@docusaurus/plugin-content-docs","version":"3.5.2"},"docusaurus-plugin-content-blog":{"type":"package","name":"@docusaurus/plugin-content-blog","version":"3.5.2"},"docusaurus-plugin-content-pages":{"type":"package","name":"@docusaurus/plugin-content-pages","version":"3.5.2"},"docusaurus-plugin-sitemap":{"type":"package","name":"@docusaurus/plugin-sitemap","version":"3.5.2"},"docusaurus-theme-classic":{"type":"package","name":"@docusaurus/theme-classic","version":"3.5.2"},"docusaurus-theme-search-algolia":{"type":"package","name":"@docusaurus/theme-search-algolia","version":"3.5.2"},"docusaurus-plugin-sass":{"type":"package","name":"docusaurus-plugin-sass","version":"0.2.5"},"docusaurus-plugin-client-redirects":{"type":"package","name":"@docusaurus/plugin-client-redirects","version":"3.5.2"},"docusaurus-plugin-ideal-image":{"type":"package","name":"@docusaurus/plugin-ideal-image","version":"3.5.2"},"docusaurus-plugin-image-zoom":{"type":"package","name":"plugin-image-zoom","version":"1.2.0"}}}');var c=n(6070);const u={siteConfig:o.default,siteMetadata:l,globalData:a,i18n:i,codeTranslations:s},d=r.createContext(u);function p(e){let{children:t}=e;return(0,c.jsx)(d.Provider,{value:u,children:t})}},356:(e,t,n)=>{"use strict";n.d(t,{A:()=>h});var r=n(758),o=n(3088),a=n(2293),i=n(3509),s=n(3041),l=n(8851),c=n(6070);function u(e){let{error:t,tryAgain:n}=e;return(0,c.jsxs)("div",{style:{display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"flex-start",minHeight:"100vh",width:"100%",maxWidth:"80ch",fontSize:"20px",margin:"0 auto",padding:"1rem"},children:[(0,c.jsx)("h1",{style:{fontSize:"3rem"},children:"This page crashed"}),(0,c.jsx)("button",{type:"button",onClick:n,style:{margin:"1rem 0",fontSize:"2rem",cursor:"pointer",borderRadius:20,padding:"1rem"},children:"Try again"}),(0,c.jsx)(d,{error:t})]})}function d(e){let{error:t}=e;const n=(0,i.rA)(t).map((e=>e.message)).join("\n\nCause:\n");return(0,c.jsx)("p",{style:{whiteSpace:"pre-wrap"},children:n})}function p(e){let{children:t}=e;return(0,c.jsx)(l.W,{value:{plugin:{name:"docusaurus-core-error-boundary",id:"default"}},children:t})}function f(e){let{error:t,tryAgain:n}=e;return(0,c.jsx)(p,{children:(0,c.jsxs)(h,{fallback:()=>(0,c.jsx)(u,{error:t,tryAgain:n}),children:[(0,c.jsx)(a.A,{children:(0,c.jsx)("title",{children:"Page Error"})}),(0,c.jsx)(s.A,{children:(0,c.jsx)(u,{error:t,tryAgain:n})})]})})}const m=e=>(0,c.jsx)(f,{...e});class h extends r.Component{constructor(e){super(e),this.state={error:null}}componentDidCatch(e){o.A.canUseDOM&&this.setState({error:e})}render(){const{children:e}=this.props,{error:t}=this.state;if(t){const e={error:t,tryAgain:()=>this.setState({error:null})};return(this.props.fallback??m)(e)}return e??null}}},3088:(e,t,n)=>{"use strict";n.d(t,{A:()=>o});const r="undefined"!=typeof window&&"document"in window&&"createElement"in window.document,o={canUseDOM:r,canUseEventListeners:r&&("addEventListener"in window||"attachEvent"in window),canUseIntersectionObserver:r&&"IntersectionObserver"in window,canUseViewport:r&&"screen"in window}},2293:(e,t,n)=>{"use strict";n.d(t,{A:()=>a});n(758);var r=n(248),o=n(6070);function a(e){return(0,o.jsx)(r.mg,{...e})}},6783:(e,t,n)=>{"use strict";n.d(t,{A:()=>f});var r=n(758),o=n(1742),a=n(3509),i=n(9143),s=n(1933),l=n(3088),c=n(6828),u=n(5252),d=n(6070);function p(e,t){let{isNavLink:n,to:p,href:f,activeClassName:m,isActive:h,"data-noBrokenLinkCheck":g,autoAddBaseUrl:b=!0,...y}=e;const{siteConfig:v}=(0,i.A)(),{trailingSlash:w,baseUrl:k}=v,S=v.future.experimental_router,{withBaseUrl:x}=(0,u.hH)(),E=(0,c.A)(),_=(0,r.useRef)(null);(0,r.useImperativeHandle)(t,(()=>_.current));const C=p||f;const j=(0,s.A)(C),O=C?.replace("pathname://","");let A=void 0!==O?(T=O,b&&(e=>e.startsWith("/"))(T)?x(T):T):void 0;var T;"hash"===S&&A?.startsWith("./")&&(A=A?.slice(1)),A&&j&&(A=(0,a.Ks)(A,{trailingSlash:w,baseUrl:k}));const P=(0,r.useRef)(!1),L=n?o.k2:o.N_,I=l.A.canUseIntersectionObserver,N=(0,r.useRef)(),R=()=>{P.current||null==A||(window.docusaurus.preload(A),P.current=!0)};(0,r.useEffect)((()=>(!I&&j&&l.A.canUseDOM&&null!=A&&window.docusaurus.prefetch(A),()=>{I&&N.current&&N.current.disconnect()})),[N,A,I,j]);const D=A?.startsWith("#")??!1,M=!y.target||"_self"===y.target,F=!A||!j||!M||D&&"hash"!==S;g||!D&&F||E.collectLink(A),y.id&&E.collectAnchor(y.id);const z={};return F?(0,d.jsx)("a",{ref:_,href:A,...C&&!j&&{target:"_blank",rel:"noopener noreferrer"},...y,...z}):(0,d.jsx)(L,{...y,onMouseEnter:R,onTouchStart:R,innerRef:e=>{_.current=e,I&&e&&j&&(N.current=new window.IntersectionObserver((t=>{t.forEach((t=>{e===t.target&&(t.isIntersecting||t.intersectionRatio>0)&&(N.current.unobserve(e),N.current.disconnect(),null!=A&&window.docusaurus.prefetch(A))}))})),N.current.observe(e))},to:A,...n&&{isActive:h,activeClassName:m},...z})}const f=r.forwardRef(p)},7765:(e,t,n)=>{"use strict";n.d(t,{A:()=>c,T:()=>l});var r=n(758),o=n(6070);function a(e,t){const n=e.split(/(\{\w+\})/).map(((e,n)=>{if(n%2==1){const n=t?.[e.slice(1,-1)];if(void 0!==n)return n}return e}));return n.some((e=>(0,r.isValidElement)(e)))?n.map(((e,t)=>(0,r.isValidElement)(e)?r.cloneElement(e,{key:t}):e)).filter((e=>""!==e)):n.join("")}var i=n(2654);function s(e){let{id:t,message:n}=e;if(void 0===t&&void 0===n)throw new Error("Docusaurus translation declarations must have at least a translation id or a default translation message");return i[t??n]??n??t}function l(e,t){let{message:n,id:r}=e;return a(s({message:n,id:r}),t)}function c(e){let{children:t,id:n,values:r}=e;if(t&&"string"!=typeof t)throw console.warn("Illegal <Translate> children",t),new Error("The Docusaurus <Translate> component only accept simple string values");const i=s({message:t,id:n});return(0,o.jsx)(o.Fragment,{children:a(i,r)})}},8470:(e,t,n)=>{"use strict";n.d(t,{W:()=>r});const r="default"},1933:(e,t,n)=>{"use strict";function r(e){return/^(?:\w*:|\/\/)/.test(e)}function o(e){return void 0!==e&&!r(e)}n.d(t,{A:()=>o,z:()=>r})},5252:(e,t,n)=>{"use strict";n.d(t,{Ay:()=>s,hH:()=>i});var r=n(758),o=n(9143),a=n(1933);function i(){const{siteConfig:e}=(0,o.A)(),{baseUrl:t,url:n}=e,i=e.future.experimental_router,s=(0,r.useCallback)(((e,r)=>function(e){let{siteUrl:t,baseUrl:n,url:r,options:{forcePrependBaseUrl:o=!1,absolute:i=!1}={},router:s}=e;if(!r||r.startsWith("#")||(0,a.z)(r))return r;if("hash"===s)return r.startsWith("/")?`.${r}`:`./${r}`;if(o)return n+r.replace(/^\//,"");if(r===n.replace(/\/$/,""))return n;const l=r.startsWith(n)?r:n+r.replace(/^\//,"");return i?t+l:l}({siteUrl:n,baseUrl:t,url:e,options:r,router:i})),[n,t,i]);return{withBaseUrl:s}}function s(e,t){void 0===t&&(t={});const{withBaseUrl:n}=i();return n(e,t)}},6828:(e,t,n)=>{"use strict";n.d(t,{A:()=>i});var r=n(758);n(6070);const o=r.createContext({collectAnchor:()=>{},collectLink:()=>{}}),a=()=>(0,r.useContext)(o);function i(){return a()}},9143:(e,t,n)=>{"use strict";n.d(t,{A:()=>a});var r=n(758),o=n(1170);function a(){return(0,r.useContext)(o.o)}},2630:(e,t,n)=>{"use strict";n.d(t,{A:()=>a});var r=n(758),o=n(5360);function a(){return(0,r.useContext)(o.o)}},8302:(e,t,n)=>{"use strict";n.d(t,{A:()=>o});var r=n(758);const o=n(3088).A.canUseDOM?r.useLayoutEffect:r.useEffect},3112:(e,t,n)=>{"use strict";n.d(t,{A:()=>a});var r=n(758),o=n(8851);function a(){const e=r.useContext(o.o);if(!e)throw new Error("Unexpected: no Docusaurus route context found");return e}},8116:(e,t,n)=>{"use strict";n.d(t,{A:()=>o});const r=e=>"object"==typeof e&&!!e&&Object.keys(e).length>0;function o(e){const t={};return function e(n,o){Object.entries(n).forEach((n=>{let[a,i]=n;const s=o?`${o}.${a}`:a;r(i)?e(i,s):t[s]=i}))}(e),t}},8851:(e,t,n)=>{"use strict";n.d(t,{W:()=>i,o:()=>a});var r=n(758),o=n(6070);const a=r.createContext(null);function i(e){let{children:t,value:n}=e;const i=r.useContext(a),s=(0,r.useMemo)((()=>function(e){let{parent:t,value:n}=e;if(!t){if(!n)throw new Error("Unexpected: no Docusaurus route context found");if(!("plugin"in n))throw new Error("Unexpected: Docusaurus topmost route context has no `plugin` attribute");return n}const r={...t.data,...n?.data};return{plugin:t.plugin,data:r}}({parent:i,value:n})),[i,n]);return(0,o.jsx)(a.Provider,{value:s,children:t})}},3724:(e,t,n)=>{"use strict";n.d(t,{VQ:()=>g,XK:()=>v,g1:()=>y});var r=n(758),o=n(9860),a=n(8470),i=n(316),s=n(3349),l=n(4902),c=n(6070);const u=e=>`docs-preferred-version-${e}`,d={save:(e,t,n)=>{(0,s.Wf)(u(e),{persistence:t}).set(n)},read:(e,t)=>(0,s.Wf)(u(e),{persistence:t}).get(),clear:(e,t)=>{(0,s.Wf)(u(e),{persistence:t}).del()}},p=e=>Object.fromEntries(e.map((e=>[e,{preferredVersionName:null}])));const f=r.createContext(null);function m(){const e=(0,o.Gy)(),t=(0,i.p)().docs.versionPersistence,n=(0,r.useMemo)((()=>Object.keys(e)),[e]),[a,s]=(0,r.useState)((()=>p(n)));(0,r.useEffect)((()=>{s(function(e){let{pluginIds:t,versionPersistence:n,allDocsData:r}=e;function o(e){const t=d.read(e,n);return r[e].versions.some((e=>e.name===t))?{preferredVersionName:t}:(d.clear(e,n),{preferredVersionName:null})}return Object.fromEntries(t.map((e=>[e,o(e)])))}({allDocsData:e,versionPersistence:t,pluginIds:n}))}),[e,t,n]);return[a,(0,r.useMemo)((()=>({savePreferredVersion:function(e,n){d.save(e,t,n),s((t=>({...t,[e]:{preferredVersionName:n}})))}})),[t])]}function h(e){let{children:t}=e;const n=m();return(0,c.jsx)(f.Provider,{value:n,children:t})}function g(e){let{children:t}=e;return(0,c.jsx)(h,{children:t})}function b(){const e=(0,r.useContext)(f);if(!e)throw new l.dV("DocsPreferredVersionContextProvider");return e}function y(e){void 0===e&&(e=a.W);const t=(0,o.ht)(e),[n,i]=b(),{preferredVersionName:s}=n[e];return{preferredVersion:t.versions.find((e=>e.name===s))??null,savePreferredVersionName:(0,r.useCallback)((t=>{i.savePreferredVersion(e,t)}),[i,e])}}function v(){const e=(0,o.Gy)(),[t]=b();function n(n){const r=e[n],{preferredVersionName:o}=t[n];return r.versions.find((e=>e.name===o))??null}const r=Object.keys(e);return Object.fromEntries(r.map((e=>[e,n(e)])))}},4619:(e,t,n)=>{"use strict";n.d(t,{k:()=>a,v:()=>i});var r=n(9860),o=n(3724);function a(e,t){return`docs-${e}-${t}`}function i(){const e=(0,r.Gy)(),t=(0,r.gk)(),n=(0,o.XK)();return[...Object.keys(e).map((function(r){const o=t?.activePlugin.pluginId===r?t.activeVersion:void 0,i=n[r],s=e[r].versions.find((e=>e.isLast));return a(r,(o??i??s).name)}))]}},3971:(e,t,n)=>{"use strict";n.d(t,{V:()=>l,t:()=>c});var r=n(758),o=n(4902),a=n(6070);const i=Symbol("EmptyContext"),s=r.createContext(i);function l(e){let{children:t,name:n,items:o}=e;const i=(0,r.useMemo)((()=>n&&o?{name:n,items:o}:null),[n,o]);return(0,a.jsx)(s.Provider,{value:i,children:t})}function c(){const e=(0,r.useContext)(s);if(e===i)throw new o.dV("DocsSidebarProvider");return e}},1630:(e,t,n)=>{"use strict";n.d(t,{B5:()=>x,Nr:()=>p,OF:()=>v,QB:()=>S,Vd:()=>w,Y:()=>b,fW:()=>k,w8:()=>h});var r=n(758),o=n(5557),a=n(389),i=n(9860),s=n(5763),l=n(2632),c=n(3724),u=n(1579),d=n(3971);function p(e){return"link"!==e.type||e.unlisted?"category"===e.type?function(e){if(e.href&&!e.linkUnlisted)return e.href;for(const t of e.items){const e=p(t);if(e)return e}}(e):void 0:e.href}const f=(e,t)=>void 0!==e&&(0,s.ys)(e,t),m=(e,t)=>e.some((e=>h(e,t)));function h(e,t){return"link"===e.type?f(e.href,t):"category"===e.type&&(f(e.href,t)||m(e.items,t))}function g(e,t){switch(e.type){case"category":return h(e,t)||e.items.some((e=>g(e,t)));case"link":return!e.unlisted||h(e,t);default:return!0}}function b(e,t){return(0,r.useMemo)((()=>e.filter((e=>g(e,t)))),[e,t])}function y(e){let{sidebarItems:t,pathname:n,onlyCategories:r=!1}=e;const o=[];return function e(t){for(const a of t)if("category"===a.type&&((0,s.ys)(a.href,n)||e(a.items))||"link"===a.type&&(0,s.ys)(a.href,n)){return r&&"category"!==a.type||o.unshift(a),!0}return!1}(t),o}function v(){const e=(0,d.t)(),{pathname:t}=(0,o.zy)(),n=(0,i.vT)()?.pluginData.breadcrumbs;return!1!==n&&e?y({sidebarItems:e.items,pathname:t}):null}function w(e){const{activeVersion:t}=(0,i.zK)(e),{preferredVersion:n}=(0,c.g1)(e),o=(0,i.r7)(e);return(0,r.useMemo)((()=>(0,l.sb)([t,n,o].filter(Boolean))),[t,n,o])}function k(e,t){const n=w(t);return(0,r.useMemo)((()=>{const t=n.flatMap((e=>e.sidebars?Object.entries(e.sidebars):[])),r=t.find((t=>t[0]===e));if(!r)throw new Error(`Can't find any sidebar with id "${e}" in version${n.length>1?"s":""} ${n.map((e=>e.name)).join(", ")}".\nAvailable sidebar ids are:\n- ${t.map((e=>e[0])).join("\n- ")}`);return r[1]}),[e,n])}function S(e,t){const n=w(t);return(0,r.useMemo)((()=>{const t=n.flatMap((e=>e.docs)),r=t.find((t=>t.id===e));if(!r){if(n.flatMap((e=>e.draftIds)).includes(e))return null;throw new Error(`Couldn't find any doc with id "${e}" in version${n.length>1?"s":""} "${n.map((e=>e.name)).join(", ")}".\nAvailable doc ids are:\n- ${(0,l.sb)(t.map((e=>e.id))).join("\n- ")}`)}return r}),[e,n])}function x(e){let{route:t}=e;const n=(0,o.zy)(),r=(0,u.r)(),i=t.routes,s=i.find((e=>(0,o.B6)(n.pathname,e)));if(!s)return null;const l=s.sidebar,c=l?r.docsSidebars[l]:void 0;return{docElement:(0,a.v)(i),sidebarName:l,sidebarItems:c}}},1579:(e,t,n)=>{"use strict";n.d(t,{n:()=>s,r:()=>l});var r=n(758),o=n(4902),a=n(6070);const i=r.createContext(null);function s(e){let{children:t,version:n}=e;return(0,a.jsx)(i.Provider,{value:n,children:t})}function l(){const e=(0,r.useContext)(i);if(null===e)throw new o.dV("DocsVersionProvider");return e}},9860:(e,t,n)=>{"use strict";n.d(t,{zK:()=>b,vT:()=>f,gk:()=>m,Gy:()=>d,HW:()=>y,ht:()=>p,r7:()=>g,jh:()=>h});var r=n(5557),o=n(9143),a=n(8470);function i(e,t){void 0===t&&(t={});const n=function(){const{globalData:e}=(0,o.A)();return e}()[e];if(!n&&t.failfast)throw new Error(`Docusaurus plugin global data not found for "${e}" plugin.`);return n}const s=e=>e.versions.find((e=>e.isLast));function l(e,t){return[...e.versions].sort(((e,t)=>e.path===t.path?0:e.path.includes(t.path)?-1:t.path.includes(e.path)?1:0)).find((e=>!!(0,r.B6)(t,{path:e.path,exact:!1,strict:!1})))}function c(e,t){const n=l(e,t),o=n?.docs.find((e=>!!(0,r.B6)(t,{path:e.path,exact:!0,strict:!1})));return{activeVersion:n,activeDoc:o,alternateDocVersions:o?function(t){const n={};return e.versions.forEach((e=>{e.docs.forEach((r=>{r.id===t&&(n[e.name]=r)}))})),n}(o.id):{}}}const u={},d=()=>i("docusaurus-plugin-content-docs")??u,p=e=>{try{return function(e,t,n){void 0===t&&(t=a.W),void 0===n&&(n={});const r=i(e),o=r?.[t];if(!o&&n.failfast)throw new Error(`Docusaurus plugin global data not found for "${e}" plugin with id "${t}".`);return o}("docusaurus-plugin-content-docs",e,{failfast:!0})}catch(t){throw new Error("You are using a feature of the Docusaurus docs plugin, but this plugin does not seem to be enabled"+("Default"===e?"":` (pluginId=${e}`),{cause:t})}};function f(e){void 0===e&&(e={});const t=d(),{pathname:n}=(0,r.zy)();return function(e,t,n){void 0===n&&(n={});const o=Object.entries(e).sort(((e,t)=>t[1].path.localeCompare(e[1].path))).find((e=>{let[,n]=e;return!!(0,r.B6)(t,{path:n.path,exact:!1,strict:!1})})),a=o?{pluginId:o[0],pluginData:o[1]}:void 0;if(!a&&n.failfast)throw new Error(`Can't find active docs plugin for "${t}" pathname, while it was expected to be found. Maybe you tried to use a docs feature that can only be used on a docs-related page? Existing docs plugin paths are: ${Object.values(e).map((e=>e.path)).join(", ")}`);return a}(t,n,e)}function m(e){void 0===e&&(e={});const t=f(e),{pathname:n}=(0,r.zy)();if(!t)return;return{activePlugin:t,activeVersion:l(t.pluginData,n)}}function h(e){return p(e).versions}function g(e){const t=p(e);return s(t)}function b(e){const t=p(e),{pathname:n}=(0,r.zy)();return c(t,n)}function y(e){const t=p(e),{pathname:n}=(0,r.zy)();return function(e,t){const n=s(e);return{latestDocSuggestion:c(e,t).alternateDocVersions[n.name],latestVersionSuggestion:n}}(t,n)}},9235:(e,t,n)=>{"use strict";function r(e,t){e.prototype=Object.create(t.prototype),e.prototype.constructor=e,e.__proto__=t}function o(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function a(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function i(){return i=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},i.apply(this,arguments)}var s=n(758),l=[],c=[];var u=s.createContext(null);function d(e){var t=e(),n={loading:!0,loaded:null,error:null};return n.promise=t.then((function(e){return n.loading=!1,n.loaded=e,e})).catch((function(e){throw n.loading=!1,n.error=e,e})),n}function p(e){var t={loading:!1,loaded:{},error:null},n=[];try{Object.keys(e).forEach((function(r){var o=d(e[r]);o.loading?t.loading=!0:(t.loaded[r]=o.loaded,t.error=o.error),n.push(o.promise),o.promise.then((function(e){t.loaded[r]=e})).catch((function(e){t.error=e}))}))}catch(r){t.error=r}return t.promise=Promise.all(n).then((function(e){return t.loading=!1,e})).catch((function(e){throw t.loading=!1,e})),t}function f(e,t){return s.createElement((n=e)&&n.__esModule?n.default:n,t);var n}function m(e,t){var d,p;if(!t.loading)throw new Error("react-loadable requires a `loading` component");var m=i({loader:null,loading:null,delay:200,timeout:null,render:f,webpack:null,modules:null},t),h=null;function g(){return h||(h=e(m.loader)),h.promise}return l.push(g),"function"==typeof m.webpack&&c.push((function(){if((0,m.webpack)().every((function(e){return void 0!==e&&void 0!==n.m[e]})))return g()})),p=d=function(t){function n(n){var r;return a(o(o(r=t.call(this,n)||this)),"retry",(function(){r.setState({error:null,loading:!0,timedOut:!1}),h=e(m.loader),r._loadModule()})),g(),r.state={error:h.error,pastDelay:!1,timedOut:!1,loading:h.loading,loaded:h.loaded},r}r(n,t),n.preload=function(){return g()};var i=n.prototype;return i.UNSAFE_componentWillMount=function(){this._loadModule()},i.componentDidMount=function(){this._mounted=!0},i._loadModule=function(){var e=this;if(this.context&&Array.isArray(m.modules)&&m.modules.forEach((function(t){e.context.report(t)})),h.loading){var t=function(t){e._mounted&&e.setState(t)};"number"==typeof m.delay&&(0===m.delay?this.setState({pastDelay:!0}):this._delay=setTimeout((function(){t({pastDelay:!0})}),m.delay)),"number"==typeof m.timeout&&(this._timeout=setTimeout((function(){t({timedOut:!0})}),m.timeout));var n=function(){t({error:h.error,loaded:h.loaded,loading:h.loading}),e._clearTimeouts()};h.promise.then((function(){return n(),null})).catch((function(e){return n(),null}))}},i.componentWillUnmount=function(){this._mounted=!1,this._clearTimeouts()},i._clearTimeouts=function(){clearTimeout(this._delay),clearTimeout(this._timeout)},i.render=function(){return this.state.loading||this.state.error?s.createElement(m.loading,{isLoading:this.state.loading,pastDelay:this.state.pastDelay,timedOut:this.state.timedOut,error:this.state.error,retry:this.retry}):this.state.loaded?m.render(this.state.loaded,this.props):null},n}(s.Component),a(d,"contextType",u),p}function h(e){return m(d,e)}h.Map=function(e){if("function"!=typeof e.render)throw new Error("LoadableMap requires a `render(loaded, props)` function");return m(p,e)};var g=function(e){function t(){return e.apply(this,arguments)||this}return r(t,e),t.prototype.render=function(){return s.createElement(u.Provider,{value:{report:this.props.report}},s.Children.only(this.props.children))},t}(s.Component);function b(e){for(var t=[];e.length;){var n=e.pop();t.push(n())}return Promise.all(t).then((function(){if(e.length)return b(e)}))}h.Capture=g,h.preloadAll=function(){return new Promise((function(e,t){b(l).then(e,t)}))},h.preloadReady=function(){return new Promise((function(e,t){b(c).then(e,e)}))},e.exports=h},5348:(e,t,n)=>{"use strict";n.r(t),n.d(t,{default:()=>a});var r=n(8744),o=n.n(r);o().configure({showSpinner:!1});const a={onRouteUpdate(e){let{location:t,previousLocation:n}=e;if(n&&t.pathname!==n.pathname){const e=window.setTimeout((()=>{o().start()}),200);return()=>window.clearTimeout(e)}},onRouteDidUpdate(){o().done()}}},9773:(e,t,n)=>{"use strict";var r=n(5371),o=n(4784);!function(e){const{themeConfig:{prism:t}}=o.default,{additionalLanguages:r}=t;globalThis.Prism=e,r.forEach((e=>{"php"===e&&n(1274),n(9927)(`./prism-${e}`)})),delete globalThis.Prism}(r.My)},1507:(e,t,n)=>{"use strict";n.d(t,{A:()=>u});n(758);var r=n(3526),o=n(7765),a=n(316),i=n(6783),s=n(6828);const l={anchorWithStickyNavbar:"anchorWithStickyNavbar_QzlE",anchorWithHideOnScrollNavbar:"anchorWithHideOnScrollNavbar_IGdS"};var c=n(6070);function u(e){let{as:t,id:n,...u}=e;const d=(0,s.A)(),{navbar:{hideOnScroll:p}}=(0,a.p)();if("h1"===t||!n)return(0,c.jsx)(t,{...u,id:void 0});d.collectAnchor(n);const f=(0,o.T)({id:"theme.common.headingLinkTitle",message:"Direct link to {heading}",description:"Title for link to heading"},{heading:"string"==typeof u.children?u.children:n});return(0,c.jsxs)(t,{...u,className:(0,r.A)("anchor",p?l.anchorWithHideOnScrollNavbar:l.anchorWithStickyNavbar,u.className),id:n,children:[u.children,(0,c.jsx)(i.A,{className:"hash-link",to:`#${n}`,"aria-label":f,title:f,children:"\u200b"})]})}},9503:(e,t,n)=>{"use strict";n.d(t,{A:()=>a});n(758);const r={iconExternalLink:"iconExternalLink_rel2"};var o=n(6070);function a(e){let{width:t=13.5,height:n=13.5}=e;return(0,o.jsx)("svg",{width:t,height:n,"aria-hidden":"true",viewBox:"0 0 24 24",className:r.iconExternalLink,children:(0,o.jsx)("path",{fill:"currentColor",d:"M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"})})}},3041:(e,t,n)=>{"use strict";n.d(t,{A:()=>Ct});var r=n(758),o=n(3526),a=n(356),i=n(898),s=n(5557),l=n(7765),c=n(2360),u=n(6070);const d="__docusaurus_skipToContent_fallback";function p(e){e.setAttribute("tabindex","-1"),e.focus(),e.removeAttribute("tabindex")}function f(){const e=(0,r.useRef)(null),{action:t}=(0,s.W6)(),n=(0,r.useCallback)((e=>{e.preventDefault();const t=document.querySelector("main:first-of-type")??document.getElementById(d);t&&p(t)}),[]);return(0,c.$)((n=>{let{location:r}=n;e.current&&!r.hash&&"PUSH"===t&&p(e.current)})),{containerRef:e,onClick:n}}const m=(0,l.T)({id:"theme.common.skipToMainContent",description:"The skip to content label used for accessibility, allowing to rapidly navigate to main content with keyboard tab/enter navigation",message:"Skip to main content"});function h(e){const t=e.children??m,{containerRef:n,onClick:r}=f();return(0,u.jsx)("div",{ref:n,role:"region","aria-label":m,children:(0,u.jsx)("a",{...e,href:`#${d}`,onClick:r,children:t})})}var g=n(8813),b=n(9782);const y={skipToContent:"skipToContent_iI6K"};function v(){return(0,u.jsx)(h,{className:y.skipToContent})}var w=n(316),k=n(1611);function S(e){let{width:t=21,height:n=21,color:r="currentColor",strokeWidth:o=1.2,className:a,...i}=e;return(0,u.jsx)("svg",{viewBox:"0 0 15 15",width:t,height:n,...i,children:(0,u.jsx)("g",{stroke:r,strokeWidth:o,children:(0,u.jsx)("path",{d:"M.75.75l13.5 13.5M14.25.75L.75 14.25"})})})}const x={closeButton:"closeButton_Y4Q2"};function E(e){return(0,u.jsx)("button",{type:"button","aria-label":(0,l.T)({id:"theme.AnnouncementBar.closeButtonAriaLabel",message:"Close",description:"The ARIA label for close button of announcement bar"}),...e,className:(0,o.A)("clean-btn close",x.closeButton,e.className),children:(0,u.jsx)(S,{width:14,height:14,strokeWidth:3.1})})}const _={content:"content_CxvN"};function C(e){const{announcementBar:t}=(0,w.p)(),{content:n}=t;return(0,u.jsx)("div",{...e,className:(0,o.A)(_.content,e.className),dangerouslySetInnerHTML:{__html:n}})}const j={announcementBar:"announcementBar_Wthk",announcementBarPlaceholder:"announcementBarPlaceholder_aISb",announcementBarClose:"announcementBarClose_vsml",announcementBarContent:"announcementBarContent_peeZ"};function O(){const{announcementBar:e}=(0,w.p)(),{isActive:t,close:n}=(0,k.M)();if(!t)return null;const{backgroundColor:r,textColor:o,isCloseable:a}=e;return(0,u.jsxs)("div",{className:j.announcementBar,style:{backgroundColor:r,color:o},role:"banner",children:[a&&(0,u.jsx)("div",{className:j.announcementBarPlaceholder}),(0,u.jsx)(C,{className:j.announcementBarContent}),a&&(0,u.jsx)(E,{onClick:n,className:j.announcementBarClose})]})}var A=n(1003),T=n(9030);var P=n(4902),L=n(646);const I=r.createContext(null);function N(e){let{children:t}=e;const n=function(){const e=(0,A.M)(),t=(0,L.YL)(),[n,o]=(0,r.useState)(!1),a=null!==t.component,i=(0,P.ZC)(a);return(0,r.useEffect)((()=>{a&&!i&&o(!0)}),[a,i]),(0,r.useEffect)((()=>{a?e.shown||o(!0):o(!1)}),[e.shown,a]),(0,r.useMemo)((()=>[n,o]),[n])}();return(0,u.jsx)(I.Provider,{value:n,children:t})}function R(e){if(e.component){const t=e.component;return(0,u.jsx)(t,{...e.props})}}function D(){const e=(0,r.useContext)(I);if(!e)throw new P.dV("NavbarSecondaryMenuDisplayProvider");const[t,n]=e,o=(0,r.useCallback)((()=>n(!1)),[n]),a=(0,L.YL)();return(0,r.useMemo)((()=>({shown:t,hide:o,content:R(a)})),[o,a,t])}function M(e){let{header:t,primaryMenu:n,secondaryMenu:r}=e;const{shown:a}=D();return(0,u.jsxs)("div",{className:"navbar-sidebar",children:[t,(0,u.jsxs)("div",{className:(0,o.A)("navbar-sidebar__items",{"navbar-sidebar__items--show-secondary":a}),children:[(0,u.jsx)("div",{className:"navbar-sidebar__item menu",children:n}),(0,u.jsx)("div",{className:"navbar-sidebar__item menu",children:r})]})]})}var F=n(9731),z=n(2630);function B(e){return(0,u.jsx)("svg",{viewBox:"0 0 24 24",width:24,height:24,...e,children:(0,u.jsx)("path",{fill:"currentColor",d:"M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"})})}function U(e){return(0,u.jsx)("svg",{viewBox:"0 0 24 24",width:24,height:24,...e,children:(0,u.jsx)("path",{fill:"currentColor",d:"M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"})})}const q={toggle:"toggle_rtf2",toggleButton:"toggleButton_lzER",darkToggleIcon:"darkToggleIcon_un8X",lightToggleIcon:"lightToggleIcon_isKo",toggleButtonDisabled:"toggleButtonDisabled_jUHO"};function $(e){let{className:t,buttonClassName:n,value:r,onChange:a}=e;const i=(0,z.A)(),s=(0,l.T)({message:"Switch between dark and light mode (currently {mode})",id:"theme.colorToggle.ariaLabel",description:"The ARIA label for the navbar color mode toggle"},{mode:"dark"===r?(0,l.T)({message:"dark mode",id:"theme.colorToggle.ariaLabel.mode.dark",description:"The name for the dark color mode"}):(0,l.T)({message:"light mode",id:"theme.colorToggle.ariaLabel.mode.light",description:"The name for the light color mode"})});return(0,u.jsx)("div",{className:(0,o.A)(q.toggle,t),children:(0,u.jsxs)("button",{className:(0,o.A)("clean-btn",q.toggleButton,!i&&q.toggleButtonDisabled,n),type:"button",onClick:()=>a("dark"===r?"light":"dark"),disabled:!i,title:s,"aria-label":s,"aria-live":"polite",children:[(0,u.jsx)(B,{className:(0,o.A)(q.toggleIcon,q.lightToggleIcon)}),(0,u.jsx)(U,{className:(0,o.A)(q.toggleIcon,q.darkToggleIcon)})]})})}const H=r.memo($),V={darkNavbarColorModeToggle:"darkNavbarColorModeToggle_NEom"};function G(e){let{className:t}=e;const n=(0,w.p)().navbar.style,r=(0,w.p)().colorMode.disableSwitch,{colorMode:o,setColorMode:a}=(0,F.G)();return r?null:(0,u.jsx)(H,{className:t,buttonClassName:"dark"===n?V.darkNavbarColorModeToggle:void 0,value:o,onChange:a})}var W=n(7007);function K(){return(0,u.jsx)(W.A,{className:"navbar__brand",imageClassName:"navbar__logo",titleClassName:"navbar__title text--truncate"})}function Q(){const e=(0,A.M)();return(0,u.jsx)("button",{type:"button","aria-label":(0,l.T)({id:"theme.docs.sidebar.closeSidebarButtonAriaLabel",message:"Close navigation bar",description:"The ARIA label for close button of mobile sidebar"}),className:"clean-btn navbar-sidebar__close",onClick:()=>e.toggle(),children:(0,u.jsx)(S,{color:"var(--ifm-color-emphasis-600)"})})}function Y(){return(0,u.jsxs)("div",{className:"navbar-sidebar__brand",children:[(0,u.jsx)(K,{}),(0,u.jsx)(G,{className:"margin-right--md"}),(0,u.jsx)(Q,{})]})}var Z=n(6783),J=n(5252),X=n(1933),ee=n(5130),te=n(9503);function ne(e){let{activeBasePath:t,activeBaseRegex:n,to:r,href:o,label:a,html:i,isDropdownLink:s,prependBaseUrlToHref:l,...c}=e;const d=(0,J.Ay)(r),p=(0,J.Ay)(t),f=(0,J.Ay)(o,{forcePrependBaseUrl:!0}),m=a&&o&&!(0,X.A)(o),h=i?{dangerouslySetInnerHTML:{__html:i}}:{children:(0,u.jsxs)(u.Fragment,{children:[a,m&&(0,u.jsx)(te.A,{...s&&{width:12,height:12}})]})};return o?(0,u.jsx)(Z.A,{href:l?f:o,...c,...h}):(0,u.jsx)(Z.A,{to:d,isNavLink:!0,...(t||n)&&{isActive:(e,t)=>n?(0,ee.G)(n,t.pathname):t.pathname.startsWith(p)},...c,...h})}function re(e){let{className:t,isDropdownItem:n=!1,...r}=e;const a=(0,u.jsx)(ne,{className:(0,o.A)(n?"dropdown__link":"navbar__item navbar__link",t),isDropdownLink:n,...r});return n?(0,u.jsx)("li",{children:a}):a}function oe(e){let{className:t,isDropdownItem:n,...r}=e;return(0,u.jsx)("li",{className:"menu__list-item",children:(0,u.jsx)(ne,{className:(0,o.A)("menu__link",t),...r})})}function ae(e){let{mobile:t=!1,position:n,...r}=e;const o=t?oe:re;return(0,u.jsx)(o,{...r,activeClassName:r.activeClassName??(t?"menu__link--active":"navbar__link--active")})}var ie=n(7064),se=n(5763),le=n(9143);const ce={dropdownNavbarItemMobile:"dropdownNavbarItemMobile_Uft3"};function ue(e,t){return e.some((e=>function(e,t){return!!(0,se.ys)(e.to,t)||!!(0,ee.G)(e.activeBaseRegex,t)||!(!e.activeBasePath||!t.startsWith(e.activeBasePath))}(e,t)))}function de(e){let{items:t,position:n,className:a,onClick:i,...s}=e;const l=(0,r.useRef)(null),[c,d]=(0,r.useState)(!1);return(0,r.useEffect)((()=>{const e=e=>{l.current&&!l.current.contains(e.target)&&d(!1)};return document.addEventListener("mousedown",e),document.addEventListener("touchstart",e),document.addEventListener("focusin",e),()=>{document.removeEventListener("mousedown",e),document.removeEventListener("touchstart",e),document.removeEventListener("focusin",e)}}),[l]),(0,u.jsxs)("div",{ref:l,className:(0,o.A)("navbar__item","dropdown","dropdown--hoverable",{"dropdown--right":"right"===n,"dropdown--show":c}),children:[(0,u.jsx)(ne,{"aria-haspopup":"true","aria-expanded":c,role:"button",href:s.to?void 0:"#",className:(0,o.A)("navbar__link",a),...s,onClick:s.to?void 0:e=>e.preventDefault(),onKeyDown:e=>{"Enter"===e.key&&(e.preventDefault(),d(!c))},children:s.children??s.label}),(0,u.jsx)("ul",{className:"dropdown__menu",children:t.map(((e,t)=>(0,r.createElement)(Fe,{isDropdownItem:!0,activeClassName:"dropdown__link--active",...e,key:t})))})]})}function pe(e){let{items:t,className:n,position:a,onClick:i,...l}=e;const c=function(){const{siteConfig:{baseUrl:e}}=(0,le.A)(),{pathname:t}=(0,s.zy)();return t.replace(e,"/")}(),d=ue(t,c),{collapsed:p,toggleCollapsed:f,setCollapsed:m}=(0,ie.u)({initialState:()=>!d});return(0,r.useEffect)((()=>{d&&m(!d)}),[c,d,m]),(0,u.jsxs)("li",{className:(0,o.A)("menu__list-item",{"menu__list-item--collapsed":p}),children:[(0,u.jsx)(ne,{role:"button",className:(0,o.A)(ce.dropdownNavbarItemMobile,"menu__link menu__link--sublist menu__link--sublist-caret",n),...l,onClick:e=>{e.preventDefault(),f()},children:l.children??l.label}),(0,u.jsx)(ie.N,{lazy:!0,as:"ul",className:"menu__list",collapsed:p,children:t.map(((e,t)=>(0,r.createElement)(Fe,{mobile:!0,isDropdownItem:!0,onClick:i,activeClassName:"menu__link--active",...e,key:t})))})]})}function fe(e){let{mobile:t=!1,...n}=e;const r=t?pe:de;return(0,u.jsx)(r,{...n})}var me=n(1529);function he(e){let{width:t=20,height:n=20,...r}=e;return(0,u.jsx)("svg",{viewBox:"0 0 24 24",width:t,height:n,"aria-hidden":!0,...r,children:(0,u.jsx)("path",{fill:"currentColor",d:"M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"})})}const ge="iconLanguage_wlog";var be=n(8143),ye=n(7781),ve=n(2293),we=n(8169),ke=n(1152),Se=n(4937),xe=n(4619);function Ee(){return[`language:${(0,le.A)().i18n.currentLocale}`,function(){const e=(0,xe.v)();return[Se.C,...e]}().map((e=>`docusaurus_tag:${e}`))]}const _e={button:{buttonText:(0,l.T)({id:"theme.SearchBar.label",message:"Search",description:"The ARIA label and placeholder for search button"}),buttonAriaLabel:(0,l.T)({id:"theme.SearchBar.label",message:"Search",description:"The ARIA label and placeholder for search button"})},modal:{searchBox:{resetButtonTitle:(0,l.T)({id:"theme.SearchModal.searchBox.resetButtonTitle",message:"Clear the query",description:"The label and ARIA label for search box reset button"}),resetButtonAriaLabel:(0,l.T)({id:"theme.SearchModal.searchBox.resetButtonTitle",message:"Clear the query",description:"The label and ARIA label for search box reset button"}),cancelButtonText:(0,l.T)({id:"theme.SearchModal.searchBox.cancelButtonText",message:"Cancel",description:"The label and ARIA label for search box cancel button"}),cancelButtonAriaLabel:(0,l.T)({id:"theme.SearchModal.searchBox.cancelButtonText",message:"Cancel",description:"The label and ARIA label for search box cancel button"})},startScreen:{recentSearchesTitle:(0,l.T)({id:"theme.SearchModal.startScreen.recentSearchesTitle",message:"Recent",description:"The title for recent searches"}),noRecentSearchesText:(0,l.T)({id:"theme.SearchModal.startScreen.noRecentSearchesText",message:"No recent searches",description:"The text when no recent searches"}),saveRecentSearchButtonTitle:(0,l.T)({id:"theme.SearchModal.startScreen.saveRecentSearchButtonTitle",message:"Save this search",description:"The label for save recent search button"}),removeRecentSearchButtonTitle:(0,l.T)({id:"theme.SearchModal.startScreen.removeRecentSearchButtonTitle",message:"Remove this search from history",description:"The label for remove recent search button"}),favoriteSearchesTitle:(0,l.T)({id:"theme.SearchModal.startScreen.favoriteSearchesTitle",message:"Favorite",description:"The title for favorite searches"}),removeFavoriteSearchButtonTitle:(0,l.T)({id:"theme.SearchModal.startScreen.removeFavoriteSearchButtonTitle",message:"Remove this search from favorites",description:"The label for remove favorite search button"})},errorScreen:{titleText:(0,l.T)({id:"theme.SearchModal.errorScreen.titleText",message:"Unable to fetch results",description:"The title for error screen of search modal"}),helpText:(0,l.T)({id:"theme.SearchModal.errorScreen.helpText",message:"You might want to check your network connection.",description:"The help text for error screen of search modal"})},footer:{selectText:(0,l.T)({id:"theme.SearchModal.footer.selectText",message:"to select",description:"The explanatory text of the action for the enter key"}),selectKeyAriaLabel:(0,l.T)({id:"theme.SearchModal.footer.selectKeyAriaLabel",message:"Enter key",description:"The ARIA label for the Enter key button that makes the selection"}),navigateText:(0,l.T)({id:"theme.SearchModal.footer.navigateText",message:"to navigate",description:"The explanatory text of the action for the Arrow up and Arrow down key"}),navigateUpKeyAriaLabel:(0,l.T)({id:"theme.SearchModal.footer.navigateUpKeyAriaLabel",message:"Arrow up",description:"The ARIA label for the Arrow up key button that makes the navigation"}),navigateDownKeyAriaLabel:(0,l.T)({id:"theme.SearchModal.footer.navigateDownKeyAriaLabel",message:"Arrow down",description:"The ARIA label for the Arrow down key button that makes the navigation"}),closeText:(0,l.T)({id:"theme.SearchModal.footer.closeText",message:"to close",description:"The explanatory text of the action for Escape key"}),closeKeyAriaLabel:(0,l.T)({id:"theme.SearchModal.footer.closeKeyAriaLabel",message:"Escape key",description:"The ARIA label for the Escape key button that close the modal"}),searchByText:(0,l.T)({id:"theme.SearchModal.footer.searchByText",message:"Search by",description:"The text explain that the search is making by Algolia"})},noResultsScreen:{noResultsText:(0,l.T)({id:"theme.SearchModal.noResultsScreen.noResultsText",message:"No results for",description:"The text explains that there are no results for the following search"}),suggestedQueryText:(0,l.T)({id:"theme.SearchModal.noResultsScreen.suggestedQueryText",message:"Try searching for",description:"The text for the suggested query when no results are found for the following search"}),reportMissingResultsText:(0,l.T)({id:"theme.SearchModal.noResultsScreen.reportMissingResultsText",message:"Believe this query should return results?",description:"The text for the question where the user thinks there are missing results"}),reportMissingResultsLinkText:(0,l.T)({id:"theme.SearchModal.noResultsScreen.reportMissingResultsLinkText",message:"Let us know.",description:"The text for the link to report missing results"})}},placeholder:(0,l.T)({id:"theme.SearchModal.placeholder",message:"Search docs",description:"The placeholder of the input of the DocSearch pop-up modal"})};let Ce=null;function je(e){let{hit:t,children:n}=e;return(0,u.jsx)(Z.A,{to:t.url,children:n})}function Oe(e){let{state:t,onClose:n}=e;const r=(0,we.w)();return(0,u.jsx)(Z.A,{to:r(t.query),onClick:n,children:(0,u.jsx)(l.A,{id:"theme.SearchBar.seeAll",values:{count:t.context.nbHits},children:"See all {count} results"})})}function Ae(e){let{contextualSearch:t,externalUrlRegex:o,...a}=e;const{siteMetadata:i}=(0,le.A)(),l=(0,ke.C)(),c=Ee(),d=a.searchParameters?.facetFilters??[],p=t?function(e,t){const n=e=>"string"==typeof e?[e]:e;return[...n(e),...n(t)]}(c,d):d,f={...a.searchParameters,facetFilters:p},m=(0,s.W6)(),h=(0,r.useRef)(null),g=(0,r.useRef)(null),[b,y]=(0,r.useState)(!1),[v,w]=(0,r.useState)(void 0),k=(0,r.useCallback)((()=>Ce?Promise.resolve():Promise.all([n.e(9553).then(n.bind(n,9553)),Promise.all([n.e(1869),n.e(9562)]).then(n.bind(n,9562)),Promise.all([n.e(1869),n.e(8570)]).then(n.bind(n,8570))]).then((e=>{let[{DocSearchModal:t}]=e;Ce=t}))),[]),S=(0,r.useCallback)((()=>{if(!h.current){const e=document.createElement("div");h.current=e,document.body.insertBefore(e,document.body.firstChild)}}),[]),x=(0,r.useCallback)((()=>{S(),k().then((()=>y(!0)))}),[k,S]),E=(0,r.useCallback)((()=>{y(!1),g.current?.focus()}),[]),_=(0,r.useCallback)((e=>{"f"===e.key&&(e.metaKey||e.ctrlKey)||(e.preventDefault(),w(e.key),x())}),[x]),C=(0,r.useRef)({navigate(e){let{itemUrl:t}=e;(0,ee.G)(o,t)?window.location.href=t:m.push(t)}}).current,j=(0,r.useRef)((e=>a.transformItems?a.transformItems(e):e.map((e=>({...e,url:l(e.url)}))))).current,O=(0,r.useMemo)((()=>e=>(0,u.jsx)(Oe,{...e,onClose:E})),[E]),A=(0,r.useCallback)((e=>(e.addAlgoliaAgent("docusaurus",i.docusaurusVersion),e)),[i.docusaurusVersion]);return(0,ye.E8)({isOpen:b,onOpen:x,onClose:E,onInput:_,searchButtonRef:g}),(0,u.jsxs)(u.Fragment,{children:[(0,u.jsx)(ve.A,{children:(0,u.jsx)("link",{rel:"preconnect",href:`https://${a.appId}-dsn.algolia.net`,crossOrigin:"anonymous"})}),(0,u.jsx)(ye.Bc,{onTouchStart:k,onFocus:k,onMouseOver:k,onClick:x,ref:g,translations:_e.button}),b&&Ce&&h.current&&(0,be.createPortal)((0,u.jsx)(Ce,{onClose:E,initialScrollY:window.scrollY,initialQuery:v,navigator:C,transformItems:j,hitComponent:je,transformSearchClient:A,...a.searchPagePath&&{resultsFooterComponent:O},...a,searchParameters:f,placeholder:_e.placeholder,translations:_e.modal}),h.current)]})}function Te(){const{siteConfig:e}=(0,le.A)();return(0,u.jsx)(Ae,{...e.themeConfig.algolia})}const Pe={navbarSearchContainer:"navbarSearchContainer_DsMw"};function Le(e){let{children:t,className:n}=e;return(0,u.jsx)("div",{className:(0,o.A)(n,Pe.navbarSearchContainer),children:t})}var Ie=n(9860),Ne=n(1630);var Re=n(3724);function De(e,t){return t.alternateDocVersions[e.name]??function(e){return e.docs.find((t=>t.id===e.mainDocId))}(e)}const Me={default:ae,localeDropdown:function(e){let{mobile:t,dropdownItemsBefore:n,dropdownItemsAfter:r,queryString:o="",...a}=e;const{i18n:{currentLocale:i,locales:c,localeConfigs:d}}=(0,le.A)(),p=(0,me.o)(),{search:f,hash:m}=(0,s.zy)(),h=[...n,...c.map((e=>{const n=`${`pathname://${p.createUrl({locale:e,fullyQualified:!1})}`}${f}${m}${o}`;return{label:d[e].label,lang:d[e].htmlLang,to:n,target:"_self",autoAddBaseUrl:!1,className:e===i?t?"menu__link--active":"dropdown__link--active":""}})),...r],g=t?(0,l.T)({message:"Languages",id:"theme.navbar.mobileLanguageDropdown.label",description:"The label for the mobile language switcher dropdown"}):d[i].label;return(0,u.jsx)(fe,{...a,mobile:t,label:(0,u.jsxs)(u.Fragment,{children:[(0,u.jsx)(he,{className:ge}),g]}),items:h})},search:function(e){let{mobile:t,className:n}=e;return t?null:(0,u.jsx)(Le,{className:n,children:(0,u.jsx)(Te,{})})},dropdown:fe,html:function(e){let{value:t,className:n,mobile:r=!1,isDropdownItem:a=!1}=e;const i=a?"li":"div";return(0,u.jsx)(i,{className:(0,o.A)({navbar__item:!r&&!a,"menu__list-item":r},n),dangerouslySetInnerHTML:{__html:t}})},doc:function(e){let{docId:t,label:n,docsPluginId:r,...o}=e;const{activeDoc:a}=(0,Ie.zK)(r),i=(0,Ne.QB)(t,r),s=a?.path===i?.path;return null===i||i.unlisted&&!s?null:(0,u.jsx)(ae,{exact:!0,...o,isActive:()=>s||!!a?.sidebar&&a.sidebar===i.sidebar,label:n??i.id,to:i.path})},docSidebar:function(e){let{sidebarId:t,label:n,docsPluginId:r,...o}=e;const{activeDoc:a}=(0,Ie.zK)(r),i=(0,Ne.fW)(t,r).link;if(!i)throw new Error(`DocSidebarNavbarItem: Sidebar with ID "${t}" doesn't have anything to be linked to.`);return(0,u.jsx)(ae,{exact:!0,...o,isActive:()=>a?.sidebar===t,label:n??i.label,to:i.path})},docsVersion:function(e){let{label:t,to:n,docsPluginId:r,...o}=e;const a=(0,Ne.Vd)(r)[0],i=t??a.label,s=n??(e=>e.docs.find((t=>t.id===e.mainDocId)))(a).path;return(0,u.jsx)(ae,{...o,label:i,to:s})},docsVersionDropdown:function(e){let{mobile:t,docsPluginId:n,dropdownActiveClassDisabled:r,dropdownItemsBefore:o,dropdownItemsAfter:a,...i}=e;const{search:c,hash:d}=(0,s.zy)(),p=(0,Ie.zK)(n),f=(0,Ie.jh)(n),{savePreferredVersionName:m}=(0,Re.g1)(n),h=[...o,...f.map((function(e){const t=De(e,p);return{label:e.label,to:`${t.path}${c}${d}`,isActive:()=>e===p.activeVersion,onClick:()=>m(e.name)}})),...a],g=(0,Ne.Vd)(n)[0],b=t&&h.length>1?(0,l.T)({id:"theme.navbar.mobileVersionsDropdown.label",message:"Versions",description:"The label for the navbar versions dropdown on mobile view"}):g.label,y=t&&h.length>1?void 0:De(g,p).path;return h.length<=1?(0,u.jsx)(ae,{...i,mobile:t,label:b,to:y,isActive:r?()=>!1:void 0}):(0,u.jsx)(fe,{...i,mobile:t,label:b,to:y,items:h,isActive:r?()=>!1:void 0})}};function Fe(e){let{type:t,...n}=e;const r=function(e,t){return e&&"default"!==e?e:"items"in t?"dropdown":"default"}(t,n),o=Me[r];if(!o)throw new Error(`No NavbarItem component found for type "${t}".`);return(0,u.jsx)(o,{...n})}function ze(){const e=(0,A.M)(),t=(0,w.p)().navbar.items;return(0,u.jsx)("ul",{className:"menu__list",children:t.map(((t,n)=>(0,r.createElement)(Fe,{mobile:!0,...t,onClick:()=>e.toggle(),key:n})))})}function Be(e){return(0,u.jsx)("button",{...e,type:"button",className:"clean-btn navbar-sidebar__back",children:(0,u.jsx)(l.A,{id:"theme.navbar.mobileSidebarSecondaryMenu.backButtonLabel",description:"The label of the back button to return to main menu, inside the mobile navbar sidebar secondary menu (notably used to display the docs sidebar)",children:"\u2190 Back to main menu"})})}function Ue(){const e=0===(0,w.p)().navbar.items.length,t=D();return(0,u.jsxs)(u.Fragment,{children:[!e&&(0,u.jsx)(Be,{onClick:()=>t.hide()}),t.content]})}function qe(){const e=(0,A.M)();var t;return void 0===(t=e.shown)&&(t=!0),(0,r.useEffect)((()=>(document.body.style.overflow=t?"hidden":"visible",()=>{document.body.style.overflow="visible"})),[t]),e.shouldRender?(0,u.jsx)(M,{header:(0,u.jsx)(Y,{}),primaryMenu:(0,u.jsx)(ze,{}),secondaryMenu:(0,u.jsx)(Ue,{})}):null}const $e={navbarHideable:"navbarHideable_v02o",navbarHidden:"navbarHidden_YVDo"};function He(e){return(0,u.jsx)("div",{role:"presentation",...e,className:(0,o.A)("navbar-sidebar__backdrop",e.className)})}function Ve(e){let{children:t}=e;const{navbar:{hideOnScroll:n,style:a}}=(0,w.p)(),i=(0,A.M)(),{navbarRef:s,isNavbarVisible:d}=function(e){const[t,n]=(0,r.useState)(e),o=(0,r.useRef)(!1),a=(0,r.useRef)(0),i=(0,r.useCallback)((e=>{null!==e&&(a.current=e.getBoundingClientRect().height)}),[]);return(0,T.Mq)(((t,r)=>{let{scrollY:i}=t;if(!e)return;if(i<a.current)return void n(!0);if(o.current)return void(o.current=!1);const s=r?.scrollY,l=document.documentElement.scrollHeight-a.current,c=window.innerHeight;s&&i>=s?n(!1):i+c<l&&n(!0)})),(0,c.$)((t=>{if(!e)return;const r=t.location.hash;if(r?document.getElementById(r.substring(1)):void 0)return o.current=!0,void n(!1);n(!0)})),{navbarRef:i,isNavbarVisible:t}}(n);return(0,u.jsxs)("nav",{ref:s,"aria-label":(0,l.T)({id:"theme.NavBar.navAriaLabel",message:"Main",description:"The ARIA label for the main navigation"}),className:(0,o.A)("navbar","navbar--fixed-top",n&&[$e.navbarHideable,!d&&$e.navbarHidden],{"navbar--dark":"dark"===a,"navbar--primary":"primary"===a,"navbar-sidebar--show":i.shown}),children:[t,(0,u.jsx)(He,{onClick:i.toggle}),(0,u.jsx)(qe,{})]})}var Ge=n(3509);const We={errorBoundaryError:"errorBoundaryError_t0Si",errorBoundaryFallback:"errorBoundaryFallback_rqmh"};function Ke(e){return(0,u.jsx)("button",{type:"button",...e,children:(0,u.jsx)(l.A,{id:"theme.ErrorPageContent.tryAgain",description:"The label of the button to try again rendering when the React error boundary captures an error",children:"Try again"})})}function Qe(e){let{error:t}=e;const n=(0,Ge.rA)(t).map((e=>e.message)).join("\n\nCause:\n");return(0,u.jsx)("p",{className:We.errorBoundaryError,children:n})}class Ye extends r.Component{componentDidCatch(e,t){throw this.props.onError(e,t)}render(){return this.props.children}}const Ze="right";function Je(e){let{width:t=30,height:n=30,className:r,...o}=e;return(0,u.jsx)("svg",{className:r,width:t,height:n,viewBox:"0 0 30 30","aria-hidden":"true",...o,children:(0,u.jsx)("path",{stroke:"currentColor",strokeLinecap:"round",strokeMiterlimit:"10",strokeWidth:"2",d:"M4 7h22M4 15h22M4 23h22"})})}function Xe(){const{toggle:e,shown:t}=(0,A.M)();return(0,u.jsx)("button",{onClick:e,"aria-label":(0,l.T)({id:"theme.docs.sidebar.toggleSidebarButtonAriaLabel",message:"Toggle navigation bar",description:"The ARIA label for hamburger menu button of mobile navigation"}),"aria-expanded":t,className:"navbar__toggle clean-btn",type:"button",children:(0,u.jsx)(Je,{})})}const et={colorModeToggle:"colorModeToggle_G2yU"};function tt(e){let{items:t}=e;return(0,u.jsx)(u.Fragment,{children:t.map(((e,t)=>(0,u.jsx)(Ye,{onError:t=>new Error(`A theme navbar item failed to render.\nPlease double-check the following navbar item (themeConfig.navbar.items) of your Docusaurus config:\n${JSON.stringify(e,null,2)}`,{cause:t}),children:(0,u.jsx)(Fe,{...e})},t)))})}function nt(e){let{left:t,right:n}=e;return(0,u.jsxs)("div",{className:"navbar__inner",children:[(0,u.jsx)("div",{className:"navbar__items",children:t}),(0,u.jsx)("div",{className:"navbar__items navbar__items--right",children:n})]})}function rt(){const e=(0,A.M)(),t=(0,w.p)().navbar.items,[n,r]=function(e){function t(e){return"left"===(e.position??Ze)}return[e.filter(t),e.filter((e=>!t(e)))]}(t),o=t.find((e=>"search"===e.type));return(0,u.jsx)(nt,{left:(0,u.jsxs)(u.Fragment,{children:[!e.disabled&&(0,u.jsx)(Xe,{}),(0,u.jsx)(K,{}),(0,u.jsx)(tt,{items:n})]}),right:(0,u.jsxs)(u.Fragment,{children:[(0,u.jsx)(tt,{items:r}),(0,u.jsx)(G,{className:et.colorModeToggle}),!o&&(0,u.jsx)(Le,{children:(0,u.jsx)(Te,{})})]})})}function ot(){return(0,u.jsx)(Ve,{children:(0,u.jsx)(rt,{})})}function at(e){let{item:t}=e;const{to:n,href:r,label:o,prependBaseUrlToHref:a,...i}=t,s=(0,J.Ay)(n),l=(0,J.Ay)(r,{forcePrependBaseUrl:!0});return(0,u.jsxs)(Z.A,{className:"footer__link-item",...r?{href:a?l:r}:{to:s},...i,children:[o,r&&!(0,X.A)(r)&&(0,u.jsx)(te.A,{})]})}function it(e){let{item:t}=e;return t.html?(0,u.jsx)("li",{className:"footer__item",dangerouslySetInnerHTML:{__html:t.html}}):(0,u.jsx)("li",{className:"footer__item",children:(0,u.jsx)(at,{item:t})},t.href??t.to)}function st(e){let{column:t}=e;return(0,u.jsxs)("div",{className:"col footer__col",children:[(0,u.jsx)("div",{className:"footer__title",children:t.title}),(0,u.jsx)("ul",{className:"footer__items clean-list",children:t.items.map(((e,t)=>(0,u.jsx)(it,{item:e},t)))})]})}function lt(e){let{columns:t}=e;return(0,u.jsx)("div",{className:"row footer__links",children:t.map(((e,t)=>(0,u.jsx)(st,{column:e},t)))})}function ct(){return(0,u.jsx)("span",{className:"footer__link-separator",children:"\xb7"})}function ut(e){let{item:t}=e;return t.html?(0,u.jsx)("span",{className:"footer__link-item",dangerouslySetInnerHTML:{__html:t.html}}):(0,u.jsx)(at,{item:t})}function dt(e){let{links:t}=e;return(0,u.jsx)("div",{className:"footer__links text--center",children:(0,u.jsx)("div",{className:"footer__links",children:t.map(((e,n)=>(0,u.jsxs)(r.Fragment,{children:[(0,u.jsx)(ut,{item:e}),t.length!==n+1&&(0,u.jsx)(ct,{})]},n)))})})}function pt(e){let{links:t}=e;return function(e){return"title"in e[0]}(t)?(0,u.jsx)(lt,{columns:t}):(0,u.jsx)(dt,{links:t})}var ft=n(6012);const mt={footerLogoLink:"footerLogoLink_HxP9"};function ht(e){let{logo:t}=e;const{withBaseUrl:n}=(0,J.hH)(),r={light:n(t.src),dark:n(t.srcDark??t.src)};return(0,u.jsx)(ft.A,{className:(0,o.A)("footer__logo",t.className),alt:t.alt,sources:r,width:t.width,height:t.height,style:t.style})}function gt(e){let{logo:t}=e;return t.href?(0,u.jsx)(Z.A,{href:t.href,className:mt.footerLogoLink,target:t.target,children:(0,u.jsx)(ht,{logo:t})}):(0,u.jsx)(ht,{logo:t})}function bt(e){let{copyright:t}=e;return(0,u.jsx)("div",{className:"footer__copyright",dangerouslySetInnerHTML:{__html:t}})}function yt(e){let{style:t,links:n,logo:r,copyright:a}=e;return(0,u.jsx)("footer",{className:(0,o.A)("footer",{"footer--dark":"dark"===t}),children:(0,u.jsxs)("div",{className:"container container-fluid",children:[n,(r||a)&&(0,u.jsxs)("div",{className:"footer__bottom text--center",children:[r&&(0,u.jsx)("div",{className:"margin-bottom--sm",children:r}),a]})]})})}function vt(){const{footer:e}=(0,w.p)();if(!e)return null;const{copyright:t,links:n,logo:r,style:o}=e;return(0,u.jsx)(yt,{style:o,links:n&&n.length>0&&(0,u.jsx)(pt,{links:n}),logo:r&&(0,u.jsx)(gt,{logo:r}),copyright:t&&(0,u.jsx)(bt,{copyright:t})})}const wt=r.memo(vt),kt=(0,P.fM)([F.a,k.o,T.Tv,Re.VQ,i.Jx,function(e){let{children:t}=e;return(0,u.jsx)(L.y_,{children:(0,u.jsx)(A.e,{children:(0,u.jsx)(N,{children:t})})})}]);function St(e){let{children:t}=e;return(0,u.jsx)(kt,{children:t})}var xt=n(1507);function Et(e){let{error:t,tryAgain:n}=e;return(0,u.jsx)("main",{className:"container margin-vert--xl",children:(0,u.jsx)("div",{className:"row",children:(0,u.jsxs)("div",{className:"col col--6 col--offset-3",children:[(0,u.jsx)(xt.A,{as:"h1",className:"hero__title",children:(0,u.jsx)(l.A,{id:"theme.ErrorPageContent.title",description:"The title of the fallback page when the page crashed",children:"This page crashed."})}),(0,u.jsx)("div",{className:"margin-vert--lg",children:(0,u.jsx)(Ke,{onClick:n,className:"button button--primary shadow--lw"})}),(0,u.jsx)("hr",{}),(0,u.jsx)("div",{className:"margin-vert--md",children:(0,u.jsx)(Qe,{error:t})})]})})})}const _t={mainWrapper:"mainWrapper_ZPwK"};function Ct(e){const{children:t,noFooter:n,wrapperClassName:r,title:s,description:l}=e;return(0,b.J)(),(0,u.jsxs)(St,{children:[(0,u.jsx)(i.be,{title:s,description:l}),(0,u.jsx)(v,{}),(0,u.jsx)(O,{}),(0,u.jsx)(ot,{}),(0,u.jsx)("div",{id:d,className:(0,o.A)(g.G.wrapper.main,_t.mainWrapper,r),children:(0,u.jsx)(a.A,{fallback:e=>(0,u.jsx)(Et,{...e}),children:t})}),!n&&(0,u.jsx)(wt,{})]})}},7007:(e,t,n)=>{"use strict";n.d(t,{A:()=>u});n(758);var r=n(6783),o=n(5252),a=n(9143),i=n(316),s=n(6012),l=n(6070);function c(e){let{logo:t,alt:n,imageClassName:r}=e;const a={light:(0,o.Ay)(t.src),dark:(0,o.Ay)(t.srcDark||t.src)},i=(0,l.jsx)(s.A,{className:t.className,sources:a,height:t.height,width:t.width,alt:n,style:t.style});return r?(0,l.jsx)("div",{className:r,children:i}):i}function u(e){const{siteConfig:{title:t}}=(0,a.A)(),{navbar:{title:n,logo:s}}=(0,i.p)(),{imageClassName:u,titleClassName:d,...p}=e,f=(0,o.Ay)(s?.href||"/"),m=n?"":t,h=s?.alt??m;return(0,l.jsxs)(r.A,{to:f,...p,...s?.target&&{target:s.target},children:[s&&(0,l.jsx)(c,{logo:s,alt:h,imageClassName:u}),null!=n&&(0,l.jsx)("b",{className:d,children:n})]})}},1701:(e,t,n)=>{"use strict";n.d(t,{A:()=>a});n(758);var r=n(2293),o=n(6070);function a(e){let{locale:t,version:n,tag:a}=e;const i=t;return(0,o.jsxs)(r.A,{children:[t&&(0,o.jsx)("meta",{name:"docusaurus_locale",content:t}),n&&(0,o.jsx)("meta",{name:"docusaurus_version",content:n}),a&&(0,o.jsx)("meta",{name:"docusaurus_tag",content:a}),i&&(0,o.jsx)("meta",{name:"docsearch:language",content:i}),n&&(0,o.jsx)("meta",{name:"docsearch:version",content:n}),a&&(0,o.jsx)("meta",{name:"docsearch:docusaurus_tag",content:a})]})}},6012:(e,t,n)=>{"use strict";n.d(t,{A:()=>u});var r=n(758),o=n(3526),a=n(2630),i=n(9731);const s={themedComponent:"themedComponent_v9BS","themedComponent--light":"themedComponent--light_bfJ3","themedComponent--dark":"themedComponent--dark_BRRK"};var l=n(6070);function c(e){let{className:t,children:n}=e;const c=(0,a.A)(),{colorMode:u}=(0,i.G)();return(0,l.jsx)(l.Fragment,{children:(c?"dark"===u?["dark"]:["light"]:["light","dark"]).map((e=>{const a=n({theme:e,className:(0,o.A)(t,s.themedComponent,s[`themedComponent--${e}`])});return(0,l.jsx)(r.Fragment,{children:a},e)}))})}function u(e){const{sources:t,className:n,alt:r,...o}=e;return(0,l.jsx)(c,{className:n,children:e=>{let{theme:n,className:a}=e;return(0,l.jsx)("img",{src:t[n],alt:r,className:a,...o})}})}},7064:(e,t,n)=>{"use strict";n.d(t,{N:()=>b,u:()=>c});var r=n(758),o=n(3088),a=n(8302),i=n(9963),s=n(6070);const l="ease-in-out";function c(e){let{initialState:t}=e;const[n,o]=(0,r.useState)(t??!1),a=(0,r.useCallback)((()=>{o((e=>!e))}),[]);return{collapsed:n,setCollapsed:o,toggleCollapsed:a}}const u={display:"none",overflow:"hidden",height:"0px"},d={display:"block",overflow:"visible",height:"auto"};function p(e,t){const n=t?u:d;e.style.display=n.display,e.style.overflow=n.overflow,e.style.height=n.height}function f(e){let{collapsibleRef:t,collapsed:n,animation:o}=e;const a=(0,r.useRef)(!1);(0,r.useEffect)((()=>{const e=t.current;function r(){const t=e.scrollHeight,n=o?.duration??function(e){if((0,i.O)())return 1;const t=e/36;return Math.round(10*(4+15*t**.25+t/5))}(t);return{transition:`height ${n}ms ${o?.easing??l}`,height:`${t}px`}}function s(){const t=r();e.style.transition=t.transition,e.style.height=t.height}if(!a.current)return p(e,n),void(a.current=!0);return e.style.willChange="height",function(){const t=requestAnimationFrame((()=>{n?(s(),requestAnimationFrame((()=>{e.style.height=u.height,e.style.overflow=u.overflow}))):(e.style.display="block",requestAnimationFrame((()=>{s()})))}));return()=>cancelAnimationFrame(t)}()}),[t,n,o])}function m(e){if(!o.A.canUseDOM)return e?u:d}function h(e){let{as:t="div",collapsed:n,children:o,animation:a,onCollapseTransitionEnd:i,className:l,disableSSRStyle:c}=e;const u=(0,r.useRef)(null);return f({collapsibleRef:u,collapsed:n,animation:a}),(0,s.jsx)(t,{ref:u,style:c?void 0:m(n),onTransitionEnd:e=>{"height"===e.propertyName&&(p(u.current,n),i?.(n))},className:l,children:o})}function g(e){let{collapsed:t,...n}=e;const[o,i]=(0,r.useState)(!t),[l,c]=(0,r.useState)(t);return(0,a.A)((()=>{t||i(!0)}),[t]),(0,a.A)((()=>{o&&c(t)}),[o,t]),o?(0,s.jsx)(h,{...n,collapsed:l}):null}function b(e){let{lazy:t,...n}=e;const r=t?g:h;return(0,s.jsx)(r,{...n})}},1611:(e,t,n)=>{"use strict";n.d(t,{M:()=>h,o:()=>m});var r=n(758),o=n(2630),a=n(3349),i=n(4902),s=n(316),l=n(6070);const c=(0,a.Wf)("docusaurus.announcement.dismiss"),u=(0,a.Wf)("docusaurus.announcement.id"),d=()=>"true"===c.get(),p=e=>c.set(String(e)),f=r.createContext(null);function m(e){let{children:t}=e;const n=function(){const{announcementBar:e}=(0,s.p)(),t=(0,o.A)(),[n,a]=(0,r.useState)((()=>!!t&&d()));(0,r.useEffect)((()=>{a(d())}),[]);const i=(0,r.useCallback)((()=>{p(!0),a(!0)}),[]);return(0,r.useEffect)((()=>{if(!e)return;const{id:t}=e;let n=u.get();"annoucement-bar"===n&&(n="announcement-bar");const r=t!==n;u.set(t),r&&p(!1),!r&&d()||a(!1)}),[e]),(0,r.useMemo)((()=>({isActive:!!e&&!n,close:i})),[e,n,i])}();return(0,l.jsx)(f.Provider,{value:n,children:t})}function h(){const e=(0,r.useContext)(f);if(!e)throw new i.dV("AnnouncementBarProvider");return e}},9731:(e,t,n)=>{"use strict";n.d(t,{G:()=>b,a:()=>g});var r=n(758),o=n(3088),a=n(4902),i=n(3349),s=n(316),l=n(6070);const c=r.createContext(void 0),u="theme",d=(0,i.Wf)(u),p={light:"light",dark:"dark"},f=e=>e===p.dark?p.dark:p.light,m=e=>o.A.canUseDOM?f(document.documentElement.getAttribute("data-theme")):f(e),h=e=>{d.set(f(e))};function g(e){let{children:t}=e;const n=function(){const{colorMode:{defaultMode:e,disableSwitch:t,respectPrefersColorScheme:n}}=(0,s.p)(),[o,a]=(0,r.useState)(m(e));(0,r.useEffect)((()=>{t&&d.del()}),[t]);const i=(0,r.useCallback)((function(t,r){void 0===r&&(r={});const{persist:o=!0}=r;t?(a(t),o&&h(t)):(a(n?window.matchMedia("(prefers-color-scheme: dark)").matches?p.dark:p.light:e),d.del())}),[n,e]);(0,r.useEffect)((()=>{document.documentElement.setAttribute("data-theme",f(o))}),[o]),(0,r.useEffect)((()=>{if(t)return;const e=e=>{if(e.key!==u)return;const t=d.get();null!==t&&i(f(t))};return window.addEventListener("storage",e),()=>window.removeEventListener("storage",e)}),[t,i]);const l=(0,r.useRef)(!1);return(0,r.useEffect)((()=>{if(t&&!n)return;const e=window.matchMedia("(prefers-color-scheme: dark)"),r=()=>{window.matchMedia("print").matches||l.current?l.current=window.matchMedia("print").matches:i(null)};return e.addListener(r),()=>e.removeListener(r)}),[i,t,n]),(0,r.useMemo)((()=>({colorMode:o,setColorMode:i,get isDarkTheme(){return o===p.dark},setLightTheme(){i(p.light)},setDarkTheme(){i(p.dark)}})),[o,i])}();return(0,l.jsx)(c.Provider,{value:n,children:t})}function b(){const e=(0,r.useContext)(c);if(null==e)throw new a.dV("ColorModeProvider","Please see https://docusaurus.io/docs/api/themes/configuration#use-color-mode.");return e}},1003:(e,t,n)=>{"use strict";n.d(t,{M:()=>f,e:()=>p});var r=n(758),o=n(646),a=n(9207),i=n(3979),s=n(316),l=n(4902),c=n(6070);const u=r.createContext(void 0);function d(){const e=function(){const e=(0,o.YL)(),{items:t}=(0,s.p)().navbar;return 0===t.length&&!e.component}(),t=(0,a.l)(),n=!e&&"mobile"===t,[l,c]=(0,r.useState)(!1);(0,i.$Z)((()=>{if(l)return c(!1),!1}));const u=(0,r.useCallback)((()=>{c((e=>!e))}),[]);return(0,r.useEffect)((()=>{"desktop"===t&&c(!1)}),[t]),(0,r.useMemo)((()=>({disabled:e,shouldRender:n,toggle:u,shown:l})),[e,n,u,l])}function p(e){let{children:t}=e;const n=d();return(0,c.jsx)(u.Provider,{value:n,children:t})}function f(){const e=r.useContext(u);if(void 0===e)throw new l.dV("NavbarMobileSidebarProvider");return e}},646:(e,t,n)=>{"use strict";n.d(t,{GX:()=>c,YL:()=>l,y_:()=>s});var r=n(758),o=n(4902),a=n(6070);const i=r.createContext(null);function s(e){let{children:t}=e;const n=(0,r.useState)({component:null,props:null});return(0,a.jsx)(i.Provider,{value:n,children:t})}function l(){const e=(0,r.useContext)(i);if(!e)throw new o.dV("NavbarSecondaryMenuContentProvider");return e[0]}function c(e){let{component:t,props:n}=e;const a=(0,r.useContext)(i);if(!a)throw new o.dV("NavbarSecondaryMenuContentProvider");const[,s]=a,l=(0,o.Be)(n);return(0,r.useEffect)((()=>{s({component:t,props:l})}),[s,t,l]),(0,r.useEffect)((()=>()=>s({component:null,props:null})),[s]),null}},9782:(e,t,n)=>{"use strict";n.d(t,{w:()=>o,J:()=>a});var r=n(758);const o="navigation-with-keyboard";function a(){(0,r.useEffect)((()=>{function e(e){"keydown"===e.type&&"Tab"===e.key&&document.body.classList.add(o),"mousedown"===e.type&&document.body.classList.remove(o)}return document.addEventListener("keydown",e),document.addEventListener("mousedown",e),()=>{document.body.classList.remove(o),document.removeEventListener("keydown",e),document.removeEventListener("mousedown",e)}}),[])}},8169:(e,t,n)=>{"use strict";n.d(t,{b:()=>s,w:()=>l});var r=n(758),o=n(9143),a=n(3979);const i="q";function s(){return(0,a.l)(i)}function l(){const{siteConfig:{baseUrl:e,themeConfig:t}}=(0,o.A)(),{algolia:{searchPagePath:n}}=t;return(0,r.useCallback)((t=>`${e}${n}?${i}=${encodeURIComponent(t)}`),[e,n])}},9207:(e,t,n)=>{"use strict";n.d(t,{l:()=>s});var r=n(758),o=n(3088);const a={desktop:"desktop",mobile:"mobile",ssr:"ssr"},i=996;function s(e){let{desktopBreakpoint:t=i}=void 0===e?{}:e;const[n,s]=(0,r.useState)((()=>"ssr"));return(0,r.useEffect)((()=>{function e(){s(function(e){if(!o.A.canUseDOM)throw new Error("getWindowSize() should only be called after React hydration");return window.innerWidth>e?a.desktop:a.mobile}(t))}return e(),window.addEventListener("resize",e),()=>{window.removeEventListener("resize",e)}}),[t]),n}},8813:(e,t,n)=>{"use strict";n.d(t,{G:()=>r});const r={page:{blogListPage:"blog-list-page",blogPostPage:"blog-post-page",blogTagsListPage:"blog-tags-list-page",blogTagPostListPage:"blog-tags-post-list-page",blogAuthorsListPage:"blog-authors-list-page",blogAuthorsPostsPage:"blog-authors-posts-page",docsDocPage:"docs-doc-page",docsTagsListPage:"docs-tags-list-page",docsTagDocListPage:"docs-tags-doc-list-page",mdxPage:"mdx-page"},wrapper:{main:"main-wrapper",blogPages:"blog-wrapper",docsPages:"docs-wrapper",mdxPages:"mdx-wrapper"},common:{editThisPage:"theme-edit-this-page",lastUpdated:"theme-last-updated",backToTopButton:"theme-back-to-top-button",codeBlock:"theme-code-block",admonition:"theme-admonition",unlistedBanner:"theme-unlisted-banner",draftBanner:"theme-draft-banner",admonitionType:e=>`theme-admonition-${e}`},layout:{},docs:{docVersionBanner:"theme-doc-version-banner",docVersionBadge:"theme-doc-version-badge",docBreadcrumbs:"theme-doc-breadcrumbs",docMarkdown:"theme-doc-markdown",docTocMobile:"theme-doc-toc-mobile",docTocDesktop:"theme-doc-toc-desktop",docFooter:"theme-doc-footer",docFooterTagsRow:"theme-doc-footer-tags-row",docFooterEditMetaRow:"theme-doc-footer-edit-meta-row",docSidebarContainer:"theme-doc-sidebar-container",docSidebarMenu:"theme-doc-sidebar-menu",docSidebarItemCategory:"theme-doc-sidebar-item-category",docSidebarItemLink:"theme-doc-sidebar-item-link",docSidebarItemCategoryLevel:e=>`theme-doc-sidebar-item-category-level-${e}`,docSidebarItemLinkLevel:e=>`theme-doc-sidebar-item-link-level-${e}`},blog:{blogFooterTagsRow:"theme-blog-footer-tags-row",blogFooterEditMetaRow:"theme-blog-footer-edit-meta-row"},pages:{pageFooterEditMetaRow:"theme-pages-footer-edit-meta-row"}}},9963:(e,t,n)=>{"use strict";function r(){return window.matchMedia("(prefers-reduced-motion: reduce)").matches}n.d(t,{O:()=>r})},7743:(e,t,n)=>{"use strict";n.d(t,{s:()=>o});var r=n(9143);function o(e){const{siteConfig:t}=(0,r.A)(),{title:n,titleDelimiter:o}=t;return e?.trim().length?`${e.trim()} ${o} ${n}`:n}},3979:(e,t,n)=>{"use strict";n.d(t,{$Z:()=>i,l:()=>l});var r=n(758),o=n(5557),a=n(4902);function i(e){!function(e){const t=(0,o.W6)(),n=(0,a._q)(e);(0,r.useEffect)((()=>t.block(((e,t)=>n(e,t)))),[t,n])}(((t,n)=>{if("POP"===n)return e(t,n)}))}function s(e){const t=(0,o.W6)();return(0,r.useSyncExternalStore)(t.listen,(()=>e(t)),(()=>e(t)))}function l(e){const t=function(e){return s((t=>null===e?null:new URLSearchParams(t.location.search).get(e)))}(e)??"",n=function(e){const t=(0,o.W6)();return(0,r.useCallback)(((n,r)=>{const o=new URLSearchParams(t.location.search);n?o.set(e,n):o.delete(e),(r?.push?t.push:t.replace)({search:o.toString()})}),[e,t])}(e);return[t,n]}},2632:(e,t,n)=>{"use strict";function r(e){return Array.from(new Set(e))}function o(e,t){const n={};let r=0;for(const o of e){const e=t(o,r);n[e]??=[],n[e].push(o),r+=1}return n}n.d(t,{$z:()=>o,sb:()=>r})},898:(e,t,n)=>{"use strict";n.d(t,{Jx:()=>f,be:()=>u,e3:()=>p});var r=n(758),o=n(3526),a=n(2293),i=n(3112),s=n(5252),l=n(7743),c=n(6070);function u(e){let{title:t,description:n,keywords:r,image:o,children:i}=e;const u=(0,l.s)(t),{withBaseUrl:d}=(0,s.hH)(),p=o?d(o,{absolute:!0}):void 0;return(0,c.jsxs)(a.A,{children:[t&&(0,c.jsx)("title",{children:u}),t&&(0,c.jsx)("meta",{property:"og:title",content:u}),n&&(0,c.jsx)("meta",{name:"description",content:n}),n&&(0,c.jsx)("meta",{property:"og:description",content:n}),r&&(0,c.jsx)("meta",{name:"keywords",content:Array.isArray(r)?r.join(","):r}),p&&(0,c.jsx)("meta",{property:"og:image",content:p}),p&&(0,c.jsx)("meta",{name:"twitter:image",content:p}),i]})}const d=r.createContext(void 0);function p(e){let{className:t,children:n}=e;const i=r.useContext(d),s=(0,o.A)(i,t);return(0,c.jsxs)(d.Provider,{value:s,children:[(0,c.jsx)(a.A,{children:(0,c.jsx)("html",{className:s})}),n]})}function f(e){let{children:t}=e;const n=(0,i.A)(),r=`plugin-${n.plugin.name.replace(/docusaurus-(?:plugin|theme)-(?:content-)?/gi,"")}`;const a=`plugin-id-${n.plugin.id}`;return(0,c.jsx)(p,{className:(0,o.A)(r,a),children:t})}},4902:(e,t,n)=>{"use strict";n.d(t,{Be:()=>c,ZC:()=>s,_q:()=>i,dV:()=>l,fM:()=>u});var r=n(758),o=n(8302),a=n(6070);function i(e){const t=(0,r.useRef)(e);return(0,o.A)((()=>{t.current=e}),[e]),(0,r.useCallback)((function(){return t.current(...arguments)}),[])}function s(e){const t=(0,r.useRef)();return(0,o.A)((()=>{t.current=e})),t.current}class l extends Error{constructor(e,t){super(),this.name="ReactContextError",this.message=`Hook ${this.stack?.split("\n")[1]?.match(/at (?:\w+\.)?(?<name>\w+)/)?.groups.name??""} is called outside the <${e}>. ${t??""}`}}function c(e){const t=Object.entries(e);return t.sort(((e,t)=>e[0].localeCompare(t[0]))),(0,r.useMemo)((()=>e),t.flat())}function u(e){return t=>{let{children:n}=t;return(0,a.jsx)(a.Fragment,{children:e.reduceRight(((e,t)=>(0,a.jsx)(t,{children:e})),n)})}}},5130:(e,t,n)=>{"use strict";function r(e,t){return void 0!==e&&void 0!==t&&new RegExp(e,"gi").test(t)}n.d(t,{G:()=>r})},5763:(e,t,n)=>{"use strict";n.d(t,{Dt:()=>s,ys:()=>i});var r=n(758),o=n(1377),a=n(9143);function i(e,t){const n=e=>(!e||e.endsWith("/")?e:`${e}/`)?.toLowerCase();return n(e)===n(t)}function s(){const{baseUrl:e}=(0,a.A)().siteConfig;return(0,r.useMemo)((()=>function(e){let{baseUrl:t,routes:n}=e;function r(e){return e.path===t&&!0===e.exact}function o(e){return e.path===t&&!e.exact}return function e(t){if(0===t.length)return;return t.find(r)||e(t.filter(o).flatMap((e=>e.routes??[])))}(n)}({routes:o.A,baseUrl:e})),[e])}},9030:(e,t,n)=>{"use strict";n.d(t,{Mq:()=>p,Tv:()=>c,gk:()=>f});var r=n(758),o=n(3088),a=n(2630),i=(n(8302),n(4902)),s=n(6070);const l=r.createContext(void 0);function c(e){let{children:t}=e;const n=function(){const e=(0,r.useRef)(!0);return(0,r.useMemo)((()=>({scrollEventsEnabledRef:e,enableScrollEvents:()=>{e.current=!0},disableScrollEvents:()=>{e.current=!1}})),[])}();return(0,s.jsx)(l.Provider,{value:n,children:t})}function u(){const e=(0,r.useContext)(l);if(null==e)throw new i.dV("ScrollControllerProvider");return e}const d=()=>o.A.canUseDOM?{scrollX:window.pageXOffset,scrollY:window.pageYOffset}:null;function p(e,t){void 0===t&&(t=[]);const{scrollEventsEnabledRef:n}=u(),o=(0,r.useRef)(d()),a=(0,i._q)(e);(0,r.useEffect)((()=>{const e=()=>{if(!n.current)return;const e=d();a(e,o.current),o.current=e},t={passive:!0};return e(),window.addEventListener("scroll",e,t),()=>window.removeEventListener("scroll",e,t)}),[a,n,...t])}function f(){const e=(0,r.useRef)(null),t=(0,a.A)()&&"smooth"===getComputedStyle(document.documentElement).scrollBehavior;return{startScroll:n=>{e.current=t?function(e){return window.scrollTo({top:e,behavior:"smooth"}),()=>{}}(n):function(e){let t=null;const n=document.documentElement.scrollTop>e;return function r(){const o=document.documentElement.scrollTop;(n&&o>e||!n&&o<e)&&(t=requestAnimationFrame(r),window.scrollTo(0,Math.floor(.85*(o-e))+e))}(),()=>t&&cancelAnimationFrame(t)}(n)},cancelScroll:()=>e.current?.()}}},4937:(e,t,n)=>{"use strict";n.d(t,{C:()=>r});const r="default"},3349:(e,t,n)=>{"use strict";n.d(t,{Wf:()=>c});n(758);const r=JSON.parse('{"N":"localStorage","M":""}'),o=r.N;function a(e){let{key:t,oldValue:n,newValue:r,storage:o}=e;if(n===r)return;const a=document.createEvent("StorageEvent");a.initStorageEvent("storage",!1,!1,t,n,r,window.location.href,o),window.dispatchEvent(a)}function i(e){if(void 0===e&&(e=o),"undefined"==typeof window)throw new Error("Browser storage is not available on Node.js/Docusaurus SSR process.");if("none"===e)return null;try{return window[e]}catch(n){return t=n,s||(console.warn("Docusaurus browser storage is not available.\nPossible reasons: running Docusaurus in an iframe, in an incognito browser session, or using too strict browser privacy settings.",t),s=!0),null}var t}let s=!1;const l={get:()=>null,set:()=>{},del:()=>{},listen:()=>()=>{}};function c(e,t){const n=`${e}${r.M}`;if("undefined"==typeof window)return function(e){function t(){throw new Error(`Illegal storage API usage for storage key "${e}".\nDocusaurus storage APIs are not supposed to be called on the server-rendering process.\nPlease only call storage APIs in effects and event handlers.`)}return{get:t,set:t,del:t,listen:t}}(n);const o=i(t?.persistence);return null===o?l:{get:()=>{try{return o.getItem(n)}catch(e){return console.error(`Docusaurus storage error, can't get key=${n}`,e),null}},set:e=>{try{const t=o.getItem(n);o.setItem(n,e),a({key:n,oldValue:t,newValue:e,storage:o})}catch(t){console.error(`Docusaurus storage error, can't set ${n}=${e}`,t)}},del:()=>{try{const e=o.getItem(n);o.removeItem(n),a({key:n,oldValue:e,newValue:null,storage:o})}catch(e){console.error(`Docusaurus storage error, can't delete key=${n}`,e)}},listen:e=>{try{const t=t=>{t.storageArea===o&&t.key===n&&e(t)};return window.addEventListener("storage",t),()=>window.removeEventListener("storage",t)}catch(t){return console.error(`Docusaurus storage error, can't listen for changes of key=${n}`,t),()=>{}}}}}},1529:(e,t,n)=>{"use strict";n.d(t,{o:()=>i});var r=n(9143),o=n(5557),a=n(3509);function i(){const{siteConfig:{baseUrl:e,url:t,trailingSlash:n},i18n:{defaultLocale:i,currentLocale:s}}=(0,r.A)(),{pathname:l}=(0,o.zy)(),c=(0,a.Ks)(l,{trailingSlash:n,baseUrl:e}),u=s===i?e:e.replace(`/${s}/`,"/"),d=c.replace(e,"");return{createUrl:function(e){let{locale:n,fullyQualified:r}=e;return`${r?t:""}${function(e){return e===i?`${u}`:`${u}${e}/`}(n)}${d}`}}}},2360:(e,t,n)=>{"use strict";n.d(t,{$:()=>i});var r=n(758),o=n(5557),a=n(4902);function i(e){const t=(0,o.zy)(),n=(0,a.ZC)(t),i=(0,a._q)(e);(0,r.useEffect)((()=>{n&&t!==n&&i({location:t,previousLocation:n})}),[i,t,n])}},316:(e,t,n)=>{"use strict";n.d(t,{p:()=>o});var r=n(9143);function o(){return(0,r.A)().siteConfig.themeConfig}},7e3:(e,t,n)=>{"use strict";n.d(t,{c:()=>o});var r=n(9143);function o(){const{siteConfig:{themeConfig:e}}=(0,r.A)();return e}},1152:(e,t,n)=>{"use strict";n.d(t,{C:()=>s});var r=n(758),o=n(5130),a=n(5252),i=n(7e3);function s(){const{withBaseUrl:e}=(0,a.hH)(),{algolia:{externalUrlRegex:t,replaceSearchResultPathname:n}}=(0,i.c)();return(0,r.useCallback)((r=>{const a=new URL(r);if((0,o.G)(t,a.href))return r;const i=`${a.pathname+a.hash}`;return e(function(e,t){return t?e.replaceAll(new RegExp(t.from,"g"),t.to):e}(i,n))}),[e,t,n])}},1640:(e,t,n)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.addTrailingSlash=o,t.default=function(e,t){const{trailingSlash:n,baseUrl:r}=t;if(e.startsWith("#"))return e;if(void 0===n)return e;const[i]=e.split(/[#?]/),s="/"===i||i===r?i:(l=i,c=n,c?o(l):a(l));var l,c;return e.replace(i,s)},t.addLeadingSlash=function(e){return(0,r.addPrefix)(e,"/")},t.removeTrailingSlash=a;const r=n(239);function o(e){return e.endsWith("/")?e:`${e}/`}function a(e){return(0,r.removeSuffix)(e,"/")}},4814:(e,t)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.getErrorCausalChain=function e(t){if(t.cause)return[t,...e(t.cause)];return[t]}},3509:(e,t,n)=>{"use strict";t.rA=t.Ks=t.LU=void 0;const r=n(3422);t.LU="__blog-post-container";var o=n(1640);Object.defineProperty(t,"Ks",{enumerable:!0,get:function(){return r.__importDefault(o).default}});var a=n(239);var i=n(4814);Object.defineProperty(t,"rA",{enumerable:!0,get:function(){return i.getErrorCausalChain}})},239:(e,t)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.addPrefix=function(e,t){return e.startsWith(t)?e:`${t}${e}`},t.removeSuffix=function(e,t){if(""===t)return e;return e.endsWith(t)?e.slice(0,-t.length):e},t.addSuffix=function(e,t){return e.endsWith(t)?e:`${e}${t}`},t.removePrefix=function(e,t){return e.startsWith(t)?e.slice(t.length):e}},3332:(e,t,n)=>{"use strict";n.d(t,{zR:()=>w,TM:()=>C,yJ:()=>f,sC:()=>O,AO:()=>p});var r=n(991);function o(e){return"/"===e.charAt(0)}function a(e,t){for(var n=t,r=n+1,o=e.length;r<o;n+=1,r+=1)e[n]=e[r];e.pop()}const i=function(e,t){void 0===t&&(t="");var n,r=e&&e.split("/")||[],i=t&&t.split("/")||[],s=e&&o(e),l=t&&o(t),c=s||l;if(e&&o(e)?i=r:r.length&&(i.pop(),i=i.concat(r)),!i.length)return"/";if(i.length){var u=i[i.length-1];n="."===u||".."===u||""===u}else n=!1;for(var d=0,p=i.length;p>=0;p--){var f=i[p];"."===f?a(i,p):".."===f?(a(i,p),d++):d&&(a(i,p),d--)}if(!c)for(;d--;d)i.unshift("..");!c||""===i[0]||i[0]&&o(i[0])||i.unshift("");var m=i.join("/");return n&&"/"!==m.substr(-1)&&(m+="/"),m};var s=n(5385);function l(e){return"/"===e.charAt(0)?e:"/"+e}function c(e){return"/"===e.charAt(0)?e.substr(1):e}function u(e,t){return function(e,t){return 0===e.toLowerCase().indexOf(t.toLowerCase())&&-1!=="/?#".indexOf(e.charAt(t.length))}(e,t)?e.substr(t.length):e}function d(e){return"/"===e.charAt(e.length-1)?e.slice(0,-1):e}function p(e){var t=e.pathname,n=e.search,r=e.hash,o=t||"/";return n&&"?"!==n&&(o+="?"===n.charAt(0)?n:"?"+n),r&&"#"!==r&&(o+="#"===r.charAt(0)?r:"#"+r),o}function f(e,t,n,o){var a;"string"==typeof e?(a=function(e){var t=e||"/",n="",r="",o=t.indexOf("#");-1!==o&&(r=t.substr(o),t=t.substr(0,o));var a=t.indexOf("?");return-1!==a&&(n=t.substr(a),t=t.substr(0,a)),{pathname:t,search:"?"===n?"":n,hash:"#"===r?"":r}}(e),a.state=t):(void 0===(a=(0,r.A)({},e)).pathname&&(a.pathname=""),a.search?"?"!==a.search.charAt(0)&&(a.search="?"+a.search):a.search="",a.hash?"#"!==a.hash.charAt(0)&&(a.hash="#"+a.hash):a.hash="",void 0!==t&&void 0===a.state&&(a.state=t));try{a.pathname=decodeURI(a.pathname)}catch(s){throw s instanceof URIError?new URIError('Pathname "'+a.pathname+'" could not be decoded. This is likely caused by an invalid percent-encoding.'):s}return n&&(a.key=n),o?a.pathname?"/"!==a.pathname.charAt(0)&&(a.pathname=i(a.pathname,o.pathname)):a.pathname=o.pathname:a.pathname||(a.pathname="/"),a}function m(){var e=null;var t=[];return{setPrompt:function(t){return e=t,function(){e===t&&(e=null)}},confirmTransitionTo:function(t,n,r,o){if(null!=e){var a="function"==typeof e?e(t,n):e;"string"==typeof a?"function"==typeof r?r(a,o):o(!0):o(!1!==a)}else o(!0)},appendListener:function(e){var n=!0;function r(){n&&e.apply(void 0,arguments)}return t.push(r),function(){n=!1,t=t.filter((function(e){return e!==r}))}},notifyListeners:function(){for(var e=arguments.length,n=new Array(e),r=0;r<e;r++)n[r]=arguments[r];t.forEach((function(e){return e.apply(void 0,n)}))}}}var h=!("undefined"==typeof window||!window.document||!window.document.createElement);function g(e,t){t(window.confirm(e))}var b="popstate",y="hashchange";function v(){try{return window.history.state||{}}catch(e){return{}}}function w(e){void 0===e&&(e={}),h||(0,s.A)(!1);var t,n=window.history,o=(-1===(t=window.navigator.userAgent).indexOf("Android 2.")&&-1===t.indexOf("Android 4.0")||-1===t.indexOf("Mobile Safari")||-1!==t.indexOf("Chrome")||-1!==t.indexOf("Windows Phone"))&&window.history&&"pushState"in window.history,a=!(-1===window.navigator.userAgent.indexOf("Trident")),i=e,c=i.forceRefresh,w=void 0!==c&&c,k=i.getUserConfirmation,S=void 0===k?g:k,x=i.keyLength,E=void 0===x?6:x,_=e.basename?d(l(e.basename)):"";function C(e){var t=e||{},n=t.key,r=t.state,o=window.location,a=o.pathname+o.search+o.hash;return _&&(a=u(a,_)),f(a,r,n)}function j(){return Math.random().toString(36).substr(2,E)}var O=m();function A(e){(0,r.A)(U,e),U.length=n.length,O.notifyListeners(U.location,U.action)}function T(e){(function(e){return void 0===e.state&&-1===navigator.userAgent.indexOf("CriOS")})(e)||I(C(e.state))}function P(){I(C(v()))}var L=!1;function I(e){if(L)L=!1,A();else{O.confirmTransitionTo(e,"POP",S,(function(t){t?A({action:"POP",location:e}):function(e){var t=U.location,n=R.indexOf(t.key);-1===n&&(n=0);var r=R.indexOf(e.key);-1===r&&(r=0);var o=n-r;o&&(L=!0,M(o))}(e)}))}}var N=C(v()),R=[N.key];function D(e){return _+p(e)}function M(e){n.go(e)}var F=0;function z(e){1===(F+=e)&&1===e?(window.addEventListener(b,T),a&&window.addEventListener(y,P)):0===F&&(window.removeEventListener(b,T),a&&window.removeEventListener(y,P))}var B=!1;var U={length:n.length,action:"POP",location:N,createHref:D,push:function(e,t){var r="PUSH",a=f(e,t,j(),U.location);O.confirmTransitionTo(a,r,S,(function(e){if(e){var t=D(a),i=a.key,s=a.state;if(o)if(n.pushState({key:i,state:s},null,t),w)window.location.href=t;else{var l=R.indexOf(U.location.key),c=R.slice(0,l+1);c.push(a.key),R=c,A({action:r,location:a})}else window.location.href=t}}))},replace:function(e,t){var r="REPLACE",a=f(e,t,j(),U.location);O.confirmTransitionTo(a,r,S,(function(e){if(e){var t=D(a),i=a.key,s=a.state;if(o)if(n.replaceState({key:i,state:s},null,t),w)window.location.replace(t);else{var l=R.indexOf(U.location.key);-1!==l&&(R[l]=a.key),A({action:r,location:a})}else window.location.replace(t)}}))},go:M,goBack:function(){M(-1)},goForward:function(){M(1)},block:function(e){void 0===e&&(e=!1);var t=O.setPrompt(e);return B||(z(1),B=!0),function(){return B&&(B=!1,z(-1)),t()}},listen:function(e){var t=O.appendListener(e);return z(1),function(){z(-1),t()}}};return U}var k="hashchange",S={hashbang:{encodePath:function(e){return"!"===e.charAt(0)?e:"!/"+c(e)},decodePath:function(e){return"!"===e.charAt(0)?e.substr(1):e}},noslash:{encodePath:c,decodePath:l},slash:{encodePath:l,decodePath:l}};function x(e){var t=e.indexOf("#");return-1===t?e:e.slice(0,t)}function E(){var e=window.location.href,t=e.indexOf("#");return-1===t?"":e.substring(t+1)}function _(e){window.location.replace(x(window.location.href)+"#"+e)}function C(e){void 0===e&&(e={}),h||(0,s.A)(!1);var t=window.history,n=(window.navigator.userAgent.indexOf("Firefox"),e),o=n.getUserConfirmation,a=void 0===o?g:o,i=n.hashType,c=void 0===i?"slash":i,b=e.basename?d(l(e.basename)):"",y=S[c],v=y.encodePath,w=y.decodePath;function C(){var e=w(E());return b&&(e=u(e,b)),f(e)}var j=m();function O(e){(0,r.A)(B,e),B.length=t.length,j.notifyListeners(B.location,B.action)}var A=!1,T=null;function P(){var e,t,n=E(),r=v(n);if(n!==r)_(r);else{var o=C(),i=B.location;if(!A&&(t=o,(e=i).pathname===t.pathname&&e.search===t.search&&e.hash===t.hash))return;if(T===p(o))return;T=null,function(e){if(A)A=!1,O();else{var t="POP";j.confirmTransitionTo(e,t,a,(function(n){n?O({action:t,location:e}):function(e){var t=B.location,n=R.lastIndexOf(p(t));-1===n&&(n=0);var r=R.lastIndexOf(p(e));-1===r&&(r=0);var o=n-r;o&&(A=!0,D(o))}(e)}))}}(o)}}var L=E(),I=v(L);L!==I&&_(I);var N=C(),R=[p(N)];function D(e){t.go(e)}var M=0;function F(e){1===(M+=e)&&1===e?window.addEventListener(k,P):0===M&&window.removeEventListener(k,P)}var z=!1;var B={length:t.length,action:"POP",location:N,createHref:function(e){var t=document.querySelector("base"),n="";return t&&t.getAttribute("href")&&(n=x(window.location.href)),n+"#"+v(b+p(e))},push:function(e,t){var n="PUSH",r=f(e,void 0,void 0,B.location);j.confirmTransitionTo(r,n,a,(function(e){if(e){var t=p(r),o=v(b+t);if(E()!==o){T=t,function(e){window.location.hash=e}(o);var a=R.lastIndexOf(p(B.location)),i=R.slice(0,a+1);i.push(t),R=i,O({action:n,location:r})}else O()}}))},replace:function(e,t){var n="REPLACE",r=f(e,void 0,void 0,B.location);j.confirmTransitionTo(r,n,a,(function(e){if(e){var t=p(r),o=v(b+t);E()!==o&&(T=t,_(o));var a=R.indexOf(p(B.location));-1!==a&&(R[a]=t),O({action:n,location:r})}}))},go:D,goBack:function(){D(-1)},goForward:function(){D(1)},block:function(e){void 0===e&&(e=!1);var t=j.setPrompt(e);return z||(F(1),z=!0),function(){return z&&(z=!1,F(-1)),t()}},listen:function(e){var t=j.appendListener(e);return F(1),function(){F(-1),t()}}};return B}function j(e,t,n){return Math.min(Math.max(e,t),n)}function O(e){void 0===e&&(e={});var t=e,n=t.getUserConfirmation,o=t.initialEntries,a=void 0===o?["/"]:o,i=t.initialIndex,s=void 0===i?0:i,l=t.keyLength,c=void 0===l?6:l,u=m();function d(e){(0,r.A)(w,e),w.length=w.entries.length,u.notifyListeners(w.location,w.action)}function h(){return Math.random().toString(36).substr(2,c)}var g=j(s,0,a.length-1),b=a.map((function(e){return f(e,void 0,"string"==typeof e?h():e.key||h())})),y=p;function v(e){var t=j(w.index+e,0,w.entries.length-1),r=w.entries[t];u.confirmTransitionTo(r,"POP",n,(function(e){e?d({action:"POP",location:r,index:t}):d()}))}var w={length:b.length,action:"POP",location:b[g],index:g,entries:b,createHref:y,push:function(e,t){var r="PUSH",o=f(e,t,h(),w.location);u.confirmTransitionTo(o,r,n,(function(e){if(e){var t=w.index+1,n=w.entries.slice(0);n.length>t?n.splice(t,n.length-t,o):n.push(o),d({action:r,location:o,index:t,entries:n})}}))},replace:function(e,t){var r="REPLACE",o=f(e,t,h(),w.location);u.confirmTransitionTo(o,r,n,(function(e){e&&(w.entries[w.index]=o,d({action:r,location:o}))}))},go:v,goBack:function(){v(-1)},goForward:function(){v(1)},canGo:function(e){var t=w.index+e;return t>=0&&t<w.entries.length},block:function(e){return void 0===e&&(e=!1),u.setPrompt(e)},listen:function(e){return u.appendListener(e)}};return w}},1035:(e,t,n)=>{"use strict";var r=n(5959),o={childContextTypes:!0,contextType:!0,contextTypes:!0,defaultProps:!0,displayName:!0,getDefaultProps:!0,getDerivedStateFromError:!0,getDerivedStateFromProps:!0,mixins:!0,propTypes:!0,type:!0},a={name:!0,length:!0,prototype:!0,caller:!0,callee:!0,arguments:!0,arity:!0},i={$$typeof:!0,compare:!0,defaultProps:!0,displayName:!0,propTypes:!0,type:!0},s={};function l(e){return r.isMemo(e)?i:s[e.$$typeof]||o}s[r.ForwardRef]={$$typeof:!0,render:!0,defaultProps:!0,displayName:!0,propTypes:!0},s[r.Memo]=i;var c=Object.defineProperty,u=Object.getOwnPropertyNames,d=Object.getOwnPropertySymbols,p=Object.getOwnPropertyDescriptor,f=Object.getPrototypeOf,m=Object.prototype;e.exports=function e(t,n,r){if("string"!=typeof n){if(m){var o=f(n);o&&o!==m&&e(t,o,r)}var i=u(n);d&&(i=i.concat(d(n)));for(var s=l(t),h=l(n),g=0;g<i.length;++g){var b=i[g];if(!(a[b]||r&&r[b]||h&&h[b]||s&&s[b])){var y=p(n,b);try{c(t,b,y)}catch(v){}}}}return t}},9597:e=>{"use strict";e.exports=function(e,t,n,r,o,a,i,s){if(!e){var l;if(void 0===t)l=new Error("Minified exception occurred; use the non-minified dev environment for the full error message and additional helpful warnings.");else{var c=[n,r,o,a,i,s],u=0;(l=new Error(t.replace(/%s/g,(function(){return c[u++]})))).name="Invariant Violation"}throw l.framesToPop=1,l}}},5526:e=>{e.exports=Array.isArray||function(e){return"[object Array]"==Object.prototype.toString.call(e)}},8602:(e,t,n)=>{"use strict";n.r(t)},4504:(e,t,n)=>{"use strict";n.r(t)},8744:function(e,t,n){var r,o;r=function(){var e,t,n={version:"0.2.0"},r=n.settings={minimum:.08,easing:"ease",positionUsing:"",speed:200,trickle:!0,trickleRate:.02,trickleSpeed:800,showSpinner:!0,barSelector:'[role="bar"]',spinnerSelector:'[role="spinner"]',parent:"body",template:'<div class="bar" role="bar"><div class="peg"></div></div><div class="spinner" role="spinner"><div class="spinner-icon"></div></div>'};function o(e,t,n){return e<t?t:e>n?n:e}function a(e){return 100*(-1+e)}function i(e,t,n){var o;return(o="translate3d"===r.positionUsing?{transform:"translate3d("+a(e)+"%,0,0)"}:"translate"===r.positionUsing?{transform:"translate("+a(e)+"%,0)"}:{"margin-left":a(e)+"%"}).transition="all "+t+"ms "+n,o}n.configure=function(e){var t,n;for(t in e)void 0!==(n=e[t])&&e.hasOwnProperty(t)&&(r[t]=n);return this},n.status=null,n.set=function(e){var t=n.isStarted();e=o(e,r.minimum,1),n.status=1===e?null:e;var a=n.render(!t),c=a.querySelector(r.barSelector),u=r.speed,d=r.easing;return a.offsetWidth,s((function(t){""===r.positionUsing&&(r.positionUsing=n.getPositioningCSS()),l(c,i(e,u,d)),1===e?(l(a,{transition:"none",opacity:1}),a.offsetWidth,setTimeout((function(){l(a,{transition:"all "+u+"ms linear",opacity:0}),setTimeout((function(){n.remove(),t()}),u)}),u)):setTimeout(t,u)})),this},n.isStarted=function(){return"number"==typeof n.status},n.start=function(){n.status||n.set(0);var e=function(){setTimeout((function(){n.status&&(n.trickle(),e())}),r.trickleSpeed)};return r.trickle&&e(),this},n.done=function(e){return e||n.status?n.inc(.3+.5*Math.random()).set(1):this},n.inc=function(e){var t=n.status;return t?("number"!=typeof e&&(e=(1-t)*o(Math.random()*t,.1,.95)),t=o(t+e,0,.994),n.set(t)):n.start()},n.trickle=function(){return n.inc(Math.random()*r.trickleRate)},e=0,t=0,n.promise=function(r){return r&&"resolved"!==r.state()?(0===t&&n.start(),e++,t++,r.always((function(){0==--t?(e=0,n.done()):n.set((e-t)/e)})),this):this},n.render=function(e){if(n.isRendered())return document.getElementById("nprogress");u(document.documentElement,"nprogress-busy");var t=document.createElement("div");t.id="nprogress",t.innerHTML=r.template;var o,i=t.querySelector(r.barSelector),s=e?"-100":a(n.status||0),c=document.querySelector(r.parent);return l(i,{transition:"all 0 linear",transform:"translate3d("+s+"%,0,0)"}),r.showSpinner||(o=t.querySelector(r.spinnerSelector))&&f(o),c!=document.body&&u(c,"nprogress-custom-parent"),c.appendChild(t),t},n.remove=function(){d(document.documentElement,"nprogress-busy"),d(document.querySelector(r.parent),"nprogress-custom-parent");var e=document.getElementById("nprogress");e&&f(e)},n.isRendered=function(){return!!document.getElementById("nprogress")},n.getPositioningCSS=function(){var e=document.body.style,t="WebkitTransform"in e?"Webkit":"MozTransform"in e?"Moz":"msTransform"in e?"ms":"OTransform"in e?"O":"";return t+"Perspective"in e?"translate3d":t+"Transform"in e?"translate":"margin"};var s=function(){var e=[];function t(){var n=e.shift();n&&n(t)}return function(n){e.push(n),1==e.length&&t()}}(),l=function(){var e=["Webkit","O","Moz","ms"],t={};function n(e){return e.replace(/^-ms-/,"ms-").replace(/-([\da-z])/gi,(function(e,t){return t.toUpperCase()}))}function r(t){var n=document.body.style;if(t in n)return t;for(var r,o=e.length,a=t.charAt(0).toUpperCase()+t.slice(1);o--;)if((r=e[o]+a)in n)return r;return t}function o(e){return e=n(e),t[e]||(t[e]=r(e))}function a(e,t,n){t=o(t),e.style[t]=n}return function(e,t){var n,r,o=arguments;if(2==o.length)for(n in t)void 0!==(r=t[n])&&t.hasOwnProperty(n)&&a(e,n,r);else a(e,o[1],o[2])}}();function c(e,t){return("string"==typeof e?e:p(e)).indexOf(" "+t+" ")>=0}function u(e,t){var n=p(e),r=n+t;c(n,t)||(e.className=r.substring(1))}function d(e,t){var n,r=p(e);c(e,t)&&(n=r.replace(" "+t+" "," "),e.className=n.substring(1,n.length-1))}function p(e){return(" "+(e.className||"")+" ").replace(/\s+/gi," ")}function f(e){e&&e.parentNode&&e.parentNode.removeChild(e)}return n},void 0===(o="function"==typeof r?r.call(t,n,t,e):r)||(e.exports=o)},6150:(e,t,n)=>{var r=n(5526);e.exports=f,e.exports.parse=a,e.exports.compile=function(e,t){return s(a(e,t),t)},e.exports.tokensToFunction=s,e.exports.tokensToRegExp=p;var o=new RegExp(["(\\\\.)","([\\/.])?(?:(?:\\:(\\w+)(?:\\(((?:\\\\.|[^\\\\()])+)\\))?|\\(((?:\\\\.|[^\\\\()])+)\\))([+*?])?|(\\*))"].join("|"),"g");function a(e,t){for(var n,r=[],a=0,i=0,s="",u=t&&t.delimiter||"/";null!=(n=o.exec(e));){var d=n[0],p=n[1],f=n.index;if(s+=e.slice(i,f),i=f+d.length,p)s+=p[1];else{var m=e[i],h=n[2],g=n[3],b=n[4],y=n[5],v=n[6],w=n[7];s&&(r.push(s),s="");var k=null!=h&&null!=m&&m!==h,S="+"===v||"*"===v,x="?"===v||"*"===v,E=n[2]||u,_=b||y;r.push({name:g||a++,prefix:h||"",delimiter:E,optional:x,repeat:S,partial:k,asterisk:!!w,pattern:_?c(_):w?".*":"[^"+l(E)+"]+?"})}}return i<e.length&&(s+=e.substr(i)),s&&r.push(s),r}function i(e){return encodeURI(e).replace(/[\/?#]/g,(function(e){return"%"+e.charCodeAt(0).toString(16).toUpperCase()}))}function s(e,t){for(var n=new Array(e.length),o=0;o<e.length;o++)"object"==typeof e[o]&&(n[o]=new RegExp("^(?:"+e[o].pattern+")$",d(t)));return function(t,o){for(var a="",s=t||{},l=(o||{}).pretty?i:encodeURIComponent,c=0;c<e.length;c++){var u=e[c];if("string"!=typeof u){var d,p=s[u.name];if(null==p){if(u.optional){u.partial&&(a+=u.prefix);continue}throw new TypeError('Expected "'+u.name+'" to be defined')}if(r(p)){if(!u.repeat)throw new TypeError('Expected "'+u.name+'" to not repeat, but received `'+JSON.stringify(p)+"`");if(0===p.length){if(u.optional)continue;throw new TypeError('Expected "'+u.name+'" to not be empty')}for(var f=0;f<p.length;f++){if(d=l(p[f]),!n[c].test(d))throw new TypeError('Expected all "'+u.name+'" to match "'+u.pattern+'", but received `'+JSON.stringify(d)+"`");a+=(0===f?u.prefix:u.delimiter)+d}}else{if(d=u.asterisk?encodeURI(p).replace(/[?#]/g,(function(e){return"%"+e.charCodeAt(0).toString(16).toUpperCase()})):l(p),!n[c].test(d))throw new TypeError('Expected "'+u.name+'" to match "'+u.pattern+'", but received "'+d+'"');a+=u.prefix+d}}else a+=u}return a}}function l(e){return e.replace(/([.+*?=^!:${}()[\]|\/\\])/g,"\\$1")}function c(e){return e.replace(/([=!:$\/()])/g,"\\$1")}function u(e,t){return e.keys=t,e}function d(e){return e&&e.sensitive?"":"i"}function p(e,t,n){r(t)||(n=t||n,t=[]);for(var o=(n=n||{}).strict,a=!1!==n.end,i="",s=0;s<e.length;s++){var c=e[s];if("string"==typeof c)i+=l(c);else{var p=l(c.prefix),f="(?:"+c.pattern+")";t.push(c),c.repeat&&(f+="(?:"+p+f+")*"),i+=f=c.optional?c.partial?p+"("+f+")?":"(?:"+p+"("+f+"))?":p+"("+f+")"}}var m=l(n.delimiter||"/"),h=i.slice(-m.length)===m;return o||(i=(h?i.slice(0,-m.length):i)+"(?:"+m+"(?=$))?"),i+=a?"$":o&&h?"":"(?="+m+"|$)",u(new RegExp("^"+i,d(n)),t)}function f(e,t,n){return r(t)||(n=t||n,t=[]),n=n||{},e instanceof RegExp?function(e,t){var n=e.source.match(/\((?!\?)/g);if(n)for(var r=0;r<n.length;r++)t.push({name:r,prefix:null,delimiter:null,optional:!1,repeat:!1,partial:!1,asterisk:!1,pattern:null});return u(e,t)}(e,t):r(e)?function(e,t,n){for(var r=[],o=0;o<e.length;o++)r.push(f(e[o],t,n).source);return u(new RegExp("(?:"+r.join("|")+")",d(n)),t)}(e,t,n):function(e,t,n){return p(a(e,n),t,n)}(e,t,n)}},8468:(e,t,n)=>{"use strict";n.r(t),n.d(t,{default:()=>p});var r=n(4784),o=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},a=function(e){return"IMG"===e.tagName},i=function(e){return e&&1===e.nodeType},s=function(e){return".svg"===(e.currentSrc||e.src).substr(-4).toLowerCase()},l=function(e){try{return Array.isArray(e)?e.filter(a):function(e){return NodeList.prototype.isPrototypeOf(e)}(e)?[].slice.call(e).filter(a):i(e)?[e].filter(a):"string"==typeof e?[].slice.call(document.querySelectorAll(e)).filter(a):[]}catch(t){throw new TypeError("The provided selector is invalid.\nExpects a CSS selector, a Node element, a NodeList or an array.\nSee: https://github.com/francoischalifour/medium-zoom")}},c=function(e,t){var n=o({bubbles:!1,cancelable:!1,detail:void 0},t);if("function"==typeof window.CustomEvent)return new CustomEvent(e,n);var r=document.createEvent("CustomEvent");return r.initCustomEvent(e,n.bubbles,n.cancelable,n.detail),r};!function(e,t){void 0===t&&(t={});var n=t.insertAt;if(e&&"undefined"!=typeof document){var r=document.head||document.getElementsByTagName("head")[0],o=document.createElement("style");o.type="text/css","top"===n&&r.firstChild?r.insertBefore(o,r.firstChild):r.appendChild(o),o.styleSheet?o.styleSheet.cssText=e:o.appendChild(document.createTextNode(e))}}(".medium-zoom-overlay{position:fixed;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity .3s;will-change:opacity}.medium-zoom--opened .medium-zoom-overlay{cursor:pointer;cursor:zoom-out;opacity:1}.medium-zoom-image{cursor:pointer;cursor:zoom-in;transition:transform .3s cubic-bezier(.2,0,.2,1)!important}.medium-zoom-image--hidden{visibility:hidden}.medium-zoom-image--opened{position:relative;cursor:pointer;cursor:zoom-out;will-change:transform}");const u=function e(t){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},r=window.Promise||function(e){function t(){}e(t,t)},a=function(){for(var e=arguments.length,t=Array(e),n=0;n<e;n++)t[n]=arguments[n];var r=t.reduce((function(e,t){return[].concat(e,l(t))}),[]);return r.filter((function(e){return-1===f.indexOf(e)})).forEach((function(e){f.push(e),e.classList.add("medium-zoom-image")})),m.forEach((function(e){var t=e.type,n=e.listener,o=e.options;r.forEach((function(e){e.addEventListener(t,n,o)}))})),w},u=function(){var e=(arguments.length>0&&void 0!==arguments[0]?arguments[0]:{}).target,t=function(){var e={width:document.documentElement.clientWidth,height:document.documentElement.clientHeight,left:0,top:0,right:0,bottom:0},t=void 0,n=void 0;if(b.container)if(b.container instanceof Object)t=(e=o({},e,b.container)).width-e.left-e.right-2*b.margin,n=e.height-e.top-e.bottom-2*b.margin;else{var r=(i(b.container)?b.container:document.querySelector(b.container)).getBoundingClientRect(),a=r.width,l=r.height,c=r.left,u=r.top;e=o({},e,{width:a,height:l,left:c,top:u})}t=t||e.width-2*b.margin,n=n||e.height-2*b.margin;var d=y.zoomedHd||y.original,p=s(d)?t:d.naturalWidth||t,f=s(d)?n:d.naturalHeight||n,m=d.getBoundingClientRect(),h=m.top,g=m.left,v=m.width,w=m.height,k=Math.min(Math.max(v,p),t)/v,S=Math.min(Math.max(w,f),n)/w,x=Math.min(k,S),E="scale("+x+") translate3d("+((t-v)/2-g+b.margin+e.left)/x+"px, "+((n-w)/2-h+b.margin+e.top)/x+"px, 0)";y.zoomed.style.transform=E,y.zoomedHd&&(y.zoomedHd.style.transform=E)};return new r((function(n){if(e&&-1===f.indexOf(e))n(w);else{if(y.zoomed)n(w);else{if(e)y.original=e;else{if(!(f.length>0))return void n(w);var r=f;y.original=r[0]}if(y.original.dispatchEvent(c("medium-zoom:open",{detail:{zoom:w}})),g=window.pageYOffset||document.documentElement.scrollTop||document.body.scrollTop||0,h=!0,y.zoomed=function(e){var t=e.getBoundingClientRect(),n=t.top,r=t.left,o=t.width,a=t.height,i=e.cloneNode(),s=window.pageYOffset||document.documentElement.scrollTop||document.body.scrollTop||0,l=window.pageXOffset||document.documentElement.scrollLeft||document.body.scrollLeft||0;return i.removeAttribute("id"),i.style.position="absolute",i.style.top=n+s+"px",i.style.left=r+l+"px",i.style.width=o+"px",i.style.height=a+"px",i.style.transform="",i}(y.original),document.body.appendChild(v),b.template){var o=i(b.template)?b.template:document.querySelector(b.template);y.template=document.createElement("div"),y.template.appendChild(o.content.cloneNode(!0)),document.body.appendChild(y.template)}if(y.original.parentElement&&"PICTURE"===y.original.parentElement.tagName&&y.original.currentSrc&&(y.zoomed.src=y.original.currentSrc),document.body.appendChild(y.zoomed),window.requestAnimationFrame((function(){document.body.classList.add("medium-zoom--opened")})),y.original.classList.add("medium-zoom-image--hidden"),y.zoomed.classList.add("medium-zoom-image--opened"),y.zoomed.addEventListener("click",d),y.zoomed.addEventListener("transitionend",(function e(){h=!1,y.zoomed.removeEventListener("transitionend",e),y.original.dispatchEvent(c("medium-zoom:opened",{detail:{zoom:w}})),n(w)})),y.original.getAttribute("data-zoom-src")){y.zoomedHd=y.zoomed.cloneNode(),y.zoomedHd.removeAttribute("srcset"),y.zoomedHd.removeAttribute("sizes"),y.zoomedHd.removeAttribute("loading"),y.zoomedHd.src=y.zoomed.getAttribute("data-zoom-src"),y.zoomedHd.onerror=function(){clearInterval(a),console.warn("Unable to reach the zoom image target "+y.zoomedHd.src),y.zoomedHd=null,t()};var a=setInterval((function(){y.zoomedHd.complete&&(clearInterval(a),y.zoomedHd.classList.add("medium-zoom-image--opened"),y.zoomedHd.addEventListener("click",d),document.body.appendChild(y.zoomedHd),t())}),10)}else if(y.original.hasAttribute("srcset")){y.zoomedHd=y.zoomed.cloneNode(),y.zoomedHd.removeAttribute("sizes"),y.zoomedHd.removeAttribute("loading");var s=y.zoomedHd.addEventListener("load",(function(){y.zoomedHd.removeEventListener("load",s),y.zoomedHd.classList.add("medium-zoom-image--opened"),y.zoomedHd.addEventListener("click",d),document.body.appendChild(y.zoomedHd),t()}))}else t()}}}))},d=function(){return new r((function(e){if(!h&&y.original){h=!0,document.body.classList.remove("medium-zoom--opened"),y.zoomed.style.transform="",y.zoomedHd&&(y.zoomedHd.style.transform=""),y.template&&(y.template.style.transition="opacity 150ms",y.template.style.opacity=0),y.original.dispatchEvent(c("medium-zoom:close",{detail:{zoom:w}})),y.zoomed.addEventListener("transitionend",(function t(){y.original.classList.remove("medium-zoom-image--hidden"),document.body.removeChild(y.zoomed),y.zoomedHd&&document.body.removeChild(y.zoomedHd),document.body.removeChild(v),y.zoomed.classList.remove("medium-zoom-image--opened"),y.template&&document.body.removeChild(y.template),h=!1,y.zoomed.removeEventListener("transitionend",t),y.original.dispatchEvent(c("medium-zoom:closed",{detail:{zoom:w}})),y.original=null,y.zoomed=null,y.zoomedHd=null,y.template=null,e(w)}))}else e(w)}))},p=function(){var e=(arguments.length>0&&void 0!==arguments[0]?arguments[0]:{}).target;return y.original?d():u({target:e})},f=[],m=[],h=!1,g=0,b=n,y={original:null,zoomed:null,zoomedHd:null,template:null};"[object Object]"===Object.prototype.toString.call(t)?b=t:(t||"string"==typeof t)&&a(t);var v=function(e){var t=document.createElement("div");return t.classList.add("medium-zoom-overlay"),t.style.background=e,t}((b=o({margin:0,background:"#fff",scrollOffset:40,container:null,template:null},b)).background);document.addEventListener("click",(function(e){var t=e.target;t!==v?-1!==f.indexOf(t)&&p({target:t}):d()})),document.addEventListener("keyup",(function(e){var t=e.key||e.keyCode;"Escape"!==t&&"Esc"!==t&&27!==t||d()})),document.addEventListener("scroll",(function(){if(!h&&y.original){var e=window.pageYOffset||document.documentElement.scrollTop||document.body.scrollTop||0;Math.abs(g-e)>b.scrollOffset&&setTimeout(d,150)}})),window.addEventListener("resize",d);var w={open:u,close:d,toggle:p,update:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=e;if(e.background&&(v.style.background=e.background),e.container&&e.container instanceof Object&&(t.container=o({},b.container,e.container)),e.template){var n=i(e.template)?e.template:document.querySelector(e.template);t.template=n}return b=o({},b,t),f.forEach((function(e){e.dispatchEvent(c("medium-zoom:update",{detail:{zoom:w}}))})),w},clone:function(){return e(o({},b,arguments.length>0&&void 0!==arguments[0]?arguments[0]:{}))},attach:a,detach:function(){for(var e=arguments.length,t=Array(e),n=0;n<e;n++)t[n]=arguments[n];y.zoomed&&d();var r=t.length>0?t.reduce((function(e,t){return[].concat(e,l(t))}),[]):f;return r.forEach((function(e){e.classList.remove("medium-zoom-image"),e.dispatchEvent(c("medium-zoom:detach",{detail:{zoom:w}}))})),f=f.filter((function(e){return-1===r.indexOf(e)})),w},on:function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};return f.forEach((function(r){r.addEventListener("medium-zoom:"+e,t,n)})),m.push({type:"medium-zoom:"+e,listener:t,options:n}),w},off:function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};return f.forEach((function(r){r.removeEventListener("medium-zoom:"+e,t,n)})),m=m.filter((function(n){return!(n.type==="medium-zoom:"+e&&n.listener.toString()===t.toString())})),w},getOptions:function(){return b},getImages:function(){return f},getZoomedImage:function(){return y.original}};return w},{themeConfig:d}=r.default,p=function(){if("undefined"==typeof window)return null;const{zoomSelector:e=".markdown img"}=d,{imageZoom:{selector:t=e,options:n}={}}=d;return setTimeout((()=>{u(t,n)}),1e3),{onRouteUpdate({location:e,previousLocation:r}){e&&e.hash&&e.hash.length||r&&e.pathname!==r.pathname&&setTimeout((()=>{u(t,n)}),1e3)}}}()},9227:e=>{e.exports&&(e.exports={core:{meta:{path:"components/prism-core.js",option:"mandatory"},core:"Core"},themes:{meta:{path:"themes/{id}.css",link:"index.html?theme={id}",exclusive:!0},prism:{title:"Default",option:"default"},"prism-dark":"Dark","prism-funky":"Funky","prism-okaidia":{title:"Okaidia",owner:"ocodia"},"prism-twilight":{title:"Twilight",owner:"remybach"},"prism-coy":{title:"Coy",owner:"tshedor"},"prism-solarizedlight":{title:"Solarized Light",owner:"hectormatos2011 "},"prism-tomorrow":{title:"Tomorrow Night",owner:"Rosey"}},languages:{meta:{path:"components/prism-{id}",noCSS:!0,examplesPath:"examples/prism-{id}",addCheckAll:!0},markup:{title:"Markup",alias:["html","xml","svg","mathml","ssml","atom","rss"],aliasTitles:{html:"HTML",xml:"XML",svg:"SVG",mathml:"MathML",ssml:"SSML",atom:"Atom",rss:"RSS"},option:"default"},css:{title:"CSS",option:"default",modify:"markup"},clike:{title:"C-like",option:"default"},javascript:{title:"JavaScript",require:"clike",modify:"markup",optional:"regex",alias:"js",option:"default"},abap:{title:"ABAP",owner:"dellagustin"},abnf:{title:"ABNF",owner:"RunDevelopment"},actionscript:{title:"ActionScript",require:"javascript",modify:"markup",owner:"Golmote"},ada:{title:"Ada",owner:"Lucretia"},agda:{title:"Agda",owner:"xy-ren"},al:{title:"AL",owner:"RunDevelopment"},antlr4:{title:"ANTLR4",alias:"g4",owner:"RunDevelopment"},apacheconf:{title:"Apache Configuration",owner:"GuiTeK"},apex:{title:"Apex",require:["clike","sql"],owner:"RunDevelopment"},apl:{title:"APL",owner:"ngn"},applescript:{title:"AppleScript",owner:"Golmote"},aql:{title:"AQL",owner:"RunDevelopment"},arduino:{title:"Arduino",require:"cpp",alias:"ino",owner:"dkern"},arff:{title:"ARFF",owner:"Golmote"},armasm:{title:"ARM Assembly",alias:"arm-asm",owner:"RunDevelopment"},arturo:{title:"Arturo",alias:"art",optional:["bash","css","javascript","markup","markdown","sql"],owner:"drkameleon"},asciidoc:{alias:"adoc",title:"AsciiDoc",owner:"Golmote"},aspnet:{title:"ASP.NET (C#)",require:["markup","csharp"],owner:"nauzilus"},asm6502:{title:"6502 Assembly",owner:"kzurawel"},asmatmel:{title:"Atmel AVR Assembly",owner:"cerkit"},autohotkey:{title:"AutoHotkey",owner:"aviaryan"},autoit:{title:"AutoIt",owner:"Golmote"},avisynth:{title:"AviSynth",alias:"avs",owner:"Zinfidel"},"avro-idl":{title:"Avro IDL",alias:"avdl",owner:"RunDevelopment"},awk:{title:"AWK",alias:"gawk",aliasTitles:{gawk:"GAWK"},owner:"RunDevelopment"},bash:{title:"Bash",alias:["sh","shell"],aliasTitles:{sh:"Shell",shell:"Shell"},owner:"zeitgeist87"},basic:{title:"BASIC",owner:"Golmote"},batch:{title:"Batch",owner:"Golmote"},bbcode:{title:"BBcode",alias:"shortcode",aliasTitles:{shortcode:"Shortcode"},owner:"RunDevelopment"},bbj:{title:"BBj",owner:"hyyan"},bicep:{title:"Bicep",owner:"johnnyreilly"},birb:{title:"Birb",require:"clike",owner:"Calamity210"},bison:{title:"Bison",require:"c",owner:"Golmote"},bnf:{title:"BNF",alias:"rbnf",aliasTitles:{rbnf:"RBNF"},owner:"RunDevelopment"},bqn:{title:"BQN",owner:"yewscion"},brainfuck:{title:"Brainfuck",owner:"Golmote"},brightscript:{title:"BrightScript",owner:"RunDevelopment"},bro:{title:"Bro",owner:"wayward710"},bsl:{title:"BSL (1C:Enterprise)",alias:"oscript",aliasTitles:{oscript:"OneScript"},owner:"Diversus23"},c:{title:"C",require:"clike",owner:"zeitgeist87"},csharp:{title:"C#",require:"clike",alias:["cs","dotnet"],owner:"mvalipour"},cpp:{title:"C++",require:"c",owner:"zeitgeist87"},cfscript:{title:"CFScript",require:"clike",alias:"cfc",owner:"mjclemente"},chaiscript:{title:"ChaiScript",require:["clike","cpp"],owner:"RunDevelopment"},cil:{title:"CIL",owner:"sbrl"},cilkc:{title:"Cilk/C",require:"c",alias:"cilk-c",owner:"OpenCilk"},cilkcpp:{title:"Cilk/C++",require:"cpp",alias:["cilk-cpp","cilk"],owner:"OpenCilk"},clojure:{title:"Clojure",owner:"troglotit"},cmake:{title:"CMake",owner:"mjrogozinski"},cobol:{title:"COBOL",owner:"RunDevelopment"},coffeescript:{title:"CoffeeScript",require:"javascript",alias:"coffee",owner:"R-osey"},concurnas:{title:"Concurnas",alias:"conc",owner:"jasontatton"},csp:{title:"Content-Security-Policy",owner:"ScottHelme"},cooklang:{title:"Cooklang",owner:"ahue"},coq:{title:"Coq",owner:"RunDevelopment"},crystal:{title:"Crystal",require:"ruby",owner:"MakeNowJust"},"css-extras":{title:"CSS Extras",require:"css",modify:"css",owner:"milesj"},csv:{title:"CSV",owner:"RunDevelopment"},cue:{title:"CUE",owner:"RunDevelopment"},cypher:{title:"Cypher",owner:"RunDevelopment"},d:{title:"D",require:"clike",owner:"Golmote"},dart:{title:"Dart",require:"clike",owner:"Golmote"},dataweave:{title:"DataWeave",owner:"machaval"},dax:{title:"DAX",owner:"peterbud"},dhall:{title:"Dhall",owner:"RunDevelopment"},diff:{title:"Diff",owner:"uranusjr"},django:{title:"Django/Jinja2",require:"markup-templating",alias:"jinja2",owner:"romanvm"},"dns-zone-file":{title:"DNS zone file",owner:"RunDevelopment",alias:"dns-zone"},docker:{title:"Docker",alias:"dockerfile",owner:"JustinBeckwith"},dot:{title:"DOT (Graphviz)",alias:"gv",optional:"markup",owner:"RunDevelopment"},ebnf:{title:"EBNF",owner:"RunDevelopment"},editorconfig:{title:"EditorConfig",owner:"osipxd"},eiffel:{title:"Eiffel",owner:"Conaclos"},ejs:{title:"EJS",require:["javascript","markup-templating"],owner:"RunDevelopment",alias:"eta",aliasTitles:{eta:"Eta"}},elixir:{title:"Elixir",owner:"Golmote"},elm:{title:"Elm",owner:"zwilias"},etlua:{title:"Embedded Lua templating",require:["lua","markup-templating"],owner:"RunDevelopment"},erb:{title:"ERB",require:["ruby","markup-templating"],owner:"Golmote"},erlang:{title:"Erlang",owner:"Golmote"},"excel-formula":{title:"Excel Formula",alias:["xlsx","xls"],owner:"RunDevelopment"},fsharp:{title:"F#",require:"clike",owner:"simonreynolds7"},factor:{title:"Factor",owner:"catb0t"},false:{title:"False",owner:"edukisto"},"firestore-security-rules":{title:"Firestore security rules",require:"clike",owner:"RunDevelopment"},flow:{title:"Flow",require:"javascript",owner:"Golmote"},fortran:{title:"Fortran",owner:"Golmote"},ftl:{title:"FreeMarker Template Language",require:"markup-templating",owner:"RunDevelopment"},gml:{title:"GameMaker Language",alias:"gamemakerlanguage",require:"clike",owner:"LiarOnce"},gap:{title:"GAP (CAS)",owner:"RunDevelopment"},gcode:{title:"G-code",owner:"RunDevelopment"},gdscript:{title:"GDScript",owner:"RunDevelopment"},gedcom:{title:"GEDCOM",owner:"Golmote"},gettext:{title:"gettext",alias:"po",owner:"RunDevelopment"},gherkin:{title:"Gherkin",owner:"hason"},git:{title:"Git",owner:"lgiraudel"},glsl:{title:"GLSL",require:"c",owner:"Golmote"},gn:{title:"GN",alias:"gni",owner:"RunDevelopment"},"linker-script":{title:"GNU Linker Script",alias:"ld",owner:"RunDevelopment"},go:{title:"Go",require:"clike",owner:"arnehormann"},"go-module":{title:"Go module",alias:"go-mod",owner:"RunDevelopment"},gradle:{title:"Gradle",require:"clike",owner:"zeabdelkhalek-badido18"},graphql:{title:"GraphQL",optional:"markdown",owner:"Golmote"},groovy:{title:"Groovy",require:"clike",owner:"robfletcher"},haml:{title:"Haml",require:"ruby",optional:["css","css-extras","coffeescript","erb","javascript","less","markdown","scss","textile"],owner:"Golmote"},handlebars:{title:"Handlebars",require:"markup-templating",alias:["hbs","mustache"],aliasTitles:{mustache:"Mustache"},owner:"Golmote"},haskell:{title:"Haskell",alias:"hs",owner:"bholst"},haxe:{title:"Haxe",require:"clike",optional:"regex",owner:"Golmote"},hcl:{title:"HCL",owner:"outsideris"},hlsl:{title:"HLSL",require:"c",owner:"RunDevelopment"},hoon:{title:"Hoon",owner:"matildepark"},http:{title:"HTTP",optional:["csp","css","hpkp","hsts","javascript","json","markup","uri"],owner:"danielgtaylor"},hpkp:{title:"HTTP Public-Key-Pins",owner:"ScottHelme"},hsts:{title:"HTTP Strict-Transport-Security",owner:"ScottHelme"},ichigojam:{title:"IchigoJam",owner:"BlueCocoa"},icon:{title:"Icon",owner:"Golmote"},"icu-message-format":{title:"ICU Message Format",owner:"RunDevelopment"},idris:{title:"Idris",alias:"idr",owner:"KeenS",require:"haskell"},ignore:{title:".ignore",owner:"osipxd",alias:["gitignore","hgignore","npmignore"],aliasTitles:{gitignore:".gitignore",hgignore:".hgignore",npmignore:".npmignore"}},inform7:{title:"Inform 7",owner:"Golmote"},ini:{title:"Ini",owner:"aviaryan"},io:{title:"Io",owner:"AlesTsurko"},j:{title:"J",owner:"Golmote"},java:{title:"Java",require:"clike",owner:"sherblot"},javadoc:{title:"JavaDoc",require:["markup","java","javadoclike"],modify:"java",optional:"scala",owner:"RunDevelopment"},javadoclike:{title:"JavaDoc-like",modify:["java","javascript","php"],owner:"RunDevelopment"},javastacktrace:{title:"Java stack trace",owner:"RunDevelopment"},jexl:{title:"Jexl",owner:"czosel"},jolie:{title:"Jolie",require:"clike",owner:"thesave"},jq:{title:"JQ",owner:"RunDevelopment"},jsdoc:{title:"JSDoc",require:["javascript","javadoclike","typescript"],modify:"javascript",optional:["actionscript","coffeescript"],owner:"RunDevelopment"},"js-extras":{title:"JS Extras",require:"javascript",modify:"javascript",optional:["actionscript","coffeescript","flow","n4js","typescript"],owner:"RunDevelopment"},json:{title:"JSON",alias:"webmanifest",aliasTitles:{webmanifest:"Web App Manifest"},owner:"CupOfTea696"},json5:{title:"JSON5",require:"json",owner:"RunDevelopment"},jsonp:{title:"JSONP",require:"json",owner:"RunDevelopment"},jsstacktrace:{title:"JS stack trace",owner:"sbrl"},"js-templates":{title:"JS Templates",require:"javascript",modify:"javascript",optional:["css","css-extras","graphql","markdown","markup","sql"],owner:"RunDevelopment"},julia:{title:"Julia",owner:"cdagnino"},keepalived:{title:"Keepalived Configure",owner:"dev-itsheng"},keyman:{title:"Keyman",owner:"mcdurdin"},kotlin:{title:"Kotlin",alias:["kt","kts"],aliasTitles:{kts:"Kotlin Script"},require:"clike",owner:"Golmote"},kumir:{title:"KuMir (\u041a\u0443\u041c\u0438\u0440)",alias:"kum",owner:"edukisto"},kusto:{title:"Kusto",owner:"RunDevelopment"},latex:{title:"LaTeX",alias:["tex","context"],aliasTitles:{tex:"TeX",context:"ConTeXt"},owner:"japborst"},latte:{title:"Latte",require:["clike","markup-templating","php"],owner:"nette"},less:{title:"Less",require:"css",optional:"css-extras",owner:"Golmote"},lilypond:{title:"LilyPond",require:"scheme",alias:"ly",owner:"RunDevelopment"},liquid:{title:"Liquid",require:"markup-templating",owner:"cinhtau"},lisp:{title:"Lisp",alias:["emacs","elisp","emacs-lisp"],owner:"JuanCaicedo"},livescript:{title:"LiveScript",owner:"Golmote"},llvm:{title:"LLVM IR",owner:"porglezomp"},log:{title:"Log file",optional:"javastacktrace",owner:"RunDevelopment"},lolcode:{title:"LOLCODE",owner:"Golmote"},lua:{title:"Lua",owner:"Golmote"},magma:{title:"Magma (CAS)",owner:"RunDevelopment"},makefile:{title:"Makefile",owner:"Golmote"},markdown:{title:"Markdown",require:"markup",optional:"yaml",alias:"md",owner:"Golmote"},"markup-templating":{title:"Markup templating",require:"markup",owner:"Golmote"},mata:{title:"Mata",owner:"RunDevelopment"},matlab:{title:"MATLAB",owner:"Golmote"},maxscript:{title:"MAXScript",owner:"RunDevelopment"},mel:{title:"MEL",owner:"Golmote"},mermaid:{title:"Mermaid",owner:"RunDevelopment"},metafont:{title:"METAFONT",owner:"LaeriExNihilo"},mizar:{title:"Mizar",owner:"Golmote"},mongodb:{title:"MongoDB",owner:"airs0urce",require:"javascript"},monkey:{title:"Monkey",owner:"Golmote"},moonscript:{title:"MoonScript",alias:"moon",owner:"RunDevelopment"},n1ql:{title:"N1QL",owner:"TMWilds"},n4js:{title:"N4JS",require:"javascript",optional:"jsdoc",alias:"n4jsd",owner:"bsmith-n4"},"nand2tetris-hdl":{title:"Nand To Tetris HDL",owner:"stephanmax"},naniscript:{title:"Naninovel Script",owner:"Elringus",alias:"nani"},nasm:{title:"NASM",owner:"rbmj"},neon:{title:"NEON",owner:"nette"},nevod:{title:"Nevod",owner:"nezaboodka"},nginx:{title:"nginx",owner:"volado"},nim:{title:"Nim",owner:"Golmote"},nix:{title:"Nix",owner:"Golmote"},nsis:{title:"NSIS",owner:"idleberg"},objectivec:{title:"Objective-C",require:"c",alias:"objc",owner:"uranusjr"},ocaml:{title:"OCaml",owner:"Golmote"},odin:{title:"Odin",owner:"edukisto"},opencl:{title:"OpenCL",require:"c",modify:["c","cpp"],owner:"Milania1"},openqasm:{title:"OpenQasm",alias:"qasm",owner:"RunDevelopment"},oz:{title:"Oz",owner:"Golmote"},parigp:{title:"PARI/GP",owner:"Golmote"},parser:{title:"Parser",require:"markup",owner:"Golmote"},pascal:{title:"Pascal",alias:"objectpascal",aliasTitles:{objectpascal:"Object Pascal"},owner:"Golmote"},pascaligo:{title:"Pascaligo",owner:"DefinitelyNotAGoat"},psl:{title:"PATROL Scripting Language",owner:"bertysentry"},pcaxis:{title:"PC-Axis",alias:"px",owner:"RunDevelopment"},peoplecode:{title:"PeopleCode",alias:"pcode",owner:"RunDevelopment"},perl:{title:"Perl",owner:"Golmote"},php:{title:"PHP",require:"markup-templating",owner:"milesj"},phpdoc:{title:"PHPDoc",require:["php","javadoclike"],modify:"php",owner:"RunDevelopment"},"php-extras":{title:"PHP Extras",require:"php",modify:"php",owner:"milesj"},"plant-uml":{title:"PlantUML",alias:"plantuml",owner:"RunDevelopment"},plsql:{title:"PL/SQL",require:"sql",owner:"Golmote"},powerquery:{title:"PowerQuery",alias:["pq","mscript"],owner:"peterbud"},powershell:{title:"PowerShell",owner:"nauzilus"},processing:{title:"Processing",require:"clike",owner:"Golmote"},prolog:{title:"Prolog",owner:"Golmote"},promql:{title:"PromQL",owner:"arendjr"},properties:{title:".properties",owner:"Golmote"},protobuf:{title:"Protocol Buffers",require:"clike",owner:"just-boris"},pug:{title:"Pug",require:["markup","javascript"],optional:["coffeescript","ejs","handlebars","less","livescript","markdown","scss","stylus","twig"],owner:"Golmote"},puppet:{title:"Puppet",owner:"Golmote"},pure:{title:"Pure",optional:["c","cpp","fortran"],owner:"Golmote"},purebasic:{title:"PureBasic",require:"clike",alias:"pbfasm",owner:"HeX0R101"},purescript:{title:"PureScript",require:"haskell",alias:"purs",owner:"sriharshachilakapati"},python:{title:"Python",alias:"py",owner:"multipetros"},qsharp:{title:"Q#",require:"clike",alias:"qs",owner:"fedonman"},q:{title:"Q (kdb+ database)",owner:"Golmote"},qml:{title:"QML",require:"javascript",owner:"RunDevelopment"},qore:{title:"Qore",require:"clike",owner:"temnroegg"},r:{title:"R",owner:"Golmote"},racket:{title:"Racket",require:"scheme",alias:"rkt",owner:"RunDevelopment"},cshtml:{title:"Razor C#",alias:"razor",require:["markup","csharp"],optional:["css","css-extras","javascript","js-extras"],owner:"RunDevelopment"},jsx:{title:"React JSX",require:["markup","javascript"],optional:["jsdoc","js-extras","js-templates"],owner:"vkbansal"},tsx:{title:"React TSX",require:["jsx","typescript"]},reason:{title:"Reason",require:"clike",owner:"Golmote"},regex:{title:"Regex",owner:"RunDevelopment"},rego:{title:"Rego",owner:"JordanSh"},renpy:{title:"Ren'py",alias:"rpy",owner:"HyuchiaDiego"},rescript:{title:"ReScript",alias:"res",owner:"vmarcosp"},rest:{title:"reST (reStructuredText)",owner:"Golmote"},rip:{title:"Rip",owner:"ravinggenius"},roboconf:{title:"Roboconf",owner:"Golmote"},robotframework:{title:"Robot Framework",alias:"robot",owner:"RunDevelopment"},ruby:{title:"Ruby",require:"clike",alias:"rb",owner:"samflores"},rust:{title:"Rust",owner:"Golmote"},sas:{title:"SAS",optional:["groovy","lua","sql"],owner:"Golmote"},sass:{title:"Sass (Sass)",require:"css",optional:"css-extras",owner:"Golmote"},scss:{title:"Sass (SCSS)",require:"css",optional:"css-extras",owner:"MoOx"},scala:{title:"Scala",require:"java",owner:"jozic"},scheme:{title:"Scheme",owner:"bacchus123"},"shell-session":{title:"Shell session",require:"bash",alias:["sh-session","shellsession"],owner:"RunDevelopment"},smali:{title:"Smali",owner:"RunDevelopment"},smalltalk:{title:"Smalltalk",owner:"Golmote"},smarty:{title:"Smarty",require:"markup-templating",optional:"php",owner:"Golmote"},sml:{title:"SML",alias:"smlnj",aliasTitles:{smlnj:"SML/NJ"},owner:"RunDevelopment"},solidity:{title:"Solidity (Ethereum)",alias:"sol",require:"clike",owner:"glachaud"},"solution-file":{title:"Solution file",alias:"sln",owner:"RunDevelopment"},soy:{title:"Soy (Closure Template)",require:"markup-templating",owner:"Golmote"},sparql:{title:"SPARQL",require:"turtle",owner:"Triply-Dev",alias:"rq"},"splunk-spl":{title:"Splunk SPL",owner:"RunDevelopment"},sqf:{title:"SQF: Status Quo Function (Arma 3)",require:"clike",owner:"RunDevelopment"},sql:{title:"SQL",owner:"multipetros"},squirrel:{title:"Squirrel",require:"clike",owner:"RunDevelopment"},stan:{title:"Stan",owner:"RunDevelopment"},stata:{title:"Stata Ado",require:["mata","java","python"],owner:"RunDevelopment"},iecst:{title:"Structured Text (IEC 61131-3)",owner:"serhioromano"},stylus:{title:"Stylus",owner:"vkbansal"},supercollider:{title:"SuperCollider",alias:"sclang",owner:"RunDevelopment"},swift:{title:"Swift",owner:"chrischares"},systemd:{title:"Systemd configuration file",owner:"RunDevelopment"},"t4-templating":{title:"T4 templating",owner:"RunDevelopment"},"t4-cs":{title:"T4 Text Templates (C#)",require:["t4-templating","csharp"],alias:"t4",owner:"RunDevelopment"},"t4-vb":{title:"T4 Text Templates (VB)",require:["t4-templating","vbnet"],owner:"RunDevelopment"},tap:{title:"TAP",owner:"isaacs",require:"yaml"},tcl:{title:"Tcl",owner:"PeterChaplin"},tt2:{title:"Template Toolkit 2",require:["clike","markup-templating"],owner:"gflohr"},textile:{title:"Textile",require:"markup",optional:"css",owner:"Golmote"},toml:{title:"TOML",owner:"RunDevelopment"},tremor:{title:"Tremor",alias:["trickle","troy"],owner:"darach",aliasTitles:{trickle:"trickle",troy:"troy"}},turtle:{title:"Turtle",alias:"trig",aliasTitles:{trig:"TriG"},owner:"jakubklimek"},twig:{title:"Twig",require:"markup-templating",owner:"brandonkelly"},typescript:{title:"TypeScript",require:"javascript",optional:"js-templates",alias:"ts",owner:"vkbansal"},typoscript:{title:"TypoScript",alias:"tsconfig",aliasTitles:{tsconfig:"TSConfig"},owner:"dkern"},unrealscript:{title:"UnrealScript",alias:["uscript","uc"],owner:"RunDevelopment"},uorazor:{title:"UO Razor Script",owner:"jaseowns"},uri:{title:"URI",alias:"url",aliasTitles:{url:"URL"},owner:"RunDevelopment"},v:{title:"V",require:"clike",owner:"taggon"},vala:{title:"Vala",require:"clike",optional:"regex",owner:"TemplarVolk"},vbnet:{title:"VB.Net",require:"basic",owner:"Bigsby"},velocity:{title:"Velocity",require:"markup",owner:"Golmote"},verilog:{title:"Verilog",owner:"a-rey"},vhdl:{title:"VHDL",owner:"a-rey"},vim:{title:"vim",owner:"westonganger"},"visual-basic":{title:"Visual Basic",alias:["vb","vba"],aliasTitles:{vba:"VBA"},owner:"Golmote"},warpscript:{title:"WarpScript",owner:"RunDevelopment"},wasm:{title:"WebAssembly",owner:"Golmote"},"web-idl":{title:"Web IDL",alias:"webidl",owner:"RunDevelopment"},wgsl:{title:"WGSL",owner:"Dr4gonthree"},wiki:{title:"Wiki markup",require:"markup",owner:"Golmote"},wolfram:{title:"Wolfram language",alias:["mathematica","nb","wl"],aliasTitles:{mathematica:"Mathematica",nb:"Mathematica Notebook"},owner:"msollami"},wren:{title:"Wren",owner:"clsource"},xeora:{title:"Xeora",require:"markup",alias:"xeoracube",aliasTitles:{xeoracube:"XeoraCube"},owner:"freakmaxi"},"xml-doc":{title:"XML doc (.net)",require:"markup",modify:["csharp","fsharp","vbnet"],owner:"RunDevelopment"},xojo:{title:"Xojo (REALbasic)",owner:"Golmote"},xquery:{title:"XQuery",require:"markup",owner:"Golmote"},yaml:{title:"YAML",alias:"yml",owner:"hason"},yang:{title:"YANG",owner:"RunDevelopment"},zig:{title:"Zig",owner:"RunDevelopment"}},plugins:{meta:{path:"plugins/{id}/prism-{id}",link:"plugins/{id}/"},"line-highlight":{title:"Line Highlight",description:"Highlights specific lines and/or line ranges."},"line-numbers":{title:"Line Numbers",description:"Line number at the beginning of code lines.",owner:"kuba-kubula"},"show-invisibles":{title:"Show Invisibles",description:"Show hidden characters such as tabs and line breaks.",optional:["autolinker","data-uri-highlight"]},autolinker:{title:"Autolinker",description:"Converts URLs and emails in code to clickable links. Parses Markdown links in comments."},wpd:{title:"WebPlatform Docs",description:'Makes tokens link to <a href="https://webplatform.github.io/docs/">WebPlatform.org documentation</a>. The links open in a new tab.'},"custom-class":{title:"Custom Class",description:"This plugin allows you to prefix Prism's default classes (<code>.comment</code> can become <code>.namespace--comment</code>) or replace them with your defined ones (like <code>.editor__comment</code>). You can even add new classes.",owner:"dvkndn",noCSS:!0},"file-highlight":{title:"File Highlight",description:"Fetch external files and highlight them with Prism. Used on the Prism website itself.",noCSS:!0},"show-language":{title:"Show Language",description:"Display the highlighted language in code blocks (inline code does not show the label).",owner:"nauzilus",noCSS:!0,require:"toolbar"},"jsonp-highlight":{title:"JSONP Highlight",description:"Fetch content with JSONP and highlight some interesting content (e.g. GitHub/Gists or Bitbucket API).",noCSS:!0,owner:"nauzilus"},"highlight-keywords":{title:"Highlight Keywords",description:"Adds special CSS classes for each keyword for fine-grained highlighting.",owner:"vkbansal",noCSS:!0},"remove-initial-line-feed":{title:"Remove initial line feed",description:"Removes the initial line feed in code blocks.",owner:"Golmote",noCSS:!0},"inline-color":{title:"Inline color",description:"Adds a small inline preview for colors in style sheets.",require:"css-extras",owner:"RunDevelopment"},previewers:{title:"Previewers",description:"Previewers for angles, colors, gradients, easing and time.",require:"css-extras",owner:"Golmote"},autoloader:{title:"Autoloader",description:"Automatically loads the needed languages to highlight the code blocks.",owner:"Golmote",noCSS:!0},"keep-markup":{title:"Keep Markup",description:"Prevents custom markup from being dropped out during highlighting.",owner:"Golmote",optional:"normalize-whitespace",noCSS:!0},"command-line":{title:"Command Line",description:"Display a command line with a prompt and, optionally, the output/response from the commands.",owner:"chriswells0"},"unescaped-markup":{title:"Unescaped Markup",description:"Write markup without having to escape anything."},"normalize-whitespace":{title:"Normalize Whitespace",description:"Supports multiple operations to normalize whitespace in code blocks.",owner:"zeitgeist87",optional:"unescaped-markup",noCSS:!0},"data-uri-highlight":{title:"Data-URI Highlight",description:"Highlights data-URI contents.",owner:"Golmote",noCSS:!0},toolbar:{title:"Toolbar",description:"Attach a toolbar for plugins to easily register buttons on the top of a code block.",owner:"mAAdhaTTah"},"copy-to-clipboard":{title:"Copy to Clipboard Button",description:"Add a button that copies the code block to the clipboard when clicked.",owner:"mAAdhaTTah",require:"toolbar",noCSS:!0},"download-button":{title:"Download Button",description:"A button in the toolbar of a code block adding a convenient way to download a code file.",owner:"Golmote",require:"toolbar",noCSS:!0},"match-braces":{title:"Match braces",description:"Highlights matching braces.",owner:"RunDevelopment"},"diff-highlight":{title:"Diff Highlight",description:"Highlights the code inside diff blocks.",owner:"RunDevelopment",require:"diff"},"filter-highlight-all":{title:"Filter highlightAll",description:"Filters the elements the <code>highlightAll</code> and <code>highlightAllUnder</code> methods actually highlight.",owner:"RunDevelopment",noCSS:!0},treeview:{title:"Treeview",description:"A language with special styles to highlight file system tree structures.",owner:"Golmote"}}})},6532:(e,t,n)=>{const r=n(9227),o=n(9670),a=new Set;function i(e){void 0===e?e=Object.keys(r.languages).filter((e=>"meta"!=e)):Array.isArray(e)||(e=[e]);const t=[...a,...Object.keys(Prism.languages)];o(r,e,t).load((e=>{if(!(e in r.languages))return void(i.silent||console.warn("Language does not exist: "+e));const t="./prism-"+e;delete n.c[n(7507).resolve(t)],delete Prism.languages[e],n(7507)(t),a.add(e)}))}i.silent=!1,e.exports=i},1274:()=>{!function(e){function t(e,t){return"___"+e.toUpperCase()+t+"___"}Object.defineProperties(e.languages["markup-templating"]={},{buildPlaceholders:{value:function(n,r,o,a){if(n.language===r){var i=n.tokenStack=[];n.code=n.code.replace(o,(function(e){if("function"==typeof a&&!a(e))return e;for(var o,s=i.length;-1!==n.code.indexOf(o=t(r,s));)++s;return i[s]=e,o})),n.grammar=e.languages.markup}}},tokenizePlaceholders:{value:function(n,r){if(n.language===r&&n.tokenStack){n.grammar=e.languages[r];var o=0,a=Object.keys(n.tokenStack);!function i(s){for(var l=0;l<s.length&&!(o>=a.length);l++){var c=s[l];if("string"==typeof c||c.content&&"string"==typeof c.content){var u=a[o],d=n.tokenStack[u],p="string"==typeof c?c:c.content,f=t(r,u),m=p.indexOf(f);if(m>-1){++o;var h=p.substring(0,m),g=new e.Token(r,e.tokenize(d,n.grammar),"language-"+r,d),b=p.substring(m+f.length),y=[];h&&y.push.apply(y,i([h])),y.push(g),b&&y.push.apply(y,i([b])),"string"==typeof c?s.splice.apply(s,[l,1].concat(y)):c.content=y}}else c.content&&i(c.content)}return s}(n.tokens)}}}})}(Prism)},7507:(e,t,n)=>{var r={"./":6532};function o(e){var t=a(e);return n(t)}function a(e){if(!n.o(r,e)){var t=new Error("Cannot find module '"+e+"'");throw t.code="MODULE_NOT_FOUND",t}return r[e]}o.keys=function(){return Object.keys(r)},o.resolve=a,e.exports=o,o.id=7507},9670:e=>{"use strict";var t=function(){var e=function(){};function t(e,t){Array.isArray(e)?e.forEach(t):null!=e&&t(e,0)}function n(e){for(var t={},n=0,r=e.length;n<r;n++)t[e[n]]=!0;return t}function r(e){var n={},r=[];function o(r,a){if(!(r in n)){a.push(r);var i=a.indexOf(r);if(i<a.length-1)throw new Error("Circular dependency: "+a.slice(i).join(" -> "));var s={},l=e[r];if(l){function c(t){if(!(t in e))throw new Error(r+" depends on an unknown component "+t);if(!(t in s))for(var i in o(t,a),s[t]=!0,n[t])s[i]=!0}t(l.require,c),t(l.optional,c),t(l.modify,c)}n[r]=s,a.pop()}}return function(e){var t=n[e];return t||(o(e,r),t=n[e]),t}}function o(e){for(var t in e)return!0;return!1}return function(a,i,s){var l=function(e){var t={};for(var n in e){var r=e[n];for(var o in r)if("meta"!=o){var a=r[o];t[o]="string"==typeof a?{title:a}:a}}return t}(a),c=function(e){var n;return function(r){if(r in e)return r;if(!n)for(var o in n={},e){var a=e[o];t(a&&a.alias,(function(t){if(t in n)throw new Error(t+" cannot be alias for both "+o+" and "+n[t]);if(t in e)throw new Error(t+" cannot be alias of "+o+" because it is a component.");n[t]=o}))}return n[r]||r}}(l);i=i.map(c),s=(s||[]).map(c);var u=n(i),d=n(s);i.forEach((function e(n){var r=l[n];t(r&&r.require,(function(t){t in d||(u[t]=!0,e(t))}))}));for(var p,f=r(l),m=u;o(m);){for(var h in p={},m){var g=l[h];t(g&&g.modify,(function(e){e in d&&(p[e]=!0)}))}for(var b in d)if(!(b in u))for(var y in f(b))if(y in u){p[b]=!0;break}for(var v in m=p)u[v]=!0}var w={getIds:function(){var e=[];return w.load((function(t){e.push(t)})),e},load:function(t,n){return function(t,n,r,o){var a=o?o.series:void 0,i=o?o.parallel:e,s={},l={};function c(e){if(e in s)return s[e];l[e]=!0;var o,u=[];for(var d in t(e))d in n&&u.push(d);if(0===u.length)o=r(e);else{var p=i(u.map((function(e){var t=c(e);return delete l[e],t})));a?o=a(p,(function(){return r(e)})):r(e)}return s[e]=o}for(var u in n)c(u);var d=[];for(var p in l)d.push(s[p]);return i(d)}(f,u,t,n)}};return w}}();e.exports=t},6186:(e,t,n)=>{"use strict";var r=n(2985);function o(){}function a(){}a.resetWarningCache=o,e.exports=function(){function e(e,t,n,o,a,i){if(i!==r){var s=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");throw s.name="Invariant Violation",s}}function t(){return e}e.isRequired=e;var n={array:e,bigint:e,bool:e,func:e,number:e,object:e,string:e,symbol:e,any:e,arrayOf:t,element:e,elementType:e,instanceOf:t,node:e,objectOf:t,oneOf:t,oneOfType:t,shape:t,exact:t,checkPropTypes:a,resetWarningCache:o};return n.PropTypes=n,n}},2736:(e,t,n)=>{e.exports=n(6186)()},2985:e=>{"use strict";e.exports="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"},9481:(e,t,n)=>{"use strict";var r=n(758),o=n(1896);function a(e){for(var t="https://reactjs.org/docs/error-decoder.html?invariant="+e,n=1;n<arguments.length;n++)t+="&args[]="+encodeURIComponent(arguments[n]);return"Minified React error #"+e+"; visit "+t+" for the full message or use the non-minified dev environment for full errors and additional helpful warnings."}var i=new Set,s={};function l(e,t){c(e,t),c(e+"Capture",t)}function c(e,t){for(s[e]=t,e=0;e<t.length;e++)i.add(t[e])}var u=!("undefined"==typeof window||void 0===window.document||void 0===window.document.createElement),d=Object.prototype.hasOwnProperty,p=/^[:A-Z_a-z\u00C0-\u00D6\u00D8-\u00F6\u00F8-\u02FF\u0370-\u037D\u037F-\u1FFF\u200C-\u200D\u2070-\u218F\u2C00-\u2FEF\u3001-\uD7FF\uF900-\uFDCF\uFDF0-\uFFFD][:A-Z_a-z\u00C0-\u00D6\u00D8-\u00F6\u00F8-\u02FF\u0370-\u037D\u037F-\u1FFF\u200C-\u200D\u2070-\u218F\u2C00-\u2FEF\u3001-\uD7FF\uF900-\uFDCF\uFDF0-\uFFFD\-.0-9\u00B7\u0300-\u036F\u203F-\u2040]*$/,f={},m={};function h(e,t,n,r,o,a,i){this.acceptsBooleans=2===t||3===t||4===t,this.attributeName=r,this.attributeNamespace=o,this.mustUseProperty=n,this.propertyName=e,this.type=t,this.sanitizeURL=a,this.removeEmptyString=i}var g={};"children dangerouslySetInnerHTML defaultValue defaultChecked innerHTML suppressContentEditableWarning suppressHydrationWarning style".split(" ").forEach((function(e){g[e]=new h(e,0,!1,e,null,!1,!1)})),[["acceptCharset","accept-charset"],["className","class"],["htmlFor","for"],["httpEquiv","http-equiv"]].forEach((function(e){var t=e[0];g[t]=new h(t,1,!1,e[1],null,!1,!1)})),["contentEditable","draggable","spellCheck","value"].forEach((function(e){g[e]=new h(e,2,!1,e.toLowerCase(),null,!1,!1)})),["autoReverse","externalResourcesRequired","focusable","preserveAlpha"].forEach((function(e){g[e]=new h(e,2,!1,e,null,!1,!1)})),"allowFullScreen async autoFocus autoPlay controls default defer disabled disablePictureInPicture disableRemotePlayback formNoValidate hidden loop noModule noValidate open playsInline readOnly required reversed scoped seamless itemScope".split(" ").forEach((function(e){g[e]=new h(e,3,!1,e.toLowerCase(),null,!1,!1)})),["checked","multiple","muted","selected"].forEach((function(e){g[e]=new h(e,3,!0,e,null,!1,!1)})),["capture","download"].forEach((function(e){g[e]=new h(e,4,!1,e,null,!1,!1)})),["cols","rows","size","span"].forEach((function(e){g[e]=new h(e,6,!1,e,null,!1,!1)})),["rowSpan","start"].forEach((function(e){g[e]=new h(e,5,!1,e.toLowerCase(),null,!1,!1)}));var b=/[\-:]([a-z])/g;function y(e){return e[1].toUpperCase()}function v(e,t,n,r){var o=g.hasOwnProperty(t)?g[t]:null;(null!==o?0!==o.type:r||!(2<t.length)||"o"!==t[0]&&"O"!==t[0]||"n"!==t[1]&&"N"!==t[1])&&(function(e,t,n,r){if(null==t||function(e,t,n,r){if(null!==n&&0===n.type)return!1;switch(typeof t){case"function":case"symbol":return!0;case"boolean":return!r&&(null!==n?!n.acceptsBooleans:"data-"!==(e=e.toLowerCase().slice(0,5))&&"aria-"!==e);default:return!1}}(e,t,n,r))return!0;if(r)return!1;if(null!==n)switch(n.type){case 3:return!t;case 4:return!1===t;case 5:return isNaN(t);case 6:return isNaN(t)||1>t}return!1}(t,n,o,r)&&(n=null),r||null===o?function(e){return!!d.call(m,e)||!d.call(f,e)&&(p.test(e)?m[e]=!0:(f[e]=!0,!1))}(t)&&(null===n?e.removeAttribute(t):e.setAttribute(t,""+n)):o.mustUseProperty?e[o.propertyName]=null===n?3!==o.type&&"":n:(t=o.attributeName,r=o.attributeNamespace,null===n?e.removeAttribute(t):(n=3===(o=o.type)||4===o&&!0===n?"":""+n,r?e.setAttributeNS(r,t,n):e.setAttribute(t,n))))}"accent-height alignment-baseline arabic-form baseline-shift cap-height clip-path clip-rule color-interpolation color-interpolation-filters color-profile color-rendering dominant-baseline enable-background fill-opacity fill-rule flood-color flood-opacity font-family font-size font-size-adjust font-stretch font-style font-variant font-weight glyph-name glyph-orientation-horizontal glyph-orientation-vertical horiz-adv-x horiz-origin-x image-rendering letter-spacing lighting-color marker-end marker-mid marker-start overline-position overline-thickness paint-order panose-1 pointer-events rendering-intent shape-rendering stop-color stop-opacity strikethrough-position strikethrough-thickness stroke-dasharray stroke-dashoffset stroke-linecap stroke-linejoin stroke-miterlimit stroke-opacity stroke-width text-anchor text-decoration text-rendering underline-position underline-thickness unicode-bidi unicode-range units-per-em v-alphabetic v-hanging v-ideographic v-mathematical vector-effect vert-adv-y vert-origin-x vert-origin-y word-spacing writing-mode xmlns:xlink x-height".split(" ").forEach((function(e){var t=e.replace(b,y);g[t]=new h(t,1,!1,e,null,!1,!1)})),"xlink:actuate xlink:arcrole xlink:role xlink:show xlink:title xlink:type".split(" ").forEach((function(e){var t=e.replace(b,y);g[t]=new h(t,1,!1,e,"http://www.w3.org/1999/xlink",!1,!1)})),["xml:base","xml:lang","xml:space"].forEach((function(e){var t=e.replace(b,y);g[t]=new h(t,1,!1,e,"http://www.w3.org/XML/1998/namespace",!1,!1)})),["tabIndex","crossOrigin"].forEach((function(e){g[e]=new h(e,1,!1,e.toLowerCase(),null,!1,!1)})),g.xlinkHref=new h("xlinkHref",1,!1,"xlink:href","http://www.w3.org/1999/xlink",!0,!1),["src","href","action","formAction"].forEach((function(e){g[e]=new h(e,1,!1,e.toLowerCase(),null,!0,!0)}));var w=r.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED,k=Symbol.for("react.element"),S=Symbol.for("react.portal"),x=Symbol.for("react.fragment"),E=Symbol.for("react.strict_mode"),_=Symbol.for("react.profiler"),C=Symbol.for("react.provider"),j=Symbol.for("react.context"),O=Symbol.for("react.forward_ref"),A=Symbol.for("react.suspense"),T=Symbol.for("react.suspense_list"),P=Symbol.for("react.memo"),L=Symbol.for("react.lazy");Symbol.for("react.scope"),Symbol.for("react.debug_trace_mode");var I=Symbol.for("react.offscreen");Symbol.for("react.legacy_hidden"),Symbol.for("react.cache"),Symbol.for("react.tracing_marker");var N=Symbol.iterator;function R(e){return null===e||"object"!=typeof e?null:"function"==typeof(e=N&&e[N]||e["@@iterator"])?e:null}var D,M=Object.assign;function F(e){if(void 0===D)try{throw Error()}catch(n){var t=n.stack.trim().match(/\n( *(at )?)/);D=t&&t[1]||""}return"\n"+D+e}var z=!1;function B(e,t){if(!e||z)return"";z=!0;var n=Error.prepareStackTrace;Error.prepareStackTrace=void 0;try{if(t)if(t=function(){throw Error()},Object.defineProperty(t.prototype,"props",{set:function(){throw Error()}}),"object"==typeof Reflect&&Reflect.construct){try{Reflect.construct(t,[])}catch(c){var r=c}Reflect.construct(e,[],t)}else{try{t.call()}catch(c){r=c}e.call(t.prototype)}else{try{throw Error()}catch(c){r=c}e()}}catch(c){if(c&&r&&"string"==typeof c.stack){for(var o=c.stack.split("\n"),a=r.stack.split("\n"),i=o.length-1,s=a.length-1;1<=i&&0<=s&&o[i]!==a[s];)s--;for(;1<=i&&0<=s;i--,s--)if(o[i]!==a[s]){if(1!==i||1!==s)do{if(i--,0>--s||o[i]!==a[s]){var l="\n"+o[i].replace(" at new "," at ");return e.displayName&&l.includes("<anonymous>")&&(l=l.replace("<anonymous>",e.displayName)),l}}while(1<=i&&0<=s);break}}}finally{z=!1,Error.prepareStackTrace=n}return(e=e?e.displayName||e.name:"")?F(e):""}function U(e){switch(e.tag){case 5:return F(e.type);case 16:return F("Lazy");case 13:return F("Suspense");case 19:return F("SuspenseList");case 0:case 2:case 15:return e=B(e.type,!1);case 11:return e=B(e.type.render,!1);case 1:return e=B(e.type,!0);default:return""}}function q(e){if(null==e)return null;if("function"==typeof e)return e.displayName||e.name||null;if("string"==typeof e)return e;switch(e){case x:return"Fragment";case S:return"Portal";case _:return"Profiler";case E:return"StrictMode";case A:return"Suspense";case T:return"SuspenseList"}if("object"==typeof e)switch(e.$$typeof){case j:return(e.displayName||"Context")+".Consumer";case C:return(e._context.displayName||"Context")+".Provider";case O:var t=e.render;return(e=e.displayName)||(e=""!==(e=t.displayName||t.name||"")?"ForwardRef("+e+")":"ForwardRef"),e;case P:return null!==(t=e.displayName||null)?t:q(e.type)||"Memo";case L:t=e._payload,e=e._init;try{return q(e(t))}catch(n){}}return null}function $(e){var t=e.type;switch(e.tag){case 24:return"Cache";case 9:return(t.displayName||"Context")+".Consumer";case 10:return(t._context.displayName||"Context")+".Provider";case 18:return"DehydratedFragment";case 11:return e=(e=t.render).displayName||e.name||"",t.displayName||(""!==e?"ForwardRef("+e+")":"ForwardRef");case 7:return"Fragment";case 5:return t;case 4:return"Portal";case 3:return"Root";case 6:return"Text";case 16:return q(t);case 8:return t===E?"StrictMode":"Mode";case 22:return"Offscreen";case 12:return"Profiler";case 21:return"Scope";case 13:return"Suspense";case 19:return"SuspenseList";case 25:return"TracingMarker";case 1:case 0:case 17:case 2:case 14:case 15:if("function"==typeof t)return t.displayName||t.name||null;if("string"==typeof t)return t}return null}function H(e){switch(typeof e){case"boolean":case"number":case"string":case"undefined":case"object":return e;default:return""}}function V(e){var t=e.type;return(e=e.nodeName)&&"input"===e.toLowerCase()&&("checkbox"===t||"radio"===t)}function G(e){e._valueTracker||(e._valueTracker=function(e){var t=V(e)?"checked":"value",n=Object.getOwnPropertyDescriptor(e.constructor.prototype,t),r=""+e[t];if(!e.hasOwnProperty(t)&&void 0!==n&&"function"==typeof n.get&&"function"==typeof n.set){var o=n.get,a=n.set;return Object.defineProperty(e,t,{configurable:!0,get:function(){return o.call(this)},set:function(e){r=""+e,a.call(this,e)}}),Object.defineProperty(e,t,{enumerable:n.enumerable}),{getValue:function(){return r},setValue:function(e){r=""+e},stopTracking:function(){e._valueTracker=null,delete e[t]}}}}(e))}function W(e){if(!e)return!1;var t=e._valueTracker;if(!t)return!0;var n=t.getValue(),r="";return e&&(r=V(e)?e.checked?"true":"false":e.value),(e=r)!==n&&(t.setValue(e),!0)}function K(e){if(void 0===(e=e||("undefined"!=typeof document?document:void 0)))return null;try{return e.activeElement||e.body}catch(t){return e.body}}function Q(e,t){var n=t.checked;return M({},t,{defaultChecked:void 0,defaultValue:void 0,value:void 0,checked:null!=n?n:e._wrapperState.initialChecked})}function Y(e,t){var n=null==t.defaultValue?"":t.defaultValue,r=null!=t.checked?t.checked:t.defaultChecked;n=H(null!=t.value?t.value:n),e._wrapperState={initialChecked:r,initialValue:n,controlled:"checkbox"===t.type||"radio"===t.type?null!=t.checked:null!=t.value}}function Z(e,t){null!=(t=t.checked)&&v(e,"checked",t,!1)}function J(e,t){Z(e,t);var n=H(t.value),r=t.type;if(null!=n)"number"===r?(0===n&&""===e.value||e.value!=n)&&(e.value=""+n):e.value!==""+n&&(e.value=""+n);else if("submit"===r||"reset"===r)return void e.removeAttribute("value");t.hasOwnProperty("value")?ee(e,t.type,n):t.hasOwnProperty("defaultValue")&&ee(e,t.type,H(t.defaultValue)),null==t.checked&&null!=t.defaultChecked&&(e.defaultChecked=!!t.defaultChecked)}function X(e,t,n){if(t.hasOwnProperty("value")||t.hasOwnProperty("defaultValue")){var r=t.type;if(!("submit"!==r&&"reset"!==r||void 0!==t.value&&null!==t.value))return;t=""+e._wrapperState.initialValue,n||t===e.value||(e.value=t),e.defaultValue=t}""!==(n=e.name)&&(e.name=""),e.defaultChecked=!!e._wrapperState.initialChecked,""!==n&&(e.name=n)}function ee(e,t,n){"number"===t&&K(e.ownerDocument)===e||(null==n?e.defaultValue=""+e._wrapperState.initialValue:e.defaultValue!==""+n&&(e.defaultValue=""+n))}var te=Array.isArray;function ne(e,t,n,r){if(e=e.options,t){t={};for(var o=0;o<n.length;o++)t["$"+n[o]]=!0;for(n=0;n<e.length;n++)o=t.hasOwnProperty("$"+e[n].value),e[n].selected!==o&&(e[n].selected=o),o&&r&&(e[n].defaultSelected=!0)}else{for(n=""+H(n),t=null,o=0;o<e.length;o++){if(e[o].value===n)return e[o].selected=!0,void(r&&(e[o].defaultSelected=!0));null!==t||e[o].disabled||(t=e[o])}null!==t&&(t.selected=!0)}}function re(e,t){if(null!=t.dangerouslySetInnerHTML)throw Error(a(91));return M({},t,{value:void 0,defaultValue:void 0,children:""+e._wrapperState.initialValue})}function oe(e,t){var n=t.value;if(null==n){if(n=t.children,t=t.defaultValue,null!=n){if(null!=t)throw Error(a(92));if(te(n)){if(1<n.length)throw Error(a(93));n=n[0]}t=n}null==t&&(t=""),n=t}e._wrapperState={initialValue:H(n)}}function ae(e,t){var n=H(t.value),r=H(t.defaultValue);null!=n&&((n=""+n)!==e.value&&(e.value=n),null==t.defaultValue&&e.defaultValue!==n&&(e.defaultValue=n)),null!=r&&(e.defaultValue=""+r)}function ie(e){var t=e.textContent;t===e._wrapperState.initialValue&&""!==t&&null!==t&&(e.value=t)}function se(e){switch(e){case"svg":return"http://www.w3.org/2000/svg";case"math":return"http://www.w3.org/1998/Math/MathML";default:return"http://www.w3.org/1999/xhtml"}}function le(e,t){return null==e||"http://www.w3.org/1999/xhtml"===e?se(t):"http://www.w3.org/2000/svg"===e&&"foreignObject"===t?"http://www.w3.org/1999/xhtml":e}var ce,ue,de=(ue=function(e,t){if("http://www.w3.org/2000/svg"!==e.namespaceURI||"innerHTML"in e)e.innerHTML=t;else{for((ce=ce||document.createElement("div")).innerHTML="<svg>"+t.valueOf().toString()+"</svg>",t=ce.firstChild;e.firstChild;)e.removeChild(e.firstChild);for(;t.firstChild;)e.appendChild(t.firstChild)}},"undefined"!=typeof MSApp&&MSApp.execUnsafeLocalFunction?function(e,t,n,r){MSApp.execUnsafeLocalFunction((function(){return ue(e,t)}))}:ue);function pe(e,t){if(t){var n=e.firstChild;if(n&&n===e.lastChild&&3===n.nodeType)return void(n.nodeValue=t)}e.textContent=t}var fe={animationIterationCount:!0,aspectRatio:!0,borderImageOutset:!0,borderImageSlice:!0,borderImageWidth:!0,boxFlex:!0,boxFlexGroup:!0,boxOrdinalGroup:!0,columnCount:!0,columns:!0,flex:!0,flexGrow:!0,flexPositive:!0,flexShrink:!0,flexNegative:!0,flexOrder:!0,gridArea:!0,gridRow:!0,gridRowEnd:!0,gridRowSpan:!0,gridRowStart:!0,gridColumn:!0,gridColumnEnd:!0,gridColumnSpan:!0,gridColumnStart:!0,fontWeight:!0,lineClamp:!0,lineHeight:!0,opacity:!0,order:!0,orphans:!0,tabSize:!0,widows:!0,zIndex:!0,zoom:!0,fillOpacity:!0,floodOpacity:!0,stopOpacity:!0,strokeDasharray:!0,strokeDashoffset:!0,strokeMiterlimit:!0,strokeOpacity:!0,strokeWidth:!0},me=["Webkit","ms","Moz","O"];function he(e,t,n){return null==t||"boolean"==typeof t||""===t?"":n||"number"!=typeof t||0===t||fe.hasOwnProperty(e)&&fe[e]?(""+t).trim():t+"px"}function ge(e,t){for(var n in e=e.style,t)if(t.hasOwnProperty(n)){var r=0===n.indexOf("--"),o=he(n,t[n],r);"float"===n&&(n="cssFloat"),r?e.setProperty(n,o):e[n]=o}}Object.keys(fe).forEach((function(e){me.forEach((function(t){t=t+e.charAt(0).toUpperCase()+e.substring(1),fe[t]=fe[e]}))}));var be=M({menuitem:!0},{area:!0,base:!0,br:!0,col:!0,embed:!0,hr:!0,img:!0,input:!0,keygen:!0,link:!0,meta:!0,param:!0,source:!0,track:!0,wbr:!0});function ye(e,t){if(t){if(be[e]&&(null!=t.children||null!=t.dangerouslySetInnerHTML))throw Error(a(137,e));if(null!=t.dangerouslySetInnerHTML){if(null!=t.children)throw Error(a(60));if("object"!=typeof t.dangerouslySetInnerHTML||!("__html"in t.dangerouslySetInnerHTML))throw Error(a(61))}if(null!=t.style&&"object"!=typeof t.style)throw Error(a(62))}}function ve(e,t){if(-1===e.indexOf("-"))return"string"==typeof t.is;switch(e){case"annotation-xml":case"color-profile":case"font-face":case"font-face-src":case"font-face-uri":case"font-face-format":case"font-face-name":case"missing-glyph":return!1;default:return!0}}var we=null;function ke(e){return(e=e.target||e.srcElement||window).correspondingUseElement&&(e=e.correspondingUseElement),3===e.nodeType?e.parentNode:e}var Se=null,xe=null,Ee=null;function _e(e){if(e=wo(e)){if("function"!=typeof Se)throw Error(a(280));var t=e.stateNode;t&&(t=So(t),Se(e.stateNode,e.type,t))}}function Ce(e){xe?Ee?Ee.push(e):Ee=[e]:xe=e}function je(){if(xe){var e=xe,t=Ee;if(Ee=xe=null,_e(e),t)for(e=0;e<t.length;e++)_e(t[e])}}function Oe(e,t){return e(t)}function Ae(){}var Te=!1;function Pe(e,t,n){if(Te)return e(t,n);Te=!0;try{return Oe(e,t,n)}finally{Te=!1,(null!==xe||null!==Ee)&&(Ae(),je())}}function Le(e,t){var n=e.stateNode;if(null===n)return null;var r=So(n);if(null===r)return null;n=r[t];e:switch(t){case"onClick":case"onClickCapture":case"onDoubleClick":case"onDoubleClickCapture":case"onMouseDown":case"onMouseDownCapture":case"onMouseMove":case"onMouseMoveCapture":case"onMouseUp":case"onMouseUpCapture":case"onMouseEnter":(r=!r.disabled)||(r=!("button"===(e=e.type)||"input"===e||"select"===e||"textarea"===e)),e=!r;break e;default:e=!1}if(e)return null;if(n&&"function"!=typeof n)throw Error(a(231,t,typeof n));return n}var Ie=!1;if(u)try{var Ne={};Object.defineProperty(Ne,"passive",{get:function(){Ie=!0}}),window.addEventListener("test",Ne,Ne),window.removeEventListener("test",Ne,Ne)}catch(ue){Ie=!1}function Re(e,t,n,r,o,a,i,s,l){var c=Array.prototype.slice.call(arguments,3);try{t.apply(n,c)}catch(u){this.onError(u)}}var De=!1,Me=null,Fe=!1,ze=null,Be={onError:function(e){De=!0,Me=e}};function Ue(e,t,n,r,o,a,i,s,l){De=!1,Me=null,Re.apply(Be,arguments)}function qe(e){var t=e,n=e;if(e.alternate)for(;t.return;)t=t.return;else{e=t;do{!!(4098&(t=e).flags)&&(n=t.return),e=t.return}while(e)}return 3===t.tag?n:null}function $e(e){if(13===e.tag){var t=e.memoizedState;if(null===t&&(null!==(e=e.alternate)&&(t=e.memoizedState)),null!==t)return t.dehydrated}return null}function He(e){if(qe(e)!==e)throw Error(a(188))}function Ve(e){return null!==(e=function(e){var t=e.alternate;if(!t){if(null===(t=qe(e)))throw Error(a(188));return t!==e?null:e}for(var n=e,r=t;;){var o=n.return;if(null===o)break;var i=o.alternate;if(null===i){if(null!==(r=o.return)){n=r;continue}break}if(o.child===i.child){for(i=o.child;i;){if(i===n)return He(o),e;if(i===r)return He(o),t;i=i.sibling}throw Error(a(188))}if(n.return!==r.return)n=o,r=i;else{for(var s=!1,l=o.child;l;){if(l===n){s=!0,n=o,r=i;break}if(l===r){s=!0,r=o,n=i;break}l=l.sibling}if(!s){for(l=i.child;l;){if(l===n){s=!0,n=i,r=o;break}if(l===r){s=!0,r=i,n=o;break}l=l.sibling}if(!s)throw Error(a(189))}}if(n.alternate!==r)throw Error(a(190))}if(3!==n.tag)throw Error(a(188));return n.stateNode.current===n?e:t}(e))?Ge(e):null}function Ge(e){if(5===e.tag||6===e.tag)return e;for(e=e.child;null!==e;){var t=Ge(e);if(null!==t)return t;e=e.sibling}return null}var We=o.unstable_scheduleCallback,Ke=o.unstable_cancelCallback,Qe=o.unstable_shouldYield,Ye=o.unstable_requestPaint,Ze=o.unstable_now,Je=o.unstable_getCurrentPriorityLevel,Xe=o.unstable_ImmediatePriority,et=o.unstable_UserBlockingPriority,tt=o.unstable_NormalPriority,nt=o.unstable_LowPriority,rt=o.unstable_IdlePriority,ot=null,at=null;var it=Math.clz32?Math.clz32:function(e){return e>>>=0,0===e?32:31-(st(e)/lt|0)|0},st=Math.log,lt=Math.LN2;var ct=64,ut=4194304;function dt(e){switch(e&-e){case 1:return 1;case 2:return 2;case 4:return 4;case 8:return 8;case 16:return 16;case 32:return 32;case 64:case 128:case 256:case 512:case 1024:case 2048:case 4096:case 8192:case 16384:case 32768:case 65536:case 131072:case 262144:case 524288:case 1048576:case 2097152:return 4194240&e;case 4194304:case 8388608:case 16777216:case 33554432:case 67108864:return 130023424&e;case 134217728:return 134217728;case 268435456:return 268435456;case 536870912:return 536870912;case 1073741824:return 1073741824;default:return e}}function pt(e,t){var n=e.pendingLanes;if(0===n)return 0;var r=0,o=e.suspendedLanes,a=e.pingedLanes,i=268435455&n;if(0!==i){var s=i&~o;0!==s?r=dt(s):0!==(a&=i)&&(r=dt(a))}else 0!==(i=n&~o)?r=dt(i):0!==a&&(r=dt(a));if(0===r)return 0;if(0!==t&&t!==r&&!(t&o)&&((o=r&-r)>=(a=t&-t)||16===o&&4194240&a))return t;if(4&r&&(r|=16&n),0!==(t=e.entangledLanes))for(e=e.entanglements,t&=r;0<t;)o=1<<(n=31-it(t)),r|=e[n],t&=~o;return r}function ft(e,t){switch(e){case 1:case 2:case 4:return t+250;case 8:case 16:case 32:case 64:case 128:case 256:case 512:case 1024:case 2048:case 4096:case 8192:case 16384:case 32768:case 65536:case 131072:case 262144:case 524288:case 1048576:case 2097152:return t+5e3;default:return-1}}function mt(e){return 0!==(e=-1073741825&e.pendingLanes)?e:1073741824&e?1073741824:0}function ht(){var e=ct;return!(4194240&(ct<<=1))&&(ct=64),e}function gt(e){for(var t=[],n=0;31>n;n++)t.push(e);return t}function bt(e,t,n){e.pendingLanes|=t,536870912!==t&&(e.suspendedLanes=0,e.pingedLanes=0),(e=e.eventTimes)[t=31-it(t)]=n}function yt(e,t){var n=e.entangledLanes|=t;for(e=e.entanglements;n;){var r=31-it(n),o=1<<r;o&t|e[r]&t&&(e[r]|=t),n&=~o}}var vt=0;function wt(e){return 1<(e&=-e)?4<e?268435455&e?16:536870912:4:1}var kt,St,xt,Et,_t,Ct=!1,jt=[],Ot=null,At=null,Tt=null,Pt=new Map,Lt=new Map,It=[],Nt="mousedown mouseup touchcancel touchend touchstart auxclick dblclick pointercancel pointerdown pointerup dragend dragstart drop compositionend compositionstart keydown keypress keyup input textInput copy cut paste click change contextmenu reset submit".split(" ");function Rt(e,t){switch(e){case"focusin":case"focusout":Ot=null;break;case"dragenter":case"dragleave":At=null;break;case"mouseover":case"mouseout":Tt=null;break;case"pointerover":case"pointerout":Pt.delete(t.pointerId);break;case"gotpointercapture":case"lostpointercapture":Lt.delete(t.pointerId)}}function Dt(e,t,n,r,o,a){return null===e||e.nativeEvent!==a?(e={blockedOn:t,domEventName:n,eventSystemFlags:r,nativeEvent:a,targetContainers:[o]},null!==t&&(null!==(t=wo(t))&&St(t)),e):(e.eventSystemFlags|=r,t=e.targetContainers,null!==o&&-1===t.indexOf(o)&&t.push(o),e)}function Mt(e){var t=vo(e.target);if(null!==t){var n=qe(t);if(null!==n)if(13===(t=n.tag)){if(null!==(t=$e(n)))return e.blockedOn=t,void _t(e.priority,(function(){xt(n)}))}else if(3===t&&n.stateNode.current.memoizedState.isDehydrated)return void(e.blockedOn=3===n.tag?n.stateNode.containerInfo:null)}e.blockedOn=null}function Ft(e){if(null!==e.blockedOn)return!1;for(var t=e.targetContainers;0<t.length;){var n=Qt(e.domEventName,e.eventSystemFlags,t[0],e.nativeEvent);if(null!==n)return null!==(t=wo(n))&&St(t),e.blockedOn=n,!1;var r=new(n=e.nativeEvent).constructor(n.type,n);we=r,n.target.dispatchEvent(r),we=null,t.shift()}return!0}function zt(e,t,n){Ft(e)&&n.delete(t)}function Bt(){Ct=!1,null!==Ot&&Ft(Ot)&&(Ot=null),null!==At&&Ft(At)&&(At=null),null!==Tt&&Ft(Tt)&&(Tt=null),Pt.forEach(zt),Lt.forEach(zt)}function Ut(e,t){e.blockedOn===t&&(e.blockedOn=null,Ct||(Ct=!0,o.unstable_scheduleCallback(o.unstable_NormalPriority,Bt)))}function qt(e){function t(t){return Ut(t,e)}if(0<jt.length){Ut(jt[0],e);for(var n=1;n<jt.length;n++){var r=jt[n];r.blockedOn===e&&(r.blockedOn=null)}}for(null!==Ot&&Ut(Ot,e),null!==At&&Ut(At,e),null!==Tt&&Ut(Tt,e),Pt.forEach(t),Lt.forEach(t),n=0;n<It.length;n++)(r=It[n]).blockedOn===e&&(r.blockedOn=null);for(;0<It.length&&null===(n=It[0]).blockedOn;)Mt(n),null===n.blockedOn&&It.shift()}var $t=w.ReactCurrentBatchConfig,Ht=!0;function Vt(e,t,n,r){var o=vt,a=$t.transition;$t.transition=null;try{vt=1,Wt(e,t,n,r)}finally{vt=o,$t.transition=a}}function Gt(e,t,n,r){var o=vt,a=$t.transition;$t.transition=null;try{vt=4,Wt(e,t,n,r)}finally{vt=o,$t.transition=a}}function Wt(e,t,n,r){if(Ht){var o=Qt(e,t,n,r);if(null===o)Hr(e,t,r,Kt,n),Rt(e,r);else if(function(e,t,n,r,o){switch(t){case"focusin":return Ot=Dt(Ot,e,t,n,r,o),!0;case"dragenter":return At=Dt(At,e,t,n,r,o),!0;case"mouseover":return Tt=Dt(Tt,e,t,n,r,o),!0;case"pointerover":var a=o.pointerId;return Pt.set(a,Dt(Pt.get(a)||null,e,t,n,r,o)),!0;case"gotpointercapture":return a=o.pointerId,Lt.set(a,Dt(Lt.get(a)||null,e,t,n,r,o)),!0}return!1}(o,e,t,n,r))r.stopPropagation();else if(Rt(e,r),4&t&&-1<Nt.indexOf(e)){for(;null!==o;){var a=wo(o);if(null!==a&&kt(a),null===(a=Qt(e,t,n,r))&&Hr(e,t,r,Kt,n),a===o)break;o=a}null!==o&&r.stopPropagation()}else Hr(e,t,r,null,n)}}var Kt=null;function Qt(e,t,n,r){if(Kt=null,null!==(e=vo(e=ke(r))))if(null===(t=qe(e)))e=null;else if(13===(n=t.tag)){if(null!==(e=$e(t)))return e;e=null}else if(3===n){if(t.stateNode.current.memoizedState.isDehydrated)return 3===t.tag?t.stateNode.containerInfo:null;e=null}else t!==e&&(e=null);return Kt=e,null}function Yt(e){switch(e){case"cancel":case"click":case"close":case"contextmenu":case"copy":case"cut":case"auxclick":case"dblclick":case"dragend":case"dragstart":case"drop":case"focusin":case"focusout":case"input":case"invalid":case"keydown":case"keypress":case"keyup":case"mousedown":case"mouseup":case"paste":case"pause":case"play":case"pointercancel":case"pointerdown":case"pointerup":case"ratechange":case"reset":case"resize":case"seeked":case"submit":case"touchcancel":case"touchend":case"touchstart":case"volumechange":case"change":case"selectionchange":case"textInput":case"compositionstart":case"compositionend":case"compositionupdate":case"beforeblur":case"afterblur":case"beforeinput":case"blur":case"fullscreenchange":case"focus":case"hashchange":case"popstate":case"select":case"selectstart":return 1;case"drag":case"dragenter":case"dragexit":case"dragleave":case"dragover":case"mousemove":case"mouseout":case"mouseover":case"pointermove":case"pointerout":case"pointerover":case"scroll":case"toggle":case"touchmove":case"wheel":case"mouseenter":case"mouseleave":case"pointerenter":case"pointerleave":return 4;case"message":switch(Je()){case Xe:return 1;case et:return 4;case tt:case nt:return 16;case rt:return 536870912;default:return 16}default:return 16}}var Zt=null,Jt=null,Xt=null;function en(){if(Xt)return Xt;var e,t,n=Jt,r=n.length,o="value"in Zt?Zt.value:Zt.textContent,a=o.length;for(e=0;e<r&&n[e]===o[e];e++);var i=r-e;for(t=1;t<=i&&n[r-t]===o[a-t];t++);return Xt=o.slice(e,1<t?1-t:void 0)}function tn(e){var t=e.keyCode;return"charCode"in e?0===(e=e.charCode)&&13===t&&(e=13):e=t,10===e&&(e=13),32<=e||13===e?e:0}function nn(){return!0}function rn(){return!1}function on(e){function t(t,n,r,o,a){for(var i in this._reactName=t,this._targetInst=r,this.type=n,this.nativeEvent=o,this.target=a,this.currentTarget=null,e)e.hasOwnProperty(i)&&(t=e[i],this[i]=t?t(o):o[i]);return this.isDefaultPrevented=(null!=o.defaultPrevented?o.defaultPrevented:!1===o.returnValue)?nn:rn,this.isPropagationStopped=rn,this}return M(t.prototype,{preventDefault:function(){this.defaultPrevented=!0;var e=this.nativeEvent;e&&(e.preventDefault?e.preventDefault():"unknown"!=typeof e.returnValue&&(e.returnValue=!1),this.isDefaultPrevented=nn)},stopPropagation:function(){var e=this.nativeEvent;e&&(e.stopPropagation?e.stopPropagation():"unknown"!=typeof e.cancelBubble&&(e.cancelBubble=!0),this.isPropagationStopped=nn)},persist:function(){},isPersistent:nn}),t}var an,sn,ln,cn={eventPhase:0,bubbles:0,cancelable:0,timeStamp:function(e){return e.timeStamp||Date.now()},defaultPrevented:0,isTrusted:0},un=on(cn),dn=M({},cn,{view:0,detail:0}),pn=on(dn),fn=M({},dn,{screenX:0,screenY:0,clientX:0,clientY:0,pageX:0,pageY:0,ctrlKey:0,shiftKey:0,altKey:0,metaKey:0,getModifierState:_n,button:0,buttons:0,relatedTarget:function(e){return void 0===e.relatedTarget?e.fromElement===e.srcElement?e.toElement:e.fromElement:e.relatedTarget},movementX:function(e){return"movementX"in e?e.movementX:(e!==ln&&(ln&&"mousemove"===e.type?(an=e.screenX-ln.screenX,sn=e.screenY-ln.screenY):sn=an=0,ln=e),an)},movementY:function(e){return"movementY"in e?e.movementY:sn}}),mn=on(fn),hn=on(M({},fn,{dataTransfer:0})),gn=on(M({},dn,{relatedTarget:0})),bn=on(M({},cn,{animationName:0,elapsedTime:0,pseudoElement:0})),yn=M({},cn,{clipboardData:function(e){return"clipboardData"in e?e.clipboardData:window.clipboardData}}),vn=on(yn),wn=on(M({},cn,{data:0})),kn={Esc:"Escape",Spacebar:" ",Left:"ArrowLeft",Up:"ArrowUp",Right:"ArrowRight",Down:"ArrowDown",Del:"Delete",Win:"OS",Menu:"ContextMenu",Apps:"ContextMenu",Scroll:"ScrollLock",MozPrintableKey:"Unidentified"},Sn={8:"Backspace",9:"Tab",12:"Clear",13:"Enter",16:"Shift",17:"Control",18:"Alt",19:"Pause",20:"CapsLock",27:"Escape",32:" ",33:"PageUp",34:"PageDown",35:"End",36:"Home",37:"ArrowLeft",38:"ArrowUp",39:"ArrowRight",40:"ArrowDown",45:"Insert",46:"Delete",112:"F1",113:"F2",114:"F3",115:"F4",116:"F5",117:"F6",118:"F7",119:"F8",120:"F9",121:"F10",122:"F11",123:"F12",144:"NumLock",145:"ScrollLock",224:"Meta"},xn={Alt:"altKey",Control:"ctrlKey",Meta:"metaKey",Shift:"shiftKey"};function En(e){var t=this.nativeEvent;return t.getModifierState?t.getModifierState(e):!!(e=xn[e])&&!!t[e]}function _n(){return En}var Cn=M({},dn,{key:function(e){if(e.key){var t=kn[e.key]||e.key;if("Unidentified"!==t)return t}return"keypress"===e.type?13===(e=tn(e))?"Enter":String.fromCharCode(e):"keydown"===e.type||"keyup"===e.type?Sn[e.keyCode]||"Unidentified":""},code:0,location:0,ctrlKey:0,shiftKey:0,altKey:0,metaKey:0,repeat:0,locale:0,getModifierState:_n,charCode:function(e){return"keypress"===e.type?tn(e):0},keyCode:function(e){return"keydown"===e.type||"keyup"===e.type?e.keyCode:0},which:function(e){return"keypress"===e.type?tn(e):"keydown"===e.type||"keyup"===e.type?e.keyCode:0}}),jn=on(Cn),On=on(M({},fn,{pointerId:0,width:0,height:0,pressure:0,tangentialPressure:0,tiltX:0,tiltY:0,twist:0,pointerType:0,isPrimary:0})),An=on(M({},dn,{touches:0,targetTouches:0,changedTouches:0,altKey:0,metaKey:0,ctrlKey:0,shiftKey:0,getModifierState:_n})),Tn=on(M({},cn,{propertyName:0,elapsedTime:0,pseudoElement:0})),Pn=M({},fn,{deltaX:function(e){return"deltaX"in e?e.deltaX:"wheelDeltaX"in e?-e.wheelDeltaX:0},deltaY:function(e){return"deltaY"in e?e.deltaY:"wheelDeltaY"in e?-e.wheelDeltaY:"wheelDelta"in e?-e.wheelDelta:0},deltaZ:0,deltaMode:0}),Ln=on(Pn),In=[9,13,27,32],Nn=u&&"CompositionEvent"in window,Rn=null;u&&"documentMode"in document&&(Rn=document.documentMode);var Dn=u&&"TextEvent"in window&&!Rn,Mn=u&&(!Nn||Rn&&8<Rn&&11>=Rn),Fn=String.fromCharCode(32),zn=!1;function Bn(e,t){switch(e){case"keyup":return-1!==In.indexOf(t.keyCode);case"keydown":return 229!==t.keyCode;case"keypress":case"mousedown":case"focusout":return!0;default:return!1}}function Un(e){return"object"==typeof(e=e.detail)&&"data"in e?e.data:null}var qn=!1;var $n={color:!0,date:!0,datetime:!0,"datetime-local":!0,email:!0,month:!0,number:!0,password:!0,range:!0,search:!0,tel:!0,text:!0,time:!0,url:!0,week:!0};function Hn(e){var t=e&&e.nodeName&&e.nodeName.toLowerCase();return"input"===t?!!$n[e.type]:"textarea"===t}function Vn(e,t,n,r){Ce(r),0<(t=Gr(t,"onChange")).length&&(n=new un("onChange","change",null,n,r),e.push({event:n,listeners:t}))}var Gn=null,Wn=null;function Kn(e){Fr(e,0)}function Qn(e){if(W(ko(e)))return e}function Yn(e,t){if("change"===e)return t}var Zn=!1;if(u){var Jn;if(u){var Xn="oninput"in document;if(!Xn){var er=document.createElement("div");er.setAttribute("oninput","return;"),Xn="function"==typeof er.oninput}Jn=Xn}else Jn=!1;Zn=Jn&&(!document.documentMode||9<document.documentMode)}function tr(){Gn&&(Gn.detachEvent("onpropertychange",nr),Wn=Gn=null)}function nr(e){if("value"===e.propertyName&&Qn(Wn)){var t=[];Vn(t,Wn,e,ke(e)),Pe(Kn,t)}}function rr(e,t,n){"focusin"===e?(tr(),Wn=n,(Gn=t).attachEvent("onpropertychange",nr)):"focusout"===e&&tr()}function or(e){if("selectionchange"===e||"keyup"===e||"keydown"===e)return Qn(Wn)}function ar(e,t){if("click"===e)return Qn(t)}function ir(e,t){if("input"===e||"change"===e)return Qn(t)}var sr="function"==typeof Object.is?Object.is:function(e,t){return e===t&&(0!==e||1/e==1/t)||e!=e&&t!=t};function lr(e,t){if(sr(e,t))return!0;if("object"!=typeof e||null===e||"object"!=typeof t||null===t)return!1;var n=Object.keys(e),r=Object.keys(t);if(n.length!==r.length)return!1;for(r=0;r<n.length;r++){var o=n[r];if(!d.call(t,o)||!sr(e[o],t[o]))return!1}return!0}function cr(e){for(;e&&e.firstChild;)e=e.firstChild;return e}function ur(e,t){var n,r=cr(e);for(e=0;r;){if(3===r.nodeType){if(n=e+r.textContent.length,e<=t&&n>=t)return{node:r,offset:t-e};e=n}e:{for(;r;){if(r.nextSibling){r=r.nextSibling;break e}r=r.parentNode}r=void 0}r=cr(r)}}function dr(e,t){return!(!e||!t)&&(e===t||(!e||3!==e.nodeType)&&(t&&3===t.nodeType?dr(e,t.parentNode):"contains"in e?e.contains(t):!!e.compareDocumentPosition&&!!(16&e.compareDocumentPosition(t))))}function pr(){for(var e=window,t=K();t instanceof e.HTMLIFrameElement;){try{var n="string"==typeof t.contentWindow.location.href}catch(r){n=!1}if(!n)break;t=K((e=t.contentWindow).document)}return t}function fr(e){var t=e&&e.nodeName&&e.nodeName.toLowerCase();return t&&("input"===t&&("text"===e.type||"search"===e.type||"tel"===e.type||"url"===e.type||"password"===e.type)||"textarea"===t||"true"===e.contentEditable)}function mr(e){var t=pr(),n=e.focusedElem,r=e.selectionRange;if(t!==n&&n&&n.ownerDocument&&dr(n.ownerDocument.documentElement,n)){if(null!==r&&fr(n))if(t=r.start,void 0===(e=r.end)&&(e=t),"selectionStart"in n)n.selectionStart=t,n.selectionEnd=Math.min(e,n.value.length);else if((e=(t=n.ownerDocument||document)&&t.defaultView||window).getSelection){e=e.getSelection();var o=n.textContent.length,a=Math.min(r.start,o);r=void 0===r.end?a:Math.min(r.end,o),!e.extend&&a>r&&(o=r,r=a,a=o),o=ur(n,a);var i=ur(n,r);o&&i&&(1!==e.rangeCount||e.anchorNode!==o.node||e.anchorOffset!==o.offset||e.focusNode!==i.node||e.focusOffset!==i.offset)&&((t=t.createRange()).setStart(o.node,o.offset),e.removeAllRanges(),a>r?(e.addRange(t),e.extend(i.node,i.offset)):(t.setEnd(i.node,i.offset),e.addRange(t)))}for(t=[],e=n;e=e.parentNode;)1===e.nodeType&&t.push({element:e,left:e.scrollLeft,top:e.scrollTop});for("function"==typeof n.focus&&n.focus(),n=0;n<t.length;n++)(e=t[n]).element.scrollLeft=e.left,e.element.scrollTop=e.top}}var hr=u&&"documentMode"in document&&11>=document.documentMode,gr=null,br=null,yr=null,vr=!1;function wr(e,t,n){var r=n.window===n?n.document:9===n.nodeType?n:n.ownerDocument;vr||null==gr||gr!==K(r)||("selectionStart"in(r=gr)&&fr(r)?r={start:r.selectionStart,end:r.selectionEnd}:r={anchorNode:(r=(r.ownerDocument&&r.ownerDocument.defaultView||window).getSelection()).anchorNode,anchorOffset:r.anchorOffset,focusNode:r.focusNode,focusOffset:r.focusOffset},yr&&lr(yr,r)||(yr=r,0<(r=Gr(br,"onSelect")).length&&(t=new un("onSelect","select",null,t,n),e.push({event:t,listeners:r}),t.target=gr)))}function kr(e,t){var n={};return n[e.toLowerCase()]=t.toLowerCase(),n["Webkit"+e]="webkit"+t,n["Moz"+e]="moz"+t,n}var Sr={animationend:kr("Animation","AnimationEnd"),animationiteration:kr("Animation","AnimationIteration"),animationstart:kr("Animation","AnimationStart"),transitionend:kr("Transition","TransitionEnd")},xr={},Er={};function _r(e){if(xr[e])return xr[e];if(!Sr[e])return e;var t,n=Sr[e];for(t in n)if(n.hasOwnProperty(t)&&t in Er)return xr[e]=n[t];return e}u&&(Er=document.createElement("div").style,"AnimationEvent"in window||(delete Sr.animationend.animation,delete Sr.animationiteration.animation,delete Sr.animationstart.animation),"TransitionEvent"in window||delete Sr.transitionend.transition);var Cr=_r("animationend"),jr=_r("animationiteration"),Or=_r("animationstart"),Ar=_r("transitionend"),Tr=new Map,Pr="abort auxClick cancel canPlay canPlayThrough click close contextMenu copy cut drag dragEnd dragEnter dragExit dragLeave dragOver dragStart drop durationChange emptied encrypted ended error gotPointerCapture input invalid keyDown keyPress keyUp load loadedData loadedMetadata loadStart lostPointerCapture mouseDown mouseMove mouseOut mouseOver mouseUp paste pause play playing pointerCancel pointerDown pointerMove pointerOut pointerOver pointerUp progress rateChange reset resize seeked seeking stalled submit suspend timeUpdate touchCancel touchEnd touchStart volumeChange scroll toggle touchMove waiting wheel".split(" ");function Lr(e,t){Tr.set(e,t),l(t,[e])}for(var Ir=0;Ir<Pr.length;Ir++){var Nr=Pr[Ir];Lr(Nr.toLowerCase(),"on"+(Nr[0].toUpperCase()+Nr.slice(1)))}Lr(Cr,"onAnimationEnd"),Lr(jr,"onAnimationIteration"),Lr(Or,"onAnimationStart"),Lr("dblclick","onDoubleClick"),Lr("focusin","onFocus"),Lr("focusout","onBlur"),Lr(Ar,"onTransitionEnd"),c("onMouseEnter",["mouseout","mouseover"]),c("onMouseLeave",["mouseout","mouseover"]),c("onPointerEnter",["pointerout","pointerover"]),c("onPointerLeave",["pointerout","pointerover"]),l("onChange","change click focusin focusout input keydown keyup selectionchange".split(" ")),l("onSelect","focusout contextmenu dragend focusin keydown keyup mousedown mouseup selectionchange".split(" ")),l("onBeforeInput",["compositionend","keypress","textInput","paste"]),l("onCompositionEnd","compositionend focusout keydown keypress keyup mousedown".split(" ")),l("onCompositionStart","compositionstart focusout keydown keypress keyup mousedown".split(" ")),l("onCompositionUpdate","compositionupdate focusout keydown keypress keyup mousedown".split(" "));var Rr="abort canplay canplaythrough durationchange emptied encrypted ended error loadeddata loadedmetadata loadstart pause play playing progress ratechange resize seeked seeking stalled suspend timeupdate volumechange waiting".split(" "),Dr=new Set("cancel close invalid load scroll toggle".split(" ").concat(Rr));function Mr(e,t,n){var r=e.type||"unknown-event";e.currentTarget=n,function(e,t,n,r,o,i,s,l,c){if(Ue.apply(this,arguments),De){if(!De)throw Error(a(198));var u=Me;De=!1,Me=null,Fe||(Fe=!0,ze=u)}}(r,t,void 0,e),e.currentTarget=null}function Fr(e,t){t=!!(4&t);for(var n=0;n<e.length;n++){var r=e[n],o=r.event;r=r.listeners;e:{var a=void 0;if(t)for(var i=r.length-1;0<=i;i--){var s=r[i],l=s.instance,c=s.currentTarget;if(s=s.listener,l!==a&&o.isPropagationStopped())break e;Mr(o,s,c),a=l}else for(i=0;i<r.length;i++){if(l=(s=r[i]).instance,c=s.currentTarget,s=s.listener,l!==a&&o.isPropagationStopped())break e;Mr(o,s,c),a=l}}}if(Fe)throw e=ze,Fe=!1,ze=null,e}function zr(e,t){var n=t[go];void 0===n&&(n=t[go]=new Set);var r=e+"__bubble";n.has(r)||($r(t,e,2,!1),n.add(r))}function Br(e,t,n){var r=0;t&&(r|=4),$r(n,e,r,t)}var Ur="_reactListening"+Math.random().toString(36).slice(2);function qr(e){if(!e[Ur]){e[Ur]=!0,i.forEach((function(t){"selectionchange"!==t&&(Dr.has(t)||Br(t,!1,e),Br(t,!0,e))}));var t=9===e.nodeType?e:e.ownerDocument;null===t||t[Ur]||(t[Ur]=!0,Br("selectionchange",!1,t))}}function $r(e,t,n,r){switch(Yt(t)){case 1:var o=Vt;break;case 4:o=Gt;break;default:o=Wt}n=o.bind(null,t,n,e),o=void 0,!Ie||"touchstart"!==t&&"touchmove"!==t&&"wheel"!==t||(o=!0),r?void 0!==o?e.addEventListener(t,n,{capture:!0,passive:o}):e.addEventListener(t,n,!0):void 0!==o?e.addEventListener(t,n,{passive:o}):e.addEventListener(t,n,!1)}function Hr(e,t,n,r,o){var a=r;if(!(1&t||2&t||null===r))e:for(;;){if(null===r)return;var i=r.tag;if(3===i||4===i){var s=r.stateNode.containerInfo;if(s===o||8===s.nodeType&&s.parentNode===o)break;if(4===i)for(i=r.return;null!==i;){var l=i.tag;if((3===l||4===l)&&((l=i.stateNode.containerInfo)===o||8===l.nodeType&&l.parentNode===o))return;i=i.return}for(;null!==s;){if(null===(i=vo(s)))return;if(5===(l=i.tag)||6===l){r=a=i;continue e}s=s.parentNode}}r=r.return}Pe((function(){var r=a,o=ke(n),i=[];e:{var s=Tr.get(e);if(void 0!==s){var l=un,c=e;switch(e){case"keypress":if(0===tn(n))break e;case"keydown":case"keyup":l=jn;break;case"focusin":c="focus",l=gn;break;case"focusout":c="blur",l=gn;break;case"beforeblur":case"afterblur":l=gn;break;case"click":if(2===n.button)break e;case"auxclick":case"dblclick":case"mousedown":case"mousemove":case"mouseup":case"mouseout":case"mouseover":case"contextmenu":l=mn;break;case"drag":case"dragend":case"dragenter":case"dragexit":case"dragleave":case"dragover":case"dragstart":case"drop":l=hn;break;case"touchcancel":case"touchend":case"touchmove":case"touchstart":l=An;break;case Cr:case jr:case Or:l=bn;break;case Ar:l=Tn;break;case"scroll":l=pn;break;case"wheel":l=Ln;break;case"copy":case"cut":case"paste":l=vn;break;case"gotpointercapture":case"lostpointercapture":case"pointercancel":case"pointerdown":case"pointermove":case"pointerout":case"pointerover":case"pointerup":l=On}var u=!!(4&t),d=!u&&"scroll"===e,p=u?null!==s?s+"Capture":null:s;u=[];for(var f,m=r;null!==m;){var h=(f=m).stateNode;if(5===f.tag&&null!==h&&(f=h,null!==p&&(null!=(h=Le(m,p))&&u.push(Vr(m,h,f)))),d)break;m=m.return}0<u.length&&(s=new l(s,c,null,n,o),i.push({event:s,listeners:u}))}}if(!(7&t)){if(l="mouseout"===e||"pointerout"===e,(!(s="mouseover"===e||"pointerover"===e)||n===we||!(c=n.relatedTarget||n.fromElement)||!vo(c)&&!c[ho])&&(l||s)&&(s=o.window===o?o:(s=o.ownerDocument)?s.defaultView||s.parentWindow:window,l?(l=r,null!==(c=(c=n.relatedTarget||n.toElement)?vo(c):null)&&(c!==(d=qe(c))||5!==c.tag&&6!==c.tag)&&(c=null)):(l=null,c=r),l!==c)){if(u=mn,h="onMouseLeave",p="onMouseEnter",m="mouse","pointerout"!==e&&"pointerover"!==e||(u=On,h="onPointerLeave",p="onPointerEnter",m="pointer"),d=null==l?s:ko(l),f=null==c?s:ko(c),(s=new u(h,m+"leave",l,n,o)).target=d,s.relatedTarget=f,h=null,vo(o)===r&&((u=new u(p,m+"enter",c,n,o)).target=f,u.relatedTarget=d,h=u),d=h,l&&c)e:{for(p=c,m=0,f=u=l;f;f=Wr(f))m++;for(f=0,h=p;h;h=Wr(h))f++;for(;0<m-f;)u=Wr(u),m--;for(;0<f-m;)p=Wr(p),f--;for(;m--;){if(u===p||null!==p&&u===p.alternate)break e;u=Wr(u),p=Wr(p)}u=null}else u=null;null!==l&&Kr(i,s,l,u,!1),null!==c&&null!==d&&Kr(i,d,c,u,!0)}if("select"===(l=(s=r?ko(r):window).nodeName&&s.nodeName.toLowerCase())||"input"===l&&"file"===s.type)var g=Yn;else if(Hn(s))if(Zn)g=ir;else{g=or;var b=rr}else(l=s.nodeName)&&"input"===l.toLowerCase()&&("checkbox"===s.type||"radio"===s.type)&&(g=ar);switch(g&&(g=g(e,r))?Vn(i,g,n,o):(b&&b(e,s,r),"focusout"===e&&(b=s._wrapperState)&&b.controlled&&"number"===s.type&&ee(s,"number",s.value)),b=r?ko(r):window,e){case"focusin":(Hn(b)||"true"===b.contentEditable)&&(gr=b,br=r,yr=null);break;case"focusout":yr=br=gr=null;break;case"mousedown":vr=!0;break;case"contextmenu":case"mouseup":case"dragend":vr=!1,wr(i,n,o);break;case"selectionchange":if(hr)break;case"keydown":case"keyup":wr(i,n,o)}var y;if(Nn)e:{switch(e){case"compositionstart":var v="onCompositionStart";break e;case"compositionend":v="onCompositionEnd";break e;case"compositionupdate":v="onCompositionUpdate";break e}v=void 0}else qn?Bn(e,n)&&(v="onCompositionEnd"):"keydown"===e&&229===n.keyCode&&(v="onCompositionStart");v&&(Mn&&"ko"!==n.locale&&(qn||"onCompositionStart"!==v?"onCompositionEnd"===v&&qn&&(y=en()):(Jt="value"in(Zt=o)?Zt.value:Zt.textContent,qn=!0)),0<(b=Gr(r,v)).length&&(v=new wn(v,e,null,n,o),i.push({event:v,listeners:b}),y?v.data=y:null!==(y=Un(n))&&(v.data=y))),(y=Dn?function(e,t){switch(e){case"compositionend":return Un(t);case"keypress":return 32!==t.which?null:(zn=!0,Fn);case"textInput":return(e=t.data)===Fn&&zn?null:e;default:return null}}(e,n):function(e,t){if(qn)return"compositionend"===e||!Nn&&Bn(e,t)?(e=en(),Xt=Jt=Zt=null,qn=!1,e):null;switch(e){case"paste":default:return null;case"keypress":if(!(t.ctrlKey||t.altKey||t.metaKey)||t.ctrlKey&&t.altKey){if(t.char&&1<t.char.length)return t.char;if(t.which)return String.fromCharCode(t.which)}return null;case"compositionend":return Mn&&"ko"!==t.locale?null:t.data}}(e,n))&&(0<(r=Gr(r,"onBeforeInput")).length&&(o=new wn("onBeforeInput","beforeinput",null,n,o),i.push({event:o,listeners:r}),o.data=y))}Fr(i,t)}))}function Vr(e,t,n){return{instance:e,listener:t,currentTarget:n}}function Gr(e,t){for(var n=t+"Capture",r=[];null!==e;){var o=e,a=o.stateNode;5===o.tag&&null!==a&&(o=a,null!=(a=Le(e,n))&&r.unshift(Vr(e,a,o)),null!=(a=Le(e,t))&&r.push(Vr(e,a,o))),e=e.return}return r}function Wr(e){if(null===e)return null;do{e=e.return}while(e&&5!==e.tag);return e||null}function Kr(e,t,n,r,o){for(var a=t._reactName,i=[];null!==n&&n!==r;){var s=n,l=s.alternate,c=s.stateNode;if(null!==l&&l===r)break;5===s.tag&&null!==c&&(s=c,o?null!=(l=Le(n,a))&&i.unshift(Vr(n,l,s)):o||null!=(l=Le(n,a))&&i.push(Vr(n,l,s))),n=n.return}0!==i.length&&e.push({event:t,listeners:i})}var Qr=/\r\n?/g,Yr=/\u0000|\uFFFD/g;function Zr(e){return("string"==typeof e?e:""+e).replace(Qr,"\n").replace(Yr,"")}function Jr(e,t,n){if(t=Zr(t),Zr(e)!==t&&n)throw Error(a(425))}function Xr(){}var eo=null,to=null;function no(e,t){return"textarea"===e||"noscript"===e||"string"==typeof t.children||"number"==typeof t.children||"object"==typeof t.dangerouslySetInnerHTML&&null!==t.dangerouslySetInnerHTML&&null!=t.dangerouslySetInnerHTML.__html}var ro="function"==typeof setTimeout?setTimeout:void 0,oo="function"==typeof clearTimeout?clearTimeout:void 0,ao="function"==typeof Promise?Promise:void 0,io="function"==typeof queueMicrotask?queueMicrotask:void 0!==ao?function(e){return ao.resolve(null).then(e).catch(so)}:ro;function so(e){setTimeout((function(){throw e}))}function lo(e,t){var n=t,r=0;do{var o=n.nextSibling;if(e.removeChild(n),o&&8===o.nodeType)if("/$"===(n=o.data)){if(0===r)return e.removeChild(o),void qt(t);r--}else"$"!==n&&"$?"!==n&&"$!"!==n||r++;n=o}while(n);qt(t)}function co(e){for(;null!=e;e=e.nextSibling){var t=e.nodeType;if(1===t||3===t)break;if(8===t){if("$"===(t=e.data)||"$!"===t||"$?"===t)break;if("/$"===t)return null}}return e}function uo(e){e=e.previousSibling;for(var t=0;e;){if(8===e.nodeType){var n=e.data;if("$"===n||"$!"===n||"$?"===n){if(0===t)return e;t--}else"/$"===n&&t++}e=e.previousSibling}return null}var po=Math.random().toString(36).slice(2),fo="__reactFiber$"+po,mo="__reactProps$"+po,ho="__reactContainer$"+po,go="__reactEvents$"+po,bo="__reactListeners$"+po,yo="__reactHandles$"+po;function vo(e){var t=e[fo];if(t)return t;for(var n=e.parentNode;n;){if(t=n[ho]||n[fo]){if(n=t.alternate,null!==t.child||null!==n&&null!==n.child)for(e=uo(e);null!==e;){if(n=e[fo])return n;e=uo(e)}return t}n=(e=n).parentNode}return null}function wo(e){return!(e=e[fo]||e[ho])||5!==e.tag&&6!==e.tag&&13!==e.tag&&3!==e.tag?null:e}function ko(e){if(5===e.tag||6===e.tag)return e.stateNode;throw Error(a(33))}function So(e){return e[mo]||null}var xo=[],Eo=-1;function _o(e){return{current:e}}function Co(e){0>Eo||(e.current=xo[Eo],xo[Eo]=null,Eo--)}function jo(e,t){Eo++,xo[Eo]=e.current,e.current=t}var Oo={},Ao=_o(Oo),To=_o(!1),Po=Oo;function Lo(e,t){var n=e.type.contextTypes;if(!n)return Oo;var r=e.stateNode;if(r&&r.__reactInternalMemoizedUnmaskedChildContext===t)return r.__reactInternalMemoizedMaskedChildContext;var o,a={};for(o in n)a[o]=t[o];return r&&((e=e.stateNode).__reactInternalMemoizedUnmaskedChildContext=t,e.__reactInternalMemoizedMaskedChildContext=a),a}function Io(e){return null!=(e=e.childContextTypes)}function No(){Co(To),Co(Ao)}function Ro(e,t,n){if(Ao.current!==Oo)throw Error(a(168));jo(Ao,t),jo(To,n)}function Do(e,t,n){var r=e.stateNode;if(t=t.childContextTypes,"function"!=typeof r.getChildContext)return n;for(var o in r=r.getChildContext())if(!(o in t))throw Error(a(108,$(e)||"Unknown",o));return M({},n,r)}function Mo(e){return e=(e=e.stateNode)&&e.__reactInternalMemoizedMergedChildContext||Oo,Po=Ao.current,jo(Ao,e),jo(To,To.current),!0}function Fo(e,t,n){var r=e.stateNode;if(!r)throw Error(a(169));n?(e=Do(e,t,Po),r.__reactInternalMemoizedMergedChildContext=e,Co(To),Co(Ao),jo(Ao,e)):Co(To),jo(To,n)}var zo=null,Bo=!1,Uo=!1;function qo(e){null===zo?zo=[e]:zo.push(e)}function $o(){if(!Uo&&null!==zo){Uo=!0;var e=0,t=vt;try{var n=zo;for(vt=1;e<n.length;e++){var r=n[e];do{r=r(!0)}while(null!==r)}zo=null,Bo=!1}catch(o){throw null!==zo&&(zo=zo.slice(e+1)),We(Xe,$o),o}finally{vt=t,Uo=!1}}return null}var Ho=[],Vo=0,Go=null,Wo=0,Ko=[],Qo=0,Yo=null,Zo=1,Jo="";function Xo(e,t){Ho[Vo++]=Wo,Ho[Vo++]=Go,Go=e,Wo=t}function ea(e,t,n){Ko[Qo++]=Zo,Ko[Qo++]=Jo,Ko[Qo++]=Yo,Yo=e;var r=Zo;e=Jo;var o=32-it(r)-1;r&=~(1<<o),n+=1;var a=32-it(t)+o;if(30<a){var i=o-o%5;a=(r&(1<<i)-1).toString(32),r>>=i,o-=i,Zo=1<<32-it(t)+o|n<<o|r,Jo=a+e}else Zo=1<<a|n<<o|r,Jo=e}function ta(e){null!==e.return&&(Xo(e,1),ea(e,1,0))}function na(e){for(;e===Go;)Go=Ho[--Vo],Ho[Vo]=null,Wo=Ho[--Vo],Ho[Vo]=null;for(;e===Yo;)Yo=Ko[--Qo],Ko[Qo]=null,Jo=Ko[--Qo],Ko[Qo]=null,Zo=Ko[--Qo],Ko[Qo]=null}var ra=null,oa=null,aa=!1,ia=null;function sa(e,t){var n=Pc(5,null,null,0);n.elementType="DELETED",n.stateNode=t,n.return=e,null===(t=e.deletions)?(e.deletions=[n],e.flags|=16):t.push(n)}function la(e,t){switch(e.tag){case 5:var n=e.type;return null!==(t=1!==t.nodeType||n.toLowerCase()!==t.nodeName.toLowerCase()?null:t)&&(e.stateNode=t,ra=e,oa=co(t.firstChild),!0);case 6:return null!==(t=""===e.pendingProps||3!==t.nodeType?null:t)&&(e.stateNode=t,ra=e,oa=null,!0);case 13:return null!==(t=8!==t.nodeType?null:t)&&(n=null!==Yo?{id:Zo,overflow:Jo}:null,e.memoizedState={dehydrated:t,treeContext:n,retryLane:1073741824},(n=Pc(18,null,null,0)).stateNode=t,n.return=e,e.child=n,ra=e,oa=null,!0);default:return!1}}function ca(e){return!(!(1&e.mode)||128&e.flags)}function ua(e){if(aa){var t=oa;if(t){var n=t;if(!la(e,t)){if(ca(e))throw Error(a(418));t=co(n.nextSibling);var r=ra;t&&la(e,t)?sa(r,n):(e.flags=-4097&e.flags|2,aa=!1,ra=e)}}else{if(ca(e))throw Error(a(418));e.flags=-4097&e.flags|2,aa=!1,ra=e}}}function da(e){for(e=e.return;null!==e&&5!==e.tag&&3!==e.tag&&13!==e.tag;)e=e.return;ra=e}function pa(e){if(e!==ra)return!1;if(!aa)return da(e),aa=!0,!1;var t;if((t=3!==e.tag)&&!(t=5!==e.tag)&&(t="head"!==(t=e.type)&&"body"!==t&&!no(e.type,e.memoizedProps)),t&&(t=oa)){if(ca(e))throw fa(),Error(a(418));for(;t;)sa(e,t),t=co(t.nextSibling)}if(da(e),13===e.tag){if(!(e=null!==(e=e.memoizedState)?e.dehydrated:null))throw Error(a(317));e:{for(e=e.nextSibling,t=0;e;){if(8===e.nodeType){var n=e.data;if("/$"===n){if(0===t){oa=co(e.nextSibling);break e}t--}else"$"!==n&&"$!"!==n&&"$?"!==n||t++}e=e.nextSibling}oa=null}}else oa=ra?co(e.stateNode.nextSibling):null;return!0}function fa(){for(var e=oa;e;)e=co(e.nextSibling)}function ma(){oa=ra=null,aa=!1}function ha(e){null===ia?ia=[e]:ia.push(e)}var ga=w.ReactCurrentBatchConfig;function ba(e,t,n){if(null!==(e=n.ref)&&"function"!=typeof e&&"object"!=typeof e){if(n._owner){if(n=n._owner){if(1!==n.tag)throw Error(a(309));var r=n.stateNode}if(!r)throw Error(a(147,e));var o=r,i=""+e;return null!==t&&null!==t.ref&&"function"==typeof t.ref&&t.ref._stringRef===i?t.ref:(t=function(e){var t=o.refs;null===e?delete t[i]:t[i]=e},t._stringRef=i,t)}if("string"!=typeof e)throw Error(a(284));if(!n._owner)throw Error(a(290,e))}return e}function ya(e,t){throw e=Object.prototype.toString.call(t),Error(a(31,"[object Object]"===e?"object with keys {"+Object.keys(t).join(", ")+"}":e))}function va(e){return(0,e._init)(e._payload)}function wa(e){function t(t,n){if(e){var r=t.deletions;null===r?(t.deletions=[n],t.flags|=16):r.push(n)}}function n(n,r){if(!e)return null;for(;null!==r;)t(n,r),r=r.sibling;return null}function r(e,t){for(e=new Map;null!==t;)null!==t.key?e.set(t.key,t):e.set(t.index,t),t=t.sibling;return e}function o(e,t){return(e=Ic(e,t)).index=0,e.sibling=null,e}function i(t,n,r){return t.index=r,e?null!==(r=t.alternate)?(r=r.index)<n?(t.flags|=2,n):r:(t.flags|=2,n):(t.flags|=1048576,n)}function s(t){return e&&null===t.alternate&&(t.flags|=2),t}function l(e,t,n,r){return null===t||6!==t.tag?((t=Mc(n,e.mode,r)).return=e,t):((t=o(t,n)).return=e,t)}function c(e,t,n,r){var a=n.type;return a===x?d(e,t,n.props.children,r,n.key):null!==t&&(t.elementType===a||"object"==typeof a&&null!==a&&a.$$typeof===L&&va(a)===t.type)?((r=o(t,n.props)).ref=ba(e,t,n),r.return=e,r):((r=Nc(n.type,n.key,n.props,null,e.mode,r)).ref=ba(e,t,n),r.return=e,r)}function u(e,t,n,r){return null===t||4!==t.tag||t.stateNode.containerInfo!==n.containerInfo||t.stateNode.implementation!==n.implementation?((t=Fc(n,e.mode,r)).return=e,t):((t=o(t,n.children||[])).return=e,t)}function d(e,t,n,r,a){return null===t||7!==t.tag?((t=Rc(n,e.mode,r,a)).return=e,t):((t=o(t,n)).return=e,t)}function p(e,t,n){if("string"==typeof t&&""!==t||"number"==typeof t)return(t=Mc(""+t,e.mode,n)).return=e,t;if("object"==typeof t&&null!==t){switch(t.$$typeof){case k:return(n=Nc(t.type,t.key,t.props,null,e.mode,n)).ref=ba(e,null,t),n.return=e,n;case S:return(t=Fc(t,e.mode,n)).return=e,t;case L:return p(e,(0,t._init)(t._payload),n)}if(te(t)||R(t))return(t=Rc(t,e.mode,n,null)).return=e,t;ya(e,t)}return null}function f(e,t,n,r){var o=null!==t?t.key:null;if("string"==typeof n&&""!==n||"number"==typeof n)return null!==o?null:l(e,t,""+n,r);if("object"==typeof n&&null!==n){switch(n.$$typeof){case k:return n.key===o?c(e,t,n,r):null;case S:return n.key===o?u(e,t,n,r):null;case L:return f(e,t,(o=n._init)(n._payload),r)}if(te(n)||R(n))return null!==o?null:d(e,t,n,r,null);ya(e,n)}return null}function m(e,t,n,r,o){if("string"==typeof r&&""!==r||"number"==typeof r)return l(t,e=e.get(n)||null,""+r,o);if("object"==typeof r&&null!==r){switch(r.$$typeof){case k:return c(t,e=e.get(null===r.key?n:r.key)||null,r,o);case S:return u(t,e=e.get(null===r.key?n:r.key)||null,r,o);case L:return m(e,t,n,(0,r._init)(r._payload),o)}if(te(r)||R(r))return d(t,e=e.get(n)||null,r,o,null);ya(t,r)}return null}function h(o,a,s,l){for(var c=null,u=null,d=a,h=a=0,g=null;null!==d&&h<s.length;h++){d.index>h?(g=d,d=null):g=d.sibling;var b=f(o,d,s[h],l);if(null===b){null===d&&(d=g);break}e&&d&&null===b.alternate&&t(o,d),a=i(b,a,h),null===u?c=b:u.sibling=b,u=b,d=g}if(h===s.length)return n(o,d),aa&&Xo(o,h),c;if(null===d){for(;h<s.length;h++)null!==(d=p(o,s[h],l))&&(a=i(d,a,h),null===u?c=d:u.sibling=d,u=d);return aa&&Xo(o,h),c}for(d=r(o,d);h<s.length;h++)null!==(g=m(d,o,h,s[h],l))&&(e&&null!==g.alternate&&d.delete(null===g.key?h:g.key),a=i(g,a,h),null===u?c=g:u.sibling=g,u=g);return e&&d.forEach((function(e){return t(o,e)})),aa&&Xo(o,h),c}function g(o,s,l,c){var u=R(l);if("function"!=typeof u)throw Error(a(150));if(null==(l=u.call(l)))throw Error(a(151));for(var d=u=null,h=s,g=s=0,b=null,y=l.next();null!==h&&!y.done;g++,y=l.next()){h.index>g?(b=h,h=null):b=h.sibling;var v=f(o,h,y.value,c);if(null===v){null===h&&(h=b);break}e&&h&&null===v.alternate&&t(o,h),s=i(v,s,g),null===d?u=v:d.sibling=v,d=v,h=b}if(y.done)return n(o,h),aa&&Xo(o,g),u;if(null===h){for(;!y.done;g++,y=l.next())null!==(y=p(o,y.value,c))&&(s=i(y,s,g),null===d?u=y:d.sibling=y,d=y);return aa&&Xo(o,g),u}for(h=r(o,h);!y.done;g++,y=l.next())null!==(y=m(h,o,g,y.value,c))&&(e&&null!==y.alternate&&h.delete(null===y.key?g:y.key),s=i(y,s,g),null===d?u=y:d.sibling=y,d=y);return e&&h.forEach((function(e){return t(o,e)})),aa&&Xo(o,g),u}return function e(r,a,i,l){if("object"==typeof i&&null!==i&&i.type===x&&null===i.key&&(i=i.props.children),"object"==typeof i&&null!==i){switch(i.$$typeof){case k:e:{for(var c=i.key,u=a;null!==u;){if(u.key===c){if((c=i.type)===x){if(7===u.tag){n(r,u.sibling),(a=o(u,i.props.children)).return=r,r=a;break e}}else if(u.elementType===c||"object"==typeof c&&null!==c&&c.$$typeof===L&&va(c)===u.type){n(r,u.sibling),(a=o(u,i.props)).ref=ba(r,u,i),a.return=r,r=a;break e}n(r,u);break}t(r,u),u=u.sibling}i.type===x?((a=Rc(i.props.children,r.mode,l,i.key)).return=r,r=a):((l=Nc(i.type,i.key,i.props,null,r.mode,l)).ref=ba(r,a,i),l.return=r,r=l)}return s(r);case S:e:{for(u=i.key;null!==a;){if(a.key===u){if(4===a.tag&&a.stateNode.containerInfo===i.containerInfo&&a.stateNode.implementation===i.implementation){n(r,a.sibling),(a=o(a,i.children||[])).return=r,r=a;break e}n(r,a);break}t(r,a),a=a.sibling}(a=Fc(i,r.mode,l)).return=r,r=a}return s(r);case L:return e(r,a,(u=i._init)(i._payload),l)}if(te(i))return h(r,a,i,l);if(R(i))return g(r,a,i,l);ya(r,i)}return"string"==typeof i&&""!==i||"number"==typeof i?(i=""+i,null!==a&&6===a.tag?(n(r,a.sibling),(a=o(a,i)).return=r,r=a):(n(r,a),(a=Mc(i,r.mode,l)).return=r,r=a),s(r)):n(r,a)}}var ka=wa(!0),Sa=wa(!1),xa=_o(null),Ea=null,_a=null,Ca=null;function ja(){Ca=_a=Ea=null}function Oa(e){var t=xa.current;Co(xa),e._currentValue=t}function Aa(e,t,n){for(;null!==e;){var r=e.alternate;if((e.childLanes&t)!==t?(e.childLanes|=t,null!==r&&(r.childLanes|=t)):null!==r&&(r.childLanes&t)!==t&&(r.childLanes|=t),e===n)break;e=e.return}}function Ta(e,t){Ea=e,Ca=_a=null,null!==(e=e.dependencies)&&null!==e.firstContext&&(!!(e.lanes&t)&&(vs=!0),e.firstContext=null)}function Pa(e){var t=e._currentValue;if(Ca!==e)if(e={context:e,memoizedValue:t,next:null},null===_a){if(null===Ea)throw Error(a(308));_a=e,Ea.dependencies={lanes:0,firstContext:e}}else _a=_a.next=e;return t}var La=null;function Ia(e){null===La?La=[e]:La.push(e)}function Na(e,t,n,r){var o=t.interleaved;return null===o?(n.next=n,Ia(t)):(n.next=o.next,o.next=n),t.interleaved=n,Ra(e,r)}function Ra(e,t){e.lanes|=t;var n=e.alternate;for(null!==n&&(n.lanes|=t),n=e,e=e.return;null!==e;)e.childLanes|=t,null!==(n=e.alternate)&&(n.childLanes|=t),n=e,e=e.return;return 3===n.tag?n.stateNode:null}var Da=!1;function Ma(e){e.updateQueue={baseState:e.memoizedState,firstBaseUpdate:null,lastBaseUpdate:null,shared:{pending:null,interleaved:null,lanes:0},effects:null}}function Fa(e,t){e=e.updateQueue,t.updateQueue===e&&(t.updateQueue={baseState:e.baseState,firstBaseUpdate:e.firstBaseUpdate,lastBaseUpdate:e.lastBaseUpdate,shared:e.shared,effects:e.effects})}function za(e,t){return{eventTime:e,lane:t,tag:0,payload:null,callback:null,next:null}}function Ba(e,t,n){var r=e.updateQueue;if(null===r)return null;if(r=r.shared,2&Ol){var o=r.pending;return null===o?t.next=t:(t.next=o.next,o.next=t),r.pending=t,Ra(e,n)}return null===(o=r.interleaved)?(t.next=t,Ia(r)):(t.next=o.next,o.next=t),r.interleaved=t,Ra(e,n)}function Ua(e,t,n){if(null!==(t=t.updateQueue)&&(t=t.shared,4194240&n)){var r=t.lanes;n|=r&=e.pendingLanes,t.lanes=n,yt(e,n)}}function qa(e,t){var n=e.updateQueue,r=e.alternate;if(null!==r&&n===(r=r.updateQueue)){var o=null,a=null;if(null!==(n=n.firstBaseUpdate)){do{var i={eventTime:n.eventTime,lane:n.lane,tag:n.tag,payload:n.payload,callback:n.callback,next:null};null===a?o=a=i:a=a.next=i,n=n.next}while(null!==n);null===a?o=a=t:a=a.next=t}else o=a=t;return n={baseState:r.baseState,firstBaseUpdate:o,lastBaseUpdate:a,shared:r.shared,effects:r.effects},void(e.updateQueue=n)}null===(e=n.lastBaseUpdate)?n.firstBaseUpdate=t:e.next=t,n.lastBaseUpdate=t}function $a(e,t,n,r){var o=e.updateQueue;Da=!1;var a=o.firstBaseUpdate,i=o.lastBaseUpdate,s=o.shared.pending;if(null!==s){o.shared.pending=null;var l=s,c=l.next;l.next=null,null===i?a=c:i.next=c,i=l;var u=e.alternate;null!==u&&((s=(u=u.updateQueue).lastBaseUpdate)!==i&&(null===s?u.firstBaseUpdate=c:s.next=c,u.lastBaseUpdate=l))}if(null!==a){var d=o.baseState;for(i=0,u=c=l=null,s=a;;){var p=s.lane,f=s.eventTime;if((r&p)===p){null!==u&&(u=u.next={eventTime:f,lane:0,tag:s.tag,payload:s.payload,callback:s.callback,next:null});e:{var m=e,h=s;switch(p=t,f=n,h.tag){case 1:if("function"==typeof(m=h.payload)){d=m.call(f,d,p);break e}d=m;break e;case 3:m.flags=-65537&m.flags|128;case 0:if(null==(p="function"==typeof(m=h.payload)?m.call(f,d,p):m))break e;d=M({},d,p);break e;case 2:Da=!0}}null!==s.callback&&0!==s.lane&&(e.flags|=64,null===(p=o.effects)?o.effects=[s]:p.push(s))}else f={eventTime:f,lane:p,tag:s.tag,payload:s.payload,callback:s.callback,next:null},null===u?(c=u=f,l=d):u=u.next=f,i|=p;if(null===(s=s.next)){if(null===(s=o.shared.pending))break;s=(p=s).next,p.next=null,o.lastBaseUpdate=p,o.shared.pending=null}}if(null===u&&(l=d),o.baseState=l,o.firstBaseUpdate=c,o.lastBaseUpdate=u,null!==(t=o.shared.interleaved)){o=t;do{i|=o.lane,o=o.next}while(o!==t)}else null===a&&(o.shared.lanes=0);Dl|=i,e.lanes=i,e.memoizedState=d}}function Ha(e,t,n){if(e=t.effects,t.effects=null,null!==e)for(t=0;t<e.length;t++){var r=e[t],o=r.callback;if(null!==o){if(r.callback=null,r=n,"function"!=typeof o)throw Error(a(191,o));o.call(r)}}}var Va={},Ga=_o(Va),Wa=_o(Va),Ka=_o(Va);function Qa(e){if(e===Va)throw Error(a(174));return e}function Ya(e,t){switch(jo(Ka,t),jo(Wa,e),jo(Ga,Va),e=t.nodeType){case 9:case 11:t=(t=t.documentElement)?t.namespaceURI:le(null,"");break;default:t=le(t=(e=8===e?t.parentNode:t).namespaceURI||null,e=e.tagName)}Co(Ga),jo(Ga,t)}function Za(){Co(Ga),Co(Wa),Co(Ka)}function Ja(e){Qa(Ka.current);var t=Qa(Ga.current),n=le(t,e.type);t!==n&&(jo(Wa,e),jo(Ga,n))}function Xa(e){Wa.current===e&&(Co(Ga),Co(Wa))}var ei=_o(0);function ti(e){for(var t=e;null!==t;){if(13===t.tag){var n=t.memoizedState;if(null!==n&&(null===(n=n.dehydrated)||"$?"===n.data||"$!"===n.data))return t}else if(19===t.tag&&void 0!==t.memoizedProps.revealOrder){if(128&t.flags)return t}else if(null!==t.child){t.child.return=t,t=t.child;continue}if(t===e)break;for(;null===t.sibling;){if(null===t.return||t.return===e)return null;t=t.return}t.sibling.return=t.return,t=t.sibling}return null}var ni=[];function ri(){for(var e=0;e<ni.length;e++)ni[e]._workInProgressVersionPrimary=null;ni.length=0}var oi=w.ReactCurrentDispatcher,ai=w.ReactCurrentBatchConfig,ii=0,si=null,li=null,ci=null,ui=!1,di=!1,pi=0,fi=0;function mi(){throw Error(a(321))}function hi(e,t){if(null===t)return!1;for(var n=0;n<t.length&&n<e.length;n++)if(!sr(e[n],t[n]))return!1;return!0}function gi(e,t,n,r,o,i){if(ii=i,si=t,t.memoizedState=null,t.updateQueue=null,t.lanes=0,oi.current=null===e||null===e.memoizedState?Xi:es,e=n(r,o),di){i=0;do{if(di=!1,pi=0,25<=i)throw Error(a(301));i+=1,ci=li=null,t.updateQueue=null,oi.current=ts,e=n(r,o)}while(di)}if(oi.current=Ji,t=null!==li&&null!==li.next,ii=0,ci=li=si=null,ui=!1,t)throw Error(a(300));return e}function bi(){var e=0!==pi;return pi=0,e}function yi(){var e={memoizedState:null,baseState:null,baseQueue:null,queue:null,next:null};return null===ci?si.memoizedState=ci=e:ci=ci.next=e,ci}function vi(){if(null===li){var e=si.alternate;e=null!==e?e.memoizedState:null}else e=li.next;var t=null===ci?si.memoizedState:ci.next;if(null!==t)ci=t,li=e;else{if(null===e)throw Error(a(310));e={memoizedState:(li=e).memoizedState,baseState:li.baseState,baseQueue:li.baseQueue,queue:li.queue,next:null},null===ci?si.memoizedState=ci=e:ci=ci.next=e}return ci}function wi(e,t){return"function"==typeof t?t(e):t}function ki(e){var t=vi(),n=t.queue;if(null===n)throw Error(a(311));n.lastRenderedReducer=e;var r=li,o=r.baseQueue,i=n.pending;if(null!==i){if(null!==o){var s=o.next;o.next=i.next,i.next=s}r.baseQueue=o=i,n.pending=null}if(null!==o){i=o.next,r=r.baseState;var l=s=null,c=null,u=i;do{var d=u.lane;if((ii&d)===d)null!==c&&(c=c.next={lane:0,action:u.action,hasEagerState:u.hasEagerState,eagerState:u.eagerState,next:null}),r=u.hasEagerState?u.eagerState:e(r,u.action);else{var p={lane:d,action:u.action,hasEagerState:u.hasEagerState,eagerState:u.eagerState,next:null};null===c?(l=c=p,s=r):c=c.next=p,si.lanes|=d,Dl|=d}u=u.next}while(null!==u&&u!==i);null===c?s=r:c.next=l,sr(r,t.memoizedState)||(vs=!0),t.memoizedState=r,t.baseState=s,t.baseQueue=c,n.lastRenderedState=r}if(null!==(e=n.interleaved)){o=e;do{i=o.lane,si.lanes|=i,Dl|=i,o=o.next}while(o!==e)}else null===o&&(n.lanes=0);return[t.memoizedState,n.dispatch]}function Si(e){var t=vi(),n=t.queue;if(null===n)throw Error(a(311));n.lastRenderedReducer=e;var r=n.dispatch,o=n.pending,i=t.memoizedState;if(null!==o){n.pending=null;var s=o=o.next;do{i=e(i,s.action),s=s.next}while(s!==o);sr(i,t.memoizedState)||(vs=!0),t.memoizedState=i,null===t.baseQueue&&(t.baseState=i),n.lastRenderedState=i}return[i,r]}function xi(){}function Ei(e,t){var n=si,r=vi(),o=t(),i=!sr(r.memoizedState,o);if(i&&(r.memoizedState=o,vs=!0),r=r.queue,Di(ji.bind(null,n,r,e),[e]),r.getSnapshot!==t||i||null!==ci&&1&ci.memoizedState.tag){if(n.flags|=2048,Pi(9,Ci.bind(null,n,r,o,t),void 0,null),null===Al)throw Error(a(349));30&ii||_i(n,t,o)}return o}function _i(e,t,n){e.flags|=16384,e={getSnapshot:t,value:n},null===(t=si.updateQueue)?(t={lastEffect:null,stores:null},si.updateQueue=t,t.stores=[e]):null===(n=t.stores)?t.stores=[e]:n.push(e)}function Ci(e,t,n,r){t.value=n,t.getSnapshot=r,Oi(t)&&Ai(e)}function ji(e,t,n){return n((function(){Oi(t)&&Ai(e)}))}function Oi(e){var t=e.getSnapshot;e=e.value;try{var n=t();return!sr(e,n)}catch(r){return!0}}function Ai(e){var t=Ra(e,1);null!==t&&nc(t,e,1,-1)}function Ti(e){var t=yi();return"function"==typeof e&&(e=e()),t.memoizedState=t.baseState=e,e={pending:null,interleaved:null,lanes:0,dispatch:null,lastRenderedReducer:wi,lastRenderedState:e},t.queue=e,e=e.dispatch=Ki.bind(null,si,e),[t.memoizedState,e]}function Pi(e,t,n,r){return e={tag:e,create:t,destroy:n,deps:r,next:null},null===(t=si.updateQueue)?(t={lastEffect:null,stores:null},si.updateQueue=t,t.lastEffect=e.next=e):null===(n=t.lastEffect)?t.lastEffect=e.next=e:(r=n.next,n.next=e,e.next=r,t.lastEffect=e),e}function Li(){return vi().memoizedState}function Ii(e,t,n,r){var o=yi();si.flags|=e,o.memoizedState=Pi(1|t,n,void 0,void 0===r?null:r)}function Ni(e,t,n,r){var o=vi();r=void 0===r?null:r;var a=void 0;if(null!==li){var i=li.memoizedState;if(a=i.destroy,null!==r&&hi(r,i.deps))return void(o.memoizedState=Pi(t,n,a,r))}si.flags|=e,o.memoizedState=Pi(1|t,n,a,r)}function Ri(e,t){return Ii(8390656,8,e,t)}function Di(e,t){return Ni(2048,8,e,t)}function Mi(e,t){return Ni(4,2,e,t)}function Fi(e,t){return Ni(4,4,e,t)}function zi(e,t){return"function"==typeof t?(e=e(),t(e),function(){t(null)}):null!=t?(e=e(),t.current=e,function(){t.current=null}):void 0}function Bi(e,t,n){return n=null!=n?n.concat([e]):null,Ni(4,4,zi.bind(null,t,e),n)}function Ui(){}function qi(e,t){var n=vi();t=void 0===t?null:t;var r=n.memoizedState;return null!==r&&null!==t&&hi(t,r[1])?r[0]:(n.memoizedState=[e,t],e)}function $i(e,t){var n=vi();t=void 0===t?null:t;var r=n.memoizedState;return null!==r&&null!==t&&hi(t,r[1])?r[0]:(e=e(),n.memoizedState=[e,t],e)}function Hi(e,t,n){return 21&ii?(sr(n,t)||(n=ht(),si.lanes|=n,Dl|=n,e.baseState=!0),t):(e.baseState&&(e.baseState=!1,vs=!0),e.memoizedState=n)}function Vi(e,t){var n=vt;vt=0!==n&&4>n?n:4,e(!0);var r=ai.transition;ai.transition={};try{e(!1),t()}finally{vt=n,ai.transition=r}}function Gi(){return vi().memoizedState}function Wi(e,t,n){var r=tc(e);if(n={lane:r,action:n,hasEagerState:!1,eagerState:null,next:null},Qi(e))Yi(t,n);else if(null!==(n=Na(e,t,n,r))){nc(n,e,r,ec()),Zi(n,t,r)}}function Ki(e,t,n){var r=tc(e),o={lane:r,action:n,hasEagerState:!1,eagerState:null,next:null};if(Qi(e))Yi(t,o);else{var a=e.alternate;if(0===e.lanes&&(null===a||0===a.lanes)&&null!==(a=t.lastRenderedReducer))try{var i=t.lastRenderedState,s=a(i,n);if(o.hasEagerState=!0,o.eagerState=s,sr(s,i)){var l=t.interleaved;return null===l?(o.next=o,Ia(t)):(o.next=l.next,l.next=o),void(t.interleaved=o)}}catch(c){}null!==(n=Na(e,t,o,r))&&(nc(n,e,r,o=ec()),Zi(n,t,r))}}function Qi(e){var t=e.alternate;return e===si||null!==t&&t===si}function Yi(e,t){di=ui=!0;var n=e.pending;null===n?t.next=t:(t.next=n.next,n.next=t),e.pending=t}function Zi(e,t,n){if(4194240&n){var r=t.lanes;n|=r&=e.pendingLanes,t.lanes=n,yt(e,n)}}var Ji={readContext:Pa,useCallback:mi,useContext:mi,useEffect:mi,useImperativeHandle:mi,useInsertionEffect:mi,useLayoutEffect:mi,useMemo:mi,useReducer:mi,useRef:mi,useState:mi,useDebugValue:mi,useDeferredValue:mi,useTransition:mi,useMutableSource:mi,useSyncExternalStore:mi,useId:mi,unstable_isNewReconciler:!1},Xi={readContext:Pa,useCallback:function(e,t){return yi().memoizedState=[e,void 0===t?null:t],e},useContext:Pa,useEffect:Ri,useImperativeHandle:function(e,t,n){return n=null!=n?n.concat([e]):null,Ii(4194308,4,zi.bind(null,t,e),n)},useLayoutEffect:function(e,t){return Ii(4194308,4,e,t)},useInsertionEffect:function(e,t){return Ii(4,2,e,t)},useMemo:function(e,t){var n=yi();return t=void 0===t?null:t,e=e(),n.memoizedState=[e,t],e},useReducer:function(e,t,n){var r=yi();return t=void 0!==n?n(t):t,r.memoizedState=r.baseState=t,e={pending:null,interleaved:null,lanes:0,dispatch:null,lastRenderedReducer:e,lastRenderedState:t},r.queue=e,e=e.dispatch=Wi.bind(null,si,e),[r.memoizedState,e]},useRef:function(e){return e={current:e},yi().memoizedState=e},useState:Ti,useDebugValue:Ui,useDeferredValue:function(e){return yi().memoizedState=e},useTransition:function(){var e=Ti(!1),t=e[0];return e=Vi.bind(null,e[1]),yi().memoizedState=e,[t,e]},useMutableSource:function(){},useSyncExternalStore:function(e,t,n){var r=si,o=yi();if(aa){if(void 0===n)throw Error(a(407));n=n()}else{if(n=t(),null===Al)throw Error(a(349));30&ii||_i(r,t,n)}o.memoizedState=n;var i={value:n,getSnapshot:t};return o.queue=i,Ri(ji.bind(null,r,i,e),[e]),r.flags|=2048,Pi(9,Ci.bind(null,r,i,n,t),void 0,null),n},useId:function(){var e=yi(),t=Al.identifierPrefix;if(aa){var n=Jo;t=":"+t+"R"+(n=(Zo&~(1<<32-it(Zo)-1)).toString(32)+n),0<(n=pi++)&&(t+="H"+n.toString(32)),t+=":"}else t=":"+t+"r"+(n=fi++).toString(32)+":";return e.memoizedState=t},unstable_isNewReconciler:!1},es={readContext:Pa,useCallback:qi,useContext:Pa,useEffect:Di,useImperativeHandle:Bi,useInsertionEffect:Mi,useLayoutEffect:Fi,useMemo:$i,useReducer:ki,useRef:Li,useState:function(){return ki(wi)},useDebugValue:Ui,useDeferredValue:function(e){return Hi(vi(),li.memoizedState,e)},useTransition:function(){return[ki(wi)[0],vi().memoizedState]},useMutableSource:xi,useSyncExternalStore:Ei,useId:Gi,unstable_isNewReconciler:!1},ts={readContext:Pa,useCallback:qi,useContext:Pa,useEffect:Di,useImperativeHandle:Bi,useInsertionEffect:Mi,useLayoutEffect:Fi,useMemo:$i,useReducer:Si,useRef:Li,useState:function(){return Si(wi)},useDebugValue:Ui,useDeferredValue:function(e){var t=vi();return null===li?t.memoizedState=e:Hi(t,li.memoizedState,e)},useTransition:function(){return[Si(wi)[0],vi().memoizedState]},useMutableSource:xi,useSyncExternalStore:Ei,useId:Gi,unstable_isNewReconciler:!1};function ns(e,t){if(e&&e.defaultProps){for(var n in t=M({},t),e=e.defaultProps)void 0===t[n]&&(t[n]=e[n]);return t}return t}function rs(e,t,n,r){n=null==(n=n(r,t=e.memoizedState))?t:M({},t,n),e.memoizedState=n,0===e.lanes&&(e.updateQueue.baseState=n)}var os={isMounted:function(e){return!!(e=e._reactInternals)&&qe(e)===e},enqueueSetState:function(e,t,n){e=e._reactInternals;var r=ec(),o=tc(e),a=za(r,o);a.payload=t,null!=n&&(a.callback=n),null!==(t=Ba(e,a,o))&&(nc(t,e,o,r),Ua(t,e,o))},enqueueReplaceState:function(e,t,n){e=e._reactInternals;var r=ec(),o=tc(e),a=za(r,o);a.tag=1,a.payload=t,null!=n&&(a.callback=n),null!==(t=Ba(e,a,o))&&(nc(t,e,o,r),Ua(t,e,o))},enqueueForceUpdate:function(e,t){e=e._reactInternals;var n=ec(),r=tc(e),o=za(n,r);o.tag=2,null!=t&&(o.callback=t),null!==(t=Ba(e,o,r))&&(nc(t,e,r,n),Ua(t,e,r))}};function as(e,t,n,r,o,a,i){return"function"==typeof(e=e.stateNode).shouldComponentUpdate?e.shouldComponentUpdate(r,a,i):!t.prototype||!t.prototype.isPureReactComponent||(!lr(n,r)||!lr(o,a))}function is(e,t,n){var r=!1,o=Oo,a=t.contextType;return"object"==typeof a&&null!==a?a=Pa(a):(o=Io(t)?Po:Ao.current,a=(r=null!=(r=t.contextTypes))?Lo(e,o):Oo),t=new t(n,a),e.memoizedState=null!==t.state&&void 0!==t.state?t.state:null,t.updater=os,e.stateNode=t,t._reactInternals=e,r&&((e=e.stateNode).__reactInternalMemoizedUnmaskedChildContext=o,e.__reactInternalMemoizedMaskedChildContext=a),t}function ss(e,t,n,r){e=t.state,"function"==typeof t.componentWillReceiveProps&&t.componentWillReceiveProps(n,r),"function"==typeof t.UNSAFE_componentWillReceiveProps&&t.UNSAFE_componentWillReceiveProps(n,r),t.state!==e&&os.enqueueReplaceState(t,t.state,null)}function ls(e,t,n,r){var o=e.stateNode;o.props=n,o.state=e.memoizedState,o.refs={},Ma(e);var a=t.contextType;"object"==typeof a&&null!==a?o.context=Pa(a):(a=Io(t)?Po:Ao.current,o.context=Lo(e,a)),o.state=e.memoizedState,"function"==typeof(a=t.getDerivedStateFromProps)&&(rs(e,t,a,n),o.state=e.memoizedState),"function"==typeof t.getDerivedStateFromProps||"function"==typeof o.getSnapshotBeforeUpdate||"function"!=typeof o.UNSAFE_componentWillMount&&"function"!=typeof o.componentWillMount||(t=o.state,"function"==typeof o.componentWillMount&&o.componentWillMount(),"function"==typeof o.UNSAFE_componentWillMount&&o.UNSAFE_componentWillMount(),t!==o.state&&os.enqueueReplaceState(o,o.state,null),$a(e,n,o,r),o.state=e.memoizedState),"function"==typeof o.componentDidMount&&(e.flags|=4194308)}function cs(e,t){try{var n="",r=t;do{n+=U(r),r=r.return}while(r);var o=n}catch(a){o="\nError generating stack: "+a.message+"\n"+a.stack}return{value:e,source:t,stack:o,digest:null}}function us(e,t,n){return{value:e,source:null,stack:null!=n?n:null,digest:null!=t?t:null}}function ds(e,t){try{console.error(t.value)}catch(n){setTimeout((function(){throw n}))}}var ps="function"==typeof WeakMap?WeakMap:Map;function fs(e,t,n){(n=za(-1,n)).tag=3,n.payload={element:null};var r=t.value;return n.callback=function(){Hl||(Hl=!0,Vl=r),ds(0,t)},n}function ms(e,t,n){(n=za(-1,n)).tag=3;var r=e.type.getDerivedStateFromError;if("function"==typeof r){var o=t.value;n.payload=function(){return r(o)},n.callback=function(){ds(0,t)}}var a=e.stateNode;return null!==a&&"function"==typeof a.componentDidCatch&&(n.callback=function(){ds(0,t),"function"!=typeof r&&(null===Gl?Gl=new Set([this]):Gl.add(this));var e=t.stack;this.componentDidCatch(t.value,{componentStack:null!==e?e:""})}),n}function hs(e,t,n){var r=e.pingCache;if(null===r){r=e.pingCache=new ps;var o=new Set;r.set(t,o)}else void 0===(o=r.get(t))&&(o=new Set,r.set(t,o));o.has(n)||(o.add(n),e=_c.bind(null,e,t,n),t.then(e,e))}function gs(e){do{var t;if((t=13===e.tag)&&(t=null===(t=e.memoizedState)||null!==t.dehydrated),t)return e;e=e.return}while(null!==e);return null}function bs(e,t,n,r,o){return 1&e.mode?(e.flags|=65536,e.lanes=o,e):(e===t?e.flags|=65536:(e.flags|=128,n.flags|=131072,n.flags&=-52805,1===n.tag&&(null===n.alternate?n.tag=17:((t=za(-1,1)).tag=2,Ba(n,t,1))),n.lanes|=1),e)}var ys=w.ReactCurrentOwner,vs=!1;function ws(e,t,n,r){t.child=null===e?Sa(t,null,n,r):ka(t,e.child,n,r)}function ks(e,t,n,r,o){n=n.render;var a=t.ref;return Ta(t,o),r=gi(e,t,n,r,a,o),n=bi(),null===e||vs?(aa&&n&&ta(t),t.flags|=1,ws(e,t,r,o),t.child):(t.updateQueue=e.updateQueue,t.flags&=-2053,e.lanes&=~o,Hs(e,t,o))}function Ss(e,t,n,r,o){if(null===e){var a=n.type;return"function"!=typeof a||Lc(a)||void 0!==a.defaultProps||null!==n.compare||void 0!==n.defaultProps?((e=Nc(n.type,null,r,t,t.mode,o)).ref=t.ref,e.return=t,t.child=e):(t.tag=15,t.type=a,xs(e,t,a,r,o))}if(a=e.child,!(e.lanes&o)){var i=a.memoizedProps;if((n=null!==(n=n.compare)?n:lr)(i,r)&&e.ref===t.ref)return Hs(e,t,o)}return t.flags|=1,(e=Ic(a,r)).ref=t.ref,e.return=t,t.child=e}function xs(e,t,n,r,o){if(null!==e){var a=e.memoizedProps;if(lr(a,r)&&e.ref===t.ref){if(vs=!1,t.pendingProps=r=a,!(e.lanes&o))return t.lanes=e.lanes,Hs(e,t,o);131072&e.flags&&(vs=!0)}}return Cs(e,t,n,r,o)}function Es(e,t,n){var r=t.pendingProps,o=r.children,a=null!==e?e.memoizedState:null;if("hidden"===r.mode)if(1&t.mode){if(!(1073741824&n))return e=null!==a?a.baseLanes|n:n,t.lanes=t.childLanes=1073741824,t.memoizedState={baseLanes:e,cachePool:null,transitions:null},t.updateQueue=null,jo(Il,Ll),Ll|=e,null;t.memoizedState={baseLanes:0,cachePool:null,transitions:null},r=null!==a?a.baseLanes:n,jo(Il,Ll),Ll|=r}else t.memoizedState={baseLanes:0,cachePool:null,transitions:null},jo(Il,Ll),Ll|=n;else null!==a?(r=a.baseLanes|n,t.memoizedState=null):r=n,jo(Il,Ll),Ll|=r;return ws(e,t,o,n),t.child}function _s(e,t){var n=t.ref;(null===e&&null!==n||null!==e&&e.ref!==n)&&(t.flags|=512,t.flags|=2097152)}function Cs(e,t,n,r,o){var a=Io(n)?Po:Ao.current;return a=Lo(t,a),Ta(t,o),n=gi(e,t,n,r,a,o),r=bi(),null===e||vs?(aa&&r&&ta(t),t.flags|=1,ws(e,t,n,o),t.child):(t.updateQueue=e.updateQueue,t.flags&=-2053,e.lanes&=~o,Hs(e,t,o))}function js(e,t,n,r,o){if(Io(n)){var a=!0;Mo(t)}else a=!1;if(Ta(t,o),null===t.stateNode)$s(e,t),is(t,n,r),ls(t,n,r,o),r=!0;else if(null===e){var i=t.stateNode,s=t.memoizedProps;i.props=s;var l=i.context,c=n.contextType;"object"==typeof c&&null!==c?c=Pa(c):c=Lo(t,c=Io(n)?Po:Ao.current);var u=n.getDerivedStateFromProps,d="function"==typeof u||"function"==typeof i.getSnapshotBeforeUpdate;d||"function"!=typeof i.UNSAFE_componentWillReceiveProps&&"function"!=typeof i.componentWillReceiveProps||(s!==r||l!==c)&&ss(t,i,r,c),Da=!1;var p=t.memoizedState;i.state=p,$a(t,r,i,o),l=t.memoizedState,s!==r||p!==l||To.current||Da?("function"==typeof u&&(rs(t,n,u,r),l=t.memoizedState),(s=Da||as(t,n,s,r,p,l,c))?(d||"function"!=typeof i.UNSAFE_componentWillMount&&"function"!=typeof i.componentWillMount||("function"==typeof i.componentWillMount&&i.componentWillMount(),"function"==typeof i.UNSAFE_componentWillMount&&i.UNSAFE_componentWillMount()),"function"==typeof i.componentDidMount&&(t.flags|=4194308)):("function"==typeof i.componentDidMount&&(t.flags|=4194308),t.memoizedProps=r,t.memoizedState=l),i.props=r,i.state=l,i.context=c,r=s):("function"==typeof i.componentDidMount&&(t.flags|=4194308),r=!1)}else{i=t.stateNode,Fa(e,t),s=t.memoizedProps,c=t.type===t.elementType?s:ns(t.type,s),i.props=c,d=t.pendingProps,p=i.context,"object"==typeof(l=n.contextType)&&null!==l?l=Pa(l):l=Lo(t,l=Io(n)?Po:Ao.current);var f=n.getDerivedStateFromProps;(u="function"==typeof f||"function"==typeof i.getSnapshotBeforeUpdate)||"function"!=typeof i.UNSAFE_componentWillReceiveProps&&"function"!=typeof i.componentWillReceiveProps||(s!==d||p!==l)&&ss(t,i,r,l),Da=!1,p=t.memoizedState,i.state=p,$a(t,r,i,o);var m=t.memoizedState;s!==d||p!==m||To.current||Da?("function"==typeof f&&(rs(t,n,f,r),m=t.memoizedState),(c=Da||as(t,n,c,r,p,m,l)||!1)?(u||"function"!=typeof i.UNSAFE_componentWillUpdate&&"function"!=typeof i.componentWillUpdate||("function"==typeof i.componentWillUpdate&&i.componentWillUpdate(r,m,l),"function"==typeof i.UNSAFE_componentWillUpdate&&i.UNSAFE_componentWillUpdate(r,m,l)),"function"==typeof i.componentDidUpdate&&(t.flags|=4),"function"==typeof i.getSnapshotBeforeUpdate&&(t.flags|=1024)):("function"!=typeof i.componentDidUpdate||s===e.memoizedProps&&p===e.memoizedState||(t.flags|=4),"function"!=typeof i.getSnapshotBeforeUpdate||s===e.memoizedProps&&p===e.memoizedState||(t.flags|=1024),t.memoizedProps=r,t.memoizedState=m),i.props=r,i.state=m,i.context=l,r=c):("function"!=typeof i.componentDidUpdate||s===e.memoizedProps&&p===e.memoizedState||(t.flags|=4),"function"!=typeof i.getSnapshotBeforeUpdate||s===e.memoizedProps&&p===e.memoizedState||(t.flags|=1024),r=!1)}return Os(e,t,n,r,a,o)}function Os(e,t,n,r,o,a){_s(e,t);var i=!!(128&t.flags);if(!r&&!i)return o&&Fo(t,n,!1),Hs(e,t,a);r=t.stateNode,ys.current=t;var s=i&&"function"!=typeof n.getDerivedStateFromError?null:r.render();return t.flags|=1,null!==e&&i?(t.child=ka(t,e.child,null,a),t.child=ka(t,null,s,a)):ws(e,t,s,a),t.memoizedState=r.state,o&&Fo(t,n,!0),t.child}function As(e){var t=e.stateNode;t.pendingContext?Ro(0,t.pendingContext,t.pendingContext!==t.context):t.context&&Ro(0,t.context,!1),Ya(e,t.containerInfo)}function Ts(e,t,n,r,o){return ma(),ha(o),t.flags|=256,ws(e,t,n,r),t.child}var Ps,Ls,Is,Ns,Rs={dehydrated:null,treeContext:null,retryLane:0};function Ds(e){return{baseLanes:e,cachePool:null,transitions:null}}function Ms(e,t,n){var r,o=t.pendingProps,i=ei.current,s=!1,l=!!(128&t.flags);if((r=l)||(r=(null===e||null!==e.memoizedState)&&!!(2&i)),r?(s=!0,t.flags&=-129):null!==e&&null===e.memoizedState||(i|=1),jo(ei,1&i),null===e)return ua(t),null!==(e=t.memoizedState)&&null!==(e=e.dehydrated)?(1&t.mode?"$!"===e.data?t.lanes=8:t.lanes=1073741824:t.lanes=1,null):(l=o.children,e=o.fallback,s?(o=t.mode,s=t.child,l={mode:"hidden",children:l},1&o||null===s?s=Dc(l,o,0,null):(s.childLanes=0,s.pendingProps=l),e=Rc(e,o,n,null),s.return=t,e.return=t,s.sibling=e,t.child=s,t.child.memoizedState=Ds(n),t.memoizedState=Rs,e):Fs(t,l));if(null!==(i=e.memoizedState)&&null!==(r=i.dehydrated))return function(e,t,n,r,o,i,s){if(n)return 256&t.flags?(t.flags&=-257,zs(e,t,s,r=us(Error(a(422))))):null!==t.memoizedState?(t.child=e.child,t.flags|=128,null):(i=r.fallback,o=t.mode,r=Dc({mode:"visible",children:r.children},o,0,null),(i=Rc(i,o,s,null)).flags|=2,r.return=t,i.return=t,r.sibling=i,t.child=r,1&t.mode&&ka(t,e.child,null,s),t.child.memoizedState=Ds(s),t.memoizedState=Rs,i);if(!(1&t.mode))return zs(e,t,s,null);if("$!"===o.data){if(r=o.nextSibling&&o.nextSibling.dataset)var l=r.dgst;return r=l,zs(e,t,s,r=us(i=Error(a(419)),r,void 0))}if(l=!!(s&e.childLanes),vs||l){if(null!==(r=Al)){switch(s&-s){case 4:o=2;break;case 16:o=8;break;case 64:case 128:case 256:case 512:case 1024:case 2048:case 4096:case 8192:case 16384:case 32768:case 65536:case 131072:case 262144:case 524288:case 1048576:case 2097152:case 4194304:case 8388608:case 16777216:case 33554432:case 67108864:o=32;break;case 536870912:o=268435456;break;default:o=0}0!==(o=o&(r.suspendedLanes|s)?0:o)&&o!==i.retryLane&&(i.retryLane=o,Ra(e,o),nc(r,e,o,-1))}return hc(),zs(e,t,s,r=us(Error(a(421))))}return"$?"===o.data?(t.flags|=128,t.child=e.child,t=jc.bind(null,e),o._reactRetry=t,null):(e=i.treeContext,oa=co(o.nextSibling),ra=t,aa=!0,ia=null,null!==e&&(Ko[Qo++]=Zo,Ko[Qo++]=Jo,Ko[Qo++]=Yo,Zo=e.id,Jo=e.overflow,Yo=t),t=Fs(t,r.children),t.flags|=4096,t)}(e,t,l,o,r,i,n);if(s){s=o.fallback,l=t.mode,r=(i=e.child).sibling;var c={mode:"hidden",children:o.children};return 1&l||t.child===i?(o=Ic(i,c)).subtreeFlags=14680064&i.subtreeFlags:((o=t.child).childLanes=0,o.pendingProps=c,t.deletions=null),null!==r?s=Ic(r,s):(s=Rc(s,l,n,null)).flags|=2,s.return=t,o.return=t,o.sibling=s,t.child=o,o=s,s=t.child,l=null===(l=e.child.memoizedState)?Ds(n):{baseLanes:l.baseLanes|n,cachePool:null,transitions:l.transitions},s.memoizedState=l,s.childLanes=e.childLanes&~n,t.memoizedState=Rs,o}return e=(s=e.child).sibling,o=Ic(s,{mode:"visible",children:o.children}),!(1&t.mode)&&(o.lanes=n),o.return=t,o.sibling=null,null!==e&&(null===(n=t.deletions)?(t.deletions=[e],t.flags|=16):n.push(e)),t.child=o,t.memoizedState=null,o}function Fs(e,t){return(t=Dc({mode:"visible",children:t},e.mode,0,null)).return=e,e.child=t}function zs(e,t,n,r){return null!==r&&ha(r),ka(t,e.child,null,n),(e=Fs(t,t.pendingProps.children)).flags|=2,t.memoizedState=null,e}function Bs(e,t,n){e.lanes|=t;var r=e.alternate;null!==r&&(r.lanes|=t),Aa(e.return,t,n)}function Us(e,t,n,r,o){var a=e.memoizedState;null===a?e.memoizedState={isBackwards:t,rendering:null,renderingStartTime:0,last:r,tail:n,tailMode:o}:(a.isBackwards=t,a.rendering=null,a.renderingStartTime=0,a.last=r,a.tail=n,a.tailMode=o)}function qs(e,t,n){var r=t.pendingProps,o=r.revealOrder,a=r.tail;if(ws(e,t,r.children,n),2&(r=ei.current))r=1&r|2,t.flags|=128;else{if(null!==e&&128&e.flags)e:for(e=t.child;null!==e;){if(13===e.tag)null!==e.memoizedState&&Bs(e,n,t);else if(19===e.tag)Bs(e,n,t);else if(null!==e.child){e.child.return=e,e=e.child;continue}if(e===t)break e;for(;null===e.sibling;){if(null===e.return||e.return===t)break e;e=e.return}e.sibling.return=e.return,e=e.sibling}r&=1}if(jo(ei,r),1&t.mode)switch(o){case"forwards":for(n=t.child,o=null;null!==n;)null!==(e=n.alternate)&&null===ti(e)&&(o=n),n=n.sibling;null===(n=o)?(o=t.child,t.child=null):(o=n.sibling,n.sibling=null),Us(t,!1,o,n,a);break;case"backwards":for(n=null,o=t.child,t.child=null;null!==o;){if(null!==(e=o.alternate)&&null===ti(e)){t.child=o;break}e=o.sibling,o.sibling=n,n=o,o=e}Us(t,!0,n,null,a);break;case"together":Us(t,!1,null,null,void 0);break;default:t.memoizedState=null}else t.memoizedState=null;return t.child}function $s(e,t){!(1&t.mode)&&null!==e&&(e.alternate=null,t.alternate=null,t.flags|=2)}function Hs(e,t,n){if(null!==e&&(t.dependencies=e.dependencies),Dl|=t.lanes,!(n&t.childLanes))return null;if(null!==e&&t.child!==e.child)throw Error(a(153));if(null!==t.child){for(n=Ic(e=t.child,e.pendingProps),t.child=n,n.return=t;null!==e.sibling;)e=e.sibling,(n=n.sibling=Ic(e,e.pendingProps)).return=t;n.sibling=null}return t.child}function Vs(e,t){if(!aa)switch(e.tailMode){case"hidden":t=e.tail;for(var n=null;null!==t;)null!==t.alternate&&(n=t),t=t.sibling;null===n?e.tail=null:n.sibling=null;break;case"collapsed":n=e.tail;for(var r=null;null!==n;)null!==n.alternate&&(r=n),n=n.sibling;null===r?t||null===e.tail?e.tail=null:e.tail.sibling=null:r.sibling=null}}function Gs(e){var t=null!==e.alternate&&e.alternate.child===e.child,n=0,r=0;if(t)for(var o=e.child;null!==o;)n|=o.lanes|o.childLanes,r|=14680064&o.subtreeFlags,r|=14680064&o.flags,o.return=e,o=o.sibling;else for(o=e.child;null!==o;)n|=o.lanes|o.childLanes,r|=o.subtreeFlags,r|=o.flags,o.return=e,o=o.sibling;return e.subtreeFlags|=r,e.childLanes=n,t}function Ws(e,t,n){var r=t.pendingProps;switch(na(t),t.tag){case 2:case 16:case 15:case 0:case 11:case 7:case 8:case 12:case 9:case 14:return Gs(t),null;case 1:case 17:return Io(t.type)&&No(),Gs(t),null;case 3:return r=t.stateNode,Za(),Co(To),Co(Ao),ri(),r.pendingContext&&(r.context=r.pendingContext,r.pendingContext=null),null!==e&&null!==e.child||(pa(t)?t.flags|=4:null===e||e.memoizedState.isDehydrated&&!(256&t.flags)||(t.flags|=1024,null!==ia&&(ic(ia),ia=null))),Ls(e,t),Gs(t),null;case 5:Xa(t);var o=Qa(Ka.current);if(n=t.type,null!==e&&null!=t.stateNode)Is(e,t,n,r,o),e.ref!==t.ref&&(t.flags|=512,t.flags|=2097152);else{if(!r){if(null===t.stateNode)throw Error(a(166));return Gs(t),null}if(e=Qa(Ga.current),pa(t)){r=t.stateNode,n=t.type;var i=t.memoizedProps;switch(r[fo]=t,r[mo]=i,e=!!(1&t.mode),n){case"dialog":zr("cancel",r),zr("close",r);break;case"iframe":case"object":case"embed":zr("load",r);break;case"video":case"audio":for(o=0;o<Rr.length;o++)zr(Rr[o],r);break;case"source":zr("error",r);break;case"img":case"image":case"link":zr("error",r),zr("load",r);break;case"details":zr("toggle",r);break;case"input":Y(r,i),zr("invalid",r);break;case"select":r._wrapperState={wasMultiple:!!i.multiple},zr("invalid",r);break;case"textarea":oe(r,i),zr("invalid",r)}for(var l in ye(n,i),o=null,i)if(i.hasOwnProperty(l)){var c=i[l];"children"===l?"string"==typeof c?r.textContent!==c&&(!0!==i.suppressHydrationWarning&&Jr(r.textContent,c,e),o=["children",c]):"number"==typeof c&&r.textContent!==""+c&&(!0!==i.suppressHydrationWarning&&Jr(r.textContent,c,e),o=["children",""+c]):s.hasOwnProperty(l)&&null!=c&&"onScroll"===l&&zr("scroll",r)}switch(n){case"input":G(r),X(r,i,!0);break;case"textarea":G(r),ie(r);break;case"select":case"option":break;default:"function"==typeof i.onClick&&(r.onclick=Xr)}r=o,t.updateQueue=r,null!==r&&(t.flags|=4)}else{l=9===o.nodeType?o:o.ownerDocument,"http://www.w3.org/1999/xhtml"===e&&(e=se(n)),"http://www.w3.org/1999/xhtml"===e?"script"===n?((e=l.createElement("div")).innerHTML="<script><\/script>",e=e.removeChild(e.firstChild)):"string"==typeof r.is?e=l.createElement(n,{is:r.is}):(e=l.createElement(n),"select"===n&&(l=e,r.multiple?l.multiple=!0:r.size&&(l.size=r.size))):e=l.createElementNS(e,n),e[fo]=t,e[mo]=r,Ps(e,t,!1,!1),t.stateNode=e;e:{switch(l=ve(n,r),n){case"dialog":zr("cancel",e),zr("close",e),o=r;break;case"iframe":case"object":case"embed":zr("load",e),o=r;break;case"video":case"audio":for(o=0;o<Rr.length;o++)zr(Rr[o],e);o=r;break;case"source":zr("error",e),o=r;break;case"img":case"image":case"link":zr("error",e),zr("load",e),o=r;break;case"details":zr("toggle",e),o=r;break;case"input":Y(e,r),o=Q(e,r),zr("invalid",e);break;case"option":default:o=r;break;case"select":e._wrapperState={wasMultiple:!!r.multiple},o=M({},r,{value:void 0}),zr("invalid",e);break;case"textarea":oe(e,r),o=re(e,r),zr("invalid",e)}for(i in ye(n,o),c=o)if(c.hasOwnProperty(i)){var u=c[i];"style"===i?ge(e,u):"dangerouslySetInnerHTML"===i?null!=(u=u?u.__html:void 0)&&de(e,u):"children"===i?"string"==typeof u?("textarea"!==n||""!==u)&&pe(e,u):"number"==typeof u&&pe(e,""+u):"suppressContentEditableWarning"!==i&&"suppressHydrationWarning"!==i&&"autoFocus"!==i&&(s.hasOwnProperty(i)?null!=u&&"onScroll"===i&&zr("scroll",e):null!=u&&v(e,i,u,l))}switch(n){case"input":G(e),X(e,r,!1);break;case"textarea":G(e),ie(e);break;case"option":null!=r.value&&e.setAttribute("value",""+H(r.value));break;case"select":e.multiple=!!r.multiple,null!=(i=r.value)?ne(e,!!r.multiple,i,!1):null!=r.defaultValue&&ne(e,!!r.multiple,r.defaultValue,!0);break;default:"function"==typeof o.onClick&&(e.onclick=Xr)}switch(n){case"button":case"input":case"select":case"textarea":r=!!r.autoFocus;break e;case"img":r=!0;break e;default:r=!1}}r&&(t.flags|=4)}null!==t.ref&&(t.flags|=512,t.flags|=2097152)}return Gs(t),null;case 6:if(e&&null!=t.stateNode)Ns(e,t,e.memoizedProps,r);else{if("string"!=typeof r&&null===t.stateNode)throw Error(a(166));if(n=Qa(Ka.current),Qa(Ga.current),pa(t)){if(r=t.stateNode,n=t.memoizedProps,r[fo]=t,(i=r.nodeValue!==n)&&null!==(e=ra))switch(e.tag){case 3:Jr(r.nodeValue,n,!!(1&e.mode));break;case 5:!0!==e.memoizedProps.suppressHydrationWarning&&Jr(r.nodeValue,n,!!(1&e.mode))}i&&(t.flags|=4)}else(r=(9===n.nodeType?n:n.ownerDocument).createTextNode(r))[fo]=t,t.stateNode=r}return Gs(t),null;case 13:if(Co(ei),r=t.memoizedState,null===e||null!==e.memoizedState&&null!==e.memoizedState.dehydrated){if(aa&&null!==oa&&1&t.mode&&!(128&t.flags))fa(),ma(),t.flags|=98560,i=!1;else if(i=pa(t),null!==r&&null!==r.dehydrated){if(null===e){if(!i)throw Error(a(318));if(!(i=null!==(i=t.memoizedState)?i.dehydrated:null))throw Error(a(317));i[fo]=t}else ma(),!(128&t.flags)&&(t.memoizedState=null),t.flags|=4;Gs(t),i=!1}else null!==ia&&(ic(ia),ia=null),i=!0;if(!i)return 65536&t.flags?t:null}return 128&t.flags?(t.lanes=n,t):((r=null!==r)!==(null!==e&&null!==e.memoizedState)&&r&&(t.child.flags|=8192,1&t.mode&&(null===e||1&ei.current?0===Nl&&(Nl=3):hc())),null!==t.updateQueue&&(t.flags|=4),Gs(t),null);case 4:return Za(),Ls(e,t),null===e&&qr(t.stateNode.containerInfo),Gs(t),null;case 10:return Oa(t.type._context),Gs(t),null;case 19:if(Co(ei),null===(i=t.memoizedState))return Gs(t),null;if(r=!!(128&t.flags),null===(l=i.rendering))if(r)Vs(i,!1);else{if(0!==Nl||null!==e&&128&e.flags)for(e=t.child;null!==e;){if(null!==(l=ti(e))){for(t.flags|=128,Vs(i,!1),null!==(r=l.updateQueue)&&(t.updateQueue=r,t.flags|=4),t.subtreeFlags=0,r=n,n=t.child;null!==n;)e=r,(i=n).flags&=14680066,null===(l=i.alternate)?(i.childLanes=0,i.lanes=e,i.child=null,i.subtreeFlags=0,i.memoizedProps=null,i.memoizedState=null,i.updateQueue=null,i.dependencies=null,i.stateNode=null):(i.childLanes=l.childLanes,i.lanes=l.lanes,i.child=l.child,i.subtreeFlags=0,i.deletions=null,i.memoizedProps=l.memoizedProps,i.memoizedState=l.memoizedState,i.updateQueue=l.updateQueue,i.type=l.type,e=l.dependencies,i.dependencies=null===e?null:{lanes:e.lanes,firstContext:e.firstContext}),n=n.sibling;return jo(ei,1&ei.current|2),t.child}e=e.sibling}null!==i.tail&&Ze()>ql&&(t.flags|=128,r=!0,Vs(i,!1),t.lanes=4194304)}else{if(!r)if(null!==(e=ti(l))){if(t.flags|=128,r=!0,null!==(n=e.updateQueue)&&(t.updateQueue=n,t.flags|=4),Vs(i,!0),null===i.tail&&"hidden"===i.tailMode&&!l.alternate&&!aa)return Gs(t),null}else 2*Ze()-i.renderingStartTime>ql&&1073741824!==n&&(t.flags|=128,r=!0,Vs(i,!1),t.lanes=4194304);i.isBackwards?(l.sibling=t.child,t.child=l):(null!==(n=i.last)?n.sibling=l:t.child=l,i.last=l)}return null!==i.tail?(t=i.tail,i.rendering=t,i.tail=t.sibling,i.renderingStartTime=Ze(),t.sibling=null,n=ei.current,jo(ei,r?1&n|2:1&n),t):(Gs(t),null);case 22:case 23:return dc(),r=null!==t.memoizedState,null!==e&&null!==e.memoizedState!==r&&(t.flags|=8192),r&&1&t.mode?!!(1073741824&Ll)&&(Gs(t),6&t.subtreeFlags&&(t.flags|=8192)):Gs(t),null;case 24:case 25:return null}throw Error(a(156,t.tag))}function Ks(e,t){switch(na(t),t.tag){case 1:return Io(t.type)&&No(),65536&(e=t.flags)?(t.flags=-65537&e|128,t):null;case 3:return Za(),Co(To),Co(Ao),ri(),65536&(e=t.flags)&&!(128&e)?(t.flags=-65537&e|128,t):null;case 5:return Xa(t),null;case 13:if(Co(ei),null!==(e=t.memoizedState)&&null!==e.dehydrated){if(null===t.alternate)throw Error(a(340));ma()}return 65536&(e=t.flags)?(t.flags=-65537&e|128,t):null;case 19:return Co(ei),null;case 4:return Za(),null;case 10:return Oa(t.type._context),null;case 22:case 23:return dc(),null;default:return null}}Ps=function(e,t){for(var n=t.child;null!==n;){if(5===n.tag||6===n.tag)e.appendChild(n.stateNode);else if(4!==n.tag&&null!==n.child){n.child.return=n,n=n.child;continue}if(n===t)break;for(;null===n.sibling;){if(null===n.return||n.return===t)return;n=n.return}n.sibling.return=n.return,n=n.sibling}},Ls=function(){},Is=function(e,t,n,r){var o=e.memoizedProps;if(o!==r){e=t.stateNode,Qa(Ga.current);var a,i=null;switch(n){case"input":o=Q(e,o),r=Q(e,r),i=[];break;case"select":o=M({},o,{value:void 0}),r=M({},r,{value:void 0}),i=[];break;case"textarea":o=re(e,o),r=re(e,r),i=[];break;default:"function"!=typeof o.onClick&&"function"==typeof r.onClick&&(e.onclick=Xr)}for(u in ye(n,r),n=null,o)if(!r.hasOwnProperty(u)&&o.hasOwnProperty(u)&&null!=o[u])if("style"===u){var l=o[u];for(a in l)l.hasOwnProperty(a)&&(n||(n={}),n[a]="")}else"dangerouslySetInnerHTML"!==u&&"children"!==u&&"suppressContentEditableWarning"!==u&&"suppressHydrationWarning"!==u&&"autoFocus"!==u&&(s.hasOwnProperty(u)?i||(i=[]):(i=i||[]).push(u,null));for(u in r){var c=r[u];if(l=null!=o?o[u]:void 0,r.hasOwnProperty(u)&&c!==l&&(null!=c||null!=l))if("style"===u)if(l){for(a in l)!l.hasOwnProperty(a)||c&&c.hasOwnProperty(a)||(n||(n={}),n[a]="");for(a in c)c.hasOwnProperty(a)&&l[a]!==c[a]&&(n||(n={}),n[a]=c[a])}else n||(i||(i=[]),i.push(u,n)),n=c;else"dangerouslySetInnerHTML"===u?(c=c?c.__html:void 0,l=l?l.__html:void 0,null!=c&&l!==c&&(i=i||[]).push(u,c)):"children"===u?"string"!=typeof c&&"number"!=typeof c||(i=i||[]).push(u,""+c):"suppressContentEditableWarning"!==u&&"suppressHydrationWarning"!==u&&(s.hasOwnProperty(u)?(null!=c&&"onScroll"===u&&zr("scroll",e),i||l===c||(i=[])):(i=i||[]).push(u,c))}n&&(i=i||[]).push("style",n);var u=i;(t.updateQueue=u)&&(t.flags|=4)}},Ns=function(e,t,n,r){n!==r&&(t.flags|=4)};var Qs=!1,Ys=!1,Zs="function"==typeof WeakSet?WeakSet:Set,Js=null;function Xs(e,t){var n=e.ref;if(null!==n)if("function"==typeof n)try{n(null)}catch(r){Ec(e,t,r)}else n.current=null}function el(e,t,n){try{n()}catch(r){Ec(e,t,r)}}var tl=!1;function nl(e,t,n){var r=t.updateQueue;if(null!==(r=null!==r?r.lastEffect:null)){var o=r=r.next;do{if((o.tag&e)===e){var a=o.destroy;o.destroy=void 0,void 0!==a&&el(t,n,a)}o=o.next}while(o!==r)}}function rl(e,t){if(null!==(t=null!==(t=t.updateQueue)?t.lastEffect:null)){var n=t=t.next;do{if((n.tag&e)===e){var r=n.create;n.destroy=r()}n=n.next}while(n!==t)}}function ol(e){var t=e.ref;if(null!==t){var n=e.stateNode;e.tag,e=n,"function"==typeof t?t(e):t.current=e}}function al(e){var t=e.alternate;null!==t&&(e.alternate=null,al(t)),e.child=null,e.deletions=null,e.sibling=null,5===e.tag&&(null!==(t=e.stateNode)&&(delete t[fo],delete t[mo],delete t[go],delete t[bo],delete t[yo])),e.stateNode=null,e.return=null,e.dependencies=null,e.memoizedProps=null,e.memoizedState=null,e.pendingProps=null,e.stateNode=null,e.updateQueue=null}function il(e){return 5===e.tag||3===e.tag||4===e.tag}function sl(e){e:for(;;){for(;null===e.sibling;){if(null===e.return||il(e.return))return null;e=e.return}for(e.sibling.return=e.return,e=e.sibling;5!==e.tag&&6!==e.tag&&18!==e.tag;){if(2&e.flags)continue e;if(null===e.child||4===e.tag)continue e;e.child.return=e,e=e.child}if(!(2&e.flags))return e.stateNode}}function ll(e,t,n){var r=e.tag;if(5===r||6===r)e=e.stateNode,t?8===n.nodeType?n.parentNode.insertBefore(e,t):n.insertBefore(e,t):(8===n.nodeType?(t=n.parentNode).insertBefore(e,n):(t=n).appendChild(e),null!=(n=n._reactRootContainer)||null!==t.onclick||(t.onclick=Xr));else if(4!==r&&null!==(e=e.child))for(ll(e,t,n),e=e.sibling;null!==e;)ll(e,t,n),e=e.sibling}function cl(e,t,n){var r=e.tag;if(5===r||6===r)e=e.stateNode,t?n.insertBefore(e,t):n.appendChild(e);else if(4!==r&&null!==(e=e.child))for(cl(e,t,n),e=e.sibling;null!==e;)cl(e,t,n),e=e.sibling}var ul=null,dl=!1;function pl(e,t,n){for(n=n.child;null!==n;)fl(e,t,n),n=n.sibling}function fl(e,t,n){if(at&&"function"==typeof at.onCommitFiberUnmount)try{at.onCommitFiberUnmount(ot,n)}catch(s){}switch(n.tag){case 5:Ys||Xs(n,t);case 6:var r=ul,o=dl;ul=null,pl(e,t,n),dl=o,null!==(ul=r)&&(dl?(e=ul,n=n.stateNode,8===e.nodeType?e.parentNode.removeChild(n):e.removeChild(n)):ul.removeChild(n.stateNode));break;case 18:null!==ul&&(dl?(e=ul,n=n.stateNode,8===e.nodeType?lo(e.parentNode,n):1===e.nodeType&&lo(e,n),qt(e)):lo(ul,n.stateNode));break;case 4:r=ul,o=dl,ul=n.stateNode.containerInfo,dl=!0,pl(e,t,n),ul=r,dl=o;break;case 0:case 11:case 14:case 15:if(!Ys&&(null!==(r=n.updateQueue)&&null!==(r=r.lastEffect))){o=r=r.next;do{var a=o,i=a.destroy;a=a.tag,void 0!==i&&(2&a||4&a)&&el(n,t,i),o=o.next}while(o!==r)}pl(e,t,n);break;case 1:if(!Ys&&(Xs(n,t),"function"==typeof(r=n.stateNode).componentWillUnmount))try{r.props=n.memoizedProps,r.state=n.memoizedState,r.componentWillUnmount()}catch(s){Ec(n,t,s)}pl(e,t,n);break;case 21:pl(e,t,n);break;case 22:1&n.mode?(Ys=(r=Ys)||null!==n.memoizedState,pl(e,t,n),Ys=r):pl(e,t,n);break;default:pl(e,t,n)}}function ml(e){var t=e.updateQueue;if(null!==t){e.updateQueue=null;var n=e.stateNode;null===n&&(n=e.stateNode=new Zs),t.forEach((function(t){var r=Oc.bind(null,e,t);n.has(t)||(n.add(t),t.then(r,r))}))}}function hl(e,t){var n=t.deletions;if(null!==n)for(var r=0;r<n.length;r++){var o=n[r];try{var i=e,s=t,l=s;e:for(;null!==l;){switch(l.tag){case 5:ul=l.stateNode,dl=!1;break e;case 3:case 4:ul=l.stateNode.containerInfo,dl=!0;break e}l=l.return}if(null===ul)throw Error(a(160));fl(i,s,o),ul=null,dl=!1;var c=o.alternate;null!==c&&(c.return=null),o.return=null}catch(u){Ec(o,t,u)}}if(12854&t.subtreeFlags)for(t=t.child;null!==t;)gl(t,e),t=t.sibling}function gl(e,t){var n=e.alternate,r=e.flags;switch(e.tag){case 0:case 11:case 14:case 15:if(hl(t,e),bl(e),4&r){try{nl(3,e,e.return),rl(3,e)}catch(g){Ec(e,e.return,g)}try{nl(5,e,e.return)}catch(g){Ec(e,e.return,g)}}break;case 1:hl(t,e),bl(e),512&r&&null!==n&&Xs(n,n.return);break;case 5:if(hl(t,e),bl(e),512&r&&null!==n&&Xs(n,n.return),32&e.flags){var o=e.stateNode;try{pe(o,"")}catch(g){Ec(e,e.return,g)}}if(4&r&&null!=(o=e.stateNode)){var i=e.memoizedProps,s=null!==n?n.memoizedProps:i,l=e.type,c=e.updateQueue;if(e.updateQueue=null,null!==c)try{"input"===l&&"radio"===i.type&&null!=i.name&&Z(o,i),ve(l,s);var u=ve(l,i);for(s=0;s<c.length;s+=2){var d=c[s],p=c[s+1];"style"===d?ge(o,p):"dangerouslySetInnerHTML"===d?de(o,p):"children"===d?pe(o,p):v(o,d,p,u)}switch(l){case"input":J(o,i);break;case"textarea":ae(o,i);break;case"select":var f=o._wrapperState.wasMultiple;o._wrapperState.wasMultiple=!!i.multiple;var m=i.value;null!=m?ne(o,!!i.multiple,m,!1):f!==!!i.multiple&&(null!=i.defaultValue?ne(o,!!i.multiple,i.defaultValue,!0):ne(o,!!i.multiple,i.multiple?[]:"",!1))}o[mo]=i}catch(g){Ec(e,e.return,g)}}break;case 6:if(hl(t,e),bl(e),4&r){if(null===e.stateNode)throw Error(a(162));o=e.stateNode,i=e.memoizedProps;try{o.nodeValue=i}catch(g){Ec(e,e.return,g)}}break;case 3:if(hl(t,e),bl(e),4&r&&null!==n&&n.memoizedState.isDehydrated)try{qt(t.containerInfo)}catch(g){Ec(e,e.return,g)}break;case 4:default:hl(t,e),bl(e);break;case 13:hl(t,e),bl(e),8192&(o=e.child).flags&&(i=null!==o.memoizedState,o.stateNode.isHidden=i,!i||null!==o.alternate&&null!==o.alternate.memoizedState||(Ul=Ze())),4&r&&ml(e);break;case 22:if(d=null!==n&&null!==n.memoizedState,1&e.mode?(Ys=(u=Ys)||d,hl(t,e),Ys=u):hl(t,e),bl(e),8192&r){if(u=null!==e.memoizedState,(e.stateNode.isHidden=u)&&!d&&1&e.mode)for(Js=e,d=e.child;null!==d;){for(p=Js=d;null!==Js;){switch(m=(f=Js).child,f.tag){case 0:case 11:case 14:case 15:nl(4,f,f.return);break;case 1:Xs(f,f.return);var h=f.stateNode;if("function"==typeof h.componentWillUnmount){r=f,n=f.return;try{t=r,h.props=t.memoizedProps,h.state=t.memoizedState,h.componentWillUnmount()}catch(g){Ec(r,n,g)}}break;case 5:Xs(f,f.return);break;case 22:if(null!==f.memoizedState){kl(p);continue}}null!==m?(m.return=f,Js=m):kl(p)}d=d.sibling}e:for(d=null,p=e;;){if(5===p.tag){if(null===d){d=p;try{o=p.stateNode,u?"function"==typeof(i=o.style).setProperty?i.setProperty("display","none","important"):i.display="none":(l=p.stateNode,s=null!=(c=p.memoizedProps.style)&&c.hasOwnProperty("display")?c.display:null,l.style.display=he("display",s))}catch(g){Ec(e,e.return,g)}}}else if(6===p.tag){if(null===d)try{p.stateNode.nodeValue=u?"":p.memoizedProps}catch(g){Ec(e,e.return,g)}}else if((22!==p.tag&&23!==p.tag||null===p.memoizedState||p===e)&&null!==p.child){p.child.return=p,p=p.child;continue}if(p===e)break e;for(;null===p.sibling;){if(null===p.return||p.return===e)break e;d===p&&(d=null),p=p.return}d===p&&(d=null),p.sibling.return=p.return,p=p.sibling}}break;case 19:hl(t,e),bl(e),4&r&&ml(e);case 21:}}function bl(e){var t=e.flags;if(2&t){try{e:{for(var n=e.return;null!==n;){if(il(n)){var r=n;break e}n=n.return}throw Error(a(160))}switch(r.tag){case 5:var o=r.stateNode;32&r.flags&&(pe(o,""),r.flags&=-33),cl(e,sl(e),o);break;case 3:case 4:var i=r.stateNode.containerInfo;ll(e,sl(e),i);break;default:throw Error(a(161))}}catch(s){Ec(e,e.return,s)}e.flags&=-3}4096&t&&(e.flags&=-4097)}function yl(e,t,n){Js=e,vl(e,t,n)}function vl(e,t,n){for(var r=!!(1&e.mode);null!==Js;){var o=Js,a=o.child;if(22===o.tag&&r){var i=null!==o.memoizedState||Qs;if(!i){var s=o.alternate,l=null!==s&&null!==s.memoizedState||Ys;s=Qs;var c=Ys;if(Qs=i,(Ys=l)&&!c)for(Js=o;null!==Js;)l=(i=Js).child,22===i.tag&&null!==i.memoizedState?Sl(o):null!==l?(l.return=i,Js=l):Sl(o);for(;null!==a;)Js=a,vl(a,t,n),a=a.sibling;Js=o,Qs=s,Ys=c}wl(e)}else 8772&o.subtreeFlags&&null!==a?(a.return=o,Js=a):wl(e)}}function wl(e){for(;null!==Js;){var t=Js;if(8772&t.flags){var n=t.alternate;try{if(8772&t.flags)switch(t.tag){case 0:case 11:case 15:Ys||rl(5,t);break;case 1:var r=t.stateNode;if(4&t.flags&&!Ys)if(null===n)r.componentDidMount();else{var o=t.elementType===t.type?n.memoizedProps:ns(t.type,n.memoizedProps);r.componentDidUpdate(o,n.memoizedState,r.__reactInternalSnapshotBeforeUpdate)}var i=t.updateQueue;null!==i&&Ha(t,i,r);break;case 3:var s=t.updateQueue;if(null!==s){if(n=null,null!==t.child)switch(t.child.tag){case 5:case 1:n=t.child.stateNode}Ha(t,s,n)}break;case 5:var l=t.stateNode;if(null===n&&4&t.flags){n=l;var c=t.memoizedProps;switch(t.type){case"button":case"input":case"select":case"textarea":c.autoFocus&&n.focus();break;case"img":c.src&&(n.src=c.src)}}break;case 6:case 4:case 12:case 19:case 17:case 21:case 22:case 23:case 25:break;case 13:if(null===t.memoizedState){var u=t.alternate;if(null!==u){var d=u.memoizedState;if(null!==d){var p=d.dehydrated;null!==p&&qt(p)}}}break;default:throw Error(a(163))}Ys||512&t.flags&&ol(t)}catch(f){Ec(t,t.return,f)}}if(t===e){Js=null;break}if(null!==(n=t.sibling)){n.return=t.return,Js=n;break}Js=t.return}}function kl(e){for(;null!==Js;){var t=Js;if(t===e){Js=null;break}var n=t.sibling;if(null!==n){n.return=t.return,Js=n;break}Js=t.return}}function Sl(e){for(;null!==Js;){var t=Js;try{switch(t.tag){case 0:case 11:case 15:var n=t.return;try{rl(4,t)}catch(l){Ec(t,n,l)}break;case 1:var r=t.stateNode;if("function"==typeof r.componentDidMount){var o=t.return;try{r.componentDidMount()}catch(l){Ec(t,o,l)}}var a=t.return;try{ol(t)}catch(l){Ec(t,a,l)}break;case 5:var i=t.return;try{ol(t)}catch(l){Ec(t,i,l)}}}catch(l){Ec(t,t.return,l)}if(t===e){Js=null;break}var s=t.sibling;if(null!==s){s.return=t.return,Js=s;break}Js=t.return}}var xl,El=Math.ceil,_l=w.ReactCurrentDispatcher,Cl=w.ReactCurrentOwner,jl=w.ReactCurrentBatchConfig,Ol=0,Al=null,Tl=null,Pl=0,Ll=0,Il=_o(0),Nl=0,Rl=null,Dl=0,Ml=0,Fl=0,zl=null,Bl=null,Ul=0,ql=1/0,$l=null,Hl=!1,Vl=null,Gl=null,Wl=!1,Kl=null,Ql=0,Yl=0,Zl=null,Jl=-1,Xl=0;function ec(){return 6&Ol?Ze():-1!==Jl?Jl:Jl=Ze()}function tc(e){return 1&e.mode?2&Ol&&0!==Pl?Pl&-Pl:null!==ga.transition?(0===Xl&&(Xl=ht()),Xl):0!==(e=vt)?e:e=void 0===(e=window.event)?16:Yt(e.type):1}function nc(e,t,n,r){if(50<Yl)throw Yl=0,Zl=null,Error(a(185));bt(e,n,r),2&Ol&&e===Al||(e===Al&&(!(2&Ol)&&(Ml|=n),4===Nl&&sc(e,Pl)),rc(e,r),1===n&&0===Ol&&!(1&t.mode)&&(ql=Ze()+500,Bo&&$o()))}function rc(e,t){var n=e.callbackNode;!function(e,t){for(var n=e.suspendedLanes,r=e.pingedLanes,o=e.expirationTimes,a=e.pendingLanes;0<a;){var i=31-it(a),s=1<<i,l=o[i];-1===l?s&n&&!(s&r)||(o[i]=ft(s,t)):l<=t&&(e.expiredLanes|=s),a&=~s}}(e,t);var r=pt(e,e===Al?Pl:0);if(0===r)null!==n&&Ke(n),e.callbackNode=null,e.callbackPriority=0;else if(t=r&-r,e.callbackPriority!==t){if(null!=n&&Ke(n),1===t)0===e.tag?function(e){Bo=!0,qo(e)}(lc.bind(null,e)):qo(lc.bind(null,e)),io((function(){!(6&Ol)&&$o()})),n=null;else{switch(wt(r)){case 1:n=Xe;break;case 4:n=et;break;case 16:default:n=tt;break;case 536870912:n=rt}n=Ac(n,oc.bind(null,e))}e.callbackPriority=t,e.callbackNode=n}}function oc(e,t){if(Jl=-1,Xl=0,6&Ol)throw Error(a(327));var n=e.callbackNode;if(Sc()&&e.callbackNode!==n)return null;var r=pt(e,e===Al?Pl:0);if(0===r)return null;if(30&r||r&e.expiredLanes||t)t=gc(e,r);else{t=r;var o=Ol;Ol|=2;var i=mc();for(Al===e&&Pl===t||($l=null,ql=Ze()+500,pc(e,t));;)try{yc();break}catch(l){fc(e,l)}ja(),_l.current=i,Ol=o,null!==Tl?t=0:(Al=null,Pl=0,t=Nl)}if(0!==t){if(2===t&&(0!==(o=mt(e))&&(r=o,t=ac(e,o))),1===t)throw n=Rl,pc(e,0),sc(e,r),rc(e,Ze()),n;if(6===t)sc(e,r);else{if(o=e.current.alternate,!(30&r||function(e){for(var t=e;;){if(16384&t.flags){var n=t.updateQueue;if(null!==n&&null!==(n=n.stores))for(var r=0;r<n.length;r++){var o=n[r],a=o.getSnapshot;o=o.value;try{if(!sr(a(),o))return!1}catch(s){return!1}}}if(n=t.child,16384&t.subtreeFlags&&null!==n)n.return=t,t=n;else{if(t===e)break;for(;null===t.sibling;){if(null===t.return||t.return===e)return!0;t=t.return}t.sibling.return=t.return,t=t.sibling}}return!0}(o)||(t=gc(e,r),2===t&&(i=mt(e),0!==i&&(r=i,t=ac(e,i))),1!==t)))throw n=Rl,pc(e,0),sc(e,r),rc(e,Ze()),n;switch(e.finishedWork=o,e.finishedLanes=r,t){case 0:case 1:throw Error(a(345));case 2:case 5:kc(e,Bl,$l);break;case 3:if(sc(e,r),(130023424&r)===r&&10<(t=Ul+500-Ze())){if(0!==pt(e,0))break;if(((o=e.suspendedLanes)&r)!==r){ec(),e.pingedLanes|=e.suspendedLanes&o;break}e.timeoutHandle=ro(kc.bind(null,e,Bl,$l),t);break}kc(e,Bl,$l);break;case 4:if(sc(e,r),(4194240&r)===r)break;for(t=e.eventTimes,o=-1;0<r;){var s=31-it(r);i=1<<s,(s=t[s])>o&&(o=s),r&=~i}if(r=o,10<(r=(120>(r=Ze()-r)?120:480>r?480:1080>r?1080:1920>r?1920:3e3>r?3e3:4320>r?4320:1960*El(r/1960))-r)){e.timeoutHandle=ro(kc.bind(null,e,Bl,$l),r);break}kc(e,Bl,$l);break;default:throw Error(a(329))}}}return rc(e,Ze()),e.callbackNode===n?oc.bind(null,e):null}function ac(e,t){var n=zl;return e.current.memoizedState.isDehydrated&&(pc(e,t).flags|=256),2!==(e=gc(e,t))&&(t=Bl,Bl=n,null!==t&&ic(t)),e}function ic(e){null===Bl?Bl=e:Bl.push.apply(Bl,e)}function sc(e,t){for(t&=~Fl,t&=~Ml,e.suspendedLanes|=t,e.pingedLanes&=~t,e=e.expirationTimes;0<t;){var n=31-it(t),r=1<<n;e[n]=-1,t&=~r}}function lc(e){if(6&Ol)throw Error(a(327));Sc();var t=pt(e,0);if(!(1&t))return rc(e,Ze()),null;var n=gc(e,t);if(0!==e.tag&&2===n){var r=mt(e);0!==r&&(t=r,n=ac(e,r))}if(1===n)throw n=Rl,pc(e,0),sc(e,t),rc(e,Ze()),n;if(6===n)throw Error(a(345));return e.finishedWork=e.current.alternate,e.finishedLanes=t,kc(e,Bl,$l),rc(e,Ze()),null}function cc(e,t){var n=Ol;Ol|=1;try{return e(t)}finally{0===(Ol=n)&&(ql=Ze()+500,Bo&&$o())}}function uc(e){null!==Kl&&0===Kl.tag&&!(6&Ol)&&Sc();var t=Ol;Ol|=1;var n=jl.transition,r=vt;try{if(jl.transition=null,vt=1,e)return e()}finally{vt=r,jl.transition=n,!(6&(Ol=t))&&$o()}}function dc(){Ll=Il.current,Co(Il)}function pc(e,t){e.finishedWork=null,e.finishedLanes=0;var n=e.timeoutHandle;if(-1!==n&&(e.timeoutHandle=-1,oo(n)),null!==Tl)for(n=Tl.return;null!==n;){var r=n;switch(na(r),r.tag){case 1:null!=(r=r.type.childContextTypes)&&No();break;case 3:Za(),Co(To),Co(Ao),ri();break;case 5:Xa(r);break;case 4:Za();break;case 13:case 19:Co(ei);break;case 10:Oa(r.type._context);break;case 22:case 23:dc()}n=n.return}if(Al=e,Tl=e=Ic(e.current,null),Pl=Ll=t,Nl=0,Rl=null,Fl=Ml=Dl=0,Bl=zl=null,null!==La){for(t=0;t<La.length;t++)if(null!==(r=(n=La[t]).interleaved)){n.interleaved=null;var o=r.next,a=n.pending;if(null!==a){var i=a.next;a.next=o,r.next=i}n.pending=r}La=null}return e}function fc(e,t){for(;;){var n=Tl;try{if(ja(),oi.current=Ji,ui){for(var r=si.memoizedState;null!==r;){var o=r.queue;null!==o&&(o.pending=null),r=r.next}ui=!1}if(ii=0,ci=li=si=null,di=!1,pi=0,Cl.current=null,null===n||null===n.return){Nl=1,Rl=t,Tl=null;break}e:{var i=e,s=n.return,l=n,c=t;if(t=Pl,l.flags|=32768,null!==c&&"object"==typeof c&&"function"==typeof c.then){var u=c,d=l,p=d.tag;if(!(1&d.mode||0!==p&&11!==p&&15!==p)){var f=d.alternate;f?(d.updateQueue=f.updateQueue,d.memoizedState=f.memoizedState,d.lanes=f.lanes):(d.updateQueue=null,d.memoizedState=null)}var m=gs(s);if(null!==m){m.flags&=-257,bs(m,s,l,0,t),1&m.mode&&hs(i,u,t),c=u;var h=(t=m).updateQueue;if(null===h){var g=new Set;g.add(c),t.updateQueue=g}else h.add(c);break e}if(!(1&t)){hs(i,u,t),hc();break e}c=Error(a(426))}else if(aa&&1&l.mode){var b=gs(s);if(null!==b){!(65536&b.flags)&&(b.flags|=256),bs(b,s,l,0,t),ha(cs(c,l));break e}}i=c=cs(c,l),4!==Nl&&(Nl=2),null===zl?zl=[i]:zl.push(i),i=s;do{switch(i.tag){case 3:i.flags|=65536,t&=-t,i.lanes|=t,qa(i,fs(0,c,t));break e;case 1:l=c;var y=i.type,v=i.stateNode;if(!(128&i.flags||"function"!=typeof y.getDerivedStateFromError&&(null===v||"function"!=typeof v.componentDidCatch||null!==Gl&&Gl.has(v)))){i.flags|=65536,t&=-t,i.lanes|=t,qa(i,ms(i,l,t));break e}}i=i.return}while(null!==i)}wc(n)}catch(w){t=w,Tl===n&&null!==n&&(Tl=n=n.return);continue}break}}function mc(){var e=_l.current;return _l.current=Ji,null===e?Ji:e}function hc(){0!==Nl&&3!==Nl&&2!==Nl||(Nl=4),null===Al||!(268435455&Dl)&&!(268435455&Ml)||sc(Al,Pl)}function gc(e,t){var n=Ol;Ol|=2;var r=mc();for(Al===e&&Pl===t||($l=null,pc(e,t));;)try{bc();break}catch(o){fc(e,o)}if(ja(),Ol=n,_l.current=r,null!==Tl)throw Error(a(261));return Al=null,Pl=0,Nl}function bc(){for(;null!==Tl;)vc(Tl)}function yc(){for(;null!==Tl&&!Qe();)vc(Tl)}function vc(e){var t=xl(e.alternate,e,Ll);e.memoizedProps=e.pendingProps,null===t?wc(e):Tl=t,Cl.current=null}function wc(e){var t=e;do{var n=t.alternate;if(e=t.return,32768&t.flags){if(null!==(n=Ks(n,t)))return n.flags&=32767,void(Tl=n);if(null===e)return Nl=6,void(Tl=null);e.flags|=32768,e.subtreeFlags=0,e.deletions=null}else if(null!==(n=Ws(n,t,Ll)))return void(Tl=n);if(null!==(t=t.sibling))return void(Tl=t);Tl=t=e}while(null!==t);0===Nl&&(Nl=5)}function kc(e,t,n){var r=vt,o=jl.transition;try{jl.transition=null,vt=1,function(e,t,n,r){do{Sc()}while(null!==Kl);if(6&Ol)throw Error(a(327));n=e.finishedWork;var o=e.finishedLanes;if(null===n)return null;if(e.finishedWork=null,e.finishedLanes=0,n===e.current)throw Error(a(177));e.callbackNode=null,e.callbackPriority=0;var i=n.lanes|n.childLanes;if(function(e,t){var n=e.pendingLanes&~t;e.pendingLanes=t,e.suspendedLanes=0,e.pingedLanes=0,e.expiredLanes&=t,e.mutableReadLanes&=t,e.entangledLanes&=t,t=e.entanglements;var r=e.eventTimes;for(e=e.expirationTimes;0<n;){var o=31-it(n),a=1<<o;t[o]=0,r[o]=-1,e[o]=-1,n&=~a}}(e,i),e===Al&&(Tl=Al=null,Pl=0),!(2064&n.subtreeFlags)&&!(2064&n.flags)||Wl||(Wl=!0,Ac(tt,(function(){return Sc(),null}))),i=!!(15990&n.flags),!!(15990&n.subtreeFlags)||i){i=jl.transition,jl.transition=null;var s=vt;vt=1;var l=Ol;Ol|=4,Cl.current=null,function(e,t){if(eo=Ht,fr(e=pr())){if("selectionStart"in e)var n={start:e.selectionStart,end:e.selectionEnd};else e:{var r=(n=(n=e.ownerDocument)&&n.defaultView||window).getSelection&&n.getSelection();if(r&&0!==r.rangeCount){n=r.anchorNode;var o=r.anchorOffset,i=r.focusNode;r=r.focusOffset;try{n.nodeType,i.nodeType}catch(k){n=null;break e}var s=0,l=-1,c=-1,u=0,d=0,p=e,f=null;t:for(;;){for(var m;p!==n||0!==o&&3!==p.nodeType||(l=s+o),p!==i||0!==r&&3!==p.nodeType||(c=s+r),3===p.nodeType&&(s+=p.nodeValue.length),null!==(m=p.firstChild);)f=p,p=m;for(;;){if(p===e)break t;if(f===n&&++u===o&&(l=s),f===i&&++d===r&&(c=s),null!==(m=p.nextSibling))break;f=(p=f).parentNode}p=m}n=-1===l||-1===c?null:{start:l,end:c}}else n=null}n=n||{start:0,end:0}}else n=null;for(to={focusedElem:e,selectionRange:n},Ht=!1,Js=t;null!==Js;)if(e=(t=Js).child,1028&t.subtreeFlags&&null!==e)e.return=t,Js=e;else for(;null!==Js;){t=Js;try{var h=t.alternate;if(1024&t.flags)switch(t.tag){case 0:case 11:case 15:case 5:case 6:case 4:case 17:break;case 1:if(null!==h){var g=h.memoizedProps,b=h.memoizedState,y=t.stateNode,v=y.getSnapshotBeforeUpdate(t.elementType===t.type?g:ns(t.type,g),b);y.__reactInternalSnapshotBeforeUpdate=v}break;case 3:var w=t.stateNode.containerInfo;1===w.nodeType?w.textContent="":9===w.nodeType&&w.documentElement&&w.removeChild(w.documentElement);break;default:throw Error(a(163))}}catch(k){Ec(t,t.return,k)}if(null!==(e=t.sibling)){e.return=t.return,Js=e;break}Js=t.return}h=tl,tl=!1}(e,n),gl(n,e),mr(to),Ht=!!eo,to=eo=null,e.current=n,yl(n,e,o),Ye(),Ol=l,vt=s,jl.transition=i}else e.current=n;if(Wl&&(Wl=!1,Kl=e,Ql=o),i=e.pendingLanes,0===i&&(Gl=null),function(e){if(at&&"function"==typeof at.onCommitFiberRoot)try{at.onCommitFiberRoot(ot,e,void 0,!(128&~e.current.flags))}catch(t){}}(n.stateNode),rc(e,Ze()),null!==t)for(r=e.onRecoverableError,n=0;n<t.length;n++)o=t[n],r(o.value,{componentStack:o.stack,digest:o.digest});if(Hl)throw Hl=!1,e=Vl,Vl=null,e;!!(1&Ql)&&0!==e.tag&&Sc(),i=e.pendingLanes,1&i?e===Zl?Yl++:(Yl=0,Zl=e):Yl=0,$o()}(e,t,n,r)}finally{jl.transition=o,vt=r}return null}function Sc(){if(null!==Kl){var e=wt(Ql),t=jl.transition,n=vt;try{if(jl.transition=null,vt=16>e?16:e,null===Kl)var r=!1;else{if(e=Kl,Kl=null,Ql=0,6&Ol)throw Error(a(331));var o=Ol;for(Ol|=4,Js=e.current;null!==Js;){var i=Js,s=i.child;if(16&Js.flags){var l=i.deletions;if(null!==l){for(var c=0;c<l.length;c++){var u=l[c];for(Js=u;null!==Js;){var d=Js;switch(d.tag){case 0:case 11:case 15:nl(8,d,i)}var p=d.child;if(null!==p)p.return=d,Js=p;else for(;null!==Js;){var f=(d=Js).sibling,m=d.return;if(al(d),d===u){Js=null;break}if(null!==f){f.return=m,Js=f;break}Js=m}}}var h=i.alternate;if(null!==h){var g=h.child;if(null!==g){h.child=null;do{var b=g.sibling;g.sibling=null,g=b}while(null!==g)}}Js=i}}if(2064&i.subtreeFlags&&null!==s)s.return=i,Js=s;else e:for(;null!==Js;){if(2048&(i=Js).flags)switch(i.tag){case 0:case 11:case 15:nl(9,i,i.return)}var y=i.sibling;if(null!==y){y.return=i.return,Js=y;break e}Js=i.return}}var v=e.current;for(Js=v;null!==Js;){var w=(s=Js).child;if(2064&s.subtreeFlags&&null!==w)w.return=s,Js=w;else e:for(s=v;null!==Js;){if(2048&(l=Js).flags)try{switch(l.tag){case 0:case 11:case 15:rl(9,l)}}catch(S){Ec(l,l.return,S)}if(l===s){Js=null;break e}var k=l.sibling;if(null!==k){k.return=l.return,Js=k;break e}Js=l.return}}if(Ol=o,$o(),at&&"function"==typeof at.onPostCommitFiberRoot)try{at.onPostCommitFiberRoot(ot,e)}catch(S){}r=!0}return r}finally{vt=n,jl.transition=t}}return!1}function xc(e,t,n){e=Ba(e,t=fs(0,t=cs(n,t),1),1),t=ec(),null!==e&&(bt(e,1,t),rc(e,t))}function Ec(e,t,n){if(3===e.tag)xc(e,e,n);else for(;null!==t;){if(3===t.tag){xc(t,e,n);break}if(1===t.tag){var r=t.stateNode;if("function"==typeof t.type.getDerivedStateFromError||"function"==typeof r.componentDidCatch&&(null===Gl||!Gl.has(r))){t=Ba(t,e=ms(t,e=cs(n,e),1),1),e=ec(),null!==t&&(bt(t,1,e),rc(t,e));break}}t=t.return}}function _c(e,t,n){var r=e.pingCache;null!==r&&r.delete(t),t=ec(),e.pingedLanes|=e.suspendedLanes&n,Al===e&&(Pl&n)===n&&(4===Nl||3===Nl&&(130023424&Pl)===Pl&&500>Ze()-Ul?pc(e,0):Fl|=n),rc(e,t)}function Cc(e,t){0===t&&(1&e.mode?(t=ut,!(130023424&(ut<<=1))&&(ut=4194304)):t=1);var n=ec();null!==(e=Ra(e,t))&&(bt(e,t,n),rc(e,n))}function jc(e){var t=e.memoizedState,n=0;null!==t&&(n=t.retryLane),Cc(e,n)}function Oc(e,t){var n=0;switch(e.tag){case 13:var r=e.stateNode,o=e.memoizedState;null!==o&&(n=o.retryLane);break;case 19:r=e.stateNode;break;default:throw Error(a(314))}null!==r&&r.delete(t),Cc(e,n)}function Ac(e,t){return We(e,t)}function Tc(e,t,n,r){this.tag=e,this.key=n,this.sibling=this.child=this.return=this.stateNode=this.type=this.elementType=null,this.index=0,this.ref=null,this.pendingProps=t,this.dependencies=this.memoizedState=this.updateQueue=this.memoizedProps=null,this.mode=r,this.subtreeFlags=this.flags=0,this.deletions=null,this.childLanes=this.lanes=0,this.alternate=null}function Pc(e,t,n,r){return new Tc(e,t,n,r)}function Lc(e){return!(!(e=e.prototype)||!e.isReactComponent)}function Ic(e,t){var n=e.alternate;return null===n?((n=Pc(e.tag,t,e.key,e.mode)).elementType=e.elementType,n.type=e.type,n.stateNode=e.stateNode,n.alternate=e,e.alternate=n):(n.pendingProps=t,n.type=e.type,n.flags=0,n.subtreeFlags=0,n.deletions=null),n.flags=14680064&e.flags,n.childLanes=e.childLanes,n.lanes=e.lanes,n.child=e.child,n.memoizedProps=e.memoizedProps,n.memoizedState=e.memoizedState,n.updateQueue=e.updateQueue,t=e.dependencies,n.dependencies=null===t?null:{lanes:t.lanes,firstContext:t.firstContext},n.sibling=e.sibling,n.index=e.index,n.ref=e.ref,n}function Nc(e,t,n,r,o,i){var s=2;if(r=e,"function"==typeof e)Lc(e)&&(s=1);else if("string"==typeof e)s=5;else e:switch(e){case x:return Rc(n.children,o,i,t);case E:s=8,o|=8;break;case _:return(e=Pc(12,n,t,2|o)).elementType=_,e.lanes=i,e;case A:return(e=Pc(13,n,t,o)).elementType=A,e.lanes=i,e;case T:return(e=Pc(19,n,t,o)).elementType=T,e.lanes=i,e;case I:return Dc(n,o,i,t);default:if("object"==typeof e&&null!==e)switch(e.$$typeof){case C:s=10;break e;case j:s=9;break e;case O:s=11;break e;case P:s=14;break e;case L:s=16,r=null;break e}throw Error(a(130,null==e?e:typeof e,""))}return(t=Pc(s,n,t,o)).elementType=e,t.type=r,t.lanes=i,t}function Rc(e,t,n,r){return(e=Pc(7,e,r,t)).lanes=n,e}function Dc(e,t,n,r){return(e=Pc(22,e,r,t)).elementType=I,e.lanes=n,e.stateNode={isHidden:!1},e}function Mc(e,t,n){return(e=Pc(6,e,null,t)).lanes=n,e}function Fc(e,t,n){return(t=Pc(4,null!==e.children?e.children:[],e.key,t)).lanes=n,t.stateNode={containerInfo:e.containerInfo,pendingChildren:null,implementation:e.implementation},t}function zc(e,t,n,r,o){this.tag=t,this.containerInfo=e,this.finishedWork=this.pingCache=this.current=this.pendingChildren=null,this.timeoutHandle=-1,this.callbackNode=this.pendingContext=this.context=null,this.callbackPriority=0,this.eventTimes=gt(0),this.expirationTimes=gt(-1),this.entangledLanes=this.finishedLanes=this.mutableReadLanes=this.expiredLanes=this.pingedLanes=this.suspendedLanes=this.pendingLanes=0,this.entanglements=gt(0),this.identifierPrefix=r,this.onRecoverableError=o,this.mutableSourceEagerHydrationData=null}function Bc(e,t,n,r,o,a,i,s,l){return e=new zc(e,t,n,s,l),1===t?(t=1,!0===a&&(t|=8)):t=0,a=Pc(3,null,null,t),e.current=a,a.stateNode=e,a.memoizedState={element:r,isDehydrated:n,cache:null,transitions:null,pendingSuspenseBoundaries:null},Ma(a),e}function Uc(e){if(!e)return Oo;e:{if(qe(e=e._reactInternals)!==e||1!==e.tag)throw Error(a(170));var t=e;do{switch(t.tag){case 3:t=t.stateNode.context;break e;case 1:if(Io(t.type)){t=t.stateNode.__reactInternalMemoizedMergedChildContext;break e}}t=t.return}while(null!==t);throw Error(a(171))}if(1===e.tag){var n=e.type;if(Io(n))return Do(e,n,t)}return t}function qc(e,t,n,r,o,a,i,s,l){return(e=Bc(n,r,!0,e,0,a,0,s,l)).context=Uc(null),n=e.current,(a=za(r=ec(),o=tc(n))).callback=null!=t?t:null,Ba(n,a,o),e.current.lanes=o,bt(e,o,r),rc(e,r),e}function $c(e,t,n,r){var o=t.current,a=ec(),i=tc(o);return n=Uc(n),null===t.context?t.context=n:t.pendingContext=n,(t=za(a,i)).payload={element:e},null!==(r=void 0===r?null:r)&&(t.callback=r),null!==(e=Ba(o,t,i))&&(nc(e,o,i,a),Ua(e,o,i)),i}function Hc(e){return(e=e.current).child?(e.child.tag,e.child.stateNode):null}function Vc(e,t){if(null!==(e=e.memoizedState)&&null!==e.dehydrated){var n=e.retryLane;e.retryLane=0!==n&&n<t?n:t}}function Gc(e,t){Vc(e,t),(e=e.alternate)&&Vc(e,t)}xl=function(e,t,n){if(null!==e)if(e.memoizedProps!==t.pendingProps||To.current)vs=!0;else{if(!(e.lanes&n||128&t.flags))return vs=!1,function(e,t,n){switch(t.tag){case 3:As(t),ma();break;case 5:Ja(t);break;case 1:Io(t.type)&&Mo(t);break;case 4:Ya(t,t.stateNode.containerInfo);break;case 10:var r=t.type._context,o=t.memoizedProps.value;jo(xa,r._currentValue),r._currentValue=o;break;case 13:if(null!==(r=t.memoizedState))return null!==r.dehydrated?(jo(ei,1&ei.current),t.flags|=128,null):n&t.child.childLanes?Ms(e,t,n):(jo(ei,1&ei.current),null!==(e=Hs(e,t,n))?e.sibling:null);jo(ei,1&ei.current);break;case 19:if(r=!!(n&t.childLanes),128&e.flags){if(r)return qs(e,t,n);t.flags|=128}if(null!==(o=t.memoizedState)&&(o.rendering=null,o.tail=null,o.lastEffect=null),jo(ei,ei.current),r)break;return null;case 22:case 23:return t.lanes=0,Es(e,t,n)}return Hs(e,t,n)}(e,t,n);vs=!!(131072&e.flags)}else vs=!1,aa&&1048576&t.flags&&ea(t,Wo,t.index);switch(t.lanes=0,t.tag){case 2:var r=t.type;$s(e,t),e=t.pendingProps;var o=Lo(t,Ao.current);Ta(t,n),o=gi(null,t,r,e,o,n);var i=bi();return t.flags|=1,"object"==typeof o&&null!==o&&"function"==typeof o.render&&void 0===o.$$typeof?(t.tag=1,t.memoizedState=null,t.updateQueue=null,Io(r)?(i=!0,Mo(t)):i=!1,t.memoizedState=null!==o.state&&void 0!==o.state?o.state:null,Ma(t),o.updater=os,t.stateNode=o,o._reactInternals=t,ls(t,r,e,n),t=Os(null,t,r,!0,i,n)):(t.tag=0,aa&&i&&ta(t),ws(null,t,o,n),t=t.child),t;case 16:r=t.elementType;e:{switch($s(e,t),e=t.pendingProps,r=(o=r._init)(r._payload),t.type=r,o=t.tag=function(e){if("function"==typeof e)return Lc(e)?1:0;if(null!=e){if((e=e.$$typeof)===O)return 11;if(e===P)return 14}return 2}(r),e=ns(r,e),o){case 0:t=Cs(null,t,r,e,n);break e;case 1:t=js(null,t,r,e,n);break e;case 11:t=ks(null,t,r,e,n);break e;case 14:t=Ss(null,t,r,ns(r.type,e),n);break e}throw Error(a(306,r,""))}return t;case 0:return r=t.type,o=t.pendingProps,Cs(e,t,r,o=t.elementType===r?o:ns(r,o),n);case 1:return r=t.type,o=t.pendingProps,js(e,t,r,o=t.elementType===r?o:ns(r,o),n);case 3:e:{if(As(t),null===e)throw Error(a(387));r=t.pendingProps,o=(i=t.memoizedState).element,Fa(e,t),$a(t,r,null,n);var s=t.memoizedState;if(r=s.element,i.isDehydrated){if(i={element:r,isDehydrated:!1,cache:s.cache,pendingSuspenseBoundaries:s.pendingSuspenseBoundaries,transitions:s.transitions},t.updateQueue.baseState=i,t.memoizedState=i,256&t.flags){t=Ts(e,t,r,n,o=cs(Error(a(423)),t));break e}if(r!==o){t=Ts(e,t,r,n,o=cs(Error(a(424)),t));break e}for(oa=co(t.stateNode.containerInfo.firstChild),ra=t,aa=!0,ia=null,n=Sa(t,null,r,n),t.child=n;n;)n.flags=-3&n.flags|4096,n=n.sibling}else{if(ma(),r===o){t=Hs(e,t,n);break e}ws(e,t,r,n)}t=t.child}return t;case 5:return Ja(t),null===e&&ua(t),r=t.type,o=t.pendingProps,i=null!==e?e.memoizedProps:null,s=o.children,no(r,o)?s=null:null!==i&&no(r,i)&&(t.flags|=32),_s(e,t),ws(e,t,s,n),t.child;case 6:return null===e&&ua(t),null;case 13:return Ms(e,t,n);case 4:return Ya(t,t.stateNode.containerInfo),r=t.pendingProps,null===e?t.child=ka(t,null,r,n):ws(e,t,r,n),t.child;case 11:return r=t.type,o=t.pendingProps,ks(e,t,r,o=t.elementType===r?o:ns(r,o),n);case 7:return ws(e,t,t.pendingProps,n),t.child;case 8:case 12:return ws(e,t,t.pendingProps.children,n),t.child;case 10:e:{if(r=t.type._context,o=t.pendingProps,i=t.memoizedProps,s=o.value,jo(xa,r._currentValue),r._currentValue=s,null!==i)if(sr(i.value,s)){if(i.children===o.children&&!To.current){t=Hs(e,t,n);break e}}else for(null!==(i=t.child)&&(i.return=t);null!==i;){var l=i.dependencies;if(null!==l){s=i.child;for(var c=l.firstContext;null!==c;){if(c.context===r){if(1===i.tag){(c=za(-1,n&-n)).tag=2;var u=i.updateQueue;if(null!==u){var d=(u=u.shared).pending;null===d?c.next=c:(c.next=d.next,d.next=c),u.pending=c}}i.lanes|=n,null!==(c=i.alternate)&&(c.lanes|=n),Aa(i.return,n,t),l.lanes|=n;break}c=c.next}}else if(10===i.tag)s=i.type===t.type?null:i.child;else if(18===i.tag){if(null===(s=i.return))throw Error(a(341));s.lanes|=n,null!==(l=s.alternate)&&(l.lanes|=n),Aa(s,n,t),s=i.sibling}else s=i.child;if(null!==s)s.return=i;else for(s=i;null!==s;){if(s===t){s=null;break}if(null!==(i=s.sibling)){i.return=s.return,s=i;break}s=s.return}i=s}ws(e,t,o.children,n),t=t.child}return t;case 9:return o=t.type,r=t.pendingProps.children,Ta(t,n),r=r(o=Pa(o)),t.flags|=1,ws(e,t,r,n),t.child;case 14:return o=ns(r=t.type,t.pendingProps),Ss(e,t,r,o=ns(r.type,o),n);case 15:return xs(e,t,t.type,t.pendingProps,n);case 17:return r=t.type,o=t.pendingProps,o=t.elementType===r?o:ns(r,o),$s(e,t),t.tag=1,Io(r)?(e=!0,Mo(t)):e=!1,Ta(t,n),is(t,r,o),ls(t,r,o,n),Os(null,t,r,!0,e,n);case 19:return qs(e,t,n);case 22:return Es(e,t,n)}throw Error(a(156,t.tag))};var Wc="function"==typeof reportError?reportError:function(e){console.error(e)};function Kc(e){this._internalRoot=e}function Qc(e){this._internalRoot=e}function Yc(e){return!(!e||1!==e.nodeType&&9!==e.nodeType&&11!==e.nodeType)}function Zc(e){return!(!e||1!==e.nodeType&&9!==e.nodeType&&11!==e.nodeType&&(8!==e.nodeType||" react-mount-point-unstable "!==e.nodeValue))}function Jc(){}function Xc(e,t,n,r,o){var a=n._reactRootContainer;if(a){var i=a;if("function"==typeof o){var s=o;o=function(){var e=Hc(i);s.call(e)}}$c(t,i,e,o)}else i=function(e,t,n,r,o){if(o){if("function"==typeof r){var a=r;r=function(){var e=Hc(i);a.call(e)}}var i=qc(t,r,e,0,null,!1,0,"",Jc);return e._reactRootContainer=i,e[ho]=i.current,qr(8===e.nodeType?e.parentNode:e),uc(),i}for(;o=e.lastChild;)e.removeChild(o);if("function"==typeof r){var s=r;r=function(){var e=Hc(l);s.call(e)}}var l=Bc(e,0,!1,null,0,!1,0,"",Jc);return e._reactRootContainer=l,e[ho]=l.current,qr(8===e.nodeType?e.parentNode:e),uc((function(){$c(t,l,n,r)})),l}(n,t,e,o,r);return Hc(i)}Qc.prototype.render=Kc.prototype.render=function(e){var t=this._internalRoot;if(null===t)throw Error(a(409));$c(e,t,null,null)},Qc.prototype.unmount=Kc.prototype.unmount=function(){var e=this._internalRoot;if(null!==e){this._internalRoot=null;var t=e.containerInfo;uc((function(){$c(null,e,null,null)})),t[ho]=null}},Qc.prototype.unstable_scheduleHydration=function(e){if(e){var t=Et();e={blockedOn:null,target:e,priority:t};for(var n=0;n<It.length&&0!==t&&t<It[n].priority;n++);It.splice(n,0,e),0===n&&Mt(e)}},kt=function(e){switch(e.tag){case 3:var t=e.stateNode;if(t.current.memoizedState.isDehydrated){var n=dt(t.pendingLanes);0!==n&&(yt(t,1|n),rc(t,Ze()),!(6&Ol)&&(ql=Ze()+500,$o()))}break;case 13:uc((function(){var t=Ra(e,1);if(null!==t){var n=ec();nc(t,e,1,n)}})),Gc(e,1)}},St=function(e){if(13===e.tag){var t=Ra(e,134217728);if(null!==t)nc(t,e,134217728,ec());Gc(e,134217728)}},xt=function(e){if(13===e.tag){var t=tc(e),n=Ra(e,t);if(null!==n)nc(n,e,t,ec());Gc(e,t)}},Et=function(){return vt},_t=function(e,t){var n=vt;try{return vt=e,t()}finally{vt=n}},Se=function(e,t,n){switch(t){case"input":if(J(e,n),t=n.name,"radio"===n.type&&null!=t){for(n=e;n.parentNode;)n=n.parentNode;for(n=n.querySelectorAll("input[name="+JSON.stringify(""+t)+'][type="radio"]'),t=0;t<n.length;t++){var r=n[t];if(r!==e&&r.form===e.form){var o=So(r);if(!o)throw Error(a(90));W(r),J(r,o)}}}break;case"textarea":ae(e,n);break;case"select":null!=(t=n.value)&&ne(e,!!n.multiple,t,!1)}},Oe=cc,Ae=uc;var eu={usingClientEntryPoint:!1,Events:[wo,ko,So,Ce,je,cc]},tu={findFiberByHostInstance:vo,bundleType:0,version:"18.3.1",rendererPackageName:"react-dom"},nu={bundleType:tu.bundleType,version:tu.version,rendererPackageName:tu.rendererPackageName,rendererConfig:tu.rendererConfig,overrideHookState:null,overrideHookStateDeletePath:null,overrideHookStateRenamePath:null,overrideProps:null,overridePropsDeletePath:null,overridePropsRenamePath:null,setErrorHandler:null,setSuspenseHandler:null,scheduleUpdate:null,currentDispatcherRef:w.ReactCurrentDispatcher,findHostInstanceByFiber:function(e){return null===(e=Ve(e))?null:e.stateNode},findFiberByHostInstance:tu.findFiberByHostInstance||function(){return null},findHostInstancesForRefresh:null,scheduleRefresh:null,scheduleRoot:null,setRefreshHandler:null,getCurrentFiber:null,reconcilerVersion:"18.3.1-next-f1338f8080-20240426"};if("undefined"!=typeof __REACT_DEVTOOLS_GLOBAL_HOOK__){var ru=__REACT_DEVTOOLS_GLOBAL_HOOK__;if(!ru.isDisabled&&ru.supportsFiber)try{ot=ru.inject(nu),at=ru}catch(ue){}}t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED=eu,t.createPortal=function(e,t){var n=2<arguments.length&&void 0!==arguments[2]?arguments[2]:null;if(!Yc(t))throw Error(a(200));return function(e,t,n){var r=3<arguments.length&&void 0!==arguments[3]?arguments[3]:null;return{$$typeof:S,key:null==r?null:""+r,children:e,containerInfo:t,implementation:n}}(e,t,null,n)},t.createRoot=function(e,t){if(!Yc(e))throw Error(a(299));var n=!1,r="",o=Wc;return null!=t&&(!0===t.unstable_strictMode&&(n=!0),void 0!==t.identifierPrefix&&(r=t.identifierPrefix),void 0!==t.onRecoverableError&&(o=t.onRecoverableError)),t=Bc(e,1,!1,null,0,n,0,r,o),e[ho]=t.current,qr(8===e.nodeType?e.parentNode:e),new Kc(t)},t.findDOMNode=function(e){if(null==e)return null;if(1===e.nodeType)return e;var t=e._reactInternals;if(void 0===t){if("function"==typeof e.render)throw Error(a(188));throw e=Object.keys(e).join(","),Error(a(268,e))}return e=null===(e=Ve(t))?null:e.stateNode},t.flushSync=function(e){return uc(e)},t.hydrate=function(e,t,n){if(!Zc(t))throw Error(a(200));return Xc(null,e,t,!0,n)},t.hydrateRoot=function(e,t,n){if(!Yc(e))throw Error(a(405));var r=null!=n&&n.hydratedSources||null,o=!1,i="",s=Wc;if(null!=n&&(!0===n.unstable_strictMode&&(o=!0),void 0!==n.identifierPrefix&&(i=n.identifierPrefix),void 0!==n.onRecoverableError&&(s=n.onRecoverableError)),t=qc(t,null,e,1,null!=n?n:null,o,0,i,s),e[ho]=t.current,qr(e),r)for(e=0;e<r.length;e++)o=(o=(n=r[e])._getVersion)(n._source),null==t.mutableSourceEagerHydrationData?t.mutableSourceEagerHydrationData=[n,o]:t.mutableSourceEagerHydrationData.push(n,o);return new Qc(t)},t.render=function(e,t,n){if(!Zc(t))throw Error(a(200));return Xc(null,e,t,!1,n)},t.unmountComponentAtNode=function(e){if(!Zc(e))throw Error(a(40));return!!e._reactRootContainer&&(uc((function(){Xc(null,null,e,!1,(function(){e._reactRootContainer=null,e[ho]=null}))})),!0)},t.unstable_batchedUpdates=cc,t.unstable_renderSubtreeIntoContainer=function(e,t,n,r){if(!Zc(n))throw Error(a(200));if(null==e||void 0===e._reactInternals)throw Error(a(38));return Xc(e,t,n,!1,r)},t.version="18.3.1-next-f1338f8080-20240426"},9576:(e,t,n)=>{"use strict";var r=n(8143);t.createRoot=r.createRoot,t.hydrateRoot=r.hydrateRoot},8143:(e,t,n)=>{"use strict";!function e(){if("undefined"!=typeof __REACT_DEVTOOLS_GLOBAL_HOOK__&&"function"==typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE)try{__REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE(e)}catch(t){console.error(t)}}(),e.exports=n(9481)},4072:e=>{var t="undefined"!=typeof Element,n="function"==typeof Map,r="function"==typeof Set,o="function"==typeof ArrayBuffer&&!!ArrayBuffer.isView;function a(e,i){if(e===i)return!0;if(e&&i&&"object"==typeof e&&"object"==typeof i){if(e.constructor!==i.constructor)return!1;var s,l,c,u;if(Array.isArray(e)){if((s=e.length)!=i.length)return!1;for(l=s;0!=l--;)if(!a(e[l],i[l]))return!1;return!0}if(n&&e instanceof Map&&i instanceof Map){if(e.size!==i.size)return!1;for(u=e.entries();!(l=u.next()).done;)if(!i.has(l.value[0]))return!1;for(u=e.entries();!(l=u.next()).done;)if(!a(l.value[1],i.get(l.value[0])))return!1;return!0}if(r&&e instanceof Set&&i instanceof Set){if(e.size!==i.size)return!1;for(u=e.entries();!(l=u.next()).done;)if(!i.has(l.value[0]))return!1;return!0}if(o&&ArrayBuffer.isView(e)&&ArrayBuffer.isView(i)){if((s=e.length)!=i.length)return!1;for(l=s;0!=l--;)if(e[l]!==i[l])return!1;return!0}if(e.constructor===RegExp)return e.source===i.source&&e.flags===i.flags;if(e.valueOf!==Object.prototype.valueOf&&"function"==typeof e.valueOf&&"function"==typeof i.valueOf)return e.valueOf()===i.valueOf();if(e.toString!==Object.prototype.toString&&"function"==typeof e.toString&&"function"==typeof i.toString)return e.toString()===i.toString();if((s=(c=Object.keys(e)).length)!==Object.keys(i).length)return!1;for(l=s;0!=l--;)if(!Object.prototype.hasOwnProperty.call(i,c[l]))return!1;if(t&&e instanceof Element)return!1;for(l=s;0!=l--;)if(("_owner"!==c[l]&&"__v"!==c[l]&&"__o"!==c[l]||!e.$$typeof)&&!a(e[c[l]],i[c[l]]))return!1;return!0}return e!=e&&i!=i}e.exports=function(e,t){try{return a(e,t)}catch(n){if((n.message||"").match(/stack|recursion/i))return console.warn("react-fast-compare cannot handle circular refs"),!1;throw n}}},248:(e,t,n)=>{"use strict";n.d(t,{mg:()=>X,vd:()=>V});var r=n(758),o=n(2736),a=n.n(o),i=n(4072),s=n.n(i),l=n(9597),c=n.n(l),u=n(2945),d=n.n(u);function p(){return p=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},p.apply(this,arguments)}function f(e,t){e.prototype=Object.create(t.prototype),e.prototype.constructor=e,m(e,t)}function m(e,t){return m=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e},m(e,t)}function h(e,t){if(null==e)return{};var n,r,o={},a=Object.keys(e);for(r=0;r<a.length;r++)t.indexOf(n=a[r])>=0||(o[n]=e[n]);return o}var g={BASE:"base",BODY:"body",HEAD:"head",HTML:"html",LINK:"link",META:"meta",NOSCRIPT:"noscript",SCRIPT:"script",STYLE:"style",TITLE:"title",FRAGMENT:"Symbol(react.fragment)"},b={rel:["amphtml","canonical","alternate"]},y={type:["application/ld+json"]},v={charset:"",name:["robots","description"],property:["og:type","og:title","og:url","og:image","og:image:alt","og:description","twitter:url","twitter:title","twitter:description","twitter:image","twitter:image:alt","twitter:card","twitter:site"]},w=Object.keys(g).map((function(e){return g[e]})),k={accesskey:"accessKey",charset:"charSet",class:"className",contenteditable:"contentEditable",contextmenu:"contextMenu","http-equiv":"httpEquiv",itemprop:"itemProp",tabindex:"tabIndex"},S=Object.keys(k).reduce((function(e,t){return e[k[t]]=t,e}),{}),x=function(e,t){for(var n=e.length-1;n>=0;n-=1){var r=e[n];if(Object.prototype.hasOwnProperty.call(r,t))return r[t]}return null},E=function(e){var t=x(e,g.TITLE),n=x(e,"titleTemplate");if(Array.isArray(t)&&(t=t.join("")),n&&t)return n.replace(/%s/g,(function(){return t}));var r=x(e,"defaultTitle");return t||r||void 0},_=function(e){return x(e,"onChangeClientState")||function(){}},C=function(e,t){return t.filter((function(t){return void 0!==t[e]})).map((function(t){return t[e]})).reduce((function(e,t){return p({},e,t)}),{})},j=function(e,t){return t.filter((function(e){return void 0!==e[g.BASE]})).map((function(e){return e[g.BASE]})).reverse().reduce((function(t,n){if(!t.length)for(var r=Object.keys(n),o=0;o<r.length;o+=1){var a=r[o].toLowerCase();if(-1!==e.indexOf(a)&&n[a])return t.concat(n)}return t}),[])},O=function(e,t,n){var r={};return n.filter((function(t){return!!Array.isArray(t[e])||(void 0!==t[e]&&console&&"function"==typeof console.warn&&console.warn("Helmet: "+e+' should be of type "Array". Instead found type "'+typeof t[e]+'"'),!1)})).map((function(t){return t[e]})).reverse().reduce((function(e,n){var o={};n.filter((function(e){for(var n,a=Object.keys(e),i=0;i<a.length;i+=1){var s=a[i],l=s.toLowerCase();-1===t.indexOf(l)||"rel"===n&&"canonical"===e[n].toLowerCase()||"rel"===l&&"stylesheet"===e[l].toLowerCase()||(n=l),-1===t.indexOf(s)||"innerHTML"!==s&&"cssText"!==s&&"itemprop"!==s||(n=s)}if(!n||!e[n])return!1;var c=e[n].toLowerCase();return r[n]||(r[n]={}),o[n]||(o[n]={}),!r[n][c]&&(o[n][c]=!0,!0)})).reverse().forEach((function(t){return e.push(t)}));for(var a=Object.keys(o),i=0;i<a.length;i+=1){var s=a[i],l=p({},r[s],o[s]);r[s]=l}return e}),[]).reverse()},A=function(e,t){if(Array.isArray(e)&&e.length)for(var n=0;n<e.length;n+=1)if(e[n][t])return!0;return!1},T=function(e){return Array.isArray(e)?e.join(""):e},P=function(e,t){return Array.isArray(e)?e.reduce((function(e,n){return function(e,t){for(var n=Object.keys(e),r=0;r<n.length;r+=1)if(t[n[r]]&&t[n[r]].includes(e[n[r]]))return!0;return!1}(n,t)?e.priority.push(n):e.default.push(n),e}),{priority:[],default:[]}):{default:e}},L=function(e,t){var n;return p({},e,((n={})[t]=void 0,n))},I=[g.NOSCRIPT,g.SCRIPT,g.STYLE],N=function(e,t){return void 0===t&&(t=!0),!1===t?String(e):String(e).replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;").replace(/'/g,"&#x27;")},R=function(e){return Object.keys(e).reduce((function(t,n){var r=void 0!==e[n]?n+'="'+e[n]+'"':""+n;return t?t+" "+r:r}),"")},D=function(e,t){return void 0===t&&(t={}),Object.keys(e).reduce((function(t,n){return t[k[n]||n]=e[n],t}),t)},M=function(e,t){return t.map((function(t,n){var o,a=((o={key:n})["data-rh"]=!0,o);return Object.keys(t).forEach((function(e){var n=k[e]||e;"innerHTML"===n||"cssText"===n?a.dangerouslySetInnerHTML={__html:t.innerHTML||t.cssText}:a[n]=t[e]})),r.createElement(e,a)}))},F=function(e,t,n){switch(e){case g.TITLE:return{toComponent:function(){return n=t.titleAttributes,(o={key:e=t.title})["data-rh"]=!0,a=D(n,o),[r.createElement(g.TITLE,a,e)];var e,n,o,a},toString:function(){return function(e,t,n,r){var o=R(n),a=T(t);return o?"<"+e+' data-rh="true" '+o+">"+N(a,r)+"</"+e+">":"<"+e+' data-rh="true">'+N(a,r)+"</"+e+">"}(e,t.title,t.titleAttributes,n)}};case"bodyAttributes":case"htmlAttributes":return{toComponent:function(){return D(t)},toString:function(){return R(t)}};default:return{toComponent:function(){return M(e,t)},toString:function(){return function(e,t,n){return t.reduce((function(t,r){var o=Object.keys(r).filter((function(e){return!("innerHTML"===e||"cssText"===e)})).reduce((function(e,t){var o=void 0===r[t]?t:t+'="'+N(r[t],n)+'"';return e?e+" "+o:o}),""),a=r.innerHTML||r.cssText||"",i=-1===I.indexOf(e);return t+"<"+e+' data-rh="true" '+o+(i?"/>":">"+a+"</"+e+">")}),"")}(e,t,n)}}}},z=function(e){var t=e.baseTag,n=e.bodyAttributes,r=e.encode,o=e.htmlAttributes,a=e.noscriptTags,i=e.styleTags,s=e.title,l=void 0===s?"":s,c=e.titleAttributes,u=e.linkTags,d=e.metaTags,p=e.scriptTags,f={toComponent:function(){},toString:function(){return""}};if(e.prioritizeSeoTags){var m=function(e){var t=e.linkTags,n=e.scriptTags,r=e.encode,o=P(e.metaTags,v),a=P(t,b),i=P(n,y);return{priorityMethods:{toComponent:function(){return[].concat(M(g.META,o.priority),M(g.LINK,a.priority),M(g.SCRIPT,i.priority))},toString:function(){return F(g.META,o.priority,r)+" "+F(g.LINK,a.priority,r)+" "+F(g.SCRIPT,i.priority,r)}},metaTags:o.default,linkTags:a.default,scriptTags:i.default}}(e);f=m.priorityMethods,u=m.linkTags,d=m.metaTags,p=m.scriptTags}return{priority:f,base:F(g.BASE,t,r),bodyAttributes:F("bodyAttributes",n,r),htmlAttributes:F("htmlAttributes",o,r),link:F(g.LINK,u,r),meta:F(g.META,d,r),noscript:F(g.NOSCRIPT,a,r),script:F(g.SCRIPT,p,r),style:F(g.STYLE,i,r),title:F(g.TITLE,{title:l,titleAttributes:c},r)}},B=[],U=function(e,t){var n=this;void 0===t&&(t="undefined"!=typeof document),this.instances=[],this.value={setHelmet:function(e){n.context.helmet=e},helmetInstances:{get:function(){return n.canUseDOM?B:n.instances},add:function(e){(n.canUseDOM?B:n.instances).push(e)},remove:function(e){var t=(n.canUseDOM?B:n.instances).indexOf(e);(n.canUseDOM?B:n.instances).splice(t,1)}}},this.context=e,this.canUseDOM=t,t||(e.helmet=z({baseTag:[],bodyAttributes:{},encodeSpecialCharacters:!0,htmlAttributes:{},linkTags:[],metaTags:[],noscriptTags:[],scriptTags:[],styleTags:[],title:"",titleAttributes:{}}))},q=r.createContext({}),$=a().shape({setHelmet:a().func,helmetInstances:a().shape({get:a().func,add:a().func,remove:a().func})}),H="undefined"!=typeof document,V=function(e){function t(n){var r;return(r=e.call(this,n)||this).helmetData=new U(r.props.context,t.canUseDOM),r}return f(t,e),t.prototype.render=function(){return r.createElement(q.Provider,{value:this.helmetData.value},this.props.children)},t}(r.Component);V.canUseDOM=H,V.propTypes={context:a().shape({helmet:a().shape()}),children:a().node.isRequired},V.defaultProps={context:{}},V.displayName="HelmetProvider";var G=function(e,t){var n,r=document.head||document.querySelector(g.HEAD),o=r.querySelectorAll(e+"[data-rh]"),a=[].slice.call(o),i=[];return t&&t.length&&t.forEach((function(t){var r=document.createElement(e);for(var o in t)Object.prototype.hasOwnProperty.call(t,o)&&("innerHTML"===o?r.innerHTML=t.innerHTML:"cssText"===o?r.styleSheet?r.styleSheet.cssText=t.cssText:r.appendChild(document.createTextNode(t.cssText)):r.setAttribute(o,void 0===t[o]?"":t[o]));r.setAttribute("data-rh","true"),a.some((function(e,t){return n=t,r.isEqualNode(e)}))?a.splice(n,1):i.push(r)})),a.forEach((function(e){return e.parentNode.removeChild(e)})),i.forEach((function(e){return r.appendChild(e)})),{oldTags:a,newTags:i}},W=function(e,t){var n=document.getElementsByTagName(e)[0];if(n){for(var r=n.getAttribute("data-rh"),o=r?r.split(","):[],a=[].concat(o),i=Object.keys(t),s=0;s<i.length;s+=1){var l=i[s],c=t[l]||"";n.getAttribute(l)!==c&&n.setAttribute(l,c),-1===o.indexOf(l)&&o.push(l);var u=a.indexOf(l);-1!==u&&a.splice(u,1)}for(var d=a.length-1;d>=0;d-=1)n.removeAttribute(a[d]);o.length===a.length?n.removeAttribute("data-rh"):n.getAttribute("data-rh")!==i.join(",")&&n.setAttribute("data-rh",i.join(","))}},K=function(e,t){var n=e.baseTag,r=e.htmlAttributes,o=e.linkTags,a=e.metaTags,i=e.noscriptTags,s=e.onChangeClientState,l=e.scriptTags,c=e.styleTags,u=e.title,d=e.titleAttributes;W(g.BODY,e.bodyAttributes),W(g.HTML,r),function(e,t){void 0!==e&&document.title!==e&&(document.title=T(e)),W(g.TITLE,t)}(u,d);var p={baseTag:G(g.BASE,n),linkTags:G(g.LINK,o),metaTags:G(g.META,a),noscriptTags:G(g.NOSCRIPT,i),scriptTags:G(g.SCRIPT,l),styleTags:G(g.STYLE,c)},f={},m={};Object.keys(p).forEach((function(e){var t=p[e],n=t.newTags,r=t.oldTags;n.length&&(f[e]=n),r.length&&(m[e]=p[e].oldTags)})),t&&t(),s(e,f,m)},Q=null,Y=function(e){function t(){for(var t,n=arguments.length,r=new Array(n),o=0;o<n;o++)r[o]=arguments[o];return(t=e.call.apply(e,[this].concat(r))||this).rendered=!1,t}f(t,e);var n=t.prototype;return n.shouldComponentUpdate=function(e){return!d()(e,this.props)},n.componentDidUpdate=function(){this.emitChange()},n.componentWillUnmount=function(){this.props.context.helmetInstances.remove(this),this.emitChange()},n.emitChange=function(){var e,t,n=this.props.context,r=n.setHelmet,o=null,a=(e=n.helmetInstances.get().map((function(e){var t=p({},e.props);return delete t.context,t})),{baseTag:j(["href"],e),bodyAttributes:C("bodyAttributes",e),defer:x(e,"defer"),encode:x(e,"encodeSpecialCharacters"),htmlAttributes:C("htmlAttributes",e),linkTags:O(g.LINK,["rel","href"],e),metaTags:O(g.META,["name","charset","http-equiv","property","itemprop"],e),noscriptTags:O(g.NOSCRIPT,["innerHTML"],e),onChangeClientState:_(e),scriptTags:O(g.SCRIPT,["src","innerHTML"],e),styleTags:O(g.STYLE,["cssText"],e),title:E(e),titleAttributes:C("titleAttributes",e),prioritizeSeoTags:A(e,"prioritizeSeoTags")});V.canUseDOM?(t=a,Q&&cancelAnimationFrame(Q),t.defer?Q=requestAnimationFrame((function(){K(t,(function(){Q=null}))})):(K(t),Q=null)):z&&(o=z(a)),r(o)},n.init=function(){this.rendered||(this.rendered=!0,this.props.context.helmetInstances.add(this),this.emitChange())},n.render=function(){return this.init(),null},t}(r.Component);Y.propTypes={context:$.isRequired},Y.displayName="HelmetDispatcher";var Z=["children"],J=["children"],X=function(e){function t(){return e.apply(this,arguments)||this}f(t,e);var n=t.prototype;return n.shouldComponentUpdate=function(e){return!s()(L(this.props,"helmetData"),L(e,"helmetData"))},n.mapNestedChildrenToProps=function(e,t){if(!t)return null;switch(e.type){case g.SCRIPT:case g.NOSCRIPT:return{innerHTML:t};case g.STYLE:return{cssText:t};default:throw new Error("<"+e.type+" /> elements are self-closing and can not contain children. Refer to our API for more information.")}},n.flattenArrayTypeChildren=function(e){var t,n=e.child,r=e.arrayTypeChildren;return p({},r,((t={})[n.type]=[].concat(r[n.type]||[],[p({},e.newChildProps,this.mapNestedChildrenToProps(n,e.nestedChildren))]),t))},n.mapObjectTypeChildren=function(e){var t,n,r=e.child,o=e.newProps,a=e.newChildProps,i=e.nestedChildren;switch(r.type){case g.TITLE:return p({},o,((t={})[r.type]=i,t.titleAttributes=p({},a),t));case g.BODY:return p({},o,{bodyAttributes:p({},a)});case g.HTML:return p({},o,{htmlAttributes:p({},a)});default:return p({},o,((n={})[r.type]=p({},a),n))}},n.mapArrayTypeChildrenToProps=function(e,t){var n=p({},t);return Object.keys(e).forEach((function(t){var r;n=p({},n,((r={})[t]=e[t],r))})),n},n.warnOnInvalidChildren=function(e,t){return c()(w.some((function(t){return e.type===t})),"function"==typeof e.type?"You may be attempting to nest <Helmet> components within each other, which is not allowed. Refer to our API for more information.":"Only elements types "+w.join(", ")+" are allowed. Helmet does not support rendering <"+e.type+"> elements. Refer to our API for more information."),c()(!t||"string"==typeof t||Array.isArray(t)&&!t.some((function(e){return"string"!=typeof e})),"Helmet expects a string as a child of <"+e.type+">. Did you forget to wrap your children in braces? ( <"+e.type+">{``}</"+e.type+"> ) Refer to our API for more information."),!0},n.mapChildrenToProps=function(e,t){var n=this,o={};return r.Children.forEach(e,(function(e){if(e&&e.props){var r=e.props,a=r.children,i=h(r,Z),s=Object.keys(i).reduce((function(e,t){return e[S[t]||t]=i[t],e}),{}),l=e.type;switch("symbol"==typeof l?l=l.toString():n.warnOnInvalidChildren(e,a),l){case g.FRAGMENT:t=n.mapChildrenToProps(a,t);break;case g.LINK:case g.META:case g.NOSCRIPT:case g.SCRIPT:case g.STYLE:o=n.flattenArrayTypeChildren({child:e,arrayTypeChildren:o,newChildProps:s,nestedChildren:a});break;default:t=n.mapObjectTypeChildren({child:e,newProps:t,newChildProps:s,nestedChildren:a})}}})),this.mapArrayTypeChildrenToProps(o,t)},n.render=function(){var e=this.props,t=e.children,n=h(e,J),o=p({},n),a=n.helmetData;return t&&(o=this.mapChildrenToProps(t,o)),!a||a instanceof U||(a=new U(a.context,a.instances)),a?r.createElement(Y,p({},o,{context:a.value,helmetData:void 0})):r.createElement(q.Consumer,null,(function(e){return r.createElement(Y,p({},o,{context:e}))}))},t}(r.Component);X.propTypes={base:a().object,bodyAttributes:a().object,children:a().oneOfType([a().arrayOf(a().node),a().node]),defaultTitle:a().string,defer:a().bool,encodeSpecialCharacters:a().bool,htmlAttributes:a().object,link:a().arrayOf(a().object),meta:a().arrayOf(a().object),noscript:a().arrayOf(a().object),onChangeClientState:a().func,script:a().arrayOf(a().object),style:a().arrayOf(a().object),title:a().string,titleAttributes:a().object,titleTemplate:a().string,prioritizeSeoTags:a().bool,helmetData:a().object},X.defaultProps={defer:!0,encodeSpecialCharacters:!0,prioritizeSeoTags:!1},X.displayName="Helmet"},5843:(e,t)=>{"use strict";var n="function"==typeof Symbol&&Symbol.for,r=n?Symbol.for("react.element"):60103,o=n?Symbol.for("react.portal"):60106,a=n?Symbol.for("react.fragment"):60107,i=n?Symbol.for("react.strict_mode"):60108,s=n?Symbol.for("react.profiler"):60114,l=n?Symbol.for("react.provider"):60109,c=n?Symbol.for("react.context"):60110,u=n?Symbol.for("react.async_mode"):60111,d=n?Symbol.for("react.concurrent_mode"):60111,p=n?Symbol.for("react.forward_ref"):60112,f=n?Symbol.for("react.suspense"):60113,m=n?Symbol.for("react.suspense_list"):60120,h=n?Symbol.for("react.memo"):60115,g=n?Symbol.for("react.lazy"):60116,b=n?Symbol.for("react.block"):60121,y=n?Symbol.for("react.fundamental"):60117,v=n?Symbol.for("react.responder"):60118,w=n?Symbol.for("react.scope"):60119;function k(e){if("object"==typeof e&&null!==e){var t=e.$$typeof;switch(t){case r:switch(e=e.type){case u:case d:case a:case s:case i:case f:return e;default:switch(e=e&&e.$$typeof){case c:case p:case g:case h:case l:return e;default:return t}}case o:return t}}}function S(e){return k(e)===d}t.AsyncMode=u,t.ConcurrentMode=d,t.ContextConsumer=c,t.ContextProvider=l,t.Element=r,t.ForwardRef=p,t.Fragment=a,t.Lazy=g,t.Memo=h,t.Portal=o,t.Profiler=s,t.StrictMode=i,t.Suspense=f,t.isAsyncMode=function(e){return S(e)||k(e)===u},t.isConcurrentMode=S,t.isContextConsumer=function(e){return k(e)===c},t.isContextProvider=function(e){return k(e)===l},t.isElement=function(e){return"object"==typeof e&&null!==e&&e.$$typeof===r},t.isForwardRef=function(e){return k(e)===p},t.isFragment=function(e){return k(e)===a},t.isLazy=function(e){return k(e)===g},t.isMemo=function(e){return k(e)===h},t.isPortal=function(e){return k(e)===o},t.isProfiler=function(e){return k(e)===s},t.isStrictMode=function(e){return k(e)===i},t.isSuspense=function(e){return k(e)===f},t.isValidElementType=function(e){return"string"==typeof e||"function"==typeof e||e===a||e===d||e===s||e===i||e===f||e===m||"object"==typeof e&&null!==e&&(e.$$typeof===g||e.$$typeof===h||e.$$typeof===l||e.$$typeof===c||e.$$typeof===p||e.$$typeof===y||e.$$typeof===v||e.$$typeof===w||e.$$typeof===b)},t.typeOf=k},5959:(e,t,n)=>{"use strict";e.exports=n(5843)},389:(e,t,n)=>{"use strict";n.d(t,{u:()=>i,v:()=>s});var r=n(5557),o=n(991),a=n(758);function i(e,t,n){return void 0===n&&(n=[]),e.some((function(e){var o=e.path?(0,r.B6)(t,e):n.length?n[n.length-1].match:r.Ix.computeRootMatch(t);return o&&(n.push({route:e,match:o}),e.routes&&i(e.routes,t,n)),o})),n}function s(e,t,n){return void 0===t&&(t={}),void 0===n&&(n={}),e?a.createElement(r.dO,n,e.map((function(e,n){return a.createElement(r.qh,{key:e.key||n,path:e.path,exact:e.exact,strict:e.strict,render:function(n){return e.render?e.render((0,o.A)({},n,{},t,{route:e})):a.createElement(e.component,(0,o.A)({},n,t,{route:e}))}})}))):null}},1742:(e,t,n)=>{"use strict";n.d(t,{I9:()=>d,Kd:()=>u,N_:()=>b,k2:()=>w});var r=n(5557),o=n(1141),a=n(758),i=n(3332),s=n(991),l=n(3302),c=n(5385),u=function(e){function t(){for(var t,n=arguments.length,r=new Array(n),o=0;o<n;o++)r[o]=arguments[o];return(t=e.call.apply(e,[this].concat(r))||this).history=(0,i.zR)(t.props),t}return(0,o.A)(t,e),t.prototype.render=function(){return a.createElement(r.Ix,{history:this.history,children:this.props.children})},t}(a.Component);var d=function(e){function t(){for(var t,n=arguments.length,r=new Array(n),o=0;o<n;o++)r[o]=arguments[o];return(t=e.call.apply(e,[this].concat(r))||this).history=(0,i.TM)(t.props),t}return(0,o.A)(t,e),t.prototype.render=function(){return a.createElement(r.Ix,{history:this.history,children:this.props.children})},t}(a.Component);var p=function(e,t){return"function"==typeof e?e(t):e},f=function(e,t){return"string"==typeof e?(0,i.yJ)(e,null,null,t):e},m=function(e){return e},h=a.forwardRef;void 0===h&&(h=m);var g=h((function(e,t){var n=e.innerRef,r=e.navigate,o=e.onClick,i=(0,l.A)(e,["innerRef","navigate","onClick"]),c=i.target,u=(0,s.A)({},i,{onClick:function(e){try{o&&o(e)}catch(t){throw e.preventDefault(),t}e.defaultPrevented||0!==e.button||c&&"_self"!==c||function(e){return!!(e.metaKey||e.altKey||e.ctrlKey||e.shiftKey)}(e)||(e.preventDefault(),r())}});return u.ref=m!==h&&t||n,a.createElement("a",u)}));var b=h((function(e,t){var n=e.component,o=void 0===n?g:n,u=e.replace,d=e.to,b=e.innerRef,y=(0,l.A)(e,["component","replace","to","innerRef"]);return a.createElement(r.XZ.Consumer,null,(function(e){e||(0,c.A)(!1);var n=e.history,r=f(p(d,e.location),e.location),l=r?n.createHref(r):"",g=(0,s.A)({},y,{href:l,navigate:function(){var t=p(d,e.location),r=(0,i.AO)(e.location)===(0,i.AO)(f(t));(u||r?n.replace:n.push)(t)}});return m!==h?g.ref=t||b:g.innerRef=b,a.createElement(o,g)}))})),y=function(e){return e},v=a.forwardRef;void 0===v&&(v=y);var w=v((function(e,t){var n=e["aria-current"],o=void 0===n?"page":n,i=e.activeClassName,u=void 0===i?"active":i,d=e.activeStyle,m=e.className,h=e.exact,g=e.isActive,w=e.location,k=e.sensitive,S=e.strict,x=e.style,E=e.to,_=e.innerRef,C=(0,l.A)(e,["aria-current","activeClassName","activeStyle","className","exact","isActive","location","sensitive","strict","style","to","innerRef"]);return a.createElement(r.XZ.Consumer,null,(function(e){e||(0,c.A)(!1);var n=w||e.location,i=f(p(E,n),n),l=i.pathname,j=l&&l.replace(/([.+*?=^!:${}()[\]|/\\])/g,"\\$1"),O=j?(0,r.B6)(n.pathname,{path:j,exact:h,sensitive:k,strict:S}):null,A=!!(g?g(O,n):O),T="function"==typeof m?m(A):m,P="function"==typeof x?x(A):x;A&&(T=function(){for(var e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];return t.filter((function(e){return e})).join(" ")}(T,u),P=(0,s.A)({},P,d));var L=(0,s.A)({"aria-current":A&&o||null,className:T,style:P,to:i},C);return y!==v?L.ref=t||_:L.innerRef=_,a.createElement(b,L)}))}))},5557:(e,t,n)=>{"use strict";n.d(t,{B6:()=>x,Ix:()=>v,W6:()=>L,XZ:()=>y,dO:()=>T,qh:()=>E,zy:()=>I});var r=n(1141),o=n(758),a=n(2736),i=n.n(a),s=n(3332),l=n(5385),c=n(991),u=n(6150),d=n.n(u),p=(n(5959),n(3302)),f=(n(1035),1073741823),m="undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:void 0!==n.g?n.g:{};var h=o.createContext||function(e,t){var n,a,s="__create-react-context-"+function(){var e="__global_unique_id__";return m[e]=(m[e]||0)+1}()+"__",l=function(e){function n(){for(var t,n,r,o=arguments.length,a=new Array(o),i=0;i<o;i++)a[i]=arguments[i];return(t=e.call.apply(e,[this].concat(a))||this).emitter=(n=t.props.value,r=[],{on:function(e){r.push(e)},off:function(e){r=r.filter((function(t){return t!==e}))},get:function(){return n},set:function(e,t){n=e,r.forEach((function(e){return e(n,t)}))}}),t}(0,r.A)(n,e);var o=n.prototype;return o.getChildContext=function(){var e;return(e={})[s]=this.emitter,e},o.componentWillReceiveProps=function(e){if(this.props.value!==e.value){var n,r=this.props.value,o=e.value;((a=r)===(i=o)?0!==a||1/a==1/i:a!=a&&i!=i)?n=0:(n="function"==typeof t?t(r,o):f,0!==(n|=0)&&this.emitter.set(e.value,n))}var a,i},o.render=function(){return this.props.children},n}(o.Component);l.childContextTypes=((n={})[s]=i().object.isRequired,n);var c=function(t){function n(){for(var e,n=arguments.length,r=new Array(n),o=0;o<n;o++)r[o]=arguments[o];return(e=t.call.apply(t,[this].concat(r))||this).observedBits=void 0,e.state={value:e.getValue()},e.onUpdate=function(t,n){(0|e.observedBits)&n&&e.setState({value:e.getValue()})},e}(0,r.A)(n,t);var o=n.prototype;return o.componentWillReceiveProps=function(e){var t=e.observedBits;this.observedBits=null==t?f:t},o.componentDidMount=function(){this.context[s]&&this.context[s].on(this.onUpdate);var e=this.props.observedBits;this.observedBits=null==e?f:e},o.componentWillUnmount=function(){this.context[s]&&this.context[s].off(this.onUpdate)},o.getValue=function(){return this.context[s]?this.context[s].get():e},o.render=function(){return(e=this.props.children,Array.isArray(e)?e[0]:e)(this.state.value);var e},n}(o.Component);return c.contextTypes=((a={})[s]=i().object,a),{Provider:l,Consumer:c}},g=function(e){var t=h();return t.displayName=e,t},b=g("Router-History"),y=g("Router"),v=function(e){function t(t){var n;return(n=e.call(this,t)||this).state={location:t.history.location},n._isMounted=!1,n._pendingLocation=null,t.staticContext||(n.unlisten=t.history.listen((function(e){n._pendingLocation=e}))),n}(0,r.A)(t,e),t.computeRootMatch=function(e){return{path:"/",url:"/",params:{},isExact:"/"===e}};var n=t.prototype;return n.componentDidMount=function(){var e=this;this._isMounted=!0,this.unlisten&&this.unlisten(),this.props.staticContext||(this.unlisten=this.props.history.listen((function(t){e._isMounted&&e.setState({location:t})}))),this._pendingLocation&&this.setState({location:this._pendingLocation})},n.componentWillUnmount=function(){this.unlisten&&(this.unlisten(),this._isMounted=!1,this._pendingLocation=null)},n.render=function(){return o.createElement(y.Provider,{value:{history:this.props.history,location:this.state.location,match:t.computeRootMatch(this.state.location.pathname),staticContext:this.props.staticContext}},o.createElement(b.Provider,{children:this.props.children||null,value:this.props.history}))},t}(o.Component);o.Component;o.Component;var w={},k=1e4,S=0;function x(e,t){void 0===t&&(t={}),("string"==typeof t||Array.isArray(t))&&(t={path:t});var n=t,r=n.path,o=n.exact,a=void 0!==o&&o,i=n.strict,s=void 0!==i&&i,l=n.sensitive,c=void 0!==l&&l;return[].concat(r).reduce((function(t,n){if(!n&&""!==n)return null;if(t)return t;var r=function(e,t){var n=""+t.end+t.strict+t.sensitive,r=w[n]||(w[n]={});if(r[e])return r[e];var o=[],a={regexp:d()(e,o,t),keys:o};return S<k&&(r[e]=a,S++),a}(n,{end:a,strict:s,sensitive:c}),o=r.regexp,i=r.keys,l=o.exec(e);if(!l)return null;var u=l[0],p=l.slice(1),f=e===u;return a&&!f?null:{path:n,url:"/"===n&&""===u?"/":u,isExact:f,params:i.reduce((function(e,t,n){return e[t.name]=p[n],e}),{})}}),null)}var E=function(e){function t(){return e.apply(this,arguments)||this}return(0,r.A)(t,e),t.prototype.render=function(){var e=this;return o.createElement(y.Consumer,null,(function(t){t||(0,l.A)(!1);var n=e.props.location||t.location,r=e.props.computedMatch?e.props.computedMatch:e.props.path?x(n.pathname,e.props):t.match,a=(0,c.A)({},t,{location:n,match:r}),i=e.props,s=i.children,u=i.component,d=i.render;return Array.isArray(s)&&function(e){return 0===o.Children.count(e)}(s)&&(s=null),o.createElement(y.Provider,{value:a},a.match?s?"function"==typeof s?s(a):s:u?o.createElement(u,a):d?d(a):null:"function"==typeof s?s(a):null)}))},t}(o.Component);function _(e){return"/"===e.charAt(0)?e:"/"+e}function C(e,t){if(!e)return t;var n=_(e);return 0!==t.pathname.indexOf(n)?t:(0,c.A)({},t,{pathname:t.pathname.substr(n.length)})}function j(e){return"string"==typeof e?e:(0,s.AO)(e)}function O(e){return function(){(0,l.A)(!1)}}function A(){}o.Component;var T=function(e){function t(){return e.apply(this,arguments)||this}return(0,r.A)(t,e),t.prototype.render=function(){var e=this;return o.createElement(y.Consumer,null,(function(t){t||(0,l.A)(!1);var n,r,a=e.props.location||t.location;return o.Children.forEach(e.props.children,(function(e){if(null==r&&o.isValidElement(e)){n=e;var i=e.props.path||e.props.from;r=i?x(a.pathname,(0,c.A)({},e.props,{path:i})):t.match}})),r?o.cloneElement(n,{location:a,computedMatch:r}):null}))},t}(o.Component);var P=o.useContext;function L(){return P(b)}function I(){return P(y).location}},7462:(e,t,n)=>{"use strict";var r=n(758),o=Symbol.for("react.element"),a=Symbol.for("react.fragment"),i=Object.prototype.hasOwnProperty,s=r.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,l={key:!0,ref:!0,__self:!0,__source:!0};function c(e,t,n){var r,a={},c=null,u=null;for(r in void 0!==n&&(c=""+n),void 0!==t.key&&(c=""+t.key),void 0!==t.ref&&(u=t.ref),t)i.call(t,r)&&!l.hasOwnProperty(r)&&(a[r]=t[r]);if(e&&e.defaultProps)for(r in t=e.defaultProps)void 0===a[r]&&(a[r]=t[r]);return{$$typeof:o,type:e,key:c,ref:u,props:a,_owner:s.current}}t.Fragment=a,t.jsx=c,t.jsxs=c},2713:(e,t)=>{"use strict";var n=Symbol.for("react.element"),r=Symbol.for("react.portal"),o=Symbol.for("react.fragment"),a=Symbol.for("react.strict_mode"),i=Symbol.for("react.profiler"),s=Symbol.for("react.provider"),l=Symbol.for("react.context"),c=Symbol.for("react.forward_ref"),u=Symbol.for("react.suspense"),d=Symbol.for("react.memo"),p=Symbol.for("react.lazy"),f=Symbol.iterator;var m={isMounted:function(){return!1},enqueueForceUpdate:function(){},enqueueReplaceState:function(){},enqueueSetState:function(){}},h=Object.assign,g={};function b(e,t,n){this.props=e,this.context=t,this.refs=g,this.updater=n||m}function y(){}function v(e,t,n){this.props=e,this.context=t,this.refs=g,this.updater=n||m}b.prototype.isReactComponent={},b.prototype.setState=function(e,t){if("object"!=typeof e&&"function"!=typeof e&&null!=e)throw Error("setState(...): takes an object of state variables to update or a function which returns an object of state variables.");this.updater.enqueueSetState(this,e,t,"setState")},b.prototype.forceUpdate=function(e){this.updater.enqueueForceUpdate(this,e,"forceUpdate")},y.prototype=b.prototype;var w=v.prototype=new y;w.constructor=v,h(w,b.prototype),w.isPureReactComponent=!0;var k=Array.isArray,S=Object.prototype.hasOwnProperty,x={current:null},E={key:!0,ref:!0,__self:!0,__source:!0};function _(e,t,r){var o,a={},i=null,s=null;if(null!=t)for(o in void 0!==t.ref&&(s=t.ref),void 0!==t.key&&(i=""+t.key),t)S.call(t,o)&&!E.hasOwnProperty(o)&&(a[o]=t[o]);var l=arguments.length-2;if(1===l)a.children=r;else if(1<l){for(var c=Array(l),u=0;u<l;u++)c[u]=arguments[u+2];a.children=c}if(e&&e.defaultProps)for(o in l=e.defaultProps)void 0===a[o]&&(a[o]=l[o]);return{$$typeof:n,type:e,key:i,ref:s,props:a,_owner:x.current}}function C(e){return"object"==typeof e&&null!==e&&e.$$typeof===n}var j=/\/+/g;function O(e,t){return"object"==typeof e&&null!==e&&null!=e.key?function(e){var t={"=":"=0",":":"=2"};return"$"+e.replace(/[=:]/g,(function(e){return t[e]}))}(""+e.key):t.toString(36)}function A(e,t,o,a,i){var s=typeof e;"undefined"!==s&&"boolean"!==s||(e=null);var l=!1;if(null===e)l=!0;else switch(s){case"string":case"number":l=!0;break;case"object":switch(e.$$typeof){case n:case r:l=!0}}if(l)return i=i(l=e),e=""===a?"."+O(l,0):a,k(i)?(o="",null!=e&&(o=e.replace(j,"$&/")+"/"),A(i,t,o,"",(function(e){return e}))):null!=i&&(C(i)&&(i=function(e,t){return{$$typeof:n,type:e.type,key:t,ref:e.ref,props:e.props,_owner:e._owner}}(i,o+(!i.key||l&&l.key===i.key?"":(""+i.key).replace(j,"$&/")+"/")+e)),t.push(i)),1;if(l=0,a=""===a?".":a+":",k(e))for(var c=0;c<e.length;c++){var u=a+O(s=e[c],c);l+=A(s,t,o,u,i)}else if(u=function(e){return null===e||"object"!=typeof e?null:"function"==typeof(e=f&&e[f]||e["@@iterator"])?e:null}(e),"function"==typeof u)for(e=u.call(e),c=0;!(s=e.next()).done;)l+=A(s=s.value,t,o,u=a+O(s,c++),i);else if("object"===s)throw t=String(e),Error("Objects are not valid as a React child (found: "+("[object Object]"===t?"object with keys {"+Object.keys(e).join(", ")+"}":t)+"). If you meant to render a collection of children, use an array instead.");return l}function T(e,t,n){if(null==e)return e;var r=[],o=0;return A(e,r,"","",(function(e){return t.call(n,e,o++)})),r}function P(e){if(-1===e._status){var t=e._result;(t=t()).then((function(t){0!==e._status&&-1!==e._status||(e._status=1,e._result=t)}),(function(t){0!==e._status&&-1!==e._status||(e._status=2,e._result=t)})),-1===e._status&&(e._status=0,e._result=t)}if(1===e._status)return e._result.default;throw e._result}var L={current:null},I={transition:null},N={ReactCurrentDispatcher:L,ReactCurrentBatchConfig:I,ReactCurrentOwner:x};function R(){throw Error("act(...) is not supported in production builds of React.")}t.Children={map:T,forEach:function(e,t,n){T(e,(function(){t.apply(this,arguments)}),n)},count:function(e){var t=0;return T(e,(function(){t++})),t},toArray:function(e){return T(e,(function(e){return e}))||[]},only:function(e){if(!C(e))throw Error("React.Children.only expected to receive a single React element child.");return e}},t.Component=b,t.Fragment=o,t.Profiler=i,t.PureComponent=v,t.StrictMode=a,t.Suspense=u,t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED=N,t.act=R,t.cloneElement=function(e,t,r){if(null==e)throw Error("React.cloneElement(...): The argument must be a React element, but you passed "+e+".");var o=h({},e.props),a=e.key,i=e.ref,s=e._owner;if(null!=t){if(void 0!==t.ref&&(i=t.ref,s=x.current),void 0!==t.key&&(a=""+t.key),e.type&&e.type.defaultProps)var l=e.type.defaultProps;for(c in t)S.call(t,c)&&!E.hasOwnProperty(c)&&(o[c]=void 0===t[c]&&void 0!==l?l[c]:t[c])}var c=arguments.length-2;if(1===c)o.children=r;else if(1<c){l=Array(c);for(var u=0;u<c;u++)l[u]=arguments[u+2];o.children=l}return{$$typeof:n,type:e.type,key:a,ref:i,props:o,_owner:s}},t.createContext=function(e){return(e={$$typeof:l,_currentValue:e,_currentValue2:e,_threadCount:0,Provider:null,Consumer:null,_defaultValue:null,_globalName:null}).Provider={$$typeof:s,_context:e},e.Consumer=e},t.createElement=_,t.createFactory=function(e){var t=_.bind(null,e);return t.type=e,t},t.createRef=function(){return{current:null}},t.forwardRef=function(e){return{$$typeof:c,render:e}},t.isValidElement=C,t.lazy=function(e){return{$$typeof:p,_payload:{_status:-1,_result:e},_init:P}},t.memo=function(e,t){return{$$typeof:d,type:e,compare:void 0===t?null:t}},t.startTransition=function(e){var t=I.transition;I.transition={};try{e()}finally{I.transition=t}},t.unstable_act=R,t.useCallback=function(e,t){return L.current.useCallback(e,t)},t.useContext=function(e){return L.current.useContext(e)},t.useDebugValue=function(){},t.useDeferredValue=function(e){return L.current.useDeferredValue(e)},t.useEffect=function(e,t){return L.current.useEffect(e,t)},t.useId=function(){return L.current.useId()},t.useImperativeHandle=function(e,t,n){return L.current.useImperativeHandle(e,t,n)},t.useInsertionEffect=function(e,t){return L.current.useInsertionEffect(e,t)},t.useLayoutEffect=function(e,t){return L.current.useLayoutEffect(e,t)},t.useMemo=function(e,t){return L.current.useMemo(e,t)},t.useReducer=function(e,t,n){return L.current.useReducer(e,t,n)},t.useRef=function(e){return L.current.useRef(e)},t.useState=function(e){return L.current.useState(e)},t.useSyncExternalStore=function(e,t,n){return L.current.useSyncExternalStore(e,t,n)},t.useTransition=function(){return L.current.useTransition()},t.version="18.3.1"},758:(e,t,n)=>{"use strict";e.exports=n(2713)},6070:(e,t,n)=>{"use strict";e.exports=n(7462)},4733:(e,t)=>{"use strict";function n(e,t){var n=e.length;e.push(t);e:for(;0<n;){var r=n-1>>>1,o=e[r];if(!(0<a(o,t)))break e;e[r]=t,e[n]=o,n=r}}function r(e){return 0===e.length?null:e[0]}function o(e){if(0===e.length)return null;var t=e[0],n=e.pop();if(n!==t){e[0]=n;e:for(var r=0,o=e.length,i=o>>>1;r<i;){var s=2*(r+1)-1,l=e[s],c=s+1,u=e[c];if(0>a(l,n))c<o&&0>a(u,l)?(e[r]=u,e[c]=n,r=c):(e[r]=l,e[s]=n,r=s);else{if(!(c<o&&0>a(u,n)))break e;e[r]=u,e[c]=n,r=c}}}return t}function a(e,t){var n=e.sortIndex-t.sortIndex;return 0!==n?n:e.id-t.id}if("object"==typeof performance&&"function"==typeof performance.now){var i=performance;t.unstable_now=function(){return i.now()}}else{var s=Date,l=s.now();t.unstable_now=function(){return s.now()-l}}var c=[],u=[],d=1,p=null,f=3,m=!1,h=!1,g=!1,b="function"==typeof setTimeout?setTimeout:null,y="function"==typeof clearTimeout?clearTimeout:null,v="undefined"!=typeof setImmediate?setImmediate:null;function w(e){for(var t=r(u);null!==t;){if(null===t.callback)o(u);else{if(!(t.startTime<=e))break;o(u),t.sortIndex=t.expirationTime,n(c,t)}t=r(u)}}function k(e){if(g=!1,w(e),!h)if(null!==r(c))h=!0,I(S);else{var t=r(u);null!==t&&N(k,t.startTime-e)}}function S(e,n){h=!1,g&&(g=!1,y(C),C=-1),m=!0;var a=f;try{for(w(n),p=r(c);null!==p&&(!(p.expirationTime>n)||e&&!A());){var i=p.callback;if("function"==typeof i){p.callback=null,f=p.priorityLevel;var s=i(p.expirationTime<=n);n=t.unstable_now(),"function"==typeof s?p.callback=s:p===r(c)&&o(c),w(n)}else o(c);p=r(c)}if(null!==p)var l=!0;else{var d=r(u);null!==d&&N(k,d.startTime-n),l=!1}return l}finally{p=null,f=a,m=!1}}"undefined"!=typeof navigator&&void 0!==navigator.scheduling&&void 0!==navigator.scheduling.isInputPending&&navigator.scheduling.isInputPending.bind(navigator.scheduling);var x,E=!1,_=null,C=-1,j=5,O=-1;function A(){return!(t.unstable_now()-O<j)}function T(){if(null!==_){var e=t.unstable_now();O=e;var n=!0;try{n=_(!0,e)}finally{n?x():(E=!1,_=null)}}else E=!1}if("function"==typeof v)x=function(){v(T)};else if("undefined"!=typeof MessageChannel){var P=new MessageChannel,L=P.port2;P.port1.onmessage=T,x=function(){L.postMessage(null)}}else x=function(){b(T,0)};function I(e){_=e,E||(E=!0,x())}function N(e,n){C=b((function(){e(t.unstable_now())}),n)}t.unstable_IdlePriority=5,t.unstable_ImmediatePriority=1,t.unstable_LowPriority=4,t.unstable_NormalPriority=3,t.unstable_Profiling=null,t.unstable_UserBlockingPriority=2,t.unstable_cancelCallback=function(e){e.callback=null},t.unstable_continueExecution=function(){h||m||(h=!0,I(S))},t.unstable_forceFrameRate=function(e){0>e||125<e?console.error("forceFrameRate takes a positive int between 0 and 125, forcing frame rates higher than 125 fps is not supported"):j=0<e?Math.floor(1e3/e):5},t.unstable_getCurrentPriorityLevel=function(){return f},t.unstable_getFirstCallbackNode=function(){return r(c)},t.unstable_next=function(e){switch(f){case 1:case 2:case 3:var t=3;break;default:t=f}var n=f;f=t;try{return e()}finally{f=n}},t.unstable_pauseExecution=function(){},t.unstable_requestPaint=function(){},t.unstable_runWithPriority=function(e,t){switch(e){case 1:case 2:case 3:case 4:case 5:break;default:e=3}var n=f;f=e;try{return t()}finally{f=n}},t.unstable_scheduleCallback=function(e,o,a){var i=t.unstable_now();switch("object"==typeof a&&null!==a?a="number"==typeof(a=a.delay)&&0<a?i+a:i:a=i,e){case 1:var s=-1;break;case 2:s=250;break;case 5:s=1073741823;break;case 4:s=1e4;break;default:s=5e3}return e={id:d++,callback:o,priorityLevel:e,startTime:a,expirationTime:s=a+s,sortIndex:-1},a>i?(e.sortIndex=a,n(u,e),null===r(c)&&e===r(u)&&(g?(y(C),C=-1):g=!0,N(k,a-i))):(e.sortIndex=s,n(c,e),h||m||(h=!0,I(S))),e},t.unstable_shouldYield=A,t.unstable_wrapCallback=function(e){var t=f;return function(){var n=f;f=t;try{return e.apply(this,arguments)}finally{f=n}}}},1896:(e,t,n)=>{"use strict";e.exports=n(4733)},2945:e=>{e.exports=function(e,t,n,r){var o=n?n.call(r,e,t):void 0;if(void 0!==o)return!!o;if(e===t)return!0;if("object"!=typeof e||!e||"object"!=typeof t||!t)return!1;var a=Object.keys(e),i=Object.keys(t);if(a.length!==i.length)return!1;for(var s=Object.prototype.hasOwnProperty.bind(t),l=0;l<a.length;l++){var c=a[l];if(!s(c))return!1;var u=e[c],d=t[c];if(!1===(o=n?n.call(r,u,d,c):void 0)||void 0===o&&u!==d)return!1}return!0}},4784:(e,t,n)=>{"use strict";n.r(t),n.d(t,{default:()=>r});const r={title:"Feature-Sliced Design",tagline:"Architectural methodology for frontend projects",organizationName:"feature-sliced",projectName:"documentation",url:"https://feature-sliced.design",favicon:"img/favicon/classic.png",baseUrl:"/kr/",i18n:{defaultLocale:"en",locales:["ru","en","uz","kr","ja"],localeConfigs:{ru:{label:"\u0420\u0443\u0441\u0441\u043a\u0438\u0439",direction:"ltr"},en:{label:"English",direction:"ltr"},uz:{label:"O'zbekcha",direction:"ltr"},kr:{label:"\ud55c\uad6d\uc5b4",direction:"ltr"},ja:{label:"\u65e5\u672c\u8a9e",direction:"ltr"}},path:"i18n"},presets:[["@docusaurus/preset-classic",{docs:{path:"i18n/en/docusaurus-plugin-content-docs/current",breadcrumbs:!0,editLocalizedFiles:!0,sidebarPath:"/home/runner/work/documentation/documentation/config/docusaurus/sidebars.docs.js",editUrl:"https://github.com/feature-sliced/documentation/edit/master/",showLastUpdateTime:!0,versions:{current:{label:"v2.0.0 \ud83c\udf70"}}},blog:{showReadingTime:!0,editUrl:"https://github.com/feature-sliced/documentation/edit/master/blog/",onInlineAuthors:"ignore"},theme:{customCss:"/home/runner/work/documentation/documentation/src/app/index.scss"},sitemap:{changefreq:"weekly",priority:.5}}]],plugins:[["@docusaurus/plugin-content-docs",{id:"community",breadcrumbs:!0,path:"i18n/en/docusaurus-plugin-content-docs/community",editLocalizedFiles:!0,routeBasePath:"community",editUrl:"https://github.com/feature-sliced/documentation/edit/master/",sidebarPath:"/home/runner/work/documentation/documentation/config/docusaurus/sidebars.community.js",showLastUpdateAuthor:!0,showLastUpdateTime:!0}],"docusaurus-plugin-sass",["@docusaurus/plugin-client-redirects",{redirects:[{from:"/branding",to:"/docs/branding"},{from:"/docs/guides/migration",to:"/docs/guides/migration/from-custom"},{from:"/docs/get-started/quick-start",to:"/docs/get-started/tutorial"},{from:"/docs/get-started/basics",to:"/docs/get-started/overview"},{from:["/docs/get-started/tutorial/decompose","/docs/get-started/tutorial/design-mockup","/docs/get-started/onboard/cheatsheet"],to:"/docs/get-started/cheatsheet"},{from:["/docs/about/alternatives/big-ball-of-mud","/docs/about/alternatives/design-principles","/docs/about/alternatives/ddd","/docs/about/alternatives/clean-architecture","/docs/about/alternatives/frameworks","/docs/about/alternatives/atomic-design","/docs/about/alternatives/smart-dumb-components","/docs/about/alternatives/feature-driven"],to:"/docs/about/alternatives"},{from:"/docs/reference/knowledge-types",to:"/docs/about/understanding/knowledge-types"},{from:"/docs/concepts/needs-driven",to:"/docs/about/understanding/needs-driven"},{from:"/docs/concepts/architecture",to:"/docs/about/understanding/architecture"},{from:"/docs/concepts/naming-adaptability",to:"/docs/about/understanding/naming"},{from:"/docs/concepts/signals",to:"/docs/about/understanding/signals"},{from:"/docs/concepts/abstractions",to:"/docs/about/understanding/abstractions"},{from:"/docs/concepts/decouple-entities",to:"/docs/reference/isolation/decouple-entities"},{from:"/docs/concepts/low-coupling",to:"/docs/reference/isolation/coupling-cohesion"},{from:"/docs/concepts/cross-communication",to:"/docs/reference/isolation"},{from:"/docs/concepts/app-splitting",to:"/docs/reference"},{from:"/docs/reference/units/decomposition",to:"/docs/reference"},{from:"/docs/reference/units",to:"/docs/reference"},{from:"/docs/reference/units/layers",to:"/docs/reference/layers"},{from:"/docs/reference/layers/overview",to:"/docs/reference/layers"},{from:"/docs/reference/units/layers/app",to:"/docs/reference/layers"},{from:"/docs/reference/units/layers/processes",to:"/docs/reference/layers"},{from:"/docs/reference/units/layers/pages",to:"/docs/reference/layers"},{from:"/docs/reference/units/layers/widgets",to:"/docs/reference/layers"},{from:"/docs/reference/layers/widgets",to:"/docs/reference/layers"},{from:"/docs/reference/units/layers/features",to:"/docs/reference/layers"},{from:"/docs/reference/units/layers/entities",to:"/docs/reference/layers"},{from:"/docs/reference/units/layers/shared",to:"/docs/reference/layers"},{from:"/docs/reference/units/segments",to:"/docs/reference/slices-segments"},{from:"/docs/concepts/issues/cross-imports",to:"/docs/guides/issues/cross-imports"},{from:"/docs/concepts/issues/desegmented",to:"/docs/guides/issues/desegmented"},{from:"/docs/concepts/issues/routes",to:"/docs/guides/issues/routes"},{from:"/docs/guides/examples/viewer",to:"/docs/guides/examples/auth"},{from:"/docs/guides/monorepo",to:"/docs/guides/examples/monorepo"},{from:"/docs/guides/white-labels",to:"/docs/guides/examples/white-labels"},{from:"/docs/guides/migration-from-v1",to:"/docs/guides/migration/from-v1"},{from:"/docs/guides/migration-from-legacy",to:"/docs/guides/migration/from-custom"},{from:"/docs/guides/usage-with-nextjs",to:"/docs/guides/tech/with-nextjs"},{from:"/docs/guides/migration/from-legacy",to:"/docs/guides/migration/from-custom"},{from:"/en/docs/about",to:"/docs/about"},{from:"/en/docs/about/alternatives",to:"/docs/about/alternatives"},{from:"/en/docs/about/mission",to:"/docs/about/mission"},{from:"/en/docs/about/motivation",to:"/docs/about/motivation"},{from:"/en/docs/about/promote/for-company",to:"/docs/about/promote/for-company"},{from:"/en/docs/about/promote/for-team",to:"/docs/about/promote/for-team"},{from:"/en/docs/about/promote/integration",to:"/docs/about/promote/integration"},{from:"/en/docs/about/promote/partial-application",to:"/docs/about/promote/partial-application"},{from:"/en/docs/branding",to:"/docs/branding"},{from:"/en/docs/get-started",to:"/docs/get-started"},{from:"/en/docs/get-started/overview",to:"/docs/get-started/overview"},{from:"/en/docs/get-started/cheatsheet",to:"/docs/get-started/cheatsheet"},{from:"/en/docs/get-started/faq",to:"/docs/get-started/faq"},{from:"/en/docs/get-started/tutorial",to:"/docs/get-started/tutorial"},{from:"/en/docs/guides",to:"/docs/guides"},{from:"/en/docs/guides/examples",to:"/docs/guides/examples"},{from:"/en/docs/guides/examples/auth",to:"/docs/guides/examples/auth"},{from:"/en/docs/guides/examples/autocompleted",to:"/docs/guides/examples/autocompleted"},{from:"/en/docs/guides/examples/browser-api",to:"/docs/guides/examples/browser-api"},{from:"/en/docs/guides/examples/cms",to:"/docs/guides/examples/cms"},{from:"/en/docs/guides/examples/feedback",to:"/docs/guides/examples/feedback"},{from:"/en/docs/guides/examples/i18n",to:"/docs/guides/examples/i18n"},{from:"/en/docs/guides/examples/metric",to:"/docs/guides/examples/metric"},{from:"/en/docs/guides/examples/monorepo",to:"/docs/guides/examples/monorepo"},{from:"/en/docs/guides/examples/page-layout",to:"/docs/guides/examples/page-layout"},{from:"/en/docs/guides/examples/platforms",to:"/docs/guides/examples/platforms"},{from:"/en/docs/guides/examples/ssr",to:"/docs/guides/examples/ssr"},{from:"/en/docs/guides/examples/theme",to:"/docs/guides/examples/theme"},{from:"/en/docs/guides/examples/types",to:"/docs/guides/examples/types"},{from:"/en/docs/guides/examples/white-labels",to:"/docs/guides/examples/white-labels"},{from:"/en/docs/guides/migration/from-custom",to:"/docs/guides/migration/from-custom"},{from:"/en/docs/guides/migration/from-v1",to:"/docs/guides/migration/from-v1"},{from:"/en/docs/guides/tech/with-nextjs",to:"/docs/guides/tech/with-nextjs"},{from:"/en/docs/",to:"/docs/"},{from:"/en/docs/reference",to:"/docs/reference"}]}],["@docusaurus/plugin-ideal-image",{quality:70,max:1030,min:640,steps:2}],"plugin-image-zoom"],onBrokenLinks:"throw",onBrokenMarkdownLinks:"throw",onDuplicateRoutes:"warn",customFields:{legacyRoutes:[{group:"\ud83d\ude80 Get Started",details:"Simplified and merged",children:[{title:"Tutorial",from:"/docs/get-started/quick-start",to:"/docs/get-started/tutorial"},{title:"Basics",from:"/docs/get-started/basics",to:"/docs/get-started/overview"},{title:"Decompose Cheatsheet",from:["/docs/get-started/tutorial/decompose","/docs/get-started/tutorial/design-mockup","/docs/get-started/onboard/cheatsheet"],to:"/docs/get-started/cheatsheet"}]},{group:"\ud83c\udf70 Alternatives",details:"Moved and merged to /about/alternatives as advanced materials",children:[{title:"Architecture approaches alternatives",from:["/docs/about/alternatives/big-ball-of-mud","/docs/about/alternatives/design-principles","/docs/about/alternatives/ddd","/docs/about/alternatives/clean-architecture","/docs/about/alternatives/frameworks","/docs/about/alternatives/atomic-design","/docs/about/alternatives/smart-dumb-components","/docs/about/alternatives/feature-driven"],to:"/docs/about/alternatives"}]},{group:"\ud83c\udf70 Promote & Understanding",details:"Moved to /about as advanced materials",children:[{title:"Knowledge types",from:"/docs/reference/knowledge-types",to:"/docs/about/understanding/knowledge-types"},{title:"Needs driven",from:"/docs/concepts/needs-driven",to:"/docs/about/understanding/needs-driven"},{title:"About architecture",from:"/docs/concepts/architecture",to:"/docs/about/understanding/architecture"},{title:"Naming adaptability",from:"/docs/concepts/naming-adaptability",to:"/docs/about/understanding/naming"},{title:"Signals of architecture",from:"/docs/concepts/signals",to:"/docs/about/understanding/signals"},{title:"Abstractions of architecture",from:"/docs/concepts/abstractions",to:"/docs/about/understanding/abstractions"}]},{group:"\ud83d\udcda Reference guidelines (isolation & units)",details:"Moved to /reference as theoretical materials (old concepts)",children:[{title:"Decouple of entities",from:"/docs/concepts/decouple-entities",to:"/docs/reference/isolation/decouple-entities"},{title:"Low Coupling & High Cohesion",from:"/docs/concepts/low-coupling",to:"/docs/reference/isolation/coupling-cohesion"},{title:"Cross-communication",from:"/docs/concepts/cross-communication",to:"/docs/reference/isolation"},{title:"App splitting",from:"/docs/concepts/app-splitting",to:"/docs/reference"},{title:"Decomposition",from:"/docs/reference/units/decomposition",to:"/docs/reference"},{title:"Units",from:"/docs/reference/units",to:"/docs/reference"},{title:"Layers",from:"/docs/reference/units/layers",to:"/docs/reference/layers"},{title:"Layer overview",from:"/docs/reference/layers/overview",to:"/docs/reference/layers"},{title:"App layer",from:"/docs/reference/units/layers/app",to:"/docs/reference/layers"},{title:"Processes layer",from:"/docs/reference/units/layers/processes",to:"/docs/reference/layers"},{title:"Pages layer",from:"/docs/reference/units/layers/pages",to:"/docs/reference/layers"},{title:"Widgets layer",from:"/docs/reference/units/layers/widgets",to:"/docs/reference/layers"},{title:"Widgets layer",from:"/docs/reference/layers/widgets",to:"/docs/reference/layers"},{title:"Features layer",from:"/docs/reference/units/layers/features",to:"/docs/reference/layers"},{title:"Entities layer",from:"/docs/reference/units/layers/entities",to:"/docs/reference/layers"},{title:"Shared layer",from:"/docs/reference/units/layers/shared",to:"/docs/reference/layers"},{title:"Segments",from:"/docs/reference/units/segments",to:"/docs/reference/slices-segments"}]},{group:"\ud83c\udfaf Bad Practices handbook",details:"Moved to /guides as practice materials",children:[{title:"Cross-imports",from:"/docs/concepts/issues/cross-imports",to:"/docs/guides/issues/cross-imports"},{title:"Desegmented",from:"/docs/concepts/issues/desegmented",to:"/docs/guides/issues/desegmented"},{title:"Routes",from:"/docs/concepts/issues/routes",to:"/docs/guides/issues/routes"}]},{group:"\ud83c\udfaf Examples",details:"Grouped and simplified into /guides/examples as practical examples",children:[{title:"Viewer logic",from:"/docs/guides/examples/viewer",to:"/docs/guides/examples/auth"},{title:"Monorepo",from:"/docs/guides/monorepo",to:"/docs/guides/examples/monorepo"},{title:"White Labels",from:"/docs/guides/white-labels",to:"/docs/guides/examples/white-labels"}]},{group:"\ud83c\udfaf Migration",details:"Grouped and simplified into /guides/migration as migration guidelines",children:[{title:"Migration from V1",from:"/docs/guides/migration-from-v1",to:"/docs/guides/migration/from-v1"},{title:"Migration from Legacy",from:"/docs/guides/migration-from-legacy",to:"/docs/guides/migration/from-custom"}]},{group:"\ud83c\udfaf Tech",details:"Grouped into /guides/tech as tech-specific usage guidelines",children:[{title:"Usage with NextJS",from:"/docs/guides/usage-with-nextjs",to:"/docs/guides/tech/with-nextjs"}]},{group:"Rename 'legacy' to 'custom'",details:"'Legacy' is derogatory, we don't get to call people's projects legacy",children:[{title:"Rename 'legacy' to custom",from:"/docs/guides/migration/from-legacy",to:"/docs/guides/migration/from-custom"}]}],pushFeedbackProjectId:"5i2vbxcpaz"},trailingSlash:!1,themeConfig:{image:"img/preview.png",docs:{sidebar:{hideable:!0,autoCollapseCategories:!0},versionPersistence:"localStorage"},colorMode:{respectPrefersColorScheme:!0,defaultMode:"light",disableSwitch:!1},navbar:{title:"",logo:{alt:"logo",src:"img/brand/logo-primary.png"},items:[{label:"\ud83d\udcd6 Docs",to:"/docs",position:"left"},{label:"\ud83d\udcab Community",to:"/community",position:"left"},{label:"\ud83d\udcdd Blog",to:"/blog",position:"left"},{label:"\ud83d\udee0 Examples",to:"/examples",position:"left"},{type:"docsVersionDropdown",position:"right",dropdownActiveClassDisabled:!0,dropdownItemsAfter:[{to:"https://feature-sliced.github.io/featureslices.dev/v1.0.html",label:"v1.0"},{to:"https://feature-sliced.github.io/featureslices.dev/v0.1.html",label:"v0.1"},{to:"https://github.com/feature-sliced/documentation/tree/rc/feature-driven",label:"feature-driven"},{to:"/versions",label:"All versions"}],dropdownItemsBefore:[]},{type:"localeDropdown",position:"right",dropdownItemsAfter:[{href:"https://github.com/feature-sliced/documentation/issues/244",label:"Help Us Translate"}],dropdownItemsBefore:[]},{href:"https://discord.gg/S8MzWTUsmp",position:"right",className:"ext-link discord","aria-label":"Discord community server"},{href:"https://github.com/feature-sliced/documentation",position:"right",className:"ext-link github","aria-label":"GitHub repository"}],hideOnScroll:!1},footer:{style:"dark",links:[{title:"Specs",items:[{label:"Documentation",to:"/docs"},{label:"Community",to:"/community"},{label:"Help",to:"/nav"},{label:"Discussions",href:"https://github.com/feature-sliced/documentation/discussions"}]},{title:"Community",items:[{label:"Discord",href:"https://discord.gg/S8MzWTUsmp"},{label:"Telegram (RU)",href:"https://t.me/feature_sliced"},{label:"Twitter",href:"https://twitter.com/feature_sliced"},{label:"Open Collective",href:"https://opencollective.com/feature-sliced"},{label:"YouTube",href:"https://www.youtube.com/c/FeatureSlicedDesign"}]},{title:"More",items:[{label:"GitHub",href:"https://github.com/feature-sliced"},{label:"Contribution Guide",href:"https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md"},{label:"License",href:"https://github.com/feature-sliced/documentation/blob/master/LICENSE"}]}],logo:{alt:"Feature-Sliced Design - Architectural methodology for frontend projects",src:"img/brand/logo-primary.png",href:"https://github.com/feature-sliced",width:160},copyright:"Copyright \xa9 2024  Feature-Sliced Design"},algolia:{appId:"18IVO61EUN",apiKey:"a51704b2a1604c9eb41c62aa343c6e32",indexName:"feature-sliced",contextualSearch:!0,searchParameters:{},searchPagePath:"search"},metadata:[{name:"keywords",content:"architecture, frontend, project structure"},{name:"twitter:site",content:"@feature_sliced"},{name:"twitter:card",content:"summary_large_image"}],imageZoom:{selector:".markdown :not(a) > img",options:{background:"rgb(255 255 255 / 0.3)"}},prism:{theme:{plain:{backgroundColor:"hsl(230, 1%, 98%)",color:"hsl(230, 8%, 24%)"},styles:[{types:["comment","prolog","cdata"],style:{color:"hsl(230, 4%, 64%)"}},{types:["doctype","punctuation","entity"],style:{color:"hsl(230, 8%, 24%)"}},{types:["attr-name","class-name","boolean","constant","number","atrule"],style:{color:"hsl(35, 99%, 36%)"}},{types:["keyword"],style:{color:"hsl(301, 63%, 40%)"}},{types:["property","tag","symbol","deleted","important"],style:{color:"hsl(5, 74%, 59%)"}},{types:["selector","string","char","builtin","inserted","regex","attr-value","punctuation"],style:{color:"hsl(119, 34%, 47%)"}},{types:["variable","operator","function"],style:{color:"hsl(221, 87%, 60%)"}},{types:["url"],style:{color:"hsl(198, 99%, 37%)"}},{types:["deleted"],style:{textDecorationLine:"line-through"}},{types:["inserted"],style:{textDecorationLine:"underline"}},{types:["italic"],style:{fontStyle:"italic"}},{types:["important","bold"],style:{fontWeight:"bold"}},{types:["important"],style:{color:"hsl(230, 8%, 24%)"}}]},darkTheme:{plain:{backgroundColor:"hsl(220, 13%, 18%)",color:"hsl(220, 14%, 71%)",textShadow:"0 1px rgba(0, 0, 0, 0.3)"},styles:[{types:["comment","prolog","cdata"],style:{color:"hsl(220, 10%, 40%)"}},{types:["doctype","punctuation","entity"],style:{color:"hsl(220, 14%, 71%)"}},{types:["attr-name","class-name","maybe-class-name","boolean","constant","number","atrule"],style:{color:"hsl(29, 54%, 61%)"}},{types:["keyword"],style:{color:"hsl(286, 60%, 67%)"}},{types:["property","tag","symbol","deleted","important"],style:{color:"hsl(355, 65%, 65%)"}},{types:["selector","string","char","builtin","inserted","regex","attr-value"],style:{color:"hsl(95, 38%, 62%)"}},{types:["variable","operator","function"],style:{color:"hsl(207, 82%, 66%)"}},{types:["url"],style:{color:"hsl(187, 47%, 55%)"}},{types:["deleted"],style:{textDecorationLine:"line-through"}},{types:["inserted"],style:{textDecorationLine:"underline"}},{types:["italic"],style:{fontStyle:"italic"}},{types:["important","bold"],style:{fontWeight:"bold"}},{types:["important"],style:{color:"hsl(220, 14%, 71%)"}}]},additionalLanguages:[],magicComments:[{className:"theme-code-block-highlighted-line",line:"highlight-next-line",block:{start:"highlight-start",end:"highlight-end"}}]},blog:{sidebar:{groupByYear:!0}},tableOfContents:{minHeadingLevel:2,maxHeadingLevel:3}},baseUrlIssueBanner:!0,future:{experimental_storage:{type:"localStorage",namespace:!1},experimental_router:"browser"},onBrokenAnchors:"warn",staticDirectories:["static"],themes:[],scripts:[],headTags:[],stylesheets:[],clientModules:[],titleDelimiter:"|",noIndex:!1,markdown:{format:"mdx",mermaid:!1,mdx1Compat:{comments:!0,admonitions:!0,headingIds:!0},anchors:{maintainCase:!1}}}},991:(e,t,n)=>{"use strict";function r(){return r=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)({}).hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},r.apply(null,arguments)}n.d(t,{A:()=>r})},1141:(e,t,n)=>{"use strict";function r(e,t){return r=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},r(e,t)}function o(e,t){e.prototype=Object.create(t.prototype),e.prototype.constructor=e,r(e,t)}n.d(t,{A:()=>o})},3302:(e,t,n)=>{"use strict";function r(e,t){if(null==e)return{};var n={};for(var r in e)if({}.hasOwnProperty.call(e,r)){if(t.includes(r))continue;n[r]=e[r]}return n}n.d(t,{A:()=>r})},3526:(e,t,n)=>{"use strict";function r(e){var t,n,o="";if("string"==typeof e||"number"==typeof e)o+=e;else if("object"==typeof e)if(Array.isArray(e)){var a=e.length;for(t=0;t<a;t++)e[t]&&(n=r(e[t]))&&(o&&(o+=" "),o+=n)}else for(n in e)e[n]&&(o&&(o+=" "),o+=n);return o}n.d(t,{A:()=>o});const o=function(){for(var e,t,n=0,o="",a=arguments.length;n<a;n++)(e=arguments[n])&&(t=r(e))&&(o&&(o+=" "),o+=t);return o}},5371:(e,t,n)=>{"use strict";n.d(t,{My:()=>k,f4:()=>Y});var r,o,a=n(758),i=n(3526),s=Object.create,l=Object.defineProperty,c=Object.defineProperties,u=Object.getOwnPropertyDescriptor,d=Object.getOwnPropertyDescriptors,p=Object.getOwnPropertyNames,f=Object.getOwnPropertySymbols,m=Object.getPrototypeOf,h=Object.prototype.hasOwnProperty,g=Object.prototype.propertyIsEnumerable,b=(e,t,n)=>t in e?l(e,t,{enumerable:!0,configurable:!0,writable:!0,value:n}):e[t]=n,y=(e,t)=>{for(var n in t||(t={}))h.call(t,n)&&b(e,n,t[n]);if(f)for(var n of f(t))g.call(t,n)&&b(e,n,t[n]);return e},v=(e,t)=>c(e,d(t)),w=(e,t)=>{var n={};for(var r in e)h.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&f)for(var r of f(e))t.indexOf(r)<0&&g.call(e,r)&&(n[r]=e[r]);return n},k=((e,t,n)=>(n=null!=e?s(m(e)):{},((e,t,n,r)=>{if(t&&"object"==typeof t||"function"==typeof t)for(let o of p(t))h.call(e,o)||o===n||l(e,o,{get:()=>t[o],enumerable:!(r=u(t,o))||r.enumerable});return e})(!t&&e&&e.__esModule?n:l(n,"default",{value:e,enumerable:!0}),e)))((r={"../../node_modules/.pnpm/prismjs@1.29.0_patch_hash=vrxx3pzkik6jpmgpayxfjunetu/node_modules/prismjs/prism.js"(e,t){var n=function(){var e=/(?:^|\s)lang(?:uage)?-([\w-]+)(?=\s|$)/i,t=0,n={},r={util:{encode:function e(t){return t instanceof o?new o(t.type,e(t.content),t.alias):Array.isArray(t)?t.map(e):t.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/\u00a0/g," ")},type:function(e){return Object.prototype.toString.call(e).slice(8,-1)},objId:function(e){return e.__id||Object.defineProperty(e,"__id",{value:++t}),e.__id},clone:function e(t,n){var o,a;switch(n=n||{},r.util.type(t)){case"Object":if(a=r.util.objId(t),n[a])return n[a];for(var i in o={},n[a]=o,t)t.hasOwnProperty(i)&&(o[i]=e(t[i],n));return o;case"Array":return a=r.util.objId(t),n[a]?n[a]:(o=[],n[a]=o,t.forEach((function(t,r){o[r]=e(t,n)})),o);default:return t}},getLanguage:function(t){for(;t;){var n=e.exec(t.className);if(n)return n[1].toLowerCase();t=t.parentElement}return"none"},setLanguage:function(t,n){t.className=t.className.replace(RegExp(e,"gi"),""),t.classList.add("language-"+n)},isActive:function(e,t,n){for(var r="no-"+t;e;){var o=e.classList;if(o.contains(t))return!0;if(o.contains(r))return!1;e=e.parentElement}return!!n}},languages:{plain:n,plaintext:n,text:n,txt:n,extend:function(e,t){var n=r.util.clone(r.languages[e]);for(var o in t)n[o]=t[o];return n},insertBefore:function(e,t,n,o){var a=(o=o||r.languages)[e],i={};for(var s in a)if(a.hasOwnProperty(s)){if(s==t)for(var l in n)n.hasOwnProperty(l)&&(i[l]=n[l]);n.hasOwnProperty(s)||(i[s]=a[s])}var c=o[e];return o[e]=i,r.languages.DFS(r.languages,(function(t,n){n===c&&t!=e&&(this[t]=i)})),i},DFS:function e(t,n,o,a){a=a||{};var i=r.util.objId;for(var s in t)if(t.hasOwnProperty(s)){n.call(t,s,t[s],o||s);var l=t[s],c=r.util.type(l);"Object"!==c||a[i(l)]?"Array"!==c||a[i(l)]||(a[i(l)]=!0,e(l,n,s,a)):(a[i(l)]=!0,e(l,n,null,a))}}},plugins:{},highlight:function(e,t,n){var a={code:e,grammar:t,language:n};if(r.hooks.run("before-tokenize",a),!a.grammar)throw new Error('The language "'+a.language+'" has no grammar.');return a.tokens=r.tokenize(a.code,a.grammar),r.hooks.run("after-tokenize",a),o.stringify(r.util.encode(a.tokens),a.language)},tokenize:function(e,t){var n=t.rest;if(n){for(var r in n)t[r]=n[r];delete t.rest}var o=new s;return l(o,o.head,e),i(e,o,t,o.head,0),function(e){for(var t=[],n=e.head.next;n!==e.tail;)t.push(n.value),n=n.next;return t}(o)},hooks:{all:{},add:function(e,t){var n=r.hooks.all;n[e]=n[e]||[],n[e].push(t)},run:function(e,t){var n=r.hooks.all[e];if(n&&n.length)for(var o,a=0;o=n[a++];)o(t)}},Token:o};function o(e,t,n,r){this.type=e,this.content=t,this.alias=n,this.length=0|(r||"").length}function a(e,t,n,r){e.lastIndex=t;var o=e.exec(n);if(o&&r&&o[1]){var a=o[1].length;o.index+=a,o[0]=o[0].slice(a)}return o}function i(e,t,n,s,u,d){for(var p in n)if(n.hasOwnProperty(p)&&n[p]){var f=n[p];f=Array.isArray(f)?f:[f];for(var m=0;m<f.length;++m){if(d&&d.cause==p+","+m)return;var h=f[m],g=h.inside,b=!!h.lookbehind,y=!!h.greedy,v=h.alias;if(y&&!h.pattern.global){var w=h.pattern.toString().match(/[imsuy]*$/)[0];h.pattern=RegExp(h.pattern.source,w+"g")}for(var k=h.pattern||h,S=s.next,x=u;S!==t.tail&&!(d&&x>=d.reach);x+=S.value.length,S=S.next){var E=S.value;if(t.length>e.length)return;if(!(E instanceof o)){var _,C=1;if(y){if(!(_=a(k,x,e,b))||_.index>=e.length)break;var j=_.index,O=_.index+_[0].length,A=x;for(A+=S.value.length;j>=A;)A+=(S=S.next).value.length;if(x=A-=S.value.length,S.value instanceof o)continue;for(var T=S;T!==t.tail&&(A<O||"string"==typeof T.value);T=T.next)C++,A+=T.value.length;C--,E=e.slice(x,A),_.index-=x}else if(!(_=a(k,0,E,b)))continue;j=_.index;var P=_[0],L=E.slice(0,j),I=E.slice(j+P.length),N=x+E.length;d&&N>d.reach&&(d.reach=N);var R=S.prev;if(L&&(R=l(t,R,L),x+=L.length),c(t,R,C),S=l(t,R,new o(p,g?r.tokenize(P,g):P,v,P)),I&&l(t,S,I),C>1){var D={cause:p+","+m,reach:N};i(e,t,n,S.prev,x,D),d&&D.reach>d.reach&&(d.reach=D.reach)}}}}}}function s(){var e={value:null,prev:null,next:null},t={value:null,prev:e,next:null};e.next=t,this.head=e,this.tail=t,this.length=0}function l(e,t,n){var r=t.next,o={value:n,prev:t,next:r};return t.next=o,r.prev=o,e.length++,o}function c(e,t,n){for(var r=t.next,o=0;o<n&&r!==e.tail;o++)r=r.next;t.next=r,r.prev=t,e.length-=o}return o.stringify=function e(t,n){if("string"==typeof t)return t;if(Array.isArray(t)){var o="";return t.forEach((function(t){o+=e(t,n)})),o}var a={type:t.type,content:e(t.content,n),tag:"span",classes:["token",t.type],attributes:{},language:n},i=t.alias;i&&(Array.isArray(i)?Array.prototype.push.apply(a.classes,i):a.classes.push(i)),r.hooks.run("wrap",a);var s="";for(var l in a.attributes)s+=" "+l+'="'+(a.attributes[l]||"").replace(/"/g,"&quot;")+'"';return"<"+a.tag+' class="'+a.classes.join(" ")+'"'+s+">"+a.content+"</"+a.tag+">"},r}();t.exports=n,n.default=n}},function(){return o||(0,r[p(r)[0]])((o={exports:{}}).exports,o),o.exports})());k.languages.markup={comment:{pattern:/<!--(?:(?!<!--)[\s\S])*?-->/,greedy:!0},prolog:{pattern:/<\?[\s\S]+?\?>/,greedy:!0},doctype:{pattern:/<!DOCTYPE(?:[^>"'[\]]|"[^"]*"|'[^']*')+(?:\[(?:[^<"'\]]|"[^"]*"|'[^']*'|<(?!!--)|<!--(?:[^-]|-(?!->))*-->)*\]\s*)?>/i,greedy:!0,inside:{"internal-subset":{pattern:/(^[^\[]*\[)[\s\S]+(?=\]>$)/,lookbehind:!0,greedy:!0,inside:null},string:{pattern:/"[^"]*"|'[^']*'/,greedy:!0},punctuation:/^<!|>$|[[\]]/,"doctype-tag":/^DOCTYPE/i,name:/[^\s<>'"]+/}},cdata:{pattern:/<!\[CDATA\[[\s\S]*?\]\]>/i,greedy:!0},tag:{pattern:/<\/?(?!\d)[^\s>\/=$<%]+(?:\s(?:\s*[^\s>\/=]+(?:\s*=\s*(?:"[^"]*"|'[^']*'|[^\s'">=]+(?=[\s>]))|(?=[\s/>])))+)?\s*\/?>/,greedy:!0,inside:{tag:{pattern:/^<\/?[^\s>\/]+/,inside:{punctuation:/^<\/?/,namespace:/^[^\s>\/:]+:/}},"special-attr":[],"attr-value":{pattern:/=\s*(?:"[^"]*"|'[^']*'|[^\s'">=]+)/,inside:{punctuation:[{pattern:/^=/,alias:"attr-equals"},{pattern:/^(\s*)["']|["']$/,lookbehind:!0}]}},punctuation:/\/?>/,"attr-name":{pattern:/[^\s>\/]+/,inside:{namespace:/^[^\s>\/:]+:/}}}},entity:[{pattern:/&[\da-z]{1,8};/i,alias:"named-entity"},/&#x?[\da-f]{1,8};/i]},k.languages.markup.tag.inside["attr-value"].inside.entity=k.languages.markup.entity,k.languages.markup.doctype.inside["internal-subset"].inside=k.languages.markup,k.hooks.add("wrap",(function(e){"entity"===e.type&&(e.attributes.title=e.content.replace(/&amp;/,"&"))})),Object.defineProperty(k.languages.markup.tag,"addInlined",{value:function(e,t){var n;(t=((n=((n={})["language-"+t]={pattern:/(^<!\[CDATA\[)[\s\S]+?(?=\]\]>$)/i,lookbehind:!0,inside:k.languages[t]},n.cdata=/^<!\[CDATA\[|\]\]>$/i,{"included-cdata":{pattern:/<!\[CDATA\[[\s\S]*?\]\]>/i,inside:n}}))["language-"+t]={pattern:/[\s\S]+/,inside:k.languages[t]},{}))[e]={pattern:RegExp(/(<__[^>]*>)(?:<!\[CDATA\[(?:[^\]]|\](?!\]>))*\]\]>|(?!<!\[CDATA\[)[\s\S])*?(?=<\/__>)/.source.replace(/__/g,(function(){return e})),"i"),lookbehind:!0,greedy:!0,inside:n},k.languages.insertBefore("markup","cdata",t)}}),Object.defineProperty(k.languages.markup.tag,"addAttribute",{value:function(e,t){k.languages.markup.tag.inside["special-attr"].push({pattern:RegExp(/(^|["'\s])/.source+"(?:"+e+")"+/\s*=\s*(?:"[^"]*"|'[^']*'|[^\s'">=]+(?=[\s>]))/.source,"i"),lookbehind:!0,inside:{"attr-name":/^[^\s=]+/,"attr-value":{pattern:/=[\s\S]+/,inside:{value:{pattern:/(^=\s*(["']|(?!["'])))\S[\s\S]*(?=\2$)/,lookbehind:!0,alias:[t,"language-"+t],inside:k.languages[t]},punctuation:[{pattern:/^=/,alias:"attr-equals"},/"|'/]}}}})}}),k.languages.html=k.languages.markup,k.languages.mathml=k.languages.markup,k.languages.svg=k.languages.markup,k.languages.xml=k.languages.extend("markup",{}),k.languages.ssml=k.languages.xml,k.languages.atom=k.languages.xml,k.languages.rss=k.languages.xml,function(e){var t={pattern:/\\[\\(){}[\]^$+*?|.]/,alias:"escape"},n=/\\(?:x[\da-fA-F]{2}|u[\da-fA-F]{4}|u\{[\da-fA-F]+\}|0[0-7]{0,2}|[123][0-7]{2}|c[a-zA-Z]|.)/,r="(?:[^\\\\-]|"+n.source+")",o=(r=RegExp(r+"-"+r),{pattern:/(<|')[^<>']+(?=[>']$)/,lookbehind:!0,alias:"variable"});e.languages.regex={"char-class":{pattern:/((?:^|[^\\])(?:\\\\)*)\[(?:[^\\\]]|\\[\s\S])*\]/,lookbehind:!0,inside:{"char-class-negation":{pattern:/(^\[)\^/,lookbehind:!0,alias:"operator"},"char-class-punctuation":{pattern:/^\[|\]$/,alias:"punctuation"},range:{pattern:r,inside:{escape:n,"range-punctuation":{pattern:/-/,alias:"operator"}}},"special-escape":t,"char-set":{pattern:/\\[wsd]|\\p\{[^{}]+\}/i,alias:"class-name"},escape:n}},"special-escape":t,"char-set":{pattern:/\.|\\[wsd]|\\p\{[^{}]+\}/i,alias:"class-name"},backreference:[{pattern:/\\(?![123][0-7]{2})[1-9]/,alias:"keyword"},{pattern:/\\k<[^<>']+>/,alias:"keyword",inside:{"group-name":o}}],anchor:{pattern:/[$^]|\\[ABbGZz]/,alias:"function"},escape:n,group:[{pattern:/\((?:\?(?:<[^<>']+>|'[^<>']+'|[>:]|<?[=!]|[idmnsuxU]+(?:-[idmnsuxU]+)?:?))?/,alias:"punctuation",inside:{"group-name":o}},{pattern:/\)/,alias:"punctuation"}],quantifier:{pattern:/(?:[+*?]|\{\d+(?:,\d*)?\})[?+]?/,alias:"number"},alternation:{pattern:/\|/,alias:"keyword"}}}(k),k.languages.clike={comment:[{pattern:/(^|[^\\])\/\*[\s\S]*?(?:\*\/|$)/,lookbehind:!0,greedy:!0},{pattern:/(^|[^\\:])\/\/.*/,lookbehind:!0,greedy:!0}],string:{pattern:/(["'])(?:\\(?:\r\n|[\s\S])|(?!\1)[^\\\r\n])*\1/,greedy:!0},"class-name":{pattern:/(\b(?:class|extends|implements|instanceof|interface|new|trait)\s+|\bcatch\s+\()[\w.\\]+/i,lookbehind:!0,inside:{punctuation:/[.\\]/}},keyword:/\b(?:break|catch|continue|do|else|finally|for|function|if|in|instanceof|new|null|return|throw|try|while)\b/,boolean:/\b(?:false|true)\b/,function:/\b\w+(?=\()/,number:/\b0x[\da-f]+\b|(?:\b\d+(?:\.\d*)?|\B\.\d+)(?:e[+-]?\d+)?/i,operator:/[<>]=?|[!=]=?=?|--?|\+\+?|&&?|\|\|?|[?*/~^%]/,punctuation:/[{}[\];(),.:]/},k.languages.javascript=k.languages.extend("clike",{"class-name":[k.languages.clike["class-name"],{pattern:/(^|[^$\w\xA0-\uFFFF])(?!\s)[_$A-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\.(?:constructor|prototype))/,lookbehind:!0}],keyword:[{pattern:/((?:^|\})\s*)catch\b/,lookbehind:!0},{pattern:/(^|[^.]|\.\.\.\s*)\b(?:as|assert(?=\s*\{)|async(?=\s*(?:function\b|\(|[$\w\xA0-\uFFFF]|$))|await|break|case|class|const|continue|debugger|default|delete|do|else|enum|export|extends|finally(?=\s*(?:\{|$))|for|from(?=\s*(?:['"]|$))|function|(?:get|set)(?=\s*(?:[#\[$\w\xA0-\uFFFF]|$))|if|implements|import|in|instanceof|interface|let|new|null|of|package|private|protected|public|return|static|super|switch|this|throw|try|typeof|undefined|var|void|while|with|yield)\b/,lookbehind:!0}],function:/#?(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*(?:\.\s*(?:apply|bind|call)\s*)?\()/,number:{pattern:RegExp(/(^|[^\w$])/.source+"(?:"+/NaN|Infinity/.source+"|"+/0[bB][01]+(?:_[01]+)*n?/.source+"|"+/0[oO][0-7]+(?:_[0-7]+)*n?/.source+"|"+/0[xX][\dA-Fa-f]+(?:_[\dA-Fa-f]+)*n?/.source+"|"+/\d+(?:_\d+)*n/.source+"|"+/(?:\d+(?:_\d+)*(?:\.(?:\d+(?:_\d+)*)?)?|\.\d+(?:_\d+)*)(?:[Ee][+-]?\d+(?:_\d+)*)?/.source+")"+/(?![\w$])/.source),lookbehind:!0},operator:/--|\+\+|\*\*=?|=>|&&=?|\|\|=?|[!=]==|<<=?|>>>?=?|[-+*/%&|^!=<>]=?|\.{3}|\?\?=?|\?\.?|[~:]/}),k.languages.javascript["class-name"][0].pattern=/(\b(?:class|extends|implements|instanceof|interface|new)\s+)[\w.\\]+/,k.languages.insertBefore("javascript","keyword",{regex:{pattern:RegExp(/((?:^|[^$\w\xA0-\uFFFF."'\])\s]|\b(?:return|yield))\s*)/.source+/\//.source+"(?:"+/(?:\[(?:[^\]\\\r\n]|\\.)*\]|\\.|[^/\\\[\r\n])+\/[dgimyus]{0,7}/.source+"|"+/(?:\[(?:[^[\]\\\r\n]|\\.|\[(?:[^[\]\\\r\n]|\\.|\[(?:[^[\]\\\r\n]|\\.)*\])*\])*\]|\\.|[^/\\\[\r\n])+\/[dgimyus]{0,7}v[dgimyus]{0,7}/.source+")"+/(?=(?:\s|\/\*(?:[^*]|\*(?!\/))*\*\/)*(?:$|[\r\n,.;:})\]]|\/\/))/.source),lookbehind:!0,greedy:!0,inside:{"regex-source":{pattern:/^(\/)[\s\S]+(?=\/[a-z]*$)/,lookbehind:!0,alias:"language-regex",inside:k.languages.regex},"regex-delimiter":/^\/|\/$/,"regex-flags":/^[a-z]+$/}},"function-variable":{pattern:/#?(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*[=:]\s*(?:async\s*)?(?:\bfunction\b|(?:\((?:[^()]|\([^()]*\))*\)|(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*)\s*=>))/,alias:"function"},parameter:[{pattern:/(function(?:\s+(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*)?\s*\(\s*)(?!\s)(?:[^()\s]|\s+(?![\s)])|\([^()]*\))+(?=\s*\))/,lookbehind:!0,inside:k.languages.javascript},{pattern:/(^|[^$\w\xA0-\uFFFF])(?!\s)[_$a-z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*=>)/i,lookbehind:!0,inside:k.languages.javascript},{pattern:/(\(\s*)(?!\s)(?:[^()\s]|\s+(?![\s)])|\([^()]*\))+(?=\s*\)\s*=>)/,lookbehind:!0,inside:k.languages.javascript},{pattern:/((?:\b|\s|^)(?!(?:as|async|await|break|case|catch|class|const|continue|debugger|default|delete|do|else|enum|export|extends|finally|for|from|function|get|if|implements|import|in|instanceof|interface|let|new|null|of|package|private|protected|public|return|set|static|super|switch|this|throw|try|typeof|undefined|var|void|while|with|yield)(?![$\w\xA0-\uFFFF]))(?:(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*\s*)\(\s*|\]\s*\(\s*)(?!\s)(?:[^()\s]|\s+(?![\s)])|\([^()]*\))+(?=\s*\)\s*\{)/,lookbehind:!0,inside:k.languages.javascript}],constant:/\b[A-Z](?:[A-Z_]|\dx?)*\b/}),k.languages.insertBefore("javascript","string",{hashbang:{pattern:/^#!.*/,greedy:!0,alias:"comment"},"template-string":{pattern:/`(?:\\[\s\S]|\$\{(?:[^{}]|\{(?:[^{}]|\{[^}]*\})*\})+\}|(?!\$\{)[^\\`])*`/,greedy:!0,inside:{"template-punctuation":{pattern:/^`|`$/,alias:"string"},interpolation:{pattern:/((?:^|[^\\])(?:\\{2})*)\$\{(?:[^{}]|\{(?:[^{}]|\{[^}]*\})*\})+\}/,lookbehind:!0,inside:{"interpolation-punctuation":{pattern:/^\$\{|\}$/,alias:"punctuation"},rest:k.languages.javascript}},string:/[\s\S]+/}},"string-property":{pattern:/((?:^|[,{])[ \t]*)(["'])(?:\\(?:\r\n|[\s\S])|(?!\2)[^\\\r\n])*\2(?=\s*:)/m,lookbehind:!0,greedy:!0,alias:"property"}}),k.languages.insertBefore("javascript","operator",{"literal-property":{pattern:/((?:^|[,{])[ \t]*)(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*:)/m,lookbehind:!0,alias:"property"}}),k.languages.markup&&(k.languages.markup.tag.addInlined("script","javascript"),k.languages.markup.tag.addAttribute(/on(?:abort|blur|change|click|composition(?:end|start|update)|dblclick|error|focus(?:in|out)?|key(?:down|up)|load|mouse(?:down|enter|leave|move|out|over|up)|reset|resize|scroll|select|slotchange|submit|unload|wheel)/.source,"javascript")),k.languages.js=k.languages.javascript,k.languages.actionscript=k.languages.extend("javascript",{keyword:/\b(?:as|break|case|catch|class|const|default|delete|do|dynamic|each|else|extends|final|finally|for|function|get|if|implements|import|in|include|instanceof|interface|internal|is|namespace|native|new|null|override|package|private|protected|public|return|set|static|super|switch|this|throw|try|typeof|use|var|void|while|with)\b/,operator:/\+\+|--|(?:[+\-*\/%^]|&&?|\|\|?|<<?|>>?>?|[!=]=?)=?|[~?@]/}),k.languages.actionscript["class-name"].alias="function",delete k.languages.actionscript.parameter,delete k.languages.actionscript["literal-property"],k.languages.markup&&k.languages.insertBefore("actionscript","string",{xml:{pattern:/(^|[^.])<\/?\w+(?:\s+[^\s>\/=]+=("|')(?:\\[\s\S]|(?!\2)[^\\])*\2)*\s*\/?>/,lookbehind:!0,inside:k.languages.markup}}),function(e){var t=/#(?!\{).+/,n={pattern:/#\{[^}]+\}/,alias:"variable"};e.languages.coffeescript=e.languages.extend("javascript",{comment:t,string:[{pattern:/'(?:\\[\s\S]|[^\\'])*'/,greedy:!0},{pattern:/"(?:\\[\s\S]|[^\\"])*"/,greedy:!0,inside:{interpolation:n}}],keyword:/\b(?:and|break|by|catch|class|continue|debugger|delete|do|each|else|extend|extends|false|finally|for|if|in|instanceof|is|isnt|let|loop|namespace|new|no|not|null|of|off|on|or|own|return|super|switch|then|this|throw|true|try|typeof|undefined|unless|until|when|while|window|with|yes|yield)\b/,"class-member":{pattern:/@(?!\d)\w+/,alias:"variable"}}),e.languages.insertBefore("coffeescript","comment",{"multiline-comment":{pattern:/###[\s\S]+?###/,alias:"comment"},"block-regex":{pattern:/\/{3}[\s\S]*?\/{3}/,alias:"regex",inside:{comment:t,interpolation:n}}}),e.languages.insertBefore("coffeescript","string",{"inline-javascript":{pattern:/`(?:\\[\s\S]|[^\\`])*`/,inside:{delimiter:{pattern:/^`|`$/,alias:"punctuation"},script:{pattern:/[\s\S]+/,alias:"language-javascript",inside:e.languages.javascript}}},"multiline-string":[{pattern:/'''[\s\S]*?'''/,greedy:!0,alias:"string"},{pattern:/"""[\s\S]*?"""/,greedy:!0,alias:"string",inside:{interpolation:n}}]}),e.languages.insertBefore("coffeescript","keyword",{property:/(?!\d)\w+(?=\s*:(?!:))/}),delete e.languages.coffeescript["template-string"],e.languages.coffee=e.languages.coffeescript}(k),function(e){var t=e.languages.javadoclike={parameter:{pattern:/(^[\t ]*(?:\/{3}|\*|\/\*\*)\s*@(?:arg|arguments|param)\s+)\w+/m,lookbehind:!0},keyword:{pattern:/(^[\t ]*(?:\/{3}|\*|\/\*\*)\s*|\{)@[a-z][a-zA-Z-]+\b/m,lookbehind:!0},punctuation:/[{}]/};Object.defineProperty(t,"addSupport",{value:function(t,n){(t="string"==typeof t?[t]:t).forEach((function(t){var r=function(e){e.inside||(e.inside={}),e.inside.rest=n},o="doc-comment";if(a=e.languages[t]){var a,i=a[o];if((i=i||(a=e.languages.insertBefore(t,"comment",{"doc-comment":{pattern:/(^|[^\\])\/\*\*[^/][\s\S]*?(?:\*\/|$)/,lookbehind:!0,alias:"comment"}}))[o])instanceof RegExp&&(i=a[o]={pattern:i}),Array.isArray(i))for(var s=0,l=i.length;s<l;s++)i[s]instanceof RegExp&&(i[s]={pattern:i[s]}),r(i[s]);else r(i)}}))}}),t.addSupport(["java","javascript","php"],t)}(k),function(e){var t=/(?:"(?:\\(?:\r\n|[\s\S])|[^"\\\r\n])*"|'(?:\\(?:\r\n|[\s\S])|[^'\\\r\n])*')/;(t=(e.languages.css={comment:/\/\*[\s\S]*?\*\//,atrule:{pattern:RegExp("@[\\w-](?:"+/[^;{\s"']|\s+(?!\s)/.source+"|"+t.source+")*?"+/(?:;|(?=\s*\{))/.source),inside:{rule:/^@[\w-]+/,"selector-function-argument":{pattern:/(\bselector\s*\(\s*(?![\s)]))(?:[^()\s]|\s+(?![\s)])|\((?:[^()]|\([^()]*\))*\))+(?=\s*\))/,lookbehind:!0,alias:"selector"},keyword:{pattern:/(^|[^\w-])(?:and|not|only|or)(?![\w-])/,lookbehind:!0}}},url:{pattern:RegExp("\\burl\\((?:"+t.source+"|"+/(?:[^\\\r\n()"']|\\[\s\S])*/.source+")\\)","i"),greedy:!0,inside:{function:/^url/i,punctuation:/^\(|\)$/,string:{pattern:RegExp("^"+t.source+"$"),alias:"url"}}},selector:{pattern:RegExp("(^|[{}\\s])[^{}\\s](?:[^{};\"'\\s]|\\s+(?![\\s{])|"+t.source+")*(?=\\s*\\{)"),lookbehind:!0},string:{pattern:t,greedy:!0},property:{pattern:/(^|[^-\w\xA0-\uFFFF])(?!\s)[-_a-z\xA0-\uFFFF](?:(?!\s)[-\w\xA0-\uFFFF])*(?=\s*:)/i,lookbehind:!0},important:/!important\b/i,function:{pattern:/(^|[^-a-z0-9])[-a-z0-9]+(?=\()/i,lookbehind:!0},punctuation:/[(){};:,]/},e.languages.css.atrule.inside.rest=e.languages.css,e.languages.markup))&&(t.tag.addInlined("style","css"),t.tag.addAttribute("style","css"))}(k),function(e){var t=/("|')(?:\\(?:\r\n|[\s\S])|(?!\1)[^\\\r\n])*\1/,n=(t=(e.languages.css.selector={pattern:e.languages.css.selector.pattern,lookbehind:!0,inside:t={"pseudo-element":/:(?:after|before|first-letter|first-line|selection)|::[-\w]+/,"pseudo-class":/:[-\w]+/,class:/\.[-\w]+/,id:/#[-\w]+/,attribute:{pattern:RegExp("\\[(?:[^[\\]\"']|"+t.source+")*\\]"),greedy:!0,inside:{punctuation:/^\[|\]$/,"case-sensitivity":{pattern:/(\s)[si]$/i,lookbehind:!0,alias:"keyword"},namespace:{pattern:/^(\s*)(?:(?!\s)[-*\w\xA0-\uFFFF])*\|(?!=)/,lookbehind:!0,inside:{punctuation:/\|$/}},"attr-name":{pattern:/^(\s*)(?:(?!\s)[-\w\xA0-\uFFFF])+/,lookbehind:!0},"attr-value":[t,{pattern:/(=\s*)(?:(?!\s)[-\w\xA0-\uFFFF])+(?=\s*$)/,lookbehind:!0}],operator:/[|~*^$]?=/}},"n-th":[{pattern:/(\(\s*)[+-]?\d*[\dn](?:\s*[+-]\s*\d+)?(?=\s*\))/,lookbehind:!0,inside:{number:/[\dn]+/,operator:/[+-]/}},{pattern:/(\(\s*)(?:even|odd)(?=\s*\))/i,lookbehind:!0}],combinator:/>|\+|~|\|\|/,punctuation:/[(),]/}},e.languages.css.atrule.inside["selector-function-argument"].inside=t,e.languages.insertBefore("css","property",{variable:{pattern:/(^|[^-\w\xA0-\uFFFF])--(?!\s)[-_a-z\xA0-\uFFFF](?:(?!\s)[-\w\xA0-\uFFFF])*/i,lookbehind:!0}}),{pattern:/(\b\d+)(?:%|[a-z]+(?![\w-]))/,lookbehind:!0}),{pattern:/(^|[^\w.-])-?(?:\d+(?:\.\d+)?|\.\d+)/,lookbehind:!0});e.languages.insertBefore("css","function",{operator:{pattern:/(\s)[+\-*\/](?=\s)/,lookbehind:!0},hexcode:{pattern:/\B#[\da-f]{3,8}\b/i,alias:"color"},color:[{pattern:/(^|[^\w-])(?:AliceBlue|AntiqueWhite|Aqua|Aquamarine|Azure|Beige|Bisque|Black|BlanchedAlmond|Blue|BlueViolet|Brown|BurlyWood|CadetBlue|Chartreuse|Chocolate|Coral|CornflowerBlue|Cornsilk|Crimson|Cyan|DarkBlue|DarkCyan|DarkGoldenRod|DarkGr[ae]y|DarkGreen|DarkKhaki|DarkMagenta|DarkOliveGreen|DarkOrange|DarkOrchid|DarkRed|DarkSalmon|DarkSeaGreen|DarkSlateBlue|DarkSlateGr[ae]y|DarkTurquoise|DarkViolet|DeepPink|DeepSkyBlue|DimGr[ae]y|DodgerBlue|FireBrick|FloralWhite|ForestGreen|Fuchsia|Gainsboro|GhostWhite|Gold|GoldenRod|Gr[ae]y|Green|GreenYellow|HoneyDew|HotPink|IndianRed|Indigo|Ivory|Khaki|Lavender|LavenderBlush|LawnGreen|LemonChiffon|LightBlue|LightCoral|LightCyan|LightGoldenRodYellow|LightGr[ae]y|LightGreen|LightPink|LightSalmon|LightSeaGreen|LightSkyBlue|LightSlateGr[ae]y|LightSteelBlue|LightYellow|Lime|LimeGreen|Linen|Magenta|Maroon|MediumAquaMarine|MediumBlue|MediumOrchid|MediumPurple|MediumSeaGreen|MediumSlateBlue|MediumSpringGreen|MediumTurquoise|MediumVioletRed|MidnightBlue|MintCream|MistyRose|Moccasin|NavajoWhite|Navy|OldLace|Olive|OliveDrab|Orange|OrangeRed|Orchid|PaleGoldenRod|PaleGreen|PaleTurquoise|PaleVioletRed|PapayaWhip|PeachPuff|Peru|Pink|Plum|PowderBlue|Purple|RebeccaPurple|Red|RosyBrown|RoyalBlue|SaddleBrown|Salmon|SandyBrown|SeaGreen|SeaShell|Sienna|Silver|SkyBlue|SlateBlue|SlateGr[ae]y|Snow|SpringGreen|SteelBlue|Tan|Teal|Thistle|Tomato|Transparent|Turquoise|Violet|Wheat|White|WhiteSmoke|Yellow|YellowGreen)(?![\w-])/i,lookbehind:!0},{pattern:/\b(?:hsl|rgb)\(\s*\d{1,3}\s*,\s*\d{1,3}%?\s*,\s*\d{1,3}%?\s*\)\B|\b(?:hsl|rgb)a\(\s*\d{1,3}\s*,\s*\d{1,3}%?\s*,\s*\d{1,3}%?\s*,\s*(?:0|0?\.\d+|1)\s*\)\B/i,inside:{unit:t,number:n,function:/[\w-]+(?=\()/,punctuation:/[(),]/}}],entity:/\\[\da-f]{1,8}/i,unit:t,number:n})}(k),function(e){var t=/[*&][^\s[\]{},]+/,n=/!(?:<[\w\-%#;/?:@&=+$,.!~*'()[\]]+>|(?:[a-zA-Z\d-]*!)?[\w\-%#;/?:@&=+$.~*'()]+)?/,r="(?:"+n.source+"(?:[ \t]+"+t.source+")?|"+t.source+"(?:[ \t]+"+n.source+")?)",o=/(?:[^\s\x00-\x08\x0e-\x1f!"#%&'*,\-:>?@[\]`{|}\x7f-\x84\x86-\x9f\ud800-\udfff\ufffe\uffff]|[?:-]<PLAIN>)(?:[ \t]*(?:(?![#:])<PLAIN>|:<PLAIN>))*/.source.replace(/<PLAIN>/g,(function(){return/[^\s\x00-\x08\x0e-\x1f,[\]{}\x7f-\x84\x86-\x9f\ud800-\udfff\ufffe\uffff]/.source})),a=/"(?:[^"\\\r\n]|\\.)*"|'(?:[^'\\\r\n]|\\.)*'/.source;function i(e,t){t=(t||"").replace(/m/g,"")+"m";var n=/([:\-,[{]\s*(?:\s<<prop>>[ \t]+)?)(?:<<value>>)(?=[ \t]*(?:$|,|\]|\}|(?:[\r\n]\s*)?#))/.source.replace(/<<prop>>/g,(function(){return r})).replace(/<<value>>/g,(function(){return e}));return RegExp(n,t)}e.languages.yaml={scalar:{pattern:RegExp(/([\-:]\s*(?:\s<<prop>>[ \t]+)?[|>])[ \t]*(?:((?:\r?\n|\r)[ \t]+)\S[^\r\n]*(?:\2[^\r\n]+)*)/.source.replace(/<<prop>>/g,(function(){return r}))),lookbehind:!0,alias:"string"},comment:/#.*/,key:{pattern:RegExp(/((?:^|[:\-,[{\r\n?])[ \t]*(?:<<prop>>[ \t]+)?)<<key>>(?=\s*:\s)/.source.replace(/<<prop>>/g,(function(){return r})).replace(/<<key>>/g,(function(){return"(?:"+o+"|"+a+")"}))),lookbehind:!0,greedy:!0,alias:"atrule"},directive:{pattern:/(^[ \t]*)%.+/m,lookbehind:!0,alias:"important"},datetime:{pattern:i(/\d{4}-\d\d?-\d\d?(?:[tT]|[ \t]+)\d\d?:\d{2}:\d{2}(?:\.\d*)?(?:[ \t]*(?:Z|[-+]\d\d?(?::\d{2})?))?|\d{4}-\d{2}-\d{2}|\d\d?:\d{2}(?::\d{2}(?:\.\d*)?)?/.source),lookbehind:!0,alias:"number"},boolean:{pattern:i(/false|true/.source,"i"),lookbehind:!0,alias:"important"},null:{pattern:i(/null|~/.source,"i"),lookbehind:!0,alias:"important"},string:{pattern:i(a),lookbehind:!0,greedy:!0},number:{pattern:i(/[+-]?(?:0x[\da-f]+|0o[0-7]+|(?:\d+(?:\.\d*)?|\.\d+)(?:e[+-]?\d+)?|\.inf|\.nan)/.source,"i"),lookbehind:!0},tag:n,important:t,punctuation:/---|[:[\]{}\-,|>?]|\.\.\./},e.languages.yml=e.languages.yaml}(k),function(e){var t=/(?:\\.|[^\\\n\r]|(?:\n|\r\n?)(?![\r\n]))/.source;function n(e){return e=e.replace(/<inner>/g,(function(){return t})),RegExp(/((?:^|[^\\])(?:\\{2})*)/.source+"(?:"+e+")")}var r=/(?:\\.|``(?:[^`\r\n]|`(?!`))+``|`[^`\r\n]+`|[^\\|\r\n`])+/.source,o=/\|?__(?:\|__)+\|?(?:(?:\n|\r\n?)|(?![\s\S]))/.source.replace(/__/g,(function(){return r})),a=/\|?[ \t]*:?-{3,}:?[ \t]*(?:\|[ \t]*:?-{3,}:?[ \t]*)+\|?(?:\n|\r\n?)/.source,i=(e.languages.markdown=e.languages.extend("markup",{}),e.languages.insertBefore("markdown","prolog",{"front-matter-block":{pattern:/(^(?:\s*[\r\n])?)---(?!.)[\s\S]*?[\r\n]---(?!.)/,lookbehind:!0,greedy:!0,inside:{punctuation:/^---|---$/,"front-matter":{pattern:/\S+(?:\s+\S+)*/,alias:["yaml","language-yaml"],inside:e.languages.yaml}}},blockquote:{pattern:/^>(?:[\t ]*>)*/m,alias:"punctuation"},table:{pattern:RegExp("^"+o+a+"(?:"+o+")*","m"),inside:{"table-data-rows":{pattern:RegExp("^("+o+a+")(?:"+o+")*$"),lookbehind:!0,inside:{"table-data":{pattern:RegExp(r),inside:e.languages.markdown},punctuation:/\|/}},"table-line":{pattern:RegExp("^("+o+")"+a+"$"),lookbehind:!0,inside:{punctuation:/\||:?-{3,}:?/}},"table-header-row":{pattern:RegExp("^"+o+"$"),inside:{"table-header":{pattern:RegExp(r),alias:"important",inside:e.languages.markdown},punctuation:/\|/}}}},code:[{pattern:/((?:^|\n)[ \t]*\n|(?:^|\r\n?)[ \t]*\r\n?)(?: {4}|\t).+(?:(?:\n|\r\n?)(?: {4}|\t).+)*/,lookbehind:!0,alias:"keyword"},{pattern:/^```[\s\S]*?^```$/m,greedy:!0,inside:{"code-block":{pattern:/^(```.*(?:\n|\r\n?))[\s\S]+?(?=(?:\n|\r\n?)^```$)/m,lookbehind:!0},"code-language":{pattern:/^(```).+/,lookbehind:!0},punctuation:/```/}}],title:[{pattern:/\S.*(?:\n|\r\n?)(?:==+|--+)(?=[ \t]*$)/m,alias:"important",inside:{punctuation:/==+$|--+$/}},{pattern:/(^\s*)#.+/m,lookbehind:!0,alias:"important",inside:{punctuation:/^#+|#+$/}}],hr:{pattern:/(^\s*)([*-])(?:[\t ]*\2){2,}(?=\s*$)/m,lookbehind:!0,alias:"punctuation"},list:{pattern:/(^\s*)(?:[*+-]|\d+\.)(?=[\t ].)/m,lookbehind:!0,alias:"punctuation"},"url-reference":{pattern:/!?\[[^\]]+\]:[\t ]+(?:\S+|<(?:\\.|[^>\\])+>)(?:[\t ]+(?:"(?:\\.|[^"\\])*"|'(?:\\.|[^'\\])*'|\((?:\\.|[^)\\])*\)))?/,inside:{variable:{pattern:/^(!?\[)[^\]]+/,lookbehind:!0},string:/(?:"(?:\\.|[^"\\])*"|'(?:\\.|[^'\\])*'|\((?:\\.|[^)\\])*\))$/,punctuation:/^[\[\]!:]|[<>]/},alias:"url"},bold:{pattern:n(/\b__(?:(?!_)<inner>|_(?:(?!_)<inner>)+_)+__\b|\*\*(?:(?!\*)<inner>|\*(?:(?!\*)<inner>)+\*)+\*\*/.source),lookbehind:!0,greedy:!0,inside:{content:{pattern:/(^..)[\s\S]+(?=..$)/,lookbehind:!0,inside:{}},punctuation:/\*\*|__/}},italic:{pattern:n(/\b_(?:(?!_)<inner>|__(?:(?!_)<inner>)+__)+_\b|\*(?:(?!\*)<inner>|\*\*(?:(?!\*)<inner>)+\*\*)+\*/.source),lookbehind:!0,greedy:!0,inside:{content:{pattern:/(^.)[\s\S]+(?=.$)/,lookbehind:!0,inside:{}},punctuation:/[*_]/}},strike:{pattern:n(/(~~?)(?:(?!~)<inner>)+\2/.source),lookbehind:!0,greedy:!0,inside:{content:{pattern:/(^~~?)[\s\S]+(?=\1$)/,lookbehind:!0,inside:{}},punctuation:/~~?/}},"code-snippet":{pattern:/(^|[^\\`])(?:``[^`\r\n]+(?:`[^`\r\n]+)*``(?!`)|`[^`\r\n]+`(?!`))/,lookbehind:!0,greedy:!0,alias:["code","keyword"]},url:{pattern:n(/!?\[(?:(?!\])<inner>)+\](?:\([^\s)]+(?:[\t ]+"(?:\\.|[^"\\])*")?\)|[ \t]?\[(?:(?!\])<inner>)+\])/.source),lookbehind:!0,greedy:!0,inside:{operator:/^!/,content:{pattern:/(^\[)[^\]]+(?=\])/,lookbehind:!0,inside:{}},variable:{pattern:/(^\][ \t]?\[)[^\]]+(?=\]$)/,lookbehind:!0},url:{pattern:/(^\]\()[^\s)]+/,lookbehind:!0},string:{pattern:/(^[ \t]+)"(?:\\.|[^"\\])*"(?=\)$)/,lookbehind:!0}}}}),["url","bold","italic","strike"].forEach((function(t){["url","bold","italic","strike","code-snippet"].forEach((function(n){t!==n&&(e.languages.markdown[t].inside.content.inside[n]=e.languages.markdown[n])}))})),e.hooks.add("after-tokenize",(function(e){"markdown"!==e.language&&"md"!==e.language||function e(t){if(t&&"string"!=typeof t)for(var n=0,r=t.length;n<r;n++){var o,a=t[n];"code"!==a.type?e(a.content):(o=a.content[1],a=a.content[3],o&&a&&"code-language"===o.type&&"code-block"===a.type&&"string"==typeof o.content&&(o=o.content.replace(/\b#/g,"sharp").replace(/\b\+\+/g,"pp"),o="language-"+(o=(/[a-z][\w-]*/i.exec(o)||[""])[0].toLowerCase()),a.alias?"string"==typeof a.alias?a.alias=[a.alias,o]:a.alias.push(o):a.alias=[o]))}}(e.tokens)})),e.hooks.add("wrap",(function(t){if("code-block"===t.type){for(var n="",r=0,o=t.classes.length;r<o;r++){var a=t.classes[r];if(a=/language-(.+)/.exec(a)){n=a[1];break}}var c,u=e.languages[n];u?t.content=e.highlight(t.content.replace(i,"").replace(/&(\w{1,8}|#x?[\da-f]{1,8});/gi,(function(e,t){var n;return"#"===(t=t.toLowerCase())[0]?(n="x"===t[1]?parseInt(t.slice(2),16):Number(t.slice(1)),l(n)):s[t]||e})),u,n):n&&"none"!==n&&e.plugins.autoloader&&(c="md-"+(new Date).valueOf()+"-"+Math.floor(1e16*Math.random()),t.attributes.id=c,e.plugins.autoloader.loadLanguages(n,(function(){var t=document.getElementById(c);t&&(t.innerHTML=e.highlight(t.textContent,e.languages[n],n))})))}})),RegExp(e.languages.markup.tag.pattern.source,"gi")),s={amp:"&",lt:"<",gt:">",quot:'"'},l=String.fromCodePoint||String.fromCharCode;e.languages.md=e.languages.markdown}(k),k.languages.graphql={comment:/#.*/,description:{pattern:/(?:"""(?:[^"]|(?!""")")*"""|"(?:\\.|[^\\"\r\n])*")(?=\s*[a-z_])/i,greedy:!0,alias:"string",inside:{"language-markdown":{pattern:/(^"(?:"")?)(?!\1)[\s\S]+(?=\1$)/,lookbehind:!0,inside:k.languages.markdown}}},string:{pattern:/"""(?:[^"]|(?!""")")*"""|"(?:\\.|[^\\"\r\n])*"/,greedy:!0},number:/(?:\B-|\b)\d+(?:\.\d+)?(?:e[+-]?\d+)?\b/i,boolean:/\b(?:false|true)\b/,variable:/\$[a-z_]\w*/i,directive:{pattern:/@[a-z_]\w*/i,alias:"function"},"attr-name":{pattern:/\b[a-z_]\w*(?=\s*(?:\((?:[^()"]|"(?:\\.|[^\\"\r\n])*")*\))?:)/i,greedy:!0},"atom-input":{pattern:/\b[A-Z]\w*Input\b/,alias:"class-name"},scalar:/\b(?:Boolean|Float|ID|Int|String)\b/,constant:/\b[A-Z][A-Z_\d]*\b/,"class-name":{pattern:/(\b(?:enum|implements|interface|on|scalar|type|union)\s+|&\s*|:\s*|\[)[A-Z_]\w*/,lookbehind:!0},fragment:{pattern:/(\bfragment\s+|\.{3}\s*(?!on\b))[a-zA-Z_]\w*/,lookbehind:!0,alias:"function"},"definition-mutation":{pattern:/(\bmutation\s+)[a-zA-Z_]\w*/,lookbehind:!0,alias:"function"},"definition-query":{pattern:/(\bquery\s+)[a-zA-Z_]\w*/,lookbehind:!0,alias:"function"},keyword:/\b(?:directive|enum|extend|fragment|implements|input|interface|mutation|on|query|repeatable|scalar|schema|subscription|type|union)\b/,operator:/[!=|&]|\.{3}/,"property-query":/\w+(?=\s*\()/,object:/\w+(?=\s*\{)/,punctuation:/[!(){}\[\]:=,]/,property:/\w+/},k.hooks.add("after-tokenize",(function(e){if("graphql"===e.language)for(var t=e.tokens.filter((function(e){return"string"!=typeof e&&"comment"!==e.type&&"scalar"!==e.type})),n=0;n<t.length;){var r=t[n++];if("keyword"===r.type&&"mutation"===r.content){var o=[];if(d(["definition-mutation","punctuation"])&&"("===u(1).content){n+=2;var a=p(/^\($/,/^\)$/);if(-1===a)continue;for(;n<a;n++){var i=u(0);"variable"===i.type&&(f(i,"variable-input"),o.push(i.content))}n=a+1}if(d(["punctuation","property-query"])&&"{"===u(0).content&&(n++,f(u(0),"property-mutation"),0<o.length)){var s=p(/^\{$/,/^\}$/);if(-1!==s)for(var l=n;l<s;l++){var c=t[l];"variable"===c.type&&0<=o.indexOf(c.content)&&f(c,"variable-input")}}}}function u(e){return t[n+e]}function d(e,t){t=t||0;for(var n=0;n<e.length;n++){var r=u(n+t);if(!r||r.type!==e[n])return}return 1}function p(e,r){for(var o=1,a=n;a<t.length;a++){var i=t[a],s=i.content;if("punctuation"===i.type&&"string"==typeof s)if(e.test(s))o++;else if(r.test(s)&&0==--o)return a}return-1}function f(e,t){var n=e.alias;n?Array.isArray(n)||(e.alias=n=[n]):e.alias=n=[],n.push(t)}})),k.languages.sql={comment:{pattern:/(^|[^\\])(?:\/\*[\s\S]*?\*\/|(?:--|\/\/|#).*)/,lookbehind:!0},variable:[{pattern:/@(["'`])(?:\\[\s\S]|(?!\1)[^\\])+\1/,greedy:!0},/@[\w.$]+/],string:{pattern:/(^|[^@\\])("|')(?:\\[\s\S]|(?!\2)[^\\]|\2\2)*\2/,greedy:!0,lookbehind:!0},identifier:{pattern:/(^|[^@\\])`(?:\\[\s\S]|[^`\\]|``)*`/,greedy:!0,lookbehind:!0,inside:{punctuation:/^`|`$/}},function:/\b(?:AVG|COUNT|FIRST|FORMAT|LAST|LCASE|LEN|MAX|MID|MIN|MOD|NOW|ROUND|SUM|UCASE)(?=\s*\()/i,keyword:/\b(?:ACTION|ADD|AFTER|ALGORITHM|ALL|ALTER|ANALYZE|ANY|APPLY|AS|ASC|AUTHORIZATION|AUTO_INCREMENT|BACKUP|BDB|BEGIN|BERKELEYDB|BIGINT|BINARY|BIT|BLOB|BOOL|BOOLEAN|BREAK|BROWSE|BTREE|BULK|BY|CALL|CASCADED?|CASE|CHAIN|CHAR(?:ACTER|SET)?|CHECK(?:POINT)?|CLOSE|CLUSTERED|COALESCE|COLLATE|COLUMNS?|COMMENT|COMMIT(?:TED)?|COMPUTE|CONNECT|CONSISTENT|CONSTRAINT|CONTAINS(?:TABLE)?|CONTINUE|CONVERT|CREATE|CROSS|CURRENT(?:_DATE|_TIME|_TIMESTAMP|_USER)?|CURSOR|CYCLE|DATA(?:BASES?)?|DATE(?:TIME)?|DAY|DBCC|DEALLOCATE|DEC|DECIMAL|DECLARE|DEFAULT|DEFINER|DELAYED|DELETE|DELIMITERS?|DENY|DESC|DESCRIBE|DETERMINISTIC|DISABLE|DISCARD|DISK|DISTINCT|DISTINCTROW|DISTRIBUTED|DO|DOUBLE|DROP|DUMMY|DUMP(?:FILE)?|DUPLICATE|ELSE(?:IF)?|ENABLE|ENCLOSED|END|ENGINE|ENUM|ERRLVL|ERRORS|ESCAPED?|EXCEPT|EXEC(?:UTE)?|EXISTS|EXIT|EXPLAIN|EXTENDED|FETCH|FIELDS|FILE|FILLFACTOR|FIRST|FIXED|FLOAT|FOLLOWING|FOR(?: EACH ROW)?|FORCE|FOREIGN|FREETEXT(?:TABLE)?|FROM|FULL|FUNCTION|GEOMETRY(?:COLLECTION)?|GLOBAL|GOTO|GRANT|GROUP|HANDLER|HASH|HAVING|HOLDLOCK|HOUR|IDENTITY(?:COL|_INSERT)?|IF|IGNORE|IMPORT|INDEX|INFILE|INNER|INNODB|INOUT|INSERT|INT|INTEGER|INTERSECT|INTERVAL|INTO|INVOKER|ISOLATION|ITERATE|JOIN|KEYS?|KILL|LANGUAGE|LAST|LEAVE|LEFT|LEVEL|LIMIT|LINENO|LINES|LINESTRING|LOAD|LOCAL|LOCK|LONG(?:BLOB|TEXT)|LOOP|MATCH(?:ED)?|MEDIUM(?:BLOB|INT|TEXT)|MERGE|MIDDLEINT|MINUTE|MODE|MODIFIES|MODIFY|MONTH|MULTI(?:LINESTRING|POINT|POLYGON)|NATIONAL|NATURAL|NCHAR|NEXT|NO|NONCLUSTERED|NULLIF|NUMERIC|OFF?|OFFSETS?|ON|OPEN(?:DATASOURCE|QUERY|ROWSET)?|OPTIMIZE|OPTION(?:ALLY)?|ORDER|OUT(?:ER|FILE)?|OVER|PARTIAL|PARTITION|PERCENT|PIVOT|PLAN|POINT|POLYGON|PRECEDING|PRECISION|PREPARE|PREV|PRIMARY|PRINT|PRIVILEGES|PROC(?:EDURE)?|PUBLIC|PURGE|QUICK|RAISERROR|READS?|REAL|RECONFIGURE|REFERENCES|RELEASE|RENAME|REPEAT(?:ABLE)?|REPLACE|REPLICATION|REQUIRE|RESIGNAL|RESTORE|RESTRICT|RETURN(?:ING|S)?|REVOKE|RIGHT|ROLLBACK|ROUTINE|ROW(?:COUNT|GUIDCOL|S)?|RTREE|RULE|SAVE(?:POINT)?|SCHEMA|SECOND|SELECT|SERIAL(?:IZABLE)?|SESSION(?:_USER)?|SET(?:USER)?|SHARE|SHOW|SHUTDOWN|SIMPLE|SMALLINT|SNAPSHOT|SOME|SONAME|SQL|START(?:ING)?|STATISTICS|STATUS|STRIPED|SYSTEM_USER|TABLES?|TABLESPACE|TEMP(?:ORARY|TABLE)?|TERMINATED|TEXT(?:SIZE)?|THEN|TIME(?:STAMP)?|TINY(?:BLOB|INT|TEXT)|TOP?|TRAN(?:SACTIONS?)?|TRIGGER|TRUNCATE|TSEQUAL|TYPES?|UNBOUNDED|UNCOMMITTED|UNDEFINED|UNION|UNIQUE|UNLOCK|UNPIVOT|UNSIGNED|UPDATE(?:TEXT)?|USAGE|USE|USER|USING|VALUES?|VAR(?:BINARY|CHAR|CHARACTER|YING)|VIEW|WAITFOR|WARNINGS|WHEN|WHERE|WHILE|WITH(?: ROLLUP|IN)?|WORK|WRITE(?:TEXT)?|YEAR)\b/i,boolean:/\b(?:FALSE|NULL|TRUE)\b/i,number:/\b0x[\da-f]+\b|\b\d+(?:\.\d*)?|\B\.\d+\b/i,operator:/[-+*\/=%^~]|&&?|\|\|?|!=?|<(?:=>?|<|>)?|>[>=]?|\b(?:AND|BETWEEN|DIV|ILIKE|IN|IS|LIKE|NOT|OR|REGEXP|RLIKE|SOUNDS LIKE|XOR)\b/i,punctuation:/[;[\]()`,.]/},function(e){var t=e.languages.javascript["template-string"],n=t.pattern.source,r=t.inside.interpolation,o=r.inside["interpolation-punctuation"],a=r.pattern.source;function i(t,r){if(e.languages[t])return{pattern:RegExp("((?:"+r+")\\s*)"+n),lookbehind:!0,greedy:!0,inside:{"template-punctuation":{pattern:/^`|`$/,alias:"string"},"embedded-code":{pattern:/[\s\S]+/,alias:t}}}}function s(t,n,r){return t={code:t,grammar:n,language:r},e.hooks.run("before-tokenize",t),t.tokens=e.tokenize(t.code,t.grammar),e.hooks.run("after-tokenize",t),t.tokens}function l(t,n,i){var l=e.tokenize(t,{interpolation:{pattern:RegExp(a),lookbehind:!0}}),c=0,u={},d=(l=s(l.map((function(e){if("string"==typeof e)return e;var n,r;for(e=e.content;-1!==t.indexOf((r=c++,n="___"+i.toUpperCase()+"_"+r+"___")););return u[n]=e,n})).join(""),n,i),Object.keys(u));return c=0,function t(n){for(var a=0;a<n.length;a++){if(c>=d.length)return;var i,l,p,f,m,h,g,b=n[a];"string"==typeof b||"string"==typeof b.content?(i=d[c],-1!==(g=(h="string"==typeof b?b:b.content).indexOf(i))&&(++c,l=h.substring(0,g),m=u[i],p=void 0,(f={})["interpolation-punctuation"]=o,3===(f=e.tokenize(m,f)).length&&((p=[1,1]).push.apply(p,s(f[1],e.languages.javascript,"javascript")),f.splice.apply(f,p)),p=new e.Token("interpolation",f,r.alias,m),f=h.substring(g+i.length),m=[],l&&m.push(l),m.push(p),f&&(t(h=[f]),m.push.apply(m,h)),"string"==typeof b?(n.splice.apply(n,[a,1].concat(m)),a+=m.length-1):b.content=m)):(g=b.content,Array.isArray(g)?t(g):t([g]))}}(l),new e.Token(i,l,"language-"+i,t)}e.languages.javascript["template-string"]=[i("css",/\b(?:styled(?:\([^)]*\))?(?:\s*\.\s*\w+(?:\([^)]*\))*)*|css(?:\s*\.\s*(?:global|resolve))?|createGlobalStyle|keyframes)/.source),i("html",/\bhtml|\.\s*(?:inner|outer)HTML\s*\+?=/.source),i("svg",/\bsvg/.source),i("markdown",/\b(?:markdown|md)/.source),i("graphql",/\b(?:gql|graphql(?:\s*\.\s*experimental)?)/.source),i("sql",/\bsql/.source),t].filter(Boolean);var c={javascript:!0,js:!0,typescript:!0,ts:!0,jsx:!0,tsx:!0};function u(e){return"string"==typeof e?e:Array.isArray(e)?e.map(u).join(""):u(e.content)}e.hooks.add("after-tokenize",(function(t){t.language in c&&function t(n){for(var r=0,o=n.length;r<o;r++){var a,i,s,c=n[r];"string"!=typeof c&&(a=c.content,Array.isArray(a)?"template-string"===c.type?(c=a[1],3===a.length&&"string"!=typeof c&&"embedded-code"===c.type&&(i=u(c),c=c.alias,c=Array.isArray(c)?c[0]:c,s=e.languages[c])&&(a[1]=l(i,s,c))):t(a):"string"!=typeof a&&t([a]))}}(t.tokens)}))}(k),function(e){e.languages.typescript=e.languages.extend("javascript",{"class-name":{pattern:/(\b(?:class|extends|implements|instanceof|interface|new|type)\s+)(?!keyof\b)(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?:\s*<(?:[^<>]|<(?:[^<>]|<[^<>]*>)*>)*>)?/,lookbehind:!0,greedy:!0,inside:null},builtin:/\b(?:Array|Function|Promise|any|boolean|console|never|number|string|symbol|unknown)\b/}),e.languages.typescript.keyword.push(/\b(?:abstract|declare|is|keyof|readonly|require)\b/,/\b(?:asserts|infer|interface|module|namespace|type)\b(?=\s*(?:[{_$a-zA-Z\xA0-\uFFFF]|$))/,/\btype\b(?=\s*(?:[\{*]|$))/),delete e.languages.typescript.parameter,delete e.languages.typescript["literal-property"];var t=e.languages.extend("typescript",{});delete t["class-name"],e.languages.typescript["class-name"].inside=t,e.languages.insertBefore("typescript","function",{decorator:{pattern:/@[$\w\xA0-\uFFFF]+/,inside:{at:{pattern:/^@/,alias:"operator"},function:/^[\s\S]+/}},"generic-function":{pattern:/#?(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*\s*<(?:[^<>]|<(?:[^<>]|<[^<>]*>)*>)*>(?=\s*\()/,greedy:!0,inside:{function:/^#?(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*/,generic:{pattern:/<[\s\S]+/,alias:"class-name",inside:t}}}}),e.languages.ts=e.languages.typescript}(k),function(e){var t=e.languages.javascript,n=/\{(?:[^{}]|\{(?:[^{}]|\{[^{}]*\})*\})+\}/.source,r="(@(?:arg|argument|param|property)\\s+(?:"+n+"\\s+)?)";e.languages.jsdoc=e.languages.extend("javadoclike",{parameter:{pattern:RegExp(r+/(?:(?!\s)[$\w\xA0-\uFFFF.])+(?=\s|$)/.source),lookbehind:!0,inside:{punctuation:/\./}}}),e.languages.insertBefore("jsdoc","keyword",{"optional-parameter":{pattern:RegExp(r+/\[(?:(?!\s)[$\w\xA0-\uFFFF.])+(?:=[^[\]]+)?\](?=\s|$)/.source),lookbehind:!0,inside:{parameter:{pattern:/(^\[)[$\w\xA0-\uFFFF\.]+/,lookbehind:!0,inside:{punctuation:/\./}},code:{pattern:/(=)[\s\S]*(?=\]$)/,lookbehind:!0,inside:t,alias:"language-javascript"},punctuation:/[=[\]]/}},"class-name":[{pattern:RegExp(/(@(?:augments|class|extends|interface|memberof!?|template|this|typedef)\s+(?:<TYPE>\s+)?)[A-Z]\w*(?:\.[A-Z]\w*)*/.source.replace(/<TYPE>/g,(function(){return n}))),lookbehind:!0,inside:{punctuation:/\./}},{pattern:RegExp("(@[a-z]+\\s+)"+n),lookbehind:!0,inside:{string:t.string,number:t.number,boolean:t.boolean,keyword:e.languages.typescript.keyword,operator:/=>|\.\.\.|[&|?:*]/,punctuation:/[.,;=<>{}()[\]]/}}],example:{pattern:/(@example\s+(?!\s))(?:[^@\s]|\s+(?!\s))+?(?=\s*(?:\*\s*)?(?:@\w|\*\/))/,lookbehind:!0,inside:{code:{pattern:/^([\t ]*(?:\*\s*)?)\S.*$/m,lookbehind:!0,inside:t,alias:"language-javascript"}}}}),e.languages.javadoclike.addSupport("javascript",e.languages.jsdoc)}(k),function(e){e.languages.flow=e.languages.extend("javascript",{}),e.languages.insertBefore("flow","keyword",{type:[{pattern:/\b(?:[Bb]oolean|Function|[Nn]umber|[Ss]tring|[Ss]ymbol|any|mixed|null|void)\b/,alias:"class-name"}]}),e.languages.flow["function-variable"].pattern=/(?!\s)[_$a-z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*=\s*(?:function\b|(?:\([^()]*\)(?:\s*:\s*\w+)?|(?!\s)[_$a-z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*)\s*=>))/i,delete e.languages.flow.parameter,e.languages.insertBefore("flow","operator",{"flow-punctuation":{pattern:/\{\||\|\}/,alias:"punctuation"}}),Array.isArray(e.languages.flow.keyword)||(e.languages.flow.keyword=[e.languages.flow.keyword]),e.languages.flow.keyword.unshift({pattern:/(^|[^$]\b)(?:Class|declare|opaque|type)\b(?!\$)/,lookbehind:!0},{pattern:/(^|[^$]\B)\$(?:Diff|Enum|Exact|Keys|ObjMap|PropertyType|Record|Shape|Subtype|Supertype|await)\b(?!\$)/,lookbehind:!0})}(k),k.languages.n4js=k.languages.extend("javascript",{keyword:/\b(?:Array|any|boolean|break|case|catch|class|const|constructor|continue|debugger|declare|default|delete|do|else|enum|export|extends|false|finally|for|from|function|get|if|implements|import|in|instanceof|interface|let|module|new|null|number|package|private|protected|public|return|set|static|string|super|switch|this|throw|true|try|typeof|var|void|while|with|yield)\b/}),k.languages.insertBefore("n4js","constant",{annotation:{pattern:/@+\w+/,alias:"operator"}}),k.languages.n4jsd=k.languages.n4js,function(e){function t(e,t){return RegExp(e.replace(/<ID>/g,(function(){return/(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*/.source})),t)}e.languages.insertBefore("javascript","function-variable",{"method-variable":{pattern:RegExp("(\\.\\s*)"+e.languages.javascript["function-variable"].pattern.source),lookbehind:!0,alias:["function-variable","method","function","property-access"]}}),e.languages.insertBefore("javascript","function",{method:{pattern:RegExp("(\\.\\s*)"+e.languages.javascript.function.source),lookbehind:!0,alias:["function","property-access"]}}),e.languages.insertBefore("javascript","constant",{"known-class-name":[{pattern:/\b(?:(?:Float(?:32|64)|(?:Int|Uint)(?:8|16|32)|Uint8Clamped)?Array|ArrayBuffer|BigInt|Boolean|DataView|Date|Error|Function|Intl|JSON|(?:Weak)?(?:Map|Set)|Math|Number|Object|Promise|Proxy|Reflect|RegExp|String|Symbol|WebAssembly)\b/,alias:"class-name"},{pattern:/\b(?:[A-Z]\w*)Error\b/,alias:"class-name"}]}),e.languages.insertBefore("javascript","keyword",{imports:{pattern:t(/(\bimport\b\s*)(?:<ID>(?:\s*,\s*(?:\*\s*as\s+<ID>|\{[^{}]*\}))?|\*\s*as\s+<ID>|\{[^{}]*\})(?=\s*\bfrom\b)/.source),lookbehind:!0,inside:e.languages.javascript},exports:{pattern:t(/(\bexport\b\s*)(?:\*(?:\s*as\s+<ID>)?(?=\s*\bfrom\b)|\{[^{}]*\})/.source),lookbehind:!0,inside:e.languages.javascript}}),e.languages.javascript.keyword.unshift({pattern:/\b(?:as|default|export|from|import)\b/,alias:"module"},{pattern:/\b(?:await|break|catch|continue|do|else|finally|for|if|return|switch|throw|try|while|yield)\b/,alias:"control-flow"},{pattern:/\bnull\b/,alias:["null","nil"]},{pattern:/\bundefined\b/,alias:"nil"}),e.languages.insertBefore("javascript","operator",{spread:{pattern:/\.{3}/,alias:"operator"},arrow:{pattern:/=>/,alias:"operator"}}),e.languages.insertBefore("javascript","punctuation",{"property-access":{pattern:t(/(\.\s*)#?<ID>/.source),lookbehind:!0},"maybe-class-name":{pattern:/(^|[^$\w\xA0-\uFFFF])[A-Z][$\w\xA0-\uFFFF]+/,lookbehind:!0},dom:{pattern:/\b(?:document|(?:local|session)Storage|location|navigator|performance|window)\b/,alias:"variable"},console:{pattern:/\bconsole(?=\s*\.)/,alias:"class-name"}});for(var n=["function","function-variable","method","method-variable","property-access"],r=0;r<n.length;r++){var o=n[r],a=e.languages.javascript[o];o=(a="RegExp"===e.util.type(a)?e.languages.javascript[o]={pattern:a}:a).inside||{};(a.inside=o)["maybe-class-name"]=/^[A-Z][\s\S]*/}}(k),function(e){var t=e.util.clone(e.languages.javascript),n=/(?:\s|\/\/.*(?!.)|\/\*(?:[^*]|\*(?!\/))\*\/)/.source,r=/(?:\{(?:\{(?:\{[^{}]*\}|[^{}])*\}|[^{}])*\})/.source,o=/(?:\{<S>*\.{3}(?:[^{}]|<BRACES>)*\})/.source;function a(e,t){return e=e.replace(/<S>/g,(function(){return n})).replace(/<BRACES>/g,(function(){return r})).replace(/<SPREAD>/g,(function(){return o})),RegExp(e,t)}function i(t){for(var n=[],r=0;r<t.length;r++){var o=t[r],a=!1;"string"!=typeof o&&("tag"===o.type&&o.content[0]&&"tag"===o.content[0].type?"</"===o.content[0].content[0].content?0<n.length&&n[n.length-1].tagName===s(o.content[0].content[1])&&n.pop():"/>"!==o.content[o.content.length-1].content&&n.push({tagName:s(o.content[0].content[1]),openedBraces:0}):0<n.length&&"punctuation"===o.type&&"{"===o.content?n[n.length-1].openedBraces++:0<n.length&&0<n[n.length-1].openedBraces&&"punctuation"===o.type&&"}"===o.content?n[n.length-1].openedBraces--:a=!0),(a||"string"==typeof o)&&0<n.length&&0===n[n.length-1].openedBraces&&(a=s(o),r<t.length-1&&("string"==typeof t[r+1]||"plain-text"===t[r+1].type)&&(a+=s(t[r+1]),t.splice(r+1,1)),0<r&&("string"==typeof t[r-1]||"plain-text"===t[r-1].type)&&(a=s(t[r-1])+a,t.splice(r-1,1),r--),t[r]=new e.Token("plain-text",a,null,a)),o.content&&"string"!=typeof o.content&&i(o.content)}}o=a(o).source,e.languages.jsx=e.languages.extend("markup",t),e.languages.jsx.tag.pattern=a(/<\/?(?:[\w.:-]+(?:<S>+(?:[\w.:$-]+(?:=(?:"(?:\\[\s\S]|[^\\"])*"|'(?:\\[\s\S]|[^\\'])*'|[^\s{'"/>=]+|<BRACES>))?|<SPREAD>))*<S>*\/?)?>/.source),e.languages.jsx.tag.inside.tag.pattern=/^<\/?[^\s>\/]*/,e.languages.jsx.tag.inside["attr-value"].pattern=/=(?!\{)(?:"(?:\\[\s\S]|[^\\"])*"|'(?:\\[\s\S]|[^\\'])*'|[^\s'">]+)/,e.languages.jsx.tag.inside.tag.inside["class-name"]=/^[A-Z]\w*(?:\.[A-Z]\w*)*$/,e.languages.jsx.tag.inside.comment=t.comment,e.languages.insertBefore("inside","attr-name",{spread:{pattern:a(/<SPREAD>/.source),inside:e.languages.jsx}},e.languages.jsx.tag),e.languages.insertBefore("inside","special-attr",{script:{pattern:a(/=<BRACES>/.source),alias:"language-javascript",inside:{"script-punctuation":{pattern:/^=(?=\{)/,alias:"punctuation"},rest:e.languages.jsx}}},e.languages.jsx.tag);var s=function(e){return e?"string"==typeof e?e:"string"==typeof e.content?e.content:e.content.map(s).join(""):""};e.hooks.add("after-tokenize",(function(e){"jsx"!==e.language&&"tsx"!==e.language||i(e.tokens)}))}(k),function(e){var t=e.util.clone(e.languages.typescript);(t=(e.languages.tsx=e.languages.extend("jsx",t),delete e.languages.tsx.parameter,delete e.languages.tsx["literal-property"],e.languages.tsx.tag)).pattern=RegExp(/(^|[^\w$]|(?=<\/))/.source+"(?:"+t.pattern.source+")",t.pattern.flags),t.lookbehind=!0}(k),k.languages.swift={comment:{pattern:/(^|[^\\:])(?:\/\/.*|\/\*(?:[^/*]|\/(?!\*)|\*(?!\/)|\/\*(?:[^*]|\*(?!\/))*\*\/)*\*\/)/,lookbehind:!0,greedy:!0},"string-literal":[{pattern:RegExp(/(^|[^"#])/.source+"(?:"+/"(?:\\(?:\((?:[^()]|\([^()]*\))*\)|\r\n|[^(])|[^\\\r\n"])*"/.source+"|"+/"""(?:\\(?:\((?:[^()]|\([^()]*\))*\)|[^(])|[^\\"]|"(?!""))*"""/.source+")"+/(?!["#])/.source),lookbehind:!0,greedy:!0,inside:{interpolation:{pattern:/(\\\()(?:[^()]|\([^()]*\))*(?=\))/,lookbehind:!0,inside:null},"interpolation-punctuation":{pattern:/^\)|\\\($/,alias:"punctuation"},punctuation:/\\(?=[\r\n])/,string:/[\s\S]+/}},{pattern:RegExp(/(^|[^"#])(#+)/.source+"(?:"+/"(?:\\(?:#+\((?:[^()]|\([^()]*\))*\)|\r\n|[^#])|[^\\\r\n])*?"/.source+"|"+/"""(?:\\(?:#+\((?:[^()]|\([^()]*\))*\)|[^#])|[^\\])*?"""/.source+")\\2"),lookbehind:!0,greedy:!0,inside:{interpolation:{pattern:/(\\#+\()(?:[^()]|\([^()]*\))*(?=\))/,lookbehind:!0,inside:null},"interpolation-punctuation":{pattern:/^\)|\\#+\($/,alias:"punctuation"},string:/[\s\S]+/}}],directive:{pattern:RegExp(/#/.source+"(?:"+/(?:elseif|if)\b/.source+"(?:[ \t]*"+/(?:![ \t]*)?(?:\b\w+\b(?:[ \t]*\((?:[^()]|\([^()]*\))*\))?|\((?:[^()]|\([^()]*\))*\))(?:[ \t]*(?:&&|\|\|))?/.source+")+|"+/(?:else|endif)\b/.source+")"),alias:"property",inside:{"directive-name":/^#\w+/,boolean:/\b(?:false|true)\b/,number:/\b\d+(?:\.\d+)*\b/,operator:/!|&&|\|\||[<>]=?/,punctuation:/[(),]/}},literal:{pattern:/#(?:colorLiteral|column|dsohandle|file(?:ID|Literal|Path)?|function|imageLiteral|line)\b/,alias:"constant"},"other-directive":{pattern:/#\w+\b/,alias:"property"},attribute:{pattern:/@\w+/,alias:"atrule"},"function-definition":{pattern:/(\bfunc\s+)\w+/,lookbehind:!0,alias:"function"},label:{pattern:/\b(break|continue)\s+\w+|\b[a-zA-Z_]\w*(?=\s*:\s*(?:for|repeat|while)\b)/,lookbehind:!0,alias:"important"},keyword:/\b(?:Any|Protocol|Self|Type|actor|as|assignment|associatedtype|associativity|async|await|break|case|catch|class|continue|convenience|default|defer|deinit|didSet|do|dynamic|else|enum|extension|fallthrough|fileprivate|final|for|func|get|guard|higherThan|if|import|in|indirect|infix|init|inout|internal|is|isolated|lazy|left|let|lowerThan|mutating|none|nonisolated|nonmutating|open|operator|optional|override|postfix|precedencegroup|prefix|private|protocol|public|repeat|required|rethrows|return|right|safe|self|set|some|static|struct|subscript|super|switch|throw|throws|try|typealias|unowned|unsafe|var|weak|where|while|willSet)\b/,boolean:/\b(?:false|true)\b/,nil:{pattern:/\bnil\b/,alias:"constant"},"short-argument":/\$\d+\b/,omit:{pattern:/\b_\b/,alias:"keyword"},number:/\b(?:[\d_]+(?:\.[\de_]+)?|0x[a-f0-9_]+(?:\.[a-f0-9p_]+)?|0b[01_]+|0o[0-7_]+)\b/i,"class-name":/\b[A-Z](?:[A-Z_\d]*[a-z]\w*)?\b/,function:/\b[a-z_]\w*(?=\s*\()/i,constant:/\b(?:[A-Z_]{2,}|k[A-Z][A-Za-z_]+)\b/,operator:/[-+*/%=!<>&|^~?]+|\.[.\-+*/%=!<>&|^~?]+/,punctuation:/[{}[\]();,.:\\]/},k.languages.swift["string-literal"].forEach((function(e){e.inside.interpolation.inside=k.languages.swift})),function(e){e.languages.kotlin=e.languages.extend("clike",{keyword:{pattern:/(^|[^.])\b(?:abstract|actual|annotation|as|break|by|catch|class|companion|const|constructor|continue|crossinline|data|do|dynamic|else|enum|expect|external|final|finally|for|fun|get|if|import|in|infix|init|inline|inner|interface|internal|is|lateinit|noinline|null|object|open|operator|out|override|package|private|protected|public|reified|return|sealed|set|super|suspend|tailrec|this|throw|to|try|typealias|val|var|vararg|when|where|while)\b/,lookbehind:!0},function:[{pattern:/(?:`[^\r\n`]+`|\b\w+)(?=\s*\()/,greedy:!0},{pattern:/(\.)(?:`[^\r\n`]+`|\w+)(?=\s*\{)/,lookbehind:!0,greedy:!0}],number:/\b(?:0[xX][\da-fA-F]+(?:_[\da-fA-F]+)*|0[bB][01]+(?:_[01]+)*|\d+(?:_\d+)*(?:\.\d+(?:_\d+)*)?(?:[eE][+-]?\d+(?:_\d+)*)?[fFL]?)\b/,operator:/\+[+=]?|-[-=>]?|==?=?|!(?:!|==?)?|[\/*%<>]=?|[?:]:?|\.\.|&&|\|\||\b(?:and|inv|or|shl|shr|ushr|xor)\b/}),delete e.languages.kotlin["class-name"];var t={"interpolation-punctuation":{pattern:/^\$\{?|\}$/,alias:"punctuation"},expression:{pattern:/[\s\S]+/,inside:e.languages.kotlin}};e.languages.insertBefore("kotlin","string",{"string-literal":[{pattern:/"""(?:[^$]|\$(?:(?!\{)|\{[^{}]*\}))*?"""/,alias:"multiline",inside:{interpolation:{pattern:/\$(?:[a-z_]\w*|\{[^{}]*\})/i,inside:t},string:/[\s\S]+/}},{pattern:/"(?:[^"\\\r\n$]|\\.|\$(?:(?!\{)|\{[^{}]*\}))*"/,alias:"singleline",inside:{interpolation:{pattern:/((?:^|[^\\])(?:\\{2})*)\$(?:[a-z_]\w*|\{[^{}]*\})/i,lookbehind:!0,inside:t},string:/[\s\S]+/}}],char:{pattern:/'(?:[^'\\\r\n]|\\(?:.|u[a-fA-F0-9]{0,4}))'/,greedy:!0}}),delete e.languages.kotlin.string,e.languages.insertBefore("kotlin","keyword",{annotation:{pattern:/\B@(?:\w+:)?(?:[A-Z]\w*|\[[^\]]+\])/,alias:"builtin"}}),e.languages.insertBefore("kotlin","function",{label:{pattern:/\b\w+@|@\w+\b/,alias:"symbol"}}),e.languages.kt=e.languages.kotlin,e.languages.kts=e.languages.kotlin}(k),k.languages.c=k.languages.extend("clike",{comment:{pattern:/\/\/(?:[^\r\n\\]|\\(?:\r\n?|\n|(?![\r\n])))*|\/\*[\s\S]*?(?:\*\/|$)/,greedy:!0},string:{pattern:/"(?:\\(?:\r\n|[\s\S])|[^"\\\r\n])*"/,greedy:!0},"class-name":{pattern:/(\b(?:enum|struct)\s+(?:__attribute__\s*\(\([\s\S]*?\)\)\s*)?)\w+|\b[a-z]\w*_t\b/,lookbehind:!0},keyword:/\b(?:_Alignas|_Alignof|_Atomic|_Bool|_Complex|_Generic|_Imaginary|_Noreturn|_Static_assert|_Thread_local|__attribute__|asm|auto|break|case|char|const|continue|default|do|double|else|enum|extern|float|for|goto|if|inline|int|long|register|return|short|signed|sizeof|static|struct|switch|typedef|typeof|union|unsigned|void|volatile|while)\b/,function:/\b[a-z_]\w*(?=\s*\()/i,number:/(?:\b0x(?:[\da-f]+(?:\.[\da-f]*)?|\.[\da-f]+)(?:p[+-]?\d+)?|(?:\b\d+(?:\.\d*)?|\B\.\d+)(?:e[+-]?\d+)?)[ful]{0,4}/i,operator:/>>=?|<<=?|->|([-+&|:])\1|[?:~]|[-+*/%&|^!=<>]=?/}),k.languages.insertBefore("c","string",{char:{pattern:/'(?:\\(?:\r\n|[\s\S])|[^'\\\r\n]){0,32}'/,greedy:!0}}),k.languages.insertBefore("c","string",{macro:{pattern:/(^[\t ]*)#\s*[a-z](?:[^\r\n\\/]|\/(?!\*)|\/\*(?:[^*]|\*(?!\/))*\*\/|\\(?:\r\n|[\s\S]))*/im,lookbehind:!0,greedy:!0,alias:"property",inside:{string:[{pattern:/^(#\s*include\s*)<[^>]+>/,lookbehind:!0},k.languages.c.string],char:k.languages.c.char,comment:k.languages.c.comment,"macro-name":[{pattern:/(^#\s*define\s+)\w+\b(?!\()/i,lookbehind:!0},{pattern:/(^#\s*define\s+)\w+\b(?=\()/i,lookbehind:!0,alias:"function"}],directive:{pattern:/^(#\s*)[a-z]+/,lookbehind:!0,alias:"keyword"},"directive-hash":/^#/,punctuation:/##|\\(?=[\r\n])/,expression:{pattern:/\S[\s\S]*/,inside:k.languages.c}}}}),k.languages.insertBefore("c","function",{constant:/\b(?:EOF|NULL|SEEK_CUR|SEEK_END|SEEK_SET|__DATE__|__FILE__|__LINE__|__TIMESTAMP__|__TIME__|__func__|stderr|stdin|stdout)\b/}),delete k.languages.c.boolean,k.languages.objectivec=k.languages.extend("c",{string:{pattern:/@?"(?:\\(?:\r\n|[\s\S])|[^"\\\r\n])*"/,greedy:!0},keyword:/\b(?:asm|auto|break|case|char|const|continue|default|do|double|else|enum|extern|float|for|goto|if|in|inline|int|long|register|return|self|short|signed|sizeof|static|struct|super|switch|typedef|typeof|union|unsigned|void|volatile|while)\b|(?:@interface|@end|@implementation|@protocol|@class|@public|@protected|@private|@property|@try|@catch|@finally|@throw|@synthesize|@dynamic|@selector)\b/,operator:/-[->]?|\+\+?|!=?|<<?=?|>>?=?|==?|&&?|\|\|?|[~^%?*\/@]/}),delete k.languages.objectivec["class-name"],k.languages.objc=k.languages.objectivec,k.languages.reason=k.languages.extend("clike",{string:{pattern:/"(?:\\(?:\r\n|[\s\S])|[^\\\r\n"])*"/,greedy:!0},"class-name":/\b[A-Z]\w*/,keyword:/\b(?:and|as|assert|begin|class|constraint|do|done|downto|else|end|exception|external|for|fun|function|functor|if|in|include|inherit|initializer|lazy|let|method|module|mutable|new|nonrec|object|of|open|or|private|rec|sig|struct|switch|then|to|try|type|val|virtual|when|while|with)\b/,operator:/\.{3}|:[:=]|\|>|->|=(?:==?|>)?|<=?|>=?|[|^?'#!~`]|[+\-*\/]\.?|\b(?:asr|land|lor|lsl|lsr|lxor|mod)\b/}),k.languages.insertBefore("reason","class-name",{char:{pattern:/'(?:\\x[\da-f]{2}|\\o[0-3][0-7][0-7]|\\\d{3}|\\.|[^'\\\r\n])'/,greedy:!0},constructor:/\b[A-Z]\w*\b(?!\s*\.)/,label:{pattern:/\b[a-z]\w*(?=::)/,alias:"symbol"}}),delete k.languages.reason.function,function(e){for(var t=/\/\*(?:[^*/]|\*(?!\/)|\/(?!\*)|<self>)*\*\//.source,n=0;n<2;n++)t=t.replace(/<self>/g,(function(){return t}));t=t.replace(/<self>/g,(function(){return/[^\s\S]/.source})),e.languages.rust={comment:[{pattern:RegExp(/(^|[^\\])/.source+t),lookbehind:!0,greedy:!0},{pattern:/(^|[^\\:])\/\/.*/,lookbehind:!0,greedy:!0}],string:{pattern:/b?"(?:\\[\s\S]|[^\\"])*"|b?r(#*)"(?:[^"]|"(?!\1))*"\1/,greedy:!0},char:{pattern:/b?'(?:\\(?:x[0-7][\da-fA-F]|u\{(?:[\da-fA-F]_*){1,6}\}|.)|[^\\\r\n\t'])'/,greedy:!0},attribute:{pattern:/#!?\[(?:[^\[\]"]|"(?:\\[\s\S]|[^\\"])*")*\]/,greedy:!0,alias:"attr-name",inside:{string:null}},"closure-params":{pattern:/([=(,:]\s*|\bmove\s*)\|[^|]*\||\|[^|]*\|(?=\s*(?:\{|->))/,lookbehind:!0,greedy:!0,inside:{"closure-punctuation":{pattern:/^\||\|$/,alias:"punctuation"},rest:null}},"lifetime-annotation":{pattern:/'\w+/,alias:"symbol"},"fragment-specifier":{pattern:/(\$\w+:)[a-z]+/,lookbehind:!0,alias:"punctuation"},variable:/\$\w+/,"function-definition":{pattern:/(\bfn\s+)\w+/,lookbehind:!0,alias:"function"},"type-definition":{pattern:/(\b(?:enum|struct|trait|type|union)\s+)\w+/,lookbehind:!0,alias:"class-name"},"module-declaration":[{pattern:/(\b(?:crate|mod)\s+)[a-z][a-z_\d]*/,lookbehind:!0,alias:"namespace"},{pattern:/(\b(?:crate|self|super)\s*)::\s*[a-z][a-z_\d]*\b(?:\s*::(?:\s*[a-z][a-z_\d]*\s*::)*)?/,lookbehind:!0,alias:"namespace",inside:{punctuation:/::/}}],keyword:[/\b(?:Self|abstract|as|async|await|become|box|break|const|continue|crate|do|dyn|else|enum|extern|final|fn|for|if|impl|in|let|loop|macro|match|mod|move|mut|override|priv|pub|ref|return|self|static|struct|super|trait|try|type|typeof|union|unsafe|unsized|use|virtual|where|while|yield)\b/,/\b(?:bool|char|f(?:32|64)|[ui](?:8|16|32|64|128|size)|str)\b/],function:/\b[a-z_]\w*(?=\s*(?:::\s*<|\())/,macro:{pattern:/\b\w+!/,alias:"property"},constant:/\b[A-Z_][A-Z_\d]+\b/,"class-name":/\b[A-Z]\w*\b/,namespace:{pattern:/(?:\b[a-z][a-z_\d]*\s*::\s*)*\b[a-z][a-z_\d]*\s*::(?!\s*<)/,inside:{punctuation:/::/}},number:/\b(?:0x[\dA-Fa-f](?:_?[\dA-Fa-f])*|0o[0-7](?:_?[0-7])*|0b[01](?:_?[01])*|(?:(?:\d(?:_?\d)*)?\.)?\d(?:_?\d)*(?:[Ee][+-]?\d+)?)(?:_?(?:f32|f64|[iu](?:8|16|32|64|size)?))?\b/,boolean:/\b(?:false|true)\b/,punctuation:/->|\.\.=|\.{1,3}|::|[{}[\];(),:]/,operator:/[-+*\/%!^]=?|=[=>]?|&[&=]?|\|[|=]?|<<?=?|>>?=?|[@?]/},e.languages.rust["closure-params"].inside.rest=e.languages.rust,e.languages.rust.attribute.inside.string=e.languages.rust.string}(k),k.languages.go=k.languages.extend("clike",{string:{pattern:/(^|[^\\])"(?:\\.|[^"\\\r\n])*"|`[^`]*`/,lookbehind:!0,greedy:!0},keyword:/\b(?:break|case|chan|const|continue|default|defer|else|fallthrough|for|func|go(?:to)?|if|import|interface|map|package|range|return|select|struct|switch|type|var)\b/,boolean:/\b(?:_|false|iota|nil|true)\b/,number:[/\b0(?:b[01_]+|o[0-7_]+)i?\b/i,/\b0x(?:[a-f\d_]+(?:\.[a-f\d_]*)?|\.[a-f\d_]+)(?:p[+-]?\d+(?:_\d+)*)?i?(?!\w)/i,/(?:\b\d[\d_]*(?:\.[\d_]*)?|\B\.\d[\d_]*)(?:e[+-]?[\d_]+)?i?(?!\w)/i],operator:/[*\/%^!=]=?|\+[=+]?|-[=-]?|\|[=|]?|&(?:=|&|\^=?)?|>(?:>=?|=)?|<(?:<=?|=|-)?|:=|\.\.\./,builtin:/\b(?:append|bool|byte|cap|close|complex|complex(?:64|128)|copy|delete|error|float(?:32|64)|u?int(?:8|16|32|64)?|imag|len|make|new|panic|print(?:ln)?|real|recover|rune|string|uintptr)\b/}),k.languages.insertBefore("go","string",{char:{pattern:/'(?:\\.|[^'\\\r\n]){0,10}'/,greedy:!0}}),delete k.languages.go["class-name"],function(e){var t=/\b(?:alignas|alignof|asm|auto|bool|break|case|catch|char|char16_t|char32_t|char8_t|class|co_await|co_return|co_yield|compl|concept|const|const_cast|consteval|constexpr|constinit|continue|decltype|default|delete|do|double|dynamic_cast|else|enum|explicit|export|extern|final|float|for|friend|goto|if|import|inline|int|int16_t|int32_t|int64_t|int8_t|long|module|mutable|namespace|new|noexcept|nullptr|operator|override|private|protected|public|register|reinterpret_cast|requires|return|short|signed|sizeof|static|static_assert|static_cast|struct|switch|template|this|thread_local|throw|try|typedef|typeid|typename|uint16_t|uint32_t|uint64_t|uint8_t|union|unsigned|using|virtual|void|volatile|wchar_t|while)\b/,n=/\b(?!<keyword>)\w+(?:\s*\.\s*\w+)*\b/.source.replace(/<keyword>/g,(function(){return t.source}));e.languages.cpp=e.languages.extend("c",{"class-name":[{pattern:RegExp(/(\b(?:class|concept|enum|struct|typename)\s+)(?!<keyword>)\w+/.source.replace(/<keyword>/g,(function(){return t.source}))),lookbehind:!0},/\b[A-Z]\w*(?=\s*::\s*\w+\s*\()/,/\b[A-Z_]\w*(?=\s*::\s*~\w+\s*\()/i,/\b\w+(?=\s*<(?:[^<>]|<(?:[^<>]|<[^<>]*>)*>)*>\s*::\s*\w+\s*\()/],keyword:t,number:{pattern:/(?:\b0b[01']+|\b0x(?:[\da-f']+(?:\.[\da-f']*)?|\.[\da-f']+)(?:p[+-]?[\d']+)?|(?:\b[\d']+(?:\.[\d']*)?|\B\.[\d']+)(?:e[+-]?[\d']+)?)[ful]{0,4}/i,greedy:!0},operator:/>>=?|<<=?|->|--|\+\+|&&|\|\||[?:~]|<=>|[-+*/%&|^!=<>]=?|\b(?:and|and_eq|bitand|bitor|not|not_eq|or|or_eq|xor|xor_eq)\b/,boolean:/\b(?:false|true)\b/}),e.languages.insertBefore("cpp","string",{module:{pattern:RegExp(/(\b(?:import|module)\s+)/.source+"(?:"+/"(?:\\(?:\r\n|[\s\S])|[^"\\\r\n])*"|<[^<>\r\n]*>/.source+"|"+/<mod-name>(?:\s*:\s*<mod-name>)?|:\s*<mod-name>/.source.replace(/<mod-name>/g,(function(){return n}))+")"),lookbehind:!0,greedy:!0,inside:{string:/^[<"][\s\S]+/,operator:/:/,punctuation:/\./}},"raw-string":{pattern:/R"([^()\\ ]{0,16})\([\s\S]*?\)\1"/,alias:"string",greedy:!0}}),e.languages.insertBefore("cpp","keyword",{"generic-function":{pattern:/\b(?!operator\b)[a-z_]\w*\s*<(?:[^<>]|<[^<>]*>)*>(?=\s*\()/i,inside:{function:/^\w+/,generic:{pattern:/<[\s\S]+/,alias:"class-name",inside:e.languages.cpp}}}}),e.languages.insertBefore("cpp","operator",{"double-colon":{pattern:/::/,alias:"punctuation"}}),e.languages.insertBefore("cpp","class-name",{"base-clause":{pattern:/(\b(?:class|struct)\s+\w+\s*:\s*)[^;{}"'\s]+(?:\s+[^;{}"'\s]+)*(?=\s*[;{])/,lookbehind:!0,greedy:!0,inside:e.languages.extend("cpp",{})}}),e.languages.insertBefore("inside","double-colon",{"class-name":/\b[a-z_]\w*\b(?!\s*::)/i},e.languages.cpp["base-clause"])}(k),k.languages.python={comment:{pattern:/(^|[^\\])#.*/,lookbehind:!0,greedy:!0},"string-interpolation":{pattern:/(?:f|fr|rf)(?:("""|''')[\s\S]*?\1|("|')(?:\\.|(?!\2)[^\\\r\n])*\2)/i,greedy:!0,inside:{interpolation:{pattern:/((?:^|[^{])(?:\{\{)*)\{(?!\{)(?:[^{}]|\{(?!\{)(?:[^{}]|\{(?!\{)(?:[^{}])+\})+\})+\}/,lookbehind:!0,inside:{"format-spec":{pattern:/(:)[^:(){}]+(?=\}$)/,lookbehind:!0},"conversion-option":{pattern:/![sra](?=[:}]$)/,alias:"punctuation"},rest:null}},string:/[\s\S]+/}},"triple-quoted-string":{pattern:/(?:[rub]|br|rb)?("""|''')[\s\S]*?\1/i,greedy:!0,alias:"string"},string:{pattern:/(?:[rub]|br|rb)?("|')(?:\\.|(?!\1)[^\\\r\n])*\1/i,greedy:!0},function:{pattern:/((?:^|\s)def[ \t]+)[a-zA-Z_]\w*(?=\s*\()/g,lookbehind:!0},"class-name":{pattern:/(\bclass\s+)\w+/i,lookbehind:!0},decorator:{pattern:/(^[\t ]*)@\w+(?:\.\w+)*/m,lookbehind:!0,alias:["annotation","punctuation"],inside:{punctuation:/\./}},keyword:/\b(?:_(?=\s*:)|and|as|assert|async|await|break|case|class|continue|def|del|elif|else|except|exec|finally|for|from|global|if|import|in|is|lambda|match|nonlocal|not|or|pass|print|raise|return|try|while|with|yield)\b/,builtin:/\b(?:__import__|abs|all|any|apply|ascii|basestring|bin|bool|buffer|bytearray|bytes|callable|chr|classmethod|cmp|coerce|compile|complex|delattr|dict|dir|divmod|enumerate|eval|execfile|file|filter|float|format|frozenset|getattr|globals|hasattr|hash|help|hex|id|input|int|intern|isinstance|issubclass|iter|len|list|locals|long|map|max|memoryview|min|next|object|oct|open|ord|pow|property|range|raw_input|reduce|reload|repr|reversed|round|set|setattr|slice|sorted|staticmethod|str|sum|super|tuple|type|unichr|unicode|vars|xrange|zip)\b/,boolean:/\b(?:False|None|True)\b/,number:/\b0(?:b(?:_?[01])+|o(?:_?[0-7])+|x(?:_?[a-f0-9])+)\b|(?:\b\d+(?:_\d+)*(?:\.(?:\d+(?:_\d+)*)?)?|\B\.\d+(?:_\d+)*)(?:e[+-]?\d+(?:_\d+)*)?j?(?!\w)/i,operator:/[-+%=]=?|!=|:=|\*\*?=?|\/\/?=?|<[<=>]?|>[=>]?|[&|^~]/,punctuation:/[{}[\];(),.:]/},k.languages.python["string-interpolation"].inside.interpolation.inside.rest=k.languages.python,k.languages.py=k.languages.python,k.languages.json={property:{pattern:/(^|[^\\])"(?:\\.|[^\\"\r\n])*"(?=\s*:)/,lookbehind:!0,greedy:!0},string:{pattern:/(^|[^\\])"(?:\\.|[^\\"\r\n])*"(?!\s*:)/,lookbehind:!0,greedy:!0},comment:{pattern:/\/\/.*|\/\*[\s\S]*?(?:\*\/|$)/,greedy:!0},number:/-?\b\d+(?:\.\d+)?(?:e[+-]?\d+)?\b/i,punctuation:/[{}[\],]/,operator:/:/,boolean:/\b(?:false|true)\b/,null:{pattern:/\bnull\b/,alias:"keyword"}},k.languages.webmanifest=k.languages.json;((e,t)=>{for(var n in t)l(e,n,{get:t[n],enumerable:!0})})({},{dracula:()=>S,duotoneDark:()=>x,duotoneLight:()=>E,github:()=>_,gruvboxMaterialDark:()=>q,gruvboxMaterialLight:()=>$,jettwaveDark:()=>F,jettwaveLight:()=>z,nightOwl:()=>C,nightOwlLight:()=>j,oceanicNext:()=>T,okaidia:()=>P,oneDark:()=>B,oneLight:()=>U,palenight:()=>L,shadesOfPurple:()=>I,synthwave84:()=>N,ultramin:()=>R,vsDark:()=>D,vsLight:()=>M});var S={plain:{color:"#F8F8F2",backgroundColor:"#282A36"},styles:[{types:["prolog","constant","builtin"],style:{color:"rgb(189, 147, 249)"}},{types:["inserted","function"],style:{color:"rgb(80, 250, 123)"}},{types:["deleted"],style:{color:"rgb(255, 85, 85)"}},{types:["changed"],style:{color:"rgb(255, 184, 108)"}},{types:["punctuation","symbol"],style:{color:"rgb(248, 248, 242)"}},{types:["string","char","tag","selector"],style:{color:"rgb(255, 121, 198)"}},{types:["keyword","variable"],style:{color:"rgb(189, 147, 249)",fontStyle:"italic"}},{types:["comment"],style:{color:"rgb(98, 114, 164)"}},{types:["attr-name"],style:{color:"rgb(241, 250, 140)"}}]},x={plain:{backgroundColor:"#2a2734",color:"#9a86fd"},styles:[{types:["comment","prolog","doctype","cdata","punctuation"],style:{color:"#6c6783"}},{types:["namespace"],style:{opacity:.7}},{types:["tag","operator","number"],style:{color:"#e09142"}},{types:["property","function"],style:{color:"#9a86fd"}},{types:["tag-id","selector","atrule-id"],style:{color:"#eeebff"}},{types:["attr-name"],style:{color:"#c4b9fe"}},{types:["boolean","string","entity","url","attr-value","keyword","control","directive","unit","statement","regex","atrule","placeholder","variable"],style:{color:"#ffcc99"}},{types:["deleted"],style:{textDecorationLine:"line-through"}},{types:["inserted"],style:{textDecorationLine:"underline"}},{types:["italic"],style:{fontStyle:"italic"}},{types:["important","bold"],style:{fontWeight:"bold"}},{types:["important"],style:{color:"#c4b9fe"}}]},E={plain:{backgroundColor:"#faf8f5",color:"#728fcb"},styles:[{types:["comment","prolog","doctype","cdata","punctuation"],style:{color:"#b6ad9a"}},{types:["namespace"],style:{opacity:.7}},{types:["tag","operator","number"],style:{color:"#063289"}},{types:["property","function"],style:{color:"#b29762"}},{types:["tag-id","selector","atrule-id"],style:{color:"#2d2006"}},{types:["attr-name"],style:{color:"#896724"}},{types:["boolean","string","entity","url","attr-value","keyword","control","directive","unit","statement","regex","atrule"],style:{color:"#728fcb"}},{types:["placeholder","variable"],style:{color:"#93abdc"}},{types:["deleted"],style:{textDecorationLine:"line-through"}},{types:["inserted"],style:{textDecorationLine:"underline"}},{types:["italic"],style:{fontStyle:"italic"}},{types:["important","bold"],style:{fontWeight:"bold"}},{types:["important"],style:{color:"#896724"}}]},_={plain:{color:"#393A34",backgroundColor:"#f6f8fa"},styles:[{types:["comment","prolog","doctype","cdata"],style:{color:"#999988",fontStyle:"italic"}},{types:["namespace"],style:{opacity:.7}},{types:["string","attr-value"],style:{color:"#e3116c"}},{types:["punctuation","operator"],style:{color:"#393A34"}},{types:["entity","url","symbol","number","boolean","variable","constant","property","regex","inserted"],style:{color:"#36acaa"}},{types:["atrule","keyword","attr-name","selector"],style:{color:"#00a4db"}},{types:["function","deleted","tag"],style:{color:"#d73a49"}},{types:["function-variable"],style:{color:"#6f42c1"}},{types:["tag","selector","keyword"],style:{color:"#00009f"}}]},C={plain:{color:"#d6deeb",backgroundColor:"#011627"},styles:[{types:["changed"],style:{color:"rgb(162, 191, 252)",fontStyle:"italic"}},{types:["deleted"],style:{color:"rgba(239, 83, 80, 0.56)",fontStyle:"italic"}},{types:["inserted","attr-name"],style:{color:"rgb(173, 219, 103)",fontStyle:"italic"}},{types:["comment"],style:{color:"rgb(99, 119, 119)",fontStyle:"italic"}},{types:["string","url"],style:{color:"rgb(173, 219, 103)"}},{types:["variable"],style:{color:"rgb(214, 222, 235)"}},{types:["number"],style:{color:"rgb(247, 140, 108)"}},{types:["builtin","char","constant","function"],style:{color:"rgb(130, 170, 255)"}},{types:["punctuation"],style:{color:"rgb(199, 146, 234)"}},{types:["selector","doctype"],style:{color:"rgb(199, 146, 234)",fontStyle:"italic"}},{types:["class-name"],style:{color:"rgb(255, 203, 139)"}},{types:["tag","operator","keyword"],style:{color:"rgb(127, 219, 202)"}},{types:["boolean"],style:{color:"rgb(255, 88, 116)"}},{types:["property"],style:{color:"rgb(128, 203, 196)"}},{types:["namespace"],style:{color:"rgb(178, 204, 214)"}}]},j={plain:{color:"#403f53",backgroundColor:"#FBFBFB"},styles:[{types:["changed"],style:{color:"rgb(162, 191, 252)",fontStyle:"italic"}},{types:["deleted"],style:{color:"rgba(239, 83, 80, 0.56)",fontStyle:"italic"}},{types:["inserted","attr-name"],style:{color:"rgb(72, 118, 214)",fontStyle:"italic"}},{types:["comment"],style:{color:"rgb(152, 159, 177)",fontStyle:"italic"}},{types:["string","builtin","char","constant","url"],style:{color:"rgb(72, 118, 214)"}},{types:["variable"],style:{color:"rgb(201, 103, 101)"}},{types:["number"],style:{color:"rgb(170, 9, 130)"}},{types:["punctuation"],style:{color:"rgb(153, 76, 195)"}},{types:["function","selector","doctype"],style:{color:"rgb(153, 76, 195)",fontStyle:"italic"}},{types:["class-name"],style:{color:"rgb(17, 17, 17)"}},{types:["tag"],style:{color:"rgb(153, 76, 195)"}},{types:["operator","property","keyword","namespace"],style:{color:"rgb(12, 150, 155)"}},{types:["boolean"],style:{color:"rgb(188, 84, 84)"}}]},O="#c5a5c5",A="#8dc891",T={plain:{backgroundColor:"#282c34",color:"#ffffff"},styles:[{types:["attr-name"],style:{color:O}},{types:["attr-value"],style:{color:A}},{types:["comment","block-comment","prolog","doctype","cdata","shebang"],style:{color:"#999999"}},{types:["property","number","function-name","constant","symbol","deleted"],style:{color:"#5a9bcf"}},{types:["boolean"],style:{color:"#ff8b50"}},{types:["tag"],style:{color:"#fc929e"}},{types:["string"],style:{color:A}},{types:["punctuation"],style:{color:A}},{types:["selector","char","builtin","inserted"],style:{color:"#D8DEE9"}},{types:["function"],style:{color:"#79b6f2"}},{types:["operator","entity","url","variable"],style:{color:"#d7deea"}},{types:["keyword"],style:{color:O}},{types:["atrule","class-name"],style:{color:"#FAC863"}},{types:["important"],style:{fontWeight:"400"}},{types:["bold"],style:{fontWeight:"bold"}},{types:["italic"],style:{fontStyle:"italic"}},{types:["namespace"],style:{opacity:.7}}]},P={plain:{color:"#f8f8f2",backgroundColor:"#272822"},styles:[{types:["changed"],style:{color:"rgb(162, 191, 252)",fontStyle:"italic"}},{types:["deleted"],style:{color:"#f92672",fontStyle:"italic"}},{types:["inserted"],style:{color:"rgb(173, 219, 103)",fontStyle:"italic"}},{types:["comment"],style:{color:"#8292a2",fontStyle:"italic"}},{types:["string","url"],style:{color:"#a6e22e"}},{types:["variable"],style:{color:"#f8f8f2"}},{types:["number"],style:{color:"#ae81ff"}},{types:["builtin","char","constant","function","class-name"],style:{color:"#e6db74"}},{types:["punctuation"],style:{color:"#f8f8f2"}},{types:["selector","doctype"],style:{color:"#a6e22e",fontStyle:"italic"}},{types:["tag","operator","keyword"],style:{color:"#66d9ef"}},{types:["boolean"],style:{color:"#ae81ff"}},{types:["namespace"],style:{color:"rgb(178, 204, 214)",opacity:.7}},{types:["tag","property"],style:{color:"#f92672"}},{types:["attr-name"],style:{color:"#a6e22e !important"}},{types:["doctype"],style:{color:"#8292a2"}},{types:["rule"],style:{color:"#e6db74"}}]},L={plain:{color:"#bfc7d5",backgroundColor:"#292d3e"},styles:[{types:["comment"],style:{color:"rgb(105, 112, 152)",fontStyle:"italic"}},{types:["string","inserted"],style:{color:"rgb(195, 232, 141)"}},{types:["number"],style:{color:"rgb(247, 140, 108)"}},{types:["builtin","char","constant","function"],style:{color:"rgb(130, 170, 255)"}},{types:["punctuation","selector"],style:{color:"rgb(199, 146, 234)"}},{types:["variable"],style:{color:"rgb(191, 199, 213)"}},{types:["class-name","attr-name"],style:{color:"rgb(255, 203, 107)"}},{types:["tag","deleted"],style:{color:"rgb(255, 85, 114)"}},{types:["operator"],style:{color:"rgb(137, 221, 255)"}},{types:["boolean"],style:{color:"rgb(255, 88, 116)"}},{types:["keyword"],style:{fontStyle:"italic"}},{types:["doctype"],style:{color:"rgb(199, 146, 234)",fontStyle:"italic"}},{types:["namespace"],style:{color:"rgb(178, 204, 214)"}},{types:["url"],style:{color:"rgb(221, 221, 221)"}}]},I={plain:{color:"#9EFEFF",backgroundColor:"#2D2A55"},styles:[{types:["changed"],style:{color:"rgb(255, 238, 128)"}},{types:["deleted"],style:{color:"rgba(239, 83, 80, 0.56)"}},{types:["inserted"],style:{color:"rgb(173, 219, 103)"}},{types:["comment"],style:{color:"rgb(179, 98, 255)",fontStyle:"italic"}},{types:["punctuation"],style:{color:"rgb(255, 255, 255)"}},{types:["constant"],style:{color:"rgb(255, 98, 140)"}},{types:["string","url"],style:{color:"rgb(165, 255, 144)"}},{types:["variable"],style:{color:"rgb(255, 238, 128)"}},{types:["number","boolean"],style:{color:"rgb(255, 98, 140)"}},{types:["attr-name"],style:{color:"rgb(255, 180, 84)"}},{types:["keyword","operator","property","namespace","tag","selector","doctype"],style:{color:"rgb(255, 157, 0)"}},{types:["builtin","char","constant","function","class-name"],style:{color:"rgb(250, 208, 0)"}}]},N={plain:{backgroundColor:"linear-gradient(to bottom, #2a2139 75%, #34294f)",backgroundImage:"#34294f",color:"#f92aad",textShadow:"0 0 2px #100c0f, 0 0 5px #dc078e33, 0 0 10px #fff3"},styles:[{types:["comment","block-comment","prolog","doctype","cdata"],style:{color:"#495495",fontStyle:"italic"}},{types:["punctuation"],style:{color:"#ccc"}},{types:["tag","attr-name","namespace","number","unit","hexcode","deleted"],style:{color:"#e2777a"}},{types:["property","selector"],style:{color:"#72f1b8",textShadow:"0 0 2px #100c0f, 0 0 10px #257c5575, 0 0 35px #21272475"}},{types:["function-name"],style:{color:"#6196cc"}},{types:["boolean","selector-id","function"],style:{color:"#fdfdfd",textShadow:"0 0 2px #001716, 0 0 3px #03edf975, 0 0 5px #03edf975, 0 0 8px #03edf975"}},{types:["class-name","maybe-class-name","builtin"],style:{color:"#fff5f6",textShadow:"0 0 2px #000, 0 0 10px #fc1f2c75, 0 0 5px #fc1f2c75, 0 0 25px #fc1f2c75"}},{types:["constant","symbol"],style:{color:"#f92aad",textShadow:"0 0 2px #100c0f, 0 0 5px #dc078e33, 0 0 10px #fff3"}},{types:["important","atrule","keyword","selector-class"],style:{color:"#f4eee4",textShadow:"0 0 2px #393a33, 0 0 8px #f39f0575, 0 0 2px #f39f0575"}},{types:["string","char","attr-value","regex","variable"],style:{color:"#f87c32"}},{types:["parameter"],style:{fontStyle:"italic"}},{types:["entity","url"],style:{color:"#67cdcc"}},{types:["operator"],style:{color:"ffffffee"}},{types:["important","bold"],style:{fontWeight:"bold"}},{types:["italic"],style:{fontStyle:"italic"}},{types:["entity"],style:{cursor:"help"}},{types:["inserted"],style:{color:"green"}}]},R={plain:{color:"#282a2e",backgroundColor:"#ffffff"},styles:[{types:["comment"],style:{color:"rgb(197, 200, 198)"}},{types:["string","number","builtin","variable"],style:{color:"rgb(150, 152, 150)"}},{types:["class-name","function","tag","attr-name"],style:{color:"rgb(40, 42, 46)"}}]},D={plain:{color:"#9CDCFE",backgroundColor:"#1E1E1E"},styles:[{types:["prolog"],style:{color:"rgb(0, 0, 128)"}},{types:["comment"],style:{color:"rgb(106, 153, 85)"}},{types:["builtin","changed","keyword","interpolation-punctuation"],style:{color:"rgb(86, 156, 214)"}},{types:["number","inserted"],style:{color:"rgb(181, 206, 168)"}},{types:["constant"],style:{color:"rgb(100, 102, 149)"}},{types:["attr-name","variable"],style:{color:"rgb(156, 220, 254)"}},{types:["deleted","string","attr-value","template-punctuation"],style:{color:"rgb(206, 145, 120)"}},{types:["selector"],style:{color:"rgb(215, 186, 125)"}},{types:["tag"],style:{color:"rgb(78, 201, 176)"}},{types:["tag"],languages:["markup"],style:{color:"rgb(86, 156, 214)"}},{types:["punctuation","operator"],style:{color:"rgb(212, 212, 212)"}},{types:["punctuation"],languages:["markup"],style:{color:"#808080"}},{types:["function"],style:{color:"rgb(220, 220, 170)"}},{types:["class-name"],style:{color:"rgb(78, 201, 176)"}},{types:["char"],style:{color:"rgb(209, 105, 105)"}}]},M={plain:{color:"#000000",backgroundColor:"#ffffff"},styles:[{types:["comment"],style:{color:"rgb(0, 128, 0)"}},{types:["builtin"],style:{color:"rgb(0, 112, 193)"}},{types:["number","variable","inserted"],style:{color:"rgb(9, 134, 88)"}},{types:["operator"],style:{color:"rgb(0, 0, 0)"}},{types:["constant","char"],style:{color:"rgb(129, 31, 63)"}},{types:["tag"],style:{color:"rgb(128, 0, 0)"}},{types:["attr-name"],style:{color:"rgb(255, 0, 0)"}},{types:["deleted","string"],style:{color:"rgb(163, 21, 21)"}},{types:["changed","punctuation"],style:{color:"rgb(4, 81, 165)"}},{types:["function","keyword"],style:{color:"rgb(0, 0, 255)"}},{types:["class-name"],style:{color:"rgb(38, 127, 153)"}}]},F={plain:{color:"#f8fafc",backgroundColor:"#011627"},styles:[{types:["prolog"],style:{color:"#000080"}},{types:["comment"],style:{color:"#6A9955"}},{types:["builtin","changed","keyword","interpolation-punctuation"],style:{color:"#569CD6"}},{types:["number","inserted"],style:{color:"#B5CEA8"}},{types:["constant"],style:{color:"#f8fafc"}},{types:["attr-name","variable"],style:{color:"#9CDCFE"}},{types:["deleted","string","attr-value","template-punctuation"],style:{color:"#cbd5e1"}},{types:["selector"],style:{color:"#D7BA7D"}},{types:["tag"],style:{color:"#0ea5e9"}},{types:["tag"],languages:["markup"],style:{color:"#0ea5e9"}},{types:["punctuation","operator"],style:{color:"#D4D4D4"}},{types:["punctuation"],languages:["markup"],style:{color:"#808080"}},{types:["function"],style:{color:"#7dd3fc"}},{types:["class-name"],style:{color:"#0ea5e9"}},{types:["char"],style:{color:"#D16969"}}]},z={plain:{color:"#0f172a",backgroundColor:"#f1f5f9"},styles:[{types:["prolog"],style:{color:"#000080"}},{types:["comment"],style:{color:"#6A9955"}},{types:["builtin","changed","keyword","interpolation-punctuation"],style:{color:"#0c4a6e"}},{types:["number","inserted"],style:{color:"#B5CEA8"}},{types:["constant"],style:{color:"#0f172a"}},{types:["attr-name","variable"],style:{color:"#0c4a6e"}},{types:["deleted","string","attr-value","template-punctuation"],style:{color:"#64748b"}},{types:["selector"],style:{color:"#D7BA7D"}},{types:["tag"],style:{color:"#0ea5e9"}},{types:["tag"],languages:["markup"],style:{color:"#0ea5e9"}},{types:["punctuation","operator"],style:{color:"#475569"}},{types:["punctuation"],languages:["markup"],style:{color:"#808080"}},{types:["function"],style:{color:"#0e7490"}},{types:["class-name"],style:{color:"#0ea5e9"}},{types:["char"],style:{color:"#D16969"}}]},B={plain:{backgroundColor:"hsl(220, 13%, 18%)",color:"hsl(220, 14%, 71%)",textShadow:"0 1px rgba(0, 0, 0, 0.3)"},styles:[{types:["comment","prolog","cdata"],style:{color:"hsl(220, 10%, 40%)"}},{types:["doctype","punctuation","entity"],style:{color:"hsl(220, 14%, 71%)"}},{types:["attr-name","class-name","maybe-class-name","boolean","constant","number","atrule"],style:{color:"hsl(29, 54%, 61%)"}},{types:["keyword"],style:{color:"hsl(286, 60%, 67%)"}},{types:["property","tag","symbol","deleted","important"],style:{color:"hsl(355, 65%, 65%)"}},{types:["selector","string","char","builtin","inserted","regex","attr-value"],style:{color:"hsl(95, 38%, 62%)"}},{types:["variable","operator","function"],style:{color:"hsl(207, 82%, 66%)"}},{types:["url"],style:{color:"hsl(187, 47%, 55%)"}},{types:["deleted"],style:{textDecorationLine:"line-through"}},{types:["inserted"],style:{textDecorationLine:"underline"}},{types:["italic"],style:{fontStyle:"italic"}},{types:["important","bold"],style:{fontWeight:"bold"}},{types:["important"],style:{color:"hsl(220, 14%, 71%)"}}]},U={plain:{backgroundColor:"hsl(230, 1%, 98%)",color:"hsl(230, 8%, 24%)"},styles:[{types:["comment","prolog","cdata"],style:{color:"hsl(230, 4%, 64%)"}},{types:["doctype","punctuation","entity"],style:{color:"hsl(230, 8%, 24%)"}},{types:["attr-name","class-name","boolean","constant","number","atrule"],style:{color:"hsl(35, 99%, 36%)"}},{types:["keyword"],style:{color:"hsl(301, 63%, 40%)"}},{types:["property","tag","symbol","deleted","important"],style:{color:"hsl(5, 74%, 59%)"}},{types:["selector","string","char","builtin","inserted","regex","attr-value","punctuation"],style:{color:"hsl(119, 34%, 47%)"}},{types:["variable","operator","function"],style:{color:"hsl(221, 87%, 60%)"}},{types:["url"],style:{color:"hsl(198, 99%, 37%)"}},{types:["deleted"],style:{textDecorationLine:"line-through"}},{types:["inserted"],style:{textDecorationLine:"underline"}},{types:["italic"],style:{fontStyle:"italic"}},{types:["important","bold"],style:{fontWeight:"bold"}},{types:["important"],style:{color:"hsl(230, 8%, 24%)"}}]},q={plain:{color:"#ebdbb2",backgroundColor:"#292828"},styles:[{types:["imports","class-name","maybe-class-name","constant","doctype","builtin","function"],style:{color:"#d8a657"}},{types:["property-access"],style:{color:"#7daea3"}},{types:["tag"],style:{color:"#e78a4e"}},{types:["attr-name","char","url","regex"],style:{color:"#a9b665"}},{types:["attr-value","string"],style:{color:"#89b482"}},{types:["comment","prolog","cdata","operator","inserted"],style:{color:"#a89984"}},{types:["delimiter","boolean","keyword","selector","important","atrule","property","variable","deleted"],style:{color:"#ea6962"}},{types:["entity","number","symbol"],style:{color:"#d3869b"}}]},$={plain:{color:"#654735",backgroundColor:"#f9f5d7"},styles:[{types:["delimiter","boolean","keyword","selector","important","atrule","property","variable","deleted"],style:{color:"#af2528"}},{types:["imports","class-name","maybe-class-name","constant","doctype","builtin"],style:{color:"#b4730e"}},{types:["string","attr-value"],style:{color:"#477a5b"}},{types:["property-access"],style:{color:"#266b79"}},{types:["function","attr-name","char","url"],style:{color:"#72761e"}},{types:["tag"],style:{color:"#b94c07"}},{types:["comment","prolog","cdata","operator","inserted"],style:{color:"#a89984"}},{types:["entity","number","symbol"],style:{color:"#924f79"}}]},H=(e,t)=>{const{plain:n}=e,r=e.styles.reduce(((e,n)=>{const{languages:r,style:o}=n;return r&&!r.includes(t)||n.types.forEach((t=>{const n=y(y({},e[t]),o);e[t]=n})),e}),{});return r.root=n,r.plain=v(y({},n),{backgroundColor:void 0}),r},V=/\r\n|\r|\n/,G=e=>{0===e.length?e.push({types:["plain"],content:"\n",empty:!0}):1===e.length&&""===e[0].content&&(e[0].content="\n",e[0].empty=!0)},W=(e,t)=>{const n=e.length;return n>0&&e[n-1]===t?e:e.concat(t)},K=e=>{const t=[[]],n=[e],r=[0],o=[e.length];let a=0,i=0,s=[];const l=[s];for(;i>-1;){for(;(a=r[i]++)<o[i];){let e,c=t[i];const u=n[i][a];if("string"==typeof u?(c=i>0?c:["plain"],e=u):(c=W(c,u.type),u.alias&&(c=W(c,u.alias)),e=u.content),"string"!=typeof e){i++,t.push(c),n.push(e),r.push(0),o.push(e.length);continue}const d=e.split(V),p=d.length;s.push({types:c,content:d[0]});for(let t=1;t<p;t++)G(s),l.push(s=[]),s.push({types:c,content:d[t]})}i--,t.pop(),n.pop(),r.pop(),o.pop()}return G(s),l},Q=({children:e,language:t,code:n,theme:r,prism:o})=>{const s=t.toLowerCase(),l=((e,t)=>{const[n,r]=(0,a.useState)(H(t,e)),o=(0,a.useRef)(),i=(0,a.useRef)();return(0,a.useEffect)((()=>{t===o.current&&e===i.current||(o.current=t,i.current=e,r(H(t,e)))}),[e,t]),n})(s,r),c=(e=>(0,a.useCallback)((t=>{var n=t,{className:r,style:o,line:a}=n,s=w(n,["className","style","line"]);const l=v(y({},s),{className:(0,i.A)("token-line",r)});return"object"==typeof e&&"plain"in e&&(l.style=e.plain),"object"==typeof o&&(l.style=y(y({},l.style||{}),o)),l}),[e]))(l),u=(e=>{const t=(0,a.useCallback)((({types:t,empty:n})=>{if(null!=e)return 1===t.length&&"plain"===t[0]?null!=n?{display:"inline-block"}:void 0:1===t.length&&null!=n?e[t[0]]:Object.assign(null!=n?{display:"inline-block"}:{},...t.map((t=>e[t])))}),[e]);return(0,a.useCallback)((e=>{var n=e,{token:r,className:o,style:a}=n,s=w(n,["token","className","style"]);const l=v(y({},s),{className:(0,i.A)("token",...r.types,o),children:r.content,style:t(r)});return null!=a&&(l.style=y(y({},l.style||{}),a)),l}),[t])})(l),d=(({prism:e,code:t,grammar:n,language:r})=>{const o=(0,a.useRef)(e);return(0,a.useMemo)((()=>{if(null==n)return K([t]);const e={code:t,grammar:n,language:r,tokens:[]};return o.current.hooks.run("before-tokenize",e),e.tokens=o.current.tokenize(t,n),o.current.hooks.run("after-tokenize",e),K(e.tokens)}),[t,n,r])})({prism:o,language:s,code:n,grammar:o.languages[s]});return e({tokens:d,className:`prism-code language-${s}`,style:null!=l?l.root:{},getLineProps:c,getTokenProps:u})},Y=e=>(0,a.createElement)(Q,v(y({},e),{prism:e.prism||k,theme:e.theme||D,code:e.code,language:e.language}))},5385:(e,t,n)=>{"use strict";n.d(t,{A:()=>a});var r=!0,o="Invariant failed";function a(e,t){if(!e){if(r)throw new Error(o);var n="function"==typeof t?t():t,a=n?"".concat(o,": ").concat(n):o;throw new Error(a)}}},3422:(e,t,n)=>{"use strict";n.r(t),n.d(t,{__addDisposableResource:()=>N,__assign:()=>a,__asyncDelegator:()=>_,__asyncGenerator:()=>E,__asyncValues:()=>C,__await:()=>x,__awaiter:()=>m,__classPrivateFieldGet:()=>P,__classPrivateFieldIn:()=>I,__classPrivateFieldSet:()=>L,__createBinding:()=>g,__decorate:()=>s,__disposeResources:()=>D,__esDecorate:()=>c,__exportStar:()=>b,__extends:()=>o,__generator:()=>h,__importDefault:()=>T,__importStar:()=>A,__makeTemplateObject:()=>j,__metadata:()=>f,__param:()=>l,__propKey:()=>d,__read:()=>v,__rest:()=>i,__runInitializers:()=>u,__setFunctionName:()=>p,__spread:()=>w,__spreadArray:()=>S,__spreadArrays:()=>k,__values:()=>y,default:()=>M});var r=function(e,t){return r=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])},r(e,t)};function o(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");function n(){this.constructor=e}r(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)}var a=function(){return a=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var o in t=arguments[n])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e},a.apply(this,arguments)};function i(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&Object.prototype.propertyIsEnumerable.call(e,r[o])&&(n[r[o]]=e[r[o]])}return n}function s(e,t,n,r){var o,a=arguments.length,i=a<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,n):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(e,t,n,r);else for(var s=e.length-1;s>=0;s--)(o=e[s])&&(i=(a<3?o(i):a>3?o(t,n,i):o(t,n))||i);return a>3&&i&&Object.defineProperty(t,n,i),i}function l(e,t){return function(n,r){t(n,r,e)}}function c(e,t,n,r,o,a){function i(e){if(void 0!==e&&"function"!=typeof e)throw new TypeError("Function expected");return e}for(var s,l=r.kind,c="getter"===l?"get":"setter"===l?"set":"value",u=!t&&e?r.static?e:e.prototype:null,d=t||(u?Object.getOwnPropertyDescriptor(u,r.name):{}),p=!1,f=n.length-1;f>=0;f--){var m={};for(var h in r)m[h]="access"===h?{}:r[h];for(var h in r.access)m.access[h]=r.access[h];m.addInitializer=function(e){if(p)throw new TypeError("Cannot add initializers after decoration has completed");a.push(i(e||null))};var g=(0,n[f])("accessor"===l?{get:d.get,set:d.set}:d[c],m);if("accessor"===l){if(void 0===g)continue;if(null===g||"object"!=typeof g)throw new TypeError("Object expected");(s=i(g.get))&&(d.get=s),(s=i(g.set))&&(d.set=s),(s=i(g.init))&&o.unshift(s)}else(s=i(g))&&("field"===l?o.unshift(s):d[c]=s)}u&&Object.defineProperty(u,r.name,d),p=!0}function u(e,t,n){for(var r=arguments.length>2,o=0;o<t.length;o++)n=r?t[o].call(e,n):t[o].call(e);return r?n:void 0}function d(e){return"symbol"==typeof e?e:"".concat(e)}function p(e,t,n){return"symbol"==typeof t&&(t=t.description?"[".concat(t.description,"]"):""),Object.defineProperty(e,"name",{configurable:!0,value:n?"".concat(n," ",t):t})}function f(e,t){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(e,t)}function m(e,t,n,r){return new(n||(n=Promise))((function(o,a){function i(e){try{l(r.next(e))}catch(t){a(t)}}function s(e){try{l(r.throw(e))}catch(t){a(t)}}function l(e){var t;e.done?o(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(i,s)}l((r=r.apply(e,t||[])).next())}))}function h(e,t){var n,r,o,a,i={label:0,sent:function(){if(1&o[0])throw o[1];return o[1]},trys:[],ops:[]};return a={next:s(0),throw:s(1),return:s(2)},"function"==typeof Symbol&&(a[Symbol.iterator]=function(){return this}),a;function s(s){return function(l){return function(s){if(n)throw new TypeError("Generator is already executing.");for(;a&&(a=0,s[0]&&(i=0)),i;)try{if(n=1,r&&(o=2&s[0]?r.return:s[0]?r.throw||((o=r.return)&&o.call(r),0):r.next)&&!(o=o.call(r,s[1])).done)return o;switch(r=0,o&&(s=[2&s[0],o.value]),s[0]){case 0:case 1:o=s;break;case 4:return i.label++,{value:s[1],done:!1};case 5:i.label++,r=s[1],s=[0];continue;case 7:s=i.ops.pop(),i.trys.pop();continue;default:if(!(o=i.trys,(o=o.length>0&&o[o.length-1])||6!==s[0]&&2!==s[0])){i=0;continue}if(3===s[0]&&(!o||s[1]>o[0]&&s[1]<o[3])){i.label=s[1];break}if(6===s[0]&&i.label<o[1]){i.label=o[1],o=s;break}if(o&&i.label<o[2]){i.label=o[2],i.ops.push(s);break}o[2]&&i.ops.pop(),i.trys.pop();continue}s=t.call(e,i)}catch(l){s=[6,l],r=0}finally{n=o=0}if(5&s[0])throw s[1];return{value:s[0]?s[1]:void 0,done:!0}}([s,l])}}}var g=Object.create?function(e,t,n,r){void 0===r&&(r=n);var o=Object.getOwnPropertyDescriptor(t,n);o&&!("get"in o?!t.__esModule:o.writable||o.configurable)||(o={enumerable:!0,get:function(){return t[n]}}),Object.defineProperty(e,r,o)}:function(e,t,n,r){void 0===r&&(r=n),e[r]=t[n]};function b(e,t){for(var n in e)"default"===n||Object.prototype.hasOwnProperty.call(t,n)||g(t,e,n)}function y(e){var t="function"==typeof Symbol&&Symbol.iterator,n=t&&e[t],r=0;if(n)return n.call(e);if(e&&"number"==typeof e.length)return{next:function(){return e&&r>=e.length&&(e=void 0),{value:e&&e[r++],done:!e}}};throw new TypeError(t?"Object is not iterable.":"Symbol.iterator is not defined.")}function v(e,t){var n="function"==typeof Symbol&&e[Symbol.iterator];if(!n)return e;var r,o,a=n.call(e),i=[];try{for(;(void 0===t||t-- >0)&&!(r=a.next()).done;)i.push(r.value)}catch(s){o={error:s}}finally{try{r&&!r.done&&(n=a.return)&&n.call(a)}finally{if(o)throw o.error}}return i}function w(){for(var e=[],t=0;t<arguments.length;t++)e=e.concat(v(arguments[t]));return e}function k(){for(var e=0,t=0,n=arguments.length;t<n;t++)e+=arguments[t].length;var r=Array(e),o=0;for(t=0;t<n;t++)for(var a=arguments[t],i=0,s=a.length;i<s;i++,o++)r[o]=a[i];return r}function S(e,t,n){if(n||2===arguments.length)for(var r,o=0,a=t.length;o<a;o++)!r&&o in t||(r||(r=Array.prototype.slice.call(t,0,o)),r[o]=t[o]);return e.concat(r||Array.prototype.slice.call(t))}function x(e){return this instanceof x?(this.v=e,this):new x(e)}function E(e,t,n){if(!Symbol.asyncIterator)throw new TypeError("Symbol.asyncIterator is not defined.");var r,o=n.apply(e,t||[]),a=[];return r={},i("next"),i("throw"),i("return",(function(e){return function(t){return Promise.resolve(t).then(e,c)}})),r[Symbol.asyncIterator]=function(){return this},r;function i(e,t){o[e]&&(r[e]=function(t){return new Promise((function(n,r){a.push([e,t,n,r])>1||s(e,t)}))},t&&(r[e]=t(r[e])))}function s(e,t){try{(n=o[e](t)).value instanceof x?Promise.resolve(n.value.v).then(l,c):u(a[0][2],n)}catch(r){u(a[0][3],r)}var n}function l(e){s("next",e)}function c(e){s("throw",e)}function u(e,t){e(t),a.shift(),a.length&&s(a[0][0],a[0][1])}}function _(e){var t,n;return t={},r("next"),r("throw",(function(e){throw e})),r("return"),t[Symbol.iterator]=function(){return this},t;function r(r,o){t[r]=e[r]?function(t){return(n=!n)?{value:x(e[r](t)),done:!1}:o?o(t):t}:o}}function C(e){if(!Symbol.asyncIterator)throw new TypeError("Symbol.asyncIterator is not defined.");var t,n=e[Symbol.asyncIterator];return n?n.call(e):(e=y(e),t={},r("next"),r("throw"),r("return"),t[Symbol.asyncIterator]=function(){return this},t);function r(n){t[n]=e[n]&&function(t){return new Promise((function(r,o){(function(e,t,n,r){Promise.resolve(r).then((function(t){e({value:t,done:n})}),t)})(r,o,(t=e[n](t)).done,t.value)}))}}}function j(e,t){return Object.defineProperty?Object.defineProperty(e,"raw",{value:t}):e.raw=t,e}var O=Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t};function A(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var n in e)"default"!==n&&Object.prototype.hasOwnProperty.call(e,n)&&g(t,e,n);return O(t,e),t}function T(e){return e&&e.__esModule?e:{default:e}}function P(e,t,n,r){if("a"===n&&!r)throw new TypeError("Private accessor was defined without a getter");if("function"==typeof t?e!==t||!r:!t.has(e))throw new TypeError("Cannot read private member from an object whose class did not declare it");return"m"===n?r:"a"===n?r.call(e):r?r.value:t.get(e)}function L(e,t,n,r,o){if("m"===r)throw new TypeError("Private method is not writable");if("a"===r&&!o)throw new TypeError("Private accessor was defined without a setter");if("function"==typeof t?e!==t||!o:!t.has(e))throw new TypeError("Cannot write private member to an object whose class did not declare it");return"a"===r?o.call(e,n):o?o.value=n:t.set(e,n),n}function I(e,t){if(null===t||"object"!=typeof t&&"function"!=typeof t)throw new TypeError("Cannot use 'in' operator on non-object");return"function"==typeof e?t===e:e.has(t)}function N(e,t,n){if(null!=t){if("object"!=typeof t&&"function"!=typeof t)throw new TypeError("Object expected.");var r,o;if(n){if(!Symbol.asyncDispose)throw new TypeError("Symbol.asyncDispose is not defined.");r=t[Symbol.asyncDispose]}if(void 0===r){if(!Symbol.dispose)throw new TypeError("Symbol.dispose is not defined.");r=t[Symbol.dispose],n&&(o=r)}if("function"!=typeof r)throw new TypeError("Object not disposable.");o&&(r=function(){try{o.call(this)}catch(e){return Promise.reject(e)}}),e.stack.push({value:t,dispose:r,async:n})}else n&&e.stack.push({async:!0});return t}var R="function"==typeof SuppressedError?SuppressedError:function(e,t,n){var r=new Error(n);return r.name="SuppressedError",r.error=e,r.suppressed=t,r};function D(e){function t(t){e.error=e.hasError?new R(t,e.error,"An error was suppressed during disposal."):t,e.hasError=!0}return function n(){for(;e.stack.length;){var r=e.stack.pop();try{var o=r.dispose&&r.dispose.call(r.value);if(r.async)return Promise.resolve(o).then(n,(function(e){return t(e),n()}))}catch(a){t(a)}}if(e.hasError)throw e.error}()}const M={__extends:o,__assign:a,__rest:i,__decorate:s,__param:l,__metadata:f,__awaiter:m,__generator:h,__createBinding:g,__exportStar:b,__values:y,__read:v,__spread:w,__spreadArrays:k,__spreadArray:S,__await:x,__asyncGenerator:E,__asyncDelegator:_,__asyncValues:C,__makeTemplateObject:j,__importStar:A,__importDefault:T,__classPrivateFieldGet:P,__classPrivateFieldSet:L,__classPrivateFieldIn:I,__addDisposableResource:N,__disposeResources:D}},2654:e=>{"use strict";e.exports=JSON.parse('{"pages.home.features.title":"Features","pages.home.features.logic.title":"Explicit business logic","pages.home.features.logic.description":"Easily discoverable architecture thanks to domain scopes","pages.home.features.adaptability.title":"Adaptability","pages.home.features.adaptability.description":"Architecture components can be flexibly replaced and added for new requirements","pages.home.features.debt.title":"Tech debt & Refactoring","pages.home.features.debt.description":"Each module can be independently modified / rewritten without side effects","pages.home.features.shared.title":"Explicit code reuse","pages.home.features.shared.description":"A balance is maintained between DRY and local customization","pages.home.concepts.title":"Concepts","pages.home.concepts.public.title":"Public API","pages.home.concepts.public.description":"Each module must have a declaration of its public API at the top level","pages.home.concepts.isolation.title":"Isolation","pages.home.concepts.isolation.description":"The module should not depend directly on other modules of the same layer or overlying layers","pages.home.concepts.needs.title":"Needs Driven","pages.home.concepts.needs.description":"Orientation to business and user needs","pages.home.scheme.title":"Scheme","pages.home.companies.using":"Companies using FSD","pages.home.companies.add_me":"FSD is used in your company?","pages.home.companies.tell_us":"Tell us","pages.examples.title":"Examples","pages.examples.subtitle":"List of websites people are building with Feature-Sliced Design","pages.examples.add_me.title":"Add example","pages.examples.repo.title":"Repository","pages.examples.versions":"See also versions list","pages.versions.title":"Feature-Sliced Design versions","pages.versions.current":"The documentation for the currently published version can be found here","pages.versions.legacy":"Documentation for older versions of {of} can be found here ","pages.nav.title":"\ud83e\udded Navigation","pages.nav.legacy.title":"Legacy routes","pages.nav.legacy.details":"After the restructuring of the documentation, some routes were changed. Below you can find the page you may have been looking for.","pages.nav.legacy.subdetails":"But there are redirects from old links for compatibility","features.feedback-badge.label":"Share your feedback about documentation \ud83e\udd19","features.feedback-badge.url":"https://forms.gle/nsYua6bMMG5iBB3v7","features.feedback-doc.button-text":"Feedback","features.feedback-doc.email-placeholder":"Your email (optional)","features.feedback-doc.error-message":"Something went wrong. Please try again later.","features.feedback-doc.modal-title-error-403":"The request URL does not match the one defined in PushFeedback for this project.","features.feedback-doc.modal-title-error-404":"We could not find the provided project id in PushFeedback.","features.feedback-doc.message-placeholder":"Comments","features.feedback-doc.modal-title":"Share your feedback","features.feedback-doc.modal-title-error":"Oops!","features.feedback-doc.modal-title-success":"Thanks for your feedback!","features.feedback-doc.screenshot-button-text":"Take a Screenshot","features.feedback-doc.screenshot-topbar-text":"SELECT AN ELEMENT ON THE PAGE","features.feedback-doc.send-button-text":"Send","features.feedback-doc.rating-placeholder":"Was this page helpful?","features.feedback-doc.rating-stars-placeholder":"How would you rate this page","features.hero.tagline":"Architectural methodology for frontend projects","features.hero.get_started":"Get Started","features.hero.examples":"Examples","features.hero.previous":"Previous version","shared.wip.title":"The article is in the process of writing","shared.wip.subtitle":"To bring the release of the article closer, you can:","shared.wip.var.feedback.base":"\ud83d\udce2 Share your feedback ","shared.wip.var.feedback.link":"at article (comment/emoji-reaction)","shared.wip.var.material.base":"\ud83d\udcac Collect the relevant ","shared.wip.var.material.link":"material on the topic from chat","shared.wip.var.contribute.base":"\u2692\ufe0f Contribute ","shared.wip.var.contribute.link":"in any other way","theme.NotFound.title":"Page Not Found","theme.NotFound.p1":"We could not find what you were looking for.","theme.NotFound.p2":"Please contact the owner of the site that linked you to the original URL and let them know their link is broken.","theme.AnnouncementBar.closeButtonAriaLabel":"Close","theme.blog.paginator.navAriaLabel":"Blog list page navigation","theme.blog.paginator.newerEntries":"Newer Entries","theme.blog.paginator.olderEntries":"Older Entries","theme.blog.post.readingTime.plurals":"One min read|{readingTime} min read","theme.tags.tagsListLabel":"Tags:","theme.blog.post.readMore":"Read More","theme.blog.post.paginator.navAriaLabel":"Blog post page navigation","theme.blog.post.paginator.newerPost":"Newer Post","theme.blog.post.paginator.olderPost":"Older Post","theme.tags.tagsPageTitle":"Tags","theme.blog.post.plurals":"One post|{count} posts","theme.blog.tagTitle":"{nPosts} tagged with \\"{tagName}\\"","theme.tags.tagsPageLink":"View All Tags","theme.CodeBlock.copyButtonAriaLabel":"Copy code to clipboard","theme.CodeBlock.copied":"Copied","theme.CodeBlock.copy":"Copy","theme.docs.sidebar.expandButtonTitle":"Expand sidebar","theme.docs.sidebar.expandButtonAriaLabel":"Expand sidebar","theme.docs.paginator.navAriaLabel":"Docs pages navigation","theme.docs.paginator.previous":"Previous","theme.docs.paginator.next":"Next","theme.docs.sidebar.collapseButtonTitle":"Collapse sidebar","theme.docs.sidebar.collapseButtonAriaLabel":"Collapse sidebar","theme.docs.sidebar.responsiveCloseButtonLabel":"Close menu","theme.docs.sidebar.responsiveOpenButtonLabel":"Open menu","theme.docs.versions.unreleasedVersionLabel":"This is unreleased documentation for {siteTitle} {versionLabel} version.","theme.docs.versions.unmaintainedVersionLabel":"This is documentation for {siteTitle} {versionLabel}, which is no longer actively maintained.","theme.docs.versions.latestVersionSuggestionLabel":"For up-to-date documentation, see the {latestVersionLink} ({versionLabel}).","theme.docs.versions.latestVersionLinkLabel":"latest version","theme.common.editThisPage":"Edit this page","theme.common.headingLinkTitle":"Direct link to heading","theme.lastUpdated.atDate":" on {date}","theme.lastUpdated.byUser":" by {user}","theme.lastUpdated.lastUpdatedAtBy":"Last updated{atDate}{byUser}","theme.common.skipToMainContent":"Skip to main content"}')},4054:e=>{"use strict";e.exports=JSON.parse('{"/kr/blog-708":{"__comp":"a6aa9e1f","__context":{"plugin":"36994c47"},"sidebar":"814f3328","items":[{"content":"25a0b29f"},{"content":"f6bb872e"}],"__props":"cd92b386"},"/kr/blog/archive-0b2":{"__comp":"9e4087bc","__context":{"plugin":"36994c47"},"__props":"4eeeda96"},"/kr/blog/international-community-00f":{"__comp":"ccc49370","__context":{"data":{"blogMetadata":"acecf23e"},"plugin":"36994c47"},"sidebar":"814f3328","content":"f6760343"},"/kr/blog/rebranding-stable-0f7":{"__comp":"ccc49370","__context":{"data":{"blogMetadata":"acecf23e"},"plugin":"36994c47"},"sidebar":"814f3328","content":"1943626f"},"/kr/blog/tags-949":{"__comp":"01a85c17","__context":{"plugin":"36994c47"},"sidebar":"814f3328","__props":"bd1489a6"},"/kr/blog/tags/brand-224":{"__comp":"6875c492","__context":{"plugin":"36994c47"},"sidebar":"814f3328","items":[{"content":"f6bb872e"}],"__props":"9b697d88"},"/kr/blog/tags/community-f6f":{"__comp":"6875c492","__context":{"plugin":"36994c47"},"sidebar":"814f3328","items":[{"content":"25a0b29f"}],"__props":"e898db75"},"/kr/blog/tags/discord-992":{"__comp":"6875c492","__context":{"plugin":"36994c47"},"sidebar":"814f3328","items":[{"content":"25a0b29f"}],"__props":"e747db33"},"/kr/blog/tags/promo-8ab":{"__comp":"6875c492","__context":{"plugin":"36994c47"},"sidebar":"814f3328","items":[{"content":"25a0b29f"},{"content":"f6bb872e"}],"__props":"c36cf2fd"},"/kr/examples-da5":{"__comp":"b4c136e1","__context":{"plugin":"a7456010"},"config":"5e9f5e1a"},"/kr/nav-3ea":{"__comp":"f565db0c","__context":{"plugin":"a7456010"},"config":"5e9f5e1a"},"/kr/search-c8e":{"__comp":"1a4e3797","__context":{"plugin":"c141421f"}},"/kr/versions-895":{"__comp":"90f695cb","__context":{"plugin":"a7456010"},"config":"5e9f5e1a"},"/kr/community-b00":{"__comp":"5e95c892","__context":{"plugin":"e0719818"}},"/kr/community-3af":{"__comp":"a7bd4aaa","__props":"e3c7cc72"},"/kr/community-e5f":{"__comp":"a94703ab"},"/kr/community-8c1":{"__comp":"17896441","content":"a61c55ce"},"/kr/community/team-f6d":{"__comp":"17896441","content":"7313bf7a"},"/kr/docs-81f":{"__comp":"5e95c892","__context":{"plugin":"aba21aa0"}},"/kr/docs-b3e":{"__comp":"a7bd4aaa","__props":"e325b37e"},"/kr/docs-ed8":{"__comp":"a94703ab"},"/kr/docs-f56":{"__comp":"17896441","content":"55fbebd6"},"/kr/docs/about-99b":{"__comp":"17896441","content":"c5666f39"},"/kr/docs/about/alternatives-7b1":{"__comp":"17896441","content":"a386f730"},"/kr/docs/about/mission-29b":{"__comp":"17896441","content":"480f28a3"},"/kr/docs/about/motivation-25b":{"__comp":"17896441","content":"cb388a7b"},"/kr/docs/about/promote/for-company-738":{"__comp":"17896441","content":"c4d0faae"},"/kr/docs/about/promote/for-team-fbe":{"__comp":"17896441","content":"8b5a42c3"},"/kr/docs/about/promote/integration-816":{"__comp":"17896441","content":"6636c8dc"},"/kr/docs/about/promote/partial-application-5b9":{"__comp":"17896441","content":"664a648d"},"/kr/docs/about/understanding/abstractions-b9e":{"__comp":"17896441","content":"e1c0d304"},"/kr/docs/about/understanding/architecture-e4a":{"__comp":"17896441","content":"5187bed2"},"/kr/docs/about/understanding/knowledge-types-366":{"__comp":"17896441","content":"e01c2047"},"/kr/docs/about/understanding/naming-627":{"__comp":"17896441","content":"49161156"},"/kr/docs/about/understanding/needs-driven-7e7":{"__comp":"17896441","content":"2f764a0f"},"/kr/docs/about/understanding/signals-5cc":{"__comp":"17896441","content":"5bd61d3b"},"/kr/docs/branding-f82":{"__comp":"17896441","content":"9f1dcbb0"},"/kr/docs/get-started-9aa":{"__comp":"17896441","content":"7052487b"},"/kr/docs/get-started/cheatsheet-22e":{"__comp":"17896441","content":"0499e362"},"/kr/docs/get-started/faq-8ab":{"__comp":"17896441","content":"ba8bb0f7"},"/kr/docs/get-started/overview-085":{"__comp":"17896441","content":"302360db"},"/kr/docs/get-started/tutorial-cfa":{"__comp":"17896441","content":"857ae1bf"},"/kr/docs/guides-5fe":{"__comp":"17896441","content":"53f8e831"},"/kr/docs/guides/examples-8e8":{"__comp":"17896441","content":"d13cbfb8"},"/kr/docs/guides/examples/auth-042":{"__comp":"17896441","content":"8b93e59a"},"/kr/docs/guides/examples/autocompleted-99d":{"__comp":"17896441","content":"9b83d7f4"},"/kr/docs/guides/examples/browser-api-c11":{"__comp":"17896441","content":"a1521a63"},"/kr/docs/guides/examples/cms-759":{"__comp":"17896441","content":"fe129f8e"},"/kr/docs/guides/examples/feedback-33c":{"__comp":"17896441","content":"d999437a"},"/kr/docs/guides/examples/i18n-c41":{"__comp":"17896441","content":"ed3dcfcb"},"/kr/docs/guides/examples/metric-e1b":{"__comp":"17896441","content":"c0c6474c"},"/kr/docs/guides/examples/monorepo-eab":{"__comp":"17896441","content":"dfe5ecdf"},"/kr/docs/guides/examples/page-layout-64e":{"__comp":"17896441","content":"55b0769a"},"/kr/docs/guides/examples/platforms-274":{"__comp":"17896441","content":"3121f8ae"},"/kr/docs/guides/examples/ssr-5a5":{"__comp":"17896441","content":"87e5c187"},"/kr/docs/guides/examples/theme-dfb":{"__comp":"17896441","content":"acaf5b8a"},"/kr/docs/guides/examples/types-971":{"__comp":"17896441","content":"66d3db7c"},"/kr/docs/guides/examples/white-labels-9ee":{"__comp":"17896441","content":"f2567325"},"/kr/docs/guides/issues/cross-imports-312":{"__comp":"17896441","content":"8ce83ff6"},"/kr/docs/guides/issues/desegmented-3ab":{"__comp":"17896441","content":"5f7e5f34"},"/kr/docs/guides/issues/routes-a75":{"__comp":"17896441","content":"e1003eab"},"/kr/docs/guides/migration/from-custom-971":{"__comp":"17896441","content":"f2c174dc"},"/kr/docs/guides/migration/from-v1-224":{"__comp":"17896441","content":"8c1e6152"},"/kr/docs/guides/tech/with-nextjs-2fc":{"__comp":"17896441","content":"84a0dbae"},"/kr/docs/guides/tech/with-nuxtjs-61c":{"__comp":"17896441","content":"0a4ee302"},"/kr/docs/guides/tech/with-react-query-aaf":{"__comp":"17896441","content":"370f8845"},"/kr/docs/guides/tech/with-sveltekit-828":{"__comp":"17896441","content":"e6bf8eb6"},"/kr/docs/reference-aa4":{"__comp":"17896441","content":"3ef5053a"},"/kr/docs/reference/isolation-3ad":{"__comp":"17896441","content":"7a790ed0"},"/kr/docs/reference/isolation/coupling-cohesion-c7a":{"__comp":"17896441","content":"488b6464"},"/kr/docs/reference/isolation/decouple-entities-2f7":{"__comp":"17896441","content":"590d98cc"},"/kr/docs/reference/layers-733":{"__comp":"17896441","content":"40babe1d"},"/kr/docs/reference/public-api-69b":{"__comp":"17896441","content":"3d2652fb"},"/kr/docs/reference/slices-segments-b64":{"__comp":"17896441","content":"350d1c3d"},"/kr/-7e7":{"__comp":"1df93b7f","__context":{"plugin":"a7456010"},"config":"5e9f5e1a"}}')}},e=>{e.O(0,[1869],(()=>{return t=3096,e(e.s=t);var t}));e.O()}]);
\ No newline at end of file
diff --git a/kr/assets/js/main.ea09754c.js b/kr/assets/js/main.ea09754c.js
new file mode 100644
index 0000000000..f2ce3a023e
--- /dev/null
+++ b/kr/assets/js/main.ea09754c.js
@@ -0,0 +1,2 @@
+/*! For license information please see main.ea09754c.js.LICENSE.txt */
+(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[8792],{7781:(e,t,n)=>{"use strict";n.d(t,{Bc:()=>g,E8:()=>$n,a1:()=>qn});var r=n(758);n(8143);function o(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function a(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?o(Object(n),!0).forEach((function(t){i(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):o(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function i(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function s(){return s=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},s.apply(this,arguments)}function l(e,t){if(null==e)return{};var n,r,o=function(e,t){if(null==e)return{};var n,r,o={},a=Object.keys(e);for(r=0;r<a.length;r++)n=a[r],t.indexOf(n)>=0||(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(r=0;r<a.length;r++)n=a[r],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}function c(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,a=[],i=!0,s=!1;try{for(n=n.call(e);!(i=(r=n.next()).done)&&(a.push(r.value),!t||a.length!==t);i=!0);}catch(e){s=!0,o=e}finally{try{i||null==n.return||n.return()}finally{if(s)throw o}}return a}}(e,t)||d(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function u(e){return function(e){if(Array.isArray(e))return p(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||d(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function d(e,t){if(e){if("string"==typeof e)return p(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?p(e,t):void 0}}function p(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function f(){return r.createElement("svg",{width:"15",height:"15",className:"DocSearch-Control-Key-Icon"},r.createElement("path",{d:"M4.505 4.496h2M5.505 5.496v5M8.216 4.496l.055 5.993M10 7.5c.333.333.5.667.5 1v2M12.326 4.5v5.996M8.384 4.496c1.674 0 2.116 0 2.116 1.5s-.442 1.5-2.116 1.5M3.205 9.303c-.09.448-.277 1.21-1.241 1.203C1 10.5.5 9.513.5 8V7c0-1.57.5-2.5 1.464-2.494.964.006 1.134.598 1.24 1.342M12.553 10.5h1.953",strokeWidth:"1.2",stroke:"currentColor",fill:"none",strokeLinecap:"square"}))}function m(){return r.createElement("svg",{width:"20",height:"20",className:"DocSearch-Search-Icon",viewBox:"0 0 20 20","aria-hidden":"true"},r.createElement("path",{d:"M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z",stroke:"currentColor",fill:"none",fillRule:"evenodd",strokeLinecap:"round",strokeLinejoin:"round"}))}var h=["translations"],g=r.forwardRef((function(e,t){var n=e.translations,o=void 0===n?{}:n,a=l(e,h),i=o.buttonText,u=void 0===i?"Search":i,d=o.buttonAriaLabel,p=void 0===d?"Search":d,g=c((0,r.useState)(null),2),y=g[0],v=g[1];return(0,r.useEffect)((function(){"undefined"!=typeof navigator&&(/(Mac|iPhone|iPod|iPad)/i.test(navigator.platform)?v("\u2318"):v("Ctrl"))}),[]),r.createElement("button",s({type:"button",className:"DocSearch DocSearch-Button","aria-label":p},a,{ref:t}),r.createElement("span",{className:"DocSearch-Button-Container"},r.createElement(m,null),r.createElement("span",{className:"DocSearch-Button-Placeholder"},u)),r.createElement("span",{className:"DocSearch-Button-Keys"},null!==y&&r.createElement(r.Fragment,null,r.createElement(b,{reactsToKey:"Ctrl"===y?"Ctrl":"Meta"},"Ctrl"===y?r.createElement(f,null):y),r.createElement(b,{reactsToKey:"k"},"K"))))}));function b(e){var t=e.reactsToKey,n=e.children,o=c((0,r.useState)(!1),2),a=o[0],i=o[1];return(0,r.useEffect)((function(){if(t)return window.addEventListener("keydown",e),window.addEventListener("keyup",n),function(){window.removeEventListener("keydown",e),window.removeEventListener("keyup",n)};function e(e){e.key===t&&i(!0)}function n(e){e.key!==t&&"Meta"!==e.key||i(!1)}}),[t]),r.createElement("kbd",{className:a?"DocSearch-Button-Key DocSearch-Button-Key--pressed":"DocSearch-Button-Key"},n)}function y(e,t){var n=void 0;return function(){for(var r=arguments.length,o=new Array(r),a=0;a<r;a++)o[a]=arguments[a];n&&clearTimeout(n),n=setTimeout((function(){return e.apply(void 0,o)}),t)}}function v(e){return e.reduce((function(e,t){return e.concat(t)}),[])}var w=0;function k(e){return 0===e.collections.length?0:e.collections.reduce((function(e,t){return e+t.items.length}),0)}function S(e){return e!==Object(e)}function x(e,t){if(e===t)return!0;if(S(e)||S(t)||"function"==typeof e||"function"==typeof t)return e===t;if(Object.keys(e).length!==Object.keys(t).length)return!1;for(var n=0,r=Object.keys(e);n<r.length;n++){var o=r[n];if(!(o in t))return!1;if(!x(e[o],t[o]))return!1}return!0}var E=function(){},_=[{segment:"autocomplete-core",version:"1.9.3"}];function C(e){var t=e.item,n=e.items;return{index:t.__autocomplete_indexName,items:[t],positions:[1+n.findIndex((function(e){return e.objectID===t.objectID}))],queryID:t.__autocomplete_queryID,algoliaSource:["autocomplete"]}}function j(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}var O=["items"],A=["items"];function T(e){return T="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},T(e)}function P(e){return function(e){if(Array.isArray(e))return L(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||function(e,t){if(e){if("string"==typeof e)return L(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?L(e,t):void 0}}(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function L(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function I(e,t){if(null==e)return{};var n,r,o=function(e,t){if(null==e)return{};var n,r,o={},a=Object.keys(e);for(r=0;r<a.length;r++)n=a[r],t.indexOf(n)>=0||(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(r=0;r<a.length;r++)n=a[r],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}function N(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function R(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?N(Object(n),!0).forEach((function(t){D(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):N(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function D(e,t,n){return(t=function(e){var t=function(e){if("object"!==T(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var n=t.call(e,"string");if("object"!==T(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"===T(t)?t:String(t)}(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function M(e){return e.map((function(e){var t=e.items,n=I(e,O);return R(R({},n),{},{objectIDs:(null==t?void 0:t.map((function(e){return e.objectID})))||n.objectIDs})}))}function F(e){var t,n,r,o=(t=function(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,a,i,s=[],l=!0,c=!1;try{if(a=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;l=!1}else for(;!(l=(r=a.call(n)).done)&&(s.push(r.value),s.length!==t);l=!0);}catch(e){c=!0,o=e}finally{try{if(!l&&null!=n.return&&(i=n.return(),Object(i)!==i))return}finally{if(c)throw o}}return s}}(e,t)||function(e,t){if(e){if("string"==typeof e)return j(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?j(e,t):void 0}}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}((e.version||"").split(".").map(Number),2),n=t[0],r=t[1],n>=3||2===n&&r>=4||1===n&&r>=10);function a(t,n,r){if(o&&void 0!==r){var a=r[0].__autocomplete_algoliaCredentials,i={"X-Algolia-Application-Id":a.appId,"X-Algolia-API-Key":a.apiKey};e.apply(void 0,[t].concat(P(n),[{headers:i}]))}else e.apply(void 0,[t].concat(P(n)))}return{init:function(t,n){e("init",{appId:t,apiKey:n})},setUserToken:function(t){e("setUserToken",t)},clickedObjectIDsAfterSearch:function(){for(var e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];t.length>0&&a("clickedObjectIDsAfterSearch",M(t),t[0].items)},clickedObjectIDs:function(){for(var e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];t.length>0&&a("clickedObjectIDs",M(t),t[0].items)},clickedFilters:function(){for(var t=arguments.length,n=new Array(t),r=0;r<t;r++)n[r]=arguments[r];n.length>0&&e.apply(void 0,["clickedFilters"].concat(n))},convertedObjectIDsAfterSearch:function(){for(var e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];t.length>0&&a("convertedObjectIDsAfterSearch",M(t),t[0].items)},convertedObjectIDs:function(){for(var e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];t.length>0&&a("convertedObjectIDs",M(t),t[0].items)},convertedFilters:function(){for(var t=arguments.length,n=new Array(t),r=0;r<t;r++)n[r]=arguments[r];n.length>0&&e.apply(void 0,["convertedFilters"].concat(n))},viewedObjectIDs:function(){for(var e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];t.length>0&&t.reduce((function(e,t){var n=t.items,r=I(t,A);return[].concat(P(e),P(function(e){for(var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:20,n=[],r=0;r<e.objectIDs.length;r+=t)n.push(R(R({},e),{},{objectIDs:e.objectIDs.slice(r,r+t)}));return n}(R(R({},r),{},{objectIDs:(null==n?void 0:n.map((function(e){return e.objectID})))||r.objectIDs})).map((function(e){return{items:n,payload:e}}))))}),[]).forEach((function(e){var t=e.items;return a("viewedObjectIDs",[e.payload],t)}))},viewedFilters:function(){for(var t=arguments.length,n=new Array(t),r=0;r<t;r++)n[r]=arguments[r];n.length>0&&e.apply(void 0,["viewedFilters"].concat(n))}}}function z(e){var t=e.items.reduce((function(e,t){var n;return e[t.__autocomplete_indexName]=(null!==(n=e[t.__autocomplete_indexName])&&void 0!==n?n:[]).concat(t),e}),{});return Object.keys(t).map((function(e){return{index:e,items:t[e],algoliaSource:["autocomplete"]}}))}function B(e){return e.objectID&&e.__autocomplete_indexName&&e.__autocomplete_queryID}function U(e){return U="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},U(e)}function q(e){return function(e){if(Array.isArray(e))return $(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||function(e,t){if(e){if("string"==typeof e)return $(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?$(e,t):void 0}}(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function $(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function H(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function V(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?H(Object(n),!0).forEach((function(t){G(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):H(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function G(e,t,n){return(t=function(e){var t=function(e){if("object"!==U(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var n=t.call(e,"string");if("object"!==U(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"===U(t)?t:String(t)}(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var W="https://cdn.jsdelivr.net/npm/search-insights@".concat("2.6.0","/dist/search-insights.min.js"),K=y((function(e){var t=e.onItemsChange,n=e.items,r=e.insights,o=e.state;t({insights:r,insightsEvents:z({items:n}).map((function(e){return V({eventName:"Items Viewed"},e)})),state:o})}),400);function Q(e){var t=function(e){return V({onItemsChange:function(e){var t=e.insights,n=e.insightsEvents;t.viewedObjectIDs.apply(t,q(n.map((function(e){return V(V({},e),{},{algoliaSource:[].concat(q(e.algoliaSource||[]),["autocomplete-internal"])})}))))},onSelect:function(e){var t=e.insights,n=e.insightsEvents;t.clickedObjectIDsAfterSearch.apply(t,q(n.map((function(e){return V(V({},e),{},{algoliaSource:[].concat(q(e.algoliaSource||[]),["autocomplete-internal"])})}))))},onActive:E},e)}(e),n=t.insightsClient,r=t.onItemsChange,o=t.onSelect,a=t.onActive,i=n;n||"undefined"!=typeof window&&function(e){var t=e.window,n=t.AlgoliaAnalyticsObject||"aa";"string"==typeof n&&(i=t[n]),i||(t.AlgoliaAnalyticsObject=n,t[n]||(t[n]=function(){t[n].queue||(t[n].queue=[]);for(var e=arguments.length,r=new Array(e),o=0;o<e;o++)r[o]=arguments[o];t[n].queue.push(r)}),t[n].version="2.6.0",i=t[n],function(e){var t="[Autocomplete]: Could not load search-insights.js. Please load it manually following https://alg.li/insights-autocomplete";try{var n=e.document.createElement("script");n.async=!0,n.src=W,n.onerror=function(){console.error(t)},document.body.appendChild(n)}catch(e){console.error(t)}}(t))}({window:window});var s=F(i),l={current:[]},c=y((function(e){var t=e.state;if(t.isOpen){var n=t.collections.reduce((function(e,t){return[].concat(q(e),q(t.items))}),[]).filter(B);x(l.current.map((function(e){return e.objectID})),n.map((function(e){return e.objectID})))||(l.current=n,n.length>0&&K({onItemsChange:r,items:n,insights:s,state:t}))}}),0);return{name:"aa.algoliaInsightsPlugin",subscribe:function(e){var t=e.setContext,n=e.onSelect,r=e.onActive;i("addAlgoliaAgent","insights-plugin"),t({algoliaInsightsPlugin:{__algoliaSearchParameters:{clickAnalytics:!0},insights:s}}),n((function(e){var t=e.item,n=e.state,r=e.event;B(t)&&o({state:n,event:r,insights:s,item:t,insightsEvents:[V({eventName:"Item Selected"},C({item:t,items:l.current}))]})})),r((function(e){var t=e.item,n=e.state,r=e.event;B(t)&&a({state:n,event:r,insights:s,item:t,insightsEvents:[V({eventName:"Item Active"},C({item:t,items:l.current}))]})}))},onStateChange:function(e){var t=e.state;c({state:t})},__autocomplete_pluginOptions:e}}function Y(e,t){var n=t;return{then:function(t,r){return Y(e.then(J(t,n,e),J(r,n,e)),n)},catch:function(t){return Y(e.catch(J(t,n,e)),n)},finally:function(t){return t&&n.onCancelList.push(t),Y(e.finally(J(t&&function(){return n.onCancelList=[],t()},n,e)),n)},cancel:function(){n.isCanceled=!0;var e=n.onCancelList;n.onCancelList=[],e.forEach((function(e){e()}))},isCanceled:function(){return!0===n.isCanceled}}}function Z(e){return Y(e,{isCanceled:!1,onCancelList:[]})}function J(e,t,n){return e?function(n){return t.isCanceled?n:e(n)}:n}function X(e,t,n,r){if(!n)return null;if(e<0&&(null===t||null!==r&&0===t))return n+e;var o=(null===t?-1:t)+e;return o<=-1||o>=n?null===r?null:0:o}function ee(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function te(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?ee(Object(n),!0).forEach((function(t){ne(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):ee(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function ne(e,t,n){return(t=function(e){var t=function(e){if("object"!==re(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var n=t.call(e,"string");if("object"!==re(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"===re(t)?t:String(t)}(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function re(e){return re="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},re(e)}function oe(e){var t=function(e){var t=e.collections.map((function(e){return e.items.length})).reduce((function(e,t,n){var r=(e[n-1]||0)+t;return e.push(r),e}),[]).reduce((function(t,n){return n<=e.activeItemId?t+1:t}),0);return e.collections[t]}(e);if(!t)return null;var n=t.items[function(e){for(var t=e.state,n=e.collection,r=!1,o=0,a=0;!1===r;){var i=t.collections[o];if(i===n){r=!0;break}a+=i.items.length,o++}return t.activeItemId-a}({state:e,collection:t})],r=t.source;return{item:n,itemInputValue:r.getItemInputValue({item:n,state:e}),itemUrl:r.getItemUrl({item:n,state:e}),source:r}}var ae=/((gt|sm)-|galaxy nexus)|samsung[- ]|samsungbrowser/i;function ie(e){return ie="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},ie(e)}function se(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function le(e,t,n){return(t=function(e){var t=function(e){if("object"!==ie(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var n=t.call(e,"string");if("object"!==ie(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"===ie(t)?t:String(t)}(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function ce(e){return ce="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},ce(e)}function ue(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function de(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?ue(Object(n),!0).forEach((function(t){pe(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):ue(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function pe(e,t,n){return(t=function(e){var t=function(e){if("object"!==ce(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var n=t.call(e,"string");if("object"!==ce(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"===ce(t)?t:String(t)}(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function fe(e){return fe="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},fe(e)}function me(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function he(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function ge(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?he(Object(n),!0).forEach((function(t){be(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):he(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function be(e,t,n){return(t=function(e){var t=function(e){if("object"!==fe(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var n=t.call(e,"string");if("object"!==fe(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"===fe(t)?t:String(t)}(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function ye(e,t){var n,r="undefined"!=typeof window?window:{},o=e.plugins||[];return ge(ge({debug:!1,openOnFocus:!1,placeholder:"",autoFocus:!1,defaultActiveItemId:null,stallThreshold:300,insights:!1,environment:r,shouldPanelOpen:function(e){return k(e.state)>0},reshape:function(e){return e.sources}},e),{},{id:null!==(n=e.id)&&void 0!==n?n:"autocomplete-".concat(w++),plugins:o,initialState:ge({activeItemId:null,query:"",completion:null,collections:[],isOpen:!1,status:"idle",context:{}},e.initialState),onStateChange:function(t){var n;null===(n=e.onStateChange)||void 0===n||n.call(e,t),o.forEach((function(e){var n;return null===(n=e.onStateChange)||void 0===n?void 0:n.call(e,t)}))},onSubmit:function(t){var n;null===(n=e.onSubmit)||void 0===n||n.call(e,t),o.forEach((function(e){var n;return null===(n=e.onSubmit)||void 0===n?void 0:n.call(e,t)}))},onReset:function(t){var n;null===(n=e.onReset)||void 0===n||n.call(e,t),o.forEach((function(e){var n;return null===(n=e.onReset)||void 0===n?void 0:n.call(e,t)}))},getSources:function(n){return Promise.all([].concat(function(e){return function(e){if(Array.isArray(e))return me(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||function(e,t){if(e){if("string"==typeof e)return me(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?me(e,t):void 0}}(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}(o.map((function(e){return e.getSources}))),[e.getSources]).filter(Boolean).map((function(e){return function(e,t){var n=[];return Promise.resolve(e(t)).then((function(e){return Promise.all(e.filter((function(e){return Boolean(e)})).map((function(e){if(e.sourceId,n.includes(e.sourceId))throw new Error("[Autocomplete] The `sourceId` ".concat(JSON.stringify(e.sourceId)," is not unique."));n.push(e.sourceId);var t={getItemInputValue:function(e){return e.state.query},getItemUrl:function(){},onSelect:function(e){(0,e.setIsOpen)(!1)},onActive:E,onResolve:E};Object.keys(t).forEach((function(e){t[e].__default=!0}));var r=te(te({},t),e);return Promise.resolve(r)})))}))}(e,n)}))).then((function(e){return v(e)})).then((function(e){return e.map((function(e){return ge(ge({},e),{},{onSelect:function(n){e.onSelect(n),t.forEach((function(e){var t;return null===(t=e.onSelect)||void 0===t?void 0:t.call(e,n)}))},onActive:function(n){e.onActive(n),t.forEach((function(e){var t;return null===(t=e.onActive)||void 0===t?void 0:t.call(e,n)}))},onResolve:function(n){e.onResolve(n),t.forEach((function(e){var t;return null===(t=e.onResolve)||void 0===t?void 0:t.call(e,n)}))}})}))}))},navigator:ge({navigate:function(e){var t=e.itemUrl;r.location.assign(t)},navigateNewTab:function(e){var t=e.itemUrl,n=r.open(t,"_blank","noopener");null==n||n.focus()},navigateNewWindow:function(e){var t=e.itemUrl;r.open(t,"_blank","noopener")}},e.navigator)})}function ve(e){return ve="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},ve(e)}function we(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function ke(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?we(Object(n),!0).forEach((function(t){Se(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):we(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function Se(e,t,n){return(t=function(e){var t=function(e){if("object"!==ve(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var n=t.call(e,"string");if("object"!==ve(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"===ve(t)?t:String(t)}(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function xe(e){return xe="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},xe(e)}function Ee(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function _e(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?Ee(Object(n),!0).forEach((function(t){Ce(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Ee(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function Ce(e,t,n){return(t=function(e){var t=function(e){if("object"!==xe(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var n=t.call(e,"string");if("object"!==xe(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"===xe(t)?t:String(t)}(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function je(e){return function(e){if(Array.isArray(e))return Oe(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||function(e,t){if(e){if("string"==typeof e)return Oe(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?Oe(e,t):void 0}}(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function Oe(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function Ae(e){return Boolean(e.execute)}function Te(e){var t=e.reduce((function(e,t){if(!Ae(t))return e.push(t),e;var n=t.searchClient,r=t.execute,o=t.requesterId,a=t.requests,i=e.find((function(e){return Ae(t)&&Ae(e)&&e.searchClient===n&&Boolean(o)&&e.requesterId===o}));if(i){var s;(s=i.items).push.apply(s,je(a))}else{var l={execute:r,requesterId:o,items:a,searchClient:n};e.push(l)}return e}),[]).map((function(e){if(!Ae(e))return Promise.resolve(e);var t=e,n=t.execute,r=t.items;return n({searchClient:t.searchClient,requests:r})}));return Promise.all(t).then((function(e){return v(e)}))}function Pe(e){return Pe="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},Pe(e)}var Le=["event","nextState","props","query","refresh","store"];function Ie(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function Ne(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?Ie(Object(n),!0).forEach((function(t){Re(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Ie(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function Re(e,t,n){return(t=function(e){var t=function(e){if("object"!==Pe(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var n=t.call(e,"string");if("object"!==Pe(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"===Pe(t)?t:String(t)}(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var De,Me,Fe,ze=null,Be=(De=-1,Me=-1,Fe=void 0,function(e){var t=++De;return Promise.resolve(e).then((function(e){return Fe&&t<Me?Fe:(Me=t,Fe=e,e)}))});function Ue(e){var t=e.event,n=e.nextState,r=void 0===n?{}:n,o=e.props,a=e.query,i=e.refresh,s=e.store,l=function(e,t){if(null==e)return{};var n,r,o=function(e,t){if(null==e)return{};var n,r,o={},a=Object.keys(e);for(r=0;r<a.length;r++)n=a[r],t.indexOf(n)>=0||(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(r=0;r<a.length;r++)n=a[r],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}(e,Le);ze&&o.environment.clearTimeout(ze);var c=l.setCollections,u=l.setIsOpen,d=l.setQuery,p=l.setActiveItemId,f=l.setStatus;if(d(a),p(o.defaultActiveItemId),!a&&!1===o.openOnFocus){var m,h=s.getState().collections.map((function(e){return Ne(Ne({},e),{},{items:[]})}));f("idle"),c(h),u(null!==(m=r.isOpen)&&void 0!==m?m:o.shouldPanelOpen({state:s.getState()}));var g=Z(Be(h).then((function(){return Promise.resolve()})));return s.pendingRequests.add(g)}f("loading"),ze=o.environment.setTimeout((function(){f("stalled")}),o.stallThreshold);var b=Z(Be(o.getSources(Ne({query:a,refresh:i,state:s.getState()},l)).then((function(e){return Promise.all(e.map((function(e){return Promise.resolve(e.getItems(Ne({query:a,refresh:i,state:s.getState()},l))).then((function(t){return function(e,t,n){if(o=e,Boolean(null==o?void 0:o.execute)){var r="algolia"===e.requesterId?Object.assign.apply(Object,[{}].concat(je(Object.keys(n.context).map((function(e){var t;return null===(t=n.context[e])||void 0===t?void 0:t.__algoliaSearchParameters}))))):{};return _e(_e({},e),{},{requests:e.queries.map((function(n){return{query:"algolia"===e.requesterId?_e(_e({},n),{},{params:_e(_e({},r),n.params)}):n,sourceId:t,transformResponse:e.transformResponse}}))})}var o;return{items:e,sourceId:t}}(t,e.sourceId,s.getState())}))}))).then(Te).then((function(t){return function(e,t,n){return t.map((function(t){var r,o=e.filter((function(e){return e.sourceId===t.sourceId})),a=o.map((function(e){return e.items})),i=o[0].transformResponse,s=i?i({results:r=a,hits:r.map((function(e){return e.hits})).filter(Boolean),facetHits:r.map((function(e){var t;return null===(t=e.facetHits)||void 0===t?void 0:t.map((function(e){return{label:e.value,count:e.count,_highlightResult:{label:{value:e.highlighted}}}}))})).filter(Boolean)}):a;return t.onResolve({source:t,results:a,items:s,state:n.getState()}),s.every(Boolean),'The `getItems` function from source "'.concat(t.sourceId,'" must return an array of items but returned ').concat(JSON.stringify(void 0),".\n\nDid you forget to return items?\n\nSee: https://www.algolia.com/doc/ui-libraries/autocomplete/core-concepts/sources/#param-getitems"),{source:t,items:s}}))}(t,e,s)})).then((function(e){return function(e){var t=e.props,n=e.state,r=e.collections.reduce((function(e,t){return ke(ke({},e),{},Se({},t.source.sourceId,ke(ke({},t.source),{},{getItems:function(){return v(t.items)}})))}),{}),o=t.plugins.reduce((function(e,t){return t.reshape?t.reshape(e):e}),{sourcesBySourceId:r,state:n}).sourcesBySourceId;return v(t.reshape({sourcesBySourceId:o,sources:Object.values(o),state:n})).filter(Boolean).map((function(e){return{source:e,items:e.getItems()}}))}({collections:e,props:o,state:s.getState()})}))})))).then((function(e){var n;f("idle"),c(e);var d=o.shouldPanelOpen({state:s.getState()});u(null!==(n=r.isOpen)&&void 0!==n?n:o.openOnFocus&&!a&&d||d);var p=oe(s.getState());if(null!==s.getState().activeItemId&&p){var m=p.item,h=p.itemInputValue,g=p.itemUrl,b=p.source;b.onActive(Ne({event:t,item:m,itemInputValue:h,itemUrl:g,refresh:i,source:b,state:s.getState()},l))}})).finally((function(){f("idle"),ze&&o.environment.clearTimeout(ze)}));return s.pendingRequests.add(b)}function qe(e){return qe="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},qe(e)}var $e=["event","props","refresh","store"];function He(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function Ve(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?He(Object(n),!0).forEach((function(t){Ge(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):He(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function Ge(e,t,n){return(t=function(e){var t=function(e){if("object"!==qe(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var n=t.call(e,"string");if("object"!==qe(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"===qe(t)?t:String(t)}(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function We(e){return We="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},We(e)}var Ke=["props","refresh","store"],Qe=["inputElement","formElement","panelElement"],Ye=["inputElement"],Ze=["inputElement","maxLength"],Je=["sourceIndex"],Xe=["sourceIndex"],et=["item","source","sourceIndex"];function tt(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function nt(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?tt(Object(n),!0).forEach((function(t){rt(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):tt(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function rt(e,t,n){return(t=function(e){var t=function(e){if("object"!==We(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var n=t.call(e,"string");if("object"!==We(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"===We(t)?t:String(t)}(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function ot(e,t){if(null==e)return{};var n,r,o=function(e,t){if(null==e)return{};var n,r,o={},a=Object.keys(e);for(r=0;r<a.length;r++)n=a[r],t.indexOf(n)>=0||(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(r=0;r<a.length;r++)n=a[r],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}function at(e){var t=e.props,n=e.refresh,r=e.store,o=ot(e,Ke),a=function(e,t){return void 0!==t?"".concat(e,"-").concat(t):e};return{getEnvironmentProps:function(e){var n=e.inputElement,o=e.formElement,a=e.panelElement;function i(e){!r.getState().isOpen&&r.pendingRequests.isEmpty()||e.target===n||!1===[o,a].some((function(t){return(n=t)===(r=e.target)||n.contains(r);var n,r}))&&(r.dispatch("blur",null),t.debug||r.pendingRequests.cancelAll())}return nt({onTouchStart:i,onMouseDown:i,onTouchMove:function(e){!1!==r.getState().isOpen&&n===t.environment.document.activeElement&&e.target!==n&&n.blur()}},ot(e,Qe))},getRootProps:function(e){return nt({role:"combobox","aria-expanded":r.getState().isOpen,"aria-haspopup":"listbox","aria-owns":r.getState().isOpen?"".concat(t.id,"-list"):void 0,"aria-labelledby":"".concat(t.id,"-label")},e)},getFormProps:function(e){return e.inputElement,nt({action:"",noValidate:!0,role:"search",onSubmit:function(a){var i;a.preventDefault(),t.onSubmit(nt({event:a,refresh:n,state:r.getState()},o)),r.dispatch("submit",null),null===(i=e.inputElement)||void 0===i||i.blur()},onReset:function(a){var i;a.preventDefault(),t.onReset(nt({event:a,refresh:n,state:r.getState()},o)),r.dispatch("reset",null),null===(i=e.inputElement)||void 0===i||i.focus()}},ot(e,Ye))},getLabelProps:function(e){var n=e||{},r=n.sourceIndex,o=ot(n,Je);return nt({htmlFor:"".concat(a(t.id,r),"-input"),id:"".concat(a(t.id,r),"-label")},o)},getInputProps:function(e){var a;function i(e){(t.openOnFocus||Boolean(r.getState().query))&&Ue(nt({event:e,props:t,query:r.getState().completion||r.getState().query,refresh:n,store:r},o)),r.dispatch("focus",null)}var s=e||{},l=(s.inputElement,s.maxLength),c=void 0===l?512:l,u=ot(s,Ze),d=oe(r.getState()),p=function(e){return Boolean(e&&e.match(ae))}((null===(a=t.environment.navigator)||void 0===a?void 0:a.userAgent)||""),f=null!=d&&d.itemUrl&&!p?"go":"search";return nt({"aria-autocomplete":"both","aria-activedescendant":r.getState().isOpen&&null!==r.getState().activeItemId?"".concat(t.id,"-item-").concat(r.getState().activeItemId):void 0,"aria-controls":r.getState().isOpen?"".concat(t.id,"-list"):void 0,"aria-labelledby":"".concat(t.id,"-label"),value:r.getState().completion||r.getState().query,id:"".concat(t.id,"-input"),autoComplete:"off",autoCorrect:"off",autoCapitalize:"off",enterKeyHint:f,spellCheck:"false",autoFocus:t.autoFocus,placeholder:t.placeholder,maxLength:c,type:"search",onChange:function(e){Ue(nt({event:e,props:t,query:e.currentTarget.value.slice(0,c),refresh:n,store:r},o))},onKeyDown:function(e){!function(e){var t=e.event,n=e.props,r=e.refresh,o=e.store,a=function(e,t){if(null==e)return{};var n,r,o=function(e,t){if(null==e)return{};var n,r,o={},a=Object.keys(e);for(r=0;r<a.length;r++)n=a[r],t.indexOf(n)>=0||(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(r=0;r<a.length;r++)n=a[r],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}(e,$e);if("ArrowUp"===t.key||"ArrowDown"===t.key){var i=function(){var e=n.environment.document.getElementById("".concat(n.id,"-item-").concat(o.getState().activeItemId));e&&(e.scrollIntoViewIfNeeded?e.scrollIntoViewIfNeeded(!1):e.scrollIntoView(!1))},s=function(){var e=oe(o.getState());if(null!==o.getState().activeItemId&&e){var n=e.item,i=e.itemInputValue,s=e.itemUrl,l=e.source;l.onActive(Ve({event:t,item:n,itemInputValue:i,itemUrl:s,refresh:r,source:l,state:o.getState()},a))}};t.preventDefault(),!1===o.getState().isOpen&&(n.openOnFocus||Boolean(o.getState().query))?Ue(Ve({event:t,props:n,query:o.getState().query,refresh:r,store:o},a)).then((function(){o.dispatch(t.key,{nextActiveItemId:n.defaultActiveItemId}),s(),setTimeout(i,0)})):(o.dispatch(t.key,{}),s(),i())}else if("Escape"===t.key)t.preventDefault(),o.dispatch(t.key,null),o.pendingRequests.cancelAll();else if("Tab"===t.key)o.dispatch("blur",null),o.pendingRequests.cancelAll();else if("Enter"===t.key){if(null===o.getState().activeItemId||o.getState().collections.every((function(e){return 0===e.items.length})))return void(n.debug||o.pendingRequests.cancelAll());t.preventDefault();var l=oe(o.getState()),c=l.item,u=l.itemInputValue,d=l.itemUrl,p=l.source;if(t.metaKey||t.ctrlKey)void 0!==d&&(p.onSelect(Ve({event:t,item:c,itemInputValue:u,itemUrl:d,refresh:r,source:p,state:o.getState()},a)),n.navigator.navigateNewTab({itemUrl:d,item:c,state:o.getState()}));else if(t.shiftKey)void 0!==d&&(p.onSelect(Ve({event:t,item:c,itemInputValue:u,itemUrl:d,refresh:r,source:p,state:o.getState()},a)),n.navigator.navigateNewWindow({itemUrl:d,item:c,state:o.getState()}));else if(t.altKey);else{if(void 0!==d)return p.onSelect(Ve({event:t,item:c,itemInputValue:u,itemUrl:d,refresh:r,source:p,state:o.getState()},a)),void n.navigator.navigate({itemUrl:d,item:c,state:o.getState()});Ue(Ve({event:t,nextState:{isOpen:!1},props:n,query:u,refresh:r,store:o},a)).then((function(){p.onSelect(Ve({event:t,item:c,itemInputValue:u,itemUrl:d,refresh:r,source:p,state:o.getState()},a))}))}}}(nt({event:e,props:t,refresh:n,store:r},o))},onFocus:i,onBlur:E,onClick:function(n){e.inputElement!==t.environment.document.activeElement||r.getState().isOpen||i(n)}},u)},getPanelProps:function(e){return nt({onMouseDown:function(e){e.preventDefault()},onMouseLeave:function(){r.dispatch("mouseleave",null)}},e)},getListProps:function(e){var n=e||{},r=n.sourceIndex,o=ot(n,Xe);return nt({role:"listbox","aria-labelledby":"".concat(a(t.id,r),"-label"),id:"".concat(a(t.id,r),"-list")},o)},getItemProps:function(e){var i=e.item,s=e.source,l=e.sourceIndex,c=ot(e,et);return nt({id:"".concat(a(t.id,l),"-item-").concat(i.__autocomplete_id),role:"option","aria-selected":r.getState().activeItemId===i.__autocomplete_id,onMouseMove:function(e){if(i.__autocomplete_id!==r.getState().activeItemId){r.dispatch("mousemove",i.__autocomplete_id);var t=oe(r.getState());if(null!==r.getState().activeItemId&&t){var a=t.item,s=t.itemInputValue,l=t.itemUrl,c=t.source;c.onActive(nt({event:e,item:a,itemInputValue:s,itemUrl:l,refresh:n,source:c,state:r.getState()},o))}}},onMouseDown:function(e){e.preventDefault()},onClick:function(e){var a=s.getItemInputValue({item:i,state:r.getState()}),l=s.getItemUrl({item:i,state:r.getState()});(l?Promise.resolve():Ue(nt({event:e,nextState:{isOpen:!1},props:t,query:a,refresh:n,store:r},o))).then((function(){s.onSelect(nt({event:e,item:i,itemInputValue:a,itemUrl:l,refresh:n,source:s,state:r.getState()},o))}))}},c)}}}function it(e){return it="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},it(e)}function st(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function lt(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?st(Object(n),!0).forEach((function(t){ct(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):st(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function ct(e,t,n){return(t=function(e){var t=function(e){if("object"!==it(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var n=t.call(e,"string");if("object"!==it(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"===it(t)?t:String(t)}(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function ut(e){var t,n,r,o,a=e.plugins,i=e.options,s=null===(t=((null===(n=i.__autocomplete_metadata)||void 0===n?void 0:n.userAgents)||[])[0])||void 0===t?void 0:t.segment,l=s?ct({},s,Object.keys((null===(r=i.__autocomplete_metadata)||void 0===r?void 0:r.options)||{})):{};return{plugins:a.map((function(e){return{name:e.name,options:Object.keys(e.__autocomplete_pluginOptions||[])}})),options:lt({"autocomplete-core":Object.keys(i)},l),ua:_.concat((null===(o=i.__autocomplete_metadata)||void 0===o?void 0:o.userAgents)||[])}}function dt(e){var t,n=e.state;return!1===n.isOpen||null===n.activeItemId?null:(null===(t=oe(n))||void 0===t?void 0:t.itemInputValue)||null}function pt(e){return pt="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},pt(e)}function ft(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function mt(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?ft(Object(n),!0).forEach((function(t){ht(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):ft(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function ht(e,t,n){return(t=function(e){var t=function(e){if("object"!==pt(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var n=t.call(e,"string");if("object"!==pt(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"===pt(t)?t:String(t)}(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var gt=function(e,t){switch(t.type){case"setActiveItemId":case"mousemove":return mt(mt({},e),{},{activeItemId:t.payload});case"setQuery":return mt(mt({},e),{},{query:t.payload,completion:null});case"setCollections":return mt(mt({},e),{},{collections:t.payload});case"setIsOpen":return mt(mt({},e),{},{isOpen:t.payload});case"setStatus":return mt(mt({},e),{},{status:t.payload});case"setContext":return mt(mt({},e),{},{context:mt(mt({},e.context),t.payload)});case"ArrowDown":var n=mt(mt({},e),{},{activeItemId:t.payload.hasOwnProperty("nextActiveItemId")?t.payload.nextActiveItemId:X(1,e.activeItemId,k(e),t.props.defaultActiveItemId)});return mt(mt({},n),{},{completion:dt({state:n})});case"ArrowUp":var r=mt(mt({},e),{},{activeItemId:X(-1,e.activeItemId,k(e),t.props.defaultActiveItemId)});return mt(mt({},r),{},{completion:dt({state:r})});case"Escape":return e.isOpen?mt(mt({},e),{},{activeItemId:null,isOpen:!1,completion:null}):mt(mt({},e),{},{activeItemId:null,query:"",status:"idle",collections:[]});case"submit":return mt(mt({},e),{},{activeItemId:null,isOpen:!1,status:"idle"});case"reset":return mt(mt({},e),{},{activeItemId:!0===t.props.openOnFocus?t.props.defaultActiveItemId:null,status:"idle",query:""});case"focus":return mt(mt({},e),{},{activeItemId:t.props.defaultActiveItemId,isOpen:(t.props.openOnFocus||Boolean(e.query))&&t.props.shouldPanelOpen({state:e})});case"blur":return t.props.debug?e:mt(mt({},e),{},{isOpen:!1,activeItemId:null});case"mouseleave":return mt(mt({},e),{},{activeItemId:t.props.defaultActiveItemId});default:return"The reducer action ".concat(JSON.stringify(t.type)," is not supported."),e}};function bt(e){return bt="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},bt(e)}function yt(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function vt(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?yt(Object(n),!0).forEach((function(t){wt(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):yt(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function wt(e,t,n){return(t=function(e){var t=function(e){if("object"!==bt(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var n=t.call(e,"string");if("object"!==bt(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"===bt(t)?t:String(t)}(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function kt(e){var t=[],n=ye(e,t),r=function(e,t,n){var r,o=t.initialState;return{getState:function(){return o},dispatch:function(r,a){var i=function(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?se(Object(n),!0).forEach((function(t){le(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):se(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}({},o);o=e(o,{type:r,props:t,payload:a}),n({state:o,prevState:i})},pendingRequests:(r=[],{add:function(e){return r.push(e),e.finally((function(){r=r.filter((function(t){return t!==e}))}))},cancelAll:function(){r.forEach((function(e){return e.cancel()}))},isEmpty:function(){return 0===r.length}})}}(gt,n,(function(e){var t=e.prevState,r=e.state;n.onStateChange(vt({prevState:t,state:r,refresh:i,navigator:n.navigator},o))})),o=function(e){var t=e.store;return{setActiveItemId:function(e){t.dispatch("setActiveItemId",e)},setQuery:function(e){t.dispatch("setQuery",e)},setCollections:function(e){var n=0,r=e.map((function(e){return de(de({},e),{},{items:v(e.items).map((function(e){return de(de({},e),{},{__autocomplete_id:n++})}))})}));t.dispatch("setCollections",r)},setIsOpen:function(e){t.dispatch("setIsOpen",e)},setStatus:function(e){t.dispatch("setStatus",e)},setContext:function(e){t.dispatch("setContext",e)}}}({store:r}),a=at(vt({props:n,refresh:i,store:r,navigator:n.navigator},o));function i(){return Ue(vt({event:new Event("input"),nextState:{isOpen:r.getState().isOpen},props:n,navigator:n.navigator,query:r.getState().query,refresh:i,store:r},o))}if(e.insights&&!n.plugins.some((function(e){return"aa.algoliaInsightsPlugin"===e.name}))){var s="boolean"==typeof e.insights?{}:e.insights;n.plugins.push(Q(s))}return n.plugins.forEach((function(e){var r;return null===(r=e.subscribe)||void 0===r?void 0:r.call(e,vt(vt({},o),{},{navigator:n.navigator,refresh:i,onSelect:function(e){t.push({onSelect:e})},onActive:function(e){t.push({onActive:e})},onResolve:function(e){t.push({onResolve:e})}}))})),function(e){var t,n,r=e.metadata,o=e.environment;if(null===(t=o.navigator)||void 0===t||null===(n=t.userAgent)||void 0===n?void 0:n.includes("Algolia Crawler")){var a=o.document.createElement("meta"),i=o.document.querySelector("head");a.name="algolia:metadata",setTimeout((function(){a.content=JSON.stringify(r),i.appendChild(a)}),0)}}({metadata:ut({plugins:n.plugins,options:e}),environment:n.environment}),vt(vt({refresh:i,navigator:n.navigator},a),o)}function St(e){var t=e.translations,n=(void 0===t?{}:t).searchByText,o=void 0===n?"Search by":n;return r.createElement("a",{href:"https://www.algolia.com/ref/docsearch/?utm_source=".concat(window.location.hostname,"&utm_medium=referral&utm_content=powered_by&utm_campaign=docsearch"),target:"_blank",rel:"noopener noreferrer"},r.createElement("span",{className:"DocSearch-Label"},o),r.createElement("svg",{width:"77",height:"19","aria-label":"Algolia",role:"img",id:"Layer_1",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 2196.2 500"},r.createElement("defs",null,r.createElement("style",null,".cls-1,.cls-2{fill:#003dff;}.cls-2{fill-rule:evenodd;}")),r.createElement("path",{className:"cls-2",d:"M1070.38,275.3V5.91c0-3.63-3.24-6.39-6.82-5.83l-50.46,7.94c-2.87,.45-4.99,2.93-4.99,5.84l.17,273.22c0,12.92,0,92.7,95.97,95.49,3.33,.1,6.09-2.58,6.09-5.91v-40.78c0-2.96-2.19-5.51-5.12-5.84-34.85-4.01-34.85-47.57-34.85-54.72Z"}),r.createElement("rect",{className:"cls-1",x:"1845.88",y:"104.73",width:"62.58",height:"277.9",rx:"5.9",ry:"5.9"}),r.createElement("path",{className:"cls-2",d:"M1851.78,71.38h50.77c3.26,0,5.9-2.64,5.9-5.9V5.9c0-3.62-3.24-6.39-6.82-5.83l-50.77,7.95c-2.87,.45-4.99,2.92-4.99,5.83v51.62c0,3.26,2.64,5.9,5.9,5.9Z"}),r.createElement("path",{className:"cls-2",d:"M1764.03,275.3V5.91c0-3.63-3.24-6.39-6.82-5.83l-50.46,7.94c-2.87,.45-4.99,2.93-4.99,5.84l.17,273.22c0,12.92,0,92.7,95.97,95.49,3.33,.1,6.09-2.58,6.09-5.91v-40.78c0-2.96-2.19-5.51-5.12-5.84-34.85-4.01-34.85-47.57-34.85-54.72Z"}),r.createElement("path",{className:"cls-2",d:"M1631.95,142.72c-11.14-12.25-24.83-21.65-40.78-28.31-15.92-6.53-33.26-9.85-52.07-9.85-18.78,0-36.15,3.17-51.92,9.85-15.59,6.66-29.29,16.05-40.76,28.31-11.47,12.23-20.38,26.87-26.76,44.03-6.38,17.17-9.24,37.37-9.24,58.36,0,20.99,3.19,36.87,9.55,54.21,6.38,17.32,15.14,32.11,26.45,44.36,11.29,12.23,24.83,21.62,40.6,28.46,15.77,6.83,40.12,10.33,52.4,10.48,12.25,0,36.78-3.82,52.7-10.48,15.92-6.68,29.46-16.23,40.78-28.46,11.29-12.25,20.05-27.04,26.25-44.36,6.22-17.34,9.24-33.22,9.24-54.21,0-20.99-3.34-41.19-10.03-58.36-6.38-17.17-15.14-31.8-26.43-44.03Zm-44.43,163.75c-11.47,15.75-27.56,23.7-48.09,23.7-20.55,0-36.63-7.8-48.1-23.7-11.47-15.75-17.21-34.01-17.21-61.2,0-26.89,5.59-49.14,17.06-64.87,11.45-15.75,27.54-23.52,48.07-23.52,20.55,0,36.63,7.78,48.09,23.52,11.47,15.57,17.36,37.98,17.36,64.87,0,27.19-5.72,45.3-17.19,61.2Z"}),r.createElement("path",{className:"cls-2",d:"M894.42,104.73h-49.33c-48.36,0-90.91,25.48-115.75,64.1-14.52,22.58-22.99,49.63-22.99,78.73,0,44.89,20.13,84.92,51.59,111.1,2.93,2.6,6.05,4.98,9.31,7.14,12.86,8.49,28.11,13.47,44.52,13.47,1.23,0,2.46-.03,3.68-.09,.36-.02,.71-.05,1.07-.07,.87-.05,1.75-.11,2.62-.2,.34-.03,.68-.08,1.02-.12,.91-.1,1.82-.21,2.73-.34,.21-.03,.42-.07,.63-.1,32.89-5.07,61.56-30.82,70.9-62.81v57.83c0,3.26,2.64,5.9,5.9,5.9h50.42c3.26,0,5.9-2.64,5.9-5.9V110.63c0-3.26-2.64-5.9-5.9-5.9h-56.32Zm0,206.92c-12.2,10.16-27.97,13.98-44.84,15.12-.16,.01-.33,.03-.49,.04-1.12,.07-2.24,.1-3.36,.1-42.24,0-77.12-35.89-77.12-79.37,0-10.25,1.96-20.01,5.42-28.98,11.22-29.12,38.77-49.74,71.06-49.74h49.33v142.83Z"}),r.createElement("path",{className:"cls-2",d:"M2133.97,104.73h-49.33c-48.36,0-90.91,25.48-115.75,64.1-14.52,22.58-22.99,49.63-22.99,78.73,0,44.89,20.13,84.92,51.59,111.1,2.93,2.6,6.05,4.98,9.31,7.14,12.86,8.49,28.11,13.47,44.52,13.47,1.23,0,2.46-.03,3.68-.09,.36-.02,.71-.05,1.07-.07,.87-.05,1.75-.11,2.62-.2,.34-.03,.68-.08,1.02-.12,.91-.1,1.82-.21,2.73-.34,.21-.03,.42-.07,.63-.1,32.89-5.07,61.56-30.82,70.9-62.81v57.83c0,3.26,2.64,5.9,5.9,5.9h50.42c3.26,0,5.9-2.64,5.9-5.9V110.63c0-3.26-2.64-5.9-5.9-5.9h-56.32Zm0,206.92c-12.2,10.16-27.97,13.98-44.84,15.12-.16,.01-.33,.03-.49,.04-1.12,.07-2.24,.1-3.36,.1-42.24,0-77.12-35.89-77.12-79.37,0-10.25,1.96-20.01,5.42-28.98,11.22-29.12,38.77-49.74,71.06-49.74h49.33v142.83Z"}),r.createElement("path",{className:"cls-2",d:"M1314.05,104.73h-49.33c-48.36,0-90.91,25.48-115.75,64.1-11.79,18.34-19.6,39.64-22.11,62.59-.58,5.3-.88,10.68-.88,16.14s.31,11.15,.93,16.59c4.28,38.09,23.14,71.61,50.66,94.52,2.93,2.6,6.05,4.98,9.31,7.14,12.86,8.49,28.11,13.47,44.52,13.47h0c17.99,0,34.61-5.93,48.16-15.97,16.29-11.58,28.88-28.54,34.48-47.75v50.26h-.11v11.08c0,21.84-5.71,38.27-17.34,49.36-11.61,11.08-31.04,16.63-58.25,16.63-11.12,0-28.79-.59-46.6-2.41-2.83-.29-5.46,1.5-6.27,4.22l-12.78,43.11c-1.02,3.46,1.27,7.02,4.83,7.53,21.52,3.08,42.52,4.68,54.65,4.68,48.91,0,85.16-10.75,108.89-32.21,21.48-19.41,33.15-48.89,35.2-88.52V110.63c0-3.26-2.64-5.9-5.9-5.9h-56.32Zm0,64.1s.65,139.13,0,143.36c-12.08,9.77-27.11,13.59-43.49,14.7-.16,.01-.33,.03-.49,.04-1.12,.07-2.24,.1-3.36,.1-1.32,0-2.63-.03-3.94-.1-40.41-2.11-74.52-37.26-74.52-79.38,0-10.25,1.96-20.01,5.42-28.98,11.22-29.12,38.77-49.74,71.06-49.74h49.33Z"}),r.createElement("path",{className:"cls-1",d:"M249.83,0C113.3,0,2,110.09,.03,246.16c-2,138.19,110.12,252.7,248.33,253.5,42.68,.25,83.79-10.19,120.3-30.03,3.56-1.93,4.11-6.83,1.08-9.51l-23.38-20.72c-4.75-4.21-11.51-5.4-17.36-2.92-25.48,10.84-53.17,16.38-81.71,16.03-111.68-1.37-201.91-94.29-200.13-205.96,1.76-110.26,92-199.41,202.67-199.41h202.69V407.41l-115-102.18c-3.72-3.31-9.42-2.66-12.42,1.31-18.46,24.44-48.53,39.64-81.93,37.34-46.33-3.2-83.87-40.5-87.34-86.81-4.15-55.24,39.63-101.52,94-101.52,49.18,0,89.68,37.85,93.91,85.95,.38,4.28,2.31,8.27,5.52,11.12l29.95,26.55c3.4,3.01,8.79,1.17,9.63-3.3,2.16-11.55,2.92-23.58,2.07-35.92-4.82-70.34-61.8-126.93-132.17-131.26-80.68-4.97-148.13,58.14-150.27,137.25-2.09,77.1,61.08,143.56,138.19,145.26,32.19,.71,62.03-9.41,86.14-26.95l150.26,133.2c6.44,5.71,16.61,1.14,16.61-7.47V9.48C499.66,4.25,495.42,0,490.18,0H249.83Z"})))}function xt(e){return r.createElement("svg",{width:"15",height:"15","aria-label":e.ariaLabel,role:"img"},r.createElement("g",{fill:"none",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"1.2"},e.children))}function Et(e){var t=e.translations,n=void 0===t?{}:t,o=n.selectText,a=void 0===o?"to select":o,i=n.selectKeyAriaLabel,s=void 0===i?"Enter key":i,l=n.navigateText,c=void 0===l?"to navigate":l,u=n.navigateUpKeyAriaLabel,d=void 0===u?"Arrow up":u,p=n.navigateDownKeyAriaLabel,f=void 0===p?"Arrow down":p,m=n.closeText,h=void 0===m?"to close":m,g=n.closeKeyAriaLabel,b=void 0===g?"Escape key":g,y=n.searchByText,v=void 0===y?"Search by":y;return r.createElement(r.Fragment,null,r.createElement("div",{className:"DocSearch-Logo"},r.createElement(St,{translations:{searchByText:v}})),r.createElement("ul",{className:"DocSearch-Commands"},r.createElement("li",null,r.createElement("kbd",{className:"DocSearch-Commands-Key"},r.createElement(xt,{ariaLabel:s},r.createElement("path",{d:"M12 3.53088v3c0 1-1 2-2 2H4M7 11.53088l-3-3 3-3"}))),r.createElement("span",{className:"DocSearch-Label"},a)),r.createElement("li",null,r.createElement("kbd",{className:"DocSearch-Commands-Key"},r.createElement(xt,{ariaLabel:f},r.createElement("path",{d:"M7.5 3.5v8M10.5 8.5l-3 3-3-3"}))),r.createElement("kbd",{className:"DocSearch-Commands-Key"},r.createElement(xt,{ariaLabel:d},r.createElement("path",{d:"M7.5 11.5v-8M10.5 6.5l-3-3-3 3"}))),r.createElement("span",{className:"DocSearch-Label"},c)),r.createElement("li",null,r.createElement("kbd",{className:"DocSearch-Commands-Key"},r.createElement(xt,{ariaLabel:b},r.createElement("path",{d:"M13.6167 8.936c-.1065.3583-.6883.962-1.4875.962-.7993 0-1.653-.9165-1.653-2.1258v-.5678c0-1.2548.7896-2.1016 1.653-2.1016.8634 0 1.3601.4778 1.4875 1.0724M9 6c-.1352-.4735-.7506-.9219-1.46-.8972-.7092.0246-1.344.57-1.344 1.2166s.4198.8812 1.3445.9805C8.465 7.3992 8.968 7.9337 9 8.5c.032.5663-.454 1.398-1.4595 1.398C6.6593 9.898 6 9 5.963 8.4851m-1.4748.5368c-.2635.5941-.8099.876-1.5443.876s-1.7073-.6248-1.7073-2.204v-.4603c0-1.0416.721-2.131 1.7073-2.131.9864 0 1.6425 1.031 1.5443 2.2492h-2.956"}))),r.createElement("span",{className:"DocSearch-Label"},h))))}function _t(e){var t=e.hit,n=e.children;return r.createElement("a",{href:t.url},n)}function Ct(){return r.createElement("svg",{viewBox:"0 0 38 38",stroke:"currentColor",strokeOpacity:".5"},r.createElement("g",{fill:"none",fillRule:"evenodd"},r.createElement("g",{transform:"translate(1 1)",strokeWidth:"2"},r.createElement("circle",{strokeOpacity:".3",cx:"18",cy:"18",r:"18"}),r.createElement("path",{d:"M36 18c0-9.94-8.06-18-18-18"},r.createElement("animateTransform",{attributeName:"transform",type:"rotate",from:"0 18 18",to:"360 18 18",dur:"1s",repeatCount:"indefinite"})))))}function jt(){return r.createElement("svg",{width:"20",height:"20",viewBox:"0 0 20 20"},r.createElement("g",{stroke:"currentColor",fill:"none",fillRule:"evenodd",strokeLinecap:"round",strokeLinejoin:"round"},r.createElement("path",{d:"M3.18 6.6a8.23 8.23 0 1112.93 9.94h0a8.23 8.23 0 01-11.63 0"}),r.createElement("path",{d:"M6.44 7.25H2.55V3.36M10.45 6v5.6M10.45 11.6L13 13"})))}function Ot(){return r.createElement("svg",{width:"20",height:"20",viewBox:"0 0 20 20"},r.createElement("path",{d:"M10 10l5.09-5.09L10 10l5.09 5.09L10 10zm0 0L4.91 4.91 10 10l-5.09 5.09L10 10z",stroke:"currentColor",fill:"none",fillRule:"evenodd",strokeLinecap:"round",strokeLinejoin:"round"}))}function At(){return r.createElement("svg",{className:"DocSearch-Hit-Select-Icon",width:"20",height:"20",viewBox:"0 0 20 20"},r.createElement("g",{stroke:"currentColor",fill:"none",fillRule:"evenodd",strokeLinecap:"round",strokeLinejoin:"round"},r.createElement("path",{d:"M18 3v4c0 2-2 4-4 4H2"}),r.createElement("path",{d:"M8 17l-6-6 6-6"})))}var Tt=function(){return r.createElement("svg",{width:"20",height:"20",viewBox:"0 0 20 20"},r.createElement("path",{d:"M17 6v12c0 .52-.2 1-1 1H4c-.7 0-1-.33-1-1V2c0-.55.42-1 1-1h8l5 5zM14 8h-3.13c-.51 0-.87-.34-.87-.87V4",stroke:"currentColor",fill:"none",fillRule:"evenodd",strokeLinejoin:"round"}))};function Pt(e){switch(e.type){case"lvl1":return r.createElement(Tt,null);case"content":return r.createElement(It,null);default:return r.createElement(Lt,null)}}function Lt(){return r.createElement("svg",{width:"20",height:"20",viewBox:"0 0 20 20"},r.createElement("path",{d:"M13 13h4-4V8H7v5h6v4-4H7V8H3h4V3v5h6V3v5h4-4v5zm-6 0v4-4H3h4z",stroke:"currentColor",fill:"none",fillRule:"evenodd",strokeLinecap:"round",strokeLinejoin:"round"}))}function It(){return r.createElement("svg",{width:"20",height:"20",viewBox:"0 0 20 20"},r.createElement("path",{d:"M17 5H3h14zm0 5H3h14zm0 5H3h14z",stroke:"currentColor",fill:"none",fillRule:"evenodd",strokeLinejoin:"round"}))}function Nt(){return r.createElement("svg",{width:"20",height:"20",viewBox:"0 0 20 20"},r.createElement("path",{d:"M10 14.2L5 17l1-5.6-4-4 5.5-.7 2.5-5 2.5 5 5.6.8-4 4 .9 5.5z",stroke:"currentColor",fill:"none",fillRule:"evenodd",strokeLinejoin:"round"}))}function Rt(){return r.createElement("svg",{width:"40",height:"40",viewBox:"0 0 20 20",fill:"none",fillRule:"evenodd",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round"},r.createElement("path",{d:"M19 4.8a16 16 0 00-2-1.2m-3.3-1.2A16 16 0 001.1 4.7M16.7 8a12 12 0 00-2.8-1.4M10 6a12 12 0 00-6.7 2M12.3 14.7a4 4 0 00-4.5 0M14.5 11.4A8 8 0 0010 10M3 16L18 2M10 18h0"}))}function Dt(){return r.createElement("svg",{width:"40",height:"40",viewBox:"0 0 20 20",fill:"none",fillRule:"evenodd",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round"},r.createElement("path",{d:"M15.5 4.8c2 3 1.7 7-1 9.7h0l4.3 4.3-4.3-4.3a7.8 7.8 0 01-9.8 1m-2.2-2.2A7.8 7.8 0 0113.2 2.4M2 18L18 2"}))}function Mt(e){var t=e.translations,n=void 0===t?{}:t,o=n.titleText,a=void 0===o?"Unable to fetch results":o,i=n.helpText,s=void 0===i?"You might want to check your network connection.":i;return r.createElement("div",{className:"DocSearch-ErrorScreen"},r.createElement("div",{className:"DocSearch-Screen-Icon"},r.createElement(Rt,null)),r.createElement("p",{className:"DocSearch-Title"},a),r.createElement("p",{className:"DocSearch-Help"},s))}var Ft=["translations"];function zt(e){var t=e.translations,n=void 0===t?{}:t,o=l(e,Ft),a=n.noResultsText,i=void 0===a?"No results for":a,s=n.suggestedQueryText,c=void 0===s?"Try searching for":s,d=n.reportMissingResultsText,p=void 0===d?"Believe this query should return results?":d,f=n.reportMissingResultsLinkText,m=void 0===f?"Let us know.":f,h=o.state.context.searchSuggestions;return r.createElement("div",{className:"DocSearch-NoResults"},r.createElement("div",{className:"DocSearch-Screen-Icon"},r.createElement(Dt,null)),r.createElement("p",{className:"DocSearch-Title"},i,' "',r.createElement("strong",null,o.state.query),'"'),h&&h.length>0&&r.createElement("div",{className:"DocSearch-NoResults-Prefill-List"},r.createElement("p",{className:"DocSearch-Help"},c,":"),r.createElement("ul",null,h.slice(0,3).reduce((function(e,t){return[].concat(u(e),[r.createElement("li",{key:t},r.createElement("button",{className:"DocSearch-Prefill",key:t,type:"button",onClick:function(){o.setQuery(t.toLowerCase()+" "),o.refresh(),o.inputRef.current.focus()}},t))])}),[]))),o.getMissingResultsUrl&&r.createElement("p",{className:"DocSearch-Help"},"".concat(p," "),r.createElement("a",{href:o.getMissingResultsUrl({query:o.state.query}),target:"_blank",rel:"noopener noreferrer"},m)))}var Bt=["hit","attribute","tagName"];function Ut(e,t){return t.split(".").reduce((function(e,t){return null!=e&&e[t]?e[t]:null}),e)}function qt(e){var t=e.hit,n=e.attribute,o=e.tagName,i=void 0===o?"span":o,s=l(e,Bt);return(0,r.createElement)(i,a(a({},s),{},{dangerouslySetInnerHTML:{__html:Ut(t,"_snippetResult.".concat(n,".value"))||Ut(t,n)}}))}function $t(e){return e.collection&&0!==e.collection.items.length?r.createElement("section",{className:"DocSearch-Hits"},r.createElement("div",{className:"DocSearch-Hit-source"},e.title),r.createElement("ul",e.getListProps(),e.collection.items.map((function(t,n){return r.createElement(Ht,s({key:[e.title,t.objectID].join(":"),item:t,index:n},e))})))):null}function Ht(e){var t=e.item,n=e.index,o=e.renderIcon,a=e.renderAction,i=e.getItemProps,l=e.onItemClick,u=e.collection,d=e.hitComponent,p=c(r.useState(!1),2),f=p[0],m=p[1],h=c(r.useState(!1),2),g=h[0],b=h[1],y=r.useRef(null),v=d;return r.createElement("li",s({className:["DocSearch-Hit",t.__docsearch_parent&&"DocSearch-Hit--Child",f&&"DocSearch-Hit--deleting",g&&"DocSearch-Hit--favoriting"].filter(Boolean).join(" "),onTransitionEnd:function(){y.current&&y.current()}},i({item:t,source:u.source,onClick:function(e){l(t,e)}})),r.createElement(v,{hit:t},r.createElement("div",{className:"DocSearch-Hit-Container"},o({item:t,index:n}),t.hierarchy[t.type]&&"lvl1"===t.type&&r.createElement("div",{className:"DocSearch-Hit-content-wrapper"},r.createElement(qt,{className:"DocSearch-Hit-title",hit:t,attribute:"hierarchy.lvl1"}),t.content&&r.createElement(qt,{className:"DocSearch-Hit-path",hit:t,attribute:"content"})),t.hierarchy[t.type]&&("lvl2"===t.type||"lvl3"===t.type||"lvl4"===t.type||"lvl5"===t.type||"lvl6"===t.type)&&r.createElement("div",{className:"DocSearch-Hit-content-wrapper"},r.createElement(qt,{className:"DocSearch-Hit-title",hit:t,attribute:"hierarchy.".concat(t.type)}),r.createElement(qt,{className:"DocSearch-Hit-path",hit:t,attribute:"hierarchy.lvl1"})),"content"===t.type&&r.createElement("div",{className:"DocSearch-Hit-content-wrapper"},r.createElement(qt,{className:"DocSearch-Hit-title",hit:t,attribute:"content"}),r.createElement(qt,{className:"DocSearch-Hit-path",hit:t,attribute:"hierarchy.lvl1"})),a({item:t,runDeleteTransition:function(e){m(!0),y.current=e},runFavoriteTransition:function(e){b(!0),y.current=e}}))))}function Vt(e,t,n){return e.reduce((function(e,r){var o=t(r);return e.hasOwnProperty(o)||(e[o]=[]),e[o].length<(n||5)&&e[o].push(r),e}),{})}function Gt(e){return e}function Wt(e){return 1===e.button||e.altKey||e.ctrlKey||e.metaKey||e.shiftKey}function Kt(){}var Qt=/(<mark>|<\/mark>)/g,Yt=RegExp(Qt.source);function Zt(e){var t,n,r=e;if(!r.__docsearch_parent&&!e._highlightResult)return e.hierarchy.lvl0;var o=r.__docsearch_parent?null===(t=r.__docsearch_parent)||void 0===t||null===(t=t._highlightResult)||void 0===t||null===(t=t.hierarchy)||void 0===t?void 0:t.lvl0:null===(n=e._highlightResult)||void 0===n||null===(n=n.hierarchy)||void 0===n?void 0:n.lvl0;return o?o.value&&Yt.test(o.value)?o.value.replace(Qt,""):o.value:e.hierarchy.lvl0}function Jt(e){return r.createElement("div",{className:"DocSearch-Dropdown-Container"},e.state.collections.map((function(t){if(0===t.items.length)return null;var n=Zt(t.items[0]);return r.createElement($t,s({},e,{key:t.source.sourceId,title:n,collection:t,renderIcon:function(e){var n,o=e.item,a=e.index;return r.createElement(r.Fragment,null,o.__docsearch_parent&&r.createElement("svg",{className:"DocSearch-Hit-Tree",viewBox:"0 0 24 54"},r.createElement("g",{stroke:"currentColor",fill:"none",fillRule:"evenodd",strokeLinecap:"round",strokeLinejoin:"round"},o.__docsearch_parent!==(null===(n=t.items[a+1])||void 0===n?void 0:n.__docsearch_parent)?r.createElement("path",{d:"M8 6v21M20 27H8.3"}):r.createElement("path",{d:"M8 6v42M20 27H8.3"}))),r.createElement("div",{className:"DocSearch-Hit-icon"},r.createElement(Pt,{type:o.type})))},renderAction:function(){return r.createElement("div",{className:"DocSearch-Hit-action"},r.createElement(At,null))}}))})),e.resultsFooterComponent&&r.createElement("section",{className:"DocSearch-HitsFooter"},r.createElement(e.resultsFooterComponent,{state:e.state})))}var Xt=["translations"];function en(e){var t=e.translations,n=void 0===t?{}:t,o=l(e,Xt),a=n.recentSearchesTitle,i=void 0===a?"Recent":a,c=n.noRecentSearchesText,u=void 0===c?"No recent searches":c,d=n.saveRecentSearchButtonTitle,p=void 0===d?"Save this search":d,f=n.removeRecentSearchButtonTitle,m=void 0===f?"Remove this search from history":f,h=n.favoriteSearchesTitle,g=void 0===h?"Favorite":h,b=n.removeFavoriteSearchButtonTitle,y=void 0===b?"Remove this search from favorites":b;return"idle"===o.state.status&&!1===o.hasCollections?o.disableUserPersonalization?null:r.createElement("div",{className:"DocSearch-StartScreen"},r.createElement("p",{className:"DocSearch-Help"},u)):!1===o.hasCollections?null:r.createElement("div",{className:"DocSearch-Dropdown-Container"},r.createElement($t,s({},o,{title:i,collection:o.state.collections[0],renderIcon:function(){return r.createElement("div",{className:"DocSearch-Hit-icon"},r.createElement(jt,null))},renderAction:function(e){var t=e.item,n=e.runFavoriteTransition,a=e.runDeleteTransition;return r.createElement(r.Fragment,null,r.createElement("div",{className:"DocSearch-Hit-action"},r.createElement("button",{className:"DocSearch-Hit-action-button",title:p,type:"submit",onClick:function(e){e.preventDefault(),e.stopPropagation(),n((function(){o.favoriteSearches.add(t),o.recentSearches.remove(t),o.refresh()}))}},r.createElement(Nt,null))),r.createElement("div",{className:"DocSearch-Hit-action"},r.createElement("button",{className:"DocSearch-Hit-action-button",title:m,type:"submit",onClick:function(e){e.preventDefault(),e.stopPropagation(),a((function(){o.recentSearches.remove(t),o.refresh()}))}},r.createElement(Ot,null))))}})),r.createElement($t,s({},o,{title:g,collection:o.state.collections[1],renderIcon:function(){return r.createElement("div",{className:"DocSearch-Hit-icon"},r.createElement(Nt,null))},renderAction:function(e){var t=e.item,n=e.runDeleteTransition;return r.createElement("div",{className:"DocSearch-Hit-action"},r.createElement("button",{className:"DocSearch-Hit-action-button",title:y,type:"submit",onClick:function(e){e.preventDefault(),e.stopPropagation(),n((function(){o.favoriteSearches.remove(t),o.refresh()}))}},r.createElement(Ot,null)))}})))}var tn=["translations"],nn=r.memo((function(e){var t=e.translations,n=void 0===t?{}:t,o=l(e,tn);if("error"===o.state.status)return r.createElement(Mt,{translations:null==n?void 0:n.errorScreen});var a=o.state.collections.some((function(e){return e.items.length>0}));return o.state.query?!1===a?r.createElement(zt,s({},o,{translations:null==n?void 0:n.noResultsScreen})):r.createElement(Jt,o):r.createElement(en,s({},o,{hasCollections:a,translations:null==n?void 0:n.startScreen}))}),(function(e,t){return"loading"===t.state.status||"stalled"===t.state.status})),rn=["translations"];function on(e){var t=e.translations,n=void 0===t?{}:t,o=l(e,rn),a=n.resetButtonTitle,i=void 0===a?"Clear the query":a,c=n.resetButtonAriaLabel,u=void 0===c?"Clear the query":c,d=n.cancelButtonText,p=void 0===d?"Cancel":d,f=n.cancelButtonAriaLabel,h=void 0===f?"Cancel":f,g=n.searchInputLabel,b=void 0===g?"Search":g,y=o.getFormProps({inputElement:o.inputRef.current}).onReset;return r.useEffect((function(){o.autoFocus&&o.inputRef.current&&o.inputRef.current.focus()}),[o.autoFocus,o.inputRef]),r.useEffect((function(){o.isFromSelection&&o.inputRef.current&&o.inputRef.current.select()}),[o.isFromSelection,o.inputRef]),r.createElement(r.Fragment,null,r.createElement("form",{className:"DocSearch-Form",onSubmit:function(e){e.preventDefault()},onReset:y},r.createElement("label",s({className:"DocSearch-MagnifierLabel"},o.getLabelProps()),r.createElement(m,null),r.createElement("span",{className:"DocSearch-VisuallyHiddenForAccessibility"},b)),r.createElement("div",{className:"DocSearch-LoadingIndicator"},r.createElement(Ct,null)),r.createElement("input",s({className:"DocSearch-Input",ref:o.inputRef},o.getInputProps({inputElement:o.inputRef.current,autoFocus:o.autoFocus,maxLength:64}))),r.createElement("button",{type:"reset",title:i,className:"DocSearch-Reset","aria-label":u,hidden:!o.state.query},r.createElement(Ot,null))),r.createElement("button",{className:"DocSearch-Cancel",type:"reset","aria-label":h,onClick:o.onClose},p))}var an=["_highlightResult","_snippetResult"];function sn(e){var t=e.key,n=e.limit,r=void 0===n?5:n,o=function(e){return!1===function(){var e="__TEST_KEY__";try{return localStorage.setItem(e,""),localStorage.removeItem(e),!0}catch(e){return!1}}()?{setItem:function(){},getItem:function(){return[]}}:{setItem:function(t){return window.localStorage.setItem(e,JSON.stringify(t))},getItem:function(){var t=window.localStorage.getItem(e);return t?JSON.parse(t):[]}}}(t),a=o.getItem().slice(0,r);return{add:function(e){var t=e,n=(t._highlightResult,t._snippetResult,l(t,an)),i=a.findIndex((function(e){return e.objectID===n.objectID}));i>-1&&a.splice(i,1),a.unshift(n),a=a.slice(0,r),o.setItem(a)},remove:function(e){a=a.filter((function(t){return t.objectID!==e.objectID})),o.setItem(a)},getAll:function(){return a}}}function ln(e){const t=`algoliasearch-client-js-${e.key}`;let n;const r=()=>(void 0===n&&(n=e.localStorage||window.localStorage),n),o=()=>JSON.parse(r().getItem(t)||"{}"),a=e=>{r().setItem(t,JSON.stringify(e))};return{get:(t,n,r={miss:()=>Promise.resolve()})=>Promise.resolve().then((()=>{(()=>{const t=e.timeToLive?1e3*e.timeToLive:null,n=o(),r=Object.fromEntries(Object.entries(n).filter((([,e])=>void 0!==e.timestamp)));if(a(r),!t)return;const i=Object.fromEntries(Object.entries(r).filter((([,e])=>{const n=(new Date).getTime();return!(e.timestamp+t<n)})));a(i)})();const n=JSON.stringify(t);return o()[n]})).then((e=>Promise.all([e?e.value:n(),void 0!==e]))).then((([e,t])=>Promise.all([e,t||r.miss(e)]))).then((([e])=>e)),set:(e,n)=>Promise.resolve().then((()=>{const a=o();return a[JSON.stringify(e)]={timestamp:(new Date).getTime(),value:n},r().setItem(t,JSON.stringify(a)),n})),delete:e=>Promise.resolve().then((()=>{const n=o();delete n[JSON.stringify(e)],r().setItem(t,JSON.stringify(n))})),clear:()=>Promise.resolve().then((()=>{r().removeItem(t)}))}}function cn(e){const t=[...e.caches],n=t.shift();return void 0===n?{get:(e,t,n={miss:()=>Promise.resolve()})=>t().then((e=>Promise.all([e,n.miss(e)]))).then((([e])=>e)),set:(e,t)=>Promise.resolve(t),delete:e=>Promise.resolve(),clear:()=>Promise.resolve()}:{get:(e,r,o={miss:()=>Promise.resolve()})=>n.get(e,r,o).catch((()=>cn({caches:t}).get(e,r,o))),set:(e,r)=>n.set(e,r).catch((()=>cn({caches:t}).set(e,r))),delete:e=>n.delete(e).catch((()=>cn({caches:t}).delete(e))),clear:()=>n.clear().catch((()=>cn({caches:t}).clear()))}}function un(e={serializable:!0}){let t={};return{get(n,r,o={miss:()=>Promise.resolve()}){const a=JSON.stringify(n);if(a in t)return Promise.resolve(e.serializable?JSON.parse(t[a]):t[a]);const i=r(),s=o&&o.miss||(()=>Promise.resolve());return i.then((e=>s(e))).then((()=>i))},set:(n,r)=>(t[JSON.stringify(n)]=e.serializable?JSON.stringify(r):r,Promise.resolve(r)),delete:e=>(delete t[JSON.stringify(e)],Promise.resolve()),clear:()=>(t={},Promise.resolve())}}function dn(e){let t=e.length-1;for(;t>0;t--){const n=Math.floor(Math.random()*(t+1)),r=e[t];e[t]=e[n],e[n]=r}return e}function pn(e,t){return t?(Object.keys(t).forEach((n=>{e[n]=t[n](e)})),e):e}function fn(e,...t){let n=0;return e.replace(/%s/g,(()=>encodeURIComponent(t[n++])))}const mn={WithinQueryParameters:0,WithinHeaders:1};function hn(e,t){const n=e||{},r=n.data||{};return Object.keys(n).forEach((e=>{-1===["timeout","headers","queryParameters","data","cacheable"].indexOf(e)&&(r[e]=n[e])})),{data:Object.entries(r).length>0?r:void 0,timeout:n.timeout||t,headers:n.headers||{},queryParameters:n.queryParameters||{},cacheable:n.cacheable}}const gn={Read:1,Write:2,Any:3},bn=1,yn=3;function vn(e,t=bn){return{...e,status:t,lastUpdate:Date.now()}}function wn(e){return"string"==typeof e?{protocol:"https",url:e,accept:gn.Any}:{protocol:e.protocol||"https",url:e.url,accept:e.accept||gn.Any}}const kn="GET",Sn="POST";function xn(e,t,n,r){const o=[],a=function(e,t){if(e.method===kn||void 0===e.data&&void 0===t.data)return;const n=Array.isArray(e.data)?e.data:{...e.data,...t.data};return JSON.stringify(n)}(n,r),i=function(e,t){const n={...e.headers,...t.headers},r={};return Object.keys(n).forEach((e=>{const t=n[e];r[e.toLowerCase()]=t})),r}(e,r),s=n.method,l=n.method!==kn?{}:{...n.data,...r.data},c={"x-algolia-agent":e.userAgent.value,...e.queryParameters,...l,...r.queryParameters};let u=0;const d=(t,l)=>{const p=t.pop();if(void 0===p)throw{name:"RetryError",message:"Unreachable hosts - your application id may be incorrect. If the error persists, contact support@algolia.com.",transporterStackTrace:jn(o)};const f={data:a,headers:i,method:s,url:_n(p,n.path,c),connectTimeout:l(u,e.timeouts.connect),responseTimeout:l(u,r.timeout)},m=e=>{const n={request:f,response:e,host:p,triesLeft:t.length};return o.push(n),n},h={onSuccess:e=>function(e){try{return JSON.parse(e.content)}catch(t){throw function(e,t){return{name:"DeserializationError",message:e,response:t}}(t.message,e)}}(e),onRetry(n){const r=m(n);return n.isTimedOut&&u++,Promise.all([e.logger.info("Retryable failure",On(r)),e.hostsCache.set(p,vn(p,n.isTimedOut?yn:2))]).then((()=>d(t,l)))},onFail(e){throw m(e),function({content:e,status:t},n){let r=e;try{r=JSON.parse(e).message}catch(e){}return function(e,t,n){return{name:"ApiError",message:e,status:t,transporterStackTrace:n}}(r,t,n)}(e,jn(o))}};return e.requester.send(f).then((e=>((e,t)=>(e=>{const t=e.status;return e.isTimedOut||(({isTimedOut:e,status:t})=>!e&&!~~t)(e)||2!=~~(t/100)&&4!=~~(t/100)})(e)?t.onRetry(e):(({status:e})=>2==~~(e/100))(e)?t.onSuccess(e):t.onFail(e))(e,h)))};return function(e,t){return Promise.all(t.map((t=>e.get(t,(()=>Promise.resolve(vn(t))))))).then((e=>{const n=e.filter((e=>function(e){return e.status===bn||Date.now()-e.lastUpdate>12e4}(e))),r=e.filter((e=>function(e){return e.status===yn&&Date.now()-e.lastUpdate<=12e4}(e))),o=[...n,...r];return{getTimeout:(e,t)=>(0===r.length&&0===e?1:r.length+3+e)*t,statelessHosts:o.length>0?o.map((e=>wn(e))):t}}))}(e.hostsCache,t).then((e=>d([...e.statelessHosts].reverse(),e.getTimeout)))}function En(e){const t={value:`Algolia for JavaScript (${e})`,add(e){const n=`; ${e.segment}${void 0!==e.version?` (${e.version})`:""}`;return-1===t.value.indexOf(n)&&(t.value=`${t.value}${n}`),t}};return t}function _n(e,t,n){const r=Cn(n);let o=`${e.protocol}://${e.url}/${"/"===t.charAt(0)?t.substr(1):t}`;return r.length&&(o+=`?${r}`),o}function Cn(e){return Object.keys(e).map((t=>{return fn("%s=%s",t,(n=e[t],"[object Object]"===Object.prototype.toString.call(n)||"[object Array]"===Object.prototype.toString.call(n)?JSON.stringify(e[t]):e[t]));var n})).join("&")}function jn(e){return e.map((e=>On(e)))}function On(e){const t=e.request.headers["x-algolia-api-key"]?{"x-algolia-api-key":"*****"}:{};return{...e,request:{...e.request,headers:{...e.request.headers,...t}}}}const An=e=>{const t=e.appId,n=function(e,t,n){const r={"x-algolia-api-key":n,"x-algolia-application-id":t};return{headers:()=>e===mn.WithinHeaders?r:{},queryParameters:()=>e===mn.WithinQueryParameters?r:{}}}(void 0!==e.authMode?e.authMode:mn.WithinHeaders,t,e.apiKey),r=function(e){const{hostsCache:t,logger:n,requester:r,requestsCache:o,responsesCache:a,timeouts:i,userAgent:s,hosts:l,queryParameters:c,headers:u}=e,d={hostsCache:t,logger:n,requester:r,requestsCache:o,responsesCache:a,timeouts:i,userAgent:s,headers:u,queryParameters:c,hosts:l.map((e=>wn(e))),read(e,t){const n=hn(t,d.timeouts.read),r=()=>xn(d,d.hosts.filter((e=>!!(e.accept&gn.Read))),e,n);if(!0!==(void 0!==n.cacheable?n.cacheable:e.cacheable))return r();const o={request:e,mappedRequestOptions:n,transporter:{queryParameters:d.queryParameters,headers:d.headers}};return d.responsesCache.get(o,(()=>d.requestsCache.get(o,(()=>d.requestsCache.set(o,r()).then((e=>Promise.all([d.requestsCache.delete(o),e])),(e=>Promise.all([d.requestsCache.delete(o),Promise.reject(e)]))).then((([e,t])=>t))))),{miss:e=>d.responsesCache.set(o,e)})},write:(e,t)=>xn(d,d.hosts.filter((e=>!!(e.accept&gn.Write))),e,hn(t,d.timeouts.write))};return d}({hosts:[{url:`${t}-dsn.algolia.net`,accept:gn.Read},{url:`${t}.algolia.net`,accept:gn.Write}].concat(dn([{url:`${t}-1.algolianet.com`},{url:`${t}-2.algolianet.com`},{url:`${t}-3.algolianet.com`}])),...e,headers:{...n.headers(),"content-type":"application/x-www-form-urlencoded",...e.headers},queryParameters:{...n.queryParameters(),...e.queryParameters}}),o={transporter:r,appId:t,addAlgoliaAgent(e,t){r.userAgent.add({segment:e,version:t})},clearCache:()=>Promise.all([r.requestsCache.clear(),r.responsesCache.clear()]).then((()=>{}))};return pn(o,e.methods)},Tn=e=>(t,n)=>t.method===kn?e.transporter.read(t,n):e.transporter.write(t,n),Pn=e=>(t,n={})=>pn({transporter:e.transporter,appId:e.appId,indexName:t},n.methods),Ln=e=>(t,n)=>{const r=t.map((e=>({...e,params:Cn(e.params||{})})));return e.transporter.read({method:Sn,path:"1/indexes/*/queries",data:{requests:r},cacheable:!0},n)},In=e=>(t,n)=>Promise.all(t.map((t=>{const{facetName:r,facetQuery:o,...a}=t.params;return Pn(e)(t.indexName,{methods:{searchForFacetValues:Dn}}).searchForFacetValues(r,o,{...n,...a})}))),Nn=e=>(t,n,r)=>e.transporter.read({method:Sn,path:fn("1/answers/%s/prediction",e.indexName),data:{query:t,queryLanguages:n},cacheable:!0},r),Rn=e=>(t,n)=>e.transporter.read({method:Sn,path:fn("1/indexes/%s/query",e.indexName),data:{query:t},cacheable:!0},n),Dn=e=>(t,n,r)=>e.transporter.read({method:Sn,path:fn("1/indexes/%s/facets/%s/query",e.indexName,t),data:{facetQuery:n},cacheable:!0},r),Mn=1,Fn=2,zn=3;function Bn(e,t,n){const r={appId:e,apiKey:t,timeouts:{connect:1,read:2,write:30},requester:{send:e=>new Promise((t=>{const n=new XMLHttpRequest;n.open(e.method,e.url,!0),Object.keys(e.headers).forEach((t=>n.setRequestHeader(t,e.headers[t])));const r=(e,r)=>setTimeout((()=>{n.abort(),t({status:0,content:r,isTimedOut:!0})}),1e3*e),o=r(e.connectTimeout,"Connection timeout");let a;n.onreadystatechange=()=>{n.readyState>n.OPENED&&void 0===a&&(clearTimeout(o),a=r(e.responseTimeout,"Socket timeout"))},n.onerror=()=>{0===n.status&&(clearTimeout(o),clearTimeout(a),t({content:n.responseText||"Network request failed",status:n.status,isTimedOut:!1}))},n.onload=()=>{clearTimeout(o),clearTimeout(a),t({content:n.responseText,status:n.status,isTimedOut:!1})},n.send(e.data)}))},logger:(o=zn,{debug:(e,t)=>(Mn>=o&&console.debug(e,t),Promise.resolve()),info:(e,t)=>(Fn>=o&&console.info(e,t),Promise.resolve()),error:(e,t)=>(console.error(e,t),Promise.resolve())}),responsesCache:un(),requestsCache:un({serializable:!1}),hostsCache:cn({caches:[ln({key:`4.19.1-${e}`}),un()]}),userAgent:En("4.19.1").add({segment:"Browser",version:"lite"}),authMode:mn.WithinQueryParameters};var o;return An({...r,...n,methods:{search:Ln,searchForFacetValues:In,multipleQueries:Ln,multipleSearchForFacetValues:In,customRequest:Tn,initIndex:e=>t=>Pn(e)(t,{methods:{search:Rn,searchForFacetValues:Dn,findAnswers:Nn}})}})}Bn.version="4.19.1";var Un=["footer","searchBox"];function qn(e){var t=e.appId,n=e.apiKey,o=e.indexName,i=e.placeholder,u=void 0===i?"Search docs":i,d=e.searchParameters,p=e.maxResultsPerGroup,f=e.onClose,m=void 0===f?Kt:f,h=e.transformItems,g=void 0===h?Gt:h,b=e.hitComponent,y=void 0===b?_t:b,v=e.resultsFooterComponent,w=void 0===v?function(){return null}:v,k=e.navigator,S=e.initialScrollY,x=void 0===S?0:S,E=e.transformSearchClient,_=void 0===E?Gt:E,C=e.disableUserPersonalization,j=void 0!==C&&C,O=e.initialQuery,A=void 0===O?"":O,T=e.translations,P=void 0===T?{}:T,L=e.getMissingResultsUrl,I=e.insights,N=void 0!==I&&I,R=P.footer,D=P.searchBox,M=l(P,Un),F=c(r.useState({query:"",collections:[],completion:null,context:{},isOpen:!1,activeItemId:null,status:"idle"}),2),z=F[0],B=F[1],U=r.useRef(null),q=r.useRef(null),$=r.useRef(null),H=r.useRef(null),V=r.useRef(null),G=r.useRef(10),W=r.useRef("undefined"!=typeof window?window.getSelection().toString().slice(0,64):"").current,K=r.useRef(A||W).current,Q=function(e,t,n){return r.useMemo((function(){var r=Bn(e,t);return r.addAlgoliaAgent("docsearch","3.6.2"),!1===/docsearch.js \(.*\)/.test(r.transporter.userAgent.value)&&r.addAlgoliaAgent("docsearch-react","3.6.2"),n(r)}),[e,t,n])}(t,n,_),Y=r.useRef(sn({key:"__DOCSEARCH_FAVORITE_SEARCHES__".concat(o),limit:10})).current,Z=r.useRef(sn({key:"__DOCSEARCH_RECENT_SEARCHES__".concat(o),limit:0===Y.getAll().length?7:4})).current,J=r.useCallback((function(e){if(!j){var t="content"===e.type?e.__docsearch_parent:e;t&&-1===Y.getAll().findIndex((function(e){return e.objectID===t.objectID}))&&Z.add(t)}}),[Y,Z,j]),X=r.useCallback((function(e){if(z.context.algoliaInsightsPlugin&&e.__autocomplete_id){var t=e,n={eventName:"Item Selected",index:t.__autocomplete_indexName,items:[t],positions:[e.__autocomplete_id],queryID:t.__autocomplete_queryID};z.context.algoliaInsightsPlugin.insights.clickedObjectIDsAfterSearch(n)}}),[z.context.algoliaInsightsPlugin]),ee=r.useMemo((function(){return kt({id:"docsearch",defaultActiveItemId:0,placeholder:u,openOnFocus:!0,initialState:{query:K,context:{searchSuggestions:[]}},insights:N,navigator:k,onStateChange:function(e){B(e.state)},getSources:function(e){var r=e.query,i=e.state,s=e.setContext,l=e.setStatus;if(!r)return j?[]:[{sourceId:"recentSearches",onSelect:function(e){var t=e.item,n=e.event;J(t),Wt(n)||m()},getItemUrl:function(e){return e.item.url},getItems:function(){return Z.getAll()}},{sourceId:"favoriteSearches",onSelect:function(e){var t=e.item,n=e.event;J(t),Wt(n)||m()},getItemUrl:function(e){return e.item.url},getItems:function(){return Y.getAll()}}];var c=Boolean(N);return Q.search([{query:r,indexName:o,params:a({attributesToRetrieve:["hierarchy.lvl0","hierarchy.lvl1","hierarchy.lvl2","hierarchy.lvl3","hierarchy.lvl4","hierarchy.lvl5","hierarchy.lvl6","content","type","url"],attributesToSnippet:["hierarchy.lvl1:".concat(G.current),"hierarchy.lvl2:".concat(G.current),"hierarchy.lvl3:".concat(G.current),"hierarchy.lvl4:".concat(G.current),"hierarchy.lvl5:".concat(G.current),"hierarchy.lvl6:".concat(G.current),"content:".concat(G.current)],snippetEllipsisText:"\u2026",highlightPreTag:"<mark>",highlightPostTag:"</mark>",hitsPerPage:20,clickAnalytics:c},d)}]).catch((function(e){throw"RetryError"===e.name&&l("error"),e})).then((function(e){var r=e.results[0],l=r.hits,u=r.nbHits,d=Vt(l,(function(e){return Zt(e)}),p);i.context.searchSuggestions.length<Object.keys(d).length&&s({searchSuggestions:Object.keys(d)}),s({nbHits:u});var f={};return c&&(f={__autocomplete_indexName:o,__autocomplete_queryID:r.queryID,__autocomplete_algoliaCredentials:{appId:t,apiKey:n}}),Object.values(d).map((function(e,t){return{sourceId:"hits".concat(t),onSelect:function(e){var t=e.item,n=e.event;J(t),Wt(n)||m()},getItemUrl:function(e){return e.item.url},getItems:function(){return Object.values(Vt(e,(function(e){return e.hierarchy.lvl1}),p)).map(g).map((function(e){return e.map((function(t){var n=null,r=e.find((function(e){return"lvl1"===e.type&&e.hierarchy.lvl1===t.hierarchy.lvl1}));return"lvl1"!==t.type&&r&&(n=r),a(a({},t),{},{__docsearch_parent:n},f)}))})).flat()}}}))}))}})}),[o,d,p,Q,m,Z,Y,J,K,u,k,g,j,N,t,n]),te=ee.getEnvironmentProps,ne=ee.getRootProps,re=ee.refresh;return function(e){var t=e.getEnvironmentProps,n=e.panelElement,o=e.formElement,a=e.inputElement;r.useEffect((function(){if(n&&o&&a){var e=t({panelElement:n,formElement:o,inputElement:a}),r=e.onTouchStart,i=e.onTouchMove;return window.addEventListener("touchstart",r),window.addEventListener("touchmove",i),function(){window.removeEventListener("touchstart",r),window.removeEventListener("touchmove",i)}}}),[t,n,o,a])}({getEnvironmentProps:te,panelElement:H.current,formElement:$.current,inputElement:V.current}),function(e){var t=e.container;r.useEffect((function(){if(t){var e=t.querySelectorAll("a[href]:not([disabled]), button:not([disabled]), input:not([disabled])"),n=e[0],r=e[e.length-1];return t.addEventListener("keydown",o),function(){t.removeEventListener("keydown",o)}}function o(e){"Tab"===e.key&&(e.shiftKey?document.activeElement===n&&(e.preventDefault(),r.focus()):document.activeElement===r&&(e.preventDefault(),n.focus()))}}),[t])}({container:U.current}),r.useEffect((function(){return document.body.classList.add("DocSearch--active"),function(){var e,t;document.body.classList.remove("DocSearch--active"),null===(e=(t=window).scrollTo)||void 0===e||e.call(t,0,x)}}),[]),r.useEffect((function(){window.matchMedia("(max-width: 768px)").matches&&(G.current=5)}),[]),r.useEffect((function(){H.current&&(H.current.scrollTop=0)}),[z.query]),r.useEffect((function(){K.length>0&&(re(),V.current&&V.current.focus())}),[K,re]),r.useEffect((function(){function e(){if(q.current){var e=.01*window.innerHeight;q.current.style.setProperty("--docsearch-vh","".concat(e,"px"))}}return e(),window.addEventListener("resize",e),function(){window.removeEventListener("resize",e)}}),[]),r.createElement("div",s({ref:U},ne({"aria-expanded":!0}),{className:["DocSearch","DocSearch-Container","stalled"===z.status&&"DocSearch-Container--Stalled","error"===z.status&&"DocSearch-Container--Errored"].filter(Boolean).join(" "),role:"button",tabIndex:0,onMouseDown:function(e){e.target===e.currentTarget&&m()}}),r.createElement("div",{className:"DocSearch-Modal",ref:q},r.createElement("header",{className:"DocSearch-SearchBar",ref:$},r.createElement(on,s({},ee,{state:z,autoFocus:0===K.length,inputRef:V,isFromSelection:Boolean(K)&&K===W,translations:D,onClose:m}))),r.createElement("div",{className:"DocSearch-Dropdown",ref:H},r.createElement(nn,s({},ee,{indexName:o,state:z,hitComponent:y,resultsFooterComponent:w,disableUserPersonalization:j,recentSearches:Z,favoriteSearches:Y,inputRef:V,translations:M,getMissingResultsUrl:L,onItemClick:function(e,t){X(e),J(e),Wt(t)||m()}}))),r.createElement("footer",{className:"DocSearch-Footer"},r.createElement(Et,{translations:R}))))}function $n(e){var t=e.isOpen,n=e.onOpen,o=e.onClose,a=e.onInput,i=e.searchButtonRef;r.useEffect((function(){function e(e){var r;(27===e.keyCode&&t||"k"===(null===(r=e.key)||void 0===r?void 0:r.toLowerCase())&&(e.metaKey||e.ctrlKey)||!function(e){var t=e.target,n=t.tagName;return t.isContentEditable||"INPUT"===n||"SELECT"===n||"TEXTAREA"===n}(e)&&"/"===e.key&&!t)&&(e.preventDefault(),t?o():document.body.classList.contains("DocSearch--active")||document.body.classList.contains("DocSearch--active")||n()),i&&i.current===document.activeElement&&a&&/[a-zA-Z0-9]/.test(String.fromCharCode(e.keyCode))&&a(e)}return window.addEventListener("keydown",e),function(){window.removeEventListener("keydown",e)}}),[t,n,o,a,i])}},9927:(e,t,n)=>{var r={"./":6532};function o(e){var t=a(e);return n(t)}function a(e){if(!n.o(r,e)){var t=new Error("Cannot find module '"+e+"'");throw t.code="MODULE_NOT_FOUND",t}return r[e]}o.keys=function(){return Object.keys(r)},o.resolve=a,e.exports=o,o.id=9927},1377:(e,t,n)=>{"use strict";n.d(t,{A:()=>p});n(758);var r=n(9235),o=n.n(r),a=n(4054);const i={"01a85c17":[()=>Promise.all([n.e(1869),n.e(8209)]).then(n.bind(n,7975)),"@theme/BlogTagsListPage",7975],"0499e362":[()=>n.e(4005).then(n.bind(n,1539)),"@site/i18n/en/docusaurus-plugin-content-docs/current/get-started/cheatsheet.mdx",1539],"0a4ee302":[()=>n.e(5977).then(n.bind(n,1540)),"@site/i18n/en/docusaurus-plugin-content-docs/current/guides/tech/with-nuxtjs.mdx",1540],17896441:[()=>Promise.all([n.e(1869),n.e(4342),n.e(1617),n.e(8401)]).then(n.bind(n,3097)),"@theme/DocItem",3097],"1943626f":[()=>n.e(6726).then(n.bind(n,3952)),"@site/blog/2022-06-04-rebranding.md",3952],"1a4e3797":[()=>Promise.all([n.e(1869),n.e(2138)]).then(n.bind(n,4164)),"@theme/SearchPage",4164],"1df93b7f":[()=>Promise.all([n.e(1869),n.e(9820),n.e(7603),n.e(2511),n.e(4583)]).then(n.bind(n,3395)),"@site/src/pages/index.tsx",3395],"2104cbf7":[()=>n.e(8850).then(n.bind(n,9507)),"@site/i18n/kr/docusaurus-plugin-content-docs/current/get-started/tutorial.md",9507],"25a0b29f":[()=>n.e(422).then(n.bind(n,4688)),"@site/blog/2022-07-25-international-community.md?truncated=true",4688],"2f764a0f":[()=>n.e(8039).then(n.bind(n,7162)),"@site/i18n/en/docusaurus-plugin-content-docs/current/about/understanding/needs-driven.md",7162],"302360db":[()=>n.e(9151).then(n.bind(n,1714)),"@site/i18n/kr/docusaurus-plugin-content-docs/current/get-started/overview.mdx",1714],"3121f8ae":[()=>n.e(9064).then(n.bind(n,3190)),"@site/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/platforms.mdx",3190],"350d1c3d":[()=>n.e(9706).then(n.bind(n,3350)),"@site/i18n/en/docusaurus-plugin-content-docs/current/reference/slices-segments.mdx",3350],"36994c47":[()=>n.e(9858).then(n.t.bind(n,5516,19)),"@generated/docusaurus-plugin-content-blog/default/__plugin.json",5516],"370f8845":[()=>n.e(8754).then(n.bind(n,1610)),"@site/i18n/en/docusaurus-plugin-content-docs/current/guides/tech/with-react-query.mdx",1610],"3d2652fb":[()=>n.e(7811).then(n.bind(n,5472)),"@site/i18n/en/docusaurus-plugin-content-docs/current/reference/public-api.md",5472],"3ef5053a":[()=>Promise.all([n.e(1869),n.e(9820),n.e(4513)]).then(n.bind(n,8039)),"@site/i18n/en/docusaurus-plugin-content-docs/current/reference/index.mdx",8039],"40babe1d":[()=>n.e(5244).then(n.bind(n,3786)),"@site/i18n/en/docusaurus-plugin-content-docs/current/reference/layers.mdx",3786],"4498315b":[()=>n.e(9457).then(n.bind(n,1973)),"@site/i18n/kr/docusaurus-plugin-content-docs/current/get-started/faq.md",1973],"480f28a3":[()=>n.e(7951).then(n.bind(n,5852)),"@site/i18n/en/docusaurus-plugin-content-docs/current/about/mission.md",5852],"488b6464":[()=>n.e(6369).then(n.bind(n,4487)),"@site/i18n/en/docusaurus-plugin-content-docs/current/reference/isolation/coupling-cohesion.md",4487],49161156:[()=>n.e(7028).then(n.bind(n,3787)),"@site/i18n/en/docusaurus-plugin-content-docs/current/about/understanding/naming.md",3787],"4eeeda96":[()=>n.e(5948).then(n.t.bind(n,5701,19)),"@generated/docusaurus-plugin-content-blog/default/p/kr-blog-archive-827.json",5701],"5187bed2":[()=>n.e(4043).then(n.bind(n,4716)),"@site/i18n/en/docusaurus-plugin-content-docs/current/about/understanding/architecture.md",4716],"53f8e831":[()=>Promise.all([n.e(1869),n.e(9820),n.e(2978)]).then(n.bind(n,6382)),"@site/i18n/en/docusaurus-plugin-content-docs/current/guides/index.mdx",6382],"55b0769a":[()=>n.e(9386).then(n.bind(n,3794)),"@site/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/page-layout.md",3794],"55fbebd6":[()=>Promise.all([n.e(1869),n.e(5746)]).then(n.bind(n,9050)),"@site/i18n/en/docusaurus-plugin-content-docs/current/intro.mdx",9050],"590d98cc":[()=>n.e(7604).then(n.bind(n,664)),"@site/i18n/en/docusaurus-plugin-content-docs/current/reference/isolation/decouple-entities.mdx",664],"5bd61d3b":[()=>n.e(9536).then(n.bind(n,6202)),"@site/i18n/en/docusaurus-plugin-content-docs/current/about/understanding/signals.mdx",6202],"5e95c892":[()=>n.e(9647).then(n.bind(n,9355)),"@theme/DocsRoot",9355],"5e9f5e1a":[()=>Promise.resolve().then(n.bind(n,4784)),"@generated/docusaurus.config",4784],"5f7e5f34":[()=>n.e(3366).then(n.bind(n,7908)),"@site/i18n/en/docusaurus-plugin-content-docs/current/guides/issues/desegmented.mdx",7908],"6636c8dc":[()=>n.e(106).then(n.bind(n,1737)),"@site/i18n/en/docusaurus-plugin-content-docs/current/about/promote/integration.mdx",1737],"664a648d":[()=>n.e(5936).then(n.bind(n,8345)),"@site/i18n/en/docusaurus-plugin-content-docs/current/about/promote/partial-application.mdx",8345],"66d3db7c":[()=>n.e(7068).then(n.bind(n,9311)),"@site/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/types.md",9311],"6875c492":[()=>Promise.all([n.e(1869),n.e(4342),n.e(8492),n.e(4813)]).then(n.bind(n,677)),"@theme/BlogTagsPostsPage",677],"7052487b":[()=>Promise.all([n.e(1869),n.e(9820),n.e(4704)]).then(n.bind(n,9606)),"@site/i18n/kr/docusaurus-plugin-content-docs/current/get-started/index.mdx",9606],"7313bf7a":[()=>n.e(25).then(n.bind(n,7497)),"@site/i18n/en/docusaurus-plugin-content-docs/community/team.mdx",7497],"7a790ed0":[()=>n.e(6422).then(n.bind(n,4813)),"@site/i18n/en/docusaurus-plugin-content-docs/current/reference/isolation/index.md",4813],"814f3328":[()=>n.e(7472).then(n.t.bind(n,5513,19)),"~blog/default/blog-post-list-prop-default.json",5513],"84a0dbae":[()=>n.e(7660).then(n.bind(n,6660)),"@site/i18n/en/docusaurus-plugin-content-docs/current/guides/tech/with-nextjs.mdx",6660],"87e5c187":[()=>n.e(8913).then(n.bind(n,9286)),"@site/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/ssr.mdx",9286],"8b5a42c3":[()=>n.e(192).then(n.bind(n,8110)),"@site/i18n/en/docusaurus-plugin-content-docs/current/about/promote/for-team.mdx",8110],"8b93e59a":[()=>n.e(6813).then(n.bind(n,1822)),"@site/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/auth.md",1822],"8c1e6152":[()=>n.e(1616).then(n.bind(n,3193)),"@site/i18n/en/docusaurus-plugin-content-docs/current/guides/migration/from-v1.md",3193],"8ce83ff6":[()=>n.e(6684).then(n.bind(n,526)),"@site/i18n/en/docusaurus-plugin-content-docs/current/guides/issues/cross-imports.mdx",526],"90f695cb":[()=>n.e(7673).then(n.bind(n,1448)),"@site/src/pages/versions/index.tsx",1448],"9b697d88":[()=>n.e(5484).then(n.t.bind(n,5285,19)),"@generated/docusaurus-plugin-content-blog/default/p/kr-blog-tags-brand-b39.json",5285],"9b83d7f4":[()=>n.e(9568).then(n.bind(n,4526)),"@site/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/autocompleted.mdx",4526],"9e4087bc":[()=>n.e(2711).then(n.bind(n,4757)),"@theme/BlogArchivePage",4757],"9f1dcbb0":[()=>n.e(8732).then(n.bind(n,7021)),"@site/i18n/en/docusaurus-plugin-content-docs/current/branding.md",7021],a1521a63:[()=>n.e(9687).then(n.bind(n,9021)),"@site/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/browser-api.mdx",9021],a386f730:[()=>n.e(6865).then(n.bind(n,5444)),"@site/i18n/en/docusaurus-plugin-content-docs/current/about/alternatives.mdx",5444],a61c55ce:[()=>Promise.all([n.e(1869),n.e(9820),n.e(8964)]).then(n.bind(n,738)),"@site/i18n/en/docusaurus-plugin-content-docs/community/index.mdx",738],a6aa9e1f:[()=>Promise.all([n.e(1869),n.e(4342),n.e(8492),n.e(7643)]).then(n.bind(n,7110)),"@theme/BlogListPage",7110],a7456010:[()=>n.e(1235).then(n.t.bind(n,8552,19)),"@generated/docusaurus-plugin-content-pages/default/__plugin.json",8552],a7bd4aaa:[()=>n.e(7098).then(n.bind(n,3614)),"@theme/DocVersionRoot",3614],a94703ab:[()=>Promise.all([n.e(1869),n.e(9048)]).then(n.bind(n,2963)),"@theme/DocRoot",2963],aba21aa0:[()=>n.e(5742).then(n.t.bind(n,7093,19)),"@generated/docusaurus-plugin-content-docs/default/__plugin.json",7093],acaf5b8a:[()=>n.e(6170).then(n.bind(n,5533)),"@site/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/theme.mdx",5533],acecf23e:[()=>n.e(1903).then(n.t.bind(n,1912,19)),"~blog/default/blogMetadata-default.json",1912],b4c136e1:[()=>Promise.all([n.e(1869),n.e(7603),n.e(868)]).then(n.bind(n,1908)),"@site/src/pages/examples/index.tsx",1908],bd1489a6:[()=>n.e(2190).then(n.t.bind(n,517,19)),"@generated/docusaurus-plugin-content-blog/default/p/kr-blog-tags-71b.json",517],c0c6474c:[()=>n.e(4581).then(n.bind(n,3396)),"@site/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/metric.mdx",3396],c141421f:[()=>n.e(957).then(n.t.bind(n,936,19)),"@generated/docusaurus-theme-search-algolia/default/__plugin.json",936],c36cf2fd:[()=>n.e(2986).then(n.t.bind(n,6853,19)),"@generated/docusaurus-plugin-content-blog/default/p/kr-blog-tags-promo-72a.json",6853],c4d0faae:[()=>n.e(5755).then(n.bind(n,5300)),"@site/i18n/en/docusaurus-plugin-content-docs/current/about/promote/for-company.mdx",5300],c5666f39:[()=>Promise.all([n.e(1869),n.e(9820),n.e(5715)]).then(n.bind(n,4200)),"@site/i18n/en/docusaurus-plugin-content-docs/current/about/index.mdx",4200],cb388a7b:[()=>n.e(5535).then(n.bind(n,7040)),"@site/i18n/en/docusaurus-plugin-content-docs/current/about/motivation.md",7040],ccc49370:[()=>Promise.all([n.e(1869),n.e(4342),n.e(8492),n.e(3249)]).then(n.bind(n,7446)),"@theme/BlogPostPage",7446],cd92b386:[()=>n.e(9788).then(n.t.bind(n,5735,19)),"@generated/docusaurus-plugin-content-blog/default/p/kr-blog-fc1.json",5735],d13cbfb8:[()=>Promise.all([n.e(1869),n.e(9820),n.e(5570)]).then(n.bind(n,9346)),"@site/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/index.mdx",9346],d999437a:[()=>n.e(7091).then(n.bind(n,8909)),"@site/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/feedback.mdx",8909],dfe5ecdf:[()=>n.e(6949).then(n.bind(n,4089)),"@site/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/monorepo.mdx",4089],e01c2047:[()=>n.e(1405).then(n.bind(n,7703)),"@site/i18n/en/docusaurus-plugin-content-docs/current/about/understanding/knowledge-types.md",7703],e0719818:[()=>n.e(5220).then(n.t.bind(n,8669,19)),"@generated/docusaurus-plugin-content-docs/community/__plugin.json",8669],e1003eab:[()=>n.e(9136).then(n.bind(n,8665)),"@site/i18n/en/docusaurus-plugin-content-docs/current/guides/issues/routes.mdx",8665],e1c0d304:[()=>n.e(9867).then(n.bind(n,3870)),"@site/i18n/en/docusaurus-plugin-content-docs/current/about/understanding/abstractions.mdx",3870],e325b37e:[()=>n.e(8665).then(n.t.bind(n,9223,19)),"@generated/docusaurus-plugin-content-docs/default/p/kr-docs-e32.json",9223],e3c7cc72:[()=>n.e(8624).then(n.t.bind(n,3768,19)),"@generated/docusaurus-plugin-content-docs/community/p/kr-community-f4d.json",3768],e6bf8eb6:[()=>n.e(679).then(n.bind(n,9239)),"@site/i18n/en/docusaurus-plugin-content-docs/current/guides/tech/with-sveltekit.mdx",9239],e747db33:[()=>n.e(8340).then(n.t.bind(n,4130,19)),"@generated/docusaurus-plugin-content-blog/default/p/kr-blog-tags-discord-36e.json",4130],e898db75:[()=>n.e(2285).then(n.t.bind(n,7051,19)),"@generated/docusaurus-plugin-content-blog/default/p/kr-blog-tags-community-826.json",7051],ed3dcfcb:[()=>n.e(993).then(n.bind(n,4)),"@site/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/i18n.mdx",4],f2567325:[()=>n.e(8211).then(n.bind(n,9129)),"@site/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/white-labels.mdx",9129],f2c174dc:[()=>n.e(4861).then(n.bind(n,8595)),"@site/i18n/en/docusaurus-plugin-content-docs/current/guides/migration/from-custom.md",8595],f565db0c:[()=>Promise.all([n.e(1869),n.e(9534)]).then(n.bind(n,5352)),"@site/src/pages/nav/index.tsx",5352],f6760343:[()=>n.e(6956).then(n.bind(n,5540)),"@site/blog/2022-07-25-international-community.md",5540],f6bb872e:[()=>n.e(2563).then(n.bind(n,4204)),"@site/blog/2022-06-04-rebranding.md?truncated=true",4204],fe129f8e:[()=>n.e(6217).then(n.bind(n,5845)),"@site/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/cms.mdx",5845]};var s=n(6070);function l(e){let{error:t,retry:n,pastDelay:r}=e;return t?(0,s.jsxs)("div",{style:{textAlign:"center",color:"#fff",backgroundColor:"#fa383e",borderColor:"#fa383e",borderStyle:"solid",borderRadius:"0.25rem",borderWidth:"1px",boxSizing:"border-box",display:"block",padding:"1rem",flex:"0 0 50%",marginLeft:"25%",marginRight:"25%",marginTop:"5rem",maxWidth:"50%",width:"100%"},children:[(0,s.jsx)("p",{children:String(t)}),(0,s.jsx)("div",{children:(0,s.jsx)("button",{type:"button",onClick:n,children:"Retry"})})]}):r?(0,s.jsx)("div",{style:{display:"flex",justifyContent:"center",alignItems:"center",height:"100vh"},children:(0,s.jsx)("svg",{id:"loader",style:{width:128,height:110,position:"absolute",top:"calc(100vh - 64%)"},viewBox:"0 0 45 45",xmlns:"http://www.w3.org/2000/svg",stroke:"#61dafb",children:(0,s.jsxs)("g",{fill:"none",fillRule:"evenodd",transform:"translate(1 1)",strokeWidth:"2",children:[(0,s.jsxs)("circle",{cx:"22",cy:"22",r:"6",strokeOpacity:"0",children:[(0,s.jsx)("animate",{attributeName:"r",begin:"1.5s",dur:"3s",values:"6;22",calcMode:"linear",repeatCount:"indefinite"}),(0,s.jsx)("animate",{attributeName:"stroke-opacity",begin:"1.5s",dur:"3s",values:"1;0",calcMode:"linear",repeatCount:"indefinite"}),(0,s.jsx)("animate",{attributeName:"stroke-width",begin:"1.5s",dur:"3s",values:"2;0",calcMode:"linear",repeatCount:"indefinite"})]}),(0,s.jsxs)("circle",{cx:"22",cy:"22",r:"6",strokeOpacity:"0",children:[(0,s.jsx)("animate",{attributeName:"r",begin:"3s",dur:"3s",values:"6;22",calcMode:"linear",repeatCount:"indefinite"}),(0,s.jsx)("animate",{attributeName:"stroke-opacity",begin:"3s",dur:"3s",values:"1;0",calcMode:"linear",repeatCount:"indefinite"}),(0,s.jsx)("animate",{attributeName:"stroke-width",begin:"3s",dur:"3s",values:"2;0",calcMode:"linear",repeatCount:"indefinite"})]}),(0,s.jsx)("circle",{cx:"22",cy:"22",r:"8",children:(0,s.jsx)("animate",{attributeName:"r",begin:"0s",dur:"1.5s",values:"6;1;2;3;4;5;6",calcMode:"linear",repeatCount:"indefinite"})})]})})}):null}var c=n(8116),u=n(8851);function d(e,t){if("*"===e)return o()({loading:l,loader:()=>n.e(9019).then(n.bind(n,9019)),modules:["@theme/NotFound"],webpack:()=>[9019],render(e,t){const n=e.default;return(0,s.jsx)(u.W,{value:{plugin:{name:"native",id:"default"}},children:(0,s.jsx)(n,{...t})})}});const r=a[`${e}-${t}`],d={},p=[],f=[],m=(0,c.A)(r);return Object.entries(m).forEach((e=>{let[t,n]=e;const r=i[n];r&&(d[t]=r[0],p.push(r[1]),f.push(r[2]))})),o().Map({loading:l,loader:d,modules:p,webpack:()=>f,render(t,n){const o=JSON.parse(JSON.stringify(r));Object.entries(t).forEach((t=>{let[n,r]=t;const a=r.default;if(!a)throw new Error(`The page component at ${e} doesn't have a default export. This makes it impossible to render anything. Consider default-exporting a React component.`);"object"!=typeof a&&"function"!=typeof a||Object.keys(r).filter((e=>"default"!==e)).forEach((e=>{a[e]=r[e]}));let i=o;const s=n.split(".");s.slice(0,-1).forEach((e=>{i=i[e]})),i[s[s.length-1]]=a}));const a=o.__comp;delete o.__comp;const i=o.__context;delete o.__context;const l=o.__props;return delete o.__props,(0,s.jsx)(u.W,{value:i,children:(0,s.jsx)(a,{...o,...l,...n})})}})}const p=[{path:"/kr/blog",component:d("/kr/blog","708"),exact:!0},{path:"/kr/blog/archive",component:d("/kr/blog/archive","0b2"),exact:!0},{path:"/kr/blog/international-community",component:d("/kr/blog/international-community","00f"),exact:!0},{path:"/kr/blog/rebranding-stable",component:d("/kr/blog/rebranding-stable","0f7"),exact:!0},{path:"/kr/blog/tags",component:d("/kr/blog/tags","949"),exact:!0},{path:"/kr/blog/tags/brand",component:d("/kr/blog/tags/brand","224"),exact:!0},{path:"/kr/blog/tags/community",component:d("/kr/blog/tags/community","f6f"),exact:!0},{path:"/kr/blog/tags/discord",component:d("/kr/blog/tags/discord","992"),exact:!0},{path:"/kr/blog/tags/promo",component:d("/kr/blog/tags/promo","8ab"),exact:!0},{path:"/kr/examples",component:d("/kr/examples","da5"),exact:!0},{path:"/kr/nav",component:d("/kr/nav","3ea"),exact:!0},{path:"/kr/search",component:d("/kr/search","c8e"),exact:!0},{path:"/kr/versions",component:d("/kr/versions","895"),exact:!0},{path:"/kr/community",component:d("/kr/community","319"),routes:[{path:"/kr/community",component:d("/kr/community","94d"),routes:[{path:"/kr/community",component:d("/kr/community","3ef"),routes:[{path:"/kr/community",component:d("/kr/community","bde"),exact:!0,sidebar:"community"},{path:"/kr/community/team",component:d("/kr/community/team","b02"),exact:!0,sidebar:"community"}]}]}]},{path:"/kr/docs",component:d("/kr/docs","f73"),routes:[{path:"/kr/docs",component:d("/kr/docs","8e8"),routes:[{path:"/kr/docs",component:d("/kr/docs","44f"),routes:[{path:"/kr/docs",component:d("/kr/docs","b47"),exact:!0},{path:"/kr/docs/about",component:d("/kr/docs/about","8a7"),exact:!0,sidebar:"aboutSidebar"},{path:"/kr/docs/about/alternatives",component:d("/kr/docs/about/alternatives","90e"),exact:!0,sidebar:"aboutSidebar"},{path:"/kr/docs/about/mission",component:d("/kr/docs/about/mission","399"),exact:!0,sidebar:"aboutSidebar"},{path:"/kr/docs/about/motivation",component:d("/kr/docs/about/motivation","4d5"),exact:!0,sidebar:"aboutSidebar"},{path:"/kr/docs/about/promote/for-company",component:d("/kr/docs/about/promote/for-company","2d4"),exact:!0,sidebar:"aboutSidebar"},{path:"/kr/docs/about/promote/for-team",component:d("/kr/docs/about/promote/for-team","f46"),exact:!0,sidebar:"aboutSidebar"},{path:"/kr/docs/about/promote/integration",component:d("/kr/docs/about/promote/integration","01f"),exact:!0,sidebar:"aboutSidebar"},{path:"/kr/docs/about/promote/partial-application",component:d("/kr/docs/about/promote/partial-application","517"),exact:!0,sidebar:"aboutSidebar"},{path:"/kr/docs/about/understanding/abstractions",component:d("/kr/docs/about/understanding/abstractions","e3d"),exact:!0,sidebar:"aboutSidebar"},{path:"/kr/docs/about/understanding/architecture",component:d("/kr/docs/about/understanding/architecture","220"),exact:!0,sidebar:"aboutSidebar"},{path:"/kr/docs/about/understanding/knowledge-types",component:d("/kr/docs/about/understanding/knowledge-types","e94"),exact:!0,sidebar:"aboutSidebar"},{path:"/kr/docs/about/understanding/naming",component:d("/kr/docs/about/understanding/naming","70c"),exact:!0,sidebar:"aboutSidebar"},{path:"/kr/docs/about/understanding/needs-driven",component:d("/kr/docs/about/understanding/needs-driven","878"),exact:!0,sidebar:"aboutSidebar"},{path:"/kr/docs/about/understanding/signals",component:d("/kr/docs/about/understanding/signals","6e4"),exact:!0,sidebar:"aboutSidebar"},{path:"/kr/docs/branding",component:d("/kr/docs/branding","f08"),exact:!0},{path:"/kr/docs/get-started",component:d("/kr/docs/get-started","245"),exact:!0,sidebar:"getstartedSidebar"},{path:"/kr/docs/get-started/cheatsheet",component:d("/kr/docs/get-started/cheatsheet","713"),exact:!0,sidebar:"getstartedSidebar"},{path:"/kr/docs/get-started/faq",component:d("/kr/docs/get-started/faq","10c"),exact:!0,sidebar:"getstartedSidebar"},{path:"/kr/docs/get-started/overview",component:d("/kr/docs/get-started/overview","b36"),exact:!0,sidebar:"getstartedSidebar"},{path:"/kr/docs/get-started/tutorial",component:d("/kr/docs/get-started/tutorial","63d"),exact:!0,sidebar:"getstartedSidebar"},{path:"/kr/docs/guides",component:d("/kr/docs/guides","119"),exact:!0,sidebar:"guidesSidebar"},{path:"/kr/docs/guides/examples",component:d("/kr/docs/guides/examples","1a8"),exact:!0,sidebar:"guidesSidebar"},{path:"/kr/docs/guides/examples/auth",component:d("/kr/docs/guides/examples/auth","b46"),exact:!0,sidebar:"guidesSidebar"},{path:"/kr/docs/guides/examples/autocompleted",component:d("/kr/docs/guides/examples/autocompleted","ee5"),exact:!0,sidebar:"guidesSidebar"},{path:"/kr/docs/guides/examples/browser-api",component:d("/kr/docs/guides/examples/browser-api","1e4"),exact:!0,sidebar:"guidesSidebar"},{path:"/kr/docs/guides/examples/cms",component:d("/kr/docs/guides/examples/cms","83a"),exact:!0,sidebar:"guidesSidebar"},{path:"/kr/docs/guides/examples/feedback",component:d("/kr/docs/guides/examples/feedback","206"),exact:!0,sidebar:"guidesSidebar"},{path:"/kr/docs/guides/examples/i18n",component:d("/kr/docs/guides/examples/i18n","321"),exact:!0,sidebar:"guidesSidebar"},{path:"/kr/docs/guides/examples/metric",component:d("/kr/docs/guides/examples/metric","ff3"),exact:!0,sidebar:"guidesSidebar"},{path:"/kr/docs/guides/examples/monorepo",component:d("/kr/docs/guides/examples/monorepo","d16"),exact:!0,sidebar:"guidesSidebar"},{path:"/kr/docs/guides/examples/page-layout",component:d("/kr/docs/guides/examples/page-layout","c45"),exact:!0,sidebar:"guidesSidebar"},{path:"/kr/docs/guides/examples/platforms",component:d("/kr/docs/guides/examples/platforms","beb"),exact:!0,sidebar:"guidesSidebar"},{path:"/kr/docs/guides/examples/ssr",component:d("/kr/docs/guides/examples/ssr","c37"),exact:!0,sidebar:"guidesSidebar"},{path:"/kr/docs/guides/examples/theme",component:d("/kr/docs/guides/examples/theme","b86"),exact:!0,sidebar:"guidesSidebar"},{path:"/kr/docs/guides/examples/types",component:d("/kr/docs/guides/examples/types","9ce"),exact:!0,sidebar:"guidesSidebar"},{path:"/kr/docs/guides/examples/white-labels",component:d("/kr/docs/guides/examples/white-labels","7ef"),exact:!0,sidebar:"guidesSidebar"},{path:"/kr/docs/guides/issues/cross-imports",component:d("/kr/docs/guides/issues/cross-imports","78a"),exact:!0,sidebar:"guidesSidebar"},{path:"/kr/docs/guides/issues/desegmented",component:d("/kr/docs/guides/issues/desegmented","d6a"),exact:!0,sidebar:"guidesSidebar"},{path:"/kr/docs/guides/issues/routes",component:d("/kr/docs/guides/issues/routes","714"),exact:!0,sidebar:"guidesSidebar"},{path:"/kr/docs/guides/migration/from-custom",component:d("/kr/docs/guides/migration/from-custom","a35"),exact:!0,sidebar:"guidesSidebar"},{path:"/kr/docs/guides/migration/from-v1",component:d("/kr/docs/guides/migration/from-v1","384"),exact:!0,sidebar:"guidesSidebar"},{path:"/kr/docs/guides/tech/with-nextjs",component:d("/kr/docs/guides/tech/with-nextjs","a2a"),exact:!0,sidebar:"guidesSidebar"},{path:"/kr/docs/guides/tech/with-nuxtjs",component:d("/kr/docs/guides/tech/with-nuxtjs","a86"),exact:!0,sidebar:"guidesSidebar"},{path:"/kr/docs/guides/tech/with-react-query",component:d("/kr/docs/guides/tech/with-react-query","0ff"),exact:!0,sidebar:"guidesSidebar"},{path:"/kr/docs/guides/tech/with-sveltekit",component:d("/kr/docs/guides/tech/with-sveltekit","684"),exact:!0,sidebar:"guidesSidebar"},{path:"/kr/docs/reference",component:d("/kr/docs/reference","096"),exact:!0,sidebar:"referenceSidebar"},{path:"/kr/docs/reference/isolation",component:d("/kr/docs/reference/isolation","83c"),exact:!0,sidebar:"referenceSidebar"},{path:"/kr/docs/reference/isolation/coupling-cohesion",component:d("/kr/docs/reference/isolation/coupling-cohesion","2aa"),exact:!0,sidebar:"referenceSidebar"},{path:"/kr/docs/reference/isolation/decouple-entities",component:d("/kr/docs/reference/isolation/decouple-entities","230"),exact:!0,sidebar:"referenceSidebar"},{path:"/kr/docs/reference/layers",component:d("/kr/docs/reference/layers","b70"),exact:!0,sidebar:"referenceSidebar"},{path:"/kr/docs/reference/public-api",component:d("/kr/docs/reference/public-api","1c2"),exact:!0,sidebar:"referenceSidebar"},{path:"/kr/docs/reference/slices-segments",component:d("/kr/docs/reference/slices-segments","1be"),exact:!0,sidebar:"referenceSidebar"}]}]}]},{path:"/kr/",component:d("/kr/","7e7"),exact:!0},{path:"*",component:d("*")}]},5360:(e,t,n)=>{"use strict";n.d(t,{o:()=>a,x:()=>i});var r=n(758),o=n(6070);const a=r.createContext(!1);function i(e){let{children:t}=e;const[n,i]=(0,r.useState)(!1);return(0,r.useEffect)((()=>{i(!0)}),[]),(0,o.jsx)(a.Provider,{value:n,children:t})}},3096:(e,t,n)=>{"use strict";var r=n(758),o=n(9576),a=n(248),i=n(1742),s=n(4784),l=n(3088);const c=[n(4504),n(9773),n(5348),n(8602),n(8468)];var u=n(1377),d=n(5557),p=n(389),f=n(6070);function m(e){let{children:t}=e;return(0,f.jsx)(f.Fragment,{children:t})}var h=n(2293),g=n(9143),b=n(5252),y=n(316),v=n(898),w=n(1529),k=n(9782),S=n(4937),x=n(3509),E=n(1701);function _(){const{i18n:{currentLocale:e,defaultLocale:t,localeConfigs:n}}=(0,g.A)(),r=(0,w.o)(),o=n[e].htmlLang,a=e=>e.replace("-","_");return(0,f.jsxs)(h.A,{children:[Object.entries(n).map((e=>{let[t,{htmlLang:n}]=e;return(0,f.jsx)("link",{rel:"alternate",href:r.createUrl({locale:t,fullyQualified:!0}),hrefLang:n},t)})),(0,f.jsx)("link",{rel:"alternate",href:r.createUrl({locale:t,fullyQualified:!0}),hrefLang:"x-default"}),(0,f.jsx)("meta",{property:"og:locale",content:a(o)}),Object.values(n).filter((e=>o!==e.htmlLang)).map((e=>(0,f.jsx)("meta",{property:"og:locale:alternate",content:a(e.htmlLang)},`meta-og-${e.htmlLang}`)))]})}function C(e){let{permalink:t}=e;const{siteConfig:{url:n}}=(0,g.A)(),r=function(){const{siteConfig:{url:e,baseUrl:t,trailingSlash:n}}=(0,g.A)(),{pathname:r}=(0,d.zy)();return e+(0,x.Ks)((0,b.Ay)(r),{trailingSlash:n,baseUrl:t})}(),o=t?`${n}${t}`:r;return(0,f.jsxs)(h.A,{children:[(0,f.jsx)("meta",{property:"og:url",content:o}),(0,f.jsx)("link",{rel:"canonical",href:o})]})}function j(){const{i18n:{currentLocale:e}}=(0,g.A)(),{metadata:t,image:n}=(0,y.p)();return(0,f.jsxs)(f.Fragment,{children:[(0,f.jsxs)(h.A,{children:[(0,f.jsx)("meta",{name:"twitter:card",content:"summary_large_image"}),(0,f.jsx)("body",{className:k.w})]}),n&&(0,f.jsx)(v.be,{image:n}),(0,f.jsx)(C,{}),(0,f.jsx)(_,{}),(0,f.jsx)(E.A,{tag:S.C,locale:e}),(0,f.jsx)(h.A,{children:t.map(((e,t)=>(0,f.jsx)("meta",{...e},t)))})]})}const O=new Map;var A=n(5360),T=n(1170),P=n(8302);function L(e){for(var t=arguments.length,n=new Array(t>1?t-1:0),r=1;r<t;r++)n[r-1]=arguments[r];const o=c.map((t=>{const r=t.default?.[e]??t[e];return r?.(...n)}));return()=>o.forEach((e=>e?.()))}const I=function(e){let{children:t,location:n,previousLocation:r}=e;return(0,P.A)((()=>{r!==n&&(!function(e){let{location:t,previousLocation:n}=e;if(!n)return;const r=t.pathname===n.pathname,o=t.hash===n.hash,a=t.search===n.search;if(r&&o&&!a)return;const{hash:i}=t;if(i){const e=decodeURIComponent(i.substring(1)),t=document.getElementById(e);t?.scrollIntoView()}else window.scrollTo(0,0)}({location:n,previousLocation:r}),L("onRouteDidUpdate",{previousLocation:r,location:n}))}),[r,n]),t};function N(e){const t=Array.from(new Set([e,decodeURI(e)])).map((e=>(0,p.u)(u.A,e))).flat();return Promise.all(t.map((e=>e.route.component.preload?.())))}class R extends r.Component{previousLocation;routeUpdateCleanupCb;constructor(e){super(e),this.previousLocation=null,this.routeUpdateCleanupCb=l.A.canUseDOM?L("onRouteUpdate",{previousLocation:null,location:this.props.location}):()=>{},this.state={nextRouteHasLoaded:!0}}shouldComponentUpdate(e,t){if(e.location===this.props.location)return t.nextRouteHasLoaded;const n=e.location;return this.previousLocation=this.props.location,this.setState({nextRouteHasLoaded:!1}),this.routeUpdateCleanupCb=L("onRouteUpdate",{previousLocation:this.previousLocation,location:n}),N(n.pathname).then((()=>{this.routeUpdateCleanupCb(),this.setState({nextRouteHasLoaded:!0})})).catch((e=>{console.warn(e),window.location.reload()})),!1}render(){const{children:e,location:t}=this.props;return(0,f.jsx)(I,{previousLocation:this.previousLocation,location:t,children:(0,f.jsx)(d.qh,{location:t,render:()=>e})})}}const D=R,M="__docusaurus-base-url-issue-banner-container",F="__docusaurus-base-url-issue-banner",z="__docusaurus-base-url-issue-banner-suggestion-container";function B(e){return`\ndocument.addEventListener('DOMContentLoaded', function maybeInsertBanner() {\n  var shouldInsert = typeof window['docusaurus'] === 'undefined';\n  shouldInsert && insertBanner();\n});\n\nfunction insertBanner() {\n  var bannerContainer = document.createElement('div');\n  bannerContainer.id = '${M}';\n  var bannerHtml = ${JSON.stringify(function(e){return`\n<div id="${F}" style="border: thick solid red; background-color: rgb(255, 230, 179); margin: 20px; padding: 20px; font-size: 20px;">\n   <p style="font-weight: bold; font-size: 30px;">Your Docusaurus site did not load properly.</p>\n   <p>A very common reason is a wrong site <a href="https://docusaurus.io/docs/docusaurus.config.js/#baseUrl" style="font-weight: bold;">baseUrl configuration</a>.</p>\n   <p>Current configured baseUrl = <span style="font-weight: bold; color: red;">${e}</span> ${"/"===e?" (default value)":""}</p>\n   <p>We suggest trying baseUrl = <span id="${z}" style="font-weight: bold; color: green;"></span></p>\n</div>\n`}(e)).replace(/</g,"\\<")};\n  bannerContainer.innerHTML = bannerHtml;\n  document.body.prepend(bannerContainer);\n  var suggestionContainer = document.getElementById('${z}');\n  var actualHomePagePath = window.location.pathname;\n  var suggestedBaseUrl = actualHomePagePath.substr(-1) === '/'\n        ? actualHomePagePath\n        : actualHomePagePath + '/';\n  suggestionContainer.innerHTML = suggestedBaseUrl;\n}\n`}function U(){const{siteConfig:{baseUrl:e}}=(0,g.A)();return(0,f.jsx)(f.Fragment,{children:!l.A.canUseDOM&&(0,f.jsx)(h.A,{children:(0,f.jsx)("script",{children:B(e)})})})}function q(){const{siteConfig:{baseUrl:e,baseUrlIssueBanner:t}}=(0,g.A)(),{pathname:n}=(0,d.zy)();return t&&n===e?(0,f.jsx)(U,{}):null}function $(){const{siteConfig:{favicon:e,title:t,noIndex:n},i18n:{currentLocale:r,localeConfigs:o}}=(0,g.A)(),a=(0,b.Ay)(e),{htmlLang:i,direction:s}=o[r];return(0,f.jsxs)(h.A,{children:[(0,f.jsx)("html",{lang:i,dir:s}),(0,f.jsx)("title",{children:t}),(0,f.jsx)("meta",{property:"og:title",content:t}),(0,f.jsx)("meta",{name:"viewport",content:"width=device-width, initial-scale=1.0"}),n&&(0,f.jsx)("meta",{name:"robots",content:"noindex, nofollow"}),e&&(0,f.jsx)("link",{rel:"icon",href:a})]})}var H=n(356),V=n(2630);function G(){const e=(0,V.A)();return(0,f.jsx)(h.A,{children:(0,f.jsx)("html",{"data-has-hydrated":e})})}const W=(0,p.v)(u.A);function K(){const e=function(e){if(O.has(e.pathname))return{...e,pathname:O.get(e.pathname)};if((0,p.u)(u.A,e.pathname).some((e=>{let{route:t}=e;return!0===t.exact})))return O.set(e.pathname,e.pathname),e;const t=e.pathname.trim().replace(/(?:\/index)?\.html$/,"")||"/";return O.set(e.pathname,t),{...e,pathname:t}}((0,d.zy)());return(0,f.jsx)(D,{location:e,children:W})}function Q(){return(0,f.jsx)(H.A,{children:(0,f.jsx)(T.l,{children:(0,f.jsxs)(A.x,{children:[(0,f.jsxs)(m,{children:[(0,f.jsx)($,{}),(0,f.jsx)(j,{}),(0,f.jsx)(q,{}),(0,f.jsx)(K,{})]}),(0,f.jsx)(G,{})]})})})}var Y=n(4054);const Z=function(e){try{return document.createElement("link").relList.supports(e)}catch{return!1}}("prefetch")?function(e){return new Promise(((t,n)=>{if("undefined"==typeof document)return void n();const r=document.createElement("link");r.setAttribute("rel","prefetch"),r.setAttribute("href",e),r.onload=()=>t(),r.onerror=()=>n();const o=document.getElementsByTagName("head")[0]??document.getElementsByName("script")[0]?.parentNode;o?.appendChild(r)}))}:function(e){return new Promise(((t,n)=>{const r=new XMLHttpRequest;r.open("GET",e,!0),r.withCredentials=!0,r.onload=()=>{200===r.status?t():n()},r.send(null)}))};var J=n(8116);const X=new Set,ee=new Set,te=()=>navigator.connection?.effectiveType.includes("2g")||navigator.connection?.saveData,ne={prefetch:e=>{if(!(e=>!te()&&!ee.has(e)&&!X.has(e))(e))return!1;X.add(e);const t=(0,p.u)(u.A,e).flatMap((e=>{return t=e.route.path,Object.entries(Y).filter((e=>{let[n]=e;return n.replace(/-[^-]+$/,"")===t})).flatMap((e=>{let[,t]=e;return Object.values((0,J.A)(t))}));var t}));return Promise.all(t.map((e=>{const t=n.gca(e);return t&&!t.includes("undefined")?Z(t).catch((()=>{})):Promise.resolve()})))},preload:e=>!!(e=>!te()&&!ee.has(e))(e)&&(ee.add(e),N(e))},re=Object.freeze(ne);function oe(e){let{children:t}=e;return"hash"===s.default.future.experimental_router?(0,f.jsx)(i.I9,{children:t}):(0,f.jsx)(i.Kd,{children:t})}const ae=Boolean(!0);if(l.A.canUseDOM){window.docusaurus=re;const e=document.getElementById("__docusaurus"),t=(0,f.jsx)(a.vd,{children:(0,f.jsx)(oe,{children:(0,f.jsx)(Q,{})})}),n=(e,t)=>{console.error("Docusaurus React Root onRecoverableError:",e,t)},i=()=>{if(window.docusaurusRoot)window.docusaurusRoot.render(t);else if(ae)window.docusaurusRoot=o.hydrateRoot(e,t,{onRecoverableError:n});else{const r=o.createRoot(e,{onRecoverableError:n});r.render(t),window.docusaurusRoot=r}};N(window.location.pathname).then((()=>{(0,r.startTransition)(i)}))}},1170:(e,t,n)=>{"use strict";n.d(t,{o:()=>d,l:()=>p});var r=n(758),o=n(4784);const a=JSON.parse('{"docusaurus-plugin-content-docs":{"default":{"path":"/kr/docs","versions":[{"name":"current","label":"v2.0.0 \ud83c\udf70","isLast":true,"path":"/kr/docs","mainDocId":"intro","docs":[{"id":"about/alternatives","path":"/kr/docs/about/alternatives","sidebar":"aboutSidebar"},{"id":"about/index","path":"/kr/docs/about/","sidebar":"aboutSidebar"},{"id":"about/mission","path":"/kr/docs/about/mission","sidebar":"aboutSidebar"},{"id":"about/motivation","path":"/kr/docs/about/motivation","sidebar":"aboutSidebar"},{"id":"about/promote/for-company","path":"/kr/docs/about/promote/for-company","sidebar":"aboutSidebar"},{"id":"about/promote/for-team","path":"/kr/docs/about/promote/for-team","sidebar":"aboutSidebar"},{"id":"about/promote/integration","path":"/kr/docs/about/promote/integration","sidebar":"aboutSidebar"},{"id":"about/promote/partial-application","path":"/kr/docs/about/promote/partial-application","sidebar":"aboutSidebar"},{"id":"about/understanding/abstractions","path":"/kr/docs/about/understanding/abstractions","sidebar":"aboutSidebar"},{"id":"about/understanding/architecture","path":"/kr/docs/about/understanding/architecture","sidebar":"aboutSidebar"},{"id":"about/understanding/knowledge-types","path":"/kr/docs/about/understanding/knowledge-types","sidebar":"aboutSidebar"},{"id":"about/understanding/naming","path":"/kr/docs/about/understanding/naming","sidebar":"aboutSidebar"},{"id":"about/understanding/needs-driven","path":"/kr/docs/about/understanding/needs-driven","sidebar":"aboutSidebar"},{"id":"about/understanding/signals","path":"/kr/docs/about/understanding/signals","sidebar":"aboutSidebar"},{"id":"branding","path":"/kr/docs/branding"},{"id":"get-started/cheatsheet","path":"/kr/docs/get-started/cheatsheet","unlisted":true,"sidebar":"getstartedSidebar"},{"id":"get-started/faq","path":"/kr/docs/get-started/faq","sidebar":"getstartedSidebar"},{"id":"get-started/index","path":"/kr/docs/get-started/","sidebar":"getstartedSidebar"},{"id":"get-started/overview","path":"/kr/docs/get-started/overview","sidebar":"getstartedSidebar"},{"id":"get-started/tutorial","path":"/kr/docs/get-started/tutorial","sidebar":"getstartedSidebar"},{"id":"guides/examples/auth","path":"/kr/docs/guides/examples/auth","sidebar":"guidesSidebar"},{"id":"guides/examples/autocompleted","path":"/kr/docs/guides/examples/autocompleted","unlisted":true,"sidebar":"guidesSidebar"},{"id":"guides/examples/browser-api","path":"/kr/docs/guides/examples/browser-api","unlisted":true,"sidebar":"guidesSidebar"},{"id":"guides/examples/cms","path":"/kr/docs/guides/examples/cms","unlisted":true,"sidebar":"guidesSidebar"},{"id":"guides/examples/feedback","path":"/kr/docs/guides/examples/feedback","unlisted":true,"sidebar":"guidesSidebar"},{"id":"guides/examples/i18n","path":"/kr/docs/guides/examples/i18n","unlisted":true,"sidebar":"guidesSidebar"},{"id":"guides/examples/index","path":"/kr/docs/guides/examples/","sidebar":"guidesSidebar"},{"id":"guides/examples/metric","path":"/kr/docs/guides/examples/metric","unlisted":true,"sidebar":"guidesSidebar"},{"id":"guides/examples/monorepo","path":"/kr/docs/guides/examples/monorepo","unlisted":true,"sidebar":"guidesSidebar"},{"id":"guides/examples/page-layout","path":"/kr/docs/guides/examples/page-layout","sidebar":"guidesSidebar"},{"id":"guides/examples/platforms","path":"/kr/docs/guides/examples/platforms","unlisted":true,"sidebar":"guidesSidebar"},{"id":"guides/examples/ssr","path":"/kr/docs/guides/examples/ssr","unlisted":true,"sidebar":"guidesSidebar"},{"id":"guides/examples/theme","path":"/kr/docs/guides/examples/theme","unlisted":true,"sidebar":"guidesSidebar"},{"id":"guides/examples/types","path":"/kr/docs/guides/examples/types","sidebar":"guidesSidebar"},{"id":"guides/examples/white-labels","path":"/kr/docs/guides/examples/white-labels","unlisted":true,"sidebar":"guidesSidebar"},{"id":"guides/index","path":"/kr/docs/guides/","sidebar":"guidesSidebar"},{"id":"guides/issues/cross-imports","path":"/kr/docs/guides/issues/cross-imports","sidebar":"guidesSidebar"},{"id":"guides/issues/desegmented","path":"/kr/docs/guides/issues/desegmented","sidebar":"guidesSidebar"},{"id":"guides/issues/routes","path":"/kr/docs/guides/issues/routes","sidebar":"guidesSidebar"},{"id":"guides/migration/from-custom","path":"/kr/docs/guides/migration/from-custom","sidebar":"guidesSidebar"},{"id":"guides/migration/from-v1","path":"/kr/docs/guides/migration/from-v1","sidebar":"guidesSidebar"},{"id":"guides/tech/with-nextjs","path":"/kr/docs/guides/tech/with-nextjs","sidebar":"guidesSidebar"},{"id":"guides/tech/with-nuxtjs","path":"/kr/docs/guides/tech/with-nuxtjs","sidebar":"guidesSidebar"},{"id":"guides/tech/with-react-query","path":"/kr/docs/guides/tech/with-react-query","sidebar":"guidesSidebar"},{"id":"guides/tech/with-sveltekit","path":"/kr/docs/guides/tech/with-sveltekit","sidebar":"guidesSidebar"},{"id":"intro","path":"/kr/docs/"},{"id":"reference/index","path":"/kr/docs/reference/","sidebar":"referenceSidebar"},{"id":"reference/isolation/coupling-cohesion","path":"/kr/docs/reference/isolation/coupling-cohesion","sidebar":"referenceSidebar"},{"id":"reference/isolation/decouple-entities","path":"/kr/docs/reference/isolation/decouple-entities","sidebar":"referenceSidebar"},{"id":"reference/isolation/index","path":"/kr/docs/reference/isolation/","sidebar":"referenceSidebar"},{"id":"reference/layers","path":"/kr/docs/reference/layers","sidebar":"referenceSidebar"},{"id":"reference/public-api","path":"/kr/docs/reference/public-api","sidebar":"referenceSidebar"},{"id":"reference/slices-segments","path":"/kr/docs/reference/slices-segments","sidebar":"referenceSidebar"}],"draftIds":[],"sidebars":{"getstartedSidebar":{"link":{"path":"/kr/docs/get-started/","label":"\ud83d\ude80  Get Started"}},"guidesSidebar":{"link":{"path":"/kr/docs/guides/","label":"\ud83c\udfaf  Guides"}},"referenceSidebar":{"link":{"path":"/kr/docs/reference/","label":"\ud83d\udcda  Reference"}},"aboutSidebar":{"link":{"path":"/kr/docs/about/","label":"\ud83c\udf70  About"}}}}],"breadcrumbs":true},"community":{"path":"/kr/community","versions":[{"name":"current","label":"Next","isLast":true,"path":"/kr/community","mainDocId":"index","docs":[{"id":"index","path":"/kr/community/","sidebar":"community"},{"id":"team","path":"/kr/community/team","sidebar":"community"}],"draftIds":[],"sidebars":{"community":{"link":{"path":"/kr/community/","label":"\ud83d\udcab  Community"}}}}],"breadcrumbs":true}}}'),i=JSON.parse('{"defaultLocale":"en","locales":["ru","en","uz","kr","ja"],"path":"i18n","currentLocale":"kr","localeConfigs":{"ru":{"label":"\u0420\u0443\u0441\u0441\u043a\u0438\u0439","direction":"ltr","htmlLang":"ru","calendar":"gregory","path":"ru"},"en":{"label":"English","direction":"ltr","htmlLang":"en","calendar":"gregory","path":"en"},"uz":{"label":"O\'zbekcha","direction":"ltr","htmlLang":"uz","calendar":"gregory","path":"uz"},"kr":{"label":"\ud55c\uad6d\uc5b4","direction":"ltr","htmlLang":"kr","calendar":"gregory","path":"kr"},"ja":{"label":"\u65e5\u672c\u8a9e","direction":"ltr","htmlLang":"ja","calendar":"gregory","path":"ja"}}}');var s=n(2654);const l=JSON.parse('{"docusaurusVersion":"3.5.2","siteVersion":"2.0.0","pluginVersions":{"docusaurus-plugin-content-docs":{"type":"package","name":"@docusaurus/plugin-content-docs","version":"3.5.2"},"docusaurus-plugin-content-blog":{"type":"package","name":"@docusaurus/plugin-content-blog","version":"3.5.2"},"docusaurus-plugin-content-pages":{"type":"package","name":"@docusaurus/plugin-content-pages","version":"3.5.2"},"docusaurus-plugin-sitemap":{"type":"package","name":"@docusaurus/plugin-sitemap","version":"3.5.2"},"docusaurus-theme-classic":{"type":"package","name":"@docusaurus/theme-classic","version":"3.5.2"},"docusaurus-theme-search-algolia":{"type":"package","name":"@docusaurus/theme-search-algolia","version":"3.5.2"},"docusaurus-plugin-sass":{"type":"package","name":"docusaurus-plugin-sass","version":"0.2.5"},"docusaurus-plugin-client-redirects":{"type":"package","name":"@docusaurus/plugin-client-redirects","version":"3.5.2"},"docusaurus-plugin-ideal-image":{"type":"package","name":"@docusaurus/plugin-ideal-image","version":"3.5.2"},"docusaurus-plugin-image-zoom":{"type":"package","name":"plugin-image-zoom","version":"1.2.0"}}}');var c=n(6070);const u={siteConfig:o.default,siteMetadata:l,globalData:a,i18n:i,codeTranslations:s},d=r.createContext(u);function p(e){let{children:t}=e;return(0,c.jsx)(d.Provider,{value:u,children:t})}},356:(e,t,n)=>{"use strict";n.d(t,{A:()=>h});var r=n(758),o=n(3088),a=n(2293),i=n(3509),s=n(3041),l=n(8851),c=n(6070);function u(e){let{error:t,tryAgain:n}=e;return(0,c.jsxs)("div",{style:{display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"flex-start",minHeight:"100vh",width:"100%",maxWidth:"80ch",fontSize:"20px",margin:"0 auto",padding:"1rem"},children:[(0,c.jsx)("h1",{style:{fontSize:"3rem"},children:"This page crashed"}),(0,c.jsx)("button",{type:"button",onClick:n,style:{margin:"1rem 0",fontSize:"2rem",cursor:"pointer",borderRadius:20,padding:"1rem"},children:"Try again"}),(0,c.jsx)(d,{error:t})]})}function d(e){let{error:t}=e;const n=(0,i.rA)(t).map((e=>e.message)).join("\n\nCause:\n");return(0,c.jsx)("p",{style:{whiteSpace:"pre-wrap"},children:n})}function p(e){let{children:t}=e;return(0,c.jsx)(l.W,{value:{plugin:{name:"docusaurus-core-error-boundary",id:"default"}},children:t})}function f(e){let{error:t,tryAgain:n}=e;return(0,c.jsx)(p,{children:(0,c.jsxs)(h,{fallback:()=>(0,c.jsx)(u,{error:t,tryAgain:n}),children:[(0,c.jsx)(a.A,{children:(0,c.jsx)("title",{children:"Page Error"})}),(0,c.jsx)(s.A,{children:(0,c.jsx)(u,{error:t,tryAgain:n})})]})})}const m=e=>(0,c.jsx)(f,{...e});class h extends r.Component{constructor(e){super(e),this.state={error:null}}componentDidCatch(e){o.A.canUseDOM&&this.setState({error:e})}render(){const{children:e}=this.props,{error:t}=this.state;if(t){const e={error:t,tryAgain:()=>this.setState({error:null})};return(this.props.fallback??m)(e)}return e??null}}},3088:(e,t,n)=>{"use strict";n.d(t,{A:()=>o});const r="undefined"!=typeof window&&"document"in window&&"createElement"in window.document,o={canUseDOM:r,canUseEventListeners:r&&("addEventListener"in window||"attachEvent"in window),canUseIntersectionObserver:r&&"IntersectionObserver"in window,canUseViewport:r&&"screen"in window}},2293:(e,t,n)=>{"use strict";n.d(t,{A:()=>a});n(758);var r=n(248),o=n(6070);function a(e){return(0,o.jsx)(r.mg,{...e})}},6783:(e,t,n)=>{"use strict";n.d(t,{A:()=>f});var r=n(758),o=n(1742),a=n(3509),i=n(9143),s=n(1933),l=n(3088),c=n(6828),u=n(5252),d=n(6070);function p(e,t){let{isNavLink:n,to:p,href:f,activeClassName:m,isActive:h,"data-noBrokenLinkCheck":g,autoAddBaseUrl:b=!0,...y}=e;const{siteConfig:v}=(0,i.A)(),{trailingSlash:w,baseUrl:k}=v,S=v.future.experimental_router,{withBaseUrl:x}=(0,u.hH)(),E=(0,c.A)(),_=(0,r.useRef)(null);(0,r.useImperativeHandle)(t,(()=>_.current));const C=p||f;const j=(0,s.A)(C),O=C?.replace("pathname://","");let A=void 0!==O?(T=O,b&&(e=>e.startsWith("/"))(T)?x(T):T):void 0;var T;"hash"===S&&A?.startsWith("./")&&(A=A?.slice(1)),A&&j&&(A=(0,a.Ks)(A,{trailingSlash:w,baseUrl:k}));const P=(0,r.useRef)(!1),L=n?o.k2:o.N_,I=l.A.canUseIntersectionObserver,N=(0,r.useRef)(),R=()=>{P.current||null==A||(window.docusaurus.preload(A),P.current=!0)};(0,r.useEffect)((()=>(!I&&j&&l.A.canUseDOM&&null!=A&&window.docusaurus.prefetch(A),()=>{I&&N.current&&N.current.disconnect()})),[N,A,I,j]);const D=A?.startsWith("#")??!1,M=!y.target||"_self"===y.target,F=!A||!j||!M||D&&"hash"!==S;g||!D&&F||E.collectLink(A),y.id&&E.collectAnchor(y.id);const z={};return F?(0,d.jsx)("a",{ref:_,href:A,...C&&!j&&{target:"_blank",rel:"noopener noreferrer"},...y,...z}):(0,d.jsx)(L,{...y,onMouseEnter:R,onTouchStart:R,innerRef:e=>{_.current=e,I&&e&&j&&(N.current=new window.IntersectionObserver((t=>{t.forEach((t=>{e===t.target&&(t.isIntersecting||t.intersectionRatio>0)&&(N.current.unobserve(e),N.current.disconnect(),null!=A&&window.docusaurus.prefetch(A))}))})),N.current.observe(e))},to:A,...n&&{isActive:h,activeClassName:m},...z})}const f=r.forwardRef(p)},7765:(e,t,n)=>{"use strict";n.d(t,{A:()=>c,T:()=>l});var r=n(758),o=n(6070);function a(e,t){const n=e.split(/(\{\w+\})/).map(((e,n)=>{if(n%2==1){const n=t?.[e.slice(1,-1)];if(void 0!==n)return n}return e}));return n.some((e=>(0,r.isValidElement)(e)))?n.map(((e,t)=>(0,r.isValidElement)(e)?r.cloneElement(e,{key:t}):e)).filter((e=>""!==e)):n.join("")}var i=n(2654);function s(e){let{id:t,message:n}=e;if(void 0===t&&void 0===n)throw new Error("Docusaurus translation declarations must have at least a translation id or a default translation message");return i[t??n]??n??t}function l(e,t){let{message:n,id:r}=e;return a(s({message:n,id:r}),t)}function c(e){let{children:t,id:n,values:r}=e;if(t&&"string"!=typeof t)throw console.warn("Illegal <Translate> children",t),new Error("The Docusaurus <Translate> component only accept simple string values");const i=s({message:t,id:n});return(0,o.jsx)(o.Fragment,{children:a(i,r)})}},8470:(e,t,n)=>{"use strict";n.d(t,{W:()=>r});const r="default"},1933:(e,t,n)=>{"use strict";function r(e){return/^(?:\w*:|\/\/)/.test(e)}function o(e){return void 0!==e&&!r(e)}n.d(t,{A:()=>o,z:()=>r})},5252:(e,t,n)=>{"use strict";n.d(t,{Ay:()=>s,hH:()=>i});var r=n(758),o=n(9143),a=n(1933);function i(){const{siteConfig:e}=(0,o.A)(),{baseUrl:t,url:n}=e,i=e.future.experimental_router,s=(0,r.useCallback)(((e,r)=>function(e){let{siteUrl:t,baseUrl:n,url:r,options:{forcePrependBaseUrl:o=!1,absolute:i=!1}={},router:s}=e;if(!r||r.startsWith("#")||(0,a.z)(r))return r;if("hash"===s)return r.startsWith("/")?`.${r}`:`./${r}`;if(o)return n+r.replace(/^\//,"");if(r===n.replace(/\/$/,""))return n;const l=r.startsWith(n)?r:n+r.replace(/^\//,"");return i?t+l:l}({siteUrl:n,baseUrl:t,url:e,options:r,router:i})),[n,t,i]);return{withBaseUrl:s}}function s(e,t){void 0===t&&(t={});const{withBaseUrl:n}=i();return n(e,t)}},6828:(e,t,n)=>{"use strict";n.d(t,{A:()=>i});var r=n(758);n(6070);const o=r.createContext({collectAnchor:()=>{},collectLink:()=>{}}),a=()=>(0,r.useContext)(o);function i(){return a()}},9143:(e,t,n)=>{"use strict";n.d(t,{A:()=>a});var r=n(758),o=n(1170);function a(){return(0,r.useContext)(o.o)}},2630:(e,t,n)=>{"use strict";n.d(t,{A:()=>a});var r=n(758),o=n(5360);function a(){return(0,r.useContext)(o.o)}},8302:(e,t,n)=>{"use strict";n.d(t,{A:()=>o});var r=n(758);const o=n(3088).A.canUseDOM?r.useLayoutEffect:r.useEffect},3112:(e,t,n)=>{"use strict";n.d(t,{A:()=>a});var r=n(758),o=n(8851);function a(){const e=r.useContext(o.o);if(!e)throw new Error("Unexpected: no Docusaurus route context found");return e}},8116:(e,t,n)=>{"use strict";n.d(t,{A:()=>o});const r=e=>"object"==typeof e&&!!e&&Object.keys(e).length>0;function o(e){const t={};return function e(n,o){Object.entries(n).forEach((n=>{let[a,i]=n;const s=o?`${o}.${a}`:a;r(i)?e(i,s):t[s]=i}))}(e),t}},8851:(e,t,n)=>{"use strict";n.d(t,{W:()=>i,o:()=>a});var r=n(758),o=n(6070);const a=r.createContext(null);function i(e){let{children:t,value:n}=e;const i=r.useContext(a),s=(0,r.useMemo)((()=>function(e){let{parent:t,value:n}=e;if(!t){if(!n)throw new Error("Unexpected: no Docusaurus route context found");if(!("plugin"in n))throw new Error("Unexpected: Docusaurus topmost route context has no `plugin` attribute");return n}const r={...t.data,...n?.data};return{plugin:t.plugin,data:r}}({parent:i,value:n})),[i,n]);return(0,o.jsx)(a.Provider,{value:s,children:t})}},3724:(e,t,n)=>{"use strict";n.d(t,{VQ:()=>g,XK:()=>v,g1:()=>y});var r=n(758),o=n(9860),a=n(8470),i=n(316),s=n(3349),l=n(4902),c=n(6070);const u=e=>`docs-preferred-version-${e}`,d={save:(e,t,n)=>{(0,s.Wf)(u(e),{persistence:t}).set(n)},read:(e,t)=>(0,s.Wf)(u(e),{persistence:t}).get(),clear:(e,t)=>{(0,s.Wf)(u(e),{persistence:t}).del()}},p=e=>Object.fromEntries(e.map((e=>[e,{preferredVersionName:null}])));const f=r.createContext(null);function m(){const e=(0,o.Gy)(),t=(0,i.p)().docs.versionPersistence,n=(0,r.useMemo)((()=>Object.keys(e)),[e]),[a,s]=(0,r.useState)((()=>p(n)));(0,r.useEffect)((()=>{s(function(e){let{pluginIds:t,versionPersistence:n,allDocsData:r}=e;function o(e){const t=d.read(e,n);return r[e].versions.some((e=>e.name===t))?{preferredVersionName:t}:(d.clear(e,n),{preferredVersionName:null})}return Object.fromEntries(t.map((e=>[e,o(e)])))}({allDocsData:e,versionPersistence:t,pluginIds:n}))}),[e,t,n]);return[a,(0,r.useMemo)((()=>({savePreferredVersion:function(e,n){d.save(e,t,n),s((t=>({...t,[e]:{preferredVersionName:n}})))}})),[t])]}function h(e){let{children:t}=e;const n=m();return(0,c.jsx)(f.Provider,{value:n,children:t})}function g(e){let{children:t}=e;return(0,c.jsx)(h,{children:t})}function b(){const e=(0,r.useContext)(f);if(!e)throw new l.dV("DocsPreferredVersionContextProvider");return e}function y(e){void 0===e&&(e=a.W);const t=(0,o.ht)(e),[n,i]=b(),{preferredVersionName:s}=n[e];return{preferredVersion:t.versions.find((e=>e.name===s))??null,savePreferredVersionName:(0,r.useCallback)((t=>{i.savePreferredVersion(e,t)}),[i,e])}}function v(){const e=(0,o.Gy)(),[t]=b();function n(n){const r=e[n],{preferredVersionName:o}=t[n];return r.versions.find((e=>e.name===o))??null}const r=Object.keys(e);return Object.fromEntries(r.map((e=>[e,n(e)])))}},4619:(e,t,n)=>{"use strict";n.d(t,{k:()=>a,v:()=>i});var r=n(9860),o=n(3724);function a(e,t){return`docs-${e}-${t}`}function i(){const e=(0,r.Gy)(),t=(0,r.gk)(),n=(0,o.XK)();return[...Object.keys(e).map((function(r){const o=t?.activePlugin.pluginId===r?t.activeVersion:void 0,i=n[r],s=e[r].versions.find((e=>e.isLast));return a(r,(o??i??s).name)}))]}},3971:(e,t,n)=>{"use strict";n.d(t,{V:()=>l,t:()=>c});var r=n(758),o=n(4902),a=n(6070);const i=Symbol("EmptyContext"),s=r.createContext(i);function l(e){let{children:t,name:n,items:o}=e;const i=(0,r.useMemo)((()=>n&&o?{name:n,items:o}:null),[n,o]);return(0,a.jsx)(s.Provider,{value:i,children:t})}function c(){const e=(0,r.useContext)(s);if(e===i)throw new o.dV("DocsSidebarProvider");return e}},1630:(e,t,n)=>{"use strict";n.d(t,{B5:()=>x,Nr:()=>p,OF:()=>v,QB:()=>S,Vd:()=>w,Y:()=>b,fW:()=>k,w8:()=>h});var r=n(758),o=n(5557),a=n(389),i=n(9860),s=n(5763),l=n(2632),c=n(3724),u=n(1579),d=n(3971);function p(e){return"link"!==e.type||e.unlisted?"category"===e.type?function(e){if(e.href&&!e.linkUnlisted)return e.href;for(const t of e.items){const e=p(t);if(e)return e}}(e):void 0:e.href}const f=(e,t)=>void 0!==e&&(0,s.ys)(e,t),m=(e,t)=>e.some((e=>h(e,t)));function h(e,t){return"link"===e.type?f(e.href,t):"category"===e.type&&(f(e.href,t)||m(e.items,t))}function g(e,t){switch(e.type){case"category":return h(e,t)||e.items.some((e=>g(e,t)));case"link":return!e.unlisted||h(e,t);default:return!0}}function b(e,t){return(0,r.useMemo)((()=>e.filter((e=>g(e,t)))),[e,t])}function y(e){let{sidebarItems:t,pathname:n,onlyCategories:r=!1}=e;const o=[];return function e(t){for(const a of t)if("category"===a.type&&((0,s.ys)(a.href,n)||e(a.items))||"link"===a.type&&(0,s.ys)(a.href,n)){return r&&"category"!==a.type||o.unshift(a),!0}return!1}(t),o}function v(){const e=(0,d.t)(),{pathname:t}=(0,o.zy)(),n=(0,i.vT)()?.pluginData.breadcrumbs;return!1!==n&&e?y({sidebarItems:e.items,pathname:t}):null}function w(e){const{activeVersion:t}=(0,i.zK)(e),{preferredVersion:n}=(0,c.g1)(e),o=(0,i.r7)(e);return(0,r.useMemo)((()=>(0,l.sb)([t,n,o].filter(Boolean))),[t,n,o])}function k(e,t){const n=w(t);return(0,r.useMemo)((()=>{const t=n.flatMap((e=>e.sidebars?Object.entries(e.sidebars):[])),r=t.find((t=>t[0]===e));if(!r)throw new Error(`Can't find any sidebar with id "${e}" in version${n.length>1?"s":""} ${n.map((e=>e.name)).join(", ")}".\nAvailable sidebar ids are:\n- ${t.map((e=>e[0])).join("\n- ")}`);return r[1]}),[e,n])}function S(e,t){const n=w(t);return(0,r.useMemo)((()=>{const t=n.flatMap((e=>e.docs)),r=t.find((t=>t.id===e));if(!r){if(n.flatMap((e=>e.draftIds)).includes(e))return null;throw new Error(`Couldn't find any doc with id "${e}" in version${n.length>1?"s":""} "${n.map((e=>e.name)).join(", ")}".\nAvailable doc ids are:\n- ${(0,l.sb)(t.map((e=>e.id))).join("\n- ")}`)}return r}),[e,n])}function x(e){let{route:t}=e;const n=(0,o.zy)(),r=(0,u.r)(),i=t.routes,s=i.find((e=>(0,o.B6)(n.pathname,e)));if(!s)return null;const l=s.sidebar,c=l?r.docsSidebars[l]:void 0;return{docElement:(0,a.v)(i),sidebarName:l,sidebarItems:c}}},1579:(e,t,n)=>{"use strict";n.d(t,{n:()=>s,r:()=>l});var r=n(758),o=n(4902),a=n(6070);const i=r.createContext(null);function s(e){let{children:t,version:n}=e;return(0,a.jsx)(i.Provider,{value:n,children:t})}function l(){const e=(0,r.useContext)(i);if(null===e)throw new o.dV("DocsVersionProvider");return e}},9860:(e,t,n)=>{"use strict";n.d(t,{zK:()=>b,vT:()=>f,gk:()=>m,Gy:()=>d,HW:()=>y,ht:()=>p,r7:()=>g,jh:()=>h});var r=n(5557),o=n(9143),a=n(8470);function i(e,t){void 0===t&&(t={});const n=function(){const{globalData:e}=(0,o.A)();return e}()[e];if(!n&&t.failfast)throw new Error(`Docusaurus plugin global data not found for "${e}" plugin.`);return n}const s=e=>e.versions.find((e=>e.isLast));function l(e,t){return[...e.versions].sort(((e,t)=>e.path===t.path?0:e.path.includes(t.path)?-1:t.path.includes(e.path)?1:0)).find((e=>!!(0,r.B6)(t,{path:e.path,exact:!1,strict:!1})))}function c(e,t){const n=l(e,t),o=n?.docs.find((e=>!!(0,r.B6)(t,{path:e.path,exact:!0,strict:!1})));return{activeVersion:n,activeDoc:o,alternateDocVersions:o?function(t){const n={};return e.versions.forEach((e=>{e.docs.forEach((r=>{r.id===t&&(n[e.name]=r)}))})),n}(o.id):{}}}const u={},d=()=>i("docusaurus-plugin-content-docs")??u,p=e=>{try{return function(e,t,n){void 0===t&&(t=a.W),void 0===n&&(n={});const r=i(e),o=r?.[t];if(!o&&n.failfast)throw new Error(`Docusaurus plugin global data not found for "${e}" plugin with id "${t}".`);return o}("docusaurus-plugin-content-docs",e,{failfast:!0})}catch(t){throw new Error("You are using a feature of the Docusaurus docs plugin, but this plugin does not seem to be enabled"+("Default"===e?"":` (pluginId=${e}`),{cause:t})}};function f(e){void 0===e&&(e={});const t=d(),{pathname:n}=(0,r.zy)();return function(e,t,n){void 0===n&&(n={});const o=Object.entries(e).sort(((e,t)=>t[1].path.localeCompare(e[1].path))).find((e=>{let[,n]=e;return!!(0,r.B6)(t,{path:n.path,exact:!1,strict:!1})})),a=o?{pluginId:o[0],pluginData:o[1]}:void 0;if(!a&&n.failfast)throw new Error(`Can't find active docs plugin for "${t}" pathname, while it was expected to be found. Maybe you tried to use a docs feature that can only be used on a docs-related page? Existing docs plugin paths are: ${Object.values(e).map((e=>e.path)).join(", ")}`);return a}(t,n,e)}function m(e){void 0===e&&(e={});const t=f(e),{pathname:n}=(0,r.zy)();if(!t)return;return{activePlugin:t,activeVersion:l(t.pluginData,n)}}function h(e){return p(e).versions}function g(e){const t=p(e);return s(t)}function b(e){const t=p(e),{pathname:n}=(0,r.zy)();return c(t,n)}function y(e){const t=p(e),{pathname:n}=(0,r.zy)();return function(e,t){const n=s(e);return{latestDocSuggestion:c(e,t).alternateDocVersions[n.name],latestVersionSuggestion:n}}(t,n)}},9235:(e,t,n)=>{"use strict";function r(e,t){e.prototype=Object.create(t.prototype),e.prototype.constructor=e,e.__proto__=t}function o(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function a(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function i(){return i=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},i.apply(this,arguments)}var s=n(758),l=[],c=[];var u=s.createContext(null);function d(e){var t=e(),n={loading:!0,loaded:null,error:null};return n.promise=t.then((function(e){return n.loading=!1,n.loaded=e,e})).catch((function(e){throw n.loading=!1,n.error=e,e})),n}function p(e){var t={loading:!1,loaded:{},error:null},n=[];try{Object.keys(e).forEach((function(r){var o=d(e[r]);o.loading?t.loading=!0:(t.loaded[r]=o.loaded,t.error=o.error),n.push(o.promise),o.promise.then((function(e){t.loaded[r]=e})).catch((function(e){t.error=e}))}))}catch(r){t.error=r}return t.promise=Promise.all(n).then((function(e){return t.loading=!1,e})).catch((function(e){throw t.loading=!1,e})),t}function f(e,t){return s.createElement((n=e)&&n.__esModule?n.default:n,t);var n}function m(e,t){var d,p;if(!t.loading)throw new Error("react-loadable requires a `loading` component");var m=i({loader:null,loading:null,delay:200,timeout:null,render:f,webpack:null,modules:null},t),h=null;function g(){return h||(h=e(m.loader)),h.promise}return l.push(g),"function"==typeof m.webpack&&c.push((function(){if((0,m.webpack)().every((function(e){return void 0!==e&&void 0!==n.m[e]})))return g()})),p=d=function(t){function n(n){var r;return a(o(o(r=t.call(this,n)||this)),"retry",(function(){r.setState({error:null,loading:!0,timedOut:!1}),h=e(m.loader),r._loadModule()})),g(),r.state={error:h.error,pastDelay:!1,timedOut:!1,loading:h.loading,loaded:h.loaded},r}r(n,t),n.preload=function(){return g()};var i=n.prototype;return i.UNSAFE_componentWillMount=function(){this._loadModule()},i.componentDidMount=function(){this._mounted=!0},i._loadModule=function(){var e=this;if(this.context&&Array.isArray(m.modules)&&m.modules.forEach((function(t){e.context.report(t)})),h.loading){var t=function(t){e._mounted&&e.setState(t)};"number"==typeof m.delay&&(0===m.delay?this.setState({pastDelay:!0}):this._delay=setTimeout((function(){t({pastDelay:!0})}),m.delay)),"number"==typeof m.timeout&&(this._timeout=setTimeout((function(){t({timedOut:!0})}),m.timeout));var n=function(){t({error:h.error,loaded:h.loaded,loading:h.loading}),e._clearTimeouts()};h.promise.then((function(){return n(),null})).catch((function(e){return n(),null}))}},i.componentWillUnmount=function(){this._mounted=!1,this._clearTimeouts()},i._clearTimeouts=function(){clearTimeout(this._delay),clearTimeout(this._timeout)},i.render=function(){return this.state.loading||this.state.error?s.createElement(m.loading,{isLoading:this.state.loading,pastDelay:this.state.pastDelay,timedOut:this.state.timedOut,error:this.state.error,retry:this.retry}):this.state.loaded?m.render(this.state.loaded,this.props):null},n}(s.Component),a(d,"contextType",u),p}function h(e){return m(d,e)}h.Map=function(e){if("function"!=typeof e.render)throw new Error("LoadableMap requires a `render(loaded, props)` function");return m(p,e)};var g=function(e){function t(){return e.apply(this,arguments)||this}return r(t,e),t.prototype.render=function(){return s.createElement(u.Provider,{value:{report:this.props.report}},s.Children.only(this.props.children))},t}(s.Component);function b(e){for(var t=[];e.length;){var n=e.pop();t.push(n())}return Promise.all(t).then((function(){if(e.length)return b(e)}))}h.Capture=g,h.preloadAll=function(){return new Promise((function(e,t){b(l).then(e,t)}))},h.preloadReady=function(){return new Promise((function(e,t){b(c).then(e,e)}))},e.exports=h},5348:(e,t,n)=>{"use strict";n.r(t),n.d(t,{default:()=>a});var r=n(8744),o=n.n(r);o().configure({showSpinner:!1});const a={onRouteUpdate(e){let{location:t,previousLocation:n}=e;if(n&&t.pathname!==n.pathname){const e=window.setTimeout((()=>{o().start()}),200);return()=>window.clearTimeout(e)}},onRouteDidUpdate(){o().done()}}},9773:(e,t,n)=>{"use strict";var r=n(5371),o=n(4784);!function(e){const{themeConfig:{prism:t}}=o.default,{additionalLanguages:r}=t;globalThis.Prism=e,r.forEach((e=>{"php"===e&&n(1274),n(9927)(`./prism-${e}`)})),delete globalThis.Prism}(r.My)},1507:(e,t,n)=>{"use strict";n.d(t,{A:()=>u});n(758);var r=n(3526),o=n(7765),a=n(316),i=n(6783),s=n(6828);const l={anchorWithStickyNavbar:"anchorWithStickyNavbar_QzlE",anchorWithHideOnScrollNavbar:"anchorWithHideOnScrollNavbar_IGdS"};var c=n(6070);function u(e){let{as:t,id:n,...u}=e;const d=(0,s.A)(),{navbar:{hideOnScroll:p}}=(0,a.p)();if("h1"===t||!n)return(0,c.jsx)(t,{...u,id:void 0});d.collectAnchor(n);const f=(0,o.T)({id:"theme.common.headingLinkTitle",message:"Direct link to {heading}",description:"Title for link to heading"},{heading:"string"==typeof u.children?u.children:n});return(0,c.jsxs)(t,{...u,className:(0,r.A)("anchor",p?l.anchorWithHideOnScrollNavbar:l.anchorWithStickyNavbar,u.className),id:n,children:[u.children,(0,c.jsx)(i.A,{className:"hash-link",to:`#${n}`,"aria-label":f,title:f,children:"\u200b"})]})}},9503:(e,t,n)=>{"use strict";n.d(t,{A:()=>a});n(758);const r={iconExternalLink:"iconExternalLink_rel2"};var o=n(6070);function a(e){let{width:t=13.5,height:n=13.5}=e;return(0,o.jsx)("svg",{width:t,height:n,"aria-hidden":"true",viewBox:"0 0 24 24",className:r.iconExternalLink,children:(0,o.jsx)("path",{fill:"currentColor",d:"M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"})})}},3041:(e,t,n)=>{"use strict";n.d(t,{A:()=>Ct});var r=n(758),o=n(3526),a=n(356),i=n(898),s=n(5557),l=n(7765),c=n(2360),u=n(6070);const d="__docusaurus_skipToContent_fallback";function p(e){e.setAttribute("tabindex","-1"),e.focus(),e.removeAttribute("tabindex")}function f(){const e=(0,r.useRef)(null),{action:t}=(0,s.W6)(),n=(0,r.useCallback)((e=>{e.preventDefault();const t=document.querySelector("main:first-of-type")??document.getElementById(d);t&&p(t)}),[]);return(0,c.$)((n=>{let{location:r}=n;e.current&&!r.hash&&"PUSH"===t&&p(e.current)})),{containerRef:e,onClick:n}}const m=(0,l.T)({id:"theme.common.skipToMainContent",description:"The skip to content label used for accessibility, allowing to rapidly navigate to main content with keyboard tab/enter navigation",message:"Skip to main content"});function h(e){const t=e.children??m,{containerRef:n,onClick:r}=f();return(0,u.jsx)("div",{ref:n,role:"region","aria-label":m,children:(0,u.jsx)("a",{...e,href:`#${d}`,onClick:r,children:t})})}var g=n(8813),b=n(9782);const y={skipToContent:"skipToContent_iI6K"};function v(){return(0,u.jsx)(h,{className:y.skipToContent})}var w=n(316),k=n(1611);function S(e){let{width:t=21,height:n=21,color:r="currentColor",strokeWidth:o=1.2,className:a,...i}=e;return(0,u.jsx)("svg",{viewBox:"0 0 15 15",width:t,height:n,...i,children:(0,u.jsx)("g",{stroke:r,strokeWidth:o,children:(0,u.jsx)("path",{d:"M.75.75l13.5 13.5M14.25.75L.75 14.25"})})})}const x={closeButton:"closeButton_Y4Q2"};function E(e){return(0,u.jsx)("button",{type:"button","aria-label":(0,l.T)({id:"theme.AnnouncementBar.closeButtonAriaLabel",message:"Close",description:"The ARIA label for close button of announcement bar"}),...e,className:(0,o.A)("clean-btn close",x.closeButton,e.className),children:(0,u.jsx)(S,{width:14,height:14,strokeWidth:3.1})})}const _={content:"content_CxvN"};function C(e){const{announcementBar:t}=(0,w.p)(),{content:n}=t;return(0,u.jsx)("div",{...e,className:(0,o.A)(_.content,e.className),dangerouslySetInnerHTML:{__html:n}})}const j={announcementBar:"announcementBar_Wthk",announcementBarPlaceholder:"announcementBarPlaceholder_aISb",announcementBarClose:"announcementBarClose_vsml",announcementBarContent:"announcementBarContent_peeZ"};function O(){const{announcementBar:e}=(0,w.p)(),{isActive:t,close:n}=(0,k.M)();if(!t)return null;const{backgroundColor:r,textColor:o,isCloseable:a}=e;return(0,u.jsxs)("div",{className:j.announcementBar,style:{backgroundColor:r,color:o},role:"banner",children:[a&&(0,u.jsx)("div",{className:j.announcementBarPlaceholder}),(0,u.jsx)(C,{className:j.announcementBarContent}),a&&(0,u.jsx)(E,{onClick:n,className:j.announcementBarClose})]})}var A=n(1003),T=n(9030);var P=n(4902),L=n(646);const I=r.createContext(null);function N(e){let{children:t}=e;const n=function(){const e=(0,A.M)(),t=(0,L.YL)(),[n,o]=(0,r.useState)(!1),a=null!==t.component,i=(0,P.ZC)(a);return(0,r.useEffect)((()=>{a&&!i&&o(!0)}),[a,i]),(0,r.useEffect)((()=>{a?e.shown||o(!0):o(!1)}),[e.shown,a]),(0,r.useMemo)((()=>[n,o]),[n])}();return(0,u.jsx)(I.Provider,{value:n,children:t})}function R(e){if(e.component){const t=e.component;return(0,u.jsx)(t,{...e.props})}}function D(){const e=(0,r.useContext)(I);if(!e)throw new P.dV("NavbarSecondaryMenuDisplayProvider");const[t,n]=e,o=(0,r.useCallback)((()=>n(!1)),[n]),a=(0,L.YL)();return(0,r.useMemo)((()=>({shown:t,hide:o,content:R(a)})),[o,a,t])}function M(e){let{header:t,primaryMenu:n,secondaryMenu:r}=e;const{shown:a}=D();return(0,u.jsxs)("div",{className:"navbar-sidebar",children:[t,(0,u.jsxs)("div",{className:(0,o.A)("navbar-sidebar__items",{"navbar-sidebar__items--show-secondary":a}),children:[(0,u.jsx)("div",{className:"navbar-sidebar__item menu",children:n}),(0,u.jsx)("div",{className:"navbar-sidebar__item menu",children:r})]})]})}var F=n(9731),z=n(2630);function B(e){return(0,u.jsx)("svg",{viewBox:"0 0 24 24",width:24,height:24,...e,children:(0,u.jsx)("path",{fill:"currentColor",d:"M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"})})}function U(e){return(0,u.jsx)("svg",{viewBox:"0 0 24 24",width:24,height:24,...e,children:(0,u.jsx)("path",{fill:"currentColor",d:"M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"})})}const q={toggle:"toggle_rtf2",toggleButton:"toggleButton_lzER",darkToggleIcon:"darkToggleIcon_un8X",lightToggleIcon:"lightToggleIcon_isKo",toggleButtonDisabled:"toggleButtonDisabled_jUHO"};function $(e){let{className:t,buttonClassName:n,value:r,onChange:a}=e;const i=(0,z.A)(),s=(0,l.T)({message:"Switch between dark and light mode (currently {mode})",id:"theme.colorToggle.ariaLabel",description:"The ARIA label for the navbar color mode toggle"},{mode:"dark"===r?(0,l.T)({message:"dark mode",id:"theme.colorToggle.ariaLabel.mode.dark",description:"The name for the dark color mode"}):(0,l.T)({message:"light mode",id:"theme.colorToggle.ariaLabel.mode.light",description:"The name for the light color mode"})});return(0,u.jsx)("div",{className:(0,o.A)(q.toggle,t),children:(0,u.jsxs)("button",{className:(0,o.A)("clean-btn",q.toggleButton,!i&&q.toggleButtonDisabled,n),type:"button",onClick:()=>a("dark"===r?"light":"dark"),disabled:!i,title:s,"aria-label":s,"aria-live":"polite",children:[(0,u.jsx)(B,{className:(0,o.A)(q.toggleIcon,q.lightToggleIcon)}),(0,u.jsx)(U,{className:(0,o.A)(q.toggleIcon,q.darkToggleIcon)})]})})}const H=r.memo($),V={darkNavbarColorModeToggle:"darkNavbarColorModeToggle_NEom"};function G(e){let{className:t}=e;const n=(0,w.p)().navbar.style,r=(0,w.p)().colorMode.disableSwitch,{colorMode:o,setColorMode:a}=(0,F.G)();return r?null:(0,u.jsx)(H,{className:t,buttonClassName:"dark"===n?V.darkNavbarColorModeToggle:void 0,value:o,onChange:a})}var W=n(7007);function K(){return(0,u.jsx)(W.A,{className:"navbar__brand",imageClassName:"navbar__logo",titleClassName:"navbar__title text--truncate"})}function Q(){const e=(0,A.M)();return(0,u.jsx)("button",{type:"button","aria-label":(0,l.T)({id:"theme.docs.sidebar.closeSidebarButtonAriaLabel",message:"Close navigation bar",description:"The ARIA label for close button of mobile sidebar"}),className:"clean-btn navbar-sidebar__close",onClick:()=>e.toggle(),children:(0,u.jsx)(S,{color:"var(--ifm-color-emphasis-600)"})})}function Y(){return(0,u.jsxs)("div",{className:"navbar-sidebar__brand",children:[(0,u.jsx)(K,{}),(0,u.jsx)(G,{className:"margin-right--md"}),(0,u.jsx)(Q,{})]})}var Z=n(6783),J=n(5252),X=n(1933),ee=n(5130),te=n(9503);function ne(e){let{activeBasePath:t,activeBaseRegex:n,to:r,href:o,label:a,html:i,isDropdownLink:s,prependBaseUrlToHref:l,...c}=e;const d=(0,J.Ay)(r),p=(0,J.Ay)(t),f=(0,J.Ay)(o,{forcePrependBaseUrl:!0}),m=a&&o&&!(0,X.A)(o),h=i?{dangerouslySetInnerHTML:{__html:i}}:{children:(0,u.jsxs)(u.Fragment,{children:[a,m&&(0,u.jsx)(te.A,{...s&&{width:12,height:12}})]})};return o?(0,u.jsx)(Z.A,{href:l?f:o,...c,...h}):(0,u.jsx)(Z.A,{to:d,isNavLink:!0,...(t||n)&&{isActive:(e,t)=>n?(0,ee.G)(n,t.pathname):t.pathname.startsWith(p)},...c,...h})}function re(e){let{className:t,isDropdownItem:n=!1,...r}=e;const a=(0,u.jsx)(ne,{className:(0,o.A)(n?"dropdown__link":"navbar__item navbar__link",t),isDropdownLink:n,...r});return n?(0,u.jsx)("li",{children:a}):a}function oe(e){let{className:t,isDropdownItem:n,...r}=e;return(0,u.jsx)("li",{className:"menu__list-item",children:(0,u.jsx)(ne,{className:(0,o.A)("menu__link",t),...r})})}function ae(e){let{mobile:t=!1,position:n,...r}=e;const o=t?oe:re;return(0,u.jsx)(o,{...r,activeClassName:r.activeClassName??(t?"menu__link--active":"navbar__link--active")})}var ie=n(7064),se=n(5763),le=n(9143);const ce={dropdownNavbarItemMobile:"dropdownNavbarItemMobile_Uft3"};function ue(e,t){return e.some((e=>function(e,t){return!!(0,se.ys)(e.to,t)||!!(0,ee.G)(e.activeBaseRegex,t)||!(!e.activeBasePath||!t.startsWith(e.activeBasePath))}(e,t)))}function de(e){let{items:t,position:n,className:a,onClick:i,...s}=e;const l=(0,r.useRef)(null),[c,d]=(0,r.useState)(!1);return(0,r.useEffect)((()=>{const e=e=>{l.current&&!l.current.contains(e.target)&&d(!1)};return document.addEventListener("mousedown",e),document.addEventListener("touchstart",e),document.addEventListener("focusin",e),()=>{document.removeEventListener("mousedown",e),document.removeEventListener("touchstart",e),document.removeEventListener("focusin",e)}}),[l]),(0,u.jsxs)("div",{ref:l,className:(0,o.A)("navbar__item","dropdown","dropdown--hoverable",{"dropdown--right":"right"===n,"dropdown--show":c}),children:[(0,u.jsx)(ne,{"aria-haspopup":"true","aria-expanded":c,role:"button",href:s.to?void 0:"#",className:(0,o.A)("navbar__link",a),...s,onClick:s.to?void 0:e=>e.preventDefault(),onKeyDown:e=>{"Enter"===e.key&&(e.preventDefault(),d(!c))},children:s.children??s.label}),(0,u.jsx)("ul",{className:"dropdown__menu",children:t.map(((e,t)=>(0,r.createElement)(Fe,{isDropdownItem:!0,activeClassName:"dropdown__link--active",...e,key:t})))})]})}function pe(e){let{items:t,className:n,position:a,onClick:i,...l}=e;const c=function(){const{siteConfig:{baseUrl:e}}=(0,le.A)(),{pathname:t}=(0,s.zy)();return t.replace(e,"/")}(),d=ue(t,c),{collapsed:p,toggleCollapsed:f,setCollapsed:m}=(0,ie.u)({initialState:()=>!d});return(0,r.useEffect)((()=>{d&&m(!d)}),[c,d,m]),(0,u.jsxs)("li",{className:(0,o.A)("menu__list-item",{"menu__list-item--collapsed":p}),children:[(0,u.jsx)(ne,{role:"button",className:(0,o.A)(ce.dropdownNavbarItemMobile,"menu__link menu__link--sublist menu__link--sublist-caret",n),...l,onClick:e=>{e.preventDefault(),f()},children:l.children??l.label}),(0,u.jsx)(ie.N,{lazy:!0,as:"ul",className:"menu__list",collapsed:p,children:t.map(((e,t)=>(0,r.createElement)(Fe,{mobile:!0,isDropdownItem:!0,onClick:i,activeClassName:"menu__link--active",...e,key:t})))})]})}function fe(e){let{mobile:t=!1,...n}=e;const r=t?pe:de;return(0,u.jsx)(r,{...n})}var me=n(1529);function he(e){let{width:t=20,height:n=20,...r}=e;return(0,u.jsx)("svg",{viewBox:"0 0 24 24",width:t,height:n,"aria-hidden":!0,...r,children:(0,u.jsx)("path",{fill:"currentColor",d:"M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"})})}const ge="iconLanguage_wlog";var be=n(8143),ye=n(7781),ve=n(2293),we=n(8169),ke=n(1152),Se=n(4937),xe=n(4619);function Ee(){return[`language:${(0,le.A)().i18n.currentLocale}`,function(){const e=(0,xe.v)();return[Se.C,...e]}().map((e=>`docusaurus_tag:${e}`))]}const _e={button:{buttonText:(0,l.T)({id:"theme.SearchBar.label",message:"Search",description:"The ARIA label and placeholder for search button"}),buttonAriaLabel:(0,l.T)({id:"theme.SearchBar.label",message:"Search",description:"The ARIA label and placeholder for search button"})},modal:{searchBox:{resetButtonTitle:(0,l.T)({id:"theme.SearchModal.searchBox.resetButtonTitle",message:"Clear the query",description:"The label and ARIA label for search box reset button"}),resetButtonAriaLabel:(0,l.T)({id:"theme.SearchModal.searchBox.resetButtonTitle",message:"Clear the query",description:"The label and ARIA label for search box reset button"}),cancelButtonText:(0,l.T)({id:"theme.SearchModal.searchBox.cancelButtonText",message:"Cancel",description:"The label and ARIA label for search box cancel button"}),cancelButtonAriaLabel:(0,l.T)({id:"theme.SearchModal.searchBox.cancelButtonText",message:"Cancel",description:"The label and ARIA label for search box cancel button"})},startScreen:{recentSearchesTitle:(0,l.T)({id:"theme.SearchModal.startScreen.recentSearchesTitle",message:"Recent",description:"The title for recent searches"}),noRecentSearchesText:(0,l.T)({id:"theme.SearchModal.startScreen.noRecentSearchesText",message:"No recent searches",description:"The text when no recent searches"}),saveRecentSearchButtonTitle:(0,l.T)({id:"theme.SearchModal.startScreen.saveRecentSearchButtonTitle",message:"Save this search",description:"The label for save recent search button"}),removeRecentSearchButtonTitle:(0,l.T)({id:"theme.SearchModal.startScreen.removeRecentSearchButtonTitle",message:"Remove this search from history",description:"The label for remove recent search button"}),favoriteSearchesTitle:(0,l.T)({id:"theme.SearchModal.startScreen.favoriteSearchesTitle",message:"Favorite",description:"The title for favorite searches"}),removeFavoriteSearchButtonTitle:(0,l.T)({id:"theme.SearchModal.startScreen.removeFavoriteSearchButtonTitle",message:"Remove this search from favorites",description:"The label for remove favorite search button"})},errorScreen:{titleText:(0,l.T)({id:"theme.SearchModal.errorScreen.titleText",message:"Unable to fetch results",description:"The title for error screen of search modal"}),helpText:(0,l.T)({id:"theme.SearchModal.errorScreen.helpText",message:"You might want to check your network connection.",description:"The help text for error screen of search modal"})},footer:{selectText:(0,l.T)({id:"theme.SearchModal.footer.selectText",message:"to select",description:"The explanatory text of the action for the enter key"}),selectKeyAriaLabel:(0,l.T)({id:"theme.SearchModal.footer.selectKeyAriaLabel",message:"Enter key",description:"The ARIA label for the Enter key button that makes the selection"}),navigateText:(0,l.T)({id:"theme.SearchModal.footer.navigateText",message:"to navigate",description:"The explanatory text of the action for the Arrow up and Arrow down key"}),navigateUpKeyAriaLabel:(0,l.T)({id:"theme.SearchModal.footer.navigateUpKeyAriaLabel",message:"Arrow up",description:"The ARIA label for the Arrow up key button that makes the navigation"}),navigateDownKeyAriaLabel:(0,l.T)({id:"theme.SearchModal.footer.navigateDownKeyAriaLabel",message:"Arrow down",description:"The ARIA label for the Arrow down key button that makes the navigation"}),closeText:(0,l.T)({id:"theme.SearchModal.footer.closeText",message:"to close",description:"The explanatory text of the action for Escape key"}),closeKeyAriaLabel:(0,l.T)({id:"theme.SearchModal.footer.closeKeyAriaLabel",message:"Escape key",description:"The ARIA label for the Escape key button that close the modal"}),searchByText:(0,l.T)({id:"theme.SearchModal.footer.searchByText",message:"Search by",description:"The text explain that the search is making by Algolia"})},noResultsScreen:{noResultsText:(0,l.T)({id:"theme.SearchModal.noResultsScreen.noResultsText",message:"No results for",description:"The text explains that there are no results for the following search"}),suggestedQueryText:(0,l.T)({id:"theme.SearchModal.noResultsScreen.suggestedQueryText",message:"Try searching for",description:"The text for the suggested query when no results are found for the following search"}),reportMissingResultsText:(0,l.T)({id:"theme.SearchModal.noResultsScreen.reportMissingResultsText",message:"Believe this query should return results?",description:"The text for the question where the user thinks there are missing results"}),reportMissingResultsLinkText:(0,l.T)({id:"theme.SearchModal.noResultsScreen.reportMissingResultsLinkText",message:"Let us know.",description:"The text for the link to report missing results"})}},placeholder:(0,l.T)({id:"theme.SearchModal.placeholder",message:"Search docs",description:"The placeholder of the input of the DocSearch pop-up modal"})};let Ce=null;function je(e){let{hit:t,children:n}=e;return(0,u.jsx)(Z.A,{to:t.url,children:n})}function Oe(e){let{state:t,onClose:n}=e;const r=(0,we.w)();return(0,u.jsx)(Z.A,{to:r(t.query),onClick:n,children:(0,u.jsx)(l.A,{id:"theme.SearchBar.seeAll",values:{count:t.context.nbHits},children:"See all {count} results"})})}function Ae(e){let{contextualSearch:t,externalUrlRegex:o,...a}=e;const{siteMetadata:i}=(0,le.A)(),l=(0,ke.C)(),c=Ee(),d=a.searchParameters?.facetFilters??[],p=t?function(e,t){const n=e=>"string"==typeof e?[e]:e;return[...n(e),...n(t)]}(c,d):d,f={...a.searchParameters,facetFilters:p},m=(0,s.W6)(),h=(0,r.useRef)(null),g=(0,r.useRef)(null),[b,y]=(0,r.useState)(!1),[v,w]=(0,r.useState)(void 0),k=(0,r.useCallback)((()=>Ce?Promise.resolve():Promise.all([n.e(9553).then(n.bind(n,9553)),Promise.all([n.e(1869),n.e(9562)]).then(n.bind(n,9562)),Promise.all([n.e(1869),n.e(8570)]).then(n.bind(n,8570))]).then((e=>{let[{DocSearchModal:t}]=e;Ce=t}))),[]),S=(0,r.useCallback)((()=>{if(!h.current){const e=document.createElement("div");h.current=e,document.body.insertBefore(e,document.body.firstChild)}}),[]),x=(0,r.useCallback)((()=>{S(),k().then((()=>y(!0)))}),[k,S]),E=(0,r.useCallback)((()=>{y(!1),g.current?.focus()}),[]),_=(0,r.useCallback)((e=>{"f"===e.key&&(e.metaKey||e.ctrlKey)||(e.preventDefault(),w(e.key),x())}),[x]),C=(0,r.useRef)({navigate(e){let{itemUrl:t}=e;(0,ee.G)(o,t)?window.location.href=t:m.push(t)}}).current,j=(0,r.useRef)((e=>a.transformItems?a.transformItems(e):e.map((e=>({...e,url:l(e.url)}))))).current,O=(0,r.useMemo)((()=>e=>(0,u.jsx)(Oe,{...e,onClose:E})),[E]),A=(0,r.useCallback)((e=>(e.addAlgoliaAgent("docusaurus",i.docusaurusVersion),e)),[i.docusaurusVersion]);return(0,ye.E8)({isOpen:b,onOpen:x,onClose:E,onInput:_,searchButtonRef:g}),(0,u.jsxs)(u.Fragment,{children:[(0,u.jsx)(ve.A,{children:(0,u.jsx)("link",{rel:"preconnect",href:`https://${a.appId}-dsn.algolia.net`,crossOrigin:"anonymous"})}),(0,u.jsx)(ye.Bc,{onTouchStart:k,onFocus:k,onMouseOver:k,onClick:x,ref:g,translations:_e.button}),b&&Ce&&h.current&&(0,be.createPortal)((0,u.jsx)(Ce,{onClose:E,initialScrollY:window.scrollY,initialQuery:v,navigator:C,transformItems:j,hitComponent:je,transformSearchClient:A,...a.searchPagePath&&{resultsFooterComponent:O},...a,searchParameters:f,placeholder:_e.placeholder,translations:_e.modal}),h.current)]})}function Te(){const{siteConfig:e}=(0,le.A)();return(0,u.jsx)(Ae,{...e.themeConfig.algolia})}const Pe={navbarSearchContainer:"navbarSearchContainer_DsMw"};function Le(e){let{children:t,className:n}=e;return(0,u.jsx)("div",{className:(0,o.A)(n,Pe.navbarSearchContainer),children:t})}var Ie=n(9860),Ne=n(1630);var Re=n(3724);function De(e,t){return t.alternateDocVersions[e.name]??function(e){return e.docs.find((t=>t.id===e.mainDocId))}(e)}const Me={default:ae,localeDropdown:function(e){let{mobile:t,dropdownItemsBefore:n,dropdownItemsAfter:r,queryString:o="",...a}=e;const{i18n:{currentLocale:i,locales:c,localeConfigs:d}}=(0,le.A)(),p=(0,me.o)(),{search:f,hash:m}=(0,s.zy)(),h=[...n,...c.map((e=>{const n=`${`pathname://${p.createUrl({locale:e,fullyQualified:!1})}`}${f}${m}${o}`;return{label:d[e].label,lang:d[e].htmlLang,to:n,target:"_self",autoAddBaseUrl:!1,className:e===i?t?"menu__link--active":"dropdown__link--active":""}})),...r],g=t?(0,l.T)({message:"Languages",id:"theme.navbar.mobileLanguageDropdown.label",description:"The label for the mobile language switcher dropdown"}):d[i].label;return(0,u.jsx)(fe,{...a,mobile:t,label:(0,u.jsxs)(u.Fragment,{children:[(0,u.jsx)(he,{className:ge}),g]}),items:h})},search:function(e){let{mobile:t,className:n}=e;return t?null:(0,u.jsx)(Le,{className:n,children:(0,u.jsx)(Te,{})})},dropdown:fe,html:function(e){let{value:t,className:n,mobile:r=!1,isDropdownItem:a=!1}=e;const i=a?"li":"div";return(0,u.jsx)(i,{className:(0,o.A)({navbar__item:!r&&!a,"menu__list-item":r},n),dangerouslySetInnerHTML:{__html:t}})},doc:function(e){let{docId:t,label:n,docsPluginId:r,...o}=e;const{activeDoc:a}=(0,Ie.zK)(r),i=(0,Ne.QB)(t,r),s=a?.path===i?.path;return null===i||i.unlisted&&!s?null:(0,u.jsx)(ae,{exact:!0,...o,isActive:()=>s||!!a?.sidebar&&a.sidebar===i.sidebar,label:n??i.id,to:i.path})},docSidebar:function(e){let{sidebarId:t,label:n,docsPluginId:r,...o}=e;const{activeDoc:a}=(0,Ie.zK)(r),i=(0,Ne.fW)(t,r).link;if(!i)throw new Error(`DocSidebarNavbarItem: Sidebar with ID "${t}" doesn't have anything to be linked to.`);return(0,u.jsx)(ae,{exact:!0,...o,isActive:()=>a?.sidebar===t,label:n??i.label,to:i.path})},docsVersion:function(e){let{label:t,to:n,docsPluginId:r,...o}=e;const a=(0,Ne.Vd)(r)[0],i=t??a.label,s=n??(e=>e.docs.find((t=>t.id===e.mainDocId)))(a).path;return(0,u.jsx)(ae,{...o,label:i,to:s})},docsVersionDropdown:function(e){let{mobile:t,docsPluginId:n,dropdownActiveClassDisabled:r,dropdownItemsBefore:o,dropdownItemsAfter:a,...i}=e;const{search:c,hash:d}=(0,s.zy)(),p=(0,Ie.zK)(n),f=(0,Ie.jh)(n),{savePreferredVersionName:m}=(0,Re.g1)(n),h=[...o,...f.map((function(e){const t=De(e,p);return{label:e.label,to:`${t.path}${c}${d}`,isActive:()=>e===p.activeVersion,onClick:()=>m(e.name)}})),...a],g=(0,Ne.Vd)(n)[0],b=t&&h.length>1?(0,l.T)({id:"theme.navbar.mobileVersionsDropdown.label",message:"Versions",description:"The label for the navbar versions dropdown on mobile view"}):g.label,y=t&&h.length>1?void 0:De(g,p).path;return h.length<=1?(0,u.jsx)(ae,{...i,mobile:t,label:b,to:y,isActive:r?()=>!1:void 0}):(0,u.jsx)(fe,{...i,mobile:t,label:b,to:y,items:h,isActive:r?()=>!1:void 0})}};function Fe(e){let{type:t,...n}=e;const r=function(e,t){return e&&"default"!==e?e:"items"in t?"dropdown":"default"}(t,n),o=Me[r];if(!o)throw new Error(`No NavbarItem component found for type "${t}".`);return(0,u.jsx)(o,{...n})}function ze(){const e=(0,A.M)(),t=(0,w.p)().navbar.items;return(0,u.jsx)("ul",{className:"menu__list",children:t.map(((t,n)=>(0,r.createElement)(Fe,{mobile:!0,...t,onClick:()=>e.toggle(),key:n})))})}function Be(e){return(0,u.jsx)("button",{...e,type:"button",className:"clean-btn navbar-sidebar__back",children:(0,u.jsx)(l.A,{id:"theme.navbar.mobileSidebarSecondaryMenu.backButtonLabel",description:"The label of the back button to return to main menu, inside the mobile navbar sidebar secondary menu (notably used to display the docs sidebar)",children:"\u2190 Back to main menu"})})}function Ue(){const e=0===(0,w.p)().navbar.items.length,t=D();return(0,u.jsxs)(u.Fragment,{children:[!e&&(0,u.jsx)(Be,{onClick:()=>t.hide()}),t.content]})}function qe(){const e=(0,A.M)();var t;return void 0===(t=e.shown)&&(t=!0),(0,r.useEffect)((()=>(document.body.style.overflow=t?"hidden":"visible",()=>{document.body.style.overflow="visible"})),[t]),e.shouldRender?(0,u.jsx)(M,{header:(0,u.jsx)(Y,{}),primaryMenu:(0,u.jsx)(ze,{}),secondaryMenu:(0,u.jsx)(Ue,{})}):null}const $e={navbarHideable:"navbarHideable_v02o",navbarHidden:"navbarHidden_YVDo"};function He(e){return(0,u.jsx)("div",{role:"presentation",...e,className:(0,o.A)("navbar-sidebar__backdrop",e.className)})}function Ve(e){let{children:t}=e;const{navbar:{hideOnScroll:n,style:a}}=(0,w.p)(),i=(0,A.M)(),{navbarRef:s,isNavbarVisible:d}=function(e){const[t,n]=(0,r.useState)(e),o=(0,r.useRef)(!1),a=(0,r.useRef)(0),i=(0,r.useCallback)((e=>{null!==e&&(a.current=e.getBoundingClientRect().height)}),[]);return(0,T.Mq)(((t,r)=>{let{scrollY:i}=t;if(!e)return;if(i<a.current)return void n(!0);if(o.current)return void(o.current=!1);const s=r?.scrollY,l=document.documentElement.scrollHeight-a.current,c=window.innerHeight;s&&i>=s?n(!1):i+c<l&&n(!0)})),(0,c.$)((t=>{if(!e)return;const r=t.location.hash;if(r?document.getElementById(r.substring(1)):void 0)return o.current=!0,void n(!1);n(!0)})),{navbarRef:i,isNavbarVisible:t}}(n);return(0,u.jsxs)("nav",{ref:s,"aria-label":(0,l.T)({id:"theme.NavBar.navAriaLabel",message:"Main",description:"The ARIA label for the main navigation"}),className:(0,o.A)("navbar","navbar--fixed-top",n&&[$e.navbarHideable,!d&&$e.navbarHidden],{"navbar--dark":"dark"===a,"navbar--primary":"primary"===a,"navbar-sidebar--show":i.shown}),children:[t,(0,u.jsx)(He,{onClick:i.toggle}),(0,u.jsx)(qe,{})]})}var Ge=n(3509);const We={errorBoundaryError:"errorBoundaryError_t0Si",errorBoundaryFallback:"errorBoundaryFallback_rqmh"};function Ke(e){return(0,u.jsx)("button",{type:"button",...e,children:(0,u.jsx)(l.A,{id:"theme.ErrorPageContent.tryAgain",description:"The label of the button to try again rendering when the React error boundary captures an error",children:"Try again"})})}function Qe(e){let{error:t}=e;const n=(0,Ge.rA)(t).map((e=>e.message)).join("\n\nCause:\n");return(0,u.jsx)("p",{className:We.errorBoundaryError,children:n})}class Ye extends r.Component{componentDidCatch(e,t){throw this.props.onError(e,t)}render(){return this.props.children}}const Ze="right";function Je(e){let{width:t=30,height:n=30,className:r,...o}=e;return(0,u.jsx)("svg",{className:r,width:t,height:n,viewBox:"0 0 30 30","aria-hidden":"true",...o,children:(0,u.jsx)("path",{stroke:"currentColor",strokeLinecap:"round",strokeMiterlimit:"10",strokeWidth:"2",d:"M4 7h22M4 15h22M4 23h22"})})}function Xe(){const{toggle:e,shown:t}=(0,A.M)();return(0,u.jsx)("button",{onClick:e,"aria-label":(0,l.T)({id:"theme.docs.sidebar.toggleSidebarButtonAriaLabel",message:"Toggle navigation bar",description:"The ARIA label for hamburger menu button of mobile navigation"}),"aria-expanded":t,className:"navbar__toggle clean-btn",type:"button",children:(0,u.jsx)(Je,{})})}const et={colorModeToggle:"colorModeToggle_G2yU"};function tt(e){let{items:t}=e;return(0,u.jsx)(u.Fragment,{children:t.map(((e,t)=>(0,u.jsx)(Ye,{onError:t=>new Error(`A theme navbar item failed to render.\nPlease double-check the following navbar item (themeConfig.navbar.items) of your Docusaurus config:\n${JSON.stringify(e,null,2)}`,{cause:t}),children:(0,u.jsx)(Fe,{...e})},t)))})}function nt(e){let{left:t,right:n}=e;return(0,u.jsxs)("div",{className:"navbar__inner",children:[(0,u.jsx)("div",{className:"navbar__items",children:t}),(0,u.jsx)("div",{className:"navbar__items navbar__items--right",children:n})]})}function rt(){const e=(0,A.M)(),t=(0,w.p)().navbar.items,[n,r]=function(e){function t(e){return"left"===(e.position??Ze)}return[e.filter(t),e.filter((e=>!t(e)))]}(t),o=t.find((e=>"search"===e.type));return(0,u.jsx)(nt,{left:(0,u.jsxs)(u.Fragment,{children:[!e.disabled&&(0,u.jsx)(Xe,{}),(0,u.jsx)(K,{}),(0,u.jsx)(tt,{items:n})]}),right:(0,u.jsxs)(u.Fragment,{children:[(0,u.jsx)(tt,{items:r}),(0,u.jsx)(G,{className:et.colorModeToggle}),!o&&(0,u.jsx)(Le,{children:(0,u.jsx)(Te,{})})]})})}function ot(){return(0,u.jsx)(Ve,{children:(0,u.jsx)(rt,{})})}function at(e){let{item:t}=e;const{to:n,href:r,label:o,prependBaseUrlToHref:a,...i}=t,s=(0,J.Ay)(n),l=(0,J.Ay)(r,{forcePrependBaseUrl:!0});return(0,u.jsxs)(Z.A,{className:"footer__link-item",...r?{href:a?l:r}:{to:s},...i,children:[o,r&&!(0,X.A)(r)&&(0,u.jsx)(te.A,{})]})}function it(e){let{item:t}=e;return t.html?(0,u.jsx)("li",{className:"footer__item",dangerouslySetInnerHTML:{__html:t.html}}):(0,u.jsx)("li",{className:"footer__item",children:(0,u.jsx)(at,{item:t})},t.href??t.to)}function st(e){let{column:t}=e;return(0,u.jsxs)("div",{className:"col footer__col",children:[(0,u.jsx)("div",{className:"footer__title",children:t.title}),(0,u.jsx)("ul",{className:"footer__items clean-list",children:t.items.map(((e,t)=>(0,u.jsx)(it,{item:e},t)))})]})}function lt(e){let{columns:t}=e;return(0,u.jsx)("div",{className:"row footer__links",children:t.map(((e,t)=>(0,u.jsx)(st,{column:e},t)))})}function ct(){return(0,u.jsx)("span",{className:"footer__link-separator",children:"\xb7"})}function ut(e){let{item:t}=e;return t.html?(0,u.jsx)("span",{className:"footer__link-item",dangerouslySetInnerHTML:{__html:t.html}}):(0,u.jsx)(at,{item:t})}function dt(e){let{links:t}=e;return(0,u.jsx)("div",{className:"footer__links text--center",children:(0,u.jsx)("div",{className:"footer__links",children:t.map(((e,n)=>(0,u.jsxs)(r.Fragment,{children:[(0,u.jsx)(ut,{item:e}),t.length!==n+1&&(0,u.jsx)(ct,{})]},n)))})})}function pt(e){let{links:t}=e;return function(e){return"title"in e[0]}(t)?(0,u.jsx)(lt,{columns:t}):(0,u.jsx)(dt,{links:t})}var ft=n(6012);const mt={footerLogoLink:"footerLogoLink_HxP9"};function ht(e){let{logo:t}=e;const{withBaseUrl:n}=(0,J.hH)(),r={light:n(t.src),dark:n(t.srcDark??t.src)};return(0,u.jsx)(ft.A,{className:(0,o.A)("footer__logo",t.className),alt:t.alt,sources:r,width:t.width,height:t.height,style:t.style})}function gt(e){let{logo:t}=e;return t.href?(0,u.jsx)(Z.A,{href:t.href,className:mt.footerLogoLink,target:t.target,children:(0,u.jsx)(ht,{logo:t})}):(0,u.jsx)(ht,{logo:t})}function bt(e){let{copyright:t}=e;return(0,u.jsx)("div",{className:"footer__copyright",dangerouslySetInnerHTML:{__html:t}})}function yt(e){let{style:t,links:n,logo:r,copyright:a}=e;return(0,u.jsx)("footer",{className:(0,o.A)("footer",{"footer--dark":"dark"===t}),children:(0,u.jsxs)("div",{className:"container container-fluid",children:[n,(r||a)&&(0,u.jsxs)("div",{className:"footer__bottom text--center",children:[r&&(0,u.jsx)("div",{className:"margin-bottom--sm",children:r}),a]})]})})}function vt(){const{footer:e}=(0,w.p)();if(!e)return null;const{copyright:t,links:n,logo:r,style:o}=e;return(0,u.jsx)(yt,{style:o,links:n&&n.length>0&&(0,u.jsx)(pt,{links:n}),logo:r&&(0,u.jsx)(gt,{logo:r}),copyright:t&&(0,u.jsx)(bt,{copyright:t})})}const wt=r.memo(vt),kt=(0,P.fM)([F.a,k.o,T.Tv,Re.VQ,i.Jx,function(e){let{children:t}=e;return(0,u.jsx)(L.y_,{children:(0,u.jsx)(A.e,{children:(0,u.jsx)(N,{children:t})})})}]);function St(e){let{children:t}=e;return(0,u.jsx)(kt,{children:t})}var xt=n(1507);function Et(e){let{error:t,tryAgain:n}=e;return(0,u.jsx)("main",{className:"container margin-vert--xl",children:(0,u.jsx)("div",{className:"row",children:(0,u.jsxs)("div",{className:"col col--6 col--offset-3",children:[(0,u.jsx)(xt.A,{as:"h1",className:"hero__title",children:(0,u.jsx)(l.A,{id:"theme.ErrorPageContent.title",description:"The title of the fallback page when the page crashed",children:"This page crashed."})}),(0,u.jsx)("div",{className:"margin-vert--lg",children:(0,u.jsx)(Ke,{onClick:n,className:"button button--primary shadow--lw"})}),(0,u.jsx)("hr",{}),(0,u.jsx)("div",{className:"margin-vert--md",children:(0,u.jsx)(Qe,{error:t})})]})})})}const _t={mainWrapper:"mainWrapper_ZPwK"};function Ct(e){const{children:t,noFooter:n,wrapperClassName:r,title:s,description:l}=e;return(0,b.J)(),(0,u.jsxs)(St,{children:[(0,u.jsx)(i.be,{title:s,description:l}),(0,u.jsx)(v,{}),(0,u.jsx)(O,{}),(0,u.jsx)(ot,{}),(0,u.jsx)("div",{id:d,className:(0,o.A)(g.G.wrapper.main,_t.mainWrapper,r),children:(0,u.jsx)(a.A,{fallback:e=>(0,u.jsx)(Et,{...e}),children:t})}),!n&&(0,u.jsx)(wt,{})]})}},7007:(e,t,n)=>{"use strict";n.d(t,{A:()=>u});n(758);var r=n(6783),o=n(5252),a=n(9143),i=n(316),s=n(6012),l=n(6070);function c(e){let{logo:t,alt:n,imageClassName:r}=e;const a={light:(0,o.Ay)(t.src),dark:(0,o.Ay)(t.srcDark||t.src)},i=(0,l.jsx)(s.A,{className:t.className,sources:a,height:t.height,width:t.width,alt:n,style:t.style});return r?(0,l.jsx)("div",{className:r,children:i}):i}function u(e){const{siteConfig:{title:t}}=(0,a.A)(),{navbar:{title:n,logo:s}}=(0,i.p)(),{imageClassName:u,titleClassName:d,...p}=e,f=(0,o.Ay)(s?.href||"/"),m=n?"":t,h=s?.alt??m;return(0,l.jsxs)(r.A,{to:f,...p,...s?.target&&{target:s.target},children:[s&&(0,l.jsx)(c,{logo:s,alt:h,imageClassName:u}),null!=n&&(0,l.jsx)("b",{className:d,children:n})]})}},1701:(e,t,n)=>{"use strict";n.d(t,{A:()=>a});n(758);var r=n(2293),o=n(6070);function a(e){let{locale:t,version:n,tag:a}=e;const i=t;return(0,o.jsxs)(r.A,{children:[t&&(0,o.jsx)("meta",{name:"docusaurus_locale",content:t}),n&&(0,o.jsx)("meta",{name:"docusaurus_version",content:n}),a&&(0,o.jsx)("meta",{name:"docusaurus_tag",content:a}),i&&(0,o.jsx)("meta",{name:"docsearch:language",content:i}),n&&(0,o.jsx)("meta",{name:"docsearch:version",content:n}),a&&(0,o.jsx)("meta",{name:"docsearch:docusaurus_tag",content:a})]})}},6012:(e,t,n)=>{"use strict";n.d(t,{A:()=>u});var r=n(758),o=n(3526),a=n(2630),i=n(9731);const s={themedComponent:"themedComponent_v9BS","themedComponent--light":"themedComponent--light_bfJ3","themedComponent--dark":"themedComponent--dark_BRRK"};var l=n(6070);function c(e){let{className:t,children:n}=e;const c=(0,a.A)(),{colorMode:u}=(0,i.G)();return(0,l.jsx)(l.Fragment,{children:(c?"dark"===u?["dark"]:["light"]:["light","dark"]).map((e=>{const a=n({theme:e,className:(0,o.A)(t,s.themedComponent,s[`themedComponent--${e}`])});return(0,l.jsx)(r.Fragment,{children:a},e)}))})}function u(e){const{sources:t,className:n,alt:r,...o}=e;return(0,l.jsx)(c,{className:n,children:e=>{let{theme:n,className:a}=e;return(0,l.jsx)("img",{src:t[n],alt:r,className:a,...o})}})}},7064:(e,t,n)=>{"use strict";n.d(t,{N:()=>b,u:()=>c});var r=n(758),o=n(3088),a=n(8302),i=n(9963),s=n(6070);const l="ease-in-out";function c(e){let{initialState:t}=e;const[n,o]=(0,r.useState)(t??!1),a=(0,r.useCallback)((()=>{o((e=>!e))}),[]);return{collapsed:n,setCollapsed:o,toggleCollapsed:a}}const u={display:"none",overflow:"hidden",height:"0px"},d={display:"block",overflow:"visible",height:"auto"};function p(e,t){const n=t?u:d;e.style.display=n.display,e.style.overflow=n.overflow,e.style.height=n.height}function f(e){let{collapsibleRef:t,collapsed:n,animation:o}=e;const a=(0,r.useRef)(!1);(0,r.useEffect)((()=>{const e=t.current;function r(){const t=e.scrollHeight,n=o?.duration??function(e){if((0,i.O)())return 1;const t=e/36;return Math.round(10*(4+15*t**.25+t/5))}(t);return{transition:`height ${n}ms ${o?.easing??l}`,height:`${t}px`}}function s(){const t=r();e.style.transition=t.transition,e.style.height=t.height}if(!a.current)return p(e,n),void(a.current=!0);return e.style.willChange="height",function(){const t=requestAnimationFrame((()=>{n?(s(),requestAnimationFrame((()=>{e.style.height=u.height,e.style.overflow=u.overflow}))):(e.style.display="block",requestAnimationFrame((()=>{s()})))}));return()=>cancelAnimationFrame(t)}()}),[t,n,o])}function m(e){if(!o.A.canUseDOM)return e?u:d}function h(e){let{as:t="div",collapsed:n,children:o,animation:a,onCollapseTransitionEnd:i,className:l,disableSSRStyle:c}=e;const u=(0,r.useRef)(null);return f({collapsibleRef:u,collapsed:n,animation:a}),(0,s.jsx)(t,{ref:u,style:c?void 0:m(n),onTransitionEnd:e=>{"height"===e.propertyName&&(p(u.current,n),i?.(n))},className:l,children:o})}function g(e){let{collapsed:t,...n}=e;const[o,i]=(0,r.useState)(!t),[l,c]=(0,r.useState)(t);return(0,a.A)((()=>{t||i(!0)}),[t]),(0,a.A)((()=>{o&&c(t)}),[o,t]),o?(0,s.jsx)(h,{...n,collapsed:l}):null}function b(e){let{lazy:t,...n}=e;const r=t?g:h;return(0,s.jsx)(r,{...n})}},1611:(e,t,n)=>{"use strict";n.d(t,{M:()=>h,o:()=>m});var r=n(758),o=n(2630),a=n(3349),i=n(4902),s=n(316),l=n(6070);const c=(0,a.Wf)("docusaurus.announcement.dismiss"),u=(0,a.Wf)("docusaurus.announcement.id"),d=()=>"true"===c.get(),p=e=>c.set(String(e)),f=r.createContext(null);function m(e){let{children:t}=e;const n=function(){const{announcementBar:e}=(0,s.p)(),t=(0,o.A)(),[n,a]=(0,r.useState)((()=>!!t&&d()));(0,r.useEffect)((()=>{a(d())}),[]);const i=(0,r.useCallback)((()=>{p(!0),a(!0)}),[]);return(0,r.useEffect)((()=>{if(!e)return;const{id:t}=e;let n=u.get();"annoucement-bar"===n&&(n="announcement-bar");const r=t!==n;u.set(t),r&&p(!1),!r&&d()||a(!1)}),[e]),(0,r.useMemo)((()=>({isActive:!!e&&!n,close:i})),[e,n,i])}();return(0,l.jsx)(f.Provider,{value:n,children:t})}function h(){const e=(0,r.useContext)(f);if(!e)throw new i.dV("AnnouncementBarProvider");return e}},9731:(e,t,n)=>{"use strict";n.d(t,{G:()=>b,a:()=>g});var r=n(758),o=n(3088),a=n(4902),i=n(3349),s=n(316),l=n(6070);const c=r.createContext(void 0),u="theme",d=(0,i.Wf)(u),p={light:"light",dark:"dark"},f=e=>e===p.dark?p.dark:p.light,m=e=>o.A.canUseDOM?f(document.documentElement.getAttribute("data-theme")):f(e),h=e=>{d.set(f(e))};function g(e){let{children:t}=e;const n=function(){const{colorMode:{defaultMode:e,disableSwitch:t,respectPrefersColorScheme:n}}=(0,s.p)(),[o,a]=(0,r.useState)(m(e));(0,r.useEffect)((()=>{t&&d.del()}),[t]);const i=(0,r.useCallback)((function(t,r){void 0===r&&(r={});const{persist:o=!0}=r;t?(a(t),o&&h(t)):(a(n?window.matchMedia("(prefers-color-scheme: dark)").matches?p.dark:p.light:e),d.del())}),[n,e]);(0,r.useEffect)((()=>{document.documentElement.setAttribute("data-theme",f(o))}),[o]),(0,r.useEffect)((()=>{if(t)return;const e=e=>{if(e.key!==u)return;const t=d.get();null!==t&&i(f(t))};return window.addEventListener("storage",e),()=>window.removeEventListener("storage",e)}),[t,i]);const l=(0,r.useRef)(!1);return(0,r.useEffect)((()=>{if(t&&!n)return;const e=window.matchMedia("(prefers-color-scheme: dark)"),r=()=>{window.matchMedia("print").matches||l.current?l.current=window.matchMedia("print").matches:i(null)};return e.addListener(r),()=>e.removeListener(r)}),[i,t,n]),(0,r.useMemo)((()=>({colorMode:o,setColorMode:i,get isDarkTheme(){return o===p.dark},setLightTheme(){i(p.light)},setDarkTheme(){i(p.dark)}})),[o,i])}();return(0,l.jsx)(c.Provider,{value:n,children:t})}function b(){const e=(0,r.useContext)(c);if(null==e)throw new a.dV("ColorModeProvider","Please see https://docusaurus.io/docs/api/themes/configuration#use-color-mode.");return e}},1003:(e,t,n)=>{"use strict";n.d(t,{M:()=>f,e:()=>p});var r=n(758),o=n(646),a=n(9207),i=n(3979),s=n(316),l=n(4902),c=n(6070);const u=r.createContext(void 0);function d(){const e=function(){const e=(0,o.YL)(),{items:t}=(0,s.p)().navbar;return 0===t.length&&!e.component}(),t=(0,a.l)(),n=!e&&"mobile"===t,[l,c]=(0,r.useState)(!1);(0,i.$Z)((()=>{if(l)return c(!1),!1}));const u=(0,r.useCallback)((()=>{c((e=>!e))}),[]);return(0,r.useEffect)((()=>{"desktop"===t&&c(!1)}),[t]),(0,r.useMemo)((()=>({disabled:e,shouldRender:n,toggle:u,shown:l})),[e,n,u,l])}function p(e){let{children:t}=e;const n=d();return(0,c.jsx)(u.Provider,{value:n,children:t})}function f(){const e=r.useContext(u);if(void 0===e)throw new l.dV("NavbarMobileSidebarProvider");return e}},646:(e,t,n)=>{"use strict";n.d(t,{GX:()=>c,YL:()=>l,y_:()=>s});var r=n(758),o=n(4902),a=n(6070);const i=r.createContext(null);function s(e){let{children:t}=e;const n=(0,r.useState)({component:null,props:null});return(0,a.jsx)(i.Provider,{value:n,children:t})}function l(){const e=(0,r.useContext)(i);if(!e)throw new o.dV("NavbarSecondaryMenuContentProvider");return e[0]}function c(e){let{component:t,props:n}=e;const a=(0,r.useContext)(i);if(!a)throw new o.dV("NavbarSecondaryMenuContentProvider");const[,s]=a,l=(0,o.Be)(n);return(0,r.useEffect)((()=>{s({component:t,props:l})}),[s,t,l]),(0,r.useEffect)((()=>()=>s({component:null,props:null})),[s]),null}},9782:(e,t,n)=>{"use strict";n.d(t,{w:()=>o,J:()=>a});var r=n(758);const o="navigation-with-keyboard";function a(){(0,r.useEffect)((()=>{function e(e){"keydown"===e.type&&"Tab"===e.key&&document.body.classList.add(o),"mousedown"===e.type&&document.body.classList.remove(o)}return document.addEventListener("keydown",e),document.addEventListener("mousedown",e),()=>{document.body.classList.remove(o),document.removeEventListener("keydown",e),document.removeEventListener("mousedown",e)}}),[])}},8169:(e,t,n)=>{"use strict";n.d(t,{b:()=>s,w:()=>l});var r=n(758),o=n(9143),a=n(3979);const i="q";function s(){return(0,a.l)(i)}function l(){const{siteConfig:{baseUrl:e,themeConfig:t}}=(0,o.A)(),{algolia:{searchPagePath:n}}=t;return(0,r.useCallback)((t=>`${e}${n}?${i}=${encodeURIComponent(t)}`),[e,n])}},9207:(e,t,n)=>{"use strict";n.d(t,{l:()=>s});var r=n(758),o=n(3088);const a={desktop:"desktop",mobile:"mobile",ssr:"ssr"},i=996;function s(e){let{desktopBreakpoint:t=i}=void 0===e?{}:e;const[n,s]=(0,r.useState)((()=>"ssr"));return(0,r.useEffect)((()=>{function e(){s(function(e){if(!o.A.canUseDOM)throw new Error("getWindowSize() should only be called after React hydration");return window.innerWidth>e?a.desktop:a.mobile}(t))}return e(),window.addEventListener("resize",e),()=>{window.removeEventListener("resize",e)}}),[t]),n}},8813:(e,t,n)=>{"use strict";n.d(t,{G:()=>r});const r={page:{blogListPage:"blog-list-page",blogPostPage:"blog-post-page",blogTagsListPage:"blog-tags-list-page",blogTagPostListPage:"blog-tags-post-list-page",blogAuthorsListPage:"blog-authors-list-page",blogAuthorsPostsPage:"blog-authors-posts-page",docsDocPage:"docs-doc-page",docsTagsListPage:"docs-tags-list-page",docsTagDocListPage:"docs-tags-doc-list-page",mdxPage:"mdx-page"},wrapper:{main:"main-wrapper",blogPages:"blog-wrapper",docsPages:"docs-wrapper",mdxPages:"mdx-wrapper"},common:{editThisPage:"theme-edit-this-page",lastUpdated:"theme-last-updated",backToTopButton:"theme-back-to-top-button",codeBlock:"theme-code-block",admonition:"theme-admonition",unlistedBanner:"theme-unlisted-banner",draftBanner:"theme-draft-banner",admonitionType:e=>`theme-admonition-${e}`},layout:{},docs:{docVersionBanner:"theme-doc-version-banner",docVersionBadge:"theme-doc-version-badge",docBreadcrumbs:"theme-doc-breadcrumbs",docMarkdown:"theme-doc-markdown",docTocMobile:"theme-doc-toc-mobile",docTocDesktop:"theme-doc-toc-desktop",docFooter:"theme-doc-footer",docFooterTagsRow:"theme-doc-footer-tags-row",docFooterEditMetaRow:"theme-doc-footer-edit-meta-row",docSidebarContainer:"theme-doc-sidebar-container",docSidebarMenu:"theme-doc-sidebar-menu",docSidebarItemCategory:"theme-doc-sidebar-item-category",docSidebarItemLink:"theme-doc-sidebar-item-link",docSidebarItemCategoryLevel:e=>`theme-doc-sidebar-item-category-level-${e}`,docSidebarItemLinkLevel:e=>`theme-doc-sidebar-item-link-level-${e}`},blog:{blogFooterTagsRow:"theme-blog-footer-tags-row",blogFooterEditMetaRow:"theme-blog-footer-edit-meta-row"},pages:{pageFooterEditMetaRow:"theme-pages-footer-edit-meta-row"}}},9963:(e,t,n)=>{"use strict";function r(){return window.matchMedia("(prefers-reduced-motion: reduce)").matches}n.d(t,{O:()=>r})},7743:(e,t,n)=>{"use strict";n.d(t,{s:()=>o});var r=n(9143);function o(e){const{siteConfig:t}=(0,r.A)(),{title:n,titleDelimiter:o}=t;return e?.trim().length?`${e.trim()} ${o} ${n}`:n}},3979:(e,t,n)=>{"use strict";n.d(t,{$Z:()=>i,l:()=>l});var r=n(758),o=n(5557),a=n(4902);function i(e){!function(e){const t=(0,o.W6)(),n=(0,a._q)(e);(0,r.useEffect)((()=>t.block(((e,t)=>n(e,t)))),[t,n])}(((t,n)=>{if("POP"===n)return e(t,n)}))}function s(e){const t=(0,o.W6)();return(0,r.useSyncExternalStore)(t.listen,(()=>e(t)),(()=>e(t)))}function l(e){const t=function(e){return s((t=>null===e?null:new URLSearchParams(t.location.search).get(e)))}(e)??"",n=function(e){const t=(0,o.W6)();return(0,r.useCallback)(((n,r)=>{const o=new URLSearchParams(t.location.search);n?o.set(e,n):o.delete(e),(r?.push?t.push:t.replace)({search:o.toString()})}),[e,t])}(e);return[t,n]}},2632:(e,t,n)=>{"use strict";function r(e){return Array.from(new Set(e))}function o(e,t){const n={};let r=0;for(const o of e){const e=t(o,r);n[e]??=[],n[e].push(o),r+=1}return n}n.d(t,{$z:()=>o,sb:()=>r})},898:(e,t,n)=>{"use strict";n.d(t,{Jx:()=>f,be:()=>u,e3:()=>p});var r=n(758),o=n(3526),a=n(2293),i=n(3112),s=n(5252),l=n(7743),c=n(6070);function u(e){let{title:t,description:n,keywords:r,image:o,children:i}=e;const u=(0,l.s)(t),{withBaseUrl:d}=(0,s.hH)(),p=o?d(o,{absolute:!0}):void 0;return(0,c.jsxs)(a.A,{children:[t&&(0,c.jsx)("title",{children:u}),t&&(0,c.jsx)("meta",{property:"og:title",content:u}),n&&(0,c.jsx)("meta",{name:"description",content:n}),n&&(0,c.jsx)("meta",{property:"og:description",content:n}),r&&(0,c.jsx)("meta",{name:"keywords",content:Array.isArray(r)?r.join(","):r}),p&&(0,c.jsx)("meta",{property:"og:image",content:p}),p&&(0,c.jsx)("meta",{name:"twitter:image",content:p}),i]})}const d=r.createContext(void 0);function p(e){let{className:t,children:n}=e;const i=r.useContext(d),s=(0,o.A)(i,t);return(0,c.jsxs)(d.Provider,{value:s,children:[(0,c.jsx)(a.A,{children:(0,c.jsx)("html",{className:s})}),n]})}function f(e){let{children:t}=e;const n=(0,i.A)(),r=`plugin-${n.plugin.name.replace(/docusaurus-(?:plugin|theme)-(?:content-)?/gi,"")}`;const a=`plugin-id-${n.plugin.id}`;return(0,c.jsx)(p,{className:(0,o.A)(r,a),children:t})}},4902:(e,t,n)=>{"use strict";n.d(t,{Be:()=>c,ZC:()=>s,_q:()=>i,dV:()=>l,fM:()=>u});var r=n(758),o=n(8302),a=n(6070);function i(e){const t=(0,r.useRef)(e);return(0,o.A)((()=>{t.current=e}),[e]),(0,r.useCallback)((function(){return t.current(...arguments)}),[])}function s(e){const t=(0,r.useRef)();return(0,o.A)((()=>{t.current=e})),t.current}class l extends Error{constructor(e,t){super(),this.name="ReactContextError",this.message=`Hook ${this.stack?.split("\n")[1]?.match(/at (?:\w+\.)?(?<name>\w+)/)?.groups.name??""} is called outside the <${e}>. ${t??""}`}}function c(e){const t=Object.entries(e);return t.sort(((e,t)=>e[0].localeCompare(t[0]))),(0,r.useMemo)((()=>e),t.flat())}function u(e){return t=>{let{children:n}=t;return(0,a.jsx)(a.Fragment,{children:e.reduceRight(((e,t)=>(0,a.jsx)(t,{children:e})),n)})}}},5130:(e,t,n)=>{"use strict";function r(e,t){return void 0!==e&&void 0!==t&&new RegExp(e,"gi").test(t)}n.d(t,{G:()=>r})},5763:(e,t,n)=>{"use strict";n.d(t,{Dt:()=>s,ys:()=>i});var r=n(758),o=n(1377),a=n(9143);function i(e,t){const n=e=>(!e||e.endsWith("/")?e:`${e}/`)?.toLowerCase();return n(e)===n(t)}function s(){const{baseUrl:e}=(0,a.A)().siteConfig;return(0,r.useMemo)((()=>function(e){let{baseUrl:t,routes:n}=e;function r(e){return e.path===t&&!0===e.exact}function o(e){return e.path===t&&!e.exact}return function e(t){if(0===t.length)return;return t.find(r)||e(t.filter(o).flatMap((e=>e.routes??[])))}(n)}({routes:o.A,baseUrl:e})),[e])}},9030:(e,t,n)=>{"use strict";n.d(t,{Mq:()=>p,Tv:()=>c,gk:()=>f});var r=n(758),o=n(3088),a=n(2630),i=(n(8302),n(4902)),s=n(6070);const l=r.createContext(void 0);function c(e){let{children:t}=e;const n=function(){const e=(0,r.useRef)(!0);return(0,r.useMemo)((()=>({scrollEventsEnabledRef:e,enableScrollEvents:()=>{e.current=!0},disableScrollEvents:()=>{e.current=!1}})),[])}();return(0,s.jsx)(l.Provider,{value:n,children:t})}function u(){const e=(0,r.useContext)(l);if(null==e)throw new i.dV("ScrollControllerProvider");return e}const d=()=>o.A.canUseDOM?{scrollX:window.pageXOffset,scrollY:window.pageYOffset}:null;function p(e,t){void 0===t&&(t=[]);const{scrollEventsEnabledRef:n}=u(),o=(0,r.useRef)(d()),a=(0,i._q)(e);(0,r.useEffect)((()=>{const e=()=>{if(!n.current)return;const e=d();a(e,o.current),o.current=e},t={passive:!0};return e(),window.addEventListener("scroll",e,t),()=>window.removeEventListener("scroll",e,t)}),[a,n,...t])}function f(){const e=(0,r.useRef)(null),t=(0,a.A)()&&"smooth"===getComputedStyle(document.documentElement).scrollBehavior;return{startScroll:n=>{e.current=t?function(e){return window.scrollTo({top:e,behavior:"smooth"}),()=>{}}(n):function(e){let t=null;const n=document.documentElement.scrollTop>e;return function r(){const o=document.documentElement.scrollTop;(n&&o>e||!n&&o<e)&&(t=requestAnimationFrame(r),window.scrollTo(0,Math.floor(.85*(o-e))+e))}(),()=>t&&cancelAnimationFrame(t)}(n)},cancelScroll:()=>e.current?.()}}},4937:(e,t,n)=>{"use strict";n.d(t,{C:()=>r});const r="default"},3349:(e,t,n)=>{"use strict";n.d(t,{Wf:()=>c});n(758);const r=JSON.parse('{"N":"localStorage","M":""}'),o=r.N;function a(e){let{key:t,oldValue:n,newValue:r,storage:o}=e;if(n===r)return;const a=document.createEvent("StorageEvent");a.initStorageEvent("storage",!1,!1,t,n,r,window.location.href,o),window.dispatchEvent(a)}function i(e){if(void 0===e&&(e=o),"undefined"==typeof window)throw new Error("Browser storage is not available on Node.js/Docusaurus SSR process.");if("none"===e)return null;try{return window[e]}catch(n){return t=n,s||(console.warn("Docusaurus browser storage is not available.\nPossible reasons: running Docusaurus in an iframe, in an incognito browser session, or using too strict browser privacy settings.",t),s=!0),null}var t}let s=!1;const l={get:()=>null,set:()=>{},del:()=>{},listen:()=>()=>{}};function c(e,t){const n=`${e}${r.M}`;if("undefined"==typeof window)return function(e){function t(){throw new Error(`Illegal storage API usage for storage key "${e}".\nDocusaurus storage APIs are not supposed to be called on the server-rendering process.\nPlease only call storage APIs in effects and event handlers.`)}return{get:t,set:t,del:t,listen:t}}(n);const o=i(t?.persistence);return null===o?l:{get:()=>{try{return o.getItem(n)}catch(e){return console.error(`Docusaurus storage error, can't get key=${n}`,e),null}},set:e=>{try{const t=o.getItem(n);o.setItem(n,e),a({key:n,oldValue:t,newValue:e,storage:o})}catch(t){console.error(`Docusaurus storage error, can't set ${n}=${e}`,t)}},del:()=>{try{const e=o.getItem(n);o.removeItem(n),a({key:n,oldValue:e,newValue:null,storage:o})}catch(e){console.error(`Docusaurus storage error, can't delete key=${n}`,e)}},listen:e=>{try{const t=t=>{t.storageArea===o&&t.key===n&&e(t)};return window.addEventListener("storage",t),()=>window.removeEventListener("storage",t)}catch(t){return console.error(`Docusaurus storage error, can't listen for changes of key=${n}`,t),()=>{}}}}}},1529:(e,t,n)=>{"use strict";n.d(t,{o:()=>i});var r=n(9143),o=n(5557),a=n(3509);function i(){const{siteConfig:{baseUrl:e,url:t,trailingSlash:n},i18n:{defaultLocale:i,currentLocale:s}}=(0,r.A)(),{pathname:l}=(0,o.zy)(),c=(0,a.Ks)(l,{trailingSlash:n,baseUrl:e}),u=s===i?e:e.replace(`/${s}/`,"/"),d=c.replace(e,"");return{createUrl:function(e){let{locale:n,fullyQualified:r}=e;return`${r?t:""}${function(e){return e===i?`${u}`:`${u}${e}/`}(n)}${d}`}}}},2360:(e,t,n)=>{"use strict";n.d(t,{$:()=>i});var r=n(758),o=n(5557),a=n(4902);function i(e){const t=(0,o.zy)(),n=(0,a.ZC)(t),i=(0,a._q)(e);(0,r.useEffect)((()=>{n&&t!==n&&i({location:t,previousLocation:n})}),[i,t,n])}},316:(e,t,n)=>{"use strict";n.d(t,{p:()=>o});var r=n(9143);function o(){return(0,r.A)().siteConfig.themeConfig}},7e3:(e,t,n)=>{"use strict";n.d(t,{c:()=>o});var r=n(9143);function o(){const{siteConfig:{themeConfig:e}}=(0,r.A)();return e}},1152:(e,t,n)=>{"use strict";n.d(t,{C:()=>s});var r=n(758),o=n(5130),a=n(5252),i=n(7e3);function s(){const{withBaseUrl:e}=(0,a.hH)(),{algolia:{externalUrlRegex:t,replaceSearchResultPathname:n}}=(0,i.c)();return(0,r.useCallback)((r=>{const a=new URL(r);if((0,o.G)(t,a.href))return r;const i=`${a.pathname+a.hash}`;return e(function(e,t){return t?e.replaceAll(new RegExp(t.from,"g"),t.to):e}(i,n))}),[e,t,n])}},1640:(e,t,n)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.addTrailingSlash=o,t.default=function(e,t){const{trailingSlash:n,baseUrl:r}=t;if(e.startsWith("#"))return e;if(void 0===n)return e;const[i]=e.split(/[#?]/),s="/"===i||i===r?i:(l=i,c=n,c?o(l):a(l));var l,c;return e.replace(i,s)},t.addLeadingSlash=function(e){return(0,r.addPrefix)(e,"/")},t.removeTrailingSlash=a;const r=n(239);function o(e){return e.endsWith("/")?e:`${e}/`}function a(e){return(0,r.removeSuffix)(e,"/")}},4814:(e,t)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.getErrorCausalChain=function e(t){if(t.cause)return[t,...e(t.cause)];return[t]}},3509:(e,t,n)=>{"use strict";t.rA=t.Ks=t.LU=void 0;const r=n(3422);t.LU="__blog-post-container";var o=n(1640);Object.defineProperty(t,"Ks",{enumerable:!0,get:function(){return r.__importDefault(o).default}});var a=n(239);var i=n(4814);Object.defineProperty(t,"rA",{enumerable:!0,get:function(){return i.getErrorCausalChain}})},239:(e,t)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.addPrefix=function(e,t){return e.startsWith(t)?e:`${t}${e}`},t.removeSuffix=function(e,t){if(""===t)return e;return e.endsWith(t)?e.slice(0,-t.length):e},t.addSuffix=function(e,t){return e.endsWith(t)?e:`${e}${t}`},t.removePrefix=function(e,t){return e.startsWith(t)?e.slice(t.length):e}},3332:(e,t,n)=>{"use strict";n.d(t,{zR:()=>w,TM:()=>C,yJ:()=>f,sC:()=>O,AO:()=>p});var r=n(991);function o(e){return"/"===e.charAt(0)}function a(e,t){for(var n=t,r=n+1,o=e.length;r<o;n+=1,r+=1)e[n]=e[r];e.pop()}const i=function(e,t){void 0===t&&(t="");var n,r=e&&e.split("/")||[],i=t&&t.split("/")||[],s=e&&o(e),l=t&&o(t),c=s||l;if(e&&o(e)?i=r:r.length&&(i.pop(),i=i.concat(r)),!i.length)return"/";if(i.length){var u=i[i.length-1];n="."===u||".."===u||""===u}else n=!1;for(var d=0,p=i.length;p>=0;p--){var f=i[p];"."===f?a(i,p):".."===f?(a(i,p),d++):d&&(a(i,p),d--)}if(!c)for(;d--;d)i.unshift("..");!c||""===i[0]||i[0]&&o(i[0])||i.unshift("");var m=i.join("/");return n&&"/"!==m.substr(-1)&&(m+="/"),m};var s=n(5385);function l(e){return"/"===e.charAt(0)?e:"/"+e}function c(e){return"/"===e.charAt(0)?e.substr(1):e}function u(e,t){return function(e,t){return 0===e.toLowerCase().indexOf(t.toLowerCase())&&-1!=="/?#".indexOf(e.charAt(t.length))}(e,t)?e.substr(t.length):e}function d(e){return"/"===e.charAt(e.length-1)?e.slice(0,-1):e}function p(e){var t=e.pathname,n=e.search,r=e.hash,o=t||"/";return n&&"?"!==n&&(o+="?"===n.charAt(0)?n:"?"+n),r&&"#"!==r&&(o+="#"===r.charAt(0)?r:"#"+r),o}function f(e,t,n,o){var a;"string"==typeof e?(a=function(e){var t=e||"/",n="",r="",o=t.indexOf("#");-1!==o&&(r=t.substr(o),t=t.substr(0,o));var a=t.indexOf("?");return-1!==a&&(n=t.substr(a),t=t.substr(0,a)),{pathname:t,search:"?"===n?"":n,hash:"#"===r?"":r}}(e),a.state=t):(void 0===(a=(0,r.A)({},e)).pathname&&(a.pathname=""),a.search?"?"!==a.search.charAt(0)&&(a.search="?"+a.search):a.search="",a.hash?"#"!==a.hash.charAt(0)&&(a.hash="#"+a.hash):a.hash="",void 0!==t&&void 0===a.state&&(a.state=t));try{a.pathname=decodeURI(a.pathname)}catch(s){throw s instanceof URIError?new URIError('Pathname "'+a.pathname+'" could not be decoded. This is likely caused by an invalid percent-encoding.'):s}return n&&(a.key=n),o?a.pathname?"/"!==a.pathname.charAt(0)&&(a.pathname=i(a.pathname,o.pathname)):a.pathname=o.pathname:a.pathname||(a.pathname="/"),a}function m(){var e=null;var t=[];return{setPrompt:function(t){return e=t,function(){e===t&&(e=null)}},confirmTransitionTo:function(t,n,r,o){if(null!=e){var a="function"==typeof e?e(t,n):e;"string"==typeof a?"function"==typeof r?r(a,o):o(!0):o(!1!==a)}else o(!0)},appendListener:function(e){var n=!0;function r(){n&&e.apply(void 0,arguments)}return t.push(r),function(){n=!1,t=t.filter((function(e){return e!==r}))}},notifyListeners:function(){for(var e=arguments.length,n=new Array(e),r=0;r<e;r++)n[r]=arguments[r];t.forEach((function(e){return e.apply(void 0,n)}))}}}var h=!("undefined"==typeof window||!window.document||!window.document.createElement);function g(e,t){t(window.confirm(e))}var b="popstate",y="hashchange";function v(){try{return window.history.state||{}}catch(e){return{}}}function w(e){void 0===e&&(e={}),h||(0,s.A)(!1);var t,n=window.history,o=(-1===(t=window.navigator.userAgent).indexOf("Android 2.")&&-1===t.indexOf("Android 4.0")||-1===t.indexOf("Mobile Safari")||-1!==t.indexOf("Chrome")||-1!==t.indexOf("Windows Phone"))&&window.history&&"pushState"in window.history,a=!(-1===window.navigator.userAgent.indexOf("Trident")),i=e,c=i.forceRefresh,w=void 0!==c&&c,k=i.getUserConfirmation,S=void 0===k?g:k,x=i.keyLength,E=void 0===x?6:x,_=e.basename?d(l(e.basename)):"";function C(e){var t=e||{},n=t.key,r=t.state,o=window.location,a=o.pathname+o.search+o.hash;return _&&(a=u(a,_)),f(a,r,n)}function j(){return Math.random().toString(36).substr(2,E)}var O=m();function A(e){(0,r.A)(U,e),U.length=n.length,O.notifyListeners(U.location,U.action)}function T(e){(function(e){return void 0===e.state&&-1===navigator.userAgent.indexOf("CriOS")})(e)||I(C(e.state))}function P(){I(C(v()))}var L=!1;function I(e){if(L)L=!1,A();else{O.confirmTransitionTo(e,"POP",S,(function(t){t?A({action:"POP",location:e}):function(e){var t=U.location,n=R.indexOf(t.key);-1===n&&(n=0);var r=R.indexOf(e.key);-1===r&&(r=0);var o=n-r;o&&(L=!0,M(o))}(e)}))}}var N=C(v()),R=[N.key];function D(e){return _+p(e)}function M(e){n.go(e)}var F=0;function z(e){1===(F+=e)&&1===e?(window.addEventListener(b,T),a&&window.addEventListener(y,P)):0===F&&(window.removeEventListener(b,T),a&&window.removeEventListener(y,P))}var B=!1;var U={length:n.length,action:"POP",location:N,createHref:D,push:function(e,t){var r="PUSH",a=f(e,t,j(),U.location);O.confirmTransitionTo(a,r,S,(function(e){if(e){var t=D(a),i=a.key,s=a.state;if(o)if(n.pushState({key:i,state:s},null,t),w)window.location.href=t;else{var l=R.indexOf(U.location.key),c=R.slice(0,l+1);c.push(a.key),R=c,A({action:r,location:a})}else window.location.href=t}}))},replace:function(e,t){var r="REPLACE",a=f(e,t,j(),U.location);O.confirmTransitionTo(a,r,S,(function(e){if(e){var t=D(a),i=a.key,s=a.state;if(o)if(n.replaceState({key:i,state:s},null,t),w)window.location.replace(t);else{var l=R.indexOf(U.location.key);-1!==l&&(R[l]=a.key),A({action:r,location:a})}else window.location.replace(t)}}))},go:M,goBack:function(){M(-1)},goForward:function(){M(1)},block:function(e){void 0===e&&(e=!1);var t=O.setPrompt(e);return B||(z(1),B=!0),function(){return B&&(B=!1,z(-1)),t()}},listen:function(e){var t=O.appendListener(e);return z(1),function(){z(-1),t()}}};return U}var k="hashchange",S={hashbang:{encodePath:function(e){return"!"===e.charAt(0)?e:"!/"+c(e)},decodePath:function(e){return"!"===e.charAt(0)?e.substr(1):e}},noslash:{encodePath:c,decodePath:l},slash:{encodePath:l,decodePath:l}};function x(e){var t=e.indexOf("#");return-1===t?e:e.slice(0,t)}function E(){var e=window.location.href,t=e.indexOf("#");return-1===t?"":e.substring(t+1)}function _(e){window.location.replace(x(window.location.href)+"#"+e)}function C(e){void 0===e&&(e={}),h||(0,s.A)(!1);var t=window.history,n=(window.navigator.userAgent.indexOf("Firefox"),e),o=n.getUserConfirmation,a=void 0===o?g:o,i=n.hashType,c=void 0===i?"slash":i,b=e.basename?d(l(e.basename)):"",y=S[c],v=y.encodePath,w=y.decodePath;function C(){var e=w(E());return b&&(e=u(e,b)),f(e)}var j=m();function O(e){(0,r.A)(B,e),B.length=t.length,j.notifyListeners(B.location,B.action)}var A=!1,T=null;function P(){var e,t,n=E(),r=v(n);if(n!==r)_(r);else{var o=C(),i=B.location;if(!A&&(t=o,(e=i).pathname===t.pathname&&e.search===t.search&&e.hash===t.hash))return;if(T===p(o))return;T=null,function(e){if(A)A=!1,O();else{var t="POP";j.confirmTransitionTo(e,t,a,(function(n){n?O({action:t,location:e}):function(e){var t=B.location,n=R.lastIndexOf(p(t));-1===n&&(n=0);var r=R.lastIndexOf(p(e));-1===r&&(r=0);var o=n-r;o&&(A=!0,D(o))}(e)}))}}(o)}}var L=E(),I=v(L);L!==I&&_(I);var N=C(),R=[p(N)];function D(e){t.go(e)}var M=0;function F(e){1===(M+=e)&&1===e?window.addEventListener(k,P):0===M&&window.removeEventListener(k,P)}var z=!1;var B={length:t.length,action:"POP",location:N,createHref:function(e){var t=document.querySelector("base"),n="";return t&&t.getAttribute("href")&&(n=x(window.location.href)),n+"#"+v(b+p(e))},push:function(e,t){var n="PUSH",r=f(e,void 0,void 0,B.location);j.confirmTransitionTo(r,n,a,(function(e){if(e){var t=p(r),o=v(b+t);if(E()!==o){T=t,function(e){window.location.hash=e}(o);var a=R.lastIndexOf(p(B.location)),i=R.slice(0,a+1);i.push(t),R=i,O({action:n,location:r})}else O()}}))},replace:function(e,t){var n="REPLACE",r=f(e,void 0,void 0,B.location);j.confirmTransitionTo(r,n,a,(function(e){if(e){var t=p(r),o=v(b+t);E()!==o&&(T=t,_(o));var a=R.indexOf(p(B.location));-1!==a&&(R[a]=t),O({action:n,location:r})}}))},go:D,goBack:function(){D(-1)},goForward:function(){D(1)},block:function(e){void 0===e&&(e=!1);var t=j.setPrompt(e);return z||(F(1),z=!0),function(){return z&&(z=!1,F(-1)),t()}},listen:function(e){var t=j.appendListener(e);return F(1),function(){F(-1),t()}}};return B}function j(e,t,n){return Math.min(Math.max(e,t),n)}function O(e){void 0===e&&(e={});var t=e,n=t.getUserConfirmation,o=t.initialEntries,a=void 0===o?["/"]:o,i=t.initialIndex,s=void 0===i?0:i,l=t.keyLength,c=void 0===l?6:l,u=m();function d(e){(0,r.A)(w,e),w.length=w.entries.length,u.notifyListeners(w.location,w.action)}function h(){return Math.random().toString(36).substr(2,c)}var g=j(s,0,a.length-1),b=a.map((function(e){return f(e,void 0,"string"==typeof e?h():e.key||h())})),y=p;function v(e){var t=j(w.index+e,0,w.entries.length-1),r=w.entries[t];u.confirmTransitionTo(r,"POP",n,(function(e){e?d({action:"POP",location:r,index:t}):d()}))}var w={length:b.length,action:"POP",location:b[g],index:g,entries:b,createHref:y,push:function(e,t){var r="PUSH",o=f(e,t,h(),w.location);u.confirmTransitionTo(o,r,n,(function(e){if(e){var t=w.index+1,n=w.entries.slice(0);n.length>t?n.splice(t,n.length-t,o):n.push(o),d({action:r,location:o,index:t,entries:n})}}))},replace:function(e,t){var r="REPLACE",o=f(e,t,h(),w.location);u.confirmTransitionTo(o,r,n,(function(e){e&&(w.entries[w.index]=o,d({action:r,location:o}))}))},go:v,goBack:function(){v(-1)},goForward:function(){v(1)},canGo:function(e){var t=w.index+e;return t>=0&&t<w.entries.length},block:function(e){return void 0===e&&(e=!1),u.setPrompt(e)},listen:function(e){return u.appendListener(e)}};return w}},1035:(e,t,n)=>{"use strict";var r=n(5959),o={childContextTypes:!0,contextType:!0,contextTypes:!0,defaultProps:!0,displayName:!0,getDefaultProps:!0,getDerivedStateFromError:!0,getDerivedStateFromProps:!0,mixins:!0,propTypes:!0,type:!0},a={name:!0,length:!0,prototype:!0,caller:!0,callee:!0,arguments:!0,arity:!0},i={$$typeof:!0,compare:!0,defaultProps:!0,displayName:!0,propTypes:!0,type:!0},s={};function l(e){return r.isMemo(e)?i:s[e.$$typeof]||o}s[r.ForwardRef]={$$typeof:!0,render:!0,defaultProps:!0,displayName:!0,propTypes:!0},s[r.Memo]=i;var c=Object.defineProperty,u=Object.getOwnPropertyNames,d=Object.getOwnPropertySymbols,p=Object.getOwnPropertyDescriptor,f=Object.getPrototypeOf,m=Object.prototype;e.exports=function e(t,n,r){if("string"!=typeof n){if(m){var o=f(n);o&&o!==m&&e(t,o,r)}var i=u(n);d&&(i=i.concat(d(n)));for(var s=l(t),h=l(n),g=0;g<i.length;++g){var b=i[g];if(!(a[b]||r&&r[b]||h&&h[b]||s&&s[b])){var y=p(n,b);try{c(t,b,y)}catch(v){}}}}return t}},9597:e=>{"use strict";e.exports=function(e,t,n,r,o,a,i,s){if(!e){var l;if(void 0===t)l=new Error("Minified exception occurred; use the non-minified dev environment for the full error message and additional helpful warnings.");else{var c=[n,r,o,a,i,s],u=0;(l=new Error(t.replace(/%s/g,(function(){return c[u++]})))).name="Invariant Violation"}throw l.framesToPop=1,l}}},5526:e=>{e.exports=Array.isArray||function(e){return"[object Array]"==Object.prototype.toString.call(e)}},8602:(e,t,n)=>{"use strict";n.r(t)},4504:(e,t,n)=>{"use strict";n.r(t)},8744:function(e,t,n){var r,o;r=function(){var e,t,n={version:"0.2.0"},r=n.settings={minimum:.08,easing:"ease",positionUsing:"",speed:200,trickle:!0,trickleRate:.02,trickleSpeed:800,showSpinner:!0,barSelector:'[role="bar"]',spinnerSelector:'[role="spinner"]',parent:"body",template:'<div class="bar" role="bar"><div class="peg"></div></div><div class="spinner" role="spinner"><div class="spinner-icon"></div></div>'};function o(e,t,n){return e<t?t:e>n?n:e}function a(e){return 100*(-1+e)}function i(e,t,n){var o;return(o="translate3d"===r.positionUsing?{transform:"translate3d("+a(e)+"%,0,0)"}:"translate"===r.positionUsing?{transform:"translate("+a(e)+"%,0)"}:{"margin-left":a(e)+"%"}).transition="all "+t+"ms "+n,o}n.configure=function(e){var t,n;for(t in e)void 0!==(n=e[t])&&e.hasOwnProperty(t)&&(r[t]=n);return this},n.status=null,n.set=function(e){var t=n.isStarted();e=o(e,r.minimum,1),n.status=1===e?null:e;var a=n.render(!t),c=a.querySelector(r.barSelector),u=r.speed,d=r.easing;return a.offsetWidth,s((function(t){""===r.positionUsing&&(r.positionUsing=n.getPositioningCSS()),l(c,i(e,u,d)),1===e?(l(a,{transition:"none",opacity:1}),a.offsetWidth,setTimeout((function(){l(a,{transition:"all "+u+"ms linear",opacity:0}),setTimeout((function(){n.remove(),t()}),u)}),u)):setTimeout(t,u)})),this},n.isStarted=function(){return"number"==typeof n.status},n.start=function(){n.status||n.set(0);var e=function(){setTimeout((function(){n.status&&(n.trickle(),e())}),r.trickleSpeed)};return r.trickle&&e(),this},n.done=function(e){return e||n.status?n.inc(.3+.5*Math.random()).set(1):this},n.inc=function(e){var t=n.status;return t?("number"!=typeof e&&(e=(1-t)*o(Math.random()*t,.1,.95)),t=o(t+e,0,.994),n.set(t)):n.start()},n.trickle=function(){return n.inc(Math.random()*r.trickleRate)},e=0,t=0,n.promise=function(r){return r&&"resolved"!==r.state()?(0===t&&n.start(),e++,t++,r.always((function(){0==--t?(e=0,n.done()):n.set((e-t)/e)})),this):this},n.render=function(e){if(n.isRendered())return document.getElementById("nprogress");u(document.documentElement,"nprogress-busy");var t=document.createElement("div");t.id="nprogress",t.innerHTML=r.template;var o,i=t.querySelector(r.barSelector),s=e?"-100":a(n.status||0),c=document.querySelector(r.parent);return l(i,{transition:"all 0 linear",transform:"translate3d("+s+"%,0,0)"}),r.showSpinner||(o=t.querySelector(r.spinnerSelector))&&f(o),c!=document.body&&u(c,"nprogress-custom-parent"),c.appendChild(t),t},n.remove=function(){d(document.documentElement,"nprogress-busy"),d(document.querySelector(r.parent),"nprogress-custom-parent");var e=document.getElementById("nprogress");e&&f(e)},n.isRendered=function(){return!!document.getElementById("nprogress")},n.getPositioningCSS=function(){var e=document.body.style,t="WebkitTransform"in e?"Webkit":"MozTransform"in e?"Moz":"msTransform"in e?"ms":"OTransform"in e?"O":"";return t+"Perspective"in e?"translate3d":t+"Transform"in e?"translate":"margin"};var s=function(){var e=[];function t(){var n=e.shift();n&&n(t)}return function(n){e.push(n),1==e.length&&t()}}(),l=function(){var e=["Webkit","O","Moz","ms"],t={};function n(e){return e.replace(/^-ms-/,"ms-").replace(/-([\da-z])/gi,(function(e,t){return t.toUpperCase()}))}function r(t){var n=document.body.style;if(t in n)return t;for(var r,o=e.length,a=t.charAt(0).toUpperCase()+t.slice(1);o--;)if((r=e[o]+a)in n)return r;return t}function o(e){return e=n(e),t[e]||(t[e]=r(e))}function a(e,t,n){t=o(t),e.style[t]=n}return function(e,t){var n,r,o=arguments;if(2==o.length)for(n in t)void 0!==(r=t[n])&&t.hasOwnProperty(n)&&a(e,n,r);else a(e,o[1],o[2])}}();function c(e,t){return("string"==typeof e?e:p(e)).indexOf(" "+t+" ")>=0}function u(e,t){var n=p(e),r=n+t;c(n,t)||(e.className=r.substring(1))}function d(e,t){var n,r=p(e);c(e,t)&&(n=r.replace(" "+t+" "," "),e.className=n.substring(1,n.length-1))}function p(e){return(" "+(e.className||"")+" ").replace(/\s+/gi," ")}function f(e){e&&e.parentNode&&e.parentNode.removeChild(e)}return n},void 0===(o="function"==typeof r?r.call(t,n,t,e):r)||(e.exports=o)},6150:(e,t,n)=>{var r=n(5526);e.exports=f,e.exports.parse=a,e.exports.compile=function(e,t){return s(a(e,t),t)},e.exports.tokensToFunction=s,e.exports.tokensToRegExp=p;var o=new RegExp(["(\\\\.)","([\\/.])?(?:(?:\\:(\\w+)(?:\\(((?:\\\\.|[^\\\\()])+)\\))?|\\(((?:\\\\.|[^\\\\()])+)\\))([+*?])?|(\\*))"].join("|"),"g");function a(e,t){for(var n,r=[],a=0,i=0,s="",u=t&&t.delimiter||"/";null!=(n=o.exec(e));){var d=n[0],p=n[1],f=n.index;if(s+=e.slice(i,f),i=f+d.length,p)s+=p[1];else{var m=e[i],h=n[2],g=n[3],b=n[4],y=n[5],v=n[6],w=n[7];s&&(r.push(s),s="");var k=null!=h&&null!=m&&m!==h,S="+"===v||"*"===v,x="?"===v||"*"===v,E=n[2]||u,_=b||y;r.push({name:g||a++,prefix:h||"",delimiter:E,optional:x,repeat:S,partial:k,asterisk:!!w,pattern:_?c(_):w?".*":"[^"+l(E)+"]+?"})}}return i<e.length&&(s+=e.substr(i)),s&&r.push(s),r}function i(e){return encodeURI(e).replace(/[\/?#]/g,(function(e){return"%"+e.charCodeAt(0).toString(16).toUpperCase()}))}function s(e,t){for(var n=new Array(e.length),o=0;o<e.length;o++)"object"==typeof e[o]&&(n[o]=new RegExp("^(?:"+e[o].pattern+")$",d(t)));return function(t,o){for(var a="",s=t||{},l=(o||{}).pretty?i:encodeURIComponent,c=0;c<e.length;c++){var u=e[c];if("string"!=typeof u){var d,p=s[u.name];if(null==p){if(u.optional){u.partial&&(a+=u.prefix);continue}throw new TypeError('Expected "'+u.name+'" to be defined')}if(r(p)){if(!u.repeat)throw new TypeError('Expected "'+u.name+'" to not repeat, but received `'+JSON.stringify(p)+"`");if(0===p.length){if(u.optional)continue;throw new TypeError('Expected "'+u.name+'" to not be empty')}for(var f=0;f<p.length;f++){if(d=l(p[f]),!n[c].test(d))throw new TypeError('Expected all "'+u.name+'" to match "'+u.pattern+'", but received `'+JSON.stringify(d)+"`");a+=(0===f?u.prefix:u.delimiter)+d}}else{if(d=u.asterisk?encodeURI(p).replace(/[?#]/g,(function(e){return"%"+e.charCodeAt(0).toString(16).toUpperCase()})):l(p),!n[c].test(d))throw new TypeError('Expected "'+u.name+'" to match "'+u.pattern+'", but received "'+d+'"');a+=u.prefix+d}}else a+=u}return a}}function l(e){return e.replace(/([.+*?=^!:${}()[\]|\/\\])/g,"\\$1")}function c(e){return e.replace(/([=!:$\/()])/g,"\\$1")}function u(e,t){return e.keys=t,e}function d(e){return e&&e.sensitive?"":"i"}function p(e,t,n){r(t)||(n=t||n,t=[]);for(var o=(n=n||{}).strict,a=!1!==n.end,i="",s=0;s<e.length;s++){var c=e[s];if("string"==typeof c)i+=l(c);else{var p=l(c.prefix),f="(?:"+c.pattern+")";t.push(c),c.repeat&&(f+="(?:"+p+f+")*"),i+=f=c.optional?c.partial?p+"("+f+")?":"(?:"+p+"("+f+"))?":p+"("+f+")"}}var m=l(n.delimiter||"/"),h=i.slice(-m.length)===m;return o||(i=(h?i.slice(0,-m.length):i)+"(?:"+m+"(?=$))?"),i+=a?"$":o&&h?"":"(?="+m+"|$)",u(new RegExp("^"+i,d(n)),t)}function f(e,t,n){return r(t)||(n=t||n,t=[]),n=n||{},e instanceof RegExp?function(e,t){var n=e.source.match(/\((?!\?)/g);if(n)for(var r=0;r<n.length;r++)t.push({name:r,prefix:null,delimiter:null,optional:!1,repeat:!1,partial:!1,asterisk:!1,pattern:null});return u(e,t)}(e,t):r(e)?function(e,t,n){for(var r=[],o=0;o<e.length;o++)r.push(f(e[o],t,n).source);return u(new RegExp("(?:"+r.join("|")+")",d(n)),t)}(e,t,n):function(e,t,n){return p(a(e,n),t,n)}(e,t,n)}},8468:(e,t,n)=>{"use strict";n.r(t),n.d(t,{default:()=>p});var r=n(4784),o=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},a=function(e){return"IMG"===e.tagName},i=function(e){return e&&1===e.nodeType},s=function(e){return".svg"===(e.currentSrc||e.src).substr(-4).toLowerCase()},l=function(e){try{return Array.isArray(e)?e.filter(a):function(e){return NodeList.prototype.isPrototypeOf(e)}(e)?[].slice.call(e).filter(a):i(e)?[e].filter(a):"string"==typeof e?[].slice.call(document.querySelectorAll(e)).filter(a):[]}catch(t){throw new TypeError("The provided selector is invalid.\nExpects a CSS selector, a Node element, a NodeList or an array.\nSee: https://github.com/francoischalifour/medium-zoom")}},c=function(e,t){var n=o({bubbles:!1,cancelable:!1,detail:void 0},t);if("function"==typeof window.CustomEvent)return new CustomEvent(e,n);var r=document.createEvent("CustomEvent");return r.initCustomEvent(e,n.bubbles,n.cancelable,n.detail),r};!function(e,t){void 0===t&&(t={});var n=t.insertAt;if(e&&"undefined"!=typeof document){var r=document.head||document.getElementsByTagName("head")[0],o=document.createElement("style");o.type="text/css","top"===n&&r.firstChild?r.insertBefore(o,r.firstChild):r.appendChild(o),o.styleSheet?o.styleSheet.cssText=e:o.appendChild(document.createTextNode(e))}}(".medium-zoom-overlay{position:fixed;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity .3s;will-change:opacity}.medium-zoom--opened .medium-zoom-overlay{cursor:pointer;cursor:zoom-out;opacity:1}.medium-zoom-image{cursor:pointer;cursor:zoom-in;transition:transform .3s cubic-bezier(.2,0,.2,1)!important}.medium-zoom-image--hidden{visibility:hidden}.medium-zoom-image--opened{position:relative;cursor:pointer;cursor:zoom-out;will-change:transform}");const u=function e(t){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},r=window.Promise||function(e){function t(){}e(t,t)},a=function(){for(var e=arguments.length,t=Array(e),n=0;n<e;n++)t[n]=arguments[n];var r=t.reduce((function(e,t){return[].concat(e,l(t))}),[]);return r.filter((function(e){return-1===f.indexOf(e)})).forEach((function(e){f.push(e),e.classList.add("medium-zoom-image")})),m.forEach((function(e){var t=e.type,n=e.listener,o=e.options;r.forEach((function(e){e.addEventListener(t,n,o)}))})),w},u=function(){var e=(arguments.length>0&&void 0!==arguments[0]?arguments[0]:{}).target,t=function(){var e={width:document.documentElement.clientWidth,height:document.documentElement.clientHeight,left:0,top:0,right:0,bottom:0},t=void 0,n=void 0;if(b.container)if(b.container instanceof Object)t=(e=o({},e,b.container)).width-e.left-e.right-2*b.margin,n=e.height-e.top-e.bottom-2*b.margin;else{var r=(i(b.container)?b.container:document.querySelector(b.container)).getBoundingClientRect(),a=r.width,l=r.height,c=r.left,u=r.top;e=o({},e,{width:a,height:l,left:c,top:u})}t=t||e.width-2*b.margin,n=n||e.height-2*b.margin;var d=y.zoomedHd||y.original,p=s(d)?t:d.naturalWidth||t,f=s(d)?n:d.naturalHeight||n,m=d.getBoundingClientRect(),h=m.top,g=m.left,v=m.width,w=m.height,k=Math.min(Math.max(v,p),t)/v,S=Math.min(Math.max(w,f),n)/w,x=Math.min(k,S),E="scale("+x+") translate3d("+((t-v)/2-g+b.margin+e.left)/x+"px, "+((n-w)/2-h+b.margin+e.top)/x+"px, 0)";y.zoomed.style.transform=E,y.zoomedHd&&(y.zoomedHd.style.transform=E)};return new r((function(n){if(e&&-1===f.indexOf(e))n(w);else{if(y.zoomed)n(w);else{if(e)y.original=e;else{if(!(f.length>0))return void n(w);var r=f;y.original=r[0]}if(y.original.dispatchEvent(c("medium-zoom:open",{detail:{zoom:w}})),g=window.pageYOffset||document.documentElement.scrollTop||document.body.scrollTop||0,h=!0,y.zoomed=function(e){var t=e.getBoundingClientRect(),n=t.top,r=t.left,o=t.width,a=t.height,i=e.cloneNode(),s=window.pageYOffset||document.documentElement.scrollTop||document.body.scrollTop||0,l=window.pageXOffset||document.documentElement.scrollLeft||document.body.scrollLeft||0;return i.removeAttribute("id"),i.style.position="absolute",i.style.top=n+s+"px",i.style.left=r+l+"px",i.style.width=o+"px",i.style.height=a+"px",i.style.transform="",i}(y.original),document.body.appendChild(v),b.template){var o=i(b.template)?b.template:document.querySelector(b.template);y.template=document.createElement("div"),y.template.appendChild(o.content.cloneNode(!0)),document.body.appendChild(y.template)}if(y.original.parentElement&&"PICTURE"===y.original.parentElement.tagName&&y.original.currentSrc&&(y.zoomed.src=y.original.currentSrc),document.body.appendChild(y.zoomed),window.requestAnimationFrame((function(){document.body.classList.add("medium-zoom--opened")})),y.original.classList.add("medium-zoom-image--hidden"),y.zoomed.classList.add("medium-zoom-image--opened"),y.zoomed.addEventListener("click",d),y.zoomed.addEventListener("transitionend",(function e(){h=!1,y.zoomed.removeEventListener("transitionend",e),y.original.dispatchEvent(c("medium-zoom:opened",{detail:{zoom:w}})),n(w)})),y.original.getAttribute("data-zoom-src")){y.zoomedHd=y.zoomed.cloneNode(),y.zoomedHd.removeAttribute("srcset"),y.zoomedHd.removeAttribute("sizes"),y.zoomedHd.removeAttribute("loading"),y.zoomedHd.src=y.zoomed.getAttribute("data-zoom-src"),y.zoomedHd.onerror=function(){clearInterval(a),console.warn("Unable to reach the zoom image target "+y.zoomedHd.src),y.zoomedHd=null,t()};var a=setInterval((function(){y.zoomedHd.complete&&(clearInterval(a),y.zoomedHd.classList.add("medium-zoom-image--opened"),y.zoomedHd.addEventListener("click",d),document.body.appendChild(y.zoomedHd),t())}),10)}else if(y.original.hasAttribute("srcset")){y.zoomedHd=y.zoomed.cloneNode(),y.zoomedHd.removeAttribute("sizes"),y.zoomedHd.removeAttribute("loading");var s=y.zoomedHd.addEventListener("load",(function(){y.zoomedHd.removeEventListener("load",s),y.zoomedHd.classList.add("medium-zoom-image--opened"),y.zoomedHd.addEventListener("click",d),document.body.appendChild(y.zoomedHd),t()}))}else t()}}}))},d=function(){return new r((function(e){if(!h&&y.original){h=!0,document.body.classList.remove("medium-zoom--opened"),y.zoomed.style.transform="",y.zoomedHd&&(y.zoomedHd.style.transform=""),y.template&&(y.template.style.transition="opacity 150ms",y.template.style.opacity=0),y.original.dispatchEvent(c("medium-zoom:close",{detail:{zoom:w}})),y.zoomed.addEventListener("transitionend",(function t(){y.original.classList.remove("medium-zoom-image--hidden"),document.body.removeChild(y.zoomed),y.zoomedHd&&document.body.removeChild(y.zoomedHd),document.body.removeChild(v),y.zoomed.classList.remove("medium-zoom-image--opened"),y.template&&document.body.removeChild(y.template),h=!1,y.zoomed.removeEventListener("transitionend",t),y.original.dispatchEvent(c("medium-zoom:closed",{detail:{zoom:w}})),y.original=null,y.zoomed=null,y.zoomedHd=null,y.template=null,e(w)}))}else e(w)}))},p=function(){var e=(arguments.length>0&&void 0!==arguments[0]?arguments[0]:{}).target;return y.original?d():u({target:e})},f=[],m=[],h=!1,g=0,b=n,y={original:null,zoomed:null,zoomedHd:null,template:null};"[object Object]"===Object.prototype.toString.call(t)?b=t:(t||"string"==typeof t)&&a(t);var v=function(e){var t=document.createElement("div");return t.classList.add("medium-zoom-overlay"),t.style.background=e,t}((b=o({margin:0,background:"#fff",scrollOffset:40,container:null,template:null},b)).background);document.addEventListener("click",(function(e){var t=e.target;t!==v?-1!==f.indexOf(t)&&p({target:t}):d()})),document.addEventListener("keyup",(function(e){var t=e.key||e.keyCode;"Escape"!==t&&"Esc"!==t&&27!==t||d()})),document.addEventListener("scroll",(function(){if(!h&&y.original){var e=window.pageYOffset||document.documentElement.scrollTop||document.body.scrollTop||0;Math.abs(g-e)>b.scrollOffset&&setTimeout(d,150)}})),window.addEventListener("resize",d);var w={open:u,close:d,toggle:p,update:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=e;if(e.background&&(v.style.background=e.background),e.container&&e.container instanceof Object&&(t.container=o({},b.container,e.container)),e.template){var n=i(e.template)?e.template:document.querySelector(e.template);t.template=n}return b=o({},b,t),f.forEach((function(e){e.dispatchEvent(c("medium-zoom:update",{detail:{zoom:w}}))})),w},clone:function(){return e(o({},b,arguments.length>0&&void 0!==arguments[0]?arguments[0]:{}))},attach:a,detach:function(){for(var e=arguments.length,t=Array(e),n=0;n<e;n++)t[n]=arguments[n];y.zoomed&&d();var r=t.length>0?t.reduce((function(e,t){return[].concat(e,l(t))}),[]):f;return r.forEach((function(e){e.classList.remove("medium-zoom-image"),e.dispatchEvent(c("medium-zoom:detach",{detail:{zoom:w}}))})),f=f.filter((function(e){return-1===r.indexOf(e)})),w},on:function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};return f.forEach((function(r){r.addEventListener("medium-zoom:"+e,t,n)})),m.push({type:"medium-zoom:"+e,listener:t,options:n}),w},off:function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};return f.forEach((function(r){r.removeEventListener("medium-zoom:"+e,t,n)})),m=m.filter((function(n){return!(n.type==="medium-zoom:"+e&&n.listener.toString()===t.toString())})),w},getOptions:function(){return b},getImages:function(){return f},getZoomedImage:function(){return y.original}};return w},{themeConfig:d}=r.default,p=function(){if("undefined"==typeof window)return null;const{zoomSelector:e=".markdown img"}=d,{imageZoom:{selector:t=e,options:n}={}}=d;return setTimeout((()=>{u(t,n)}),1e3),{onRouteUpdate({location:e,previousLocation:r}){e&&e.hash&&e.hash.length||r&&e.pathname!==r.pathname&&setTimeout((()=>{u(t,n)}),1e3)}}}()},9227:e=>{e.exports&&(e.exports={core:{meta:{path:"components/prism-core.js",option:"mandatory"},core:"Core"},themes:{meta:{path:"themes/{id}.css",link:"index.html?theme={id}",exclusive:!0},prism:{title:"Default",option:"default"},"prism-dark":"Dark","prism-funky":"Funky","prism-okaidia":{title:"Okaidia",owner:"ocodia"},"prism-twilight":{title:"Twilight",owner:"remybach"},"prism-coy":{title:"Coy",owner:"tshedor"},"prism-solarizedlight":{title:"Solarized Light",owner:"hectormatos2011 "},"prism-tomorrow":{title:"Tomorrow Night",owner:"Rosey"}},languages:{meta:{path:"components/prism-{id}",noCSS:!0,examplesPath:"examples/prism-{id}",addCheckAll:!0},markup:{title:"Markup",alias:["html","xml","svg","mathml","ssml","atom","rss"],aliasTitles:{html:"HTML",xml:"XML",svg:"SVG",mathml:"MathML",ssml:"SSML",atom:"Atom",rss:"RSS"},option:"default"},css:{title:"CSS",option:"default",modify:"markup"},clike:{title:"C-like",option:"default"},javascript:{title:"JavaScript",require:"clike",modify:"markup",optional:"regex",alias:"js",option:"default"},abap:{title:"ABAP",owner:"dellagustin"},abnf:{title:"ABNF",owner:"RunDevelopment"},actionscript:{title:"ActionScript",require:"javascript",modify:"markup",owner:"Golmote"},ada:{title:"Ada",owner:"Lucretia"},agda:{title:"Agda",owner:"xy-ren"},al:{title:"AL",owner:"RunDevelopment"},antlr4:{title:"ANTLR4",alias:"g4",owner:"RunDevelopment"},apacheconf:{title:"Apache Configuration",owner:"GuiTeK"},apex:{title:"Apex",require:["clike","sql"],owner:"RunDevelopment"},apl:{title:"APL",owner:"ngn"},applescript:{title:"AppleScript",owner:"Golmote"},aql:{title:"AQL",owner:"RunDevelopment"},arduino:{title:"Arduino",require:"cpp",alias:"ino",owner:"dkern"},arff:{title:"ARFF",owner:"Golmote"},armasm:{title:"ARM Assembly",alias:"arm-asm",owner:"RunDevelopment"},arturo:{title:"Arturo",alias:"art",optional:["bash","css","javascript","markup","markdown","sql"],owner:"drkameleon"},asciidoc:{alias:"adoc",title:"AsciiDoc",owner:"Golmote"},aspnet:{title:"ASP.NET (C#)",require:["markup","csharp"],owner:"nauzilus"},asm6502:{title:"6502 Assembly",owner:"kzurawel"},asmatmel:{title:"Atmel AVR Assembly",owner:"cerkit"},autohotkey:{title:"AutoHotkey",owner:"aviaryan"},autoit:{title:"AutoIt",owner:"Golmote"},avisynth:{title:"AviSynth",alias:"avs",owner:"Zinfidel"},"avro-idl":{title:"Avro IDL",alias:"avdl",owner:"RunDevelopment"},awk:{title:"AWK",alias:"gawk",aliasTitles:{gawk:"GAWK"},owner:"RunDevelopment"},bash:{title:"Bash",alias:["sh","shell"],aliasTitles:{sh:"Shell",shell:"Shell"},owner:"zeitgeist87"},basic:{title:"BASIC",owner:"Golmote"},batch:{title:"Batch",owner:"Golmote"},bbcode:{title:"BBcode",alias:"shortcode",aliasTitles:{shortcode:"Shortcode"},owner:"RunDevelopment"},bbj:{title:"BBj",owner:"hyyan"},bicep:{title:"Bicep",owner:"johnnyreilly"},birb:{title:"Birb",require:"clike",owner:"Calamity210"},bison:{title:"Bison",require:"c",owner:"Golmote"},bnf:{title:"BNF",alias:"rbnf",aliasTitles:{rbnf:"RBNF"},owner:"RunDevelopment"},bqn:{title:"BQN",owner:"yewscion"},brainfuck:{title:"Brainfuck",owner:"Golmote"},brightscript:{title:"BrightScript",owner:"RunDevelopment"},bro:{title:"Bro",owner:"wayward710"},bsl:{title:"BSL (1C:Enterprise)",alias:"oscript",aliasTitles:{oscript:"OneScript"},owner:"Diversus23"},c:{title:"C",require:"clike",owner:"zeitgeist87"},csharp:{title:"C#",require:"clike",alias:["cs","dotnet"],owner:"mvalipour"},cpp:{title:"C++",require:"c",owner:"zeitgeist87"},cfscript:{title:"CFScript",require:"clike",alias:"cfc",owner:"mjclemente"},chaiscript:{title:"ChaiScript",require:["clike","cpp"],owner:"RunDevelopment"},cil:{title:"CIL",owner:"sbrl"},cilkc:{title:"Cilk/C",require:"c",alias:"cilk-c",owner:"OpenCilk"},cilkcpp:{title:"Cilk/C++",require:"cpp",alias:["cilk-cpp","cilk"],owner:"OpenCilk"},clojure:{title:"Clojure",owner:"troglotit"},cmake:{title:"CMake",owner:"mjrogozinski"},cobol:{title:"COBOL",owner:"RunDevelopment"},coffeescript:{title:"CoffeeScript",require:"javascript",alias:"coffee",owner:"R-osey"},concurnas:{title:"Concurnas",alias:"conc",owner:"jasontatton"},csp:{title:"Content-Security-Policy",owner:"ScottHelme"},cooklang:{title:"Cooklang",owner:"ahue"},coq:{title:"Coq",owner:"RunDevelopment"},crystal:{title:"Crystal",require:"ruby",owner:"MakeNowJust"},"css-extras":{title:"CSS Extras",require:"css",modify:"css",owner:"milesj"},csv:{title:"CSV",owner:"RunDevelopment"},cue:{title:"CUE",owner:"RunDevelopment"},cypher:{title:"Cypher",owner:"RunDevelopment"},d:{title:"D",require:"clike",owner:"Golmote"},dart:{title:"Dart",require:"clike",owner:"Golmote"},dataweave:{title:"DataWeave",owner:"machaval"},dax:{title:"DAX",owner:"peterbud"},dhall:{title:"Dhall",owner:"RunDevelopment"},diff:{title:"Diff",owner:"uranusjr"},django:{title:"Django/Jinja2",require:"markup-templating",alias:"jinja2",owner:"romanvm"},"dns-zone-file":{title:"DNS zone file",owner:"RunDevelopment",alias:"dns-zone"},docker:{title:"Docker",alias:"dockerfile",owner:"JustinBeckwith"},dot:{title:"DOT (Graphviz)",alias:"gv",optional:"markup",owner:"RunDevelopment"},ebnf:{title:"EBNF",owner:"RunDevelopment"},editorconfig:{title:"EditorConfig",owner:"osipxd"},eiffel:{title:"Eiffel",owner:"Conaclos"},ejs:{title:"EJS",require:["javascript","markup-templating"],owner:"RunDevelopment",alias:"eta",aliasTitles:{eta:"Eta"}},elixir:{title:"Elixir",owner:"Golmote"},elm:{title:"Elm",owner:"zwilias"},etlua:{title:"Embedded Lua templating",require:["lua","markup-templating"],owner:"RunDevelopment"},erb:{title:"ERB",require:["ruby","markup-templating"],owner:"Golmote"},erlang:{title:"Erlang",owner:"Golmote"},"excel-formula":{title:"Excel Formula",alias:["xlsx","xls"],owner:"RunDevelopment"},fsharp:{title:"F#",require:"clike",owner:"simonreynolds7"},factor:{title:"Factor",owner:"catb0t"},false:{title:"False",owner:"edukisto"},"firestore-security-rules":{title:"Firestore security rules",require:"clike",owner:"RunDevelopment"},flow:{title:"Flow",require:"javascript",owner:"Golmote"},fortran:{title:"Fortran",owner:"Golmote"},ftl:{title:"FreeMarker Template Language",require:"markup-templating",owner:"RunDevelopment"},gml:{title:"GameMaker Language",alias:"gamemakerlanguage",require:"clike",owner:"LiarOnce"},gap:{title:"GAP (CAS)",owner:"RunDevelopment"},gcode:{title:"G-code",owner:"RunDevelopment"},gdscript:{title:"GDScript",owner:"RunDevelopment"},gedcom:{title:"GEDCOM",owner:"Golmote"},gettext:{title:"gettext",alias:"po",owner:"RunDevelopment"},gherkin:{title:"Gherkin",owner:"hason"},git:{title:"Git",owner:"lgiraudel"},glsl:{title:"GLSL",require:"c",owner:"Golmote"},gn:{title:"GN",alias:"gni",owner:"RunDevelopment"},"linker-script":{title:"GNU Linker Script",alias:"ld",owner:"RunDevelopment"},go:{title:"Go",require:"clike",owner:"arnehormann"},"go-module":{title:"Go module",alias:"go-mod",owner:"RunDevelopment"},gradle:{title:"Gradle",require:"clike",owner:"zeabdelkhalek-badido18"},graphql:{title:"GraphQL",optional:"markdown",owner:"Golmote"},groovy:{title:"Groovy",require:"clike",owner:"robfletcher"},haml:{title:"Haml",require:"ruby",optional:["css","css-extras","coffeescript","erb","javascript","less","markdown","scss","textile"],owner:"Golmote"},handlebars:{title:"Handlebars",require:"markup-templating",alias:["hbs","mustache"],aliasTitles:{mustache:"Mustache"},owner:"Golmote"},haskell:{title:"Haskell",alias:"hs",owner:"bholst"},haxe:{title:"Haxe",require:"clike",optional:"regex",owner:"Golmote"},hcl:{title:"HCL",owner:"outsideris"},hlsl:{title:"HLSL",require:"c",owner:"RunDevelopment"},hoon:{title:"Hoon",owner:"matildepark"},http:{title:"HTTP",optional:["csp","css","hpkp","hsts","javascript","json","markup","uri"],owner:"danielgtaylor"},hpkp:{title:"HTTP Public-Key-Pins",owner:"ScottHelme"},hsts:{title:"HTTP Strict-Transport-Security",owner:"ScottHelme"},ichigojam:{title:"IchigoJam",owner:"BlueCocoa"},icon:{title:"Icon",owner:"Golmote"},"icu-message-format":{title:"ICU Message Format",owner:"RunDevelopment"},idris:{title:"Idris",alias:"idr",owner:"KeenS",require:"haskell"},ignore:{title:".ignore",owner:"osipxd",alias:["gitignore","hgignore","npmignore"],aliasTitles:{gitignore:".gitignore",hgignore:".hgignore",npmignore:".npmignore"}},inform7:{title:"Inform 7",owner:"Golmote"},ini:{title:"Ini",owner:"aviaryan"},io:{title:"Io",owner:"AlesTsurko"},j:{title:"J",owner:"Golmote"},java:{title:"Java",require:"clike",owner:"sherblot"},javadoc:{title:"JavaDoc",require:["markup","java","javadoclike"],modify:"java",optional:"scala",owner:"RunDevelopment"},javadoclike:{title:"JavaDoc-like",modify:["java","javascript","php"],owner:"RunDevelopment"},javastacktrace:{title:"Java stack trace",owner:"RunDevelopment"},jexl:{title:"Jexl",owner:"czosel"},jolie:{title:"Jolie",require:"clike",owner:"thesave"},jq:{title:"JQ",owner:"RunDevelopment"},jsdoc:{title:"JSDoc",require:["javascript","javadoclike","typescript"],modify:"javascript",optional:["actionscript","coffeescript"],owner:"RunDevelopment"},"js-extras":{title:"JS Extras",require:"javascript",modify:"javascript",optional:["actionscript","coffeescript","flow","n4js","typescript"],owner:"RunDevelopment"},json:{title:"JSON",alias:"webmanifest",aliasTitles:{webmanifest:"Web App Manifest"},owner:"CupOfTea696"},json5:{title:"JSON5",require:"json",owner:"RunDevelopment"},jsonp:{title:"JSONP",require:"json",owner:"RunDevelopment"},jsstacktrace:{title:"JS stack trace",owner:"sbrl"},"js-templates":{title:"JS Templates",require:"javascript",modify:"javascript",optional:["css","css-extras","graphql","markdown","markup","sql"],owner:"RunDevelopment"},julia:{title:"Julia",owner:"cdagnino"},keepalived:{title:"Keepalived Configure",owner:"dev-itsheng"},keyman:{title:"Keyman",owner:"mcdurdin"},kotlin:{title:"Kotlin",alias:["kt","kts"],aliasTitles:{kts:"Kotlin Script"},require:"clike",owner:"Golmote"},kumir:{title:"KuMir (\u041a\u0443\u041c\u0438\u0440)",alias:"kum",owner:"edukisto"},kusto:{title:"Kusto",owner:"RunDevelopment"},latex:{title:"LaTeX",alias:["tex","context"],aliasTitles:{tex:"TeX",context:"ConTeXt"},owner:"japborst"},latte:{title:"Latte",require:["clike","markup-templating","php"],owner:"nette"},less:{title:"Less",require:"css",optional:"css-extras",owner:"Golmote"},lilypond:{title:"LilyPond",require:"scheme",alias:"ly",owner:"RunDevelopment"},liquid:{title:"Liquid",require:"markup-templating",owner:"cinhtau"},lisp:{title:"Lisp",alias:["emacs","elisp","emacs-lisp"],owner:"JuanCaicedo"},livescript:{title:"LiveScript",owner:"Golmote"},llvm:{title:"LLVM IR",owner:"porglezomp"},log:{title:"Log file",optional:"javastacktrace",owner:"RunDevelopment"},lolcode:{title:"LOLCODE",owner:"Golmote"},lua:{title:"Lua",owner:"Golmote"},magma:{title:"Magma (CAS)",owner:"RunDevelopment"},makefile:{title:"Makefile",owner:"Golmote"},markdown:{title:"Markdown",require:"markup",optional:"yaml",alias:"md",owner:"Golmote"},"markup-templating":{title:"Markup templating",require:"markup",owner:"Golmote"},mata:{title:"Mata",owner:"RunDevelopment"},matlab:{title:"MATLAB",owner:"Golmote"},maxscript:{title:"MAXScript",owner:"RunDevelopment"},mel:{title:"MEL",owner:"Golmote"},mermaid:{title:"Mermaid",owner:"RunDevelopment"},metafont:{title:"METAFONT",owner:"LaeriExNihilo"},mizar:{title:"Mizar",owner:"Golmote"},mongodb:{title:"MongoDB",owner:"airs0urce",require:"javascript"},monkey:{title:"Monkey",owner:"Golmote"},moonscript:{title:"MoonScript",alias:"moon",owner:"RunDevelopment"},n1ql:{title:"N1QL",owner:"TMWilds"},n4js:{title:"N4JS",require:"javascript",optional:"jsdoc",alias:"n4jsd",owner:"bsmith-n4"},"nand2tetris-hdl":{title:"Nand To Tetris HDL",owner:"stephanmax"},naniscript:{title:"Naninovel Script",owner:"Elringus",alias:"nani"},nasm:{title:"NASM",owner:"rbmj"},neon:{title:"NEON",owner:"nette"},nevod:{title:"Nevod",owner:"nezaboodka"},nginx:{title:"nginx",owner:"volado"},nim:{title:"Nim",owner:"Golmote"},nix:{title:"Nix",owner:"Golmote"},nsis:{title:"NSIS",owner:"idleberg"},objectivec:{title:"Objective-C",require:"c",alias:"objc",owner:"uranusjr"},ocaml:{title:"OCaml",owner:"Golmote"},odin:{title:"Odin",owner:"edukisto"},opencl:{title:"OpenCL",require:"c",modify:["c","cpp"],owner:"Milania1"},openqasm:{title:"OpenQasm",alias:"qasm",owner:"RunDevelopment"},oz:{title:"Oz",owner:"Golmote"},parigp:{title:"PARI/GP",owner:"Golmote"},parser:{title:"Parser",require:"markup",owner:"Golmote"},pascal:{title:"Pascal",alias:"objectpascal",aliasTitles:{objectpascal:"Object Pascal"},owner:"Golmote"},pascaligo:{title:"Pascaligo",owner:"DefinitelyNotAGoat"},psl:{title:"PATROL Scripting Language",owner:"bertysentry"},pcaxis:{title:"PC-Axis",alias:"px",owner:"RunDevelopment"},peoplecode:{title:"PeopleCode",alias:"pcode",owner:"RunDevelopment"},perl:{title:"Perl",owner:"Golmote"},php:{title:"PHP",require:"markup-templating",owner:"milesj"},phpdoc:{title:"PHPDoc",require:["php","javadoclike"],modify:"php",owner:"RunDevelopment"},"php-extras":{title:"PHP Extras",require:"php",modify:"php",owner:"milesj"},"plant-uml":{title:"PlantUML",alias:"plantuml",owner:"RunDevelopment"},plsql:{title:"PL/SQL",require:"sql",owner:"Golmote"},powerquery:{title:"PowerQuery",alias:["pq","mscript"],owner:"peterbud"},powershell:{title:"PowerShell",owner:"nauzilus"},processing:{title:"Processing",require:"clike",owner:"Golmote"},prolog:{title:"Prolog",owner:"Golmote"},promql:{title:"PromQL",owner:"arendjr"},properties:{title:".properties",owner:"Golmote"},protobuf:{title:"Protocol Buffers",require:"clike",owner:"just-boris"},pug:{title:"Pug",require:["markup","javascript"],optional:["coffeescript","ejs","handlebars","less","livescript","markdown","scss","stylus","twig"],owner:"Golmote"},puppet:{title:"Puppet",owner:"Golmote"},pure:{title:"Pure",optional:["c","cpp","fortran"],owner:"Golmote"},purebasic:{title:"PureBasic",require:"clike",alias:"pbfasm",owner:"HeX0R101"},purescript:{title:"PureScript",require:"haskell",alias:"purs",owner:"sriharshachilakapati"},python:{title:"Python",alias:"py",owner:"multipetros"},qsharp:{title:"Q#",require:"clike",alias:"qs",owner:"fedonman"},q:{title:"Q (kdb+ database)",owner:"Golmote"},qml:{title:"QML",require:"javascript",owner:"RunDevelopment"},qore:{title:"Qore",require:"clike",owner:"temnroegg"},r:{title:"R",owner:"Golmote"},racket:{title:"Racket",require:"scheme",alias:"rkt",owner:"RunDevelopment"},cshtml:{title:"Razor C#",alias:"razor",require:["markup","csharp"],optional:["css","css-extras","javascript","js-extras"],owner:"RunDevelopment"},jsx:{title:"React JSX",require:["markup","javascript"],optional:["jsdoc","js-extras","js-templates"],owner:"vkbansal"},tsx:{title:"React TSX",require:["jsx","typescript"]},reason:{title:"Reason",require:"clike",owner:"Golmote"},regex:{title:"Regex",owner:"RunDevelopment"},rego:{title:"Rego",owner:"JordanSh"},renpy:{title:"Ren'py",alias:"rpy",owner:"HyuchiaDiego"},rescript:{title:"ReScript",alias:"res",owner:"vmarcosp"},rest:{title:"reST (reStructuredText)",owner:"Golmote"},rip:{title:"Rip",owner:"ravinggenius"},roboconf:{title:"Roboconf",owner:"Golmote"},robotframework:{title:"Robot Framework",alias:"robot",owner:"RunDevelopment"},ruby:{title:"Ruby",require:"clike",alias:"rb",owner:"samflores"},rust:{title:"Rust",owner:"Golmote"},sas:{title:"SAS",optional:["groovy","lua","sql"],owner:"Golmote"},sass:{title:"Sass (Sass)",require:"css",optional:"css-extras",owner:"Golmote"},scss:{title:"Sass (SCSS)",require:"css",optional:"css-extras",owner:"MoOx"},scala:{title:"Scala",require:"java",owner:"jozic"},scheme:{title:"Scheme",owner:"bacchus123"},"shell-session":{title:"Shell session",require:"bash",alias:["sh-session","shellsession"],owner:"RunDevelopment"},smali:{title:"Smali",owner:"RunDevelopment"},smalltalk:{title:"Smalltalk",owner:"Golmote"},smarty:{title:"Smarty",require:"markup-templating",optional:"php",owner:"Golmote"},sml:{title:"SML",alias:"smlnj",aliasTitles:{smlnj:"SML/NJ"},owner:"RunDevelopment"},solidity:{title:"Solidity (Ethereum)",alias:"sol",require:"clike",owner:"glachaud"},"solution-file":{title:"Solution file",alias:"sln",owner:"RunDevelopment"},soy:{title:"Soy (Closure Template)",require:"markup-templating",owner:"Golmote"},sparql:{title:"SPARQL",require:"turtle",owner:"Triply-Dev",alias:"rq"},"splunk-spl":{title:"Splunk SPL",owner:"RunDevelopment"},sqf:{title:"SQF: Status Quo Function (Arma 3)",require:"clike",owner:"RunDevelopment"},sql:{title:"SQL",owner:"multipetros"},squirrel:{title:"Squirrel",require:"clike",owner:"RunDevelopment"},stan:{title:"Stan",owner:"RunDevelopment"},stata:{title:"Stata Ado",require:["mata","java","python"],owner:"RunDevelopment"},iecst:{title:"Structured Text (IEC 61131-3)",owner:"serhioromano"},stylus:{title:"Stylus",owner:"vkbansal"},supercollider:{title:"SuperCollider",alias:"sclang",owner:"RunDevelopment"},swift:{title:"Swift",owner:"chrischares"},systemd:{title:"Systemd configuration file",owner:"RunDevelopment"},"t4-templating":{title:"T4 templating",owner:"RunDevelopment"},"t4-cs":{title:"T4 Text Templates (C#)",require:["t4-templating","csharp"],alias:"t4",owner:"RunDevelopment"},"t4-vb":{title:"T4 Text Templates (VB)",require:["t4-templating","vbnet"],owner:"RunDevelopment"},tap:{title:"TAP",owner:"isaacs",require:"yaml"},tcl:{title:"Tcl",owner:"PeterChaplin"},tt2:{title:"Template Toolkit 2",require:["clike","markup-templating"],owner:"gflohr"},textile:{title:"Textile",require:"markup",optional:"css",owner:"Golmote"},toml:{title:"TOML",owner:"RunDevelopment"},tremor:{title:"Tremor",alias:["trickle","troy"],owner:"darach",aliasTitles:{trickle:"trickle",troy:"troy"}},turtle:{title:"Turtle",alias:"trig",aliasTitles:{trig:"TriG"},owner:"jakubklimek"},twig:{title:"Twig",require:"markup-templating",owner:"brandonkelly"},typescript:{title:"TypeScript",require:"javascript",optional:"js-templates",alias:"ts",owner:"vkbansal"},typoscript:{title:"TypoScript",alias:"tsconfig",aliasTitles:{tsconfig:"TSConfig"},owner:"dkern"},unrealscript:{title:"UnrealScript",alias:["uscript","uc"],owner:"RunDevelopment"},uorazor:{title:"UO Razor Script",owner:"jaseowns"},uri:{title:"URI",alias:"url",aliasTitles:{url:"URL"},owner:"RunDevelopment"},v:{title:"V",require:"clike",owner:"taggon"},vala:{title:"Vala",require:"clike",optional:"regex",owner:"TemplarVolk"},vbnet:{title:"VB.Net",require:"basic",owner:"Bigsby"},velocity:{title:"Velocity",require:"markup",owner:"Golmote"},verilog:{title:"Verilog",owner:"a-rey"},vhdl:{title:"VHDL",owner:"a-rey"},vim:{title:"vim",owner:"westonganger"},"visual-basic":{title:"Visual Basic",alias:["vb","vba"],aliasTitles:{vba:"VBA"},owner:"Golmote"},warpscript:{title:"WarpScript",owner:"RunDevelopment"},wasm:{title:"WebAssembly",owner:"Golmote"},"web-idl":{title:"Web IDL",alias:"webidl",owner:"RunDevelopment"},wgsl:{title:"WGSL",owner:"Dr4gonthree"},wiki:{title:"Wiki markup",require:"markup",owner:"Golmote"},wolfram:{title:"Wolfram language",alias:["mathematica","nb","wl"],aliasTitles:{mathematica:"Mathematica",nb:"Mathematica Notebook"},owner:"msollami"},wren:{title:"Wren",owner:"clsource"},xeora:{title:"Xeora",require:"markup",alias:"xeoracube",aliasTitles:{xeoracube:"XeoraCube"},owner:"freakmaxi"},"xml-doc":{title:"XML doc (.net)",require:"markup",modify:["csharp","fsharp","vbnet"],owner:"RunDevelopment"},xojo:{title:"Xojo (REALbasic)",owner:"Golmote"},xquery:{title:"XQuery",require:"markup",owner:"Golmote"},yaml:{title:"YAML",alias:"yml",owner:"hason"},yang:{title:"YANG",owner:"RunDevelopment"},zig:{title:"Zig",owner:"RunDevelopment"}},plugins:{meta:{path:"plugins/{id}/prism-{id}",link:"plugins/{id}/"},"line-highlight":{title:"Line Highlight",description:"Highlights specific lines and/or line ranges."},"line-numbers":{title:"Line Numbers",description:"Line number at the beginning of code lines.",owner:"kuba-kubula"},"show-invisibles":{title:"Show Invisibles",description:"Show hidden characters such as tabs and line breaks.",optional:["autolinker","data-uri-highlight"]},autolinker:{title:"Autolinker",description:"Converts URLs and emails in code to clickable links. Parses Markdown links in comments."},wpd:{title:"WebPlatform Docs",description:'Makes tokens link to <a href="https://webplatform.github.io/docs/">WebPlatform.org documentation</a>. The links open in a new tab.'},"custom-class":{title:"Custom Class",description:"This plugin allows you to prefix Prism's default classes (<code>.comment</code> can become <code>.namespace--comment</code>) or replace them with your defined ones (like <code>.editor__comment</code>). You can even add new classes.",owner:"dvkndn",noCSS:!0},"file-highlight":{title:"File Highlight",description:"Fetch external files and highlight them with Prism. Used on the Prism website itself.",noCSS:!0},"show-language":{title:"Show Language",description:"Display the highlighted language in code blocks (inline code does not show the label).",owner:"nauzilus",noCSS:!0,require:"toolbar"},"jsonp-highlight":{title:"JSONP Highlight",description:"Fetch content with JSONP and highlight some interesting content (e.g. GitHub/Gists or Bitbucket API).",noCSS:!0,owner:"nauzilus"},"highlight-keywords":{title:"Highlight Keywords",description:"Adds special CSS classes for each keyword for fine-grained highlighting.",owner:"vkbansal",noCSS:!0},"remove-initial-line-feed":{title:"Remove initial line feed",description:"Removes the initial line feed in code blocks.",owner:"Golmote",noCSS:!0},"inline-color":{title:"Inline color",description:"Adds a small inline preview for colors in style sheets.",require:"css-extras",owner:"RunDevelopment"},previewers:{title:"Previewers",description:"Previewers for angles, colors, gradients, easing and time.",require:"css-extras",owner:"Golmote"},autoloader:{title:"Autoloader",description:"Automatically loads the needed languages to highlight the code blocks.",owner:"Golmote",noCSS:!0},"keep-markup":{title:"Keep Markup",description:"Prevents custom markup from being dropped out during highlighting.",owner:"Golmote",optional:"normalize-whitespace",noCSS:!0},"command-line":{title:"Command Line",description:"Display a command line with a prompt and, optionally, the output/response from the commands.",owner:"chriswells0"},"unescaped-markup":{title:"Unescaped Markup",description:"Write markup without having to escape anything."},"normalize-whitespace":{title:"Normalize Whitespace",description:"Supports multiple operations to normalize whitespace in code blocks.",owner:"zeitgeist87",optional:"unescaped-markup",noCSS:!0},"data-uri-highlight":{title:"Data-URI Highlight",description:"Highlights data-URI contents.",owner:"Golmote",noCSS:!0},toolbar:{title:"Toolbar",description:"Attach a toolbar for plugins to easily register buttons on the top of a code block.",owner:"mAAdhaTTah"},"copy-to-clipboard":{title:"Copy to Clipboard Button",description:"Add a button that copies the code block to the clipboard when clicked.",owner:"mAAdhaTTah",require:"toolbar",noCSS:!0},"download-button":{title:"Download Button",description:"A button in the toolbar of a code block adding a convenient way to download a code file.",owner:"Golmote",require:"toolbar",noCSS:!0},"match-braces":{title:"Match braces",description:"Highlights matching braces.",owner:"RunDevelopment"},"diff-highlight":{title:"Diff Highlight",description:"Highlights the code inside diff blocks.",owner:"RunDevelopment",require:"diff"},"filter-highlight-all":{title:"Filter highlightAll",description:"Filters the elements the <code>highlightAll</code> and <code>highlightAllUnder</code> methods actually highlight.",owner:"RunDevelopment",noCSS:!0},treeview:{title:"Treeview",description:"A language with special styles to highlight file system tree structures.",owner:"Golmote"}}})},6532:(e,t,n)=>{const r=n(9227),o=n(9670),a=new Set;function i(e){void 0===e?e=Object.keys(r.languages).filter((e=>"meta"!=e)):Array.isArray(e)||(e=[e]);const t=[...a,...Object.keys(Prism.languages)];o(r,e,t).load((e=>{if(!(e in r.languages))return void(i.silent||console.warn("Language does not exist: "+e));const t="./prism-"+e;delete n.c[n(7507).resolve(t)],delete Prism.languages[e],n(7507)(t),a.add(e)}))}i.silent=!1,e.exports=i},1274:()=>{!function(e){function t(e,t){return"___"+e.toUpperCase()+t+"___"}Object.defineProperties(e.languages["markup-templating"]={},{buildPlaceholders:{value:function(n,r,o,a){if(n.language===r){var i=n.tokenStack=[];n.code=n.code.replace(o,(function(e){if("function"==typeof a&&!a(e))return e;for(var o,s=i.length;-1!==n.code.indexOf(o=t(r,s));)++s;return i[s]=e,o})),n.grammar=e.languages.markup}}},tokenizePlaceholders:{value:function(n,r){if(n.language===r&&n.tokenStack){n.grammar=e.languages[r];var o=0,a=Object.keys(n.tokenStack);!function i(s){for(var l=0;l<s.length&&!(o>=a.length);l++){var c=s[l];if("string"==typeof c||c.content&&"string"==typeof c.content){var u=a[o],d=n.tokenStack[u],p="string"==typeof c?c:c.content,f=t(r,u),m=p.indexOf(f);if(m>-1){++o;var h=p.substring(0,m),g=new e.Token(r,e.tokenize(d,n.grammar),"language-"+r,d),b=p.substring(m+f.length),y=[];h&&y.push.apply(y,i([h])),y.push(g),b&&y.push.apply(y,i([b])),"string"==typeof c?s.splice.apply(s,[l,1].concat(y)):c.content=y}}else c.content&&i(c.content)}return s}(n.tokens)}}}})}(Prism)},7507:(e,t,n)=>{var r={"./":6532};function o(e){var t=a(e);return n(t)}function a(e){if(!n.o(r,e)){var t=new Error("Cannot find module '"+e+"'");throw t.code="MODULE_NOT_FOUND",t}return r[e]}o.keys=function(){return Object.keys(r)},o.resolve=a,e.exports=o,o.id=7507},9670:e=>{"use strict";var t=function(){var e=function(){};function t(e,t){Array.isArray(e)?e.forEach(t):null!=e&&t(e,0)}function n(e){for(var t={},n=0,r=e.length;n<r;n++)t[e[n]]=!0;return t}function r(e){var n={},r=[];function o(r,a){if(!(r in n)){a.push(r);var i=a.indexOf(r);if(i<a.length-1)throw new Error("Circular dependency: "+a.slice(i).join(" -> "));var s={},l=e[r];if(l){function c(t){if(!(t in e))throw new Error(r+" depends on an unknown component "+t);if(!(t in s))for(var i in o(t,a),s[t]=!0,n[t])s[i]=!0}t(l.require,c),t(l.optional,c),t(l.modify,c)}n[r]=s,a.pop()}}return function(e){var t=n[e];return t||(o(e,r),t=n[e]),t}}function o(e){for(var t in e)return!0;return!1}return function(a,i,s){var l=function(e){var t={};for(var n in e){var r=e[n];for(var o in r)if("meta"!=o){var a=r[o];t[o]="string"==typeof a?{title:a}:a}}return t}(a),c=function(e){var n;return function(r){if(r in e)return r;if(!n)for(var o in n={},e){var a=e[o];t(a&&a.alias,(function(t){if(t in n)throw new Error(t+" cannot be alias for both "+o+" and "+n[t]);if(t in e)throw new Error(t+" cannot be alias of "+o+" because it is a component.");n[t]=o}))}return n[r]||r}}(l);i=i.map(c),s=(s||[]).map(c);var u=n(i),d=n(s);i.forEach((function e(n){var r=l[n];t(r&&r.require,(function(t){t in d||(u[t]=!0,e(t))}))}));for(var p,f=r(l),m=u;o(m);){for(var h in p={},m){var g=l[h];t(g&&g.modify,(function(e){e in d&&(p[e]=!0)}))}for(var b in d)if(!(b in u))for(var y in f(b))if(y in u){p[b]=!0;break}for(var v in m=p)u[v]=!0}var w={getIds:function(){var e=[];return w.load((function(t){e.push(t)})),e},load:function(t,n){return function(t,n,r,o){var a=o?o.series:void 0,i=o?o.parallel:e,s={},l={};function c(e){if(e in s)return s[e];l[e]=!0;var o,u=[];for(var d in t(e))d in n&&u.push(d);if(0===u.length)o=r(e);else{var p=i(u.map((function(e){var t=c(e);return delete l[e],t})));a?o=a(p,(function(){return r(e)})):r(e)}return s[e]=o}for(var u in n)c(u);var d=[];for(var p in l)d.push(s[p]);return i(d)}(f,u,t,n)}};return w}}();e.exports=t},6186:(e,t,n)=>{"use strict";var r=n(2985);function o(){}function a(){}a.resetWarningCache=o,e.exports=function(){function e(e,t,n,o,a,i){if(i!==r){var s=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");throw s.name="Invariant Violation",s}}function t(){return e}e.isRequired=e;var n={array:e,bigint:e,bool:e,func:e,number:e,object:e,string:e,symbol:e,any:e,arrayOf:t,element:e,elementType:e,instanceOf:t,node:e,objectOf:t,oneOf:t,oneOfType:t,shape:t,exact:t,checkPropTypes:a,resetWarningCache:o};return n.PropTypes=n,n}},2736:(e,t,n)=>{e.exports=n(6186)()},2985:e=>{"use strict";e.exports="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"},9481:(e,t,n)=>{"use strict";var r=n(758),o=n(1896);function a(e){for(var t="https://reactjs.org/docs/error-decoder.html?invariant="+e,n=1;n<arguments.length;n++)t+="&args[]="+encodeURIComponent(arguments[n]);return"Minified React error #"+e+"; visit "+t+" for the full message or use the non-minified dev environment for full errors and additional helpful warnings."}var i=new Set,s={};function l(e,t){c(e,t),c(e+"Capture",t)}function c(e,t){for(s[e]=t,e=0;e<t.length;e++)i.add(t[e])}var u=!("undefined"==typeof window||void 0===window.document||void 0===window.document.createElement),d=Object.prototype.hasOwnProperty,p=/^[:A-Z_a-z\u00C0-\u00D6\u00D8-\u00F6\u00F8-\u02FF\u0370-\u037D\u037F-\u1FFF\u200C-\u200D\u2070-\u218F\u2C00-\u2FEF\u3001-\uD7FF\uF900-\uFDCF\uFDF0-\uFFFD][:A-Z_a-z\u00C0-\u00D6\u00D8-\u00F6\u00F8-\u02FF\u0370-\u037D\u037F-\u1FFF\u200C-\u200D\u2070-\u218F\u2C00-\u2FEF\u3001-\uD7FF\uF900-\uFDCF\uFDF0-\uFFFD\-.0-9\u00B7\u0300-\u036F\u203F-\u2040]*$/,f={},m={};function h(e,t,n,r,o,a,i){this.acceptsBooleans=2===t||3===t||4===t,this.attributeName=r,this.attributeNamespace=o,this.mustUseProperty=n,this.propertyName=e,this.type=t,this.sanitizeURL=a,this.removeEmptyString=i}var g={};"children dangerouslySetInnerHTML defaultValue defaultChecked innerHTML suppressContentEditableWarning suppressHydrationWarning style".split(" ").forEach((function(e){g[e]=new h(e,0,!1,e,null,!1,!1)})),[["acceptCharset","accept-charset"],["className","class"],["htmlFor","for"],["httpEquiv","http-equiv"]].forEach((function(e){var t=e[0];g[t]=new h(t,1,!1,e[1],null,!1,!1)})),["contentEditable","draggable","spellCheck","value"].forEach((function(e){g[e]=new h(e,2,!1,e.toLowerCase(),null,!1,!1)})),["autoReverse","externalResourcesRequired","focusable","preserveAlpha"].forEach((function(e){g[e]=new h(e,2,!1,e,null,!1,!1)})),"allowFullScreen async autoFocus autoPlay controls default defer disabled disablePictureInPicture disableRemotePlayback formNoValidate hidden loop noModule noValidate open playsInline readOnly required reversed scoped seamless itemScope".split(" ").forEach((function(e){g[e]=new h(e,3,!1,e.toLowerCase(),null,!1,!1)})),["checked","multiple","muted","selected"].forEach((function(e){g[e]=new h(e,3,!0,e,null,!1,!1)})),["capture","download"].forEach((function(e){g[e]=new h(e,4,!1,e,null,!1,!1)})),["cols","rows","size","span"].forEach((function(e){g[e]=new h(e,6,!1,e,null,!1,!1)})),["rowSpan","start"].forEach((function(e){g[e]=new h(e,5,!1,e.toLowerCase(),null,!1,!1)}));var b=/[\-:]([a-z])/g;function y(e){return e[1].toUpperCase()}function v(e,t,n,r){var o=g.hasOwnProperty(t)?g[t]:null;(null!==o?0!==o.type:r||!(2<t.length)||"o"!==t[0]&&"O"!==t[0]||"n"!==t[1]&&"N"!==t[1])&&(function(e,t,n,r){if(null==t||function(e,t,n,r){if(null!==n&&0===n.type)return!1;switch(typeof t){case"function":case"symbol":return!0;case"boolean":return!r&&(null!==n?!n.acceptsBooleans:"data-"!==(e=e.toLowerCase().slice(0,5))&&"aria-"!==e);default:return!1}}(e,t,n,r))return!0;if(r)return!1;if(null!==n)switch(n.type){case 3:return!t;case 4:return!1===t;case 5:return isNaN(t);case 6:return isNaN(t)||1>t}return!1}(t,n,o,r)&&(n=null),r||null===o?function(e){return!!d.call(m,e)||!d.call(f,e)&&(p.test(e)?m[e]=!0:(f[e]=!0,!1))}(t)&&(null===n?e.removeAttribute(t):e.setAttribute(t,""+n)):o.mustUseProperty?e[o.propertyName]=null===n?3!==o.type&&"":n:(t=o.attributeName,r=o.attributeNamespace,null===n?e.removeAttribute(t):(n=3===(o=o.type)||4===o&&!0===n?"":""+n,r?e.setAttributeNS(r,t,n):e.setAttribute(t,n))))}"accent-height alignment-baseline arabic-form baseline-shift cap-height clip-path clip-rule color-interpolation color-interpolation-filters color-profile color-rendering dominant-baseline enable-background fill-opacity fill-rule flood-color flood-opacity font-family font-size font-size-adjust font-stretch font-style font-variant font-weight glyph-name glyph-orientation-horizontal glyph-orientation-vertical horiz-adv-x horiz-origin-x image-rendering letter-spacing lighting-color marker-end marker-mid marker-start overline-position overline-thickness paint-order panose-1 pointer-events rendering-intent shape-rendering stop-color stop-opacity strikethrough-position strikethrough-thickness stroke-dasharray stroke-dashoffset stroke-linecap stroke-linejoin stroke-miterlimit stroke-opacity stroke-width text-anchor text-decoration text-rendering underline-position underline-thickness unicode-bidi unicode-range units-per-em v-alphabetic v-hanging v-ideographic v-mathematical vector-effect vert-adv-y vert-origin-x vert-origin-y word-spacing writing-mode xmlns:xlink x-height".split(" ").forEach((function(e){var t=e.replace(b,y);g[t]=new h(t,1,!1,e,null,!1,!1)})),"xlink:actuate xlink:arcrole xlink:role xlink:show xlink:title xlink:type".split(" ").forEach((function(e){var t=e.replace(b,y);g[t]=new h(t,1,!1,e,"http://www.w3.org/1999/xlink",!1,!1)})),["xml:base","xml:lang","xml:space"].forEach((function(e){var t=e.replace(b,y);g[t]=new h(t,1,!1,e,"http://www.w3.org/XML/1998/namespace",!1,!1)})),["tabIndex","crossOrigin"].forEach((function(e){g[e]=new h(e,1,!1,e.toLowerCase(),null,!1,!1)})),g.xlinkHref=new h("xlinkHref",1,!1,"xlink:href","http://www.w3.org/1999/xlink",!0,!1),["src","href","action","formAction"].forEach((function(e){g[e]=new h(e,1,!1,e.toLowerCase(),null,!0,!0)}));var w=r.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED,k=Symbol.for("react.element"),S=Symbol.for("react.portal"),x=Symbol.for("react.fragment"),E=Symbol.for("react.strict_mode"),_=Symbol.for("react.profiler"),C=Symbol.for("react.provider"),j=Symbol.for("react.context"),O=Symbol.for("react.forward_ref"),A=Symbol.for("react.suspense"),T=Symbol.for("react.suspense_list"),P=Symbol.for("react.memo"),L=Symbol.for("react.lazy");Symbol.for("react.scope"),Symbol.for("react.debug_trace_mode");var I=Symbol.for("react.offscreen");Symbol.for("react.legacy_hidden"),Symbol.for("react.cache"),Symbol.for("react.tracing_marker");var N=Symbol.iterator;function R(e){return null===e||"object"!=typeof e?null:"function"==typeof(e=N&&e[N]||e["@@iterator"])?e:null}var D,M=Object.assign;function F(e){if(void 0===D)try{throw Error()}catch(n){var t=n.stack.trim().match(/\n( *(at )?)/);D=t&&t[1]||""}return"\n"+D+e}var z=!1;function B(e,t){if(!e||z)return"";z=!0;var n=Error.prepareStackTrace;Error.prepareStackTrace=void 0;try{if(t)if(t=function(){throw Error()},Object.defineProperty(t.prototype,"props",{set:function(){throw Error()}}),"object"==typeof Reflect&&Reflect.construct){try{Reflect.construct(t,[])}catch(c){var r=c}Reflect.construct(e,[],t)}else{try{t.call()}catch(c){r=c}e.call(t.prototype)}else{try{throw Error()}catch(c){r=c}e()}}catch(c){if(c&&r&&"string"==typeof c.stack){for(var o=c.stack.split("\n"),a=r.stack.split("\n"),i=o.length-1,s=a.length-1;1<=i&&0<=s&&o[i]!==a[s];)s--;for(;1<=i&&0<=s;i--,s--)if(o[i]!==a[s]){if(1!==i||1!==s)do{if(i--,0>--s||o[i]!==a[s]){var l="\n"+o[i].replace(" at new "," at ");return e.displayName&&l.includes("<anonymous>")&&(l=l.replace("<anonymous>",e.displayName)),l}}while(1<=i&&0<=s);break}}}finally{z=!1,Error.prepareStackTrace=n}return(e=e?e.displayName||e.name:"")?F(e):""}function U(e){switch(e.tag){case 5:return F(e.type);case 16:return F("Lazy");case 13:return F("Suspense");case 19:return F("SuspenseList");case 0:case 2:case 15:return e=B(e.type,!1);case 11:return e=B(e.type.render,!1);case 1:return e=B(e.type,!0);default:return""}}function q(e){if(null==e)return null;if("function"==typeof e)return e.displayName||e.name||null;if("string"==typeof e)return e;switch(e){case x:return"Fragment";case S:return"Portal";case _:return"Profiler";case E:return"StrictMode";case A:return"Suspense";case T:return"SuspenseList"}if("object"==typeof e)switch(e.$$typeof){case j:return(e.displayName||"Context")+".Consumer";case C:return(e._context.displayName||"Context")+".Provider";case O:var t=e.render;return(e=e.displayName)||(e=""!==(e=t.displayName||t.name||"")?"ForwardRef("+e+")":"ForwardRef"),e;case P:return null!==(t=e.displayName||null)?t:q(e.type)||"Memo";case L:t=e._payload,e=e._init;try{return q(e(t))}catch(n){}}return null}function $(e){var t=e.type;switch(e.tag){case 24:return"Cache";case 9:return(t.displayName||"Context")+".Consumer";case 10:return(t._context.displayName||"Context")+".Provider";case 18:return"DehydratedFragment";case 11:return e=(e=t.render).displayName||e.name||"",t.displayName||(""!==e?"ForwardRef("+e+")":"ForwardRef");case 7:return"Fragment";case 5:return t;case 4:return"Portal";case 3:return"Root";case 6:return"Text";case 16:return q(t);case 8:return t===E?"StrictMode":"Mode";case 22:return"Offscreen";case 12:return"Profiler";case 21:return"Scope";case 13:return"Suspense";case 19:return"SuspenseList";case 25:return"TracingMarker";case 1:case 0:case 17:case 2:case 14:case 15:if("function"==typeof t)return t.displayName||t.name||null;if("string"==typeof t)return t}return null}function H(e){switch(typeof e){case"boolean":case"number":case"string":case"undefined":case"object":return e;default:return""}}function V(e){var t=e.type;return(e=e.nodeName)&&"input"===e.toLowerCase()&&("checkbox"===t||"radio"===t)}function G(e){e._valueTracker||(e._valueTracker=function(e){var t=V(e)?"checked":"value",n=Object.getOwnPropertyDescriptor(e.constructor.prototype,t),r=""+e[t];if(!e.hasOwnProperty(t)&&void 0!==n&&"function"==typeof n.get&&"function"==typeof n.set){var o=n.get,a=n.set;return Object.defineProperty(e,t,{configurable:!0,get:function(){return o.call(this)},set:function(e){r=""+e,a.call(this,e)}}),Object.defineProperty(e,t,{enumerable:n.enumerable}),{getValue:function(){return r},setValue:function(e){r=""+e},stopTracking:function(){e._valueTracker=null,delete e[t]}}}}(e))}function W(e){if(!e)return!1;var t=e._valueTracker;if(!t)return!0;var n=t.getValue(),r="";return e&&(r=V(e)?e.checked?"true":"false":e.value),(e=r)!==n&&(t.setValue(e),!0)}function K(e){if(void 0===(e=e||("undefined"!=typeof document?document:void 0)))return null;try{return e.activeElement||e.body}catch(t){return e.body}}function Q(e,t){var n=t.checked;return M({},t,{defaultChecked:void 0,defaultValue:void 0,value:void 0,checked:null!=n?n:e._wrapperState.initialChecked})}function Y(e,t){var n=null==t.defaultValue?"":t.defaultValue,r=null!=t.checked?t.checked:t.defaultChecked;n=H(null!=t.value?t.value:n),e._wrapperState={initialChecked:r,initialValue:n,controlled:"checkbox"===t.type||"radio"===t.type?null!=t.checked:null!=t.value}}function Z(e,t){null!=(t=t.checked)&&v(e,"checked",t,!1)}function J(e,t){Z(e,t);var n=H(t.value),r=t.type;if(null!=n)"number"===r?(0===n&&""===e.value||e.value!=n)&&(e.value=""+n):e.value!==""+n&&(e.value=""+n);else if("submit"===r||"reset"===r)return void e.removeAttribute("value");t.hasOwnProperty("value")?ee(e,t.type,n):t.hasOwnProperty("defaultValue")&&ee(e,t.type,H(t.defaultValue)),null==t.checked&&null!=t.defaultChecked&&(e.defaultChecked=!!t.defaultChecked)}function X(e,t,n){if(t.hasOwnProperty("value")||t.hasOwnProperty("defaultValue")){var r=t.type;if(!("submit"!==r&&"reset"!==r||void 0!==t.value&&null!==t.value))return;t=""+e._wrapperState.initialValue,n||t===e.value||(e.value=t),e.defaultValue=t}""!==(n=e.name)&&(e.name=""),e.defaultChecked=!!e._wrapperState.initialChecked,""!==n&&(e.name=n)}function ee(e,t,n){"number"===t&&K(e.ownerDocument)===e||(null==n?e.defaultValue=""+e._wrapperState.initialValue:e.defaultValue!==""+n&&(e.defaultValue=""+n))}var te=Array.isArray;function ne(e,t,n,r){if(e=e.options,t){t={};for(var o=0;o<n.length;o++)t["$"+n[o]]=!0;for(n=0;n<e.length;n++)o=t.hasOwnProperty("$"+e[n].value),e[n].selected!==o&&(e[n].selected=o),o&&r&&(e[n].defaultSelected=!0)}else{for(n=""+H(n),t=null,o=0;o<e.length;o++){if(e[o].value===n)return e[o].selected=!0,void(r&&(e[o].defaultSelected=!0));null!==t||e[o].disabled||(t=e[o])}null!==t&&(t.selected=!0)}}function re(e,t){if(null!=t.dangerouslySetInnerHTML)throw Error(a(91));return M({},t,{value:void 0,defaultValue:void 0,children:""+e._wrapperState.initialValue})}function oe(e,t){var n=t.value;if(null==n){if(n=t.children,t=t.defaultValue,null!=n){if(null!=t)throw Error(a(92));if(te(n)){if(1<n.length)throw Error(a(93));n=n[0]}t=n}null==t&&(t=""),n=t}e._wrapperState={initialValue:H(n)}}function ae(e,t){var n=H(t.value),r=H(t.defaultValue);null!=n&&((n=""+n)!==e.value&&(e.value=n),null==t.defaultValue&&e.defaultValue!==n&&(e.defaultValue=n)),null!=r&&(e.defaultValue=""+r)}function ie(e){var t=e.textContent;t===e._wrapperState.initialValue&&""!==t&&null!==t&&(e.value=t)}function se(e){switch(e){case"svg":return"http://www.w3.org/2000/svg";case"math":return"http://www.w3.org/1998/Math/MathML";default:return"http://www.w3.org/1999/xhtml"}}function le(e,t){return null==e||"http://www.w3.org/1999/xhtml"===e?se(t):"http://www.w3.org/2000/svg"===e&&"foreignObject"===t?"http://www.w3.org/1999/xhtml":e}var ce,ue,de=(ue=function(e,t){if("http://www.w3.org/2000/svg"!==e.namespaceURI||"innerHTML"in e)e.innerHTML=t;else{for((ce=ce||document.createElement("div")).innerHTML="<svg>"+t.valueOf().toString()+"</svg>",t=ce.firstChild;e.firstChild;)e.removeChild(e.firstChild);for(;t.firstChild;)e.appendChild(t.firstChild)}},"undefined"!=typeof MSApp&&MSApp.execUnsafeLocalFunction?function(e,t,n,r){MSApp.execUnsafeLocalFunction((function(){return ue(e,t)}))}:ue);function pe(e,t){if(t){var n=e.firstChild;if(n&&n===e.lastChild&&3===n.nodeType)return void(n.nodeValue=t)}e.textContent=t}var fe={animationIterationCount:!0,aspectRatio:!0,borderImageOutset:!0,borderImageSlice:!0,borderImageWidth:!0,boxFlex:!0,boxFlexGroup:!0,boxOrdinalGroup:!0,columnCount:!0,columns:!0,flex:!0,flexGrow:!0,flexPositive:!0,flexShrink:!0,flexNegative:!0,flexOrder:!0,gridArea:!0,gridRow:!0,gridRowEnd:!0,gridRowSpan:!0,gridRowStart:!0,gridColumn:!0,gridColumnEnd:!0,gridColumnSpan:!0,gridColumnStart:!0,fontWeight:!0,lineClamp:!0,lineHeight:!0,opacity:!0,order:!0,orphans:!0,tabSize:!0,widows:!0,zIndex:!0,zoom:!0,fillOpacity:!0,floodOpacity:!0,stopOpacity:!0,strokeDasharray:!0,strokeDashoffset:!0,strokeMiterlimit:!0,strokeOpacity:!0,strokeWidth:!0},me=["Webkit","ms","Moz","O"];function he(e,t,n){return null==t||"boolean"==typeof t||""===t?"":n||"number"!=typeof t||0===t||fe.hasOwnProperty(e)&&fe[e]?(""+t).trim():t+"px"}function ge(e,t){for(var n in e=e.style,t)if(t.hasOwnProperty(n)){var r=0===n.indexOf("--"),o=he(n,t[n],r);"float"===n&&(n="cssFloat"),r?e.setProperty(n,o):e[n]=o}}Object.keys(fe).forEach((function(e){me.forEach((function(t){t=t+e.charAt(0).toUpperCase()+e.substring(1),fe[t]=fe[e]}))}));var be=M({menuitem:!0},{area:!0,base:!0,br:!0,col:!0,embed:!0,hr:!0,img:!0,input:!0,keygen:!0,link:!0,meta:!0,param:!0,source:!0,track:!0,wbr:!0});function ye(e,t){if(t){if(be[e]&&(null!=t.children||null!=t.dangerouslySetInnerHTML))throw Error(a(137,e));if(null!=t.dangerouslySetInnerHTML){if(null!=t.children)throw Error(a(60));if("object"!=typeof t.dangerouslySetInnerHTML||!("__html"in t.dangerouslySetInnerHTML))throw Error(a(61))}if(null!=t.style&&"object"!=typeof t.style)throw Error(a(62))}}function ve(e,t){if(-1===e.indexOf("-"))return"string"==typeof t.is;switch(e){case"annotation-xml":case"color-profile":case"font-face":case"font-face-src":case"font-face-uri":case"font-face-format":case"font-face-name":case"missing-glyph":return!1;default:return!0}}var we=null;function ke(e){return(e=e.target||e.srcElement||window).correspondingUseElement&&(e=e.correspondingUseElement),3===e.nodeType?e.parentNode:e}var Se=null,xe=null,Ee=null;function _e(e){if(e=wo(e)){if("function"!=typeof Se)throw Error(a(280));var t=e.stateNode;t&&(t=So(t),Se(e.stateNode,e.type,t))}}function Ce(e){xe?Ee?Ee.push(e):Ee=[e]:xe=e}function je(){if(xe){var e=xe,t=Ee;if(Ee=xe=null,_e(e),t)for(e=0;e<t.length;e++)_e(t[e])}}function Oe(e,t){return e(t)}function Ae(){}var Te=!1;function Pe(e,t,n){if(Te)return e(t,n);Te=!0;try{return Oe(e,t,n)}finally{Te=!1,(null!==xe||null!==Ee)&&(Ae(),je())}}function Le(e,t){var n=e.stateNode;if(null===n)return null;var r=So(n);if(null===r)return null;n=r[t];e:switch(t){case"onClick":case"onClickCapture":case"onDoubleClick":case"onDoubleClickCapture":case"onMouseDown":case"onMouseDownCapture":case"onMouseMove":case"onMouseMoveCapture":case"onMouseUp":case"onMouseUpCapture":case"onMouseEnter":(r=!r.disabled)||(r=!("button"===(e=e.type)||"input"===e||"select"===e||"textarea"===e)),e=!r;break e;default:e=!1}if(e)return null;if(n&&"function"!=typeof n)throw Error(a(231,t,typeof n));return n}var Ie=!1;if(u)try{var Ne={};Object.defineProperty(Ne,"passive",{get:function(){Ie=!0}}),window.addEventListener("test",Ne,Ne),window.removeEventListener("test",Ne,Ne)}catch(ue){Ie=!1}function Re(e,t,n,r,o,a,i,s,l){var c=Array.prototype.slice.call(arguments,3);try{t.apply(n,c)}catch(u){this.onError(u)}}var De=!1,Me=null,Fe=!1,ze=null,Be={onError:function(e){De=!0,Me=e}};function Ue(e,t,n,r,o,a,i,s,l){De=!1,Me=null,Re.apply(Be,arguments)}function qe(e){var t=e,n=e;if(e.alternate)for(;t.return;)t=t.return;else{e=t;do{!!(4098&(t=e).flags)&&(n=t.return),e=t.return}while(e)}return 3===t.tag?n:null}function $e(e){if(13===e.tag){var t=e.memoizedState;if(null===t&&(null!==(e=e.alternate)&&(t=e.memoizedState)),null!==t)return t.dehydrated}return null}function He(e){if(qe(e)!==e)throw Error(a(188))}function Ve(e){return null!==(e=function(e){var t=e.alternate;if(!t){if(null===(t=qe(e)))throw Error(a(188));return t!==e?null:e}for(var n=e,r=t;;){var o=n.return;if(null===o)break;var i=o.alternate;if(null===i){if(null!==(r=o.return)){n=r;continue}break}if(o.child===i.child){for(i=o.child;i;){if(i===n)return He(o),e;if(i===r)return He(o),t;i=i.sibling}throw Error(a(188))}if(n.return!==r.return)n=o,r=i;else{for(var s=!1,l=o.child;l;){if(l===n){s=!0,n=o,r=i;break}if(l===r){s=!0,r=o,n=i;break}l=l.sibling}if(!s){for(l=i.child;l;){if(l===n){s=!0,n=i,r=o;break}if(l===r){s=!0,r=i,n=o;break}l=l.sibling}if(!s)throw Error(a(189))}}if(n.alternate!==r)throw Error(a(190))}if(3!==n.tag)throw Error(a(188));return n.stateNode.current===n?e:t}(e))?Ge(e):null}function Ge(e){if(5===e.tag||6===e.tag)return e;for(e=e.child;null!==e;){var t=Ge(e);if(null!==t)return t;e=e.sibling}return null}var We=o.unstable_scheduleCallback,Ke=o.unstable_cancelCallback,Qe=o.unstable_shouldYield,Ye=o.unstable_requestPaint,Ze=o.unstable_now,Je=o.unstable_getCurrentPriorityLevel,Xe=o.unstable_ImmediatePriority,et=o.unstable_UserBlockingPriority,tt=o.unstable_NormalPriority,nt=o.unstable_LowPriority,rt=o.unstable_IdlePriority,ot=null,at=null;var it=Math.clz32?Math.clz32:function(e){return e>>>=0,0===e?32:31-(st(e)/lt|0)|0},st=Math.log,lt=Math.LN2;var ct=64,ut=4194304;function dt(e){switch(e&-e){case 1:return 1;case 2:return 2;case 4:return 4;case 8:return 8;case 16:return 16;case 32:return 32;case 64:case 128:case 256:case 512:case 1024:case 2048:case 4096:case 8192:case 16384:case 32768:case 65536:case 131072:case 262144:case 524288:case 1048576:case 2097152:return 4194240&e;case 4194304:case 8388608:case 16777216:case 33554432:case 67108864:return 130023424&e;case 134217728:return 134217728;case 268435456:return 268435456;case 536870912:return 536870912;case 1073741824:return 1073741824;default:return e}}function pt(e,t){var n=e.pendingLanes;if(0===n)return 0;var r=0,o=e.suspendedLanes,a=e.pingedLanes,i=268435455&n;if(0!==i){var s=i&~o;0!==s?r=dt(s):0!==(a&=i)&&(r=dt(a))}else 0!==(i=n&~o)?r=dt(i):0!==a&&(r=dt(a));if(0===r)return 0;if(0!==t&&t!==r&&!(t&o)&&((o=r&-r)>=(a=t&-t)||16===o&&4194240&a))return t;if(4&r&&(r|=16&n),0!==(t=e.entangledLanes))for(e=e.entanglements,t&=r;0<t;)o=1<<(n=31-it(t)),r|=e[n],t&=~o;return r}function ft(e,t){switch(e){case 1:case 2:case 4:return t+250;case 8:case 16:case 32:case 64:case 128:case 256:case 512:case 1024:case 2048:case 4096:case 8192:case 16384:case 32768:case 65536:case 131072:case 262144:case 524288:case 1048576:case 2097152:return t+5e3;default:return-1}}function mt(e){return 0!==(e=-1073741825&e.pendingLanes)?e:1073741824&e?1073741824:0}function ht(){var e=ct;return!(4194240&(ct<<=1))&&(ct=64),e}function gt(e){for(var t=[],n=0;31>n;n++)t.push(e);return t}function bt(e,t,n){e.pendingLanes|=t,536870912!==t&&(e.suspendedLanes=0,e.pingedLanes=0),(e=e.eventTimes)[t=31-it(t)]=n}function yt(e,t){var n=e.entangledLanes|=t;for(e=e.entanglements;n;){var r=31-it(n),o=1<<r;o&t|e[r]&t&&(e[r]|=t),n&=~o}}var vt=0;function wt(e){return 1<(e&=-e)?4<e?268435455&e?16:536870912:4:1}var kt,St,xt,Et,_t,Ct=!1,jt=[],Ot=null,At=null,Tt=null,Pt=new Map,Lt=new Map,It=[],Nt="mousedown mouseup touchcancel touchend touchstart auxclick dblclick pointercancel pointerdown pointerup dragend dragstart drop compositionend compositionstart keydown keypress keyup input textInput copy cut paste click change contextmenu reset submit".split(" ");function Rt(e,t){switch(e){case"focusin":case"focusout":Ot=null;break;case"dragenter":case"dragleave":At=null;break;case"mouseover":case"mouseout":Tt=null;break;case"pointerover":case"pointerout":Pt.delete(t.pointerId);break;case"gotpointercapture":case"lostpointercapture":Lt.delete(t.pointerId)}}function Dt(e,t,n,r,o,a){return null===e||e.nativeEvent!==a?(e={blockedOn:t,domEventName:n,eventSystemFlags:r,nativeEvent:a,targetContainers:[o]},null!==t&&(null!==(t=wo(t))&&St(t)),e):(e.eventSystemFlags|=r,t=e.targetContainers,null!==o&&-1===t.indexOf(o)&&t.push(o),e)}function Mt(e){var t=vo(e.target);if(null!==t){var n=qe(t);if(null!==n)if(13===(t=n.tag)){if(null!==(t=$e(n)))return e.blockedOn=t,void _t(e.priority,(function(){xt(n)}))}else if(3===t&&n.stateNode.current.memoizedState.isDehydrated)return void(e.blockedOn=3===n.tag?n.stateNode.containerInfo:null)}e.blockedOn=null}function Ft(e){if(null!==e.blockedOn)return!1;for(var t=e.targetContainers;0<t.length;){var n=Qt(e.domEventName,e.eventSystemFlags,t[0],e.nativeEvent);if(null!==n)return null!==(t=wo(n))&&St(t),e.blockedOn=n,!1;var r=new(n=e.nativeEvent).constructor(n.type,n);we=r,n.target.dispatchEvent(r),we=null,t.shift()}return!0}function zt(e,t,n){Ft(e)&&n.delete(t)}function Bt(){Ct=!1,null!==Ot&&Ft(Ot)&&(Ot=null),null!==At&&Ft(At)&&(At=null),null!==Tt&&Ft(Tt)&&(Tt=null),Pt.forEach(zt),Lt.forEach(zt)}function Ut(e,t){e.blockedOn===t&&(e.blockedOn=null,Ct||(Ct=!0,o.unstable_scheduleCallback(o.unstable_NormalPriority,Bt)))}function qt(e){function t(t){return Ut(t,e)}if(0<jt.length){Ut(jt[0],e);for(var n=1;n<jt.length;n++){var r=jt[n];r.blockedOn===e&&(r.blockedOn=null)}}for(null!==Ot&&Ut(Ot,e),null!==At&&Ut(At,e),null!==Tt&&Ut(Tt,e),Pt.forEach(t),Lt.forEach(t),n=0;n<It.length;n++)(r=It[n]).blockedOn===e&&(r.blockedOn=null);for(;0<It.length&&null===(n=It[0]).blockedOn;)Mt(n),null===n.blockedOn&&It.shift()}var $t=w.ReactCurrentBatchConfig,Ht=!0;function Vt(e,t,n,r){var o=vt,a=$t.transition;$t.transition=null;try{vt=1,Wt(e,t,n,r)}finally{vt=o,$t.transition=a}}function Gt(e,t,n,r){var o=vt,a=$t.transition;$t.transition=null;try{vt=4,Wt(e,t,n,r)}finally{vt=o,$t.transition=a}}function Wt(e,t,n,r){if(Ht){var o=Qt(e,t,n,r);if(null===o)Hr(e,t,r,Kt,n),Rt(e,r);else if(function(e,t,n,r,o){switch(t){case"focusin":return Ot=Dt(Ot,e,t,n,r,o),!0;case"dragenter":return At=Dt(At,e,t,n,r,o),!0;case"mouseover":return Tt=Dt(Tt,e,t,n,r,o),!0;case"pointerover":var a=o.pointerId;return Pt.set(a,Dt(Pt.get(a)||null,e,t,n,r,o)),!0;case"gotpointercapture":return a=o.pointerId,Lt.set(a,Dt(Lt.get(a)||null,e,t,n,r,o)),!0}return!1}(o,e,t,n,r))r.stopPropagation();else if(Rt(e,r),4&t&&-1<Nt.indexOf(e)){for(;null!==o;){var a=wo(o);if(null!==a&&kt(a),null===(a=Qt(e,t,n,r))&&Hr(e,t,r,Kt,n),a===o)break;o=a}null!==o&&r.stopPropagation()}else Hr(e,t,r,null,n)}}var Kt=null;function Qt(e,t,n,r){if(Kt=null,null!==(e=vo(e=ke(r))))if(null===(t=qe(e)))e=null;else if(13===(n=t.tag)){if(null!==(e=$e(t)))return e;e=null}else if(3===n){if(t.stateNode.current.memoizedState.isDehydrated)return 3===t.tag?t.stateNode.containerInfo:null;e=null}else t!==e&&(e=null);return Kt=e,null}function Yt(e){switch(e){case"cancel":case"click":case"close":case"contextmenu":case"copy":case"cut":case"auxclick":case"dblclick":case"dragend":case"dragstart":case"drop":case"focusin":case"focusout":case"input":case"invalid":case"keydown":case"keypress":case"keyup":case"mousedown":case"mouseup":case"paste":case"pause":case"play":case"pointercancel":case"pointerdown":case"pointerup":case"ratechange":case"reset":case"resize":case"seeked":case"submit":case"touchcancel":case"touchend":case"touchstart":case"volumechange":case"change":case"selectionchange":case"textInput":case"compositionstart":case"compositionend":case"compositionupdate":case"beforeblur":case"afterblur":case"beforeinput":case"blur":case"fullscreenchange":case"focus":case"hashchange":case"popstate":case"select":case"selectstart":return 1;case"drag":case"dragenter":case"dragexit":case"dragleave":case"dragover":case"mousemove":case"mouseout":case"mouseover":case"pointermove":case"pointerout":case"pointerover":case"scroll":case"toggle":case"touchmove":case"wheel":case"mouseenter":case"mouseleave":case"pointerenter":case"pointerleave":return 4;case"message":switch(Je()){case Xe:return 1;case et:return 4;case tt:case nt:return 16;case rt:return 536870912;default:return 16}default:return 16}}var Zt=null,Jt=null,Xt=null;function en(){if(Xt)return Xt;var e,t,n=Jt,r=n.length,o="value"in Zt?Zt.value:Zt.textContent,a=o.length;for(e=0;e<r&&n[e]===o[e];e++);var i=r-e;for(t=1;t<=i&&n[r-t]===o[a-t];t++);return Xt=o.slice(e,1<t?1-t:void 0)}function tn(e){var t=e.keyCode;return"charCode"in e?0===(e=e.charCode)&&13===t&&(e=13):e=t,10===e&&(e=13),32<=e||13===e?e:0}function nn(){return!0}function rn(){return!1}function on(e){function t(t,n,r,o,a){for(var i in this._reactName=t,this._targetInst=r,this.type=n,this.nativeEvent=o,this.target=a,this.currentTarget=null,e)e.hasOwnProperty(i)&&(t=e[i],this[i]=t?t(o):o[i]);return this.isDefaultPrevented=(null!=o.defaultPrevented?o.defaultPrevented:!1===o.returnValue)?nn:rn,this.isPropagationStopped=rn,this}return M(t.prototype,{preventDefault:function(){this.defaultPrevented=!0;var e=this.nativeEvent;e&&(e.preventDefault?e.preventDefault():"unknown"!=typeof e.returnValue&&(e.returnValue=!1),this.isDefaultPrevented=nn)},stopPropagation:function(){var e=this.nativeEvent;e&&(e.stopPropagation?e.stopPropagation():"unknown"!=typeof e.cancelBubble&&(e.cancelBubble=!0),this.isPropagationStopped=nn)},persist:function(){},isPersistent:nn}),t}var an,sn,ln,cn={eventPhase:0,bubbles:0,cancelable:0,timeStamp:function(e){return e.timeStamp||Date.now()},defaultPrevented:0,isTrusted:0},un=on(cn),dn=M({},cn,{view:0,detail:0}),pn=on(dn),fn=M({},dn,{screenX:0,screenY:0,clientX:0,clientY:0,pageX:0,pageY:0,ctrlKey:0,shiftKey:0,altKey:0,metaKey:0,getModifierState:_n,button:0,buttons:0,relatedTarget:function(e){return void 0===e.relatedTarget?e.fromElement===e.srcElement?e.toElement:e.fromElement:e.relatedTarget},movementX:function(e){return"movementX"in e?e.movementX:(e!==ln&&(ln&&"mousemove"===e.type?(an=e.screenX-ln.screenX,sn=e.screenY-ln.screenY):sn=an=0,ln=e),an)},movementY:function(e){return"movementY"in e?e.movementY:sn}}),mn=on(fn),hn=on(M({},fn,{dataTransfer:0})),gn=on(M({},dn,{relatedTarget:0})),bn=on(M({},cn,{animationName:0,elapsedTime:0,pseudoElement:0})),yn=M({},cn,{clipboardData:function(e){return"clipboardData"in e?e.clipboardData:window.clipboardData}}),vn=on(yn),wn=on(M({},cn,{data:0})),kn={Esc:"Escape",Spacebar:" ",Left:"ArrowLeft",Up:"ArrowUp",Right:"ArrowRight",Down:"ArrowDown",Del:"Delete",Win:"OS",Menu:"ContextMenu",Apps:"ContextMenu",Scroll:"ScrollLock",MozPrintableKey:"Unidentified"},Sn={8:"Backspace",9:"Tab",12:"Clear",13:"Enter",16:"Shift",17:"Control",18:"Alt",19:"Pause",20:"CapsLock",27:"Escape",32:" ",33:"PageUp",34:"PageDown",35:"End",36:"Home",37:"ArrowLeft",38:"ArrowUp",39:"ArrowRight",40:"ArrowDown",45:"Insert",46:"Delete",112:"F1",113:"F2",114:"F3",115:"F4",116:"F5",117:"F6",118:"F7",119:"F8",120:"F9",121:"F10",122:"F11",123:"F12",144:"NumLock",145:"ScrollLock",224:"Meta"},xn={Alt:"altKey",Control:"ctrlKey",Meta:"metaKey",Shift:"shiftKey"};function En(e){var t=this.nativeEvent;return t.getModifierState?t.getModifierState(e):!!(e=xn[e])&&!!t[e]}function _n(){return En}var Cn=M({},dn,{key:function(e){if(e.key){var t=kn[e.key]||e.key;if("Unidentified"!==t)return t}return"keypress"===e.type?13===(e=tn(e))?"Enter":String.fromCharCode(e):"keydown"===e.type||"keyup"===e.type?Sn[e.keyCode]||"Unidentified":""},code:0,location:0,ctrlKey:0,shiftKey:0,altKey:0,metaKey:0,repeat:0,locale:0,getModifierState:_n,charCode:function(e){return"keypress"===e.type?tn(e):0},keyCode:function(e){return"keydown"===e.type||"keyup"===e.type?e.keyCode:0},which:function(e){return"keypress"===e.type?tn(e):"keydown"===e.type||"keyup"===e.type?e.keyCode:0}}),jn=on(Cn),On=on(M({},fn,{pointerId:0,width:0,height:0,pressure:0,tangentialPressure:0,tiltX:0,tiltY:0,twist:0,pointerType:0,isPrimary:0})),An=on(M({},dn,{touches:0,targetTouches:0,changedTouches:0,altKey:0,metaKey:0,ctrlKey:0,shiftKey:0,getModifierState:_n})),Tn=on(M({},cn,{propertyName:0,elapsedTime:0,pseudoElement:0})),Pn=M({},fn,{deltaX:function(e){return"deltaX"in e?e.deltaX:"wheelDeltaX"in e?-e.wheelDeltaX:0},deltaY:function(e){return"deltaY"in e?e.deltaY:"wheelDeltaY"in e?-e.wheelDeltaY:"wheelDelta"in e?-e.wheelDelta:0},deltaZ:0,deltaMode:0}),Ln=on(Pn),In=[9,13,27,32],Nn=u&&"CompositionEvent"in window,Rn=null;u&&"documentMode"in document&&(Rn=document.documentMode);var Dn=u&&"TextEvent"in window&&!Rn,Mn=u&&(!Nn||Rn&&8<Rn&&11>=Rn),Fn=String.fromCharCode(32),zn=!1;function Bn(e,t){switch(e){case"keyup":return-1!==In.indexOf(t.keyCode);case"keydown":return 229!==t.keyCode;case"keypress":case"mousedown":case"focusout":return!0;default:return!1}}function Un(e){return"object"==typeof(e=e.detail)&&"data"in e?e.data:null}var qn=!1;var $n={color:!0,date:!0,datetime:!0,"datetime-local":!0,email:!0,month:!0,number:!0,password:!0,range:!0,search:!0,tel:!0,text:!0,time:!0,url:!0,week:!0};function Hn(e){var t=e&&e.nodeName&&e.nodeName.toLowerCase();return"input"===t?!!$n[e.type]:"textarea"===t}function Vn(e,t,n,r){Ce(r),0<(t=Gr(t,"onChange")).length&&(n=new un("onChange","change",null,n,r),e.push({event:n,listeners:t}))}var Gn=null,Wn=null;function Kn(e){Fr(e,0)}function Qn(e){if(W(ko(e)))return e}function Yn(e,t){if("change"===e)return t}var Zn=!1;if(u){var Jn;if(u){var Xn="oninput"in document;if(!Xn){var er=document.createElement("div");er.setAttribute("oninput","return;"),Xn="function"==typeof er.oninput}Jn=Xn}else Jn=!1;Zn=Jn&&(!document.documentMode||9<document.documentMode)}function tr(){Gn&&(Gn.detachEvent("onpropertychange",nr),Wn=Gn=null)}function nr(e){if("value"===e.propertyName&&Qn(Wn)){var t=[];Vn(t,Wn,e,ke(e)),Pe(Kn,t)}}function rr(e,t,n){"focusin"===e?(tr(),Wn=n,(Gn=t).attachEvent("onpropertychange",nr)):"focusout"===e&&tr()}function or(e){if("selectionchange"===e||"keyup"===e||"keydown"===e)return Qn(Wn)}function ar(e,t){if("click"===e)return Qn(t)}function ir(e,t){if("input"===e||"change"===e)return Qn(t)}var sr="function"==typeof Object.is?Object.is:function(e,t){return e===t&&(0!==e||1/e==1/t)||e!=e&&t!=t};function lr(e,t){if(sr(e,t))return!0;if("object"!=typeof e||null===e||"object"!=typeof t||null===t)return!1;var n=Object.keys(e),r=Object.keys(t);if(n.length!==r.length)return!1;for(r=0;r<n.length;r++){var o=n[r];if(!d.call(t,o)||!sr(e[o],t[o]))return!1}return!0}function cr(e){for(;e&&e.firstChild;)e=e.firstChild;return e}function ur(e,t){var n,r=cr(e);for(e=0;r;){if(3===r.nodeType){if(n=e+r.textContent.length,e<=t&&n>=t)return{node:r,offset:t-e};e=n}e:{for(;r;){if(r.nextSibling){r=r.nextSibling;break e}r=r.parentNode}r=void 0}r=cr(r)}}function dr(e,t){return!(!e||!t)&&(e===t||(!e||3!==e.nodeType)&&(t&&3===t.nodeType?dr(e,t.parentNode):"contains"in e?e.contains(t):!!e.compareDocumentPosition&&!!(16&e.compareDocumentPosition(t))))}function pr(){for(var e=window,t=K();t instanceof e.HTMLIFrameElement;){try{var n="string"==typeof t.contentWindow.location.href}catch(r){n=!1}if(!n)break;t=K((e=t.contentWindow).document)}return t}function fr(e){var t=e&&e.nodeName&&e.nodeName.toLowerCase();return t&&("input"===t&&("text"===e.type||"search"===e.type||"tel"===e.type||"url"===e.type||"password"===e.type)||"textarea"===t||"true"===e.contentEditable)}function mr(e){var t=pr(),n=e.focusedElem,r=e.selectionRange;if(t!==n&&n&&n.ownerDocument&&dr(n.ownerDocument.documentElement,n)){if(null!==r&&fr(n))if(t=r.start,void 0===(e=r.end)&&(e=t),"selectionStart"in n)n.selectionStart=t,n.selectionEnd=Math.min(e,n.value.length);else if((e=(t=n.ownerDocument||document)&&t.defaultView||window).getSelection){e=e.getSelection();var o=n.textContent.length,a=Math.min(r.start,o);r=void 0===r.end?a:Math.min(r.end,o),!e.extend&&a>r&&(o=r,r=a,a=o),o=ur(n,a);var i=ur(n,r);o&&i&&(1!==e.rangeCount||e.anchorNode!==o.node||e.anchorOffset!==o.offset||e.focusNode!==i.node||e.focusOffset!==i.offset)&&((t=t.createRange()).setStart(o.node,o.offset),e.removeAllRanges(),a>r?(e.addRange(t),e.extend(i.node,i.offset)):(t.setEnd(i.node,i.offset),e.addRange(t)))}for(t=[],e=n;e=e.parentNode;)1===e.nodeType&&t.push({element:e,left:e.scrollLeft,top:e.scrollTop});for("function"==typeof n.focus&&n.focus(),n=0;n<t.length;n++)(e=t[n]).element.scrollLeft=e.left,e.element.scrollTop=e.top}}var hr=u&&"documentMode"in document&&11>=document.documentMode,gr=null,br=null,yr=null,vr=!1;function wr(e,t,n){var r=n.window===n?n.document:9===n.nodeType?n:n.ownerDocument;vr||null==gr||gr!==K(r)||("selectionStart"in(r=gr)&&fr(r)?r={start:r.selectionStart,end:r.selectionEnd}:r={anchorNode:(r=(r.ownerDocument&&r.ownerDocument.defaultView||window).getSelection()).anchorNode,anchorOffset:r.anchorOffset,focusNode:r.focusNode,focusOffset:r.focusOffset},yr&&lr(yr,r)||(yr=r,0<(r=Gr(br,"onSelect")).length&&(t=new un("onSelect","select",null,t,n),e.push({event:t,listeners:r}),t.target=gr)))}function kr(e,t){var n={};return n[e.toLowerCase()]=t.toLowerCase(),n["Webkit"+e]="webkit"+t,n["Moz"+e]="moz"+t,n}var Sr={animationend:kr("Animation","AnimationEnd"),animationiteration:kr("Animation","AnimationIteration"),animationstart:kr("Animation","AnimationStart"),transitionend:kr("Transition","TransitionEnd")},xr={},Er={};function _r(e){if(xr[e])return xr[e];if(!Sr[e])return e;var t,n=Sr[e];for(t in n)if(n.hasOwnProperty(t)&&t in Er)return xr[e]=n[t];return e}u&&(Er=document.createElement("div").style,"AnimationEvent"in window||(delete Sr.animationend.animation,delete Sr.animationiteration.animation,delete Sr.animationstart.animation),"TransitionEvent"in window||delete Sr.transitionend.transition);var Cr=_r("animationend"),jr=_r("animationiteration"),Or=_r("animationstart"),Ar=_r("transitionend"),Tr=new Map,Pr="abort auxClick cancel canPlay canPlayThrough click close contextMenu copy cut drag dragEnd dragEnter dragExit dragLeave dragOver dragStart drop durationChange emptied encrypted ended error gotPointerCapture input invalid keyDown keyPress keyUp load loadedData loadedMetadata loadStart lostPointerCapture mouseDown mouseMove mouseOut mouseOver mouseUp paste pause play playing pointerCancel pointerDown pointerMove pointerOut pointerOver pointerUp progress rateChange reset resize seeked seeking stalled submit suspend timeUpdate touchCancel touchEnd touchStart volumeChange scroll toggle touchMove waiting wheel".split(" ");function Lr(e,t){Tr.set(e,t),l(t,[e])}for(var Ir=0;Ir<Pr.length;Ir++){var Nr=Pr[Ir];Lr(Nr.toLowerCase(),"on"+(Nr[0].toUpperCase()+Nr.slice(1)))}Lr(Cr,"onAnimationEnd"),Lr(jr,"onAnimationIteration"),Lr(Or,"onAnimationStart"),Lr("dblclick","onDoubleClick"),Lr("focusin","onFocus"),Lr("focusout","onBlur"),Lr(Ar,"onTransitionEnd"),c("onMouseEnter",["mouseout","mouseover"]),c("onMouseLeave",["mouseout","mouseover"]),c("onPointerEnter",["pointerout","pointerover"]),c("onPointerLeave",["pointerout","pointerover"]),l("onChange","change click focusin focusout input keydown keyup selectionchange".split(" ")),l("onSelect","focusout contextmenu dragend focusin keydown keyup mousedown mouseup selectionchange".split(" ")),l("onBeforeInput",["compositionend","keypress","textInput","paste"]),l("onCompositionEnd","compositionend focusout keydown keypress keyup mousedown".split(" ")),l("onCompositionStart","compositionstart focusout keydown keypress keyup mousedown".split(" ")),l("onCompositionUpdate","compositionupdate focusout keydown keypress keyup mousedown".split(" "));var Rr="abort canplay canplaythrough durationchange emptied encrypted ended error loadeddata loadedmetadata loadstart pause play playing progress ratechange resize seeked seeking stalled suspend timeupdate volumechange waiting".split(" "),Dr=new Set("cancel close invalid load scroll toggle".split(" ").concat(Rr));function Mr(e,t,n){var r=e.type||"unknown-event";e.currentTarget=n,function(e,t,n,r,o,i,s,l,c){if(Ue.apply(this,arguments),De){if(!De)throw Error(a(198));var u=Me;De=!1,Me=null,Fe||(Fe=!0,ze=u)}}(r,t,void 0,e),e.currentTarget=null}function Fr(e,t){t=!!(4&t);for(var n=0;n<e.length;n++){var r=e[n],o=r.event;r=r.listeners;e:{var a=void 0;if(t)for(var i=r.length-1;0<=i;i--){var s=r[i],l=s.instance,c=s.currentTarget;if(s=s.listener,l!==a&&o.isPropagationStopped())break e;Mr(o,s,c),a=l}else for(i=0;i<r.length;i++){if(l=(s=r[i]).instance,c=s.currentTarget,s=s.listener,l!==a&&o.isPropagationStopped())break e;Mr(o,s,c),a=l}}}if(Fe)throw e=ze,Fe=!1,ze=null,e}function zr(e,t){var n=t[go];void 0===n&&(n=t[go]=new Set);var r=e+"__bubble";n.has(r)||($r(t,e,2,!1),n.add(r))}function Br(e,t,n){var r=0;t&&(r|=4),$r(n,e,r,t)}var Ur="_reactListening"+Math.random().toString(36).slice(2);function qr(e){if(!e[Ur]){e[Ur]=!0,i.forEach((function(t){"selectionchange"!==t&&(Dr.has(t)||Br(t,!1,e),Br(t,!0,e))}));var t=9===e.nodeType?e:e.ownerDocument;null===t||t[Ur]||(t[Ur]=!0,Br("selectionchange",!1,t))}}function $r(e,t,n,r){switch(Yt(t)){case 1:var o=Vt;break;case 4:o=Gt;break;default:o=Wt}n=o.bind(null,t,n,e),o=void 0,!Ie||"touchstart"!==t&&"touchmove"!==t&&"wheel"!==t||(o=!0),r?void 0!==o?e.addEventListener(t,n,{capture:!0,passive:o}):e.addEventListener(t,n,!0):void 0!==o?e.addEventListener(t,n,{passive:o}):e.addEventListener(t,n,!1)}function Hr(e,t,n,r,o){var a=r;if(!(1&t||2&t||null===r))e:for(;;){if(null===r)return;var i=r.tag;if(3===i||4===i){var s=r.stateNode.containerInfo;if(s===o||8===s.nodeType&&s.parentNode===o)break;if(4===i)for(i=r.return;null!==i;){var l=i.tag;if((3===l||4===l)&&((l=i.stateNode.containerInfo)===o||8===l.nodeType&&l.parentNode===o))return;i=i.return}for(;null!==s;){if(null===(i=vo(s)))return;if(5===(l=i.tag)||6===l){r=a=i;continue e}s=s.parentNode}}r=r.return}Pe((function(){var r=a,o=ke(n),i=[];e:{var s=Tr.get(e);if(void 0!==s){var l=un,c=e;switch(e){case"keypress":if(0===tn(n))break e;case"keydown":case"keyup":l=jn;break;case"focusin":c="focus",l=gn;break;case"focusout":c="blur",l=gn;break;case"beforeblur":case"afterblur":l=gn;break;case"click":if(2===n.button)break e;case"auxclick":case"dblclick":case"mousedown":case"mousemove":case"mouseup":case"mouseout":case"mouseover":case"contextmenu":l=mn;break;case"drag":case"dragend":case"dragenter":case"dragexit":case"dragleave":case"dragover":case"dragstart":case"drop":l=hn;break;case"touchcancel":case"touchend":case"touchmove":case"touchstart":l=An;break;case Cr:case jr:case Or:l=bn;break;case Ar:l=Tn;break;case"scroll":l=pn;break;case"wheel":l=Ln;break;case"copy":case"cut":case"paste":l=vn;break;case"gotpointercapture":case"lostpointercapture":case"pointercancel":case"pointerdown":case"pointermove":case"pointerout":case"pointerover":case"pointerup":l=On}var u=!!(4&t),d=!u&&"scroll"===e,p=u?null!==s?s+"Capture":null:s;u=[];for(var f,m=r;null!==m;){var h=(f=m).stateNode;if(5===f.tag&&null!==h&&(f=h,null!==p&&(null!=(h=Le(m,p))&&u.push(Vr(m,h,f)))),d)break;m=m.return}0<u.length&&(s=new l(s,c,null,n,o),i.push({event:s,listeners:u}))}}if(!(7&t)){if(l="mouseout"===e||"pointerout"===e,(!(s="mouseover"===e||"pointerover"===e)||n===we||!(c=n.relatedTarget||n.fromElement)||!vo(c)&&!c[ho])&&(l||s)&&(s=o.window===o?o:(s=o.ownerDocument)?s.defaultView||s.parentWindow:window,l?(l=r,null!==(c=(c=n.relatedTarget||n.toElement)?vo(c):null)&&(c!==(d=qe(c))||5!==c.tag&&6!==c.tag)&&(c=null)):(l=null,c=r),l!==c)){if(u=mn,h="onMouseLeave",p="onMouseEnter",m="mouse","pointerout"!==e&&"pointerover"!==e||(u=On,h="onPointerLeave",p="onPointerEnter",m="pointer"),d=null==l?s:ko(l),f=null==c?s:ko(c),(s=new u(h,m+"leave",l,n,o)).target=d,s.relatedTarget=f,h=null,vo(o)===r&&((u=new u(p,m+"enter",c,n,o)).target=f,u.relatedTarget=d,h=u),d=h,l&&c)e:{for(p=c,m=0,f=u=l;f;f=Wr(f))m++;for(f=0,h=p;h;h=Wr(h))f++;for(;0<m-f;)u=Wr(u),m--;for(;0<f-m;)p=Wr(p),f--;for(;m--;){if(u===p||null!==p&&u===p.alternate)break e;u=Wr(u),p=Wr(p)}u=null}else u=null;null!==l&&Kr(i,s,l,u,!1),null!==c&&null!==d&&Kr(i,d,c,u,!0)}if("select"===(l=(s=r?ko(r):window).nodeName&&s.nodeName.toLowerCase())||"input"===l&&"file"===s.type)var g=Yn;else if(Hn(s))if(Zn)g=ir;else{g=or;var b=rr}else(l=s.nodeName)&&"input"===l.toLowerCase()&&("checkbox"===s.type||"radio"===s.type)&&(g=ar);switch(g&&(g=g(e,r))?Vn(i,g,n,o):(b&&b(e,s,r),"focusout"===e&&(b=s._wrapperState)&&b.controlled&&"number"===s.type&&ee(s,"number",s.value)),b=r?ko(r):window,e){case"focusin":(Hn(b)||"true"===b.contentEditable)&&(gr=b,br=r,yr=null);break;case"focusout":yr=br=gr=null;break;case"mousedown":vr=!0;break;case"contextmenu":case"mouseup":case"dragend":vr=!1,wr(i,n,o);break;case"selectionchange":if(hr)break;case"keydown":case"keyup":wr(i,n,o)}var y;if(Nn)e:{switch(e){case"compositionstart":var v="onCompositionStart";break e;case"compositionend":v="onCompositionEnd";break e;case"compositionupdate":v="onCompositionUpdate";break e}v=void 0}else qn?Bn(e,n)&&(v="onCompositionEnd"):"keydown"===e&&229===n.keyCode&&(v="onCompositionStart");v&&(Mn&&"ko"!==n.locale&&(qn||"onCompositionStart"!==v?"onCompositionEnd"===v&&qn&&(y=en()):(Jt="value"in(Zt=o)?Zt.value:Zt.textContent,qn=!0)),0<(b=Gr(r,v)).length&&(v=new wn(v,e,null,n,o),i.push({event:v,listeners:b}),y?v.data=y:null!==(y=Un(n))&&(v.data=y))),(y=Dn?function(e,t){switch(e){case"compositionend":return Un(t);case"keypress":return 32!==t.which?null:(zn=!0,Fn);case"textInput":return(e=t.data)===Fn&&zn?null:e;default:return null}}(e,n):function(e,t){if(qn)return"compositionend"===e||!Nn&&Bn(e,t)?(e=en(),Xt=Jt=Zt=null,qn=!1,e):null;switch(e){case"paste":default:return null;case"keypress":if(!(t.ctrlKey||t.altKey||t.metaKey)||t.ctrlKey&&t.altKey){if(t.char&&1<t.char.length)return t.char;if(t.which)return String.fromCharCode(t.which)}return null;case"compositionend":return Mn&&"ko"!==t.locale?null:t.data}}(e,n))&&(0<(r=Gr(r,"onBeforeInput")).length&&(o=new wn("onBeforeInput","beforeinput",null,n,o),i.push({event:o,listeners:r}),o.data=y))}Fr(i,t)}))}function Vr(e,t,n){return{instance:e,listener:t,currentTarget:n}}function Gr(e,t){for(var n=t+"Capture",r=[];null!==e;){var o=e,a=o.stateNode;5===o.tag&&null!==a&&(o=a,null!=(a=Le(e,n))&&r.unshift(Vr(e,a,o)),null!=(a=Le(e,t))&&r.push(Vr(e,a,o))),e=e.return}return r}function Wr(e){if(null===e)return null;do{e=e.return}while(e&&5!==e.tag);return e||null}function Kr(e,t,n,r,o){for(var a=t._reactName,i=[];null!==n&&n!==r;){var s=n,l=s.alternate,c=s.stateNode;if(null!==l&&l===r)break;5===s.tag&&null!==c&&(s=c,o?null!=(l=Le(n,a))&&i.unshift(Vr(n,l,s)):o||null!=(l=Le(n,a))&&i.push(Vr(n,l,s))),n=n.return}0!==i.length&&e.push({event:t,listeners:i})}var Qr=/\r\n?/g,Yr=/\u0000|\uFFFD/g;function Zr(e){return("string"==typeof e?e:""+e).replace(Qr,"\n").replace(Yr,"")}function Jr(e,t,n){if(t=Zr(t),Zr(e)!==t&&n)throw Error(a(425))}function Xr(){}var eo=null,to=null;function no(e,t){return"textarea"===e||"noscript"===e||"string"==typeof t.children||"number"==typeof t.children||"object"==typeof t.dangerouslySetInnerHTML&&null!==t.dangerouslySetInnerHTML&&null!=t.dangerouslySetInnerHTML.__html}var ro="function"==typeof setTimeout?setTimeout:void 0,oo="function"==typeof clearTimeout?clearTimeout:void 0,ao="function"==typeof Promise?Promise:void 0,io="function"==typeof queueMicrotask?queueMicrotask:void 0!==ao?function(e){return ao.resolve(null).then(e).catch(so)}:ro;function so(e){setTimeout((function(){throw e}))}function lo(e,t){var n=t,r=0;do{var o=n.nextSibling;if(e.removeChild(n),o&&8===o.nodeType)if("/$"===(n=o.data)){if(0===r)return e.removeChild(o),void qt(t);r--}else"$"!==n&&"$?"!==n&&"$!"!==n||r++;n=o}while(n);qt(t)}function co(e){for(;null!=e;e=e.nextSibling){var t=e.nodeType;if(1===t||3===t)break;if(8===t){if("$"===(t=e.data)||"$!"===t||"$?"===t)break;if("/$"===t)return null}}return e}function uo(e){e=e.previousSibling;for(var t=0;e;){if(8===e.nodeType){var n=e.data;if("$"===n||"$!"===n||"$?"===n){if(0===t)return e;t--}else"/$"===n&&t++}e=e.previousSibling}return null}var po=Math.random().toString(36).slice(2),fo="__reactFiber$"+po,mo="__reactProps$"+po,ho="__reactContainer$"+po,go="__reactEvents$"+po,bo="__reactListeners$"+po,yo="__reactHandles$"+po;function vo(e){var t=e[fo];if(t)return t;for(var n=e.parentNode;n;){if(t=n[ho]||n[fo]){if(n=t.alternate,null!==t.child||null!==n&&null!==n.child)for(e=uo(e);null!==e;){if(n=e[fo])return n;e=uo(e)}return t}n=(e=n).parentNode}return null}function wo(e){return!(e=e[fo]||e[ho])||5!==e.tag&&6!==e.tag&&13!==e.tag&&3!==e.tag?null:e}function ko(e){if(5===e.tag||6===e.tag)return e.stateNode;throw Error(a(33))}function So(e){return e[mo]||null}var xo=[],Eo=-1;function _o(e){return{current:e}}function Co(e){0>Eo||(e.current=xo[Eo],xo[Eo]=null,Eo--)}function jo(e,t){Eo++,xo[Eo]=e.current,e.current=t}var Oo={},Ao=_o(Oo),To=_o(!1),Po=Oo;function Lo(e,t){var n=e.type.contextTypes;if(!n)return Oo;var r=e.stateNode;if(r&&r.__reactInternalMemoizedUnmaskedChildContext===t)return r.__reactInternalMemoizedMaskedChildContext;var o,a={};for(o in n)a[o]=t[o];return r&&((e=e.stateNode).__reactInternalMemoizedUnmaskedChildContext=t,e.__reactInternalMemoizedMaskedChildContext=a),a}function Io(e){return null!=(e=e.childContextTypes)}function No(){Co(To),Co(Ao)}function Ro(e,t,n){if(Ao.current!==Oo)throw Error(a(168));jo(Ao,t),jo(To,n)}function Do(e,t,n){var r=e.stateNode;if(t=t.childContextTypes,"function"!=typeof r.getChildContext)return n;for(var o in r=r.getChildContext())if(!(o in t))throw Error(a(108,$(e)||"Unknown",o));return M({},n,r)}function Mo(e){return e=(e=e.stateNode)&&e.__reactInternalMemoizedMergedChildContext||Oo,Po=Ao.current,jo(Ao,e),jo(To,To.current),!0}function Fo(e,t,n){var r=e.stateNode;if(!r)throw Error(a(169));n?(e=Do(e,t,Po),r.__reactInternalMemoizedMergedChildContext=e,Co(To),Co(Ao),jo(Ao,e)):Co(To),jo(To,n)}var zo=null,Bo=!1,Uo=!1;function qo(e){null===zo?zo=[e]:zo.push(e)}function $o(){if(!Uo&&null!==zo){Uo=!0;var e=0,t=vt;try{var n=zo;for(vt=1;e<n.length;e++){var r=n[e];do{r=r(!0)}while(null!==r)}zo=null,Bo=!1}catch(o){throw null!==zo&&(zo=zo.slice(e+1)),We(Xe,$o),o}finally{vt=t,Uo=!1}}return null}var Ho=[],Vo=0,Go=null,Wo=0,Ko=[],Qo=0,Yo=null,Zo=1,Jo="";function Xo(e,t){Ho[Vo++]=Wo,Ho[Vo++]=Go,Go=e,Wo=t}function ea(e,t,n){Ko[Qo++]=Zo,Ko[Qo++]=Jo,Ko[Qo++]=Yo,Yo=e;var r=Zo;e=Jo;var o=32-it(r)-1;r&=~(1<<o),n+=1;var a=32-it(t)+o;if(30<a){var i=o-o%5;a=(r&(1<<i)-1).toString(32),r>>=i,o-=i,Zo=1<<32-it(t)+o|n<<o|r,Jo=a+e}else Zo=1<<a|n<<o|r,Jo=e}function ta(e){null!==e.return&&(Xo(e,1),ea(e,1,0))}function na(e){for(;e===Go;)Go=Ho[--Vo],Ho[Vo]=null,Wo=Ho[--Vo],Ho[Vo]=null;for(;e===Yo;)Yo=Ko[--Qo],Ko[Qo]=null,Jo=Ko[--Qo],Ko[Qo]=null,Zo=Ko[--Qo],Ko[Qo]=null}var ra=null,oa=null,aa=!1,ia=null;function sa(e,t){var n=Pc(5,null,null,0);n.elementType="DELETED",n.stateNode=t,n.return=e,null===(t=e.deletions)?(e.deletions=[n],e.flags|=16):t.push(n)}function la(e,t){switch(e.tag){case 5:var n=e.type;return null!==(t=1!==t.nodeType||n.toLowerCase()!==t.nodeName.toLowerCase()?null:t)&&(e.stateNode=t,ra=e,oa=co(t.firstChild),!0);case 6:return null!==(t=""===e.pendingProps||3!==t.nodeType?null:t)&&(e.stateNode=t,ra=e,oa=null,!0);case 13:return null!==(t=8!==t.nodeType?null:t)&&(n=null!==Yo?{id:Zo,overflow:Jo}:null,e.memoizedState={dehydrated:t,treeContext:n,retryLane:1073741824},(n=Pc(18,null,null,0)).stateNode=t,n.return=e,e.child=n,ra=e,oa=null,!0);default:return!1}}function ca(e){return!(!(1&e.mode)||128&e.flags)}function ua(e){if(aa){var t=oa;if(t){var n=t;if(!la(e,t)){if(ca(e))throw Error(a(418));t=co(n.nextSibling);var r=ra;t&&la(e,t)?sa(r,n):(e.flags=-4097&e.flags|2,aa=!1,ra=e)}}else{if(ca(e))throw Error(a(418));e.flags=-4097&e.flags|2,aa=!1,ra=e}}}function da(e){for(e=e.return;null!==e&&5!==e.tag&&3!==e.tag&&13!==e.tag;)e=e.return;ra=e}function pa(e){if(e!==ra)return!1;if(!aa)return da(e),aa=!0,!1;var t;if((t=3!==e.tag)&&!(t=5!==e.tag)&&(t="head"!==(t=e.type)&&"body"!==t&&!no(e.type,e.memoizedProps)),t&&(t=oa)){if(ca(e))throw fa(),Error(a(418));for(;t;)sa(e,t),t=co(t.nextSibling)}if(da(e),13===e.tag){if(!(e=null!==(e=e.memoizedState)?e.dehydrated:null))throw Error(a(317));e:{for(e=e.nextSibling,t=0;e;){if(8===e.nodeType){var n=e.data;if("/$"===n){if(0===t){oa=co(e.nextSibling);break e}t--}else"$"!==n&&"$!"!==n&&"$?"!==n||t++}e=e.nextSibling}oa=null}}else oa=ra?co(e.stateNode.nextSibling):null;return!0}function fa(){for(var e=oa;e;)e=co(e.nextSibling)}function ma(){oa=ra=null,aa=!1}function ha(e){null===ia?ia=[e]:ia.push(e)}var ga=w.ReactCurrentBatchConfig;function ba(e,t,n){if(null!==(e=n.ref)&&"function"!=typeof e&&"object"!=typeof e){if(n._owner){if(n=n._owner){if(1!==n.tag)throw Error(a(309));var r=n.stateNode}if(!r)throw Error(a(147,e));var o=r,i=""+e;return null!==t&&null!==t.ref&&"function"==typeof t.ref&&t.ref._stringRef===i?t.ref:(t=function(e){var t=o.refs;null===e?delete t[i]:t[i]=e},t._stringRef=i,t)}if("string"!=typeof e)throw Error(a(284));if(!n._owner)throw Error(a(290,e))}return e}function ya(e,t){throw e=Object.prototype.toString.call(t),Error(a(31,"[object Object]"===e?"object with keys {"+Object.keys(t).join(", ")+"}":e))}function va(e){return(0,e._init)(e._payload)}function wa(e){function t(t,n){if(e){var r=t.deletions;null===r?(t.deletions=[n],t.flags|=16):r.push(n)}}function n(n,r){if(!e)return null;for(;null!==r;)t(n,r),r=r.sibling;return null}function r(e,t){for(e=new Map;null!==t;)null!==t.key?e.set(t.key,t):e.set(t.index,t),t=t.sibling;return e}function o(e,t){return(e=Ic(e,t)).index=0,e.sibling=null,e}function i(t,n,r){return t.index=r,e?null!==(r=t.alternate)?(r=r.index)<n?(t.flags|=2,n):r:(t.flags|=2,n):(t.flags|=1048576,n)}function s(t){return e&&null===t.alternate&&(t.flags|=2),t}function l(e,t,n,r){return null===t||6!==t.tag?((t=Mc(n,e.mode,r)).return=e,t):((t=o(t,n)).return=e,t)}function c(e,t,n,r){var a=n.type;return a===x?d(e,t,n.props.children,r,n.key):null!==t&&(t.elementType===a||"object"==typeof a&&null!==a&&a.$$typeof===L&&va(a)===t.type)?((r=o(t,n.props)).ref=ba(e,t,n),r.return=e,r):((r=Nc(n.type,n.key,n.props,null,e.mode,r)).ref=ba(e,t,n),r.return=e,r)}function u(e,t,n,r){return null===t||4!==t.tag||t.stateNode.containerInfo!==n.containerInfo||t.stateNode.implementation!==n.implementation?((t=Fc(n,e.mode,r)).return=e,t):((t=o(t,n.children||[])).return=e,t)}function d(e,t,n,r,a){return null===t||7!==t.tag?((t=Rc(n,e.mode,r,a)).return=e,t):((t=o(t,n)).return=e,t)}function p(e,t,n){if("string"==typeof t&&""!==t||"number"==typeof t)return(t=Mc(""+t,e.mode,n)).return=e,t;if("object"==typeof t&&null!==t){switch(t.$$typeof){case k:return(n=Nc(t.type,t.key,t.props,null,e.mode,n)).ref=ba(e,null,t),n.return=e,n;case S:return(t=Fc(t,e.mode,n)).return=e,t;case L:return p(e,(0,t._init)(t._payload),n)}if(te(t)||R(t))return(t=Rc(t,e.mode,n,null)).return=e,t;ya(e,t)}return null}function f(e,t,n,r){var o=null!==t?t.key:null;if("string"==typeof n&&""!==n||"number"==typeof n)return null!==o?null:l(e,t,""+n,r);if("object"==typeof n&&null!==n){switch(n.$$typeof){case k:return n.key===o?c(e,t,n,r):null;case S:return n.key===o?u(e,t,n,r):null;case L:return f(e,t,(o=n._init)(n._payload),r)}if(te(n)||R(n))return null!==o?null:d(e,t,n,r,null);ya(e,n)}return null}function m(e,t,n,r,o){if("string"==typeof r&&""!==r||"number"==typeof r)return l(t,e=e.get(n)||null,""+r,o);if("object"==typeof r&&null!==r){switch(r.$$typeof){case k:return c(t,e=e.get(null===r.key?n:r.key)||null,r,o);case S:return u(t,e=e.get(null===r.key?n:r.key)||null,r,o);case L:return m(e,t,n,(0,r._init)(r._payload),o)}if(te(r)||R(r))return d(t,e=e.get(n)||null,r,o,null);ya(t,r)}return null}function h(o,a,s,l){for(var c=null,u=null,d=a,h=a=0,g=null;null!==d&&h<s.length;h++){d.index>h?(g=d,d=null):g=d.sibling;var b=f(o,d,s[h],l);if(null===b){null===d&&(d=g);break}e&&d&&null===b.alternate&&t(o,d),a=i(b,a,h),null===u?c=b:u.sibling=b,u=b,d=g}if(h===s.length)return n(o,d),aa&&Xo(o,h),c;if(null===d){for(;h<s.length;h++)null!==(d=p(o,s[h],l))&&(a=i(d,a,h),null===u?c=d:u.sibling=d,u=d);return aa&&Xo(o,h),c}for(d=r(o,d);h<s.length;h++)null!==(g=m(d,o,h,s[h],l))&&(e&&null!==g.alternate&&d.delete(null===g.key?h:g.key),a=i(g,a,h),null===u?c=g:u.sibling=g,u=g);return e&&d.forEach((function(e){return t(o,e)})),aa&&Xo(o,h),c}function g(o,s,l,c){var u=R(l);if("function"!=typeof u)throw Error(a(150));if(null==(l=u.call(l)))throw Error(a(151));for(var d=u=null,h=s,g=s=0,b=null,y=l.next();null!==h&&!y.done;g++,y=l.next()){h.index>g?(b=h,h=null):b=h.sibling;var v=f(o,h,y.value,c);if(null===v){null===h&&(h=b);break}e&&h&&null===v.alternate&&t(o,h),s=i(v,s,g),null===d?u=v:d.sibling=v,d=v,h=b}if(y.done)return n(o,h),aa&&Xo(o,g),u;if(null===h){for(;!y.done;g++,y=l.next())null!==(y=p(o,y.value,c))&&(s=i(y,s,g),null===d?u=y:d.sibling=y,d=y);return aa&&Xo(o,g),u}for(h=r(o,h);!y.done;g++,y=l.next())null!==(y=m(h,o,g,y.value,c))&&(e&&null!==y.alternate&&h.delete(null===y.key?g:y.key),s=i(y,s,g),null===d?u=y:d.sibling=y,d=y);return e&&h.forEach((function(e){return t(o,e)})),aa&&Xo(o,g),u}return function e(r,a,i,l){if("object"==typeof i&&null!==i&&i.type===x&&null===i.key&&(i=i.props.children),"object"==typeof i&&null!==i){switch(i.$$typeof){case k:e:{for(var c=i.key,u=a;null!==u;){if(u.key===c){if((c=i.type)===x){if(7===u.tag){n(r,u.sibling),(a=o(u,i.props.children)).return=r,r=a;break e}}else if(u.elementType===c||"object"==typeof c&&null!==c&&c.$$typeof===L&&va(c)===u.type){n(r,u.sibling),(a=o(u,i.props)).ref=ba(r,u,i),a.return=r,r=a;break e}n(r,u);break}t(r,u),u=u.sibling}i.type===x?((a=Rc(i.props.children,r.mode,l,i.key)).return=r,r=a):((l=Nc(i.type,i.key,i.props,null,r.mode,l)).ref=ba(r,a,i),l.return=r,r=l)}return s(r);case S:e:{for(u=i.key;null!==a;){if(a.key===u){if(4===a.tag&&a.stateNode.containerInfo===i.containerInfo&&a.stateNode.implementation===i.implementation){n(r,a.sibling),(a=o(a,i.children||[])).return=r,r=a;break e}n(r,a);break}t(r,a),a=a.sibling}(a=Fc(i,r.mode,l)).return=r,r=a}return s(r);case L:return e(r,a,(u=i._init)(i._payload),l)}if(te(i))return h(r,a,i,l);if(R(i))return g(r,a,i,l);ya(r,i)}return"string"==typeof i&&""!==i||"number"==typeof i?(i=""+i,null!==a&&6===a.tag?(n(r,a.sibling),(a=o(a,i)).return=r,r=a):(n(r,a),(a=Mc(i,r.mode,l)).return=r,r=a),s(r)):n(r,a)}}var ka=wa(!0),Sa=wa(!1),xa=_o(null),Ea=null,_a=null,Ca=null;function ja(){Ca=_a=Ea=null}function Oa(e){var t=xa.current;Co(xa),e._currentValue=t}function Aa(e,t,n){for(;null!==e;){var r=e.alternate;if((e.childLanes&t)!==t?(e.childLanes|=t,null!==r&&(r.childLanes|=t)):null!==r&&(r.childLanes&t)!==t&&(r.childLanes|=t),e===n)break;e=e.return}}function Ta(e,t){Ea=e,Ca=_a=null,null!==(e=e.dependencies)&&null!==e.firstContext&&(!!(e.lanes&t)&&(vs=!0),e.firstContext=null)}function Pa(e){var t=e._currentValue;if(Ca!==e)if(e={context:e,memoizedValue:t,next:null},null===_a){if(null===Ea)throw Error(a(308));_a=e,Ea.dependencies={lanes:0,firstContext:e}}else _a=_a.next=e;return t}var La=null;function Ia(e){null===La?La=[e]:La.push(e)}function Na(e,t,n,r){var o=t.interleaved;return null===o?(n.next=n,Ia(t)):(n.next=o.next,o.next=n),t.interleaved=n,Ra(e,r)}function Ra(e,t){e.lanes|=t;var n=e.alternate;for(null!==n&&(n.lanes|=t),n=e,e=e.return;null!==e;)e.childLanes|=t,null!==(n=e.alternate)&&(n.childLanes|=t),n=e,e=e.return;return 3===n.tag?n.stateNode:null}var Da=!1;function Ma(e){e.updateQueue={baseState:e.memoizedState,firstBaseUpdate:null,lastBaseUpdate:null,shared:{pending:null,interleaved:null,lanes:0},effects:null}}function Fa(e,t){e=e.updateQueue,t.updateQueue===e&&(t.updateQueue={baseState:e.baseState,firstBaseUpdate:e.firstBaseUpdate,lastBaseUpdate:e.lastBaseUpdate,shared:e.shared,effects:e.effects})}function za(e,t){return{eventTime:e,lane:t,tag:0,payload:null,callback:null,next:null}}function Ba(e,t,n){var r=e.updateQueue;if(null===r)return null;if(r=r.shared,2&Ol){var o=r.pending;return null===o?t.next=t:(t.next=o.next,o.next=t),r.pending=t,Ra(e,n)}return null===(o=r.interleaved)?(t.next=t,Ia(r)):(t.next=o.next,o.next=t),r.interleaved=t,Ra(e,n)}function Ua(e,t,n){if(null!==(t=t.updateQueue)&&(t=t.shared,4194240&n)){var r=t.lanes;n|=r&=e.pendingLanes,t.lanes=n,yt(e,n)}}function qa(e,t){var n=e.updateQueue,r=e.alternate;if(null!==r&&n===(r=r.updateQueue)){var o=null,a=null;if(null!==(n=n.firstBaseUpdate)){do{var i={eventTime:n.eventTime,lane:n.lane,tag:n.tag,payload:n.payload,callback:n.callback,next:null};null===a?o=a=i:a=a.next=i,n=n.next}while(null!==n);null===a?o=a=t:a=a.next=t}else o=a=t;return n={baseState:r.baseState,firstBaseUpdate:o,lastBaseUpdate:a,shared:r.shared,effects:r.effects},void(e.updateQueue=n)}null===(e=n.lastBaseUpdate)?n.firstBaseUpdate=t:e.next=t,n.lastBaseUpdate=t}function $a(e,t,n,r){var o=e.updateQueue;Da=!1;var a=o.firstBaseUpdate,i=o.lastBaseUpdate,s=o.shared.pending;if(null!==s){o.shared.pending=null;var l=s,c=l.next;l.next=null,null===i?a=c:i.next=c,i=l;var u=e.alternate;null!==u&&((s=(u=u.updateQueue).lastBaseUpdate)!==i&&(null===s?u.firstBaseUpdate=c:s.next=c,u.lastBaseUpdate=l))}if(null!==a){var d=o.baseState;for(i=0,u=c=l=null,s=a;;){var p=s.lane,f=s.eventTime;if((r&p)===p){null!==u&&(u=u.next={eventTime:f,lane:0,tag:s.tag,payload:s.payload,callback:s.callback,next:null});e:{var m=e,h=s;switch(p=t,f=n,h.tag){case 1:if("function"==typeof(m=h.payload)){d=m.call(f,d,p);break e}d=m;break e;case 3:m.flags=-65537&m.flags|128;case 0:if(null==(p="function"==typeof(m=h.payload)?m.call(f,d,p):m))break e;d=M({},d,p);break e;case 2:Da=!0}}null!==s.callback&&0!==s.lane&&(e.flags|=64,null===(p=o.effects)?o.effects=[s]:p.push(s))}else f={eventTime:f,lane:p,tag:s.tag,payload:s.payload,callback:s.callback,next:null},null===u?(c=u=f,l=d):u=u.next=f,i|=p;if(null===(s=s.next)){if(null===(s=o.shared.pending))break;s=(p=s).next,p.next=null,o.lastBaseUpdate=p,o.shared.pending=null}}if(null===u&&(l=d),o.baseState=l,o.firstBaseUpdate=c,o.lastBaseUpdate=u,null!==(t=o.shared.interleaved)){o=t;do{i|=o.lane,o=o.next}while(o!==t)}else null===a&&(o.shared.lanes=0);Dl|=i,e.lanes=i,e.memoizedState=d}}function Ha(e,t,n){if(e=t.effects,t.effects=null,null!==e)for(t=0;t<e.length;t++){var r=e[t],o=r.callback;if(null!==o){if(r.callback=null,r=n,"function"!=typeof o)throw Error(a(191,o));o.call(r)}}}var Va={},Ga=_o(Va),Wa=_o(Va),Ka=_o(Va);function Qa(e){if(e===Va)throw Error(a(174));return e}function Ya(e,t){switch(jo(Ka,t),jo(Wa,e),jo(Ga,Va),e=t.nodeType){case 9:case 11:t=(t=t.documentElement)?t.namespaceURI:le(null,"");break;default:t=le(t=(e=8===e?t.parentNode:t).namespaceURI||null,e=e.tagName)}Co(Ga),jo(Ga,t)}function Za(){Co(Ga),Co(Wa),Co(Ka)}function Ja(e){Qa(Ka.current);var t=Qa(Ga.current),n=le(t,e.type);t!==n&&(jo(Wa,e),jo(Ga,n))}function Xa(e){Wa.current===e&&(Co(Ga),Co(Wa))}var ei=_o(0);function ti(e){for(var t=e;null!==t;){if(13===t.tag){var n=t.memoizedState;if(null!==n&&(null===(n=n.dehydrated)||"$?"===n.data||"$!"===n.data))return t}else if(19===t.tag&&void 0!==t.memoizedProps.revealOrder){if(128&t.flags)return t}else if(null!==t.child){t.child.return=t,t=t.child;continue}if(t===e)break;for(;null===t.sibling;){if(null===t.return||t.return===e)return null;t=t.return}t.sibling.return=t.return,t=t.sibling}return null}var ni=[];function ri(){for(var e=0;e<ni.length;e++)ni[e]._workInProgressVersionPrimary=null;ni.length=0}var oi=w.ReactCurrentDispatcher,ai=w.ReactCurrentBatchConfig,ii=0,si=null,li=null,ci=null,ui=!1,di=!1,pi=0,fi=0;function mi(){throw Error(a(321))}function hi(e,t){if(null===t)return!1;for(var n=0;n<t.length&&n<e.length;n++)if(!sr(e[n],t[n]))return!1;return!0}function gi(e,t,n,r,o,i){if(ii=i,si=t,t.memoizedState=null,t.updateQueue=null,t.lanes=0,oi.current=null===e||null===e.memoizedState?Xi:es,e=n(r,o),di){i=0;do{if(di=!1,pi=0,25<=i)throw Error(a(301));i+=1,ci=li=null,t.updateQueue=null,oi.current=ts,e=n(r,o)}while(di)}if(oi.current=Ji,t=null!==li&&null!==li.next,ii=0,ci=li=si=null,ui=!1,t)throw Error(a(300));return e}function bi(){var e=0!==pi;return pi=0,e}function yi(){var e={memoizedState:null,baseState:null,baseQueue:null,queue:null,next:null};return null===ci?si.memoizedState=ci=e:ci=ci.next=e,ci}function vi(){if(null===li){var e=si.alternate;e=null!==e?e.memoizedState:null}else e=li.next;var t=null===ci?si.memoizedState:ci.next;if(null!==t)ci=t,li=e;else{if(null===e)throw Error(a(310));e={memoizedState:(li=e).memoizedState,baseState:li.baseState,baseQueue:li.baseQueue,queue:li.queue,next:null},null===ci?si.memoizedState=ci=e:ci=ci.next=e}return ci}function wi(e,t){return"function"==typeof t?t(e):t}function ki(e){var t=vi(),n=t.queue;if(null===n)throw Error(a(311));n.lastRenderedReducer=e;var r=li,o=r.baseQueue,i=n.pending;if(null!==i){if(null!==o){var s=o.next;o.next=i.next,i.next=s}r.baseQueue=o=i,n.pending=null}if(null!==o){i=o.next,r=r.baseState;var l=s=null,c=null,u=i;do{var d=u.lane;if((ii&d)===d)null!==c&&(c=c.next={lane:0,action:u.action,hasEagerState:u.hasEagerState,eagerState:u.eagerState,next:null}),r=u.hasEagerState?u.eagerState:e(r,u.action);else{var p={lane:d,action:u.action,hasEagerState:u.hasEagerState,eagerState:u.eagerState,next:null};null===c?(l=c=p,s=r):c=c.next=p,si.lanes|=d,Dl|=d}u=u.next}while(null!==u&&u!==i);null===c?s=r:c.next=l,sr(r,t.memoizedState)||(vs=!0),t.memoizedState=r,t.baseState=s,t.baseQueue=c,n.lastRenderedState=r}if(null!==(e=n.interleaved)){o=e;do{i=o.lane,si.lanes|=i,Dl|=i,o=o.next}while(o!==e)}else null===o&&(n.lanes=0);return[t.memoizedState,n.dispatch]}function Si(e){var t=vi(),n=t.queue;if(null===n)throw Error(a(311));n.lastRenderedReducer=e;var r=n.dispatch,o=n.pending,i=t.memoizedState;if(null!==o){n.pending=null;var s=o=o.next;do{i=e(i,s.action),s=s.next}while(s!==o);sr(i,t.memoizedState)||(vs=!0),t.memoizedState=i,null===t.baseQueue&&(t.baseState=i),n.lastRenderedState=i}return[i,r]}function xi(){}function Ei(e,t){var n=si,r=vi(),o=t(),i=!sr(r.memoizedState,o);if(i&&(r.memoizedState=o,vs=!0),r=r.queue,Di(ji.bind(null,n,r,e),[e]),r.getSnapshot!==t||i||null!==ci&&1&ci.memoizedState.tag){if(n.flags|=2048,Pi(9,Ci.bind(null,n,r,o,t),void 0,null),null===Al)throw Error(a(349));30&ii||_i(n,t,o)}return o}function _i(e,t,n){e.flags|=16384,e={getSnapshot:t,value:n},null===(t=si.updateQueue)?(t={lastEffect:null,stores:null},si.updateQueue=t,t.stores=[e]):null===(n=t.stores)?t.stores=[e]:n.push(e)}function Ci(e,t,n,r){t.value=n,t.getSnapshot=r,Oi(t)&&Ai(e)}function ji(e,t,n){return n((function(){Oi(t)&&Ai(e)}))}function Oi(e){var t=e.getSnapshot;e=e.value;try{var n=t();return!sr(e,n)}catch(r){return!0}}function Ai(e){var t=Ra(e,1);null!==t&&nc(t,e,1,-1)}function Ti(e){var t=yi();return"function"==typeof e&&(e=e()),t.memoizedState=t.baseState=e,e={pending:null,interleaved:null,lanes:0,dispatch:null,lastRenderedReducer:wi,lastRenderedState:e},t.queue=e,e=e.dispatch=Ki.bind(null,si,e),[t.memoizedState,e]}function Pi(e,t,n,r){return e={tag:e,create:t,destroy:n,deps:r,next:null},null===(t=si.updateQueue)?(t={lastEffect:null,stores:null},si.updateQueue=t,t.lastEffect=e.next=e):null===(n=t.lastEffect)?t.lastEffect=e.next=e:(r=n.next,n.next=e,e.next=r,t.lastEffect=e),e}function Li(){return vi().memoizedState}function Ii(e,t,n,r){var o=yi();si.flags|=e,o.memoizedState=Pi(1|t,n,void 0,void 0===r?null:r)}function Ni(e,t,n,r){var o=vi();r=void 0===r?null:r;var a=void 0;if(null!==li){var i=li.memoizedState;if(a=i.destroy,null!==r&&hi(r,i.deps))return void(o.memoizedState=Pi(t,n,a,r))}si.flags|=e,o.memoizedState=Pi(1|t,n,a,r)}function Ri(e,t){return Ii(8390656,8,e,t)}function Di(e,t){return Ni(2048,8,e,t)}function Mi(e,t){return Ni(4,2,e,t)}function Fi(e,t){return Ni(4,4,e,t)}function zi(e,t){return"function"==typeof t?(e=e(),t(e),function(){t(null)}):null!=t?(e=e(),t.current=e,function(){t.current=null}):void 0}function Bi(e,t,n){return n=null!=n?n.concat([e]):null,Ni(4,4,zi.bind(null,t,e),n)}function Ui(){}function qi(e,t){var n=vi();t=void 0===t?null:t;var r=n.memoizedState;return null!==r&&null!==t&&hi(t,r[1])?r[0]:(n.memoizedState=[e,t],e)}function $i(e,t){var n=vi();t=void 0===t?null:t;var r=n.memoizedState;return null!==r&&null!==t&&hi(t,r[1])?r[0]:(e=e(),n.memoizedState=[e,t],e)}function Hi(e,t,n){return 21&ii?(sr(n,t)||(n=ht(),si.lanes|=n,Dl|=n,e.baseState=!0),t):(e.baseState&&(e.baseState=!1,vs=!0),e.memoizedState=n)}function Vi(e,t){var n=vt;vt=0!==n&&4>n?n:4,e(!0);var r=ai.transition;ai.transition={};try{e(!1),t()}finally{vt=n,ai.transition=r}}function Gi(){return vi().memoizedState}function Wi(e,t,n){var r=tc(e);if(n={lane:r,action:n,hasEagerState:!1,eagerState:null,next:null},Qi(e))Yi(t,n);else if(null!==(n=Na(e,t,n,r))){nc(n,e,r,ec()),Zi(n,t,r)}}function Ki(e,t,n){var r=tc(e),o={lane:r,action:n,hasEagerState:!1,eagerState:null,next:null};if(Qi(e))Yi(t,o);else{var a=e.alternate;if(0===e.lanes&&(null===a||0===a.lanes)&&null!==(a=t.lastRenderedReducer))try{var i=t.lastRenderedState,s=a(i,n);if(o.hasEagerState=!0,o.eagerState=s,sr(s,i)){var l=t.interleaved;return null===l?(o.next=o,Ia(t)):(o.next=l.next,l.next=o),void(t.interleaved=o)}}catch(c){}null!==(n=Na(e,t,o,r))&&(nc(n,e,r,o=ec()),Zi(n,t,r))}}function Qi(e){var t=e.alternate;return e===si||null!==t&&t===si}function Yi(e,t){di=ui=!0;var n=e.pending;null===n?t.next=t:(t.next=n.next,n.next=t),e.pending=t}function Zi(e,t,n){if(4194240&n){var r=t.lanes;n|=r&=e.pendingLanes,t.lanes=n,yt(e,n)}}var Ji={readContext:Pa,useCallback:mi,useContext:mi,useEffect:mi,useImperativeHandle:mi,useInsertionEffect:mi,useLayoutEffect:mi,useMemo:mi,useReducer:mi,useRef:mi,useState:mi,useDebugValue:mi,useDeferredValue:mi,useTransition:mi,useMutableSource:mi,useSyncExternalStore:mi,useId:mi,unstable_isNewReconciler:!1},Xi={readContext:Pa,useCallback:function(e,t){return yi().memoizedState=[e,void 0===t?null:t],e},useContext:Pa,useEffect:Ri,useImperativeHandle:function(e,t,n){return n=null!=n?n.concat([e]):null,Ii(4194308,4,zi.bind(null,t,e),n)},useLayoutEffect:function(e,t){return Ii(4194308,4,e,t)},useInsertionEffect:function(e,t){return Ii(4,2,e,t)},useMemo:function(e,t){var n=yi();return t=void 0===t?null:t,e=e(),n.memoizedState=[e,t],e},useReducer:function(e,t,n){var r=yi();return t=void 0!==n?n(t):t,r.memoizedState=r.baseState=t,e={pending:null,interleaved:null,lanes:0,dispatch:null,lastRenderedReducer:e,lastRenderedState:t},r.queue=e,e=e.dispatch=Wi.bind(null,si,e),[r.memoizedState,e]},useRef:function(e){return e={current:e},yi().memoizedState=e},useState:Ti,useDebugValue:Ui,useDeferredValue:function(e){return yi().memoizedState=e},useTransition:function(){var e=Ti(!1),t=e[0];return e=Vi.bind(null,e[1]),yi().memoizedState=e,[t,e]},useMutableSource:function(){},useSyncExternalStore:function(e,t,n){var r=si,o=yi();if(aa){if(void 0===n)throw Error(a(407));n=n()}else{if(n=t(),null===Al)throw Error(a(349));30&ii||_i(r,t,n)}o.memoizedState=n;var i={value:n,getSnapshot:t};return o.queue=i,Ri(ji.bind(null,r,i,e),[e]),r.flags|=2048,Pi(9,Ci.bind(null,r,i,n,t),void 0,null),n},useId:function(){var e=yi(),t=Al.identifierPrefix;if(aa){var n=Jo;t=":"+t+"R"+(n=(Zo&~(1<<32-it(Zo)-1)).toString(32)+n),0<(n=pi++)&&(t+="H"+n.toString(32)),t+=":"}else t=":"+t+"r"+(n=fi++).toString(32)+":";return e.memoizedState=t},unstable_isNewReconciler:!1},es={readContext:Pa,useCallback:qi,useContext:Pa,useEffect:Di,useImperativeHandle:Bi,useInsertionEffect:Mi,useLayoutEffect:Fi,useMemo:$i,useReducer:ki,useRef:Li,useState:function(){return ki(wi)},useDebugValue:Ui,useDeferredValue:function(e){return Hi(vi(),li.memoizedState,e)},useTransition:function(){return[ki(wi)[0],vi().memoizedState]},useMutableSource:xi,useSyncExternalStore:Ei,useId:Gi,unstable_isNewReconciler:!1},ts={readContext:Pa,useCallback:qi,useContext:Pa,useEffect:Di,useImperativeHandle:Bi,useInsertionEffect:Mi,useLayoutEffect:Fi,useMemo:$i,useReducer:Si,useRef:Li,useState:function(){return Si(wi)},useDebugValue:Ui,useDeferredValue:function(e){var t=vi();return null===li?t.memoizedState=e:Hi(t,li.memoizedState,e)},useTransition:function(){return[Si(wi)[0],vi().memoizedState]},useMutableSource:xi,useSyncExternalStore:Ei,useId:Gi,unstable_isNewReconciler:!1};function ns(e,t){if(e&&e.defaultProps){for(var n in t=M({},t),e=e.defaultProps)void 0===t[n]&&(t[n]=e[n]);return t}return t}function rs(e,t,n,r){n=null==(n=n(r,t=e.memoizedState))?t:M({},t,n),e.memoizedState=n,0===e.lanes&&(e.updateQueue.baseState=n)}var os={isMounted:function(e){return!!(e=e._reactInternals)&&qe(e)===e},enqueueSetState:function(e,t,n){e=e._reactInternals;var r=ec(),o=tc(e),a=za(r,o);a.payload=t,null!=n&&(a.callback=n),null!==(t=Ba(e,a,o))&&(nc(t,e,o,r),Ua(t,e,o))},enqueueReplaceState:function(e,t,n){e=e._reactInternals;var r=ec(),o=tc(e),a=za(r,o);a.tag=1,a.payload=t,null!=n&&(a.callback=n),null!==(t=Ba(e,a,o))&&(nc(t,e,o,r),Ua(t,e,o))},enqueueForceUpdate:function(e,t){e=e._reactInternals;var n=ec(),r=tc(e),o=za(n,r);o.tag=2,null!=t&&(o.callback=t),null!==(t=Ba(e,o,r))&&(nc(t,e,r,n),Ua(t,e,r))}};function as(e,t,n,r,o,a,i){return"function"==typeof(e=e.stateNode).shouldComponentUpdate?e.shouldComponentUpdate(r,a,i):!t.prototype||!t.prototype.isPureReactComponent||(!lr(n,r)||!lr(o,a))}function is(e,t,n){var r=!1,o=Oo,a=t.contextType;return"object"==typeof a&&null!==a?a=Pa(a):(o=Io(t)?Po:Ao.current,a=(r=null!=(r=t.contextTypes))?Lo(e,o):Oo),t=new t(n,a),e.memoizedState=null!==t.state&&void 0!==t.state?t.state:null,t.updater=os,e.stateNode=t,t._reactInternals=e,r&&((e=e.stateNode).__reactInternalMemoizedUnmaskedChildContext=o,e.__reactInternalMemoizedMaskedChildContext=a),t}function ss(e,t,n,r){e=t.state,"function"==typeof t.componentWillReceiveProps&&t.componentWillReceiveProps(n,r),"function"==typeof t.UNSAFE_componentWillReceiveProps&&t.UNSAFE_componentWillReceiveProps(n,r),t.state!==e&&os.enqueueReplaceState(t,t.state,null)}function ls(e,t,n,r){var o=e.stateNode;o.props=n,o.state=e.memoizedState,o.refs={},Ma(e);var a=t.contextType;"object"==typeof a&&null!==a?o.context=Pa(a):(a=Io(t)?Po:Ao.current,o.context=Lo(e,a)),o.state=e.memoizedState,"function"==typeof(a=t.getDerivedStateFromProps)&&(rs(e,t,a,n),o.state=e.memoizedState),"function"==typeof t.getDerivedStateFromProps||"function"==typeof o.getSnapshotBeforeUpdate||"function"!=typeof o.UNSAFE_componentWillMount&&"function"!=typeof o.componentWillMount||(t=o.state,"function"==typeof o.componentWillMount&&o.componentWillMount(),"function"==typeof o.UNSAFE_componentWillMount&&o.UNSAFE_componentWillMount(),t!==o.state&&os.enqueueReplaceState(o,o.state,null),$a(e,n,o,r),o.state=e.memoizedState),"function"==typeof o.componentDidMount&&(e.flags|=4194308)}function cs(e,t){try{var n="",r=t;do{n+=U(r),r=r.return}while(r);var o=n}catch(a){o="\nError generating stack: "+a.message+"\n"+a.stack}return{value:e,source:t,stack:o,digest:null}}function us(e,t,n){return{value:e,source:null,stack:null!=n?n:null,digest:null!=t?t:null}}function ds(e,t){try{console.error(t.value)}catch(n){setTimeout((function(){throw n}))}}var ps="function"==typeof WeakMap?WeakMap:Map;function fs(e,t,n){(n=za(-1,n)).tag=3,n.payload={element:null};var r=t.value;return n.callback=function(){Hl||(Hl=!0,Vl=r),ds(0,t)},n}function ms(e,t,n){(n=za(-1,n)).tag=3;var r=e.type.getDerivedStateFromError;if("function"==typeof r){var o=t.value;n.payload=function(){return r(o)},n.callback=function(){ds(0,t)}}var a=e.stateNode;return null!==a&&"function"==typeof a.componentDidCatch&&(n.callback=function(){ds(0,t),"function"!=typeof r&&(null===Gl?Gl=new Set([this]):Gl.add(this));var e=t.stack;this.componentDidCatch(t.value,{componentStack:null!==e?e:""})}),n}function hs(e,t,n){var r=e.pingCache;if(null===r){r=e.pingCache=new ps;var o=new Set;r.set(t,o)}else void 0===(o=r.get(t))&&(o=new Set,r.set(t,o));o.has(n)||(o.add(n),e=_c.bind(null,e,t,n),t.then(e,e))}function gs(e){do{var t;if((t=13===e.tag)&&(t=null===(t=e.memoizedState)||null!==t.dehydrated),t)return e;e=e.return}while(null!==e);return null}function bs(e,t,n,r,o){return 1&e.mode?(e.flags|=65536,e.lanes=o,e):(e===t?e.flags|=65536:(e.flags|=128,n.flags|=131072,n.flags&=-52805,1===n.tag&&(null===n.alternate?n.tag=17:((t=za(-1,1)).tag=2,Ba(n,t,1))),n.lanes|=1),e)}var ys=w.ReactCurrentOwner,vs=!1;function ws(e,t,n,r){t.child=null===e?Sa(t,null,n,r):ka(t,e.child,n,r)}function ks(e,t,n,r,o){n=n.render;var a=t.ref;return Ta(t,o),r=gi(e,t,n,r,a,o),n=bi(),null===e||vs?(aa&&n&&ta(t),t.flags|=1,ws(e,t,r,o),t.child):(t.updateQueue=e.updateQueue,t.flags&=-2053,e.lanes&=~o,Hs(e,t,o))}function Ss(e,t,n,r,o){if(null===e){var a=n.type;return"function"!=typeof a||Lc(a)||void 0!==a.defaultProps||null!==n.compare||void 0!==n.defaultProps?((e=Nc(n.type,null,r,t,t.mode,o)).ref=t.ref,e.return=t,t.child=e):(t.tag=15,t.type=a,xs(e,t,a,r,o))}if(a=e.child,!(e.lanes&o)){var i=a.memoizedProps;if((n=null!==(n=n.compare)?n:lr)(i,r)&&e.ref===t.ref)return Hs(e,t,o)}return t.flags|=1,(e=Ic(a,r)).ref=t.ref,e.return=t,t.child=e}function xs(e,t,n,r,o){if(null!==e){var a=e.memoizedProps;if(lr(a,r)&&e.ref===t.ref){if(vs=!1,t.pendingProps=r=a,!(e.lanes&o))return t.lanes=e.lanes,Hs(e,t,o);131072&e.flags&&(vs=!0)}}return Cs(e,t,n,r,o)}function Es(e,t,n){var r=t.pendingProps,o=r.children,a=null!==e?e.memoizedState:null;if("hidden"===r.mode)if(1&t.mode){if(!(1073741824&n))return e=null!==a?a.baseLanes|n:n,t.lanes=t.childLanes=1073741824,t.memoizedState={baseLanes:e,cachePool:null,transitions:null},t.updateQueue=null,jo(Il,Ll),Ll|=e,null;t.memoizedState={baseLanes:0,cachePool:null,transitions:null},r=null!==a?a.baseLanes:n,jo(Il,Ll),Ll|=r}else t.memoizedState={baseLanes:0,cachePool:null,transitions:null},jo(Il,Ll),Ll|=n;else null!==a?(r=a.baseLanes|n,t.memoizedState=null):r=n,jo(Il,Ll),Ll|=r;return ws(e,t,o,n),t.child}function _s(e,t){var n=t.ref;(null===e&&null!==n||null!==e&&e.ref!==n)&&(t.flags|=512,t.flags|=2097152)}function Cs(e,t,n,r,o){var a=Io(n)?Po:Ao.current;return a=Lo(t,a),Ta(t,o),n=gi(e,t,n,r,a,o),r=bi(),null===e||vs?(aa&&r&&ta(t),t.flags|=1,ws(e,t,n,o),t.child):(t.updateQueue=e.updateQueue,t.flags&=-2053,e.lanes&=~o,Hs(e,t,o))}function js(e,t,n,r,o){if(Io(n)){var a=!0;Mo(t)}else a=!1;if(Ta(t,o),null===t.stateNode)$s(e,t),is(t,n,r),ls(t,n,r,o),r=!0;else if(null===e){var i=t.stateNode,s=t.memoizedProps;i.props=s;var l=i.context,c=n.contextType;"object"==typeof c&&null!==c?c=Pa(c):c=Lo(t,c=Io(n)?Po:Ao.current);var u=n.getDerivedStateFromProps,d="function"==typeof u||"function"==typeof i.getSnapshotBeforeUpdate;d||"function"!=typeof i.UNSAFE_componentWillReceiveProps&&"function"!=typeof i.componentWillReceiveProps||(s!==r||l!==c)&&ss(t,i,r,c),Da=!1;var p=t.memoizedState;i.state=p,$a(t,r,i,o),l=t.memoizedState,s!==r||p!==l||To.current||Da?("function"==typeof u&&(rs(t,n,u,r),l=t.memoizedState),(s=Da||as(t,n,s,r,p,l,c))?(d||"function"!=typeof i.UNSAFE_componentWillMount&&"function"!=typeof i.componentWillMount||("function"==typeof i.componentWillMount&&i.componentWillMount(),"function"==typeof i.UNSAFE_componentWillMount&&i.UNSAFE_componentWillMount()),"function"==typeof i.componentDidMount&&(t.flags|=4194308)):("function"==typeof i.componentDidMount&&(t.flags|=4194308),t.memoizedProps=r,t.memoizedState=l),i.props=r,i.state=l,i.context=c,r=s):("function"==typeof i.componentDidMount&&(t.flags|=4194308),r=!1)}else{i=t.stateNode,Fa(e,t),s=t.memoizedProps,c=t.type===t.elementType?s:ns(t.type,s),i.props=c,d=t.pendingProps,p=i.context,"object"==typeof(l=n.contextType)&&null!==l?l=Pa(l):l=Lo(t,l=Io(n)?Po:Ao.current);var f=n.getDerivedStateFromProps;(u="function"==typeof f||"function"==typeof i.getSnapshotBeforeUpdate)||"function"!=typeof i.UNSAFE_componentWillReceiveProps&&"function"!=typeof i.componentWillReceiveProps||(s!==d||p!==l)&&ss(t,i,r,l),Da=!1,p=t.memoizedState,i.state=p,$a(t,r,i,o);var m=t.memoizedState;s!==d||p!==m||To.current||Da?("function"==typeof f&&(rs(t,n,f,r),m=t.memoizedState),(c=Da||as(t,n,c,r,p,m,l)||!1)?(u||"function"!=typeof i.UNSAFE_componentWillUpdate&&"function"!=typeof i.componentWillUpdate||("function"==typeof i.componentWillUpdate&&i.componentWillUpdate(r,m,l),"function"==typeof i.UNSAFE_componentWillUpdate&&i.UNSAFE_componentWillUpdate(r,m,l)),"function"==typeof i.componentDidUpdate&&(t.flags|=4),"function"==typeof i.getSnapshotBeforeUpdate&&(t.flags|=1024)):("function"!=typeof i.componentDidUpdate||s===e.memoizedProps&&p===e.memoizedState||(t.flags|=4),"function"!=typeof i.getSnapshotBeforeUpdate||s===e.memoizedProps&&p===e.memoizedState||(t.flags|=1024),t.memoizedProps=r,t.memoizedState=m),i.props=r,i.state=m,i.context=l,r=c):("function"!=typeof i.componentDidUpdate||s===e.memoizedProps&&p===e.memoizedState||(t.flags|=4),"function"!=typeof i.getSnapshotBeforeUpdate||s===e.memoizedProps&&p===e.memoizedState||(t.flags|=1024),r=!1)}return Os(e,t,n,r,a,o)}function Os(e,t,n,r,o,a){_s(e,t);var i=!!(128&t.flags);if(!r&&!i)return o&&Fo(t,n,!1),Hs(e,t,a);r=t.stateNode,ys.current=t;var s=i&&"function"!=typeof n.getDerivedStateFromError?null:r.render();return t.flags|=1,null!==e&&i?(t.child=ka(t,e.child,null,a),t.child=ka(t,null,s,a)):ws(e,t,s,a),t.memoizedState=r.state,o&&Fo(t,n,!0),t.child}function As(e){var t=e.stateNode;t.pendingContext?Ro(0,t.pendingContext,t.pendingContext!==t.context):t.context&&Ro(0,t.context,!1),Ya(e,t.containerInfo)}function Ts(e,t,n,r,o){return ma(),ha(o),t.flags|=256,ws(e,t,n,r),t.child}var Ps,Ls,Is,Ns,Rs={dehydrated:null,treeContext:null,retryLane:0};function Ds(e){return{baseLanes:e,cachePool:null,transitions:null}}function Ms(e,t,n){var r,o=t.pendingProps,i=ei.current,s=!1,l=!!(128&t.flags);if((r=l)||(r=(null===e||null!==e.memoizedState)&&!!(2&i)),r?(s=!0,t.flags&=-129):null!==e&&null===e.memoizedState||(i|=1),jo(ei,1&i),null===e)return ua(t),null!==(e=t.memoizedState)&&null!==(e=e.dehydrated)?(1&t.mode?"$!"===e.data?t.lanes=8:t.lanes=1073741824:t.lanes=1,null):(l=o.children,e=o.fallback,s?(o=t.mode,s=t.child,l={mode:"hidden",children:l},1&o||null===s?s=Dc(l,o,0,null):(s.childLanes=0,s.pendingProps=l),e=Rc(e,o,n,null),s.return=t,e.return=t,s.sibling=e,t.child=s,t.child.memoizedState=Ds(n),t.memoizedState=Rs,e):Fs(t,l));if(null!==(i=e.memoizedState)&&null!==(r=i.dehydrated))return function(e,t,n,r,o,i,s){if(n)return 256&t.flags?(t.flags&=-257,zs(e,t,s,r=us(Error(a(422))))):null!==t.memoizedState?(t.child=e.child,t.flags|=128,null):(i=r.fallback,o=t.mode,r=Dc({mode:"visible",children:r.children},o,0,null),(i=Rc(i,o,s,null)).flags|=2,r.return=t,i.return=t,r.sibling=i,t.child=r,1&t.mode&&ka(t,e.child,null,s),t.child.memoizedState=Ds(s),t.memoizedState=Rs,i);if(!(1&t.mode))return zs(e,t,s,null);if("$!"===o.data){if(r=o.nextSibling&&o.nextSibling.dataset)var l=r.dgst;return r=l,zs(e,t,s,r=us(i=Error(a(419)),r,void 0))}if(l=!!(s&e.childLanes),vs||l){if(null!==(r=Al)){switch(s&-s){case 4:o=2;break;case 16:o=8;break;case 64:case 128:case 256:case 512:case 1024:case 2048:case 4096:case 8192:case 16384:case 32768:case 65536:case 131072:case 262144:case 524288:case 1048576:case 2097152:case 4194304:case 8388608:case 16777216:case 33554432:case 67108864:o=32;break;case 536870912:o=268435456;break;default:o=0}0!==(o=o&(r.suspendedLanes|s)?0:o)&&o!==i.retryLane&&(i.retryLane=o,Ra(e,o),nc(r,e,o,-1))}return hc(),zs(e,t,s,r=us(Error(a(421))))}return"$?"===o.data?(t.flags|=128,t.child=e.child,t=jc.bind(null,e),o._reactRetry=t,null):(e=i.treeContext,oa=co(o.nextSibling),ra=t,aa=!0,ia=null,null!==e&&(Ko[Qo++]=Zo,Ko[Qo++]=Jo,Ko[Qo++]=Yo,Zo=e.id,Jo=e.overflow,Yo=t),t=Fs(t,r.children),t.flags|=4096,t)}(e,t,l,o,r,i,n);if(s){s=o.fallback,l=t.mode,r=(i=e.child).sibling;var c={mode:"hidden",children:o.children};return 1&l||t.child===i?(o=Ic(i,c)).subtreeFlags=14680064&i.subtreeFlags:((o=t.child).childLanes=0,o.pendingProps=c,t.deletions=null),null!==r?s=Ic(r,s):(s=Rc(s,l,n,null)).flags|=2,s.return=t,o.return=t,o.sibling=s,t.child=o,o=s,s=t.child,l=null===(l=e.child.memoizedState)?Ds(n):{baseLanes:l.baseLanes|n,cachePool:null,transitions:l.transitions},s.memoizedState=l,s.childLanes=e.childLanes&~n,t.memoizedState=Rs,o}return e=(s=e.child).sibling,o=Ic(s,{mode:"visible",children:o.children}),!(1&t.mode)&&(o.lanes=n),o.return=t,o.sibling=null,null!==e&&(null===(n=t.deletions)?(t.deletions=[e],t.flags|=16):n.push(e)),t.child=o,t.memoizedState=null,o}function Fs(e,t){return(t=Dc({mode:"visible",children:t},e.mode,0,null)).return=e,e.child=t}function zs(e,t,n,r){return null!==r&&ha(r),ka(t,e.child,null,n),(e=Fs(t,t.pendingProps.children)).flags|=2,t.memoizedState=null,e}function Bs(e,t,n){e.lanes|=t;var r=e.alternate;null!==r&&(r.lanes|=t),Aa(e.return,t,n)}function Us(e,t,n,r,o){var a=e.memoizedState;null===a?e.memoizedState={isBackwards:t,rendering:null,renderingStartTime:0,last:r,tail:n,tailMode:o}:(a.isBackwards=t,a.rendering=null,a.renderingStartTime=0,a.last=r,a.tail=n,a.tailMode=o)}function qs(e,t,n){var r=t.pendingProps,o=r.revealOrder,a=r.tail;if(ws(e,t,r.children,n),2&(r=ei.current))r=1&r|2,t.flags|=128;else{if(null!==e&&128&e.flags)e:for(e=t.child;null!==e;){if(13===e.tag)null!==e.memoizedState&&Bs(e,n,t);else if(19===e.tag)Bs(e,n,t);else if(null!==e.child){e.child.return=e,e=e.child;continue}if(e===t)break e;for(;null===e.sibling;){if(null===e.return||e.return===t)break e;e=e.return}e.sibling.return=e.return,e=e.sibling}r&=1}if(jo(ei,r),1&t.mode)switch(o){case"forwards":for(n=t.child,o=null;null!==n;)null!==(e=n.alternate)&&null===ti(e)&&(o=n),n=n.sibling;null===(n=o)?(o=t.child,t.child=null):(o=n.sibling,n.sibling=null),Us(t,!1,o,n,a);break;case"backwards":for(n=null,o=t.child,t.child=null;null!==o;){if(null!==(e=o.alternate)&&null===ti(e)){t.child=o;break}e=o.sibling,o.sibling=n,n=o,o=e}Us(t,!0,n,null,a);break;case"together":Us(t,!1,null,null,void 0);break;default:t.memoizedState=null}else t.memoizedState=null;return t.child}function $s(e,t){!(1&t.mode)&&null!==e&&(e.alternate=null,t.alternate=null,t.flags|=2)}function Hs(e,t,n){if(null!==e&&(t.dependencies=e.dependencies),Dl|=t.lanes,!(n&t.childLanes))return null;if(null!==e&&t.child!==e.child)throw Error(a(153));if(null!==t.child){for(n=Ic(e=t.child,e.pendingProps),t.child=n,n.return=t;null!==e.sibling;)e=e.sibling,(n=n.sibling=Ic(e,e.pendingProps)).return=t;n.sibling=null}return t.child}function Vs(e,t){if(!aa)switch(e.tailMode){case"hidden":t=e.tail;for(var n=null;null!==t;)null!==t.alternate&&(n=t),t=t.sibling;null===n?e.tail=null:n.sibling=null;break;case"collapsed":n=e.tail;for(var r=null;null!==n;)null!==n.alternate&&(r=n),n=n.sibling;null===r?t||null===e.tail?e.tail=null:e.tail.sibling=null:r.sibling=null}}function Gs(e){var t=null!==e.alternate&&e.alternate.child===e.child,n=0,r=0;if(t)for(var o=e.child;null!==o;)n|=o.lanes|o.childLanes,r|=14680064&o.subtreeFlags,r|=14680064&o.flags,o.return=e,o=o.sibling;else for(o=e.child;null!==o;)n|=o.lanes|o.childLanes,r|=o.subtreeFlags,r|=o.flags,o.return=e,o=o.sibling;return e.subtreeFlags|=r,e.childLanes=n,t}function Ws(e,t,n){var r=t.pendingProps;switch(na(t),t.tag){case 2:case 16:case 15:case 0:case 11:case 7:case 8:case 12:case 9:case 14:return Gs(t),null;case 1:case 17:return Io(t.type)&&No(),Gs(t),null;case 3:return r=t.stateNode,Za(),Co(To),Co(Ao),ri(),r.pendingContext&&(r.context=r.pendingContext,r.pendingContext=null),null!==e&&null!==e.child||(pa(t)?t.flags|=4:null===e||e.memoizedState.isDehydrated&&!(256&t.flags)||(t.flags|=1024,null!==ia&&(ic(ia),ia=null))),Ls(e,t),Gs(t),null;case 5:Xa(t);var o=Qa(Ka.current);if(n=t.type,null!==e&&null!=t.stateNode)Is(e,t,n,r,o),e.ref!==t.ref&&(t.flags|=512,t.flags|=2097152);else{if(!r){if(null===t.stateNode)throw Error(a(166));return Gs(t),null}if(e=Qa(Ga.current),pa(t)){r=t.stateNode,n=t.type;var i=t.memoizedProps;switch(r[fo]=t,r[mo]=i,e=!!(1&t.mode),n){case"dialog":zr("cancel",r),zr("close",r);break;case"iframe":case"object":case"embed":zr("load",r);break;case"video":case"audio":for(o=0;o<Rr.length;o++)zr(Rr[o],r);break;case"source":zr("error",r);break;case"img":case"image":case"link":zr("error",r),zr("load",r);break;case"details":zr("toggle",r);break;case"input":Y(r,i),zr("invalid",r);break;case"select":r._wrapperState={wasMultiple:!!i.multiple},zr("invalid",r);break;case"textarea":oe(r,i),zr("invalid",r)}for(var l in ye(n,i),o=null,i)if(i.hasOwnProperty(l)){var c=i[l];"children"===l?"string"==typeof c?r.textContent!==c&&(!0!==i.suppressHydrationWarning&&Jr(r.textContent,c,e),o=["children",c]):"number"==typeof c&&r.textContent!==""+c&&(!0!==i.suppressHydrationWarning&&Jr(r.textContent,c,e),o=["children",""+c]):s.hasOwnProperty(l)&&null!=c&&"onScroll"===l&&zr("scroll",r)}switch(n){case"input":G(r),X(r,i,!0);break;case"textarea":G(r),ie(r);break;case"select":case"option":break;default:"function"==typeof i.onClick&&(r.onclick=Xr)}r=o,t.updateQueue=r,null!==r&&(t.flags|=4)}else{l=9===o.nodeType?o:o.ownerDocument,"http://www.w3.org/1999/xhtml"===e&&(e=se(n)),"http://www.w3.org/1999/xhtml"===e?"script"===n?((e=l.createElement("div")).innerHTML="<script><\/script>",e=e.removeChild(e.firstChild)):"string"==typeof r.is?e=l.createElement(n,{is:r.is}):(e=l.createElement(n),"select"===n&&(l=e,r.multiple?l.multiple=!0:r.size&&(l.size=r.size))):e=l.createElementNS(e,n),e[fo]=t,e[mo]=r,Ps(e,t,!1,!1),t.stateNode=e;e:{switch(l=ve(n,r),n){case"dialog":zr("cancel",e),zr("close",e),o=r;break;case"iframe":case"object":case"embed":zr("load",e),o=r;break;case"video":case"audio":for(o=0;o<Rr.length;o++)zr(Rr[o],e);o=r;break;case"source":zr("error",e),o=r;break;case"img":case"image":case"link":zr("error",e),zr("load",e),o=r;break;case"details":zr("toggle",e),o=r;break;case"input":Y(e,r),o=Q(e,r),zr("invalid",e);break;case"option":default:o=r;break;case"select":e._wrapperState={wasMultiple:!!r.multiple},o=M({},r,{value:void 0}),zr("invalid",e);break;case"textarea":oe(e,r),o=re(e,r),zr("invalid",e)}for(i in ye(n,o),c=o)if(c.hasOwnProperty(i)){var u=c[i];"style"===i?ge(e,u):"dangerouslySetInnerHTML"===i?null!=(u=u?u.__html:void 0)&&de(e,u):"children"===i?"string"==typeof u?("textarea"!==n||""!==u)&&pe(e,u):"number"==typeof u&&pe(e,""+u):"suppressContentEditableWarning"!==i&&"suppressHydrationWarning"!==i&&"autoFocus"!==i&&(s.hasOwnProperty(i)?null!=u&&"onScroll"===i&&zr("scroll",e):null!=u&&v(e,i,u,l))}switch(n){case"input":G(e),X(e,r,!1);break;case"textarea":G(e),ie(e);break;case"option":null!=r.value&&e.setAttribute("value",""+H(r.value));break;case"select":e.multiple=!!r.multiple,null!=(i=r.value)?ne(e,!!r.multiple,i,!1):null!=r.defaultValue&&ne(e,!!r.multiple,r.defaultValue,!0);break;default:"function"==typeof o.onClick&&(e.onclick=Xr)}switch(n){case"button":case"input":case"select":case"textarea":r=!!r.autoFocus;break e;case"img":r=!0;break e;default:r=!1}}r&&(t.flags|=4)}null!==t.ref&&(t.flags|=512,t.flags|=2097152)}return Gs(t),null;case 6:if(e&&null!=t.stateNode)Ns(e,t,e.memoizedProps,r);else{if("string"!=typeof r&&null===t.stateNode)throw Error(a(166));if(n=Qa(Ka.current),Qa(Ga.current),pa(t)){if(r=t.stateNode,n=t.memoizedProps,r[fo]=t,(i=r.nodeValue!==n)&&null!==(e=ra))switch(e.tag){case 3:Jr(r.nodeValue,n,!!(1&e.mode));break;case 5:!0!==e.memoizedProps.suppressHydrationWarning&&Jr(r.nodeValue,n,!!(1&e.mode))}i&&(t.flags|=4)}else(r=(9===n.nodeType?n:n.ownerDocument).createTextNode(r))[fo]=t,t.stateNode=r}return Gs(t),null;case 13:if(Co(ei),r=t.memoizedState,null===e||null!==e.memoizedState&&null!==e.memoizedState.dehydrated){if(aa&&null!==oa&&1&t.mode&&!(128&t.flags))fa(),ma(),t.flags|=98560,i=!1;else if(i=pa(t),null!==r&&null!==r.dehydrated){if(null===e){if(!i)throw Error(a(318));if(!(i=null!==(i=t.memoizedState)?i.dehydrated:null))throw Error(a(317));i[fo]=t}else ma(),!(128&t.flags)&&(t.memoizedState=null),t.flags|=4;Gs(t),i=!1}else null!==ia&&(ic(ia),ia=null),i=!0;if(!i)return 65536&t.flags?t:null}return 128&t.flags?(t.lanes=n,t):((r=null!==r)!==(null!==e&&null!==e.memoizedState)&&r&&(t.child.flags|=8192,1&t.mode&&(null===e||1&ei.current?0===Nl&&(Nl=3):hc())),null!==t.updateQueue&&(t.flags|=4),Gs(t),null);case 4:return Za(),Ls(e,t),null===e&&qr(t.stateNode.containerInfo),Gs(t),null;case 10:return Oa(t.type._context),Gs(t),null;case 19:if(Co(ei),null===(i=t.memoizedState))return Gs(t),null;if(r=!!(128&t.flags),null===(l=i.rendering))if(r)Vs(i,!1);else{if(0!==Nl||null!==e&&128&e.flags)for(e=t.child;null!==e;){if(null!==(l=ti(e))){for(t.flags|=128,Vs(i,!1),null!==(r=l.updateQueue)&&(t.updateQueue=r,t.flags|=4),t.subtreeFlags=0,r=n,n=t.child;null!==n;)e=r,(i=n).flags&=14680066,null===(l=i.alternate)?(i.childLanes=0,i.lanes=e,i.child=null,i.subtreeFlags=0,i.memoizedProps=null,i.memoizedState=null,i.updateQueue=null,i.dependencies=null,i.stateNode=null):(i.childLanes=l.childLanes,i.lanes=l.lanes,i.child=l.child,i.subtreeFlags=0,i.deletions=null,i.memoizedProps=l.memoizedProps,i.memoizedState=l.memoizedState,i.updateQueue=l.updateQueue,i.type=l.type,e=l.dependencies,i.dependencies=null===e?null:{lanes:e.lanes,firstContext:e.firstContext}),n=n.sibling;return jo(ei,1&ei.current|2),t.child}e=e.sibling}null!==i.tail&&Ze()>ql&&(t.flags|=128,r=!0,Vs(i,!1),t.lanes=4194304)}else{if(!r)if(null!==(e=ti(l))){if(t.flags|=128,r=!0,null!==(n=e.updateQueue)&&(t.updateQueue=n,t.flags|=4),Vs(i,!0),null===i.tail&&"hidden"===i.tailMode&&!l.alternate&&!aa)return Gs(t),null}else 2*Ze()-i.renderingStartTime>ql&&1073741824!==n&&(t.flags|=128,r=!0,Vs(i,!1),t.lanes=4194304);i.isBackwards?(l.sibling=t.child,t.child=l):(null!==(n=i.last)?n.sibling=l:t.child=l,i.last=l)}return null!==i.tail?(t=i.tail,i.rendering=t,i.tail=t.sibling,i.renderingStartTime=Ze(),t.sibling=null,n=ei.current,jo(ei,r?1&n|2:1&n),t):(Gs(t),null);case 22:case 23:return dc(),r=null!==t.memoizedState,null!==e&&null!==e.memoizedState!==r&&(t.flags|=8192),r&&1&t.mode?!!(1073741824&Ll)&&(Gs(t),6&t.subtreeFlags&&(t.flags|=8192)):Gs(t),null;case 24:case 25:return null}throw Error(a(156,t.tag))}function Ks(e,t){switch(na(t),t.tag){case 1:return Io(t.type)&&No(),65536&(e=t.flags)?(t.flags=-65537&e|128,t):null;case 3:return Za(),Co(To),Co(Ao),ri(),65536&(e=t.flags)&&!(128&e)?(t.flags=-65537&e|128,t):null;case 5:return Xa(t),null;case 13:if(Co(ei),null!==(e=t.memoizedState)&&null!==e.dehydrated){if(null===t.alternate)throw Error(a(340));ma()}return 65536&(e=t.flags)?(t.flags=-65537&e|128,t):null;case 19:return Co(ei),null;case 4:return Za(),null;case 10:return Oa(t.type._context),null;case 22:case 23:return dc(),null;default:return null}}Ps=function(e,t){for(var n=t.child;null!==n;){if(5===n.tag||6===n.tag)e.appendChild(n.stateNode);else if(4!==n.tag&&null!==n.child){n.child.return=n,n=n.child;continue}if(n===t)break;for(;null===n.sibling;){if(null===n.return||n.return===t)return;n=n.return}n.sibling.return=n.return,n=n.sibling}},Ls=function(){},Is=function(e,t,n,r){var o=e.memoizedProps;if(o!==r){e=t.stateNode,Qa(Ga.current);var a,i=null;switch(n){case"input":o=Q(e,o),r=Q(e,r),i=[];break;case"select":o=M({},o,{value:void 0}),r=M({},r,{value:void 0}),i=[];break;case"textarea":o=re(e,o),r=re(e,r),i=[];break;default:"function"!=typeof o.onClick&&"function"==typeof r.onClick&&(e.onclick=Xr)}for(u in ye(n,r),n=null,o)if(!r.hasOwnProperty(u)&&o.hasOwnProperty(u)&&null!=o[u])if("style"===u){var l=o[u];for(a in l)l.hasOwnProperty(a)&&(n||(n={}),n[a]="")}else"dangerouslySetInnerHTML"!==u&&"children"!==u&&"suppressContentEditableWarning"!==u&&"suppressHydrationWarning"!==u&&"autoFocus"!==u&&(s.hasOwnProperty(u)?i||(i=[]):(i=i||[]).push(u,null));for(u in r){var c=r[u];if(l=null!=o?o[u]:void 0,r.hasOwnProperty(u)&&c!==l&&(null!=c||null!=l))if("style"===u)if(l){for(a in l)!l.hasOwnProperty(a)||c&&c.hasOwnProperty(a)||(n||(n={}),n[a]="");for(a in c)c.hasOwnProperty(a)&&l[a]!==c[a]&&(n||(n={}),n[a]=c[a])}else n||(i||(i=[]),i.push(u,n)),n=c;else"dangerouslySetInnerHTML"===u?(c=c?c.__html:void 0,l=l?l.__html:void 0,null!=c&&l!==c&&(i=i||[]).push(u,c)):"children"===u?"string"!=typeof c&&"number"!=typeof c||(i=i||[]).push(u,""+c):"suppressContentEditableWarning"!==u&&"suppressHydrationWarning"!==u&&(s.hasOwnProperty(u)?(null!=c&&"onScroll"===u&&zr("scroll",e),i||l===c||(i=[])):(i=i||[]).push(u,c))}n&&(i=i||[]).push("style",n);var u=i;(t.updateQueue=u)&&(t.flags|=4)}},Ns=function(e,t,n,r){n!==r&&(t.flags|=4)};var Qs=!1,Ys=!1,Zs="function"==typeof WeakSet?WeakSet:Set,Js=null;function Xs(e,t){var n=e.ref;if(null!==n)if("function"==typeof n)try{n(null)}catch(r){Ec(e,t,r)}else n.current=null}function el(e,t,n){try{n()}catch(r){Ec(e,t,r)}}var tl=!1;function nl(e,t,n){var r=t.updateQueue;if(null!==(r=null!==r?r.lastEffect:null)){var o=r=r.next;do{if((o.tag&e)===e){var a=o.destroy;o.destroy=void 0,void 0!==a&&el(t,n,a)}o=o.next}while(o!==r)}}function rl(e,t){if(null!==(t=null!==(t=t.updateQueue)?t.lastEffect:null)){var n=t=t.next;do{if((n.tag&e)===e){var r=n.create;n.destroy=r()}n=n.next}while(n!==t)}}function ol(e){var t=e.ref;if(null!==t){var n=e.stateNode;e.tag,e=n,"function"==typeof t?t(e):t.current=e}}function al(e){var t=e.alternate;null!==t&&(e.alternate=null,al(t)),e.child=null,e.deletions=null,e.sibling=null,5===e.tag&&(null!==(t=e.stateNode)&&(delete t[fo],delete t[mo],delete t[go],delete t[bo],delete t[yo])),e.stateNode=null,e.return=null,e.dependencies=null,e.memoizedProps=null,e.memoizedState=null,e.pendingProps=null,e.stateNode=null,e.updateQueue=null}function il(e){return 5===e.tag||3===e.tag||4===e.tag}function sl(e){e:for(;;){for(;null===e.sibling;){if(null===e.return||il(e.return))return null;e=e.return}for(e.sibling.return=e.return,e=e.sibling;5!==e.tag&&6!==e.tag&&18!==e.tag;){if(2&e.flags)continue e;if(null===e.child||4===e.tag)continue e;e.child.return=e,e=e.child}if(!(2&e.flags))return e.stateNode}}function ll(e,t,n){var r=e.tag;if(5===r||6===r)e=e.stateNode,t?8===n.nodeType?n.parentNode.insertBefore(e,t):n.insertBefore(e,t):(8===n.nodeType?(t=n.parentNode).insertBefore(e,n):(t=n).appendChild(e),null!=(n=n._reactRootContainer)||null!==t.onclick||(t.onclick=Xr));else if(4!==r&&null!==(e=e.child))for(ll(e,t,n),e=e.sibling;null!==e;)ll(e,t,n),e=e.sibling}function cl(e,t,n){var r=e.tag;if(5===r||6===r)e=e.stateNode,t?n.insertBefore(e,t):n.appendChild(e);else if(4!==r&&null!==(e=e.child))for(cl(e,t,n),e=e.sibling;null!==e;)cl(e,t,n),e=e.sibling}var ul=null,dl=!1;function pl(e,t,n){for(n=n.child;null!==n;)fl(e,t,n),n=n.sibling}function fl(e,t,n){if(at&&"function"==typeof at.onCommitFiberUnmount)try{at.onCommitFiberUnmount(ot,n)}catch(s){}switch(n.tag){case 5:Ys||Xs(n,t);case 6:var r=ul,o=dl;ul=null,pl(e,t,n),dl=o,null!==(ul=r)&&(dl?(e=ul,n=n.stateNode,8===e.nodeType?e.parentNode.removeChild(n):e.removeChild(n)):ul.removeChild(n.stateNode));break;case 18:null!==ul&&(dl?(e=ul,n=n.stateNode,8===e.nodeType?lo(e.parentNode,n):1===e.nodeType&&lo(e,n),qt(e)):lo(ul,n.stateNode));break;case 4:r=ul,o=dl,ul=n.stateNode.containerInfo,dl=!0,pl(e,t,n),ul=r,dl=o;break;case 0:case 11:case 14:case 15:if(!Ys&&(null!==(r=n.updateQueue)&&null!==(r=r.lastEffect))){o=r=r.next;do{var a=o,i=a.destroy;a=a.tag,void 0!==i&&(2&a||4&a)&&el(n,t,i),o=o.next}while(o!==r)}pl(e,t,n);break;case 1:if(!Ys&&(Xs(n,t),"function"==typeof(r=n.stateNode).componentWillUnmount))try{r.props=n.memoizedProps,r.state=n.memoizedState,r.componentWillUnmount()}catch(s){Ec(n,t,s)}pl(e,t,n);break;case 21:pl(e,t,n);break;case 22:1&n.mode?(Ys=(r=Ys)||null!==n.memoizedState,pl(e,t,n),Ys=r):pl(e,t,n);break;default:pl(e,t,n)}}function ml(e){var t=e.updateQueue;if(null!==t){e.updateQueue=null;var n=e.stateNode;null===n&&(n=e.stateNode=new Zs),t.forEach((function(t){var r=Oc.bind(null,e,t);n.has(t)||(n.add(t),t.then(r,r))}))}}function hl(e,t){var n=t.deletions;if(null!==n)for(var r=0;r<n.length;r++){var o=n[r];try{var i=e,s=t,l=s;e:for(;null!==l;){switch(l.tag){case 5:ul=l.stateNode,dl=!1;break e;case 3:case 4:ul=l.stateNode.containerInfo,dl=!0;break e}l=l.return}if(null===ul)throw Error(a(160));fl(i,s,o),ul=null,dl=!1;var c=o.alternate;null!==c&&(c.return=null),o.return=null}catch(u){Ec(o,t,u)}}if(12854&t.subtreeFlags)for(t=t.child;null!==t;)gl(t,e),t=t.sibling}function gl(e,t){var n=e.alternate,r=e.flags;switch(e.tag){case 0:case 11:case 14:case 15:if(hl(t,e),bl(e),4&r){try{nl(3,e,e.return),rl(3,e)}catch(g){Ec(e,e.return,g)}try{nl(5,e,e.return)}catch(g){Ec(e,e.return,g)}}break;case 1:hl(t,e),bl(e),512&r&&null!==n&&Xs(n,n.return);break;case 5:if(hl(t,e),bl(e),512&r&&null!==n&&Xs(n,n.return),32&e.flags){var o=e.stateNode;try{pe(o,"")}catch(g){Ec(e,e.return,g)}}if(4&r&&null!=(o=e.stateNode)){var i=e.memoizedProps,s=null!==n?n.memoizedProps:i,l=e.type,c=e.updateQueue;if(e.updateQueue=null,null!==c)try{"input"===l&&"radio"===i.type&&null!=i.name&&Z(o,i),ve(l,s);var u=ve(l,i);for(s=0;s<c.length;s+=2){var d=c[s],p=c[s+1];"style"===d?ge(o,p):"dangerouslySetInnerHTML"===d?de(o,p):"children"===d?pe(o,p):v(o,d,p,u)}switch(l){case"input":J(o,i);break;case"textarea":ae(o,i);break;case"select":var f=o._wrapperState.wasMultiple;o._wrapperState.wasMultiple=!!i.multiple;var m=i.value;null!=m?ne(o,!!i.multiple,m,!1):f!==!!i.multiple&&(null!=i.defaultValue?ne(o,!!i.multiple,i.defaultValue,!0):ne(o,!!i.multiple,i.multiple?[]:"",!1))}o[mo]=i}catch(g){Ec(e,e.return,g)}}break;case 6:if(hl(t,e),bl(e),4&r){if(null===e.stateNode)throw Error(a(162));o=e.stateNode,i=e.memoizedProps;try{o.nodeValue=i}catch(g){Ec(e,e.return,g)}}break;case 3:if(hl(t,e),bl(e),4&r&&null!==n&&n.memoizedState.isDehydrated)try{qt(t.containerInfo)}catch(g){Ec(e,e.return,g)}break;case 4:default:hl(t,e),bl(e);break;case 13:hl(t,e),bl(e),8192&(o=e.child).flags&&(i=null!==o.memoizedState,o.stateNode.isHidden=i,!i||null!==o.alternate&&null!==o.alternate.memoizedState||(Ul=Ze())),4&r&&ml(e);break;case 22:if(d=null!==n&&null!==n.memoizedState,1&e.mode?(Ys=(u=Ys)||d,hl(t,e),Ys=u):hl(t,e),bl(e),8192&r){if(u=null!==e.memoizedState,(e.stateNode.isHidden=u)&&!d&&1&e.mode)for(Js=e,d=e.child;null!==d;){for(p=Js=d;null!==Js;){switch(m=(f=Js).child,f.tag){case 0:case 11:case 14:case 15:nl(4,f,f.return);break;case 1:Xs(f,f.return);var h=f.stateNode;if("function"==typeof h.componentWillUnmount){r=f,n=f.return;try{t=r,h.props=t.memoizedProps,h.state=t.memoizedState,h.componentWillUnmount()}catch(g){Ec(r,n,g)}}break;case 5:Xs(f,f.return);break;case 22:if(null!==f.memoizedState){kl(p);continue}}null!==m?(m.return=f,Js=m):kl(p)}d=d.sibling}e:for(d=null,p=e;;){if(5===p.tag){if(null===d){d=p;try{o=p.stateNode,u?"function"==typeof(i=o.style).setProperty?i.setProperty("display","none","important"):i.display="none":(l=p.stateNode,s=null!=(c=p.memoizedProps.style)&&c.hasOwnProperty("display")?c.display:null,l.style.display=he("display",s))}catch(g){Ec(e,e.return,g)}}}else if(6===p.tag){if(null===d)try{p.stateNode.nodeValue=u?"":p.memoizedProps}catch(g){Ec(e,e.return,g)}}else if((22!==p.tag&&23!==p.tag||null===p.memoizedState||p===e)&&null!==p.child){p.child.return=p,p=p.child;continue}if(p===e)break e;for(;null===p.sibling;){if(null===p.return||p.return===e)break e;d===p&&(d=null),p=p.return}d===p&&(d=null),p.sibling.return=p.return,p=p.sibling}}break;case 19:hl(t,e),bl(e),4&r&&ml(e);case 21:}}function bl(e){var t=e.flags;if(2&t){try{e:{for(var n=e.return;null!==n;){if(il(n)){var r=n;break e}n=n.return}throw Error(a(160))}switch(r.tag){case 5:var o=r.stateNode;32&r.flags&&(pe(o,""),r.flags&=-33),cl(e,sl(e),o);break;case 3:case 4:var i=r.stateNode.containerInfo;ll(e,sl(e),i);break;default:throw Error(a(161))}}catch(s){Ec(e,e.return,s)}e.flags&=-3}4096&t&&(e.flags&=-4097)}function yl(e,t,n){Js=e,vl(e,t,n)}function vl(e,t,n){for(var r=!!(1&e.mode);null!==Js;){var o=Js,a=o.child;if(22===o.tag&&r){var i=null!==o.memoizedState||Qs;if(!i){var s=o.alternate,l=null!==s&&null!==s.memoizedState||Ys;s=Qs;var c=Ys;if(Qs=i,(Ys=l)&&!c)for(Js=o;null!==Js;)l=(i=Js).child,22===i.tag&&null!==i.memoizedState?Sl(o):null!==l?(l.return=i,Js=l):Sl(o);for(;null!==a;)Js=a,vl(a,t,n),a=a.sibling;Js=o,Qs=s,Ys=c}wl(e)}else 8772&o.subtreeFlags&&null!==a?(a.return=o,Js=a):wl(e)}}function wl(e){for(;null!==Js;){var t=Js;if(8772&t.flags){var n=t.alternate;try{if(8772&t.flags)switch(t.tag){case 0:case 11:case 15:Ys||rl(5,t);break;case 1:var r=t.stateNode;if(4&t.flags&&!Ys)if(null===n)r.componentDidMount();else{var o=t.elementType===t.type?n.memoizedProps:ns(t.type,n.memoizedProps);r.componentDidUpdate(o,n.memoizedState,r.__reactInternalSnapshotBeforeUpdate)}var i=t.updateQueue;null!==i&&Ha(t,i,r);break;case 3:var s=t.updateQueue;if(null!==s){if(n=null,null!==t.child)switch(t.child.tag){case 5:case 1:n=t.child.stateNode}Ha(t,s,n)}break;case 5:var l=t.stateNode;if(null===n&&4&t.flags){n=l;var c=t.memoizedProps;switch(t.type){case"button":case"input":case"select":case"textarea":c.autoFocus&&n.focus();break;case"img":c.src&&(n.src=c.src)}}break;case 6:case 4:case 12:case 19:case 17:case 21:case 22:case 23:case 25:break;case 13:if(null===t.memoizedState){var u=t.alternate;if(null!==u){var d=u.memoizedState;if(null!==d){var p=d.dehydrated;null!==p&&qt(p)}}}break;default:throw Error(a(163))}Ys||512&t.flags&&ol(t)}catch(f){Ec(t,t.return,f)}}if(t===e){Js=null;break}if(null!==(n=t.sibling)){n.return=t.return,Js=n;break}Js=t.return}}function kl(e){for(;null!==Js;){var t=Js;if(t===e){Js=null;break}var n=t.sibling;if(null!==n){n.return=t.return,Js=n;break}Js=t.return}}function Sl(e){for(;null!==Js;){var t=Js;try{switch(t.tag){case 0:case 11:case 15:var n=t.return;try{rl(4,t)}catch(l){Ec(t,n,l)}break;case 1:var r=t.stateNode;if("function"==typeof r.componentDidMount){var o=t.return;try{r.componentDidMount()}catch(l){Ec(t,o,l)}}var a=t.return;try{ol(t)}catch(l){Ec(t,a,l)}break;case 5:var i=t.return;try{ol(t)}catch(l){Ec(t,i,l)}}}catch(l){Ec(t,t.return,l)}if(t===e){Js=null;break}var s=t.sibling;if(null!==s){s.return=t.return,Js=s;break}Js=t.return}}var xl,El=Math.ceil,_l=w.ReactCurrentDispatcher,Cl=w.ReactCurrentOwner,jl=w.ReactCurrentBatchConfig,Ol=0,Al=null,Tl=null,Pl=0,Ll=0,Il=_o(0),Nl=0,Rl=null,Dl=0,Ml=0,Fl=0,zl=null,Bl=null,Ul=0,ql=1/0,$l=null,Hl=!1,Vl=null,Gl=null,Wl=!1,Kl=null,Ql=0,Yl=0,Zl=null,Jl=-1,Xl=0;function ec(){return 6&Ol?Ze():-1!==Jl?Jl:Jl=Ze()}function tc(e){return 1&e.mode?2&Ol&&0!==Pl?Pl&-Pl:null!==ga.transition?(0===Xl&&(Xl=ht()),Xl):0!==(e=vt)?e:e=void 0===(e=window.event)?16:Yt(e.type):1}function nc(e,t,n,r){if(50<Yl)throw Yl=0,Zl=null,Error(a(185));bt(e,n,r),2&Ol&&e===Al||(e===Al&&(!(2&Ol)&&(Ml|=n),4===Nl&&sc(e,Pl)),rc(e,r),1===n&&0===Ol&&!(1&t.mode)&&(ql=Ze()+500,Bo&&$o()))}function rc(e,t){var n=e.callbackNode;!function(e,t){for(var n=e.suspendedLanes,r=e.pingedLanes,o=e.expirationTimes,a=e.pendingLanes;0<a;){var i=31-it(a),s=1<<i,l=o[i];-1===l?s&n&&!(s&r)||(o[i]=ft(s,t)):l<=t&&(e.expiredLanes|=s),a&=~s}}(e,t);var r=pt(e,e===Al?Pl:0);if(0===r)null!==n&&Ke(n),e.callbackNode=null,e.callbackPriority=0;else if(t=r&-r,e.callbackPriority!==t){if(null!=n&&Ke(n),1===t)0===e.tag?function(e){Bo=!0,qo(e)}(lc.bind(null,e)):qo(lc.bind(null,e)),io((function(){!(6&Ol)&&$o()})),n=null;else{switch(wt(r)){case 1:n=Xe;break;case 4:n=et;break;case 16:default:n=tt;break;case 536870912:n=rt}n=Ac(n,oc.bind(null,e))}e.callbackPriority=t,e.callbackNode=n}}function oc(e,t){if(Jl=-1,Xl=0,6&Ol)throw Error(a(327));var n=e.callbackNode;if(Sc()&&e.callbackNode!==n)return null;var r=pt(e,e===Al?Pl:0);if(0===r)return null;if(30&r||r&e.expiredLanes||t)t=gc(e,r);else{t=r;var o=Ol;Ol|=2;var i=mc();for(Al===e&&Pl===t||($l=null,ql=Ze()+500,pc(e,t));;)try{yc();break}catch(l){fc(e,l)}ja(),_l.current=i,Ol=o,null!==Tl?t=0:(Al=null,Pl=0,t=Nl)}if(0!==t){if(2===t&&(0!==(o=mt(e))&&(r=o,t=ac(e,o))),1===t)throw n=Rl,pc(e,0),sc(e,r),rc(e,Ze()),n;if(6===t)sc(e,r);else{if(o=e.current.alternate,!(30&r||function(e){for(var t=e;;){if(16384&t.flags){var n=t.updateQueue;if(null!==n&&null!==(n=n.stores))for(var r=0;r<n.length;r++){var o=n[r],a=o.getSnapshot;o=o.value;try{if(!sr(a(),o))return!1}catch(s){return!1}}}if(n=t.child,16384&t.subtreeFlags&&null!==n)n.return=t,t=n;else{if(t===e)break;for(;null===t.sibling;){if(null===t.return||t.return===e)return!0;t=t.return}t.sibling.return=t.return,t=t.sibling}}return!0}(o)||(t=gc(e,r),2===t&&(i=mt(e),0!==i&&(r=i,t=ac(e,i))),1!==t)))throw n=Rl,pc(e,0),sc(e,r),rc(e,Ze()),n;switch(e.finishedWork=o,e.finishedLanes=r,t){case 0:case 1:throw Error(a(345));case 2:case 5:kc(e,Bl,$l);break;case 3:if(sc(e,r),(130023424&r)===r&&10<(t=Ul+500-Ze())){if(0!==pt(e,0))break;if(((o=e.suspendedLanes)&r)!==r){ec(),e.pingedLanes|=e.suspendedLanes&o;break}e.timeoutHandle=ro(kc.bind(null,e,Bl,$l),t);break}kc(e,Bl,$l);break;case 4:if(sc(e,r),(4194240&r)===r)break;for(t=e.eventTimes,o=-1;0<r;){var s=31-it(r);i=1<<s,(s=t[s])>o&&(o=s),r&=~i}if(r=o,10<(r=(120>(r=Ze()-r)?120:480>r?480:1080>r?1080:1920>r?1920:3e3>r?3e3:4320>r?4320:1960*El(r/1960))-r)){e.timeoutHandle=ro(kc.bind(null,e,Bl,$l),r);break}kc(e,Bl,$l);break;default:throw Error(a(329))}}}return rc(e,Ze()),e.callbackNode===n?oc.bind(null,e):null}function ac(e,t){var n=zl;return e.current.memoizedState.isDehydrated&&(pc(e,t).flags|=256),2!==(e=gc(e,t))&&(t=Bl,Bl=n,null!==t&&ic(t)),e}function ic(e){null===Bl?Bl=e:Bl.push.apply(Bl,e)}function sc(e,t){for(t&=~Fl,t&=~Ml,e.suspendedLanes|=t,e.pingedLanes&=~t,e=e.expirationTimes;0<t;){var n=31-it(t),r=1<<n;e[n]=-1,t&=~r}}function lc(e){if(6&Ol)throw Error(a(327));Sc();var t=pt(e,0);if(!(1&t))return rc(e,Ze()),null;var n=gc(e,t);if(0!==e.tag&&2===n){var r=mt(e);0!==r&&(t=r,n=ac(e,r))}if(1===n)throw n=Rl,pc(e,0),sc(e,t),rc(e,Ze()),n;if(6===n)throw Error(a(345));return e.finishedWork=e.current.alternate,e.finishedLanes=t,kc(e,Bl,$l),rc(e,Ze()),null}function cc(e,t){var n=Ol;Ol|=1;try{return e(t)}finally{0===(Ol=n)&&(ql=Ze()+500,Bo&&$o())}}function uc(e){null!==Kl&&0===Kl.tag&&!(6&Ol)&&Sc();var t=Ol;Ol|=1;var n=jl.transition,r=vt;try{if(jl.transition=null,vt=1,e)return e()}finally{vt=r,jl.transition=n,!(6&(Ol=t))&&$o()}}function dc(){Ll=Il.current,Co(Il)}function pc(e,t){e.finishedWork=null,e.finishedLanes=0;var n=e.timeoutHandle;if(-1!==n&&(e.timeoutHandle=-1,oo(n)),null!==Tl)for(n=Tl.return;null!==n;){var r=n;switch(na(r),r.tag){case 1:null!=(r=r.type.childContextTypes)&&No();break;case 3:Za(),Co(To),Co(Ao),ri();break;case 5:Xa(r);break;case 4:Za();break;case 13:case 19:Co(ei);break;case 10:Oa(r.type._context);break;case 22:case 23:dc()}n=n.return}if(Al=e,Tl=e=Ic(e.current,null),Pl=Ll=t,Nl=0,Rl=null,Fl=Ml=Dl=0,Bl=zl=null,null!==La){for(t=0;t<La.length;t++)if(null!==(r=(n=La[t]).interleaved)){n.interleaved=null;var o=r.next,a=n.pending;if(null!==a){var i=a.next;a.next=o,r.next=i}n.pending=r}La=null}return e}function fc(e,t){for(;;){var n=Tl;try{if(ja(),oi.current=Ji,ui){for(var r=si.memoizedState;null!==r;){var o=r.queue;null!==o&&(o.pending=null),r=r.next}ui=!1}if(ii=0,ci=li=si=null,di=!1,pi=0,Cl.current=null,null===n||null===n.return){Nl=1,Rl=t,Tl=null;break}e:{var i=e,s=n.return,l=n,c=t;if(t=Pl,l.flags|=32768,null!==c&&"object"==typeof c&&"function"==typeof c.then){var u=c,d=l,p=d.tag;if(!(1&d.mode||0!==p&&11!==p&&15!==p)){var f=d.alternate;f?(d.updateQueue=f.updateQueue,d.memoizedState=f.memoizedState,d.lanes=f.lanes):(d.updateQueue=null,d.memoizedState=null)}var m=gs(s);if(null!==m){m.flags&=-257,bs(m,s,l,0,t),1&m.mode&&hs(i,u,t),c=u;var h=(t=m).updateQueue;if(null===h){var g=new Set;g.add(c),t.updateQueue=g}else h.add(c);break e}if(!(1&t)){hs(i,u,t),hc();break e}c=Error(a(426))}else if(aa&&1&l.mode){var b=gs(s);if(null!==b){!(65536&b.flags)&&(b.flags|=256),bs(b,s,l,0,t),ha(cs(c,l));break e}}i=c=cs(c,l),4!==Nl&&(Nl=2),null===zl?zl=[i]:zl.push(i),i=s;do{switch(i.tag){case 3:i.flags|=65536,t&=-t,i.lanes|=t,qa(i,fs(0,c,t));break e;case 1:l=c;var y=i.type,v=i.stateNode;if(!(128&i.flags||"function"!=typeof y.getDerivedStateFromError&&(null===v||"function"!=typeof v.componentDidCatch||null!==Gl&&Gl.has(v)))){i.flags|=65536,t&=-t,i.lanes|=t,qa(i,ms(i,l,t));break e}}i=i.return}while(null!==i)}wc(n)}catch(w){t=w,Tl===n&&null!==n&&(Tl=n=n.return);continue}break}}function mc(){var e=_l.current;return _l.current=Ji,null===e?Ji:e}function hc(){0!==Nl&&3!==Nl&&2!==Nl||(Nl=4),null===Al||!(268435455&Dl)&&!(268435455&Ml)||sc(Al,Pl)}function gc(e,t){var n=Ol;Ol|=2;var r=mc();for(Al===e&&Pl===t||($l=null,pc(e,t));;)try{bc();break}catch(o){fc(e,o)}if(ja(),Ol=n,_l.current=r,null!==Tl)throw Error(a(261));return Al=null,Pl=0,Nl}function bc(){for(;null!==Tl;)vc(Tl)}function yc(){for(;null!==Tl&&!Qe();)vc(Tl)}function vc(e){var t=xl(e.alternate,e,Ll);e.memoizedProps=e.pendingProps,null===t?wc(e):Tl=t,Cl.current=null}function wc(e){var t=e;do{var n=t.alternate;if(e=t.return,32768&t.flags){if(null!==(n=Ks(n,t)))return n.flags&=32767,void(Tl=n);if(null===e)return Nl=6,void(Tl=null);e.flags|=32768,e.subtreeFlags=0,e.deletions=null}else if(null!==(n=Ws(n,t,Ll)))return void(Tl=n);if(null!==(t=t.sibling))return void(Tl=t);Tl=t=e}while(null!==t);0===Nl&&(Nl=5)}function kc(e,t,n){var r=vt,o=jl.transition;try{jl.transition=null,vt=1,function(e,t,n,r){do{Sc()}while(null!==Kl);if(6&Ol)throw Error(a(327));n=e.finishedWork;var o=e.finishedLanes;if(null===n)return null;if(e.finishedWork=null,e.finishedLanes=0,n===e.current)throw Error(a(177));e.callbackNode=null,e.callbackPriority=0;var i=n.lanes|n.childLanes;if(function(e,t){var n=e.pendingLanes&~t;e.pendingLanes=t,e.suspendedLanes=0,e.pingedLanes=0,e.expiredLanes&=t,e.mutableReadLanes&=t,e.entangledLanes&=t,t=e.entanglements;var r=e.eventTimes;for(e=e.expirationTimes;0<n;){var o=31-it(n),a=1<<o;t[o]=0,r[o]=-1,e[o]=-1,n&=~a}}(e,i),e===Al&&(Tl=Al=null,Pl=0),!(2064&n.subtreeFlags)&&!(2064&n.flags)||Wl||(Wl=!0,Ac(tt,(function(){return Sc(),null}))),i=!!(15990&n.flags),!!(15990&n.subtreeFlags)||i){i=jl.transition,jl.transition=null;var s=vt;vt=1;var l=Ol;Ol|=4,Cl.current=null,function(e,t){if(eo=Ht,fr(e=pr())){if("selectionStart"in e)var n={start:e.selectionStart,end:e.selectionEnd};else e:{var r=(n=(n=e.ownerDocument)&&n.defaultView||window).getSelection&&n.getSelection();if(r&&0!==r.rangeCount){n=r.anchorNode;var o=r.anchorOffset,i=r.focusNode;r=r.focusOffset;try{n.nodeType,i.nodeType}catch(k){n=null;break e}var s=0,l=-1,c=-1,u=0,d=0,p=e,f=null;t:for(;;){for(var m;p!==n||0!==o&&3!==p.nodeType||(l=s+o),p!==i||0!==r&&3!==p.nodeType||(c=s+r),3===p.nodeType&&(s+=p.nodeValue.length),null!==(m=p.firstChild);)f=p,p=m;for(;;){if(p===e)break t;if(f===n&&++u===o&&(l=s),f===i&&++d===r&&(c=s),null!==(m=p.nextSibling))break;f=(p=f).parentNode}p=m}n=-1===l||-1===c?null:{start:l,end:c}}else n=null}n=n||{start:0,end:0}}else n=null;for(to={focusedElem:e,selectionRange:n},Ht=!1,Js=t;null!==Js;)if(e=(t=Js).child,1028&t.subtreeFlags&&null!==e)e.return=t,Js=e;else for(;null!==Js;){t=Js;try{var h=t.alternate;if(1024&t.flags)switch(t.tag){case 0:case 11:case 15:case 5:case 6:case 4:case 17:break;case 1:if(null!==h){var g=h.memoizedProps,b=h.memoizedState,y=t.stateNode,v=y.getSnapshotBeforeUpdate(t.elementType===t.type?g:ns(t.type,g),b);y.__reactInternalSnapshotBeforeUpdate=v}break;case 3:var w=t.stateNode.containerInfo;1===w.nodeType?w.textContent="":9===w.nodeType&&w.documentElement&&w.removeChild(w.documentElement);break;default:throw Error(a(163))}}catch(k){Ec(t,t.return,k)}if(null!==(e=t.sibling)){e.return=t.return,Js=e;break}Js=t.return}h=tl,tl=!1}(e,n),gl(n,e),mr(to),Ht=!!eo,to=eo=null,e.current=n,yl(n,e,o),Ye(),Ol=l,vt=s,jl.transition=i}else e.current=n;if(Wl&&(Wl=!1,Kl=e,Ql=o),i=e.pendingLanes,0===i&&(Gl=null),function(e){if(at&&"function"==typeof at.onCommitFiberRoot)try{at.onCommitFiberRoot(ot,e,void 0,!(128&~e.current.flags))}catch(t){}}(n.stateNode),rc(e,Ze()),null!==t)for(r=e.onRecoverableError,n=0;n<t.length;n++)o=t[n],r(o.value,{componentStack:o.stack,digest:o.digest});if(Hl)throw Hl=!1,e=Vl,Vl=null,e;!!(1&Ql)&&0!==e.tag&&Sc(),i=e.pendingLanes,1&i?e===Zl?Yl++:(Yl=0,Zl=e):Yl=0,$o()}(e,t,n,r)}finally{jl.transition=o,vt=r}return null}function Sc(){if(null!==Kl){var e=wt(Ql),t=jl.transition,n=vt;try{if(jl.transition=null,vt=16>e?16:e,null===Kl)var r=!1;else{if(e=Kl,Kl=null,Ql=0,6&Ol)throw Error(a(331));var o=Ol;for(Ol|=4,Js=e.current;null!==Js;){var i=Js,s=i.child;if(16&Js.flags){var l=i.deletions;if(null!==l){for(var c=0;c<l.length;c++){var u=l[c];for(Js=u;null!==Js;){var d=Js;switch(d.tag){case 0:case 11:case 15:nl(8,d,i)}var p=d.child;if(null!==p)p.return=d,Js=p;else for(;null!==Js;){var f=(d=Js).sibling,m=d.return;if(al(d),d===u){Js=null;break}if(null!==f){f.return=m,Js=f;break}Js=m}}}var h=i.alternate;if(null!==h){var g=h.child;if(null!==g){h.child=null;do{var b=g.sibling;g.sibling=null,g=b}while(null!==g)}}Js=i}}if(2064&i.subtreeFlags&&null!==s)s.return=i,Js=s;else e:for(;null!==Js;){if(2048&(i=Js).flags)switch(i.tag){case 0:case 11:case 15:nl(9,i,i.return)}var y=i.sibling;if(null!==y){y.return=i.return,Js=y;break e}Js=i.return}}var v=e.current;for(Js=v;null!==Js;){var w=(s=Js).child;if(2064&s.subtreeFlags&&null!==w)w.return=s,Js=w;else e:for(s=v;null!==Js;){if(2048&(l=Js).flags)try{switch(l.tag){case 0:case 11:case 15:rl(9,l)}}catch(S){Ec(l,l.return,S)}if(l===s){Js=null;break e}var k=l.sibling;if(null!==k){k.return=l.return,Js=k;break e}Js=l.return}}if(Ol=o,$o(),at&&"function"==typeof at.onPostCommitFiberRoot)try{at.onPostCommitFiberRoot(ot,e)}catch(S){}r=!0}return r}finally{vt=n,jl.transition=t}}return!1}function xc(e,t,n){e=Ba(e,t=fs(0,t=cs(n,t),1),1),t=ec(),null!==e&&(bt(e,1,t),rc(e,t))}function Ec(e,t,n){if(3===e.tag)xc(e,e,n);else for(;null!==t;){if(3===t.tag){xc(t,e,n);break}if(1===t.tag){var r=t.stateNode;if("function"==typeof t.type.getDerivedStateFromError||"function"==typeof r.componentDidCatch&&(null===Gl||!Gl.has(r))){t=Ba(t,e=ms(t,e=cs(n,e),1),1),e=ec(),null!==t&&(bt(t,1,e),rc(t,e));break}}t=t.return}}function _c(e,t,n){var r=e.pingCache;null!==r&&r.delete(t),t=ec(),e.pingedLanes|=e.suspendedLanes&n,Al===e&&(Pl&n)===n&&(4===Nl||3===Nl&&(130023424&Pl)===Pl&&500>Ze()-Ul?pc(e,0):Fl|=n),rc(e,t)}function Cc(e,t){0===t&&(1&e.mode?(t=ut,!(130023424&(ut<<=1))&&(ut=4194304)):t=1);var n=ec();null!==(e=Ra(e,t))&&(bt(e,t,n),rc(e,n))}function jc(e){var t=e.memoizedState,n=0;null!==t&&(n=t.retryLane),Cc(e,n)}function Oc(e,t){var n=0;switch(e.tag){case 13:var r=e.stateNode,o=e.memoizedState;null!==o&&(n=o.retryLane);break;case 19:r=e.stateNode;break;default:throw Error(a(314))}null!==r&&r.delete(t),Cc(e,n)}function Ac(e,t){return We(e,t)}function Tc(e,t,n,r){this.tag=e,this.key=n,this.sibling=this.child=this.return=this.stateNode=this.type=this.elementType=null,this.index=0,this.ref=null,this.pendingProps=t,this.dependencies=this.memoizedState=this.updateQueue=this.memoizedProps=null,this.mode=r,this.subtreeFlags=this.flags=0,this.deletions=null,this.childLanes=this.lanes=0,this.alternate=null}function Pc(e,t,n,r){return new Tc(e,t,n,r)}function Lc(e){return!(!(e=e.prototype)||!e.isReactComponent)}function Ic(e,t){var n=e.alternate;return null===n?((n=Pc(e.tag,t,e.key,e.mode)).elementType=e.elementType,n.type=e.type,n.stateNode=e.stateNode,n.alternate=e,e.alternate=n):(n.pendingProps=t,n.type=e.type,n.flags=0,n.subtreeFlags=0,n.deletions=null),n.flags=14680064&e.flags,n.childLanes=e.childLanes,n.lanes=e.lanes,n.child=e.child,n.memoizedProps=e.memoizedProps,n.memoizedState=e.memoizedState,n.updateQueue=e.updateQueue,t=e.dependencies,n.dependencies=null===t?null:{lanes:t.lanes,firstContext:t.firstContext},n.sibling=e.sibling,n.index=e.index,n.ref=e.ref,n}function Nc(e,t,n,r,o,i){var s=2;if(r=e,"function"==typeof e)Lc(e)&&(s=1);else if("string"==typeof e)s=5;else e:switch(e){case x:return Rc(n.children,o,i,t);case E:s=8,o|=8;break;case _:return(e=Pc(12,n,t,2|o)).elementType=_,e.lanes=i,e;case A:return(e=Pc(13,n,t,o)).elementType=A,e.lanes=i,e;case T:return(e=Pc(19,n,t,o)).elementType=T,e.lanes=i,e;case I:return Dc(n,o,i,t);default:if("object"==typeof e&&null!==e)switch(e.$$typeof){case C:s=10;break e;case j:s=9;break e;case O:s=11;break e;case P:s=14;break e;case L:s=16,r=null;break e}throw Error(a(130,null==e?e:typeof e,""))}return(t=Pc(s,n,t,o)).elementType=e,t.type=r,t.lanes=i,t}function Rc(e,t,n,r){return(e=Pc(7,e,r,t)).lanes=n,e}function Dc(e,t,n,r){return(e=Pc(22,e,r,t)).elementType=I,e.lanes=n,e.stateNode={isHidden:!1},e}function Mc(e,t,n){return(e=Pc(6,e,null,t)).lanes=n,e}function Fc(e,t,n){return(t=Pc(4,null!==e.children?e.children:[],e.key,t)).lanes=n,t.stateNode={containerInfo:e.containerInfo,pendingChildren:null,implementation:e.implementation},t}function zc(e,t,n,r,o){this.tag=t,this.containerInfo=e,this.finishedWork=this.pingCache=this.current=this.pendingChildren=null,this.timeoutHandle=-1,this.callbackNode=this.pendingContext=this.context=null,this.callbackPriority=0,this.eventTimes=gt(0),this.expirationTimes=gt(-1),this.entangledLanes=this.finishedLanes=this.mutableReadLanes=this.expiredLanes=this.pingedLanes=this.suspendedLanes=this.pendingLanes=0,this.entanglements=gt(0),this.identifierPrefix=r,this.onRecoverableError=o,this.mutableSourceEagerHydrationData=null}function Bc(e,t,n,r,o,a,i,s,l){return e=new zc(e,t,n,s,l),1===t?(t=1,!0===a&&(t|=8)):t=0,a=Pc(3,null,null,t),e.current=a,a.stateNode=e,a.memoizedState={element:r,isDehydrated:n,cache:null,transitions:null,pendingSuspenseBoundaries:null},Ma(a),e}function Uc(e){if(!e)return Oo;e:{if(qe(e=e._reactInternals)!==e||1!==e.tag)throw Error(a(170));var t=e;do{switch(t.tag){case 3:t=t.stateNode.context;break e;case 1:if(Io(t.type)){t=t.stateNode.__reactInternalMemoizedMergedChildContext;break e}}t=t.return}while(null!==t);throw Error(a(171))}if(1===e.tag){var n=e.type;if(Io(n))return Do(e,n,t)}return t}function qc(e,t,n,r,o,a,i,s,l){return(e=Bc(n,r,!0,e,0,a,0,s,l)).context=Uc(null),n=e.current,(a=za(r=ec(),o=tc(n))).callback=null!=t?t:null,Ba(n,a,o),e.current.lanes=o,bt(e,o,r),rc(e,r),e}function $c(e,t,n,r){var o=t.current,a=ec(),i=tc(o);return n=Uc(n),null===t.context?t.context=n:t.pendingContext=n,(t=za(a,i)).payload={element:e},null!==(r=void 0===r?null:r)&&(t.callback=r),null!==(e=Ba(o,t,i))&&(nc(e,o,i,a),Ua(e,o,i)),i}function Hc(e){return(e=e.current).child?(e.child.tag,e.child.stateNode):null}function Vc(e,t){if(null!==(e=e.memoizedState)&&null!==e.dehydrated){var n=e.retryLane;e.retryLane=0!==n&&n<t?n:t}}function Gc(e,t){Vc(e,t),(e=e.alternate)&&Vc(e,t)}xl=function(e,t,n){if(null!==e)if(e.memoizedProps!==t.pendingProps||To.current)vs=!0;else{if(!(e.lanes&n||128&t.flags))return vs=!1,function(e,t,n){switch(t.tag){case 3:As(t),ma();break;case 5:Ja(t);break;case 1:Io(t.type)&&Mo(t);break;case 4:Ya(t,t.stateNode.containerInfo);break;case 10:var r=t.type._context,o=t.memoizedProps.value;jo(xa,r._currentValue),r._currentValue=o;break;case 13:if(null!==(r=t.memoizedState))return null!==r.dehydrated?(jo(ei,1&ei.current),t.flags|=128,null):n&t.child.childLanes?Ms(e,t,n):(jo(ei,1&ei.current),null!==(e=Hs(e,t,n))?e.sibling:null);jo(ei,1&ei.current);break;case 19:if(r=!!(n&t.childLanes),128&e.flags){if(r)return qs(e,t,n);t.flags|=128}if(null!==(o=t.memoizedState)&&(o.rendering=null,o.tail=null,o.lastEffect=null),jo(ei,ei.current),r)break;return null;case 22:case 23:return t.lanes=0,Es(e,t,n)}return Hs(e,t,n)}(e,t,n);vs=!!(131072&e.flags)}else vs=!1,aa&&1048576&t.flags&&ea(t,Wo,t.index);switch(t.lanes=0,t.tag){case 2:var r=t.type;$s(e,t),e=t.pendingProps;var o=Lo(t,Ao.current);Ta(t,n),o=gi(null,t,r,e,o,n);var i=bi();return t.flags|=1,"object"==typeof o&&null!==o&&"function"==typeof o.render&&void 0===o.$$typeof?(t.tag=1,t.memoizedState=null,t.updateQueue=null,Io(r)?(i=!0,Mo(t)):i=!1,t.memoizedState=null!==o.state&&void 0!==o.state?o.state:null,Ma(t),o.updater=os,t.stateNode=o,o._reactInternals=t,ls(t,r,e,n),t=Os(null,t,r,!0,i,n)):(t.tag=0,aa&&i&&ta(t),ws(null,t,o,n),t=t.child),t;case 16:r=t.elementType;e:{switch($s(e,t),e=t.pendingProps,r=(o=r._init)(r._payload),t.type=r,o=t.tag=function(e){if("function"==typeof e)return Lc(e)?1:0;if(null!=e){if((e=e.$$typeof)===O)return 11;if(e===P)return 14}return 2}(r),e=ns(r,e),o){case 0:t=Cs(null,t,r,e,n);break e;case 1:t=js(null,t,r,e,n);break e;case 11:t=ks(null,t,r,e,n);break e;case 14:t=Ss(null,t,r,ns(r.type,e),n);break e}throw Error(a(306,r,""))}return t;case 0:return r=t.type,o=t.pendingProps,Cs(e,t,r,o=t.elementType===r?o:ns(r,o),n);case 1:return r=t.type,o=t.pendingProps,js(e,t,r,o=t.elementType===r?o:ns(r,o),n);case 3:e:{if(As(t),null===e)throw Error(a(387));r=t.pendingProps,o=(i=t.memoizedState).element,Fa(e,t),$a(t,r,null,n);var s=t.memoizedState;if(r=s.element,i.isDehydrated){if(i={element:r,isDehydrated:!1,cache:s.cache,pendingSuspenseBoundaries:s.pendingSuspenseBoundaries,transitions:s.transitions},t.updateQueue.baseState=i,t.memoizedState=i,256&t.flags){t=Ts(e,t,r,n,o=cs(Error(a(423)),t));break e}if(r!==o){t=Ts(e,t,r,n,o=cs(Error(a(424)),t));break e}for(oa=co(t.stateNode.containerInfo.firstChild),ra=t,aa=!0,ia=null,n=Sa(t,null,r,n),t.child=n;n;)n.flags=-3&n.flags|4096,n=n.sibling}else{if(ma(),r===o){t=Hs(e,t,n);break e}ws(e,t,r,n)}t=t.child}return t;case 5:return Ja(t),null===e&&ua(t),r=t.type,o=t.pendingProps,i=null!==e?e.memoizedProps:null,s=o.children,no(r,o)?s=null:null!==i&&no(r,i)&&(t.flags|=32),_s(e,t),ws(e,t,s,n),t.child;case 6:return null===e&&ua(t),null;case 13:return Ms(e,t,n);case 4:return Ya(t,t.stateNode.containerInfo),r=t.pendingProps,null===e?t.child=ka(t,null,r,n):ws(e,t,r,n),t.child;case 11:return r=t.type,o=t.pendingProps,ks(e,t,r,o=t.elementType===r?o:ns(r,o),n);case 7:return ws(e,t,t.pendingProps,n),t.child;case 8:case 12:return ws(e,t,t.pendingProps.children,n),t.child;case 10:e:{if(r=t.type._context,o=t.pendingProps,i=t.memoizedProps,s=o.value,jo(xa,r._currentValue),r._currentValue=s,null!==i)if(sr(i.value,s)){if(i.children===o.children&&!To.current){t=Hs(e,t,n);break e}}else for(null!==(i=t.child)&&(i.return=t);null!==i;){var l=i.dependencies;if(null!==l){s=i.child;for(var c=l.firstContext;null!==c;){if(c.context===r){if(1===i.tag){(c=za(-1,n&-n)).tag=2;var u=i.updateQueue;if(null!==u){var d=(u=u.shared).pending;null===d?c.next=c:(c.next=d.next,d.next=c),u.pending=c}}i.lanes|=n,null!==(c=i.alternate)&&(c.lanes|=n),Aa(i.return,n,t),l.lanes|=n;break}c=c.next}}else if(10===i.tag)s=i.type===t.type?null:i.child;else if(18===i.tag){if(null===(s=i.return))throw Error(a(341));s.lanes|=n,null!==(l=s.alternate)&&(l.lanes|=n),Aa(s,n,t),s=i.sibling}else s=i.child;if(null!==s)s.return=i;else for(s=i;null!==s;){if(s===t){s=null;break}if(null!==(i=s.sibling)){i.return=s.return,s=i;break}s=s.return}i=s}ws(e,t,o.children,n),t=t.child}return t;case 9:return o=t.type,r=t.pendingProps.children,Ta(t,n),r=r(o=Pa(o)),t.flags|=1,ws(e,t,r,n),t.child;case 14:return o=ns(r=t.type,t.pendingProps),Ss(e,t,r,o=ns(r.type,o),n);case 15:return xs(e,t,t.type,t.pendingProps,n);case 17:return r=t.type,o=t.pendingProps,o=t.elementType===r?o:ns(r,o),$s(e,t),t.tag=1,Io(r)?(e=!0,Mo(t)):e=!1,Ta(t,n),is(t,r,o),ls(t,r,o,n),Os(null,t,r,!0,e,n);case 19:return qs(e,t,n);case 22:return Es(e,t,n)}throw Error(a(156,t.tag))};var Wc="function"==typeof reportError?reportError:function(e){console.error(e)};function Kc(e){this._internalRoot=e}function Qc(e){this._internalRoot=e}function Yc(e){return!(!e||1!==e.nodeType&&9!==e.nodeType&&11!==e.nodeType)}function Zc(e){return!(!e||1!==e.nodeType&&9!==e.nodeType&&11!==e.nodeType&&(8!==e.nodeType||" react-mount-point-unstable "!==e.nodeValue))}function Jc(){}function Xc(e,t,n,r,o){var a=n._reactRootContainer;if(a){var i=a;if("function"==typeof o){var s=o;o=function(){var e=Hc(i);s.call(e)}}$c(t,i,e,o)}else i=function(e,t,n,r,o){if(o){if("function"==typeof r){var a=r;r=function(){var e=Hc(i);a.call(e)}}var i=qc(t,r,e,0,null,!1,0,"",Jc);return e._reactRootContainer=i,e[ho]=i.current,qr(8===e.nodeType?e.parentNode:e),uc(),i}for(;o=e.lastChild;)e.removeChild(o);if("function"==typeof r){var s=r;r=function(){var e=Hc(l);s.call(e)}}var l=Bc(e,0,!1,null,0,!1,0,"",Jc);return e._reactRootContainer=l,e[ho]=l.current,qr(8===e.nodeType?e.parentNode:e),uc((function(){$c(t,l,n,r)})),l}(n,t,e,o,r);return Hc(i)}Qc.prototype.render=Kc.prototype.render=function(e){var t=this._internalRoot;if(null===t)throw Error(a(409));$c(e,t,null,null)},Qc.prototype.unmount=Kc.prototype.unmount=function(){var e=this._internalRoot;if(null!==e){this._internalRoot=null;var t=e.containerInfo;uc((function(){$c(null,e,null,null)})),t[ho]=null}},Qc.prototype.unstable_scheduleHydration=function(e){if(e){var t=Et();e={blockedOn:null,target:e,priority:t};for(var n=0;n<It.length&&0!==t&&t<It[n].priority;n++);It.splice(n,0,e),0===n&&Mt(e)}},kt=function(e){switch(e.tag){case 3:var t=e.stateNode;if(t.current.memoizedState.isDehydrated){var n=dt(t.pendingLanes);0!==n&&(yt(t,1|n),rc(t,Ze()),!(6&Ol)&&(ql=Ze()+500,$o()))}break;case 13:uc((function(){var t=Ra(e,1);if(null!==t){var n=ec();nc(t,e,1,n)}})),Gc(e,1)}},St=function(e){if(13===e.tag){var t=Ra(e,134217728);if(null!==t)nc(t,e,134217728,ec());Gc(e,134217728)}},xt=function(e){if(13===e.tag){var t=tc(e),n=Ra(e,t);if(null!==n)nc(n,e,t,ec());Gc(e,t)}},Et=function(){return vt},_t=function(e,t){var n=vt;try{return vt=e,t()}finally{vt=n}},Se=function(e,t,n){switch(t){case"input":if(J(e,n),t=n.name,"radio"===n.type&&null!=t){for(n=e;n.parentNode;)n=n.parentNode;for(n=n.querySelectorAll("input[name="+JSON.stringify(""+t)+'][type="radio"]'),t=0;t<n.length;t++){var r=n[t];if(r!==e&&r.form===e.form){var o=So(r);if(!o)throw Error(a(90));W(r),J(r,o)}}}break;case"textarea":ae(e,n);break;case"select":null!=(t=n.value)&&ne(e,!!n.multiple,t,!1)}},Oe=cc,Ae=uc;var eu={usingClientEntryPoint:!1,Events:[wo,ko,So,Ce,je,cc]},tu={findFiberByHostInstance:vo,bundleType:0,version:"18.3.1",rendererPackageName:"react-dom"},nu={bundleType:tu.bundleType,version:tu.version,rendererPackageName:tu.rendererPackageName,rendererConfig:tu.rendererConfig,overrideHookState:null,overrideHookStateDeletePath:null,overrideHookStateRenamePath:null,overrideProps:null,overridePropsDeletePath:null,overridePropsRenamePath:null,setErrorHandler:null,setSuspenseHandler:null,scheduleUpdate:null,currentDispatcherRef:w.ReactCurrentDispatcher,findHostInstanceByFiber:function(e){return null===(e=Ve(e))?null:e.stateNode},findFiberByHostInstance:tu.findFiberByHostInstance||function(){return null},findHostInstancesForRefresh:null,scheduleRefresh:null,scheduleRoot:null,setRefreshHandler:null,getCurrentFiber:null,reconcilerVersion:"18.3.1-next-f1338f8080-20240426"};if("undefined"!=typeof __REACT_DEVTOOLS_GLOBAL_HOOK__){var ru=__REACT_DEVTOOLS_GLOBAL_HOOK__;if(!ru.isDisabled&&ru.supportsFiber)try{ot=ru.inject(nu),at=ru}catch(ue){}}t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED=eu,t.createPortal=function(e,t){var n=2<arguments.length&&void 0!==arguments[2]?arguments[2]:null;if(!Yc(t))throw Error(a(200));return function(e,t,n){var r=3<arguments.length&&void 0!==arguments[3]?arguments[3]:null;return{$$typeof:S,key:null==r?null:""+r,children:e,containerInfo:t,implementation:n}}(e,t,null,n)},t.createRoot=function(e,t){if(!Yc(e))throw Error(a(299));var n=!1,r="",o=Wc;return null!=t&&(!0===t.unstable_strictMode&&(n=!0),void 0!==t.identifierPrefix&&(r=t.identifierPrefix),void 0!==t.onRecoverableError&&(o=t.onRecoverableError)),t=Bc(e,1,!1,null,0,n,0,r,o),e[ho]=t.current,qr(8===e.nodeType?e.parentNode:e),new Kc(t)},t.findDOMNode=function(e){if(null==e)return null;if(1===e.nodeType)return e;var t=e._reactInternals;if(void 0===t){if("function"==typeof e.render)throw Error(a(188));throw e=Object.keys(e).join(","),Error(a(268,e))}return e=null===(e=Ve(t))?null:e.stateNode},t.flushSync=function(e){return uc(e)},t.hydrate=function(e,t,n){if(!Zc(t))throw Error(a(200));return Xc(null,e,t,!0,n)},t.hydrateRoot=function(e,t,n){if(!Yc(e))throw Error(a(405));var r=null!=n&&n.hydratedSources||null,o=!1,i="",s=Wc;if(null!=n&&(!0===n.unstable_strictMode&&(o=!0),void 0!==n.identifierPrefix&&(i=n.identifierPrefix),void 0!==n.onRecoverableError&&(s=n.onRecoverableError)),t=qc(t,null,e,1,null!=n?n:null,o,0,i,s),e[ho]=t.current,qr(e),r)for(e=0;e<r.length;e++)o=(o=(n=r[e])._getVersion)(n._source),null==t.mutableSourceEagerHydrationData?t.mutableSourceEagerHydrationData=[n,o]:t.mutableSourceEagerHydrationData.push(n,o);return new Qc(t)},t.render=function(e,t,n){if(!Zc(t))throw Error(a(200));return Xc(null,e,t,!1,n)},t.unmountComponentAtNode=function(e){if(!Zc(e))throw Error(a(40));return!!e._reactRootContainer&&(uc((function(){Xc(null,null,e,!1,(function(){e._reactRootContainer=null,e[ho]=null}))})),!0)},t.unstable_batchedUpdates=cc,t.unstable_renderSubtreeIntoContainer=function(e,t,n,r){if(!Zc(n))throw Error(a(200));if(null==e||void 0===e._reactInternals)throw Error(a(38));return Xc(e,t,n,!1,r)},t.version="18.3.1-next-f1338f8080-20240426"},9576:(e,t,n)=>{"use strict";var r=n(8143);t.createRoot=r.createRoot,t.hydrateRoot=r.hydrateRoot},8143:(e,t,n)=>{"use strict";!function e(){if("undefined"!=typeof __REACT_DEVTOOLS_GLOBAL_HOOK__&&"function"==typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE)try{__REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE(e)}catch(t){console.error(t)}}(),e.exports=n(9481)},4072:e=>{var t="undefined"!=typeof Element,n="function"==typeof Map,r="function"==typeof Set,o="function"==typeof ArrayBuffer&&!!ArrayBuffer.isView;function a(e,i){if(e===i)return!0;if(e&&i&&"object"==typeof e&&"object"==typeof i){if(e.constructor!==i.constructor)return!1;var s,l,c,u;if(Array.isArray(e)){if((s=e.length)!=i.length)return!1;for(l=s;0!=l--;)if(!a(e[l],i[l]))return!1;return!0}if(n&&e instanceof Map&&i instanceof Map){if(e.size!==i.size)return!1;for(u=e.entries();!(l=u.next()).done;)if(!i.has(l.value[0]))return!1;for(u=e.entries();!(l=u.next()).done;)if(!a(l.value[1],i.get(l.value[0])))return!1;return!0}if(r&&e instanceof Set&&i instanceof Set){if(e.size!==i.size)return!1;for(u=e.entries();!(l=u.next()).done;)if(!i.has(l.value[0]))return!1;return!0}if(o&&ArrayBuffer.isView(e)&&ArrayBuffer.isView(i)){if((s=e.length)!=i.length)return!1;for(l=s;0!=l--;)if(e[l]!==i[l])return!1;return!0}if(e.constructor===RegExp)return e.source===i.source&&e.flags===i.flags;if(e.valueOf!==Object.prototype.valueOf&&"function"==typeof e.valueOf&&"function"==typeof i.valueOf)return e.valueOf()===i.valueOf();if(e.toString!==Object.prototype.toString&&"function"==typeof e.toString&&"function"==typeof i.toString)return e.toString()===i.toString();if((s=(c=Object.keys(e)).length)!==Object.keys(i).length)return!1;for(l=s;0!=l--;)if(!Object.prototype.hasOwnProperty.call(i,c[l]))return!1;if(t&&e instanceof Element)return!1;for(l=s;0!=l--;)if(("_owner"!==c[l]&&"__v"!==c[l]&&"__o"!==c[l]||!e.$$typeof)&&!a(e[c[l]],i[c[l]]))return!1;return!0}return e!=e&&i!=i}e.exports=function(e,t){try{return a(e,t)}catch(n){if((n.message||"").match(/stack|recursion/i))return console.warn("react-fast-compare cannot handle circular refs"),!1;throw n}}},248:(e,t,n)=>{"use strict";n.d(t,{mg:()=>X,vd:()=>V});var r=n(758),o=n(2736),a=n.n(o),i=n(4072),s=n.n(i),l=n(9597),c=n.n(l),u=n(2945),d=n.n(u);function p(){return p=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},p.apply(this,arguments)}function f(e,t){e.prototype=Object.create(t.prototype),e.prototype.constructor=e,m(e,t)}function m(e,t){return m=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e},m(e,t)}function h(e,t){if(null==e)return{};var n,r,o={},a=Object.keys(e);for(r=0;r<a.length;r++)t.indexOf(n=a[r])>=0||(o[n]=e[n]);return o}var g={BASE:"base",BODY:"body",HEAD:"head",HTML:"html",LINK:"link",META:"meta",NOSCRIPT:"noscript",SCRIPT:"script",STYLE:"style",TITLE:"title",FRAGMENT:"Symbol(react.fragment)"},b={rel:["amphtml","canonical","alternate"]},y={type:["application/ld+json"]},v={charset:"",name:["robots","description"],property:["og:type","og:title","og:url","og:image","og:image:alt","og:description","twitter:url","twitter:title","twitter:description","twitter:image","twitter:image:alt","twitter:card","twitter:site"]},w=Object.keys(g).map((function(e){return g[e]})),k={accesskey:"accessKey",charset:"charSet",class:"className",contenteditable:"contentEditable",contextmenu:"contextMenu","http-equiv":"httpEquiv",itemprop:"itemProp",tabindex:"tabIndex"},S=Object.keys(k).reduce((function(e,t){return e[k[t]]=t,e}),{}),x=function(e,t){for(var n=e.length-1;n>=0;n-=1){var r=e[n];if(Object.prototype.hasOwnProperty.call(r,t))return r[t]}return null},E=function(e){var t=x(e,g.TITLE),n=x(e,"titleTemplate");if(Array.isArray(t)&&(t=t.join("")),n&&t)return n.replace(/%s/g,(function(){return t}));var r=x(e,"defaultTitle");return t||r||void 0},_=function(e){return x(e,"onChangeClientState")||function(){}},C=function(e,t){return t.filter((function(t){return void 0!==t[e]})).map((function(t){return t[e]})).reduce((function(e,t){return p({},e,t)}),{})},j=function(e,t){return t.filter((function(e){return void 0!==e[g.BASE]})).map((function(e){return e[g.BASE]})).reverse().reduce((function(t,n){if(!t.length)for(var r=Object.keys(n),o=0;o<r.length;o+=1){var a=r[o].toLowerCase();if(-1!==e.indexOf(a)&&n[a])return t.concat(n)}return t}),[])},O=function(e,t,n){var r={};return n.filter((function(t){return!!Array.isArray(t[e])||(void 0!==t[e]&&console&&"function"==typeof console.warn&&console.warn("Helmet: "+e+' should be of type "Array". Instead found type "'+typeof t[e]+'"'),!1)})).map((function(t){return t[e]})).reverse().reduce((function(e,n){var o={};n.filter((function(e){for(var n,a=Object.keys(e),i=0;i<a.length;i+=1){var s=a[i],l=s.toLowerCase();-1===t.indexOf(l)||"rel"===n&&"canonical"===e[n].toLowerCase()||"rel"===l&&"stylesheet"===e[l].toLowerCase()||(n=l),-1===t.indexOf(s)||"innerHTML"!==s&&"cssText"!==s&&"itemprop"!==s||(n=s)}if(!n||!e[n])return!1;var c=e[n].toLowerCase();return r[n]||(r[n]={}),o[n]||(o[n]={}),!r[n][c]&&(o[n][c]=!0,!0)})).reverse().forEach((function(t){return e.push(t)}));for(var a=Object.keys(o),i=0;i<a.length;i+=1){var s=a[i],l=p({},r[s],o[s]);r[s]=l}return e}),[]).reverse()},A=function(e,t){if(Array.isArray(e)&&e.length)for(var n=0;n<e.length;n+=1)if(e[n][t])return!0;return!1},T=function(e){return Array.isArray(e)?e.join(""):e},P=function(e,t){return Array.isArray(e)?e.reduce((function(e,n){return function(e,t){for(var n=Object.keys(e),r=0;r<n.length;r+=1)if(t[n[r]]&&t[n[r]].includes(e[n[r]]))return!0;return!1}(n,t)?e.priority.push(n):e.default.push(n),e}),{priority:[],default:[]}):{default:e}},L=function(e,t){var n;return p({},e,((n={})[t]=void 0,n))},I=[g.NOSCRIPT,g.SCRIPT,g.STYLE],N=function(e,t){return void 0===t&&(t=!0),!1===t?String(e):String(e).replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;").replace(/'/g,"&#x27;")},R=function(e){return Object.keys(e).reduce((function(t,n){var r=void 0!==e[n]?n+'="'+e[n]+'"':""+n;return t?t+" "+r:r}),"")},D=function(e,t){return void 0===t&&(t={}),Object.keys(e).reduce((function(t,n){return t[k[n]||n]=e[n],t}),t)},M=function(e,t){return t.map((function(t,n){var o,a=((o={key:n})["data-rh"]=!0,o);return Object.keys(t).forEach((function(e){var n=k[e]||e;"innerHTML"===n||"cssText"===n?a.dangerouslySetInnerHTML={__html:t.innerHTML||t.cssText}:a[n]=t[e]})),r.createElement(e,a)}))},F=function(e,t,n){switch(e){case g.TITLE:return{toComponent:function(){return n=t.titleAttributes,(o={key:e=t.title})["data-rh"]=!0,a=D(n,o),[r.createElement(g.TITLE,a,e)];var e,n,o,a},toString:function(){return function(e,t,n,r){var o=R(n),a=T(t);return o?"<"+e+' data-rh="true" '+o+">"+N(a,r)+"</"+e+">":"<"+e+' data-rh="true">'+N(a,r)+"</"+e+">"}(e,t.title,t.titleAttributes,n)}};case"bodyAttributes":case"htmlAttributes":return{toComponent:function(){return D(t)},toString:function(){return R(t)}};default:return{toComponent:function(){return M(e,t)},toString:function(){return function(e,t,n){return t.reduce((function(t,r){var o=Object.keys(r).filter((function(e){return!("innerHTML"===e||"cssText"===e)})).reduce((function(e,t){var o=void 0===r[t]?t:t+'="'+N(r[t],n)+'"';return e?e+" "+o:o}),""),a=r.innerHTML||r.cssText||"",i=-1===I.indexOf(e);return t+"<"+e+' data-rh="true" '+o+(i?"/>":">"+a+"</"+e+">")}),"")}(e,t,n)}}}},z=function(e){var t=e.baseTag,n=e.bodyAttributes,r=e.encode,o=e.htmlAttributes,a=e.noscriptTags,i=e.styleTags,s=e.title,l=void 0===s?"":s,c=e.titleAttributes,u=e.linkTags,d=e.metaTags,p=e.scriptTags,f={toComponent:function(){},toString:function(){return""}};if(e.prioritizeSeoTags){var m=function(e){var t=e.linkTags,n=e.scriptTags,r=e.encode,o=P(e.metaTags,v),a=P(t,b),i=P(n,y);return{priorityMethods:{toComponent:function(){return[].concat(M(g.META,o.priority),M(g.LINK,a.priority),M(g.SCRIPT,i.priority))},toString:function(){return F(g.META,o.priority,r)+" "+F(g.LINK,a.priority,r)+" "+F(g.SCRIPT,i.priority,r)}},metaTags:o.default,linkTags:a.default,scriptTags:i.default}}(e);f=m.priorityMethods,u=m.linkTags,d=m.metaTags,p=m.scriptTags}return{priority:f,base:F(g.BASE,t,r),bodyAttributes:F("bodyAttributes",n,r),htmlAttributes:F("htmlAttributes",o,r),link:F(g.LINK,u,r),meta:F(g.META,d,r),noscript:F(g.NOSCRIPT,a,r),script:F(g.SCRIPT,p,r),style:F(g.STYLE,i,r),title:F(g.TITLE,{title:l,titleAttributes:c},r)}},B=[],U=function(e,t){var n=this;void 0===t&&(t="undefined"!=typeof document),this.instances=[],this.value={setHelmet:function(e){n.context.helmet=e},helmetInstances:{get:function(){return n.canUseDOM?B:n.instances},add:function(e){(n.canUseDOM?B:n.instances).push(e)},remove:function(e){var t=(n.canUseDOM?B:n.instances).indexOf(e);(n.canUseDOM?B:n.instances).splice(t,1)}}},this.context=e,this.canUseDOM=t,t||(e.helmet=z({baseTag:[],bodyAttributes:{},encodeSpecialCharacters:!0,htmlAttributes:{},linkTags:[],metaTags:[],noscriptTags:[],scriptTags:[],styleTags:[],title:"",titleAttributes:{}}))},q=r.createContext({}),$=a().shape({setHelmet:a().func,helmetInstances:a().shape({get:a().func,add:a().func,remove:a().func})}),H="undefined"!=typeof document,V=function(e){function t(n){var r;return(r=e.call(this,n)||this).helmetData=new U(r.props.context,t.canUseDOM),r}return f(t,e),t.prototype.render=function(){return r.createElement(q.Provider,{value:this.helmetData.value},this.props.children)},t}(r.Component);V.canUseDOM=H,V.propTypes={context:a().shape({helmet:a().shape()}),children:a().node.isRequired},V.defaultProps={context:{}},V.displayName="HelmetProvider";var G=function(e,t){var n,r=document.head||document.querySelector(g.HEAD),o=r.querySelectorAll(e+"[data-rh]"),a=[].slice.call(o),i=[];return t&&t.length&&t.forEach((function(t){var r=document.createElement(e);for(var o in t)Object.prototype.hasOwnProperty.call(t,o)&&("innerHTML"===o?r.innerHTML=t.innerHTML:"cssText"===o?r.styleSheet?r.styleSheet.cssText=t.cssText:r.appendChild(document.createTextNode(t.cssText)):r.setAttribute(o,void 0===t[o]?"":t[o]));r.setAttribute("data-rh","true"),a.some((function(e,t){return n=t,r.isEqualNode(e)}))?a.splice(n,1):i.push(r)})),a.forEach((function(e){return e.parentNode.removeChild(e)})),i.forEach((function(e){return r.appendChild(e)})),{oldTags:a,newTags:i}},W=function(e,t){var n=document.getElementsByTagName(e)[0];if(n){for(var r=n.getAttribute("data-rh"),o=r?r.split(","):[],a=[].concat(o),i=Object.keys(t),s=0;s<i.length;s+=1){var l=i[s],c=t[l]||"";n.getAttribute(l)!==c&&n.setAttribute(l,c),-1===o.indexOf(l)&&o.push(l);var u=a.indexOf(l);-1!==u&&a.splice(u,1)}for(var d=a.length-1;d>=0;d-=1)n.removeAttribute(a[d]);o.length===a.length?n.removeAttribute("data-rh"):n.getAttribute("data-rh")!==i.join(",")&&n.setAttribute("data-rh",i.join(","))}},K=function(e,t){var n=e.baseTag,r=e.htmlAttributes,o=e.linkTags,a=e.metaTags,i=e.noscriptTags,s=e.onChangeClientState,l=e.scriptTags,c=e.styleTags,u=e.title,d=e.titleAttributes;W(g.BODY,e.bodyAttributes),W(g.HTML,r),function(e,t){void 0!==e&&document.title!==e&&(document.title=T(e)),W(g.TITLE,t)}(u,d);var p={baseTag:G(g.BASE,n),linkTags:G(g.LINK,o),metaTags:G(g.META,a),noscriptTags:G(g.NOSCRIPT,i),scriptTags:G(g.SCRIPT,l),styleTags:G(g.STYLE,c)},f={},m={};Object.keys(p).forEach((function(e){var t=p[e],n=t.newTags,r=t.oldTags;n.length&&(f[e]=n),r.length&&(m[e]=p[e].oldTags)})),t&&t(),s(e,f,m)},Q=null,Y=function(e){function t(){for(var t,n=arguments.length,r=new Array(n),o=0;o<n;o++)r[o]=arguments[o];return(t=e.call.apply(e,[this].concat(r))||this).rendered=!1,t}f(t,e);var n=t.prototype;return n.shouldComponentUpdate=function(e){return!d()(e,this.props)},n.componentDidUpdate=function(){this.emitChange()},n.componentWillUnmount=function(){this.props.context.helmetInstances.remove(this),this.emitChange()},n.emitChange=function(){var e,t,n=this.props.context,r=n.setHelmet,o=null,a=(e=n.helmetInstances.get().map((function(e){var t=p({},e.props);return delete t.context,t})),{baseTag:j(["href"],e),bodyAttributes:C("bodyAttributes",e),defer:x(e,"defer"),encode:x(e,"encodeSpecialCharacters"),htmlAttributes:C("htmlAttributes",e),linkTags:O(g.LINK,["rel","href"],e),metaTags:O(g.META,["name","charset","http-equiv","property","itemprop"],e),noscriptTags:O(g.NOSCRIPT,["innerHTML"],e),onChangeClientState:_(e),scriptTags:O(g.SCRIPT,["src","innerHTML"],e),styleTags:O(g.STYLE,["cssText"],e),title:E(e),titleAttributes:C("titleAttributes",e),prioritizeSeoTags:A(e,"prioritizeSeoTags")});V.canUseDOM?(t=a,Q&&cancelAnimationFrame(Q),t.defer?Q=requestAnimationFrame((function(){K(t,(function(){Q=null}))})):(K(t),Q=null)):z&&(o=z(a)),r(o)},n.init=function(){this.rendered||(this.rendered=!0,this.props.context.helmetInstances.add(this),this.emitChange())},n.render=function(){return this.init(),null},t}(r.Component);Y.propTypes={context:$.isRequired},Y.displayName="HelmetDispatcher";var Z=["children"],J=["children"],X=function(e){function t(){return e.apply(this,arguments)||this}f(t,e);var n=t.prototype;return n.shouldComponentUpdate=function(e){return!s()(L(this.props,"helmetData"),L(e,"helmetData"))},n.mapNestedChildrenToProps=function(e,t){if(!t)return null;switch(e.type){case g.SCRIPT:case g.NOSCRIPT:return{innerHTML:t};case g.STYLE:return{cssText:t};default:throw new Error("<"+e.type+" /> elements are self-closing and can not contain children. Refer to our API for more information.")}},n.flattenArrayTypeChildren=function(e){var t,n=e.child,r=e.arrayTypeChildren;return p({},r,((t={})[n.type]=[].concat(r[n.type]||[],[p({},e.newChildProps,this.mapNestedChildrenToProps(n,e.nestedChildren))]),t))},n.mapObjectTypeChildren=function(e){var t,n,r=e.child,o=e.newProps,a=e.newChildProps,i=e.nestedChildren;switch(r.type){case g.TITLE:return p({},o,((t={})[r.type]=i,t.titleAttributes=p({},a),t));case g.BODY:return p({},o,{bodyAttributes:p({},a)});case g.HTML:return p({},o,{htmlAttributes:p({},a)});default:return p({},o,((n={})[r.type]=p({},a),n))}},n.mapArrayTypeChildrenToProps=function(e,t){var n=p({},t);return Object.keys(e).forEach((function(t){var r;n=p({},n,((r={})[t]=e[t],r))})),n},n.warnOnInvalidChildren=function(e,t){return c()(w.some((function(t){return e.type===t})),"function"==typeof e.type?"You may be attempting to nest <Helmet> components within each other, which is not allowed. Refer to our API for more information.":"Only elements types "+w.join(", ")+" are allowed. Helmet does not support rendering <"+e.type+"> elements. Refer to our API for more information."),c()(!t||"string"==typeof t||Array.isArray(t)&&!t.some((function(e){return"string"!=typeof e})),"Helmet expects a string as a child of <"+e.type+">. Did you forget to wrap your children in braces? ( <"+e.type+">{``}</"+e.type+"> ) Refer to our API for more information."),!0},n.mapChildrenToProps=function(e,t){var n=this,o={};return r.Children.forEach(e,(function(e){if(e&&e.props){var r=e.props,a=r.children,i=h(r,Z),s=Object.keys(i).reduce((function(e,t){return e[S[t]||t]=i[t],e}),{}),l=e.type;switch("symbol"==typeof l?l=l.toString():n.warnOnInvalidChildren(e,a),l){case g.FRAGMENT:t=n.mapChildrenToProps(a,t);break;case g.LINK:case g.META:case g.NOSCRIPT:case g.SCRIPT:case g.STYLE:o=n.flattenArrayTypeChildren({child:e,arrayTypeChildren:o,newChildProps:s,nestedChildren:a});break;default:t=n.mapObjectTypeChildren({child:e,newProps:t,newChildProps:s,nestedChildren:a})}}})),this.mapArrayTypeChildrenToProps(o,t)},n.render=function(){var e=this.props,t=e.children,n=h(e,J),o=p({},n),a=n.helmetData;return t&&(o=this.mapChildrenToProps(t,o)),!a||a instanceof U||(a=new U(a.context,a.instances)),a?r.createElement(Y,p({},o,{context:a.value,helmetData:void 0})):r.createElement(q.Consumer,null,(function(e){return r.createElement(Y,p({},o,{context:e}))}))},t}(r.Component);X.propTypes={base:a().object,bodyAttributes:a().object,children:a().oneOfType([a().arrayOf(a().node),a().node]),defaultTitle:a().string,defer:a().bool,encodeSpecialCharacters:a().bool,htmlAttributes:a().object,link:a().arrayOf(a().object),meta:a().arrayOf(a().object),noscript:a().arrayOf(a().object),onChangeClientState:a().func,script:a().arrayOf(a().object),style:a().arrayOf(a().object),title:a().string,titleAttributes:a().object,titleTemplate:a().string,prioritizeSeoTags:a().bool,helmetData:a().object},X.defaultProps={defer:!0,encodeSpecialCharacters:!0,prioritizeSeoTags:!1},X.displayName="Helmet"},5843:(e,t)=>{"use strict";var n="function"==typeof Symbol&&Symbol.for,r=n?Symbol.for("react.element"):60103,o=n?Symbol.for("react.portal"):60106,a=n?Symbol.for("react.fragment"):60107,i=n?Symbol.for("react.strict_mode"):60108,s=n?Symbol.for("react.profiler"):60114,l=n?Symbol.for("react.provider"):60109,c=n?Symbol.for("react.context"):60110,u=n?Symbol.for("react.async_mode"):60111,d=n?Symbol.for("react.concurrent_mode"):60111,p=n?Symbol.for("react.forward_ref"):60112,f=n?Symbol.for("react.suspense"):60113,m=n?Symbol.for("react.suspense_list"):60120,h=n?Symbol.for("react.memo"):60115,g=n?Symbol.for("react.lazy"):60116,b=n?Symbol.for("react.block"):60121,y=n?Symbol.for("react.fundamental"):60117,v=n?Symbol.for("react.responder"):60118,w=n?Symbol.for("react.scope"):60119;function k(e){if("object"==typeof e&&null!==e){var t=e.$$typeof;switch(t){case r:switch(e=e.type){case u:case d:case a:case s:case i:case f:return e;default:switch(e=e&&e.$$typeof){case c:case p:case g:case h:case l:return e;default:return t}}case o:return t}}}function S(e){return k(e)===d}t.AsyncMode=u,t.ConcurrentMode=d,t.ContextConsumer=c,t.ContextProvider=l,t.Element=r,t.ForwardRef=p,t.Fragment=a,t.Lazy=g,t.Memo=h,t.Portal=o,t.Profiler=s,t.StrictMode=i,t.Suspense=f,t.isAsyncMode=function(e){return S(e)||k(e)===u},t.isConcurrentMode=S,t.isContextConsumer=function(e){return k(e)===c},t.isContextProvider=function(e){return k(e)===l},t.isElement=function(e){return"object"==typeof e&&null!==e&&e.$$typeof===r},t.isForwardRef=function(e){return k(e)===p},t.isFragment=function(e){return k(e)===a},t.isLazy=function(e){return k(e)===g},t.isMemo=function(e){return k(e)===h},t.isPortal=function(e){return k(e)===o},t.isProfiler=function(e){return k(e)===s},t.isStrictMode=function(e){return k(e)===i},t.isSuspense=function(e){return k(e)===f},t.isValidElementType=function(e){return"string"==typeof e||"function"==typeof e||e===a||e===d||e===s||e===i||e===f||e===m||"object"==typeof e&&null!==e&&(e.$$typeof===g||e.$$typeof===h||e.$$typeof===l||e.$$typeof===c||e.$$typeof===p||e.$$typeof===y||e.$$typeof===v||e.$$typeof===w||e.$$typeof===b)},t.typeOf=k},5959:(e,t,n)=>{"use strict";e.exports=n(5843)},389:(e,t,n)=>{"use strict";n.d(t,{u:()=>i,v:()=>s});var r=n(5557),o=n(991),a=n(758);function i(e,t,n){return void 0===n&&(n=[]),e.some((function(e){var o=e.path?(0,r.B6)(t,e):n.length?n[n.length-1].match:r.Ix.computeRootMatch(t);return o&&(n.push({route:e,match:o}),e.routes&&i(e.routes,t,n)),o})),n}function s(e,t,n){return void 0===t&&(t={}),void 0===n&&(n={}),e?a.createElement(r.dO,n,e.map((function(e,n){return a.createElement(r.qh,{key:e.key||n,path:e.path,exact:e.exact,strict:e.strict,render:function(n){return e.render?e.render((0,o.A)({},n,{},t,{route:e})):a.createElement(e.component,(0,o.A)({},n,t,{route:e}))}})}))):null}},1742:(e,t,n)=>{"use strict";n.d(t,{I9:()=>d,Kd:()=>u,N_:()=>b,k2:()=>w});var r=n(5557),o=n(1141),a=n(758),i=n(3332),s=n(991),l=n(3302),c=n(5385),u=function(e){function t(){for(var t,n=arguments.length,r=new Array(n),o=0;o<n;o++)r[o]=arguments[o];return(t=e.call.apply(e,[this].concat(r))||this).history=(0,i.zR)(t.props),t}return(0,o.A)(t,e),t.prototype.render=function(){return a.createElement(r.Ix,{history:this.history,children:this.props.children})},t}(a.Component);var d=function(e){function t(){for(var t,n=arguments.length,r=new Array(n),o=0;o<n;o++)r[o]=arguments[o];return(t=e.call.apply(e,[this].concat(r))||this).history=(0,i.TM)(t.props),t}return(0,o.A)(t,e),t.prototype.render=function(){return a.createElement(r.Ix,{history:this.history,children:this.props.children})},t}(a.Component);var p=function(e,t){return"function"==typeof e?e(t):e},f=function(e,t){return"string"==typeof e?(0,i.yJ)(e,null,null,t):e},m=function(e){return e},h=a.forwardRef;void 0===h&&(h=m);var g=h((function(e,t){var n=e.innerRef,r=e.navigate,o=e.onClick,i=(0,l.A)(e,["innerRef","navigate","onClick"]),c=i.target,u=(0,s.A)({},i,{onClick:function(e){try{o&&o(e)}catch(t){throw e.preventDefault(),t}e.defaultPrevented||0!==e.button||c&&"_self"!==c||function(e){return!!(e.metaKey||e.altKey||e.ctrlKey||e.shiftKey)}(e)||(e.preventDefault(),r())}});return u.ref=m!==h&&t||n,a.createElement("a",u)}));var b=h((function(e,t){var n=e.component,o=void 0===n?g:n,u=e.replace,d=e.to,b=e.innerRef,y=(0,l.A)(e,["component","replace","to","innerRef"]);return a.createElement(r.XZ.Consumer,null,(function(e){e||(0,c.A)(!1);var n=e.history,r=f(p(d,e.location),e.location),l=r?n.createHref(r):"",g=(0,s.A)({},y,{href:l,navigate:function(){var t=p(d,e.location),r=(0,i.AO)(e.location)===(0,i.AO)(f(t));(u||r?n.replace:n.push)(t)}});return m!==h?g.ref=t||b:g.innerRef=b,a.createElement(o,g)}))})),y=function(e){return e},v=a.forwardRef;void 0===v&&(v=y);var w=v((function(e,t){var n=e["aria-current"],o=void 0===n?"page":n,i=e.activeClassName,u=void 0===i?"active":i,d=e.activeStyle,m=e.className,h=e.exact,g=e.isActive,w=e.location,k=e.sensitive,S=e.strict,x=e.style,E=e.to,_=e.innerRef,C=(0,l.A)(e,["aria-current","activeClassName","activeStyle","className","exact","isActive","location","sensitive","strict","style","to","innerRef"]);return a.createElement(r.XZ.Consumer,null,(function(e){e||(0,c.A)(!1);var n=w||e.location,i=f(p(E,n),n),l=i.pathname,j=l&&l.replace(/([.+*?=^!:${}()[\]|/\\])/g,"\\$1"),O=j?(0,r.B6)(n.pathname,{path:j,exact:h,sensitive:k,strict:S}):null,A=!!(g?g(O,n):O),T="function"==typeof m?m(A):m,P="function"==typeof x?x(A):x;A&&(T=function(){for(var e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];return t.filter((function(e){return e})).join(" ")}(T,u),P=(0,s.A)({},P,d));var L=(0,s.A)({"aria-current":A&&o||null,className:T,style:P,to:i},C);return y!==v?L.ref=t||_:L.innerRef=_,a.createElement(b,L)}))}))},5557:(e,t,n)=>{"use strict";n.d(t,{B6:()=>x,Ix:()=>v,W6:()=>L,XZ:()=>y,dO:()=>T,qh:()=>E,zy:()=>I});var r=n(1141),o=n(758),a=n(2736),i=n.n(a),s=n(3332),l=n(5385),c=n(991),u=n(6150),d=n.n(u),p=(n(5959),n(3302)),f=(n(1035),1073741823),m="undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:void 0!==n.g?n.g:{};var h=o.createContext||function(e,t){var n,a,s="__create-react-context-"+function(){var e="__global_unique_id__";return m[e]=(m[e]||0)+1}()+"__",l=function(e){function n(){for(var t,n,r,o=arguments.length,a=new Array(o),i=0;i<o;i++)a[i]=arguments[i];return(t=e.call.apply(e,[this].concat(a))||this).emitter=(n=t.props.value,r=[],{on:function(e){r.push(e)},off:function(e){r=r.filter((function(t){return t!==e}))},get:function(){return n},set:function(e,t){n=e,r.forEach((function(e){return e(n,t)}))}}),t}(0,r.A)(n,e);var o=n.prototype;return o.getChildContext=function(){var e;return(e={})[s]=this.emitter,e},o.componentWillReceiveProps=function(e){if(this.props.value!==e.value){var n,r=this.props.value,o=e.value;((a=r)===(i=o)?0!==a||1/a==1/i:a!=a&&i!=i)?n=0:(n="function"==typeof t?t(r,o):f,0!==(n|=0)&&this.emitter.set(e.value,n))}var a,i},o.render=function(){return this.props.children},n}(o.Component);l.childContextTypes=((n={})[s]=i().object.isRequired,n);var c=function(t){function n(){for(var e,n=arguments.length,r=new Array(n),o=0;o<n;o++)r[o]=arguments[o];return(e=t.call.apply(t,[this].concat(r))||this).observedBits=void 0,e.state={value:e.getValue()},e.onUpdate=function(t,n){(0|e.observedBits)&n&&e.setState({value:e.getValue()})},e}(0,r.A)(n,t);var o=n.prototype;return o.componentWillReceiveProps=function(e){var t=e.observedBits;this.observedBits=null==t?f:t},o.componentDidMount=function(){this.context[s]&&this.context[s].on(this.onUpdate);var e=this.props.observedBits;this.observedBits=null==e?f:e},o.componentWillUnmount=function(){this.context[s]&&this.context[s].off(this.onUpdate)},o.getValue=function(){return this.context[s]?this.context[s].get():e},o.render=function(){return(e=this.props.children,Array.isArray(e)?e[0]:e)(this.state.value);var e},n}(o.Component);return c.contextTypes=((a={})[s]=i().object,a),{Provider:l,Consumer:c}},g=function(e){var t=h();return t.displayName=e,t},b=g("Router-History"),y=g("Router"),v=function(e){function t(t){var n;return(n=e.call(this,t)||this).state={location:t.history.location},n._isMounted=!1,n._pendingLocation=null,t.staticContext||(n.unlisten=t.history.listen((function(e){n._pendingLocation=e}))),n}(0,r.A)(t,e),t.computeRootMatch=function(e){return{path:"/",url:"/",params:{},isExact:"/"===e}};var n=t.prototype;return n.componentDidMount=function(){var e=this;this._isMounted=!0,this.unlisten&&this.unlisten(),this.props.staticContext||(this.unlisten=this.props.history.listen((function(t){e._isMounted&&e.setState({location:t})}))),this._pendingLocation&&this.setState({location:this._pendingLocation})},n.componentWillUnmount=function(){this.unlisten&&(this.unlisten(),this._isMounted=!1,this._pendingLocation=null)},n.render=function(){return o.createElement(y.Provider,{value:{history:this.props.history,location:this.state.location,match:t.computeRootMatch(this.state.location.pathname),staticContext:this.props.staticContext}},o.createElement(b.Provider,{children:this.props.children||null,value:this.props.history}))},t}(o.Component);o.Component;o.Component;var w={},k=1e4,S=0;function x(e,t){void 0===t&&(t={}),("string"==typeof t||Array.isArray(t))&&(t={path:t});var n=t,r=n.path,o=n.exact,a=void 0!==o&&o,i=n.strict,s=void 0!==i&&i,l=n.sensitive,c=void 0!==l&&l;return[].concat(r).reduce((function(t,n){if(!n&&""!==n)return null;if(t)return t;var r=function(e,t){var n=""+t.end+t.strict+t.sensitive,r=w[n]||(w[n]={});if(r[e])return r[e];var o=[],a={regexp:d()(e,o,t),keys:o};return S<k&&(r[e]=a,S++),a}(n,{end:a,strict:s,sensitive:c}),o=r.regexp,i=r.keys,l=o.exec(e);if(!l)return null;var u=l[0],p=l.slice(1),f=e===u;return a&&!f?null:{path:n,url:"/"===n&&""===u?"/":u,isExact:f,params:i.reduce((function(e,t,n){return e[t.name]=p[n],e}),{})}}),null)}var E=function(e){function t(){return e.apply(this,arguments)||this}return(0,r.A)(t,e),t.prototype.render=function(){var e=this;return o.createElement(y.Consumer,null,(function(t){t||(0,l.A)(!1);var n=e.props.location||t.location,r=e.props.computedMatch?e.props.computedMatch:e.props.path?x(n.pathname,e.props):t.match,a=(0,c.A)({},t,{location:n,match:r}),i=e.props,s=i.children,u=i.component,d=i.render;return Array.isArray(s)&&function(e){return 0===o.Children.count(e)}(s)&&(s=null),o.createElement(y.Provider,{value:a},a.match?s?"function"==typeof s?s(a):s:u?o.createElement(u,a):d?d(a):null:"function"==typeof s?s(a):null)}))},t}(o.Component);function _(e){return"/"===e.charAt(0)?e:"/"+e}function C(e,t){if(!e)return t;var n=_(e);return 0!==t.pathname.indexOf(n)?t:(0,c.A)({},t,{pathname:t.pathname.substr(n.length)})}function j(e){return"string"==typeof e?e:(0,s.AO)(e)}function O(e){return function(){(0,l.A)(!1)}}function A(){}o.Component;var T=function(e){function t(){return e.apply(this,arguments)||this}return(0,r.A)(t,e),t.prototype.render=function(){var e=this;return o.createElement(y.Consumer,null,(function(t){t||(0,l.A)(!1);var n,r,a=e.props.location||t.location;return o.Children.forEach(e.props.children,(function(e){if(null==r&&o.isValidElement(e)){n=e;var i=e.props.path||e.props.from;r=i?x(a.pathname,(0,c.A)({},e.props,{path:i})):t.match}})),r?o.cloneElement(n,{location:a,computedMatch:r}):null}))},t}(o.Component);var P=o.useContext;function L(){return P(b)}function I(){return P(y).location}},7462:(e,t,n)=>{"use strict";var r=n(758),o=Symbol.for("react.element"),a=Symbol.for("react.fragment"),i=Object.prototype.hasOwnProperty,s=r.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,l={key:!0,ref:!0,__self:!0,__source:!0};function c(e,t,n){var r,a={},c=null,u=null;for(r in void 0!==n&&(c=""+n),void 0!==t.key&&(c=""+t.key),void 0!==t.ref&&(u=t.ref),t)i.call(t,r)&&!l.hasOwnProperty(r)&&(a[r]=t[r]);if(e&&e.defaultProps)for(r in t=e.defaultProps)void 0===a[r]&&(a[r]=t[r]);return{$$typeof:o,type:e,key:c,ref:u,props:a,_owner:s.current}}t.Fragment=a,t.jsx=c,t.jsxs=c},2713:(e,t)=>{"use strict";var n=Symbol.for("react.element"),r=Symbol.for("react.portal"),o=Symbol.for("react.fragment"),a=Symbol.for("react.strict_mode"),i=Symbol.for("react.profiler"),s=Symbol.for("react.provider"),l=Symbol.for("react.context"),c=Symbol.for("react.forward_ref"),u=Symbol.for("react.suspense"),d=Symbol.for("react.memo"),p=Symbol.for("react.lazy"),f=Symbol.iterator;var m={isMounted:function(){return!1},enqueueForceUpdate:function(){},enqueueReplaceState:function(){},enqueueSetState:function(){}},h=Object.assign,g={};function b(e,t,n){this.props=e,this.context=t,this.refs=g,this.updater=n||m}function y(){}function v(e,t,n){this.props=e,this.context=t,this.refs=g,this.updater=n||m}b.prototype.isReactComponent={},b.prototype.setState=function(e,t){if("object"!=typeof e&&"function"!=typeof e&&null!=e)throw Error("setState(...): takes an object of state variables to update or a function which returns an object of state variables.");this.updater.enqueueSetState(this,e,t,"setState")},b.prototype.forceUpdate=function(e){this.updater.enqueueForceUpdate(this,e,"forceUpdate")},y.prototype=b.prototype;var w=v.prototype=new y;w.constructor=v,h(w,b.prototype),w.isPureReactComponent=!0;var k=Array.isArray,S=Object.prototype.hasOwnProperty,x={current:null},E={key:!0,ref:!0,__self:!0,__source:!0};function _(e,t,r){var o,a={},i=null,s=null;if(null!=t)for(o in void 0!==t.ref&&(s=t.ref),void 0!==t.key&&(i=""+t.key),t)S.call(t,o)&&!E.hasOwnProperty(o)&&(a[o]=t[o]);var l=arguments.length-2;if(1===l)a.children=r;else if(1<l){for(var c=Array(l),u=0;u<l;u++)c[u]=arguments[u+2];a.children=c}if(e&&e.defaultProps)for(o in l=e.defaultProps)void 0===a[o]&&(a[o]=l[o]);return{$$typeof:n,type:e,key:i,ref:s,props:a,_owner:x.current}}function C(e){return"object"==typeof e&&null!==e&&e.$$typeof===n}var j=/\/+/g;function O(e,t){return"object"==typeof e&&null!==e&&null!=e.key?function(e){var t={"=":"=0",":":"=2"};return"$"+e.replace(/[=:]/g,(function(e){return t[e]}))}(""+e.key):t.toString(36)}function A(e,t,o,a,i){var s=typeof e;"undefined"!==s&&"boolean"!==s||(e=null);var l=!1;if(null===e)l=!0;else switch(s){case"string":case"number":l=!0;break;case"object":switch(e.$$typeof){case n:case r:l=!0}}if(l)return i=i(l=e),e=""===a?"."+O(l,0):a,k(i)?(o="",null!=e&&(o=e.replace(j,"$&/")+"/"),A(i,t,o,"",(function(e){return e}))):null!=i&&(C(i)&&(i=function(e,t){return{$$typeof:n,type:e.type,key:t,ref:e.ref,props:e.props,_owner:e._owner}}(i,o+(!i.key||l&&l.key===i.key?"":(""+i.key).replace(j,"$&/")+"/")+e)),t.push(i)),1;if(l=0,a=""===a?".":a+":",k(e))for(var c=0;c<e.length;c++){var u=a+O(s=e[c],c);l+=A(s,t,o,u,i)}else if(u=function(e){return null===e||"object"!=typeof e?null:"function"==typeof(e=f&&e[f]||e["@@iterator"])?e:null}(e),"function"==typeof u)for(e=u.call(e),c=0;!(s=e.next()).done;)l+=A(s=s.value,t,o,u=a+O(s,c++),i);else if("object"===s)throw t=String(e),Error("Objects are not valid as a React child (found: "+("[object Object]"===t?"object with keys {"+Object.keys(e).join(", ")+"}":t)+"). If you meant to render a collection of children, use an array instead.");return l}function T(e,t,n){if(null==e)return e;var r=[],o=0;return A(e,r,"","",(function(e){return t.call(n,e,o++)})),r}function P(e){if(-1===e._status){var t=e._result;(t=t()).then((function(t){0!==e._status&&-1!==e._status||(e._status=1,e._result=t)}),(function(t){0!==e._status&&-1!==e._status||(e._status=2,e._result=t)})),-1===e._status&&(e._status=0,e._result=t)}if(1===e._status)return e._result.default;throw e._result}var L={current:null},I={transition:null},N={ReactCurrentDispatcher:L,ReactCurrentBatchConfig:I,ReactCurrentOwner:x};function R(){throw Error("act(...) is not supported in production builds of React.")}t.Children={map:T,forEach:function(e,t,n){T(e,(function(){t.apply(this,arguments)}),n)},count:function(e){var t=0;return T(e,(function(){t++})),t},toArray:function(e){return T(e,(function(e){return e}))||[]},only:function(e){if(!C(e))throw Error("React.Children.only expected to receive a single React element child.");return e}},t.Component=b,t.Fragment=o,t.Profiler=i,t.PureComponent=v,t.StrictMode=a,t.Suspense=u,t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED=N,t.act=R,t.cloneElement=function(e,t,r){if(null==e)throw Error("React.cloneElement(...): The argument must be a React element, but you passed "+e+".");var o=h({},e.props),a=e.key,i=e.ref,s=e._owner;if(null!=t){if(void 0!==t.ref&&(i=t.ref,s=x.current),void 0!==t.key&&(a=""+t.key),e.type&&e.type.defaultProps)var l=e.type.defaultProps;for(c in t)S.call(t,c)&&!E.hasOwnProperty(c)&&(o[c]=void 0===t[c]&&void 0!==l?l[c]:t[c])}var c=arguments.length-2;if(1===c)o.children=r;else if(1<c){l=Array(c);for(var u=0;u<c;u++)l[u]=arguments[u+2];o.children=l}return{$$typeof:n,type:e.type,key:a,ref:i,props:o,_owner:s}},t.createContext=function(e){return(e={$$typeof:l,_currentValue:e,_currentValue2:e,_threadCount:0,Provider:null,Consumer:null,_defaultValue:null,_globalName:null}).Provider={$$typeof:s,_context:e},e.Consumer=e},t.createElement=_,t.createFactory=function(e){var t=_.bind(null,e);return t.type=e,t},t.createRef=function(){return{current:null}},t.forwardRef=function(e){return{$$typeof:c,render:e}},t.isValidElement=C,t.lazy=function(e){return{$$typeof:p,_payload:{_status:-1,_result:e},_init:P}},t.memo=function(e,t){return{$$typeof:d,type:e,compare:void 0===t?null:t}},t.startTransition=function(e){var t=I.transition;I.transition={};try{e()}finally{I.transition=t}},t.unstable_act=R,t.useCallback=function(e,t){return L.current.useCallback(e,t)},t.useContext=function(e){return L.current.useContext(e)},t.useDebugValue=function(){},t.useDeferredValue=function(e){return L.current.useDeferredValue(e)},t.useEffect=function(e,t){return L.current.useEffect(e,t)},t.useId=function(){return L.current.useId()},t.useImperativeHandle=function(e,t,n){return L.current.useImperativeHandle(e,t,n)},t.useInsertionEffect=function(e,t){return L.current.useInsertionEffect(e,t)},t.useLayoutEffect=function(e,t){return L.current.useLayoutEffect(e,t)},t.useMemo=function(e,t){return L.current.useMemo(e,t)},t.useReducer=function(e,t,n){return L.current.useReducer(e,t,n)},t.useRef=function(e){return L.current.useRef(e)},t.useState=function(e){return L.current.useState(e)},t.useSyncExternalStore=function(e,t,n){return L.current.useSyncExternalStore(e,t,n)},t.useTransition=function(){return L.current.useTransition()},t.version="18.3.1"},758:(e,t,n)=>{"use strict";e.exports=n(2713)},6070:(e,t,n)=>{"use strict";e.exports=n(7462)},4733:(e,t)=>{"use strict";function n(e,t){var n=e.length;e.push(t);e:for(;0<n;){var r=n-1>>>1,o=e[r];if(!(0<a(o,t)))break e;e[r]=t,e[n]=o,n=r}}function r(e){return 0===e.length?null:e[0]}function o(e){if(0===e.length)return null;var t=e[0],n=e.pop();if(n!==t){e[0]=n;e:for(var r=0,o=e.length,i=o>>>1;r<i;){var s=2*(r+1)-1,l=e[s],c=s+1,u=e[c];if(0>a(l,n))c<o&&0>a(u,l)?(e[r]=u,e[c]=n,r=c):(e[r]=l,e[s]=n,r=s);else{if(!(c<o&&0>a(u,n)))break e;e[r]=u,e[c]=n,r=c}}}return t}function a(e,t){var n=e.sortIndex-t.sortIndex;return 0!==n?n:e.id-t.id}if("object"==typeof performance&&"function"==typeof performance.now){var i=performance;t.unstable_now=function(){return i.now()}}else{var s=Date,l=s.now();t.unstable_now=function(){return s.now()-l}}var c=[],u=[],d=1,p=null,f=3,m=!1,h=!1,g=!1,b="function"==typeof setTimeout?setTimeout:null,y="function"==typeof clearTimeout?clearTimeout:null,v="undefined"!=typeof setImmediate?setImmediate:null;function w(e){for(var t=r(u);null!==t;){if(null===t.callback)o(u);else{if(!(t.startTime<=e))break;o(u),t.sortIndex=t.expirationTime,n(c,t)}t=r(u)}}function k(e){if(g=!1,w(e),!h)if(null!==r(c))h=!0,I(S);else{var t=r(u);null!==t&&N(k,t.startTime-e)}}function S(e,n){h=!1,g&&(g=!1,y(C),C=-1),m=!0;var a=f;try{for(w(n),p=r(c);null!==p&&(!(p.expirationTime>n)||e&&!A());){var i=p.callback;if("function"==typeof i){p.callback=null,f=p.priorityLevel;var s=i(p.expirationTime<=n);n=t.unstable_now(),"function"==typeof s?p.callback=s:p===r(c)&&o(c),w(n)}else o(c);p=r(c)}if(null!==p)var l=!0;else{var d=r(u);null!==d&&N(k,d.startTime-n),l=!1}return l}finally{p=null,f=a,m=!1}}"undefined"!=typeof navigator&&void 0!==navigator.scheduling&&void 0!==navigator.scheduling.isInputPending&&navigator.scheduling.isInputPending.bind(navigator.scheduling);var x,E=!1,_=null,C=-1,j=5,O=-1;function A(){return!(t.unstable_now()-O<j)}function T(){if(null!==_){var e=t.unstable_now();O=e;var n=!0;try{n=_(!0,e)}finally{n?x():(E=!1,_=null)}}else E=!1}if("function"==typeof v)x=function(){v(T)};else if("undefined"!=typeof MessageChannel){var P=new MessageChannel,L=P.port2;P.port1.onmessage=T,x=function(){L.postMessage(null)}}else x=function(){b(T,0)};function I(e){_=e,E||(E=!0,x())}function N(e,n){C=b((function(){e(t.unstable_now())}),n)}t.unstable_IdlePriority=5,t.unstable_ImmediatePriority=1,t.unstable_LowPriority=4,t.unstable_NormalPriority=3,t.unstable_Profiling=null,t.unstable_UserBlockingPriority=2,t.unstable_cancelCallback=function(e){e.callback=null},t.unstable_continueExecution=function(){h||m||(h=!0,I(S))},t.unstable_forceFrameRate=function(e){0>e||125<e?console.error("forceFrameRate takes a positive int between 0 and 125, forcing frame rates higher than 125 fps is not supported"):j=0<e?Math.floor(1e3/e):5},t.unstable_getCurrentPriorityLevel=function(){return f},t.unstable_getFirstCallbackNode=function(){return r(c)},t.unstable_next=function(e){switch(f){case 1:case 2:case 3:var t=3;break;default:t=f}var n=f;f=t;try{return e()}finally{f=n}},t.unstable_pauseExecution=function(){},t.unstable_requestPaint=function(){},t.unstable_runWithPriority=function(e,t){switch(e){case 1:case 2:case 3:case 4:case 5:break;default:e=3}var n=f;f=e;try{return t()}finally{f=n}},t.unstable_scheduleCallback=function(e,o,a){var i=t.unstable_now();switch("object"==typeof a&&null!==a?a="number"==typeof(a=a.delay)&&0<a?i+a:i:a=i,e){case 1:var s=-1;break;case 2:s=250;break;case 5:s=1073741823;break;case 4:s=1e4;break;default:s=5e3}return e={id:d++,callback:o,priorityLevel:e,startTime:a,expirationTime:s=a+s,sortIndex:-1},a>i?(e.sortIndex=a,n(u,e),null===r(c)&&e===r(u)&&(g?(y(C),C=-1):g=!0,N(k,a-i))):(e.sortIndex=s,n(c,e),h||m||(h=!0,I(S))),e},t.unstable_shouldYield=A,t.unstable_wrapCallback=function(e){var t=f;return function(){var n=f;f=t;try{return e.apply(this,arguments)}finally{f=n}}}},1896:(e,t,n)=>{"use strict";e.exports=n(4733)},2945:e=>{e.exports=function(e,t,n,r){var o=n?n.call(r,e,t):void 0;if(void 0!==o)return!!o;if(e===t)return!0;if("object"!=typeof e||!e||"object"!=typeof t||!t)return!1;var a=Object.keys(e),i=Object.keys(t);if(a.length!==i.length)return!1;for(var s=Object.prototype.hasOwnProperty.bind(t),l=0;l<a.length;l++){var c=a[l];if(!s(c))return!1;var u=e[c],d=t[c];if(!1===(o=n?n.call(r,u,d,c):void 0)||void 0===o&&u!==d)return!1}return!0}},4784:(e,t,n)=>{"use strict";n.r(t),n.d(t,{default:()=>r});const r={title:"Feature-Sliced Design",tagline:"Architectural methodology for frontend projects",organizationName:"feature-sliced",projectName:"documentation",url:"https://feature-sliced.design",favicon:"img/favicon/classic.png",baseUrl:"/kr/",i18n:{defaultLocale:"en",locales:["ru","en","uz","kr","ja"],localeConfigs:{ru:{label:"\u0420\u0443\u0441\u0441\u043a\u0438\u0439",direction:"ltr"},en:{label:"English",direction:"ltr"},uz:{label:"O'zbekcha",direction:"ltr"},kr:{label:"\ud55c\uad6d\uc5b4",direction:"ltr"},ja:{label:"\u65e5\u672c\u8a9e",direction:"ltr"}},path:"i18n"},presets:[["@docusaurus/preset-classic",{docs:{path:"i18n/en/docusaurus-plugin-content-docs/current",breadcrumbs:!0,editLocalizedFiles:!0,sidebarPath:"/home/runner/work/documentation/documentation/config/docusaurus/sidebars.docs.js",editUrl:"https://github.com/feature-sliced/documentation/edit/master/",showLastUpdateTime:!0,versions:{current:{label:"v2.0.0 \ud83c\udf70"}}},blog:{showReadingTime:!0,editUrl:"https://github.com/feature-sliced/documentation/edit/master/blog/",onInlineAuthors:"ignore"},theme:{customCss:"/home/runner/work/documentation/documentation/src/app/index.scss"},sitemap:{changefreq:"weekly",priority:.5}}]],plugins:[["@docusaurus/plugin-content-docs",{id:"community",breadcrumbs:!0,path:"i18n/en/docusaurus-plugin-content-docs/community",editLocalizedFiles:!0,routeBasePath:"community",editUrl:"https://github.com/feature-sliced/documentation/edit/master/",sidebarPath:"/home/runner/work/documentation/documentation/config/docusaurus/sidebars.community.js",showLastUpdateAuthor:!0,showLastUpdateTime:!0}],"docusaurus-plugin-sass",["@docusaurus/plugin-client-redirects",{redirects:[{from:"/branding",to:"/docs/branding"},{from:"/docs/guides/migration",to:"/docs/guides/migration/from-custom"},{from:"/docs/get-started/quick-start",to:"/docs/get-started/tutorial"},{from:"/docs/get-started/basics",to:"/docs/get-started/overview"},{from:["/docs/get-started/tutorial/decompose","/docs/get-started/tutorial/design-mockup","/docs/get-started/onboard/cheatsheet"],to:"/docs/get-started/cheatsheet"},{from:["/docs/about/alternatives/big-ball-of-mud","/docs/about/alternatives/design-principles","/docs/about/alternatives/ddd","/docs/about/alternatives/clean-architecture","/docs/about/alternatives/frameworks","/docs/about/alternatives/atomic-design","/docs/about/alternatives/smart-dumb-components","/docs/about/alternatives/feature-driven"],to:"/docs/about/alternatives"},{from:"/docs/reference/knowledge-types",to:"/docs/about/understanding/knowledge-types"},{from:"/docs/concepts/needs-driven",to:"/docs/about/understanding/needs-driven"},{from:"/docs/concepts/architecture",to:"/docs/about/understanding/architecture"},{from:"/docs/concepts/naming-adaptability",to:"/docs/about/understanding/naming"},{from:"/docs/concepts/signals",to:"/docs/about/understanding/signals"},{from:"/docs/concepts/abstractions",to:"/docs/about/understanding/abstractions"},{from:"/docs/concepts/decouple-entities",to:"/docs/reference/isolation/decouple-entities"},{from:"/docs/concepts/low-coupling",to:"/docs/reference/isolation/coupling-cohesion"},{from:"/docs/concepts/cross-communication",to:"/docs/reference/isolation"},{from:"/docs/concepts/app-splitting",to:"/docs/reference"},{from:"/docs/reference/units/decomposition",to:"/docs/reference"},{from:"/docs/reference/units",to:"/docs/reference"},{from:"/docs/reference/units/layers",to:"/docs/reference/layers"},{from:"/docs/reference/layers/overview",to:"/docs/reference/layers"},{from:"/docs/reference/units/layers/app",to:"/docs/reference/layers"},{from:"/docs/reference/units/layers/processes",to:"/docs/reference/layers"},{from:"/docs/reference/units/layers/pages",to:"/docs/reference/layers"},{from:"/docs/reference/units/layers/widgets",to:"/docs/reference/layers"},{from:"/docs/reference/layers/widgets",to:"/docs/reference/layers"},{from:"/docs/reference/units/layers/features",to:"/docs/reference/layers"},{from:"/docs/reference/units/layers/entities",to:"/docs/reference/layers"},{from:"/docs/reference/units/layers/shared",to:"/docs/reference/layers"},{from:"/docs/reference/units/segments",to:"/docs/reference/slices-segments"},{from:"/docs/concepts/issues/cross-imports",to:"/docs/guides/issues/cross-imports"},{from:"/docs/concepts/issues/desegmented",to:"/docs/guides/issues/desegmented"},{from:"/docs/concepts/issues/routes",to:"/docs/guides/issues/routes"},{from:"/docs/guides/examples/viewer",to:"/docs/guides/examples/auth"},{from:"/docs/guides/monorepo",to:"/docs/guides/examples/monorepo"},{from:"/docs/guides/white-labels",to:"/docs/guides/examples/white-labels"},{from:"/docs/guides/migration-from-v1",to:"/docs/guides/migration/from-v1"},{from:"/docs/guides/migration-from-legacy",to:"/docs/guides/migration/from-custom"},{from:"/docs/guides/usage-with-nextjs",to:"/docs/guides/tech/with-nextjs"},{from:"/docs/guides/migration/from-legacy",to:"/docs/guides/migration/from-custom"},{from:"/en/docs/about",to:"/docs/about"},{from:"/en/docs/about/alternatives",to:"/docs/about/alternatives"},{from:"/en/docs/about/mission",to:"/docs/about/mission"},{from:"/en/docs/about/motivation",to:"/docs/about/motivation"},{from:"/en/docs/about/promote/for-company",to:"/docs/about/promote/for-company"},{from:"/en/docs/about/promote/for-team",to:"/docs/about/promote/for-team"},{from:"/en/docs/about/promote/integration",to:"/docs/about/promote/integration"},{from:"/en/docs/about/promote/partial-application",to:"/docs/about/promote/partial-application"},{from:"/en/docs/branding",to:"/docs/branding"},{from:"/en/docs/get-started",to:"/docs/get-started"},{from:"/en/docs/get-started/overview",to:"/docs/get-started/overview"},{from:"/en/docs/get-started/cheatsheet",to:"/docs/get-started/cheatsheet"},{from:"/en/docs/get-started/faq",to:"/docs/get-started/faq"},{from:"/en/docs/get-started/tutorial",to:"/docs/get-started/tutorial"},{from:"/en/docs/guides",to:"/docs/guides"},{from:"/en/docs/guides/examples",to:"/docs/guides/examples"},{from:"/en/docs/guides/examples/auth",to:"/docs/guides/examples/auth"},{from:"/en/docs/guides/examples/autocompleted",to:"/docs/guides/examples/autocompleted"},{from:"/en/docs/guides/examples/browser-api",to:"/docs/guides/examples/browser-api"},{from:"/en/docs/guides/examples/cms",to:"/docs/guides/examples/cms"},{from:"/en/docs/guides/examples/feedback",to:"/docs/guides/examples/feedback"},{from:"/en/docs/guides/examples/i18n",to:"/docs/guides/examples/i18n"},{from:"/en/docs/guides/examples/metric",to:"/docs/guides/examples/metric"},{from:"/en/docs/guides/examples/monorepo",to:"/docs/guides/examples/monorepo"},{from:"/en/docs/guides/examples/page-layout",to:"/docs/guides/examples/page-layout"},{from:"/en/docs/guides/examples/platforms",to:"/docs/guides/examples/platforms"},{from:"/en/docs/guides/examples/ssr",to:"/docs/guides/examples/ssr"},{from:"/en/docs/guides/examples/theme",to:"/docs/guides/examples/theme"},{from:"/en/docs/guides/examples/types",to:"/docs/guides/examples/types"},{from:"/en/docs/guides/examples/white-labels",to:"/docs/guides/examples/white-labels"},{from:"/en/docs/guides/migration/from-custom",to:"/docs/guides/migration/from-custom"},{from:"/en/docs/guides/migration/from-v1",to:"/docs/guides/migration/from-v1"},{from:"/en/docs/guides/tech/with-nextjs",to:"/docs/guides/tech/with-nextjs"},{from:"/en/docs/",to:"/docs/"},{from:"/en/docs/reference",to:"/docs/reference"}]}],["@docusaurus/plugin-ideal-image",{quality:70,max:1030,min:640,steps:2}],"plugin-image-zoom"],onBrokenLinks:"throw",onBrokenMarkdownLinks:"throw",onDuplicateRoutes:"warn",customFields:{legacyRoutes:[{group:"\ud83d\ude80 Get Started",details:"Simplified and merged",children:[{title:"Tutorial",from:"/docs/get-started/quick-start",to:"/docs/get-started/tutorial"},{title:"Basics",from:"/docs/get-started/basics",to:"/docs/get-started/overview"},{title:"Decompose Cheatsheet",from:["/docs/get-started/tutorial/decompose","/docs/get-started/tutorial/design-mockup","/docs/get-started/onboard/cheatsheet"],to:"/docs/get-started/cheatsheet"}]},{group:"\ud83c\udf70 Alternatives",details:"Moved and merged to /about/alternatives as advanced materials",children:[{title:"Architecture approaches alternatives",from:["/docs/about/alternatives/big-ball-of-mud","/docs/about/alternatives/design-principles","/docs/about/alternatives/ddd","/docs/about/alternatives/clean-architecture","/docs/about/alternatives/frameworks","/docs/about/alternatives/atomic-design","/docs/about/alternatives/smart-dumb-components","/docs/about/alternatives/feature-driven"],to:"/docs/about/alternatives"}]},{group:"\ud83c\udf70 Promote & Understanding",details:"Moved to /about as advanced materials",children:[{title:"Knowledge types",from:"/docs/reference/knowledge-types",to:"/docs/about/understanding/knowledge-types"},{title:"Needs driven",from:"/docs/concepts/needs-driven",to:"/docs/about/understanding/needs-driven"},{title:"About architecture",from:"/docs/concepts/architecture",to:"/docs/about/understanding/architecture"},{title:"Naming adaptability",from:"/docs/concepts/naming-adaptability",to:"/docs/about/understanding/naming"},{title:"Signals of architecture",from:"/docs/concepts/signals",to:"/docs/about/understanding/signals"},{title:"Abstractions of architecture",from:"/docs/concepts/abstractions",to:"/docs/about/understanding/abstractions"}]},{group:"\ud83d\udcda Reference guidelines (isolation & units)",details:"Moved to /reference as theoretical materials (old concepts)",children:[{title:"Decouple of entities",from:"/docs/concepts/decouple-entities",to:"/docs/reference/isolation/decouple-entities"},{title:"Low Coupling & High Cohesion",from:"/docs/concepts/low-coupling",to:"/docs/reference/isolation/coupling-cohesion"},{title:"Cross-communication",from:"/docs/concepts/cross-communication",to:"/docs/reference/isolation"},{title:"App splitting",from:"/docs/concepts/app-splitting",to:"/docs/reference"},{title:"Decomposition",from:"/docs/reference/units/decomposition",to:"/docs/reference"},{title:"Units",from:"/docs/reference/units",to:"/docs/reference"},{title:"Layers",from:"/docs/reference/units/layers",to:"/docs/reference/layers"},{title:"Layer overview",from:"/docs/reference/layers/overview",to:"/docs/reference/layers"},{title:"App layer",from:"/docs/reference/units/layers/app",to:"/docs/reference/layers"},{title:"Processes layer",from:"/docs/reference/units/layers/processes",to:"/docs/reference/layers"},{title:"Pages layer",from:"/docs/reference/units/layers/pages",to:"/docs/reference/layers"},{title:"Widgets layer",from:"/docs/reference/units/layers/widgets",to:"/docs/reference/layers"},{title:"Widgets layer",from:"/docs/reference/layers/widgets",to:"/docs/reference/layers"},{title:"Features layer",from:"/docs/reference/units/layers/features",to:"/docs/reference/layers"},{title:"Entities layer",from:"/docs/reference/units/layers/entities",to:"/docs/reference/layers"},{title:"Shared layer",from:"/docs/reference/units/layers/shared",to:"/docs/reference/layers"},{title:"Segments",from:"/docs/reference/units/segments",to:"/docs/reference/slices-segments"}]},{group:"\ud83c\udfaf Bad Practices handbook",details:"Moved to /guides as practice materials",children:[{title:"Cross-imports",from:"/docs/concepts/issues/cross-imports",to:"/docs/guides/issues/cross-imports"},{title:"Desegmented",from:"/docs/concepts/issues/desegmented",to:"/docs/guides/issues/desegmented"},{title:"Routes",from:"/docs/concepts/issues/routes",to:"/docs/guides/issues/routes"}]},{group:"\ud83c\udfaf Examples",details:"Grouped and simplified into /guides/examples as practical examples",children:[{title:"Viewer logic",from:"/docs/guides/examples/viewer",to:"/docs/guides/examples/auth"},{title:"Monorepo",from:"/docs/guides/monorepo",to:"/docs/guides/examples/monorepo"},{title:"White Labels",from:"/docs/guides/white-labels",to:"/docs/guides/examples/white-labels"}]},{group:"\ud83c\udfaf Migration",details:"Grouped and simplified into /guides/migration as migration guidelines",children:[{title:"Migration from V1",from:"/docs/guides/migration-from-v1",to:"/docs/guides/migration/from-v1"},{title:"Migration from Legacy",from:"/docs/guides/migration-from-legacy",to:"/docs/guides/migration/from-custom"}]},{group:"\ud83c\udfaf Tech",details:"Grouped into /guides/tech as tech-specific usage guidelines",children:[{title:"Usage with NextJS",from:"/docs/guides/usage-with-nextjs",to:"/docs/guides/tech/with-nextjs"}]},{group:"Rename 'legacy' to 'custom'",details:"'Legacy' is derogatory, we don't get to call people's projects legacy",children:[{title:"Rename 'legacy' to custom",from:"/docs/guides/migration/from-legacy",to:"/docs/guides/migration/from-custom"}]}],pushFeedbackProjectId:"5i2vbxcpaz"},trailingSlash:!1,themeConfig:{image:"img/preview.png",docs:{sidebar:{hideable:!0,autoCollapseCategories:!0},versionPersistence:"localStorage"},colorMode:{respectPrefersColorScheme:!0,defaultMode:"light",disableSwitch:!1},navbar:{title:"",logo:{alt:"logo",src:"img/brand/logo-primary.png"},items:[{label:"\ud83d\udcd6 Docs",to:"/docs",position:"left"},{label:"\ud83d\udcab Community",to:"/community",position:"left"},{label:"\ud83d\udcdd Blog",to:"/blog",position:"left"},{label:"\ud83d\udee0 Examples",to:"/examples",position:"left"},{type:"docsVersionDropdown",position:"right",dropdownActiveClassDisabled:!0,dropdownItemsAfter:[{to:"https://feature-sliced.github.io/featureslices.dev/v1.0.html",label:"v1.0"},{to:"https://feature-sliced.github.io/featureslices.dev/v0.1.html",label:"v0.1"},{to:"https://github.com/feature-sliced/documentation/tree/rc/feature-driven",label:"feature-driven"},{to:"/versions",label:"All versions"}],dropdownItemsBefore:[]},{type:"localeDropdown",position:"right",dropdownItemsAfter:[{href:"https://github.com/feature-sliced/documentation/issues/244",label:"Help Us Translate"}],dropdownItemsBefore:[]},{href:"https://discord.gg/S8MzWTUsmp",position:"right",className:"ext-link discord","aria-label":"Discord community server"},{href:"https://github.com/feature-sliced/documentation",position:"right",className:"ext-link github","aria-label":"GitHub repository"}],hideOnScroll:!1},footer:{style:"dark",links:[{title:"Specs",items:[{label:"Documentation",to:"/docs"},{label:"Community",to:"/community"},{label:"Help",to:"/nav"},{label:"Discussions",href:"https://github.com/feature-sliced/documentation/discussions"}]},{title:"Community",items:[{label:"Discord",href:"https://discord.gg/S8MzWTUsmp"},{label:"Telegram (RU)",href:"https://t.me/feature_sliced"},{label:"Twitter",href:"https://twitter.com/feature_sliced"},{label:"Open Collective",href:"https://opencollective.com/feature-sliced"},{label:"YouTube",href:"https://www.youtube.com/c/FeatureSlicedDesign"}]},{title:"More",items:[{label:"GitHub",href:"https://github.com/feature-sliced"},{label:"Contribution Guide",href:"https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md"},{label:"License",href:"https://github.com/feature-sliced/documentation/blob/master/LICENSE"}]}],logo:{alt:"Feature-Sliced Design - Architectural methodology for frontend projects",src:"img/brand/logo-primary.png",href:"https://github.com/feature-sliced",width:160},copyright:"Copyright \xa9 2024  Feature-Sliced Design"},algolia:{appId:"18IVO61EUN",apiKey:"a51704b2a1604c9eb41c62aa343c6e32",indexName:"feature-sliced",contextualSearch:!0,searchParameters:{},searchPagePath:"search"},metadata:[{name:"keywords",content:"architecture, frontend, project structure"},{name:"twitter:site",content:"@feature_sliced"},{name:"twitter:card",content:"summary_large_image"}],imageZoom:{selector:".markdown :not(a) > img",options:{background:"rgb(255 255 255 / 0.3)"}},prism:{theme:{plain:{backgroundColor:"hsl(230, 1%, 98%)",color:"hsl(230, 8%, 24%)"},styles:[{types:["comment","prolog","cdata"],style:{color:"hsl(230, 4%, 64%)"}},{types:["doctype","punctuation","entity"],style:{color:"hsl(230, 8%, 24%)"}},{types:["attr-name","class-name","boolean","constant","number","atrule"],style:{color:"hsl(35, 99%, 36%)"}},{types:["keyword"],style:{color:"hsl(301, 63%, 40%)"}},{types:["property","tag","symbol","deleted","important"],style:{color:"hsl(5, 74%, 59%)"}},{types:["selector","string","char","builtin","inserted","regex","attr-value","punctuation"],style:{color:"hsl(119, 34%, 47%)"}},{types:["variable","operator","function"],style:{color:"hsl(221, 87%, 60%)"}},{types:["url"],style:{color:"hsl(198, 99%, 37%)"}},{types:["deleted"],style:{textDecorationLine:"line-through"}},{types:["inserted"],style:{textDecorationLine:"underline"}},{types:["italic"],style:{fontStyle:"italic"}},{types:["important","bold"],style:{fontWeight:"bold"}},{types:["important"],style:{color:"hsl(230, 8%, 24%)"}}]},darkTheme:{plain:{backgroundColor:"hsl(220, 13%, 18%)",color:"hsl(220, 14%, 71%)",textShadow:"0 1px rgba(0, 0, 0, 0.3)"},styles:[{types:["comment","prolog","cdata"],style:{color:"hsl(220, 10%, 40%)"}},{types:["doctype","punctuation","entity"],style:{color:"hsl(220, 14%, 71%)"}},{types:["attr-name","class-name","maybe-class-name","boolean","constant","number","atrule"],style:{color:"hsl(29, 54%, 61%)"}},{types:["keyword"],style:{color:"hsl(286, 60%, 67%)"}},{types:["property","tag","symbol","deleted","important"],style:{color:"hsl(355, 65%, 65%)"}},{types:["selector","string","char","builtin","inserted","regex","attr-value"],style:{color:"hsl(95, 38%, 62%)"}},{types:["variable","operator","function"],style:{color:"hsl(207, 82%, 66%)"}},{types:["url"],style:{color:"hsl(187, 47%, 55%)"}},{types:["deleted"],style:{textDecorationLine:"line-through"}},{types:["inserted"],style:{textDecorationLine:"underline"}},{types:["italic"],style:{fontStyle:"italic"}},{types:["important","bold"],style:{fontWeight:"bold"}},{types:["important"],style:{color:"hsl(220, 14%, 71%)"}}]},additionalLanguages:[],magicComments:[{className:"theme-code-block-highlighted-line",line:"highlight-next-line",block:{start:"highlight-start",end:"highlight-end"}}]},blog:{sidebar:{groupByYear:!0}},tableOfContents:{minHeadingLevel:2,maxHeadingLevel:3}},baseUrlIssueBanner:!0,future:{experimental_storage:{type:"localStorage",namespace:!1},experimental_router:"browser"},onBrokenAnchors:"warn",staticDirectories:["static"],themes:[],scripts:[],headTags:[],stylesheets:[],clientModules:[],titleDelimiter:"|",noIndex:!1,markdown:{format:"mdx",mermaid:!1,mdx1Compat:{comments:!0,admonitions:!0,headingIds:!0},anchors:{maintainCase:!1}}}},991:(e,t,n)=>{"use strict";function r(){return r=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)({}).hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},r.apply(null,arguments)}n.d(t,{A:()=>r})},1141:(e,t,n)=>{"use strict";function r(e,t){return r=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},r(e,t)}function o(e,t){e.prototype=Object.create(t.prototype),e.prototype.constructor=e,r(e,t)}n.d(t,{A:()=>o})},3302:(e,t,n)=>{"use strict";function r(e,t){if(null==e)return{};var n={};for(var r in e)if({}.hasOwnProperty.call(e,r)){if(t.includes(r))continue;n[r]=e[r]}return n}n.d(t,{A:()=>r})},3526:(e,t,n)=>{"use strict";function r(e){var t,n,o="";if("string"==typeof e||"number"==typeof e)o+=e;else if("object"==typeof e)if(Array.isArray(e)){var a=e.length;for(t=0;t<a;t++)e[t]&&(n=r(e[t]))&&(o&&(o+=" "),o+=n)}else for(n in e)e[n]&&(o&&(o+=" "),o+=n);return o}n.d(t,{A:()=>o});const o=function(){for(var e,t,n=0,o="",a=arguments.length;n<a;n++)(e=arguments[n])&&(t=r(e))&&(o&&(o+=" "),o+=t);return o}},5371:(e,t,n)=>{"use strict";n.d(t,{My:()=>k,f4:()=>Y});var r,o,a=n(758),i=n(3526),s=Object.create,l=Object.defineProperty,c=Object.defineProperties,u=Object.getOwnPropertyDescriptor,d=Object.getOwnPropertyDescriptors,p=Object.getOwnPropertyNames,f=Object.getOwnPropertySymbols,m=Object.getPrototypeOf,h=Object.prototype.hasOwnProperty,g=Object.prototype.propertyIsEnumerable,b=(e,t,n)=>t in e?l(e,t,{enumerable:!0,configurable:!0,writable:!0,value:n}):e[t]=n,y=(e,t)=>{for(var n in t||(t={}))h.call(t,n)&&b(e,n,t[n]);if(f)for(var n of f(t))g.call(t,n)&&b(e,n,t[n]);return e},v=(e,t)=>c(e,d(t)),w=(e,t)=>{var n={};for(var r in e)h.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&f)for(var r of f(e))t.indexOf(r)<0&&g.call(e,r)&&(n[r]=e[r]);return n},k=((e,t,n)=>(n=null!=e?s(m(e)):{},((e,t,n,r)=>{if(t&&"object"==typeof t||"function"==typeof t)for(let o of p(t))h.call(e,o)||o===n||l(e,o,{get:()=>t[o],enumerable:!(r=u(t,o))||r.enumerable});return e})(!t&&e&&e.__esModule?n:l(n,"default",{value:e,enumerable:!0}),e)))((r={"../../node_modules/.pnpm/prismjs@1.29.0_patch_hash=vrxx3pzkik6jpmgpayxfjunetu/node_modules/prismjs/prism.js"(e,t){var n=function(){var e=/(?:^|\s)lang(?:uage)?-([\w-]+)(?=\s|$)/i,t=0,n={},r={util:{encode:function e(t){return t instanceof o?new o(t.type,e(t.content),t.alias):Array.isArray(t)?t.map(e):t.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/\u00a0/g," ")},type:function(e){return Object.prototype.toString.call(e).slice(8,-1)},objId:function(e){return e.__id||Object.defineProperty(e,"__id",{value:++t}),e.__id},clone:function e(t,n){var o,a;switch(n=n||{},r.util.type(t)){case"Object":if(a=r.util.objId(t),n[a])return n[a];for(var i in o={},n[a]=o,t)t.hasOwnProperty(i)&&(o[i]=e(t[i],n));return o;case"Array":return a=r.util.objId(t),n[a]?n[a]:(o=[],n[a]=o,t.forEach((function(t,r){o[r]=e(t,n)})),o);default:return t}},getLanguage:function(t){for(;t;){var n=e.exec(t.className);if(n)return n[1].toLowerCase();t=t.parentElement}return"none"},setLanguage:function(t,n){t.className=t.className.replace(RegExp(e,"gi"),""),t.classList.add("language-"+n)},isActive:function(e,t,n){for(var r="no-"+t;e;){var o=e.classList;if(o.contains(t))return!0;if(o.contains(r))return!1;e=e.parentElement}return!!n}},languages:{plain:n,plaintext:n,text:n,txt:n,extend:function(e,t){var n=r.util.clone(r.languages[e]);for(var o in t)n[o]=t[o];return n},insertBefore:function(e,t,n,o){var a=(o=o||r.languages)[e],i={};for(var s in a)if(a.hasOwnProperty(s)){if(s==t)for(var l in n)n.hasOwnProperty(l)&&(i[l]=n[l]);n.hasOwnProperty(s)||(i[s]=a[s])}var c=o[e];return o[e]=i,r.languages.DFS(r.languages,(function(t,n){n===c&&t!=e&&(this[t]=i)})),i},DFS:function e(t,n,o,a){a=a||{};var i=r.util.objId;for(var s in t)if(t.hasOwnProperty(s)){n.call(t,s,t[s],o||s);var l=t[s],c=r.util.type(l);"Object"!==c||a[i(l)]?"Array"!==c||a[i(l)]||(a[i(l)]=!0,e(l,n,s,a)):(a[i(l)]=!0,e(l,n,null,a))}}},plugins:{},highlight:function(e,t,n){var a={code:e,grammar:t,language:n};if(r.hooks.run("before-tokenize",a),!a.grammar)throw new Error('The language "'+a.language+'" has no grammar.');return a.tokens=r.tokenize(a.code,a.grammar),r.hooks.run("after-tokenize",a),o.stringify(r.util.encode(a.tokens),a.language)},tokenize:function(e,t){var n=t.rest;if(n){for(var r in n)t[r]=n[r];delete t.rest}var o=new s;return l(o,o.head,e),i(e,o,t,o.head,0),function(e){for(var t=[],n=e.head.next;n!==e.tail;)t.push(n.value),n=n.next;return t}(o)},hooks:{all:{},add:function(e,t){var n=r.hooks.all;n[e]=n[e]||[],n[e].push(t)},run:function(e,t){var n=r.hooks.all[e];if(n&&n.length)for(var o,a=0;o=n[a++];)o(t)}},Token:o};function o(e,t,n,r){this.type=e,this.content=t,this.alias=n,this.length=0|(r||"").length}function a(e,t,n,r){e.lastIndex=t;var o=e.exec(n);if(o&&r&&o[1]){var a=o[1].length;o.index+=a,o[0]=o[0].slice(a)}return o}function i(e,t,n,s,u,d){for(var p in n)if(n.hasOwnProperty(p)&&n[p]){var f=n[p];f=Array.isArray(f)?f:[f];for(var m=0;m<f.length;++m){if(d&&d.cause==p+","+m)return;var h=f[m],g=h.inside,b=!!h.lookbehind,y=!!h.greedy,v=h.alias;if(y&&!h.pattern.global){var w=h.pattern.toString().match(/[imsuy]*$/)[0];h.pattern=RegExp(h.pattern.source,w+"g")}for(var k=h.pattern||h,S=s.next,x=u;S!==t.tail&&!(d&&x>=d.reach);x+=S.value.length,S=S.next){var E=S.value;if(t.length>e.length)return;if(!(E instanceof o)){var _,C=1;if(y){if(!(_=a(k,x,e,b))||_.index>=e.length)break;var j=_.index,O=_.index+_[0].length,A=x;for(A+=S.value.length;j>=A;)A+=(S=S.next).value.length;if(x=A-=S.value.length,S.value instanceof o)continue;for(var T=S;T!==t.tail&&(A<O||"string"==typeof T.value);T=T.next)C++,A+=T.value.length;C--,E=e.slice(x,A),_.index-=x}else if(!(_=a(k,0,E,b)))continue;j=_.index;var P=_[0],L=E.slice(0,j),I=E.slice(j+P.length),N=x+E.length;d&&N>d.reach&&(d.reach=N);var R=S.prev;if(L&&(R=l(t,R,L),x+=L.length),c(t,R,C),S=l(t,R,new o(p,g?r.tokenize(P,g):P,v,P)),I&&l(t,S,I),C>1){var D={cause:p+","+m,reach:N};i(e,t,n,S.prev,x,D),d&&D.reach>d.reach&&(d.reach=D.reach)}}}}}}function s(){var e={value:null,prev:null,next:null},t={value:null,prev:e,next:null};e.next=t,this.head=e,this.tail=t,this.length=0}function l(e,t,n){var r=t.next,o={value:n,prev:t,next:r};return t.next=o,r.prev=o,e.length++,o}function c(e,t,n){for(var r=t.next,o=0;o<n&&r!==e.tail;o++)r=r.next;t.next=r,r.prev=t,e.length-=o}return o.stringify=function e(t,n){if("string"==typeof t)return t;if(Array.isArray(t)){var o="";return t.forEach((function(t){o+=e(t,n)})),o}var a={type:t.type,content:e(t.content,n),tag:"span",classes:["token",t.type],attributes:{},language:n},i=t.alias;i&&(Array.isArray(i)?Array.prototype.push.apply(a.classes,i):a.classes.push(i)),r.hooks.run("wrap",a);var s="";for(var l in a.attributes)s+=" "+l+'="'+(a.attributes[l]||"").replace(/"/g,"&quot;")+'"';return"<"+a.tag+' class="'+a.classes.join(" ")+'"'+s+">"+a.content+"</"+a.tag+">"},r}();t.exports=n,n.default=n}},function(){return o||(0,r[p(r)[0]])((o={exports:{}}).exports,o),o.exports})());k.languages.markup={comment:{pattern:/<!--(?:(?!<!--)[\s\S])*?-->/,greedy:!0},prolog:{pattern:/<\?[\s\S]+?\?>/,greedy:!0},doctype:{pattern:/<!DOCTYPE(?:[^>"'[\]]|"[^"]*"|'[^']*')+(?:\[(?:[^<"'\]]|"[^"]*"|'[^']*'|<(?!!--)|<!--(?:[^-]|-(?!->))*-->)*\]\s*)?>/i,greedy:!0,inside:{"internal-subset":{pattern:/(^[^\[]*\[)[\s\S]+(?=\]>$)/,lookbehind:!0,greedy:!0,inside:null},string:{pattern:/"[^"]*"|'[^']*'/,greedy:!0},punctuation:/^<!|>$|[[\]]/,"doctype-tag":/^DOCTYPE/i,name:/[^\s<>'"]+/}},cdata:{pattern:/<!\[CDATA\[[\s\S]*?\]\]>/i,greedy:!0},tag:{pattern:/<\/?(?!\d)[^\s>\/=$<%]+(?:\s(?:\s*[^\s>\/=]+(?:\s*=\s*(?:"[^"]*"|'[^']*'|[^\s'">=]+(?=[\s>]))|(?=[\s/>])))+)?\s*\/?>/,greedy:!0,inside:{tag:{pattern:/^<\/?[^\s>\/]+/,inside:{punctuation:/^<\/?/,namespace:/^[^\s>\/:]+:/}},"special-attr":[],"attr-value":{pattern:/=\s*(?:"[^"]*"|'[^']*'|[^\s'">=]+)/,inside:{punctuation:[{pattern:/^=/,alias:"attr-equals"},{pattern:/^(\s*)["']|["']$/,lookbehind:!0}]}},punctuation:/\/?>/,"attr-name":{pattern:/[^\s>\/]+/,inside:{namespace:/^[^\s>\/:]+:/}}}},entity:[{pattern:/&[\da-z]{1,8};/i,alias:"named-entity"},/&#x?[\da-f]{1,8};/i]},k.languages.markup.tag.inside["attr-value"].inside.entity=k.languages.markup.entity,k.languages.markup.doctype.inside["internal-subset"].inside=k.languages.markup,k.hooks.add("wrap",(function(e){"entity"===e.type&&(e.attributes.title=e.content.replace(/&amp;/,"&"))})),Object.defineProperty(k.languages.markup.tag,"addInlined",{value:function(e,t){var n;(t=((n=((n={})["language-"+t]={pattern:/(^<!\[CDATA\[)[\s\S]+?(?=\]\]>$)/i,lookbehind:!0,inside:k.languages[t]},n.cdata=/^<!\[CDATA\[|\]\]>$/i,{"included-cdata":{pattern:/<!\[CDATA\[[\s\S]*?\]\]>/i,inside:n}}))["language-"+t]={pattern:/[\s\S]+/,inside:k.languages[t]},{}))[e]={pattern:RegExp(/(<__[^>]*>)(?:<!\[CDATA\[(?:[^\]]|\](?!\]>))*\]\]>|(?!<!\[CDATA\[)[\s\S])*?(?=<\/__>)/.source.replace(/__/g,(function(){return e})),"i"),lookbehind:!0,greedy:!0,inside:n},k.languages.insertBefore("markup","cdata",t)}}),Object.defineProperty(k.languages.markup.tag,"addAttribute",{value:function(e,t){k.languages.markup.tag.inside["special-attr"].push({pattern:RegExp(/(^|["'\s])/.source+"(?:"+e+")"+/\s*=\s*(?:"[^"]*"|'[^']*'|[^\s'">=]+(?=[\s>]))/.source,"i"),lookbehind:!0,inside:{"attr-name":/^[^\s=]+/,"attr-value":{pattern:/=[\s\S]+/,inside:{value:{pattern:/(^=\s*(["']|(?!["'])))\S[\s\S]*(?=\2$)/,lookbehind:!0,alias:[t,"language-"+t],inside:k.languages[t]},punctuation:[{pattern:/^=/,alias:"attr-equals"},/"|'/]}}}})}}),k.languages.html=k.languages.markup,k.languages.mathml=k.languages.markup,k.languages.svg=k.languages.markup,k.languages.xml=k.languages.extend("markup",{}),k.languages.ssml=k.languages.xml,k.languages.atom=k.languages.xml,k.languages.rss=k.languages.xml,function(e){var t={pattern:/\\[\\(){}[\]^$+*?|.]/,alias:"escape"},n=/\\(?:x[\da-fA-F]{2}|u[\da-fA-F]{4}|u\{[\da-fA-F]+\}|0[0-7]{0,2}|[123][0-7]{2}|c[a-zA-Z]|.)/,r="(?:[^\\\\-]|"+n.source+")",o=(r=RegExp(r+"-"+r),{pattern:/(<|')[^<>']+(?=[>']$)/,lookbehind:!0,alias:"variable"});e.languages.regex={"char-class":{pattern:/((?:^|[^\\])(?:\\\\)*)\[(?:[^\\\]]|\\[\s\S])*\]/,lookbehind:!0,inside:{"char-class-negation":{pattern:/(^\[)\^/,lookbehind:!0,alias:"operator"},"char-class-punctuation":{pattern:/^\[|\]$/,alias:"punctuation"},range:{pattern:r,inside:{escape:n,"range-punctuation":{pattern:/-/,alias:"operator"}}},"special-escape":t,"char-set":{pattern:/\\[wsd]|\\p\{[^{}]+\}/i,alias:"class-name"},escape:n}},"special-escape":t,"char-set":{pattern:/\.|\\[wsd]|\\p\{[^{}]+\}/i,alias:"class-name"},backreference:[{pattern:/\\(?![123][0-7]{2})[1-9]/,alias:"keyword"},{pattern:/\\k<[^<>']+>/,alias:"keyword",inside:{"group-name":o}}],anchor:{pattern:/[$^]|\\[ABbGZz]/,alias:"function"},escape:n,group:[{pattern:/\((?:\?(?:<[^<>']+>|'[^<>']+'|[>:]|<?[=!]|[idmnsuxU]+(?:-[idmnsuxU]+)?:?))?/,alias:"punctuation",inside:{"group-name":o}},{pattern:/\)/,alias:"punctuation"}],quantifier:{pattern:/(?:[+*?]|\{\d+(?:,\d*)?\})[?+]?/,alias:"number"},alternation:{pattern:/\|/,alias:"keyword"}}}(k),k.languages.clike={comment:[{pattern:/(^|[^\\])\/\*[\s\S]*?(?:\*\/|$)/,lookbehind:!0,greedy:!0},{pattern:/(^|[^\\:])\/\/.*/,lookbehind:!0,greedy:!0}],string:{pattern:/(["'])(?:\\(?:\r\n|[\s\S])|(?!\1)[^\\\r\n])*\1/,greedy:!0},"class-name":{pattern:/(\b(?:class|extends|implements|instanceof|interface|new|trait)\s+|\bcatch\s+\()[\w.\\]+/i,lookbehind:!0,inside:{punctuation:/[.\\]/}},keyword:/\b(?:break|catch|continue|do|else|finally|for|function|if|in|instanceof|new|null|return|throw|try|while)\b/,boolean:/\b(?:false|true)\b/,function:/\b\w+(?=\()/,number:/\b0x[\da-f]+\b|(?:\b\d+(?:\.\d*)?|\B\.\d+)(?:e[+-]?\d+)?/i,operator:/[<>]=?|[!=]=?=?|--?|\+\+?|&&?|\|\|?|[?*/~^%]/,punctuation:/[{}[\];(),.:]/},k.languages.javascript=k.languages.extend("clike",{"class-name":[k.languages.clike["class-name"],{pattern:/(^|[^$\w\xA0-\uFFFF])(?!\s)[_$A-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\.(?:constructor|prototype))/,lookbehind:!0}],keyword:[{pattern:/((?:^|\})\s*)catch\b/,lookbehind:!0},{pattern:/(^|[^.]|\.\.\.\s*)\b(?:as|assert(?=\s*\{)|async(?=\s*(?:function\b|\(|[$\w\xA0-\uFFFF]|$))|await|break|case|class|const|continue|debugger|default|delete|do|else|enum|export|extends|finally(?=\s*(?:\{|$))|for|from(?=\s*(?:['"]|$))|function|(?:get|set)(?=\s*(?:[#\[$\w\xA0-\uFFFF]|$))|if|implements|import|in|instanceof|interface|let|new|null|of|package|private|protected|public|return|static|super|switch|this|throw|try|typeof|undefined|var|void|while|with|yield)\b/,lookbehind:!0}],function:/#?(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*(?:\.\s*(?:apply|bind|call)\s*)?\()/,number:{pattern:RegExp(/(^|[^\w$])/.source+"(?:"+/NaN|Infinity/.source+"|"+/0[bB][01]+(?:_[01]+)*n?/.source+"|"+/0[oO][0-7]+(?:_[0-7]+)*n?/.source+"|"+/0[xX][\dA-Fa-f]+(?:_[\dA-Fa-f]+)*n?/.source+"|"+/\d+(?:_\d+)*n/.source+"|"+/(?:\d+(?:_\d+)*(?:\.(?:\d+(?:_\d+)*)?)?|\.\d+(?:_\d+)*)(?:[Ee][+-]?\d+(?:_\d+)*)?/.source+")"+/(?![\w$])/.source),lookbehind:!0},operator:/--|\+\+|\*\*=?|=>|&&=?|\|\|=?|[!=]==|<<=?|>>>?=?|[-+*/%&|^!=<>]=?|\.{3}|\?\?=?|\?\.?|[~:]/}),k.languages.javascript["class-name"][0].pattern=/(\b(?:class|extends|implements|instanceof|interface|new)\s+)[\w.\\]+/,k.languages.insertBefore("javascript","keyword",{regex:{pattern:RegExp(/((?:^|[^$\w\xA0-\uFFFF."'\])\s]|\b(?:return|yield))\s*)/.source+/\//.source+"(?:"+/(?:\[(?:[^\]\\\r\n]|\\.)*\]|\\.|[^/\\\[\r\n])+\/[dgimyus]{0,7}/.source+"|"+/(?:\[(?:[^[\]\\\r\n]|\\.|\[(?:[^[\]\\\r\n]|\\.|\[(?:[^[\]\\\r\n]|\\.)*\])*\])*\]|\\.|[^/\\\[\r\n])+\/[dgimyus]{0,7}v[dgimyus]{0,7}/.source+")"+/(?=(?:\s|\/\*(?:[^*]|\*(?!\/))*\*\/)*(?:$|[\r\n,.;:})\]]|\/\/))/.source),lookbehind:!0,greedy:!0,inside:{"regex-source":{pattern:/^(\/)[\s\S]+(?=\/[a-z]*$)/,lookbehind:!0,alias:"language-regex",inside:k.languages.regex},"regex-delimiter":/^\/|\/$/,"regex-flags":/^[a-z]+$/}},"function-variable":{pattern:/#?(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*[=:]\s*(?:async\s*)?(?:\bfunction\b|(?:\((?:[^()]|\([^()]*\))*\)|(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*)\s*=>))/,alias:"function"},parameter:[{pattern:/(function(?:\s+(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*)?\s*\(\s*)(?!\s)(?:[^()\s]|\s+(?![\s)])|\([^()]*\))+(?=\s*\))/,lookbehind:!0,inside:k.languages.javascript},{pattern:/(^|[^$\w\xA0-\uFFFF])(?!\s)[_$a-z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*=>)/i,lookbehind:!0,inside:k.languages.javascript},{pattern:/(\(\s*)(?!\s)(?:[^()\s]|\s+(?![\s)])|\([^()]*\))+(?=\s*\)\s*=>)/,lookbehind:!0,inside:k.languages.javascript},{pattern:/((?:\b|\s|^)(?!(?:as|async|await|break|case|catch|class|const|continue|debugger|default|delete|do|else|enum|export|extends|finally|for|from|function|get|if|implements|import|in|instanceof|interface|let|new|null|of|package|private|protected|public|return|set|static|super|switch|this|throw|try|typeof|undefined|var|void|while|with|yield)(?![$\w\xA0-\uFFFF]))(?:(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*\s*)\(\s*|\]\s*\(\s*)(?!\s)(?:[^()\s]|\s+(?![\s)])|\([^()]*\))+(?=\s*\)\s*\{)/,lookbehind:!0,inside:k.languages.javascript}],constant:/\b[A-Z](?:[A-Z_]|\dx?)*\b/}),k.languages.insertBefore("javascript","string",{hashbang:{pattern:/^#!.*/,greedy:!0,alias:"comment"},"template-string":{pattern:/`(?:\\[\s\S]|\$\{(?:[^{}]|\{(?:[^{}]|\{[^}]*\})*\})+\}|(?!\$\{)[^\\`])*`/,greedy:!0,inside:{"template-punctuation":{pattern:/^`|`$/,alias:"string"},interpolation:{pattern:/((?:^|[^\\])(?:\\{2})*)\$\{(?:[^{}]|\{(?:[^{}]|\{[^}]*\})*\})+\}/,lookbehind:!0,inside:{"interpolation-punctuation":{pattern:/^\$\{|\}$/,alias:"punctuation"},rest:k.languages.javascript}},string:/[\s\S]+/}},"string-property":{pattern:/((?:^|[,{])[ \t]*)(["'])(?:\\(?:\r\n|[\s\S])|(?!\2)[^\\\r\n])*\2(?=\s*:)/m,lookbehind:!0,greedy:!0,alias:"property"}}),k.languages.insertBefore("javascript","operator",{"literal-property":{pattern:/((?:^|[,{])[ \t]*)(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*:)/m,lookbehind:!0,alias:"property"}}),k.languages.markup&&(k.languages.markup.tag.addInlined("script","javascript"),k.languages.markup.tag.addAttribute(/on(?:abort|blur|change|click|composition(?:end|start|update)|dblclick|error|focus(?:in|out)?|key(?:down|up)|load|mouse(?:down|enter|leave|move|out|over|up)|reset|resize|scroll|select|slotchange|submit|unload|wheel)/.source,"javascript")),k.languages.js=k.languages.javascript,k.languages.actionscript=k.languages.extend("javascript",{keyword:/\b(?:as|break|case|catch|class|const|default|delete|do|dynamic|each|else|extends|final|finally|for|function|get|if|implements|import|in|include|instanceof|interface|internal|is|namespace|native|new|null|override|package|private|protected|public|return|set|static|super|switch|this|throw|try|typeof|use|var|void|while|with)\b/,operator:/\+\+|--|(?:[+\-*\/%^]|&&?|\|\|?|<<?|>>?>?|[!=]=?)=?|[~?@]/}),k.languages.actionscript["class-name"].alias="function",delete k.languages.actionscript.parameter,delete k.languages.actionscript["literal-property"],k.languages.markup&&k.languages.insertBefore("actionscript","string",{xml:{pattern:/(^|[^.])<\/?\w+(?:\s+[^\s>\/=]+=("|')(?:\\[\s\S]|(?!\2)[^\\])*\2)*\s*\/?>/,lookbehind:!0,inside:k.languages.markup}}),function(e){var t=/#(?!\{).+/,n={pattern:/#\{[^}]+\}/,alias:"variable"};e.languages.coffeescript=e.languages.extend("javascript",{comment:t,string:[{pattern:/'(?:\\[\s\S]|[^\\'])*'/,greedy:!0},{pattern:/"(?:\\[\s\S]|[^\\"])*"/,greedy:!0,inside:{interpolation:n}}],keyword:/\b(?:and|break|by|catch|class|continue|debugger|delete|do|each|else|extend|extends|false|finally|for|if|in|instanceof|is|isnt|let|loop|namespace|new|no|not|null|of|off|on|or|own|return|super|switch|then|this|throw|true|try|typeof|undefined|unless|until|when|while|window|with|yes|yield)\b/,"class-member":{pattern:/@(?!\d)\w+/,alias:"variable"}}),e.languages.insertBefore("coffeescript","comment",{"multiline-comment":{pattern:/###[\s\S]+?###/,alias:"comment"},"block-regex":{pattern:/\/{3}[\s\S]*?\/{3}/,alias:"regex",inside:{comment:t,interpolation:n}}}),e.languages.insertBefore("coffeescript","string",{"inline-javascript":{pattern:/`(?:\\[\s\S]|[^\\`])*`/,inside:{delimiter:{pattern:/^`|`$/,alias:"punctuation"},script:{pattern:/[\s\S]+/,alias:"language-javascript",inside:e.languages.javascript}}},"multiline-string":[{pattern:/'''[\s\S]*?'''/,greedy:!0,alias:"string"},{pattern:/"""[\s\S]*?"""/,greedy:!0,alias:"string",inside:{interpolation:n}}]}),e.languages.insertBefore("coffeescript","keyword",{property:/(?!\d)\w+(?=\s*:(?!:))/}),delete e.languages.coffeescript["template-string"],e.languages.coffee=e.languages.coffeescript}(k),function(e){var t=e.languages.javadoclike={parameter:{pattern:/(^[\t ]*(?:\/{3}|\*|\/\*\*)\s*@(?:arg|arguments|param)\s+)\w+/m,lookbehind:!0},keyword:{pattern:/(^[\t ]*(?:\/{3}|\*|\/\*\*)\s*|\{)@[a-z][a-zA-Z-]+\b/m,lookbehind:!0},punctuation:/[{}]/};Object.defineProperty(t,"addSupport",{value:function(t,n){(t="string"==typeof t?[t]:t).forEach((function(t){var r=function(e){e.inside||(e.inside={}),e.inside.rest=n},o="doc-comment";if(a=e.languages[t]){var a,i=a[o];if((i=i||(a=e.languages.insertBefore(t,"comment",{"doc-comment":{pattern:/(^|[^\\])\/\*\*[^/][\s\S]*?(?:\*\/|$)/,lookbehind:!0,alias:"comment"}}))[o])instanceof RegExp&&(i=a[o]={pattern:i}),Array.isArray(i))for(var s=0,l=i.length;s<l;s++)i[s]instanceof RegExp&&(i[s]={pattern:i[s]}),r(i[s]);else r(i)}}))}}),t.addSupport(["java","javascript","php"],t)}(k),function(e){var t=/(?:"(?:\\(?:\r\n|[\s\S])|[^"\\\r\n])*"|'(?:\\(?:\r\n|[\s\S])|[^'\\\r\n])*')/;(t=(e.languages.css={comment:/\/\*[\s\S]*?\*\//,atrule:{pattern:RegExp("@[\\w-](?:"+/[^;{\s"']|\s+(?!\s)/.source+"|"+t.source+")*?"+/(?:;|(?=\s*\{))/.source),inside:{rule:/^@[\w-]+/,"selector-function-argument":{pattern:/(\bselector\s*\(\s*(?![\s)]))(?:[^()\s]|\s+(?![\s)])|\((?:[^()]|\([^()]*\))*\))+(?=\s*\))/,lookbehind:!0,alias:"selector"},keyword:{pattern:/(^|[^\w-])(?:and|not|only|or)(?![\w-])/,lookbehind:!0}}},url:{pattern:RegExp("\\burl\\((?:"+t.source+"|"+/(?:[^\\\r\n()"']|\\[\s\S])*/.source+")\\)","i"),greedy:!0,inside:{function:/^url/i,punctuation:/^\(|\)$/,string:{pattern:RegExp("^"+t.source+"$"),alias:"url"}}},selector:{pattern:RegExp("(^|[{}\\s])[^{}\\s](?:[^{};\"'\\s]|\\s+(?![\\s{])|"+t.source+")*(?=\\s*\\{)"),lookbehind:!0},string:{pattern:t,greedy:!0},property:{pattern:/(^|[^-\w\xA0-\uFFFF])(?!\s)[-_a-z\xA0-\uFFFF](?:(?!\s)[-\w\xA0-\uFFFF])*(?=\s*:)/i,lookbehind:!0},important:/!important\b/i,function:{pattern:/(^|[^-a-z0-9])[-a-z0-9]+(?=\()/i,lookbehind:!0},punctuation:/[(){};:,]/},e.languages.css.atrule.inside.rest=e.languages.css,e.languages.markup))&&(t.tag.addInlined("style","css"),t.tag.addAttribute("style","css"))}(k),function(e){var t=/("|')(?:\\(?:\r\n|[\s\S])|(?!\1)[^\\\r\n])*\1/,n=(t=(e.languages.css.selector={pattern:e.languages.css.selector.pattern,lookbehind:!0,inside:t={"pseudo-element":/:(?:after|before|first-letter|first-line|selection)|::[-\w]+/,"pseudo-class":/:[-\w]+/,class:/\.[-\w]+/,id:/#[-\w]+/,attribute:{pattern:RegExp("\\[(?:[^[\\]\"']|"+t.source+")*\\]"),greedy:!0,inside:{punctuation:/^\[|\]$/,"case-sensitivity":{pattern:/(\s)[si]$/i,lookbehind:!0,alias:"keyword"},namespace:{pattern:/^(\s*)(?:(?!\s)[-*\w\xA0-\uFFFF])*\|(?!=)/,lookbehind:!0,inside:{punctuation:/\|$/}},"attr-name":{pattern:/^(\s*)(?:(?!\s)[-\w\xA0-\uFFFF])+/,lookbehind:!0},"attr-value":[t,{pattern:/(=\s*)(?:(?!\s)[-\w\xA0-\uFFFF])+(?=\s*$)/,lookbehind:!0}],operator:/[|~*^$]?=/}},"n-th":[{pattern:/(\(\s*)[+-]?\d*[\dn](?:\s*[+-]\s*\d+)?(?=\s*\))/,lookbehind:!0,inside:{number:/[\dn]+/,operator:/[+-]/}},{pattern:/(\(\s*)(?:even|odd)(?=\s*\))/i,lookbehind:!0}],combinator:/>|\+|~|\|\|/,punctuation:/[(),]/}},e.languages.css.atrule.inside["selector-function-argument"].inside=t,e.languages.insertBefore("css","property",{variable:{pattern:/(^|[^-\w\xA0-\uFFFF])--(?!\s)[-_a-z\xA0-\uFFFF](?:(?!\s)[-\w\xA0-\uFFFF])*/i,lookbehind:!0}}),{pattern:/(\b\d+)(?:%|[a-z]+(?![\w-]))/,lookbehind:!0}),{pattern:/(^|[^\w.-])-?(?:\d+(?:\.\d+)?|\.\d+)/,lookbehind:!0});e.languages.insertBefore("css","function",{operator:{pattern:/(\s)[+\-*\/](?=\s)/,lookbehind:!0},hexcode:{pattern:/\B#[\da-f]{3,8}\b/i,alias:"color"},color:[{pattern:/(^|[^\w-])(?:AliceBlue|AntiqueWhite|Aqua|Aquamarine|Azure|Beige|Bisque|Black|BlanchedAlmond|Blue|BlueViolet|Brown|BurlyWood|CadetBlue|Chartreuse|Chocolate|Coral|CornflowerBlue|Cornsilk|Crimson|Cyan|DarkBlue|DarkCyan|DarkGoldenRod|DarkGr[ae]y|DarkGreen|DarkKhaki|DarkMagenta|DarkOliveGreen|DarkOrange|DarkOrchid|DarkRed|DarkSalmon|DarkSeaGreen|DarkSlateBlue|DarkSlateGr[ae]y|DarkTurquoise|DarkViolet|DeepPink|DeepSkyBlue|DimGr[ae]y|DodgerBlue|FireBrick|FloralWhite|ForestGreen|Fuchsia|Gainsboro|GhostWhite|Gold|GoldenRod|Gr[ae]y|Green|GreenYellow|HoneyDew|HotPink|IndianRed|Indigo|Ivory|Khaki|Lavender|LavenderBlush|LawnGreen|LemonChiffon|LightBlue|LightCoral|LightCyan|LightGoldenRodYellow|LightGr[ae]y|LightGreen|LightPink|LightSalmon|LightSeaGreen|LightSkyBlue|LightSlateGr[ae]y|LightSteelBlue|LightYellow|Lime|LimeGreen|Linen|Magenta|Maroon|MediumAquaMarine|MediumBlue|MediumOrchid|MediumPurple|MediumSeaGreen|MediumSlateBlue|MediumSpringGreen|MediumTurquoise|MediumVioletRed|MidnightBlue|MintCream|MistyRose|Moccasin|NavajoWhite|Navy|OldLace|Olive|OliveDrab|Orange|OrangeRed|Orchid|PaleGoldenRod|PaleGreen|PaleTurquoise|PaleVioletRed|PapayaWhip|PeachPuff|Peru|Pink|Plum|PowderBlue|Purple|RebeccaPurple|Red|RosyBrown|RoyalBlue|SaddleBrown|Salmon|SandyBrown|SeaGreen|SeaShell|Sienna|Silver|SkyBlue|SlateBlue|SlateGr[ae]y|Snow|SpringGreen|SteelBlue|Tan|Teal|Thistle|Tomato|Transparent|Turquoise|Violet|Wheat|White|WhiteSmoke|Yellow|YellowGreen)(?![\w-])/i,lookbehind:!0},{pattern:/\b(?:hsl|rgb)\(\s*\d{1,3}\s*,\s*\d{1,3}%?\s*,\s*\d{1,3}%?\s*\)\B|\b(?:hsl|rgb)a\(\s*\d{1,3}\s*,\s*\d{1,3}%?\s*,\s*\d{1,3}%?\s*,\s*(?:0|0?\.\d+|1)\s*\)\B/i,inside:{unit:t,number:n,function:/[\w-]+(?=\()/,punctuation:/[(),]/}}],entity:/\\[\da-f]{1,8}/i,unit:t,number:n})}(k),function(e){var t=/[*&][^\s[\]{},]+/,n=/!(?:<[\w\-%#;/?:@&=+$,.!~*'()[\]]+>|(?:[a-zA-Z\d-]*!)?[\w\-%#;/?:@&=+$.~*'()]+)?/,r="(?:"+n.source+"(?:[ \t]+"+t.source+")?|"+t.source+"(?:[ \t]+"+n.source+")?)",o=/(?:[^\s\x00-\x08\x0e-\x1f!"#%&'*,\-:>?@[\]`{|}\x7f-\x84\x86-\x9f\ud800-\udfff\ufffe\uffff]|[?:-]<PLAIN>)(?:[ \t]*(?:(?![#:])<PLAIN>|:<PLAIN>))*/.source.replace(/<PLAIN>/g,(function(){return/[^\s\x00-\x08\x0e-\x1f,[\]{}\x7f-\x84\x86-\x9f\ud800-\udfff\ufffe\uffff]/.source})),a=/"(?:[^"\\\r\n]|\\.)*"|'(?:[^'\\\r\n]|\\.)*'/.source;function i(e,t){t=(t||"").replace(/m/g,"")+"m";var n=/([:\-,[{]\s*(?:\s<<prop>>[ \t]+)?)(?:<<value>>)(?=[ \t]*(?:$|,|\]|\}|(?:[\r\n]\s*)?#))/.source.replace(/<<prop>>/g,(function(){return r})).replace(/<<value>>/g,(function(){return e}));return RegExp(n,t)}e.languages.yaml={scalar:{pattern:RegExp(/([\-:]\s*(?:\s<<prop>>[ \t]+)?[|>])[ \t]*(?:((?:\r?\n|\r)[ \t]+)\S[^\r\n]*(?:\2[^\r\n]+)*)/.source.replace(/<<prop>>/g,(function(){return r}))),lookbehind:!0,alias:"string"},comment:/#.*/,key:{pattern:RegExp(/((?:^|[:\-,[{\r\n?])[ \t]*(?:<<prop>>[ \t]+)?)<<key>>(?=\s*:\s)/.source.replace(/<<prop>>/g,(function(){return r})).replace(/<<key>>/g,(function(){return"(?:"+o+"|"+a+")"}))),lookbehind:!0,greedy:!0,alias:"atrule"},directive:{pattern:/(^[ \t]*)%.+/m,lookbehind:!0,alias:"important"},datetime:{pattern:i(/\d{4}-\d\d?-\d\d?(?:[tT]|[ \t]+)\d\d?:\d{2}:\d{2}(?:\.\d*)?(?:[ \t]*(?:Z|[-+]\d\d?(?::\d{2})?))?|\d{4}-\d{2}-\d{2}|\d\d?:\d{2}(?::\d{2}(?:\.\d*)?)?/.source),lookbehind:!0,alias:"number"},boolean:{pattern:i(/false|true/.source,"i"),lookbehind:!0,alias:"important"},null:{pattern:i(/null|~/.source,"i"),lookbehind:!0,alias:"important"},string:{pattern:i(a),lookbehind:!0,greedy:!0},number:{pattern:i(/[+-]?(?:0x[\da-f]+|0o[0-7]+|(?:\d+(?:\.\d*)?|\.\d+)(?:e[+-]?\d+)?|\.inf|\.nan)/.source,"i"),lookbehind:!0},tag:n,important:t,punctuation:/---|[:[\]{}\-,|>?]|\.\.\./},e.languages.yml=e.languages.yaml}(k),function(e){var t=/(?:\\.|[^\\\n\r]|(?:\n|\r\n?)(?![\r\n]))/.source;function n(e){return e=e.replace(/<inner>/g,(function(){return t})),RegExp(/((?:^|[^\\])(?:\\{2})*)/.source+"(?:"+e+")")}var r=/(?:\\.|``(?:[^`\r\n]|`(?!`))+``|`[^`\r\n]+`|[^\\|\r\n`])+/.source,o=/\|?__(?:\|__)+\|?(?:(?:\n|\r\n?)|(?![\s\S]))/.source.replace(/__/g,(function(){return r})),a=/\|?[ \t]*:?-{3,}:?[ \t]*(?:\|[ \t]*:?-{3,}:?[ \t]*)+\|?(?:\n|\r\n?)/.source,i=(e.languages.markdown=e.languages.extend("markup",{}),e.languages.insertBefore("markdown","prolog",{"front-matter-block":{pattern:/(^(?:\s*[\r\n])?)---(?!.)[\s\S]*?[\r\n]---(?!.)/,lookbehind:!0,greedy:!0,inside:{punctuation:/^---|---$/,"front-matter":{pattern:/\S+(?:\s+\S+)*/,alias:["yaml","language-yaml"],inside:e.languages.yaml}}},blockquote:{pattern:/^>(?:[\t ]*>)*/m,alias:"punctuation"},table:{pattern:RegExp("^"+o+a+"(?:"+o+")*","m"),inside:{"table-data-rows":{pattern:RegExp("^("+o+a+")(?:"+o+")*$"),lookbehind:!0,inside:{"table-data":{pattern:RegExp(r),inside:e.languages.markdown},punctuation:/\|/}},"table-line":{pattern:RegExp("^("+o+")"+a+"$"),lookbehind:!0,inside:{punctuation:/\||:?-{3,}:?/}},"table-header-row":{pattern:RegExp("^"+o+"$"),inside:{"table-header":{pattern:RegExp(r),alias:"important",inside:e.languages.markdown},punctuation:/\|/}}}},code:[{pattern:/((?:^|\n)[ \t]*\n|(?:^|\r\n?)[ \t]*\r\n?)(?: {4}|\t).+(?:(?:\n|\r\n?)(?: {4}|\t).+)*/,lookbehind:!0,alias:"keyword"},{pattern:/^```[\s\S]*?^```$/m,greedy:!0,inside:{"code-block":{pattern:/^(```.*(?:\n|\r\n?))[\s\S]+?(?=(?:\n|\r\n?)^```$)/m,lookbehind:!0},"code-language":{pattern:/^(```).+/,lookbehind:!0},punctuation:/```/}}],title:[{pattern:/\S.*(?:\n|\r\n?)(?:==+|--+)(?=[ \t]*$)/m,alias:"important",inside:{punctuation:/==+$|--+$/}},{pattern:/(^\s*)#.+/m,lookbehind:!0,alias:"important",inside:{punctuation:/^#+|#+$/}}],hr:{pattern:/(^\s*)([*-])(?:[\t ]*\2){2,}(?=\s*$)/m,lookbehind:!0,alias:"punctuation"},list:{pattern:/(^\s*)(?:[*+-]|\d+\.)(?=[\t ].)/m,lookbehind:!0,alias:"punctuation"},"url-reference":{pattern:/!?\[[^\]]+\]:[\t ]+(?:\S+|<(?:\\.|[^>\\])+>)(?:[\t ]+(?:"(?:\\.|[^"\\])*"|'(?:\\.|[^'\\])*'|\((?:\\.|[^)\\])*\)))?/,inside:{variable:{pattern:/^(!?\[)[^\]]+/,lookbehind:!0},string:/(?:"(?:\\.|[^"\\])*"|'(?:\\.|[^'\\])*'|\((?:\\.|[^)\\])*\))$/,punctuation:/^[\[\]!:]|[<>]/},alias:"url"},bold:{pattern:n(/\b__(?:(?!_)<inner>|_(?:(?!_)<inner>)+_)+__\b|\*\*(?:(?!\*)<inner>|\*(?:(?!\*)<inner>)+\*)+\*\*/.source),lookbehind:!0,greedy:!0,inside:{content:{pattern:/(^..)[\s\S]+(?=..$)/,lookbehind:!0,inside:{}},punctuation:/\*\*|__/}},italic:{pattern:n(/\b_(?:(?!_)<inner>|__(?:(?!_)<inner>)+__)+_\b|\*(?:(?!\*)<inner>|\*\*(?:(?!\*)<inner>)+\*\*)+\*/.source),lookbehind:!0,greedy:!0,inside:{content:{pattern:/(^.)[\s\S]+(?=.$)/,lookbehind:!0,inside:{}},punctuation:/[*_]/}},strike:{pattern:n(/(~~?)(?:(?!~)<inner>)+\2/.source),lookbehind:!0,greedy:!0,inside:{content:{pattern:/(^~~?)[\s\S]+(?=\1$)/,lookbehind:!0,inside:{}},punctuation:/~~?/}},"code-snippet":{pattern:/(^|[^\\`])(?:``[^`\r\n]+(?:`[^`\r\n]+)*``(?!`)|`[^`\r\n]+`(?!`))/,lookbehind:!0,greedy:!0,alias:["code","keyword"]},url:{pattern:n(/!?\[(?:(?!\])<inner>)+\](?:\([^\s)]+(?:[\t ]+"(?:\\.|[^"\\])*")?\)|[ \t]?\[(?:(?!\])<inner>)+\])/.source),lookbehind:!0,greedy:!0,inside:{operator:/^!/,content:{pattern:/(^\[)[^\]]+(?=\])/,lookbehind:!0,inside:{}},variable:{pattern:/(^\][ \t]?\[)[^\]]+(?=\]$)/,lookbehind:!0},url:{pattern:/(^\]\()[^\s)]+/,lookbehind:!0},string:{pattern:/(^[ \t]+)"(?:\\.|[^"\\])*"(?=\)$)/,lookbehind:!0}}}}),["url","bold","italic","strike"].forEach((function(t){["url","bold","italic","strike","code-snippet"].forEach((function(n){t!==n&&(e.languages.markdown[t].inside.content.inside[n]=e.languages.markdown[n])}))})),e.hooks.add("after-tokenize",(function(e){"markdown"!==e.language&&"md"!==e.language||function e(t){if(t&&"string"!=typeof t)for(var n=0,r=t.length;n<r;n++){var o,a=t[n];"code"!==a.type?e(a.content):(o=a.content[1],a=a.content[3],o&&a&&"code-language"===o.type&&"code-block"===a.type&&"string"==typeof o.content&&(o=o.content.replace(/\b#/g,"sharp").replace(/\b\+\+/g,"pp"),o="language-"+(o=(/[a-z][\w-]*/i.exec(o)||[""])[0].toLowerCase()),a.alias?"string"==typeof a.alias?a.alias=[a.alias,o]:a.alias.push(o):a.alias=[o]))}}(e.tokens)})),e.hooks.add("wrap",(function(t){if("code-block"===t.type){for(var n="",r=0,o=t.classes.length;r<o;r++){var a=t.classes[r];if(a=/language-(.+)/.exec(a)){n=a[1];break}}var c,u=e.languages[n];u?t.content=e.highlight(t.content.replace(i,"").replace(/&(\w{1,8}|#x?[\da-f]{1,8});/gi,(function(e,t){var n;return"#"===(t=t.toLowerCase())[0]?(n="x"===t[1]?parseInt(t.slice(2),16):Number(t.slice(1)),l(n)):s[t]||e})),u,n):n&&"none"!==n&&e.plugins.autoloader&&(c="md-"+(new Date).valueOf()+"-"+Math.floor(1e16*Math.random()),t.attributes.id=c,e.plugins.autoloader.loadLanguages(n,(function(){var t=document.getElementById(c);t&&(t.innerHTML=e.highlight(t.textContent,e.languages[n],n))})))}})),RegExp(e.languages.markup.tag.pattern.source,"gi")),s={amp:"&",lt:"<",gt:">",quot:'"'},l=String.fromCodePoint||String.fromCharCode;e.languages.md=e.languages.markdown}(k),k.languages.graphql={comment:/#.*/,description:{pattern:/(?:"""(?:[^"]|(?!""")")*"""|"(?:\\.|[^\\"\r\n])*")(?=\s*[a-z_])/i,greedy:!0,alias:"string",inside:{"language-markdown":{pattern:/(^"(?:"")?)(?!\1)[\s\S]+(?=\1$)/,lookbehind:!0,inside:k.languages.markdown}}},string:{pattern:/"""(?:[^"]|(?!""")")*"""|"(?:\\.|[^\\"\r\n])*"/,greedy:!0},number:/(?:\B-|\b)\d+(?:\.\d+)?(?:e[+-]?\d+)?\b/i,boolean:/\b(?:false|true)\b/,variable:/\$[a-z_]\w*/i,directive:{pattern:/@[a-z_]\w*/i,alias:"function"},"attr-name":{pattern:/\b[a-z_]\w*(?=\s*(?:\((?:[^()"]|"(?:\\.|[^\\"\r\n])*")*\))?:)/i,greedy:!0},"atom-input":{pattern:/\b[A-Z]\w*Input\b/,alias:"class-name"},scalar:/\b(?:Boolean|Float|ID|Int|String)\b/,constant:/\b[A-Z][A-Z_\d]*\b/,"class-name":{pattern:/(\b(?:enum|implements|interface|on|scalar|type|union)\s+|&\s*|:\s*|\[)[A-Z_]\w*/,lookbehind:!0},fragment:{pattern:/(\bfragment\s+|\.{3}\s*(?!on\b))[a-zA-Z_]\w*/,lookbehind:!0,alias:"function"},"definition-mutation":{pattern:/(\bmutation\s+)[a-zA-Z_]\w*/,lookbehind:!0,alias:"function"},"definition-query":{pattern:/(\bquery\s+)[a-zA-Z_]\w*/,lookbehind:!0,alias:"function"},keyword:/\b(?:directive|enum|extend|fragment|implements|input|interface|mutation|on|query|repeatable|scalar|schema|subscription|type|union)\b/,operator:/[!=|&]|\.{3}/,"property-query":/\w+(?=\s*\()/,object:/\w+(?=\s*\{)/,punctuation:/[!(){}\[\]:=,]/,property:/\w+/},k.hooks.add("after-tokenize",(function(e){if("graphql"===e.language)for(var t=e.tokens.filter((function(e){return"string"!=typeof e&&"comment"!==e.type&&"scalar"!==e.type})),n=0;n<t.length;){var r=t[n++];if("keyword"===r.type&&"mutation"===r.content){var o=[];if(d(["definition-mutation","punctuation"])&&"("===u(1).content){n+=2;var a=p(/^\($/,/^\)$/);if(-1===a)continue;for(;n<a;n++){var i=u(0);"variable"===i.type&&(f(i,"variable-input"),o.push(i.content))}n=a+1}if(d(["punctuation","property-query"])&&"{"===u(0).content&&(n++,f(u(0),"property-mutation"),0<o.length)){var s=p(/^\{$/,/^\}$/);if(-1!==s)for(var l=n;l<s;l++){var c=t[l];"variable"===c.type&&0<=o.indexOf(c.content)&&f(c,"variable-input")}}}}function u(e){return t[n+e]}function d(e,t){t=t||0;for(var n=0;n<e.length;n++){var r=u(n+t);if(!r||r.type!==e[n])return}return 1}function p(e,r){for(var o=1,a=n;a<t.length;a++){var i=t[a],s=i.content;if("punctuation"===i.type&&"string"==typeof s)if(e.test(s))o++;else if(r.test(s)&&0==--o)return a}return-1}function f(e,t){var n=e.alias;n?Array.isArray(n)||(e.alias=n=[n]):e.alias=n=[],n.push(t)}})),k.languages.sql={comment:{pattern:/(^|[^\\])(?:\/\*[\s\S]*?\*\/|(?:--|\/\/|#).*)/,lookbehind:!0},variable:[{pattern:/@(["'`])(?:\\[\s\S]|(?!\1)[^\\])+\1/,greedy:!0},/@[\w.$]+/],string:{pattern:/(^|[^@\\])("|')(?:\\[\s\S]|(?!\2)[^\\]|\2\2)*\2/,greedy:!0,lookbehind:!0},identifier:{pattern:/(^|[^@\\])`(?:\\[\s\S]|[^`\\]|``)*`/,greedy:!0,lookbehind:!0,inside:{punctuation:/^`|`$/}},function:/\b(?:AVG|COUNT|FIRST|FORMAT|LAST|LCASE|LEN|MAX|MID|MIN|MOD|NOW|ROUND|SUM|UCASE)(?=\s*\()/i,keyword:/\b(?:ACTION|ADD|AFTER|ALGORITHM|ALL|ALTER|ANALYZE|ANY|APPLY|AS|ASC|AUTHORIZATION|AUTO_INCREMENT|BACKUP|BDB|BEGIN|BERKELEYDB|BIGINT|BINARY|BIT|BLOB|BOOL|BOOLEAN|BREAK|BROWSE|BTREE|BULK|BY|CALL|CASCADED?|CASE|CHAIN|CHAR(?:ACTER|SET)?|CHECK(?:POINT)?|CLOSE|CLUSTERED|COALESCE|COLLATE|COLUMNS?|COMMENT|COMMIT(?:TED)?|COMPUTE|CONNECT|CONSISTENT|CONSTRAINT|CONTAINS(?:TABLE)?|CONTINUE|CONVERT|CREATE|CROSS|CURRENT(?:_DATE|_TIME|_TIMESTAMP|_USER)?|CURSOR|CYCLE|DATA(?:BASES?)?|DATE(?:TIME)?|DAY|DBCC|DEALLOCATE|DEC|DECIMAL|DECLARE|DEFAULT|DEFINER|DELAYED|DELETE|DELIMITERS?|DENY|DESC|DESCRIBE|DETERMINISTIC|DISABLE|DISCARD|DISK|DISTINCT|DISTINCTROW|DISTRIBUTED|DO|DOUBLE|DROP|DUMMY|DUMP(?:FILE)?|DUPLICATE|ELSE(?:IF)?|ENABLE|ENCLOSED|END|ENGINE|ENUM|ERRLVL|ERRORS|ESCAPED?|EXCEPT|EXEC(?:UTE)?|EXISTS|EXIT|EXPLAIN|EXTENDED|FETCH|FIELDS|FILE|FILLFACTOR|FIRST|FIXED|FLOAT|FOLLOWING|FOR(?: EACH ROW)?|FORCE|FOREIGN|FREETEXT(?:TABLE)?|FROM|FULL|FUNCTION|GEOMETRY(?:COLLECTION)?|GLOBAL|GOTO|GRANT|GROUP|HANDLER|HASH|HAVING|HOLDLOCK|HOUR|IDENTITY(?:COL|_INSERT)?|IF|IGNORE|IMPORT|INDEX|INFILE|INNER|INNODB|INOUT|INSERT|INT|INTEGER|INTERSECT|INTERVAL|INTO|INVOKER|ISOLATION|ITERATE|JOIN|KEYS?|KILL|LANGUAGE|LAST|LEAVE|LEFT|LEVEL|LIMIT|LINENO|LINES|LINESTRING|LOAD|LOCAL|LOCK|LONG(?:BLOB|TEXT)|LOOP|MATCH(?:ED)?|MEDIUM(?:BLOB|INT|TEXT)|MERGE|MIDDLEINT|MINUTE|MODE|MODIFIES|MODIFY|MONTH|MULTI(?:LINESTRING|POINT|POLYGON)|NATIONAL|NATURAL|NCHAR|NEXT|NO|NONCLUSTERED|NULLIF|NUMERIC|OFF?|OFFSETS?|ON|OPEN(?:DATASOURCE|QUERY|ROWSET)?|OPTIMIZE|OPTION(?:ALLY)?|ORDER|OUT(?:ER|FILE)?|OVER|PARTIAL|PARTITION|PERCENT|PIVOT|PLAN|POINT|POLYGON|PRECEDING|PRECISION|PREPARE|PREV|PRIMARY|PRINT|PRIVILEGES|PROC(?:EDURE)?|PUBLIC|PURGE|QUICK|RAISERROR|READS?|REAL|RECONFIGURE|REFERENCES|RELEASE|RENAME|REPEAT(?:ABLE)?|REPLACE|REPLICATION|REQUIRE|RESIGNAL|RESTORE|RESTRICT|RETURN(?:ING|S)?|REVOKE|RIGHT|ROLLBACK|ROUTINE|ROW(?:COUNT|GUIDCOL|S)?|RTREE|RULE|SAVE(?:POINT)?|SCHEMA|SECOND|SELECT|SERIAL(?:IZABLE)?|SESSION(?:_USER)?|SET(?:USER)?|SHARE|SHOW|SHUTDOWN|SIMPLE|SMALLINT|SNAPSHOT|SOME|SONAME|SQL|START(?:ING)?|STATISTICS|STATUS|STRIPED|SYSTEM_USER|TABLES?|TABLESPACE|TEMP(?:ORARY|TABLE)?|TERMINATED|TEXT(?:SIZE)?|THEN|TIME(?:STAMP)?|TINY(?:BLOB|INT|TEXT)|TOP?|TRAN(?:SACTIONS?)?|TRIGGER|TRUNCATE|TSEQUAL|TYPES?|UNBOUNDED|UNCOMMITTED|UNDEFINED|UNION|UNIQUE|UNLOCK|UNPIVOT|UNSIGNED|UPDATE(?:TEXT)?|USAGE|USE|USER|USING|VALUES?|VAR(?:BINARY|CHAR|CHARACTER|YING)|VIEW|WAITFOR|WARNINGS|WHEN|WHERE|WHILE|WITH(?: ROLLUP|IN)?|WORK|WRITE(?:TEXT)?|YEAR)\b/i,boolean:/\b(?:FALSE|NULL|TRUE)\b/i,number:/\b0x[\da-f]+\b|\b\d+(?:\.\d*)?|\B\.\d+\b/i,operator:/[-+*\/=%^~]|&&?|\|\|?|!=?|<(?:=>?|<|>)?|>[>=]?|\b(?:AND|BETWEEN|DIV|ILIKE|IN|IS|LIKE|NOT|OR|REGEXP|RLIKE|SOUNDS LIKE|XOR)\b/i,punctuation:/[;[\]()`,.]/},function(e){var t=e.languages.javascript["template-string"],n=t.pattern.source,r=t.inside.interpolation,o=r.inside["interpolation-punctuation"],a=r.pattern.source;function i(t,r){if(e.languages[t])return{pattern:RegExp("((?:"+r+")\\s*)"+n),lookbehind:!0,greedy:!0,inside:{"template-punctuation":{pattern:/^`|`$/,alias:"string"},"embedded-code":{pattern:/[\s\S]+/,alias:t}}}}function s(t,n,r){return t={code:t,grammar:n,language:r},e.hooks.run("before-tokenize",t),t.tokens=e.tokenize(t.code,t.grammar),e.hooks.run("after-tokenize",t),t.tokens}function l(t,n,i){var l=e.tokenize(t,{interpolation:{pattern:RegExp(a),lookbehind:!0}}),c=0,u={},d=(l=s(l.map((function(e){if("string"==typeof e)return e;var n,r;for(e=e.content;-1!==t.indexOf((r=c++,n="___"+i.toUpperCase()+"_"+r+"___")););return u[n]=e,n})).join(""),n,i),Object.keys(u));return c=0,function t(n){for(var a=0;a<n.length;a++){if(c>=d.length)return;var i,l,p,f,m,h,g,b=n[a];"string"==typeof b||"string"==typeof b.content?(i=d[c],-1!==(g=(h="string"==typeof b?b:b.content).indexOf(i))&&(++c,l=h.substring(0,g),m=u[i],p=void 0,(f={})["interpolation-punctuation"]=o,3===(f=e.tokenize(m,f)).length&&((p=[1,1]).push.apply(p,s(f[1],e.languages.javascript,"javascript")),f.splice.apply(f,p)),p=new e.Token("interpolation",f,r.alias,m),f=h.substring(g+i.length),m=[],l&&m.push(l),m.push(p),f&&(t(h=[f]),m.push.apply(m,h)),"string"==typeof b?(n.splice.apply(n,[a,1].concat(m)),a+=m.length-1):b.content=m)):(g=b.content,Array.isArray(g)?t(g):t([g]))}}(l),new e.Token(i,l,"language-"+i,t)}e.languages.javascript["template-string"]=[i("css",/\b(?:styled(?:\([^)]*\))?(?:\s*\.\s*\w+(?:\([^)]*\))*)*|css(?:\s*\.\s*(?:global|resolve))?|createGlobalStyle|keyframes)/.source),i("html",/\bhtml|\.\s*(?:inner|outer)HTML\s*\+?=/.source),i("svg",/\bsvg/.source),i("markdown",/\b(?:markdown|md)/.source),i("graphql",/\b(?:gql|graphql(?:\s*\.\s*experimental)?)/.source),i("sql",/\bsql/.source),t].filter(Boolean);var c={javascript:!0,js:!0,typescript:!0,ts:!0,jsx:!0,tsx:!0};function u(e){return"string"==typeof e?e:Array.isArray(e)?e.map(u).join(""):u(e.content)}e.hooks.add("after-tokenize",(function(t){t.language in c&&function t(n){for(var r=0,o=n.length;r<o;r++){var a,i,s,c=n[r];"string"!=typeof c&&(a=c.content,Array.isArray(a)?"template-string"===c.type?(c=a[1],3===a.length&&"string"!=typeof c&&"embedded-code"===c.type&&(i=u(c),c=c.alias,c=Array.isArray(c)?c[0]:c,s=e.languages[c])&&(a[1]=l(i,s,c))):t(a):"string"!=typeof a&&t([a]))}}(t.tokens)}))}(k),function(e){e.languages.typescript=e.languages.extend("javascript",{"class-name":{pattern:/(\b(?:class|extends|implements|instanceof|interface|new|type)\s+)(?!keyof\b)(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?:\s*<(?:[^<>]|<(?:[^<>]|<[^<>]*>)*>)*>)?/,lookbehind:!0,greedy:!0,inside:null},builtin:/\b(?:Array|Function|Promise|any|boolean|console|never|number|string|symbol|unknown)\b/}),e.languages.typescript.keyword.push(/\b(?:abstract|declare|is|keyof|readonly|require)\b/,/\b(?:asserts|infer|interface|module|namespace|type)\b(?=\s*(?:[{_$a-zA-Z\xA0-\uFFFF]|$))/,/\btype\b(?=\s*(?:[\{*]|$))/),delete e.languages.typescript.parameter,delete e.languages.typescript["literal-property"];var t=e.languages.extend("typescript",{});delete t["class-name"],e.languages.typescript["class-name"].inside=t,e.languages.insertBefore("typescript","function",{decorator:{pattern:/@[$\w\xA0-\uFFFF]+/,inside:{at:{pattern:/^@/,alias:"operator"},function:/^[\s\S]+/}},"generic-function":{pattern:/#?(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*\s*<(?:[^<>]|<(?:[^<>]|<[^<>]*>)*>)*>(?=\s*\()/,greedy:!0,inside:{function:/^#?(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*/,generic:{pattern:/<[\s\S]+/,alias:"class-name",inside:t}}}}),e.languages.ts=e.languages.typescript}(k),function(e){var t=e.languages.javascript,n=/\{(?:[^{}]|\{(?:[^{}]|\{[^{}]*\})*\})+\}/.source,r="(@(?:arg|argument|param|property)\\s+(?:"+n+"\\s+)?)";e.languages.jsdoc=e.languages.extend("javadoclike",{parameter:{pattern:RegExp(r+/(?:(?!\s)[$\w\xA0-\uFFFF.])+(?=\s|$)/.source),lookbehind:!0,inside:{punctuation:/\./}}}),e.languages.insertBefore("jsdoc","keyword",{"optional-parameter":{pattern:RegExp(r+/\[(?:(?!\s)[$\w\xA0-\uFFFF.])+(?:=[^[\]]+)?\](?=\s|$)/.source),lookbehind:!0,inside:{parameter:{pattern:/(^\[)[$\w\xA0-\uFFFF\.]+/,lookbehind:!0,inside:{punctuation:/\./}},code:{pattern:/(=)[\s\S]*(?=\]$)/,lookbehind:!0,inside:t,alias:"language-javascript"},punctuation:/[=[\]]/}},"class-name":[{pattern:RegExp(/(@(?:augments|class|extends|interface|memberof!?|template|this|typedef)\s+(?:<TYPE>\s+)?)[A-Z]\w*(?:\.[A-Z]\w*)*/.source.replace(/<TYPE>/g,(function(){return n}))),lookbehind:!0,inside:{punctuation:/\./}},{pattern:RegExp("(@[a-z]+\\s+)"+n),lookbehind:!0,inside:{string:t.string,number:t.number,boolean:t.boolean,keyword:e.languages.typescript.keyword,operator:/=>|\.\.\.|[&|?:*]/,punctuation:/[.,;=<>{}()[\]]/}}],example:{pattern:/(@example\s+(?!\s))(?:[^@\s]|\s+(?!\s))+?(?=\s*(?:\*\s*)?(?:@\w|\*\/))/,lookbehind:!0,inside:{code:{pattern:/^([\t ]*(?:\*\s*)?)\S.*$/m,lookbehind:!0,inside:t,alias:"language-javascript"}}}}),e.languages.javadoclike.addSupport("javascript",e.languages.jsdoc)}(k),function(e){e.languages.flow=e.languages.extend("javascript",{}),e.languages.insertBefore("flow","keyword",{type:[{pattern:/\b(?:[Bb]oolean|Function|[Nn]umber|[Ss]tring|[Ss]ymbol|any|mixed|null|void)\b/,alias:"class-name"}]}),e.languages.flow["function-variable"].pattern=/(?!\s)[_$a-z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*=\s*(?:function\b|(?:\([^()]*\)(?:\s*:\s*\w+)?|(?!\s)[_$a-z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*)\s*=>))/i,delete e.languages.flow.parameter,e.languages.insertBefore("flow","operator",{"flow-punctuation":{pattern:/\{\||\|\}/,alias:"punctuation"}}),Array.isArray(e.languages.flow.keyword)||(e.languages.flow.keyword=[e.languages.flow.keyword]),e.languages.flow.keyword.unshift({pattern:/(^|[^$]\b)(?:Class|declare|opaque|type)\b(?!\$)/,lookbehind:!0},{pattern:/(^|[^$]\B)\$(?:Diff|Enum|Exact|Keys|ObjMap|PropertyType|Record|Shape|Subtype|Supertype|await)\b(?!\$)/,lookbehind:!0})}(k),k.languages.n4js=k.languages.extend("javascript",{keyword:/\b(?:Array|any|boolean|break|case|catch|class|const|constructor|continue|debugger|declare|default|delete|do|else|enum|export|extends|false|finally|for|from|function|get|if|implements|import|in|instanceof|interface|let|module|new|null|number|package|private|protected|public|return|set|static|string|super|switch|this|throw|true|try|typeof|var|void|while|with|yield)\b/}),k.languages.insertBefore("n4js","constant",{annotation:{pattern:/@+\w+/,alias:"operator"}}),k.languages.n4jsd=k.languages.n4js,function(e){function t(e,t){return RegExp(e.replace(/<ID>/g,(function(){return/(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*/.source})),t)}e.languages.insertBefore("javascript","function-variable",{"method-variable":{pattern:RegExp("(\\.\\s*)"+e.languages.javascript["function-variable"].pattern.source),lookbehind:!0,alias:["function-variable","method","function","property-access"]}}),e.languages.insertBefore("javascript","function",{method:{pattern:RegExp("(\\.\\s*)"+e.languages.javascript.function.source),lookbehind:!0,alias:["function","property-access"]}}),e.languages.insertBefore("javascript","constant",{"known-class-name":[{pattern:/\b(?:(?:Float(?:32|64)|(?:Int|Uint)(?:8|16|32)|Uint8Clamped)?Array|ArrayBuffer|BigInt|Boolean|DataView|Date|Error|Function|Intl|JSON|(?:Weak)?(?:Map|Set)|Math|Number|Object|Promise|Proxy|Reflect|RegExp|String|Symbol|WebAssembly)\b/,alias:"class-name"},{pattern:/\b(?:[A-Z]\w*)Error\b/,alias:"class-name"}]}),e.languages.insertBefore("javascript","keyword",{imports:{pattern:t(/(\bimport\b\s*)(?:<ID>(?:\s*,\s*(?:\*\s*as\s+<ID>|\{[^{}]*\}))?|\*\s*as\s+<ID>|\{[^{}]*\})(?=\s*\bfrom\b)/.source),lookbehind:!0,inside:e.languages.javascript},exports:{pattern:t(/(\bexport\b\s*)(?:\*(?:\s*as\s+<ID>)?(?=\s*\bfrom\b)|\{[^{}]*\})/.source),lookbehind:!0,inside:e.languages.javascript}}),e.languages.javascript.keyword.unshift({pattern:/\b(?:as|default|export|from|import)\b/,alias:"module"},{pattern:/\b(?:await|break|catch|continue|do|else|finally|for|if|return|switch|throw|try|while|yield)\b/,alias:"control-flow"},{pattern:/\bnull\b/,alias:["null","nil"]},{pattern:/\bundefined\b/,alias:"nil"}),e.languages.insertBefore("javascript","operator",{spread:{pattern:/\.{3}/,alias:"operator"},arrow:{pattern:/=>/,alias:"operator"}}),e.languages.insertBefore("javascript","punctuation",{"property-access":{pattern:t(/(\.\s*)#?<ID>/.source),lookbehind:!0},"maybe-class-name":{pattern:/(^|[^$\w\xA0-\uFFFF])[A-Z][$\w\xA0-\uFFFF]+/,lookbehind:!0},dom:{pattern:/\b(?:document|(?:local|session)Storage|location|navigator|performance|window)\b/,alias:"variable"},console:{pattern:/\bconsole(?=\s*\.)/,alias:"class-name"}});for(var n=["function","function-variable","method","method-variable","property-access"],r=0;r<n.length;r++){var o=n[r],a=e.languages.javascript[o];o=(a="RegExp"===e.util.type(a)?e.languages.javascript[o]={pattern:a}:a).inside||{};(a.inside=o)["maybe-class-name"]=/^[A-Z][\s\S]*/}}(k),function(e){var t=e.util.clone(e.languages.javascript),n=/(?:\s|\/\/.*(?!.)|\/\*(?:[^*]|\*(?!\/))\*\/)/.source,r=/(?:\{(?:\{(?:\{[^{}]*\}|[^{}])*\}|[^{}])*\})/.source,o=/(?:\{<S>*\.{3}(?:[^{}]|<BRACES>)*\})/.source;function a(e,t){return e=e.replace(/<S>/g,(function(){return n})).replace(/<BRACES>/g,(function(){return r})).replace(/<SPREAD>/g,(function(){return o})),RegExp(e,t)}function i(t){for(var n=[],r=0;r<t.length;r++){var o=t[r],a=!1;"string"!=typeof o&&("tag"===o.type&&o.content[0]&&"tag"===o.content[0].type?"</"===o.content[0].content[0].content?0<n.length&&n[n.length-1].tagName===s(o.content[0].content[1])&&n.pop():"/>"!==o.content[o.content.length-1].content&&n.push({tagName:s(o.content[0].content[1]),openedBraces:0}):0<n.length&&"punctuation"===o.type&&"{"===o.content?n[n.length-1].openedBraces++:0<n.length&&0<n[n.length-1].openedBraces&&"punctuation"===o.type&&"}"===o.content?n[n.length-1].openedBraces--:a=!0),(a||"string"==typeof o)&&0<n.length&&0===n[n.length-1].openedBraces&&(a=s(o),r<t.length-1&&("string"==typeof t[r+1]||"plain-text"===t[r+1].type)&&(a+=s(t[r+1]),t.splice(r+1,1)),0<r&&("string"==typeof t[r-1]||"plain-text"===t[r-1].type)&&(a=s(t[r-1])+a,t.splice(r-1,1),r--),t[r]=new e.Token("plain-text",a,null,a)),o.content&&"string"!=typeof o.content&&i(o.content)}}o=a(o).source,e.languages.jsx=e.languages.extend("markup",t),e.languages.jsx.tag.pattern=a(/<\/?(?:[\w.:-]+(?:<S>+(?:[\w.:$-]+(?:=(?:"(?:\\[\s\S]|[^\\"])*"|'(?:\\[\s\S]|[^\\'])*'|[^\s{'"/>=]+|<BRACES>))?|<SPREAD>))*<S>*\/?)?>/.source),e.languages.jsx.tag.inside.tag.pattern=/^<\/?[^\s>\/]*/,e.languages.jsx.tag.inside["attr-value"].pattern=/=(?!\{)(?:"(?:\\[\s\S]|[^\\"])*"|'(?:\\[\s\S]|[^\\'])*'|[^\s'">]+)/,e.languages.jsx.tag.inside.tag.inside["class-name"]=/^[A-Z]\w*(?:\.[A-Z]\w*)*$/,e.languages.jsx.tag.inside.comment=t.comment,e.languages.insertBefore("inside","attr-name",{spread:{pattern:a(/<SPREAD>/.source),inside:e.languages.jsx}},e.languages.jsx.tag),e.languages.insertBefore("inside","special-attr",{script:{pattern:a(/=<BRACES>/.source),alias:"language-javascript",inside:{"script-punctuation":{pattern:/^=(?=\{)/,alias:"punctuation"},rest:e.languages.jsx}}},e.languages.jsx.tag);var s=function(e){return e?"string"==typeof e?e:"string"==typeof e.content?e.content:e.content.map(s).join(""):""};e.hooks.add("after-tokenize",(function(e){"jsx"!==e.language&&"tsx"!==e.language||i(e.tokens)}))}(k),function(e){var t=e.util.clone(e.languages.typescript);(t=(e.languages.tsx=e.languages.extend("jsx",t),delete e.languages.tsx.parameter,delete e.languages.tsx["literal-property"],e.languages.tsx.tag)).pattern=RegExp(/(^|[^\w$]|(?=<\/))/.source+"(?:"+t.pattern.source+")",t.pattern.flags),t.lookbehind=!0}(k),k.languages.swift={comment:{pattern:/(^|[^\\:])(?:\/\/.*|\/\*(?:[^/*]|\/(?!\*)|\*(?!\/)|\/\*(?:[^*]|\*(?!\/))*\*\/)*\*\/)/,lookbehind:!0,greedy:!0},"string-literal":[{pattern:RegExp(/(^|[^"#])/.source+"(?:"+/"(?:\\(?:\((?:[^()]|\([^()]*\))*\)|\r\n|[^(])|[^\\\r\n"])*"/.source+"|"+/"""(?:\\(?:\((?:[^()]|\([^()]*\))*\)|[^(])|[^\\"]|"(?!""))*"""/.source+")"+/(?!["#])/.source),lookbehind:!0,greedy:!0,inside:{interpolation:{pattern:/(\\\()(?:[^()]|\([^()]*\))*(?=\))/,lookbehind:!0,inside:null},"interpolation-punctuation":{pattern:/^\)|\\\($/,alias:"punctuation"},punctuation:/\\(?=[\r\n])/,string:/[\s\S]+/}},{pattern:RegExp(/(^|[^"#])(#+)/.source+"(?:"+/"(?:\\(?:#+\((?:[^()]|\([^()]*\))*\)|\r\n|[^#])|[^\\\r\n])*?"/.source+"|"+/"""(?:\\(?:#+\((?:[^()]|\([^()]*\))*\)|[^#])|[^\\])*?"""/.source+")\\2"),lookbehind:!0,greedy:!0,inside:{interpolation:{pattern:/(\\#+\()(?:[^()]|\([^()]*\))*(?=\))/,lookbehind:!0,inside:null},"interpolation-punctuation":{pattern:/^\)|\\#+\($/,alias:"punctuation"},string:/[\s\S]+/}}],directive:{pattern:RegExp(/#/.source+"(?:"+/(?:elseif|if)\b/.source+"(?:[ \t]*"+/(?:![ \t]*)?(?:\b\w+\b(?:[ \t]*\((?:[^()]|\([^()]*\))*\))?|\((?:[^()]|\([^()]*\))*\))(?:[ \t]*(?:&&|\|\|))?/.source+")+|"+/(?:else|endif)\b/.source+")"),alias:"property",inside:{"directive-name":/^#\w+/,boolean:/\b(?:false|true)\b/,number:/\b\d+(?:\.\d+)*\b/,operator:/!|&&|\|\||[<>]=?/,punctuation:/[(),]/}},literal:{pattern:/#(?:colorLiteral|column|dsohandle|file(?:ID|Literal|Path)?|function|imageLiteral|line)\b/,alias:"constant"},"other-directive":{pattern:/#\w+\b/,alias:"property"},attribute:{pattern:/@\w+/,alias:"atrule"},"function-definition":{pattern:/(\bfunc\s+)\w+/,lookbehind:!0,alias:"function"},label:{pattern:/\b(break|continue)\s+\w+|\b[a-zA-Z_]\w*(?=\s*:\s*(?:for|repeat|while)\b)/,lookbehind:!0,alias:"important"},keyword:/\b(?:Any|Protocol|Self|Type|actor|as|assignment|associatedtype|associativity|async|await|break|case|catch|class|continue|convenience|default|defer|deinit|didSet|do|dynamic|else|enum|extension|fallthrough|fileprivate|final|for|func|get|guard|higherThan|if|import|in|indirect|infix|init|inout|internal|is|isolated|lazy|left|let|lowerThan|mutating|none|nonisolated|nonmutating|open|operator|optional|override|postfix|precedencegroup|prefix|private|protocol|public|repeat|required|rethrows|return|right|safe|self|set|some|static|struct|subscript|super|switch|throw|throws|try|typealias|unowned|unsafe|var|weak|where|while|willSet)\b/,boolean:/\b(?:false|true)\b/,nil:{pattern:/\bnil\b/,alias:"constant"},"short-argument":/\$\d+\b/,omit:{pattern:/\b_\b/,alias:"keyword"},number:/\b(?:[\d_]+(?:\.[\de_]+)?|0x[a-f0-9_]+(?:\.[a-f0-9p_]+)?|0b[01_]+|0o[0-7_]+)\b/i,"class-name":/\b[A-Z](?:[A-Z_\d]*[a-z]\w*)?\b/,function:/\b[a-z_]\w*(?=\s*\()/i,constant:/\b(?:[A-Z_]{2,}|k[A-Z][A-Za-z_]+)\b/,operator:/[-+*/%=!<>&|^~?]+|\.[.\-+*/%=!<>&|^~?]+/,punctuation:/[{}[\]();,.:\\]/},k.languages.swift["string-literal"].forEach((function(e){e.inside.interpolation.inside=k.languages.swift})),function(e){e.languages.kotlin=e.languages.extend("clike",{keyword:{pattern:/(^|[^.])\b(?:abstract|actual|annotation|as|break|by|catch|class|companion|const|constructor|continue|crossinline|data|do|dynamic|else|enum|expect|external|final|finally|for|fun|get|if|import|in|infix|init|inline|inner|interface|internal|is|lateinit|noinline|null|object|open|operator|out|override|package|private|protected|public|reified|return|sealed|set|super|suspend|tailrec|this|throw|to|try|typealias|val|var|vararg|when|where|while)\b/,lookbehind:!0},function:[{pattern:/(?:`[^\r\n`]+`|\b\w+)(?=\s*\()/,greedy:!0},{pattern:/(\.)(?:`[^\r\n`]+`|\w+)(?=\s*\{)/,lookbehind:!0,greedy:!0}],number:/\b(?:0[xX][\da-fA-F]+(?:_[\da-fA-F]+)*|0[bB][01]+(?:_[01]+)*|\d+(?:_\d+)*(?:\.\d+(?:_\d+)*)?(?:[eE][+-]?\d+(?:_\d+)*)?[fFL]?)\b/,operator:/\+[+=]?|-[-=>]?|==?=?|!(?:!|==?)?|[\/*%<>]=?|[?:]:?|\.\.|&&|\|\||\b(?:and|inv|or|shl|shr|ushr|xor)\b/}),delete e.languages.kotlin["class-name"];var t={"interpolation-punctuation":{pattern:/^\$\{?|\}$/,alias:"punctuation"},expression:{pattern:/[\s\S]+/,inside:e.languages.kotlin}};e.languages.insertBefore("kotlin","string",{"string-literal":[{pattern:/"""(?:[^$]|\$(?:(?!\{)|\{[^{}]*\}))*?"""/,alias:"multiline",inside:{interpolation:{pattern:/\$(?:[a-z_]\w*|\{[^{}]*\})/i,inside:t},string:/[\s\S]+/}},{pattern:/"(?:[^"\\\r\n$]|\\.|\$(?:(?!\{)|\{[^{}]*\}))*"/,alias:"singleline",inside:{interpolation:{pattern:/((?:^|[^\\])(?:\\{2})*)\$(?:[a-z_]\w*|\{[^{}]*\})/i,lookbehind:!0,inside:t},string:/[\s\S]+/}}],char:{pattern:/'(?:[^'\\\r\n]|\\(?:.|u[a-fA-F0-9]{0,4}))'/,greedy:!0}}),delete e.languages.kotlin.string,e.languages.insertBefore("kotlin","keyword",{annotation:{pattern:/\B@(?:\w+:)?(?:[A-Z]\w*|\[[^\]]+\])/,alias:"builtin"}}),e.languages.insertBefore("kotlin","function",{label:{pattern:/\b\w+@|@\w+\b/,alias:"symbol"}}),e.languages.kt=e.languages.kotlin,e.languages.kts=e.languages.kotlin}(k),k.languages.c=k.languages.extend("clike",{comment:{pattern:/\/\/(?:[^\r\n\\]|\\(?:\r\n?|\n|(?![\r\n])))*|\/\*[\s\S]*?(?:\*\/|$)/,greedy:!0},string:{pattern:/"(?:\\(?:\r\n|[\s\S])|[^"\\\r\n])*"/,greedy:!0},"class-name":{pattern:/(\b(?:enum|struct)\s+(?:__attribute__\s*\(\([\s\S]*?\)\)\s*)?)\w+|\b[a-z]\w*_t\b/,lookbehind:!0},keyword:/\b(?:_Alignas|_Alignof|_Atomic|_Bool|_Complex|_Generic|_Imaginary|_Noreturn|_Static_assert|_Thread_local|__attribute__|asm|auto|break|case|char|const|continue|default|do|double|else|enum|extern|float|for|goto|if|inline|int|long|register|return|short|signed|sizeof|static|struct|switch|typedef|typeof|union|unsigned|void|volatile|while)\b/,function:/\b[a-z_]\w*(?=\s*\()/i,number:/(?:\b0x(?:[\da-f]+(?:\.[\da-f]*)?|\.[\da-f]+)(?:p[+-]?\d+)?|(?:\b\d+(?:\.\d*)?|\B\.\d+)(?:e[+-]?\d+)?)[ful]{0,4}/i,operator:/>>=?|<<=?|->|([-+&|:])\1|[?:~]|[-+*/%&|^!=<>]=?/}),k.languages.insertBefore("c","string",{char:{pattern:/'(?:\\(?:\r\n|[\s\S])|[^'\\\r\n]){0,32}'/,greedy:!0}}),k.languages.insertBefore("c","string",{macro:{pattern:/(^[\t ]*)#\s*[a-z](?:[^\r\n\\/]|\/(?!\*)|\/\*(?:[^*]|\*(?!\/))*\*\/|\\(?:\r\n|[\s\S]))*/im,lookbehind:!0,greedy:!0,alias:"property",inside:{string:[{pattern:/^(#\s*include\s*)<[^>]+>/,lookbehind:!0},k.languages.c.string],char:k.languages.c.char,comment:k.languages.c.comment,"macro-name":[{pattern:/(^#\s*define\s+)\w+\b(?!\()/i,lookbehind:!0},{pattern:/(^#\s*define\s+)\w+\b(?=\()/i,lookbehind:!0,alias:"function"}],directive:{pattern:/^(#\s*)[a-z]+/,lookbehind:!0,alias:"keyword"},"directive-hash":/^#/,punctuation:/##|\\(?=[\r\n])/,expression:{pattern:/\S[\s\S]*/,inside:k.languages.c}}}}),k.languages.insertBefore("c","function",{constant:/\b(?:EOF|NULL|SEEK_CUR|SEEK_END|SEEK_SET|__DATE__|__FILE__|__LINE__|__TIMESTAMP__|__TIME__|__func__|stderr|stdin|stdout)\b/}),delete k.languages.c.boolean,k.languages.objectivec=k.languages.extend("c",{string:{pattern:/@?"(?:\\(?:\r\n|[\s\S])|[^"\\\r\n])*"/,greedy:!0},keyword:/\b(?:asm|auto|break|case|char|const|continue|default|do|double|else|enum|extern|float|for|goto|if|in|inline|int|long|register|return|self|short|signed|sizeof|static|struct|super|switch|typedef|typeof|union|unsigned|void|volatile|while)\b|(?:@interface|@end|@implementation|@protocol|@class|@public|@protected|@private|@property|@try|@catch|@finally|@throw|@synthesize|@dynamic|@selector)\b/,operator:/-[->]?|\+\+?|!=?|<<?=?|>>?=?|==?|&&?|\|\|?|[~^%?*\/@]/}),delete k.languages.objectivec["class-name"],k.languages.objc=k.languages.objectivec,k.languages.reason=k.languages.extend("clike",{string:{pattern:/"(?:\\(?:\r\n|[\s\S])|[^\\\r\n"])*"/,greedy:!0},"class-name":/\b[A-Z]\w*/,keyword:/\b(?:and|as|assert|begin|class|constraint|do|done|downto|else|end|exception|external|for|fun|function|functor|if|in|include|inherit|initializer|lazy|let|method|module|mutable|new|nonrec|object|of|open|or|private|rec|sig|struct|switch|then|to|try|type|val|virtual|when|while|with)\b/,operator:/\.{3}|:[:=]|\|>|->|=(?:==?|>)?|<=?|>=?|[|^?'#!~`]|[+\-*\/]\.?|\b(?:asr|land|lor|lsl|lsr|lxor|mod)\b/}),k.languages.insertBefore("reason","class-name",{char:{pattern:/'(?:\\x[\da-f]{2}|\\o[0-3][0-7][0-7]|\\\d{3}|\\.|[^'\\\r\n])'/,greedy:!0},constructor:/\b[A-Z]\w*\b(?!\s*\.)/,label:{pattern:/\b[a-z]\w*(?=::)/,alias:"symbol"}}),delete k.languages.reason.function,function(e){for(var t=/\/\*(?:[^*/]|\*(?!\/)|\/(?!\*)|<self>)*\*\//.source,n=0;n<2;n++)t=t.replace(/<self>/g,(function(){return t}));t=t.replace(/<self>/g,(function(){return/[^\s\S]/.source})),e.languages.rust={comment:[{pattern:RegExp(/(^|[^\\])/.source+t),lookbehind:!0,greedy:!0},{pattern:/(^|[^\\:])\/\/.*/,lookbehind:!0,greedy:!0}],string:{pattern:/b?"(?:\\[\s\S]|[^\\"])*"|b?r(#*)"(?:[^"]|"(?!\1))*"\1/,greedy:!0},char:{pattern:/b?'(?:\\(?:x[0-7][\da-fA-F]|u\{(?:[\da-fA-F]_*){1,6}\}|.)|[^\\\r\n\t'])'/,greedy:!0},attribute:{pattern:/#!?\[(?:[^\[\]"]|"(?:\\[\s\S]|[^\\"])*")*\]/,greedy:!0,alias:"attr-name",inside:{string:null}},"closure-params":{pattern:/([=(,:]\s*|\bmove\s*)\|[^|]*\||\|[^|]*\|(?=\s*(?:\{|->))/,lookbehind:!0,greedy:!0,inside:{"closure-punctuation":{pattern:/^\||\|$/,alias:"punctuation"},rest:null}},"lifetime-annotation":{pattern:/'\w+/,alias:"symbol"},"fragment-specifier":{pattern:/(\$\w+:)[a-z]+/,lookbehind:!0,alias:"punctuation"},variable:/\$\w+/,"function-definition":{pattern:/(\bfn\s+)\w+/,lookbehind:!0,alias:"function"},"type-definition":{pattern:/(\b(?:enum|struct|trait|type|union)\s+)\w+/,lookbehind:!0,alias:"class-name"},"module-declaration":[{pattern:/(\b(?:crate|mod)\s+)[a-z][a-z_\d]*/,lookbehind:!0,alias:"namespace"},{pattern:/(\b(?:crate|self|super)\s*)::\s*[a-z][a-z_\d]*\b(?:\s*::(?:\s*[a-z][a-z_\d]*\s*::)*)?/,lookbehind:!0,alias:"namespace",inside:{punctuation:/::/}}],keyword:[/\b(?:Self|abstract|as|async|await|become|box|break|const|continue|crate|do|dyn|else|enum|extern|final|fn|for|if|impl|in|let|loop|macro|match|mod|move|mut|override|priv|pub|ref|return|self|static|struct|super|trait|try|type|typeof|union|unsafe|unsized|use|virtual|where|while|yield)\b/,/\b(?:bool|char|f(?:32|64)|[ui](?:8|16|32|64|128|size)|str)\b/],function:/\b[a-z_]\w*(?=\s*(?:::\s*<|\())/,macro:{pattern:/\b\w+!/,alias:"property"},constant:/\b[A-Z_][A-Z_\d]+\b/,"class-name":/\b[A-Z]\w*\b/,namespace:{pattern:/(?:\b[a-z][a-z_\d]*\s*::\s*)*\b[a-z][a-z_\d]*\s*::(?!\s*<)/,inside:{punctuation:/::/}},number:/\b(?:0x[\dA-Fa-f](?:_?[\dA-Fa-f])*|0o[0-7](?:_?[0-7])*|0b[01](?:_?[01])*|(?:(?:\d(?:_?\d)*)?\.)?\d(?:_?\d)*(?:[Ee][+-]?\d+)?)(?:_?(?:f32|f64|[iu](?:8|16|32|64|size)?))?\b/,boolean:/\b(?:false|true)\b/,punctuation:/->|\.\.=|\.{1,3}|::|[{}[\];(),:]/,operator:/[-+*\/%!^]=?|=[=>]?|&[&=]?|\|[|=]?|<<?=?|>>?=?|[@?]/},e.languages.rust["closure-params"].inside.rest=e.languages.rust,e.languages.rust.attribute.inside.string=e.languages.rust.string}(k),k.languages.go=k.languages.extend("clike",{string:{pattern:/(^|[^\\])"(?:\\.|[^"\\\r\n])*"|`[^`]*`/,lookbehind:!0,greedy:!0},keyword:/\b(?:break|case|chan|const|continue|default|defer|else|fallthrough|for|func|go(?:to)?|if|import|interface|map|package|range|return|select|struct|switch|type|var)\b/,boolean:/\b(?:_|false|iota|nil|true)\b/,number:[/\b0(?:b[01_]+|o[0-7_]+)i?\b/i,/\b0x(?:[a-f\d_]+(?:\.[a-f\d_]*)?|\.[a-f\d_]+)(?:p[+-]?\d+(?:_\d+)*)?i?(?!\w)/i,/(?:\b\d[\d_]*(?:\.[\d_]*)?|\B\.\d[\d_]*)(?:e[+-]?[\d_]+)?i?(?!\w)/i],operator:/[*\/%^!=]=?|\+[=+]?|-[=-]?|\|[=|]?|&(?:=|&|\^=?)?|>(?:>=?|=)?|<(?:<=?|=|-)?|:=|\.\.\./,builtin:/\b(?:append|bool|byte|cap|close|complex|complex(?:64|128)|copy|delete|error|float(?:32|64)|u?int(?:8|16|32|64)?|imag|len|make|new|panic|print(?:ln)?|real|recover|rune|string|uintptr)\b/}),k.languages.insertBefore("go","string",{char:{pattern:/'(?:\\.|[^'\\\r\n]){0,10}'/,greedy:!0}}),delete k.languages.go["class-name"],function(e){var t=/\b(?:alignas|alignof|asm|auto|bool|break|case|catch|char|char16_t|char32_t|char8_t|class|co_await|co_return|co_yield|compl|concept|const|const_cast|consteval|constexpr|constinit|continue|decltype|default|delete|do|double|dynamic_cast|else|enum|explicit|export|extern|final|float|for|friend|goto|if|import|inline|int|int16_t|int32_t|int64_t|int8_t|long|module|mutable|namespace|new|noexcept|nullptr|operator|override|private|protected|public|register|reinterpret_cast|requires|return|short|signed|sizeof|static|static_assert|static_cast|struct|switch|template|this|thread_local|throw|try|typedef|typeid|typename|uint16_t|uint32_t|uint64_t|uint8_t|union|unsigned|using|virtual|void|volatile|wchar_t|while)\b/,n=/\b(?!<keyword>)\w+(?:\s*\.\s*\w+)*\b/.source.replace(/<keyword>/g,(function(){return t.source}));e.languages.cpp=e.languages.extend("c",{"class-name":[{pattern:RegExp(/(\b(?:class|concept|enum|struct|typename)\s+)(?!<keyword>)\w+/.source.replace(/<keyword>/g,(function(){return t.source}))),lookbehind:!0},/\b[A-Z]\w*(?=\s*::\s*\w+\s*\()/,/\b[A-Z_]\w*(?=\s*::\s*~\w+\s*\()/i,/\b\w+(?=\s*<(?:[^<>]|<(?:[^<>]|<[^<>]*>)*>)*>\s*::\s*\w+\s*\()/],keyword:t,number:{pattern:/(?:\b0b[01']+|\b0x(?:[\da-f']+(?:\.[\da-f']*)?|\.[\da-f']+)(?:p[+-]?[\d']+)?|(?:\b[\d']+(?:\.[\d']*)?|\B\.[\d']+)(?:e[+-]?[\d']+)?)[ful]{0,4}/i,greedy:!0},operator:/>>=?|<<=?|->|--|\+\+|&&|\|\||[?:~]|<=>|[-+*/%&|^!=<>]=?|\b(?:and|and_eq|bitand|bitor|not|not_eq|or|or_eq|xor|xor_eq)\b/,boolean:/\b(?:false|true)\b/}),e.languages.insertBefore("cpp","string",{module:{pattern:RegExp(/(\b(?:import|module)\s+)/.source+"(?:"+/"(?:\\(?:\r\n|[\s\S])|[^"\\\r\n])*"|<[^<>\r\n]*>/.source+"|"+/<mod-name>(?:\s*:\s*<mod-name>)?|:\s*<mod-name>/.source.replace(/<mod-name>/g,(function(){return n}))+")"),lookbehind:!0,greedy:!0,inside:{string:/^[<"][\s\S]+/,operator:/:/,punctuation:/\./}},"raw-string":{pattern:/R"([^()\\ ]{0,16})\([\s\S]*?\)\1"/,alias:"string",greedy:!0}}),e.languages.insertBefore("cpp","keyword",{"generic-function":{pattern:/\b(?!operator\b)[a-z_]\w*\s*<(?:[^<>]|<[^<>]*>)*>(?=\s*\()/i,inside:{function:/^\w+/,generic:{pattern:/<[\s\S]+/,alias:"class-name",inside:e.languages.cpp}}}}),e.languages.insertBefore("cpp","operator",{"double-colon":{pattern:/::/,alias:"punctuation"}}),e.languages.insertBefore("cpp","class-name",{"base-clause":{pattern:/(\b(?:class|struct)\s+\w+\s*:\s*)[^;{}"'\s]+(?:\s+[^;{}"'\s]+)*(?=\s*[;{])/,lookbehind:!0,greedy:!0,inside:e.languages.extend("cpp",{})}}),e.languages.insertBefore("inside","double-colon",{"class-name":/\b[a-z_]\w*\b(?!\s*::)/i},e.languages.cpp["base-clause"])}(k),k.languages.python={comment:{pattern:/(^|[^\\])#.*/,lookbehind:!0,greedy:!0},"string-interpolation":{pattern:/(?:f|fr|rf)(?:("""|''')[\s\S]*?\1|("|')(?:\\.|(?!\2)[^\\\r\n])*\2)/i,greedy:!0,inside:{interpolation:{pattern:/((?:^|[^{])(?:\{\{)*)\{(?!\{)(?:[^{}]|\{(?!\{)(?:[^{}]|\{(?!\{)(?:[^{}])+\})+\})+\}/,lookbehind:!0,inside:{"format-spec":{pattern:/(:)[^:(){}]+(?=\}$)/,lookbehind:!0},"conversion-option":{pattern:/![sra](?=[:}]$)/,alias:"punctuation"},rest:null}},string:/[\s\S]+/}},"triple-quoted-string":{pattern:/(?:[rub]|br|rb)?("""|''')[\s\S]*?\1/i,greedy:!0,alias:"string"},string:{pattern:/(?:[rub]|br|rb)?("|')(?:\\.|(?!\1)[^\\\r\n])*\1/i,greedy:!0},function:{pattern:/((?:^|\s)def[ \t]+)[a-zA-Z_]\w*(?=\s*\()/g,lookbehind:!0},"class-name":{pattern:/(\bclass\s+)\w+/i,lookbehind:!0},decorator:{pattern:/(^[\t ]*)@\w+(?:\.\w+)*/m,lookbehind:!0,alias:["annotation","punctuation"],inside:{punctuation:/\./}},keyword:/\b(?:_(?=\s*:)|and|as|assert|async|await|break|case|class|continue|def|del|elif|else|except|exec|finally|for|from|global|if|import|in|is|lambda|match|nonlocal|not|or|pass|print|raise|return|try|while|with|yield)\b/,builtin:/\b(?:__import__|abs|all|any|apply|ascii|basestring|bin|bool|buffer|bytearray|bytes|callable|chr|classmethod|cmp|coerce|compile|complex|delattr|dict|dir|divmod|enumerate|eval|execfile|file|filter|float|format|frozenset|getattr|globals|hasattr|hash|help|hex|id|input|int|intern|isinstance|issubclass|iter|len|list|locals|long|map|max|memoryview|min|next|object|oct|open|ord|pow|property|range|raw_input|reduce|reload|repr|reversed|round|set|setattr|slice|sorted|staticmethod|str|sum|super|tuple|type|unichr|unicode|vars|xrange|zip)\b/,boolean:/\b(?:False|None|True)\b/,number:/\b0(?:b(?:_?[01])+|o(?:_?[0-7])+|x(?:_?[a-f0-9])+)\b|(?:\b\d+(?:_\d+)*(?:\.(?:\d+(?:_\d+)*)?)?|\B\.\d+(?:_\d+)*)(?:e[+-]?\d+(?:_\d+)*)?j?(?!\w)/i,operator:/[-+%=]=?|!=|:=|\*\*?=?|\/\/?=?|<[<=>]?|>[=>]?|[&|^~]/,punctuation:/[{}[\];(),.:]/},k.languages.python["string-interpolation"].inside.interpolation.inside.rest=k.languages.python,k.languages.py=k.languages.python,k.languages.json={property:{pattern:/(^|[^\\])"(?:\\.|[^\\"\r\n])*"(?=\s*:)/,lookbehind:!0,greedy:!0},string:{pattern:/(^|[^\\])"(?:\\.|[^\\"\r\n])*"(?!\s*:)/,lookbehind:!0,greedy:!0},comment:{pattern:/\/\/.*|\/\*[\s\S]*?(?:\*\/|$)/,greedy:!0},number:/-?\b\d+(?:\.\d+)?(?:e[+-]?\d+)?\b/i,punctuation:/[{}[\],]/,operator:/:/,boolean:/\b(?:false|true)\b/,null:{pattern:/\bnull\b/,alias:"keyword"}},k.languages.webmanifest=k.languages.json;((e,t)=>{for(var n in t)l(e,n,{get:t[n],enumerable:!0})})({},{dracula:()=>S,duotoneDark:()=>x,duotoneLight:()=>E,github:()=>_,gruvboxMaterialDark:()=>q,gruvboxMaterialLight:()=>$,jettwaveDark:()=>F,jettwaveLight:()=>z,nightOwl:()=>C,nightOwlLight:()=>j,oceanicNext:()=>T,okaidia:()=>P,oneDark:()=>B,oneLight:()=>U,palenight:()=>L,shadesOfPurple:()=>I,synthwave84:()=>N,ultramin:()=>R,vsDark:()=>D,vsLight:()=>M});var S={plain:{color:"#F8F8F2",backgroundColor:"#282A36"},styles:[{types:["prolog","constant","builtin"],style:{color:"rgb(189, 147, 249)"}},{types:["inserted","function"],style:{color:"rgb(80, 250, 123)"}},{types:["deleted"],style:{color:"rgb(255, 85, 85)"}},{types:["changed"],style:{color:"rgb(255, 184, 108)"}},{types:["punctuation","symbol"],style:{color:"rgb(248, 248, 242)"}},{types:["string","char","tag","selector"],style:{color:"rgb(255, 121, 198)"}},{types:["keyword","variable"],style:{color:"rgb(189, 147, 249)",fontStyle:"italic"}},{types:["comment"],style:{color:"rgb(98, 114, 164)"}},{types:["attr-name"],style:{color:"rgb(241, 250, 140)"}}]},x={plain:{backgroundColor:"#2a2734",color:"#9a86fd"},styles:[{types:["comment","prolog","doctype","cdata","punctuation"],style:{color:"#6c6783"}},{types:["namespace"],style:{opacity:.7}},{types:["tag","operator","number"],style:{color:"#e09142"}},{types:["property","function"],style:{color:"#9a86fd"}},{types:["tag-id","selector","atrule-id"],style:{color:"#eeebff"}},{types:["attr-name"],style:{color:"#c4b9fe"}},{types:["boolean","string","entity","url","attr-value","keyword","control","directive","unit","statement","regex","atrule","placeholder","variable"],style:{color:"#ffcc99"}},{types:["deleted"],style:{textDecorationLine:"line-through"}},{types:["inserted"],style:{textDecorationLine:"underline"}},{types:["italic"],style:{fontStyle:"italic"}},{types:["important","bold"],style:{fontWeight:"bold"}},{types:["important"],style:{color:"#c4b9fe"}}]},E={plain:{backgroundColor:"#faf8f5",color:"#728fcb"},styles:[{types:["comment","prolog","doctype","cdata","punctuation"],style:{color:"#b6ad9a"}},{types:["namespace"],style:{opacity:.7}},{types:["tag","operator","number"],style:{color:"#063289"}},{types:["property","function"],style:{color:"#b29762"}},{types:["tag-id","selector","atrule-id"],style:{color:"#2d2006"}},{types:["attr-name"],style:{color:"#896724"}},{types:["boolean","string","entity","url","attr-value","keyword","control","directive","unit","statement","regex","atrule"],style:{color:"#728fcb"}},{types:["placeholder","variable"],style:{color:"#93abdc"}},{types:["deleted"],style:{textDecorationLine:"line-through"}},{types:["inserted"],style:{textDecorationLine:"underline"}},{types:["italic"],style:{fontStyle:"italic"}},{types:["important","bold"],style:{fontWeight:"bold"}},{types:["important"],style:{color:"#896724"}}]},_={plain:{color:"#393A34",backgroundColor:"#f6f8fa"},styles:[{types:["comment","prolog","doctype","cdata"],style:{color:"#999988",fontStyle:"italic"}},{types:["namespace"],style:{opacity:.7}},{types:["string","attr-value"],style:{color:"#e3116c"}},{types:["punctuation","operator"],style:{color:"#393A34"}},{types:["entity","url","symbol","number","boolean","variable","constant","property","regex","inserted"],style:{color:"#36acaa"}},{types:["atrule","keyword","attr-name","selector"],style:{color:"#00a4db"}},{types:["function","deleted","tag"],style:{color:"#d73a49"}},{types:["function-variable"],style:{color:"#6f42c1"}},{types:["tag","selector","keyword"],style:{color:"#00009f"}}]},C={plain:{color:"#d6deeb",backgroundColor:"#011627"},styles:[{types:["changed"],style:{color:"rgb(162, 191, 252)",fontStyle:"italic"}},{types:["deleted"],style:{color:"rgba(239, 83, 80, 0.56)",fontStyle:"italic"}},{types:["inserted","attr-name"],style:{color:"rgb(173, 219, 103)",fontStyle:"italic"}},{types:["comment"],style:{color:"rgb(99, 119, 119)",fontStyle:"italic"}},{types:["string","url"],style:{color:"rgb(173, 219, 103)"}},{types:["variable"],style:{color:"rgb(214, 222, 235)"}},{types:["number"],style:{color:"rgb(247, 140, 108)"}},{types:["builtin","char","constant","function"],style:{color:"rgb(130, 170, 255)"}},{types:["punctuation"],style:{color:"rgb(199, 146, 234)"}},{types:["selector","doctype"],style:{color:"rgb(199, 146, 234)",fontStyle:"italic"}},{types:["class-name"],style:{color:"rgb(255, 203, 139)"}},{types:["tag","operator","keyword"],style:{color:"rgb(127, 219, 202)"}},{types:["boolean"],style:{color:"rgb(255, 88, 116)"}},{types:["property"],style:{color:"rgb(128, 203, 196)"}},{types:["namespace"],style:{color:"rgb(178, 204, 214)"}}]},j={plain:{color:"#403f53",backgroundColor:"#FBFBFB"},styles:[{types:["changed"],style:{color:"rgb(162, 191, 252)",fontStyle:"italic"}},{types:["deleted"],style:{color:"rgba(239, 83, 80, 0.56)",fontStyle:"italic"}},{types:["inserted","attr-name"],style:{color:"rgb(72, 118, 214)",fontStyle:"italic"}},{types:["comment"],style:{color:"rgb(152, 159, 177)",fontStyle:"italic"}},{types:["string","builtin","char","constant","url"],style:{color:"rgb(72, 118, 214)"}},{types:["variable"],style:{color:"rgb(201, 103, 101)"}},{types:["number"],style:{color:"rgb(170, 9, 130)"}},{types:["punctuation"],style:{color:"rgb(153, 76, 195)"}},{types:["function","selector","doctype"],style:{color:"rgb(153, 76, 195)",fontStyle:"italic"}},{types:["class-name"],style:{color:"rgb(17, 17, 17)"}},{types:["tag"],style:{color:"rgb(153, 76, 195)"}},{types:["operator","property","keyword","namespace"],style:{color:"rgb(12, 150, 155)"}},{types:["boolean"],style:{color:"rgb(188, 84, 84)"}}]},O="#c5a5c5",A="#8dc891",T={plain:{backgroundColor:"#282c34",color:"#ffffff"},styles:[{types:["attr-name"],style:{color:O}},{types:["attr-value"],style:{color:A}},{types:["comment","block-comment","prolog","doctype","cdata","shebang"],style:{color:"#999999"}},{types:["property","number","function-name","constant","symbol","deleted"],style:{color:"#5a9bcf"}},{types:["boolean"],style:{color:"#ff8b50"}},{types:["tag"],style:{color:"#fc929e"}},{types:["string"],style:{color:A}},{types:["punctuation"],style:{color:A}},{types:["selector","char","builtin","inserted"],style:{color:"#D8DEE9"}},{types:["function"],style:{color:"#79b6f2"}},{types:["operator","entity","url","variable"],style:{color:"#d7deea"}},{types:["keyword"],style:{color:O}},{types:["atrule","class-name"],style:{color:"#FAC863"}},{types:["important"],style:{fontWeight:"400"}},{types:["bold"],style:{fontWeight:"bold"}},{types:["italic"],style:{fontStyle:"italic"}},{types:["namespace"],style:{opacity:.7}}]},P={plain:{color:"#f8f8f2",backgroundColor:"#272822"},styles:[{types:["changed"],style:{color:"rgb(162, 191, 252)",fontStyle:"italic"}},{types:["deleted"],style:{color:"#f92672",fontStyle:"italic"}},{types:["inserted"],style:{color:"rgb(173, 219, 103)",fontStyle:"italic"}},{types:["comment"],style:{color:"#8292a2",fontStyle:"italic"}},{types:["string","url"],style:{color:"#a6e22e"}},{types:["variable"],style:{color:"#f8f8f2"}},{types:["number"],style:{color:"#ae81ff"}},{types:["builtin","char","constant","function","class-name"],style:{color:"#e6db74"}},{types:["punctuation"],style:{color:"#f8f8f2"}},{types:["selector","doctype"],style:{color:"#a6e22e",fontStyle:"italic"}},{types:["tag","operator","keyword"],style:{color:"#66d9ef"}},{types:["boolean"],style:{color:"#ae81ff"}},{types:["namespace"],style:{color:"rgb(178, 204, 214)",opacity:.7}},{types:["tag","property"],style:{color:"#f92672"}},{types:["attr-name"],style:{color:"#a6e22e !important"}},{types:["doctype"],style:{color:"#8292a2"}},{types:["rule"],style:{color:"#e6db74"}}]},L={plain:{color:"#bfc7d5",backgroundColor:"#292d3e"},styles:[{types:["comment"],style:{color:"rgb(105, 112, 152)",fontStyle:"italic"}},{types:["string","inserted"],style:{color:"rgb(195, 232, 141)"}},{types:["number"],style:{color:"rgb(247, 140, 108)"}},{types:["builtin","char","constant","function"],style:{color:"rgb(130, 170, 255)"}},{types:["punctuation","selector"],style:{color:"rgb(199, 146, 234)"}},{types:["variable"],style:{color:"rgb(191, 199, 213)"}},{types:["class-name","attr-name"],style:{color:"rgb(255, 203, 107)"}},{types:["tag","deleted"],style:{color:"rgb(255, 85, 114)"}},{types:["operator"],style:{color:"rgb(137, 221, 255)"}},{types:["boolean"],style:{color:"rgb(255, 88, 116)"}},{types:["keyword"],style:{fontStyle:"italic"}},{types:["doctype"],style:{color:"rgb(199, 146, 234)",fontStyle:"italic"}},{types:["namespace"],style:{color:"rgb(178, 204, 214)"}},{types:["url"],style:{color:"rgb(221, 221, 221)"}}]},I={plain:{color:"#9EFEFF",backgroundColor:"#2D2A55"},styles:[{types:["changed"],style:{color:"rgb(255, 238, 128)"}},{types:["deleted"],style:{color:"rgba(239, 83, 80, 0.56)"}},{types:["inserted"],style:{color:"rgb(173, 219, 103)"}},{types:["comment"],style:{color:"rgb(179, 98, 255)",fontStyle:"italic"}},{types:["punctuation"],style:{color:"rgb(255, 255, 255)"}},{types:["constant"],style:{color:"rgb(255, 98, 140)"}},{types:["string","url"],style:{color:"rgb(165, 255, 144)"}},{types:["variable"],style:{color:"rgb(255, 238, 128)"}},{types:["number","boolean"],style:{color:"rgb(255, 98, 140)"}},{types:["attr-name"],style:{color:"rgb(255, 180, 84)"}},{types:["keyword","operator","property","namespace","tag","selector","doctype"],style:{color:"rgb(255, 157, 0)"}},{types:["builtin","char","constant","function","class-name"],style:{color:"rgb(250, 208, 0)"}}]},N={plain:{backgroundColor:"linear-gradient(to bottom, #2a2139 75%, #34294f)",backgroundImage:"#34294f",color:"#f92aad",textShadow:"0 0 2px #100c0f, 0 0 5px #dc078e33, 0 0 10px #fff3"},styles:[{types:["comment","block-comment","prolog","doctype","cdata"],style:{color:"#495495",fontStyle:"italic"}},{types:["punctuation"],style:{color:"#ccc"}},{types:["tag","attr-name","namespace","number","unit","hexcode","deleted"],style:{color:"#e2777a"}},{types:["property","selector"],style:{color:"#72f1b8",textShadow:"0 0 2px #100c0f, 0 0 10px #257c5575, 0 0 35px #21272475"}},{types:["function-name"],style:{color:"#6196cc"}},{types:["boolean","selector-id","function"],style:{color:"#fdfdfd",textShadow:"0 0 2px #001716, 0 0 3px #03edf975, 0 0 5px #03edf975, 0 0 8px #03edf975"}},{types:["class-name","maybe-class-name","builtin"],style:{color:"#fff5f6",textShadow:"0 0 2px #000, 0 0 10px #fc1f2c75, 0 0 5px #fc1f2c75, 0 0 25px #fc1f2c75"}},{types:["constant","symbol"],style:{color:"#f92aad",textShadow:"0 0 2px #100c0f, 0 0 5px #dc078e33, 0 0 10px #fff3"}},{types:["important","atrule","keyword","selector-class"],style:{color:"#f4eee4",textShadow:"0 0 2px #393a33, 0 0 8px #f39f0575, 0 0 2px #f39f0575"}},{types:["string","char","attr-value","regex","variable"],style:{color:"#f87c32"}},{types:["parameter"],style:{fontStyle:"italic"}},{types:["entity","url"],style:{color:"#67cdcc"}},{types:["operator"],style:{color:"ffffffee"}},{types:["important","bold"],style:{fontWeight:"bold"}},{types:["italic"],style:{fontStyle:"italic"}},{types:["entity"],style:{cursor:"help"}},{types:["inserted"],style:{color:"green"}}]},R={plain:{color:"#282a2e",backgroundColor:"#ffffff"},styles:[{types:["comment"],style:{color:"rgb(197, 200, 198)"}},{types:["string","number","builtin","variable"],style:{color:"rgb(150, 152, 150)"}},{types:["class-name","function","tag","attr-name"],style:{color:"rgb(40, 42, 46)"}}]},D={plain:{color:"#9CDCFE",backgroundColor:"#1E1E1E"},styles:[{types:["prolog"],style:{color:"rgb(0, 0, 128)"}},{types:["comment"],style:{color:"rgb(106, 153, 85)"}},{types:["builtin","changed","keyword","interpolation-punctuation"],style:{color:"rgb(86, 156, 214)"}},{types:["number","inserted"],style:{color:"rgb(181, 206, 168)"}},{types:["constant"],style:{color:"rgb(100, 102, 149)"}},{types:["attr-name","variable"],style:{color:"rgb(156, 220, 254)"}},{types:["deleted","string","attr-value","template-punctuation"],style:{color:"rgb(206, 145, 120)"}},{types:["selector"],style:{color:"rgb(215, 186, 125)"}},{types:["tag"],style:{color:"rgb(78, 201, 176)"}},{types:["tag"],languages:["markup"],style:{color:"rgb(86, 156, 214)"}},{types:["punctuation","operator"],style:{color:"rgb(212, 212, 212)"}},{types:["punctuation"],languages:["markup"],style:{color:"#808080"}},{types:["function"],style:{color:"rgb(220, 220, 170)"}},{types:["class-name"],style:{color:"rgb(78, 201, 176)"}},{types:["char"],style:{color:"rgb(209, 105, 105)"}}]},M={plain:{color:"#000000",backgroundColor:"#ffffff"},styles:[{types:["comment"],style:{color:"rgb(0, 128, 0)"}},{types:["builtin"],style:{color:"rgb(0, 112, 193)"}},{types:["number","variable","inserted"],style:{color:"rgb(9, 134, 88)"}},{types:["operator"],style:{color:"rgb(0, 0, 0)"}},{types:["constant","char"],style:{color:"rgb(129, 31, 63)"}},{types:["tag"],style:{color:"rgb(128, 0, 0)"}},{types:["attr-name"],style:{color:"rgb(255, 0, 0)"}},{types:["deleted","string"],style:{color:"rgb(163, 21, 21)"}},{types:["changed","punctuation"],style:{color:"rgb(4, 81, 165)"}},{types:["function","keyword"],style:{color:"rgb(0, 0, 255)"}},{types:["class-name"],style:{color:"rgb(38, 127, 153)"}}]},F={plain:{color:"#f8fafc",backgroundColor:"#011627"},styles:[{types:["prolog"],style:{color:"#000080"}},{types:["comment"],style:{color:"#6A9955"}},{types:["builtin","changed","keyword","interpolation-punctuation"],style:{color:"#569CD6"}},{types:["number","inserted"],style:{color:"#B5CEA8"}},{types:["constant"],style:{color:"#f8fafc"}},{types:["attr-name","variable"],style:{color:"#9CDCFE"}},{types:["deleted","string","attr-value","template-punctuation"],style:{color:"#cbd5e1"}},{types:["selector"],style:{color:"#D7BA7D"}},{types:["tag"],style:{color:"#0ea5e9"}},{types:["tag"],languages:["markup"],style:{color:"#0ea5e9"}},{types:["punctuation","operator"],style:{color:"#D4D4D4"}},{types:["punctuation"],languages:["markup"],style:{color:"#808080"}},{types:["function"],style:{color:"#7dd3fc"}},{types:["class-name"],style:{color:"#0ea5e9"}},{types:["char"],style:{color:"#D16969"}}]},z={plain:{color:"#0f172a",backgroundColor:"#f1f5f9"},styles:[{types:["prolog"],style:{color:"#000080"}},{types:["comment"],style:{color:"#6A9955"}},{types:["builtin","changed","keyword","interpolation-punctuation"],style:{color:"#0c4a6e"}},{types:["number","inserted"],style:{color:"#B5CEA8"}},{types:["constant"],style:{color:"#0f172a"}},{types:["attr-name","variable"],style:{color:"#0c4a6e"}},{types:["deleted","string","attr-value","template-punctuation"],style:{color:"#64748b"}},{types:["selector"],style:{color:"#D7BA7D"}},{types:["tag"],style:{color:"#0ea5e9"}},{types:["tag"],languages:["markup"],style:{color:"#0ea5e9"}},{types:["punctuation","operator"],style:{color:"#475569"}},{types:["punctuation"],languages:["markup"],style:{color:"#808080"}},{types:["function"],style:{color:"#0e7490"}},{types:["class-name"],style:{color:"#0ea5e9"}},{types:["char"],style:{color:"#D16969"}}]},B={plain:{backgroundColor:"hsl(220, 13%, 18%)",color:"hsl(220, 14%, 71%)",textShadow:"0 1px rgba(0, 0, 0, 0.3)"},styles:[{types:["comment","prolog","cdata"],style:{color:"hsl(220, 10%, 40%)"}},{types:["doctype","punctuation","entity"],style:{color:"hsl(220, 14%, 71%)"}},{types:["attr-name","class-name","maybe-class-name","boolean","constant","number","atrule"],style:{color:"hsl(29, 54%, 61%)"}},{types:["keyword"],style:{color:"hsl(286, 60%, 67%)"}},{types:["property","tag","symbol","deleted","important"],style:{color:"hsl(355, 65%, 65%)"}},{types:["selector","string","char","builtin","inserted","regex","attr-value"],style:{color:"hsl(95, 38%, 62%)"}},{types:["variable","operator","function"],style:{color:"hsl(207, 82%, 66%)"}},{types:["url"],style:{color:"hsl(187, 47%, 55%)"}},{types:["deleted"],style:{textDecorationLine:"line-through"}},{types:["inserted"],style:{textDecorationLine:"underline"}},{types:["italic"],style:{fontStyle:"italic"}},{types:["important","bold"],style:{fontWeight:"bold"}},{types:["important"],style:{color:"hsl(220, 14%, 71%)"}}]},U={plain:{backgroundColor:"hsl(230, 1%, 98%)",color:"hsl(230, 8%, 24%)"},styles:[{types:["comment","prolog","cdata"],style:{color:"hsl(230, 4%, 64%)"}},{types:["doctype","punctuation","entity"],style:{color:"hsl(230, 8%, 24%)"}},{types:["attr-name","class-name","boolean","constant","number","atrule"],style:{color:"hsl(35, 99%, 36%)"}},{types:["keyword"],style:{color:"hsl(301, 63%, 40%)"}},{types:["property","tag","symbol","deleted","important"],style:{color:"hsl(5, 74%, 59%)"}},{types:["selector","string","char","builtin","inserted","regex","attr-value","punctuation"],style:{color:"hsl(119, 34%, 47%)"}},{types:["variable","operator","function"],style:{color:"hsl(221, 87%, 60%)"}},{types:["url"],style:{color:"hsl(198, 99%, 37%)"}},{types:["deleted"],style:{textDecorationLine:"line-through"}},{types:["inserted"],style:{textDecorationLine:"underline"}},{types:["italic"],style:{fontStyle:"italic"}},{types:["important","bold"],style:{fontWeight:"bold"}},{types:["important"],style:{color:"hsl(230, 8%, 24%)"}}]},q={plain:{color:"#ebdbb2",backgroundColor:"#292828"},styles:[{types:["imports","class-name","maybe-class-name","constant","doctype","builtin","function"],style:{color:"#d8a657"}},{types:["property-access"],style:{color:"#7daea3"}},{types:["tag"],style:{color:"#e78a4e"}},{types:["attr-name","char","url","regex"],style:{color:"#a9b665"}},{types:["attr-value","string"],style:{color:"#89b482"}},{types:["comment","prolog","cdata","operator","inserted"],style:{color:"#a89984"}},{types:["delimiter","boolean","keyword","selector","important","atrule","property","variable","deleted"],style:{color:"#ea6962"}},{types:["entity","number","symbol"],style:{color:"#d3869b"}}]},$={plain:{color:"#654735",backgroundColor:"#f9f5d7"},styles:[{types:["delimiter","boolean","keyword","selector","important","atrule","property","variable","deleted"],style:{color:"#af2528"}},{types:["imports","class-name","maybe-class-name","constant","doctype","builtin"],style:{color:"#b4730e"}},{types:["string","attr-value"],style:{color:"#477a5b"}},{types:["property-access"],style:{color:"#266b79"}},{types:["function","attr-name","char","url"],style:{color:"#72761e"}},{types:["tag"],style:{color:"#b94c07"}},{types:["comment","prolog","cdata","operator","inserted"],style:{color:"#a89984"}},{types:["entity","number","symbol"],style:{color:"#924f79"}}]},H=(e,t)=>{const{plain:n}=e,r=e.styles.reduce(((e,n)=>{const{languages:r,style:o}=n;return r&&!r.includes(t)||n.types.forEach((t=>{const n=y(y({},e[t]),o);e[t]=n})),e}),{});return r.root=n,r.plain=v(y({},n),{backgroundColor:void 0}),r},V=/\r\n|\r|\n/,G=e=>{0===e.length?e.push({types:["plain"],content:"\n",empty:!0}):1===e.length&&""===e[0].content&&(e[0].content="\n",e[0].empty=!0)},W=(e,t)=>{const n=e.length;return n>0&&e[n-1]===t?e:e.concat(t)},K=e=>{const t=[[]],n=[e],r=[0],o=[e.length];let a=0,i=0,s=[];const l=[s];for(;i>-1;){for(;(a=r[i]++)<o[i];){let e,c=t[i];const u=n[i][a];if("string"==typeof u?(c=i>0?c:["plain"],e=u):(c=W(c,u.type),u.alias&&(c=W(c,u.alias)),e=u.content),"string"!=typeof e){i++,t.push(c),n.push(e),r.push(0),o.push(e.length);continue}const d=e.split(V),p=d.length;s.push({types:c,content:d[0]});for(let t=1;t<p;t++)G(s),l.push(s=[]),s.push({types:c,content:d[t]})}i--,t.pop(),n.pop(),r.pop(),o.pop()}return G(s),l},Q=({children:e,language:t,code:n,theme:r,prism:o})=>{const s=t.toLowerCase(),l=((e,t)=>{const[n,r]=(0,a.useState)(H(t,e)),o=(0,a.useRef)(),i=(0,a.useRef)();return(0,a.useEffect)((()=>{t===o.current&&e===i.current||(o.current=t,i.current=e,r(H(t,e)))}),[e,t]),n})(s,r),c=(e=>(0,a.useCallback)((t=>{var n=t,{className:r,style:o,line:a}=n,s=w(n,["className","style","line"]);const l=v(y({},s),{className:(0,i.A)("token-line",r)});return"object"==typeof e&&"plain"in e&&(l.style=e.plain),"object"==typeof o&&(l.style=y(y({},l.style||{}),o)),l}),[e]))(l),u=(e=>{const t=(0,a.useCallback)((({types:t,empty:n})=>{if(null!=e)return 1===t.length&&"plain"===t[0]?null!=n?{display:"inline-block"}:void 0:1===t.length&&null!=n?e[t[0]]:Object.assign(null!=n?{display:"inline-block"}:{},...t.map((t=>e[t])))}),[e]);return(0,a.useCallback)((e=>{var n=e,{token:r,className:o,style:a}=n,s=w(n,["token","className","style"]);const l=v(y({},s),{className:(0,i.A)("token",...r.types,o),children:r.content,style:t(r)});return null!=a&&(l.style=y(y({},l.style||{}),a)),l}),[t])})(l),d=(({prism:e,code:t,grammar:n,language:r})=>{const o=(0,a.useRef)(e);return(0,a.useMemo)((()=>{if(null==n)return K([t]);const e={code:t,grammar:n,language:r,tokens:[]};return o.current.hooks.run("before-tokenize",e),e.tokens=o.current.tokenize(t,n),o.current.hooks.run("after-tokenize",e),K(e.tokens)}),[t,n,r])})({prism:o,language:s,code:n,grammar:o.languages[s]});return e({tokens:d,className:`prism-code language-${s}`,style:null!=l?l.root:{},getLineProps:c,getTokenProps:u})},Y=e=>(0,a.createElement)(Q,v(y({},e),{prism:e.prism||k,theme:e.theme||D,code:e.code,language:e.language}))},5385:(e,t,n)=>{"use strict";n.d(t,{A:()=>a});var r=!0,o="Invariant failed";function a(e,t){if(!e){if(r)throw new Error(o);var n="function"==typeof t?t():t,a=n?"".concat(o,": ").concat(n):o;throw new Error(a)}}},3422:(e,t,n)=>{"use strict";n.r(t),n.d(t,{__addDisposableResource:()=>N,__assign:()=>a,__asyncDelegator:()=>_,__asyncGenerator:()=>E,__asyncValues:()=>C,__await:()=>x,__awaiter:()=>m,__classPrivateFieldGet:()=>P,__classPrivateFieldIn:()=>I,__classPrivateFieldSet:()=>L,__createBinding:()=>g,__decorate:()=>s,__disposeResources:()=>D,__esDecorate:()=>c,__exportStar:()=>b,__extends:()=>o,__generator:()=>h,__importDefault:()=>T,__importStar:()=>A,__makeTemplateObject:()=>j,__metadata:()=>f,__param:()=>l,__propKey:()=>d,__read:()=>v,__rest:()=>i,__runInitializers:()=>u,__setFunctionName:()=>p,__spread:()=>w,__spreadArray:()=>S,__spreadArrays:()=>k,__values:()=>y,default:()=>M});var r=function(e,t){return r=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])},r(e,t)};function o(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");function n(){this.constructor=e}r(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)}var a=function(){return a=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var o in t=arguments[n])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e},a.apply(this,arguments)};function i(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&Object.prototype.propertyIsEnumerable.call(e,r[o])&&(n[r[o]]=e[r[o]])}return n}function s(e,t,n,r){var o,a=arguments.length,i=a<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,n):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(e,t,n,r);else for(var s=e.length-1;s>=0;s--)(o=e[s])&&(i=(a<3?o(i):a>3?o(t,n,i):o(t,n))||i);return a>3&&i&&Object.defineProperty(t,n,i),i}function l(e,t){return function(n,r){t(n,r,e)}}function c(e,t,n,r,o,a){function i(e){if(void 0!==e&&"function"!=typeof e)throw new TypeError("Function expected");return e}for(var s,l=r.kind,c="getter"===l?"get":"setter"===l?"set":"value",u=!t&&e?r.static?e:e.prototype:null,d=t||(u?Object.getOwnPropertyDescriptor(u,r.name):{}),p=!1,f=n.length-1;f>=0;f--){var m={};for(var h in r)m[h]="access"===h?{}:r[h];for(var h in r.access)m.access[h]=r.access[h];m.addInitializer=function(e){if(p)throw new TypeError("Cannot add initializers after decoration has completed");a.push(i(e||null))};var g=(0,n[f])("accessor"===l?{get:d.get,set:d.set}:d[c],m);if("accessor"===l){if(void 0===g)continue;if(null===g||"object"!=typeof g)throw new TypeError("Object expected");(s=i(g.get))&&(d.get=s),(s=i(g.set))&&(d.set=s),(s=i(g.init))&&o.unshift(s)}else(s=i(g))&&("field"===l?o.unshift(s):d[c]=s)}u&&Object.defineProperty(u,r.name,d),p=!0}function u(e,t,n){for(var r=arguments.length>2,o=0;o<t.length;o++)n=r?t[o].call(e,n):t[o].call(e);return r?n:void 0}function d(e){return"symbol"==typeof e?e:"".concat(e)}function p(e,t,n){return"symbol"==typeof t&&(t=t.description?"[".concat(t.description,"]"):""),Object.defineProperty(e,"name",{configurable:!0,value:n?"".concat(n," ",t):t})}function f(e,t){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(e,t)}function m(e,t,n,r){return new(n||(n=Promise))((function(o,a){function i(e){try{l(r.next(e))}catch(t){a(t)}}function s(e){try{l(r.throw(e))}catch(t){a(t)}}function l(e){var t;e.done?o(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(i,s)}l((r=r.apply(e,t||[])).next())}))}function h(e,t){var n,r,o,a,i={label:0,sent:function(){if(1&o[0])throw o[1];return o[1]},trys:[],ops:[]};return a={next:s(0),throw:s(1),return:s(2)},"function"==typeof Symbol&&(a[Symbol.iterator]=function(){return this}),a;function s(s){return function(l){return function(s){if(n)throw new TypeError("Generator is already executing.");for(;a&&(a=0,s[0]&&(i=0)),i;)try{if(n=1,r&&(o=2&s[0]?r.return:s[0]?r.throw||((o=r.return)&&o.call(r),0):r.next)&&!(o=o.call(r,s[1])).done)return o;switch(r=0,o&&(s=[2&s[0],o.value]),s[0]){case 0:case 1:o=s;break;case 4:return i.label++,{value:s[1],done:!1};case 5:i.label++,r=s[1],s=[0];continue;case 7:s=i.ops.pop(),i.trys.pop();continue;default:if(!(o=i.trys,(o=o.length>0&&o[o.length-1])||6!==s[0]&&2!==s[0])){i=0;continue}if(3===s[0]&&(!o||s[1]>o[0]&&s[1]<o[3])){i.label=s[1];break}if(6===s[0]&&i.label<o[1]){i.label=o[1],o=s;break}if(o&&i.label<o[2]){i.label=o[2],i.ops.push(s);break}o[2]&&i.ops.pop(),i.trys.pop();continue}s=t.call(e,i)}catch(l){s=[6,l],r=0}finally{n=o=0}if(5&s[0])throw s[1];return{value:s[0]?s[1]:void 0,done:!0}}([s,l])}}}var g=Object.create?function(e,t,n,r){void 0===r&&(r=n);var o=Object.getOwnPropertyDescriptor(t,n);o&&!("get"in o?!t.__esModule:o.writable||o.configurable)||(o={enumerable:!0,get:function(){return t[n]}}),Object.defineProperty(e,r,o)}:function(e,t,n,r){void 0===r&&(r=n),e[r]=t[n]};function b(e,t){for(var n in e)"default"===n||Object.prototype.hasOwnProperty.call(t,n)||g(t,e,n)}function y(e){var t="function"==typeof Symbol&&Symbol.iterator,n=t&&e[t],r=0;if(n)return n.call(e);if(e&&"number"==typeof e.length)return{next:function(){return e&&r>=e.length&&(e=void 0),{value:e&&e[r++],done:!e}}};throw new TypeError(t?"Object is not iterable.":"Symbol.iterator is not defined.")}function v(e,t){var n="function"==typeof Symbol&&e[Symbol.iterator];if(!n)return e;var r,o,a=n.call(e),i=[];try{for(;(void 0===t||t-- >0)&&!(r=a.next()).done;)i.push(r.value)}catch(s){o={error:s}}finally{try{r&&!r.done&&(n=a.return)&&n.call(a)}finally{if(o)throw o.error}}return i}function w(){for(var e=[],t=0;t<arguments.length;t++)e=e.concat(v(arguments[t]));return e}function k(){for(var e=0,t=0,n=arguments.length;t<n;t++)e+=arguments[t].length;var r=Array(e),o=0;for(t=0;t<n;t++)for(var a=arguments[t],i=0,s=a.length;i<s;i++,o++)r[o]=a[i];return r}function S(e,t,n){if(n||2===arguments.length)for(var r,o=0,a=t.length;o<a;o++)!r&&o in t||(r||(r=Array.prototype.slice.call(t,0,o)),r[o]=t[o]);return e.concat(r||Array.prototype.slice.call(t))}function x(e){return this instanceof x?(this.v=e,this):new x(e)}function E(e,t,n){if(!Symbol.asyncIterator)throw new TypeError("Symbol.asyncIterator is not defined.");var r,o=n.apply(e,t||[]),a=[];return r={},i("next"),i("throw"),i("return",(function(e){return function(t){return Promise.resolve(t).then(e,c)}})),r[Symbol.asyncIterator]=function(){return this},r;function i(e,t){o[e]&&(r[e]=function(t){return new Promise((function(n,r){a.push([e,t,n,r])>1||s(e,t)}))},t&&(r[e]=t(r[e])))}function s(e,t){try{(n=o[e](t)).value instanceof x?Promise.resolve(n.value.v).then(l,c):u(a[0][2],n)}catch(r){u(a[0][3],r)}var n}function l(e){s("next",e)}function c(e){s("throw",e)}function u(e,t){e(t),a.shift(),a.length&&s(a[0][0],a[0][1])}}function _(e){var t,n;return t={},r("next"),r("throw",(function(e){throw e})),r("return"),t[Symbol.iterator]=function(){return this},t;function r(r,o){t[r]=e[r]?function(t){return(n=!n)?{value:x(e[r](t)),done:!1}:o?o(t):t}:o}}function C(e){if(!Symbol.asyncIterator)throw new TypeError("Symbol.asyncIterator is not defined.");var t,n=e[Symbol.asyncIterator];return n?n.call(e):(e=y(e),t={},r("next"),r("throw"),r("return"),t[Symbol.asyncIterator]=function(){return this},t);function r(n){t[n]=e[n]&&function(t){return new Promise((function(r,o){(function(e,t,n,r){Promise.resolve(r).then((function(t){e({value:t,done:n})}),t)})(r,o,(t=e[n](t)).done,t.value)}))}}}function j(e,t){return Object.defineProperty?Object.defineProperty(e,"raw",{value:t}):e.raw=t,e}var O=Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t};function A(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var n in e)"default"!==n&&Object.prototype.hasOwnProperty.call(e,n)&&g(t,e,n);return O(t,e),t}function T(e){return e&&e.__esModule?e:{default:e}}function P(e,t,n,r){if("a"===n&&!r)throw new TypeError("Private accessor was defined without a getter");if("function"==typeof t?e!==t||!r:!t.has(e))throw new TypeError("Cannot read private member from an object whose class did not declare it");return"m"===n?r:"a"===n?r.call(e):r?r.value:t.get(e)}function L(e,t,n,r,o){if("m"===r)throw new TypeError("Private method is not writable");if("a"===r&&!o)throw new TypeError("Private accessor was defined without a setter");if("function"==typeof t?e!==t||!o:!t.has(e))throw new TypeError("Cannot write private member to an object whose class did not declare it");return"a"===r?o.call(e,n):o?o.value=n:t.set(e,n),n}function I(e,t){if(null===t||"object"!=typeof t&&"function"!=typeof t)throw new TypeError("Cannot use 'in' operator on non-object");return"function"==typeof e?t===e:e.has(t)}function N(e,t,n){if(null!=t){if("object"!=typeof t&&"function"!=typeof t)throw new TypeError("Object expected.");var r,o;if(n){if(!Symbol.asyncDispose)throw new TypeError("Symbol.asyncDispose is not defined.");r=t[Symbol.asyncDispose]}if(void 0===r){if(!Symbol.dispose)throw new TypeError("Symbol.dispose is not defined.");r=t[Symbol.dispose],n&&(o=r)}if("function"!=typeof r)throw new TypeError("Object not disposable.");o&&(r=function(){try{o.call(this)}catch(e){return Promise.reject(e)}}),e.stack.push({value:t,dispose:r,async:n})}else n&&e.stack.push({async:!0});return t}var R="function"==typeof SuppressedError?SuppressedError:function(e,t,n){var r=new Error(n);return r.name="SuppressedError",r.error=e,r.suppressed=t,r};function D(e){function t(t){e.error=e.hasError?new R(t,e.error,"An error was suppressed during disposal."):t,e.hasError=!0}return function n(){for(;e.stack.length;){var r=e.stack.pop();try{var o=r.dispose&&r.dispose.call(r.value);if(r.async)return Promise.resolve(o).then(n,(function(e){return t(e),n()}))}catch(a){t(a)}}if(e.hasError)throw e.error}()}const M={__extends:o,__assign:a,__rest:i,__decorate:s,__param:l,__metadata:f,__awaiter:m,__generator:h,__createBinding:g,__exportStar:b,__values:y,__read:v,__spread:w,__spreadArrays:k,__spreadArray:S,__await:x,__asyncGenerator:E,__asyncDelegator:_,__asyncValues:C,__makeTemplateObject:j,__importStar:A,__importDefault:T,__classPrivateFieldGet:P,__classPrivateFieldSet:L,__classPrivateFieldIn:I,__addDisposableResource:N,__disposeResources:D}},2654:e=>{"use strict";e.exports=JSON.parse('{"pages.home.features.title":"\ud2b9\uc9d5","pages.home.features.logic.title":"\uba85\uc2dc\uc801\uc778 \ube44\uc988\ub2c8\uc2a4 \ub85c\uc9c1","pages.home.features.logic.description":"\ub3c4\uba54\uc778 \uc2a4\ucf54\ud504 \ub355\ubd84\uc5d0 \ucc3e\uace0\uc790 \ud558\ub294 \ub85c\uc9c1\uc744 \uc27d\uac8c \ubc1c\uacac\ud560 \uc218 \uc788\ub294 \uc544\ud0a4\ud14d\ucc98\uc785\ub2c8\ub2e4.","pages.home.features.adaptability.title":"\uc720\uc5f0\uc131","pages.home.features.adaptability.description":"\uc544\ud0a4\ud14d\ucc98 \uad6c\uc131 \uc694\uc18c\ub97c \uc0c8\ub85c\uc6b4 \uc694\uad6c\uc0ac\ud56d\uc5d0 \ub9de\ucdb0 \uc720\uc5f0\ud558\uac8c \uad50\uccb4\ud558\uace0 \ucd94\uac00\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.","pages.home.features.debt.title":"\uae30\uc220 \ubd80\ucc44 \ubc0f \ub9ac\ud329\ud1a0\ub9c1","pages.home.features.debt.description":"\uac01 \ubaa8\ub4c8\uc744 \ubd80\uc791\uc6a9 \uc5c6\uc774 \ub3c5\ub9bd\uc801\uc73c\ub85c \uc218\uc815, \uc7ac\uc791\uc131\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.","pages.home.features.shared.title":"\uba85\uc2dc\uc801 \ucf54\ub4dc \uc7ac\uc0ac\uc6a9","pages.home.features.shared.description":"DRY \uc6d0\uce59\uacfc \ub85c\uceec \ucee4\uc2a4\ud130\ub9c8\uc774\uc9d5 \uc0ac\uc774\uc5d0 \uade0\ud615\uc744 \uc720\uc9c0\ud569\ub2c8\ub2e4.","pages.home.concepts.title":"\uac1c\ub150","pages.home.concepts.public.title":"\uacf5\uc6a9 API","pages.home.concepts.public.description":"\uac01 \ubaa8\ub4c8\uc5d0\ub294 \ucd5c\uc0c1\uc704 \ub808\ubca8\uc5d0 \uacf5\uc6a9 API \uc120\uc5b8\uc774 \uc788\uc5b4\uc57c \ud569\ub2c8\ub2e4.","pages.home.concepts.isolation.title":"\uaca9\ub9ac","pages.home.concepts.isolation.description":"\uac19\uc740 \ub808\uc774\uc5b4 \ub610\ub294 \uc0c1\uc704 \ub808\uc774\uc5b4\uc758 \ubaa8\ub4c8\uc5d0 \uc9c1\uc811 \uc758\uc874\ud558\uc9c0 \uc54a\uc544\uc57c \ud569\ub2c8\ub2e4.","pages.home.concepts.needs.title":"\uc694\uad6c\uc0ac\ud56d \uc911\uc2ec","pages.home.concepts.needs.description":"\ube44\uc988\ub2c8\uc2a4 \ubc0f \uc0ac\uc6a9\uc790 \uc694\uad6c\uc0ac\ud56d\uc744 \uc911\uc2ec\uc73c\ub85c \ud569\ub2c8\ub2e4.","pages.home.scheme.title":"\uad6c\uc870","pages.home.companies.using":"FSD\ub97c \uc0ac\uc6a9\ud558\ub294 \uae30\uc5c5","pages.home.companies.add_me":"FSD\ub97c \uc0ac\uc6a9\ud558\ub294 \uae30\uc5c5\uc774\uc2e0\uac00\uc694?","pages.home.companies.tell_us":"\uc54c\ub824\uc8fc\uc138\uc694","pages.examples.title":"Examples","pages.examples.subtitle":"List of websites people are building with Feature-Sliced Design","pages.examples.add_me.title":"Add example","pages.examples.repo.title":"Repository","pages.examples.versions":"See also versions list","pages.versions.title":"Feature-Sliced Design versions","pages.versions.current":"The documentation for the currently published version can be found here","pages.versions.legacy":"Documentation for older versions of {of} can be found here ","pages.nav.title":"\ud83e\udded Navigation","pages.nav.legacy.title":"Legacy routes","pages.nav.legacy.details":"After the restructuring of the documentation, some routes were changed. Below you can find the page you may have been looking for.","pages.nav.legacy.subdetails":"But there are redirects from old links for compatibility","features.feedback-badge.label":"Share your feedback about documentation \ud83e\udd19","features.feedback-badge.url":"https://forms.gle/nsYua6bMMG5iBB3v7","features.feedback-doc.button-text":"Feedback","features.feedback-doc.email-placeholder":"Your email (optional)","features.feedback-doc.error-message":"Something went wrong. Please try again later.","features.feedback-doc.modal-title-error-403":"The request URL does not match the one defined in PushFeedback for this project.","features.feedback-doc.modal-title-error-404":"We could not find the provided project id in PushFeedback.","features.feedback-doc.message-placeholder":"Comments","features.feedback-doc.modal-title":"Share your feedback","features.feedback-doc.modal-title-error":"Oops!","features.feedback-doc.modal-title-success":"Thanks for your feedback!","features.feedback-doc.screenshot-button-text":"Take a Screenshot","features.feedback-doc.screenshot-topbar-text":"SELECT AN ELEMENT ON THE PAGE","features.feedback-doc.send-button-text":"Send","features.feedback-doc.rating-placeholder":"Was this page helpful?","features.feedback-doc.rating-stars-placeholder":"How would you rate this page","features.hero.tagline":"\ud504\ub860\ud2b8\uc5d4\ub4dc \ud504\ub85c\uc81d\ud2b8\ub97c \uc704\ud55c \uc544\ud0a4\ud14d\ucc98 \ubc29\ubc95\ub860","features.hero.get_started":"\uc2dc\uc791\ud558\uae30","features.hero.examples":"\uc608\uc81c","features.hero.previous":"\uc774\uc804 \ubc84\uc804","shared.wip.title":"The article is in the process of writing","shared.wip.subtitle":"To bring the release of the article closer, you can:","shared.wip.var.feedback.base":"\ud83d\udce2 Share your feedback ","shared.wip.var.feedback.link":"at article (comment/emoji-reaction)","shared.wip.var.material.base":"\ud83d\udcac Collect the relevant ","shared.wip.var.material.link":"material on the topic from chat","shared.wip.var.contribute.base":"\u2692\ufe0f Contribute ","shared.wip.var.contribute.link":"in any other way","theme.NotFound.title":"Page Not Found","theme.NotFound.p1":"We could not find what you were looking for.","theme.NotFound.p2":"Please contact the owner of the site that linked you to the original URL and let them know their link is broken.","theme.AnnouncementBar.closeButtonAriaLabel":"Close","theme.blog.paginator.navAriaLabel":"Blog list page navigation","theme.blog.paginator.newerEntries":"Newer Entries","theme.blog.paginator.olderEntries":"Older Entries","theme.blog.post.readingTime.plurals":"One min read|{readingTime} min read","theme.tags.tagsListLabel":"Tags:","theme.blog.post.readMore":"Read More","theme.blog.post.paginator.navAriaLabel":"Blog post page navigation","theme.blog.post.paginator.newerPost":"Newer Post","theme.blog.post.paginator.olderPost":"Older Post","theme.tags.tagsPageTitle":"Tags","theme.blog.post.plurals":"One post|{count} posts","theme.blog.tagTitle":"{nPosts} tagged with \\"{tagName}\\"","theme.tags.tagsPageLink":"View All Tags","theme.CodeBlock.copyButtonAriaLabel":"Copy code to clipboard","theme.CodeBlock.copied":"Copied","theme.CodeBlock.copy":"Copy","theme.docs.sidebar.expandButtonTitle":"Expand sidebar","theme.docs.sidebar.expandButtonAriaLabel":"Expand sidebar","theme.docs.paginator.navAriaLabel":"Docs pages navigation","theme.docs.paginator.previous":"Previous","theme.docs.paginator.next":"Next","theme.docs.sidebar.collapseButtonTitle":"Collapse sidebar","theme.docs.sidebar.collapseButtonAriaLabel":"Collapse sidebar","theme.docs.sidebar.responsiveCloseButtonLabel":"Close menu","theme.docs.sidebar.responsiveOpenButtonLabel":"Open menu","theme.docs.versions.unreleasedVersionLabel":"This is unreleased documentation for {siteTitle} {versionLabel} version.","theme.docs.versions.unmaintainedVersionLabel":"This is documentation for {siteTitle} {versionLabel}, which is no longer actively maintained.","theme.docs.versions.latestVersionSuggestionLabel":"For up-to-date documentation, see the {latestVersionLink} ({versionLabel}).","theme.docs.versions.latestVersionLinkLabel":"latest version","theme.common.editThisPage":"Edit this page","theme.common.headingLinkTitle":"Direct link to heading","theme.lastUpdated.atDate":" on {date}","theme.lastUpdated.byUser":" by {user}","theme.lastUpdated.lastUpdatedAtBy":"Last updated{atDate}{byUser}","theme.common.skipToMainContent":"Skip to main content"}')},4054:e=>{"use strict";e.exports=JSON.parse('{"/kr/blog-708":{"__comp":"a6aa9e1f","__context":{"plugin":"36994c47"},"sidebar":"814f3328","items":[{"content":"25a0b29f"},{"content":"f6bb872e"}],"__props":"cd92b386"},"/kr/blog/archive-0b2":{"__comp":"9e4087bc","__context":{"plugin":"36994c47"},"__props":"4eeeda96"},"/kr/blog/international-community-00f":{"__comp":"ccc49370","__context":{"data":{"blogMetadata":"acecf23e"},"plugin":"36994c47"},"sidebar":"814f3328","content":"f6760343"},"/kr/blog/rebranding-stable-0f7":{"__comp":"ccc49370","__context":{"data":{"blogMetadata":"acecf23e"},"plugin":"36994c47"},"sidebar":"814f3328","content":"1943626f"},"/kr/blog/tags-949":{"__comp":"01a85c17","__context":{"plugin":"36994c47"},"sidebar":"814f3328","__props":"bd1489a6"},"/kr/blog/tags/brand-224":{"__comp":"6875c492","__context":{"plugin":"36994c47"},"sidebar":"814f3328","items":[{"content":"f6bb872e"}],"__props":"9b697d88"},"/kr/blog/tags/community-f6f":{"__comp":"6875c492","__context":{"plugin":"36994c47"},"sidebar":"814f3328","items":[{"content":"25a0b29f"}],"__props":"e898db75"},"/kr/blog/tags/discord-992":{"__comp":"6875c492","__context":{"plugin":"36994c47"},"sidebar":"814f3328","items":[{"content":"25a0b29f"}],"__props":"e747db33"},"/kr/blog/tags/promo-8ab":{"__comp":"6875c492","__context":{"plugin":"36994c47"},"sidebar":"814f3328","items":[{"content":"25a0b29f"},{"content":"f6bb872e"}],"__props":"c36cf2fd"},"/kr/examples-da5":{"__comp":"b4c136e1","__context":{"plugin":"a7456010"},"config":"5e9f5e1a"},"/kr/nav-3ea":{"__comp":"f565db0c","__context":{"plugin":"a7456010"},"config":"5e9f5e1a"},"/kr/search-c8e":{"__comp":"1a4e3797","__context":{"plugin":"c141421f"}},"/kr/versions-895":{"__comp":"90f695cb","__context":{"plugin":"a7456010"},"config":"5e9f5e1a"},"/kr/community-319":{"__comp":"5e95c892","__context":{"plugin":"e0719818"}},"/kr/community-94d":{"__comp":"a7bd4aaa","__props":"e3c7cc72"},"/kr/community-3ef":{"__comp":"a94703ab"},"/kr/community-bde":{"__comp":"17896441","content":"a61c55ce"},"/kr/community/team-b02":{"__comp":"17896441","content":"7313bf7a"},"/kr/docs-f73":{"__comp":"5e95c892","__context":{"plugin":"aba21aa0"}},"/kr/docs-8e8":{"__comp":"a7bd4aaa","__props":"e325b37e"},"/kr/docs-44f":{"__comp":"a94703ab"},"/kr/docs-b47":{"__comp":"17896441","content":"55fbebd6"},"/kr/docs/about-8a7":{"__comp":"17896441","content":"c5666f39"},"/kr/docs/about/alternatives-90e":{"__comp":"17896441","content":"a386f730"},"/kr/docs/about/mission-399":{"__comp":"17896441","content":"480f28a3"},"/kr/docs/about/motivation-4d5":{"__comp":"17896441","content":"cb388a7b"},"/kr/docs/about/promote/for-company-2d4":{"__comp":"17896441","content":"c4d0faae"},"/kr/docs/about/promote/for-team-f46":{"__comp":"17896441","content":"8b5a42c3"},"/kr/docs/about/promote/integration-01f":{"__comp":"17896441","content":"6636c8dc"},"/kr/docs/about/promote/partial-application-517":{"__comp":"17896441","content":"664a648d"},"/kr/docs/about/understanding/abstractions-e3d":{"__comp":"17896441","content":"e1c0d304"},"/kr/docs/about/understanding/architecture-220":{"__comp":"17896441","content":"5187bed2"},"/kr/docs/about/understanding/knowledge-types-e94":{"__comp":"17896441","content":"e01c2047"},"/kr/docs/about/understanding/naming-70c":{"__comp":"17896441","content":"49161156"},"/kr/docs/about/understanding/needs-driven-878":{"__comp":"17896441","content":"2f764a0f"},"/kr/docs/about/understanding/signals-6e4":{"__comp":"17896441","content":"5bd61d3b"},"/kr/docs/branding-f08":{"__comp":"17896441","content":"9f1dcbb0"},"/kr/docs/get-started-245":{"__comp":"17896441","content":"7052487b"},"/kr/docs/get-started/cheatsheet-713":{"__comp":"17896441","content":"0499e362"},"/kr/docs/get-started/faq-10c":{"__comp":"17896441","content":"4498315b"},"/kr/docs/get-started/overview-b36":{"__comp":"17896441","content":"302360db"},"/kr/docs/get-started/tutorial-63d":{"__comp":"17896441","content":"2104cbf7"},"/kr/docs/guides-119":{"__comp":"17896441","content":"53f8e831"},"/kr/docs/guides/examples-1a8":{"__comp":"17896441","content":"d13cbfb8"},"/kr/docs/guides/examples/auth-b46":{"__comp":"17896441","content":"8b93e59a"},"/kr/docs/guides/examples/autocompleted-ee5":{"__comp":"17896441","content":"9b83d7f4"},"/kr/docs/guides/examples/browser-api-1e4":{"__comp":"17896441","content":"a1521a63"},"/kr/docs/guides/examples/cms-83a":{"__comp":"17896441","content":"fe129f8e"},"/kr/docs/guides/examples/feedback-206":{"__comp":"17896441","content":"d999437a"},"/kr/docs/guides/examples/i18n-321":{"__comp":"17896441","content":"ed3dcfcb"},"/kr/docs/guides/examples/metric-ff3":{"__comp":"17896441","content":"c0c6474c"},"/kr/docs/guides/examples/monorepo-d16":{"__comp":"17896441","content":"dfe5ecdf"},"/kr/docs/guides/examples/page-layout-c45":{"__comp":"17896441","content":"55b0769a"},"/kr/docs/guides/examples/platforms-beb":{"__comp":"17896441","content":"3121f8ae"},"/kr/docs/guides/examples/ssr-c37":{"__comp":"17896441","content":"87e5c187"},"/kr/docs/guides/examples/theme-b86":{"__comp":"17896441","content":"acaf5b8a"},"/kr/docs/guides/examples/types-9ce":{"__comp":"17896441","content":"66d3db7c"},"/kr/docs/guides/examples/white-labels-7ef":{"__comp":"17896441","content":"f2567325"},"/kr/docs/guides/issues/cross-imports-78a":{"__comp":"17896441","content":"8ce83ff6"},"/kr/docs/guides/issues/desegmented-d6a":{"__comp":"17896441","content":"5f7e5f34"},"/kr/docs/guides/issues/routes-714":{"__comp":"17896441","content":"e1003eab"},"/kr/docs/guides/migration/from-custom-a35":{"__comp":"17896441","content":"f2c174dc"},"/kr/docs/guides/migration/from-v1-384":{"__comp":"17896441","content":"8c1e6152"},"/kr/docs/guides/tech/with-nextjs-a2a":{"__comp":"17896441","content":"84a0dbae"},"/kr/docs/guides/tech/with-nuxtjs-a86":{"__comp":"17896441","content":"0a4ee302"},"/kr/docs/guides/tech/with-react-query-0ff":{"__comp":"17896441","content":"370f8845"},"/kr/docs/guides/tech/with-sveltekit-684":{"__comp":"17896441","content":"e6bf8eb6"},"/kr/docs/reference-096":{"__comp":"17896441","content":"3ef5053a"},"/kr/docs/reference/isolation-83c":{"__comp":"17896441","content":"7a790ed0"},"/kr/docs/reference/isolation/coupling-cohesion-2aa":{"__comp":"17896441","content":"488b6464"},"/kr/docs/reference/isolation/decouple-entities-230":{"__comp":"17896441","content":"590d98cc"},"/kr/docs/reference/layers-b70":{"__comp":"17896441","content":"40babe1d"},"/kr/docs/reference/public-api-1c2":{"__comp":"17896441","content":"3d2652fb"},"/kr/docs/reference/slices-segments-1be":{"__comp":"17896441","content":"350d1c3d"},"/kr/-7e7":{"__comp":"1df93b7f","__context":{"plugin":"a7456010"},"config":"5e9f5e1a"}}')}},e=>{e.O(0,[1869],(()=>{return t=3096,e(e.s=t);var t}));e.O()}]);
\ No newline at end of file
diff --git a/kr/assets/js/main.6d627ed0.js.LICENSE.txt b/kr/assets/js/main.ea09754c.js.LICENSE.txt
similarity index 100%
rename from kr/assets/js/main.6d627ed0.js.LICENSE.txt
rename to kr/assets/js/main.ea09754c.js.LICENSE.txt
diff --git a/kr/assets/js/runtime~main.747d66f0.js b/kr/assets/js/runtime~main.747d66f0.js
deleted file mode 100644
index e4534f254c..0000000000
--- a/kr/assets/js/runtime~main.747d66f0.js
+++ /dev/null
@@ -1 +0,0 @@
-(()=>{"use strict";var e,a,f,c,b,d={},t={};function r(e){var a=t[e];if(void 0!==a)return a.exports;var f=t[e]={id:e,loaded:!1,exports:{}};return d[e].call(f.exports,f,f.exports,r),f.loaded=!0,f.exports}r.m=d,r.c=t,e=[],r.O=(a,f,c,b)=>{if(!f){var d=1/0;for(i=0;i<e.length;i++){f=e[i][0],c=e[i][1],b=e[i][2];for(var t=!0,o=0;o<f.length;o++)(!1&b||d>=b)&&Object.keys(r.O).every((e=>r.O[e](f[o])))?f.splice(o--,1):(t=!1,b<d&&(d=b));if(t){e.splice(i--,1);var n=c();void 0!==n&&(a=n)}}return a}b=b||0;for(var i=e.length;i>0&&e[i-1][2]>b;i--)e[i]=e[i-1];e[i]=[f,c,b]},r.n=e=>{var a=e&&e.__esModule?()=>e.default:()=>e;return r.d(a,{a:a}),a},f=Object.getPrototypeOf?e=>Object.getPrototypeOf(e):e=>e.__proto__,r.t=function(e,c){if(1&c&&(e=this(e)),8&c)return e;if("object"==typeof e&&e){if(4&c&&e.__esModule)return e;if(16&c&&"function"==typeof e.then)return e}var b=Object.create(null);r.r(b);var d={};a=a||[null,f({}),f([]),f(f)];for(var t=2&c&&e;"object"==typeof t&&!~a.indexOf(t);t=f(t))Object.getOwnPropertyNames(t).forEach((a=>d[a]=()=>e[a]));return d.default=()=>e,r.d(b,d),b},r.d=(e,a)=>{for(var f in a)r.o(a,f)&&!r.o(e,f)&&Object.defineProperty(e,f,{enumerable:!0,get:a[f]})},r.f={},r.e=e=>Promise.all(Object.keys(r.f).reduce(((a,f)=>(r.f[f](e,a),a)),[])),r.u=e=>"assets/js/"+({25:"7313bf7a",106:"6636c8dc",192:"8b5a42c3",422:"25a0b29f",533:"ba8bb0f7",679:"e6bf8eb6",868:"b4c136e1",957:"c141421f",993:"ed3dcfcb",1235:"a7456010",1405:"e01c2047",1616:"8c1e6152",1903:"acecf23e",2138:"1a4e3797",2190:"bd1489a6",2285:"e898db75",2563:"f6bb872e",2711:"9e4087bc",2978:"53f8e831",2986:"c36cf2fd",3249:"ccc49370",3366:"5f7e5f34",4005:"0499e362",4043:"5187bed2",4472:"857ae1bf",4513:"3ef5053a",4581:"c0c6474c",4583:"1df93b7f",4704:"7052487b",4813:"6875c492",4861:"f2c174dc",5220:"e0719818",5244:"40babe1d",5484:"9b697d88",5535:"cb388a7b",5570:"d13cbfb8",5715:"c5666f39",5742:"aba21aa0",5746:"55fbebd6",5755:"c4d0faae",5936:"664a648d",5948:"4eeeda96",5977:"0a4ee302",6170:"acaf5b8a",6217:"fe129f8e",6369:"488b6464",6422:"7a790ed0",6684:"8ce83ff6",6726:"1943626f",6813:"8b93e59a",6865:"a386f730",6949:"dfe5ecdf",6956:"f6760343",7028:"49161156",7068:"66d3db7c",7091:"d999437a",7098:"a7bd4aaa",7472:"814f3328",7604:"590d98cc",7643:"a6aa9e1f",7660:"84a0dbae",7673:"90f695cb",7811:"3d2652fb",7951:"480f28a3",8039:"2f764a0f",8209:"01a85c17",8211:"f2567325",8340:"e747db33",8401:"17896441",8624:"e3c7cc72",8665:"e325b37e",8732:"9f1dcbb0",8754:"370f8845",8913:"87e5c187",8964:"a61c55ce",9048:"a94703ab",9064:"3121f8ae",9136:"e1003eab",9151:"302360db",9386:"55b0769a",9534:"f565db0c",9536:"5bd61d3b",9568:"9b83d7f4",9647:"5e95c892",9687:"a1521a63",9706:"350d1c3d",9788:"cd92b386",9858:"36994c47",9867:"e1c0d304"}[e]||e)+"."+{25:"258507e0",106:"d4b8e645",192:"c7c9739b",422:"41e9218a",533:"d326caca",679:"34f1ec06",868:"3939e03e",957:"ca3f2e5c",993:"1e543691",1235:"8c0700e7",1405:"ffc8dc25",1616:"f1e8a22b",1617:"50cc7ef9",1903:"342baa33",2138:"0c9f1607",2190:"0693f9be",2285:"6abf0285",2511:"965527ff",2563:"fe31f12e",2711:"8253d742",2978:"4310bad5",2986:"88c294de",3249:"19193401",3366:"bf18fcfc",3904:"f1010d4d",4005:"68be805a",4043:"4697bfb7",4342:"90670778",4472:"91a15148",4513:"4d47c108",4581:"08d7609f",4583:"92aa2ad2",4704:"f6b40a77",4813:"300f4959",4861:"5268bd91",5220:"db5d6b94",5244:"993ee577",5484:"16f2b59d",5535:"b797e95e",5570:"7862b397",5715:"fadc5cd1",5742:"3bb3f2a5",5746:"31a244cb",5755:"cd5fde3a",5936:"08c8f551",5948:"663f9da8",5977:"c524f746",6170:"7fa61525",6217:"cdebf93b",6369:"76d1cae8",6422:"37af84b3",6684:"a857b6a8",6726:"0930af4b",6813:"e66aa81a",6865:"0baee023",6949:"bf0d525a",6956:"9320fb6d",7028:"936aa929",7068:"75692bdf",7091:"91687529",7098:"b7517e69",7472:"5f54ebb5",7603:"86ea2b4a",7604:"987eb95b",7643:"302c6647",7660:"e3d9c822",7673:"f1ea0e2d",7811:"1887bded",7951:"abe81105",8039:"1c0d6422",8209:"04439e0c",8211:"f121079d",8340:"6aab36e9",8401:"c275fb66",8492:"8f83b238",8570:"eb11179c",8624:"cd66bdaa",8665:"feb952fc",8732:"d3f7b5f6",8754:"7f658ba2",8913:"6b6236af",8964:"beb260c3",9019:"a35288c0",9048:"73d6d9fb",9064:"6fd0c861",9136:"3bb0ff00",9151:"9919ad0e",9386:"a79305c3",9534:"308ae3a0",9536:"2d1ab5ab",9553:"77ed74a8",9562:"a9eb2898",9568:"63476ef2",9647:"15322503",9687:"a720c8db",9706:"98412e78",9788:"a18f8244",9820:"5e09da4f",9858:"842583d7",9867:"cd698f00"}[e]+".js",r.miniCssF=e=>{},r.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(e){if("object"==typeof window)return window}}(),r.o=(e,a)=>Object.prototype.hasOwnProperty.call(e,a),c={},b="@feature-sliced/documentation:",r.l=(e,a,f,d)=>{if(c[e])c[e].push(a);else{var t,o;if(void 0!==f)for(var n=document.getElementsByTagName("script"),i=0;i<n.length;i++){var u=n[i];if(u.getAttribute("src")==e||u.getAttribute("data-webpack")==b+f){t=u;break}}t||(o=!0,(t=document.createElement("script")).charset="utf-8",t.timeout=120,r.nc&&t.setAttribute("nonce",r.nc),t.setAttribute("data-webpack",b+f),t.src=e),c[e]=[a];var l=(a,f)=>{t.onerror=t.onload=null,clearTimeout(s);var b=c[e];if(delete c[e],t.parentNode&&t.parentNode.removeChild(t),b&&b.forEach((e=>e(f))),a)return a(f)},s=setTimeout(l.bind(null,void 0,{type:"timeout",target:t}),12e4);t.onerror=l.bind(null,t.onerror),t.onload=l.bind(null,t.onload),o&&document.head.appendChild(t)}},r.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},r.p="/kr/",r.gca=function(e){return e={17896441:"8401",49161156:"7028","7313bf7a":"25","6636c8dc":"106","8b5a42c3":"192","25a0b29f":"422",ba8bb0f7:"533",e6bf8eb6:"679",b4c136e1:"868",c141421f:"957",ed3dcfcb:"993",a7456010:"1235",e01c2047:"1405","8c1e6152":"1616",acecf23e:"1903","1a4e3797":"2138",bd1489a6:"2190",e898db75:"2285",f6bb872e:"2563","9e4087bc":"2711","53f8e831":"2978",c36cf2fd:"2986",ccc49370:"3249","5f7e5f34":"3366","0499e362":"4005","5187bed2":"4043","857ae1bf":"4472","3ef5053a":"4513",c0c6474c:"4581","1df93b7f":"4583","7052487b":"4704","6875c492":"4813",f2c174dc:"4861",e0719818:"5220","40babe1d":"5244","9b697d88":"5484",cb388a7b:"5535",d13cbfb8:"5570",c5666f39:"5715",aba21aa0:"5742","55fbebd6":"5746",c4d0faae:"5755","664a648d":"5936","4eeeda96":"5948","0a4ee302":"5977",acaf5b8a:"6170",fe129f8e:"6217","488b6464":"6369","7a790ed0":"6422","8ce83ff6":"6684","1943626f":"6726","8b93e59a":"6813",a386f730:"6865",dfe5ecdf:"6949",f6760343:"6956","66d3db7c":"7068",d999437a:"7091",a7bd4aaa:"7098","814f3328":"7472","590d98cc":"7604",a6aa9e1f:"7643","84a0dbae":"7660","90f695cb":"7673","3d2652fb":"7811","480f28a3":"7951","2f764a0f":"8039","01a85c17":"8209",f2567325:"8211",e747db33:"8340",e3c7cc72:"8624",e325b37e:"8665","9f1dcbb0":"8732","370f8845":"8754","87e5c187":"8913",a61c55ce:"8964",a94703ab:"9048","3121f8ae":"9064",e1003eab:"9136","302360db":"9151","55b0769a":"9386",f565db0c:"9534","5bd61d3b":"9536","9b83d7f4":"9568","5e95c892":"9647",a1521a63:"9687","350d1c3d":"9706",cd92b386:"9788","36994c47":"9858",e1c0d304:"9867"}[e]||e,r.p+r.u(e)},(()=>{var e={5354:0,1869:0};r.f.j=(a,f)=>{var c=r.o(e,a)?e[a]:void 0;if(0!==c)if(c)f.push(c[2]);else if(/^(1869|5354)$/.test(a))e[a]=0;else{var b=new Promise(((f,b)=>c=e[a]=[f,b]));f.push(c[2]=b);var d=r.p+r.u(a),t=new Error;r.l(d,(f=>{if(r.o(e,a)&&(0!==(c=e[a])&&(e[a]=void 0),c)){var b=f&&("load"===f.type?"missing":f.type),d=f&&f.target&&f.target.src;t.message="Loading chunk "+a+" failed.\n("+b+": "+d+")",t.name="ChunkLoadError",t.type=b,t.request=d,c[1](t)}}),"chunk-"+a,a)}},r.O.j=a=>0===e[a];var a=(a,f)=>{var c,b,d=f[0],t=f[1],o=f[2],n=0;if(d.some((a=>0!==e[a]))){for(c in t)r.o(t,c)&&(r.m[c]=t[c]);if(o)var i=o(r)}for(a&&a(f);n<d.length;n++)b=d[n],r.o(e,b)&&e[b]&&e[b][0](),e[b]=0;return r.O(i)},f=self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[];f.forEach(a.bind(null,0)),f.push=a.bind(null,f.push.bind(f))})()})();
\ No newline at end of file
diff --git a/kr/assets/js/runtime~main.c4f81ee2.js b/kr/assets/js/runtime~main.c4f81ee2.js
new file mode 100644
index 0000000000..e90556272c
--- /dev/null
+++ b/kr/assets/js/runtime~main.c4f81ee2.js
@@ -0,0 +1 @@
+(()=>{"use strict";var e,a,c,f,b,d={},t={};function r(e){var a=t[e];if(void 0!==a)return a.exports;var c=t[e]={id:e,loaded:!1,exports:{}};return d[e].call(c.exports,c,c.exports,r),c.loaded=!0,c.exports}r.m=d,r.c=t,e=[],r.O=(a,c,f,b)=>{if(!c){var d=1/0;for(i=0;i<e.length;i++){c=e[i][0],f=e[i][1],b=e[i][2];for(var t=!0,o=0;o<c.length;o++)(!1&b||d>=b)&&Object.keys(r.O).every((e=>r.O[e](c[o])))?c.splice(o--,1):(t=!1,b<d&&(d=b));if(t){e.splice(i--,1);var n=f();void 0!==n&&(a=n)}}return a}b=b||0;for(var i=e.length;i>0&&e[i-1][2]>b;i--)e[i]=e[i-1];e[i]=[c,f,b]},r.n=e=>{var a=e&&e.__esModule?()=>e.default:()=>e;return r.d(a,{a:a}),a},c=Object.getPrototypeOf?e=>Object.getPrototypeOf(e):e=>e.__proto__,r.t=function(e,f){if(1&f&&(e=this(e)),8&f)return e;if("object"==typeof e&&e){if(4&f&&e.__esModule)return e;if(16&f&&"function"==typeof e.then)return e}var b=Object.create(null);r.r(b);var d={};a=a||[null,c({}),c([]),c(c)];for(var t=2&f&&e;"object"==typeof t&&!~a.indexOf(t);t=c(t))Object.getOwnPropertyNames(t).forEach((a=>d[a]=()=>e[a]));return d.default=()=>e,r.d(b,d),b},r.d=(e,a)=>{for(var c in a)r.o(a,c)&&!r.o(e,c)&&Object.defineProperty(e,c,{enumerable:!0,get:a[c]})},r.f={},r.e=e=>Promise.all(Object.keys(r.f).reduce(((a,c)=>(r.f[c](e,a),a)),[])),r.u=e=>"assets/js/"+({25:"7313bf7a",106:"6636c8dc",192:"8b5a42c3",422:"25a0b29f",679:"e6bf8eb6",868:"b4c136e1",957:"c141421f",993:"ed3dcfcb",1235:"a7456010",1405:"e01c2047",1616:"8c1e6152",1903:"acecf23e",2138:"1a4e3797",2190:"bd1489a6",2285:"e898db75",2563:"f6bb872e",2711:"9e4087bc",2978:"53f8e831",2986:"c36cf2fd",3249:"ccc49370",3366:"5f7e5f34",4005:"0499e362",4043:"5187bed2",4513:"3ef5053a",4581:"c0c6474c",4583:"1df93b7f",4704:"7052487b",4813:"6875c492",4861:"f2c174dc",5220:"e0719818",5244:"40babe1d",5484:"9b697d88",5535:"cb388a7b",5570:"d13cbfb8",5715:"c5666f39",5742:"aba21aa0",5746:"55fbebd6",5755:"c4d0faae",5936:"664a648d",5948:"4eeeda96",5977:"0a4ee302",6170:"acaf5b8a",6217:"fe129f8e",6369:"488b6464",6422:"7a790ed0",6684:"8ce83ff6",6726:"1943626f",6813:"8b93e59a",6865:"a386f730",6949:"dfe5ecdf",6956:"f6760343",7028:"49161156",7068:"66d3db7c",7091:"d999437a",7098:"a7bd4aaa",7472:"814f3328",7604:"590d98cc",7643:"a6aa9e1f",7660:"84a0dbae",7673:"90f695cb",7811:"3d2652fb",7951:"480f28a3",8039:"2f764a0f",8209:"01a85c17",8211:"f2567325",8340:"e747db33",8401:"17896441",8624:"e3c7cc72",8665:"e325b37e",8732:"9f1dcbb0",8754:"370f8845",8850:"2104cbf7",8913:"87e5c187",8964:"a61c55ce",9048:"a94703ab",9064:"3121f8ae",9136:"e1003eab",9151:"302360db",9386:"55b0769a",9457:"4498315b",9534:"f565db0c",9536:"5bd61d3b",9568:"9b83d7f4",9647:"5e95c892",9687:"a1521a63",9706:"350d1c3d",9788:"cd92b386",9858:"36994c47",9867:"e1c0d304"}[e]||e)+"."+{25:"90312f91",106:"f9c7a26a",192:"f51bfec3",422:"41e9218a",679:"47148bb6",868:"3939e03e",957:"ca3f2e5c",993:"aa196250",1235:"8c0700e7",1405:"a85c5b5b",1616:"f6e12db3",1617:"50cc7ef9",1903:"342baa33",2138:"0c9f1607",2190:"0693f9be",2285:"6abf0285",2511:"965527ff",2563:"fe31f12e",2711:"8253d742",2978:"a05205ed",2986:"88c294de",3249:"19193401",3366:"06150c91",3904:"f1010d4d",4005:"163bbdd5",4043:"01d06184",4342:"90670778",4513:"6be47c71",4581:"4a9a7641",4583:"92aa2ad2",4704:"f7b6b691",4813:"300f4959",4861:"aeff108a",5220:"db5d6b94",5244:"dbfa43b5",5484:"16f2b59d",5535:"f71f6902",5570:"97e3bb8d",5715:"8ccb6d94",5742:"3bb3f2a5",5746:"2b9be27f",5755:"2f8fbe53",5936:"fbf8157e",5948:"663f9da8",5977:"a425794b",6170:"c84d69a3",6217:"906c651e",6369:"77d81216",6422:"d61bf617",6684:"ca059c34",6726:"0930af4b",6813:"af1810d8",6865:"309b585d",6949:"926d0ad6",6956:"9320fb6d",7028:"4043620d",7068:"597a0c93",7091:"0fbe7e3d",7098:"b7517e69",7472:"5f54ebb5",7603:"86ea2b4a",7604:"81125e8c",7643:"302c6647",7660:"d07d3836",7673:"f1ea0e2d",7811:"970eff8d",7951:"5865169c",8039:"3c8a626c",8209:"04439e0c",8211:"a1cf8d43",8340:"6aab36e9",8401:"c275fb66",8492:"8f83b238",8570:"eb11179c",8624:"cd66bdaa",8665:"fa3acbe3",8732:"9a05b37a",8754:"0856ea0a",8850:"c39707b8",8913:"7f2c5811",8964:"6debd31c",9019:"a35288c0",9048:"73d6d9fb",9064:"be07d895",9136:"81da9868",9151:"5fbe1185",9386:"f90d99cb",9457:"245b192e",9534:"308ae3a0",9536:"bea111aa",9553:"77ed74a8",9562:"a9eb2898",9568:"13d292d7",9647:"15322503",9687:"e4c3c87f",9706:"ba24b719",9788:"a18f8244",9820:"5e09da4f",9858:"842583d7",9867:"c2b4ef10"}[e]+".js",r.miniCssF=e=>{},r.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(e){if("object"==typeof window)return window}}(),r.o=(e,a)=>Object.prototype.hasOwnProperty.call(e,a),f={},b="@feature-sliced/documentation:",r.l=(e,a,c,d)=>{if(f[e])f[e].push(a);else{var t,o;if(void 0!==c)for(var n=document.getElementsByTagName("script"),i=0;i<n.length;i++){var u=n[i];if(u.getAttribute("src")==e||u.getAttribute("data-webpack")==b+c){t=u;break}}t||(o=!0,(t=document.createElement("script")).charset="utf-8",t.timeout=120,r.nc&&t.setAttribute("nonce",r.nc),t.setAttribute("data-webpack",b+c),t.src=e),f[e]=[a];var l=(a,c)=>{t.onerror=t.onload=null,clearTimeout(s);var b=f[e];if(delete f[e],t.parentNode&&t.parentNode.removeChild(t),b&&b.forEach((e=>e(c))),a)return a(c)},s=setTimeout(l.bind(null,void 0,{type:"timeout",target:t}),12e4);t.onerror=l.bind(null,t.onerror),t.onload=l.bind(null,t.onload),o&&document.head.appendChild(t)}},r.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},r.p="/kr/",r.gca=function(e){return e={17896441:"8401",49161156:"7028","7313bf7a":"25","6636c8dc":"106","8b5a42c3":"192","25a0b29f":"422",e6bf8eb6:"679",b4c136e1:"868",c141421f:"957",ed3dcfcb:"993",a7456010:"1235",e01c2047:"1405","8c1e6152":"1616",acecf23e:"1903","1a4e3797":"2138",bd1489a6:"2190",e898db75:"2285",f6bb872e:"2563","9e4087bc":"2711","53f8e831":"2978",c36cf2fd:"2986",ccc49370:"3249","5f7e5f34":"3366","0499e362":"4005","5187bed2":"4043","3ef5053a":"4513",c0c6474c:"4581","1df93b7f":"4583","7052487b":"4704","6875c492":"4813",f2c174dc:"4861",e0719818:"5220","40babe1d":"5244","9b697d88":"5484",cb388a7b:"5535",d13cbfb8:"5570",c5666f39:"5715",aba21aa0:"5742","55fbebd6":"5746",c4d0faae:"5755","664a648d":"5936","4eeeda96":"5948","0a4ee302":"5977",acaf5b8a:"6170",fe129f8e:"6217","488b6464":"6369","7a790ed0":"6422","8ce83ff6":"6684","1943626f":"6726","8b93e59a":"6813",a386f730:"6865",dfe5ecdf:"6949",f6760343:"6956","66d3db7c":"7068",d999437a:"7091",a7bd4aaa:"7098","814f3328":"7472","590d98cc":"7604",a6aa9e1f:"7643","84a0dbae":"7660","90f695cb":"7673","3d2652fb":"7811","480f28a3":"7951","2f764a0f":"8039","01a85c17":"8209",f2567325:"8211",e747db33:"8340",e3c7cc72:"8624",e325b37e:"8665","9f1dcbb0":"8732","370f8845":"8754","2104cbf7":"8850","87e5c187":"8913",a61c55ce:"8964",a94703ab:"9048","3121f8ae":"9064",e1003eab:"9136","302360db":"9151","55b0769a":"9386","4498315b":"9457",f565db0c:"9534","5bd61d3b":"9536","9b83d7f4":"9568","5e95c892":"9647",a1521a63:"9687","350d1c3d":"9706",cd92b386:"9788","36994c47":"9858",e1c0d304:"9867"}[e]||e,r.p+r.u(e)},(()=>{var e={5354:0,1869:0};r.f.j=(a,c)=>{var f=r.o(e,a)?e[a]:void 0;if(0!==f)if(f)c.push(f[2]);else if(/^(1869|5354)$/.test(a))e[a]=0;else{var b=new Promise(((c,b)=>f=e[a]=[c,b]));c.push(f[2]=b);var d=r.p+r.u(a),t=new Error;r.l(d,(c=>{if(r.o(e,a)&&(0!==(f=e[a])&&(e[a]=void 0),f)){var b=c&&("load"===c.type?"missing":c.type),d=c&&c.target&&c.target.src;t.message="Loading chunk "+a+" failed.\n("+b+": "+d+")",t.name="ChunkLoadError",t.type=b,t.request=d,f[1](t)}}),"chunk-"+a,a)}},r.O.j=a=>0===e[a];var a=(a,c)=>{var f,b,d=c[0],t=c[1],o=c[2],n=0;if(d.some((a=>0!==e[a]))){for(f in t)r.o(t,f)&&(r.m[f]=t[f]);if(o)var i=o(r)}for(a&&a(c);n<d.length;n++)b=d[n],r.o(e,b)&&e[b]&&e[b][0](),e[b]=0;return r.O(i)},c=self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[];c.forEach(a.bind(null,0)),c.push=a.bind(null,c.push.bind(c))})()})();
\ No newline at end of file
diff --git a/kr/blog.html b/kr/blog.html
index 48d1a8259c..3f5276e557 100644
--- a/kr/blog.html
+++ b/kr/blog.html
@@ -9,8 +9,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/kr/opensearch.xml"><link rel="stylesheet" href="/kr/assets/css/styles.554655a0.css">
-<script src="/kr/assets/js/runtime~main.747d66f0.js" defer="defer"></script>
-<script src="/kr/assets/js/main.6d627ed0.js" defer="defer"></script>
+<script src="/kr/assets/js/runtime~main.c4f81ee2.js" defer="defer"></script>
+<script src="/kr/assets/js/main.ea09754c.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/kr/"><div class="navbar__logo"><img src="/kr/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/kr/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a class="navbar__item navbar__link" href="/kr/docs">📖 Docs</a><a class="navbar__item navbar__link" href="/kr/community">💫 Community</a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/kr/blog">📝 Blog</a><a class="navbar__item navbar__link" href="/kr/examples">🛠 Examples</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/kr/docs">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a class="dropdown__link" href="/kr/docs">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/kr/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>한국어</a><ul class="dropdown__menu"><li><a href="/ru/blog" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ru">Русский</a></li><li><a href="/blog" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/uz/blog" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/blog" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="kr">한국어</a></li><li><a href="/ja/blog" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_erB7 thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_wsXF margin-bottom--md">Recent posts</div><div role="group"><h3 class="yearGroupHeading_F6cS">2022</h3><ul class="sidebarItemList_k2Wo clean-list"><li class="sidebarItem_wRf2"><a class="sidebarItemLink_Mezy" href="/kr/blog/international-community">🌎 FSD international community</a></li><li class="sidebarItem_wRf2"><a class="sidebarItemLink_Mezy" href="/kr/blog/rebranding-stable">💥 FSD rebranding!</a></li></ul></div></nav></aside><main class="col col--7"><article class="margin-bottom--xl"><header><h2 class="title_YWGh"><a href="/kr/blog/international-community">🌎 FSD international community</a></h2><div class="container_TmwD margin-vert--md"><time datetime="2022-07-25T00:00:00.000Z">July 25, 2022</time> · <!-- -->2 min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--12 authorCol_jNa_"><div class="avatar margin-bottom--sm"><a href="https://github.com/unordinarity" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo authorImage_RWa9" src="https://github.com/unordinarity.png" alt="Anton Medvedev"></a><div class="avatar__intro authorDetails_x3i5"><div class="avatar__name"><a href="https://github.com/unordinarity" target="_blank" rel="noopener noreferrer"><span class="authorName_yyrl">Anton Medvedev</span></a></div><small class="authorTitle_qOEn" title="FSD core-team member">FSD core-team member</small><div class="authorSocials_SxLb"></div></div></div></div></div></header><div class="markdown"><div class="container text--center margin-vert--md"><img src="/img/blog/international-community.png" alt="post-cover" width="100%"></div>
diff --git a/kr/blog/archive.html b/kr/blog/archive.html
index 989daebd74..c7ea86acde 100644
--- a/kr/blog/archive.html
+++ b/kr/blog/archive.html
@@ -9,8 +9,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/kr/opensearch.xml"><link rel="stylesheet" href="/kr/assets/css/styles.554655a0.css">
-<script src="/kr/assets/js/runtime~main.747d66f0.js" defer="defer"></script>
-<script src="/kr/assets/js/main.6d627ed0.js" defer="defer"></script>
+<script src="/kr/assets/js/runtime~main.c4f81ee2.js" defer="defer"></script>
+<script src="/kr/assets/js/main.ea09754c.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/kr/"><div class="navbar__logo"><img src="/kr/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/kr/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a class="navbar__item navbar__link" href="/kr/docs">📖 Docs</a><a class="navbar__item navbar__link" href="/kr/community">💫 Community</a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/kr/blog">📝 Blog</a><a class="navbar__item navbar__link" href="/kr/examples">🛠 Examples</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/kr/docs">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a class="dropdown__link" href="/kr/docs">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/kr/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>한국어</a><ul class="dropdown__menu"><li><a href="/ru/blog/archive" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ru">Русский</a></li><li><a href="/blog/archive" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/uz/blog/archive" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/blog/archive" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="kr">한국어</a></li><li><a href="/ja/blog/archive" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><header class="hero hero--primary"><div class="container"><h1 class="hero__title">Archive</h1><p class="hero__subtitle">Archive</p></div></header><main><section class="margin-vert--lg"><div class="container"><div class="row"><div class="col col--4 margin-vert--lg"><h3 class="anchor anchorWithStickyNavbar_QzlE" id="2022">2022<a href="#2022" class="hash-link" aria-label="Direct link to heading" title="Direct link to heading">​</a></h3><ul><li><a href="/kr/blog/rebranding-stable">June 4<!-- --> - <!-- -->💥 FSD rebranding!</a></li><li><a href="/kr/blog/international-community">July 25<!-- --> - <!-- -->🌎 FSD international community</a></li></ul></div></div></div></section></main></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Specs</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/kr/docs">Documentation</a></li><li class="footer__item"><a class="footer__link-item" href="/kr/community">Community</a></li><li class="footer__item"><a class="footer__link-item" href="/kr/nav">Help</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">License<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/kr/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/kr/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2024  Feature-Sliced Design</div></div></div></footer></div>
diff --git a/kr/blog/international-community.html b/kr/blog/international-community.html
index cb87c9ed3e..6d7ff35d16 100644
--- a/kr/blog/international-community.html
+++ b/kr/blog/international-community.html
@@ -9,8 +9,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/kr/opensearch.xml"><link rel="stylesheet" href="/kr/assets/css/styles.554655a0.css">
-<script src="/kr/assets/js/runtime~main.747d66f0.js" defer="defer"></script>
-<script src="/kr/assets/js/main.6d627ed0.js" defer="defer"></script>
+<script src="/kr/assets/js/runtime~main.c4f81ee2.js" defer="defer"></script>
+<script src="/kr/assets/js/main.ea09754c.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/kr/"><div class="navbar__logo"><img src="/kr/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/kr/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a class="navbar__item navbar__link" href="/kr/docs">📖 Docs</a><a class="navbar__item navbar__link" href="/kr/community">💫 Community</a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/kr/blog">📝 Blog</a><a class="navbar__item navbar__link" href="/kr/examples">🛠 Examples</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/kr/docs">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a class="dropdown__link" href="/kr/docs">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/kr/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>한국어</a><ul class="dropdown__menu"><li><a href="/ru/blog/international-community" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ru">Русский</a></li><li><a href="/blog/international-community" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/uz/blog/international-community" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/blog/international-community" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="kr">한국어</a></li><li><a href="/ja/blog/international-community" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_erB7 thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_wsXF margin-bottom--md">Recent posts</div><div role="group"><h3 class="yearGroupHeading_F6cS">2022</h3><ul class="sidebarItemList_k2Wo clean-list"><li class="sidebarItem_wRf2"><a aria-current="page" class="sidebarItemLink_Mezy sidebarItemLinkActive_QL4I" href="/kr/blog/international-community">🌎 FSD international community</a></li><li class="sidebarItem_wRf2"><a class="sidebarItemLink_Mezy" href="/kr/blog/rebranding-stable">💥 FSD rebranding!</a></li></ul></div></nav></aside><main class="col col--7"><article><header><h1 class="title_YWGh">🌎 FSD international community</h1><div class="container_TmwD margin-vert--md"><time datetime="2022-07-25T00:00:00.000Z">July 25, 2022</time> · <!-- -->2 min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--12 authorCol_jNa_"><div class="avatar margin-bottom--sm"><a href="https://github.com/unordinarity" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo authorImage_RWa9" src="https://github.com/unordinarity.png" alt="Anton Medvedev"></a><div class="avatar__intro authorDetails_x3i5"><div class="avatar__name"><a href="https://github.com/unordinarity" target="_blank" rel="noopener noreferrer"><span class="authorName_yyrl">Anton Medvedev</span></a></div><small class="authorTitle_qOEn" title="FSD core-team member">FSD core-team member</small><div class="authorSocials_SxLb"></div></div></div></div></div></header><div id="__blog-post-container" class="markdown"><div class="container text--center margin-vert--md"><img src="/img/blog/international-community.png" alt="post-cover" width="100%"></div>
diff --git a/kr/blog/rebranding-stable.html b/kr/blog/rebranding-stable.html
index eb9c18129b..6f8a6ccb67 100644
--- a/kr/blog/rebranding-stable.html
+++ b/kr/blog/rebranding-stable.html
@@ -9,8 +9,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/kr/opensearch.xml"><link rel="stylesheet" href="/kr/assets/css/styles.554655a0.css">
-<script src="/kr/assets/js/runtime~main.747d66f0.js" defer="defer"></script>
-<script src="/kr/assets/js/main.6d627ed0.js" defer="defer"></script>
+<script src="/kr/assets/js/runtime~main.c4f81ee2.js" defer="defer"></script>
+<script src="/kr/assets/js/main.ea09754c.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/kr/"><div class="navbar__logo"><img src="/kr/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/kr/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a class="navbar__item navbar__link" href="/kr/docs">📖 Docs</a><a class="navbar__item navbar__link" href="/kr/community">💫 Community</a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/kr/blog">📝 Blog</a><a class="navbar__item navbar__link" href="/kr/examples">🛠 Examples</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/kr/docs">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a class="dropdown__link" href="/kr/docs">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/kr/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>한국어</a><ul class="dropdown__menu"><li><a href="/ru/blog/rebranding-stable" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ru">Русский</a></li><li><a href="/blog/rebranding-stable" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/uz/blog/rebranding-stable" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/blog/rebranding-stable" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="kr">한국어</a></li><li><a href="/ja/blog/rebranding-stable" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_erB7 thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_wsXF margin-bottom--md">Recent posts</div><div role="group"><h3 class="yearGroupHeading_F6cS">2022</h3><ul class="sidebarItemList_k2Wo clean-list"><li class="sidebarItem_wRf2"><a class="sidebarItemLink_Mezy" href="/kr/blog/international-community">🌎 FSD international community</a></li><li class="sidebarItem_wRf2"><a aria-current="page" class="sidebarItemLink_Mezy sidebarItemLinkActive_QL4I" href="/kr/blog/rebranding-stable">💥 FSD rebranding!</a></li></ul></div></nav></aside><main class="col col--7"><article><header><h1 class="title_YWGh">💥 FSD rebranding!</h1><div class="container_TmwD margin-vert--md"><time datetime="2022-06-04T00:00:00.000Z">June 4, 2022</time> · <!-- -->2 min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--12 authorCol_jNa_"><div class="avatar margin-bottom--sm"><a href="https://github.com/azinit" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo authorImage_RWa9" src="https://github.com/azinit.png" alt="Ilya Azin"></a><div class="avatar__intro authorDetails_x3i5"><div class="avatar__name"><a href="https://github.com/azinit" target="_blank" rel="noopener noreferrer"><span class="authorName_yyrl">Ilya Azin</span></a></div><small class="authorTitle_qOEn" title="FSD core-team member">FSD core-team member</small><div class="authorSocials_SxLb"></div></div></div></div></div></header><div id="__blog-post-container" class="markdown"><div class="container text--center margin-vert--md"><img src="/img/blog/rebranding-stable.png" alt="logo-primary" width="100%"></div>
diff --git a/kr/blog/tags.html b/kr/blog/tags.html
index 9dbfacba8f..52b2739d47 100644
--- a/kr/blog/tags.html
+++ b/kr/blog/tags.html
@@ -9,8 +9,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/kr/opensearch.xml"><link rel="stylesheet" href="/kr/assets/css/styles.554655a0.css">
-<script src="/kr/assets/js/runtime~main.747d66f0.js" defer="defer"></script>
-<script src="/kr/assets/js/main.6d627ed0.js" defer="defer"></script>
+<script src="/kr/assets/js/runtime~main.c4f81ee2.js" defer="defer"></script>
+<script src="/kr/assets/js/main.ea09754c.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/kr/"><div class="navbar__logo"><img src="/kr/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/kr/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a class="navbar__item navbar__link" href="/kr/docs">📖 Docs</a><a class="navbar__item navbar__link" href="/kr/community">💫 Community</a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/kr/blog">📝 Blog</a><a class="navbar__item navbar__link" href="/kr/examples">🛠 Examples</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/kr/docs">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a class="dropdown__link" href="/kr/docs">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/kr/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>한국어</a><ul class="dropdown__menu"><li><a href="/ru/blog/tags" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ru">Русский</a></li><li><a href="/blog/tags" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/uz/blog/tags" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/blog/tags" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="kr">한국어</a></li><li><a href="/ja/blog/tags" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_erB7 thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_wsXF margin-bottom--md">Recent posts</div><div role="group"><h3 class="yearGroupHeading_F6cS">2022</h3><ul class="sidebarItemList_k2Wo clean-list"><li class="sidebarItem_wRf2"><a class="sidebarItemLink_Mezy" href="/kr/blog/international-community">🌎 FSD international community</a></li><li class="sidebarItem_wRf2"><a class="sidebarItemLink_Mezy" href="/kr/blog/rebranding-stable">💥 FSD rebranding!</a></li></ul></div></nav></aside><main class="col col--7"><h1>Tags</h1><section class="margin-vert--lg"><article><h2 class="anchor anchorWithStickyNavbar_QzlE" id="B">B<a href="#B" class="hash-link" aria-label="Direct link to heading" title="Direct link to heading">​</a></h2><ul class="padding--none"><li class="tag_KOYL"><a class="tag_mklG tagWithCount__yvt" href="/kr/blog/tags/brand">brand<span>1</span></a></li></ul><hr></article><article><h2 class="anchor anchorWithStickyNavbar_QzlE" id="C">C<a href="#C" class="hash-link" aria-label="Direct link to heading" title="Direct link to heading">​</a></h2><ul class="padding--none"><li class="tag_KOYL"><a class="tag_mklG tagWithCount__yvt" href="/kr/blog/tags/community">community<span>1</span></a></li></ul><hr></article><article><h2 class="anchor anchorWithStickyNavbar_QzlE" id="D">D<a href="#D" class="hash-link" aria-label="Direct link to heading" title="Direct link to heading">​</a></h2><ul class="padding--none"><li class="tag_KOYL"><a class="tag_mklG tagWithCount__yvt" href="/kr/blog/tags/discord">discord<span>1</span></a></li></ul><hr></article><article><h2 class="anchor anchorWithStickyNavbar_QzlE" id="P">P<a href="#P" class="hash-link" aria-label="Direct link to heading" title="Direct link to heading">​</a></h2><ul class="padding--none"><li class="tag_KOYL"><a class="tag_mklG tagWithCount__yvt" href="/kr/blog/tags/promo">promo<span>2</span></a></li></ul><hr></article></section></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Specs</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/kr/docs">Documentation</a></li><li class="footer__item"><a class="footer__link-item" href="/kr/community">Community</a></li><li class="footer__item"><a class="footer__link-item" href="/kr/nav">Help</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">License<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/kr/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/kr/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2024  Feature-Sliced Design</div></div></div></footer></div>
diff --git a/kr/blog/tags/brand.html b/kr/blog/tags/brand.html
index 3566792a77..0f7b5d6ab4 100644
--- a/kr/blog/tags/brand.html
+++ b/kr/blog/tags/brand.html
@@ -9,8 +9,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/kr/opensearch.xml"><link rel="stylesheet" href="/kr/assets/css/styles.554655a0.css">
-<script src="/kr/assets/js/runtime~main.747d66f0.js" defer="defer"></script>
-<script src="/kr/assets/js/main.6d627ed0.js" defer="defer"></script>
+<script src="/kr/assets/js/runtime~main.c4f81ee2.js" defer="defer"></script>
+<script src="/kr/assets/js/main.ea09754c.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/kr/"><div class="navbar__logo"><img src="/kr/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/kr/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a class="navbar__item navbar__link" href="/kr/docs">📖 Docs</a><a class="navbar__item navbar__link" href="/kr/community">💫 Community</a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/kr/blog">📝 Blog</a><a class="navbar__item navbar__link" href="/kr/examples">🛠 Examples</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/kr/docs">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a class="dropdown__link" href="/kr/docs">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/kr/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>한국어</a><ul class="dropdown__menu"><li><a href="/ru/blog/tags/brand" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ru">Русский</a></li><li><a href="/blog/tags/brand" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/uz/blog/tags/brand" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/blog/tags/brand" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="kr">한국어</a></li><li><a href="/ja/blog/tags/brand" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_erB7 thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_wsXF margin-bottom--md">Recent posts</div><div role="group"><h3 class="yearGroupHeading_F6cS">2022</h3><ul class="sidebarItemList_k2Wo clean-list"><li class="sidebarItem_wRf2"><a class="sidebarItemLink_Mezy" href="/kr/blog/international-community">🌎 FSD international community</a></li><li class="sidebarItem_wRf2"><a class="sidebarItemLink_Mezy" href="/kr/blog/rebranding-stable">💥 FSD rebranding!</a></li></ul></div></nav></aside><main class="col col--7"><header class="margin-bottom--xl"><h1>One post tagged with &quot;brand&quot;</h1><a href="/kr/blog/tags">View All Tags</a></header><article class="margin-bottom--xl"><header><h2 class="title_YWGh"><a href="/kr/blog/rebranding-stable">💥 FSD rebranding!</a></h2><div class="container_TmwD margin-vert--md"><time datetime="2022-06-04T00:00:00.000Z">June 4, 2022</time> · <!-- -->2 min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--12 authorCol_jNa_"><div class="avatar margin-bottom--sm"><a href="https://github.com/azinit" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo authorImage_RWa9" src="https://github.com/azinit.png" alt="Ilya Azin"></a><div class="avatar__intro authorDetails_x3i5"><div class="avatar__name"><a href="https://github.com/azinit" target="_blank" rel="noopener noreferrer"><span class="authorName_yyrl">Ilya Azin</span></a></div><small class="authorTitle_qOEn" title="FSD core-team member">FSD core-team member</small><div class="authorSocials_SxLb"></div></div></div></div></div></header><div class="markdown"><div class="container text--center margin-vert--md"><img src="/img/blog/rebranding-stable.png" alt="logo-primary" width="100%"></div>
diff --git a/kr/blog/tags/community.html b/kr/blog/tags/community.html
index 69fa3ea320..a5926e67ea 100644
--- a/kr/blog/tags/community.html
+++ b/kr/blog/tags/community.html
@@ -9,8 +9,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/kr/opensearch.xml"><link rel="stylesheet" href="/kr/assets/css/styles.554655a0.css">
-<script src="/kr/assets/js/runtime~main.747d66f0.js" defer="defer"></script>
-<script src="/kr/assets/js/main.6d627ed0.js" defer="defer"></script>
+<script src="/kr/assets/js/runtime~main.c4f81ee2.js" defer="defer"></script>
+<script src="/kr/assets/js/main.ea09754c.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/kr/"><div class="navbar__logo"><img src="/kr/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/kr/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a class="navbar__item navbar__link" href="/kr/docs">📖 Docs</a><a class="navbar__item navbar__link" href="/kr/community">💫 Community</a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/kr/blog">📝 Blog</a><a class="navbar__item navbar__link" href="/kr/examples">🛠 Examples</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/kr/docs">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a class="dropdown__link" href="/kr/docs">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/kr/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>한국어</a><ul class="dropdown__menu"><li><a href="/ru/blog/tags/community" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ru">Русский</a></li><li><a href="/blog/tags/community" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/uz/blog/tags/community" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/blog/tags/community" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="kr">한국어</a></li><li><a href="/ja/blog/tags/community" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_erB7 thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_wsXF margin-bottom--md">Recent posts</div><div role="group"><h3 class="yearGroupHeading_F6cS">2022</h3><ul class="sidebarItemList_k2Wo clean-list"><li class="sidebarItem_wRf2"><a class="sidebarItemLink_Mezy" href="/kr/blog/international-community">🌎 FSD international community</a></li><li class="sidebarItem_wRf2"><a class="sidebarItemLink_Mezy" href="/kr/blog/rebranding-stable">💥 FSD rebranding!</a></li></ul></div></nav></aside><main class="col col--7"><header class="margin-bottom--xl"><h1>One post tagged with &quot;community&quot;</h1><a href="/kr/blog/tags">View All Tags</a></header><article class="margin-bottom--xl"><header><h2 class="title_YWGh"><a href="/kr/blog/international-community">🌎 FSD international community</a></h2><div class="container_TmwD margin-vert--md"><time datetime="2022-07-25T00:00:00.000Z">July 25, 2022</time> · <!-- -->2 min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--12 authorCol_jNa_"><div class="avatar margin-bottom--sm"><a href="https://github.com/unordinarity" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo authorImage_RWa9" src="https://github.com/unordinarity.png" alt="Anton Medvedev"></a><div class="avatar__intro authorDetails_x3i5"><div class="avatar__name"><a href="https://github.com/unordinarity" target="_blank" rel="noopener noreferrer"><span class="authorName_yyrl">Anton Medvedev</span></a></div><small class="authorTitle_qOEn" title="FSD core-team member">FSD core-team member</small><div class="authorSocials_SxLb"></div></div></div></div></div></header><div class="markdown"><div class="container text--center margin-vert--md"><img src="/img/blog/international-community.png" alt="post-cover" width="100%"></div>
diff --git a/kr/blog/tags/discord.html b/kr/blog/tags/discord.html
index 53d3fa900e..8ba16b2d15 100644
--- a/kr/blog/tags/discord.html
+++ b/kr/blog/tags/discord.html
@@ -9,8 +9,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/kr/opensearch.xml"><link rel="stylesheet" href="/kr/assets/css/styles.554655a0.css">
-<script src="/kr/assets/js/runtime~main.747d66f0.js" defer="defer"></script>
-<script src="/kr/assets/js/main.6d627ed0.js" defer="defer"></script>
+<script src="/kr/assets/js/runtime~main.c4f81ee2.js" defer="defer"></script>
+<script src="/kr/assets/js/main.ea09754c.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/kr/"><div class="navbar__logo"><img src="/kr/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/kr/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a class="navbar__item navbar__link" href="/kr/docs">📖 Docs</a><a class="navbar__item navbar__link" href="/kr/community">💫 Community</a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/kr/blog">📝 Blog</a><a class="navbar__item navbar__link" href="/kr/examples">🛠 Examples</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/kr/docs">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a class="dropdown__link" href="/kr/docs">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/kr/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>한국어</a><ul class="dropdown__menu"><li><a href="/ru/blog/tags/discord" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ru">Русский</a></li><li><a href="/blog/tags/discord" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/uz/blog/tags/discord" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/blog/tags/discord" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="kr">한국어</a></li><li><a href="/ja/blog/tags/discord" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_erB7 thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_wsXF margin-bottom--md">Recent posts</div><div role="group"><h3 class="yearGroupHeading_F6cS">2022</h3><ul class="sidebarItemList_k2Wo clean-list"><li class="sidebarItem_wRf2"><a class="sidebarItemLink_Mezy" href="/kr/blog/international-community">🌎 FSD international community</a></li><li class="sidebarItem_wRf2"><a class="sidebarItemLink_Mezy" href="/kr/blog/rebranding-stable">💥 FSD rebranding!</a></li></ul></div></nav></aside><main class="col col--7"><header class="margin-bottom--xl"><h1>One post tagged with &quot;discord&quot;</h1><a href="/kr/blog/tags">View All Tags</a></header><article class="margin-bottom--xl"><header><h2 class="title_YWGh"><a href="/kr/blog/international-community">🌎 FSD international community</a></h2><div class="container_TmwD margin-vert--md"><time datetime="2022-07-25T00:00:00.000Z">July 25, 2022</time> · <!-- -->2 min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--12 authorCol_jNa_"><div class="avatar margin-bottom--sm"><a href="https://github.com/unordinarity" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo authorImage_RWa9" src="https://github.com/unordinarity.png" alt="Anton Medvedev"></a><div class="avatar__intro authorDetails_x3i5"><div class="avatar__name"><a href="https://github.com/unordinarity" target="_blank" rel="noopener noreferrer"><span class="authorName_yyrl">Anton Medvedev</span></a></div><small class="authorTitle_qOEn" title="FSD core-team member">FSD core-team member</small><div class="authorSocials_SxLb"></div></div></div></div></div></header><div class="markdown"><div class="container text--center margin-vert--md"><img src="/img/blog/international-community.png" alt="post-cover" width="100%"></div>
diff --git a/kr/blog/tags/promo.html b/kr/blog/tags/promo.html
index 02997c4f6c..7f69707747 100644
--- a/kr/blog/tags/promo.html
+++ b/kr/blog/tags/promo.html
@@ -9,8 +9,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/kr/opensearch.xml"><link rel="stylesheet" href="/kr/assets/css/styles.554655a0.css">
-<script src="/kr/assets/js/runtime~main.747d66f0.js" defer="defer"></script>
-<script src="/kr/assets/js/main.6d627ed0.js" defer="defer"></script>
+<script src="/kr/assets/js/runtime~main.c4f81ee2.js" defer="defer"></script>
+<script src="/kr/assets/js/main.ea09754c.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/kr/"><div class="navbar__logo"><img src="/kr/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/kr/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a class="navbar__item navbar__link" href="/kr/docs">📖 Docs</a><a class="navbar__item navbar__link" href="/kr/community">💫 Community</a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/kr/blog">📝 Blog</a><a class="navbar__item navbar__link" href="/kr/examples">🛠 Examples</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/kr/docs">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a class="dropdown__link" href="/kr/docs">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/kr/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>한국어</a><ul class="dropdown__menu"><li><a href="/ru/blog/tags/promo" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ru">Русский</a></li><li><a href="/blog/tags/promo" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/uz/blog/tags/promo" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/blog/tags/promo" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="kr">한국어</a></li><li><a href="/ja/blog/tags/promo" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_erB7 thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_wsXF margin-bottom--md">Recent posts</div><div role="group"><h3 class="yearGroupHeading_F6cS">2022</h3><ul class="sidebarItemList_k2Wo clean-list"><li class="sidebarItem_wRf2"><a class="sidebarItemLink_Mezy" href="/kr/blog/international-community">🌎 FSD international community</a></li><li class="sidebarItem_wRf2"><a class="sidebarItemLink_Mezy" href="/kr/blog/rebranding-stable">💥 FSD rebranding!</a></li></ul></div></nav></aside><main class="col col--7"><header class="margin-bottom--xl"><h1>2 posts tagged with &quot;promo&quot;</h1><a href="/kr/blog/tags">View All Tags</a></header><article class="margin-bottom--xl"><header><h2 class="title_YWGh"><a href="/kr/blog/international-community">🌎 FSD international community</a></h2><div class="container_TmwD margin-vert--md"><time datetime="2022-07-25T00:00:00.000Z">July 25, 2022</time> · <!-- -->2 min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--12 authorCol_jNa_"><div class="avatar margin-bottom--sm"><a href="https://github.com/unordinarity" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo authorImage_RWa9" src="https://github.com/unordinarity.png" alt="Anton Medvedev"></a><div class="avatar__intro authorDetails_x3i5"><div class="avatar__name"><a href="https://github.com/unordinarity" target="_blank" rel="noopener noreferrer"><span class="authorName_yyrl">Anton Medvedev</span></a></div><small class="authorTitle_qOEn" title="FSD core-team member">FSD core-team member</small><div class="authorSocials_SxLb"></div></div></div></div></div></header><div class="markdown"><div class="container text--center margin-vert--md"><img src="/img/blog/international-community.png" alt="post-cover" width="100%"></div>
diff --git a/kr/community.html b/kr/community.html
index 5e68846888..24059c9854 100644
--- a/kr/community.html
+++ b/kr/community.html
@@ -9,8 +9,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/kr/opensearch.xml"><link rel="stylesheet" href="/kr/assets/css/styles.554655a0.css">
-<script src="/kr/assets/js/runtime~main.747d66f0.js" defer="defer"></script>
-<script src="/kr/assets/js/main.6d627ed0.js" defer="defer"></script>
+<script src="/kr/assets/js/runtime~main.c4f81ee2.js" defer="defer"></script>
+<script src="/kr/assets/js/main.ea09754c.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/kr/"><div class="navbar__logo"><img src="/kr/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/kr/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a class="navbar__item navbar__link" href="/kr/docs">📖 Docs</a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/kr/community">💫 Community</a><a class="navbar__item navbar__link" href="/kr/blog">📝 Blog</a><a class="navbar__item navbar__link" href="/kr/examples">🛠 Examples</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/kr/docs">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a class="dropdown__link" href="/kr/docs">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/kr/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>한국어</a><ul class="dropdown__menu"><li><a href="/ru/community" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ru">Русский</a></li><li><a href="/community" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/uz/community" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/community" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="kr">한국어</a></li><li><a href="/ja/community" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><div class="docsWrapper_rDLg"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_JQoL" type="button"></button><div class="docRoot_GkJk"><aside class="theme-doc-sidebar-container docSidebarContainer_xiHB"><div class="sidebarViewport_DaHB"><div class="sidebar_Kb82"><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_AkOp"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible menu__list-item-collapsible--active"><a class="menu__link menu__link--active" aria-current="page" href="/kr/community">💫  Community</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item sidebar-item--wip"><a class="menu__link" tabindex="0" href="/kr/community/team">Team</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/kr/examples">Examples</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a href="https://github.com/feature-sliced/awesome" target="_blank" rel="noopener noreferrer" class="menu__link menuExternalLink_riF1" tabindex="0">Awesome Resources<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a href="https://discord.com/invite/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="menu__link menuExternalLink_riF1" tabindex="0">Discord community server<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="menu__link menuExternalLink_riF1" tabindex="0">Telegram chat (Q&amp;A)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></li></ul></nav><button type="button" title="Collapse sidebar" aria-label="Collapse sidebar" class="button button--secondary button--outline collapseSidebarButton_L8vW"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_hYfn"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_uESP"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col"><div class="docItemContainer_b1tn"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_ioLt" aria-label="Breadcrumbs"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Home page" class="breadcrumbs__link" href="/kr/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_ZfEo"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">💫  Community</span><meta itemprop="position" content="1"></li></ul></nav><div class="theme-doc-markdown markdown"><header><h1>💫 Community</h1></header>
@@ -20,6 +20,6 @@ <h2 class="anchor anchorWithStickyNavbar_QzlE" id="main">Main<a href="#main" cla
 <a href="https://github.com/feature-sliced/awesome" target="_blank" rel="noopener noreferrer" class="root_GfON defaultTheme_j3I8"><span role="img" aria-label="star" class="anticon anticon-star icon_ciqP"><svg viewBox="64 64 896 896" focusable="false" data-icon="star" width="1em" height="1em" fill="currentColor" aria-hidden="true"><path d="M908.1 353.1l-253.9-36.9L540.7 86.1c-3.1-6.3-8.2-11.4-14.5-14.5-15.8-7.8-35-1.3-42.9 14.5L369.8 316.2l-253.9 36.9c-7 1-13.4 4.3-18.3 9.3a32.05 32.05 0 00.6 45.3l183.7 179.1-43.4 252.9a31.95 31.95 0 0046.4 33.7L512 754l227.1 119.4c6.2 3.3 13.4 4.4 20.3 3.2 17.4-3 29.1-19.5 26.1-36.9l-43.4-252.9 183.7-179.1c5-4.9 8.3-11.3 9.3-18.3 2.7-17.5-9.5-33.7-27-36.3zM664.8 561.6l36.1 210.3L512 672.7 323.1 772l36.1-210.3-152.8-149L417.6 382 512 190.7 606.4 382l211.2 30.7-152.8 148.9z"></path></svg></span><div class="details_xxkR"><div><span class="title_pSH5">Awesome Resources</span><p class="description__Fep">A curated list of awesome FSD videos, articles, packages</p></div></div></a>
 <a class="root_GfON defaultTheme_j3I8" href="/kr/community/team"><span role="img" aria-label="team" class="anticon anticon-team icon_ciqP"><svg viewBox="64 64 896 896" focusable="false" data-icon="team" width="1em" height="1em" fill="currentColor" aria-hidden="true"><path d="M824.2 699.9a301.55 301.55 0 00-86.4-60.4C783.1 602.8 812 546.8 812 484c0-110.8-92.4-201.7-203.2-200-109.1 1.7-197 90.6-197 200 0 62.8 29 118.8 74.2 155.5a300.95 300.95 0 00-86.4 60.4C345 754.6 314 826.8 312 903.8a8 8 0 008 8.2h56c4.3 0 7.9-3.4 8-7.7 1.9-58 25.4-112.3 66.7-153.5A226.62 226.62 0 01612 684c60.9 0 118.2 23.7 161.3 66.8C814.5 792 838 846.3 840 904.3c.1 4.3 3.7 7.7 8 7.7h56a8 8 0 008-8.2c-2-77-33-149.2-87.8-203.9zM612 612c-34.2 0-66.4-13.3-90.5-37.5a126.86 126.86 0 01-37.5-91.8c.3-32.8 13.4-64.5 36.3-88 24-24.6 56.1-38.3 90.4-38.7 33.9-.3 66.8 12.9 91 36.6 24.8 24.3 38.4 56.8 38.4 91.4 0 34.2-13.3 66.3-37.5 90.5A127.3 127.3 0 01612 612zM361.5 510.4c-.9-8.7-1.4-17.5-1.4-26.4 0-15.9 1.5-31.4 4.3-46.5.7-3.6-1.2-7.3-4.5-8.8-13.6-6.1-26.1-14.5-36.9-25.1a127.54 127.54 0 01-38.7-95.4c.9-32.1 13.8-62.6 36.3-85.6 24.7-25.3 57.9-39.1 93.2-38.7 31.9.3 62.7 12.6 86 34.4 7.9 7.4 14.7 15.6 20.4 24.4 2 3.1 5.9 4.4 9.3 3.2 17.6-6.1 36.2-10.4 55.3-12.4 5.6-.6 8.8-6.6 6.3-11.6-32.5-64.3-98.9-108.7-175.7-109.9-110.9-1.7-203.3 89.2-203.3 199.9 0 62.8 28.9 118.8 74.2 155.5-31.8 14.7-61.1 35-86.5 60.4-54.8 54.7-85.8 126.9-87.8 204a8 8 0 008 8.2h56.1c4.3 0 7.9-3.4 8-7.7 1.9-58 25.4-112.3 66.7-153.5 29.4-29.4 65.4-49.8 104.7-59.7 3.9-1 6.5-4.7 6-8.7z"></path></svg></span><div class="details_xxkR"><div><span class="title_pSH5">Team</span><p class="description__Fep">Core-team, Champions, Contributors, Companies</p></div></div></a>
 <a class="root_GfON defaultTheme_j3I8" href="/kr/docs/branding"><span role="img" aria-label="verified" class="anticon anticon-verified icon_ciqP"><svg viewBox="64 64 896 896" focusable="false" data-icon="verified" width="1em" height="1em" fill="currentColor" aria-hidden="true"><defs><style></style></defs><path d="M447.8 588.8l-7.3-32.5c-.2-1-.6-1.9-1.1-2.7a7.94 7.94 0 00-11.1-2.2L405 567V411c0-4.4-3.6-8-8-8h-81c-4.4 0-8 3.6-8 8v36c0 4.4 3.6 8 8 8h37v192.4a8 8 0 0012.7 6.5l79-56.8c2.6-1.9 3.8-5.1 3.1-8.3zm-56.7-216.6l.2.2c3.2 3 8.3 2.8 11.3-.5l24.1-26.2a8.1 8.1 0 00-.3-11.2l-53.7-52.1a8 8 0 00-11.2.1l-24.7 24.7c-3.1 3.1-3.1 8.2.1 11.3l54.2 53.7z"></path><path d="M866.9 169.9L527.1 54.1C523 52.7 517.5 52 512 52s-11 .7-15.1 2.1L157.1 169.9c-8.3 2.8-15.1 12.4-15.1 21.2v482.4c0 8.8 5.7 20.4 12.6 25.9L499.3 968c3.5 2.7 8 4.1 12.6 4.1s9.2-1.4 12.6-4.1l344.7-268.6c6.9-5.4 12.6-17 12.6-25.9V191.1c.2-8.8-6.6-18.3-14.9-21.2zM810 654.3L512 886.5 214 654.3V226.7l298-101.6 298 101.6v427.6z"></path><path d="M452 297v36c0 4.4 3.6 8 8 8h108v274h-38V405c0-4.4-3.6-8-8-8h-35c-4.4 0-8 3.6-8 8v210h-31c-4.4 0-8 3.6-8 8v37c0 4.4 3.6 8 8 8h244c4.4 0 8-3.6 8-8v-37c0-4.4-3.6-8-8-8h-72V493h58c4.4 0 8-3.6 8-8v-35c0-4.4-3.6-8-8-8h-58V341h63c4.4 0 8-3.6 8-8v-36c0-4.4-3.6-8-8-8H460c-4.4 0-8 3.6-8 8z"></path></svg></span><div class="details_xxkR"><div><span class="title_pSH5">Brandbook</span><p class="description__Fep">Recommendations for FSD&#x27;s branding usage</p></div></div></a>
-<a href="#" class="root_GfON rootDisabled_SFUB defaultTheme_j3I8"><span role="img" aria-label="search" class="anticon anticon-search icon_ciqP"><svg viewBox="64 64 896 896" focusable="false" data-icon="search" width="1em" height="1em" fill="currentColor" aria-hidden="true"><path d="M909.6 854.5L649.9 594.8C690.2 542.7 712 479 712 412c0-80.2-31.3-155.4-87.9-212.1-56.6-56.7-132-87.9-212.1-87.9s-155.5 31.3-212.1 87.9C143.2 256.5 112 331.8 112 412c0 80.1 31.3 155.5 87.9 212.1C256.5 680.8 331.8 712 412 712c67 0 130.6-21.8 182.7-62l259.7 259.6a8.2 8.2 0 0011.6 0l43.6-43.5a8.2 8.2 0 000-11.6zM570.4 570.4C528 612.7 471.8 636 412 636s-116-23.3-158.4-65.6C211.3 528 188 471.8 188 412s23.3-116.1 65.6-158.4C296 211.3 352.2 188 412 188s116.1 23.2 158.4 65.6S636 352.2 636 412s-23.3 116.1-65.6 158.4z"></path></svg></span><div class="details_xxkR"><div><span class="title_pSH5">Contributing</span><p class="description__Fep">HowTo, Workflow, Support</p></div></div></a></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/community/index.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Last updated<!-- --> on <b><time datetime="2024-09-29T11:02:46.000Z" itemprop="dateModified">Sep 29, 2024</time></b> by <b>ratomiru</b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages navigation"><a class="pagination-nav__link pagination-nav__link--next" href="/kr/community/team"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">Team</div></a></nav></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Specs</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/kr/docs">Documentation</a></li><li class="footer__item"><a class="footer__link-item" href="/kr/community">Community</a></li><li class="footer__item"><a class="footer__link-item" href="/kr/nav">Help</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">License<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/kr/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/kr/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2024  Feature-Sliced Design</div></div></div></footer></div>
+<a href="#" class="root_GfON rootDisabled_SFUB defaultTheme_j3I8"><span role="img" aria-label="search" class="anticon anticon-search icon_ciqP"><svg viewBox="64 64 896 896" focusable="false" data-icon="search" width="1em" height="1em" fill="currentColor" aria-hidden="true"><path d="M909.6 854.5L649.9 594.8C690.2 542.7 712 479 712 412c0-80.2-31.3-155.4-87.9-212.1-56.6-56.7-132-87.9-212.1-87.9s-155.5 31.3-212.1 87.9C143.2 256.5 112 331.8 112 412c0 80.1 31.3 155.5 87.9 212.1C256.5 680.8 331.8 712 412 712c67 0 130.6-21.8 182.7-62l259.7 259.6a8.2 8.2 0 0011.6 0l43.6-43.5a8.2 8.2 0 000-11.6zM570.4 570.4C528 612.7 471.8 636 412 636s-116-23.3-158.4-65.6C211.3 528 188 471.8 188 412s23.3-116.1 65.6-158.4C296 211.3 352.2 188 412 188s116.1 23.2 158.4 65.6S636 352.2 636 412s-23.3 116.1-65.6 158.4z"></path></svg></span><div class="details_xxkR"><div><span class="title_pSH5">Contributing</span><p class="description__Fep">HowTo, Workflow, Support</p></div></div></a></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/community/index.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Last updated<!-- --> on <b><time datetime="2024-10-07T18:23:06.000Z" itemprop="dateModified">Oct 7, 2024</time></b> by <b>InJaEE</b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages navigation"><a class="pagination-nav__link pagination-nav__link--next" href="/kr/community/team"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">Team</div></a></nav></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Specs</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/kr/docs">Documentation</a></li><li class="footer__item"><a class="footer__link-item" href="/kr/community">Community</a></li><li class="footer__item"><a class="footer__link-item" href="/kr/nav">Help</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">License<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/kr/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/kr/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2024  Feature-Sliced Design</div></div></div></footer></div>
 </body>
 </html>
\ No newline at end of file
diff --git a/kr/community/team.html b/kr/community/team.html
index 927cb689e3..42a09107c1 100644
--- a/kr/community/team.html
+++ b/kr/community/team.html
@@ -9,8 +9,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/kr/opensearch.xml"><link rel="stylesheet" href="/kr/assets/css/styles.554655a0.css">
-<script src="/kr/assets/js/runtime~main.747d66f0.js" defer="defer"></script>
-<script src="/kr/assets/js/main.6d627ed0.js" defer="defer"></script>
+<script src="/kr/assets/js/runtime~main.c4f81ee2.js" defer="defer"></script>
+<script src="/kr/assets/js/main.ea09754c.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/kr/"><div class="navbar__logo"><img src="/kr/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/kr/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a class="navbar__item navbar__link" href="/kr/docs">📖 Docs</a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/kr/community">💫 Community</a><a class="navbar__item navbar__link" href="/kr/blog">📝 Blog</a><a class="navbar__item navbar__link" href="/kr/examples">🛠 Examples</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/kr/docs">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a class="dropdown__link" href="/kr/docs">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/kr/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>한국어</a><ul class="dropdown__menu"><li><a href="/ru/community/team" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ru">Русский</a></li><li><a href="/community/team" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/uz/community/team" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/community/team" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="kr">한국어</a></li><li><a href="/ja/community/team" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><div class="docsWrapper_rDLg"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_JQoL" type="button"></button><div class="docRoot_GkJk"><aside class="theme-doc-sidebar-container docSidebarContainer_xiHB"><div class="sidebarViewport_DaHB"><div class="sidebar_Kb82"><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_AkOp"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--active" href="/kr/community">💫  Community</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item sidebar-item--wip"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/kr/community/team">Team</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/kr/examples">Examples</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a href="https://github.com/feature-sliced/awesome" target="_blank" rel="noopener noreferrer" class="menu__link menuExternalLink_riF1" tabindex="0">Awesome Resources<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a href="https://discord.com/invite/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="menu__link menuExternalLink_riF1" tabindex="0">Discord community server<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="menu__link menuExternalLink_riF1" tabindex="0">Telegram chat (Q&amp;A)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></li></ul></nav><button type="button" title="Collapse sidebar" aria-label="Collapse sidebar" class="button button--secondary button--outline collapseSidebarButton_L8vW"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_hYfn"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_uESP"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_w6lk"><div class="docItemContainer_b1tn"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_ioLt" aria-label="Breadcrumbs"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Home page" class="breadcrumbs__link" href="/kr/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_ZfEo"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/kr/community"><span itemprop="name">💫  Community</span></a><meta itemprop="position" content="1"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">Team</span><meta itemprop="position" content="2"></li></ul></nav><div class="tocCollapsible_EkMH theme-doc-toc-mobile tocMobile_XRnS"><button type="button" class="clean-btn tocCollapsibleButton_ID8T">On this page</button></div><div class="theme-doc-markdown markdown"><header><h1>Team</h1></header>
@@ -18,6 +18,6 @@
 <h2 class="anchor anchorWithStickyNavbar_QzlE" id="core-team">Core-team<a href="#core-team" class="hash-link" aria-label="Direct link to heading" title="Direct link to heading">​</a></h2>
 <h3 class="anchor anchorWithStickyNavbar_QzlE" id="champions">Champions<a href="#champions" class="hash-link" aria-label="Direct link to heading" title="Direct link to heading">​</a></h3>
 <h2 class="anchor anchorWithStickyNavbar_QzlE" id="contributors">Contributors<a href="#contributors" class="hash-link" aria-label="Direct link to heading" title="Direct link to heading">​</a></h2>
-<h2 class="anchor anchorWithStickyNavbar_QzlE" id="companies">Companies<a href="#companies" class="hash-link" aria-label="Direct link to heading" title="Direct link to heading">​</a></h2></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/community/team.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Last updated<!-- --> on <b><time datetime="2024-09-29T11:02:46.000Z" itemprop="dateModified">Sep 29, 2024</time></b> by <b>ratomiru</b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/kr/community"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">💫 Community</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#core-team" class="table-of-contents__link toc-highlight">Core-team</a><ul><li><a href="#champions" class="table-of-contents__link toc-highlight">Champions</a></li></ul></li><li><a href="#contributors" class="table-of-contents__link toc-highlight">Contributors</a></li><li><a href="#companies" class="table-of-contents__link toc-highlight">Companies</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Specs</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/kr/docs">Documentation</a></li><li class="footer__item"><a class="footer__link-item" href="/kr/community">Community</a></li><li class="footer__item"><a class="footer__link-item" href="/kr/nav">Help</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">License<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/kr/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/kr/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2024  Feature-Sliced Design</div></div></div></footer></div>
+<h2 class="anchor anchorWithStickyNavbar_QzlE" id="companies">Companies<a href="#companies" class="hash-link" aria-label="Direct link to heading" title="Direct link to heading">​</a></h2></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/community/team.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Last updated<!-- --> on <b><time datetime="2024-10-07T18:23:06.000Z" itemprop="dateModified">Oct 7, 2024</time></b> by <b>InJaEE</b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/kr/community"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">💫 Community</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#core-team" class="table-of-contents__link toc-highlight">Core-team</a><ul><li><a href="#champions" class="table-of-contents__link toc-highlight">Champions</a></li></ul></li><li><a href="#contributors" class="table-of-contents__link toc-highlight">Contributors</a></li><li><a href="#companies" class="table-of-contents__link toc-highlight">Companies</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Specs</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/kr/docs">Documentation</a></li><li class="footer__item"><a class="footer__link-item" href="/kr/community">Community</a></li><li class="footer__item"><a class="footer__link-item" href="/kr/nav">Help</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">License<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/kr/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/kr/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2024  Feature-Sliced Design</div></div></div></footer></div>
 </body>
 </html>
\ No newline at end of file
diff --git a/kr/docs.html b/kr/docs.html
index 37d55ff95a..bf5752d6a7 100644
--- a/kr/docs.html
+++ b/kr/docs.html
@@ -9,8 +9,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/kr/opensearch.xml"><link rel="stylesheet" href="/kr/assets/css/styles.554655a0.css">
-<script src="/kr/assets/js/runtime~main.747d66f0.js" defer="defer"></script>
-<script src="/kr/assets/js/main.6d627ed0.js" defer="defer"></script>
+<script src="/kr/assets/js/runtime~main.c4f81ee2.js" defer="defer"></script>
+<script src="/kr/assets/js/main.ea09754c.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/kr/"><div class="navbar__logo"><img src="/kr/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/kr/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/kr/docs">📖 Docs</a><a class="navbar__item navbar__link" href="/kr/community">💫 Community</a><a class="navbar__item navbar__link" href="/kr/blog">📝 Blog</a><a class="navbar__item navbar__link" href="/kr/examples">🛠 Examples</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/kr/docs">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a aria-current="page" class="dropdown__link dropdown__link--active" href="/kr/docs">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/kr/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>한국어</a><ul class="dropdown__menu"><li><a href="/ru/docs" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ru">Русский</a></li><li><a href="/docs" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/uz/docs" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/docs" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="kr">한국어</a></li><li><a href="/ja/docs" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><div class="docsWrapper_rDLg"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_JQoL" type="button"></button><div class="docRoot_GkJk"><main class="docMainContainer_uESP docMainContainerEnhanced_GKE6"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_w6lk"><div class="docItemContainer_b1tn"><article><div class="theme-doc-markdown markdown"><header><h1>Documentation</h1></header>
@@ -24,6 +24,6 @@
 <a class="root_GfON miniTheme_ePfp" href="/kr/docs/reference"><div class="details_xxkR"><div><span class="title_pSH5">📚 Reference</span><p class="description__Fep">Reference details of core concepts (for more efficient application)</p></div><div class="detailsTags_uTQx">Units • Isolation • Public API</div></div></a>
 <a class="root_GfON miniTheme_ePfp" href="/kr/docs/about"><div class="details_xxkR"><div><span class="title_pSH5">🍰 About</span><p class="description__Fep">The philosophy of the methodology, its goals and place in the modern front-end</p></div><div class="detailsTags_uTQx">Mission • Alternatives • Promote</div></div></a>
 <a class="root_GfON miniTheme_ePfp" href="/kr/community"><div class="details_xxkR"><div><span class="title_pSH5">💫 Community</span><p class="description__Fep">Resources and additional materials, contributed by the community</p></div><div class="detailsTags_uTQx">Awesome • Team • Examples</div></div></a>
-<a class="root_GfON miniTheme_ePfp" href="/kr/examples"><div class="details_xxkR"><div><span class="title_pSH5">🛠 Examples</span><p class="description__Fep">Projects built with Feature-Sliced Design</p></div></div></a></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/intro.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Last updated<!-- --> on <b><time datetime="2024-09-29T11:02:46.000Z" itemprop="dateModified">Sep 29, 2024</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages navigation"><a class="pagination-nav__link pagination-nav__link--next" href="/kr/docs/get-started"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">🚀 Get Started</div></a></nav></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Specs</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/kr/docs">Documentation</a></li><li class="footer__item"><a class="footer__link-item" href="/kr/community">Community</a></li><li class="footer__item"><a class="footer__link-item" href="/kr/nav">Help</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">License<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/kr/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/kr/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2024  Feature-Sliced Design</div></div></div></footer></div>
+<a class="root_GfON miniTheme_ePfp" href="/kr/examples"><div class="details_xxkR"><div><span class="title_pSH5">🛠 Examples</span><p class="description__Fep">Projects built with Feature-Sliced Design</p></div></div></a></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/intro.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Last updated<!-- --> on <b><time datetime="2024-10-07T18:23:06.000Z" itemprop="dateModified">Oct 7, 2024</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages navigation"><a class="pagination-nav__link pagination-nav__link--next" href="/kr/docs/get-started"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">🚀 Get Started</div></a></nav></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Specs</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/kr/docs">Documentation</a></li><li class="footer__item"><a class="footer__link-item" href="/kr/community">Community</a></li><li class="footer__item"><a class="footer__link-item" href="/kr/nav">Help</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">License<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/kr/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/kr/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2024  Feature-Sliced Design</div></div></div></footer></div>
 </body>
 </html>
\ No newline at end of file
diff --git a/kr/docs/about.html b/kr/docs/about.html
index 830eda91d0..f8836ebdc9 100644
--- a/kr/docs/about.html
+++ b/kr/docs/about.html
@@ -9,8 +9,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/kr/opensearch.xml"><link rel="stylesheet" href="/kr/assets/css/styles.554655a0.css">
-<script src="/kr/assets/js/runtime~main.747d66f0.js" defer="defer"></script>
-<script src="/kr/assets/js/main.6d627ed0.js" defer="defer"></script>
+<script src="/kr/assets/js/runtime~main.c4f81ee2.js" defer="defer"></script>
+<script src="/kr/assets/js/main.ea09754c.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/kr/"><div class="navbar__logo"><img src="/kr/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/kr/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/kr/docs">📖 Docs</a><a class="navbar__item navbar__link" href="/kr/community">💫 Community</a><a class="navbar__item navbar__link" href="/kr/blog">📝 Blog</a><a class="navbar__item navbar__link" href="/kr/examples">🛠 Examples</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/kr/docs/about">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a aria-current="page" class="dropdown__link dropdown__link--active" href="/kr/docs/about">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/kr/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>한국어</a><ul class="dropdown__menu"><li><a href="/ru/docs/about" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ru">Русский</a></li><li><a href="/docs/about" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/uz/docs/about" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/docs/about" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="kr">한국어</a></li><li><a href="/ja/docs/about" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><div class="docsWrapper_rDLg"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_JQoL" type="button"></button><div class="docRoot_GkJk"><aside class="theme-doc-sidebar-container docSidebarContainer_xiHB"><div class="sidebarViewport_DaHB"><div class="sidebar_Kb82"><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_AkOp"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible menu__list-item-collapsible--active"><a class="menu__link menu__link--active" aria-current="page" href="/kr/docs/about">🍰  About</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/kr/docs/about/mission">Mission</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/kr/docs/about/motivation">Motivation</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item sidebar-item--wip"><a class="menu__link" tabindex="0" href="/kr/docs/about/alternatives">Alternatives</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/kr/docs/about/understanding/architecture">Understanding</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/kr/docs/about/promote/integration">Promote</a></div></li></ul></li></ul></nav><button type="button" title="Collapse sidebar" aria-label="Collapse sidebar" class="button button--secondary button--outline collapseSidebarButton_L8vW"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_hYfn"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_uESP"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col"><div class="docItemContainer_b1tn"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_ioLt" aria-label="Breadcrumbs"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Home page" class="breadcrumbs__link" href="/kr/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_ZfEo"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">🍰  About</span><meta itemprop="position" content="1"></li></ul></nav><div class="theme-doc-markdown markdown"><header><h1>🍰 About</h1></header>
@@ -21,6 +21,6 @@ <h2 class="anchor anchorWithStickyNavbar_QzlE" id="main">Main<a href="#main" cla
 <a class="root_GfON defaultTheme_j3I8" href="/kr/docs/about/mission"><span role="img" aria-label="trophy" class="anticon anticon-trophy icon_ciqP"><svg viewBox="64 64 896 896" focusable="false" data-icon="trophy" width="1em" height="1em" fill="currentColor" aria-hidden="true"><path d="M868 160h-92v-40c0-4.4-3.6-8-8-8H256c-4.4 0-8 3.6-8 8v40h-92a44 44 0 00-44 44v148c0 81.7 60 149.6 138.2 162C265.7 630.2 359 721.7 476 734.5v105.2H280c-17.7 0-32 14.3-32 32V904c0 4.4 3.6 8 8 8h512c4.4 0 8-3.6 8-8v-32.3c0-17.7-14.3-32-32-32H548V734.5C665 721.7 758.3 630.2 773.8 514 852 501.6 912 433.7 912 352V204a44 44 0 00-44-44zM184 352V232h64v207.6a91.99 91.99 0 01-64-87.6zm520 128c0 49.1-19.1 95.4-53.9 130.1-34.8 34.8-81 53.9-130.1 53.9h-16c-49.1 0-95.4-19.1-130.1-53.9-34.8-34.8-53.9-81-53.9-130.1V184h384v296zm136-128c0 41-26.9 75.8-64 87.6V232h64v120z"></path></svg></span><div class="details_xxkR"><div><span class="title_pSH5">Mission</span><p class="description__Fep">Goals and limitations of the methodology</p></div></div></a>
 <a class="root_GfON defaultTheme_j3I8" href="/kr/docs/about/motivation"><span role="img" aria-label="star" class="anticon anticon-star icon_ciqP"><svg viewBox="64 64 896 896" focusable="false" data-icon="star" width="1em" height="1em" fill="currentColor" aria-hidden="true"><path d="M908.1 353.1l-253.9-36.9L540.7 86.1c-3.1-6.3-8.2-11.4-14.5-14.5-15.8-7.8-35-1.3-42.9 14.5L369.8 316.2l-253.9 36.9c-7 1-13.4 4.3-18.3 9.3a32.05 32.05 0 00.6 45.3l183.7 179.1-43.4 252.9a31.95 31.95 0 0046.4 33.7L512 754l227.1 119.4c6.2 3.3 13.4 4.4 20.3 3.2 17.4-3 29.1-19.5 26.1-36.9l-43.4-252.9 183.7-179.1c5-4.9 8.3-11.3 9.3-18.3 2.7-17.5-9.5-33.7-27-36.3zM664.8 561.6l36.1 210.3L512 672.7 323.1 772l36.1-210.3-152.8-149L417.6 382 512 190.7 606.4 382l211.2 30.7-152.8 148.9z"></path></svg></span><div class="details_xxkR"><div><span class="title_pSH5">Motivation</span><p class="description__Fep">Reasons for the creation and development of the methodology</p></div></div></a>
 <a class="root_GfON defaultTheme_j3I8" href="/kr/docs/about/understanding/architecture"><span role="img" aria-label="bulb" class="anticon anticon-bulb icon_ciqP"><svg viewBox="64 64 896 896" focusable="false" data-icon="bulb" width="1em" height="1em" fill="currentColor" aria-hidden="true"><path d="M632 888H392c-4.4 0-8 3.6-8 8v32c0 17.7 14.3 32 32 32h192c17.7 0 32-14.3 32-32v-32c0-4.4-3.6-8-8-8zM512 64c-181.1 0-328 146.9-328 328 0 121.4 66 227.4 164 284.1V792c0 17.7 14.3 32 32 32h264c17.7 0 32-14.3 32-32V676.1c98-56.7 164-162.7 164-284.1 0-181.1-146.9-328-328-328zm127.9 549.8L604 634.6V752H420V634.6l-35.9-20.8C305.4 568.3 256 484.5 256 392c0-141.4 114.6-256 256-256s256 114.6 256 256c0 92.5-49.4 176.3-128.1 221.8z"></path></svg></span><div class="details_xxkR"><div><span class="title_pSH5">Understanding</span><p class="description__Fep">Deep understanding of FSD concepts</p></div><div class="detailsTags_uTQx">About architecture • Needs driven • Naming</div></div></a>
-<a class="root_GfON defaultTheme_j3I8" href="/kr/docs/about/promote/integration"><span role="img" aria-label="team" class="anticon anticon-team icon_ciqP"><svg viewBox="64 64 896 896" focusable="false" data-icon="team" width="1em" height="1em" fill="currentColor" aria-hidden="true"><path d="M824.2 699.9a301.55 301.55 0 00-86.4-60.4C783.1 602.8 812 546.8 812 484c0-110.8-92.4-201.7-203.2-200-109.1 1.7-197 90.6-197 200 0 62.8 29 118.8 74.2 155.5a300.95 300.95 0 00-86.4 60.4C345 754.6 314 826.8 312 903.8a8 8 0 008 8.2h56c4.3 0 7.9-3.4 8-7.7 1.9-58 25.4-112.3 66.7-153.5A226.62 226.62 0 01612 684c60.9 0 118.2 23.7 161.3 66.8C814.5 792 838 846.3 840 904.3c.1 4.3 3.7 7.7 8 7.7h56a8 8 0 008-8.2c-2-77-33-149.2-87.8-203.9zM612 612c-34.2 0-66.4-13.3-90.5-37.5a126.86 126.86 0 01-37.5-91.8c.3-32.8 13.4-64.5 36.3-88 24-24.6 56.1-38.3 90.4-38.7 33.9-.3 66.8 12.9 91 36.6 24.8 24.3 38.4 56.8 38.4 91.4 0 34.2-13.3 66.3-37.5 90.5A127.3 127.3 0 01612 612zM361.5 510.4c-.9-8.7-1.4-17.5-1.4-26.4 0-15.9 1.5-31.4 4.3-46.5.7-3.6-1.2-7.3-4.5-8.8-13.6-6.1-26.1-14.5-36.9-25.1a127.54 127.54 0 01-38.7-95.4c.9-32.1 13.8-62.6 36.3-85.6 24.7-25.3 57.9-39.1 93.2-38.7 31.9.3 62.7 12.6 86 34.4 7.9 7.4 14.7 15.6 20.4 24.4 2 3.1 5.9 4.4 9.3 3.2 17.6-6.1 36.2-10.4 55.3-12.4 5.6-.6 8.8-6.6 6.3-11.6-32.5-64.3-98.9-108.7-175.7-109.9-110.9-1.7-203.3 89.2-203.3 199.9 0 62.8 28.9 118.8 74.2 155.5-31.8 14.7-61.1 35-86.5 60.4-54.8 54.7-85.8 126.9-87.8 204a8 8 0 008 8.2h56.1c4.3 0 7.9-3.4 8-7.7 1.9-58 25.4-112.3 66.7-153.5 29.4-29.4 65.4-49.8 104.7-59.7 3.9-1 6.5-4.7 6-8.7z"></path></svg></span><div class="details_xxkR"><div><span class="title_pSH5">Promote</span><p class="description__Fep">About promotion and integration FSD at companies</p></div><div class="detailsTags_uTQx">Integration • Promoting in team • Promoting in company</div></div></a></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/about/index.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Last updated<!-- --> on <b><time datetime="2024-09-29T11:02:46.000Z" itemprop="dateModified">Sep 29, 2024</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/kr/docs/reference"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">📚 Reference</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/kr/docs/about/mission"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">Mission</div></a></nav></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Specs</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/kr/docs">Documentation</a></li><li class="footer__item"><a class="footer__link-item" href="/kr/community">Community</a></li><li class="footer__item"><a class="footer__link-item" href="/kr/nav">Help</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">License<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/kr/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/kr/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2024  Feature-Sliced Design</div></div></div></footer></div>
+<a class="root_GfON defaultTheme_j3I8" href="/kr/docs/about/promote/integration"><span role="img" aria-label="team" class="anticon anticon-team icon_ciqP"><svg viewBox="64 64 896 896" focusable="false" data-icon="team" width="1em" height="1em" fill="currentColor" aria-hidden="true"><path d="M824.2 699.9a301.55 301.55 0 00-86.4-60.4C783.1 602.8 812 546.8 812 484c0-110.8-92.4-201.7-203.2-200-109.1 1.7-197 90.6-197 200 0 62.8 29 118.8 74.2 155.5a300.95 300.95 0 00-86.4 60.4C345 754.6 314 826.8 312 903.8a8 8 0 008 8.2h56c4.3 0 7.9-3.4 8-7.7 1.9-58 25.4-112.3 66.7-153.5A226.62 226.62 0 01612 684c60.9 0 118.2 23.7 161.3 66.8C814.5 792 838 846.3 840 904.3c.1 4.3 3.7 7.7 8 7.7h56a8 8 0 008-8.2c-2-77-33-149.2-87.8-203.9zM612 612c-34.2 0-66.4-13.3-90.5-37.5a126.86 126.86 0 01-37.5-91.8c.3-32.8 13.4-64.5 36.3-88 24-24.6 56.1-38.3 90.4-38.7 33.9-.3 66.8 12.9 91 36.6 24.8 24.3 38.4 56.8 38.4 91.4 0 34.2-13.3 66.3-37.5 90.5A127.3 127.3 0 01612 612zM361.5 510.4c-.9-8.7-1.4-17.5-1.4-26.4 0-15.9 1.5-31.4 4.3-46.5.7-3.6-1.2-7.3-4.5-8.8-13.6-6.1-26.1-14.5-36.9-25.1a127.54 127.54 0 01-38.7-95.4c.9-32.1 13.8-62.6 36.3-85.6 24.7-25.3 57.9-39.1 93.2-38.7 31.9.3 62.7 12.6 86 34.4 7.9 7.4 14.7 15.6 20.4 24.4 2 3.1 5.9 4.4 9.3 3.2 17.6-6.1 36.2-10.4 55.3-12.4 5.6-.6 8.8-6.6 6.3-11.6-32.5-64.3-98.9-108.7-175.7-109.9-110.9-1.7-203.3 89.2-203.3 199.9 0 62.8 28.9 118.8 74.2 155.5-31.8 14.7-61.1 35-86.5 60.4-54.8 54.7-85.8 126.9-87.8 204a8 8 0 008 8.2h56.1c4.3 0 7.9-3.4 8-7.7 1.9-58 25.4-112.3 66.7-153.5 29.4-29.4 65.4-49.8 104.7-59.7 3.9-1 6.5-4.7 6-8.7z"></path></svg></span><div class="details_xxkR"><div><span class="title_pSH5">Promote</span><p class="description__Fep">About promotion and integration FSD at companies</p></div><div class="detailsTags_uTQx">Integration • Promoting in team • Promoting in company</div></div></a></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/about/index.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Last updated<!-- --> on <b><time datetime="2024-10-07T18:23:06.000Z" itemprop="dateModified">Oct 7, 2024</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/kr/docs/reference"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">📚 Reference</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/kr/docs/about/mission"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">Mission</div></a></nav></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Specs</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/kr/docs">Documentation</a></li><li class="footer__item"><a class="footer__link-item" href="/kr/community">Community</a></li><li class="footer__item"><a class="footer__link-item" href="/kr/nav">Help</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">License<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/kr/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/kr/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2024  Feature-Sliced Design</div></div></div></footer></div>
 </body>
 </html>
\ No newline at end of file
diff --git a/kr/docs/about/alternatives.html b/kr/docs/about/alternatives.html
index d534130dfb..b694dd3a7a 100644
--- a/kr/docs/about/alternatives.html
+++ b/kr/docs/about/alternatives.html
@@ -9,8 +9,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/kr/opensearch.xml"><link rel="stylesheet" href="/kr/assets/css/styles.554655a0.css">
-<script src="/kr/assets/js/runtime~main.747d66f0.js" defer="defer"></script>
-<script src="/kr/assets/js/main.6d627ed0.js" defer="defer"></script>
+<script src="/kr/assets/js/runtime~main.c4f81ee2.js" defer="defer"></script>
+<script src="/kr/assets/js/main.ea09754c.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/kr/"><div class="navbar__logo"><img src="/kr/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/kr/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/kr/docs">📖 Docs</a><a class="navbar__item navbar__link" href="/kr/community">💫 Community</a><a class="navbar__item navbar__link" href="/kr/blog">📝 Blog</a><a class="navbar__item navbar__link" href="/kr/examples">🛠 Examples</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/kr/docs/about/alternatives">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a aria-current="page" class="dropdown__link dropdown__link--active" href="/kr/docs/about/alternatives">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/kr/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>한국어</a><ul class="dropdown__menu"><li><a href="/ru/docs/about/alternatives" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ru">Русский</a></li><li><a href="/docs/about/alternatives" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/uz/docs/about/alternatives" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/docs/about/alternatives" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="kr">한국어</a></li><li><a href="/ja/docs/about/alternatives" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><div class="docsWrapper_rDLg"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_JQoL" type="button"></button><div class="docRoot_GkJk"><aside class="theme-doc-sidebar-container docSidebarContainer_xiHB"><div class="sidebarViewport_DaHB"><div class="sidebar_Kb82"><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_AkOp"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--active" href="/kr/docs/about">🍰  About</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/kr/docs/about/mission">Mission</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/kr/docs/about/motivation">Motivation</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item sidebar-item--wip"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/kr/docs/about/alternatives">Alternatives</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/kr/docs/about/understanding/architecture">Understanding</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/kr/docs/about/promote/integration">Promote</a></div></li></ul></li></ul></nav><button type="button" title="Collapse sidebar" aria-label="Collapse sidebar" class="button button--secondary button--outline collapseSidebarButton_L8vW"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_hYfn"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_uESP"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_w6lk"><div class="docItemContainer_b1tn"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_ioLt" aria-label="Breadcrumbs"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Home page" class="breadcrumbs__link" href="/kr/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_ZfEo"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/kr/docs/about"><span itemprop="name">🍰  About</span></a><meta itemprop="position" content="1"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">Alternatives</span><meta itemprop="position" content="2"></li></ul></nav><div class="tocCollapsible_EkMH theme-doc-toc-mobile tocMobile_XRnS"><button type="button" class="clean-btn tocCollapsibleButton_ID8T">On this page</button></div><div class="theme-doc-markdown markdown"><header><h1>Alternatives</h1></header>
@@ -127,6 +127,6 @@ <h2 class="anchor anchorWithStickyNavbar_QzlE" id="feature-driven">Feature Drive
 <ul>
 <li><a href="https://youtu.be/BWAeYuWFHhs" target="_blank" rel="noopener noreferrer">(Talk) Oleg Isonen - Feature Driven Architecture</a></li>
 <li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer">Feature Driven-Short specification (from the point of view of FSD)</a></li>
-</ul></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/about/alternatives.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Last updated<!-- --> on <b><time datetime="2024-09-29T11:02:46.000Z" itemprop="dateModified">Sep 29, 2024</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/kr/docs/about/motivation"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">Motivation</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/kr/docs/about/understanding/architecture"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">About architecture</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#big-ball-of-mud" class="table-of-contents__link toc-highlight">Big Ball of Mud</a></li><li><a href="#smart--dumb-components" class="table-of-contents__link toc-highlight">Smart &amp; Dumb components</a></li><li><a href="#design-principles" class="table-of-contents__link toc-highlight">Design Principles</a></li><li><a href="#ddd" class="table-of-contents__link toc-highlight">DDD</a></li><li><a href="#clean-architecture" class="table-of-contents__link toc-highlight">Clean Architecture</a></li><li><a href="#frameworks" class="table-of-contents__link toc-highlight">Frameworks</a></li><li><a href="#atomic-design" class="table-of-contents__link toc-highlight">Atomic Design</a><ul><li><a href="#what-is-it" class="table-of-contents__link toc-highlight">What is it?</a></li><li><a href="#applicability-to-frontend" class="table-of-contents__link toc-highlight">Applicability to frontend</a></li><li><a href="#how-does-it-relate-to-fsd" class="table-of-contents__link toc-highlight">How does it relate to FSD?</a></li></ul></li><li><a href="#feature-driven" class="table-of-contents__link toc-highlight">Feature Driven</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Specs</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/kr/docs">Documentation</a></li><li class="footer__item"><a class="footer__link-item" href="/kr/community">Community</a></li><li class="footer__item"><a class="footer__link-item" href="/kr/nav">Help</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">License<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/kr/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/kr/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2024  Feature-Sliced Design</div></div></div></footer></div>
+</ul></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/about/alternatives.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Last updated<!-- --> on <b><time datetime="2024-10-07T18:23:06.000Z" itemprop="dateModified">Oct 7, 2024</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/kr/docs/about/motivation"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">Motivation</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/kr/docs/about/understanding/architecture"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">About architecture</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#big-ball-of-mud" class="table-of-contents__link toc-highlight">Big Ball of Mud</a></li><li><a href="#smart--dumb-components" class="table-of-contents__link toc-highlight">Smart &amp; Dumb components</a></li><li><a href="#design-principles" class="table-of-contents__link toc-highlight">Design Principles</a></li><li><a href="#ddd" class="table-of-contents__link toc-highlight">DDD</a></li><li><a href="#clean-architecture" class="table-of-contents__link toc-highlight">Clean Architecture</a></li><li><a href="#frameworks" class="table-of-contents__link toc-highlight">Frameworks</a></li><li><a href="#atomic-design" class="table-of-contents__link toc-highlight">Atomic Design</a><ul><li><a href="#what-is-it" class="table-of-contents__link toc-highlight">What is it?</a></li><li><a href="#applicability-to-frontend" class="table-of-contents__link toc-highlight">Applicability to frontend</a></li><li><a href="#how-does-it-relate-to-fsd" class="table-of-contents__link toc-highlight">How does it relate to FSD?</a></li></ul></li><li><a href="#feature-driven" class="table-of-contents__link toc-highlight">Feature Driven</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Specs</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/kr/docs">Documentation</a></li><li class="footer__item"><a class="footer__link-item" href="/kr/community">Community</a></li><li class="footer__item"><a class="footer__link-item" href="/kr/nav">Help</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">License<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/kr/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/kr/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2024  Feature-Sliced Design</div></div></div></footer></div>
 </body>
 </html>
\ No newline at end of file
diff --git a/kr/docs/about/mission.html b/kr/docs/about/mission.html
index c6d3bade3b..e3ed8a5d7f 100644
--- a/kr/docs/about/mission.html
+++ b/kr/docs/about/mission.html
@@ -9,8 +9,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/kr/opensearch.xml"><link rel="stylesheet" href="/kr/assets/css/styles.554655a0.css">
-<script src="/kr/assets/js/runtime~main.747d66f0.js" defer="defer"></script>
-<script src="/kr/assets/js/main.6d627ed0.js" defer="defer"></script>
+<script src="/kr/assets/js/runtime~main.c4f81ee2.js" defer="defer"></script>
+<script src="/kr/assets/js/main.ea09754c.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/kr/"><div class="navbar__logo"><img src="/kr/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/kr/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/kr/docs">📖 Docs</a><a class="navbar__item navbar__link" href="/kr/community">💫 Community</a><a class="navbar__item navbar__link" href="/kr/blog">📝 Blog</a><a class="navbar__item navbar__link" href="/kr/examples">🛠 Examples</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/kr/docs/about/mission">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a aria-current="page" class="dropdown__link dropdown__link--active" href="/kr/docs/about/mission">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/kr/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>한국어</a><ul class="dropdown__menu"><li><a href="/ru/docs/about/mission" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ru">Русский</a></li><li><a href="/docs/about/mission" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/uz/docs/about/mission" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/docs/about/mission" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="kr">한국어</a></li><li><a href="/ja/docs/about/mission" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><div class="docsWrapper_rDLg"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_JQoL" type="button"></button><div class="docRoot_GkJk"><aside class="theme-doc-sidebar-container docSidebarContainer_xiHB"><div class="sidebarViewport_DaHB"><div class="sidebar_Kb82"><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_AkOp"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--active" href="/kr/docs/about">🍰  About</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/kr/docs/about/mission">Mission</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/kr/docs/about/motivation">Motivation</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item sidebar-item--wip"><a class="menu__link" tabindex="0" href="/kr/docs/about/alternatives">Alternatives</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/kr/docs/about/understanding/architecture">Understanding</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/kr/docs/about/promote/integration">Promote</a></div></li></ul></li></ul></nav><button type="button" title="Collapse sidebar" aria-label="Collapse sidebar" class="button button--secondary button--outline collapseSidebarButton_L8vW"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_hYfn"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_uESP"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_w6lk"><div class="docItemContainer_b1tn"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_ioLt" aria-label="Breadcrumbs"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Home page" class="breadcrumbs__link" href="/kr/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_ZfEo"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/kr/docs/about"><span itemprop="name">🍰  About</span></a><meta itemprop="position" content="1"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">Mission</span><meta itemprop="position" content="2"></li></ul></nav><div class="tocCollapsible_EkMH theme-doc-toc-mobile tocMobile_XRnS"><button type="button" class="clean-btn tocCollapsibleButton_ID8T">On this page</button></div><div class="theme-doc-markdown markdown"><header><h1>Mission</h1></header>
@@ -53,6 +53,6 @@ <h2 class="anchor anchorWithStickyNavbar_QzlE" id="limitations">Limitations<a hr
 <h2 class="anchor anchorWithStickyNavbar_QzlE" id="see-also">See also<a href="#see-also" class="hash-link" aria-label="Direct link to heading" title="Direct link to heading">​</a></h2>
 <ul>
 <li><a href="/kr/docs/about/understanding/architecture#problems">Architecture problems</a></li>
-</ul></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/about/mission.md" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Last updated<!-- --> on <b><time datetime="2024-09-29T11:02:46.000Z" itemprop="dateModified">Sep 29, 2024</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/kr/docs/about"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">🍰 About</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/kr/docs/about/motivation"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">Motivation</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#goals" class="table-of-contents__link toc-highlight">Goals</a><ul><li><a href="#intuitive-clarity-for-a-wide-range-of-developers" class="table-of-contents__link toc-highlight">Intuitive clarity for a wide range of developers</a></li><li><a href="#solving-everyday-problems" class="table-of-contents__link toc-highlight">Solving everyday problems</a></li></ul></li><li><a href="#limitations" class="table-of-contents__link toc-highlight">Limitations</a></li><li><a href="#see-also" class="table-of-contents__link toc-highlight">See also</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Specs</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/kr/docs">Documentation</a></li><li class="footer__item"><a class="footer__link-item" href="/kr/community">Community</a></li><li class="footer__item"><a class="footer__link-item" href="/kr/nav">Help</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">License<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/kr/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/kr/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2024  Feature-Sliced Design</div></div></div></footer></div>
+</ul></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/about/mission.md" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Last updated<!-- --> on <b><time datetime="2024-10-07T18:23:06.000Z" itemprop="dateModified">Oct 7, 2024</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/kr/docs/about"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">🍰 About</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/kr/docs/about/motivation"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">Motivation</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#goals" class="table-of-contents__link toc-highlight">Goals</a><ul><li><a href="#intuitive-clarity-for-a-wide-range-of-developers" class="table-of-contents__link toc-highlight">Intuitive clarity for a wide range of developers</a></li><li><a href="#solving-everyday-problems" class="table-of-contents__link toc-highlight">Solving everyday problems</a></li></ul></li><li><a href="#limitations" class="table-of-contents__link toc-highlight">Limitations</a></li><li><a href="#see-also" class="table-of-contents__link toc-highlight">See also</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Specs</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/kr/docs">Documentation</a></li><li class="footer__item"><a class="footer__link-item" href="/kr/community">Community</a></li><li class="footer__item"><a class="footer__link-item" href="/kr/nav">Help</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">License<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/kr/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/kr/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2024  Feature-Sliced Design</div></div></div></footer></div>
 </body>
 </html>
\ No newline at end of file
diff --git a/kr/docs/about/motivation.html b/kr/docs/about/motivation.html
index 11748854ef..3f6bb0935a 100644
--- a/kr/docs/about/motivation.html
+++ b/kr/docs/about/motivation.html
@@ -9,8 +9,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/kr/opensearch.xml"><link rel="stylesheet" href="/kr/assets/css/styles.554655a0.css">
-<script src="/kr/assets/js/runtime~main.747d66f0.js" defer="defer"></script>
-<script src="/kr/assets/js/main.6d627ed0.js" defer="defer"></script>
+<script src="/kr/assets/js/runtime~main.c4f81ee2.js" defer="defer"></script>
+<script src="/kr/assets/js/main.ea09754c.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/kr/"><div class="navbar__logo"><img src="/kr/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/kr/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/kr/docs">📖 Docs</a><a class="navbar__item navbar__link" href="/kr/community">💫 Community</a><a class="navbar__item navbar__link" href="/kr/blog">📝 Blog</a><a class="navbar__item navbar__link" href="/kr/examples">🛠 Examples</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/kr/docs/about/motivation">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a aria-current="page" class="dropdown__link dropdown__link--active" href="/kr/docs/about/motivation">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/kr/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>한국어</a><ul class="dropdown__menu"><li><a href="/ru/docs/about/motivation" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ru">Русский</a></li><li><a href="/docs/about/motivation" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/uz/docs/about/motivation" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/docs/about/motivation" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="kr">한국어</a></li><li><a href="/ja/docs/about/motivation" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><div class="docsWrapper_rDLg"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_JQoL" type="button"></button><div class="docRoot_GkJk"><aside class="theme-doc-sidebar-container docSidebarContainer_xiHB"><div class="sidebarViewport_DaHB"><div class="sidebar_Kb82"><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_AkOp"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--active" href="/kr/docs/about">🍰  About</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/kr/docs/about/mission">Mission</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/kr/docs/about/motivation">Motivation</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item sidebar-item--wip"><a class="menu__link" tabindex="0" href="/kr/docs/about/alternatives">Alternatives</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/kr/docs/about/understanding/architecture">Understanding</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/kr/docs/about/promote/integration">Promote</a></div></li></ul></li></ul></nav><button type="button" title="Collapse sidebar" aria-label="Collapse sidebar" class="button button--secondary button--outline collapseSidebarButton_L8vW"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_hYfn"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_uESP"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_w6lk"><div class="docItemContainer_b1tn"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_ioLt" aria-label="Breadcrumbs"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Home page" class="breadcrumbs__link" href="/kr/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_ZfEo"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/kr/docs/about"><span itemprop="name">🍰  About</span></a><meta itemprop="position" content="1"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">Motivation</span><meta itemprop="position" content="2"></li></ul></nav><div class="tocCollapsible_EkMH theme-doc-toc-mobile tocMobile_XRnS"><button type="button" class="clean-btn tocCollapsibleButton_ID8T">On this page</button></div><div class="theme-doc-markdown markdown"><header><h1>Motivation</h1></header>
@@ -111,6 +111,6 @@ <h2 class="anchor anchorWithStickyNavbar_QzlE" id="see-also">See also<a href="#s
 <li><a href="https://github.com/feature-sliced/documentation/discussions/27" target="_blank" rel="noopener noreferrer">(Discussion) Don&#x27;t need a methodology?</a></li>
 <li><a href="/kr/docs/about/mission">About the methodology&#x27;s mission: goals and limitations</a></li>
 <li><a href="/kr/docs/about/understanding/knowledge-types">Types of knowledge in the project</a></li>
-</ul></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/about/motivation.md" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Last updated<!-- --> on <b><time datetime="2024-09-29T11:02:46.000Z" itemprop="dateModified">Sep 29, 2024</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/kr/docs/about/mission"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">Mission</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/kr/docs/about/alternatives"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">Alternatives</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#why-are-there-not-enough-existing-solutions" class="table-of-contents__link toc-highlight">Why are there not enough existing solutions?</a><ul><li><a href="#principles-alone-are-not-enough" class="table-of-contents__link toc-highlight">Principles alone are not enough</a></li><li><a href="#processes-dont-always-work" class="table-of-contents__link toc-highlight">Processes don&#39;t always work</a></li><li><a href="#existing-frameworks-cannot-be-applied-everywhere" class="table-of-contents__link toc-highlight">Existing frameworks cannot be applied everywhere</a></li><li><a href="#as-a-result" class="table-of-contents__link toc-highlight">As a result</a></li></ul></li><li><a href="#why-do-developers-need-the-methodology" class="table-of-contents__link toc-highlight">Why do developers need the methodology?</a><ul><li><a href="#focus-on-business-features-not-on-architecture-problems" class="table-of-contents__link toc-highlight">Focus on business features, not on architecture problems</a></li><li><a href="#an-experience-proven-solution" class="table-of-contents__link toc-highlight">An experience-proven solution</a></li><li><a href="#project-health" class="table-of-contents__link toc-highlight">Project Health</a></li></ul></li><li><a href="#why-does-a-business-need-a-methodology" class="table-of-contents__link toc-highlight">Why does a business need a methodology?</a><ul><li><a href="#fast-onboarding" class="table-of-contents__link toc-highlight">Fast onboarding</a></li><li><a href="#an-experience-proven-solution-1" class="table-of-contents__link toc-highlight">An experience-proven solution</a></li><li><a href="#applicability-for-different-stages-of-the-project" class="table-of-contents__link toc-highlight">Applicability for different stages of the project</a></li></ul></li><li><a href="#when-is-our-methodology-not-needed" class="table-of-contents__link toc-highlight">When is our methodology not needed?</a><ul><li><a href="#business-size" class="table-of-contents__link toc-highlight">Business Size</a></li></ul></li><li><a href="#plans" class="table-of-contents__link toc-highlight">Plans</a><ul><li><a href="#combining-experience" class="table-of-contents__link toc-highlight">Combining experience</a></li><li><a href="#life-outside-the-specification" class="table-of-contents__link toc-highlight">Life outside the specification</a></li></ul></li><li><a href="#see-also" class="table-of-contents__link toc-highlight">See also</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Specs</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/kr/docs">Documentation</a></li><li class="footer__item"><a class="footer__link-item" href="/kr/community">Community</a></li><li class="footer__item"><a class="footer__link-item" href="/kr/nav">Help</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">License<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/kr/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/kr/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2024  Feature-Sliced Design</div></div></div></footer></div>
+</ul></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/about/motivation.md" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Last updated<!-- --> on <b><time datetime="2024-10-07T18:23:06.000Z" itemprop="dateModified">Oct 7, 2024</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/kr/docs/about/mission"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">Mission</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/kr/docs/about/alternatives"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">Alternatives</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#why-are-there-not-enough-existing-solutions" class="table-of-contents__link toc-highlight">Why are there not enough existing solutions?</a><ul><li><a href="#principles-alone-are-not-enough" class="table-of-contents__link toc-highlight">Principles alone are not enough</a></li><li><a href="#processes-dont-always-work" class="table-of-contents__link toc-highlight">Processes don&#39;t always work</a></li><li><a href="#existing-frameworks-cannot-be-applied-everywhere" class="table-of-contents__link toc-highlight">Existing frameworks cannot be applied everywhere</a></li><li><a href="#as-a-result" class="table-of-contents__link toc-highlight">As a result</a></li></ul></li><li><a href="#why-do-developers-need-the-methodology" class="table-of-contents__link toc-highlight">Why do developers need the methodology?</a><ul><li><a href="#focus-on-business-features-not-on-architecture-problems" class="table-of-contents__link toc-highlight">Focus on business features, not on architecture problems</a></li><li><a href="#an-experience-proven-solution" class="table-of-contents__link toc-highlight">An experience-proven solution</a></li><li><a href="#project-health" class="table-of-contents__link toc-highlight">Project Health</a></li></ul></li><li><a href="#why-does-a-business-need-a-methodology" class="table-of-contents__link toc-highlight">Why does a business need a methodology?</a><ul><li><a href="#fast-onboarding" class="table-of-contents__link toc-highlight">Fast onboarding</a></li><li><a href="#an-experience-proven-solution-1" class="table-of-contents__link toc-highlight">An experience-proven solution</a></li><li><a href="#applicability-for-different-stages-of-the-project" class="table-of-contents__link toc-highlight">Applicability for different stages of the project</a></li></ul></li><li><a href="#when-is-our-methodology-not-needed" class="table-of-contents__link toc-highlight">When is our methodology not needed?</a><ul><li><a href="#business-size" class="table-of-contents__link toc-highlight">Business Size</a></li></ul></li><li><a href="#plans" class="table-of-contents__link toc-highlight">Plans</a><ul><li><a href="#combining-experience" class="table-of-contents__link toc-highlight">Combining experience</a></li><li><a href="#life-outside-the-specification" class="table-of-contents__link toc-highlight">Life outside the specification</a></li></ul></li><li><a href="#see-also" class="table-of-contents__link toc-highlight">See also</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Specs</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/kr/docs">Documentation</a></li><li class="footer__item"><a class="footer__link-item" href="/kr/community">Community</a></li><li class="footer__item"><a class="footer__link-item" href="/kr/nav">Help</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">License<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/kr/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/kr/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2024  Feature-Sliced Design</div></div></div></footer></div>
 </body>
 </html>
\ No newline at end of file
diff --git a/kr/docs/about/promote/for-company.html b/kr/docs/about/promote/for-company.html
index 11821e990c..7bc64d343b 100644
--- a/kr/docs/about/promote/for-company.html
+++ b/kr/docs/about/promote/for-company.html
@@ -9,8 +9,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/kr/opensearch.xml"><link rel="stylesheet" href="/kr/assets/css/styles.554655a0.css">
-<script src="/kr/assets/js/runtime~main.747d66f0.js" defer="defer"></script>
-<script src="/kr/assets/js/main.6d627ed0.js" defer="defer"></script>
+<script src="/kr/assets/js/runtime~main.c4f81ee2.js" defer="defer"></script>
+<script src="/kr/assets/js/main.ea09754c.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/kr/"><div class="navbar__logo"><img src="/kr/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/kr/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/kr/docs">📖 Docs</a><a class="navbar__item navbar__link" href="/kr/community">💫 Community</a><a class="navbar__item navbar__link" href="/kr/blog">📝 Blog</a><a class="navbar__item navbar__link" href="/kr/examples">🛠 Examples</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/kr/docs/about/promote/for-company">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a aria-current="page" class="dropdown__link dropdown__link--active" href="/kr/docs/about/promote/for-company">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/kr/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>한국어</a><ul class="dropdown__menu"><li><a href="/ru/docs/about/promote/for-company" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ru">Русский</a></li><li><a href="/docs/about/promote/for-company" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/uz/docs/about/promote/for-company" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/docs/about/promote/for-company" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="kr">한국어</a></li><li><a href="/ja/docs/about/promote/for-company" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><div class="docsWrapper_rDLg"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_JQoL" type="button"></button><div class="docRoot_GkJk"><aside class="theme-doc-sidebar-container docSidebarContainer_xiHB"><div class="sidebarViewport_DaHB"><div class="sidebar_Kb82"><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_AkOp"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--active" href="/kr/docs/about">🍰  About</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/kr/docs/about/mission">Mission</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/kr/docs/about/motivation">Motivation</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item sidebar-item--wip"><a class="menu__link" tabindex="0" href="/kr/docs/about/alternatives">Alternatives</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/kr/docs/about/understanding/architecture">Understanding</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret menu__link--active" role="button" aria-expanded="true" tabindex="0" href="/kr/docs/about/promote/integration">Promote</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/kr/docs/about/promote/integration">Integration aspects</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item sidebar-item--wip"><a class="menu__link" tabindex="0" href="/kr/docs/about/promote/partial-application">Partial Application</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item sidebar-item--wip"><a class="menu__link" tabindex="0" href="/kr/docs/about/promote/for-team">Promote in team</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item sidebar-item--wip"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/kr/docs/about/promote/for-company">Promote in company</a></li></ul></li></ul></li></ul></nav><button type="button" title="Collapse sidebar" aria-label="Collapse sidebar" class="button button--secondary button--outline collapseSidebarButton_L8vW"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_hYfn"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_uESP"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_w6lk"><div class="docItemContainer_b1tn"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_ioLt" aria-label="Breadcrumbs"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Home page" class="breadcrumbs__link" href="/kr/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_ZfEo"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/kr/docs/about"><span itemprop="name">🍰  About</span></a><meta itemprop="position" content="1"></li><li class="breadcrumbs__item"><span class="breadcrumbs__link">Promote</span><meta itemprop="position" content="2"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">Promote in company</span><meta itemprop="position" content="3"></li></ul></nav><div class="tocCollapsible_EkMH theme-doc-toc-mobile tocMobile_XRnS"><button type="button" class="clean-btn tocCollapsibleButton_ID8T">On this page</button></div><div class="theme-doc-markdown markdown"><header><h1>Promote in company</h1></header>
@@ -20,6 +20,6 @@ <h2 class="anchor anchorWithStickyNavbar_QzlE" id="do-the-project-and-the-compan
 <p>About the justification of the application, Those duty</p>
 </blockquote>
 <h2 class="anchor anchorWithStickyNavbar_QzlE" id="how-can-i-submit-a-methodology-to-a-business">How can I submit a methodology to a business?<a href="#how-can-i-submit-a-methodology-to-a-business" class="hash-link" aria-label="Direct link to heading" title="Direct link to heading">​</a></h2>
-<h2 class="anchor anchorWithStickyNavbar_QzlE" id="how-to-prepare-and-justify-a-plan-to-move-to-the-methodology">How to prepare and justify a plan to move to the methodology?<a href="#how-to-prepare-and-justify-a-plan-to-move-to-the-methodology" class="hash-link" aria-label="Direct link to heading" title="Direct link to heading">​</a></h2></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/about/promote/for-company.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Last updated<!-- --> on <b><time datetime="2024-09-29T11:02:46.000Z" itemprop="dateModified">Sep 29, 2024</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/kr/docs/about/promote/for-team"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">Promote in team</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#do-the-project-and-the-company-need-a-methodology" class="table-of-contents__link toc-highlight">Do the project and the company need a methodology?</a></li><li><a href="#how-can-i-submit-a-methodology-to-a-business" class="table-of-contents__link toc-highlight">How can I submit a methodology to a business?</a></li><li><a href="#how-to-prepare-and-justify-a-plan-to-move-to-the-methodology" class="table-of-contents__link toc-highlight">How to prepare and justify a plan to move to the methodology?</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Specs</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/kr/docs">Documentation</a></li><li class="footer__item"><a class="footer__link-item" href="/kr/community">Community</a></li><li class="footer__item"><a class="footer__link-item" href="/kr/nav">Help</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">License<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/kr/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/kr/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2024  Feature-Sliced Design</div></div></div></footer></div>
+<h2 class="anchor anchorWithStickyNavbar_QzlE" id="how-to-prepare-and-justify-a-plan-to-move-to-the-methodology">How to prepare and justify a plan to move to the methodology?<a href="#how-to-prepare-and-justify-a-plan-to-move-to-the-methodology" class="hash-link" aria-label="Direct link to heading" title="Direct link to heading">​</a></h2></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/about/promote/for-company.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Last updated<!-- --> on <b><time datetime="2024-10-07T18:23:06.000Z" itemprop="dateModified">Oct 7, 2024</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/kr/docs/about/promote/for-team"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">Promote in team</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#do-the-project-and-the-company-need-a-methodology" class="table-of-contents__link toc-highlight">Do the project and the company need a methodology?</a></li><li><a href="#how-can-i-submit-a-methodology-to-a-business" class="table-of-contents__link toc-highlight">How can I submit a methodology to a business?</a></li><li><a href="#how-to-prepare-and-justify-a-plan-to-move-to-the-methodology" class="table-of-contents__link toc-highlight">How to prepare and justify a plan to move to the methodology?</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Specs</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/kr/docs">Documentation</a></li><li class="footer__item"><a class="footer__link-item" href="/kr/community">Community</a></li><li class="footer__item"><a class="footer__link-item" href="/kr/nav">Help</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">License<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/kr/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/kr/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2024  Feature-Sliced Design</div></div></div></footer></div>
 </body>
 </html>
\ No newline at end of file
diff --git a/kr/docs/about/promote/for-team.html b/kr/docs/about/promote/for-team.html
index 6d91853f8b..95ccf775a0 100644
--- a/kr/docs/about/promote/for-team.html
+++ b/kr/docs/about/promote/for-team.html
@@ -9,8 +9,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/kr/opensearch.xml"><link rel="stylesheet" href="/kr/assets/css/styles.554655a0.css">
-<script src="/kr/assets/js/runtime~main.747d66f0.js" defer="defer"></script>
-<script src="/kr/assets/js/main.6d627ed0.js" defer="defer"></script>
+<script src="/kr/assets/js/runtime~main.c4f81ee2.js" defer="defer"></script>
+<script src="/kr/assets/js/main.ea09754c.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/kr/"><div class="navbar__logo"><img src="/kr/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/kr/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/kr/docs">📖 Docs</a><a class="navbar__item navbar__link" href="/kr/community">💫 Community</a><a class="navbar__item navbar__link" href="/kr/blog">📝 Blog</a><a class="navbar__item navbar__link" href="/kr/examples">🛠 Examples</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/kr/docs/about/promote/for-team">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a aria-current="page" class="dropdown__link dropdown__link--active" href="/kr/docs/about/promote/for-team">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/kr/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>한국어</a><ul class="dropdown__menu"><li><a href="/ru/docs/about/promote/for-team" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ru">Русский</a></li><li><a href="/docs/about/promote/for-team" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/uz/docs/about/promote/for-team" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/docs/about/promote/for-team" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="kr">한국어</a></li><li><a href="/ja/docs/about/promote/for-team" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><div class="docsWrapper_rDLg"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_JQoL" type="button"></button><div class="docRoot_GkJk"><aside class="theme-doc-sidebar-container docSidebarContainer_xiHB"><div class="sidebarViewport_DaHB"><div class="sidebar_Kb82"><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_AkOp"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--active" href="/kr/docs/about">🍰  About</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/kr/docs/about/mission">Mission</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/kr/docs/about/motivation">Motivation</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item sidebar-item--wip"><a class="menu__link" tabindex="0" href="/kr/docs/about/alternatives">Alternatives</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/kr/docs/about/understanding/architecture">Understanding</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret menu__link--active" role="button" aria-expanded="true" tabindex="0" href="/kr/docs/about/promote/integration">Promote</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/kr/docs/about/promote/integration">Integration aspects</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item sidebar-item--wip"><a class="menu__link" tabindex="0" href="/kr/docs/about/promote/partial-application">Partial Application</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item sidebar-item--wip"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/kr/docs/about/promote/for-team">Promote in team</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item sidebar-item--wip"><a class="menu__link" tabindex="0" href="/kr/docs/about/promote/for-company">Promote in company</a></li></ul></li></ul></li></ul></nav><button type="button" title="Collapse sidebar" aria-label="Collapse sidebar" class="button button--secondary button--outline collapseSidebarButton_L8vW"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_hYfn"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_uESP"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_w6lk"><div class="docItemContainer_b1tn"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_ioLt" aria-label="Breadcrumbs"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Home page" class="breadcrumbs__link" href="/kr/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_ZfEo"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/kr/docs/about"><span itemprop="name">🍰  About</span></a><meta itemprop="position" content="1"></li><li class="breadcrumbs__item"><span class="breadcrumbs__link">Promote</span><meta itemprop="position" content="2"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">Promote in team</span><meta itemprop="position" content="3"></li></ul></nav><div class="tocCollapsible_EkMH theme-doc-toc-mobile tocMobile_XRnS"><button type="button" class="clean-btn tocCollapsibleButton_ID8T">On this page</button></div><div class="theme-doc-markdown markdown"><header><h1>Promote in team</h1></header>
@@ -24,6 +24,6 @@ <h2 class="anchor anchorWithStickyNavbar_QzlE" id="see-also">See also<a href="#s
 <ul>
 <li><a href="https://t.me/feature_sliced/3360" target="_blank" rel="noopener noreferrer">(Thread) The simplicity of the old approaches and the importance of mindfulness</a></li>
 <li><a href="https://t.me/feature_sliced/1918" target="_blank" rel="noopener noreferrer">(Thread) About the convenience of searching by layers</a></li>
-</ul></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/about/promote/for-team.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Last updated<!-- --> on <b><time datetime="2024-09-29T11:02:46.000Z" itemprop="dateModified">Sep 29, 2024</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/kr/docs/about/promote/partial-application"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">Partial Application</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/kr/docs/about/promote/for-company"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">Promote in company</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#see-also" class="table-of-contents__link toc-highlight">See also</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Specs</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/kr/docs">Documentation</a></li><li class="footer__item"><a class="footer__link-item" href="/kr/community">Community</a></li><li class="footer__item"><a class="footer__link-item" href="/kr/nav">Help</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">License<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/kr/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/kr/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2024  Feature-Sliced Design</div></div></div></footer></div>
+</ul></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/about/promote/for-team.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Last updated<!-- --> on <b><time datetime="2024-10-07T18:23:06.000Z" itemprop="dateModified">Oct 7, 2024</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/kr/docs/about/promote/partial-application"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">Partial Application</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/kr/docs/about/promote/for-company"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">Promote in company</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#see-also" class="table-of-contents__link toc-highlight">See also</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Specs</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/kr/docs">Documentation</a></li><li class="footer__item"><a class="footer__link-item" href="/kr/community">Community</a></li><li class="footer__item"><a class="footer__link-item" href="/kr/nav">Help</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">License<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/kr/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/kr/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2024  Feature-Sliced Design</div></div></div></footer></div>
 </body>
 </html>
\ No newline at end of file
diff --git a/kr/docs/about/promote/integration.html b/kr/docs/about/promote/integration.html
index 3df9e978c9..ea3186a9d7 100644
--- a/kr/docs/about/promote/integration.html
+++ b/kr/docs/about/promote/integration.html
@@ -9,8 +9,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/kr/opensearch.xml"><link rel="stylesheet" href="/kr/assets/css/styles.554655a0.css">
-<script src="/kr/assets/js/runtime~main.747d66f0.js" defer="defer"></script>
-<script src="/kr/assets/js/main.6d627ed0.js" defer="defer"></script>
+<script src="/kr/assets/js/runtime~main.c4f81ee2.js" defer="defer"></script>
+<script src="/kr/assets/js/main.ea09754c.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/kr/"><div class="navbar__logo"><img src="/kr/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/kr/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/kr/docs">📖 Docs</a><a class="navbar__item navbar__link" href="/kr/community">💫 Community</a><a class="navbar__item navbar__link" href="/kr/blog">📝 Blog</a><a class="navbar__item navbar__link" href="/kr/examples">🛠 Examples</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/kr/docs/about/promote/integration">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a aria-current="page" class="dropdown__link dropdown__link--active" href="/kr/docs/about/promote/integration">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/kr/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>한국어</a><ul class="dropdown__menu"><li><a href="/ru/docs/about/promote/integration" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ru">Русский</a></li><li><a href="/docs/about/promote/integration" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/uz/docs/about/promote/integration" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/docs/about/promote/integration" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="kr">한국어</a></li><li><a href="/ja/docs/about/promote/integration" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><div class="docsWrapper_rDLg"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_JQoL" type="button"></button><div class="docRoot_GkJk"><aside class="theme-doc-sidebar-container docSidebarContainer_xiHB"><div class="sidebarViewport_DaHB"><div class="sidebar_Kb82"><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_AkOp"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--active" href="/kr/docs/about">🍰  About</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/kr/docs/about/mission">Mission</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/kr/docs/about/motivation">Motivation</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item sidebar-item--wip"><a class="menu__link" tabindex="0" href="/kr/docs/about/alternatives">Alternatives</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/kr/docs/about/understanding/architecture">Understanding</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret menu__link--active" role="button" aria-expanded="true" tabindex="0" href="/kr/docs/about/promote/integration">Promote</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/kr/docs/about/promote/integration">Integration aspects</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item sidebar-item--wip"><a class="menu__link" tabindex="0" href="/kr/docs/about/promote/partial-application">Partial Application</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item sidebar-item--wip"><a class="menu__link" tabindex="0" href="/kr/docs/about/promote/for-team">Promote in team</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item sidebar-item--wip"><a class="menu__link" tabindex="0" href="/kr/docs/about/promote/for-company">Promote in company</a></li></ul></li></ul></li></ul></nav><button type="button" title="Collapse sidebar" aria-label="Collapse sidebar" class="button button--secondary button--outline collapseSidebarButton_L8vW"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_hYfn"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_uESP"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_w6lk"><div class="docItemContainer_b1tn"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_ioLt" aria-label="Breadcrumbs"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Home page" class="breadcrumbs__link" href="/kr/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_ZfEo"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/kr/docs/about"><span itemprop="name">🍰  About</span></a><meta itemprop="position" content="1"></li><li class="breadcrumbs__item"><span class="breadcrumbs__link">Promote</span><meta itemprop="position" content="2"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">Integration aspects</span><meta itemprop="position" content="3"></li></ul></nav><div class="tocCollapsible_EkMH theme-doc-toc-mobile tocMobile_XRnS"><button type="button" class="clean-btn tocCollapsibleButton_ID8T">On this page</button></div><div class="theme-doc-markdown markdown"><header><h1>Integration aspects</h1></header>
@@ -30,6 +30,6 @@ <h2 class="anchor anchorWithStickyNavbar_QzlE" id="also">Also<a href="#also" cla
 <li>High entry threshold</li>
 <li>&quot;Layers hell&quot;</li>
 <li>Typical problems of feature-based approaches</li>
-</ul></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/about/promote/integration.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Last updated<!-- --> on <b><time datetime="2024-09-29T11:02:46.000Z" itemprop="dateModified">Sep 29, 2024</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/kr/docs/about/understanding/abstractions"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">Abstractions</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/kr/docs/about/promote/partial-application"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">Partial Application</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#summary" class="table-of-contents__link toc-highlight">Summary</a></li><li><a href="#also" class="table-of-contents__link toc-highlight">Also</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Specs</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/kr/docs">Documentation</a></li><li class="footer__item"><a class="footer__link-item" href="/kr/community">Community</a></li><li class="footer__item"><a class="footer__link-item" href="/kr/nav">Help</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">License<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/kr/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/kr/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2024  Feature-Sliced Design</div></div></div></footer></div>
+</ul></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/about/promote/integration.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Last updated<!-- --> on <b><time datetime="2024-10-07T18:23:06.000Z" itemprop="dateModified">Oct 7, 2024</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/kr/docs/about/understanding/abstractions"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">Abstractions</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/kr/docs/about/promote/partial-application"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">Partial Application</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#summary" class="table-of-contents__link toc-highlight">Summary</a></li><li><a href="#also" class="table-of-contents__link toc-highlight">Also</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Specs</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/kr/docs">Documentation</a></li><li class="footer__item"><a class="footer__link-item" href="/kr/community">Community</a></li><li class="footer__item"><a class="footer__link-item" href="/kr/nav">Help</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">License<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/kr/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/kr/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2024  Feature-Sliced Design</div></div></div></footer></div>
 </body>
 </html>
\ No newline at end of file
diff --git a/kr/docs/about/promote/partial-application.html b/kr/docs/about/promote/partial-application.html
index 377fa79aaa..71538110ce 100644
--- a/kr/docs/about/promote/partial-application.html
+++ b/kr/docs/about/promote/partial-application.html
@@ -9,14 +9,14 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/kr/opensearch.xml"><link rel="stylesheet" href="/kr/assets/css/styles.554655a0.css">
-<script src="/kr/assets/js/runtime~main.747d66f0.js" defer="defer"></script>
-<script src="/kr/assets/js/main.6d627ed0.js" defer="defer"></script>
+<script src="/kr/assets/js/runtime~main.c4f81ee2.js" defer="defer"></script>
+<script src="/kr/assets/js/main.ea09754c.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/kr/"><div class="navbar__logo"><img src="/kr/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/kr/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/kr/docs">📖 Docs</a><a class="navbar__item navbar__link" href="/kr/community">💫 Community</a><a class="navbar__item navbar__link" href="/kr/blog">📝 Blog</a><a class="navbar__item navbar__link" href="/kr/examples">🛠 Examples</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/kr/docs/about/promote/partial-application">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a aria-current="page" class="dropdown__link dropdown__link--active" href="/kr/docs/about/promote/partial-application">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/kr/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>한국어</a><ul class="dropdown__menu"><li><a href="/ru/docs/about/promote/partial-application" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ru">Русский</a></li><li><a href="/docs/about/promote/partial-application" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/uz/docs/about/promote/partial-application" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/docs/about/promote/partial-application" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="kr">한국어</a></li><li><a href="/ja/docs/about/promote/partial-application" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><div class="docsWrapper_rDLg"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_JQoL" type="button"></button><div class="docRoot_GkJk"><aside class="theme-doc-sidebar-container docSidebarContainer_xiHB"><div class="sidebarViewport_DaHB"><div class="sidebar_Kb82"><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_AkOp"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--active" href="/kr/docs/about">🍰  About</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/kr/docs/about/mission">Mission</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/kr/docs/about/motivation">Motivation</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item sidebar-item--wip"><a class="menu__link" tabindex="0" href="/kr/docs/about/alternatives">Alternatives</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/kr/docs/about/understanding/architecture">Understanding</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret menu__link--active" role="button" aria-expanded="true" tabindex="0" href="/kr/docs/about/promote/integration">Promote</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/kr/docs/about/promote/integration">Integration aspects</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item sidebar-item--wip"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/kr/docs/about/promote/partial-application">Partial Application</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item sidebar-item--wip"><a class="menu__link" tabindex="0" href="/kr/docs/about/promote/for-team">Promote in team</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item sidebar-item--wip"><a class="menu__link" tabindex="0" href="/kr/docs/about/promote/for-company">Promote in company</a></li></ul></li></ul></li></ul></nav><button type="button" title="Collapse sidebar" aria-label="Collapse sidebar" class="button button--secondary button--outline collapseSidebarButton_L8vW"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_hYfn"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_uESP"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_w6lk"><div class="docItemContainer_b1tn"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_ioLt" aria-label="Breadcrumbs"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Home page" class="breadcrumbs__link" href="/kr/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_ZfEo"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/kr/docs/about"><span itemprop="name">🍰  About</span></a><meta itemprop="position" content="1"></li><li class="breadcrumbs__item"><span class="breadcrumbs__link">Promote</span><meta itemprop="position" content="2"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">Partial Application</span><meta itemprop="position" content="3"></li></ul></nav><div class="theme-doc-markdown markdown"><header><h1>Partial Application</h1></header>
 <div class="theme-admonition theme-admonition-caution admonition_yLUd alert alert--warning"><div class="admonitionHeading_ulUq"><span class="admonitionIcon_Wbvt"><svg viewBox="0 0 16 16"><path fill-rule="evenodd" d="M8.893 1.5c-.183-.31-.52-.5-.887-.5s-.703.19-.886.5L.138 13.499a.98.98 0 0 0 0 1.001c.193.31.53.501.886.501h13.964c.367 0 .704-.19.877-.5a1.03 1.03 0 0 0 .01-1.002L8.893 1.5zm.133 11.497H6.987v-2.003h2.039v2.003zm0-3.004H6.987V5.987h2.039v4.006z"></path></svg></span>WIP</div><div class="admonitionContent_mbd8"><div><p>The article is in the process of writing</p><p>To bring the release of the article closer, you can:</p><ul><li>📢 Share your feedback <a href="https://github.com/feature-sliced/documentation/issues/199" target="_blank" rel="noopener noreferrer">at article (comment/emoji-reaction)</a></li><li>💬 Collect the relevant <a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer">material on the topic from chat</a></li><li>⚒️ Contribute <a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer">in any other way</a></li></ul><br><p><i>🍰 Stay tuned!</i></p></div></div></div>
 <blockquote>
 <p>How to partially apply the methodology? Does it make sense? What if I ignore it?</p>
-</blockquote></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/about/promote/partial-application.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Last updated<!-- --> on <b><time datetime="2024-09-29T11:02:46.000Z" itemprop="dateModified">Sep 29, 2024</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/kr/docs/about/promote/integration"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">Integration aspects</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/kr/docs/about/promote/for-team"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">Promote in team</div></a></nav></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Specs</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/kr/docs">Documentation</a></li><li class="footer__item"><a class="footer__link-item" href="/kr/community">Community</a></li><li class="footer__item"><a class="footer__link-item" href="/kr/nav">Help</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">License<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/kr/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/kr/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2024  Feature-Sliced Design</div></div></div></footer></div>
+</blockquote></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/about/promote/partial-application.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Last updated<!-- --> on <b><time datetime="2024-10-07T18:23:06.000Z" itemprop="dateModified">Oct 7, 2024</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/kr/docs/about/promote/integration"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">Integration aspects</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/kr/docs/about/promote/for-team"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">Promote in team</div></a></nav></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Specs</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/kr/docs">Documentation</a></li><li class="footer__item"><a class="footer__link-item" href="/kr/community">Community</a></li><li class="footer__item"><a class="footer__link-item" href="/kr/nav">Help</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">License<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/kr/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/kr/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2024  Feature-Sliced Design</div></div></div></footer></div>
 </body>
 </html>
\ No newline at end of file
diff --git a/kr/docs/about/understanding/abstractions.html b/kr/docs/about/understanding/abstractions.html
index 3196c23340..067c18f5d5 100644
--- a/kr/docs/about/understanding/abstractions.html
+++ b/kr/docs/about/understanding/abstractions.html
@@ -9,8 +9,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/kr/opensearch.xml"><link rel="stylesheet" href="/kr/assets/css/styles.554655a0.css">
-<script src="/kr/assets/js/runtime~main.747d66f0.js" defer="defer"></script>
-<script src="/kr/assets/js/main.6d627ed0.js" defer="defer"></script>
+<script src="/kr/assets/js/runtime~main.c4f81ee2.js" defer="defer"></script>
+<script src="/kr/assets/js/main.ea09754c.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/kr/"><div class="navbar__logo"><img src="/kr/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/kr/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/kr/docs">📖 Docs</a><a class="navbar__item navbar__link" href="/kr/community">💫 Community</a><a class="navbar__item navbar__link" href="/kr/blog">📝 Blog</a><a class="navbar__item navbar__link" href="/kr/examples">🛠 Examples</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/kr/docs/about/understanding/abstractions">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a aria-current="page" class="dropdown__link dropdown__link--active" href="/kr/docs/about/understanding/abstractions">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/kr/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>한국어</a><ul class="dropdown__menu"><li><a href="/ru/docs/about/understanding/abstractions" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ru">Русский</a></li><li><a href="/docs/about/understanding/abstractions" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/uz/docs/about/understanding/abstractions" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/docs/about/understanding/abstractions" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="kr">한국어</a></li><li><a href="/ja/docs/about/understanding/abstractions" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><div class="docsWrapper_rDLg"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_JQoL" type="button"></button><div class="docRoot_GkJk"><aside class="theme-doc-sidebar-container docSidebarContainer_xiHB"><div class="sidebarViewport_DaHB"><div class="sidebar_Kb82"><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_AkOp"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--active" href="/kr/docs/about">🍰  About</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/kr/docs/about/mission">Mission</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/kr/docs/about/motivation">Motivation</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item sidebar-item--wip"><a class="menu__link" tabindex="0" href="/kr/docs/about/alternatives">Alternatives</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret menu__link--active" role="button" aria-expanded="true" tabindex="0" href="/kr/docs/about/understanding/architecture">Understanding</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/kr/docs/about/understanding/architecture">About architecture</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/kr/docs/about/understanding/needs-driven">Needs driven</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/kr/docs/about/understanding/knowledge-types">Knowledge types</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/kr/docs/about/understanding/naming">Naming</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item sidebar-item--wip"><a class="menu__link" tabindex="0" href="/kr/docs/about/understanding/signals">Signals of architecture</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item sidebar-item--wip"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/kr/docs/about/understanding/abstractions">Abstractions</a></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/kr/docs/about/promote/integration">Promote</a></div></li></ul></li></ul></nav><button type="button" title="Collapse sidebar" aria-label="Collapse sidebar" class="button button--secondary button--outline collapseSidebarButton_L8vW"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_hYfn"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_uESP"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_w6lk"><div class="docItemContainer_b1tn"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_ioLt" aria-label="Breadcrumbs"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Home page" class="breadcrumbs__link" href="/kr/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_ZfEo"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/kr/docs/about"><span itemprop="name">🍰  About</span></a><meta itemprop="position" content="1"></li><li class="breadcrumbs__item"><span class="breadcrumbs__link">Understanding</span><meta itemprop="position" content="2"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">Abstractions</span><meta itemprop="position" content="3"></li></ul></nav><div class="tocCollapsible_EkMH theme-doc-toc-mobile tocMobile_XRnS"><button type="button" class="clean-btn tocCollapsibleButton_ID8T">On this page</button></div><div class="theme-doc-markdown markdown"><header><h1>Abstractions</h1></header>
@@ -31,6 +31,6 @@ <h2 class="anchor anchorWithStickyNavbar_QzlE" id="see-also">See also<a href="#s
 <ul>
 <li><a href="https://t.me/feature_sliced/2801" target="_blank" rel="noopener noreferrer">About the need for new layers</a></li>
 <li><a href="https://t.me/feature_sliced/2619" target="_blank" rel="noopener noreferrer">About the difficulty in understanding the methodology and layers</a></li>
-</ul></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/about/understanding/abstractions.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Last updated<!-- --> on <b><time datetime="2024-09-29T11:02:46.000Z" itemprop="dateModified">Sep 29, 2024</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/kr/docs/about/understanding/signals"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">Signals of architecture</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/kr/docs/about/promote/integration"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">Integration aspects</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#the-law-of-leaky-abstractions" class="table-of-contents__link toc-highlight">The law of leaky abstractions</a></li><li><a href="#why-are-there-so-many-abstractions" class="table-of-contents__link toc-highlight">Why are there so many abstractions</a></li><li><a href="#about-scopes-of-responsibility" class="table-of-contents__link toc-highlight">About scopes of responsibility</a></li><li><a href="#see-also" class="table-of-contents__link toc-highlight">See also</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Specs</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/kr/docs">Documentation</a></li><li class="footer__item"><a class="footer__link-item" href="/kr/community">Community</a></li><li class="footer__item"><a class="footer__link-item" href="/kr/nav">Help</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">License<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/kr/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/kr/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2024  Feature-Sliced Design</div></div></div></footer></div>
+</ul></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/about/understanding/abstractions.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Last updated<!-- --> on <b><time datetime="2024-10-07T18:23:06.000Z" itemprop="dateModified">Oct 7, 2024</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/kr/docs/about/understanding/signals"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">Signals of architecture</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/kr/docs/about/promote/integration"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">Integration aspects</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#the-law-of-leaky-abstractions" class="table-of-contents__link toc-highlight">The law of leaky abstractions</a></li><li><a href="#why-are-there-so-many-abstractions" class="table-of-contents__link toc-highlight">Why are there so many abstractions</a></li><li><a href="#about-scopes-of-responsibility" class="table-of-contents__link toc-highlight">About scopes of responsibility</a></li><li><a href="#see-also" class="table-of-contents__link toc-highlight">See also</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Specs</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/kr/docs">Documentation</a></li><li class="footer__item"><a class="footer__link-item" href="/kr/community">Community</a></li><li class="footer__item"><a class="footer__link-item" href="/kr/nav">Help</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">License<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/kr/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/kr/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2024  Feature-Sliced Design</div></div></div></footer></div>
 </body>
 </html>
\ No newline at end of file
diff --git a/kr/docs/about/understanding/architecture.html b/kr/docs/about/understanding/architecture.html
index 48ef78b20c..2f51882629 100644
--- a/kr/docs/about/understanding/architecture.html
+++ b/kr/docs/about/understanding/architecture.html
@@ -9,8 +9,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/kr/opensearch.xml"><link rel="stylesheet" href="/kr/assets/css/styles.554655a0.css">
-<script src="/kr/assets/js/runtime~main.747d66f0.js" defer="defer"></script>
-<script src="/kr/assets/js/main.6d627ed0.js" defer="defer"></script>
+<script src="/kr/assets/js/runtime~main.c4f81ee2.js" defer="defer"></script>
+<script src="/kr/assets/js/main.ea09754c.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/kr/"><div class="navbar__logo"><img src="/kr/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/kr/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/kr/docs">📖 Docs</a><a class="navbar__item navbar__link" href="/kr/community">💫 Community</a><a class="navbar__item navbar__link" href="/kr/blog">📝 Blog</a><a class="navbar__item navbar__link" href="/kr/examples">🛠 Examples</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/kr/docs/about/understanding/architecture">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a aria-current="page" class="dropdown__link dropdown__link--active" href="/kr/docs/about/understanding/architecture">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/kr/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>한국어</a><ul class="dropdown__menu"><li><a href="/ru/docs/about/understanding/architecture" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ru">Русский</a></li><li><a href="/docs/about/understanding/architecture" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/uz/docs/about/understanding/architecture" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/docs/about/understanding/architecture" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="kr">한국어</a></li><li><a href="/ja/docs/about/understanding/architecture" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><div class="docsWrapper_rDLg"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_JQoL" type="button"></button><div class="docRoot_GkJk"><aside class="theme-doc-sidebar-container docSidebarContainer_xiHB"><div class="sidebarViewport_DaHB"><div class="sidebar_Kb82"><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_AkOp"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--active" href="/kr/docs/about">🍰  About</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/kr/docs/about/mission">Mission</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/kr/docs/about/motivation">Motivation</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item sidebar-item--wip"><a class="menu__link" tabindex="0" href="/kr/docs/about/alternatives">Alternatives</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret menu__link--active" role="button" aria-expanded="true" tabindex="0" href="/kr/docs/about/understanding/architecture">Understanding</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/kr/docs/about/understanding/architecture">About architecture</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/kr/docs/about/understanding/needs-driven">Needs driven</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/kr/docs/about/understanding/knowledge-types">Knowledge types</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/kr/docs/about/understanding/naming">Naming</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item sidebar-item--wip"><a class="menu__link" tabindex="0" href="/kr/docs/about/understanding/signals">Signals of architecture</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item sidebar-item--wip"><a class="menu__link" tabindex="0" href="/kr/docs/about/understanding/abstractions">Abstractions</a></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/kr/docs/about/promote/integration">Promote</a></div></li></ul></li></ul></nav><button type="button" title="Collapse sidebar" aria-label="Collapse sidebar" class="button button--secondary button--outline collapseSidebarButton_L8vW"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_hYfn"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_uESP"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_w6lk"><div class="docItemContainer_b1tn"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_ioLt" aria-label="Breadcrumbs"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Home page" class="breadcrumbs__link" href="/kr/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_ZfEo"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/kr/docs/about"><span itemprop="name">🍰  About</span></a><meta itemprop="position" content="1"></li><li class="breadcrumbs__item"><span class="breadcrumbs__link">Understanding</span><meta itemprop="position" content="2"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">About architecture</span><meta itemprop="position" content="3"></li></ul></nav><div class="tocCollapsible_EkMH theme-doc-toc-mobile tocMobile_XRnS"><button type="button" class="clean-btn tocCollapsibleButton_ID8T">On this page</button></div><div class="theme-doc-markdown markdown"><header><h1>About architecture</h1></header>
@@ -88,6 +88,6 @@ <h2 class="anchor anchorWithStickyNavbar_QzlE" id="see-also">See also<a href="#s
 <li><a href="https://t.me/feature_slices" target="_blank" rel="noopener noreferrer">(React SPB Meetup #1) Sergey Sova - Feature Slices</a></li>
 <li><a href="https://alexmngn.medium.com/why-react-developers-should-modularize-their-applications-d26d381854c1" target="_blank" rel="noopener noreferrer">(Article) About project modularization</a></li>
 <li><a href="https://ryanlanciaux.com/blog/2017/08/20/a-feature-based-approach-to-react-development/" target="_blank" rel="noopener noreferrer">(Article) About Separation of Concerns and structuring by features</a></li>
-</ul></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/about/understanding/architecture.md" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Last updated<!-- --> on <b><time datetime="2024-09-29T11:02:46.000Z" itemprop="dateModified">Sep 29, 2024</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/kr/docs/about/alternatives"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">Alternatives</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/kr/docs/about/understanding/needs-driven"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">Needs driven</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#problems" class="table-of-contents__link toc-highlight">Problems</a><ul><li><a href="#bus-factor--onboarding" class="table-of-contents__link toc-highlight">Bus-factor &amp; Onboarding</a></li><li><a href="#implicit-and-uncontrolled-consequences" class="table-of-contents__link toc-highlight">Implicit and uncontrolled consequences</a></li><li><a href="#uncontrolled-reuse-of-logic" class="table-of-contents__link toc-highlight">Uncontrolled reuse of logic</a></li></ul></li><li><a href="#requirements" class="table-of-contents__link toc-highlight">Requirements</a><ul><li><a href="#explicitness" class="table-of-contents__link toc-highlight">Explicitness</a></li><li><a href="#control" class="table-of-contents__link toc-highlight">Control</a></li><li><a href="#adaptability" class="table-of-contents__link toc-highlight">Adaptability</a></li></ul></li><li><a href="#see-also" class="table-of-contents__link toc-highlight">See also</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Specs</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/kr/docs">Documentation</a></li><li class="footer__item"><a class="footer__link-item" href="/kr/community">Community</a></li><li class="footer__item"><a class="footer__link-item" href="/kr/nav">Help</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">License<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/kr/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/kr/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2024  Feature-Sliced Design</div></div></div></footer></div>
+</ul></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/about/understanding/architecture.md" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Last updated<!-- --> on <b><time datetime="2024-10-07T18:23:06.000Z" itemprop="dateModified">Oct 7, 2024</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/kr/docs/about/alternatives"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">Alternatives</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/kr/docs/about/understanding/needs-driven"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">Needs driven</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#problems" class="table-of-contents__link toc-highlight">Problems</a><ul><li><a href="#bus-factor--onboarding" class="table-of-contents__link toc-highlight">Bus-factor &amp; Onboarding</a></li><li><a href="#implicit-and-uncontrolled-consequences" class="table-of-contents__link toc-highlight">Implicit and uncontrolled consequences</a></li><li><a href="#uncontrolled-reuse-of-logic" class="table-of-contents__link toc-highlight">Uncontrolled reuse of logic</a></li></ul></li><li><a href="#requirements" class="table-of-contents__link toc-highlight">Requirements</a><ul><li><a href="#explicitness" class="table-of-contents__link toc-highlight">Explicitness</a></li><li><a href="#control" class="table-of-contents__link toc-highlight">Control</a></li><li><a href="#adaptability" class="table-of-contents__link toc-highlight">Adaptability</a></li></ul></li><li><a href="#see-also" class="table-of-contents__link toc-highlight">See also</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Specs</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/kr/docs">Documentation</a></li><li class="footer__item"><a class="footer__link-item" href="/kr/community">Community</a></li><li class="footer__item"><a class="footer__link-item" href="/kr/nav">Help</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">License<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/kr/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/kr/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2024  Feature-Sliced Design</div></div></div></footer></div>
 </body>
 </html>
\ No newline at end of file
diff --git a/kr/docs/about/understanding/knowledge-types.html b/kr/docs/about/understanding/knowledge-types.html
index 833fe12692..656d8da56b 100644
--- a/kr/docs/about/understanding/knowledge-types.html
+++ b/kr/docs/about/understanding/knowledge-types.html
@@ -9,8 +9,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/kr/opensearch.xml"><link rel="stylesheet" href="/kr/assets/css/styles.554655a0.css">
-<script src="/kr/assets/js/runtime~main.747d66f0.js" defer="defer"></script>
-<script src="/kr/assets/js/main.6d627ed0.js" defer="defer"></script>
+<script src="/kr/assets/js/runtime~main.c4f81ee2.js" defer="defer"></script>
+<script src="/kr/assets/js/main.ea09754c.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/kr/"><div class="navbar__logo"><img src="/kr/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/kr/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/kr/docs">📖 Docs</a><a class="navbar__item navbar__link" href="/kr/community">💫 Community</a><a class="navbar__item navbar__link" href="/kr/blog">📝 Blog</a><a class="navbar__item navbar__link" href="/kr/examples">🛠 Examples</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/kr/docs/about/understanding/knowledge-types">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a aria-current="page" class="dropdown__link dropdown__link--active" href="/kr/docs/about/understanding/knowledge-types">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/kr/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>한국어</a><ul class="dropdown__menu"><li><a href="/ru/docs/about/understanding/knowledge-types" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ru">Русский</a></li><li><a href="/docs/about/understanding/knowledge-types" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/uz/docs/about/understanding/knowledge-types" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/docs/about/understanding/knowledge-types" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="kr">한국어</a></li><li><a href="/ja/docs/about/understanding/knowledge-types" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><div class="docsWrapper_rDLg"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_JQoL" type="button"></button><div class="docRoot_GkJk"><aside class="theme-doc-sidebar-container docSidebarContainer_xiHB"><div class="sidebarViewport_DaHB"><div class="sidebar_Kb82"><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_AkOp"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--active" href="/kr/docs/about">🍰  About</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/kr/docs/about/mission">Mission</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/kr/docs/about/motivation">Motivation</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item sidebar-item--wip"><a class="menu__link" tabindex="0" href="/kr/docs/about/alternatives">Alternatives</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret menu__link--active" role="button" aria-expanded="true" tabindex="0" href="/kr/docs/about/understanding/architecture">Understanding</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/kr/docs/about/understanding/architecture">About architecture</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/kr/docs/about/understanding/needs-driven">Needs driven</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/kr/docs/about/understanding/knowledge-types">Knowledge types</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/kr/docs/about/understanding/naming">Naming</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item sidebar-item--wip"><a class="menu__link" tabindex="0" href="/kr/docs/about/understanding/signals">Signals of architecture</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item sidebar-item--wip"><a class="menu__link" tabindex="0" href="/kr/docs/about/understanding/abstractions">Abstractions</a></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/kr/docs/about/promote/integration">Promote</a></div></li></ul></li></ul></nav><button type="button" title="Collapse sidebar" aria-label="Collapse sidebar" class="button button--secondary button--outline collapseSidebarButton_L8vW"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_hYfn"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_uESP"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_w6lk"><div class="docItemContainer_b1tn"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_ioLt" aria-label="Breadcrumbs"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Home page" class="breadcrumbs__link" href="/kr/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_ZfEo"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/kr/docs/about"><span itemprop="name">🍰  About</span></a><meta itemprop="position" content="1"></li><li class="breadcrumbs__item"><span class="breadcrumbs__link">Understanding</span><meta itemprop="position" content="2"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">Knowledge types</span><meta itemprop="position" content="3"></li></ul></nav><div class="tocCollapsible_EkMH theme-doc-toc-mobile tocMobile_XRnS"><button type="button" class="clean-btn tocCollapsibleButton_ID8T">On this page</button></div><div class="theme-doc-markdown markdown"><header><h1>Knowledge types in the project</h1></header>
@@ -33,6 +33,6 @@
 <h2 class="anchor anchorWithStickyNavbar_QzlE" id="see-also">See also<a href="#see-also" class="hash-link" aria-label="Direct link to heading" title="Direct link to heading">​</a></h2>
 <ul>
 <li><a href="https://youtu.be/4xyb_tA-uw0?t=249" target="_blank" rel="noopener noreferrer">(Video 🇷🇺) Ilya Klimov - On Types of Knowledge</a></li>
-</ul></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/about/understanding/knowledge-types.md" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Last updated<!-- --> on <b><time datetime="2024-09-29T11:02:46.000Z" itemprop="dateModified">Sep 29, 2024</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/kr/docs/about/understanding/needs-driven"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">Needs driven</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/kr/docs/about/understanding/naming"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">Naming</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#see-also" class="table-of-contents__link toc-highlight">See also</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Specs</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/kr/docs">Documentation</a></li><li class="footer__item"><a class="footer__link-item" href="/kr/community">Community</a></li><li class="footer__item"><a class="footer__link-item" href="/kr/nav">Help</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">License<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/kr/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/kr/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2024  Feature-Sliced Design</div></div></div></footer></div>
+</ul></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/about/understanding/knowledge-types.md" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Last updated<!-- --> on <b><time datetime="2024-10-07T18:23:06.000Z" itemprop="dateModified">Oct 7, 2024</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/kr/docs/about/understanding/needs-driven"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">Needs driven</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/kr/docs/about/understanding/naming"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">Naming</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#see-also" class="table-of-contents__link toc-highlight">See also</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Specs</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/kr/docs">Documentation</a></li><li class="footer__item"><a class="footer__link-item" href="/kr/community">Community</a></li><li class="footer__item"><a class="footer__link-item" href="/kr/nav">Help</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">License<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/kr/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/kr/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2024  Feature-Sliced Design</div></div></div></footer></div>
 </body>
 </html>
\ No newline at end of file
diff --git a/kr/docs/about/understanding/naming.html b/kr/docs/about/understanding/naming.html
index ef9536b03c..5fdf97ccb1 100644
--- a/kr/docs/about/understanding/naming.html
+++ b/kr/docs/about/understanding/naming.html
@@ -9,8 +9,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/kr/opensearch.xml"><link rel="stylesheet" href="/kr/assets/css/styles.554655a0.css">
-<script src="/kr/assets/js/runtime~main.747d66f0.js" defer="defer"></script>
-<script src="/kr/assets/js/main.6d627ed0.js" defer="defer"></script>
+<script src="/kr/assets/js/runtime~main.c4f81ee2.js" defer="defer"></script>
+<script src="/kr/assets/js/main.ea09754c.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/kr/"><div class="navbar__logo"><img src="/kr/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/kr/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/kr/docs">📖 Docs</a><a class="navbar__item navbar__link" href="/kr/community">💫 Community</a><a class="navbar__item navbar__link" href="/kr/blog">📝 Blog</a><a class="navbar__item navbar__link" href="/kr/examples">🛠 Examples</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/kr/docs/about/understanding/naming">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a aria-current="page" class="dropdown__link dropdown__link--active" href="/kr/docs/about/understanding/naming">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/kr/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>한국어</a><ul class="dropdown__menu"><li><a href="/ru/docs/about/understanding/naming" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ru">Русский</a></li><li><a href="/docs/about/understanding/naming" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/uz/docs/about/understanding/naming" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/docs/about/understanding/naming" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="kr">한국어</a></li><li><a href="/ja/docs/about/understanding/naming" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><div class="docsWrapper_rDLg"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_JQoL" type="button"></button><div class="docRoot_GkJk"><aside class="theme-doc-sidebar-container docSidebarContainer_xiHB"><div class="sidebarViewport_DaHB"><div class="sidebar_Kb82"><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_AkOp"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--active" href="/kr/docs/about">🍰  About</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/kr/docs/about/mission">Mission</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/kr/docs/about/motivation">Motivation</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item sidebar-item--wip"><a class="menu__link" tabindex="0" href="/kr/docs/about/alternatives">Alternatives</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret menu__link--active" role="button" aria-expanded="true" tabindex="0" href="/kr/docs/about/understanding/architecture">Understanding</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/kr/docs/about/understanding/architecture">About architecture</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/kr/docs/about/understanding/needs-driven">Needs driven</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/kr/docs/about/understanding/knowledge-types">Knowledge types</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/kr/docs/about/understanding/naming">Naming</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item sidebar-item--wip"><a class="menu__link" tabindex="0" href="/kr/docs/about/understanding/signals">Signals of architecture</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item sidebar-item--wip"><a class="menu__link" tabindex="0" href="/kr/docs/about/understanding/abstractions">Abstractions</a></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/kr/docs/about/promote/integration">Promote</a></div></li></ul></li></ul></nav><button type="button" title="Collapse sidebar" aria-label="Collapse sidebar" class="button button--secondary button--outline collapseSidebarButton_L8vW"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_hYfn"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_uESP"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_w6lk"><div class="docItemContainer_b1tn"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_ioLt" aria-label="Breadcrumbs"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Home page" class="breadcrumbs__link" href="/kr/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_ZfEo"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/kr/docs/about"><span itemprop="name">🍰  About</span></a><meta itemprop="position" content="1"></li><li class="breadcrumbs__item"><span class="breadcrumbs__link">Understanding</span><meta itemprop="position" content="2"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">Naming</span><meta itemprop="position" content="3"></li></ul></nav><div class="tocCollapsible_EkMH theme-doc-toc-mobile tocMobile_XRnS"><button type="button" class="clean-btn tocCollapsibleButton_ID8T">On this page</button></div><div class="theme-doc-markdown markdown"><header><h1>Naming</h1></header>
@@ -44,6 +44,6 @@ <h2 class="anchor anchorWithStickyNavbar_QzlE" id="see-also">See also<a href="#s
 <li><a href="https://github.com/feature-sliced/documentation/discussions/31#discussioncomment-464894" target="_blank" rel="noopener noreferrer">(Discussion) Entity Naming Survey</a></li>
 <li><a href="https://github.com/feature-sliced/documentation/discussions/20" target="_blank" rel="noopener noreferrer">(Discussion) &quot;processes&quot; vs &quot;flows&quot; vs ...</a></li>
 <li><a href="https://github.com/feature-sliced/documentation/discussions/68" target="_blank" rel="noopener noreferrer">(Discussion) &quot;model&quot; vs &quot;store&quot; vs ...</a></li>
-</ul></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/about/understanding/naming.md" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Last updated<!-- --> on <b><time datetime="2024-09-29T11:02:46.000Z" itemprop="dateModified">Sep 29, 2024</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/kr/docs/about/understanding/knowledge-types"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">Knowledge types</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/kr/docs/about/understanding/signals"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">Signals of architecture</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#naming-in-fsd" class="table-of-contents__link toc-highlight">Naming in Feature-Sliced Design</a></li><li><a href="#when-can-naming-interfere" class="table-of-contents__link toc-highlight">Naming Conflicts</a></li><li><a href="#see-also" class="table-of-contents__link toc-highlight">See also</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Specs</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/kr/docs">Documentation</a></li><li class="footer__item"><a class="footer__link-item" href="/kr/community">Community</a></li><li class="footer__item"><a class="footer__link-item" href="/kr/nav">Help</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">License<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/kr/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/kr/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2024  Feature-Sliced Design</div></div></div></footer></div>
+</ul></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/about/understanding/naming.md" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Last updated<!-- --> on <b><time datetime="2024-10-07T18:23:06.000Z" itemprop="dateModified">Oct 7, 2024</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/kr/docs/about/understanding/knowledge-types"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">Knowledge types</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/kr/docs/about/understanding/signals"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">Signals of architecture</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#naming-in-fsd" class="table-of-contents__link toc-highlight">Naming in Feature-Sliced Design</a></li><li><a href="#when-can-naming-interfere" class="table-of-contents__link toc-highlight">Naming Conflicts</a></li><li><a href="#see-also" class="table-of-contents__link toc-highlight">See also</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Specs</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/kr/docs">Documentation</a></li><li class="footer__item"><a class="footer__link-item" href="/kr/community">Community</a></li><li class="footer__item"><a class="footer__link-item" href="/kr/nav">Help</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">License<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/kr/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/kr/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2024  Feature-Sliced Design</div></div></div></footer></div>
 </body>
 </html>
\ No newline at end of file
diff --git a/kr/docs/about/understanding/needs-driven.html b/kr/docs/about/understanding/needs-driven.html
index 61053b5f8b..559b93ea44 100644
--- a/kr/docs/about/understanding/needs-driven.html
+++ b/kr/docs/about/understanding/needs-driven.html
@@ -9,8 +9,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/kr/opensearch.xml"><link rel="stylesheet" href="/kr/assets/css/styles.554655a0.css">
-<script src="/kr/assets/js/runtime~main.747d66f0.js" defer="defer"></script>
-<script src="/kr/assets/js/main.6d627ed0.js" defer="defer"></script>
+<script src="/kr/assets/js/runtime~main.c4f81ee2.js" defer="defer"></script>
+<script src="/kr/assets/js/main.ea09754c.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/kr/"><div class="navbar__logo"><img src="/kr/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/kr/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/kr/docs">📖 Docs</a><a class="navbar__item navbar__link" href="/kr/community">💫 Community</a><a class="navbar__item navbar__link" href="/kr/blog">📝 Blog</a><a class="navbar__item navbar__link" href="/kr/examples">🛠 Examples</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/kr/docs/about/understanding/needs-driven">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a aria-current="page" class="dropdown__link dropdown__link--active" href="/kr/docs/about/understanding/needs-driven">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/kr/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>한국어</a><ul class="dropdown__menu"><li><a href="/ru/docs/about/understanding/needs-driven" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ru">Русский</a></li><li><a href="/docs/about/understanding/needs-driven" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/uz/docs/about/understanding/needs-driven" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/docs/about/understanding/needs-driven" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="kr">한국어</a></li><li><a href="/ja/docs/about/understanding/needs-driven" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><div class="docsWrapper_rDLg"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_JQoL" type="button"></button><div class="docRoot_GkJk"><aside class="theme-doc-sidebar-container docSidebarContainer_xiHB"><div class="sidebarViewport_DaHB"><div class="sidebar_Kb82"><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_AkOp"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--active" href="/kr/docs/about">🍰  About</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/kr/docs/about/mission">Mission</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/kr/docs/about/motivation">Motivation</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item sidebar-item--wip"><a class="menu__link" tabindex="0" href="/kr/docs/about/alternatives">Alternatives</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret menu__link--active" role="button" aria-expanded="true" tabindex="0" href="/kr/docs/about/understanding/architecture">Understanding</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/kr/docs/about/understanding/architecture">About architecture</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/kr/docs/about/understanding/needs-driven">Needs driven</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/kr/docs/about/understanding/knowledge-types">Knowledge types</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/kr/docs/about/understanding/naming">Naming</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item sidebar-item--wip"><a class="menu__link" tabindex="0" href="/kr/docs/about/understanding/signals">Signals of architecture</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item sidebar-item--wip"><a class="menu__link" tabindex="0" href="/kr/docs/about/understanding/abstractions">Abstractions</a></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/kr/docs/about/promote/integration">Promote</a></div></li></ul></li></ul></nav><button type="button" title="Collapse sidebar" aria-label="Collapse sidebar" class="button button--secondary button--outline collapseSidebarButton_L8vW"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_hYfn"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_uESP"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_w6lk"><div class="docItemContainer_b1tn"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_ioLt" aria-label="Breadcrumbs"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Home page" class="breadcrumbs__link" href="/kr/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_ZfEo"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/kr/docs/about"><span itemprop="name">🍰  About</span></a><meta itemprop="position" content="1"></li><li class="breadcrumbs__item"><span class="breadcrumbs__link">Understanding</span><meta itemprop="position" content="2"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">Needs driven</span><meta itemprop="position" content="3"></li></ul></nav><div class="tocCollapsible_EkMH theme-doc-toc-mobile tocMobile_XRnS"><button type="button" class="clean-btn tocCollapsibleButton_ID8T">On this page</button></div><div class="theme-doc-markdown markdown"><header><h1>Needs driven</h1></header>
@@ -128,6 +128,6 @@ <h2 class="anchor anchorWithStickyNavbar_QzlE" id="see-also">See also<a href="#s
 </li>
 <li><a href="https://t.me/atomicdesign/18972" target="_blank" rel="noopener noreferrer">(Discussion) How to break the functionality and what it is</a></li>
 <li><a href="https://alexmngn.medium.com/how-to-better-organize-your-react-applications-2fd3ea1920f1" target="_blank" rel="noopener noreferrer">(Article) &quot;How to better organize your applications&quot;</a></li>
-</ul></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/about/understanding/needs-driven.md" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Last updated<!-- --> on <b><time datetime="2024-09-29T11:02:46.000Z" itemprop="dateModified">Sep 29, 2024</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/kr/docs/about/understanding/architecture"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">About architecture</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/kr/docs/about/understanding/knowledge-types"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">Knowledge types</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#why" class="table-of-contents__link toc-highlight">Why?</a></li><li><a href="#what-tasks-are-we-talking-about" class="table-of-contents__link toc-highlight">What tasks are we talking about?</a></li><li><a href="#how-does-this-affect-development" class="table-of-contents__link toc-highlight">How does this affect development?</a><ul><li><a href="#task-decomposition" class="table-of-contents__link toc-highlight">Task decomposition</a></li><li><a href="#understanding-the-essence-of-the-task" class="table-of-contents__link toc-highlight">Understanding the essence of the task</a></li></ul></li><li><a href="#how-to-formulate-it" class="table-of-contents__link toc-highlight">How to formulate it?</a></li><li><a href="#and-what-is-the-benefit" class="table-of-contents__link toc-highlight">And what is the benefit?</a><ul><li><a href="#1-understanding-user-tasks" class="table-of-contents__link toc-highlight">1. Understanding user tasks</a></li><li><a href="#2-structuring-and-ordering" class="table-of-contents__link toc-highlight">2. Structuring and ordering</a></li><li><a href="#3-understanding-the-feature-and-its-components" class="table-of-contents__link toc-highlight">3. Understanding the feature and its components</a></li><li><a href="#4-profit" class="table-of-contents__link toc-highlight">4. Profit</a></li></ul></li><li><a href="#back-to-reality" class="table-of-contents__link toc-highlight">Back to reality</a></li><li><a href="#the-role-of-methodology" class="table-of-contents__link toc-highlight">The role of methodology</a><ul><li><a href="#methodology-requirements" class="table-of-contents__link toc-highlight">Methodology requirements</a></li></ul></li><li><a href="#see-also" class="table-of-contents__link toc-highlight">See also</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Specs</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/kr/docs">Documentation</a></li><li class="footer__item"><a class="footer__link-item" href="/kr/community">Community</a></li><li class="footer__item"><a class="footer__link-item" href="/kr/nav">Help</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">License<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/kr/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/kr/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2024  Feature-Sliced Design</div></div></div></footer></div>
+</ul></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/about/understanding/needs-driven.md" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Last updated<!-- --> on <b><time datetime="2024-10-07T18:23:06.000Z" itemprop="dateModified">Oct 7, 2024</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/kr/docs/about/understanding/architecture"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">About architecture</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/kr/docs/about/understanding/knowledge-types"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">Knowledge types</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#why" class="table-of-contents__link toc-highlight">Why?</a></li><li><a href="#what-tasks-are-we-talking-about" class="table-of-contents__link toc-highlight">What tasks are we talking about?</a></li><li><a href="#how-does-this-affect-development" class="table-of-contents__link toc-highlight">How does this affect development?</a><ul><li><a href="#task-decomposition" class="table-of-contents__link toc-highlight">Task decomposition</a></li><li><a href="#understanding-the-essence-of-the-task" class="table-of-contents__link toc-highlight">Understanding the essence of the task</a></li></ul></li><li><a href="#how-to-formulate-it" class="table-of-contents__link toc-highlight">How to formulate it?</a></li><li><a href="#and-what-is-the-benefit" class="table-of-contents__link toc-highlight">And what is the benefit?</a><ul><li><a href="#1-understanding-user-tasks" class="table-of-contents__link toc-highlight">1. Understanding user tasks</a></li><li><a href="#2-structuring-and-ordering" class="table-of-contents__link toc-highlight">2. Structuring and ordering</a></li><li><a href="#3-understanding-the-feature-and-its-components" class="table-of-contents__link toc-highlight">3. Understanding the feature and its components</a></li><li><a href="#4-profit" class="table-of-contents__link toc-highlight">4. Profit</a></li></ul></li><li><a href="#back-to-reality" class="table-of-contents__link toc-highlight">Back to reality</a></li><li><a href="#the-role-of-methodology" class="table-of-contents__link toc-highlight">The role of methodology</a><ul><li><a href="#methodology-requirements" class="table-of-contents__link toc-highlight">Methodology requirements</a></li></ul></li><li><a href="#see-also" class="table-of-contents__link toc-highlight">See also</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Specs</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/kr/docs">Documentation</a></li><li class="footer__item"><a class="footer__link-item" href="/kr/community">Community</a></li><li class="footer__item"><a class="footer__link-item" href="/kr/nav">Help</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">License<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/kr/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/kr/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2024  Feature-Sliced Design</div></div></div></footer></div>
 </body>
 </html>
\ No newline at end of file
diff --git a/kr/docs/about/understanding/signals.html b/kr/docs/about/understanding/signals.html
index 071e5b04e7..d3c26c7d33 100644
--- a/kr/docs/about/understanding/signals.html
+++ b/kr/docs/about/understanding/signals.html
@@ -9,8 +9,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/kr/opensearch.xml"><link rel="stylesheet" href="/kr/assets/css/styles.554655a0.css">
-<script src="/kr/assets/js/runtime~main.747d66f0.js" defer="defer"></script>
-<script src="/kr/assets/js/main.6d627ed0.js" defer="defer"></script>
+<script src="/kr/assets/js/runtime~main.c4f81ee2.js" defer="defer"></script>
+<script src="/kr/assets/js/main.ea09754c.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/kr/"><div class="navbar__logo"><img src="/kr/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/kr/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/kr/docs">📖 Docs</a><a class="navbar__item navbar__link" href="/kr/community">💫 Community</a><a class="navbar__item navbar__link" href="/kr/blog">📝 Blog</a><a class="navbar__item navbar__link" href="/kr/examples">🛠 Examples</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/kr/docs/about/understanding/signals">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a aria-current="page" class="dropdown__link dropdown__link--active" href="/kr/docs/about/understanding/signals">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/kr/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>한국어</a><ul class="dropdown__menu"><li><a href="/ru/docs/about/understanding/signals" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ru">Русский</a></li><li><a href="/docs/about/understanding/signals" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/uz/docs/about/understanding/signals" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/docs/about/understanding/signals" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="kr">한국어</a></li><li><a href="/ja/docs/about/understanding/signals" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><div class="docsWrapper_rDLg"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_JQoL" type="button"></button><div class="docRoot_GkJk"><aside class="theme-doc-sidebar-container docSidebarContainer_xiHB"><div class="sidebarViewport_DaHB"><div class="sidebar_Kb82"><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_AkOp"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--active" href="/kr/docs/about">🍰  About</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/kr/docs/about/mission">Mission</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/kr/docs/about/motivation">Motivation</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item sidebar-item--wip"><a class="menu__link" tabindex="0" href="/kr/docs/about/alternatives">Alternatives</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret menu__link--active" role="button" aria-expanded="true" tabindex="0" href="/kr/docs/about/understanding/architecture">Understanding</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/kr/docs/about/understanding/architecture">About architecture</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/kr/docs/about/understanding/needs-driven">Needs driven</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/kr/docs/about/understanding/knowledge-types">Knowledge types</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/kr/docs/about/understanding/naming">Naming</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item sidebar-item--wip"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/kr/docs/about/understanding/signals">Signals of architecture</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item sidebar-item--wip"><a class="menu__link" tabindex="0" href="/kr/docs/about/understanding/abstractions">Abstractions</a></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/kr/docs/about/promote/integration">Promote</a></div></li></ul></li></ul></nav><button type="button" title="Collapse sidebar" aria-label="Collapse sidebar" class="button button--secondary button--outline collapseSidebarButton_L8vW"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_hYfn"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_uESP"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_w6lk"><div class="docItemContainer_b1tn"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_ioLt" aria-label="Breadcrumbs"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Home page" class="breadcrumbs__link" href="/kr/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_ZfEo"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/kr/docs/about"><span itemprop="name">🍰  About</span></a><meta itemprop="position" content="1"></li><li class="breadcrumbs__item"><span class="breadcrumbs__link">Understanding</span><meta itemprop="position" content="2"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">Signals of architecture</span><meta itemprop="position" content="3"></li></ul></nav><div class="tocCollapsible_EkMH theme-doc-toc-mobile tocMobile_XRnS"><button type="button" class="clean-btn tocCollapsibleButton_ID8T">On this page</button></div><div class="theme-doc-markdown markdown"><header><h1>Signals of architecture</h1></header>
@@ -27,6 +27,6 @@ <h2 class="anchor anchorWithStickyNavbar_QzlE" id="see-also">See also<a href="#s
 <li><a href="https://t.me/feature_sliced/2492" target="_blank" rel="noopener noreferrer">(Thread) About the fundamental nature of architecture</a></li>
 <li><a href="https://t.me/feature_sliced/3979" target="_blank" rel="noopener noreferrer">(Thread) About highlighting weak points</a></li>
 <li><a href="https://t.me/feature_sliced/4228" target="_blank" rel="noopener noreferrer">(Thread) How to understand that the data model is swollen</a></li>
-</ul></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/about/understanding/signals.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Last updated<!-- --> on <b><time datetime="2024-09-29T11:02:46.000Z" itemprop="dateModified">Sep 29, 2024</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/kr/docs/about/understanding/naming"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">Naming</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/kr/docs/about/understanding/abstractions"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">Abstractions</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#see-also" class="table-of-contents__link toc-highlight">See also</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Specs</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/kr/docs">Documentation</a></li><li class="footer__item"><a class="footer__link-item" href="/kr/community">Community</a></li><li class="footer__item"><a class="footer__link-item" href="/kr/nav">Help</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">License<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/kr/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/kr/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2024  Feature-Sliced Design</div></div></div></footer></div>
+</ul></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/about/understanding/signals.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Last updated<!-- --> on <b><time datetime="2024-10-07T18:23:06.000Z" itemprop="dateModified">Oct 7, 2024</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/kr/docs/about/understanding/naming"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">Naming</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/kr/docs/about/understanding/abstractions"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">Abstractions</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#see-also" class="table-of-contents__link toc-highlight">See also</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Specs</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/kr/docs">Documentation</a></li><li class="footer__item"><a class="footer__link-item" href="/kr/community">Community</a></li><li class="footer__item"><a class="footer__link-item" href="/kr/nav">Help</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">License<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/kr/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/kr/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2024  Feature-Sliced Design</div></div></div></footer></div>
 </body>
 </html>
\ No newline at end of file
diff --git a/kr/docs/branding.html b/kr/docs/branding.html
index 17e00f720f..90fe468a2f 100644
--- a/kr/docs/branding.html
+++ b/kr/docs/branding.html
@@ -9,8 +9,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/kr/opensearch.xml"><link rel="stylesheet" href="/kr/assets/css/styles.554655a0.css">
-<script src="/kr/assets/js/runtime~main.747d66f0.js" defer="defer"></script>
-<script src="/kr/assets/js/main.6d627ed0.js" defer="defer"></script>
+<script src="/kr/assets/js/runtime~main.c4f81ee2.js" defer="defer"></script>
+<script src="/kr/assets/js/main.ea09754c.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/kr/"><div class="navbar__logo"><img src="/kr/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/kr/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/kr/docs">📖 Docs</a><a class="navbar__item navbar__link" href="/kr/community">💫 Community</a><a class="navbar__item navbar__link" href="/kr/blog">📝 Blog</a><a class="navbar__item navbar__link" href="/kr/examples">🛠 Examples</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/kr/docs/branding">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a aria-current="page" class="dropdown__link dropdown__link--active" href="/kr/docs/branding">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/kr/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>한국어</a><ul class="dropdown__menu"><li><a href="/ru/docs/branding" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ru">Русский</a></li><li><a href="/docs/branding" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/uz/docs/branding" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/docs/branding" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="kr">한국어</a></li><li><a href="/ja/docs/branding" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><div class="docsWrapper_rDLg"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_JQoL" type="button"></button><div class="docRoot_GkJk"><main class="docMainContainer_uESP docMainContainerEnhanced_GKE6"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_w6lk"><div class="docItemContainer_b1tn"><article><div class="tocCollapsible_EkMH theme-doc-toc-mobile tocMobile_XRnS"><button type="button" class="clean-btn tocCollapsibleButton_ID8T">On this page</button></div><div class="theme-doc-markdown markdown"><header><h1>Branding Guidelines</h1></header>
@@ -43,6 +43,6 @@ <h2 class="anchor anchorWithStickyNavbar_QzlE" id="see-also">See also<a href="#s
 <li><a href="https://github.com/feature-sliced/documentation/discussions/399" target="_blank" rel="noopener noreferrer">Discussion (github)</a></li>
 <li><a href="https://www.figma.com/file/RPphccpoeasVB0lMpZwPVR/FSD-Brand?node-id=0%3A1" target="_blank" rel="noopener noreferrer">History of development with references (figma)</a></li>
 <li><a href="https://rebrand-sliced.netlify.app/en/" target="_blank" rel="noopener noreferrer">Rebranding demo</a></li>
-</ul></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/branding.md" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Last updated<!-- --> on <b><time datetime="2024-09-29T11:02:46.000Z" itemprop="dateModified">Sep 29, 2024</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages navigation"></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#title" class="table-of-contents__link toc-highlight">Title</a></li><li><a href="#emojii" class="table-of-contents__link toc-highlight">Emojii</a></li><li><a href="#logo--palette" class="table-of-contents__link toc-highlight">Logo &amp; Palette</a></li><li><a href="#banners--schemes" class="table-of-contents__link toc-highlight">Banners &amp; Schemes</a></li><li><a href="#social-preview" class="table-of-contents__link toc-highlight">Social Preview</a></li><li><a href="#presentation-template" class="table-of-contents__link toc-highlight">Presentation template</a></li><li><a href="#see-also" class="table-of-contents__link toc-highlight">See also</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Specs</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/kr/docs">Documentation</a></li><li class="footer__item"><a class="footer__link-item" href="/kr/community">Community</a></li><li class="footer__item"><a class="footer__link-item" href="/kr/nav">Help</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">License<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/kr/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/kr/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2024  Feature-Sliced Design</div></div></div></footer></div>
+</ul></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/branding.md" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Last updated<!-- --> on <b><time datetime="2024-10-07T18:23:06.000Z" itemprop="dateModified">Oct 7, 2024</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages navigation"></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#title" class="table-of-contents__link toc-highlight">Title</a></li><li><a href="#emojii" class="table-of-contents__link toc-highlight">Emojii</a></li><li><a href="#logo--palette" class="table-of-contents__link toc-highlight">Logo &amp; Palette</a></li><li><a href="#banners--schemes" class="table-of-contents__link toc-highlight">Banners &amp; Schemes</a></li><li><a href="#social-preview" class="table-of-contents__link toc-highlight">Social Preview</a></li><li><a href="#presentation-template" class="table-of-contents__link toc-highlight">Presentation template</a></li><li><a href="#see-also" class="table-of-contents__link toc-highlight">See also</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Specs</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/kr/docs">Documentation</a></li><li class="footer__item"><a class="footer__link-item" href="/kr/community">Community</a></li><li class="footer__item"><a class="footer__link-item" href="/kr/nav">Help</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">License<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/kr/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/kr/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2024  Feature-Sliced Design</div></div></div></footer></div>
 </body>
 </html>
\ No newline at end of file
diff --git a/kr/docs/get-started.html b/kr/docs/get-started.html
index af65ecf913..54011cec45 100644
--- a/kr/docs/get-started.html
+++ b/kr/docs/get-started.html
@@ -9,15 +9,15 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/kr/opensearch.xml"><link rel="stylesheet" href="/kr/assets/css/styles.554655a0.css">
-<script src="/kr/assets/js/runtime~main.747d66f0.js" defer="defer"></script>
-<script src="/kr/assets/js/main.6d627ed0.js" defer="defer"></script>
+<script src="/kr/assets/js/runtime~main.c4f81ee2.js" defer="defer"></script>
+<script src="/kr/assets/js/main.ea09754c.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
-<script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/kr/"><div class="navbar__logo"><img src="/kr/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/kr/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/kr/docs">📖 Docs</a><a class="navbar__item navbar__link" href="/kr/community">💫 Community</a><a class="navbar__item navbar__link" href="/kr/blog">📝 Blog</a><a class="navbar__item navbar__link" href="/kr/examples">🛠 Examples</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/kr/docs/get-started">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a aria-current="page" class="dropdown__link dropdown__link--active" href="/kr/docs/get-started">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/kr/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>한국어</a><ul class="dropdown__menu"><li><a href="/ru/docs/get-started" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ru">Русский</a></li><li><a href="/docs/get-started" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/uz/docs/get-started" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/docs/get-started" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="kr">한국어</a></li><li><a href="/ja/docs/get-started" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><div class="docsWrapper_rDLg"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_JQoL" type="button"></button><div class="docRoot_GkJk"><aside class="theme-doc-sidebar-container docSidebarContainer_xiHB"><div class="sidebarViewport_DaHB"><div class="sidebar_Kb82"><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_AkOp"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible menu__list-item-collapsible--active"><a class="menu__link menu__link--active" aria-current="page" href="/kr/docs/get-started">🚀  Get Started</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/kr/docs/get-started/overview">둘러보기</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/kr/docs/get-started/tutorial">Tutorial</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/kr/docs/get-started/faq">FAQ</a></li></ul></li></ul></nav><button type="button" title="Collapse sidebar" aria-label="Collapse sidebar" class="button button--secondary button--outline collapseSidebarButton_L8vW"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_hYfn"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_uESP"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col"><div class="docItemContainer_b1tn"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_ioLt" aria-label="Breadcrumbs"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Home page" class="breadcrumbs__link" href="/kr/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_ZfEo"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">🚀  Get Started</span><meta itemprop="position" content="1"></li></ul></nav><div class="theme-doc-markdown markdown"><header><h1>🚀 Get Started</h1></header>
+<script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/kr/"><div class="navbar__logo"><img src="/kr/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/kr/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/kr/docs">📖 Docs</a><a class="navbar__item navbar__link" href="/kr/community">💫 Community</a><a class="navbar__item navbar__link" href="/kr/blog">📝 Blog</a><a class="navbar__item navbar__link" href="/kr/examples">🛠 Examples</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/kr/docs/get-started">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a aria-current="page" class="dropdown__link dropdown__link--active" href="/kr/docs/get-started">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/kr/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>한국어</a><ul class="dropdown__menu"><li><a href="/ru/docs/get-started" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ru">Русский</a></li><li><a href="/docs/get-started" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/uz/docs/get-started" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/docs/get-started" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="kr">한국어</a></li><li><a href="/ja/docs/get-started" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><div class="docsWrapper_rDLg"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_JQoL" type="button"></button><div class="docRoot_GkJk"><aside class="theme-doc-sidebar-container docSidebarContainer_xiHB"><div class="sidebarViewport_DaHB"><div class="sidebar_Kb82"><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_AkOp"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible menu__list-item-collapsible--active"><a class="menu__link menu__link--active" aria-current="page" href="/kr/docs/get-started">🚀  Get Started</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/kr/docs/get-started/overview">둘러보기</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/kr/docs/get-started/tutorial">튜토리얼</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/kr/docs/get-started/faq">FAQ</a></li></ul></li></ul></nav><button type="button" title="Collapse sidebar" aria-label="Collapse sidebar" class="button button--secondary button--outline collapseSidebarButton_L8vW"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_hYfn"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_uESP"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col"><div class="docItemContainer_b1tn"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_ioLt" aria-label="Breadcrumbs"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Home page" class="breadcrumbs__link" href="/kr/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_ZfEo"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">🚀  Get Started</span><meta itemprop="position" content="1"></li></ul></nav><div class="theme-doc-markdown markdown"><header><h1>🚀 Get Started</h1></header>
 <p class="summary"></p><p>환영합니다! 이 섹션은 Feature-Sliced Design의 적용과 방법론의 기본을 익히는 데 도움을 줍니다. 또한 이 방법론의 주요 장점과 그것이 만들어진 이유를 이해하게 될 것입니다.</p><p></p>
 <a class="root_GfON defaultTheme_j3I8" href="/kr/docs/get-started/overview"><span role="img" aria-label="rocket" class="anticon anticon-rocket icon_ciqP"><svg viewBox="64 64 896 896" focusable="false" data-icon="rocket" width="1em" height="1em" fill="currentColor" aria-hidden="true"><path d="M864 736c0-111.6-65.4-208-160-252.9V317.3c0-15.1-5.3-29.7-15.1-41.2L536.5 95.4C530.1 87.8 521 84 512 84s-18.1 3.8-24.5 11.4L335.1 276.1a63.97 63.97 0 00-15.1 41.2v165.8C225.4 528 160 624.4 160 736h156.5c-2.3 7.2-3.5 15-3.5 23.8 0 22.1 7.6 43.7 21.4 60.8a97.2 97.2 0 0043.1 30.6c23.1 54 75.6 88.8 134.5 88.8 29.1 0 57.3-8.6 81.4-24.8 23.6-15.8 41.9-37.9 53-64a97 97 0 0043.1-30.5 97.52 97.52 0 0021.4-60.8c0-8.4-1.1-16.4-3.1-23.8H864zM762.3 621.4c9.4 14.6 17 30.3 22.5 46.6H700V558.7a211.6 211.6 0 0162.3 62.7zM388 483.1V318.8l124-147 124 147V668H388V483.1zM239.2 668c5.5-16.3 13.1-32 22.5-46.6 16.3-25.2 37.5-46.5 62.3-62.7V668h-84.8zm388.9 116.2c-5.2 3-11.2 4.2-17.1 3.4l-19.5-2.4-2.8 19.4c-5.4 37.9-38.4 66.5-76.7 66.5-38.3 0-71.3-28.6-76.7-66.5l-2.8-19.5-19.5 2.5a27.7 27.7 0 01-17.1-3.5c-8.7-5-14.1-14.3-14.1-24.4 0-10.6 5.9-19.4 14.6-23.8h231.3c8.8 4.5 14.6 13.3 14.6 23.8-.1 10.2-5.5 19.6-14.2 24.5zM464 400a48 48 0 1096 0 48 48 0 10-96 0z"></path></svg></span><div class="details_xxkR"><div><span class="title_pSH5">개요</span><p class="description__Fep">방법론의 개념과 사용에 대한 간단한 개요</p></div></div></a>
 <a class="root_GfON defaultTheme_j3I8" href="/kr/docs/get-started/tutorial"><span role="img" aria-label="play-square" class="anticon anticon-play-square icon_ciqP"><svg viewBox="64 64 896 896" focusable="false" data-icon="play-square" width="1em" height="1em" fill="currentColor" aria-hidden="true"><path d="M442.3 677.6l199.4-156.7a11.3 11.3 0 000-17.7L442.3 346.4c-7.4-5.8-18.3-.6-18.3 8.8v313.5c0 9.4 10.9 14.7 18.3 8.9z"></path><path d="M880 112H144c-17.7 0-32 14.3-32 32v736c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V144c0-17.7-14.3-32-32-32zm-40 728H184V184h656v656z"></path></svg></span><div class="details_xxkR"><div><span class="title_pSH5">튜토리얼</span><p class="description__Fep">FSD 사용에 대한 입문 튜토리얼</p></div></div></a>
 <a class="root_GfON defaultTheme_j3I8" href="/kr/docs/get-started/faq"><span role="img" aria-label="question-circle" class="anticon anticon-question-circle icon_ciqP"><svg viewBox="64 64 896 896" focusable="false" data-icon="question-circle" width="1em" height="1em" fill="currentColor" aria-hidden="true"><path d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z"></path><path d="M623.6 316.7C593.6 290.4 554 276 512 276s-81.6 14.5-111.6 40.7C369.2 344 352 380.7 352 420v7.6c0 4.4 3.6 8 8 8h48c4.4 0 8-3.6 8-8V420c0-44.1 43.1-80 96-80s96 35.9 96 80c0 31.1-22 59.6-56.1 72.7-21.2 8.1-39.2 22.3-52.1 40.9-13.1 19-19.9 41.8-19.9 64.9V620c0 4.4 3.6 8 8 8h48c4.4 0 8-3.6 8-8v-22.7a48.3 48.3 0 0130.9-44.8c59-22.7 97.1-74.7 97.1-132.5.1-39.3-17.1-76-48.3-103.3zM472 732a40 40 0 1080 0 40 40 0 10-80 0z"></path></svg></span><div class="details_xxkR"><div><span class="title_pSH5">FAQ</span><p class="description__Fep">자주 묻는 질문</p></div></div></a>
-</div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/kr/docusaurus-plugin-content-docs/current/get-started/index.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Last updated<!-- --> on <b><time datetime="2024-09-29T11:02:46.000Z" itemprop="dateModified">Sep 29, 2024</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/kr/docs"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">Documentation</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/kr/docs/get-started/overview"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">둘러보기</div></a></nav></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Specs</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/kr/docs">Documentation</a></li><li class="footer__item"><a class="footer__link-item" href="/kr/community">Community</a></li><li class="footer__item"><a class="footer__link-item" href="/kr/nav">Help</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">License<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/kr/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/kr/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2024  Feature-Sliced Design</div></div></div></footer></div>
+</div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/kr/docusaurus-plugin-content-docs/current/get-started/index.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Last updated<!-- --> on <b><time datetime="2024-10-07T18:23:06.000Z" itemprop="dateModified">Oct 7, 2024</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/kr/docs"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">Documentation</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/kr/docs/get-started/overview"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">둘러보기</div></a></nav></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Specs</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/kr/docs">Documentation</a></li><li class="footer__item"><a class="footer__link-item" href="/kr/community">Community</a></li><li class="footer__item"><a class="footer__link-item" href="/kr/nav">Help</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">License<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/kr/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/kr/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2024  Feature-Sliced Design</div></div></div></footer></div>
 </body>
 </html>
\ No newline at end of file
diff --git a/kr/docs/get-started/cheatsheet.html b/kr/docs/get-started/cheatsheet.html
index 649b75c13c..2f9bc25146 100644
--- a/kr/docs/get-started/cheatsheet.html
+++ b/kr/docs/get-started/cheatsheet.html
@@ -9,11 +9,11 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/kr/opensearch.xml"><link rel="stylesheet" href="/kr/assets/css/styles.554655a0.css">
-<script src="/kr/assets/js/runtime~main.747d66f0.js" defer="defer"></script>
-<script src="/kr/assets/js/main.6d627ed0.js" defer="defer"></script>
+<script src="/kr/assets/js/runtime~main.c4f81ee2.js" defer="defer"></script>
+<script src="/kr/assets/js/main.ea09754c.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
-<script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/kr/"><div class="navbar__logo"><img src="/kr/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/kr/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/kr/docs">📖 Docs</a><a class="navbar__item navbar__link" href="/kr/community">💫 Community</a><a class="navbar__item navbar__link" href="/kr/blog">📝 Blog</a><a class="navbar__item navbar__link" href="/kr/examples">🛠 Examples</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/kr/docs/get-started/cheatsheet">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a aria-current="page" class="dropdown__link dropdown__link--active" href="/kr/docs/get-started/cheatsheet">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/kr/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>한국어</a><ul class="dropdown__menu"><li><a href="/ru/docs/get-started/cheatsheet" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ru">Русский</a></li><li><a href="/docs/get-started/cheatsheet" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/uz/docs/get-started/cheatsheet" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/docs/get-started/cheatsheet" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="kr">한국어</a></li><li><a href="/ja/docs/get-started/cheatsheet" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><div class="docsWrapper_rDLg"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_JQoL" type="button"></button><div class="docRoot_GkJk"><aside class="theme-doc-sidebar-container docSidebarContainer_xiHB"><div class="sidebarViewport_DaHB"><div class="sidebar_Kb82"><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_AkOp"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--active" href="/kr/docs/get-started">🚀  Get Started</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/kr/docs/get-started/overview">둘러보기</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/kr/docs/get-started/tutorial">Tutorial</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/kr/docs/get-started/faq">FAQ</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/kr/docs/get-started/cheatsheet">Decomposition cheatsheet</a></li></ul></li></ul></nav><button type="button" title="Collapse sidebar" aria-label="Collapse sidebar" class="button button--secondary button--outline collapseSidebarButton_L8vW"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_hYfn"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_uESP"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_w6lk"><div class="theme-admonition theme-admonition-caution admonition_yLUd alert alert--warning theme-unlisted-banner"><div class="admonitionHeading_ulUq"><span class="admonitionIcon_Wbvt"><svg viewBox="0 0 16 16"><path fill-rule="evenodd" d="M8.893 1.5c-.183-.31-.52-.5-.887-.5s-.703.19-.886.5L.138 13.499a.98.98 0 0 0 0 1.001c.193.31.53.501.886.501h13.964c.367 0 .704-.19.877-.5a1.03 1.03 0 0 0 .01-1.002L8.893 1.5zm.133 11.497H6.987v-2.003h2.039v2.003zm0-3.004H6.987V5.987h2.039v4.006z"></path></svg></span>Unlisted page</div><div class="admonitionContent_mbd8">This page is unlisted. Search engines will not index it, and only users having a direct link can access it.</div></div><div class="docItemContainer_b1tn"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_ioLt" aria-label="Breadcrumbs"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Home page" class="breadcrumbs__link" href="/kr/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_ZfEo"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/kr/docs/get-started"><span itemprop="name">🚀  Get Started</span></a><meta itemprop="position" content="1"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">Decomposition cheatsheet</span><meta itemprop="position" content="2"></li></ul></nav><div class="tocCollapsible_EkMH theme-doc-toc-mobile tocMobile_XRnS"><button type="button" class="clean-btn tocCollapsibleButton_ID8T">On this page</button></div><div class="theme-doc-markdown markdown"><header><h1>Decomposition cheatsheet</h1></header>
+<script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/kr/"><div class="navbar__logo"><img src="/kr/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/kr/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/kr/docs">📖 Docs</a><a class="navbar__item navbar__link" href="/kr/community">💫 Community</a><a class="navbar__item navbar__link" href="/kr/blog">📝 Blog</a><a class="navbar__item navbar__link" href="/kr/examples">🛠 Examples</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/kr/docs/get-started/cheatsheet">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a aria-current="page" class="dropdown__link dropdown__link--active" href="/kr/docs/get-started/cheatsheet">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/kr/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>한국어</a><ul class="dropdown__menu"><li><a href="/ru/docs/get-started/cheatsheet" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ru">Русский</a></li><li><a href="/docs/get-started/cheatsheet" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/uz/docs/get-started/cheatsheet" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/docs/get-started/cheatsheet" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="kr">한국어</a></li><li><a href="/ja/docs/get-started/cheatsheet" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><div class="docsWrapper_rDLg"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_JQoL" type="button"></button><div class="docRoot_GkJk"><aside class="theme-doc-sidebar-container docSidebarContainer_xiHB"><div class="sidebarViewport_DaHB"><div class="sidebar_Kb82"><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_AkOp"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--active" href="/kr/docs/get-started">🚀  Get Started</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/kr/docs/get-started/overview">둘러보기</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/kr/docs/get-started/tutorial">튜토리얼</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/kr/docs/get-started/faq">FAQ</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/kr/docs/get-started/cheatsheet">Decomposition cheatsheet</a></li></ul></li></ul></nav><button type="button" title="Collapse sidebar" aria-label="Collapse sidebar" class="button button--secondary button--outline collapseSidebarButton_L8vW"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_hYfn"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_uESP"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_w6lk"><div class="theme-admonition theme-admonition-caution admonition_yLUd alert alert--warning theme-unlisted-banner"><div class="admonitionHeading_ulUq"><span class="admonitionIcon_Wbvt"><svg viewBox="0 0 16 16"><path fill-rule="evenodd" d="M8.893 1.5c-.183-.31-.52-.5-.887-.5s-.703.19-.886.5L.138 13.499a.98.98 0 0 0 0 1.001c.193.31.53.501.886.501h13.964c.367 0 .704-.19.877-.5a1.03 1.03 0 0 0 .01-1.002L8.893 1.5zm.133 11.497H6.987v-2.003h2.039v2.003zm0-3.004H6.987V5.987h2.039v4.006z"></path></svg></span>Unlisted page</div><div class="admonitionContent_mbd8">This page is unlisted. Search engines will not index it, and only users having a direct link can access it.</div></div><div class="docItemContainer_b1tn"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_ioLt" aria-label="Breadcrumbs"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Home page" class="breadcrumbs__link" href="/kr/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_ZfEo"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/kr/docs/get-started"><span itemprop="name">🚀  Get Started</span></a><meta itemprop="position" content="1"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">Decomposition cheatsheet</span><meta itemprop="position" content="2"></li></ul></nav><div class="tocCollapsible_EkMH theme-doc-toc-mobile tocMobile_XRnS"><button type="button" class="clean-btn tocCollapsibleButton_ID8T">On this page</button></div><div class="theme-doc-markdown markdown"><header><h1>Decomposition cheatsheet</h1></header>
 <p>Use this as a quick reference when you&#x27;re deciding how to decompose your UI. PDF versions are also available below, so you can print it out and keep one under your pillow.</p>
 <h2 class="anchor anchorWithStickyNavbar_QzlE" id="choosing-a-layer">Choosing a layer<a href="#choosing-a-layer" class="hash-link" aria-label="Direct link to heading" title="Direct link to heading">​</a></h2>
 <p><a href="/kr/assets/files/choosing-a-layer-en-12fdf3265c8fc4f6b58687352b81fce7.pdf" target="_blank">Download PDF</a></p>
@@ -33,6 +33,6 @@ <h2 class="anchor anchorWithStickyNavbar_QzlE" id="see-also">See also<a href="#s
 <li><a href="https://t.me/feature_sliced/3776" target="_blank" rel="noopener noreferrer">(Thread) About the difference between features and entities</a></li>
 <li><a href="https://t.me/feature_sliced/3248" target="_blank" rel="noopener noreferrer">(Thread) About the difference between things and entities (2)</a></li>
 <li><a href="https://t.me/feature_sliced/3833" target="_blank" rel="noopener noreferrer">(Thread) About the application of criteria for decomposition</a></li>
-</ul></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/get-started/cheatsheet.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Last updated<!-- --> on <b><time datetime="2024-09-29T11:02:46.000Z" itemprop="dateModified">Sep 29, 2024</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages navigation"></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#choosing-a-layer" class="table-of-contents__link toc-highlight">Choosing a layer</a></li><li><a href="#examples" class="table-of-contents__link toc-highlight">Examples</a><ul><li><a href="#tweet" class="table-of-contents__link toc-highlight">Tweet</a></li><li><a href="#github" class="table-of-contents__link toc-highlight">GitHub</a></li></ul></li><li><a href="#see-also" class="table-of-contents__link toc-highlight">See also</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Specs</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/kr/docs">Documentation</a></li><li class="footer__item"><a class="footer__link-item" href="/kr/community">Community</a></li><li class="footer__item"><a class="footer__link-item" href="/kr/nav">Help</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">License<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/kr/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/kr/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2024  Feature-Sliced Design</div></div></div></footer></div>
+</ul></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/get-started/cheatsheet.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Last updated<!-- --> on <b><time datetime="2024-10-07T18:23:06.000Z" itemprop="dateModified">Oct 7, 2024</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages navigation"></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#choosing-a-layer" class="table-of-contents__link toc-highlight">Choosing a layer</a></li><li><a href="#examples" class="table-of-contents__link toc-highlight">Examples</a><ul><li><a href="#tweet" class="table-of-contents__link toc-highlight">Tweet</a></li><li><a href="#github" class="table-of-contents__link toc-highlight">GitHub</a></li></ul></li><li><a href="#see-also" class="table-of-contents__link toc-highlight">See also</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Specs</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/kr/docs">Documentation</a></li><li class="footer__item"><a class="footer__link-item" href="/kr/community">Community</a></li><li class="footer__item"><a class="footer__link-item" href="/kr/nav">Help</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">License<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/kr/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/kr/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2024  Feature-Sliced Design</div></div></div></footer></div>
 </body>
 </html>
\ No newline at end of file
diff --git a/kr/docs/get-started/faq.html b/kr/docs/get-started/faq.html
index 323f380be3..3ef6f8cecd 100644
--- a/kr/docs/get-started/faq.html
+++ b/kr/docs/get-started/faq.html
@@ -3,43 +3,43 @@
 <head>
 <meta charset="UTF-8">
 <meta name="generator" content="Docusaurus v3.5.2">
-<title data-rh="true">FAQ | Feature-Sliced Design</title><meta data-rh="true" name="viewport" content="width=device-width,initial-scale=1"><meta data-rh="true" property="og:image" content="https://feature-sliced.design/kr/img/preview.png"><meta data-rh="true" name="twitter:image" content="https://feature-sliced.design/kr/img/preview.png"><meta data-rh="true" property="og:url" content="https://feature-sliced.design/kr/docs/get-started/faq"><meta data-rh="true" property="og:locale" content="kr"><meta data-rh="true" property="og:locale:alternate" content="ru"><meta data-rh="true" property="og:locale:alternate" content="en"><meta data-rh="true" property="og:locale:alternate" content="uz"><meta data-rh="true" property="og:locale:alternate" content="ja"><meta data-rh="true" name="docusaurus_locale" content="kr"><meta data-rh="true" name="docsearch:language" content="kr"><meta data-rh="true" name="keywords" content="architecture, frontend, project structure"><meta data-rh="true" name="twitter:site" content="@feature_sliced"><meta data-rh="true" name="twitter:card" content="summary_large_image"><meta data-rh="true" name="docusaurus_version" content="current"><meta data-rh="true" name="docusaurus_tag" content="docs-default-current"><meta data-rh="true" name="docsearch:version" content="current"><meta data-rh="true" name="docsearch:docusaurus_tag" content="docs-default-current"><meta data-rh="true" property="og:title" content="FAQ | Feature-Sliced Design"><meta data-rh="true" name="description" content="You can ask your question in our Telegram chat, Discord community, and GitHub Discussions."><meta data-rh="true" property="og:description" content="You can ask your question in our Telegram chat, Discord community, and GitHub Discussions."><link data-rh="true" rel="icon" href="/kr/img/favicon/classic.png"><link data-rh="true" rel="canonical" href="https://feature-sliced.design/kr/docs/get-started/faq"><link data-rh="true" rel="alternate" href="https://feature-sliced.design/ru/docs/get-started/faq" hreflang="ru"><link data-rh="true" rel="alternate" href="https://feature-sliced.design/docs/get-started/faq" hreflang="en"><link data-rh="true" rel="alternate" href="https://feature-sliced.design/uz/docs/get-started/faq" hreflang="uz"><link data-rh="true" rel="alternate" href="https://feature-sliced.design/kr/docs/get-started/faq" hreflang="kr"><link data-rh="true" rel="alternate" href="https://feature-sliced.design/ja/docs/get-started/faq" hreflang="ja"><link data-rh="true" rel="alternate" href="https://feature-sliced.design/docs/get-started/faq" hreflang="x-default"><link data-rh="true" rel="preconnect" href="https://18IVO61EUN-dsn.algolia.net" crossorigin="anonymous"><link rel="alternate" type="application/rss+xml" href="/kr/blog/rss.xml" title="Feature-Sliced Design RSS Feed">
+<title data-rh="true">FAQ | Feature-Sliced Design</title><meta data-rh="true" name="viewport" content="width=device-width,initial-scale=1"><meta data-rh="true" property="og:image" content="https://feature-sliced.design/kr/img/preview.png"><meta data-rh="true" name="twitter:image" content="https://feature-sliced.design/kr/img/preview.png"><meta data-rh="true" property="og:url" content="https://feature-sliced.design/kr/docs/get-started/faq"><meta data-rh="true" property="og:locale" content="kr"><meta data-rh="true" property="og:locale:alternate" content="ru"><meta data-rh="true" property="og:locale:alternate" content="en"><meta data-rh="true" property="og:locale:alternate" content="uz"><meta data-rh="true" property="og:locale:alternate" content="ja"><meta data-rh="true" name="docusaurus_locale" content="kr"><meta data-rh="true" name="docsearch:language" content="kr"><meta data-rh="true" name="keywords" content="architecture, frontend, project structure"><meta data-rh="true" name="twitter:site" content="@feature_sliced"><meta data-rh="true" name="twitter:card" content="summary_large_image"><meta data-rh="true" name="docusaurus_version" content="current"><meta data-rh="true" name="docusaurus_tag" content="docs-default-current"><meta data-rh="true" name="docsearch:version" content="current"><meta data-rh="true" name="docsearch:docusaurus_tag" content="docs-default-current"><meta data-rh="true" property="og:title" content="FAQ | Feature-Sliced Design"><meta data-rh="true" name="description" content="여러분은 Telegram chat, Discord community 그리고 GitHub Discussions에서 질문을 할 수 있습니다."><meta data-rh="true" property="og:description" content="여러분은 Telegram chat, Discord community 그리고 GitHub Discussions에서 질문을 할 수 있습니다."><link data-rh="true" rel="icon" href="/kr/img/favicon/classic.png"><link data-rh="true" rel="canonical" href="https://feature-sliced.design/kr/docs/get-started/faq"><link data-rh="true" rel="alternate" href="https://feature-sliced.design/ru/docs/get-started/faq" hreflang="ru"><link data-rh="true" rel="alternate" href="https://feature-sliced.design/docs/get-started/faq" hreflang="en"><link data-rh="true" rel="alternate" href="https://feature-sliced.design/uz/docs/get-started/faq" hreflang="uz"><link data-rh="true" rel="alternate" href="https://feature-sliced.design/kr/docs/get-started/faq" hreflang="kr"><link data-rh="true" rel="alternate" href="https://feature-sliced.design/ja/docs/get-started/faq" hreflang="ja"><link data-rh="true" rel="alternate" href="https://feature-sliced.design/docs/get-started/faq" hreflang="x-default"><link data-rh="true" rel="preconnect" href="https://18IVO61EUN-dsn.algolia.net" crossorigin="anonymous"><link rel="alternate" type="application/rss+xml" href="/kr/blog/rss.xml" title="Feature-Sliced Design RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/kr/blog/atom.xml" title="Feature-Sliced Design Atom Feed">
 
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/kr/opensearch.xml"><link rel="stylesheet" href="/kr/assets/css/styles.554655a0.css">
-<script src="/kr/assets/js/runtime~main.747d66f0.js" defer="defer"></script>
-<script src="/kr/assets/js/main.6d627ed0.js" defer="defer"></script>
+<script src="/kr/assets/js/runtime~main.c4f81ee2.js" defer="defer"></script>
+<script src="/kr/assets/js/main.ea09754c.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
-<script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/kr/"><div class="navbar__logo"><img src="/kr/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/kr/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/kr/docs">📖 Docs</a><a class="navbar__item navbar__link" href="/kr/community">💫 Community</a><a class="navbar__item navbar__link" href="/kr/blog">📝 Blog</a><a class="navbar__item navbar__link" href="/kr/examples">🛠 Examples</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/kr/docs/get-started/faq">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a aria-current="page" class="dropdown__link dropdown__link--active" href="/kr/docs/get-started/faq">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/kr/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>한국어</a><ul class="dropdown__menu"><li><a href="/ru/docs/get-started/faq" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ru">Русский</a></li><li><a href="/docs/get-started/faq" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/uz/docs/get-started/faq" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/docs/get-started/faq" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="kr">한국어</a></li><li><a href="/ja/docs/get-started/faq" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><div class="docsWrapper_rDLg"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_JQoL" type="button"></button><div class="docRoot_GkJk"><aside class="theme-doc-sidebar-container docSidebarContainer_xiHB"><div class="sidebarViewport_DaHB"><div class="sidebar_Kb82"><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_AkOp"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--active" href="/kr/docs/get-started">🚀  Get Started</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/kr/docs/get-started/overview">둘러보기</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/kr/docs/get-started/tutorial">Tutorial</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/kr/docs/get-started/faq">FAQ</a></li></ul></li></ul></nav><button type="button" title="Collapse sidebar" aria-label="Collapse sidebar" class="button button--secondary button--outline collapseSidebarButton_L8vW"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_hYfn"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_uESP"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_w6lk"><div class="docItemContainer_b1tn"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_ioLt" aria-label="Breadcrumbs"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Home page" class="breadcrumbs__link" href="/kr/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_ZfEo"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/kr/docs/get-started"><span itemprop="name">🚀  Get Started</span></a><meta itemprop="position" content="1"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">FAQ</span><meta itemprop="position" content="2"></li></ul></nav><div class="tocCollapsible_EkMH theme-doc-toc-mobile tocMobile_XRnS"><button type="button" class="clean-btn tocCollapsibleButton_ID8T">On this page</button></div><div class="theme-doc-markdown markdown"><header><h1>FAQ</h1></header>
-<div class="theme-admonition theme-admonition-info admonition_yLUd alert alert--info"><div class="admonitionHeading_ulUq"><span class="admonitionIcon_Wbvt"><svg viewBox="0 0 14 16"><path fill-rule="evenodd" d="M7 2.3c3.14 0 5.7 2.56 5.7 5.7s-2.56 5.7-5.7 5.7A5.71 5.71 0 0 1 1.3 8c0-3.14 2.56-5.7 5.7-5.7zM7 1C3.14 1 0 4.14 0 8s3.14 7 7 7 7-3.14 7-7-3.14-7-7-7zm1 3H6v5h2V4zm0 6H6v2h2v-2z"></path></svg></span>info</div><div class="admonitionContent_mbd8"><p>You can ask your question in our <a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer">Telegram chat</a>, <a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer">Discord community</a>, and <a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer">GitHub Discussions</a>.</p></div></div>
-<h3 class="anchor anchorWithStickyNavbar_QzlE" id="is-there-a-toolkit-or-a-linter">Is there a toolkit or a linter?<a href="#is-there-a-toolkit-or-a-linter" class="hash-link" aria-label="Direct link to heading" title="Direct link to heading">​</a></h3>
-<p>There is an official ESLint config — <a href="https://github.com/feature-sliced/eslint-config" target="_blank" rel="noopener noreferrer">@feature-sliced/eslint-config</a>, and an ESLint plugin — <a href="https://github.com/conarti/eslint-plugin-feature-sliced" target="_blank" rel="noopener noreferrer">@conarti/eslint-plugin-feature-sliced</a>, created by Aleksandr Belous, a community member. You&#x27;re welcome to contribute to these projects or start your own!</p>
+<script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/kr/"><div class="navbar__logo"><img src="/kr/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/kr/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/kr/docs">📖 Docs</a><a class="navbar__item navbar__link" href="/kr/community">💫 Community</a><a class="navbar__item navbar__link" href="/kr/blog">📝 Blog</a><a class="navbar__item navbar__link" href="/kr/examples">🛠 Examples</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/kr/docs/get-started/faq">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a aria-current="page" class="dropdown__link dropdown__link--active" href="/kr/docs/get-started/faq">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/kr/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>한국어</a><ul class="dropdown__menu"><li><a href="/ru/docs/get-started/faq" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ru">Русский</a></li><li><a href="/docs/get-started/faq" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/uz/docs/get-started/faq" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/docs/get-started/faq" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="kr">한국어</a></li><li><a href="/ja/docs/get-started/faq" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><div class="docsWrapper_rDLg"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_JQoL" type="button"></button><div class="docRoot_GkJk"><aside class="theme-doc-sidebar-container docSidebarContainer_xiHB"><div class="sidebarViewport_DaHB"><div class="sidebar_Kb82"><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_AkOp"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--active" href="/kr/docs/get-started">🚀  Get Started</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/kr/docs/get-started/overview">둘러보기</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/kr/docs/get-started/tutorial">튜토리얼</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/kr/docs/get-started/faq">FAQ</a></li></ul></li></ul></nav><button type="button" title="Collapse sidebar" aria-label="Collapse sidebar" class="button button--secondary button--outline collapseSidebarButton_L8vW"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_hYfn"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_uESP"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_w6lk"><div class="docItemContainer_b1tn"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_ioLt" aria-label="Breadcrumbs"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Home page" class="breadcrumbs__link" href="/kr/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_ZfEo"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/kr/docs/get-started"><span itemprop="name">🚀  Get Started</span></a><meta itemprop="position" content="1"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">FAQ</span><meta itemprop="position" content="2"></li></ul></nav><div class="tocCollapsible_EkMH theme-doc-toc-mobile tocMobile_XRnS"><button type="button" class="clean-btn tocCollapsibleButton_ID8T">On this page</button></div><div class="theme-doc-markdown markdown"><header><h1>FAQ</h1></header>
+<div class="theme-admonition theme-admonition-info admonition_yLUd alert alert--info"><div class="admonitionHeading_ulUq"><span class="admonitionIcon_Wbvt"><svg viewBox="0 0 14 16"><path fill-rule="evenodd" d="M7 2.3c3.14 0 5.7 2.56 5.7 5.7s-2.56 5.7-5.7 5.7A5.71 5.71 0 0 1 1.3 8c0-3.14 2.56-5.7 5.7-5.7zM7 1C3.14 1 0 4.14 0 8s3.14 7 7 7 7-3.14 7-7-3.14-7-7-7zm1 3H6v5h2V4zm0 6H6v2h2v-2z"></path></svg></span>info</div><div class="admonitionContent_mbd8"><p>여러분은 <a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer">Telegram chat</a>, <a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer">Discord community</a> 그리고 <a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer">GitHub Discussions</a>에서 질문을 할 수 있습니다.</p></div></div>
+<h3 class="anchor anchorWithStickyNavbar_QzlE" id="toolkit이나-linter가-있나요">toolkit이나 linter가 있나요?<a href="#toolkit이나-linter가-있나요" class="hash-link" aria-label="Direct link to heading" title="Direct link to heading">​</a></h3>
+<p>공식 ESLint 설정인 <a href="https://github.com/feature-sliced/eslint-config" target="_blank" rel="noopener noreferrer">@feature-sliced/eslint-config</a>와 커뮤니티 멤버인 Aleksandr Belous가 만든 ESLint 플러그인 <a href="https://github.com/conarti/eslint-plugin-feature-sliced" target="_blank" rel="noopener noreferrer">@conarti/eslint-plugin-feature-sliced</a>가 있습니다. 이 프로젝트들에 기여하거나 여러분만의 프로젝트를 시작해보세요!</p>
 <h3 class="anchor anchorWithStickyNavbar_QzlE" id="where-to-store-the-layouttemplate-of-pages">Where to store the layout/template of pages?<a href="#where-to-store-the-layouttemplate-of-pages" class="hash-link" aria-label="Direct link to heading" title="Direct link to heading">​</a></h3>
-<p>If you need plain markup layouts, you can keep them in <code>shared/ui</code>. If you need to use higher layers inside, there are a few options:</p>
+<p>순수한 마크업 레이아웃이 필요하다면 <code>shared/ui</code>에 보관할 수 있습니다. 상위 계층을 사용해야 한다면 몇 가지 옵션이 있습니다.</p>
 <ul>
-<li>Perhaps you don&#x27;t need layouts at all? If the layout is only a few lines, it might be reasonable to duplicate the code in each page rather than try to abstract it.</li>
-<li>If you do need layouts, you can have them as separate widgets or pages, and compose them in your router configuration in App. Nested routing is another option.</li>
+<li>레이아웃이 필요 없을 수도 있습니다. 레이아웃이 몇 줄밖에 안 된다면, 추상화하려고 하기보다는 각 페이지에서 코드를 중복하는 것이 합리적일 수 있습니다.</li>
+<li>레이아웃이 필요하다면, 별도의 위젯이나 페이지로 만들고 App의 라우터 설정에서 조합할 수 있습니다. 중첩 라우팅도 다른 옵션입니다.</li>
 </ul>
-<h3 class="anchor anchorWithStickyNavbar_QzlE" id="what-is-the-difference-between-a-feature-and-an-entity">What is the difference between a feature and an entity?<a href="#what-is-the-difference-between-a-feature-and-an-entity" class="hash-link" aria-label="Direct link to heading" title="Direct link to heading">​</a></h3>
-<p>An <em>entity</em> is a real-life concept that your app is working with. A <em>feature</em> is an interaction that provides real-life value to your app’s users, the thing people want to do with your entities.</p>
-<p>For more information, along with examples, see the Reference page on <a href="/kr/docs/reference/layers#entities">slices</a>.</p>
-<h3 class="anchor anchorWithStickyNavbar_QzlE" id="can-i-embed-pagesfeaturesentities-into-each-other">Can I embed pages/features/entities into each other?<a href="#can-i-embed-pagesfeaturesentities-into-each-other" class="hash-link" aria-label="Direct link to heading" title="Direct link to heading">​</a></h3>
-<p>Yes, but this embedding should happen in higher layers. For example, inside a widget, you can import both features and then insert one feature into another as props/children.</p>
-<p>You cannot import one feature from another feature, this is prohibited by the <a href="/kr/docs/reference/layers#import-rule-on-layers"><strong>import rule on layers</strong></a>.</p>
-<h3 class="anchor anchorWithStickyNavbar_QzlE" id="what-about-atomic-design">What about Atomic Design?<a href="#what-about-atomic-design" class="hash-link" aria-label="Direct link to heading" title="Direct link to heading">​</a></h3>
-<p>The current version of the methodology does not require nor prohibit the use of Atomic Design together with Feature-Sliced Design.</p>
-<p>For example, Atomic Design <a href="https://t.me/feature_sliced/1653" target="_blank" rel="noopener noreferrer">can be applied well</a> for the <code>ui</code> segment of modules.</p>
-<h3 class="anchor anchorWithStickyNavbar_QzlE" id="are-there-any-useful-resourcesarticlesetc-about-fsd">Are there any useful resources/articles/etc. about FSD?<a href="#are-there-any-useful-resourcesarticlesetc-about-fsd" class="hash-link" aria-label="Direct link to heading" title="Direct link to heading">​</a></h3>
-<p>Yes! <a href="https://github.com/feature-sliced/awesome" target="_blank" rel="noopener noreferrer">https://github.com/feature-sliced/awesome</a></p>
-<h3 class="anchor anchorWithStickyNavbar_QzlE" id="why-do-i-need-feature-sliced-design">Why do I need Feature-Sliced Design?<a href="#why-do-i-need-feature-sliced-design" class="hash-link" aria-label="Direct link to heading" title="Direct link to heading">​</a></h3>
-<p>It helps you and your team to quickly overview the project in terms of its main value-bringing components. A standardized architecture helps to speed up onboarding and resolves debates about code structure. See the <a href="/kr/docs/about/motivation">motivation</a> page to learn more about why FSD was created.</p>
-<h3 class="anchor anchorWithStickyNavbar_QzlE" id="does-a-novice-developer-need-an-architecturemethodology">Does a novice developer need an architecture/methodology?<a href="#does-a-novice-developer-need-an-architecturemethodology" class="hash-link" aria-label="Direct link to heading" title="Direct link to heading">​</a></h3>
-<p>Rather yes than no</p>
-<p><em>Usually, when you design and develop a project in one person, everything goes smoothly. But if there are pauses in development, new developers are added to the team - then problems come</em></p>
-<h3 class="anchor anchorWithStickyNavbar_QzlE" id="how-do-i-work-with-the-authorization-context">How do I work with the authorization context?<a href="#how-do-i-work-with-the-authorization-context" class="hash-link" aria-label="Direct link to heading" title="Direct link to heading">​</a></h3>
-<p>Answered <a href="/kr/docs/guides/examples/auth">here</a></p></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/get-started/faq.md" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Last updated<!-- --> on <b><time datetime="2024-09-29T11:02:46.000Z" itemprop="dateModified">Sep 29, 2024</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/kr/docs/get-started/tutorial"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">Tutorial</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/kr/docs/guides"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">🎯 Guides</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#is-there-a-toolkit-or-a-linter" class="table-of-contents__link toc-highlight">Is there a toolkit or a linter?</a></li><li><a href="#where-to-store-the-layouttemplate-of-pages" class="table-of-contents__link toc-highlight">Where to store the layout/template of pages?</a></li><li><a href="#what-is-the-difference-between-a-feature-and-an-entity" class="table-of-contents__link toc-highlight">What is the difference between a feature and an entity?</a></li><li><a href="#can-i-embed-pagesfeaturesentities-into-each-other" class="table-of-contents__link toc-highlight">Can I embed pages/features/entities into each other?</a></li><li><a href="#what-about-atomic-design" class="table-of-contents__link toc-highlight">What about Atomic Design?</a></li><li><a href="#are-there-any-useful-resourcesarticlesetc-about-fsd" class="table-of-contents__link toc-highlight">Are there any useful resources/articles/etc. about FSD?</a></li><li><a href="#why-do-i-need-feature-sliced-design" class="table-of-contents__link toc-highlight">Why do I need Feature-Sliced Design?</a></li><li><a href="#does-a-novice-developer-need-an-architecturemethodology" class="table-of-contents__link toc-highlight">Does a novice developer need an architecture/methodology?</a></li><li><a href="#how-do-i-work-with-the-authorization-context" class="table-of-contents__link toc-highlight">How do I work with the authorization context?</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Specs</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/kr/docs">Documentation</a></li><li class="footer__item"><a class="footer__link-item" href="/kr/community">Community</a></li><li class="footer__item"><a class="footer__link-item" href="/kr/nav">Help</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">License<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/kr/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/kr/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2024  Feature-Sliced Design</div></div></div></footer></div>
+<h3 class="anchor anchorWithStickyNavbar_QzlE" id="feature와-entity의-차이점이-무엇인가요">feature와 entity의 차이점이 무엇인가요?<a href="#feature와-entity의-차이점이-무엇인가요" class="hash-link" aria-label="Direct link to heading" title="Direct link to heading">​</a></h3>
+<p><em>entity</em>는 앱이 다루는 실제 개념입니다. <em>feature</em>는 앱 사용자에게 실제 가치를 제공하는 상호작용, 즉 사람들이 entity로 하고 싶어하는 것입니다.</p>
+<p>더 자세한 정보와 예시는 <a href="/kr/docs/reference/layers#entities">slices</a> 참조 페이지를 확인하세요.</p>
+<h3 class="anchor anchorWithStickyNavbar_QzlE" id="pagesfeaturesentities를-서로-포함시킬-수-있나요">pages/features/entities를 서로 포함시킬 수 있나요?<a href="#pagesfeaturesentities를-서로-포함시킬-수-있나요" class="hash-link" aria-label="Direct link to heading" title="Direct link to heading">​</a></h3>
+<p>네, 하지만 이런 포함은 상위 계층에서 이루어져야 합니다. 예를 들어, 위젯 내부에서 여러 기능을 가져와서 하나의 기능을 다른 기능의 props/children으로 삽입할 수 있습니다.</p>
+<p>한 기능을 다른 기능에서 가져올 수는 없습니다. 이는 <a href="/kr/docs/reference/layers#import-rule-on-layers"><strong>계층에 대한 가져오기 규칙</strong></a>에 의해 금지됩니다.</p>
+<h3 class="anchor anchorWithStickyNavbar_QzlE" id="아토믹-디자인은-어떤가요">아토믹 디자인은 어떤가요?<a href="#아토믹-디자인은-어떤가요" class="hash-link" aria-label="Direct link to heading" title="Direct link to heading">​</a></h3>
+<p>현재 버전의 방법론은 Feature-Sliced Design과 함께 아토믹 디자인을 사용하는 것을 요구하지도, 금지하지도 않습니다.</p>
+<p>예를 들어, 아토믹 디자인은 모듈의 <code>ui</code> 세그먼트에 <a href="https://t.me/feature_sliced/1653" target="_blank" rel="noopener noreferrer">잘 적용될 수 있습니다</a>.</p>
+<h3 class="anchor anchorWithStickyNavbar_QzlE" id="fsd에-대한-유용한-리소스기사-등이-있나요">FSD에 대한 유용한 리소스/기사 등이 있나요?<a href="#fsd에-대한-유용한-리소스기사-등이-있나요" class="hash-link" aria-label="Direct link to heading" title="Direct link to heading">​</a></h3>
+<p>네! <a href="https://github.com/feature-sliced/awesome" target="_blank" rel="noopener noreferrer">https://github.com/feature-sliced/awesome</a> 를 참조하세요.</p>
+<h3 class="anchor anchorWithStickyNavbar_QzlE" id="feature-sliced-design이-왜-필요한가요">Feature-Sliced Design이 왜 필요한가요?<a href="#feature-sliced-design이-왜-필요한가요" class="hash-link" aria-label="Direct link to heading" title="Direct link to heading">​</a></h3>
+<p>프로젝트를 주요 가치 창출 구성 요소 측면에서 빠르게 개요를 파악하는 데 도움이 됩니다. 표준화된 아키텍처는 온보딩 속도를 높이고 코드 구조에 대한 논쟁을 해결합니다. FSD가 만들어진 이유에 대해 더 자세히 알아보려면 <a href="/kr/docs/about/motivation">동기</a> 페이지를 참조하세요.</p>
+<h3 class="anchor anchorWithStickyNavbar_QzlE" id="초보-개발자에게-아키텍처방법론이-필요한가요">초보 개발자에게 아키텍처/방법론이 필요한가요?<a href="#초보-개발자에게-아키텍처방법론이-필요한가요" class="hash-link" aria-label="Direct link to heading" title="Direct link to heading">​</a></h3>
+<p>그렇다고 볼 수 있습니다.</p>
+<p><em>보통 한 사람이 프로젝트를 설계하고 개발할 때는 모든 것이 순조롭게 진행됩니다. 하지만 개발에 중단이 있거나 새로운 개발자가 팀에 합류하면 문제가 발생합니다</em></p>
+<h3 class="anchor anchorWithStickyNavbar_QzlE" id="인증-컨텍스트는-어떻게-다루나요">인증 컨텍스트는 어떻게 다루나요?<a href="#인증-컨텍스트는-어떻게-다루나요" class="hash-link" aria-label="Direct link to heading" title="Direct link to heading">​</a></h3>
+<p><a href="/kr/docs/guides/examples/auth">여기</a>에서 답변했습니다.</p></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/kr/docusaurus-plugin-content-docs/current/get-started/faq.md" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Last updated<!-- --> on <b><time datetime="2024-10-07T18:23:06.000Z" itemprop="dateModified">Oct 7, 2024</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/kr/docs/get-started/tutorial"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">튜토리얼</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/kr/docs/guides"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">🎯 Guides</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#toolkit이나-linter가-있나요" class="table-of-contents__link toc-highlight">toolkit이나 linter가 있나요?</a></li><li><a href="#where-to-store-the-layouttemplate-of-pages" class="table-of-contents__link toc-highlight">Where to store the layout/template of pages?</a></li><li><a href="#feature와-entity의-차이점이-무엇인가요" class="table-of-contents__link toc-highlight">feature와 entity의 차이점이 무엇인가요?</a></li><li><a href="#pagesfeaturesentities를-서로-포함시킬-수-있나요" class="table-of-contents__link toc-highlight">pages/features/entities를 서로 포함시킬 수 있나요?</a></li><li><a href="#아토믹-디자인은-어떤가요" class="table-of-contents__link toc-highlight">아토믹 디자인은 어떤가요?</a></li><li><a href="#fsd에-대한-유용한-리소스기사-등이-있나요" class="table-of-contents__link toc-highlight">FSD에 대한 유용한 리소스/기사 등이 있나요?</a></li><li><a href="#feature-sliced-design이-왜-필요한가요" class="table-of-contents__link toc-highlight">Feature-Sliced Design이 왜 필요한가요?</a></li><li><a href="#초보-개발자에게-아키텍처방법론이-필요한가요" class="table-of-contents__link toc-highlight">초보 개발자에게 아키텍처/방법론이 필요한가요?</a></li><li><a href="#인증-컨텍스트는-어떻게-다루나요" class="table-of-contents__link toc-highlight">인증 컨텍스트는 어떻게 다루나요?</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Specs</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/kr/docs">Documentation</a></li><li class="footer__item"><a class="footer__link-item" href="/kr/community">Community</a></li><li class="footer__item"><a class="footer__link-item" href="/kr/nav">Help</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">License<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/kr/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/kr/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2024  Feature-Sliced Design</div></div></div></footer></div>
 </body>
 </html>
\ No newline at end of file
diff --git a/kr/docs/get-started/overview.html b/kr/docs/get-started/overview.html
index 5c2ba47a7c..53a10a7f73 100644
--- a/kr/docs/get-started/overview.html
+++ b/kr/docs/get-started/overview.html
@@ -9,11 +9,11 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/kr/opensearch.xml"><link rel="stylesheet" href="/kr/assets/css/styles.554655a0.css">
-<script src="/kr/assets/js/runtime~main.747d66f0.js" defer="defer"></script>
-<script src="/kr/assets/js/main.6d627ed0.js" defer="defer"></script>
+<script src="/kr/assets/js/runtime~main.c4f81ee2.js" defer="defer"></script>
+<script src="/kr/assets/js/main.ea09754c.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
-<script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/kr/"><div class="navbar__logo"><img src="/kr/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/kr/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/kr/docs">📖 Docs</a><a class="navbar__item navbar__link" href="/kr/community">💫 Community</a><a class="navbar__item navbar__link" href="/kr/blog">📝 Blog</a><a class="navbar__item navbar__link" href="/kr/examples">🛠 Examples</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/kr/docs/get-started/overview">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a aria-current="page" class="dropdown__link dropdown__link--active" href="/kr/docs/get-started/overview">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/kr/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>한국어</a><ul class="dropdown__menu"><li><a href="/ru/docs/get-started/overview" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ru">Русский</a></li><li><a href="/docs/get-started/overview" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/uz/docs/get-started/overview" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/docs/get-started/overview" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="kr">한국어</a></li><li><a href="/ja/docs/get-started/overview" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><div class="docsWrapper_rDLg"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_JQoL" type="button"></button><div class="docRoot_GkJk"><aside class="theme-doc-sidebar-container docSidebarContainer_xiHB"><div class="sidebarViewport_DaHB"><div class="sidebar_Kb82"><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_AkOp"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--active" href="/kr/docs/get-started">🚀  Get Started</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/kr/docs/get-started/overview">둘러보기</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/kr/docs/get-started/tutorial">Tutorial</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/kr/docs/get-started/faq">FAQ</a></li></ul></li></ul></nav><button type="button" title="Collapse sidebar" aria-label="Collapse sidebar" class="button button--secondary button--outline collapseSidebarButton_L8vW"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_hYfn"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_uESP"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_w6lk"><div class="docItemContainer_b1tn"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_ioLt" aria-label="Breadcrumbs"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Home page" class="breadcrumbs__link" href="/kr/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_ZfEo"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/kr/docs/get-started"><span itemprop="name">🚀  Get Started</span></a><meta itemprop="position" content="1"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">둘러보기</span><meta itemprop="position" content="2"></li></ul></nav><div class="tocCollapsible_EkMH theme-doc-toc-mobile tocMobile_XRnS"><button type="button" class="clean-btn tocCollapsibleButton_ID8T">On this page</button></div><div class="theme-doc-markdown markdown"><header><h1>둘러보기</h1></header>
+<script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/kr/"><div class="navbar__logo"><img src="/kr/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/kr/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/kr/docs">📖 Docs</a><a class="navbar__item navbar__link" href="/kr/community">💫 Community</a><a class="navbar__item navbar__link" href="/kr/blog">📝 Blog</a><a class="navbar__item navbar__link" href="/kr/examples">🛠 Examples</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/kr/docs/get-started/overview">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a aria-current="page" class="dropdown__link dropdown__link--active" href="/kr/docs/get-started/overview">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/kr/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>한국어</a><ul class="dropdown__menu"><li><a href="/ru/docs/get-started/overview" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ru">Русский</a></li><li><a href="/docs/get-started/overview" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/uz/docs/get-started/overview" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/docs/get-started/overview" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="kr">한국어</a></li><li><a href="/ja/docs/get-started/overview" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><div class="docsWrapper_rDLg"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_JQoL" type="button"></button><div class="docRoot_GkJk"><aside class="theme-doc-sidebar-container docSidebarContainer_xiHB"><div class="sidebarViewport_DaHB"><div class="sidebar_Kb82"><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_AkOp"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--active" href="/kr/docs/get-started">🚀  Get Started</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/kr/docs/get-started/overview">둘러보기</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/kr/docs/get-started/tutorial">튜토리얼</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/kr/docs/get-started/faq">FAQ</a></li></ul></li></ul></nav><button type="button" title="Collapse sidebar" aria-label="Collapse sidebar" class="button button--secondary button--outline collapseSidebarButton_L8vW"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_hYfn"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_uESP"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_w6lk"><div class="docItemContainer_b1tn"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_ioLt" aria-label="Breadcrumbs"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Home page" class="breadcrumbs__link" href="/kr/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_ZfEo"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/kr/docs/get-started"><span itemprop="name">🚀  Get Started</span></a><meta itemprop="position" content="1"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">둘러보기</span><meta itemprop="position" content="2"></li></ul></nav><div class="tocCollapsible_EkMH theme-doc-toc-mobile tocMobile_XRnS"><button type="button" class="clean-btn tocCollapsibleButton_ID8T">On this page</button></div><div class="theme-doc-markdown markdown"><header><h1>둘러보기</h1></header>
 <p><strong>Feature-Sliced Design</strong> (FSD)는 프론트엔드 애플리케이션의 구조를 잡는 아키텍처 방법론입니다. 간단히 말해, 코드 구성에 관한 규칙과 관례를 모아놓은 것입니다. 이 방법론의 주요 목적은 계속 변화하는 비즈니스 요구사항에 직면했을 때 프로젝트를 더 이해하기 쉽고 안정적으로 만드는 것입니다.</p>
 <p>FSD는 규칙을 제시할 뿐만 아니라, 실제 개발 과정을 돕는 다양한 도구들을 함께 제공합니다. 프로젝트 아키텍처를 확인하는 <a href="https://github.com/feature-sliced/steiger" target="_blank" rel="noopener noreferrer">린터</a>, CLI나 IDE를 통한 <a href="https://github.com/feature-sliced/awesome?tab=readme-ov-file#tools" target="_blank" rel="noopener noreferrer">폴더 생성기</a>, 그리고 다양한 <a href="/kr/examples">예제</a> 라이브러리를 제공합니다.</p>
 <h2 class="anchor anchorWithStickyNavbar_QzlE" id="is-it-right-for-me">내 프로젝트에 적합할까?<a href="#is-it-right-for-me" class="hash-link" aria-label="Direct link to heading" title="Direct link to heading">​</a></h2>
@@ -62,7 +62,7 @@ <h2 class="anchor anchorWithStickyNavbar_QzlE" id="basic-example">간단한 예
 <p><code>📂 app</code>, <code>📂 shared</code>, 그리고 <code>📂 pages/article-reader</code> 내부의 폴더들을 <em>세그먼트</em>(segments)라고 합니다. 세그먼트는 코드의 기능적 목적, 다시말해 코드가 수행하는 역할 따라 슬라이스(또는 레이어)를 나눕니다.</p>
 <h2 class="anchor anchorWithStickyNavbar_QzlE" id="concepts">개념<a href="#concepts" class="hash-link" aria-label="Direct link to heading" title="Direct link to heading">​</a></h2>
 <p>레이어, 슬라이스, 세그먼트는 다음과 같은 계층 구조를 형성합니다:</p>
-<figure><p><img decoding="async" loading="lazy" alt="아래에 설명된 FSD 개념의 계층 구조" src="/kr/assets/images/visual_schema-e826067f573946613dcdc76e3f585082.jpg" width="1355" height="754" class="img_Vtmu"></p><figcaption style="font-style:italic;font-size:0.9em"><p>위 그림: 세 개의 수직 구조가 있으며, 왼쪽부터 오른쪽으로 각각 &quot;레이어&quot;, &quot;슬라이스&quot;, &quot;세그먼트&quot;로 표시되어 있습니다.</p><p>&quot;레이어&quot;에는 위에서 아래로 7개의 구분이 있으며, &quot;app&quot;, &quot;processes&quot;, &quot;pages&quot;, &quot;widgets&quot;, &quot;features&quot;, &quot;entities&quot;, &quot;shared&quot;로 표시되어 있습니다. &quot;processes&quot; 구분은 취소선이 그어져 있습니다. &quot;entities&quot; 구분은 두 번째 기둥인 &quot;슬라이스&quot;와 연결되어 있어, 두 번째 기둥이 &quot;entities&quot;의 내용이라는 것을 나타냅니다.</p><p>&quot;슬라이스&quot;에는 위에서 아래로 3개의 구분이 있으며, &quot;user&quot;, &quot;post&quot;, &quot;comment&quot;로 표시되어 있습니다. &quot;post&quot; 구분은 세 번째 기둥인 &quot;세그먼트&quot;와 연결되어 있어, 세 번째 기둥이 &quot;post&quot;의 내용임을 나타냅니다.</p><p>&quot;세그먼트&quot;에는 위에서 아래로 3개의 구분이 있으며, &quot;ui&quot;, &quot;model&quot;, &quot;api&quot;로 표시되어 있습니다.</p></figcaption></figure>
+<figure><p><img decoding="async" loading="lazy" alt="아래에 설명된 FSD 개념의 계층 구조" src="/kr/assets/images/visual_schema-e826067f573946613dcdc76e3f585082.jpg" width="1355" height="754" class="img_Vtmu"></p><figcaption style="font-style:italic;font-size:0.9em"><p>위 그림: 세 개의 수직 구조가 있으며, 왼쪽부터 오른쪽으로 각각 &quot;레이어&quot;, &quot;슬라이스&quot;, &quot;세그먼트&quot;로 표시되어 있습니다.</p><p>&quot;레이어&quot;에는 위에서 아래로 7개의 구분이 있으며, &quot;app&quot;, &quot;processes&quot;, &quot;pages&quot;, &quot;widgets&quot;, &quot;features&quot;, &quot;entities&quot;, &quot;shared&quot;로 표시되어 있습니다. &quot;processes&quot; 구분은 취소선이 그어져 있습니다. &quot;entities&quot; 구분은 두 번째 기둥인 &quot;슬라이스&quot;와 연결되어 있어, 두 번째 기둥이 &quot;entities&quot;의 내용이라는 것을 나타냅니다.</p><p>&quot;슬라이스&quot;에는 위에서 아래로 3개의 구분이 있으며, &quot;user&quot;, &quot;post&quot;, &quot;comment&quot;로 표시되어 있습니다. &quot;post&quot; 구분은 세 번째 기둥인 &quot;세그먼트&quot;와 연결되어 있어, 세 번째 기둥이 &quot;post&quot;의 내용임을 나타냅니다.</p><p>&quot;세그먼트&quot;에는 위에서 아래로 3개의 구분이 있으며, &quot;ui&quot;, &quot;model&quot;, &quot;api&quot;로 표시되어 있습니다.</p></figcaption></figure>
 <h3 class="anchor anchorWithStickyNavbar_QzlE" id="layers">레이어<a href="#layers" class="hash-link" aria-label="Direct link to heading" title="Direct link to heading">​</a></h3>
 <p>레이어는 모든 FSD 프로젝트에서 표준화되어 있습니다. 모든 레이어를 사용할 필요는 없지만, 이름은 중요합니다. 현재(위에서 아래로) 7개가 있습니다:</p>
 <ol>
@@ -75,7 +75,7 @@ <h3 class="anchor anchorWithStickyNavbar_QzlE" id="layers">레이어<a href="#la
 <li>Shared* - 재사용 가능한 기능, 특히 프로젝트/비즈니스의 특성과 분리되어 있을 때 (반드시 그럴 필요는 없음).</li>
 </ol>
 <p><em>* - App과 Shared는 다른 레이어들과 달리 슬라이스를 가지지 않으며, 직접 세그먼트로 구성됩니다.</em></p>
-<p>레이어를 다룰 때의 중요한 점은 한 레이어의 구성 요소는 반드시 아래에 있는 레이어의 구성 요소만 알수있고 임포트할 수 있다는 것입니다.</p>
+<p>레이어를 다룰 때의 중요한 점은 한 레이어의 구성 요소는 반드시 아래에 있는 레이어의 구성 요소만 알수있고 임포트할 수 있다는 것입니다.</p>
 <h3 class="anchor anchorWithStickyNavbar_QzlE" id="slices">슬라이스<a href="#slices" class="hash-link" aria-label="Direct link to heading" title="Direct link to heading">​</a></h3>
 <p>다음은 슬라이스입니다. 슬라이스는 비즈니스 도메인별로 코드를 분할합니다. 여러분은 자유롭게 이름을 선택할 수 있고, 원하는 만큼 많이 만들 수 있습니다. 슬라이스는 논리적으로 관련된 모듈들을 가까이 유지함으로써 코드베이스를 더 쉽게 탐색할 수 있게 해줍니다.</p>
 <p>슬라이스는 같은 레이어 안에서 다른 슬라이스를 참조할 수 없으며, 이 규칙은 높은 응집도와 낮은 결합도를 유지하는 데 도움이 됩니다.</p>
@@ -127,6 +127,6 @@ <h2 class="anchor anchorWithStickyNavbar_QzlE" id="next-steps">다음 단계<a h
 <li><strong>FSD로 사고하는 방법을 잘 이해하고 싶으신가요?</strong> <a href="/kr/docs/get-started/tutorial">튜토리얼</a>을 확인해보세요.</li>
 <li><strong>예제를 통해 배우는 것을 선호하시나요?</strong> <a href="/kr/examples">예제</a> 섹션에 많은 예제가 있습니다.</li>
 <li><strong>질문이 있으신가요?</strong> 우리의 <a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer">텔레그램 채팅방</a>에 들러 커뮤니티의 도움을 받으세요.</li>
-</ul></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/kr/docusaurus-plugin-content-docs/current/get-started/overview.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Last updated<!-- --> on <b><time datetime="2024-09-29T11:02:46.000Z" itemprop="dateModified">Sep 29, 2024</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/kr/docs/get-started"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">🚀 Get Started</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/kr/docs/get-started/tutorial"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">Tutorial</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#is-it-right-for-me" class="table-of-contents__link toc-highlight">내 프로젝트에 적합할까?</a></li><li><a href="#basic-example" class="table-of-contents__link toc-highlight">간단한 예제</a></li><li><a href="#concepts" class="table-of-contents__link toc-highlight">개념</a><ul><li><a href="#layers" class="table-of-contents__link toc-highlight">레이어</a></li><li><a href="#slices" class="table-of-contents__link toc-highlight">슬라이스</a></li><li><a href="#segments" class="table-of-contents__link toc-highlight">세그먼트</a></li></ul></li><li><a href="#advantages" class="table-of-contents__link toc-highlight">장점</a></li><li><a href="#incremental-adoption" class="table-of-contents__link toc-highlight">점진적 도입</a></li><li><a href="#next-steps" class="table-of-contents__link toc-highlight">다음 단계</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Specs</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/kr/docs">Documentation</a></li><li class="footer__item"><a class="footer__link-item" href="/kr/community">Community</a></li><li class="footer__item"><a class="footer__link-item" href="/kr/nav">Help</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">License<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/kr/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/kr/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2024  Feature-Sliced Design</div></div></div></footer></div>
+</ul></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/kr/docusaurus-plugin-content-docs/current/get-started/overview.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Last updated<!-- --> on <b><time datetime="2024-10-07T18:23:06.000Z" itemprop="dateModified">Oct 7, 2024</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/kr/docs/get-started"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">🚀 Get Started</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/kr/docs/get-started/tutorial"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">튜토리얼</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#is-it-right-for-me" class="table-of-contents__link toc-highlight">내 프로젝트에 적합할까?</a></li><li><a href="#basic-example" class="table-of-contents__link toc-highlight">간단한 예제</a></li><li><a href="#concepts" class="table-of-contents__link toc-highlight">개념</a><ul><li><a href="#layers" class="table-of-contents__link toc-highlight">레이어</a></li><li><a href="#slices" class="table-of-contents__link toc-highlight">슬라이스</a></li><li><a href="#segments" class="table-of-contents__link toc-highlight">세그먼트</a></li></ul></li><li><a href="#advantages" class="table-of-contents__link toc-highlight">장점</a></li><li><a href="#incremental-adoption" class="table-of-contents__link toc-highlight">점진적 도입</a></li><li><a href="#next-steps" class="table-of-contents__link toc-highlight">다음 단계</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Specs</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/kr/docs">Documentation</a></li><li class="footer__item"><a class="footer__link-item" href="/kr/community">Community</a></li><li class="footer__item"><a class="footer__link-item" href="/kr/nav">Help</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">License<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/kr/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/kr/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2024  Feature-Sliced Design</div></div></div></footer></div>
 </body>
 </html>
\ No newline at end of file
diff --git a/kr/docs/get-started/tutorial.html b/kr/docs/get-started/tutorial.html
index 39caaedff6..11c764079f 100644
--- a/kr/docs/get-started/tutorial.html
+++ b/kr/docs/get-started/tutorial.html
@@ -3,275 +3,275 @@
 <head>
 <meta charset="UTF-8">
 <meta name="generator" content="Docusaurus v3.5.2">
-<title data-rh="true">Tutorial | Feature-Sliced Design</title><meta data-rh="true" name="viewport" content="width=device-width,initial-scale=1"><meta data-rh="true" property="og:image" content="https://feature-sliced.design/kr/img/preview.png"><meta data-rh="true" name="twitter:image" content="https://feature-sliced.design/kr/img/preview.png"><meta data-rh="true" property="og:url" content="https://feature-sliced.design/kr/docs/get-started/tutorial"><meta data-rh="true" property="og:locale" content="kr"><meta data-rh="true" property="og:locale:alternate" content="ru"><meta data-rh="true" property="og:locale:alternate" content="en"><meta data-rh="true" property="og:locale:alternate" content="uz"><meta data-rh="true" property="og:locale:alternate" content="ja"><meta data-rh="true" name="docusaurus_locale" content="kr"><meta data-rh="true" name="docsearch:language" content="kr"><meta data-rh="true" name="keywords" content="architecture, frontend, project structure"><meta data-rh="true" name="twitter:site" content="@feature_sliced"><meta data-rh="true" name="twitter:card" content="summary_large_image"><meta data-rh="true" name="docusaurus_version" content="current"><meta data-rh="true" name="docusaurus_tag" content="docs-default-current"><meta data-rh="true" name="docsearch:version" content="current"><meta data-rh="true" name="docsearch:docusaurus_tag" content="docs-default-current"><meta data-rh="true" property="og:title" content="Tutorial | Feature-Sliced Design"><meta data-rh="true" name="description" content="Part 1. On paper"><meta data-rh="true" property="og:description" content="Part 1. On paper"><link data-rh="true" rel="icon" href="/kr/img/favicon/classic.png"><link data-rh="true" rel="canonical" href="https://feature-sliced.design/kr/docs/get-started/tutorial"><link data-rh="true" rel="alternate" href="https://feature-sliced.design/ru/docs/get-started/tutorial" hreflang="ru"><link data-rh="true" rel="alternate" href="https://feature-sliced.design/docs/get-started/tutorial" hreflang="en"><link data-rh="true" rel="alternate" href="https://feature-sliced.design/uz/docs/get-started/tutorial" hreflang="uz"><link data-rh="true" rel="alternate" href="https://feature-sliced.design/kr/docs/get-started/tutorial" hreflang="kr"><link data-rh="true" rel="alternate" href="https://feature-sliced.design/ja/docs/get-started/tutorial" hreflang="ja"><link data-rh="true" rel="alternate" href="https://feature-sliced.design/docs/get-started/tutorial" hreflang="x-default"><link data-rh="true" rel="preconnect" href="https://18IVO61EUN-dsn.algolia.net" crossorigin="anonymous"><link rel="alternate" type="application/rss+xml" href="/kr/blog/rss.xml" title="Feature-Sliced Design RSS Feed">
+<title data-rh="true">튜토리얼 | Feature-Sliced Design</title><meta data-rh="true" name="viewport" content="width=device-width,initial-scale=1"><meta data-rh="true" property="og:image" content="https://feature-sliced.design/kr/img/preview.png"><meta data-rh="true" name="twitter:image" content="https://feature-sliced.design/kr/img/preview.png"><meta data-rh="true" property="og:url" content="https://feature-sliced.design/kr/docs/get-started/tutorial"><meta data-rh="true" property="og:locale" content="kr"><meta data-rh="true" property="og:locale:alternate" content="ru"><meta data-rh="true" property="og:locale:alternate" content="en"><meta data-rh="true" property="og:locale:alternate" content="uz"><meta data-rh="true" property="og:locale:alternate" content="ja"><meta data-rh="true" name="docusaurus_locale" content="kr"><meta data-rh="true" name="docsearch:language" content="kr"><meta data-rh="true" name="keywords" content="architecture, frontend, project structure"><meta data-rh="true" name="twitter:site" content="@feature_sliced"><meta data-rh="true" name="twitter:card" content="summary_large_image"><meta data-rh="true" name="docusaurus_version" content="current"><meta data-rh="true" name="docusaurus_tag" content="docs-default-current"><meta data-rh="true" name="docsearch:version" content="current"><meta data-rh="true" name="docsearch:docusaurus_tag" content="docs-default-current"><meta data-rh="true" property="og:title" content="튜토리얼 | Feature-Sliced Design"><meta data-rh="true" name="description" content="Part 1. 설계"><meta data-rh="true" property="og:description" content="Part 1. 설계"><link data-rh="true" rel="icon" href="/kr/img/favicon/classic.png"><link data-rh="true" rel="canonical" href="https://feature-sliced.design/kr/docs/get-started/tutorial"><link data-rh="true" rel="alternate" href="https://feature-sliced.design/ru/docs/get-started/tutorial" hreflang="ru"><link data-rh="true" rel="alternate" href="https://feature-sliced.design/docs/get-started/tutorial" hreflang="en"><link data-rh="true" rel="alternate" href="https://feature-sliced.design/uz/docs/get-started/tutorial" hreflang="uz"><link data-rh="true" rel="alternate" href="https://feature-sliced.design/kr/docs/get-started/tutorial" hreflang="kr"><link data-rh="true" rel="alternate" href="https://feature-sliced.design/ja/docs/get-started/tutorial" hreflang="ja"><link data-rh="true" rel="alternate" href="https://feature-sliced.design/docs/get-started/tutorial" hreflang="x-default"><link data-rh="true" rel="preconnect" href="https://18IVO61EUN-dsn.algolia.net" crossorigin="anonymous"><link rel="alternate" type="application/rss+xml" href="/kr/blog/rss.xml" title="Feature-Sliced Design RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/kr/blog/atom.xml" title="Feature-Sliced Design Atom Feed">
 
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/kr/opensearch.xml"><link rel="stylesheet" href="/kr/assets/css/styles.554655a0.css">
-<script src="/kr/assets/js/runtime~main.747d66f0.js" defer="defer"></script>
-<script src="/kr/assets/js/main.6d627ed0.js" defer="defer"></script>
+<script src="/kr/assets/js/runtime~main.c4f81ee2.js" defer="defer"></script>
+<script src="/kr/assets/js/main.ea09754c.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
-<script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/kr/"><div class="navbar__logo"><img src="/kr/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/kr/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/kr/docs">📖 Docs</a><a class="navbar__item navbar__link" href="/kr/community">💫 Community</a><a class="navbar__item navbar__link" href="/kr/blog">📝 Blog</a><a class="navbar__item navbar__link" href="/kr/examples">🛠 Examples</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/kr/docs/get-started/tutorial">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a aria-current="page" class="dropdown__link dropdown__link--active" href="/kr/docs/get-started/tutorial">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/kr/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>한국어</a><ul class="dropdown__menu"><li><a href="/ru/docs/get-started/tutorial" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ru">Русский</a></li><li><a href="/docs/get-started/tutorial" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/uz/docs/get-started/tutorial" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/docs/get-started/tutorial" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="kr">한국어</a></li><li><a href="/ja/docs/get-started/tutorial" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><div class="docsWrapper_rDLg"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_JQoL" type="button"></button><div class="docRoot_GkJk"><aside class="theme-doc-sidebar-container docSidebarContainer_xiHB"><div class="sidebarViewport_DaHB"><div class="sidebar_Kb82"><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_AkOp"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--active" href="/kr/docs/get-started">🚀  Get Started</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/kr/docs/get-started/overview">둘러보기</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/kr/docs/get-started/tutorial">Tutorial</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/kr/docs/get-started/faq">FAQ</a></li></ul></li></ul></nav><button type="button" title="Collapse sidebar" aria-label="Collapse sidebar" class="button button--secondary button--outline collapseSidebarButton_L8vW"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_hYfn"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_uESP"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_w6lk"><div class="docItemContainer_b1tn"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_ioLt" aria-label="Breadcrumbs"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Home page" class="breadcrumbs__link" href="/kr/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_ZfEo"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/kr/docs/get-started"><span itemprop="name">🚀  Get Started</span></a><meta itemprop="position" content="1"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">Tutorial</span><meta itemprop="position" content="2"></li></ul></nav><div class="tocCollapsible_EkMH theme-doc-toc-mobile tocMobile_XRnS"><button type="button" class="clean-btn tocCollapsibleButton_ID8T">On this page</button></div><div class="theme-doc-markdown markdown"><header><h1>Tutorial</h1></header>
-<h2 class="anchor anchorWithStickyNavbar_QzlE" id="part-1-on-paper">Part 1. On paper<a href="#part-1-on-paper" class="hash-link" aria-label="Direct link to heading" title="Direct link to heading">​</a></h2>
-<p>This tutorial will examine the Real World App, also known as Conduit. Conduit is a basic <a href="https://medium.com/" target="_blank" rel="noopener noreferrer">Medium</a> clone — it lets you read and write articles as well as comment on the articles of others.</p>
+<script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/kr/"><div class="navbar__logo"><img src="/kr/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/kr/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/kr/docs">📖 Docs</a><a class="navbar__item navbar__link" href="/kr/community">💫 Community</a><a class="navbar__item navbar__link" href="/kr/blog">📝 Blog</a><a class="navbar__item navbar__link" href="/kr/examples">🛠 Examples</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/kr/docs/get-started/tutorial">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a aria-current="page" class="dropdown__link dropdown__link--active" href="/kr/docs/get-started/tutorial">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/kr/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>한국어</a><ul class="dropdown__menu"><li><a href="/ru/docs/get-started/tutorial" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ru">Русский</a></li><li><a href="/docs/get-started/tutorial" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/uz/docs/get-started/tutorial" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/docs/get-started/tutorial" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="kr">한국어</a></li><li><a href="/ja/docs/get-started/tutorial" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><div class="docsWrapper_rDLg"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_JQoL" type="button"></button><div class="docRoot_GkJk"><aside class="theme-doc-sidebar-container docSidebarContainer_xiHB"><div class="sidebarViewport_DaHB"><div class="sidebar_Kb82"><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_AkOp"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--active" href="/kr/docs/get-started">🚀  Get Started</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/kr/docs/get-started/overview">둘러보기</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/kr/docs/get-started/tutorial">튜토리얼</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/kr/docs/get-started/faq">FAQ</a></li></ul></li></ul></nav><button type="button" title="Collapse sidebar" aria-label="Collapse sidebar" class="button button--secondary button--outline collapseSidebarButton_L8vW"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_hYfn"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_uESP"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_w6lk"><div class="docItemContainer_b1tn"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_ioLt" aria-label="Breadcrumbs"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Home page" class="breadcrumbs__link" href="/kr/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_ZfEo"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/kr/docs/get-started"><span itemprop="name">🚀  Get Started</span></a><meta itemprop="position" content="1"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">튜토리얼</span><meta itemprop="position" content="2"></li></ul></nav><div class="tocCollapsible_EkMH theme-doc-toc-mobile tocMobile_XRnS"><button type="button" class="clean-btn tocCollapsibleButton_ID8T">On this page</button></div><div class="theme-doc-markdown markdown"><header><h1>튜토리얼</h1></header>
+<h2 class="anchor anchorWithStickyNavbar_QzlE" id="part-1-설계">Part 1. 설계<a href="#part-1-설계" class="hash-link" aria-label="Direct link to heading" title="Direct link to heading">​</a></h2>
+<p>이 튜토리얼에서는 Real World App이라고도 알려진 Conduit를 살펴보겠습니다. Conduit는 기본적인 <a href="https://medium.com/" target="_blank" rel="noopener noreferrer">Medium</a> 클론입니다 - 글을 읽고 쓸 수 있으며 다른 사람의 글에 댓글을 달 수 있습니다.</p>
 <p><img decoding="async" loading="lazy" alt="Conduit home page" src="/kr/assets/images/realworld-feed-anonymous-8cbba45f488931979f6c8da8968ad685.jpg" width="2880" height="1504" class="img_Vtmu"></p>
-<p>This is a pretty small application, so we will keep it simple and avoid excessive decomposition. It’s highly likely that the entire app will fit into just three layers: <strong>App</strong>, <strong>Pages</strong>, and <strong>Shared</strong>. If not, we will introduce additional layers as we go. Ready?</p>
-<h3 class="anchor anchorWithStickyNavbar_QzlE" id="start-by-listing-the-pages">Start by listing the pages<a href="#start-by-listing-the-pages" class="hash-link" aria-label="Direct link to heading" title="Direct link to heading">​</a></h3>
-<p>If we look at the screenshot above, we can assume at least the following pages:</p>
+<p>이 애플리케이션은 매우 작은 애플리케이션이므로 과도한 분해를 피하고 간단하게 유지할 것입니다. 전체 애플리케이션이 세 개의 레이어인 <strong>App</strong>, <strong>Pages</strong>, 그리고 <strong>Shared</strong>에 맞춰 들어갈 것입니다. 그렇지 않다면 우리는 계속해서 추가적인 레이어를 도입할 것입니다. 준비되셨나요?</p>
+<h3 class="anchor anchorWithStickyNavbar_QzlE" id="먼저-페이지를-나열해-봅시다">먼저 페이지를 나열해 봅시다.<a href="#먼저-페이지를-나열해-봅시다" class="hash-link" aria-label="Direct link to heading" title="Direct link to heading">​</a></h3>
+<p>위의 스크린샷을 보면 최소한 다음과 같은 페이지들이 있다고 가정할 수 있습니다:</p>
 <ul>
-<li>Home (article feed)</li>
-<li>Sign in and sign up</li>
-<li>Article reader</li>
-<li>Article editor</li>
-<li>User profile viewer</li>
-<li>User profile editor (user settings)</li>
+<li>홈 (글 피드)</li>
+<li>로그인 및 회원가입</li>
+<li>글 읽기</li>
+<li>글 편집기</li>
+<li>사용자 프로필 보기</li>
+<li>사용자 프로필 편집 (사용자 설정)</li>
 </ul>
-<p>Every one of these pages will become its own <em>slice</em> on the Pages <em>layer</em>. Recall from the overview that slices are simply folders inside of layers and layers are simply folders with predefined names like <code>pages</code>.</p>
-<p>As such, our Pages folder will look like this:</p>
+<p>이 페이지들 각각은 Pages <em>레이어</em>의 독립된 <em>슬라이스</em>가 될 것입니다. 개요에서 언급했듯이 슬라이스는 단순히 레이어 내의 폴더이고, 레이어는 <code>pages</code>와 같은 미리 정의된 이름을 가진 폴더일 뿐입니다.</p>
+<p>따라서 우리의 Pages 폴더는 다음과 같이 보일 것입니다.</p>
 <div class="codeBlockContainer_IiXL theme-code-block" style="--prism-background-color:hsl(230, 1%, 98%);--prism-color:hsl(230, 8%, 24%)"><div class="codeBlockContent_Y78k"><pre tabindex="0" class="prism-code language-text codeBlock_gc_u thin-scrollbar" style="background-color:hsl(230, 1%, 98%);color:hsl(230, 8%, 24%)"><code class="codeBlockLines_PG8G"><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">📂 pages/</span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">  📁 feed/</span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">  📁 sign-in/</span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">  📁 article-read/</span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">  📁 article-edit/</span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">  📁 profile/</span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">  📁 settings/</span><br></span></code></pre><div class="buttonGroup_VWIG"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_p0uL" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_LnVn"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_yLdc"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div>
-<p>The key difference of Feature-Sliced Design from an unregulated code structure is that pages cannot reference each other. That is, one page cannot import code from another page. This is due to the <strong>import rule on layers</strong>:</p>
-<p><em>A module in a slice can only import other slices when they are located on layers strictly below.</em></p>
-<p>In this case, a page is a slice, so modules (files) inside this page can only reference code from layers below, not from the same layer, Pages.</p>
-<h3 class="anchor anchorWithStickyNavbar_QzlE" id="close-look-at-the-feed">Close look at the feed<a href="#close-look-at-the-feed" class="hash-link" aria-label="Direct link to heading" title="Direct link to heading">​</a></h3>
-<figure><p><img decoding="async" loading="lazy" alt="Anonymous user’s perspective" src="/kr/assets/images/realworld-feed-anonymous-8cbba45f488931979f6c8da8968ad685.jpg" width="2880" height="1504" class="img_Vtmu"></p><figcaption><p><em>Anonymous user’s perspective</em></p></figcaption></figure>
-<figure><p><img decoding="async" loading="lazy" alt="Authenticated user’s perspective" src="/kr/assets/images/realworld-feed-authenticated-15427d9ff7baae009b47b501bee6c059.jpg" width="2880" height="1504" class="img_Vtmu"></p><figcaption><p><em>Authenticated user’s perspective</em></p></figcaption></figure>
-<p>There are three dynamic areas on the feed page:</p>
+<p>Feature-Sliced Design이 규제되지 않은 코드 구조와 다른 주요 차이점은 페이지들이 서로를 참조할 수 없다는 것입니다. 즉, 한 페이지가 다른 페이지의 코드를 가져올 수 없습니다. 이는 <strong>레이어의 import 규칙</strong> 때문입니다.</p>
+<p><em>슬라이스의 모듈은 엄격히 아래에 있는 레이어에 위치한 다른 슬라이스만 가져올 수 있습니다.</em></p>
+<p>이 경우 페이지는 슬라이스이므로, 이 페이지 내의 모듈(파일)은 같은 레이어인 Pages가 아닌 아래 레이어의 코드만 참조할 수 있습니다.</p>
+<h3 class="anchor anchorWithStickyNavbar_QzlE" id="피드-자세히-보기">피드 자세히 보기<a href="#피드-자세히-보기" class="hash-link" aria-label="Direct link to heading" title="Direct link to heading">​</a></h3>
+<figure><p><img decoding="async" loading="lazy" alt="Anonymous user’s perspective" src="/kr/assets/images/realworld-feed-anonymous-8cbba45f488931979f6c8da8968ad685.jpg" width="2880" height="1504" class="img_Vtmu"></p><figcaption><p><em>익명 사용자의 관점</em></p></figcaption></figure>
+<figure><p><img decoding="async" loading="lazy" alt="Authenticated user’s perspective" src="/kr/assets/images/realworld-feed-authenticated-15427d9ff7baae009b47b501bee6c059.jpg" width="2880" height="1504" class="img_Vtmu"></p><figcaption><p><em>인증된 사용자의 관점</em></p></figcaption></figure>
+<p>피드 페이지에는 세 가지 동적 영역이 있습니다.</p>
 <ol>
-<li>Sign-in links with an indication if you are signed in</li>
-<li>List of tags that triggers filtering in the feed</li>
-<li>One/two feeds of articles, each article with a like button</li>
+<li>로그인 여부를 나타내는 로그인 링크</li>
+<li>피드에서 필터링을 트리거하는 태그 목록</li>
+<li>좋아요 버튼이 있는 하나/두 개의 글 피드</li>
 </ol>
-<p>The sign-in links are a part of a header that is common to all pages, we will revisit it separately.</p>
-<h4 class="anchor anchorWithStickyNavbar_QzlE" id="list-of-tags">List of tags<a href="#list-of-tags" class="hash-link" aria-label="Direct link to heading" title="Direct link to heading">​</a></h4>
-<p>To build the list of tags, we need to fetch the available tags, render each tag as a chip, and store the selected tags in a client-side storage. These operations fall into categories “API interaction”, “user interface”, and “storage”, respectively. In Feature-Sliced Design, code is separated by purpose using <em>segments</em>. Segments are folders in slices, and they can have arbitrary names that describe the purpose, but some purposes are so common that there’s a convention for certain segment names:</p>
+<p>로그인 링크는 모든 페이지에 공통적인 헤더의 일부이므로 나중에 따로 다루겠습니다.</p>
+<h4 class="anchor anchorWithStickyNavbar_QzlE" id="태그-목록">태그 목록<a href="#태그-목록" class="hash-link" aria-label="Direct link to heading" title="Direct link to heading">​</a></h4>
+<p>태그 목록을 만들기 위해서는 사용 가능한 태그를 가져오고, 각 태그를 칩으로 렌더링하고, 선택된 태그를 클라이언트 측 저장소에 저장해야 합니다. 이러한 작업들은 각각 &quot;API 상호작용&quot;, &quot;사용자 인터페이스&quot;, &quot;저장소&quot; 카테고리에 속합니다. Feature-Sliced Design에서는 코드를 <em>세그먼트</em>를 사용하여 목적별로 분리합니다. 세그먼트는 슬라이스 내의 폴더이며, 목적을 설명하는 임의의 이름을 가질 수 있지만, 일부 목적은 너무 일반적이어서 특정 세그먼트 이름에 대한 규칙이 있습니다.</p>
 <ul>
-<li>📂 <code>api/</code> for backend interactions</li>
-<li>📂 <code>ui/</code> for code that handles rendering and appearance</li>
-<li>📂 <code>model/</code> for storage and business logic</li>
-<li>📂 <code>config/</code> for feature flags, environment variables and other forms of configuration</li>
+<li>📂 <code>api/</code> 백엔드 상호작용</li>
+<li>📂 <code>ui/</code> 렌더링과 외관을 다루는 코드</li>
+<li>📂 <code>model/</code> 저장소와 비즈니스 로직</li>
+<li>📂 <code>config/</code> 기능 플래그, 환경 변수 및 기타 구성 형식</li>
 </ul>
-<p>We will place code that fetches tags into <code>api</code>, the tag component into <code>ui</code>, and the storage interaction into <code>model</code>.</p>
-<h4 class="anchor anchorWithStickyNavbar_QzlE" id="articles">Articles<a href="#articles" class="hash-link" aria-label="Direct link to heading" title="Direct link to heading">​</a></h4>
-<p>Using the same grouping principles, we can decompose the feed of articles into the same three segments:</p>
+<p>태그를 가져오는 코드는 <code>api</code>에, 태그 컴포넌트는 <code>ui</code>에, 저장소 상호작용은 <code>model</code>에 배치할 것입니다.</p>
+<h4 class="anchor anchorWithStickyNavbar_QzlE" id="글">글<a href="#글" class="hash-link" aria-label="Direct link to heading" title="Direct link to heading">​</a></h4>
+<p>같은 그룹화 원칙을 사용하여 글 피드를 같은 세 개의 세그먼트로 분해할 수 있습니다.</p>
 <ul>
-<li>📂 <code>api/</code>: fetch paginated articles with like count; like an article</li>
+<li>📂 <code>api/</code>: 좋아요 수가 포함된 페이지네이션된 글 가져오기</li>
 <li>📂 <code>ui/</code>:<!-- -->
 <ul>
-<li>tab list that can render an extra tab if a tag is selected</li>
-<li>individual article</li>
-<li>functional pagination</li>
+<li>태그가 선택된 경우 추가 탭을 렌더링할 수 있는 탭 목록</li>
+<li>개별 글</li>
+<li>기능적 페이지네이션</li>
 </ul>
 </li>
-<li>📂 <code>model/</code>: client-side storage of the currently loaded articles and current page (if needed)</li>
+<li>📂 <code>model/</code>: 현재 로드된 글과 현재 페이지의 클라이언트 측 저장소 (필요한 경우)</li>
 </ul>
-<h3 class="anchor anchorWithStickyNavbar_QzlE" id="reuse-generic-code">Reuse generic code<a href="#reuse-generic-code" class="hash-link" aria-label="Direct link to heading" title="Direct link to heading">​</a></h3>
-<p>Most pages are very different in intent, but certain things stay the same across the entire app — for example, the UI kit that conforms to the design language, or the convention on the backend that everything is done with a REST API with the same authentication method. Since slices are meant to be isolated, code reuse is facilitated by a lower layer, <strong>Shared</strong>.</p>
-<p>Shared is different from other layers in the sense that it contains segments, not slices. In this way, the Shared layer can be thought of as a hybrid between a layer and a slice.</p>
-<p>Usually, the code in Shared is not planned ahead of time, but rather extracted during development, because only during development does it become clear which parts of code are actually shared. However, it’s still helpful to keep a mental note of what kind of code naturally belongs in Shared:</p>
+<h3 class="anchor anchorWithStickyNavbar_QzlE" id="일반적인-코드-재사용">일반적인 코드 재사용<a href="#일반적인-코드-재사용" class="hash-link" aria-label="Direct link to heading" title="Direct link to heading">​</a></h3>
+<p>대부분의 페이지는 의도가 매우 다르지만, 앱 전체에 걸쳐 일부 요소는 동일하게 유지됩니다. 예를 들어, 디자인 언어를 준수하는 UI 키트나 모든 것이 동일한 인증 방식으로 REST API를 통해 수행되는 백엔드의 규칙 등이 있습니다. 슬라이스는 격리되도록 설계되었기 때문에, 코드 재사용은 더 낮은 계층인 <strong>Shared</strong>에 의해 촉진됩니다.</p>
+<p>Shared는 슬라이스가 아닌 세그먼트를 포함한다는 점에서 다른 계층과 다릅니다. 이런 면에서 Shared 계층은 계층과 슬라이스의 하이브리드로 생각할 수 있습니다.</p>
+<p>일반적으로 Shared의 코드는 미리 계획되지 않고 개발 중에 추출됩니다. 실제로 어떤 코드 부분이 공유되는지는 개발 중에만 명확해지기 때문입니다. 그러나 어떤 종류의 코드가 자연스럽게 Shared에 속하는지 머릿속에 메모해 두는 것은 여전히 도움이 됩니다.</p>
 <ul>
-<li>📂 <code>ui/</code> — the UI kit, pure appearance, no business logic. For example, buttons, modal dialogs, form inputs.</li>
-<li>📂 <code>api/</code> — convenience wrappers around request making primitives (like <code>fetch()</code> on the Web) and, optionally, functions for triggering particular requests according to the backend specification.</li>
-<li>📂 <code>config/</code> — parsing environment variables</li>
-<li>📂 <code>i18n/</code> — configuration of language support</li>
-<li>📂 <code>router/</code> — routing primitives and route constants</li>
+<li>📂 <code>ui/</code> — UI 키트, 비즈니스 로직이 없는 순수한 UI. 예: 버튼, 모달 대화 상자, 폼 입력.</li>
+<li>📂 <code>api/</code> — 요청 생성 기본 요소(예: 웹의 <code>fetch()</code>)에 대한 편의 래퍼 및 선택적으로 백엔드 사양에 따라 특정 요청을 트리거하는 함수.</li>
+<li>📂 <code>config/</code> — 환경 변수 파싱</li>
+<li>📂 <code>i18n/</code> — 언어 지원에 대한 구성</li>
+<li>📂 <code>router/</code> — 라우팅 기본 요소 및 라우트 상수</li>
 </ul>
-<p>Those are just a few examples of segment names in Shared, but you can omit any of them or create your own. The only important thing to remember when creating new segments is that segment names should describe <strong>purpose (the why), not essence (the what)</strong>. Names like “components”, “hooks”, “modals” <em>should not</em> be used because they describe what these files are, but don’t help to navigate the code inside. This requires people on the team to dig through every file in such folders and also keeps unrelated code close, which leads to broad areas of code being affected by refactoring and thus makes code review and testing harder.</p>
-<h3 class="anchor anchorWithStickyNavbar_QzlE" id="define-a-strict-public-api">Define a strict public API<a href="#define-a-strict-public-api" class="hash-link" aria-label="Direct link to heading" title="Direct link to heading">​</a></h3>
-<p>In the context of Feature-Sliced Design, the term <em>public API</em> refers to a slice or segment declaring what can be imported from it by other modules in the project. For example, in JavaScript that can be an <code>index.js</code> file re-exporting objects from other files in the slice. This enables freedom in refactoring code inside a slice as long as the contract with the outside world (i.e. the public API) stays the same.</p>
-<p>For the Shared layer that has no slices, it’s usually more convenient to define a separate public API for each segment as opposed to defining one single index of everything in Shared. This keeps imports from Shared naturally organized by intent. For other layers that have slices, the opposite is true — it’s usually more practical to define one index per slice and let the slice decide its own set of segments that is unknown to the outside world because other layers usually have a lot less exports.</p>
-<p>Our slices/segments will appear to each other as follows:</p>
+<p>이는 Shared의 세그먼트 이름의 몇 가지 예시일 뿐이며, 이 중 일부를 생략하거나 자신만의 세그먼트를 만들 수 있습니다. 새로운 세그먼트를 만들 때 기억해야 할 유일한 중요한 점은 세그먼트 이름이 <strong>본질(무엇인지)이 아닌 목적(왜)을 설명해야 한다</strong>는 것입니다. &quot;components&quot;, &quot;hooks&quot;, &quot;modals&quot;과 같은 이름은 이 파일들이 무엇인지는 설명하지만 내부 코드를 탐색하는 데 도움이 되지 않기 때문에 사용해서는 안 됩니다. 이는 팀원들이 이러한 폴더의 모든 파일을 파헤쳐야 하며, 관련 없는 코드를 가까이 유지하게 되어 리팩토링의 영향을 받는 코드 영역이 넓어지고 결과적으로 코드 리뷰와 테스트를 더 어렵게 만듭니다.</p>
+<h3 class="anchor anchorWithStickyNavbar_QzlE" id="엄격한-공개-api-정의">엄격한 공개 API 정의<a href="#엄격한-공개-api-정의" class="hash-link" aria-label="Direct link to heading" title="Direct link to heading">​</a></h3>
+<p>Feature-Sliced Design의 맥락에서 <em>공개 API</em>라는 용어는 슬라이스나 세그먼트가 프로젝트의 다른 모듈에서 가져올 수 있는 것을 선언하는 것을 의미합니다. 예를 들어, JavaScript에서는 슬라이스의 다른 파일에서 객체를 다시 내보내는 <code>index.js</code> 파일일 수 있습니다. 이를 통해 외부 세계와의 계약(즉, 공개 API)이 동일하게 유지되는 한 슬라이스 내부의 코드를 자유롭게 리팩토링할 수 있습니다.</p>
+<p>슬라이스가 없는 Shared 계층의 경우, Shared의 모든 것에 대한 단일 인덱스를 정의하는 것과 반대로 각 세그먼트에 대해 별도의 공개 API를 정의하는 것이 일반적으로 더 편리합니다. 이렇게 하면 Shared에서의 가져오기가 자연스럽게 의도별로 구성됩니다. 슬라이스가 있는 다른 계층의 경우 반대가 사실입니다 — 일반적으로 슬라이스당 하나의 인덱스를 정의하고 슬라이스가 외부 세계에 알려지지 않은 자체 세그먼트 세트를 결정하도록 하는 것이 더 실용적입니다. 다른 계층은 일반적으로 내보내기가 훨씬 적기 때문입니다.</p>
+<p>우리의 슬라이스/세그먼트는 서로에게 다음과 같이 나타날 것입니다.</p>
 <div class="codeBlockContainer_IiXL theme-code-block" style="--prism-background-color:hsl(230, 1%, 98%);--prism-color:hsl(230, 8%, 24%)"><div class="codeBlockContent_Y78k"><pre tabindex="0" class="prism-code language-text codeBlock_gc_u thin-scrollbar" style="background-color:hsl(230, 1%, 98%);color:hsl(230, 8%, 24%)"><code class="codeBlockLines_PG8G"><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">📂 pages/</span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">  📂 feed/</span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">    📄 index</span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">  📂 sign-in/</span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">    📄 index</span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">  📂 article-read/</span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">    📄 index</span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">  📁 …</span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">📂 shared/</span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">  📂 ui/</span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">    📄 index</span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">  📂 api/</span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">    📄 index</span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">  📁 …</span><br></span></code></pre><div class="buttonGroup_VWIG"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_p0uL" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_LnVn"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_yLdc"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div>
-<p>Whatever is inside folders like <code>pages/feed</code> or <code>shared/ui</code> is only known to those folders, and other files should not rely on the internal structure of these folders.</p>
-<h3 class="anchor anchorWithStickyNavbar_QzlE" id="large-reused-blocks-in-the-ui">Large reused blocks in the UI<a href="#large-reused-blocks-in-the-ui" class="hash-link" aria-label="Direct link to heading" title="Direct link to heading">​</a></h3>
-<p>Earlier we made a note to revisit the header that appears on every page. Rebuilding it from scratch on every page would be impractical, so it’s only natural to want to reuse it. We already have Shared to facilitate code reuse, however, there’s a caveat to putting large blocks of UI in Shared — the Shared layer is not supposed to know about any of the layers above.</p>
-<p>Between Shared and Pages there are three other layers: Entities, Features, and Widgets.  Some projects may have something in those layers that they need in a large reusable block, and that means we can’t put that reusable block in Shared, or else it would be importing from upper layers, which is prohibited. That’s where the Widgets layer comes in. It is located above Shared, Entities, and Features, so it can use them all.</p>
-<p>In our case, the header is very simple — it’s a static logo and top-level navigation. The navigation needs to make a request to the API to determine if the user is currently logged in or not, but that can be handled by a simple import from the <code>api</code> segment. Therefore, we will keep our header in Shared.</p>
-<h3 class="anchor anchorWithStickyNavbar_QzlE" id="close-look-at-a-page-with-a-form">Close look at a page with a form<a href="#close-look-at-a-page-with-a-form" class="hash-link" aria-label="Direct link to heading" title="Direct link to heading">​</a></h3>
-<p>Let’s also examine a page that’s intended for editing, not reading. For example, the article writer:</p>
+<p><code>pages/feed</code>나 <code>shared/ui</code>와 같은 폴더 내부의 내용은 해당 폴더에만 알려져 있으며, 다른 파일은 이러한 폴더의 내부 구조에 의존해서는 안 됩니다.</p>
+<h3 class="anchor anchorWithStickyNavbar_QzlE" id="ui의-큰-재사용-블록">UI의 큰 재사용 블록<a href="#ui의-큰-재사용-블록" class="hash-link" aria-label="Direct link to heading" title="Direct link to heading">​</a></h3>
+<p>앞서 모든 페이지에 나타나는 헤더를 다시 살펴보기로 했습니다. 모든 페이지에서 처음부터 다시 만드는 것은 비실용적이므로 재사용하고 싶을 것입니다. 우리는 이미 코드 재사용을 용이하게 하는 Shared를 가지고 있지만, Shared에 큰 UI 블록을 넣는 데는 주의할 점이 있습니다 — Shared 계층은 위의 계층에 대해 알지 못해야 합니다.</p>
+<p>Shared와 Pages 사이에는 Entities, Features, Widgets의 세 가지 다른 계층이 있습니다. 일부 프로젝트는 이러한 계층에 큰 재사용 가능한 블록에 필요한 것이 있을 수 있으며, 이는 해당 재사용 가능한 블록을 Shared에 넣을 수 없다는 것을 의미합니다. 그렇지 않으면 상위 계층에서 가져오게 되어 금지됩니다. 이것이 Widgets 계층이 필요한 이유입니다. Widgets는 Shared, Entities, Features 위에 위치하므로 이들 모두를 사용할 수 있습니다.</p>
+<p>우리의 경우, 헤더는 매우 간단합니다 — 정적 로고와 최상위 탐색입니다. 탐색은 사용자가 현재 로그인했는지 여부를 확인하기 위해 API에 요청을 해야 하지만, 이는 <code>api</code> 세그먼트에서 간단한 가져오기로 처리할 수 있습니다. 따라서 우리는 헤더를 Shared에 유지할 것입니다.</p>
+<h3 class="anchor anchorWithStickyNavbar_QzlE" id="폼이-있는-페이지-자세히-보기">폼이 있는 페이지 자세히 보기<a href="#폼이-있는-페이지-자세히-보기" class="hash-link" aria-label="Direct link to heading" title="Direct link to heading">​</a></h3>
+<p>읽기가 아닌 편집을 위한 페이지도 살펴보겠습니다.</p>
 <p><img decoding="async" loading="lazy" alt="Conduit post editor" src="/kr/assets/images/realworld-editor-authenticated-10de4d01479270886859e08592045b1e.jpg" width="2880" height="1200" class="img_Vtmu"></p>
-<p>It looks trivial, but contains several aspects of application development that we haven’t explored yet — form validation, error states, and data persistence.</p>
-<p>If we were to build this page, we would grab some inputs and buttons from Shared and put together a form in the <code>ui</code> segment of this page. Then, in the <code>api</code> segment, we would define a mutation request to create the article on the backend.</p>
-<p>To validate the request before sending, we need a validation schema, and a good place for it is the <code>model</code> segment, since it’s the data model. There we will produce error messages and display them using another component in the <code>ui</code> segment.</p>
-<p>To improve user experience, we could also persist the inputs to prevent accidental data loss. This is also a job of the <code>model</code> segment.</p>
-<h3 class="anchor anchorWithStickyNavbar_QzlE" id="summary">Summary<a href="#summary" class="hash-link" aria-label="Direct link to heading" title="Direct link to heading">​</a></h3>
-<p>We have examined several pages and outlined a preliminary structure for our application:</p>
+<p>간단해 보이지만, 폼 유효성 검사, 오류 상태, 데이터 지속성 등 아직 탐구하지 않은 애플리케이션 개발의 여러 측면을 포함하고 있습니다.</p>
+<p>이 페이지를 만들려면 Shared에서 일부 입력과 버튼을 가져와 이 페이지의 <code>ui</code> 세그먼트에서 폼을 구성할 것입니다. 그런 다음 <code>api</code> 세그먼트에서 백엔드에 글을 생성하는 변경 요청을 정의할 것입니다.</p>
+<p>요청을 보내기 전에 유효성을 검사하려면 유효성 검사 스키마가 필요하며, 이를 위한 좋은 위치는 데이터 모델이기 때문에 <code>model</code> 세그먼트입니다. 여기서 오류 메시지를 생성하고 <code>ui</code> 세그먼트의 다른 컴포넌트를 사용하여 표시할 것입니다.</p>
+<p>사용자 경험을 개선하기 위해 우발적인 데이터 손실을 방지하기 위해 입력을 지속시킬 수도 있습니다. 이것도 <code>model</code> 세그먼트의 작업입니다.</p>
+<h3 class="anchor anchorWithStickyNavbar_QzlE" id="요약">요약<a href="#요약" class="hash-link" aria-label="Direct link to heading" title="Direct link to heading">​</a></h3>
+<p>우리는 여러 페이지를 검토하고 애플리케이션의 예비 구조를 개략적으로 설명했습니다.</p>
 <ol>
 <li>Shared layer<!-- -->
 <ol>
-<li><code>ui</code>  will contain our reusable UI kit</li>
-<li><code>api</code>  will contain our primitive interactions with the backend</li>
-<li>The rest will be arranged on demand</li>
+<li><code>ui</code>는 재사용 가능한 UI 키트를 포함할 것입니다.</li>
+<li><code>api</code>는 백엔드와의 기본적인 상호작용을 포함할 것입니다.</li>
+<li>나머지는 필요에 따라 정리될 것입니다.</li>
 </ol>
 </li>
-<li>Pages layer — each page is a separate slice<!-- -->
+<li>Pages layer — 각 페이지는 별도의 슬라이스입니다.<!-- -->
 <ol>
-<li><code>ui</code>  will contain the page itself and all of its parts</li>
-<li><code>api</code>  will contain more specialized data fetching, using <code>shared/api</code></li>
-<li><code>model</code>  might contain client-side storage of the data that we will display</li>
+<li><code>ui</code>는 페이지 자체와 모든 부분을 포함할 것입니다.</li>
+<li><code>api</code>는 <code>shared/api</code>를 사용하여 더 특화된 데이터 가져오기를 포함할 것입니다.</li>
+<li><code>model</code>은 표시할 데이터의 클라이언트 측 저장소를 포함할 수 있습니다.</li>
 </ol>
 </li>
 </ol>
-<p>Let’s get building!</p>
-<h2 class="anchor anchorWithStickyNavbar_QzlE" id="part-2-in-code">Part 2. In code<a href="#part-2-in-code" class="hash-link" aria-label="Direct link to heading" title="Direct link to heading">​</a></h2>
-<p>Now that we have a plan, let’s put it to practice. We will use React and <a href="https://remix.run" target="_blank" rel="noopener noreferrer">Remix</a>.</p>
-<p>There&#x27;s a template ready for this project, clone it from GitHub to get a headstart: <a href="https://github.com/feature-sliced/tutorial-conduit/tree/clean" target="_blank" rel="noopener noreferrer">https://github.com/feature-sliced/tutorial-conduit/tree/clean</a>.</p>
-<p>Install dependencies with <code>npm install</code> and start the development server with <code>npm run dev</code>. Open <a href="http://localhost:3000" target="_blank" rel="noopener noreferrer">http://localhost:3000</a> and you should see a blank app.</p>
-<h3 class="anchor anchorWithStickyNavbar_QzlE" id="lay-out-the-pages">Lay out the pages<a href="#lay-out-the-pages" class="hash-link" aria-label="Direct link to heading" title="Direct link to heading">​</a></h3>
-<p>Let’s start by creating blank components for all our pages. Run the following command in your project:</p>
+<p>이제 코드 작성을 시작해 봅시다!</p>
+<h2 class="anchor anchorWithStickyNavbar_QzlE" id="part-2-코드-작성">Part 2. 코드 작성<a href="#part-2-코드-작성" class="hash-link" aria-label="Direct link to heading" title="Direct link to heading">​</a></h2>
+<p>이제 설계를 완료했으니 실제로 코드를 작성해 봅시다. React와 <a href="https://remix.run" target="_blank" rel="noopener noreferrer">Remix</a>를 사용할 것입니다.</p>
+<p>이 프로젝트를 위한 템플릿이 준비되어 있습니다. GitHub에서 클론하여 시작하세요. <a href="https://github.com/feature-sliced/tutorial-conduit/tree/clean" target="_blank" rel="noopener noreferrer">https://github.com/feature-sliced/tutorial-conduit/tree/clean</a>.</p>
+<p><code>npm install</code>로 의존성을 설치하고 <code>npm run dev</code>로 개발 서버를 시작하세요. <a href="http://localhost:3000" target="_blank" rel="noopener noreferrer">http://localhost:3000</a>을 열면 빈 앱이 보일 것입니다.</p>
+<h3 class="anchor anchorWithStickyNavbar_QzlE" id="페이지-레이아웃">페이지 레이아웃<a href="#페이지-레이아웃" class="hash-link" aria-label="Direct link to heading" title="Direct link to heading">​</a></h3>
+<p>모든 페이지에 대한 빈 컴포넌트를 만드는 것부터 시작하겠습니다. 프로젝트에서 다음 명령을 실행하세요.</p>
 <div class="language-bash codeBlockContainer_IiXL theme-code-block" style="--prism-background-color:hsl(230, 1%, 98%);--prism-color:hsl(230, 8%, 24%)"><div class="codeBlockContent_Y78k"><pre tabindex="0" class="prism-code language-bash codeBlock_gc_u thin-scrollbar" style="background-color:hsl(230, 1%, 98%);color:hsl(230, 8%, 24%)"><code class="codeBlockLines_PG8G"><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">npx fsd pages feed sign-in article-read article-edit profile settings --segments ui</span><br></span></code></pre><div class="buttonGroup_VWIG"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_p0uL" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_LnVn"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_yLdc"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div>
-<p>This will create folders like <code>pages/feed/ui/</code> and an index file, <code>pages/feed/index.ts</code>, for every page.</p>
-<h3 class="anchor anchorWithStickyNavbar_QzlE" id="connect-the-feed-page">Connect the feed page<a href="#connect-the-feed-page" class="hash-link" aria-label="Direct link to heading" title="Direct link to heading">​</a></h3>
-<p>Let’s connect the root route of our application to the feed page. Create a component, <code>FeedPage.tsx</code> in <code>pages/feed/ui</code> and put the following inside it:</p>
+<p>이렇게 하면 <code>pages/feed/ui/</code>와 같은 폴더와 모든 페이지에 대한 인덱스 파일인 <code>pages/feed/index.ts</code>가 생성됩니다.</p>
+<h3 class="anchor anchorWithStickyNavbar_QzlE" id="피드-페이지-연결">피드 페이지 연결<a href="#피드-페이지-연결" class="hash-link" aria-label="Direct link to heading" title="Direct link to heading">​</a></h3>
+<p>애플리케이션의 루트 경로를 피드 페이지에 연결해 봅시다. <code>pages/feed/ui</code>에 <code>FeedPage.tsx</code> 컴포넌트를 만들고 다음 내용을 넣으세요:</p>
 <div class="language-tsx codeBlockContainer_IiXL theme-code-block" style="--prism-background-color:hsl(230, 1%, 98%);--prism-color:hsl(230, 8%, 24%)"><div class="codeBlockTitle_ajkA">pages/feed/ui/FeedPage.tsx</div><div class="codeBlockContent_Y78k"><pre tabindex="0" class="prism-code language-tsx codeBlock_gc_u thin-scrollbar" style="background-color:hsl(230, 1%, 98%);color:hsl(230, 8%, 24%)"><code class="codeBlockLines_PG8G"><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token keyword" style="color:hsl(301, 63%, 40%)">export</span><span class="token plain"> </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">function</span><span class="token plain"> </span><span class="token function" style="color:hsl(221, 87%, 60%)">FeedPage</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">  </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">return</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">    </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;</span><span class="token tag" style="color:hsl(5, 74%, 59%)">div</span><span class="token tag" style="color:hsl(5, 74%, 59%)"> </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">className</span><span class="token tag attr-value punctuation attr-equals" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag attr-value" style="color:hsl(119, 34%, 47%)">home-page</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">      </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;</span><span class="token tag" style="color:hsl(5, 74%, 59%)">div</span><span class="token tag" style="color:hsl(5, 74%, 59%)"> </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">className</span><span class="token tag attr-value punctuation attr-equals" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag attr-value" style="color:hsl(119, 34%, 47%)">banner</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">        </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;</span><span class="token tag" style="color:hsl(5, 74%, 59%)">div</span><span class="token tag" style="color:hsl(5, 74%, 59%)"> </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">className</span><span class="token tag attr-value punctuation attr-equals" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag attr-value" style="color:hsl(119, 34%, 47%)">container</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">          </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;</span><span class="token tag" style="color:hsl(5, 74%, 59%)">h1</span><span class="token tag" style="color:hsl(5, 74%, 59%)"> </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">className</span><span class="token tag attr-value punctuation attr-equals" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag attr-value" style="color:hsl(119, 34%, 47%)">logo-font</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text">conduit</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;/</span><span class="token tag" style="color:hsl(5, 74%, 59%)">h1</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">          </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;</span><span class="token tag" style="color:hsl(5, 74%, 59%)">p</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text">A place to share your knowledge.</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;/</span><span class="token tag" style="color:hsl(5, 74%, 59%)">p</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">        </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;/</span><span class="token tag" style="color:hsl(5, 74%, 59%)">div</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">      </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;/</span><span class="token tag" style="color:hsl(5, 74%, 59%)">div</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">    </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;/</span><span class="token tag" style="color:hsl(5, 74%, 59%)">div</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">  </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain"></span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><br></span></code></pre><div class="buttonGroup_VWIG"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_p0uL" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_LnVn"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_yLdc"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div>
-<p>Then re-export this component in the feed page’s public API, the <code>pages/feed/index.ts</code> file:</p>
+<p>그런 다음 피드 페이지의 공개 API인 <code>pages/feed/index.ts</code> 파일에서 이 컴포넌트를 다시 내보내세요.</p>
 <div class="language-ts codeBlockContainer_IiXL theme-code-block" style="--prism-background-color:hsl(230, 1%, 98%);--prism-color:hsl(230, 8%, 24%)"><div class="codeBlockTitle_ajkA">pages/feed/index.ts</div><div class="codeBlockContent_Y78k"><pre tabindex="0" class="prism-code language-ts codeBlock_gc_u thin-scrollbar" style="background-color:hsl(230, 1%, 98%);color:hsl(230, 8%, 24%)"><code class="codeBlockLines_PG8G"><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token keyword" style="color:hsl(301, 63%, 40%)">export</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token plain"> FeedPage </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token plain"> </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">from</span><span class="token plain"> </span><span class="token string" style="color:hsl(119, 34%, 47%)">&quot;./ui/FeedPage&quot;</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><br></span></code></pre><div class="buttonGroup_VWIG"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_p0uL" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_LnVn"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_yLdc"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div>
-<p>Now connect it to the root route. In Remix, routing is file-based, and the route files are located in the <code>app/routes</code> folder, which nicely coincides with Feature-Sliced Design.</p>
-<p>Use the <code>FeedPage</code> component in <code>app/routes/_index.tsx</code>:</p>
+<p>이제 루트 경로에 연결합니다. Remix에서 라우팅은 파일 기반이며, 라우트 파일은 <code>app/routes</code> 폴더에 있어 Feature-Sliced Design과 잘 맞습니다.</p>
+<p><code>app/routes/_index.tsx</code>에서 <code>FeedPage</code> 컴포넌트를 사용하세요.</p>
 <div class="language-tsx codeBlockContainer_IiXL theme-code-block" style="--prism-background-color:hsl(230, 1%, 98%);--prism-color:hsl(230, 8%, 24%)"><div class="codeBlockTitle_ajkA">app/routes/_index.tsx</div><div class="codeBlockContent_Y78k"><pre tabindex="0" class="prism-code language-tsx codeBlock_gc_u thin-scrollbar" style="background-color:hsl(230, 1%, 98%);color:hsl(230, 8%, 24%)"><code class="codeBlockLines_PG8G"><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token keyword" style="color:hsl(301, 63%, 40%)">import</span><span class="token plain"> </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">type</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token plain"> </span><span class="token maybe-class-name">MetaFunction</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token plain"> </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">from</span><span class="token plain"> </span><span class="token string" style="color:hsl(119, 34%, 47%)">&quot;@remix-run/node&quot;</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain"></span><span class="token keyword" style="color:hsl(301, 63%, 40%)">import</span><span class="token plain"> </span><span class="token imports punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token imports"> </span><span class="token imports maybe-class-name">FeedPage</span><span class="token imports"> </span><span class="token imports punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token plain"> </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">from</span><span class="token plain"> </span><span class="token string" style="color:hsl(119, 34%, 47%)">&quot;pages/feed&quot;</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain" style="display:inline-block"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain"></span><span class="token keyword" style="color:hsl(301, 63%, 40%)">export</span><span class="token plain"> </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">const</span><span class="token plain"> meta</span><span class="token operator" style="color:hsl(221, 87%, 60%)">:</span><span class="token plain"> </span><span class="token function-variable function" style="color:hsl(221, 87%, 60%)">MetaFunction</span><span class="token plain"> </span><span class="token operator" style="color:hsl(221, 87%, 60%)">=</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token plain"> </span><span class="token arrow operator" style="color:hsl(221, 87%, 60%)">=&gt;</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">  </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">return</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">[</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token plain"> title</span><span class="token operator" style="color:hsl(221, 87%, 60%)">:</span><span class="token plain"> </span><span class="token string" style="color:hsl(119, 34%, 47%)">&quot;Conduit&quot;</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">]</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain"></span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain" style="display:inline-block"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain"></span><span class="token keyword" style="color:hsl(301, 63%, 40%)">export</span><span class="token plain"> </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">default</span><span class="token plain"> </span><span class="token maybe-class-name">FeedPage</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><br></span></code></pre><div class="buttonGroup_VWIG"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_p0uL" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_LnVn"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_yLdc"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div>
-<p>Then, if you run the dev server and open the application, you should see the Conduit banner!</p>
+<p>그런 다음 개발 서버를 실행하고 애플리케이션을 열면 Conduit 배너가 보일 것입니다!</p>
 <p><img decoding="async" loading="lazy" alt="The banner of Conduit" src="/kr/assets/images/conduit-banner-a20e38edcd109ee21a8b1426d93a66b3.jpg" width="2880" height="338" class="img_Vtmu"></p>
-<h3 class="anchor anchorWithStickyNavbar_QzlE" id="api-client">API client<a href="#api-client" class="hash-link" aria-label="Direct link to heading" title="Direct link to heading">​</a></h3>
-<p>To talk to the RealWorld backend, let’s create a convenient API client in Shared. Create two segments, <code>api</code> for the client and <code>config</code> for variables like the backend base URL:</p>
+<h3 class="anchor anchorWithStickyNavbar_QzlE" id="api-클라이언트">API 클라이언트<a href="#api-클라이언트" class="hash-link" aria-label="Direct link to heading" title="Direct link to heading">​</a></h3>
+<p>RealWorld 백엔드와 통신하기 위해 Shared에 편리한 API 클라이언트를 만들어 봅시다. 클라이언트를 위한 <code>api</code>와 백엔드 기본 URL과 같은 변수를 위한 <code>config</code>, 두 개의 세그먼트를 만드세요.</p>
 <div class="language-bash codeBlockContainer_IiXL theme-code-block" style="--prism-background-color:hsl(230, 1%, 98%);--prism-color:hsl(230, 8%, 24%)"><div class="codeBlockContent_Y78k"><pre tabindex="0" class="prism-code language-bash codeBlock_gc_u thin-scrollbar" style="background-color:hsl(230, 1%, 98%);color:hsl(230, 8%, 24%)"><code class="codeBlockLines_PG8G"><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">npx fsd shared --segments api config</span><br></span></code></pre><div class="buttonGroup_VWIG"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_p0uL" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_LnVn"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_yLdc"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div>
-<p>Then create <code>shared/config/backend.ts</code>:</p>
+<p>그런 다음 <code>shared/config/backend.ts</code>를 만드세요.</p>
 <div class="language-tsx codeBlockContainer_IiXL theme-code-block" style="--prism-background-color:hsl(230, 1%, 98%);--prism-color:hsl(230, 8%, 24%)"><div class="codeBlockTitle_ajkA">shared/config/backend.ts</div><div class="codeBlockContent_Y78k"><pre tabindex="0" class="prism-code language-tsx codeBlock_gc_u thin-scrollbar" style="background-color:hsl(230, 1%, 98%);color:hsl(230, 8%, 24%)"><code class="codeBlockLines_PG8G"><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token keyword" style="color:hsl(301, 63%, 40%)">export</span><span class="token plain"> </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">const</span><span class="token plain"> backendBaseUrl </span><span class="token operator" style="color:hsl(221, 87%, 60%)">=</span><span class="token plain"> </span><span class="token string" style="color:hsl(119, 34%, 47%)">&quot;https://api.realworld.io/api&quot;</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><br></span></code></pre><div class="buttonGroup_VWIG"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_p0uL" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_LnVn"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_yLdc"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div>
 <div class="language-tsx codeBlockContainer_IiXL theme-code-block" style="--prism-background-color:hsl(230, 1%, 98%);--prism-color:hsl(230, 8%, 24%)"><div class="codeBlockTitle_ajkA">shared/config/index.ts</div><div class="codeBlockContent_Y78k"><pre tabindex="0" class="prism-code language-tsx codeBlock_gc_u thin-scrollbar" style="background-color:hsl(230, 1%, 98%);color:hsl(230, 8%, 24%)"><code class="codeBlockLines_PG8G"><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token keyword" style="color:hsl(301, 63%, 40%)">export</span><span class="token plain"> </span><span class="token exports punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token exports"> backendBaseUrl </span><span class="token exports punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token plain"> </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">from</span><span class="token plain"> </span><span class="token string" style="color:hsl(119, 34%, 47%)">&quot;./backend&quot;</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><br></span></code></pre><div class="buttonGroup_VWIG"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_p0uL" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_LnVn"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_yLdc"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div>
-<p>Since the RealWorld project conveniently provides an <a href="https://github.com/gothinkster/realworld/blob/main/api/openapi.yml" target="_blank" rel="noopener noreferrer">OpenAPI specification</a>, we can take advantage of auto-generated types for our client. We will use <a href="https://openapi-ts.pages.dev/openapi-fetch/" target="_blank" rel="noopener noreferrer">the <code>openapi-fetch</code> package</a> that comes with an additional type generator.</p>
-<p>Run the following command to generate up-to-date API typings:</p>
+<p>RealWorld 프로젝트는 편리하게 <a href="https://github.com/gothinkster/realworld/blob/main/api/openapi.yml" target="_blank" rel="noopener noreferrer">OpenAPI 사양</a>을 제공하므로, 클라이언트를 위한 자동 생성 타입을 활용할 수 있습니다. 추가 타입 생성기가 포함된 <a href="https://openapi-ts.pages.dev/openapi-fetch/" target="_blank" rel="noopener noreferrer"><code>openapi-fetch</code> 패키지</a>를 사용할 것입니다.</p>
+<p>다음 명령을 실행하여 최신 API 타입을 생성하세요.</p>
 <div class="language-bash codeBlockContainer_IiXL theme-code-block" style="--prism-background-color:hsl(230, 1%, 98%);--prism-color:hsl(230, 8%, 24%)"><div class="codeBlockContent_Y78k"><pre tabindex="0" class="prism-code language-bash codeBlock_gc_u thin-scrollbar" style="background-color:hsl(230, 1%, 98%);color:hsl(230, 8%, 24%)"><code class="codeBlockLines_PG8G"><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">npm run generate-api-types</span><br></span></code></pre><div class="buttonGroup_VWIG"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_p0uL" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_LnVn"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_yLdc"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div>
-<p>This will create a file <code>shared/api/v1.d.ts</code>. We will use this file to create a typed API client in <code>shared/api/client.ts</code>:</p>
+<p>이렇게 하면 <code>shared/api/v1.d.ts</code> 파일이 생성됩니다. 이 파일을 사용하여 <code>shared/api/client.ts</code>에 타입이 지정된 API 클라이언트를 만들 것입니다.</p>
 <div class="language-tsx codeBlockContainer_IiXL theme-code-block" style="--prism-background-color:hsl(230, 1%, 98%);--prism-color:hsl(230, 8%, 24%)"><div class="codeBlockTitle_ajkA">shared/api/client.ts</div><div class="codeBlockContent_Y78k"><pre tabindex="0" class="prism-code language-tsx codeBlock_gc_u thin-scrollbar" style="background-color:hsl(230, 1%, 98%);color:hsl(230, 8%, 24%)"><code class="codeBlockLines_PG8G"><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token keyword" style="color:hsl(301, 63%, 40%)">import</span><span class="token plain"> </span><span class="token imports">createClient</span><span class="token plain"> </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">from</span><span class="token plain"> </span><span class="token string" style="color:hsl(119, 34%, 47%)">&quot;openapi-fetch&quot;</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain" style="display:inline-block"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain"></span><span class="token keyword" style="color:hsl(301, 63%, 40%)">import</span><span class="token plain"> </span><span class="token imports punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token imports"> backendBaseUrl </span><span class="token imports punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token plain"> </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">from</span><span class="token plain"> </span><span class="token string" style="color:hsl(119, 34%, 47%)">&quot;shared/config&quot;</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain"></span><span class="token keyword" style="color:hsl(301, 63%, 40%)">import</span><span class="token plain"> </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">type</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token plain"> paths </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token plain"> </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">from</span><span class="token plain"> </span><span class="token string" style="color:hsl(119, 34%, 47%)">&quot;./v1&quot;</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain" style="display:inline-block"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain"></span><span class="token keyword" style="color:hsl(301, 63%, 40%)">export</span><span class="token plain"> </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">const</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token plain"> </span><span class="token constant" style="color:hsl(35, 99%, 36%)">GET</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">,</span><span class="token plain"> </span><span class="token constant" style="color:hsl(35, 99%, 36%)">POST</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">,</span><span class="token plain"> </span><span class="token constant" style="color:hsl(35, 99%, 36%)">PUT</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">,</span><span class="token plain"> </span><span class="token constant" style="color:hsl(35, 99%, 36%)">DELETE</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token plain"> </span><span class="token operator" style="color:hsl(221, 87%, 60%)">=</span><span class="token plain"> </span><span class="token generic-function function" style="color:hsl(221, 87%, 60%)">createClient</span><span class="token generic-function generic class-name operator" style="color:hsl(221, 87%, 60%)">&lt;</span><span class="token generic-function generic class-name" style="color:hsl(35, 99%, 36%)">paths</span><span class="token generic-function generic class-name operator" style="color:hsl(221, 87%, 60%)">&gt;</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token plain"> baseUrl</span><span class="token operator" style="color:hsl(221, 87%, 60%)">:</span><span class="token plain"> backendBaseUrl </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><br></span></code></pre><div class="buttonGroup_VWIG"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_p0uL" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_LnVn"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_yLdc"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div>
 <div class="language-tsx codeBlockContainer_IiXL theme-code-block" style="--prism-background-color:hsl(230, 1%, 98%);--prism-color:hsl(230, 8%, 24%)"><div class="codeBlockTitle_ajkA">shared/api/index.ts</div><div class="codeBlockContent_Y78k"><pre tabindex="0" class="prism-code language-tsx codeBlock_gc_u thin-scrollbar" style="background-color:hsl(230, 1%, 98%);color:hsl(230, 8%, 24%)"><code class="codeBlockLines_PG8G"><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token keyword" style="color:hsl(301, 63%, 40%)">export</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token plain"> </span><span class="token constant" style="color:hsl(35, 99%, 36%)">GET</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">,</span><span class="token plain"> </span><span class="token constant" style="color:hsl(35, 99%, 36%)">POST</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">,</span><span class="token plain"> </span><span class="token constant" style="color:hsl(35, 99%, 36%)">PUT</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">,</span><span class="token plain"> </span><span class="token constant" style="color:hsl(35, 99%, 36%)">DELETE</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token plain"> </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">from</span><span class="token plain"> </span><span class="token string" style="color:hsl(119, 34%, 47%)">&quot;./client&quot;</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><br></span></code></pre><div class="buttonGroup_VWIG"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_p0uL" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_LnVn"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_yLdc"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div>
-<h3 class="anchor anchorWithStickyNavbar_QzlE" id="real-data-in-the-feed">Real data in the feed<a href="#real-data-in-the-feed" class="hash-link" aria-label="Direct link to heading" title="Direct link to heading">​</a></h3>
-<p>We can now proceed to adding articles to the feed, fetched from the backend. Let’s begin by implementing an article preview component.</p>
-<p>Create <code>pages/feed/ui/ArticlePreview.tsx</code> with the following content:</p>
+<h3 class="anchor anchorWithStickyNavbar_QzlE" id="피드의-실제-데이터">피드의 실제 데이터<a href="#피드의-실제-데이터" class="hash-link" aria-label="Direct link to heading" title="Direct link to heading">​</a></h3>
+<p>이제 백엔드에서 가져온 글을 피드에 추가할 수 있습니다. 글 미리보기 컴포넌트를 구현하는 것부터 시작하겠습니다.</p>
+<p>다음 내용으로 <code>pages/feed/ui/ArticlePreview.tsx</code>를 만드세요.</p>
 <div class="language-tsx codeBlockContainer_IiXL theme-code-block" style="--prism-background-color:hsl(230, 1%, 98%);--prism-color:hsl(230, 8%, 24%)"><div class="codeBlockTitle_ajkA">pages/feed/ui/ArticlePreview.tsx</div><div class="codeBlockContent_Y78k"><pre tabindex="0" class="prism-code language-tsx codeBlock_gc_u thin-scrollbar" style="background-color:hsl(230, 1%, 98%);color:hsl(230, 8%, 24%)"><code class="codeBlockLines_PG8G"><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token keyword" style="color:hsl(301, 63%, 40%)">export</span><span class="token plain"> </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">function</span><span class="token plain"> </span><span class="token function" style="color:hsl(221, 87%, 60%)">ArticlePreview</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token plain"> article </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token plain"> </span><span class="token comment" style="color:hsl(230, 4%, 64%)">/* TODO */</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><br></span></code></pre><div class="buttonGroup_VWIG"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_p0uL" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_LnVn"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_yLdc"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div>
-<p>Since we’re writing in TypeScript, it would be nice to have a typed article object. If we explore the generated <code>v1.d.ts</code>, we can see that the article object is available through <code>components[&quot;schemas&quot;][&quot;Article&quot;]</code>. So let’s create a file with our data models in Shared and export the models:</p>
+<p>TypeScript를 사용하고 있으므로 글 객체에 타입을 지정하면 좋을 것 같습니다. 생성된 <code>v1.d.ts</code>를 살펴보면 글 객체가 <code>components[&quot;schemas&quot;][&quot;Article&quot;]</code>을 통해 사용 가능한 것을 볼 수 있습니다. 그럼 Shared에 데이터 모델이 있는 파일을 만들고 모델을 내보내겠습니다.</p>
 <div class="language-tsx codeBlockContainer_IiXL theme-code-block" style="--prism-background-color:hsl(230, 1%, 98%);--prism-color:hsl(230, 8%, 24%)"><div class="codeBlockTitle_ajkA">shared/api/models.ts</div><div class="codeBlockContent_Y78k"><pre tabindex="0" class="prism-code language-tsx codeBlock_gc_u thin-scrollbar" style="background-color:hsl(230, 1%, 98%);color:hsl(230, 8%, 24%)"><code class="codeBlockLines_PG8G"><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token keyword" style="color:hsl(301, 63%, 40%)">import</span><span class="token plain"> </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">type</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token plain"> components </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token plain"> </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">from</span><span class="token plain"> </span><span class="token string" style="color:hsl(119, 34%, 47%)">&quot;./v1&quot;</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain" style="display:inline-block"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain"></span><span class="token keyword" style="color:hsl(301, 63%, 40%)">export</span><span class="token plain"> </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">type</span><span class="token plain"> </span><span class="token class-name" style="color:hsl(35, 99%, 36%)">Article</span><span class="token plain"> </span><span class="token operator" style="color:hsl(221, 87%, 60%)">=</span><span class="token plain"> components</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">[</span><span class="token string" style="color:hsl(119, 34%, 47%)">&quot;schemas&quot;</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">]</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">[</span><span class="token string" style="color:hsl(119, 34%, 47%)">&quot;Article&quot;</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">]</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><br></span></code></pre><div class="buttonGroup_VWIG"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_p0uL" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_LnVn"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_yLdc"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div>
 <div class="language-tsx codeBlockContainer_IiXL theme-code-block" style="--prism-background-color:hsl(230, 1%, 98%);--prism-color:hsl(230, 8%, 24%)"><div class="codeBlockTitle_ajkA">shared/api/index.ts</div><div class="codeBlockContent_Y78k"><pre tabindex="0" class="prism-code language-tsx codeBlock_gc_u thin-scrollbar" style="background-color:hsl(230, 1%, 98%);color:hsl(230, 8%, 24%)"><code class="codeBlockLines_PG8G"><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token keyword" style="color:hsl(301, 63%, 40%)">export</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token plain"> </span><span class="token constant" style="color:hsl(35, 99%, 36%)">GET</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">,</span><span class="token plain"> </span><span class="token constant" style="color:hsl(35, 99%, 36%)">POST</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">,</span><span class="token plain"> </span><span class="token constant" style="color:hsl(35, 99%, 36%)">PUT</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">,</span><span class="token plain"> </span><span class="token constant" style="color:hsl(35, 99%, 36%)">DELETE</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token plain"> </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">from</span><span class="token plain"> </span><span class="token string" style="color:hsl(119, 34%, 47%)">&quot;./client&quot;</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain" style="display:inline-block"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain"></span><span class="token keyword" style="color:hsl(301, 63%, 40%)">export</span><span class="token plain"> </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">type</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token plain"> </span><span class="token maybe-class-name">Article</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token plain"> </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">from</span><span class="token plain"> </span><span class="token string" style="color:hsl(119, 34%, 47%)">&quot;./models&quot;</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><br></span></code></pre><div class="buttonGroup_VWIG"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_p0uL" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_LnVn"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_yLdc"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div>
-<p>Now we can come back to the article preview component and fill the markup with data. Update the component with the following content:</p>
+<p>이제 글 미리보기 컴포넌트로 돌아가 데이터로 마크업을 채울 수 있습니다. 컴포넌트를 다음 내용으로 업데이트하세요.</p>
 <div class="language-tsx codeBlockContainer_IiXL theme-code-block" style="--prism-background-color:hsl(230, 1%, 98%);--prism-color:hsl(230, 8%, 24%)"><div class="codeBlockTitle_ajkA">pages/feed/ui/ArticlePreview.tsx</div><div class="codeBlockContent_Y78k"><pre tabindex="0" class="prism-code language-tsx codeBlock_gc_u thin-scrollbar" style="background-color:hsl(230, 1%, 98%);color:hsl(230, 8%, 24%)"><code class="codeBlockLines_PG8G"><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token keyword" style="color:hsl(301, 63%, 40%)">import</span><span class="token plain"> </span><span class="token imports punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token imports"> </span><span class="token imports maybe-class-name">Link</span><span class="token imports"> </span><span class="token imports punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token plain"> </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">from</span><span class="token plain"> </span><span class="token string" style="color:hsl(119, 34%, 47%)">&quot;@remix-run/react&quot;</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain"></span><span class="token keyword" style="color:hsl(301, 63%, 40%)">import</span><span class="token plain"> </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">type</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token plain"> </span><span class="token maybe-class-name">Article</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token plain"> </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">from</span><span class="token plain"> </span><span class="token string" style="color:hsl(119, 34%, 47%)">&quot;shared/api&quot;</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain" style="display:inline-block"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain"></span><span class="token keyword" style="color:hsl(301, 63%, 40%)">interface</span><span class="token plain"> </span><span class="token class-name" style="color:hsl(35, 99%, 36%)">ArticlePreviewProps</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">  article</span><span class="token operator" style="color:hsl(221, 87%, 60%)">:</span><span class="token plain"> </span><span class="token maybe-class-name">Article</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain"></span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain" style="display:inline-block"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain"></span><span class="token keyword" style="color:hsl(301, 63%, 40%)">export</span><span class="token plain"> </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">function</span><span class="token plain"> </span><span class="token function" style="color:hsl(221, 87%, 60%)">ArticlePreview</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token plain"> article </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token operator" style="color:hsl(221, 87%, 60%)">:</span><span class="token plain"> </span><span class="token maybe-class-name">ArticlePreviewProps</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">  </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">return</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">    </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;</span><span class="token tag" style="color:hsl(5, 74%, 59%)">div</span><span class="token tag" style="color:hsl(5, 74%, 59%)"> </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">className</span><span class="token tag attr-value punctuation attr-equals" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag attr-value" style="color:hsl(119, 34%, 47%)">article-preview</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">      </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;</span><span class="token tag" style="color:hsl(5, 74%, 59%)">div</span><span class="token tag" style="color:hsl(5, 74%, 59%)"> </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">className</span><span class="token tag attr-value punctuation attr-equals" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag attr-value" style="color:hsl(119, 34%, 47%)">article-meta</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">        </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;</span><span class="token tag class-name" style="color:hsl(35, 99%, 36%)">Link</span><span class="token tag" style="color:hsl(5, 74%, 59%)"> </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">to</span><span class="token tag script language-javascript script-punctuation punctuation" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag script language-javascript punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token tag script language-javascript template-string template-punctuation string" style="color:hsl(119, 34%, 47%)">`</span><span class="token tag script language-javascript template-string string" style="color:hsl(119, 34%, 47%)">/profile/</span><span class="token tag script language-javascript template-string interpolation interpolation-punctuation punctuation" style="color:hsl(119, 34%, 47%)">${</span><span class="token tag script language-javascript template-string interpolation" style="color:hsl(5, 74%, 59%)">article</span><span class="token tag script language-javascript template-string interpolation punctuation" style="color:hsl(119, 34%, 47%)">.</span><span class="token tag script language-javascript template-string interpolation" style="color:hsl(5, 74%, 59%)">author</span><span class="token tag script language-javascript template-string interpolation punctuation" style="color:hsl(119, 34%, 47%)">.</span><span class="token tag script language-javascript template-string interpolation" style="color:hsl(5, 74%, 59%)">username</span><span class="token tag script language-javascript template-string interpolation interpolation-punctuation punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token tag script language-javascript template-string template-punctuation string" style="color:hsl(119, 34%, 47%)">`</span><span class="token tag script language-javascript punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token tag" style="color:hsl(5, 74%, 59%)"> </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">prefetch</span><span class="token tag attr-value punctuation attr-equals" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag attr-value" style="color:hsl(119, 34%, 47%)">intent</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">          </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;</span><span class="token tag" style="color:hsl(5, 74%, 59%)">img</span><span class="token tag" style="color:hsl(5, 74%, 59%)"> </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">src</span><span class="token tag script language-javascript script-punctuation punctuation" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag script language-javascript punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token tag script language-javascript" style="color:hsl(5, 74%, 59%)">article</span><span class="token tag script language-javascript punctuation" style="color:hsl(119, 34%, 47%)">.</span><span class="token tag script language-javascript property-access" style="color:hsl(5, 74%, 59%)">author</span><span class="token tag script language-javascript punctuation" style="color:hsl(119, 34%, 47%)">.</span><span class="token tag script language-javascript property-access" style="color:hsl(5, 74%, 59%)">image</span><span class="token tag script language-javascript punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token tag" style="color:hsl(5, 74%, 59%)"> </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">alt</span><span class="token tag attr-value punctuation attr-equals" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag" style="color:hsl(5, 74%, 59%)"> </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">/&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">        </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;/</span><span class="token tag class-name" style="color:hsl(35, 99%, 36%)">Link</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">        </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;</span><span class="token tag" style="color:hsl(5, 74%, 59%)">div</span><span class="token tag" style="color:hsl(5, 74%, 59%)"> </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">className</span><span class="token tag attr-value punctuation attr-equals" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag attr-value" style="color:hsl(119, 34%, 47%)">info</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">          </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;</span><span class="token tag class-name" style="color:hsl(35, 99%, 36%)">Link</span><span class="token tag" style="color:hsl(5, 74%, 59%)"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token tag" style="color:hsl(5, 74%, 59%)">            </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">to</span><span class="token tag script language-javascript script-punctuation punctuation" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag script language-javascript punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token tag script language-javascript template-string template-punctuation string" style="color:hsl(119, 34%, 47%)">`</span><span class="token tag script language-javascript template-string string" style="color:hsl(119, 34%, 47%)">/profile/</span><span class="token tag script language-javascript template-string interpolation interpolation-punctuation punctuation" style="color:hsl(119, 34%, 47%)">${</span><span class="token tag script language-javascript template-string interpolation" style="color:hsl(5, 74%, 59%)">article</span><span class="token tag script language-javascript template-string interpolation punctuation" style="color:hsl(119, 34%, 47%)">.</span><span class="token tag script language-javascript template-string interpolation" style="color:hsl(5, 74%, 59%)">author</span><span class="token tag script language-javascript template-string interpolation punctuation" style="color:hsl(119, 34%, 47%)">.</span><span class="token tag script language-javascript template-string interpolation" style="color:hsl(5, 74%, 59%)">username</span><span class="token tag script language-javascript template-string interpolation interpolation-punctuation punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token tag script language-javascript template-string template-punctuation string" style="color:hsl(119, 34%, 47%)">`</span><span class="token tag script language-javascript punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token tag" style="color:hsl(5, 74%, 59%)"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token tag" style="color:hsl(5, 74%, 59%)">            </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">className</span><span class="token tag attr-value punctuation attr-equals" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag attr-value" style="color:hsl(119, 34%, 47%)">author</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag" style="color:hsl(5, 74%, 59%)"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token tag" style="color:hsl(5, 74%, 59%)">            </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">prefetch</span><span class="token tag attr-value punctuation attr-equals" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag attr-value" style="color:hsl(119, 34%, 47%)">intent</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag" style="color:hsl(5, 74%, 59%)"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token tag" style="color:hsl(5, 74%, 59%)">          </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">            </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token plain">article</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">.</span><span class="token property-access">author</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">.</span><span class="token property-access">username</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">          </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;/</span><span class="token tag class-name" style="color:hsl(35, 99%, 36%)">Link</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">          </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;</span><span class="token tag" style="color:hsl(5, 74%, 59%)">span</span><span class="token tag" style="color:hsl(5, 74%, 59%)"> </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">className</span><span class="token tag attr-value punctuation attr-equals" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag attr-value" style="color:hsl(119, 34%, 47%)">date</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag" style="color:hsl(5, 74%, 59%)"> </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">suppressHydrationWarning</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">            </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token keyword" style="color:hsl(301, 63%, 40%)">new</span><span class="token plain"> </span><span class="token class-name" style="color:hsl(35, 99%, 36%)">Date</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token plain">article</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">.</span><span class="token property-access">createdAt</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">.</span><span class="token method function property-access" style="color:hsl(221, 87%, 60%)">toLocaleDateString</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token keyword" style="color:hsl(301, 63%, 40%)">undefined</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">,</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">              dateStyle</span><span class="token operator" style="color:hsl(221, 87%, 60%)">:</span><span class="token plain"> </span><span class="token string" style="color:hsl(119, 34%, 47%)">&quot;long&quot;</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">,</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">            </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">          </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;/</span><span class="token tag" style="color:hsl(5, 74%, 59%)">span</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">        </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;/</span><span class="token tag" style="color:hsl(5, 74%, 59%)">div</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">        </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;</span><span class="token tag" style="color:hsl(5, 74%, 59%)">button</span><span class="token tag" style="color:hsl(5, 74%, 59%)"> </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">className</span><span class="token tag attr-value punctuation attr-equals" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag attr-value" style="color:hsl(119, 34%, 47%)">btn btn-outline-primary btn-sm pull-xs-right</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">          </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;</span><span class="token tag" style="color:hsl(5, 74%, 59%)">i</span><span class="token tag" style="color:hsl(5, 74%, 59%)"> </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">className</span><span class="token tag attr-value punctuation attr-equals" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag attr-value" style="color:hsl(119, 34%, 47%)">ion-heart</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;/</span><span class="token tag" style="color:hsl(5, 74%, 59%)">i</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token plain">article</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">.</span><span class="token property-access">favoritesCount</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">        </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;/</span><span class="token tag" style="color:hsl(5, 74%, 59%)">button</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">      </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;/</span><span class="token tag" style="color:hsl(5, 74%, 59%)">div</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">      </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;</span><span class="token tag class-name" style="color:hsl(35, 99%, 36%)">Link</span><span class="token tag" style="color:hsl(5, 74%, 59%)"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token tag" style="color:hsl(5, 74%, 59%)">        </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">to</span><span class="token tag script language-javascript script-punctuation punctuation" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag script language-javascript punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token tag script language-javascript template-string template-punctuation string" style="color:hsl(119, 34%, 47%)">`</span><span class="token tag script language-javascript template-string string" style="color:hsl(119, 34%, 47%)">/article/</span><span class="token tag script language-javascript template-string interpolation interpolation-punctuation punctuation" style="color:hsl(119, 34%, 47%)">${</span><span class="token tag script language-javascript template-string interpolation" style="color:hsl(5, 74%, 59%)">article</span><span class="token tag script language-javascript template-string interpolation punctuation" style="color:hsl(119, 34%, 47%)">.</span><span class="token tag script language-javascript template-string interpolation" style="color:hsl(5, 74%, 59%)">slug</span><span class="token tag script language-javascript template-string interpolation interpolation-punctuation punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token tag script language-javascript template-string template-punctuation string" style="color:hsl(119, 34%, 47%)">`</span><span class="token tag script language-javascript punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token tag" style="color:hsl(5, 74%, 59%)"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token tag" style="color:hsl(5, 74%, 59%)">        </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">className</span><span class="token tag attr-value punctuation attr-equals" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag attr-value" style="color:hsl(119, 34%, 47%)">preview-link</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag" style="color:hsl(5, 74%, 59%)"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token tag" style="color:hsl(5, 74%, 59%)">        </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">prefetch</span><span class="token tag attr-value punctuation attr-equals" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag attr-value" style="color:hsl(119, 34%, 47%)">intent</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag" style="color:hsl(5, 74%, 59%)"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token tag" style="color:hsl(5, 74%, 59%)">      </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">        </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;</span><span class="token tag" style="color:hsl(5, 74%, 59%)">h1</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token plain">article</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">.</span><span class="token property-access">title</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;/</span><span class="token tag" style="color:hsl(5, 74%, 59%)">h1</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">        </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;</span><span class="token tag" style="color:hsl(5, 74%, 59%)">p</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token plain">article</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">.</span><span class="token property-access">description</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;/</span><span class="token tag" style="color:hsl(5, 74%, 59%)">p</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">        </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;</span><span class="token tag" style="color:hsl(5, 74%, 59%)">span</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text">Read more...</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;/</span><span class="token tag" style="color:hsl(5, 74%, 59%)">span</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">        </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;</span><span class="token tag" style="color:hsl(5, 74%, 59%)">ul</span><span class="token tag" style="color:hsl(5, 74%, 59%)"> </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">className</span><span class="token tag attr-value punctuation attr-equals" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag attr-value" style="color:hsl(119, 34%, 47%)">tag-list</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">          </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token plain">article</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">.</span><span class="token property-access">tagList</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">.</span><span class="token method function property-access" style="color:hsl(221, 87%, 60%)">map</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token plain">tag</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token plain"> </span><span class="token arrow operator" style="color:hsl(221, 87%, 60%)">=&gt;</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">            </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;</span><span class="token tag" style="color:hsl(5, 74%, 59%)">li</span><span class="token tag" style="color:hsl(5, 74%, 59%)"> </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">key</span><span class="token tag script language-javascript script-punctuation punctuation" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag script language-javascript punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token tag script language-javascript" style="color:hsl(5, 74%, 59%)">tag</span><span class="token tag script language-javascript punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token tag" style="color:hsl(5, 74%, 59%)"> </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">className</span><span class="token tag attr-value punctuation attr-equals" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag attr-value" style="color:hsl(119, 34%, 47%)">tag-default tag-pill tag-outline</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">              </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token plain">tag</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">            </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;/</span><span class="token tag" style="color:hsl(5, 74%, 59%)">li</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">          </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">        </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;/</span><span class="token tag" style="color:hsl(5, 74%, 59%)">ul</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">      </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;/</span><span class="token tag class-name" style="color:hsl(35, 99%, 36%)">Link</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">    </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;/</span><span class="token tag" style="color:hsl(5, 74%, 59%)">div</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">  </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain"></span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><br></span></code></pre><div class="buttonGroup_VWIG"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_p0uL" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_LnVn"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_yLdc"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div>
-<p>The like button doesn’t do anything for now, we will fix that when we get to the article reader page and implement the liking functionality.</p>
-<p>Now we can fetch the articles and render out a bunch of these cards. Fetching data in Remix is done with <em>loaders</em> — server-side functions that fetch exactly what a page needs. Loaders interact with the API on the page’s behalf, so we will put them in the <code>api</code> segment of a page:</p>
+<p>좋아요 버튼은 지금은 아무 작업도 하지 않습니다. 글 읽기 페이지를 만들고 좋아요 기능을 구현할 때 수정하겠습니다.</p>
+<p>이제 글을 가져와서 이러한 카드를 여러 개 렌더링할 수 있습니다. Remix에서 데이터 가져오기는 <em>로더</em> — 페이지가 필요로 하는 것을 정확히 가져오는 서버 측 함수 — 를 통해 수행됩니다. 로더는 페이지를 대신하여 API와 상호 작용하므로 페이지의 <code>api</code> 세그먼트에 넣을 것입니다:</p>
 <div class="language-tsx codeBlockContainer_IiXL theme-code-block" style="--prism-background-color:hsl(230, 1%, 98%);--prism-color:hsl(230, 8%, 24%)"><div class="codeBlockTitle_ajkA">pages/feed/api/loader.ts</div><div class="codeBlockContent_Y78k"><pre tabindex="0" class="prism-code language-tsx codeBlock_gc_u thin-scrollbar" style="background-color:hsl(230, 1%, 98%);color:hsl(230, 8%, 24%)"><code class="codeBlockLines_PG8G"><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token keyword" style="color:hsl(301, 63%, 40%)">import</span><span class="token plain"> </span><span class="token imports punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token imports"> json </span><span class="token imports punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token plain"> </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">from</span><span class="token plain"> </span><span class="token string" style="color:hsl(119, 34%, 47%)">&quot;@remix-run/node&quot;</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain" style="display:inline-block"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain"></span><span class="token keyword" style="color:hsl(301, 63%, 40%)">import</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token plain"> </span><span class="token constant" style="color:hsl(35, 99%, 36%)">GET</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token plain"> </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">from</span><span class="token plain"> </span><span class="token string" style="color:hsl(119, 34%, 47%)">&quot;shared/api&quot;</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain" style="display:inline-block"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain"></span><span class="token keyword" style="color:hsl(301, 63%, 40%)">export</span><span class="token plain"> </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">const</span><span class="token plain"> </span><span class="token function-variable function" style="color:hsl(221, 87%, 60%)">loader</span><span class="token plain"> </span><span class="token operator" style="color:hsl(221, 87%, 60%)">=</span><span class="token plain"> </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">async</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token plain"> </span><span class="token arrow operator" style="color:hsl(221, 87%, 60%)">=&gt;</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">  </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">const</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token plain"> data</span><span class="token operator" style="color:hsl(221, 87%, 60%)">:</span><span class="token plain"> articles</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">,</span><span class="token plain"> error</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">,</span><span class="token plain"> response </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token plain"> </span><span class="token operator" style="color:hsl(221, 87%, 60%)">=</span><span class="token plain"> </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">await</span><span class="token plain"> </span><span class="token constant" style="color:hsl(35, 99%, 36%)">GET</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token string" style="color:hsl(119, 34%, 47%)">&quot;/articles&quot;</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain" style="display:inline-block"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">  </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">if</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token plain">error </span><span class="token operator" style="color:hsl(221, 87%, 60%)">!==</span><span class="token plain"> </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">undefined</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">    </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">throw</span><span class="token plain"> </span><span class="token function" style="color:hsl(221, 87%, 60%)">json</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token plain">error</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">,</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token plain"> status</span><span class="token operator" style="color:hsl(221, 87%, 60%)">:</span><span class="token plain"> response</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">.</span><span class="token property-access">status</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">  </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain" style="display:inline-block"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">  </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">return</span><span class="token plain"> </span><span class="token function" style="color:hsl(221, 87%, 60%)">json</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token plain"> articles </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain"></span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><br></span></code></pre><div class="buttonGroup_VWIG"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_p0uL" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_LnVn"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_yLdc"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div>
-<p>To connect it to the page, we need to export it with the name <code>loader</code> from the route file:</p>
+<p>페이지에 연결하려면 라우트 파일에서 <code>loader</code>라는 이름으로 내보내야 합니다.</p>
 <div class="language-tsx codeBlockContainer_IiXL theme-code-block" style="--prism-background-color:hsl(230, 1%, 98%);--prism-color:hsl(230, 8%, 24%)"><div class="codeBlockTitle_ajkA">pages/feed/index.ts</div><div class="codeBlockContent_Y78k"><pre tabindex="0" class="prism-code language-tsx codeBlock_gc_u thin-scrollbar" style="background-color:hsl(230, 1%, 98%);color:hsl(230, 8%, 24%)"><code class="codeBlockLines_PG8G"><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token keyword" style="color:hsl(301, 63%, 40%)">export</span><span class="token plain"> </span><span class="token exports punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token exports"> </span><span class="token exports maybe-class-name">FeedPage</span><span class="token exports"> </span><span class="token exports punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token plain"> </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">from</span><span class="token plain"> </span><span class="token string" style="color:hsl(119, 34%, 47%)">&quot;./ui/FeedPage&quot;</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain"></span><span class="token keyword" style="color:hsl(301, 63%, 40%)">export</span><span class="token plain"> </span><span class="token exports punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token exports"> loader </span><span class="token exports punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token plain"> </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">from</span><span class="token plain"> </span><span class="token string" style="color:hsl(119, 34%, 47%)">&quot;./api/loader&quot;</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><br></span></code></pre><div class="buttonGroup_VWIG"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_p0uL" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_LnVn"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_yLdc"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div>
 <div class="language-tsx codeBlockContainer_IiXL theme-code-block" style="--prism-background-color:hsl(230, 1%, 98%);--prism-color:hsl(230, 8%, 24%)"><div class="codeBlockTitle_ajkA">app/routes/_index.tsx</div><div class="codeBlockContent_Y78k"><pre tabindex="0" class="prism-code language-tsx codeBlock_gc_u thin-scrollbar" style="background-color:hsl(230, 1%, 98%);color:hsl(230, 8%, 24%)"><code class="codeBlockLines_PG8G"><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token keyword" style="color:hsl(301, 63%, 40%)">import</span><span class="token plain"> </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">type</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token plain"> </span><span class="token maybe-class-name">MetaFunction</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token plain"> </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">from</span><span class="token plain"> </span><span class="token string" style="color:hsl(119, 34%, 47%)">&quot;@remix-run/node&quot;</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain"></span><span class="token keyword" style="color:hsl(301, 63%, 40%)">import</span><span class="token plain"> </span><span class="token imports punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token imports"> </span><span class="token imports maybe-class-name">FeedPage</span><span class="token imports"> </span><span class="token imports punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token plain"> </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">from</span><span class="token plain"> </span><span class="token string" style="color:hsl(119, 34%, 47%)">&quot;pages/feed&quot;</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain" style="display:inline-block"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain"></span><span class="token keyword" style="color:hsl(301, 63%, 40%)">export</span><span class="token plain"> </span><span class="token exports punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token exports"> loader </span><span class="token exports punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token plain"> </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">from</span><span class="token plain"> </span><span class="token string" style="color:hsl(119, 34%, 47%)">&quot;pages/feed&quot;</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain" style="display:inline-block"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain"></span><span class="token keyword" style="color:hsl(301, 63%, 40%)">export</span><span class="token plain"> </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">const</span><span class="token plain"> meta</span><span class="token operator" style="color:hsl(221, 87%, 60%)">:</span><span class="token plain"> </span><span class="token function-variable function" style="color:hsl(221, 87%, 60%)">MetaFunction</span><span class="token plain"> </span><span class="token operator" style="color:hsl(221, 87%, 60%)">=</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token plain"> </span><span class="token arrow operator" style="color:hsl(221, 87%, 60%)">=&gt;</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">  </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">return</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">[</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token plain"> title</span><span class="token operator" style="color:hsl(221, 87%, 60%)">:</span><span class="token plain"> </span><span class="token string" style="color:hsl(119, 34%, 47%)">&quot;Conduit&quot;</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">]</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain"></span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain" style="display:inline-block"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain"></span><span class="token keyword" style="color:hsl(301, 63%, 40%)">export</span><span class="token plain"> </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">default</span><span class="token plain"> </span><span class="token maybe-class-name">FeedPage</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><br></span></code></pre><div class="buttonGroup_VWIG"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_p0uL" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_LnVn"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_yLdc"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div>
-<p>And the final step is to render these cards in the feed. Update your <code>FeedPage</code> with the following code:</p>
+<p>마지막 단계는 피드에 이러한 카드를 렌더링하는 것입니다. <code>FeedPage</code>를 다음 코드로 업데이트하세요.</p>
 <div class="language-tsx codeBlockContainer_IiXL theme-code-block" style="--prism-background-color:hsl(230, 1%, 98%);--prism-color:hsl(230, 8%, 24%)"><div class="codeBlockTitle_ajkA">pages/feed/ui/FeedPage.tsx</div><div class="codeBlockContent_Y78k"><pre tabindex="0" class="prism-code language-tsx codeBlock_gc_u thin-scrollbar" style="background-color:hsl(230, 1%, 98%);color:hsl(230, 8%, 24%)"><code class="codeBlockLines_PG8G"><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token keyword" style="color:hsl(301, 63%, 40%)">import</span><span class="token plain"> </span><span class="token imports punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token imports"> useLoaderData </span><span class="token imports punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token plain"> </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">from</span><span class="token plain"> </span><span class="token string" style="color:hsl(119, 34%, 47%)">&quot;@remix-run/react&quot;</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain" style="display:inline-block"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain"></span><span class="token keyword" style="color:hsl(301, 63%, 40%)">import</span><span class="token plain"> </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">type</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token plain"> loader </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token plain"> </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">from</span><span class="token plain"> </span><span class="token string" style="color:hsl(119, 34%, 47%)">&quot;../api/loader&quot;</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain"></span><span class="token keyword" style="color:hsl(301, 63%, 40%)">import</span><span class="token plain"> </span><span class="token imports punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token imports"> </span><span class="token imports maybe-class-name">ArticlePreview</span><span class="token imports"> </span><span class="token imports punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token plain"> </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">from</span><span class="token plain"> </span><span class="token string" style="color:hsl(119, 34%, 47%)">&quot;./ArticlePreview&quot;</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain" style="display:inline-block"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain"></span><span class="token keyword" style="color:hsl(301, 63%, 40%)">export</span><span class="token plain"> </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">function</span><span class="token plain"> </span><span class="token function" style="color:hsl(221, 87%, 60%)">FeedPage</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">  </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">const</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token plain"> articles </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token plain"> </span><span class="token operator" style="color:hsl(221, 87%, 60%)">=</span><span class="token plain"> </span><span class="token generic-function function" style="color:hsl(221, 87%, 60%)">useLoaderData</span><span class="token generic-function generic class-name operator" style="color:hsl(221, 87%, 60%)">&lt;</span><span class="token generic-function generic class-name keyword" style="color:hsl(301, 63%, 40%)">typeof</span><span class="token generic-function generic class-name" style="color:hsl(35, 99%, 36%)"> loader</span><span class="token generic-function generic class-name operator" style="color:hsl(221, 87%, 60%)">&gt;</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain" style="display:inline-block"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">  </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">return</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">    </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;</span><span class="token tag" style="color:hsl(5, 74%, 59%)">div</span><span class="token tag" style="color:hsl(5, 74%, 59%)"> </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">className</span><span class="token tag attr-value punctuation attr-equals" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag attr-value" style="color:hsl(119, 34%, 47%)">home-page</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">      </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;</span><span class="token tag" style="color:hsl(5, 74%, 59%)">div</span><span class="token tag" style="color:hsl(5, 74%, 59%)"> </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">className</span><span class="token tag attr-value punctuation attr-equals" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag attr-value" style="color:hsl(119, 34%, 47%)">banner</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">        </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;</span><span class="token tag" style="color:hsl(5, 74%, 59%)">div</span><span class="token tag" style="color:hsl(5, 74%, 59%)"> </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">className</span><span class="token tag attr-value punctuation attr-equals" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag attr-value" style="color:hsl(119, 34%, 47%)">container</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">          </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;</span><span class="token tag" style="color:hsl(5, 74%, 59%)">h1</span><span class="token tag" style="color:hsl(5, 74%, 59%)"> </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">className</span><span class="token tag attr-value punctuation attr-equals" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag attr-value" style="color:hsl(119, 34%, 47%)">logo-font</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text">conduit</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;/</span><span class="token tag" style="color:hsl(5, 74%, 59%)">h1</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">          </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;</span><span class="token tag" style="color:hsl(5, 74%, 59%)">p</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text">A place to share your knowledge.</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;/</span><span class="token tag" style="color:hsl(5, 74%, 59%)">p</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">        </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;/</span><span class="token tag" style="color:hsl(5, 74%, 59%)">div</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">      </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;/</span><span class="token tag" style="color:hsl(5, 74%, 59%)">div</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">      </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;</span><span class="token tag" style="color:hsl(5, 74%, 59%)">div</span><span class="token tag" style="color:hsl(5, 74%, 59%)"> </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">className</span><span class="token tag attr-value punctuation attr-equals" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag attr-value" style="color:hsl(119, 34%, 47%)">container page</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">        </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;</span><span class="token tag" style="color:hsl(5, 74%, 59%)">div</span><span class="token tag" style="color:hsl(5, 74%, 59%)"> </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">className</span><span class="token tag attr-value punctuation attr-equals" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag attr-value" style="color:hsl(119, 34%, 47%)">row</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">          </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;</span><span class="token tag" style="color:hsl(5, 74%, 59%)">div</span><span class="token tag" style="color:hsl(5, 74%, 59%)"> </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">className</span><span class="token tag attr-value punctuation attr-equals" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag attr-value" style="color:hsl(119, 34%, 47%)">col-md-9</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">            </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token plain">articles</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">.</span><span class="token property-access">articles</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">.</span><span class="token method function property-access" style="color:hsl(221, 87%, 60%)">map</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token plain">article</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token plain"> </span><span class="token arrow operator" style="color:hsl(221, 87%, 60%)">=&gt;</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">              </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;</span><span class="token tag class-name" style="color:hsl(35, 99%, 36%)">ArticlePreview</span><span class="token tag" style="color:hsl(5, 74%, 59%)"> </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">key</span><span class="token tag script language-javascript script-punctuation punctuation" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag script language-javascript punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token tag script language-javascript" style="color:hsl(5, 74%, 59%)">article</span><span class="token tag script language-javascript punctuation" style="color:hsl(119, 34%, 47%)">.</span><span class="token tag script language-javascript property-access" style="color:hsl(5, 74%, 59%)">slug</span><span class="token tag script language-javascript punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token tag" style="color:hsl(5, 74%, 59%)"> </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">article</span><span class="token tag script language-javascript script-punctuation punctuation" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag script language-javascript punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token tag script language-javascript" style="color:hsl(5, 74%, 59%)">article</span><span class="token tag script language-javascript punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token tag" style="color:hsl(5, 74%, 59%)"> </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">/&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">            </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">          </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;/</span><span class="token tag" style="color:hsl(5, 74%, 59%)">div</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">        </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;/</span><span class="token tag" style="color:hsl(5, 74%, 59%)">div</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">      </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;/</span><span class="token tag" style="color:hsl(5, 74%, 59%)">div</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">    </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;/</span><span class="token tag" style="color:hsl(5, 74%, 59%)">div</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">  </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain"></span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><br></span></code></pre><div class="buttonGroup_VWIG"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_p0uL" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_LnVn"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_yLdc"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div>
-<h3 class="anchor anchorWithStickyNavbar_QzlE" id="filtering-by-tag">Filtering by tag<a href="#filtering-by-tag" class="hash-link" aria-label="Direct link to heading" title="Direct link to heading">​</a></h3>
-<p>Regarding the tags, our job is to fetch them from the backend and to store the currently selected tag. We already know how to do fetching — it’s another request from the loader. We will use a convenience function <code>promiseHash</code> from a package <code>remix-utils</code>, which is already installed.</p>
-<p>Update the loader file, <code>pages/feed/api/loader.ts</code>, with the following code:</p>
+<h3 class="anchor anchorWithStickyNavbar_QzlE" id="태그로-필터링">태그로 필터링<a href="#태그로-필터링" class="hash-link" aria-label="Direct link to heading" title="Direct link to heading">​</a></h3>
+<p>태그와 관련해서는 백엔드에서 태그를 가져오고 현재 선택된 태그를 저장해야 합니다. 가져오기 방법은 이미 알고 있습니다 — 로더에서 또 다른 요청을 하면 됩니다. <code>remix-utils</code> 패키지에서 <code>promiseHash</code>라는 편리한 함수를 사용할 것입니다. 이 패키지는 이미 설치되어 있습니다.</p>
+<p>로더 파일인 <code>pages/feed/api/loader.ts</code>를 다음 코드로 업데이트하세요.</p>
 <div class="language-tsx codeBlockContainer_IiXL theme-code-block" style="--prism-background-color:hsl(230, 1%, 98%);--prism-color:hsl(230, 8%, 24%)"><div class="codeBlockTitle_ajkA">pages/feed/api/loader.ts</div><div class="codeBlockContent_Y78k"><pre tabindex="0" class="prism-code language-tsx codeBlock_gc_u thin-scrollbar" style="background-color:hsl(230, 1%, 98%);color:hsl(230, 8%, 24%)"><code class="codeBlockLines_PG8G"><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token keyword" style="color:hsl(301, 63%, 40%)">import</span><span class="token plain"> </span><span class="token imports punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token imports"> json </span><span class="token imports punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token plain"> </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">from</span><span class="token plain"> </span><span class="token string" style="color:hsl(119, 34%, 47%)">&quot;@remix-run/node&quot;</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain"></span><span class="token keyword" style="color:hsl(301, 63%, 40%)">import</span><span class="token plain"> </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">type</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token plain"> </span><span class="token maybe-class-name">FetchResponse</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token plain"> </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">from</span><span class="token plain"> </span><span class="token string" style="color:hsl(119, 34%, 47%)">&quot;openapi-fetch&quot;</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain"></span><span class="token keyword" style="color:hsl(301, 63%, 40%)">import</span><span class="token plain"> </span><span class="token imports punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token imports"> promiseHash </span><span class="token imports punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token plain"> </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">from</span><span class="token plain"> </span><span class="token string" style="color:hsl(119, 34%, 47%)">&quot;remix-utils/promise&quot;</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain" style="display:inline-block"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain"></span><span class="token keyword" style="color:hsl(301, 63%, 40%)">import</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token plain"> </span><span class="token constant" style="color:hsl(35, 99%, 36%)">GET</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token plain"> </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">from</span><span class="token plain"> </span><span class="token string" style="color:hsl(119, 34%, 47%)">&quot;shared/api&quot;</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain" style="display:inline-block"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain"></span><span class="token keyword" style="color:hsl(301, 63%, 40%)">async</span><span class="token plain"> </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">function</span><span class="token plain"> </span><span class="token generic-function function" style="color:hsl(221, 87%, 60%)">throwAnyErrors</span><span class="token generic-function generic class-name operator" style="color:hsl(221, 87%, 60%)">&lt;</span><span class="token generic-function generic class-name constant" style="color:hsl(35, 99%, 36%)">T</span><span class="token generic-function generic class-name punctuation" style="color:hsl(119, 34%, 47%)">,</span><span class="token generic-function generic class-name" style="color:hsl(35, 99%, 36%)"> </span><span class="token generic-function generic class-name constant" style="color:hsl(35, 99%, 36%)">O</span><span class="token generic-function generic class-name punctuation" style="color:hsl(119, 34%, 47%)">,</span><span class="token generic-function generic class-name" style="color:hsl(35, 99%, 36%)"> Media </span><span class="token generic-function generic class-name keyword" style="color:hsl(301, 63%, 40%)">extends</span><span class="token generic-function generic class-name" style="color:hsl(35, 99%, 36%)"> </span><span class="token generic-function generic class-name template-string template-punctuation string" style="color:hsl(119, 34%, 47%)">`</span><span class="token generic-function generic class-name template-string interpolation interpolation-punctuation punctuation" style="color:hsl(119, 34%, 47%)">${</span><span class="token generic-function generic class-name template-string interpolation builtin" style="color:hsl(119, 34%, 47%)">string</span><span class="token generic-function generic class-name template-string interpolation interpolation-punctuation punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token generic-function generic class-name template-string string" style="color:hsl(119, 34%, 47%)">/</span><span class="token generic-function generic class-name template-string interpolation interpolation-punctuation punctuation" style="color:hsl(119, 34%, 47%)">${</span><span class="token generic-function generic class-name template-string interpolation builtin" style="color:hsl(119, 34%, 47%)">string</span><span class="token generic-function generic class-name template-string interpolation interpolation-punctuation punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token generic-function generic class-name template-string template-punctuation string" style="color:hsl(119, 34%, 47%)">`</span><span class="token generic-function generic class-name operator" style="color:hsl(221, 87%, 60%)">&gt;</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">  responsePromise</span><span class="token operator" style="color:hsl(221, 87%, 60%)">:</span><span class="token plain"> </span><span class="token known-class-name class-name" style="color:hsl(35, 99%, 36%)">Promise</span><span class="token operator" style="color:hsl(221, 87%, 60%)">&lt;</span><span class="token maybe-class-name">FetchResponse</span><span class="token operator" style="color:hsl(221, 87%, 60%)">&lt;</span><span class="token constant" style="color:hsl(35, 99%, 36%)">T</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">,</span><span class="token plain"> </span><span class="token constant" style="color:hsl(35, 99%, 36%)">O</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">,</span><span class="token plain"> </span><span class="token maybe-class-name">Media</span><span class="token operator" style="color:hsl(221, 87%, 60%)">&gt;&gt;</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">,</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain"></span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">  </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">const</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token plain"> data</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">,</span><span class="token plain"> error</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">,</span><span class="token plain"> response </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token plain"> </span><span class="token operator" style="color:hsl(221, 87%, 60%)">=</span><span class="token plain"> </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">await</span><span class="token plain"> responsePromise</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain" style="display:inline-block"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">  </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">if</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token plain">error </span><span class="token operator" style="color:hsl(221, 87%, 60%)">!==</span><span class="token plain"> </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">undefined</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">    </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">throw</span><span class="token plain"> </span><span class="token function" style="color:hsl(221, 87%, 60%)">json</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token plain">error</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">,</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token plain"> status</span><span class="token operator" style="color:hsl(221, 87%, 60%)">:</span><span class="token plain"> response</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">.</span><span class="token property-access">status</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">  </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain" style="display:inline-block"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">  </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">return</span><span class="token plain"> data </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">as</span><span class="token plain"> </span><span class="token maybe-class-name">NonNullable</span><span class="token operator" style="color:hsl(221, 87%, 60%)">&lt;</span><span class="token keyword" style="color:hsl(301, 63%, 40%)">typeof</span><span class="token plain"> data</span><span class="token operator" style="color:hsl(221, 87%, 60%)">&gt;</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain"></span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain" style="display:inline-block"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain"></span><span class="token keyword" style="color:hsl(301, 63%, 40%)">export</span><span class="token plain"> </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">const</span><span class="token plain"> </span><span class="token function-variable function" style="color:hsl(221, 87%, 60%)">loader</span><span class="token plain"> </span><span class="token operator" style="color:hsl(221, 87%, 60%)">=</span><span class="token plain"> </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">async</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token plain"> </span><span class="token arrow operator" style="color:hsl(221, 87%, 60%)">=&gt;</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">  </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">return</span><span class="token plain"> </span><span class="token function" style="color:hsl(221, 87%, 60%)">json</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">    </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">await</span><span class="token plain"> </span><span class="token function" style="color:hsl(221, 87%, 60%)">promiseHash</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">      articles</span><span class="token operator" style="color:hsl(221, 87%, 60%)">:</span><span class="token plain"> </span><span class="token function" style="color:hsl(221, 87%, 60%)">throwAnyErrors</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token constant" style="color:hsl(35, 99%, 36%)">GET</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token string" style="color:hsl(119, 34%, 47%)">&quot;/articles&quot;</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">,</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">      tags</span><span class="token operator" style="color:hsl(221, 87%, 60%)">:</span><span class="token plain"> </span><span class="token function" style="color:hsl(221, 87%, 60%)">throwAnyErrors</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token constant" style="color:hsl(35, 99%, 36%)">GET</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token string" style="color:hsl(119, 34%, 47%)">&quot;/tags&quot;</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">,</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">    </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">,</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">  </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain"></span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><br></span></code></pre><div class="buttonGroup_VWIG"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_p0uL" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_LnVn"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_yLdc"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div>
-<p>You might notice that we extracted the error handling into a generic function <code>throwAnyErrors</code>. It looks pretty useful, so we might want to reuse it later, but for now let’s just keep an eye on it.</p>
-<p>Now, to the list of tags. It needs to be interactive — clicking on a tag should make that tag selected. By Remix convention, we will use the URL search parameters as our storage for the selected tag. Let the browser take care of storage while we focus on more important things.</p>
-<p>Update <code>pages/feed/ui/FeedPage.tsx</code> with the following code:</p>
+<p>오류 처리를 일반 함수 <code>throwAnyErrors</code>로 추출했다는 점에 주목하세요. 꽤 유용해 보이므로 나중에 재사용할 수 있을 것 같습니다. 지금은 그냥 주목해 두겠습니다.</p>
+<p>이제 태그 목록으로 넘어갑시다. 이는 상호작용이 가능해야 합니다 — 태그를 클릭하면 해당 태그가 선택되어야 합니다. Remix 규칙에 따라 URL 검색 매개변수를 선택된 태그의 저장소로 사용할 것입니다. 브라우저가 저장을 처리하게 하고 우리는 더 중요한 일에 집중하겠습니다.</p>
+<p><code>pages/feed/ui/FeedPage.tsx</code>를 다음 코드로 업데이트하세요.</p>
 <div class="language-tsx codeBlockContainer_IiXL theme-code-block" style="--prism-background-color:hsl(230, 1%, 98%);--prism-color:hsl(230, 8%, 24%)"><div class="codeBlockTitle_ajkA">pages/feed/ui/FeedPage.tsx</div><div class="codeBlockContent_Y78k"><pre tabindex="0" class="prism-code language-tsx codeBlock_gc_u thin-scrollbar" style="background-color:hsl(230, 1%, 98%);color:hsl(230, 8%, 24%)"><code class="codeBlockLines_PG8G"><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token keyword" style="color:hsl(301, 63%, 40%)">import</span><span class="token plain"> </span><span class="token imports punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token imports"> </span><span class="token imports maybe-class-name">Form</span><span class="token imports punctuation" style="color:hsl(119, 34%, 47%)">,</span><span class="token imports"> useLoaderData </span><span class="token imports punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token plain"> </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">from</span><span class="token plain"> </span><span class="token string" style="color:hsl(119, 34%, 47%)">&quot;@remix-run/react&quot;</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain"></span><span class="token keyword" style="color:hsl(301, 63%, 40%)">import</span><span class="token plain"> </span><span class="token imports punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token imports"> </span><span class="token imports maybe-class-name">ExistingSearchParams</span><span class="token imports"> </span><span class="token imports punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token plain"> </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">from</span><span class="token plain"> </span><span class="token string" style="color:hsl(119, 34%, 47%)">&quot;remix-utils/existing-search-params&quot;</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain" style="display:inline-block"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain"></span><span class="token keyword" style="color:hsl(301, 63%, 40%)">import</span><span class="token plain"> </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">type</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token plain"> loader </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token plain"> </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">from</span><span class="token plain"> </span><span class="token string" style="color:hsl(119, 34%, 47%)">&quot;../api/loader&quot;</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain"></span><span class="token keyword" style="color:hsl(301, 63%, 40%)">import</span><span class="token plain"> </span><span class="token imports punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token imports"> </span><span class="token imports maybe-class-name">ArticlePreview</span><span class="token imports"> </span><span class="token imports punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token plain"> </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">from</span><span class="token plain"> </span><span class="token string" style="color:hsl(119, 34%, 47%)">&quot;./ArticlePreview&quot;</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain" style="display:inline-block"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain"></span><span class="token keyword" style="color:hsl(301, 63%, 40%)">export</span><span class="token plain"> </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">function</span><span class="token plain"> </span><span class="token function" style="color:hsl(221, 87%, 60%)">FeedPage</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">  </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">const</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token plain"> articles</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">,</span><span class="token plain"> tags </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token plain"> </span><span class="token operator" style="color:hsl(221, 87%, 60%)">=</span><span class="token plain"> </span><span class="token generic-function function" style="color:hsl(221, 87%, 60%)">useLoaderData</span><span class="token generic-function generic class-name operator" style="color:hsl(221, 87%, 60%)">&lt;</span><span class="token generic-function generic class-name keyword" style="color:hsl(301, 63%, 40%)">typeof</span><span class="token generic-function generic class-name" style="color:hsl(35, 99%, 36%)"> loader</span><span class="token generic-function generic class-name operator" style="color:hsl(221, 87%, 60%)">&gt;</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain" style="display:inline-block"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">  </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">return</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">    </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;</span><span class="token tag" style="color:hsl(5, 74%, 59%)">div</span><span class="token tag" style="color:hsl(5, 74%, 59%)"> </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">className</span><span class="token tag attr-value punctuation attr-equals" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag attr-value" style="color:hsl(119, 34%, 47%)">home-page</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">      </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;</span><span class="token tag" style="color:hsl(5, 74%, 59%)">div</span><span class="token tag" style="color:hsl(5, 74%, 59%)"> </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">className</span><span class="token tag attr-value punctuation attr-equals" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag attr-value" style="color:hsl(119, 34%, 47%)">banner</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">        </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;</span><span class="token tag" style="color:hsl(5, 74%, 59%)">div</span><span class="token tag" style="color:hsl(5, 74%, 59%)"> </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">className</span><span class="token tag attr-value punctuation attr-equals" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag attr-value" style="color:hsl(119, 34%, 47%)">container</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">          </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;</span><span class="token tag" style="color:hsl(5, 74%, 59%)">h1</span><span class="token tag" style="color:hsl(5, 74%, 59%)"> </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">className</span><span class="token tag attr-value punctuation attr-equals" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag attr-value" style="color:hsl(119, 34%, 47%)">logo-font</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text">conduit</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;/</span><span class="token tag" style="color:hsl(5, 74%, 59%)">h1</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">          </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;</span><span class="token tag" style="color:hsl(5, 74%, 59%)">p</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text">A place to share your knowledge.</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;/</span><span class="token tag" style="color:hsl(5, 74%, 59%)">p</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">        </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;/</span><span class="token tag" style="color:hsl(5, 74%, 59%)">div</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">      </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;/</span><span class="token tag" style="color:hsl(5, 74%, 59%)">div</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">      </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;</span><span class="token tag" style="color:hsl(5, 74%, 59%)">div</span><span class="token tag" style="color:hsl(5, 74%, 59%)"> </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">className</span><span class="token tag attr-value punctuation attr-equals" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag attr-value" style="color:hsl(119, 34%, 47%)">container page</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">        </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;</span><span class="token tag" style="color:hsl(5, 74%, 59%)">div</span><span class="token tag" style="color:hsl(5, 74%, 59%)"> </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">className</span><span class="token tag attr-value punctuation attr-equals" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag attr-value" style="color:hsl(119, 34%, 47%)">row</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">          </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;</span><span class="token tag" style="color:hsl(5, 74%, 59%)">div</span><span class="token tag" style="color:hsl(5, 74%, 59%)"> </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">className</span><span class="token tag attr-value punctuation attr-equals" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag attr-value" style="color:hsl(119, 34%, 47%)">col-md-9</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">            </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token plain">articles</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">.</span><span class="token property-access">articles</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">.</span><span class="token method function property-access" style="color:hsl(221, 87%, 60%)">map</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token plain">article</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token plain"> </span><span class="token arrow operator" style="color:hsl(221, 87%, 60%)">=&gt;</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">              </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;</span><span class="token tag class-name" style="color:hsl(35, 99%, 36%)">ArticlePreview</span><span class="token tag" style="color:hsl(5, 74%, 59%)"> </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">key</span><span class="token tag script language-javascript script-punctuation punctuation" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag script language-javascript punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token tag script language-javascript" style="color:hsl(5, 74%, 59%)">article</span><span class="token tag script language-javascript punctuation" style="color:hsl(119, 34%, 47%)">.</span><span class="token tag script language-javascript property-access" style="color:hsl(5, 74%, 59%)">slug</span><span class="token tag script language-javascript punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token tag" style="color:hsl(5, 74%, 59%)"> </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">article</span><span class="token tag script language-javascript script-punctuation punctuation" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag script language-javascript punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token tag script language-javascript" style="color:hsl(5, 74%, 59%)">article</span><span class="token tag script language-javascript punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token tag" style="color:hsl(5, 74%, 59%)"> </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">/&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">            </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">          </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;/</span><span class="token tag" style="color:hsl(5, 74%, 59%)">div</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">          </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;</span><span class="token tag" style="color:hsl(5, 74%, 59%)">div</span><span class="token tag" style="color:hsl(5, 74%, 59%)"> </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">className</span><span class="token tag attr-value punctuation attr-equals" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag attr-value" style="color:hsl(119, 34%, 47%)">col-md-3</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">            </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;</span><span class="token tag" style="color:hsl(5, 74%, 59%)">div</span><span class="token tag" style="color:hsl(5, 74%, 59%)"> </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">className</span><span class="token tag attr-value punctuation attr-equals" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag attr-value" style="color:hsl(119, 34%, 47%)">sidebar</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">              </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;</span><span class="token tag" style="color:hsl(5, 74%, 59%)">p</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text">Popular Tags</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;/</span><span class="token tag" style="color:hsl(5, 74%, 59%)">p</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">              </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;</span><span class="token tag class-name" style="color:hsl(35, 99%, 36%)">Form</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">                </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;</span><span class="token tag class-name" style="color:hsl(35, 99%, 36%)">ExistingSearchParams</span><span class="token tag" style="color:hsl(5, 74%, 59%)"> </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">exclude</span><span class="token tag script language-javascript script-punctuation punctuation" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag script language-javascript punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token tag script language-javascript punctuation" style="color:hsl(119, 34%, 47%)">[</span><span class="token tag script language-javascript string" style="color:hsl(119, 34%, 47%)">&quot;tag&quot;</span><span class="token tag script language-javascript punctuation" style="color:hsl(119, 34%, 47%)">]</span><span class="token tag script language-javascript punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token tag" style="color:hsl(5, 74%, 59%)"> </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">/&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">                </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;</span><span class="token tag" style="color:hsl(5, 74%, 59%)">div</span><span class="token tag" style="color:hsl(5, 74%, 59%)"> </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">className</span><span class="token tag attr-value punctuation attr-equals" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag attr-value" style="color:hsl(119, 34%, 47%)">tag-list</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">                  </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token plain">tags</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">.</span><span class="token property-access">tags</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">.</span><span class="token method function property-access" style="color:hsl(221, 87%, 60%)">map</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token plain">tag</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token plain"> </span><span class="token arrow operator" style="color:hsl(221, 87%, 60%)">=&gt;</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">                    </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;</span><span class="token tag" style="color:hsl(5, 74%, 59%)">button</span><span class="token tag" style="color:hsl(5, 74%, 59%)"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token tag" style="color:hsl(5, 74%, 59%)">                      </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">key</span><span class="token tag script language-javascript script-punctuation punctuation" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag script language-javascript punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token tag script language-javascript" style="color:hsl(5, 74%, 59%)">tag</span><span class="token tag script language-javascript punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token tag" style="color:hsl(5, 74%, 59%)"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token tag" style="color:hsl(5, 74%, 59%)">                      </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">name</span><span class="token tag attr-value punctuation attr-equals" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag attr-value" style="color:hsl(119, 34%, 47%)">tag</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag" style="color:hsl(5, 74%, 59%)"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token tag" style="color:hsl(5, 74%, 59%)">                      </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">value</span><span class="token tag script language-javascript script-punctuation punctuation" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag script language-javascript punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token tag script language-javascript" style="color:hsl(5, 74%, 59%)">tag</span><span class="token tag script language-javascript punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token tag" style="color:hsl(5, 74%, 59%)"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token tag" style="color:hsl(5, 74%, 59%)">                      </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">className</span><span class="token tag attr-value punctuation attr-equals" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag attr-value" style="color:hsl(119, 34%, 47%)">tag-pill tag-default</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag" style="color:hsl(5, 74%, 59%)"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token tag" style="color:hsl(5, 74%, 59%)">                    </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">                      </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token plain">tag</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">                    </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;/</span><span class="token tag" style="color:hsl(5, 74%, 59%)">button</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">                  </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">                </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;/</span><span class="token tag" style="color:hsl(5, 74%, 59%)">div</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">              </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;/</span><span class="token tag class-name" style="color:hsl(35, 99%, 36%)">Form</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">            </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;/</span><span class="token tag" style="color:hsl(5, 74%, 59%)">div</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">          </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;/</span><span class="token tag" style="color:hsl(5, 74%, 59%)">div</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">        </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;/</span><span class="token tag" style="color:hsl(5, 74%, 59%)">div</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">      </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;/</span><span class="token tag" style="color:hsl(5, 74%, 59%)">div</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">    </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;/</span><span class="token tag" style="color:hsl(5, 74%, 59%)">div</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">  </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain"></span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token plain"> </span><br></span></code></pre><div class="buttonGroup_VWIG"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_p0uL" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_LnVn"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_yLdc"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div>
-<p>Then we need to use the <code>tag</code> search parameter in our loader. Change the <code>loader</code> function in <code>pages/feed/api/loader.ts</code> to the following:</p>
+<p>그런 다음 로더에서 <code>tag</code> 검색 매개변수를 사용해야 합니다. <code>pages/feed/api/loader.ts</code>의 <code>loader</code> 함수를 다음과 같이 변경하세요.</p>
 <div class="language-tsx codeBlockContainer_IiXL theme-code-block" style="--prism-background-color:hsl(230, 1%, 98%);--prism-color:hsl(230, 8%, 24%)"><div class="codeBlockTitle_ajkA">pages/feed/api/loader.ts</div><div class="codeBlockContent_Y78k"><pre tabindex="0" class="prism-code language-tsx codeBlock_gc_u thin-scrollbar" style="background-color:hsl(230, 1%, 98%);color:hsl(230, 8%, 24%)"><code class="codeBlockLines_PG8G"><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token keyword" style="color:hsl(301, 63%, 40%)">import</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token plain"> json</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">,</span><span class="token plain"> </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">type</span><span class="token plain"> </span><span class="token class-name" style="color:hsl(35, 99%, 36%)">LoaderFunctionArgs</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token plain"> </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">from</span><span class="token plain"> </span><span class="token string" style="color:hsl(119, 34%, 47%)">&quot;@remix-run/node&quot;</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain"></span><span class="token keyword" style="color:hsl(301, 63%, 40%)">import</span><span class="token plain"> </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">type</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token plain"> </span><span class="token maybe-class-name">FetchResponse</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token plain"> </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">from</span><span class="token plain"> </span><span class="token string" style="color:hsl(119, 34%, 47%)">&quot;openapi-fetch&quot;</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain"></span><span class="token keyword" style="color:hsl(301, 63%, 40%)">import</span><span class="token plain"> </span><span class="token imports punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token imports"> promiseHash </span><span class="token imports punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token plain"> </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">from</span><span class="token plain"> </span><span class="token string" style="color:hsl(119, 34%, 47%)">&quot;remix-utils/promise&quot;</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain" style="display:inline-block"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain"></span><span class="token keyword" style="color:hsl(301, 63%, 40%)">import</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token plain"> </span><span class="token constant" style="color:hsl(35, 99%, 36%)">GET</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token plain"> </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">from</span><span class="token plain"> </span><span class="token string" style="color:hsl(119, 34%, 47%)">&quot;shared/api&quot;</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain" style="display:inline-block"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain"></span><span class="token keyword" style="color:hsl(301, 63%, 40%)">async</span><span class="token plain"> </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">function</span><span class="token plain"> </span><span class="token generic-function function" style="color:hsl(221, 87%, 60%)">throwAnyErrors</span><span class="token generic-function generic class-name operator" style="color:hsl(221, 87%, 60%)">&lt;</span><span class="token generic-function generic class-name constant" style="color:hsl(35, 99%, 36%)">T</span><span class="token generic-function generic class-name punctuation" style="color:hsl(119, 34%, 47%)">,</span><span class="token generic-function generic class-name" style="color:hsl(35, 99%, 36%)"> </span><span class="token generic-function generic class-name constant" style="color:hsl(35, 99%, 36%)">O</span><span class="token generic-function generic class-name punctuation" style="color:hsl(119, 34%, 47%)">,</span><span class="token generic-function generic class-name" style="color:hsl(35, 99%, 36%)"> Media </span><span class="token generic-function generic class-name keyword" style="color:hsl(301, 63%, 40%)">extends</span><span class="token generic-function generic class-name" style="color:hsl(35, 99%, 36%)"> </span><span class="token generic-function generic class-name template-string template-punctuation string" style="color:hsl(119, 34%, 47%)">`</span><span class="token generic-function generic class-name template-string interpolation interpolation-punctuation punctuation" style="color:hsl(119, 34%, 47%)">${</span><span class="token generic-function generic class-name template-string interpolation builtin" style="color:hsl(119, 34%, 47%)">string</span><span class="token generic-function generic class-name template-string interpolation interpolation-punctuation punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token generic-function generic class-name template-string string" style="color:hsl(119, 34%, 47%)">/</span><span class="token generic-function generic class-name template-string interpolation interpolation-punctuation punctuation" style="color:hsl(119, 34%, 47%)">${</span><span class="token generic-function generic class-name template-string interpolation builtin" style="color:hsl(119, 34%, 47%)">string</span><span class="token generic-function generic class-name template-string interpolation interpolation-punctuation punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token generic-function generic class-name template-string template-punctuation string" style="color:hsl(119, 34%, 47%)">`</span><span class="token generic-function generic class-name operator" style="color:hsl(221, 87%, 60%)">&gt;</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">  responsePromise</span><span class="token operator" style="color:hsl(221, 87%, 60%)">:</span><span class="token plain"> </span><span class="token known-class-name class-name" style="color:hsl(35, 99%, 36%)">Promise</span><span class="token operator" style="color:hsl(221, 87%, 60%)">&lt;</span><span class="token maybe-class-name">FetchResponse</span><span class="token operator" style="color:hsl(221, 87%, 60%)">&lt;</span><span class="token constant" style="color:hsl(35, 99%, 36%)">T</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">,</span><span class="token plain"> </span><span class="token constant" style="color:hsl(35, 99%, 36%)">O</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">,</span><span class="token plain"> </span><span class="token maybe-class-name">Media</span><span class="token operator" style="color:hsl(221, 87%, 60%)">&gt;&gt;</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">,</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain"></span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">  </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">const</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token plain"> data</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">,</span><span class="token plain"> error</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">,</span><span class="token plain"> response </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token plain"> </span><span class="token operator" style="color:hsl(221, 87%, 60%)">=</span><span class="token plain"> </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">await</span><span class="token plain"> responsePromise</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain" style="display:inline-block"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">  </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">if</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token plain">error </span><span class="token operator" style="color:hsl(221, 87%, 60%)">!==</span><span class="token plain"> </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">undefined</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">    </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">throw</span><span class="token plain"> </span><span class="token function" style="color:hsl(221, 87%, 60%)">json</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token plain">error</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">,</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token plain"> status</span><span class="token operator" style="color:hsl(221, 87%, 60%)">:</span><span class="token plain"> response</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">.</span><span class="token property-access">status</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">  </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain" style="display:inline-block"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">  </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">return</span><span class="token plain"> data </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">as</span><span class="token plain"> </span><span class="token maybe-class-name">NonNullable</span><span class="token operator" style="color:hsl(221, 87%, 60%)">&lt;</span><span class="token keyword" style="color:hsl(301, 63%, 40%)">typeof</span><span class="token plain"> data</span><span class="token operator" style="color:hsl(221, 87%, 60%)">&gt;</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain"></span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain" style="display:inline-block"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain"></span><span class="token keyword" style="color:hsl(301, 63%, 40%)">export</span><span class="token plain"> </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">const</span><span class="token plain"> </span><span class="token function-variable function" style="color:hsl(221, 87%, 60%)">loader</span><span class="token plain"> </span><span class="token operator" style="color:hsl(221, 87%, 60%)">=</span><span class="token plain"> </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">async</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token plain"> request </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token operator" style="color:hsl(221, 87%, 60%)">:</span><span class="token plain"> </span><span class="token maybe-class-name">LoaderFunctionArgs</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token plain"> </span><span class="token arrow operator" style="color:hsl(221, 87%, 60%)">=&gt;</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">  </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">const</span><span class="token plain"> url </span><span class="token operator" style="color:hsl(221, 87%, 60%)">=</span><span class="token plain"> </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">new</span><span class="token plain"> </span><span class="token class-name constant" style="color:hsl(35, 99%, 36%)">URL</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token plain">request</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">.</span><span class="token property-access">url</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">  </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">const</span><span class="token plain"> selectedTag </span><span class="token operator" style="color:hsl(221, 87%, 60%)">=</span><span class="token plain"> url</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">.</span><span class="token property-access">searchParams</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">.</span><span class="token method function property-access" style="color:hsl(221, 87%, 60%)">get</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token string" style="color:hsl(119, 34%, 47%)">&quot;tag&quot;</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token plain"> </span><span class="token operator" style="color:hsl(221, 87%, 60%)">??</span><span class="token plain"> </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">undefined</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain" style="display:inline-block"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">  </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">return</span><span class="token plain"> </span><span class="token function" style="color:hsl(221, 87%, 60%)">json</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">    </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">await</span><span class="token plain"> </span><span class="token function" style="color:hsl(221, 87%, 60%)">promiseHash</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">      articles</span><span class="token operator" style="color:hsl(221, 87%, 60%)">:</span><span class="token plain"> </span><span class="token function" style="color:hsl(221, 87%, 60%)">throwAnyErrors</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">        </span><span class="token constant" style="color:hsl(35, 99%, 36%)">GET</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token string" style="color:hsl(119, 34%, 47%)">&quot;/articles&quot;</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">,</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token plain"> params</span><span class="token operator" style="color:hsl(221, 87%, 60%)">:</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token plain"> query</span><span class="token operator" style="color:hsl(221, 87%, 60%)">:</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token plain"> tag</span><span class="token operator" style="color:hsl(221, 87%, 60%)">:</span><span class="token plain"> selectedTag </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">,</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">      </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">,</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">      tags</span><span class="token operator" style="color:hsl(221, 87%, 60%)">:</span><span class="token plain"> </span><span class="token function" style="color:hsl(221, 87%, 60%)">throwAnyErrors</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token constant" style="color:hsl(35, 99%, 36%)">GET</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token string" style="color:hsl(119, 34%, 47%)">&quot;/tags&quot;</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">,</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">    </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">,</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">  </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain"></span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><br></span></code></pre><div class="buttonGroup_VWIG"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_p0uL" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_LnVn"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_yLdc"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div>
-<p>That’s it, no <code>model</code> segment necessary. Remix is pretty neat.</p>
-<h3 class="anchor anchorWithStickyNavbar_QzlE" id="pagination">Pagination<a href="#pagination" class="hash-link" aria-label="Direct link to heading" title="Direct link to heading">​</a></h3>
-<p>In a similar fashion, we can implement the pagination. Feel free to give it a shot yourself or just copy the code below. There’s no one to judge you anyway.</p>
+<p>이게 전부입니다. <code>model</code> 세그먼트가 필요하지 않습니다. Remix는 꽤 깔끔하죠.</p>
+<h3 class="anchor anchorWithStickyNavbar_QzlE" id="페이지네이션">페이지네이션<a href="#페이지네이션" class="hash-link" aria-label="Direct link to heading" title="Direct link to heading">​</a></h3>
+<p>비슷한 방식으로 페이지네이션을 구현할 수 있습니다. 직접 시도해 보거나 아래 코드를 복사하세요. 어차피 당신을 판단할 사람은 없습니다.</p>
 <div class="language-tsx codeBlockContainer_IiXL theme-code-block" style="--prism-background-color:hsl(230, 1%, 98%);--prism-color:hsl(230, 8%, 24%)"><div class="codeBlockTitle_ajkA">pages/feed/api/loader.ts</div><div class="codeBlockContent_Y78k"><pre tabindex="0" class="prism-code language-tsx codeBlock_gc_u thin-scrollbar" style="background-color:hsl(230, 1%, 98%);color:hsl(230, 8%, 24%)"><code class="codeBlockLines_PG8G"><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token keyword" style="color:hsl(301, 63%, 40%)">import</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token plain"> json</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">,</span><span class="token plain"> </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">type</span><span class="token plain"> </span><span class="token class-name" style="color:hsl(35, 99%, 36%)">LoaderFunctionArgs</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token plain"> </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">from</span><span class="token plain"> </span><span class="token string" style="color:hsl(119, 34%, 47%)">&quot;@remix-run/node&quot;</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain"></span><span class="token keyword" style="color:hsl(301, 63%, 40%)">import</span><span class="token plain"> </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">type</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token plain"> </span><span class="token maybe-class-name">FetchResponse</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token plain"> </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">from</span><span class="token plain"> </span><span class="token string" style="color:hsl(119, 34%, 47%)">&quot;openapi-fetch&quot;</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain"></span><span class="token keyword" style="color:hsl(301, 63%, 40%)">import</span><span class="token plain"> </span><span class="token imports punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token imports"> promiseHash </span><span class="token imports punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token plain"> </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">from</span><span class="token plain"> </span><span class="token string" style="color:hsl(119, 34%, 47%)">&quot;remix-utils/promise&quot;</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain" style="display:inline-block"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain"></span><span class="token keyword" style="color:hsl(301, 63%, 40%)">import</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token plain"> </span><span class="token constant" style="color:hsl(35, 99%, 36%)">GET</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token plain"> </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">from</span><span class="token plain"> </span><span class="token string" style="color:hsl(119, 34%, 47%)">&quot;shared/api&quot;</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain" style="display:inline-block"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain"></span><span class="token keyword" style="color:hsl(301, 63%, 40%)">async</span><span class="token plain"> </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">function</span><span class="token plain"> </span><span class="token generic-function function" style="color:hsl(221, 87%, 60%)">throwAnyErrors</span><span class="token generic-function generic class-name operator" style="color:hsl(221, 87%, 60%)">&lt;</span><span class="token generic-function generic class-name constant" style="color:hsl(35, 99%, 36%)">T</span><span class="token generic-function generic class-name punctuation" style="color:hsl(119, 34%, 47%)">,</span><span class="token generic-function generic class-name" style="color:hsl(35, 99%, 36%)"> </span><span class="token generic-function generic class-name constant" style="color:hsl(35, 99%, 36%)">O</span><span class="token generic-function generic class-name punctuation" style="color:hsl(119, 34%, 47%)">,</span><span class="token generic-function generic class-name" style="color:hsl(35, 99%, 36%)"> Media </span><span class="token generic-function generic class-name keyword" style="color:hsl(301, 63%, 40%)">extends</span><span class="token generic-function generic class-name" style="color:hsl(35, 99%, 36%)"> </span><span class="token generic-function generic class-name template-string template-punctuation string" style="color:hsl(119, 34%, 47%)">`</span><span class="token generic-function generic class-name template-string interpolation interpolation-punctuation punctuation" style="color:hsl(119, 34%, 47%)">${</span><span class="token generic-function generic class-name template-string interpolation builtin" style="color:hsl(119, 34%, 47%)">string</span><span class="token generic-function generic class-name template-string interpolation interpolation-punctuation punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token generic-function generic class-name template-string string" style="color:hsl(119, 34%, 47%)">/</span><span class="token generic-function generic class-name template-string interpolation interpolation-punctuation punctuation" style="color:hsl(119, 34%, 47%)">${</span><span class="token generic-function generic class-name template-string interpolation builtin" style="color:hsl(119, 34%, 47%)">string</span><span class="token generic-function generic class-name template-string interpolation interpolation-punctuation punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token generic-function generic class-name template-string template-punctuation string" style="color:hsl(119, 34%, 47%)">`</span><span class="token generic-function generic class-name operator" style="color:hsl(221, 87%, 60%)">&gt;</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">  responsePromise</span><span class="token operator" style="color:hsl(221, 87%, 60%)">:</span><span class="token plain"> </span><span class="token known-class-name class-name" style="color:hsl(35, 99%, 36%)">Promise</span><span class="token operator" style="color:hsl(221, 87%, 60%)">&lt;</span><span class="token maybe-class-name">FetchResponse</span><span class="token operator" style="color:hsl(221, 87%, 60%)">&lt;</span><span class="token constant" style="color:hsl(35, 99%, 36%)">T</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">,</span><span class="token plain"> </span><span class="token constant" style="color:hsl(35, 99%, 36%)">O</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">,</span><span class="token plain"> </span><span class="token maybe-class-name">Media</span><span class="token operator" style="color:hsl(221, 87%, 60%)">&gt;&gt;</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">,</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain"></span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">  </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">const</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token plain"> data</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">,</span><span class="token plain"> error</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">,</span><span class="token plain"> response </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token plain"> </span><span class="token operator" style="color:hsl(221, 87%, 60%)">=</span><span class="token plain"> </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">await</span><span class="token plain"> responsePromise</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain" style="display:inline-block"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">  </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">if</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token plain">error </span><span class="token operator" style="color:hsl(221, 87%, 60%)">!==</span><span class="token plain"> </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">undefined</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">    </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">throw</span><span class="token plain"> </span><span class="token function" style="color:hsl(221, 87%, 60%)">json</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token plain">error</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">,</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token plain"> status</span><span class="token operator" style="color:hsl(221, 87%, 60%)">:</span><span class="token plain"> response</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">.</span><span class="token property-access">status</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">  </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain" style="display:inline-block"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">  </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">return</span><span class="token plain"> data </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">as</span><span class="token plain"> </span><span class="token maybe-class-name">NonNullable</span><span class="token operator" style="color:hsl(221, 87%, 60%)">&lt;</span><span class="token keyword" style="color:hsl(301, 63%, 40%)">typeof</span><span class="token plain"> data</span><span class="token operator" style="color:hsl(221, 87%, 60%)">&gt;</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain"></span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain" style="display:inline-block"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain"></span><span class="token comment" style="color:hsl(230, 4%, 64%)">/** Amount of articles on one page. */</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain"></span><span class="token keyword" style="color:hsl(301, 63%, 40%)">export</span><span class="token plain"> </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">const</span><span class="token plain"> </span><span class="token constant" style="color:hsl(35, 99%, 36%)">LIMIT</span><span class="token plain"> </span><span class="token operator" style="color:hsl(221, 87%, 60%)">=</span><span class="token plain"> </span><span class="token number" style="color:hsl(35, 99%, 36%)">20</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain" style="display:inline-block"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain"></span><span class="token keyword" style="color:hsl(301, 63%, 40%)">export</span><span class="token plain"> </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">const</span><span class="token plain"> </span><span class="token function-variable function" style="color:hsl(221, 87%, 60%)">loader</span><span class="token plain"> </span><span class="token operator" style="color:hsl(221, 87%, 60%)">=</span><span class="token plain"> </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">async</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token plain"> request </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token operator" style="color:hsl(221, 87%, 60%)">:</span><span class="token plain"> </span><span class="token maybe-class-name">LoaderFunctionArgs</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token plain"> </span><span class="token arrow operator" style="color:hsl(221, 87%, 60%)">=&gt;</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">  </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">const</span><span class="token plain"> url </span><span class="token operator" style="color:hsl(221, 87%, 60%)">=</span><span class="token plain"> </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">new</span><span class="token plain"> </span><span class="token class-name constant" style="color:hsl(35, 99%, 36%)">URL</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token plain">request</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">.</span><span class="token property-access">url</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">  </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">const</span><span class="token plain"> selectedTag </span><span class="token operator" style="color:hsl(221, 87%, 60%)">=</span><span class="token plain"> url</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">.</span><span class="token property-access">searchParams</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">.</span><span class="token method function property-access" style="color:hsl(221, 87%, 60%)">get</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token string" style="color:hsl(119, 34%, 47%)">&quot;tag&quot;</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token plain"> </span><span class="token operator" style="color:hsl(221, 87%, 60%)">??</span><span class="token plain"> </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">undefined</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">  </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">const</span><span class="token plain"> page </span><span class="token operator" style="color:hsl(221, 87%, 60%)">=</span><span class="token plain"> </span><span class="token function" style="color:hsl(221, 87%, 60%)">parseInt</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token plain">url</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">.</span><span class="token property-access">searchParams</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">.</span><span class="token method function property-access" style="color:hsl(221, 87%, 60%)">get</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token string" style="color:hsl(119, 34%, 47%)">&quot;page&quot;</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token plain"> </span><span class="token operator" style="color:hsl(221, 87%, 60%)">??</span><span class="token plain"> </span><span class="token string" style="color:hsl(119, 34%, 47%)">&quot;&quot;</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">,</span><span class="token plain"> </span><span class="token number" style="color:hsl(35, 99%, 36%)">10</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain" style="display:inline-block"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">  </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">return</span><span class="token plain"> </span><span class="token function" style="color:hsl(221, 87%, 60%)">json</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">    </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">await</span><span class="token plain"> </span><span class="token function" style="color:hsl(221, 87%, 60%)">promiseHash</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">      articles</span><span class="token operator" style="color:hsl(221, 87%, 60%)">:</span><span class="token plain"> </span><span class="token function" style="color:hsl(221, 87%, 60%)">throwAnyErrors</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">        </span><span class="token constant" style="color:hsl(35, 99%, 36%)">GET</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token string" style="color:hsl(119, 34%, 47%)">&quot;/articles&quot;</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">,</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">          params</span><span class="token operator" style="color:hsl(221, 87%, 60%)">:</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">            query</span><span class="token operator" style="color:hsl(221, 87%, 60%)">:</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">              tag</span><span class="token operator" style="color:hsl(221, 87%, 60%)">:</span><span class="token plain"> selectedTag</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">,</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">              limit</span><span class="token operator" style="color:hsl(221, 87%, 60%)">:</span><span class="token plain"> </span><span class="token constant" style="color:hsl(35, 99%, 36%)">LIMIT</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">,</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">              offset</span><span class="token operator" style="color:hsl(221, 87%, 60%)">:</span><span class="token plain"> </span><span class="token operator" style="color:hsl(221, 87%, 60%)">!</span><span class="token known-class-name class-name" style="color:hsl(35, 99%, 36%)">Number</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">.</span><span class="token method function property-access" style="color:hsl(221, 87%, 60%)">isNaN</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token plain">page</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token plain"> </span><span class="token operator" style="color:hsl(221, 87%, 60%)">?</span><span class="token plain"> page </span><span class="token operator" style="color:hsl(221, 87%, 60%)">*</span><span class="token plain"> </span><span class="token constant" style="color:hsl(35, 99%, 36%)">LIMIT</span><span class="token plain"> </span><span class="token operator" style="color:hsl(221, 87%, 60%)">:</span><span class="token plain"> </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">undefined</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">,</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">            </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">,</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">          </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">,</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">        </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">,</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">      </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">,</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">      tags</span><span class="token operator" style="color:hsl(221, 87%, 60%)">:</span><span class="token plain"> </span><span class="token function" style="color:hsl(221, 87%, 60%)">throwAnyErrors</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token constant" style="color:hsl(35, 99%, 36%)">GET</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token string" style="color:hsl(119, 34%, 47%)">&quot;/tags&quot;</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">,</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">    </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">,</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">  </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain"></span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><br></span></code></pre><div class="buttonGroup_VWIG"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_p0uL" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_LnVn"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_yLdc"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div>
 <div class="language-tsx codeBlockContainer_IiXL theme-code-block" style="--prism-background-color:hsl(230, 1%, 98%);--prism-color:hsl(230, 8%, 24%)"><div class="codeBlockTitle_ajkA">pages/feed/ui/FeedPage.tsx</div><div class="codeBlockContent_Y78k"><pre tabindex="0" class="prism-code language-tsx codeBlock_gc_u thin-scrollbar" style="background-color:hsl(230, 1%, 98%);color:hsl(230, 8%, 24%)"><code class="codeBlockLines_PG8G"><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token keyword" style="color:hsl(301, 63%, 40%)">import</span><span class="token plain"> </span><span class="token imports punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token imports"> </span><span class="token imports maybe-class-name">Form</span><span class="token imports punctuation" style="color:hsl(119, 34%, 47%)">,</span><span class="token imports"> useLoaderData</span><span class="token imports punctuation" style="color:hsl(119, 34%, 47%)">,</span><span class="token imports"> useSearchParams </span><span class="token imports punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token plain"> </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">from</span><span class="token plain"> </span><span class="token string" style="color:hsl(119, 34%, 47%)">&quot;@remix-run/react&quot;</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain"></span><span class="token keyword" style="color:hsl(301, 63%, 40%)">import</span><span class="token plain"> </span><span class="token imports punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token imports"> </span><span class="token imports maybe-class-name">ExistingSearchParams</span><span class="token imports"> </span><span class="token imports punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token plain"> </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">from</span><span class="token plain"> </span><span class="token string" style="color:hsl(119, 34%, 47%)">&quot;remix-utils/existing-search-params&quot;</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain" style="display:inline-block"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain"></span><span class="token keyword" style="color:hsl(301, 63%, 40%)">import</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token plain"> </span><span class="token constant" style="color:hsl(35, 99%, 36%)">LIMIT</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">,</span><span class="token plain"> </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">type</span><span class="token plain"> </span><span class="token class-name" style="color:hsl(35, 99%, 36%)">loader</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token plain"> </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">from</span><span class="token plain"> </span><span class="token string" style="color:hsl(119, 34%, 47%)">&quot;../api/loader&quot;</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain"></span><span class="token keyword" style="color:hsl(301, 63%, 40%)">import</span><span class="token plain"> </span><span class="token imports punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token imports"> </span><span class="token imports maybe-class-name">ArticlePreview</span><span class="token imports"> </span><span class="token imports punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token plain"> </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">from</span><span class="token plain"> </span><span class="token string" style="color:hsl(119, 34%, 47%)">&quot;./ArticlePreview&quot;</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain" style="display:inline-block"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain"></span><span class="token keyword" style="color:hsl(301, 63%, 40%)">export</span><span class="token plain"> </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">function</span><span class="token plain"> </span><span class="token function" style="color:hsl(221, 87%, 60%)">FeedPage</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">  </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">const</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">[</span><span class="token plain">searchParams</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">]</span><span class="token plain"> </span><span class="token operator" style="color:hsl(221, 87%, 60%)">=</span><span class="token plain"> </span><span class="token function" style="color:hsl(221, 87%, 60%)">useSearchParams</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">  </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">const</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token plain"> articles</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">,</span><span class="token plain"> tags </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token plain"> </span><span class="token operator" style="color:hsl(221, 87%, 60%)">=</span><span class="token plain"> </span><span class="token generic-function function" style="color:hsl(221, 87%, 60%)">useLoaderData</span><span class="token generic-function generic class-name operator" style="color:hsl(221, 87%, 60%)">&lt;</span><span class="token generic-function generic class-name keyword" style="color:hsl(301, 63%, 40%)">typeof</span><span class="token generic-function generic class-name" style="color:hsl(35, 99%, 36%)"> loader</span><span class="token generic-function generic class-name operator" style="color:hsl(221, 87%, 60%)">&gt;</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">  </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">const</span><span class="token plain"> pageAmount </span><span class="token operator" style="color:hsl(221, 87%, 60%)">=</span><span class="token plain"> </span><span class="token known-class-name class-name" style="color:hsl(35, 99%, 36%)">Math</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">.</span><span class="token method function property-access" style="color:hsl(221, 87%, 60%)">ceil</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token plain">articles</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">.</span><span class="token property-access">articlesCount</span><span class="token plain"> </span><span class="token operator" style="color:hsl(221, 87%, 60%)">/</span><span class="token plain"> </span><span class="token constant" style="color:hsl(35, 99%, 36%)">LIMIT</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">  </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">const</span><span class="token plain"> currentPage </span><span class="token operator" style="color:hsl(221, 87%, 60%)">=</span><span class="token plain"> </span><span class="token function" style="color:hsl(221, 87%, 60%)">parseInt</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token plain">searchParams</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">.</span><span class="token method function property-access" style="color:hsl(221, 87%, 60%)">get</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token string" style="color:hsl(119, 34%, 47%)">&quot;page&quot;</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token plain"> </span><span class="token operator" style="color:hsl(221, 87%, 60%)">??</span><span class="token plain"> </span><span class="token string" style="color:hsl(119, 34%, 47%)">&quot;1&quot;</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">,</span><span class="token plain"> </span><span class="token number" style="color:hsl(35, 99%, 36%)">10</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain" style="display:inline-block"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">  </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">return</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">    </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;</span><span class="token tag" style="color:hsl(5, 74%, 59%)">div</span><span class="token tag" style="color:hsl(5, 74%, 59%)"> </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">className</span><span class="token tag attr-value punctuation attr-equals" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag attr-value" style="color:hsl(119, 34%, 47%)">home-page</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">      </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;</span><span class="token tag" style="color:hsl(5, 74%, 59%)">div</span><span class="token tag" style="color:hsl(5, 74%, 59%)"> </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">className</span><span class="token tag attr-value punctuation attr-equals" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag attr-value" style="color:hsl(119, 34%, 47%)">banner</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">        </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;</span><span class="token tag" style="color:hsl(5, 74%, 59%)">div</span><span class="token tag" style="color:hsl(5, 74%, 59%)"> </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">className</span><span class="token tag attr-value punctuation attr-equals" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag attr-value" style="color:hsl(119, 34%, 47%)">container</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">          </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;</span><span class="token tag" style="color:hsl(5, 74%, 59%)">h1</span><span class="token tag" style="color:hsl(5, 74%, 59%)"> </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">className</span><span class="token tag attr-value punctuation attr-equals" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag attr-value" style="color:hsl(119, 34%, 47%)">logo-font</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text">conduit</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;/</span><span class="token tag" style="color:hsl(5, 74%, 59%)">h1</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">          </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;</span><span class="token tag" style="color:hsl(5, 74%, 59%)">p</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text">A place to share your knowledge.</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;/</span><span class="token tag" style="color:hsl(5, 74%, 59%)">p</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">        </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;/</span><span class="token tag" style="color:hsl(5, 74%, 59%)">div</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">      </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;/</span><span class="token tag" style="color:hsl(5, 74%, 59%)">div</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">      </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;</span><span class="token tag" style="color:hsl(5, 74%, 59%)">div</span><span class="token tag" style="color:hsl(5, 74%, 59%)"> </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">className</span><span class="token tag attr-value punctuation attr-equals" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag attr-value" style="color:hsl(119, 34%, 47%)">container page</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">        </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;</span><span class="token tag" style="color:hsl(5, 74%, 59%)">div</span><span class="token tag" style="color:hsl(5, 74%, 59%)"> </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">className</span><span class="token tag attr-value punctuation attr-equals" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag attr-value" style="color:hsl(119, 34%, 47%)">row</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">          </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;</span><span class="token tag" style="color:hsl(5, 74%, 59%)">div</span><span class="token tag" style="color:hsl(5, 74%, 59%)"> </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">className</span><span class="token tag attr-value punctuation attr-equals" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag attr-value" style="color:hsl(119, 34%, 47%)">col-md-9</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">            </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token plain">articles</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">.</span><span class="token property-access">articles</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">.</span><span class="token method function property-access" style="color:hsl(221, 87%, 60%)">map</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token plain">article</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token plain"> </span><span class="token arrow operator" style="color:hsl(221, 87%, 60%)">=&gt;</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">              </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;</span><span class="token tag class-name" style="color:hsl(35, 99%, 36%)">ArticlePreview</span><span class="token tag" style="color:hsl(5, 74%, 59%)"> </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">key</span><span class="token tag script language-javascript script-punctuation punctuation" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag script language-javascript punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token tag script language-javascript" style="color:hsl(5, 74%, 59%)">article</span><span class="token tag script language-javascript punctuation" style="color:hsl(119, 34%, 47%)">.</span><span class="token tag script language-javascript property-access" style="color:hsl(5, 74%, 59%)">slug</span><span class="token tag script language-javascript punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token tag" style="color:hsl(5, 74%, 59%)"> </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">article</span><span class="token tag script language-javascript script-punctuation punctuation" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag script language-javascript punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token tag script language-javascript" style="color:hsl(5, 74%, 59%)">article</span><span class="token tag script language-javascript punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token tag" style="color:hsl(5, 74%, 59%)"> </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">/&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">            </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">            </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;</span><span class="token tag class-name" style="color:hsl(35, 99%, 36%)">Form</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">              </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;</span><span class="token tag class-name" style="color:hsl(35, 99%, 36%)">ExistingSearchParams</span><span class="token tag" style="color:hsl(5, 74%, 59%)"> </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">exclude</span><span class="token tag script language-javascript script-punctuation punctuation" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag script language-javascript punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token tag script language-javascript punctuation" style="color:hsl(119, 34%, 47%)">[</span><span class="token tag script language-javascript string" style="color:hsl(119, 34%, 47%)">&quot;page&quot;</span><span class="token tag script language-javascript punctuation" style="color:hsl(119, 34%, 47%)">]</span><span class="token tag script language-javascript punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token tag" style="color:hsl(5, 74%, 59%)"> </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">/&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">              </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;</span><span class="token tag" style="color:hsl(5, 74%, 59%)">ul</span><span class="token tag" style="color:hsl(5, 74%, 59%)"> </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">className</span><span class="token tag attr-value punctuation attr-equals" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag attr-value" style="color:hsl(119, 34%, 47%)">pagination</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">                </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token known-class-name class-name" style="color:hsl(35, 99%, 36%)">Array</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token plain">pageAmount</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">                  </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">.</span><span class="token method function property-access" style="color:hsl(221, 87%, 60%)">fill</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token keyword" style="color:hsl(301, 63%, 40%)">null</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">                  </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">.</span><span class="token method function property-access" style="color:hsl(221, 87%, 60%)">map</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token plain">_</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">,</span><span class="token plain"> index</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token plain"> </span><span class="token arrow operator" style="color:hsl(221, 87%, 60%)">=&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">                    index </span><span class="token operator" style="color:hsl(221, 87%, 60%)">+</span><span class="token plain"> </span><span class="token number" style="color:hsl(35, 99%, 36%)">1</span><span class="token plain"> </span><span class="token operator" style="color:hsl(221, 87%, 60%)">===</span><span class="token plain"> currentPage </span><span class="token operator" style="color:hsl(221, 87%, 60%)">?</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">                      </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;</span><span class="token tag" style="color:hsl(5, 74%, 59%)">li</span><span class="token tag" style="color:hsl(5, 74%, 59%)"> </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">key</span><span class="token tag script language-javascript script-punctuation punctuation" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag script language-javascript punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token tag script language-javascript" style="color:hsl(5, 74%, 59%)">index</span><span class="token tag script language-javascript punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token tag" style="color:hsl(5, 74%, 59%)"> </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">className</span><span class="token tag attr-value punctuation attr-equals" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag attr-value" style="color:hsl(119, 34%, 47%)">page-item active</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">                        </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;</span><span class="token tag" style="color:hsl(5, 74%, 59%)">span</span><span class="token tag" style="color:hsl(5, 74%, 59%)"> </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">className</span><span class="token tag attr-value punctuation attr-equals" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag attr-value" style="color:hsl(119, 34%, 47%)">page-link</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token plain">index </span><span class="token operator" style="color:hsl(221, 87%, 60%)">+</span><span class="token plain"> </span><span class="token number" style="color:hsl(35, 99%, 36%)">1</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;/</span><span class="token tag" style="color:hsl(5, 74%, 59%)">span</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">                      </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;/</span><span class="token tag" style="color:hsl(5, 74%, 59%)">li</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">                    </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token plain"> </span><span class="token operator" style="color:hsl(221, 87%, 60%)">:</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">                      </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;</span><span class="token tag" style="color:hsl(5, 74%, 59%)">li</span><span class="token tag" style="color:hsl(5, 74%, 59%)"> </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">key</span><span class="token tag script language-javascript script-punctuation punctuation" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag script language-javascript punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token tag script language-javascript" style="color:hsl(5, 74%, 59%)">index</span><span class="token tag script language-javascript punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token tag" style="color:hsl(5, 74%, 59%)"> </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">className</span><span class="token tag attr-value punctuation attr-equals" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag attr-value" style="color:hsl(119, 34%, 47%)">page-item</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">                        </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;</span><span class="token tag" style="color:hsl(5, 74%, 59%)">button</span><span class="token tag" style="color:hsl(5, 74%, 59%)"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token tag" style="color:hsl(5, 74%, 59%)">                          </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">className</span><span class="token tag attr-value punctuation attr-equals" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag attr-value" style="color:hsl(119, 34%, 47%)">page-link</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag" style="color:hsl(5, 74%, 59%)"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token tag" style="color:hsl(5, 74%, 59%)">                          </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">name</span><span class="token tag attr-value punctuation attr-equals" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag attr-value" style="color:hsl(119, 34%, 47%)">page</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag" style="color:hsl(5, 74%, 59%)"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token tag" style="color:hsl(5, 74%, 59%)">                          </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">value</span><span class="token tag script language-javascript script-punctuation punctuation" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag script language-javascript punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token tag script language-javascript" style="color:hsl(5, 74%, 59%)">index </span><span class="token tag script language-javascript operator" style="color:hsl(221, 87%, 60%)">+</span><span class="token tag script language-javascript" style="color:hsl(5, 74%, 59%)"> </span><span class="token tag script language-javascript number" style="color:hsl(35, 99%, 36%)">1</span><span class="token tag script language-javascript punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token tag" style="color:hsl(5, 74%, 59%)"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token tag" style="color:hsl(5, 74%, 59%)">                        </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">                          </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token plain">index </span><span class="token operator" style="color:hsl(221, 87%, 60%)">+</span><span class="token plain"> </span><span class="token number" style="color:hsl(35, 99%, 36%)">1</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">                        </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;/</span><span class="token tag" style="color:hsl(5, 74%, 59%)">button</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">                      </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;/</span><span class="token tag" style="color:hsl(5, 74%, 59%)">li</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">                    </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">,</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">                  </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">              </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;/</span><span class="token tag" style="color:hsl(5, 74%, 59%)">ul</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">            </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;/</span><span class="token tag class-name" style="color:hsl(35, 99%, 36%)">Form</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">          </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;/</span><span class="token tag" style="color:hsl(5, 74%, 59%)">div</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">          </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;</span><span class="token tag" style="color:hsl(5, 74%, 59%)">div</span><span class="token tag" style="color:hsl(5, 74%, 59%)"> </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">className</span><span class="token tag attr-value punctuation attr-equals" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag attr-value" style="color:hsl(119, 34%, 47%)">col-md-3</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">            </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;</span><span class="token tag" style="color:hsl(5, 74%, 59%)">div</span><span class="token tag" style="color:hsl(5, 74%, 59%)"> </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">className</span><span class="token tag attr-value punctuation attr-equals" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag attr-value" style="color:hsl(119, 34%, 47%)">sidebar</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">              </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;</span><span class="token tag" style="color:hsl(5, 74%, 59%)">p</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text">Popular Tags</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;/</span><span class="token tag" style="color:hsl(5, 74%, 59%)">p</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">              </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;</span><span class="token tag class-name" style="color:hsl(35, 99%, 36%)">Form</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">                </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;</span><span class="token tag class-name" style="color:hsl(35, 99%, 36%)">ExistingSearchParams</span><span class="token tag" style="color:hsl(5, 74%, 59%)"> </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">exclude</span><span class="token tag script language-javascript script-punctuation punctuation" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag script language-javascript punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token tag script language-javascript punctuation" style="color:hsl(119, 34%, 47%)">[</span><span class="token tag script language-javascript string" style="color:hsl(119, 34%, 47%)">&quot;tag&quot;</span><span class="token tag script language-javascript punctuation" style="color:hsl(119, 34%, 47%)">,</span><span class="token tag script language-javascript" style="color:hsl(5, 74%, 59%)"> </span><span class="token tag script language-javascript string" style="color:hsl(119, 34%, 47%)">&quot;page&quot;</span><span class="token tag script language-javascript punctuation" style="color:hsl(119, 34%, 47%)">]</span><span class="token tag script language-javascript punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token tag" style="color:hsl(5, 74%, 59%)"> </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">/&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">                </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;</span><span class="token tag" style="color:hsl(5, 74%, 59%)">div</span><span class="token tag" style="color:hsl(5, 74%, 59%)"> </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">className</span><span class="token tag attr-value punctuation attr-equals" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag attr-value" style="color:hsl(119, 34%, 47%)">tag-list</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">                  </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token plain">tags</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">.</span><span class="token property-access">tags</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">.</span><span class="token method function property-access" style="color:hsl(221, 87%, 60%)">map</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token plain">tag</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token plain"> </span><span class="token arrow operator" style="color:hsl(221, 87%, 60%)">=&gt;</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">                    </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;</span><span class="token tag" style="color:hsl(5, 74%, 59%)">button</span><span class="token tag" style="color:hsl(5, 74%, 59%)"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token tag" style="color:hsl(5, 74%, 59%)">                      </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">key</span><span class="token tag script language-javascript script-punctuation punctuation" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag script language-javascript punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token tag script language-javascript" style="color:hsl(5, 74%, 59%)">tag</span><span class="token tag script language-javascript punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token tag" style="color:hsl(5, 74%, 59%)"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token tag" style="color:hsl(5, 74%, 59%)">                      </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">name</span><span class="token tag attr-value punctuation attr-equals" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag attr-value" style="color:hsl(119, 34%, 47%)">tag</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag" style="color:hsl(5, 74%, 59%)"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token tag" style="color:hsl(5, 74%, 59%)">                      </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">value</span><span class="token tag script language-javascript script-punctuation punctuation" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag script language-javascript punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token tag script language-javascript" style="color:hsl(5, 74%, 59%)">tag</span><span class="token tag script language-javascript punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token tag" style="color:hsl(5, 74%, 59%)"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token tag" style="color:hsl(5, 74%, 59%)">                      </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">className</span><span class="token tag attr-value punctuation attr-equals" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag attr-value" style="color:hsl(119, 34%, 47%)">tag-pill tag-default</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag" style="color:hsl(5, 74%, 59%)"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token tag" style="color:hsl(5, 74%, 59%)">                    </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">                      </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token plain">tag</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">                    </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;/</span><span class="token tag" style="color:hsl(5, 74%, 59%)">button</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">                  </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">                </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;/</span><span class="token tag" style="color:hsl(5, 74%, 59%)">div</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">              </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;/</span><span class="token tag class-name" style="color:hsl(35, 99%, 36%)">Form</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">            </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;/</span><span class="token tag" style="color:hsl(5, 74%, 59%)">div</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">          </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;/</span><span class="token tag" style="color:hsl(5, 74%, 59%)">div</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">        </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;/</span><span class="token tag" style="color:hsl(5, 74%, 59%)">div</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">      </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;/</span><span class="token tag" style="color:hsl(5, 74%, 59%)">div</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">    </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;/</span><span class="token tag" style="color:hsl(5, 74%, 59%)">div</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">  </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain"></span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><br></span></code></pre><div class="buttonGroup_VWIG"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_p0uL" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_LnVn"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_yLdc"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div>
-<p>So that’s also done. There’s also the tab list that can be similarly implemented, but let’s hold on to that until we implement authentication. Speaking of which!</p>
-<h3 class="anchor anchorWithStickyNavbar_QzlE" id="authentication">Authentication<a href="#authentication" class="hash-link" aria-label="Direct link to heading" title="Direct link to heading">​</a></h3>
-<p>Authentication involves two pages — one to login and another to register. They are mostly the same, so it makes sense to keep them in the same slice, <code>sign-in</code>, so that they can reuse code if needed.</p>
-<p>Create <code>RegisterPage.tsx</code> in the <code>ui</code> segment of <code>pages/sign-in</code> with the following content:</p>
+<p>이것으로 완료되었습니다. 탭 목록도 비슷하게 구현할 수 있지만, 인증을 구현할 때까지 잠시 보류하겠습니다. 그런데 말이 나왔으니!</p>
+<h3 class="anchor anchorWithStickyNavbar_QzlE" id="인증">인증<a href="#인증" class="hash-link" aria-label="Direct link to heading" title="Direct link to heading">​</a></h3>
+<p>인증에는 두 개의 페이지가 관련됩니다 - 로그인과 회원가입입니다. 이들은 대부분 동일하므로 필요한 경우 코드를 재사용할 수 있도록 <code>sign-in</code>이라는 동일한 슬라이스에 유지하는 것이 합리적입니다.</p>
+<p><code>pages/sign-in</code>의 <code>ui</code> 세그먼트에 다음 내용으로 <code>RegisterPage.tsx</code>를 만드세요.</p>
 <div class="language-tsx codeBlockContainer_IiXL theme-code-block" style="--prism-background-color:hsl(230, 1%, 98%);--prism-color:hsl(230, 8%, 24%)"><div class="codeBlockTitle_ajkA">pages/sign-in/ui/RegisterPage.tsx</div><div class="codeBlockContent_Y78k"><pre tabindex="0" class="prism-code language-tsx codeBlock_gc_u thin-scrollbar" style="background-color:hsl(230, 1%, 98%);color:hsl(230, 8%, 24%)"><code class="codeBlockLines_PG8G"><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token keyword" style="color:hsl(301, 63%, 40%)">import</span><span class="token plain"> </span><span class="token imports punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token imports"> </span><span class="token imports maybe-class-name">Form</span><span class="token imports punctuation" style="color:hsl(119, 34%, 47%)">,</span><span class="token imports"> </span><span class="token imports maybe-class-name">Link</span><span class="token imports punctuation" style="color:hsl(119, 34%, 47%)">,</span><span class="token imports"> useActionData </span><span class="token imports punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token plain"> </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">from</span><span class="token plain"> </span><span class="token string" style="color:hsl(119, 34%, 47%)">&quot;@remix-run/react&quot;</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain" style="display:inline-block"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain"></span><span class="token keyword" style="color:hsl(301, 63%, 40%)">import</span><span class="token plain"> </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">type</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token plain"> register </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token plain"> </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">from</span><span class="token plain"> </span><span class="token string" style="color:hsl(119, 34%, 47%)">&quot;../api/register&quot;</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain" style="display:inline-block"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain"></span><span class="token keyword" style="color:hsl(301, 63%, 40%)">export</span><span class="token plain"> </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">function</span><span class="token plain"> </span><span class="token function" style="color:hsl(221, 87%, 60%)">RegisterPage</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">  </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">const</span><span class="token plain"> registerData </span><span class="token operator" style="color:hsl(221, 87%, 60%)">=</span><span class="token plain"> </span><span class="token generic-function function" style="color:hsl(221, 87%, 60%)">useActionData</span><span class="token generic-function generic class-name operator" style="color:hsl(221, 87%, 60%)">&lt;</span><span class="token generic-function generic class-name keyword" style="color:hsl(301, 63%, 40%)">typeof</span><span class="token generic-function generic class-name" style="color:hsl(35, 99%, 36%)"> register</span><span class="token generic-function generic class-name operator" style="color:hsl(221, 87%, 60%)">&gt;</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain" style="display:inline-block"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">  </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">return</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">    </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;</span><span class="token tag" style="color:hsl(5, 74%, 59%)">div</span><span class="token tag" style="color:hsl(5, 74%, 59%)"> </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">className</span><span class="token tag attr-value punctuation attr-equals" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag attr-value" style="color:hsl(119, 34%, 47%)">auth-page</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">      </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;</span><span class="token tag" style="color:hsl(5, 74%, 59%)">div</span><span class="token tag" style="color:hsl(5, 74%, 59%)"> </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">className</span><span class="token tag attr-value punctuation attr-equals" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag attr-value" style="color:hsl(119, 34%, 47%)">container page</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">        </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;</span><span class="token tag" style="color:hsl(5, 74%, 59%)">div</span><span class="token tag" style="color:hsl(5, 74%, 59%)"> </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">className</span><span class="token tag attr-value punctuation attr-equals" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag attr-value" style="color:hsl(119, 34%, 47%)">row</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">          </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;</span><span class="token tag" style="color:hsl(5, 74%, 59%)">div</span><span class="token tag" style="color:hsl(5, 74%, 59%)"> </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">className</span><span class="token tag attr-value punctuation attr-equals" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag attr-value" style="color:hsl(119, 34%, 47%)">col-md-6 offset-md-3 col-xs-12</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">            </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;</span><span class="token tag" style="color:hsl(5, 74%, 59%)">h1</span><span class="token tag" style="color:hsl(5, 74%, 59%)"> </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">className</span><span class="token tag attr-value punctuation attr-equals" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag attr-value" style="color:hsl(119, 34%, 47%)">text-xs-center</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text">Sign up</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;/</span><span class="token tag" style="color:hsl(5, 74%, 59%)">h1</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">            </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;</span><span class="token tag" style="color:hsl(5, 74%, 59%)">p</span><span class="token tag" style="color:hsl(5, 74%, 59%)"> </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">className</span><span class="token tag attr-value punctuation attr-equals" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag attr-value" style="color:hsl(119, 34%, 47%)">text-xs-center</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">              </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;</span><span class="token tag class-name" style="color:hsl(35, 99%, 36%)">Link</span><span class="token tag" style="color:hsl(5, 74%, 59%)"> </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">to</span><span class="token tag attr-value punctuation attr-equals" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag attr-value" style="color:hsl(119, 34%, 47%)">/login</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text">Have an account?</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;/</span><span class="token tag class-name" style="color:hsl(35, 99%, 36%)">Link</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">            </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;/</span><span class="token tag" style="color:hsl(5, 74%, 59%)">p</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">            </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token plain">registerData</span><span class="token operator" style="color:hsl(221, 87%, 60%)">?.</span><span class="token plain">error </span><span class="token operator" style="color:hsl(221, 87%, 60%)">&amp;&amp;</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">              </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;</span><span class="token tag" style="color:hsl(5, 74%, 59%)">ul</span><span class="token tag" style="color:hsl(5, 74%, 59%)"> </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">className</span><span class="token tag attr-value punctuation attr-equals" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag attr-value" style="color:hsl(119, 34%, 47%)">error-messages</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">                </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token plain">registerData</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">.</span><span class="token property-access">error</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">.</span><span class="token property-access">errors</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">.</span><span class="token property-access">body</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">.</span><span class="token method function property-access" style="color:hsl(221, 87%, 60%)">map</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token plain">error</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token plain"> </span><span class="token arrow operator" style="color:hsl(221, 87%, 60%)">=&gt;</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">                  </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;</span><span class="token tag" style="color:hsl(5, 74%, 59%)">li</span><span class="token tag" style="color:hsl(5, 74%, 59%)"> </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">key</span><span class="token tag script language-javascript script-punctuation punctuation" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag script language-javascript punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token tag script language-javascript" style="color:hsl(5, 74%, 59%)">error</span><span class="token tag script language-javascript punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token plain">error</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;/</span><span class="token tag" style="color:hsl(5, 74%, 59%)">li</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">                </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">              </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;/</span><span class="token tag" style="color:hsl(5, 74%, 59%)">ul</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">            </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">            </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;</span><span class="token tag class-name" style="color:hsl(35, 99%, 36%)">Form</span><span class="token tag" style="color:hsl(5, 74%, 59%)"> </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">method</span><span class="token tag attr-value punctuation attr-equals" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag attr-value" style="color:hsl(119, 34%, 47%)">post</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">              </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;</span><span class="token tag" style="color:hsl(5, 74%, 59%)">fieldset</span><span class="token tag" style="color:hsl(5, 74%, 59%)"> </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">className</span><span class="token tag attr-value punctuation attr-equals" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag attr-value" style="color:hsl(119, 34%, 47%)">form-group</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">                </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;</span><span class="token tag" style="color:hsl(5, 74%, 59%)">input</span><span class="token tag" style="color:hsl(5, 74%, 59%)"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token tag" style="color:hsl(5, 74%, 59%)">                  </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">className</span><span class="token tag attr-value punctuation attr-equals" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag attr-value" style="color:hsl(119, 34%, 47%)">form-control form-control-lg</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag" style="color:hsl(5, 74%, 59%)"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token tag" style="color:hsl(5, 74%, 59%)">                  </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">type</span><span class="token tag attr-value punctuation attr-equals" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag attr-value" style="color:hsl(119, 34%, 47%)">text</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag" style="color:hsl(5, 74%, 59%)"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token tag" style="color:hsl(5, 74%, 59%)">                  </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">name</span><span class="token tag attr-value punctuation attr-equals" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag attr-value" style="color:hsl(119, 34%, 47%)">username</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag" style="color:hsl(5, 74%, 59%)"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token tag" style="color:hsl(5, 74%, 59%)">                  </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">placeholder</span><span class="token tag attr-value punctuation attr-equals" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag attr-value" style="color:hsl(119, 34%, 47%)">Username</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag" style="color:hsl(5, 74%, 59%)"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token tag" style="color:hsl(5, 74%, 59%)">                </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">/&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">              </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;/</span><span class="token tag" style="color:hsl(5, 74%, 59%)">fieldset</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">              </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;</span><span class="token tag" style="color:hsl(5, 74%, 59%)">fieldset</span><span class="token tag" style="color:hsl(5, 74%, 59%)"> </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">className</span><span class="token tag attr-value punctuation attr-equals" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag attr-value" style="color:hsl(119, 34%, 47%)">form-group</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">                </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;</span><span class="token tag" style="color:hsl(5, 74%, 59%)">input</span><span class="token tag" style="color:hsl(5, 74%, 59%)"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token tag" style="color:hsl(5, 74%, 59%)">                  </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">className</span><span class="token tag attr-value punctuation attr-equals" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag attr-value" style="color:hsl(119, 34%, 47%)">form-control form-control-lg</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag" style="color:hsl(5, 74%, 59%)"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token tag" style="color:hsl(5, 74%, 59%)">                  </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">type</span><span class="token tag attr-value punctuation attr-equals" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag attr-value" style="color:hsl(119, 34%, 47%)">text</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag" style="color:hsl(5, 74%, 59%)"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token tag" style="color:hsl(5, 74%, 59%)">                  </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">name</span><span class="token tag attr-value punctuation attr-equals" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag attr-value" style="color:hsl(119, 34%, 47%)">email</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag" style="color:hsl(5, 74%, 59%)"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token tag" style="color:hsl(5, 74%, 59%)">                  </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">placeholder</span><span class="token tag attr-value punctuation attr-equals" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag attr-value" style="color:hsl(119, 34%, 47%)">Email</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag" style="color:hsl(5, 74%, 59%)"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token tag" style="color:hsl(5, 74%, 59%)">                </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">/&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">              </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;/</span><span class="token tag" style="color:hsl(5, 74%, 59%)">fieldset</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">              </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;</span><span class="token tag" style="color:hsl(5, 74%, 59%)">fieldset</span><span class="token tag" style="color:hsl(5, 74%, 59%)"> </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">className</span><span class="token tag attr-value punctuation attr-equals" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag attr-value" style="color:hsl(119, 34%, 47%)">form-group</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">                </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;</span><span class="token tag" style="color:hsl(5, 74%, 59%)">input</span><span class="token tag" style="color:hsl(5, 74%, 59%)"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token tag" style="color:hsl(5, 74%, 59%)">                  </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">className</span><span class="token tag attr-value punctuation attr-equals" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag attr-value" style="color:hsl(119, 34%, 47%)">form-control form-control-lg</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag" style="color:hsl(5, 74%, 59%)"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token tag" style="color:hsl(5, 74%, 59%)">                  </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">type</span><span class="token tag attr-value punctuation attr-equals" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag attr-value" style="color:hsl(119, 34%, 47%)">password</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag" style="color:hsl(5, 74%, 59%)"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token tag" style="color:hsl(5, 74%, 59%)">                  </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">name</span><span class="token tag attr-value punctuation attr-equals" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag attr-value" style="color:hsl(119, 34%, 47%)">password</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag" style="color:hsl(5, 74%, 59%)"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token tag" style="color:hsl(5, 74%, 59%)">                  </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">placeholder</span><span class="token tag attr-value punctuation attr-equals" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag attr-value" style="color:hsl(119, 34%, 47%)">Password</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag" style="color:hsl(5, 74%, 59%)"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token tag" style="color:hsl(5, 74%, 59%)">                </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">/&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">              </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;/</span><span class="token tag" style="color:hsl(5, 74%, 59%)">fieldset</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">              </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;</span><span class="token tag" style="color:hsl(5, 74%, 59%)">button</span><span class="token tag" style="color:hsl(5, 74%, 59%)"> </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">className</span><span class="token tag attr-value punctuation attr-equals" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag attr-value" style="color:hsl(119, 34%, 47%)">btn btn-lg btn-primary pull-xs-right</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">                Sign up</span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">              </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;/</span><span class="token tag" style="color:hsl(5, 74%, 59%)">button</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">            </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;/</span><span class="token tag class-name" style="color:hsl(35, 99%, 36%)">Form</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">          </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;/</span><span class="token tag" style="color:hsl(5, 74%, 59%)">div</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">        </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;/</span><span class="token tag" style="color:hsl(5, 74%, 59%)">div</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">      </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;/</span><span class="token tag" style="color:hsl(5, 74%, 59%)">div</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">    </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;/</span><span class="token tag" style="color:hsl(5, 74%, 59%)">div</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">  </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain"></span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><br></span></code></pre><div class="buttonGroup_VWIG"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_p0uL" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_LnVn"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_yLdc"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div>
-<p>We have a broken import to fix now. It involves a new segment, so create that:</p>
+<p>이제 고쳐야 할 깨진 import가 있습니다. 새로운 세그먼트가 필요하므로 다음과 같이 만드세요.</p>
 <div class="language-bash codeBlockContainer_IiXL theme-code-block" style="--prism-background-color:hsl(230, 1%, 98%);--prism-color:hsl(230, 8%, 24%)"><div class="codeBlockContent_Y78k"><pre tabindex="0" class="prism-code language-bash codeBlock_gc_u thin-scrollbar" style="background-color:hsl(230, 1%, 98%);color:hsl(230, 8%, 24%)"><code class="codeBlockLines_PG8G"><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">npx fsd pages sign-in -s api</span><br></span></code></pre><div class="buttonGroup_VWIG"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_p0uL" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_LnVn"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_yLdc"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div>
-<p>However, before we can implement the backend part of registering, we need some infrastructure code for Remix to handle sessions. That goes to Shared, in case any other page needs it.</p>
-<p>Put the following code in <code>shared/api/auth.server.ts</code>. This is highly Remix-specific, so don’t worry too much about it, just copy-paste:</p>
+<p>그러나 등록의 백엔드 부분을 구현하기 전에 Remix가 세션을 처리할 수 있도록 일부 인프라 코드가 필요합니다. 다른 페이지에서도 필요할 수 있으므로 이는 Shared로 갑니다.</p>
+<p>다음 코드를 <code>shared/api/auth.server.ts</code>에 넣으세요. 이는 Remix에 매우 특화된 것이므로 너무 걱정하지 마세요. 그냥 복사-붙여넣기 하세요.</p>
 <div class="language-tsx codeBlockContainer_IiXL theme-code-block" style="--prism-background-color:hsl(230, 1%, 98%);--prism-color:hsl(230, 8%, 24%)"><div class="codeBlockTitle_ajkA">shared/api/auth.server.ts</div><div class="codeBlockContent_Y78k"><pre tabindex="0" class="prism-code language-tsx codeBlock_gc_u thin-scrollbar" style="background-color:hsl(230, 1%, 98%);color:hsl(230, 8%, 24%)"><code class="codeBlockLines_PG8G"><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token keyword" style="color:hsl(301, 63%, 40%)">import</span><span class="token plain"> </span><span class="token imports punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token imports"> createCookieSessionStorage</span><span class="token imports punctuation" style="color:hsl(119, 34%, 47%)">,</span><span class="token imports"> redirect </span><span class="token imports punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token plain"> </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">from</span><span class="token plain"> </span><span class="token string" style="color:hsl(119, 34%, 47%)">&quot;@remix-run/node&quot;</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain"></span><span class="token keyword" style="color:hsl(301, 63%, 40%)">import</span><span class="token plain"> </span><span class="token imports">invariant</span><span class="token plain"> </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">from</span><span class="token plain"> </span><span class="token string" style="color:hsl(119, 34%, 47%)">&quot;tiny-invariant&quot;</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain" style="display:inline-block"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain"></span><span class="token keyword" style="color:hsl(301, 63%, 40%)">import</span><span class="token plain"> </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">type</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token plain"> </span><span class="token maybe-class-name">User</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token plain"> </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">from</span><span class="token plain"> </span><span class="token string" style="color:hsl(119, 34%, 47%)">&quot;./models&quot;</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain" style="display:inline-block"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain"></span><span class="token function" style="color:hsl(221, 87%, 60%)">invariant</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">  process</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">.</span><span class="token property-access">env</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">.</span><span class="token constant" style="color:hsl(35, 99%, 36%)">SESSION_SECRET</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">,</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">  </span><span class="token string" style="color:hsl(119, 34%, 47%)">&quot;SESSION_SECRET must be set for authentication to work&quot;</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">,</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain"></span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain" style="display:inline-block"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain"></span><span class="token keyword" style="color:hsl(301, 63%, 40%)">const</span><span class="token plain"> </span><span class="token dom variable" style="color:hsl(221, 87%, 60%)">sessionStorage</span><span class="token plain"> </span><span class="token operator" style="color:hsl(221, 87%, 60%)">=</span><span class="token plain"> </span><span class="token generic-function function" style="color:hsl(221, 87%, 60%)">createCookieSessionStorage</span><span class="token generic-function generic class-name operator" style="color:hsl(221, 87%, 60%)">&lt;</span><span class="token generic-function generic class-name punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token generic-function generic class-name" style="color:hsl(35, 99%, 36%)"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token generic-function generic class-name" style="color:hsl(35, 99%, 36%)">  user</span><span class="token generic-function generic class-name operator" style="color:hsl(221, 87%, 60%)">:</span><span class="token generic-function generic class-name" style="color:hsl(35, 99%, 36%)"> User</span><span class="token generic-function generic class-name punctuation" style="color:hsl(119, 34%, 47%)">;</span><span class="token generic-function generic class-name" style="color:hsl(35, 99%, 36%)"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token generic-function generic class-name" style="color:hsl(35, 99%, 36%)"></span><span class="token generic-function generic class-name punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token generic-function generic class-name operator" style="color:hsl(221, 87%, 60%)">&gt;</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">  cookie</span><span class="token operator" style="color:hsl(221, 87%, 60%)">:</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">    name</span><span class="token operator" style="color:hsl(221, 87%, 60%)">:</span><span class="token plain"> </span><span class="token string" style="color:hsl(119, 34%, 47%)">&quot;__session&quot;</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">,</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">    httpOnly</span><span class="token operator" style="color:hsl(221, 87%, 60%)">:</span><span class="token plain"> </span><span class="token boolean" style="color:hsl(35, 99%, 36%)">true</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">,</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">    path</span><span class="token operator" style="color:hsl(221, 87%, 60%)">:</span><span class="token plain"> </span><span class="token string" style="color:hsl(119, 34%, 47%)">&quot;/&quot;</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">,</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">    sameSite</span><span class="token operator" style="color:hsl(221, 87%, 60%)">:</span><span class="token plain"> </span><span class="token string" style="color:hsl(119, 34%, 47%)">&quot;lax&quot;</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">,</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">    secrets</span><span class="token operator" style="color:hsl(221, 87%, 60%)">:</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">[</span><span class="token plain">process</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">.</span><span class="token property-access">env</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">.</span><span class="token constant" style="color:hsl(35, 99%, 36%)">SESSION_SECRET</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">]</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">,</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">    secure</span><span class="token operator" style="color:hsl(221, 87%, 60%)">:</span><span class="token plain"> process</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">.</span><span class="token property-access">env</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">.</span><span class="token constant" style="color:hsl(35, 99%, 36%)">NODE_ENV</span><span class="token plain"> </span><span class="token operator" style="color:hsl(221, 87%, 60%)">===</span><span class="token plain"> </span><span class="token string" style="color:hsl(119, 34%, 47%)">&quot;production&quot;</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">,</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">  </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">,</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain"></span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain" style="display:inline-block"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain"></span><span class="token keyword" style="color:hsl(301, 63%, 40%)">export</span><span class="token plain"> </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">async</span><span class="token plain"> </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">function</span><span class="token plain"> </span><span class="token function" style="color:hsl(221, 87%, 60%)">createUserSession</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">  request</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">,</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">  user</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">,</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">  redirectTo</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">,</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain"></span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token operator" style="color:hsl(221, 87%, 60%)">:</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">  request</span><span class="token operator" style="color:hsl(221, 87%, 60%)">:</span><span class="token plain"> </span><span class="token maybe-class-name">Request</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">  user</span><span class="token operator" style="color:hsl(221, 87%, 60%)">:</span><span class="token plain"> </span><span class="token maybe-class-name">User</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">  redirectTo</span><span class="token operator" style="color:hsl(221, 87%, 60%)">:</span><span class="token plain"> </span><span class="token builtin" style="color:hsl(119, 34%, 47%)">string</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain"></span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">  </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">const</span><span class="token plain"> cookie </span><span class="token operator" style="color:hsl(221, 87%, 60%)">=</span><span class="token plain"> request</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">.</span><span class="token property-access">headers</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">.</span><span class="token method function property-access" style="color:hsl(221, 87%, 60%)">get</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token string" style="color:hsl(119, 34%, 47%)">&quot;Cookie&quot;</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">  </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">const</span><span class="token plain"> session </span><span class="token operator" style="color:hsl(221, 87%, 60%)">=</span><span class="token plain"> </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">await</span><span class="token plain"> </span><span class="token dom variable" style="color:hsl(221, 87%, 60%)">sessionStorage</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">.</span><span class="token method function property-access" style="color:hsl(221, 87%, 60%)">getSession</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token plain">cookie</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain" style="display:inline-block"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">  session</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">.</span><span class="token method function property-access" style="color:hsl(221, 87%, 60%)">set</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token string" style="color:hsl(119, 34%, 47%)">&quot;user&quot;</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">,</span><span class="token plain"> user</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain" style="display:inline-block"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">  </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">return</span><span class="token plain"> </span><span class="token function" style="color:hsl(221, 87%, 60%)">redirect</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token plain">redirectTo</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">,</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">    headers</span><span class="token operator" style="color:hsl(221, 87%, 60%)">:</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">      </span><span class="token string-property property" style="color:hsl(5, 74%, 59%)">&quot;Set-Cookie&quot;</span><span class="token operator" style="color:hsl(221, 87%, 60%)">:</span><span class="token plain"> </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">await</span><span class="token plain"> </span><span class="token dom variable" style="color:hsl(221, 87%, 60%)">sessionStorage</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">.</span><span class="token method function property-access" style="color:hsl(221, 87%, 60%)">commitSession</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token plain">session</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">,</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">        maxAge</span><span class="token operator" style="color:hsl(221, 87%, 60%)">:</span><span class="token plain"> </span><span class="token number" style="color:hsl(35, 99%, 36%)">60</span><span class="token plain"> </span><span class="token operator" style="color:hsl(221, 87%, 60%)">*</span><span class="token plain"> </span><span class="token number" style="color:hsl(35, 99%, 36%)">60</span><span class="token plain"> </span><span class="token operator" style="color:hsl(221, 87%, 60%)">*</span><span class="token plain"> </span><span class="token number" style="color:hsl(35, 99%, 36%)">24</span><span class="token plain"> </span><span class="token operator" style="color:hsl(221, 87%, 60%)">*</span><span class="token plain"> </span><span class="token number" style="color:hsl(35, 99%, 36%)">7</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">,</span><span class="token plain"> </span><span class="token comment" style="color:hsl(230, 4%, 64%)">// 7 days</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">      </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">,</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">    </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">,</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">  </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain"></span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain" style="display:inline-block"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain"></span><span class="token keyword" style="color:hsl(301, 63%, 40%)">export</span><span class="token plain"> </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">async</span><span class="token plain"> </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">function</span><span class="token plain"> </span><span class="token function" style="color:hsl(221, 87%, 60%)">getUserFromSession</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token plain">request</span><span class="token operator" style="color:hsl(221, 87%, 60%)">:</span><span class="token plain"> </span><span class="token maybe-class-name">Request</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">  </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">const</span><span class="token plain"> cookie </span><span class="token operator" style="color:hsl(221, 87%, 60%)">=</span><span class="token plain"> request</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">.</span><span class="token property-access">headers</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">.</span><span class="token method function property-access" style="color:hsl(221, 87%, 60%)">get</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token string" style="color:hsl(119, 34%, 47%)">&quot;Cookie&quot;</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">  </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">const</span><span class="token plain"> session </span><span class="token operator" style="color:hsl(221, 87%, 60%)">=</span><span class="token plain"> </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">await</span><span class="token plain"> </span><span class="token dom variable" style="color:hsl(221, 87%, 60%)">sessionStorage</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">.</span><span class="token method function property-access" style="color:hsl(221, 87%, 60%)">getSession</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token plain">cookie</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain" style="display:inline-block"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">  </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">return</span><span class="token plain"> session</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">.</span><span class="token method function property-access" style="color:hsl(221, 87%, 60%)">get</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token string" style="color:hsl(119, 34%, 47%)">&quot;user&quot;</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token plain"> </span><span class="token operator" style="color:hsl(221, 87%, 60%)">??</span><span class="token plain"> </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">null</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain"></span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain" style="display:inline-block"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain"></span><span class="token keyword" style="color:hsl(301, 63%, 40%)">export</span><span class="token plain"> </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">async</span><span class="token plain"> </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">function</span><span class="token plain"> </span><span class="token function" style="color:hsl(221, 87%, 60%)">requireUser</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token plain">request</span><span class="token operator" style="color:hsl(221, 87%, 60%)">:</span><span class="token plain"> </span><span class="token maybe-class-name">Request</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">  </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">const</span><span class="token plain"> user </span><span class="token operator" style="color:hsl(221, 87%, 60%)">=</span><span class="token plain"> </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">await</span><span class="token plain"> </span><span class="token function" style="color:hsl(221, 87%, 60%)">getUserFromSession</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token plain">request</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain" style="display:inline-block"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">  </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">if</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token plain">user </span><span class="token operator" style="color:hsl(221, 87%, 60%)">===</span><span class="token plain"> </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">null</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">    </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">throw</span><span class="token plain"> </span><span class="token function" style="color:hsl(221, 87%, 60%)">redirect</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token string" style="color:hsl(119, 34%, 47%)">&quot;/login&quot;</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">  </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain" style="display:inline-block"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">  </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">return</span><span class="token plain"> user</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain"></span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><br></span></code></pre><div class="buttonGroup_VWIG"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_p0uL" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_LnVn"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_yLdc"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div>
-<p>And also export the <code>User</code> model from the <code>models.ts</code> file right next to it:</p>
+<p>그리고 바로 옆에 있는 <code>models.ts</code> 파일에서 <code>User</code> 모델도 내보내세요.</p>
 <div class="language-tsx codeBlockContainer_IiXL theme-code-block" style="--prism-background-color:hsl(230, 1%, 98%);--prism-color:hsl(230, 8%, 24%)"><div class="codeBlockTitle_ajkA">shared/api/models.ts</div><div class="codeBlockContent_Y78k"><pre tabindex="0" class="prism-code language-tsx codeBlock_gc_u thin-scrollbar" style="background-color:hsl(230, 1%, 98%);color:hsl(230, 8%, 24%)"><code class="codeBlockLines_PG8G"><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token keyword" style="color:hsl(301, 63%, 40%)">import</span><span class="token plain"> </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">type</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token plain"> components </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token plain"> </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">from</span><span class="token plain"> </span><span class="token string" style="color:hsl(119, 34%, 47%)">&quot;./v1&quot;</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain" style="display:inline-block"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain"></span><span class="token keyword" style="color:hsl(301, 63%, 40%)">export</span><span class="token plain"> </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">type</span><span class="token plain"> </span><span class="token class-name" style="color:hsl(35, 99%, 36%)">Article</span><span class="token plain"> </span><span class="token operator" style="color:hsl(221, 87%, 60%)">=</span><span class="token plain"> components</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">[</span><span class="token string" style="color:hsl(119, 34%, 47%)">&quot;schemas&quot;</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">]</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">[</span><span class="token string" style="color:hsl(119, 34%, 47%)">&quot;Article&quot;</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">]</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain"></span><span class="token keyword" style="color:hsl(301, 63%, 40%)">export</span><span class="token plain"> </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">type</span><span class="token plain"> </span><span class="token class-name" style="color:hsl(35, 99%, 36%)">User</span><span class="token plain"> </span><span class="token operator" style="color:hsl(221, 87%, 60%)">=</span><span class="token plain"> components</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">[</span><span class="token string" style="color:hsl(119, 34%, 47%)">&quot;schemas&quot;</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">]</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">[</span><span class="token string" style="color:hsl(119, 34%, 47%)">&quot;User&quot;</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">]</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><br></span></code></pre><div class="buttonGroup_VWIG"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_p0uL" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_LnVn"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_yLdc"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div>
-<p>Before this code can work, the <code>SESSION_SECRET</code> environment variable needs to be set. Create a file called <code>.env</code> in the root of the project, write <code>SESSION_SECRET=</code> and then mash some keys on your keyboard to create a long random string. You should get something like this:</p>
+<p>이 코드가 작동하려면 <code>SESSION_SECRET</code> 환경 변수를 설정해야 합니다. 프로젝트 루트에 <code>.env</code> 파일을 만들고 <code>SESSION_SECRET=</code>을 작성한 다음 키보드에서 무작위로 키를 눌러 긴 무작위 문자열을 만드세요. 다음과 같은 결과가 나와야 합니다.</p>
 <div class="language-bash codeBlockContainer_IiXL theme-code-block" style="--prism-background-color:hsl(230, 1%, 98%);--prism-color:hsl(230, 8%, 24%)"><div class="codeBlockTitle_ajkA">.env</div><div class="codeBlockContent_Y78k"><pre tabindex="0" class="prism-code language-bash codeBlock_gc_u thin-scrollbar" style="background-color:hsl(230, 1%, 98%);color:hsl(230, 8%, 24%)"><code class="codeBlockLines_PG8G"><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">SESSION_SECRET=dontyoudarecopypastethis</span><br></span></code></pre><div class="buttonGroup_VWIG"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_p0uL" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_LnVn"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_yLdc"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div>
-<p>Finally, add some exports to the public API to make use of this code:</p>
+<p>마지막으로 이 코드를 사용하기 위해 공개 API에 일부 내보내기를 추가하세요.</p>
 <div class="language-tsx codeBlockContainer_IiXL theme-code-block" style="--prism-background-color:hsl(230, 1%, 98%);--prism-color:hsl(230, 8%, 24%)"><div class="codeBlockTitle_ajkA">shared/api/index.ts</div><div class="codeBlockContent_Y78k"><pre tabindex="0" class="prism-code language-tsx codeBlock_gc_u thin-scrollbar" style="background-color:hsl(230, 1%, 98%);color:hsl(230, 8%, 24%)"><code class="codeBlockLines_PG8G"><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token keyword" style="color:hsl(301, 63%, 40%)">export</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token plain"> </span><span class="token constant" style="color:hsl(35, 99%, 36%)">GET</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">,</span><span class="token plain"> </span><span class="token constant" style="color:hsl(35, 99%, 36%)">POST</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">,</span><span class="token plain"> </span><span class="token constant" style="color:hsl(35, 99%, 36%)">PUT</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">,</span><span class="token plain"> </span><span class="token constant" style="color:hsl(35, 99%, 36%)">DELETE</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token plain"> </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">from</span><span class="token plain"> </span><span class="token string" style="color:hsl(119, 34%, 47%)">&quot;./client&quot;</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain" style="display:inline-block"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain"></span><span class="token keyword" style="color:hsl(301, 63%, 40%)">export</span><span class="token plain"> </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">type</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token plain"> </span><span class="token maybe-class-name">Article</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token plain"> </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">from</span><span class="token plain"> </span><span class="token string" style="color:hsl(119, 34%, 47%)">&quot;./models&quot;</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain" style="display:inline-block"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain"></span><span class="token keyword" style="color:hsl(301, 63%, 40%)">export</span><span class="token plain"> </span><span class="token exports punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token exports"> createUserSession</span><span class="token exports punctuation" style="color:hsl(119, 34%, 47%)">,</span><span class="token exports"> getUserFromSession</span><span class="token exports punctuation" style="color:hsl(119, 34%, 47%)">,</span><span class="token exports"> requireUser </span><span class="token exports punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token plain"> </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">from</span><span class="token plain"> </span><span class="token string" style="color:hsl(119, 34%, 47%)">&quot;./auth.server&quot;</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><br></span></code></pre><div class="buttonGroup_VWIG"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_p0uL" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_LnVn"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_yLdc"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div>
-<p>Now we can write the code that will talk to the RealWorld backend to actually do the registration. We will keep that in <code>pages/sign-in/api</code>. Create a file called <code>register.ts</code> and put the following code inside:</p>
+<p>이제 RealWorld 백엔드와 실제로 통신하여 등록을 수행하는 코드를 작성할 수 있습니다. 그것을 <code>pages/sign-in/api</code>에 유지할 것입니다. <code>register.ts</code>라는 파일을 만들고 다음 코드를 넣으세요.</p>
 <div class="language-tsx codeBlockContainer_IiXL theme-code-block" style="--prism-background-color:hsl(230, 1%, 98%);--prism-color:hsl(230, 8%, 24%)"><div class="codeBlockTitle_ajkA">pages/sign-in/api/register.ts</div><div class="codeBlockContent_Y78k"><pre tabindex="0" class="prism-code language-tsx codeBlock_gc_u thin-scrollbar" style="background-color:hsl(230, 1%, 98%);color:hsl(230, 8%, 24%)"><code class="codeBlockLines_PG8G"><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token keyword" style="color:hsl(301, 63%, 40%)">import</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token plain"> json</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">,</span><span class="token plain"> </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">type</span><span class="token plain"> </span><span class="token class-name" style="color:hsl(35, 99%, 36%)">ActionFunctionArgs</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token plain"> </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">from</span><span class="token plain"> </span><span class="token string" style="color:hsl(119, 34%, 47%)">&quot;@remix-run/node&quot;</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain" style="display:inline-block"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain"></span><span class="token keyword" style="color:hsl(301, 63%, 40%)">import</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token plain"> </span><span class="token constant" style="color:hsl(35, 99%, 36%)">POST</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">,</span><span class="token plain"> createUserSession </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token plain"> </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">from</span><span class="token plain"> </span><span class="token string" style="color:hsl(119, 34%, 47%)">&quot;shared/api&quot;</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain" style="display:inline-block"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain"></span><span class="token keyword" style="color:hsl(301, 63%, 40%)">export</span><span class="token plain"> </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">const</span><span class="token plain"> </span><span class="token function-variable function" style="color:hsl(221, 87%, 60%)">register</span><span class="token plain"> </span><span class="token operator" style="color:hsl(221, 87%, 60%)">=</span><span class="token plain"> </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">async</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token plain"> request </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token operator" style="color:hsl(221, 87%, 60%)">:</span><span class="token plain"> </span><span class="token maybe-class-name">ActionFunctionArgs</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token plain"> </span><span class="token arrow operator" style="color:hsl(221, 87%, 60%)">=&gt;</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">  </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">const</span><span class="token plain"> formData </span><span class="token operator" style="color:hsl(221, 87%, 60%)">=</span><span class="token plain"> </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">await</span><span class="token plain"> request</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">.</span><span class="token method function property-access" style="color:hsl(221, 87%, 60%)">formData</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">  </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">const</span><span class="token plain"> username </span><span class="token operator" style="color:hsl(221, 87%, 60%)">=</span><span class="token plain"> formData</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">.</span><span class="token method function property-access" style="color:hsl(221, 87%, 60%)">get</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token string" style="color:hsl(119, 34%, 47%)">&quot;username&quot;</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token operator" style="color:hsl(221, 87%, 60%)">?.</span><span class="token method function property-access" style="color:hsl(221, 87%, 60%)">toString</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token plain"> </span><span class="token operator" style="color:hsl(221, 87%, 60%)">??</span><span class="token plain"> </span><span class="token string" style="color:hsl(119, 34%, 47%)">&quot;&quot;</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">  </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">const</span><span class="token plain"> email </span><span class="token operator" style="color:hsl(221, 87%, 60%)">=</span><span class="token plain"> formData</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">.</span><span class="token method function property-access" style="color:hsl(221, 87%, 60%)">get</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token string" style="color:hsl(119, 34%, 47%)">&quot;email&quot;</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token operator" style="color:hsl(221, 87%, 60%)">?.</span><span class="token method function property-access" style="color:hsl(221, 87%, 60%)">toString</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token plain"> </span><span class="token operator" style="color:hsl(221, 87%, 60%)">??</span><span class="token plain"> </span><span class="token string" style="color:hsl(119, 34%, 47%)">&quot;&quot;</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">  </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">const</span><span class="token plain"> password </span><span class="token operator" style="color:hsl(221, 87%, 60%)">=</span><span class="token plain"> formData</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">.</span><span class="token method function property-access" style="color:hsl(221, 87%, 60%)">get</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token string" style="color:hsl(119, 34%, 47%)">&quot;password&quot;</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token operator" style="color:hsl(221, 87%, 60%)">?.</span><span class="token method function property-access" style="color:hsl(221, 87%, 60%)">toString</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token plain"> </span><span class="token operator" style="color:hsl(221, 87%, 60%)">??</span><span class="token plain"> </span><span class="token string" style="color:hsl(119, 34%, 47%)">&quot;&quot;</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain" style="display:inline-block"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">  </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">const</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token plain"> data</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">,</span><span class="token plain"> error </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token plain"> </span><span class="token operator" style="color:hsl(221, 87%, 60%)">=</span><span class="token plain"> </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">await</span><span class="token plain"> </span><span class="token constant" style="color:hsl(35, 99%, 36%)">POST</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token string" style="color:hsl(119, 34%, 47%)">&quot;/users&quot;</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">,</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">    body</span><span class="token operator" style="color:hsl(221, 87%, 60%)">:</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token plain"> user</span><span class="token operator" style="color:hsl(221, 87%, 60%)">:</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token plain"> email</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">,</span><span class="token plain"> password</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">,</span><span class="token plain"> username </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">,</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">  </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain" style="display:inline-block"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">  </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">if</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token plain">error</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">    </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">return</span><span class="token plain"> </span><span class="token function" style="color:hsl(221, 87%, 60%)">json</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token plain"> error </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">,</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token plain"> status</span><span class="token operator" style="color:hsl(221, 87%, 60%)">:</span><span class="token plain"> </span><span class="token number" style="color:hsl(35, 99%, 36%)">400</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">  </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token plain"> </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">else</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">    </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">return</span><span class="token plain"> </span><span class="token function" style="color:hsl(221, 87%, 60%)">createUserSession</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">      request</span><span class="token operator" style="color:hsl(221, 87%, 60%)">:</span><span class="token plain"> request</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">,</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">      user</span><span class="token operator" style="color:hsl(221, 87%, 60%)">:</span><span class="token plain"> data</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">.</span><span class="token property-access">user</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">,</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">      redirectTo</span><span class="token operator" style="color:hsl(221, 87%, 60%)">:</span><span class="token plain"> </span><span class="token string" style="color:hsl(119, 34%, 47%)">&quot;/&quot;</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">,</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">    </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">  </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain"></span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><br></span></code></pre><div class="buttonGroup_VWIG"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_p0uL" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_LnVn"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_yLdc"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div>
 <div class="language-tsx codeBlockContainer_IiXL theme-code-block" style="--prism-background-color:hsl(230, 1%, 98%);--prism-color:hsl(230, 8%, 24%)"><div class="codeBlockTitle_ajkA">pages/sign-in/index.ts</div><div class="codeBlockContent_Y78k"><pre tabindex="0" class="prism-code language-tsx codeBlock_gc_u thin-scrollbar" style="background-color:hsl(230, 1%, 98%);color:hsl(230, 8%, 24%)"><code class="codeBlockLines_PG8G"><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token keyword" style="color:hsl(301, 63%, 40%)">export</span><span class="token plain"> </span><span class="token exports punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token exports"> </span><span class="token exports maybe-class-name">RegisterPage</span><span class="token exports"> </span><span class="token exports punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token plain"> </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">from</span><span class="token plain"> </span><span class="token string" style="color:hsl(119, 34%, 47%)">&#x27;./ui/RegisterPage&#x27;</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain"></span><span class="token keyword" style="color:hsl(301, 63%, 40%)">export</span><span class="token plain"> </span><span class="token exports punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token exports"> register </span><span class="token exports punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token plain"> </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">from</span><span class="token plain"> </span><span class="token string" style="color:hsl(119, 34%, 47%)">&#x27;./api/register&#x27;</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><br></span></code></pre><div class="buttonGroup_VWIG"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_p0uL" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_LnVn"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_yLdc"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div>
-<p>Almost done! Just need to connect the page and action to the <code>/register</code> route. Create <code>register.tsx</code> in <code>app/routes</code>:</p>
+<p>거의 다 왔습니다! 페이지와 액션을 <code>/register</code> 라우트에 연결하기만 하면 됩니다. <code>app/routes</code>에 <code>register.tsx</code>를 만드세요.</p>
 <div class="language-tsx codeBlockContainer_IiXL theme-code-block" style="--prism-background-color:hsl(230, 1%, 98%);--prism-color:hsl(230, 8%, 24%)"><div class="codeBlockTitle_ajkA">app/routes/register.tsx</div><div class="codeBlockContent_Y78k"><pre tabindex="0" class="prism-code language-tsx codeBlock_gc_u thin-scrollbar" style="background-color:hsl(230, 1%, 98%);color:hsl(230, 8%, 24%)"><code class="codeBlockLines_PG8G"><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token keyword" style="color:hsl(301, 63%, 40%)">import</span><span class="token plain"> </span><span class="token imports punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token imports"> </span><span class="token imports maybe-class-name">RegisterPage</span><span class="token imports punctuation" style="color:hsl(119, 34%, 47%)">,</span><span class="token imports"> register </span><span class="token imports punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token plain"> </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">from</span><span class="token plain"> </span><span class="token string" style="color:hsl(119, 34%, 47%)">&quot;pages/sign-in&quot;</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain" style="display:inline-block"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain"></span><span class="token keyword" style="color:hsl(301, 63%, 40%)">export</span><span class="token plain"> </span><span class="token exports punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token exports"> register </span><span class="token exports keyword module" style="color:hsl(301, 63%, 40%)">as</span><span class="token exports"> action </span><span class="token exports punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain" style="display:inline-block"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain"></span><span class="token keyword" style="color:hsl(301, 63%, 40%)">export</span><span class="token plain"> </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">default</span><span class="token plain"> </span><span class="token maybe-class-name">RegisterPage</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><br></span></code></pre><div class="buttonGroup_VWIG"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_p0uL" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_LnVn"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_yLdc"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div>
-<p>Now if you go to <a href="http://localhost:3000/register" target="_blank" rel="noopener noreferrer">http://localhost:3000/register</a>, you should be able to create a user! The rest of the application won’t react to this yet, we’ll address that momentarily.</p>
-<p>In a very similar way, we can implement the login page. Give it a try or just grab the code and move on:</p>
+<p>이제 <a href="http://localhost:3000/register" target="_blank" rel="noopener noreferrer">http://localhost:3000/register</a>로 가면 사용자를 생성할 수 있어야 합니다! 애플리케이션의 나머지 부분은 아직 이에 반응하지 않을 것입니다. 곧 그 문제를 해결하겠습니다.</p>
+<p>매우 유사한 방식으로 로그인 페이지를 구현할 수 있습니다. 직접 시도해 보거나 그냥 코드를 가져와서 계속 진행하세요.</p>
 <div class="language-tsx codeBlockContainer_IiXL theme-code-block" style="--prism-background-color:hsl(230, 1%, 98%);--prism-color:hsl(230, 8%, 24%)"><div class="codeBlockTitle_ajkA">pages/sign-in/api/sign-in.ts</div><div class="codeBlockContent_Y78k"><pre tabindex="0" class="prism-code language-tsx codeBlock_gc_u thin-scrollbar" style="background-color:hsl(230, 1%, 98%);color:hsl(230, 8%, 24%)"><code class="codeBlockLines_PG8G"><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token keyword" style="color:hsl(301, 63%, 40%)">import</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token plain"> json</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">,</span><span class="token plain"> </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">type</span><span class="token plain"> </span><span class="token class-name" style="color:hsl(35, 99%, 36%)">ActionFunctionArgs</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token plain"> </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">from</span><span class="token plain"> </span><span class="token string" style="color:hsl(119, 34%, 47%)">&quot;@remix-run/node&quot;</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain" style="display:inline-block"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain"></span><span class="token keyword" style="color:hsl(301, 63%, 40%)">import</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token plain"> </span><span class="token constant" style="color:hsl(35, 99%, 36%)">POST</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">,</span><span class="token plain"> createUserSession </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token plain"> </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">from</span><span class="token plain"> </span><span class="token string" style="color:hsl(119, 34%, 47%)">&quot;shared/api&quot;</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain" style="display:inline-block"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain"></span><span class="token keyword" style="color:hsl(301, 63%, 40%)">export</span><span class="token plain"> </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">const</span><span class="token plain"> </span><span class="token function-variable function" style="color:hsl(221, 87%, 60%)">signIn</span><span class="token plain"> </span><span class="token operator" style="color:hsl(221, 87%, 60%)">=</span><span class="token plain"> </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">async</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token plain"> request </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token operator" style="color:hsl(221, 87%, 60%)">:</span><span class="token plain"> </span><span class="token maybe-class-name">ActionFunctionArgs</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token plain"> </span><span class="token arrow operator" style="color:hsl(221, 87%, 60%)">=&gt;</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">  </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">const</span><span class="token plain"> formData </span><span class="token operator" style="color:hsl(221, 87%, 60%)">=</span><span class="token plain"> </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">await</span><span class="token plain"> request</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">.</span><span class="token method function property-access" style="color:hsl(221, 87%, 60%)">formData</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">  </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">const</span><span class="token plain"> email </span><span class="token operator" style="color:hsl(221, 87%, 60%)">=</span><span class="token plain"> formData</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">.</span><span class="token method function property-access" style="color:hsl(221, 87%, 60%)">get</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token string" style="color:hsl(119, 34%, 47%)">&quot;email&quot;</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token operator" style="color:hsl(221, 87%, 60%)">?.</span><span class="token method function property-access" style="color:hsl(221, 87%, 60%)">toString</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token plain"> </span><span class="token operator" style="color:hsl(221, 87%, 60%)">??</span><span class="token plain"> </span><span class="token string" style="color:hsl(119, 34%, 47%)">&quot;&quot;</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">  </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">const</span><span class="token plain"> password </span><span class="token operator" style="color:hsl(221, 87%, 60%)">=</span><span class="token plain"> formData</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">.</span><span class="token method function property-access" style="color:hsl(221, 87%, 60%)">get</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token string" style="color:hsl(119, 34%, 47%)">&quot;password&quot;</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token operator" style="color:hsl(221, 87%, 60%)">?.</span><span class="token method function property-access" style="color:hsl(221, 87%, 60%)">toString</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token plain"> </span><span class="token operator" style="color:hsl(221, 87%, 60%)">??</span><span class="token plain"> </span><span class="token string" style="color:hsl(119, 34%, 47%)">&quot;&quot;</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain" style="display:inline-block"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">  </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">const</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token plain"> data</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">,</span><span class="token plain"> error </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token plain"> </span><span class="token operator" style="color:hsl(221, 87%, 60%)">=</span><span class="token plain"> </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">await</span><span class="token plain"> </span><span class="token constant" style="color:hsl(35, 99%, 36%)">POST</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token string" style="color:hsl(119, 34%, 47%)">&quot;/users/login&quot;</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">,</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">    body</span><span class="token operator" style="color:hsl(221, 87%, 60%)">:</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token plain"> user</span><span class="token operator" style="color:hsl(221, 87%, 60%)">:</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token plain"> email</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">,</span><span class="token plain"> password </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">,</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">  </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain" style="display:inline-block"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">  </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">if</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token plain">error</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">    </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">return</span><span class="token plain"> </span><span class="token function" style="color:hsl(221, 87%, 60%)">json</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token plain"> error </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">,</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token plain"> status</span><span class="token operator" style="color:hsl(221, 87%, 60%)">:</span><span class="token plain"> </span><span class="token number" style="color:hsl(35, 99%, 36%)">400</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">  </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token plain"> </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">else</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">    </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">return</span><span class="token plain"> </span><span class="token function" style="color:hsl(221, 87%, 60%)">createUserSession</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">      request</span><span class="token operator" style="color:hsl(221, 87%, 60%)">:</span><span class="token plain"> request</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">,</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">      user</span><span class="token operator" style="color:hsl(221, 87%, 60%)">:</span><span class="token plain"> data</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">.</span><span class="token property-access">user</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">,</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">      redirectTo</span><span class="token operator" style="color:hsl(221, 87%, 60%)">:</span><span class="token plain"> </span><span class="token string" style="color:hsl(119, 34%, 47%)">&quot;/&quot;</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">,</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">    </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">  </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain"></span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><br></span></code></pre><div class="buttonGroup_VWIG"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_p0uL" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_LnVn"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_yLdc"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div>
 <div class="language-tsx codeBlockContainer_IiXL theme-code-block" style="--prism-background-color:hsl(230, 1%, 98%);--prism-color:hsl(230, 8%, 24%)"><div class="codeBlockTitle_ajkA">pages/sign-in/ui/SignInPage.tsx</div><div class="codeBlockContent_Y78k"><pre tabindex="0" class="prism-code language-tsx codeBlock_gc_u thin-scrollbar" style="background-color:hsl(230, 1%, 98%);color:hsl(230, 8%, 24%)"><code class="codeBlockLines_PG8G"><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token keyword" style="color:hsl(301, 63%, 40%)">import</span><span class="token plain"> </span><span class="token imports punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token imports"> </span><span class="token imports maybe-class-name">Form</span><span class="token imports punctuation" style="color:hsl(119, 34%, 47%)">,</span><span class="token imports"> </span><span class="token imports maybe-class-name">Link</span><span class="token imports punctuation" style="color:hsl(119, 34%, 47%)">,</span><span class="token imports"> useActionData </span><span class="token imports punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token plain"> </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">from</span><span class="token plain"> </span><span class="token string" style="color:hsl(119, 34%, 47%)">&quot;@remix-run/react&quot;</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain" style="display:inline-block"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain"></span><span class="token keyword" style="color:hsl(301, 63%, 40%)">import</span><span class="token plain"> </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">type</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token plain"> signIn </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token plain"> </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">from</span><span class="token plain"> </span><span class="token string" style="color:hsl(119, 34%, 47%)">&quot;../api/sign-in&quot;</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain" style="display:inline-block"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain"></span><span class="token keyword" style="color:hsl(301, 63%, 40%)">export</span><span class="token plain"> </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">function</span><span class="token plain"> </span><span class="token function" style="color:hsl(221, 87%, 60%)">SignInPage</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">  </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">const</span><span class="token plain"> signInData </span><span class="token operator" style="color:hsl(221, 87%, 60%)">=</span><span class="token plain"> </span><span class="token generic-function function" style="color:hsl(221, 87%, 60%)">useActionData</span><span class="token generic-function generic class-name operator" style="color:hsl(221, 87%, 60%)">&lt;</span><span class="token generic-function generic class-name keyword" style="color:hsl(301, 63%, 40%)">typeof</span><span class="token generic-function generic class-name" style="color:hsl(35, 99%, 36%)"> signIn</span><span class="token generic-function generic class-name operator" style="color:hsl(221, 87%, 60%)">&gt;</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain" style="display:inline-block"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">  </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">return</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">    </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;</span><span class="token tag" style="color:hsl(5, 74%, 59%)">div</span><span class="token tag" style="color:hsl(5, 74%, 59%)"> </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">className</span><span class="token tag attr-value punctuation attr-equals" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag attr-value" style="color:hsl(119, 34%, 47%)">auth-page</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">      </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;</span><span class="token tag" style="color:hsl(5, 74%, 59%)">div</span><span class="token tag" style="color:hsl(5, 74%, 59%)"> </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">className</span><span class="token tag attr-value punctuation attr-equals" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag attr-value" style="color:hsl(119, 34%, 47%)">container page</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">        </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;</span><span class="token tag" style="color:hsl(5, 74%, 59%)">div</span><span class="token tag" style="color:hsl(5, 74%, 59%)"> </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">className</span><span class="token tag attr-value punctuation attr-equals" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag attr-value" style="color:hsl(119, 34%, 47%)">row</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">          </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;</span><span class="token tag" style="color:hsl(5, 74%, 59%)">div</span><span class="token tag" style="color:hsl(5, 74%, 59%)"> </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">className</span><span class="token tag attr-value punctuation attr-equals" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag attr-value" style="color:hsl(119, 34%, 47%)">col-md-6 offset-md-3 col-xs-12</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">            </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;</span><span class="token tag" style="color:hsl(5, 74%, 59%)">h1</span><span class="token tag" style="color:hsl(5, 74%, 59%)"> </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">className</span><span class="token tag attr-value punctuation attr-equals" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag attr-value" style="color:hsl(119, 34%, 47%)">text-xs-center</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text">Sign in</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;/</span><span class="token tag" style="color:hsl(5, 74%, 59%)">h1</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">            </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;</span><span class="token tag" style="color:hsl(5, 74%, 59%)">p</span><span class="token tag" style="color:hsl(5, 74%, 59%)"> </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">className</span><span class="token tag attr-value punctuation attr-equals" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag attr-value" style="color:hsl(119, 34%, 47%)">text-xs-center</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">              </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;</span><span class="token tag class-name" style="color:hsl(35, 99%, 36%)">Link</span><span class="token tag" style="color:hsl(5, 74%, 59%)"> </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">to</span><span class="token tag attr-value punctuation attr-equals" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag attr-value" style="color:hsl(119, 34%, 47%)">/register</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text">Need an account?</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;/</span><span class="token tag class-name" style="color:hsl(35, 99%, 36%)">Link</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">            </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;/</span><span class="token tag" style="color:hsl(5, 74%, 59%)">p</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">            </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token plain">signInData</span><span class="token operator" style="color:hsl(221, 87%, 60%)">?.</span><span class="token plain">error </span><span class="token operator" style="color:hsl(221, 87%, 60%)">&amp;&amp;</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">              </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;</span><span class="token tag" style="color:hsl(5, 74%, 59%)">ul</span><span class="token tag" style="color:hsl(5, 74%, 59%)"> </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">className</span><span class="token tag attr-value punctuation attr-equals" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag attr-value" style="color:hsl(119, 34%, 47%)">error-messages</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">                </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token plain">signInData</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">.</span><span class="token property-access">error</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">.</span><span class="token property-access">errors</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">.</span><span class="token property-access">body</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">.</span><span class="token method function property-access" style="color:hsl(221, 87%, 60%)">map</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token plain">error</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token plain"> </span><span class="token arrow operator" style="color:hsl(221, 87%, 60%)">=&gt;</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">                  </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;</span><span class="token tag" style="color:hsl(5, 74%, 59%)">li</span><span class="token tag" style="color:hsl(5, 74%, 59%)"> </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">key</span><span class="token tag script language-javascript script-punctuation punctuation" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag script language-javascript punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token tag script language-javascript" style="color:hsl(5, 74%, 59%)">error</span><span class="token tag script language-javascript punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token plain">error</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;/</span><span class="token tag" style="color:hsl(5, 74%, 59%)">li</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">                </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">              </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;/</span><span class="token tag" style="color:hsl(5, 74%, 59%)">ul</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">            </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">            </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;</span><span class="token tag class-name" style="color:hsl(35, 99%, 36%)">Form</span><span class="token tag" style="color:hsl(5, 74%, 59%)"> </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">method</span><span class="token tag attr-value punctuation attr-equals" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag attr-value" style="color:hsl(119, 34%, 47%)">post</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">              </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;</span><span class="token tag" style="color:hsl(5, 74%, 59%)">fieldset</span><span class="token tag" style="color:hsl(5, 74%, 59%)"> </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">className</span><span class="token tag attr-value punctuation attr-equals" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag attr-value" style="color:hsl(119, 34%, 47%)">form-group</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">                </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;</span><span class="token tag" style="color:hsl(5, 74%, 59%)">input</span><span class="token tag" style="color:hsl(5, 74%, 59%)"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token tag" style="color:hsl(5, 74%, 59%)">                  </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">className</span><span class="token tag attr-value punctuation attr-equals" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag attr-value" style="color:hsl(119, 34%, 47%)">form-control form-control-lg</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag" style="color:hsl(5, 74%, 59%)"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token tag" style="color:hsl(5, 74%, 59%)">                  </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">name</span><span class="token tag attr-value punctuation attr-equals" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag attr-value" style="color:hsl(119, 34%, 47%)">email</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag" style="color:hsl(5, 74%, 59%)"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token tag" style="color:hsl(5, 74%, 59%)">                  </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">type</span><span class="token tag attr-value punctuation attr-equals" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag attr-value" style="color:hsl(119, 34%, 47%)">text</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag" style="color:hsl(5, 74%, 59%)"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token tag" style="color:hsl(5, 74%, 59%)">                  </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">placeholder</span><span class="token tag attr-value punctuation attr-equals" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag attr-value" style="color:hsl(119, 34%, 47%)">Email</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag" style="color:hsl(5, 74%, 59%)"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token tag" style="color:hsl(5, 74%, 59%)">                </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">/&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">              </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;/</span><span class="token tag" style="color:hsl(5, 74%, 59%)">fieldset</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">              </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;</span><span class="token tag" style="color:hsl(5, 74%, 59%)">fieldset</span><span class="token tag" style="color:hsl(5, 74%, 59%)"> </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">className</span><span class="token tag attr-value punctuation attr-equals" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag attr-value" style="color:hsl(119, 34%, 47%)">form-group</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">                </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;</span><span class="token tag" style="color:hsl(5, 74%, 59%)">input</span><span class="token tag" style="color:hsl(5, 74%, 59%)"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token tag" style="color:hsl(5, 74%, 59%)">                  </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">className</span><span class="token tag attr-value punctuation attr-equals" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag attr-value" style="color:hsl(119, 34%, 47%)">form-control form-control-lg</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag" style="color:hsl(5, 74%, 59%)"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token tag" style="color:hsl(5, 74%, 59%)">                  </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">name</span><span class="token tag attr-value punctuation attr-equals" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag attr-value" style="color:hsl(119, 34%, 47%)">password</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag" style="color:hsl(5, 74%, 59%)"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token tag" style="color:hsl(5, 74%, 59%)">                  </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">type</span><span class="token tag attr-value punctuation attr-equals" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag attr-value" style="color:hsl(119, 34%, 47%)">password</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag" style="color:hsl(5, 74%, 59%)"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token tag" style="color:hsl(5, 74%, 59%)">                  </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">placeholder</span><span class="token tag attr-value punctuation attr-equals" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag attr-value" style="color:hsl(119, 34%, 47%)">Password</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag" style="color:hsl(5, 74%, 59%)"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token tag" style="color:hsl(5, 74%, 59%)">                </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">/&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">              </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;/</span><span class="token tag" style="color:hsl(5, 74%, 59%)">fieldset</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">              </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;</span><span class="token tag" style="color:hsl(5, 74%, 59%)">button</span><span class="token tag" style="color:hsl(5, 74%, 59%)"> </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">className</span><span class="token tag attr-value punctuation attr-equals" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag attr-value" style="color:hsl(119, 34%, 47%)">btn btn-lg btn-primary pull-xs-right</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">                Sign in</span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">              </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;/</span><span class="token tag" style="color:hsl(5, 74%, 59%)">button</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">            </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;/</span><span class="token tag class-name" style="color:hsl(35, 99%, 36%)">Form</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">          </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;/</span><span class="token tag" style="color:hsl(5, 74%, 59%)">div</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">        </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;/</span><span class="token tag" style="color:hsl(5, 74%, 59%)">div</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">      </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;/</span><span class="token tag" style="color:hsl(5, 74%, 59%)">div</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">    </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;/</span><span class="token tag" style="color:hsl(5, 74%, 59%)">div</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">  </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain"></span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><br></span></code></pre><div class="buttonGroup_VWIG"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_p0uL" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_LnVn"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_yLdc"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div>
 <div class="language-tsx codeBlockContainer_IiXL theme-code-block" style="--prism-background-color:hsl(230, 1%, 98%);--prism-color:hsl(230, 8%, 24%)"><div class="codeBlockTitle_ajkA">pages/sign-in/index.ts</div><div class="codeBlockContent_Y78k"><pre tabindex="0" class="prism-code language-tsx codeBlock_gc_u thin-scrollbar" style="background-color:hsl(230, 1%, 98%);color:hsl(230, 8%, 24%)"><code class="codeBlockLines_PG8G"><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token keyword" style="color:hsl(301, 63%, 40%)">export</span><span class="token plain"> </span><span class="token exports punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token exports"> </span><span class="token exports maybe-class-name">RegisterPage</span><span class="token exports"> </span><span class="token exports punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token plain"> </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">from</span><span class="token plain"> </span><span class="token string" style="color:hsl(119, 34%, 47%)">&#x27;./ui/RegisterPage&#x27;</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain"></span><span class="token keyword" style="color:hsl(301, 63%, 40%)">export</span><span class="token plain"> </span><span class="token exports punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token exports"> register </span><span class="token exports punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token plain"> </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">from</span><span class="token plain"> </span><span class="token string" style="color:hsl(119, 34%, 47%)">&#x27;./api/register&#x27;</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain"></span><span class="token keyword" style="color:hsl(301, 63%, 40%)">export</span><span class="token plain"> </span><span class="token exports punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token exports"> </span><span class="token exports maybe-class-name">SignInPage</span><span class="token exports"> </span><span class="token exports punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token plain"> </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">from</span><span class="token plain"> </span><span class="token string" style="color:hsl(119, 34%, 47%)">&#x27;./ui/SignInPage&#x27;</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain"></span><span class="token keyword" style="color:hsl(301, 63%, 40%)">export</span><span class="token plain"> </span><span class="token exports punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token exports"> signIn </span><span class="token exports punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token plain"> </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">from</span><span class="token plain"> </span><span class="token string" style="color:hsl(119, 34%, 47%)">&#x27;./api/sign-in&#x27;</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><br></span></code></pre><div class="buttonGroup_VWIG"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_p0uL" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_LnVn"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_yLdc"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div>
 <div class="language-tsx codeBlockContainer_IiXL theme-code-block" style="--prism-background-color:hsl(230, 1%, 98%);--prism-color:hsl(230, 8%, 24%)"><div class="codeBlockTitle_ajkA">app/routes/login.tsx</div><div class="codeBlockContent_Y78k"><pre tabindex="0" class="prism-code language-tsx codeBlock_gc_u thin-scrollbar" style="background-color:hsl(230, 1%, 98%);color:hsl(230, 8%, 24%)"><code class="codeBlockLines_PG8G"><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token keyword" style="color:hsl(301, 63%, 40%)">import</span><span class="token plain"> </span><span class="token imports punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token imports"> </span><span class="token imports maybe-class-name">SignInPage</span><span class="token imports punctuation" style="color:hsl(119, 34%, 47%)">,</span><span class="token imports"> signIn </span><span class="token imports punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token plain"> </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">from</span><span class="token plain"> </span><span class="token string" style="color:hsl(119, 34%, 47%)">&quot;pages/sign-in&quot;</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain" style="display:inline-block"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain"></span><span class="token keyword" style="color:hsl(301, 63%, 40%)">export</span><span class="token plain"> </span><span class="token exports punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token exports"> signIn </span><span class="token exports keyword module" style="color:hsl(301, 63%, 40%)">as</span><span class="token exports"> action </span><span class="token exports punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain" style="display:inline-block"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain"></span><span class="token keyword" style="color:hsl(301, 63%, 40%)">export</span><span class="token plain"> </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">default</span><span class="token plain"> </span><span class="token maybe-class-name">SignInPage</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><br></span></code></pre><div class="buttonGroup_VWIG"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_p0uL" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_LnVn"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_yLdc"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div>
-<p>Now let’s give the users a way to actually get to these pages.</p>
-<h3 class="anchor anchorWithStickyNavbar_QzlE" id="header">Header<a href="#header" class="hash-link" aria-label="Direct link to heading" title="Direct link to heading">​</a></h3>
-<p>As we discussed in part 1, the app header is commonly placed either in Widgets or in Shared. We will put it in Shared because it’s very simple and all the business logic can be kept outside of it. Let’s create a place for it:</p>
+<p>이제 사용자가 이 페이지에 실제로 접근할 수 있는 방법을 제공해 봅시다.</p>
+<h3 class="anchor anchorWithStickyNavbar_QzlE" id="헤더">헤더<a href="#헤더" class="hash-link" aria-label="Direct link to heading" title="Direct link to heading">​</a></h3>
+<p>1부에서 논의했듯이, 앱 헤더는 일반적으로 Widgets나 Shared에 배치됩니다. 매우 간단하고 모든 비즈니스 로직을 외부에 유지할 수 있기 때문에 Shared에 넣을 것입니다. 이를 위한 장소를 만들어 봅시다.</p>
 <div class="language-bash codeBlockContainer_IiXL theme-code-block" style="--prism-background-color:hsl(230, 1%, 98%);--prism-color:hsl(230, 8%, 24%)"><div class="codeBlockContent_Y78k"><pre tabindex="0" class="prism-code language-bash codeBlock_gc_u thin-scrollbar" style="background-color:hsl(230, 1%, 98%);color:hsl(230, 8%, 24%)"><code class="codeBlockLines_PG8G"><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">npx fsd shared ui</span><br></span></code></pre><div class="buttonGroup_VWIG"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_p0uL" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_LnVn"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_yLdc"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div>
-<p>Now create <code>shared/ui/Header.tsx</code>  with the following contents:</p>
+<p>이제 다음 내용으로 <code>shared/ui/Header.tsx</code>를 만드세요.</p>
 <div class="language-tsx codeBlockContainer_IiXL theme-code-block" style="--prism-background-color:hsl(230, 1%, 98%);--prism-color:hsl(230, 8%, 24%)"><div class="codeBlockTitle_ajkA">shared/ui/Header.tsx</div><div class="codeBlockContent_Y78k"><pre tabindex="0" class="prism-code language-tsx codeBlock_gc_u thin-scrollbar" style="background-color:hsl(230, 1%, 98%);color:hsl(230, 8%, 24%)"><code class="codeBlockLines_PG8G"><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token keyword" style="color:hsl(301, 63%, 40%)">import</span><span class="token plain"> </span><span class="token imports punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token imports"> useContext </span><span class="token imports punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token plain"> </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">from</span><span class="token plain"> </span><span class="token string" style="color:hsl(119, 34%, 47%)">&quot;react&quot;</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain"></span><span class="token keyword" style="color:hsl(301, 63%, 40%)">import</span><span class="token plain"> </span><span class="token imports punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token imports"> </span><span class="token imports maybe-class-name">Link</span><span class="token imports punctuation" style="color:hsl(119, 34%, 47%)">,</span><span class="token imports"> useLocation </span><span class="token imports punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token plain"> </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">from</span><span class="token plain"> </span><span class="token string" style="color:hsl(119, 34%, 47%)">&quot;@remix-run/react&quot;</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain" style="display:inline-block"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain"></span><span class="token keyword" style="color:hsl(301, 63%, 40%)">import</span><span class="token plain"> </span><span class="token imports punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token imports"> </span><span class="token imports maybe-class-name">CurrentUser</span><span class="token imports"> </span><span class="token imports punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token plain"> </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">from</span><span class="token plain"> </span><span class="token string" style="color:hsl(119, 34%, 47%)">&quot;../api/currentUser&quot;</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain" style="display:inline-block"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain"></span><span class="token keyword" style="color:hsl(301, 63%, 40%)">export</span><span class="token plain"> </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">function</span><span class="token plain"> </span><span class="token function" style="color:hsl(221, 87%, 60%)">Header</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">  </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">const</span><span class="token plain"> currentUser </span><span class="token operator" style="color:hsl(221, 87%, 60%)">=</span><span class="token plain"> </span><span class="token function" style="color:hsl(221, 87%, 60%)">useContext</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token maybe-class-name">CurrentUser</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">  </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">const</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token plain"> pathname </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token plain"> </span><span class="token operator" style="color:hsl(221, 87%, 60%)">=</span><span class="token plain"> </span><span class="token function" style="color:hsl(221, 87%, 60%)">useLocation</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain" style="display:inline-block"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">  </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">return</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">    </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;</span><span class="token tag" style="color:hsl(5, 74%, 59%)">nav</span><span class="token tag" style="color:hsl(5, 74%, 59%)"> </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">className</span><span class="token tag attr-value punctuation attr-equals" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag attr-value" style="color:hsl(119, 34%, 47%)">navbar navbar-light</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">      </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;</span><span class="token tag" style="color:hsl(5, 74%, 59%)">div</span><span class="token tag" style="color:hsl(5, 74%, 59%)"> </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">className</span><span class="token tag attr-value punctuation attr-equals" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag attr-value" style="color:hsl(119, 34%, 47%)">container</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">        </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;</span><span class="token tag class-name" style="color:hsl(35, 99%, 36%)">Link</span><span class="token tag" style="color:hsl(5, 74%, 59%)"> </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">className</span><span class="token tag attr-value punctuation attr-equals" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag attr-value" style="color:hsl(119, 34%, 47%)">navbar-brand</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag" style="color:hsl(5, 74%, 59%)"> </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">to</span><span class="token tag attr-value punctuation attr-equals" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag attr-value" style="color:hsl(119, 34%, 47%)">/</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag" style="color:hsl(5, 74%, 59%)"> </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">prefetch</span><span class="token tag attr-value punctuation attr-equals" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag attr-value" style="color:hsl(119, 34%, 47%)">intent</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">          conduit</span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">        </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;/</span><span class="token tag class-name" style="color:hsl(35, 99%, 36%)">Link</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">        </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;</span><span class="token tag" style="color:hsl(5, 74%, 59%)">ul</span><span class="token tag" style="color:hsl(5, 74%, 59%)"> </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">className</span><span class="token tag attr-value punctuation attr-equals" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag attr-value" style="color:hsl(119, 34%, 47%)">nav navbar-nav pull-xs-right</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">          </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;</span><span class="token tag" style="color:hsl(5, 74%, 59%)">li</span><span class="token tag" style="color:hsl(5, 74%, 59%)"> </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">className</span><span class="token tag attr-value punctuation attr-equals" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag attr-value" style="color:hsl(119, 34%, 47%)">nav-item</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">            </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;</span><span class="token tag class-name" style="color:hsl(35, 99%, 36%)">Link</span><span class="token tag" style="color:hsl(5, 74%, 59%)"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token tag" style="color:hsl(5, 74%, 59%)">              </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">prefetch</span><span class="token tag attr-value punctuation attr-equals" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag attr-value" style="color:hsl(119, 34%, 47%)">intent</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag" style="color:hsl(5, 74%, 59%)"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token tag" style="color:hsl(5, 74%, 59%)">              </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">className</span><span class="token tag script language-javascript script-punctuation punctuation" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag script language-javascript punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token tag script language-javascript template-string template-punctuation string" style="color:hsl(119, 34%, 47%)">`</span><span class="token tag script language-javascript template-string string" style="color:hsl(119, 34%, 47%)">nav-link </span><span class="token tag script language-javascript template-string interpolation interpolation-punctuation punctuation" style="color:hsl(119, 34%, 47%)">${</span><span class="token tag script language-javascript template-string interpolation" style="color:hsl(5, 74%, 59%)">pathname </span><span class="token tag script language-javascript template-string interpolation operator" style="color:hsl(221, 87%, 60%)">==</span><span class="token tag script language-javascript template-string interpolation" style="color:hsl(5, 74%, 59%)"> </span><span class="token tag script language-javascript template-string interpolation string" style="color:hsl(119, 34%, 47%)">&quot;/&quot;</span><span class="token tag script language-javascript template-string interpolation" style="color:hsl(5, 74%, 59%)"> </span><span class="token tag script language-javascript template-string interpolation operator" style="color:hsl(221, 87%, 60%)">?</span><span class="token tag script language-javascript template-string interpolation" style="color:hsl(5, 74%, 59%)"> </span><span class="token tag script language-javascript template-string interpolation string" style="color:hsl(119, 34%, 47%)">&quot;active&quot;</span><span class="token tag script language-javascript template-string interpolation" style="color:hsl(5, 74%, 59%)"> </span><span class="token tag script language-javascript template-string interpolation operator" style="color:hsl(221, 87%, 60%)">:</span><span class="token tag script language-javascript template-string interpolation" style="color:hsl(5, 74%, 59%)"> </span><span class="token tag script language-javascript template-string interpolation string" style="color:hsl(119, 34%, 47%)">&quot;&quot;</span><span class="token tag script language-javascript template-string interpolation interpolation-punctuation punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token tag script language-javascript template-string template-punctuation string" style="color:hsl(119, 34%, 47%)">`</span><span class="token tag script language-javascript punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token tag" style="color:hsl(5, 74%, 59%)"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token tag" style="color:hsl(5, 74%, 59%)">              </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">to</span><span class="token tag attr-value punctuation attr-equals" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag attr-value" style="color:hsl(119, 34%, 47%)">/</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag" style="color:hsl(5, 74%, 59%)"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token tag" style="color:hsl(5, 74%, 59%)">            </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">              Home</span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">            </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;/</span><span class="token tag class-name" style="color:hsl(35, 99%, 36%)">Link</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">          </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;/</span><span class="token tag" style="color:hsl(5, 74%, 59%)">li</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">          </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token plain">currentUser </span><span class="token operator" style="color:hsl(221, 87%, 60%)">==</span><span class="token plain"> </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">null</span><span class="token plain"> </span><span class="token operator" style="color:hsl(221, 87%, 60%)">?</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">            </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">              </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;</span><span class="token tag" style="color:hsl(5, 74%, 59%)">li</span><span class="token tag" style="color:hsl(5, 74%, 59%)"> </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">className</span><span class="token tag attr-value punctuation attr-equals" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag attr-value" style="color:hsl(119, 34%, 47%)">nav-item</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">                </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;</span><span class="token tag class-name" style="color:hsl(35, 99%, 36%)">Link</span><span class="token tag" style="color:hsl(5, 74%, 59%)"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token tag" style="color:hsl(5, 74%, 59%)">                  </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">prefetch</span><span class="token tag attr-value punctuation attr-equals" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag attr-value" style="color:hsl(119, 34%, 47%)">intent</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag" style="color:hsl(5, 74%, 59%)"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token tag" style="color:hsl(5, 74%, 59%)">                  </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">className</span><span class="token tag script language-javascript script-punctuation punctuation" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag script language-javascript punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token tag script language-javascript template-string template-punctuation string" style="color:hsl(119, 34%, 47%)">`</span><span class="token tag script language-javascript template-string string" style="color:hsl(119, 34%, 47%)">nav-link </span><span class="token tag script language-javascript template-string interpolation interpolation-punctuation punctuation" style="color:hsl(119, 34%, 47%)">${</span><span class="token tag script language-javascript template-string interpolation" style="color:hsl(5, 74%, 59%)">pathname </span><span class="token tag script language-javascript template-string interpolation operator" style="color:hsl(221, 87%, 60%)">==</span><span class="token tag script language-javascript template-string interpolation" style="color:hsl(5, 74%, 59%)"> </span><span class="token tag script language-javascript template-string interpolation string" style="color:hsl(119, 34%, 47%)">&quot;/login&quot;</span><span class="token tag script language-javascript template-string interpolation" style="color:hsl(5, 74%, 59%)"> </span><span class="token tag script language-javascript template-string interpolation operator" style="color:hsl(221, 87%, 60%)">?</span><span class="token tag script language-javascript template-string interpolation" style="color:hsl(5, 74%, 59%)"> </span><span class="token tag script language-javascript template-string interpolation string" style="color:hsl(119, 34%, 47%)">&quot;active&quot;</span><span class="token tag script language-javascript template-string interpolation" style="color:hsl(5, 74%, 59%)"> </span><span class="token tag script language-javascript template-string interpolation operator" style="color:hsl(221, 87%, 60%)">:</span><span class="token tag script language-javascript template-string interpolation" style="color:hsl(5, 74%, 59%)"> </span><span class="token tag script language-javascript template-string interpolation string" style="color:hsl(119, 34%, 47%)">&quot;&quot;</span><span class="token tag script language-javascript template-string interpolation interpolation-punctuation punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token tag script language-javascript template-string template-punctuation string" style="color:hsl(119, 34%, 47%)">`</span><span class="token tag script language-javascript punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token tag" style="color:hsl(5, 74%, 59%)"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token tag" style="color:hsl(5, 74%, 59%)">                  </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">to</span><span class="token tag attr-value punctuation attr-equals" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag attr-value" style="color:hsl(119, 34%, 47%)">/login</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag" style="color:hsl(5, 74%, 59%)"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token tag" style="color:hsl(5, 74%, 59%)">                </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">                  Sign in</span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">                </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;/</span><span class="token tag class-name" style="color:hsl(35, 99%, 36%)">Link</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">              </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;/</span><span class="token tag" style="color:hsl(5, 74%, 59%)">li</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">              </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;</span><span class="token tag" style="color:hsl(5, 74%, 59%)">li</span><span class="token tag" style="color:hsl(5, 74%, 59%)"> </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">className</span><span class="token tag attr-value punctuation attr-equals" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag attr-value" style="color:hsl(119, 34%, 47%)">nav-item</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">                </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;</span><span class="token tag class-name" style="color:hsl(35, 99%, 36%)">Link</span><span class="token tag" style="color:hsl(5, 74%, 59%)"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token tag" style="color:hsl(5, 74%, 59%)">                  </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">prefetch</span><span class="token tag attr-value punctuation attr-equals" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag attr-value" style="color:hsl(119, 34%, 47%)">intent</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag" style="color:hsl(5, 74%, 59%)"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token tag" style="color:hsl(5, 74%, 59%)">                  </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">className</span><span class="token tag script language-javascript script-punctuation punctuation" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag script language-javascript punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token tag script language-javascript template-string template-punctuation string" style="color:hsl(119, 34%, 47%)">`</span><span class="token tag script language-javascript template-string string" style="color:hsl(119, 34%, 47%)">nav-link </span><span class="token tag script language-javascript template-string interpolation interpolation-punctuation punctuation" style="color:hsl(119, 34%, 47%)">${</span><span class="token tag script language-javascript template-string interpolation" style="color:hsl(5, 74%, 59%)">pathname </span><span class="token tag script language-javascript template-string interpolation operator" style="color:hsl(221, 87%, 60%)">==</span><span class="token tag script language-javascript template-string interpolation" style="color:hsl(5, 74%, 59%)"> </span><span class="token tag script language-javascript template-string interpolation string" style="color:hsl(119, 34%, 47%)">&quot;/register&quot;</span><span class="token tag script language-javascript template-string interpolation" style="color:hsl(5, 74%, 59%)"> </span><span class="token tag script language-javascript template-string interpolation operator" style="color:hsl(221, 87%, 60%)">?</span><span class="token tag script language-javascript template-string interpolation" style="color:hsl(5, 74%, 59%)"> </span><span class="token tag script language-javascript template-string interpolation string" style="color:hsl(119, 34%, 47%)">&quot;active&quot;</span><span class="token tag script language-javascript template-string interpolation" style="color:hsl(5, 74%, 59%)"> </span><span class="token tag script language-javascript template-string interpolation operator" style="color:hsl(221, 87%, 60%)">:</span><span class="token tag script language-javascript template-string interpolation" style="color:hsl(5, 74%, 59%)"> </span><span class="token tag script language-javascript template-string interpolation string" style="color:hsl(119, 34%, 47%)">&quot;&quot;</span><span class="token tag script language-javascript template-string interpolation interpolation-punctuation punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token tag script language-javascript template-string template-punctuation string" style="color:hsl(119, 34%, 47%)">`</span><span class="token tag script language-javascript punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token tag" style="color:hsl(5, 74%, 59%)"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token tag" style="color:hsl(5, 74%, 59%)">                  </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">to</span><span class="token tag attr-value punctuation attr-equals" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag attr-value" style="color:hsl(119, 34%, 47%)">/register</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag" style="color:hsl(5, 74%, 59%)"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token tag" style="color:hsl(5, 74%, 59%)">                </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">                  Sign up</span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">                </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;/</span><span class="token tag class-name" style="color:hsl(35, 99%, 36%)">Link</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">              </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;/</span><span class="token tag" style="color:hsl(5, 74%, 59%)">li</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">            </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;/</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">          </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token plain"> </span><span class="token operator" style="color:hsl(221, 87%, 60%)">:</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">            </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">              </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;</span><span class="token tag" style="color:hsl(5, 74%, 59%)">li</span><span class="token tag" style="color:hsl(5, 74%, 59%)"> </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">className</span><span class="token tag attr-value punctuation attr-equals" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag attr-value" style="color:hsl(119, 34%, 47%)">nav-item</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">                </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;</span><span class="token tag class-name" style="color:hsl(35, 99%, 36%)">Link</span><span class="token tag" style="color:hsl(5, 74%, 59%)"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token tag" style="color:hsl(5, 74%, 59%)">                  </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">prefetch</span><span class="token tag attr-value punctuation attr-equals" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag attr-value" style="color:hsl(119, 34%, 47%)">intent</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag" style="color:hsl(5, 74%, 59%)"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token tag" style="color:hsl(5, 74%, 59%)">                  </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">className</span><span class="token tag script language-javascript script-punctuation punctuation" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag script language-javascript punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token tag script language-javascript template-string template-punctuation string" style="color:hsl(119, 34%, 47%)">`</span><span class="token tag script language-javascript template-string string" style="color:hsl(119, 34%, 47%)">nav-link </span><span class="token tag script language-javascript template-string interpolation interpolation-punctuation punctuation" style="color:hsl(119, 34%, 47%)">${</span><span class="token tag script language-javascript template-string interpolation" style="color:hsl(5, 74%, 59%)">pathname </span><span class="token tag script language-javascript template-string interpolation operator" style="color:hsl(221, 87%, 60%)">==</span><span class="token tag script language-javascript template-string interpolation" style="color:hsl(5, 74%, 59%)"> </span><span class="token tag script language-javascript template-string interpolation string" style="color:hsl(119, 34%, 47%)">&quot;/editor&quot;</span><span class="token tag script language-javascript template-string interpolation" style="color:hsl(5, 74%, 59%)"> </span><span class="token tag script language-javascript template-string interpolation operator" style="color:hsl(221, 87%, 60%)">?</span><span class="token tag script language-javascript template-string interpolation" style="color:hsl(5, 74%, 59%)"> </span><span class="token tag script language-javascript template-string interpolation string" style="color:hsl(119, 34%, 47%)">&quot;active&quot;</span><span class="token tag script language-javascript template-string interpolation" style="color:hsl(5, 74%, 59%)"> </span><span class="token tag script language-javascript template-string interpolation operator" style="color:hsl(221, 87%, 60%)">:</span><span class="token tag script language-javascript template-string interpolation" style="color:hsl(5, 74%, 59%)"> </span><span class="token tag script language-javascript template-string interpolation string" style="color:hsl(119, 34%, 47%)">&quot;&quot;</span><span class="token tag script language-javascript template-string interpolation interpolation-punctuation punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token tag script language-javascript template-string template-punctuation string" style="color:hsl(119, 34%, 47%)">`</span><span class="token tag script language-javascript punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token tag" style="color:hsl(5, 74%, 59%)"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token tag" style="color:hsl(5, 74%, 59%)">                  </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">to</span><span class="token tag attr-value punctuation attr-equals" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag attr-value" style="color:hsl(119, 34%, 47%)">/editor</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag" style="color:hsl(5, 74%, 59%)"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token tag" style="color:hsl(5, 74%, 59%)">                </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">                  </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;</span><span class="token tag" style="color:hsl(5, 74%, 59%)">i</span><span class="token tag" style="color:hsl(5, 74%, 59%)"> </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">className</span><span class="token tag attr-value punctuation attr-equals" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag attr-value" style="color:hsl(119, 34%, 47%)">ion-compose</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;/</span><span class="token tag" style="color:hsl(5, 74%, 59%)">i</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text">&amp;nbsp;New Article</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token string" style="color:hsl(119, 34%, 47%)">&quot; &quot;</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">                </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;/</span><span class="token tag class-name" style="color:hsl(35, 99%, 36%)">Link</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">              </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;/</span><span class="token tag" style="color:hsl(5, 74%, 59%)">li</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">              </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;</span><span class="token tag" style="color:hsl(5, 74%, 59%)">li</span><span class="token tag" style="color:hsl(5, 74%, 59%)"> </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">className</span><span class="token tag attr-value punctuation attr-equals" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag attr-value" style="color:hsl(119, 34%, 47%)">nav-item</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">                </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;</span><span class="token tag class-name" style="color:hsl(35, 99%, 36%)">Link</span><span class="token tag" style="color:hsl(5, 74%, 59%)"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token tag" style="color:hsl(5, 74%, 59%)">                  </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">prefetch</span><span class="token tag attr-value punctuation attr-equals" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag attr-value" style="color:hsl(119, 34%, 47%)">intent</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag" style="color:hsl(5, 74%, 59%)"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token tag" style="color:hsl(5, 74%, 59%)">                  </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">className</span><span class="token tag script language-javascript script-punctuation punctuation" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag script language-javascript punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token tag script language-javascript template-string template-punctuation string" style="color:hsl(119, 34%, 47%)">`</span><span class="token tag script language-javascript template-string string" style="color:hsl(119, 34%, 47%)">nav-link </span><span class="token tag script language-javascript template-string interpolation interpolation-punctuation punctuation" style="color:hsl(119, 34%, 47%)">${</span><span class="token tag script language-javascript template-string interpolation" style="color:hsl(5, 74%, 59%)">pathname </span><span class="token tag script language-javascript template-string interpolation operator" style="color:hsl(221, 87%, 60%)">==</span><span class="token tag script language-javascript template-string interpolation" style="color:hsl(5, 74%, 59%)"> </span><span class="token tag script language-javascript template-string interpolation string" style="color:hsl(119, 34%, 47%)">&quot;/settings&quot;</span><span class="token tag script language-javascript template-string interpolation" style="color:hsl(5, 74%, 59%)"> </span><span class="token tag script language-javascript template-string interpolation operator" style="color:hsl(221, 87%, 60%)">?</span><span class="token tag script language-javascript template-string interpolation" style="color:hsl(5, 74%, 59%)"> </span><span class="token tag script language-javascript template-string interpolation string" style="color:hsl(119, 34%, 47%)">&quot;active&quot;</span><span class="token tag script language-javascript template-string interpolation" style="color:hsl(5, 74%, 59%)"> </span><span class="token tag script language-javascript template-string interpolation operator" style="color:hsl(221, 87%, 60%)">:</span><span class="token tag script language-javascript template-string interpolation" style="color:hsl(5, 74%, 59%)"> </span><span class="token tag script language-javascript template-string interpolation string" style="color:hsl(119, 34%, 47%)">&quot;&quot;</span><span class="token tag script language-javascript template-string interpolation interpolation-punctuation punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token tag script language-javascript template-string template-punctuation string" style="color:hsl(119, 34%, 47%)">`</span><span class="token tag script language-javascript punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token tag" style="color:hsl(5, 74%, 59%)"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token tag" style="color:hsl(5, 74%, 59%)">                  </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">to</span><span class="token tag attr-value punctuation attr-equals" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag attr-value" style="color:hsl(119, 34%, 47%)">/settings</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag" style="color:hsl(5, 74%, 59%)"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token tag" style="color:hsl(5, 74%, 59%)">                </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">                  </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token string" style="color:hsl(119, 34%, 47%)">&quot; &quot;</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">                  </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;</span><span class="token tag" style="color:hsl(5, 74%, 59%)">i</span><span class="token tag" style="color:hsl(5, 74%, 59%)"> </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">className</span><span class="token tag attr-value punctuation attr-equals" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag attr-value" style="color:hsl(119, 34%, 47%)">ion-gear-a</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;/</span><span class="token tag" style="color:hsl(5, 74%, 59%)">i</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text">&amp;nbsp;Settings</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token string" style="color:hsl(119, 34%, 47%)">&quot; &quot;</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">                </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;/</span><span class="token tag class-name" style="color:hsl(35, 99%, 36%)">Link</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">              </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;/</span><span class="token tag" style="color:hsl(5, 74%, 59%)">li</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">              </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;</span><span class="token tag" style="color:hsl(5, 74%, 59%)">li</span><span class="token tag" style="color:hsl(5, 74%, 59%)"> </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">className</span><span class="token tag attr-value punctuation attr-equals" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag attr-value" style="color:hsl(119, 34%, 47%)">nav-item</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">                </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;</span><span class="token tag class-name" style="color:hsl(35, 99%, 36%)">Link</span><span class="token tag" style="color:hsl(5, 74%, 59%)"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token tag" style="color:hsl(5, 74%, 59%)">                  </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">prefetch</span><span class="token tag attr-value punctuation attr-equals" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag attr-value" style="color:hsl(119, 34%, 47%)">intent</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag" style="color:hsl(5, 74%, 59%)"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token tag" style="color:hsl(5, 74%, 59%)">                  </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">className</span><span class="token tag script language-javascript script-punctuation punctuation" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag script language-javascript punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token tag script language-javascript template-string template-punctuation string" style="color:hsl(119, 34%, 47%)">`</span><span class="token tag script language-javascript template-string string" style="color:hsl(119, 34%, 47%)">nav-link </span><span class="token tag script language-javascript template-string interpolation interpolation-punctuation punctuation" style="color:hsl(119, 34%, 47%)">${</span><span class="token tag script language-javascript template-string interpolation" style="color:hsl(5, 74%, 59%)">pathname</span><span class="token tag script language-javascript template-string interpolation punctuation" style="color:hsl(119, 34%, 47%)">.</span><span class="token tag script language-javascript template-string interpolation function" style="color:hsl(221, 87%, 60%)">includes</span><span class="token tag script language-javascript template-string interpolation punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token tag script language-javascript template-string interpolation string" style="color:hsl(119, 34%, 47%)">&quot;/profile&quot;</span><span class="token tag script language-javascript template-string interpolation punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token tag script language-javascript template-string interpolation" style="color:hsl(5, 74%, 59%)"> </span><span class="token tag script language-javascript template-string interpolation operator" style="color:hsl(221, 87%, 60%)">?</span><span class="token tag script language-javascript template-string interpolation" style="color:hsl(5, 74%, 59%)"> </span><span class="token tag script language-javascript template-string interpolation string" style="color:hsl(119, 34%, 47%)">&quot;active&quot;</span><span class="token tag script language-javascript template-string interpolation" style="color:hsl(5, 74%, 59%)"> </span><span class="token tag script language-javascript template-string interpolation operator" style="color:hsl(221, 87%, 60%)">:</span><span class="token tag script language-javascript template-string interpolation" style="color:hsl(5, 74%, 59%)"> </span><span class="token tag script language-javascript template-string interpolation string" style="color:hsl(119, 34%, 47%)">&quot;&quot;</span><span class="token tag script language-javascript template-string interpolation interpolation-punctuation punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token tag script language-javascript template-string template-punctuation string" style="color:hsl(119, 34%, 47%)">`</span><span class="token tag script language-javascript punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token tag" style="color:hsl(5, 74%, 59%)"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token tag" style="color:hsl(5, 74%, 59%)">                  </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">to</span><span class="token tag script language-javascript script-punctuation punctuation" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag script language-javascript punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token tag script language-javascript template-string template-punctuation string" style="color:hsl(119, 34%, 47%)">`</span><span class="token tag script language-javascript template-string string" style="color:hsl(119, 34%, 47%)">/profile/</span><span class="token tag script language-javascript template-string interpolation interpolation-punctuation punctuation" style="color:hsl(119, 34%, 47%)">${</span><span class="token tag script language-javascript template-string interpolation" style="color:hsl(5, 74%, 59%)">currentUser</span><span class="token tag script language-javascript template-string interpolation punctuation" style="color:hsl(119, 34%, 47%)">.</span><span class="token tag script language-javascript template-string interpolation" style="color:hsl(5, 74%, 59%)">username</span><span class="token tag script language-javascript template-string interpolation interpolation-punctuation punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token tag script language-javascript template-string template-punctuation string" style="color:hsl(119, 34%, 47%)">`</span><span class="token tag script language-javascript punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token tag" style="color:hsl(5, 74%, 59%)"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token tag" style="color:hsl(5, 74%, 59%)">                </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">                  </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token plain">currentUser</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">.</span><span class="token property-access">image</span><span class="token plain"> </span><span class="token operator" style="color:hsl(221, 87%, 60%)">&amp;&amp;</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">                    </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;</span><span class="token tag" style="color:hsl(5, 74%, 59%)">img</span><span class="token tag" style="color:hsl(5, 74%, 59%)"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token tag" style="color:hsl(5, 74%, 59%)">                      </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">width</span><span class="token tag script language-javascript script-punctuation punctuation" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag script language-javascript punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token tag script language-javascript number" style="color:hsl(35, 99%, 36%)">25</span><span class="token tag script language-javascript punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token tag" style="color:hsl(5, 74%, 59%)"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token tag" style="color:hsl(5, 74%, 59%)">                      </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">height</span><span class="token tag script language-javascript script-punctuation punctuation" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag script language-javascript punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token tag script language-javascript number" style="color:hsl(35, 99%, 36%)">25</span><span class="token tag script language-javascript punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token tag" style="color:hsl(5, 74%, 59%)"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token tag" style="color:hsl(5, 74%, 59%)">                      </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">src</span><span class="token tag script language-javascript script-punctuation punctuation" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag script language-javascript punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token tag script language-javascript" style="color:hsl(5, 74%, 59%)">currentUser</span><span class="token tag script language-javascript punctuation" style="color:hsl(119, 34%, 47%)">.</span><span class="token tag script language-javascript property-access" style="color:hsl(5, 74%, 59%)">image</span><span class="token tag script language-javascript punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token tag" style="color:hsl(5, 74%, 59%)"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token tag" style="color:hsl(5, 74%, 59%)">                      </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">className</span><span class="token tag attr-value punctuation attr-equals" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag attr-value" style="color:hsl(119, 34%, 47%)">user-pic</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag" style="color:hsl(5, 74%, 59%)"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token tag" style="color:hsl(5, 74%, 59%)">                      </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">alt</span><span class="token tag attr-value punctuation attr-equals" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag" style="color:hsl(5, 74%, 59%)"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token tag" style="color:hsl(5, 74%, 59%)">                    </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">/&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">                  </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">                  </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token plain">currentUser</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">.</span><span class="token property-access">username</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">                </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;/</span><span class="token tag class-name" style="color:hsl(35, 99%, 36%)">Link</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">              </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;/</span><span class="token tag" style="color:hsl(5, 74%, 59%)">li</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">            </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;/</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">          </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">        </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;/</span><span class="token tag" style="color:hsl(5, 74%, 59%)">ul</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">      </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;/</span><span class="token tag" style="color:hsl(5, 74%, 59%)">div</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">    </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;/</span><span class="token tag" style="color:hsl(5, 74%, 59%)">nav</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">  </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain"></span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><br></span></code></pre><div class="buttonGroup_VWIG"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_p0uL" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_LnVn"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_yLdc"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div>
-<p>Export this component from <code>shared/ui</code>:</p>
+<p>이 컴포넌트를 <code>shared/ui</code>에서 내보내세요.</p>
 <div class="language-tsx codeBlockContainer_IiXL theme-code-block" style="--prism-background-color:hsl(230, 1%, 98%);--prism-color:hsl(230, 8%, 24%)"><div class="codeBlockTitle_ajkA">shared/ui/index.ts</div><div class="codeBlockContent_Y78k"><pre tabindex="0" class="prism-code language-tsx codeBlock_gc_u thin-scrollbar" style="background-color:hsl(230, 1%, 98%);color:hsl(230, 8%, 24%)"><code class="codeBlockLines_PG8G"><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token keyword" style="color:hsl(301, 63%, 40%)">export</span><span class="token plain"> </span><span class="token exports punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token exports"> </span><span class="token exports maybe-class-name">Header</span><span class="token exports"> </span><span class="token exports punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token plain"> </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">from</span><span class="token plain"> </span><span class="token string" style="color:hsl(119, 34%, 47%)">&quot;./Header&quot;</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><br></span></code></pre><div class="buttonGroup_VWIG"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_p0uL" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_LnVn"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_yLdc"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div>
-<p>In the header, we rely on the context that’s kept in <code>shared/api</code>. Create that as well:</p>
+<p>헤더에서는 <code>shared/api</code>에 유지되는 컨텍스트에 의존합니다. 그것도 만드세요.</p>
 <div class="language-tsx codeBlockContainer_IiXL theme-code-block" style="--prism-background-color:hsl(230, 1%, 98%);--prism-color:hsl(230, 8%, 24%)"><div class="codeBlockTitle_ajkA">shared/api/currentUser.ts</div><div class="codeBlockContent_Y78k"><pre tabindex="0" class="prism-code language-tsx codeBlock_gc_u thin-scrollbar" style="background-color:hsl(230, 1%, 98%);color:hsl(230, 8%, 24%)"><code class="codeBlockLines_PG8G"><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token keyword" style="color:hsl(301, 63%, 40%)">import</span><span class="token plain"> </span><span class="token imports punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token imports"> createContext </span><span class="token imports punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token plain"> </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">from</span><span class="token plain"> </span><span class="token string" style="color:hsl(119, 34%, 47%)">&quot;react&quot;</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain" style="display:inline-block"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain"></span><span class="token keyword" style="color:hsl(301, 63%, 40%)">import</span><span class="token plain"> </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">type</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token plain"> </span><span class="token maybe-class-name">User</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token plain"> </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">from</span><span class="token plain"> </span><span class="token string" style="color:hsl(119, 34%, 47%)">&quot;./models&quot;</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain" style="display:inline-block"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain"></span><span class="token keyword" style="color:hsl(301, 63%, 40%)">export</span><span class="token plain"> </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">const</span><span class="token plain"> </span><span class="token maybe-class-name">CurrentUser</span><span class="token plain"> </span><span class="token operator" style="color:hsl(221, 87%, 60%)">=</span><span class="token plain"> </span><span class="token generic-function function" style="color:hsl(221, 87%, 60%)">createContext</span><span class="token generic-function generic class-name operator" style="color:hsl(221, 87%, 60%)">&lt;</span><span class="token generic-function generic class-name" style="color:hsl(35, 99%, 36%)">User </span><span class="token generic-function generic class-name operator" style="color:hsl(221, 87%, 60%)">|</span><span class="token generic-function generic class-name" style="color:hsl(35, 99%, 36%)"> </span><span class="token generic-function generic class-name keyword" style="color:hsl(301, 63%, 40%)">null</span><span class="token generic-function generic class-name operator" style="color:hsl(221, 87%, 60%)">&gt;</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token keyword" style="color:hsl(301, 63%, 40%)">null</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><br></span></code></pre><div class="buttonGroup_VWIG"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_p0uL" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_LnVn"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_yLdc"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div>
 <div class="language-tsx codeBlockContainer_IiXL theme-code-block" style="--prism-background-color:hsl(230, 1%, 98%);--prism-color:hsl(230, 8%, 24%)"><div class="codeBlockTitle_ajkA">shared/api/index.ts</div><div class="codeBlockContent_Y78k"><pre tabindex="0" class="prism-code language-tsx codeBlock_gc_u thin-scrollbar" style="background-color:hsl(230, 1%, 98%);color:hsl(230, 8%, 24%)"><code class="codeBlockLines_PG8G"><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token keyword" style="color:hsl(301, 63%, 40%)">export</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token plain"> </span><span class="token constant" style="color:hsl(35, 99%, 36%)">GET</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">,</span><span class="token plain"> </span><span class="token constant" style="color:hsl(35, 99%, 36%)">POST</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">,</span><span class="token plain"> </span><span class="token constant" style="color:hsl(35, 99%, 36%)">PUT</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">,</span><span class="token plain"> </span><span class="token constant" style="color:hsl(35, 99%, 36%)">DELETE</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token plain"> </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">from</span><span class="token plain"> </span><span class="token string" style="color:hsl(119, 34%, 47%)">&quot;./client&quot;</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain" style="display:inline-block"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain"></span><span class="token keyword" style="color:hsl(301, 63%, 40%)">export</span><span class="token plain"> </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">type</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token plain"> </span><span class="token maybe-class-name">Article</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token plain"> </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">from</span><span class="token plain"> </span><span class="token string" style="color:hsl(119, 34%, 47%)">&quot;./models&quot;</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain" style="display:inline-block"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain"></span><span class="token keyword" style="color:hsl(301, 63%, 40%)">export</span><span class="token plain"> </span><span class="token exports punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token exports"> createUserSession</span><span class="token exports punctuation" style="color:hsl(119, 34%, 47%)">,</span><span class="token exports"> getUserFromSession</span><span class="token exports punctuation" style="color:hsl(119, 34%, 47%)">,</span><span class="token exports"> requireUser </span><span class="token exports punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token plain"> </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">from</span><span class="token plain"> </span><span class="token string" style="color:hsl(119, 34%, 47%)">&quot;./auth.server&quot;</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain"></span><span class="token keyword" style="color:hsl(301, 63%, 40%)">export</span><span class="token plain"> </span><span class="token exports punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token exports"> </span><span class="token exports maybe-class-name">CurrentUser</span><span class="token exports"> </span><span class="token exports punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token plain"> </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">from</span><span class="token plain"> </span><span class="token string" style="color:hsl(119, 34%, 47%)">&quot;./currentUser&quot;</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><br></span></code></pre><div class="buttonGroup_VWIG"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_p0uL" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_LnVn"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_yLdc"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div>
-<p>Now let’s add the header to the page. We want it to be on every single page, so it makes sense to simply add it to the root route and wrap the outlet (the place where the page will be rendered) with the <code>CurrentUser</code> context provider. This way our entire app and also the header has access to the current user object. We will also add a loader to actually obtain the current user object from cookies. Drop the following into <code>app/root.tsx</code>:</p>
+<p>이제 페이지에 헤더를 추가해 봅시다. 모든 페이지에 있어야 하므로 루트 라우트에 추가하고 outlet(페이지가 렌더링될 위치)을 <code>CurrentUser</code> 컨텍스트 제공자로 감싸는 것이 합리적입니다. 이렇게 하면 전체 앱과 헤더가 현재 사용자 객체에 접근할 수 있습니다. 또한 쿠키에서 실제로 현재 사용자 객체를 가져오는 로더를 추가할 것입니다. <code>app/root.tsx</code>에 다음 내용을 넣으세요.</p>
 <div class="language-tsx codeBlockContainer_IiXL theme-code-block" style="--prism-background-color:hsl(230, 1%, 98%);--prism-color:hsl(230, 8%, 24%)"><div class="codeBlockTitle_ajkA">app/root.tsx</div><div class="codeBlockContent_Y78k"><pre tabindex="0" class="prism-code language-tsx codeBlock_gc_u thin-scrollbar" style="background-color:hsl(230, 1%, 98%);color:hsl(230, 8%, 24%)"><code class="codeBlockLines_PG8G"><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token keyword" style="color:hsl(301, 63%, 40%)">import</span><span class="token plain"> </span><span class="token imports punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token imports"> cssBundleHref </span><span class="token imports punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token plain"> </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">from</span><span class="token plain"> </span><span class="token string" style="color:hsl(119, 34%, 47%)">&quot;@remix-run/css-bundle&quot;</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain"></span><span class="token keyword" style="color:hsl(301, 63%, 40%)">import</span><span class="token plain"> </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">type</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token plain"> </span><span class="token maybe-class-name">LinksFunction</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">,</span><span class="token plain"> </span><span class="token maybe-class-name">LoaderFunctionArgs</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token plain"> </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">from</span><span class="token plain"> </span><span class="token string" style="color:hsl(119, 34%, 47%)">&quot;@remix-run/node&quot;</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain"></span><span class="token keyword" style="color:hsl(301, 63%, 40%)">import</span><span class="token plain"> </span><span class="token imports punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token imports"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token imports">  </span><span class="token imports maybe-class-name">Links</span><span class="token imports punctuation" style="color:hsl(119, 34%, 47%)">,</span><span class="token imports"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token imports">  </span><span class="token imports maybe-class-name">LiveReload</span><span class="token imports punctuation" style="color:hsl(119, 34%, 47%)">,</span><span class="token imports"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token imports">  </span><span class="token imports maybe-class-name">Meta</span><span class="token imports punctuation" style="color:hsl(119, 34%, 47%)">,</span><span class="token imports"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token imports">  </span><span class="token imports maybe-class-name">Outlet</span><span class="token imports punctuation" style="color:hsl(119, 34%, 47%)">,</span><span class="token imports"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token imports">  </span><span class="token imports maybe-class-name">Scripts</span><span class="token imports punctuation" style="color:hsl(119, 34%, 47%)">,</span><span class="token imports"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token imports">  </span><span class="token imports maybe-class-name">ScrollRestoration</span><span class="token imports punctuation" style="color:hsl(119, 34%, 47%)">,</span><span class="token imports"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token imports">  useLoaderData</span><span class="token imports punctuation" style="color:hsl(119, 34%, 47%)">,</span><span class="token imports"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token imports"></span><span class="token imports punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token plain"> </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">from</span><span class="token plain"> </span><span class="token string" style="color:hsl(119, 34%, 47%)">&quot;@remix-run/react&quot;</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain" style="display:inline-block"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain"></span><span class="token keyword" style="color:hsl(301, 63%, 40%)">import</span><span class="token plain"> </span><span class="token imports punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token imports"> </span><span class="token imports maybe-class-name">Header</span><span class="token imports"> </span><span class="token imports punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token plain"> </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">from</span><span class="token plain"> </span><span class="token string" style="color:hsl(119, 34%, 47%)">&quot;shared/ui&quot;</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain"></span><span class="token keyword" style="color:hsl(301, 63%, 40%)">import</span><span class="token plain"> </span><span class="token imports punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token imports"> getUserFromSession</span><span class="token imports punctuation" style="color:hsl(119, 34%, 47%)">,</span><span class="token imports"> </span><span class="token imports maybe-class-name">CurrentUser</span><span class="token imports"> </span><span class="token imports punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token plain"> </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">from</span><span class="token plain"> </span><span class="token string" style="color:hsl(119, 34%, 47%)">&quot;shared/api&quot;</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain" style="display:inline-block"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain"></span><span class="token keyword" style="color:hsl(301, 63%, 40%)">export</span><span class="token plain"> </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">const</span><span class="token plain"> links</span><span class="token operator" style="color:hsl(221, 87%, 60%)">:</span><span class="token plain"> </span><span class="token function-variable function" style="color:hsl(221, 87%, 60%)">LinksFunction</span><span class="token plain"> </span><span class="token operator" style="color:hsl(221, 87%, 60%)">=</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token plain"> </span><span class="token arrow operator" style="color:hsl(221, 87%, 60%)">=&gt;</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">[</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">  </span><span class="token spread operator" style="color:hsl(221, 87%, 60%)">...</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token plain">cssBundleHref </span><span class="token operator" style="color:hsl(221, 87%, 60%)">?</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">[</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token plain"> rel</span><span class="token operator" style="color:hsl(221, 87%, 60%)">:</span><span class="token plain"> </span><span class="token string" style="color:hsl(119, 34%, 47%)">&quot;stylesheet&quot;</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">,</span><span class="token plain"> href</span><span class="token operator" style="color:hsl(221, 87%, 60%)">:</span><span class="token plain"> cssBundleHref </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">]</span><span class="token plain"> </span><span class="token operator" style="color:hsl(221, 87%, 60%)">:</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">[</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">]</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">,</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain"></span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">]</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain" style="display:inline-block"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain"></span><span class="token keyword" style="color:hsl(301, 63%, 40%)">export</span><span class="token plain"> </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">const</span><span class="token plain"> </span><span class="token function-variable function" style="color:hsl(221, 87%, 60%)">loader</span><span class="token plain"> </span><span class="token operator" style="color:hsl(221, 87%, 60%)">=</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token plain"> request </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token operator" style="color:hsl(221, 87%, 60%)">:</span><span class="token plain"> </span><span class="token maybe-class-name">LoaderFunctionArgs</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token plain"> </span><span class="token arrow operator" style="color:hsl(221, 87%, 60%)">=&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">  </span><span class="token function" style="color:hsl(221, 87%, 60%)">getUserFromSession</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token plain">request</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain" style="display:inline-block"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain"></span><span class="token keyword" style="color:hsl(301, 63%, 40%)">export</span><span class="token plain"> </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">default</span><span class="token plain"> </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">function</span><span class="token plain"> </span><span class="token function" style="color:hsl(221, 87%, 60%)">App</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">  </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">const</span><span class="token plain"> user </span><span class="token operator" style="color:hsl(221, 87%, 60%)">=</span><span class="token plain"> </span><span class="token generic-function function" style="color:hsl(221, 87%, 60%)">useLoaderData</span><span class="token generic-function generic class-name operator" style="color:hsl(221, 87%, 60%)">&lt;</span><span class="token generic-function generic class-name keyword" style="color:hsl(301, 63%, 40%)">typeof</span><span class="token generic-function generic class-name" style="color:hsl(35, 99%, 36%)"> loader</span><span class="token generic-function generic class-name operator" style="color:hsl(221, 87%, 60%)">&gt;</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain" style="display:inline-block"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">  </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">return</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">    </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;</span><span class="token tag" style="color:hsl(5, 74%, 59%)">html</span><span class="token tag" style="color:hsl(5, 74%, 59%)"> </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">lang</span><span class="token tag attr-value punctuation attr-equals" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag attr-value" style="color:hsl(119, 34%, 47%)">en</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">      </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;</span><span class="token tag" style="color:hsl(5, 74%, 59%)">head</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">        </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;</span><span class="token tag" style="color:hsl(5, 74%, 59%)">meta</span><span class="token tag" style="color:hsl(5, 74%, 59%)"> </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">charSet</span><span class="token tag attr-value punctuation attr-equals" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag attr-value" style="color:hsl(119, 34%, 47%)">utf-8</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag" style="color:hsl(5, 74%, 59%)"> </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">/&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">        </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;</span><span class="token tag" style="color:hsl(5, 74%, 59%)">meta</span><span class="token tag" style="color:hsl(5, 74%, 59%)"> </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">name</span><span class="token tag attr-value punctuation attr-equals" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag attr-value" style="color:hsl(119, 34%, 47%)">viewport</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag" style="color:hsl(5, 74%, 59%)"> </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">content</span><span class="token tag attr-value punctuation attr-equals" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag attr-value" style="color:hsl(119, 34%, 47%)">width=device-width, initial-scale=1</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag" style="color:hsl(5, 74%, 59%)"> </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">/&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">        </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;</span><span class="token tag class-name" style="color:hsl(35, 99%, 36%)">Meta</span><span class="token tag" style="color:hsl(5, 74%, 59%)"> </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">/&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">        </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;</span><span class="token tag class-name" style="color:hsl(35, 99%, 36%)">Links</span><span class="token tag" style="color:hsl(5, 74%, 59%)"> </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">/&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">        </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;</span><span class="token tag" style="color:hsl(5, 74%, 59%)">link</span><span class="token tag" style="color:hsl(5, 74%, 59%)"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token tag" style="color:hsl(5, 74%, 59%)">          </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">href</span><span class="token tag attr-value punctuation attr-equals" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag attr-value" style="color:hsl(119, 34%, 47%)">//code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag" style="color:hsl(5, 74%, 59%)"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token tag" style="color:hsl(5, 74%, 59%)">          </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">rel</span><span class="token tag attr-value punctuation attr-equals" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag attr-value" style="color:hsl(119, 34%, 47%)">stylesheet</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag" style="color:hsl(5, 74%, 59%)"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token tag" style="color:hsl(5, 74%, 59%)">          </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">type</span><span class="token tag attr-value punctuation attr-equals" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag attr-value" style="color:hsl(119, 34%, 47%)">text/css</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag" style="color:hsl(5, 74%, 59%)"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token tag" style="color:hsl(5, 74%, 59%)">        </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">/&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">        </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;</span><span class="token tag" style="color:hsl(5, 74%, 59%)">link</span><span class="token tag" style="color:hsl(5, 74%, 59%)"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token tag" style="color:hsl(5, 74%, 59%)">          </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">href</span><span class="token tag attr-value punctuation attr-equals" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag attr-value" style="color:hsl(119, 34%, 47%)">//fonts.googleapis.com/css?family=Titillium+Web:700|Source+Serif+Pro:400,700|Merriweather+Sans:400,700|Source+Sans+Pro:400,300,600,700,300italic,400italic,600italic,700italic</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag" style="color:hsl(5, 74%, 59%)"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token tag" style="color:hsl(5, 74%, 59%)">          </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">rel</span><span class="token tag attr-value punctuation attr-equals" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag attr-value" style="color:hsl(119, 34%, 47%)">stylesheet</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag" style="color:hsl(5, 74%, 59%)"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token tag" style="color:hsl(5, 74%, 59%)">          </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">type</span><span class="token tag attr-value punctuation attr-equals" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag attr-value" style="color:hsl(119, 34%, 47%)">text/css</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag" style="color:hsl(5, 74%, 59%)"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token tag" style="color:hsl(5, 74%, 59%)">        </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">/&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">        </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;</span><span class="token tag" style="color:hsl(5, 74%, 59%)">link</span><span class="token tag" style="color:hsl(5, 74%, 59%)"> </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">rel</span><span class="token tag attr-value punctuation attr-equals" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag attr-value" style="color:hsl(119, 34%, 47%)">stylesheet</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag" style="color:hsl(5, 74%, 59%)"> </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">href</span><span class="token tag attr-value punctuation attr-equals" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag attr-value" style="color:hsl(119, 34%, 47%)">//demo.productionready.io/main.css</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag" style="color:hsl(5, 74%, 59%)"> </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">/&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">        </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;</span><span class="token tag" style="color:hsl(5, 74%, 59%)">style</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text">{`</span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">          button {</span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">            border: 0;</span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">          }</span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">        `}</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;/</span><span class="token tag" style="color:hsl(5, 74%, 59%)">style</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">      </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;/</span><span class="token tag" style="color:hsl(5, 74%, 59%)">head</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">      </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;</span><span class="token tag" style="color:hsl(5, 74%, 59%)">body</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">        </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;</span><span class="token tag class-name" style="color:hsl(35, 99%, 36%)">CurrentUser.Provider</span><span class="token tag" style="color:hsl(5, 74%, 59%)"> </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">value</span><span class="token tag script language-javascript script-punctuation punctuation" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag script language-javascript punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token tag script language-javascript" style="color:hsl(5, 74%, 59%)">user</span><span class="token tag script language-javascript punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">          </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;</span><span class="token tag class-name" style="color:hsl(35, 99%, 36%)">Header</span><span class="token tag" style="color:hsl(5, 74%, 59%)"> </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">/&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">          </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;</span><span class="token tag class-name" style="color:hsl(35, 99%, 36%)">Outlet</span><span class="token tag" style="color:hsl(5, 74%, 59%)"> </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">/&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">        </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;/</span><span class="token tag class-name" style="color:hsl(35, 99%, 36%)">CurrentUser.Provider</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">        </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;</span><span class="token tag class-name" style="color:hsl(35, 99%, 36%)">ScrollRestoration</span><span class="token tag" style="color:hsl(5, 74%, 59%)"> </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">/&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">        </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;</span><span class="token tag class-name" style="color:hsl(35, 99%, 36%)">Scripts</span><span class="token tag" style="color:hsl(5, 74%, 59%)"> </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">/&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">        </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;</span><span class="token tag class-name" style="color:hsl(35, 99%, 36%)">LiveReload</span><span class="token tag" style="color:hsl(5, 74%, 59%)"> </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">/&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">      </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;/</span><span class="token tag" style="color:hsl(5, 74%, 59%)">body</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">    </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;/</span><span class="token tag" style="color:hsl(5, 74%, 59%)">html</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">  </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain"></span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><br></span></code></pre><div class="buttonGroup_VWIG"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_p0uL" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_LnVn"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_yLdc"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div>
-<p>At this point, you should end up with the following on the home page:</p>
-<figure><p><img decoding="async" loading="lazy" alt="The feed page of Conduit, including the header, the feed, and the tags. The tabs are still missing." src="/kr/assets/images/realworld-feed-without-tabs-5da4c9072101ac20e82e2234bd3badbe.jpg" width="2880" height="1488" class="img_Vtmu"></p><figcaption>The feed page of Conduit, including the header, the feed, and the tags. The tabs are still missing.</figcaption></figure>
-<h3 class="anchor anchorWithStickyNavbar_QzlE" id="tabs">Tabs<a href="#tabs" class="hash-link" aria-label="Direct link to heading" title="Direct link to heading">​</a></h3>
-<p>Now that we can detect the authentication state, let’s also quickly implement the tabs and post likes to be done with the feed page. We need another form, but this page file is getting kind of large, so let’s move these forms into adjacent files. We will create <code>Tabs.tsx</code>, <code>PopularTags.tsx</code>, and <code>Pagination.tsx</code> with the following content:</p>
+<p>이 시점에서 홈 페이지에 다음과 같은 내용이 표시되어야 합니다.</p>
+<figure><p><img decoding="async" loading="lazy" alt="The feed page of Conduit, including the header, the feed, and the tags. The tabs are still missing." src="/kr/assets/images/realworld-feed-without-tabs-5da4c9072101ac20e82e2234bd3badbe.jpg" width="2880" height="1488" class="img_Vtmu"></p><figcaption>헤더, 피드, 태그를 포함한 Conduit의 피드 페이지. 탭은 아직 없습니다.</figcaption></figure>
+<h3 class="anchor anchorWithStickyNavbar_QzlE" id="탭">탭<a href="#탭" class="hash-link" aria-label="Direct link to heading" title="Direct link to heading">​</a></h3>
+<p>이제 인증 상태를 감지할 수 있으므로 탭과 글 좋아요를 빠르게 구현하여 피드 페이지를 완성해 봅시다. 또 다른 폼이 필요하지만 이 페이지 파일이 꽤 커지고 있으므로 이러한 폼을 인접한 파일로 옮기겠습니다. <code>Tabs.tsx</code>, <code>PopularTags.tsx</code>, <code>Pagination.tsx</code>를 다음 내용으로 만들 것입니다.</p>
 <div class="language-tsx codeBlockContainer_IiXL theme-code-block" style="--prism-background-color:hsl(230, 1%, 98%);--prism-color:hsl(230, 8%, 24%)"><div class="codeBlockTitle_ajkA">pages/feed/ui/Tabs.tsx</div><div class="codeBlockContent_Y78k"><pre tabindex="0" class="prism-code language-tsx codeBlock_gc_u thin-scrollbar" style="background-color:hsl(230, 1%, 98%);color:hsl(230, 8%, 24%)"><code class="codeBlockLines_PG8G"><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token keyword" style="color:hsl(301, 63%, 40%)">import</span><span class="token plain"> </span><span class="token imports punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token imports"> useContext </span><span class="token imports punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token plain"> </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">from</span><span class="token plain"> </span><span class="token string" style="color:hsl(119, 34%, 47%)">&quot;react&quot;</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain"></span><span class="token keyword" style="color:hsl(301, 63%, 40%)">import</span><span class="token plain"> </span><span class="token imports punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token imports"> </span><span class="token imports maybe-class-name">Form</span><span class="token imports punctuation" style="color:hsl(119, 34%, 47%)">,</span><span class="token imports"> useSearchParams </span><span class="token imports punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token plain"> </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">from</span><span class="token plain"> </span><span class="token string" style="color:hsl(119, 34%, 47%)">&quot;@remix-run/react&quot;</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain" style="display:inline-block"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain"></span><span class="token keyword" style="color:hsl(301, 63%, 40%)">import</span><span class="token plain"> </span><span class="token imports punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token imports"> </span><span class="token imports maybe-class-name">CurrentUser</span><span class="token imports"> </span><span class="token imports punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token plain"> </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">from</span><span class="token plain"> </span><span class="token string" style="color:hsl(119, 34%, 47%)">&quot;shared/api&quot;</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain" style="display:inline-block"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain"></span><span class="token keyword" style="color:hsl(301, 63%, 40%)">export</span><span class="token plain"> </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">function</span><span class="token plain"> </span><span class="token function" style="color:hsl(221, 87%, 60%)">Tabs</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">  </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">const</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">[</span><span class="token plain">searchParams</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">]</span><span class="token plain"> </span><span class="token operator" style="color:hsl(221, 87%, 60%)">=</span><span class="token plain"> </span><span class="token function" style="color:hsl(221, 87%, 60%)">useSearchParams</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">  </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">const</span><span class="token plain"> currentUser </span><span class="token operator" style="color:hsl(221, 87%, 60%)">=</span><span class="token plain"> </span><span class="token function" style="color:hsl(221, 87%, 60%)">useContext</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token maybe-class-name">CurrentUser</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain" style="display:inline-block"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">  </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">return</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">    </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;</span><span class="token tag class-name" style="color:hsl(35, 99%, 36%)">Form</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">      </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;</span><span class="token tag" style="color:hsl(5, 74%, 59%)">div</span><span class="token tag" style="color:hsl(5, 74%, 59%)"> </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">className</span><span class="token tag attr-value punctuation attr-equals" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag attr-value" style="color:hsl(119, 34%, 47%)">feed-toggle</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">        </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;</span><span class="token tag" style="color:hsl(5, 74%, 59%)">ul</span><span class="token tag" style="color:hsl(5, 74%, 59%)"> </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">className</span><span class="token tag attr-value punctuation attr-equals" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag attr-value" style="color:hsl(119, 34%, 47%)">nav nav-pills outline-active</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">          </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token plain">currentUser </span><span class="token operator" style="color:hsl(221, 87%, 60%)">!==</span><span class="token plain"> </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">null</span><span class="token plain"> </span><span class="token operator" style="color:hsl(221, 87%, 60%)">&amp;&amp;</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">            </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;</span><span class="token tag" style="color:hsl(5, 74%, 59%)">li</span><span class="token tag" style="color:hsl(5, 74%, 59%)"> </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">className</span><span class="token tag attr-value punctuation attr-equals" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag attr-value" style="color:hsl(119, 34%, 47%)">nav-item</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">              </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;</span><span class="token tag" style="color:hsl(5, 74%, 59%)">button</span><span class="token tag" style="color:hsl(5, 74%, 59%)"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token tag" style="color:hsl(5, 74%, 59%)">                </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">name</span><span class="token tag attr-value punctuation attr-equals" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag attr-value" style="color:hsl(119, 34%, 47%)">source</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag" style="color:hsl(5, 74%, 59%)"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token tag" style="color:hsl(5, 74%, 59%)">                </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">value</span><span class="token tag attr-value punctuation attr-equals" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag attr-value" style="color:hsl(119, 34%, 47%)">my-feed</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag" style="color:hsl(5, 74%, 59%)"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token tag" style="color:hsl(5, 74%, 59%)">                </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">className</span><span class="token tag script language-javascript script-punctuation punctuation" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag script language-javascript punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token tag script language-javascript template-string template-punctuation string" style="color:hsl(119, 34%, 47%)">`</span><span class="token tag script language-javascript template-string string" style="color:hsl(119, 34%, 47%)">nav-link </span><span class="token tag script language-javascript template-string interpolation interpolation-punctuation punctuation" style="color:hsl(119, 34%, 47%)">${</span><span class="token tag script language-javascript template-string interpolation" style="color:hsl(5, 74%, 59%)">searchParams</span><span class="token tag script language-javascript template-string interpolation punctuation" style="color:hsl(119, 34%, 47%)">.</span><span class="token tag script language-javascript template-string interpolation function" style="color:hsl(221, 87%, 60%)">get</span><span class="token tag script language-javascript template-string interpolation punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token tag script language-javascript template-string interpolation string" style="color:hsl(119, 34%, 47%)">&quot;source&quot;</span><span class="token tag script language-javascript template-string interpolation punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token tag script language-javascript template-string interpolation" style="color:hsl(5, 74%, 59%)"> </span><span class="token tag script language-javascript template-string interpolation operator" style="color:hsl(221, 87%, 60%)">===</span><span class="token tag script language-javascript template-string interpolation" style="color:hsl(5, 74%, 59%)"> </span><span class="token tag script language-javascript template-string interpolation string" style="color:hsl(119, 34%, 47%)">&quot;my-feed&quot;</span><span class="token tag script language-javascript template-string interpolation" style="color:hsl(5, 74%, 59%)"> </span><span class="token tag script language-javascript template-string interpolation operator" style="color:hsl(221, 87%, 60%)">?</span><span class="token tag script language-javascript template-string interpolation" style="color:hsl(5, 74%, 59%)"> </span><span class="token tag script language-javascript template-string interpolation string" style="color:hsl(119, 34%, 47%)">&quot;active&quot;</span><span class="token tag script language-javascript template-string interpolation" style="color:hsl(5, 74%, 59%)"> </span><span class="token tag script language-javascript template-string interpolation operator" style="color:hsl(221, 87%, 60%)">:</span><span class="token tag script language-javascript template-string interpolation" style="color:hsl(5, 74%, 59%)"> </span><span class="token tag script language-javascript template-string interpolation string" style="color:hsl(119, 34%, 47%)">&quot;&quot;</span><span class="token tag script language-javascript template-string interpolation interpolation-punctuation punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token tag script language-javascript template-string template-punctuation string" style="color:hsl(119, 34%, 47%)">`</span><span class="token tag script language-javascript punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token tag" style="color:hsl(5, 74%, 59%)"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token tag" style="color:hsl(5, 74%, 59%)">              </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">                Your Feed</span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">              </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;/</span><span class="token tag" style="color:hsl(5, 74%, 59%)">button</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">            </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;/</span><span class="token tag" style="color:hsl(5, 74%, 59%)">li</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">          </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">          </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;</span><span class="token tag" style="color:hsl(5, 74%, 59%)">li</span><span class="token tag" style="color:hsl(5, 74%, 59%)"> </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">className</span><span class="token tag attr-value punctuation attr-equals" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag attr-value" style="color:hsl(119, 34%, 47%)">nav-item</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">            </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;</span><span class="token tag" style="color:hsl(5, 74%, 59%)">button</span><span class="token tag" style="color:hsl(5, 74%, 59%)"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token tag" style="color:hsl(5, 74%, 59%)">              </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">className</span><span class="token tag script language-javascript script-punctuation punctuation" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag script language-javascript punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token tag script language-javascript template-string template-punctuation string" style="color:hsl(119, 34%, 47%)">`</span><span class="token tag script language-javascript template-string string" style="color:hsl(119, 34%, 47%)">nav-link </span><span class="token tag script language-javascript template-string interpolation interpolation-punctuation punctuation" style="color:hsl(119, 34%, 47%)">${</span><span class="token tag script language-javascript template-string interpolation" style="color:hsl(5, 74%, 59%)">searchParams</span><span class="token tag script language-javascript template-string interpolation punctuation" style="color:hsl(119, 34%, 47%)">.</span><span class="token tag script language-javascript template-string interpolation function" style="color:hsl(221, 87%, 60%)">has</span><span class="token tag script language-javascript template-string interpolation punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token tag script language-javascript template-string interpolation string" style="color:hsl(119, 34%, 47%)">&quot;tag&quot;</span><span class="token tag script language-javascript template-string interpolation punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token tag script language-javascript template-string interpolation" style="color:hsl(5, 74%, 59%)"> </span><span class="token tag script language-javascript template-string interpolation operator" style="color:hsl(221, 87%, 60%)">||</span><span class="token tag script language-javascript template-string interpolation" style="color:hsl(5, 74%, 59%)"> searchParams</span><span class="token tag script language-javascript template-string interpolation punctuation" style="color:hsl(119, 34%, 47%)">.</span><span class="token tag script language-javascript template-string interpolation function" style="color:hsl(221, 87%, 60%)">has</span><span class="token tag script language-javascript template-string interpolation punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token tag script language-javascript template-string interpolation string" style="color:hsl(119, 34%, 47%)">&quot;source&quot;</span><span class="token tag script language-javascript template-string interpolation punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token tag script language-javascript template-string interpolation" style="color:hsl(5, 74%, 59%)"> </span><span class="token tag script language-javascript template-string interpolation operator" style="color:hsl(221, 87%, 60%)">?</span><span class="token tag script language-javascript template-string interpolation" style="color:hsl(5, 74%, 59%)"> </span><span class="token tag script language-javascript template-string interpolation string" style="color:hsl(119, 34%, 47%)">&quot;&quot;</span><span class="token tag script language-javascript template-string interpolation" style="color:hsl(5, 74%, 59%)"> </span><span class="token tag script language-javascript template-string interpolation operator" style="color:hsl(221, 87%, 60%)">:</span><span class="token tag script language-javascript template-string interpolation" style="color:hsl(5, 74%, 59%)"> </span><span class="token tag script language-javascript template-string interpolation string" style="color:hsl(119, 34%, 47%)">&quot;active&quot;</span><span class="token tag script language-javascript template-string interpolation interpolation-punctuation punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token tag script language-javascript template-string template-punctuation string" style="color:hsl(119, 34%, 47%)">`</span><span class="token tag script language-javascript punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token tag" style="color:hsl(5, 74%, 59%)"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token tag" style="color:hsl(5, 74%, 59%)">            </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">              Global Feed</span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">            </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;/</span><span class="token tag" style="color:hsl(5, 74%, 59%)">button</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">          </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;/</span><span class="token tag" style="color:hsl(5, 74%, 59%)">li</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">          </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token plain">searchParams</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">.</span><span class="token method function property-access" style="color:hsl(221, 87%, 60%)">has</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token string" style="color:hsl(119, 34%, 47%)">&quot;tag&quot;</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token plain"> </span><span class="token operator" style="color:hsl(221, 87%, 60%)">&amp;&amp;</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">            </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;</span><span class="token tag" style="color:hsl(5, 74%, 59%)">li</span><span class="token tag" style="color:hsl(5, 74%, 59%)"> </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">className</span><span class="token tag attr-value punctuation attr-equals" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag attr-value" style="color:hsl(119, 34%, 47%)">nav-item</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">              </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;</span><span class="token tag" style="color:hsl(5, 74%, 59%)">span</span><span class="token tag" style="color:hsl(5, 74%, 59%)"> </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">className</span><span class="token tag attr-value punctuation attr-equals" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag attr-value" style="color:hsl(119, 34%, 47%)">nav-link active</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">                </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;</span><span class="token tag" style="color:hsl(5, 74%, 59%)">i</span><span class="token tag" style="color:hsl(5, 74%, 59%)"> </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">className</span><span class="token tag attr-value punctuation attr-equals" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag attr-value" style="color:hsl(119, 34%, 47%)">ion-pound</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;/</span><span class="token tag" style="color:hsl(5, 74%, 59%)">i</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token plain">searchParams</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">.</span><span class="token method function property-access" style="color:hsl(221, 87%, 60%)">get</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token string" style="color:hsl(119, 34%, 47%)">&quot;tag&quot;</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">              </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;/</span><span class="token tag" style="color:hsl(5, 74%, 59%)">span</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">            </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;/</span><span class="token tag" style="color:hsl(5, 74%, 59%)">li</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">          </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">        </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;/</span><span class="token tag" style="color:hsl(5, 74%, 59%)">ul</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">      </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;/</span><span class="token tag" style="color:hsl(5, 74%, 59%)">div</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">    </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;/</span><span class="token tag class-name" style="color:hsl(35, 99%, 36%)">Form</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">  </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain"></span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><br></span></code></pre><div class="buttonGroup_VWIG"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_p0uL" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_LnVn"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_yLdc"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div>
 <div class="language-tsx codeBlockContainer_IiXL theme-code-block" style="--prism-background-color:hsl(230, 1%, 98%);--prism-color:hsl(230, 8%, 24%)"><div class="codeBlockTitle_ajkA">pages/feed/ui/PopularTags.tsx</div><div class="codeBlockContent_Y78k"><pre tabindex="0" class="prism-code language-tsx codeBlock_gc_u thin-scrollbar" style="background-color:hsl(230, 1%, 98%);color:hsl(230, 8%, 24%)"><code class="codeBlockLines_PG8G"><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token keyword" style="color:hsl(301, 63%, 40%)">import</span><span class="token plain"> </span><span class="token imports punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token imports"> </span><span class="token imports maybe-class-name">Form</span><span class="token imports punctuation" style="color:hsl(119, 34%, 47%)">,</span><span class="token imports"> useLoaderData </span><span class="token imports punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token plain"> </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">from</span><span class="token plain"> </span><span class="token string" style="color:hsl(119, 34%, 47%)">&quot;@remix-run/react&quot;</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain"></span><span class="token keyword" style="color:hsl(301, 63%, 40%)">import</span><span class="token plain"> </span><span class="token imports punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token imports"> </span><span class="token imports maybe-class-name">ExistingSearchParams</span><span class="token imports"> </span><span class="token imports punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token plain"> </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">from</span><span class="token plain"> </span><span class="token string" style="color:hsl(119, 34%, 47%)">&quot;remix-utils/existing-search-params&quot;</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain" style="display:inline-block"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain"></span><span class="token keyword" style="color:hsl(301, 63%, 40%)">import</span><span class="token plain"> </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">type</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token plain"> loader </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token plain"> </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">from</span><span class="token plain"> </span><span class="token string" style="color:hsl(119, 34%, 47%)">&quot;../api/loader&quot;</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain" style="display:inline-block"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain"></span><span class="token keyword" style="color:hsl(301, 63%, 40%)">export</span><span class="token plain"> </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">function</span><span class="token plain"> </span><span class="token function" style="color:hsl(221, 87%, 60%)">PopularTags</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">  </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">const</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token plain"> tags </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token plain"> </span><span class="token operator" style="color:hsl(221, 87%, 60%)">=</span><span class="token plain"> </span><span class="token generic-function function" style="color:hsl(221, 87%, 60%)">useLoaderData</span><span class="token generic-function generic class-name operator" style="color:hsl(221, 87%, 60%)">&lt;</span><span class="token generic-function generic class-name keyword" style="color:hsl(301, 63%, 40%)">typeof</span><span class="token generic-function generic class-name" style="color:hsl(35, 99%, 36%)"> loader</span><span class="token generic-function generic class-name operator" style="color:hsl(221, 87%, 60%)">&gt;</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain" style="display:inline-block"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">  </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">return</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">    </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;</span><span class="token tag" style="color:hsl(5, 74%, 59%)">div</span><span class="token tag" style="color:hsl(5, 74%, 59%)"> </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">className</span><span class="token tag attr-value punctuation attr-equals" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag attr-value" style="color:hsl(119, 34%, 47%)">sidebar</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">      </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;</span><span class="token tag" style="color:hsl(5, 74%, 59%)">p</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text">Popular Tags</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;/</span><span class="token tag" style="color:hsl(5, 74%, 59%)">p</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">      </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;</span><span class="token tag class-name" style="color:hsl(35, 99%, 36%)">Form</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">        </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;</span><span class="token tag class-name" style="color:hsl(35, 99%, 36%)">ExistingSearchParams</span><span class="token tag" style="color:hsl(5, 74%, 59%)"> </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">exclude</span><span class="token tag script language-javascript script-punctuation punctuation" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag script language-javascript punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token tag script language-javascript punctuation" style="color:hsl(119, 34%, 47%)">[</span><span class="token tag script language-javascript string" style="color:hsl(119, 34%, 47%)">&quot;tag&quot;</span><span class="token tag script language-javascript punctuation" style="color:hsl(119, 34%, 47%)">,</span><span class="token tag script language-javascript" style="color:hsl(5, 74%, 59%)"> </span><span class="token tag script language-javascript string" style="color:hsl(119, 34%, 47%)">&quot;page&quot;</span><span class="token tag script language-javascript punctuation" style="color:hsl(119, 34%, 47%)">,</span><span class="token tag script language-javascript" style="color:hsl(5, 74%, 59%)"> </span><span class="token tag script language-javascript string" style="color:hsl(119, 34%, 47%)">&quot;source&quot;</span><span class="token tag script language-javascript punctuation" style="color:hsl(119, 34%, 47%)">]</span><span class="token tag script language-javascript punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token tag" style="color:hsl(5, 74%, 59%)"> </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">/&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">        </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;</span><span class="token tag" style="color:hsl(5, 74%, 59%)">div</span><span class="token tag" style="color:hsl(5, 74%, 59%)"> </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">className</span><span class="token tag attr-value punctuation attr-equals" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag attr-value" style="color:hsl(119, 34%, 47%)">tag-list</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">          </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token plain">tags</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">.</span><span class="token property-access">tags</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">.</span><span class="token method function property-access" style="color:hsl(221, 87%, 60%)">map</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token plain">tag</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token plain"> </span><span class="token arrow operator" style="color:hsl(221, 87%, 60%)">=&gt;</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">            </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;</span><span class="token tag" style="color:hsl(5, 74%, 59%)">button</span><span class="token tag" style="color:hsl(5, 74%, 59%)"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token tag" style="color:hsl(5, 74%, 59%)">              </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">key</span><span class="token tag script language-javascript script-punctuation punctuation" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag script language-javascript punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token tag script language-javascript" style="color:hsl(5, 74%, 59%)">tag</span><span class="token tag script language-javascript punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token tag" style="color:hsl(5, 74%, 59%)"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token tag" style="color:hsl(5, 74%, 59%)">              </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">name</span><span class="token tag attr-value punctuation attr-equals" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag attr-value" style="color:hsl(119, 34%, 47%)">tag</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag" style="color:hsl(5, 74%, 59%)"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token tag" style="color:hsl(5, 74%, 59%)">              </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">value</span><span class="token tag script language-javascript script-punctuation punctuation" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag script language-javascript punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token tag script language-javascript" style="color:hsl(5, 74%, 59%)">tag</span><span class="token tag script language-javascript punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token tag" style="color:hsl(5, 74%, 59%)"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token tag" style="color:hsl(5, 74%, 59%)">              </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">className</span><span class="token tag attr-value punctuation attr-equals" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag attr-value" style="color:hsl(119, 34%, 47%)">tag-pill tag-default</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag" style="color:hsl(5, 74%, 59%)"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token tag" style="color:hsl(5, 74%, 59%)">            </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">              </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token plain">tag</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">            </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;/</span><span class="token tag" style="color:hsl(5, 74%, 59%)">button</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">          </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">        </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;/</span><span class="token tag" style="color:hsl(5, 74%, 59%)">div</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">      </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;/</span><span class="token tag class-name" style="color:hsl(35, 99%, 36%)">Form</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">    </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;/</span><span class="token tag" style="color:hsl(5, 74%, 59%)">div</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">  </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain"></span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><br></span></code></pre><div class="buttonGroup_VWIG"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_p0uL" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_LnVn"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_yLdc"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div>
 <div class="language-tsx codeBlockContainer_IiXL theme-code-block" style="--prism-background-color:hsl(230, 1%, 98%);--prism-color:hsl(230, 8%, 24%)"><div class="codeBlockTitle_ajkA">pages/feed/ui/Pagination.tsx</div><div class="codeBlockContent_Y78k"><pre tabindex="0" class="prism-code language-tsx codeBlock_gc_u thin-scrollbar" style="background-color:hsl(230, 1%, 98%);color:hsl(230, 8%, 24%)"><code class="codeBlockLines_PG8G"><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token keyword" style="color:hsl(301, 63%, 40%)">import</span><span class="token plain"> </span><span class="token imports punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token imports"> </span><span class="token imports maybe-class-name">Form</span><span class="token imports punctuation" style="color:hsl(119, 34%, 47%)">,</span><span class="token imports"> useLoaderData</span><span class="token imports punctuation" style="color:hsl(119, 34%, 47%)">,</span><span class="token imports"> useSearchParams </span><span class="token imports punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token plain"> </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">from</span><span class="token plain"> </span><span class="token string" style="color:hsl(119, 34%, 47%)">&quot;@remix-run/react&quot;</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain"></span><span class="token keyword" style="color:hsl(301, 63%, 40%)">import</span><span class="token plain"> </span><span class="token imports punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token imports"> </span><span class="token imports maybe-class-name">ExistingSearchParams</span><span class="token imports"> </span><span class="token imports punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token plain"> </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">from</span><span class="token plain"> </span><span class="token string" style="color:hsl(119, 34%, 47%)">&quot;remix-utils/existing-search-params&quot;</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain" style="display:inline-block"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain"></span><span class="token keyword" style="color:hsl(301, 63%, 40%)">import</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token plain"> </span><span class="token constant" style="color:hsl(35, 99%, 36%)">LIMIT</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">,</span><span class="token plain"> </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">type</span><span class="token plain"> </span><span class="token class-name" style="color:hsl(35, 99%, 36%)">loader</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token plain"> </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">from</span><span class="token plain"> </span><span class="token string" style="color:hsl(119, 34%, 47%)">&quot;../api/loader&quot;</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain" style="display:inline-block"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain"></span><span class="token keyword" style="color:hsl(301, 63%, 40%)">export</span><span class="token plain"> </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">function</span><span class="token plain"> </span><span class="token function" style="color:hsl(221, 87%, 60%)">Pagination</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">  </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">const</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">[</span><span class="token plain">searchParams</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">]</span><span class="token plain"> </span><span class="token operator" style="color:hsl(221, 87%, 60%)">=</span><span class="token plain"> </span><span class="token function" style="color:hsl(221, 87%, 60%)">useSearchParams</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">  </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">const</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token plain"> articles </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token plain"> </span><span class="token operator" style="color:hsl(221, 87%, 60%)">=</span><span class="token plain"> </span><span class="token generic-function function" style="color:hsl(221, 87%, 60%)">useLoaderData</span><span class="token generic-function generic class-name operator" style="color:hsl(221, 87%, 60%)">&lt;</span><span class="token generic-function generic class-name keyword" style="color:hsl(301, 63%, 40%)">typeof</span><span class="token generic-function generic class-name" style="color:hsl(35, 99%, 36%)"> loader</span><span class="token generic-function generic class-name operator" style="color:hsl(221, 87%, 60%)">&gt;</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">  </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">const</span><span class="token plain"> pageAmount </span><span class="token operator" style="color:hsl(221, 87%, 60%)">=</span><span class="token plain"> </span><span class="token known-class-name class-name" style="color:hsl(35, 99%, 36%)">Math</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">.</span><span class="token method function property-access" style="color:hsl(221, 87%, 60%)">ceil</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token plain">articles</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">.</span><span class="token property-access">articlesCount</span><span class="token plain"> </span><span class="token operator" style="color:hsl(221, 87%, 60%)">/</span><span class="token plain"> </span><span class="token constant" style="color:hsl(35, 99%, 36%)">LIMIT</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">  </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">const</span><span class="token plain"> currentPage </span><span class="token operator" style="color:hsl(221, 87%, 60%)">=</span><span class="token plain"> </span><span class="token function" style="color:hsl(221, 87%, 60%)">parseInt</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token plain">searchParams</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">.</span><span class="token method function property-access" style="color:hsl(221, 87%, 60%)">get</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token string" style="color:hsl(119, 34%, 47%)">&quot;page&quot;</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token plain"> </span><span class="token operator" style="color:hsl(221, 87%, 60%)">??</span><span class="token plain"> </span><span class="token string" style="color:hsl(119, 34%, 47%)">&quot;1&quot;</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">,</span><span class="token plain"> </span><span class="token number" style="color:hsl(35, 99%, 36%)">10</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain" style="display:inline-block"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">  </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">return</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">    </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;</span><span class="token tag class-name" style="color:hsl(35, 99%, 36%)">Form</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">      </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;</span><span class="token tag class-name" style="color:hsl(35, 99%, 36%)">ExistingSearchParams</span><span class="token tag" style="color:hsl(5, 74%, 59%)"> </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">exclude</span><span class="token tag script language-javascript script-punctuation punctuation" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag script language-javascript punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token tag script language-javascript punctuation" style="color:hsl(119, 34%, 47%)">[</span><span class="token tag script language-javascript string" style="color:hsl(119, 34%, 47%)">&quot;page&quot;</span><span class="token tag script language-javascript punctuation" style="color:hsl(119, 34%, 47%)">]</span><span class="token tag script language-javascript punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token tag" style="color:hsl(5, 74%, 59%)"> </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">/&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">      </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;</span><span class="token tag" style="color:hsl(5, 74%, 59%)">ul</span><span class="token tag" style="color:hsl(5, 74%, 59%)"> </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">className</span><span class="token tag attr-value punctuation attr-equals" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag attr-value" style="color:hsl(119, 34%, 47%)">pagination</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">        </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token known-class-name class-name" style="color:hsl(35, 99%, 36%)">Array</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token plain">pageAmount</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">          </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">.</span><span class="token method function property-access" style="color:hsl(221, 87%, 60%)">fill</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token keyword" style="color:hsl(301, 63%, 40%)">null</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">          </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">.</span><span class="token method function property-access" style="color:hsl(221, 87%, 60%)">map</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token plain">_</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">,</span><span class="token plain"> index</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token plain"> </span><span class="token arrow operator" style="color:hsl(221, 87%, 60%)">=&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">            index </span><span class="token operator" style="color:hsl(221, 87%, 60%)">+</span><span class="token plain"> </span><span class="token number" style="color:hsl(35, 99%, 36%)">1</span><span class="token plain"> </span><span class="token operator" style="color:hsl(221, 87%, 60%)">===</span><span class="token plain"> currentPage </span><span class="token operator" style="color:hsl(221, 87%, 60%)">?</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">              </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;</span><span class="token tag" style="color:hsl(5, 74%, 59%)">li</span><span class="token tag" style="color:hsl(5, 74%, 59%)"> </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">key</span><span class="token tag script language-javascript script-punctuation punctuation" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag script language-javascript punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token tag script language-javascript" style="color:hsl(5, 74%, 59%)">index</span><span class="token tag script language-javascript punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token tag" style="color:hsl(5, 74%, 59%)"> </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">className</span><span class="token tag attr-value punctuation attr-equals" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag attr-value" style="color:hsl(119, 34%, 47%)">page-item active</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">                </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;</span><span class="token tag" style="color:hsl(5, 74%, 59%)">span</span><span class="token tag" style="color:hsl(5, 74%, 59%)"> </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">className</span><span class="token tag attr-value punctuation attr-equals" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag attr-value" style="color:hsl(119, 34%, 47%)">page-link</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token plain">index </span><span class="token operator" style="color:hsl(221, 87%, 60%)">+</span><span class="token plain"> </span><span class="token number" style="color:hsl(35, 99%, 36%)">1</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;/</span><span class="token tag" style="color:hsl(5, 74%, 59%)">span</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">              </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;/</span><span class="token tag" style="color:hsl(5, 74%, 59%)">li</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">            </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token plain"> </span><span class="token operator" style="color:hsl(221, 87%, 60%)">:</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">              </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;</span><span class="token tag" style="color:hsl(5, 74%, 59%)">li</span><span class="token tag" style="color:hsl(5, 74%, 59%)"> </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">key</span><span class="token tag script language-javascript script-punctuation punctuation" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag script language-javascript punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token tag script language-javascript" style="color:hsl(5, 74%, 59%)">index</span><span class="token tag script language-javascript punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token tag" style="color:hsl(5, 74%, 59%)"> </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">className</span><span class="token tag attr-value punctuation attr-equals" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag attr-value" style="color:hsl(119, 34%, 47%)">page-item</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">                </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;</span><span class="token tag" style="color:hsl(5, 74%, 59%)">button</span><span class="token tag" style="color:hsl(5, 74%, 59%)"> </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">className</span><span class="token tag attr-value punctuation attr-equals" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag attr-value" style="color:hsl(119, 34%, 47%)">page-link</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag" style="color:hsl(5, 74%, 59%)"> </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">name</span><span class="token tag attr-value punctuation attr-equals" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag attr-value" style="color:hsl(119, 34%, 47%)">page</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag" style="color:hsl(5, 74%, 59%)"> </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">value</span><span class="token tag script language-javascript script-punctuation punctuation" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag script language-javascript punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token tag script language-javascript" style="color:hsl(5, 74%, 59%)">index </span><span class="token tag script language-javascript operator" style="color:hsl(221, 87%, 60%)">+</span><span class="token tag script language-javascript" style="color:hsl(5, 74%, 59%)"> </span><span class="token tag script language-javascript number" style="color:hsl(35, 99%, 36%)">1</span><span class="token tag script language-javascript punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">                  </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token plain">index </span><span class="token operator" style="color:hsl(221, 87%, 60%)">+</span><span class="token plain"> </span><span class="token number" style="color:hsl(35, 99%, 36%)">1</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">                </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;/</span><span class="token tag" style="color:hsl(5, 74%, 59%)">button</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">              </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;/</span><span class="token tag" style="color:hsl(5, 74%, 59%)">li</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">            </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">,</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">          </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">      </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;/</span><span class="token tag" style="color:hsl(5, 74%, 59%)">ul</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">    </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;/</span><span class="token tag class-name" style="color:hsl(35, 99%, 36%)">Form</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">  </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain"></span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><br></span></code></pre><div class="buttonGroup_VWIG"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_p0uL" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_LnVn"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_yLdc"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div>
-<p>And now we can significantly simplify the feed page itself:</p>
+<p>이제 <code>FeedPage</code>를 다음과 같이 업데이트하세요.</p>
 <div class="language-tsx codeBlockContainer_IiXL theme-code-block" style="--prism-background-color:hsl(230, 1%, 98%);--prism-color:hsl(230, 8%, 24%)"><div class="codeBlockTitle_ajkA">pages/feed/ui/FeedPage.tsx</div><div class="codeBlockContent_Y78k"><pre tabindex="0" class="prism-code language-tsx codeBlock_gc_u thin-scrollbar" style="background-color:hsl(230, 1%, 98%);color:hsl(230, 8%, 24%)"><code class="codeBlockLines_PG8G"><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token keyword" style="color:hsl(301, 63%, 40%)">import</span><span class="token plain"> </span><span class="token imports punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token imports"> useLoaderData </span><span class="token imports punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token plain"> </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">from</span><span class="token plain"> </span><span class="token string" style="color:hsl(119, 34%, 47%)">&quot;@remix-run/react&quot;</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain" style="display:inline-block"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain"></span><span class="token keyword" style="color:hsl(301, 63%, 40%)">import</span><span class="token plain"> </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">type</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token plain"> loader </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token plain"> </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">from</span><span class="token plain"> </span><span class="token string" style="color:hsl(119, 34%, 47%)">&quot;../api/loader&quot;</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain"></span><span class="token keyword" style="color:hsl(301, 63%, 40%)">import</span><span class="token plain"> </span><span class="token imports punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token imports"> </span><span class="token imports maybe-class-name">ArticlePreview</span><span class="token imports"> </span><span class="token imports punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token plain"> </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">from</span><span class="token plain"> </span><span class="token string" style="color:hsl(119, 34%, 47%)">&quot;./ArticlePreview&quot;</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain"></span><span class="token keyword" style="color:hsl(301, 63%, 40%)">import</span><span class="token plain"> </span><span class="token imports punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token imports"> </span><span class="token imports maybe-class-name">Tabs</span><span class="token imports"> </span><span class="token imports punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token plain"> </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">from</span><span class="token plain"> </span><span class="token string" style="color:hsl(119, 34%, 47%)">&quot;./Tabs&quot;</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain"></span><span class="token keyword" style="color:hsl(301, 63%, 40%)">import</span><span class="token plain"> </span><span class="token imports punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token imports"> </span><span class="token imports maybe-class-name">PopularTags</span><span class="token imports"> </span><span class="token imports punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token plain"> </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">from</span><span class="token plain"> </span><span class="token string" style="color:hsl(119, 34%, 47%)">&quot;./PopularTags&quot;</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain"></span><span class="token keyword" style="color:hsl(301, 63%, 40%)">import</span><span class="token plain"> </span><span class="token imports punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token imports"> </span><span class="token imports maybe-class-name">Pagination</span><span class="token imports"> </span><span class="token imports punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token plain"> </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">from</span><span class="token plain"> </span><span class="token string" style="color:hsl(119, 34%, 47%)">&quot;./Pagination&quot;</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain" style="display:inline-block"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain"></span><span class="token keyword" style="color:hsl(301, 63%, 40%)">export</span><span class="token plain"> </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">function</span><span class="token plain"> </span><span class="token function" style="color:hsl(221, 87%, 60%)">FeedPage</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">  </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">const</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token plain"> articles </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token plain"> </span><span class="token operator" style="color:hsl(221, 87%, 60%)">=</span><span class="token plain"> </span><span class="token generic-function function" style="color:hsl(221, 87%, 60%)">useLoaderData</span><span class="token generic-function generic class-name operator" style="color:hsl(221, 87%, 60%)">&lt;</span><span class="token generic-function generic class-name keyword" style="color:hsl(301, 63%, 40%)">typeof</span><span class="token generic-function generic class-name" style="color:hsl(35, 99%, 36%)"> loader</span><span class="token generic-function generic class-name operator" style="color:hsl(221, 87%, 60%)">&gt;</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain" style="display:inline-block"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">  </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">return</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">    </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;</span><span class="token tag" style="color:hsl(5, 74%, 59%)">div</span><span class="token tag" style="color:hsl(5, 74%, 59%)"> </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">className</span><span class="token tag attr-value punctuation attr-equals" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag attr-value" style="color:hsl(119, 34%, 47%)">home-page</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">      </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;</span><span class="token tag" style="color:hsl(5, 74%, 59%)">div</span><span class="token tag" style="color:hsl(5, 74%, 59%)"> </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">className</span><span class="token tag attr-value punctuation attr-equals" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag attr-value" style="color:hsl(119, 34%, 47%)">banner</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">        </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;</span><span class="token tag" style="color:hsl(5, 74%, 59%)">div</span><span class="token tag" style="color:hsl(5, 74%, 59%)"> </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">className</span><span class="token tag attr-value punctuation attr-equals" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag attr-value" style="color:hsl(119, 34%, 47%)">container</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">          </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;</span><span class="token tag" style="color:hsl(5, 74%, 59%)">h1</span><span class="token tag" style="color:hsl(5, 74%, 59%)"> </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">className</span><span class="token tag attr-value punctuation attr-equals" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag attr-value" style="color:hsl(119, 34%, 47%)">logo-font</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text">conduit</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;/</span><span class="token tag" style="color:hsl(5, 74%, 59%)">h1</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">          </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;</span><span class="token tag" style="color:hsl(5, 74%, 59%)">p</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text">A place to share your knowledge.</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;/</span><span class="token tag" style="color:hsl(5, 74%, 59%)">p</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">        </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;/</span><span class="token tag" style="color:hsl(5, 74%, 59%)">div</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">      </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;/</span><span class="token tag" style="color:hsl(5, 74%, 59%)">div</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">      </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;</span><span class="token tag" style="color:hsl(5, 74%, 59%)">div</span><span class="token tag" style="color:hsl(5, 74%, 59%)"> </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">className</span><span class="token tag attr-value punctuation attr-equals" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag attr-value" style="color:hsl(119, 34%, 47%)">container page</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">        </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;</span><span class="token tag" style="color:hsl(5, 74%, 59%)">div</span><span class="token tag" style="color:hsl(5, 74%, 59%)"> </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">className</span><span class="token tag attr-value punctuation attr-equals" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag attr-value" style="color:hsl(119, 34%, 47%)">row</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">          </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;</span><span class="token tag" style="color:hsl(5, 74%, 59%)">div</span><span class="token tag" style="color:hsl(5, 74%, 59%)"> </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">className</span><span class="token tag attr-value punctuation attr-equals" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag attr-value" style="color:hsl(119, 34%, 47%)">col-md-9</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">            </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;</span><span class="token tag class-name" style="color:hsl(35, 99%, 36%)">Tabs</span><span class="token tag" style="color:hsl(5, 74%, 59%)"> </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">/&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">            </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token plain">articles</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">.</span><span class="token property-access">articles</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">.</span><span class="token method function property-access" style="color:hsl(221, 87%, 60%)">map</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token plain">article</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token plain"> </span><span class="token arrow operator" style="color:hsl(221, 87%, 60%)">=&gt;</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">              </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;</span><span class="token tag class-name" style="color:hsl(35, 99%, 36%)">ArticlePreview</span><span class="token tag" style="color:hsl(5, 74%, 59%)"> </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">key</span><span class="token tag script language-javascript script-punctuation punctuation" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag script language-javascript punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token tag script language-javascript" style="color:hsl(5, 74%, 59%)">article</span><span class="token tag script language-javascript punctuation" style="color:hsl(119, 34%, 47%)">.</span><span class="token tag script language-javascript property-access" style="color:hsl(5, 74%, 59%)">slug</span><span class="token tag script language-javascript punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token tag" style="color:hsl(5, 74%, 59%)"> </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">article</span><span class="token tag script language-javascript script-punctuation punctuation" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag script language-javascript punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token tag script language-javascript" style="color:hsl(5, 74%, 59%)">article</span><span class="token tag script language-javascript punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token tag" style="color:hsl(5, 74%, 59%)"> </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">/&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">            </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">            </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;</span><span class="token tag class-name" style="color:hsl(35, 99%, 36%)">Pagination</span><span class="token tag" style="color:hsl(5, 74%, 59%)"> </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">/&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">          </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;/</span><span class="token tag" style="color:hsl(5, 74%, 59%)">div</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">          </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;</span><span class="token tag" style="color:hsl(5, 74%, 59%)">div</span><span class="token tag" style="color:hsl(5, 74%, 59%)"> </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">className</span><span class="token tag attr-value punctuation attr-equals" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag attr-value" style="color:hsl(119, 34%, 47%)">col-md-3</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">            </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;</span><span class="token tag class-name" style="color:hsl(35, 99%, 36%)">PopularTags</span><span class="token tag" style="color:hsl(5, 74%, 59%)"> </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">/&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">          </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;/</span><span class="token tag" style="color:hsl(5, 74%, 59%)">div</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">        </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;/</span><span class="token tag" style="color:hsl(5, 74%, 59%)">div</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">      </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;/</span><span class="token tag" style="color:hsl(5, 74%, 59%)">div</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">    </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;/</span><span class="token tag" style="color:hsl(5, 74%, 59%)">div</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">  </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain"></span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><br></span></code></pre><div class="buttonGroup_VWIG"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_p0uL" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_LnVn"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_yLdc"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div>
-<p>We also need to account for the new tab in the loader function:</p>
+<p>마지막으로 로더를 업데이트하여 새로운 필터를 처리하세요.</p>
 <div class="language-tsx codeBlockContainer_IiXL theme-code-block" style="--prism-background-color:hsl(230, 1%, 98%);--prism-color:hsl(230, 8%, 24%)"><div class="codeBlockTitle_ajkA">pages/feed/api/loader.ts</div><div class="codeBlockContent_Y78k"><pre tabindex="0" class="prism-code language-tsx codeBlock_gc_u thin-scrollbar" style="background-color:hsl(230, 1%, 98%);color:hsl(230, 8%, 24%)"><code class="codeBlockLines_PG8G"><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token keyword" style="color:hsl(301, 63%, 40%)">import</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token plain"> json</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">,</span><span class="token plain"> </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">type</span><span class="token plain"> </span><span class="token class-name" style="color:hsl(35, 99%, 36%)">LoaderFunctionArgs</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token plain"> </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">from</span><span class="token plain"> </span><span class="token string" style="color:hsl(119, 34%, 47%)">&quot;@remix-run/node&quot;</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain"></span><span class="token keyword" style="color:hsl(301, 63%, 40%)">import</span><span class="token plain"> </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">type</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token plain"> </span><span class="token maybe-class-name">FetchResponse</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token plain"> </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">from</span><span class="token plain"> </span><span class="token string" style="color:hsl(119, 34%, 47%)">&quot;openapi-fetch&quot;</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain"></span><span class="token keyword" style="color:hsl(301, 63%, 40%)">import</span><span class="token plain"> </span><span class="token imports punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token imports"> promiseHash </span><span class="token imports punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token plain"> </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">from</span><span class="token plain"> </span><span class="token string" style="color:hsl(119, 34%, 47%)">&quot;remix-utils/promise&quot;</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain" style="display:inline-block"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain"></span><span class="token keyword" style="color:hsl(301, 63%, 40%)">import</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token plain"> </span><span class="token constant" style="color:hsl(35, 99%, 36%)">GET</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">,</span><span class="token plain"> requireUser </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token plain"> </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">from</span><span class="token plain"> </span><span class="token string" style="color:hsl(119, 34%, 47%)">&quot;shared/api&quot;</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain" style="display:inline-block"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain"></span><span class="token keyword" style="color:hsl(301, 63%, 40%)">async</span><span class="token plain"> </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">function</span><span class="token plain"> </span><span class="token generic-function function" style="color:hsl(221, 87%, 60%)">throwAnyErrors</span><span class="token generic-function generic class-name operator" style="color:hsl(221, 87%, 60%)">&lt;</span><span class="token generic-function generic class-name constant" style="color:hsl(35, 99%, 36%)">T</span><span class="token generic-function generic class-name punctuation" style="color:hsl(119, 34%, 47%)">,</span><span class="token generic-function generic class-name" style="color:hsl(35, 99%, 36%)"> </span><span class="token generic-function generic class-name constant" style="color:hsl(35, 99%, 36%)">O</span><span class="token generic-function generic class-name punctuation" style="color:hsl(119, 34%, 47%)">,</span><span class="token generic-function generic class-name" style="color:hsl(35, 99%, 36%)"> Media </span><span class="token generic-function generic class-name keyword" style="color:hsl(301, 63%, 40%)">extends</span><span class="token generic-function generic class-name" style="color:hsl(35, 99%, 36%)"> </span><span class="token generic-function generic class-name template-string template-punctuation string" style="color:hsl(119, 34%, 47%)">`</span><span class="token generic-function generic class-name template-string interpolation interpolation-punctuation punctuation" style="color:hsl(119, 34%, 47%)">${</span><span class="token generic-function generic class-name template-string interpolation builtin" style="color:hsl(119, 34%, 47%)">string</span><span class="token generic-function generic class-name template-string interpolation interpolation-punctuation punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token generic-function generic class-name template-string string" style="color:hsl(119, 34%, 47%)">/</span><span class="token generic-function generic class-name template-string interpolation interpolation-punctuation punctuation" style="color:hsl(119, 34%, 47%)">${</span><span class="token generic-function generic class-name template-string interpolation builtin" style="color:hsl(119, 34%, 47%)">string</span><span class="token generic-function generic class-name template-string interpolation interpolation-punctuation punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token generic-function generic class-name template-string template-punctuation string" style="color:hsl(119, 34%, 47%)">`</span><span class="token generic-function generic class-name operator" style="color:hsl(221, 87%, 60%)">&gt;</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">  responsePromise</span><span class="token operator" style="color:hsl(221, 87%, 60%)">:</span><span class="token plain"> </span><span class="token known-class-name class-name" style="color:hsl(35, 99%, 36%)">Promise</span><span class="token operator" style="color:hsl(221, 87%, 60%)">&lt;</span><span class="token maybe-class-name">FetchResponse</span><span class="token operator" style="color:hsl(221, 87%, 60%)">&lt;</span><span class="token constant" style="color:hsl(35, 99%, 36%)">T</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">,</span><span class="token plain"> </span><span class="token constant" style="color:hsl(35, 99%, 36%)">O</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">,</span><span class="token plain"> </span><span class="token maybe-class-name">Media</span><span class="token operator" style="color:hsl(221, 87%, 60%)">&gt;&gt;</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">,</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain"></span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">  </span><span class="token comment" style="color:hsl(230, 4%, 64%)">/* unchanged */</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain"></span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain" style="display:inline-block"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain"></span><span class="token comment" style="color:hsl(230, 4%, 64%)">/** Amount of articles on one page. */</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain"></span><span class="token keyword" style="color:hsl(301, 63%, 40%)">export</span><span class="token plain"> </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">const</span><span class="token plain"> </span><span class="token constant" style="color:hsl(35, 99%, 36%)">LIMIT</span><span class="token plain"> </span><span class="token operator" style="color:hsl(221, 87%, 60%)">=</span><span class="token plain"> </span><span class="token number" style="color:hsl(35, 99%, 36%)">20</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain" style="display:inline-block"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain"></span><span class="token keyword" style="color:hsl(301, 63%, 40%)">export</span><span class="token plain"> </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">const</span><span class="token plain"> </span><span class="token function-variable function" style="color:hsl(221, 87%, 60%)">loader</span><span class="token plain"> </span><span class="token operator" style="color:hsl(221, 87%, 60%)">=</span><span class="token plain"> </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">async</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token plain"> request </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token operator" style="color:hsl(221, 87%, 60%)">:</span><span class="token plain"> </span><span class="token maybe-class-name">LoaderFunctionArgs</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token plain"> </span><span class="token arrow operator" style="color:hsl(221, 87%, 60%)">=&gt;</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">  </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">const</span><span class="token plain"> url </span><span class="token operator" style="color:hsl(221, 87%, 60%)">=</span><span class="token plain"> </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">new</span><span class="token plain"> </span><span class="token class-name constant" style="color:hsl(35, 99%, 36%)">URL</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token plain">request</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">.</span><span class="token property-access">url</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">  </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">const</span><span class="token plain"> selectedTag </span><span class="token operator" style="color:hsl(221, 87%, 60%)">=</span><span class="token plain"> url</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">.</span><span class="token property-access">searchParams</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">.</span><span class="token method function property-access" style="color:hsl(221, 87%, 60%)">get</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token string" style="color:hsl(119, 34%, 47%)">&quot;tag&quot;</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token plain"> </span><span class="token operator" style="color:hsl(221, 87%, 60%)">??</span><span class="token plain"> </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">undefined</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">  </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">const</span><span class="token plain"> page </span><span class="token operator" style="color:hsl(221, 87%, 60%)">=</span><span class="token plain"> </span><span class="token function" style="color:hsl(221, 87%, 60%)">parseInt</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token plain">url</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">.</span><span class="token property-access">searchParams</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">.</span><span class="token method function property-access" style="color:hsl(221, 87%, 60%)">get</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token string" style="color:hsl(119, 34%, 47%)">&quot;page&quot;</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token plain"> </span><span class="token operator" style="color:hsl(221, 87%, 60%)">??</span><span class="token plain"> </span><span class="token string" style="color:hsl(119, 34%, 47%)">&quot;&quot;</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">,</span><span class="token plain"> </span><span class="token number" style="color:hsl(35, 99%, 36%)">10</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain" style="display:inline-block"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">  </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">if</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token plain">url</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">.</span><span class="token property-access">searchParams</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">.</span><span class="token method function property-access" style="color:hsl(221, 87%, 60%)">get</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token string" style="color:hsl(119, 34%, 47%)">&quot;source&quot;</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token plain"> </span><span class="token operator" style="color:hsl(221, 87%, 60%)">===</span><span class="token plain"> </span><span class="token string" style="color:hsl(119, 34%, 47%)">&quot;my-feed&quot;</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">    </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">const</span><span class="token plain"> userSession </span><span class="token operator" style="color:hsl(221, 87%, 60%)">=</span><span class="token plain"> </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">await</span><span class="token plain"> </span><span class="token function" style="color:hsl(221, 87%, 60%)">requireUser</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token plain">request</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain" style="display:inline-block"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">    </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">return</span><span class="token plain"> </span><span class="token function" style="color:hsl(221, 87%, 60%)">json</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">      </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">await</span><span class="token plain"> </span><span class="token function" style="color:hsl(221, 87%, 60%)">promiseHash</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">        articles</span><span class="token operator" style="color:hsl(221, 87%, 60%)">:</span><span class="token plain"> </span><span class="token function" style="color:hsl(221, 87%, 60%)">throwAnyErrors</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">          </span><span class="token constant" style="color:hsl(35, 99%, 36%)">GET</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token string" style="color:hsl(119, 34%, 47%)">&quot;/articles/feed&quot;</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">,</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">            params</span><span class="token operator" style="color:hsl(221, 87%, 60%)">:</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">              query</span><span class="token operator" style="color:hsl(221, 87%, 60%)">:</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">                limit</span><span class="token operator" style="color:hsl(221, 87%, 60%)">:</span><span class="token plain"> </span><span class="token constant" style="color:hsl(35, 99%, 36%)">LIMIT</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">,</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">                offset</span><span class="token operator" style="color:hsl(221, 87%, 60%)">:</span><span class="token plain"> </span><span class="token operator" style="color:hsl(221, 87%, 60%)">!</span><span class="token known-class-name class-name" style="color:hsl(35, 99%, 36%)">Number</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">.</span><span class="token method function property-access" style="color:hsl(221, 87%, 60%)">isNaN</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token plain">page</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token plain"> </span><span class="token operator" style="color:hsl(221, 87%, 60%)">?</span><span class="token plain"> page </span><span class="token operator" style="color:hsl(221, 87%, 60%)">*</span><span class="token plain"> </span><span class="token constant" style="color:hsl(35, 99%, 36%)">LIMIT</span><span class="token plain"> </span><span class="token operator" style="color:hsl(221, 87%, 60%)">:</span><span class="token plain"> </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">undefined</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">,</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">              </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">,</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">            </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">,</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">            headers</span><span class="token operator" style="color:hsl(221, 87%, 60%)">:</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token plain"> </span><span class="token maybe-class-name">Authorization</span><span class="token operator" style="color:hsl(221, 87%, 60%)">:</span><span class="token plain"> </span><span class="token template-string template-punctuation string" style="color:hsl(119, 34%, 47%)">`</span><span class="token template-string string" style="color:hsl(119, 34%, 47%)">Token </span><span class="token template-string interpolation interpolation-punctuation punctuation" style="color:hsl(119, 34%, 47%)">${</span><span class="token template-string interpolation">userSession</span><span class="token template-string interpolation punctuation" style="color:hsl(119, 34%, 47%)">.</span><span class="token template-string interpolation">token</span><span class="token template-string interpolation interpolation-punctuation punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token template-string template-punctuation string" style="color:hsl(119, 34%, 47%)">`</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">,</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">          </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">,</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">        </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">,</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">        tags</span><span class="token operator" style="color:hsl(221, 87%, 60%)">:</span><span class="token plain"> </span><span class="token function" style="color:hsl(221, 87%, 60%)">throwAnyErrors</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token constant" style="color:hsl(35, 99%, 36%)">GET</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token string" style="color:hsl(119, 34%, 47%)">&quot;/tags&quot;</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">,</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">      </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">,</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">    </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">  </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain" style="display:inline-block"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">  </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">return</span><span class="token plain"> </span><span class="token function" style="color:hsl(221, 87%, 60%)">json</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">    </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">await</span><span class="token plain"> </span><span class="token function" style="color:hsl(221, 87%, 60%)">promiseHash</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">      articles</span><span class="token operator" style="color:hsl(221, 87%, 60%)">:</span><span class="token plain"> </span><span class="token function" style="color:hsl(221, 87%, 60%)">throwAnyErrors</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">        </span><span class="token constant" style="color:hsl(35, 99%, 36%)">GET</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token string" style="color:hsl(119, 34%, 47%)">&quot;/articles&quot;</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">,</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">          params</span><span class="token operator" style="color:hsl(221, 87%, 60%)">:</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">            query</span><span class="token operator" style="color:hsl(221, 87%, 60%)">:</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">              tag</span><span class="token operator" style="color:hsl(221, 87%, 60%)">:</span><span class="token plain"> selectedTag</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">,</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">              limit</span><span class="token operator" style="color:hsl(221, 87%, 60%)">:</span><span class="token plain"> </span><span class="token constant" style="color:hsl(35, 99%, 36%)">LIMIT</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">,</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">              offset</span><span class="token operator" style="color:hsl(221, 87%, 60%)">:</span><span class="token plain"> </span><span class="token operator" style="color:hsl(221, 87%, 60%)">!</span><span class="token known-class-name class-name" style="color:hsl(35, 99%, 36%)">Number</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">.</span><span class="token method function property-access" style="color:hsl(221, 87%, 60%)">isNaN</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token plain">page</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token plain"> </span><span class="token operator" style="color:hsl(221, 87%, 60%)">?</span><span class="token plain"> page </span><span class="token operator" style="color:hsl(221, 87%, 60%)">*</span><span class="token plain"> </span><span class="token constant" style="color:hsl(35, 99%, 36%)">LIMIT</span><span class="token plain"> </span><span class="token operator" style="color:hsl(221, 87%, 60%)">:</span><span class="token plain"> </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">undefined</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">,</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">            </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">,</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">          </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">,</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">        </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">,</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">      </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">,</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">      tags</span><span class="token operator" style="color:hsl(221, 87%, 60%)">:</span><span class="token plain"> </span><span class="token function" style="color:hsl(221, 87%, 60%)">throwAnyErrors</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token constant" style="color:hsl(35, 99%, 36%)">GET</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token string" style="color:hsl(119, 34%, 47%)">&quot;/tags&quot;</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">,</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">    </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">,</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">  </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain"></span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><br></span></code></pre><div class="buttonGroup_VWIG"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_p0uL" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_LnVn"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_yLdc"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div>
-<p>Before we leave the feed page, let’s add some code that handles likes to posts. Change your <code>ArticlePreview.tsx</code> to the following:</p>
+<p>피드 페이지를 떠나기 전에, 글에 대한 좋아요를 처리하는 코드를 추가해 봅시다. <code>ArticlePreview.tsx</code>를 다음과 같이 변경하세요.</p>
 <div class="language-tsx codeBlockContainer_IiXL theme-code-block" style="--prism-background-color:hsl(230, 1%, 98%);--prism-color:hsl(230, 8%, 24%)"><div class="codeBlockTitle_ajkA">pages/feed/ui/ArticlePreview.tsx</div><div class="codeBlockContent_Y78k"><pre tabindex="0" class="prism-code language-tsx codeBlock_gc_u thin-scrollbar" style="background-color:hsl(230, 1%, 98%);color:hsl(230, 8%, 24%)"><code class="codeBlockLines_PG8G"><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token keyword" style="color:hsl(301, 63%, 40%)">import</span><span class="token plain"> </span><span class="token imports punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token imports"> </span><span class="token imports maybe-class-name">Form</span><span class="token imports punctuation" style="color:hsl(119, 34%, 47%)">,</span><span class="token imports"> </span><span class="token imports maybe-class-name">Link</span><span class="token imports"> </span><span class="token imports punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token plain"> </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">from</span><span class="token plain"> </span><span class="token string" style="color:hsl(119, 34%, 47%)">&quot;@remix-run/react&quot;</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain"></span><span class="token keyword" style="color:hsl(301, 63%, 40%)">import</span><span class="token plain"> </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">type</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token plain"> </span><span class="token maybe-class-name">Article</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token plain"> </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">from</span><span class="token plain"> </span><span class="token string" style="color:hsl(119, 34%, 47%)">&quot;shared/api&quot;</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain" style="display:inline-block"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain"></span><span class="token keyword" style="color:hsl(301, 63%, 40%)">interface</span><span class="token plain"> </span><span class="token class-name" style="color:hsl(35, 99%, 36%)">ArticlePreviewProps</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">  article</span><span class="token operator" style="color:hsl(221, 87%, 60%)">:</span><span class="token plain"> </span><span class="token maybe-class-name">Article</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain"></span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain" style="display:inline-block"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain"></span><span class="token keyword" style="color:hsl(301, 63%, 40%)">export</span><span class="token plain"> </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">function</span><span class="token plain"> </span><span class="token function" style="color:hsl(221, 87%, 60%)">ArticlePreview</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token plain"> article </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token operator" style="color:hsl(221, 87%, 60%)">:</span><span class="token plain"> </span><span class="token maybe-class-name">ArticlePreviewProps</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">  </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">return</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">    </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;</span><span class="token tag" style="color:hsl(5, 74%, 59%)">div</span><span class="token tag" style="color:hsl(5, 74%, 59%)"> </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">className</span><span class="token tag attr-value punctuation attr-equals" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag attr-value" style="color:hsl(119, 34%, 47%)">article-preview</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">      </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;</span><span class="token tag" style="color:hsl(5, 74%, 59%)">div</span><span class="token tag" style="color:hsl(5, 74%, 59%)"> </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">className</span><span class="token tag attr-value punctuation attr-equals" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag attr-value" style="color:hsl(119, 34%, 47%)">article-meta</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">        </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;</span><span class="token tag class-name" style="color:hsl(35, 99%, 36%)">Link</span><span class="token tag" style="color:hsl(5, 74%, 59%)"> </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">to</span><span class="token tag script language-javascript script-punctuation punctuation" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag script language-javascript punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token tag script language-javascript template-string template-punctuation string" style="color:hsl(119, 34%, 47%)">`</span><span class="token tag script language-javascript template-string string" style="color:hsl(119, 34%, 47%)">/profile/</span><span class="token tag script language-javascript template-string interpolation interpolation-punctuation punctuation" style="color:hsl(119, 34%, 47%)">${</span><span class="token tag script language-javascript template-string interpolation" style="color:hsl(5, 74%, 59%)">article</span><span class="token tag script language-javascript template-string interpolation punctuation" style="color:hsl(119, 34%, 47%)">.</span><span class="token tag script language-javascript template-string interpolation" style="color:hsl(5, 74%, 59%)">author</span><span class="token tag script language-javascript template-string interpolation punctuation" style="color:hsl(119, 34%, 47%)">.</span><span class="token tag script language-javascript template-string interpolation" style="color:hsl(5, 74%, 59%)">username</span><span class="token tag script language-javascript template-string interpolation interpolation-punctuation punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token tag script language-javascript template-string template-punctuation string" style="color:hsl(119, 34%, 47%)">`</span><span class="token tag script language-javascript punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token tag" style="color:hsl(5, 74%, 59%)"> </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">prefetch</span><span class="token tag attr-value punctuation attr-equals" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag attr-value" style="color:hsl(119, 34%, 47%)">intent</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">          </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;</span><span class="token tag" style="color:hsl(5, 74%, 59%)">img</span><span class="token tag" style="color:hsl(5, 74%, 59%)"> </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">src</span><span class="token tag script language-javascript script-punctuation punctuation" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag script language-javascript punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token tag script language-javascript" style="color:hsl(5, 74%, 59%)">article</span><span class="token tag script language-javascript punctuation" style="color:hsl(119, 34%, 47%)">.</span><span class="token tag script language-javascript property-access" style="color:hsl(5, 74%, 59%)">author</span><span class="token tag script language-javascript punctuation" style="color:hsl(119, 34%, 47%)">.</span><span class="token tag script language-javascript property-access" style="color:hsl(5, 74%, 59%)">image</span><span class="token tag script language-javascript punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token tag" style="color:hsl(5, 74%, 59%)"> </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">alt</span><span class="token tag attr-value punctuation attr-equals" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag" style="color:hsl(5, 74%, 59%)"> </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">/&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">        </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;/</span><span class="token tag class-name" style="color:hsl(35, 99%, 36%)">Link</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">        </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;</span><span class="token tag" style="color:hsl(5, 74%, 59%)">div</span><span class="token tag" style="color:hsl(5, 74%, 59%)"> </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">className</span><span class="token tag attr-value punctuation attr-equals" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag attr-value" style="color:hsl(119, 34%, 47%)">info</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">          </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;</span><span class="token tag class-name" style="color:hsl(35, 99%, 36%)">Link</span><span class="token tag" style="color:hsl(5, 74%, 59%)"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token tag" style="color:hsl(5, 74%, 59%)">            </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">to</span><span class="token tag script language-javascript script-punctuation punctuation" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag script language-javascript punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token tag script language-javascript template-string template-punctuation string" style="color:hsl(119, 34%, 47%)">`</span><span class="token tag script language-javascript template-string string" style="color:hsl(119, 34%, 47%)">/profile/</span><span class="token tag script language-javascript template-string interpolation interpolation-punctuation punctuation" style="color:hsl(119, 34%, 47%)">${</span><span class="token tag script language-javascript template-string interpolation" style="color:hsl(5, 74%, 59%)">article</span><span class="token tag script language-javascript template-string interpolation punctuation" style="color:hsl(119, 34%, 47%)">.</span><span class="token tag script language-javascript template-string interpolation" style="color:hsl(5, 74%, 59%)">author</span><span class="token tag script language-javascript template-string interpolation punctuation" style="color:hsl(119, 34%, 47%)">.</span><span class="token tag script language-javascript template-string interpolation" style="color:hsl(5, 74%, 59%)">username</span><span class="token tag script language-javascript template-string interpolation interpolation-punctuation punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token tag script language-javascript template-string template-punctuation string" style="color:hsl(119, 34%, 47%)">`</span><span class="token tag script language-javascript punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token tag" style="color:hsl(5, 74%, 59%)"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token tag" style="color:hsl(5, 74%, 59%)">            </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">className</span><span class="token tag attr-value punctuation attr-equals" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag attr-value" style="color:hsl(119, 34%, 47%)">author</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag" style="color:hsl(5, 74%, 59%)"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token tag" style="color:hsl(5, 74%, 59%)">            </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">prefetch</span><span class="token tag attr-value punctuation attr-equals" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag attr-value" style="color:hsl(119, 34%, 47%)">intent</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag" style="color:hsl(5, 74%, 59%)"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token tag" style="color:hsl(5, 74%, 59%)">          </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">            </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token plain">article</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">.</span><span class="token property-access">author</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">.</span><span class="token property-access">username</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">          </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;/</span><span class="token tag class-name" style="color:hsl(35, 99%, 36%)">Link</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">          </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;</span><span class="token tag" style="color:hsl(5, 74%, 59%)">span</span><span class="token tag" style="color:hsl(5, 74%, 59%)"> </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">className</span><span class="token tag attr-value punctuation attr-equals" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag attr-value" style="color:hsl(119, 34%, 47%)">date</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag" style="color:hsl(5, 74%, 59%)"> </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">suppressHydrationWarning</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">            </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token keyword" style="color:hsl(301, 63%, 40%)">new</span><span class="token plain"> </span><span class="token class-name" style="color:hsl(35, 99%, 36%)">Date</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token plain">article</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">.</span><span class="token property-access">createdAt</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">.</span><span class="token method function property-access" style="color:hsl(221, 87%, 60%)">toLocaleDateString</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token keyword" style="color:hsl(301, 63%, 40%)">undefined</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">,</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">              dateStyle</span><span class="token operator" style="color:hsl(221, 87%, 60%)">:</span><span class="token plain"> </span><span class="token string" style="color:hsl(119, 34%, 47%)">&quot;long&quot;</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">,</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">            </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">          </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;/</span><span class="token tag" style="color:hsl(5, 74%, 59%)">span</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">        </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;/</span><span class="token tag" style="color:hsl(5, 74%, 59%)">div</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">        </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;</span><span class="token tag class-name" style="color:hsl(35, 99%, 36%)">Form</span><span class="token tag" style="color:hsl(5, 74%, 59%)"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token tag" style="color:hsl(5, 74%, 59%)">          </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">method</span><span class="token tag attr-value punctuation attr-equals" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag attr-value" style="color:hsl(119, 34%, 47%)">post</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag" style="color:hsl(5, 74%, 59%)"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token tag" style="color:hsl(5, 74%, 59%)">          </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">action</span><span class="token tag script language-javascript script-punctuation punctuation" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag script language-javascript punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token tag script language-javascript template-string template-punctuation string" style="color:hsl(119, 34%, 47%)">`</span><span class="token tag script language-javascript template-string string" style="color:hsl(119, 34%, 47%)">/article/</span><span class="token tag script language-javascript template-string interpolation interpolation-punctuation punctuation" style="color:hsl(119, 34%, 47%)">${</span><span class="token tag script language-javascript template-string interpolation" style="color:hsl(5, 74%, 59%)">article</span><span class="token tag script language-javascript template-string interpolation punctuation" style="color:hsl(119, 34%, 47%)">.</span><span class="token tag script language-javascript template-string interpolation" style="color:hsl(5, 74%, 59%)">slug</span><span class="token tag script language-javascript template-string interpolation interpolation-punctuation punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token tag script language-javascript template-string template-punctuation string" style="color:hsl(119, 34%, 47%)">`</span><span class="token tag script language-javascript punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token tag" style="color:hsl(5, 74%, 59%)"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token tag" style="color:hsl(5, 74%, 59%)">          </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">preventScrollReset</span><span class="token tag" style="color:hsl(5, 74%, 59%)"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token tag" style="color:hsl(5, 74%, 59%)">        </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">          </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;</span><span class="token tag" style="color:hsl(5, 74%, 59%)">button</span><span class="token tag" style="color:hsl(5, 74%, 59%)"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token tag" style="color:hsl(5, 74%, 59%)">            </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">name</span><span class="token tag attr-value punctuation attr-equals" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag attr-value" style="color:hsl(119, 34%, 47%)">_action</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag" style="color:hsl(5, 74%, 59%)"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token tag" style="color:hsl(5, 74%, 59%)">            </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">value</span><span class="token tag script language-javascript script-punctuation punctuation" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag script language-javascript punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token tag script language-javascript" style="color:hsl(5, 74%, 59%)">article</span><span class="token tag script language-javascript punctuation" style="color:hsl(119, 34%, 47%)">.</span><span class="token tag script language-javascript property-access" style="color:hsl(5, 74%, 59%)">favorited</span><span class="token tag script language-javascript" style="color:hsl(5, 74%, 59%)"> </span><span class="token tag script language-javascript operator" style="color:hsl(221, 87%, 60%)">?</span><span class="token tag script language-javascript" style="color:hsl(5, 74%, 59%)"> </span><span class="token tag script language-javascript string" style="color:hsl(119, 34%, 47%)">&quot;unfavorite&quot;</span><span class="token tag script language-javascript" style="color:hsl(5, 74%, 59%)"> </span><span class="token tag script language-javascript operator" style="color:hsl(221, 87%, 60%)">:</span><span class="token tag script language-javascript" style="color:hsl(5, 74%, 59%)"> </span><span class="token tag script language-javascript string" style="color:hsl(119, 34%, 47%)">&quot;favorite&quot;</span><span class="token tag script language-javascript punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token tag" style="color:hsl(5, 74%, 59%)"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token tag" style="color:hsl(5, 74%, 59%)">            </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">className</span><span class="token tag script language-javascript script-punctuation punctuation" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag script language-javascript punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token tag script language-javascript template-string template-punctuation string" style="color:hsl(119, 34%, 47%)">`</span><span class="token tag script language-javascript template-string string" style="color:hsl(119, 34%, 47%)">btn </span><span class="token tag script language-javascript template-string interpolation interpolation-punctuation punctuation" style="color:hsl(119, 34%, 47%)">${</span><span class="token tag script language-javascript template-string interpolation" style="color:hsl(5, 74%, 59%)">article</span><span class="token tag script language-javascript template-string interpolation punctuation" style="color:hsl(119, 34%, 47%)">.</span><span class="token tag script language-javascript template-string interpolation" style="color:hsl(5, 74%, 59%)">favorited </span><span class="token tag script language-javascript template-string interpolation operator" style="color:hsl(221, 87%, 60%)">?</span><span class="token tag script language-javascript template-string interpolation" style="color:hsl(5, 74%, 59%)"> </span><span class="token tag script language-javascript template-string interpolation string" style="color:hsl(119, 34%, 47%)">&quot;btn-primary&quot;</span><span class="token tag script language-javascript template-string interpolation" style="color:hsl(5, 74%, 59%)"> </span><span class="token tag script language-javascript template-string interpolation operator" style="color:hsl(221, 87%, 60%)">:</span><span class="token tag script language-javascript template-string interpolation" style="color:hsl(5, 74%, 59%)"> </span><span class="token tag script language-javascript template-string interpolation string" style="color:hsl(119, 34%, 47%)">&quot;btn-outline-primary&quot;</span><span class="token tag script language-javascript template-string interpolation interpolation-punctuation punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token tag script language-javascript template-string string" style="color:hsl(119, 34%, 47%)"> btn-sm pull-xs-right</span><span class="token tag script language-javascript template-string template-punctuation string" style="color:hsl(119, 34%, 47%)">`</span><span class="token tag script language-javascript punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token tag" style="color:hsl(5, 74%, 59%)"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token tag" style="color:hsl(5, 74%, 59%)">          </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">            </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;</span><span class="token tag" style="color:hsl(5, 74%, 59%)">i</span><span class="token tag" style="color:hsl(5, 74%, 59%)"> </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">className</span><span class="token tag attr-value punctuation attr-equals" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag attr-value" style="color:hsl(119, 34%, 47%)">ion-heart</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;/</span><span class="token tag" style="color:hsl(5, 74%, 59%)">i</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token plain">article</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">.</span><span class="token property-access">favoritesCount</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">          </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;/</span><span class="token tag" style="color:hsl(5, 74%, 59%)">button</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">        </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;/</span><span class="token tag class-name" style="color:hsl(35, 99%, 36%)">Form</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">      </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;/</span><span class="token tag" style="color:hsl(5, 74%, 59%)">div</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">      </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;</span><span class="token tag class-name" style="color:hsl(35, 99%, 36%)">Link</span><span class="token tag" style="color:hsl(5, 74%, 59%)"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token tag" style="color:hsl(5, 74%, 59%)">        </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">to</span><span class="token tag script language-javascript script-punctuation punctuation" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag script language-javascript punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token tag script language-javascript template-string template-punctuation string" style="color:hsl(119, 34%, 47%)">`</span><span class="token tag script language-javascript template-string string" style="color:hsl(119, 34%, 47%)">/article/</span><span class="token tag script language-javascript template-string interpolation interpolation-punctuation punctuation" style="color:hsl(119, 34%, 47%)">${</span><span class="token tag script language-javascript template-string interpolation" style="color:hsl(5, 74%, 59%)">article</span><span class="token tag script language-javascript template-string interpolation punctuation" style="color:hsl(119, 34%, 47%)">.</span><span class="token tag script language-javascript template-string interpolation" style="color:hsl(5, 74%, 59%)">slug</span><span class="token tag script language-javascript template-string interpolation interpolation-punctuation punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token tag script language-javascript template-string template-punctuation string" style="color:hsl(119, 34%, 47%)">`</span><span class="token tag script language-javascript punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token tag" style="color:hsl(5, 74%, 59%)"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token tag" style="color:hsl(5, 74%, 59%)">        </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">className</span><span class="token tag attr-value punctuation attr-equals" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag attr-value" style="color:hsl(119, 34%, 47%)">preview-link</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag" style="color:hsl(5, 74%, 59%)"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token tag" style="color:hsl(5, 74%, 59%)">        </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">prefetch</span><span class="token tag attr-value punctuation attr-equals" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag attr-value" style="color:hsl(119, 34%, 47%)">intent</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag" style="color:hsl(5, 74%, 59%)"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token tag" style="color:hsl(5, 74%, 59%)">      </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">        </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;</span><span class="token tag" style="color:hsl(5, 74%, 59%)">h1</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token plain">article</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">.</span><span class="token property-access">title</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;/</span><span class="token tag" style="color:hsl(5, 74%, 59%)">h1</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">        </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;</span><span class="token tag" style="color:hsl(5, 74%, 59%)">p</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token plain">article</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">.</span><span class="token property-access">description</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;/</span><span class="token tag" style="color:hsl(5, 74%, 59%)">p</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">        </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;</span><span class="token tag" style="color:hsl(5, 74%, 59%)">span</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text">Read more...</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;/</span><span class="token tag" style="color:hsl(5, 74%, 59%)">span</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">        </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;</span><span class="token tag" style="color:hsl(5, 74%, 59%)">ul</span><span class="token tag" style="color:hsl(5, 74%, 59%)"> </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">className</span><span class="token tag attr-value punctuation attr-equals" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag attr-value" style="color:hsl(119, 34%, 47%)">tag-list</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">          </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token plain">article</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">.</span><span class="token property-access">tagList</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">.</span><span class="token method function property-access" style="color:hsl(221, 87%, 60%)">map</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token plain">tag</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token plain"> </span><span class="token arrow operator" style="color:hsl(221, 87%, 60%)">=&gt;</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">            </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;</span><span class="token tag" style="color:hsl(5, 74%, 59%)">li</span><span class="token tag" style="color:hsl(5, 74%, 59%)"> </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">key</span><span class="token tag script language-javascript script-punctuation punctuation" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag script language-javascript punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token tag script language-javascript" style="color:hsl(5, 74%, 59%)">tag</span><span class="token tag script language-javascript punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token tag" style="color:hsl(5, 74%, 59%)"> </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">className</span><span class="token tag attr-value punctuation attr-equals" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag attr-value" style="color:hsl(119, 34%, 47%)">tag-default tag-pill tag-outline</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">              </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token plain">tag</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">            </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;/</span><span class="token tag" style="color:hsl(5, 74%, 59%)">li</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">          </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">        </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;/</span><span class="token tag" style="color:hsl(5, 74%, 59%)">ul</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">      </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;/</span><span class="token tag class-name" style="color:hsl(35, 99%, 36%)">Link</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">    </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;/</span><span class="token tag" style="color:hsl(5, 74%, 59%)">div</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">  </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain"></span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><br></span></code></pre><div class="buttonGroup_VWIG"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_p0uL" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_LnVn"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_yLdc"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div>
-<p>This code will send a POST request to <code>/article/:slug</code>  with <code>_action=favorite</code> to mark the article as favorite. It won’t work yet, but as we start working on the article reader, we will implement this too.</p>
-<p>And with that we are officially done with the feed! Yay!</p>
-<h3 class="anchor anchorWithStickyNavbar_QzlE" id="article-reader">Article reader<a href="#article-reader" class="hash-link" aria-label="Direct link to heading" title="Direct link to heading">​</a></h3>
-<p>First, we need data. Let’s create a loader:</p>
+<p>이 코드는 글에 좋아요를 표시하기 위해 <code>/article/:slug</code>로 <code>_action=favorite</code>과 함께 POST 요청을 보냅니다. 아직 작동하지 않겠지만, 글 읽기 페이지 작업을 시작하면서 이것도 구현할 것입니다.</p>
+<p>이것으로 피드가 공식적으로 완성되었습니다! 야호!</p>
+<h3 class="anchor anchorWithStickyNavbar_QzlE" id="글-읽기-페이지">글 읽기 페이지<a href="#글-읽기-페이지" class="hash-link" aria-label="Direct link to heading" title="Direct link to heading">​</a></h3>
+<p>먼저 데이터가 필요합니다. 로더를 만들어 봅시다.</p>
 <div class="language-bash codeBlockContainer_IiXL theme-code-block" style="--prism-background-color:hsl(230, 1%, 98%);--prism-color:hsl(230, 8%, 24%)"><div class="codeBlockContent_Y78k"><pre tabindex="0" class="prism-code language-bash codeBlock_gc_u thin-scrollbar" style="background-color:hsl(230, 1%, 98%);color:hsl(230, 8%, 24%)"><code class="codeBlockLines_PG8G"><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">npx fsd pages article-read -s api</span><br></span></code></pre><div class="buttonGroup_VWIG"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_p0uL" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_LnVn"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_yLdc"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div>
 <div class="language-tsx codeBlockContainer_IiXL theme-code-block" style="--prism-background-color:hsl(230, 1%, 98%);--prism-color:hsl(230, 8%, 24%)"><div class="codeBlockTitle_ajkA">pages/article-read/api/loader.ts</div><div class="codeBlockContent_Y78k"><pre tabindex="0" class="prism-code language-tsx codeBlock_gc_u thin-scrollbar" style="background-color:hsl(230, 1%, 98%);color:hsl(230, 8%, 24%)"><code class="codeBlockLines_PG8G"><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token keyword" style="color:hsl(301, 63%, 40%)">import</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token plain"> json</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">,</span><span class="token plain"> </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">type</span><span class="token plain"> </span><span class="token class-name" style="color:hsl(35, 99%, 36%)">LoaderFunctionArgs</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token plain"> </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">from</span><span class="token plain"> </span><span class="token string" style="color:hsl(119, 34%, 47%)">&quot;@remix-run/node&quot;</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain"></span><span class="token keyword" style="color:hsl(301, 63%, 40%)">import</span><span class="token plain"> </span><span class="token imports">invariant</span><span class="token plain"> </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">from</span><span class="token plain"> </span><span class="token string" style="color:hsl(119, 34%, 47%)">&quot;tiny-invariant&quot;</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain"></span><span class="token keyword" style="color:hsl(301, 63%, 40%)">import</span><span class="token plain"> </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">type</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token plain"> </span><span class="token maybe-class-name">FetchResponse</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token plain"> </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">from</span><span class="token plain"> </span><span class="token string" style="color:hsl(119, 34%, 47%)">&quot;openapi-fetch&quot;</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain"></span><span class="token keyword" style="color:hsl(301, 63%, 40%)">import</span><span class="token plain"> </span><span class="token imports punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token imports"> promiseHash </span><span class="token imports punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token plain"> </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">from</span><span class="token plain"> </span><span class="token string" style="color:hsl(119, 34%, 47%)">&quot;remix-utils/promise&quot;</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain" style="display:inline-block"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain"></span><span class="token keyword" style="color:hsl(301, 63%, 40%)">import</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token plain"> </span><span class="token constant" style="color:hsl(35, 99%, 36%)">GET</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">,</span><span class="token plain"> getUserFromSession </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token plain"> </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">from</span><span class="token plain"> </span><span class="token string" style="color:hsl(119, 34%, 47%)">&quot;shared/api&quot;</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain" style="display:inline-block"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain"></span><span class="token keyword" style="color:hsl(301, 63%, 40%)">async</span><span class="token plain"> </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">function</span><span class="token plain"> </span><span class="token generic-function function" style="color:hsl(221, 87%, 60%)">throwAnyErrors</span><span class="token generic-function generic class-name operator" style="color:hsl(221, 87%, 60%)">&lt;</span><span class="token generic-function generic class-name constant" style="color:hsl(35, 99%, 36%)">T</span><span class="token generic-function generic class-name punctuation" style="color:hsl(119, 34%, 47%)">,</span><span class="token generic-function generic class-name" style="color:hsl(35, 99%, 36%)"> </span><span class="token generic-function generic class-name constant" style="color:hsl(35, 99%, 36%)">O</span><span class="token generic-function generic class-name punctuation" style="color:hsl(119, 34%, 47%)">,</span><span class="token generic-function generic class-name" style="color:hsl(35, 99%, 36%)"> Media </span><span class="token generic-function generic class-name keyword" style="color:hsl(301, 63%, 40%)">extends</span><span class="token generic-function generic class-name" style="color:hsl(35, 99%, 36%)"> </span><span class="token generic-function generic class-name template-string template-punctuation string" style="color:hsl(119, 34%, 47%)">`</span><span class="token generic-function generic class-name template-string interpolation interpolation-punctuation punctuation" style="color:hsl(119, 34%, 47%)">${</span><span class="token generic-function generic class-name template-string interpolation builtin" style="color:hsl(119, 34%, 47%)">string</span><span class="token generic-function generic class-name template-string interpolation interpolation-punctuation punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token generic-function generic class-name template-string string" style="color:hsl(119, 34%, 47%)">/</span><span class="token generic-function generic class-name template-string interpolation interpolation-punctuation punctuation" style="color:hsl(119, 34%, 47%)">${</span><span class="token generic-function generic class-name template-string interpolation builtin" style="color:hsl(119, 34%, 47%)">string</span><span class="token generic-function generic class-name template-string interpolation interpolation-punctuation punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token generic-function generic class-name template-string template-punctuation string" style="color:hsl(119, 34%, 47%)">`</span><span class="token generic-function generic class-name operator" style="color:hsl(221, 87%, 60%)">&gt;</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">  responsePromise</span><span class="token operator" style="color:hsl(221, 87%, 60%)">:</span><span class="token plain"> </span><span class="token known-class-name class-name" style="color:hsl(35, 99%, 36%)">Promise</span><span class="token operator" style="color:hsl(221, 87%, 60%)">&lt;</span><span class="token maybe-class-name">FetchResponse</span><span class="token operator" style="color:hsl(221, 87%, 60%)">&lt;</span><span class="token constant" style="color:hsl(35, 99%, 36%)">T</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">,</span><span class="token plain"> </span><span class="token constant" style="color:hsl(35, 99%, 36%)">O</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">,</span><span class="token plain"> </span><span class="token maybe-class-name">Media</span><span class="token operator" style="color:hsl(221, 87%, 60%)">&gt;&gt;</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">,</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain"></span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">  </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">const</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token plain"> data</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">,</span><span class="token plain"> error</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">,</span><span class="token plain"> response </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token plain"> </span><span class="token operator" style="color:hsl(221, 87%, 60%)">=</span><span class="token plain"> </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">await</span><span class="token plain"> responsePromise</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain" style="display:inline-block"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">  </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">if</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token plain">error </span><span class="token operator" style="color:hsl(221, 87%, 60%)">!==</span><span class="token plain"> </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">undefined</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">    </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">throw</span><span class="token plain"> </span><span class="token function" style="color:hsl(221, 87%, 60%)">json</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token plain">error</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">,</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token plain"> status</span><span class="token operator" style="color:hsl(221, 87%, 60%)">:</span><span class="token plain"> response</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">.</span><span class="token property-access">status</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">  </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain" style="display:inline-block"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">  </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">return</span><span class="token plain"> data </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">as</span><span class="token plain"> </span><span class="token maybe-class-name">NonNullable</span><span class="token operator" style="color:hsl(221, 87%, 60%)">&lt;</span><span class="token keyword" style="color:hsl(301, 63%, 40%)">typeof</span><span class="token plain"> data</span><span class="token operator" style="color:hsl(221, 87%, 60%)">&gt;</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain"></span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain" style="display:inline-block"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain"></span><span class="token keyword" style="color:hsl(301, 63%, 40%)">export</span><span class="token plain"> </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">const</span><span class="token plain"> </span><span class="token function-variable function" style="color:hsl(221, 87%, 60%)">loader</span><span class="token plain"> </span><span class="token operator" style="color:hsl(221, 87%, 60%)">=</span><span class="token plain"> </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">async</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token plain"> request</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">,</span><span class="token plain"> params </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token operator" style="color:hsl(221, 87%, 60%)">:</span><span class="token plain"> </span><span class="token maybe-class-name">LoaderFunctionArgs</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token plain"> </span><span class="token arrow operator" style="color:hsl(221, 87%, 60%)">=&gt;</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">  </span><span class="token function" style="color:hsl(221, 87%, 60%)">invariant</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token plain">params</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">.</span><span class="token property-access">slug</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">,</span><span class="token plain"> </span><span class="token string" style="color:hsl(119, 34%, 47%)">&quot;Expected a slug parameter&quot;</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">  </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">const</span><span class="token plain"> currentUser </span><span class="token operator" style="color:hsl(221, 87%, 60%)">=</span><span class="token plain"> </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">await</span><span class="token plain"> </span><span class="token function" style="color:hsl(221, 87%, 60%)">getUserFromSession</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token plain">request</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">  </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">const</span><span class="token plain"> authorization </span><span class="token operator" style="color:hsl(221, 87%, 60%)">=</span><span class="token plain"> currentUser</span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">    </span><span class="token operator" style="color:hsl(221, 87%, 60%)">?</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token plain"> </span><span class="token maybe-class-name">Authorization</span><span class="token operator" style="color:hsl(221, 87%, 60%)">:</span><span class="token plain"> </span><span class="token template-string template-punctuation string" style="color:hsl(119, 34%, 47%)">`</span><span class="token template-string string" style="color:hsl(119, 34%, 47%)">Token </span><span class="token template-string interpolation interpolation-punctuation punctuation" style="color:hsl(119, 34%, 47%)">${</span><span class="token template-string interpolation">currentUser</span><span class="token template-string interpolation punctuation" style="color:hsl(119, 34%, 47%)">.</span><span class="token template-string interpolation">token</span><span class="token template-string interpolation interpolation-punctuation punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token template-string template-punctuation string" style="color:hsl(119, 34%, 47%)">`</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">    </span><span class="token operator" style="color:hsl(221, 87%, 60%)">:</span><span class="token plain"> </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">undefined</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain" style="display:inline-block"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">  </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">return</span><span class="token plain"> </span><span class="token function" style="color:hsl(221, 87%, 60%)">json</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">    </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">await</span><span class="token plain"> </span><span class="token function" style="color:hsl(221, 87%, 60%)">promiseHash</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">      article</span><span class="token operator" style="color:hsl(221, 87%, 60%)">:</span><span class="token plain"> </span><span class="token function" style="color:hsl(221, 87%, 60%)">throwAnyErrors</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">        </span><span class="token constant" style="color:hsl(35, 99%, 36%)">GET</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token string" style="color:hsl(119, 34%, 47%)">&quot;/articles/{slug}&quot;</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">,</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">          params</span><span class="token operator" style="color:hsl(221, 87%, 60%)">:</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">            path</span><span class="token operator" style="color:hsl(221, 87%, 60%)">:</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token plain"> slug</span><span class="token operator" style="color:hsl(221, 87%, 60%)">:</span><span class="token plain"> params</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">.</span><span class="token property-access">slug</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">,</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">          </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">,</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">          headers</span><span class="token operator" style="color:hsl(221, 87%, 60%)">:</span><span class="token plain"> authorization</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">,</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">        </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">,</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">      </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">,</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">      comments</span><span class="token operator" style="color:hsl(221, 87%, 60%)">:</span><span class="token plain"> </span><span class="token function" style="color:hsl(221, 87%, 60%)">throwAnyErrors</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">        </span><span class="token constant" style="color:hsl(35, 99%, 36%)">GET</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token string" style="color:hsl(119, 34%, 47%)">&quot;/articles/{slug}/comments&quot;</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">,</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">          params</span><span class="token operator" style="color:hsl(221, 87%, 60%)">:</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">            path</span><span class="token operator" style="color:hsl(221, 87%, 60%)">:</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token plain"> slug</span><span class="token operator" style="color:hsl(221, 87%, 60%)">:</span><span class="token plain"> params</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">.</span><span class="token property-access">slug</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">,</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">          </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">,</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">          headers</span><span class="token operator" style="color:hsl(221, 87%, 60%)">:</span><span class="token plain"> authorization</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">,</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">        </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">,</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">      </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">,</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">    </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">,</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">  </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain"></span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><br></span></code></pre><div class="buttonGroup_VWIG"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_p0uL" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_LnVn"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_yLdc"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div>
 <div class="language-tsx codeBlockContainer_IiXL theme-code-block" style="--prism-background-color:hsl(230, 1%, 98%);--prism-color:hsl(230, 8%, 24%)"><div class="codeBlockTitle_ajkA">pages/article-read/index.ts</div><div class="codeBlockContent_Y78k"><pre tabindex="0" class="prism-code language-tsx codeBlock_gc_u thin-scrollbar" style="background-color:hsl(230, 1%, 98%);color:hsl(230, 8%, 24%)"><code class="codeBlockLines_PG8G"><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token keyword" style="color:hsl(301, 63%, 40%)">export</span><span class="token plain"> </span><span class="token exports punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token exports"> loader </span><span class="token exports punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token plain"> </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">from</span><span class="token plain"> </span><span class="token string" style="color:hsl(119, 34%, 47%)">&quot;./api/loader&quot;</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><br></span></code></pre><div class="buttonGroup_VWIG"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_p0uL" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_LnVn"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_yLdc"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div>
-<p>Now we can connect it to the route <code>/article/:slug</code> by creating the a route file called <code>article.$slug.tsx</code>:</p>
+<p>이제 <code>/article/:slug</code> 라우트에 연결할 수 있습니다. <code>article.$slug.tsx</code>라는 라우트 파일을 만드세요.</p>
 <div class="language-tsx codeBlockContainer_IiXL theme-code-block" style="--prism-background-color:hsl(230, 1%, 98%);--prism-color:hsl(230, 8%, 24%)"><div class="codeBlockTitle_ajkA">app/routes/article.$slug.tsx</div><div class="codeBlockContent_Y78k"><pre tabindex="0" class="prism-code language-tsx codeBlock_gc_u thin-scrollbar" style="background-color:hsl(230, 1%, 98%);color:hsl(230, 8%, 24%)"><code class="codeBlockLines_PG8G"><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token keyword" style="color:hsl(301, 63%, 40%)">export</span><span class="token plain"> </span><span class="token exports punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token exports"> loader </span><span class="token exports punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token plain"> </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">from</span><span class="token plain"> </span><span class="token string" style="color:hsl(119, 34%, 47%)">&quot;pages/article-read&quot;</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><br></span></code></pre><div class="buttonGroup_VWIG"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_p0uL" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_LnVn"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_yLdc"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div>
-<p>The page itself consists of three main blocks — the article header with actions (repeated twice), the article body, and the comments section. This is the markup for the page, it’s not particularly interesting:</p>
+<p>페이지 자체는 세 가지 주요 블록으로 구성됩니다 - 글 헤더와 액션(두 번 반복), 글 본문, 댓글 섹션입니다. 다음은 페이지의 마크업입니다. 특별히 흥미로운 내용은 없습니다:</p>
 <div class="language-tsx codeBlockContainer_IiXL theme-code-block" style="--prism-background-color:hsl(230, 1%, 98%);--prism-color:hsl(230, 8%, 24%)"><div class="codeBlockTitle_ajkA">pages/article-read/ui/ArticleReadPage.tsx</div><div class="codeBlockContent_Y78k"><pre tabindex="0" class="prism-code language-tsx codeBlock_gc_u thin-scrollbar" style="background-color:hsl(230, 1%, 98%);color:hsl(230, 8%, 24%)"><code class="codeBlockLines_PG8G"><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token keyword" style="color:hsl(301, 63%, 40%)">import</span><span class="token plain"> </span><span class="token imports punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token imports"> useLoaderData </span><span class="token imports punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token plain"> </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">from</span><span class="token plain"> </span><span class="token string" style="color:hsl(119, 34%, 47%)">&quot;@remix-run/react&quot;</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain" style="display:inline-block"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain"></span><span class="token keyword" style="color:hsl(301, 63%, 40%)">import</span><span class="token plain"> </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">type</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token plain"> loader </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token plain"> </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">from</span><span class="token plain"> </span><span class="token string" style="color:hsl(119, 34%, 47%)">&quot;../api/loader&quot;</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain"></span><span class="token keyword" style="color:hsl(301, 63%, 40%)">import</span><span class="token plain"> </span><span class="token imports punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token imports"> </span><span class="token imports maybe-class-name">ArticleMeta</span><span class="token imports"> </span><span class="token imports punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token plain"> </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">from</span><span class="token plain"> </span><span class="token string" style="color:hsl(119, 34%, 47%)">&quot;./ArticleMeta&quot;</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain"></span><span class="token keyword" style="color:hsl(301, 63%, 40%)">import</span><span class="token plain"> </span><span class="token imports punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token imports"> </span><span class="token imports maybe-class-name">Comments</span><span class="token imports"> </span><span class="token imports punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token plain"> </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">from</span><span class="token plain"> </span><span class="token string" style="color:hsl(119, 34%, 47%)">&quot;./Comments&quot;</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain" style="display:inline-block"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain"></span><span class="token keyword" style="color:hsl(301, 63%, 40%)">export</span><span class="token plain"> </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">function</span><span class="token plain"> </span><span class="token function" style="color:hsl(221, 87%, 60%)">ArticleReadPage</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">  </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">const</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token plain"> article </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token plain"> </span><span class="token operator" style="color:hsl(221, 87%, 60%)">=</span><span class="token plain"> </span><span class="token generic-function function" style="color:hsl(221, 87%, 60%)">useLoaderData</span><span class="token generic-function generic class-name operator" style="color:hsl(221, 87%, 60%)">&lt;</span><span class="token generic-function generic class-name keyword" style="color:hsl(301, 63%, 40%)">typeof</span><span class="token generic-function generic class-name" style="color:hsl(35, 99%, 36%)"> loader</span><span class="token generic-function generic class-name operator" style="color:hsl(221, 87%, 60%)">&gt;</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain" style="display:inline-block"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">  </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">return</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">    </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;</span><span class="token tag" style="color:hsl(5, 74%, 59%)">div</span><span class="token tag" style="color:hsl(5, 74%, 59%)"> </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">className</span><span class="token tag attr-value punctuation attr-equals" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag attr-value" style="color:hsl(119, 34%, 47%)">article-page</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">      </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;</span><span class="token tag" style="color:hsl(5, 74%, 59%)">div</span><span class="token tag" style="color:hsl(5, 74%, 59%)"> </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">className</span><span class="token tag attr-value punctuation attr-equals" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag attr-value" style="color:hsl(119, 34%, 47%)">banner</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">        </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;</span><span class="token tag" style="color:hsl(5, 74%, 59%)">div</span><span class="token tag" style="color:hsl(5, 74%, 59%)"> </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">className</span><span class="token tag attr-value punctuation attr-equals" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag attr-value" style="color:hsl(119, 34%, 47%)">container</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">          </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;</span><span class="token tag" style="color:hsl(5, 74%, 59%)">h1</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token plain">article</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">.</span><span class="token property-access">article</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">.</span><span class="token property-access">title</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;/</span><span class="token tag" style="color:hsl(5, 74%, 59%)">h1</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">          </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;</span><span class="token tag class-name" style="color:hsl(35, 99%, 36%)">ArticleMeta</span><span class="token tag" style="color:hsl(5, 74%, 59%)"> </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">/&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">        </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;/</span><span class="token tag" style="color:hsl(5, 74%, 59%)">div</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">      </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;/</span><span class="token tag" style="color:hsl(5, 74%, 59%)">div</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">      </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;</span><span class="token tag" style="color:hsl(5, 74%, 59%)">div</span><span class="token tag" style="color:hsl(5, 74%, 59%)"> </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">className</span><span class="token tag attr-value punctuation attr-equals" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag attr-value" style="color:hsl(119, 34%, 47%)">container page</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">        </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;</span><span class="token tag" style="color:hsl(5, 74%, 59%)">div</span><span class="token tag" style="color:hsl(5, 74%, 59%)"> </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">className</span><span class="token tag attr-value punctuation attr-equals" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag attr-value" style="color:hsl(119, 34%, 47%)">row article-content</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">          </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;</span><span class="token tag" style="color:hsl(5, 74%, 59%)">div</span><span class="token tag" style="color:hsl(5, 74%, 59%)"> </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">className</span><span class="token tag attr-value punctuation attr-equals" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag attr-value" style="color:hsl(119, 34%, 47%)">col-md-12</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">            </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;</span><span class="token tag" style="color:hsl(5, 74%, 59%)">p</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token plain">article</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">.</span><span class="token property-access">article</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">.</span><span class="token property-access">body</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;/</span><span class="token tag" style="color:hsl(5, 74%, 59%)">p</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">            </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;</span><span class="token tag" style="color:hsl(5, 74%, 59%)">ul</span><span class="token tag" style="color:hsl(5, 74%, 59%)"> </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">className</span><span class="token tag attr-value punctuation attr-equals" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag attr-value" style="color:hsl(119, 34%, 47%)">tag-list</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">              </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token plain">article</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">.</span><span class="token property-access">article</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">.</span><span class="token property-access">tagList</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">.</span><span class="token method function property-access" style="color:hsl(221, 87%, 60%)">map</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token plain">tag</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token plain"> </span><span class="token arrow operator" style="color:hsl(221, 87%, 60%)">=&gt;</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">                </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;</span><span class="token tag" style="color:hsl(5, 74%, 59%)">li</span><span class="token tag" style="color:hsl(5, 74%, 59%)"> </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">className</span><span class="token tag attr-value punctuation attr-equals" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag attr-value" style="color:hsl(119, 34%, 47%)">tag-default tag-pill tag-outline</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag" style="color:hsl(5, 74%, 59%)"> </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">key</span><span class="token tag script language-javascript script-punctuation punctuation" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag script language-javascript punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token tag script language-javascript" style="color:hsl(5, 74%, 59%)">tag</span><span class="token tag script language-javascript punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">                  </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token plain">tag</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">                </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;/</span><span class="token tag" style="color:hsl(5, 74%, 59%)">li</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">              </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">            </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;/</span><span class="token tag" style="color:hsl(5, 74%, 59%)">ul</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">          </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;/</span><span class="token tag" style="color:hsl(5, 74%, 59%)">div</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">        </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;/</span><span class="token tag" style="color:hsl(5, 74%, 59%)">div</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">        </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;</span><span class="token tag" style="color:hsl(5, 74%, 59%)">hr</span><span class="token tag" style="color:hsl(5, 74%, 59%)"> </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">/&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">        </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;</span><span class="token tag" style="color:hsl(5, 74%, 59%)">div</span><span class="token tag" style="color:hsl(5, 74%, 59%)"> </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">className</span><span class="token tag attr-value punctuation attr-equals" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag attr-value" style="color:hsl(119, 34%, 47%)">article-actions</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">          </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;</span><span class="token tag class-name" style="color:hsl(35, 99%, 36%)">ArticleMeta</span><span class="token tag" style="color:hsl(5, 74%, 59%)"> </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">/&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">        </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;/</span><span class="token tag" style="color:hsl(5, 74%, 59%)">div</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">        </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;</span><span class="token tag" style="color:hsl(5, 74%, 59%)">div</span><span class="token tag" style="color:hsl(5, 74%, 59%)"> </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">className</span><span class="token tag attr-value punctuation attr-equals" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag attr-value" style="color:hsl(119, 34%, 47%)">row</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">          </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;</span><span class="token tag class-name" style="color:hsl(35, 99%, 36%)">Comments</span><span class="token tag" style="color:hsl(5, 74%, 59%)"> </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">/&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">        </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;/</span><span class="token tag" style="color:hsl(5, 74%, 59%)">div</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">      </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;/</span><span class="token tag" style="color:hsl(5, 74%, 59%)">div</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">    </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;/</span><span class="token tag" style="color:hsl(5, 74%, 59%)">div</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">  </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain"></span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><br></span></code></pre><div class="buttonGroup_VWIG"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_p0uL" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_LnVn"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_yLdc"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div>
-<p>What’s more interesting is the <code>ArticleMeta</code> and <code>Comments</code>. They contain write operations such as liking an article, leaving a comment, etc. To get them to work, we first need to implement the backend part. Create <code>action.ts</code> in the <code>api</code> segment of the page:</p>
+<p>더 흥미로운 것은 <code>ArticleMeta</code>와 <code>Comments</code>입니다. 이들은 글 좋아요, 댓글 작성 등과 같은 쓰기 작업을 포함합니다. 이들을 작동시키려면 먼저 백엔드 부분을 구현해야 합니다. 페이지의 <code>api</code> 세그먼트에 <code>action.ts</code>를 만드세요:</p>
 <div class="language-tsx codeBlockContainer_IiXL theme-code-block" style="--prism-background-color:hsl(230, 1%, 98%);--prism-color:hsl(230, 8%, 24%)"><div class="codeBlockTitle_ajkA">pages/article-read/api/action.ts</div><div class="codeBlockContent_Y78k"><pre tabindex="0" class="prism-code language-tsx codeBlock_gc_u thin-scrollbar" style="background-color:hsl(230, 1%, 98%);color:hsl(230, 8%, 24%)"><code class="codeBlockLines_PG8G"><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token keyword" style="color:hsl(301, 63%, 40%)">import</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token plain"> redirect</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">,</span><span class="token plain"> </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">type</span><span class="token plain"> </span><span class="token class-name" style="color:hsl(35, 99%, 36%)">ActionFunctionArgs</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token plain"> </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">from</span><span class="token plain"> </span><span class="token string" style="color:hsl(119, 34%, 47%)">&quot;@remix-run/node&quot;</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain"></span><span class="token keyword" style="color:hsl(301, 63%, 40%)">import</span><span class="token plain"> </span><span class="token imports punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token imports"> namedAction </span><span class="token imports punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token plain"> </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">from</span><span class="token plain"> </span><span class="token string" style="color:hsl(119, 34%, 47%)">&quot;remix-utils/named-action&quot;</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain"></span><span class="token keyword" style="color:hsl(301, 63%, 40%)">import</span><span class="token plain"> </span><span class="token imports punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token imports"> redirectBack </span><span class="token imports punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token plain"> </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">from</span><span class="token plain"> </span><span class="token string" style="color:hsl(119, 34%, 47%)">&quot;remix-utils/redirect-back&quot;</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain"></span><span class="token keyword" style="color:hsl(301, 63%, 40%)">import</span><span class="token plain"> </span><span class="token imports">invariant</span><span class="token plain"> </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">from</span><span class="token plain"> </span><span class="token string" style="color:hsl(119, 34%, 47%)">&quot;tiny-invariant&quot;</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain" style="display:inline-block"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain"></span><span class="token keyword" style="color:hsl(301, 63%, 40%)">import</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token plain"> </span><span class="token constant" style="color:hsl(35, 99%, 36%)">DELETE</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">,</span><span class="token plain"> </span><span class="token constant" style="color:hsl(35, 99%, 36%)">POST</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">,</span><span class="token plain"> requireUser </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token plain"> </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">from</span><span class="token plain"> </span><span class="token string" style="color:hsl(119, 34%, 47%)">&quot;shared/api&quot;</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain" style="display:inline-block"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain"></span><span class="token keyword" style="color:hsl(301, 63%, 40%)">export</span><span class="token plain"> </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">const</span><span class="token plain"> </span><span class="token function-variable function" style="color:hsl(221, 87%, 60%)">action</span><span class="token plain"> </span><span class="token operator" style="color:hsl(221, 87%, 60%)">=</span><span class="token plain"> </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">async</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token plain"> request</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">,</span><span class="token plain"> params </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token operator" style="color:hsl(221, 87%, 60%)">:</span><span class="token plain"> </span><span class="token maybe-class-name">ActionFunctionArgs</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token plain"> </span><span class="token arrow operator" style="color:hsl(221, 87%, 60%)">=&gt;</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">  </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">const</span><span class="token plain"> currentUser </span><span class="token operator" style="color:hsl(221, 87%, 60%)">=</span><span class="token plain"> </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">await</span><span class="token plain"> </span><span class="token function" style="color:hsl(221, 87%, 60%)">requireUser</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token plain">request</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain" style="display:inline-block"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">  </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">const</span><span class="token plain"> authorization </span><span class="token operator" style="color:hsl(221, 87%, 60%)">=</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token plain"> </span><span class="token maybe-class-name">Authorization</span><span class="token operator" style="color:hsl(221, 87%, 60%)">:</span><span class="token plain"> </span><span class="token template-string template-punctuation string" style="color:hsl(119, 34%, 47%)">`</span><span class="token template-string string" style="color:hsl(119, 34%, 47%)">Token </span><span class="token template-string interpolation interpolation-punctuation punctuation" style="color:hsl(119, 34%, 47%)">${</span><span class="token template-string interpolation">currentUser</span><span class="token template-string interpolation punctuation" style="color:hsl(119, 34%, 47%)">.</span><span class="token template-string interpolation">token</span><span class="token template-string interpolation interpolation-punctuation punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token template-string template-punctuation string" style="color:hsl(119, 34%, 47%)">`</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain" style="display:inline-block"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">  </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">const</span><span class="token plain"> formData </span><span class="token operator" style="color:hsl(221, 87%, 60%)">=</span><span class="token plain"> </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">await</span><span class="token plain"> request</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">.</span><span class="token method function property-access" style="color:hsl(221, 87%, 60%)">formData</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain" style="display:inline-block"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">  </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">return</span><span class="token plain"> </span><span class="token function" style="color:hsl(221, 87%, 60%)">namedAction</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token plain">formData</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">,</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">    </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">async</span><span class="token plain"> </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">delete</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">      </span><span class="token function" style="color:hsl(221, 87%, 60%)">invariant</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token plain">params</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">.</span><span class="token property-access">slug</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">,</span><span class="token plain"> </span><span class="token string" style="color:hsl(119, 34%, 47%)">&quot;Expected a slug parameter&quot;</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">      </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">await</span><span class="token plain"> </span><span class="token constant" style="color:hsl(35, 99%, 36%)">DELETE</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token string" style="color:hsl(119, 34%, 47%)">&quot;/articles/{slug}&quot;</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">,</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">        params</span><span class="token operator" style="color:hsl(221, 87%, 60%)">:</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token plain"> path</span><span class="token operator" style="color:hsl(221, 87%, 60%)">:</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token plain"> slug</span><span class="token operator" style="color:hsl(221, 87%, 60%)">:</span><span class="token plain"> params</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">.</span><span class="token property-access">slug</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">,</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">        headers</span><span class="token operator" style="color:hsl(221, 87%, 60%)">:</span><span class="token plain"> authorization</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">,</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">      </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">      </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">return</span><span class="token plain"> </span><span class="token function" style="color:hsl(221, 87%, 60%)">redirect</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token string" style="color:hsl(119, 34%, 47%)">&quot;/&quot;</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">    </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">,</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">    </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">async</span><span class="token plain"> </span><span class="token function" style="color:hsl(221, 87%, 60%)">favorite</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">      </span><span class="token function" style="color:hsl(221, 87%, 60%)">invariant</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token plain">params</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">.</span><span class="token property-access">slug</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">,</span><span class="token plain"> </span><span class="token string" style="color:hsl(119, 34%, 47%)">&quot;Expected a slug parameter&quot;</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">      </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">await</span><span class="token plain"> </span><span class="token constant" style="color:hsl(35, 99%, 36%)">POST</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token string" style="color:hsl(119, 34%, 47%)">&quot;/articles/{slug}/favorite&quot;</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">,</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">        params</span><span class="token operator" style="color:hsl(221, 87%, 60%)">:</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token plain"> path</span><span class="token operator" style="color:hsl(221, 87%, 60%)">:</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token plain"> slug</span><span class="token operator" style="color:hsl(221, 87%, 60%)">:</span><span class="token plain"> params</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">.</span><span class="token property-access">slug</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">,</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">        headers</span><span class="token operator" style="color:hsl(221, 87%, 60%)">:</span><span class="token plain"> authorization</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">,</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">      </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">      </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">return</span><span class="token plain"> </span><span class="token function" style="color:hsl(221, 87%, 60%)">redirectBack</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token plain">request</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">,</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token plain"> fallback</span><span class="token operator" style="color:hsl(221, 87%, 60%)">:</span><span class="token plain"> </span><span class="token string" style="color:hsl(119, 34%, 47%)">&quot;/&quot;</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">    </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">,</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">    </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">async</span><span class="token plain"> </span><span class="token function" style="color:hsl(221, 87%, 60%)">unfavorite</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">      </span><span class="token function" style="color:hsl(221, 87%, 60%)">invariant</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token plain">params</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">.</span><span class="token property-access">slug</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">,</span><span class="token plain"> </span><span class="token string" style="color:hsl(119, 34%, 47%)">&quot;Expected a slug parameter&quot;</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">      </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">await</span><span class="token plain"> </span><span class="token constant" style="color:hsl(35, 99%, 36%)">DELETE</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token string" style="color:hsl(119, 34%, 47%)">&quot;/articles/{slug}/favorite&quot;</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">,</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">        params</span><span class="token operator" style="color:hsl(221, 87%, 60%)">:</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token plain"> path</span><span class="token operator" style="color:hsl(221, 87%, 60%)">:</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token plain"> slug</span><span class="token operator" style="color:hsl(221, 87%, 60%)">:</span><span class="token plain"> params</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">.</span><span class="token property-access">slug</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">,</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">        headers</span><span class="token operator" style="color:hsl(221, 87%, 60%)">:</span><span class="token plain"> authorization</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">,</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">      </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">      </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">return</span><span class="token plain"> </span><span class="token function" style="color:hsl(221, 87%, 60%)">redirectBack</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token plain">request</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">,</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token plain"> fallback</span><span class="token operator" style="color:hsl(221, 87%, 60%)">:</span><span class="token plain"> </span><span class="token string" style="color:hsl(119, 34%, 47%)">&quot;/&quot;</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">    </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">,</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">    </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">async</span><span class="token plain"> </span><span class="token function" style="color:hsl(221, 87%, 60%)">createComment</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">      </span><span class="token function" style="color:hsl(221, 87%, 60%)">invariant</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token plain">params</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">.</span><span class="token property-access">slug</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">,</span><span class="token plain"> </span><span class="token string" style="color:hsl(119, 34%, 47%)">&quot;Expected a slug parameter&quot;</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">      </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">const</span><span class="token plain"> comment </span><span class="token operator" style="color:hsl(221, 87%, 60%)">=</span><span class="token plain"> formData</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">.</span><span class="token method function property-access" style="color:hsl(221, 87%, 60%)">get</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token string" style="color:hsl(119, 34%, 47%)">&quot;comment&quot;</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">      </span><span class="token function" style="color:hsl(221, 87%, 60%)">invariant</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token keyword" style="color:hsl(301, 63%, 40%)">typeof</span><span class="token plain"> comment </span><span class="token operator" style="color:hsl(221, 87%, 60%)">===</span><span class="token plain"> </span><span class="token string" style="color:hsl(119, 34%, 47%)">&quot;string&quot;</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">,</span><span class="token plain"> </span><span class="token string" style="color:hsl(119, 34%, 47%)">&quot;Expected a comment parameter&quot;</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">      </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">await</span><span class="token plain"> </span><span class="token constant" style="color:hsl(35, 99%, 36%)">POST</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token string" style="color:hsl(119, 34%, 47%)">&quot;/articles/{slug}/comments&quot;</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">,</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">        params</span><span class="token operator" style="color:hsl(221, 87%, 60%)">:</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token plain"> path</span><span class="token operator" style="color:hsl(221, 87%, 60%)">:</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token plain"> slug</span><span class="token operator" style="color:hsl(221, 87%, 60%)">:</span><span class="token plain"> params</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">.</span><span class="token property-access">slug</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">,</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">        headers</span><span class="token operator" style="color:hsl(221, 87%, 60%)">:</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token plain"> </span><span class="token spread operator" style="color:hsl(221, 87%, 60%)">...</span><span class="token plain">authorization</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">,</span><span class="token plain"> </span><span class="token string-property property" style="color:hsl(5, 74%, 59%)">&quot;Content-Type&quot;</span><span class="token operator" style="color:hsl(221, 87%, 60%)">:</span><span class="token plain"> </span><span class="token string" style="color:hsl(119, 34%, 47%)">&quot;application/json&quot;</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">,</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">        body</span><span class="token operator" style="color:hsl(221, 87%, 60%)">:</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token plain"> comment</span><span class="token operator" style="color:hsl(221, 87%, 60%)">:</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token plain"> body</span><span class="token operator" style="color:hsl(221, 87%, 60%)">:</span><span class="token plain"> comment </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">,</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">      </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">      </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">return</span><span class="token plain"> </span><span class="token function" style="color:hsl(221, 87%, 60%)">redirectBack</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token plain">request</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">,</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token plain"> fallback</span><span class="token operator" style="color:hsl(221, 87%, 60%)">:</span><span class="token plain"> </span><span class="token string" style="color:hsl(119, 34%, 47%)">&quot;/&quot;</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">    </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">,</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">    </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">async</span><span class="token plain"> </span><span class="token function" style="color:hsl(221, 87%, 60%)">deleteComment</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">      </span><span class="token function" style="color:hsl(221, 87%, 60%)">invariant</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token plain">params</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">.</span><span class="token property-access">slug</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">,</span><span class="token plain"> </span><span class="token string" style="color:hsl(119, 34%, 47%)">&quot;Expected a slug parameter&quot;</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">      </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">const</span><span class="token plain"> commentId </span><span class="token operator" style="color:hsl(221, 87%, 60%)">=</span><span class="token plain"> formData</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">.</span><span class="token method function property-access" style="color:hsl(221, 87%, 60%)">get</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token string" style="color:hsl(119, 34%, 47%)">&quot;id&quot;</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">      </span><span class="token function" style="color:hsl(221, 87%, 60%)">invariant</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token keyword" style="color:hsl(301, 63%, 40%)">typeof</span><span class="token plain"> commentId </span><span class="token operator" style="color:hsl(221, 87%, 60%)">===</span><span class="token plain"> </span><span class="token string" style="color:hsl(119, 34%, 47%)">&quot;string&quot;</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">,</span><span class="token plain"> </span><span class="token string" style="color:hsl(119, 34%, 47%)">&quot;Expected an id parameter&quot;</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">      </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">const</span><span class="token plain"> commentIdNumeric </span><span class="token operator" style="color:hsl(221, 87%, 60%)">=</span><span class="token plain"> </span><span class="token function" style="color:hsl(221, 87%, 60%)">parseInt</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token plain">commentId</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">,</span><span class="token plain"> </span><span class="token number" style="color:hsl(35, 99%, 36%)">10</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">      </span><span class="token function" style="color:hsl(221, 87%, 60%)">invariant</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">        </span><span class="token operator" style="color:hsl(221, 87%, 60%)">!</span><span class="token known-class-name class-name" style="color:hsl(35, 99%, 36%)">Number</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">.</span><span class="token method function property-access" style="color:hsl(221, 87%, 60%)">isNaN</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token plain">commentIdNumeric</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">,</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">        </span><span class="token string" style="color:hsl(119, 34%, 47%)">&quot;Expected a numeric id parameter&quot;</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">,</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">      </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">      </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">await</span><span class="token plain"> </span><span class="token constant" style="color:hsl(35, 99%, 36%)">DELETE</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token string" style="color:hsl(119, 34%, 47%)">&quot;/articles/{slug}/comments/{id}&quot;</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">,</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">        params</span><span class="token operator" style="color:hsl(221, 87%, 60%)">:</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token plain"> path</span><span class="token operator" style="color:hsl(221, 87%, 60%)">:</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token plain"> slug</span><span class="token operator" style="color:hsl(221, 87%, 60%)">:</span><span class="token plain"> params</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">.</span><span class="token property-access">slug</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">,</span><span class="token plain"> id</span><span class="token operator" style="color:hsl(221, 87%, 60%)">:</span><span class="token plain"> commentIdNumeric </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">,</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">        headers</span><span class="token operator" style="color:hsl(221, 87%, 60%)">:</span><span class="token plain"> authorization</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">,</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">      </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">      </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">return</span><span class="token plain"> </span><span class="token function" style="color:hsl(221, 87%, 60%)">redirectBack</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token plain">request</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">,</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token plain"> fallback</span><span class="token operator" style="color:hsl(221, 87%, 60%)">:</span><span class="token plain"> </span><span class="token string" style="color:hsl(119, 34%, 47%)">&quot;/&quot;</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">    </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">,</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">    </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">async</span><span class="token plain"> </span><span class="token function" style="color:hsl(221, 87%, 60%)">followAuthor</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">      </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">const</span><span class="token plain"> authorUsername </span><span class="token operator" style="color:hsl(221, 87%, 60%)">=</span><span class="token plain"> formData</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">.</span><span class="token method function property-access" style="color:hsl(221, 87%, 60%)">get</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token string" style="color:hsl(119, 34%, 47%)">&quot;username&quot;</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">      </span><span class="token function" style="color:hsl(221, 87%, 60%)">invariant</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">        </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">typeof</span><span class="token plain"> authorUsername </span><span class="token operator" style="color:hsl(221, 87%, 60%)">===</span><span class="token plain"> </span><span class="token string" style="color:hsl(119, 34%, 47%)">&quot;string&quot;</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">,</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">        </span><span class="token string" style="color:hsl(119, 34%, 47%)">&quot;Expected a username parameter&quot;</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">,</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">      </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">      </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">await</span><span class="token plain"> </span><span class="token constant" style="color:hsl(35, 99%, 36%)">POST</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token string" style="color:hsl(119, 34%, 47%)">&quot;/profiles/{username}/follow&quot;</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">,</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">        params</span><span class="token operator" style="color:hsl(221, 87%, 60%)">:</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token plain"> path</span><span class="token operator" style="color:hsl(221, 87%, 60%)">:</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token plain"> username</span><span class="token operator" style="color:hsl(221, 87%, 60%)">:</span><span class="token plain"> authorUsername </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">,</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">        headers</span><span class="token operator" style="color:hsl(221, 87%, 60%)">:</span><span class="token plain"> authorization</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">,</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">      </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">      </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">return</span><span class="token plain"> </span><span class="token function" style="color:hsl(221, 87%, 60%)">redirectBack</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token plain">request</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">,</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token plain"> fallback</span><span class="token operator" style="color:hsl(221, 87%, 60%)">:</span><span class="token plain"> </span><span class="token string" style="color:hsl(119, 34%, 47%)">&quot;/&quot;</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">    </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">,</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">    </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">async</span><span class="token plain"> </span><span class="token function" style="color:hsl(221, 87%, 60%)">unfollowAuthor</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">      </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">const</span><span class="token plain"> authorUsername </span><span class="token operator" style="color:hsl(221, 87%, 60%)">=</span><span class="token plain"> formData</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">.</span><span class="token method function property-access" style="color:hsl(221, 87%, 60%)">get</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token string" style="color:hsl(119, 34%, 47%)">&quot;username&quot;</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">      </span><span class="token function" style="color:hsl(221, 87%, 60%)">invariant</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">        </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">typeof</span><span class="token plain"> authorUsername </span><span class="token operator" style="color:hsl(221, 87%, 60%)">===</span><span class="token plain"> </span><span class="token string" style="color:hsl(119, 34%, 47%)">&quot;string&quot;</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">,</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">        </span><span class="token string" style="color:hsl(119, 34%, 47%)">&quot;Expected a username parameter&quot;</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">,</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">      </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">      </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">await</span><span class="token plain"> </span><span class="token constant" style="color:hsl(35, 99%, 36%)">DELETE</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token string" style="color:hsl(119, 34%, 47%)">&quot;/profiles/{username}/follow&quot;</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">,</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">        params</span><span class="token operator" style="color:hsl(221, 87%, 60%)">:</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token plain"> path</span><span class="token operator" style="color:hsl(221, 87%, 60%)">:</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token plain"> username</span><span class="token operator" style="color:hsl(221, 87%, 60%)">:</span><span class="token plain"> authorUsername </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">,</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">        headers</span><span class="token operator" style="color:hsl(221, 87%, 60%)">:</span><span class="token plain"> authorization</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">,</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">      </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">      </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">return</span><span class="token plain"> </span><span class="token function" style="color:hsl(221, 87%, 60%)">redirectBack</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token plain">request</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">,</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token plain"> fallback</span><span class="token operator" style="color:hsl(221, 87%, 60%)">:</span><span class="token plain"> </span><span class="token string" style="color:hsl(119, 34%, 47%)">&quot;/&quot;</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">    </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">,</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">  </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain"></span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><br></span></code></pre><div class="buttonGroup_VWIG"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_p0uL" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_LnVn"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_yLdc"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div>
-<p>Export that from the slice and then from the route. While we’re at it, let’s also connect the page itself:</p>
+<p>그 슬라이스에서 이를 내보내고 라우트에서도 내보내세요. 그리고 페이지 자체도 연결하겠습니다.</p>
 <div class="language-tsx codeBlockContainer_IiXL theme-code-block" style="--prism-background-color:hsl(230, 1%, 98%);--prism-color:hsl(230, 8%, 24%)"><div class="codeBlockTitle_ajkA">pages/article-read/index.ts</div><div class="codeBlockContent_Y78k"><pre tabindex="0" class="prism-code language-tsx codeBlock_gc_u thin-scrollbar" style="background-color:hsl(230, 1%, 98%);color:hsl(230, 8%, 24%)"><code class="codeBlockLines_PG8G"><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token keyword" style="color:hsl(301, 63%, 40%)">export</span><span class="token plain"> </span><span class="token exports punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token exports"> </span><span class="token exports maybe-class-name">ArticleReadPage</span><span class="token exports"> </span><span class="token exports punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token plain"> </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">from</span><span class="token plain"> </span><span class="token string" style="color:hsl(119, 34%, 47%)">&quot;./ui/ArticleReadPage&quot;</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain"></span><span class="token keyword" style="color:hsl(301, 63%, 40%)">export</span><span class="token plain"> </span><span class="token exports punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token exports"> loader </span><span class="token exports punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token plain"> </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">from</span><span class="token plain"> </span><span class="token string" style="color:hsl(119, 34%, 47%)">&quot;./api/loader&quot;</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain"></span><span class="token keyword" style="color:hsl(301, 63%, 40%)">export</span><span class="token plain"> </span><span class="token exports punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token exports"> action </span><span class="token exports punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token plain"> </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">from</span><span class="token plain"> </span><span class="token string" style="color:hsl(119, 34%, 47%)">&quot;./api/action&quot;</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><br></span></code></pre><div class="buttonGroup_VWIG"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_p0uL" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_LnVn"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_yLdc"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div>
 <div class="language-tsx codeBlockContainer_IiXL theme-code-block" style="--prism-background-color:hsl(230, 1%, 98%);--prism-color:hsl(230, 8%, 24%)"><div class="codeBlockTitle_ajkA">app/routes/article.$slug.tsx</div><div class="codeBlockContent_Y78k"><pre tabindex="0" class="prism-code language-tsx codeBlock_gc_u thin-scrollbar" style="background-color:hsl(230, 1%, 98%);color:hsl(230, 8%, 24%)"><code class="codeBlockLines_PG8G"><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token keyword" style="color:hsl(301, 63%, 40%)">import</span><span class="token plain"> </span><span class="token imports punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token imports"> </span><span class="token imports maybe-class-name">ArticleReadPage</span><span class="token imports"> </span><span class="token imports punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token plain"> </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">from</span><span class="token plain"> </span><span class="token string" style="color:hsl(119, 34%, 47%)">&quot;pages/article-read&quot;</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain" style="display:inline-block"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain"></span><span class="token keyword" style="color:hsl(301, 63%, 40%)">export</span><span class="token plain"> </span><span class="token exports punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token exports"> loader</span><span class="token exports punctuation" style="color:hsl(119, 34%, 47%)">,</span><span class="token exports"> action </span><span class="token exports punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token plain"> </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">from</span><span class="token plain"> </span><span class="token string" style="color:hsl(119, 34%, 47%)">&quot;pages/article-read&quot;</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain" style="display:inline-block"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain"></span><span class="token keyword" style="color:hsl(301, 63%, 40%)">export</span><span class="token plain"> </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">default</span><span class="token plain"> </span><span class="token maybe-class-name">ArticleReadPage</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><br></span></code></pre><div class="buttonGroup_VWIG"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_p0uL" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_LnVn"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_yLdc"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div>
-<p>Now, even though we haven’t implemented the like button on the reader page yet, the like button in the feed will start working! That’s because it’s been sending “like” requests to this route. Give that a try.</p>
-<p><code>ArticleMeta</code> and <code>Comments</code> are, again, a bunch of forms. We’ve done this before, let’s grab their code and move on:</p>
+<p>이제 독자 페이지에서 좋아요 버튼을 아직 구현하지 않았지만, 피드의 좋아요 버튼이 작동하기 시작할 것입니다! 이 라우트로 &quot;좋아요&quot; 요청을 보내고 있었기 때문입니다. 한번 시도해 보세요.</p>
+<p><code>ArticleMeta</code>와 <code>Comments</code>는 다시 한번 폼들의 모음입니다. 이전에 이미 해봤으니, 코드를 가져와서 넘어가겠습니다.</p>
 <div class="language-tsx codeBlockContainer_IiXL theme-code-block" style="--prism-background-color:hsl(230, 1%, 98%);--prism-color:hsl(230, 8%, 24%)"><div class="codeBlockTitle_ajkA">pages/article-read/ui/ArticleMeta.tsx</div><div class="codeBlockContent_Y78k"><pre tabindex="0" class="prism-code language-tsx codeBlock_gc_u thin-scrollbar" style="background-color:hsl(230, 1%, 98%);color:hsl(230, 8%, 24%)"><code class="codeBlockLines_PG8G"><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token keyword" style="color:hsl(301, 63%, 40%)">import</span><span class="token plain"> </span><span class="token imports punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token imports"> </span><span class="token imports maybe-class-name">Form</span><span class="token imports punctuation" style="color:hsl(119, 34%, 47%)">,</span><span class="token imports"> </span><span class="token imports maybe-class-name">Link</span><span class="token imports punctuation" style="color:hsl(119, 34%, 47%)">,</span><span class="token imports"> useLoaderData </span><span class="token imports punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token plain"> </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">from</span><span class="token plain"> </span><span class="token string" style="color:hsl(119, 34%, 47%)">&quot;@remix-run/react&quot;</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain"></span><span class="token keyword" style="color:hsl(301, 63%, 40%)">import</span><span class="token plain"> </span><span class="token imports punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token imports"> useContext </span><span class="token imports punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token plain"> </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">from</span><span class="token plain"> </span><span class="token string" style="color:hsl(119, 34%, 47%)">&quot;react&quot;</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain" style="display:inline-block"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain"></span><span class="token keyword" style="color:hsl(301, 63%, 40%)">import</span><span class="token plain"> </span><span class="token imports punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token imports"> </span><span class="token imports maybe-class-name">CurrentUser</span><span class="token imports"> </span><span class="token imports punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token plain"> </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">from</span><span class="token plain"> </span><span class="token string" style="color:hsl(119, 34%, 47%)">&quot;shared/api&quot;</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain"></span><span class="token keyword" style="color:hsl(301, 63%, 40%)">import</span><span class="token plain"> </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">type</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token plain"> loader </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token plain"> </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">from</span><span class="token plain"> </span><span class="token string" style="color:hsl(119, 34%, 47%)">&quot;../api/loader&quot;</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain" style="display:inline-block"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain"></span><span class="token keyword" style="color:hsl(301, 63%, 40%)">export</span><span class="token plain"> </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">function</span><span class="token plain"> </span><span class="token function" style="color:hsl(221, 87%, 60%)">ArticleMeta</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">  </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">const</span><span class="token plain"> currentUser </span><span class="token operator" style="color:hsl(221, 87%, 60%)">=</span><span class="token plain"> </span><span class="token function" style="color:hsl(221, 87%, 60%)">useContext</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token maybe-class-name">CurrentUser</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">  </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">const</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token plain"> article </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token plain"> </span><span class="token operator" style="color:hsl(221, 87%, 60%)">=</span><span class="token plain"> </span><span class="token generic-function function" style="color:hsl(221, 87%, 60%)">useLoaderData</span><span class="token generic-function generic class-name operator" style="color:hsl(221, 87%, 60%)">&lt;</span><span class="token generic-function generic class-name keyword" style="color:hsl(301, 63%, 40%)">typeof</span><span class="token generic-function generic class-name" style="color:hsl(35, 99%, 36%)"> loader</span><span class="token generic-function generic class-name operator" style="color:hsl(221, 87%, 60%)">&gt;</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain" style="display:inline-block"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">  </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">return</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">    </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;</span><span class="token tag class-name" style="color:hsl(35, 99%, 36%)">Form</span><span class="token tag" style="color:hsl(5, 74%, 59%)"> </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">method</span><span class="token tag attr-value punctuation attr-equals" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag attr-value" style="color:hsl(119, 34%, 47%)">post</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">      </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;</span><span class="token tag" style="color:hsl(5, 74%, 59%)">div</span><span class="token tag" style="color:hsl(5, 74%, 59%)"> </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">className</span><span class="token tag attr-value punctuation attr-equals" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag attr-value" style="color:hsl(119, 34%, 47%)">article-meta</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">        </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;</span><span class="token tag class-name" style="color:hsl(35, 99%, 36%)">Link</span><span class="token tag" style="color:hsl(5, 74%, 59%)"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token tag" style="color:hsl(5, 74%, 59%)">          </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">prefetch</span><span class="token tag attr-value punctuation attr-equals" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag attr-value" style="color:hsl(119, 34%, 47%)">intent</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag" style="color:hsl(5, 74%, 59%)"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token tag" style="color:hsl(5, 74%, 59%)">          </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">to</span><span class="token tag script language-javascript script-punctuation punctuation" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag script language-javascript punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token tag script language-javascript template-string template-punctuation string" style="color:hsl(119, 34%, 47%)">`</span><span class="token tag script language-javascript template-string string" style="color:hsl(119, 34%, 47%)">/profile/</span><span class="token tag script language-javascript template-string interpolation interpolation-punctuation punctuation" style="color:hsl(119, 34%, 47%)">${</span><span class="token tag script language-javascript template-string interpolation" style="color:hsl(5, 74%, 59%)">article</span><span class="token tag script language-javascript template-string interpolation punctuation" style="color:hsl(119, 34%, 47%)">.</span><span class="token tag script language-javascript template-string interpolation" style="color:hsl(5, 74%, 59%)">article</span><span class="token tag script language-javascript template-string interpolation punctuation" style="color:hsl(119, 34%, 47%)">.</span><span class="token tag script language-javascript template-string interpolation" style="color:hsl(5, 74%, 59%)">author</span><span class="token tag script language-javascript template-string interpolation punctuation" style="color:hsl(119, 34%, 47%)">.</span><span class="token tag script language-javascript template-string interpolation" style="color:hsl(5, 74%, 59%)">username</span><span class="token tag script language-javascript template-string interpolation interpolation-punctuation punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token tag script language-javascript template-string template-punctuation string" style="color:hsl(119, 34%, 47%)">`</span><span class="token tag script language-javascript punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token tag" style="color:hsl(5, 74%, 59%)"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token tag" style="color:hsl(5, 74%, 59%)">        </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">          </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;</span><span class="token tag" style="color:hsl(5, 74%, 59%)">img</span><span class="token tag" style="color:hsl(5, 74%, 59%)"> </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">src</span><span class="token tag script language-javascript script-punctuation punctuation" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag script language-javascript punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token tag script language-javascript" style="color:hsl(5, 74%, 59%)">article</span><span class="token tag script language-javascript punctuation" style="color:hsl(119, 34%, 47%)">.</span><span class="token tag script language-javascript property-access" style="color:hsl(5, 74%, 59%)">article</span><span class="token tag script language-javascript punctuation" style="color:hsl(119, 34%, 47%)">.</span><span class="token tag script language-javascript property-access" style="color:hsl(5, 74%, 59%)">author</span><span class="token tag script language-javascript punctuation" style="color:hsl(119, 34%, 47%)">.</span><span class="token tag script language-javascript property-access" style="color:hsl(5, 74%, 59%)">image</span><span class="token tag script language-javascript punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token tag" style="color:hsl(5, 74%, 59%)"> </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">alt</span><span class="token tag attr-value punctuation attr-equals" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag" style="color:hsl(5, 74%, 59%)"> </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">/&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">        </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;/</span><span class="token tag class-name" style="color:hsl(35, 99%, 36%)">Link</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">        </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;</span><span class="token tag" style="color:hsl(5, 74%, 59%)">div</span><span class="token tag" style="color:hsl(5, 74%, 59%)"> </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">className</span><span class="token tag attr-value punctuation attr-equals" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag attr-value" style="color:hsl(119, 34%, 47%)">info</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">          </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;</span><span class="token tag class-name" style="color:hsl(35, 99%, 36%)">Link</span><span class="token tag" style="color:hsl(5, 74%, 59%)"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token tag" style="color:hsl(5, 74%, 59%)">            </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">prefetch</span><span class="token tag attr-value punctuation attr-equals" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag attr-value" style="color:hsl(119, 34%, 47%)">intent</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag" style="color:hsl(5, 74%, 59%)"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token tag" style="color:hsl(5, 74%, 59%)">            </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">to</span><span class="token tag script language-javascript script-punctuation punctuation" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag script language-javascript punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token tag script language-javascript template-string template-punctuation string" style="color:hsl(119, 34%, 47%)">`</span><span class="token tag script language-javascript template-string string" style="color:hsl(119, 34%, 47%)">/profile/</span><span class="token tag script language-javascript template-string interpolation interpolation-punctuation punctuation" style="color:hsl(119, 34%, 47%)">${</span><span class="token tag script language-javascript template-string interpolation" style="color:hsl(5, 74%, 59%)">article</span><span class="token tag script language-javascript template-string interpolation punctuation" style="color:hsl(119, 34%, 47%)">.</span><span class="token tag script language-javascript template-string interpolation" style="color:hsl(5, 74%, 59%)">article</span><span class="token tag script language-javascript template-string interpolation punctuation" style="color:hsl(119, 34%, 47%)">.</span><span class="token tag script language-javascript template-string interpolation" style="color:hsl(5, 74%, 59%)">author</span><span class="token tag script language-javascript template-string interpolation punctuation" style="color:hsl(119, 34%, 47%)">.</span><span class="token tag script language-javascript template-string interpolation" style="color:hsl(5, 74%, 59%)">username</span><span class="token tag script language-javascript template-string interpolation interpolation-punctuation punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token tag script language-javascript template-string template-punctuation string" style="color:hsl(119, 34%, 47%)">`</span><span class="token tag script language-javascript punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token tag" style="color:hsl(5, 74%, 59%)"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token tag" style="color:hsl(5, 74%, 59%)">            </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">className</span><span class="token tag attr-value punctuation attr-equals" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag attr-value" style="color:hsl(119, 34%, 47%)">author</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag" style="color:hsl(5, 74%, 59%)"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token tag" style="color:hsl(5, 74%, 59%)">          </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">            </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token plain">article</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">.</span><span class="token property-access">article</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">.</span><span class="token property-access">author</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">.</span><span class="token property-access">username</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">          </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;/</span><span class="token tag class-name" style="color:hsl(35, 99%, 36%)">Link</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">          </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;</span><span class="token tag" style="color:hsl(5, 74%, 59%)">span</span><span class="token tag" style="color:hsl(5, 74%, 59%)"> </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">className</span><span class="token tag attr-value punctuation attr-equals" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag attr-value" style="color:hsl(119, 34%, 47%)">date</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token plain">article</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">.</span><span class="token property-access">article</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">.</span><span class="token property-access">createdAt</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;/</span><span class="token tag" style="color:hsl(5, 74%, 59%)">span</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">        </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;/</span><span class="token tag" style="color:hsl(5, 74%, 59%)">div</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">        </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token plain">article</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">.</span><span class="token property-access">article</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">.</span><span class="token property-access">author</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">.</span><span class="token property-access">username</span><span class="token plain"> </span><span class="token operator" style="color:hsl(221, 87%, 60%)">==</span><span class="token plain"> currentUser</span><span class="token operator" style="color:hsl(221, 87%, 60%)">?.</span><span class="token plain">username </span><span class="token operator" style="color:hsl(221, 87%, 60%)">?</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">          </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">            </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;</span><span class="token tag class-name" style="color:hsl(35, 99%, 36%)">Link</span><span class="token tag" style="color:hsl(5, 74%, 59%)"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token tag" style="color:hsl(5, 74%, 59%)">              </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">prefetch</span><span class="token tag attr-value punctuation attr-equals" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag attr-value" style="color:hsl(119, 34%, 47%)">intent</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag" style="color:hsl(5, 74%, 59%)"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token tag" style="color:hsl(5, 74%, 59%)">              </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">to</span><span class="token tag script language-javascript script-punctuation punctuation" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag script language-javascript punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token tag script language-javascript template-string template-punctuation string" style="color:hsl(119, 34%, 47%)">`</span><span class="token tag script language-javascript template-string string" style="color:hsl(119, 34%, 47%)">/editor/</span><span class="token tag script language-javascript template-string interpolation interpolation-punctuation punctuation" style="color:hsl(119, 34%, 47%)">${</span><span class="token tag script language-javascript template-string interpolation" style="color:hsl(5, 74%, 59%)">article</span><span class="token tag script language-javascript template-string interpolation punctuation" style="color:hsl(119, 34%, 47%)">.</span><span class="token tag script language-javascript template-string interpolation" style="color:hsl(5, 74%, 59%)">article</span><span class="token tag script language-javascript template-string interpolation punctuation" style="color:hsl(119, 34%, 47%)">.</span><span class="token tag script language-javascript template-string interpolation" style="color:hsl(5, 74%, 59%)">slug</span><span class="token tag script language-javascript template-string interpolation interpolation-punctuation punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token tag script language-javascript template-string template-punctuation string" style="color:hsl(119, 34%, 47%)">`</span><span class="token tag script language-javascript punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token tag" style="color:hsl(5, 74%, 59%)"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token tag" style="color:hsl(5, 74%, 59%)">              </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">className</span><span class="token tag attr-value punctuation attr-equals" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag attr-value" style="color:hsl(119, 34%, 47%)">btn btn-sm btn-outline-secondary</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag" style="color:hsl(5, 74%, 59%)"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token tag" style="color:hsl(5, 74%, 59%)">            </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">              </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;</span><span class="token tag" style="color:hsl(5, 74%, 59%)">i</span><span class="token tag" style="color:hsl(5, 74%, 59%)"> </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">className</span><span class="token tag attr-value punctuation attr-equals" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag attr-value" style="color:hsl(119, 34%, 47%)">ion-edit</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;/</span><span class="token tag" style="color:hsl(5, 74%, 59%)">i</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"> Edit Article</span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">            </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;/</span><span class="token tag class-name" style="color:hsl(35, 99%, 36%)">Link</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">            &amp;nbsp;&amp;nbsp;</span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">            </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;</span><span class="token tag" style="color:hsl(5, 74%, 59%)">button</span><span class="token tag" style="color:hsl(5, 74%, 59%)"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token tag" style="color:hsl(5, 74%, 59%)">              </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">name</span><span class="token tag attr-value punctuation attr-equals" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag attr-value" style="color:hsl(119, 34%, 47%)">_action</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag" style="color:hsl(5, 74%, 59%)"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token tag" style="color:hsl(5, 74%, 59%)">              </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">value</span><span class="token tag attr-value punctuation attr-equals" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag attr-value" style="color:hsl(119, 34%, 47%)">delete</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag" style="color:hsl(5, 74%, 59%)"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token tag" style="color:hsl(5, 74%, 59%)">              </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">className</span><span class="token tag attr-value punctuation attr-equals" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag attr-value" style="color:hsl(119, 34%, 47%)">btn btn-sm btn-outline-danger</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag" style="color:hsl(5, 74%, 59%)"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token tag" style="color:hsl(5, 74%, 59%)">            </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">              </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;</span><span class="token tag" style="color:hsl(5, 74%, 59%)">i</span><span class="token tag" style="color:hsl(5, 74%, 59%)"> </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">className</span><span class="token tag attr-value punctuation attr-equals" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag attr-value" style="color:hsl(119, 34%, 47%)">ion-trash-a</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;/</span><span class="token tag" style="color:hsl(5, 74%, 59%)">i</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"> Delete Article</span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">            </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;/</span><span class="token tag" style="color:hsl(5, 74%, 59%)">button</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">          </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;/</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">        </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token plain"> </span><span class="token operator" style="color:hsl(221, 87%, 60%)">:</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">          </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">            </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;</span><span class="token tag" style="color:hsl(5, 74%, 59%)">input</span><span class="token tag" style="color:hsl(5, 74%, 59%)"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token tag" style="color:hsl(5, 74%, 59%)">              </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">name</span><span class="token tag attr-value punctuation attr-equals" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag attr-value" style="color:hsl(119, 34%, 47%)">username</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag" style="color:hsl(5, 74%, 59%)"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token tag" style="color:hsl(5, 74%, 59%)">              </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">value</span><span class="token tag script language-javascript script-punctuation punctuation" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag script language-javascript punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token tag script language-javascript" style="color:hsl(5, 74%, 59%)">article</span><span class="token tag script language-javascript punctuation" style="color:hsl(119, 34%, 47%)">.</span><span class="token tag script language-javascript property-access" style="color:hsl(5, 74%, 59%)">article</span><span class="token tag script language-javascript punctuation" style="color:hsl(119, 34%, 47%)">.</span><span class="token tag script language-javascript property-access" style="color:hsl(5, 74%, 59%)">author</span><span class="token tag script language-javascript punctuation" style="color:hsl(119, 34%, 47%)">.</span><span class="token tag script language-javascript property-access" style="color:hsl(5, 74%, 59%)">username</span><span class="token tag script language-javascript punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token tag" style="color:hsl(5, 74%, 59%)"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token tag" style="color:hsl(5, 74%, 59%)">              </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">type</span><span class="token tag attr-value punctuation attr-equals" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag attr-value" style="color:hsl(119, 34%, 47%)">hidden</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag" style="color:hsl(5, 74%, 59%)"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token tag" style="color:hsl(5, 74%, 59%)">            </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">/&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">            </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;</span><span class="token tag" style="color:hsl(5, 74%, 59%)">button</span><span class="token tag" style="color:hsl(5, 74%, 59%)"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token tag" style="color:hsl(5, 74%, 59%)">              </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">name</span><span class="token tag attr-value punctuation attr-equals" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag attr-value" style="color:hsl(119, 34%, 47%)">_action</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag" style="color:hsl(5, 74%, 59%)"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token tag" style="color:hsl(5, 74%, 59%)">              </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">value</span><span class="token tag script language-javascript script-punctuation punctuation" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag script language-javascript punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token tag script language-javascript" style="color:hsl(5, 74%, 59%)"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token tag script language-javascript" style="color:hsl(5, 74%, 59%)">                article</span><span class="token tag script language-javascript punctuation" style="color:hsl(119, 34%, 47%)">.</span><span class="token tag script language-javascript property-access" style="color:hsl(5, 74%, 59%)">article</span><span class="token tag script language-javascript punctuation" style="color:hsl(119, 34%, 47%)">.</span><span class="token tag script language-javascript property-access" style="color:hsl(5, 74%, 59%)">author</span><span class="token tag script language-javascript punctuation" style="color:hsl(119, 34%, 47%)">.</span><span class="token tag script language-javascript property-access" style="color:hsl(5, 74%, 59%)">following</span><span class="token tag script language-javascript" style="color:hsl(5, 74%, 59%)"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token tag script language-javascript" style="color:hsl(5, 74%, 59%)">                  </span><span class="token tag script language-javascript operator" style="color:hsl(221, 87%, 60%)">?</span><span class="token tag script language-javascript" style="color:hsl(5, 74%, 59%)"> </span><span class="token tag script language-javascript string" style="color:hsl(119, 34%, 47%)">&quot;unfollowAuthor&quot;</span><span class="token tag script language-javascript" style="color:hsl(5, 74%, 59%)"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token tag script language-javascript" style="color:hsl(5, 74%, 59%)">                  </span><span class="token tag script language-javascript operator" style="color:hsl(221, 87%, 60%)">:</span><span class="token tag script language-javascript" style="color:hsl(5, 74%, 59%)"> </span><span class="token tag script language-javascript string" style="color:hsl(119, 34%, 47%)">&quot;followAuthor&quot;</span><span class="token tag script language-javascript" style="color:hsl(5, 74%, 59%)"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token tag script language-javascript" style="color:hsl(5, 74%, 59%)">              </span><span class="token tag script language-javascript punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token tag" style="color:hsl(5, 74%, 59%)"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token tag" style="color:hsl(5, 74%, 59%)">              </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">className</span><span class="token tag script language-javascript script-punctuation punctuation" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag script language-javascript punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token tag script language-javascript template-string template-punctuation string" style="color:hsl(119, 34%, 47%)">`</span><span class="token tag script language-javascript template-string string" style="color:hsl(119, 34%, 47%)">btn btn-sm </span><span class="token tag script language-javascript template-string interpolation interpolation-punctuation punctuation" style="color:hsl(119, 34%, 47%)">${</span><span class="token tag script language-javascript template-string interpolation" style="color:hsl(5, 74%, 59%)">article</span><span class="token tag script language-javascript template-string interpolation punctuation" style="color:hsl(119, 34%, 47%)">.</span><span class="token tag script language-javascript template-string interpolation" style="color:hsl(5, 74%, 59%)">article</span><span class="token tag script language-javascript template-string interpolation punctuation" style="color:hsl(119, 34%, 47%)">.</span><span class="token tag script language-javascript template-string interpolation" style="color:hsl(5, 74%, 59%)">author</span><span class="token tag script language-javascript template-string interpolation punctuation" style="color:hsl(119, 34%, 47%)">.</span><span class="token tag script language-javascript template-string interpolation" style="color:hsl(5, 74%, 59%)">following </span><span class="token tag script language-javascript template-string interpolation operator" style="color:hsl(221, 87%, 60%)">?</span><span class="token tag script language-javascript template-string interpolation" style="color:hsl(5, 74%, 59%)"> </span><span class="token tag script language-javascript template-string interpolation string" style="color:hsl(119, 34%, 47%)">&quot;btn-secondary&quot;</span><span class="token tag script language-javascript template-string interpolation" style="color:hsl(5, 74%, 59%)"> </span><span class="token tag script language-javascript template-string interpolation operator" style="color:hsl(221, 87%, 60%)">:</span><span class="token tag script language-javascript template-string interpolation" style="color:hsl(5, 74%, 59%)"> </span><span class="token tag script language-javascript template-string interpolation string" style="color:hsl(119, 34%, 47%)">&quot;btn-outline-secondary&quot;</span><span class="token tag script language-javascript template-string interpolation interpolation-punctuation punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token tag script language-javascript template-string template-punctuation string" style="color:hsl(119, 34%, 47%)">`</span><span class="token tag script language-javascript punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token tag" style="color:hsl(5, 74%, 59%)"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token tag" style="color:hsl(5, 74%, 59%)">            </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">              </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;</span><span class="token tag" style="color:hsl(5, 74%, 59%)">i</span><span class="token tag" style="color:hsl(5, 74%, 59%)"> </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">className</span><span class="token tag attr-value punctuation attr-equals" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag attr-value" style="color:hsl(119, 34%, 47%)">ion-plus-round</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;/</span><span class="token tag" style="color:hsl(5, 74%, 59%)">i</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">              &amp;nbsp;</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token string" style="color:hsl(119, 34%, 47%)">&quot; &quot;</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">              </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token plain">article</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">.</span><span class="token property-access">article</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">.</span><span class="token property-access">author</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">.</span><span class="token property-access">following</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">                </span><span class="token operator" style="color:hsl(221, 87%, 60%)">?</span><span class="token plain"> </span><span class="token string" style="color:hsl(119, 34%, 47%)">&quot;Unfollow&quot;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">                </span><span class="token operator" style="color:hsl(221, 87%, 60%)">:</span><span class="token plain"> </span><span class="token string" style="color:hsl(119, 34%, 47%)">&quot;Follow&quot;</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token string" style="color:hsl(119, 34%, 47%)">&quot; &quot;</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">              </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token plain">article</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">.</span><span class="token property-access">article</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">.</span><span class="token property-access">author</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">.</span><span class="token property-access">username</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">            </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;/</span><span class="token tag" style="color:hsl(5, 74%, 59%)">button</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">            &amp;nbsp;&amp;nbsp;</span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">            </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;</span><span class="token tag" style="color:hsl(5, 74%, 59%)">button</span><span class="token tag" style="color:hsl(5, 74%, 59%)"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token tag" style="color:hsl(5, 74%, 59%)">              </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">name</span><span class="token tag attr-value punctuation attr-equals" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag attr-value" style="color:hsl(119, 34%, 47%)">_action</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag" style="color:hsl(5, 74%, 59%)"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token tag" style="color:hsl(5, 74%, 59%)">              </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">value</span><span class="token tag script language-javascript script-punctuation punctuation" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag script language-javascript punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token tag script language-javascript" style="color:hsl(5, 74%, 59%)">article</span><span class="token tag script language-javascript punctuation" style="color:hsl(119, 34%, 47%)">.</span><span class="token tag script language-javascript property-access" style="color:hsl(5, 74%, 59%)">article</span><span class="token tag script language-javascript punctuation" style="color:hsl(119, 34%, 47%)">.</span><span class="token tag script language-javascript property-access" style="color:hsl(5, 74%, 59%)">favorited</span><span class="token tag script language-javascript" style="color:hsl(5, 74%, 59%)"> </span><span class="token tag script language-javascript operator" style="color:hsl(221, 87%, 60%)">?</span><span class="token tag script language-javascript" style="color:hsl(5, 74%, 59%)"> </span><span class="token tag script language-javascript string" style="color:hsl(119, 34%, 47%)">&quot;unfavorite&quot;</span><span class="token tag script language-javascript" style="color:hsl(5, 74%, 59%)"> </span><span class="token tag script language-javascript operator" style="color:hsl(221, 87%, 60%)">:</span><span class="token tag script language-javascript" style="color:hsl(5, 74%, 59%)"> </span><span class="token tag script language-javascript string" style="color:hsl(119, 34%, 47%)">&quot;favorite&quot;</span><span class="token tag script language-javascript punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token tag" style="color:hsl(5, 74%, 59%)"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token tag" style="color:hsl(5, 74%, 59%)">              </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">className</span><span class="token tag script language-javascript script-punctuation punctuation" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag script language-javascript punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token tag script language-javascript template-string template-punctuation string" style="color:hsl(119, 34%, 47%)">`</span><span class="token tag script language-javascript template-string string" style="color:hsl(119, 34%, 47%)">btn btn-sm </span><span class="token tag script language-javascript template-string interpolation interpolation-punctuation punctuation" style="color:hsl(119, 34%, 47%)">${</span><span class="token tag script language-javascript template-string interpolation" style="color:hsl(5, 74%, 59%)">article</span><span class="token tag script language-javascript template-string interpolation punctuation" style="color:hsl(119, 34%, 47%)">.</span><span class="token tag script language-javascript template-string interpolation" style="color:hsl(5, 74%, 59%)">article</span><span class="token tag script language-javascript template-string interpolation punctuation" style="color:hsl(119, 34%, 47%)">.</span><span class="token tag script language-javascript template-string interpolation" style="color:hsl(5, 74%, 59%)">favorited </span><span class="token tag script language-javascript template-string interpolation operator" style="color:hsl(221, 87%, 60%)">?</span><span class="token tag script language-javascript template-string interpolation" style="color:hsl(5, 74%, 59%)"> </span><span class="token tag script language-javascript template-string interpolation string" style="color:hsl(119, 34%, 47%)">&quot;btn-primary&quot;</span><span class="token tag script language-javascript template-string interpolation" style="color:hsl(5, 74%, 59%)"> </span><span class="token tag script language-javascript template-string interpolation operator" style="color:hsl(221, 87%, 60%)">:</span><span class="token tag script language-javascript template-string interpolation" style="color:hsl(5, 74%, 59%)"> </span><span class="token tag script language-javascript template-string interpolation string" style="color:hsl(119, 34%, 47%)">&quot;btn-outline-primary&quot;</span><span class="token tag script language-javascript template-string interpolation interpolation-punctuation punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token tag script language-javascript template-string template-punctuation string" style="color:hsl(119, 34%, 47%)">`</span><span class="token tag script language-javascript punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token tag" style="color:hsl(5, 74%, 59%)"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token tag" style="color:hsl(5, 74%, 59%)">            </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">              </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;</span><span class="token tag" style="color:hsl(5, 74%, 59%)">i</span><span class="token tag" style="color:hsl(5, 74%, 59%)"> </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">className</span><span class="token tag attr-value punctuation attr-equals" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag attr-value" style="color:hsl(119, 34%, 47%)">ion-heart</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;/</span><span class="token tag" style="color:hsl(5, 74%, 59%)">i</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">              &amp;nbsp; </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token plain">article</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">.</span><span class="token property-access">article</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">.</span><span class="token property-access">favorited</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">                </span><span class="token operator" style="color:hsl(221, 87%, 60%)">?</span><span class="token plain"> </span><span class="token string" style="color:hsl(119, 34%, 47%)">&quot;Unfavorite&quot;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">                </span><span class="token operator" style="color:hsl(221, 87%, 60%)">:</span><span class="token plain"> </span><span class="token string" style="color:hsl(119, 34%, 47%)">&quot;Favorite&quot;</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token string" style="color:hsl(119, 34%, 47%)">&quot; &quot;</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">              Post</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token string" style="color:hsl(119, 34%, 47%)">&quot; &quot;</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">              </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;</span><span class="token tag" style="color:hsl(5, 74%, 59%)">span</span><span class="token tag" style="color:hsl(5, 74%, 59%)"> </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">className</span><span class="token tag attr-value punctuation attr-equals" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag attr-value" style="color:hsl(119, 34%, 47%)">counter</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">                (</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token plain">article</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">.</span><span class="token property-access">article</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">.</span><span class="token property-access">favoritesCount</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token plain-text">)</span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">              </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;/</span><span class="token tag" style="color:hsl(5, 74%, 59%)">span</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">            </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;/</span><span class="token tag" style="color:hsl(5, 74%, 59%)">button</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">          </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;/</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">        </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">      </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;/</span><span class="token tag" style="color:hsl(5, 74%, 59%)">div</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">    </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;/</span><span class="token tag class-name" style="color:hsl(35, 99%, 36%)">Form</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">  </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain"></span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><br></span></code></pre><div class="buttonGroup_VWIG"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_p0uL" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_LnVn"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_yLdc"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div>
 <div class="language-tsx codeBlockContainer_IiXL theme-code-block" style="--prism-background-color:hsl(230, 1%, 98%);--prism-color:hsl(230, 8%, 24%)"><div class="codeBlockTitle_ajkA">pages/article-read/ui/Comments.tsx</div><div class="codeBlockContent_Y78k"><pre tabindex="0" class="prism-code language-tsx codeBlock_gc_u thin-scrollbar" style="background-color:hsl(230, 1%, 98%);color:hsl(230, 8%, 24%)"><code class="codeBlockLines_PG8G"><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token keyword" style="color:hsl(301, 63%, 40%)">import</span><span class="token plain"> </span><span class="token imports punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token imports"> useContext </span><span class="token imports punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token plain"> </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">from</span><span class="token plain"> </span><span class="token string" style="color:hsl(119, 34%, 47%)">&quot;react&quot;</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain"></span><span class="token keyword" style="color:hsl(301, 63%, 40%)">import</span><span class="token plain"> </span><span class="token imports punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token imports"> </span><span class="token imports maybe-class-name">Form</span><span class="token imports punctuation" style="color:hsl(119, 34%, 47%)">,</span><span class="token imports"> </span><span class="token imports maybe-class-name">Link</span><span class="token imports punctuation" style="color:hsl(119, 34%, 47%)">,</span><span class="token imports"> useLoaderData </span><span class="token imports punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token plain"> </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">from</span><span class="token plain"> </span><span class="token string" style="color:hsl(119, 34%, 47%)">&quot;@remix-run/react&quot;</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain" style="display:inline-block"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain"></span><span class="token keyword" style="color:hsl(301, 63%, 40%)">import</span><span class="token plain"> </span><span class="token imports punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token imports"> </span><span class="token imports maybe-class-name">CurrentUser</span><span class="token imports"> </span><span class="token imports punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token plain"> </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">from</span><span class="token plain"> </span><span class="token string" style="color:hsl(119, 34%, 47%)">&quot;shared/api&quot;</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain"></span><span class="token keyword" style="color:hsl(301, 63%, 40%)">import</span><span class="token plain"> </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">type</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token plain"> loader </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token plain"> </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">from</span><span class="token plain"> </span><span class="token string" style="color:hsl(119, 34%, 47%)">&quot;../api/loader&quot;</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain" style="display:inline-block"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain"></span><span class="token keyword" style="color:hsl(301, 63%, 40%)">export</span><span class="token plain"> </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">function</span><span class="token plain"> </span><span class="token function" style="color:hsl(221, 87%, 60%)">Comments</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">  </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">const</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token plain"> comments </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token plain"> </span><span class="token operator" style="color:hsl(221, 87%, 60%)">=</span><span class="token plain"> </span><span class="token generic-function function" style="color:hsl(221, 87%, 60%)">useLoaderData</span><span class="token generic-function generic class-name operator" style="color:hsl(221, 87%, 60%)">&lt;</span><span class="token generic-function generic class-name keyword" style="color:hsl(301, 63%, 40%)">typeof</span><span class="token generic-function generic class-name" style="color:hsl(35, 99%, 36%)"> loader</span><span class="token generic-function generic class-name operator" style="color:hsl(221, 87%, 60%)">&gt;</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">  </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">const</span><span class="token plain"> currentUser </span><span class="token operator" style="color:hsl(221, 87%, 60%)">=</span><span class="token plain"> </span><span class="token function" style="color:hsl(221, 87%, 60%)">useContext</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token maybe-class-name">CurrentUser</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain" style="display:inline-block"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">  </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">return</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">    </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;</span><span class="token tag" style="color:hsl(5, 74%, 59%)">div</span><span class="token tag" style="color:hsl(5, 74%, 59%)"> </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">className</span><span class="token tag attr-value punctuation attr-equals" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag attr-value" style="color:hsl(119, 34%, 47%)">col-xs-12 col-md-8 offset-md-2</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">      </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token plain">currentUser </span><span class="token operator" style="color:hsl(221, 87%, 60%)">!==</span><span class="token plain"> </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">null</span><span class="token plain"> </span><span class="token operator" style="color:hsl(221, 87%, 60%)">?</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">        </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;</span><span class="token tag class-name" style="color:hsl(35, 99%, 36%)">Form</span><span class="token tag" style="color:hsl(5, 74%, 59%)"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token tag" style="color:hsl(5, 74%, 59%)">          </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">preventScrollReset</span><span class="token tag script language-javascript script-punctuation punctuation" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag script language-javascript punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token tag script language-javascript boolean" style="color:hsl(35, 99%, 36%)">true</span><span class="token tag script language-javascript punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token tag" style="color:hsl(5, 74%, 59%)"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token tag" style="color:hsl(5, 74%, 59%)">          </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">method</span><span class="token tag attr-value punctuation attr-equals" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag attr-value" style="color:hsl(119, 34%, 47%)">post</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag" style="color:hsl(5, 74%, 59%)"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token tag" style="color:hsl(5, 74%, 59%)">          </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">className</span><span class="token tag attr-value punctuation attr-equals" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag attr-value" style="color:hsl(119, 34%, 47%)">card comment-form</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag" style="color:hsl(5, 74%, 59%)"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token tag" style="color:hsl(5, 74%, 59%)">        </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">          </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;</span><span class="token tag" style="color:hsl(5, 74%, 59%)">div</span><span class="token tag" style="color:hsl(5, 74%, 59%)"> </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">className</span><span class="token tag attr-value punctuation attr-equals" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag attr-value" style="color:hsl(119, 34%, 47%)">card-block</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">            </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;</span><span class="token tag" style="color:hsl(5, 74%, 59%)">textarea</span><span class="token tag" style="color:hsl(5, 74%, 59%)"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token tag" style="color:hsl(5, 74%, 59%)">              </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">required</span><span class="token tag" style="color:hsl(5, 74%, 59%)"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token tag" style="color:hsl(5, 74%, 59%)">              </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">className</span><span class="token tag attr-value punctuation attr-equals" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag attr-value" style="color:hsl(119, 34%, 47%)">form-control</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag" style="color:hsl(5, 74%, 59%)"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token tag" style="color:hsl(5, 74%, 59%)">              </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">name</span><span class="token tag attr-value punctuation attr-equals" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag attr-value" style="color:hsl(119, 34%, 47%)">comment</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag" style="color:hsl(5, 74%, 59%)"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token tag" style="color:hsl(5, 74%, 59%)">              </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">placeholder</span><span class="token tag attr-value punctuation attr-equals" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag attr-value" style="color:hsl(119, 34%, 47%)">Write a comment...</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag" style="color:hsl(5, 74%, 59%)"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token tag" style="color:hsl(5, 74%, 59%)">              </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">rows</span><span class="token tag script language-javascript script-punctuation punctuation" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag script language-javascript punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token tag script language-javascript number" style="color:hsl(35, 99%, 36%)">3</span><span class="token tag script language-javascript punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token tag" style="color:hsl(5, 74%, 59%)"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token tag" style="color:hsl(5, 74%, 59%)">            </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;/</span><span class="token tag" style="color:hsl(5, 74%, 59%)">textarea</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">          </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;/</span><span class="token tag" style="color:hsl(5, 74%, 59%)">div</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">          </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;</span><span class="token tag" style="color:hsl(5, 74%, 59%)">div</span><span class="token tag" style="color:hsl(5, 74%, 59%)"> </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">className</span><span class="token tag attr-value punctuation attr-equals" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag attr-value" style="color:hsl(119, 34%, 47%)">card-footer</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">            </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;</span><span class="token tag" style="color:hsl(5, 74%, 59%)">img</span><span class="token tag" style="color:hsl(5, 74%, 59%)"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token tag" style="color:hsl(5, 74%, 59%)">              </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">src</span><span class="token tag script language-javascript script-punctuation punctuation" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag script language-javascript punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token tag script language-javascript" style="color:hsl(5, 74%, 59%)">currentUser</span><span class="token tag script language-javascript punctuation" style="color:hsl(119, 34%, 47%)">.</span><span class="token tag script language-javascript property-access" style="color:hsl(5, 74%, 59%)">image</span><span class="token tag script language-javascript punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token tag" style="color:hsl(5, 74%, 59%)"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token tag" style="color:hsl(5, 74%, 59%)">              </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">className</span><span class="token tag attr-value punctuation attr-equals" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag attr-value" style="color:hsl(119, 34%, 47%)">comment-author-img</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag" style="color:hsl(5, 74%, 59%)"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token tag" style="color:hsl(5, 74%, 59%)">              </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">alt</span><span class="token tag attr-value punctuation attr-equals" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag" style="color:hsl(5, 74%, 59%)"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token tag" style="color:hsl(5, 74%, 59%)">            </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">/&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">            </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;</span><span class="token tag" style="color:hsl(5, 74%, 59%)">button</span><span class="token tag" style="color:hsl(5, 74%, 59%)"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token tag" style="color:hsl(5, 74%, 59%)">              </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">className</span><span class="token tag attr-value punctuation attr-equals" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag attr-value" style="color:hsl(119, 34%, 47%)">btn btn-sm btn-primary</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag" style="color:hsl(5, 74%, 59%)"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token tag" style="color:hsl(5, 74%, 59%)">              </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">name</span><span class="token tag attr-value punctuation attr-equals" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag attr-value" style="color:hsl(119, 34%, 47%)">_action</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag" style="color:hsl(5, 74%, 59%)"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token tag" style="color:hsl(5, 74%, 59%)">              </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">value</span><span class="token tag attr-value punctuation attr-equals" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag attr-value" style="color:hsl(119, 34%, 47%)">createComment</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag" style="color:hsl(5, 74%, 59%)"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token tag" style="color:hsl(5, 74%, 59%)">            </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">              Post Comment</span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">            </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;/</span><span class="token tag" style="color:hsl(5, 74%, 59%)">button</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">          </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;/</span><span class="token tag" style="color:hsl(5, 74%, 59%)">div</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">        </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;/</span><span class="token tag class-name" style="color:hsl(35, 99%, 36%)">Form</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">      </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token plain"> </span><span class="token operator" style="color:hsl(221, 87%, 60%)">:</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">        </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;</span><span class="token tag" style="color:hsl(5, 74%, 59%)">div</span><span class="token tag" style="color:hsl(5, 74%, 59%)"> </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">className</span><span class="token tag attr-value punctuation attr-equals" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag attr-value" style="color:hsl(119, 34%, 47%)">row</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">          </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;</span><span class="token tag" style="color:hsl(5, 74%, 59%)">div</span><span class="token tag" style="color:hsl(5, 74%, 59%)"> </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">className</span><span class="token tag attr-value punctuation attr-equals" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag attr-value" style="color:hsl(119, 34%, 47%)">col-xs-12 col-md-8 offset-md-2</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">            </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;</span><span class="token tag" style="color:hsl(5, 74%, 59%)">p</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">              </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;</span><span class="token tag class-name" style="color:hsl(35, 99%, 36%)">Link</span><span class="token tag" style="color:hsl(5, 74%, 59%)"> </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">to</span><span class="token tag attr-value punctuation attr-equals" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag attr-value" style="color:hsl(119, 34%, 47%)">/login</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text">Sign in</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;/</span><span class="token tag class-name" style="color:hsl(35, 99%, 36%)">Link</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">              &amp;nbsp; or &amp;nbsp;</span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">              </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;</span><span class="token tag class-name" style="color:hsl(35, 99%, 36%)">Link</span><span class="token tag" style="color:hsl(5, 74%, 59%)"> </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">to</span><span class="token tag attr-value punctuation attr-equals" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag attr-value" style="color:hsl(119, 34%, 47%)">/register</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text">Sign up</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;/</span><span class="token tag class-name" style="color:hsl(35, 99%, 36%)">Link</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">              &amp;nbsp; to add comments on this article.</span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">            </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;/</span><span class="token tag" style="color:hsl(5, 74%, 59%)">p</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">          </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;/</span><span class="token tag" style="color:hsl(5, 74%, 59%)">div</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">        </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;/</span><span class="token tag" style="color:hsl(5, 74%, 59%)">div</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">      </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">      </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token plain">comments</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">.</span><span class="token property-access">comments</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">.</span><span class="token method function property-access" style="color:hsl(221, 87%, 60%)">map</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token plain">comment</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token plain"> </span><span class="token arrow operator" style="color:hsl(221, 87%, 60%)">=&gt;</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">        </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;</span><span class="token tag" style="color:hsl(5, 74%, 59%)">div</span><span class="token tag" style="color:hsl(5, 74%, 59%)"> </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">className</span><span class="token tag attr-value punctuation attr-equals" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag attr-value" style="color:hsl(119, 34%, 47%)">card</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag" style="color:hsl(5, 74%, 59%)"> </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">key</span><span class="token tag script language-javascript script-punctuation punctuation" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag script language-javascript punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token tag script language-javascript" style="color:hsl(5, 74%, 59%)">comment</span><span class="token tag script language-javascript punctuation" style="color:hsl(119, 34%, 47%)">.</span><span class="token tag script language-javascript property-access" style="color:hsl(5, 74%, 59%)">id</span><span class="token tag script language-javascript punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">          </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;</span><span class="token tag" style="color:hsl(5, 74%, 59%)">div</span><span class="token tag" style="color:hsl(5, 74%, 59%)"> </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">className</span><span class="token tag attr-value punctuation attr-equals" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag attr-value" style="color:hsl(119, 34%, 47%)">card-block</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">            </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;</span><span class="token tag" style="color:hsl(5, 74%, 59%)">p</span><span class="token tag" style="color:hsl(5, 74%, 59%)"> </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">className</span><span class="token tag attr-value punctuation attr-equals" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag attr-value" style="color:hsl(119, 34%, 47%)">card-text</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token plain">comment</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">.</span><span class="token property-access">body</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;/</span><span class="token tag" style="color:hsl(5, 74%, 59%)">p</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">          </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;/</span><span class="token tag" style="color:hsl(5, 74%, 59%)">div</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">          </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;</span><span class="token tag" style="color:hsl(5, 74%, 59%)">div</span><span class="token tag" style="color:hsl(5, 74%, 59%)"> </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">className</span><span class="token tag attr-value punctuation attr-equals" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag attr-value" style="color:hsl(119, 34%, 47%)">card-footer</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">            </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;</span><span class="token tag class-name" style="color:hsl(35, 99%, 36%)">Link</span><span class="token tag" style="color:hsl(5, 74%, 59%)"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token tag" style="color:hsl(5, 74%, 59%)">              </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">to</span><span class="token tag script language-javascript script-punctuation punctuation" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag script language-javascript punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token tag script language-javascript template-string template-punctuation string" style="color:hsl(119, 34%, 47%)">`</span><span class="token tag script language-javascript template-string string" style="color:hsl(119, 34%, 47%)">/profile/</span><span class="token tag script language-javascript template-string interpolation interpolation-punctuation punctuation" style="color:hsl(119, 34%, 47%)">${</span><span class="token tag script language-javascript template-string interpolation" style="color:hsl(5, 74%, 59%)">comment</span><span class="token tag script language-javascript template-string interpolation punctuation" style="color:hsl(119, 34%, 47%)">.</span><span class="token tag script language-javascript template-string interpolation" style="color:hsl(5, 74%, 59%)">author</span><span class="token tag script language-javascript template-string interpolation punctuation" style="color:hsl(119, 34%, 47%)">.</span><span class="token tag script language-javascript template-string interpolation" style="color:hsl(5, 74%, 59%)">username</span><span class="token tag script language-javascript template-string interpolation interpolation-punctuation punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token tag script language-javascript template-string template-punctuation string" style="color:hsl(119, 34%, 47%)">`</span><span class="token tag script language-javascript punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token tag" style="color:hsl(5, 74%, 59%)"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token tag" style="color:hsl(5, 74%, 59%)">              </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">className</span><span class="token tag attr-value punctuation attr-equals" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag attr-value" style="color:hsl(119, 34%, 47%)">comment-author</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag" style="color:hsl(5, 74%, 59%)"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token tag" style="color:hsl(5, 74%, 59%)">            </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">              </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;</span><span class="token tag" style="color:hsl(5, 74%, 59%)">img</span><span class="token tag" style="color:hsl(5, 74%, 59%)"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token tag" style="color:hsl(5, 74%, 59%)">                </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">src</span><span class="token tag script language-javascript script-punctuation punctuation" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag script language-javascript punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token tag script language-javascript" style="color:hsl(5, 74%, 59%)">comment</span><span class="token tag script language-javascript punctuation" style="color:hsl(119, 34%, 47%)">.</span><span class="token tag script language-javascript property-access" style="color:hsl(5, 74%, 59%)">author</span><span class="token tag script language-javascript punctuation" style="color:hsl(119, 34%, 47%)">.</span><span class="token tag script language-javascript property-access" style="color:hsl(5, 74%, 59%)">image</span><span class="token tag script language-javascript punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token tag" style="color:hsl(5, 74%, 59%)"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token tag" style="color:hsl(5, 74%, 59%)">                </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">className</span><span class="token tag attr-value punctuation attr-equals" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag attr-value" style="color:hsl(119, 34%, 47%)">comment-author-img</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag" style="color:hsl(5, 74%, 59%)"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token tag" style="color:hsl(5, 74%, 59%)">                </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">alt</span><span class="token tag attr-value punctuation attr-equals" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag" style="color:hsl(5, 74%, 59%)"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token tag" style="color:hsl(5, 74%, 59%)">              </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">/&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">            </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;/</span><span class="token tag class-name" style="color:hsl(35, 99%, 36%)">Link</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">            &amp;nbsp;</span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">            </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;</span><span class="token tag class-name" style="color:hsl(35, 99%, 36%)">Link</span><span class="token tag" style="color:hsl(5, 74%, 59%)"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token tag" style="color:hsl(5, 74%, 59%)">              </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">to</span><span class="token tag script language-javascript script-punctuation punctuation" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag script language-javascript punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token tag script language-javascript template-string template-punctuation string" style="color:hsl(119, 34%, 47%)">`</span><span class="token tag script language-javascript template-string string" style="color:hsl(119, 34%, 47%)">/profile/</span><span class="token tag script language-javascript template-string interpolation interpolation-punctuation punctuation" style="color:hsl(119, 34%, 47%)">${</span><span class="token tag script language-javascript template-string interpolation" style="color:hsl(5, 74%, 59%)">comment</span><span class="token tag script language-javascript template-string interpolation punctuation" style="color:hsl(119, 34%, 47%)">.</span><span class="token tag script language-javascript template-string interpolation" style="color:hsl(5, 74%, 59%)">author</span><span class="token tag script language-javascript template-string interpolation punctuation" style="color:hsl(119, 34%, 47%)">.</span><span class="token tag script language-javascript template-string interpolation" style="color:hsl(5, 74%, 59%)">username</span><span class="token tag script language-javascript template-string interpolation interpolation-punctuation punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token tag script language-javascript template-string template-punctuation string" style="color:hsl(119, 34%, 47%)">`</span><span class="token tag script language-javascript punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token tag" style="color:hsl(5, 74%, 59%)"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token tag" style="color:hsl(5, 74%, 59%)">              </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">className</span><span class="token tag attr-value punctuation attr-equals" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag attr-value" style="color:hsl(119, 34%, 47%)">comment-author</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag" style="color:hsl(5, 74%, 59%)"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token tag" style="color:hsl(5, 74%, 59%)">            </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">              </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token plain">comment</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">.</span><span class="token property-access">author</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">.</span><span class="token property-access">username</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">            </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;/</span><span class="token tag class-name" style="color:hsl(35, 99%, 36%)">Link</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">            </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;</span><span class="token tag" style="color:hsl(5, 74%, 59%)">span</span><span class="token tag" style="color:hsl(5, 74%, 59%)"> </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">className</span><span class="token tag attr-value punctuation attr-equals" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag attr-value" style="color:hsl(119, 34%, 47%)">date-posted</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token plain">comment</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">.</span><span class="token property-access">createdAt</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;/</span><span class="token tag" style="color:hsl(5, 74%, 59%)">span</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">            </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token plain">comment</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">.</span><span class="token property-access">author</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">.</span><span class="token property-access">username</span><span class="token plain"> </span><span class="token operator" style="color:hsl(221, 87%, 60%)">===</span><span class="token plain"> currentUser</span><span class="token operator" style="color:hsl(221, 87%, 60%)">?.</span><span class="token plain">username </span><span class="token operator" style="color:hsl(221, 87%, 60%)">&amp;&amp;</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">              </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;</span><span class="token tag" style="color:hsl(5, 74%, 59%)">span</span><span class="token tag" style="color:hsl(5, 74%, 59%)"> </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">className</span><span class="token tag attr-value punctuation attr-equals" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag attr-value" style="color:hsl(119, 34%, 47%)">mod-options</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">                </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;</span><span class="token tag class-name" style="color:hsl(35, 99%, 36%)">Form</span><span class="token tag" style="color:hsl(5, 74%, 59%)"> </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">method</span><span class="token tag attr-value punctuation attr-equals" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag attr-value" style="color:hsl(119, 34%, 47%)">post</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag" style="color:hsl(5, 74%, 59%)"> </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">preventScrollReset</span><span class="token tag script language-javascript script-punctuation punctuation" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag script language-javascript punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token tag script language-javascript boolean" style="color:hsl(35, 99%, 36%)">true</span><span class="token tag script language-javascript punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">                  </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;</span><span class="token tag" style="color:hsl(5, 74%, 59%)">input</span><span class="token tag" style="color:hsl(5, 74%, 59%)"> </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">type</span><span class="token tag attr-value punctuation attr-equals" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag attr-value" style="color:hsl(119, 34%, 47%)">hidden</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag" style="color:hsl(5, 74%, 59%)"> </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">name</span><span class="token tag attr-value punctuation attr-equals" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag attr-value" style="color:hsl(119, 34%, 47%)">id</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag" style="color:hsl(5, 74%, 59%)"> </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">value</span><span class="token tag script language-javascript script-punctuation punctuation" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag script language-javascript punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token tag script language-javascript" style="color:hsl(5, 74%, 59%)">comment</span><span class="token tag script language-javascript punctuation" style="color:hsl(119, 34%, 47%)">.</span><span class="token tag script language-javascript property-access" style="color:hsl(5, 74%, 59%)">id</span><span class="token tag script language-javascript punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token tag" style="color:hsl(5, 74%, 59%)"> </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">/&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">                  </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;</span><span class="token tag" style="color:hsl(5, 74%, 59%)">button</span><span class="token tag" style="color:hsl(5, 74%, 59%)"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token tag" style="color:hsl(5, 74%, 59%)">                    </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">name</span><span class="token tag attr-value punctuation attr-equals" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag attr-value" style="color:hsl(119, 34%, 47%)">_action</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag" style="color:hsl(5, 74%, 59%)"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token tag" style="color:hsl(5, 74%, 59%)">                    </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">value</span><span class="token tag attr-value punctuation attr-equals" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag attr-value" style="color:hsl(119, 34%, 47%)">deleteComment</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag" style="color:hsl(5, 74%, 59%)"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token tag" style="color:hsl(5, 74%, 59%)">                    </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">style</span><span class="token tag script language-javascript script-punctuation punctuation" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag script language-javascript punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token tag script language-javascript punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token tag script language-javascript" style="color:hsl(5, 74%, 59%)"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token tag script language-javascript" style="color:hsl(5, 74%, 59%)">                      border</span><span class="token tag script language-javascript operator" style="color:hsl(221, 87%, 60%)">:</span><span class="token tag script language-javascript" style="color:hsl(5, 74%, 59%)"> </span><span class="token tag script language-javascript string" style="color:hsl(119, 34%, 47%)">&quot;none&quot;</span><span class="token tag script language-javascript punctuation" style="color:hsl(119, 34%, 47%)">,</span><span class="token tag script language-javascript" style="color:hsl(5, 74%, 59%)"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token tag script language-javascript" style="color:hsl(5, 74%, 59%)">                      outline</span><span class="token tag script language-javascript operator" style="color:hsl(221, 87%, 60%)">:</span><span class="token tag script language-javascript" style="color:hsl(5, 74%, 59%)"> </span><span class="token tag script language-javascript string" style="color:hsl(119, 34%, 47%)">&quot;none&quot;</span><span class="token tag script language-javascript punctuation" style="color:hsl(119, 34%, 47%)">,</span><span class="token tag script language-javascript" style="color:hsl(5, 74%, 59%)"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token tag script language-javascript" style="color:hsl(5, 74%, 59%)">                      backgroundColor</span><span class="token tag script language-javascript operator" style="color:hsl(221, 87%, 60%)">:</span><span class="token tag script language-javascript" style="color:hsl(5, 74%, 59%)"> </span><span class="token tag script language-javascript string" style="color:hsl(119, 34%, 47%)">&quot;transparent&quot;</span><span class="token tag script language-javascript punctuation" style="color:hsl(119, 34%, 47%)">,</span><span class="token tag script language-javascript" style="color:hsl(5, 74%, 59%)"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token tag script language-javascript" style="color:hsl(5, 74%, 59%)">                    </span><span class="token tag script language-javascript punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token tag script language-javascript punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token tag" style="color:hsl(5, 74%, 59%)"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token tag" style="color:hsl(5, 74%, 59%)">                  </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">                    </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;</span><span class="token tag" style="color:hsl(5, 74%, 59%)">i</span><span class="token tag" style="color:hsl(5, 74%, 59%)"> </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">className</span><span class="token tag attr-value punctuation attr-equals" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag attr-value" style="color:hsl(119, 34%, 47%)">ion-trash-a</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;/</span><span class="token tag" style="color:hsl(5, 74%, 59%)">i</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">                  </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;/</span><span class="token tag" style="color:hsl(5, 74%, 59%)">button</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">                </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;/</span><span class="token tag class-name" style="color:hsl(35, 99%, 36%)">Form</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">              </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;/</span><span class="token tag" style="color:hsl(5, 74%, 59%)">span</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">            </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">          </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;/</span><span class="token tag" style="color:hsl(5, 74%, 59%)">div</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">        </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;/</span><span class="token tag" style="color:hsl(5, 74%, 59%)">div</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">      </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">    </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;/</span><span class="token tag" style="color:hsl(5, 74%, 59%)">div</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">  </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain"></span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><br></span></code></pre><div class="buttonGroup_VWIG"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_p0uL" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_LnVn"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_yLdc"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div>
-<p>And with that our article reader is also complete! The buttons to follow the author, like a post, and leave a comment should now function as expected.</p>
-<figure><p><img decoding="async" loading="lazy" alt="Article reader with functioning buttons to like and follow" src="/kr/assets/images/realworld-article-reader-6a420e4f2afe139d2bdd54d62974f0b9.jpg" width="2880" height="1488" class="img_Vtmu"></p><figcaption>Article reader with functioning buttons to like and follow</figcaption></figure>
-<h3 class="anchor anchorWithStickyNavbar_QzlE" id="article-editor">Article editor<a href="#article-editor" class="hash-link" aria-label="Direct link to heading" title="Direct link to heading">​</a></h3>
-<p>This is the last page that we will cover in this tutorial, and the most interesting part here is how we’re going to validate form data.</p>
-<p>The page itself, <code>article-edit/ui/ArticleEditPage.tsx</code>, will be quite simple, extra complexity stowed away into two other components:</p>
+<p>이것으로 우리의 글 읽기 페이지도 완성되었습니다! 이제 작성자를 팔로우하고, 글에 좋아요를 누르고, 댓글을 남기는 버튼들이 예상대로 작동해야 합니다.</p>
+<figure><p><img decoding="async" loading="lazy" alt="Article reader with functioning buttons to like and follow" src="/kr/assets/images/realworld-article-reader-6a420e4f2afe139d2bdd54d62974f0b9.jpg" width="2880" height="1488" class="img_Vtmu"></p><figcaption>기능하는 좋아요와 팔로우 버튼이 있는 글 읽기 페이지</figcaption></figure>
+<h3 class="anchor anchorWithStickyNavbar_QzlE" id="글-작성-페이지">글 작성 페이지<a href="#글-작성-페이지" class="hash-link" aria-label="Direct link to heading" title="Direct link to heading">​</a></h3>
+<p>이것은 이 튜토리얼에서 다룰 마지막 페이지이며, 여기서 가장 흥미로운 부분은 폼 데이터를 어떻게 검증할 것인가 입니다.</p>
+<p>페이지 자체인 <code>article-edit/ui/ArticleEditPage.tsx</code>는 꽤 간단할 것이며, 추가적인 복잡성은 다른 두 개의 컴포넌트로 숨겨질 것입니다.</p>
 <div class="language-tsx codeBlockContainer_IiXL theme-code-block" style="--prism-background-color:hsl(230, 1%, 98%);--prism-color:hsl(230, 8%, 24%)"><div class="codeBlockTitle_ajkA">pages/article-edit/ui/ArticleEditPage.tsx</div><div class="codeBlockContent_Y78k"><pre tabindex="0" class="prism-code language-tsx codeBlock_gc_u thin-scrollbar" style="background-color:hsl(230, 1%, 98%);color:hsl(230, 8%, 24%)"><code class="codeBlockLines_PG8G"><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token keyword" style="color:hsl(301, 63%, 40%)">import</span><span class="token plain"> </span><span class="token imports punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token imports"> </span><span class="token imports maybe-class-name">Form</span><span class="token imports punctuation" style="color:hsl(119, 34%, 47%)">,</span><span class="token imports"> useLoaderData </span><span class="token imports punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token plain"> </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">from</span><span class="token plain"> </span><span class="token string" style="color:hsl(119, 34%, 47%)">&quot;@remix-run/react&quot;</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain" style="display:inline-block"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain"></span><span class="token keyword" style="color:hsl(301, 63%, 40%)">import</span><span class="token plain"> </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">type</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token plain"> loader </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token plain"> </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">from</span><span class="token plain"> </span><span class="token string" style="color:hsl(119, 34%, 47%)">&quot;../api/loader&quot;</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain"></span><span class="token keyword" style="color:hsl(301, 63%, 40%)">import</span><span class="token plain"> </span><span class="token imports punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token imports"> </span><span class="token imports maybe-class-name">TagsInput</span><span class="token imports"> </span><span class="token imports punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token plain"> </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">from</span><span class="token plain"> </span><span class="token string" style="color:hsl(119, 34%, 47%)">&quot;./TagsInput&quot;</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain"></span><span class="token keyword" style="color:hsl(301, 63%, 40%)">import</span><span class="token plain"> </span><span class="token imports punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token imports"> </span><span class="token imports maybe-class-name">FormErrors</span><span class="token imports"> </span><span class="token imports punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token plain"> </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">from</span><span class="token plain"> </span><span class="token string" style="color:hsl(119, 34%, 47%)">&quot;./FormErrors&quot;</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain" style="display:inline-block"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain"></span><span class="token keyword" style="color:hsl(301, 63%, 40%)">export</span><span class="token plain"> </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">function</span><span class="token plain"> </span><span class="token function" style="color:hsl(221, 87%, 60%)">ArticleEditPage</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">  </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">const</span><span class="token plain"> article </span><span class="token operator" style="color:hsl(221, 87%, 60%)">=</span><span class="token plain"> </span><span class="token generic-function function" style="color:hsl(221, 87%, 60%)">useLoaderData</span><span class="token generic-function generic class-name operator" style="color:hsl(221, 87%, 60%)">&lt;</span><span class="token generic-function generic class-name keyword" style="color:hsl(301, 63%, 40%)">typeof</span><span class="token generic-function generic class-name" style="color:hsl(35, 99%, 36%)"> loader</span><span class="token generic-function generic class-name operator" style="color:hsl(221, 87%, 60%)">&gt;</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain" style="display:inline-block"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">  </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">return</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">    </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;</span><span class="token tag" style="color:hsl(5, 74%, 59%)">div</span><span class="token tag" style="color:hsl(5, 74%, 59%)"> </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">className</span><span class="token tag attr-value punctuation attr-equals" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag attr-value" style="color:hsl(119, 34%, 47%)">editor-page</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">      </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;</span><span class="token tag" style="color:hsl(5, 74%, 59%)">div</span><span class="token tag" style="color:hsl(5, 74%, 59%)"> </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">className</span><span class="token tag attr-value punctuation attr-equals" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag attr-value" style="color:hsl(119, 34%, 47%)">container page</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">        </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;</span><span class="token tag" style="color:hsl(5, 74%, 59%)">div</span><span class="token tag" style="color:hsl(5, 74%, 59%)"> </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">className</span><span class="token tag attr-value punctuation attr-equals" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag attr-value" style="color:hsl(119, 34%, 47%)">row</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">          </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;</span><span class="token tag" style="color:hsl(5, 74%, 59%)">div</span><span class="token tag" style="color:hsl(5, 74%, 59%)"> </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">className</span><span class="token tag attr-value punctuation attr-equals" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag attr-value" style="color:hsl(119, 34%, 47%)">col-md-10 offset-md-1 col-xs-12</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">            </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;</span><span class="token tag class-name" style="color:hsl(35, 99%, 36%)">FormErrors</span><span class="token tag" style="color:hsl(5, 74%, 59%)"> </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">/&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">            </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;</span><span class="token tag class-name" style="color:hsl(35, 99%, 36%)">Form</span><span class="token tag" style="color:hsl(5, 74%, 59%)"> </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">method</span><span class="token tag attr-value punctuation attr-equals" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag attr-value" style="color:hsl(119, 34%, 47%)">post</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">              </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;</span><span class="token tag" style="color:hsl(5, 74%, 59%)">fieldset</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">                </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;</span><span class="token tag" style="color:hsl(5, 74%, 59%)">fieldset</span><span class="token tag" style="color:hsl(5, 74%, 59%)"> </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">className</span><span class="token tag attr-value punctuation attr-equals" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag attr-value" style="color:hsl(119, 34%, 47%)">form-group</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">                  </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;</span><span class="token tag" style="color:hsl(5, 74%, 59%)">input</span><span class="token tag" style="color:hsl(5, 74%, 59%)"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token tag" style="color:hsl(5, 74%, 59%)">                    </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">type</span><span class="token tag attr-value punctuation attr-equals" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag attr-value" style="color:hsl(119, 34%, 47%)">text</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag" style="color:hsl(5, 74%, 59%)"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token tag" style="color:hsl(5, 74%, 59%)">                    </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">className</span><span class="token tag attr-value punctuation attr-equals" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag attr-value" style="color:hsl(119, 34%, 47%)">form-control form-control-lg</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag" style="color:hsl(5, 74%, 59%)"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token tag" style="color:hsl(5, 74%, 59%)">                    </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">name</span><span class="token tag attr-value punctuation attr-equals" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag attr-value" style="color:hsl(119, 34%, 47%)">title</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag" style="color:hsl(5, 74%, 59%)"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token tag" style="color:hsl(5, 74%, 59%)">                    </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">placeholder</span><span class="token tag attr-value punctuation attr-equals" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag attr-value" style="color:hsl(119, 34%, 47%)">Article Title</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag" style="color:hsl(5, 74%, 59%)"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token tag" style="color:hsl(5, 74%, 59%)">                    </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">defaultValue</span><span class="token tag script language-javascript script-punctuation punctuation" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag script language-javascript punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token tag script language-javascript" style="color:hsl(5, 74%, 59%)">article</span><span class="token tag script language-javascript punctuation" style="color:hsl(119, 34%, 47%)">.</span><span class="token tag script language-javascript property-access" style="color:hsl(5, 74%, 59%)">article</span><span class="token tag script language-javascript operator" style="color:hsl(221, 87%, 60%)">?.</span><span class="token tag script language-javascript" style="color:hsl(5, 74%, 59%)">title</span><span class="token tag script language-javascript punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token tag" style="color:hsl(5, 74%, 59%)"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token tag" style="color:hsl(5, 74%, 59%)">                  </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">/&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">                </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;/</span><span class="token tag" style="color:hsl(5, 74%, 59%)">fieldset</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">                </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;</span><span class="token tag" style="color:hsl(5, 74%, 59%)">fieldset</span><span class="token tag" style="color:hsl(5, 74%, 59%)"> </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">className</span><span class="token tag attr-value punctuation attr-equals" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag attr-value" style="color:hsl(119, 34%, 47%)">form-group</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">                  </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;</span><span class="token tag" style="color:hsl(5, 74%, 59%)">input</span><span class="token tag" style="color:hsl(5, 74%, 59%)"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token tag" style="color:hsl(5, 74%, 59%)">                    </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">type</span><span class="token tag attr-value punctuation attr-equals" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag attr-value" style="color:hsl(119, 34%, 47%)">text</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag" style="color:hsl(5, 74%, 59%)"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token tag" style="color:hsl(5, 74%, 59%)">                    </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">className</span><span class="token tag attr-value punctuation attr-equals" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag attr-value" style="color:hsl(119, 34%, 47%)">form-control</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag" style="color:hsl(5, 74%, 59%)"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token tag" style="color:hsl(5, 74%, 59%)">                    </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">name</span><span class="token tag attr-value punctuation attr-equals" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag attr-value" style="color:hsl(119, 34%, 47%)">description</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag" style="color:hsl(5, 74%, 59%)"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token tag" style="color:hsl(5, 74%, 59%)">                    </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">placeholder</span><span class="token tag attr-value punctuation attr-equals" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag attr-value" style="color:hsl(119, 34%, 47%)">What&#x27;s this article about?</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag" style="color:hsl(5, 74%, 59%)"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token tag" style="color:hsl(5, 74%, 59%)">                    </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">defaultValue</span><span class="token tag script language-javascript script-punctuation punctuation" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag script language-javascript punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token tag script language-javascript" style="color:hsl(5, 74%, 59%)">article</span><span class="token tag script language-javascript punctuation" style="color:hsl(119, 34%, 47%)">.</span><span class="token tag script language-javascript property-access" style="color:hsl(5, 74%, 59%)">article</span><span class="token tag script language-javascript operator" style="color:hsl(221, 87%, 60%)">?.</span><span class="token tag script language-javascript" style="color:hsl(5, 74%, 59%)">description</span><span class="token tag script language-javascript punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token tag" style="color:hsl(5, 74%, 59%)"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token tag" style="color:hsl(5, 74%, 59%)">                  </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">/&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">                </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;/</span><span class="token tag" style="color:hsl(5, 74%, 59%)">fieldset</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">                </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;</span><span class="token tag" style="color:hsl(5, 74%, 59%)">fieldset</span><span class="token tag" style="color:hsl(5, 74%, 59%)"> </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">className</span><span class="token tag attr-value punctuation attr-equals" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag attr-value" style="color:hsl(119, 34%, 47%)">form-group</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">                  </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;</span><span class="token tag" style="color:hsl(5, 74%, 59%)">textarea</span><span class="token tag" style="color:hsl(5, 74%, 59%)"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token tag" style="color:hsl(5, 74%, 59%)">                    </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">className</span><span class="token tag attr-value punctuation attr-equals" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag attr-value" style="color:hsl(119, 34%, 47%)">form-control</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag" style="color:hsl(5, 74%, 59%)"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token tag" style="color:hsl(5, 74%, 59%)">                    </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">name</span><span class="token tag attr-value punctuation attr-equals" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag attr-value" style="color:hsl(119, 34%, 47%)">body</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag" style="color:hsl(5, 74%, 59%)"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token tag" style="color:hsl(5, 74%, 59%)">                    </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">rows</span><span class="token tag script language-javascript script-punctuation punctuation" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag script language-javascript punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token tag script language-javascript number" style="color:hsl(35, 99%, 36%)">8</span><span class="token tag script language-javascript punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token tag" style="color:hsl(5, 74%, 59%)"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token tag" style="color:hsl(5, 74%, 59%)">                    </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">placeholder</span><span class="token tag attr-value punctuation attr-equals" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag attr-value" style="color:hsl(119, 34%, 47%)">Write your article (in markdown)</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag" style="color:hsl(5, 74%, 59%)"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token tag" style="color:hsl(5, 74%, 59%)">                    </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">defaultValue</span><span class="token tag script language-javascript script-punctuation punctuation" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag script language-javascript punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token tag script language-javascript" style="color:hsl(5, 74%, 59%)">article</span><span class="token tag script language-javascript punctuation" style="color:hsl(119, 34%, 47%)">.</span><span class="token tag script language-javascript property-access" style="color:hsl(5, 74%, 59%)">article</span><span class="token tag script language-javascript operator" style="color:hsl(221, 87%, 60%)">?.</span><span class="token tag script language-javascript" style="color:hsl(5, 74%, 59%)">body</span><span class="token tag script language-javascript punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token tag" style="color:hsl(5, 74%, 59%)"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token tag" style="color:hsl(5, 74%, 59%)">                  </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;/</span><span class="token tag" style="color:hsl(5, 74%, 59%)">textarea</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">                </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;/</span><span class="token tag" style="color:hsl(5, 74%, 59%)">fieldset</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">                </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;</span><span class="token tag" style="color:hsl(5, 74%, 59%)">fieldset</span><span class="token tag" style="color:hsl(5, 74%, 59%)"> </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">className</span><span class="token tag attr-value punctuation attr-equals" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag attr-value" style="color:hsl(119, 34%, 47%)">form-group</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">                  </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;</span><span class="token tag class-name" style="color:hsl(35, 99%, 36%)">TagsInput</span><span class="token tag" style="color:hsl(5, 74%, 59%)"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token tag" style="color:hsl(5, 74%, 59%)">                    </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">name</span><span class="token tag attr-value punctuation attr-equals" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag attr-value" style="color:hsl(119, 34%, 47%)">tags</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag" style="color:hsl(5, 74%, 59%)"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token tag" style="color:hsl(5, 74%, 59%)">                    </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">defaultValue</span><span class="token tag script language-javascript script-punctuation punctuation" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag script language-javascript punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token tag script language-javascript" style="color:hsl(5, 74%, 59%)">article</span><span class="token tag script language-javascript punctuation" style="color:hsl(119, 34%, 47%)">.</span><span class="token tag script language-javascript property-access" style="color:hsl(5, 74%, 59%)">article</span><span class="token tag script language-javascript operator" style="color:hsl(221, 87%, 60%)">?.</span><span class="token tag script language-javascript" style="color:hsl(5, 74%, 59%)">tagList </span><span class="token tag script language-javascript operator" style="color:hsl(221, 87%, 60%)">??</span><span class="token tag script language-javascript" style="color:hsl(5, 74%, 59%)"> </span><span class="token tag script language-javascript punctuation" style="color:hsl(119, 34%, 47%)">[</span><span class="token tag script language-javascript punctuation" style="color:hsl(119, 34%, 47%)">]</span><span class="token tag script language-javascript punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token tag" style="color:hsl(5, 74%, 59%)"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token tag" style="color:hsl(5, 74%, 59%)">                  </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">/&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">                </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;/</span><span class="token tag" style="color:hsl(5, 74%, 59%)">fieldset</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">                </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;</span><span class="token tag" style="color:hsl(5, 74%, 59%)">button</span><span class="token tag" style="color:hsl(5, 74%, 59%)"> </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">className</span><span class="token tag attr-value punctuation attr-equals" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag attr-value" style="color:hsl(119, 34%, 47%)">btn btn-lg pull-xs-right btn-primary</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">                  Publish Article</span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">                </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;/</span><span class="token tag" style="color:hsl(5, 74%, 59%)">button</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">              </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;/</span><span class="token tag" style="color:hsl(5, 74%, 59%)">fieldset</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">            </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;/</span><span class="token tag class-name" style="color:hsl(35, 99%, 36%)">Form</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">          </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;/</span><span class="token tag" style="color:hsl(5, 74%, 59%)">div</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">        </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;/</span><span class="token tag" style="color:hsl(5, 74%, 59%)">div</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">      </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;/</span><span class="token tag" style="color:hsl(5, 74%, 59%)">div</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">    </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;/</span><span class="token tag" style="color:hsl(5, 74%, 59%)">div</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">  </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain"></span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><br></span></code></pre><div class="buttonGroup_VWIG"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_p0uL" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_LnVn"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_yLdc"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div>
-<p>This page gets the current article (unless we’re writing from scratch) and fills in the corresponding form fields. We’ve seen this before. The interesting part is <code>FormErrors</code>, because it will receive the validation result and display it to the user. Let’s take a look:</p>
+<p>이 페이지는 현재 글(새로 작성하는 경우가 아니라면)을 가져와서 해당하는 폼 필드를 채웁니다. 이전에 본 적이 있습니다. 흥미로운 부분은 <code>FormErrors</code>인데, 이는 검증 결과를 받아 사용자에게 표시할 것입니다. 한번 살펴보겠습니다.</p>
 <div class="language-tsx codeBlockContainer_IiXL theme-code-block" style="--prism-background-color:hsl(230, 1%, 98%);--prism-color:hsl(230, 8%, 24%)"><div class="codeBlockTitle_ajkA">pages/article-edit/ui/FormErrors.tsx</div><div class="codeBlockContent_Y78k"><pre tabindex="0" class="prism-code language-tsx codeBlock_gc_u thin-scrollbar" style="background-color:hsl(230, 1%, 98%);color:hsl(230, 8%, 24%)"><code class="codeBlockLines_PG8G"><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token keyword" style="color:hsl(301, 63%, 40%)">import</span><span class="token plain"> </span><span class="token imports punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token imports"> useActionData </span><span class="token imports punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token plain"> </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">from</span><span class="token plain"> </span><span class="token string" style="color:hsl(119, 34%, 47%)">&quot;@remix-run/react&quot;</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain"></span><span class="token keyword" style="color:hsl(301, 63%, 40%)">import</span><span class="token plain"> </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">type</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token plain"> action </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token plain"> </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">from</span><span class="token plain"> </span><span class="token string" style="color:hsl(119, 34%, 47%)">&quot;../api/action&quot;</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain" style="display:inline-block"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain"></span><span class="token keyword" style="color:hsl(301, 63%, 40%)">export</span><span class="token plain"> </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">function</span><span class="token plain"> </span><span class="token function" style="color:hsl(221, 87%, 60%)">FormErrors</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">  </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">const</span><span class="token plain"> actionData </span><span class="token operator" style="color:hsl(221, 87%, 60%)">=</span><span class="token plain"> </span><span class="token generic-function function" style="color:hsl(221, 87%, 60%)">useActionData</span><span class="token generic-function generic class-name operator" style="color:hsl(221, 87%, 60%)">&lt;</span><span class="token generic-function generic class-name keyword" style="color:hsl(301, 63%, 40%)">typeof</span><span class="token generic-function generic class-name" style="color:hsl(35, 99%, 36%)"> action</span><span class="token generic-function generic class-name operator" style="color:hsl(221, 87%, 60%)">&gt;</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain" style="display:inline-block"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">  </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">return</span><span class="token plain"> actionData</span><span class="token operator" style="color:hsl(221, 87%, 60%)">?.</span><span class="token plain">errors </span><span class="token operator" style="color:hsl(221, 87%, 60%)">!=</span><span class="token plain"> </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">null</span><span class="token plain"> </span><span class="token operator" style="color:hsl(221, 87%, 60%)">?</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">    </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;</span><span class="token tag" style="color:hsl(5, 74%, 59%)">ul</span><span class="token tag" style="color:hsl(5, 74%, 59%)"> </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">className</span><span class="token tag attr-value punctuation attr-equals" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag attr-value" style="color:hsl(119, 34%, 47%)">error-messages</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">      </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token plain">actionData</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">.</span><span class="token property-access">errors</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">.</span><span class="token method function property-access" style="color:hsl(221, 87%, 60%)">map</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token plain">error</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token plain"> </span><span class="token arrow operator" style="color:hsl(221, 87%, 60%)">=&gt;</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">        </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;</span><span class="token tag" style="color:hsl(5, 74%, 59%)">li</span><span class="token tag" style="color:hsl(5, 74%, 59%)"> </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">key</span><span class="token tag script language-javascript script-punctuation punctuation" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag script language-javascript punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token tag script language-javascript" style="color:hsl(5, 74%, 59%)">error</span><span class="token tag script language-javascript punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token plain">error</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;/</span><span class="token tag" style="color:hsl(5, 74%, 59%)">li</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">      </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">    </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;/</span><span class="token tag" style="color:hsl(5, 74%, 59%)">ul</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">  </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token plain"> </span><span class="token operator" style="color:hsl(221, 87%, 60%)">:</span><span class="token plain"> </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">null</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain"></span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><br></span></code></pre><div class="buttonGroup_VWIG"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_p0uL" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_LnVn"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_yLdc"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div>
-<p>Here we are assuming that our action will return the <code>errors</code> field, an array of human-readable error messages. We will get to the action shortly.</p>
-<p>Another component is the tags input. It’s just a plain input field with an additional preview of chosen tags. Not much to see here:</p>
+<p>여기서는 우리의 액션이 <code>errors</code> 필드, 즉 사람이 읽을 수 있는 오류 메시지 배열을 반환할 것이라고 가정하고 있습니다. 곧 액션에 대해 다루겠습니다.</p>
+<p>또 다른 컴포넌트는 태그 입력입니다. 이는 단순한 입력 필드에 선택된 태그의 추가적인 미리보기가 있는 것입니다. 여기에는 특별한 것이 없습니다:</p>
 <div class="language-tsx codeBlockContainer_IiXL theme-code-block" style="--prism-background-color:hsl(230, 1%, 98%);--prism-color:hsl(230, 8%, 24%)"><div class="codeBlockTitle_ajkA">pages/article-edit/ui/TagsInput.tsx</div><div class="codeBlockContent_Y78k"><pre tabindex="0" class="prism-code language-tsx codeBlock_gc_u thin-scrollbar" style="background-color:hsl(230, 1%, 98%);color:hsl(230, 8%, 24%)"><code class="codeBlockLines_PG8G"><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token keyword" style="color:hsl(301, 63%, 40%)">import</span><span class="token plain"> </span><span class="token imports punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token imports"> useEffect</span><span class="token imports punctuation" style="color:hsl(119, 34%, 47%)">,</span><span class="token imports"> useRef</span><span class="token imports punctuation" style="color:hsl(119, 34%, 47%)">,</span><span class="token imports"> useState </span><span class="token imports punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token plain"> </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">from</span><span class="token plain"> </span><span class="token string" style="color:hsl(119, 34%, 47%)">&quot;react&quot;</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain" style="display:inline-block"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain"></span><span class="token keyword" style="color:hsl(301, 63%, 40%)">export</span><span class="token plain"> </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">function</span><span class="token plain"> </span><span class="token function" style="color:hsl(221, 87%, 60%)">TagsInput</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">  name</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">,</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">  defaultValue</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">,</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain"></span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token operator" style="color:hsl(221, 87%, 60%)">:</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">  name</span><span class="token operator" style="color:hsl(221, 87%, 60%)">:</span><span class="token plain"> </span><span class="token builtin" style="color:hsl(119, 34%, 47%)">string</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">  defaultValue</span><span class="token operator" style="color:hsl(221, 87%, 60%)">?</span><span class="token operator" style="color:hsl(221, 87%, 60%)">:</span><span class="token plain"> </span><span class="token known-class-name class-name" style="color:hsl(35, 99%, 36%)">Array</span><span class="token operator" style="color:hsl(221, 87%, 60%)">&lt;</span><span class="token builtin" style="color:hsl(119, 34%, 47%)">string</span><span class="token operator" style="color:hsl(221, 87%, 60%)">&gt;</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain"></span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">  </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">const</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">[</span><span class="token plain">tagListState</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">,</span><span class="token plain"> setTagListState</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">]</span><span class="token plain"> </span><span class="token operator" style="color:hsl(221, 87%, 60%)">=</span><span class="token plain"> </span><span class="token function" style="color:hsl(221, 87%, 60%)">useState</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token plain">defaultValue </span><span class="token operator" style="color:hsl(221, 87%, 60%)">??</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">[</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">]</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain" style="display:inline-block"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">  </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">function</span><span class="token plain"> </span><span class="token function" style="color:hsl(221, 87%, 60%)">removeTag</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token plain">tag</span><span class="token operator" style="color:hsl(221, 87%, 60%)">:</span><span class="token plain"> </span><span class="token builtin" style="color:hsl(119, 34%, 47%)">string</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token operator" style="color:hsl(221, 87%, 60%)">:</span><span class="token plain"> </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">void</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">    </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">const</span><span class="token plain"> newTagList </span><span class="token operator" style="color:hsl(221, 87%, 60%)">=</span><span class="token plain"> tagListState</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">.</span><span class="token method function property-access" style="color:hsl(221, 87%, 60%)">filter</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token plain">t</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token plain"> </span><span class="token arrow operator" style="color:hsl(221, 87%, 60%)">=&gt;</span><span class="token plain"> t </span><span class="token operator" style="color:hsl(221, 87%, 60%)">!==</span><span class="token plain"> tag</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">    </span><span class="token function" style="color:hsl(221, 87%, 60%)">setTagListState</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token plain">newTagList</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">  </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain" style="display:inline-block"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">  </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">const</span><span class="token plain"> tagsInput </span><span class="token operator" style="color:hsl(221, 87%, 60%)">=</span><span class="token plain"> </span><span class="token generic-function function" style="color:hsl(221, 87%, 60%)">useRef</span><span class="token generic-function generic class-name operator" style="color:hsl(221, 87%, 60%)">&lt;</span><span class="token generic-function generic class-name" style="color:hsl(35, 99%, 36%)">HTMLInputElement</span><span class="token generic-function generic class-name operator" style="color:hsl(221, 87%, 60%)">&gt;</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token keyword" style="color:hsl(301, 63%, 40%)">null</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">  </span><span class="token function" style="color:hsl(221, 87%, 60%)">useEffect</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token plain"> </span><span class="token arrow operator" style="color:hsl(221, 87%, 60%)">=&gt;</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">    tagsInput</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">.</span><span class="token property-access">current</span><span class="token plain"> </span><span class="token operator" style="color:hsl(221, 87%, 60%)">&amp;&amp;</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token plain">tagsInput</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">.</span><span class="token property-access">current</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">.</span><span class="token property-access">value</span><span class="token plain"> </span><span class="token operator" style="color:hsl(221, 87%, 60%)">=</span><span class="token plain"> tagListState</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">.</span><span class="token method function property-access" style="color:hsl(221, 87%, 60%)">join</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token string" style="color:hsl(119, 34%, 47%)">&quot;,&quot;</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">  </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">,</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">[</span><span class="token plain">tagListState</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">]</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain" style="display:inline-block"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">  </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">return</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">    </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">      </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;</span><span class="token tag" style="color:hsl(5, 74%, 59%)">input</span><span class="token tag" style="color:hsl(5, 74%, 59%)"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token tag" style="color:hsl(5, 74%, 59%)">        </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">type</span><span class="token tag attr-value punctuation attr-equals" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag attr-value" style="color:hsl(119, 34%, 47%)">text</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag" style="color:hsl(5, 74%, 59%)"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token tag" style="color:hsl(5, 74%, 59%)">        </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">className</span><span class="token tag attr-value punctuation attr-equals" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag attr-value" style="color:hsl(119, 34%, 47%)">form-control</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag" style="color:hsl(5, 74%, 59%)"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token tag" style="color:hsl(5, 74%, 59%)">        </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">id</span><span class="token tag attr-value punctuation attr-equals" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag attr-value" style="color:hsl(119, 34%, 47%)">tags</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag" style="color:hsl(5, 74%, 59%)"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token tag" style="color:hsl(5, 74%, 59%)">        </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">name</span><span class="token tag script language-javascript script-punctuation punctuation" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag script language-javascript punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token tag script language-javascript" style="color:hsl(5, 74%, 59%)">name</span><span class="token tag script language-javascript punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token tag" style="color:hsl(5, 74%, 59%)"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token tag" style="color:hsl(5, 74%, 59%)">        </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">placeholder</span><span class="token tag attr-value punctuation attr-equals" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag attr-value" style="color:hsl(119, 34%, 47%)">Enter tags</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag" style="color:hsl(5, 74%, 59%)"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token tag" style="color:hsl(5, 74%, 59%)">        </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">defaultValue</span><span class="token tag script language-javascript script-punctuation punctuation" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag script language-javascript punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token tag script language-javascript" style="color:hsl(5, 74%, 59%)">tagListState</span><span class="token tag script language-javascript punctuation" style="color:hsl(119, 34%, 47%)">.</span><span class="token tag script language-javascript method function property-access" style="color:hsl(221, 87%, 60%)">join</span><span class="token tag script language-javascript punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token tag script language-javascript string" style="color:hsl(119, 34%, 47%)">&quot;,&quot;</span><span class="token tag script language-javascript punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token tag script language-javascript punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token tag" style="color:hsl(5, 74%, 59%)"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token tag" style="color:hsl(5, 74%, 59%)">        </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">onChange</span><span class="token tag script language-javascript script-punctuation punctuation" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag script language-javascript punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token tag script language-javascript punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token tag script language-javascript" style="color:hsl(5, 74%, 59%)">e</span><span class="token tag script language-javascript punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token tag script language-javascript" style="color:hsl(5, 74%, 59%)"> </span><span class="token tag script language-javascript arrow operator" style="color:hsl(221, 87%, 60%)">=&gt;</span><span class="token tag script language-javascript" style="color:hsl(5, 74%, 59%)"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token tag script language-javascript" style="color:hsl(5, 74%, 59%)">          </span><span class="token tag script language-javascript function" style="color:hsl(221, 87%, 60%)">setTagListState</span><span class="token tag script language-javascript punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token tag script language-javascript" style="color:hsl(5, 74%, 59%)">e</span><span class="token tag script language-javascript punctuation" style="color:hsl(119, 34%, 47%)">.</span><span class="token tag script language-javascript property-access" style="color:hsl(5, 74%, 59%)">target</span><span class="token tag script language-javascript punctuation" style="color:hsl(119, 34%, 47%)">.</span><span class="token tag script language-javascript property-access" style="color:hsl(5, 74%, 59%)">value</span><span class="token tag script language-javascript punctuation" style="color:hsl(119, 34%, 47%)">.</span><span class="token tag script language-javascript method function property-access" style="color:hsl(221, 87%, 60%)">split</span><span class="token tag script language-javascript punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token tag script language-javascript string" style="color:hsl(119, 34%, 47%)">&quot;,&quot;</span><span class="token tag script language-javascript punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token tag script language-javascript punctuation" style="color:hsl(119, 34%, 47%)">.</span><span class="token tag script language-javascript method function property-access" style="color:hsl(221, 87%, 60%)">filter</span><span class="token tag script language-javascript punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token tag script language-javascript known-class-name class-name" style="color:hsl(35, 99%, 36%)">Boolean</span><span class="token tag script language-javascript punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token tag script language-javascript punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token tag script language-javascript" style="color:hsl(5, 74%, 59%)"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token tag script language-javascript" style="color:hsl(5, 74%, 59%)">        </span><span class="token tag script language-javascript punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token tag" style="color:hsl(5, 74%, 59%)"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token tag" style="color:hsl(5, 74%, 59%)">      </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">/&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">      </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;</span><span class="token tag" style="color:hsl(5, 74%, 59%)">div</span><span class="token tag" style="color:hsl(5, 74%, 59%)"> </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">className</span><span class="token tag attr-value punctuation attr-equals" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag attr-value" style="color:hsl(119, 34%, 47%)">tag-list</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">        </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token plain">tagListState</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">.</span><span class="token method function property-access" style="color:hsl(221, 87%, 60%)">map</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token plain">tag</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token plain"> </span><span class="token arrow operator" style="color:hsl(221, 87%, 60%)">=&gt;</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">          </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;</span><span class="token tag" style="color:hsl(5, 74%, 59%)">span</span><span class="token tag" style="color:hsl(5, 74%, 59%)"> </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">className</span><span class="token tag attr-value punctuation attr-equals" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag attr-value" style="color:hsl(119, 34%, 47%)">tag-default tag-pill</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag" style="color:hsl(5, 74%, 59%)"> </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">key</span><span class="token tag script language-javascript script-punctuation punctuation" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag script language-javascript punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token tag script language-javascript" style="color:hsl(5, 74%, 59%)">tag</span><span class="token tag script language-javascript punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">            </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;</span><span class="token tag" style="color:hsl(5, 74%, 59%)">i</span><span class="token tag" style="color:hsl(5, 74%, 59%)"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token tag" style="color:hsl(5, 74%, 59%)">              </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">className</span><span class="token tag attr-value punctuation attr-equals" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag attr-value" style="color:hsl(119, 34%, 47%)">ion-close-round</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag" style="color:hsl(5, 74%, 59%)"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token tag" style="color:hsl(5, 74%, 59%)">              </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">role</span><span class="token tag attr-value punctuation attr-equals" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag attr-value" style="color:hsl(119, 34%, 47%)">button</span><span class="token tag attr-value punctuation" style="color:hsl(119, 34%, 47%)">&quot;</span><span class="token tag" style="color:hsl(5, 74%, 59%)"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token tag" style="color:hsl(5, 74%, 59%)">              </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">tabIndex</span><span class="token tag script language-javascript script-punctuation punctuation" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag script language-javascript punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token tag script language-javascript number" style="color:hsl(35, 99%, 36%)">0</span><span class="token tag script language-javascript punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token tag" style="color:hsl(5, 74%, 59%)"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token tag" style="color:hsl(5, 74%, 59%)">              </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">onKeyDown</span><span class="token tag script language-javascript script-punctuation punctuation" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag script language-javascript punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token tag script language-javascript punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token tag script language-javascript" style="color:hsl(5, 74%, 59%)">e</span><span class="token tag script language-javascript punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token tag script language-javascript" style="color:hsl(5, 74%, 59%)"> </span><span class="token tag script language-javascript arrow operator" style="color:hsl(221, 87%, 60%)">=&gt;</span><span class="token tag script language-javascript" style="color:hsl(5, 74%, 59%)"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token tag script language-javascript" style="color:hsl(5, 74%, 59%)">                </span><span class="token tag script language-javascript punctuation" style="color:hsl(119, 34%, 47%)">[</span><span class="token tag script language-javascript string" style="color:hsl(119, 34%, 47%)">&quot; &quot;</span><span class="token tag script language-javascript punctuation" style="color:hsl(119, 34%, 47%)">,</span><span class="token tag script language-javascript" style="color:hsl(5, 74%, 59%)"> </span><span class="token tag script language-javascript string" style="color:hsl(119, 34%, 47%)">&quot;Enter&quot;</span><span class="token tag script language-javascript punctuation" style="color:hsl(119, 34%, 47%)">]</span><span class="token tag script language-javascript punctuation" style="color:hsl(119, 34%, 47%)">.</span><span class="token tag script language-javascript method function property-access" style="color:hsl(221, 87%, 60%)">includes</span><span class="token tag script language-javascript punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token tag script language-javascript" style="color:hsl(5, 74%, 59%)">e</span><span class="token tag script language-javascript punctuation" style="color:hsl(119, 34%, 47%)">.</span><span class="token tag script language-javascript property-access" style="color:hsl(5, 74%, 59%)">key</span><span class="token tag script language-javascript punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token tag script language-javascript" style="color:hsl(5, 74%, 59%)"> </span><span class="token tag script language-javascript operator" style="color:hsl(221, 87%, 60%)">&amp;&amp;</span><span class="token tag script language-javascript" style="color:hsl(5, 74%, 59%)"> </span><span class="token tag script language-javascript function" style="color:hsl(221, 87%, 60%)">removeTag</span><span class="token tag script language-javascript punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token tag script language-javascript" style="color:hsl(5, 74%, 59%)">tag</span><span class="token tag script language-javascript punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token tag script language-javascript" style="color:hsl(5, 74%, 59%)"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token tag script language-javascript" style="color:hsl(5, 74%, 59%)">              </span><span class="token tag script language-javascript punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token tag" style="color:hsl(5, 74%, 59%)"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token tag" style="color:hsl(5, 74%, 59%)">              </span><span class="token tag attr-name" style="color:hsl(35, 99%, 36%)">onClick</span><span class="token tag script language-javascript script-punctuation punctuation" style="color:hsl(119, 34%, 47%)">=</span><span class="token tag script language-javascript punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token tag script language-javascript punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token tag script language-javascript punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token tag script language-javascript" style="color:hsl(5, 74%, 59%)"> </span><span class="token tag script language-javascript arrow operator" style="color:hsl(221, 87%, 60%)">=&gt;</span><span class="token tag script language-javascript" style="color:hsl(5, 74%, 59%)"> </span><span class="token tag script language-javascript function" style="color:hsl(221, 87%, 60%)">removeTag</span><span class="token tag script language-javascript punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token tag script language-javascript" style="color:hsl(5, 74%, 59%)">tag</span><span class="token tag script language-javascript punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token tag script language-javascript punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token tag" style="color:hsl(5, 74%, 59%)"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token tag" style="color:hsl(5, 74%, 59%)">            </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;/</span><span class="token tag" style="color:hsl(5, 74%, 59%)">i</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token string" style="color:hsl(119, 34%, 47%)">&quot; &quot;</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">            </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token plain">tag</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">          </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;/</span><span class="token tag" style="color:hsl(5, 74%, 59%)">span</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">        </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">      </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;/</span><span class="token tag" style="color:hsl(5, 74%, 59%)">div</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain-text"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain-text">    </span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&lt;/</span><span class="token tag punctuation" style="color:hsl(119, 34%, 47%)">&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">  </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain"></span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><br></span></code></pre><div class="buttonGroup_VWIG"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_p0uL" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_LnVn"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_yLdc"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div>
-<p>Now, for the API part. The loader should look at the URL, and if it contains an article slug, that means we’re editing an existing article, and its data should be loaded. Otherwise, return nothing. Let’s create that loader:</p>
+<p>이제 API 부분입니다. 로더는 URL을 살펴보고, 글 슬러그가 포함되어 있다면 기존 글을 수정하는 것이므로 해당 데이터를 로드해야 합니다. 그렇지 않으면 아무것도 반환하지 않습니다. 그 로더를 만들어 봅시다.</p>
 <div class="language-ts codeBlockContainer_IiXL theme-code-block" style="--prism-background-color:hsl(230, 1%, 98%);--prism-color:hsl(230, 8%, 24%)"><div class="codeBlockTitle_ajkA">pages/article-edit/api/loader.ts</div><div class="codeBlockContent_Y78k"><pre tabindex="0" class="prism-code language-ts codeBlock_gc_u thin-scrollbar" style="background-color:hsl(230, 1%, 98%);color:hsl(230, 8%, 24%)"><code class="codeBlockLines_PG8G"><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token keyword" style="color:hsl(301, 63%, 40%)">import</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token plain"> json</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">,</span><span class="token plain"> </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">type</span><span class="token plain"> </span><span class="token class-name" style="color:hsl(35, 99%, 36%)">LoaderFunctionArgs</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token plain"> </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">from</span><span class="token plain"> </span><span class="token string" style="color:hsl(119, 34%, 47%)">&quot;@remix-run/node&quot;</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain"></span><span class="token keyword" style="color:hsl(301, 63%, 40%)">import</span><span class="token plain"> </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">type</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token plain"> FetchResponse </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token plain"> </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">from</span><span class="token plain"> </span><span class="token string" style="color:hsl(119, 34%, 47%)">&quot;openapi-fetch&quot;</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain" style="display:inline-block"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain"></span><span class="token keyword" style="color:hsl(301, 63%, 40%)">import</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token plain"> </span><span class="token constant" style="color:hsl(35, 99%, 36%)">GET</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">,</span><span class="token plain"> requireUser </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token plain"> </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">from</span><span class="token plain"> </span><span class="token string" style="color:hsl(119, 34%, 47%)">&quot;shared/api&quot;</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain" style="display:inline-block"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain"></span><span class="token keyword" style="color:hsl(301, 63%, 40%)">async</span><span class="token plain"> </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">function</span><span class="token plain"> </span><span class="token generic-function function" style="color:hsl(221, 87%, 60%)">throwAnyErrors</span><span class="token generic-function generic class-name operator" style="color:hsl(221, 87%, 60%)">&lt;</span><span class="token generic-function generic class-name constant" style="color:hsl(35, 99%, 36%)">T</span><span class="token generic-function generic class-name punctuation" style="color:hsl(119, 34%, 47%)">,</span><span class="token generic-function generic class-name" style="color:hsl(35, 99%, 36%)"> </span><span class="token generic-function generic class-name constant" style="color:hsl(35, 99%, 36%)">O</span><span class="token generic-function generic class-name punctuation" style="color:hsl(119, 34%, 47%)">,</span><span class="token generic-function generic class-name" style="color:hsl(35, 99%, 36%)"> Media </span><span class="token generic-function generic class-name keyword" style="color:hsl(301, 63%, 40%)">extends</span><span class="token generic-function generic class-name" style="color:hsl(35, 99%, 36%)"> </span><span class="token generic-function generic class-name template-string template-punctuation string" style="color:hsl(119, 34%, 47%)">`</span><span class="token generic-function generic class-name template-string interpolation interpolation-punctuation punctuation" style="color:hsl(119, 34%, 47%)">${</span><span class="token generic-function generic class-name template-string interpolation builtin" style="color:hsl(119, 34%, 47%)">string</span><span class="token generic-function generic class-name template-string interpolation interpolation-punctuation punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token generic-function generic class-name template-string string" style="color:hsl(119, 34%, 47%)">/</span><span class="token generic-function generic class-name template-string interpolation interpolation-punctuation punctuation" style="color:hsl(119, 34%, 47%)">${</span><span class="token generic-function generic class-name template-string interpolation builtin" style="color:hsl(119, 34%, 47%)">string</span><span class="token generic-function generic class-name template-string interpolation interpolation-punctuation punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token generic-function generic class-name template-string template-punctuation string" style="color:hsl(119, 34%, 47%)">`</span><span class="token generic-function generic class-name operator" style="color:hsl(221, 87%, 60%)">&gt;</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">  responsePromise</span><span class="token operator" style="color:hsl(221, 87%, 60%)">:</span><span class="token plain"> </span><span class="token builtin" style="color:hsl(119, 34%, 47%)">Promise</span><span class="token operator" style="color:hsl(221, 87%, 60%)">&lt;</span><span class="token plain">FetchResponse</span><span class="token operator" style="color:hsl(221, 87%, 60%)">&lt;</span><span class="token constant" style="color:hsl(35, 99%, 36%)">T</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">,</span><span class="token plain"> </span><span class="token constant" style="color:hsl(35, 99%, 36%)">O</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">,</span><span class="token plain"> Media</span><span class="token operator" style="color:hsl(221, 87%, 60%)">&gt;&gt;</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">,</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain"></span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">  </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">const</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token plain"> data</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">,</span><span class="token plain"> error</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">,</span><span class="token plain"> response </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token plain"> </span><span class="token operator" style="color:hsl(221, 87%, 60%)">=</span><span class="token plain"> </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">await</span><span class="token plain"> responsePromise</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain" style="display:inline-block"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">  </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">if</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token plain">error </span><span class="token operator" style="color:hsl(221, 87%, 60%)">!==</span><span class="token plain"> </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">undefined</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">    </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">throw</span><span class="token plain"> </span><span class="token function" style="color:hsl(221, 87%, 60%)">json</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token plain">error</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">,</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token plain"> status</span><span class="token operator" style="color:hsl(221, 87%, 60%)">:</span><span class="token plain"> response</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">.</span><span class="token plain">status </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">  </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain" style="display:inline-block"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">  </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">return</span><span class="token plain"> data </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">as</span><span class="token plain"> NonNullable</span><span class="token operator" style="color:hsl(221, 87%, 60%)">&lt;</span><span class="token keyword" style="color:hsl(301, 63%, 40%)">typeof</span><span class="token plain"> data</span><span class="token operator" style="color:hsl(221, 87%, 60%)">&gt;</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain"></span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain" style="display:inline-block"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain"></span><span class="token keyword" style="color:hsl(301, 63%, 40%)">export</span><span class="token plain"> </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">const</span><span class="token plain"> </span><span class="token function-variable function" style="color:hsl(221, 87%, 60%)">loader</span><span class="token plain"> </span><span class="token operator" style="color:hsl(221, 87%, 60%)">=</span><span class="token plain"> </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">async</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token plain"> params</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">,</span><span class="token plain"> request </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token operator" style="color:hsl(221, 87%, 60%)">:</span><span class="token plain"> LoaderFunctionArgs</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token plain"> </span><span class="token operator" style="color:hsl(221, 87%, 60%)">=&gt;</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">  </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">const</span><span class="token plain"> currentUser </span><span class="token operator" style="color:hsl(221, 87%, 60%)">=</span><span class="token plain"> </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">await</span><span class="token plain"> </span><span class="token function" style="color:hsl(221, 87%, 60%)">requireUser</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token plain">request</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain" style="display:inline-block"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">  </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">if</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token operator" style="color:hsl(221, 87%, 60%)">!</span><span class="token plain">params</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">.</span><span class="token plain">slug</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">    </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">return</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token plain"> article</span><span class="token operator" style="color:hsl(221, 87%, 60%)">:</span><span class="token plain"> </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">null</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">  </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain" style="display:inline-block"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">  </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">return</span><span class="token plain"> </span><span class="token function" style="color:hsl(221, 87%, 60%)">throwAnyErrors</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">    </span><span class="token constant" style="color:hsl(35, 99%, 36%)">GET</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token string" style="color:hsl(119, 34%, 47%)">&quot;/articles/{slug}&quot;</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">,</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">      params</span><span class="token operator" style="color:hsl(221, 87%, 60%)">:</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token plain"> path</span><span class="token operator" style="color:hsl(221, 87%, 60%)">:</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token plain"> slug</span><span class="token operator" style="color:hsl(221, 87%, 60%)">:</span><span class="token plain"> params</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">.</span><span class="token plain">slug </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">,</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">      headers</span><span class="token operator" style="color:hsl(221, 87%, 60%)">:</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token plain"> Authorization</span><span class="token operator" style="color:hsl(221, 87%, 60%)">:</span><span class="token plain"> </span><span class="token template-string template-punctuation string" style="color:hsl(119, 34%, 47%)">`</span><span class="token template-string string" style="color:hsl(119, 34%, 47%)">Token </span><span class="token template-string interpolation interpolation-punctuation punctuation" style="color:hsl(119, 34%, 47%)">${</span><span class="token template-string interpolation">currentUser</span><span class="token template-string interpolation punctuation" style="color:hsl(119, 34%, 47%)">.</span><span class="token template-string interpolation">token</span><span class="token template-string interpolation interpolation-punctuation punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token template-string template-punctuation string" style="color:hsl(119, 34%, 47%)">`</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">,</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">    </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">,</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">  </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain"></span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><br></span></code></pre><div class="buttonGroup_VWIG"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_p0uL" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_LnVn"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_yLdc"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div>
-<p>The action will take the new field values, run them through our data schema, and if everything is correct, commit those changes to the backend, either by updating an existing article or creating a new one:</p>
+<p>액션은 새로운 필드 값들을 받아 우리의 데이터 스키마를 통해 실행하고, 모든 것이 올바르다면 이러한 변경사항을 백엔드에 커밋합니다. 이는 기존 글을 업데이트하거나 새 글을 생성하는 방식으로 이루어집니다.</p>
 <div class="language-tsx codeBlockContainer_IiXL theme-code-block" style="--prism-background-color:hsl(230, 1%, 98%);--prism-color:hsl(230, 8%, 24%)"><div class="codeBlockTitle_ajkA">pages/article-edit/api/action.ts</div><div class="codeBlockContent_Y78k"><pre tabindex="0" class="prism-code language-tsx codeBlock_gc_u thin-scrollbar" style="background-color:hsl(230, 1%, 98%);color:hsl(230, 8%, 24%)"><code class="codeBlockLines_PG8G"><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token keyword" style="color:hsl(301, 63%, 40%)">import</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token plain"> json</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">,</span><span class="token plain"> redirect</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">,</span><span class="token plain"> </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">type</span><span class="token plain"> </span><span class="token class-name" style="color:hsl(35, 99%, 36%)">ActionFunctionArgs</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token plain"> </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">from</span><span class="token plain"> </span><span class="token string" style="color:hsl(119, 34%, 47%)">&quot;@remix-run/node&quot;</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain" style="display:inline-block"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain"></span><span class="token keyword" style="color:hsl(301, 63%, 40%)">import</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token plain"> </span><span class="token constant" style="color:hsl(35, 99%, 36%)">POST</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">,</span><span class="token plain"> </span><span class="token constant" style="color:hsl(35, 99%, 36%)">PUT</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">,</span><span class="token plain"> requireUser </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token plain"> </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">from</span><span class="token plain"> </span><span class="token string" style="color:hsl(119, 34%, 47%)">&quot;shared/api&quot;</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain"></span><span class="token keyword" style="color:hsl(301, 63%, 40%)">import</span><span class="token plain"> </span><span class="token imports punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token imports"> parseAsArticle </span><span class="token imports punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token plain"> </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">from</span><span class="token plain"> </span><span class="token string" style="color:hsl(119, 34%, 47%)">&quot;../model/parseAsArticle&quot;</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain" style="display:inline-block"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain"></span><span class="token keyword" style="color:hsl(301, 63%, 40%)">export</span><span class="token plain"> </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">const</span><span class="token plain"> </span><span class="token function-variable function" style="color:hsl(221, 87%, 60%)">action</span><span class="token plain"> </span><span class="token operator" style="color:hsl(221, 87%, 60%)">=</span><span class="token plain"> </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">async</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token plain"> request</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">,</span><span class="token plain"> params </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token operator" style="color:hsl(221, 87%, 60%)">:</span><span class="token plain"> </span><span class="token maybe-class-name">ActionFunctionArgs</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token plain"> </span><span class="token arrow operator" style="color:hsl(221, 87%, 60%)">=&gt;</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">  </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">try</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">    </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">const</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token plain"> body</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">,</span><span class="token plain"> description</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">,</span><span class="token plain"> title</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">,</span><span class="token plain"> tags </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token plain"> </span><span class="token operator" style="color:hsl(221, 87%, 60%)">=</span><span class="token plain"> </span><span class="token function" style="color:hsl(221, 87%, 60%)">parseAsArticle</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">      </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">await</span><span class="token plain"> request</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">.</span><span class="token method function property-access" style="color:hsl(221, 87%, 60%)">formData</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">,</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">    </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">    </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">const</span><span class="token plain"> tagList </span><span class="token operator" style="color:hsl(221, 87%, 60%)">=</span><span class="token plain"> tags</span><span class="token operator" style="color:hsl(221, 87%, 60%)">?.</span><span class="token method function property-access" style="color:hsl(221, 87%, 60%)">split</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token string" style="color:hsl(119, 34%, 47%)">&quot;,&quot;</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token plain"> </span><span class="token operator" style="color:hsl(221, 87%, 60%)">??</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">[</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">]</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain" style="display:inline-block"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">    </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">const</span><span class="token plain"> currentUser </span><span class="token operator" style="color:hsl(221, 87%, 60%)">=</span><span class="token plain"> </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">await</span><span class="token plain"> </span><span class="token function" style="color:hsl(221, 87%, 60%)">requireUser</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token plain">request</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">    </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">const</span><span class="token plain"> payload </span><span class="token operator" style="color:hsl(221, 87%, 60%)">=</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">      body</span><span class="token operator" style="color:hsl(221, 87%, 60%)">:</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">        article</span><span class="token operator" style="color:hsl(221, 87%, 60%)">:</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">          title</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">,</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">          description</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">,</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">          body</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">,</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">          tagList</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">,</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">        </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">,</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">      </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">,</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">      headers</span><span class="token operator" style="color:hsl(221, 87%, 60%)">:</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token plain"> </span><span class="token maybe-class-name">Authorization</span><span class="token operator" style="color:hsl(221, 87%, 60%)">:</span><span class="token plain"> </span><span class="token template-string template-punctuation string" style="color:hsl(119, 34%, 47%)">`</span><span class="token template-string string" style="color:hsl(119, 34%, 47%)">Token </span><span class="token template-string interpolation interpolation-punctuation punctuation" style="color:hsl(119, 34%, 47%)">${</span><span class="token template-string interpolation">currentUser</span><span class="token template-string interpolation punctuation" style="color:hsl(119, 34%, 47%)">.</span><span class="token template-string interpolation">token</span><span class="token template-string interpolation interpolation-punctuation punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token template-string template-punctuation string" style="color:hsl(119, 34%, 47%)">`</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">,</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">    </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain" style="display:inline-block"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">    </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">const</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token plain"> data</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">,</span><span class="token plain"> error </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token plain"> </span><span class="token operator" style="color:hsl(221, 87%, 60%)">=</span><span class="token plain"> </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">await</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token plain">params</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">.</span><span class="token property-access">slug</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">      </span><span class="token operator" style="color:hsl(221, 87%, 60%)">?</span><span class="token plain"> </span><span class="token constant" style="color:hsl(35, 99%, 36%)">PUT</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token string" style="color:hsl(119, 34%, 47%)">&quot;/articles/{slug}&quot;</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">,</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">          params</span><span class="token operator" style="color:hsl(221, 87%, 60%)">:</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token plain"> path</span><span class="token operator" style="color:hsl(221, 87%, 60%)">:</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token plain"> slug</span><span class="token operator" style="color:hsl(221, 87%, 60%)">:</span><span class="token plain"> params</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">.</span><span class="token property-access">slug</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">,</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">          </span><span class="token spread operator" style="color:hsl(221, 87%, 60%)">...</span><span class="token plain">payload</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">,</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">        </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">      </span><span class="token operator" style="color:hsl(221, 87%, 60%)">:</span><span class="token plain"> </span><span class="token constant" style="color:hsl(35, 99%, 36%)">POST</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token string" style="color:hsl(119, 34%, 47%)">&quot;/articles&quot;</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">,</span><span class="token plain"> payload</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain" style="display:inline-block"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">    </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">if</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token plain">error</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">      </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">return</span><span class="token plain"> </span><span class="token function" style="color:hsl(221, 87%, 60%)">json</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token plain"> errors</span><span class="token operator" style="color:hsl(221, 87%, 60%)">:</span><span class="token plain"> error </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">,</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token plain"> status</span><span class="token operator" style="color:hsl(221, 87%, 60%)">:</span><span class="token plain"> </span><span class="token number" style="color:hsl(35, 99%, 36%)">422</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">    </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain" style="display:inline-block"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">    </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">return</span><span class="token plain"> </span><span class="token function" style="color:hsl(221, 87%, 60%)">redirect</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token template-string template-punctuation string" style="color:hsl(119, 34%, 47%)">`</span><span class="token template-string string" style="color:hsl(119, 34%, 47%)">/article/</span><span class="token template-string interpolation interpolation-punctuation punctuation" style="color:hsl(119, 34%, 47%)">${</span><span class="token template-string interpolation">data</span><span class="token template-string interpolation punctuation" style="color:hsl(119, 34%, 47%)">.</span><span class="token template-string interpolation">article</span><span class="token template-string interpolation punctuation" style="color:hsl(119, 34%, 47%)">.</span><span class="token template-string interpolation">slug </span><span class="token template-string interpolation operator" style="color:hsl(221, 87%, 60%)">??</span><span class="token template-string interpolation"> </span><span class="token template-string interpolation string" style="color:hsl(119, 34%, 47%)">&quot;&quot;</span><span class="token template-string interpolation interpolation-punctuation punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token template-string template-punctuation string" style="color:hsl(119, 34%, 47%)">`</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">  </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token plain"> </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">catch</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token plain">errors</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">    </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">return</span><span class="token plain"> </span><span class="token function" style="color:hsl(221, 87%, 60%)">json</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token plain"> errors </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">,</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token plain"> status</span><span class="token operator" style="color:hsl(221, 87%, 60%)">:</span><span class="token plain"> </span><span class="token number" style="color:hsl(35, 99%, 36%)">400</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">  </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain"></span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><br></span></code></pre><div class="buttonGroup_VWIG"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_p0uL" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_LnVn"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_yLdc"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div>
-<p>The schema doubles as a parsing function for <code>FormData</code>, which allows us to conveniently get the clean fields or just throw the errors to handle at the end. Here’s how that parsing function could look:</p>
+<p>스키마는 <code>FormData</code>를 위한 파싱 함수로도 작동하여, 깨끗한 필드를 편리하게 얻거나 마지막에 처리할 오류를 던질 수 있게 해줍니다. 그 파싱 함수는 다음과 같이 보일 수 있습니다.</p>
 <div class="language-tsx codeBlockContainer_IiXL theme-code-block" style="--prism-background-color:hsl(230, 1%, 98%);--prism-color:hsl(230, 8%, 24%)"><div class="codeBlockTitle_ajkA">pages/article-edit/model/parseAsArticle.ts</div><div class="codeBlockContent_Y78k"><pre tabindex="0" class="prism-code language-tsx codeBlock_gc_u thin-scrollbar" style="background-color:hsl(230, 1%, 98%);color:hsl(230, 8%, 24%)"><code class="codeBlockLines_PG8G"><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token keyword" style="color:hsl(301, 63%, 40%)">export</span><span class="token plain"> </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">function</span><span class="token plain"> </span><span class="token function" style="color:hsl(221, 87%, 60%)">parseAsArticle</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token plain">data</span><span class="token operator" style="color:hsl(221, 87%, 60%)">:</span><span class="token plain"> </span><span class="token maybe-class-name">FormData</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">  </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">const</span><span class="token plain"> errors </span><span class="token operator" style="color:hsl(221, 87%, 60%)">=</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">[</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">]</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain" style="display:inline-block"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">  </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">const</span><span class="token plain"> title </span><span class="token operator" style="color:hsl(221, 87%, 60%)">=</span><span class="token plain"> data</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">.</span><span class="token method function property-access" style="color:hsl(221, 87%, 60%)">get</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token string" style="color:hsl(119, 34%, 47%)">&quot;title&quot;</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">  </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">if</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token keyword" style="color:hsl(301, 63%, 40%)">typeof</span><span class="token plain"> title </span><span class="token operator" style="color:hsl(221, 87%, 60%)">!==</span><span class="token plain"> </span><span class="token string" style="color:hsl(119, 34%, 47%)">&quot;string&quot;</span><span class="token plain"> </span><span class="token operator" style="color:hsl(221, 87%, 60%)">||</span><span class="token plain"> title </span><span class="token operator" style="color:hsl(221, 87%, 60%)">===</span><span class="token plain"> </span><span class="token string" style="color:hsl(119, 34%, 47%)">&quot;&quot;</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">    errors</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">.</span><span class="token method function property-access" style="color:hsl(221, 87%, 60%)">push</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token string" style="color:hsl(119, 34%, 47%)">&quot;Give this article a title&quot;</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">  </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain" style="display:inline-block"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">  </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">const</span><span class="token plain"> description </span><span class="token operator" style="color:hsl(221, 87%, 60%)">=</span><span class="token plain"> data</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">.</span><span class="token method function property-access" style="color:hsl(221, 87%, 60%)">get</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token string" style="color:hsl(119, 34%, 47%)">&quot;description&quot;</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">  </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">if</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token keyword" style="color:hsl(301, 63%, 40%)">typeof</span><span class="token plain"> description </span><span class="token operator" style="color:hsl(221, 87%, 60%)">!==</span><span class="token plain"> </span><span class="token string" style="color:hsl(119, 34%, 47%)">&quot;string&quot;</span><span class="token plain"> </span><span class="token operator" style="color:hsl(221, 87%, 60%)">||</span><span class="token plain"> description </span><span class="token operator" style="color:hsl(221, 87%, 60%)">===</span><span class="token plain"> </span><span class="token string" style="color:hsl(119, 34%, 47%)">&quot;&quot;</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">    errors</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">.</span><span class="token method function property-access" style="color:hsl(221, 87%, 60%)">push</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token string" style="color:hsl(119, 34%, 47%)">&quot;Describe what this article is about&quot;</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">  </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain" style="display:inline-block"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">  </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">const</span><span class="token plain"> body </span><span class="token operator" style="color:hsl(221, 87%, 60%)">=</span><span class="token plain"> data</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">.</span><span class="token method function property-access" style="color:hsl(221, 87%, 60%)">get</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token string" style="color:hsl(119, 34%, 47%)">&quot;body&quot;</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">  </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">if</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token keyword" style="color:hsl(301, 63%, 40%)">typeof</span><span class="token plain"> body </span><span class="token operator" style="color:hsl(221, 87%, 60%)">!==</span><span class="token plain"> </span><span class="token string" style="color:hsl(119, 34%, 47%)">&quot;string&quot;</span><span class="token plain"> </span><span class="token operator" style="color:hsl(221, 87%, 60%)">||</span><span class="token plain"> body </span><span class="token operator" style="color:hsl(221, 87%, 60%)">===</span><span class="token plain"> </span><span class="token string" style="color:hsl(119, 34%, 47%)">&quot;&quot;</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">    errors</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">.</span><span class="token method function property-access" style="color:hsl(221, 87%, 60%)">push</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token string" style="color:hsl(119, 34%, 47%)">&quot;Write the article itself&quot;</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">  </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain" style="display:inline-block"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">  </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">const</span><span class="token plain"> tags </span><span class="token operator" style="color:hsl(221, 87%, 60%)">=</span><span class="token plain"> data</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">.</span><span class="token method function property-access" style="color:hsl(221, 87%, 60%)">get</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token string" style="color:hsl(119, 34%, 47%)">&quot;tags&quot;</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">  </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">if</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token keyword" style="color:hsl(301, 63%, 40%)">typeof</span><span class="token plain"> tags </span><span class="token operator" style="color:hsl(221, 87%, 60%)">!==</span><span class="token plain"> </span><span class="token string" style="color:hsl(119, 34%, 47%)">&quot;string&quot;</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">    errors</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">.</span><span class="token method function property-access" style="color:hsl(221, 87%, 60%)">push</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token string" style="color:hsl(119, 34%, 47%)">&quot;The tags must be a string&quot;</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">  </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain" style="display:inline-block"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">  </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">if</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token plain">errors</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">.</span><span class="token property-access">length</span><span class="token plain"> </span><span class="token operator" style="color:hsl(221, 87%, 60%)">&gt;</span><span class="token plain"> </span><span class="token number" style="color:hsl(35, 99%, 36%)">0</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">    </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">throw</span><span class="token plain"> errors</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">  </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain" style="display:inline-block"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">  </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">return</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token plain"> title</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">,</span><span class="token plain"> description</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">,</span><span class="token plain"> body</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">,</span><span class="token plain"> tags</span><span class="token operator" style="color:hsl(221, 87%, 60%)">:</span><span class="token plain"> data</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">.</span><span class="token method function property-access" style="color:hsl(221, 87%, 60%)">get</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">(</span><span class="token string" style="color:hsl(119, 34%, 47%)">&quot;tags&quot;</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">)</span><span class="token plain"> </span><span class="token operator" style="color:hsl(221, 87%, 60%)">??</span><span class="token plain"> </span><span class="token string" style="color:hsl(119, 34%, 47%)">&quot;&quot;</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token plain"> </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">as</span><span class="token plain"> </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">    title</span><span class="token operator" style="color:hsl(221, 87%, 60%)">:</span><span class="token plain"> </span><span class="token builtin" style="color:hsl(119, 34%, 47%)">string</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">    description</span><span class="token operator" style="color:hsl(221, 87%, 60%)">:</span><span class="token plain"> </span><span class="token builtin" style="color:hsl(119, 34%, 47%)">string</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">    body</span><span class="token operator" style="color:hsl(221, 87%, 60%)">:</span><span class="token plain"> </span><span class="token builtin" style="color:hsl(119, 34%, 47%)">string</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">    tags</span><span class="token operator" style="color:hsl(221, 87%, 60%)">:</span><span class="token plain"> </span><span class="token builtin" style="color:hsl(119, 34%, 47%)">string</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain">  </span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain"></span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">}</span><br></span></code></pre><div class="buttonGroup_VWIG"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_p0uL" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_LnVn"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_yLdc"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div>
-<p>Arguably, it’s a bit lengthy and repetitive, but that’s the price we pay for human-readable errors. This could also be a Zod schema, for example, but then we would have to render error messages on the frontend, and this form is not worth the complication.</p>
-<p>One last step — connect the page, the loader, and the action to the routes. Since we neatly support both creation and editing, we can export the same thing from both <code>editor._index.tsx</code> and <code>editor.$slug.tsx</code>:</p>
+<p>물론 이는 다소 길고 반복적이지만, 사람이 읽을 수 있는 오류 메시지를 위해 우리가 지불해야 하는 대가입니다. 이것은 Zod 스키마일 수도 있지만, 그렇게 하면 프론트엔드에서 오류 메시지를 렌더링해야 하고, 이 폼은 그런 복잡성을 감당할 만한 가치가 없습니다.</p>
+<p>마지막 단계로 - 페이지, 로더, 그리고 액션을 라우트에 연결합니다. 우리는 생성과 편집을 모두 깔끔하게 지원하므로 <code>editor._index.tsx</code>와 <code>editor.$slug.tsx</code> 모두에서 동일한 것을 내보낼 수 있습니다.</p>
 <div class="language-tsx codeBlockContainer_IiXL theme-code-block" style="--prism-background-color:hsl(230, 1%, 98%);--prism-color:hsl(230, 8%, 24%)"><div class="codeBlockTitle_ajkA">pages/article-edit/index.ts</div><div class="codeBlockContent_Y78k"><pre tabindex="0" class="prism-code language-tsx codeBlock_gc_u thin-scrollbar" style="background-color:hsl(230, 1%, 98%);color:hsl(230, 8%, 24%)"><code class="codeBlockLines_PG8G"><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token keyword" style="color:hsl(301, 63%, 40%)">export</span><span class="token plain"> </span><span class="token exports punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token exports"> </span><span class="token exports maybe-class-name">ArticleEditPage</span><span class="token exports"> </span><span class="token exports punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token plain"> </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">from</span><span class="token plain"> </span><span class="token string" style="color:hsl(119, 34%, 47%)">&quot;./ui/ArticleEditPage&quot;</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain"></span><span class="token keyword" style="color:hsl(301, 63%, 40%)">export</span><span class="token plain"> </span><span class="token exports punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token exports"> loader </span><span class="token exports punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token plain"> </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">from</span><span class="token plain"> </span><span class="token string" style="color:hsl(119, 34%, 47%)">&quot;./api/loader&quot;</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain"></span><span class="token keyword" style="color:hsl(301, 63%, 40%)">export</span><span class="token plain"> </span><span class="token exports punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token exports"> action </span><span class="token exports punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token plain"> </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">from</span><span class="token plain"> </span><span class="token string" style="color:hsl(119, 34%, 47%)">&quot;./api/action&quot;</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><br></span></code></pre><div class="buttonGroup_VWIG"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_p0uL" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_LnVn"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_yLdc"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div>
 <div class="language-tsx codeBlockContainer_IiXL theme-code-block" style="--prism-background-color:hsl(230, 1%, 98%);--prism-color:hsl(230, 8%, 24%)"><div class="codeBlockTitle_ajkA">app/routes/editor._index.tsx, app/routes/editor.$slug.tsx (same content)</div><div class="codeBlockContent_Y78k"><pre tabindex="0" class="prism-code language-tsx codeBlock_gc_u thin-scrollbar" style="background-color:hsl(230, 1%, 98%);color:hsl(230, 8%, 24%)"><code class="codeBlockLines_PG8G"><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token keyword" style="color:hsl(301, 63%, 40%)">import</span><span class="token plain"> </span><span class="token imports punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token imports"> </span><span class="token imports maybe-class-name">ArticleEditPage</span><span class="token imports"> </span><span class="token imports punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token plain"> </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">from</span><span class="token plain"> </span><span class="token string" style="color:hsl(119, 34%, 47%)">&quot;pages/article-edit&quot;</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain" style="display:inline-block"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain"></span><span class="token keyword" style="color:hsl(301, 63%, 40%)">export</span><span class="token plain"> </span><span class="token exports punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token exports"> loader</span><span class="token exports punctuation" style="color:hsl(119, 34%, 47%)">,</span><span class="token exports"> action </span><span class="token exports punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token plain"> </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">from</span><span class="token plain"> </span><span class="token string" style="color:hsl(119, 34%, 47%)">&quot;pages/article-edit&quot;</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain" style="display:inline-block"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain"></span><span class="token keyword" style="color:hsl(301, 63%, 40%)">export</span><span class="token plain"> </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">default</span><span class="token plain"> </span><span class="token maybe-class-name">ArticleEditPage</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><br></span></code></pre><div class="buttonGroup_VWIG"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_p0uL" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_LnVn"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_yLdc"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div>
-<p>We’re done now! Log in and try creating a new article. Or “forget” to write the article and see the validation kick in.</p>
-<figure><p><img decoding="async" loading="lazy" alt="The Conduit article editor, with the title field saying “New article” and the rest of the fields empty. Above the form there are two errors: “Describe what this article is about” and “Write the article itself”." src="/kr/assets/images/realworld-article-editor-bc3ee45c96ae905fdbb54d6463d12723.jpg" width="2880" height="1488" class="img_Vtmu"></p><figcaption>The Conduit article editor, with the title field saying “New article” and the rest of the fields empty. Above the form there are two errors: <strong>“Describe what this article is about”</strong> and <strong>“Write the article itself”</strong>.</figcaption></figure>
-<p>The profile and settings pages are very similar to the article reader and editor, they are left as an exercise for the reader, that’s you :)</p></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/get-started/tutorial.md" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Last updated<!-- --> on <b><time datetime="2024-09-29T11:02:46.000Z" itemprop="dateModified">Sep 29, 2024</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/kr/docs/get-started/overview"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">둘러보기</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/kr/docs/get-started/faq"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">FAQ</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#part-1-on-paper" class="table-of-contents__link toc-highlight">Part 1. On paper</a><ul><li><a href="#start-by-listing-the-pages" class="table-of-contents__link toc-highlight">Start by listing the pages</a></li><li><a href="#close-look-at-the-feed" class="table-of-contents__link toc-highlight">Close look at the feed</a></li><li><a href="#reuse-generic-code" class="table-of-contents__link toc-highlight">Reuse generic code</a></li><li><a href="#define-a-strict-public-api" class="table-of-contents__link toc-highlight">Define a strict public API</a></li><li><a href="#large-reused-blocks-in-the-ui" class="table-of-contents__link toc-highlight">Large reused blocks in the UI</a></li><li><a href="#close-look-at-a-page-with-a-form" class="table-of-contents__link toc-highlight">Close look at a page with a form</a></li><li><a href="#summary" class="table-of-contents__link toc-highlight">Summary</a></li></ul></li><li><a href="#part-2-in-code" class="table-of-contents__link toc-highlight">Part 2. In code</a><ul><li><a href="#lay-out-the-pages" class="table-of-contents__link toc-highlight">Lay out the pages</a></li><li><a href="#connect-the-feed-page" class="table-of-contents__link toc-highlight">Connect the feed page</a></li><li><a href="#api-client" class="table-of-contents__link toc-highlight">API client</a></li><li><a href="#real-data-in-the-feed" class="table-of-contents__link toc-highlight">Real data in the feed</a></li><li><a href="#filtering-by-tag" class="table-of-contents__link toc-highlight">Filtering by tag</a></li><li><a href="#pagination" class="table-of-contents__link toc-highlight">Pagination</a></li><li><a href="#authentication" class="table-of-contents__link toc-highlight">Authentication</a></li><li><a href="#header" class="table-of-contents__link toc-highlight">Header</a></li><li><a href="#tabs" class="table-of-contents__link toc-highlight">Tabs</a></li><li><a href="#article-reader" class="table-of-contents__link toc-highlight">Article reader</a></li><li><a href="#article-editor" class="table-of-contents__link toc-highlight">Article editor</a></li></ul></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Specs</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/kr/docs">Documentation</a></li><li class="footer__item"><a class="footer__link-item" href="/kr/community">Community</a></li><li class="footer__item"><a class="footer__link-item" href="/kr/nav">Help</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">License<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/kr/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/kr/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2024  Feature-Sliced Design</div></div></div></footer></div>
+<p>이제 완료되었습니다! 로그인하고 새 글을 작성해보세요. 또는 글을 &quot;잊어버리고&quot; 검증이 작동하는 것을 확인해보세요.</p>
+<figure><p><img decoding="async" loading="lazy" alt="The Conduit article editor, with the title field saying “New article” and the rest of the fields empty. Above the form there are two errors: “Describe what this article is about” and “Write the article itself”." src="/kr/assets/images/realworld-article-editor-bc3ee45c96ae905fdbb54d6463d12723.jpg" width="2880" height="1488" class="img_Vtmu"></p><figcaption>제목 필드에 &quot;새 글&quot;이라고 쓰여 있고 나머지 필드는 비어 있는 Conduit 글 편집기. 폼 위에 두 개의 오류가 있습니다. <strong>&quot;이 글이 무엇에 관한 것인지 설명해주세요&quot;</strong>, <strong>&quot;글 본문을 작성해주세요&quot;</strong>.</figcaption></figure>
+<p>프로필과 설정 페이지는 글 읽기와 편집기 페이지와 매우 유사하므로, 독자인 여러분의 연습 과제로 남겨두겠습니다 :)</p></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/kr/docusaurus-plugin-content-docs/current/get-started/tutorial.md" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Last updated<!-- --> on <b><time datetime="2024-10-07T18:23:06.000Z" itemprop="dateModified">Oct 7, 2024</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/kr/docs/get-started/overview"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">둘러보기</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/kr/docs/get-started/faq"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">FAQ</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#part-1-설계" class="table-of-contents__link toc-highlight">Part 1. 설계</a><ul><li><a href="#먼저-페이지를-나열해-봅시다" class="table-of-contents__link toc-highlight">먼저 페이지를 나열해 봅시다.</a></li><li><a href="#피드-자세히-보기" class="table-of-contents__link toc-highlight">피드 자세히 보기</a></li><li><a href="#일반적인-코드-재사용" class="table-of-contents__link toc-highlight">일반적인 코드 재사용</a></li><li><a href="#엄격한-공개-api-정의" class="table-of-contents__link toc-highlight">엄격한 공개 API 정의</a></li><li><a href="#ui의-큰-재사용-블록" class="table-of-contents__link toc-highlight">UI의 큰 재사용 블록</a></li><li><a href="#폼이-있는-페이지-자세히-보기" class="table-of-contents__link toc-highlight">폼이 있는 페이지 자세히 보기</a></li><li><a href="#요약" class="table-of-contents__link toc-highlight">요약</a></li></ul></li><li><a href="#part-2-코드-작성" class="table-of-contents__link toc-highlight">Part 2. 코드 작성</a><ul><li><a href="#페이지-레이아웃" class="table-of-contents__link toc-highlight">페이지 레이아웃</a></li><li><a href="#피드-페이지-연결" class="table-of-contents__link toc-highlight">피드 페이지 연결</a></li><li><a href="#api-클라이언트" class="table-of-contents__link toc-highlight">API 클라이언트</a></li><li><a href="#피드의-실제-데이터" class="table-of-contents__link toc-highlight">피드의 실제 데이터</a></li><li><a href="#태그로-필터링" class="table-of-contents__link toc-highlight">태그로 필터링</a></li><li><a href="#페이지네이션" class="table-of-contents__link toc-highlight">페이지네이션</a></li><li><a href="#인증" class="table-of-contents__link toc-highlight">인증</a></li><li><a href="#헤더" class="table-of-contents__link toc-highlight">헤더</a></li><li><a href="#탭" class="table-of-contents__link toc-highlight">탭</a></li><li><a href="#글-읽기-페이지" class="table-of-contents__link toc-highlight">글 읽기 페이지</a></li><li><a href="#글-작성-페이지" class="table-of-contents__link toc-highlight">글 작성 페이지</a></li></ul></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Specs</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/kr/docs">Documentation</a></li><li class="footer__item"><a class="footer__link-item" href="/kr/community">Community</a></li><li class="footer__item"><a class="footer__link-item" href="/kr/nav">Help</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">License<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/kr/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/kr/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2024  Feature-Sliced Design</div></div></div></footer></div>
 </body>
 </html>
\ No newline at end of file
diff --git a/kr/docs/guides.html b/kr/docs/guides.html
index 439d7e4b2f..be079643dd 100644
--- a/kr/docs/guides.html
+++ b/kr/docs/guides.html
@@ -9,8 +9,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/kr/opensearch.xml"><link rel="stylesheet" href="/kr/assets/css/styles.554655a0.css">
-<script src="/kr/assets/js/runtime~main.747d66f0.js" defer="defer"></script>
-<script src="/kr/assets/js/main.6d627ed0.js" defer="defer"></script>
+<script src="/kr/assets/js/runtime~main.c4f81ee2.js" defer="defer"></script>
+<script src="/kr/assets/js/main.ea09754c.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/kr/"><div class="navbar__logo"><img src="/kr/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/kr/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/kr/docs">📖 Docs</a><a class="navbar__item navbar__link" href="/kr/community">💫 Community</a><a class="navbar__item navbar__link" href="/kr/blog">📝 Blog</a><a class="navbar__item navbar__link" href="/kr/examples">🛠 Examples</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/kr/docs/guides">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a aria-current="page" class="dropdown__link dropdown__link--active" href="/kr/docs/guides">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/kr/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>한국어</a><ul class="dropdown__menu"><li><a href="/ru/docs/guides" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ru">Русский</a></li><li><a href="/docs/guides" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/uz/docs/guides" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/docs/guides" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="kr">한국어</a></li><li><a href="/ja/docs/guides" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><div class="docsWrapper_rDLg"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_JQoL" type="button"></button><div class="docRoot_GkJk"><aside class="theme-doc-sidebar-container docSidebarContainer_xiHB"><div class="sidebarViewport_DaHB"><div class="sidebar_Kb82"><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_AkOp"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible menu__list-item-collapsible--active"><a class="menu__link menu__link--active" aria-current="page" href="/kr/docs/guides">🎯  Guides</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" tabindex="0" href="/kr/docs/guides/examples">Examples</a><button aria-label="Expand sidebar category &#x27;Examples&#x27;" aria-expanded="false" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/kr/docs/guides/migration/from-custom">Migration</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/kr/docs/guides/tech/with-nextjs">Tech</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/kr/docs/guides/issues/desegmented">Code smells &amp; Issues</a></div></li></ul></li></ul></nav><button type="button" title="Collapse sidebar" aria-label="Collapse sidebar" class="button button--secondary button--outline collapseSidebarButton_L8vW"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_hYfn"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_uESP"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col"><div class="docItemContainer_b1tn"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_ioLt" aria-label="Breadcrumbs"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Home page" class="breadcrumbs__link" href="/kr/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_ZfEo"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">🎯  Guides</span><meta itemprop="position" content="1"></li></ul></nav><div class="theme-doc-markdown markdown"><header><h1>🎯 Guides</h1></header>
@@ -21,6 +21,6 @@ <h2 class="anchor anchorWithStickyNavbar_QzlE" id="main">Main<a href="#main" cla
 <a class="root_GfON defaultTheme_j3I8" href="/kr/docs/guides/examples"><span role="img" aria-label="tool" class="anticon anticon-tool icon_ciqP"><svg viewBox="64 64 896 896" focusable="false" data-icon="tool" width="1em" height="1em" fill="currentColor" aria-hidden="true"><path d="M876.6 239.5c-.5-.9-1.2-1.8-2-2.5-5-5-13.1-5-18.1 0L684.2 409.3l-67.9-67.9L788.7 169c.8-.8 1.4-1.6 2-2.5 3.6-6.1 1.6-13.9-4.5-17.5-98.2-58-226.8-44.7-311.3 39.7-67 67-89.2 162-66.5 247.4l-293 293c-3 3-2.8 7.9.3 11l169.7 169.7c3.1 3.1 8.1 3.3 11 .3l292.9-292.9c85.5 22.8 180.5.7 247.6-66.4 84.4-84.5 97.7-213.1 39.7-311.3zM786 499.8c-58.1 58.1-145.3 69.3-214.6 33.6l-8.8 8.8-.1-.1-274 274.1-79.2-79.2 230.1-230.1s0 .1.1.1l52.8-52.8c-35.7-69.3-24.5-156.5 33.6-214.6a184.2 184.2 0 01144-53.5L537 318.9a32.05 32.05 0 000 45.3l124.5 124.5a32.05 32.05 0 0045.3 0l132.8-132.8c3.7 51.8-14.4 104.8-53.6 143.9z"></path></svg></span><div class="details_xxkR"><div><span class="title_pSH5">Examples</span><p class="description__Fep">Practical examples on the application of the methodology</p></div><div class="detailsTags_uTQx">Authentication • Types • Page layout</div></div></a>
 <a class="root_GfON defaultTheme_j3I8" href="/kr/docs/guides/migration/from-v1"><span role="img" aria-label="import" class="anticon anticon-import icon_ciqP"><svg fill-rule="evenodd" viewBox="64 64 896 896" focusable="false" data-icon="import" width="1em" height="1em" fill="currentColor" aria-hidden="true"><path d="M880 912H144c-17.7 0-32-14.3-32-32V144c0-17.7 14.3-32 32-32h360c4.4 0 8 3.6 8 8v56c0 4.4-3.6 8-8 8H184v656h656V520c0-4.4 3.6-8 8-8h56c4.4 0 8 3.6 8 8v360c0 17.7-14.3 32-32 32zM653.3 424.6l52.2 52.2a8.01 8.01 0 01-4.7 13.6l-179.4 21c-5.1.6-9.5-3.7-8.9-8.9l21-179.4c.8-6.6 8.9-9.4 13.6-4.7l52.4 52.4 256.2-256.2c3.1-3.1 8.2-3.1 11.3 0l42.4 42.4c3.1 3.1 3.1 8.2 0 11.3L653.3 424.6z"></path></svg></span><div class="details_xxkR"><div><span class="title_pSH5">Migration</span><p class="description__Fep">Migration guides from other architectures</p></div><div class="detailsTags_uTQx">From custom architecture • From FSv1</div></div></a>
 <a class="root_GfON defaultTheme_j3I8" href="/kr/docs/guides/tech/with-nextjs"><span role="img" aria-label="function" class="anticon anticon-function icon_ciqP"><svg viewBox="64 64 896 896" focusable="false" data-icon="function" width="1em" height="1em" fill="currentColor" aria-hidden="true"><defs><style></style></defs><path d="M841 370c3-3.3 2.7-8.3-.6-11.3a8.24 8.24 0 00-5.3-2.1h-72.6c-2.4 0-4.6 1-6.1 2.8L633.5 504.6a7.96 7.96 0 01-13.4-1.9l-63.5-141.3a7.9 7.9 0 00-7.3-4.7H380.7l.9-4.7 8-42.3c10.5-55.4 38-81.4 85.8-81.4 18.6 0 35.5 1.7 48.8 4.7l14.1-66.8c-22.6-4.7-35.2-6.1-54.9-6.1-103.3 0-156.4 44.3-175.9 147.3l-9.4 49.4h-97.6c-3.8 0-7.1 2.7-7.8 6.4L181.9 415a8.07 8.07 0 007.8 9.7H284l-89 429.9a8.07 8.07 0 007.8 9.7H269c3.8 0 7.1-2.7 7.8-6.4l89.7-433.1h135.8l68.2 139.1c1.4 2.9 1 6.4-1.2 8.8l-180.6 203c-2.9 3.3-2.6 8.4.7 11.3 1.5 1.3 3.4 2 5.3 2h72.7c2.4 0 4.6-1 6.1-2.8l123.7-146.7c2.8-3.4 7.9-3.8 11.3-1 .9.8 1.6 1.7 2.1 2.8L676.4 784c1.3 2.8 4.1 4.7 7.3 4.7h64.6a8.02 8.02 0 007.2-11.5l-95.2-198.9c-1.4-2.9-.9-6.4 1.3-8.8L841 370z"></path></svg></span><div class="details_xxkR"><div><span class="title_pSH5">Tech</span><p class="description__Fep">Tech-specific guides for FSD usage</p></div></div></a>
-<a class="root_GfON defaultTheme_j3I8" href="/kr/docs/guides/issues/desegmented"><span role="img" aria-label="bug" class="anticon anticon-bug icon_ciqP"><svg viewBox="64 64 896 896" focusable="false" data-icon="bug" width="1em" height="1em" fill="currentColor" aria-hidden="true"><path d="M304 280h56c4.4 0 8-3.6 8-8 0-28.3 5.9-53.2 17.1-73.5 10.6-19.4 26-34.8 45.4-45.4C450.9 142 475.7 136 504 136h16c28.3 0 53.2 5.9 73.5 17.1 19.4 10.6 34.8 26 45.4 45.4C650 218.9 656 243.7 656 272c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8 0-40-8.8-76.7-25.9-108.1a184.31 184.31 0 00-74-74C596.7 72.8 560 64 520 64h-16c-40 0-76.7 8.8-108.1 25.9a184.31 184.31 0 00-74 74C304.8 195.3 296 232 296 272c0 4.4 3.6 8 8 8z"></path><path d="M940 512H792V412c76.8 0 139-62.2 139-139 0-4.4-3.6-8-8-8h-60c-4.4 0-8 3.6-8 8a63 63 0 01-63 63H232a63 63 0 01-63-63c0-4.4-3.6-8-8-8h-60c-4.4 0-8 3.6-8 8 0 76.8 62.2 139 139 139v100H84c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h148v96c0 6.5.2 13 .7 19.3C164.1 728.6 116 796.7 116 876c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8 0-44.2 23.9-82.9 59.6-103.7a273 273 0 0022.7 49c24.3 41.5 59 76.2 100.5 100.5S460.5 960 512 960s99.8-13.9 141.3-38.2a281.38 281.38 0 00123.2-149.5A120 120 0 01836 876c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8 0-79.3-48.1-147.4-116.7-176.7.4-6.4.7-12.8.7-19.3v-96h148c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8zM716 680c0 36.8-9.7 72-27.8 102.9-17.7 30.3-43 55.6-73.3 73.3C584 874.3 548.8 884 512 884s-72-9.7-102.9-27.8c-30.3-17.7-55.6-43-73.3-73.3A202.75 202.75 0 01308 680V412h408v268z"></path></svg></span><div class="details_xxkR"><div><span class="title_pSH5">Code Issues (Smells)</span><p class="description__Fep">General architecture issues for legacy code</p></div><div class="detailsTags_uTQx">Desegmented • Routing • Cross-imports</div></div></a></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/guides/index.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Last updated<!-- --> on <b><time datetime="2024-09-29T11:02:46.000Z" itemprop="dateModified">Sep 29, 2024</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/kr/docs/get-started"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">🚀 Get Started</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/kr/docs/guides/examples"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">Examples</div></a></nav></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Specs</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/kr/docs">Documentation</a></li><li class="footer__item"><a class="footer__link-item" href="/kr/community">Community</a></li><li class="footer__item"><a class="footer__link-item" href="/kr/nav">Help</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">License<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/kr/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/kr/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2024  Feature-Sliced Design</div></div></div></footer></div>
+<a class="root_GfON defaultTheme_j3I8" href="/kr/docs/guides/issues/desegmented"><span role="img" aria-label="bug" class="anticon anticon-bug icon_ciqP"><svg viewBox="64 64 896 896" focusable="false" data-icon="bug" width="1em" height="1em" fill="currentColor" aria-hidden="true"><path d="M304 280h56c4.4 0 8-3.6 8-8 0-28.3 5.9-53.2 17.1-73.5 10.6-19.4 26-34.8 45.4-45.4C450.9 142 475.7 136 504 136h16c28.3 0 53.2 5.9 73.5 17.1 19.4 10.6 34.8 26 45.4 45.4C650 218.9 656 243.7 656 272c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8 0-40-8.8-76.7-25.9-108.1a184.31 184.31 0 00-74-74C596.7 72.8 560 64 520 64h-16c-40 0-76.7 8.8-108.1 25.9a184.31 184.31 0 00-74 74C304.8 195.3 296 232 296 272c0 4.4 3.6 8 8 8z"></path><path d="M940 512H792V412c76.8 0 139-62.2 139-139 0-4.4-3.6-8-8-8h-60c-4.4 0-8 3.6-8 8a63 63 0 01-63 63H232a63 63 0 01-63-63c0-4.4-3.6-8-8-8h-60c-4.4 0-8 3.6-8 8 0 76.8 62.2 139 139 139v100H84c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h148v96c0 6.5.2 13 .7 19.3C164.1 728.6 116 796.7 116 876c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8 0-44.2 23.9-82.9 59.6-103.7a273 273 0 0022.7 49c24.3 41.5 59 76.2 100.5 100.5S460.5 960 512 960s99.8-13.9 141.3-38.2a281.38 281.38 0 00123.2-149.5A120 120 0 01836 876c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8 0-79.3-48.1-147.4-116.7-176.7.4-6.4.7-12.8.7-19.3v-96h148c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8zM716 680c0 36.8-9.7 72-27.8 102.9-17.7 30.3-43 55.6-73.3 73.3C584 874.3 548.8 884 512 884s-72-9.7-102.9-27.8c-30.3-17.7-55.6-43-73.3-73.3A202.75 202.75 0 01308 680V412h408v268z"></path></svg></span><div class="details_xxkR"><div><span class="title_pSH5">Code Issues (Smells)</span><p class="description__Fep">General architecture issues for legacy code</p></div><div class="detailsTags_uTQx">Desegmented • Routing • Cross-imports</div></div></a></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/guides/index.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Last updated<!-- --> on <b><time datetime="2024-10-07T18:23:06.000Z" itemprop="dateModified">Oct 7, 2024</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/kr/docs/get-started"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">🚀 Get Started</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/kr/docs/guides/examples"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">Examples</div></a></nav></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Specs</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/kr/docs">Documentation</a></li><li class="footer__item"><a class="footer__link-item" href="/kr/community">Community</a></li><li class="footer__item"><a class="footer__link-item" href="/kr/nav">Help</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">License<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/kr/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/kr/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2024  Feature-Sliced Design</div></div></div></footer></div>
 </body>
 </html>
\ No newline at end of file
diff --git a/kr/docs/guides/examples.html b/kr/docs/guides/examples.html
index ccd4d3db33..b92d6e8b36 100644
--- a/kr/docs/guides/examples.html
+++ b/kr/docs/guides/examples.html
@@ -9,8 +9,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/kr/opensearch.xml"><link rel="stylesheet" href="/kr/assets/css/styles.554655a0.css">
-<script src="/kr/assets/js/runtime~main.747d66f0.js" defer="defer"></script>
-<script src="/kr/assets/js/main.6d627ed0.js" defer="defer"></script>
+<script src="/kr/assets/js/runtime~main.c4f81ee2.js" defer="defer"></script>
+<script src="/kr/assets/js/main.ea09754c.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/kr/"><div class="navbar__logo"><img src="/kr/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/kr/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/kr/docs">📖 Docs</a><a class="navbar__item navbar__link" href="/kr/community">💫 Community</a><a class="navbar__item navbar__link" href="/kr/blog">📝 Blog</a><a class="navbar__item navbar__link" href="/kr/examples">🛠 Examples</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/kr/docs/guides/examples">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a aria-current="page" class="dropdown__link dropdown__link--active" href="/kr/docs/guides/examples">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/kr/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>한국어</a><ul class="dropdown__menu"><li><a href="/ru/docs/guides/examples" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ru">Русский</a></li><li><a href="/docs/guides/examples" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/uz/docs/guides/examples" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/docs/guides/examples" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="kr">한국어</a></li><li><a href="/ja/docs/guides/examples" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><div class="docsWrapper_rDLg"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_JQoL" type="button"></button><div class="docRoot_GkJk"><aside class="theme-doc-sidebar-container docSidebarContainer_xiHB"><div class="sidebarViewport_DaHB"><div class="sidebar_Kb82"><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_AkOp"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--active" href="/kr/docs/guides">🎯  Guides</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item"><div class="menu__list-item-collapsible menu__list-item-collapsible--active"><a class="menu__link menu__link--sublist menu__link--active" aria-current="page" tabindex="0" href="/kr/docs/guides/examples">Examples</a><button aria-label="Collapse sidebar category &#x27;Examples&#x27;" aria-expanded="true" type="button" class="clean-btn menu__caret"></button></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/kr/docs/guides/examples/auth">Authentication</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/kr/docs/guides/examples/types">Types</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/kr/docs/guides/examples/page-layout">Page layouts</a></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/kr/docs/guides/migration/from-custom">Migration</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/kr/docs/guides/tech/with-nextjs">Tech</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/kr/docs/guides/issues/desegmented">Code smells &amp; Issues</a></div></li></ul></li></ul></nav><button type="button" title="Collapse sidebar" aria-label="Collapse sidebar" class="button button--secondary button--outline collapseSidebarButton_L8vW"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_hYfn"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_uESP"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col"><div class="docItemContainer_b1tn"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_ioLt" aria-label="Breadcrumbs"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Home page" class="breadcrumbs__link" href="/kr/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_ZfEo"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/kr/docs/guides"><span itemprop="name">🎯  Guides</span></a><meta itemprop="position" content="1"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">Examples</span><meta itemprop="position" content="2"></li></ul></nav><div class="theme-doc-markdown markdown"><header><h1>Examples</h1></header>
@@ -19,6 +19,6 @@ <h2 class="anchor anchorWithStickyNavbar_QzlE" id="main">Main<a href="#main" cla
 <!-- -->
 <a class="root_GfON defaultTheme_j3I8" href="/kr/docs/guides/examples/auth"><span role="img" aria-label="user-switch" class="anticon anticon-user-switch icon_ciqP"><svg viewBox="64 64 896 896" focusable="false" data-icon="user-switch" width="1em" height="1em" fill="currentColor" aria-hidden="true"><defs><style></style></defs><path d="M759 335c0-137-111-248-248-248S263 198 263 335c0 82.8 40.6 156.2 103 201.2-.4.2-.7.3-.9.4-44.7 18.9-84.8 46-119.3 80.6a373.42 373.42 0 00-80.4 119.5A373.6 373.6 0 00136 874.8a8 8 0 008 8.2h59.9c4.3 0 7.9-3.5 8-7.8 2-77.2 32.9-149.5 87.6-204.3C356 614.2 431 583 511 583c137 0 248-111 248-248zM511 507c-95 0-172-77-172-172s77-172 172-172 172 77 172 172-77 172-172 172zm105 221h264c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8H703.5l47.2-60.1a8.1 8.1 0 001.7-4.9c0-4.4-3.6-8-8-8h-72.6c-4.9 0-9.5 2.3-12.6 6.1l-68.5 87.1c-4.4 5.6-6.8 12.6-6.8 19.8.1 17.7 14.4 32 32.1 32zm240 64H592c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h176.5l-47.2 60.1a8.1 8.1 0 00-1.7 4.9c0 4.4 3.6 8 8 8h72.6c4.9 0 9.5-2.3 12.6-6.1l68.5-87.1c4.4-5.6 6.8-12.6 6.8-19.8-.1-17.7-14.4-32-32.1-32z"></path></svg></span><div class="details_xxkR"><div><span class="title_pSH5">Authentication</span><p class="description__Fep">Decomposition of authentication logic</p></div><div class="detailsTags_uTQx">Forms • 2FA • OAuth • Token storage • Token refresh</div></div></a>
 <a class="root_GfON defaultTheme_j3I8" href="/kr/docs/guides/examples/types"><span role="img" aria-label="font-size" class="anticon anticon-font-size icon_ciqP"><svg viewBox="64 64 896 896" focusable="false" data-icon="font-size" width="1em" height="1em" fill="currentColor" aria-hidden="true"><path d="M920 416H616c-4.4 0-8 3.6-8 8v112c0 4.4 3.6 8 8 8h48c4.4 0 8-3.6 8-8v-56h60v320h-46c-4.4 0-8 3.6-8 8v48c0 4.4 3.6 8 8 8h164c4.4 0 8-3.6 8-8v-48c0-4.4-3.6-8-8-8h-46V480h60v56c0 4.4 3.6 8 8 8h48c4.4 0 8-3.6 8-8V424c0-4.4-3.6-8-8-8zM656 296V168c0-4.4-3.6-8-8-8H104c-4.4 0-8 3.6-8 8v128c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-64h168v560h-92c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h264c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8h-92V232h168v64c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8z"></path></svg></span><div class="details_xxkR"><div><span class="title_pSH5">Types</span><p class="description__Fep">Where to keep the types? What kinds of types are there in the context of FSD?</p></div><div class="detailsTags_uTQx">DTO • Mappers • Entity relationships • Auto-generation • Validation schemas</div></div></a>
-<a class="root_GfON defaultTheme_j3I8" href="/kr/docs/guides/examples/page-layout"><span role="img" aria-label="layout" class="anticon anticon-layout icon_ciqP"><svg viewBox="64 64 896 896" focusable="false" data-icon="layout" width="1em" height="1em" fill="currentColor" aria-hidden="true"><path d="M880 112H144c-17.7 0-32 14.3-32 32v736c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V144c0-17.7-14.3-32-32-32zm-696 72h136v656H184V184zm656 656H384V384h456v456zM384 320V184h456v136H384z"></path></svg></span><div class="details_xxkR"><div><span class="title_pSH5">Page layouts</span><p class="description__Fep">Main cases with layouts</p></div><div class="detailsTags_uTQx">Where to store them • Using widgets in layouts</div></div></a></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/index.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Last updated<!-- --> on <b><time datetime="2024-09-29T11:02:46.000Z" itemprop="dateModified">Sep 29, 2024</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/kr/docs/guides"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">🎯 Guides</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/kr/docs/guides/examples/auth"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">Authentication</div></a></nav></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Specs</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/kr/docs">Documentation</a></li><li class="footer__item"><a class="footer__link-item" href="/kr/community">Community</a></li><li class="footer__item"><a class="footer__link-item" href="/kr/nav">Help</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">License<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/kr/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/kr/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2024  Feature-Sliced Design</div></div></div></footer></div>
+<a class="root_GfON defaultTheme_j3I8" href="/kr/docs/guides/examples/page-layout"><span role="img" aria-label="layout" class="anticon anticon-layout icon_ciqP"><svg viewBox="64 64 896 896" focusable="false" data-icon="layout" width="1em" height="1em" fill="currentColor" aria-hidden="true"><path d="M880 112H144c-17.7 0-32 14.3-32 32v736c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V144c0-17.7-14.3-32-32-32zm-696 72h136v656H184V184zm656 656H384V384h456v456zM384 320V184h456v136H384z"></path></svg></span><div class="details_xxkR"><div><span class="title_pSH5">Page layouts</span><p class="description__Fep">Main cases with layouts</p></div><div class="detailsTags_uTQx">Where to store them • Using widgets in layouts</div></div></a></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/index.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Last updated<!-- --> on <b><time datetime="2024-10-07T18:23:06.000Z" itemprop="dateModified">Oct 7, 2024</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/kr/docs/guides"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">🎯 Guides</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/kr/docs/guides/examples/auth"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">Authentication</div></a></nav></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Specs</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/kr/docs">Documentation</a></li><li class="footer__item"><a class="footer__link-item" href="/kr/community">Community</a></li><li class="footer__item"><a class="footer__link-item" href="/kr/nav">Help</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">License<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/kr/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/kr/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2024  Feature-Sliced Design</div></div></div></footer></div>
 </body>
 </html>
\ No newline at end of file
diff --git a/kr/docs/guides/examples/auth.html b/kr/docs/guides/examples/auth.html
index 946fe9c3f5..7749f0c51f 100644
--- a/kr/docs/guides/examples/auth.html
+++ b/kr/docs/guides/examples/auth.html
@@ -9,8 +9,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/kr/opensearch.xml"><link rel="stylesheet" href="/kr/assets/css/styles.554655a0.css">
-<script src="/kr/assets/js/runtime~main.747d66f0.js" defer="defer"></script>
-<script src="/kr/assets/js/main.6d627ed0.js" defer="defer"></script>
+<script src="/kr/assets/js/runtime~main.c4f81ee2.js" defer="defer"></script>
+<script src="/kr/assets/js/main.ea09754c.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/kr/"><div class="navbar__logo"><img src="/kr/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/kr/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/kr/docs">📖 Docs</a><a class="navbar__item navbar__link" href="/kr/community">💫 Community</a><a class="navbar__item navbar__link" href="/kr/blog">📝 Blog</a><a class="navbar__item navbar__link" href="/kr/examples">🛠 Examples</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/kr/docs/guides/examples/auth">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a aria-current="page" class="dropdown__link dropdown__link--active" href="/kr/docs/guides/examples/auth">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/kr/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>한국어</a><ul class="dropdown__menu"><li><a href="/ru/docs/guides/examples/auth" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ru">Русский</a></li><li><a href="/docs/guides/examples/auth" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/uz/docs/guides/examples/auth" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/docs/guides/examples/auth" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="kr">한국어</a></li><li><a href="/ja/docs/guides/examples/auth" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><div class="docsWrapper_rDLg"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_JQoL" type="button"></button><div class="docRoot_GkJk"><aside class="theme-doc-sidebar-container docSidebarContainer_xiHB"><div class="sidebarViewport_DaHB"><div class="sidebar_Kb82"><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_AkOp"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--active" href="/kr/docs/guides">🎯  Guides</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--active" tabindex="0" href="/kr/docs/guides/examples">Examples</a><button aria-label="Collapse sidebar category &#x27;Examples&#x27;" aria-expanded="true" type="button" class="clean-btn menu__caret"></button></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/kr/docs/guides/examples/auth">Authentication</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/kr/docs/guides/examples/types">Types</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/kr/docs/guides/examples/page-layout">Page layouts</a></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/kr/docs/guides/migration/from-custom">Migration</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/kr/docs/guides/tech/with-nextjs">Tech</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/kr/docs/guides/issues/desegmented">Code smells &amp; Issues</a></div></li></ul></li></ul></nav><button type="button" title="Collapse sidebar" aria-label="Collapse sidebar" class="button button--secondary button--outline collapseSidebarButton_L8vW"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_hYfn"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_uESP"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_w6lk"><div class="docItemContainer_b1tn"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_ioLt" aria-label="Breadcrumbs"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Home page" class="breadcrumbs__link" href="/kr/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_ZfEo"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/kr/docs/guides"><span itemprop="name">🎯  Guides</span></a><meta itemprop="position" content="1"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/kr/docs/guides/examples"><span itemprop="name">Examples</span></a><meta itemprop="position" content="2"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">Authentication</span><meta itemprop="position" content="3"></li></ul></nav><div class="tocCollapsible_EkMH theme-doc-toc-mobile tocMobile_XRnS"><button type="button" class="clean-btn tocCollapsibleButton_ID8T">On this page</button></div><div class="theme-doc-markdown markdown"><header><h1>Authentication</h1></header>
@@ -164,6 +164,6 @@ <h2 class="anchor anchorWithStickyNavbar_QzlE" id="logout-and-token-invalidation
 <p>If you store all your requests in <code>shared/api</code>, keep the logout request function there, close to the login function. Otherwise, consider keeping the logout request function next to the button that triggers it. For example, if you have a header widget that appears on every page and contains the logout link, put that request in the <code>api</code> segment of that widget.</p>
 <p>The update to the token store will have to be triggered from the place of the logout button, like a header widget. You can combine the request and the store update in the <code>model</code> segment of that widget.</p>
 <h3 class="anchor anchorWithStickyNavbar_QzlE" id="automatic-logout">Automatic logout<a href="#automatic-logout" class="hash-link" aria-label="Direct link to heading" title="Direct link to heading">​</a></h3>
-<p>Don&#x27;t forget to build failsafes for when a request to log out fails, or a request to refresh a login token fails. In both of these cases, you should clear the token store. If you keep your token in Entities, this code can be placed in the <code>model</code> segment as it is pure business logic. If you keep your token in Shared, placing this logic in <code>shared/api</code> might bloat the segment and dilute its purpose. If you&#x27;re noticing that your API segment contains two several unrelated things, consider splitting out the token management logic into another segment, for example, <code>shared/auth</code>.</p></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/auth.md" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Last updated<!-- --> on <b><time datetime="2024-09-29T11:02:46.000Z" itemprop="dateModified">Sep 29, 2024</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/kr/docs/guides/examples"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">Examples</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/kr/docs/guides/examples/types"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">Types</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#how-to-get-credentials-from-the-user" class="table-of-contents__link toc-highlight">How to get credentials from the user</a><ul><li><a href="#dedicated-page-for-login" class="table-of-contents__link toc-highlight">Dedicated page for login</a></li><li><a href="#dialog-for-login" class="table-of-contents__link toc-highlight">Dialog for login</a></li><li><a href="#client-side-validation" class="table-of-contents__link toc-highlight">Client-side validation</a></li></ul></li><li><a href="#how-to-send-credentials-to-the-backend" class="table-of-contents__link toc-highlight">How to send credentials to the backend</a><ul><li><a href="#where-to-store-the-request-function" class="table-of-contents__link toc-highlight">Where to store the request function</a></li><li><a href="#two-factor-authentication" class="table-of-contents__link toc-highlight">Two-factor authentication</a></li></ul></li><li><a href="#how-to-store-the-token-for-authenticated-requests" class="table-of-contents__link toc-highlight">How to store the token for authenticated requests</a><ul><li><a href="#in-shared" class="table-of-contents__link toc-highlight">In Shared</a></li><li><a href="#in-entities" class="table-of-contents__link toc-highlight">In Entities</a></li><li><a href="#in-pageswidgets-not-recommended" class="table-of-contents__link toc-highlight">In Pages/Widgets (not recommended)</a></li></ul></li><li><a href="#logout-and-token-invalidation" class="table-of-contents__link toc-highlight">Logout and token invalidation</a><ul><li><a href="#automatic-logout" class="table-of-contents__link toc-highlight">Automatic logout</a></li></ul></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Specs</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/kr/docs">Documentation</a></li><li class="footer__item"><a class="footer__link-item" href="/kr/community">Community</a></li><li class="footer__item"><a class="footer__link-item" href="/kr/nav">Help</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">License<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/kr/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/kr/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2024  Feature-Sliced Design</div></div></div></footer></div>
+<p>Don&#x27;t forget to build failsafes for when a request to log out fails, or a request to refresh a login token fails. In both of these cases, you should clear the token store. If you keep your token in Entities, this code can be placed in the <code>model</code> segment as it is pure business logic. If you keep your token in Shared, placing this logic in <code>shared/api</code> might bloat the segment and dilute its purpose. If you&#x27;re noticing that your API segment contains two several unrelated things, consider splitting out the token management logic into another segment, for example, <code>shared/auth</code>.</p></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/auth.md" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Last updated<!-- --> on <b><time datetime="2024-10-07T18:23:06.000Z" itemprop="dateModified">Oct 7, 2024</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/kr/docs/guides/examples"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">Examples</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/kr/docs/guides/examples/types"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">Types</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#how-to-get-credentials-from-the-user" class="table-of-contents__link toc-highlight">How to get credentials from the user</a><ul><li><a href="#dedicated-page-for-login" class="table-of-contents__link toc-highlight">Dedicated page for login</a></li><li><a href="#dialog-for-login" class="table-of-contents__link toc-highlight">Dialog for login</a></li><li><a href="#client-side-validation" class="table-of-contents__link toc-highlight">Client-side validation</a></li></ul></li><li><a href="#how-to-send-credentials-to-the-backend" class="table-of-contents__link toc-highlight">How to send credentials to the backend</a><ul><li><a href="#where-to-store-the-request-function" class="table-of-contents__link toc-highlight">Where to store the request function</a></li><li><a href="#two-factor-authentication" class="table-of-contents__link toc-highlight">Two-factor authentication</a></li></ul></li><li><a href="#how-to-store-the-token-for-authenticated-requests" class="table-of-contents__link toc-highlight">How to store the token for authenticated requests</a><ul><li><a href="#in-shared" class="table-of-contents__link toc-highlight">In Shared</a></li><li><a href="#in-entities" class="table-of-contents__link toc-highlight">In Entities</a></li><li><a href="#in-pageswidgets-not-recommended" class="table-of-contents__link toc-highlight">In Pages/Widgets (not recommended)</a></li></ul></li><li><a href="#logout-and-token-invalidation" class="table-of-contents__link toc-highlight">Logout and token invalidation</a><ul><li><a href="#automatic-logout" class="table-of-contents__link toc-highlight">Automatic logout</a></li></ul></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Specs</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/kr/docs">Documentation</a></li><li class="footer__item"><a class="footer__link-item" href="/kr/community">Community</a></li><li class="footer__item"><a class="footer__link-item" href="/kr/nav">Help</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">License<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/kr/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/kr/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2024  Feature-Sliced Design</div></div></div></footer></div>
 </body>
 </html>
\ No newline at end of file
diff --git a/kr/docs/guides/examples/autocompleted.html b/kr/docs/guides/examples/autocompleted.html
index 2b030f8bde..7ae57f16e3 100644
--- a/kr/docs/guides/examples/autocompleted.html
+++ b/kr/docs/guides/examples/autocompleted.html
@@ -9,8 +9,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/kr/opensearch.xml"><link rel="stylesheet" href="/kr/assets/css/styles.554655a0.css">
-<script src="/kr/assets/js/runtime~main.747d66f0.js" defer="defer"></script>
-<script src="/kr/assets/js/main.6d627ed0.js" defer="defer"></script>
+<script src="/kr/assets/js/runtime~main.c4f81ee2.js" defer="defer"></script>
+<script src="/kr/assets/js/main.ea09754c.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/kr/"><div class="navbar__logo"><img src="/kr/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/kr/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/kr/docs">📖 Docs</a><a class="navbar__item navbar__link" href="/kr/community">💫 Community</a><a class="navbar__item navbar__link" href="/kr/blog">📝 Blog</a><a class="navbar__item navbar__link" href="/kr/examples">🛠 Examples</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/kr/docs/guides/examples/autocompleted">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a aria-current="page" class="dropdown__link dropdown__link--active" href="/kr/docs/guides/examples/autocompleted">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/kr/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>한국어</a><ul class="dropdown__menu"><li><a href="/ru/docs/guides/examples/autocompleted" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ru">Русский</a></li><li><a href="/docs/guides/examples/autocompleted" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/uz/docs/guides/examples/autocompleted" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/docs/guides/examples/autocompleted" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="kr">한국어</a></li><li><a href="/ja/docs/guides/examples/autocompleted" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><div class="docsWrapper_rDLg"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_JQoL" type="button"></button><div class="docRoot_GkJk"><aside class="theme-doc-sidebar-container docSidebarContainer_xiHB"><div class="sidebarViewport_DaHB"><div class="sidebar_Kb82"><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_AkOp"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--active" href="/kr/docs/guides">🎯  Guides</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--active" tabindex="0" href="/kr/docs/guides/examples">Examples</a><button aria-label="Collapse sidebar category &#x27;Examples&#x27;" aria-expanded="true" type="button" class="clean-btn menu__caret"></button></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/kr/docs/guides/examples/auth">Authentication</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/kr/docs/guides/examples/types">Types</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/kr/docs/guides/examples/page-layout">Page layouts</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item sidebar-item--wip"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/kr/docs/guides/examples/autocompleted">Autocomplete</a></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/kr/docs/guides/migration/from-custom">Migration</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/kr/docs/guides/tech/with-nextjs">Tech</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/kr/docs/guides/issues/desegmented">Code smells &amp; Issues</a></div></li></ul></li></ul></nav><button type="button" title="Collapse sidebar" aria-label="Collapse sidebar" class="button button--secondary button--outline collapseSidebarButton_L8vW"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_hYfn"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_uESP"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_w6lk"><div class="theme-admonition theme-admonition-caution admonition_yLUd alert alert--warning theme-unlisted-banner"><div class="admonitionHeading_ulUq"><span class="admonitionIcon_Wbvt"><svg viewBox="0 0 16 16"><path fill-rule="evenodd" d="M8.893 1.5c-.183-.31-.52-.5-.887-.5s-.703.19-.886.5L.138 13.499a.98.98 0 0 0 0 1.001c.193.31.53.501.886.501h13.964c.367 0 .704-.19.877-.5a1.03 1.03 0 0 0 .01-1.002L8.893 1.5zm.133 11.497H6.987v-2.003h2.039v2.003zm0-3.004H6.987V5.987h2.039v4.006z"></path></svg></span>Unlisted page</div><div class="admonitionContent_mbd8">This page is unlisted. Search engines will not index it, and only users having a direct link can access it.</div></div><div class="docItemContainer_b1tn"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_ioLt" aria-label="Breadcrumbs"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Home page" class="breadcrumbs__link" href="/kr/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_ZfEo"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/kr/docs/guides"><span itemprop="name">🎯  Guides</span></a><meta itemprop="position" content="1"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/kr/docs/guides/examples"><span itemprop="name">Examples</span></a><meta itemprop="position" content="2"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">Autocomplete</span><meta itemprop="position" content="3"></li></ul></nav><div class="tocCollapsible_EkMH theme-doc-toc-mobile tocMobile_XRnS"><button type="button" class="clean-btn tocCollapsibleButton_ID8T">On this page</button></div><div class="theme-doc-markdown markdown"><header><h1>Autocomplete</h1></header>
@@ -21,6 +21,6 @@
 <h2 class="anchor anchorWithStickyNavbar_QzlE" id="see-also">See also<a href="#see-also" class="hash-link" aria-label="Direct link to heading" title="Direct link to heading">​</a></h2>
 <ul>
 <li><a href="https://github.com/feature-sliced/documentation/discussions/65#discussioncomment-480807" target="_blank" rel="noopener noreferrer">(Discussion) About the application of the methodology for the selection with loaded dictionaries</a></li>
-</ul></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/autocompleted.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Last updated<!-- --> on <b><time datetime="2024-09-29T11:02:46.000Z" itemprop="dateModified">Sep 29, 2024</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages navigation"></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#see-also" class="table-of-contents__link toc-highlight">See also</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Specs</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/kr/docs">Documentation</a></li><li class="footer__item"><a class="footer__link-item" href="/kr/community">Community</a></li><li class="footer__item"><a class="footer__link-item" href="/kr/nav">Help</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">License<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/kr/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/kr/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2024  Feature-Sliced Design</div></div></div></footer></div>
+</ul></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/autocompleted.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Last updated<!-- --> on <b><time datetime="2024-10-07T18:23:06.000Z" itemprop="dateModified">Oct 7, 2024</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages navigation"></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#see-also" class="table-of-contents__link toc-highlight">See also</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Specs</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/kr/docs">Documentation</a></li><li class="footer__item"><a class="footer__link-item" href="/kr/community">Community</a></li><li class="footer__item"><a class="footer__link-item" href="/kr/nav">Help</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">License<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/kr/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/kr/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2024  Feature-Sliced Design</div></div></div></footer></div>
 </body>
 </html>
\ No newline at end of file
diff --git a/kr/docs/guides/examples/browser-api.html b/kr/docs/guides/examples/browser-api.html
index 0e243d27e7..1d85a5787c 100644
--- a/kr/docs/guides/examples/browser-api.html
+++ b/kr/docs/guides/examples/browser-api.html
@@ -9,8 +9,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/kr/opensearch.xml"><link rel="stylesheet" href="/kr/assets/css/styles.554655a0.css">
-<script src="/kr/assets/js/runtime~main.747d66f0.js" defer="defer"></script>
-<script src="/kr/assets/js/main.6d627ed0.js" defer="defer"></script>
+<script src="/kr/assets/js/runtime~main.c4f81ee2.js" defer="defer"></script>
+<script src="/kr/assets/js/main.ea09754c.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/kr/"><div class="navbar__logo"><img src="/kr/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/kr/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/kr/docs">📖 Docs</a><a class="navbar__item navbar__link" href="/kr/community">💫 Community</a><a class="navbar__item navbar__link" href="/kr/blog">📝 Blog</a><a class="navbar__item navbar__link" href="/kr/examples">🛠 Examples</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/kr/docs/guides/examples/browser-api">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a aria-current="page" class="dropdown__link dropdown__link--active" href="/kr/docs/guides/examples/browser-api">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/kr/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>한국어</a><ul class="dropdown__menu"><li><a href="/ru/docs/guides/examples/browser-api" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ru">Русский</a></li><li><a href="/docs/guides/examples/browser-api" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/uz/docs/guides/examples/browser-api" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/docs/guides/examples/browser-api" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="kr">한국어</a></li><li><a href="/ja/docs/guides/examples/browser-api" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><div class="docsWrapper_rDLg"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_JQoL" type="button"></button><div class="docRoot_GkJk"><aside class="theme-doc-sidebar-container docSidebarContainer_xiHB"><div class="sidebarViewport_DaHB"><div class="sidebar_Kb82"><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_AkOp"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--active" href="/kr/docs/guides">🎯  Guides</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--active" tabindex="0" href="/kr/docs/guides/examples">Examples</a><button aria-label="Collapse sidebar category &#x27;Examples&#x27;" aria-expanded="true" type="button" class="clean-btn menu__caret"></button></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/kr/docs/guides/examples/auth">Authentication</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/kr/docs/guides/examples/types">Types</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/kr/docs/guides/examples/page-layout">Page layouts</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item sidebar-item--wip"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/kr/docs/guides/examples/browser-api">Browser API</a></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/kr/docs/guides/migration/from-custom">Migration</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/kr/docs/guides/tech/with-nextjs">Tech</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/kr/docs/guides/issues/desegmented">Code smells &amp; Issues</a></div></li></ul></li></ul></nav><button type="button" title="Collapse sidebar" aria-label="Collapse sidebar" class="button button--secondary button--outline collapseSidebarButton_L8vW"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_hYfn"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_uESP"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_w6lk"><div class="theme-admonition theme-admonition-caution admonition_yLUd alert alert--warning theme-unlisted-banner"><div class="admonitionHeading_ulUq"><span class="admonitionIcon_Wbvt"><svg viewBox="0 0 16 16"><path fill-rule="evenodd" d="M8.893 1.5c-.183-.31-.52-.5-.887-.5s-.703.19-.886.5L.138 13.499a.98.98 0 0 0 0 1.001c.193.31.53.501.886.501h13.964c.367 0 .704-.19.877-.5a1.03 1.03 0 0 0 .01-1.002L8.893 1.5zm.133 11.497H6.987v-2.003h2.039v2.003zm0-3.004H6.987V5.987h2.039v4.006z"></path></svg></span>Unlisted page</div><div class="admonitionContent_mbd8">This page is unlisted. Search engines will not index it, and only users having a direct link can access it.</div></div><div class="docItemContainer_b1tn"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_ioLt" aria-label="Breadcrumbs"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Home page" class="breadcrumbs__link" href="/kr/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_ZfEo"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/kr/docs/guides"><span itemprop="name">🎯  Guides</span></a><meta itemprop="position" content="1"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/kr/docs/guides/examples"><span itemprop="name">Examples</span></a><meta itemprop="position" content="2"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">Browser API</span><meta itemprop="position" content="3"></li></ul></nav><div class="theme-doc-markdown markdown"><header><h1>Browser API</h1></header>
@@ -18,6 +18,6 @@
 <blockquote>
 <p>About working with the Browser API: localStorage, audio Api, bluetooth API, etc.</p>
 <p>You can ask about the idea in more detail <a href="https://t.me/alex_novich" target="_blank" rel="noopener noreferrer">@alex_novi</a></p>
-</blockquote></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/browser-api.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Last updated<!-- --> on <b><time datetime="2024-09-29T11:02:46.000Z" itemprop="dateModified">Sep 29, 2024</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages navigation"></nav></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Specs</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/kr/docs">Documentation</a></li><li class="footer__item"><a class="footer__link-item" href="/kr/community">Community</a></li><li class="footer__item"><a class="footer__link-item" href="/kr/nav">Help</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">License<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/kr/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/kr/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2024  Feature-Sliced Design</div></div></div></footer></div>
+</blockquote></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/browser-api.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Last updated<!-- --> on <b><time datetime="2024-10-07T18:23:06.000Z" itemprop="dateModified">Oct 7, 2024</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages navigation"></nav></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Specs</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/kr/docs">Documentation</a></li><li class="footer__item"><a class="footer__link-item" href="/kr/community">Community</a></li><li class="footer__item"><a class="footer__link-item" href="/kr/nav">Help</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">License<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/kr/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/kr/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2024  Feature-Sliced Design</div></div></div></footer></div>
 </body>
 </html>
\ No newline at end of file
diff --git a/kr/docs/guides/examples/cms.html b/kr/docs/guides/examples/cms.html
index 563c47f329..a67b187f60 100644
--- a/kr/docs/guides/examples/cms.html
+++ b/kr/docs/guides/examples/cms.html
@@ -9,8 +9,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/kr/opensearch.xml"><link rel="stylesheet" href="/kr/assets/css/styles.554655a0.css">
-<script src="/kr/assets/js/runtime~main.747d66f0.js" defer="defer"></script>
-<script src="/kr/assets/js/main.6d627ed0.js" defer="defer"></script>
+<script src="/kr/assets/js/runtime~main.c4f81ee2.js" defer="defer"></script>
+<script src="/kr/assets/js/main.ea09754c.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/kr/"><div class="navbar__logo"><img src="/kr/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/kr/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/kr/docs">📖 Docs</a><a class="navbar__item navbar__link" href="/kr/community">💫 Community</a><a class="navbar__item navbar__link" href="/kr/blog">📝 Blog</a><a class="navbar__item navbar__link" href="/kr/examples">🛠 Examples</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/kr/docs/guides/examples/cms">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a aria-current="page" class="dropdown__link dropdown__link--active" href="/kr/docs/guides/examples/cms">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/kr/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>한국어</a><ul class="dropdown__menu"><li><a href="/ru/docs/guides/examples/cms" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ru">Русский</a></li><li><a href="/docs/guides/examples/cms" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/uz/docs/guides/examples/cms" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/docs/guides/examples/cms" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="kr">한국어</a></li><li><a href="/ja/docs/guides/examples/cms" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><div class="docsWrapper_rDLg"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_JQoL" type="button"></button><div class="docRoot_GkJk"><aside class="theme-doc-sidebar-container docSidebarContainer_xiHB"><div class="sidebarViewport_DaHB"><div class="sidebar_Kb82"><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_AkOp"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--active" href="/kr/docs/guides">🎯  Guides</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--active" tabindex="0" href="/kr/docs/guides/examples">Examples</a><button aria-label="Collapse sidebar category &#x27;Examples&#x27;" aria-expanded="true" type="button" class="clean-btn menu__caret"></button></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/kr/docs/guides/examples/auth">Authentication</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/kr/docs/guides/examples/types">Types</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/kr/docs/guides/examples/page-layout">Page layouts</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item sidebar-item--wip"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/kr/docs/guides/examples/cms">CMS</a></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/kr/docs/guides/migration/from-custom">Migration</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/kr/docs/guides/tech/with-nextjs">Tech</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/kr/docs/guides/issues/desegmented">Code smells &amp; Issues</a></div></li></ul></li></ul></nav><button type="button" title="Collapse sidebar" aria-label="Collapse sidebar" class="button button--secondary button--outline collapseSidebarButton_L8vW"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_hYfn"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_uESP"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_w6lk"><div class="theme-admonition theme-admonition-caution admonition_yLUd alert alert--warning theme-unlisted-banner"><div class="admonitionHeading_ulUq"><span class="admonitionIcon_Wbvt"><svg viewBox="0 0 16 16"><path fill-rule="evenodd" d="M8.893 1.5c-.183-.31-.52-.5-.887-.5s-.703.19-.886.5L.138 13.499a.98.98 0 0 0 0 1.001c.193.31.53.501.886.501h13.964c.367 0 .704-.19.877-.5a1.03 1.03 0 0 0 .01-1.002L8.893 1.5zm.133 11.497H6.987v-2.003h2.039v2.003zm0-3.004H6.987V5.987h2.039v4.006z"></path></svg></span>Unlisted page</div><div class="admonitionContent_mbd8">This page is unlisted. Search engines will not index it, and only users having a direct link can access it.</div></div><div class="docItemContainer_b1tn"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_ioLt" aria-label="Breadcrumbs"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Home page" class="breadcrumbs__link" href="/kr/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_ZfEo"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/kr/docs/guides"><span itemprop="name">🎯  Guides</span></a><meta itemprop="position" content="1"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/kr/docs/guides/examples"><span itemprop="name">Examples</span></a><meta itemprop="position" content="2"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">CMS</span><meta itemprop="position" content="3"></li></ul></nav><div class="tocCollapsible_EkMH theme-doc-toc-mobile tocMobile_XRnS"><button type="button" class="clean-btn tocCollapsibleButton_ID8T">On this page</button></div><div class="theme-doc-markdown markdown"><header><h1>CMS</h1></header>
@@ -26,6 +26,6 @@ <h2 class="anchor anchorWithStickyNavbar_QzlE" id="how-to-work-more-correctly-wi
 </blockquote>
 <blockquote>
 <p><a href="https://t.me/feature_sliced/1553" target="_blank" rel="noopener noreferrer">https://t.me/feature_sliced/1553</a></p>
-</blockquote></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/cms.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Last updated<!-- --> on <b><time datetime="2024-09-29T11:02:46.000Z" itemprop="dateModified">Sep 29, 2024</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages navigation"></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#features-may-be-different" class="table-of-contents__link toc-highlight">Features may be different</a></li><li><a href="#how-to-work-more-correctly-with-cms-markup" class="table-of-contents__link toc-highlight">How to work more correctly with CMS markup</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Specs</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/kr/docs">Documentation</a></li><li class="footer__item"><a class="footer__link-item" href="/kr/community">Community</a></li><li class="footer__item"><a class="footer__link-item" href="/kr/nav">Help</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">License<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/kr/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/kr/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2024  Feature-Sliced Design</div></div></div></footer></div>
+</blockquote></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/cms.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Last updated<!-- --> on <b><time datetime="2024-10-07T18:23:06.000Z" itemprop="dateModified">Oct 7, 2024</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages navigation"></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#features-may-be-different" class="table-of-contents__link toc-highlight">Features may be different</a></li><li><a href="#how-to-work-more-correctly-with-cms-markup" class="table-of-contents__link toc-highlight">How to work more correctly with CMS markup</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Specs</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/kr/docs">Documentation</a></li><li class="footer__item"><a class="footer__link-item" href="/kr/community">Community</a></li><li class="footer__item"><a class="footer__link-item" href="/kr/nav">Help</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">License<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/kr/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/kr/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2024  Feature-Sliced Design</div></div></div></footer></div>
 </body>
 </html>
\ No newline at end of file
diff --git a/kr/docs/guides/examples/feedback.html b/kr/docs/guides/examples/feedback.html
index eb79eb1ec2..230e43cdba 100644
--- a/kr/docs/guides/examples/feedback.html
+++ b/kr/docs/guides/examples/feedback.html
@@ -9,14 +9,14 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/kr/opensearch.xml"><link rel="stylesheet" href="/kr/assets/css/styles.554655a0.css">
-<script src="/kr/assets/js/runtime~main.747d66f0.js" defer="defer"></script>
-<script src="/kr/assets/js/main.6d627ed0.js" defer="defer"></script>
+<script src="/kr/assets/js/runtime~main.c4f81ee2.js" defer="defer"></script>
+<script src="/kr/assets/js/main.ea09754c.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/kr/"><div class="navbar__logo"><img src="/kr/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/kr/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/kr/docs">📖 Docs</a><a class="navbar__item navbar__link" href="/kr/community">💫 Community</a><a class="navbar__item navbar__link" href="/kr/blog">📝 Blog</a><a class="navbar__item navbar__link" href="/kr/examples">🛠 Examples</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/kr/docs/guides/examples/feedback">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a aria-current="page" class="dropdown__link dropdown__link--active" href="/kr/docs/guides/examples/feedback">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/kr/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>한국어</a><ul class="dropdown__menu"><li><a href="/ru/docs/guides/examples/feedback" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ru">Русский</a></li><li><a href="/docs/guides/examples/feedback" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/uz/docs/guides/examples/feedback" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/docs/guides/examples/feedback" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="kr">한국어</a></li><li><a href="/ja/docs/guides/examples/feedback" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><div class="docsWrapper_rDLg"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_JQoL" type="button"></button><div class="docRoot_GkJk"><aside class="theme-doc-sidebar-container docSidebarContainer_xiHB"><div class="sidebarViewport_DaHB"><div class="sidebar_Kb82"><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_AkOp"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--active" href="/kr/docs/guides">🎯  Guides</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--active" tabindex="0" href="/kr/docs/guides/examples">Examples</a><button aria-label="Collapse sidebar category &#x27;Examples&#x27;" aria-expanded="true" type="button" class="clean-btn menu__caret"></button></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/kr/docs/guides/examples/auth">Authentication</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/kr/docs/guides/examples/types">Types</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/kr/docs/guides/examples/page-layout">Page layouts</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item sidebar-item--wip"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/kr/docs/guides/examples/feedback">Feedback</a></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/kr/docs/guides/migration/from-custom">Migration</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/kr/docs/guides/tech/with-nextjs">Tech</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/kr/docs/guides/issues/desegmented">Code smells &amp; Issues</a></div></li></ul></li></ul></nav><button type="button" title="Collapse sidebar" aria-label="Collapse sidebar" class="button button--secondary button--outline collapseSidebarButton_L8vW"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_hYfn"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_uESP"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_w6lk"><div class="theme-admonition theme-admonition-caution admonition_yLUd alert alert--warning theme-unlisted-banner"><div class="admonitionHeading_ulUq"><span class="admonitionIcon_Wbvt"><svg viewBox="0 0 16 16"><path fill-rule="evenodd" d="M8.893 1.5c-.183-.31-.52-.5-.887-.5s-.703.19-.886.5L.138 13.499a.98.98 0 0 0 0 1.001c.193.31.53.501.886.501h13.964c.367 0 .704-.19.877-.5a1.03 1.03 0 0 0 .01-1.002L8.893 1.5zm.133 11.497H6.987v-2.003h2.039v2.003zm0-3.004H6.987V5.987h2.039v4.006z"></path></svg></span>Unlisted page</div><div class="admonitionContent_mbd8">This page is unlisted. Search engines will not index it, and only users having a direct link can access it.</div></div><div class="docItemContainer_b1tn"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_ioLt" aria-label="Breadcrumbs"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Home page" class="breadcrumbs__link" href="/kr/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_ZfEo"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/kr/docs/guides"><span itemprop="name">🎯  Guides</span></a><meta itemprop="position" content="1"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/kr/docs/guides/examples"><span itemprop="name">Examples</span></a><meta itemprop="position" content="2"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">Feedback</span><meta itemprop="position" content="3"></li></ul></nav><div class="theme-doc-markdown markdown"><header><h1>Feedback</h1></header>
 <div class="theme-admonition theme-admonition-caution admonition_yLUd alert alert--warning"><div class="admonitionHeading_ulUq"><span class="admonitionIcon_Wbvt"><svg viewBox="0 0 16 16"><path fill-rule="evenodd" d="M8.893 1.5c-.183-.31-.52-.5-.887-.5s-.703.19-.886.5L.138 13.499a.98.98 0 0 0 0 1.001c.193.31.53.501.886.501h13.964c.367 0 .704-.19.877-.5a1.03 1.03 0 0 0 .01-1.002L8.893 1.5zm.133 11.497H6.987v-2.003h2.039v2.003zm0-3.004H6.987V5.987h2.039v4.006z"></path></svg></span>WIP</div><div class="admonitionContent_mbd8"><div><p>The article is in the process of writing</p><p>To bring the release of the article closer, you can:</p><ul><li>📢 Share your feedback <a href="https://github.com/feature-sliced/documentation/issues/187" target="_blank" rel="noopener noreferrer">at article (comment/emoji-reaction)</a></li><li>💬 Collect the relevant <a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer">material on the topic from chat</a></li><li>⚒️ Contribute <a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer">in any other way</a></li></ul><br><p><i>🍰 Stay tuned!</i></p></div></div></div>
 <blockquote>
 <p>Errors, Alerts, Notifications, ...</p>
-</blockquote></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/feedback.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Last updated<!-- --> on <b><time datetime="2024-09-29T11:02:46.000Z" itemprop="dateModified">Sep 29, 2024</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages navigation"></nav></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Specs</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/kr/docs">Documentation</a></li><li class="footer__item"><a class="footer__link-item" href="/kr/community">Community</a></li><li class="footer__item"><a class="footer__link-item" href="/kr/nav">Help</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">License<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/kr/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/kr/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2024  Feature-Sliced Design</div></div></div></footer></div>
+</blockquote></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/feedback.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Last updated<!-- --> on <b><time datetime="2024-10-07T18:23:06.000Z" itemprop="dateModified">Oct 7, 2024</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages navigation"></nav></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Specs</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/kr/docs">Documentation</a></li><li class="footer__item"><a class="footer__link-item" href="/kr/community">Community</a></li><li class="footer__item"><a class="footer__link-item" href="/kr/nav">Help</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">License<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/kr/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/kr/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2024  Feature-Sliced Design</div></div></div></footer></div>
 </body>
 </html>
\ No newline at end of file
diff --git a/kr/docs/guides/examples/i18n.html b/kr/docs/guides/examples/i18n.html
index 4979846a6b..2501d4ffce 100644
--- a/kr/docs/guides/examples/i18n.html
+++ b/kr/docs/guides/examples/i18n.html
@@ -9,8 +9,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/kr/opensearch.xml"><link rel="stylesheet" href="/kr/assets/css/styles.554655a0.css">
-<script src="/kr/assets/js/runtime~main.747d66f0.js" defer="defer"></script>
-<script src="/kr/assets/js/main.6d627ed0.js" defer="defer"></script>
+<script src="/kr/assets/js/runtime~main.c4f81ee2.js" defer="defer"></script>
+<script src="/kr/assets/js/main.ea09754c.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/kr/"><div class="navbar__logo"><img src="/kr/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/kr/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/kr/docs">📖 Docs</a><a class="navbar__item navbar__link" href="/kr/community">💫 Community</a><a class="navbar__item navbar__link" href="/kr/blog">📝 Blog</a><a class="navbar__item navbar__link" href="/kr/examples">🛠 Examples</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/kr/docs/guides/examples/i18n">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a aria-current="page" class="dropdown__link dropdown__link--active" href="/kr/docs/guides/examples/i18n">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/kr/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>한국어</a><ul class="dropdown__menu"><li><a href="/ru/docs/guides/examples/i18n" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ru">Русский</a></li><li><a href="/docs/guides/examples/i18n" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/uz/docs/guides/examples/i18n" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/docs/guides/examples/i18n" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="kr">한국어</a></li><li><a href="/ja/docs/guides/examples/i18n" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><div class="docsWrapper_rDLg"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_JQoL" type="button"></button><div class="docRoot_GkJk"><aside class="theme-doc-sidebar-container docSidebarContainer_xiHB"><div class="sidebarViewport_DaHB"><div class="sidebar_Kb82"><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_AkOp"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--active" href="/kr/docs/guides">🎯  Guides</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--active" tabindex="0" href="/kr/docs/guides/examples">Examples</a><button aria-label="Collapse sidebar category &#x27;Examples&#x27;" aria-expanded="true" type="button" class="clean-btn menu__caret"></button></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/kr/docs/guides/examples/auth">Authentication</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/kr/docs/guides/examples/types">Types</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/kr/docs/guides/examples/page-layout">Page layouts</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item sidebar-item--wip"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/kr/docs/guides/examples/i18n">i18n</a></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/kr/docs/guides/migration/from-custom">Migration</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/kr/docs/guides/tech/with-nextjs">Tech</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/kr/docs/guides/issues/desegmented">Code smells &amp; Issues</a></div></li></ul></li></ul></nav><button type="button" title="Collapse sidebar" aria-label="Collapse sidebar" class="button button--secondary button--outline collapseSidebarButton_L8vW"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_hYfn"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_uESP"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_w6lk"><div class="theme-admonition theme-admonition-caution admonition_yLUd alert alert--warning theme-unlisted-banner"><div class="admonitionHeading_ulUq"><span class="admonitionIcon_Wbvt"><svg viewBox="0 0 16 16"><path fill-rule="evenodd" d="M8.893 1.5c-.183-.31-.52-.5-.887-.5s-.703.19-.886.5L.138 13.499a.98.98 0 0 0 0 1.001c.193.31.53.501.886.501h13.964c.367 0 .704-.19.877-.5a1.03 1.03 0 0 0 .01-1.002L8.893 1.5zm.133 11.497H6.987v-2.003h2.039v2.003zm0-3.004H6.987V5.987h2.039v4.006z"></path></svg></span>Unlisted page</div><div class="admonitionContent_mbd8">This page is unlisted. Search engines will not index it, and only users having a direct link can access it.</div></div><div class="docItemContainer_b1tn"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_ioLt" aria-label="Breadcrumbs"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Home page" class="breadcrumbs__link" href="/kr/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_ZfEo"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/kr/docs/guides"><span itemprop="name">🎯  Guides</span></a><meta itemprop="position" content="1"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/kr/docs/guides/examples"><span itemprop="name">Examples</span></a><meta itemprop="position" content="2"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">i18n</span><meta itemprop="position" content="3"></li></ul></nav><div class="tocCollapsible_EkMH theme-doc-toc-mobile tocMobile_XRnS"><button type="button" class="clean-btn tocCollapsibleButton_ID8T">On this page</button></div><div class="theme-doc-markdown markdown"><header><h1>i18n</h1></header>
@@ -20,6 +20,6 @@ <h2 class="anchor anchorWithStickyNavbar_QzlE" id="where-to-place-it-how-to-work
 <li><a href="https://t.me/feature_sliced/4425" target="_blank" rel="noopener noreferrer">https://t.me/feature_sliced/4425</a></li>
 <li><a href="https://t.me/feature_sliced/2325" target="_blank" rel="noopener noreferrer">https://t.me/feature_sliced/2325</a></li>
 <li><a href="https://t.me/feature_sliced/1867" target="_blank" rel="noopener noreferrer">https://t.me/feature_sliced/1867</a></li>
-</ul></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/i18n.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Last updated<!-- --> on <b><time datetime="2024-09-29T11:02:46.000Z" itemprop="dateModified">Sep 29, 2024</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages navigation"></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#where-to-place-it-how-to-work-with-this" class="table-of-contents__link toc-highlight">Where to place it? How to work with this?</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Specs</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/kr/docs">Documentation</a></li><li class="footer__item"><a class="footer__link-item" href="/kr/community">Community</a></li><li class="footer__item"><a class="footer__link-item" href="/kr/nav">Help</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">License<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/kr/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/kr/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2024  Feature-Sliced Design</div></div></div></footer></div>
+</ul></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/i18n.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Last updated<!-- --> on <b><time datetime="2024-10-07T18:23:06.000Z" itemprop="dateModified">Oct 7, 2024</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages navigation"></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#where-to-place-it-how-to-work-with-this" class="table-of-contents__link toc-highlight">Where to place it? How to work with this?</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Specs</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/kr/docs">Documentation</a></li><li class="footer__item"><a class="footer__link-item" href="/kr/community">Community</a></li><li class="footer__item"><a class="footer__link-item" href="/kr/nav">Help</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">License<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/kr/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/kr/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2024  Feature-Sliced Design</div></div></div></footer></div>
 </body>
 </html>
\ No newline at end of file
diff --git a/kr/docs/guides/examples/metric.html b/kr/docs/guides/examples/metric.html
index 7b152136f4..f4ccd95190 100644
--- a/kr/docs/guides/examples/metric.html
+++ b/kr/docs/guides/examples/metric.html
@@ -9,14 +9,14 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/kr/opensearch.xml"><link rel="stylesheet" href="/kr/assets/css/styles.554655a0.css">
-<script src="/kr/assets/js/runtime~main.747d66f0.js" defer="defer"></script>
-<script src="/kr/assets/js/main.6d627ed0.js" defer="defer"></script>
+<script src="/kr/assets/js/runtime~main.c4f81ee2.js" defer="defer"></script>
+<script src="/kr/assets/js/main.ea09754c.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/kr/"><div class="navbar__logo"><img src="/kr/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/kr/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/kr/docs">📖 Docs</a><a class="navbar__item navbar__link" href="/kr/community">💫 Community</a><a class="navbar__item navbar__link" href="/kr/blog">📝 Blog</a><a class="navbar__item navbar__link" href="/kr/examples">🛠 Examples</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/kr/docs/guides/examples/metric">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a aria-current="page" class="dropdown__link dropdown__link--active" href="/kr/docs/guides/examples/metric">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/kr/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>한국어</a><ul class="dropdown__menu"><li><a href="/ru/docs/guides/examples/metric" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ru">Русский</a></li><li><a href="/docs/guides/examples/metric" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/uz/docs/guides/examples/metric" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/docs/guides/examples/metric" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="kr">한국어</a></li><li><a href="/ja/docs/guides/examples/metric" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><div class="docsWrapper_rDLg"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_JQoL" type="button"></button><div class="docRoot_GkJk"><aside class="theme-doc-sidebar-container docSidebarContainer_xiHB"><div class="sidebarViewport_DaHB"><div class="sidebar_Kb82"><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_AkOp"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--active" href="/kr/docs/guides">🎯  Guides</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--active" tabindex="0" href="/kr/docs/guides/examples">Examples</a><button aria-label="Collapse sidebar category &#x27;Examples&#x27;" aria-expanded="true" type="button" class="clean-btn menu__caret"></button></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/kr/docs/guides/examples/auth">Authentication</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/kr/docs/guides/examples/types">Types</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/kr/docs/guides/examples/page-layout">Page layouts</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item sidebar-item--wip"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/kr/docs/guides/examples/metric">Metric</a></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/kr/docs/guides/migration/from-custom">Migration</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/kr/docs/guides/tech/with-nextjs">Tech</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/kr/docs/guides/issues/desegmented">Code smells &amp; Issues</a></div></li></ul></li></ul></nav><button type="button" title="Collapse sidebar" aria-label="Collapse sidebar" class="button button--secondary button--outline collapseSidebarButton_L8vW"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_hYfn"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_uESP"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_w6lk"><div class="theme-admonition theme-admonition-caution admonition_yLUd alert alert--warning theme-unlisted-banner"><div class="admonitionHeading_ulUq"><span class="admonitionIcon_Wbvt"><svg viewBox="0 0 16 16"><path fill-rule="evenodd" d="M8.893 1.5c-.183-.31-.52-.5-.887-.5s-.703.19-.886.5L.138 13.499a.98.98 0 0 0 0 1.001c.193.31.53.501.886.501h13.964c.367 0 .704-.19.877-.5a1.03 1.03 0 0 0 .01-1.002L8.893 1.5zm.133 11.497H6.987v-2.003h2.039v2.003zm0-3.004H6.987V5.987h2.039v4.006z"></path></svg></span>Unlisted page</div><div class="admonitionContent_mbd8">This page is unlisted. Search engines will not index it, and only users having a direct link can access it.</div></div><div class="docItemContainer_b1tn"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_ioLt" aria-label="Breadcrumbs"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Home page" class="breadcrumbs__link" href="/kr/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_ZfEo"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/kr/docs/guides"><span itemprop="name">🎯  Guides</span></a><meta itemprop="position" content="1"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/kr/docs/guides/examples"><span itemprop="name">Examples</span></a><meta itemprop="position" content="2"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">Metric</span><meta itemprop="position" content="3"></li></ul></nav><div class="theme-doc-markdown markdown"><header><h1>Metric</h1></header>
 <div class="theme-admonition theme-admonition-caution admonition_yLUd alert alert--warning"><div class="admonitionHeading_ulUq"><span class="admonitionIcon_Wbvt"><svg viewBox="0 0 16 16"><path fill-rule="evenodd" d="M8.893 1.5c-.183-.31-.52-.5-.887-.5s-.703.19-.886.5L.138 13.499a.98.98 0 0 0 0 1.001c.193.31.53.501.886.501h13.964c.367 0 .704-.19.877-.5a1.03 1.03 0 0 0 .01-1.002L8.893 1.5zm.133 11.497H6.987v-2.003h2.039v2.003zm0-3.004H6.987V5.987h2.039v4.006z"></path></svg></span>WIP</div><div class="admonitionContent_mbd8"><div><p>The article is in the process of writing</p><p>To bring the release of the article closer, you can:</p><ul><li>📢 Share your feedback <a href="https://github.com/feature-sliced/documentation/issues/181" target="_blank" rel="noopener noreferrer">at article (comment/emoji-reaction)</a></li><li>💬 Collect the relevant <a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer">material on the topic from chat</a></li><li>⚒️ Contribute <a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer">in any other way</a></li></ul><br><p><i>🍰 Stay tuned!</i></p></div></div></div>
 <blockquote>
 <p>About ways to initialize metrics in the application</p>
-</blockquote></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/metric.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Last updated<!-- --> on <b><time datetime="2024-09-29T11:02:46.000Z" itemprop="dateModified">Sep 29, 2024</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages navigation"></nav></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Specs</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/kr/docs">Documentation</a></li><li class="footer__item"><a class="footer__link-item" href="/kr/community">Community</a></li><li class="footer__item"><a class="footer__link-item" href="/kr/nav">Help</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">License<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/kr/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/kr/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2024  Feature-Sliced Design</div></div></div></footer></div>
+</blockquote></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/metric.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Last updated<!-- --> on <b><time datetime="2024-10-07T18:23:06.000Z" itemprop="dateModified">Oct 7, 2024</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages navigation"></nav></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Specs</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/kr/docs">Documentation</a></li><li class="footer__item"><a class="footer__link-item" href="/kr/community">Community</a></li><li class="footer__item"><a class="footer__link-item" href="/kr/nav">Help</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">License<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/kr/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/kr/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2024  Feature-Sliced Design</div></div></div></footer></div>
 </body>
 </html>
\ No newline at end of file
diff --git a/kr/docs/guides/examples/monorepo.html b/kr/docs/guides/examples/monorepo.html
index 0ee6a7e89e..fb6c998dd0 100644
--- a/kr/docs/guides/examples/monorepo.html
+++ b/kr/docs/guides/examples/monorepo.html
@@ -9,8 +9,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/kr/opensearch.xml"><link rel="stylesheet" href="/kr/assets/css/styles.554655a0.css">
-<script src="/kr/assets/js/runtime~main.747d66f0.js" defer="defer"></script>
-<script src="/kr/assets/js/main.6d627ed0.js" defer="defer"></script>
+<script src="/kr/assets/js/runtime~main.c4f81ee2.js" defer="defer"></script>
+<script src="/kr/assets/js/main.ea09754c.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/kr/"><div class="navbar__logo"><img src="/kr/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/kr/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/kr/docs">📖 Docs</a><a class="navbar__item navbar__link" href="/kr/community">💫 Community</a><a class="navbar__item navbar__link" href="/kr/blog">📝 Blog</a><a class="navbar__item navbar__link" href="/kr/examples">🛠 Examples</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/kr/docs/guides/examples/monorepo">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a aria-current="page" class="dropdown__link dropdown__link--active" href="/kr/docs/guides/examples/monorepo">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/kr/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>한국어</a><ul class="dropdown__menu"><li><a href="/ru/docs/guides/examples/monorepo" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ru">Русский</a></li><li><a href="/docs/guides/examples/monorepo" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/uz/docs/guides/examples/monorepo" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/docs/guides/examples/monorepo" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="kr">한국어</a></li><li><a href="/ja/docs/guides/examples/monorepo" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><div class="docsWrapper_rDLg"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_JQoL" type="button"></button><div class="docRoot_GkJk"><aside class="theme-doc-sidebar-container docSidebarContainer_xiHB"><div class="sidebarViewport_DaHB"><div class="sidebar_Kb82"><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_AkOp"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--active" href="/kr/docs/guides">🎯  Guides</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--active" tabindex="0" href="/kr/docs/guides/examples">Examples</a><button aria-label="Collapse sidebar category &#x27;Examples&#x27;" aria-expanded="true" type="button" class="clean-btn menu__caret"></button></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/kr/docs/guides/examples/auth">Authentication</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/kr/docs/guides/examples/types">Types</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/kr/docs/guides/examples/page-layout">Page layouts</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item sidebar-item--wip"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/kr/docs/guides/examples/monorepo">Monorepositories</a></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/kr/docs/guides/migration/from-custom">Migration</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/kr/docs/guides/tech/with-nextjs">Tech</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/kr/docs/guides/issues/desegmented">Code smells &amp; Issues</a></div></li></ul></li></ul></nav><button type="button" title="Collapse sidebar" aria-label="Collapse sidebar" class="button button--secondary button--outline collapseSidebarButton_L8vW"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_hYfn"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_uESP"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_w6lk"><div class="theme-admonition theme-admonition-caution admonition_yLUd alert alert--warning theme-unlisted-banner"><div class="admonitionHeading_ulUq"><span class="admonitionIcon_Wbvt"><svg viewBox="0 0 16 16"><path fill-rule="evenodd" d="M8.893 1.5c-.183-.31-.52-.5-.887-.5s-.703.19-.886.5L.138 13.499a.98.98 0 0 0 0 1.001c.193.31.53.501.886.501h13.964c.367 0 .704-.19.877-.5a1.03 1.03 0 0 0 .01-1.002L8.893 1.5zm.133 11.497H6.987v-2.003h2.039v2.003zm0-3.004H6.987V5.987h2.039v4.006z"></path></svg></span>Unlisted page</div><div class="admonitionContent_mbd8">This page is unlisted. Search engines will not index it, and only users having a direct link can access it.</div></div><div class="docItemContainer_b1tn"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_ioLt" aria-label="Breadcrumbs"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Home page" class="breadcrumbs__link" href="/kr/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_ZfEo"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/kr/docs/guides"><span itemprop="name">🎯  Guides</span></a><meta itemprop="position" content="1"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/kr/docs/guides/examples"><span itemprop="name">Examples</span></a><meta itemprop="position" content="2"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">Monorepositories</span><meta itemprop="position" content="3"></li></ul></nav><div class="tocCollapsible_EkMH theme-doc-toc-mobile tocMobile_XRnS"><button type="button" class="clean-btn tocCollapsibleButton_ID8T">On this page</button></div><div class="theme-doc-markdown markdown"><header><h1>Monorepositories</h1></header>
@@ -22,6 +22,6 @@ <h2 class="anchor anchorWithStickyNavbar_QzlE" id="see-also">See also<a href="#s
 <ul>
 <li><a href="https://github.com/feature-sliced/documentation/discussions/50" target="_blank" rel="noopener noreferrer">(Discussion) About mono repositories and plug-ins-packages</a></li>
 <li><a href="https://t.me/feature_sliced/2412" target="_blank" rel="noopener noreferrer">(Thread) About the application for a mono repository</a></li>
-</ul></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/monorepo.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Last updated<!-- --> on <b><time datetime="2024-09-29T11:02:46.000Z" itemprop="dateModified">Sep 29, 2024</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages navigation"></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#see-also" class="table-of-contents__link toc-highlight">See also</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Specs</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/kr/docs">Documentation</a></li><li class="footer__item"><a class="footer__link-item" href="/kr/community">Community</a></li><li class="footer__item"><a class="footer__link-item" href="/kr/nav">Help</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">License<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/kr/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/kr/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2024  Feature-Sliced Design</div></div></div></footer></div>
+</ul></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/monorepo.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Last updated<!-- --> on <b><time datetime="2024-10-07T18:23:06.000Z" itemprop="dateModified">Oct 7, 2024</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages navigation"></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#see-also" class="table-of-contents__link toc-highlight">See also</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Specs</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/kr/docs">Documentation</a></li><li class="footer__item"><a class="footer__link-item" href="/kr/community">Community</a></li><li class="footer__item"><a class="footer__link-item" href="/kr/nav">Help</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">License<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/kr/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/kr/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2024  Feature-Sliced Design</div></div></div></footer></div>
 </body>
 </html>
\ No newline at end of file
diff --git a/kr/docs/guides/examples/page-layout.html b/kr/docs/guides/examples/page-layout.html
index 8d5f95ffd4..e3d5125d9c 100644
--- a/kr/docs/guides/examples/page-layout.html
+++ b/kr/docs/guides/examples/page-layout.html
@@ -9,8 +9,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/kr/opensearch.xml"><link rel="stylesheet" href="/kr/assets/css/styles.554655a0.css">
-<script src="/kr/assets/js/runtime~main.747d66f0.js" defer="defer"></script>
-<script src="/kr/assets/js/main.6d627ed0.js" defer="defer"></script>
+<script src="/kr/assets/js/runtime~main.c4f81ee2.js" defer="defer"></script>
+<script src="/kr/assets/js/main.ea09754c.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/kr/"><div class="navbar__logo"><img src="/kr/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/kr/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/kr/docs">📖 Docs</a><a class="navbar__item navbar__link" href="/kr/community">💫 Community</a><a class="navbar__item navbar__link" href="/kr/blog">📝 Blog</a><a class="navbar__item navbar__link" href="/kr/examples">🛠 Examples</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/kr/docs/guides/examples/page-layout">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a aria-current="page" class="dropdown__link dropdown__link--active" href="/kr/docs/guides/examples/page-layout">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/kr/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>한국어</a><ul class="dropdown__menu"><li><a href="/ru/docs/guides/examples/page-layout" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ru">Русский</a></li><li><a href="/docs/guides/examples/page-layout" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/uz/docs/guides/examples/page-layout" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/docs/guides/examples/page-layout" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="kr">한국어</a></li><li><a href="/ja/docs/guides/examples/page-layout" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><div class="docsWrapper_rDLg"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_JQoL" type="button"></button><div class="docRoot_GkJk"><aside class="theme-doc-sidebar-container docSidebarContainer_xiHB"><div class="sidebarViewport_DaHB"><div class="sidebar_Kb82"><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_AkOp"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--active" href="/kr/docs/guides">🎯  Guides</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--active" tabindex="0" href="/kr/docs/guides/examples">Examples</a><button aria-label="Collapse sidebar category &#x27;Examples&#x27;" aria-expanded="true" type="button" class="clean-btn menu__caret"></button></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/kr/docs/guides/examples/auth">Authentication</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/kr/docs/guides/examples/types">Types</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/kr/docs/guides/examples/page-layout">Page layouts</a></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/kr/docs/guides/migration/from-custom">Migration</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/kr/docs/guides/tech/with-nextjs">Tech</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/kr/docs/guides/issues/desegmented">Code smells &amp; Issues</a></div></li></ul></li></ul></nav><button type="button" title="Collapse sidebar" aria-label="Collapse sidebar" class="button button--secondary button--outline collapseSidebarButton_L8vW"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_hYfn"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_uESP"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_w6lk"><div class="docItemContainer_b1tn"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_ioLt" aria-label="Breadcrumbs"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Home page" class="breadcrumbs__link" href="/kr/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_ZfEo"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/kr/docs/guides"><span itemprop="name">🎯  Guides</span></a><meta itemprop="position" content="1"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/kr/docs/guides/examples"><span itemprop="name">Examples</span></a><meta itemprop="position" content="2"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">Page layouts</span><meta itemprop="position" content="3"></li></ul></nav><div class="tocCollapsible_EkMH theme-doc-toc-mobile tocMobile_XRnS"><button type="button" class="clean-btn tocCollapsibleButton_ID8T">On this page</button></div><div class="theme-doc-markdown markdown"><header><h1>Page layouts</h1></header>
@@ -47,6 +47,6 @@ <h2 class="anchor anchorWithStickyNavbar_QzlE" id="using-widgets-in-the-layout">
 <h2 class="anchor anchorWithStickyNavbar_QzlE" id="further-reading">Further reading<a href="#further-reading" class="hash-link" aria-label="Direct link to heading" title="Direct link to heading">​</a></h2>
 <ul>
 <li>There&#x27;s an example of how to build a layout with authentication with React and Remix (equivalent to React Router) in the <a href="/kr/docs/get-started/tutorial">tutorial</a>.</li>
-</ul></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/page-layout.md" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Last updated<!-- --> on <b><time datetime="2024-09-29T11:02:46.000Z" itemprop="dateModified">Sep 29, 2024</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/kr/docs/guides/examples/types"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">Types</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/kr/docs/guides/migration/from-custom"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">From a custom architecture</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#simple-layout" class="table-of-contents__link toc-highlight">Simple layout</a></li><li><a href="#using-widgets-in-the-layout" class="table-of-contents__link toc-highlight">Using widgets in the layout</a></li><li><a href="#further-reading" class="table-of-contents__link toc-highlight">Further reading</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Specs</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/kr/docs">Documentation</a></li><li class="footer__item"><a class="footer__link-item" href="/kr/community">Community</a></li><li class="footer__item"><a class="footer__link-item" href="/kr/nav">Help</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">License<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/kr/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/kr/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2024  Feature-Sliced Design</div></div></div></footer></div>
+</ul></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/page-layout.md" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Last updated<!-- --> on <b><time datetime="2024-10-07T18:23:06.000Z" itemprop="dateModified">Oct 7, 2024</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/kr/docs/guides/examples/types"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">Types</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/kr/docs/guides/migration/from-custom"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">From a custom architecture</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#simple-layout" class="table-of-contents__link toc-highlight">Simple layout</a></li><li><a href="#using-widgets-in-the-layout" class="table-of-contents__link toc-highlight">Using widgets in the layout</a></li><li><a href="#further-reading" class="table-of-contents__link toc-highlight">Further reading</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Specs</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/kr/docs">Documentation</a></li><li class="footer__item"><a class="footer__link-item" href="/kr/community">Community</a></li><li class="footer__item"><a class="footer__link-item" href="/kr/nav">Help</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">License<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/kr/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/kr/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2024  Feature-Sliced Design</div></div></div></footer></div>
 </body>
 </html>
\ No newline at end of file
diff --git a/kr/docs/guides/examples/platforms.html b/kr/docs/guides/examples/platforms.html
index ff76310cb1..96f9a80f99 100644
--- a/kr/docs/guides/examples/platforms.html
+++ b/kr/docs/guides/examples/platforms.html
@@ -9,14 +9,14 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/kr/opensearch.xml"><link rel="stylesheet" href="/kr/assets/css/styles.554655a0.css">
-<script src="/kr/assets/js/runtime~main.747d66f0.js" defer="defer"></script>
-<script src="/kr/assets/js/main.6d627ed0.js" defer="defer"></script>
+<script src="/kr/assets/js/runtime~main.c4f81ee2.js" defer="defer"></script>
+<script src="/kr/assets/js/main.ea09754c.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/kr/"><div class="navbar__logo"><img src="/kr/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/kr/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/kr/docs">📖 Docs</a><a class="navbar__item navbar__link" href="/kr/community">💫 Community</a><a class="navbar__item navbar__link" href="/kr/blog">📝 Blog</a><a class="navbar__item navbar__link" href="/kr/examples">🛠 Examples</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/kr/docs/guides/examples/platforms">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a aria-current="page" class="dropdown__link dropdown__link--active" href="/kr/docs/guides/examples/platforms">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/kr/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>한국어</a><ul class="dropdown__menu"><li><a href="/ru/docs/guides/examples/platforms" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ru">Русский</a></li><li><a href="/docs/guides/examples/platforms" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/uz/docs/guides/examples/platforms" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/docs/guides/examples/platforms" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="kr">한국어</a></li><li><a href="/ja/docs/guides/examples/platforms" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><div class="docsWrapper_rDLg"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_JQoL" type="button"></button><div class="docRoot_GkJk"><aside class="theme-doc-sidebar-container docSidebarContainer_xiHB"><div class="sidebarViewport_DaHB"><div class="sidebar_Kb82"><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_AkOp"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--active" href="/kr/docs/guides">🎯  Guides</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--active" tabindex="0" href="/kr/docs/guides/examples">Examples</a><button aria-label="Collapse sidebar category &#x27;Examples&#x27;" aria-expanded="true" type="button" class="clean-btn menu__caret"></button></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/kr/docs/guides/examples/auth">Authentication</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/kr/docs/guides/examples/types">Types</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/kr/docs/guides/examples/page-layout">Page layouts</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item sidebar-item--wip"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/kr/docs/guides/examples/platforms">Desktop/Touch platforms</a></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/kr/docs/guides/migration/from-custom">Migration</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/kr/docs/guides/tech/with-nextjs">Tech</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/kr/docs/guides/issues/desegmented">Code smells &amp; Issues</a></div></li></ul></li></ul></nav><button type="button" title="Collapse sidebar" aria-label="Collapse sidebar" class="button button--secondary button--outline collapseSidebarButton_L8vW"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_hYfn"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_uESP"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_w6lk"><div class="theme-admonition theme-admonition-caution admonition_yLUd alert alert--warning theme-unlisted-banner"><div class="admonitionHeading_ulUq"><span class="admonitionIcon_Wbvt"><svg viewBox="0 0 16 16"><path fill-rule="evenodd" d="M8.893 1.5c-.183-.31-.52-.5-.887-.5s-.703.19-.886.5L.138 13.499a.98.98 0 0 0 0 1.001c.193.31.53.501.886.501h13.964c.367 0 .704-.19.877-.5a1.03 1.03 0 0 0 .01-1.002L8.893 1.5zm.133 11.497H6.987v-2.003h2.039v2.003zm0-3.004H6.987V5.987h2.039v4.006z"></path></svg></span>Unlisted page</div><div class="admonitionContent_mbd8">This page is unlisted. Search engines will not index it, and only users having a direct link can access it.</div></div><div class="docItemContainer_b1tn"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_ioLt" aria-label="Breadcrumbs"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Home page" class="breadcrumbs__link" href="/kr/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_ZfEo"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/kr/docs/guides"><span itemprop="name">🎯  Guides</span></a><meta itemprop="position" content="1"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/kr/docs/guides/examples"><span itemprop="name">Examples</span></a><meta itemprop="position" content="2"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">Desktop/Touch platforms</span><meta itemprop="position" content="3"></li></ul></nav><div class="theme-doc-markdown markdown"><header><h1>Desktop/Touch platforms</h1></header>
 <div class="theme-admonition theme-admonition-caution admonition_yLUd alert alert--warning"><div class="admonitionHeading_ulUq"><span class="admonitionIcon_Wbvt"><svg viewBox="0 0 16 16"><path fill-rule="evenodd" d="M8.893 1.5c-.183-.31-.52-.5-.887-.5s-.703.19-.886.5L.138 13.499a.98.98 0 0 0 0 1.001c.193.31.53.501.886.501h13.964c.367 0 .704-.19.877-.5a1.03 1.03 0 0 0 .01-1.002L8.893 1.5zm.133 11.497H6.987v-2.003h2.039v2.003zm0-3.004H6.987V5.987h2.039v4.006z"></path></svg></span>WIP</div><div class="admonitionContent_mbd8"><div><p>The article is in the process of writing</p><p>To bring the release of the article closer, you can:</p><ul><li>📢 Share your feedback <a href="https://github.com/feature-sliced/documentation/issues/198" target="_blank" rel="noopener noreferrer">at article (comment/emoji-reaction)</a></li><li>💬 Collect the relevant <a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer">material on the topic from chat</a></li><li>⚒️ Contribute <a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer">in any other way</a></li></ul><br><p><i>🍰 Stay tuned!</i></p></div></div></div>
 <blockquote>
 <p>About the application of the methodology for desktop/touch</p>
-</blockquote></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/platforms.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Last updated<!-- --> on <b><time datetime="2024-09-29T11:02:46.000Z" itemprop="dateModified">Sep 29, 2024</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages navigation"></nav></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Specs</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/kr/docs">Documentation</a></li><li class="footer__item"><a class="footer__link-item" href="/kr/community">Community</a></li><li class="footer__item"><a class="footer__link-item" href="/kr/nav">Help</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">License<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/kr/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/kr/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2024  Feature-Sliced Design</div></div></div></footer></div>
+</blockquote></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/platforms.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Last updated<!-- --> on <b><time datetime="2024-10-07T18:23:06.000Z" itemprop="dateModified">Oct 7, 2024</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages navigation"></nav></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Specs</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/kr/docs">Documentation</a></li><li class="footer__item"><a class="footer__link-item" href="/kr/community">Community</a></li><li class="footer__item"><a class="footer__link-item" href="/kr/nav">Help</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">License<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/kr/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/kr/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2024  Feature-Sliced Design</div></div></div></footer></div>
 </body>
 </html>
\ No newline at end of file
diff --git a/kr/docs/guides/examples/ssr.html b/kr/docs/guides/examples/ssr.html
index 72c54fed22..1847b63e26 100644
--- a/kr/docs/guides/examples/ssr.html
+++ b/kr/docs/guides/examples/ssr.html
@@ -9,14 +9,14 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/kr/opensearch.xml"><link rel="stylesheet" href="/kr/assets/css/styles.554655a0.css">
-<script src="/kr/assets/js/runtime~main.747d66f0.js" defer="defer"></script>
-<script src="/kr/assets/js/main.6d627ed0.js" defer="defer"></script>
+<script src="/kr/assets/js/runtime~main.c4f81ee2.js" defer="defer"></script>
+<script src="/kr/assets/js/main.ea09754c.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/kr/"><div class="navbar__logo"><img src="/kr/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/kr/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/kr/docs">📖 Docs</a><a class="navbar__item navbar__link" href="/kr/community">💫 Community</a><a class="navbar__item navbar__link" href="/kr/blog">📝 Blog</a><a class="navbar__item navbar__link" href="/kr/examples">🛠 Examples</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/kr/docs/guides/examples/ssr">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a aria-current="page" class="dropdown__link dropdown__link--active" href="/kr/docs/guides/examples/ssr">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/kr/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>한국어</a><ul class="dropdown__menu"><li><a href="/ru/docs/guides/examples/ssr" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ru">Русский</a></li><li><a href="/docs/guides/examples/ssr" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/uz/docs/guides/examples/ssr" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/docs/guides/examples/ssr" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="kr">한국어</a></li><li><a href="/ja/docs/guides/examples/ssr" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><div class="docsWrapper_rDLg"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_JQoL" type="button"></button><div class="docRoot_GkJk"><aside class="theme-doc-sidebar-container docSidebarContainer_xiHB"><div class="sidebarViewport_DaHB"><div class="sidebar_Kb82"><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_AkOp"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--active" href="/kr/docs/guides">🎯  Guides</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--active" tabindex="0" href="/kr/docs/guides/examples">Examples</a><button aria-label="Collapse sidebar category &#x27;Examples&#x27;" aria-expanded="true" type="button" class="clean-btn menu__caret"></button></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/kr/docs/guides/examples/auth">Authentication</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/kr/docs/guides/examples/types">Types</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/kr/docs/guides/examples/page-layout">Page layouts</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item sidebar-item--wip"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/kr/docs/guides/examples/ssr">SSR</a></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/kr/docs/guides/migration/from-custom">Migration</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/kr/docs/guides/tech/with-nextjs">Tech</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/kr/docs/guides/issues/desegmented">Code smells &amp; Issues</a></div></li></ul></li></ul></nav><button type="button" title="Collapse sidebar" aria-label="Collapse sidebar" class="button button--secondary button--outline collapseSidebarButton_L8vW"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_hYfn"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_uESP"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_w6lk"><div class="theme-admonition theme-admonition-caution admonition_yLUd alert alert--warning theme-unlisted-banner"><div class="admonitionHeading_ulUq"><span class="admonitionIcon_Wbvt"><svg viewBox="0 0 16 16"><path fill-rule="evenodd" d="M8.893 1.5c-.183-.31-.52-.5-.887-.5s-.703.19-.886.5L.138 13.499a.98.98 0 0 0 0 1.001c.193.31.53.501.886.501h13.964c.367 0 .704-.19.877-.5a1.03 1.03 0 0 0 .01-1.002L8.893 1.5zm.133 11.497H6.987v-2.003h2.039v2.003zm0-3.004H6.987V5.987h2.039v4.006z"></path></svg></span>Unlisted page</div><div class="admonitionContent_mbd8">This page is unlisted. Search engines will not index it, and only users having a direct link can access it.</div></div><div class="docItemContainer_b1tn"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_ioLt" aria-label="Breadcrumbs"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Home page" class="breadcrumbs__link" href="/kr/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_ZfEo"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/kr/docs/guides"><span itemprop="name">🎯  Guides</span></a><meta itemprop="position" content="1"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/kr/docs/guides/examples"><span itemprop="name">Examples</span></a><meta itemprop="position" content="2"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">SSR</span><meta itemprop="position" content="3"></li></ul></nav><div class="theme-doc-markdown markdown"><header><h1>SSR</h1></header>
 <div class="theme-admonition theme-admonition-caution admonition_yLUd alert alert--warning"><div class="admonitionHeading_ulUq"><span class="admonitionIcon_Wbvt"><svg viewBox="0 0 16 16"><path fill-rule="evenodd" d="M8.893 1.5c-.183-.31-.52-.5-.887-.5s-.703.19-.886.5L.138 13.499a.98.98 0 0 0 0 1.001c.193.31.53.501.886.501h13.964c.367 0 .704-.19.877-.5a1.03 1.03 0 0 0 .01-1.002L8.893 1.5zm.133 11.497H6.987v-2.003h2.039v2.003zm0-3.004H6.987V5.987h2.039v4.006z"></path></svg></span>WIP</div><div class="admonitionContent_mbd8"><div><p>The article is in the process of writing</p><p>To bring the release of the article closer, you can:</p><ul><li>📢 Share your feedback <a href="https://github.com/feature-sliced/documentation/issues/173" target="_blank" rel="noopener noreferrer">at article (comment/emoji-reaction)</a></li><li>💬 Collect the relevant <a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer">material on the topic from chat</a></li><li>⚒️ Contribute <a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer">in any other way</a></li></ul><br><p><i>🍰 Stay tuned!</i></p></div></div></div>
 <blockquote>
 <p>About the implementation of SSR using the methodology</p>
-</blockquote></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/ssr.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Last updated<!-- --> on <b><time datetime="2024-09-29T11:02:46.000Z" itemprop="dateModified">Sep 29, 2024</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages navigation"></nav></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Specs</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/kr/docs">Documentation</a></li><li class="footer__item"><a class="footer__link-item" href="/kr/community">Community</a></li><li class="footer__item"><a class="footer__link-item" href="/kr/nav">Help</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">License<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/kr/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/kr/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2024  Feature-Sliced Design</div></div></div></footer></div>
+</blockquote></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/ssr.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Last updated<!-- --> on <b><time datetime="2024-10-07T18:23:06.000Z" itemprop="dateModified">Oct 7, 2024</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages navigation"></nav></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Specs</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/kr/docs">Documentation</a></li><li class="footer__item"><a class="footer__link-item" href="/kr/community">Community</a></li><li class="footer__item"><a class="footer__link-item" href="/kr/nav">Help</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">License<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/kr/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/kr/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2024  Feature-Sliced Design</div></div></div></footer></div>
 </body>
 </html>
\ No newline at end of file
diff --git a/kr/docs/guides/examples/theme.html b/kr/docs/guides/examples/theme.html
index 0f3c86dc65..194ee25b9d 100644
--- a/kr/docs/guides/examples/theme.html
+++ b/kr/docs/guides/examples/theme.html
@@ -9,8 +9,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/kr/opensearch.xml"><link rel="stylesheet" href="/kr/assets/css/styles.554655a0.css">
-<script src="/kr/assets/js/runtime~main.747d66f0.js" defer="defer"></script>
-<script src="/kr/assets/js/main.6d627ed0.js" defer="defer"></script>
+<script src="/kr/assets/js/runtime~main.c4f81ee2.js" defer="defer"></script>
+<script src="/kr/assets/js/main.ea09754c.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/kr/"><div class="navbar__logo"><img src="/kr/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/kr/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/kr/docs">📖 Docs</a><a class="navbar__item navbar__link" href="/kr/community">💫 Community</a><a class="navbar__item navbar__link" href="/kr/blog">📝 Blog</a><a class="navbar__item navbar__link" href="/kr/examples">🛠 Examples</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/kr/docs/guides/examples/theme">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a aria-current="page" class="dropdown__link dropdown__link--active" href="/kr/docs/guides/examples/theme">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/kr/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>한국어</a><ul class="dropdown__menu"><li><a href="/ru/docs/guides/examples/theme" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ru">Русский</a></li><li><a href="/docs/guides/examples/theme" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/uz/docs/guides/examples/theme" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/docs/guides/examples/theme" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="kr">한국어</a></li><li><a href="/ja/docs/guides/examples/theme" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><div class="docsWrapper_rDLg"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_JQoL" type="button"></button><div class="docRoot_GkJk"><aside class="theme-doc-sidebar-container docSidebarContainer_xiHB"><div class="sidebarViewport_DaHB"><div class="sidebar_Kb82"><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_AkOp"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--active" href="/kr/docs/guides">🎯  Guides</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--active" tabindex="0" href="/kr/docs/guides/examples">Examples</a><button aria-label="Collapse sidebar category &#x27;Examples&#x27;" aria-expanded="true" type="button" class="clean-btn menu__caret"></button></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/kr/docs/guides/examples/auth">Authentication</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/kr/docs/guides/examples/types">Types</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/kr/docs/guides/examples/page-layout">Page layouts</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item sidebar-item--wip"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/kr/docs/guides/examples/theme">Theme</a></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/kr/docs/guides/migration/from-custom">Migration</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/kr/docs/guides/tech/with-nextjs">Tech</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/kr/docs/guides/issues/desegmented">Code smells &amp; Issues</a></div></li></ul></li></ul></nav><button type="button" title="Collapse sidebar" aria-label="Collapse sidebar" class="button button--secondary button--outline collapseSidebarButton_L8vW"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_hYfn"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_uESP"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_w6lk"><div class="theme-admonition theme-admonition-caution admonition_yLUd alert alert--warning theme-unlisted-banner"><div class="admonitionHeading_ulUq"><span class="admonitionIcon_Wbvt"><svg viewBox="0 0 16 16"><path fill-rule="evenodd" d="M8.893 1.5c-.183-.31-.52-.5-.887-.5s-.703.19-.886.5L.138 13.499a.98.98 0 0 0 0 1.001c.193.31.53.501.886.501h13.964c.367 0 .704-.19.877-.5a1.03 1.03 0 0 0 .01-1.002L8.893 1.5zm.133 11.497H6.987v-2.003h2.039v2.003zm0-3.004H6.987V5.987h2.039v4.006z"></path></svg></span>Unlisted page</div><div class="admonitionContent_mbd8">This page is unlisted. Search engines will not index it, and only users having a direct link can access it.</div></div><div class="docItemContainer_b1tn"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_ioLt" aria-label="Breadcrumbs"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Home page" class="breadcrumbs__link" href="/kr/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_ZfEo"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/kr/docs/guides"><span itemprop="name">🎯  Guides</span></a><meta itemprop="position" content="1"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/kr/docs/guides/examples"><span itemprop="name">Examples</span></a><meta itemprop="position" content="2"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">Theme</span><meta itemprop="position" content="3"></li></ul></nav><div class="tocCollapsible_EkMH theme-doc-toc-mobile tocMobile_XRnS"><button type="button" class="clean-btn tocCollapsibleButton_ID8T">On this page</button></div><div class="theme-doc-markdown markdown"><header><h1>Theme</h1></header>
@@ -22,6 +22,6 @@ <h2 class="anchor anchorWithStickyNavbar_QzlE" id="where-should-i-put-my-work-wi
 <h2 class="anchor anchorWithStickyNavbar_QzlE" id="discussion-about-the-location-of-the-theme-i18n-logic">Discussion about the location of the theme, i18n logic<a href="#discussion-about-the-location-of-the-theme-i18n-logic" class="hash-link" aria-label="Direct link to heading" title="Direct link to heading">​</a></h2>
 <blockquote>
 <p><a href="https://youtu.be/b_nBvHWqxP8?t=133" target="_blank" rel="noopener noreferrer">https://youtu.be/b_nBvHWqxP8?t=133</a></p>
-</blockquote></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/theme.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Last updated<!-- --> on <b><time datetime="2024-09-29T11:02:46.000Z" itemprop="dateModified">Sep 29, 2024</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages navigation"></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#where-should-i-put-my-work-with-the-theme-and-palette" class="table-of-contents__link toc-highlight">Where should I put my work with the theme and palette?</a></li><li><a href="#discussion-about-the-location-of-the-theme-i18n-logic" class="table-of-contents__link toc-highlight">Discussion about the location of the theme, i18n logic</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Specs</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/kr/docs">Documentation</a></li><li class="footer__item"><a class="footer__link-item" href="/kr/community">Community</a></li><li class="footer__item"><a class="footer__link-item" href="/kr/nav">Help</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">License<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/kr/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/kr/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2024  Feature-Sliced Design</div></div></div></footer></div>
+</blockquote></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/theme.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Last updated<!-- --> on <b><time datetime="2024-10-07T18:23:06.000Z" itemprop="dateModified">Oct 7, 2024</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages navigation"></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#where-should-i-put-my-work-with-the-theme-and-palette" class="table-of-contents__link toc-highlight">Where should I put my work with the theme and palette?</a></li><li><a href="#discussion-about-the-location-of-the-theme-i18n-logic" class="table-of-contents__link toc-highlight">Discussion about the location of the theme, i18n logic</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Specs</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/kr/docs">Documentation</a></li><li class="footer__item"><a class="footer__link-item" href="/kr/community">Community</a></li><li class="footer__item"><a class="footer__link-item" href="/kr/nav">Help</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">License<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/kr/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/kr/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2024  Feature-Sliced Design</div></div></div></footer></div>
 </body>
 </html>
\ No newline at end of file
diff --git a/kr/docs/guides/examples/types.html b/kr/docs/guides/examples/types.html
index 1f2494aefe..500126895a 100644
--- a/kr/docs/guides/examples/types.html
+++ b/kr/docs/guides/examples/types.html
@@ -9,8 +9,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/kr/opensearch.xml"><link rel="stylesheet" href="/kr/assets/css/styles.554655a0.css">
-<script src="/kr/assets/js/runtime~main.747d66f0.js" defer="defer"></script>
-<script src="/kr/assets/js/main.6d627ed0.js" defer="defer"></script>
+<script src="/kr/assets/js/runtime~main.c4f81ee2.js" defer="defer"></script>
+<script src="/kr/assets/js/main.ea09754c.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/kr/"><div class="navbar__logo"><img src="/kr/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/kr/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/kr/docs">📖 Docs</a><a class="navbar__item navbar__link" href="/kr/community">💫 Community</a><a class="navbar__item navbar__link" href="/kr/blog">📝 Blog</a><a class="navbar__item navbar__link" href="/kr/examples">🛠 Examples</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/kr/docs/guides/examples/types">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a aria-current="page" class="dropdown__link dropdown__link--active" href="/kr/docs/guides/examples/types">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/kr/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>한국어</a><ul class="dropdown__menu"><li><a href="/ru/docs/guides/examples/types" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ru">Русский</a></li><li><a href="/docs/guides/examples/types" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/uz/docs/guides/examples/types" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/docs/guides/examples/types" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="kr">한국어</a></li><li><a href="/ja/docs/guides/examples/types" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><div class="docsWrapper_rDLg"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_JQoL" type="button"></button><div class="docRoot_GkJk"><aside class="theme-doc-sidebar-container docSidebarContainer_xiHB"><div class="sidebarViewport_DaHB"><div class="sidebar_Kb82"><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_AkOp"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--active" href="/kr/docs/guides">🎯  Guides</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--active" tabindex="0" href="/kr/docs/guides/examples">Examples</a><button aria-label="Collapse sidebar category &#x27;Examples&#x27;" aria-expanded="true" type="button" class="clean-btn menu__caret"></button></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/kr/docs/guides/examples/auth">Authentication</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/kr/docs/guides/examples/types">Types</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/kr/docs/guides/examples/page-layout">Page layouts</a></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/kr/docs/guides/migration/from-custom">Migration</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/kr/docs/guides/tech/with-nextjs">Tech</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/kr/docs/guides/issues/desegmented">Code smells &amp; Issues</a></div></li></ul></li></ul></nav><button type="button" title="Collapse sidebar" aria-label="Collapse sidebar" class="button button--secondary button--outline collapseSidebarButton_L8vW"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_hYfn"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_uESP"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_w6lk"><div class="docItemContainer_b1tn"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_ioLt" aria-label="Breadcrumbs"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Home page" class="breadcrumbs__link" href="/kr/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_ZfEo"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/kr/docs/guides"><span itemprop="name">🎯  Guides</span></a><meta itemprop="position" content="1"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/kr/docs/guides/examples"><span itemprop="name">Examples</span></a><meta itemprop="position" content="2"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">Types</span><meta itemprop="position" content="3"></li></ul></nav><div class="tocCollapsible_EkMH theme-doc-toc-mobile tocMobile_XRnS"><button type="button" class="clean-btn tocCollapsibleButton_ID8T">On this page</button></div><div class="theme-doc-markdown markdown"><header><h1>Types</h1></header>
@@ -142,6 +142,6 @@ <h2 class="anchor anchorWithStickyNavbar_QzlE" id="ambient-declaration-files-dts
 <p>Other packages simply don&#x27;t have typings, and you might want to declare them as untyped or even write your own typings for them. A good place for those typings would be <code>shared/lib</code>, in a folder like <code>shared/lib/untyped-packages</code>. Create a <code>%LIBRARY_NAME%.d.ts</code> file there and declare the types you need:</p>
 <div class="language-ts codeBlockContainer_IiXL theme-code-block" style="--prism-background-color:hsl(230, 1%, 98%);--prism-color:hsl(230, 8%, 24%)"><div class="codeBlockTitle_ajkA">shared/lib/untyped-packages/use-react-screenshot.d.ts</div><div class="codeBlockContent_Y78k"><pre tabindex="0" class="prism-code language-ts codeBlock_gc_u thin-scrollbar" style="background-color:hsl(230, 1%, 98%);color:hsl(230, 8%, 24%)"><code class="codeBlockLines_PG8G"><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token comment" style="color:hsl(230, 4%, 64%)">// This library doesn&#x27;t have typings, and we didn&#x27;t want to bother writing our own.</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain"></span><span class="token keyword" style="color:hsl(301, 63%, 40%)">declare</span><span class="token plain"> </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">module</span><span class="token plain"> </span><span class="token string" style="color:hsl(119, 34%, 47%)">&quot;use-react-screenshot&quot;</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><br></span></code></pre><div class="buttonGroup_VWIG"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_p0uL" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_LnVn"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_yLdc"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div>
 <h2 class="anchor anchorWithStickyNavbar_QzlE" id="auto-generation-of-types">Auto-generation of types<a href="#auto-generation-of-types" class="hash-link" aria-label="Direct link to heading" title="Direct link to heading">​</a></h2>
-<p>It&#x27;s common to generate types from external sources, for example, generating backend types from an OpenAPI schema. In this case, create a dedicated place in your codebase for these types, like <code>shared/api/openapi</code>. Ideally, you should also include a README in that folder that describes what these files are, how to regenerate them, etc.</p></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/types.md" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Last updated<!-- --> on <b><time datetime="2024-09-29T11:02:46.000Z" itemprop="dateModified">Sep 29, 2024</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/kr/docs/guides/examples/auth"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">Authentication</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/kr/docs/guides/examples/page-layout"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">Page layouts</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#utility-types" class="table-of-contents__link toc-highlight">Utility types</a></li><li><a href="#business-entities-and-their-cross-references" class="table-of-contents__link toc-highlight">Business entities and their cross-references</a></li><li><a href="#data-transfer-objects-and-mappers" class="table-of-contents__link toc-highlight">Data transfer objects and mappers</a><ul><li><a href="#where-to-put-dtos" class="table-of-contents__link toc-highlight">Where to put DTOs</a></li><li><a href="#where-to-put-mappers" class="table-of-contents__link toc-highlight">Where to put mappers</a></li><li><a href="#how-to-deal-with-nested-dtos" class="table-of-contents__link toc-highlight">How to deal with nested DTOs</a></li></ul></li><li><a href="#global-types-and-redux" class="table-of-contents__link toc-highlight">Global types and Redux</a></li><li><a href="#enums" class="table-of-contents__link toc-highlight">Enums</a></li><li><a href="#type-validation-schemas-and-zod" class="table-of-contents__link toc-highlight">Type validation schemas and Zod</a></li><li><a href="#typings-of-component-props-and-context" class="table-of-contents__link toc-highlight">Typings of component props and context</a></li><li><a href="#ambient-declaration-files-dts" class="table-of-contents__link toc-highlight">Ambient declaration files (<code>*.d.ts</code>)</a></li><li><a href="#auto-generation-of-types" class="table-of-contents__link toc-highlight">Auto-generation of types</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Specs</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/kr/docs">Documentation</a></li><li class="footer__item"><a class="footer__link-item" href="/kr/community">Community</a></li><li class="footer__item"><a class="footer__link-item" href="/kr/nav">Help</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">License<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/kr/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/kr/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2024  Feature-Sliced Design</div></div></div></footer></div>
+<p>It&#x27;s common to generate types from external sources, for example, generating backend types from an OpenAPI schema. In this case, create a dedicated place in your codebase for these types, like <code>shared/api/openapi</code>. Ideally, you should also include a README in that folder that describes what these files are, how to regenerate them, etc.</p></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/types.md" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Last updated<!-- --> on <b><time datetime="2024-10-07T18:23:06.000Z" itemprop="dateModified">Oct 7, 2024</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/kr/docs/guides/examples/auth"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">Authentication</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/kr/docs/guides/examples/page-layout"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">Page layouts</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#utility-types" class="table-of-contents__link toc-highlight">Utility types</a></li><li><a href="#business-entities-and-their-cross-references" class="table-of-contents__link toc-highlight">Business entities and their cross-references</a></li><li><a href="#data-transfer-objects-and-mappers" class="table-of-contents__link toc-highlight">Data transfer objects and mappers</a><ul><li><a href="#where-to-put-dtos" class="table-of-contents__link toc-highlight">Where to put DTOs</a></li><li><a href="#where-to-put-mappers" class="table-of-contents__link toc-highlight">Where to put mappers</a></li><li><a href="#how-to-deal-with-nested-dtos" class="table-of-contents__link toc-highlight">How to deal with nested DTOs</a></li></ul></li><li><a href="#global-types-and-redux" class="table-of-contents__link toc-highlight">Global types and Redux</a></li><li><a href="#enums" class="table-of-contents__link toc-highlight">Enums</a></li><li><a href="#type-validation-schemas-and-zod" class="table-of-contents__link toc-highlight">Type validation schemas and Zod</a></li><li><a href="#typings-of-component-props-and-context" class="table-of-contents__link toc-highlight">Typings of component props and context</a></li><li><a href="#ambient-declaration-files-dts" class="table-of-contents__link toc-highlight">Ambient declaration files (<code>*.d.ts</code>)</a></li><li><a href="#auto-generation-of-types" class="table-of-contents__link toc-highlight">Auto-generation of types</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Specs</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/kr/docs">Documentation</a></li><li class="footer__item"><a class="footer__link-item" href="/kr/community">Community</a></li><li class="footer__item"><a class="footer__link-item" href="/kr/nav">Help</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">License<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/kr/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/kr/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2024  Feature-Sliced Design</div></div></div></footer></div>
 </body>
 </html>
\ No newline at end of file
diff --git a/kr/docs/guides/examples/white-labels.html b/kr/docs/guides/examples/white-labels.html
index 169ad11380..82b97fbf75 100644
--- a/kr/docs/guides/examples/white-labels.html
+++ b/kr/docs/guides/examples/white-labels.html
@@ -9,8 +9,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/kr/opensearch.xml"><link rel="stylesheet" href="/kr/assets/css/styles.554655a0.css">
-<script src="/kr/assets/js/runtime~main.747d66f0.js" defer="defer"></script>
-<script src="/kr/assets/js/main.6d627ed0.js" defer="defer"></script>
+<script src="/kr/assets/js/runtime~main.c4f81ee2.js" defer="defer"></script>
+<script src="/kr/assets/js/main.ea09754c.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/kr/"><div class="navbar__logo"><img src="/kr/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/kr/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/kr/docs">📖 Docs</a><a class="navbar__item navbar__link" href="/kr/community">💫 Community</a><a class="navbar__item navbar__link" href="/kr/blog">📝 Blog</a><a class="navbar__item navbar__link" href="/kr/examples">🛠 Examples</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/kr/docs/guides/examples/white-labels">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a aria-current="page" class="dropdown__link dropdown__link--active" href="/kr/docs/guides/examples/white-labels">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/kr/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>한국어</a><ul class="dropdown__menu"><li><a href="/ru/docs/guides/examples/white-labels" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ru">Русский</a></li><li><a href="/docs/guides/examples/white-labels" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/uz/docs/guides/examples/white-labels" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/docs/guides/examples/white-labels" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="kr">한국어</a></li><li><a href="/ja/docs/guides/examples/white-labels" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><div class="docsWrapper_rDLg"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_JQoL" type="button"></button><div class="docRoot_GkJk"><aside class="theme-doc-sidebar-container docSidebarContainer_xiHB"><div class="sidebarViewport_DaHB"><div class="sidebar_Kb82"><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_AkOp"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--active" href="/kr/docs/guides">🎯  Guides</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--active" tabindex="0" href="/kr/docs/guides/examples">Examples</a><button aria-label="Collapse sidebar category &#x27;Examples&#x27;" aria-expanded="true" type="button" class="clean-btn menu__caret"></button></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/kr/docs/guides/examples/auth">Authentication</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/kr/docs/guides/examples/types">Types</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/kr/docs/guides/examples/page-layout">Page layouts</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item sidebar-item--wip"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/kr/docs/guides/examples/white-labels">White Labels</a></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/kr/docs/guides/migration/from-custom">Migration</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/kr/docs/guides/tech/with-nextjs">Tech</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/kr/docs/guides/issues/desegmented">Code smells &amp; Issues</a></div></li></ul></li></ul></nav><button type="button" title="Collapse sidebar" aria-label="Collapse sidebar" class="button button--secondary button--outline collapseSidebarButton_L8vW"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_hYfn"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_uESP"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_w6lk"><div class="theme-admonition theme-admonition-caution admonition_yLUd alert alert--warning theme-unlisted-banner"><div class="admonitionHeading_ulUq"><span class="admonitionIcon_Wbvt"><svg viewBox="0 0 16 16"><path fill-rule="evenodd" d="M8.893 1.5c-.183-.31-.52-.5-.887-.5s-.703.19-.886.5L.138 13.499a.98.98 0 0 0 0 1.001c.193.31.53.501.886.501h13.964c.367 0 .704-.19.877-.5a1.03 1.03 0 0 0 .01-1.002L8.893 1.5zm.133 11.497H6.987v-2.003h2.039v2.003zm0-3.004H6.987V5.987h2.039v4.006z"></path></svg></span>Unlisted page</div><div class="admonitionContent_mbd8">This page is unlisted. Search engines will not index it, and only users having a direct link can access it.</div></div><div class="docItemContainer_b1tn"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_ioLt" aria-label="Breadcrumbs"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Home page" class="breadcrumbs__link" href="/kr/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_ZfEo"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/kr/docs/guides"><span itemprop="name">🎯  Guides</span></a><meta itemprop="position" content="1"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/kr/docs/guides/examples"><span itemprop="name">Examples</span></a><meta itemprop="position" content="2"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">White Labels</span><meta itemprop="position" content="3"></li></ul></nav><div class="tocCollapsible_EkMH theme-doc-toc-mobile tocMobile_XRnS"><button type="button" class="clean-btn tocCollapsibleButton_ID8T">On this page</button></div><div class="theme-doc-markdown markdown"><header><h1>White Labels</h1></header>
@@ -22,6 +22,6 @@ <h2 class="anchor anchorWithStickyNavbar_QzlE" id="see-also">See also<a href="#s
 <ul>
 <li><a href="https://t.me/feature_sliced/1543" target="_blank" rel="noopener noreferrer">(Thread) About the application for white-labels (branded) projects</a></li>
 <li><a href="http://yadi.sk/i/5IdhzsWrpO3v4Q" target="_blank" rel="noopener noreferrer">(Presentation) About white-labels apps and design</a></li>
-</ul></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/white-labels.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Last updated<!-- --> on <b><time datetime="2024-09-29T11:02:46.000Z" itemprop="dateModified">Sep 29, 2024</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages navigation"></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#see-also" class="table-of-contents__link toc-highlight">See also</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Specs</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/kr/docs">Documentation</a></li><li class="footer__item"><a class="footer__link-item" href="/kr/community">Community</a></li><li class="footer__item"><a class="footer__link-item" href="/kr/nav">Help</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">License<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/kr/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/kr/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2024  Feature-Sliced Design</div></div></div></footer></div>
+</ul></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/white-labels.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Last updated<!-- --> on <b><time datetime="2024-10-07T18:23:06.000Z" itemprop="dateModified">Oct 7, 2024</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages navigation"></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#see-also" class="table-of-contents__link toc-highlight">See also</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Specs</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/kr/docs">Documentation</a></li><li class="footer__item"><a class="footer__link-item" href="/kr/community">Community</a></li><li class="footer__item"><a class="footer__link-item" href="/kr/nav">Help</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">License<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/kr/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/kr/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2024  Feature-Sliced Design</div></div></div></footer></div>
 </body>
 </html>
\ No newline at end of file
diff --git a/kr/docs/guides/issues/cross-imports.html b/kr/docs/guides/issues/cross-imports.html
index 9a2602edb5..6caa90cb8e 100644
--- a/kr/docs/guides/issues/cross-imports.html
+++ b/kr/docs/guides/issues/cross-imports.html
@@ -9,8 +9,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/kr/opensearch.xml"><link rel="stylesheet" href="/kr/assets/css/styles.554655a0.css">
-<script src="/kr/assets/js/runtime~main.747d66f0.js" defer="defer"></script>
-<script src="/kr/assets/js/main.6d627ed0.js" defer="defer"></script>
+<script src="/kr/assets/js/runtime~main.c4f81ee2.js" defer="defer"></script>
+<script src="/kr/assets/js/main.ea09754c.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/kr/"><div class="navbar__logo"><img src="/kr/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/kr/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/kr/docs">📖 Docs</a><a class="navbar__item navbar__link" href="/kr/community">💫 Community</a><a class="navbar__item navbar__link" href="/kr/blog">📝 Blog</a><a class="navbar__item navbar__link" href="/kr/examples">🛠 Examples</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/kr/docs/guides/issues/cross-imports">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a aria-current="page" class="dropdown__link dropdown__link--active" href="/kr/docs/guides/issues/cross-imports">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/kr/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>한국어</a><ul class="dropdown__menu"><li><a href="/ru/docs/guides/issues/cross-imports" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ru">Русский</a></li><li><a href="/docs/guides/issues/cross-imports" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/uz/docs/guides/issues/cross-imports" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/docs/guides/issues/cross-imports" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="kr">한국어</a></li><li><a href="/ja/docs/guides/issues/cross-imports" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><div class="docsWrapper_rDLg"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_JQoL" type="button"></button><div class="docRoot_GkJk"><aside class="theme-doc-sidebar-container docSidebarContainer_xiHB"><div class="sidebarViewport_DaHB"><div class="sidebar_Kb82"><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_AkOp"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--active" href="/kr/docs/guides">🎯  Guides</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" tabindex="0" href="/kr/docs/guides/examples">Examples</a><button aria-label="Expand sidebar category &#x27;Examples&#x27;" aria-expanded="false" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/kr/docs/guides/migration/from-custom">Migration</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/kr/docs/guides/tech/with-nextjs">Tech</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret menu__link--active" role="button" aria-expanded="true" tabindex="0" href="/kr/docs/guides/issues/desegmented">Code smells &amp; Issues</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item sidebar-item--wip"><a class="menu__link" tabindex="0" href="/kr/docs/guides/issues/desegmented">Desegemented</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item sidebar-item--wip"><a class="menu__link" tabindex="0" href="/kr/docs/guides/issues/routes">Routing</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item sidebar-item--wip"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/kr/docs/guides/issues/cross-imports">Cross-imports</a></li></ul></li></ul></li></ul></nav><button type="button" title="Collapse sidebar" aria-label="Collapse sidebar" class="button button--secondary button--outline collapseSidebarButton_L8vW"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_hYfn"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_uESP"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_w6lk"><div class="docItemContainer_b1tn"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_ioLt" aria-label="Breadcrumbs"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Home page" class="breadcrumbs__link" href="/kr/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_ZfEo"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/kr/docs/guides"><span itemprop="name">🎯  Guides</span></a><meta itemprop="position" content="1"></li><li class="breadcrumbs__item"><span class="breadcrumbs__link">Code smells &amp; Issues</span><meta itemprop="position" content="2"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">Cross-imports</span><meta itemprop="position" content="3"></li></ul></nav><div class="tocCollapsible_EkMH theme-doc-toc-mobile tocMobile_XRnS"><button type="button" class="clean-btn tocCollapsibleButton_ID8T">On this page</button></div><div class="theme-doc-markdown markdown"><header><h1>Cross-imports</h1></header>
@@ -25,6 +25,6 @@ <h2 class="anchor anchorWithStickyNavbar_QzlE" id="see-also">See also<a href="#s
 <li><a href="https://t.me/feature_sliced/3287" target="_blank" rel="noopener noreferrer">(Thread) About cross-imports and responsibility</a></li>
 <li><a href="https://t.me/feature_sliced/4021" target="_blank" rel="noopener noreferrer">(Thread) About imports between segments</a></li>
 <li><a href="https://t.me/feature_sliced/3618" target="_blank" rel="noopener noreferrer">(Thread) About cross-imports inside shared</a></li>
-</ul></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/guides/issues/cross-imports.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Last updated<!-- --> on <b><time datetime="2024-09-29T11:02:46.000Z" itemprop="dateModified">Sep 29, 2024</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/kr/docs/guides/issues/routes"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">Routing</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/kr/docs/reference"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">📚 Reference</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#see-also" class="table-of-contents__link toc-highlight">See also</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Specs</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/kr/docs">Documentation</a></li><li class="footer__item"><a class="footer__link-item" href="/kr/community">Community</a></li><li class="footer__item"><a class="footer__link-item" href="/kr/nav">Help</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">License<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/kr/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/kr/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2024  Feature-Sliced Design</div></div></div></footer></div>
+</ul></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/guides/issues/cross-imports.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Last updated<!-- --> on <b><time datetime="2024-10-07T18:23:06.000Z" itemprop="dateModified">Oct 7, 2024</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/kr/docs/guides/issues/routes"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">Routing</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/kr/docs/reference"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">📚 Reference</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#see-also" class="table-of-contents__link toc-highlight">See also</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Specs</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/kr/docs">Documentation</a></li><li class="footer__item"><a class="footer__link-item" href="/kr/community">Community</a></li><li class="footer__item"><a class="footer__link-item" href="/kr/nav">Help</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">License<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/kr/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/kr/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2024  Feature-Sliced Design</div></div></div></footer></div>
 </body>
 </html>
\ No newline at end of file
diff --git a/kr/docs/guides/issues/desegmented.html b/kr/docs/guides/issues/desegmented.html
index 42f5def692..ec229423f0 100644
--- a/kr/docs/guides/issues/desegmented.html
+++ b/kr/docs/guides/issues/desegmented.html
@@ -9,8 +9,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/kr/opensearch.xml"><link rel="stylesheet" href="/kr/assets/css/styles.554655a0.css">
-<script src="/kr/assets/js/runtime~main.747d66f0.js" defer="defer"></script>
-<script src="/kr/assets/js/main.6d627ed0.js" defer="defer"></script>
+<script src="/kr/assets/js/runtime~main.c4f81ee2.js" defer="defer"></script>
+<script src="/kr/assets/js/main.ea09754c.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/kr/"><div class="navbar__logo"><img src="/kr/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/kr/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/kr/docs">📖 Docs</a><a class="navbar__item navbar__link" href="/kr/community">💫 Community</a><a class="navbar__item navbar__link" href="/kr/blog">📝 Blog</a><a class="navbar__item navbar__link" href="/kr/examples">🛠 Examples</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/kr/docs/guides/issues/desegmented">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a aria-current="page" class="dropdown__link dropdown__link--active" href="/kr/docs/guides/issues/desegmented">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/kr/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>한국어</a><ul class="dropdown__menu"><li><a href="/ru/docs/guides/issues/desegmented" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ru">Русский</a></li><li><a href="/docs/guides/issues/desegmented" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/uz/docs/guides/issues/desegmented" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/docs/guides/issues/desegmented" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="kr">한국어</a></li><li><a href="/ja/docs/guides/issues/desegmented" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><div class="docsWrapper_rDLg"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_JQoL" type="button"></button><div class="docRoot_GkJk"><aside class="theme-doc-sidebar-container docSidebarContainer_xiHB"><div class="sidebarViewport_DaHB"><div class="sidebar_Kb82"><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_AkOp"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--active" href="/kr/docs/guides">🎯  Guides</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" tabindex="0" href="/kr/docs/guides/examples">Examples</a><button aria-label="Expand sidebar category &#x27;Examples&#x27;" aria-expanded="false" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/kr/docs/guides/migration/from-custom">Migration</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/kr/docs/guides/tech/with-nextjs">Tech</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret menu__link--active" role="button" aria-expanded="true" tabindex="0" href="/kr/docs/guides/issues/desegmented">Code smells &amp; Issues</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item sidebar-item--wip"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/kr/docs/guides/issues/desegmented">Desegemented</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item sidebar-item--wip"><a class="menu__link" tabindex="0" href="/kr/docs/guides/issues/routes">Routing</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item sidebar-item--wip"><a class="menu__link" tabindex="0" href="/kr/docs/guides/issues/cross-imports">Cross-imports</a></li></ul></li></ul></li></ul></nav><button type="button" title="Collapse sidebar" aria-label="Collapse sidebar" class="button button--secondary button--outline collapseSidebarButton_L8vW"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_hYfn"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_uESP"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_w6lk"><div class="docItemContainer_b1tn"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_ioLt" aria-label="Breadcrumbs"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Home page" class="breadcrumbs__link" href="/kr/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_ZfEo"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/kr/docs/guides"><span itemprop="name">🎯  Guides</span></a><meta itemprop="position" content="1"></li><li class="breadcrumbs__item"><span class="breadcrumbs__link">Code smells &amp; Issues</span><meta itemprop="position" content="2"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">Desegemented</span><meta itemprop="position" content="3"></li></ul></nav><div class="tocCollapsible_EkMH theme-doc-toc-mobile tocMobile_XRnS"><button type="button" class="clean-btn tocCollapsibleButton_ID8T">On this page</button></div><div class="theme-doc-markdown markdown"><header><h1>Desegemented</h1></header>
@@ -38,6 +38,6 @@ <h2 class="anchor anchorWithStickyNavbar_QzlE" id="see-also">See also<a href="#s
 <ul>
 <li><a href="https://enterprisecraftsmanship.com/posts/cohesion-coupling-difference/" target="_blank" rel="noopener noreferrer">(Article) About Low Coupling and High Cohesion clearly</a></li>
 <li><a href="https://medium.com/german-gorelkin/low-coupling-high-cohesion-d36369fb1be9" target="_blank" rel="noopener noreferrer">(Article) Low Coupling and High Cohesion. The Law of Demeter</a></li>
-</ul></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/guides/issues/desegmented.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Last updated<!-- --> on <b><time datetime="2024-09-29T11:02:46.000Z" itemprop="dateModified">Sep 29, 2024</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/kr/docs/guides/tech/with-sveltekit"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">Usage with SvelteKit</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/kr/docs/guides/issues/routes"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">Routing</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#situation" class="table-of-contents__link toc-highlight">Situation</a></li><li><a href="#problem" class="table-of-contents__link toc-highlight">Problem</a></li><li><a href="#if-you-ignore-it" class="table-of-contents__link toc-highlight">If you ignore it</a></li><li><a href="#solution" class="table-of-contents__link toc-highlight">Solution</a></li><li><a href="#see-also" class="table-of-contents__link toc-highlight">See also</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Specs</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/kr/docs">Documentation</a></li><li class="footer__item"><a class="footer__link-item" href="/kr/community">Community</a></li><li class="footer__item"><a class="footer__link-item" href="/kr/nav">Help</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">License<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/kr/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/kr/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2024  Feature-Sliced Design</div></div></div></footer></div>
+</ul></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/guides/issues/desegmented.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Last updated<!-- --> on <b><time datetime="2024-10-07T18:23:06.000Z" itemprop="dateModified">Oct 7, 2024</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/kr/docs/guides/tech/with-sveltekit"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">Usage with SvelteKit</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/kr/docs/guides/issues/routes"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">Routing</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#situation" class="table-of-contents__link toc-highlight">Situation</a></li><li><a href="#problem" class="table-of-contents__link toc-highlight">Problem</a></li><li><a href="#if-you-ignore-it" class="table-of-contents__link toc-highlight">If you ignore it</a></li><li><a href="#solution" class="table-of-contents__link toc-highlight">Solution</a></li><li><a href="#see-also" class="table-of-contents__link toc-highlight">See also</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Specs</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/kr/docs">Documentation</a></li><li class="footer__item"><a class="footer__link-item" href="/kr/community">Community</a></li><li class="footer__item"><a class="footer__link-item" href="/kr/nav">Help</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">License<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/kr/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/kr/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2024  Feature-Sliced Design</div></div></div></footer></div>
 </body>
 </html>
\ No newline at end of file
diff --git a/kr/docs/guides/issues/routes.html b/kr/docs/guides/issues/routes.html
index 63d4b4fe1d..08eac40cbb 100644
--- a/kr/docs/guides/issues/routes.html
+++ b/kr/docs/guides/issues/routes.html
@@ -9,8 +9,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/kr/opensearch.xml"><link rel="stylesheet" href="/kr/assets/css/styles.554655a0.css">
-<script src="/kr/assets/js/runtime~main.747d66f0.js" defer="defer"></script>
-<script src="/kr/assets/js/main.6d627ed0.js" defer="defer"></script>
+<script src="/kr/assets/js/runtime~main.c4f81ee2.js" defer="defer"></script>
+<script src="/kr/assets/js/main.ea09754c.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/kr/"><div class="navbar__logo"><img src="/kr/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/kr/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/kr/docs">📖 Docs</a><a class="navbar__item navbar__link" href="/kr/community">💫 Community</a><a class="navbar__item navbar__link" href="/kr/blog">📝 Blog</a><a class="navbar__item navbar__link" href="/kr/examples">🛠 Examples</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/kr/docs/guides/issues/routes">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a aria-current="page" class="dropdown__link dropdown__link--active" href="/kr/docs/guides/issues/routes">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/kr/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>한국어</a><ul class="dropdown__menu"><li><a href="/ru/docs/guides/issues/routes" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ru">Русский</a></li><li><a href="/docs/guides/issues/routes" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/uz/docs/guides/issues/routes" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/docs/guides/issues/routes" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="kr">한국어</a></li><li><a href="/ja/docs/guides/issues/routes" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><div class="docsWrapper_rDLg"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_JQoL" type="button"></button><div class="docRoot_GkJk"><aside class="theme-doc-sidebar-container docSidebarContainer_xiHB"><div class="sidebarViewport_DaHB"><div class="sidebar_Kb82"><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_AkOp"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--active" href="/kr/docs/guides">🎯  Guides</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" tabindex="0" href="/kr/docs/guides/examples">Examples</a><button aria-label="Expand sidebar category &#x27;Examples&#x27;" aria-expanded="false" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/kr/docs/guides/migration/from-custom">Migration</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/kr/docs/guides/tech/with-nextjs">Tech</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret menu__link--active" role="button" aria-expanded="true" tabindex="0" href="/kr/docs/guides/issues/desegmented">Code smells &amp; Issues</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item sidebar-item--wip"><a class="menu__link" tabindex="0" href="/kr/docs/guides/issues/desegmented">Desegemented</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item sidebar-item--wip"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/kr/docs/guides/issues/routes">Routing</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item sidebar-item--wip"><a class="menu__link" tabindex="0" href="/kr/docs/guides/issues/cross-imports">Cross-imports</a></li></ul></li></ul></li></ul></nav><button type="button" title="Collapse sidebar" aria-label="Collapse sidebar" class="button button--secondary button--outline collapseSidebarButton_L8vW"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_hYfn"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_uESP"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_w6lk"><div class="docItemContainer_b1tn"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_ioLt" aria-label="Breadcrumbs"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Home page" class="breadcrumbs__link" href="/kr/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_ZfEo"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/kr/docs/guides"><span itemprop="name">🎯  Guides</span></a><meta itemprop="position" content="1"></li><li class="breadcrumbs__item"><span class="breadcrumbs__link">Code smells &amp; Issues</span><meta itemprop="position" content="2"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">Routing</span><meta itemprop="position" content="3"></li></ul></nav><div class="tocCollapsible_EkMH theme-doc-toc-mobile tocMobile_XRnS"><button type="button" class="clean-btn tocCollapsibleButton_ID8T">On this page</button></div><div class="theme-doc-markdown markdown"><header><h1>Routing</h1></header>
@@ -30,6 +30,6 @@ <h2 class="anchor anchorWithStickyNavbar_QzlE" id="see-also">See also<a href="#s
 <ul>
 <li><a href="https://t.me/feature_sliced/4389" target="_blank" rel="noopener noreferrer">(Thread) What if I &quot;sew up&quot; routing in entities/features/widgets</a></li>
 <li><a href="https://t.me/feature_sliced/3756" target="_blank" rel="noopener noreferrer">(Thread) Why does it smear the logic of routes only in pages</a></li>
-</ul></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/guides/issues/routes.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Last updated<!-- --> on <b><time datetime="2024-09-29T11:02:46.000Z" itemprop="dateModified">Sep 29, 2024</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/kr/docs/guides/issues/desegmented"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">Desegemented</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/kr/docs/guides/issues/cross-imports"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">Cross-imports</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#situation" class="table-of-contents__link toc-highlight">Situation</a></li><li><a href="#problem" class="table-of-contents__link toc-highlight">Problem</a></li><li><a href="#if-you-ignore-it" class="table-of-contents__link toc-highlight">If you ignore it</a></li><li><a href="#solution" class="table-of-contents__link toc-highlight">Solution</a></li><li><a href="#see-also" class="table-of-contents__link toc-highlight">See also</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Specs</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/kr/docs">Documentation</a></li><li class="footer__item"><a class="footer__link-item" href="/kr/community">Community</a></li><li class="footer__item"><a class="footer__link-item" href="/kr/nav">Help</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">License<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/kr/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/kr/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2024  Feature-Sliced Design</div></div></div></footer></div>
+</ul></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/guides/issues/routes.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Last updated<!-- --> on <b><time datetime="2024-10-07T18:23:06.000Z" itemprop="dateModified">Oct 7, 2024</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/kr/docs/guides/issues/desegmented"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">Desegemented</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/kr/docs/guides/issues/cross-imports"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">Cross-imports</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#situation" class="table-of-contents__link toc-highlight">Situation</a></li><li><a href="#problem" class="table-of-contents__link toc-highlight">Problem</a></li><li><a href="#if-you-ignore-it" class="table-of-contents__link toc-highlight">If you ignore it</a></li><li><a href="#solution" class="table-of-contents__link toc-highlight">Solution</a></li><li><a href="#see-also" class="table-of-contents__link toc-highlight">See also</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Specs</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/kr/docs">Documentation</a></li><li class="footer__item"><a class="footer__link-item" href="/kr/community">Community</a></li><li class="footer__item"><a class="footer__link-item" href="/kr/nav">Help</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">License<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/kr/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/kr/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2024  Feature-Sliced Design</div></div></div></footer></div>
 </body>
 </html>
\ No newline at end of file
diff --git a/kr/docs/guides/migration/from-custom.html b/kr/docs/guides/migration/from-custom.html
index 13a7fe2ffb..c484899557 100644
--- a/kr/docs/guides/migration/from-custom.html
+++ b/kr/docs/guides/migration/from-custom.html
@@ -9,8 +9,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/kr/opensearch.xml"><link rel="stylesheet" href="/kr/assets/css/styles.554655a0.css">
-<script src="/kr/assets/js/runtime~main.747d66f0.js" defer="defer"></script>
-<script src="/kr/assets/js/main.6d627ed0.js" defer="defer"></script>
+<script src="/kr/assets/js/runtime~main.c4f81ee2.js" defer="defer"></script>
+<script src="/kr/assets/js/main.ea09754c.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/kr/"><div class="navbar__logo"><img src="/kr/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/kr/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/kr/docs">📖 Docs</a><a class="navbar__item navbar__link" href="/kr/community">💫 Community</a><a class="navbar__item navbar__link" href="/kr/blog">📝 Blog</a><a class="navbar__item navbar__link" href="/kr/examples">🛠 Examples</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/kr/docs/guides/migration/from-custom">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a aria-current="page" class="dropdown__link dropdown__link--active" href="/kr/docs/guides/migration/from-custom">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/kr/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>한국어</a><ul class="dropdown__menu"><li><a href="/ru/docs/guides/migration/from-custom" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ru">Русский</a></li><li><a href="/docs/guides/migration/from-custom" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/uz/docs/guides/migration/from-custom" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/docs/guides/migration/from-custom" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="kr">한국어</a></li><li><a href="/ja/docs/guides/migration/from-custom" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><div class="docsWrapper_rDLg"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_JQoL" type="button"></button><div class="docRoot_GkJk"><aside class="theme-doc-sidebar-container docSidebarContainer_xiHB"><div class="sidebarViewport_DaHB"><div class="sidebar_Kb82"><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_AkOp"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--active" href="/kr/docs/guides">🎯  Guides</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" tabindex="0" href="/kr/docs/guides/examples">Examples</a><button aria-label="Expand sidebar category &#x27;Examples&#x27;" aria-expanded="false" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret menu__link--active" role="button" aria-expanded="true" tabindex="0" href="/kr/docs/guides/migration/from-custom">Migration</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/kr/docs/guides/migration/from-custom">From a custom architecture</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/kr/docs/guides/migration/from-v1">Migration from v1</a></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/kr/docs/guides/tech/with-nextjs">Tech</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/kr/docs/guides/issues/desegmented">Code smells &amp; Issues</a></div></li></ul></li></ul></nav><button type="button" title="Collapse sidebar" aria-label="Collapse sidebar" class="button button--secondary button--outline collapseSidebarButton_L8vW"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_hYfn"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_uESP"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_w6lk"><div class="docItemContainer_b1tn"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_ioLt" aria-label="Breadcrumbs"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Home page" class="breadcrumbs__link" href="/kr/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_ZfEo"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/kr/docs/guides"><span itemprop="name">🎯  Guides</span></a><meta itemprop="position" content="1"></li><li class="breadcrumbs__item"><span class="breadcrumbs__link">Migration</span><meta itemprop="position" content="2"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">From a custom architecture</span><meta itemprop="position" content="3"></li></ul></nav><div class="tocCollapsible_EkMH theme-doc-toc-mobile tocMobile_XRnS"><button type="button" class="clean-btn tocCollapsibleButton_ID8T">On this page</button></div><div class="theme-doc-markdown markdown"><header><h1>Migration from a custom architecture</h1></header>
@@ -99,6 +99,6 @@ <h3 class="anchor anchorWithStickyNavbar_QzlE" id="form-clean-ui-foundation">Ste
 <h2 class="anchor anchorWithStickyNavbar_QzlE" id="see-also">See also<a href="#see-also" class="hash-link" aria-label="Direct link to heading" title="Direct link to heading">​</a></h2>
 <ul>
 <li><a href="https://youtu.be/aOiJ3k2UvO4" target="_blank" rel="noopener noreferrer">(Talk in Russian) Ilya Klimov — Крысиные бега бесконечного рефакторинга: как не дать техническому долгу убить мотивацию и продукт</a></li>
-</ul></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/guides/migration/from-custom.md" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Last updated<!-- --> on <b><time datetime="2024-09-29T11:02:46.000Z" itemprop="dateModified">Sep 29, 2024</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/kr/docs/guides/examples/page-layout"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">Page layouts</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/kr/docs/guides/migration/from-v1"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">Migration from v1</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#before-you-start" class="table-of-contents__link toc-highlight">Before you start</a></li><li><a href="#divide-code-by-pages" class="table-of-contents__link toc-highlight">Step 1. Divide the code by pages</a></li><li><a href="#separate-everything-else-from-pages" class="table-of-contents__link toc-highlight">Step 2. Separate everything else from the pages</a></li><li><a href="#tackle-cross-imports-between-pages" class="table-of-contents__link toc-highlight">Step 3. Tackle cross-imports between pages</a></li><li><a href="#unpack-shared-layer" class="table-of-contents__link toc-highlight">Step 4. Unpack the Shared layer</a></li><li><a href="#organize-by-technical-purpose" class="table-of-contents__link toc-highlight">Step 5. Organize code by technical purpose</a></li><li><a href="#optional-steps" class="table-of-contents__link toc-highlight">Optional steps</a><ul><li><a href="#form-entities-features-from-redux" class="table-of-contents__link toc-highlight">Step 6. Form entities/features from Redux slices that are used on several pages</a></li><li><a href="#refactor-your-modules" class="table-of-contents__link toc-highlight">Step 7. Refactor your modules</a></li><li><a href="#form-clean-ui-foundation" class="table-of-contents__link toc-highlight">Step 8. Form a clean UI foundation in <code>shared/ui</code></a></li></ul></li><li><a href="#see-also" class="table-of-contents__link toc-highlight">See also</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Specs</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/kr/docs">Documentation</a></li><li class="footer__item"><a class="footer__link-item" href="/kr/community">Community</a></li><li class="footer__item"><a class="footer__link-item" href="/kr/nav">Help</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">License<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/kr/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/kr/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2024  Feature-Sliced Design</div></div></div></footer></div>
+</ul></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/guides/migration/from-custom.md" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Last updated<!-- --> on <b><time datetime="2024-10-07T18:23:06.000Z" itemprop="dateModified">Oct 7, 2024</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/kr/docs/guides/examples/page-layout"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">Page layouts</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/kr/docs/guides/migration/from-v1"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">Migration from v1</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#before-you-start" class="table-of-contents__link toc-highlight">Before you start</a></li><li><a href="#divide-code-by-pages" class="table-of-contents__link toc-highlight">Step 1. Divide the code by pages</a></li><li><a href="#separate-everything-else-from-pages" class="table-of-contents__link toc-highlight">Step 2. Separate everything else from the pages</a></li><li><a href="#tackle-cross-imports-between-pages" class="table-of-contents__link toc-highlight">Step 3. Tackle cross-imports between pages</a></li><li><a href="#unpack-shared-layer" class="table-of-contents__link toc-highlight">Step 4. Unpack the Shared layer</a></li><li><a href="#organize-by-technical-purpose" class="table-of-contents__link toc-highlight">Step 5. Organize code by technical purpose</a></li><li><a href="#optional-steps" class="table-of-contents__link toc-highlight">Optional steps</a><ul><li><a href="#form-entities-features-from-redux" class="table-of-contents__link toc-highlight">Step 6. Form entities/features from Redux slices that are used on several pages</a></li><li><a href="#refactor-your-modules" class="table-of-contents__link toc-highlight">Step 7. Refactor your modules</a></li><li><a href="#form-clean-ui-foundation" class="table-of-contents__link toc-highlight">Step 8. Form a clean UI foundation in <code>shared/ui</code></a></li></ul></li><li><a href="#see-also" class="table-of-contents__link toc-highlight">See also</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Specs</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/kr/docs">Documentation</a></li><li class="footer__item"><a class="footer__link-item" href="/kr/community">Community</a></li><li class="footer__item"><a class="footer__link-item" href="/kr/nav">Help</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">License<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/kr/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/kr/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2024  Feature-Sliced Design</div></div></div></footer></div>
 </body>
 </html>
\ No newline at end of file
diff --git a/kr/docs/guides/migration/from-v1.html b/kr/docs/guides/migration/from-v1.html
index 7f512f97bf..5faba39146 100644
--- a/kr/docs/guides/migration/from-v1.html
+++ b/kr/docs/guides/migration/from-v1.html
@@ -9,8 +9,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/kr/opensearch.xml"><link rel="stylesheet" href="/kr/assets/css/styles.554655a0.css">
-<script src="/kr/assets/js/runtime~main.747d66f0.js" defer="defer"></script>
-<script src="/kr/assets/js/main.6d627ed0.js" defer="defer"></script>
+<script src="/kr/assets/js/runtime~main.c4f81ee2.js" defer="defer"></script>
+<script src="/kr/assets/js/main.ea09754c.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/kr/"><div class="navbar__logo"><img src="/kr/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/kr/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/kr/docs">📖 Docs</a><a class="navbar__item navbar__link" href="/kr/community">💫 Community</a><a class="navbar__item navbar__link" href="/kr/blog">📝 Blog</a><a class="navbar__item navbar__link" href="/kr/examples">🛠 Examples</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/kr/docs/guides/migration/from-v1">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a aria-current="page" class="dropdown__link dropdown__link--active" href="/kr/docs/guides/migration/from-v1">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/kr/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>한국어</a><ul class="dropdown__menu"><li><a href="/ru/docs/guides/migration/from-v1" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ru">Русский</a></li><li><a href="/docs/guides/migration/from-v1" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/uz/docs/guides/migration/from-v1" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/docs/guides/migration/from-v1" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="kr">한국어</a></li><li><a href="/ja/docs/guides/migration/from-v1" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><div class="docsWrapper_rDLg"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_JQoL" type="button"></button><div class="docRoot_GkJk"><aside class="theme-doc-sidebar-container docSidebarContainer_xiHB"><div class="sidebarViewport_DaHB"><div class="sidebar_Kb82"><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_AkOp"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--active" href="/kr/docs/guides">🎯  Guides</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" tabindex="0" href="/kr/docs/guides/examples">Examples</a><button aria-label="Expand sidebar category &#x27;Examples&#x27;" aria-expanded="false" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret menu__link--active" role="button" aria-expanded="true" tabindex="0" href="/kr/docs/guides/migration/from-custom">Migration</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/kr/docs/guides/migration/from-custom">From a custom architecture</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/kr/docs/guides/migration/from-v1">Migration from v1</a></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/kr/docs/guides/tech/with-nextjs">Tech</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/kr/docs/guides/issues/desegmented">Code smells &amp; Issues</a></div></li></ul></li></ul></nav><button type="button" title="Collapse sidebar" aria-label="Collapse sidebar" class="button button--secondary button--outline collapseSidebarButton_L8vW"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_hYfn"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_uESP"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_w6lk"><div class="docItemContainer_b1tn"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_ioLt" aria-label="Breadcrumbs"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Home page" class="breadcrumbs__link" href="/kr/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_ZfEo"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/kr/docs/guides"><span itemprop="name">🎯  Guides</span></a><meta itemprop="position" content="1"></li><li class="breadcrumbs__item"><span class="breadcrumbs__link">Migration</span><meta itemprop="position" content="2"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">Migration from v1</span><meta itemprop="position" content="3"></li></ul></nav><div class="tocCollapsible_EkMH theme-doc-toc-mobile tocMobile_XRnS"><button type="button" class="clean-btn tocCollapsibleButton_ID8T">On this page</button></div><div class="theme-doc-markdown markdown"><header><h1>Migration from v1</h1></header>
@@ -197,6 +197,6 @@ <h2 class="anchor anchorWithStickyNavbar_QzlE" id="see-also">See also<a href="#s
 <li><a href="https://t.me/feature_sliced/493" target="_blank" rel="noopener noreferrer">Comparison with v1 (community-chat)</a></li>
 <li><a href="https://t.me/atomicdesign/18708" target="_blank" rel="noopener noreferrer">New ideas v2 with explanations (atomicdesign-chat)</a></li>
 <li><a href="https://github.com/feature-sliced/documentation/discussions/31" target="_blank" rel="noopener noreferrer">Discussion of abstractions and naming for the new version of the methodology (v2)</a></li>
-</ul></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/guides/migration/from-v1.md" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Last updated<!-- --> on <b><time datetime="2024-09-29T11:02:46.000Z" itemprop="dateModified">Sep 29, 2024</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/kr/docs/guides/migration/from-custom"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">From a custom architecture</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/kr/docs/guides/tech/with-nextjs"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">Usage with NextJS</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#why-v2" class="table-of-contents__link toc-highlight">Why v2?</a></li><li><a href="#why-does-it-make-sense-to-migrate-the-project-to-v2" class="table-of-contents__link toc-highlight">Why does it make sense to migrate the project to v2?</a></li><li><a href="#changelog" class="table-of-contents__link toc-highlight">Changelog</a><ul><li><a href="#breaking-layers" class="table-of-contents__link toc-highlight"><code>BREAKING</code> Layers</a></li><li><a href="#breaking-shared" class="table-of-contents__link toc-highlight"><code>BREAKING</code> Shared</a></li><li><a href="#new-entities-processes" class="table-of-contents__link toc-highlight"><code>NEW</code> Entities, Processes</a></li><li><a href="#breaking-abstractions--naming" class="table-of-contents__link toc-highlight"><code>BREAKING</code> Abstractions &amp; Naming</a></li><li><a href="#refined-low-coupling" class="table-of-contents__link toc-highlight"><code>REFINED</code> Low coupling</a></li></ul></li><li><a href="#see-also" class="table-of-contents__link toc-highlight">See also</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Specs</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/kr/docs">Documentation</a></li><li class="footer__item"><a class="footer__link-item" href="/kr/community">Community</a></li><li class="footer__item"><a class="footer__link-item" href="/kr/nav">Help</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">License<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/kr/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/kr/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2024  Feature-Sliced Design</div></div></div></footer></div>
+</ul></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/guides/migration/from-v1.md" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Last updated<!-- --> on <b><time datetime="2024-10-07T18:23:06.000Z" itemprop="dateModified">Oct 7, 2024</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/kr/docs/guides/migration/from-custom"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">From a custom architecture</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/kr/docs/guides/tech/with-nextjs"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">Usage with NextJS</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#why-v2" class="table-of-contents__link toc-highlight">Why v2?</a></li><li><a href="#why-does-it-make-sense-to-migrate-the-project-to-v2" class="table-of-contents__link toc-highlight">Why does it make sense to migrate the project to v2?</a></li><li><a href="#changelog" class="table-of-contents__link toc-highlight">Changelog</a><ul><li><a href="#breaking-layers" class="table-of-contents__link toc-highlight"><code>BREAKING</code> Layers</a></li><li><a href="#breaking-shared" class="table-of-contents__link toc-highlight"><code>BREAKING</code> Shared</a></li><li><a href="#new-entities-processes" class="table-of-contents__link toc-highlight"><code>NEW</code> Entities, Processes</a></li><li><a href="#breaking-abstractions--naming" class="table-of-contents__link toc-highlight"><code>BREAKING</code> Abstractions &amp; Naming</a></li><li><a href="#refined-low-coupling" class="table-of-contents__link toc-highlight"><code>REFINED</code> Low coupling</a></li></ul></li><li><a href="#see-also" class="table-of-contents__link toc-highlight">See also</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Specs</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/kr/docs">Documentation</a></li><li class="footer__item"><a class="footer__link-item" href="/kr/community">Community</a></li><li class="footer__item"><a class="footer__link-item" href="/kr/nav">Help</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">License<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/kr/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/kr/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2024  Feature-Sliced Design</div></div></div></footer></div>
 </body>
 </html>
\ No newline at end of file
diff --git a/kr/docs/guides/tech/with-nextjs.html b/kr/docs/guides/tech/with-nextjs.html
index f29e688c85..18aa824de2 100644
--- a/kr/docs/guides/tech/with-nextjs.html
+++ b/kr/docs/guides/tech/with-nextjs.html
@@ -9,8 +9,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/kr/opensearch.xml"><link rel="stylesheet" href="/kr/assets/css/styles.554655a0.css">
-<script src="/kr/assets/js/runtime~main.747d66f0.js" defer="defer"></script>
-<script src="/kr/assets/js/main.6d627ed0.js" defer="defer"></script>
+<script src="/kr/assets/js/runtime~main.c4f81ee2.js" defer="defer"></script>
+<script src="/kr/assets/js/main.ea09754c.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/kr/"><div class="navbar__logo"><img src="/kr/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/kr/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/kr/docs">📖 Docs</a><a class="navbar__item navbar__link" href="/kr/community">💫 Community</a><a class="navbar__item navbar__link" href="/kr/blog">📝 Blog</a><a class="navbar__item navbar__link" href="/kr/examples">🛠 Examples</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/kr/docs/guides/tech/with-nextjs">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a aria-current="page" class="dropdown__link dropdown__link--active" href="/kr/docs/guides/tech/with-nextjs">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/kr/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>한국어</a><ul class="dropdown__menu"><li><a href="/ru/docs/guides/tech/with-nextjs" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ru">Русский</a></li><li><a href="/docs/guides/tech/with-nextjs" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/uz/docs/guides/tech/with-nextjs" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/docs/guides/tech/with-nextjs" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="kr">한국어</a></li><li><a href="/ja/docs/guides/tech/with-nextjs" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><div class="docsWrapper_rDLg"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_JQoL" type="button"></button><div class="docRoot_GkJk"><aside class="theme-doc-sidebar-container docSidebarContainer_xiHB"><div class="sidebarViewport_DaHB"><div class="sidebar_Kb82"><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_AkOp"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--active" href="/kr/docs/guides">🎯  Guides</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" tabindex="0" href="/kr/docs/guides/examples">Examples</a><button aria-label="Expand sidebar category &#x27;Examples&#x27;" aria-expanded="false" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/kr/docs/guides/migration/from-custom">Migration</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret menu__link--active" role="button" aria-expanded="true" tabindex="0" href="/kr/docs/guides/tech/with-nextjs">Tech</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/kr/docs/guides/tech/with-nextjs">Usage with NextJS</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/kr/docs/guides/tech/with-nuxtjs">Usage with NuxtJS</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/kr/docs/guides/tech/with-react-query">Usage with React Query</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/kr/docs/guides/tech/with-sveltekit">Usage with SvelteKit</a></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/kr/docs/guides/issues/desegmented">Code smells &amp; Issues</a></div></li></ul></li></ul></nav><button type="button" title="Collapse sidebar" aria-label="Collapse sidebar" class="button button--secondary button--outline collapseSidebarButton_L8vW"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_hYfn"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_uESP"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_w6lk"><div class="docItemContainer_b1tn"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_ioLt" aria-label="Breadcrumbs"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Home page" class="breadcrumbs__link" href="/kr/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_ZfEo"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/kr/docs/guides"><span itemprop="name">🎯  Guides</span></a><meta itemprop="position" content="1"></li><li class="breadcrumbs__item"><span class="breadcrumbs__link">Tech</span><meta itemprop="position" content="2"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">Usage with NextJS</span><meta itemprop="position" content="3"></li></ul></nav><div class="tocCollapsible_EkMH theme-doc-toc-mobile tocMobile_XRnS"><button type="button" class="clean-btn tocCollapsibleButton_ID8T">On this page</button></div><div class="theme-doc-markdown markdown"><header><h1>Usage with NextJS</h1></header>
@@ -52,6 +52,6 @@ <h2 class="anchor anchorWithStickyNavbar_QzlE" id="app-router">Dealing with App
 <h2 class="anchor anchorWithStickyNavbar_QzlE" id="see-also">See also<a href="#see-also" class="hash-link" aria-label="Direct link to heading" title="Direct link to heading">​</a></h2>
 <ul>
 <li><a href="https://t.me/feature_sliced/3623" target="_blank" rel="noopener noreferrer">(Thread) About the pages directory in NextJS</a></li>
-</ul></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/guides/tech/with-nextjs.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Last updated<!-- --> on <b><time datetime="2024-09-29T11:02:46.000Z" itemprop="dateModified">Sep 29, 2024</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/kr/docs/guides/migration/from-v1"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">Migration from v1</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/kr/docs/guides/tech/with-nuxtjs"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">Usage with NuxtJS</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#pages-conflict" class="table-of-contents__link toc-highlight">Conflict between FSD and NextJS on <code>pages</code> layer</a><ul><li><a href="#moving-the-pages-folder-of-nextjs-to-the-root-folder-of-the-project-recommended" class="table-of-contents__link toc-highlight">Moving the <code>pages</code> folder of NextJS to the root folder of the project (recommended)</a></li><li><a href="#renaming-the-pages-layer-within-the-fsd-structure" class="table-of-contents__link toc-highlight">Renaming the <code>pages</code> layer within the FSD structure</a></li></ul></li><li><a href="#app-absence" class="table-of-contents__link toc-highlight">The absence of the <code>app</code> folder in NextJS</a><ul><li><a href="#importing-app-functionality-to-pages_apptsx-file" class="table-of-contents__link toc-highlight">Importing app functionality to <code>pages/_app.tsx</code> file</a></li></ul></li><li><a href="#app-router" class="table-of-contents__link toc-highlight">Dealing with App Router</a></li><li><a href="#see-also" class="table-of-contents__link toc-highlight">See also</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Specs</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/kr/docs">Documentation</a></li><li class="footer__item"><a class="footer__link-item" href="/kr/community">Community</a></li><li class="footer__item"><a class="footer__link-item" href="/kr/nav">Help</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">License<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/kr/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/kr/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2024  Feature-Sliced Design</div></div></div></footer></div>
+</ul></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/guides/tech/with-nextjs.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Last updated<!-- --> on <b><time datetime="2024-10-07T18:23:06.000Z" itemprop="dateModified">Oct 7, 2024</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/kr/docs/guides/migration/from-v1"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">Migration from v1</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/kr/docs/guides/tech/with-nuxtjs"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">Usage with NuxtJS</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#pages-conflict" class="table-of-contents__link toc-highlight">Conflict between FSD and NextJS on <code>pages</code> layer</a><ul><li><a href="#moving-the-pages-folder-of-nextjs-to-the-root-folder-of-the-project-recommended" class="table-of-contents__link toc-highlight">Moving the <code>pages</code> folder of NextJS to the root folder of the project (recommended)</a></li><li><a href="#renaming-the-pages-layer-within-the-fsd-structure" class="table-of-contents__link toc-highlight">Renaming the <code>pages</code> layer within the FSD structure</a></li></ul></li><li><a href="#app-absence" class="table-of-contents__link toc-highlight">The absence of the <code>app</code> folder in NextJS</a><ul><li><a href="#importing-app-functionality-to-pages_apptsx-file" class="table-of-contents__link toc-highlight">Importing app functionality to <code>pages/_app.tsx</code> file</a></li></ul></li><li><a href="#app-router" class="table-of-contents__link toc-highlight">Dealing with App Router</a></li><li><a href="#see-also" class="table-of-contents__link toc-highlight">See also</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Specs</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/kr/docs">Documentation</a></li><li class="footer__item"><a class="footer__link-item" href="/kr/community">Community</a></li><li class="footer__item"><a class="footer__link-item" href="/kr/nav">Help</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">License<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/kr/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/kr/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2024  Feature-Sliced Design</div></div></div></footer></div>
 </body>
 </html>
\ No newline at end of file
diff --git a/kr/docs/guides/tech/with-nuxtjs.html b/kr/docs/guides/tech/with-nuxtjs.html
index f7ec2ade98..3ad485302a 100644
--- a/kr/docs/guides/tech/with-nuxtjs.html
+++ b/kr/docs/guides/tech/with-nuxtjs.html
@@ -9,8 +9,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/kr/opensearch.xml"><link rel="stylesheet" href="/kr/assets/css/styles.554655a0.css">
-<script src="/kr/assets/js/runtime~main.747d66f0.js" defer="defer"></script>
-<script src="/kr/assets/js/main.6d627ed0.js" defer="defer"></script>
+<script src="/kr/assets/js/runtime~main.c4f81ee2.js" defer="defer"></script>
+<script src="/kr/assets/js/main.ea09754c.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/kr/"><div class="navbar__logo"><img src="/kr/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/kr/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/kr/docs">📖 Docs</a><a class="navbar__item navbar__link" href="/kr/community">💫 Community</a><a class="navbar__item navbar__link" href="/kr/blog">📝 Blog</a><a class="navbar__item navbar__link" href="/kr/examples">🛠 Examples</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/kr/docs/guides/tech/with-nuxtjs">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a aria-current="page" class="dropdown__link dropdown__link--active" href="/kr/docs/guides/tech/with-nuxtjs">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/kr/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>한국어</a><ul class="dropdown__menu"><li><a href="/ru/docs/guides/tech/with-nuxtjs" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ru">Русский</a></li><li><a href="/docs/guides/tech/with-nuxtjs" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/uz/docs/guides/tech/with-nuxtjs" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/docs/guides/tech/with-nuxtjs" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="kr">한국어</a></li><li><a href="/ja/docs/guides/tech/with-nuxtjs" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><div class="docsWrapper_rDLg"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_JQoL" type="button"></button><div class="docRoot_GkJk"><aside class="theme-doc-sidebar-container docSidebarContainer_xiHB"><div class="sidebarViewport_DaHB"><div class="sidebar_Kb82"><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_AkOp"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--active" href="/kr/docs/guides">🎯  Guides</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" tabindex="0" href="/kr/docs/guides/examples">Examples</a><button aria-label="Expand sidebar category &#x27;Examples&#x27;" aria-expanded="false" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/kr/docs/guides/migration/from-custom">Migration</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret menu__link--active" role="button" aria-expanded="true" tabindex="0" href="/kr/docs/guides/tech/with-nextjs">Tech</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/kr/docs/guides/tech/with-nextjs">Usage with NextJS</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/kr/docs/guides/tech/with-nuxtjs">Usage with NuxtJS</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/kr/docs/guides/tech/with-react-query">Usage with React Query</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/kr/docs/guides/tech/with-sveltekit">Usage with SvelteKit</a></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/kr/docs/guides/issues/desegmented">Code smells &amp; Issues</a></div></li></ul></li></ul></nav><button type="button" title="Collapse sidebar" aria-label="Collapse sidebar" class="button button--secondary button--outline collapseSidebarButton_L8vW"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_hYfn"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_uESP"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_w6lk"><div class="docItemContainer_b1tn"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_ioLt" aria-label="Breadcrumbs"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Home page" class="breadcrumbs__link" href="/kr/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_ZfEo"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/kr/docs/guides"><span itemprop="name">🎯  Guides</span></a><meta itemprop="position" content="1"></li><li class="breadcrumbs__item"><span class="breadcrumbs__link">Tech</span><meta itemprop="position" content="2"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">Usage with NuxtJS</span><meta itemprop="position" content="3"></li></ul></nav><div class="tocCollapsible_EkMH theme-doc-toc-mobile tocMobile_XRnS"><button type="button" class="clean-btn tocCollapsibleButton_ID8T">On this page</button></div><div class="theme-doc-markdown markdown"><header><h1>Usage with NuxtJS</h1></header>
@@ -70,6 +70,6 @@ <h2 class="anchor anchorWithStickyNavbar_QzlE" id="see-also">See also<a href="#s
 <li><a href="https://nuxt.com/docs/api/nuxt-config#dir" target="_blank" rel="noopener noreferrer">Documentation on changing directory config in NuxtJS</a></li>
 <li><a href="https://nuxt.com/docs/guide/recipes/custom-routing#router-config" target="_blank" rel="noopener noreferrer">Documentation on changing router config in NuxtJS</a></li>
 <li><a href="https://nuxt.com/docs/api/nuxt-config#alias" target="_blank" rel="noopener noreferrer">Documentation on changing aliases in NuxtJS</a></li>
-</ul></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/guides/tech/with-nuxtjs.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Last updated<!-- --> on <b><time datetime="2024-09-29T11:02:46.000Z" itemprop="dateModified">Sep 29, 2024</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/kr/docs/guides/tech/with-nextjs"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">Usage with NextJS</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/kr/docs/guides/tech/with-react-query"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">Usage with React Query</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#adding-an-alias-for-the-src-directory" class="table-of-contents__link toc-highlight">Adding an alias for the <code>src</code> directory</a></li><li><a href="#choose-how-to-configure-the-router" class="table-of-contents__link toc-highlight">Choose how to configure the router</a><ul><li><a href="#routing-using-config" class="table-of-contents__link toc-highlight">Routing using config</a></li><li><a href="#file-routing" class="table-of-contents__link toc-highlight">File Routing</a></li></ul></li><li><a href="#what-to-do-with-layouts" class="table-of-contents__link toc-highlight">What to do with <code>layouts</code>?</a></li><li><a href="#see-also" class="table-of-contents__link toc-highlight">See also</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Specs</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/kr/docs">Documentation</a></li><li class="footer__item"><a class="footer__link-item" href="/kr/community">Community</a></li><li class="footer__item"><a class="footer__link-item" href="/kr/nav">Help</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">License<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/kr/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/kr/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2024  Feature-Sliced Design</div></div></div></footer></div>
+</ul></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/guides/tech/with-nuxtjs.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Last updated<!-- --> on <b><time datetime="2024-10-07T18:23:06.000Z" itemprop="dateModified">Oct 7, 2024</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/kr/docs/guides/tech/with-nextjs"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">Usage with NextJS</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/kr/docs/guides/tech/with-react-query"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">Usage with React Query</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#adding-an-alias-for-the-src-directory" class="table-of-contents__link toc-highlight">Adding an alias for the <code>src</code> directory</a></li><li><a href="#choose-how-to-configure-the-router" class="table-of-contents__link toc-highlight">Choose how to configure the router</a><ul><li><a href="#routing-using-config" class="table-of-contents__link toc-highlight">Routing using config</a></li><li><a href="#file-routing" class="table-of-contents__link toc-highlight">File Routing</a></li></ul></li><li><a href="#what-to-do-with-layouts" class="table-of-contents__link toc-highlight">What to do with <code>layouts</code>?</a></li><li><a href="#see-also" class="table-of-contents__link toc-highlight">See also</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Specs</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/kr/docs">Documentation</a></li><li class="footer__item"><a class="footer__link-item" href="/kr/community">Community</a></li><li class="footer__item"><a class="footer__link-item" href="/kr/nav">Help</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">License<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/kr/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/kr/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2024  Feature-Sliced Design</div></div></div></footer></div>
 </body>
 </html>
\ No newline at end of file
diff --git a/kr/docs/guides/tech/with-react-query.html b/kr/docs/guides/tech/with-react-query.html
index 5fdbd998ff..b1b278e640 100644
--- a/kr/docs/guides/tech/with-react-query.html
+++ b/kr/docs/guides/tech/with-react-query.html
@@ -9,8 +9,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/kr/opensearch.xml"><link rel="stylesheet" href="/kr/assets/css/styles.554655a0.css">
-<script src="/kr/assets/js/runtime~main.747d66f0.js" defer="defer"></script>
-<script src="/kr/assets/js/main.6d627ed0.js" defer="defer"></script>
+<script src="/kr/assets/js/runtime~main.c4f81ee2.js" defer="defer"></script>
+<script src="/kr/assets/js/main.ea09754c.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/kr/"><div class="navbar__logo"><img src="/kr/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/kr/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/kr/docs">📖 Docs</a><a class="navbar__item navbar__link" href="/kr/community">💫 Community</a><a class="navbar__item navbar__link" href="/kr/blog">📝 Blog</a><a class="navbar__item navbar__link" href="/kr/examples">🛠 Examples</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/kr/docs/guides/tech/with-react-query">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a aria-current="page" class="dropdown__link dropdown__link--active" href="/kr/docs/guides/tech/with-react-query">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/kr/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>한국어</a><ul class="dropdown__menu"><li><a href="/ru/docs/guides/tech/with-react-query" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ru">Русский</a></li><li><a href="/docs/guides/tech/with-react-query" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/uz/docs/guides/tech/with-react-query" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/docs/guides/tech/with-react-query" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="kr">한국어</a></li><li><a href="/ja/docs/guides/tech/with-react-query" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><div class="docsWrapper_rDLg"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_JQoL" type="button"></button><div class="docRoot_GkJk"><aside class="theme-doc-sidebar-container docSidebarContainer_xiHB"><div class="sidebarViewport_DaHB"><div class="sidebar_Kb82"><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_AkOp"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--active" href="/kr/docs/guides">🎯  Guides</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" tabindex="0" href="/kr/docs/guides/examples">Examples</a><button aria-label="Expand sidebar category &#x27;Examples&#x27;" aria-expanded="false" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/kr/docs/guides/migration/from-custom">Migration</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret menu__link--active" role="button" aria-expanded="true" tabindex="0" href="/kr/docs/guides/tech/with-nextjs">Tech</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/kr/docs/guides/tech/with-nextjs">Usage with NextJS</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/kr/docs/guides/tech/with-nuxtjs">Usage with NuxtJS</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/kr/docs/guides/tech/with-react-query">Usage with React Query</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/kr/docs/guides/tech/with-sveltekit">Usage with SvelteKit</a></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/kr/docs/guides/issues/desegmented">Code smells &amp; Issues</a></div></li></ul></li></ul></nav><button type="button" title="Collapse sidebar" aria-label="Collapse sidebar" class="button button--secondary button--outline collapseSidebarButton_L8vW"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_hYfn"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_uESP"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_w6lk"><div class="docItemContainer_b1tn"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_ioLt" aria-label="Breadcrumbs"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Home page" class="breadcrumbs__link" href="/kr/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_ZfEo"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/kr/docs/guides"><span itemprop="name">🎯  Guides</span></a><meta itemprop="position" content="1"></li><li class="breadcrumbs__item"><span class="breadcrumbs__link">Tech</span><meta itemprop="position" content="2"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">Usage with React Query</span><meta itemprop="position" content="3"></li></ul></nav><div class="tocCollapsible_EkMH theme-doc-toc-mobile tocMobile_XRnS"><button type="button" class="clean-btn tocCollapsibleButton_ID8T">On this page</button></div><div class="theme-doc-markdown markdown"><header><h1>Usage with React Query</h1></header>
@@ -90,6 +90,6 @@ <h2 class="anchor anchorWithStickyNavbar_QzlE" id="see-also">See also<a href="#s
 <li><a href="https://github.com/ruslan4432013/fsd-react-query-example" target="_blank" rel="noopener noreferrer">(GitHub) Sample Project</a></li>
 <li><a href="https://codesandbox.io/p/github/ruslan4432013/fsd-react-query-example/main" target="_blank" rel="noopener noreferrer">(CodeSandbox) Sample Project</a></li>
 <li><a href="https://tkdodo.eu/blog/the-query-options-api" target="_blank" rel="noopener noreferrer">About the query factory</a></li>
-</ul></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/guides/tech/with-react-query.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Last updated<!-- --> on <b><time datetime="2024-09-29T11:02:46.000Z" itemprop="dateModified">Sep 29, 2024</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/kr/docs/guides/tech/with-nuxtjs"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">Usage with NuxtJS</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/kr/docs/guides/tech/with-sveltekit"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">Usage with SvelteKit</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#the-problem-of-where-to-put-the-keys" class="table-of-contents__link toc-highlight">The problem of “where to put the keys”</a><ul><li><a href="#solution--break-down-by-entities" class="table-of-contents__link toc-highlight">Solution — break down by entities</a></li><li><a href="#alternative-solution--keep-it-in-shared" class="table-of-contents__link toc-highlight">Alternative solution — keep it in shared</a></li></ul></li><li><a href="#the-problem-of-where-to-insert-mutations" class="table-of-contents__link toc-highlight">The problem of “Where to insert mutations?”</a><ul><li><a href="#1-define-a-custom-hook-in-the-api-segment-near-the-place-of-use" class="table-of-contents__link toc-highlight">1. Define a custom hook in the <code>api</code> segment near the place of use</a></li><li><a href="#2-define-a-mutation-function-somewhere-else-shared-or-entities-and-use-usemutation-directly-in-the-component" class="table-of-contents__link toc-highlight">2. Define a mutation function somewhere else (Shared or Entities) and use <code>useMutation</code> directly in the component</a></li></ul></li><li><a href="#organization-of-requests" class="table-of-contents__link toc-highlight">Organization of requests</a><ul><li><a href="#query-factory" class="table-of-contents__link toc-highlight">Query factory</a></li><li><a href="#1-creating-a-query-factory" class="table-of-contents__link toc-highlight">1. Creating a Query Factory</a></li><li><a href="#2-using-query-factory-in-application-code" class="table-of-contents__link toc-highlight">2. Using Query Factory in application code</a></li><li><a href="#benefits-of-using-a-query-factory" class="table-of-contents__link toc-highlight">Benefits of using a Query Factory</a></li></ul></li><li><a href="#pagination" class="table-of-contents__link toc-highlight">Pagination</a><ul><li><a href="#1-creating-a-function-getposts" class="table-of-contents__link toc-highlight">1. Creating a function <code>getPosts</code></a></li><li><a href="#2-query-factory-for-pagination" class="table-of-contents__link toc-highlight">2. Query factory for pagination</a></li><li><a href="#3-use-in-application-code" class="table-of-contents__link toc-highlight">3. Use in application code</a></li></ul></li><li><a href="#queryprovider-for-managing-queries" class="table-of-contents__link toc-highlight"><code>QueryProvider</code> for managing queries</a><ul><li><a href="#1-creating-a-queryprovider" class="table-of-contents__link toc-highlight">1. Creating a <code>QueryProvider</code></a></li><li><a href="#2-creating-a-queryclient" class="table-of-contents__link toc-highlight">2. Creating a <code>QueryClient</code></a></li></ul></li><li><a href="#code-generation" class="table-of-contents__link toc-highlight">Code generation</a></li><li><a href="#additional-advice-for-organizing-rq" class="table-of-contents__link toc-highlight">Additional advice for organizing RQ</a><ul><li><a href="#api-client" class="table-of-contents__link toc-highlight">API Client</a></li></ul></li><li><a href="#see-also" class="table-of-contents__link toc-highlight">See also</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Specs</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/kr/docs">Documentation</a></li><li class="footer__item"><a class="footer__link-item" href="/kr/community">Community</a></li><li class="footer__item"><a class="footer__link-item" href="/kr/nav">Help</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">License<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/kr/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/kr/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2024  Feature-Sliced Design</div></div></div></footer></div>
+</ul></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/guides/tech/with-react-query.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Last updated<!-- --> on <b><time datetime="2024-10-07T18:23:06.000Z" itemprop="dateModified">Oct 7, 2024</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/kr/docs/guides/tech/with-nuxtjs"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">Usage with NuxtJS</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/kr/docs/guides/tech/with-sveltekit"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">Usage with SvelteKit</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#the-problem-of-where-to-put-the-keys" class="table-of-contents__link toc-highlight">The problem of “where to put the keys”</a><ul><li><a href="#solution--break-down-by-entities" class="table-of-contents__link toc-highlight">Solution — break down by entities</a></li><li><a href="#alternative-solution--keep-it-in-shared" class="table-of-contents__link toc-highlight">Alternative solution — keep it in shared</a></li></ul></li><li><a href="#the-problem-of-where-to-insert-mutations" class="table-of-contents__link toc-highlight">The problem of “Where to insert mutations?”</a><ul><li><a href="#1-define-a-custom-hook-in-the-api-segment-near-the-place-of-use" class="table-of-contents__link toc-highlight">1. Define a custom hook in the <code>api</code> segment near the place of use</a></li><li><a href="#2-define-a-mutation-function-somewhere-else-shared-or-entities-and-use-usemutation-directly-in-the-component" class="table-of-contents__link toc-highlight">2. Define a mutation function somewhere else (Shared or Entities) and use <code>useMutation</code> directly in the component</a></li></ul></li><li><a href="#organization-of-requests" class="table-of-contents__link toc-highlight">Organization of requests</a><ul><li><a href="#query-factory" class="table-of-contents__link toc-highlight">Query factory</a></li><li><a href="#1-creating-a-query-factory" class="table-of-contents__link toc-highlight">1. Creating a Query Factory</a></li><li><a href="#2-using-query-factory-in-application-code" class="table-of-contents__link toc-highlight">2. Using Query Factory in application code</a></li><li><a href="#benefits-of-using-a-query-factory" class="table-of-contents__link toc-highlight">Benefits of using a Query Factory</a></li></ul></li><li><a href="#pagination" class="table-of-contents__link toc-highlight">Pagination</a><ul><li><a href="#1-creating-a-function-getposts" class="table-of-contents__link toc-highlight">1. Creating a function <code>getPosts</code></a></li><li><a href="#2-query-factory-for-pagination" class="table-of-contents__link toc-highlight">2. Query factory for pagination</a></li><li><a href="#3-use-in-application-code" class="table-of-contents__link toc-highlight">3. Use in application code</a></li></ul></li><li><a href="#queryprovider-for-managing-queries" class="table-of-contents__link toc-highlight"><code>QueryProvider</code> for managing queries</a><ul><li><a href="#1-creating-a-queryprovider" class="table-of-contents__link toc-highlight">1. Creating a <code>QueryProvider</code></a></li><li><a href="#2-creating-a-queryclient" class="table-of-contents__link toc-highlight">2. Creating a <code>QueryClient</code></a></li></ul></li><li><a href="#code-generation" class="table-of-contents__link toc-highlight">Code generation</a></li><li><a href="#additional-advice-for-organizing-rq" class="table-of-contents__link toc-highlight">Additional advice for organizing RQ</a><ul><li><a href="#api-client" class="table-of-contents__link toc-highlight">API Client</a></li></ul></li><li><a href="#see-also" class="table-of-contents__link toc-highlight">See also</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Specs</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/kr/docs">Documentation</a></li><li class="footer__item"><a class="footer__link-item" href="/kr/community">Community</a></li><li class="footer__item"><a class="footer__link-item" href="/kr/nav">Help</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">License<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/kr/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/kr/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2024  Feature-Sliced Design</div></div></div></footer></div>
 </body>
 </html>
\ No newline at end of file
diff --git a/kr/docs/guides/tech/with-sveltekit.html b/kr/docs/guides/tech/with-sveltekit.html
index 25e394e9dd..d48e6ea7c1 100644
--- a/kr/docs/guides/tech/with-sveltekit.html
+++ b/kr/docs/guides/tech/with-sveltekit.html
@@ -9,8 +9,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/kr/opensearch.xml"><link rel="stylesheet" href="/kr/assets/css/styles.554655a0.css">
-<script src="/kr/assets/js/runtime~main.747d66f0.js" defer="defer"></script>
-<script src="/kr/assets/js/main.6d627ed0.js" defer="defer"></script>
+<script src="/kr/assets/js/runtime~main.c4f81ee2.js" defer="defer"></script>
+<script src="/kr/assets/js/main.ea09754c.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/kr/"><div class="navbar__logo"><img src="/kr/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/kr/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/kr/docs">📖 Docs</a><a class="navbar__item navbar__link" href="/kr/community">💫 Community</a><a class="navbar__item navbar__link" href="/kr/blog">📝 Blog</a><a class="navbar__item navbar__link" href="/kr/examples">🛠 Examples</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/kr/docs/guides/tech/with-sveltekit">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a aria-current="page" class="dropdown__link dropdown__link--active" href="/kr/docs/guides/tech/with-sveltekit">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/kr/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>한국어</a><ul class="dropdown__menu"><li><a href="/ru/docs/guides/tech/with-sveltekit" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ru">Русский</a></li><li><a href="/docs/guides/tech/with-sveltekit" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/uz/docs/guides/tech/with-sveltekit" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/docs/guides/tech/with-sveltekit" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="kr">한국어</a></li><li><a href="/ja/docs/guides/tech/with-sveltekit" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><div class="docsWrapper_rDLg"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_JQoL" type="button"></button><div class="docRoot_GkJk"><aside class="theme-doc-sidebar-container docSidebarContainer_xiHB"><div class="sidebarViewport_DaHB"><div class="sidebar_Kb82"><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_AkOp"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--active" href="/kr/docs/guides">🎯  Guides</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" tabindex="0" href="/kr/docs/guides/examples">Examples</a><button aria-label="Expand sidebar category &#x27;Examples&#x27;" aria-expanded="false" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/kr/docs/guides/migration/from-custom">Migration</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret menu__link--active" role="button" aria-expanded="true" tabindex="0" href="/kr/docs/guides/tech/with-nextjs">Tech</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/kr/docs/guides/tech/with-nextjs">Usage with NextJS</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/kr/docs/guides/tech/with-nuxtjs">Usage with NuxtJS</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/kr/docs/guides/tech/with-react-query">Usage with React Query</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/kr/docs/guides/tech/with-sveltekit">Usage with SvelteKit</a></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/kr/docs/guides/issues/desegmented">Code smells &amp; Issues</a></div></li></ul></li></ul></nav><button type="button" title="Collapse sidebar" aria-label="Collapse sidebar" class="button button--secondary button--outline collapseSidebarButton_L8vW"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_hYfn"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_uESP"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_w6lk"><div class="docItemContainer_b1tn"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_ioLt" aria-label="Breadcrumbs"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Home page" class="breadcrumbs__link" href="/kr/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_ZfEo"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/kr/docs/guides"><span itemprop="name">🎯  Guides</span></a><meta itemprop="position" content="1"></li><li class="breadcrumbs__item"><span class="breadcrumbs__link">Tech</span><meta itemprop="position" content="2"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">Usage with SvelteKit</span><meta itemprop="position" content="3"></li></ul></nav><div class="tocCollapsible_EkMH theme-doc-toc-mobile tocMobile_XRnS"><button type="button" class="clean-btn tocCollapsibleButton_ID8T">On this page</button></div><div class="theme-doc-markdown markdown"><header><h1>Usage with SvelteKit</h1></header>
@@ -43,6 +43,6 @@ <h2 class="anchor anchorWithStickyNavbar_QzlE" id="move-file-routing-to-srcapp">
 <h2 class="anchor anchorWithStickyNavbar_QzlE" id="see-also">See also.<a href="#see-also" class="hash-link" aria-label="Direct link to heading" title="Direct link to heading">​</a></h2>
 <ul>
 <li><a href="https://kit.svelte.dev/docs/configuration#files" target="_blank" rel="noopener noreferrer">Documentation on changing directory config in SvelteKit</a></li>
-</ul></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/guides/tech/with-sveltekit.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Last updated<!-- --> on <b><time datetime="2024-09-29T11:02:46.000Z" itemprop="dateModified">Sep 29, 2024</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/kr/docs/guides/tech/with-react-query"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">Usage with React Query</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/kr/docs/guides/issues/desegmented"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">Desegemented</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#lets-set-up-the-config" class="table-of-contents__link toc-highlight">Let&#39;s set up the config</a></li><li><a href="#move-file-routing-to-srcapp" class="table-of-contents__link toc-highlight">Move file routing to <code>src/app</code>.</a></li><li><a href="#see-also" class="table-of-contents__link toc-highlight">See also.</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Specs</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/kr/docs">Documentation</a></li><li class="footer__item"><a class="footer__link-item" href="/kr/community">Community</a></li><li class="footer__item"><a class="footer__link-item" href="/kr/nav">Help</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">License<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/kr/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/kr/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2024  Feature-Sliced Design</div></div></div></footer></div>
+</ul></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/guides/tech/with-sveltekit.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Last updated<!-- --> on <b><time datetime="2024-10-07T18:23:06.000Z" itemprop="dateModified">Oct 7, 2024</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/kr/docs/guides/tech/with-react-query"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">Usage with React Query</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/kr/docs/guides/issues/desegmented"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">Desegemented</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#lets-set-up-the-config" class="table-of-contents__link toc-highlight">Let&#39;s set up the config</a></li><li><a href="#move-file-routing-to-srcapp" class="table-of-contents__link toc-highlight">Move file routing to <code>src/app</code>.</a></li><li><a href="#see-also" class="table-of-contents__link toc-highlight">See also.</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Specs</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/kr/docs">Documentation</a></li><li class="footer__item"><a class="footer__link-item" href="/kr/community">Community</a></li><li class="footer__item"><a class="footer__link-item" href="/kr/nav">Help</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">License<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/kr/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/kr/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2024  Feature-Sliced Design</div></div></div></footer></div>
 </body>
 </html>
\ No newline at end of file
diff --git a/kr/docs/reference.html b/kr/docs/reference.html
index 783e676de1..d995db823e 100644
--- a/kr/docs/reference.html
+++ b/kr/docs/reference.html
@@ -9,8 +9,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/kr/opensearch.xml"><link rel="stylesheet" href="/kr/assets/css/styles.554655a0.css">
-<script src="/kr/assets/js/runtime~main.747d66f0.js" defer="defer"></script>
-<script src="/kr/assets/js/main.6d627ed0.js" defer="defer"></script>
+<script src="/kr/assets/js/runtime~main.c4f81ee2.js" defer="defer"></script>
+<script src="/kr/assets/js/main.ea09754c.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/kr/"><div class="navbar__logo"><img src="/kr/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/kr/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/kr/docs">📖 Docs</a><a class="navbar__item navbar__link" href="/kr/community">💫 Community</a><a class="navbar__item navbar__link" href="/kr/blog">📝 Blog</a><a class="navbar__item navbar__link" href="/kr/examples">🛠 Examples</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/kr/docs/reference">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a aria-current="page" class="dropdown__link dropdown__link--active" href="/kr/docs/reference">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/kr/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>한국어</a><ul class="dropdown__menu"><li><a href="/ru/docs/reference" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ru">Русский</a></li><li><a href="/docs/reference" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/uz/docs/reference" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/docs/reference" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="kr">한국어</a></li><li><a href="/ja/docs/reference" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><div class="docsWrapper_rDLg"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_JQoL" type="button"></button><div class="docRoot_GkJk"><aside class="theme-doc-sidebar-container docSidebarContainer_xiHB"><div class="sidebarViewport_DaHB"><div class="sidebar_Kb82"><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_AkOp"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible menu__list-item-collapsible--active"><a class="menu__link menu__link--active" aria-current="page" href="/kr/docs/reference">📚  Reference</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/kr/docs/reference/layers">Layers</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/kr/docs/reference/slices-segments">Slices and segments</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/kr/docs/reference/public-api">Public API</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" tabindex="0" href="/kr/docs/reference/isolation">Isolation</a><button aria-label="Expand sidebar category &#x27;Isolation&#x27;" aria-expanded="false" type="button" class="clean-btn menu__caret"></button></div></li></ul></li></ul></nav><button type="button" title="Collapse sidebar" aria-label="Collapse sidebar" class="button button--secondary button--outline collapseSidebarButton_L8vW"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_hYfn"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_uESP"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col"><div class="docItemContainer_b1tn"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_ioLt" aria-label="Breadcrumbs"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Home page" class="breadcrumbs__link" href="/kr/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_ZfEo"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">📚  Reference</span><meta itemprop="position" content="1"></li></ul></nav><div class="theme-doc-markdown markdown"><header><h1>📚 Reference</h1></header>
@@ -18,6 +18,6 @@
 <a class="root_GfON defaultTheme_j3I8" href="/kr/docs/reference/layers"><span role="img" aria-label="group" class="anticon anticon-group icon_ciqP"><svg viewBox="64 64 896 896" focusable="false" data-icon="group" width="1em" height="1em" fill="currentColor" aria-hidden="true"><defs><style></style></defs><path d="M912 820.1V203.9c28-9.9 48-36.6 48-67.9 0-39.8-32.2-72-72-72-31.3 0-58 20-67.9 48H203.9C194 84 167.3 64 136 64c-39.8 0-72 32.2-72 72 0 31.3 20 58 48 67.9v616.2C84 830 64 856.7 64 888c0 39.8 32.2 72 72 72 31.3 0 58-20 67.9-48h616.2c9.9 28 36.6 48 67.9 48 39.8 0 72-32.2 72-72 0-31.3-20-58-48-67.9zM888 112c13.3 0 24 10.7 24 24s-10.7 24-24 24-24-10.7-24-24 10.7-24 24-24zM136 912c-13.3 0-24-10.7-24-24s10.7-24 24-24 24 10.7 24 24-10.7 24-24 24zm0-752c-13.3 0-24-10.7-24-24s10.7-24 24-24 24 10.7 24 24-10.7 24-24 24zm704 680H184V184h656v656zm48 72c-13.3 0-24-10.7-24-24s10.7-24 24-24 24 10.7 24 24-10.7 24-24 24z"></path><path d="M288 474h448c8.8 0 16-7.2 16-16V282c0-8.8-7.2-16-16-16H288c-8.8 0-16 7.2-16 16v176c0 8.8 7.2 16 16 16zm56-136h336v64H344v-64zm-56 420h448c8.8 0 16-7.2 16-16V566c0-8.8-7.2-16-16-16H288c-8.8 0-16 7.2-16 16v176c0 8.8 7.2 16 16 16zm56-136h336v64H344v-64z"></path></svg></span><div class="details_xxkR"><div><span class="title_pSH5">Layers</span><p class="description__Fep">Definition of a layer and explanations for all layers</p></div></div></a>
 <a class="root_GfON defaultTheme_j3I8" href="/kr/docs/reference/slices-segments"><span role="img" aria-label="appstore" class="anticon anticon-appstore icon_ciqP"><svg viewBox="64 64 896 896" focusable="false" data-icon="appstore" width="1em" height="1em" fill="currentColor" aria-hidden="true"><path d="M464 144H160c-8.8 0-16 7.2-16 16v304c0 8.8 7.2 16 16 16h304c8.8 0 16-7.2 16-16V160c0-8.8-7.2-16-16-16zm-52 268H212V212h200v200zm452-268H560c-8.8 0-16 7.2-16 16v304c0 8.8 7.2 16 16 16h304c8.8 0 16-7.2 16-16V160c0-8.8-7.2-16-16-16zm-52 268H612V212h200v200zM464 544H160c-8.8 0-16 7.2-16 16v304c0 8.8 7.2 16 16 16h304c8.8 0 16-7.2 16-16V560c0-8.8-7.2-16-16-16zm-52 268H212V612h200v200zm452-268H560c-8.8 0-16 7.2-16 16v304c0 8.8 7.2 16 16 16h304c8.8 0 16-7.2 16-16V560c0-8.8-7.2-16-16-16zm-52 268H612V612h200v200z"></path></svg></span><div class="details_xxkR"><div><span class="title_pSH5">Slices and segments</span><p class="description__Fep">Definitions of a slice and segment, content examples for segments on different layers</p></div></div></a>
 <a class="root_GfON defaultTheme_j3I8" href="/kr/docs/reference/isolation"><span role="img" aria-label="node-index" class="anticon anticon-node-index icon_ciqP"><svg viewBox="64 64 896 896" focusable="false" data-icon="node-index" width="1em" height="1em" fill="currentColor" aria-hidden="true"><defs><style></style></defs><path d="M843.5 737.4c-12.4-75.2-79.2-129.1-155.3-125.4S550.9 676 546 752c-153.5-4.8-208-40.7-199.1-113.7 3.3-27.3 19.8-41.9 50.1-49 18.4-4.3 38.8-4.9 57.3-3.2 1.7.2 3.5.3 5.2.5 11.3 2.7 22.8 5 34.3 6.8 34.1 5.6 68.8 8.4 101.8 6.6 92.8-5 156-45.9 159.2-132.7 3.1-84.1-54.7-143.7-147.9-183.6-29.9-12.8-61.6-22.7-93.3-30.2-14.3-3.4-26.3-5.7-35.2-7.2-7.9-75.9-71.5-133.8-147.8-134.4-76.3-.6-140.9 56.1-150.1 131.9s40 146.3 114.2 163.9c74.2 17.6 149.9-23.3 175.7-95.1 9.4 1.7 18.7 3.6 28 5.8 28.2 6.6 56.4 15.4 82.4 26.6 70.7 30.2 109.3 70.1 107.5 119.9-1.6 44.6-33.6 65.2-96.2 68.6-27.5 1.5-57.6-.9-87.3-5.8-8.3-1.4-15.9-2.8-22.6-4.3-3.9-.8-6.6-1.5-7.8-1.8l-3.1-.6c-2.2-.3-5.9-.8-10.7-1.3-25-2.3-52.1-1.5-78.5 4.6-55.2 12.9-93.9 47.2-101.1 105.8-15.7 126.2 78.6 184.7 276 188.9 29.1 70.4 106.4 107.9 179.6 87 73.3-20.9 119.3-93.4 106.9-168.6zM329.1 345.2a83.3 83.3 0 11.01-166.61 83.3 83.3 0 01-.01 166.61zM695.6 845a83.3 83.3 0 11.01-166.61A83.3 83.3 0 01695.6 845z"></path></svg></span><div class="details_xxkR"><div><span class="title_pSH5">Isolation</span><p class="description__Fep">Pratices for scalable and efficient module interactions</p></div></div></a>
-<a class="root_GfON defaultTheme_j3I8" href="/kr/docs/reference/public-api"><span role="img" aria-label="api" class="anticon anticon-api icon_ciqP"><svg viewBox="64 64 896 896" focusable="false" data-icon="api" width="1em" height="1em" fill="currentColor" aria-hidden="true"><path d="M917.7 148.8l-42.4-42.4c-1.6-1.6-3.6-2.3-5.7-2.3s-4.1.8-5.7 2.3l-76.1 76.1a199.27 199.27 0 00-112.1-34.3c-51.2 0-102.4 19.5-141.5 58.6L432.3 308.7a8.03 8.03 0 000 11.3L704 591.7c1.6 1.6 3.6 2.3 5.7 2.3 2 0 4.1-.8 5.7-2.3l101.9-101.9c68.9-69 77-175.7 24.3-253.5l76.1-76.1c3.1-3.2 3.1-8.3 0-11.4zM769.1 441.7l-59.4 59.4-186.8-186.8 59.4-59.4c24.9-24.9 58.1-38.7 93.4-38.7 35.3 0 68.4 13.7 93.4 38.7 24.9 24.9 38.7 58.1 38.7 93.4 0 35.3-13.8 68.4-38.7 93.4zm-190.2 105a8.03 8.03 0 00-11.3 0L501 613.3 410.7 523l66.7-66.7c3.1-3.1 3.1-8.2 0-11.3L441 408.6a8.03 8.03 0 00-11.3 0L363 475.3l-43-43a7.85 7.85 0 00-5.7-2.3c-2 0-4.1.8-5.7 2.3L206.8 534.2c-68.9 69-77 175.7-24.3 253.5l-76.1 76.1a8.03 8.03 0 000 11.3l42.4 42.4c1.6 1.6 3.6 2.3 5.7 2.3s4.1-.8 5.7-2.3l76.1-76.1c33.7 22.9 72.9 34.3 112.1 34.3 51.2 0 102.4-19.5 141.5-58.6l101.9-101.9c3.1-3.1 3.1-8.2 0-11.3l-43-43 66.7-66.7c3.1-3.1 3.1-8.2 0-11.3l-36.6-36.2zM441.7 769.1a131.32 131.32 0 01-93.4 38.7c-35.3 0-68.4-13.7-93.4-38.7a131.32 131.32 0 01-38.7-93.4c0-35.3 13.7-68.4 38.7-93.4l59.4-59.4 186.8 186.8-59.4 59.4z"></path></svg></span><div class="details_xxkR"><div><span class="title_pSH5">Public API</span><p class="description__Fep">Practices for designing scalable and easy-to-integrate modules</p></div></div></a></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/reference/index.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Last updated<!-- --> on <b><time datetime="2024-09-29T11:02:46.000Z" itemprop="dateModified">Sep 29, 2024</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/kr/docs/guides"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">🎯 Guides</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/kr/docs/reference/layers"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">Layers</div></a></nav></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Specs</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/kr/docs">Documentation</a></li><li class="footer__item"><a class="footer__link-item" href="/kr/community">Community</a></li><li class="footer__item"><a class="footer__link-item" href="/kr/nav">Help</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">License<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/kr/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/kr/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2024  Feature-Sliced Design</div></div></div></footer></div>
+<a class="root_GfON defaultTheme_j3I8" href="/kr/docs/reference/public-api"><span role="img" aria-label="api" class="anticon anticon-api icon_ciqP"><svg viewBox="64 64 896 896" focusable="false" data-icon="api" width="1em" height="1em" fill="currentColor" aria-hidden="true"><path d="M917.7 148.8l-42.4-42.4c-1.6-1.6-3.6-2.3-5.7-2.3s-4.1.8-5.7 2.3l-76.1 76.1a199.27 199.27 0 00-112.1-34.3c-51.2 0-102.4 19.5-141.5 58.6L432.3 308.7a8.03 8.03 0 000 11.3L704 591.7c1.6 1.6 3.6 2.3 5.7 2.3 2 0 4.1-.8 5.7-2.3l101.9-101.9c68.9-69 77-175.7 24.3-253.5l76.1-76.1c3.1-3.2 3.1-8.3 0-11.4zM769.1 441.7l-59.4 59.4-186.8-186.8 59.4-59.4c24.9-24.9 58.1-38.7 93.4-38.7 35.3 0 68.4 13.7 93.4 38.7 24.9 24.9 38.7 58.1 38.7 93.4 0 35.3-13.8 68.4-38.7 93.4zm-190.2 105a8.03 8.03 0 00-11.3 0L501 613.3 410.7 523l66.7-66.7c3.1-3.1 3.1-8.2 0-11.3L441 408.6a8.03 8.03 0 00-11.3 0L363 475.3l-43-43a7.85 7.85 0 00-5.7-2.3c-2 0-4.1.8-5.7 2.3L206.8 534.2c-68.9 69-77 175.7-24.3 253.5l-76.1 76.1a8.03 8.03 0 000 11.3l42.4 42.4c1.6 1.6 3.6 2.3 5.7 2.3s4.1-.8 5.7-2.3l76.1-76.1c33.7 22.9 72.9 34.3 112.1 34.3 51.2 0 102.4-19.5 141.5-58.6l101.9-101.9c3.1-3.1 3.1-8.2 0-11.3l-43-43 66.7-66.7c3.1-3.1 3.1-8.2 0-11.3l-36.6-36.2zM441.7 769.1a131.32 131.32 0 01-93.4 38.7c-35.3 0-68.4-13.7-93.4-38.7a131.32 131.32 0 01-38.7-93.4c0-35.3 13.7-68.4 38.7-93.4l59.4-59.4 186.8 186.8-59.4 59.4z"></path></svg></span><div class="details_xxkR"><div><span class="title_pSH5">Public API</span><p class="description__Fep">Practices for designing scalable and easy-to-integrate modules</p></div></div></a></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/reference/index.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Last updated<!-- --> on <b><time datetime="2024-10-07T18:23:06.000Z" itemprop="dateModified">Oct 7, 2024</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/kr/docs/guides"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">🎯 Guides</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/kr/docs/reference/layers"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">Layers</div></a></nav></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Specs</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/kr/docs">Documentation</a></li><li class="footer__item"><a class="footer__link-item" href="/kr/community">Community</a></li><li class="footer__item"><a class="footer__link-item" href="/kr/nav">Help</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">License<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/kr/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/kr/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2024  Feature-Sliced Design</div></div></div></footer></div>
 </body>
 </html>
\ No newline at end of file
diff --git a/kr/docs/reference/isolation.html b/kr/docs/reference/isolation.html
index b055e35516..a30780ba58 100644
--- a/kr/docs/reference/isolation.html
+++ b/kr/docs/reference/isolation.html
@@ -9,8 +9,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/kr/opensearch.xml"><link rel="stylesheet" href="/kr/assets/css/styles.554655a0.css">
-<script src="/kr/assets/js/runtime~main.747d66f0.js" defer="defer"></script>
-<script src="/kr/assets/js/main.6d627ed0.js" defer="defer"></script>
+<script src="/kr/assets/js/runtime~main.c4f81ee2.js" defer="defer"></script>
+<script src="/kr/assets/js/main.ea09754c.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/kr/"><div class="navbar__logo"><img src="/kr/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/kr/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/kr/docs">📖 Docs</a><a class="navbar__item navbar__link" href="/kr/community">💫 Community</a><a class="navbar__item navbar__link" href="/kr/blog">📝 Blog</a><a class="navbar__item navbar__link" href="/kr/examples">🛠 Examples</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/kr/docs/reference/isolation">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a aria-current="page" class="dropdown__link dropdown__link--active" href="/kr/docs/reference/isolation">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/kr/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>한국어</a><ul class="dropdown__menu"><li><a href="/ru/docs/reference/isolation" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ru">Русский</a></li><li><a href="/docs/reference/isolation" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/uz/docs/reference/isolation" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/docs/reference/isolation" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="kr">한국어</a></li><li><a href="/ja/docs/reference/isolation" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><div class="docsWrapper_rDLg"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_JQoL" type="button"></button><div class="docRoot_GkJk"><aside class="theme-doc-sidebar-container docSidebarContainer_xiHB"><div class="sidebarViewport_DaHB"><div class="sidebar_Kb82"><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_AkOp"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--active" href="/kr/docs/reference">📚  Reference</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/kr/docs/reference/layers">Layers</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/kr/docs/reference/slices-segments">Slices and segments</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/kr/docs/reference/public-api">Public API</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item"><div class="menu__list-item-collapsible menu__list-item-collapsible--active"><a class="menu__link menu__link--sublist menu__link--active" aria-current="page" tabindex="0" href="/kr/docs/reference/isolation">Isolation</a><button aria-label="Collapse sidebar category &#x27;Isolation&#x27;" aria-expanded="true" type="button" class="clean-btn menu__caret"></button></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/kr/docs/reference/isolation/coupling-cohesion">Low Coupling &amp; High Cohesion</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item sidebar-item--wip"><a class="menu__link" tabindex="0" href="/kr/docs/reference/isolation/decouple-entities">Decouple entities</a></li></ul></li></ul></li></ul></nav><button type="button" title="Collapse sidebar" aria-label="Collapse sidebar" class="button button--secondary button--outline collapseSidebarButton_L8vW"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_hYfn"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_uESP"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_w6lk"><div class="docItemContainer_b1tn"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_ioLt" aria-label="Breadcrumbs"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Home page" class="breadcrumbs__link" href="/kr/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_ZfEo"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/kr/docs/reference"><span itemprop="name">📚  Reference</span></a><meta itemprop="position" content="1"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">Isolation</span><meta itemprop="position" content="2"></li></ul></nav><div class="tocCollapsible_EkMH theme-doc-toc-mobile tocMobile_XRnS"><button type="button" class="clean-btn tocCollapsibleButton_ID8T">On this page</button></div><div class="theme-doc-markdown markdown"><header><h1>Isolation of modules</h1></header>
@@ -82,6 +82,6 @@ <h2 class="anchor anchorWithStickyNavbar_QzlE" id="see-also">See also<a href="#s
 <li><a href="https://github.com/feature-sliced/documentation/discussions/49" target="_blank" rel="noopener noreferrer">(Discussion) Coupled entities</a></li>
 <li><a href="https://github.com/feature-sliced/documentation/discussions/65#discussioncomment-480822" target="_blank" rel="noopener noreferrer">(Discussion) About cross-imports and analysis зависимостей</a></li>
 <li><a href="https://en.wikipedia.org/wiki/GRASP_(object-oriented_design)" target="_blank" rel="noopener noreferrer"><strong>GRASP</strong> Patterns</a></li>
-</ul></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/reference/isolation/index.md" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Last updated<!-- --> on <b><time datetime="2024-09-29T11:02:46.000Z" itemprop="dateModified">Sep 29, 2024</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/kr/docs/reference/public-api"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">Public API</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/kr/docs/reference/isolation/coupling-cohesion"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">Low Coupling &amp; High Cohesion</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#requirements" class="table-of-contents__link toc-highlight">Requirements</a></li><li><a href="#rule" class="table-of-contents__link toc-highlight">Rule</a></li><li><a href="#identifying-problems" class="table-of-contents__link toc-highlight">Identifying problems</a></li><li><a href="#see-also" class="table-of-contents__link toc-highlight">See also</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Specs</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/kr/docs">Documentation</a></li><li class="footer__item"><a class="footer__link-item" href="/kr/community">Community</a></li><li class="footer__item"><a class="footer__link-item" href="/kr/nav">Help</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">License<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/kr/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/kr/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2024  Feature-Sliced Design</div></div></div></footer></div>
+</ul></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/reference/isolation/index.md" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Last updated<!-- --> on <b><time datetime="2024-10-07T18:23:06.000Z" itemprop="dateModified">Oct 7, 2024</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/kr/docs/reference/public-api"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">Public API</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/kr/docs/reference/isolation/coupling-cohesion"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">Low Coupling &amp; High Cohesion</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#requirements" class="table-of-contents__link toc-highlight">Requirements</a></li><li><a href="#rule" class="table-of-contents__link toc-highlight">Rule</a></li><li><a href="#identifying-problems" class="table-of-contents__link toc-highlight">Identifying problems</a></li><li><a href="#see-also" class="table-of-contents__link toc-highlight">See also</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Specs</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/kr/docs">Documentation</a></li><li class="footer__item"><a class="footer__link-item" href="/kr/community">Community</a></li><li class="footer__item"><a class="footer__link-item" href="/kr/nav">Help</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">License<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/kr/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/kr/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2024  Feature-Sliced Design</div></div></div></footer></div>
 </body>
 </html>
\ No newline at end of file
diff --git a/kr/docs/reference/isolation/coupling-cohesion.html b/kr/docs/reference/isolation/coupling-cohesion.html
index 6098299a18..b1e44bca46 100644
--- a/kr/docs/reference/isolation/coupling-cohesion.html
+++ b/kr/docs/reference/isolation/coupling-cohesion.html
@@ -9,8 +9,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/kr/opensearch.xml"><link rel="stylesheet" href="/kr/assets/css/styles.554655a0.css">
-<script src="/kr/assets/js/runtime~main.747d66f0.js" defer="defer"></script>
-<script src="/kr/assets/js/main.6d627ed0.js" defer="defer"></script>
+<script src="/kr/assets/js/runtime~main.c4f81ee2.js" defer="defer"></script>
+<script src="/kr/assets/js/main.ea09754c.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/kr/"><div class="navbar__logo"><img src="/kr/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/kr/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/kr/docs">📖 Docs</a><a class="navbar__item navbar__link" href="/kr/community">💫 Community</a><a class="navbar__item navbar__link" href="/kr/blog">📝 Blog</a><a class="navbar__item navbar__link" href="/kr/examples">🛠 Examples</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/kr/docs/reference/isolation/coupling-cohesion">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a aria-current="page" class="dropdown__link dropdown__link--active" href="/kr/docs/reference/isolation/coupling-cohesion">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/kr/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>한국어</a><ul class="dropdown__menu"><li><a href="/ru/docs/reference/isolation/coupling-cohesion" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ru">Русский</a></li><li><a href="/docs/reference/isolation/coupling-cohesion" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/uz/docs/reference/isolation/coupling-cohesion" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/docs/reference/isolation/coupling-cohesion" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="kr">한국어</a></li><li><a href="/ja/docs/reference/isolation/coupling-cohesion" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><div class="docsWrapper_rDLg"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_JQoL" type="button"></button><div class="docRoot_GkJk"><aside class="theme-doc-sidebar-container docSidebarContainer_xiHB"><div class="sidebarViewport_DaHB"><div class="sidebar_Kb82"><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_AkOp"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--active" href="/kr/docs/reference">📚  Reference</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/kr/docs/reference/layers">Layers</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/kr/docs/reference/slices-segments">Slices and segments</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/kr/docs/reference/public-api">Public API</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--active" tabindex="0" href="/kr/docs/reference/isolation">Isolation</a><button aria-label="Collapse sidebar category &#x27;Isolation&#x27;" aria-expanded="true" type="button" class="clean-btn menu__caret"></button></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/kr/docs/reference/isolation/coupling-cohesion">Low Coupling &amp; High Cohesion</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item sidebar-item--wip"><a class="menu__link" tabindex="0" href="/kr/docs/reference/isolation/decouple-entities">Decouple entities</a></li></ul></li></ul></li></ul></nav><button type="button" title="Collapse sidebar" aria-label="Collapse sidebar" class="button button--secondary button--outline collapseSidebarButton_L8vW"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_hYfn"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_uESP"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_w6lk"><div class="docItemContainer_b1tn"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_ioLt" aria-label="Breadcrumbs"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Home page" class="breadcrumbs__link" href="/kr/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_ZfEo"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/kr/docs/reference"><span itemprop="name">📚  Reference</span></a><meta itemprop="position" content="1"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/kr/docs/reference/isolation"><span itemprop="name">Isolation</span></a><meta itemprop="position" content="2"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">Low Coupling &amp; High Cohesion</span><meta itemprop="position" content="3"></li></ul></nav><div class="tocCollapsible_EkMH theme-doc-toc-mobile tocMobile_XRnS"><button type="button" class="clean-btn tocCollapsibleButton_ID8T">On this page</button></div><div class="theme-doc-markdown markdown"><header><h1>Low Coupling &amp; High Cohesion</h1></header>
@@ -78,6 +78,6 @@ <h2 class="anchor anchorWithStickyNavbar_QzlE" id="see-also">See also<a href="#s
 </li>
 <li><a href="https://medium.com/german-gorelkin/low-coupling-high-cohesion-d36369fb1be9" target="_blank" rel="noopener noreferrer">(Article) Low Coupling and High Cohesion. The Law of Demeter</a></li>
 <li><a href="https://www.slideshare.net/cristalngo/software-design-principles-57388843" target="_blank" rel="noopener noreferrer">(Presentation) On design principles (including Low Coupling &amp; High Cohesion)</a></li>
-</ul></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/reference/isolation/coupling-cohesion.md" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Last updated<!-- --> on <b><time datetime="2024-09-29T11:02:46.000Z" itemprop="dateModified">Sep 29, 2024</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/kr/docs/reference/isolation"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">Isolation of modules</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/kr/docs/reference/isolation/decouple-entities"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">Decouple entities</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#components-composition-ui-level" class="table-of-contents__link toc-highlight">Components composition (UI level)</a><ul><li><a href="#example" class="table-of-contents__link toc-highlight">Example</a></li></ul></li><li><a href="#layer-composition-app-level" class="table-of-contents__link toc-highlight">Layer composition (APP level)</a><ul><li><a href="#example-1" class="table-of-contents__link toc-highlight">Example</a></li></ul></li><li><a href="#summary" class="table-of-contents__link toc-highlight">Summary</a></li><li><a href="#see-also" class="table-of-contents__link toc-highlight">See also</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Specs</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/kr/docs">Documentation</a></li><li class="footer__item"><a class="footer__link-item" href="/kr/community">Community</a></li><li class="footer__item"><a class="footer__link-item" href="/kr/nav">Help</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">License<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/kr/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/kr/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2024  Feature-Sliced Design</div></div></div></footer></div>
+</ul></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/reference/isolation/coupling-cohesion.md" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Last updated<!-- --> on <b><time datetime="2024-10-07T18:23:06.000Z" itemprop="dateModified">Oct 7, 2024</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/kr/docs/reference/isolation"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">Isolation of modules</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/kr/docs/reference/isolation/decouple-entities"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">Decouple entities</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#components-composition-ui-level" class="table-of-contents__link toc-highlight">Components composition (UI level)</a><ul><li><a href="#example" class="table-of-contents__link toc-highlight">Example</a></li></ul></li><li><a href="#layer-composition-app-level" class="table-of-contents__link toc-highlight">Layer composition (APP level)</a><ul><li><a href="#example-1" class="table-of-contents__link toc-highlight">Example</a></li></ul></li><li><a href="#summary" class="table-of-contents__link toc-highlight">Summary</a></li><li><a href="#see-also" class="table-of-contents__link toc-highlight">See also</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Specs</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/kr/docs">Documentation</a></li><li class="footer__item"><a class="footer__link-item" href="/kr/community">Community</a></li><li class="footer__item"><a class="footer__link-item" href="/kr/nav">Help</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">License<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/kr/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/kr/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2024  Feature-Sliced Design</div></div></div></footer></div>
 </body>
 </html>
\ No newline at end of file
diff --git a/kr/docs/reference/isolation/decouple-entities.html b/kr/docs/reference/isolation/decouple-entities.html
index 17aa3f47d8..a27aa769de 100644
--- a/kr/docs/reference/isolation/decouple-entities.html
+++ b/kr/docs/reference/isolation/decouple-entities.html
@@ -9,8 +9,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/kr/opensearch.xml"><link rel="stylesheet" href="/kr/assets/css/styles.554655a0.css">
-<script src="/kr/assets/js/runtime~main.747d66f0.js" defer="defer"></script>
-<script src="/kr/assets/js/main.6d627ed0.js" defer="defer"></script>
+<script src="/kr/assets/js/runtime~main.c4f81ee2.js" defer="defer"></script>
+<script src="/kr/assets/js/main.ea09754c.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/kr/"><div class="navbar__logo"><img src="/kr/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/kr/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/kr/docs">📖 Docs</a><a class="navbar__item navbar__link" href="/kr/community">💫 Community</a><a class="navbar__item navbar__link" href="/kr/blog">📝 Blog</a><a class="navbar__item navbar__link" href="/kr/examples">🛠 Examples</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/kr/docs/reference/isolation/decouple-entities">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a aria-current="page" class="dropdown__link dropdown__link--active" href="/kr/docs/reference/isolation/decouple-entities">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/kr/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>한국어</a><ul class="dropdown__menu"><li><a href="/ru/docs/reference/isolation/decouple-entities" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ru">Русский</a></li><li><a href="/docs/reference/isolation/decouple-entities" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/uz/docs/reference/isolation/decouple-entities" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/docs/reference/isolation/decouple-entities" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="kr">한국어</a></li><li><a href="/ja/docs/reference/isolation/decouple-entities" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><div class="docsWrapper_rDLg"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_JQoL" type="button"></button><div class="docRoot_GkJk"><aside class="theme-doc-sidebar-container docSidebarContainer_xiHB"><div class="sidebarViewport_DaHB"><div class="sidebar_Kb82"><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_AkOp"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--active" href="/kr/docs/reference">📚  Reference</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/kr/docs/reference/layers">Layers</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/kr/docs/reference/slices-segments">Slices and segments</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/kr/docs/reference/public-api">Public API</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--active" tabindex="0" href="/kr/docs/reference/isolation">Isolation</a><button aria-label="Collapse sidebar category &#x27;Isolation&#x27;" aria-expanded="true" type="button" class="clean-btn menu__caret"></button></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/kr/docs/reference/isolation/coupling-cohesion">Low Coupling &amp; High Cohesion</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item sidebar-item--wip"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/kr/docs/reference/isolation/decouple-entities">Decouple entities</a></li></ul></li></ul></li></ul></nav><button type="button" title="Collapse sidebar" aria-label="Collapse sidebar" class="button button--secondary button--outline collapseSidebarButton_L8vW"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_hYfn"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_uESP"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_w6lk"><div class="docItemContainer_b1tn"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_ioLt" aria-label="Breadcrumbs"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Home page" class="breadcrumbs__link" href="/kr/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_ZfEo"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/kr/docs/reference"><span itemprop="name">📚  Reference</span></a><meta itemprop="position" content="1"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/kr/docs/reference/isolation"><span itemprop="name">Isolation</span></a><meta itemprop="position" content="2"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">Decouple entities</span><meta itemprop="position" content="3"></li></ul></nav><div class="tocCollapsible_EkMH theme-doc-toc-mobile tocMobile_XRnS"><button type="button" class="clean-btn tocCollapsibleButton_ID8T">On this page</button></div><div class="theme-doc-markdown markdown"><header><h1>Decouple entities</h1></header>
@@ -27,6 +27,6 @@ <h2 class="anchor anchorWithStickyNavbar_QzlE" id="see-also">See also<a href="#s
 <li><a href="https://t.me/feature_sliced/3316" target="_blank" rel="noopener noreferrer">(Thread) Example of decomposition for &quot;connected entities&quot; (users/pets/friends)</a></li>
 <li><a href="https://t.me/feature_sliced/4276" target="_blank" rel="noopener noreferrer">(Thread) About cross-imports of types/adapters in entities</a></li>
 <li><a href="https://t.me/feature_sliced/4521" target="_blank" rel="noopener noreferrer">(Thread) About the boundaries of entities and features</a></li>
-</ul></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/reference/isolation/decouple-entities.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Last updated<!-- --> on <b><time datetime="2024-09-29T11:02:46.000Z" itemprop="dateModified">Sep 29, 2024</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/kr/docs/reference/isolation/coupling-cohesion"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">Low Coupling &amp; High Cohesion</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#see-also" class="table-of-contents__link toc-highlight">See also</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Specs</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/kr/docs">Documentation</a></li><li class="footer__item"><a class="footer__link-item" href="/kr/community">Community</a></li><li class="footer__item"><a class="footer__link-item" href="/kr/nav">Help</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">License<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/kr/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/kr/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2024  Feature-Sliced Design</div></div></div></footer></div>
+</ul></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/reference/isolation/decouple-entities.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Last updated<!-- --> on <b><time datetime="2024-10-07T18:23:06.000Z" itemprop="dateModified">Oct 7, 2024</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/kr/docs/reference/isolation/coupling-cohesion"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">Low Coupling &amp; High Cohesion</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#see-also" class="table-of-contents__link toc-highlight">See also</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Specs</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/kr/docs">Documentation</a></li><li class="footer__item"><a class="footer__link-item" href="/kr/community">Community</a></li><li class="footer__item"><a class="footer__link-item" href="/kr/nav">Help</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">License<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/kr/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/kr/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2024  Feature-Sliced Design</div></div></div></footer></div>
 </body>
 </html>
\ No newline at end of file
diff --git a/kr/docs/reference/layers.html b/kr/docs/reference/layers.html
index efb680acc8..b9109d7679 100644
--- a/kr/docs/reference/layers.html
+++ b/kr/docs/reference/layers.html
@@ -9,8 +9,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/kr/opensearch.xml"><link rel="stylesheet" href="/kr/assets/css/styles.554655a0.css">
-<script src="/kr/assets/js/runtime~main.747d66f0.js" defer="defer"></script>
-<script src="/kr/assets/js/main.6d627ed0.js" defer="defer"></script>
+<script src="/kr/assets/js/runtime~main.c4f81ee2.js" defer="defer"></script>
+<script src="/kr/assets/js/main.ea09754c.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/kr/"><div class="navbar__logo"><img src="/kr/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/kr/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/kr/docs">📖 Docs</a><a class="navbar__item navbar__link" href="/kr/community">💫 Community</a><a class="navbar__item navbar__link" href="/kr/blog">📝 Blog</a><a class="navbar__item navbar__link" href="/kr/examples">🛠 Examples</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/kr/docs/reference/layers">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a aria-current="page" class="dropdown__link dropdown__link--active" href="/kr/docs/reference/layers">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/kr/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>한국어</a><ul class="dropdown__menu"><li><a href="/ru/docs/reference/layers" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ru">Русский</a></li><li><a href="/docs/reference/layers" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/uz/docs/reference/layers" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/docs/reference/layers" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="kr">한국어</a></li><li><a href="/ja/docs/reference/layers" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><div class="docsWrapper_rDLg"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_JQoL" type="button"></button><div class="docRoot_GkJk"><aside class="theme-doc-sidebar-container docSidebarContainer_xiHB"><div class="sidebarViewport_DaHB"><div class="sidebar_Kb82"><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_AkOp"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--active" href="/kr/docs/reference">📚  Reference</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/kr/docs/reference/layers">Layers</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/kr/docs/reference/slices-segments">Slices and segments</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/kr/docs/reference/public-api">Public API</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" tabindex="0" href="/kr/docs/reference/isolation">Isolation</a><button aria-label="Expand sidebar category &#x27;Isolation&#x27;" aria-expanded="false" type="button" class="clean-btn menu__caret"></button></div></li></ul></li></ul></nav><button type="button" title="Collapse sidebar" aria-label="Collapse sidebar" class="button button--secondary button--outline collapseSidebarButton_L8vW"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_hYfn"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_uESP"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_w6lk"><div class="docItemContainer_b1tn"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_ioLt" aria-label="Breadcrumbs"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Home page" class="breadcrumbs__link" href="/kr/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_ZfEo"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/kr/docs/reference"><span itemprop="name">📚  Reference</span></a><meta itemprop="position" content="1"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">Layers</span><meta itemprop="position" content="2"></li></ul></nav><div class="tocCollapsible_EkMH theme-doc-toc-mobile tocMobile_XRnS"><button type="button" class="clean-btn tocCollapsibleButton_ID8T">On this page</button></div><div class="theme-doc-markdown markdown"><header><h1>Layers</h1></header>
@@ -87,6 +87,6 @@ <h3 class="anchor anchorWithStickyNavbar_QzlE" id="app">App<a href="#app" class=
 <li>Routing</li>
 <li>Store and other context providers</li>
 <li>Analytics initialization</li>
-</ul></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/reference/layers.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Last updated<!-- --> on <b><time datetime="2024-09-29T11:02:46.000Z" itemprop="dateModified">Sep 29, 2024</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/kr/docs/reference"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">📚 Reference</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/kr/docs/reference/slices-segments"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">Slices and segments</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#import-rule-on-layers" class="table-of-contents__link toc-highlight">Import rule on layers</a></li><li><a href="#layer-definitions" class="table-of-contents__link toc-highlight">Layer definitions</a><ul><li><a href="#shared" class="table-of-contents__link toc-highlight">Shared</a></li><li><a href="#entities" class="table-of-contents__link toc-highlight">Entities</a></li><li><a href="#features" class="table-of-contents__link toc-highlight">Features</a></li><li><a href="#widgets" class="table-of-contents__link toc-highlight">Widgets</a></li><li><a href="#pages" class="table-of-contents__link toc-highlight">Pages</a></li><li><a href="#processes" class="table-of-contents__link toc-highlight">Processes</a></li><li><a href="#app" class="table-of-contents__link toc-highlight">App</a></li></ul></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Specs</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/kr/docs">Documentation</a></li><li class="footer__item"><a class="footer__link-item" href="/kr/community">Community</a></li><li class="footer__item"><a class="footer__link-item" href="/kr/nav">Help</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">License<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/kr/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/kr/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2024  Feature-Sliced Design</div></div></div></footer></div>
+</ul></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/reference/layers.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Last updated<!-- --> on <b><time datetime="2024-10-07T18:23:06.000Z" itemprop="dateModified">Oct 7, 2024</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/kr/docs/reference"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">📚 Reference</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/kr/docs/reference/slices-segments"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">Slices and segments</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#import-rule-on-layers" class="table-of-contents__link toc-highlight">Import rule on layers</a></li><li><a href="#layer-definitions" class="table-of-contents__link toc-highlight">Layer definitions</a><ul><li><a href="#shared" class="table-of-contents__link toc-highlight">Shared</a></li><li><a href="#entities" class="table-of-contents__link toc-highlight">Entities</a></li><li><a href="#features" class="table-of-contents__link toc-highlight">Features</a></li><li><a href="#widgets" class="table-of-contents__link toc-highlight">Widgets</a></li><li><a href="#pages" class="table-of-contents__link toc-highlight">Pages</a></li><li><a href="#processes" class="table-of-contents__link toc-highlight">Processes</a></li><li><a href="#app" class="table-of-contents__link toc-highlight">App</a></li></ul></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Specs</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/kr/docs">Documentation</a></li><li class="footer__item"><a class="footer__link-item" href="/kr/community">Community</a></li><li class="footer__item"><a class="footer__link-item" href="/kr/nav">Help</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">License<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/kr/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/kr/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2024  Feature-Sliced Design</div></div></div></footer></div>
 </body>
 </html>
\ No newline at end of file
diff --git a/kr/docs/reference/public-api.html b/kr/docs/reference/public-api.html
index d1aa85d890..6b45dc412e 100644
--- a/kr/docs/reference/public-api.html
+++ b/kr/docs/reference/public-api.html
@@ -9,8 +9,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/kr/opensearch.xml"><link rel="stylesheet" href="/kr/assets/css/styles.554655a0.css">
-<script src="/kr/assets/js/runtime~main.747d66f0.js" defer="defer"></script>
-<script src="/kr/assets/js/main.6d627ed0.js" defer="defer"></script>
+<script src="/kr/assets/js/runtime~main.c4f81ee2.js" defer="defer"></script>
+<script src="/kr/assets/js/main.ea09754c.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/kr/"><div class="navbar__logo"><img src="/kr/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/kr/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/kr/docs">📖 Docs</a><a class="navbar__item navbar__link" href="/kr/community">💫 Community</a><a class="navbar__item navbar__link" href="/kr/blog">📝 Blog</a><a class="navbar__item navbar__link" href="/kr/examples">🛠 Examples</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/kr/docs/reference/public-api">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a aria-current="page" class="dropdown__link dropdown__link--active" href="/kr/docs/reference/public-api">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/kr/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>한국어</a><ul class="dropdown__menu"><li><a href="/ru/docs/reference/public-api" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ru">Русский</a></li><li><a href="/docs/reference/public-api" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/uz/docs/reference/public-api" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/docs/reference/public-api" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="kr">한국어</a></li><li><a href="/ja/docs/reference/public-api" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><div class="docsWrapper_rDLg"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_JQoL" type="button"></button><div class="docRoot_GkJk"><aside class="theme-doc-sidebar-container docSidebarContainer_xiHB"><div class="sidebarViewport_DaHB"><div class="sidebar_Kb82"><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_AkOp"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--active" href="/kr/docs/reference">📚  Reference</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/kr/docs/reference/layers">Layers</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/kr/docs/reference/slices-segments">Slices and segments</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/kr/docs/reference/public-api">Public API</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" tabindex="0" href="/kr/docs/reference/isolation">Isolation</a><button aria-label="Expand sidebar category &#x27;Isolation&#x27;" aria-expanded="false" type="button" class="clean-btn menu__caret"></button></div></li></ul></li></ul></nav><button type="button" title="Collapse sidebar" aria-label="Collapse sidebar" class="button button--secondary button--outline collapseSidebarButton_L8vW"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_hYfn"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_uESP"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_w6lk"><div class="docItemContainer_b1tn"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_ioLt" aria-label="Breadcrumbs"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Home page" class="breadcrumbs__link" href="/kr/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_ZfEo"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/kr/docs/reference"><span itemprop="name">📚  Reference</span></a><meta itemprop="position" content="1"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">Public API</span><meta itemprop="position" content="2"></li></ul></nav><div class="tocCollapsible_EkMH theme-doc-toc-mobile tocMobile_XRnS"><button type="button" class="clean-btn tocCollapsibleButton_ID8T">On this page</button></div><div class="theme-doc-markdown markdown"><header><h1>Public API</h1></header>
@@ -140,6 +140,6 @@ <h2 class="anchor anchorWithStickyNavbar_QzlE" id="see-also">See also<a href="#s
 <li><a href="https://github.com/feature-sliced/documentation/discussions/41" target="_blank" rel="noopener noreferrer">(Discussion) Public Abstraction API</a></li>
 <li><a href="https://ru.wikipedia.org/wiki/SOLID" target="_blank" rel="noopener noreferrer">Principles <strong>SOLID</strong></a></li>
 <li><a href="https://ru.wikipedia.org/wiki/GRASP" target="_blank" rel="noopener noreferrer">Patterns <strong>GRASP</strong></a></li>
-</ul></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/reference/public-api.md" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Last updated<!-- --> on <b><time datetime="2024-09-29T11:02:46.000Z" itemprop="dateModified">Sep 29, 2024</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/kr/docs/reference/slices-segments"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">Slices and segments</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/kr/docs/about"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">🍰 About</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#goals" class="table-of-contents__link toc-highlight">Goals</a></li><li><a href="#requirements-for-the-public-api" class="table-of-contents__link toc-highlight">Requirements for the public API</a><ul><li><a href="#1-access-control" class="table-of-contents__link toc-highlight">1. Access Control</a></li><li><a href="#2-sustainability-for-changes" class="table-of-contents__link toc-highlight">2. Sustainability for changes</a></li><li><a href="#3-integrability" class="table-of-contents__link toc-highlight">3. Integrability</a></li></ul></li><li><a href="#about-re-exports" class="table-of-contents__link toc-highlight">About re-exports</a><ul><li><a href="#disadvantages" class="table-of-contents__link toc-highlight">Disadvantages</a></li><li><a href="#possible-solutions" class="table-of-contents__link toc-highlight">Possible solutions</a></li></ul></li><li><a href="#see-also" class="table-of-contents__link toc-highlight">See also</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Specs</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/kr/docs">Documentation</a></li><li class="footer__item"><a class="footer__link-item" href="/kr/community">Community</a></li><li class="footer__item"><a class="footer__link-item" href="/kr/nav">Help</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">License<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/kr/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/kr/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2024  Feature-Sliced Design</div></div></div></footer></div>
+</ul></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/reference/public-api.md" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Last updated<!-- --> on <b><time datetime="2024-10-07T18:23:06.000Z" itemprop="dateModified">Oct 7, 2024</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/kr/docs/reference/slices-segments"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">Slices and segments</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/kr/docs/about"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">🍰 About</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#goals" class="table-of-contents__link toc-highlight">Goals</a></li><li><a href="#requirements-for-the-public-api" class="table-of-contents__link toc-highlight">Requirements for the public API</a><ul><li><a href="#1-access-control" class="table-of-contents__link toc-highlight">1. Access Control</a></li><li><a href="#2-sustainability-for-changes" class="table-of-contents__link toc-highlight">2. Sustainability for changes</a></li><li><a href="#3-integrability" class="table-of-contents__link toc-highlight">3. Integrability</a></li></ul></li><li><a href="#about-re-exports" class="table-of-contents__link toc-highlight">About re-exports</a><ul><li><a href="#disadvantages" class="table-of-contents__link toc-highlight">Disadvantages</a></li><li><a href="#possible-solutions" class="table-of-contents__link toc-highlight">Possible solutions</a></li></ul></li><li><a href="#see-also" class="table-of-contents__link toc-highlight">See also</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Specs</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/kr/docs">Documentation</a></li><li class="footer__item"><a class="footer__link-item" href="/kr/community">Community</a></li><li class="footer__item"><a class="footer__link-item" href="/kr/nav">Help</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">License<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/kr/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/kr/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2024  Feature-Sliced Design</div></div></div></footer></div>
 </body>
 </html>
\ No newline at end of file
diff --git a/kr/docs/reference/slices-segments.html b/kr/docs/reference/slices-segments.html
index cdb184a76d..3314e8946a 100644
--- a/kr/docs/reference/slices-segments.html
+++ b/kr/docs/reference/slices-segments.html
@@ -9,8 +9,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/kr/opensearch.xml"><link rel="stylesheet" href="/kr/assets/css/styles.554655a0.css">
-<script src="/kr/assets/js/runtime~main.747d66f0.js" defer="defer"></script>
-<script src="/kr/assets/js/main.6d627ed0.js" defer="defer"></script>
+<script src="/kr/assets/js/runtime~main.c4f81ee2.js" defer="defer"></script>
+<script src="/kr/assets/js/main.ea09754c.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/kr/"><div class="navbar__logo"><img src="/kr/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/kr/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/kr/docs">📖 Docs</a><a class="navbar__item navbar__link" href="/kr/community">💫 Community</a><a class="navbar__item navbar__link" href="/kr/blog">📝 Blog</a><a class="navbar__item navbar__link" href="/kr/examples">🛠 Examples</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/kr/docs/reference/slices-segments">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a aria-current="page" class="dropdown__link dropdown__link--active" href="/kr/docs/reference/slices-segments">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/kr/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>한국어</a><ul class="dropdown__menu"><li><a href="/ru/docs/reference/slices-segments" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ru">Русский</a></li><li><a href="/docs/reference/slices-segments" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/uz/docs/reference/slices-segments" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/docs/reference/slices-segments" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="kr">한국어</a></li><li><a href="/ja/docs/reference/slices-segments" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><div class="docsWrapper_rDLg"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_JQoL" type="button"></button><div class="docRoot_GkJk"><aside class="theme-doc-sidebar-container docSidebarContainer_xiHB"><div class="sidebarViewport_DaHB"><div class="sidebar_Kb82"><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_AkOp"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--active" href="/kr/docs/reference">📚  Reference</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/kr/docs/reference/layers">Layers</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/kr/docs/reference/slices-segments">Slices and segments</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/kr/docs/reference/public-api">Public API</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" tabindex="0" href="/kr/docs/reference/isolation">Isolation</a><button aria-label="Expand sidebar category &#x27;Isolation&#x27;" aria-expanded="false" type="button" class="clean-btn menu__caret"></button></div></li></ul></li></ul></nav><button type="button" title="Collapse sidebar" aria-label="Collapse sidebar" class="button button--secondary button--outline collapseSidebarButton_L8vW"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_hYfn"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_uESP"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_w6lk"><div class="docItemContainer_b1tn"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_ioLt" aria-label="Breadcrumbs"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Home page" class="breadcrumbs__link" href="/kr/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_ZfEo"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/kr/docs/reference"><span itemprop="name">📚  Reference</span></a><meta itemprop="position" content="1"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">Slices and segments</span><meta itemprop="position" content="2"></li></ul></nav><div class="tocCollapsible_EkMH theme-doc-toc-mobile tocMobile_XRnS"><button type="button" class="clean-btn tocCollapsibleButton_ID8T">On this page</button></div><div class="theme-doc-markdown markdown"><header><h1>Slices and segments</h1></header>
@@ -38,6 +38,6 @@ <h2 class="anchor anchorWithStickyNavbar_QzlE" id="segments">Segments<a href="#s
 </ul>
 <p>Custom segments are permitted, but should be created sparingly. The most common places for custom segments are the App layer and the Shared layer, where slices don&#x27;t make sense.</p>
 <h3 class="anchor anchorWithStickyNavbar_QzlE" id="examples">Examples<a href="#examples" class="hash-link" aria-label="Direct link to heading" title="Direct link to heading">​</a></h3>
-<table><thead><tr><th style="text-align:left">Layer</th><th style="text-align:left"><code>ui</code></th><th style="text-align:left"><code>model</code></th><th style="text-align:left"><code>lib</code></th><th style="text-align:left"><code>api</code></th></tr></thead><tbody><tr><td style="text-align:left">Shared</td><td style="text-align:left">UI kit</td><td style="text-align:left">Usually not used</td><td style="text-align:left">Utility modules of several related files. <br>If you need to use individual helpers, consider using utility libraries such as <a href="https://www.npmjs.com/package/lodash-es" target="_blank" rel="noopener noreferrer"><code>lodash-es</code></a>.</td><td style="text-align:left">Rudimentary API client with additional features like authentication or caching.</td></tr><tr><td style="text-align:left">Entities</td><td style="text-align:left">Skeleton of a business entity with slots for interactive elements</td><td style="text-align:left">Data storage of instances of this entity as well as functions for manipulating that data. <br> This segment is most fit for storing server-side data. If you use <a href="https://tanstack.com/query/latest" target="_blank" rel="noopener noreferrer">TanStack Query</a> or other methods of implicit storage, you may choose to omit this segment.</td><td style="text-align:left">Functions for manipulating instances of this entity that aren&#x27;t related to storage</td><td style="text-align:left">API methods using the API client from Shared for easy communication with the backend</td></tr><tr><td style="text-align:left">Features</td><td style="text-align:left">Interactive elements that enable users to use this feature</td><td style="text-align:left">Business logic and infrastructure data storage, if needed (e.g., current app theme). This is the code that actually produces value for the user.</td><td style="text-align:left">Infrastructural code that helps to concisely describe the business logic in the <code>model</code> segment</td><td style="text-align:left">API methods that represent this feature on the backend. <br> May compose API methods from Entities.</td></tr><tr><td style="text-align:left">Widgets</td><td style="text-align:left">Composition of Entities and Features into self-contained UI blocks. <br> Can also contain error boundaries and loading states.</td><td style="text-align:left">Infrastructure data storage, if needed</td><td style="text-align:left">Non-business interactions (e.g., gestures) and other necessary code for the block to function on a page</td><td style="text-align:left">Usually not used, but can contain data loaders in nested routing contexts (e.g., <a href="https://remix.run" target="_blank" rel="noopener noreferrer">Remix</a>)</td></tr><tr><td style="text-align:left">Pages</td><td style="text-align:left">Composition of Entities, Features and Widgets into complete pages. <br> Can also contain error boundaries and loading states.</td><td style="text-align:left">Usually not used</td><td style="text-align:left">Non-business interactions (e.g., gestures) and other necessary code for the page to deliver a complete user experience</td><td style="text-align:left">Data loaders for SSR-oriented frameworks</td></tr></tbody></table></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/reference/slices-segments.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Last updated<!-- --> on <b><time datetime="2024-09-29T11:02:46.000Z" itemprop="dateModified">Sep 29, 2024</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/kr/docs/reference/layers"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">Layers</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/kr/docs/reference/public-api"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">Public API</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#slices" class="table-of-contents__link toc-highlight">Slices</a><ul><li><a href="#public-api-rule-on-slices" class="table-of-contents__link toc-highlight">Public API rule on slices</a></li></ul></li><li><a href="#segments" class="table-of-contents__link toc-highlight">Segments</a><ul><li><a href="#examples" class="table-of-contents__link toc-highlight">Examples</a></li></ul></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Specs</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/kr/docs">Documentation</a></li><li class="footer__item"><a class="footer__link-item" href="/kr/community">Community</a></li><li class="footer__item"><a class="footer__link-item" href="/kr/nav">Help</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">License<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/kr/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/kr/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2024  Feature-Sliced Design</div></div></div></footer></div>
+<table><thead><tr><th style="text-align:left">Layer</th><th style="text-align:left"><code>ui</code></th><th style="text-align:left"><code>model</code></th><th style="text-align:left"><code>lib</code></th><th style="text-align:left"><code>api</code></th></tr></thead><tbody><tr><td style="text-align:left">Shared</td><td style="text-align:left">UI kit</td><td style="text-align:left">Usually not used</td><td style="text-align:left">Utility modules of several related files. <br>If you need to use individual helpers, consider using utility libraries such as <a href="https://www.npmjs.com/package/lodash-es" target="_blank" rel="noopener noreferrer"><code>lodash-es</code></a>.</td><td style="text-align:left">Rudimentary API client with additional features like authentication or caching.</td></tr><tr><td style="text-align:left">Entities</td><td style="text-align:left">Skeleton of a business entity with slots for interactive elements</td><td style="text-align:left">Data storage of instances of this entity as well as functions for manipulating that data. <br> This segment is most fit for storing server-side data. If you use <a href="https://tanstack.com/query/latest" target="_blank" rel="noopener noreferrer">TanStack Query</a> or other methods of implicit storage, you may choose to omit this segment.</td><td style="text-align:left">Functions for manipulating instances of this entity that aren&#x27;t related to storage</td><td style="text-align:left">API methods using the API client from Shared for easy communication with the backend</td></tr><tr><td style="text-align:left">Features</td><td style="text-align:left">Interactive elements that enable users to use this feature</td><td style="text-align:left">Business logic and infrastructure data storage, if needed (e.g., current app theme). This is the code that actually produces value for the user.</td><td style="text-align:left">Infrastructural code that helps to concisely describe the business logic in the <code>model</code> segment</td><td style="text-align:left">API methods that represent this feature on the backend. <br> May compose API methods from Entities.</td></tr><tr><td style="text-align:left">Widgets</td><td style="text-align:left">Composition of Entities and Features into self-contained UI blocks. <br> Can also contain error boundaries and loading states.</td><td style="text-align:left">Infrastructure data storage, if needed</td><td style="text-align:left">Non-business interactions (e.g., gestures) and other necessary code for the block to function on a page</td><td style="text-align:left">Usually not used, but can contain data loaders in nested routing contexts (e.g., <a href="https://remix.run" target="_blank" rel="noopener noreferrer">Remix</a>)</td></tr><tr><td style="text-align:left">Pages</td><td style="text-align:left">Composition of Entities, Features and Widgets into complete pages. <br> Can also contain error boundaries and loading states.</td><td style="text-align:left">Usually not used</td><td style="text-align:left">Non-business interactions (e.g., gestures) and other necessary code for the page to deliver a complete user experience</td><td style="text-align:left">Data loaders for SSR-oriented frameworks</td></tr></tbody></table></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/reference/slices-segments.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Last updated<!-- --> on <b><time datetime="2024-10-07T18:23:06.000Z" itemprop="dateModified">Oct 7, 2024</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/kr/docs/reference/layers"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">Layers</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/kr/docs/reference/public-api"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">Public API</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#slices" class="table-of-contents__link toc-highlight">Slices</a><ul><li><a href="#public-api-rule-on-slices" class="table-of-contents__link toc-highlight">Public API rule on slices</a></li></ul></li><li><a href="#segments" class="table-of-contents__link toc-highlight">Segments</a><ul><li><a href="#examples" class="table-of-contents__link toc-highlight">Examples</a></li></ul></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Specs</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/kr/docs">Documentation</a></li><li class="footer__item"><a class="footer__link-item" href="/kr/community">Community</a></li><li class="footer__item"><a class="footer__link-item" href="/kr/nav">Help</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">License<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/kr/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/kr/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2024  Feature-Sliced Design</div></div></div></footer></div>
 </body>
 </html>
\ No newline at end of file
diff --git a/kr/examples.html b/kr/examples.html
index dd368d4180..439ae7d121 100644
--- a/kr/examples.html
+++ b/kr/examples.html
@@ -9,8 +9,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/kr/opensearch.xml"><link rel="stylesheet" href="/kr/assets/css/styles.554655a0.css">
-<script src="/kr/assets/js/runtime~main.747d66f0.js" defer="defer"></script>
-<script src="/kr/assets/js/main.6d627ed0.js" defer="defer"></script>
+<script src="/kr/assets/js/runtime~main.c4f81ee2.js" defer="defer"></script>
+<script src="/kr/assets/js/main.ea09754c.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/kr/"><div class="navbar__logo"><img src="/kr/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/kr/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a class="navbar__item navbar__link" href="/kr/docs">📖 Docs</a><a class="navbar__item navbar__link" href="/kr/community">💫 Community</a><a class="navbar__item navbar__link" href="/kr/blog">📝 Blog</a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/kr/examples">🛠 Examples</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/kr/docs">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a class="dropdown__link" href="/kr/docs">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/kr/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>한국어</a><ul class="dropdown__menu"><li><a href="/ru/examples" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ru">Русский</a></li><li><a href="/examples" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/uz/examples" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/examples" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="kr">한국어</a></li><li><a href="/ja/examples" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><main class="container margin-vert--lg"><div class="text--center"><h1>Examples</h1><p>List of websites people are building with Feature-Sliced Design</p><div class="button-group"><a class="button button--primary" href="https://github.com/feature-sliced/documentation/blob/master/src/pages/examples/_config.ts" target="_blank" rel="noreferrer noopener">🙏<!-- --> <!-- -->Add example</a><a class="button button--secondary" href="https://github.com/feature-sliced/examples" target="_blank" rel="noreferrer noopener">Repository</a></div><div class="margin-top--sm"><a href="/versions">See also versions list</a></div></div><section class="container margin-top--lg"><div class="margin-top--lg"><div class="row"><article class="col col--4 margin-bottom--lg"><article class="card root_v5qN"><div class="card__image preview_MRaB"><div class="ribbon_JKNF">v2</div><div style="background-size:cover;background-repeat:no-repeat;position:relative;background-image:url(&quot;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAGCAIAAAB1kpiRAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAYklEQVR4nFXOMQ5EIQgEUAQZWaCkNxbe/4qb+M1m/+sIkwFiZjNzdwBE1FqjfwDWWnvvqvoccjDzTXjEnLOqMpOIRATAGENVqYu4e2b23p9yEVFVM7sF7fide8a7i4jXL29fuHgDoFe9xoYAAAAASUVORK5CYII=&quot;)"><svg style="width:100%;height:auto;max-width:100%;margin-bottom:-4px" width="640" height="360"></svg><noscript><img style="width:100%;height:auto;max-width:100%;margin-bottom:-4px;position:absolute;top:0;left:0" src="/kr/assets/ideal-img/tiny-bunny.dd60f55.640.png" srcset="/kr/assets/ideal-img/tiny-bunny.dd60f55.640.png 640w,/kr/assets/ideal-img/tiny-bunny.f21aad8.1030.png 1030w" alt="Tiny Bunny Mini Game" width="640" height="360"></noscript></div></div><div class="card__body"><span class="title_xhac">Tiny Bunny Mini Game</span><p class="description_y_AQ">Mini-game &quot;21 points&quot; in the universe of the visual novel &quot;Tiny Bunny&quot;.</p><div class="techList_Nt0m"><span class="techListItem_MNXE">react</span><span class="techListItem_MNXE">redux-toolkit</span><span class="techListItem_MNXE">typescript</span></div></div><div class="card__footer"><div class="button-group button-group--block"><a class="button button--small button--secondary button--block" href="https://sanua356.github.io/tiny-bunny/" target="_blank" rel="noreferrer noopener">Website</a><a class="button button--small button--secondary button--block" href="https://github.com/sanua356/tiny-bunny" target="_blank" rel="noreferrer noopener">Source</a></div></div></article></article><article class="col col--4 margin-bottom--lg"><article class="card root_v5qN"><div class="card__image preview_MRaB"><div class="ribbon_JKNF">v2</div><div style="background-size:cover;background-repeat:no-repeat;position:relative;background-image:url(&quot;data:image/jpeg;base64,/9j/2wBDAAYEBQYFBAYGBQYHBwYIChAKCgkJChQODwwQFxQYGBcUFhYaHSUfGhsjHBYWICwgIyYnKSopGR8tMC0oMCUoKSj/2wBDAQcHBwoIChMKChMoGhYaKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCj/wAARCAAHAAoDASIAAhEBAxEB/8QAFgABAQEAAAAAAAAAAAAAAAAAAAEI/8QAGxAAAgEFAAAAAAAAAAAAAAAAAAERAxJhkdH/xAAUAQEAAAAAAAAAAAAAAAAAAAAA/8QAFBEBAAAAAAAAAAAAAAAAAAAAAP/aAAwDAQACEQMRAD8A1KqcQulsy9gAf//Z&quot;)"><svg style="width:100%;height:auto;max-width:100%;margin-bottom:-4px" width="640" height="420"></svg><noscript><img style="width:100%;height:auto;max-width:100%;margin-bottom:-4px;position:absolute;top:0;left:0" src="/kr/assets/ideal-img/roketo-business.56b7a49.640.jpg" srcset="/kr/assets/ideal-img/roketo-business.56b7a49.640.jpg 640w,/kr/assets/ideal-img/roketo-business.1737b96.774.jpg 774w" alt="Roke.to Business" width="640" height="420"></noscript></div></div><div class="card__body"><span class="title_xhac">Roke.to Business</span><p class="description_y_AQ">Business branch of Roketo, a crypto streaming service which allows paying people by the second</p><div class="techList_Nt0m"><span class="techListItem_MNXE">react</span><span class="techListItem_MNXE">effector</span><span class="techListItem_MNXE">tailwindcss</span><span class="techListItem_MNXE">turbo</span></div></div><div class="card__footer"><div class="button-group button-group--block"><a class="button button--small button--secondary button--block" href="https://github.com/roke-to/roketo-business-ui" target="_blank" rel="noreferrer noopener">Source</a></div></div></article></article><article class="col col--4 margin-bottom--lg"><article class="card root_v5qN"><div class="card__image preview_MRaB"><div class="ribbon_JKNF">v2</div><div style="background-size:cover;background-repeat:no-repeat;position:relative;background-image:url(&quot;data:image/jpeg;base64,/9j/2wBDAAYEBQYFBAYGBQYHBwYIChAKCgkJChQODwwQFxQYGBcUFhYaHSUfGhsjHBYWICwgIyYnKSopGR8tMC0oMCUoKSj/2wBDAQcHBwoIChMKChMoGhYaKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCj/wAARCAAJAAoDASIAAhEBAxEB/8QAFgABAQEAAAAAAAAAAAAAAAAAAwII/8QAGhAAAwEAAwAAAAAAAAAAAAAAAAERAiExUf/EABQBAQAAAAAAAAAAAAAAAAAAAAH/xAAVEQEBAAAAAAAAAAAAAAAAAAAAEf/aAAwDAQACEQMRAD8A1JjLTVU59LVSikCz1kAYH//Z&quot;)"><svg style="width:100%;height:auto;max-width:100%;margin-bottom:-4px" width="640" height="583"></svg><noscript><img style="width:100%;height:auto;max-width:100%;margin-bottom:-4px;position:absolute;top:0;left:0" src="/kr/assets/ideal-img/roketo.a3c9b55.640.jpg" srcset="/kr/assets/ideal-img/roketo.a3c9b55.640.jpg 640w,/kr/assets/ideal-img/roketo.70ec047.1030.jpg 1030w" alt="Roke.to dApp" width="640" height="583"></noscript></div></div><div class="card__body"><span class="title_xhac">Roke.to dApp</span><p class="description_y_AQ">A crypto streaming service which allows paying people by the second</p><div class="techList_Nt0m"><span class="techListItem_MNXE">react</span><span class="techListItem_MNXE">effector</span><span class="techListItem_MNXE">tailwindcss</span></div></div><div class="card__footer"><div class="button-group button-group--block"><a class="button button--small button--secondary button--block" href="https://app2.roke.to/" target="_blank" rel="noreferrer noopener">Website</a><a class="button button--small button--secondary button--block" href="https://github.com/roke-to/roketo-ui" target="_blank" rel="noreferrer noopener">Source</a></div></div></article></article><article class="col col--4 margin-bottom--lg"><article class="card root_v5qN"><div class="card__image preview_MRaB"><div class="ribbon_JKNF">v2</div><div style="background-size:cover;background-repeat:no-repeat;position:relative;background-image:url(&quot;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAFCAYAAAB8ZH1oAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAvElEQVR4nAXBy0oCYRiA4f8+W2aiK2/BXRcQCq4EvQK1ReSRRjyCIpoGExgJOsJk4zji6f++1+cxqGJFuVlFVRCxiAoqAvaGWIuqYvJuRG7qkx15ZEYeL8M1ufGW50VI+nNH4csn7x4xic4/Sccn2drw9PbD46tL7H3FQ21Jqlgi3liS6IaY2vpM07vQ3wkff8IwEnpHZRJcmc7mVFcB9c0FA3A4nel9/3IN94zbLfrVCk6zTNcZEIQRVuEO4Z2vfe539+MAAAAASUVORK5CYII=&quot;)"><svg style="width:100%;height:auto;max-width:100%;margin-bottom:-4px" width="640" height="328"></svg><noscript><img style="width:100%;height:auto;max-width:100%;margin-bottom:-4px;position:absolute;top:0;left:0" src="/kr/assets/ideal-img/it-bookstore.2f6de0a.640.png" srcset="/kr/assets/ideal-img/it-bookstore.2f6de0a.640.png 640w,/kr/assets/ideal-img/it-bookstore.39c4ce7.1030.png 1030w" alt="IT bookstore" width="640" height="328"></noscript></div></div><div class="card__body"><span class="title_xhac">IT bookstore</span><p class="description_y_AQ">Catalog for viewing and searching information technology books</p><div class="techList_Nt0m"><span class="techListItem_MNXE">react</span><span class="techListItem_MNXE">redux toolkit</span><span class="techListItem_MNXE">typescript</span><span class="techListItem_MNXE">react router</span><span class="techListItem_MNXE">vite</span><span class="techListItem_MNXE">scss</span></div></div><div class="card__footer"><div class="button-group button-group--block"><a class="button button--small button--secondary button--block" href="https://umttikhinadasha.github.io/IT-Bookstore/" target="_blank" rel="noreferrer noopener">Website</a><a class="button button--small button--secondary button--block" href="https://github.com/UmttikhinaDasha/IT-Bookstore" target="_blank" rel="noreferrer noopener">Source</a></div></div></article></article><article class="col col--4 margin-bottom--lg"><article class="card root_v5qN"><div class="card__image preview_MRaB"><div class="ribbon_JKNF">v2</div><div style="background-size:cover;background-repeat:no-repeat;position:relative;background-image:url(&quot;data:image/jpeg;base64,/9j/2wBDAAYEBQYFBAYGBQYHBwYIChAKCgkJChQODwwQFxQYGBcUFhYaHSUfGhsjHBYWICwgIyYnKSopGR8tMC0oMCUoKSj/2wBDAQcHBwoIChMKChMoGhYaKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCj/wAARCAAFAAoDASIAAhEBAxEB/8QAFgABAQEAAAAAAAAAAAAAAAAAAAMH/8QAHhAAAgICAgMAAAAAAAAAAAAAAgMBBAARITFykaH/xAAVAQEBAAAAAAAAAAAAAAAAAAAAA//EABcRAQEBAQAAAAAAAAAAAAAAAAEAAiH/2gAMAwEAAhEDEQA/AM1BbmtOu2wZwl1qRLqeVR3rx+5OvRhldRy09kMTPrGMZVO0tBf/2Q==&quot;)"><svg style="width:100%;height:auto;max-width:100%;margin-bottom:-4px" width="640" height="331"></svg><noscript><img style="width:100%;height:auto;max-width:100%;margin-bottom:-4px;position:absolute;top:0;left:0" src="/kr/assets/ideal-img/moke-smoke.aacde86.640.jpg" srcset="/kr/assets/ideal-img/moke-smoke.aacde86.640.jpg 640w,/kr/assets/ideal-img/moke-smoke.2f90276.1030.jpg 1030w" alt="Moke Smoke (React Native example)" width="640" height="331"></noscript></div></div><div class="card__body"><span class="title_xhac">Moke Smoke (React Native example)</span><p class="description_y_AQ">An application that helps you quit smoking, published in the App Store and Google. Developed with React Native</p><div class="techList_Nt0m"><span class="techListItem_MNXE">react</span><span class="techListItem_MNXE">rtk</span><span class="techListItem_MNXE">persist</span><span class="techListItem_MNXE">typescript</span><span class="techListItem_MNXE">firebase</span></div></div><div class="card__footer"><div class="button-group button-group--block"><a class="button button--small button--secondary button--block" href="https://dontsmoke.vasyl.site" target="_blank" rel="noreferrer noopener">Website</a><a class="button button--small button--secondary button--block" href="https://github.com/penteleichuk/Moke-Smoke" target="_blank" rel="noreferrer noopener">Source</a></div></div></article></article><article class="col col--4 margin-bottom--lg"><article class="card root_v5qN"><div class="card__image preview_MRaB"><div class="ribbon_JKNF">v2</div><div style="background-size:cover;background-repeat:no-repeat;position:relative;background-image:url(&quot;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAFCAYAAAB8ZH1oAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAY0lEQVR4nGWOWw7CQAwDe/+zAgW6S5LmMWi3qpCof2xLEyvL7b7yfG081jeZRURSVfxr2VpH1BARVA13n/kC7h70j9Bax2xHzTiOdXYRvYKZSUTMVZ9+ZKgfOFbGbwM+/dToX4BhxGwdRFovAAAAAElFTkSuQmCC&quot;)"><svg style="width:100%;height:auto;max-width:100%;margin-bottom:-4px" width="640" height="331"></svg><noscript><img style="width:100%;height:auto;max-width:100%;margin-bottom:-4px;position:absolute;top:0;left:0" src="/kr/assets/ideal-img/moonlogs.6c8da51.640.png" srcset="/kr/assets/ideal-img/moonlogs.6c8da51.640.png 640w,/kr/assets/ideal-img/moonlogs.bf1bb68.1030.png 1030w" alt="Moonlogs (Effector + Forest example)" width="640" height="331"></noscript></div></div><div class="card__body"><span class="title_xhac">Moonlogs (Effector + Forest example)</span><p class="description_y_AQ">Moonlogs is a business-event logging tool with a built-in user-friendly web interface for easy access to events</p><div class="techList_Nt0m"><span class="techListItem_MNXE">forest</span><span class="techListItem_MNXE">effector</span><span class="techListItem_MNXE">tailwind</span><span class="techListItem_MNXE">typescript</span><span class="techListItem_MNXE">go</span></div></div><div class="card__footer"><div class="button-group button-group--block"><a class="button button--small button--secondary button--block" href="https://github.com/pijng/moonlogs" target="_blank" rel="noreferrer noopener">Source</a></div></div></article></article><article class="col col--4 margin-bottom--lg"><article class="card root_v5qN"><div class="card__image preview_MRaB"><div class="ribbon_JKNF">v2</div><div style="background-size:cover;background-repeat:no-repeat;position:relative;background-image:url(&quot;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAHCAYAAAAxrNxjAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAxklEQVR4nCWPzU4DMQyE8/6Pw4UK9cCVS6tKPACHbgu03WTX+bGTwIeyHD5pbEszY/dyPLM7TOyO/+xPF/aniefD2J95evvg9f2KUy1kVcyUVpWiRtFCtYypsqxCb4YbIuWCxESMedMp6zaP2xwWJGWcSOTzsbJI2hxuXjZGkqTC9b6garh5nhl478k5U1RRVVJKhBC43R/EGHGrCNO3JyxCq4aXjF8z1YywRqaveevtzIzaf2m9k8t4xFCrm2trndp/6L3zB/m1CjKv8gkqAAAAAElFTkSuQmCC&quot;)"><svg style="width:100%;height:auto;max-width:100%;margin-bottom:-4px" width="640" height="479"></svg><noscript><img style="width:100%;height:auto;max-width:100%;margin-bottom:-4px;position:absolute;top:0;left:0" src="/kr/assets/ideal-img/react-query-example.774ff87.640.png" srcset="/kr/assets/ideal-img/react-query-example.774ff87.640.png 640w,/kr/assets/ideal-img/react-query-example.94414c9.816.png 816w" alt="Posts (React Query example)" width="640" height="479"></noscript></div></div><div class="card__body"><span class="title_xhac">Posts (React Query example)</span><p class="description_y_AQ">Example of using FSD with React Query (Mutation, Query, Pagination)</p><div class="techList_Nt0m"><span class="techListItem_MNXE">react</span><span class="techListItem_MNXE">react-query</span><span class="techListItem_MNXE">typescript</span><span class="techListItem_MNXE">material ui</span></div></div><div class="card__footer"><div class="button-group button-group--block"><a class="button button--small button--secondary button--block" href="https://fsd-react-query-example.vercel.app/" target="_blank" rel="noreferrer noopener">Website</a><a class="button button--small button--secondary button--block" href="https://github.com/ruslan4432013/fsd-react-query-example" target="_blank" rel="noreferrer noopener">Source</a></div></div></article></article><article class="col col--4 margin-bottom--lg"><article class="card root_v5qN"><div class="card__image preview_MRaB"><div class="ribbon_JKNF">v2</div><div style="background-size:cover;background-repeat:no-repeat;position:relative;background-image:url(&quot;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAFCAYAAAB8ZH1oAAAACXBIWXMAABJ0AAASdAHeZh94AAAAb0lEQVR4nG3OSQ7CMBBEUV8GgRhkt91uOw5DgiK4/4k+CsMiEYu3K32Vi8nwQdHckFSRWBaCZGqdcCefUOvxYngpn/FKiAW3OxwRLQz3B5fbRPqVFzrcZrtnrl7HJ10//C3OvkOlthG19r6xlu3MC/v1UKrA7p2wAAAAAElFTkSuQmCC&quot;)"><svg style="width:100%;height:auto;max-width:100%;margin-bottom:-4px" width="640" height="290"></svg><noscript><img style="width:100%;height:auto;max-width:100%;margin-bottom:-4px;position:absolute;top:0;left:0" src="/kr/assets/ideal-img/falkchat.39ad979.640.png" srcset="/kr/assets/ideal-img/falkchat.39ad979.640.png 640w,/kr/assets/ideal-img/falkchat.fcb09ea.1030.png 1030w" alt="FalkChat" width="640" height="290"></noscript></div></div><div class="card__body"><span class="title_xhac">FalkChat</span><p class="description_y_AQ">FalkChat is your go-to destination for seamless and engaging online conversations.</p><div class="techList_Nt0m"><span class="techListItem_MNXE">react</span><span class="techListItem_MNXE">next</span><span class="techListItem_MNXE">prettier</span><span class="techListItem_MNXE">clerk</span><span class="techListItem_MNXE">typescript</span><span class="techListItem_MNXE">tailwind</span><span class="techListItem_MNXE">shadcn/ui</span><span class="techListItem_MNXE">zustand</span></div></div><div class="card__footer"><div class="button-group button-group--block"><a class="button button--small button--secondary button--block" href="https://chat.falkomer.tech" target="_blank" rel="noreferrer noopener">Website</a><a class="button button--small button--secondary button--block" href="https://github.com/falkomerr/falkchat" target="_blank" rel="noreferrer noopener">Source</a></div></div></article></article><article class="col col--4 margin-bottom--lg"><article class="card root_v5qN"><div class="card__image preview_MRaB"><div class="ribbon_JKNF">v2</div><div style="background-size:cover;background-repeat:no-repeat;position:relative;background-image:url(&quot;data:image/jpeg;base64,/9j/2wBDAAYEBQYFBAYGBQYHBwYIChAKCgkJChQODwwQFxQYGBcUFhYaHSUfGhsjHBYWICwgIyYnKSopGR8tMC0oMCUoKSj/2wBDAQcHBwoIChMKChMoGhYaKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCj/wAARCAAGAAoDASIAAhEBAxEB/8QAFgABAQEAAAAAAAAAAAAAAAAAAAYI/8QAHhAAAgICAgMAAAAAAAAAAAAAAQIDBAAFESExUWH/xAAVAQEBAAAAAAAAAAAAAAAAAAABAv/EABgRAQADAQAAAAAAAAAAAAAAAAEAAhEh/9oADAMBAAIRAxEAPwDQO+1O5vbAPUtRQVlUhAliaNifoXr3lNGvEahuCwABPnGMA5Ksu5P/2Q==&quot;)"><svg style="width:100%;height:auto;max-width:100%;margin-bottom:-4px" width="640" height="366"></svg><noscript><img style="width:100%;height:auto;max-width:100%;margin-bottom:-4px;position:absolute;top:0;left:0" src="/kr/assets/ideal-img/polka.4ba359f.640.jpg" srcset="/kr/assets/ideal-img/polka.4ba359f.640.jpg 640w,/kr/assets/ideal-img/polka.9df2a2f.1030.jpg 1030w" alt="Polka" width="640" height="366"></noscript></div></div><div class="card__body"><span class="title_xhac">Polka</span><p class="description_y_AQ">The application is a bookshelf where you can add your favorite books. The application works with the Google Books API.</p><div class="techList_Nt0m"><span class="techListItem_MNXE">vue3</span><span class="techListItem_MNXE">pinia</span><span class="techListItem_MNXE">typescript</span><span class="techListItem_MNXE">vue-router</span><span class="techListItem_MNXE">eslint</span><span class="techListItem_MNXE">prettier</span><span class="techListItem_MNXE">vite</span><span class="techListItem_MNXE">vuetify</span></div></div><div class="card__footer"><div class="button-group button-group--block"><a class="button button--small button--secondary button--block" href="https://polka-fsd.netlify.app/" target="_blank" rel="noreferrer noopener">Website</a><a class="button button--small button--secondary button--block" href="https://github.com/lollipopfly/polka" target="_blank" rel="noreferrer noopener">Source</a></div></div></article></article><article class="col col--4 margin-bottom--lg"><article class="card root_v5qN"><div class="card__image preview_MRaB"><div class="ribbon_JKNF">v2</div><div style="background-size:cover;background-repeat:no-repeat;position:relative;background-image:url(&quot;data:image/jpeg;base64,/9j/2wBDAAYEBQYFBAYGBQYHBwYIChAKCgkJChQODwwQFxQYGBcUFhYaHSUfGhsjHBYWICwgIyYnKSopGR8tMC0oMCUoKSj/2wBDAQcHBwoIChMKChMoGhYaKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCj/wAARCAAHAAoDASIAAhEBAxEB/8QAFgABAQEAAAAAAAAAAAAAAAAAAAYH/8QAIBAAAgICAgIDAAAAAAAAAAAAAQIDBAARBTESIQYTYf/EABQBAQAAAAAAAAAAAAAAAAAAAAH/xAAVEQEBAAAAAAAAAAAAAAAAAAAAEf/aAAwDAQACEQMRAD8AzyjP8dj4qSlNfoSzFHb7peMkaUEqAF8vLWgejrv3+ZM2hx0lqZ0uxIrOSFSqwUDfQG/QxjGiP//Z&quot;)"><svg style="width:100%;height:auto;max-width:100%;margin-bottom:-4px" width="640" height="445"></svg><noscript><img style="width:100%;height:auto;max-width:100%;margin-bottom:-4px;position:absolute;top:0;left:0" src="/kr/assets/ideal-img/fake-cyber-web-store.e8fb321.640.jpg" srcset="/kr/assets/ideal-img/fake-cyber-web-store.e8fb321.640.jpg 640w,/kr/assets/ideal-img/fake-cyber-web-store.19be0d9.1030.jpg 1030w" alt="Fake Cyber Web Store" width="640" height="445"></noscript></div></div><div class="card__body"><span class="title_xhac">Fake Cyber Web Store</span><p class="description_y_AQ">Example web store on Vue3</p><div class="techList_Nt0m"><span class="techListItem_MNXE">vue3</span><span class="techListItem_MNXE">pinia</span><span class="techListItem_MNXE">typescript</span><span class="techListItem_MNXE">firebase</span><span class="techListItem_MNXE">vue-router</span><span class="techListItem_MNXE">eslint</span><span class="techListItem_MNXE">prettier</span><span class="techListItem_MNXE">vite</span></div></div><div class="card__footer"><div class="button-group button-group--block"><a class="button button--small button--secondary button--block" href="https://akosogorov.github.io/fake-cyber-web-store/" target="_blank" rel="noreferrer noopener">Website</a><a class="button button--small button--secondary button--block" href="https://github.com/AKosogorov/fake-cyber-web-store" target="_blank" rel="noreferrer noopener">Source</a></div></div></article></article><article class="col col--4 margin-bottom--lg"><article class="card root_v5qN"><div class="card__image preview_MRaB"><div class="ribbon_JKNF">v2</div><div style="background-size:cover;background-repeat:no-repeat;position:relative;background-image:url(&quot;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAGCAYAAAD68A/GAAAACXBIWXMAAAsTAAALEwEAmpwYAAAA1klEQVR4nCXKy0rDQBiA0ewFMVo6uWcaJ7+TiZRo0sQIWkRoRbxsuip1oztfwCdy4wu4E9/sc+FZH885RymWKIpJkowwjKhdjSlPSLOcOElRKsCzImidU502FKYkDAOsrRApMcZQVdV/NOLQueBKochmaG0YxxH/aErbDWhdICJ4By/fjItPvm5CftcfPLz9YK8bWklZXswpZgVNbfEmw4bhcseu07z2Tyz6LVerJe+bnu39GUPb8ry6xfODPe4e19TnDXromKt9jrVGRQH+4YQkjpgqxR8W8FySOwU2BwAAAABJRU5ErkJggg==&quot;)"><svg style="width:100%;height:auto;max-width:100%;margin-bottom:-4px" width="640" height="373"></svg><noscript><img style="width:100%;height:auto;max-width:100%;margin-bottom:-4px;position:absolute;top:0;left:0" src="/kr/assets/ideal-img/vkaudiopad.b2e6ff1.640.png" srcset="/kr/assets/ideal-img/vkaudiopad.b2e6ff1.640.png 640w,/kr/assets/ideal-img/vkaudiopad.2e724df.1030.png 1030w" alt="VK Audiopad" width="640" height="373"></noscript></div></div><div class="card__body"><span class="title_xhac">VK Audiopad</span><p class="description_y_AQ">Chrome extension for VK Music</p><div class="techList_Nt0m"><span class="techListItem_MNXE">react</span><span class="techListItem_MNXE">vkui</span><span class="techListItem_MNXE">typescript</span></div></div><div class="card__footer"><div class="button-group button-group--block"><a class="button button--small button--secondary button--block" href="https://chrome.google.com/webstore/detail/plclpmphdjmdgmdpfkcmdkmohgpfecip" target="_blank" rel="noreferrer noopener">Website</a><a class="button button--small button--secondary button--block" href="https://github.com/vissh/vkui-audiopad" target="_blank" rel="noreferrer noopener">Source</a></div></div></article></article><article class="col col--4 margin-bottom--lg"><article class="card root_v5qN"><div class="card__image preview_MRaB"><div class="ribbon_JKNF">v2</div><div style="background-size:cover;background-repeat:no-repeat;position:relative;background-image:url(&quot;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAFCAYAAAB8ZH1oAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAjElEQVR4nG2NPQrCQBhE93wewMIj2duLpxCsAl5AFLW1sDQkJGb3+8k+2RU7B4aBmYEXLg+huSeam3E4G8/Wgcw8Z3IuOROTEXbHnuX2ymozsFgP7E9Ckfn3+HPou44pvjFT2u6FiKBqSJpwN1ISzJwwxYiq1mKMI+6OmaGiFVu2kkHUMPd6yLlS/+oD81i++VZUEfgAAAAASUVORK5CYII=&quot;)"><svg style="width:100%;height:auto;max-width:100%;margin-bottom:-4px" width="640" height="299"></svg><noscript><img style="width:100%;height:auto;max-width:100%;margin-bottom:-4px;position:absolute;top:0;left:0" src="/kr/assets/ideal-img/cryptolight.eabc473.640.png" srcset="/kr/assets/ideal-img/cryptolight.eabc473.640.png 640w,/kr/assets/ideal-img/cryptolight.741f5ae.1030.png 1030w" alt="Сryptolight" width="640" height="299"></noscript></div></div><div class="card__body"><span class="title_xhac">Сryptolight</span><p class="description_y_AQ">Cryptocurrency review site based on Feature-Sliced Design (Architectural methodology for frontend projects).</p><div class="techList_Nt0m"><span class="techListItem_MNXE">react</span><span class="techListItem_MNXE">effector</span><span class="techListItem_MNXE">nextui</span><span class="techListItem_MNXE">typescript</span><span class="techListItem_MNXE">vite</span></div></div><div class="card__footer"><div class="button-group button-group--block"><a class="button button--small button--secondary button--block" href="http://crypto-light.space/" target="_blank" rel="noreferrer noopener">Website</a><a class="button button--small button--secondary button--block" href="https://github.com/Yar56/cryptolight" target="_blank" rel="noreferrer noopener">Source</a></div></div></article></article><article class="col col--4 margin-bottom--lg"><article class="card root_v5qN"><div class="card__image preview_MRaB"><div class="ribbon_JKNF">v2</div><div style="background-size:cover;background-repeat:no-repeat;position:relative;background-image:url(&quot;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAACXBIWXMAAAsTAAALEwEAmpwYAAABMUlEQVR4nCWQSU7DUBBEfQmQEk9/cAweg53vzEzBgkUkJrFALGARxB5xAbgAQnAPOOJD/lm01GqVquuVI6MGFY+RaoRQI3Q8QWlDKGvUYIKKGqQ2OIE4ILQzpO+m7LopO72EXj/BD4d4QYkXFDhC1VTmnDhZ0PdSNrcbnu9e6LkJhxdrbtsbpKhwdGRo23uKqrXC389v/r5+cL2MZr5mMV0jtsIxs8U1aXmK5xe8vz7y8faEH5ZkxYr9/JhQ1TiBrBDqAD8obBYdN0hV4fm5BdMDQ8dhYaKOOjL2tVCGLrfrpfbWNRCI4RbGTC7ZS5d4fkZdn7GfHVnHrFyR5CdI3eBIXdOeP5AWK+uynF2QD7s9Zzy/Yrq8sRGcrnA9mKDjmS18kBwSJ0uENmTlqXXV8ZR/dJ2b1OvCcEQAAAAASUVORK5CYII=&quot;)"><svg style="width:100%;height:auto;max-width:100%;margin-bottom:-4px" width="640" height="626"></svg><noscript><img style="width:100%;height:auto;max-width:100%;margin-bottom:-4px;position:absolute;top:0;left:0" src="/kr/assets/ideal-img/moneyflow.ec991f6.640.png" srcset="/kr/assets/ideal-img/moneyflow.ec991f6.640.png 640w,/kr/assets/ideal-img/moneyflow.f27bbad.1030.png 1030w" alt="Money Flow" width="640" height="626"></noscript></div></div><div class="card__body"><span class="title_xhac">Money Flow</span><p class="description_y_AQ">A mobile application for tracking your expenses and incomes.</p><div class="techList_Nt0m"><span class="techListItem_MNXE">capacitorjs</span><span class="techListItem_MNXE">react</span><span class="techListItem_MNXE">react-router</span><span class="techListItem_MNXE">zustand</span><span class="techListItem_MNXE">vite</span><span class="techListItem_MNXE">typescript</span><span class="techListItem_MNXE">mobile</span><span class="techListItem_MNXE">android</span><span class="techListItem_MNXE">ios</span></div></div><div class="card__footer"><div class="button-group button-group--block"><a class="button button--small button--secondary button--block" href="https://github.com/moneyflow-dev/moneyflow" target="_blank" rel="noreferrer noopener">Source</a></div></div></article></article><article class="col col--4 margin-bottom--lg"><article class="card root_v5qN"><div class="card__image preview_MRaB"><div class="ribbon_JKNF">v2</div><div style="background-size:cover;background-repeat:no-repeat;position:relative;background-image:url(&quot;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAFCAYAAAB8ZH1oAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAgUlEQVR4nEWOuwoCQQxF5/+xtNnSxs7PsF3wF2YEYZYpVtiVeSRHElEDedzkJjcBoPduCVWltebYarMxhufg8UOj90FKiRjjj/i1YI3/trDvL/dHKTy3DVXxuRNzzqQYqbUiInac+5Ip64qKOnbpy/nEdDxwm68ubz/agv0rRkR5A077wWNjtiUrAAAAAElFTkSuQmCC&quot;)"><svg style="width:100%;height:auto;max-width:100%;margin-bottom:-4px" width="640" height="321"></svg><noscript><img style="width:100%;height:auto;max-width:100%;margin-bottom:-4px;position:absolute;top:0;left:0" src="/kr/assets/ideal-img/e-commerce.a9cf87f.640.png" srcset="/kr/assets/ideal-img/e-commerce.a9cf87f.640.png 640w,/kr/assets/ideal-img/e-commerce.de058bd.1030.png 1030w" alt="E-Commerce" width="640" height="321"></noscript></div></div><div class="card__body"><span class="title_xhac">E-Commerce</span><p class="description_y_AQ">This project is an online store built using React. It provides the ability to view the product catalog and product pages</p><div class="techList_Nt0m"><span class="techListItem_MNXE">react</span><span class="techListItem_MNXE">mobx</span><span class="techListItem_MNXE">webpack</span><span class="techListItem_MNXE">typescript</span><span class="techListItem_MNXE">ssr</span></div></div><div class="card__footer"><div class="button-group button-group--block"><a class="button button--small button--secondary button--block" href="https://ruslan4432013.github.io/e-commerce-kts/" target="_blank" rel="noreferrer noopener">Website</a><a class="button button--small button--secondary button--block" href="https://github.com/ruslan4432013/e-commerce-kts" target="_blank" rel="noreferrer noopener">Source</a></div></div></article></article><article class="col col--4 margin-bottom--lg"><article class="card root_v5qN"><div class="card__image preview_MRaB"><div class="ribbon_JKNF">v2</div><div style="background-size:cover;background-repeat:no-repeat;position:relative;background-image:url(&quot;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAFCAYAAAB8ZH1oAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAkElEQVR4nFXOwQqCQBSFYd+6IFppo3ZnRiM3ShIZQVjZoojA3iurxR9aUV04cOB8i+uICCKacRiQZin7w5lLXTPPZ4S+j2hNaxytNXFk6Q9HLMsjnyvKE72BSxRZWtNBaw2u51Os1jT3B9fmRpYv8FSAMeYLu4iQJFOqake52RLHE7SW1/YH378opbq0/Xd7Arkoi+KchMB/AAAAAElFTkSuQmCC&quot;)"><svg style="width:100%;height:auto;max-width:100%;margin-bottom:-4px" width="640" height="312"></svg><noscript><img style="width:100%;height:auto;max-width:100%;margin-bottom:-4px;position:absolute;top:0;left:0" src="/kr/assets/ideal-img/todo-vue-pinia.0fbcdd9.640.png" srcset="/kr/assets/ideal-img/todo-vue-pinia.0fbcdd9.640.png 640w,/kr/assets/ideal-img/todo-vue-pinia.db151a8.1030.png 1030w" alt="Todo app (Vue 3 + Pinia)" width="640" height="312"></noscript></div></div><div class="card__body"><span class="title_xhac">Todo app (Vue 3 + Pinia)</span><p class="description_y_AQ">QuickStart todo-app example for Vue developers with pinia store</p><div class="techList_Nt0m"><span class="techListItem_MNXE">vue 3</span><span class="techListItem_MNXE">pinia</span><span class="techListItem_MNXE">vite</span><span class="techListItem_MNXE">typescript</span></div></div><div class="card__footer"><div class="button-group button-group--block"><a class="button button--small button--secondary button--block" href="https://fsd-tasks.netlify.app/" target="_blank" rel="noreferrer noopener">Website</a><a class="button button--small button--secondary button--block" href="https://github.com/hoach-linux/fsd-vue-antd" target="_blank" rel="noreferrer noopener">Source</a></div></div></article></article><article class="col col--4 margin-bottom--lg"><article class="card root_v5qN"><div class="card__image preview_MRaB"><div class="ribbon_JKNF">v2</div><div style="background-size:cover;background-repeat:no-repeat;position:relative;background-image:url(&quot;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAHCAYAAAAxrNxjAAAACXBIWXMAABJ0AAASdAHeZh94AAAAtklEQVR4nFWOwWoCQRBE59MFQT0a/0DY9Sh+hCGggeSUFTyLeBOjOz3dM/PCjBi0oKiiu7po13Yt8585RZuuYblfstqvql/sWtquqTs33o4ZbUZMPieV068ps+83ynywHjD8GFbvyBD6QLRIskTUu5oa7+sNx8OJApdy4vp7RYKgqgQNd5qipqSUyGRcSfe3Hi+ChIAUFSHGWJsecOTM5Xzh5nu89/8sR69BIIhgZrXlwfLSc/AP/FEAChfiHhAAAAAASUVORK5CYII=&quot;)"><svg style="width:100%;height:auto;max-width:100%;margin-bottom:-4px" width="640" height="427"></svg><noscript><img style="width:100%;height:auto;max-width:100%;margin-bottom:-4px;position:absolute;top:0;left:0" src="/kr/assets/ideal-img/conduit.f4d5ff9.640.png" srcset="/kr/assets/ideal-img/conduit.f4d5ff9.640.png 640w,/kr/assets/ideal-img/conduit.f876505.1030.png 1030w" alt="Conduit" width="640" height="427"></noscript></div></div><div class="card__body"><span class="title_xhac">Conduit</span><p class="description_y_AQ">A social blogging site powered by Feature-Sliced Design architectural methodology.</p><div class="techList_Nt0m"><span class="techListItem_MNXE">react</span><span class="techListItem_MNXE">react-router</span><span class="techListItem_MNXE">react-query</span><span class="techListItem_MNXE">zustand</span><span class="techListItem_MNXE">vite</span><span class="techListItem_MNXE">typescript</span></div></div><div class="card__footer"><div class="button-group button-group--block"><a class="button button--small button--secondary button--block" href="https://realworld-fsd.netlify.app/" target="_blank" rel="noreferrer noopener">Website</a><a class="button button--small button--secondary button--block" href="https://github.com/sldk-yuri/realworld-react-fsd" target="_blank" rel="noreferrer noopener">Source</a></div></div></article></article><article class="col col--4 margin-bottom--lg"><article class="card root_v5qN"><div class="card__image preview_MRaB"><div class="ribbon_JKNF">v2</div><div style="background-size:cover;background-repeat:no-repeat;position:relative;background-image:url(&quot;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAGCAYAAAD68A/GAAAACXBIWXMAAAsTAAALEwEAmpwYAAAA10lEQVR4nAXB606CYACAYbbGAj74kIOA4gIVGcrJMMaUf/3osLXVWlt2FV2BP7uTus6351E0QyCkz7VuogmJLmxU3UE1PK40GyuasaxalPMYoRkG63VOU7ZEaU1RHdl392x2I8nzA99/vyiXj4zTNiRbLanKhlm+Z6hWdEVGnWc8fZ35vPygvPcBm9hikZUk9UC4Hdj1I01/oigr7tpbkvyAEvsmbjDFDeYIe4p0Avw4JVwkOJ6H59pIV6LMDZWjL3h9PPD2MqCaEc7EQ8oJlptyE5YUy45/2+FVhPvR2VIAAAAASUVORK5CYII=&quot;)"><svg style="width:100%;height:auto;max-width:100%;margin-bottom:-4px" width="640" height="360"></svg><noscript><img style="width:100%;height:auto;max-width:100%;margin-bottom:-4px;position:absolute;top:0;left:0" src="/kr/assets/ideal-img/kinomore.53d816d.640.png" srcset="/kr/assets/ideal-img/kinomore.53d816d.640.png 640w,/kr/assets/ideal-img/kinomore.fca4c32.1030.png 1030w" alt="Kinomore (React+Effector)" width="640" height="360"></noscript></div></div><div class="card__body"><span class="title_xhac">Kinomore (React+Effector)</span><p class="description_y_AQ">Large project on the effector/fsd stack</p><div class="techList_Nt0m"><span class="techListItem_MNXE">react</span><span class="techListItem_MNXE">effector</span><span class="techListItem_MNXE">typescript</span><span class="techListItem_MNXE">nextjs</span><span class="techListItem_MNXE">react-testing-library</span></div></div><div class="card__footer"><div class="button-group button-group--block"><a class="button button--small button--secondary button--block" href="https://kinomore.netlify.app/" target="_blank" rel="noreferrer noopener">Website</a><a class="button button--small button--secondary button--block" href="https://github.com/Shiyan7/kinomore-v2" target="_blank" rel="noreferrer noopener">Source</a></div></div></article></article><article class="col col--4 margin-bottom--lg"><article class="card root_v5qN"><div class="card__image preview_MRaB"><div class="ribbon_JKNF">v2</div><div style="background-size:cover;background-repeat:no-repeat;position:relative;background-image:url(&quot;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAGCAYAAAD68A/GAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAnElEQVR4nE3OOw7CMBREUfZMz6KoaKgo2AFFRINAICGLxJ/3HDvYF8VIhGK6o5lZAYy5kqZCKYXBeVwQaq28S6HWWcCqwZTwogRRfFDimLCScTq1gh/0mnj2DudDiw2Rm1GuRrEyLVBiwgxf1Jo1Mjilt0Ic8wLnqRkMThBVHi/hePYcOs/FpP+Puf0LEslj5HRXNjvLetuz72KDHz325wCKvSmhAAAAAElFTkSuQmCC&quot;)"><svg style="width:100%;height:auto;max-width:100%;margin-bottom:-4px" width="640" height="360"></svg><noscript><img style="width:100%;height:auto;max-width:100%;margin-bottom:-4px;position:absolute;top:0;left:0" src="/kr/assets/ideal-img/sudoku.adbf6dd.640.png" srcset="/kr/assets/ideal-img/sudoku.adbf6dd.640.png 640w,/kr/assets/ideal-img/sudoku.dce19b5.1030.png 1030w" alt="Sudoku (React+Effector)" width="640" height="360"></noscript></div></div><div class="card__body"><span class="title_xhac">Sudoku (React+Effector)</span><p class="description_y_AQ">A simple crossword of numbers on effector / fsd</p><div class="techList_Nt0m"><span class="techListItem_MNXE">react</span><span class="techListItem_MNXE">effector</span><span class="techListItem_MNXE">typescript</span><span class="techListItem_MNXE">vite</span><span class="techListItem_MNXE">tailwind</span><span class="techListItem_MNXE">atomic-router</span></div></div><div class="card__footer"><div class="button-group button-group--block"><a class="button button--small button--secondary button--block" href="https://sudoku-effector.pages.dev/" target="_blank" rel="noreferrer noopener">Website</a><a class="button button--small button--secondary button--block" href="https://github.com/Shiyan7/sudoku-effector" target="_blank" rel="noreferrer noopener">Source</a></div></div></article></article><article class="col col--4 margin-bottom--lg"><article class="card root_v5qN"><div class="card__image preview_MRaB"><div class="ribbon_JKNF">v2</div><div style="background-size:cover;background-repeat:no-repeat;position:relative;background-image:url(&quot;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAGCAYAAAD68A/GAAAACXBIWXMAABYlAAAWJQFJUiTwAAAA4ElEQVR4nAXBS06DUABAUQZNGrB9hIKvASmkvvA3Uk2xKLSNqTGi6diBdWLiCvyNXIIjV+HMBbi36znaY7vjbfXJQ/hMPCpJnBMis6TaX3IZdLwWH7xk72ihmePJiKNlx8SfYeoStWiJihan73NR37Fu7tGEbpMM9qj9kJ5hEhiC27FiKBz0Xp9kYOEKD20RKn42c77VisBy+arO+K1OCYXDU5Xyt23ZqhTNdwts6SKEj3Qz5PgAwzIZyRhvohhKC8eeos2zjvxwzdSrOc5uKOMNyjsnj66YpdcoryFyG/4BLrxaqXjXb/UAAAAASUVORK5CYII=&quot;)"><svg style="width:100%;height:auto;max-width:100%;margin-bottom:-4px" width="640" height="396"></svg><noscript><img style="width:100%;height:auto;max-width:100%;margin-bottom:-4px;position:absolute;top:0;left:0" src="/kr/assets/ideal-img/nukeapp.a191248.640.png" srcset="/kr/assets/ideal-img/nukeapp.a191248.640.png 640w,/kr/assets/ideal-img/nukeapp.f8e32db.1030.png 1030w" alt="Nukeapp (React+ReduxToolkit)" width="640" height="396"></noscript></div></div><div class="card__body"><span class="title_xhac">Nukeapp (React+ReduxToolkit)</span><p class="description_y_AQ">Shopping app build on React/ReduxToolkit stack</p><div class="techList_Nt0m"><span class="techListItem_MNXE">react</span><span class="techListItem_MNXE">redux-toolkit</span><span class="techListItem_MNXE">typescript</span><span class="techListItem_MNXE">vite</span></div></div><div class="card__footer"><div class="button-group button-group--block"><a class="button button--small button--secondary button--block" href="https://nukeapp.netlify.app/" target="_blank" rel="noreferrer noopener">Website</a><a class="button button--small button--secondary button--block" href="https://github.com/noveogroup-amorgunov/nukeapp" target="_blank" rel="noreferrer noopener">Source</a></div></div></article></article><article class="col col--4 margin-bottom--lg"><article class="card root_v5qN"><div class="card__image preview_MRaB"><div class="ribbon_JKNF">v2</div><div style="background-size:cover;background-repeat:no-repeat;position:relative;background-image:url(&quot;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAFCAYAAAB8ZH1oAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAk0lEQVR4nGWMsQ7BUBiF+xqe0S5MHsCmxGQXi9Fg1JJIjCysvUPbtJUO5d77/58oBnGSk+8MJ18wP5QMNxcG6xOzfcE4SgnjjDDKWk7inOkuJwBQaXC2RlVQcT/9JvCiiIIqvLYTpXSCVRDvcckZV5q3sbV+aB6eUVJxtUBlkF4HXXb/j7VXtreGQoB7ja76cFzwBCkDuWJkHI3CAAAAAElFTkSuQmCC&quot;)"><svg style="width:100%;height:auto;max-width:100%;margin-bottom:-4px" width="640" height="314"></svg><noscript><img style="width:100%;height:auto;max-width:100%;margin-bottom:-4px;position:absolute;top:0;left:0" src="/kr/assets/ideal-img/greenhouse.2358c1a.640.png" srcset="/kr/assets/ideal-img/greenhouse.2358c1a.640.png 640w,/kr/assets/ideal-img/greenhouse.d85b70a.1030.png 1030w" alt="Simple Greenhouse App (React+MobX)" width="640" height="314"></noscript></div></div><div class="card__body"><span class="title_xhac">Simple Greenhouse App (React+MobX)</span><p class="description_y_AQ">Simple demonstration of how FSD can be implemented with TypeScript, React.js, MobX and Firebase</p><div class="techList_Nt0m"><span class="techListItem_MNXE">react</span><span class="techListItem_MNXE">mobx</span><span class="techListItem_MNXE">typescript</span><span class="techListItem_MNXE">firebase</span><span class="techListItem_MNXE">mui</span><span class="techListItem_MNXE">vite</span></div></div><div class="card__footer"><div class="button-group button-group--block"><a class="button button--small button--secondary button--block" href="https://github.com/NIRumiantsev/feature-sliced-design" target="_blank" rel="noreferrer noopener">Source</a></div></div></article></article><article class="col col--4 margin-bottom--lg"><article class="card root_v5qN"><div class="card__image preview_MRaB"><div class="ribbon_JKNF">v2</div><div style="background-size:cover;background-repeat:no-repeat;position:relative;background-image:url(&quot;data:image/png;base64,/9j/2wBDAAYEBQYFBAYGBQYHBwYIChAKCgkJChQODwwQFxQYGBcUFhYaHSUfGhsjHBYWICwgIyYnKSopGR8tMC0oMCUoKSj/2wBDAQcHBwoIChMKChMoGhYaKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCj/wAARCAAHAAoDASIAAhEBAxEB/8QAFQABAQAAAAAAAAAAAAAAAAAAAAf/xAAiEAABBAECBwAAAAAAAAAAAAABAAIDBQQGBxESITVBkdL/xAAUAQEAAAAAAAAAAAAAAAAAAAAA/8QAFBEBAAAAAAAAAAAAAAAAAAAAAP/aAAwDAQACEQMRAD8AvurqyW70nZ1ePLHFLmY74WvkB5Wk+Tw6qFjYW8I7xUepflEQf//Z&quot;)"><svg style="width:100%;height:auto;max-width:100%;margin-bottom:-4px" width="640" height="462"></svg><noscript><img style="width:100%;height:auto;max-width:100%;margin-bottom:-4px;position:absolute;top:0;left:0" src="/kr/assets/ideal-img/fs-rn-todo-app.efe4008.640.png" srcset="/kr/assets/ideal-img/fs-rn-todo-app.efe4008.640.png 640w,/kr/assets/ideal-img/fs-rn-todo-app.19be902.1030.png 1030w" alt="Todo App (ReactNative+Redux)" width="640" height="462"></noscript></div></div><div class="card__body"><span class="title_xhac">Todo App (ReactNative+Redux)</span><p class="description_y_AQ">QuickStart todo-app example for ReactNative(Expo) developers</p><div class="techList_Nt0m"><span class="techListItem_MNXE">react-native</span><span class="techListItem_MNXE">expo</span><span class="techListItem_MNXE">redux</span></div></div><div class="card__footer"><div class="button-group button-group--block"><a class="button button--small button--secondary button--block" href="https://github.com/berdimyradov/fs-rn-todo-app" target="_blank" rel="noreferrer noopener">Source</a></div></div></article></article><article class="col col--4 margin-bottom--lg"><article class="card root_v5qN"><div class="card__image preview_MRaB"><div class="ribbon_JKNF">v2</div><div style="background-size:cover;background-repeat:no-repeat;position:relative;background-image:url(&quot;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAGCAYAAAD68A/GAAAACXBIWXMAABJ0AAASdAHeZh94AAAA2ElEQVR4nEXKy0rDQABA0fyHGyVtTWeSzEyaJiTUmAR89rEQFK0m5BuEqqBF/E1xr4hr0c1c0Y1nfZw4L2ycF6gkpyc1rtAIk6DGGTqdUE876vkcZ+gruy0CkjSnXV7RtR3Fbk3fkwgdsThrODxa4Pgqslt9j+biks/nF3h9Y31zx8amix4l7J2cU81O/2O7bLDvH/D1zeP9+i+GZkxaHRCX+zgyNHYgAoqi4uF6xdPqlunxjJ4n8VVElJWYrMQRgbYyNPxm1zcM1Ij+0EcGGhFoVDJBpTv8ADojbmp+UdkUAAAAAElFTkSuQmCC&quot;)"><svg style="width:100%;height:auto;max-width:100%;margin-bottom:-4px" width="640" height="360"></svg><noscript><img style="width:100%;height:auto;max-width:100%;margin-bottom:-4px;position:absolute;top:0;left:0" src="/kr/assets/ideal-img/rastrr-editor.9ad239d.640.png" srcset="/kr/assets/ideal-img/rastrr-editor.9ad239d.640.png 640w,/kr/assets/ideal-img/rastrr-editor.4ac8d84.1030.png 1030w" alt="Rastrr" width="640" height="360"></noscript></div></div><div class="card__body"><span class="title_xhac">Rastrr</span><p class="description_y_AQ">A simple and free graphic editor for novice artists</p><div class="techList_Nt0m"><span class="techListItem_MNXE">svelte</span></div></div><div class="card__footer"><div class="button-group button-group--block"><a class="button button--small button--secondary button--block" href="https://rastrr.ru" target="_blank" rel="noreferrer noopener">Website</a><a class="button button--small button--secondary button--block" href="https://github.com/rastrr-editor/client" target="_blank" rel="noreferrer noopener">Source</a></div></div></article></article><article class="col col--4 margin-bottom--lg"><article class="card root_v5qN"><div class="card__image preview_MRaB"><div class="ribbon_JKNF">v2</div><div style="background-size:cover;background-repeat:no-repeat;position:relative;background-image:url(&quot;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAGCAYAAAD68A/GAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAlklEQVR4nFWOuw7CMAxF++1M7Cx8DgMSIITYQWwg0TRh6CtNneSghBbBlezh+vjaBYC1FqVULuccvR1o2p4QQhpnFalprfHe49yAqjT3x5PL9UbddhmKcQKNMRkuy5K6aaj0i0ob4jdvAmOMiAgh+Gymk8n7VQZniQREfH5jFP+fOC92vbBY7dkdTmy2Z5brI70dPz8Cb+qV54GITsVPAAAAAElFTkSuQmCC&quot;)"><svg style="width:100%;height:auto;max-width:100%;margin-bottom:-4px" width="640" height="413"></svg><noscript><img style="width:100%;height:auto;max-width:100%;margin-bottom:-4px;position:absolute;top:0;left:0" src="/kr/assets/ideal-img/draw-ill-help.032419e.640.png" srcset="/kr/assets/ideal-img/draw-ill-help.032419e.640.png 640w,/kr/assets/ideal-img/draw-ill-help.fd1ae96.795.png 795w" alt="Draw, I&#x27;ll Help" width="640" height="413"></noscript></div></div><div class="card__body"><span class="title_xhac">Draw, I&#x27;ll Help</span><p class="description_y_AQ">A drawing app with shape correction powered by ML</p><div class="techList_Nt0m"><span class="techListItem_MNXE">svelte</span></div></div><div class="card__footer"><div class="button-group button-group--block"><a class="button button--small button--secondary button--block" href="https://illright.github.io/draw-ill-help/" target="_blank" rel="noreferrer noopener">Website</a><a class="button button--small button--secondary button--block" href="https://github.com/illright/draw-ill-help" target="_blank" rel="noreferrer noopener">Source</a></div></div></article></article><article class="col col--4 margin-bottom--lg"><article class="card root_v5qN"><div class="card__image preview_MRaB"><div class="ribbon_JKNF">v2</div><div style="background-size:cover;background-repeat:no-repeat;position:relative;background-image:url(&quot;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAGCAYAAAD68A/GAAAACXBIWXMAABYlAAAWJQFJUiTwAAAA5klEQVR4nAXBwU6CAACAYd7Cc602xUuIIYFhiYigUWSZONdQ2yyGZhm1Zpkc2jpZhw6tJ+gt/75PiKIHyqaPWKyz/vrBbQVkNkuE4znBIMa7GFF1uwhnnRGibJFXGqTvaxonfbJFi2A44/P7l790RZK8IQSXN+iGTUGzie6WKMYx6r7HVfTEZP7C8nlFL4wRwjDmwGxSLDtMkxTNaiPpTca3C5zTIXZ7QMXpImRlk8yWyo7WJLp/RTI8RKXO9WyBWu2wkbcp6EcItVafnGyxVztnvvigdOiT27WZPKZUnB7bko+kuvwDBm12q0q6hT4AAAAASUVORK5CYII=&quot;)"><svg style="width:100%;height:auto;max-width:100%;margin-bottom:-4px" width="640" height="398"></svg><noscript><img style="width:100%;height:auto;max-width:100%;margin-bottom:-4px;position:absolute;top:0;left:0" src="/kr/assets/ideal-img/cast.2d78953.640.png" srcset="/kr/assets/ideal-img/cast.2d78953.640.png 640w,/kr/assets/ideal-img/cast.f813960.1030.png 1030w" alt="Cast" width="640" height="398"></noscript></div></div><div class="card__body"><span class="title_xhac">Cast</span><p class="description_y_AQ">A podcast listening PWA with automated quality assurance</p><div class="techList_Nt0m"><span class="techListItem_MNXE">svelte</span></div></div><div class="card__footer"><div class="button-group button-group--block"><a class="button button--small button--secondary button--block" href="https://cast-iu.pages.dev/" target="_blank" rel="noreferrer noopener">Website</a><a class="button button--small button--secondary button--block" href="https://github.com/aabounegm/cast" target="_blank" rel="noreferrer noopener">Source</a></div></div></article></article><article class="col col--4 margin-bottom--lg"><article class="card root_v5qN"><div class="card__image preview_MRaB"><div class="ribbon_JKNF">v2</div><div style="background-size:cover;background-repeat:no-repeat;position:relative;background-image:url(&quot;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAICAYAAADA+m62AAAACXBIWXMAAA7DAAAOwwHHb6hkAAAAsUlEQVR4nHVPXQuCQBC8n9prv6h/EQQ91pPQQyCUpU+ZVnd+dGfqIYRmN3FnCPYxsMzu7CzDEsYYdB2OAWzHxWbnYb31YNl7BGEIxigopSBRFEMIAc45gtMFXNzgngWWTmi0LMuQJAmIlBIaSj0NS99C4c7fmjKc5zlIVVVm0GibB67TMYrZCG1T9/rQqBT0fe0vUKwmaO9d0pexC+m47/9Ff2Jg1J/ph8qy/Fl6l6YpXhcMMAYFFnR9AAAAAElFTkSuQmCC&quot;)"><svg style="width:100%;height:auto;max-width:100%;margin-bottom:-4px" width="640" height="507"></svg><noscript><img style="width:100%;height:auto;max-width:100%;margin-bottom:-4px;position:absolute;top:0;left:0" src="/kr/assets/ideal-img/loripsum-generator.d367419.640.png" srcset="/kr/assets/ideal-img/loripsum-generator.d367419.640.png 640w,/kr/assets/ideal-img/loripsum-generator.4188839.949.png 949w" alt="Loripsum generator" width="640" height="507"></noscript></div></div><div class="card__body"><span class="title_xhac">Loripsum generator</span><p class="description_y_AQ">Simple fish text generator</p><div class="techList_Nt0m"><span class="techListItem_MNXE">react</span><span class="techListItem_MNXE">effector</span></div></div><div class="card__footer"><div class="button-group button-group--block"><a class="button button--small button--secondary button--block" href="https://loripsum-generator.vercel.app" target="_blank" rel="noreferrer noopener">Website</a><a class="button button--small button--secondary button--block" href="https://github.com/yesnoruly/loripsum-generator" target="_blank" rel="noreferrer noopener">Source</a></div></div></article></article><article class="col col--4 margin-bottom--lg"><article class="card root_v5qN"><div class="card__image preview_MRaB"><div class="ribbon_JKNF">v2</div><div style="background-size:cover;background-repeat:no-repeat;position:relative;background-image:url(&quot;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAGCAIAAAB1kpiRAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAnElEQVR4nF3JuwrCMBQA0HyVg4IOIhZEUSj9AdFZtK72K+2L9EHBUaGmed8k0urkWQ8CACGlcw4ApFSEUNIxTtmbdJRyJKTSYIztQdsyrpjQ3avlQjOhER8ejDXWAHtWdZWmSZYk9zguyhIp1a8bWEGj6LbzN36wXa29c3hC3/i1tZdrOF9OF95sPBkdjvv/rptHhoscF2mOy7r5AAf2maewMqkpAAAAAElFTkSuQmCC&quot;)"><svg style="width:100%;height:auto;max-width:100%;margin-bottom:-4px" width="640" height="360"></svg><noscript><img style="width:100%;height:auto;max-width:100%;margin-bottom:-4px;position:absolute;top:0;left:0" src="/kr/assets/ideal-img/projentry.de287b8.640.png" srcset="/kr/assets/ideal-img/projentry.de287b8.640.png 640w,/kr/assets/ideal-img/projentry.d85bc5e.1030.png 1030w" alt="Projentry (demo)" width="640" height="360"></noscript></div></div><div class="card__body"><span class="title_xhac">Projentry (demo)</span><p class="description_y_AQ">Assistant for your projects</p><div class="techList_Nt0m"><span class="techListItem_MNXE">react</span><span class="techListItem_MNXE">antd</span></div></div><div class="card__footer"><div class="button-group button-group--block"><a class="button button--small button--secondary button--block" href="https://projentry.netlify.app/" target="_blank" rel="noreferrer noopener">Website</a><a class="button button--small button--secondary button--block" href="https://github.com/ani-team/projentry" target="_blank" rel="noreferrer noopener">Source</a></div></div></article></article><article class="col col--4 margin-bottom--lg"><article class="card root_v5qN"><div class="card__image preview_MRaB"><div class="ribbon_JKNF">v2</div><div style="background-size:cover;background-repeat:no-repeat;position:relative;background-image:url(&quot;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAGCAIAAAB1kpiRAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAdklEQVR4nCWNQQ6EMAwD+f8rF64rbYGWponjZNXi22hkeyNpZhFB0gFRL50i4xGD+xYR913V4AwAal4knZERmTn1Zz+Gaq4M1at1c8I5dWb23knGGzphNseWXu39kcE5yP2Hb4UNmTh1RikngJf70HJerdVY33/lW6+qu2B+5AAAAABJRU5ErkJggg==&quot;)"><svg style="width:100%;height:auto;max-width:100%;margin-bottom:-4px" width="640" height="360"></svg><noscript><img style="width:100%;height:auto;max-width:100%;margin-bottom:-4px;position:absolute;top:0;left:0" src="/kr/assets/ideal-img/sharead.b0f4725.640.png" srcset="/kr/assets/ideal-img/sharead.b0f4725.640.png 640w,/kr/assets/ideal-img/sharead.c179800.1030.png 1030w" alt="Sharead (demo)" width="640" height="360"></noscript></div></div><div class="card__body"><span class="title_xhac">Sharead (demo)</span><p class="description_y_AQ">Book Marketplace</p><div class="techList_Nt0m"><span class="techListItem_MNXE">react</span><span class="techListItem_MNXE">effector</span><span class="techListItem_MNXE">antd</span></div></div><div class="card__footer"><div class="button-group button-group--block"><a class="button button--small button--secondary button--block" href="https://dev-sharead.netlify.app/" target="_blank" rel="noreferrer noopener">Website</a><a class="button button--small button--secondary button--block" href="https://github.com/select-name/sharead-frontend" target="_blank" rel="noreferrer noopener">Source</a></div></div></article></article><article class="col col--4 margin-bottom--lg"><article class="card root_v5qN"><div class="card__image preview_MRaB"><div class="ribbon_JKNF">v2</div><div style="background-size:cover;background-repeat:no-repeat;position:relative;background-image:url(&quot;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAFCAIAAADzBuo/AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAgklEQVR4nGP4DwN//vz58ePHnz9/4CL///9ngLM+f/785fPnv////fr4+fW89U/nr//x/iNM+t+/71+//vjy9f///0+zWp5Yxl6wjbuaXIuQ/vHt+/cvX3/+//+0fdbLuJpbMVV32mYiDP/06dO7t28/f/3y+cnzh9GVV0NLvj59CQD68oUMUGcwrwAAAABJRU5ErkJggg==&quot;)"><svg style="width:100%;height:auto;max-width:100%;margin-bottom:-4px" width="640" height="348"></svg><noscript><img style="width:100%;height:auto;max-width:100%;margin-bottom:-4px;position:absolute;top:0;left:0" src="/kr/assets/ideal-img/todo-app-angular.05f9a25.640.png" srcset="/kr/assets/ideal-img/todo-app-angular.05f9a25.640.png 640w,/kr/assets/ideal-img/todo-app-angular.73d76af.1030.png 1030w" alt="Todo App (Angular 13)" width="640" height="348"></noscript></div></div><div class="card__body"><span class="title_xhac">Todo App (Angular 13)</span><p class="description_y_AQ">QuickStart todo-app example for Angular developers</p><div class="techList_Nt0m"><span class="techListItem_MNXE">angular</span><span class="techListItem_MNXE">rxjs</span></div></div><div class="card__footer"><div class="button-group button-group--block"><a class="button button--small button--secondary button--block" href="https://angular-feature-sliced-architecture.netlify.app/" target="_blank" rel="noreferrer noopener">Website</a><a class="button button--small button--secondary button--block" href="https://github.com/Affiction/angular-feature-sliced" target="_blank" rel="noreferrer noopener">Source</a></div></div></article></article><article class="col col--4 margin-bottom--lg"><article class="card root_v5qN"><div class="card__image preview_MRaB"><div class="ribbon_JKNF">v2</div><div style="background-size:cover;background-repeat:no-repeat;position:relative;background-image:url(&quot;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAFCAIAAADzBuo/AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAjUlEQVR4nB3CTQ4BQRAG0L6d2Fq5yETiBBKnsMMhJMQRRMLWTyQMY1R3ddVXNS28vNBS+kSmyDHx7UlNS5otC35ZA7EqzGCAwczNr+/6/mzqujm9HoGSxAzOEAFnLVYWx21vXPVH1eywDsRI4gqHuZqbdeh8uJwO5hPuENookTWL8n/MUqxszvvVZVdQvh2liN/jkShXAAAAAElFTkSuQmCC&quot;)"><svg style="width:100%;height:auto;max-width:100%;margin-bottom:-4px" width="640" height="348"></svg><noscript><img style="width:100%;height:auto;max-width:100%;margin-bottom:-4px;position:absolute;top:0;left:0" src="/kr/assets/ideal-img/todo-app-vue.35dda32.640.png" srcset="/kr/assets/ideal-img/todo-app-vue.35dda32.640.png 640w,/kr/assets/ideal-img/todo-app-vue.752b5ca.1030.png 1030w" alt="Todo App (Vue 3)" width="640" height="348"></noscript></div></div><div class="card__body"><span class="title_xhac">Todo App (Vue 3)</span><p class="description_y_AQ">QuickStart todo-app example for Vue developers</p><div class="techList_Nt0m"><span class="techListItem_MNXE">vue</span><span class="techListItem_MNXE">vuex</span><span class="techListItem_MNXE">antd</span></div></div><div class="card__footer"><div class="button-group button-group--block"><a class="button button--small button--secondary button--block" href="https://github.com/EliseyMartynov/fs-vue" target="_blank" rel="noreferrer noopener">Source</a></div></div></article></article><article class="col col--4 margin-bottom--lg"><article class="card root_v5qN"><div class="card__image preview_MRaB"><div class="ribbon_JKNF">v2</div><div style="background-size:cover;background-repeat:no-repeat;position:relative;background-image:url(&quot;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAFCAIAAADzBuo/AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAgElEQVR4nB3GOwrCQBQF0Fm8G3EBKjb2Nml0AWJhiIUfBAkz73/foBA4xSmVpLESK4u+vjRXIlEWY9FKUkgjkIkEEtmxXAOGDGQhcTaowR3mQODDvn+07Ti/qxZSiPdAR/bI/uv9Vn19p9XmchymUtlZwzx0YR7N4vRsu8P1PEx/Y7uNMbvMtEcAAAAASUVORK5CYII=&quot;)"><svg style="width:100%;height:auto;max-width:100%;margin-bottom:-4px" width="640" height="348"></svg><noscript><img style="width:100%;height:auto;max-width:100%;margin-bottom:-4px;position:absolute;top:0;left:0" src="/kr/assets/ideal-img/todo-app-react-redux.34636b9.640.png" srcset="/kr/assets/ideal-img/todo-app-react-redux.34636b9.640.png 640w,/kr/assets/ideal-img/todo-app-react-redux.91678c5.1030.png 1030w" alt="Todo App (React+Redux)" width="640" height="348"></noscript></div></div><div class="card__body"><span class="title_xhac">Todo App (React+Redux)</span><p class="description_y_AQ">QuickStart todo-app example for React developers (Redux version)</p><div class="techList_Nt0m"><span class="techListItem_MNXE">react</span><span class="techListItem_MNXE">redux</span><span class="techListItem_MNXE">antd</span></div></div><div class="card__footer"><div class="button-group button-group--block"><a class="button button--small button--secondary button--block" href="https://github.com/EliseyMartynov/fs-rtk" target="_blank" rel="noreferrer noopener">Source</a></div></div></article></article><article class="col col--4 margin-bottom--lg"><article class="card root_v5qN"><div class="card__image preview_MRaB"><div class="ribbon_JKNF">v2</div><div style="background-size:cover;background-repeat:no-repeat;position:relative;background-image:url(&quot;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAFCAIAAADzBuo/AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAgElEQVR4nB3GOwrCQBQF0Fmfm3ItLkGwt1ZMo52QLmAwoDLz/vcNEQKnOKWSNFZiZdH5Q79KJMZiwtpICmkEMpFAIju2a6TkishC4mxQgzvMgcDCfpzqaXzN5IUU4j3QkT2yrz1HwuH5vu130+NcKjtrmIduzKOpXxcZ7sN3vPwBVmeNDga/n9QAAAAASUVORK5CYII=&quot;)"><svg style="width:100%;height:auto;max-width:100%;margin-bottom:-4px" width="640" height="348"></svg><noscript><img style="width:100%;height:auto;max-width:100%;margin-bottom:-4px;position:absolute;top:0;left:0" src="/kr/assets/ideal-img/todo-app-react-effector.cfe95f6.640.png" srcset="/kr/assets/ideal-img/todo-app-react-effector.cfe95f6.640.png 640w,/kr/assets/ideal-img/todo-app-react-effector.155b845.1030.png 1030w" alt="Todo App (React+Effector)" width="640" height="348"></noscript></div></div><div class="card__body"><span class="title_xhac">Todo App (React+Effector)</span><p class="description_y_AQ">QuickStart todo-app example for React developers (Effector version)</p><div class="techList_Nt0m"><span class="techListItem_MNXE">react</span><span class="techListItem_MNXE">effector</span><span class="techListItem_MNXE">antd</span></div></div><div class="card__footer"><div class="button-group button-group--block"><a class="button button--small button--secondary button--block" href="https://7b64m.csb.app/" target="_blank" rel="noreferrer noopener">Website</a><a class="button button--small button--secondary button--block" href="https://github.com/feature-sliced/examples/tree/master/todo-app" target="_blank" rel="noreferrer noopener">Source</a></div></div></article></article><article class="col col--4 margin-bottom--lg"><article class="card root_v5qN"><div class="card__image preview_MRaB"><div class="ribbon_JKNF">v2</div><div style="background-size:cover;background-repeat:no-repeat;position:relative;background-image:url(&quot;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAGCAIAAAB1kpiRAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAn0lEQVR4nDXBwQrCMAwA0P7/QdSiwmD3fY5MBhMUFdE1aedl6zqzJvHke6Ysy93+YO1u/7fZ2tXaFkVRVZVRVeFMKYmIiqjKuIhLQqo5syEij3i9XByAc+CcG4YhpnlKc4yTYeaue7dtiz44APQhxpiXheib0mxY8vv5OTf30AdEj97HOBFRzllEjIi+HremPob+A4gAMI4jMyP6+tT8AAIgnuz02zq5AAAAAElFTkSuQmCC&quot;)"><svg style="width:100%;height:auto;max-width:100%;margin-bottom:-4px" width="640" height="360"></svg><noscript><img style="width:100%;height:auto;max-width:100%;margin-bottom:-4px;position:absolute;top:0;left:0" src="/kr/assets/ideal-img/github-client.fe390ad.640.png" srcset="/kr/assets/ideal-img/github-client.fe390ad.640.png 640w,/kr/assets/ideal-img/github-client.aa0edb7.1030.png 1030w" alt="Github Client" width="640" height="360"></noscript></div></div><div class="card__body"><span class="title_xhac">Github Client</span><p class="description_y_AQ">React &amp; GraphQL powered github web-client</p><div class="techList_Nt0m"><span class="techListItem_MNXE">react</span><span class="techListItem_MNXE">graphql</span><span class="techListItem_MNXE">antd</span></div></div><div class="card__footer"><div class="button-group button-group--block"><a class="button button--small button--secondary button--block" href="https://github.com/ani-team/github-client/tree/workshop/feature-sliced-next" target="_blank" rel="noreferrer noopener">Source</a></div></div></article></article><article class="col col--4 margin-bottom--lg"><article class="card root_v5qN"><div class="card__image preview_MRaB"><div class="ribbon_JKNF">v2</div><div style="background-size:cover;background-repeat:no-repeat;position:relative;background-image:url(&quot;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAGCAIAAAB1kpiRAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAgklEQVR4nD2OwQoCMQxE9/9/T6+CgqJVhKTbJpkm20p3wXcb3gzMkl7l88YWEe4RMXbC+/dLpdhyuz7Pp8tjck8pjTF67+49vG/bWFSFiZiyiMJQSl3zamYAImKpVTKvplBRKJiYKe/RWvOpmRgGGJrNkql584Y211KFiFX0EMe1Pz+Oia0hqYR1vAAAAABJRU5ErkJggg==&quot;)"><svg style="width:100%;height:auto;max-width:100%;margin-bottom:-4px" width="640" height="360"></svg><noscript><img style="width:100%;height:auto;max-width:100%;margin-bottom:-4px;position:absolute;top:0;left:0" src="/kr/assets/ideal-img/cardbox.7993374.640.png" srcset="/kr/assets/ideal-img/cardbox.7993374.640.png 640w,/kr/assets/ideal-img/cardbox.943b121.1030.png 1030w" alt="Cardbox" width="640" height="360"></noscript></div></div><div class="card__body"><span class="title_xhac">Cardbox</span><p class="description_y_AQ">The best solutions from developers in one place</p><div class="techList_Nt0m"><span class="techListItem_MNXE">react</span><span class="techListItem_MNXE">effector</span></div></div><div class="card__footer"><div class="button-group button-group--block"><a class="button button--small button--secondary button--block" href="https://github.com/cardbox/frontend" target="_blank" rel="noreferrer noopener">Source</a></div></div></article></article></div></div></section></main></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Specs</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/kr/docs">Documentation</a></li><li class="footer__item"><a class="footer__link-item" href="/kr/community">Community</a></li><li class="footer__item"><a class="footer__link-item" href="/kr/nav">Help</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">License<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/kr/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/kr/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2024  Feature-Sliced Design</div></div></div></footer></div>
diff --git a/kr/index.html b/kr/index.html
index 9edee45e2d..cbdd66550e 100644
--- a/kr/index.html
+++ b/kr/index.html
@@ -9,10 +9,10 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/kr/opensearch.xml"><link rel="stylesheet" href="/kr/assets/css/styles.554655a0.css">
-<script src="/kr/assets/js/runtime~main.747d66f0.js" defer="defer"></script>
-<script src="/kr/assets/js/main.6d627ed0.js" defer="defer"></script>
+<script src="/kr/assets/js/runtime~main.c4f81ee2.js" defer="defer"></script>
+<script src="/kr/assets/js/main.ea09754c.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
-<script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/kr/"><div class="navbar__logo"><img src="/kr/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/kr/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a class="navbar__item navbar__link" href="/kr/docs">📖 Docs</a><a class="navbar__item navbar__link" href="/kr/community">💫 Community</a><a class="navbar__item navbar__link" href="/kr/blog">📝 Blog</a><a class="navbar__item navbar__link" href="/kr/examples">🛠 Examples</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/kr/docs">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a class="dropdown__link" href="/kr/docs">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/kr/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>한국어</a><ul class="dropdown__menu"><li><a href="/ru/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ru">Русский</a></li><li><a href="/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/uz/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="kr">한국어</a></li><li><a href="/ja/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><header class="hero hero--primary heroBanner_PbTQ"><div class="container"><h1 class="hero__title">Feature-Sliced Design</h1><p class="hero__subtitle">Architectural methodology for frontend projects</p><div class="button-group"><a class="button button--primary button--lg" href="/kr/docs">Get Started</a><a class="button button--secondary button--lg" href="/kr/examples">Examples</a></div><div class="margin-top--md"><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="link_Ogy3">Previous version<!-- --> <!-- -->(feature-slices@v1)</a></div></div></header><main><section id="features" class="section_o6sW"><div class="container"><h2 class="title_v0wz">Features</h2><div class="row"><div class="col col--3"><div class="text--center"><span role="img" aria-label="eye" alt="Explicit business logic" class="anticon anticon-eye icon_zeNy"><svg viewBox="64 64 896 896" focusable="false" data-icon="eye" width="1em" height="1em" fill="currentColor" aria-hidden="true"><path d="M942.2 486.2C847.4 286.5 704.1 186 512 186c-192.2 0-335.4 100.5-430.2 300.3a60.3 60.3 0 000 51.5C176.6 737.5 319.9 838 512 838c192.2 0 335.4-100.5 430.2-300.3 7.7-16.2 7.7-35 0-51.5zM512 766c-161.3 0-279.4-81.8-362.7-254C232.6 339.8 350.7 258 512 258c161.3 0 279.4 81.8 362.7 254C791.5 684.2 673.4 766 512 766zm-4-430c-97.2 0-176 78.8-176 176s78.8 176 176 176 176-78.8 176-176-78.8-176-176-176zm0 288c-61.9 0-112-50.1-112-112s50.1-112 112-112 112 50.1 112 112-50.1 112-112 112z"></path></svg></span></div><div class="text--center padding-horiz--md"><h3>Explicit business logic</h3><p>Easily discoverable architecture thanks to domain scopes</p></div></div><div class="col col--3"><div class="text--center"><span role="img" aria-label="login" alt="Adaptability" class="anticon anticon-login icon_zeNy"><svg viewBox="64 64 896 896" focusable="false" data-icon="login" width="1em" height="1em" fill="currentColor" aria-hidden="true"><defs><style></style></defs><path d="M521.7 82c-152.5-.4-286.7 78.5-363.4 197.7-3.4 5.3.4 12.3 6.7 12.3h70.3c4.8 0 9.3-2.1 12.3-5.8 7-8.5 14.5-16.7 22.4-24.5 32.6-32.5 70.5-58.1 112.7-75.9 43.6-18.4 90-27.8 137.9-27.8 47.9 0 94.3 9.3 137.9 27.8 42.2 17.8 80.1 43.4 112.7 75.9 32.6 32.5 58.1 70.4 76 112.5C865.7 417.8 875 464.1 875 512c0 47.9-9.4 94.2-27.8 137.8-17.8 42.1-43.4 80-76 112.5s-70.5 58.1-112.7 75.9A352.8 352.8 0 01520.6 866c-47.9 0-94.3-9.4-137.9-27.8A353.84 353.84 0 01270 762.3c-7.9-7.9-15.3-16.1-22.4-24.5-3-3.7-7.6-5.8-12.3-5.8H165c-6.3 0-10.2 7-6.7 12.3C234.9 863.2 368.5 942 520.6 942c236.2 0 428-190.1 430.4-425.6C953.4 277.1 761.3 82.6 521.7 82zM395.02 624v-76h-314c-4.4 0-8-3.6-8-8v-56c0-4.4 3.6-8 8-8h314v-76c0-6.7 7.8-10.5 13-6.3l141.9 112a8 8 0 010 12.6l-141.9 112c-5.2 4.1-13 .4-13-6.3z"></path></svg></span></div><div class="text--center padding-horiz--md"><h3>Adaptability</h3><p>Architecture components can be flexibly replaced and added for new requirements</p></div></div><div class="col col--3"><div class="text--center"><span role="img" aria-label="file-protect" alt="Tech debt &amp; Refactoring" class="anticon anticon-file-protect icon_zeNy"><svg viewBox="64 64 896 896" focusable="false" data-icon="file-protect" width="1em" height="1em" fill="currentColor" aria-hidden="true"><path d="M644.7 669.2a7.92 7.92 0 00-6.5-3.3H594c-6.5 0-10.3 7.4-6.5 12.7l73.8 102.1c3.2 4.4 9.7 4.4 12.9 0l114.2-158c3.8-5.3 0-12.7-6.5-12.7h-44.3c-2.6 0-5 1.2-6.5 3.3l-63.5 87.8-22.9-31.9zM688 306v-48c0-4.4-3.6-8-8-8H296c-4.4 0-8 3.6-8 8v48c0 4.4 3.6 8 8 8h384c4.4 0 8-3.6 8-8zm-392 88c-4.4 0-8 3.6-8 8v48c0 4.4 3.6 8 8 8h184c4.4 0 8-3.6 8-8v-48c0-4.4-3.6-8-8-8H296zm184 458H208V148h560v296c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8V108c0-17.7-14.3-32-32-32H168c-17.7 0-32 14.3-32 32v784c0 17.7 14.3 32 32 32h312c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8zm402.6-320.8l-192-66.7c-.9-.3-1.7-.4-2.6-.4s-1.8.1-2.6.4l-192 66.7a7.96 7.96 0 00-5.4 7.5v251.1c0 2.5 1.1 4.8 3.1 6.3l192 150.2c1.4 1.1 3.2 1.7 4.9 1.7s3.5-.6 4.9-1.7l192-150.2c1.9-1.5 3.1-3.8 3.1-6.3V538.7c0-3.4-2.2-6.4-5.4-7.5zM826 763.7L688 871.6 550 763.7V577l138-48 138 48v186.7z"></path></svg></span></div><div class="text--center padding-horiz--md"><h3>Tech debt &amp; Refactoring</h3><p>Each module can be independently modified / rewritten without side effects</p></div></div><div class="col col--3"><div class="text--center"><span role="img" aria-label="build" alt="Explicit code reuse" class="anticon anticon-build icon_zeNy"><svg viewBox="64 64 896 896" focusable="false" data-icon="build" width="1em" height="1em" fill="currentColor" aria-hidden="true"><path d="M916 210H376c-17.7 0-32 14.3-32 32v236H108c-17.7 0-32 14.3-32 32v272c0 17.7 14.3 32 32 32h540c17.7 0 32-14.3 32-32V546h236c17.7 0 32-14.3 32-32V242c0-17.7-14.3-32-32-32zm-504 68h200v200H412V278zm-68 468H144V546h200v200zm268 0H412V546h200v200zm268-268H680V278h200v200z"></path></svg></span></div><div class="text--center padding-horiz--md"><h3>Explicit code reuse</h3><p>A balance is maintained between DRY and local customization</p></div></div></div></div></section><section id="concepts" class="section_o6sW sectionAlt_eaXm"><div class="container"><h2 class="title_v0wz">Concepts</h2><div class="row"><div class="col col--4"><div class="text--center"><span role="img" aria-label="api" alt="Public API" class="anticon anticon-api icon_zeNy"><svg viewBox="64 64 896 896" focusable="false" data-icon="api" width="1em" height="1em" fill="currentColor" aria-hidden="true"><path d="M917.7 148.8l-42.4-42.4c-1.6-1.6-3.6-2.3-5.7-2.3s-4.1.8-5.7 2.3l-76.1 76.1a199.27 199.27 0 00-112.1-34.3c-51.2 0-102.4 19.5-141.5 58.6L432.3 308.7a8.03 8.03 0 000 11.3L704 591.7c1.6 1.6 3.6 2.3 5.7 2.3 2 0 4.1-.8 5.7-2.3l101.9-101.9c68.9-69 77-175.7 24.3-253.5l76.1-76.1c3.1-3.2 3.1-8.3 0-11.4zM769.1 441.7l-59.4 59.4-186.8-186.8 59.4-59.4c24.9-24.9 58.1-38.7 93.4-38.7 35.3 0 68.4 13.7 93.4 38.7 24.9 24.9 38.7 58.1 38.7 93.4 0 35.3-13.8 68.4-38.7 93.4zm-190.2 105a8.03 8.03 0 00-11.3 0L501 613.3 410.7 523l66.7-66.7c3.1-3.1 3.1-8.2 0-11.3L441 408.6a8.03 8.03 0 00-11.3 0L363 475.3l-43-43a7.85 7.85 0 00-5.7-2.3c-2 0-4.1.8-5.7 2.3L206.8 534.2c-68.9 69-77 175.7-24.3 253.5l-76.1 76.1a8.03 8.03 0 000 11.3l42.4 42.4c1.6 1.6 3.6 2.3 5.7 2.3s4.1-.8 5.7-2.3l76.1-76.1c33.7 22.9 72.9 34.3 112.1 34.3 51.2 0 102.4-19.5 141.5-58.6l101.9-101.9c3.1-3.1 3.1-8.2 0-11.3l-43-43 66.7-66.7c3.1-3.1 3.1-8.2 0-11.3l-36.6-36.2zM441.7 769.1a131.32 131.32 0 01-93.4 38.7c-35.3 0-68.4-13.7-93.4-38.7a131.32 131.32 0 01-38.7-93.4c0-35.3 13.7-68.4 38.7-93.4l59.4-59.4 186.8 186.8-59.4 59.4z"></path></svg></span></div><div class="text--center padding-horiz--md"><h3>Public API</h3><p>Each module must have a declaration of its public API at the top level</p></div></div><div class="col col--4"><div class="text--center"><span role="img" aria-label="block" alt="Isolation" class="anticon anticon-block icon_zeNy"><svg viewBox="64 64 896 896" focusable="false" data-icon="block" width="1em" height="1em" fill="currentColor" aria-hidden="true"><path d="M856 376H648V168c0-8.8-7.2-16-16-16H168c-8.8 0-16 7.2-16 16v464c0 8.8 7.2 16 16 16h208v208c0 8.8 7.2 16 16 16h464c8.8 0 16-7.2 16-16V392c0-8.8-7.2-16-16-16zm-480 16v188H220V220h360v156H392c-8.8 0-16 7.2-16 16zm204 52v136H444V444h136zm224 360H444V648h188c8.8 0 16-7.2 16-16V444h156v360z"></path></svg></span></div><div class="text--center padding-horiz--md"><h3>Isolation</h3><p>The module should not depend directly on other modules of the same layer or overlying layers</p></div></div><div class="col col--4"><div class="text--center"><span role="img" aria-label="like" alt="Needs Driven" class="anticon anticon-like icon_zeNy"><svg viewBox="64 64 896 896" focusable="false" data-icon="like" width="1em" height="1em" fill="currentColor" aria-hidden="true"><path d="M885.9 533.7c16.8-22.2 26.1-49.4 26.1-77.7 0-44.9-25.1-87.4-65.5-111.1a67.67 67.67 0 00-34.3-9.3H572.4l6-122.9c1.4-29.7-9.1-57.9-29.5-79.4A106.62 106.62 0 00471 99.9c-52 0-98 35-111.8 85.1l-85.9 311H144c-17.7 0-32 14.3-32 32v364c0 17.7 14.3 32 32 32h601.3c9.2 0 18.2-1.8 26.5-5.4 47.6-20.3 78.3-66.8 78.3-118.4 0-12.6-1.8-25-5.4-37 16.8-22.2 26.1-49.4 26.1-77.7 0-12.6-1.8-25-5.4-37 16.8-22.2 26.1-49.4 26.1-77.7-.2-12.6-2-25.1-5.6-37.1zM184 852V568h81v284h-81zm636.4-353l-21.9 19 13.9 25.4a56.2 56.2 0 016.9 27.3c0 16.5-7.2 32.2-19.6 43l-21.9 19 13.9 25.4a56.2 56.2 0 016.9 27.3c0 16.5-7.2 32.2-19.6 43l-21.9 19 13.9 25.4a56.2 56.2 0 016.9 27.3c0 22.4-13.2 42.6-33.6 51.8H329V564.8l99.5-360.5a44.1 44.1 0 0142.2-32.3c7.6 0 15.1 2.2 21.1 6.7 9.9 7.4 15.2 18.6 14.6 30.5l-9.6 198.4h314.4C829 418.5 840 436.9 840 456c0 16.5-7.2 32.1-19.6 43z"></path></svg></span></div><div class="text--center padding-horiz--md"><h3>Needs Driven</h3><p>Orientation to business and user needs</p></div></div></div></div></section><section id="scheme" class="section_o6sW"><div class="container"><h2 class="title_v0wz">Scheme</h2><div class="row scheme_O0RH"><div class="schemeImg_h_tq" style="background-size:cover;background-repeat:no-repeat;position:relative;background-image:url(&quot;data:image/jpeg;base64,/9j/2wBDAAYEBQYFBAYGBQYHBwYIChAKCgkJChQODwwQFxQYGBcUFhYaHSUfGhsjHBYWICwgIyYnKSopGR8tMC0oMCUoKSj/2wBDAQcHBwoIChMKChMoGhYaKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCj/wAARCAAGAAoDASIAAhEBAxEB/8QAFgABAQEAAAAAAAAAAAAAAAAAAAQI/8QAHRAAAgICAwEAAAAAAAAAAAAAAQIABAMREyExYf/EABQBAQAAAAAAAAAAAAAAAAAAAAH/xAAWEQEBAQAAAAAAAAAAAAAAAAAAASH/2gAMAwEAAhEDEQA/ANL069ytjKcmNgXdtsWJ789lSmwVBJxb19iIQ3H/2Q==&quot;)"><svg style="width:100%;height:auto;max-width:100%;margin-bottom:-4px" width="640" height="356"></svg><noscript><img style="width:100%;height:auto;max-width:100%;margin-bottom:-4px;position:absolute;top:0;left:0" src="/kr/assets/ideal-img/visual_schema.5d0b672.640.jpg" srcset="/kr/assets/ideal-img/visual_schema.5d0b672.640.jpg 640w,/kr/assets/ideal-img/visual_schema.b6c18f6.1030.jpg 1030w" alt="feature-sliced-scheme,themed--scheme" width="640" height="356"></noscript></div></div></div></section><section id="companies using fsd" class="section_o6sW root_M0ZT"><div class="rootContainer_QdPn"><h2 class="title_v0wz">Companies using FSD</h2><div class="row"><span class="addMe_pbNn">FSD is used in your company?<!-- --> <a href="https://github.com/feature-sliced/documentation/issues/131" target="_blank" rel="noopener noreferrer">Tell us</a></span></div></div></section></main></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Specs</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/kr/docs">Documentation</a></li><li class="footer__item"><a class="footer__link-item" href="/kr/community">Community</a></li><li class="footer__item"><a class="footer__link-item" href="/kr/nav">Help</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">License<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/kr/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/kr/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2024  Feature-Sliced Design</div></div></div></footer></div>
+<script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/kr/"><div class="navbar__logo"><img src="/kr/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/kr/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a class="navbar__item navbar__link" href="/kr/docs">📖 Docs</a><a class="navbar__item navbar__link" href="/kr/community">💫 Community</a><a class="navbar__item navbar__link" href="/kr/blog">📝 Blog</a><a class="navbar__item navbar__link" href="/kr/examples">🛠 Examples</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/kr/docs">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a class="dropdown__link" href="/kr/docs">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/kr/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>한국어</a><ul class="dropdown__menu"><li><a href="/ru/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ru">Русский</a></li><li><a href="/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/uz/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="kr">한국어</a></li><li><a href="/ja/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><header class="hero hero--primary heroBanner_PbTQ"><div class="container"><h1 class="hero__title">Feature-Sliced Design</h1><p class="hero__subtitle">프론트엔드 프로젝트를 위한 아키텍처 방법론</p><div class="button-group"><a class="button button--primary button--lg" href="/kr/docs">시작하기</a><a class="button button--secondary button--lg" href="/kr/examples">예제</a></div><div class="margin-top--md"><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="link_Ogy3">이전 버전<!-- --> <!-- -->(feature-slices@v1)</a></div></div></header><main><section id="특징" class="section_o6sW"><div class="container"><h2 class="title_v0wz">특징</h2><div class="row"><div class="col col--3"><div class="text--center"><span role="img" aria-label="eye" alt="명시적인 비즈니스 로직" class="anticon anticon-eye icon_zeNy"><svg viewBox="64 64 896 896" focusable="false" data-icon="eye" width="1em" height="1em" fill="currentColor" aria-hidden="true"><path d="M942.2 486.2C847.4 286.5 704.1 186 512 186c-192.2 0-335.4 100.5-430.2 300.3a60.3 60.3 0 000 51.5C176.6 737.5 319.9 838 512 838c192.2 0 335.4-100.5 430.2-300.3 7.7-16.2 7.7-35 0-51.5zM512 766c-161.3 0-279.4-81.8-362.7-254C232.6 339.8 350.7 258 512 258c161.3 0 279.4 81.8 362.7 254C791.5 684.2 673.4 766 512 766zm-4-430c-97.2 0-176 78.8-176 176s78.8 176 176 176 176-78.8 176-176-78.8-176-176-176zm0 288c-61.9 0-112-50.1-112-112s50.1-112 112-112 112 50.1 112 112-50.1 112-112 112z"></path></svg></span></div><div class="text--center padding-horiz--md"><h3>명시적인 비즈니스 로직</h3><p>도메인 스코프 덕분에 찾고자 하는 로직을 쉽게 발견할 수 있는 아키텍처입니다.</p></div></div><div class="col col--3"><div class="text--center"><span role="img" aria-label="login" alt="유연성" class="anticon anticon-login icon_zeNy"><svg viewBox="64 64 896 896" focusable="false" data-icon="login" width="1em" height="1em" fill="currentColor" aria-hidden="true"><defs><style></style></defs><path d="M521.7 82c-152.5-.4-286.7 78.5-363.4 197.7-3.4 5.3.4 12.3 6.7 12.3h70.3c4.8 0 9.3-2.1 12.3-5.8 7-8.5 14.5-16.7 22.4-24.5 32.6-32.5 70.5-58.1 112.7-75.9 43.6-18.4 90-27.8 137.9-27.8 47.9 0 94.3 9.3 137.9 27.8 42.2 17.8 80.1 43.4 112.7 75.9 32.6 32.5 58.1 70.4 76 112.5C865.7 417.8 875 464.1 875 512c0 47.9-9.4 94.2-27.8 137.8-17.8 42.1-43.4 80-76 112.5s-70.5 58.1-112.7 75.9A352.8 352.8 0 01520.6 866c-47.9 0-94.3-9.4-137.9-27.8A353.84 353.84 0 01270 762.3c-7.9-7.9-15.3-16.1-22.4-24.5-3-3.7-7.6-5.8-12.3-5.8H165c-6.3 0-10.2 7-6.7 12.3C234.9 863.2 368.5 942 520.6 942c236.2 0 428-190.1 430.4-425.6C953.4 277.1 761.3 82.6 521.7 82zM395.02 624v-76h-314c-4.4 0-8-3.6-8-8v-56c0-4.4 3.6-8 8-8h314v-76c0-6.7 7.8-10.5 13-6.3l141.9 112a8 8 0 010 12.6l-141.9 112c-5.2 4.1-13 .4-13-6.3z"></path></svg></span></div><div class="text--center padding-horiz--md"><h3>유연성</h3><p>아키텍처 구성 요소를 새로운 요구사항에 맞춰 유연하게 교체하고 추가할 수 있습니다.</p></div></div><div class="col col--3"><div class="text--center"><span role="img" aria-label="file-protect" alt="기술 부채 및 리팩토링" class="anticon anticon-file-protect icon_zeNy"><svg viewBox="64 64 896 896" focusable="false" data-icon="file-protect" width="1em" height="1em" fill="currentColor" aria-hidden="true"><path d="M644.7 669.2a7.92 7.92 0 00-6.5-3.3H594c-6.5 0-10.3 7.4-6.5 12.7l73.8 102.1c3.2 4.4 9.7 4.4 12.9 0l114.2-158c3.8-5.3 0-12.7-6.5-12.7h-44.3c-2.6 0-5 1.2-6.5 3.3l-63.5 87.8-22.9-31.9zM688 306v-48c0-4.4-3.6-8-8-8H296c-4.4 0-8 3.6-8 8v48c0 4.4 3.6 8 8 8h384c4.4 0 8-3.6 8-8zm-392 88c-4.4 0-8 3.6-8 8v48c0 4.4 3.6 8 8 8h184c4.4 0 8-3.6 8-8v-48c0-4.4-3.6-8-8-8H296zm184 458H208V148h560v296c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8V108c0-17.7-14.3-32-32-32H168c-17.7 0-32 14.3-32 32v784c0 17.7 14.3 32 32 32h312c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8zm402.6-320.8l-192-66.7c-.9-.3-1.7-.4-2.6-.4s-1.8.1-2.6.4l-192 66.7a7.96 7.96 0 00-5.4 7.5v251.1c0 2.5 1.1 4.8 3.1 6.3l192 150.2c1.4 1.1 3.2 1.7 4.9 1.7s3.5-.6 4.9-1.7l192-150.2c1.9-1.5 3.1-3.8 3.1-6.3V538.7c0-3.4-2.2-6.4-5.4-7.5zM826 763.7L688 871.6 550 763.7V577l138-48 138 48v186.7z"></path></svg></span></div><div class="text--center padding-horiz--md"><h3>기술 부채 및 리팩토링</h3><p>각 모듈을 부작용 없이 독립적으로 수정, 재작성할 수 있습니다.</p></div></div><div class="col col--3"><div class="text--center"><span role="img" aria-label="build" alt="명시적 코드 재사용" class="anticon anticon-build icon_zeNy"><svg viewBox="64 64 896 896" focusable="false" data-icon="build" width="1em" height="1em" fill="currentColor" aria-hidden="true"><path d="M916 210H376c-17.7 0-32 14.3-32 32v236H108c-17.7 0-32 14.3-32 32v272c0 17.7 14.3 32 32 32h540c17.7 0 32-14.3 32-32V546h236c17.7 0 32-14.3 32-32V242c0-17.7-14.3-32-32-32zm-504 68h200v200H412V278zm-68 468H144V546h200v200zm268 0H412V546h200v200zm268-268H680V278h200v200z"></path></svg></span></div><div class="text--center padding-horiz--md"><h3>명시적 코드 재사용</h3><p>DRY 원칙과 로컬 커스터마이징 사이에 균형을 유지합니다.</p></div></div></div></div></section><section id="개념" class="section_o6sW sectionAlt_eaXm"><div class="container"><h2 class="title_v0wz">개념</h2><div class="row"><div class="col col--4"><div class="text--center"><span role="img" aria-label="api" alt="공용 API" class="anticon anticon-api icon_zeNy"><svg viewBox="64 64 896 896" focusable="false" data-icon="api" width="1em" height="1em" fill="currentColor" aria-hidden="true"><path d="M917.7 148.8l-42.4-42.4c-1.6-1.6-3.6-2.3-5.7-2.3s-4.1.8-5.7 2.3l-76.1 76.1a199.27 199.27 0 00-112.1-34.3c-51.2 0-102.4 19.5-141.5 58.6L432.3 308.7a8.03 8.03 0 000 11.3L704 591.7c1.6 1.6 3.6 2.3 5.7 2.3 2 0 4.1-.8 5.7-2.3l101.9-101.9c68.9-69 77-175.7 24.3-253.5l76.1-76.1c3.1-3.2 3.1-8.3 0-11.4zM769.1 441.7l-59.4 59.4-186.8-186.8 59.4-59.4c24.9-24.9 58.1-38.7 93.4-38.7 35.3 0 68.4 13.7 93.4 38.7 24.9 24.9 38.7 58.1 38.7 93.4 0 35.3-13.8 68.4-38.7 93.4zm-190.2 105a8.03 8.03 0 00-11.3 0L501 613.3 410.7 523l66.7-66.7c3.1-3.1 3.1-8.2 0-11.3L441 408.6a8.03 8.03 0 00-11.3 0L363 475.3l-43-43a7.85 7.85 0 00-5.7-2.3c-2 0-4.1.8-5.7 2.3L206.8 534.2c-68.9 69-77 175.7-24.3 253.5l-76.1 76.1a8.03 8.03 0 000 11.3l42.4 42.4c1.6 1.6 3.6 2.3 5.7 2.3s4.1-.8 5.7-2.3l76.1-76.1c33.7 22.9 72.9 34.3 112.1 34.3 51.2 0 102.4-19.5 141.5-58.6l101.9-101.9c3.1-3.1 3.1-8.2 0-11.3l-43-43 66.7-66.7c3.1-3.1 3.1-8.2 0-11.3l-36.6-36.2zM441.7 769.1a131.32 131.32 0 01-93.4 38.7c-35.3 0-68.4-13.7-93.4-38.7a131.32 131.32 0 01-38.7-93.4c0-35.3 13.7-68.4 38.7-93.4l59.4-59.4 186.8 186.8-59.4 59.4z"></path></svg></span></div><div class="text--center padding-horiz--md"><h3>공용 API</h3><p>각 모듈에는 최상위 레벨에 공용 API 선언이 있어야 합니다.</p></div></div><div class="col col--4"><div class="text--center"><span role="img" aria-label="block" alt="격리" class="anticon anticon-block icon_zeNy"><svg viewBox="64 64 896 896" focusable="false" data-icon="block" width="1em" height="1em" fill="currentColor" aria-hidden="true"><path d="M856 376H648V168c0-8.8-7.2-16-16-16H168c-8.8 0-16 7.2-16 16v464c0 8.8 7.2 16 16 16h208v208c0 8.8 7.2 16 16 16h464c8.8 0 16-7.2 16-16V392c0-8.8-7.2-16-16-16zm-480 16v188H220V220h360v156H392c-8.8 0-16 7.2-16 16zm204 52v136H444V444h136zm224 360H444V648h188c8.8 0 16-7.2 16-16V444h156v360z"></path></svg></span></div><div class="text--center padding-horiz--md"><h3>격리</h3><p>같은 레이어 또는 상위 레이어의 모듈에 직접 의존하지 않아야 합니다.</p></div></div><div class="col col--4"><div class="text--center"><span role="img" aria-label="like" alt="요구사항 중심" class="anticon anticon-like icon_zeNy"><svg viewBox="64 64 896 896" focusable="false" data-icon="like" width="1em" height="1em" fill="currentColor" aria-hidden="true"><path d="M885.9 533.7c16.8-22.2 26.1-49.4 26.1-77.7 0-44.9-25.1-87.4-65.5-111.1a67.67 67.67 0 00-34.3-9.3H572.4l6-122.9c1.4-29.7-9.1-57.9-29.5-79.4A106.62 106.62 0 00471 99.9c-52 0-98 35-111.8 85.1l-85.9 311H144c-17.7 0-32 14.3-32 32v364c0 17.7 14.3 32 32 32h601.3c9.2 0 18.2-1.8 26.5-5.4 47.6-20.3 78.3-66.8 78.3-118.4 0-12.6-1.8-25-5.4-37 16.8-22.2 26.1-49.4 26.1-77.7 0-12.6-1.8-25-5.4-37 16.8-22.2 26.1-49.4 26.1-77.7-.2-12.6-2-25.1-5.6-37.1zM184 852V568h81v284h-81zm636.4-353l-21.9 19 13.9 25.4a56.2 56.2 0 016.9 27.3c0 16.5-7.2 32.2-19.6 43l-21.9 19 13.9 25.4a56.2 56.2 0 016.9 27.3c0 16.5-7.2 32.2-19.6 43l-21.9 19 13.9 25.4a56.2 56.2 0 016.9 27.3c0 22.4-13.2 42.6-33.6 51.8H329V564.8l99.5-360.5a44.1 44.1 0 0142.2-32.3c7.6 0 15.1 2.2 21.1 6.7 9.9 7.4 15.2 18.6 14.6 30.5l-9.6 198.4h314.4C829 418.5 840 436.9 840 456c0 16.5-7.2 32.1-19.6 43z"></path></svg></span></div><div class="text--center padding-horiz--md"><h3>요구사항 중심</h3><p>비즈니스 및 사용자 요구사항을 중심으로 합니다.</p></div></div></div></div></section><section id="구조" class="section_o6sW"><div class="container"><h2 class="title_v0wz">구조</h2><div class="row scheme_O0RH"><div class="schemeImg_h_tq" style="background-size:cover;background-repeat:no-repeat;position:relative;background-image:url(&quot;data:image/jpeg;base64,/9j/2wBDAAYEBQYFBAYGBQYHBwYIChAKCgkJChQODwwQFxQYGBcUFhYaHSUfGhsjHBYWICwgIyYnKSopGR8tMC0oMCUoKSj/2wBDAQcHBwoIChMKChMoGhYaKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCj/wAARCAAGAAoDASIAAhEBAxEB/8QAFgABAQEAAAAAAAAAAAAAAAAAAAQI/8QAHRAAAgICAwEAAAAAAAAAAAAAAQIABAMREyExYf/EABQBAQAAAAAAAAAAAAAAAAAAAAH/xAAWEQEBAQAAAAAAAAAAAAAAAAAAASH/2gAMAwEAAhEDEQA/ANL069ytjKcmNgXdtsWJ789lSmwVBJxb19iIQ3H/2Q==&quot;)"><svg style="width:100%;height:auto;max-width:100%;margin-bottom:-4px" width="640" height="356"></svg><noscript><img style="width:100%;height:auto;max-width:100%;margin-bottom:-4px;position:absolute;top:0;left:0" src="/kr/assets/ideal-img/visual_schema.5d0b672.640.jpg" srcset="/kr/assets/ideal-img/visual_schema.5d0b672.640.jpg 640w,/kr/assets/ideal-img/visual_schema.b6c18f6.1030.jpg 1030w" alt="feature-sliced-scheme,themed--scheme" width="640" height="356"></noscript></div></div></div></section><section id="fsd를 사용하는 기업" class="section_o6sW root_M0ZT"><div class="rootContainer_QdPn"><h2 class="title_v0wz">FSD를 사용하는 기업</h2><div class="row"><span class="addMe_pbNn">FSD를 사용하는 기업이신가요?<!-- --> <a href="https://github.com/feature-sliced/documentation/issues/131" target="_blank" rel="noopener noreferrer">알려주세요</a></span></div></div></section></main></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Specs</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/kr/docs">Documentation</a></li><li class="footer__item"><a class="footer__link-item" href="/kr/community">Community</a></li><li class="footer__item"><a class="footer__link-item" href="/kr/nav">Help</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">License<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/kr/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/kr/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2024  Feature-Sliced Design</div></div></div></footer></div>
 </body>
 </html>
\ No newline at end of file
diff --git a/kr/nav.html b/kr/nav.html
index 808099ecb1..641f1224ab 100644
--- a/kr/nav.html
+++ b/kr/nav.html
@@ -9,8 +9,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/kr/opensearch.xml"><link rel="stylesheet" href="/kr/assets/css/styles.554655a0.css">
-<script src="/kr/assets/js/runtime~main.747d66f0.js" defer="defer"></script>
-<script src="/kr/assets/js/main.6d627ed0.js" defer="defer"></script>
+<script src="/kr/assets/js/runtime~main.c4f81ee2.js" defer="defer"></script>
+<script src="/kr/assets/js/main.ea09754c.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/kr/"><div class="navbar__logo"><img src="/kr/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/kr/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a class="navbar__item navbar__link" href="/kr/docs">📖 Docs</a><a class="navbar__item navbar__link" href="/kr/community">💫 Community</a><a class="navbar__item navbar__link" href="/kr/blog">📝 Blog</a><a class="navbar__item navbar__link" href="/kr/examples">🛠 Examples</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/kr/docs">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a class="dropdown__link" href="/kr/docs">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/kr/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>한국어</a><ul class="dropdown__menu"><li><a href="/ru/nav" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ru">Русский</a></li><li><a href="/nav" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/uz/nav" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/nav" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="kr">한국어</a></li><li><a href="/ja/nav" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><main class="container root_EnwK"><h1>🧭 Navigation</h1><section class="section_Jn7s"><h2>Legacy routes</h2><p>After the restructuring of the documentation, some routes were changed. Below you can find the page you may have been looking for.</p><p class="subdetails_sVZK">But there are redirects from old links for compatibility</p><div><div class="group_tWrt"><h3>🚀 Get Started</h3><p>⚡️ <!-- -->Simplified and merged</p><div class="groupItems_NJ5Z"><a class="root_GfON groupItemsRow_3wzs defaultTheme_j3I8" href="/kr/docs/get-started/tutorial"><div class="details_xxkR"><div><span class="title_pSH5">Tutorial</span><p class="description__Fep"></p><div class="route_vdvl"><div><b>old</b>:<!-- --> <!-- -->/docs/get-started/quick-start</div><div><b>new</b>: <!-- -->/docs/get-started/tutorial</div></div><p></p></div></div></a><a class="root_GfON groupItemsRow_3wzs defaultTheme_j3I8" href="/kr/docs/get-started/overview"><div class="details_xxkR"><div><span class="title_pSH5">Basics</span><p class="description__Fep"></p><div class="route_vdvl"><div><b>old</b>:<!-- --> <!-- -->/docs/get-started/basics</div><div><b>new</b>: <!-- -->/docs/get-started/overview</div></div><p></p></div></div></a><a class="root_GfON groupItemsRow_3wzs defaultTheme_j3I8" href="/kr/docs/get-started/cheatsheet"><div class="details_xxkR"><div><span class="title_pSH5">Decompose Cheatsheet</span><p class="description__Fep"></p><div class="route_vdvl"><div><b>old</b>:<!-- --> <!-- -->/docs/get-started/tutorial/decompose;
diff --git a/kr/search.html b/kr/search.html
index ad6cbf91f1..9c4bf7e7dd 100644
--- a/kr/search.html
+++ b/kr/search.html
@@ -9,8 +9,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/kr/opensearch.xml"><link rel="stylesheet" href="/kr/assets/css/styles.554655a0.css">
-<script src="/kr/assets/js/runtime~main.747d66f0.js" defer="defer"></script>
-<script src="/kr/assets/js/main.6d627ed0.js" defer="defer"></script>
+<script src="/kr/assets/js/runtime~main.c4f81ee2.js" defer="defer"></script>
+<script src="/kr/assets/js/main.ea09754c.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/kr/"><div class="navbar__logo"><img src="/kr/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/kr/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a class="navbar__item navbar__link" href="/kr/docs">📖 Docs</a><a class="navbar__item navbar__link" href="/kr/community">💫 Community</a><a class="navbar__item navbar__link" href="/kr/blog">📝 Blog</a><a class="navbar__item navbar__link" href="/kr/examples">🛠 Examples</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/kr/docs">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a class="dropdown__link" href="/kr/docs">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/kr/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>한국어</a><ul class="dropdown__menu"><li><a href="/ru/search" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ru">Русский</a></li><li><a href="/search" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/uz/search" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/search" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="kr">한국어</a></li><li><a href="/ja/search" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><div class="container margin-vert--lg"><h1>Search the documentation</h1><form class="row"><div class="col searchQueryColumn_N3LV col--12"><input type="search" name="q" class="searchQueryInput_wdJ7" placeholder="Type your search here" aria-label="Search" autocomplete="off" autofocus=""></div></form><div class="row"><div class="col col--8 searchResultsColumn_hbJ5"></div><div class="col col--4 text--right searchLogoColumn_CFO_"><a href="https://www.algolia.com/" target="_blank" rel="noopener noreferrer" aria-label="Search by Algolia"><svg viewBox="0 0 168 24" class="algoliaLogo_yo0i"><g fill="none"><path class="algoliaLogoPathFill_Qkgc" d="M120.925 18.804c-4.386.02-4.386-3.54-4.386-4.106l-.007-13.336 2.675-.424v13.254c0 .322 0 2.358 1.718 2.364v2.248zm-10.846-2.18c.821 0 1.43-.047 1.855-.129v-2.719a6.334 6.334 0 0 0-1.574-.199 5.7 5.7 0 0 0-.897.069 2.699 2.699 0 0 0-.814.24c-.24.116-.439.28-.582.491-.15.212-.219.335-.219.656 0 .628.219.991.616 1.23s.938.362 1.615.362zm-.233-9.7c.883 0 1.629.109 2.231.328.602.218 1.088.525 1.444.915.363.396.609.922.76 1.483.157.56.232 1.175.232 1.85v6.874a32.5 32.5 0 0 1-1.868.314c-.834.123-1.772.185-2.813.185-.69 0-1.327-.069-1.895-.198a4.001 4.001 0 0 1-1.471-.636 3.085 3.085 0 0 1-.951-1.134c-.226-.465-.343-1.12-.343-1.803 0-.656.13-1.073.384-1.525a3.24 3.24 0 0 1 1.047-1.106c.445-.287.95-.492 1.532-.615a8.8 8.8 0 0 1 1.82-.185 8.404 8.404 0 0 1 1.972.24v-.438c0-.307-.035-.6-.11-.874a1.88 1.88 0 0 0-.384-.73 1.784 1.784 0 0 0-.724-.493 3.164 3.164 0 0 0-1.143-.205c-.616 0-1.177.075-1.69.164a7.735 7.735 0 0 0-1.26.307l-.321-2.192c.335-.117.834-.233 1.478-.349a10.98 10.98 0 0 1 2.073-.178zm52.842 9.626c.822 0 1.43-.048 1.854-.13V13.7a6.347 6.347 0 0 0-1.574-.199c-.294 0-.595.021-.896.069a2.7 2.7 0 0 0-.814.24 1.46 1.46 0 0 0-.582.491c-.15.212-.218.335-.218.656 0 .628.218.991.615 1.23.404.245.938.362 1.615.362zm-.226-9.694c.883 0 1.629.108 2.231.327.602.219 1.088.526 1.444.915.355.39.609.923.759 1.483a6.8 6.8 0 0 1 .233 1.852v6.873c-.41.088-1.034.19-1.868.314-.834.123-1.772.184-2.813.184-.69 0-1.327-.068-1.895-.198a4.001 4.001 0 0 1-1.471-.635 3.085 3.085 0 0 1-.951-1.134c-.226-.465-.343-1.12-.343-1.804 0-.656.13-1.073.384-1.524.26-.45.608-.82 1.047-1.107.445-.286.95-.491 1.532-.614a8.803 8.803 0 0 1 2.751-.13c.329.034.671.096 1.04.185v-.437a3.3 3.3 0 0 0-.109-.875 1.873 1.873 0 0 0-.384-.731 1.784 1.784 0 0 0-.724-.492 3.165 3.165 0 0 0-1.143-.205c-.616 0-1.177.075-1.69.164a7.75 7.75 0 0 0-1.26.307l-.321-2.193c.335-.116.834-.232 1.478-.348a11.633 11.633 0 0 1 2.073-.177zm-8.034-1.271a1.626 1.626 0 0 1-1.628-1.62c0-.895.725-1.62 1.628-1.62.904 0 1.63.725 1.63 1.62 0 .895-.733 1.62-1.63 1.62zm1.348 13.22h-2.689V7.27l2.69-.423v11.956zm-4.714 0c-4.386.02-4.386-3.54-4.386-4.107l-.008-13.336 2.676-.424v13.254c0 .322 0 2.358 1.718 2.364v2.248zm-8.698-5.903c0-1.156-.253-2.119-.746-2.788-.493-.677-1.183-1.01-2.067-1.01-.882 0-1.574.333-2.065 1.01-.493.676-.733 1.632-.733 2.788 0 1.168.246 1.953.74 2.63.492.683 1.183 1.018 2.066 1.018.882 0 1.574-.342 2.067-1.019.492-.683.738-1.46.738-2.63zm2.737-.007c0 .902-.13 1.584-.397 2.33a5.52 5.52 0 0 1-1.128 1.906 4.986 4.986 0 0 1-1.752 1.223c-.685.286-1.739.45-2.265.45-.528-.006-1.574-.157-2.252-.45a5.096 5.096 0 0 1-1.744-1.223c-.487-.527-.863-1.162-1.137-1.906a6.345 6.345 0 0 1-.41-2.33c0-.902.123-1.77.397-2.508a5.554 5.554 0 0 1 1.15-1.892 5.133 5.133 0 0 1 1.75-1.216c.679-.287 1.425-.423 2.232-.423.808 0 1.553.142 2.237.423a4.88 4.88 0 0 1 1.753 1.216 5.644 5.644 0 0 1 1.135 1.892c.287.738.431 1.606.431 2.508zm-20.138 0c0 1.12.246 2.363.738 2.882.493.52 1.13.78 1.91.78.424 0 .828-.062 1.204-.178.377-.116.677-.253.917-.417V9.33a10.476 10.476 0 0 0-1.766-.226c-.971-.028-1.71.37-2.23 1.004-.513.636-.773 1.75-.773 2.788zm7.438 5.274c0 1.824-.466 3.156-1.404 4.004-.936.846-2.367 1.27-4.296 1.27-.705 0-2.17-.137-3.34-.396l.431-2.118c.98.205 2.272.26 2.95.26 1.074 0 1.84-.219 2.299-.656.459-.437.684-1.086.684-1.948v-.437a8.07 8.07 0 0 1-1.047.397c-.43.13-.93.198-1.492.198-.739 0-1.41-.116-2.018-.349a4.206 4.206 0 0 1-1.567-1.025c-.431-.45-.774-1.017-1.013-1.694-.24-.677-.363-1.885-.363-2.773 0-.834.13-1.88.384-2.577.26-.696.629-1.298 1.129-1.796.493-.498 1.095-.881 1.8-1.162a6.605 6.605 0 0 1 2.428-.457c.87 0 1.67.109 2.45.24.78.129 1.444.265 1.985.415V18.17zM6.972 6.677v1.627c-.712-.446-1.52-.67-2.425-.67-.585 0-1.045.13-1.38.391a1.24 1.24 0 0 0-.502 1.03c0 .425.164.765.494 1.02.33.256.835.532 1.516.83.447.192.795.356 1.045.495.25.138.537.332.862.582.324.25.563.548.718.894.154.345.23.741.23 1.188 0 .947-.334 1.691-1.004 2.234-.67.542-1.537.814-2.601.814-1.18 0-2.16-.229-2.936-.686v-1.708c.84.628 1.814.942 2.92.942.585 0 1.048-.136 1.388-.407.34-.271.51-.646.51-1.125 0-.287-.1-.55-.302-.79-.203-.24-.42-.42-.655-.542-.234-.123-.585-.29-1.053-.503a61.27 61.27 0 0 1-.582-.271 13.67 13.67 0 0 1-.55-.287 4.275 4.275 0 0 1-.567-.351 6.92 6.92 0 0 1-.455-.4c-.18-.17-.31-.34-.39-.51-.08-.17-.155-.37-.224-.598a2.553 2.553 0 0 1-.104-.742c0-.915.333-1.638.998-2.17.664-.532 1.523-.798 2.576-.798.968 0 1.793.17 2.473.51zm7.468 5.696v-.287c-.022-.607-.187-1.088-.495-1.444-.309-.357-.75-.535-1.324-.535-.532 0-.99.194-1.373.583-.382.388-.622.949-.717 1.683h3.909zm1.005 2.792v1.404c-.596.34-1.383.51-2.362.51-1.255 0-2.255-.377-3-1.132-.744-.755-1.116-1.744-1.116-2.968 0-1.297.34-2.316 1.021-3.055.68-.74 1.548-1.11 2.6-1.11 1.033 0 1.852.323 2.458.966.606.644.91 1.572.91 2.784 0 .33-.033.676-.096 1.038h-5.314c.107.702.405 1.239.894 1.611.49.372 1.106.558 1.85.558.862 0 1.58-.202 2.155-.606zm6.605-1.77h-1.212c-.596 0-1.045.116-1.349.35-.303.234-.454.532-.454.894 0 .372.117.664.35.877.235.213.575.32 1.022.32.51 0 .912-.142 1.204-.424.293-.281.44-.651.44-1.108v-.91zm-4.068-2.554V9.325c.627-.361 1.457-.542 2.489-.542 2.116 0 3.175 1.026 3.175 3.08V17h-1.548v-.957c-.415.68-1.143 1.02-2.186 1.02-.766 0-1.38-.22-1.843-.661-.462-.442-.694-1.003-.694-1.684 0-.776.293-1.38.878-1.81.585-.431 1.404-.647 2.457-.647h1.34V11.8c0-.554-.133-.971-.399-1.253-.266-.282-.707-.423-1.324-.423a4.07 4.07 0 0 0-2.345.718zm9.333-1.93v1.42c.394-1 1.101-1.5 2.123-1.5.148 0 .313.016.494.048v1.531a1.885 1.885 0 0 0-.75-.143c-.542 0-.989.24-1.34.718-.351.479-.527 1.048-.527 1.707V17h-1.563V8.91h1.563zm5.01 4.084c.022.82.272 1.492.75 2.019.479.526 1.15.79 2.01.79.639 0 1.235-.176 1.788-.527v1.404c-.521.319-1.186.479-1.995.479-1.265 0-2.276-.4-3.031-1.197-.755-.798-1.133-1.792-1.133-2.984 0-1.16.38-2.151 1.14-2.975.761-.825 1.79-1.237 3.088-1.237.702 0 1.346.149 1.93.447v1.436a3.242 3.242 0 0 0-1.77-.495c-.84 0-1.513.266-2.019.798-.505.532-.758 1.213-.758 2.042zM40.24 5.72v4.579c.458-1 1.293-1.5 2.505-1.5.787 0 1.42.245 1.899.734.479.49.718 1.17.718 2.042V17h-1.564v-5.106c0-.553-.14-.98-.422-1.284-.282-.303-.652-.455-1.11-.455-.531 0-1.002.202-1.411.606-.41.405-.615 1.022-.615 1.851V17h-1.563V5.72h1.563zm14.966 10.02c.596 0 1.096-.253 1.5-.758.404-.506.606-1.157.606-1.955 0-.915-.202-1.62-.606-2.114-.404-.495-.92-.742-1.548-.742-.553 0-1.05.224-1.491.67-.442.447-.662 1.133-.662 2.058 0 .958.212 1.67.638 2.138.425.469.946.703 1.563.703zM53.004 5.72v4.42c.574-.894 1.388-1.341 2.44-1.341 1.022 0 1.857.383 2.506 1.149.649.766.973 1.781.973 3.047 0 1.138-.309 2.109-.925 2.912-.617.803-1.463 1.205-2.537 1.205-1.075 0-1.894-.447-2.457-1.34V17h-1.58V5.72h1.58zm9.908 11.104l-3.223-7.913h1.739l1.005 2.632 1.26 3.415c.096-.32.48-1.458 1.15-3.415l.909-2.632h1.66l-2.92 7.866c-.777 2.074-1.963 3.11-3.559 3.11a2.92 2.92 0 0 1-.734-.079v-1.34c.17.042.351.064.543.064 1.032 0 1.755-.57 2.17-1.708z"></path><path fill="#5468FF" d="M78.988.938h16.594a2.968 2.968 0 0 1 2.966 2.966V20.5a2.967 2.967 0 0 1-2.966 2.964H78.988a2.967 2.967 0 0 1-2.966-2.964V3.897A2.961 2.961 0 0 1 78.988.938z"></path><path fill="white" d="M89.632 5.967v-.772a.978.978 0 0 0-.978-.977h-2.28a.978.978 0 0 0-.978.977v.793c0 .088.082.15.171.13a7.127 7.127 0 0 1 1.984-.28c.65 0 1.295.088 1.917.259.082.02.164-.04.164-.13m-6.248 1.01l-.39-.389a.977.977 0 0 0-1.382 0l-.465.465a.973.973 0 0 0 0 1.38l.383.383c.062.061.15.047.205-.014.226-.307.472-.601.746-.874.281-.28.568-.526.883-.751.068-.042.075-.137.02-.2m4.16 2.453v3.341c0 .096.104.165.192.117l2.97-1.537c.068-.034.089-.117.055-.184a3.695 3.695 0 0 0-3.08-1.866c-.068 0-.136.054-.136.13m0 8.048a4.489 4.489 0 0 1-4.49-4.482 4.488 4.488 0 0 1 4.49-4.482 4.488 4.488 0 0 1 4.489 4.482 4.484 4.484 0 0 1-4.49 4.482m0-10.85a6.363 6.363 0 1 0 0 12.729 6.37 6.37 0 0 0 6.372-6.368 6.358 6.358 0 0 0-6.371-6.36"></path></g></svg></a></div></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Specs</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/kr/docs">Documentation</a></li><li class="footer__item"><a class="footer__link-item" href="/kr/community">Community</a></li><li class="footer__item"><a class="footer__link-item" href="/kr/nav">Help</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">License<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/kr/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/kr/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2024  Feature-Sliced Design</div></div></div></footer></div>
diff --git a/kr/versions.html b/kr/versions.html
index 6c69ac873f..ca017f1e17 100644
--- a/kr/versions.html
+++ b/kr/versions.html
@@ -9,8 +9,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/kr/opensearch.xml"><link rel="stylesheet" href="/kr/assets/css/styles.554655a0.css">
-<script src="/kr/assets/js/runtime~main.747d66f0.js" defer="defer"></script>
-<script src="/kr/assets/js/main.6d627ed0.js" defer="defer"></script>
+<script src="/kr/assets/js/runtime~main.c4f81ee2.js" defer="defer"></script>
+<script src="/kr/assets/js/main.ea09754c.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/kr/"><div class="navbar__logo"><img src="/kr/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/kr/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a class="navbar__item navbar__link" href="/kr/docs">📖 Docs</a><a class="navbar__item navbar__link" href="/kr/community">💫 Community</a><a class="navbar__item navbar__link" href="/kr/blog">📝 Blog</a><a class="navbar__item navbar__link" href="/kr/examples">🛠 Examples</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/kr/docs">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a class="dropdown__link" href="/kr/docs">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a aria-current="page" class="dropdown__link dropdown__link--active" href="/kr/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>한국어</a><ul class="dropdown__menu"><li><a href="/ru/versions" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ru">Русский</a></li><li><a href="/versions" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/uz/versions" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/versions" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="kr">한국어</a></li><li><a href="/ja/versions" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><main class="container margin-vert--lg"><h1>Feature-Sliced Design versions</h1><div class="margin-bottom--lg"><h3 id="next">Feature-Sliced Design v2.0.0 (Current)</h3><p>The documentation for the currently published version can be found here</p><table><tbody><tr><th>v2.0.0 🍰</th><td><a href="https://github.com/feature-sliced/documentation/releases/tag/v2.0.0">Release Notes</a></td><td><a href="/kr/docs">Documentation</a></td><td><a href="/kr/docs/guides/migration/from-v1">Migration from v1</a></td></tr></tbody></table></div><div class="margin-bottom--lg"><h3 id="legacy">Feature Slices v1 (Legacy)</h3><p>Documentation for older versions of feature-slices can be found here </p><table><tbody><tr><th>v1.0</th><td><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html">Documentation</a></td></tr><tr><th>v0.1</th><td><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html">Documentation</a></td></tr></tbody></table></div><div class="margin-bottom--lg"><h3 id="legacy">Feature Driven (Legacy)</h3><p>Documentation for older versions of feature-driven can be found here </p><table><tbody><tr><th>v0.1</th><td><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven">Documentation</a></td></tr><tr><th>Example (kof)</th><td><a href="https://github.com/kof/feature-driven-architecture">Github</a></td></tr></tbody></table></div></main></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Specs</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/kr/docs">Documentation</a></li><li class="footer__item"><a class="footer__link-item" href="/kr/community">Community</a></li><li class="footer__item"><a class="footer__link-item" href="/kr/nav">Help</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">License<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/kr/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/kr/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2024  Feature-Sliced Design</div></div></div></footer></div>
diff --git a/nav.html b/nav.html
index f2ba9e72a2..c101259cde 100644
--- a/nav.html
+++ b/nav.html
@@ -9,8 +9,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/opensearch.xml"><link rel="stylesheet" href="/assets/css/styles.04fd99a1.css">
-<script src="/assets/js/runtime~main.06c92bf3.js" defer="defer"></script>
-<script src="/assets/js/main.e2ab5a51.js" defer="defer"></script>
+<script src="/assets/js/runtime~main.29fb6ef5.js" defer="defer"></script>
+<script src="/assets/js/main.360a9d35.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a class="navbar__item navbar__link" href="/docs">📖 Docs</a><a class="navbar__item navbar__link" href="/community">💫 Community</a><a class="navbar__item navbar__link" href="/blog">📝 Blog</a><a class="navbar__item navbar__link" href="/examples">🛠 Examples</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/docs">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a class="dropdown__link" href="/docs">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>English</a><ul class="dropdown__menu"><li><a href="/ru/nav" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ru">Русский</a></li><li><a href="/nav" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="en">English</a></li><li><a href="/uz/nav" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/nav" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="kr">한국어</a></li><li><a href="/ja/nav" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><main class="container root_EnwK"><h1>🧭 Navigation</h1><section class="section_Jn7s"><h2>Legacy routes</h2><p>After the restructuring of the documentation, some routes were changed. Below you can find the page you may have been looking for.</p><p class="subdetails_sVZK">But there are redirects from old links for compatibility</p><div><div class="group_tWrt"><h3>🚀 Get Started</h3><p>⚡️ <!-- -->Simplified and merged</p><div class="groupItems_NJ5Z"><a class="root_GfON groupItemsRow_3wzs defaultTheme_j3I8" href="/docs/get-started/tutorial"><div class="details_xxkR"><div><span class="title_pSH5">Tutorial</span><p class="description__Fep"></p><div class="route_vdvl"><div><b>old</b>:<!-- --> <!-- -->/docs/get-started/quick-start</div><div><b>new</b>: <!-- -->/docs/get-started/tutorial</div></div><p></p></div></div></a><a class="root_GfON groupItemsRow_3wzs defaultTheme_j3I8" href="/docs/get-started/overview"><div class="details_xxkR"><div><span class="title_pSH5">Basics</span><p class="description__Fep"></p><div class="route_vdvl"><div><b>old</b>:<!-- --> <!-- -->/docs/get-started/basics</div><div><b>new</b>: <!-- -->/docs/get-started/overview</div></div><p></p></div></div></a><a class="root_GfON groupItemsRow_3wzs defaultTheme_j3I8" href="/docs/get-started/cheatsheet"><div class="details_xxkR"><div><span class="title_pSH5">Decompose Cheatsheet</span><p class="description__Fep"></p><div class="route_vdvl"><div><b>old</b>:<!-- --> <!-- -->/docs/get-started/tutorial/decompose;
diff --git a/ru/404.html b/ru/404.html
index c75e60ce66..d1863e025c 100644
--- a/ru/404.html
+++ b/ru/404.html
@@ -9,8 +9,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/ru/opensearch.xml"><link rel="stylesheet" href="/ru/assets/css/styles.200d81f1.css">
-<script src="/ru/assets/js/runtime~main.d88d86db.js" defer="defer"></script>
-<script src="/ru/assets/js/main.d5dbc580.js" defer="defer"></script>
+<script src="/ru/assets/js/runtime~main.83a61e56.js" defer="defer"></script>
+<script src="/ru/assets/js/main.ba59251d.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Перейти к основному содержимому"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">Перейти к основному содержимому</a></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Переключить навигационную панель" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/ru/"><div class="navbar__logo"><img src="/ru/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/ru/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a class="navbar__item navbar__link" href="/ru/docs">📖 Документация</a><a class="navbar__item navbar__link" href="/ru/community">💫 Сообщество</a><a class="navbar__item navbar__link" href="/ru/blog">📝 Блог</a><a class="navbar__item navbar__link" href="/ru/examples">🛠 Примеры</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/ru/docs">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a class="dropdown__link" href="/ru/docs">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/ru/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>Русский</a><ul class="dropdown__menu"><li><a href="/ru/404" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="ru">Русский</a></li><li><a href="/404" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/uz/404" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/404" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="kr">한국어</a></li><li><a href="/ja/404" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="Переключение между темным и светлым режимом (сейчас используется Светлый режим)" aria-label="Переключение между темным и светлым режимом (сейчас используется Светлый режим)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="Поиск"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Поиск</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><main class="container margin-vert--xl"><div class="row"><div class="col col--6 col--offset-3"><h1 class="hero__title">Страница не найдена</h1><p>К сожалению, мы не смогли найти запрашиваемую вами страницу.</p><p>Пожалуйста, обратитесь к владельцу сайта, с которого вы перешли на эту ссылку, чтобы сообщить ему ссылка не работает.</p></div></div></main></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Спецификация</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/ru/docs">Документация</a></li><li class="footer__item"><a class="footer__link-item" href="/ru/community">Сообщество</a></li><li class="footer__item"><a class="footer__link-item" href="/ru/nav">Помощь</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Обсуждения<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Сообщество</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Остальное</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">Лицензия<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/ru/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/ru/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
diff --git a/ru/assets/js/04b1b9d4.62bd2c3f.js b/ru/assets/js/04b1b9d4.d35f4177.js
similarity index 99%
rename from ru/assets/js/04b1b9d4.62bd2c3f.js
rename to ru/assets/js/04b1b9d4.d35f4177.js
index cda6a46fd9..bed7b90d4e 100644
--- a/ru/assets/js/04b1b9d4.62bd2c3f.js
+++ b/ru/assets/js/04b1b9d4.d35f4177.js
@@ -1 +1 @@
-"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[5263],{1928:(e,s,i)=>{i.d(s,{Ay:()=>l,RM:()=>c});var t=i(6070),n=i(1100),r=(i(758),i(6783)),d=i(7765);const a=e=>{let{ticket:s}=e;const i=`https://github.com/feature-sliced/documentation/issues/${s}`;return(0,t.jsxs)("div",{children:[(0,t.jsx)("p",{children:(0,d.T)({id:"shared.wip.title"})}),(0,t.jsx)("p",{children:(0,d.T)({id:"shared.wip.subtitle"})}),(0,t.jsxs)("ul",{children:[(0,t.jsxs)("li",{children:[(0,d.T)({id:"shared.wip.var.feedback.base"}),(0,t.jsx)(r.A,{to:i,children:(0,d.T)({id:"shared.wip.var.feedback.link"})})]}),(0,t.jsxs)("li",{children:[(0,d.T)({id:"shared.wip.var.material.base"}),(0,t.jsx)(r.A,{to:"https://t.me/feature_sliced",children:(0,d.T)({id:"shared.wip.var.material.link"})})]}),(0,t.jsxs)("li",{children:[(0,d.T)({id:"shared.wip.var.contribute.base"}),(0,t.jsx)(r.A,{to:"https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md",children:(0,d.T)({id:"shared.wip.var.contribute.link"})})]})]}),(0,t.jsx)("br",{}),(0,t.jsx)("p",{children:(0,t.jsx)("i",{children:"\ud83c\udf70 Stay tuned!"})})]})},c=[];function o(e){const s={admonition:"admonition",...(0,n.R)(),...e.components};return(0,t.jsx)(s.admonition,{title:"WIP",type:"caution",children:(0,t.jsx)(a,{ticket:e.ticket})})}function l(e={}){const{wrapper:s}={...(0,n.R)(),...e.components};return s?(0,t.jsx)(s,{...e,children:(0,t.jsx)(o,{...e})}):o(e)}},4283:(e,s,i)=>{i.r(s),i.d(s,{assets:()=>o,contentTitle:()=>a,default:()=>h,frontMatter:()=>d,metadata:()=>c,toc:()=>l});var t=i(6070),n=i(1100),r=i(1928);const d={sidebar_position:3,sidebar_class_name:"sidebar-item--wip"},a="\u0420\u043e\u0443\u0442\u0438\u043d\u0433",c={id:"guides/issues/routes",title:"\u0420\u043e\u0443\u0442\u0438\u043d\u0433",description:"\u0421\u0438\u0442\u0443\u0430\u0446\u0438\u044f",source:"@site/i18n/ru/docusaurus-plugin-content-docs/current/guides/issues/routes.mdx",sourceDirName:"guides/issues",slug:"/guides/issues/routes",permalink:"/ru/docs/guides/issues/routes",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/ru/docusaurus-plugin-content-docs/current/guides/issues/routes.mdx",tags:[],version:"current",lastUpdatedAt:1727607766e3,sidebarPosition:3,frontMatter:{sidebar_position:3,sidebar_class_name:"sidebar-item--wip"},sidebar:"guidesSidebar",previous:{title:"\u0414\u0435\u0441\u0435\u0433\u043c\u0435\u043d\u0442\u0430\u0446\u0438\u044f",permalink:"/ru/docs/guides/issues/desegmented"},next:{title:"\u041a\u0440\u043e\u0441\u0441-\u0438\u043c\u043f\u043e\u0440\u0442\u044b",permalink:"/ru/docs/guides/issues/cross-imports"}},o={},l=[...r.RM,{value:"\u0421\u0438\u0442\u0443\u0430\u0446\u0438\u044f",id:"situation",level:2},{value:"\u041f\u0440\u043e\u0431\u043b\u0435\u043c\u0430",id:"problem",level:2},{value:"\u0415\u0441\u043b\u0438 \u043f\u0440\u043e\u0438\u0433\u043d\u043e\u0440\u0438\u0440\u043e\u0432\u0430\u0442\u044c",id:"if-you-ignore-it",level:2},{value:"\u0420\u0435\u0448\u0435\u043d\u0438\u0435",id:"solution",level:2},{value:"\u0421\u043c. \u0442\u0430\u043a\u0436\u0435",id:"see-also",level:2}];function u(e){const s={a:"a",code:"code",h1:"h1",h2:"h2",header:"header",li:"li",p:"p",pre:"pre",ul:"ul",...(0,n.R)(),...e.components};return(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(s.header,{children:(0,t.jsx)(s.h1,{id:"\u0440\u043e\u0443\u0442\u0438\u043d\u0433",children:"\u0420\u043e\u0443\u0442\u0438\u043d\u0433"})}),"\n",(0,t.jsx)(r.Ay,{ticket:"169"}),"\n",(0,t.jsx)(s.h2,{id:"situation",children:"\u0421\u0438\u0442\u0443\u0430\u0446\u0438\u044f"}),"\n",(0,t.jsx)(s.p,{children:"\u0423\u0440\u043b\u044b \u043a \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0430\u043c \u0445\u0430\u0440\u0434\u043a\u043e\u0434\u044f\u0442\u0441\u044f \u0432 \u0441\u043b\u043e\u044f\u0445 \u043d\u0438\u0436\u0435 pages"}),"\n",(0,t.jsx)(s.pre,{children:(0,t.jsx)(s.code,{className:"language-tsx",metastring:'title="entities/post/card"',children:"\n<Card>\n    <Card.Title \n        href={`/post/${data.id}`}\n        title={data.name}\n    />\n    ...\n</Card>\n"})}),"\n",(0,t.jsx)(s.h2,{id:"problem",children:"\u041f\u0440\u043e\u0431\u043b\u0435\u043c\u0430"}),"\n",(0,t.jsx)(s.p,{children:"\u0423\u0440\u043b\u044b \u043d\u0435 \u0441\u043a\u043e\u043d\u0446\u0435\u043d\u0442\u0440\u0438\u0440\u043e\u0432\u0430\u043d\u044b \u0432 \u0441\u043b\u043e\u0435 \u0441\u0442\u0440\u0430\u043d\u0438\u0446, \u0433\u0434\u0435 \u0438\u043c \u0438 \u043c\u0435\u0441\u0442\u043e \u043f\u043e \u0441\u043a\u043e\u0443\u043f\u0443 \u043e\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0435\u043d\u043d\u043e\u0441\u0442\u0438"}),"\n",(0,t.jsx)(s.h2,{id:"if-you-ignore-it",children:"\u0415\u0441\u043b\u0438 \u043f\u0440\u043e\u0438\u0433\u043d\u043e\u0440\u0438\u0440\u043e\u0432\u0430\u0442\u044c"}),"\n",(0,t.jsx)(s.p,{children:"\u0422\u043e\u0433\u0434\u0430 \u043f\u0440\u0438 \u0438\u0437\u043c\u0435\u043d\u0435\u043d\u0438\u0438 \u0443\u0440\u043b\u043e\u0432, \u043f\u0440\u0438\u0434\u0435\u0442\u0441\u044f \u0434\u0435\u0440\u0436\u0430\u0442\u044c \u0432 \u0433\u043e\u043b\u043e\u0432\u0435, \u0447\u0442\u043e \u044d\u0442\u0438 \u0443\u0440\u043b\u044b (\u0438 \u043b\u043e\u0433\u0438\u043a\u0430 \u0443\u0440\u043b\u043e\u0432/\u0440\u0435\u0434\u0438\u0440\u0435\u043a\u0442\u043e\u0432) \u043c\u043e\u0433\u0443\u0442 \u0431\u044b\u0442\u044c \u0432\u043e \u0432\u0441\u0435\u0445 \u0441\u043b\u043e\u044f\u0445 \u043a\u0440\u043e\u043c\u0435 pages"}),"\n",(0,t.jsx)(s.p,{children:"\u0410 \u0442\u0430\u043a\u0436\u0435 \u044d\u0442\u043e \u0437\u043d\u0430\u0447\u0438\u0442, \u0447\u0442\u043e \u0442\u0435\u043f\u0435\u0440\u044c \u0434\u0430\u0436\u0435 \u043f\u0440\u043e\u0441\u0442\u0430\u044f \u043a\u0430\u0440\u0442\u043e\u0447\u043a\u0430 \u0442\u043e\u0432\u0430\u0440\u0430 \u0431\u0435\u0440\u0435\u0442 \u0447\u0430\u0441\u0442\u044c \u043e\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0435\u043d\u043d\u043e\u0441\u0442\u0438 \u043e\u0442 \u0441\u0442\u0440\u0430\u043d\u0438\u0446, \u0447\u0442\u043e \u0440\u0430\u0437\u043c\u0430\u0437\u044b\u0432\u0430\u0435\u0442 \u043b\u043e\u0433\u0438\u043a\u0443 \u043f\u043e \u043f\u0440\u043e\u0435\u043a\u0442\u0443"}),"\n",(0,t.jsx)(s.h2,{id:"solution",children:"\u0420\u0435\u0448\u0435\u043d\u0438\u0435"}),"\n",(0,t.jsx)(s.p,{children:"\u041e\u043f\u0440\u0435\u0434\u0435\u043b\u044f\u0442\u044c \u0440\u0430\u0431\u043e\u0442\u0443 \u0441 \u0443\u0440\u043b\u0430\u043c\u0438/\u0440\u0435\u0434\u0438\u0440\u0435\u043a\u0442\u0430\u043c\u0438 \u043e\u0442 \u0443\u0440\u043e\u0432\u043d\u044f \u0441\u0442\u0440\u0430\u043d\u0438\u0446 \u0438 \u0432\u044b\u0448\u0435"}),"\n",(0,t.jsx)(s.p,{children:"\u0412 \u0441\u043b\u043e\u0438 \u043d\u0438\u0436\u0435 \u043f\u0435\u0440\u0435\u0434\u0430\u0432\u0430\u0442\u044c \u0447\u0435\u0440\u0435\u0437 \u043a\u043e\u043c\u043f\u043e\u0437\u0438\u0446\u0438\u044e/\u043f\u0440\u043e\u043f\u0441\u044b/\u0444\u0430\u0431\u0440\u0438\u043a\u0438"}),"\n",(0,t.jsx)(s.h2,{id:"see-also",children:"\u0421\u043c. \u0442\u0430\u043a\u0436\u0435"}),"\n",(0,t.jsxs)(s.ul,{children:["\n",(0,t.jsx)(s.li,{children:(0,t.jsx)(s.a,{href:"https://t.me/feature_sliced/4389",children:'(\u0422\u0440\u0435\u0434) \u0427\u0442\u043e \u0435\u0441\u043b\u0438 "\u0437\u0430\u0448\u0438\u0432\u0430\u0442\u044c" \u0440\u043e\u0443\u0442\u0438\u043d\u0433 \u0432 entities/features/widgets'})}),"\n",(0,t.jsx)(s.li,{children:(0,t.jsx)(s.a,{href:"https://t.me/feature_sliced/3756",children:"(\u0422\u0440\u0435\u0434) \u041f\u043e\u0447\u0435\u043c\u0443 \u0440\u0430\u0437\u043c\u0430\u0437\u044b\u0432\u0430\u0435 \u043b\u043e\u0433\u0438\u043a\u0443 \u0440\u043e\u0443\u0442\u043e\u0432 \u0442\u043e\u043b\u044c\u043a\u043e \u0432 pages"})}),"\n"]})]})}function h(e={}){const{wrapper:s}={...(0,n.R)(),...e.components};return s?(0,t.jsx)(s,{...e,children:(0,t.jsx)(u,{...e})}):u(e)}},1100:(e,s,i)=>{i.d(s,{R:()=>d,x:()=>a});var t=i(758);const n={},r=t.createContext(n);function d(e){const s=t.useContext(r);return t.useMemo((function(){return"function"==typeof e?e(s):{...s,...e}}),[s,e])}function a(e){let s;return s=e.disableParentContext?"function"==typeof e.components?e.components(n):e.components||n:d(e.components),t.createElement(r.Provider,{value:s},e.children)}}}]);
\ No newline at end of file
+"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[5263],{1928:(e,s,i)=>{i.d(s,{Ay:()=>l,RM:()=>c});var t=i(6070),n=i(1100),r=(i(758),i(6783)),d=i(7765);const a=e=>{let{ticket:s}=e;const i=`https://github.com/feature-sliced/documentation/issues/${s}`;return(0,t.jsxs)("div",{children:[(0,t.jsx)("p",{children:(0,d.T)({id:"shared.wip.title"})}),(0,t.jsx)("p",{children:(0,d.T)({id:"shared.wip.subtitle"})}),(0,t.jsxs)("ul",{children:[(0,t.jsxs)("li",{children:[(0,d.T)({id:"shared.wip.var.feedback.base"}),(0,t.jsx)(r.A,{to:i,children:(0,d.T)({id:"shared.wip.var.feedback.link"})})]}),(0,t.jsxs)("li",{children:[(0,d.T)({id:"shared.wip.var.material.base"}),(0,t.jsx)(r.A,{to:"https://t.me/feature_sliced",children:(0,d.T)({id:"shared.wip.var.material.link"})})]}),(0,t.jsxs)("li",{children:[(0,d.T)({id:"shared.wip.var.contribute.base"}),(0,t.jsx)(r.A,{to:"https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md",children:(0,d.T)({id:"shared.wip.var.contribute.link"})})]})]}),(0,t.jsx)("br",{}),(0,t.jsx)("p",{children:(0,t.jsx)("i",{children:"\ud83c\udf70 Stay tuned!"})})]})},c=[];function o(e){const s={admonition:"admonition",...(0,n.R)(),...e.components};return(0,t.jsx)(s.admonition,{title:"WIP",type:"caution",children:(0,t.jsx)(a,{ticket:e.ticket})})}function l(e={}){const{wrapper:s}={...(0,n.R)(),...e.components};return s?(0,t.jsx)(s,{...e,children:(0,t.jsx)(o,{...e})}):o(e)}},4283:(e,s,i)=>{i.r(s),i.d(s,{assets:()=>o,contentTitle:()=>a,default:()=>h,frontMatter:()=>d,metadata:()=>c,toc:()=>l});var t=i(6070),n=i(1100),r=i(1928);const d={sidebar_position:3,sidebar_class_name:"sidebar-item--wip"},a="\u0420\u043e\u0443\u0442\u0438\u043d\u0433",c={id:"guides/issues/routes",title:"\u0420\u043e\u0443\u0442\u0438\u043d\u0433",description:"\u0421\u0438\u0442\u0443\u0430\u0446\u0438\u044f",source:"@site/i18n/ru/docusaurus-plugin-content-docs/current/guides/issues/routes.mdx",sourceDirName:"guides/issues",slug:"/guides/issues/routes",permalink:"/ru/docs/guides/issues/routes",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/ru/docusaurus-plugin-content-docs/current/guides/issues/routes.mdx",tags:[],version:"current",lastUpdatedAt:1728325386e3,sidebarPosition:3,frontMatter:{sidebar_position:3,sidebar_class_name:"sidebar-item--wip"},sidebar:"guidesSidebar",previous:{title:"\u0414\u0435\u0441\u0435\u0433\u043c\u0435\u043d\u0442\u0430\u0446\u0438\u044f",permalink:"/ru/docs/guides/issues/desegmented"},next:{title:"\u041a\u0440\u043e\u0441\u0441-\u0438\u043c\u043f\u043e\u0440\u0442\u044b",permalink:"/ru/docs/guides/issues/cross-imports"}},o={},l=[...r.RM,{value:"\u0421\u0438\u0442\u0443\u0430\u0446\u0438\u044f",id:"situation",level:2},{value:"\u041f\u0440\u043e\u0431\u043b\u0435\u043c\u0430",id:"problem",level:2},{value:"\u0415\u0441\u043b\u0438 \u043f\u0440\u043e\u0438\u0433\u043d\u043e\u0440\u0438\u0440\u043e\u0432\u0430\u0442\u044c",id:"if-you-ignore-it",level:2},{value:"\u0420\u0435\u0448\u0435\u043d\u0438\u0435",id:"solution",level:2},{value:"\u0421\u043c. \u0442\u0430\u043a\u0436\u0435",id:"see-also",level:2}];function u(e){const s={a:"a",code:"code",h1:"h1",h2:"h2",header:"header",li:"li",p:"p",pre:"pre",ul:"ul",...(0,n.R)(),...e.components};return(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(s.header,{children:(0,t.jsx)(s.h1,{id:"\u0440\u043e\u0443\u0442\u0438\u043d\u0433",children:"\u0420\u043e\u0443\u0442\u0438\u043d\u0433"})}),"\n",(0,t.jsx)(r.Ay,{ticket:"169"}),"\n",(0,t.jsx)(s.h2,{id:"situation",children:"\u0421\u0438\u0442\u0443\u0430\u0446\u0438\u044f"}),"\n",(0,t.jsx)(s.p,{children:"\u0423\u0440\u043b\u044b \u043a \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0430\u043c \u0445\u0430\u0440\u0434\u043a\u043e\u0434\u044f\u0442\u0441\u044f \u0432 \u0441\u043b\u043e\u044f\u0445 \u043d\u0438\u0436\u0435 pages"}),"\n",(0,t.jsx)(s.pre,{children:(0,t.jsx)(s.code,{className:"language-tsx",metastring:'title="entities/post/card"',children:"\n<Card>\n    <Card.Title \n        href={`/post/${data.id}`}\n        title={data.name}\n    />\n    ...\n</Card>\n"})}),"\n",(0,t.jsx)(s.h2,{id:"problem",children:"\u041f\u0440\u043e\u0431\u043b\u0435\u043c\u0430"}),"\n",(0,t.jsx)(s.p,{children:"\u0423\u0440\u043b\u044b \u043d\u0435 \u0441\u043a\u043e\u043d\u0446\u0435\u043d\u0442\u0440\u0438\u0440\u043e\u0432\u0430\u043d\u044b \u0432 \u0441\u043b\u043e\u0435 \u0441\u0442\u0440\u0430\u043d\u0438\u0446, \u0433\u0434\u0435 \u0438\u043c \u0438 \u043c\u0435\u0441\u0442\u043e \u043f\u043e \u0441\u043a\u043e\u0443\u043f\u0443 \u043e\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0435\u043d\u043d\u043e\u0441\u0442\u0438"}),"\n",(0,t.jsx)(s.h2,{id:"if-you-ignore-it",children:"\u0415\u0441\u043b\u0438 \u043f\u0440\u043e\u0438\u0433\u043d\u043e\u0440\u0438\u0440\u043e\u0432\u0430\u0442\u044c"}),"\n",(0,t.jsx)(s.p,{children:"\u0422\u043e\u0433\u0434\u0430 \u043f\u0440\u0438 \u0438\u0437\u043c\u0435\u043d\u0435\u043d\u0438\u0438 \u0443\u0440\u043b\u043e\u0432, \u043f\u0440\u0438\u0434\u0435\u0442\u0441\u044f \u0434\u0435\u0440\u0436\u0430\u0442\u044c \u0432 \u0433\u043e\u043b\u043e\u0432\u0435, \u0447\u0442\u043e \u044d\u0442\u0438 \u0443\u0440\u043b\u044b (\u0438 \u043b\u043e\u0433\u0438\u043a\u0430 \u0443\u0440\u043b\u043e\u0432/\u0440\u0435\u0434\u0438\u0440\u0435\u043a\u0442\u043e\u0432) \u043c\u043e\u0433\u0443\u0442 \u0431\u044b\u0442\u044c \u0432\u043e \u0432\u0441\u0435\u0445 \u0441\u043b\u043e\u044f\u0445 \u043a\u0440\u043e\u043c\u0435 pages"}),"\n",(0,t.jsx)(s.p,{children:"\u0410 \u0442\u0430\u043a\u0436\u0435 \u044d\u0442\u043e \u0437\u043d\u0430\u0447\u0438\u0442, \u0447\u0442\u043e \u0442\u0435\u043f\u0435\u0440\u044c \u0434\u0430\u0436\u0435 \u043f\u0440\u043e\u0441\u0442\u0430\u044f \u043a\u0430\u0440\u0442\u043e\u0447\u043a\u0430 \u0442\u043e\u0432\u0430\u0440\u0430 \u0431\u0435\u0440\u0435\u0442 \u0447\u0430\u0441\u0442\u044c \u043e\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0435\u043d\u043d\u043e\u0441\u0442\u0438 \u043e\u0442 \u0441\u0442\u0440\u0430\u043d\u0438\u0446, \u0447\u0442\u043e \u0440\u0430\u0437\u043c\u0430\u0437\u044b\u0432\u0430\u0435\u0442 \u043b\u043e\u0433\u0438\u043a\u0443 \u043f\u043e \u043f\u0440\u043e\u0435\u043a\u0442\u0443"}),"\n",(0,t.jsx)(s.h2,{id:"solution",children:"\u0420\u0435\u0448\u0435\u043d\u0438\u0435"}),"\n",(0,t.jsx)(s.p,{children:"\u041e\u043f\u0440\u0435\u0434\u0435\u043b\u044f\u0442\u044c \u0440\u0430\u0431\u043e\u0442\u0443 \u0441 \u0443\u0440\u043b\u0430\u043c\u0438/\u0440\u0435\u0434\u0438\u0440\u0435\u043a\u0442\u0430\u043c\u0438 \u043e\u0442 \u0443\u0440\u043e\u0432\u043d\u044f \u0441\u0442\u0440\u0430\u043d\u0438\u0446 \u0438 \u0432\u044b\u0448\u0435"}),"\n",(0,t.jsx)(s.p,{children:"\u0412 \u0441\u043b\u043e\u0438 \u043d\u0438\u0436\u0435 \u043f\u0435\u0440\u0435\u0434\u0430\u0432\u0430\u0442\u044c \u0447\u0435\u0440\u0435\u0437 \u043a\u043e\u043c\u043f\u043e\u0437\u0438\u0446\u0438\u044e/\u043f\u0440\u043e\u043f\u0441\u044b/\u0444\u0430\u0431\u0440\u0438\u043a\u0438"}),"\n",(0,t.jsx)(s.h2,{id:"see-also",children:"\u0421\u043c. \u0442\u0430\u043a\u0436\u0435"}),"\n",(0,t.jsxs)(s.ul,{children:["\n",(0,t.jsx)(s.li,{children:(0,t.jsx)(s.a,{href:"https://t.me/feature_sliced/4389",children:'(\u0422\u0440\u0435\u0434) \u0427\u0442\u043e \u0435\u0441\u043b\u0438 "\u0437\u0430\u0448\u0438\u0432\u0430\u0442\u044c" \u0440\u043e\u0443\u0442\u0438\u043d\u0433 \u0432 entities/features/widgets'})}),"\n",(0,t.jsx)(s.li,{children:(0,t.jsx)(s.a,{href:"https://t.me/feature_sliced/3756",children:"(\u0422\u0440\u0435\u0434) \u041f\u043e\u0447\u0435\u043c\u0443 \u0440\u0430\u0437\u043c\u0430\u0437\u044b\u0432\u0430\u0435 \u043b\u043e\u0433\u0438\u043a\u0443 \u0440\u043e\u0443\u0442\u043e\u0432 \u0442\u043e\u043b\u044c\u043a\u043e \u0432 pages"})}),"\n"]})]})}function h(e={}){const{wrapper:s}={...(0,n.R)(),...e.components};return s?(0,t.jsx)(s,{...e,children:(0,t.jsx)(u,{...e})}):u(e)}},1100:(e,s,i)=>{i.d(s,{R:()=>d,x:()=>a});var t=i(758);const n={},r=t.createContext(n);function d(e){const s=t.useContext(r);return t.useMemo((function(){return"function"==typeof e?e(s):{...s,...e}}),[s,e])}function a(e){let s;return s=e.disableParentContext?"function"==typeof e.components?e.components(n):e.components||n:d(e.components),t.createElement(r.Provider,{value:s},e.children)}}}]);
\ No newline at end of file
diff --git a/ru/assets/js/07deeff8.51cdbf80.js b/ru/assets/js/07deeff8.825ba05c.js
similarity index 98%
rename from ru/assets/js/07deeff8.51cdbf80.js
rename to ru/assets/js/07deeff8.825ba05c.js
index 10a0d2f3eb..4b9779c303 100644
--- a/ru/assets/js/07deeff8.51cdbf80.js
+++ b/ru/assets/js/07deeff8.825ba05c.js
@@ -1,2 +1,2 @@
-/*! For license information please see 07deeff8.51cdbf80.js.LICENSE.txt */
-"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[230],{7946:(e,t,n)=>{n.d(t,{Ay:()=>o,RM:()=>i});var s=n(6070),c=n(1100),a=n(5988);const i=[];function r(e){return(0,s.jsx)(a.A,{...e})}function o(e={}){const{wrapper:t}={...(0,c.R)(),...e.components};return t?(0,s.jsx)(t,{...e,children:(0,s.jsx)(r,{...e})}):r(e)}},128:(e,t,n)=>{n.r(t),n.d(t,{assets:()=>C,contentTitle:()=>b,default:()=>w,frontMatter:()=>A,metadata:()=>R,toc:()=>M});var s=n(6070),c=n(1100),a=n(7946),i=n(991),r=n(758);const o={icon:{tag:"svg",attrs:{viewBox:"64 64 896 896",focusable:"false"},children:[{tag:"path",attrs:{d:"M876.6 239.5c-.5-.9-1.2-1.8-2-2.5-5-5-13.1-5-18.1 0L684.2 409.3l-67.9-67.9L788.7 169c.8-.8 1.4-1.6 2-2.5 3.6-6.1 1.6-13.9-4.5-17.5-98.2-58-226.8-44.7-311.3 39.7-67 67-89.2 162-66.5 247.4l-293 293c-3 3-2.8 7.9.3 11l169.7 169.7c3.1 3.1 8.1 3.3 11 .3l292.9-292.9c85.5 22.8 180.5.7 247.6-66.4 84.4-84.5 97.7-213.1 39.7-311.3zM786 499.8c-58.1 58.1-145.3 69.3-214.6 33.6l-8.8 8.8-.1-.1-274 274.1-79.2-79.2 230.1-230.1s0 .1.1.1l52.8-52.8c-35.7-69.3-24.5-156.5 33.6-214.6a184.2 184.2 0 01144-53.5L537 318.9a32.05 32.05 0 000 45.3l124.5 124.5a32.05 32.05 0 0045.3 0l132.8-132.8c3.7 51.8-14.4 104.8-53.6 143.9z"}}]},name:"tool",theme:"outlined"};var d=n(9820),l=function(e,t){return r.createElement(d.A,(0,i.A)({},e,{ref:t,icon:o}))};const u=r.forwardRef(l);const h={icon:{tag:"svg",attrs:{"fill-rule":"evenodd",viewBox:"64 64 896 896",focusable:"false"},children:[{tag:"path",attrs:{d:"M880 912H144c-17.7 0-32-14.3-32-32V144c0-17.7 14.3-32 32-32h360c4.4 0 8 3.6 8 8v56c0 4.4-3.6 8-8 8H184v656h656V520c0-4.4 3.6-8 8-8h56c4.4 0 8 3.6 8 8v360c0 17.7-14.3 32-32 32zM653.3 424.6l52.2 52.2a8.01 8.01 0 01-4.7 13.6l-179.4 21c-5.1.6-9.5-3.7-8.9-8.9l21-179.4c.8-6.6 8.9-9.4 13.6-4.7l52.4 52.4 256.2-256.2c3.1-3.1 8.2-3.1 11.3 0l42.4 42.4c3.1 3.1 3.1 8.2 0 11.3L653.3 424.6z"}}]},name:"import",theme:"outlined"};var m=function(e,t){return r.createElement(d.A,(0,i.A)({},e,{ref:t,icon:h}))};const p=r.forwardRef(m);const f={icon:{tag:"svg",attrs:{viewBox:"64 64 896 896",focusable:"false"},children:[{tag:"defs",attrs:{},children:[{tag:"style",attrs:{}}]},{tag:"path",attrs:{d:"M841 370c3-3.3 2.7-8.3-.6-11.3a8.24 8.24 0 00-5.3-2.1h-72.6c-2.4 0-4.6 1-6.1 2.8L633.5 504.6a7.96 7.96 0 01-13.4-1.9l-63.5-141.3a7.9 7.9 0 00-7.3-4.7H380.7l.9-4.7 8-42.3c10.5-55.4 38-81.4 85.8-81.4 18.6 0 35.5 1.7 48.8 4.7l14.1-66.8c-22.6-4.7-35.2-6.1-54.9-6.1-103.3 0-156.4 44.3-175.9 147.3l-9.4 49.4h-97.6c-3.8 0-7.1 2.7-7.8 6.4L181.9 415a8.07 8.07 0 007.8 9.7H284l-89 429.9a8.07 8.07 0 007.8 9.7H269c3.8 0 7.1-2.7 7.8-6.4l89.7-433.1h135.8l68.2 139.1c1.4 2.9 1 6.4-1.2 8.8l-180.6 203c-2.9 3.3-2.6 8.4.7 11.3 1.5 1.3 3.4 2 5.3 2h72.7c2.4 0 4.6-1 6.1-2.8l123.7-146.7c2.8-3.4 7.9-3.8 11.3-1 .9.8 1.6 1.7 2.1 2.8L676.4 784c1.3 2.8 4.1 4.7 7.3 4.7h64.6a8.02 8.02 0 007.2-11.5l-95.2-198.9c-1.4-2.9-.9-6.4 1.3-8.8L841 370z"}}]},name:"function",theme:"outlined"};var g=function(e,t){return r.createElement(d.A,(0,i.A)({},e,{ref:t,icon:f}))};const x=r.forwardRef(g);const v={icon:{tag:"svg",attrs:{viewBox:"64 64 896 896",focusable:"false"},children:[{tag:"path",attrs:{d:"M304 280h56c4.4 0 8-3.6 8-8 0-28.3 5.9-53.2 17.1-73.5 10.6-19.4 26-34.8 45.4-45.4C450.9 142 475.7 136 504 136h16c28.3 0 53.2 5.9 73.5 17.1 19.4 10.6 34.8 26 45.4 45.4C650 218.9 656 243.7 656 272c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8 0-40-8.8-76.7-25.9-108.1a184.31 184.31 0 00-74-74C596.7 72.8 560 64 520 64h-16c-40 0-76.7 8.8-108.1 25.9a184.31 184.31 0 00-74 74C304.8 195.3 296 232 296 272c0 4.4 3.6 8 8 8z"}},{tag:"path",attrs:{d:"M940 512H792V412c76.8 0 139-62.2 139-139 0-4.4-3.6-8-8-8h-60c-4.4 0-8 3.6-8 8a63 63 0 01-63 63H232a63 63 0 01-63-63c0-4.4-3.6-8-8-8h-60c-4.4 0-8 3.6-8 8 0 76.8 62.2 139 139 139v100H84c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h148v96c0 6.5.2 13 .7 19.3C164.1 728.6 116 796.7 116 876c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8 0-44.2 23.9-82.9 59.6-103.7a273 273 0 0022.7 49c24.3 41.5 59 76.2 100.5 100.5S460.5 960 512 960s99.8-13.9 141.3-38.2a281.38 281.38 0 00123.2-149.5A120 120 0 01836 876c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8 0-79.3-48.1-147.4-116.7-176.7.4-6.4.7-12.8.7-19.3v-96h148c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8zM716 680c0 36.8-9.7 72-27.8 102.9-17.7 30.3-43 55.6-73.3 73.3C584 874.3 548.8 884 512 884s-72-9.7-102.9-27.8c-30.3-17.7-55.6-43-73.3-73.3A202.75 202.75 0 01308 680V412h408v268z"}}]},name:"bug",theme:"outlined"};var j=function(e,t){return r.createElement(d.A,(0,i.A)({},e,{ref:t,icon:v}))};const _=r.forwardRef(j),A={hide_table_of_contents:!0,pagination_prev:"get-started/index"},b="\ud83c\udfaf \u0413\u0430\u0439\u0434\u044b",R={id:"guides/index",title:"\ud83c\udfaf \u0413\u0430\u0439\u0434\u044b",description:"PRACTICE-ORIENTED",source:"@site/i18n/ru/docusaurus-plugin-content-docs/current/guides/index.mdx",sourceDirName:"guides",slug:"/guides/",permalink:"/ru/docs/guides/",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/ru/docusaurus-plugin-content-docs/current/guides/index.mdx",tags:[],version:"current",lastUpdatedAt:1727607766e3,frontMatter:{hide_table_of_contents:!0,pagination_prev:"get-started/index"},sidebar:"guidesSidebar",previous:{title:"\ud83d\ude80 \u0411\u044b\u0441\u0442\u0440\u044b\u0439 \u0441\u0442\u0430\u0440\u0442",permalink:"/ru/docs/get-started/"},next:{title:"\u041f\u0440\u0438\u043c\u0435\u0440\u044b",permalink:"/ru/docs/guides/examples/"}},C={},M=[{value:"\u0413\u043b\u0430\u0432\u043d\u043e\u0435",id:"main",level:2},...a.RM,...a.RM,...a.RM,...a.RM];function T(e){const t={h1:"h1",h2:"h2",header:"header",p:"p",...(0,c.R)(),...e.components};return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(t.header,{children:(0,s.jsx)(t.h1,{id:"-\u0433\u0430\u0439\u0434\u044b",children:"\ud83c\udfaf \u0413\u0430\u0439\u0434\u044b"})}),"\n",(0,s.jsx)("span",{class:"badge badge--primary margin-bottom--md",children:"PRACTICE-ORIENTED"}),"\n",(0,s.jsx)("p",{class:"summary",children:(0,s.jsx)(t.p,{children:'\u041f\u0440\u0430\u043a\u0442\u0438\u0447\u0435\u0441\u043a\u0438\u0435 \u0433\u0430\u0439\u0434\u044b \u0438 \u043f\u0440\u0438\u043c\u0435\u0440\u044b \u043f\u043e \u043f\u0440\u0438\u043c\u0435\u043d\u0435\u043d\u0438\u044e Feature-Sliced Design. \u0412 \u044d\u0442\u043e\u043c \u0436\u0435 \u0440\u0430\u0437\u0434\u0435\u043b\u0435 \u043e\u043f\u0438\u0441\u0430\u043d\u044b \u0433\u0430\u0439\u0434\u044b \u043f\u043e \u043c\u0438\u0433\u0440\u0430\u0446\u0438\u0438 \u0438 \u0445\u0435\u043d\u0434\u0431\u0443\u043a \u043f\u0430\u0433\u0443\u0431\u043d\u044b\u0445 \u043f\u0440\u0430\u043a\u0442\u0438\u043a. \u041d\u0430\u0438\u0431\u043e\u043b\u0435\u0435 \u043f\u043e\u043b\u0435\u0437\u043d\u043e, \u043a\u043e\u0433\u0434\u0430 \u0432\u044b \u043f\u044b\u0442\u0430\u0435\u0442\u0435\u0441\u044c \u0440\u0435\u0430\u043b\u0438\u0437\u043e\u0432\u0430\u0442\u044c \u0447\u0442\u043e-\u0442\u043e \u043a\u043e\u043d\u043a\u0440\u0435\u0442\u043d\u043e\u0435 \u0438\u043b\u0438 \u0445\u043e\u0442\u0438\u0442\u0435 \u043f\u043e\u0441\u043c\u043e\u0442\u0440\u0435\u0442\u044c \u043d\u0430 \u043c\u0435\u0442\u043e\u0434\u043e\u043b\u043e\u0433\u0438\u044e "\u0432 \u0431\u043e\u044e"'})}),"\n",(0,s.jsx)(t.h2,{id:"main",children:"\u0413\u043b\u0430\u0432\u043d\u043e\u0435"}),"\n","\n",(0,s.jsx)(a.Ay,{title:"\u041f\u0440\u0438\u043c\u0435\u0440\u044b",description:"\u041f\u0440\u0430\u043a\u0442\u0438\u0447\u0435\u0441\u043a\u0438\u0435 \u043f\u0440\u0438\u043c\u0435\u0440\u044b \u043f\u043e \u043f\u0440\u0438\u043c\u0435\u043d\u0435\u043d\u0438\u044e \u043c\u0435\u0442\u043e\u0434\u043e\u043b\u043e\u0433\u0438\u0438",to:"/docs/guides/examples",Icon:u,tags:["\u0410\u0432\u0442\u043e\u0440\u0438\u0437\u0430\u0446\u0438\u044f","\u0422\u0438\u043f\u044b","\u041b\u0435\u0439\u0430\u0443\u0442 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b"]}),"\n",(0,s.jsx)(a.Ay,{title:"\u041c\u0438\u0433\u0440\u0430\u0446\u0438\u044f",description:"\u0413\u0430\u0439\u0434\u044b \u043f\u043e \u043c\u0438\u0433\u0440\u0430\u0446\u0438\u0438 \u0441 \u0434\u0440\u0443\u0433\u0438\u0445 \u0430\u0440\u0445\u0438\u0442\u0435\u043a\u0442\u0443\u0440",to:"/docs/guides/migration/from-v1",Icon:p,tags:["\u041a\u0430\u0441\u0442\u043e\u043c\u043d\u0430\u044f \u0430\u0440\u0445\u0438\u0442\u0435\u043a\u0442\u0443\u0440\u0430","FSv1"]}),"\n",(0,s.jsx)(a.Ay,{title:"\u0422\u0435\u0445\u043d\u043e\u043b\u043e\u0433\u0438\u0438",description:"\u041e\u0440\u0438\u0435\u043d\u0442\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u044b\u0435 \u043d\u0430 \u043a\u043e\u043d\u043a\u0440\u0435\u0442\u043d\u044b\u0435 \u0444\u0440\u0435\u0439\u043c\u0432\u043e\u0440\u043a\u0438 \u0433\u0430\u0439\u0434\u044b \u043f\u043e \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u044e",to:"/docs/guides/tech/with-nextjs",Icon:x}),"\n",(0,s.jsx)(a.Ay,{title:"Code Issues (Smells)",description:"\u041e\u0431\u0449\u0438\u0435 \u0430\u0440\u0445\u0438\u0442\u0435\u043a\u0442\u0443\u0440\u043d\u044b\u0435 \u043f\u0440\u043e\u0431\u043b\u0435\u043c\u044b \u0434\u043b\u044f \u0432\u044b\u044f\u0432\u043b\u0435\u043d\u0438\u044f \u0432 \u043a\u043e\u0434\u0435",to:"/docs/guides/issues/desegmented",Icon:_,tags:["\u0414\u0435\u0441\u0435\u0433\u043c\u0435\u043d\u0442\u0430\u0446\u0438\u044f","\u0420\u043e\u0443\u0442\u0438\u043d\u0433","\u041a\u0440\u043e\u0441\u0441-\u0438\u043c\u043f\u043e\u0440\u0442\u044b"]})]})}function w(e={}){const{wrapper:t}={...(0,c.R)(),...e.components};return t?(0,s.jsx)(t,{...e,children:(0,s.jsx)(T,{...e})}):T(e)}},5988:(e,t,n)=>{n.d(t,{Y:()=>r,A:()=>d});n(758);var s=n(3526),c=n(6783);const a={root:"root_GfON",rootDisabled:"rootDisabled_SFUB",details:"details_xxkR",detailsTags:"detailsTags_uTQx",icon:"icon_ciqP",title:"title_pSH5",description:"description__Fep",miniTheme:"miniTheme_ePfp",primaryTheme:"primaryTheme_CilO",defaultTheme:"defaultTheme_j3I8"};var i=n(6070);const r=e=>{const{title:t,description:n,to:r,Icon:d,tags:l,className:u,disabled:h,theme:m="default"}=e;return(0,i.jsxs)(c.A,{className:(0,s.A)(a.root,u,h&&a.rootDisabled,a[`${m}Theme`]),to:r,children:[(0,i.jsx)(o,{Icon:d}),(0,i.jsxs)("div",{className:a.details,children:[(0,i.jsxs)("div",{className:a.detailsMain,children:[(0,i.jsx)("span",{className:a.title,children:t}),(0,i.jsx)("p",{className:a.description,children:n})]}),l&&(0,i.jsx)("div",{className:a.detailsTags,children:l.join(" \u2022 ")})]})]})},o=e=>{let{Icon:t}=e;return t?"string"==typeof t?(0,i.jsx)("span",{className:a.icon,children:t}):(0,i.jsx)(t,{className:a.icon}):null},d=r},1100:(e,t,n)=>{n.d(t,{R:()=>i,x:()=>r});var s=n(758);const c={},a=s.createContext(c);function i(e){const t=s.useContext(a);return s.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function r(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(c):e.components||c:i(e.components),s.createElement(a.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
+/*! For license information please see 07deeff8.825ba05c.js.LICENSE.txt */
+"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[230],{7946:(e,t,n)=>{n.d(t,{Ay:()=>o,RM:()=>i});var s=n(6070),c=n(1100),a=n(5988);const i=[];function r(e){return(0,s.jsx)(a.A,{...e})}function o(e={}){const{wrapper:t}={...(0,c.R)(),...e.components};return t?(0,s.jsx)(t,{...e,children:(0,s.jsx)(r,{...e})}):r(e)}},128:(e,t,n)=>{n.r(t),n.d(t,{assets:()=>C,contentTitle:()=>b,default:()=>w,frontMatter:()=>A,metadata:()=>R,toc:()=>M});var s=n(6070),c=n(1100),a=n(7946),i=n(991),r=n(758);const o={icon:{tag:"svg",attrs:{viewBox:"64 64 896 896",focusable:"false"},children:[{tag:"path",attrs:{d:"M876.6 239.5c-.5-.9-1.2-1.8-2-2.5-5-5-13.1-5-18.1 0L684.2 409.3l-67.9-67.9L788.7 169c.8-.8 1.4-1.6 2-2.5 3.6-6.1 1.6-13.9-4.5-17.5-98.2-58-226.8-44.7-311.3 39.7-67 67-89.2 162-66.5 247.4l-293 293c-3 3-2.8 7.9.3 11l169.7 169.7c3.1 3.1 8.1 3.3 11 .3l292.9-292.9c85.5 22.8 180.5.7 247.6-66.4 84.4-84.5 97.7-213.1 39.7-311.3zM786 499.8c-58.1 58.1-145.3 69.3-214.6 33.6l-8.8 8.8-.1-.1-274 274.1-79.2-79.2 230.1-230.1s0 .1.1.1l52.8-52.8c-35.7-69.3-24.5-156.5 33.6-214.6a184.2 184.2 0 01144-53.5L537 318.9a32.05 32.05 0 000 45.3l124.5 124.5a32.05 32.05 0 0045.3 0l132.8-132.8c3.7 51.8-14.4 104.8-53.6 143.9z"}}]},name:"tool",theme:"outlined"};var d=n(9820),l=function(e,t){return r.createElement(d.A,(0,i.A)({},e,{ref:t,icon:o}))};const u=r.forwardRef(l);const h={icon:{tag:"svg",attrs:{"fill-rule":"evenodd",viewBox:"64 64 896 896",focusable:"false"},children:[{tag:"path",attrs:{d:"M880 912H144c-17.7 0-32-14.3-32-32V144c0-17.7 14.3-32 32-32h360c4.4 0 8 3.6 8 8v56c0 4.4-3.6 8-8 8H184v656h656V520c0-4.4 3.6-8 8-8h56c4.4 0 8 3.6 8 8v360c0 17.7-14.3 32-32 32zM653.3 424.6l52.2 52.2a8.01 8.01 0 01-4.7 13.6l-179.4 21c-5.1.6-9.5-3.7-8.9-8.9l21-179.4c.8-6.6 8.9-9.4 13.6-4.7l52.4 52.4 256.2-256.2c3.1-3.1 8.2-3.1 11.3 0l42.4 42.4c3.1 3.1 3.1 8.2 0 11.3L653.3 424.6z"}}]},name:"import",theme:"outlined"};var m=function(e,t){return r.createElement(d.A,(0,i.A)({},e,{ref:t,icon:h}))};const p=r.forwardRef(m);const f={icon:{tag:"svg",attrs:{viewBox:"64 64 896 896",focusable:"false"},children:[{tag:"defs",attrs:{},children:[{tag:"style",attrs:{}}]},{tag:"path",attrs:{d:"M841 370c3-3.3 2.7-8.3-.6-11.3a8.24 8.24 0 00-5.3-2.1h-72.6c-2.4 0-4.6 1-6.1 2.8L633.5 504.6a7.96 7.96 0 01-13.4-1.9l-63.5-141.3a7.9 7.9 0 00-7.3-4.7H380.7l.9-4.7 8-42.3c10.5-55.4 38-81.4 85.8-81.4 18.6 0 35.5 1.7 48.8 4.7l14.1-66.8c-22.6-4.7-35.2-6.1-54.9-6.1-103.3 0-156.4 44.3-175.9 147.3l-9.4 49.4h-97.6c-3.8 0-7.1 2.7-7.8 6.4L181.9 415a8.07 8.07 0 007.8 9.7H284l-89 429.9a8.07 8.07 0 007.8 9.7H269c3.8 0 7.1-2.7 7.8-6.4l89.7-433.1h135.8l68.2 139.1c1.4 2.9 1 6.4-1.2 8.8l-180.6 203c-2.9 3.3-2.6 8.4.7 11.3 1.5 1.3 3.4 2 5.3 2h72.7c2.4 0 4.6-1 6.1-2.8l123.7-146.7c2.8-3.4 7.9-3.8 11.3-1 .9.8 1.6 1.7 2.1 2.8L676.4 784c1.3 2.8 4.1 4.7 7.3 4.7h64.6a8.02 8.02 0 007.2-11.5l-95.2-198.9c-1.4-2.9-.9-6.4 1.3-8.8L841 370z"}}]},name:"function",theme:"outlined"};var g=function(e,t){return r.createElement(d.A,(0,i.A)({},e,{ref:t,icon:f}))};const x=r.forwardRef(g);const v={icon:{tag:"svg",attrs:{viewBox:"64 64 896 896",focusable:"false"},children:[{tag:"path",attrs:{d:"M304 280h56c4.4 0 8-3.6 8-8 0-28.3 5.9-53.2 17.1-73.5 10.6-19.4 26-34.8 45.4-45.4C450.9 142 475.7 136 504 136h16c28.3 0 53.2 5.9 73.5 17.1 19.4 10.6 34.8 26 45.4 45.4C650 218.9 656 243.7 656 272c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8 0-40-8.8-76.7-25.9-108.1a184.31 184.31 0 00-74-74C596.7 72.8 560 64 520 64h-16c-40 0-76.7 8.8-108.1 25.9a184.31 184.31 0 00-74 74C304.8 195.3 296 232 296 272c0 4.4 3.6 8 8 8z"}},{tag:"path",attrs:{d:"M940 512H792V412c76.8 0 139-62.2 139-139 0-4.4-3.6-8-8-8h-60c-4.4 0-8 3.6-8 8a63 63 0 01-63 63H232a63 63 0 01-63-63c0-4.4-3.6-8-8-8h-60c-4.4 0-8 3.6-8 8 0 76.8 62.2 139 139 139v100H84c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h148v96c0 6.5.2 13 .7 19.3C164.1 728.6 116 796.7 116 876c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8 0-44.2 23.9-82.9 59.6-103.7a273 273 0 0022.7 49c24.3 41.5 59 76.2 100.5 100.5S460.5 960 512 960s99.8-13.9 141.3-38.2a281.38 281.38 0 00123.2-149.5A120 120 0 01836 876c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8 0-79.3-48.1-147.4-116.7-176.7.4-6.4.7-12.8.7-19.3v-96h148c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8zM716 680c0 36.8-9.7 72-27.8 102.9-17.7 30.3-43 55.6-73.3 73.3C584 874.3 548.8 884 512 884s-72-9.7-102.9-27.8c-30.3-17.7-55.6-43-73.3-73.3A202.75 202.75 0 01308 680V412h408v268z"}}]},name:"bug",theme:"outlined"};var j=function(e,t){return r.createElement(d.A,(0,i.A)({},e,{ref:t,icon:v}))};const _=r.forwardRef(j),A={hide_table_of_contents:!0,pagination_prev:"get-started/index"},b="\ud83c\udfaf \u0413\u0430\u0439\u0434\u044b",R={id:"guides/index",title:"\ud83c\udfaf \u0413\u0430\u0439\u0434\u044b",description:"PRACTICE-ORIENTED",source:"@site/i18n/ru/docusaurus-plugin-content-docs/current/guides/index.mdx",sourceDirName:"guides",slug:"/guides/",permalink:"/ru/docs/guides/",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/ru/docusaurus-plugin-content-docs/current/guides/index.mdx",tags:[],version:"current",lastUpdatedAt:1728325386e3,frontMatter:{hide_table_of_contents:!0,pagination_prev:"get-started/index"},sidebar:"guidesSidebar",previous:{title:"\ud83d\ude80 \u0411\u044b\u0441\u0442\u0440\u044b\u0439 \u0441\u0442\u0430\u0440\u0442",permalink:"/ru/docs/get-started/"},next:{title:"\u041f\u0440\u0438\u043c\u0435\u0440\u044b",permalink:"/ru/docs/guides/examples/"}},C={},M=[{value:"\u0413\u043b\u0430\u0432\u043d\u043e\u0435",id:"main",level:2},...a.RM,...a.RM,...a.RM,...a.RM];function T(e){const t={h1:"h1",h2:"h2",header:"header",p:"p",...(0,c.R)(),...e.components};return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(t.header,{children:(0,s.jsx)(t.h1,{id:"-\u0433\u0430\u0439\u0434\u044b",children:"\ud83c\udfaf \u0413\u0430\u0439\u0434\u044b"})}),"\n",(0,s.jsx)("span",{class:"badge badge--primary margin-bottom--md",children:"PRACTICE-ORIENTED"}),"\n",(0,s.jsx)("p",{class:"summary",children:(0,s.jsx)(t.p,{children:'\u041f\u0440\u0430\u043a\u0442\u0438\u0447\u0435\u0441\u043a\u0438\u0435 \u0433\u0430\u0439\u0434\u044b \u0438 \u043f\u0440\u0438\u043c\u0435\u0440\u044b \u043f\u043e \u043f\u0440\u0438\u043c\u0435\u043d\u0435\u043d\u0438\u044e Feature-Sliced Design. \u0412 \u044d\u0442\u043e\u043c \u0436\u0435 \u0440\u0430\u0437\u0434\u0435\u043b\u0435 \u043e\u043f\u0438\u0441\u0430\u043d\u044b \u0433\u0430\u0439\u0434\u044b \u043f\u043e \u043c\u0438\u0433\u0440\u0430\u0446\u0438\u0438 \u0438 \u0445\u0435\u043d\u0434\u0431\u0443\u043a \u043f\u0430\u0433\u0443\u0431\u043d\u044b\u0445 \u043f\u0440\u0430\u043a\u0442\u0438\u043a. \u041d\u0430\u0438\u0431\u043e\u043b\u0435\u0435 \u043f\u043e\u043b\u0435\u0437\u043d\u043e, \u043a\u043e\u0433\u0434\u0430 \u0432\u044b \u043f\u044b\u0442\u0430\u0435\u0442\u0435\u0441\u044c \u0440\u0435\u0430\u043b\u0438\u0437\u043e\u0432\u0430\u0442\u044c \u0447\u0442\u043e-\u0442\u043e \u043a\u043e\u043d\u043a\u0440\u0435\u0442\u043d\u043e\u0435 \u0438\u043b\u0438 \u0445\u043e\u0442\u0438\u0442\u0435 \u043f\u043e\u0441\u043c\u043e\u0442\u0440\u0435\u0442\u044c \u043d\u0430 \u043c\u0435\u0442\u043e\u0434\u043e\u043b\u043e\u0433\u0438\u044e "\u0432 \u0431\u043e\u044e"'})}),"\n",(0,s.jsx)(t.h2,{id:"main",children:"\u0413\u043b\u0430\u0432\u043d\u043e\u0435"}),"\n","\n",(0,s.jsx)(a.Ay,{title:"\u041f\u0440\u0438\u043c\u0435\u0440\u044b",description:"\u041f\u0440\u0430\u043a\u0442\u0438\u0447\u0435\u0441\u043a\u0438\u0435 \u043f\u0440\u0438\u043c\u0435\u0440\u044b \u043f\u043e \u043f\u0440\u0438\u043c\u0435\u043d\u0435\u043d\u0438\u044e \u043c\u0435\u0442\u043e\u0434\u043e\u043b\u043e\u0433\u0438\u0438",to:"/docs/guides/examples",Icon:u,tags:["\u0410\u0432\u0442\u043e\u0440\u0438\u0437\u0430\u0446\u0438\u044f","\u0422\u0438\u043f\u044b","\u041b\u0435\u0439\u0430\u0443\u0442 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b"]}),"\n",(0,s.jsx)(a.Ay,{title:"\u041c\u0438\u0433\u0440\u0430\u0446\u0438\u044f",description:"\u0413\u0430\u0439\u0434\u044b \u043f\u043e \u043c\u0438\u0433\u0440\u0430\u0446\u0438\u0438 \u0441 \u0434\u0440\u0443\u0433\u0438\u0445 \u0430\u0440\u0445\u0438\u0442\u0435\u043a\u0442\u0443\u0440",to:"/docs/guides/migration/from-v1",Icon:p,tags:["\u041a\u0430\u0441\u0442\u043e\u043c\u043d\u0430\u044f \u0430\u0440\u0445\u0438\u0442\u0435\u043a\u0442\u0443\u0440\u0430","FSv1"]}),"\n",(0,s.jsx)(a.Ay,{title:"\u0422\u0435\u0445\u043d\u043e\u043b\u043e\u0433\u0438\u0438",description:"\u041e\u0440\u0438\u0435\u043d\u0442\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u044b\u0435 \u043d\u0430 \u043a\u043e\u043d\u043a\u0440\u0435\u0442\u043d\u044b\u0435 \u0444\u0440\u0435\u0439\u043c\u0432\u043e\u0440\u043a\u0438 \u0433\u0430\u0439\u0434\u044b \u043f\u043e \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u044e",to:"/docs/guides/tech/with-nextjs",Icon:x}),"\n",(0,s.jsx)(a.Ay,{title:"Code Issues (Smells)",description:"\u041e\u0431\u0449\u0438\u0435 \u0430\u0440\u0445\u0438\u0442\u0435\u043a\u0442\u0443\u0440\u043d\u044b\u0435 \u043f\u0440\u043e\u0431\u043b\u0435\u043c\u044b \u0434\u043b\u044f \u0432\u044b\u044f\u0432\u043b\u0435\u043d\u0438\u044f \u0432 \u043a\u043e\u0434\u0435",to:"/docs/guides/issues/desegmented",Icon:_,tags:["\u0414\u0435\u0441\u0435\u0433\u043c\u0435\u043d\u0442\u0430\u0446\u0438\u044f","\u0420\u043e\u0443\u0442\u0438\u043d\u0433","\u041a\u0440\u043e\u0441\u0441-\u0438\u043c\u043f\u043e\u0440\u0442\u044b"]})]})}function w(e={}){const{wrapper:t}={...(0,c.R)(),...e.components};return t?(0,s.jsx)(t,{...e,children:(0,s.jsx)(T,{...e})}):T(e)}},5988:(e,t,n)=>{n.d(t,{Y:()=>r,A:()=>d});n(758);var s=n(3526),c=n(6783);const a={root:"root_GfON",rootDisabled:"rootDisabled_SFUB",details:"details_xxkR",detailsTags:"detailsTags_uTQx",icon:"icon_ciqP",title:"title_pSH5",description:"description__Fep",miniTheme:"miniTheme_ePfp",primaryTheme:"primaryTheme_CilO",defaultTheme:"defaultTheme_j3I8"};var i=n(6070);const r=e=>{const{title:t,description:n,to:r,Icon:d,tags:l,className:u,disabled:h,theme:m="default"}=e;return(0,i.jsxs)(c.A,{className:(0,s.A)(a.root,u,h&&a.rootDisabled,a[`${m}Theme`]),to:r,children:[(0,i.jsx)(o,{Icon:d}),(0,i.jsxs)("div",{className:a.details,children:[(0,i.jsxs)("div",{className:a.detailsMain,children:[(0,i.jsx)("span",{className:a.title,children:t}),(0,i.jsx)("p",{className:a.description,children:n})]}),l&&(0,i.jsx)("div",{className:a.detailsTags,children:l.join(" \u2022 ")})]})]})},o=e=>{let{Icon:t}=e;return t?"string"==typeof t?(0,i.jsx)("span",{className:a.icon,children:t}):(0,i.jsx)(t,{className:a.icon}):null},d=r},1100:(e,t,n)=>{n.d(t,{R:()=>i,x:()=>r});var s=n(758);const c={},a=s.createContext(c);function i(e){const t=s.useContext(a);return s.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function r(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(c):e.components||c:i(e.components),s.createElement(a.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
diff --git a/ru/assets/js/07deeff8.51cdbf80.js.LICENSE.txt b/ru/assets/js/07deeff8.825ba05c.js.LICENSE.txt
similarity index 100%
rename from ru/assets/js/07deeff8.51cdbf80.js.LICENSE.txt
rename to ru/assets/js/07deeff8.825ba05c.js.LICENSE.txt
diff --git a/ru/assets/js/1232fa31.51692b42.js b/ru/assets/js/1232fa31.3a8fb5ed.js
similarity index 97%
rename from ru/assets/js/1232fa31.51692b42.js
rename to ru/assets/js/1232fa31.3a8fb5ed.js
index 296055812f..b2e28ea363 100644
--- a/ru/assets/js/1232fa31.51692b42.js
+++ b/ru/assets/js/1232fa31.3a8fb5ed.js
@@ -1,2 +1,2 @@
-/*! For license information please see 1232fa31.51692b42.js.LICENSE.txt */
-"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[2338],{7946:(e,t,n)=>{n.d(t,{Ay:()=>o,RM:()=>c});var s=n(6070),r=n(1100),a=n(5988);const c=[];function i(e){return(0,s.jsx)(a.A,{...e})}function o(e={}){const{wrapper:t}={...(0,r.R)(),...e.components};return t?(0,s.jsx)(t,{...e,children:(0,s.jsx)(i,{...e})}):i(e)}},7490:(e,t,n)=>{n.r(t),n.d(t,{assets:()=>M,contentTitle:()=>_,default:()=>z,frontMatter:()=>v,metadata:()=>j,toc:()=>A});var s=n(6070),r=n(1100),a=n(7946),c=n(991),i=n(758);const o={icon:{tag:"svg",attrs:{viewBox:"64 64 896 896",focusable:"false"},children:[{tag:"path",attrs:{d:"M864 736c0-111.6-65.4-208-160-252.9V317.3c0-15.1-5.3-29.7-15.1-41.2L536.5 95.4C530.1 87.8 521 84 512 84s-18.1 3.8-24.5 11.4L335.1 276.1a63.97 63.97 0 00-15.1 41.2v165.8C225.4 528 160 624.4 160 736h156.5c-2.3 7.2-3.5 15-3.5 23.8 0 22.1 7.6 43.7 21.4 60.8a97.2 97.2 0 0043.1 30.6c23.1 54 75.6 88.8 134.5 88.8 29.1 0 57.3-8.6 81.4-24.8 23.6-15.8 41.9-37.9 53-64a97 97 0 0043.1-30.5 97.52 97.52 0 0021.4-60.8c0-8.4-1.1-16.4-3.1-23.8H864zM762.3 621.4c9.4 14.6 17 30.3 22.5 46.6H700V558.7a211.6 211.6 0 0162.3 62.7zM388 483.1V318.8l124-147 124 147V668H388V483.1zM239.2 668c5.5-16.3 13.1-32 22.5-46.6 16.3-25.2 37.5-46.5 62.3-62.7V668h-84.8zm388.9 116.2c-5.2 3-11.2 4.2-17.1 3.4l-19.5-2.4-2.8 19.4c-5.4 37.9-38.4 66.5-76.7 66.5-38.3 0-71.3-28.6-76.7-66.5l-2.8-19.5-19.5 2.5a27.7 27.7 0 01-17.1-3.5c-8.7-5-14.1-14.3-14.1-24.4 0-10.6 5.9-19.4 14.6-23.8h231.3c8.8 4.5 14.6 13.3 14.6 23.8-.1 10.2-5.5 19.6-14.2 24.5zM464 400a48 48 0 1096 0 48 48 0 10-96 0z"}}]},name:"rocket",theme:"outlined"};var d=n(9820),l=function(e,t){return i.createElement(d.A,(0,c.A)({},e,{ref:t,icon:o}))};const u=i.forwardRef(l);const m={icon:{tag:"svg",attrs:{viewBox:"64 64 896 896",focusable:"false"},children:[{tag:"path",attrs:{d:"M442.3 677.6l199.4-156.7a11.3 11.3 0 000-17.7L442.3 346.4c-7.4-5.8-18.3-.6-18.3 8.8v313.5c0 9.4 10.9 14.7 18.3 8.9z"}},{tag:"path",attrs:{d:"M880 112H144c-17.7 0-32 14.3-32 32v736c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V144c0-17.7-14.3-32-32-32zm-40 728H184V184h656v656z"}}]},name:"play-square",theme:"outlined"};var p=function(e,t){return i.createElement(d.A,(0,c.A)({},e,{ref:t,icon:m}))};const h=i.forwardRef(p);const f={icon:{tag:"svg",attrs:{viewBox:"64 64 896 896",focusable:"false"},children:[{tag:"path",attrs:{d:"M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z"}},{tag:"path",attrs:{d:"M623.6 316.7C593.6 290.4 554 276 512 276s-81.6 14.5-111.6 40.7C369.2 344 352 380.7 352 420v7.6c0 4.4 3.6 8 8 8h48c4.4 0 8-3.6 8-8V420c0-44.1 43.1-80 96-80s96 35.9 96 80c0 31.1-22 59.6-56.1 72.7-21.2 8.1-39.2 22.3-52.1 40.9-13.1 19-19.9 41.8-19.9 64.9V620c0 4.4 3.6 8 8 8h48c4.4 0 8-3.6 8-8v-22.7a48.3 48.3 0 0130.9-44.8c59-22.7 97.1-74.7 97.1-132.5.1-39.3-17.1-76-48.3-103.3zM472 732a40 40 0 1080 0 40 40 0 10-80 0z"}}]},name:"question-circle",theme:"outlined"};var x=function(e,t){return i.createElement(d.A,(0,c.A)({},e,{ref:t,icon:f}))};const g=i.forwardRef(x),v={hide_table_of_contents:!0,pagination_prev:"intro"},_="\ud83d\ude80 \u0411\u044b\u0441\u0442\u0440\u044b\u0439 \u0441\u0442\u0430\u0440\u0442",j={id:"get-started/index",title:"\ud83d\ude80 \u0411\u044b\u0441\u0442\u0440\u044b\u0439 \u0441\u0442\u0430\u0440\u0442",description:"\u0414\u043e\u0431\u0440\u043e \u043f\u043e\u0436\u0430\u043b\u043e\u0432\u0430\u0442\u044c! \u042d\u0442\u043e\u0442 \u0440\u0430\u0437\u0434\u0435\u043b \u043f\u043e\u043c\u043e\u0433\u0430\u0435\u0442 \u0431\u0435\u0433\u043b\u043e \u043f\u043e\u0437\u043d\u0430\u043a\u043e\u043c\u0438\u0442\u044c\u0441\u044f \u0441 \u043f\u0440\u0438\u043c\u0435\u043d\u0435\u043d\u0438\u0435\u043c Feature-Sliced Design \u0438 \u043e\u0441\u043d\u043e\u0432\u0430\u043c\u0438 \u043c\u0435\u0442\u043e\u0434\u043e\u043b\u043e\u0433\u0438\u0438. \u0422\u0430\u043a\u0436\u0435 \u0432\u044b \u043f\u043e\u0439\u043c\u0435\u0442\u0435 \u043a\u043b\u044e\u0447\u0435\u0432\u044b\u0435 \u043f\u0440\u0435\u0438\u043c\u0443\u0449\u0435\u0441\u0442\u0432\u0430 \u043c\u0435\u0442\u043e\u0434\u043e\u043b\u043e\u0433\u0438\u0438 \u0438 \u043f\u0440\u0438\u0447\u0438\u043d\u044b \u0435\u0435 \u0441\u043e\u0437\u0434\u0430\u043d\u0438\u044f.",source:"@site/i18n/ru/docusaurus-plugin-content-docs/current/get-started/index.mdx",sourceDirName:"get-started",slug:"/get-started/",permalink:"/ru/docs/get-started/",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/ru/docusaurus-plugin-content-docs/current/get-started/index.mdx",tags:[],version:"current",lastUpdatedAt:1727607766e3,frontMatter:{hide_table_of_contents:!0,pagination_prev:"intro"},sidebar:"getstartedSidebar",previous:{title:"\u0414\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u0430\u0446\u0438\u044f",permalink:"/ru/docs/"},next:{title:"\u041e\u0431\u0437\u043e\u0440",permalink:"/ru/docs/get-started/overview"}},M={},A=[...a.RM,...a.RM,...a.RM];function b(e){const t={h1:"h1",header:"header",p:"p",...(0,r.R)(),...e.components};return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(t.header,{children:(0,s.jsx)(t.h1,{id:"-\u0431\u044b\u0441\u0442\u0440\u044b\u0439-\u0441\u0442\u0430\u0440\u0442",children:"\ud83d\ude80 \u0411\u044b\u0441\u0442\u0440\u044b\u0439 \u0441\u0442\u0430\u0440\u0442"})}),"\n",(0,s.jsx)("p",{class:"summary",children:(0,s.jsx)(t.p,{children:"\u0414\u043e\u0431\u0440\u043e \u043f\u043e\u0436\u0430\u043b\u043e\u0432\u0430\u0442\u044c! \u042d\u0442\u043e\u0442 \u0440\u0430\u0437\u0434\u0435\u043b \u043f\u043e\u043c\u043e\u0433\u0430\u0435\u0442 \u0431\u0435\u0433\u043b\u043e \u043f\u043e\u0437\u043d\u0430\u043a\u043e\u043c\u0438\u0442\u044c\u0441\u044f \u0441 \u043f\u0440\u0438\u043c\u0435\u043d\u0435\u043d\u0438\u0435\u043c Feature-Sliced Design \u0438 \u043e\u0441\u043d\u043e\u0432\u0430\u043c\u0438 \u043c\u0435\u0442\u043e\u0434\u043e\u043b\u043e\u0433\u0438\u0438. \u0422\u0430\u043a\u0436\u0435 \u0432\u044b \u043f\u043e\u0439\u043c\u0435\u0442\u0435 \u043a\u043b\u044e\u0447\u0435\u0432\u044b\u0435 \u043f\u0440\u0435\u0438\u043c\u0443\u0449\u0435\u0441\u0442\u0432\u0430 \u043c\u0435\u0442\u043e\u0434\u043e\u043b\u043e\u0433\u0438\u0438 \u0438 \u043f\u0440\u0438\u0447\u0438\u043d\u044b \u0435\u0435 \u0441\u043e\u0437\u0434\u0430\u043d\u0438\u044f."})}),"\n",(0,s.jsx)(a.Ay,{title:"\u041e\u0431\u0437\u043e\u0440",description:"\u041a\u0440\u0430\u0442\u043a\u0438\u0439 \u043e\u0431\u0437\u043e\u0440 \u043c\u0435\u0442\u043e\u0434\u043e\u043b\u043e\u0433\u0438\u0438, \u0435\u0435 \u043a\u043e\u043d\u0446\u0435\u043f\u0446\u0438\u0439 \u0438 \u043f\u0440\u0438\u043c\u0435\u043d\u0435\u043d\u0438\u044f",to:"/docs/get-started/overview",Icon:u}),"\n",(0,s.jsx)(a.Ay,{title:"\u0422\u0443\u0442\u043e\u0440\u0438\u0430\u043b",description:"\u0412\u0432\u043e\u0434\u043d\u044b\u0439 \u0442\u0443\u0442\u043e\u0440\u0438\u0430\u043b \u043f\u043e \u043f\u0440\u0438\u043c\u0435\u043d\u0435\u043d\u0438\u044e \u043c\u0435\u0442\u043e\u0434\u043e\u043b\u043e\u0433\u0438\u0438",to:"/docs/get-started/tutorial",Icon:h}),"\n",(0,s.jsx)(a.Ay,{title:"FAQ",description:"\u0427\u0430\u0441\u0442\u043e \u0437\u0430\u0434\u0430\u0432\u0430\u0435\u043c\u044b\u0435 \u0432\u043e\u043f\u0440\u043e\u0441\u044b",to:"/docs/get-started/faq",Icon:g}),"\n"]})}function z(e={}){const{wrapper:t}={...(0,r.R)(),...e.components};return t?(0,s.jsx)(t,{...e,children:(0,s.jsx)(b,{...e})}):b(e)}},5988:(e,t,n)=>{n.d(t,{Y:()=>i,A:()=>d});n(758);var s=n(3526),r=n(6783);const a={root:"root_GfON",rootDisabled:"rootDisabled_SFUB",details:"details_xxkR",detailsTags:"detailsTags_uTQx",icon:"icon_ciqP",title:"title_pSH5",description:"description__Fep",miniTheme:"miniTheme_ePfp",primaryTheme:"primaryTheme_CilO",defaultTheme:"defaultTheme_j3I8"};var c=n(6070);const i=e=>{const{title:t,description:n,to:i,Icon:d,tags:l,className:u,disabled:m,theme:p="default"}=e;return(0,c.jsxs)(r.A,{className:(0,s.A)(a.root,u,m&&a.rootDisabled,a[`${p}Theme`]),to:i,children:[(0,c.jsx)(o,{Icon:d}),(0,c.jsxs)("div",{className:a.details,children:[(0,c.jsxs)("div",{className:a.detailsMain,children:[(0,c.jsx)("span",{className:a.title,children:t}),(0,c.jsx)("p",{className:a.description,children:n})]}),l&&(0,c.jsx)("div",{className:a.detailsTags,children:l.join(" \u2022 ")})]})]})},o=e=>{let{Icon:t}=e;return t?"string"==typeof t?(0,c.jsx)("span",{className:a.icon,children:t}):(0,c.jsx)(t,{className:a.icon}):null},d=i},1100:(e,t,n)=>{n.d(t,{R:()=>c,x:()=>i});var s=n(758);const r={},a=s.createContext(r);function c(e){const t=s.useContext(a);return s.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function i(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(r):e.components||r:c(e.components),s.createElement(a.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
+/*! For license information please see 1232fa31.3a8fb5ed.js.LICENSE.txt */
+"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[2338],{7946:(e,t,n)=>{n.d(t,{Ay:()=>o,RM:()=>c});var s=n(6070),r=n(1100),a=n(5988);const c=[];function i(e){return(0,s.jsx)(a.A,{...e})}function o(e={}){const{wrapper:t}={...(0,r.R)(),...e.components};return t?(0,s.jsx)(t,{...e,children:(0,s.jsx)(i,{...e})}):i(e)}},7490:(e,t,n)=>{n.r(t),n.d(t,{assets:()=>M,contentTitle:()=>_,default:()=>z,frontMatter:()=>v,metadata:()=>j,toc:()=>A});var s=n(6070),r=n(1100),a=n(7946),c=n(991),i=n(758);const o={icon:{tag:"svg",attrs:{viewBox:"64 64 896 896",focusable:"false"},children:[{tag:"path",attrs:{d:"M864 736c0-111.6-65.4-208-160-252.9V317.3c0-15.1-5.3-29.7-15.1-41.2L536.5 95.4C530.1 87.8 521 84 512 84s-18.1 3.8-24.5 11.4L335.1 276.1a63.97 63.97 0 00-15.1 41.2v165.8C225.4 528 160 624.4 160 736h156.5c-2.3 7.2-3.5 15-3.5 23.8 0 22.1 7.6 43.7 21.4 60.8a97.2 97.2 0 0043.1 30.6c23.1 54 75.6 88.8 134.5 88.8 29.1 0 57.3-8.6 81.4-24.8 23.6-15.8 41.9-37.9 53-64a97 97 0 0043.1-30.5 97.52 97.52 0 0021.4-60.8c0-8.4-1.1-16.4-3.1-23.8H864zM762.3 621.4c9.4 14.6 17 30.3 22.5 46.6H700V558.7a211.6 211.6 0 0162.3 62.7zM388 483.1V318.8l124-147 124 147V668H388V483.1zM239.2 668c5.5-16.3 13.1-32 22.5-46.6 16.3-25.2 37.5-46.5 62.3-62.7V668h-84.8zm388.9 116.2c-5.2 3-11.2 4.2-17.1 3.4l-19.5-2.4-2.8 19.4c-5.4 37.9-38.4 66.5-76.7 66.5-38.3 0-71.3-28.6-76.7-66.5l-2.8-19.5-19.5 2.5a27.7 27.7 0 01-17.1-3.5c-8.7-5-14.1-14.3-14.1-24.4 0-10.6 5.9-19.4 14.6-23.8h231.3c8.8 4.5 14.6 13.3 14.6 23.8-.1 10.2-5.5 19.6-14.2 24.5zM464 400a48 48 0 1096 0 48 48 0 10-96 0z"}}]},name:"rocket",theme:"outlined"};var d=n(9820),l=function(e,t){return i.createElement(d.A,(0,c.A)({},e,{ref:t,icon:o}))};const u=i.forwardRef(l);const m={icon:{tag:"svg",attrs:{viewBox:"64 64 896 896",focusable:"false"},children:[{tag:"path",attrs:{d:"M442.3 677.6l199.4-156.7a11.3 11.3 0 000-17.7L442.3 346.4c-7.4-5.8-18.3-.6-18.3 8.8v313.5c0 9.4 10.9 14.7 18.3 8.9z"}},{tag:"path",attrs:{d:"M880 112H144c-17.7 0-32 14.3-32 32v736c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V144c0-17.7-14.3-32-32-32zm-40 728H184V184h656v656z"}}]},name:"play-square",theme:"outlined"};var p=function(e,t){return i.createElement(d.A,(0,c.A)({},e,{ref:t,icon:m}))};const h=i.forwardRef(p);const f={icon:{tag:"svg",attrs:{viewBox:"64 64 896 896",focusable:"false"},children:[{tag:"path",attrs:{d:"M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z"}},{tag:"path",attrs:{d:"M623.6 316.7C593.6 290.4 554 276 512 276s-81.6 14.5-111.6 40.7C369.2 344 352 380.7 352 420v7.6c0 4.4 3.6 8 8 8h48c4.4 0 8-3.6 8-8V420c0-44.1 43.1-80 96-80s96 35.9 96 80c0 31.1-22 59.6-56.1 72.7-21.2 8.1-39.2 22.3-52.1 40.9-13.1 19-19.9 41.8-19.9 64.9V620c0 4.4 3.6 8 8 8h48c4.4 0 8-3.6 8-8v-22.7a48.3 48.3 0 0130.9-44.8c59-22.7 97.1-74.7 97.1-132.5.1-39.3-17.1-76-48.3-103.3zM472 732a40 40 0 1080 0 40 40 0 10-80 0z"}}]},name:"question-circle",theme:"outlined"};var x=function(e,t){return i.createElement(d.A,(0,c.A)({},e,{ref:t,icon:f}))};const g=i.forwardRef(x),v={hide_table_of_contents:!0,pagination_prev:"intro"},_="\ud83d\ude80 \u0411\u044b\u0441\u0442\u0440\u044b\u0439 \u0441\u0442\u0430\u0440\u0442",j={id:"get-started/index",title:"\ud83d\ude80 \u0411\u044b\u0441\u0442\u0440\u044b\u0439 \u0441\u0442\u0430\u0440\u0442",description:"\u0414\u043e\u0431\u0440\u043e \u043f\u043e\u0436\u0430\u043b\u043e\u0432\u0430\u0442\u044c! \u042d\u0442\u043e\u0442 \u0440\u0430\u0437\u0434\u0435\u043b \u043f\u043e\u043c\u043e\u0433\u0430\u0435\u0442 \u0431\u0435\u0433\u043b\u043e \u043f\u043e\u0437\u043d\u0430\u043a\u043e\u043c\u0438\u0442\u044c\u0441\u044f \u0441 \u043f\u0440\u0438\u043c\u0435\u043d\u0435\u043d\u0438\u0435\u043c Feature-Sliced Design \u0438 \u043e\u0441\u043d\u043e\u0432\u0430\u043c\u0438 \u043c\u0435\u0442\u043e\u0434\u043e\u043b\u043e\u0433\u0438\u0438. \u0422\u0430\u043a\u0436\u0435 \u0432\u044b \u043f\u043e\u0439\u043c\u0435\u0442\u0435 \u043a\u043b\u044e\u0447\u0435\u0432\u044b\u0435 \u043f\u0440\u0435\u0438\u043c\u0443\u0449\u0435\u0441\u0442\u0432\u0430 \u043c\u0435\u0442\u043e\u0434\u043e\u043b\u043e\u0433\u0438\u0438 \u0438 \u043f\u0440\u0438\u0447\u0438\u043d\u044b \u0435\u0435 \u0441\u043e\u0437\u0434\u0430\u043d\u0438\u044f.",source:"@site/i18n/ru/docusaurus-plugin-content-docs/current/get-started/index.mdx",sourceDirName:"get-started",slug:"/get-started/",permalink:"/ru/docs/get-started/",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/ru/docusaurus-plugin-content-docs/current/get-started/index.mdx",tags:[],version:"current",lastUpdatedAt:1728325386e3,frontMatter:{hide_table_of_contents:!0,pagination_prev:"intro"},sidebar:"getstartedSidebar",previous:{title:"\u0414\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u0430\u0446\u0438\u044f",permalink:"/ru/docs/"},next:{title:"\u041e\u0431\u0437\u043e\u0440",permalink:"/ru/docs/get-started/overview"}},M={},A=[...a.RM,...a.RM,...a.RM];function b(e){const t={h1:"h1",header:"header",p:"p",...(0,r.R)(),...e.components};return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(t.header,{children:(0,s.jsx)(t.h1,{id:"-\u0431\u044b\u0441\u0442\u0440\u044b\u0439-\u0441\u0442\u0430\u0440\u0442",children:"\ud83d\ude80 \u0411\u044b\u0441\u0442\u0440\u044b\u0439 \u0441\u0442\u0430\u0440\u0442"})}),"\n",(0,s.jsx)("p",{class:"summary",children:(0,s.jsx)(t.p,{children:"\u0414\u043e\u0431\u0440\u043e \u043f\u043e\u0436\u0430\u043b\u043e\u0432\u0430\u0442\u044c! \u042d\u0442\u043e\u0442 \u0440\u0430\u0437\u0434\u0435\u043b \u043f\u043e\u043c\u043e\u0433\u0430\u0435\u0442 \u0431\u0435\u0433\u043b\u043e \u043f\u043e\u0437\u043d\u0430\u043a\u043e\u043c\u0438\u0442\u044c\u0441\u044f \u0441 \u043f\u0440\u0438\u043c\u0435\u043d\u0435\u043d\u0438\u0435\u043c Feature-Sliced Design \u0438 \u043e\u0441\u043d\u043e\u0432\u0430\u043c\u0438 \u043c\u0435\u0442\u043e\u0434\u043e\u043b\u043e\u0433\u0438\u0438. \u0422\u0430\u043a\u0436\u0435 \u0432\u044b \u043f\u043e\u0439\u043c\u0435\u0442\u0435 \u043a\u043b\u044e\u0447\u0435\u0432\u044b\u0435 \u043f\u0440\u0435\u0438\u043c\u0443\u0449\u0435\u0441\u0442\u0432\u0430 \u043c\u0435\u0442\u043e\u0434\u043e\u043b\u043e\u0433\u0438\u0438 \u0438 \u043f\u0440\u0438\u0447\u0438\u043d\u044b \u0435\u0435 \u0441\u043e\u0437\u0434\u0430\u043d\u0438\u044f."})}),"\n",(0,s.jsx)(a.Ay,{title:"\u041e\u0431\u0437\u043e\u0440",description:"\u041a\u0440\u0430\u0442\u043a\u0438\u0439 \u043e\u0431\u0437\u043e\u0440 \u043c\u0435\u0442\u043e\u0434\u043e\u043b\u043e\u0433\u0438\u0438, \u0435\u0435 \u043a\u043e\u043d\u0446\u0435\u043f\u0446\u0438\u0439 \u0438 \u043f\u0440\u0438\u043c\u0435\u043d\u0435\u043d\u0438\u044f",to:"/docs/get-started/overview",Icon:u}),"\n",(0,s.jsx)(a.Ay,{title:"\u0422\u0443\u0442\u043e\u0440\u0438\u0430\u043b",description:"\u0412\u0432\u043e\u0434\u043d\u044b\u0439 \u0442\u0443\u0442\u043e\u0440\u0438\u0430\u043b \u043f\u043e \u043f\u0440\u0438\u043c\u0435\u043d\u0435\u043d\u0438\u044e \u043c\u0435\u0442\u043e\u0434\u043e\u043b\u043e\u0433\u0438\u0438",to:"/docs/get-started/tutorial",Icon:h}),"\n",(0,s.jsx)(a.Ay,{title:"FAQ",description:"\u0427\u0430\u0441\u0442\u043e \u0437\u0430\u0434\u0430\u0432\u0430\u0435\u043c\u044b\u0435 \u0432\u043e\u043f\u0440\u043e\u0441\u044b",to:"/docs/get-started/faq",Icon:g}),"\n"]})}function z(e={}){const{wrapper:t}={...(0,r.R)(),...e.components};return t?(0,s.jsx)(t,{...e,children:(0,s.jsx)(b,{...e})}):b(e)}},5988:(e,t,n)=>{n.d(t,{Y:()=>i,A:()=>d});n(758);var s=n(3526),r=n(6783);const a={root:"root_GfON",rootDisabled:"rootDisabled_SFUB",details:"details_xxkR",detailsTags:"detailsTags_uTQx",icon:"icon_ciqP",title:"title_pSH5",description:"description__Fep",miniTheme:"miniTheme_ePfp",primaryTheme:"primaryTheme_CilO",defaultTheme:"defaultTheme_j3I8"};var c=n(6070);const i=e=>{const{title:t,description:n,to:i,Icon:d,tags:l,className:u,disabled:m,theme:p="default"}=e;return(0,c.jsxs)(r.A,{className:(0,s.A)(a.root,u,m&&a.rootDisabled,a[`${p}Theme`]),to:i,children:[(0,c.jsx)(o,{Icon:d}),(0,c.jsxs)("div",{className:a.details,children:[(0,c.jsxs)("div",{className:a.detailsMain,children:[(0,c.jsx)("span",{className:a.title,children:t}),(0,c.jsx)("p",{className:a.description,children:n})]}),l&&(0,c.jsx)("div",{className:a.detailsTags,children:l.join(" \u2022 ")})]})]})},o=e=>{let{Icon:t}=e;return t?"string"==typeof t?(0,c.jsx)("span",{className:a.icon,children:t}):(0,c.jsx)(t,{className:a.icon}):null},d=i},1100:(e,t,n)=>{n.d(t,{R:()=>c,x:()=>i});var s=n(758);const r={},a=s.createContext(r);function c(e){const t=s.useContext(a);return s.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function i(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(r):e.components||r:c(e.components),s.createElement(a.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
diff --git a/ru/assets/js/1232fa31.51692b42.js.LICENSE.txt b/ru/assets/js/1232fa31.3a8fb5ed.js.LICENSE.txt
similarity index 100%
rename from ru/assets/js/1232fa31.51692b42.js.LICENSE.txt
rename to ru/assets/js/1232fa31.3a8fb5ed.js.LICENSE.txt
diff --git a/ru/assets/js/17f650ce.2b5267fc.js b/ru/assets/js/17f650ce.9d654aa8.js
similarity index 98%
rename from ru/assets/js/17f650ce.2b5267fc.js
rename to ru/assets/js/17f650ce.9d654aa8.js
index c85e31ecdd..0f98be40bf 100644
--- a/ru/assets/js/17f650ce.2b5267fc.js
+++ b/ru/assets/js/17f650ce.9d654aa8.js
@@ -1 +1 @@
-"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[6008],{1928:(e,t,s)=>{s.d(t,{Ay:()=>u,RM:()=>d});var n=s(6070),i=s(1100),r=(s(758),s(6783)),o=s(7765);const c=e=>{let{ticket:t}=e;const s=`https://github.com/feature-sliced/documentation/issues/${t}`;return(0,n.jsxs)("div",{children:[(0,n.jsx)("p",{children:(0,o.T)({id:"shared.wip.title"})}),(0,n.jsx)("p",{children:(0,o.T)({id:"shared.wip.subtitle"})}),(0,n.jsxs)("ul",{children:[(0,n.jsxs)("li",{children:[(0,o.T)({id:"shared.wip.var.feedback.base"}),(0,n.jsx)(r.A,{to:s,children:(0,o.T)({id:"shared.wip.var.feedback.link"})})]}),(0,n.jsxs)("li",{children:[(0,o.T)({id:"shared.wip.var.material.base"}),(0,n.jsx)(r.A,{to:"https://t.me/feature_sliced",children:(0,o.T)({id:"shared.wip.var.material.link"})})]}),(0,n.jsxs)("li",{children:[(0,o.T)({id:"shared.wip.var.contribute.base"}),(0,n.jsx)(r.A,{to:"https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md",children:(0,o.T)({id:"shared.wip.var.contribute.link"})})]})]}),(0,n.jsx)("br",{}),(0,n.jsx)("p",{children:(0,n.jsx)("i",{children:"\ud83c\udf70 Stay tuned!"})})]})},d=[];function a(e){const t={admonition:"admonition",...(0,i.R)(),...e.components};return(0,n.jsx)(t.admonition,{title:"WIP",type:"caution",children:(0,n.jsx)(c,{ticket:e.ticket})})}function u(e={}){const{wrapper:t}={...(0,i.R)(),...e.components};return t?(0,n.jsx)(t,{...e,children:(0,n.jsx)(a,{...e})}):a(e)}},5952:(e,t,s)=>{s.r(t),s.d(t,{assets:()=>a,contentTitle:()=>c,default:()=>p,frontMatter:()=>o,metadata:()=>d,toc:()=>u});var n=s(6070),i=s(1100),r=s(1928);const o={sidebar_class_name:"sidebar-item--wip",unlisted:!0},c="Desktop/Touch \u043f\u043b\u0430\u0442\u0444\u043e\u0440\u043c\u044b",d={id:"guides/examples/platforms",title:"Desktop/Touch \u043f\u043b\u0430\u0442\u0444\u043e\u0440\u043c\u044b",description:"\u041f\u0440\u043e \u043f\u0440\u0438\u043c\u0435\u043d\u0435\u043d\u0438\u0435 \u043c\u0435\u0442\u043e\u0434\u043e\u043b\u043e\u0433\u0438\u0438 \u0434\u043b\u044f desktop/touch",source:"@site/i18n/ru/docusaurus-plugin-content-docs/current/guides/examples/platforms.mdx",sourceDirName:"guides/examples",slug:"/guides/examples/platforms",permalink:"/ru/docs/guides/examples/platforms",draft:!1,unlisted:!0,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/ru/docusaurus-plugin-content-docs/current/guides/examples/platforms.mdx",tags:[],version:"current",lastUpdatedAt:1727607766e3,frontMatter:{sidebar_class_name:"sidebar-item--wip",unlisted:!0},sidebar:"guidesSidebar"},a={},u=[...r.RM];function l(e){const t={blockquote:"blockquote",h1:"h1",header:"header",p:"p",...(0,i.R)(),...e.components};return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(t.header,{children:(0,n.jsx)(t.h1,{id:"desktoptouch-\u043f\u043b\u0430\u0442\u0444\u043e\u0440\u043c\u044b",children:"Desktop/Touch \u043f\u043b\u0430\u0442\u0444\u043e\u0440\u043c\u044b"})}),"\n",(0,n.jsx)(r.Ay,{ticket:"198"}),"\n",(0,n.jsxs)(t.blockquote,{children:["\n",(0,n.jsx)(t.p,{children:"\u041f\u0440\u043e \u043f\u0440\u0438\u043c\u0435\u043d\u0435\u043d\u0438\u0435 \u043c\u0435\u0442\u043e\u0434\u043e\u043b\u043e\u0433\u0438\u0438 \u0434\u043b\u044f desktop/touch"}),"\n"]})]})}function p(e={}){const{wrapper:t}={...(0,i.R)(),...e.components};return t?(0,n.jsx)(t,{...e,children:(0,n.jsx)(l,{...e})}):l(e)}},1100:(e,t,s)=>{s.d(t,{R:()=>o,x:()=>c});var n=s(758);const i={},r=n.createContext(i);function o(e){const t=n.useContext(r);return n.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function c(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(i):e.components||i:o(e.components),n.createElement(r.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
+"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[6008],{1928:(e,t,s)=>{s.d(t,{Ay:()=>u,RM:()=>d});var n=s(6070),i=s(1100),r=(s(758),s(6783)),o=s(7765);const c=e=>{let{ticket:t}=e;const s=`https://github.com/feature-sliced/documentation/issues/${t}`;return(0,n.jsxs)("div",{children:[(0,n.jsx)("p",{children:(0,o.T)({id:"shared.wip.title"})}),(0,n.jsx)("p",{children:(0,o.T)({id:"shared.wip.subtitle"})}),(0,n.jsxs)("ul",{children:[(0,n.jsxs)("li",{children:[(0,o.T)({id:"shared.wip.var.feedback.base"}),(0,n.jsx)(r.A,{to:s,children:(0,o.T)({id:"shared.wip.var.feedback.link"})})]}),(0,n.jsxs)("li",{children:[(0,o.T)({id:"shared.wip.var.material.base"}),(0,n.jsx)(r.A,{to:"https://t.me/feature_sliced",children:(0,o.T)({id:"shared.wip.var.material.link"})})]}),(0,n.jsxs)("li",{children:[(0,o.T)({id:"shared.wip.var.contribute.base"}),(0,n.jsx)(r.A,{to:"https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md",children:(0,o.T)({id:"shared.wip.var.contribute.link"})})]})]}),(0,n.jsx)("br",{}),(0,n.jsx)("p",{children:(0,n.jsx)("i",{children:"\ud83c\udf70 Stay tuned!"})})]})},d=[];function a(e){const t={admonition:"admonition",...(0,i.R)(),...e.components};return(0,n.jsx)(t.admonition,{title:"WIP",type:"caution",children:(0,n.jsx)(c,{ticket:e.ticket})})}function u(e={}){const{wrapper:t}={...(0,i.R)(),...e.components};return t?(0,n.jsx)(t,{...e,children:(0,n.jsx)(a,{...e})}):a(e)}},5952:(e,t,s)=>{s.r(t),s.d(t,{assets:()=>a,contentTitle:()=>c,default:()=>p,frontMatter:()=>o,metadata:()=>d,toc:()=>u});var n=s(6070),i=s(1100),r=s(1928);const o={sidebar_class_name:"sidebar-item--wip",unlisted:!0},c="Desktop/Touch \u043f\u043b\u0430\u0442\u0444\u043e\u0440\u043c\u044b",d={id:"guides/examples/platforms",title:"Desktop/Touch \u043f\u043b\u0430\u0442\u0444\u043e\u0440\u043c\u044b",description:"\u041f\u0440\u043e \u043f\u0440\u0438\u043c\u0435\u043d\u0435\u043d\u0438\u0435 \u043c\u0435\u0442\u043e\u0434\u043e\u043b\u043e\u0433\u0438\u0438 \u0434\u043b\u044f desktop/touch",source:"@site/i18n/ru/docusaurus-plugin-content-docs/current/guides/examples/platforms.mdx",sourceDirName:"guides/examples",slug:"/guides/examples/platforms",permalink:"/ru/docs/guides/examples/platforms",draft:!1,unlisted:!0,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/ru/docusaurus-plugin-content-docs/current/guides/examples/platforms.mdx",tags:[],version:"current",lastUpdatedAt:1728325386e3,frontMatter:{sidebar_class_name:"sidebar-item--wip",unlisted:!0},sidebar:"guidesSidebar"},a={},u=[...r.RM];function l(e){const t={blockquote:"blockquote",h1:"h1",header:"header",p:"p",...(0,i.R)(),...e.components};return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(t.header,{children:(0,n.jsx)(t.h1,{id:"desktoptouch-\u043f\u043b\u0430\u0442\u0444\u043e\u0440\u043c\u044b",children:"Desktop/Touch \u043f\u043b\u0430\u0442\u0444\u043e\u0440\u043c\u044b"})}),"\n",(0,n.jsx)(r.Ay,{ticket:"198"}),"\n",(0,n.jsxs)(t.blockquote,{children:["\n",(0,n.jsx)(t.p,{children:"\u041f\u0440\u043e \u043f\u0440\u0438\u043c\u0435\u043d\u0435\u043d\u0438\u0435 \u043c\u0435\u0442\u043e\u0434\u043e\u043b\u043e\u0433\u0438\u0438 \u0434\u043b\u044f desktop/touch"}),"\n"]})]})}function p(e={}){const{wrapper:t}={...(0,i.R)(),...e.components};return t?(0,n.jsx)(t,{...e,children:(0,n.jsx)(l,{...e})}):l(e)}},1100:(e,t,s)=>{s.d(t,{R:()=>o,x:()=>c});var n=s(758);const i={},r=n.createContext(i);function o(e){const t=n.useContext(r);return n.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function c(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(i):e.components||i:o(e.components),n.createElement(r.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
diff --git a/ru/assets/js/1c0a16b8.be690b3d.js b/ru/assets/js/1c0a16b8.1f95eaa9.js
similarity index 98%
rename from ru/assets/js/1c0a16b8.be690b3d.js
rename to ru/assets/js/1c0a16b8.1f95eaa9.js
index 9ac13e3f00..e7dc079793 100644
--- a/ru/assets/js/1c0a16b8.be690b3d.js
+++ b/ru/assets/js/1c0a16b8.1f95eaa9.js
@@ -1 +1 @@
-"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[6877],{9415:(e,t,n)=>{n.r(t),n.d(t,{assets:()=>c,contentTitle:()=>s,default:()=>u,frontMatter:()=>i,metadata:()=>a,toc:()=>l});var r=n(6070),o=n(1100);const i={sidebar_position:1},s="\u0410\u0441\u043f\u0435\u043a\u0442\u044b \u0438\u043d\u0442\u0435\u0433\u0440\u0430\u0446\u0438\u0438",a={id:"about/promote/integration",title:"\u0410\u0441\u043f\u0435\u043a\u0442\u044b \u0438\u043d\u0442\u0435\u0433\u0440\u0430\u0446\u0438\u0438",description:"\u0427\u0442\u043e \u043f\u043e\u043b\u0443\u0447\u0430\u0435\u043c \u0432 \u043a\u043e\u043d\u0435\u0447\u043d\u043e\u043c \u0441\u0447\u0435\u0442\u0435?",source:"@site/i18n/ru/docusaurus-plugin-content-docs/current/about/promote/integration.mdx",sourceDirName:"about/promote",slug:"/about/promote/integration",permalink:"/ru/docs/about/promote/integration",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/ru/docusaurus-plugin-content-docs/current/about/promote/integration.mdx",tags:[],version:"current",lastUpdatedAt:1727607766e3,sidebarPosition:1,frontMatter:{sidebar_position:1},sidebar:"aboutSidebar",previous:{title:"\u0410\u0431\u0441\u0442\u0440\u0430\u043a\u0446\u0438\u0438",permalink:"/ru/docs/about/understanding/abstractions"},next:{title:"\u0427\u0430\u0441\u0442\u0438\u0447\u043d\u043e\u0435 \u043f\u0440\u0438\u043c\u0435\u043d\u0435\u043d\u0438\u0435",permalink:"/ru/docs/about/promote/partial-application"}},c={},l=[{value:"\u0427\u0442\u043e \u043f\u043e\u043b\u0443\u0447\u0430\u0435\u043c \u0432 \u043a\u043e\u043d\u0435\u0447\u043d\u043e\u043c \u0441\u0447\u0435\u0442\u0435?",id:"summary",level:2},{value:"\u0422\u0430\u043a\u0436\u0435",id:"also",level:2}];function d(e){const t={a:"a",h1:"h1",h2:"h2",header:"header",li:"li",p:"p",strong:"strong",ul:"ul",...(0,o.R)(),...e.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(t.header,{children:(0,r.jsx)(t.h1,{id:"\u0430\u0441\u043f\u0435\u043a\u0442\u044b-\u0438\u043d\u0442\u0435\u0433\u0440\u0430\u0446\u0438\u0438",children:"\u0410\u0441\u043f\u0435\u043a\u0442\u044b \u0438\u043d\u0442\u0435\u0433\u0440\u0430\u0446\u0438\u0438"})}),"\n",(0,r.jsx)(t.h2,{id:"summary",children:"\u0427\u0442\u043e \u043f\u043e\u043b\u0443\u0447\u0430\u0435\u043c \u0432 \u043a\u043e\u043d\u0435\u0447\u043d\u043e\u043c \u0441\u0447\u0435\u0442\u0435?"}),"\n",(0,r.jsx)(t.p,{children:"\u0421\u043c. \u043f\u0435\u0440\u0432\u044b\u0435 5 \u043c\u0438\u043d\u0443\u0442:"}),"\n",(0,r.jsx)("iframe",{className:"youtube",src:"https://www.youtube.com/embed/TFA6zRO_Cl0?start=2110",title:"YouTube video player",frameborder:"0",allow:"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture",allowfullscreen:!0}),"\n",(0,r.jsx)(t.h2,{id:"also",children:"\u0422\u0430\u043a\u0436\u0435"}),"\n",(0,r.jsxs)(t.p,{children:[(0,r.jsx)(t.strong,{children:"\u041f\u0440\u0435\u0438\u043c\u0443\u0449\u0435\u0441\u0442\u0432\u0430"}),":"]}),"\n",(0,r.jsxs)(t.ul,{children:["\n",(0,r.jsx)(t.li,{children:(0,r.jsx)(t.a,{href:"/docs/get-started/overview#advantages",children:"Overview"})}),"\n",(0,r.jsx)(t.li,{children:"CodeReview"}),"\n",(0,r.jsx)(t.li,{children:"Onboarding"}),"\n"]}),"\n",(0,r.jsx)(t.p,{children:(0,r.jsx)(t.strong,{children:"\u041d\u0435\u0434\u043e\u0441\u0442\u0430\u0442\u043a\u0438:"})}),"\n",(0,r.jsxs)(t.ul,{children:["\n",(0,r.jsx)(t.li,{children:"\u041c\u0435\u043d\u0442\u0430\u043b\u044c\u043d\u0430\u044f \u0441\u043b\u043e\u0436\u043d\u043e\u0441\u0442\u044c"}),"\n",(0,r.jsx)(t.li,{children:"\u0412\u044b\u0441\u043e\u043a\u0438\u0439 \u043f\u043e\u0440\u043e\u0433 \u0432\u0445\u043e\u0434\u0430"}),"\n",(0,r.jsx)(t.li,{children:'"Layers hell"'}),"\n",(0,r.jsx)(t.li,{children:"\u0422\u0438\u043f\u0438\u0447\u043d\u044b\u0435 \u043f\u0440\u043e\u0431\u043b\u0435\u043c\u044b feature-based \u043f\u043e\u0434\u0445\u043e\u0434\u0430"}),"\n"]})]})}function u(e={}){const{wrapper:t}={...(0,o.R)(),...e.components};return t?(0,r.jsx)(t,{...e,children:(0,r.jsx)(d,{...e})}):d(e)}},1100:(e,t,n)=>{n.d(t,{R:()=>s,x:()=>a});var r=n(758);const o={},i=r.createContext(o);function s(e){const t=r.useContext(i);return r.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function a(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(o):e.components||o:s(e.components),r.createElement(i.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
+"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[6877],{9415:(e,t,n)=>{n.r(t),n.d(t,{assets:()=>c,contentTitle:()=>s,default:()=>u,frontMatter:()=>i,metadata:()=>a,toc:()=>l});var r=n(6070),o=n(1100);const i={sidebar_position:1},s="\u0410\u0441\u043f\u0435\u043a\u0442\u044b \u0438\u043d\u0442\u0435\u0433\u0440\u0430\u0446\u0438\u0438",a={id:"about/promote/integration",title:"\u0410\u0441\u043f\u0435\u043a\u0442\u044b \u0438\u043d\u0442\u0435\u0433\u0440\u0430\u0446\u0438\u0438",description:"\u0427\u0442\u043e \u043f\u043e\u043b\u0443\u0447\u0430\u0435\u043c \u0432 \u043a\u043e\u043d\u0435\u0447\u043d\u043e\u043c \u0441\u0447\u0435\u0442\u0435?",source:"@site/i18n/ru/docusaurus-plugin-content-docs/current/about/promote/integration.mdx",sourceDirName:"about/promote",slug:"/about/promote/integration",permalink:"/ru/docs/about/promote/integration",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/ru/docusaurus-plugin-content-docs/current/about/promote/integration.mdx",tags:[],version:"current",lastUpdatedAt:1728325386e3,sidebarPosition:1,frontMatter:{sidebar_position:1},sidebar:"aboutSidebar",previous:{title:"\u0410\u0431\u0441\u0442\u0440\u0430\u043a\u0446\u0438\u0438",permalink:"/ru/docs/about/understanding/abstractions"},next:{title:"\u0427\u0430\u0441\u0442\u0438\u0447\u043d\u043e\u0435 \u043f\u0440\u0438\u043c\u0435\u043d\u0435\u043d\u0438\u0435",permalink:"/ru/docs/about/promote/partial-application"}},c={},l=[{value:"\u0427\u0442\u043e \u043f\u043e\u043b\u0443\u0447\u0430\u0435\u043c \u0432 \u043a\u043e\u043d\u0435\u0447\u043d\u043e\u043c \u0441\u0447\u0435\u0442\u0435?",id:"summary",level:2},{value:"\u0422\u0430\u043a\u0436\u0435",id:"also",level:2}];function d(e){const t={a:"a",h1:"h1",h2:"h2",header:"header",li:"li",p:"p",strong:"strong",ul:"ul",...(0,o.R)(),...e.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(t.header,{children:(0,r.jsx)(t.h1,{id:"\u0430\u0441\u043f\u0435\u043a\u0442\u044b-\u0438\u043d\u0442\u0435\u0433\u0440\u0430\u0446\u0438\u0438",children:"\u0410\u0441\u043f\u0435\u043a\u0442\u044b \u0438\u043d\u0442\u0435\u0433\u0440\u0430\u0446\u0438\u0438"})}),"\n",(0,r.jsx)(t.h2,{id:"summary",children:"\u0427\u0442\u043e \u043f\u043e\u043b\u0443\u0447\u0430\u0435\u043c \u0432 \u043a\u043e\u043d\u0435\u0447\u043d\u043e\u043c \u0441\u0447\u0435\u0442\u0435?"}),"\n",(0,r.jsx)(t.p,{children:"\u0421\u043c. \u043f\u0435\u0440\u0432\u044b\u0435 5 \u043c\u0438\u043d\u0443\u0442:"}),"\n",(0,r.jsx)("iframe",{className:"youtube",src:"https://www.youtube.com/embed/TFA6zRO_Cl0?start=2110",title:"YouTube video player",frameborder:"0",allow:"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture",allowfullscreen:!0}),"\n",(0,r.jsx)(t.h2,{id:"also",children:"\u0422\u0430\u043a\u0436\u0435"}),"\n",(0,r.jsxs)(t.p,{children:[(0,r.jsx)(t.strong,{children:"\u041f\u0440\u0435\u0438\u043c\u0443\u0449\u0435\u0441\u0442\u0432\u0430"}),":"]}),"\n",(0,r.jsxs)(t.ul,{children:["\n",(0,r.jsx)(t.li,{children:(0,r.jsx)(t.a,{href:"/docs/get-started/overview#advantages",children:"Overview"})}),"\n",(0,r.jsx)(t.li,{children:"CodeReview"}),"\n",(0,r.jsx)(t.li,{children:"Onboarding"}),"\n"]}),"\n",(0,r.jsx)(t.p,{children:(0,r.jsx)(t.strong,{children:"\u041d\u0435\u0434\u043e\u0441\u0442\u0430\u0442\u043a\u0438:"})}),"\n",(0,r.jsxs)(t.ul,{children:["\n",(0,r.jsx)(t.li,{children:"\u041c\u0435\u043d\u0442\u0430\u043b\u044c\u043d\u0430\u044f \u0441\u043b\u043e\u0436\u043d\u043e\u0441\u0442\u044c"}),"\n",(0,r.jsx)(t.li,{children:"\u0412\u044b\u0441\u043e\u043a\u0438\u0439 \u043f\u043e\u0440\u043e\u0433 \u0432\u0445\u043e\u0434\u0430"}),"\n",(0,r.jsx)(t.li,{children:'"Layers hell"'}),"\n",(0,r.jsx)(t.li,{children:"\u0422\u0438\u043f\u0438\u0447\u043d\u044b\u0435 \u043f\u0440\u043e\u0431\u043b\u0435\u043c\u044b feature-based \u043f\u043e\u0434\u0445\u043e\u0434\u0430"}),"\n"]})]})}function u(e={}){const{wrapper:t}={...(0,o.R)(),...e.components};return t?(0,r.jsx)(t,{...e,children:(0,r.jsx)(d,{...e})}):d(e)}},1100:(e,t,n)=>{n.d(t,{R:()=>s,x:()=>a});var r=n(758);const o={},i=r.createContext(o);function s(e){const t=r.useContext(i);return r.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function a(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(o):e.components||o:s(e.components),r.createElement(i.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
diff --git a/ru/assets/js/1d3222b5.e2418e16.js b/ru/assets/js/1d3222b5.1f850dda.js
similarity index 98%
rename from ru/assets/js/1d3222b5.e2418e16.js
rename to ru/assets/js/1d3222b5.1f850dda.js
index 0730985db0..bb02fa4a12 100644
--- a/ru/assets/js/1d3222b5.e2418e16.js
+++ b/ru/assets/js/1d3222b5.1f850dda.js
@@ -1 +1 @@
-"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[9316],{1928:(e,t,i)=>{i.d(t,{Ay:()=>a,RM:()=>d});var n=i(6070),s=i(1100),r=(i(758),i(6783)),c=i(7765);const o=e=>{let{ticket:t}=e;const i=`https://github.com/feature-sliced/documentation/issues/${t}`;return(0,n.jsxs)("div",{children:[(0,n.jsx)("p",{children:(0,c.T)({id:"shared.wip.title"})}),(0,n.jsx)("p",{children:(0,c.T)({id:"shared.wip.subtitle"})}),(0,n.jsxs)("ul",{children:[(0,n.jsxs)("li",{children:[(0,c.T)({id:"shared.wip.var.feedback.base"}),(0,n.jsx)(r.A,{to:i,children:(0,c.T)({id:"shared.wip.var.feedback.link"})})]}),(0,n.jsxs)("li",{children:[(0,c.T)({id:"shared.wip.var.material.base"}),(0,n.jsx)(r.A,{to:"https://t.me/feature_sliced",children:(0,c.T)({id:"shared.wip.var.material.link"})})]}),(0,n.jsxs)("li",{children:[(0,c.T)({id:"shared.wip.var.contribute.base"}),(0,n.jsx)(r.A,{to:"https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md",children:(0,c.T)({id:"shared.wip.var.contribute.link"})})]})]}),(0,n.jsx)("br",{}),(0,n.jsx)("p",{children:(0,n.jsx)("i",{children:"\ud83c\udf70 Stay tuned!"})})]})},d=[];function l(e){const t={admonition:"admonition",...(0,s.R)(),...e.components};return(0,n.jsx)(t.admonition,{title:"WIP",type:"caution",children:(0,n.jsx)(o,{ticket:e.ticket})})}function a(e={}){const{wrapper:t}={...(0,s.R)(),...e.components};return t?(0,n.jsx)(t,{...e,children:(0,n.jsx)(l,{...e})}):l(e)}},5002:(e,t,i)=>{i.r(t),i.d(t,{assets:()=>l,contentTitle:()=>o,default:()=>h,frontMatter:()=>c,metadata:()=>d,toc:()=>a});var n=i(6070),s=i(1100),r=i(1928);const c={sidebar_position:2,sidebar_class_name:"sidebar-item--wip"},o="Decouple entities",d={id:"reference/isolation/decouple-entities",title:"Decouple entities",description:"\u041f\u0440\u043e \u043a\u0440\u043e\u0441\u0441-\u0438\u043c\u043f\u043e\u0440\u0442\u044b \u0442\u0438\u043f\u043e\u0432, \u0430\u0434\u0430\u043f\u0442\u0435\u0440\u044b \u0438 \u043f\u0440\u043e \u0442\u043e - \u043a\u0430\u043a \u044f\u0432\u043d\u043e \u0432\u044b\u0441\u0442\u0440\u0430\u0438\u0432\u0430\u0442\u044c \u0441\u0432\u044f\u0437\u0438 \u043c\u0435\u0436\u0434\u0443 \u0441\u0443\u0449\u043d\u043e\u0441\u0442\u044f\u043c\u0438",source:"@site/i18n/ru/docusaurus-plugin-content-docs/current/reference/isolation/decouple-entities.mdx",sourceDirName:"reference/isolation",slug:"/reference/isolation/decouple-entities",permalink:"/ru/docs/reference/isolation/decouple-entities",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/ru/docusaurus-plugin-content-docs/current/reference/isolation/decouple-entities.mdx",tags:[],version:"current",lastUpdatedAt:1727607766e3,sidebarPosition:2,frontMatter:{sidebar_position:2,sidebar_class_name:"sidebar-item--wip"},sidebar:"referenceSidebar",previous:{title:"Low Coupling & High Cohesion",permalink:"/ru/docs/reference/isolation/coupling-cohesion"}},l={},a=[...r.RM,{value:"\u0421\u043c. \u0442\u0430\u043a\u0436\u0435",id:"see-also",level:2}];function u(e){const t={a:"a",blockquote:"blockquote",h1:"h1",h2:"h2",header:"header",li:"li",p:"p",ul:"ul",...(0,s.R)(),...e.components};return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(t.header,{children:(0,n.jsx)(t.h1,{id:"decouple-entities",children:"Decouple entities"})}),"\n",(0,n.jsx)(r.Ay,{ticket:"202"}),"\n",(0,n.jsxs)(t.blockquote,{children:["\n",(0,n.jsx)(t.p,{children:"\u041f\u0440\u043e \u043a\u0440\u043e\u0441\u0441-\u0438\u043c\u043f\u043e\u0440\u0442\u044b \u0442\u0438\u043f\u043e\u0432, \u0430\u0434\u0430\u043f\u0442\u0435\u0440\u044b \u0438 \u043f\u0440\u043e \u0442\u043e - \u043a\u0430\u043a \u044f\u0432\u043d\u043e \u0432\u044b\u0441\u0442\u0440\u0430\u0438\u0432\u0430\u0442\u044c \u0441\u0432\u044f\u0437\u0438 \u043c\u0435\u0436\u0434\u0443 \u0441\u0443\u0449\u043d\u043e\u0441\u0442\u044f\u043c\u0438"}),"\n"]}),"\n",(0,n.jsxs)(t.blockquote,{children:["\n",(0,n.jsx)(t.p,{children:"\u0422\u0430\u043a\u0436\u0435 \u043f\u0440\u043e \u043c\u0438\u0444\u0438\u0447\u0435\u0441\u043a\u0438\u0435 absolutely-decoupled entities"}),"\n"]}),"\n",(0,n.jsx)(t.h2,{id:"see-also",children:"\u0421\u043c. \u0442\u0430\u043a\u0436\u0435"}),"\n",(0,n.jsxs)(t.ul,{children:["\n",(0,n.jsx)(t.li,{children:(0,n.jsx)(t.a,{href:"https://t.me/feature_sliced/3633",children:"(\u0422\u0440\u0435\u0434) \u041f\u0430\u043c\u044f\u0442\u043a\u0430 \u043f\u0440\u043e \u0434\u0435\u043a\u043e\u043c\u043f\u043e\u0437\u0438\u0446\u0438\u044e \u043f\u043e \u0441\u0443\u0449\u043d\u043e\u0441\u0442\u044f\u043c \u0438 \u0432\u044b\u0441\u0442\u0440\u0430\u0438\u0432\u0430\u043d\u0438\u0435 \u044f\u0432\u043d\u044b\u0445 \u0441\u0432\u044f\u0437\u0435\u0439 \u043c\u0435\u0436\u0434\u0443 \u043d\u0438\u043c\u0438"})}),"\n",(0,n.jsx)(t.li,{children:(0,n.jsx)(t.a,{href:"https://t.me/feature_sliced/3316",children:'(\u0422\u0440\u0435\u0434) \u041f\u0440\u0438\u043c\u0435\u0440 \u0434\u0435\u043a\u043e\u043c\u043f\u043e\u0437\u0438\u0446\u0438\u0438 \u0434\u043b\u044f "\u0441\u0432\u044f\u0437\u043d\u044b\u0445 \u0441\u0443\u0449\u043d\u043e\u0441\u0442\u0435\u0439" (users/pets/friends)'})}),"\n",(0,n.jsx)(t.li,{children:(0,n.jsx)(t.a,{href:"https://t.me/feature_sliced/4276",children:"(\u0422\u0440\u0435\u0434) \u041f\u0440\u043e \u043a\u0440\u043e\u0441\u0441-\u0438\u043c\u043f\u043e\u0440\u0442\u044b \u0442\u0438\u043f\u043e\u0432/\u0430\u0434\u0430\u043f\u0442\u0435\u0440\u043e\u0432 \u0432 \u0441\u0443\u0449\u043d\u043e\u0441\u0442\u044f\u0445"})}),"\n",(0,n.jsx)(t.li,{children:(0,n.jsx)(t.a,{href:"https://t.me/feature_sliced/4521",children:"(\u0422\u0440\u0435\u0434) \u041f\u0440\u043e \u0433\u0440\u0430\u043d\u0438\u0446\u044b \u0441\u0443\u0449\u043d\u043e\u0441\u0442\u0435\u0439 \u0438 \u0444\u0438\u0447"})}),"\n"]})]})}function h(e={}){const{wrapper:t}={...(0,s.R)(),...e.components};return t?(0,n.jsx)(t,{...e,children:(0,n.jsx)(u,{...e})}):u(e)}},1100:(e,t,i)=>{i.d(t,{R:()=>c,x:()=>o});var n=i(758);const s={},r=n.createContext(s);function c(e){const t=n.useContext(r);return n.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function o(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(s):e.components||s:c(e.components),n.createElement(r.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
+"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[9316],{1928:(e,t,i)=>{i.d(t,{Ay:()=>a,RM:()=>d});var n=i(6070),s=i(1100),r=(i(758),i(6783)),c=i(7765);const o=e=>{let{ticket:t}=e;const i=`https://github.com/feature-sliced/documentation/issues/${t}`;return(0,n.jsxs)("div",{children:[(0,n.jsx)("p",{children:(0,c.T)({id:"shared.wip.title"})}),(0,n.jsx)("p",{children:(0,c.T)({id:"shared.wip.subtitle"})}),(0,n.jsxs)("ul",{children:[(0,n.jsxs)("li",{children:[(0,c.T)({id:"shared.wip.var.feedback.base"}),(0,n.jsx)(r.A,{to:i,children:(0,c.T)({id:"shared.wip.var.feedback.link"})})]}),(0,n.jsxs)("li",{children:[(0,c.T)({id:"shared.wip.var.material.base"}),(0,n.jsx)(r.A,{to:"https://t.me/feature_sliced",children:(0,c.T)({id:"shared.wip.var.material.link"})})]}),(0,n.jsxs)("li",{children:[(0,c.T)({id:"shared.wip.var.contribute.base"}),(0,n.jsx)(r.A,{to:"https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md",children:(0,c.T)({id:"shared.wip.var.contribute.link"})})]})]}),(0,n.jsx)("br",{}),(0,n.jsx)("p",{children:(0,n.jsx)("i",{children:"\ud83c\udf70 Stay tuned!"})})]})},d=[];function l(e){const t={admonition:"admonition",...(0,s.R)(),...e.components};return(0,n.jsx)(t.admonition,{title:"WIP",type:"caution",children:(0,n.jsx)(o,{ticket:e.ticket})})}function a(e={}){const{wrapper:t}={...(0,s.R)(),...e.components};return t?(0,n.jsx)(t,{...e,children:(0,n.jsx)(l,{...e})}):l(e)}},5002:(e,t,i)=>{i.r(t),i.d(t,{assets:()=>l,contentTitle:()=>o,default:()=>h,frontMatter:()=>c,metadata:()=>d,toc:()=>a});var n=i(6070),s=i(1100),r=i(1928);const c={sidebar_position:2,sidebar_class_name:"sidebar-item--wip"},o="Decouple entities",d={id:"reference/isolation/decouple-entities",title:"Decouple entities",description:"\u041f\u0440\u043e \u043a\u0440\u043e\u0441\u0441-\u0438\u043c\u043f\u043e\u0440\u0442\u044b \u0442\u0438\u043f\u043e\u0432, \u0430\u0434\u0430\u043f\u0442\u0435\u0440\u044b \u0438 \u043f\u0440\u043e \u0442\u043e - \u043a\u0430\u043a \u044f\u0432\u043d\u043e \u0432\u044b\u0441\u0442\u0440\u0430\u0438\u0432\u0430\u0442\u044c \u0441\u0432\u044f\u0437\u0438 \u043c\u0435\u0436\u0434\u0443 \u0441\u0443\u0449\u043d\u043e\u0441\u0442\u044f\u043c\u0438",source:"@site/i18n/ru/docusaurus-plugin-content-docs/current/reference/isolation/decouple-entities.mdx",sourceDirName:"reference/isolation",slug:"/reference/isolation/decouple-entities",permalink:"/ru/docs/reference/isolation/decouple-entities",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/ru/docusaurus-plugin-content-docs/current/reference/isolation/decouple-entities.mdx",tags:[],version:"current",lastUpdatedAt:1728325386e3,sidebarPosition:2,frontMatter:{sidebar_position:2,sidebar_class_name:"sidebar-item--wip"},sidebar:"referenceSidebar",previous:{title:"Low Coupling & High Cohesion",permalink:"/ru/docs/reference/isolation/coupling-cohesion"}},l={},a=[...r.RM,{value:"\u0421\u043c. \u0442\u0430\u043a\u0436\u0435",id:"see-also",level:2}];function u(e){const t={a:"a",blockquote:"blockquote",h1:"h1",h2:"h2",header:"header",li:"li",p:"p",ul:"ul",...(0,s.R)(),...e.components};return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(t.header,{children:(0,n.jsx)(t.h1,{id:"decouple-entities",children:"Decouple entities"})}),"\n",(0,n.jsx)(r.Ay,{ticket:"202"}),"\n",(0,n.jsxs)(t.blockquote,{children:["\n",(0,n.jsx)(t.p,{children:"\u041f\u0440\u043e \u043a\u0440\u043e\u0441\u0441-\u0438\u043c\u043f\u043e\u0440\u0442\u044b \u0442\u0438\u043f\u043e\u0432, \u0430\u0434\u0430\u043f\u0442\u0435\u0440\u044b \u0438 \u043f\u0440\u043e \u0442\u043e - \u043a\u0430\u043a \u044f\u0432\u043d\u043e \u0432\u044b\u0441\u0442\u0440\u0430\u0438\u0432\u0430\u0442\u044c \u0441\u0432\u044f\u0437\u0438 \u043c\u0435\u0436\u0434\u0443 \u0441\u0443\u0449\u043d\u043e\u0441\u0442\u044f\u043c\u0438"}),"\n"]}),"\n",(0,n.jsxs)(t.blockquote,{children:["\n",(0,n.jsx)(t.p,{children:"\u0422\u0430\u043a\u0436\u0435 \u043f\u0440\u043e \u043c\u0438\u0444\u0438\u0447\u0435\u0441\u043a\u0438\u0435 absolutely-decoupled entities"}),"\n"]}),"\n",(0,n.jsx)(t.h2,{id:"see-also",children:"\u0421\u043c. \u0442\u0430\u043a\u0436\u0435"}),"\n",(0,n.jsxs)(t.ul,{children:["\n",(0,n.jsx)(t.li,{children:(0,n.jsx)(t.a,{href:"https://t.me/feature_sliced/3633",children:"(\u0422\u0440\u0435\u0434) \u041f\u0430\u043c\u044f\u0442\u043a\u0430 \u043f\u0440\u043e \u0434\u0435\u043a\u043e\u043c\u043f\u043e\u0437\u0438\u0446\u0438\u044e \u043f\u043e \u0441\u0443\u0449\u043d\u043e\u0441\u0442\u044f\u043c \u0438 \u0432\u044b\u0441\u0442\u0440\u0430\u0438\u0432\u0430\u043d\u0438\u0435 \u044f\u0432\u043d\u044b\u0445 \u0441\u0432\u044f\u0437\u0435\u0439 \u043c\u0435\u0436\u0434\u0443 \u043d\u0438\u043c\u0438"})}),"\n",(0,n.jsx)(t.li,{children:(0,n.jsx)(t.a,{href:"https://t.me/feature_sliced/3316",children:'(\u0422\u0440\u0435\u0434) \u041f\u0440\u0438\u043c\u0435\u0440 \u0434\u0435\u043a\u043e\u043c\u043f\u043e\u0437\u0438\u0446\u0438\u0438 \u0434\u043b\u044f "\u0441\u0432\u044f\u0437\u043d\u044b\u0445 \u0441\u0443\u0449\u043d\u043e\u0441\u0442\u0435\u0439" (users/pets/friends)'})}),"\n",(0,n.jsx)(t.li,{children:(0,n.jsx)(t.a,{href:"https://t.me/feature_sliced/4276",children:"(\u0422\u0440\u0435\u0434) \u041f\u0440\u043e \u043a\u0440\u043e\u0441\u0441-\u0438\u043c\u043f\u043e\u0440\u0442\u044b \u0442\u0438\u043f\u043e\u0432/\u0430\u0434\u0430\u043f\u0442\u0435\u0440\u043e\u0432 \u0432 \u0441\u0443\u0449\u043d\u043e\u0441\u0442\u044f\u0445"})}),"\n",(0,n.jsx)(t.li,{children:(0,n.jsx)(t.a,{href:"https://t.me/feature_sliced/4521",children:"(\u0422\u0440\u0435\u0434) \u041f\u0440\u043e \u0433\u0440\u0430\u043d\u0438\u0446\u044b \u0441\u0443\u0449\u043d\u043e\u0441\u0442\u0435\u0439 \u0438 \u0444\u0438\u0447"})}),"\n"]})]})}function h(e={}){const{wrapper:t}={...(0,s.R)(),...e.components};return t?(0,n.jsx)(t,{...e,children:(0,n.jsx)(u,{...e})}):u(e)}},1100:(e,t,i)=>{i.d(t,{R:()=>c,x:()=>o});var n=i(758);const s={},r=n.createContext(s);function c(e){const t=n.useContext(r);return n.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function o(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(s):e.components||s:c(e.components),n.createElement(r.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
diff --git a/ru/assets/js/20c5a0f6.dbcf86c4.js b/ru/assets/js/20c5a0f6.4d7a1a0b.js
similarity index 98%
rename from ru/assets/js/20c5a0f6.dbcf86c4.js
rename to ru/assets/js/20c5a0f6.4d7a1a0b.js
index 5b03fb9d2c..aac5ee619f 100644
--- a/ru/assets/js/20c5a0f6.dbcf86c4.js
+++ b/ru/assets/js/20c5a0f6.4d7a1a0b.js
@@ -1 +1 @@
-"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[2538],{1928:(e,t,i)=>{i.d(t,{Ay:()=>l,RM:()=>a});var s=i(6070),n=i(1100),r=(i(758),i(6783)),d=i(7765);const c=e=>{let{ticket:t}=e;const i=`https://github.com/feature-sliced/documentation/issues/${t}`;return(0,s.jsxs)("div",{children:[(0,s.jsx)("p",{children:(0,d.T)({id:"shared.wip.title"})}),(0,s.jsx)("p",{children:(0,d.T)({id:"shared.wip.subtitle"})}),(0,s.jsxs)("ul",{children:[(0,s.jsxs)("li",{children:[(0,d.T)({id:"shared.wip.var.feedback.base"}),(0,s.jsx)(r.A,{to:i,children:(0,d.T)({id:"shared.wip.var.feedback.link"})})]}),(0,s.jsxs)("li",{children:[(0,d.T)({id:"shared.wip.var.material.base"}),(0,s.jsx)(r.A,{to:"https://t.me/feature_sliced",children:(0,d.T)({id:"shared.wip.var.material.link"})})]}),(0,s.jsxs)("li",{children:[(0,d.T)({id:"shared.wip.var.contribute.base"}),(0,s.jsx)(r.A,{to:"https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md",children:(0,d.T)({id:"shared.wip.var.contribute.link"})})]})]}),(0,s.jsx)("br",{}),(0,s.jsx)("p",{children:(0,s.jsx)("i",{children:"\ud83c\udf70 Stay tuned!"})})]})},a=[];function o(e){const t={admonition:"admonition",...(0,n.R)(),...e.components};return(0,s.jsx)(t.admonition,{title:"WIP",type:"caution",children:(0,s.jsx)(c,{ticket:e.ticket})})}function l(e={}){const{wrapper:t}={...(0,n.R)(),...e.components};return t?(0,s.jsx)(t,{...e,children:(0,s.jsx)(o,{...e})}):o(e)}},166:(e,t,i)=>{i.r(t),i.d(t,{assets:()=>o,contentTitle:()=>c,default:()=>h,frontMatter:()=>d,metadata:()=>a,toc:()=>l});var s=i(6070),n=i(1100),r=i(1928);const d={sidebar_position:6,sidebar_class_name:"sidebar-item--wip",unlisted:!0},c="i18n",a={id:"guides/examples/i18n",title:"i18n",description:"\u041a\u0443\u0434\u0430 \u043f\u043e\u043b\u043e\u0436\u0438\u0442\u044c? \u041a\u0430\u043a \u0441 \u044d\u0442\u0438\u043c \u0440\u0430\u0431\u043e\u0442\u0430\u0442\u044c?",source:"@site/i18n/ru/docusaurus-plugin-content-docs/current/guides/examples/i18n.mdx",sourceDirName:"guides/examples",slug:"/guides/examples/i18n",permalink:"/ru/docs/guides/examples/i18n",draft:!1,unlisted:!0,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/ru/docusaurus-plugin-content-docs/current/guides/examples/i18n.mdx",tags:[],version:"current",lastUpdatedAt:1727607766e3,sidebarPosition:6,frontMatter:{sidebar_position:6,sidebar_class_name:"sidebar-item--wip",unlisted:!0},sidebar:"guidesSidebar"},o={},l=[...r.RM,{value:"\u041a\u0443\u0434\u0430 \u043f\u043e\u043b\u043e\u0436\u0438\u0442\u044c? \u041a\u0430\u043a \u0441 \u044d\u0442\u0438\u043c \u0440\u0430\u0431\u043e\u0442\u0430\u0442\u044c?",id:"where-to-place-it-how-to-work-with-this",level:2}];function u(e){const t={a:"a",h1:"h1",h2:"h2",header:"header",li:"li",ul:"ul",...(0,n.R)(),...e.components};return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(t.header,{children:(0,s.jsx)(t.h1,{id:"i18n",children:"i18n"})}),"\n",(0,s.jsx)(r.Ay,{ticket:"171"}),"\n",(0,s.jsx)(t.h2,{id:"where-to-place-it-how-to-work-with-this",children:"\u041a\u0443\u0434\u0430 \u043f\u043e\u043b\u043e\u0436\u0438\u0442\u044c? \u041a\u0430\u043a \u0441 \u044d\u0442\u0438\u043c \u0440\u0430\u0431\u043e\u0442\u0430\u0442\u044c?"}),"\n",(0,s.jsxs)(t.ul,{children:["\n",(0,s.jsx)(t.li,{children:(0,s.jsx)(t.a,{href:"https://t.me/feature_sliced/4425",children:"https://t.me/feature_sliced/4425"})}),"\n",(0,s.jsx)(t.li,{children:(0,s.jsx)(t.a,{href:"https://t.me/feature_sliced/2325",children:"https://t.me/feature_sliced/2325"})}),"\n",(0,s.jsx)(t.li,{children:(0,s.jsx)(t.a,{href:"https://t.me/feature_sliced/1867",children:"https://t.me/feature_sliced/1867"})}),"\n"]})]})}function h(e={}){const{wrapper:t}={...(0,n.R)(),...e.components};return t?(0,s.jsx)(t,{...e,children:(0,s.jsx)(u,{...e})}):u(e)}},1100:(e,t,i)=>{i.d(t,{R:()=>d,x:()=>c});var s=i(758);const n={},r=s.createContext(n);function d(e){const t=s.useContext(r);return s.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function c(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(n):e.components||n:d(e.components),s.createElement(r.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
+"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[2538],{1928:(e,t,i)=>{i.d(t,{Ay:()=>l,RM:()=>a});var s=i(6070),n=i(1100),r=(i(758),i(6783)),d=i(7765);const c=e=>{let{ticket:t}=e;const i=`https://github.com/feature-sliced/documentation/issues/${t}`;return(0,s.jsxs)("div",{children:[(0,s.jsx)("p",{children:(0,d.T)({id:"shared.wip.title"})}),(0,s.jsx)("p",{children:(0,d.T)({id:"shared.wip.subtitle"})}),(0,s.jsxs)("ul",{children:[(0,s.jsxs)("li",{children:[(0,d.T)({id:"shared.wip.var.feedback.base"}),(0,s.jsx)(r.A,{to:i,children:(0,d.T)({id:"shared.wip.var.feedback.link"})})]}),(0,s.jsxs)("li",{children:[(0,d.T)({id:"shared.wip.var.material.base"}),(0,s.jsx)(r.A,{to:"https://t.me/feature_sliced",children:(0,d.T)({id:"shared.wip.var.material.link"})})]}),(0,s.jsxs)("li",{children:[(0,d.T)({id:"shared.wip.var.contribute.base"}),(0,s.jsx)(r.A,{to:"https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md",children:(0,d.T)({id:"shared.wip.var.contribute.link"})})]})]}),(0,s.jsx)("br",{}),(0,s.jsx)("p",{children:(0,s.jsx)("i",{children:"\ud83c\udf70 Stay tuned!"})})]})},a=[];function o(e){const t={admonition:"admonition",...(0,n.R)(),...e.components};return(0,s.jsx)(t.admonition,{title:"WIP",type:"caution",children:(0,s.jsx)(c,{ticket:e.ticket})})}function l(e={}){const{wrapper:t}={...(0,n.R)(),...e.components};return t?(0,s.jsx)(t,{...e,children:(0,s.jsx)(o,{...e})}):o(e)}},166:(e,t,i)=>{i.r(t),i.d(t,{assets:()=>o,contentTitle:()=>c,default:()=>h,frontMatter:()=>d,metadata:()=>a,toc:()=>l});var s=i(6070),n=i(1100),r=i(1928);const d={sidebar_position:6,sidebar_class_name:"sidebar-item--wip",unlisted:!0},c="i18n",a={id:"guides/examples/i18n",title:"i18n",description:"\u041a\u0443\u0434\u0430 \u043f\u043e\u043b\u043e\u0436\u0438\u0442\u044c? \u041a\u0430\u043a \u0441 \u044d\u0442\u0438\u043c \u0440\u0430\u0431\u043e\u0442\u0430\u0442\u044c?",source:"@site/i18n/ru/docusaurus-plugin-content-docs/current/guides/examples/i18n.mdx",sourceDirName:"guides/examples",slug:"/guides/examples/i18n",permalink:"/ru/docs/guides/examples/i18n",draft:!1,unlisted:!0,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/ru/docusaurus-plugin-content-docs/current/guides/examples/i18n.mdx",tags:[],version:"current",lastUpdatedAt:1728325386e3,sidebarPosition:6,frontMatter:{sidebar_position:6,sidebar_class_name:"sidebar-item--wip",unlisted:!0},sidebar:"guidesSidebar"},o={},l=[...r.RM,{value:"\u041a\u0443\u0434\u0430 \u043f\u043e\u043b\u043e\u0436\u0438\u0442\u044c? \u041a\u0430\u043a \u0441 \u044d\u0442\u0438\u043c \u0440\u0430\u0431\u043e\u0442\u0430\u0442\u044c?",id:"where-to-place-it-how-to-work-with-this",level:2}];function u(e){const t={a:"a",h1:"h1",h2:"h2",header:"header",li:"li",ul:"ul",...(0,n.R)(),...e.components};return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(t.header,{children:(0,s.jsx)(t.h1,{id:"i18n",children:"i18n"})}),"\n",(0,s.jsx)(r.Ay,{ticket:"171"}),"\n",(0,s.jsx)(t.h2,{id:"where-to-place-it-how-to-work-with-this",children:"\u041a\u0443\u0434\u0430 \u043f\u043e\u043b\u043e\u0436\u0438\u0442\u044c? \u041a\u0430\u043a \u0441 \u044d\u0442\u0438\u043c \u0440\u0430\u0431\u043e\u0442\u0430\u0442\u044c?"}),"\n",(0,s.jsxs)(t.ul,{children:["\n",(0,s.jsx)(t.li,{children:(0,s.jsx)(t.a,{href:"https://t.me/feature_sliced/4425",children:"https://t.me/feature_sliced/4425"})}),"\n",(0,s.jsx)(t.li,{children:(0,s.jsx)(t.a,{href:"https://t.me/feature_sliced/2325",children:"https://t.me/feature_sliced/2325"})}),"\n",(0,s.jsx)(t.li,{children:(0,s.jsx)(t.a,{href:"https://t.me/feature_sliced/1867",children:"https://t.me/feature_sliced/1867"})}),"\n"]})]})}function h(e={}){const{wrapper:t}={...(0,n.R)(),...e.components};return t?(0,s.jsx)(t,{...e,children:(0,s.jsx)(u,{...e})}):u(e)}},1100:(e,t,i)=>{i.d(t,{R:()=>d,x:()=>c});var s=i(758);const n={},r=s.createContext(n);function d(e){const t=s.useContext(r);return s.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function c(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(n):e.components||n:d(e.components),s.createElement(r.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
diff --git a/ru/assets/js/2bd07bfd.af57590b.js b/ru/assets/js/2bd07bfd.29f3f253.js
similarity index 98%
rename from ru/assets/js/2bd07bfd.af57590b.js
rename to ru/assets/js/2bd07bfd.29f3f253.js
index d8a217794f..c43d00d5fb 100644
--- a/ru/assets/js/2bd07bfd.af57590b.js
+++ b/ru/assets/js/2bd07bfd.29f3f253.js
@@ -1,2 +1,2 @@
-/*! For license information please see 2bd07bfd.af57590b.js.LICENSE.txt */
-"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[3902],{7946:(e,t,s)=>{s.d(t,{Ay:()=>o,RM:()=>i});var n=s(6070),c=s(1100),a=s(5988);const i=[];function r(e){return(0,n.jsx)(a.A,{...e})}function o(e={}){const{wrapper:t}={...(0,c.R)(),...e.components};return t?(0,n.jsx)(t,{...e,children:(0,n.jsx)(r,{...e})}):r(e)}},2612:(e,t,s)=>{s.r(t),s.d(t,{assets:()=>A,contentTitle:()=>j,default:()=>M,frontMatter:()=>g,metadata:()=>_,toc:()=>b});var n=s(6070),c=s(1100),a=s(7946),i=s(991),r=s(758);const o={icon:{tag:"svg",attrs:{viewBox:"64 64 896 896",focusable:"false"},children:[{tag:"defs",attrs:{},children:[{tag:"style",attrs:{}}]},{tag:"path",attrs:{d:"M759 335c0-137-111-248-248-248S263 198 263 335c0 82.8 40.6 156.2 103 201.2-.4.2-.7.3-.9.4-44.7 18.9-84.8 46-119.3 80.6a373.42 373.42 0 00-80.4 119.5A373.6 373.6 0 00136 874.8a8 8 0 008 8.2h59.9c4.3 0 7.9-3.5 8-7.8 2-77.2 32.9-149.5 87.6-204.3C356 614.2 431 583 511 583c137 0 248-111 248-248zM511 507c-95 0-172-77-172-172s77-172 172-172 172 77 172 172-77 172-172 172zm105 221h264c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8H703.5l47.2-60.1a8.1 8.1 0 001.7-4.9c0-4.4-3.6-8-8-8h-72.6c-4.9 0-9.5 2.3-12.6 6.1l-68.5 87.1c-4.4 5.6-6.8 12.6-6.8 19.8.1 17.7 14.4 32 32.1 32zm240 64H592c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h176.5l-47.2 60.1a8.1 8.1 0 00-1.7 4.9c0 4.4 3.6 8 8 8h72.6c4.9 0 9.5-2.3 12.6-6.1l68.5-87.1c4.4-5.6 6.8-12.6 6.8-19.8-.1-17.7-14.4-32-32.1-32z"}}]},name:"user-switch",theme:"outlined"};var d=s(9820),l=function(e,t){return r.createElement(d.A,(0,i.A)({},e,{ref:t,icon:o}))};const u=r.forwardRef(l);const h={icon:{tag:"svg",attrs:{viewBox:"64 64 896 896",focusable:"false"},children:[{tag:"path",attrs:{d:"M920 416H616c-4.4 0-8 3.6-8 8v112c0 4.4 3.6 8 8 8h48c4.4 0 8-3.6 8-8v-56h60v320h-46c-4.4 0-8 3.6-8 8v48c0 4.4 3.6 8 8 8h164c4.4 0 8-3.6 8-8v-48c0-4.4-3.6-8-8-8h-46V480h60v56c0 4.4 3.6 8 8 8h48c4.4 0 8-3.6 8-8V424c0-4.4-3.6-8-8-8zM656 296V168c0-4.4-3.6-8-8-8H104c-4.4 0-8 3.6-8 8v128c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-64h168v560h-92c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h264c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8h-92V232h168v64c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8z"}}]},name:"font-size",theme:"outlined"};var m=function(e,t){return r.createElement(d.A,(0,i.A)({},e,{ref:t,icon:h}))};const p=r.forwardRef(m);const x={icon:{tag:"svg",attrs:{viewBox:"64 64 896 896",focusable:"false"},children:[{tag:"path",attrs:{d:"M880 112H144c-17.7 0-32 14.3-32 32v736c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V144c0-17.7-14.3-32-32-32zm-696 72h136v656H184V184zm656 656H384V384h456v456zM384 320V184h456v136H384z"}}]},name:"layout",theme:"outlined"};var f=function(e,t){return r.createElement(d.A,(0,i.A)({},e,{ref:t,icon:x}))};const v=r.forwardRef(f),g={hide_table_of_contents:!0},j="\u041f\u0440\u0438\u043c\u0435\u0440\u044b",_={id:"guides/examples/index",title:"\u041f\u0440\u0438\u043c\u0435\u0440\u044b",description:"\u041d\u0435\u0431\u043e\u043b\u044c\u0448\u0438\u0435 \u043f\u0440\u0430\u043a\u0442\u0438\u0447\u0435\u0441\u043a\u0438\u0435 \u043f\u0440\u0438\u043c\u0435\u0440\u044b \u043f\u043e \u043f\u0440\u0438\u043c\u0435\u043d\u0435\u043d\u0438\u044e \u043c\u0435\u0442\u043e\u0434\u043e\u043b\u043e\u0433\u0438\u0438",source:"@site/i18n/ru/docusaurus-plugin-content-docs/current/guides/examples/index.mdx",sourceDirName:"guides/examples",slug:"/guides/examples/",permalink:"/ru/docs/guides/examples/",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/ru/docusaurus-plugin-content-docs/current/guides/examples/index.mdx",tags:[],version:"current",lastUpdatedAt:1727607766e3,frontMatter:{hide_table_of_contents:!0},sidebar:"guidesSidebar",previous:{title:"\ud83c\udfaf \u0413\u0430\u0439\u0434\u044b",permalink:"/ru/docs/guides/"},next:{title:"\u0410\u0432\u0442\u043e\u0440\u0438\u0437\u0430\u0446\u0438\u044f",permalink:"/ru/docs/guides/examples/auth"}},A={},b=[{value:"\u0413\u043b\u0430\u0432\u043d\u043e\u0435",id:"main",level:2},...a.RM,...a.RM,...a.RM];function y(e){const t={h1:"h1",h2:"h2",header:"header",p:"p",...(0,c.R)(),...e.components};return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(t.header,{children:(0,n.jsx)(t.h1,{id:"\u043f\u0440\u0438\u043c\u0435\u0440\u044b",children:"\u041f\u0440\u0438\u043c\u0435\u0440\u044b"})}),"\n",(0,n.jsx)("p",{class:"summary",children:(0,n.jsx)(t.p,{children:"\u041d\u0435\u0431\u043e\u043b\u044c\u0448\u0438\u0435 \u043f\u0440\u0430\u043a\u0442\u0438\u0447\u0435\u0441\u043a\u0438\u0435 \u043f\u0440\u0438\u043c\u0435\u0440\u044b \u043f\u043e \u043f\u0440\u0438\u043c\u0435\u043d\u0435\u043d\u0438\u044e \u043c\u0435\u0442\u043e\u0434\u043e\u043b\u043e\u0433\u0438\u0438"})}),"\n",(0,n.jsx)(t.h2,{id:"main",children:"\u0413\u043b\u0430\u0432\u043d\u043e\u0435"}),"\n","\n",(0,n.jsx)(a.Ay,{title:"\u0410\u0432\u0442\u043e\u0440\u0438\u0437\u0430\u0446\u0438\u044f",description:"\u0414\u0435\u043a\u043e\u043c\u043f\u043e\u0437\u0438\u0446\u0438\u044f \u043b\u043e\u0433\u0438\u043a\u0438 \u0430\u0432\u0442\u043e\u0440\u0438\u0437\u0430\u0446\u0438\u0438",to:"/docs/guides/examples/auth",Icon:u,tags:["\u0424\u043e\u0440\u043c\u044b","2FA","OAuth","\u0425\u0440\u0430\u043d\u0435\u043d\u0438\u0435 \u0442\u043e\u043a\u0435\u043d\u043e\u0432","\u041e\u0431\u043d\u043e\u0432\u043b\u0435\u043d\u0438\u0435 \u0442\u043e\u043a\u0435\u043d\u0430"]}),"\n",(0,n.jsx)(a.Ay,{title:"\u0422\u0438\u043f\u044b",description:"\u0413\u0434\u0435 \u0441\u0442\u043e\u0438\u0442 \u0440\u0430\u0441\u043f\u043e\u043b\u0430\u0433\u0430\u0442\u044c \u0442\u0438\u043f\u044b? \u041a\u0430\u043a\u0438\u0445 \u0432\u0438\u0434\u043e\u0432 \u043e\u043d\u0438 \u0431\u044b\u0432\u0430\u044e\u0442 \u0432 \u043a\u043e\u043d\u0442\u0435\u043a\u0441\u0442\u0435 FSD?",to:"/docs/guides/examples/types",Icon:p,tags:["DTO","\u041c\u0430\u043f\u043f\u0435\u0440\u044b","\u0421\u0432\u044f\u0437\u0438 \u0441\u0443\u0449\u043d\u043e\u0441\u0442\u0435\u0439","\u0410\u0432\u0442\u043e-\u0433\u0435\u043d\u0435\u0440\u0430\u0446\u0438\u044f","\u0421\u0445\u0435\u043c\u044b \u0432\u0430\u043b\u0438\u0434\u0430\u0446\u0438\u0438"]}),"\n",(0,n.jsx)(a.Ay,{title:"\u041b\u0435\u0439\u0430\u0443\u0442\u044b \u0441\u0442\u0440\u0430\u043d\u0438\u0446",description:"\u041e\u0441\u043d\u043e\u0432\u043d\u044b\u0435 \u043a\u0435\u0439\u0441\u044b \u0441 \u043b\u0435\u0439\u0430\u0443\u0442\u0430\u043c\u0438",to:"/docs/guides/examples/page-layout",Icon:v,tags:["\u0413\u0434\u0435 \u0445\u0440\u0430\u043d\u0438\u0442\u044c","\u0418\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u0435 \u0432\u0438\u0434\u0436\u0435\u0442\u043e\u0432 \u0432 \u043b\u0435\u0439\u0430\u0443\u0442\u0435"]})]})}function M(e={}){const{wrapper:t}={...(0,c.R)(),...e.components};return t?(0,n.jsx)(t,{...e,children:(0,n.jsx)(y,{...e})}):y(e)}},5988:(e,t,s)=>{s.d(t,{Y:()=>r,A:()=>d});s(758);var n=s(3526),c=s(6783);const a={root:"root_GfON",rootDisabled:"rootDisabled_SFUB",details:"details_xxkR",detailsTags:"detailsTags_uTQx",icon:"icon_ciqP",title:"title_pSH5",description:"description__Fep",miniTheme:"miniTheme_ePfp",primaryTheme:"primaryTheme_CilO",defaultTheme:"defaultTheme_j3I8"};var i=s(6070);const r=e=>{const{title:t,description:s,to:r,Icon:d,tags:l,className:u,disabled:h,theme:m="default"}=e;return(0,i.jsxs)(c.A,{className:(0,n.A)(a.root,u,h&&a.rootDisabled,a[`${m}Theme`]),to:r,children:[(0,i.jsx)(o,{Icon:d}),(0,i.jsxs)("div",{className:a.details,children:[(0,i.jsxs)("div",{className:a.detailsMain,children:[(0,i.jsx)("span",{className:a.title,children:t}),(0,i.jsx)("p",{className:a.description,children:s})]}),l&&(0,i.jsx)("div",{className:a.detailsTags,children:l.join(" \u2022 ")})]})]})},o=e=>{let{Icon:t}=e;return t?"string"==typeof t?(0,i.jsx)("span",{className:a.icon,children:t}):(0,i.jsx)(t,{className:a.icon}):null},d=r},1100:(e,t,s)=>{s.d(t,{R:()=>i,x:()=>r});var n=s(758);const c={},a=n.createContext(c);function i(e){const t=n.useContext(a);return n.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function r(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(c):e.components||c:i(e.components),n.createElement(a.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
+/*! For license information please see 2bd07bfd.29f3f253.js.LICENSE.txt */
+"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[3902],{7946:(e,t,s)=>{s.d(t,{Ay:()=>o,RM:()=>i});var n=s(6070),c=s(1100),a=s(5988);const i=[];function r(e){return(0,n.jsx)(a.A,{...e})}function o(e={}){const{wrapper:t}={...(0,c.R)(),...e.components};return t?(0,n.jsx)(t,{...e,children:(0,n.jsx)(r,{...e})}):r(e)}},2612:(e,t,s)=>{s.r(t),s.d(t,{assets:()=>A,contentTitle:()=>j,default:()=>M,frontMatter:()=>g,metadata:()=>_,toc:()=>b});var n=s(6070),c=s(1100),a=s(7946),i=s(991),r=s(758);const o={icon:{tag:"svg",attrs:{viewBox:"64 64 896 896",focusable:"false"},children:[{tag:"defs",attrs:{},children:[{tag:"style",attrs:{}}]},{tag:"path",attrs:{d:"M759 335c0-137-111-248-248-248S263 198 263 335c0 82.8 40.6 156.2 103 201.2-.4.2-.7.3-.9.4-44.7 18.9-84.8 46-119.3 80.6a373.42 373.42 0 00-80.4 119.5A373.6 373.6 0 00136 874.8a8 8 0 008 8.2h59.9c4.3 0 7.9-3.5 8-7.8 2-77.2 32.9-149.5 87.6-204.3C356 614.2 431 583 511 583c137 0 248-111 248-248zM511 507c-95 0-172-77-172-172s77-172 172-172 172 77 172 172-77 172-172 172zm105 221h264c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8H703.5l47.2-60.1a8.1 8.1 0 001.7-4.9c0-4.4-3.6-8-8-8h-72.6c-4.9 0-9.5 2.3-12.6 6.1l-68.5 87.1c-4.4 5.6-6.8 12.6-6.8 19.8.1 17.7 14.4 32 32.1 32zm240 64H592c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h176.5l-47.2 60.1a8.1 8.1 0 00-1.7 4.9c0 4.4 3.6 8 8 8h72.6c4.9 0 9.5-2.3 12.6-6.1l68.5-87.1c4.4-5.6 6.8-12.6 6.8-19.8-.1-17.7-14.4-32-32.1-32z"}}]},name:"user-switch",theme:"outlined"};var d=s(9820),l=function(e,t){return r.createElement(d.A,(0,i.A)({},e,{ref:t,icon:o}))};const u=r.forwardRef(l);const h={icon:{tag:"svg",attrs:{viewBox:"64 64 896 896",focusable:"false"},children:[{tag:"path",attrs:{d:"M920 416H616c-4.4 0-8 3.6-8 8v112c0 4.4 3.6 8 8 8h48c4.4 0 8-3.6 8-8v-56h60v320h-46c-4.4 0-8 3.6-8 8v48c0 4.4 3.6 8 8 8h164c4.4 0 8-3.6 8-8v-48c0-4.4-3.6-8-8-8h-46V480h60v56c0 4.4 3.6 8 8 8h48c4.4 0 8-3.6 8-8V424c0-4.4-3.6-8-8-8zM656 296V168c0-4.4-3.6-8-8-8H104c-4.4 0-8 3.6-8 8v128c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-64h168v560h-92c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h264c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8h-92V232h168v64c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8z"}}]},name:"font-size",theme:"outlined"};var m=function(e,t){return r.createElement(d.A,(0,i.A)({},e,{ref:t,icon:h}))};const p=r.forwardRef(m);const x={icon:{tag:"svg",attrs:{viewBox:"64 64 896 896",focusable:"false"},children:[{tag:"path",attrs:{d:"M880 112H144c-17.7 0-32 14.3-32 32v736c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V144c0-17.7-14.3-32-32-32zm-696 72h136v656H184V184zm656 656H384V384h456v456zM384 320V184h456v136H384z"}}]},name:"layout",theme:"outlined"};var f=function(e,t){return r.createElement(d.A,(0,i.A)({},e,{ref:t,icon:x}))};const v=r.forwardRef(f),g={hide_table_of_contents:!0},j="\u041f\u0440\u0438\u043c\u0435\u0440\u044b",_={id:"guides/examples/index",title:"\u041f\u0440\u0438\u043c\u0435\u0440\u044b",description:"\u041d\u0435\u0431\u043e\u043b\u044c\u0448\u0438\u0435 \u043f\u0440\u0430\u043a\u0442\u0438\u0447\u0435\u0441\u043a\u0438\u0435 \u043f\u0440\u0438\u043c\u0435\u0440\u044b \u043f\u043e \u043f\u0440\u0438\u043c\u0435\u043d\u0435\u043d\u0438\u044e \u043c\u0435\u0442\u043e\u0434\u043e\u043b\u043e\u0433\u0438\u0438",source:"@site/i18n/ru/docusaurus-plugin-content-docs/current/guides/examples/index.mdx",sourceDirName:"guides/examples",slug:"/guides/examples/",permalink:"/ru/docs/guides/examples/",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/ru/docusaurus-plugin-content-docs/current/guides/examples/index.mdx",tags:[],version:"current",lastUpdatedAt:1728325386e3,frontMatter:{hide_table_of_contents:!0},sidebar:"guidesSidebar",previous:{title:"\ud83c\udfaf \u0413\u0430\u0439\u0434\u044b",permalink:"/ru/docs/guides/"},next:{title:"\u0410\u0432\u0442\u043e\u0440\u0438\u0437\u0430\u0446\u0438\u044f",permalink:"/ru/docs/guides/examples/auth"}},A={},b=[{value:"\u0413\u043b\u0430\u0432\u043d\u043e\u0435",id:"main",level:2},...a.RM,...a.RM,...a.RM];function y(e){const t={h1:"h1",h2:"h2",header:"header",p:"p",...(0,c.R)(),...e.components};return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(t.header,{children:(0,n.jsx)(t.h1,{id:"\u043f\u0440\u0438\u043c\u0435\u0440\u044b",children:"\u041f\u0440\u0438\u043c\u0435\u0440\u044b"})}),"\n",(0,n.jsx)("p",{class:"summary",children:(0,n.jsx)(t.p,{children:"\u041d\u0435\u0431\u043e\u043b\u044c\u0448\u0438\u0435 \u043f\u0440\u0430\u043a\u0442\u0438\u0447\u0435\u0441\u043a\u0438\u0435 \u043f\u0440\u0438\u043c\u0435\u0440\u044b \u043f\u043e \u043f\u0440\u0438\u043c\u0435\u043d\u0435\u043d\u0438\u044e \u043c\u0435\u0442\u043e\u0434\u043e\u043b\u043e\u0433\u0438\u0438"})}),"\n",(0,n.jsx)(t.h2,{id:"main",children:"\u0413\u043b\u0430\u0432\u043d\u043e\u0435"}),"\n","\n",(0,n.jsx)(a.Ay,{title:"\u0410\u0432\u0442\u043e\u0440\u0438\u0437\u0430\u0446\u0438\u044f",description:"\u0414\u0435\u043a\u043e\u043c\u043f\u043e\u0437\u0438\u0446\u0438\u044f \u043b\u043e\u0433\u0438\u043a\u0438 \u0430\u0432\u0442\u043e\u0440\u0438\u0437\u0430\u0446\u0438\u0438",to:"/docs/guides/examples/auth",Icon:u,tags:["\u0424\u043e\u0440\u043c\u044b","2FA","OAuth","\u0425\u0440\u0430\u043d\u0435\u043d\u0438\u0435 \u0442\u043e\u043a\u0435\u043d\u043e\u0432","\u041e\u0431\u043d\u043e\u0432\u043b\u0435\u043d\u0438\u0435 \u0442\u043e\u043a\u0435\u043d\u0430"]}),"\n",(0,n.jsx)(a.Ay,{title:"\u0422\u0438\u043f\u044b",description:"\u0413\u0434\u0435 \u0441\u0442\u043e\u0438\u0442 \u0440\u0430\u0441\u043f\u043e\u043b\u0430\u0433\u0430\u0442\u044c \u0442\u0438\u043f\u044b? \u041a\u0430\u043a\u0438\u0445 \u0432\u0438\u0434\u043e\u0432 \u043e\u043d\u0438 \u0431\u044b\u0432\u0430\u044e\u0442 \u0432 \u043a\u043e\u043d\u0442\u0435\u043a\u0441\u0442\u0435 FSD?",to:"/docs/guides/examples/types",Icon:p,tags:["DTO","\u041c\u0430\u043f\u043f\u0435\u0440\u044b","\u0421\u0432\u044f\u0437\u0438 \u0441\u0443\u0449\u043d\u043e\u0441\u0442\u0435\u0439","\u0410\u0432\u0442\u043e-\u0433\u0435\u043d\u0435\u0440\u0430\u0446\u0438\u044f","\u0421\u0445\u0435\u043c\u044b \u0432\u0430\u043b\u0438\u0434\u0430\u0446\u0438\u0438"]}),"\n",(0,n.jsx)(a.Ay,{title:"\u041b\u0435\u0439\u0430\u0443\u0442\u044b \u0441\u0442\u0440\u0430\u043d\u0438\u0446",description:"\u041e\u0441\u043d\u043e\u0432\u043d\u044b\u0435 \u043a\u0435\u0439\u0441\u044b \u0441 \u043b\u0435\u0439\u0430\u0443\u0442\u0430\u043c\u0438",to:"/docs/guides/examples/page-layout",Icon:v,tags:["\u0413\u0434\u0435 \u0445\u0440\u0430\u043d\u0438\u0442\u044c","\u0418\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u0435 \u0432\u0438\u0434\u0436\u0435\u0442\u043e\u0432 \u0432 \u043b\u0435\u0439\u0430\u0443\u0442\u0435"]})]})}function M(e={}){const{wrapper:t}={...(0,c.R)(),...e.components};return t?(0,n.jsx)(t,{...e,children:(0,n.jsx)(y,{...e})}):y(e)}},5988:(e,t,s)=>{s.d(t,{Y:()=>r,A:()=>d});s(758);var n=s(3526),c=s(6783);const a={root:"root_GfON",rootDisabled:"rootDisabled_SFUB",details:"details_xxkR",detailsTags:"detailsTags_uTQx",icon:"icon_ciqP",title:"title_pSH5",description:"description__Fep",miniTheme:"miniTheme_ePfp",primaryTheme:"primaryTheme_CilO",defaultTheme:"defaultTheme_j3I8"};var i=s(6070);const r=e=>{const{title:t,description:s,to:r,Icon:d,tags:l,className:u,disabled:h,theme:m="default"}=e;return(0,i.jsxs)(c.A,{className:(0,n.A)(a.root,u,h&&a.rootDisabled,a[`${m}Theme`]),to:r,children:[(0,i.jsx)(o,{Icon:d}),(0,i.jsxs)("div",{className:a.details,children:[(0,i.jsxs)("div",{className:a.detailsMain,children:[(0,i.jsx)("span",{className:a.title,children:t}),(0,i.jsx)("p",{className:a.description,children:s})]}),l&&(0,i.jsx)("div",{className:a.detailsTags,children:l.join(" \u2022 ")})]})]})},o=e=>{let{Icon:t}=e;return t?"string"==typeof t?(0,i.jsx)("span",{className:a.icon,children:t}):(0,i.jsx)(t,{className:a.icon}):null},d=r},1100:(e,t,s)=>{s.d(t,{R:()=>i,x:()=>r});var n=s(758);const c={},a=n.createContext(c);function i(e){const t=n.useContext(a);return n.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function r(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(c):e.components||c:i(e.components),n.createElement(a.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
diff --git a/ru/assets/js/2bd07bfd.af57590b.js.LICENSE.txt b/ru/assets/js/2bd07bfd.29f3f253.js.LICENSE.txt
similarity index 100%
rename from ru/assets/js/2bd07bfd.af57590b.js.LICENSE.txt
rename to ru/assets/js/2bd07bfd.29f3f253.js.LICENSE.txt
diff --git a/ru/assets/js/352bcbef.dcdf5dcc.js b/ru/assets/js/352bcbef.b3926fe6.js
similarity index 99%
rename from ru/assets/js/352bcbef.dcdf5dcc.js
rename to ru/assets/js/352bcbef.b3926fe6.js
index aac6d4eb42..dc05461932 100644
--- a/ru/assets/js/352bcbef.dcdf5dcc.js
+++ b/ru/assets/js/352bcbef.b3926fe6.js
@@ -1 +1 @@
-"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[4401],{7593:(e,n,s)=>{s.r(n),s.d(n,{assets:()=>c,contentTitle:()=>o,default:()=>h,frontMatter:()=>t,metadata:()=>l,toc:()=>d});var i=s(6070),r=s(1100);const t={sidebar_position:1},o="Low Coupling & High Cohesion",l={id:"reference/isolation/coupling-cohesion",title:"Low Coupling & High Cohesion",description:"\u041c\u043e\u0434\u0443\u043b\u0438 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f \u0434\u043e\u043b\u0436\u043d\u044b \u043f\u0440\u043e\u0435\u043a\u0442\u0438\u0440\u043e\u0432\u0430\u0442\u044c\u0441\u044f \u043a\u0430\u043a \u043e\u0431\u043b\u0430\u0434\u0430\u044e\u0449\u0438\u0435 \u0441\u0438\u043b\u044c\u043d\u043e\u0439 \u0441\u0432\u044f\u0437\u043d\u043e\u0441\u0442\u044c\u044e (\u043d\u0430\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u043d\u044b\u0435 \u043d\u0430 \u0440\u0435\u0448\u0435\u043d\u0438\u0435 \u043e\u0434\u043d\u043e\u0439 \u0447\u0435\u0442\u043a\u043e\u0439 \u0437\u0430\u0434\u0430\u0447\u0438) \u0438 \u0441\u043b\u0430\u0431\u043e\u0439 \u0437\u0430\u0446\u0435\u043f\u043b\u0435\u043d\u043d\u043e\u0441\u0442\u044c\u044e (\u043a\u0430\u043a \u043c\u043e\u0436\u043d\u043e \u043c\u0435\u043d\u0435\u0435 \u0437\u0430\u0432\u0438\u0441\u0438\u043c\u044b\u0435 \u043e\u0442 \u0434\u0440\u0443\u0433\u0438\u0445 \u043c\u043e\u0434\u0443\u043b\u0435\u0439)",source:"@site/i18n/ru/docusaurus-plugin-content-docs/current/reference/isolation/coupling-cohesion.md",sourceDirName:"reference/isolation",slug:"/reference/isolation/coupling-cohesion",permalink:"/ru/docs/reference/isolation/coupling-cohesion",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/ru/docusaurus-plugin-content-docs/current/reference/isolation/coupling-cohesion.md",tags:[],version:"current",lastUpdatedAt:1727607766e3,sidebarPosition:1,frontMatter:{sidebar_position:1},sidebar:"referenceSidebar",previous:{title:"\u0418\u0437\u043e\u043b\u044f\u0446\u0438\u044f \u043c\u043e\u0434\u0443\u043b\u0435\u0439",permalink:"/ru/docs/reference/isolation/"},next:{title:"Decouple entities",permalink:"/ru/docs/reference/isolation/decouple-entities"}},c={},d=[{value:"\u041a\u043e\u043c\u043f\u043e\u0437\u0438\u0446\u0438\u044f \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u043e\u0432 (UI level)",id:"components-composition-ui-level",level:2},{value:"\u041f\u0440\u0438\u043c\u0435\u0440",id:"example",level:3},{value:"\u0417\u0430\u043a\u043b\u0430\u0434\u044b\u0432\u0430\u0435\u043c \u0440\u0430\u0441\u0448\u0438\u0440\u044f\u0435\u043c\u043e\u0441\u0442\u044c",id:"laying-the-extensibility",level:4},{value:"\u0418\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u043c \u043a\u043e\u043c\u043f\u043e\u0437\u0438\u0446\u0438\u044e",id:"using-the-composition",level:4},{value:"\u041a\u043e\u043c\u043f\u043e\u0437\u0438\u0446\u0438\u044f \u0441\u043b\u043e\u0435\u0432 (APP level)",id:"layer-composition-app-level",level:2},{value:"\u041f\u0440\u0438\u043c\u0435\u0440",id:"example",level:3},{value:"\u0421\u0432\u044f\u0436\u0435\u043c \u0432\u0441\u0435 \u044d\u0442\u043e \u0432\u043c\u0435\u0441\u0442\u0435",id:"lets-tie-it-all-together",level:4},{value:"\u041c\u043e\u0434\u0435\u043b\u044c \u0434\u0430\u043d\u043d\u044b\u0445",id:"data-model",level:4},{value:"\u0418\u0442\u043e\u0433\u043e",id:"summary",level:2},{value:"\u0421\u043c. \u0442\u0430\u043a\u0436\u0435",id:"see-also",level:2}];function a(e){const n={a:"a",blockquote:"blockquote",code:"code",em:"em",h1:"h1",h2:"h2",h3:"h3",h4:"h4",header:"header",li:"li",ol:"ol",p:"p",pre:"pre",strong:"strong",ul:"ul",...(0,r.R)(),...e.components};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(n.header,{children:(0,i.jsx)(n.h1,{id:"low-coupling--high-cohesion",children:"Low Coupling & High Cohesion"})}),"\n",(0,i.jsxs)(n.p,{children:["\u041c\u043e\u0434\u0443\u043b\u0438 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f \u0434\u043e\u043b\u0436\u043d\u044b \u043f\u0440\u043e\u0435\u043a\u0442\u0438\u0440\u043e\u0432\u0430\u0442\u044c\u0441\u044f \u043a\u0430\u043a \u043e\u0431\u043b\u0430\u0434\u0430\u044e\u0449\u0438\u0435 ",(0,i.jsx)(n.strong,{children:"\u0441\u0438\u043b\u044c\u043d\u043e\u0439 \u0441\u0432\u044f\u0437\u043d\u043e\u0441\u0442\u044c\u044e"})," (\u043d\u0430\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u043d\u044b\u0435 \u043d\u0430 \u0440\u0435\u0448\u0435\u043d\u0438\u0435 \u043e\u0434\u043d\u043e\u0439 \u0447\u0435\u0442\u043a\u043e\u0439 \u0437\u0430\u0434\u0430\u0447\u0438) \u0438 ",(0,i.jsx)(n.strong,{children:"\u0441\u043b\u0430\u0431\u043e\u0439 \u0437\u0430\u0446\u0435\u043f\u043b\u0435\u043d\u043d\u043e\u0441\u0442\u044c\u044e"})," (\u043a\u0430\u043a \u043c\u043e\u0436\u043d\u043e \u043c\u0435\u043d\u0435\u0435 \u0437\u0430\u0432\u0438\u0441\u0438\u043c\u044b\u0435 \u043e\u0442 \u0434\u0440\u0443\u0433\u0438\u0445 \u043c\u043e\u0434\u0443\u043b\u0435\u0439)"]}),"\n",(0,i.jsxs)("figure",{children:[(0,i.jsx)("img",{src:"/img/coupling-cohesion-light.svg#light-mode-only",alt:""}),(0,i.jsx)("img",{src:"/img/coupling-cohesion-dark.svg#dark-mode-only",alt:""}),(0,i.jsx)("figcaption",{children:(0,i.jsxs)(n.p,{children:["\u0418\u043b\u043b\u044e\u0441\u0442\u0440\u0430\u0446\u0438\u044f \u0432\u0434\u043e\u0445\u043d\u043e\u0432\u043b\u0435\u043d\u0430 \u0441\u0442\u0430\u0442\u044c\u0435\u0439 ",(0,i.jsx)(n.a,{href:"https://enterprisecraftsmanship.com/posts/cohesion-coupling-difference/",children:"https://enterprisecraftsmanship.com/posts/cohesion-coupling-difference/"})]})})]}),"\n",(0,i.jsx)(n.p,{children:"\u0412 \u0440\u0430\u043c\u043a\u0430\u0445 \u043c\u0435\u0442\u043e\u0434\u043e\u043b\u043e\u0433\u0438\u0438 \u044d\u0442\u043e \u0434\u043e\u0441\u0442\u0438\u0433\u0430\u0435\u0442\u0441\u044f \u0447\u0435\u0440\u0435\u0437:"}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsx)(n.li,{children:"\u0420\u0430\u0437\u0431\u0438\u0435\u043d\u0438\u0435 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f \u043d\u0430 \u0441\u043b\u043e\u0438 \u0438 \u0441\u043b\u0430\u0439\u0441\u044b - \u043c\u043e\u0434\u0443\u043b\u0438, \u0440\u0435\u0430\u043b\u0438\u0437\u0443\u044e\u0449\u0438\u0435 \u043a\u043e\u043d\u043a\u0440\u0435\u0442\u043d\u0443\u044e \u0444\u0443\u043d\u043a\u0446\u0438\u043e\u043d\u0430\u043b\u044c\u043d\u043e\u0441\u0442\u044c."}),"\n",(0,i.jsxs)(n.li,{children:["\u0422\u0440\u0435\u0431\u043e\u0432\u0430\u043d\u0438\u0435 \u043a \u043a\u0430\u0436\u0434\u043e\u043c\u0443 \u043c\u043e\u0434\u0443\u043b\u044e - \u043f\u0440\u0435\u0434\u043e\u0441\u0442\u0430\u0432\u043b\u044f\u0442\u044c ",(0,i.jsx)(n.a,{href:"/docs/reference/public-api",children:"\u043f\u0443\u0431\u043b\u0438\u0447\u043d\u044b\u0439 \u0438\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441 \u0434\u043e\u0441\u0442\u0443\u043f\u0430"})]}),"\n",(0,i.jsxs)(n.li,{children:["\u0412\u0432\u0435\u0434\u0435\u043d\u0438\u0435 \u0441\u043f\u0435\u0446\u0438\u0430\u043b\u044c\u043d\u044b\u0445 \u043e\u0433\u0440\u0430\u043d\u0438\u0447\u0435\u043d\u0438\u0439 \u043d\u0430 ",(0,i.jsx)(n.a,{href:"/docs/reference/isolation",children:"\u0432\u0437\u0430\u0438\u043c\u043e\u0434\u0435\u0439\u0441\u0442\u0432\u0438\u0435 \u043c\u043e\u0434\u0443\u043b\u0435\u0439 \u043c\u0435\u0436\u0434\u0443 \u0441\u043e\u0431\u043e\u0439"}),' - \u043a\u0430\u0436\u0434\u044b\u0439 \u043c\u043e\u0434\u0443\u043b\u044c \u043c\u043e\u0436\u0435\u0442 \u0437\u0430\u0432\u0438\u0441\u0435\u0442\u044c \u0442\u043e\u043b\u044c\u043a\u043e \u043e\u0442 "\u043d\u0438\u0436\u0435\u043b\u0435\u0436\u0430\u0449\u0438\u0445" \u043c\u043e\u0434\u0443\u043b\u0435\u0439, \u043d\u043e \u043d\u0435 \u043e\u0442 \u043c\u043e\u0434\u0443\u043b\u0435\u0439 \u0441 \u0442\u043e\u0433\u043e \u0436\u0435 \u0438\u043b\u0438 \u0431\u043e\u043b\u0435\u0435 \u0432\u044b\u0441\u043e\u043a\u043e\u0433\u043e \u0441\u043b\u043e\u044f.']}),"\n"]}),"\n",(0,i.jsx)(n.h2,{id:"components-composition-ui-level",children:"\u041a\u043e\u043c\u043f\u043e\u0437\u0438\u0446\u0438\u044f \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u043e\u0432 (UI level)"}),"\n",(0,i.jsx)(n.p,{children:"\u0410\u0431\u0441\u043e\u043b\u044e\u0442\u043d\u043e\u0435 \u0431\u043e\u043b\u044c\u0448\u0438\u043d\u0441\u0442\u0432\u043e \u0441\u043e\u0432\u0440\u0435\u043c\u0435\u043d\u043d\u044b\u0445 UI-\u0444\u0440\u0435\u0439\u043c\u0432\u043e\u0440\u043a\u043e\u0432 \u0438 \u0431\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a \u043f\u0440\u0435\u0434\u043e\u0441\u0442\u0430\u0432\u043b\u044f\u044e\u0442 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u043d\u0443\u044e \u043c\u043e\u0434\u0435\u043b\u044c, \u0432 \u043a\u043e\u0442\u043e\u0440\u043e\u0439 \u043a\u0430\u0436\u0434\u044b\u0439 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442 \u043c\u043e\u0436\u0435\u0442 \u0438\u043c\u0435\u0442\u044c \u0441\u043e\u0431\u0441\u0442\u0432\u0435\u043d\u043d\u044b\u0435 \u0441\u0432\u043e\u0439\u0441\u0442\u0432\u0430, \u0441\u043e\u0431\u0441\u0442\u0432\u0435\u043d\u043d\u043e\u0435 \u0441\u043e\u0441\u0442\u043e\u044f\u043d\u0438\u0435 \u0438 \u0434\u043e\u0447\u0435\u0440\u043d\u0438\u0435 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u044b, \u0430 \u0442\u0430\u043a\u0436\u0435, \u0437\u0430\u0447\u0430\u0441\u0442\u0443\u044e, \u0441\u043b\u043e\u0442\u044b."}),"\n",(0,i.jsxs)(n.p,{children:["\u0422\u0430\u043a\u0430\u044f \u043c\u043e\u0434\u0435\u043b\u044c \u043f\u043e\u0437\u0432\u043e\u043b\u044f\u0435\u0442 \u0441\u043e\u0431\u0438\u0440\u0430\u0442\u044c \u0438\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441 \u043a\u0430\u043a ",(0,i.jsx)(n.strong,{children:"\u043a\u043e\u043c\u043f\u043e\u0437\u0438\u0446\u0438\u044e \u0440\u0430\u0437\u043b\u0438\u0447\u043d\u044b\u0445, \u043d\u0430\u043f\u0440\u044f\u043c\u0443\u044e \u043d\u0435 \u0441\u0432\u044f\u0437\u0430\u043d\u043d\u044b\u0445 \u043c\u0435\u0436\u0434\u0443 \u0441\u043e\u0431\u043e\u0439 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u043e\u0432"})," \u0438, \u0442\u0435\u043c \u0441\u0430\u043c\u044b\u043c, \u0434\u043e\u0441\u0442\u0438\u0433\u0430\u0442\u044c ",(0,i.jsx)(n.strong,{children:"\u0441\u043b\u0430\u0431\u043e\u0439 \u0437\u0430\u0446\u0435\u043f\u043b\u0435\u043d\u043d\u043e\u0441\u0442\u0438"})," \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u043e\u0432 \u0438\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441\u0430"]}),"\n",(0,i.jsx)(n.h3,{id:"example",children:"\u041f\u0440\u0438\u043c\u0435\u0440"}),"\n",(0,i.jsxs)(n.p,{children:["\u0420\u0430\u0441\u0441\u043c\u043e\u0442\u0440\u0438\u043c \u0442\u0430\u043a\u0443\u044e \u043a\u043e\u043c\u043f\u043e\u0437\u0438\u0446\u0438\u044e \u043d\u0430 \u043f\u0440\u0438\u043c\u0435\u0440\u0435 ",(0,i.jsx)(n.strong,{children:"\u0441\u043f\u0438\u0441\u043a\u0430 \u0441 \u0445\u0435\u0434\u0435\u0440\u043e\u043c:"})]}),"\n",(0,i.jsx)(n.h4,{id:"laying-the-extensibility",children:"\u0417\u0430\u043a\u043b\u0430\u0434\u044b\u0432\u0430\u0435\u043c \u0440\u0430\u0441\u0448\u0438\u0440\u044f\u0435\u043c\u043e\u0441\u0442\u044c"}),"\n",(0,i.jsx)(n.p,{children:"\u041a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442 \u0441\u043f\u0438\u0441\u043a\u0430 \u043d\u0435 \u0431\u0443\u0434\u0435\u0442 \u0441\u0430\u043c \u043e\u043f\u0440\u0435\u0434\u0435\u043b\u044f\u0442\u044c \u0432\u0438\u0434 \u0438 \u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u0443 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u043e\u0432 \u0445\u0435\u0434\u0435\u0440\u0430 \u0438 \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u043e\u0432 \u0441\u043f\u0438\u0441\u043a\u0430, \u0432\u043c\u0435\u0441\u0442\u043e \u044d\u0442\u043e\u0433\u043e \u0431\u0443\u0434\u0435\u0442 \u043f\u0440\u0438\u043d\u0438\u043c\u0430\u0442\u044c \u0438\u0445 \u0432 \u043a\u0430\u0447\u0435\u0441\u0442\u0432\u0435 \u043f\u0430\u0440\u0430\u043c\u0435\u0442\u0440\u043e\u0432"}),"\n",(0,i.jsx)(n.pre,{children:(0,i.jsx)(n.code,{className:"language-tsx",children:'interface ListProps {\n    Header: React.ReactNode;\n    Items: React.ReactNode;\n}\n\nconst List: Component<ListProps> = ({ Header, Items }) => (\n    <div class="wrapper">\n        {Header}\n        <ul class="...">\n            {Items}\n        </ul>\n    </div>\n)\n\n'})}),"\n",(0,i.jsx)(n.h4,{id:"using-the-composition",children:"\u0418\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u043c \u043a\u043e\u043c\u043f\u043e\u0437\u0438\u0446\u0438\u044e"}),"\n",(0,i.jsxs)(n.p,{children:["\u042d\u0442\u043e \u043f\u043e\u0437\u0432\u043e\u043b\u044f\u0435\u0442 ",(0,i.jsx)(n.strong,{children:"\u043f\u0435\u0440\u0435\u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u0438 \u043d\u0435\u0437\u0430\u0432\u0438\u0441\u0438\u043c\u043e \u0438\u0437\u043c\u0435\u043d\u044f\u0442\u044c"})," \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u044b \u0440\u0430\u0437\u043b\u0438\u0447\u043d\u044b\u0445 \u0432\u0435\u0440\u0441\u0438\u0439 \u0445\u0435\u0434\u0435\u0440\u0430 \u0438 \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u043e\u0432 \u0441\u043f\u0438\u0441\u043a\u0430. \u041a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u044b \u0445\u0435\u0434\u0435\u0440\u0430 \u0438 \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u043e\u0432 \u0441\u043f\u0438\u0441\u043a\u0430 \u043c\u043e\u0433\u0443\u0442 \u0438\u043c\u0435\u0442\u044c \u043a\u0430\u043a \u0441\u0432\u043e\u0435 \u043b\u043e\u043a\u0430\u043b\u044c\u043d\u043e\u0435 \u0441\u043e\u0441\u0442\u043e\u044f\u043d\u0438\u0435, \u0442\u0430\u043a \u0438 \u0441\u0432\u043e\u044e \u043f\u0440\u0438\u0432\u044f\u0437\u043a\u0443 \u043a \u043b\u044e\u0431\u044b\u043c \u0447\u0430\u0441\u0442\u044f\u043c \u043e\u0431\u0449\u0435\u0433\u043e \u0441\u043e\u0441\u0442\u043e\u044f\u043d\u0438\u044f \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f - \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442 \u0441\u043f\u0438\u0441\u043a\u0430 \u043d\u0435 \u0431\u0443\u0434\u0435\u0442 \u043d\u0438\u0447\u0435\u0433\u043e \u043f\u0440\u043e \u044d\u0442\u043e \u0437\u043d\u0430\u0442\u044c, \u0430 \u0441\u043b\u0435\u0434\u043e\u0432\u0430\u0442\u0435\u043b\u044c\u043d\u043e, \u043d\u0435 \u0431\u0443\u0434\u0435\u0442 \u043e\u0442 \u044d\u0442\u043e\u0433\u043e \u0437\u0430\u0432\u0438\u0441\u0435\u0442\u044c"]}),"\n",(0,i.jsx)(n.pre,{children:(0,i.jsx)(n.code,{className:"language-tsx",children:'<List Header={<FancyHeader />} Items={<ToDoItems />} />\n\n<List Items={<CartItems />} />\n\n<List Header={<FancyHeaderV2 color="red" />} Items={<FancyItems />} />\n\n'})}),"\n",(0,i.jsx)(n.h2,{id:"layer-composition-app-level",children:"\u041a\u043e\u043c\u043f\u043e\u0437\u0438\u0446\u0438\u044f \u0441\u043b\u043e\u0435\u0432 (APP level)"}),"\n",(0,i.jsxs)(n.p,{children:["\u041c\u0435\u0442\u043e\u0434\u043e\u043b\u043e\u0433\u0438\u044f \u043f\u0440\u0435\u0434\u043b\u0430\u0433\u0430\u0435\u0442 \u0440\u0430\u0437\u0434\u0435\u043b\u044f\u0442\u044c \u0446\u0435\u043d\u043d\u0443\u044e \u0434\u043b\u044f \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044f \u0444\u0443\u043d\u043a\u0446\u0438\u043e\u043d\u0430\u043b\u044c\u043d\u043e\u0441\u0442\u044c \u043d\u0430 \u043e\u0442\u0434\u0435\u043b\u044c\u043d\u044b\u0435 \u043c\u043e\u0434\u0443\u043b\u0438 - ",(0,i.jsx)(n.strong,{children:"\u0444\u0438\u0447\u0438 (features)"}),", \u0430 \u043b\u043e\u0433\u0438\u043a\u0443, \u043e\u0442\u043d\u043e\u0441\u044f\u0449\u0443\u044e\u0441\u044f \u043a \u0431\u0438\u0437\u043d\u0435\u0441 \u0441\u0443\u0449\u043d\u043e\u0441\u0442\u044f\u043c - \u0432 ",(0,i.jsx)(n.strong,{children:"\u0441\u0443\u0449\u043d\u043e\u0441\u0442\u0438 (entities)"}),". \u0418 \u0444\u0438\u0447\u0438, \u0438 \u0441\u0443\u0449\u043d\u043e\u0441\u0442\u0438 ",(0,i.jsx)(n.strong,{children:"\u0434\u043e\u043b\u0436\u043d\u044b \u043f\u0440\u043e\u0435\u043a\u0442\u0438\u0440\u043e\u0432\u0430\u0442\u044c\u0441\u044f \u043a\u0430\u043a \u0432\u044b\u0441\u043e\u043a\u043e-\u0441\u0432\u044f\u0437\u043d\u044b\u0435 \u043c\u043e\u0434\u0443\u043b\u0438"}),", \u0442.\u0435. \u043d\u0430\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u043d\u044b\u0435 \u043d\u0430 \u0440\u0435\u0448\u0435\u043d\u0438\u0435 ",(0,i.jsx)(n.strong,{children:"\u043e\u0434\u043d\u043e\u0439 \u043a\u043e\u043d\u043a\u0440\u0435\u0442\u043d\u043e\u0439 \u0437\u0430\u0434\u0430\u0447\u0438"})," \u0438\u043b\u0438 \u0441\u043a\u043e\u043d\u0446\u0435\u043d\u0442\u0440\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u044b\u0435 \u0432\u043e\u043a\u0440\u0443\u0433 ",(0,i.jsx)(n.strong,{children:"\u043e\u0434\u043d\u043e\u0439 \u043a\u043e\u043d\u043a\u0440\u0435\u0442\u043d\u043e\u0439 \u0441\u0443\u0449\u043d\u043e\u0441\u0442\u0438."})]}),"\n",(0,i.jsxs)(n.p,{children:["\u0412\u0441\u0435 \u0432\u0437\u0430\u0438\u043c\u043e\u0434\u0435\u0439\u0441\u0442\u0432\u0438\u044f \u043c\u0435\u0436\u0434\u0443 \u0442\u0430\u043a\u0438\u043c\u0438 \u043c\u043e\u0434\u0443\u043b\u044f\u043c\u0438, \u0430\u043d\u0430\u043b\u043e\u0433\u0438\u0447\u043d\u043e UI-\u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u0430\u043c \u0438\u0437 \u043f\u0440\u0438\u043c\u0435\u0440\u0430 \u0432\u044b\u0448\u0435, \u0434\u043e\u043b\u0436\u043d\u044b \u0431\u044b\u0442\u044c \u043e\u0440\u0433\u0430\u043d\u0438\u0437\u043e\u0432\u0430\u043d\u044b \u043a\u0430\u043a ",(0,i.jsx)(n.strong,{children:"\u043a\u043e\u043c\u043f\u043e\u0437\u0438\u0446\u0438\u044f \u0440\u0430\u0437\u043b\u0438\u0447\u043d\u044b\u0445 \u043c\u043e\u0434\u0443\u043b\u0435\u0439."})]}),"\n",(0,i.jsx)(n.h3,{id:"example",children:"\u041f\u0440\u0438\u043c\u0435\u0440"}),"\n",(0,i.jsx)(n.p,{children:"\u041d\u0430 \u043f\u0440\u0438\u043c\u0435\u0440\u0435 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f-\u0447\u0430\u0442\u0430 \u0441 \u0442\u0430\u043a\u0438\u043c\u0438 \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e\u0441\u0442\u044f\u043c\u0438"}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsx)(n.li,{children:"\u043c\u043e\u0436\u043d\u043e \u043e\u0442\u043a\u0440\u044b\u0442\u044c \u0441\u043f\u0438\u0441\u043e\u043a \u043a\u043e\u043d\u0442\u0430\u043a\u0442\u043e\u0432 \u0438 \u0432\u044b\u0431\u0440\u0430\u0442\u044c \u0434\u0440\u0443\u0433\u0430"}),"\n",(0,i.jsx)(n.li,{children:"\u043c\u043e\u0436\u043d\u043e \u043e\u0442\u043a\u0440\u044b\u0442\u044c \u043f\u0435\u0440\u0435\u043f\u0438\u0441\u043a\u0443 \u0441 \u0432\u044b\u0431\u0440\u0430\u043d\u043d\u044b\u043c \u0434\u0440\u0443\u0433\u043e\u043c"}),"\n"]}),"\n",(0,i.jsx)(n.p,{children:"\u0412 \u0440\u0430\u043c\u043a\u0430\u0445 \u043c\u0435\u0442\u043e\u0434\u043e\u043b\u043e\u0433\u0438\u0438, \u044d\u0442\u043e \u043c\u043e\u0436\u0435\u0442 \u0431\u044b\u0442\u044c \u043f\u0440\u0435\u0434\u0441\u0442\u0430\u0432\u043b\u0435\u043d\u043e \u043f\u0440\u0438\u043c\u0435\u0440\u043d\u043e \u0442\u0430\u043a:"}),"\n",(0,i.jsx)(n.p,{children:"Entities"}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsx)(n.li,{children:"\u041f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044c (\u0441\u043e\u0434\u0435\u0440\u0436\u0438\u0442 \u0441\u043e\u0441\u0442\u043e\u044f\u043d\u0438\u0435 \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044f)"}),"\n",(0,i.jsx)(n.li,{children:"\u041a\u043e\u043d\u0442\u0430\u043a\u0442 (\u0441\u043e\u0441\u0442\u043e\u044f\u043d\u0438\u0435 \u0441\u043f\u0438\u0441\u043a\u0430 \u043a\u043e\u043d\u0442\u0430\u043a\u0442\u043e\u0432, \u0438\u043d\u0441\u0442\u0440\u0443\u043c\u0435\u043d\u0442\u044b \u0434\u043b\u044f \u0440\u0430\u0431\u043e\u0442\u044b \u0441 \u043e\u0442\u0434\u0435\u043b\u044c\u043d\u044b\u043c \u043a\u043e\u043d\u0442\u0430\u043a\u0442\u043e\u043c)"}),"\n",(0,i.jsx)(n.li,{children:"\u041f\u0435\u0440\u0435\u043f\u0438\u0441\u043a\u0430 (\u0441\u043e\u0441\u0442\u043e\u044f\u043d\u0438\u0435 \u0442\u0435\u043a\u0443\u0449\u0435\u0439 \u043f\u0435\u0440\u0435\u043f\u0438\u0441\u043a\u0438 \u0438 \u0440\u0430\u0431\u043e\u0442\u0430 \u0441 \u043d\u0435\u0439)"}),"\n"]}),"\n",(0,i.jsx)(n.p,{children:"Features"}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsx)(n.li,{children:"\u0424\u043e\u0440\u043c\u0430 \u043e\u0442\u043f\u0440\u0430\u0432\u043a\u0438 \u0441\u043e\u043e\u0431\u0449\u0435\u043d\u0438\u044f"}),"\n",(0,i.jsx)(n.li,{children:"\u041c\u0435\u043d\u044e \u0432\u044b\u0431\u043e\u0440\u0430 \u043f\u0435\u0440\u0435\u043f\u0438\u0441\u043a\u0438"}),"\n"]}),"\n",(0,i.jsx)(n.h4,{id:"lets-tie-it-all-together",children:"\u0421\u0432\u044f\u0436\u0435\u043c \u0432\u0441\u0435 \u044d\u0442\u043e \u0432\u043c\u0435\u0441\u0442\u0435"}),"\n",(0,i.jsx)(n.p,{children:"\u0412 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0438, \u0434\u043b\u044f \u043d\u0430\u0447\u0430\u043b\u0430, \u0431\u0443\u0434\u0435\u0442 \u043e\u0434\u043d\u0430 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0430, \u0438\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441 \u0431\u0443\u0434\u0435\u0442 \u043e\u0441\u043d\u043e\u0432\u0430\u043d \u043d\u0430 \u0441\u043b\u0435\u0433\u043a\u0430 \u043c\u043e\u0434\u0438\u0444\u0438\u0446\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u043e\u043c \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u0435 \u0438\u0437 \u043f\u0435\u0440\u0432\u043e\u0433\u043e \u043f\u0440\u0438\u043c\u0435\u0440\u0430"}),"\n",(0,i.jsx)(n.pre,{children:(0,i.jsx)(n.code,{className:"language-tsx",metastring:'title="page/main/ui.tsx"',children:"<List\n    Header={<ConversationSwitch />}\n    Items={<Messages />}\n    Footer={<MessageInput />}\n/>\n"})}),"\n",(0,i.jsx)(n.h4,{id:"data-model",children:"\u041c\u043e\u0434\u0435\u043b\u044c \u0434\u0430\u043d\u043d\u044b\u0445"}),"\n",(0,i.jsxs)(n.p,{children:["\u041c\u043e\u0434\u0435\u043b\u044c \u0434\u0430\u043d\u043d\u044b\u0445 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b \u0431\u0443\u0434\u0435\u0442 \u043e\u0440\u0433\u0430\u043d\u0438\u0437\u043e\u0432\u0430\u043d\u0430 \u043a\u0430\u043a ",(0,i.jsx)(n.strong,{children:"\u043a\u043e\u043c\u043f\u043e\u0437\u0438\u0446\u0438\u044f \u0444\u0438\u0447 \u0438 \u0441\u0443\u0449\u043d\u043e\u0441\u0442\u0435\u0439"}),". \u0412 \u0440\u0430\u043c\u043a\u0430\u0445 \u044d\u0442\u043e\u0433\u043e \u043f\u0440\u0438\u043c\u0435\u0440\u0430 \u0444\u0438\u0447\u0438 \u0431\u0443\u0434\u0443\u0442 \u0440\u0435\u0430\u043b\u0438\u0437\u043e\u0432\u0430\u043d\u044b \u043a\u0430\u043a \u0444\u0430\u0431\u0440\u0438\u043a\u0438 \u0438 \u043f\u043e\u043b\u0443\u0447\u0430\u0442\u044c \u0434\u043e\u0441\u0442\u0443\u043f \u043a \u0438\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441\u0443 \u0441\u0443\u0449\u043d\u043e\u0441\u0442\u0435\u0439 \u0447\u0435\u0440\u0435\u0437 \u043f\u0430\u0440\u0430\u043c\u0435\u0442\u0440\u044b \u044d\u0442\u0438\u0445 \u0444\u0430\u0431\u0440\u0438\u043a."]}),"\n",(0,i.jsxs)(n.blockquote,{children:["\n",(0,i.jsx)(n.p,{children:"\u041e\u0434\u043d\u0430\u043a\u043e, \u0440\u0435\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u044f \u0432 \u0432\u0438\u0434\u0435 \u0444\u0430\u0431\u0440\u0438\u043a\u0438 \u043d\u0435\u043e\u0431\u044f\u0437\u0430\u0442\u0435\u043b\u044c\u043d\u0430 - \u0444\u0438\u0447\u0430 \u043c\u043e\u0436\u0435\u0442 \u0437\u0430\u0432\u0438\u0441\u0435\u0442\u044c \u043e\u0442 \u043d\u0438\u0436\u0435\u043b\u0435\u0436\u0430\u0449\u0438\u0445 \u0441\u043b\u043e\u0435\u0432 \u0438 \u043d\u0430\u043f\u0440\u044f\u043c\u0443\u044e"}),"\n"]}),"\n",(0,i.jsx)(n.pre,{children:(0,i.jsx)(n.code,{className:"language-ts",metastring:'title="pages/main/model.ts"',children:'import { userModel } from "entitites/user"\nimport { conversationModel } from "entities/conversation"\nimport { contactModel } from "entities/contact"\n\nimport { createMessageInput } from "features/message-input"\nimport { createConversationSwitch } from "features/conversation-switch"\n\nimport { beautifiy } from "shared/lib/beautify-text"\n\nexport const { allConversations, setConversation } = createConversationSwitch({\n    contacts: contactModel.allContacts,\n    setConversation: conversationModel.setConversation,\n    currentConversation: conversationModel.conversation,\n    currentUser: userModel.currentUser\n})\n\nexport const { sendMessage, attachFile } = createMessageInput({\n    author: userModel.currentUser\n    send: conversationModel.sendMessage,\n    formatMessage: beautify\n})\n'})}),"\n",(0,i.jsx)(n.h2,{id:"summary",children:"\u0418\u0442\u043e\u0433\u043e"}),"\n",(0,i.jsxs)(n.ol,{children:["\n",(0,i.jsxs)(n.li,{children:["\u041c\u043e\u0434\u0443\u043b\u0438 \u0434\u043e\u043b\u0436\u043d\u044b \u043e\u0431\u043b\u0430\u0434\u0430\u0442\u044c ",(0,i.jsx)(n.strong,{children:"\u0441\u0438\u043b\u044c\u043d\u043e\u0439 \u0441\u0432\u044f\u0437\u043d\u043e\u0441\u0442\u044c\u044e"})," (\u0438\u043c\u0435\u0442\u044c \u043e\u0434\u043d\u0443 \u043e\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0435\u043d\u043d\u043e\u0441\u0442\u044c, \u0440\u0435\u0448\u0430\u0442\u044c \u043e\u0434\u043d\u0443 \u043a\u043e\u043d\u043a\u0440\u0435\u0442\u043d\u0443\u044e \u0437\u0430\u0434\u0430\u0447\u0443) \u0438 \u043f\u0440\u0435\u0434\u043e\u0441\u0442\u0430\u0432\u043b\u044f\u0442\u044c ",(0,i.jsx)(n.a,{href:"/docs/reference/public-api",children:(0,i.jsx)(n.strong,{children:"\u043f\u0443\u0431\u043b\u0438\u0447\u043d\u044b\u0439 \u0438\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441"})})," \u0434\u043e\u0441\u0442\u0443\u043f\u0430"]}),"\n",(0,i.jsxs)(n.li,{children:[(0,i.jsx)(n.strong,{children:"\u0421\u043b\u0430\u0431\u0430\u044f \u0437\u0430\u0446\u0435\u043f\u043b\u0435\u043d\u043d\u043e\u0441\u0442\u044c"})," \u0434\u043e\u0441\u0442\u0438\u0433\u0430\u0435\u0442\u0441\u044f \u0447\u0435\u0440\u0435\u0437 \u043a\u043e\u043c\u043f\u043e\u0437\u0438\u0446\u0438\u044e \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u043e\u0432 - \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u043e\u0432 UI, \u0444\u0438\u0447 \u0438 \u0441\u0443\u0449\u043d\u043e\u0441\u0442\u0435\u0439"]}),"\n",(0,i.jsxs)(n.li,{children:["\u0422\u0430\u043a\u0436\u0435, \u0434\u043b\u044f \u0441\u043d\u0438\u0436\u0435\u043d\u0438\u044f \u0437\u0430\u0446\u0435\u043f\u043b\u0435\u043d\u043d\u043e\u0441\u0442\u0438, \u043c\u043e\u0434\u0443\u043b\u0438 ",(0,i.jsx)(n.strong,{children:"\u0434\u043e\u043b\u0436\u043d\u044b \u0437\u0430\u0432\u0438\u0441\u0435\u0442\u044c \u0434\u0440\u0443\u0433 \u043e\u0442 \u0434\u0440\u0443\u0433\u0430 \u0442\u043e\u043b\u044c\u043a\u043e \u0447\u0435\u0440\u0435\u0437 \u043f\u0443\u0431\u043b\u0438\u0447\u043d\u044b\u0435 \u0438\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441\u044b"})," - \u0442\u0430\u043a \u0434\u043e\u0441\u0442\u0438\u0433\u0430\u0435\u0442\u0441\u044f \u043d\u0435\u0437\u0430\u0432\u0438\u0441\u0438\u043c\u043e\u0441\u0442\u044c \u043c\u043e\u0434\u0443\u043b\u0435\u0439 \u043e\u0442 \u0432\u043d\u0443\u0442\u0440\u0435\u043d\u043d\u0435\u0439 \u0440\u0435\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u0438 \u0434\u0440\u0443\u0433 \u0434\u0440\u0443\u0433\u0430"]}),"\n"]}),"\n",(0,i.jsx)(n.h2,{id:"see-also",children:"\u0421\u043c. \u0442\u0430\u043a\u0436\u0435"}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsxs)(n.li,{children:[(0,i.jsx)(n.a,{href:"https://enterprisecraftsmanship.com/posts/cohesion-coupling-difference/",children:"(\u0421\u0442\u0430\u0442\u044c\u044f) \u041f\u0440\u043e Low Coupling \u0438 High Cohesion \u043d\u0430\u0433\u043b\u044f\u0434\u043d\u043e"}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsx)(n.li,{children:(0,i.jsx)(n.em,{children:"\u0421\u0445\u0435\u043c\u0430 \u0432 \u043d\u0430\u0447\u0430\u043b\u0435 \u0432\u0434\u043e\u0445\u043d\u043e\u0432\u043b\u0435\u043d\u0430 \u0438\u043c\u0435\u043d\u043d\u043e \u044d\u0442\u043e\u0439 \u0441\u0442\u0430\u0442\u044c\u0435\u0439"})}),"\n"]}),"\n"]}),"\n",(0,i.jsx)(n.li,{children:(0,i.jsx)(n.a,{href:"https://medium.com/german-gorelkin/low-coupling-high-cohesion-d36369fb1be9",children:"(\u0421\u0442\u0430\u0442\u044c\u044f) Low Coupling \u0438 High Cohesion. \u0417\u0430\u043a\u043e\u043d \u0414\u0435\u043c\u0435\u0442\u0440\u044b"})}),"\n",(0,i.jsx)(n.li,{children:(0,i.jsx)(n.a,{href:"https://www.slideshare.net/cristalngo/software-design-principles-57388843",children:"(\u041f\u0440\u0435\u0437\u0435\u043d\u0442\u0430\u0446\u0438\u044f) \u041f\u0440\u043e \u043f\u0440\u0438\u043d\u0446\u0438\u043f\u044b \u043f\u0440\u043e\u0435\u043a\u0442\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u044f (\u0432\u043a\u043b\u044e\u0447\u0430\u044f Low Coupling & High Cohesion)"})}),"\n"]})]})}function h(e={}){const{wrapper:n}={...(0,r.R)(),...e.components};return n?(0,i.jsx)(n,{...e,children:(0,i.jsx)(a,{...e})}):a(e)}},1100:(e,n,s)=>{s.d(n,{R:()=>o,x:()=>l});var i=s(758);const r={},t=i.createContext(r);function o(e){const n=i.useContext(t);return i.useMemo((function(){return"function"==typeof e?e(n):{...n,...e}}),[n,e])}function l(e){let n;return n=e.disableParentContext?"function"==typeof e.components?e.components(r):e.components||r:o(e.components),i.createElement(t.Provider,{value:n},e.children)}}}]);
\ No newline at end of file
+"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[4401],{7593:(e,n,s)=>{s.r(n),s.d(n,{assets:()=>c,contentTitle:()=>o,default:()=>h,frontMatter:()=>t,metadata:()=>l,toc:()=>d});var i=s(6070),r=s(1100);const t={sidebar_position:1},o="Low Coupling & High Cohesion",l={id:"reference/isolation/coupling-cohesion",title:"Low Coupling & High Cohesion",description:"\u041c\u043e\u0434\u0443\u043b\u0438 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f \u0434\u043e\u043b\u0436\u043d\u044b \u043f\u0440\u043e\u0435\u043a\u0442\u0438\u0440\u043e\u0432\u0430\u0442\u044c\u0441\u044f \u043a\u0430\u043a \u043e\u0431\u043b\u0430\u0434\u0430\u044e\u0449\u0438\u0435 \u0441\u0438\u043b\u044c\u043d\u043e\u0439 \u0441\u0432\u044f\u0437\u043d\u043e\u0441\u0442\u044c\u044e (\u043d\u0430\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u043d\u044b\u0435 \u043d\u0430 \u0440\u0435\u0448\u0435\u043d\u0438\u0435 \u043e\u0434\u043d\u043e\u0439 \u0447\u0435\u0442\u043a\u043e\u0439 \u0437\u0430\u0434\u0430\u0447\u0438) \u0438 \u0441\u043b\u0430\u0431\u043e\u0439 \u0437\u0430\u0446\u0435\u043f\u043b\u0435\u043d\u043d\u043e\u0441\u0442\u044c\u044e (\u043a\u0430\u043a \u043c\u043e\u0436\u043d\u043e \u043c\u0435\u043d\u0435\u0435 \u0437\u0430\u0432\u0438\u0441\u0438\u043c\u044b\u0435 \u043e\u0442 \u0434\u0440\u0443\u0433\u0438\u0445 \u043c\u043e\u0434\u0443\u043b\u0435\u0439)",source:"@site/i18n/ru/docusaurus-plugin-content-docs/current/reference/isolation/coupling-cohesion.md",sourceDirName:"reference/isolation",slug:"/reference/isolation/coupling-cohesion",permalink:"/ru/docs/reference/isolation/coupling-cohesion",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/ru/docusaurus-plugin-content-docs/current/reference/isolation/coupling-cohesion.md",tags:[],version:"current",lastUpdatedAt:1728325386e3,sidebarPosition:1,frontMatter:{sidebar_position:1},sidebar:"referenceSidebar",previous:{title:"\u0418\u0437\u043e\u043b\u044f\u0446\u0438\u044f \u043c\u043e\u0434\u0443\u043b\u0435\u0439",permalink:"/ru/docs/reference/isolation/"},next:{title:"Decouple entities",permalink:"/ru/docs/reference/isolation/decouple-entities"}},c={},d=[{value:"\u041a\u043e\u043c\u043f\u043e\u0437\u0438\u0446\u0438\u044f \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u043e\u0432 (UI level)",id:"components-composition-ui-level",level:2},{value:"\u041f\u0440\u0438\u043c\u0435\u0440",id:"example",level:3},{value:"\u0417\u0430\u043a\u043b\u0430\u0434\u044b\u0432\u0430\u0435\u043c \u0440\u0430\u0441\u0448\u0438\u0440\u044f\u0435\u043c\u043e\u0441\u0442\u044c",id:"laying-the-extensibility",level:4},{value:"\u0418\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u043c \u043a\u043e\u043c\u043f\u043e\u0437\u0438\u0446\u0438\u044e",id:"using-the-composition",level:4},{value:"\u041a\u043e\u043c\u043f\u043e\u0437\u0438\u0446\u0438\u044f \u0441\u043b\u043e\u0435\u0432 (APP level)",id:"layer-composition-app-level",level:2},{value:"\u041f\u0440\u0438\u043c\u0435\u0440",id:"example",level:3},{value:"\u0421\u0432\u044f\u0436\u0435\u043c \u0432\u0441\u0435 \u044d\u0442\u043e \u0432\u043c\u0435\u0441\u0442\u0435",id:"lets-tie-it-all-together",level:4},{value:"\u041c\u043e\u0434\u0435\u043b\u044c \u0434\u0430\u043d\u043d\u044b\u0445",id:"data-model",level:4},{value:"\u0418\u0442\u043e\u0433\u043e",id:"summary",level:2},{value:"\u0421\u043c. \u0442\u0430\u043a\u0436\u0435",id:"see-also",level:2}];function a(e){const n={a:"a",blockquote:"blockquote",code:"code",em:"em",h1:"h1",h2:"h2",h3:"h3",h4:"h4",header:"header",li:"li",ol:"ol",p:"p",pre:"pre",strong:"strong",ul:"ul",...(0,r.R)(),...e.components};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(n.header,{children:(0,i.jsx)(n.h1,{id:"low-coupling--high-cohesion",children:"Low Coupling & High Cohesion"})}),"\n",(0,i.jsxs)(n.p,{children:["\u041c\u043e\u0434\u0443\u043b\u0438 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f \u0434\u043e\u043b\u0436\u043d\u044b \u043f\u0440\u043e\u0435\u043a\u0442\u0438\u0440\u043e\u0432\u0430\u0442\u044c\u0441\u044f \u043a\u0430\u043a \u043e\u0431\u043b\u0430\u0434\u0430\u044e\u0449\u0438\u0435 ",(0,i.jsx)(n.strong,{children:"\u0441\u0438\u043b\u044c\u043d\u043e\u0439 \u0441\u0432\u044f\u0437\u043d\u043e\u0441\u0442\u044c\u044e"})," (\u043d\u0430\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u043d\u044b\u0435 \u043d\u0430 \u0440\u0435\u0448\u0435\u043d\u0438\u0435 \u043e\u0434\u043d\u043e\u0439 \u0447\u0435\u0442\u043a\u043e\u0439 \u0437\u0430\u0434\u0430\u0447\u0438) \u0438 ",(0,i.jsx)(n.strong,{children:"\u0441\u043b\u0430\u0431\u043e\u0439 \u0437\u0430\u0446\u0435\u043f\u043b\u0435\u043d\u043d\u043e\u0441\u0442\u044c\u044e"})," (\u043a\u0430\u043a \u043c\u043e\u0436\u043d\u043e \u043c\u0435\u043d\u0435\u0435 \u0437\u0430\u0432\u0438\u0441\u0438\u043c\u044b\u0435 \u043e\u0442 \u0434\u0440\u0443\u0433\u0438\u0445 \u043c\u043e\u0434\u0443\u043b\u0435\u0439)"]}),"\n",(0,i.jsxs)("figure",{children:[(0,i.jsx)("img",{src:"/img/coupling-cohesion-light.svg#light-mode-only",alt:""}),(0,i.jsx)("img",{src:"/img/coupling-cohesion-dark.svg#dark-mode-only",alt:""}),(0,i.jsx)("figcaption",{children:(0,i.jsxs)(n.p,{children:["\u0418\u043b\u043b\u044e\u0441\u0442\u0440\u0430\u0446\u0438\u044f \u0432\u0434\u043e\u0445\u043d\u043e\u0432\u043b\u0435\u043d\u0430 \u0441\u0442\u0430\u0442\u044c\u0435\u0439 ",(0,i.jsx)(n.a,{href:"https://enterprisecraftsmanship.com/posts/cohesion-coupling-difference/",children:"https://enterprisecraftsmanship.com/posts/cohesion-coupling-difference/"})]})})]}),"\n",(0,i.jsx)(n.p,{children:"\u0412 \u0440\u0430\u043c\u043a\u0430\u0445 \u043c\u0435\u0442\u043e\u0434\u043e\u043b\u043e\u0433\u0438\u0438 \u044d\u0442\u043e \u0434\u043e\u0441\u0442\u0438\u0433\u0430\u0435\u0442\u0441\u044f \u0447\u0435\u0440\u0435\u0437:"}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsx)(n.li,{children:"\u0420\u0430\u0437\u0431\u0438\u0435\u043d\u0438\u0435 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f \u043d\u0430 \u0441\u043b\u043e\u0438 \u0438 \u0441\u043b\u0430\u0439\u0441\u044b - \u043c\u043e\u0434\u0443\u043b\u0438, \u0440\u0435\u0430\u043b\u0438\u0437\u0443\u044e\u0449\u0438\u0435 \u043a\u043e\u043d\u043a\u0440\u0435\u0442\u043d\u0443\u044e \u0444\u0443\u043d\u043a\u0446\u0438\u043e\u043d\u0430\u043b\u044c\u043d\u043e\u0441\u0442\u044c."}),"\n",(0,i.jsxs)(n.li,{children:["\u0422\u0440\u0435\u0431\u043e\u0432\u0430\u043d\u0438\u0435 \u043a \u043a\u0430\u0436\u0434\u043e\u043c\u0443 \u043c\u043e\u0434\u0443\u043b\u044e - \u043f\u0440\u0435\u0434\u043e\u0441\u0442\u0430\u0432\u043b\u044f\u0442\u044c ",(0,i.jsx)(n.a,{href:"/docs/reference/public-api",children:"\u043f\u0443\u0431\u043b\u0438\u0447\u043d\u044b\u0439 \u0438\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441 \u0434\u043e\u0441\u0442\u0443\u043f\u0430"})]}),"\n",(0,i.jsxs)(n.li,{children:["\u0412\u0432\u0435\u0434\u0435\u043d\u0438\u0435 \u0441\u043f\u0435\u0446\u0438\u0430\u043b\u044c\u043d\u044b\u0445 \u043e\u0433\u0440\u0430\u043d\u0438\u0447\u0435\u043d\u0438\u0439 \u043d\u0430 ",(0,i.jsx)(n.a,{href:"/docs/reference/isolation",children:"\u0432\u0437\u0430\u0438\u043c\u043e\u0434\u0435\u0439\u0441\u0442\u0432\u0438\u0435 \u043c\u043e\u0434\u0443\u043b\u0435\u0439 \u043c\u0435\u0436\u0434\u0443 \u0441\u043e\u0431\u043e\u0439"}),' - \u043a\u0430\u0436\u0434\u044b\u0439 \u043c\u043e\u0434\u0443\u043b\u044c \u043c\u043e\u0436\u0435\u0442 \u0437\u0430\u0432\u0438\u0441\u0435\u0442\u044c \u0442\u043e\u043b\u044c\u043a\u043e \u043e\u0442 "\u043d\u0438\u0436\u0435\u043b\u0435\u0436\u0430\u0449\u0438\u0445" \u043c\u043e\u0434\u0443\u043b\u0435\u0439, \u043d\u043e \u043d\u0435 \u043e\u0442 \u043c\u043e\u0434\u0443\u043b\u0435\u0439 \u0441 \u0442\u043e\u0433\u043e \u0436\u0435 \u0438\u043b\u0438 \u0431\u043e\u043b\u0435\u0435 \u0432\u044b\u0441\u043e\u043a\u043e\u0433\u043e \u0441\u043b\u043e\u044f.']}),"\n"]}),"\n",(0,i.jsx)(n.h2,{id:"components-composition-ui-level",children:"\u041a\u043e\u043c\u043f\u043e\u0437\u0438\u0446\u0438\u044f \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u043e\u0432 (UI level)"}),"\n",(0,i.jsx)(n.p,{children:"\u0410\u0431\u0441\u043e\u043b\u044e\u0442\u043d\u043e\u0435 \u0431\u043e\u043b\u044c\u0448\u0438\u043d\u0441\u0442\u0432\u043e \u0441\u043e\u0432\u0440\u0435\u043c\u0435\u043d\u043d\u044b\u0445 UI-\u0444\u0440\u0435\u0439\u043c\u0432\u043e\u0440\u043a\u043e\u0432 \u0438 \u0431\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a \u043f\u0440\u0435\u0434\u043e\u0441\u0442\u0430\u0432\u043b\u044f\u044e\u0442 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u043d\u0443\u044e \u043c\u043e\u0434\u0435\u043b\u044c, \u0432 \u043a\u043e\u0442\u043e\u0440\u043e\u0439 \u043a\u0430\u0436\u0434\u044b\u0439 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442 \u043c\u043e\u0436\u0435\u0442 \u0438\u043c\u0435\u0442\u044c \u0441\u043e\u0431\u0441\u0442\u0432\u0435\u043d\u043d\u044b\u0435 \u0441\u0432\u043e\u0439\u0441\u0442\u0432\u0430, \u0441\u043e\u0431\u0441\u0442\u0432\u0435\u043d\u043d\u043e\u0435 \u0441\u043e\u0441\u0442\u043e\u044f\u043d\u0438\u0435 \u0438 \u0434\u043e\u0447\u0435\u0440\u043d\u0438\u0435 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u044b, \u0430 \u0442\u0430\u043a\u0436\u0435, \u0437\u0430\u0447\u0430\u0441\u0442\u0443\u044e, \u0441\u043b\u043e\u0442\u044b."}),"\n",(0,i.jsxs)(n.p,{children:["\u0422\u0430\u043a\u0430\u044f \u043c\u043e\u0434\u0435\u043b\u044c \u043f\u043e\u0437\u0432\u043e\u043b\u044f\u0435\u0442 \u0441\u043e\u0431\u0438\u0440\u0430\u0442\u044c \u0438\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441 \u043a\u0430\u043a ",(0,i.jsx)(n.strong,{children:"\u043a\u043e\u043c\u043f\u043e\u0437\u0438\u0446\u0438\u044e \u0440\u0430\u0437\u043b\u0438\u0447\u043d\u044b\u0445, \u043d\u0430\u043f\u0440\u044f\u043c\u0443\u044e \u043d\u0435 \u0441\u0432\u044f\u0437\u0430\u043d\u043d\u044b\u0445 \u043c\u0435\u0436\u0434\u0443 \u0441\u043e\u0431\u043e\u0439 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u043e\u0432"})," \u0438, \u0442\u0435\u043c \u0441\u0430\u043c\u044b\u043c, \u0434\u043e\u0441\u0442\u0438\u0433\u0430\u0442\u044c ",(0,i.jsx)(n.strong,{children:"\u0441\u043b\u0430\u0431\u043e\u0439 \u0437\u0430\u0446\u0435\u043f\u043b\u0435\u043d\u043d\u043e\u0441\u0442\u0438"})," \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u043e\u0432 \u0438\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441\u0430"]}),"\n",(0,i.jsx)(n.h3,{id:"example",children:"\u041f\u0440\u0438\u043c\u0435\u0440"}),"\n",(0,i.jsxs)(n.p,{children:["\u0420\u0430\u0441\u0441\u043c\u043e\u0442\u0440\u0438\u043c \u0442\u0430\u043a\u0443\u044e \u043a\u043e\u043c\u043f\u043e\u0437\u0438\u0446\u0438\u044e \u043d\u0430 \u043f\u0440\u0438\u043c\u0435\u0440\u0435 ",(0,i.jsx)(n.strong,{children:"\u0441\u043f\u0438\u0441\u043a\u0430 \u0441 \u0445\u0435\u0434\u0435\u0440\u043e\u043c:"})]}),"\n",(0,i.jsx)(n.h4,{id:"laying-the-extensibility",children:"\u0417\u0430\u043a\u043b\u0430\u0434\u044b\u0432\u0430\u0435\u043c \u0440\u0430\u0441\u0448\u0438\u0440\u044f\u0435\u043c\u043e\u0441\u0442\u044c"}),"\n",(0,i.jsx)(n.p,{children:"\u041a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442 \u0441\u043f\u0438\u0441\u043a\u0430 \u043d\u0435 \u0431\u0443\u0434\u0435\u0442 \u0441\u0430\u043c \u043e\u043f\u0440\u0435\u0434\u0435\u043b\u044f\u0442\u044c \u0432\u0438\u0434 \u0438 \u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u0443 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u043e\u0432 \u0445\u0435\u0434\u0435\u0440\u0430 \u0438 \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u043e\u0432 \u0441\u043f\u0438\u0441\u043a\u0430, \u0432\u043c\u0435\u0441\u0442\u043e \u044d\u0442\u043e\u0433\u043e \u0431\u0443\u0434\u0435\u0442 \u043f\u0440\u0438\u043d\u0438\u043c\u0430\u0442\u044c \u0438\u0445 \u0432 \u043a\u0430\u0447\u0435\u0441\u0442\u0432\u0435 \u043f\u0430\u0440\u0430\u043c\u0435\u0442\u0440\u043e\u0432"}),"\n",(0,i.jsx)(n.pre,{children:(0,i.jsx)(n.code,{className:"language-tsx",children:'interface ListProps {\n    Header: React.ReactNode;\n    Items: React.ReactNode;\n}\n\nconst List: Component<ListProps> = ({ Header, Items }) => (\n    <div class="wrapper">\n        {Header}\n        <ul class="...">\n            {Items}\n        </ul>\n    </div>\n)\n\n'})}),"\n",(0,i.jsx)(n.h4,{id:"using-the-composition",children:"\u0418\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u043c \u043a\u043e\u043c\u043f\u043e\u0437\u0438\u0446\u0438\u044e"}),"\n",(0,i.jsxs)(n.p,{children:["\u042d\u0442\u043e \u043f\u043e\u0437\u0432\u043e\u043b\u044f\u0435\u0442 ",(0,i.jsx)(n.strong,{children:"\u043f\u0435\u0440\u0435\u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u0438 \u043d\u0435\u0437\u0430\u0432\u0438\u0441\u0438\u043c\u043e \u0438\u0437\u043c\u0435\u043d\u044f\u0442\u044c"})," \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u044b \u0440\u0430\u0437\u043b\u0438\u0447\u043d\u044b\u0445 \u0432\u0435\u0440\u0441\u0438\u0439 \u0445\u0435\u0434\u0435\u0440\u0430 \u0438 \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u043e\u0432 \u0441\u043f\u0438\u0441\u043a\u0430. \u041a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u044b \u0445\u0435\u0434\u0435\u0440\u0430 \u0438 \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u043e\u0432 \u0441\u043f\u0438\u0441\u043a\u0430 \u043c\u043e\u0433\u0443\u0442 \u0438\u043c\u0435\u0442\u044c \u043a\u0430\u043a \u0441\u0432\u043e\u0435 \u043b\u043e\u043a\u0430\u043b\u044c\u043d\u043e\u0435 \u0441\u043e\u0441\u0442\u043e\u044f\u043d\u0438\u0435, \u0442\u0430\u043a \u0438 \u0441\u0432\u043e\u044e \u043f\u0440\u0438\u0432\u044f\u0437\u043a\u0443 \u043a \u043b\u044e\u0431\u044b\u043c \u0447\u0430\u0441\u0442\u044f\u043c \u043e\u0431\u0449\u0435\u0433\u043e \u0441\u043e\u0441\u0442\u043e\u044f\u043d\u0438\u044f \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f - \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442 \u0441\u043f\u0438\u0441\u043a\u0430 \u043d\u0435 \u0431\u0443\u0434\u0435\u0442 \u043d\u0438\u0447\u0435\u0433\u043e \u043f\u0440\u043e \u044d\u0442\u043e \u0437\u043d\u0430\u0442\u044c, \u0430 \u0441\u043b\u0435\u0434\u043e\u0432\u0430\u0442\u0435\u043b\u044c\u043d\u043e, \u043d\u0435 \u0431\u0443\u0434\u0435\u0442 \u043e\u0442 \u044d\u0442\u043e\u0433\u043e \u0437\u0430\u0432\u0438\u0441\u0435\u0442\u044c"]}),"\n",(0,i.jsx)(n.pre,{children:(0,i.jsx)(n.code,{className:"language-tsx",children:'<List Header={<FancyHeader />} Items={<ToDoItems />} />\n\n<List Items={<CartItems />} />\n\n<List Header={<FancyHeaderV2 color="red" />} Items={<FancyItems />} />\n\n'})}),"\n",(0,i.jsx)(n.h2,{id:"layer-composition-app-level",children:"\u041a\u043e\u043c\u043f\u043e\u0437\u0438\u0446\u0438\u044f \u0441\u043b\u043e\u0435\u0432 (APP level)"}),"\n",(0,i.jsxs)(n.p,{children:["\u041c\u0435\u0442\u043e\u0434\u043e\u043b\u043e\u0433\u0438\u044f \u043f\u0440\u0435\u0434\u043b\u0430\u0433\u0430\u0435\u0442 \u0440\u0430\u0437\u0434\u0435\u043b\u044f\u0442\u044c \u0446\u0435\u043d\u043d\u0443\u044e \u0434\u043b\u044f \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044f \u0444\u0443\u043d\u043a\u0446\u0438\u043e\u043d\u0430\u043b\u044c\u043d\u043e\u0441\u0442\u044c \u043d\u0430 \u043e\u0442\u0434\u0435\u043b\u044c\u043d\u044b\u0435 \u043c\u043e\u0434\u0443\u043b\u0438 - ",(0,i.jsx)(n.strong,{children:"\u0444\u0438\u0447\u0438 (features)"}),", \u0430 \u043b\u043e\u0433\u0438\u043a\u0443, \u043e\u0442\u043d\u043e\u0441\u044f\u0449\u0443\u044e\u0441\u044f \u043a \u0431\u0438\u0437\u043d\u0435\u0441 \u0441\u0443\u0449\u043d\u043e\u0441\u0442\u044f\u043c - \u0432 ",(0,i.jsx)(n.strong,{children:"\u0441\u0443\u0449\u043d\u043e\u0441\u0442\u0438 (entities)"}),". \u0418 \u0444\u0438\u0447\u0438, \u0438 \u0441\u0443\u0449\u043d\u043e\u0441\u0442\u0438 ",(0,i.jsx)(n.strong,{children:"\u0434\u043e\u043b\u0436\u043d\u044b \u043f\u0440\u043e\u0435\u043a\u0442\u0438\u0440\u043e\u0432\u0430\u0442\u044c\u0441\u044f \u043a\u0430\u043a \u0432\u044b\u0441\u043e\u043a\u043e-\u0441\u0432\u044f\u0437\u043d\u044b\u0435 \u043c\u043e\u0434\u0443\u043b\u0438"}),", \u0442.\u0435. \u043d\u0430\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u043d\u044b\u0435 \u043d\u0430 \u0440\u0435\u0448\u0435\u043d\u0438\u0435 ",(0,i.jsx)(n.strong,{children:"\u043e\u0434\u043d\u043e\u0439 \u043a\u043e\u043d\u043a\u0440\u0435\u0442\u043d\u043e\u0439 \u0437\u0430\u0434\u0430\u0447\u0438"})," \u0438\u043b\u0438 \u0441\u043a\u043e\u043d\u0446\u0435\u043d\u0442\u0440\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u044b\u0435 \u0432\u043e\u043a\u0440\u0443\u0433 ",(0,i.jsx)(n.strong,{children:"\u043e\u0434\u043d\u043e\u0439 \u043a\u043e\u043d\u043a\u0440\u0435\u0442\u043d\u043e\u0439 \u0441\u0443\u0449\u043d\u043e\u0441\u0442\u0438."})]}),"\n",(0,i.jsxs)(n.p,{children:["\u0412\u0441\u0435 \u0432\u0437\u0430\u0438\u043c\u043e\u0434\u0435\u0439\u0441\u0442\u0432\u0438\u044f \u043c\u0435\u0436\u0434\u0443 \u0442\u0430\u043a\u0438\u043c\u0438 \u043c\u043e\u0434\u0443\u043b\u044f\u043c\u0438, \u0430\u043d\u0430\u043b\u043e\u0433\u0438\u0447\u043d\u043e UI-\u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u0430\u043c \u0438\u0437 \u043f\u0440\u0438\u043c\u0435\u0440\u0430 \u0432\u044b\u0448\u0435, \u0434\u043e\u043b\u0436\u043d\u044b \u0431\u044b\u0442\u044c \u043e\u0440\u0433\u0430\u043d\u0438\u0437\u043e\u0432\u0430\u043d\u044b \u043a\u0430\u043a ",(0,i.jsx)(n.strong,{children:"\u043a\u043e\u043c\u043f\u043e\u0437\u0438\u0446\u0438\u044f \u0440\u0430\u0437\u043b\u0438\u0447\u043d\u044b\u0445 \u043c\u043e\u0434\u0443\u043b\u0435\u0439."})]}),"\n",(0,i.jsx)(n.h3,{id:"example",children:"\u041f\u0440\u0438\u043c\u0435\u0440"}),"\n",(0,i.jsx)(n.p,{children:"\u041d\u0430 \u043f\u0440\u0438\u043c\u0435\u0440\u0435 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f-\u0447\u0430\u0442\u0430 \u0441 \u0442\u0430\u043a\u0438\u043c\u0438 \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e\u0441\u0442\u044f\u043c\u0438"}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsx)(n.li,{children:"\u043c\u043e\u0436\u043d\u043e \u043e\u0442\u043a\u0440\u044b\u0442\u044c \u0441\u043f\u0438\u0441\u043e\u043a \u043a\u043e\u043d\u0442\u0430\u043a\u0442\u043e\u0432 \u0438 \u0432\u044b\u0431\u0440\u0430\u0442\u044c \u0434\u0440\u0443\u0433\u0430"}),"\n",(0,i.jsx)(n.li,{children:"\u043c\u043e\u0436\u043d\u043e \u043e\u0442\u043a\u0440\u044b\u0442\u044c \u043f\u0435\u0440\u0435\u043f\u0438\u0441\u043a\u0443 \u0441 \u0432\u044b\u0431\u0440\u0430\u043d\u043d\u044b\u043c \u0434\u0440\u0443\u0433\u043e\u043c"}),"\n"]}),"\n",(0,i.jsx)(n.p,{children:"\u0412 \u0440\u0430\u043c\u043a\u0430\u0445 \u043c\u0435\u0442\u043e\u0434\u043e\u043b\u043e\u0433\u0438\u0438, \u044d\u0442\u043e \u043c\u043e\u0436\u0435\u0442 \u0431\u044b\u0442\u044c \u043f\u0440\u0435\u0434\u0441\u0442\u0430\u0432\u043b\u0435\u043d\u043e \u043f\u0440\u0438\u043c\u0435\u0440\u043d\u043e \u0442\u0430\u043a:"}),"\n",(0,i.jsx)(n.p,{children:"Entities"}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsx)(n.li,{children:"\u041f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044c (\u0441\u043e\u0434\u0435\u0440\u0436\u0438\u0442 \u0441\u043e\u0441\u0442\u043e\u044f\u043d\u0438\u0435 \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044f)"}),"\n",(0,i.jsx)(n.li,{children:"\u041a\u043e\u043d\u0442\u0430\u043a\u0442 (\u0441\u043e\u0441\u0442\u043e\u044f\u043d\u0438\u0435 \u0441\u043f\u0438\u0441\u043a\u0430 \u043a\u043e\u043d\u0442\u0430\u043a\u0442\u043e\u0432, \u0438\u043d\u0441\u0442\u0440\u0443\u043c\u0435\u043d\u0442\u044b \u0434\u043b\u044f \u0440\u0430\u0431\u043e\u0442\u044b \u0441 \u043e\u0442\u0434\u0435\u043b\u044c\u043d\u044b\u043c \u043a\u043e\u043d\u0442\u0430\u043a\u0442\u043e\u043c)"}),"\n",(0,i.jsx)(n.li,{children:"\u041f\u0435\u0440\u0435\u043f\u0438\u0441\u043a\u0430 (\u0441\u043e\u0441\u0442\u043e\u044f\u043d\u0438\u0435 \u0442\u0435\u043a\u0443\u0449\u0435\u0439 \u043f\u0435\u0440\u0435\u043f\u0438\u0441\u043a\u0438 \u0438 \u0440\u0430\u0431\u043e\u0442\u0430 \u0441 \u043d\u0435\u0439)"}),"\n"]}),"\n",(0,i.jsx)(n.p,{children:"Features"}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsx)(n.li,{children:"\u0424\u043e\u0440\u043c\u0430 \u043e\u0442\u043f\u0440\u0430\u0432\u043a\u0438 \u0441\u043e\u043e\u0431\u0449\u0435\u043d\u0438\u044f"}),"\n",(0,i.jsx)(n.li,{children:"\u041c\u0435\u043d\u044e \u0432\u044b\u0431\u043e\u0440\u0430 \u043f\u0435\u0440\u0435\u043f\u0438\u0441\u043a\u0438"}),"\n"]}),"\n",(0,i.jsx)(n.h4,{id:"lets-tie-it-all-together",children:"\u0421\u0432\u044f\u0436\u0435\u043c \u0432\u0441\u0435 \u044d\u0442\u043e \u0432\u043c\u0435\u0441\u0442\u0435"}),"\n",(0,i.jsx)(n.p,{children:"\u0412 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0438, \u0434\u043b\u044f \u043d\u0430\u0447\u0430\u043b\u0430, \u0431\u0443\u0434\u0435\u0442 \u043e\u0434\u043d\u0430 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0430, \u0438\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441 \u0431\u0443\u0434\u0435\u0442 \u043e\u0441\u043d\u043e\u0432\u0430\u043d \u043d\u0430 \u0441\u043b\u0435\u0433\u043a\u0430 \u043c\u043e\u0434\u0438\u0444\u0438\u0446\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u043e\u043c \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u0435 \u0438\u0437 \u043f\u0435\u0440\u0432\u043e\u0433\u043e \u043f\u0440\u0438\u043c\u0435\u0440\u0430"}),"\n",(0,i.jsx)(n.pre,{children:(0,i.jsx)(n.code,{className:"language-tsx",metastring:'title="page/main/ui.tsx"',children:"<List\n    Header={<ConversationSwitch />}\n    Items={<Messages />}\n    Footer={<MessageInput />}\n/>\n"})}),"\n",(0,i.jsx)(n.h4,{id:"data-model",children:"\u041c\u043e\u0434\u0435\u043b\u044c \u0434\u0430\u043d\u043d\u044b\u0445"}),"\n",(0,i.jsxs)(n.p,{children:["\u041c\u043e\u0434\u0435\u043b\u044c \u0434\u0430\u043d\u043d\u044b\u0445 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b \u0431\u0443\u0434\u0435\u0442 \u043e\u0440\u0433\u0430\u043d\u0438\u0437\u043e\u0432\u0430\u043d\u0430 \u043a\u0430\u043a ",(0,i.jsx)(n.strong,{children:"\u043a\u043e\u043c\u043f\u043e\u0437\u0438\u0446\u0438\u044f \u0444\u0438\u0447 \u0438 \u0441\u0443\u0449\u043d\u043e\u0441\u0442\u0435\u0439"}),". \u0412 \u0440\u0430\u043c\u043a\u0430\u0445 \u044d\u0442\u043e\u0433\u043e \u043f\u0440\u0438\u043c\u0435\u0440\u0430 \u0444\u0438\u0447\u0438 \u0431\u0443\u0434\u0443\u0442 \u0440\u0435\u0430\u043b\u0438\u0437\u043e\u0432\u0430\u043d\u044b \u043a\u0430\u043a \u0444\u0430\u0431\u0440\u0438\u043a\u0438 \u0438 \u043f\u043e\u043b\u0443\u0447\u0430\u0442\u044c \u0434\u043e\u0441\u0442\u0443\u043f \u043a \u0438\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441\u0443 \u0441\u0443\u0449\u043d\u043e\u0441\u0442\u0435\u0439 \u0447\u0435\u0440\u0435\u0437 \u043f\u0430\u0440\u0430\u043c\u0435\u0442\u0440\u044b \u044d\u0442\u0438\u0445 \u0444\u0430\u0431\u0440\u0438\u043a."]}),"\n",(0,i.jsxs)(n.blockquote,{children:["\n",(0,i.jsx)(n.p,{children:"\u041e\u0434\u043d\u0430\u043a\u043e, \u0440\u0435\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u044f \u0432 \u0432\u0438\u0434\u0435 \u0444\u0430\u0431\u0440\u0438\u043a\u0438 \u043d\u0435\u043e\u0431\u044f\u0437\u0430\u0442\u0435\u043b\u044c\u043d\u0430 - \u0444\u0438\u0447\u0430 \u043c\u043e\u0436\u0435\u0442 \u0437\u0430\u0432\u0438\u0441\u0435\u0442\u044c \u043e\u0442 \u043d\u0438\u0436\u0435\u043b\u0435\u0436\u0430\u0449\u0438\u0445 \u0441\u043b\u043e\u0435\u0432 \u0438 \u043d\u0430\u043f\u0440\u044f\u043c\u0443\u044e"}),"\n"]}),"\n",(0,i.jsx)(n.pre,{children:(0,i.jsx)(n.code,{className:"language-ts",metastring:'title="pages/main/model.ts"',children:'import { userModel } from "entitites/user"\nimport { conversationModel } from "entities/conversation"\nimport { contactModel } from "entities/contact"\n\nimport { createMessageInput } from "features/message-input"\nimport { createConversationSwitch } from "features/conversation-switch"\n\nimport { beautifiy } from "shared/lib/beautify-text"\n\nexport const { allConversations, setConversation } = createConversationSwitch({\n    contacts: contactModel.allContacts,\n    setConversation: conversationModel.setConversation,\n    currentConversation: conversationModel.conversation,\n    currentUser: userModel.currentUser\n})\n\nexport const { sendMessage, attachFile } = createMessageInput({\n    author: userModel.currentUser\n    send: conversationModel.sendMessage,\n    formatMessage: beautify\n})\n'})}),"\n",(0,i.jsx)(n.h2,{id:"summary",children:"\u0418\u0442\u043e\u0433\u043e"}),"\n",(0,i.jsxs)(n.ol,{children:["\n",(0,i.jsxs)(n.li,{children:["\u041c\u043e\u0434\u0443\u043b\u0438 \u0434\u043e\u043b\u0436\u043d\u044b \u043e\u0431\u043b\u0430\u0434\u0430\u0442\u044c ",(0,i.jsx)(n.strong,{children:"\u0441\u0438\u043b\u044c\u043d\u043e\u0439 \u0441\u0432\u044f\u0437\u043d\u043e\u0441\u0442\u044c\u044e"})," (\u0438\u043c\u0435\u0442\u044c \u043e\u0434\u043d\u0443 \u043e\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0435\u043d\u043d\u043e\u0441\u0442\u044c, \u0440\u0435\u0448\u0430\u0442\u044c \u043e\u0434\u043d\u0443 \u043a\u043e\u043d\u043a\u0440\u0435\u0442\u043d\u0443\u044e \u0437\u0430\u0434\u0430\u0447\u0443) \u0438 \u043f\u0440\u0435\u0434\u043e\u0441\u0442\u0430\u0432\u043b\u044f\u0442\u044c ",(0,i.jsx)(n.a,{href:"/docs/reference/public-api",children:(0,i.jsx)(n.strong,{children:"\u043f\u0443\u0431\u043b\u0438\u0447\u043d\u044b\u0439 \u0438\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441"})})," \u0434\u043e\u0441\u0442\u0443\u043f\u0430"]}),"\n",(0,i.jsxs)(n.li,{children:[(0,i.jsx)(n.strong,{children:"\u0421\u043b\u0430\u0431\u0430\u044f \u0437\u0430\u0446\u0435\u043f\u043b\u0435\u043d\u043d\u043e\u0441\u0442\u044c"})," \u0434\u043e\u0441\u0442\u0438\u0433\u0430\u0435\u0442\u0441\u044f \u0447\u0435\u0440\u0435\u0437 \u043a\u043e\u043c\u043f\u043e\u0437\u0438\u0446\u0438\u044e \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u043e\u0432 - \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u043e\u0432 UI, \u0444\u0438\u0447 \u0438 \u0441\u0443\u0449\u043d\u043e\u0441\u0442\u0435\u0439"]}),"\n",(0,i.jsxs)(n.li,{children:["\u0422\u0430\u043a\u0436\u0435, \u0434\u043b\u044f \u0441\u043d\u0438\u0436\u0435\u043d\u0438\u044f \u0437\u0430\u0446\u0435\u043f\u043b\u0435\u043d\u043d\u043e\u0441\u0442\u0438, \u043c\u043e\u0434\u0443\u043b\u0438 ",(0,i.jsx)(n.strong,{children:"\u0434\u043e\u043b\u0436\u043d\u044b \u0437\u0430\u0432\u0438\u0441\u0435\u0442\u044c \u0434\u0440\u0443\u0433 \u043e\u0442 \u0434\u0440\u0443\u0433\u0430 \u0442\u043e\u043b\u044c\u043a\u043e \u0447\u0435\u0440\u0435\u0437 \u043f\u0443\u0431\u043b\u0438\u0447\u043d\u044b\u0435 \u0438\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441\u044b"})," - \u0442\u0430\u043a \u0434\u043e\u0441\u0442\u0438\u0433\u0430\u0435\u0442\u0441\u044f \u043d\u0435\u0437\u0430\u0432\u0438\u0441\u0438\u043c\u043e\u0441\u0442\u044c \u043c\u043e\u0434\u0443\u043b\u0435\u0439 \u043e\u0442 \u0432\u043d\u0443\u0442\u0440\u0435\u043d\u043d\u0435\u0439 \u0440\u0435\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u0438 \u0434\u0440\u0443\u0433 \u0434\u0440\u0443\u0433\u0430"]}),"\n"]}),"\n",(0,i.jsx)(n.h2,{id:"see-also",children:"\u0421\u043c. \u0442\u0430\u043a\u0436\u0435"}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsxs)(n.li,{children:[(0,i.jsx)(n.a,{href:"https://enterprisecraftsmanship.com/posts/cohesion-coupling-difference/",children:"(\u0421\u0442\u0430\u0442\u044c\u044f) \u041f\u0440\u043e Low Coupling \u0438 High Cohesion \u043d\u0430\u0433\u043b\u044f\u0434\u043d\u043e"}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsx)(n.li,{children:(0,i.jsx)(n.em,{children:"\u0421\u0445\u0435\u043c\u0430 \u0432 \u043d\u0430\u0447\u0430\u043b\u0435 \u0432\u0434\u043e\u0445\u043d\u043e\u0432\u043b\u0435\u043d\u0430 \u0438\u043c\u0435\u043d\u043d\u043e \u044d\u0442\u043e\u0439 \u0441\u0442\u0430\u0442\u044c\u0435\u0439"})}),"\n"]}),"\n"]}),"\n",(0,i.jsx)(n.li,{children:(0,i.jsx)(n.a,{href:"https://medium.com/german-gorelkin/low-coupling-high-cohesion-d36369fb1be9",children:"(\u0421\u0442\u0430\u0442\u044c\u044f) Low Coupling \u0438 High Cohesion. \u0417\u0430\u043a\u043e\u043d \u0414\u0435\u043c\u0435\u0442\u0440\u044b"})}),"\n",(0,i.jsx)(n.li,{children:(0,i.jsx)(n.a,{href:"https://www.slideshare.net/cristalngo/software-design-principles-57388843",children:"(\u041f\u0440\u0435\u0437\u0435\u043d\u0442\u0430\u0446\u0438\u044f) \u041f\u0440\u043e \u043f\u0440\u0438\u043d\u0446\u0438\u043f\u044b \u043f\u0440\u043e\u0435\u043a\u0442\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u044f (\u0432\u043a\u043b\u044e\u0447\u0430\u044f Low Coupling & High Cohesion)"})}),"\n"]})]})}function h(e={}){const{wrapper:n}={...(0,r.R)(),...e.components};return n?(0,i.jsx)(n,{...e,children:(0,i.jsx)(a,{...e})}):a(e)}},1100:(e,n,s)=>{s.d(n,{R:()=>o,x:()=>l});var i=s(758);const r={},t=i.createContext(r);function o(e){const n=i.useContext(t);return i.useMemo((function(){return"function"==typeof e?e(n):{...n,...e}}),[n,e])}function l(e){let n;return n=e.disableParentContext?"function"==typeof e.components?e.components(r):e.components||r:o(e.components),i.createElement(t.Provider,{value:n},e.children)}}}]);
\ No newline at end of file
diff --git a/ru/assets/js/35c5367b.ed09fd79.js b/ru/assets/js/35c5367b.1b719cdf.js
similarity index 99%
rename from ru/assets/js/35c5367b.ed09fd79.js
rename to ru/assets/js/35c5367b.1b719cdf.js
index 39821f655b..4b844a52ff 100644
--- a/ru/assets/js/35c5367b.ed09fd79.js
+++ b/ru/assets/js/35c5367b.1b719cdf.js
@@ -1 +1 @@
-"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[427],{1134:(e,n,s)=>{s.r(n),s.d(n,{assets:()=>d,contentTitle:()=>t,default:()=>h,frontMatter:()=>l,metadata:()=>o,toc:()=>c});var r=s(6070),i=s(1100);const l={sidebar_position:3,sidebar_label:"Public API",pagination_next:"about/index"},t="\u041f\u0443\u0431\u043b\u0438\u0447\u043d\u043e\u0435 API \u043c\u043e\u0434\u0443\u043b\u044f \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f",o={id:"reference/public-api",title:"\u041f\u0443\u0431\u043b\u0438\u0447\u043d\u043e\u0435 API \u043c\u043e\u0434\u0443\u043b\u044f \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f",description:"\u041a\u0430\u0436\u0434\u0430\u044f \u0441\u0443\u0449\u043d\u043e\u0441\u0442\u044c \u043c\u0435\u0442\u043e\u0434\u043e\u043b\u043e\u0433\u0438\u0438 \u043f\u0440\u043e\u0435\u043a\u0442\u0438\u0440\u0443\u0435\u0442\u0441\u044f \u043a\u0430\u043a \u0443\u0434\u043e\u0431\u043d\u044b\u0439 \u0432 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u0438 \u0438 \u0438\u043d\u0442\u0435\u0433\u0440\u0430\u0446\u0438\u0438 \u043c\u043e\u0434\u0443\u043b\u044c.",source:"@site/i18n/ru/docusaurus-plugin-content-docs/current/reference/public-api.md",sourceDirName:"reference",slug:"/reference/public-api",permalink:"/ru/docs/reference/public-api",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/ru/docusaurus-plugin-content-docs/current/reference/public-api.md",tags:[],version:"current",lastUpdatedAt:1727607766e3,sidebarPosition:3,frontMatter:{sidebar_position:3,sidebar_label:"Public API",pagination_next:"about/index"},sidebar:"referenceSidebar",previous:{title:"\u0421\u043b\u0430\u0439\u0441\u044b \u0438 \u0441\u0435\u0433\u043c\u0435\u043d\u0442\u044b",permalink:"/ru/docs/reference/slices-segments"},next:{title:"\ud83c\udf70 \u041e \u043c\u0435\u0442\u043e\u0434\u043e\u043b\u043e\u0433\u0438\u0438",permalink:"/ru/docs/about/"}},d={},c=[{value:"\u0426\u0435\u043b\u0438",id:"goals",level:2},{value:"\u0422\u0440\u0435\u0431\u043e\u0432\u0430\u043d\u0438\u044f \u043a \u043f\u0443\u0431\u043b\u0438\u0447\u043d\u043e\u043c\u0443 API",id:"requirements-for-the-public-api",level:2},{value:"1. \u041a\u043e\u043d\u0442\u0440\u043e\u043b\u044c \u0434\u043e\u0441\u0442\u0443\u043f\u0430",id:"1-access-control",level:3},{value:"\u041f\u0440\u0438\u043c\u0435\u0440\u044b",id:"examples",level:4},{value:"\u041e\u0442\u0441\u0442\u0440\u0430\u043d\u0435\u043d\u0438\u0435 \u043e\u0442 \u043f\u0440\u0438\u0432\u0430\u0442\u043d\u044b\u0445 \u0438\u043c\u043f\u043e\u0440\u0442\u043e\u0432",id:"suspension-from-private-imports",level:5},{value:"2. \u0423\u0441\u0442\u043e\u0439\u0447\u0438\u0432\u043e\u0441\u0442\u044c \u043a \u0438\u0437\u043c\u0435\u043d\u0435\u043d\u0438\u044f\u043c",id:"2-sustainability-for-changes",level:3},{value:"\u041f\u0440\u0438\u043c\u0435\u0440\u044b",id:"examples",level:4},{value:"\u0410\u0431\u0441\u0442\u0440\u0430\u0433\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u0435 \u043e\u0442 \u0440\u0435\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u0438",id:"abstracting-from-the-implementation",level:5},{value:"3. \u0418\u043d\u0442\u0435\u0433\u0440\u0438\u0440\u0443\u0435\u043c\u043e\u0441\u0442\u044c",id:"3-integrability",level:3},{value:"\u041f\u0440\u0438\u043c\u0435\u0440\u044b",id:"examples",level:4},{value:"\u041a\u043e\u043b\u043b\u0438\u0437\u0438\u044f \u0438\u043c\u0435\u043d",id:"name-collision",level:5},{value:"\u0413\u0438\u0431\u043a\u043e\u0435 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u0435",id:"flexible-use",level:5},{value:"\u0420\u0430\u0437\u0440\u0435\u0448\u0435\u043d\u0438\u0435 \u043a\u043e\u043b\u043b\u0438\u0437\u0438\u0439",id:"resolution-of-collisions",level:5},{value:"\u041e \u0440\u0435\u044d\u043a\u0441\u043f\u043e\u0440\u0442\u0430\u0445",id:"about-re-exports",level:2},{value:"\u041d\u0435\u0434\u043e\u0441\u0442\u0430\u0442\u043a\u0438",id:"disadvantages",level:3},{value:"\u0412\u043e\u0437\u043c\u043e\u0436\u043d\u044b\u0435 \u043f\u0443\u0442\u0438 \u0440\u0435\u0448\u0435\u043d\u0438\u044f",id:"possible-solutions",level:3},{value:"\u0421\u043c. \u0442\u0430\u043a\u0436\u0435",id:"see-also",level:2}];function a(e){const n={a:"a",admonition:"admonition",blockquote:"blockquote",code:"code",em:"em",h1:"h1",h2:"h2",h3:"h3",h4:"h4",h5:"h5",header:"header",li:"li",ol:"ol",p:"p",pre:"pre",strong:"strong",ul:"ul",...(0,i.R)(),...e.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(n.header,{children:(0,r.jsx)(n.h1,{id:"\u043f\u0443\u0431\u043b\u0438\u0447\u043d\u043e\u0435-api-\u043c\u043e\u0434\u0443\u043b\u044f-\u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f",children:"\u041f\u0443\u0431\u043b\u0438\u0447\u043d\u043e\u0435 API \u043c\u043e\u0434\u0443\u043b\u044f \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f"})}),"\n",(0,r.jsxs)(n.p,{children:["\u041a\u0430\u0436\u0434\u0430\u044f \u0441\u0443\u0449\u043d\u043e\u0441\u0442\u044c \u043c\u0435\u0442\u043e\u0434\u043e\u043b\u043e\u0433\u0438\u0438 \u043f\u0440\u043e\u0435\u043a\u0442\u0438\u0440\u0443\u0435\u0442\u0441\u044f \u043a\u0430\u043a ",(0,r.jsx)(n.strong,{children:"\u0443\u0434\u043e\u0431\u043d\u044b\u0439 \u0432 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u0438 \u0438 \u0438\u043d\u0442\u0435\u0433\u0440\u0430\u0446\u0438\u0438 \u043c\u043e\u0434\u0443\u043b\u044c."})]}),"\n",(0,r.jsx)(n.h2,{id:"goals",children:"\u0426\u0435\u043b\u0438"}),"\n",(0,r.jsxs)(n.p,{children:["\u0423\u0434\u043e\u0431\u0441\u0442\u0432\u043e \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u044f \u0438 \u0438\u043d\u0442\u0435\u0433\u0440\u0430\u0446\u0438\u0438 \u043c\u043e\u0434\u0443\u043b\u044f \u0434\u043e\u0441\u0442\u0438\u0433\u0430\u0435\u0442\u0441\u044f \u0447\u0435\u0440\u0435\u0437 \u0432\u044b\u043f\u043e\u043b\u043d\u0435\u043d\u0438\u0435 ",(0,r.jsx)(n.em,{children:"\u0440\u044f\u0434\u0430 \u0446\u0435\u043b\u0435\u0439"}),":"]}),"\n",(0,r.jsxs)(n.ol,{children:["\n",(0,r.jsxs)(n.li,{children:["\u041f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0435 \u0434\u043e\u043b\u0436\u043d\u043e \u0431\u044b\u0442\u044c ",(0,r.jsx)(n.strong,{children:"\u0437\u0430\u0449\u0438\u0449\u0435\u043d\u043e \u043e\u0442 \u0438\u0437\u043c\u0435\u043d\u0435\u043d\u0438\u0439"})," \u0432\u043d\u0443\u0442\u0440\u0435\u043d\u043d\u0435\u0439 \u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u044b \u043e\u0442\u0434\u0435\u043b\u044c\u043d\u044b\u0445 \u043c\u043e\u0434\u0443\u043b\u0435\u0439"]}),"\n",(0,r.jsxs)(n.li,{children:["\u041f\u0435\u0440\u0435\u0440\u0430\u0431\u043e\u0442\u043a\u0430 \u0432\u043d\u0443\u0442\u0440\u0435\u043d\u043d\u0435\u0439 \u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u044b \u043c\u043e\u0434\u0443\u043b\u044f ",(0,r.jsx)(n.strong,{children:"\u043d\u0435 \u0434\u043e\u043b\u0436\u043d\u0430 \u0437\u0430\u0442\u0440\u0430\u0433\u0438\u0432\u0430\u0442\u044c"})," \u0434\u0440\u0443\u0433\u0438\u0435 \u043c\u043e\u0434\u0443\u043b\u0438"]}),"\n",(0,r.jsxs)(n.li,{children:["\u0421\u0443\u0449\u0435\u0441\u0442\u0432\u0435\u043d\u043d\u044b\u0435 \u0438\u0437\u043c\u0435\u043d\u0435\u043d\u0438\u044f \u043f\u043e\u0432\u0435\u0434\u0435\u043d\u0438\u044f \u043c\u043e\u0434\u0443\u043b\u044f \u0434\u043e\u043b\u0436\u043d\u044b \u0431\u044b\u0442\u044c ",(0,r.jsx)(n.strong,{children:"\u043b\u0435\u0433\u043a\u043e \u043e\u043f\u0440\u0435\u0434\u0435\u043b\u044f\u0435\u043c\u044b"}),"\n",(0,r.jsxs)(n.blockquote,{children:["\n",(0,r.jsxs)(n.p,{children:[(0,r.jsx)(n.strong,{children:"\u0421\u0443\u0449\u0435\u0441\u0442\u0432\u0435\u043d\u043d\u044b\u0435 \u0438\u0437\u043c\u0435\u043d\u0435\u043d\u0438\u044f \u043f\u043e\u0432\u0435\u0434\u0435\u043d\u0438\u044f \u043c\u043e\u0434\u0443\u043b\u044f"})," - \u0438\u0437\u043c\u0435\u043d\u0435\u043d\u0438\u044f, \u043b\u043e\u043c\u0430\u044e\u0449\u0438\u0435 \u043e\u0436\u0438\u0434\u0430\u043d\u0438\u044f \u0441\u0443\u0449\u043d\u043e\u0441\u0442\u0435\u0439-\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u0435\u0439 \u043c\u043e\u0434\u0443\u043b\u044f."]}),"\n"]}),"\n"]}),"\n"]}),"\n",(0,r.jsx)(n.p,{children:'\u0414\u043e\u0441\u0442\u0438\u0447\u044c \u044d\u0442\u0438\u0445 \u0446\u0435\u043b\u0435\u0439 \u043f\u043e\u0437\u0432\u043e\u043b\u044f\u0435\u0442 \u0432\u0432\u0435\u0434\u0435\u043d\u0438\u0435 \u043f\u0443\u0431\u043b\u0438\u0447\u043d\u043e\u0433\u043e \u0438\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441\u0430 (Public API), \u043f\u0440\u0435\u0434\u0441\u0442\u0430\u0432\u043b\u044f\u044e\u0449\u0435\u0433\u043e \u0441\u043e\u0431\u043e\u0439 \u0435\u0434\u0438\u043d\u0443\u044e \u0442\u043e\u0447\u043a\u0443 \u0434\u043e\u0441\u0442\u0443\u043f\u0430 \u043a \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e\u0441\u0442\u044f\u043c \u043c\u043e\u0434\u0443\u043b\u044f \u0438 \u043e\u043f\u0440\u0435\u0434\u0435\u043b\u044f\u044e\u0449\u0435\u0433\u043e "\u043a\u043e\u043d\u0442\u0440\u0430\u043a\u0442" \u0432\u0437\u0430\u0438\u043c\u043e\u0434\u0435\u0439\u0441\u0442\u0432\u0438\u044f \u043c\u043e\u0434\u0443\u043b\u044f \u0441 \u0432\u043d\u0435\u0448\u043d\u0438\u043c \u043c\u0438\u0440\u043e\u043c.'}),"\n",(0,r.jsx)(n.admonition,{title:"\u0412\u0430\u0436\u043d\u043e",type:"info",children:(0,r.jsx)(n.p,{children:"\u0421\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u0430 \u0441\u0443\u0449\u043d\u043e\u0441\u0442\u0438 \u0434\u043e\u043b\u0436\u043d\u0430 \u0438\u043c\u0435\u0442\u044c \u0435\u0434\u0438\u043d\u0443\u044e \u0442\u043e\u0447\u043a\u0443 \u0432\u0445\u043e\u0434\u0430, \u043f\u0440\u0435\u0434\u043e\u0441\u0442\u0430\u0432\u043b\u044f\u044e\u0449\u0443\u044e \u043f\u0443\u0431\u043b\u0438\u0447\u043d\u044b\u0439 \u0438\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441"})}),"\n",(0,r.jsx)(n.pre,{children:(0,r.jsx)(n.code,{className:"language-sh",children:"\u2514\u2500\u2500 features/\xa0 \xa0 \xa0 \xa0 \xa0 \xa0 \xa0 \xa0 \xa0 \xa0 \xa0 \xa0   #\xa0\n   \u2514\u2500\u2500 auth-form/\xa0 \xa0 \xa0 \xa0 \xa0 \xa0 \xa0 \xa0 \xa0     # \u0412\u043d\u0443\u0442\u0440\u0435\u043d\u043d\u044f\u044f \u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u0430 \u0444\u0438\u0447\u0438\n            \u251c\u2500\u2500 ui/\xa0 \xa0 \xa0 \xa0 \xa0 \xa0 \xa0 \xa0 \xa0 \xa0 #\n            \u251c\u2500\u2500 model/\xa0 \xa0 \xa0 \xa0 \xa0 \xa0 \xa0 \xa0 \xa0#\n            \u251c\u2500\u2500 {...}/\xa0 \xa0 \xa0 \xa0 \xa0 \xa0 \xa0 \xa0 \xa0#\n            \u2514\u2500\u2500 index.ts\xa0 \xa0 \xa0 \xa0 \xa0 \xa0 \xa0 \xa0# \u042d\u043d\u0442\u0440\u0438\u043f\u043e\u0438\u043d\u0442 \u0444\u0438\u0447\u0438 \u0441 \u0435\u0435 \u043f\u0443\u0431\u043b\u0438\u0447\u043d\u044b\u043c API\n"})}),"\n",(0,r.jsx)(n.pre,{children:(0,r.jsx)(n.code,{className:"language-ts",metastring:'title="**/**/index.ts"',children:'export { Form as AuthForm } from "./ui"\nexport * as authFormModel from "./model"\n'})}),"\n",(0,r.jsx)(n.h2,{id:"requirements-for-the-public-api",children:"\u0422\u0440\u0435\u0431\u043e\u0432\u0430\u043d\u0438\u044f \u043a \u043f\u0443\u0431\u043b\u0438\u0447\u043d\u043e\u043c\u0443 API"}),"\n",(0,r.jsxs)(n.p,{children:["\u0412\u044b\u043f\u043e\u043b\u043d\u0435\u043d\u0438\u0435 \u044d\u0442\u0438\u0445 \u0442\u0440\u0435\u0431\u043e\u0432\u0430\u043d\u0438\u0439 \u043f\u043e\u0437\u0432\u043e\u043b\u044f\u0435\u0442 \u0441\u0432\u0435\u0441\u0442\u0438 \u0432\u0437\u0430\u0438\u043c\u043e\u0434\u0435\u0439\u0441\u0442\u0432\u0438\u0435 \u0441 \u043c\u043e\u0434\u0443\u043b\u0435\u043c \u043a ",(0,r.jsx)(n.strong,{children:"\u0432\u044b\u043f\u043e\u043b\u043d\u0435\u043d\u0438\u044e \u043f\u0443\u0431\u043b\u0438\u0447\u043d\u043e\u0433\u043e \u0438\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441\u0430-\u043a\u043e\u043d\u0442\u0440\u0430\u043a\u0442\u0430"})," \u0438, \u0442\u0435\u043c \u0441\u0430\u043c\u044b\u043c, \u0434\u043e\u0441\u0442\u0438\u0447\u044c \u043d\u0430\u0434\u0435\u0436\u043d\u043e\u0441\u0442\u0438 \u0438 \u0443\u0434\u043e\u0431\u0441\u0442\u0432\u0430 \u0432 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u0438 \u043c\u043e\u0434\u0443\u043b\u044f."]}),"\n",(0,r.jsx)(n.h3,{id:"1-access-control",children:"1. \u041a\u043e\u043d\u0442\u0440\u043e\u043b\u044c \u0434\u043e\u0441\u0442\u0443\u043f\u0430"}),"\n",(0,r.jsxs)(n.p,{children:["Public API \u0434\u043e\u043b\u0436\u0435\u043d \u043e\u0441\u0443\u0449\u0435\u0441\u0442\u0432\u043b\u044f\u0442\u044c ",(0,r.jsx)(n.strong,{children:"\u043a\u043e\u043d\u0442\u0440\u043e\u043b\u044c \u0434\u043e\u0441\u0442\u0443\u043f\u0430"})," \u043a \u0441\u043e\u0434\u0435\u0440\u0436\u0438\u043c\u043e\u043c\u0443 \u043c\u043e\u0434\u0443\u043b\u044f"]}),"\n",(0,r.jsxs)(n.ul,{children:["\n",(0,r.jsxs)(n.li,{children:["\u0414\u0440\u0443\u0433\u0438\u0435 \u0447\u0430\u0441\u0442\u0438 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f \u043c\u043e\u0433\u0443\u0442 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c ",(0,r.jsx)(n.strong,{children:"\u0442\u043e\u043b\u044c\u043a\u043e \u0442\u0435 \u0441\u0443\u0449\u043d\u043e\u0441\u0442\u0438 \u043c\u043e\u0434\u0443\u043b\u044f, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u043f\u0440\u0435\u0434\u0441\u0442\u0430\u0432\u043b\u0435\u043d\u044b \u0432 \u043f\u0443\u0431\u043b\u0438\u0447\u043d\u043e\u043c \u0438\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441\u0435"})]}),"\n",(0,r.jsxs)(n.li,{children:["\u0412\u043d\u0443\u0442\u0440\u0435\u043d\u043d\u044f\u044f \u0447\u0430\u0441\u0442\u044c \u043c\u043e\u0434\u0443\u043b\u044f \u0437\u0430 \u043f\u0440\u0435\u0434\u0435\u043b\u0430\u043c\u0438 \u043f\u0443\u0431\u043b\u0438\u0447\u043d\u043e\u0433\u043e \u0438\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441\u0430 ",(0,r.jsx)(n.strong,{children:"\u0434\u043e\u0441\u0442\u0443\u043f\u043d\u044b \u0442\u043e\u043b\u044c\u043a\u043e \u0441\u0430\u043c\u043e\u043c\u0443 \u043c\u043e\u0434\u0443\u043b\u044e"}),"."]}),"\n"]}),"\n",(0,r.jsx)(n.h4,{id:"examples",children:"\u041f\u0440\u0438\u043c\u0435\u0440\u044b"}),"\n",(0,r.jsx)(n.h5,{id:"suspension-from-private-imports",children:"\u041e\u0442\u0441\u0442\u0440\u0430\u043d\u0435\u043d\u0438\u0435 \u043e\u0442 \u043f\u0440\u0438\u0432\u0430\u0442\u043d\u044b\u0445 \u0438\u043c\u043f\u043e\u0440\u0442\u043e\u0432"}),"\n",(0,r.jsxs)(n.ul,{children:["\n",(0,r.jsxs)(n.li,{children:["\n",(0,r.jsxs)(n.p,{children:[(0,r.jsx)(n.strong,{children:"\u041f\u043b\u043e\u0445\u043e"}),": \u0418\u0434\u0435\u0442 \u043e\u0431\u0440\u0430\u0449\u0435\u043d\u0438\u0435 \u043d\u0430\u043f\u0440\u044f\u043c\u0443\u044e \u043a \u0432\u043d\u0443\u0442\u0440\u0435\u043d\u043d\u0438\u043c \u0447\u0430\u0441\u0442\u044f\u043c \u043c\u043e\u0434\u0443\u043b\u044f, \u043c\u0438\u043d\u0443\u044f \u043f\u0443\u0431\u043b\u0438\u0447\u043d\u044b\u0439 \u0438\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441 \u0434\u043e\u0441\u0442\u0443\u043f\u0430 - \u043e\u043f\u0430\u0441\u043d\u043e, \u043e\u0441\u043e\u0431\u0435\u043d\u043d\u043e \u043f\u0440\u0438 \u0440\u0435\u0444\u0430\u043a\u0442\u043e\u0440\u0438\u043d\u0433\u0435 \u043c\u043e\u0434\u0443\u043b\u044f"]}),"\n",(0,r.jsx)(n.pre,{children:(0,r.jsx)(n.code,{className:"language-diff",children:'- import { Form } from "features/auth-form/components/view/form"\n'})}),"\n"]}),"\n",(0,r.jsxs)(n.li,{children:["\n",(0,r.jsxs)(n.p,{children:[(0,r.jsx)(n.strong,{children:"\u0425\u043e\u0440\u043e\u0448\u043e:"})," API \u0437\u0430\u0440\u0430\u043d\u0435\u0435 \u044d\u043a\u0441\u043f\u043e\u0440\u0442\u0438\u0440\u0443\u0435\u0442 \u0442\u043e\u043b\u044c\u043a\u043e \u043d\u0443\u0436\u043d\u043e\u0435 \u0438 \u0440\u0430\u0437\u0440\u0435\u0448\u0435\u043d\u043d\u043e\u0435, \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a\u0443 \u043c\u043e\u0434\u0443\u043b\u044f \u0442\u0435\u043f\u0435\u0440\u044c \u043d\u0443\u0436\u043d\u043e \u0434\u0443\u043c\u0430\u0442\u044c \u0442\u043e\u043b\u044c\u043a\u043e \u043e \u0442\u043e\u043c, \u0447\u0442\u043e\u0431\u044b \u043d\u0435 \u043b\u043e\u043c\u0430\u0442\u044c Public API \u043f\u0440\u0438 \u0440\u0435\u0444\u0430\u043a\u0442\u043e\u0440\u0438\u043d\u0433\u0435"]}),"\n",(0,r.jsx)(n.pre,{children:(0,r.jsx)(n.code,{className:"language-diff",children:'+ import { AuthForm } from "features/auth-form"\n'})}),"\n"]}),"\n"]}),"\n",(0,r.jsx)(n.h3,{id:"2-sustainability-for-changes",children:"2. \u0423\u0441\u0442\u043e\u0439\u0447\u0438\u0432\u043e\u0441\u0442\u044c \u043a \u0438\u0437\u043c\u0435\u043d\u0435\u043d\u0438\u044f\u043c"}),"\n",(0,r.jsxs)(n.p,{children:["Public API \u0434\u043e\u043b\u0436\u0435\u043d \u0431\u044b\u0442\u044c ",(0,r.jsx)(n.strong,{children:"\u0443\u0441\u0442\u043e\u0439\u0447\u0438\u0432\u044b\u043c \u043a \u0438\u0437\u043c\u0435\u043d\u0435\u043d\u0438\u044f\u043c"})," \u0432\u043d\u0443\u0442\u0440\u0438 \u043c\u043e\u0434\u0443\u043b\u044f"]}),"\n",(0,r.jsxs)(n.ul,{children:["\n",(0,r.jsx)(n.li,{children:"\u0418\u0437\u043c\u0435\u043d\u0435\u043d\u0438\u044f, \u043b\u043e\u043c\u0430\u044e\u0449\u0438\u0435 \u043f\u043e\u0432\u0435\u0434\u0435\u043d\u0438\u044f \u043c\u043e\u0434\u0443\u043b\u044f, \u0434\u043e\u043b\u0436\u043d\u044b \u043e\u0442\u0440\u0430\u0436\u0430\u0442\u044c\u0441\u044f \u0432 \u0438\u0437\u043c\u0435\u043d\u0435\u043d\u0438\u0438 Public API"}),"\n"]}),"\n",(0,r.jsx)(n.h4,{id:"examples",children:"\u041f\u0440\u0438\u043c\u0435\u0440\u044b"}),"\n",(0,r.jsx)(n.h5,{id:"abstracting-from-the-implementation",children:"\u0410\u0431\u0441\u0442\u0440\u0430\u0433\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u0435 \u043e\u0442 \u0440\u0435\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u0438"}),"\n",(0,r.jsx)(n.p,{children:"\u0418\u0437\u043c\u0435\u043d\u0435\u043d\u0438\u0435 \u0432\u043d\u0443\u0442\u0440\u0435\u043d\u043d\u0435\u0439 \u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u044b \u043d\u0435 \u0434\u043e\u043b\u0436\u043d\u043e \u043f\u0440\u0438\u0432\u043e\u0434\u0438\u0442\u044c \u043a \u0438\u0437\u043c\u0435\u043d\u0435\u043d\u0438\u044e Public API"}),"\n",(0,r.jsxs)(n.ul,{children:["\n",(0,r.jsxs)(n.li,{children:["\n",(0,r.jsxs)(n.p,{children:[(0,r.jsx)(n.strong,{children:"\u041f\u043b\u043e\u0445\u043e:"})," \u043f\u0435\u0440\u0435\u043c\u0435\u0449\u0435\u043d\u0438\u0435 \u0438\u043b\u0438 \u043f\u0435\u0440\u0435\u0438\u043c\u0435\u043d\u043e\u0432\u0430\u043d\u0438\u0435 \u044d\u0442\u043e\u0433\u043e \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u0430 \u0432\u043d\u0443\u0442\u0440\u0438 \u0444\u0438\u0447\u0438 \u043f\u0440\u0438\u0432\u0435\u0434\u0435\u0442 \u043a \u043d\u0435\u043e\u0431\u0445\u043e\u0434\u0438\u043c\u043e\u0441\u0442\u0438 \u0440\u0435\u0444\u0430\u043a\u0442\u043e\u0440\u0438\u0442\u044c \u0438\u043c\u043f\u043e\u0440\u0442\u044b \u0432\u043e \u0432\u0441\u0435\u0445 \u043c\u0435\u0441\u0442\u0430\u0445 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u044f \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u0430."]}),"\n",(0,r.jsx)(n.pre,{children:(0,r.jsx)(n.code,{className:"language-diff",children:'- import { Form } from "features/auth-form/ui/form"\n'})}),"\n"]}),"\n",(0,r.jsxs)(n.li,{children:["\n",(0,r.jsxs)(n.p,{children:[(0,r.jsx)(n.strong,{children:"\u0425\u043e\u0440\u043e\u0448\u043e:"}),' \u0438\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441 \u0444\u0438\u0447\u0438 \u043d\u0435 \u043e\u0442\u043e\u0431\u0440\u0430\u0436\u0430\u0435\u0442 \u0435\u0451 \u0432\u043d\u0443\u0442\u0440\u0435\u043d\u043d\u044e\u044e \u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u0443, \u0432\u043d\u0435\u0448\u043d\u0438\u0435 "\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u0438" \u0444\u0438\u0447\u0438 \u043d\u0435 \u043f\u043e\u0441\u0442\u0440\u0430\u0434\u0430\u044e\u0442 \u043e\u0442 \u043f\u0435\u0440\u0435\u043c\u0435\u0449\u0435\u043d\u0438\u044f \u0438\u043b\u0438 \u043f\u0435\u0440\u0435\u0438\u043c\u0435\u043d\u043e\u0432\u0430\u043d\u0438\u044f \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u0430 \u0432\u043d\u0443\u0442\u0440\u0438 \u0444\u0438\u0447\u0438']}),"\n",(0,r.jsx)(n.pre,{children:(0,r.jsx)(n.code,{className:"language-diff",children:'+ import { AuthForm } from "features/auth-form"\n'})}),"\n"]}),"\n"]}),"\n",(0,r.jsx)(n.h3,{id:"3-integrability",children:"3. \u0418\u043d\u0442\u0435\u0433\u0440\u0438\u0440\u0443\u0435\u043c\u043e\u0441\u0442\u044c"}),"\n",(0,r.jsxs)(n.p,{children:["Public API \u0434\u043e\u043b\u0436\u0435\u043d \u0441\u043f\u043e\u0441\u043e\u0431\u0441\u0442\u0432\u043e\u0432\u0430\u0442\u044c ",(0,r.jsx)(n.strong,{children:"\u043b\u0435\u0433\u043a\u043e\u0439 \u0438 \u0433\u0438\u0431\u043a\u043e\u0439 \u0438\u043d\u0442\u0435\u0433\u0440\u0430\u0446\u0438\u0438"})]}),"\n",(0,r.jsxs)(n.ul,{children:["\n",(0,r.jsx)(n.li,{children:"\u0414\u043e\u043b\u0436\u0435\u043d \u0431\u044b\u0442\u044c \u0443\u0434\u043e\u0431\u0435\u043d \u0434\u043b\u044f \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u044f \u043e\u0441\u0442\u0430\u043b\u044c\u043d\u044b\u043c\u0438 \u0447\u0430\u0441\u0442\u044f\u043c\u0438 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f, \u0432 \u0447\u0430\u0441\u0442\u043d\u043e\u0441\u0442\u0438, \u0440\u0435\u0448\u0430\u0442\u044c \u043f\u0440\u043e\u0431\u043b\u0435\u043c\u0443 \u043a\u043e\u043b\u043b\u0438\u0437\u0438\u0438 \u0438\u043c\u0435\u043d"}),"\n"]}),"\n",(0,r.jsx)(n.h4,{id:"examples",children:"\u041f\u0440\u0438\u043c\u0435\u0440\u044b"}),"\n",(0,r.jsx)(n.h5,{id:"name-collision",children:"\u041a\u043e\u043b\u043b\u0438\u0437\u0438\u044f \u0438\u043c\u0435\u043d"}),"\n",(0,r.jsxs)(n.ul,{children:["\n",(0,r.jsxs)(n.li,{children:["\n",(0,r.jsxs)(n.p,{children:[(0,r.jsx)(n.strong,{children:"\u041f\u043b\u043e\u0445\u043e:"})," \u0431\u0443\u0434\u0435\u0442 \u043a\u043e\u043b\u043b\u0438\u0437\u0438\u044f \u0438\u043c\u0435\u043d"]}),"\n",(0,r.jsx)(n.pre,{children:(0,r.jsx)(n.code,{className:"language-ts",metastring:'title="features/auth-form/index.ts"',children:'export { Form } from "./ui"\nexport * as model from "./model"\n'})}),"\n",(0,r.jsx)(n.pre,{children:(0,r.jsx)(n.code,{className:"language-ts",metastring:'title="features/post-form/index.ts"',children:'export { Form } from "./ui"\nexport * as model from "./model"\n'})}),"\n",(0,r.jsx)(n.pre,{children:(0,r.jsx)(n.code,{className:"language-diff",children:'- import { Form, model } from "features/auth-form"\n- import { Form, model } from "features/post-form"\n'})}),"\n"]}),"\n",(0,r.jsxs)(n.li,{children:["\n",(0,r.jsxs)(n.p,{children:[(0,r.jsx)(n.strong,{children:"\u0425\u043e\u0440\u043e\u0448\u043e:"})," \u043a\u043e\u043b\u043b\u0438\u0437\u0438\u044f \u0440\u0435\u0448\u0435\u043d\u0430 \u043d\u0430 \u0443\u0440\u043e\u0432\u043d\u0435 \u0438\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441\u0430"]}),"\n",(0,r.jsx)(n.pre,{children:(0,r.jsx)(n.code,{className:"language-ts",metastring:'title="features/auth-form/index.ts"',children:'export { Form as AuthForm } from "./ui"\nexport * as authFormModel from "./model"\n'})}),"\n",(0,r.jsx)(n.pre,{children:(0,r.jsx)(n.code,{className:"language-ts",metastring:'title="features/post-form/index.ts"',children:'export { Form as PostForm } from "./ui"\nexport * as postFormModel from "./model"\n'})}),"\n",(0,r.jsx)(n.pre,{children:(0,r.jsx)(n.code,{className:"language-diff",children:'+ import { AuthForm, authFormModel } from "features/auth-form"\n+ import { PostForm, postFormModel } from "features/post-form"\n'})}),"\n"]}),"\n"]}),"\n",(0,r.jsx)(n.h5,{id:"flexible-use",children:"\u0413\u0438\u0431\u043a\u043e\u0435 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u0435"}),"\n",(0,r.jsxs)(n.ul,{children:["\n",(0,r.jsxs)(n.li,{children:["\n",(0,r.jsxs)(n.p,{children:[(0,r.jsx)(n.strong,{children:"\u041f\u043b\u043e\u0445\u043e:"}),' \u043d\u0435\u0443\u0434\u043e\u0431\u043d\u043e \u043f\u0438\u0441\u0430\u0442\u044c, \u043d\u0435\u0443\u0434\u043e\u0431\u043d\u043e \u0447\u0438\u0442\u0430\u0442\u044c, "\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044c" \u0444\u0438\u0447\u0438 \u0441\u0442\u0440\u0430\u0434\u0430\u0435\u0442']}),"\n",(0,r.jsx)(n.pre,{children:(0,r.jsx)(n.code,{className:"language-diff",children:'- import { storeActionUpdateUserDetails } from "features/auth-form"\n- dispatch(storeActionUpdateUserDetails(...))\n'})}),"\n"]}),"\n",(0,r.jsxs)(n.li,{children:["\n",(0,r.jsxs)(n.p,{children:[(0,r.jsx)(n.strong,{children:"\u0425\u043e\u0440\u043e\u0448\u043e:"}),' "\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044c" \u0444\u0438\u0447\u0438 \u043f\u043e\u043b\u0443\u0447\u0430\u0435\u0442 \u0434\u043e\u0441\u0442\u0443\u043f \u043a \u043d\u0443\u0436\u043d\u044b\u043c \u0432\u0435\u0449\u0430\u043c \u0438\u0442\u0435\u0440\u0430\u0442\u0438\u0432\u043d\u043e \u0438 \u0433\u0438\u0431\u043a\u043e']}),"\n",(0,r.jsx)(n.pre,{children:(0,r.jsx)(n.code,{className:"language-diff",children:'+ import { authFormModel } from "features/auth-form"\n+ dispatch(authFormModel.effects.updateUserDetails(...)) // redux\n+ authFormModel.updateUserDetailsFx(...) // effector\n'})}),"\n"]}),"\n"]}),"\n",(0,r.jsx)(n.h5,{id:"resolution-of-collisions",children:"\u0420\u0430\u0437\u0440\u0435\u0448\u0435\u043d\u0438\u0435 \u043a\u043e\u043b\u043b\u0438\u0437\u0438\u0439"}),"\n",(0,r.jsx)(n.p,{children:"\u041a\u043e\u043b\u043b\u0438\u0437\u0438\u044f \u0438\u043c\u0435\u043d \u0434\u043e\u043b\u0436\u043d\u0430 \u0440\u0435\u0448\u0430\u0442\u044c\u0441\u044f \u043d\u0430 \u0443\u0440\u043e\u0432\u043d\u0435 \u043f\u0443\u0431\u043b\u0438\u0447\u043d\u043e\u0433\u043e \u0438\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441\u0430, \u0430 \u043d\u0435 \u0440\u0435\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u0438"}),"\n",(0,r.jsxs)(n.ul,{children:["\n",(0,r.jsxs)(n.li,{children:["\n",(0,r.jsxs)(n.p,{children:[(0,r.jsx)(n.strong,{children:"\u041f\u043b\u043e\u0445\u043e:"})," \u043a\u043e\u043b\u043b\u0438\u0437\u0438\u044f \u0438\u043c\u0435\u043d \u0440\u0435\u0448\u0430\u0435\u0442\u0441\u044f \u043d\u0430 \u0443\u0440\u043e\u0432\u043d\u0435 \u0440\u0435\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u0438"]}),"\n",(0,r.jsx)(n.pre,{children:(0,r.jsx)(n.code,{className:"language-ts",metastring:'title="features/auth-form/index.ts"',children:'export { AuthForm } from "./ui"\nexport { authFormActions, authFormReducer } from "model"\n'})}),"\n",(0,r.jsx)(n.pre,{children:(0,r.jsx)(n.code,{className:"language-ts",metastring:'title="features/post-form/index.ts"',children:'export { PostForm } from "./ui"\nexport { postFormActions, postFormReducer } from "model"\n'})}),"\n"]}),"\n",(0,r.jsxs)(n.li,{children:["\n",(0,r.jsxs)(n.p,{children:[(0,r.jsx)(n.strong,{children:"\u0425\u043e\u0440\u043e\u0448\u043e:"})," \u043a\u043e\u043b\u043b\u0438\u0437\u0438\u044f \u0438\u043c\u0435\u043d \u0440\u0435\u0448\u0430\u0435\u0442\u0441\u044f \u043d\u0430 \u0443\u0440\u043e\u0432\u043d\u0435 \u0438\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441\u0430"]}),"\n",(0,r.jsx)(n.pre,{children:(0,r.jsx)(n.code,{className:"language-ts",metastring:'title="features/auth-form/model.ts"',children:"export { actions, reducer }\n"})}),"\n",(0,r.jsx)(n.pre,{children:(0,r.jsx)(n.code,{className:"language-ts",metastring:'title="features/auth-form/index.ts"',children:'export { Form as AuthForm } from "./ui"\nexport * as authFormModel from "./model"\n'})}),"\n",(0,r.jsx)(n.pre,{children:(0,r.jsx)(n.code,{className:"language-ts",metastring:'title="features/post-form/model.ts"',children:"export { actions, reducer }\n"})}),"\n",(0,r.jsx)(n.pre,{children:(0,r.jsx)(n.code,{className:"language-ts",metastring:'title="features/post-form/index.ts"',children:'export { Form as PostForm } from "./ui"\nexport * as postFormModel from "./model"\n'})}),"\n"]}),"\n"]}),"\n",(0,r.jsx)(n.h2,{id:"about-re-exports",children:"\u041e \u0440\u0435\u044d\u043a\u0441\u043f\u043e\u0440\u0442\u0430\u0445"}),"\n",(0,r.jsxs)(n.p,{children:["\u0412 JavaScript \u043f\u0443\u0431\u043b\u0438\u0447\u043d\u044b\u0439 \u0438\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441 \u043c\u043e\u0434\u0443\u043b\u044f \u0441\u043e\u0437\u0434\u0430\u0435\u0442\u0441\u044f \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e \u0440\u0435\u044d\u043a\u0441\u043f\u043e\u0440\u0442\u0430 \u0441\u0443\u0449\u043d\u043e\u0441\u0442\u0435\u0439 \u0438\u0437\u043d\u0443\u0442\u0440\u0438 \u043c\u043e\u0434\u0443\u043b\u044f \u0432 ",(0,r.jsx)(n.code,{children:"index"})," \u0444\u0430\u0439\u043b\u0435:"]}),"\n",(0,r.jsx)(n.pre,{children:(0,r.jsx)(n.code,{className:"language-ts",metastring:'title="**/**/index.ts"',children:'export { Form as AuthForm } from "./ui"\nexport * as authModel from "./model"\n'})}),"\n",(0,r.jsx)(n.h3,{id:"disadvantages",children:"\u041d\u0435\u0434\u043e\u0441\u0442\u0430\u0442\u043a\u0438"}),"\n",(0,r.jsxs)(n.ul,{children:["\n",(0,r.jsxs)(n.li,{children:["\n",(0,r.jsxs)(n.p,{children:["\u0412 \u0431\u043e\u043b\u044c\u0448\u0438\u043d\u0441\u0442\u0432\u0435 \u043f\u043e\u043f\u0443\u043b\u044f\u0440\u043d\u044b\u0445 \u0431\u0430\u043d\u0434\u043b\u0435\u0440\u043e\u0432 \u0438\u0437-\u0437\u0430 \u0440\u0435\u044d\u043a\u0441\u043f\u043e\u0440\u0442\u043e\u0432 ",(0,r.jsx)(n.strong,{children:"\u0445\u0443\u0436\u0435 \u0440\u0430\u0431\u043e\u0442\u0430\u0435\u0442 \u043a\u043e\u0434-\u0441\u043f\u043b\u0438\u0442\u0442\u0438\u043d\u0433"}),", \u0442.\u043a. ",(0,r.jsx)(n.a,{href:"https://webpack.js.org/guides/tree-shaking/",children:"tree-shaking"})," \u043f\u0440\u0438 \u0442\u0430\u043a\u043e\u043c \u043f\u043e\u0434\u0445\u043e\u0434\u0435 \u043c\u043e\u0436\u0435\u0442 \u0431\u0435\u0437\u043e\u043f\u0430\u0441\u043d\u043e \u043e\u0442\u0431\u0440\u043e\u0441\u0438\u0442\u044c \u0442\u043e\u043b\u044c\u043a\u043e \u043c\u043e\u0434\u0443\u043b\u044c \u0446\u0435\u043b\u0438\u043a\u043e\u043c, \u043d\u043e \u043d\u0435 \u0435\u0433\u043e \u0447\u0430\u0441\u0442\u044c."]}),"\n",(0,r.jsxs)(n.blockquote,{children:["\n",(0,r.jsxs)(n.p,{children:["\u041d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, \u0438\u043c\u043f\u043e\u0440\u0442 ",(0,r.jsx)(n.code,{children:"authModel"})," \u0432 \u043c\u043e\u0434\u0435\u043b\u0438 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b \u043f\u0440\u0438\u0432\u0435\u0434\u0435\u0442 \u043a \u043f\u043e\u043f\u0430\u0434\u0430\u043d\u0438\u044e \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u0430 ",(0,r.jsx)(n.code,{children:"AuthForm"})," \u0432 \u0447\u0430\u043d\u043a \u044d\u0442\u043e\u0439 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b, \u0434\u0430\u0436\u0435 \u0435\u0441\u043b\u0438 \u044d\u0442\u043e\u0442 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442 \u0442\u0430\u043c \u043d\u0435 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u0442\u0441\u044f."]}),"\n"]}),"\n"]}),"\n",(0,r.jsxs)(n.li,{children:["\n",(0,r.jsx)(n.p,{children:'\u041a\u0430\u043a \u0441\u043b\u0435\u0434\u0441\u0442\u0432\u0438\u0435, \u0438\u043d\u0438\u0446\u0438\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u044f \u0447\u0430\u043d\u043a\u0430 \u0441\u0442\u0430\u043d\u043e\u0432\u0438\u0442\u0441\u044f \u0434\u043e\u0440\u043e\u0436\u0435, \u0442.\u043a. \u0431\u0440\u0430\u0443\u0437\u0435\u0440 \u0434\u043e\u043b\u0436\u0435\u043d \u043e\u0431\u0440\u0430\u0431\u043e\u0442\u0430\u0442\u044c \u0432\u0441\u0435 \u043c\u043e\u0434\u0443\u043b\u0438 \u0432 \u043d\u0435\u043c, \u0432 \u0442\u043e\u043c \u0447\u0438\u0441\u043b\u0435 \u0438 \u0442\u0435, \u0447\u0442\u043e \u043f\u043e\u043f\u0430\u043b\u0438 \u0432 \u0431\u0430\u043d\u0434\u043b "\u0437\u0430 \u043a\u043e\u043c\u043f\u0430\u043d\u0438\u044e"'}),"\n"]}),"\n"]}),"\n",(0,r.jsx)(n.h3,{id:"possible-solutions",children:"\u0412\u043e\u0437\u043c\u043e\u0436\u043d\u044b\u0435 \u043f\u0443\u0442\u0438 \u0440\u0435\u0448\u0435\u043d\u0438\u044f"}),"\n",(0,r.jsxs)(n.ul,{children:["\n",(0,r.jsxs)(n.li,{children:[(0,r.jsx)(n.code,{children:"webpack"})," \u043f\u043e\u0437\u0432\u043e\u043b\u044f\u0435\u0442 \u043e\u0442\u043c\u0435\u0442\u0438\u0442\u044c \u0444\u0430\u0439\u043b\u044b-\u0440\u0435\u044d\u043a\u0441\u043f\u043e\u0440\u0442\u044b \u043a\u0430\u043a ",(0,r.jsx)(n.a,{href:"https://webpack.js.org/guides/tree-shaking/#mark-the-file-as-side-effect-free",children:(0,r.jsx)(n.strong,{children:"side effects free"})})," - \u044d\u0442\u043e \u0440\u0430\u0437\u0440\u0435\u0448\u0430\u0435\u0442 ",(0,r.jsx)(n.code,{children:"webpack"})," \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u0431\u043e\u043b\u0435\u0435 \u0430\u0433\u0440\u0435\u0441\u0441\u0438\u0432\u043d\u044b\u0435 \u043e\u043f\u0442\u0438\u043c\u0438\u0437\u0430\u0446\u0438\u0438 \u043f\u0440\u0438 \u0440\u0430\u0431\u043e\u0442\u0435 \u0441 \u0442\u0430\u043a\u0438\u043c \u0444\u0430\u0439\u043b\u043e\u043c"]}),"\n"]}),"\n",(0,r.jsx)(n.h2,{id:"see-also",children:"\u0421\u043c. \u0442\u0430\u043a\u0436\u0435"}),"\n",(0,r.jsxs)(n.ul,{children:["\n",(0,r.jsx)(n.li,{children:(0,r.jsx)(n.a,{href:"https://github.com/feature-sliced/documentation/discussions/41",children:"(\u041e\u0431\u0441\u0443\u0436\u0434\u0435\u043d\u0438\u0435) Public API \u0430\u0431\u0441\u0442\u0440\u0430\u043a\u0446\u0438\u0438"})}),"\n",(0,r.jsx)(n.li,{children:(0,r.jsxs)(n.a,{href:"https://ru.wikipedia.org/wiki/SOLID",children:["\u041f\u0440\u0438\u043d\u0446\u0438\u043f\u044b ",(0,r.jsx)(n.strong,{children:"SOLID"})]})}),"\n",(0,r.jsx)(n.li,{children:(0,r.jsxs)(n.a,{href:"https://ru.wikipedia.org/wiki/GRASP",children:["\u041f\u0430\u0442\u0442\u0435\u0440\u043d\u044b ",(0,r.jsx)(n.strong,{children:"GRASP"})]})}),"\n"]})]})}function h(e={}){const{wrapper:n}={...(0,i.R)(),...e.components};return n?(0,r.jsx)(n,{...e,children:(0,r.jsx)(a,{...e})}):a(e)}},1100:(e,n,s)=>{s.d(n,{R:()=>t,x:()=>o});var r=s(758);const i={},l=r.createContext(i);function t(e){const n=r.useContext(l);return r.useMemo((function(){return"function"==typeof e?e(n):{...n,...e}}),[n,e])}function o(e){let n;return n=e.disableParentContext?"function"==typeof e.components?e.components(i):e.components||i:t(e.components),r.createElement(l.Provider,{value:n},e.children)}}}]);
\ No newline at end of file
+"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[427],{1134:(e,n,s)=>{s.r(n),s.d(n,{assets:()=>d,contentTitle:()=>t,default:()=>h,frontMatter:()=>l,metadata:()=>o,toc:()=>c});var r=s(6070),i=s(1100);const l={sidebar_position:3,sidebar_label:"Public API",pagination_next:"about/index"},t="\u041f\u0443\u0431\u043b\u0438\u0447\u043d\u043e\u0435 API \u043c\u043e\u0434\u0443\u043b\u044f \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f",o={id:"reference/public-api",title:"\u041f\u0443\u0431\u043b\u0438\u0447\u043d\u043e\u0435 API \u043c\u043e\u0434\u0443\u043b\u044f \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f",description:"\u041a\u0430\u0436\u0434\u0430\u044f \u0441\u0443\u0449\u043d\u043e\u0441\u0442\u044c \u043c\u0435\u0442\u043e\u0434\u043e\u043b\u043e\u0433\u0438\u0438 \u043f\u0440\u043e\u0435\u043a\u0442\u0438\u0440\u0443\u0435\u0442\u0441\u044f \u043a\u0430\u043a \u0443\u0434\u043e\u0431\u043d\u044b\u0439 \u0432 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u0438 \u0438 \u0438\u043d\u0442\u0435\u0433\u0440\u0430\u0446\u0438\u0438 \u043c\u043e\u0434\u0443\u043b\u044c.",source:"@site/i18n/ru/docusaurus-plugin-content-docs/current/reference/public-api.md",sourceDirName:"reference",slug:"/reference/public-api",permalink:"/ru/docs/reference/public-api",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/ru/docusaurus-plugin-content-docs/current/reference/public-api.md",tags:[],version:"current",lastUpdatedAt:1728325386e3,sidebarPosition:3,frontMatter:{sidebar_position:3,sidebar_label:"Public API",pagination_next:"about/index"},sidebar:"referenceSidebar",previous:{title:"\u0421\u043b\u0430\u0439\u0441\u044b \u0438 \u0441\u0435\u0433\u043c\u0435\u043d\u0442\u044b",permalink:"/ru/docs/reference/slices-segments"},next:{title:"\ud83c\udf70 \u041e \u043c\u0435\u0442\u043e\u0434\u043e\u043b\u043e\u0433\u0438\u0438",permalink:"/ru/docs/about/"}},d={},c=[{value:"\u0426\u0435\u043b\u0438",id:"goals",level:2},{value:"\u0422\u0440\u0435\u0431\u043e\u0432\u0430\u043d\u0438\u044f \u043a \u043f\u0443\u0431\u043b\u0438\u0447\u043d\u043e\u043c\u0443 API",id:"requirements-for-the-public-api",level:2},{value:"1. \u041a\u043e\u043d\u0442\u0440\u043e\u043b\u044c \u0434\u043e\u0441\u0442\u0443\u043f\u0430",id:"1-access-control",level:3},{value:"\u041f\u0440\u0438\u043c\u0435\u0440\u044b",id:"examples",level:4},{value:"\u041e\u0442\u0441\u0442\u0440\u0430\u043d\u0435\u043d\u0438\u0435 \u043e\u0442 \u043f\u0440\u0438\u0432\u0430\u0442\u043d\u044b\u0445 \u0438\u043c\u043f\u043e\u0440\u0442\u043e\u0432",id:"suspension-from-private-imports",level:5},{value:"2. \u0423\u0441\u0442\u043e\u0439\u0447\u0438\u0432\u043e\u0441\u0442\u044c \u043a \u0438\u0437\u043c\u0435\u043d\u0435\u043d\u0438\u044f\u043c",id:"2-sustainability-for-changes",level:3},{value:"\u041f\u0440\u0438\u043c\u0435\u0440\u044b",id:"examples",level:4},{value:"\u0410\u0431\u0441\u0442\u0440\u0430\u0433\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u0435 \u043e\u0442 \u0440\u0435\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u0438",id:"abstracting-from-the-implementation",level:5},{value:"3. \u0418\u043d\u0442\u0435\u0433\u0440\u0438\u0440\u0443\u0435\u043c\u043e\u0441\u0442\u044c",id:"3-integrability",level:3},{value:"\u041f\u0440\u0438\u043c\u0435\u0440\u044b",id:"examples",level:4},{value:"\u041a\u043e\u043b\u043b\u0438\u0437\u0438\u044f \u0438\u043c\u0435\u043d",id:"name-collision",level:5},{value:"\u0413\u0438\u0431\u043a\u043e\u0435 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u0435",id:"flexible-use",level:5},{value:"\u0420\u0430\u0437\u0440\u0435\u0448\u0435\u043d\u0438\u0435 \u043a\u043e\u043b\u043b\u0438\u0437\u0438\u0439",id:"resolution-of-collisions",level:5},{value:"\u041e \u0440\u0435\u044d\u043a\u0441\u043f\u043e\u0440\u0442\u0430\u0445",id:"about-re-exports",level:2},{value:"\u041d\u0435\u0434\u043e\u0441\u0442\u0430\u0442\u043a\u0438",id:"disadvantages",level:3},{value:"\u0412\u043e\u0437\u043c\u043e\u0436\u043d\u044b\u0435 \u043f\u0443\u0442\u0438 \u0440\u0435\u0448\u0435\u043d\u0438\u044f",id:"possible-solutions",level:3},{value:"\u0421\u043c. \u0442\u0430\u043a\u0436\u0435",id:"see-also",level:2}];function a(e){const n={a:"a",admonition:"admonition",blockquote:"blockquote",code:"code",em:"em",h1:"h1",h2:"h2",h3:"h3",h4:"h4",h5:"h5",header:"header",li:"li",ol:"ol",p:"p",pre:"pre",strong:"strong",ul:"ul",...(0,i.R)(),...e.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(n.header,{children:(0,r.jsx)(n.h1,{id:"\u043f\u0443\u0431\u043b\u0438\u0447\u043d\u043e\u0435-api-\u043c\u043e\u0434\u0443\u043b\u044f-\u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f",children:"\u041f\u0443\u0431\u043b\u0438\u0447\u043d\u043e\u0435 API \u043c\u043e\u0434\u0443\u043b\u044f \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f"})}),"\n",(0,r.jsxs)(n.p,{children:["\u041a\u0430\u0436\u0434\u0430\u044f \u0441\u0443\u0449\u043d\u043e\u0441\u0442\u044c \u043c\u0435\u0442\u043e\u0434\u043e\u043b\u043e\u0433\u0438\u0438 \u043f\u0440\u043e\u0435\u043a\u0442\u0438\u0440\u0443\u0435\u0442\u0441\u044f \u043a\u0430\u043a ",(0,r.jsx)(n.strong,{children:"\u0443\u0434\u043e\u0431\u043d\u044b\u0439 \u0432 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u0438 \u0438 \u0438\u043d\u0442\u0435\u0433\u0440\u0430\u0446\u0438\u0438 \u043c\u043e\u0434\u0443\u043b\u044c."})]}),"\n",(0,r.jsx)(n.h2,{id:"goals",children:"\u0426\u0435\u043b\u0438"}),"\n",(0,r.jsxs)(n.p,{children:["\u0423\u0434\u043e\u0431\u0441\u0442\u0432\u043e \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u044f \u0438 \u0438\u043d\u0442\u0435\u0433\u0440\u0430\u0446\u0438\u0438 \u043c\u043e\u0434\u0443\u043b\u044f \u0434\u043e\u0441\u0442\u0438\u0433\u0430\u0435\u0442\u0441\u044f \u0447\u0435\u0440\u0435\u0437 \u0432\u044b\u043f\u043e\u043b\u043d\u0435\u043d\u0438\u0435 ",(0,r.jsx)(n.em,{children:"\u0440\u044f\u0434\u0430 \u0446\u0435\u043b\u0435\u0439"}),":"]}),"\n",(0,r.jsxs)(n.ol,{children:["\n",(0,r.jsxs)(n.li,{children:["\u041f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0435 \u0434\u043e\u043b\u0436\u043d\u043e \u0431\u044b\u0442\u044c ",(0,r.jsx)(n.strong,{children:"\u0437\u0430\u0449\u0438\u0449\u0435\u043d\u043e \u043e\u0442 \u0438\u0437\u043c\u0435\u043d\u0435\u043d\u0438\u0439"})," \u0432\u043d\u0443\u0442\u0440\u0435\u043d\u043d\u0435\u0439 \u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u044b \u043e\u0442\u0434\u0435\u043b\u044c\u043d\u044b\u0445 \u043c\u043e\u0434\u0443\u043b\u0435\u0439"]}),"\n",(0,r.jsxs)(n.li,{children:["\u041f\u0435\u0440\u0435\u0440\u0430\u0431\u043e\u0442\u043a\u0430 \u0432\u043d\u0443\u0442\u0440\u0435\u043d\u043d\u0435\u0439 \u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u044b \u043c\u043e\u0434\u0443\u043b\u044f ",(0,r.jsx)(n.strong,{children:"\u043d\u0435 \u0434\u043e\u043b\u0436\u043d\u0430 \u0437\u0430\u0442\u0440\u0430\u0433\u0438\u0432\u0430\u0442\u044c"})," \u0434\u0440\u0443\u0433\u0438\u0435 \u043c\u043e\u0434\u0443\u043b\u0438"]}),"\n",(0,r.jsxs)(n.li,{children:["\u0421\u0443\u0449\u0435\u0441\u0442\u0432\u0435\u043d\u043d\u044b\u0435 \u0438\u0437\u043c\u0435\u043d\u0435\u043d\u0438\u044f \u043f\u043e\u0432\u0435\u0434\u0435\u043d\u0438\u044f \u043c\u043e\u0434\u0443\u043b\u044f \u0434\u043e\u043b\u0436\u043d\u044b \u0431\u044b\u0442\u044c ",(0,r.jsx)(n.strong,{children:"\u043b\u0435\u0433\u043a\u043e \u043e\u043f\u0440\u0435\u0434\u0435\u043b\u044f\u0435\u043c\u044b"}),"\n",(0,r.jsxs)(n.blockquote,{children:["\n",(0,r.jsxs)(n.p,{children:[(0,r.jsx)(n.strong,{children:"\u0421\u0443\u0449\u0435\u0441\u0442\u0432\u0435\u043d\u043d\u044b\u0435 \u0438\u0437\u043c\u0435\u043d\u0435\u043d\u0438\u044f \u043f\u043e\u0432\u0435\u0434\u0435\u043d\u0438\u044f \u043c\u043e\u0434\u0443\u043b\u044f"})," - \u0438\u0437\u043c\u0435\u043d\u0435\u043d\u0438\u044f, \u043b\u043e\u043c\u0430\u044e\u0449\u0438\u0435 \u043e\u0436\u0438\u0434\u0430\u043d\u0438\u044f \u0441\u0443\u0449\u043d\u043e\u0441\u0442\u0435\u0439-\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u0435\u0439 \u043c\u043e\u0434\u0443\u043b\u044f."]}),"\n"]}),"\n"]}),"\n"]}),"\n",(0,r.jsx)(n.p,{children:'\u0414\u043e\u0441\u0442\u0438\u0447\u044c \u044d\u0442\u0438\u0445 \u0446\u0435\u043b\u0435\u0439 \u043f\u043e\u0437\u0432\u043e\u043b\u044f\u0435\u0442 \u0432\u0432\u0435\u0434\u0435\u043d\u0438\u0435 \u043f\u0443\u0431\u043b\u0438\u0447\u043d\u043e\u0433\u043e \u0438\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441\u0430 (Public API), \u043f\u0440\u0435\u0434\u0441\u0442\u0430\u0432\u043b\u044f\u044e\u0449\u0435\u0433\u043e \u0441\u043e\u0431\u043e\u0439 \u0435\u0434\u0438\u043d\u0443\u044e \u0442\u043e\u0447\u043a\u0443 \u0434\u043e\u0441\u0442\u0443\u043f\u0430 \u043a \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e\u0441\u0442\u044f\u043c \u043c\u043e\u0434\u0443\u043b\u044f \u0438 \u043e\u043f\u0440\u0435\u0434\u0435\u043b\u044f\u044e\u0449\u0435\u0433\u043e "\u043a\u043e\u043d\u0442\u0440\u0430\u043a\u0442" \u0432\u0437\u0430\u0438\u043c\u043e\u0434\u0435\u0439\u0441\u0442\u0432\u0438\u044f \u043c\u043e\u0434\u0443\u043b\u044f \u0441 \u0432\u043d\u0435\u0448\u043d\u0438\u043c \u043c\u0438\u0440\u043e\u043c.'}),"\n",(0,r.jsx)(n.admonition,{title:"\u0412\u0430\u0436\u043d\u043e",type:"info",children:(0,r.jsx)(n.p,{children:"\u0421\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u0430 \u0441\u0443\u0449\u043d\u043e\u0441\u0442\u0438 \u0434\u043e\u043b\u0436\u043d\u0430 \u0438\u043c\u0435\u0442\u044c \u0435\u0434\u0438\u043d\u0443\u044e \u0442\u043e\u0447\u043a\u0443 \u0432\u0445\u043e\u0434\u0430, \u043f\u0440\u0435\u0434\u043e\u0441\u0442\u0430\u0432\u043b\u044f\u044e\u0449\u0443\u044e \u043f\u0443\u0431\u043b\u0438\u0447\u043d\u044b\u0439 \u0438\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441"})}),"\n",(0,r.jsx)(n.pre,{children:(0,r.jsx)(n.code,{className:"language-sh",children:"\u2514\u2500\u2500 features/\xa0 \xa0 \xa0 \xa0 \xa0 \xa0 \xa0 \xa0 \xa0 \xa0 \xa0 \xa0   #\xa0\n   \u2514\u2500\u2500 auth-form/\xa0 \xa0 \xa0 \xa0 \xa0 \xa0 \xa0 \xa0 \xa0     # \u0412\u043d\u0443\u0442\u0440\u0435\u043d\u043d\u044f\u044f \u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u0430 \u0444\u0438\u0447\u0438\n            \u251c\u2500\u2500 ui/\xa0 \xa0 \xa0 \xa0 \xa0 \xa0 \xa0 \xa0 \xa0 \xa0 #\n            \u251c\u2500\u2500 model/\xa0 \xa0 \xa0 \xa0 \xa0 \xa0 \xa0 \xa0 \xa0#\n            \u251c\u2500\u2500 {...}/\xa0 \xa0 \xa0 \xa0 \xa0 \xa0 \xa0 \xa0 \xa0#\n            \u2514\u2500\u2500 index.ts\xa0 \xa0 \xa0 \xa0 \xa0 \xa0 \xa0 \xa0# \u042d\u043d\u0442\u0440\u0438\u043f\u043e\u0438\u043d\u0442 \u0444\u0438\u0447\u0438 \u0441 \u0435\u0435 \u043f\u0443\u0431\u043b\u0438\u0447\u043d\u044b\u043c API\n"})}),"\n",(0,r.jsx)(n.pre,{children:(0,r.jsx)(n.code,{className:"language-ts",metastring:'title="**/**/index.ts"',children:'export { Form as AuthForm } from "./ui"\nexport * as authFormModel from "./model"\n'})}),"\n",(0,r.jsx)(n.h2,{id:"requirements-for-the-public-api",children:"\u0422\u0440\u0435\u0431\u043e\u0432\u0430\u043d\u0438\u044f \u043a \u043f\u0443\u0431\u043b\u0438\u0447\u043d\u043e\u043c\u0443 API"}),"\n",(0,r.jsxs)(n.p,{children:["\u0412\u044b\u043f\u043e\u043b\u043d\u0435\u043d\u0438\u0435 \u044d\u0442\u0438\u0445 \u0442\u0440\u0435\u0431\u043e\u0432\u0430\u043d\u0438\u0439 \u043f\u043e\u0437\u0432\u043e\u043b\u044f\u0435\u0442 \u0441\u0432\u0435\u0441\u0442\u0438 \u0432\u0437\u0430\u0438\u043c\u043e\u0434\u0435\u0439\u0441\u0442\u0432\u0438\u0435 \u0441 \u043c\u043e\u0434\u0443\u043b\u0435\u043c \u043a ",(0,r.jsx)(n.strong,{children:"\u0432\u044b\u043f\u043e\u043b\u043d\u0435\u043d\u0438\u044e \u043f\u0443\u0431\u043b\u0438\u0447\u043d\u043e\u0433\u043e \u0438\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441\u0430-\u043a\u043e\u043d\u0442\u0440\u0430\u043a\u0442\u0430"})," \u0438, \u0442\u0435\u043c \u0441\u0430\u043c\u044b\u043c, \u0434\u043e\u0441\u0442\u0438\u0447\u044c \u043d\u0430\u0434\u0435\u0436\u043d\u043e\u0441\u0442\u0438 \u0438 \u0443\u0434\u043e\u0431\u0441\u0442\u0432\u0430 \u0432 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u0438 \u043c\u043e\u0434\u0443\u043b\u044f."]}),"\n",(0,r.jsx)(n.h3,{id:"1-access-control",children:"1. \u041a\u043e\u043d\u0442\u0440\u043e\u043b\u044c \u0434\u043e\u0441\u0442\u0443\u043f\u0430"}),"\n",(0,r.jsxs)(n.p,{children:["Public API \u0434\u043e\u043b\u0436\u0435\u043d \u043e\u0441\u0443\u0449\u0435\u0441\u0442\u0432\u043b\u044f\u0442\u044c ",(0,r.jsx)(n.strong,{children:"\u043a\u043e\u043d\u0442\u0440\u043e\u043b\u044c \u0434\u043e\u0441\u0442\u0443\u043f\u0430"})," \u043a \u0441\u043e\u0434\u0435\u0440\u0436\u0438\u043c\u043e\u043c\u0443 \u043c\u043e\u0434\u0443\u043b\u044f"]}),"\n",(0,r.jsxs)(n.ul,{children:["\n",(0,r.jsxs)(n.li,{children:["\u0414\u0440\u0443\u0433\u0438\u0435 \u0447\u0430\u0441\u0442\u0438 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f \u043c\u043e\u0433\u0443\u0442 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c ",(0,r.jsx)(n.strong,{children:"\u0442\u043e\u043b\u044c\u043a\u043e \u0442\u0435 \u0441\u0443\u0449\u043d\u043e\u0441\u0442\u0438 \u043c\u043e\u0434\u0443\u043b\u044f, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u043f\u0440\u0435\u0434\u0441\u0442\u0430\u0432\u043b\u0435\u043d\u044b \u0432 \u043f\u0443\u0431\u043b\u0438\u0447\u043d\u043e\u043c \u0438\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441\u0435"})]}),"\n",(0,r.jsxs)(n.li,{children:["\u0412\u043d\u0443\u0442\u0440\u0435\u043d\u043d\u044f\u044f \u0447\u0430\u0441\u0442\u044c \u043c\u043e\u0434\u0443\u043b\u044f \u0437\u0430 \u043f\u0440\u0435\u0434\u0435\u043b\u0430\u043c\u0438 \u043f\u0443\u0431\u043b\u0438\u0447\u043d\u043e\u0433\u043e \u0438\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441\u0430 ",(0,r.jsx)(n.strong,{children:"\u0434\u043e\u0441\u0442\u0443\u043f\u043d\u044b \u0442\u043e\u043b\u044c\u043a\u043e \u0441\u0430\u043c\u043e\u043c\u0443 \u043c\u043e\u0434\u0443\u043b\u044e"}),"."]}),"\n"]}),"\n",(0,r.jsx)(n.h4,{id:"examples",children:"\u041f\u0440\u0438\u043c\u0435\u0440\u044b"}),"\n",(0,r.jsx)(n.h5,{id:"suspension-from-private-imports",children:"\u041e\u0442\u0441\u0442\u0440\u0430\u043d\u0435\u043d\u0438\u0435 \u043e\u0442 \u043f\u0440\u0438\u0432\u0430\u0442\u043d\u044b\u0445 \u0438\u043c\u043f\u043e\u0440\u0442\u043e\u0432"}),"\n",(0,r.jsxs)(n.ul,{children:["\n",(0,r.jsxs)(n.li,{children:["\n",(0,r.jsxs)(n.p,{children:[(0,r.jsx)(n.strong,{children:"\u041f\u043b\u043e\u0445\u043e"}),": \u0418\u0434\u0435\u0442 \u043e\u0431\u0440\u0430\u0449\u0435\u043d\u0438\u0435 \u043d\u0430\u043f\u0440\u044f\u043c\u0443\u044e \u043a \u0432\u043d\u0443\u0442\u0440\u0435\u043d\u043d\u0438\u043c \u0447\u0430\u0441\u0442\u044f\u043c \u043c\u043e\u0434\u0443\u043b\u044f, \u043c\u0438\u043d\u0443\u044f \u043f\u0443\u0431\u043b\u0438\u0447\u043d\u044b\u0439 \u0438\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441 \u0434\u043e\u0441\u0442\u0443\u043f\u0430 - \u043e\u043f\u0430\u0441\u043d\u043e, \u043e\u0441\u043e\u0431\u0435\u043d\u043d\u043e \u043f\u0440\u0438 \u0440\u0435\u0444\u0430\u043a\u0442\u043e\u0440\u0438\u043d\u0433\u0435 \u043c\u043e\u0434\u0443\u043b\u044f"]}),"\n",(0,r.jsx)(n.pre,{children:(0,r.jsx)(n.code,{className:"language-diff",children:'- import { Form } from "features/auth-form/components/view/form"\n'})}),"\n"]}),"\n",(0,r.jsxs)(n.li,{children:["\n",(0,r.jsxs)(n.p,{children:[(0,r.jsx)(n.strong,{children:"\u0425\u043e\u0440\u043e\u0448\u043e:"})," API \u0437\u0430\u0440\u0430\u043d\u0435\u0435 \u044d\u043a\u0441\u043f\u043e\u0440\u0442\u0438\u0440\u0443\u0435\u0442 \u0442\u043e\u043b\u044c\u043a\u043e \u043d\u0443\u0436\u043d\u043e\u0435 \u0438 \u0440\u0430\u0437\u0440\u0435\u0448\u0435\u043d\u043d\u043e\u0435, \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a\u0443 \u043c\u043e\u0434\u0443\u043b\u044f \u0442\u0435\u043f\u0435\u0440\u044c \u043d\u0443\u0436\u043d\u043e \u0434\u0443\u043c\u0430\u0442\u044c \u0442\u043e\u043b\u044c\u043a\u043e \u043e \u0442\u043e\u043c, \u0447\u0442\u043e\u0431\u044b \u043d\u0435 \u043b\u043e\u043c\u0430\u0442\u044c Public API \u043f\u0440\u0438 \u0440\u0435\u0444\u0430\u043a\u0442\u043e\u0440\u0438\u043d\u0433\u0435"]}),"\n",(0,r.jsx)(n.pre,{children:(0,r.jsx)(n.code,{className:"language-diff",children:'+ import { AuthForm } from "features/auth-form"\n'})}),"\n"]}),"\n"]}),"\n",(0,r.jsx)(n.h3,{id:"2-sustainability-for-changes",children:"2. \u0423\u0441\u0442\u043e\u0439\u0447\u0438\u0432\u043e\u0441\u0442\u044c \u043a \u0438\u0437\u043c\u0435\u043d\u0435\u043d\u0438\u044f\u043c"}),"\n",(0,r.jsxs)(n.p,{children:["Public API \u0434\u043e\u043b\u0436\u0435\u043d \u0431\u044b\u0442\u044c ",(0,r.jsx)(n.strong,{children:"\u0443\u0441\u0442\u043e\u0439\u0447\u0438\u0432\u044b\u043c \u043a \u0438\u0437\u043c\u0435\u043d\u0435\u043d\u0438\u044f\u043c"})," \u0432\u043d\u0443\u0442\u0440\u0438 \u043c\u043e\u0434\u0443\u043b\u044f"]}),"\n",(0,r.jsxs)(n.ul,{children:["\n",(0,r.jsx)(n.li,{children:"\u0418\u0437\u043c\u0435\u043d\u0435\u043d\u0438\u044f, \u043b\u043e\u043c\u0430\u044e\u0449\u0438\u0435 \u043f\u043e\u0432\u0435\u0434\u0435\u043d\u0438\u044f \u043c\u043e\u0434\u0443\u043b\u044f, \u0434\u043e\u043b\u0436\u043d\u044b \u043e\u0442\u0440\u0430\u0436\u0430\u0442\u044c\u0441\u044f \u0432 \u0438\u0437\u043c\u0435\u043d\u0435\u043d\u0438\u0438 Public API"}),"\n"]}),"\n",(0,r.jsx)(n.h4,{id:"examples",children:"\u041f\u0440\u0438\u043c\u0435\u0440\u044b"}),"\n",(0,r.jsx)(n.h5,{id:"abstracting-from-the-implementation",children:"\u0410\u0431\u0441\u0442\u0440\u0430\u0433\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u0435 \u043e\u0442 \u0440\u0435\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u0438"}),"\n",(0,r.jsx)(n.p,{children:"\u0418\u0437\u043c\u0435\u043d\u0435\u043d\u0438\u0435 \u0432\u043d\u0443\u0442\u0440\u0435\u043d\u043d\u0435\u0439 \u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u044b \u043d\u0435 \u0434\u043e\u043b\u0436\u043d\u043e \u043f\u0440\u0438\u0432\u043e\u0434\u0438\u0442\u044c \u043a \u0438\u0437\u043c\u0435\u043d\u0435\u043d\u0438\u044e Public API"}),"\n",(0,r.jsxs)(n.ul,{children:["\n",(0,r.jsxs)(n.li,{children:["\n",(0,r.jsxs)(n.p,{children:[(0,r.jsx)(n.strong,{children:"\u041f\u043b\u043e\u0445\u043e:"})," \u043f\u0435\u0440\u0435\u043c\u0435\u0449\u0435\u043d\u0438\u0435 \u0438\u043b\u0438 \u043f\u0435\u0440\u0435\u0438\u043c\u0435\u043d\u043e\u0432\u0430\u043d\u0438\u0435 \u044d\u0442\u043e\u0433\u043e \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u0430 \u0432\u043d\u0443\u0442\u0440\u0438 \u0444\u0438\u0447\u0438 \u043f\u0440\u0438\u0432\u0435\u0434\u0435\u0442 \u043a \u043d\u0435\u043e\u0431\u0445\u043e\u0434\u0438\u043c\u043e\u0441\u0442\u0438 \u0440\u0435\u0444\u0430\u043a\u0442\u043e\u0440\u0438\u0442\u044c \u0438\u043c\u043f\u043e\u0440\u0442\u044b \u0432\u043e \u0432\u0441\u0435\u0445 \u043c\u0435\u0441\u0442\u0430\u0445 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u044f \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u0430."]}),"\n",(0,r.jsx)(n.pre,{children:(0,r.jsx)(n.code,{className:"language-diff",children:'- import { Form } from "features/auth-form/ui/form"\n'})}),"\n"]}),"\n",(0,r.jsxs)(n.li,{children:["\n",(0,r.jsxs)(n.p,{children:[(0,r.jsx)(n.strong,{children:"\u0425\u043e\u0440\u043e\u0448\u043e:"}),' \u0438\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441 \u0444\u0438\u0447\u0438 \u043d\u0435 \u043e\u0442\u043e\u0431\u0440\u0430\u0436\u0430\u0435\u0442 \u0435\u0451 \u0432\u043d\u0443\u0442\u0440\u0435\u043d\u043d\u044e\u044e \u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u0443, \u0432\u043d\u0435\u0448\u043d\u0438\u0435 "\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u0438" \u0444\u0438\u0447\u0438 \u043d\u0435 \u043f\u043e\u0441\u0442\u0440\u0430\u0434\u0430\u044e\u0442 \u043e\u0442 \u043f\u0435\u0440\u0435\u043c\u0435\u0449\u0435\u043d\u0438\u044f \u0438\u043b\u0438 \u043f\u0435\u0440\u0435\u0438\u043c\u0435\u043d\u043e\u0432\u0430\u043d\u0438\u044f \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u0430 \u0432\u043d\u0443\u0442\u0440\u0438 \u0444\u0438\u0447\u0438']}),"\n",(0,r.jsx)(n.pre,{children:(0,r.jsx)(n.code,{className:"language-diff",children:'+ import { AuthForm } from "features/auth-form"\n'})}),"\n"]}),"\n"]}),"\n",(0,r.jsx)(n.h3,{id:"3-integrability",children:"3. \u0418\u043d\u0442\u0435\u0433\u0440\u0438\u0440\u0443\u0435\u043c\u043e\u0441\u0442\u044c"}),"\n",(0,r.jsxs)(n.p,{children:["Public API \u0434\u043e\u043b\u0436\u0435\u043d \u0441\u043f\u043e\u0441\u043e\u0431\u0441\u0442\u0432\u043e\u0432\u0430\u0442\u044c ",(0,r.jsx)(n.strong,{children:"\u043b\u0435\u0433\u043a\u043e\u0439 \u0438 \u0433\u0438\u0431\u043a\u043e\u0439 \u0438\u043d\u0442\u0435\u0433\u0440\u0430\u0446\u0438\u0438"})]}),"\n",(0,r.jsxs)(n.ul,{children:["\n",(0,r.jsx)(n.li,{children:"\u0414\u043e\u043b\u0436\u0435\u043d \u0431\u044b\u0442\u044c \u0443\u0434\u043e\u0431\u0435\u043d \u0434\u043b\u044f \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u044f \u043e\u0441\u0442\u0430\u043b\u044c\u043d\u044b\u043c\u0438 \u0447\u0430\u0441\u0442\u044f\u043c\u0438 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f, \u0432 \u0447\u0430\u0441\u0442\u043d\u043e\u0441\u0442\u0438, \u0440\u0435\u0448\u0430\u0442\u044c \u043f\u0440\u043e\u0431\u043b\u0435\u043c\u0443 \u043a\u043e\u043b\u043b\u0438\u0437\u0438\u0438 \u0438\u043c\u0435\u043d"}),"\n"]}),"\n",(0,r.jsx)(n.h4,{id:"examples",children:"\u041f\u0440\u0438\u043c\u0435\u0440\u044b"}),"\n",(0,r.jsx)(n.h5,{id:"name-collision",children:"\u041a\u043e\u043b\u043b\u0438\u0437\u0438\u044f \u0438\u043c\u0435\u043d"}),"\n",(0,r.jsxs)(n.ul,{children:["\n",(0,r.jsxs)(n.li,{children:["\n",(0,r.jsxs)(n.p,{children:[(0,r.jsx)(n.strong,{children:"\u041f\u043b\u043e\u0445\u043e:"})," \u0431\u0443\u0434\u0435\u0442 \u043a\u043e\u043b\u043b\u0438\u0437\u0438\u044f \u0438\u043c\u0435\u043d"]}),"\n",(0,r.jsx)(n.pre,{children:(0,r.jsx)(n.code,{className:"language-ts",metastring:'title="features/auth-form/index.ts"',children:'export { Form } from "./ui"\nexport * as model from "./model"\n'})}),"\n",(0,r.jsx)(n.pre,{children:(0,r.jsx)(n.code,{className:"language-ts",metastring:'title="features/post-form/index.ts"',children:'export { Form } from "./ui"\nexport * as model from "./model"\n'})}),"\n",(0,r.jsx)(n.pre,{children:(0,r.jsx)(n.code,{className:"language-diff",children:'- import { Form, model } from "features/auth-form"\n- import { Form, model } from "features/post-form"\n'})}),"\n"]}),"\n",(0,r.jsxs)(n.li,{children:["\n",(0,r.jsxs)(n.p,{children:[(0,r.jsx)(n.strong,{children:"\u0425\u043e\u0440\u043e\u0448\u043e:"})," \u043a\u043e\u043b\u043b\u0438\u0437\u0438\u044f \u0440\u0435\u0448\u0435\u043d\u0430 \u043d\u0430 \u0443\u0440\u043e\u0432\u043d\u0435 \u0438\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441\u0430"]}),"\n",(0,r.jsx)(n.pre,{children:(0,r.jsx)(n.code,{className:"language-ts",metastring:'title="features/auth-form/index.ts"',children:'export { Form as AuthForm } from "./ui"\nexport * as authFormModel from "./model"\n'})}),"\n",(0,r.jsx)(n.pre,{children:(0,r.jsx)(n.code,{className:"language-ts",metastring:'title="features/post-form/index.ts"',children:'export { Form as PostForm } from "./ui"\nexport * as postFormModel from "./model"\n'})}),"\n",(0,r.jsx)(n.pre,{children:(0,r.jsx)(n.code,{className:"language-diff",children:'+ import { AuthForm, authFormModel } from "features/auth-form"\n+ import { PostForm, postFormModel } from "features/post-form"\n'})}),"\n"]}),"\n"]}),"\n",(0,r.jsx)(n.h5,{id:"flexible-use",children:"\u0413\u0438\u0431\u043a\u043e\u0435 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u0435"}),"\n",(0,r.jsxs)(n.ul,{children:["\n",(0,r.jsxs)(n.li,{children:["\n",(0,r.jsxs)(n.p,{children:[(0,r.jsx)(n.strong,{children:"\u041f\u043b\u043e\u0445\u043e:"}),' \u043d\u0435\u0443\u0434\u043e\u0431\u043d\u043e \u043f\u0438\u0441\u0430\u0442\u044c, \u043d\u0435\u0443\u0434\u043e\u0431\u043d\u043e \u0447\u0438\u0442\u0430\u0442\u044c, "\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044c" \u0444\u0438\u0447\u0438 \u0441\u0442\u0440\u0430\u0434\u0430\u0435\u0442']}),"\n",(0,r.jsx)(n.pre,{children:(0,r.jsx)(n.code,{className:"language-diff",children:'- import { storeActionUpdateUserDetails } from "features/auth-form"\n- dispatch(storeActionUpdateUserDetails(...))\n'})}),"\n"]}),"\n",(0,r.jsxs)(n.li,{children:["\n",(0,r.jsxs)(n.p,{children:[(0,r.jsx)(n.strong,{children:"\u0425\u043e\u0440\u043e\u0448\u043e:"}),' "\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044c" \u0444\u0438\u0447\u0438 \u043f\u043e\u043b\u0443\u0447\u0430\u0435\u0442 \u0434\u043e\u0441\u0442\u0443\u043f \u043a \u043d\u0443\u0436\u043d\u044b\u043c \u0432\u0435\u0449\u0430\u043c \u0438\u0442\u0435\u0440\u0430\u0442\u0438\u0432\u043d\u043e \u0438 \u0433\u0438\u0431\u043a\u043e']}),"\n",(0,r.jsx)(n.pre,{children:(0,r.jsx)(n.code,{className:"language-diff",children:'+ import { authFormModel } from "features/auth-form"\n+ dispatch(authFormModel.effects.updateUserDetails(...)) // redux\n+ authFormModel.updateUserDetailsFx(...) // effector\n'})}),"\n"]}),"\n"]}),"\n",(0,r.jsx)(n.h5,{id:"resolution-of-collisions",children:"\u0420\u0430\u0437\u0440\u0435\u0448\u0435\u043d\u0438\u0435 \u043a\u043e\u043b\u043b\u0438\u0437\u0438\u0439"}),"\n",(0,r.jsx)(n.p,{children:"\u041a\u043e\u043b\u043b\u0438\u0437\u0438\u044f \u0438\u043c\u0435\u043d \u0434\u043e\u043b\u0436\u043d\u0430 \u0440\u0435\u0448\u0430\u0442\u044c\u0441\u044f \u043d\u0430 \u0443\u0440\u043e\u0432\u043d\u0435 \u043f\u0443\u0431\u043b\u0438\u0447\u043d\u043e\u0433\u043e \u0438\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441\u0430, \u0430 \u043d\u0435 \u0440\u0435\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u0438"}),"\n",(0,r.jsxs)(n.ul,{children:["\n",(0,r.jsxs)(n.li,{children:["\n",(0,r.jsxs)(n.p,{children:[(0,r.jsx)(n.strong,{children:"\u041f\u043b\u043e\u0445\u043e:"})," \u043a\u043e\u043b\u043b\u0438\u0437\u0438\u044f \u0438\u043c\u0435\u043d \u0440\u0435\u0448\u0430\u0435\u0442\u0441\u044f \u043d\u0430 \u0443\u0440\u043e\u0432\u043d\u0435 \u0440\u0435\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u0438"]}),"\n",(0,r.jsx)(n.pre,{children:(0,r.jsx)(n.code,{className:"language-ts",metastring:'title="features/auth-form/index.ts"',children:'export { AuthForm } from "./ui"\nexport { authFormActions, authFormReducer } from "model"\n'})}),"\n",(0,r.jsx)(n.pre,{children:(0,r.jsx)(n.code,{className:"language-ts",metastring:'title="features/post-form/index.ts"',children:'export { PostForm } from "./ui"\nexport { postFormActions, postFormReducer } from "model"\n'})}),"\n"]}),"\n",(0,r.jsxs)(n.li,{children:["\n",(0,r.jsxs)(n.p,{children:[(0,r.jsx)(n.strong,{children:"\u0425\u043e\u0440\u043e\u0448\u043e:"})," \u043a\u043e\u043b\u043b\u0438\u0437\u0438\u044f \u0438\u043c\u0435\u043d \u0440\u0435\u0448\u0430\u0435\u0442\u0441\u044f \u043d\u0430 \u0443\u0440\u043e\u0432\u043d\u0435 \u0438\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441\u0430"]}),"\n",(0,r.jsx)(n.pre,{children:(0,r.jsx)(n.code,{className:"language-ts",metastring:'title="features/auth-form/model.ts"',children:"export { actions, reducer }\n"})}),"\n",(0,r.jsx)(n.pre,{children:(0,r.jsx)(n.code,{className:"language-ts",metastring:'title="features/auth-form/index.ts"',children:'export { Form as AuthForm } from "./ui"\nexport * as authFormModel from "./model"\n'})}),"\n",(0,r.jsx)(n.pre,{children:(0,r.jsx)(n.code,{className:"language-ts",metastring:'title="features/post-form/model.ts"',children:"export { actions, reducer }\n"})}),"\n",(0,r.jsx)(n.pre,{children:(0,r.jsx)(n.code,{className:"language-ts",metastring:'title="features/post-form/index.ts"',children:'export { Form as PostForm } from "./ui"\nexport * as postFormModel from "./model"\n'})}),"\n"]}),"\n"]}),"\n",(0,r.jsx)(n.h2,{id:"about-re-exports",children:"\u041e \u0440\u0435\u044d\u043a\u0441\u043f\u043e\u0440\u0442\u0430\u0445"}),"\n",(0,r.jsxs)(n.p,{children:["\u0412 JavaScript \u043f\u0443\u0431\u043b\u0438\u0447\u043d\u044b\u0439 \u0438\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441 \u043c\u043e\u0434\u0443\u043b\u044f \u0441\u043e\u0437\u0434\u0430\u0435\u0442\u0441\u044f \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e \u0440\u0435\u044d\u043a\u0441\u043f\u043e\u0440\u0442\u0430 \u0441\u0443\u0449\u043d\u043e\u0441\u0442\u0435\u0439 \u0438\u0437\u043d\u0443\u0442\u0440\u0438 \u043c\u043e\u0434\u0443\u043b\u044f \u0432 ",(0,r.jsx)(n.code,{children:"index"})," \u0444\u0430\u0439\u043b\u0435:"]}),"\n",(0,r.jsx)(n.pre,{children:(0,r.jsx)(n.code,{className:"language-ts",metastring:'title="**/**/index.ts"',children:'export { Form as AuthForm } from "./ui"\nexport * as authModel from "./model"\n'})}),"\n",(0,r.jsx)(n.h3,{id:"disadvantages",children:"\u041d\u0435\u0434\u043e\u0441\u0442\u0430\u0442\u043a\u0438"}),"\n",(0,r.jsxs)(n.ul,{children:["\n",(0,r.jsxs)(n.li,{children:["\n",(0,r.jsxs)(n.p,{children:["\u0412 \u0431\u043e\u043b\u044c\u0448\u0438\u043d\u0441\u0442\u0432\u0435 \u043f\u043e\u043f\u0443\u043b\u044f\u0440\u043d\u044b\u0445 \u0431\u0430\u043d\u0434\u043b\u0435\u0440\u043e\u0432 \u0438\u0437-\u0437\u0430 \u0440\u0435\u044d\u043a\u0441\u043f\u043e\u0440\u0442\u043e\u0432 ",(0,r.jsx)(n.strong,{children:"\u0445\u0443\u0436\u0435 \u0440\u0430\u0431\u043e\u0442\u0430\u0435\u0442 \u043a\u043e\u0434-\u0441\u043f\u043b\u0438\u0442\u0442\u0438\u043d\u0433"}),", \u0442.\u043a. ",(0,r.jsx)(n.a,{href:"https://webpack.js.org/guides/tree-shaking/",children:"tree-shaking"})," \u043f\u0440\u0438 \u0442\u0430\u043a\u043e\u043c \u043f\u043e\u0434\u0445\u043e\u0434\u0435 \u043c\u043e\u0436\u0435\u0442 \u0431\u0435\u0437\u043e\u043f\u0430\u0441\u043d\u043e \u043e\u0442\u0431\u0440\u043e\u0441\u0438\u0442\u044c \u0442\u043e\u043b\u044c\u043a\u043e \u043c\u043e\u0434\u0443\u043b\u044c \u0446\u0435\u043b\u0438\u043a\u043e\u043c, \u043d\u043e \u043d\u0435 \u0435\u0433\u043e \u0447\u0430\u0441\u0442\u044c."]}),"\n",(0,r.jsxs)(n.blockquote,{children:["\n",(0,r.jsxs)(n.p,{children:["\u041d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, \u0438\u043c\u043f\u043e\u0440\u0442 ",(0,r.jsx)(n.code,{children:"authModel"})," \u0432 \u043c\u043e\u0434\u0435\u043b\u0438 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b \u043f\u0440\u0438\u0432\u0435\u0434\u0435\u0442 \u043a \u043f\u043e\u043f\u0430\u0434\u0430\u043d\u0438\u044e \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u0430 ",(0,r.jsx)(n.code,{children:"AuthForm"})," \u0432 \u0447\u0430\u043d\u043a \u044d\u0442\u043e\u0439 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b, \u0434\u0430\u0436\u0435 \u0435\u0441\u043b\u0438 \u044d\u0442\u043e\u0442 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442 \u0442\u0430\u043c \u043d\u0435 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u0442\u0441\u044f."]}),"\n"]}),"\n"]}),"\n",(0,r.jsxs)(n.li,{children:["\n",(0,r.jsx)(n.p,{children:'\u041a\u0430\u043a \u0441\u043b\u0435\u0434\u0441\u0442\u0432\u0438\u0435, \u0438\u043d\u0438\u0446\u0438\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u044f \u0447\u0430\u043d\u043a\u0430 \u0441\u0442\u0430\u043d\u043e\u0432\u0438\u0442\u0441\u044f \u0434\u043e\u0440\u043e\u0436\u0435, \u0442.\u043a. \u0431\u0440\u0430\u0443\u0437\u0435\u0440 \u0434\u043e\u043b\u0436\u0435\u043d \u043e\u0431\u0440\u0430\u0431\u043e\u0442\u0430\u0442\u044c \u0432\u0441\u0435 \u043c\u043e\u0434\u0443\u043b\u0438 \u0432 \u043d\u0435\u043c, \u0432 \u0442\u043e\u043c \u0447\u0438\u0441\u043b\u0435 \u0438 \u0442\u0435, \u0447\u0442\u043e \u043f\u043e\u043f\u0430\u043b\u0438 \u0432 \u0431\u0430\u043d\u0434\u043b "\u0437\u0430 \u043a\u043e\u043c\u043f\u0430\u043d\u0438\u044e"'}),"\n"]}),"\n"]}),"\n",(0,r.jsx)(n.h3,{id:"possible-solutions",children:"\u0412\u043e\u0437\u043c\u043e\u0436\u043d\u044b\u0435 \u043f\u0443\u0442\u0438 \u0440\u0435\u0448\u0435\u043d\u0438\u044f"}),"\n",(0,r.jsxs)(n.ul,{children:["\n",(0,r.jsxs)(n.li,{children:[(0,r.jsx)(n.code,{children:"webpack"})," \u043f\u043e\u0437\u0432\u043e\u043b\u044f\u0435\u0442 \u043e\u0442\u043c\u0435\u0442\u0438\u0442\u044c \u0444\u0430\u0439\u043b\u044b-\u0440\u0435\u044d\u043a\u0441\u043f\u043e\u0440\u0442\u044b \u043a\u0430\u043a ",(0,r.jsx)(n.a,{href:"https://webpack.js.org/guides/tree-shaking/#mark-the-file-as-side-effect-free",children:(0,r.jsx)(n.strong,{children:"side effects free"})})," - \u044d\u0442\u043e \u0440\u0430\u0437\u0440\u0435\u0448\u0430\u0435\u0442 ",(0,r.jsx)(n.code,{children:"webpack"})," \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u0431\u043e\u043b\u0435\u0435 \u0430\u0433\u0440\u0435\u0441\u0441\u0438\u0432\u043d\u044b\u0435 \u043e\u043f\u0442\u0438\u043c\u0438\u0437\u0430\u0446\u0438\u0438 \u043f\u0440\u0438 \u0440\u0430\u0431\u043e\u0442\u0435 \u0441 \u0442\u0430\u043a\u0438\u043c \u0444\u0430\u0439\u043b\u043e\u043c"]}),"\n"]}),"\n",(0,r.jsx)(n.h2,{id:"see-also",children:"\u0421\u043c. \u0442\u0430\u043a\u0436\u0435"}),"\n",(0,r.jsxs)(n.ul,{children:["\n",(0,r.jsx)(n.li,{children:(0,r.jsx)(n.a,{href:"https://github.com/feature-sliced/documentation/discussions/41",children:"(\u041e\u0431\u0441\u0443\u0436\u0434\u0435\u043d\u0438\u0435) Public API \u0430\u0431\u0441\u0442\u0440\u0430\u043a\u0446\u0438\u0438"})}),"\n",(0,r.jsx)(n.li,{children:(0,r.jsxs)(n.a,{href:"https://ru.wikipedia.org/wiki/SOLID",children:["\u041f\u0440\u0438\u043d\u0446\u0438\u043f\u044b ",(0,r.jsx)(n.strong,{children:"SOLID"})]})}),"\n",(0,r.jsx)(n.li,{children:(0,r.jsxs)(n.a,{href:"https://ru.wikipedia.org/wiki/GRASP",children:["\u041f\u0430\u0442\u0442\u0435\u0440\u043d\u044b ",(0,r.jsx)(n.strong,{children:"GRASP"})]})}),"\n"]})]})}function h(e={}){const{wrapper:n}={...(0,i.R)(),...e.components};return n?(0,r.jsx)(n,{...e,children:(0,r.jsx)(a,{...e})}):a(e)}},1100:(e,n,s)=>{s.d(n,{R:()=>t,x:()=>o});var r=s(758);const i={},l=r.createContext(i);function t(e){const n=r.useContext(l);return r.useMemo((function(){return"function"==typeof e?e(n):{...n,...e}}),[n,e])}function o(e){let n;return n=e.disableParentContext?"function"==typeof e.components?e.components(i):e.components||i:t(e.components),r.createElement(l.Provider,{value:n},e.children)}}}]);
\ No newline at end of file
diff --git a/ru/assets/js/3b64669e.8e1500cf.js b/ru/assets/js/3b64669e.0c0aa088.js
similarity index 99%
rename from ru/assets/js/3b64669e.8e1500cf.js
rename to ru/assets/js/3b64669e.0c0aa088.js
index e0c6ec9776..10223a30a3 100644
--- a/ru/assets/js/3b64669e.8e1500cf.js
+++ b/ru/assets/js/3b64669e.0c0aa088.js
@@ -1 +1 @@
-"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[6400],{513:(n,e,t)=>{t.r(e),t.d(e,{assets:()=>a,contentTitle:()=>o,default:()=>l,frontMatter:()=>i,metadata:()=>d,toc:()=>u});var s=t(6070),r=t(1100);const i={sidebar_position:3,sidebar_label:"\u0422\u0438\u043f\u044b \u0437\u043d\u0430\u043d\u0438\u0439"},o="\u0422\u0438\u043f\u044b \u0437\u043d\u0430\u043d\u0438\u0439 \u0432 \u043f\u0440\u043e\u0435\u043a\u0442\u0435",d={id:"about/understanding/knowledge-types",title:"\u0422\u0438\u043f\u044b \u0437\u043d\u0430\u043d\u0438\u0439 \u0432 \u043f\u0440\u043e\u0435\u043a\u0442\u0435",description:'\u0412 \u043b\u044e\u0431\u043e\u043c \u043f\u0440\u043e\u0435\u043a\u0442\u0435 \u043c\u043e\u0436\u043d\u043e \u0432\u044b\u0434\u0435\u043b\u0438\u0442\u044c \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0438\u0435 "\u0442\u0438\u043f\u044b \u0437\u043d\u0430\u043d\u0438\u0439":',source:"@site/i18n/ru/docusaurus-plugin-content-docs/current/about/understanding/knowledge-types.md",sourceDirName:"about/understanding",slug:"/about/understanding/knowledge-types",permalink:"/ru/docs/about/understanding/knowledge-types",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/ru/docusaurus-plugin-content-docs/current/about/understanding/knowledge-types.md",tags:[],version:"current",lastUpdatedAt:1727607766e3,sidebarPosition:3,frontMatter:{sidebar_position:3,sidebar_label:"\u0422\u0438\u043f\u044b \u0437\u043d\u0430\u043d\u0438\u0439"},sidebar:"aboutSidebar",previous:{title:"\u041f\u043e\u043d\u0438\u043c\u0430\u043d\u0438\u0435 \u043f\u043e\u0442\u0440\u0435\u0431\u043d\u043e\u0441\u0442\u0435\u0439",permalink:"/ru/docs/about/understanding/needs-driven"},next:{title:"\u041d\u0435\u0439\u043c\u0438\u043d\u0433",permalink:"/ru/docs/about/understanding/naming"}},a={},u=[{value:"\u0421\u043c. \u0442\u0430\u043a\u0436\u0435",id:"see-also",level:2}];function c(n){const e={a:"a",admonition:"admonition",br:"br",h1:"h1",h2:"h2",header:"header",li:"li",p:"p",strong:"strong",ul:"ul",...(0,r.R)(),...n.components};return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(e.header,{children:(0,s.jsx)(e.h1,{id:"\u0442\u0438\u043f\u044b-\u0437\u043d\u0430\u043d\u0438\u0439-\u0432-\u043f\u0440\u043e\u0435\u043a\u0442\u0435",children:"\u0422\u0438\u043f\u044b \u0437\u043d\u0430\u043d\u0438\u0439 \u0432 \u043f\u0440\u043e\u0435\u043a\u0442\u0435"})}),"\n",(0,s.jsx)(e.p,{children:'\u0412 \u043b\u044e\u0431\u043e\u043c \u043f\u0440\u043e\u0435\u043a\u0442\u0435 \u043c\u043e\u0436\u043d\u043e \u0432\u044b\u0434\u0435\u043b\u0438\u0442\u044c \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0438\u0435 "\u0442\u0438\u043f\u044b \u0437\u043d\u0430\u043d\u0438\u0439":'}),"\n",(0,s.jsxs)(e.ul,{children:["\n",(0,s.jsxs)(e.li,{children:["\n",(0,s.jsxs)(e.p,{children:[(0,s.jsx)(e.strong,{children:"\u0424\u0443\u043d\u0434\u0430\u043c\u0435\u043d\u0442\u0430\u043b\u044c\u043d\u044b\u0435 \u0437\u043d\u0430\u043d\u0438\u044f"}),(0,s.jsx)(e.br,{}),"\n","\u0417\u043d\u0430\u043d\u0438\u044f, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u043d\u0435 \u0441\u0438\u043b\u044c\u043d\u043e \u043c\u0435\u043d\u044f\u044e\u0442\u0441\u044f \u0441\u043e \u0432\u0440\u0435\u043c\u0435\u043d\u0435\u043c, \u0442\u0430\u043a\u0438\u0435 \u043a\u0430\u043a \u0430\u043b\u0433\u043e\u0440\u0438\u0442\u043c\u044b, computer science, \u043c\u0435\u0445\u0430\u043d\u0438\u0437\u043c\u044b \u0440\u0430\u0431\u043e\u0442\u044b \u044f\u0437\u044b\u043a\u0430 \u043f\u0440\u043e\u0433\u0440\u0430\u043c\u043c\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u044f \u0438 \u0435\u0433\u043e API."]}),"\n"]}),"\n",(0,s.jsxs)(e.li,{children:["\n",(0,s.jsxs)(e.p,{children:[(0,s.jsx)(e.strong,{children:"\u0422\u0435\u0445\u043d\u043e\u043b\u043e\u0433\u0438\u0447\u0435\u0441\u043a\u0438\u0439 \u0441\u0442\u0435\u043a"}),(0,s.jsx)(e.br,{}),"\n","\u0417\u043d\u0430\u043d\u0438\u044f \u043e \u043d\u0430\u0431\u043e\u0440\u0435 \u0442\u0435\u0445\u043d\u0438\u0447\u0435\u0441\u043a\u0438\u0445 \u0440\u0435\u0448\u0435\u043d\u0438\u0439, \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u043c\u044b\u0445 \u0432 \u043f\u0440\u043e\u0435\u043a\u0442\u0435, \u0432\u043a\u043b\u044e\u0447\u0430\u044f \u044f\u0437\u044b\u043a\u0438 \u043f\u0440\u043e\u0433\u0440\u0430\u043c\u043c\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u044f, \u0444\u0440\u0435\u0439\u043c\u0432\u043e\u0440\u043a\u0438 \u0438 \u0431\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a\u0438."]}),"\n"]}),"\n",(0,s.jsxs)(e.li,{children:["\n",(0,s.jsxs)(e.p,{children:[(0,s.jsx)(e.strong,{children:"\u041f\u0440\u043e\u0435\u043a\u0442\u043d\u044b\u0435 \u0437\u043d\u0430\u043d\u0438\u044f"}),(0,s.jsx)(e.br,{}),"\n","\u0417\u043d\u0430\u043d\u0438\u044f, \u0441\u043f\u0435\u0446\u0438\u0444\u0438\u0447\u043d\u044b\u0435 \u0434\u043b\u044f \u0442\u0435\u043a\u0443\u0449\u0435\u0433\u043e \u043f\u0440\u043e\u0435\u043a\u0442\u0430 \u0438 \u0431\u0435\u0441\u043f\u043e\u043b\u0435\u0437\u043d\u044b\u0435 \u0432\u043d\u0435 \u044d\u0442\u043e\u0433\u043e \u043f\u0440\u043e\u0435\u043a\u0442\u0430. \u042d\u0442\u0438 \u0437\u043d\u0430\u043d\u0438\u044f \u043d\u0435\u043e\u0431\u0445\u043e\u0434\u0438\u043c\u044b \u043d\u043e\u0432\u044b\u043c \u0447\u043b\u0435\u043d\u0430\u043c \u043a\u043e\u043c\u0430\u043d\u0434\u044b, \u0447\u0442\u043e\u0431 \u0432\u043d\u043e\u0441\u0438\u0442\u044c \u044d\u0444\u0444\u0435\u043a\u0442\u0438\u0432\u043d\u044b\u0439 \u0432\u043a\u043b\u0430\u0434."]}),"\n"]}),"\n"]}),"\n",(0,s.jsx)(e.admonition,{type:"note",children:(0,s.jsxs)(e.p,{children:[(0,s.jsx)(e.strong,{children:"Feature-Sliced Design"}),' \u043f\u0440\u0438\u0437\u0432\u0430\u043d \u0443\u043c\u0435\u043d\u044c\u0448\u0438\u0442\u044c \u0437\u0430\u0432\u0438\u0441\u0438\u043c\u043e\u0441\u0442\u044c \u043e\u0442 "\u043f\u0440\u043e\u0435\u043a\u0442\u043d\u044b\u0445 \u0437\u043d\u0430\u043d\u0438\u0439", \u0432\u0437\u044f\u0442\u044c \u043d\u0430 \u0441\u0435\u0431\u044f \u0431\u043e\u043b\u044c\u0448\u0435 \u043e\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0435\u043d\u043d\u043e\u0441\u0442\u0438, \u0438 \u043e\u0431\u043b\u0435\u0433\u0447\u0438\u0442\u044c \u043e\u043d\u0431\u043e\u0440\u0434\u0438\u043d\u0433 \u043d\u043e\u0432\u044b\u0445 \u0447\u043b\u0435\u043d\u043e\u0432 \u043a\u043e\u043c\u0430\u043d\u0434\u044b.']})}),"\n",(0,s.jsx)(e.h2,{id:"see-also",children:"\u0421\u043c. \u0442\u0430\u043a\u0436\u0435"}),"\n",(0,s.jsxs)(e.ul,{children:["\n",(0,s.jsx)(e.li,{children:(0,s.jsx)(e.a,{href:"https://youtu.be/4xyb_tA-uw0?t=249",children:"(\u0412\u0438\u0434\u0435\u043e) \u0418\u043b\u044c\u044f \u041a\u043b\u0438\u043c\u043e\u0432 \u2014 \u041e \u0442\u0438\u043f\u0430\u0445 \u0437\u043d\u0430\u043d\u0438\u0439"})}),"\n"]})]})}function l(n={}){const{wrapper:e}={...(0,r.R)(),...n.components};return e?(0,s.jsx)(e,{...n,children:(0,s.jsx)(c,{...n})}):c(n)}},1100:(n,e,t)=>{t.d(e,{R:()=>o,x:()=>d});var s=t(758);const r={},i=s.createContext(r);function o(n){const e=s.useContext(i);return s.useMemo((function(){return"function"==typeof n?n(e):{...e,...n}}),[e,n])}function d(n){let e;return e=n.disableParentContext?"function"==typeof n.components?n.components(r):n.components||r:o(n.components),s.createElement(i.Provider,{value:e},n.children)}}}]);
\ No newline at end of file
+"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[6400],{513:(n,e,t)=>{t.r(e),t.d(e,{assets:()=>a,contentTitle:()=>o,default:()=>l,frontMatter:()=>i,metadata:()=>d,toc:()=>u});var s=t(6070),r=t(1100);const i={sidebar_position:3,sidebar_label:"\u0422\u0438\u043f\u044b \u0437\u043d\u0430\u043d\u0438\u0439"},o="\u0422\u0438\u043f\u044b \u0437\u043d\u0430\u043d\u0438\u0439 \u0432 \u043f\u0440\u043e\u0435\u043a\u0442\u0435",d={id:"about/understanding/knowledge-types",title:"\u0422\u0438\u043f\u044b \u0437\u043d\u0430\u043d\u0438\u0439 \u0432 \u043f\u0440\u043e\u0435\u043a\u0442\u0435",description:'\u0412 \u043b\u044e\u0431\u043e\u043c \u043f\u0440\u043e\u0435\u043a\u0442\u0435 \u043c\u043e\u0436\u043d\u043e \u0432\u044b\u0434\u0435\u043b\u0438\u0442\u044c \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0438\u0435 "\u0442\u0438\u043f\u044b \u0437\u043d\u0430\u043d\u0438\u0439":',source:"@site/i18n/ru/docusaurus-plugin-content-docs/current/about/understanding/knowledge-types.md",sourceDirName:"about/understanding",slug:"/about/understanding/knowledge-types",permalink:"/ru/docs/about/understanding/knowledge-types",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/ru/docusaurus-plugin-content-docs/current/about/understanding/knowledge-types.md",tags:[],version:"current",lastUpdatedAt:1728325386e3,sidebarPosition:3,frontMatter:{sidebar_position:3,sidebar_label:"\u0422\u0438\u043f\u044b \u0437\u043d\u0430\u043d\u0438\u0439"},sidebar:"aboutSidebar",previous:{title:"\u041f\u043e\u043d\u0438\u043c\u0430\u043d\u0438\u0435 \u043f\u043e\u0442\u0440\u0435\u0431\u043d\u043e\u0441\u0442\u0435\u0439",permalink:"/ru/docs/about/understanding/needs-driven"},next:{title:"\u041d\u0435\u0439\u043c\u0438\u043d\u0433",permalink:"/ru/docs/about/understanding/naming"}},a={},u=[{value:"\u0421\u043c. \u0442\u0430\u043a\u0436\u0435",id:"see-also",level:2}];function c(n){const e={a:"a",admonition:"admonition",br:"br",h1:"h1",h2:"h2",header:"header",li:"li",p:"p",strong:"strong",ul:"ul",...(0,r.R)(),...n.components};return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(e.header,{children:(0,s.jsx)(e.h1,{id:"\u0442\u0438\u043f\u044b-\u0437\u043d\u0430\u043d\u0438\u0439-\u0432-\u043f\u0440\u043e\u0435\u043a\u0442\u0435",children:"\u0422\u0438\u043f\u044b \u0437\u043d\u0430\u043d\u0438\u0439 \u0432 \u043f\u0440\u043e\u0435\u043a\u0442\u0435"})}),"\n",(0,s.jsx)(e.p,{children:'\u0412 \u043b\u044e\u0431\u043e\u043c \u043f\u0440\u043e\u0435\u043a\u0442\u0435 \u043c\u043e\u0436\u043d\u043e \u0432\u044b\u0434\u0435\u043b\u0438\u0442\u044c \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0438\u0435 "\u0442\u0438\u043f\u044b \u0437\u043d\u0430\u043d\u0438\u0439":'}),"\n",(0,s.jsxs)(e.ul,{children:["\n",(0,s.jsxs)(e.li,{children:["\n",(0,s.jsxs)(e.p,{children:[(0,s.jsx)(e.strong,{children:"\u0424\u0443\u043d\u0434\u0430\u043c\u0435\u043d\u0442\u0430\u043b\u044c\u043d\u044b\u0435 \u0437\u043d\u0430\u043d\u0438\u044f"}),(0,s.jsx)(e.br,{}),"\n","\u0417\u043d\u0430\u043d\u0438\u044f, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u043d\u0435 \u0441\u0438\u043b\u044c\u043d\u043e \u043c\u0435\u043d\u044f\u044e\u0442\u0441\u044f \u0441\u043e \u0432\u0440\u0435\u043c\u0435\u043d\u0435\u043c, \u0442\u0430\u043a\u0438\u0435 \u043a\u0430\u043a \u0430\u043b\u0433\u043e\u0440\u0438\u0442\u043c\u044b, computer science, \u043c\u0435\u0445\u0430\u043d\u0438\u0437\u043c\u044b \u0440\u0430\u0431\u043e\u0442\u044b \u044f\u0437\u044b\u043a\u0430 \u043f\u0440\u043e\u0433\u0440\u0430\u043c\u043c\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u044f \u0438 \u0435\u0433\u043e API."]}),"\n"]}),"\n",(0,s.jsxs)(e.li,{children:["\n",(0,s.jsxs)(e.p,{children:[(0,s.jsx)(e.strong,{children:"\u0422\u0435\u0445\u043d\u043e\u043b\u043e\u0433\u0438\u0447\u0435\u0441\u043a\u0438\u0439 \u0441\u0442\u0435\u043a"}),(0,s.jsx)(e.br,{}),"\n","\u0417\u043d\u0430\u043d\u0438\u044f \u043e \u043d\u0430\u0431\u043e\u0440\u0435 \u0442\u0435\u0445\u043d\u0438\u0447\u0435\u0441\u043a\u0438\u0445 \u0440\u0435\u0448\u0435\u043d\u0438\u0439, \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u043c\u044b\u0445 \u0432 \u043f\u0440\u043e\u0435\u043a\u0442\u0435, \u0432\u043a\u043b\u044e\u0447\u0430\u044f \u044f\u0437\u044b\u043a\u0438 \u043f\u0440\u043e\u0433\u0440\u0430\u043c\u043c\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u044f, \u0444\u0440\u0435\u0439\u043c\u0432\u043e\u0440\u043a\u0438 \u0438 \u0431\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a\u0438."]}),"\n"]}),"\n",(0,s.jsxs)(e.li,{children:["\n",(0,s.jsxs)(e.p,{children:[(0,s.jsx)(e.strong,{children:"\u041f\u0440\u043e\u0435\u043a\u0442\u043d\u044b\u0435 \u0437\u043d\u0430\u043d\u0438\u044f"}),(0,s.jsx)(e.br,{}),"\n","\u0417\u043d\u0430\u043d\u0438\u044f, \u0441\u043f\u0435\u0446\u0438\u0444\u0438\u0447\u043d\u044b\u0435 \u0434\u043b\u044f \u0442\u0435\u043a\u0443\u0449\u0435\u0433\u043e \u043f\u0440\u043e\u0435\u043a\u0442\u0430 \u0438 \u0431\u0435\u0441\u043f\u043e\u043b\u0435\u0437\u043d\u044b\u0435 \u0432\u043d\u0435 \u044d\u0442\u043e\u0433\u043e \u043f\u0440\u043e\u0435\u043a\u0442\u0430. \u042d\u0442\u0438 \u0437\u043d\u0430\u043d\u0438\u044f \u043d\u0435\u043e\u0431\u0445\u043e\u0434\u0438\u043c\u044b \u043d\u043e\u0432\u044b\u043c \u0447\u043b\u0435\u043d\u0430\u043c \u043a\u043e\u043c\u0430\u043d\u0434\u044b, \u0447\u0442\u043e\u0431 \u0432\u043d\u043e\u0441\u0438\u0442\u044c \u044d\u0444\u0444\u0435\u043a\u0442\u0438\u0432\u043d\u044b\u0439 \u0432\u043a\u043b\u0430\u0434."]}),"\n"]}),"\n"]}),"\n",(0,s.jsx)(e.admonition,{type:"note",children:(0,s.jsxs)(e.p,{children:[(0,s.jsx)(e.strong,{children:"Feature-Sliced Design"}),' \u043f\u0440\u0438\u0437\u0432\u0430\u043d \u0443\u043c\u0435\u043d\u044c\u0448\u0438\u0442\u044c \u0437\u0430\u0432\u0438\u0441\u0438\u043c\u043e\u0441\u0442\u044c \u043e\u0442 "\u043f\u0440\u043e\u0435\u043a\u0442\u043d\u044b\u0445 \u0437\u043d\u0430\u043d\u0438\u0439", \u0432\u0437\u044f\u0442\u044c \u043d\u0430 \u0441\u0435\u0431\u044f \u0431\u043e\u043b\u044c\u0448\u0435 \u043e\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0435\u043d\u043d\u043e\u0441\u0442\u0438, \u0438 \u043e\u0431\u043b\u0435\u0433\u0447\u0438\u0442\u044c \u043e\u043d\u0431\u043e\u0440\u0434\u0438\u043d\u0433 \u043d\u043e\u0432\u044b\u0445 \u0447\u043b\u0435\u043d\u043e\u0432 \u043a\u043e\u043c\u0430\u043d\u0434\u044b.']})}),"\n",(0,s.jsx)(e.h2,{id:"see-also",children:"\u0421\u043c. \u0442\u0430\u043a\u0436\u0435"}),"\n",(0,s.jsxs)(e.ul,{children:["\n",(0,s.jsx)(e.li,{children:(0,s.jsx)(e.a,{href:"https://youtu.be/4xyb_tA-uw0?t=249",children:"(\u0412\u0438\u0434\u0435\u043e) \u0418\u043b\u044c\u044f \u041a\u043b\u0438\u043c\u043e\u0432 \u2014 \u041e \u0442\u0438\u043f\u0430\u0445 \u0437\u043d\u0430\u043d\u0438\u0439"})}),"\n"]})]})}function l(n={}){const{wrapper:e}={...(0,r.R)(),...n.components};return e?(0,s.jsx)(e,{...n,children:(0,s.jsx)(c,{...n})}):c(n)}},1100:(n,e,t)=>{t.d(e,{R:()=>o,x:()=>d});var s=t(758);const r={},i=s.createContext(r);function o(n){const e=s.useContext(i);return s.useMemo((function(){return"function"==typeof n?n(e):{...e,...n}}),[e,n])}function d(n){let e;return e=n.disableParentContext?"function"==typeof n.components?n.components(r):n.components||r:o(n.components),s.createElement(i.Provider,{value:e},n.children)}}}]);
\ No newline at end of file
diff --git a/ru/assets/js/44775544.c34d2da9.js b/ru/assets/js/44775544.9baa7621.js
similarity index 99%
rename from ru/assets/js/44775544.c34d2da9.js
rename to ru/assets/js/44775544.9baa7621.js
index b4085ff50a..018f057bc9 100644
--- a/ru/assets/js/44775544.c34d2da9.js
+++ b/ru/assets/js/44775544.9baa7621.js
@@ -1 +1 @@
-"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[447],{1928:(e,n,i)=>{i.d(n,{Ay:()=>o,RM:()=>d});var s=i(6070),t=i(1100),r=(i(758),i(6783)),l=i(7765);const c=e=>{let{ticket:n}=e;const i=`https://github.com/feature-sliced/documentation/issues/${n}`;return(0,s.jsxs)("div",{children:[(0,s.jsx)("p",{children:(0,l.T)({id:"shared.wip.title"})}),(0,s.jsx)("p",{children:(0,l.T)({id:"shared.wip.subtitle"})}),(0,s.jsxs)("ul",{children:[(0,s.jsxs)("li",{children:[(0,l.T)({id:"shared.wip.var.feedback.base"}),(0,s.jsx)(r.A,{to:i,children:(0,l.T)({id:"shared.wip.var.feedback.link"})})]}),(0,s.jsxs)("li",{children:[(0,l.T)({id:"shared.wip.var.material.base"}),(0,s.jsx)(r.A,{to:"https://t.me/feature_sliced",children:(0,l.T)({id:"shared.wip.var.material.link"})})]}),(0,s.jsxs)("li",{children:[(0,l.T)({id:"shared.wip.var.contribute.base"}),(0,s.jsx)(r.A,{to:"https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md",children:(0,l.T)({id:"shared.wip.var.contribute.link"})})]})]}),(0,s.jsx)("br",{}),(0,s.jsx)("p",{children:(0,s.jsx)("i",{children:"\ud83c\udf70 Stay tuned!"})})]})},d=[];function a(e){const n={admonition:"admonition",...(0,t.R)(),...e.components};return(0,s.jsx)(n.admonition,{title:"WIP",type:"caution",children:(0,s.jsx)(c,{ticket:e.ticket})})}function o(e={}){const{wrapper:n}={...(0,t.R)(),...e.components};return n?(0,s.jsx)(n,{...e,children:(0,s.jsx)(a,{...e})}):a(e)}},6386:(e,n,i)=>{i.r(n),i.d(n,{assets:()=>a,contentTitle:()=>c,default:()=>u,frontMatter:()=>l,metadata:()=>d,toc:()=>o});var s=i(6070),t=i(1100),r=i(1928);const l={sidebar_class_name:"sidebar-item--wip",sidebar_position:3},c="\u0410\u043b\u044c\u0442\u0435\u0440\u043d\u0430\u0442\u0438\u0432\u044b",d={id:"about/alternatives",title:"\u0410\u043b\u044c\u0442\u0435\u0440\u043d\u0430\u0442\u0438\u0432\u044b",description:"\u0418\u0441\u0442\u043e\u0440\u0438\u044f \u0430\u0440\u0445\u0438\u0442\u0435\u043a\u0442\u0443\u0440\u043d\u044b\u0445 \u043f\u043e\u0434\u0445\u043e\u0434\u043e\u0432",source:"@site/i18n/ru/docusaurus-plugin-content-docs/current/about/alternatives.mdx",sourceDirName:"about",slug:"/about/alternatives",permalink:"/ru/docs/about/alternatives",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/ru/docusaurus-plugin-content-docs/current/about/alternatives.mdx",tags:[],version:"current",lastUpdatedAt:1727607766e3,sidebarPosition:3,frontMatter:{sidebar_class_name:"sidebar-item--wip",sidebar_position:3},sidebar:"aboutSidebar",previous:{title:"\u041c\u043e\u0442\u0438\u0432\u0430\u0446\u0438\u044f",permalink:"/ru/docs/about/motivation"},next:{title:"\u041e\u0431 \u0430\u0440\u0445\u0438\u0442\u0435\u043a\u0442\u0443\u0440\u0435",permalink:"/ru/docs/about/understanding/architecture"}},a={},o=[...r.RM,{value:"Big Ball of Mud",id:"big-ball-of-mud",level:2},...r.RM,{value:"Smart &amp; Dumb components",id:"smart--dumb-components",level:2},...r.RM,{value:"Design Principles",id:"design-principles",level:2},...r.RM,{value:"DDD",id:"ddd",level:2},...r.RM,{value:"\u0421\u043c. \u0442\u0430\u043a\u0436\u0435",id:"see-also",level:2},{value:"Clean Architecture",id:"clean-architecture",level:2},...r.RM,{value:"Frameworks",id:"frameworks",level:2},...r.RM,{value:"Atomic Design",id:"atomic-design",level:2},{value:"\u0427\u0442\u043e \u044d\u0442\u043e?",id:"\u0447\u0442\u043e-\u044d\u0442\u043e",level:3},{value:"\u041f\u0440\u0438\u043c\u0435\u043d\u0438\u043c\u043e\u0441\u0442\u044c \u0432\u043e \u0444\u0440\u043e\u043d\u0442\u0435\u043d\u0434\u0435",id:"\u043f\u0440\u0438\u043c\u0435\u043d\u0438\u043c\u043e\u0441\u0442\u044c-\u0432\u043e-\u0444\u0440\u043e\u043d\u0442\u0435\u043d\u0434\u0435",level:3},{value:"\u041a\u0430\u043a \u043e\u043d\u043e \u0441\u043e\u0447\u0435\u0442\u0430\u0435\u0442\u0441\u044f \u0441 FSD?",id:"\u043a\u0430\u043a-\u043e\u043d\u043e-\u0441\u043e\u0447\u0435\u0442\u0430\u0435\u0442\u0441\u044f-\u0441-fsd",level:3},{value:"Feature Driven",id:"feature-driven",level:2},...r.RM];function h(e){const n={a:"a",blockquote:"blockquote",code:"code",h1:"h1",h2:"h2",h3:"h3",header:"header",li:"li",ol:"ol",p:"p",pre:"pre",strong:"strong",ul:"ul",...(0,t.R)(),...e.components};return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(n.header,{children:(0,s.jsx)(n.h1,{id:"\u0430\u043b\u044c\u0442\u0435\u0440\u043d\u0430\u0442\u0438\u0432\u044b",children:"\u0410\u043b\u044c\u0442\u0435\u0440\u043d\u0430\u0442\u0438\u0432\u044b"})}),"\n",(0,s.jsx)(r.Ay,{ticket:"62"}),"\n",(0,s.jsx)(n.p,{children:"\u0418\u0441\u0442\u043e\u0440\u0438\u044f \u0430\u0440\u0445\u0438\u0442\u0435\u043a\u0442\u0443\u0440\u043d\u044b\u0445 \u043f\u043e\u0434\u0445\u043e\u0434\u043e\u0432"}),"\n",(0,s.jsx)(n.h2,{id:"big-ball-of-mud",children:"Big Ball of Mud"}),"\n",(0,s.jsx)(r.Ay,{ticket:"258"}),"\n",(0,s.jsxs)(n.blockquote,{children:["\n",(0,s.jsx)(n.p,{children:"\u0427\u0442\u043e \u044d\u0442\u043e; \u041f\u043e\u0447\u0435\u043c\u0443 \u0442\u0430\u043a \u0440\u0430\u0441\u043f\u0440\u043e\u0441\u0442\u0440\u0430\u043d\u0435\u043d\u043e; \u041a\u043e\u0433\u0434\u0430 \u044d\u0442\u043e \u043d\u0430\u0447\u0438\u043d\u0430\u0435\u0442 \u043f\u0440\u0438\u043d\u043e\u0441\u0438\u0442\u044c \u043f\u0440\u043e\u0431\u043b\u0435\u043c\u044b; \u041a\u0430\u043a \u0431\u044b\u0442\u044c; \u0418 \u043a\u0430\u043a \u043f\u043e\u043c\u043e\u0433\u0430\u0435\u0442 \u0432 \u044d\u0442\u043e\u043c FSD"}),"\n"]}),"\n",(0,s.jsxs)(n.ul,{children:["\n",(0,s.jsx)(n.li,{children:(0,s.jsx)(n.a,{href:"https://oleg008.medium.com/last-words-on-ui-architecture-before-an-ai-takes-over-468c78f18f0d",children:"(\u0421\u0442\u0430\u0442\u044c\u044f) Oleg Isonen - Last words on UI architecture before an AI takes over"})}),"\n",(0,s.jsx)(n.li,{children:(0,s.jsx)(n.a,{href:"https://youtu.be/gna4Ynz1YNI",children:"(\u0414\u043e\u043a\u043b\u0430\u0434) \u042e\u043b\u0438\u044f \u041d\u0438\u043a\u043e\u043b\u0430\u0435\u0432\u0430, iSpring - Big Ball of Mud \u0438 \u0434\u0440\u0443\u0433\u0438\u0435 \u043f\u0440\u043e\u0431\u043b\u0435\u043c\u044b \u043c\u043e\u043d\u043e\u043b\u0438\u0442\u0430, \u0441 \u043a\u043e\u0442\u043e\u0440\u044b\u043c\u0438 \u043c\u044b \u0441\u043f\u0440\u0430\u0432\u0438\u043b\u0438\u0441\u044c"})}),"\n",(0,s.jsx)(n.li,{children:(0,s.jsx)(n.a,{href:"https://thedomaindrivendesign.io/big-ball-of-mud/",children:"(\u0421\u0442\u0430\u0442\u044c\u044f) DDD - Big Ball of mud"})}),"\n"]}),"\n",(0,s.jsx)(n.h2,{id:"smart--dumb-components",children:"Smart & Dumb components"}),"\n",(0,s.jsx)(r.Ay,{ticket:"214"}),"\n",(0,s.jsxs)(n.blockquote,{children:["\n",(0,s.jsx)(n.p,{children:"\u041e \u043f\u043e\u0434\u0445\u043e\u0434\u0435; \u041e \u043f\u0440\u0438\u043c\u0435\u043d\u0438\u043c\u043e\u0441\u0442\u0438 \u0432 \u0444\u0440\u043e\u043d\u0442\u0435\u043d\u0434\u0435; \u043f\u043e\u0437\u0438\u0446\u0438\u044f FSD"}),"\n"]}),"\n",(0,s.jsx)(n.p,{children:"\u041f\u0440\u043e \u0443\u0441\u0442\u0430\u0440\u0435\u043b\u043e\u0441\u0442\u044c, \u043f\u0440\u043e \u043d\u043e\u0432\u044b\u0439 \u0432\u0437\u0433\u043b\u044f\u0434 \u0441\u043e \u0441\u0442\u043e\u0440\u043e\u043d\u044b \u043c\u0435\u0442\u043e\u0434\u043e\u043b\u043e\u0433\u0438\u0438"}),"\n",(0,s.jsx)(n.p,{children:"\u041f\u043e\u0447\u0435\u043c\u0443 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u043d\u043e/\u043a\u043e\u043d\u0442\u0435\u0439\u043d\u0435\u0440\u043d\u044b\u0439 \u043f\u043e\u0434\u0445\u043e\u0434 - \u0437\u043b\u043e"}),"\n",(0,s.jsxs)(n.ul,{children:["\n",(0,s.jsx)(n.li,{children:(0,s.jsx)(n.a,{href:"https://medium.com/@dan_abramov/smart-and-dumb-components-7ca2f9a7c7d0",children:"(\u0421\u0442\u0430\u0442\u044c\u044f) Dan Abramov - Presentational and Container Components (TLDR: deprecated)"})}),"\n"]}),"\n",(0,s.jsx)(n.h2,{id:"design-principles",children:"Design Principles"}),"\n",(0,s.jsx)(r.Ay,{ticket:"59"}),"\n",(0,s.jsxs)(n.blockquote,{children:["\n",(0,s.jsx)(n.p,{children:"\u041f\u0440\u043e \u0447\u0442\u043e \u0440\u0435\u0447\u044c; \u043f\u043e\u0437\u0438\u0446\u0438\u044f FSD"}),"\n"]}),"\n",(0,s.jsx)(n.p,{children:"SOLID, GRASP, KISS, YAGNI, ... - \u0438 \u043f\u043e\u0447\u0435\u043c\u0443 \u043e\u043d\u0438 \u043f\u043b\u043e\u0445\u043e \u0440\u0430\u0431\u043e\u0442\u0430\u044e\u0442 \u0432\u043c\u0435\u0441\u0442\u0435 \u043d\u0430 \u043f\u0440\u0430\u043a\u0442\u0438\u043a\u0435"}),"\n",(0,s.jsx)(n.p,{children:"\u0418 \u043a\u0430\u043a \u043e\u043d\u0430 \u0430\u0433\u0440\u0435\u0433\u0438\u0440\u0443\u0435\u0442 \u044d\u0442\u0438 \u043f\u0440\u0430\u043a\u0442\u0438\u043a\u0438"}),"\n",(0,s.jsxs)(n.ul,{children:["\n",(0,s.jsx)(n.li,{children:(0,s.jsx)(n.a,{href:"https://youtu.be/SnzPAr_FJ7w?t=380",children:"(\u0414\u043e\u043a\u043b\u0430\u0434) \u0418\u043b\u044c\u044f \u0410\u0437\u0438\u043d - Feature-Sliced Design (\u0444\u0440\u0430\u0433\u043c\u0435\u043d\u0442 \u043f\u0440\u043e \u041f\u0440\u0438\u043d\u0446\u0438\u043f\u044b \u043f\u0440\u043e\u0435\u043a\u0442\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u044f)"})}),"\n"]}),"\n",(0,s.jsx)(n.h2,{id:"ddd",children:"DDD"}),"\n",(0,s.jsx)(r.Ay,{ticket:"1"}),"\n",(0,s.jsxs)(n.blockquote,{children:["\n",(0,s.jsx)(n.p,{children:"\u041e \u043f\u043e\u0434\u0445\u043e\u0434\u0435; \u041f\u043e\u0447\u0435\u043c\u0443 \u043f\u043b\u043e\u0445\u043e \u0440\u0430\u0431\u043e\u0442\u0430\u0435\u0442 \u043d\u0430 \u043f\u0440\u0430\u043a\u0442\u0438\u043a\u0435"}),"\n"]}),"\n",(0,s.jsx)(n.p,{children:"\u0412 \u0447\u0435\u043c \u043e\u0442\u043b\u0438\u0447\u0438\u0435, \u0447\u0435\u043c \u0443\u043b\u0443\u0447\u0448\u0430\u0435\u0442 \u043f\u0440\u0438\u043c\u0435\u043d\u0438\u043c\u043e\u0441\u0442\u044c, \u0433\u0434\u0435 \u043f\u0435\u0440\u0435\u043d\u0438\u043c\u0430\u0435\u0442 \u043f\u0440\u0430\u043a\u0442\u0438\u043a\u0438"}),"\n",(0,s.jsx)(n.h2,{id:"see-also",children:"\u0421\u043c. \u0442\u0430\u043a\u0436\u0435"}),"\n",(0,s.jsxs)(n.ul,{children:["\n",(0,s.jsx)(n.li,{children:(0,s.jsx)(n.a,{href:"https://herbertograca.com/2017/11/16/explicit-architecture-01-ddd-hexagonal-onion-clean-cqrs-how-i-put-it-all-together/",children:"(\u0421\u0442\u0430\u0442\u044c\u044f) DDD, Hexagonal, Onion, Clean, CQRS, \u2026 How I put it all together"})}),"\n",(0,s.jsx)(n.li,{children:(0,s.jsx)(n.a,{href:"https://youtu.be/SnzPAr_FJ7w?t=528",children:"(\u0414\u043e\u043a\u043b\u0430\u0434) \u0418\u043b\u044c\u044f \u0410\u0437\u0438\u043d - Feature-Sliced Design (\u0444\u0440\u0430\u0433\u043c\u0435\u043d\u0442 \u043f\u0440\u043e Clean Architecture, DDD)"})}),"\n"]}),"\n",(0,s.jsx)(n.h2,{id:"clean-architecture",children:"Clean Architecture"}),"\n",(0,s.jsx)(r.Ay,{ticket:"165"}),"\n",(0,s.jsxs)(n.blockquote,{children:["\n",(0,s.jsx)(n.p,{children:"\u041e \u043f\u043e\u0434\u0445\u043e\u0434\u0435; \u041e \u043f\u0440\u0438\u043c\u0435\u043d\u0438\u043c\u043e\u0441\u0442\u0438 \u0432 \u0444\u0440\u043e\u043d\u0442\u0435\u043d\u0434\u0435; \u043f\u043e\u0437\u0438\u0446\u0438\u044f FSD"}),"\n"]}),"\n",(0,s.jsx)(n.p,{children:"\u0412 \u0447\u0435\u043c \u0441\u0445\u043e\u0436\u0438 (\u043c\u043d\u043e\u0433\u0438\u043c), \u0447\u0435\u043c \u043e\u0442\u043b\u0438\u0447\u0430\u044e\u0442\u0441\u044f"}),"\n",(0,s.jsxs)(n.ul,{children:["\n",(0,s.jsx)(n.li,{children:(0,s.jsx)(n.a,{href:"https://t.me/feature_sliced/3897",children:"(\u0422\u0440\u0435\u0434) \u041f\u0440\u043e use-case/interactor \u0432 \u043c\u0435\u0442\u043e\u0434\u043e\u043b\u043e\u0433\u0438\u0438"})}),"\n",(0,s.jsx)(n.li,{children:(0,s.jsx)(n.a,{href:"https://t.me/feature_sliced/4592",children:"(\u0422\u0440\u0435\u0434) \u041f\u0440\u043e DI \u0432 \u043c\u0435\u0442\u043e\u0434\u043e\u043b\u043e\u0433\u0438\u0438"})}),"\n",(0,s.jsx)(n.li,{children:(0,s.jsx)(n.a,{href:"https://bespoyasov.ru/blog/clean-architecture-on-frontend/",children:"(\u0421\u0442\u0430\u0442\u044c\u044f) \u0410\u043b\u0435\u043a\u0441\u0430\u043d\u0434\u0440 \u0411\u0435\u0441\u043f\u043e\u044f\u0441\u043e\u0432 - \u0427\u0438\u0441\u0442\u0430\u044f \u0430\u0440\u0445\u0438\u0442\u0435\u043a\u0442\u0443\u0440\u0430 \u043d\u0430 \u0444\u0440\u043e\u043d\u0442\u0435\u043d\u0434\u0435"})}),"\n",(0,s.jsx)(n.li,{children:(0,s.jsx)(n.a,{href:"https://herbertograca.com/2017/11/16/explicit-architecture-01-ddd-hexagonal-onion-clean-cqrs-how-i-put-it-all-together/",children:"(\u0421\u0442\u0430\u0442\u044c\u044f) DDD, Hexagonal, Onion, Clean, CQRS, \u2026 How I put it all together"})}),"\n",(0,s.jsx)(n.li,{children:(0,s.jsx)(n.a,{href:"https://youtu.be/SnzPAr_FJ7w?t=528",children:"(\u0414\u043e\u043a\u043b\u0430\u0434) \u0418\u043b\u044c\u044f \u0410\u0437\u0438\u043d - Feature-Sliced Design (\u0444\u0440\u0430\u0433\u043c\u0435\u043d\u0442 \u043f\u0440\u043e Clean Architecture, DDD)"})}),"\n",(0,s.jsx)(n.li,{children:(0,s.jsx)(n.a,{href:"https://habr.com/ru/company/mobileup/blog/335382/",children:"(\u0421\u0442\u0430\u0442\u044c\u044f) \u0417\u0430\u0431\u043b\u0443\u0436\u0434\u0435\u043d\u0438\u044f Clean Architecture"})}),"\n"]}),"\n",(0,s.jsx)(n.h2,{id:"frameworks",children:"Frameworks"}),"\n",(0,s.jsx)(r.Ay,{ticket:"58"}),"\n",(0,s.jsxs)(n.blockquote,{children:["\n",(0,s.jsx)(n.p,{children:"\u041e \u043f\u0440\u0438\u043c\u0435\u043d\u0438\u043c\u043e\u0441\u0442\u0438 \u0432 \u0444\u0440\u043e\u043d\u0442\u0435\u043d\u0434\u0435; \u041f\u043e\u0447\u0435\u043c\u0443 \u043e\u043d\u0438 \u043d\u0435 \u0440\u0435\u0448\u0430\u044e\u0442 \u043f\u0440\u043e\u0431\u043b\u0435\u043c\u0443; \u041f\u043e\u0447\u0435\u043c\u0443 \u044d\u0442\u043e \u043d\u0435 \u0435\u0434\u0438\u043d\u0441\u0442\u0432\u0435\u043d\u043d\u044b\u0439 \u043f\u043e\u0434\u0445\u043e\u0434; \u043f\u043e\u0437\u0438\u0446\u0438\u044f FSD"}),"\n"]}),"\n",(0,s.jsx)(n.p,{children:"Framework-agnostic, conventional-\u043f\u043e\u0434\u0445\u043e\u0434"}),"\n",(0,s.jsxs)(n.ul,{children:["\n",(0,s.jsx)(n.li,{children:(0,s.jsx)(n.a,{href:"/docs/about/motivation",children:"(\u0421\u0442\u0430\u0442\u044c\u044f) \u041f\u0440\u043e \u043f\u0440\u0438\u0447\u0438\u043d\u044b \u0441\u043e\u0437\u0434\u0430\u043d\u0438\u044f \u043c\u0435\u0442\u043e\u0434\u043e\u043b\u043e\u0433\u0438\u0438 (\u0444\u0440\u0430\u0433\u043c\u0435\u043d\u0442 \u043f\u0440\u043e \u0444\u0440\u0435\u0439\u043c\u0432\u043e\u0440\u043a\u0438)"})}),"\n",(0,s.jsx)(n.li,{children:(0,s.jsx)(n.a,{href:"https://t.me/feature_sliced/3867",children:"(\u0422\u0440\u0435\u0434) \u041f\u0440\u043e \u043f\u0440\u0438\u043c\u0435\u043d\u0438\u043c\u043e\u0441\u0442\u044c \u043c\u0435\u0442\u043e\u0434\u043e\u043b\u043e\u0433\u0438\u0438 \u0434\u043b\u044f \u0440\u0430\u0437\u043d\u044b\u0445 \u0444\u0440\u0435\u0439\u043c\u0432\u043e\u0440\u043a\u043e\u0432"})}),"\n"]}),"\n",(0,s.jsx)(n.h2,{id:"atomic-design",children:"Atomic Design"}),"\n",(0,s.jsx)(n.h3,{id:"\u0447\u0442\u043e-\u044d\u0442\u043e",children:"\u0427\u0442\u043e \u044d\u0442\u043e?"}),"\n",(0,s.jsx)(n.p,{children:"\u0412 Atomic Design \u0441\u0444\u0435\u0440\u0430 \u043e\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0435\u043d\u043d\u043e\u0441\u0442\u0438 \u0440\u0430\u0437\u0434\u0435\u043b\u0435\u043d\u0430 \u043d\u0430 \u0441\u0442\u0430\u043d\u0434\u0430\u0440\u0442\u0438\u0437\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u044b\u0435 \u0441\u043b\u043e\u0438.\xa0"}),"\n",(0,s.jsxs)(n.p,{children:["Atomic Design \u0440\u0430\u0437\u0431\u0438\u0432\u0430\u0435\u0442\u0441\u044f \u043d\u0430 ",(0,s.jsx)(n.strong,{children:"5 \u0441\u043b\u043e\u0435\u0432"})," (\u0441\u0432\u0435\u0440\u0445\u0443 \u0432\u043d\u0438\u0437):"]}),"\n",(0,s.jsxs)(n.ol,{children:["\n",(0,s.jsxs)(n.li,{children:[(0,s.jsx)(n.code,{children:"pages"})," - \u041d\u0430\u0437\u043d\u0430\u0447\u0435\u043d\u0438\u0435 \u0430\u043d\u0430\u043b\u043e\u0433\u0438\u0447\u043d\u043e \u0441\u043b\u043e\u044e ",(0,s.jsx)(n.code,{children:"pages"})," \u0432 FSD."]}),"\n",(0,s.jsxs)(n.li,{children:[(0,s.jsx)(n.code,{children:"templates"})," - \u041a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u044b \u0437\u0430\u0434\u0430\u044e\u0449\u0438\u0435 \u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u0443 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b, \u0431\u0435\u0437 \u043f\u0440\u0438\u0432\u044f\u0437\u043a\u0438 \u043a \u043a\u043e\u043d\u0442\u0435\u043d\u0442\u0443."]}),"\n",(0,s.jsxs)(n.li,{children:[(0,s.jsx)(n.code,{children:"organisms"})," - \u041c\u043e\u0434\u0443\u043b\u0438 \u0441\u043e\u0441\u0442\u043e\u044f\u0449\u0438\u0435 \u0438\u0437 \u043c\u043e\u043b\u0435\u043a\u0443\u043b, \u043e\u0431\u043b\u0430\u0434\u0430\u044e\u0449\u0438\u0435 \u0431\u0438\u0437\u043d\u0435\u0441 \u043b\u043e\u0433\u0438\u043a\u043e\u0439."]}),"\n",(0,s.jsxs)(n.li,{children:[(0,s.jsx)(n.code,{children:"moleculs"})," -  \u0411\u043e\u043b\u0435\u0435 \u0441\u043b\u043e\u0436\u043d\u044b\u0435 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u044b, \u0432 \u043a\u043e\u0442\u043e\u0440\u044b\u0445, \u043a\u0430\u043a \u043f\u0440\u0430\u0432\u0438\u043b\u043e, \u043d\u0435\u0442 \u0431\u0438\u0437\u043d\u0435\u0441 \u043b\u043e\u0433\u0438\u043a\u0438."]}),"\n",(0,s.jsxs)(n.li,{children:[(0,s.jsx)(n.code,{children:"atoms"})," - UI \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u044b \u0431\u0435\u0437 \u0431\u0438\u0437\u043d\u0435\u0441 \u043b\u043e\u0433\u0438\u043a\u0438."]}),"\n"]}),"\n",(0,s.jsxs)(n.p,{children:["\u041c\u043e\u0434\u0443\u043b\u0438 \u043d\u0430 \u043e\u0434\u043d\u043e\u043c \u0441\u043b\u043e\u0435 \u0432\u0437\u0430\u0438\u043c\u043e\u0434\u0435\u0439\u0441\u0442\u0432\u0443\u044e\u0442 \u0442\u043e\u043b\u044c\u043a\u043e \u0441 \u043c\u043e\u0434\u0443\u043b\u044f\u043c\u0438, \u043d\u0430\u0445\u043e\u0434\u044f\u0449\u0438\u043c\u0438\u0441\u044f \u043d\u0430 \u0441\u043b\u043e\u044f\u0445 \u043d\u0438\u0436\u0435, \u043a\u0430\u043a \u0432 FSD.\n\u0422\u043e \u0435\u0441\u0442\u044c, \u043c\u043e\u043b\u0435\u043a\u0443\u043b\u044b \u0441\u0442\u0440\u043e\u044f\u0442\u0441\u044f \u0438\u0437 \u0430\u0442\u043e\u043c\u043e\u0432, \u043e\u0440\u0433\u0430\u043d\u0438\u0437\u043c\u044b \u0438\u0437 \u043c\u043e\u043b\u0435\u043a\u0443\u043b, \u0448\u0430\u0431\u043b\u043e\u043d\u044b \u0438\u0437 \u043e\u0440\u0433\u0430\u043d\u0438\u0437\u043c\u043e\u0432, \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b \u0438\u0437 \u0448\u0430\u0431\u043b\u043e\u043d\u043e\u0432.\n\u0422\u0430\u043a\u0436\u0435 Atomic Design \u043f\u043e\u0434\u0440\u0430\u0437\u0443\u043c\u0435\u0432\u0430\u0435\u0442 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u0435 ",(0,s.jsx)(n.strong,{children:"Public API"})," \u0432\u043d\u0443\u0442\u0440\u0438 \u043c\u043e\u0434\u0443\u043b\u0435\u0439 \u0434\u043b\u044f \u0438\u0437\u043e\u043b\u044f\u0446\u0438\u0438."]}),"\n",(0,s.jsx)(n.h3,{id:"\u043f\u0440\u0438\u043c\u0435\u043d\u0438\u043c\u043e\u0441\u0442\u044c-\u0432\u043e-\u0444\u0440\u043e\u043d\u0442\u0435\u043d\u0434\u0435",children:"\u041f\u0440\u0438\u043c\u0435\u043d\u0438\u043c\u043e\u0441\u0442\u044c \u0432\u043e \u0444\u0440\u043e\u043d\u0442\u0435\u043d\u0434\u0435"}),"\n",(0,s.jsx)(n.p,{children:"Atomic Design \u043e\u0442\u043d\u043e\u0441\u0438\u0442\u0435\u043b\u044c\u043d\u043e \u0447\u0430\u0441\u0442\u043e \u0432\u0441\u0442\u0440\u0435\u0447\u0430\u0435\u0442\u0441\u044f \u0432 \u043f\u0440\u043e\u0435\u043a\u0442\u0430\u0445. Atomic Design \u043f\u043e\u043f\u0443\u043b\u044f\u0440\u043d\u0435\u0435 \u0441\u0440\u0435\u0434\u0438 \u0432\u0435\u0431-\u0434\u0438\u0437\u0430\u0439\u043d\u0435\u0440\u043e\u0432,\xa0\n\u043d\u0435\u0436\u0435\u043b\u0438 \u0432 \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u0435. \u0412\u0435\u0431-\u0434\u0438\u0437\u0430\u0439\u043d\u0435\u0440\u044b \u0447\u0430\u0441\u0442\u043e \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u044e\u0442 Atomic Design \u0434\u043b\u044f \u0441\u043e\u0437\u0434\u0430\u043d\u0438\u044f \u043c\u0430\u0441\u0448\u0442\u0430\u0431\u0438\u0440\u0443\u0435\u043c\u044b\u0445 \u0438 \u043b\u0435\u0433\u043a\u043e \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u0438\u0432\u0430\u0435\u043c\u044b\u0445 \u0434\u0438\u0437\u0430\u0439\u043d\u043e\u0432.\xa0\n\u0412 \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u0435 Atomic Design \u0447\u0430\u0441\u0442\u043e \u0441\u043c\u0435\u0448\u0438\u0432\u0430\u0435\u0442\u0441\u044f \u0441 \u0434\u0440\u0443\u0433\u0438\u043c\u0438 \u0430\u0440\u0445\u0438\u0442\u0435\u043a\u0442\u0443\u0440\u043d\u044b\u043c\u0438 \u043c\u0435\u0442\u043e\u0434\u043e\u043b\u043e\u0433\u0438\u044f\u043c\u0438."}),"\n",(0,s.jsx)(n.p,{children:"\u041e\u0434\u043d\u0430\u043a\u043e, \u0442\u0430\u043a \u043a\u0430\u043a Atomic Design \u043a\u043e\u043d\u0446\u0435\u043d\u0442\u0440\u0438\u0440\u0443\u0435\u0442 \u0432\u043d\u0438\u043c\u0430\u043d\u0438\u0435 \u043d\u0430 UI \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u0430\u0445 \u0438 \u0438\u0445 \u043a\u043e\u043c\u043f\u043e\u0437\u0438\u0446\u0438\u044e, \u0432\u043e\u0437\u043d\u0438\u043a\u0430\u0435\u0442 \u043f\u0440\u043e\u0431\u043b\u0435\u043c\u0430 \u0440\u0435\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u0438\n\u0431\u0438\u0437\u043d\u0435\u0441 \u043b\u043e\u0433\u0438\u043a\u0438 \u0432 \u0440\u0430\u043c\u043a\u0430\u0445 \u0430\u0440\u0445\u0438\u0442\u0435\u043a\u0442\u0443\u0440\u044b."}),"\n",(0,s.jsx)(n.p,{children:"\u041f\u0440\u043e\u0431\u043b\u0435\u043c\u0430 \u0437\u0430\u043a\u043b\u044e\u0447\u0430\u0435\u0442\u0441\u044f \u0432 \u0442\u043e\u043c, \u0447\u0442\u043e Atomic Design \u043d\u0435 \u043f\u0440\u0435\u0434\u0443\u0441\u043c\u0430\u0442\u0440\u0438\u0432\u0430\u0435\u0442 \u0447\u0435\u0442\u043a\u043e\u0433\u043e \u0443\u0440\u043e\u0432\u043d\u044f \u043e\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0435\u043d\u043d\u043e\u0441\u0442\u0438 \u0434\u043b\u044f \u0431\u0438\u0437\u043d\u0435\u0441-\u043b\u043e\u0433\u0438\u043a\u0438,\xa0\n\u0447\u0442\u043e \u043f\u0440\u0438\u0432\u043e\u0434\u0438\u0442 \u043a \u0440\u0430\u0441\u043f\u0440\u0435\u0434\u0435\u043b\u0435\u043d\u0438\u044e \u043f\u043e \u0440\u0430\u0437\u043b\u0438\u0447\u043d\u044b\u043c \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u0430\u043c \u0438 \u0443\u0440\u043e\u0432\u043d\u044f\u043c, \u0443\u0441\u043b\u043e\u0436\u043d\u044f\u044f \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u043a\u0443 \u0438 \u0442\u0435\u0441\u0442\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u0435.\xa0\n\u0411\u0438\u0437\u043d\u0435\u0441-\u043b\u043e\u0433\u0438\u043a\u0430 \u0441\u0442\u0430\u043d\u043e\u0432\u0438\u0442\u0441\u044f \u0440\u0430\u0437\u043c\u044b\u0442\u0430, \u0447\u0442\u043e \u0437\u0430\u0442\u0440\u0443\u0434\u043d\u044f\u0435\u0442\xa0\u0447\u0435\u0442\u043a\u043e\u0435 \u0440\u0430\u0437\u0434\u0435\u043b\u0435\u043d\u0438\u0435 \u043e\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0435\u043d\u043d\u043e\u0441\u0442\u0438 \u0438 \u0434\u0435\u043b\u0430\u0435\u0442 \u043a\u043e\u0434 \u043c\u0435\u043d\u0435\u0435\n\u043c\u043e\u0434\u0443\u043b\u044c\u043d\u044b\u043c \u0438 \u043f\u0435\u0440\u0435\u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u043c\u044b\u043c."}),"\n",(0,s.jsx)(n.h3,{id:"\u043a\u0430\u043a-\u043e\u043d\u043e-\u0441\u043e\u0447\u0435\u0442\u0430\u0435\u0442\u0441\u044f-\u0441-fsd",children:"\u041a\u0430\u043a \u043e\u043d\u043e \u0441\u043e\u0447\u0435\u0442\u0430\u0435\u0442\u0441\u044f \u0441 FSD?"}),"\n",(0,s.jsxs)(n.p,{children:["\u0412 \u043a\u043e\u043d\u0442\u0435\u043a\u0441\u0442\u0435 FSD \u043d\u0435\u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u044b Atomic Design \u043c\u043e\u0433\u0443\u0442 \u0431\u044b\u0442\u044c \u043f\u0440\u0438\u043c\u0435\u043d\u0435\u043d\u044b \u0434\u043b\u044f\xa0\n\u0441\u043e\u0437\u0434\u0430\u043d\u0438\u044f \u0433\u0438\u0431\u043a\u0438\u0445 \u0438 \u043c\u0430\u0441\u0448\u0442\u0430\u0431\u0438\u0440\u0443\u0435\u043c\u044b\u0445 UI \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u043e\u0432. \u0421\u043b\u043e\u0438 ",(0,s.jsx)(n.code,{children:"atoms"})," \u0438 ",(0,s.jsx)(n.code,{children:"molecules"})," \u043c\u043e\u0436\u043d\u043e \u0440\u0435\u0430\u043b\u0438\u0437\u043e\u0432\u0430\u0442\u044c \u0432\xa0\n",(0,s.jsx)(n.code,{children:"shared/ui"})," \u0432 FSD, \u0447\u0442\u043e \u0443\u043f\u0440\u043e\u0449\u0430\u0435\u0442 \u043f\u0435\u0440\u0435\u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u0435 \u0438 \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u043a\u0443 \u0431\u0430\u0437\u043e\u0432\u044b\u0445 UI \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u043e\u0432.\xa0"]}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-sh",children:"\u251c\u2500\u2500 shared\n\u2502\xa0 \xa0\u251c\u2500\u2500 ui\xa0\n\u2502\xa0 \xa0\u2502\xa0 \xa0\u251c\u2500\u2500 atoms\n\u2502\xa0 \xa0\u2502\xa0 \xa0\u251c\u2500\u2500 molecules\n\u2502\xa0 \xa0...\n"})}),"\n",(0,s.jsx)(n.p,{children:"\u0421\u0440\u0430\u0432\u043d\u0435\u043d\u0438\u0435 FSD \u0438 Atomic Design \u043f\u043e\u043a\u0430\u0437\u044b\u0432\u0430\u0435\u0442, \u0447\u0442\u043e \u043e\u0431\u0435 \u043c\u0435\u0442\u043e\u0434\u043e\u043b\u043e\u0433\u0438\u0438 \u0441\u0442\u0440\u0435\u043c\u044f\u0442\u0441\u044f \u043a \u043c\u043e\u0434\u0443\u043b\u044c\u043d\u043e\u0441\u0442\u0438 \u0438 \u043f\u0435\u0440\u0435\u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u044e,\xa0\n\u043d\u043e \u0430\u043a\u0446\u0435\u043d\u0442\u0438\u0440\u0443\u044e\u0442 \u0432\u043d\u0438\u043c\u0430\u043d\u0438\u0435 \u043d\u0430 \u0440\u0430\u0437\u043d\u044b\u0445 \u0430\u0441\u043f\u0435\u043a\u0442\u0430\u0445. Atomic Design \u043e\u0440\u0438\u0435\u043d\u0442\u0438\u0440\u043e\u0432\u0430\u043d \u043d\u0430 \u0432\u0438\u0437\u0443\u0430\u043b\u044c\u043d\u044b\u0435 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u044b\xa0\n\u0438 \u0438\u0445 \u043a\u043e\u043c\u043f\u043e\u0437\u0438\u0446\u0438\u044e. FSD \u0444\u043e\u043a\u0443\u0441\u0438\u0440\u0443\u0435\u0442\u0441\u044f \u043d\u0430 \u0440\u0430\u0437\u0431\u0438\u0435\u043d\u0438\u0438 \u0444\u0443\u043d\u043a\u0446\u0438\u043e\u043d\u0430\u043b\u044c\u043d\u043e\u0441\u0442\u0438 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f \u043d\u0430 \u043d\u0435\u0437\u0430\u0432\u0438\u0441\u0438\u043c\u044b\u0435 \u043c\u043e\u0434\u0443\u043b\u0438 \u0438 \u0438\u0445 \u0432\u0437\u0430\u0438\u043c\u043e\u0441\u0432\u044f\u0437\u0438."}),"\n",(0,s.jsxs)(n.ul,{children:["\n",(0,s.jsx)(n.li,{children:(0,s.jsx)(n.a,{href:"https://atomicdesign.bradfrost.com/table-of-contents/",children:"\u041c\u0435\u0442\u043e\u0434\u043e\u043b\u043e\u0433\u0438\u044f Atomic Design"})}),"\n",(0,s.jsx)(n.li,{children:(0,s.jsx)(n.a,{href:"https://t.me/feature_sliced/1653",children:"(\u0422\u0440\u0435\u0434) \u041f\u0440\u043e \u043f\u0440\u0438\u043c\u0435\u043d\u0438\u043c\u043e\u0441\u0442\u044c \u0432 shared/ui"})}),"\n",(0,s.jsx)(n.li,{children:(0,s.jsx)(n.a,{href:"https://youtu.be/Yi-A20x2dcA",children:"(\u0412\u0438\u0434\u0435\u043e) \u041a\u0440\u0430\u0442\u043a\u043e \u043e Atomic Design"})}),"\n",(0,s.jsx)(n.li,{children:(0,s.jsx)(n.a,{href:"https://youtu.be/SnzPAr_FJ7w?t=587",children:"(\u0414\u043e\u043a\u043b\u0430\u0434) \u0418\u043b\u044c\u044f \u0410\u0437\u0438\u043d - Feature-Sliced Design (\u0444\u0440\u0430\u0433\u043c\u0435\u043d\u0442 \u043f\u0440\u043e Atomic Design)"})}),"\n"]}),"\n",(0,s.jsx)(n.h2,{id:"feature-driven",children:"Feature Driven"}),"\n",(0,s.jsx)(r.Ay,{ticket:"219"}),"\n",(0,s.jsxs)(n.blockquote,{children:["\n",(0,s.jsx)(n.p,{children:"\u041e \u043f\u043e\u0434\u0445\u043e\u0434\u0435; \u041e \u043f\u0440\u0438\u043c\u0435\u043d\u0438\u043c\u043e\u0441\u0442\u0438 \u0432 \u0444\u0440\u043e\u043d\u0442\u0435\u043d\u0434\u0435; \u043f\u043e\u0437\u0438\u0446\u0438\u044f FSD"}),"\n"]}),"\n",(0,s.jsx)(n.p,{children:"\u041f\u0440\u043e \u0441\u043e\u0432\u043c\u0435\u0441\u0442\u0438\u043c\u043e\u0441\u0442\u044c, \u0438\u0441\u0442\u043e\u0440\u0438\u0447\u0435\u0441\u043a\u043e\u0435 \u0440\u0430\u0437\u0432\u0438\u0442\u0438\u0435 \u0438 \u0441\u0440\u0430\u0432\u043d\u0435\u043d\u0438\u0435"}),"\n",(0,s.jsxs)(n.ul,{children:["\n",(0,s.jsx)(n.li,{children:(0,s.jsx)(n.a,{href:"https://youtu.be/BWAeYuWFHhs",children:"(\u0414\u043e\u043a\u043b\u0430\u0434) Oleg Isonen - Feature Driven Architecture"})}),"\n",(0,s.jsx)(n.li,{children:(0,s.jsx)(n.a,{href:"https://github.com/feature-sliced/documentation/tree/rc/feature-driven",children:"Feature Driven - \u041a\u0440\u0430\u0442\u043a\u0430\u044f \u0441\u043f\u0435\u0446\u0438\u0444\u0438\u043a\u0430\u0446\u0438\u044f (\u0441 \u0442\u043e\u0447\u043a\u0438 \u0437\u0440\u0435\u043d\u0438\u044f FSD)"})}),"\n"]})]})}function u(e={}){const{wrapper:n}={...(0,t.R)(),...e.components};return n?(0,s.jsx)(n,{...e,children:(0,s.jsx)(h,{...e})}):h(e)}},1100:(e,n,i)=>{i.d(n,{R:()=>l,x:()=>c});var s=i(758);const t={},r=s.createContext(t);function l(e){const n=s.useContext(r);return s.useMemo((function(){return"function"==typeof e?e(n):{...n,...e}}),[n,e])}function c(e){let n;return n=e.disableParentContext?"function"==typeof e.components?e.components(t):e.components||t:l(e.components),s.createElement(r.Provider,{value:n},e.children)}}}]);
\ No newline at end of file
+"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[447],{1928:(e,n,i)=>{i.d(n,{Ay:()=>o,RM:()=>d});var s=i(6070),t=i(1100),r=(i(758),i(6783)),l=i(7765);const c=e=>{let{ticket:n}=e;const i=`https://github.com/feature-sliced/documentation/issues/${n}`;return(0,s.jsxs)("div",{children:[(0,s.jsx)("p",{children:(0,l.T)({id:"shared.wip.title"})}),(0,s.jsx)("p",{children:(0,l.T)({id:"shared.wip.subtitle"})}),(0,s.jsxs)("ul",{children:[(0,s.jsxs)("li",{children:[(0,l.T)({id:"shared.wip.var.feedback.base"}),(0,s.jsx)(r.A,{to:i,children:(0,l.T)({id:"shared.wip.var.feedback.link"})})]}),(0,s.jsxs)("li",{children:[(0,l.T)({id:"shared.wip.var.material.base"}),(0,s.jsx)(r.A,{to:"https://t.me/feature_sliced",children:(0,l.T)({id:"shared.wip.var.material.link"})})]}),(0,s.jsxs)("li",{children:[(0,l.T)({id:"shared.wip.var.contribute.base"}),(0,s.jsx)(r.A,{to:"https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md",children:(0,l.T)({id:"shared.wip.var.contribute.link"})})]})]}),(0,s.jsx)("br",{}),(0,s.jsx)("p",{children:(0,s.jsx)("i",{children:"\ud83c\udf70 Stay tuned!"})})]})},d=[];function a(e){const n={admonition:"admonition",...(0,t.R)(),...e.components};return(0,s.jsx)(n.admonition,{title:"WIP",type:"caution",children:(0,s.jsx)(c,{ticket:e.ticket})})}function o(e={}){const{wrapper:n}={...(0,t.R)(),...e.components};return n?(0,s.jsx)(n,{...e,children:(0,s.jsx)(a,{...e})}):a(e)}},6386:(e,n,i)=>{i.r(n),i.d(n,{assets:()=>a,contentTitle:()=>c,default:()=>u,frontMatter:()=>l,metadata:()=>d,toc:()=>o});var s=i(6070),t=i(1100),r=i(1928);const l={sidebar_class_name:"sidebar-item--wip",sidebar_position:3},c="\u0410\u043b\u044c\u0442\u0435\u0440\u043d\u0430\u0442\u0438\u0432\u044b",d={id:"about/alternatives",title:"\u0410\u043b\u044c\u0442\u0435\u0440\u043d\u0430\u0442\u0438\u0432\u044b",description:"\u0418\u0441\u0442\u043e\u0440\u0438\u044f \u0430\u0440\u0445\u0438\u0442\u0435\u043a\u0442\u0443\u0440\u043d\u044b\u0445 \u043f\u043e\u0434\u0445\u043e\u0434\u043e\u0432",source:"@site/i18n/ru/docusaurus-plugin-content-docs/current/about/alternatives.mdx",sourceDirName:"about",slug:"/about/alternatives",permalink:"/ru/docs/about/alternatives",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/ru/docusaurus-plugin-content-docs/current/about/alternatives.mdx",tags:[],version:"current",lastUpdatedAt:1728325386e3,sidebarPosition:3,frontMatter:{sidebar_class_name:"sidebar-item--wip",sidebar_position:3},sidebar:"aboutSidebar",previous:{title:"\u041c\u043e\u0442\u0438\u0432\u0430\u0446\u0438\u044f",permalink:"/ru/docs/about/motivation"},next:{title:"\u041e\u0431 \u0430\u0440\u0445\u0438\u0442\u0435\u043a\u0442\u0443\u0440\u0435",permalink:"/ru/docs/about/understanding/architecture"}},a={},o=[...r.RM,{value:"Big Ball of Mud",id:"big-ball-of-mud",level:2},...r.RM,{value:"Smart &amp; Dumb components",id:"smart--dumb-components",level:2},...r.RM,{value:"Design Principles",id:"design-principles",level:2},...r.RM,{value:"DDD",id:"ddd",level:2},...r.RM,{value:"\u0421\u043c. \u0442\u0430\u043a\u0436\u0435",id:"see-also",level:2},{value:"Clean Architecture",id:"clean-architecture",level:2},...r.RM,{value:"Frameworks",id:"frameworks",level:2},...r.RM,{value:"Atomic Design",id:"atomic-design",level:2},{value:"\u0427\u0442\u043e \u044d\u0442\u043e?",id:"\u0447\u0442\u043e-\u044d\u0442\u043e",level:3},{value:"\u041f\u0440\u0438\u043c\u0435\u043d\u0438\u043c\u043e\u0441\u0442\u044c \u0432\u043e \u0444\u0440\u043e\u043d\u0442\u0435\u043d\u0434\u0435",id:"\u043f\u0440\u0438\u043c\u0435\u043d\u0438\u043c\u043e\u0441\u0442\u044c-\u0432\u043e-\u0444\u0440\u043e\u043d\u0442\u0435\u043d\u0434\u0435",level:3},{value:"\u041a\u0430\u043a \u043e\u043d\u043e \u0441\u043e\u0447\u0435\u0442\u0430\u0435\u0442\u0441\u044f \u0441 FSD?",id:"\u043a\u0430\u043a-\u043e\u043d\u043e-\u0441\u043e\u0447\u0435\u0442\u0430\u0435\u0442\u0441\u044f-\u0441-fsd",level:3},{value:"Feature Driven",id:"feature-driven",level:2},...r.RM];function h(e){const n={a:"a",blockquote:"blockquote",code:"code",h1:"h1",h2:"h2",h3:"h3",header:"header",li:"li",ol:"ol",p:"p",pre:"pre",strong:"strong",ul:"ul",...(0,t.R)(),...e.components};return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(n.header,{children:(0,s.jsx)(n.h1,{id:"\u0430\u043b\u044c\u0442\u0435\u0440\u043d\u0430\u0442\u0438\u0432\u044b",children:"\u0410\u043b\u044c\u0442\u0435\u0440\u043d\u0430\u0442\u0438\u0432\u044b"})}),"\n",(0,s.jsx)(r.Ay,{ticket:"62"}),"\n",(0,s.jsx)(n.p,{children:"\u0418\u0441\u0442\u043e\u0440\u0438\u044f \u0430\u0440\u0445\u0438\u0442\u0435\u043a\u0442\u0443\u0440\u043d\u044b\u0445 \u043f\u043e\u0434\u0445\u043e\u0434\u043e\u0432"}),"\n",(0,s.jsx)(n.h2,{id:"big-ball-of-mud",children:"Big Ball of Mud"}),"\n",(0,s.jsx)(r.Ay,{ticket:"258"}),"\n",(0,s.jsxs)(n.blockquote,{children:["\n",(0,s.jsx)(n.p,{children:"\u0427\u0442\u043e \u044d\u0442\u043e; \u041f\u043e\u0447\u0435\u043c\u0443 \u0442\u0430\u043a \u0440\u0430\u0441\u043f\u0440\u043e\u0441\u0442\u0440\u0430\u043d\u0435\u043d\u043e; \u041a\u043e\u0433\u0434\u0430 \u044d\u0442\u043e \u043d\u0430\u0447\u0438\u043d\u0430\u0435\u0442 \u043f\u0440\u0438\u043d\u043e\u0441\u0438\u0442\u044c \u043f\u0440\u043e\u0431\u043b\u0435\u043c\u044b; \u041a\u0430\u043a \u0431\u044b\u0442\u044c; \u0418 \u043a\u0430\u043a \u043f\u043e\u043c\u043e\u0433\u0430\u0435\u0442 \u0432 \u044d\u0442\u043e\u043c FSD"}),"\n"]}),"\n",(0,s.jsxs)(n.ul,{children:["\n",(0,s.jsx)(n.li,{children:(0,s.jsx)(n.a,{href:"https://oleg008.medium.com/last-words-on-ui-architecture-before-an-ai-takes-over-468c78f18f0d",children:"(\u0421\u0442\u0430\u0442\u044c\u044f) Oleg Isonen - Last words on UI architecture before an AI takes over"})}),"\n",(0,s.jsx)(n.li,{children:(0,s.jsx)(n.a,{href:"https://youtu.be/gna4Ynz1YNI",children:"(\u0414\u043e\u043a\u043b\u0430\u0434) \u042e\u043b\u0438\u044f \u041d\u0438\u043a\u043e\u043b\u0430\u0435\u0432\u0430, iSpring - Big Ball of Mud \u0438 \u0434\u0440\u0443\u0433\u0438\u0435 \u043f\u0440\u043e\u0431\u043b\u0435\u043c\u044b \u043c\u043e\u043d\u043e\u043b\u0438\u0442\u0430, \u0441 \u043a\u043e\u0442\u043e\u0440\u044b\u043c\u0438 \u043c\u044b \u0441\u043f\u0440\u0430\u0432\u0438\u043b\u0438\u0441\u044c"})}),"\n",(0,s.jsx)(n.li,{children:(0,s.jsx)(n.a,{href:"https://thedomaindrivendesign.io/big-ball-of-mud/",children:"(\u0421\u0442\u0430\u0442\u044c\u044f) DDD - Big Ball of mud"})}),"\n"]}),"\n",(0,s.jsx)(n.h2,{id:"smart--dumb-components",children:"Smart & Dumb components"}),"\n",(0,s.jsx)(r.Ay,{ticket:"214"}),"\n",(0,s.jsxs)(n.blockquote,{children:["\n",(0,s.jsx)(n.p,{children:"\u041e \u043f\u043e\u0434\u0445\u043e\u0434\u0435; \u041e \u043f\u0440\u0438\u043c\u0435\u043d\u0438\u043c\u043e\u0441\u0442\u0438 \u0432 \u0444\u0440\u043e\u043d\u0442\u0435\u043d\u0434\u0435; \u043f\u043e\u0437\u0438\u0446\u0438\u044f FSD"}),"\n"]}),"\n",(0,s.jsx)(n.p,{children:"\u041f\u0440\u043e \u0443\u0441\u0442\u0430\u0440\u0435\u043b\u043e\u0441\u0442\u044c, \u043f\u0440\u043e \u043d\u043e\u0432\u044b\u0439 \u0432\u0437\u0433\u043b\u044f\u0434 \u0441\u043e \u0441\u0442\u043e\u0440\u043e\u043d\u044b \u043c\u0435\u0442\u043e\u0434\u043e\u043b\u043e\u0433\u0438\u0438"}),"\n",(0,s.jsx)(n.p,{children:"\u041f\u043e\u0447\u0435\u043c\u0443 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u043d\u043e/\u043a\u043e\u043d\u0442\u0435\u0439\u043d\u0435\u0440\u043d\u044b\u0439 \u043f\u043e\u0434\u0445\u043e\u0434 - \u0437\u043b\u043e"}),"\n",(0,s.jsxs)(n.ul,{children:["\n",(0,s.jsx)(n.li,{children:(0,s.jsx)(n.a,{href:"https://medium.com/@dan_abramov/smart-and-dumb-components-7ca2f9a7c7d0",children:"(\u0421\u0442\u0430\u0442\u044c\u044f) Dan Abramov - Presentational and Container Components (TLDR: deprecated)"})}),"\n"]}),"\n",(0,s.jsx)(n.h2,{id:"design-principles",children:"Design Principles"}),"\n",(0,s.jsx)(r.Ay,{ticket:"59"}),"\n",(0,s.jsxs)(n.blockquote,{children:["\n",(0,s.jsx)(n.p,{children:"\u041f\u0440\u043e \u0447\u0442\u043e \u0440\u0435\u0447\u044c; \u043f\u043e\u0437\u0438\u0446\u0438\u044f FSD"}),"\n"]}),"\n",(0,s.jsx)(n.p,{children:"SOLID, GRASP, KISS, YAGNI, ... - \u0438 \u043f\u043e\u0447\u0435\u043c\u0443 \u043e\u043d\u0438 \u043f\u043b\u043e\u0445\u043e \u0440\u0430\u0431\u043e\u0442\u0430\u044e\u0442 \u0432\u043c\u0435\u0441\u0442\u0435 \u043d\u0430 \u043f\u0440\u0430\u043a\u0442\u0438\u043a\u0435"}),"\n",(0,s.jsx)(n.p,{children:"\u0418 \u043a\u0430\u043a \u043e\u043d\u0430 \u0430\u0433\u0440\u0435\u0433\u0438\u0440\u0443\u0435\u0442 \u044d\u0442\u0438 \u043f\u0440\u0430\u043a\u0442\u0438\u043a\u0438"}),"\n",(0,s.jsxs)(n.ul,{children:["\n",(0,s.jsx)(n.li,{children:(0,s.jsx)(n.a,{href:"https://youtu.be/SnzPAr_FJ7w?t=380",children:"(\u0414\u043e\u043a\u043b\u0430\u0434) \u0418\u043b\u044c\u044f \u0410\u0437\u0438\u043d - Feature-Sliced Design (\u0444\u0440\u0430\u0433\u043c\u0435\u043d\u0442 \u043f\u0440\u043e \u041f\u0440\u0438\u043d\u0446\u0438\u043f\u044b \u043f\u0440\u043e\u0435\u043a\u0442\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u044f)"})}),"\n"]}),"\n",(0,s.jsx)(n.h2,{id:"ddd",children:"DDD"}),"\n",(0,s.jsx)(r.Ay,{ticket:"1"}),"\n",(0,s.jsxs)(n.blockquote,{children:["\n",(0,s.jsx)(n.p,{children:"\u041e \u043f\u043e\u0434\u0445\u043e\u0434\u0435; \u041f\u043e\u0447\u0435\u043c\u0443 \u043f\u043b\u043e\u0445\u043e \u0440\u0430\u0431\u043e\u0442\u0430\u0435\u0442 \u043d\u0430 \u043f\u0440\u0430\u043a\u0442\u0438\u043a\u0435"}),"\n"]}),"\n",(0,s.jsx)(n.p,{children:"\u0412 \u0447\u0435\u043c \u043e\u0442\u043b\u0438\u0447\u0438\u0435, \u0447\u0435\u043c \u0443\u043b\u0443\u0447\u0448\u0430\u0435\u0442 \u043f\u0440\u0438\u043c\u0435\u043d\u0438\u043c\u043e\u0441\u0442\u044c, \u0433\u0434\u0435 \u043f\u0435\u0440\u0435\u043d\u0438\u043c\u0430\u0435\u0442 \u043f\u0440\u0430\u043a\u0442\u0438\u043a\u0438"}),"\n",(0,s.jsx)(n.h2,{id:"see-also",children:"\u0421\u043c. \u0442\u0430\u043a\u0436\u0435"}),"\n",(0,s.jsxs)(n.ul,{children:["\n",(0,s.jsx)(n.li,{children:(0,s.jsx)(n.a,{href:"https://herbertograca.com/2017/11/16/explicit-architecture-01-ddd-hexagonal-onion-clean-cqrs-how-i-put-it-all-together/",children:"(\u0421\u0442\u0430\u0442\u044c\u044f) DDD, Hexagonal, Onion, Clean, CQRS, \u2026 How I put it all together"})}),"\n",(0,s.jsx)(n.li,{children:(0,s.jsx)(n.a,{href:"https://youtu.be/SnzPAr_FJ7w?t=528",children:"(\u0414\u043e\u043a\u043b\u0430\u0434) \u0418\u043b\u044c\u044f \u0410\u0437\u0438\u043d - Feature-Sliced Design (\u0444\u0440\u0430\u0433\u043c\u0435\u043d\u0442 \u043f\u0440\u043e Clean Architecture, DDD)"})}),"\n"]}),"\n",(0,s.jsx)(n.h2,{id:"clean-architecture",children:"Clean Architecture"}),"\n",(0,s.jsx)(r.Ay,{ticket:"165"}),"\n",(0,s.jsxs)(n.blockquote,{children:["\n",(0,s.jsx)(n.p,{children:"\u041e \u043f\u043e\u0434\u0445\u043e\u0434\u0435; \u041e \u043f\u0440\u0438\u043c\u0435\u043d\u0438\u043c\u043e\u0441\u0442\u0438 \u0432 \u0444\u0440\u043e\u043d\u0442\u0435\u043d\u0434\u0435; \u043f\u043e\u0437\u0438\u0446\u0438\u044f FSD"}),"\n"]}),"\n",(0,s.jsx)(n.p,{children:"\u0412 \u0447\u0435\u043c \u0441\u0445\u043e\u0436\u0438 (\u043c\u043d\u043e\u0433\u0438\u043c), \u0447\u0435\u043c \u043e\u0442\u043b\u0438\u0447\u0430\u044e\u0442\u0441\u044f"}),"\n",(0,s.jsxs)(n.ul,{children:["\n",(0,s.jsx)(n.li,{children:(0,s.jsx)(n.a,{href:"https://t.me/feature_sliced/3897",children:"(\u0422\u0440\u0435\u0434) \u041f\u0440\u043e use-case/interactor \u0432 \u043c\u0435\u0442\u043e\u0434\u043e\u043b\u043e\u0433\u0438\u0438"})}),"\n",(0,s.jsx)(n.li,{children:(0,s.jsx)(n.a,{href:"https://t.me/feature_sliced/4592",children:"(\u0422\u0440\u0435\u0434) \u041f\u0440\u043e DI \u0432 \u043c\u0435\u0442\u043e\u0434\u043e\u043b\u043e\u0433\u0438\u0438"})}),"\n",(0,s.jsx)(n.li,{children:(0,s.jsx)(n.a,{href:"https://bespoyasov.ru/blog/clean-architecture-on-frontend/",children:"(\u0421\u0442\u0430\u0442\u044c\u044f) \u0410\u043b\u0435\u043a\u0441\u0430\u043d\u0434\u0440 \u0411\u0435\u0441\u043f\u043e\u044f\u0441\u043e\u0432 - \u0427\u0438\u0441\u0442\u0430\u044f \u0430\u0440\u0445\u0438\u0442\u0435\u043a\u0442\u0443\u0440\u0430 \u043d\u0430 \u0444\u0440\u043e\u043d\u0442\u0435\u043d\u0434\u0435"})}),"\n",(0,s.jsx)(n.li,{children:(0,s.jsx)(n.a,{href:"https://herbertograca.com/2017/11/16/explicit-architecture-01-ddd-hexagonal-onion-clean-cqrs-how-i-put-it-all-together/",children:"(\u0421\u0442\u0430\u0442\u044c\u044f) DDD, Hexagonal, Onion, Clean, CQRS, \u2026 How I put it all together"})}),"\n",(0,s.jsx)(n.li,{children:(0,s.jsx)(n.a,{href:"https://youtu.be/SnzPAr_FJ7w?t=528",children:"(\u0414\u043e\u043a\u043b\u0430\u0434) \u0418\u043b\u044c\u044f \u0410\u0437\u0438\u043d - Feature-Sliced Design (\u0444\u0440\u0430\u0433\u043c\u0435\u043d\u0442 \u043f\u0440\u043e Clean Architecture, DDD)"})}),"\n",(0,s.jsx)(n.li,{children:(0,s.jsx)(n.a,{href:"https://habr.com/ru/company/mobileup/blog/335382/",children:"(\u0421\u0442\u0430\u0442\u044c\u044f) \u0417\u0430\u0431\u043b\u0443\u0436\u0434\u0435\u043d\u0438\u044f Clean Architecture"})}),"\n"]}),"\n",(0,s.jsx)(n.h2,{id:"frameworks",children:"Frameworks"}),"\n",(0,s.jsx)(r.Ay,{ticket:"58"}),"\n",(0,s.jsxs)(n.blockquote,{children:["\n",(0,s.jsx)(n.p,{children:"\u041e \u043f\u0440\u0438\u043c\u0435\u043d\u0438\u043c\u043e\u0441\u0442\u0438 \u0432 \u0444\u0440\u043e\u043d\u0442\u0435\u043d\u0434\u0435; \u041f\u043e\u0447\u0435\u043c\u0443 \u043e\u043d\u0438 \u043d\u0435 \u0440\u0435\u0448\u0430\u044e\u0442 \u043f\u0440\u043e\u0431\u043b\u0435\u043c\u0443; \u041f\u043e\u0447\u0435\u043c\u0443 \u044d\u0442\u043e \u043d\u0435 \u0435\u0434\u0438\u043d\u0441\u0442\u0432\u0435\u043d\u043d\u044b\u0439 \u043f\u043e\u0434\u0445\u043e\u0434; \u043f\u043e\u0437\u0438\u0446\u0438\u044f FSD"}),"\n"]}),"\n",(0,s.jsx)(n.p,{children:"Framework-agnostic, conventional-\u043f\u043e\u0434\u0445\u043e\u0434"}),"\n",(0,s.jsxs)(n.ul,{children:["\n",(0,s.jsx)(n.li,{children:(0,s.jsx)(n.a,{href:"/docs/about/motivation",children:"(\u0421\u0442\u0430\u0442\u044c\u044f) \u041f\u0440\u043e \u043f\u0440\u0438\u0447\u0438\u043d\u044b \u0441\u043e\u0437\u0434\u0430\u043d\u0438\u044f \u043c\u0435\u0442\u043e\u0434\u043e\u043b\u043e\u0433\u0438\u0438 (\u0444\u0440\u0430\u0433\u043c\u0435\u043d\u0442 \u043f\u0440\u043e \u0444\u0440\u0435\u0439\u043c\u0432\u043e\u0440\u043a\u0438)"})}),"\n",(0,s.jsx)(n.li,{children:(0,s.jsx)(n.a,{href:"https://t.me/feature_sliced/3867",children:"(\u0422\u0440\u0435\u0434) \u041f\u0440\u043e \u043f\u0440\u0438\u043c\u0435\u043d\u0438\u043c\u043e\u0441\u0442\u044c \u043c\u0435\u0442\u043e\u0434\u043e\u043b\u043e\u0433\u0438\u0438 \u0434\u043b\u044f \u0440\u0430\u0437\u043d\u044b\u0445 \u0444\u0440\u0435\u0439\u043c\u0432\u043e\u0440\u043a\u043e\u0432"})}),"\n"]}),"\n",(0,s.jsx)(n.h2,{id:"atomic-design",children:"Atomic Design"}),"\n",(0,s.jsx)(n.h3,{id:"\u0447\u0442\u043e-\u044d\u0442\u043e",children:"\u0427\u0442\u043e \u044d\u0442\u043e?"}),"\n",(0,s.jsx)(n.p,{children:"\u0412 Atomic Design \u0441\u0444\u0435\u0440\u0430 \u043e\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0435\u043d\u043d\u043e\u0441\u0442\u0438 \u0440\u0430\u0437\u0434\u0435\u043b\u0435\u043d\u0430 \u043d\u0430 \u0441\u0442\u0430\u043d\u0434\u0430\u0440\u0442\u0438\u0437\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u044b\u0435 \u0441\u043b\u043e\u0438.\xa0"}),"\n",(0,s.jsxs)(n.p,{children:["Atomic Design \u0440\u0430\u0437\u0431\u0438\u0432\u0430\u0435\u0442\u0441\u044f \u043d\u0430 ",(0,s.jsx)(n.strong,{children:"5 \u0441\u043b\u043e\u0435\u0432"})," (\u0441\u0432\u0435\u0440\u0445\u0443 \u0432\u043d\u0438\u0437):"]}),"\n",(0,s.jsxs)(n.ol,{children:["\n",(0,s.jsxs)(n.li,{children:[(0,s.jsx)(n.code,{children:"pages"})," - \u041d\u0430\u0437\u043d\u0430\u0447\u0435\u043d\u0438\u0435 \u0430\u043d\u0430\u043b\u043e\u0433\u0438\u0447\u043d\u043e \u0441\u043b\u043e\u044e ",(0,s.jsx)(n.code,{children:"pages"})," \u0432 FSD."]}),"\n",(0,s.jsxs)(n.li,{children:[(0,s.jsx)(n.code,{children:"templates"})," - \u041a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u044b \u0437\u0430\u0434\u0430\u044e\u0449\u0438\u0435 \u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u0443 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b, \u0431\u0435\u0437 \u043f\u0440\u0438\u0432\u044f\u0437\u043a\u0438 \u043a \u043a\u043e\u043d\u0442\u0435\u043d\u0442\u0443."]}),"\n",(0,s.jsxs)(n.li,{children:[(0,s.jsx)(n.code,{children:"organisms"})," - \u041c\u043e\u0434\u0443\u043b\u0438 \u0441\u043e\u0441\u0442\u043e\u044f\u0449\u0438\u0435 \u0438\u0437 \u043c\u043e\u043b\u0435\u043a\u0443\u043b, \u043e\u0431\u043b\u0430\u0434\u0430\u044e\u0449\u0438\u0435 \u0431\u0438\u0437\u043d\u0435\u0441 \u043b\u043e\u0433\u0438\u043a\u043e\u0439."]}),"\n",(0,s.jsxs)(n.li,{children:[(0,s.jsx)(n.code,{children:"moleculs"})," -  \u0411\u043e\u043b\u0435\u0435 \u0441\u043b\u043e\u0436\u043d\u044b\u0435 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u044b, \u0432 \u043a\u043e\u0442\u043e\u0440\u044b\u0445, \u043a\u0430\u043a \u043f\u0440\u0430\u0432\u0438\u043b\u043e, \u043d\u0435\u0442 \u0431\u0438\u0437\u043d\u0435\u0441 \u043b\u043e\u0433\u0438\u043a\u0438."]}),"\n",(0,s.jsxs)(n.li,{children:[(0,s.jsx)(n.code,{children:"atoms"})," - UI \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u044b \u0431\u0435\u0437 \u0431\u0438\u0437\u043d\u0435\u0441 \u043b\u043e\u0433\u0438\u043a\u0438."]}),"\n"]}),"\n",(0,s.jsxs)(n.p,{children:["\u041c\u043e\u0434\u0443\u043b\u0438 \u043d\u0430 \u043e\u0434\u043d\u043e\u043c \u0441\u043b\u043e\u0435 \u0432\u0437\u0430\u0438\u043c\u043e\u0434\u0435\u0439\u0441\u0442\u0432\u0443\u044e\u0442 \u0442\u043e\u043b\u044c\u043a\u043e \u0441 \u043c\u043e\u0434\u0443\u043b\u044f\u043c\u0438, \u043d\u0430\u0445\u043e\u0434\u044f\u0449\u0438\u043c\u0438\u0441\u044f \u043d\u0430 \u0441\u043b\u043e\u044f\u0445 \u043d\u0438\u0436\u0435, \u043a\u0430\u043a \u0432 FSD.\n\u0422\u043e \u0435\u0441\u0442\u044c, \u043c\u043e\u043b\u0435\u043a\u0443\u043b\u044b \u0441\u0442\u0440\u043e\u044f\u0442\u0441\u044f \u0438\u0437 \u0430\u0442\u043e\u043c\u043e\u0432, \u043e\u0440\u0433\u0430\u043d\u0438\u0437\u043c\u044b \u0438\u0437 \u043c\u043e\u043b\u0435\u043a\u0443\u043b, \u0448\u0430\u0431\u043b\u043e\u043d\u044b \u0438\u0437 \u043e\u0440\u0433\u0430\u043d\u0438\u0437\u043c\u043e\u0432, \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b \u0438\u0437 \u0448\u0430\u0431\u043b\u043e\u043d\u043e\u0432.\n\u0422\u0430\u043a\u0436\u0435 Atomic Design \u043f\u043e\u0434\u0440\u0430\u0437\u0443\u043c\u0435\u0432\u0430\u0435\u0442 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u0435 ",(0,s.jsx)(n.strong,{children:"Public API"})," \u0432\u043d\u0443\u0442\u0440\u0438 \u043c\u043e\u0434\u0443\u043b\u0435\u0439 \u0434\u043b\u044f \u0438\u0437\u043e\u043b\u044f\u0446\u0438\u0438."]}),"\n",(0,s.jsx)(n.h3,{id:"\u043f\u0440\u0438\u043c\u0435\u043d\u0438\u043c\u043e\u0441\u0442\u044c-\u0432\u043e-\u0444\u0440\u043e\u043d\u0442\u0435\u043d\u0434\u0435",children:"\u041f\u0440\u0438\u043c\u0435\u043d\u0438\u043c\u043e\u0441\u0442\u044c \u0432\u043e \u0444\u0440\u043e\u043d\u0442\u0435\u043d\u0434\u0435"}),"\n",(0,s.jsx)(n.p,{children:"Atomic Design \u043e\u0442\u043d\u043e\u0441\u0438\u0442\u0435\u043b\u044c\u043d\u043e \u0447\u0430\u0441\u0442\u043e \u0432\u0441\u0442\u0440\u0435\u0447\u0430\u0435\u0442\u0441\u044f \u0432 \u043f\u0440\u043e\u0435\u043a\u0442\u0430\u0445. Atomic Design \u043f\u043e\u043f\u0443\u043b\u044f\u0440\u043d\u0435\u0435 \u0441\u0440\u0435\u0434\u0438 \u0432\u0435\u0431-\u0434\u0438\u0437\u0430\u0439\u043d\u0435\u0440\u043e\u0432,\xa0\n\u043d\u0435\u0436\u0435\u043b\u0438 \u0432 \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u0435. \u0412\u0435\u0431-\u0434\u0438\u0437\u0430\u0439\u043d\u0435\u0440\u044b \u0447\u0430\u0441\u0442\u043e \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u044e\u0442 Atomic Design \u0434\u043b\u044f \u0441\u043e\u0437\u0434\u0430\u043d\u0438\u044f \u043c\u0430\u0441\u0448\u0442\u0430\u0431\u0438\u0440\u0443\u0435\u043c\u044b\u0445 \u0438 \u043b\u0435\u0433\u043a\u043e \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u0438\u0432\u0430\u0435\u043c\u044b\u0445 \u0434\u0438\u0437\u0430\u0439\u043d\u043e\u0432.\xa0\n\u0412 \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u0435 Atomic Design \u0447\u0430\u0441\u0442\u043e \u0441\u043c\u0435\u0448\u0438\u0432\u0430\u0435\u0442\u0441\u044f \u0441 \u0434\u0440\u0443\u0433\u0438\u043c\u0438 \u0430\u0440\u0445\u0438\u0442\u0435\u043a\u0442\u0443\u0440\u043d\u044b\u043c\u0438 \u043c\u0435\u0442\u043e\u0434\u043e\u043b\u043e\u0433\u0438\u044f\u043c\u0438."}),"\n",(0,s.jsx)(n.p,{children:"\u041e\u0434\u043d\u0430\u043a\u043e, \u0442\u0430\u043a \u043a\u0430\u043a Atomic Design \u043a\u043e\u043d\u0446\u0435\u043d\u0442\u0440\u0438\u0440\u0443\u0435\u0442 \u0432\u043d\u0438\u043c\u0430\u043d\u0438\u0435 \u043d\u0430 UI \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u0430\u0445 \u0438 \u0438\u0445 \u043a\u043e\u043c\u043f\u043e\u0437\u0438\u0446\u0438\u044e, \u0432\u043e\u0437\u043d\u0438\u043a\u0430\u0435\u0442 \u043f\u0440\u043e\u0431\u043b\u0435\u043c\u0430 \u0440\u0435\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u0438\n\u0431\u0438\u0437\u043d\u0435\u0441 \u043b\u043e\u0433\u0438\u043a\u0438 \u0432 \u0440\u0430\u043c\u043a\u0430\u0445 \u0430\u0440\u0445\u0438\u0442\u0435\u043a\u0442\u0443\u0440\u044b."}),"\n",(0,s.jsx)(n.p,{children:"\u041f\u0440\u043e\u0431\u043b\u0435\u043c\u0430 \u0437\u0430\u043a\u043b\u044e\u0447\u0430\u0435\u0442\u0441\u044f \u0432 \u0442\u043e\u043c, \u0447\u0442\u043e Atomic Design \u043d\u0435 \u043f\u0440\u0435\u0434\u0443\u0441\u043c\u0430\u0442\u0440\u0438\u0432\u0430\u0435\u0442 \u0447\u0435\u0442\u043a\u043e\u0433\u043e \u0443\u0440\u043e\u0432\u043d\u044f \u043e\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0435\u043d\u043d\u043e\u0441\u0442\u0438 \u0434\u043b\u044f \u0431\u0438\u0437\u043d\u0435\u0441-\u043b\u043e\u0433\u0438\u043a\u0438,\xa0\n\u0447\u0442\u043e \u043f\u0440\u0438\u0432\u043e\u0434\u0438\u0442 \u043a \u0440\u0430\u0441\u043f\u0440\u0435\u0434\u0435\u043b\u0435\u043d\u0438\u044e \u043f\u043e \u0440\u0430\u0437\u043b\u0438\u0447\u043d\u044b\u043c \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u0430\u043c \u0438 \u0443\u0440\u043e\u0432\u043d\u044f\u043c, \u0443\u0441\u043b\u043e\u0436\u043d\u044f\u044f \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u043a\u0443 \u0438 \u0442\u0435\u0441\u0442\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u0435.\xa0\n\u0411\u0438\u0437\u043d\u0435\u0441-\u043b\u043e\u0433\u0438\u043a\u0430 \u0441\u0442\u0430\u043d\u043e\u0432\u0438\u0442\u0441\u044f \u0440\u0430\u0437\u043c\u044b\u0442\u0430, \u0447\u0442\u043e \u0437\u0430\u0442\u0440\u0443\u0434\u043d\u044f\u0435\u0442\xa0\u0447\u0435\u0442\u043a\u043e\u0435 \u0440\u0430\u0437\u0434\u0435\u043b\u0435\u043d\u0438\u0435 \u043e\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0435\u043d\u043d\u043e\u0441\u0442\u0438 \u0438 \u0434\u0435\u043b\u0430\u0435\u0442 \u043a\u043e\u0434 \u043c\u0435\u043d\u0435\u0435\n\u043c\u043e\u0434\u0443\u043b\u044c\u043d\u044b\u043c \u0438 \u043f\u0435\u0440\u0435\u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u043c\u044b\u043c."}),"\n",(0,s.jsx)(n.h3,{id:"\u043a\u0430\u043a-\u043e\u043d\u043e-\u0441\u043e\u0447\u0435\u0442\u0430\u0435\u0442\u0441\u044f-\u0441-fsd",children:"\u041a\u0430\u043a \u043e\u043d\u043e \u0441\u043e\u0447\u0435\u0442\u0430\u0435\u0442\u0441\u044f \u0441 FSD?"}),"\n",(0,s.jsxs)(n.p,{children:["\u0412 \u043a\u043e\u043d\u0442\u0435\u043a\u0441\u0442\u0435 FSD \u043d\u0435\u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u044b Atomic Design \u043c\u043e\u0433\u0443\u0442 \u0431\u044b\u0442\u044c \u043f\u0440\u0438\u043c\u0435\u043d\u0435\u043d\u044b \u0434\u043b\u044f\xa0\n\u0441\u043e\u0437\u0434\u0430\u043d\u0438\u044f \u0433\u0438\u0431\u043a\u0438\u0445 \u0438 \u043c\u0430\u0441\u0448\u0442\u0430\u0431\u0438\u0440\u0443\u0435\u043c\u044b\u0445 UI \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u043e\u0432. \u0421\u043b\u043e\u0438 ",(0,s.jsx)(n.code,{children:"atoms"})," \u0438 ",(0,s.jsx)(n.code,{children:"molecules"})," \u043c\u043e\u0436\u043d\u043e \u0440\u0435\u0430\u043b\u0438\u0437\u043e\u0432\u0430\u0442\u044c \u0432\xa0\n",(0,s.jsx)(n.code,{children:"shared/ui"})," \u0432 FSD, \u0447\u0442\u043e \u0443\u043f\u0440\u043e\u0449\u0430\u0435\u0442 \u043f\u0435\u0440\u0435\u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u0435 \u0438 \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u043a\u0443 \u0431\u0430\u0437\u043e\u0432\u044b\u0445 UI \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u043e\u0432.\xa0"]}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-sh",children:"\u251c\u2500\u2500 shared\n\u2502\xa0 \xa0\u251c\u2500\u2500 ui\xa0\n\u2502\xa0 \xa0\u2502\xa0 \xa0\u251c\u2500\u2500 atoms\n\u2502\xa0 \xa0\u2502\xa0 \xa0\u251c\u2500\u2500 molecules\n\u2502\xa0 \xa0...\n"})}),"\n",(0,s.jsx)(n.p,{children:"\u0421\u0440\u0430\u0432\u043d\u0435\u043d\u0438\u0435 FSD \u0438 Atomic Design \u043f\u043e\u043a\u0430\u0437\u044b\u0432\u0430\u0435\u0442, \u0447\u0442\u043e \u043e\u0431\u0435 \u043c\u0435\u0442\u043e\u0434\u043e\u043b\u043e\u0433\u0438\u0438 \u0441\u0442\u0440\u0435\u043c\u044f\u0442\u0441\u044f \u043a \u043c\u043e\u0434\u0443\u043b\u044c\u043d\u043e\u0441\u0442\u0438 \u0438 \u043f\u0435\u0440\u0435\u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u044e,\xa0\n\u043d\u043e \u0430\u043a\u0446\u0435\u043d\u0442\u0438\u0440\u0443\u044e\u0442 \u0432\u043d\u0438\u043c\u0430\u043d\u0438\u0435 \u043d\u0430 \u0440\u0430\u0437\u043d\u044b\u0445 \u0430\u0441\u043f\u0435\u043a\u0442\u0430\u0445. Atomic Design \u043e\u0440\u0438\u0435\u043d\u0442\u0438\u0440\u043e\u0432\u0430\u043d \u043d\u0430 \u0432\u0438\u0437\u0443\u0430\u043b\u044c\u043d\u044b\u0435 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u044b\xa0\n\u0438 \u0438\u0445 \u043a\u043e\u043c\u043f\u043e\u0437\u0438\u0446\u0438\u044e. FSD \u0444\u043e\u043a\u0443\u0441\u0438\u0440\u0443\u0435\u0442\u0441\u044f \u043d\u0430 \u0440\u0430\u0437\u0431\u0438\u0435\u043d\u0438\u0438 \u0444\u0443\u043d\u043a\u0446\u0438\u043e\u043d\u0430\u043b\u044c\u043d\u043e\u0441\u0442\u0438 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f \u043d\u0430 \u043d\u0435\u0437\u0430\u0432\u0438\u0441\u0438\u043c\u044b\u0435 \u043c\u043e\u0434\u0443\u043b\u0438 \u0438 \u0438\u0445 \u0432\u0437\u0430\u0438\u043c\u043e\u0441\u0432\u044f\u0437\u0438."}),"\n",(0,s.jsxs)(n.ul,{children:["\n",(0,s.jsx)(n.li,{children:(0,s.jsx)(n.a,{href:"https://atomicdesign.bradfrost.com/table-of-contents/",children:"\u041c\u0435\u0442\u043e\u0434\u043e\u043b\u043e\u0433\u0438\u044f Atomic Design"})}),"\n",(0,s.jsx)(n.li,{children:(0,s.jsx)(n.a,{href:"https://t.me/feature_sliced/1653",children:"(\u0422\u0440\u0435\u0434) \u041f\u0440\u043e \u043f\u0440\u0438\u043c\u0435\u043d\u0438\u043c\u043e\u0441\u0442\u044c \u0432 shared/ui"})}),"\n",(0,s.jsx)(n.li,{children:(0,s.jsx)(n.a,{href:"https://youtu.be/Yi-A20x2dcA",children:"(\u0412\u0438\u0434\u0435\u043e) \u041a\u0440\u0430\u0442\u043a\u043e \u043e Atomic Design"})}),"\n",(0,s.jsx)(n.li,{children:(0,s.jsx)(n.a,{href:"https://youtu.be/SnzPAr_FJ7w?t=587",children:"(\u0414\u043e\u043a\u043b\u0430\u0434) \u0418\u043b\u044c\u044f \u0410\u0437\u0438\u043d - Feature-Sliced Design (\u0444\u0440\u0430\u0433\u043c\u0435\u043d\u0442 \u043f\u0440\u043e Atomic Design)"})}),"\n"]}),"\n",(0,s.jsx)(n.h2,{id:"feature-driven",children:"Feature Driven"}),"\n",(0,s.jsx)(r.Ay,{ticket:"219"}),"\n",(0,s.jsxs)(n.blockquote,{children:["\n",(0,s.jsx)(n.p,{children:"\u041e \u043f\u043e\u0434\u0445\u043e\u0434\u0435; \u041e \u043f\u0440\u0438\u043c\u0435\u043d\u0438\u043c\u043e\u0441\u0442\u0438 \u0432 \u0444\u0440\u043e\u043d\u0442\u0435\u043d\u0434\u0435; \u043f\u043e\u0437\u0438\u0446\u0438\u044f FSD"}),"\n"]}),"\n",(0,s.jsx)(n.p,{children:"\u041f\u0440\u043e \u0441\u043e\u0432\u043c\u0435\u0441\u0442\u0438\u043c\u043e\u0441\u0442\u044c, \u0438\u0441\u0442\u043e\u0440\u0438\u0447\u0435\u0441\u043a\u043e\u0435 \u0440\u0430\u0437\u0432\u0438\u0442\u0438\u0435 \u0438 \u0441\u0440\u0430\u0432\u043d\u0435\u043d\u0438\u0435"}),"\n",(0,s.jsxs)(n.ul,{children:["\n",(0,s.jsx)(n.li,{children:(0,s.jsx)(n.a,{href:"https://youtu.be/BWAeYuWFHhs",children:"(\u0414\u043e\u043a\u043b\u0430\u0434) Oleg Isonen - Feature Driven Architecture"})}),"\n",(0,s.jsx)(n.li,{children:(0,s.jsx)(n.a,{href:"https://github.com/feature-sliced/documentation/tree/rc/feature-driven",children:"Feature Driven - \u041a\u0440\u0430\u0442\u043a\u0430\u044f \u0441\u043f\u0435\u0446\u0438\u0444\u0438\u043a\u0430\u0446\u0438\u044f (\u0441 \u0442\u043e\u0447\u043a\u0438 \u0437\u0440\u0435\u043d\u0438\u044f FSD)"})}),"\n"]})]})}function u(e={}){const{wrapper:n}={...(0,t.R)(),...e.components};return n?(0,s.jsx)(n,{...e,children:(0,s.jsx)(h,{...e})}):h(e)}},1100:(e,n,i)=>{i.d(n,{R:()=>l,x:()=>c});var s=i(758);const t={},r=s.createContext(t);function l(e){const n=s.useContext(r);return s.useMemo((function(){return"function"==typeof e?e(n):{...n,...e}}),[n,e])}function c(e){let n;return n=e.disableParentContext?"function"==typeof e.components?e.components(t):e.components||t:l(e.components),s.createElement(r.Provider,{value:n},e.children)}}}]);
\ No newline at end of file
diff --git a/ru/assets/js/457d5840.b0edcac0.js b/ru/assets/js/457d5840.bb98f460.js
similarity index 99%
rename from ru/assets/js/457d5840.b0edcac0.js
rename to ru/assets/js/457d5840.bb98f460.js
index 2f569faa8a..2f7cde7003 100644
--- a/ru/assets/js/457d5840.b0edcac0.js
+++ b/ru/assets/js/457d5840.bb98f460.js
@@ -1 +1 @@
-"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[6744],{7716:(e,s,n)=>{n.r(s),n.d(s,{assets:()=>t,contentTitle:()=>d,default:()=>j,frontMatter:()=>l,metadata:()=>c,toc:()=>h});var i=n(6070),r=n(1100);const l={sidebar_position:1,pagination_next:"reference/slices-segments"},d="\u0421\u043b\u043e\u0438",c={id:"reference/layers",title:"\u0421\u043b\u043e\u0438",description:"\u0421\u043b\u043e\u0438 - \u044d\u0442\u043e \u043f\u0435\u0440\u0432\u044b\u0439 \u0443\u0440\u043e\u0432\u0435\u043d\u044c \u043e\u0440\u0433\u0430\u043d\u0438\u0437\u0430\u0446\u0438\u043e\u043d\u043d\u043e\u0439 \u0438\u0435\u0440\u0430\u0440\u0445\u0438\u0438 \u0432 Feature-Sliced Design. \u0418\u0445 \u0446\u0435\u043b\u044c - \u0440\u0430\u0437\u0434\u0435\u043b\u0438\u0442\u044c \u043a\u043e\u0434 \u043d\u0430 \u043e\u0441\u043d\u043e\u0432\u0435 \u0442\u043e\u0433\u043e, \u0441\u043a\u043e\u043b\u044c\u043a\u043e \u043e\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0435\u043d\u043d\u043e\u0441\u0442\u0438 \u0435\u043c\u0443 \u0442\u0440\u0435\u0431\u0443\u0435\u0442\u0441\u044f \u0438 \u043e\u0442 \u0441\u043a\u043e\u043b\u044c\u043a\u0438\u0445 \u0434\u0440\u0443\u0433\u0438\u0445 \u043c\u043e\u0434\u0443\u043b\u0435\u0439 \u0432 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0438 \u043e\u043d \u0437\u0430\u0432\u0438\u0441\u0438\u0442.",source:"@site/i18n/ru/docusaurus-plugin-content-docs/current/reference/layers.mdx",sourceDirName:"reference",slug:"/reference/layers",permalink:"/ru/docs/reference/layers",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/ru/docusaurus-plugin-content-docs/current/reference/layers.mdx",tags:[],version:"current",lastUpdatedAt:1727607766e3,sidebarPosition:1,frontMatter:{sidebar_position:1,pagination_next:"reference/slices-segments"},sidebar:"referenceSidebar",previous:{title:"\ud83d\udcda \u0421\u043f\u0440\u0430\u0432\u043e\u0447\u043d\u0438\u043a",permalink:"/ru/docs/reference/"},next:{title:"\u0421\u043b\u0430\u0439\u0441\u044b \u0438 \u0441\u0435\u0433\u043c\u0435\u043d\u0442\u044b",permalink:"/ru/docs/reference/slices-segments"}},t={},h=[{value:"\u041f\u0440\u0430\u0432\u0438\u043b\u043e \u0438\u043c\u043f\u043e\u0440\u0442\u043e\u0432 \u0434\u043b\u044f \u0441\u043b\u043e\u0451\u0432",id:"import-rule-on-layers",level:2},{value:"\u041e\u043f\u0440\u0435\u0434\u0435\u043b\u0435\u043d\u0438\u044f \u0441\u043b\u043e\u0451\u0432",id:"\u043e\u043f\u0440\u0435\u0434\u0435\u043b\u0435\u043d\u0438\u044f-\u0441\u043b\u043e\u0451\u0432",level:2},{value:"Shared",id:"shared",level:3},{value:"Entities",id:"entities",level:3},{value:"Features",id:"features",level:3},{value:"Widgets",id:"widgets",level:3},{value:"Pages",id:"pages",level:3},{value:"Processes",id:"processes",level:3},{value:"App",id:"app",level:3}];function x(e){const s={a:"a",admonition:"admonition",blockquote:"blockquote",code:"code",em:"em",h1:"h1",h2:"h2",h3:"h3",header:"header",li:"li",ol:"ol",p:"p",strong:"strong",ul:"ul",...(0,r.R)(),...e.components};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(s.header,{children:(0,i.jsx)(s.h1,{id:"\u0441\u043b\u043e\u0438",children:"\u0421\u043b\u043e\u0438"})}),"\n",(0,i.jsx)(s.p,{children:"\u0421\u043b\u043e\u0438 - \u044d\u0442\u043e \u043f\u0435\u0440\u0432\u044b\u0439 \u0443\u0440\u043e\u0432\u0435\u043d\u044c \u043e\u0440\u0433\u0430\u043d\u0438\u0437\u0430\u0446\u0438\u043e\u043d\u043d\u043e\u0439 \u0438\u0435\u0440\u0430\u0440\u0445\u0438\u0438 \u0432 Feature-Sliced Design. \u0418\u0445 \u0446\u0435\u043b\u044c - \u0440\u0430\u0437\u0434\u0435\u043b\u0438\u0442\u044c \u043a\u043e\u0434 \u043d\u0430 \u043e\u0441\u043d\u043e\u0432\u0435 \u0442\u043e\u0433\u043e, \u0441\u043a\u043e\u043b\u044c\u043a\u043e \u043e\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0435\u043d\u043d\u043e\u0441\u0442\u0438 \u0435\u043c\u0443 \u0442\u0440\u0435\u0431\u0443\u0435\u0442\u0441\u044f \u0438 \u043e\u0442 \u0441\u043a\u043e\u043b\u044c\u043a\u0438\u0445 \u0434\u0440\u0443\u0433\u0438\u0445 \u043c\u043e\u0434\u0443\u043b\u0435\u0439 \u0432 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0438 \u043e\u043d \u0437\u0430\u0432\u0438\u0441\u0438\u0442."}),"\n",(0,i.jsx)(s.admonition,{type:"note",children:(0,i.jsxs)(s.p,{children:["\u041d\u0430 \u044d\u0442\u043e\u0439 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0435 ",(0,i.jsx)(s.em,{children:"\u043c\u043e\u0434\u0443\u043b\u044c"})," \u043e\u0437\u043d\u0430\u0447\u0430\u0435\u0442 \u0432\u043d\u0443\u0442\u0440\u0435\u043d\u043d\u0438\u0439 \u043c\u043e\u0434\u0443\u043b\u044c \u0432 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0438 - \u0444\u0430\u0439\u043b \u0438\u043b\u0438 \u043a\u0430\u0442\u0430\u043b\u043e\u0433 \u0441 \u0438\u043d\u0434\u0435\u043a\u0441\u043d\u044b\u043c \u0444\u0430\u0439\u043b\u043e\u043c. \u041d\u0435 \u043f\u0443\u0442\u0430\u0442\u044c \u0441 npm-\u043f\u0430\u043a\u0435\u0442\u0430\u043c\u0438."]})}),"\n",(0,i.jsx)(s.p,{children:"\u041a\u0430\u0436\u0434\u044b\u0439 \u0441\u043b\u043e\u0439 \u043d\u0435\u0441\u0435\u0442 \u0432 \u0441\u0435\u0431\u0435 \u043e\u0441\u043e\u0431\u044b\u0439 \u0441\u0435\u043c\u0430\u043d\u0442\u0438\u0447\u0435\u0441\u043a\u0438\u0439 \u0441\u043c\u044b\u0441\u043b, \u043f\u043e\u043c\u043e\u0433\u0430\u044e\u0449\u0438\u0439 \u043e\u043f\u0440\u0435\u0434\u0435\u043b\u0438\u0442\u044c, \u043a\u0430\u043a\u0443\u044e \u043e\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0435\u043d\u043d\u043e\u0441\u0442\u044c \u0441\u043b\u0435\u0434\u0443\u0435\u0442 \u0432\u043e\u0437\u043b\u043e\u0436\u0438\u0442\u044c \u043d\u0430 \u043c\u043e\u0434\u0443\u043b\u044c \u0432 \u0432\u0430\u0448\u0435\u043c \u043a\u043e\u0434\u0435. \u041d\u0430\u0437\u0432\u0430\u043d\u0438\u044f \u0438 \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u044f \u0441\u043b\u043e\u0451\u0432 \u0441\u0442\u0430\u043d\u0434\u0430\u0440\u0442\u0438\u0437\u0438\u0440\u043e\u0432\u0430\u043d\u044b \u0434\u043b\u044f \u0432\u0441\u0435\u0445 \u043f\u0440\u043e\u0435\u043a\u0442\u043e\u0432, \u043f\u043e\u0441\u0442\u0440\u043e\u0435\u043d\u043d\u044b\u0445 \u0441 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u0435\u043c Feature-Sliced Design."}),"\n",(0,i.jsxs)(s.p,{children:["\u0412\u0441\u0435\u0433\u043e \u0441\u0443\u0449\u0435\u0441\u0442\u0432\u0443\u0435\u0442 ",(0,i.jsx)(s.strong,{children:"7 \u0441\u043b\u043e\u0451\u0432"}),", \u0440\u0430\u0441\u043f\u043e\u043b\u043e\u0436\u0435\u043d\u043d\u044b\u0445 \u043e\u0442 \u043d\u0430\u0438\u0431\u043e\u043b\u044c\u0448\u0435\u0439 \u043e\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0435\u043d\u043d\u043e\u0441\u0442\u0438 \u0438\xa0\u0437\u0430\u0432\u0438\u0441\u0438\u043c\u043e\u0441\u0442\u0438 \u043a \u043d\u0430\u0438\u043c\u0435\u043d\u044c\u0448\u0435\u0439:"]}),"\n",(0,i.jsx)("img",{src:"/img/layers/folders-graphic-light.svg#light-mode-only",width:"180",style:{float:"right",margin:"0 1em"},alt:"\u0414\u0435\u0440\u0435\u0432\u043e \u0444\u0430\u0439\u043b\u043e\u0432\u043e\u0439 \u0441\u0438\u0441\u0442\u0435\u043c\u044b \u0441 \u043e\u0434\u043d\u043e\u0439 \u043a\u043e\u0440\u043d\u0435\u0432\u043e\u0439 \u043f\u0430\u043f\u043a\u043e\u0439 src \u0438 \u0441\u0435\u043c\u044c\u044e \u043f\u043e\u0434\u043f\u0430\u043f\u043a\u0430\u043c\u0438: app, processes, pages, widgets, features, entities, shared. \u041f\u0430\u043f\u043a\u0430 processes \u043e\u0442\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0430 \u043d\u0435\u043c\u043d\u043e\u0433\u043e \u0442\u0443\u0441\u043a\u043b\u043e."}),"\n",(0,i.jsx)("img",{src:"/img/layers/folders-graphic-dark.svg#dark-mode-only",width:"180",style:{float:"right",margin:"0 1em"},alt:"\u0414\u0435\u0440\u0435\u0432\u043e \u0444\u0430\u0439\u043b\u043e\u0432\u043e\u0439 \u0441\u0438\u0441\u0442\u0435\u043c\u044b \u0441 \u043e\u0434\u043d\u043e\u0439 \u043a\u043e\u0440\u043d\u0435\u0432\u043e\u0439 \u043f\u0430\u043f\u043a\u043e\u0439 src \u0438 \u0441\u0435\u043c\u044c\u044e \u043f\u043e\u0434\u043f\u0430\u043f\u043a\u0430\u043c\u0438: app, processes, pages, widgets, features, entities, shared. \u041f\u0430\u043f\u043a\u0430 processes \u043e\u0442\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0430 \u043d\u0435\u043c\u043d\u043e\u0433\u043e \u0442\u0443\u0441\u043a\u043b\u043e."}),"\n",(0,i.jsxs)(s.ol,{children:["\n",(0,i.jsx)(s.li,{children:"App (\u041f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0435)"}),"\n",(0,i.jsx)(s.li,{children:"Processes (\u041f\u0440\u043e\u0446\u0435\u0441\u0441\u044b, \u0443\u0441\u0442\u0430\u0440\u0435\u0432\u0448\u0438\u0439 \u0441\u043b\u043e\u0439)"}),"\n",(0,i.jsx)(s.li,{children:"Pages (\u0421\u0442\u0440\u0430\u043d\u0438\u0446\u044b)"}),"\n",(0,i.jsx)(s.li,{children:"Widgets (\u0412\u0438\u0434\u0436\u0435\u0442\u044b)"}),"\n",(0,i.jsx)(s.li,{children:"Features (\u0424\u0438\u0447\u0438/\u0444\u0443\u043d\u043a\u0446\u0438\u0438)"}),"\n",(0,i.jsx)(s.li,{children:"Entities (\u0421\u0443\u0449\u043d\u043e\u0441\u0442\u0438)"}),"\n",(0,i.jsx)(s.li,{children:"Shared (\u041e\u0431\u0449\u0438\u0439)"}),"\n"]}),"\n",(0,i.jsx)(s.p,{children:"\u0412\u044b \u043d\u0435 \u043e\u0431\u044f\u0437\u0430\u043d\u044b \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u0432\u0441\u0435 \u0441\u043b\u043e\u0438 \u0432 \u0441\u0432\u043e\u0435\u043c \u043f\u0440\u043e\u0435\u043a\u0442\u0435 - \u0434\u043e\u0431\u0430\u0432\u043b\u044f\u0439\u0442\u0435 \u0442\u043e\u043b\u044c\u043a\u043e \u0442\u0435, \u0447\u0442\u043e \u043f\u0440\u0438\u043d\u043e\u0441\u044f\u0442 \u043f\u043e\u043b\u044c\u0437\u0443 \u0432\u0430\u0448\u0435\u043c\u0443 \u043f\u0440\u043e\u0435\u043a\u0442\u0443."}),"\n",(0,i.jsx)(s.h2,{id:"import-rule-on-layers",children:"\u041f\u0440\u0430\u0432\u0438\u043b\u043e \u0438\u043c\u043f\u043e\u0440\u0442\u043e\u0432 \u0434\u043b\u044f \u0441\u043b\u043e\u0451\u0432"}),"\n",(0,i.jsxs)(s.p,{children:["\u0421\u043b\u043e\u0438 \u0441\u043e\u0441\u0442\u043e\u044f\u0442 \u0438\u0437 ",(0,i.jsx)(s.em,{children:"\u0441\u043b\u0430\u0439\u0441\u043e\u0432"})," \u2014 \u0441\u0438\u043b\u044c\u043d\u043e \u0441\u0446\u0435\u043f\u043b\u0435\u043d\u043d\u044b\u0445 \u0433\u0440\u0443\u043f\u043f \u043c\u043e\u0434\u0443\u043b\u0435\u0439. Feature-Sliced Design \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u0438\u0432\u0430\u0435\u0442 \u043d\u0438\u0437\u043a\u0443\u044e \u0441\u0432\u044f\u0437\u0430\u043d\u043d\u043e\u0441\u0442\u044c, \u043f\u043e\u044d\u0442\u043e\u043c\u0443 \u0437\u0430\u0432\u0438\u0441\u0438\u043c\u043e\u0441\u0442\u0438 \u043c\u0435\u0436\u0434\u0443 \u0441\u043b\u0430\u0439\u0441\u0430\u043c\u0438 \u0440\u0435\u0433\u0443\u043b\u0438\u0440\u0443\u044e\u0442\u0441\u044f ",(0,i.jsx)(s.strong,{children:"\u043f\u0440\u0430\u0432\u0438\u043b\u043e\u043c \u0438\u043c\u043f\u043e\u0440\u0442\u043e\u0432 \u0434\u043b\u044f \u0441\u043b\u043e\u0451\u0432"}),":"]}),"\n",(0,i.jsxs)(s.blockquote,{children:["\n",(0,i.jsx)(s.p,{children:(0,i.jsx)(s.em,{children:"\u041c\u043e\u0434\u0443\u043b\u044c \u0432 \u0441\u043b\u0430\u0439\u0441\u0435 \u043c\u043e\u0436\u0435\u0442 \u0438\u043c\u043f\u043e\u0440\u0442\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u0434\u0440\u0443\u0433\u0438\u0435 \u0441\u043b\u0430\u0439\u0441\u044b \u0442\u043e\u043b\u044c\u043a\u043e \u0432 \u0442\u043e\u043c \u0441\u043b\u0443\u0447\u0430\u0435, \u0435\u0441\u043b\u0438 \u043e\u043d\u0438 \u0440\u0430\u0441\u043f\u043e\u043b\u043e\u0436\u0435\u043d\u044b \u043d\u0430 \u0441\u043b\u043e\u044f\u0445 \u0441\u0442\u0440\u043e\u0433\u043e \u043d\u0438\u0436\u0435."})}),"\n"]}),"\n",(0,i.jsxs)(s.p,{children:["\u041d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, \u0432 ",(0,i.jsx)(s.code,{children:"~/features/aaa"}),", \u0441\u043b\u0430\u0439\u0441\u043e\u043c \u044f\u0432\u043b\u044f\u0435\u0442\u0441\u044f ",(0,i.jsx)(s.code,{children:"aaa"}),", \u043f\u043e\u044d\u0442\u043e\u043c\u0443 \u0444\u0430\u0439\u043b ",(0,i.jsx)(s.code,{children:"~/features/aaa/api/request.ts"})," \u043d\u0435 \u043c\u043e\u0436\u0435\u0442 \u0438\u043c\u043f\u043e\u0440\u0442\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u043a\u043e\u0434 \u043d\u0438 \u0438\u0437 \u043a\u0430\u043a\u043e\u0433\u043e \u043c\u043e\u0434\u0443\u043b\u044f \u0432 \u043f\u0430\u043f\u043a\u0443 \u0438\u0437 ",(0,i.jsx)(s.code,{children:"~/features/bbb"}),", \u043d\u043e \u043c\u043e\u0436\u0435\u0442 \u0438\u043c\u043f\u043e\u0440\u0442\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u043a\u043e\u0434 \u0438\u0437 ",(0,i.jsx)(s.code,{children:"~/entities"})," \u0438 ",(0,i.jsx)(s.code,{children:"~/shared"}),", \u0430 \u0442\u0430\u043a\u0436\u0435 \u0438\u0437 \u0441\u043e\u0441\u0435\u0434\u043d\u0438\u0445 \u043c\u043e\u0434\u0443\u043b\u0435\u0439 \u0432 ",(0,i.jsx)(s.code,{children:"~/features/aaa"}),"."]}),"\n",(0,i.jsx)(s.h2,{id:"\u043e\u043f\u0440\u0435\u0434\u0435\u043b\u0435\u043d\u0438\u044f-\u0441\u043b\u043e\u0451\u0432",children:"\u041e\u043f\u0440\u0435\u0434\u0435\u043b\u0435\u043d\u0438\u044f \u0441\u043b\u043e\u0451\u0432"}),"\n",(0,i.jsx)(s.h3,{id:"shared",children:"Shared"}),"\n",(0,i.jsxs)(s.p,{children:["\u0418\u0437\u043e\u043b\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u044b\u0435 \u043c\u043e\u0434\u0443\u043b\u0438, \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u044b \u0438 \u0430\u0431\u0441\u0442\u0440\u0430\u043a\u0446\u0438\u0438, \u043e\u0442\u0434\u0435\u043b\u044c\u043d\u044b\u0435 \u043e\u0442 \u0441\u043f\u0435\u0446\u0438\u0444\u0438\u043a\u0438 \u043f\u0440\u043e\u0435\u043a\u0442\u0430 \u0438\u043b\u0438 \u0431\u0438\u0437\u043d\u0435\u0441\u0430.\n\u0412\u043d\u0438\u043c\u0430\u043d\u0438\u0435: \u043d\u0435 \u0441\u043b\u0435\u0434\u0443\u0435\u0442 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u044d\u0442\u043e\u0442 \u0441\u043b\u043e\u0439 \u043a\u0430\u043a ",(0,i.jsx)(s.a,{href:"https://sova.dev/ru/why-utils-and-helpers-is-a-dump/",children:"\u0441\u0432\u0430\u043b\u043a\u0443 \u0443\u0442\u0438\u043b\u0438\u0442"}),"!"]}),"\n",(0,i.jsx)(s.p,{children:"\u042d\u0442\u043e\u0442 \u0441\u043b\u043e\u0439, \u0432 \u043e\u0442\u043b\u0438\u0447\u0438\u0435 \u043e\u0442 \u0434\u0440\u0443\u0433\u0438\u0445, \u0441\u043e\u0441\u0442\u043e\u0438\u0442 \u043d\u0435 \u0438\u0437 \u0441\u043b\u0430\u0439\u0441\u043e\u0432, \u0430 \u043d\u0435\u043f\u043e\u0441\u0440\u0435\u0434\u0441\u0442\u0432\u0435\u043d\u043d\u043e \u0438\u0437 \u0441\u0435\u0433\u043c\u0435\u043d\u0442\u043e\u0432."}),"\n",(0,i.jsxs)(s.p,{children:[(0,i.jsx)(s.strong,{children:"\u041f\u0440\u0438\u043c\u0435\u0440\u044b \u0441\u043e\u0434\u0435\u0440\u0436\u0438\u043c\u043e\u0433\u043e"}),":"]}),"\n",(0,i.jsxs)(s.ul,{children:["\n",(0,i.jsx)(s.li,{children:"UI-\u0431\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a\u0430"}),"\n",(0,i.jsx)(s.li,{children:"API-\u043a\u043b\u0438\u0435\u043d\u0442"}),"\n",(0,i.jsx)(s.li,{children:"\u041a\u043e\u0434, \u0440\u0430\u0431\u043e\u0442\u0430\u044e\u0449\u0438\u0439 \u0441 API \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u0430"}),"\n"]}),"\n",(0,i.jsx)(s.h3,{id:"entities",children:"Entities"}),"\n",(0,i.jsx)(s.p,{children:"\u041f\u043e\u043d\u044f\u0442\u0438\u044f \u0438\u0437 \u0440\u0435\u0430\u043b\u044c\u043d\u043e\u0433\u043e \u043c\u0438\u0440\u0430, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u0432\u043c\u0435\u0441\u0442\u0435 \u043e\u0431\u0440\u0430\u0437\u0443\u044e\u0442 \u0441\u0443\u0442\u044c \u043f\u0440\u043e\u0435\u043a\u0442\u0430. \u041a\u0430\u043a \u043f\u0440\u0430\u0432\u0438\u043b\u043e, \u044d\u0442\u043e \u0442\u0435\u0440\u043c\u0438\u043d\u044b, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u0431\u0438\u0437\u043d\u0435\u0441 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u0442 \u0434\u043b\u044f \u043e\u043f\u0438\u0441\u0430\u043d\u0438\u044f \u043f\u0440\u043e\u0434\u0443\u043a\u0442\u0430."}),"\n",(0,i.jsx)(s.p,{children:"\u041a\u0430\u0436\u0434\u044b\u0439 \u0441\u043b\u0430\u0439\u0441 \u044d\u0442\u043e\u0433\u043e \u0441\u043b\u043e\u044f \u0441\u043e\u0434\u0435\u0440\u0436\u0438\u0442 \u0441\u0442\u0430\u0442\u0438\u0447\u0435\u0441\u043a\u0438\u0435 \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u044b \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044c\u0441\u043a\u043e\u0433\u043e \u0438\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441\u0430, \u0445\u0440\u0430\u043d\u0438\u043b\u0438\u0449\u0430 \u0434\u0430\u043d\u043d\u044b\u0445 \u0438 \u043e\u043f\u0435\u0440\u0430\u0446\u0438\u0438 CRUD (\u0441\u043e\u0437\u0434\u0430\u043d\u0438\u0435-\u0447\u0442\u0435\u043d\u0438\u0435-\u0438\u0437\u043c\u0435\u043d\u0435\u043d\u0438\u0435-\u0443\u0434\u0430\u043b\u0435\u043d\u0438\u0435)."}),"\n",(0,i.jsxs)(s.p,{children:[(0,i.jsx)(s.strong,{children:"\u041f\u0440\u0438\u043c\u0435\u0440\u044b \u0441\u043b\u0430\u0439\u0441\u043e\u0432"}),":"]}),"\n",(0,i.jsxs)("table",{children:[(0,i.jsx)("thead",{children:(0,i.jsxs)("tr",{children:[(0,i.jsx)("th",{children:" \u0414\u043b\u044f \u0441\u043e\u0446\u0438\u0430\u043b\u044c\u043d\u043e\u0439 \u0441\u0435\u0442\u0438 "}),(0,i.jsx)("th",{children:" \u0414\u043b\u044f Git-\u0444\u0440\u043e\u043d\u0442\u0435\u043d\u0434\u0430 (\u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, GitHub) "})]})}),(0,i.jsx)("tbody",{children:(0,i.jsxs)("tr",{children:[(0,i.jsx)("td",{children:(0,i.jsxs)("ul",{children:[(0,i.jsx)("li",{children:"\u041f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044c"}),(0,i.jsx)("li",{children:"\u041f\u0443\u0431\u043b\u0438\u043a\u0430\u0446\u0438\u044f"}),(0,i.jsx)("li",{children:"\u0413\u0440\u0443\u043f\u043f\u0430"})]})}),(0,i.jsx)("td",{children:(0,i.jsxs)("ul",{children:[(0,i.jsx)("li",{children:"\u0420\u0435\u043f\u043e\u0437\u0438\u0442\u043e\u0440\u0438\u0439"}),(0,i.jsx)("li",{children:"\u0424\u0430\u0439\u043b"}),(0,i.jsx)("li",{children:"\u041a\u043e\u043c\u043c\u0438\u0442"})]})})]})})]}),"\n",(0,i.jsxs)(s.admonition,{type:"tip",children:[(0,i.jsxs)(s.p,{children:["\u0412\u044b \u043c\u043e\u0436\u0435\u0442\u0435 \u0437\u0430\u043c\u0435\u0442\u0438\u0442\u044c \u0432 \u043f\u0440\u0438\u043c\u0435\u0440\u0435 \u0444\u0440\u043e\u043d\u0442\u0435\u043d\u0434\u0430 \u0434\u043b\u044f Git, \u0447\u0442\u043e ",(0,i.jsx)(s.em,{children:"\u0440\u0435\u043f\u043e\u0437\u0438\u0442\u043e\u0440\u0438\u0439"})," \u0441\u043e\u0434\u0435\u0440\u0436\u0438\u0442 ",(0,i.jsx)(s.em,{children:"\u0444\u0430\u0439\u043b\u044b"}),". \u042d\u0442\u043e \u0434\u0435\u043b\u0430\u0435\u0442 \u0440\u0435\u043f\u043e\u0437\u0438\u0442\u043e\u0440\u0438\u0439 \u0441\u0443\u0449\u043d\u043e\u0441\u0442\u044c\u044e \u0431\u043e\u043b\u0435\u0435 \u0432\u044b\u0441\u043e\u043a\u043e\u0433\u043e \u0443\u0440\u043e\u0432\u043d\u044f, \u0432\u043d\u0443\u0442\u0440\u0438 \u043a\u043e\u0442\u043e\u0440\u043e\u0439 \u0432\u043b\u043e\u0436\u0435\u043d\u044b \u0434\u0440\u0443\u0433\u0438\u0435 \u0441\u0443\u0449\u043d\u043e\u0441\u0442\u0438. \u042d\u0442\u043e \u0447\u0430\u0441\u0442\u0430\u044f \u0441\u0438\u0442\u0443\u0430\u0446\u0438\u044f \u0441 \u0441\u0443\u0449\u043d\u043e\u0441\u0442\u044f\u043c\u0438, \u0438 \u0438\u043d\u043e\u0433\u0434\u0430 \u0442\u0440\u0443\u0434\u043d\u043e \u0438\u043c\u0435\u0442\u044c \u0442\u0430\u043a\u0438\u0435 \u0441\u0443\u0449\u043d\u043e\u0441\u0442\u0438 \u0432\u044b\u0441\u043e\u043a\u043e\u0433\u043e \u0443\u0440\u043e\u0432\u043d\u044f, \u043d\u0435 \u043d\u0430\u0440\u0443\u0448\u0430\u044f \u043f\u0440\u0430\u0432\u0438\u043b\u043e \u0438\u043c\u043f\u043e\u0440\u0442\u043e\u0432 \u0434\u043b\u044f \u0441\u043b\u043e\u0451\u0432."]}),(0,i.jsx)(s.p,{children:"\u0412\u043e\u0442 \u043d\u0435\u0441\u043a\u043e\u043b\u044c\u043a\u043e \u043f\u0440\u0435\u0434\u043b\u043e\u0436\u0435\u043d\u0438\u0439 \u043f\u043e \u0440\u0435\u0448\u0435\u043d\u0438\u044e \u044d\u0442\u043e\u0439 \u043f\u0440\u043e\u0431\u043b\u0435\u043c\u044b:"}),(0,i.jsxs)(s.ul,{children:["\n",(0,i.jsx)(s.li,{children:"UI \u0441\u0443\u0449\u043d\u043e\u0441\u0442\u0435\u0439 \u0434\u043e\u043b\u0436\u0435\u043d \u0441\u043e\u0434\u0435\u0440\u0436\u0430\u0442\u044c \u0441\u043b\u043e\u0442\u044b \u0434\u043b\u044f \u043c\u0435\u0441\u0442, \u043a\u0443\u0434\u0430 \u0431\u0443\u0434\u0443\u0442 \u0432\u0441\u0442\u0430\u0432\u043b\u044f\u0442\u044c\u0441\u044f \u0441\u0443\u0449\u043d\u043e\u0441\u0442\u0438 \u043d\u0438\u0436\u043d\u0435\u0433\u043e \u0443\u0440\u043e\u0432\u043d\u044f"}),"\n",(0,i.jsx)(s.li,{children:"\u0411\u0438\u0437\u043d\u0435\u0441-\u043b\u043e\u0433\u0438\u043a\u0430, \u0441\u0432\u044f\u0437\u0430\u043d\u043d\u0430\u044f \u0441 \u0432\u0437\u0430\u0438\u043c\u043e\u0434\u0435\u0439\u0441\u0442\u0432\u0438\u0435\u043c \u0441\u0443\u0449\u043d\u043e\u0441\u0442\u0435\u0439, \u0434\u043e\u043b\u0436\u043d\u0430 \u0431\u044b\u0442\u044c \u0440\u0430\u0437\u043c\u0435\u0449\u0435\u043d\u0430 \u0432 Features (\u0432 \u0431\u043e\u043b\u044c\u0448\u0438\u043d\u0441\u0442\u0432\u0435 \u0441\u043b\u0443\u0447\u0430\u0435\u0432)"}),"\n",(0,i.jsx)(s.li,{children:"\u0418\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441\u044b \u0441\u0443\u0449\u043d\u043e\u0441\u0442\u0435\u0439 \u0438\u0437 \u0431\u0430\u0437\u044b \u0434\u0430\u043d\u043d\u044b\u0445 \u043c\u043e\u0433\u0443\u0442 \u0431\u044b\u0442\u044c \u0438\u0437\u0432\u043b\u0435\u0447\u0435\u043d\u044b \u0432 \u0441\u043b\u043e\u0439 Shared, \u0440\u044f\u0434\u043e\u043c \u0441 API-\u043a\u043b\u0438\u0435\u043d\u0442\u043e\u043c"}),"\n"]})]}),"\n",(0,i.jsx)(s.h3,{id:"features",children:"Features"}),"\n",(0,i.jsx)(s.p,{children:"\u0414\u0435\u0439\u0441\u0442\u0432\u0438\u044f, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044c \u043c\u043e\u0436\u0435\u0442 \u0441\u043e\u0432\u0435\u0440\u0448\u0430\u0442\u044c \u0432 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0438 \u0434\u043b\u044f \u0432\u0437\u0430\u0438\u043c\u043e\u0434\u0435\u0439\u0441\u0442\u0432\u0438\u044f \u0441 \u0431\u0438\u0437\u043d\u0435\u0441-\u0441\u0443\u0449\u043d\u043e\u0441\u0442\u044f\u043c\u0438, \u0447\u0442\u043e\u0431 \u0434\u043e\u0441\u0442\u0438\u0447\u044c \u0446\u0435\u043d\u043d\u043e\u0433\u043e \u0434\u043b\u044f \u0441\u0435\u0431\u044f \u0440\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442\u0430. \u0421\u044e\u0434\u0430 \u0442\u0430\u043a\u0436\u0435 \u0432\u0445\u043e\u0434\u044f\u0442 \u0434\u0435\u0439\u0441\u0442\u0432\u0438\u044f, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0435 \u0432\u044b\u043f\u043e\u043b\u043d\u044f\u0435\u0442 \u043e\u0442 \u0438\u043c\u0435\u043d\u0438 \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044f, \u0447\u0442\u043e\u0431\u044b \u0441\u043e\u0437\u0434\u0430\u0442\u044c \u0434\u043b\u044f \u043d\u0435\u0433\u043e \u0446\u0435\u043d\u043d\u043e\u0441\u0442\u044c."}),"\n",(0,i.jsxs)(s.p,{children:["\u0421\u043b\u0430\u0439\u0441 \u043d\u0430 \u044d\u0442\u043e\u043c \u0441\u043b\u043e\u0435 \u043c\u043e\u0436\u0435\u0442 \u0441\u043e\u0434\u0435\u0440\u0436\u0430\u0442\u044c ",(0,i.jsx)(s.em,{children:"\u0438\u043d\u0442\u0435\u0440\u0430\u043a\u0442\u0438\u0432\u043d\u044b\u0435"})," \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u044b \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044c\u0441\u043a\u043e\u0433\u043e \u0438\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441\u0430, \u0432\u043d\u0443\u0442\u0440\u0435\u043d\u043d\u0435\u0435 \u0441\u043e\u0441\u0442\u043e\u044f\u043d\u0438\u0435 \u0438 \u0437\u0430\u043f\u0440\u043e\u0441\u044b \u043a API, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u043f\u043e\u0437\u0432\u043e\u043b\u044f\u044e\u0442 \u0432\u044b\u043f\u043e\u043b\u043d\u044f\u0442\u044c \u0434\u0435\u0439\u0441\u0442\u0432\u0438\u044f, \u0441\u043e\u0437\u0434\u0430\u044e\u0449\u0438\u0435 \u0446\u0435\u043d\u043d\u043e\u0441\u0442\u044c."]}),"\n",(0,i.jsxs)(s.p,{children:[(0,i.jsx)(s.strong,{children:"\u041f\u0440\u0438\u043c\u0435\u0440\u044b \u0441\u043b\u0430\u0439\u0441\u043e\u0432"}),":"]}),"\n",(0,i.jsxs)("table",{children:[(0,i.jsx)("thead",{children:(0,i.jsxs)("tr",{children:[(0,i.jsx)("th",{children:" \u0414\u043b\u044f \u0441\u043e\u0446\u0438\u0430\u043b\u044c\u043d\u043e\u0439 \u0441\u0435\u0442\u0438 "}),(0,i.jsx)("th",{children:" \u0414\u043b\u044f Git-\u0444\u0440\u043e\u043d\u0442\u0435\u043d\u0434\u0430 (\u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, GitHub) "}),(0,i.jsx)("th",{children:" \u0414\u0435\u0439\u0441\u0442\u0432\u0438\u044f \u043e\u0442 \u0438\u043c\u0435\u043d\u0438 \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044f "})]})}),(0,i.jsx)("tbody",{children:(0,i.jsxs)("tr",{children:[(0,i.jsx)("td",{children:(0,i.jsxs)("ul",{children:[(0,i.jsx)("li",{children:"\u0410\u0432\u0442\u043e\u0440\u0438\u0437\u043e\u0432\u0430\u0442\u044c\u0441\u044f"}),(0,i.jsx)("li",{children:"\u0421\u043e\u0437\u0434\u0430\u0442\u044c \u043f\u0443\u0431\u043b\u0438\u043a\u0430\u0446\u0438\u044e"}),(0,i.jsx)("li",{children:"\u0412\u0441\u0442\u0443\u043f\u0438\u0442\u044c \u0432 \u0433\u0440\u0443\u043f\u043f\u0443"})]})}),(0,i.jsx)("td",{children:(0,i.jsxs)("ul",{children:[(0,i.jsx)("li",{children:"\u0418\u0437\u043c\u0435\u043d\u0438\u0442\u044c \u0444\u0430\u0439\u043b"}),(0,i.jsx)("li",{children:"\u041e\u0441\u0442\u0430\u0432\u0438\u0442\u044c \u043a\u043e\u043c\u043c\u0435\u043d\u0442\u0430\u0440\u0438\u0439"}),(0,i.jsx)("li",{children:"\u0421\u043b\u0438\u0442\u044c \u0432\u0435\u0442\u043a\u0438"})]})}),(0,i.jsx)("td",{children:(0,i.jsxs)("ul",{children:[(0,i.jsx)("li",{children:"\u0410\u0432\u0442\u043e\u043c\u0430\u0442\u0438\u0447\u0435\u0441\u043a\u0438 \u0432\u043a\u043b\u044e\u0447\u0438\u0442\u044c \u0442\u0451\u043c\u043d\u0443\u044e \u0442\u0435\u043c\u0443"}),(0,i.jsx)("li",{children:"\u0412\u044b\u043f\u043e\u043b\u043d\u0438\u0442\u044c \u0432\u044b\u0447\u0438\u0441\u043b\u0435\u043d\u0438\u044f \u0432 \u0444\u043e\u043d\u0435"}),(0,i.jsx)("li",{children:"\u0414\u0435\u0439\u0441\u0442\u0432\u0438\u044f \u043d\u0430 \u043e\u0441\u043d\u043e\u0432\u0435 User-Agent"})]})})]})})]}),"\n",(0,i.jsx)(s.h3,{id:"widgets",children:"Widgets"}),"\n",(0,i.jsx)(s.p,{children:"\u0421\u0430\u043c\u043e\u0434\u043e\u0441\u0442\u0430\u0442\u043e\u0447\u043d\u044b\u0435 \u0431\u043b\u043e\u043a\u0438 \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044c\u0441\u043a\u043e\u0433\u043e \u0438\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441\u0430 \u0432\u043e\u0437\u043d\u0438\u043a\u043b\u0438 \u0438\u0437 \u043a\u043e\u043c\u043f\u043e\u0437\u0438\u0446\u0438\u0438 \u0435\u0434\u0438\u043d\u0438\u0446 \u0431\u043e\u043b\u0435\u0435 \u043d\u0438\u0437\u043a\u043e\u0433\u043e \u0443\u0440\u043e\u0432\u043d\u044f, \u0442\u0430\u043a\u0438\u0445 \u043a\u0430\u043a \u0441\u0443\u0449\u043d\u043e\u0441\u0442\u0438 \u0438 \u0444\u0443\u043d\u043a\u0446\u0438\u0438."}),"\n",(0,i.jsx)(s.p,{children:"\u042d\u0442\u043e\u0442 \u0441\u043b\u043e\u0439 \u043f\u0440\u0435\u0434\u043e\u0441\u0442\u0430\u0432\u043b\u044f\u0435\u0442 \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e\u0441\u0442\u044c \u0437\u0430\u043f\u043e\u043b\u043d\u0438\u0442\u044c \u0441\u043b\u043e\u0442\u044b, \u043e\u0441\u0442\u0430\u0432\u043b\u0435\u043d\u043d\u044b\u0435 \u0432 \u0438\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441\u0435 \u0441\u0443\u0449\u043d\u043e\u0441\u0442\u0435\u0439, \u0434\u0440\u0443\u0433\u0438\u043c\u0438 \u0441\u0443\u0449\u043d\u043e\u0441\u0442\u044f\u043c\u0438 \u0438 \u0438\u043d\u0442\u0435\u0440\u0430\u043a\u0442\u0438\u0432\u043d\u044b\u043c\u0438 \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u0430\u043c\u0438 \u0438\u0437 \u0444\u0438\u0447. \u041f\u043e\u044d\u0442\u043e\u043c\u0443 \u043e\u0431\u044b\u0447\u043d\u043e \u043d\u0430 \u044d\u0442\u043e\u043c \u0441\u043b\u043e\u0435 \u043d\u0435 \u0440\u0430\u0437\u043c\u0435\u0449\u0430\u0435\u0442\u0441\u044f \u0431\u0438\u0437\u043d\u0435\u0441-\u043b\u043e\u0433\u0438\u043a\u0430, \u0432\u043c\u0435\u0441\u0442\u043e \u044d\u0442\u043e\u0433\u043e \u043e\u043d\u0430 \u0445\u0440\u0430\u043d\u0438\u0442\u0441\u044f \u0432 \u0444\u0438\u0447\u0430\u0445. \u041a\u0430\u0436\u0434\u044b\u0439 \u0441\u043b\u0430\u0439\u0441 \u043d\u0430 \u044d\u0442\u043e\u043c \u0441\u043b\u043e\u0435 \u0441\u043e\u0434\u0435\u0440\u0436\u0438\u0442 \u0433\u043e\u0442\u043e\u0432\u044b\u0435 \u043a \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u044e \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u044b \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044c\u0441\u043a\u043e\u0433\u043e \u0438\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441\u0430 \u0438 \u0438\u043d\u043e\u0433\u0434\u0430 \u043d\u0435-\u0431\u0438\u0437\u043d\u0435\u0441-\u043b\u043e\u0433\u0438\u043a\u0443, \u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, \u0436\u0435\u0441\u0442\u044b, \u0432\u0437\u0430\u0438\u043c\u043e\u0434\u0435\u0439\u0441\u0442\u0432\u0438\u0435 \u0441 \u043a\u043b\u0430\u0432\u0438\u0430\u0442\u0443\u0440\u043e\u0439 \u0438 \u0442.\u0434."}),"\n",(0,i.jsx)(s.p,{children:"\u0418\u043d\u043e\u0433\u0434\u0430 \u0443\u0434\u043e\u0431\u043d\u0435\u0435 \u0440\u0430\u0437\u043c\u0435\u0441\u0442\u0438\u0442\u044c \u0431\u0438\u0437\u043d\u0435\u0441-\u043b\u043e\u0433\u0438\u043a\u0443 \u043d\u0430 \u044d\u0442\u043e\u043c \u0441\u043b\u043e\u0435. \u0417\u0430\u0447\u0430\u0441\u0442\u0443\u044e, \u044d\u0442\u043e \u043f\u0440\u043e\u0438\u0441\u0445\u043e\u0434\u0438\u0442 \u0442\u043e\u0433\u0434\u0430, \u043a\u043e\u0433\u0434\u0430 \u0432\u0438\u0434\u0436\u0435\u0442 \u0438\u043c\u0435\u0435\u0442 \u0434\u043e\u0432\u043e\u043b\u044c\u043d\u043e \u043c\u043d\u043e\u0433\u043e \u0438\u043d\u0442\u0435\u0440\u0430\u043a\u0442\u0438\u0432\u043d\u043e\u0441\u0442\u0438 (\u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, \u0438\u043d\u0442\u0435\u0440\u0430\u043a\u0442\u0438\u0432\u043d\u044b\u0435 \u0442\u0430\u0431\u043b\u0438\u0446\u044b) \u0438 \u0431\u0438\u0437\u043d\u0435\u0441-\u043b\u043e\u0433\u0438\u043a\u0430 \u0432 \u043d\u0451\u043c \u043d\u0435 \u043f\u0435\u0440\u0435\u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u0442\u0441\u044f."}),"\n",(0,i.jsxs)(s.p,{children:[(0,i.jsx)(s.strong,{children:"\u041f\u0440\u0438\u043c\u0435\u0440\u044b \u0441\u043b\u0430\u0439\u0441\u043e\u0432"}),":"]}),"\n",(0,i.jsxs)("table",{children:[(0,i.jsx)("thead",{children:(0,i.jsxs)("tr",{children:[(0,i.jsx)("th",{children:" \u0414\u043b\u044f \u0441\u043e\u0446\u0438\u0430\u043b\u044c\u043d\u043e\u0439 \u0441\u0435\u0442\u0438 "}),(0,i.jsx)("th",{children:" \u0414\u043b\u044f Git-\u0444\u0440\u043e\u043d\u0442\u0435\u043d\u0434\u0430 (\u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, GitHub) "})]})}),(0,i.jsx)("tbody",{children:(0,i.jsxs)("tr",{children:[(0,i.jsx)("td",{children:(0,i.jsxs)("ul",{children:[(0,i.jsx)("li",{children:"\u041a\u0430\u0440\u0442\u043e\u0447\u043a\u0430 \u043f\u0443\u0431\u043b\u0438\u043a\u0430\u0446\u0438\u0438"}),(0,i.jsx)("li",{children:"\u0428\u0430\u043f\u043a\u0430 \u043f\u0440\u043e\u0444\u0438\u043b\u044f \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044f (\u0441 \u0434\u0435\u0439\u0441\u0442\u0432\u0438\u044f\u043c\u0438)"})]})}),(0,i.jsx)("td",{children:(0,i.jsxs)("ul",{children:[(0,i.jsx)("li",{children:"\u0421\u043f\u0438\u0441\u043e\u043a \u0444\u0430\u0439\u043b\u043e\u0432 \u0432 \u0440\u0435\u043f\u043e\u0437\u0438\u0442\u043e\u0440\u0438\u0438 (\u0441 \u0434\u0435\u0439\u0441\u0442\u0432\u0438\u044f\u043c\u0438)"}),(0,i.jsx)("li",{children:"\u041a\u043e\u043c\u043c\u0435\u043d\u0442\u0430\u0440\u0438\u0439 \u0432 \u0432\u0435\u0442\u043a\u0435 \u043a\u043e\u043c\u043c\u0435\u043d\u0442\u0430\u0440\u0438\u0435\u0432"}),(0,i.jsx)("li",{children:"\u041a\u0430\u0440\u0442\u043e\u0447\u043a\u0430 \u0440\u0435\u043f\u043e\u0437\u0438\u0442\u043e\u0440\u0438\u044f"})]})})]})})]}),"\n",(0,i.jsx)(s.admonition,{type:"tip",children:(0,i.jsxs)(s.p,{children:["\u0415\u0441\u043b\u0438 \u0432\u044b \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u0442\u0435 \u0432\u043b\u043e\u0436\u0435\u043d\u043d\u0443\u044e \u0441\u0438\u0441\u0442\u0435\u043c\u0443 \u043c\u0430\u0440\u0448\u0440\u0443\u0442\u0438\u0437\u0430\u0446\u0438\u0438 (\u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, \u0440\u043e\u0443\u0442\u0435\u0440 ",(0,i.jsx)(s.a,{href:"https://remix.run",children:"Remix"}),"), \u043c\u043e\u0436\u0435\u0442 \u0431\u044b\u0442\u044c \u043f\u043e\u043b\u0435\u0437\u043d\u043e \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u0441\u043b\u043e\u0439 Widgets \u0430\u043d\u0430\u043b\u043e\u0433\u0438\u0447\u043d\u043e \u0441\u043b\u043e\u044e Pages \u0432 \u043f\u043b\u043e\u0441\u043a\u043e\u0439 \u0441\u0438\u0441\u0442\u0435\u043c\u0435 \u043c\u0430\u0440\u0448\u0440\u0443\u0442\u0438\u0437\u0430\u0446\u0438\u0438 - \u0434\u043b\u044f \u0441\u043e\u0437\u0434\u0430\u043d\u0438\u044f \u043f\u043e\u043b\u043d\u043e\u0446\u0435\u043d\u043d\u044b\u0445 \u0438\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441\u043d\u044b\u0445 \u0431\u043b\u043e\u043a\u043e\u0432 \u0441 \u043f\u043e\u043b\u0443\u0447\u0435\u043d\u0438\u0435\u043c \u0441\u043e\u043e\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0443\u044e\u0449\u0438\u0445 \u0434\u0430\u043d\u043d\u044b\u0445 \u0441 \u0431\u044d\u043a\u0435\u043d\u0434\u0430, \u0441\u043e\u0441\u0442\u043e\u044f\u043d\u0438\u044f\u043c\u0438 \u0437\u0430\u0433\u0440\u0443\u0437\u043a\u0438 \u0438 \u043e\u0433\u0440\u0430\u043d\u0438\u0447\u0438\u0442\u0435\u043b\u044f\u043c\u0438 \u043e\u0448\u0438\u0431\u043e\u043a. \u0422\u0430\u043a\u0436\u0435 \u0437\u0434\u0435\u0441\u044c \u043c\u043e\u0436\u043d\u043e \u0440\u0430\u0437\u043c\u0435\u0441\u0442\u0438\u0442\u044c \u043b\u0435\u0439\u0430\u0443\u0442\u044b \u0434\u043b\u044f \u0441\u043b\u043e\u044f Pages."]})}),"\n",(0,i.jsx)(s.h3,{id:"pages",children:"Pages"}),"\n",(0,i.jsx)(s.p,{children:"\u041f\u043e\u043b\u043d\u043e\u0446\u0435\u043d\u043d\u044b\u0435 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b \u0434\u043b\u044f \u0441\u0442\u0440\u0430\u043d\u0438\u0447\u043d\u044b\u0445 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0439 (\u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, \u0432\u0435\u0431-\u0441\u0430\u0439\u0442\u043e\u0432) \u0438\u043b\u0438 \u044d\u043a\u0440\u0430\u043d\u044b/\u0430\u043a\u0442\u0438\u0432\u043d\u043e\u0441\u0442\u0438 \u0434\u043b\u044f \u044d\u043a\u0440\u0430\u043d\u043d\u044b\u0445 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0439 (\u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, \u043c\u043e\u0431\u0438\u043b\u044c\u043d\u044b\u0445 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0439)."}),"\n",(0,i.jsx)(s.p,{children:"\u041f\u043e \u0441\u0432\u043e\u0435\u0439 \u043a\u043e\u043c\u043f\u043e\u0437\u0438\u0446\u0438\u043e\u043d\u043d\u043e\u0439 \u043f\u0440\u0438\u0440\u043e\u0434\u0435 \u044d\u0442\u043e\u0442 \u0441\u043b\u043e\u0439 \u043f\u043e\u0445\u043e\u0436 \u043d\u0430 Widgets, \u0445\u043e\u0442\u044c \u0438 \u0432 \u0431\u043e\u043b\u044c\u0448\u0435\u043c \u043c\u0430\u0441\u0448\u0442\u0430\u0431\u0435. \u041a\u0430\u0436\u0434\u044b\u0439 \u0441\u043b\u0430\u0439\u0441 \u043d\u0430 \u044d\u0442\u043e\u043c \u0441\u043b\u043e\u0435 \u0441\u043e\u0434\u0435\u0440\u0436\u0438\u0442 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u044b \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044c\u0441\u043a\u043e\u0433\u043e \u0438\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441\u0430, \u0433\u043e\u0442\u043e\u0432\u044b\u0435 \u043a \u043f\u043e\u0434\u043a\u043b\u044e\u0447\u0435\u043d\u0438\u044e \u043a \u0440\u043e\u0443\u0442\u0435\u0440\u0443, \u0430 \u0442\u0430\u043a\u0436\u0435 \u043c\u043e\u0436\u0435\u0442 \u0441\u043e\u0434\u0435\u0440\u0436\u0430\u0442\u044c \u043b\u043e\u0433\u0438\u043a\u0443 \u043f\u043e\u043b\u0443\u0447\u0435\u043d\u0438\u044f \u0434\u0430\u043d\u043d\u044b\u0445 \u0438 \u043e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u0438 \u043e\u0448\u0438\u0431\u043e\u043a."}),"\n",(0,i.jsxs)(s.p,{children:[(0,i.jsx)(s.strong,{children:"\u041f\u0440\u0438\u043c\u0435\u0440\u044b \u0441\u043b\u0430\u0439\u0441\u043e\u0432"}),":"]}),"\n",(0,i.jsxs)("table",{children:[(0,i.jsx)("thead",{children:(0,i.jsxs)("tr",{children:[(0,i.jsx)("th",{children:" \u0414\u043b\u044f \u0441\u043e\u0446\u0438\u0430\u043b\u044c\u043d\u043e\u0439 \u0441\u0435\u0442\u0438 "}),(0,i.jsx)("th",{children:" \u0414\u043b\u044f Git-\u0444\u0440\u043e\u043d\u0442\u0435\u043d\u0434\u0430 (\u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, GitHub) "})]})}),(0,i.jsx)("tbody",{children:(0,i.jsxs)("tr",{children:[(0,i.jsx)("td",{children:(0,i.jsxs)("ul",{children:[(0,i.jsx)("li",{children:"\u041b\u0435\u043d\u0442\u0430 \u043d\u043e\u0432\u043e\u0441\u0442\u0435\u0439"}),(0,i.jsx)("li",{children:"\u0421\u0442\u0440\u0430\u043d\u0438\u0446\u0430 \u0441\u043e\u043e\u0431\u0449\u0435\u0441\u0442\u0432\u0430"}),(0,i.jsx)("li",{children:"\u041f\u0443\u0431\u043b\u0438\u0447\u043d\u044b\u0439 \u043f\u0440\u043e\u0444\u0438\u043b\u044c \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044f"})]})}),(0,i.jsx)("td",{children:(0,i.jsxs)("ul",{children:[(0,i.jsx)("li",{children:"\u0421\u0442\u0440\u0430\u043d\u0438\u0446\u0430 \u0440\u0435\u043f\u043e\u0437\u0438\u0442\u043e\u0440\u0438\u044f"}),(0,i.jsx)("li",{children:"\u0420\u0435\u043f\u043e\u0437\u0438\u0442\u043e\u0440\u0438\u0438 \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044f"}),(0,i.jsx)("li",{children:"\u0412\u0435\u0442\u043a\u0438 \u0432 \u0440\u0435\u043f\u043e\u0437\u0438\u0442\u043e\u0440\u0438\u0438"})]})})]})})]}),"\n",(0,i.jsx)(s.h3,{id:"processes",children:"Processes"}),"\n",(0,i.jsx)(s.admonition,{type:"caution",children:(0,i.jsxs)(s.p,{children:["\u042d\u0442\u043e\u0442 \u0441\u043b\u043e\u0439 \u0441\u0447\u0438\u0442\u0430\u0435\u0442\u0441\u044f \u0443\u0441\u0442\u0430\u0440\u0435\u0432\u0448\u0438\u043c. \u0422\u0435\u043a\u0443\u0449\u0430\u044f \u0432\u0435\u0440\u0441\u0438\u044f \u0441\u043f\u0435\u0446\u0438\u0444\u0438\u043a\u0430\u0446\u0438\u0438 \u0440\u0435\u043a\u043e\u043c\u0435\u043d\u0434\u0443\u0435\u0442 \u0438\u0437\u0431\u0435\u0433\u0430\u0442\u044c \u0435\u0433\u043e \u0438 \u043f\u0435\u0440\u0435\u043c\u0435\u0449\u0430\u0442\u044c \u0435\u0433\u043e \u0441\u043e\u0434\u0435\u0440\u0436\u0438\u043c\u043e\u0435 \u0432 ",(0,i.jsx)(s.code,{children:"features"})," \u0438 ",(0,i.jsx)(s.code,{children:"app"}),"."]})}),"\n",(0,i.jsx)(s.p,{children:"\u0412\u044b\u0445\u043e\u0434 \u0438\u0437 \u0441\u0438\u0442\u0443\u0430\u0446\u0438\u0439, \u043a\u043e\u0433\u0434\u0430 \u0442\u0440\u0435\u0431\u0443\u0435\u0442\u0441\u044f \u0441\u043b\u043e\u0436\u043d\u043e\u0435 \u043c\u043d\u043e\u0433\u043e\u0441\u0442\u0440\u0430\u043d\u0438\u0447\u043d\u043e\u0435 \u0432\u0437\u0430\u0438\u043c\u043e\u0434\u0435\u0439\u0441\u0442\u0432\u0438\u0435."}),"\n",(0,i.jsx)(s.p,{children:"\u042d\u0442\u043e\u0442 \u0443\u0440\u043e\u0432\u0435\u043d\u044c \u043d\u0430\u043c\u0435\u0440\u0435\u043d\u043d\u043e \u043e\u0441\u0442\u0430\u0432\u043b\u0435\u043d \u043d\u0435 \u043e\u0447\u0435\u043d\u044c \u043e\u043f\u0440\u0435\u0434\u0435\u043b\u0435\u043d\u043d\u044b\u043c. \u0411\u043e\u043b\u044c\u0448\u0438\u043d\u0441\u0442\u0432\u0443 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0439 \u044d\u0442\u043e\u0442 \u0441\u043b\u043e\u0439 \u043d\u0435 \u043f\u0440\u0438\u0433\u043e\u0434\u0438\u0442\u0441\u044f, \u043b\u043e\u0433\u0438\u043a\u0443 \u043d\u0430 \u0443\u0440\u043e\u0432\u043d\u0435 \u0440\u043e\u0443\u0442\u0435\u0440\u0430 \u0438 \u0441\u0435\u0440\u0432\u0435\u0440\u0430 \u0441\u043b\u0435\u0434\u0443\u0435\u0442 \u043e\u0441\u0442\u0430\u0432\u0438\u0442\u044c \u043d\u0430 \u0443\u0440\u043e\u0432\u043d\u0435 App. \u0420\u0430\u0441\u0441\u043c\u043e\u0442\u0440\u0438\u0442\u0435 \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e\u0441\u0442\u044c \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u044f \u044d\u0442\u043e\u0433\u043e \u0441\u043b\u043e\u044f \u0442\u043e\u043b\u044c\u043a\u043e \u0442\u043e\u0433\u0434\u0430, \u043a\u043e\u0433\u0434\u0430 \u0441\u043b\u043e\u0439 App \u0432\u044b\u0440\u0430\u0441\u0442\u0435\u0442 \u043d\u0430\u0441\u0442\u043e\u043b\u044c\u043a\u043e, \u0447\u0442\u043e \u0441\u0442\u0430\u043d\u0435\u0442 \u043d\u0435\u043f\u043e\u0434\u0434\u0435\u0440\u0436\u0438\u0432\u0430\u0435\u043c\u044b\u043c \u0438 \u043f\u043e\u0442\u0440\u0435\u0431\u0443\u0435\u0442 \u0440\u0430\u0437\u0433\u0440\u0443\u0437\u043a\u0438."}),"\n",(0,i.jsx)(s.h3,{id:"app",children:"App"}),"\n",(0,i.jsx)(s.p,{children:"\u0412\u0441\u0451, \u0447\u0442\u043e \u043a\u0430\u0441\u0430\u0435\u0442\u0441\u044f \u0432\u0441\u0435\u0433\u043e \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f, \u043a\u0430\u043a \u0432 \u0442\u0435\u0445\u043d\u0438\u0447\u0435\u0441\u043a\u043e\u043c \u0441\u043c\u044b\u0441\u043b\u0435 (\u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, \u043f\u0440\u043e\u0432\u0430\u0439\u0434\u0435\u0440\u044b \u043a\u043e\u043d\u0442\u0435\u043a\u0441\u0442\u0430), \u0442\u0430\u043a \u0438 \u0432 \u0431\u0438\u0437\u043d\u0435\u0441-\u0441\u043c\u044b\u0441\u043b\u0435 (\u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, \u0430\u043d\u0430\u043b\u0438\u0442\u0438\u043a\u0430)."}),"\n",(0,i.jsx)(s.p,{children:"\u042d\u0442\u043e\u0442 \u0441\u043b\u043e\u0439 \u043e\u0431\u044b\u0447\u043d\u043e \u043d\u0435 \u0441\u043e\u0434\u0435\u0440\u0436\u0438\u0442 \u0441\u043b\u0430\u0439\u0441\u043e\u0432, \u043a\u0430\u043a \u0438 Shared, \u0432\u043c\u0435\u0441\u0442\u043e \u044d\u0442\u043e\u0433\u043e \u043e\u043d \u0441\u043e\u0434\u0435\u0440\u0436\u0438\u0442 \u043d\u0435\u043f\u043e\u0441\u0440\u0435\u0434\u0441\u0442\u0432\u0435\u043d\u043d\u043e \u0441\u0435\u0433\u043c\u0435\u043d\u0442\u044b."}),"\n",(0,i.jsxs)(s.p,{children:[(0,i.jsx)(s.strong,{children:"\u041f\u0440\u0438\u043c\u0435\u0440\u044b \u0441\u043e\u0434\u0435\u0440\u0436\u0438\u043c\u043e\u0433\u043e"}),":"]}),"\n",(0,i.jsxs)(s.ul,{children:["\n",(0,i.jsx)(s.li,{children:"\u0421\u0442\u0438\u043b\u0438"}),"\n",(0,i.jsx)(s.li,{children:"\u0420\u043e\u0443\u0442\u0435\u0440"}),"\n",(0,i.jsx)(s.li,{children:"\u0425\u0440\u0430\u043d\u0438\u043b\u0438\u0449\u0430 \u0434\u0430\u043d\u043d\u044b\u0445 \u0438 \u043f\u0440\u043e\u0447\u0438\u0435 \u043f\u0440\u043e\u0432\u0430\u0439\u0434\u0435\u0440\u044b \u043a\u043e\u043d\u0442\u0435\u043a\u0441\u0442\u0430"}),"\n",(0,i.jsx)(s.li,{children:"\u0418\u043d\u0438\u0446\u0438\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u044f \u0430\u043d\u0430\u043b\u0438\u0442\u0438\u043a\u0438"}),"\n"]})]})}function j(e={}){const{wrapper:s}={...(0,r.R)(),...e.components};return s?(0,i.jsx)(s,{...e,children:(0,i.jsx)(x,{...e})}):x(e)}},1100:(e,s,n)=>{n.d(s,{R:()=>d,x:()=>c});var i=n(758);const r={},l=i.createContext(r);function d(e){const s=i.useContext(l);return i.useMemo((function(){return"function"==typeof e?e(s):{...s,...e}}),[s,e])}function c(e){let s;return s=e.disableParentContext?"function"==typeof e.components?e.components(r):e.components||r:d(e.components),i.createElement(l.Provider,{value:s},e.children)}}}]);
\ No newline at end of file
+"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[6744],{7716:(e,s,n)=>{n.r(s),n.d(s,{assets:()=>t,contentTitle:()=>d,default:()=>j,frontMatter:()=>l,metadata:()=>c,toc:()=>h});var i=n(6070),r=n(1100);const l={sidebar_position:1,pagination_next:"reference/slices-segments"},d="\u0421\u043b\u043e\u0438",c={id:"reference/layers",title:"\u0421\u043b\u043e\u0438",description:"\u0421\u043b\u043e\u0438 - \u044d\u0442\u043e \u043f\u0435\u0440\u0432\u044b\u0439 \u0443\u0440\u043e\u0432\u0435\u043d\u044c \u043e\u0440\u0433\u0430\u043d\u0438\u0437\u0430\u0446\u0438\u043e\u043d\u043d\u043e\u0439 \u0438\u0435\u0440\u0430\u0440\u0445\u0438\u0438 \u0432 Feature-Sliced Design. \u0418\u0445 \u0446\u0435\u043b\u044c - \u0440\u0430\u0437\u0434\u0435\u043b\u0438\u0442\u044c \u043a\u043e\u0434 \u043d\u0430 \u043e\u0441\u043d\u043e\u0432\u0435 \u0442\u043e\u0433\u043e, \u0441\u043a\u043e\u043b\u044c\u043a\u043e \u043e\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0435\u043d\u043d\u043e\u0441\u0442\u0438 \u0435\u043c\u0443 \u0442\u0440\u0435\u0431\u0443\u0435\u0442\u0441\u044f \u0438 \u043e\u0442 \u0441\u043a\u043e\u043b\u044c\u043a\u0438\u0445 \u0434\u0440\u0443\u0433\u0438\u0445 \u043c\u043e\u0434\u0443\u043b\u0435\u0439 \u0432 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0438 \u043e\u043d \u0437\u0430\u0432\u0438\u0441\u0438\u0442.",source:"@site/i18n/ru/docusaurus-plugin-content-docs/current/reference/layers.mdx",sourceDirName:"reference",slug:"/reference/layers",permalink:"/ru/docs/reference/layers",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/ru/docusaurus-plugin-content-docs/current/reference/layers.mdx",tags:[],version:"current",lastUpdatedAt:1728325386e3,sidebarPosition:1,frontMatter:{sidebar_position:1,pagination_next:"reference/slices-segments"},sidebar:"referenceSidebar",previous:{title:"\ud83d\udcda \u0421\u043f\u0440\u0430\u0432\u043e\u0447\u043d\u0438\u043a",permalink:"/ru/docs/reference/"},next:{title:"\u0421\u043b\u0430\u0439\u0441\u044b \u0438 \u0441\u0435\u0433\u043c\u0435\u043d\u0442\u044b",permalink:"/ru/docs/reference/slices-segments"}},t={},h=[{value:"\u041f\u0440\u0430\u0432\u0438\u043b\u043e \u0438\u043c\u043f\u043e\u0440\u0442\u043e\u0432 \u0434\u043b\u044f \u0441\u043b\u043e\u0451\u0432",id:"import-rule-on-layers",level:2},{value:"\u041e\u043f\u0440\u0435\u0434\u0435\u043b\u0435\u043d\u0438\u044f \u0441\u043b\u043e\u0451\u0432",id:"\u043e\u043f\u0440\u0435\u0434\u0435\u043b\u0435\u043d\u0438\u044f-\u0441\u043b\u043e\u0451\u0432",level:2},{value:"Shared",id:"shared",level:3},{value:"Entities",id:"entities",level:3},{value:"Features",id:"features",level:3},{value:"Widgets",id:"widgets",level:3},{value:"Pages",id:"pages",level:3},{value:"Processes",id:"processes",level:3},{value:"App",id:"app",level:3}];function x(e){const s={a:"a",admonition:"admonition",blockquote:"blockquote",code:"code",em:"em",h1:"h1",h2:"h2",h3:"h3",header:"header",li:"li",ol:"ol",p:"p",strong:"strong",ul:"ul",...(0,r.R)(),...e.components};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(s.header,{children:(0,i.jsx)(s.h1,{id:"\u0441\u043b\u043e\u0438",children:"\u0421\u043b\u043e\u0438"})}),"\n",(0,i.jsx)(s.p,{children:"\u0421\u043b\u043e\u0438 - \u044d\u0442\u043e \u043f\u0435\u0440\u0432\u044b\u0439 \u0443\u0440\u043e\u0432\u0435\u043d\u044c \u043e\u0440\u0433\u0430\u043d\u0438\u0437\u0430\u0446\u0438\u043e\u043d\u043d\u043e\u0439 \u0438\u0435\u0440\u0430\u0440\u0445\u0438\u0438 \u0432 Feature-Sliced Design. \u0418\u0445 \u0446\u0435\u043b\u044c - \u0440\u0430\u0437\u0434\u0435\u043b\u0438\u0442\u044c \u043a\u043e\u0434 \u043d\u0430 \u043e\u0441\u043d\u043e\u0432\u0435 \u0442\u043e\u0433\u043e, \u0441\u043a\u043e\u043b\u044c\u043a\u043e \u043e\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0435\u043d\u043d\u043e\u0441\u0442\u0438 \u0435\u043c\u0443 \u0442\u0440\u0435\u0431\u0443\u0435\u0442\u0441\u044f \u0438 \u043e\u0442 \u0441\u043a\u043e\u043b\u044c\u043a\u0438\u0445 \u0434\u0440\u0443\u0433\u0438\u0445 \u043c\u043e\u0434\u0443\u043b\u0435\u0439 \u0432 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0438 \u043e\u043d \u0437\u0430\u0432\u0438\u0441\u0438\u0442."}),"\n",(0,i.jsx)(s.admonition,{type:"note",children:(0,i.jsxs)(s.p,{children:["\u041d\u0430 \u044d\u0442\u043e\u0439 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0435 ",(0,i.jsx)(s.em,{children:"\u043c\u043e\u0434\u0443\u043b\u044c"})," \u043e\u0437\u043d\u0430\u0447\u0430\u0435\u0442 \u0432\u043d\u0443\u0442\u0440\u0435\u043d\u043d\u0438\u0439 \u043c\u043e\u0434\u0443\u043b\u044c \u0432 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0438 - \u0444\u0430\u0439\u043b \u0438\u043b\u0438 \u043a\u0430\u0442\u0430\u043b\u043e\u0433 \u0441 \u0438\u043d\u0434\u0435\u043a\u0441\u043d\u044b\u043c \u0444\u0430\u0439\u043b\u043e\u043c. \u041d\u0435 \u043f\u0443\u0442\u0430\u0442\u044c \u0441 npm-\u043f\u0430\u043a\u0435\u0442\u0430\u043c\u0438."]})}),"\n",(0,i.jsx)(s.p,{children:"\u041a\u0430\u0436\u0434\u044b\u0439 \u0441\u043b\u043e\u0439 \u043d\u0435\u0441\u0435\u0442 \u0432 \u0441\u0435\u0431\u0435 \u043e\u0441\u043e\u0431\u044b\u0439 \u0441\u0435\u043c\u0430\u043d\u0442\u0438\u0447\u0435\u0441\u043a\u0438\u0439 \u0441\u043c\u044b\u0441\u043b, \u043f\u043e\u043c\u043e\u0433\u0430\u044e\u0449\u0438\u0439 \u043e\u043f\u0440\u0435\u0434\u0435\u043b\u0438\u0442\u044c, \u043a\u0430\u043a\u0443\u044e \u043e\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0435\u043d\u043d\u043e\u0441\u0442\u044c \u0441\u043b\u0435\u0434\u0443\u0435\u0442 \u0432\u043e\u0437\u043b\u043e\u0436\u0438\u0442\u044c \u043d\u0430 \u043c\u043e\u0434\u0443\u043b\u044c \u0432 \u0432\u0430\u0448\u0435\u043c \u043a\u043e\u0434\u0435. \u041d\u0430\u0437\u0432\u0430\u043d\u0438\u044f \u0438 \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u044f \u0441\u043b\u043e\u0451\u0432 \u0441\u0442\u0430\u043d\u0434\u0430\u0440\u0442\u0438\u0437\u0438\u0440\u043e\u0432\u0430\u043d\u044b \u0434\u043b\u044f \u0432\u0441\u0435\u0445 \u043f\u0440\u043e\u0435\u043a\u0442\u043e\u0432, \u043f\u043e\u0441\u0442\u0440\u043e\u0435\u043d\u043d\u044b\u0445 \u0441 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u0435\u043c Feature-Sliced Design."}),"\n",(0,i.jsxs)(s.p,{children:["\u0412\u0441\u0435\u0433\u043e \u0441\u0443\u0449\u0435\u0441\u0442\u0432\u0443\u0435\u0442 ",(0,i.jsx)(s.strong,{children:"7 \u0441\u043b\u043e\u0451\u0432"}),", \u0440\u0430\u0441\u043f\u043e\u043b\u043e\u0436\u0435\u043d\u043d\u044b\u0445 \u043e\u0442 \u043d\u0430\u0438\u0431\u043e\u043b\u044c\u0448\u0435\u0439 \u043e\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0435\u043d\u043d\u043e\u0441\u0442\u0438 \u0438\xa0\u0437\u0430\u0432\u0438\u0441\u0438\u043c\u043e\u0441\u0442\u0438 \u043a \u043d\u0430\u0438\u043c\u0435\u043d\u044c\u0448\u0435\u0439:"]}),"\n",(0,i.jsx)("img",{src:"/img/layers/folders-graphic-light.svg#light-mode-only",width:"180",style:{float:"right",margin:"0 1em"},alt:"\u0414\u0435\u0440\u0435\u0432\u043e \u0444\u0430\u0439\u043b\u043e\u0432\u043e\u0439 \u0441\u0438\u0441\u0442\u0435\u043c\u044b \u0441 \u043e\u0434\u043d\u043e\u0439 \u043a\u043e\u0440\u043d\u0435\u0432\u043e\u0439 \u043f\u0430\u043f\u043a\u043e\u0439 src \u0438 \u0441\u0435\u043c\u044c\u044e \u043f\u043e\u0434\u043f\u0430\u043f\u043a\u0430\u043c\u0438: app, processes, pages, widgets, features, entities, shared. \u041f\u0430\u043f\u043a\u0430 processes \u043e\u0442\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0430 \u043d\u0435\u043c\u043d\u043e\u0433\u043e \u0442\u0443\u0441\u043a\u043b\u043e."}),"\n",(0,i.jsx)("img",{src:"/img/layers/folders-graphic-dark.svg#dark-mode-only",width:"180",style:{float:"right",margin:"0 1em"},alt:"\u0414\u0435\u0440\u0435\u0432\u043e \u0444\u0430\u0439\u043b\u043e\u0432\u043e\u0439 \u0441\u0438\u0441\u0442\u0435\u043c\u044b \u0441 \u043e\u0434\u043d\u043e\u0439 \u043a\u043e\u0440\u043d\u0435\u0432\u043e\u0439 \u043f\u0430\u043f\u043a\u043e\u0439 src \u0438 \u0441\u0435\u043c\u044c\u044e \u043f\u043e\u0434\u043f\u0430\u043f\u043a\u0430\u043c\u0438: app, processes, pages, widgets, features, entities, shared. \u041f\u0430\u043f\u043a\u0430 processes \u043e\u0442\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0430 \u043d\u0435\u043c\u043d\u043e\u0433\u043e \u0442\u0443\u0441\u043a\u043b\u043e."}),"\n",(0,i.jsxs)(s.ol,{children:["\n",(0,i.jsx)(s.li,{children:"App (\u041f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0435)"}),"\n",(0,i.jsx)(s.li,{children:"Processes (\u041f\u0440\u043e\u0446\u0435\u0441\u0441\u044b, \u0443\u0441\u0442\u0430\u0440\u0435\u0432\u0448\u0438\u0439 \u0441\u043b\u043e\u0439)"}),"\n",(0,i.jsx)(s.li,{children:"Pages (\u0421\u0442\u0440\u0430\u043d\u0438\u0446\u044b)"}),"\n",(0,i.jsx)(s.li,{children:"Widgets (\u0412\u0438\u0434\u0436\u0435\u0442\u044b)"}),"\n",(0,i.jsx)(s.li,{children:"Features (\u0424\u0438\u0447\u0438/\u0444\u0443\u043d\u043a\u0446\u0438\u0438)"}),"\n",(0,i.jsx)(s.li,{children:"Entities (\u0421\u0443\u0449\u043d\u043e\u0441\u0442\u0438)"}),"\n",(0,i.jsx)(s.li,{children:"Shared (\u041e\u0431\u0449\u0438\u0439)"}),"\n"]}),"\n",(0,i.jsx)(s.p,{children:"\u0412\u044b \u043d\u0435 \u043e\u0431\u044f\u0437\u0430\u043d\u044b \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u0432\u0441\u0435 \u0441\u043b\u043e\u0438 \u0432 \u0441\u0432\u043e\u0435\u043c \u043f\u0440\u043e\u0435\u043a\u0442\u0435 - \u0434\u043e\u0431\u0430\u0432\u043b\u044f\u0439\u0442\u0435 \u0442\u043e\u043b\u044c\u043a\u043e \u0442\u0435, \u0447\u0442\u043e \u043f\u0440\u0438\u043d\u043e\u0441\u044f\u0442 \u043f\u043e\u043b\u044c\u0437\u0443 \u0432\u0430\u0448\u0435\u043c\u0443 \u043f\u0440\u043e\u0435\u043a\u0442\u0443."}),"\n",(0,i.jsx)(s.h2,{id:"import-rule-on-layers",children:"\u041f\u0440\u0430\u0432\u0438\u043b\u043e \u0438\u043c\u043f\u043e\u0440\u0442\u043e\u0432 \u0434\u043b\u044f \u0441\u043b\u043e\u0451\u0432"}),"\n",(0,i.jsxs)(s.p,{children:["\u0421\u043b\u043e\u0438 \u0441\u043e\u0441\u0442\u043e\u044f\u0442 \u0438\u0437 ",(0,i.jsx)(s.em,{children:"\u0441\u043b\u0430\u0439\u0441\u043e\u0432"})," \u2014 \u0441\u0438\u043b\u044c\u043d\u043e \u0441\u0446\u0435\u043f\u043b\u0435\u043d\u043d\u044b\u0445 \u0433\u0440\u0443\u043f\u043f \u043c\u043e\u0434\u0443\u043b\u0435\u0439. Feature-Sliced Design \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u0438\u0432\u0430\u0435\u0442 \u043d\u0438\u0437\u043a\u0443\u044e \u0441\u0432\u044f\u0437\u0430\u043d\u043d\u043e\u0441\u0442\u044c, \u043f\u043e\u044d\u0442\u043e\u043c\u0443 \u0437\u0430\u0432\u0438\u0441\u0438\u043c\u043e\u0441\u0442\u0438 \u043c\u0435\u0436\u0434\u0443 \u0441\u043b\u0430\u0439\u0441\u0430\u043c\u0438 \u0440\u0435\u0433\u0443\u043b\u0438\u0440\u0443\u044e\u0442\u0441\u044f ",(0,i.jsx)(s.strong,{children:"\u043f\u0440\u0430\u0432\u0438\u043b\u043e\u043c \u0438\u043c\u043f\u043e\u0440\u0442\u043e\u0432 \u0434\u043b\u044f \u0441\u043b\u043e\u0451\u0432"}),":"]}),"\n",(0,i.jsxs)(s.blockquote,{children:["\n",(0,i.jsx)(s.p,{children:(0,i.jsx)(s.em,{children:"\u041c\u043e\u0434\u0443\u043b\u044c \u0432 \u0441\u043b\u0430\u0439\u0441\u0435 \u043c\u043e\u0436\u0435\u0442 \u0438\u043c\u043f\u043e\u0440\u0442\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u0434\u0440\u0443\u0433\u0438\u0435 \u0441\u043b\u0430\u0439\u0441\u044b \u0442\u043e\u043b\u044c\u043a\u043e \u0432 \u0442\u043e\u043c \u0441\u043b\u0443\u0447\u0430\u0435, \u0435\u0441\u043b\u0438 \u043e\u043d\u0438 \u0440\u0430\u0441\u043f\u043e\u043b\u043e\u0436\u0435\u043d\u044b \u043d\u0430 \u0441\u043b\u043e\u044f\u0445 \u0441\u0442\u0440\u043e\u0433\u043e \u043d\u0438\u0436\u0435."})}),"\n"]}),"\n",(0,i.jsxs)(s.p,{children:["\u041d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, \u0432 ",(0,i.jsx)(s.code,{children:"~/features/aaa"}),", \u0441\u043b\u0430\u0439\u0441\u043e\u043c \u044f\u0432\u043b\u044f\u0435\u0442\u0441\u044f ",(0,i.jsx)(s.code,{children:"aaa"}),", \u043f\u043e\u044d\u0442\u043e\u043c\u0443 \u0444\u0430\u0439\u043b ",(0,i.jsx)(s.code,{children:"~/features/aaa/api/request.ts"})," \u043d\u0435 \u043c\u043e\u0436\u0435\u0442 \u0438\u043c\u043f\u043e\u0440\u0442\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u043a\u043e\u0434 \u043d\u0438 \u0438\u0437 \u043a\u0430\u043a\u043e\u0433\u043e \u043c\u043e\u0434\u0443\u043b\u044f \u0432 \u043f\u0430\u043f\u043a\u0443 \u0438\u0437 ",(0,i.jsx)(s.code,{children:"~/features/bbb"}),", \u043d\u043e \u043c\u043e\u0436\u0435\u0442 \u0438\u043c\u043f\u043e\u0440\u0442\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u043a\u043e\u0434 \u0438\u0437 ",(0,i.jsx)(s.code,{children:"~/entities"})," \u0438 ",(0,i.jsx)(s.code,{children:"~/shared"}),", \u0430 \u0442\u0430\u043a\u0436\u0435 \u0438\u0437 \u0441\u043e\u0441\u0435\u0434\u043d\u0438\u0445 \u043c\u043e\u0434\u0443\u043b\u0435\u0439 \u0432 ",(0,i.jsx)(s.code,{children:"~/features/aaa"}),"."]}),"\n",(0,i.jsx)(s.h2,{id:"\u043e\u043f\u0440\u0435\u0434\u0435\u043b\u0435\u043d\u0438\u044f-\u0441\u043b\u043e\u0451\u0432",children:"\u041e\u043f\u0440\u0435\u0434\u0435\u043b\u0435\u043d\u0438\u044f \u0441\u043b\u043e\u0451\u0432"}),"\n",(0,i.jsx)(s.h3,{id:"shared",children:"Shared"}),"\n",(0,i.jsxs)(s.p,{children:["\u0418\u0437\u043e\u043b\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u044b\u0435 \u043c\u043e\u0434\u0443\u043b\u0438, \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u044b \u0438 \u0430\u0431\u0441\u0442\u0440\u0430\u043a\u0446\u0438\u0438, \u043e\u0442\u0434\u0435\u043b\u044c\u043d\u044b\u0435 \u043e\u0442 \u0441\u043f\u0435\u0446\u0438\u0444\u0438\u043a\u0438 \u043f\u0440\u043e\u0435\u043a\u0442\u0430 \u0438\u043b\u0438 \u0431\u0438\u0437\u043d\u0435\u0441\u0430.\n\u0412\u043d\u0438\u043c\u0430\u043d\u0438\u0435: \u043d\u0435 \u0441\u043b\u0435\u0434\u0443\u0435\u0442 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u044d\u0442\u043e\u0442 \u0441\u043b\u043e\u0439 \u043a\u0430\u043a ",(0,i.jsx)(s.a,{href:"https://sova.dev/ru/why-utils-and-helpers-is-a-dump/",children:"\u0441\u0432\u0430\u043b\u043a\u0443 \u0443\u0442\u0438\u043b\u0438\u0442"}),"!"]}),"\n",(0,i.jsx)(s.p,{children:"\u042d\u0442\u043e\u0442 \u0441\u043b\u043e\u0439, \u0432 \u043e\u0442\u043b\u0438\u0447\u0438\u0435 \u043e\u0442 \u0434\u0440\u0443\u0433\u0438\u0445, \u0441\u043e\u0441\u0442\u043e\u0438\u0442 \u043d\u0435 \u0438\u0437 \u0441\u043b\u0430\u0439\u0441\u043e\u0432, \u0430 \u043d\u0435\u043f\u043e\u0441\u0440\u0435\u0434\u0441\u0442\u0432\u0435\u043d\u043d\u043e \u0438\u0437 \u0441\u0435\u0433\u043c\u0435\u043d\u0442\u043e\u0432."}),"\n",(0,i.jsxs)(s.p,{children:[(0,i.jsx)(s.strong,{children:"\u041f\u0440\u0438\u043c\u0435\u0440\u044b \u0441\u043e\u0434\u0435\u0440\u0436\u0438\u043c\u043e\u0433\u043e"}),":"]}),"\n",(0,i.jsxs)(s.ul,{children:["\n",(0,i.jsx)(s.li,{children:"UI-\u0431\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a\u0430"}),"\n",(0,i.jsx)(s.li,{children:"API-\u043a\u043b\u0438\u0435\u043d\u0442"}),"\n",(0,i.jsx)(s.li,{children:"\u041a\u043e\u0434, \u0440\u0430\u0431\u043e\u0442\u0430\u044e\u0449\u0438\u0439 \u0441 API \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u0430"}),"\n"]}),"\n",(0,i.jsx)(s.h3,{id:"entities",children:"Entities"}),"\n",(0,i.jsx)(s.p,{children:"\u041f\u043e\u043d\u044f\u0442\u0438\u044f \u0438\u0437 \u0440\u0435\u0430\u043b\u044c\u043d\u043e\u0433\u043e \u043c\u0438\u0440\u0430, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u0432\u043c\u0435\u0441\u0442\u0435 \u043e\u0431\u0440\u0430\u0437\u0443\u044e\u0442 \u0441\u0443\u0442\u044c \u043f\u0440\u043e\u0435\u043a\u0442\u0430. \u041a\u0430\u043a \u043f\u0440\u0430\u0432\u0438\u043b\u043e, \u044d\u0442\u043e \u0442\u0435\u0440\u043c\u0438\u043d\u044b, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u0431\u0438\u0437\u043d\u0435\u0441 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u0442 \u0434\u043b\u044f \u043e\u043f\u0438\u0441\u0430\u043d\u0438\u044f \u043f\u0440\u043e\u0434\u0443\u043a\u0442\u0430."}),"\n",(0,i.jsx)(s.p,{children:"\u041a\u0430\u0436\u0434\u044b\u0439 \u0441\u043b\u0430\u0439\u0441 \u044d\u0442\u043e\u0433\u043e \u0441\u043b\u043e\u044f \u0441\u043e\u0434\u0435\u0440\u0436\u0438\u0442 \u0441\u0442\u0430\u0442\u0438\u0447\u0435\u0441\u043a\u0438\u0435 \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u044b \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044c\u0441\u043a\u043e\u0433\u043e \u0438\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441\u0430, \u0445\u0440\u0430\u043d\u0438\u043b\u0438\u0449\u0430 \u0434\u0430\u043d\u043d\u044b\u0445 \u0438 \u043e\u043f\u0435\u0440\u0430\u0446\u0438\u0438 CRUD (\u0441\u043e\u0437\u0434\u0430\u043d\u0438\u0435-\u0447\u0442\u0435\u043d\u0438\u0435-\u0438\u0437\u043c\u0435\u043d\u0435\u043d\u0438\u0435-\u0443\u0434\u0430\u043b\u0435\u043d\u0438\u0435)."}),"\n",(0,i.jsxs)(s.p,{children:[(0,i.jsx)(s.strong,{children:"\u041f\u0440\u0438\u043c\u0435\u0440\u044b \u0441\u043b\u0430\u0439\u0441\u043e\u0432"}),":"]}),"\n",(0,i.jsxs)("table",{children:[(0,i.jsx)("thead",{children:(0,i.jsxs)("tr",{children:[(0,i.jsx)("th",{children:" \u0414\u043b\u044f \u0441\u043e\u0446\u0438\u0430\u043b\u044c\u043d\u043e\u0439 \u0441\u0435\u0442\u0438 "}),(0,i.jsx)("th",{children:" \u0414\u043b\u044f Git-\u0444\u0440\u043e\u043d\u0442\u0435\u043d\u0434\u0430 (\u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, GitHub) "})]})}),(0,i.jsx)("tbody",{children:(0,i.jsxs)("tr",{children:[(0,i.jsx)("td",{children:(0,i.jsxs)("ul",{children:[(0,i.jsx)("li",{children:"\u041f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044c"}),(0,i.jsx)("li",{children:"\u041f\u0443\u0431\u043b\u0438\u043a\u0430\u0446\u0438\u044f"}),(0,i.jsx)("li",{children:"\u0413\u0440\u0443\u043f\u043f\u0430"})]})}),(0,i.jsx)("td",{children:(0,i.jsxs)("ul",{children:[(0,i.jsx)("li",{children:"\u0420\u0435\u043f\u043e\u0437\u0438\u0442\u043e\u0440\u0438\u0439"}),(0,i.jsx)("li",{children:"\u0424\u0430\u0439\u043b"}),(0,i.jsx)("li",{children:"\u041a\u043e\u043c\u043c\u0438\u0442"})]})})]})})]}),"\n",(0,i.jsxs)(s.admonition,{type:"tip",children:[(0,i.jsxs)(s.p,{children:["\u0412\u044b \u043c\u043e\u0436\u0435\u0442\u0435 \u0437\u0430\u043c\u0435\u0442\u0438\u0442\u044c \u0432 \u043f\u0440\u0438\u043c\u0435\u0440\u0435 \u0444\u0440\u043e\u043d\u0442\u0435\u043d\u0434\u0430 \u0434\u043b\u044f Git, \u0447\u0442\u043e ",(0,i.jsx)(s.em,{children:"\u0440\u0435\u043f\u043e\u0437\u0438\u0442\u043e\u0440\u0438\u0439"})," \u0441\u043e\u0434\u0435\u0440\u0436\u0438\u0442 ",(0,i.jsx)(s.em,{children:"\u0444\u0430\u0439\u043b\u044b"}),". \u042d\u0442\u043e \u0434\u0435\u043b\u0430\u0435\u0442 \u0440\u0435\u043f\u043e\u0437\u0438\u0442\u043e\u0440\u0438\u0439 \u0441\u0443\u0449\u043d\u043e\u0441\u0442\u044c\u044e \u0431\u043e\u043b\u0435\u0435 \u0432\u044b\u0441\u043e\u043a\u043e\u0433\u043e \u0443\u0440\u043e\u0432\u043d\u044f, \u0432\u043d\u0443\u0442\u0440\u0438 \u043a\u043e\u0442\u043e\u0440\u043e\u0439 \u0432\u043b\u043e\u0436\u0435\u043d\u044b \u0434\u0440\u0443\u0433\u0438\u0435 \u0441\u0443\u0449\u043d\u043e\u0441\u0442\u0438. \u042d\u0442\u043e \u0447\u0430\u0441\u0442\u0430\u044f \u0441\u0438\u0442\u0443\u0430\u0446\u0438\u044f \u0441 \u0441\u0443\u0449\u043d\u043e\u0441\u0442\u044f\u043c\u0438, \u0438 \u0438\u043d\u043e\u0433\u0434\u0430 \u0442\u0440\u0443\u0434\u043d\u043e \u0438\u043c\u0435\u0442\u044c \u0442\u0430\u043a\u0438\u0435 \u0441\u0443\u0449\u043d\u043e\u0441\u0442\u0438 \u0432\u044b\u0441\u043e\u043a\u043e\u0433\u043e \u0443\u0440\u043e\u0432\u043d\u044f, \u043d\u0435 \u043d\u0430\u0440\u0443\u0448\u0430\u044f \u043f\u0440\u0430\u0432\u0438\u043b\u043e \u0438\u043c\u043f\u043e\u0440\u0442\u043e\u0432 \u0434\u043b\u044f \u0441\u043b\u043e\u0451\u0432."]}),(0,i.jsx)(s.p,{children:"\u0412\u043e\u0442 \u043d\u0435\u0441\u043a\u043e\u043b\u044c\u043a\u043e \u043f\u0440\u0435\u0434\u043b\u043e\u0436\u0435\u043d\u0438\u0439 \u043f\u043e \u0440\u0435\u0448\u0435\u043d\u0438\u044e \u044d\u0442\u043e\u0439 \u043f\u0440\u043e\u0431\u043b\u0435\u043c\u044b:"}),(0,i.jsxs)(s.ul,{children:["\n",(0,i.jsx)(s.li,{children:"UI \u0441\u0443\u0449\u043d\u043e\u0441\u0442\u0435\u0439 \u0434\u043e\u043b\u0436\u0435\u043d \u0441\u043e\u0434\u0435\u0440\u0436\u0430\u0442\u044c \u0441\u043b\u043e\u0442\u044b \u0434\u043b\u044f \u043c\u0435\u0441\u0442, \u043a\u0443\u0434\u0430 \u0431\u0443\u0434\u0443\u0442 \u0432\u0441\u0442\u0430\u0432\u043b\u044f\u0442\u044c\u0441\u044f \u0441\u0443\u0449\u043d\u043e\u0441\u0442\u0438 \u043d\u0438\u0436\u043d\u0435\u0433\u043e \u0443\u0440\u043e\u0432\u043d\u044f"}),"\n",(0,i.jsx)(s.li,{children:"\u0411\u0438\u0437\u043d\u0435\u0441-\u043b\u043e\u0433\u0438\u043a\u0430, \u0441\u0432\u044f\u0437\u0430\u043d\u043d\u0430\u044f \u0441 \u0432\u0437\u0430\u0438\u043c\u043e\u0434\u0435\u0439\u0441\u0442\u0432\u0438\u0435\u043c \u0441\u0443\u0449\u043d\u043e\u0441\u0442\u0435\u0439, \u0434\u043e\u043b\u0436\u043d\u0430 \u0431\u044b\u0442\u044c \u0440\u0430\u0437\u043c\u0435\u0449\u0435\u043d\u0430 \u0432 Features (\u0432 \u0431\u043e\u043b\u044c\u0448\u0438\u043d\u0441\u0442\u0432\u0435 \u0441\u043b\u0443\u0447\u0430\u0435\u0432)"}),"\n",(0,i.jsx)(s.li,{children:"\u0418\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441\u044b \u0441\u0443\u0449\u043d\u043e\u0441\u0442\u0435\u0439 \u0438\u0437 \u0431\u0430\u0437\u044b \u0434\u0430\u043d\u043d\u044b\u0445 \u043c\u043e\u0433\u0443\u0442 \u0431\u044b\u0442\u044c \u0438\u0437\u0432\u043b\u0435\u0447\u0435\u043d\u044b \u0432 \u0441\u043b\u043e\u0439 Shared, \u0440\u044f\u0434\u043e\u043c \u0441 API-\u043a\u043b\u0438\u0435\u043d\u0442\u043e\u043c"}),"\n"]})]}),"\n",(0,i.jsx)(s.h3,{id:"features",children:"Features"}),"\n",(0,i.jsx)(s.p,{children:"\u0414\u0435\u0439\u0441\u0442\u0432\u0438\u044f, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044c \u043c\u043e\u0436\u0435\u0442 \u0441\u043e\u0432\u0435\u0440\u0448\u0430\u0442\u044c \u0432 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0438 \u0434\u043b\u044f \u0432\u0437\u0430\u0438\u043c\u043e\u0434\u0435\u0439\u0441\u0442\u0432\u0438\u044f \u0441 \u0431\u0438\u0437\u043d\u0435\u0441-\u0441\u0443\u0449\u043d\u043e\u0441\u0442\u044f\u043c\u0438, \u0447\u0442\u043e\u0431 \u0434\u043e\u0441\u0442\u0438\u0447\u044c \u0446\u0435\u043d\u043d\u043e\u0433\u043e \u0434\u043b\u044f \u0441\u0435\u0431\u044f \u0440\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442\u0430. \u0421\u044e\u0434\u0430 \u0442\u0430\u043a\u0436\u0435 \u0432\u0445\u043e\u0434\u044f\u0442 \u0434\u0435\u0439\u0441\u0442\u0432\u0438\u044f, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0435 \u0432\u044b\u043f\u043e\u043b\u043d\u044f\u0435\u0442 \u043e\u0442 \u0438\u043c\u0435\u043d\u0438 \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044f, \u0447\u0442\u043e\u0431\u044b \u0441\u043e\u0437\u0434\u0430\u0442\u044c \u0434\u043b\u044f \u043d\u0435\u0433\u043e \u0446\u0435\u043d\u043d\u043e\u0441\u0442\u044c."}),"\n",(0,i.jsxs)(s.p,{children:["\u0421\u043b\u0430\u0439\u0441 \u043d\u0430 \u044d\u0442\u043e\u043c \u0441\u043b\u043e\u0435 \u043c\u043e\u0436\u0435\u0442 \u0441\u043e\u0434\u0435\u0440\u0436\u0430\u0442\u044c ",(0,i.jsx)(s.em,{children:"\u0438\u043d\u0442\u0435\u0440\u0430\u043a\u0442\u0438\u0432\u043d\u044b\u0435"})," \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u044b \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044c\u0441\u043a\u043e\u0433\u043e \u0438\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441\u0430, \u0432\u043d\u0443\u0442\u0440\u0435\u043d\u043d\u0435\u0435 \u0441\u043e\u0441\u0442\u043e\u044f\u043d\u0438\u0435 \u0438 \u0437\u0430\u043f\u0440\u043e\u0441\u044b \u043a API, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u043f\u043e\u0437\u0432\u043e\u043b\u044f\u044e\u0442 \u0432\u044b\u043f\u043e\u043b\u043d\u044f\u0442\u044c \u0434\u0435\u0439\u0441\u0442\u0432\u0438\u044f, \u0441\u043e\u0437\u0434\u0430\u044e\u0449\u0438\u0435 \u0446\u0435\u043d\u043d\u043e\u0441\u0442\u044c."]}),"\n",(0,i.jsxs)(s.p,{children:[(0,i.jsx)(s.strong,{children:"\u041f\u0440\u0438\u043c\u0435\u0440\u044b \u0441\u043b\u0430\u0439\u0441\u043e\u0432"}),":"]}),"\n",(0,i.jsxs)("table",{children:[(0,i.jsx)("thead",{children:(0,i.jsxs)("tr",{children:[(0,i.jsx)("th",{children:" \u0414\u043b\u044f \u0441\u043e\u0446\u0438\u0430\u043b\u044c\u043d\u043e\u0439 \u0441\u0435\u0442\u0438 "}),(0,i.jsx)("th",{children:" \u0414\u043b\u044f Git-\u0444\u0440\u043e\u043d\u0442\u0435\u043d\u0434\u0430 (\u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, GitHub) "}),(0,i.jsx)("th",{children:" \u0414\u0435\u0439\u0441\u0442\u0432\u0438\u044f \u043e\u0442 \u0438\u043c\u0435\u043d\u0438 \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044f "})]})}),(0,i.jsx)("tbody",{children:(0,i.jsxs)("tr",{children:[(0,i.jsx)("td",{children:(0,i.jsxs)("ul",{children:[(0,i.jsx)("li",{children:"\u0410\u0432\u0442\u043e\u0440\u0438\u0437\u043e\u0432\u0430\u0442\u044c\u0441\u044f"}),(0,i.jsx)("li",{children:"\u0421\u043e\u0437\u0434\u0430\u0442\u044c \u043f\u0443\u0431\u043b\u0438\u043a\u0430\u0446\u0438\u044e"}),(0,i.jsx)("li",{children:"\u0412\u0441\u0442\u0443\u043f\u0438\u0442\u044c \u0432 \u0433\u0440\u0443\u043f\u043f\u0443"})]})}),(0,i.jsx)("td",{children:(0,i.jsxs)("ul",{children:[(0,i.jsx)("li",{children:"\u0418\u0437\u043c\u0435\u043d\u0438\u0442\u044c \u0444\u0430\u0439\u043b"}),(0,i.jsx)("li",{children:"\u041e\u0441\u0442\u0430\u0432\u0438\u0442\u044c \u043a\u043e\u043c\u043c\u0435\u043d\u0442\u0430\u0440\u0438\u0439"}),(0,i.jsx)("li",{children:"\u0421\u043b\u0438\u0442\u044c \u0432\u0435\u0442\u043a\u0438"})]})}),(0,i.jsx)("td",{children:(0,i.jsxs)("ul",{children:[(0,i.jsx)("li",{children:"\u0410\u0432\u0442\u043e\u043c\u0430\u0442\u0438\u0447\u0435\u0441\u043a\u0438 \u0432\u043a\u043b\u044e\u0447\u0438\u0442\u044c \u0442\u0451\u043c\u043d\u0443\u044e \u0442\u0435\u043c\u0443"}),(0,i.jsx)("li",{children:"\u0412\u044b\u043f\u043e\u043b\u043d\u0438\u0442\u044c \u0432\u044b\u0447\u0438\u0441\u043b\u0435\u043d\u0438\u044f \u0432 \u0444\u043e\u043d\u0435"}),(0,i.jsx)("li",{children:"\u0414\u0435\u0439\u0441\u0442\u0432\u0438\u044f \u043d\u0430 \u043e\u0441\u043d\u043e\u0432\u0435 User-Agent"})]})})]})})]}),"\n",(0,i.jsx)(s.h3,{id:"widgets",children:"Widgets"}),"\n",(0,i.jsx)(s.p,{children:"\u0421\u0430\u043c\u043e\u0434\u043e\u0441\u0442\u0430\u0442\u043e\u0447\u043d\u044b\u0435 \u0431\u043b\u043e\u043a\u0438 \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044c\u0441\u043a\u043e\u0433\u043e \u0438\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441\u0430 \u0432\u043e\u0437\u043d\u0438\u043a\u043b\u0438 \u0438\u0437 \u043a\u043e\u043c\u043f\u043e\u0437\u0438\u0446\u0438\u0438 \u0435\u0434\u0438\u043d\u0438\u0446 \u0431\u043e\u043b\u0435\u0435 \u043d\u0438\u0437\u043a\u043e\u0433\u043e \u0443\u0440\u043e\u0432\u043d\u044f, \u0442\u0430\u043a\u0438\u0445 \u043a\u0430\u043a \u0441\u0443\u0449\u043d\u043e\u0441\u0442\u0438 \u0438 \u0444\u0443\u043d\u043a\u0446\u0438\u0438."}),"\n",(0,i.jsx)(s.p,{children:"\u042d\u0442\u043e\u0442 \u0441\u043b\u043e\u0439 \u043f\u0440\u0435\u0434\u043e\u0441\u0442\u0430\u0432\u043b\u044f\u0435\u0442 \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e\u0441\u0442\u044c \u0437\u0430\u043f\u043e\u043b\u043d\u0438\u0442\u044c \u0441\u043b\u043e\u0442\u044b, \u043e\u0441\u0442\u0430\u0432\u043b\u0435\u043d\u043d\u044b\u0435 \u0432 \u0438\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441\u0435 \u0441\u0443\u0449\u043d\u043e\u0441\u0442\u0435\u0439, \u0434\u0440\u0443\u0433\u0438\u043c\u0438 \u0441\u0443\u0449\u043d\u043e\u0441\u0442\u044f\u043c\u0438 \u0438 \u0438\u043d\u0442\u0435\u0440\u0430\u043a\u0442\u0438\u0432\u043d\u044b\u043c\u0438 \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u0430\u043c\u0438 \u0438\u0437 \u0444\u0438\u0447. \u041f\u043e\u044d\u0442\u043e\u043c\u0443 \u043e\u0431\u044b\u0447\u043d\u043e \u043d\u0430 \u044d\u0442\u043e\u043c \u0441\u043b\u043e\u0435 \u043d\u0435 \u0440\u0430\u0437\u043c\u0435\u0449\u0430\u0435\u0442\u0441\u044f \u0431\u0438\u0437\u043d\u0435\u0441-\u043b\u043e\u0433\u0438\u043a\u0430, \u0432\u043c\u0435\u0441\u0442\u043e \u044d\u0442\u043e\u0433\u043e \u043e\u043d\u0430 \u0445\u0440\u0430\u043d\u0438\u0442\u0441\u044f \u0432 \u0444\u0438\u0447\u0430\u0445. \u041a\u0430\u0436\u0434\u044b\u0439 \u0441\u043b\u0430\u0439\u0441 \u043d\u0430 \u044d\u0442\u043e\u043c \u0441\u043b\u043e\u0435 \u0441\u043e\u0434\u0435\u0440\u0436\u0438\u0442 \u0433\u043e\u0442\u043e\u0432\u044b\u0435 \u043a \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u044e \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u044b \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044c\u0441\u043a\u043e\u0433\u043e \u0438\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441\u0430 \u0438 \u0438\u043d\u043e\u0433\u0434\u0430 \u043d\u0435-\u0431\u0438\u0437\u043d\u0435\u0441-\u043b\u043e\u0433\u0438\u043a\u0443, \u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, \u0436\u0435\u0441\u0442\u044b, \u0432\u0437\u0430\u0438\u043c\u043e\u0434\u0435\u0439\u0441\u0442\u0432\u0438\u0435 \u0441 \u043a\u043b\u0430\u0432\u0438\u0430\u0442\u0443\u0440\u043e\u0439 \u0438 \u0442.\u0434."}),"\n",(0,i.jsx)(s.p,{children:"\u0418\u043d\u043e\u0433\u0434\u0430 \u0443\u0434\u043e\u0431\u043d\u0435\u0435 \u0440\u0430\u0437\u043c\u0435\u0441\u0442\u0438\u0442\u044c \u0431\u0438\u0437\u043d\u0435\u0441-\u043b\u043e\u0433\u0438\u043a\u0443 \u043d\u0430 \u044d\u0442\u043e\u043c \u0441\u043b\u043e\u0435. \u0417\u0430\u0447\u0430\u0441\u0442\u0443\u044e, \u044d\u0442\u043e \u043f\u0440\u043e\u0438\u0441\u0445\u043e\u0434\u0438\u0442 \u0442\u043e\u0433\u0434\u0430, \u043a\u043e\u0433\u0434\u0430 \u0432\u0438\u0434\u0436\u0435\u0442 \u0438\u043c\u0435\u0435\u0442 \u0434\u043e\u0432\u043e\u043b\u044c\u043d\u043e \u043c\u043d\u043e\u0433\u043e \u0438\u043d\u0442\u0435\u0440\u0430\u043a\u0442\u0438\u0432\u043d\u043e\u0441\u0442\u0438 (\u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, \u0438\u043d\u0442\u0435\u0440\u0430\u043a\u0442\u0438\u0432\u043d\u044b\u0435 \u0442\u0430\u0431\u043b\u0438\u0446\u044b) \u0438 \u0431\u0438\u0437\u043d\u0435\u0441-\u043b\u043e\u0433\u0438\u043a\u0430 \u0432 \u043d\u0451\u043c \u043d\u0435 \u043f\u0435\u0440\u0435\u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u0442\u0441\u044f."}),"\n",(0,i.jsxs)(s.p,{children:[(0,i.jsx)(s.strong,{children:"\u041f\u0440\u0438\u043c\u0435\u0440\u044b \u0441\u043b\u0430\u0439\u0441\u043e\u0432"}),":"]}),"\n",(0,i.jsxs)("table",{children:[(0,i.jsx)("thead",{children:(0,i.jsxs)("tr",{children:[(0,i.jsx)("th",{children:" \u0414\u043b\u044f \u0441\u043e\u0446\u0438\u0430\u043b\u044c\u043d\u043e\u0439 \u0441\u0435\u0442\u0438 "}),(0,i.jsx)("th",{children:" \u0414\u043b\u044f Git-\u0444\u0440\u043e\u043d\u0442\u0435\u043d\u0434\u0430 (\u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, GitHub) "})]})}),(0,i.jsx)("tbody",{children:(0,i.jsxs)("tr",{children:[(0,i.jsx)("td",{children:(0,i.jsxs)("ul",{children:[(0,i.jsx)("li",{children:"\u041a\u0430\u0440\u0442\u043e\u0447\u043a\u0430 \u043f\u0443\u0431\u043b\u0438\u043a\u0430\u0446\u0438\u0438"}),(0,i.jsx)("li",{children:"\u0428\u0430\u043f\u043a\u0430 \u043f\u0440\u043e\u0444\u0438\u043b\u044f \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044f (\u0441 \u0434\u0435\u0439\u0441\u0442\u0432\u0438\u044f\u043c\u0438)"})]})}),(0,i.jsx)("td",{children:(0,i.jsxs)("ul",{children:[(0,i.jsx)("li",{children:"\u0421\u043f\u0438\u0441\u043e\u043a \u0444\u0430\u0439\u043b\u043e\u0432 \u0432 \u0440\u0435\u043f\u043e\u0437\u0438\u0442\u043e\u0440\u0438\u0438 (\u0441 \u0434\u0435\u0439\u0441\u0442\u0432\u0438\u044f\u043c\u0438)"}),(0,i.jsx)("li",{children:"\u041a\u043e\u043c\u043c\u0435\u043d\u0442\u0430\u0440\u0438\u0439 \u0432 \u0432\u0435\u0442\u043a\u0435 \u043a\u043e\u043c\u043c\u0435\u043d\u0442\u0430\u0440\u0438\u0435\u0432"}),(0,i.jsx)("li",{children:"\u041a\u0430\u0440\u0442\u043e\u0447\u043a\u0430 \u0440\u0435\u043f\u043e\u0437\u0438\u0442\u043e\u0440\u0438\u044f"})]})})]})})]}),"\n",(0,i.jsx)(s.admonition,{type:"tip",children:(0,i.jsxs)(s.p,{children:["\u0415\u0441\u043b\u0438 \u0432\u044b \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u0442\u0435 \u0432\u043b\u043e\u0436\u0435\u043d\u043d\u0443\u044e \u0441\u0438\u0441\u0442\u0435\u043c\u0443 \u043c\u0430\u0440\u0448\u0440\u0443\u0442\u0438\u0437\u0430\u0446\u0438\u0438 (\u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, \u0440\u043e\u0443\u0442\u0435\u0440 ",(0,i.jsx)(s.a,{href:"https://remix.run",children:"Remix"}),"), \u043c\u043e\u0436\u0435\u0442 \u0431\u044b\u0442\u044c \u043f\u043e\u043b\u0435\u0437\u043d\u043e \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u0441\u043b\u043e\u0439 Widgets \u0430\u043d\u0430\u043b\u043e\u0433\u0438\u0447\u043d\u043e \u0441\u043b\u043e\u044e Pages \u0432 \u043f\u043b\u043e\u0441\u043a\u043e\u0439 \u0441\u0438\u0441\u0442\u0435\u043c\u0435 \u043c\u0430\u0440\u0448\u0440\u0443\u0442\u0438\u0437\u0430\u0446\u0438\u0438 - \u0434\u043b\u044f \u0441\u043e\u0437\u0434\u0430\u043d\u0438\u044f \u043f\u043e\u043b\u043d\u043e\u0446\u0435\u043d\u043d\u044b\u0445 \u0438\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441\u043d\u044b\u0445 \u0431\u043b\u043e\u043a\u043e\u0432 \u0441 \u043f\u043e\u043b\u0443\u0447\u0435\u043d\u0438\u0435\u043c \u0441\u043e\u043e\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0443\u044e\u0449\u0438\u0445 \u0434\u0430\u043d\u043d\u044b\u0445 \u0441 \u0431\u044d\u043a\u0435\u043d\u0434\u0430, \u0441\u043e\u0441\u0442\u043e\u044f\u043d\u0438\u044f\u043c\u0438 \u0437\u0430\u0433\u0440\u0443\u0437\u043a\u0438 \u0438 \u043e\u0433\u0440\u0430\u043d\u0438\u0447\u0438\u0442\u0435\u043b\u044f\u043c\u0438 \u043e\u0448\u0438\u0431\u043e\u043a. \u0422\u0430\u043a\u0436\u0435 \u0437\u0434\u0435\u0441\u044c \u043c\u043e\u0436\u043d\u043e \u0440\u0430\u0437\u043c\u0435\u0441\u0442\u0438\u0442\u044c \u043b\u0435\u0439\u0430\u0443\u0442\u044b \u0434\u043b\u044f \u0441\u043b\u043e\u044f Pages."]})}),"\n",(0,i.jsx)(s.h3,{id:"pages",children:"Pages"}),"\n",(0,i.jsx)(s.p,{children:"\u041f\u043e\u043b\u043d\u043e\u0446\u0435\u043d\u043d\u044b\u0435 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b \u0434\u043b\u044f \u0441\u0442\u0440\u0430\u043d\u0438\u0447\u043d\u044b\u0445 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0439 (\u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, \u0432\u0435\u0431-\u0441\u0430\u0439\u0442\u043e\u0432) \u0438\u043b\u0438 \u044d\u043a\u0440\u0430\u043d\u044b/\u0430\u043a\u0442\u0438\u0432\u043d\u043e\u0441\u0442\u0438 \u0434\u043b\u044f \u044d\u043a\u0440\u0430\u043d\u043d\u044b\u0445 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0439 (\u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, \u043c\u043e\u0431\u0438\u043b\u044c\u043d\u044b\u0445 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0439)."}),"\n",(0,i.jsx)(s.p,{children:"\u041f\u043e \u0441\u0432\u043e\u0435\u0439 \u043a\u043e\u043c\u043f\u043e\u0437\u0438\u0446\u0438\u043e\u043d\u043d\u043e\u0439 \u043f\u0440\u0438\u0440\u043e\u0434\u0435 \u044d\u0442\u043e\u0442 \u0441\u043b\u043e\u0439 \u043f\u043e\u0445\u043e\u0436 \u043d\u0430 Widgets, \u0445\u043e\u0442\u044c \u0438 \u0432 \u0431\u043e\u043b\u044c\u0448\u0435\u043c \u043c\u0430\u0441\u0448\u0442\u0430\u0431\u0435. \u041a\u0430\u0436\u0434\u044b\u0439 \u0441\u043b\u0430\u0439\u0441 \u043d\u0430 \u044d\u0442\u043e\u043c \u0441\u043b\u043e\u0435 \u0441\u043e\u0434\u0435\u0440\u0436\u0438\u0442 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u044b \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044c\u0441\u043a\u043e\u0433\u043e \u0438\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441\u0430, \u0433\u043e\u0442\u043e\u0432\u044b\u0435 \u043a \u043f\u043e\u0434\u043a\u043b\u044e\u0447\u0435\u043d\u0438\u044e \u043a \u0440\u043e\u0443\u0442\u0435\u0440\u0443, \u0430 \u0442\u0430\u043a\u0436\u0435 \u043c\u043e\u0436\u0435\u0442 \u0441\u043e\u0434\u0435\u0440\u0436\u0430\u0442\u044c \u043b\u043e\u0433\u0438\u043a\u0443 \u043f\u043e\u043b\u0443\u0447\u0435\u043d\u0438\u044f \u0434\u0430\u043d\u043d\u044b\u0445 \u0438 \u043e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u0438 \u043e\u0448\u0438\u0431\u043e\u043a."}),"\n",(0,i.jsxs)(s.p,{children:[(0,i.jsx)(s.strong,{children:"\u041f\u0440\u0438\u043c\u0435\u0440\u044b \u0441\u043b\u0430\u0439\u0441\u043e\u0432"}),":"]}),"\n",(0,i.jsxs)("table",{children:[(0,i.jsx)("thead",{children:(0,i.jsxs)("tr",{children:[(0,i.jsx)("th",{children:" \u0414\u043b\u044f \u0441\u043e\u0446\u0438\u0430\u043b\u044c\u043d\u043e\u0439 \u0441\u0435\u0442\u0438 "}),(0,i.jsx)("th",{children:" \u0414\u043b\u044f Git-\u0444\u0440\u043e\u043d\u0442\u0435\u043d\u0434\u0430 (\u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, GitHub) "})]})}),(0,i.jsx)("tbody",{children:(0,i.jsxs)("tr",{children:[(0,i.jsx)("td",{children:(0,i.jsxs)("ul",{children:[(0,i.jsx)("li",{children:"\u041b\u0435\u043d\u0442\u0430 \u043d\u043e\u0432\u043e\u0441\u0442\u0435\u0439"}),(0,i.jsx)("li",{children:"\u0421\u0442\u0440\u0430\u043d\u0438\u0446\u0430 \u0441\u043e\u043e\u0431\u0449\u0435\u0441\u0442\u0432\u0430"}),(0,i.jsx)("li",{children:"\u041f\u0443\u0431\u043b\u0438\u0447\u043d\u044b\u0439 \u043f\u0440\u043e\u0444\u0438\u043b\u044c \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044f"})]})}),(0,i.jsx)("td",{children:(0,i.jsxs)("ul",{children:[(0,i.jsx)("li",{children:"\u0421\u0442\u0440\u0430\u043d\u0438\u0446\u0430 \u0440\u0435\u043f\u043e\u0437\u0438\u0442\u043e\u0440\u0438\u044f"}),(0,i.jsx)("li",{children:"\u0420\u0435\u043f\u043e\u0437\u0438\u0442\u043e\u0440\u0438\u0438 \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044f"}),(0,i.jsx)("li",{children:"\u0412\u0435\u0442\u043a\u0438 \u0432 \u0440\u0435\u043f\u043e\u0437\u0438\u0442\u043e\u0440\u0438\u0438"})]})})]})})]}),"\n",(0,i.jsx)(s.h3,{id:"processes",children:"Processes"}),"\n",(0,i.jsx)(s.admonition,{type:"caution",children:(0,i.jsxs)(s.p,{children:["\u042d\u0442\u043e\u0442 \u0441\u043b\u043e\u0439 \u0441\u0447\u0438\u0442\u0430\u0435\u0442\u0441\u044f \u0443\u0441\u0442\u0430\u0440\u0435\u0432\u0448\u0438\u043c. \u0422\u0435\u043a\u0443\u0449\u0430\u044f \u0432\u0435\u0440\u0441\u0438\u044f \u0441\u043f\u0435\u0446\u0438\u0444\u0438\u043a\u0430\u0446\u0438\u0438 \u0440\u0435\u043a\u043e\u043c\u0435\u043d\u0434\u0443\u0435\u0442 \u0438\u0437\u0431\u0435\u0433\u0430\u0442\u044c \u0435\u0433\u043e \u0438 \u043f\u0435\u0440\u0435\u043c\u0435\u0449\u0430\u0442\u044c \u0435\u0433\u043e \u0441\u043e\u0434\u0435\u0440\u0436\u0438\u043c\u043e\u0435 \u0432 ",(0,i.jsx)(s.code,{children:"features"})," \u0438 ",(0,i.jsx)(s.code,{children:"app"}),"."]})}),"\n",(0,i.jsx)(s.p,{children:"\u0412\u044b\u0445\u043e\u0434 \u0438\u0437 \u0441\u0438\u0442\u0443\u0430\u0446\u0438\u0439, \u043a\u043e\u0433\u0434\u0430 \u0442\u0440\u0435\u0431\u0443\u0435\u0442\u0441\u044f \u0441\u043b\u043e\u0436\u043d\u043e\u0435 \u043c\u043d\u043e\u0433\u043e\u0441\u0442\u0440\u0430\u043d\u0438\u0447\u043d\u043e\u0435 \u0432\u0437\u0430\u0438\u043c\u043e\u0434\u0435\u0439\u0441\u0442\u0432\u0438\u0435."}),"\n",(0,i.jsx)(s.p,{children:"\u042d\u0442\u043e\u0442 \u0443\u0440\u043e\u0432\u0435\u043d\u044c \u043d\u0430\u043c\u0435\u0440\u0435\u043d\u043d\u043e \u043e\u0441\u0442\u0430\u0432\u043b\u0435\u043d \u043d\u0435 \u043e\u0447\u0435\u043d\u044c \u043e\u043f\u0440\u0435\u0434\u0435\u043b\u0435\u043d\u043d\u044b\u043c. \u0411\u043e\u043b\u044c\u0448\u0438\u043d\u0441\u0442\u0432\u0443 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0439 \u044d\u0442\u043e\u0442 \u0441\u043b\u043e\u0439 \u043d\u0435 \u043f\u0440\u0438\u0433\u043e\u0434\u0438\u0442\u0441\u044f, \u043b\u043e\u0433\u0438\u043a\u0443 \u043d\u0430 \u0443\u0440\u043e\u0432\u043d\u0435 \u0440\u043e\u0443\u0442\u0435\u0440\u0430 \u0438 \u0441\u0435\u0440\u0432\u0435\u0440\u0430 \u0441\u043b\u0435\u0434\u0443\u0435\u0442 \u043e\u0441\u0442\u0430\u0432\u0438\u0442\u044c \u043d\u0430 \u0443\u0440\u043e\u0432\u043d\u0435 App. \u0420\u0430\u0441\u0441\u043c\u043e\u0442\u0440\u0438\u0442\u0435 \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e\u0441\u0442\u044c \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u044f \u044d\u0442\u043e\u0433\u043e \u0441\u043b\u043e\u044f \u0442\u043e\u043b\u044c\u043a\u043e \u0442\u043e\u0433\u0434\u0430, \u043a\u043e\u0433\u0434\u0430 \u0441\u043b\u043e\u0439 App \u0432\u044b\u0440\u0430\u0441\u0442\u0435\u0442 \u043d\u0430\u0441\u0442\u043e\u043b\u044c\u043a\u043e, \u0447\u0442\u043e \u0441\u0442\u0430\u043d\u0435\u0442 \u043d\u0435\u043f\u043e\u0434\u0434\u0435\u0440\u0436\u0438\u0432\u0430\u0435\u043c\u044b\u043c \u0438 \u043f\u043e\u0442\u0440\u0435\u0431\u0443\u0435\u0442 \u0440\u0430\u0437\u0433\u0440\u0443\u0437\u043a\u0438."}),"\n",(0,i.jsx)(s.h3,{id:"app",children:"App"}),"\n",(0,i.jsx)(s.p,{children:"\u0412\u0441\u0451, \u0447\u0442\u043e \u043a\u0430\u0441\u0430\u0435\u0442\u0441\u044f \u0432\u0441\u0435\u0433\u043e \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f, \u043a\u0430\u043a \u0432 \u0442\u0435\u0445\u043d\u0438\u0447\u0435\u0441\u043a\u043e\u043c \u0441\u043c\u044b\u0441\u043b\u0435 (\u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, \u043f\u0440\u043e\u0432\u0430\u0439\u0434\u0435\u0440\u044b \u043a\u043e\u043d\u0442\u0435\u043a\u0441\u0442\u0430), \u0442\u0430\u043a \u0438 \u0432 \u0431\u0438\u0437\u043d\u0435\u0441-\u0441\u043c\u044b\u0441\u043b\u0435 (\u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, \u0430\u043d\u0430\u043b\u0438\u0442\u0438\u043a\u0430)."}),"\n",(0,i.jsx)(s.p,{children:"\u042d\u0442\u043e\u0442 \u0441\u043b\u043e\u0439 \u043e\u0431\u044b\u0447\u043d\u043e \u043d\u0435 \u0441\u043e\u0434\u0435\u0440\u0436\u0438\u0442 \u0441\u043b\u0430\u0439\u0441\u043e\u0432, \u043a\u0430\u043a \u0438 Shared, \u0432\u043c\u0435\u0441\u0442\u043e \u044d\u0442\u043e\u0433\u043e \u043e\u043d \u0441\u043e\u0434\u0435\u0440\u0436\u0438\u0442 \u043d\u0435\u043f\u043e\u0441\u0440\u0435\u0434\u0441\u0442\u0432\u0435\u043d\u043d\u043e \u0441\u0435\u0433\u043c\u0435\u043d\u0442\u044b."}),"\n",(0,i.jsxs)(s.p,{children:[(0,i.jsx)(s.strong,{children:"\u041f\u0440\u0438\u043c\u0435\u0440\u044b \u0441\u043e\u0434\u0435\u0440\u0436\u0438\u043c\u043e\u0433\u043e"}),":"]}),"\n",(0,i.jsxs)(s.ul,{children:["\n",(0,i.jsx)(s.li,{children:"\u0421\u0442\u0438\u043b\u0438"}),"\n",(0,i.jsx)(s.li,{children:"\u0420\u043e\u0443\u0442\u0435\u0440"}),"\n",(0,i.jsx)(s.li,{children:"\u0425\u0440\u0430\u043d\u0438\u043b\u0438\u0449\u0430 \u0434\u0430\u043d\u043d\u044b\u0445 \u0438 \u043f\u0440\u043e\u0447\u0438\u0435 \u043f\u0440\u043e\u0432\u0430\u0439\u0434\u0435\u0440\u044b \u043a\u043e\u043d\u0442\u0435\u043a\u0441\u0442\u0430"}),"\n",(0,i.jsx)(s.li,{children:"\u0418\u043d\u0438\u0446\u0438\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u044f \u0430\u043d\u0430\u043b\u0438\u0442\u0438\u043a\u0438"}),"\n"]})]})}function j(e={}){const{wrapper:s}={...(0,r.R)(),...e.components};return s?(0,i.jsx)(s,{...e,children:(0,i.jsx)(x,{...e})}):x(e)}},1100:(e,s,n)=>{n.d(s,{R:()=>d,x:()=>c});var i=n(758);const r={},l=i.createContext(r);function d(e){const s=i.useContext(l);return i.useMemo((function(){return"function"==typeof e?e(s):{...s,...e}}),[s,e])}function c(e){let s;return s=e.disableParentContext?"function"==typeof e.components?e.components(r):e.components||r:d(e.components),i.createElement(l.Provider,{value:s},e.children)}}}]);
\ No newline at end of file
diff --git a/ru/assets/js/4eea1952.a012775a.js b/ru/assets/js/4eea1952.76ec5d8f.js
similarity index 98%
rename from ru/assets/js/4eea1952.a012775a.js
rename to ru/assets/js/4eea1952.76ec5d8f.js
index 25d90ecf01..e06c368c43 100644
--- a/ru/assets/js/4eea1952.a012775a.js
+++ b/ru/assets/js/4eea1952.76ec5d8f.js
@@ -1 +1 @@
-"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[887],{1928:(e,t,i)=>{i.d(t,{Ay:()=>u,RM:()=>a});var n=i(6070),s=i(1100),r=(i(758),i(6783)),c=i(7765);const d=e=>{let{ticket:t}=e;const i=`https://github.com/feature-sliced/documentation/issues/${t}`;return(0,n.jsxs)("div",{children:[(0,n.jsx)("p",{children:(0,c.T)({id:"shared.wip.title"})}),(0,n.jsx)("p",{children:(0,c.T)({id:"shared.wip.subtitle"})}),(0,n.jsxs)("ul",{children:[(0,n.jsxs)("li",{children:[(0,c.T)({id:"shared.wip.var.feedback.base"}),(0,n.jsx)(r.A,{to:i,children:(0,c.T)({id:"shared.wip.var.feedback.link"})})]}),(0,n.jsxs)("li",{children:[(0,c.T)({id:"shared.wip.var.material.base"}),(0,n.jsx)(r.A,{to:"https://t.me/feature_sliced",children:(0,c.T)({id:"shared.wip.var.material.link"})})]}),(0,n.jsxs)("li",{children:[(0,c.T)({id:"shared.wip.var.contribute.base"}),(0,n.jsx)(r.A,{to:"https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md",children:(0,c.T)({id:"shared.wip.var.contribute.link"})})]})]}),(0,n.jsx)("br",{}),(0,n.jsx)("p",{children:(0,n.jsx)("i",{children:"\ud83c\udf70 Stay tuned!"})})]})},a=[];function o(e){const t={admonition:"admonition",...(0,s.R)(),...e.components};return(0,n.jsx)(t.admonition,{title:"WIP",type:"caution",children:(0,n.jsx)(d,{ticket:e.ticket})})}function u(e={}){const{wrapper:t}={...(0,s.R)(),...e.components};return t?(0,n.jsx)(t,{...e,children:(0,n.jsx)(o,{...e})}):o(e)}},3906:(e,t,i)=>{i.r(t),i.d(t,{assets:()=>o,contentTitle:()=>d,default:()=>p,frontMatter:()=>c,metadata:()=>a,toc:()=>u});var n=i(6070),s=i(1100),r=i(1928);const c={sidebar_class_name:"sidebar-item--wip",unlisted:!0},d="\u041c\u0435\u0442\u0440\u0438\u043a\u0430",a={id:"guides/examples/metric",title:"\u041c\u0435\u0442\u0440\u0438\u043a\u0430",description:"\u041f\u0440\u043e \u0441\u043f\u043e\u0441\u043e\u0431\u044b \u0438\u043d\u0438\u0446\u0438\u0430\u043b\u0438\u0437\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u043c\u0435\u0442\u0440\u0438\u043a\u0438 \u0432 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0438",source:"@site/i18n/ru/docusaurus-plugin-content-docs/current/guides/examples/metric.mdx",sourceDirName:"guides/examples",slug:"/guides/examples/metric",permalink:"/ru/docs/guides/examples/metric",draft:!1,unlisted:!0,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/ru/docusaurus-plugin-content-docs/current/guides/examples/metric.mdx",tags:[],version:"current",lastUpdatedAt:1727607766e3,frontMatter:{sidebar_class_name:"sidebar-item--wip",unlisted:!0},sidebar:"guidesSidebar"},o={},u=[...r.RM];function l(e){const t={blockquote:"blockquote",h1:"h1",header:"header",p:"p",...(0,s.R)(),...e.components};return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(t.header,{children:(0,n.jsx)(t.h1,{id:"\u043c\u0435\u0442\u0440\u0438\u043a\u0430",children:"\u041c\u0435\u0442\u0440\u0438\u043a\u0430"})}),"\n",(0,n.jsx)(r.Ay,{ticket:"181"}),"\n",(0,n.jsxs)(t.blockquote,{children:["\n",(0,n.jsx)(t.p,{children:"\u041f\u0440\u043e \u0441\u043f\u043e\u0441\u043e\u0431\u044b \u0438\u043d\u0438\u0446\u0438\u0430\u043b\u0438\u0437\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u043c\u0435\u0442\u0440\u0438\u043a\u0438 \u0432 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0438"}),"\n"]})]})}function p(e={}){const{wrapper:t}={...(0,s.R)(),...e.components};return t?(0,n.jsx)(t,{...e,children:(0,n.jsx)(l,{...e})}):l(e)}},1100:(e,t,i)=>{i.d(t,{R:()=>c,x:()=>d});var n=i(758);const s={},r=n.createContext(s);function c(e){const t=n.useContext(r);return n.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function d(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(s):e.components||s:c(e.components),n.createElement(r.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
+"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[887],{1928:(e,t,i)=>{i.d(t,{Ay:()=>u,RM:()=>a});var n=i(6070),s=i(1100),r=(i(758),i(6783)),c=i(7765);const d=e=>{let{ticket:t}=e;const i=`https://github.com/feature-sliced/documentation/issues/${t}`;return(0,n.jsxs)("div",{children:[(0,n.jsx)("p",{children:(0,c.T)({id:"shared.wip.title"})}),(0,n.jsx)("p",{children:(0,c.T)({id:"shared.wip.subtitle"})}),(0,n.jsxs)("ul",{children:[(0,n.jsxs)("li",{children:[(0,c.T)({id:"shared.wip.var.feedback.base"}),(0,n.jsx)(r.A,{to:i,children:(0,c.T)({id:"shared.wip.var.feedback.link"})})]}),(0,n.jsxs)("li",{children:[(0,c.T)({id:"shared.wip.var.material.base"}),(0,n.jsx)(r.A,{to:"https://t.me/feature_sliced",children:(0,c.T)({id:"shared.wip.var.material.link"})})]}),(0,n.jsxs)("li",{children:[(0,c.T)({id:"shared.wip.var.contribute.base"}),(0,n.jsx)(r.A,{to:"https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md",children:(0,c.T)({id:"shared.wip.var.contribute.link"})})]})]}),(0,n.jsx)("br",{}),(0,n.jsx)("p",{children:(0,n.jsx)("i",{children:"\ud83c\udf70 Stay tuned!"})})]})},a=[];function o(e){const t={admonition:"admonition",...(0,s.R)(),...e.components};return(0,n.jsx)(t.admonition,{title:"WIP",type:"caution",children:(0,n.jsx)(d,{ticket:e.ticket})})}function u(e={}){const{wrapper:t}={...(0,s.R)(),...e.components};return t?(0,n.jsx)(t,{...e,children:(0,n.jsx)(o,{...e})}):o(e)}},3906:(e,t,i)=>{i.r(t),i.d(t,{assets:()=>o,contentTitle:()=>d,default:()=>p,frontMatter:()=>c,metadata:()=>a,toc:()=>u});var n=i(6070),s=i(1100),r=i(1928);const c={sidebar_class_name:"sidebar-item--wip",unlisted:!0},d="\u041c\u0435\u0442\u0440\u0438\u043a\u0430",a={id:"guides/examples/metric",title:"\u041c\u0435\u0442\u0440\u0438\u043a\u0430",description:"\u041f\u0440\u043e \u0441\u043f\u043e\u0441\u043e\u0431\u044b \u0438\u043d\u0438\u0446\u0438\u0430\u043b\u0438\u0437\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u043c\u0435\u0442\u0440\u0438\u043a\u0438 \u0432 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0438",source:"@site/i18n/ru/docusaurus-plugin-content-docs/current/guides/examples/metric.mdx",sourceDirName:"guides/examples",slug:"/guides/examples/metric",permalink:"/ru/docs/guides/examples/metric",draft:!1,unlisted:!0,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/ru/docusaurus-plugin-content-docs/current/guides/examples/metric.mdx",tags:[],version:"current",lastUpdatedAt:1728325386e3,frontMatter:{sidebar_class_name:"sidebar-item--wip",unlisted:!0},sidebar:"guidesSidebar"},o={},u=[...r.RM];function l(e){const t={blockquote:"blockquote",h1:"h1",header:"header",p:"p",...(0,s.R)(),...e.components};return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(t.header,{children:(0,n.jsx)(t.h1,{id:"\u043c\u0435\u0442\u0440\u0438\u043a\u0430",children:"\u041c\u0435\u0442\u0440\u0438\u043a\u0430"})}),"\n",(0,n.jsx)(r.Ay,{ticket:"181"}),"\n",(0,n.jsxs)(t.blockquote,{children:["\n",(0,n.jsx)(t.p,{children:"\u041f\u0440\u043e \u0441\u043f\u043e\u0441\u043e\u0431\u044b \u0438\u043d\u0438\u0446\u0438\u0430\u043b\u0438\u0437\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u043c\u0435\u0442\u0440\u0438\u043a\u0438 \u0432 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0438"}),"\n"]})]})}function p(e={}){const{wrapper:t}={...(0,s.R)(),...e.components};return t?(0,n.jsx)(t,{...e,children:(0,n.jsx)(l,{...e})}):l(e)}},1100:(e,t,i)=>{i.d(t,{R:()=>c,x:()=>d});var n=i(758);const s={},r=n.createContext(s);function c(e){const t=n.useContext(r);return n.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function d(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(s):e.components||s:c(e.components),n.createElement(r.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
diff --git a/ru/assets/js/58b64b99.ceda65a2.js b/ru/assets/js/58b64b99.7a2c20a7.js
similarity index 99%
rename from ru/assets/js/58b64b99.ceda65a2.js
rename to ru/assets/js/58b64b99.7a2c20a7.js
index 59b818a8b4..1e33d2a33e 100644
--- a/ru/assets/js/58b64b99.ceda65a2.js
+++ b/ru/assets/js/58b64b99.7a2c20a7.js
@@ -1 +1 @@
-"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[8056],{3870:(e,s,n)=>{n.r(s),n.d(s,{assets:()=>p,contentTitle:()=>r,default:()=>l,frontMatter:()=>c,metadata:()=>i,toc:()=>a});var t=n(6070),d=n(1100);const c={sidebar_position:10},r="\u0418\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u0435 \u0441 NextJS",i={id:"guides/tech/with-nextjs",title:"\u0418\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u0435 \u0441 NextJS",description:"\u0412 NextJS \u043f\u0440\u043e\u0435\u043a\u0442\u0435 \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e \u0440\u0435\u0430\u043b\u0438\u0437\u043e\u0432\u0430\u0442\u044c FSD, \u043d\u043e \u0432\u043e\u0437\u043d\u0438\u043a\u0430\u044e\u0442 \u043a\u043e\u043d\u0444\u043b\u0438\u043a\u0442\u044b \u0438\u0437-\u0437\u0430 \u0440\u0430\u0437\u043b\u0438\u0447\u0438\u0439 \u043c\u0435\u0436\u0434\u0443 \u0442\u0440\u0435\u0431\u043e\u0432\u0430\u043d\u0438\u044f\u043c\u0438 \u043a \u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u0435 \u043f\u0440\u043e\u0435\u043a\u0442\u0430 NextJS \u0438 \u043f\u0440\u0438\u043d\u0446\u0438\u043f\u0430\u043c\u0438 FSD \u0432 \u0434\u0432\u0443\u0445 \u043f\u0443\u043d\u043a\u0442\u0430\u0445:",source:"@site/i18n/ru/docusaurus-plugin-content-docs/current/guides/tech/with-nextjs.mdx",sourceDirName:"guides/tech",slug:"/guides/tech/with-nextjs",permalink:"/ru/docs/guides/tech/with-nextjs",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/ru/docusaurus-plugin-content-docs/current/guides/tech/with-nextjs.mdx",tags:[],version:"current",lastUpdatedAt:1727607766e3,sidebarPosition:10,frontMatter:{sidebar_position:10},sidebar:"guidesSidebar",previous:{title:"\u041c\u0438\u0433\u0440\u0430\u0446\u0438\u044f \u0441 v1",permalink:"/ru/docs/guides/migration/from-v1"},next:{title:"\u0418\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u0435 \u0441 NuxtJS",permalink:"/ru/docs/guides/tech/with-nuxtjs"}},p={},a=[{value:"\u041a\u043e\u043d\u0444\u043b\u0438\u043a\u0442 \u043c\u0435\u0436\u0434\u0443 FSD \u0438 NextJS \u0432 \u0441\u043b\u043e\u0435 <code>pages</code>",id:"pages-conflict",level:2},{value:"\u041f\u0435\u0440\u0435\u043c\u0435\u0449\u0435\u043d\u0438\u0435 \u043f\u0430\u043f\u043a\u0438 <code>pages</code> NextJS \u0432 \u043a\u043e\u0440\u043d\u0435\u0432\u0443\u044e \u043f\u0430\u043f\u043a\u0443 \u043f\u0440\u043e\u0435\u043a\u0442\u0430 (\u0440\u0435\u043a\u043e\u043c\u0435\u043d\u0434\u0443\u0435\u0442\u0441\u044f)",id:"\u043f\u0435\u0440\u0435\u043c\u0435\u0449\u0435\u043d\u0438\u0435-\u043f\u0430\u043f\u043a\u0438-pages-nextjs-\u0432-\u043a\u043e\u0440\u043d\u0435\u0432\u0443\u044e-\u043f\u0430\u043f\u043a\u0443-\u043f\u0440\u043e\u0435\u043a\u0442\u0430-\u0440\u0435\u043a\u043e\u043c\u0435\u043d\u0434\u0443\u0435\u0442\u0441\u044f",level:3},{value:"\u041f\u0435\u0440\u0435\u0438\u043c\u0435\u043d\u043e\u0432\u0430\u043d\u0438\u0435 \u043f\u0430\u043f\u043a\u0438 <code>pages</code> \u0432 \u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u0435 FSD",id:"\u043f\u0435\u0440\u0435\u0438\u043c\u0435\u043d\u043e\u0432\u0430\u043d\u0438\u0435-\u043f\u0430\u043f\u043a\u0438-pages-\u0432-\u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u0435-fsd",level:3},{value:"\u041e\u0442\u0441\u0443\u0442\u0441\u0442\u0432\u0438\u0435 \u043f\u0430\u043f\u043a\u0438 <code>app</code> \u0432 NextJS",id:"app-absence",level:2},{value:"\u0418\u043c\u043f\u043e\u0440\u0442 \u0444\u0443\u043d\u043a\u0446\u0438\u043e\u043d\u0430\u043b\u044c\u043d\u043e\u0441\u0442\u0438 \u0432 <code>pages/_app.tsx</code>",id:"\u0438\u043c\u043f\u043e\u0440\u0442-\u0444\u0443\u043d\u043a\u0446\u0438\u043e\u043d\u0430\u043b\u044c\u043d\u043e\u0441\u0442\u0438-\u0432-pages_apptsx",level:3},{value:"\u0420\u0430\u0431\u043e\u0442\u0430 \u0441 App Router",id:"app-router",level:2},{value:"\u0421\u043c. \u0442\u0430\u043a\u0436\u0435",id:"see-also",level:2}];function o(e){const s={a:"a",code:"code",h1:"h1",h2:"h2",h3:"h3",header:"header",img:"img",li:"li",p:"p",pre:"pre",strong:"strong",ul:"ul",...(0,d.R)(),...e.components};return(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(s.header,{children:(0,t.jsx)(s.h1,{id:"\u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u0435-\u0441-nextjs",children:"\u0418\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u0435 \u0441 NextJS"})}),"\n",(0,t.jsx)(s.p,{children:"\u0412 NextJS \u043f\u0440\u043e\u0435\u043a\u0442\u0435 \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e \u0440\u0435\u0430\u043b\u0438\u0437\u043e\u0432\u0430\u0442\u044c FSD, \u043d\u043e \u0432\u043e\u0437\u043d\u0438\u043a\u0430\u044e\u0442 \u043a\u043e\u043d\u0444\u043b\u0438\u043a\u0442\u044b \u0438\u0437-\u0437\u0430 \u0440\u0430\u0437\u043b\u0438\u0447\u0438\u0439 \u043c\u0435\u0436\u0434\u0443 \u0442\u0440\u0435\u0431\u043e\u0432\u0430\u043d\u0438\u044f\u043c\u0438 \u043a \u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u0435 \u043f\u0440\u043e\u0435\u043a\u0442\u0430 NextJS \u0438 \u043f\u0440\u0438\u043d\u0446\u0438\u043f\u0430\u043c\u0438 FSD \u0432 \u0434\u0432\u0443\u0445 \u043f\u0443\u043d\u043a\u0442\u0430\u0445:\xa0"}),"\n",(0,t.jsxs)(s.ul,{children:["\n",(0,t.jsxs)(s.li,{children:["\u041c\u0430\u0440\u0448\u0440\u0443\u0442\u0438\u0437\u0430\u0446\u0438\u044f \u0444\u0430\u0439\u043b\u043e\u0432 \u0432 \u0441\u043b\u043e\u0435 ",(0,t.jsx)(s.code,{children:"pages"})]}),"\n",(0,t.jsxs)(s.li,{children:["\u041a\u043e\u043d\u0444\u043b\u0438\u043a\u0442 \u0438\u043b\u0438 \u043e\u0442\u0441\u0443\u0442\u0441\u0442\u0432\u0438\u0435 \u0441\u043b\u043e\u044f ",(0,t.jsx)(s.code,{children:"app"})," \u0432 NextJS"]}),"\n"]}),"\n",(0,t.jsxs)(s.h2,{id:"pages-conflict",children:["\u041a\u043e\u043d\u0444\u043b\u0438\u043a\u0442 \u043c\u0435\u0436\u0434\u0443 FSD \u0438 NextJS \u0432 \u0441\u043b\u043e\u0435 ",(0,t.jsx)(s.code,{children:"pages"})]}),"\n",(0,t.jsxs)(s.p,{children:["NextJS \u043f\u0440\u0435\u0434\u043b\u0430\u0433\u0430\u0435\u0442 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u043f\u0430\u043f\u043a\u0443 ",(0,t.jsx)(s.code,{children:"pages"})," \u0434\u043b\u044f \u043e\u043f\u0440\u0435\u0434\u0435\u043b\u0435\u043d\u0438\u044f \u043c\u0430\u0440\u0448\u0440\u0443\u0442\u043e\u0432 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f. NextJS \u043e\u0436\u0438\u0434\u0430\u0435\u0442, \u0447\u0442\u043e \u0444\u0430\u0439\u043b\u044b \u0432 \u043f\u0430\u043f\u043a\u0435 ",(0,t.jsx)(s.code,{children:"pages"})," \u0431\u0443\u0434\u0443\u0442 \u0441\u043e\u043e\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u043e\u0432\u0430\u0442\u044c URL-\u0430\u0434\u0440\u0435\u0441\u0430\u043c.\n\u042d\u0442\u043e\u0442 \u043c\u0435\u0445\u0430\u043d\u0438\u0437\u043c \u043c\u0430\u0440\u0448\u0440\u0443\u0442\u0438\u0437\u0430\u0446\u0438\u0438 ",(0,t.jsx)(s.strong,{children:"\u043d\u0435 \u0441\u043e\u043e\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0443\u0435\u0442"})," \u043a\u043e\u043d\u0446\u0435\u043f\u0446\u0438\u0438 FSD, \u043f\u043e\u0441\u043a\u043e\u043b\u044c\u043a\u0443 \u0432 \u0442\u0430\u043a\u043e\u043c \u043c\u0435\u0445\u0430\u043d\u0438\u0437\u043c\u0435 \u043c\u0430\u0440\u0448\u0440\u0443\u0442\u0438\u0437\u0430\u0446\u0438\u0438 \u043d\u0435 \u043f\u0440\u0435\u0434\u0441\u0442\u0430\u0432\u043b\u044f\u0435\u0442\u0441\u044f \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u044b\u043c \u0441\u043e\u0431\u043b\u044e\u0441\u0442\u0438 \u043f\u043b\u043e\u0441\u043a\u0443\u044e \u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u0443 \u0441\u043b\u0430\u0439\u0441\u043e\u0432."]}),"\n",(0,t.jsxs)(s.h3,{id:"\u043f\u0435\u0440\u0435\u043c\u0435\u0449\u0435\u043d\u0438\u0435-\u043f\u0430\u043f\u043a\u0438-pages-nextjs-\u0432-\u043a\u043e\u0440\u043d\u0435\u0432\u0443\u044e-\u043f\u0430\u043f\u043a\u0443-\u043f\u0440\u043e\u0435\u043a\u0442\u0430-\u0440\u0435\u043a\u043e\u043c\u0435\u043d\u0434\u0443\u0435\u0442\u0441\u044f",children:["\u041f\u0435\u0440\u0435\u043c\u0435\u0449\u0435\u043d\u0438\u0435 \u043f\u0430\u043f\u043a\u0438 ",(0,t.jsx)(s.code,{children:"pages"})," NextJS \u0432 \u043a\u043e\u0440\u043d\u0435\u0432\u0443\u044e \u043f\u0430\u043f\u043a\u0443 \u043f\u0440\u043e\u0435\u043a\u0442\u0430 (\u0440\u0435\u043a\u043e\u043c\u0435\u043d\u0434\u0443\u0435\u0442\u0441\u044f)"]}),"\n",(0,t.jsxs)(s.p,{children:["\u041f\u043e\u0434\u0445\u043e\u0434 \u0437\u0430\u043a\u043b\u044e\u0447\u0430\u0435\u0442\u0441\u044f \u0432 \u043f\u0435\u0440\u0435\u043c\u0435\u0449\u0435\u043d\u0438\u0438 \u043f\u0430\u043f\u043a\u0438 ",(0,t.jsx)(s.code,{children:"pages"})," NextJS \u0432 \u043a\u043e\u0440\u043d\u0435\u0432\u0443\u044e \u043f\u0430\u043f\u043a\u0443 \u043f\u0440\u043e\u0435\u043a\u0442\u0430 \u0438 \u0438\u043c\u043f\u043e\u0440\u0442\u0435 \u0441\u0442\u0440\u0430\u043d\u0438\u0446 FSD \u0432 \u043f\u0430\u043f\u043a\u0443 ",(0,t.jsx)(s.code,{children:"pages"})," NextJS. \u042d\u0442\u043e \u0441\u043e\u0445\u0440\u0430\u043d\u044f\u0435\u0442\n\u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u0443 \u043f\u0440\u043e\u0435\u043a\u0442\u0430 FSD \u0432\u043d\u0443\u0442\u0440\u0438 \u043f\u0430\u043f\u043a\u0438 ",(0,t.jsx)(s.code,{children:"src"}),"."]}),"\n",(0,t.jsx)(s.pre,{children:(0,t.jsx)(s.code,{className:"language-sh",children:"\u251c\u2500\u2500 pages              # \u041f\u0430\u043f\u043a\u0430 pages (NextJS)\n\u251c\u2500\u2500 src\n\u2502   \u251c\u2500\u2500 app\n\u2502   \u251c\u2500\u2500 entities\n\u2502   \u251c\u2500\u2500 features\n\u2502   \u251c\u2500\u2500 pages          # \u041f\u0430\u043f\u043a\u0430 pages (FSD)\n\u2502   \u251c\u2500\u2500 shared\n\u2502   \u251c\u2500\u2500 widgets\n"})}),"\n",(0,t.jsxs)(s.h3,{id:"\u043f\u0435\u0440\u0435\u0438\u043c\u0435\u043d\u043e\u0432\u0430\u043d\u0438\u0435-\u043f\u0430\u043f\u043a\u0438-pages-\u0432-\u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u0435-fsd",children:["\u041f\u0435\u0440\u0435\u0438\u043c\u0435\u043d\u043e\u0432\u0430\u043d\u0438\u0435 \u043f\u0430\u043f\u043a\u0438 ",(0,t.jsx)(s.code,{children:"pages"})," \u0432 \u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u0435 FSD"]}),"\n",(0,t.jsxs)(s.p,{children:["\u0414\u0440\u0443\u0433\u043e\u0439 \u0441\u043f\u043e\u0441\u043e\u0431 \u0440\u0435\u0448\u0438\u0442\u044c \u043f\u0440\u043e\u0431\u043b\u0435\u043c\u0443 - \u043f\u0435\u0440\u0435\u0438\u043c\u0435\u043d\u043e\u0432\u0430\u0442\u044c \u0441\u043b\u043e\u0439 ",(0,t.jsx)(s.code,{children:"pages"})," \u0432 \u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u0435 FSD, \u0447\u0442\u043e\u0431\u044b \u0438\u0437\u0431\u0435\u0436\u0430\u0442\u044c \u043a\u043e\u043d\u0444\u043b\u0438\u043a\u0442\u043e\u0432 \u0441 \u043f\u0430\u043f\u043a\u043e\u0439 ",(0,t.jsx)(s.code,{children:"pages"})," NextJS.\n\u0412\u044b \u043c\u043e\u0436\u0435\u0442\u0435 \u043f\u0435\u0440\u0435\u0438\u043c\u0435\u043d\u043e\u0432\u0430\u0442\u044c \u0441\u043b\u043e\u0439 ",(0,t.jsx)(s.code,{children:"pages"})," \u0432 FSD \u0432 ",(0,t.jsx)(s.code,{children:"views"}),".\xa0\n\u0422\u0430\u043a\u0438\u043c \u043e\u0431\u0440\u0430\u0437\u043e\u043c, \u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u0430 \u043f\u0440\u043e\u0435\u043a\u0442\u0430 \u0432 \u043f\u0430\u043f\u043a\u0435 ",(0,t.jsx)(s.code,{children:"src"})," \u0441\u043e\u0445\u0440\u0430\u043d\u044f\u0435\u0442\u0441\u044f \u0431\u0435\u0437 \u043f\u0440\u043e\u0442\u0438\u0432\u043e\u0440\u0435\u0447\u0438\u0439 \u0441 \u0442\u0440\u0435\u0431\u043e\u0432\u0430\u043d\u0438\u044f\u043c\u0438 NextJS."]}),"\n",(0,t.jsx)(s.pre,{children:(0,t.jsx)(s.code,{className:"language-sh",children:"\u251c\u2500\u2500 app\n\u251c\u2500\u2500 entities\n\u251c\u2500\u2500 features\n\u251c\u2500\u2500 pages              # \u041f\u0430\u043f\u043a\u0430 pages (NextJS)\n\u251c\u2500\u2500 views              # \u041f\u0435\u0440\u0435\u0438\u043c\u0435\u043d\u043e\u0432\u0430\u043d\u043d\u0430\u044f \u043f\u0430\u043f\u043a\u0430 \u0441\u0442\u0440\u0430\u043d\u0438\u0446 FSD\n\u251c\u2500\u2500 shared\n\u251c\u2500\u2500 widgets\n"})}),"\n",(0,t.jsxs)(s.p,{children:["\u0423\u0447\u0442\u0438\u0442\u0435, \u0447\u0442\u043e \u0432 \u044d\u0442\u043e\u043c \u0441\u043b\u0443\u0447\u0430\u0435 \u0440\u0435\u043a\u043e\u043c\u0435\u043d\u0434\u0443\u0435\u0442\u0441\u044f \u0437\u0430\u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u044d\u0442\u043e \u043f\u0435\u0440\u0435\u0438\u043c\u0435\u043d\u043e\u0432\u0430\u043d\u0438\u0435 \u0432 \u0432\u0438\u0434\u043d\u043e\u043c \u043c\u0435\u0441\u0442\u0435 \u2014 \u0432 README \u043f\u0440\u043e\u0435\u043a\u0442\u0430 \u0438\u043b\u0438 \u0432\u043d\u0443\u0442\u0440\u0435\u043d\u043d\u0435\u0439 \u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u0430\u0446\u0438\u0438. \u042d\u0442\u043e \u043f\u0435\u0440\u0435\u0438\u043c\u0435\u043d\u043e\u0432\u0430\u043d\u0438\u0435 \u2014 \u0447\u0430\u0441\u0442\u044c ",(0,t.jsx)(s.a,{href:"/docs/about/understanding/knowledge-types",children:'"\u043f\u0440\u043e\u0435\u043a\u0442\u043d\u044b\u0445 \u0437\u043d\u0430\u043d\u0438\u0439"'}),"."]}),"\n",(0,t.jsxs)(s.h2,{id:"app-absence",children:["\u041e\u0442\u0441\u0443\u0442\u0441\u0442\u0432\u0438\u0435 \u043f\u0430\u043f\u043a\u0438 ",(0,t.jsx)(s.code,{children:"app"})," \u0432 NextJS"]}),"\n",(0,t.jsxs)(s.p,{children:["\u0412 NextJS \u043d\u0438\u0436\u0435 \u0432\u0435\u0440\u0441\u0438\u0438 13 \u043d\u0435\u0442 \u044f\u0432\u043d\u043e\u0439 \u043f\u0430\u043f\u043a\u0438 ",(0,t.jsx)(s.code,{children:"app"}),", \u0432\u043c\u0435\u0441\u0442\u043e \u044d\u0442\u043e\u0433\u043e NextJS \u043f\u0440\u0435\u0434\u043e\u0441\u0442\u0430\u0432\u043b\u044f\u0435\u0442 \u0444\u0430\u0439\u043b ",(0,t.jsx)(s.code,{children:"_app.tsx"}),",\n\u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u0438\u0433\u0440\u0430\u0435\u0442 \u0440\u043e\u043b\u044c \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u0430 \u043e\u0431\u0435\u0440\u0442\u044b\u0432\u0430\u043d\u0438\u044f \u0434\u043b\u044f \u0432\u0441\u0435\u0445 \u0441\u0442\u0440\u0430\u043d\u0438\u0446 \u043f\u0440\u043e\u0435\u043a\u0442\u0430."]}),"\n",(0,t.jsxs)(s.h3,{id:"\u0438\u043c\u043f\u043e\u0440\u0442-\u0444\u0443\u043d\u043a\u0446\u0438\u043e\u043d\u0430\u043b\u044c\u043d\u043e\u0441\u0442\u0438-\u0432-pages_apptsx",children:["\u0418\u043c\u043f\u043e\u0440\u0442 \u0444\u0443\u043d\u043a\u0446\u0438\u043e\u043d\u0430\u043b\u044c\u043d\u043e\u0441\u0442\u0438 \u0432 ",(0,t.jsx)(s.code,{children:"pages/_app.tsx"})]}),"\n",(0,t.jsxs)(s.p,{children:["\u0427\u0442\u043e\u0431\u044b \u0440\u0435\u0448\u0438\u0442\u044c \u043f\u0440\u043e\u0431\u043b\u0435\u043c\u0443 \u043e\u0442\u0441\u0443\u0442\u0441\u0442\u0432\u0438\u044f \u043f\u0430\u043f\u043a\u0438 ",(0,t.jsx)(s.code,{children:"app"})," \u0432 \u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u0435 NextJS, \u0432\u044b \u043c\u043e\u0436\u0435\u0442\u0435 \u0441\u043e\u0437\u0434\u0430\u0442\u044c \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442 ",(0,t.jsx)(s.code,{children:"App"})," \u0432\u043d\u0443\u0442\u0440\u0438 \u0441\u043b\u043e\u044f ",(0,t.jsx)(s.code,{children:"app"})," \u0438 \u0438\u043c\u043f\u043e\u0440\u0442\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442 ",(0,t.jsx)(s.code,{children:"App"})," \u0432 ",(0,t.jsx)(s.code,{children:"pages/_app.tsx"}),", \u0447\u0442\u043e\u0431\u044b NextJS \u043c\u043e\u0433 \u0441 \u043d\u0438\u043c \u0440\u0430\u0431\u043e\u0442\u0430\u0442\u044c.\n\u041d\u0430\u043f\u0440\u0438\u043c\u0435\u0440:"]}),"\n",(0,t.jsx)(s.pre,{children:(0,t.jsx)(s.code,{className:"language-tsx",children:"// app/providers/index.tsx\n\nconst App = ({ Component, pageProps }: AppProps) => {\n  return (\n    <Provider1>\n      <Provider2>\n        <BaseLayout>\n            <Component {...pageProps} />\n        </BaseLayout>\n      </Provider2>\n    </Provider1>\n  );\n};\n\nexport default App;\n"})}),"\n",(0,t.jsxs)(s.p,{children:["\u0417\u0430\u0442\u0435\u043c \u0432\u044b \u043c\u043e\u0436\u0435\u0442\u0435 \u0438\u043c\u043f\u043e\u0440\u0442\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442 ",(0,t.jsx)(s.code,{children:"App"})," \u0438 \u0433\u043b\u043e\u0431\u0430\u043b\u044c\u043d\u044b\u0435 \u0441\u0442\u0438\u043b\u0438 \u043f\u0440\u043e\u0435\u043a\u0442\u0430 \u0432 ",(0,t.jsx)(s.code,{children:"pages/_app.tsx"})," \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0438\u043c \u043e\u0431\u0440\u0430\u0437\u043e\u043c:"]}),"\n",(0,t.jsx)(s.pre,{children:(0,t.jsx)(s.code,{className:"language-tsx",children:"// pages/_app.tsx\n\nimport 'app/styles/index.scss'\n\nexport { default } from 'app/providers';\n"})}),"\n",(0,t.jsx)(s.h2,{id:"app-router",children:"\u0420\u0430\u0431\u043e\u0442\u0430 \u0441 App Router"}),"\n",(0,t.jsxs)(s.p,{children:["App Router \u0441\u0442\u0430\u043b \u0441\u0442\u0430\u0431\u0438\u043b\u044c\u043d\u044b\u043c \u0432 NextJS \u0432\u0435\u0440\u0441\u0438\u0438 13.4. App Router \u043f\u043e\u0437\u0432\u043e\u043b\u044f\u0435\u0442 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u043f\u0430\u043f\u043a\u0443 ",(0,t.jsx)(s.code,{children:"app"})," \u0434\u043b\u044f \u043c\u0430\u0440\u0448\u0440\u0443\u0442\u0438\u0437\u0430\u0446\u0438\u0438 \u0432\u043c\u0435\u0441\u0442\u043e \u043f\u0430\u043f\u043a\u0438 ",(0,t.jsx)(s.code,{children:"pages"}),".\n\u0414\u043b\u044f \u0441\u043e\u043e\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0438\u044f \u043f\u0440\u0438\u043d\u0446\u0438\u043f\u0430\u043c FSD, \u0432\u0430\u043c \u0441\u043b\u0435\u0434\u0443\u0435\u0442 \u043e\u0431\u0440\u0430\u0449\u0430\u0442\u044c\u0441\u044f \u0441 \u043f\u0430\u043f\u043a\u043e\u0439 ",(0,t.jsx)(s.code,{children:"app"})," NextJS \u0442\u0430\u043a \u0436\u0435, \u043a\u0430\u043a \u0440\u0435\u043a\u043e\u043c\u0435\u043d\u0434\u0443\u0435\u0442\u0441\u044f\n\u0434\u043b\u044f \u0443\u0441\u0442\u0440\u0430\u043d\u0435\u043d\u0438\u044f \u043a\u043e\u043d\u0444\u043b\u0438\u043a\u0442\u0430 \u0441 \u043f\u0430\u043f\u043a\u043e\u0439 ",(0,t.jsx)(s.code,{children:"pages"})," NextJS."]}),"\n",(0,t.jsxs)(s.p,{children:["\u041f\u043e\u0434\u0445\u043e\u0434 \u0437\u0430\u043a\u043b\u044e\u0447\u0430\u0435\u0442\u0441\u044f \u0432 \u043f\u0435\u0440\u0435\u043c\u0435\u0449\u0435\u043d\u0438\u0438 \u043f\u0430\u043f\u043a\u0438 ",(0,t.jsx)(s.code,{children:"app"})," NextJS \u0432 \u043a\u043e\u0440\u043d\u0435\u0432\u0443\u044e \u043f\u0430\u043f\u043a\u0443 \u043f\u0440\u043e\u0435\u043a\u0442\u0430 \u0438 \u0438\u043c\u043f\u043e\u0440\u0442\u0435 \u0441\u0442\u0440\u0430\u043d\u0438\u0446 FSD \u0432 \u043f\u0430\u043f\u043a\u0443 ",(0,t.jsx)(s.code,{children:"app"})," NextJS. \u042d\u0442\u043e \u0441\u043e\u0445\u0440\u0430\u043d\u044f\u0435\u0442\n\u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u0443 \u043f\u0440\u043e\u0435\u043a\u0442\u0430 FSD \u0432\u043d\u0443\u0442\u0440\u0438 \u043f\u0430\u043f\u043a\u0438 ",(0,t.jsx)(s.code,{children:"src"}),". \u0412\u0430\u043c \u0442\u0430\u043a\u0436\u0435 \u0441\u0442\u043e\u0438\u0442 \u0434\u043e\u0431\u0430\u0432\u0438\u0442\u044c \u0432 \u043a\u043e\u0440\u043d\u0435\u0432\u0443\u044e \u043f\u0430\u043f\u043a\u0443 \u043f\u0440\u043e\u0435\u043a\u0442\u0430 \u043f\u0430\u043f\u043a\u0443 ",(0,t.jsx)(s.code,{children:"pages"}),", \u043f\u043e\u0442\u043e\u043c\u0443 \u0447\u0442\u043e App Router \u0441\u043e\u0432\u043c\u0435\u0441\u0442\u0438\u043c \u0441 Pages Router."]}),"\n",(0,t.jsx)(s.pre,{children:(0,t.jsx)(s.code,{children:"\u251c\u2500\u2500 app                # \u041f\u0430\u043f\u043a\u0430 app (NextJS)\n\u251c\u2500\u2500 pages              # \u041f\u0443\u0441\u0442\u0430\u044f \u043f\u0430\u043f\u043a\u0430 pages (NextJS)\n\u2502   \u251c\u2500\u2500 README.md      # \u041e\u043f\u0438\u0441\u0430\u043d\u0438\u0435 \u0442\u043e\u0433\u043e, \u0437\u0430\u0447\u0435\u043c \u043d\u0443\u0436\u043d\u0430 \u044d\u0442\u0430 \u043f\u0430\u043f\u043a\u0430\n\u251c\u2500\u2500 src\n\u2502   \u251c\u2500\u2500 app            # \u041f\u0430\u043f\u043a\u0430 app (FSD)\n\u2502   \u251c\u2500\u2500 entities\n\u2502   \u251c\u2500\u2500 features\n\u2502   \u251c\u2500\u2500 pages          # \u041f\u0430\u043f\u043a\u0430 pages (FSD)\n\u2502   \u251c\u2500\u2500 shared\n\u2502   \u251c\u2500\u2500 widgets\n"})}),"\n",(0,t.jsx)(s.p,{children:(0,t.jsx)(s.a,{href:"https://stackblitz.com/edit/stackblitz-starters-aiez55?file=README.md",children:(0,t.jsx)(s.img,{src:"https://developer.stackblitz.com/img/open_in_stackblitz.svg",alt:"\u041e\u0442\u043a\u0440\u044b\u0442\u044c \u0432 StackBlitz"})})}),"\n",(0,t.jsx)(s.h2,{id:"see-also",children:"\u0421\u043c. \u0442\u0430\u043a\u0436\u0435"}),"\n",(0,t.jsxs)(s.ul,{children:["\n",(0,t.jsx)(s.li,{children:(0,t.jsx)(s.a,{href:"https://t.me/feature_sliced/3623",children:"(\u0422\u0440\u0435\u0434) \u041f\u0440\u043e pages \u0434\u0438\u0440\u0435\u043a\u0442\u043e\u0440\u0438\u044e \u0432 NextJS"})}),"\n"]})]})}function l(e={}){const{wrapper:s}={...(0,d.R)(),...e.components};return s?(0,t.jsx)(s,{...e,children:(0,t.jsx)(o,{...e})}):o(e)}},1100:(e,s,n)=>{n.d(s,{R:()=>r,x:()=>i});var t=n(758);const d={},c=t.createContext(d);function r(e){const s=t.useContext(c);return t.useMemo((function(){return"function"==typeof e?e(s):{...s,...e}}),[s,e])}function i(e){let s;return s=e.disableParentContext?"function"==typeof e.components?e.components(d):e.components||d:r(e.components),t.createElement(c.Provider,{value:s},e.children)}}}]);
\ No newline at end of file
+"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[8056],{3870:(e,s,n)=>{n.r(s),n.d(s,{assets:()=>p,contentTitle:()=>r,default:()=>l,frontMatter:()=>c,metadata:()=>i,toc:()=>a});var t=n(6070),d=n(1100);const c={sidebar_position:10},r="\u0418\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u0435 \u0441 NextJS",i={id:"guides/tech/with-nextjs",title:"\u0418\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u0435 \u0441 NextJS",description:"\u0412 NextJS \u043f\u0440\u043e\u0435\u043a\u0442\u0435 \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e \u0440\u0435\u0430\u043b\u0438\u0437\u043e\u0432\u0430\u0442\u044c FSD, \u043d\u043e \u0432\u043e\u0437\u043d\u0438\u043a\u0430\u044e\u0442 \u043a\u043e\u043d\u0444\u043b\u0438\u043a\u0442\u044b \u0438\u0437-\u0437\u0430 \u0440\u0430\u0437\u043b\u0438\u0447\u0438\u0439 \u043c\u0435\u0436\u0434\u0443 \u0442\u0440\u0435\u0431\u043e\u0432\u0430\u043d\u0438\u044f\u043c\u0438 \u043a \u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u0435 \u043f\u0440\u043e\u0435\u043a\u0442\u0430 NextJS \u0438 \u043f\u0440\u0438\u043d\u0446\u0438\u043f\u0430\u043c\u0438 FSD \u0432 \u0434\u0432\u0443\u0445 \u043f\u0443\u043d\u043a\u0442\u0430\u0445:",source:"@site/i18n/ru/docusaurus-plugin-content-docs/current/guides/tech/with-nextjs.mdx",sourceDirName:"guides/tech",slug:"/guides/tech/with-nextjs",permalink:"/ru/docs/guides/tech/with-nextjs",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/ru/docusaurus-plugin-content-docs/current/guides/tech/with-nextjs.mdx",tags:[],version:"current",lastUpdatedAt:1728325386e3,sidebarPosition:10,frontMatter:{sidebar_position:10},sidebar:"guidesSidebar",previous:{title:"\u041c\u0438\u0433\u0440\u0430\u0446\u0438\u044f \u0441 v1",permalink:"/ru/docs/guides/migration/from-v1"},next:{title:"\u0418\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u0435 \u0441 NuxtJS",permalink:"/ru/docs/guides/tech/with-nuxtjs"}},p={},a=[{value:"\u041a\u043e\u043d\u0444\u043b\u0438\u043a\u0442 \u043c\u0435\u0436\u0434\u0443 FSD \u0438 NextJS \u0432 \u0441\u043b\u043e\u0435 <code>pages</code>",id:"pages-conflict",level:2},{value:"\u041f\u0435\u0440\u0435\u043c\u0435\u0449\u0435\u043d\u0438\u0435 \u043f\u0430\u043f\u043a\u0438 <code>pages</code> NextJS \u0432 \u043a\u043e\u0440\u043d\u0435\u0432\u0443\u044e \u043f\u0430\u043f\u043a\u0443 \u043f\u0440\u043e\u0435\u043a\u0442\u0430 (\u0440\u0435\u043a\u043e\u043c\u0435\u043d\u0434\u0443\u0435\u0442\u0441\u044f)",id:"\u043f\u0435\u0440\u0435\u043c\u0435\u0449\u0435\u043d\u0438\u0435-\u043f\u0430\u043f\u043a\u0438-pages-nextjs-\u0432-\u043a\u043e\u0440\u043d\u0435\u0432\u0443\u044e-\u043f\u0430\u043f\u043a\u0443-\u043f\u0440\u043e\u0435\u043a\u0442\u0430-\u0440\u0435\u043a\u043e\u043c\u0435\u043d\u0434\u0443\u0435\u0442\u0441\u044f",level:3},{value:"\u041f\u0435\u0440\u0435\u0438\u043c\u0435\u043d\u043e\u0432\u0430\u043d\u0438\u0435 \u043f\u0430\u043f\u043a\u0438 <code>pages</code> \u0432 \u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u0435 FSD",id:"\u043f\u0435\u0440\u0435\u0438\u043c\u0435\u043d\u043e\u0432\u0430\u043d\u0438\u0435-\u043f\u0430\u043f\u043a\u0438-pages-\u0432-\u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u0435-fsd",level:3},{value:"\u041e\u0442\u0441\u0443\u0442\u0441\u0442\u0432\u0438\u0435 \u043f\u0430\u043f\u043a\u0438 <code>app</code> \u0432 NextJS",id:"app-absence",level:2},{value:"\u0418\u043c\u043f\u043e\u0440\u0442 \u0444\u0443\u043d\u043a\u0446\u0438\u043e\u043d\u0430\u043b\u044c\u043d\u043e\u0441\u0442\u0438 \u0432 <code>pages/_app.tsx</code>",id:"\u0438\u043c\u043f\u043e\u0440\u0442-\u0444\u0443\u043d\u043a\u0446\u0438\u043e\u043d\u0430\u043b\u044c\u043d\u043e\u0441\u0442\u0438-\u0432-pages_apptsx",level:3},{value:"\u0420\u0430\u0431\u043e\u0442\u0430 \u0441 App Router",id:"app-router",level:2},{value:"\u0421\u043c. \u0442\u0430\u043a\u0436\u0435",id:"see-also",level:2}];function o(e){const s={a:"a",code:"code",h1:"h1",h2:"h2",h3:"h3",header:"header",img:"img",li:"li",p:"p",pre:"pre",strong:"strong",ul:"ul",...(0,d.R)(),...e.components};return(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(s.header,{children:(0,t.jsx)(s.h1,{id:"\u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u0435-\u0441-nextjs",children:"\u0418\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u0435 \u0441 NextJS"})}),"\n",(0,t.jsx)(s.p,{children:"\u0412 NextJS \u043f\u0440\u043e\u0435\u043a\u0442\u0435 \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e \u0440\u0435\u0430\u043b\u0438\u0437\u043e\u0432\u0430\u0442\u044c FSD, \u043d\u043e \u0432\u043e\u0437\u043d\u0438\u043a\u0430\u044e\u0442 \u043a\u043e\u043d\u0444\u043b\u0438\u043a\u0442\u044b \u0438\u0437-\u0437\u0430 \u0440\u0430\u0437\u043b\u0438\u0447\u0438\u0439 \u043c\u0435\u0436\u0434\u0443 \u0442\u0440\u0435\u0431\u043e\u0432\u0430\u043d\u0438\u044f\u043c\u0438 \u043a \u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u0435 \u043f\u0440\u043e\u0435\u043a\u0442\u0430 NextJS \u0438 \u043f\u0440\u0438\u043d\u0446\u0438\u043f\u0430\u043c\u0438 FSD \u0432 \u0434\u0432\u0443\u0445 \u043f\u0443\u043d\u043a\u0442\u0430\u0445:\xa0"}),"\n",(0,t.jsxs)(s.ul,{children:["\n",(0,t.jsxs)(s.li,{children:["\u041c\u0430\u0440\u0448\u0440\u0443\u0442\u0438\u0437\u0430\u0446\u0438\u044f \u0444\u0430\u0439\u043b\u043e\u0432 \u0432 \u0441\u043b\u043e\u0435 ",(0,t.jsx)(s.code,{children:"pages"})]}),"\n",(0,t.jsxs)(s.li,{children:["\u041a\u043e\u043d\u0444\u043b\u0438\u043a\u0442 \u0438\u043b\u0438 \u043e\u0442\u0441\u0443\u0442\u0441\u0442\u0432\u0438\u0435 \u0441\u043b\u043e\u044f ",(0,t.jsx)(s.code,{children:"app"})," \u0432 NextJS"]}),"\n"]}),"\n",(0,t.jsxs)(s.h2,{id:"pages-conflict",children:["\u041a\u043e\u043d\u0444\u043b\u0438\u043a\u0442 \u043c\u0435\u0436\u0434\u0443 FSD \u0438 NextJS \u0432 \u0441\u043b\u043e\u0435 ",(0,t.jsx)(s.code,{children:"pages"})]}),"\n",(0,t.jsxs)(s.p,{children:["NextJS \u043f\u0440\u0435\u0434\u043b\u0430\u0433\u0430\u0435\u0442 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u043f\u0430\u043f\u043a\u0443 ",(0,t.jsx)(s.code,{children:"pages"})," \u0434\u043b\u044f \u043e\u043f\u0440\u0435\u0434\u0435\u043b\u0435\u043d\u0438\u044f \u043c\u0430\u0440\u0448\u0440\u0443\u0442\u043e\u0432 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f. NextJS \u043e\u0436\u0438\u0434\u0430\u0435\u0442, \u0447\u0442\u043e \u0444\u0430\u0439\u043b\u044b \u0432 \u043f\u0430\u043f\u043a\u0435 ",(0,t.jsx)(s.code,{children:"pages"})," \u0431\u0443\u0434\u0443\u0442 \u0441\u043e\u043e\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u043e\u0432\u0430\u0442\u044c URL-\u0430\u0434\u0440\u0435\u0441\u0430\u043c.\n\u042d\u0442\u043e\u0442 \u043c\u0435\u0445\u0430\u043d\u0438\u0437\u043c \u043c\u0430\u0440\u0448\u0440\u0443\u0442\u0438\u0437\u0430\u0446\u0438\u0438 ",(0,t.jsx)(s.strong,{children:"\u043d\u0435 \u0441\u043e\u043e\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0443\u0435\u0442"})," \u043a\u043e\u043d\u0446\u0435\u043f\u0446\u0438\u0438 FSD, \u043f\u043e\u0441\u043a\u043e\u043b\u044c\u043a\u0443 \u0432 \u0442\u0430\u043a\u043e\u043c \u043c\u0435\u0445\u0430\u043d\u0438\u0437\u043c\u0435 \u043c\u0430\u0440\u0448\u0440\u0443\u0442\u0438\u0437\u0430\u0446\u0438\u0438 \u043d\u0435 \u043f\u0440\u0435\u0434\u0441\u0442\u0430\u0432\u043b\u044f\u0435\u0442\u0441\u044f \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u044b\u043c \u0441\u043e\u0431\u043b\u044e\u0441\u0442\u0438 \u043f\u043b\u043e\u0441\u043a\u0443\u044e \u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u0443 \u0441\u043b\u0430\u0439\u0441\u043e\u0432."]}),"\n",(0,t.jsxs)(s.h3,{id:"\u043f\u0435\u0440\u0435\u043c\u0435\u0449\u0435\u043d\u0438\u0435-\u043f\u0430\u043f\u043a\u0438-pages-nextjs-\u0432-\u043a\u043e\u0440\u043d\u0435\u0432\u0443\u044e-\u043f\u0430\u043f\u043a\u0443-\u043f\u0440\u043e\u0435\u043a\u0442\u0430-\u0440\u0435\u043a\u043e\u043c\u0435\u043d\u0434\u0443\u0435\u0442\u0441\u044f",children:["\u041f\u0435\u0440\u0435\u043c\u0435\u0449\u0435\u043d\u0438\u0435 \u043f\u0430\u043f\u043a\u0438 ",(0,t.jsx)(s.code,{children:"pages"})," NextJS \u0432 \u043a\u043e\u0440\u043d\u0435\u0432\u0443\u044e \u043f\u0430\u043f\u043a\u0443 \u043f\u0440\u043e\u0435\u043a\u0442\u0430 (\u0440\u0435\u043a\u043e\u043c\u0435\u043d\u0434\u0443\u0435\u0442\u0441\u044f)"]}),"\n",(0,t.jsxs)(s.p,{children:["\u041f\u043e\u0434\u0445\u043e\u0434 \u0437\u0430\u043a\u043b\u044e\u0447\u0430\u0435\u0442\u0441\u044f \u0432 \u043f\u0435\u0440\u0435\u043c\u0435\u0449\u0435\u043d\u0438\u0438 \u043f\u0430\u043f\u043a\u0438 ",(0,t.jsx)(s.code,{children:"pages"})," NextJS \u0432 \u043a\u043e\u0440\u043d\u0435\u0432\u0443\u044e \u043f\u0430\u043f\u043a\u0443 \u043f\u0440\u043e\u0435\u043a\u0442\u0430 \u0438 \u0438\u043c\u043f\u043e\u0440\u0442\u0435 \u0441\u0442\u0440\u0430\u043d\u0438\u0446 FSD \u0432 \u043f\u0430\u043f\u043a\u0443 ",(0,t.jsx)(s.code,{children:"pages"})," NextJS. \u042d\u0442\u043e \u0441\u043e\u0445\u0440\u0430\u043d\u044f\u0435\u0442\n\u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u0443 \u043f\u0440\u043e\u0435\u043a\u0442\u0430 FSD \u0432\u043d\u0443\u0442\u0440\u0438 \u043f\u0430\u043f\u043a\u0438 ",(0,t.jsx)(s.code,{children:"src"}),"."]}),"\n",(0,t.jsx)(s.pre,{children:(0,t.jsx)(s.code,{className:"language-sh",children:"\u251c\u2500\u2500 pages              # \u041f\u0430\u043f\u043a\u0430 pages (NextJS)\n\u251c\u2500\u2500 src\n\u2502   \u251c\u2500\u2500 app\n\u2502   \u251c\u2500\u2500 entities\n\u2502   \u251c\u2500\u2500 features\n\u2502   \u251c\u2500\u2500 pages          # \u041f\u0430\u043f\u043a\u0430 pages (FSD)\n\u2502   \u251c\u2500\u2500 shared\n\u2502   \u251c\u2500\u2500 widgets\n"})}),"\n",(0,t.jsxs)(s.h3,{id:"\u043f\u0435\u0440\u0435\u0438\u043c\u0435\u043d\u043e\u0432\u0430\u043d\u0438\u0435-\u043f\u0430\u043f\u043a\u0438-pages-\u0432-\u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u0435-fsd",children:["\u041f\u0435\u0440\u0435\u0438\u043c\u0435\u043d\u043e\u0432\u0430\u043d\u0438\u0435 \u043f\u0430\u043f\u043a\u0438 ",(0,t.jsx)(s.code,{children:"pages"})," \u0432 \u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u0435 FSD"]}),"\n",(0,t.jsxs)(s.p,{children:["\u0414\u0440\u0443\u0433\u043e\u0439 \u0441\u043f\u043e\u0441\u043e\u0431 \u0440\u0435\u0448\u0438\u0442\u044c \u043f\u0440\u043e\u0431\u043b\u0435\u043c\u0443 - \u043f\u0435\u0440\u0435\u0438\u043c\u0435\u043d\u043e\u0432\u0430\u0442\u044c \u0441\u043b\u043e\u0439 ",(0,t.jsx)(s.code,{children:"pages"})," \u0432 \u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u0435 FSD, \u0447\u0442\u043e\u0431\u044b \u0438\u0437\u0431\u0435\u0436\u0430\u0442\u044c \u043a\u043e\u043d\u0444\u043b\u0438\u043a\u0442\u043e\u0432 \u0441 \u043f\u0430\u043f\u043a\u043e\u0439 ",(0,t.jsx)(s.code,{children:"pages"})," NextJS.\n\u0412\u044b \u043c\u043e\u0436\u0435\u0442\u0435 \u043f\u0435\u0440\u0435\u0438\u043c\u0435\u043d\u043e\u0432\u0430\u0442\u044c \u0441\u043b\u043e\u0439 ",(0,t.jsx)(s.code,{children:"pages"})," \u0432 FSD \u0432 ",(0,t.jsx)(s.code,{children:"views"}),".\xa0\n\u0422\u0430\u043a\u0438\u043c \u043e\u0431\u0440\u0430\u0437\u043e\u043c, \u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u0430 \u043f\u0440\u043e\u0435\u043a\u0442\u0430 \u0432 \u043f\u0430\u043f\u043a\u0435 ",(0,t.jsx)(s.code,{children:"src"})," \u0441\u043e\u0445\u0440\u0430\u043d\u044f\u0435\u0442\u0441\u044f \u0431\u0435\u0437 \u043f\u0440\u043e\u0442\u0438\u0432\u043e\u0440\u0435\u0447\u0438\u0439 \u0441 \u0442\u0440\u0435\u0431\u043e\u0432\u0430\u043d\u0438\u044f\u043c\u0438 NextJS."]}),"\n",(0,t.jsx)(s.pre,{children:(0,t.jsx)(s.code,{className:"language-sh",children:"\u251c\u2500\u2500 app\n\u251c\u2500\u2500 entities\n\u251c\u2500\u2500 features\n\u251c\u2500\u2500 pages              # \u041f\u0430\u043f\u043a\u0430 pages (NextJS)\n\u251c\u2500\u2500 views              # \u041f\u0435\u0440\u0435\u0438\u043c\u0435\u043d\u043e\u0432\u0430\u043d\u043d\u0430\u044f \u043f\u0430\u043f\u043a\u0430 \u0441\u0442\u0440\u0430\u043d\u0438\u0446 FSD\n\u251c\u2500\u2500 shared\n\u251c\u2500\u2500 widgets\n"})}),"\n",(0,t.jsxs)(s.p,{children:["\u0423\u0447\u0442\u0438\u0442\u0435, \u0447\u0442\u043e \u0432 \u044d\u0442\u043e\u043c \u0441\u043b\u0443\u0447\u0430\u0435 \u0440\u0435\u043a\u043e\u043c\u0435\u043d\u0434\u0443\u0435\u0442\u0441\u044f \u0437\u0430\u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u044d\u0442\u043e \u043f\u0435\u0440\u0435\u0438\u043c\u0435\u043d\u043e\u0432\u0430\u043d\u0438\u0435 \u0432 \u0432\u0438\u0434\u043d\u043e\u043c \u043c\u0435\u0441\u0442\u0435 \u2014 \u0432 README \u043f\u0440\u043e\u0435\u043a\u0442\u0430 \u0438\u043b\u0438 \u0432\u043d\u0443\u0442\u0440\u0435\u043d\u043d\u0435\u0439 \u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u0430\u0446\u0438\u0438. \u042d\u0442\u043e \u043f\u0435\u0440\u0435\u0438\u043c\u0435\u043d\u043e\u0432\u0430\u043d\u0438\u0435 \u2014 \u0447\u0430\u0441\u0442\u044c ",(0,t.jsx)(s.a,{href:"/docs/about/understanding/knowledge-types",children:'"\u043f\u0440\u043e\u0435\u043a\u0442\u043d\u044b\u0445 \u0437\u043d\u0430\u043d\u0438\u0439"'}),"."]}),"\n",(0,t.jsxs)(s.h2,{id:"app-absence",children:["\u041e\u0442\u0441\u0443\u0442\u0441\u0442\u0432\u0438\u0435 \u043f\u0430\u043f\u043a\u0438 ",(0,t.jsx)(s.code,{children:"app"})," \u0432 NextJS"]}),"\n",(0,t.jsxs)(s.p,{children:["\u0412 NextJS \u043d\u0438\u0436\u0435 \u0432\u0435\u0440\u0441\u0438\u0438 13 \u043d\u0435\u0442 \u044f\u0432\u043d\u043e\u0439 \u043f\u0430\u043f\u043a\u0438 ",(0,t.jsx)(s.code,{children:"app"}),", \u0432\u043c\u0435\u0441\u0442\u043e \u044d\u0442\u043e\u0433\u043e NextJS \u043f\u0440\u0435\u0434\u043e\u0441\u0442\u0430\u0432\u043b\u044f\u0435\u0442 \u0444\u0430\u0439\u043b ",(0,t.jsx)(s.code,{children:"_app.tsx"}),",\n\u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u0438\u0433\u0440\u0430\u0435\u0442 \u0440\u043e\u043b\u044c \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u0430 \u043e\u0431\u0435\u0440\u0442\u044b\u0432\u0430\u043d\u0438\u044f \u0434\u043b\u044f \u0432\u0441\u0435\u0445 \u0441\u0442\u0440\u0430\u043d\u0438\u0446 \u043f\u0440\u043e\u0435\u043a\u0442\u0430."]}),"\n",(0,t.jsxs)(s.h3,{id:"\u0438\u043c\u043f\u043e\u0440\u0442-\u0444\u0443\u043d\u043a\u0446\u0438\u043e\u043d\u0430\u043b\u044c\u043d\u043e\u0441\u0442\u0438-\u0432-pages_apptsx",children:["\u0418\u043c\u043f\u043e\u0440\u0442 \u0444\u0443\u043d\u043a\u0446\u0438\u043e\u043d\u0430\u043b\u044c\u043d\u043e\u0441\u0442\u0438 \u0432 ",(0,t.jsx)(s.code,{children:"pages/_app.tsx"})]}),"\n",(0,t.jsxs)(s.p,{children:["\u0427\u0442\u043e\u0431\u044b \u0440\u0435\u0448\u0438\u0442\u044c \u043f\u0440\u043e\u0431\u043b\u0435\u043c\u0443 \u043e\u0442\u0441\u0443\u0442\u0441\u0442\u0432\u0438\u044f \u043f\u0430\u043f\u043a\u0438 ",(0,t.jsx)(s.code,{children:"app"})," \u0432 \u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u0435 NextJS, \u0432\u044b \u043c\u043e\u0436\u0435\u0442\u0435 \u0441\u043e\u0437\u0434\u0430\u0442\u044c \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442 ",(0,t.jsx)(s.code,{children:"App"})," \u0432\u043d\u0443\u0442\u0440\u0438 \u0441\u043b\u043e\u044f ",(0,t.jsx)(s.code,{children:"app"})," \u0438 \u0438\u043c\u043f\u043e\u0440\u0442\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442 ",(0,t.jsx)(s.code,{children:"App"})," \u0432 ",(0,t.jsx)(s.code,{children:"pages/_app.tsx"}),", \u0447\u0442\u043e\u0431\u044b NextJS \u043c\u043e\u0433 \u0441 \u043d\u0438\u043c \u0440\u0430\u0431\u043e\u0442\u0430\u0442\u044c.\n\u041d\u0430\u043f\u0440\u0438\u043c\u0435\u0440:"]}),"\n",(0,t.jsx)(s.pre,{children:(0,t.jsx)(s.code,{className:"language-tsx",children:"// app/providers/index.tsx\n\nconst App = ({ Component, pageProps }: AppProps) => {\n  return (\n    <Provider1>\n      <Provider2>\n        <BaseLayout>\n            <Component {...pageProps} />\n        </BaseLayout>\n      </Provider2>\n    </Provider1>\n  );\n};\n\nexport default App;\n"})}),"\n",(0,t.jsxs)(s.p,{children:["\u0417\u0430\u0442\u0435\u043c \u0432\u044b \u043c\u043e\u0436\u0435\u0442\u0435 \u0438\u043c\u043f\u043e\u0440\u0442\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442 ",(0,t.jsx)(s.code,{children:"App"})," \u0438 \u0433\u043b\u043e\u0431\u0430\u043b\u044c\u043d\u044b\u0435 \u0441\u0442\u0438\u043b\u0438 \u043f\u0440\u043e\u0435\u043a\u0442\u0430 \u0432 ",(0,t.jsx)(s.code,{children:"pages/_app.tsx"})," \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0438\u043c \u043e\u0431\u0440\u0430\u0437\u043e\u043c:"]}),"\n",(0,t.jsx)(s.pre,{children:(0,t.jsx)(s.code,{className:"language-tsx",children:"// pages/_app.tsx\n\nimport 'app/styles/index.scss'\n\nexport { default } from 'app/providers';\n"})}),"\n",(0,t.jsx)(s.h2,{id:"app-router",children:"\u0420\u0430\u0431\u043e\u0442\u0430 \u0441 App Router"}),"\n",(0,t.jsxs)(s.p,{children:["App Router \u0441\u0442\u0430\u043b \u0441\u0442\u0430\u0431\u0438\u043b\u044c\u043d\u044b\u043c \u0432 NextJS \u0432\u0435\u0440\u0441\u0438\u0438 13.4. App Router \u043f\u043e\u0437\u0432\u043e\u043b\u044f\u0435\u0442 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u043f\u0430\u043f\u043a\u0443 ",(0,t.jsx)(s.code,{children:"app"})," \u0434\u043b\u044f \u043c\u0430\u0440\u0448\u0440\u0443\u0442\u0438\u0437\u0430\u0446\u0438\u0438 \u0432\u043c\u0435\u0441\u0442\u043e \u043f\u0430\u043f\u043a\u0438 ",(0,t.jsx)(s.code,{children:"pages"}),".\n\u0414\u043b\u044f \u0441\u043e\u043e\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0438\u044f \u043f\u0440\u0438\u043d\u0446\u0438\u043f\u0430\u043c FSD, \u0432\u0430\u043c \u0441\u043b\u0435\u0434\u0443\u0435\u0442 \u043e\u0431\u0440\u0430\u0449\u0430\u0442\u044c\u0441\u044f \u0441 \u043f\u0430\u043f\u043a\u043e\u0439 ",(0,t.jsx)(s.code,{children:"app"})," NextJS \u0442\u0430\u043a \u0436\u0435, \u043a\u0430\u043a \u0440\u0435\u043a\u043e\u043c\u0435\u043d\u0434\u0443\u0435\u0442\u0441\u044f\n\u0434\u043b\u044f \u0443\u0441\u0442\u0440\u0430\u043d\u0435\u043d\u0438\u044f \u043a\u043e\u043d\u0444\u043b\u0438\u043a\u0442\u0430 \u0441 \u043f\u0430\u043f\u043a\u043e\u0439 ",(0,t.jsx)(s.code,{children:"pages"})," NextJS."]}),"\n",(0,t.jsxs)(s.p,{children:["\u041f\u043e\u0434\u0445\u043e\u0434 \u0437\u0430\u043a\u043b\u044e\u0447\u0430\u0435\u0442\u0441\u044f \u0432 \u043f\u0435\u0440\u0435\u043c\u0435\u0449\u0435\u043d\u0438\u0438 \u043f\u0430\u043f\u043a\u0438 ",(0,t.jsx)(s.code,{children:"app"})," NextJS \u0432 \u043a\u043e\u0440\u043d\u0435\u0432\u0443\u044e \u043f\u0430\u043f\u043a\u0443 \u043f\u0440\u043e\u0435\u043a\u0442\u0430 \u0438 \u0438\u043c\u043f\u043e\u0440\u0442\u0435 \u0441\u0442\u0440\u0430\u043d\u0438\u0446 FSD \u0432 \u043f\u0430\u043f\u043a\u0443 ",(0,t.jsx)(s.code,{children:"app"})," NextJS. \u042d\u0442\u043e \u0441\u043e\u0445\u0440\u0430\u043d\u044f\u0435\u0442\n\u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u0443 \u043f\u0440\u043e\u0435\u043a\u0442\u0430 FSD \u0432\u043d\u0443\u0442\u0440\u0438 \u043f\u0430\u043f\u043a\u0438 ",(0,t.jsx)(s.code,{children:"src"}),". \u0412\u0430\u043c \u0442\u0430\u043a\u0436\u0435 \u0441\u0442\u043e\u0438\u0442 \u0434\u043e\u0431\u0430\u0432\u0438\u0442\u044c \u0432 \u043a\u043e\u0440\u043d\u0435\u0432\u0443\u044e \u043f\u0430\u043f\u043a\u0443 \u043f\u0440\u043e\u0435\u043a\u0442\u0430 \u043f\u0430\u043f\u043a\u0443 ",(0,t.jsx)(s.code,{children:"pages"}),", \u043f\u043e\u0442\u043e\u043c\u0443 \u0447\u0442\u043e App Router \u0441\u043e\u0432\u043c\u0435\u0441\u0442\u0438\u043c \u0441 Pages Router."]}),"\n",(0,t.jsx)(s.pre,{children:(0,t.jsx)(s.code,{children:"\u251c\u2500\u2500 app                # \u041f\u0430\u043f\u043a\u0430 app (NextJS)\n\u251c\u2500\u2500 pages              # \u041f\u0443\u0441\u0442\u0430\u044f \u043f\u0430\u043f\u043a\u0430 pages (NextJS)\n\u2502   \u251c\u2500\u2500 README.md      # \u041e\u043f\u0438\u0441\u0430\u043d\u0438\u0435 \u0442\u043e\u0433\u043e, \u0437\u0430\u0447\u0435\u043c \u043d\u0443\u0436\u043d\u0430 \u044d\u0442\u0430 \u043f\u0430\u043f\u043a\u0430\n\u251c\u2500\u2500 src\n\u2502   \u251c\u2500\u2500 app            # \u041f\u0430\u043f\u043a\u0430 app (FSD)\n\u2502   \u251c\u2500\u2500 entities\n\u2502   \u251c\u2500\u2500 features\n\u2502   \u251c\u2500\u2500 pages          # \u041f\u0430\u043f\u043a\u0430 pages (FSD)\n\u2502   \u251c\u2500\u2500 shared\n\u2502   \u251c\u2500\u2500 widgets\n"})}),"\n",(0,t.jsx)(s.p,{children:(0,t.jsx)(s.a,{href:"https://stackblitz.com/edit/stackblitz-starters-aiez55?file=README.md",children:(0,t.jsx)(s.img,{src:"https://developer.stackblitz.com/img/open_in_stackblitz.svg",alt:"\u041e\u0442\u043a\u0440\u044b\u0442\u044c \u0432 StackBlitz"})})}),"\n",(0,t.jsx)(s.h2,{id:"see-also",children:"\u0421\u043c. \u0442\u0430\u043a\u0436\u0435"}),"\n",(0,t.jsxs)(s.ul,{children:["\n",(0,t.jsx)(s.li,{children:(0,t.jsx)(s.a,{href:"https://t.me/feature_sliced/3623",children:"(\u0422\u0440\u0435\u0434) \u041f\u0440\u043e pages \u0434\u0438\u0440\u0435\u043a\u0442\u043e\u0440\u0438\u044e \u0432 NextJS"})}),"\n"]})]})}function l(e={}){const{wrapper:s}={...(0,d.R)(),...e.components};return s?(0,t.jsx)(s,{...e,children:(0,t.jsx)(o,{...e})}):o(e)}},1100:(e,s,n)=>{n.d(s,{R:()=>r,x:()=>i});var t=n(758);const d={},c=t.createContext(d);function r(e){const s=t.useContext(c);return t.useMemo((function(){return"function"==typeof e?e(s):{...s,...e}}),[s,e])}function i(e){let s;return s=e.disableParentContext?"function"==typeof e.components?e.components(d):e.components||d:r(e.components),t.createElement(c.Provider,{value:s},e.children)}}}]);
\ No newline at end of file
diff --git a/ru/assets/js/62f42e37.6b46c782.js b/ru/assets/js/62f42e37.e70b6e8f.js
similarity index 99%
rename from ru/assets/js/62f42e37.6b46c782.js
rename to ru/assets/js/62f42e37.e70b6e8f.js
index 5199571dd8..9f696673db 100644
--- a/ru/assets/js/62f42e37.6b46c782.js
+++ b/ru/assets/js/62f42e37.e70b6e8f.js
@@ -1 +1 @@
-"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[1268],{6990:(e,n,s)=>{s.r(n),s.d(n,{assets:()=>l,contentTitle:()=>c,default:()=>u,frontMatter:()=>i,metadata:()=>d,toc:()=>o});var t=s(6070),r=s(1100);const i={sidebar_position:10},c="\u0418\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u0435 \u0441 NuxtJS",d={id:"guides/tech/with-nuxtjs",title:"\u0418\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u0435 \u0441 NuxtJS",description:"\u0412 NuxtJS \u043f\u0440\u043e\u0435\u043a\u0442\u0435 \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e \u0440\u0435\u0430\u043b\u0438\u0437\u043e\u0432\u0430\u0442\u044c FSD, \u043e\u0434\u043d\u0430\u043a\u043e \u0432\u043e\u0437\u043d\u0438\u043a\u0430\u044e\u0442 \u043a\u043e\u043d\u0444\u043b\u0438\u043a\u0442\u044b \u0438\u0437-\u0437\u0430 \u0440\u0430\u0437\u043b\u0438\u0447\u0438\u0439 \u043c\u0435\u0436\u0434\u0443 \u0442\u0440\u0435\u0431\u043e\u0432\u0430\u043d\u0438\u044f\u043c\u0438 \u043a \u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u0435 \u043f\u0440\u043e\u0435\u043a\u0442\u0430 NuxtJS \u0438 \u043f\u0440\u0438\u043d\u0446\u0438\u043f\u0430\u043c\u0438 FSD:",source:"@site/i18n/ru/docusaurus-plugin-content-docs/current/guides/tech/with-nuxtjs.mdx",sourceDirName:"guides/tech",slug:"/guides/tech/with-nuxtjs",permalink:"/ru/docs/guides/tech/with-nuxtjs",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/ru/docusaurus-plugin-content-docs/current/guides/tech/with-nuxtjs.mdx",tags:[],version:"current",lastUpdatedAt:1727607766e3,sidebarPosition:10,frontMatter:{sidebar_position:10},sidebar:"guidesSidebar",previous:{title:"\u0418\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u0435 \u0441 NextJS",permalink:"/ru/docs/guides/tech/with-nextjs"},next:{title:"\u0418\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u0435 \u0441 React Query",permalink:"/ru/docs/guides/tech/with-react-query"}},l={},o=[{value:"\u0414\u043e\u0431\u0430\u0432\u043b\u0435\u043d\u0438\u0435 \u0430\u043b\u0438\u0430\u0441\u0430 \u0434\u043b\u044f <code>src</code> \u0434\u0438\u0440\u0435\u043a\u0442\u043e\u0440\u0438\u0438",id:"\u0434\u043e\u0431\u0430\u0432\u043b\u0435\u043d\u0438\u0435-\u0430\u043b\u0438\u0430\u0441\u0430-\u0434\u043b\u044f-src-\u0434\u0438\u0440\u0435\u043a\u0442\u043e\u0440\u0438\u0438",level:2},{value:"\u0412\u044b\u0431\u043e\u0440 \u0441\u043f\u043e\u0441\u043e\u0431\u0430 \u043d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u0438 \u0440\u043e\u0443\u0442\u0435\u0440\u0430",id:"\u0432\u044b\u0431\u043e\u0440-\u0441\u043f\u043e\u0441\u043e\u0431\u0430-\u043d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u0438-\u0440\u043e\u0443\u0442\u0435\u0440\u0430",level:2},{value:"\u0420\u043e\u0443\u0442\u0438\u043d\u0433 \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e \u043a\u043e\u043d\u0444\u0438\u0433\u0430",id:"\u0440\u043e\u0443\u0442\u0438\u043d\u0433-\u0441-\u043f\u043e\u043c\u043e\u0449\u044c\u044e-\u043a\u043e\u043d\u0444\u0438\u0433\u0430",level:3},{value:"\u0424\u0430\u0439\u043b\u043e\u0432\u044b\u0439 \u0440\u043e\u0443\u0442\u0438\u043d\u0433",id:"\u0444\u0430\u0439\u043b\u043e\u0432\u044b\u0439-\u0440\u043e\u0443\u0442\u0438\u043d\u0433",level:3},{value:"\u0427\u0442\u043e \u0434\u0435\u043b\u0430\u0442\u044c \u0441 <code>layouts</code>?",id:"\u0447\u0442\u043e-\u0434\u0435\u043b\u0430\u0442\u044c-\u0441-layouts",level:2},{value:"\u0421\u043c. \u0442\u0430\u043a\u0436\u0435",id:"\u0441\u043c-\u0442\u0430\u043a\u0436\u0435",level:2}];function a(e){const n={a:"a",code:"code",h1:"h1",h2:"h2",h3:"h3",header:"header",li:"li",p:"p",pre:"pre",ul:"ul",...(0,r.R)(),...e.components};return(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(n.header,{children:(0,t.jsx)(n.h1,{id:"\u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u0435-\u0441-nuxtjs",children:"\u0418\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u0435 \u0441 NuxtJS"})}),"\n",(0,t.jsx)(n.p,{children:"\u0412 NuxtJS \u043f\u0440\u043e\u0435\u043a\u0442\u0435 \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e \u0440\u0435\u0430\u043b\u0438\u0437\u043e\u0432\u0430\u0442\u044c FSD, \u043e\u0434\u043d\u0430\u043a\u043e \u0432\u043e\u0437\u043d\u0438\u043a\u0430\u044e\u0442 \u043a\u043e\u043d\u0444\u043b\u0438\u043a\u0442\u044b \u0438\u0437-\u0437\u0430 \u0440\u0430\u0437\u043b\u0438\u0447\u0438\u0439 \u043c\u0435\u0436\u0434\u0443 \u0442\u0440\u0435\u0431\u043e\u0432\u0430\u043d\u0438\u044f\u043c\u0438 \u043a \u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u0435 \u043f\u0440\u043e\u0435\u043a\u0442\u0430 NuxtJS \u0438 \u043f\u0440\u0438\u043d\u0446\u0438\u043f\u0430\u043c\u0438 FSD:"}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsxs)(n.li,{children:["\u0418\u0437\u043d\u0430\u0447\u0430\u043b\u044c\u043d\u043e, NuxtJS \u043f\u0440\u0435\u0434\u043b\u0430\u0433\u0430\u0435\u0442 \u0444\u0430\u0439\u043b\u043e\u0432\u0443\u044e \u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u0443 \u043f\u0440\u043e\u0435\u043a\u0442\u0430 \u0431\u0435\u0437 \u043f\u0430\u043f\u043a\u0438 ",(0,t.jsx)(n.code,{children:"src"}),", \u0442\u043e \u0435\u0441\u0442\u044c \u0432 \u043a\u043e\u0440\u043d\u0435 \u043f\u0440\u043e\u0435\u043a\u0442\u0430."]}),"\n",(0,t.jsxs)(n.li,{children:["\u0424\u0430\u0439\u043b\u043e\u0432\u044b\u0439 \u0440\u043e\u0443\u0442\u0438\u043d\u0433 \u043d\u0430\u0445\u043e\u0434\u0438\u0442\u0441\u044f \u0432 \u043f\u0430\u043f\u043a\u0435 ",(0,t.jsx)(n.code,{children:"pages"}),", \u0430 \u0432 FSD \u044d\u0442\u0430 \u043f\u0430\u043f\u043a\u0430 \u043e\u0442\u0432\u0435\u0434\u0435\u043d\u0430 \u043f\u043e\u0434 \u043f\u043b\u043e\u0441\u043a\u0443\u044e \u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u0443 \u0441\u043b\u0430\u0439\u0441\u043e\u0432."]}),"\n"]}),"\n",(0,t.jsxs)(n.h2,{id:"\u0434\u043e\u0431\u0430\u0432\u043b\u0435\u043d\u0438\u0435-\u0430\u043b\u0438\u0430\u0441\u0430-\u0434\u043b\u044f-src-\u0434\u0438\u0440\u0435\u043a\u0442\u043e\u0440\u0438\u0438",children:["\u0414\u043e\u0431\u0430\u0432\u043b\u0435\u043d\u0438\u0435 \u0430\u043b\u0438\u0430\u0441\u0430 \u0434\u043b\u044f ",(0,t.jsx)(n.code,{children:"src"})," \u0434\u0438\u0440\u0435\u043a\u0442\u043e\u0440\u0438\u0438"]}),"\n",(0,t.jsxs)(n.p,{children:["\u0414\u043e\u0431\u0430\u0432\u044c\u0442\u0435 \u043e\u0431\u044c\u0435\u043a\u0442 ",(0,t.jsx)(n.code,{children:"alias"})," \u0432 \u0432\u0430\u0448 \u043a\u043e\u043d\u0444\u0438\u0433:"]}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-ts",metastring:'title="nuxt.config.ts"',children:"export default defineNuxtConfig({\n  devtools: { enabled: true },        // \u041d\u0435 \u043e\u0442\u043d\u043e\u0441\u044f\u0442\u0441\u044f \u043a FSD, \u0432\u043a\u043b\u044e\u0447\u0451\u043d\u044b \u043f\u0440\u0438 \u0441\u0442\u0430\u0440\u0442\u0435 \u043f\u0440\u043e\u0435\u043a\u0442\u0430\n  alias: {\n    \"@\": '../src'\n  },\n})\n"})}),"\n",(0,t.jsx)(n.h2,{id:"\u0432\u044b\u0431\u043e\u0440-\u0441\u043f\u043e\u0441\u043e\u0431\u0430-\u043d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u0438-\u0440\u043e\u0443\u0442\u0435\u0440\u0430",children:"\u0412\u044b\u0431\u043e\u0440 \u0441\u043f\u043e\u0441\u043e\u0431\u0430 \u043d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u0438 \u0440\u043e\u0443\u0442\u0435\u0440\u0430"}),"\n",(0,t.jsxs)(n.p,{children:["\u0412 NuxtJS \u0435\u0441\u0442\u044c \u0434\u0432\u0430 \u0441\u043f\u043e\u0441\u043e\u0431\u0430 \u043d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u0438 \u0440\u043e\u0443\u0442\u0438\u043d\u0433\u0430 - \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e \u043a\u043e\u043d\u0444\u0438\u0433\u0430 \u0438 \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e \u0444\u0430\u0439\u043b\u043e\u0432\u043e\u0439 \u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u044b.\n\u0412 \u0441\u043b\u0443\u0447\u0430\u0435 \u0441 \u0444\u0430\u0439\u043b\u043e\u0432\u044b\u043c \u0440\u043e\u0443\u0442\u0438\u043d\u0433\u043e\u043c \u0432\u044b \u0431\u0443\u0434\u0435\u0442\u0435 \u0441\u043e\u0437\u0434\u0430\u0432\u0430\u0442\u044c index.vue \u0444\u0430\u0439\u043b\u044b \u0432 \u043f\u0430\u043f\u043a\u0430\u0445 \u0432\u043d\u0443\u0442\u0440\u0438 \u0434\u0438\u0440\u0435\u043a\u0442\u043e\u0440\u0438\u0438 app/routes, \u0430 \u0432 \u0441\u043b\u0443\u0447\u0430\u0435 \u043a\u043e\u043d\u0444\u0438\u0433\u0430 - \u043d\u0430\u0441\u0442\u0440\u0430\u0438\u0432\u0430\u0442\u044c \u0440\u043e\u0443\u0442\u044b \u0432 ",(0,t.jsx)(n.code,{children:"router.options.ts"})," \u0444\u0430\u0439\u043b\u0435."]}),"\n",(0,t.jsx)(n.h3,{id:"\u0440\u043e\u0443\u0442\u0438\u043d\u0433-\u0441-\u043f\u043e\u043c\u043e\u0449\u044c\u044e-\u043a\u043e\u043d\u0444\u0438\u0433\u0430",children:"\u0420\u043e\u0443\u0442\u0438\u043d\u0433 \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e \u043a\u043e\u043d\u0444\u0438\u0433\u0430"}),"\n",(0,t.jsxs)(n.p,{children:["\u0412 \u0441\u043b\u043e\u0435 ",(0,t.jsx)(n.code,{children:"app"})," \u0441\u043e\u0437\u0434\u0430\u0439\u0442\u0435 \u0444\u0430\u0439\u043b ",(0,t.jsx)(n.code,{children:"router.options.ts"}),", \u0438 \u044d\u043a\u0441\u043f\u043e\u0440\u0442\u0438\u0440\u0443\u0439\u0442\u0435 \u0438\u0437 \u043d\u0435\u0433\u043e \u043e\u0431\u044c\u0435\u043a\u0442 \u043a\u043e\u043d\u0444\u0438\u0433\u0430:"]}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-ts",metastring:'title="app/router.options.ts"',children:"import type { RouterConfig } from '@nuxt/schema';\n\nexport default <RouterConfig> {\n  routes: (_routes) => [],\n};\n\n"})}),"\n",(0,t.jsxs)(n.p,{children:["\u0427\u0442\u043e\u0431\u044b \u0434\u043e\u0431\u0430\u0432\u0438\u0442\u044c \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0443 ",(0,t.jsx)(n.code,{children:"Home"})," \u0432 \u043f\u0440\u043e\u0435\u043a\u0442, \u0432\u0430\u043c \u043d\u0443\u0436\u043d\u043e \u0441\u0434\u0435\u043b\u0430\u0442\u044c \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0438\u0435 \u0448\u0430\u0433\u0438:"]}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsxs)(n.li,{children:["\u0414\u043e\u0431\u0430\u0432\u0438\u0442\u044c \u0441\u043b\u0430\u0439\u0441 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b \u0432\u043d\u0443\u0442\u0440\u0438 \u0441\u043b\u043e\u044f ",(0,t.jsx)(n.code,{children:"pages"})]}),"\n",(0,t.jsxs)(n.li,{children:["\u0414\u043e\u0431\u0430\u0432\u0438\u0442\u044c \u0441\u043e\u043e\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0443\u044e\u0449\u0438\u0439 \u0440\u043e\u0443\u0442 \u0432 \u043a\u043e\u043d\u0444\u0438\u0433 ",(0,t.jsx)(n.code,{children:"app/router.config.ts"})]}),"\n"]}),"\n",(0,t.jsxs)(n.p,{children:["\u0414\u043b\u044f \u0442\u043e\u0433\u043e \u0447\u0442\u043e\u0431\u044b \u0441\u043e\u0437\u0434\u0430\u0442\u044c \u0441\u043b\u0430\u0439\u0441 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b, \u0432\u043e\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u043c\u0441\u044f ",(0,t.jsx)(n.a,{href:"https://github.com/feature-sliced/cli",children:"CLI"}),":"]}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-shell",children:"fsd pages home\n"})}),"\n",(0,t.jsxs)(n.p,{children:["\u0421\u043e\u0437\u0434\u0430\u0439\u0442\u0435 \u0444\u0430\u0439\u043b ",(0,t.jsx)(n.code,{children:"home-page.vue"})," \u0432\u043d\u0443\u0442\u0440\u0438 \u0441\u0435\u0433\u043c\u0435\u043d\u0442\u0430 ui, \u043e\u0442\u043a\u0440\u043e\u0439\u0442\u0435 \u043a \u043d\u0435\u043c\u0443 \u0434\u043e\u0441\u0442\u0443\u043f \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e Public API"]}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-ts",metastring:'title="src/pages/home/index.ts"',children:"export { default as HomePage } from './ui/home-page';\n"})}),"\n",(0,t.jsx)(n.p,{children:"\u0422\u0430\u043a\u0438\u043c \u043e\u0431\u0440\u0430\u0437\u043e\u043c, \u0444\u0430\u0439\u043b\u043e\u0432\u0430\u044f \u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u0430 \u0431\u0443\u0434\u0435\u0442 \u0432\u044b\u0433\u043b\u044f\u0434\u0435\u0442\u044c \u0442\u0430\u043a:"}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-sh",children:"|\u2500\u2500 src\n\u2502   \u251c\u2500\u2500 app\n\u2502   \u2502   \u251c\u2500\u2500 router.config.ts\n\u2502   \u251c\u2500\u2500 pages\n\u2502   \u2502   \u251c\u2500\u2500 home\n\u2502   \u2502   \u2502   \u251c\u2500\u2500 ui\n\u2502   \u2502   \u2502   \u2502   \u251c\u2500\u2500 home-page.vue\n\u2502   \u2502   \u2502   \u251c\u2500\u2500 index.ts\n"})}),"\n",(0,t.jsx)(n.p,{children:"\u041d\u0430\u043a\u043e\u043d\u0435\u0446, \u0434\u043e\u0431\u0430\u0432\u0438\u043c \u0440\u043e\u0443\u0442 \u0432 \u043a\u043e\u043d\u0444\u0438\u0433:"}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-ts",metastring:'title="app/router.config.ts"',children:"import type { RouterConfig } from '@nuxt/schema'\n\nexport default <RouterConfig> {\n  routes: (_routes) => [\n    {\n      name: 'home',\n      path: '/',\n      component: () => import('@/pages/home.vue').then(r => r.default || r)\n    }\n  ],\n}\n"})}),"\n",(0,t.jsx)(n.h3,{id:"\u0444\u0430\u0439\u043b\u043e\u0432\u044b\u0439-\u0440\u043e\u0443\u0442\u0438\u043d\u0433",children:"\u0424\u0430\u0439\u043b\u043e\u0432\u044b\u0439 \u0440\u043e\u0443\u0442\u0438\u043d\u0433"}),"\n",(0,t.jsxs)(n.p,{children:["\u0412 \u043f\u0435\u0440\u0432\u0443\u044e \u043e\u0447\u0435\u0440\u0435\u0434\u044c, \u0441\u043e\u0437\u0434\u0430\u0439\u0442\u0435 ",(0,t.jsx)(n.code,{children:"src"})," \u0434\u0438\u0440\u0435\u043a\u0442\u043e\u0440\u0438\u044e \u0432 \u043a\u043e\u0440\u043d\u0435 \u043f\u0440\u043e\u0435\u043a\u0442\u0430, \u0430 \u0442\u0430\u043a\u0436\u0435 \u0441\u043e\u0437\u0434\u0430\u0439\u0442\u0435 \u0432\u043d\u0443\u0442\u0440\u0438 \u044d\u0442\u043e\u0439 \u0434\u0438\u0440\u0435\u043a\u0442\u043e\u0440\u0438\u0438 \u0441\u043b\u043e\u0438 app \u0438 pages \u0438 \u043f\u0430\u043f\u043a\u0443 routes \u0432\u043d\u0443\u0442\u0440\u0438 \u0441\u043b\u043e\u044f app.\n\u0422\u0430\u043a\u0438\u043c \u043e\u0431\u0440\u0430\u0437\u043e\u043c, \u0432\u0430\u0448\u0430 \u0444\u0430\u0439\u043b\u043e\u0432\u0430\u044f \u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u0430 \u0434\u043e\u043b\u0436\u043d\u0430 \u0432\u044b\u0433\u043b\u044f\u0434\u0435\u0442\u044c \u0442\u0430\u043a:"]}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-sh",children:"\u251c\u2500\u2500 src\n\u2502   \u251c\u2500\u2500 app\n\u2502   \u2502   \u251c\u2500\u2500 routes\n\u2502   \u251c\u2500\u2500 pages                         # \u041f\u0430\u043f\u043a\u0430 pages, \u0437\u0430\u043a\u0440\u0435\u043f\u043b\u0451\u043d\u043d\u0430\u044f \u0437\u0430 FSD\n"})}),"\n",(0,t.jsxs)(n.p,{children:["\u0414\u043b\u044f \u0442\u043e\u0433\u043e \u0447\u0442\u043e\u0431\u044b NuxtJS \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043b \u043f\u0430\u043f\u043a\u0443 routes \u0432\u043d\u0443\u0442\u0440\u0438 \u0441\u043b\u043e\u044f ",(0,t.jsx)(n.code,{children:"app"})," \u0434\u043b\u044f \u0444\u0430\u0439\u043b\u043e\u0432\u043e\u0433\u043e \u0440\u043e\u0443\u0442\u0438\u043d\u0433\u0430, \u0432\u0430\u043c \u043d\u0443\u0436\u043d\u043e \u0438\u0437\u043c\u0435\u043d\u0438\u0442\u044c ",(0,t.jsx)(n.code,{children:"nuxt.config.ts"})," \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0438\u043c \u043e\u0431\u0440\u0430\u0437\u043e\u043c:"]}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-ts",metastring:'title="nuxt.config.ts"',children:"export default defineNuxtConfig({\n  devtools: { enabled: true },        // \u041d\u0435 \u043e\u0442\u043d\u043e\u0441\u044f\u0442\u0441\u044f \u043a FSD, \u0432\u043a\u043b\u044e\u0447\u0451\u043d\u044b \u043f\u0440\u0438 \u0441\u0442\u0430\u0440\u0442\u0435 \u043f\u0440\u043e\u0435\u043a\u0442\u0430\n  alias: {\n    \"@\": '../src'\n  },\n  dir: {\n    pages: './src/app/routes'\n  }\n})\n"})}),"\n",(0,t.jsxs)(n.p,{children:["\u0422\u0435\u043f\u0435\u0440\u044c, \u0432\u044b \u043c\u043e\u0436\u0435\u0442\u0435 \u0441\u043e\u0437\u0434\u0430\u0432\u0430\u0442\u044c \u0440\u043e\u0443\u0442\u044b \u0434\u043b\u044f \u0441\u0442\u0440\u0430\u043d\u0438\u0446 \u0432\u043d\u0443\u0442\u0440\u0438 ",(0,t.jsx)(n.code,{children:"app"})," \u0438 \u043f\u043e\u0434\u043a\u043b\u044e\u0447\u0430\u0442\u044c \u043a \u043d\u0438\u043c \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b \u0438\u0437 ",(0,t.jsx)(n.code,{children:"pages"}),"."]}),"\n",(0,t.jsxs)(n.p,{children:["\u041d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, \u0447\u0442\u043e\u0431\u044b \u0434\u043e\u0431\u0430\u0432\u0438\u0442\u044c \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0443 ",(0,t.jsx)(n.code,{children:"Home"})," \u0432 \u043f\u0440\u043e\u0435\u043a\u0442, \u0432\u0430\u043c \u043d\u0443\u0436\u043d\u043e \u0441\u0434\u0435\u043b\u0430\u0442\u044c \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0438\u0435 \u0448\u0430\u0433\u0438:"]}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsxs)(n.li,{children:["\u0414\u043e\u0431\u0430\u0432\u0438\u0442\u044c \u0441\u043b\u0430\u0439\u0441 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b \u0432\u043d\u0443\u0442\u0440\u0438 \u0441\u043b\u043e\u044f ",(0,t.jsx)(n.code,{children:"pages"})]}),"\n",(0,t.jsxs)(n.li,{children:["\u0414\u043e\u0431\u0430\u0432\u0438\u0442\u044c \u0441\u043e\u043e\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0443\u044e\u0449\u0438\u0439 \u0440\u043e\u0443\u0442 \u0432\u043d\u0443\u0442\u0440\u044c \u0441\u043b\u043e\u044f ",(0,t.jsx)(n.code,{children:"app"})]}),"\n",(0,t.jsx)(n.li,{children:"\u0421\u043e\u0432\u043c\u0435\u0441\u0442\u0438\u0442\u044c \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0443 \u0438\u0437 \u0441\u043b\u0430\u0439\u0441\u0430 \u0441 \u0440\u043e\u0443\u0442\u043e\u043c"}),"\n"]}),"\n",(0,t.jsxs)(n.p,{children:["\u0414\u043b\u044f \u0442\u043e\u0433\u043e \u0447\u0442\u043e\u0431\u044b \u0441\u043e\u0437\u0434\u0430\u0442\u044c \u0441\u043b\u0430\u0439\u0441 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b, \u0432\u043e\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u043c\u0441\u044f ",(0,t.jsx)(n.a,{href:"https://github.com/feature-sliced/cli",children:"CLI"}),":"]}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-shell",children:"fsd pages home\n"})}),"\n",(0,t.jsxs)(n.p,{children:["\u0421\u043e\u0437\u0434\u0430\u0439\u0442\u0435 \u0444\u0430\u0439\u043b ",(0,t.jsx)(n.code,{children:"home-page.vue"})," \u0432\u043d\u0443\u0442\u0440\u0438 \u0441\u0435\u0433\u043c\u0435\u043d\u0442\u0430 ui, \u043e\u0442\u043a\u0440\u043e\u0439\u0442\u0435 \u043a \u043d\u0435\u043c\u0443 \u0434\u043e\u0441\u0442\u0443\u043f \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e Public API"]}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-ts",metastring:'title="src/pages/home/index.ts"',children:"export { default as HomePage } from './ui/home-page';\n"})}),"\n",(0,t.jsxs)(n.p,{children:["\u0421\u043e\u0437\u0434\u0430\u0439\u0442\u0435 \u0440\u043e\u0443\u0442 \u0434\u043b\u044f \u044d\u0442\u043e\u0439 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b \u0432\u043d\u0443\u0442\u0440\u0438 \u0441\u043b\u043e\u044f ",(0,t.jsx)(n.code,{children:"app"}),":"]}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-sh",children:"\n\u251c\u2500\u2500 src\n\u2502   \u251c\u2500\u2500 app\n\u2502   \u2502   \u251c\u2500\u2500 routes\n\u2502   \u2502   \u2502   \u251c\u2500\u2500 index.vue\n\u2502   \u251c\u2500\u2500 pages\n\u2502   \u2502   \u251c\u2500\u2500 home\n\u2502   \u2502   \u2502   \u251c\u2500\u2500 ui\n\u2502   \u2502   \u2502   \u2502   \u251c\u2500\u2500 home-page.vue\n\u2502   \u2502   \u2502   \u251c\u2500\u2500 index.ts\n"})}),"\n",(0,t.jsxs)(n.p,{children:["\u0414\u043e\u0431\u0430\u0432\u044c\u0442\u0435 \u0432\u043d\u0443\u0442\u0440\u044c ",(0,t.jsx)(n.code,{children:"index.vue"})," \u0444\u0430\u0439\u043b\u0430 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442 \u0432\u0430\u0448\u0435\u0439 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b:"]}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-html",metastring:'title="src/app/routes/index.vue"',children:"<script setup>\n  import { HomePage } from '@/pages/home';\n<\/script>\n\n<template>\n  <HomePage/>\n</template>\n"})}),"\n",(0,t.jsxs)(n.h2,{id:"\u0447\u0442\u043e-\u0434\u0435\u043b\u0430\u0442\u044c-\u0441-layouts",children:["\u0427\u0442\u043e \u0434\u0435\u043b\u0430\u0442\u044c \u0441 ",(0,t.jsx)(n.code,{children:"layouts"}),"?"]}),"\n",(0,t.jsxs)(n.p,{children:["\u0412\u044b \u043c\u043e\u0436\u0435\u0442\u0435 \u0440\u0430\u0437\u043c\u0435\u0441\u0442\u0438\u0442\u044c layouts \u0432\u043d\u0443\u0442\u0440\u0438 \u0441\u043b\u043e\u044f ",(0,t.jsx)(n.code,{children:"app"}),", \u0434\u043b\u044f \u044d\u0442\u043e\u0433\u043e \u043d\u0443\u0436\u043d\u043e \u0438\u0437\u043c\u0435\u043d\u0438\u0442\u044c \u043a\u043e\u043d\u0444\u0438\u0433 \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0438\u043c \u043e\u0431\u0440\u0430\u0437\u043e\u043c:"]}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-ts",metastring:'title="nuxt.config.ts"',children:"export default defineNuxtConfig({\n  devtools: { enabled: true },        // \u041d\u0435 \u043e\u0442\u043d\u043e\u0441\u044f\u0442\u0441\u044f \u043a FSD, \u0432\u043a\u043b\u044e\u0447\u0451\u043d\u044b \u043f\u0440\u0438 \u0441\u0442\u0430\u0440\u0442\u0435 \u043f\u0440\u043e\u0435\u043a\u0442\u0430\n  alias: {\n    \"@\": '../src'\n  },\n  dir: {\n    pages: './src/app/routes',\n    layouts: './src/app/layouts'\n  }\n})\n"})}),"\n",(0,t.jsx)(n.h2,{id:"\u0441\u043c-\u0442\u0430\u043a\u0436\u0435",children:"\u0421\u043c. \u0442\u0430\u043a\u0436\u0435"}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsx)(n.li,{children:(0,t.jsx)(n.a,{href:"https://nuxt.com/docs/api/nuxt-config#dir",children:"\u0414\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u0430\u0446\u0438\u044f \u043f\u043e \u0438\u0437\u043c\u0435\u043d\u0435\u043d\u0438\u044e \u043a\u043e\u043d\u0444\u0438\u0433\u0430 \u0434\u0438\u0440\u0435\u043a\u0442\u043e\u0440\u0438\u0439 \u0432 NuxtJS"})}),"\n",(0,t.jsx)(n.li,{children:(0,t.jsx)(n.a,{href:"https://nuxt.com/docs/guide/recipes/custom-routing#router-config",children:"\u0414\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u0430\u0446\u0438\u044f \u043f\u043e \u0438\u0437\u043c\u0435\u043d\u0435\u043d\u0438\u044e \u043a\u043e\u043d\u0444\u0438\u0433\u0430 \u0440\u043e\u0443\u0442\u0435\u0440\u0430 \u0432 NuxtJS"})}),"\n",(0,t.jsx)(n.li,{children:(0,t.jsx)(n.a,{href:"https://nuxt.com/docs/api/nuxt-config#alias",children:"\u0414\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u0430\u0446\u0438\u044f \u043f\u043e \u0438\u0437\u043c\u0435\u043d\u0435\u043d\u0438\u044e \u0430\u043b\u0438\u0430\u0441\u043e\u0432 \u0432 NuxtJS"})}),"\n"]})]})}function u(e={}){const{wrapper:n}={...(0,r.R)(),...e.components};return n?(0,t.jsx)(n,{...e,children:(0,t.jsx)(a,{...e})}):a(e)}},1100:(e,n,s)=>{s.d(n,{R:()=>c,x:()=>d});var t=s(758);const r={},i=t.createContext(r);function c(e){const n=t.useContext(i);return t.useMemo((function(){return"function"==typeof e?e(n):{...n,...e}}),[n,e])}function d(e){let n;return n=e.disableParentContext?"function"==typeof e.components?e.components(r):e.components||r:c(e.components),t.createElement(i.Provider,{value:n},e.children)}}}]);
\ No newline at end of file
+"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[1268],{6990:(e,n,s)=>{s.r(n),s.d(n,{assets:()=>l,contentTitle:()=>c,default:()=>u,frontMatter:()=>i,metadata:()=>d,toc:()=>o});var t=s(6070),r=s(1100);const i={sidebar_position:10},c="\u0418\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u0435 \u0441 NuxtJS",d={id:"guides/tech/with-nuxtjs",title:"\u0418\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u0435 \u0441 NuxtJS",description:"\u0412 NuxtJS \u043f\u0440\u043e\u0435\u043a\u0442\u0435 \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e \u0440\u0435\u0430\u043b\u0438\u0437\u043e\u0432\u0430\u0442\u044c FSD, \u043e\u0434\u043d\u0430\u043a\u043e \u0432\u043e\u0437\u043d\u0438\u043a\u0430\u044e\u0442 \u043a\u043e\u043d\u0444\u043b\u0438\u043a\u0442\u044b \u0438\u0437-\u0437\u0430 \u0440\u0430\u0437\u043b\u0438\u0447\u0438\u0439 \u043c\u0435\u0436\u0434\u0443 \u0442\u0440\u0435\u0431\u043e\u0432\u0430\u043d\u0438\u044f\u043c\u0438 \u043a \u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u0435 \u043f\u0440\u043e\u0435\u043a\u0442\u0430 NuxtJS \u0438 \u043f\u0440\u0438\u043d\u0446\u0438\u043f\u0430\u043c\u0438 FSD:",source:"@site/i18n/ru/docusaurus-plugin-content-docs/current/guides/tech/with-nuxtjs.mdx",sourceDirName:"guides/tech",slug:"/guides/tech/with-nuxtjs",permalink:"/ru/docs/guides/tech/with-nuxtjs",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/ru/docusaurus-plugin-content-docs/current/guides/tech/with-nuxtjs.mdx",tags:[],version:"current",lastUpdatedAt:1728325386e3,sidebarPosition:10,frontMatter:{sidebar_position:10},sidebar:"guidesSidebar",previous:{title:"\u0418\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u0435 \u0441 NextJS",permalink:"/ru/docs/guides/tech/with-nextjs"},next:{title:"\u0418\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u0435 \u0441 React Query",permalink:"/ru/docs/guides/tech/with-react-query"}},l={},o=[{value:"\u0414\u043e\u0431\u0430\u0432\u043b\u0435\u043d\u0438\u0435 \u0430\u043b\u0438\u0430\u0441\u0430 \u0434\u043b\u044f <code>src</code> \u0434\u0438\u0440\u0435\u043a\u0442\u043e\u0440\u0438\u0438",id:"\u0434\u043e\u0431\u0430\u0432\u043b\u0435\u043d\u0438\u0435-\u0430\u043b\u0438\u0430\u0441\u0430-\u0434\u043b\u044f-src-\u0434\u0438\u0440\u0435\u043a\u0442\u043e\u0440\u0438\u0438",level:2},{value:"\u0412\u044b\u0431\u043e\u0440 \u0441\u043f\u043e\u0441\u043e\u0431\u0430 \u043d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u0438 \u0440\u043e\u0443\u0442\u0435\u0440\u0430",id:"\u0432\u044b\u0431\u043e\u0440-\u0441\u043f\u043e\u0441\u043e\u0431\u0430-\u043d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u0438-\u0440\u043e\u0443\u0442\u0435\u0440\u0430",level:2},{value:"\u0420\u043e\u0443\u0442\u0438\u043d\u0433 \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e \u043a\u043e\u043d\u0444\u0438\u0433\u0430",id:"\u0440\u043e\u0443\u0442\u0438\u043d\u0433-\u0441-\u043f\u043e\u043c\u043e\u0449\u044c\u044e-\u043a\u043e\u043d\u0444\u0438\u0433\u0430",level:3},{value:"\u0424\u0430\u0439\u043b\u043e\u0432\u044b\u0439 \u0440\u043e\u0443\u0442\u0438\u043d\u0433",id:"\u0444\u0430\u0439\u043b\u043e\u0432\u044b\u0439-\u0440\u043e\u0443\u0442\u0438\u043d\u0433",level:3},{value:"\u0427\u0442\u043e \u0434\u0435\u043b\u0430\u0442\u044c \u0441 <code>layouts</code>?",id:"\u0447\u0442\u043e-\u0434\u0435\u043b\u0430\u0442\u044c-\u0441-layouts",level:2},{value:"\u0421\u043c. \u0442\u0430\u043a\u0436\u0435",id:"\u0441\u043c-\u0442\u0430\u043a\u0436\u0435",level:2}];function a(e){const n={a:"a",code:"code",h1:"h1",h2:"h2",h3:"h3",header:"header",li:"li",p:"p",pre:"pre",ul:"ul",...(0,r.R)(),...e.components};return(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(n.header,{children:(0,t.jsx)(n.h1,{id:"\u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u0435-\u0441-nuxtjs",children:"\u0418\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u0435 \u0441 NuxtJS"})}),"\n",(0,t.jsx)(n.p,{children:"\u0412 NuxtJS \u043f\u0440\u043e\u0435\u043a\u0442\u0435 \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e \u0440\u0435\u0430\u043b\u0438\u0437\u043e\u0432\u0430\u0442\u044c FSD, \u043e\u0434\u043d\u0430\u043a\u043e \u0432\u043e\u0437\u043d\u0438\u043a\u0430\u044e\u0442 \u043a\u043e\u043d\u0444\u043b\u0438\u043a\u0442\u044b \u0438\u0437-\u0437\u0430 \u0440\u0430\u0437\u043b\u0438\u0447\u0438\u0439 \u043c\u0435\u0436\u0434\u0443 \u0442\u0440\u0435\u0431\u043e\u0432\u0430\u043d\u0438\u044f\u043c\u0438 \u043a \u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u0435 \u043f\u0440\u043e\u0435\u043a\u0442\u0430 NuxtJS \u0438 \u043f\u0440\u0438\u043d\u0446\u0438\u043f\u0430\u043c\u0438 FSD:"}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsxs)(n.li,{children:["\u0418\u0437\u043d\u0430\u0447\u0430\u043b\u044c\u043d\u043e, NuxtJS \u043f\u0440\u0435\u0434\u043b\u0430\u0433\u0430\u0435\u0442 \u0444\u0430\u0439\u043b\u043e\u0432\u0443\u044e \u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u0443 \u043f\u0440\u043e\u0435\u043a\u0442\u0430 \u0431\u0435\u0437 \u043f\u0430\u043f\u043a\u0438 ",(0,t.jsx)(n.code,{children:"src"}),", \u0442\u043e \u0435\u0441\u0442\u044c \u0432 \u043a\u043e\u0440\u043d\u0435 \u043f\u0440\u043e\u0435\u043a\u0442\u0430."]}),"\n",(0,t.jsxs)(n.li,{children:["\u0424\u0430\u0439\u043b\u043e\u0432\u044b\u0439 \u0440\u043e\u0443\u0442\u0438\u043d\u0433 \u043d\u0430\u0445\u043e\u0434\u0438\u0442\u0441\u044f \u0432 \u043f\u0430\u043f\u043a\u0435 ",(0,t.jsx)(n.code,{children:"pages"}),", \u0430 \u0432 FSD \u044d\u0442\u0430 \u043f\u0430\u043f\u043a\u0430 \u043e\u0442\u0432\u0435\u0434\u0435\u043d\u0430 \u043f\u043e\u0434 \u043f\u043b\u043e\u0441\u043a\u0443\u044e \u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u0443 \u0441\u043b\u0430\u0439\u0441\u043e\u0432."]}),"\n"]}),"\n",(0,t.jsxs)(n.h2,{id:"\u0434\u043e\u0431\u0430\u0432\u043b\u0435\u043d\u0438\u0435-\u0430\u043b\u0438\u0430\u0441\u0430-\u0434\u043b\u044f-src-\u0434\u0438\u0440\u0435\u043a\u0442\u043e\u0440\u0438\u0438",children:["\u0414\u043e\u0431\u0430\u0432\u043b\u0435\u043d\u0438\u0435 \u0430\u043b\u0438\u0430\u0441\u0430 \u0434\u043b\u044f ",(0,t.jsx)(n.code,{children:"src"})," \u0434\u0438\u0440\u0435\u043a\u0442\u043e\u0440\u0438\u0438"]}),"\n",(0,t.jsxs)(n.p,{children:["\u0414\u043e\u0431\u0430\u0432\u044c\u0442\u0435 \u043e\u0431\u044c\u0435\u043a\u0442 ",(0,t.jsx)(n.code,{children:"alias"})," \u0432 \u0432\u0430\u0448 \u043a\u043e\u043d\u0444\u0438\u0433:"]}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-ts",metastring:'title="nuxt.config.ts"',children:"export default defineNuxtConfig({\n  devtools: { enabled: true },        // \u041d\u0435 \u043e\u0442\u043d\u043e\u0441\u044f\u0442\u0441\u044f \u043a FSD, \u0432\u043a\u043b\u044e\u0447\u0451\u043d\u044b \u043f\u0440\u0438 \u0441\u0442\u0430\u0440\u0442\u0435 \u043f\u0440\u043e\u0435\u043a\u0442\u0430\n  alias: {\n    \"@\": '../src'\n  },\n})\n"})}),"\n",(0,t.jsx)(n.h2,{id:"\u0432\u044b\u0431\u043e\u0440-\u0441\u043f\u043e\u0441\u043e\u0431\u0430-\u043d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u0438-\u0440\u043e\u0443\u0442\u0435\u0440\u0430",children:"\u0412\u044b\u0431\u043e\u0440 \u0441\u043f\u043e\u0441\u043e\u0431\u0430 \u043d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u0438 \u0440\u043e\u0443\u0442\u0435\u0440\u0430"}),"\n",(0,t.jsxs)(n.p,{children:["\u0412 NuxtJS \u0435\u0441\u0442\u044c \u0434\u0432\u0430 \u0441\u043f\u043e\u0441\u043e\u0431\u0430 \u043d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u0438 \u0440\u043e\u0443\u0442\u0438\u043d\u0433\u0430 - \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e \u043a\u043e\u043d\u0444\u0438\u0433\u0430 \u0438 \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e \u0444\u0430\u0439\u043b\u043e\u0432\u043e\u0439 \u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u044b.\n\u0412 \u0441\u043b\u0443\u0447\u0430\u0435 \u0441 \u0444\u0430\u0439\u043b\u043e\u0432\u044b\u043c \u0440\u043e\u0443\u0442\u0438\u043d\u0433\u043e\u043c \u0432\u044b \u0431\u0443\u0434\u0435\u0442\u0435 \u0441\u043e\u0437\u0434\u0430\u0432\u0430\u0442\u044c index.vue \u0444\u0430\u0439\u043b\u044b \u0432 \u043f\u0430\u043f\u043a\u0430\u0445 \u0432\u043d\u0443\u0442\u0440\u0438 \u0434\u0438\u0440\u0435\u043a\u0442\u043e\u0440\u0438\u0438 app/routes, \u0430 \u0432 \u0441\u043b\u0443\u0447\u0430\u0435 \u043a\u043e\u043d\u0444\u0438\u0433\u0430 - \u043d\u0430\u0441\u0442\u0440\u0430\u0438\u0432\u0430\u0442\u044c \u0440\u043e\u0443\u0442\u044b \u0432 ",(0,t.jsx)(n.code,{children:"router.options.ts"})," \u0444\u0430\u0439\u043b\u0435."]}),"\n",(0,t.jsx)(n.h3,{id:"\u0440\u043e\u0443\u0442\u0438\u043d\u0433-\u0441-\u043f\u043e\u043c\u043e\u0449\u044c\u044e-\u043a\u043e\u043d\u0444\u0438\u0433\u0430",children:"\u0420\u043e\u0443\u0442\u0438\u043d\u0433 \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e \u043a\u043e\u043d\u0444\u0438\u0433\u0430"}),"\n",(0,t.jsxs)(n.p,{children:["\u0412 \u0441\u043b\u043e\u0435 ",(0,t.jsx)(n.code,{children:"app"})," \u0441\u043e\u0437\u0434\u0430\u0439\u0442\u0435 \u0444\u0430\u0439\u043b ",(0,t.jsx)(n.code,{children:"router.options.ts"}),", \u0438 \u044d\u043a\u0441\u043f\u043e\u0440\u0442\u0438\u0440\u0443\u0439\u0442\u0435 \u0438\u0437 \u043d\u0435\u0433\u043e \u043e\u0431\u044c\u0435\u043a\u0442 \u043a\u043e\u043d\u0444\u0438\u0433\u0430:"]}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-ts",metastring:'title="app/router.options.ts"',children:"import type { RouterConfig } from '@nuxt/schema';\n\nexport default <RouterConfig> {\n  routes: (_routes) => [],\n};\n\n"})}),"\n",(0,t.jsxs)(n.p,{children:["\u0427\u0442\u043e\u0431\u044b \u0434\u043e\u0431\u0430\u0432\u0438\u0442\u044c \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0443 ",(0,t.jsx)(n.code,{children:"Home"})," \u0432 \u043f\u0440\u043e\u0435\u043a\u0442, \u0432\u0430\u043c \u043d\u0443\u0436\u043d\u043e \u0441\u0434\u0435\u043b\u0430\u0442\u044c \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0438\u0435 \u0448\u0430\u0433\u0438:"]}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsxs)(n.li,{children:["\u0414\u043e\u0431\u0430\u0432\u0438\u0442\u044c \u0441\u043b\u0430\u0439\u0441 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b \u0432\u043d\u0443\u0442\u0440\u0438 \u0441\u043b\u043e\u044f ",(0,t.jsx)(n.code,{children:"pages"})]}),"\n",(0,t.jsxs)(n.li,{children:["\u0414\u043e\u0431\u0430\u0432\u0438\u0442\u044c \u0441\u043e\u043e\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0443\u044e\u0449\u0438\u0439 \u0440\u043e\u0443\u0442 \u0432 \u043a\u043e\u043d\u0444\u0438\u0433 ",(0,t.jsx)(n.code,{children:"app/router.config.ts"})]}),"\n"]}),"\n",(0,t.jsxs)(n.p,{children:["\u0414\u043b\u044f \u0442\u043e\u0433\u043e \u0447\u0442\u043e\u0431\u044b \u0441\u043e\u0437\u0434\u0430\u0442\u044c \u0441\u043b\u0430\u0439\u0441 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b, \u0432\u043e\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u043c\u0441\u044f ",(0,t.jsx)(n.a,{href:"https://github.com/feature-sliced/cli",children:"CLI"}),":"]}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-shell",children:"fsd pages home\n"})}),"\n",(0,t.jsxs)(n.p,{children:["\u0421\u043e\u0437\u0434\u0430\u0439\u0442\u0435 \u0444\u0430\u0439\u043b ",(0,t.jsx)(n.code,{children:"home-page.vue"})," \u0432\u043d\u0443\u0442\u0440\u0438 \u0441\u0435\u0433\u043c\u0435\u043d\u0442\u0430 ui, \u043e\u0442\u043a\u0440\u043e\u0439\u0442\u0435 \u043a \u043d\u0435\u043c\u0443 \u0434\u043e\u0441\u0442\u0443\u043f \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e Public API"]}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-ts",metastring:'title="src/pages/home/index.ts"',children:"export { default as HomePage } from './ui/home-page';\n"})}),"\n",(0,t.jsx)(n.p,{children:"\u0422\u0430\u043a\u0438\u043c \u043e\u0431\u0440\u0430\u0437\u043e\u043c, \u0444\u0430\u0439\u043b\u043e\u0432\u0430\u044f \u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u0430 \u0431\u0443\u0434\u0435\u0442 \u0432\u044b\u0433\u043b\u044f\u0434\u0435\u0442\u044c \u0442\u0430\u043a:"}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-sh",children:"|\u2500\u2500 src\n\u2502   \u251c\u2500\u2500 app\n\u2502   \u2502   \u251c\u2500\u2500 router.config.ts\n\u2502   \u251c\u2500\u2500 pages\n\u2502   \u2502   \u251c\u2500\u2500 home\n\u2502   \u2502   \u2502   \u251c\u2500\u2500 ui\n\u2502   \u2502   \u2502   \u2502   \u251c\u2500\u2500 home-page.vue\n\u2502   \u2502   \u2502   \u251c\u2500\u2500 index.ts\n"})}),"\n",(0,t.jsx)(n.p,{children:"\u041d\u0430\u043a\u043e\u043d\u0435\u0446, \u0434\u043e\u0431\u0430\u0432\u0438\u043c \u0440\u043e\u0443\u0442 \u0432 \u043a\u043e\u043d\u0444\u0438\u0433:"}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-ts",metastring:'title="app/router.config.ts"',children:"import type { RouterConfig } from '@nuxt/schema'\n\nexport default <RouterConfig> {\n  routes: (_routes) => [\n    {\n      name: 'home',\n      path: '/',\n      component: () => import('@/pages/home.vue').then(r => r.default || r)\n    }\n  ],\n}\n"})}),"\n",(0,t.jsx)(n.h3,{id:"\u0444\u0430\u0439\u043b\u043e\u0432\u044b\u0439-\u0440\u043e\u0443\u0442\u0438\u043d\u0433",children:"\u0424\u0430\u0439\u043b\u043e\u0432\u044b\u0439 \u0440\u043e\u0443\u0442\u0438\u043d\u0433"}),"\n",(0,t.jsxs)(n.p,{children:["\u0412 \u043f\u0435\u0440\u0432\u0443\u044e \u043e\u0447\u0435\u0440\u0435\u0434\u044c, \u0441\u043e\u0437\u0434\u0430\u0439\u0442\u0435 ",(0,t.jsx)(n.code,{children:"src"})," \u0434\u0438\u0440\u0435\u043a\u0442\u043e\u0440\u0438\u044e \u0432 \u043a\u043e\u0440\u043d\u0435 \u043f\u0440\u043e\u0435\u043a\u0442\u0430, \u0430 \u0442\u0430\u043a\u0436\u0435 \u0441\u043e\u0437\u0434\u0430\u0439\u0442\u0435 \u0432\u043d\u0443\u0442\u0440\u0438 \u044d\u0442\u043e\u0439 \u0434\u0438\u0440\u0435\u043a\u0442\u043e\u0440\u0438\u0438 \u0441\u043b\u043e\u0438 app \u0438 pages \u0438 \u043f\u0430\u043f\u043a\u0443 routes \u0432\u043d\u0443\u0442\u0440\u0438 \u0441\u043b\u043e\u044f app.\n\u0422\u0430\u043a\u0438\u043c \u043e\u0431\u0440\u0430\u0437\u043e\u043c, \u0432\u0430\u0448\u0430 \u0444\u0430\u0439\u043b\u043e\u0432\u0430\u044f \u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u0430 \u0434\u043e\u043b\u0436\u043d\u0430 \u0432\u044b\u0433\u043b\u044f\u0434\u0435\u0442\u044c \u0442\u0430\u043a:"]}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-sh",children:"\u251c\u2500\u2500 src\n\u2502   \u251c\u2500\u2500 app\n\u2502   \u2502   \u251c\u2500\u2500 routes\n\u2502   \u251c\u2500\u2500 pages                         # \u041f\u0430\u043f\u043a\u0430 pages, \u0437\u0430\u043a\u0440\u0435\u043f\u043b\u0451\u043d\u043d\u0430\u044f \u0437\u0430 FSD\n"})}),"\n",(0,t.jsxs)(n.p,{children:["\u0414\u043b\u044f \u0442\u043e\u0433\u043e \u0447\u0442\u043e\u0431\u044b NuxtJS \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043b \u043f\u0430\u043f\u043a\u0443 routes \u0432\u043d\u0443\u0442\u0440\u0438 \u0441\u043b\u043e\u044f ",(0,t.jsx)(n.code,{children:"app"})," \u0434\u043b\u044f \u0444\u0430\u0439\u043b\u043e\u0432\u043e\u0433\u043e \u0440\u043e\u0443\u0442\u0438\u043d\u0433\u0430, \u0432\u0430\u043c \u043d\u0443\u0436\u043d\u043e \u0438\u0437\u043c\u0435\u043d\u0438\u0442\u044c ",(0,t.jsx)(n.code,{children:"nuxt.config.ts"})," \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0438\u043c \u043e\u0431\u0440\u0430\u0437\u043e\u043c:"]}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-ts",metastring:'title="nuxt.config.ts"',children:"export default defineNuxtConfig({\n  devtools: { enabled: true },        // \u041d\u0435 \u043e\u0442\u043d\u043e\u0441\u044f\u0442\u0441\u044f \u043a FSD, \u0432\u043a\u043b\u044e\u0447\u0451\u043d\u044b \u043f\u0440\u0438 \u0441\u0442\u0430\u0440\u0442\u0435 \u043f\u0440\u043e\u0435\u043a\u0442\u0430\n  alias: {\n    \"@\": '../src'\n  },\n  dir: {\n    pages: './src/app/routes'\n  }\n})\n"})}),"\n",(0,t.jsxs)(n.p,{children:["\u0422\u0435\u043f\u0435\u0440\u044c, \u0432\u044b \u043c\u043e\u0436\u0435\u0442\u0435 \u0441\u043e\u0437\u0434\u0430\u0432\u0430\u0442\u044c \u0440\u043e\u0443\u0442\u044b \u0434\u043b\u044f \u0441\u0442\u0440\u0430\u043d\u0438\u0446 \u0432\u043d\u0443\u0442\u0440\u0438 ",(0,t.jsx)(n.code,{children:"app"})," \u0438 \u043f\u043e\u0434\u043a\u043b\u044e\u0447\u0430\u0442\u044c \u043a \u043d\u0438\u043c \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b \u0438\u0437 ",(0,t.jsx)(n.code,{children:"pages"}),"."]}),"\n",(0,t.jsxs)(n.p,{children:["\u041d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, \u0447\u0442\u043e\u0431\u044b \u0434\u043e\u0431\u0430\u0432\u0438\u0442\u044c \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0443 ",(0,t.jsx)(n.code,{children:"Home"})," \u0432 \u043f\u0440\u043e\u0435\u043a\u0442, \u0432\u0430\u043c \u043d\u0443\u0436\u043d\u043e \u0441\u0434\u0435\u043b\u0430\u0442\u044c \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0438\u0435 \u0448\u0430\u0433\u0438:"]}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsxs)(n.li,{children:["\u0414\u043e\u0431\u0430\u0432\u0438\u0442\u044c \u0441\u043b\u0430\u0439\u0441 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b \u0432\u043d\u0443\u0442\u0440\u0438 \u0441\u043b\u043e\u044f ",(0,t.jsx)(n.code,{children:"pages"})]}),"\n",(0,t.jsxs)(n.li,{children:["\u0414\u043e\u0431\u0430\u0432\u0438\u0442\u044c \u0441\u043e\u043e\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0443\u044e\u0449\u0438\u0439 \u0440\u043e\u0443\u0442 \u0432\u043d\u0443\u0442\u0440\u044c \u0441\u043b\u043e\u044f ",(0,t.jsx)(n.code,{children:"app"})]}),"\n",(0,t.jsx)(n.li,{children:"\u0421\u043e\u0432\u043c\u0435\u0441\u0442\u0438\u0442\u044c \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0443 \u0438\u0437 \u0441\u043b\u0430\u0439\u0441\u0430 \u0441 \u0440\u043e\u0443\u0442\u043e\u043c"}),"\n"]}),"\n",(0,t.jsxs)(n.p,{children:["\u0414\u043b\u044f \u0442\u043e\u0433\u043e \u0447\u0442\u043e\u0431\u044b \u0441\u043e\u0437\u0434\u0430\u0442\u044c \u0441\u043b\u0430\u0439\u0441 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b, \u0432\u043e\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u043c\u0441\u044f ",(0,t.jsx)(n.a,{href:"https://github.com/feature-sliced/cli",children:"CLI"}),":"]}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-shell",children:"fsd pages home\n"})}),"\n",(0,t.jsxs)(n.p,{children:["\u0421\u043e\u0437\u0434\u0430\u0439\u0442\u0435 \u0444\u0430\u0439\u043b ",(0,t.jsx)(n.code,{children:"home-page.vue"})," \u0432\u043d\u0443\u0442\u0440\u0438 \u0441\u0435\u0433\u043c\u0435\u043d\u0442\u0430 ui, \u043e\u0442\u043a\u0440\u043e\u0439\u0442\u0435 \u043a \u043d\u0435\u043c\u0443 \u0434\u043e\u0441\u0442\u0443\u043f \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e Public API"]}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-ts",metastring:'title="src/pages/home/index.ts"',children:"export { default as HomePage } from './ui/home-page';\n"})}),"\n",(0,t.jsxs)(n.p,{children:["\u0421\u043e\u0437\u0434\u0430\u0439\u0442\u0435 \u0440\u043e\u0443\u0442 \u0434\u043b\u044f \u044d\u0442\u043e\u0439 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b \u0432\u043d\u0443\u0442\u0440\u0438 \u0441\u043b\u043e\u044f ",(0,t.jsx)(n.code,{children:"app"}),":"]}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-sh",children:"\n\u251c\u2500\u2500 src\n\u2502   \u251c\u2500\u2500 app\n\u2502   \u2502   \u251c\u2500\u2500 routes\n\u2502   \u2502   \u2502   \u251c\u2500\u2500 index.vue\n\u2502   \u251c\u2500\u2500 pages\n\u2502   \u2502   \u251c\u2500\u2500 home\n\u2502   \u2502   \u2502   \u251c\u2500\u2500 ui\n\u2502   \u2502   \u2502   \u2502   \u251c\u2500\u2500 home-page.vue\n\u2502   \u2502   \u2502   \u251c\u2500\u2500 index.ts\n"})}),"\n",(0,t.jsxs)(n.p,{children:["\u0414\u043e\u0431\u0430\u0432\u044c\u0442\u0435 \u0432\u043d\u0443\u0442\u0440\u044c ",(0,t.jsx)(n.code,{children:"index.vue"})," \u0444\u0430\u0439\u043b\u0430 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442 \u0432\u0430\u0448\u0435\u0439 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b:"]}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-html",metastring:'title="src/app/routes/index.vue"',children:"<script setup>\n  import { HomePage } from '@/pages/home';\n<\/script>\n\n<template>\n  <HomePage/>\n</template>\n"})}),"\n",(0,t.jsxs)(n.h2,{id:"\u0447\u0442\u043e-\u0434\u0435\u043b\u0430\u0442\u044c-\u0441-layouts",children:["\u0427\u0442\u043e \u0434\u0435\u043b\u0430\u0442\u044c \u0441 ",(0,t.jsx)(n.code,{children:"layouts"}),"?"]}),"\n",(0,t.jsxs)(n.p,{children:["\u0412\u044b \u043c\u043e\u0436\u0435\u0442\u0435 \u0440\u0430\u0437\u043c\u0435\u0441\u0442\u0438\u0442\u044c layouts \u0432\u043d\u0443\u0442\u0440\u0438 \u0441\u043b\u043e\u044f ",(0,t.jsx)(n.code,{children:"app"}),", \u0434\u043b\u044f \u044d\u0442\u043e\u0433\u043e \u043d\u0443\u0436\u043d\u043e \u0438\u0437\u043c\u0435\u043d\u0438\u0442\u044c \u043a\u043e\u043d\u0444\u0438\u0433 \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0438\u043c \u043e\u0431\u0440\u0430\u0437\u043e\u043c:"]}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-ts",metastring:'title="nuxt.config.ts"',children:"export default defineNuxtConfig({\n  devtools: { enabled: true },        // \u041d\u0435 \u043e\u0442\u043d\u043e\u0441\u044f\u0442\u0441\u044f \u043a FSD, \u0432\u043a\u043b\u044e\u0447\u0451\u043d\u044b \u043f\u0440\u0438 \u0441\u0442\u0430\u0440\u0442\u0435 \u043f\u0440\u043e\u0435\u043a\u0442\u0430\n  alias: {\n    \"@\": '../src'\n  },\n  dir: {\n    pages: './src/app/routes',\n    layouts: './src/app/layouts'\n  }\n})\n"})}),"\n",(0,t.jsx)(n.h2,{id:"\u0441\u043c-\u0442\u0430\u043a\u0436\u0435",children:"\u0421\u043c. \u0442\u0430\u043a\u0436\u0435"}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsx)(n.li,{children:(0,t.jsx)(n.a,{href:"https://nuxt.com/docs/api/nuxt-config#dir",children:"\u0414\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u0430\u0446\u0438\u044f \u043f\u043e \u0438\u0437\u043c\u0435\u043d\u0435\u043d\u0438\u044e \u043a\u043e\u043d\u0444\u0438\u0433\u0430 \u0434\u0438\u0440\u0435\u043a\u0442\u043e\u0440\u0438\u0439 \u0432 NuxtJS"})}),"\n",(0,t.jsx)(n.li,{children:(0,t.jsx)(n.a,{href:"https://nuxt.com/docs/guide/recipes/custom-routing#router-config",children:"\u0414\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u0430\u0446\u0438\u044f \u043f\u043e \u0438\u0437\u043c\u0435\u043d\u0435\u043d\u0438\u044e \u043a\u043e\u043d\u0444\u0438\u0433\u0430 \u0440\u043e\u0443\u0442\u0435\u0440\u0430 \u0432 NuxtJS"})}),"\n",(0,t.jsx)(n.li,{children:(0,t.jsx)(n.a,{href:"https://nuxt.com/docs/api/nuxt-config#alias",children:"\u0414\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u0430\u0446\u0438\u044f \u043f\u043e \u0438\u0437\u043c\u0435\u043d\u0435\u043d\u0438\u044e \u0430\u043b\u0438\u0430\u0441\u043e\u0432 \u0432 NuxtJS"})}),"\n"]})]})}function u(e={}){const{wrapper:n}={...(0,r.R)(),...e.components};return n?(0,t.jsx)(n,{...e,children:(0,t.jsx)(a,{...e})}):a(e)}},1100:(e,n,s)=>{s.d(n,{R:()=>c,x:()=>d});var t=s(758);const r={},i=t.createContext(r);function c(e){const n=t.useContext(i);return t.useMemo((function(){return"function"==typeof e?e(n):{...n,...e}}),[n,e])}function d(e){let n;return n=e.disableParentContext?"function"==typeof e.components?e.components(r):e.components||r:c(e.components),t.createElement(i.Provider,{value:n},e.children)}}}]);
\ No newline at end of file
diff --git a/ru/assets/js/6545b372.efc3df60.js b/ru/assets/js/6545b372.63345411.js
similarity index 98%
rename from ru/assets/js/6545b372.efc3df60.js
rename to ru/assets/js/6545b372.63345411.js
index 5c4af9e8ba..9b9749b548 100644
--- a/ru/assets/js/6545b372.efc3df60.js
+++ b/ru/assets/js/6545b372.63345411.js
@@ -1,2 +1,2 @@
-/*! For license information please see 6545b372.efc3df60.js.LICENSE.txt */
-"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[8875],{923:(e,t,n)=>{n.d(t,{A:()=>o});var c=n(991),s=n(758);const r={icon:{tag:"svg",attrs:{viewBox:"64 64 896 896",focusable:"false"},children:[{tag:"path",attrs:{d:"M917.7 148.8l-42.4-42.4c-1.6-1.6-3.6-2.3-5.7-2.3s-4.1.8-5.7 2.3l-76.1 76.1a199.27 199.27 0 00-112.1-34.3c-51.2 0-102.4 19.5-141.5 58.6L432.3 308.7a8.03 8.03 0 000 11.3L704 591.7c1.6 1.6 3.6 2.3 5.7 2.3 2 0 4.1-.8 5.7-2.3l101.9-101.9c68.9-69 77-175.7 24.3-253.5l76.1-76.1c3.1-3.2 3.1-8.3 0-11.4zM769.1 441.7l-59.4 59.4-186.8-186.8 59.4-59.4c24.9-24.9 58.1-38.7 93.4-38.7 35.3 0 68.4 13.7 93.4 38.7 24.9 24.9 38.7 58.1 38.7 93.4 0 35.3-13.8 68.4-38.7 93.4zm-190.2 105a8.03 8.03 0 00-11.3 0L501 613.3 410.7 523l66.7-66.7c3.1-3.1 3.1-8.2 0-11.3L441 408.6a8.03 8.03 0 00-11.3 0L363 475.3l-43-43a7.85 7.85 0 00-5.7-2.3c-2 0-4.1.8-5.7 2.3L206.8 534.2c-68.9 69-77 175.7-24.3 253.5l-76.1 76.1a8.03 8.03 0 000 11.3l42.4 42.4c1.6 1.6 3.6 2.3 5.7 2.3s4.1-.8 5.7-2.3l76.1-76.1c33.7 22.9 72.9 34.3 112.1 34.3 51.2 0 102.4-19.5 141.5-58.6l101.9-101.9c3.1-3.1 3.1-8.2 0-11.3l-43-43 66.7-66.7c3.1-3.1 3.1-8.2 0-11.3l-36.6-36.2zM441.7 769.1a131.32 131.32 0 01-93.4 38.7c-35.3 0-68.4-13.7-93.4-38.7a131.32 131.32 0 01-38.7-93.4c0-35.3 13.7-68.4 38.7-93.4l59.4-59.4 186.8 186.8-59.4 59.4z"}}]},name:"api",theme:"outlined"};var a=n(9820),i=function(e,t){return s.createElement(a.A,(0,c.A)({},e,{ref:t,icon:r}))};const o=s.forwardRef(i)},7946:(e,t,n)=>{n.d(t,{Ay:()=>o,RM:()=>a});var c=n(6070),s=n(1100),r=n(5988);const a=[];function i(e){return(0,c.jsx)(r.A,{...e})}function o(e={}){const{wrapper:t}={...(0,s.R)(),...e.components};return t?(0,c.jsx)(t,{...e,children:(0,c.jsx)(i,{...e})}):i(e)}},7649:(e,t,n)=>{n.r(t),n.d(t,{assets:()=>A,contentTitle:()=>z,default:()=>y,frontMatter:()=>j,metadata:()=>_,toc:()=>M});var c=n(6070),s=n(1100),r=n(7946),a=n(991),i=n(758);const o={icon:{tag:"svg",attrs:{viewBox:"64 64 896 896",focusable:"false"},children:[{tag:"defs",attrs:{},children:[{tag:"style",attrs:{}}]},{tag:"path",attrs:{d:"M912 820.1V203.9c28-9.9 48-36.6 48-67.9 0-39.8-32.2-72-72-72-31.3 0-58 20-67.9 48H203.9C194 84 167.3 64 136 64c-39.8 0-72 32.2-72 72 0 31.3 20 58 48 67.9v616.2C84 830 64 856.7 64 888c0 39.8 32.2 72 72 72 31.3 0 58-20 67.9-48h616.2c9.9 28 36.6 48 67.9 48 39.8 0 72-32.2 72-72 0-31.3-20-58-48-67.9zM888 112c13.3 0 24 10.7 24 24s-10.7 24-24 24-24-10.7-24-24 10.7-24 24-24zM136 912c-13.3 0-24-10.7-24-24s10.7-24 24-24 24 10.7 24 24-10.7 24-24 24zm0-752c-13.3 0-24-10.7-24-24s10.7-24 24-24 24 10.7 24 24-10.7 24-24 24zm704 680H184V184h656v656zm48 72c-13.3 0-24-10.7-24-24s10.7-24 24-24 24 10.7 24 24-10.7 24-24 24z"}},{tag:"path",attrs:{d:"M288 474h448c8.8 0 16-7.2 16-16V282c0-8.8-7.2-16-16-16H288c-8.8 0-16 7.2-16 16v176c0 8.8 7.2 16 16 16zm56-136h336v64H344v-64zm-56 420h448c8.8 0 16-7.2 16-16V566c0-8.8-7.2-16-16-16H288c-8.8 0-16 7.2-16 16v176c0 8.8 7.2 16 16 16zm56-136h336v64H344v-64z"}}]},name:"group",theme:"outlined"};var l=n(9820),d=function(e,t){return i.createElement(l.A,(0,a.A)({},e,{ref:t,icon:o}))};const u=i.forwardRef(d);const m={icon:{tag:"svg",attrs:{viewBox:"64 64 896 896",focusable:"false"},children:[{tag:"path",attrs:{d:"M464 144H160c-8.8 0-16 7.2-16 16v304c0 8.8 7.2 16 16 16h304c8.8 0 16-7.2 16-16V160c0-8.8-7.2-16-16-16zm-52 268H212V212h200v200zm452-268H560c-8.8 0-16 7.2-16 16v304c0 8.8 7.2 16 16 16h304c8.8 0 16-7.2 16-16V160c0-8.8-7.2-16-16-16zm-52 268H612V212h200v200zM464 544H160c-8.8 0-16 7.2-16 16v304c0 8.8 7.2 16 16 16h304c8.8 0 16-7.2 16-16V560c0-8.8-7.2-16-16-16zm-52 268H212V612h200v200zm452-268H560c-8.8 0-16 7.2-16 16v304c0 8.8 7.2 16 16 16h304c8.8 0 16-7.2 16-16V560c0-8.8-7.2-16-16-16zm-52 268H612V612h200v200z"}}]},name:"appstore",theme:"outlined"};var f=function(e,t){return i.createElement(l.A,(0,a.A)({},e,{ref:t,icon:m}))};const h=i.forwardRef(f);const p={icon:{tag:"svg",attrs:{viewBox:"64 64 896 896",focusable:"false"},children:[{tag:"defs",attrs:{},children:[{tag:"style",attrs:{}}]},{tag:"path",attrs:{d:"M843.5 737.4c-12.4-75.2-79.2-129.1-155.3-125.4S550.9 676 546 752c-153.5-4.8-208-40.7-199.1-113.7 3.3-27.3 19.8-41.9 50.1-49 18.4-4.3 38.8-4.9 57.3-3.2 1.7.2 3.5.3 5.2.5 11.3 2.7 22.8 5 34.3 6.8 34.1 5.6 68.8 8.4 101.8 6.6 92.8-5 156-45.9 159.2-132.7 3.1-84.1-54.7-143.7-147.9-183.6-29.9-12.8-61.6-22.7-93.3-30.2-14.3-3.4-26.3-5.7-35.2-7.2-7.9-75.9-71.5-133.8-147.8-134.4-76.3-.6-140.9 56.1-150.1 131.9s40 146.3 114.2 163.9c74.2 17.6 149.9-23.3 175.7-95.1 9.4 1.7 18.7 3.6 28 5.8 28.2 6.6 56.4 15.4 82.4 26.6 70.7 30.2 109.3 70.1 107.5 119.9-1.6 44.6-33.6 65.2-96.2 68.6-27.5 1.5-57.6-.9-87.3-5.8-8.3-1.4-15.9-2.8-22.6-4.3-3.9-.8-6.6-1.5-7.8-1.8l-3.1-.6c-2.2-.3-5.9-.8-10.7-1.3-25-2.3-52.1-1.5-78.5 4.6-55.2 12.9-93.9 47.2-101.1 105.8-15.7 126.2 78.6 184.7 276 188.9 29.1 70.4 106.4 107.9 179.6 87 73.3-20.9 119.3-93.4 106.9-168.6zM329.1 345.2a83.3 83.3 0 11.01-166.61 83.3 83.3 0 01-.01 166.61zM695.6 845a83.3 83.3 0 11.01-166.61A83.3 83.3 0 01695.6 845z"}}]},name:"node-index",theme:"outlined"};var v=function(e,t){return i.createElement(l.A,(0,a.A)({},e,{ref:t,icon:p}))};const x=i.forwardRef(v);var g=n(923);const j={hide_table_of_contents:!0,pagination_prev:"guides/index"},z="\ud83d\udcda \u0421\u043f\u0440\u0430\u0432\u043e\u0447\u043d\u0438\u043a",_={id:"reference/index",title:"\ud83d\udcda \u0421\u043f\u0440\u0430\u0432\u043e\u0447\u043d\u0438\u043a",description:"\u0420\u0430\u0437\u0434\u0435\u043b \u0441 \u043a\u043b\u044e\u0447\u0435\u0432\u044b\u043c\u0438 \u043a\u043e\u043d\u0446\u0435\u043f\u0446\u0438\u044f\u043c\u0438 \u043c\u0435\u0442\u043e\u0434\u043e\u043b\u043e\u0433\u0438\u0438.",source:"@site/i18n/ru/docusaurus-plugin-content-docs/current/reference/index.mdx",sourceDirName:"reference",slug:"/reference/",permalink:"/ru/docs/reference/",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/ru/docusaurus-plugin-content-docs/current/reference/index.mdx",tags:[],version:"current",lastUpdatedAt:1727607766e3,frontMatter:{hide_table_of_contents:!0,pagination_prev:"guides/index"},sidebar:"referenceSidebar",previous:{title:"\ud83c\udfaf \u0413\u0430\u0439\u0434\u044b",permalink:"/ru/docs/guides/"},next:{title:"\u0421\u043b\u043e\u0438",permalink:"/ru/docs/reference/layers"}},A={},M=[...r.RM,...r.RM,...r.RM,...r.RM];function b(e){const t={h1:"h1",header:"header",p:"p",...(0,s.R)(),...e.components};return(0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)(t.header,{children:(0,c.jsx)(t.h1,{id:"-\u0441\u043f\u0440\u0430\u0432\u043e\u0447\u043d\u0438\u043a",children:"\ud83d\udcda \u0421\u043f\u0440\u0430\u0432\u043e\u0447\u043d\u0438\u043a"})}),"\n",(0,c.jsx)("p",{class:"summary",children:(0,c.jsx)(t.p,{children:"\u0420\u0430\u0437\u0434\u0435\u043b \u0441 \u043a\u043b\u044e\u0447\u0435\u0432\u044b\u043c\u0438 \u043a\u043e\u043d\u0446\u0435\u043f\u0446\u0438\u044f\u043c\u0438 \u043c\u0435\u0442\u043e\u0434\u043e\u043b\u043e\u0433\u0438\u0438."})}),"\n",(0,c.jsx)(r.Ay,{title:"\u0421\u043b\u043e\u0438",description:"\u041e\u043f\u0440\u0435\u0434\u0435\u043b\u0435\u043d\u0438\u0435 \u0441\u043b\u043e\u044f \u0438 \u043f\u043e\u044f\u0441\u043d\u0435\u043d\u0438\u0435 \u0441\u043c\u044b\u0441\u043b\u0430 \u0432\u0441\u0435\u0445 \u0441\u043b\u043e\u0435\u0432",to:"/docs/reference/layers",Icon:u}),"\n",(0,c.jsx)(r.Ay,{title:"\u0421\u043b\u0430\u0439\u0441\u044b \u0438 \u0441\u0435\u0433\u043c\u0435\u043d\u0442\u044b",description:"\u041e\u043f\u0440\u0435\u0434\u0435\u043b\u0435\u043d\u0438\u044f \u0441\u043b\u0430\u0439\u0441\u0430 \u0438 \u0441\u0435\u0433\u043c\u0435\u043d\u0442\u0430, \u043f\u0440\u0438\u043c\u0435\u0440\u044b \u0441\u043e\u0434\u0435\u0440\u0436\u0438\u043c\u043e\u0433\u043e \u0441\u0435\u0433\u043c\u0435\u043d\u0442\u043e\u0432 \u043d\u0430 \u0440\u0430\u0437\u043d\u044b\u0445 \u0441\u043b\u043e\u044f\u0445",to:"/docs/reference/slices-segments",Icon:h}),"\n",(0,c.jsx)(r.Ay,{title:"\u0418\u0437\u043e\u043b\u044f\u0446\u0438\u044f",description:"\u041f\u0440\u0430\u043a\u0442\u0438\u043a\u0438 \u043c\u0430\u0441\u0448\u0442\u0430\u0431\u0438\u0440\u0443\u0435\u043c\u043e\u0433\u043e \u0438 \u044d\u0444\u0444\u0435\u043a\u0442\u0438\u0432\u043d\u043e\u0433\u043e \u0432\u0437\u0430\u0438\u043c\u043e\u0434\u0435\u0439\u0441\u0442\u0432\u0438\u044f \u043c\u043e\u0434\u0443\u043b\u0435\u0439",to:"/docs/reference/isolation",Icon:x}),"\n",(0,c.jsx)(r.Ay,{title:"Public API",description:"\u041f\u0440\u0430\u043a\u0442\u0438\u043a\u0438 \u043f\u043e \u043f\u0440\u043e\u0435\u043a\u0442\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u044e \u0443\u0441\u0442\u043e\u0439\u0447\u0438\u0432\u044b\u0445 \u0438 \u0443\u0434\u043e\u0431\u043d\u044b\u0445 \u0434\u043b\u044f \u0438\u043d\u0442\u0435\u0433\u0440\u0430\u0446\u0438\u0438 \u043c\u043e\u0434\u0443\u043b\u0435\u0439",to:"/docs/reference/public-api",Icon:g.A})]})}function y(e={}){const{wrapper:t}={...(0,s.R)(),...e.components};return t?(0,c.jsx)(t,{...e,children:(0,c.jsx)(b,{...e})}):b(e)}},5988:(e,t,n)=>{n.d(t,{Y:()=>i,A:()=>l});n(758);var c=n(3526),s=n(6783);const r={root:"root_GfON",rootDisabled:"rootDisabled_SFUB",details:"details_xxkR",detailsTags:"detailsTags_uTQx",icon:"icon_ciqP",title:"title_pSH5",description:"description__Fep",miniTheme:"miniTheme_ePfp",primaryTheme:"primaryTheme_CilO",defaultTheme:"defaultTheme_j3I8"};var a=n(6070);const i=e=>{const{title:t,description:n,to:i,Icon:l,tags:d,className:u,disabled:m,theme:f="default"}=e;return(0,a.jsxs)(s.A,{className:(0,c.A)(r.root,u,m&&r.rootDisabled,r[`${f}Theme`]),to:i,children:[(0,a.jsx)(o,{Icon:l}),(0,a.jsxs)("div",{className:r.details,children:[(0,a.jsxs)("div",{className:r.detailsMain,children:[(0,a.jsx)("span",{className:r.title,children:t}),(0,a.jsx)("p",{className:r.description,children:n})]}),d&&(0,a.jsx)("div",{className:r.detailsTags,children:d.join(" \u2022 ")})]})]})},o=e=>{let{Icon:t}=e;return t?"string"==typeof t?(0,a.jsx)("span",{className:r.icon,children:t}):(0,a.jsx)(t,{className:r.icon}):null},l=i},1100:(e,t,n)=>{n.d(t,{R:()=>a,x:()=>i});var c=n(758);const s={},r=c.createContext(s);function a(e){const t=c.useContext(r);return c.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function i(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(s):e.components||s:a(e.components),c.createElement(r.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
+/*! For license information please see 6545b372.63345411.js.LICENSE.txt */
+"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[8875],{923:(e,t,n)=>{n.d(t,{A:()=>o});var c=n(991),s=n(758);const r={icon:{tag:"svg",attrs:{viewBox:"64 64 896 896",focusable:"false"},children:[{tag:"path",attrs:{d:"M917.7 148.8l-42.4-42.4c-1.6-1.6-3.6-2.3-5.7-2.3s-4.1.8-5.7 2.3l-76.1 76.1a199.27 199.27 0 00-112.1-34.3c-51.2 0-102.4 19.5-141.5 58.6L432.3 308.7a8.03 8.03 0 000 11.3L704 591.7c1.6 1.6 3.6 2.3 5.7 2.3 2 0 4.1-.8 5.7-2.3l101.9-101.9c68.9-69 77-175.7 24.3-253.5l76.1-76.1c3.1-3.2 3.1-8.3 0-11.4zM769.1 441.7l-59.4 59.4-186.8-186.8 59.4-59.4c24.9-24.9 58.1-38.7 93.4-38.7 35.3 0 68.4 13.7 93.4 38.7 24.9 24.9 38.7 58.1 38.7 93.4 0 35.3-13.8 68.4-38.7 93.4zm-190.2 105a8.03 8.03 0 00-11.3 0L501 613.3 410.7 523l66.7-66.7c3.1-3.1 3.1-8.2 0-11.3L441 408.6a8.03 8.03 0 00-11.3 0L363 475.3l-43-43a7.85 7.85 0 00-5.7-2.3c-2 0-4.1.8-5.7 2.3L206.8 534.2c-68.9 69-77 175.7-24.3 253.5l-76.1 76.1a8.03 8.03 0 000 11.3l42.4 42.4c1.6 1.6 3.6 2.3 5.7 2.3s4.1-.8 5.7-2.3l76.1-76.1c33.7 22.9 72.9 34.3 112.1 34.3 51.2 0 102.4-19.5 141.5-58.6l101.9-101.9c3.1-3.1 3.1-8.2 0-11.3l-43-43 66.7-66.7c3.1-3.1 3.1-8.2 0-11.3l-36.6-36.2zM441.7 769.1a131.32 131.32 0 01-93.4 38.7c-35.3 0-68.4-13.7-93.4-38.7a131.32 131.32 0 01-38.7-93.4c0-35.3 13.7-68.4 38.7-93.4l59.4-59.4 186.8 186.8-59.4 59.4z"}}]},name:"api",theme:"outlined"};var a=n(9820),i=function(e,t){return s.createElement(a.A,(0,c.A)({},e,{ref:t,icon:r}))};const o=s.forwardRef(i)},7946:(e,t,n)=>{n.d(t,{Ay:()=>o,RM:()=>a});var c=n(6070),s=n(1100),r=n(5988);const a=[];function i(e){return(0,c.jsx)(r.A,{...e})}function o(e={}){const{wrapper:t}={...(0,s.R)(),...e.components};return t?(0,c.jsx)(t,{...e,children:(0,c.jsx)(i,{...e})}):i(e)}},7649:(e,t,n)=>{n.r(t),n.d(t,{assets:()=>A,contentTitle:()=>z,default:()=>y,frontMatter:()=>j,metadata:()=>_,toc:()=>M});var c=n(6070),s=n(1100),r=n(7946),a=n(991),i=n(758);const o={icon:{tag:"svg",attrs:{viewBox:"64 64 896 896",focusable:"false"},children:[{tag:"defs",attrs:{},children:[{tag:"style",attrs:{}}]},{tag:"path",attrs:{d:"M912 820.1V203.9c28-9.9 48-36.6 48-67.9 0-39.8-32.2-72-72-72-31.3 0-58 20-67.9 48H203.9C194 84 167.3 64 136 64c-39.8 0-72 32.2-72 72 0 31.3 20 58 48 67.9v616.2C84 830 64 856.7 64 888c0 39.8 32.2 72 72 72 31.3 0 58-20 67.9-48h616.2c9.9 28 36.6 48 67.9 48 39.8 0 72-32.2 72-72 0-31.3-20-58-48-67.9zM888 112c13.3 0 24 10.7 24 24s-10.7 24-24 24-24-10.7-24-24 10.7-24 24-24zM136 912c-13.3 0-24-10.7-24-24s10.7-24 24-24 24 10.7 24 24-10.7 24-24 24zm0-752c-13.3 0-24-10.7-24-24s10.7-24 24-24 24 10.7 24 24-10.7 24-24 24zm704 680H184V184h656v656zm48 72c-13.3 0-24-10.7-24-24s10.7-24 24-24 24 10.7 24 24-10.7 24-24 24z"}},{tag:"path",attrs:{d:"M288 474h448c8.8 0 16-7.2 16-16V282c0-8.8-7.2-16-16-16H288c-8.8 0-16 7.2-16 16v176c0 8.8 7.2 16 16 16zm56-136h336v64H344v-64zm-56 420h448c8.8 0 16-7.2 16-16V566c0-8.8-7.2-16-16-16H288c-8.8 0-16 7.2-16 16v176c0 8.8 7.2 16 16 16zm56-136h336v64H344v-64z"}}]},name:"group",theme:"outlined"};var l=n(9820),d=function(e,t){return i.createElement(l.A,(0,a.A)({},e,{ref:t,icon:o}))};const u=i.forwardRef(d);const m={icon:{tag:"svg",attrs:{viewBox:"64 64 896 896",focusable:"false"},children:[{tag:"path",attrs:{d:"M464 144H160c-8.8 0-16 7.2-16 16v304c0 8.8 7.2 16 16 16h304c8.8 0 16-7.2 16-16V160c0-8.8-7.2-16-16-16zm-52 268H212V212h200v200zm452-268H560c-8.8 0-16 7.2-16 16v304c0 8.8 7.2 16 16 16h304c8.8 0 16-7.2 16-16V160c0-8.8-7.2-16-16-16zm-52 268H612V212h200v200zM464 544H160c-8.8 0-16 7.2-16 16v304c0 8.8 7.2 16 16 16h304c8.8 0 16-7.2 16-16V560c0-8.8-7.2-16-16-16zm-52 268H212V612h200v200zm452-268H560c-8.8 0-16 7.2-16 16v304c0 8.8 7.2 16 16 16h304c8.8 0 16-7.2 16-16V560c0-8.8-7.2-16-16-16zm-52 268H612V612h200v200z"}}]},name:"appstore",theme:"outlined"};var f=function(e,t){return i.createElement(l.A,(0,a.A)({},e,{ref:t,icon:m}))};const h=i.forwardRef(f);const p={icon:{tag:"svg",attrs:{viewBox:"64 64 896 896",focusable:"false"},children:[{tag:"defs",attrs:{},children:[{tag:"style",attrs:{}}]},{tag:"path",attrs:{d:"M843.5 737.4c-12.4-75.2-79.2-129.1-155.3-125.4S550.9 676 546 752c-153.5-4.8-208-40.7-199.1-113.7 3.3-27.3 19.8-41.9 50.1-49 18.4-4.3 38.8-4.9 57.3-3.2 1.7.2 3.5.3 5.2.5 11.3 2.7 22.8 5 34.3 6.8 34.1 5.6 68.8 8.4 101.8 6.6 92.8-5 156-45.9 159.2-132.7 3.1-84.1-54.7-143.7-147.9-183.6-29.9-12.8-61.6-22.7-93.3-30.2-14.3-3.4-26.3-5.7-35.2-7.2-7.9-75.9-71.5-133.8-147.8-134.4-76.3-.6-140.9 56.1-150.1 131.9s40 146.3 114.2 163.9c74.2 17.6 149.9-23.3 175.7-95.1 9.4 1.7 18.7 3.6 28 5.8 28.2 6.6 56.4 15.4 82.4 26.6 70.7 30.2 109.3 70.1 107.5 119.9-1.6 44.6-33.6 65.2-96.2 68.6-27.5 1.5-57.6-.9-87.3-5.8-8.3-1.4-15.9-2.8-22.6-4.3-3.9-.8-6.6-1.5-7.8-1.8l-3.1-.6c-2.2-.3-5.9-.8-10.7-1.3-25-2.3-52.1-1.5-78.5 4.6-55.2 12.9-93.9 47.2-101.1 105.8-15.7 126.2 78.6 184.7 276 188.9 29.1 70.4 106.4 107.9 179.6 87 73.3-20.9 119.3-93.4 106.9-168.6zM329.1 345.2a83.3 83.3 0 11.01-166.61 83.3 83.3 0 01-.01 166.61zM695.6 845a83.3 83.3 0 11.01-166.61A83.3 83.3 0 01695.6 845z"}}]},name:"node-index",theme:"outlined"};var v=function(e,t){return i.createElement(l.A,(0,a.A)({},e,{ref:t,icon:p}))};const x=i.forwardRef(v);var g=n(923);const j={hide_table_of_contents:!0,pagination_prev:"guides/index"},z="\ud83d\udcda \u0421\u043f\u0440\u0430\u0432\u043e\u0447\u043d\u0438\u043a",_={id:"reference/index",title:"\ud83d\udcda \u0421\u043f\u0440\u0430\u0432\u043e\u0447\u043d\u0438\u043a",description:"\u0420\u0430\u0437\u0434\u0435\u043b \u0441 \u043a\u043b\u044e\u0447\u0435\u0432\u044b\u043c\u0438 \u043a\u043e\u043d\u0446\u0435\u043f\u0446\u0438\u044f\u043c\u0438 \u043c\u0435\u0442\u043e\u0434\u043e\u043b\u043e\u0433\u0438\u0438.",source:"@site/i18n/ru/docusaurus-plugin-content-docs/current/reference/index.mdx",sourceDirName:"reference",slug:"/reference/",permalink:"/ru/docs/reference/",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/ru/docusaurus-plugin-content-docs/current/reference/index.mdx",tags:[],version:"current",lastUpdatedAt:1728325386e3,frontMatter:{hide_table_of_contents:!0,pagination_prev:"guides/index"},sidebar:"referenceSidebar",previous:{title:"\ud83c\udfaf \u0413\u0430\u0439\u0434\u044b",permalink:"/ru/docs/guides/"},next:{title:"\u0421\u043b\u043e\u0438",permalink:"/ru/docs/reference/layers"}},A={},M=[...r.RM,...r.RM,...r.RM,...r.RM];function b(e){const t={h1:"h1",header:"header",p:"p",...(0,s.R)(),...e.components};return(0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)(t.header,{children:(0,c.jsx)(t.h1,{id:"-\u0441\u043f\u0440\u0430\u0432\u043e\u0447\u043d\u0438\u043a",children:"\ud83d\udcda \u0421\u043f\u0440\u0430\u0432\u043e\u0447\u043d\u0438\u043a"})}),"\n",(0,c.jsx)("p",{class:"summary",children:(0,c.jsx)(t.p,{children:"\u0420\u0430\u0437\u0434\u0435\u043b \u0441 \u043a\u043b\u044e\u0447\u0435\u0432\u044b\u043c\u0438 \u043a\u043e\u043d\u0446\u0435\u043f\u0446\u0438\u044f\u043c\u0438 \u043c\u0435\u0442\u043e\u0434\u043e\u043b\u043e\u0433\u0438\u0438."})}),"\n",(0,c.jsx)(r.Ay,{title:"\u0421\u043b\u043e\u0438",description:"\u041e\u043f\u0440\u0435\u0434\u0435\u043b\u0435\u043d\u0438\u0435 \u0441\u043b\u043e\u044f \u0438 \u043f\u043e\u044f\u0441\u043d\u0435\u043d\u0438\u0435 \u0441\u043c\u044b\u0441\u043b\u0430 \u0432\u0441\u0435\u0445 \u0441\u043b\u043e\u0435\u0432",to:"/docs/reference/layers",Icon:u}),"\n",(0,c.jsx)(r.Ay,{title:"\u0421\u043b\u0430\u0439\u0441\u044b \u0438 \u0441\u0435\u0433\u043c\u0435\u043d\u0442\u044b",description:"\u041e\u043f\u0440\u0435\u0434\u0435\u043b\u0435\u043d\u0438\u044f \u0441\u043b\u0430\u0439\u0441\u0430 \u0438 \u0441\u0435\u0433\u043c\u0435\u043d\u0442\u0430, \u043f\u0440\u0438\u043c\u0435\u0440\u044b \u0441\u043e\u0434\u0435\u0440\u0436\u0438\u043c\u043e\u0433\u043e \u0441\u0435\u0433\u043c\u0435\u043d\u0442\u043e\u0432 \u043d\u0430 \u0440\u0430\u0437\u043d\u044b\u0445 \u0441\u043b\u043e\u044f\u0445",to:"/docs/reference/slices-segments",Icon:h}),"\n",(0,c.jsx)(r.Ay,{title:"\u0418\u0437\u043e\u043b\u044f\u0446\u0438\u044f",description:"\u041f\u0440\u0430\u043a\u0442\u0438\u043a\u0438 \u043c\u0430\u0441\u0448\u0442\u0430\u0431\u0438\u0440\u0443\u0435\u043c\u043e\u0433\u043e \u0438 \u044d\u0444\u0444\u0435\u043a\u0442\u0438\u0432\u043d\u043e\u0433\u043e \u0432\u0437\u0430\u0438\u043c\u043e\u0434\u0435\u0439\u0441\u0442\u0432\u0438\u044f \u043c\u043e\u0434\u0443\u043b\u0435\u0439",to:"/docs/reference/isolation",Icon:x}),"\n",(0,c.jsx)(r.Ay,{title:"Public API",description:"\u041f\u0440\u0430\u043a\u0442\u0438\u043a\u0438 \u043f\u043e \u043f\u0440\u043e\u0435\u043a\u0442\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u044e \u0443\u0441\u0442\u043e\u0439\u0447\u0438\u0432\u044b\u0445 \u0438 \u0443\u0434\u043e\u0431\u043d\u044b\u0445 \u0434\u043b\u044f \u0438\u043d\u0442\u0435\u0433\u0440\u0430\u0446\u0438\u0438 \u043c\u043e\u0434\u0443\u043b\u0435\u0439",to:"/docs/reference/public-api",Icon:g.A})]})}function y(e={}){const{wrapper:t}={...(0,s.R)(),...e.components};return t?(0,c.jsx)(t,{...e,children:(0,c.jsx)(b,{...e})}):b(e)}},5988:(e,t,n)=>{n.d(t,{Y:()=>i,A:()=>l});n(758);var c=n(3526),s=n(6783);const r={root:"root_GfON",rootDisabled:"rootDisabled_SFUB",details:"details_xxkR",detailsTags:"detailsTags_uTQx",icon:"icon_ciqP",title:"title_pSH5",description:"description__Fep",miniTheme:"miniTheme_ePfp",primaryTheme:"primaryTheme_CilO",defaultTheme:"defaultTheme_j3I8"};var a=n(6070);const i=e=>{const{title:t,description:n,to:i,Icon:l,tags:d,className:u,disabled:m,theme:f="default"}=e;return(0,a.jsxs)(s.A,{className:(0,c.A)(r.root,u,m&&r.rootDisabled,r[`${f}Theme`]),to:i,children:[(0,a.jsx)(o,{Icon:l}),(0,a.jsxs)("div",{className:r.details,children:[(0,a.jsxs)("div",{className:r.detailsMain,children:[(0,a.jsx)("span",{className:r.title,children:t}),(0,a.jsx)("p",{className:r.description,children:n})]}),d&&(0,a.jsx)("div",{className:r.detailsTags,children:d.join(" \u2022 ")})]})]})},o=e=>{let{Icon:t}=e;return t?"string"==typeof t?(0,a.jsx)("span",{className:r.icon,children:t}):(0,a.jsx)(t,{className:r.icon}):null},l=i},1100:(e,t,n)=>{n.d(t,{R:()=>a,x:()=>i});var c=n(758);const s={},r=c.createContext(s);function a(e){const t=c.useContext(r);return c.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function i(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(s):e.components||s:a(e.components),c.createElement(r.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
diff --git a/ru/assets/js/6545b372.efc3df60.js.LICENSE.txt b/ru/assets/js/6545b372.63345411.js.LICENSE.txt
similarity index 100%
rename from ru/assets/js/6545b372.efc3df60.js.LICENSE.txt
rename to ru/assets/js/6545b372.63345411.js.LICENSE.txt
diff --git a/ru/assets/js/670340e2.47b50646.js b/ru/assets/js/670340e2.f3b95fbf.js
similarity index 99%
rename from ru/assets/js/670340e2.47b50646.js
rename to ru/assets/js/670340e2.f3b95fbf.js
index b7b8b16262..ea7839a8e7 100644
--- a/ru/assets/js/670340e2.47b50646.js
+++ b/ru/assets/js/670340e2.f3b95fbf.js
@@ -1 +1 @@
-"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[9224],{1242:(e,n,i)=>{i.r(n),i.d(n,{assets:()=>o,contentTitle:()=>d,default:()=>a,frontMatter:()=>r,metadata:()=>c,toc:()=>t});var s=i(6070),l=i(1100);const r={sidebar_position:2},d="\u041c\u043e\u0442\u0438\u0432\u0430\u0446\u0438\u044f",c={id:"about/motivation",title:"\u041c\u043e\u0442\u0438\u0432\u0430\u0446\u0438\u044f",description:"\u0413\u043b\u0430\u0432\u043d\u0430\u044f \u0438\u0434\u0435\u044f Feature-Sliced Design - \u043e\u0431\u043b\u0435\u0433\u0447\u0438\u0442\u044c \u0438 \u0443\u0434\u0435\u0448\u0435\u0432\u0438\u0442\u044c \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u0443 \u043a\u043e\u043c\u043f\u043b\u0435\u043a\u0441\u043d\u044b\u0445 \u0438 \u0440\u0430\u0437\u0432\u0438\u0432\u0430\u044e\u0449\u0438\u0445\u0441\u044f \u043f\u0440\u043e\u0435\u043a\u0442\u043e\u0432, \u043d\u0430 \u043e\u0441\u043d\u043e\u0432\u0430\u043d\u0438\u0438 \u043e\u0431\u044a\u0435\u0434\u0438\u043d\u0435\u043d\u0438\u044f \u0440\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442\u043e\u0432 \u0438\u0441\u0441\u043b\u0435\u0434\u043e\u0432\u0430\u043d\u0438\u0439, \u043e\u0431\u0441\u0443\u0436\u0434\u0435\u043d\u0438\u044f \u043e\u043f\u044b\u0442\u0430 \u0440\u0430\u0437\u043d\u043e\u0433\u043e \u0440\u043e\u0434\u0430 \u0448\u0438\u0440\u043e\u043a\u043e\u0433\u043e \u043a\u0440\u0443\u0433\u0430 \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a\u043e\u0432.",source:"@site/i18n/ru/docusaurus-plugin-content-docs/current/about/motivation.md",sourceDirName:"about",slug:"/about/motivation",permalink:"/ru/docs/about/motivation",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/ru/docusaurus-plugin-content-docs/current/about/motivation.md",tags:[],version:"current",lastUpdatedAt:1727607766e3,sidebarPosition:2,frontMatter:{sidebar_position:2},sidebar:"aboutSidebar",previous:{title:"\u041c\u0438\u0441\u0441\u0438\u044f",permalink:"/ru/docs/about/mission"},next:{title:"\u0410\u043b\u044c\u0442\u0435\u0440\u043d\u0430\u0442\u0438\u0432\u044b",permalink:"/ru/docs/about/alternatives"}},o={},t=[{value:"\u041f\u043e\u0447\u0435\u043c\u0443 \u043d\u0435 \u0445\u0432\u0430\u0442\u0430\u0435\u0442 \u0441\u0443\u0449\u0435\u0441\u0442\u0432\u0443\u044e\u0449\u0438\u0445 \u0440\u0435\u0448\u0435\u043d\u0438\u0439?",id:"intuitive-clarity-for-a-wide-range-of-developers",level:2},{value:"\u041e\u0434\u043d\u0438\u0445 \u043f\u0440\u0438\u043d\u0446\u0438\u043f\u043e\u0432 \u043d\u0435\u0434\u043e\u0441\u0442\u0430\u0442\u043e\u0447\u043d\u043e",id:"principles-alone-are-not-enough",level:3},{value:"\u041f\u0440\u043e\u0446\u0435\u0441\u0441\u044b \u043d\u0435 \u0432\u0441\u0435\u0433\u0434\u0430 \u0440\u0430\u0431\u043e\u0442\u0430\u044e\u0442",id:"processes-dont-always-work",level:3},{value:"\u0421\u0443\u0449\u0435\u0441\u0442\u0432\u0443\u044e\u0449\u0438\u0435 \u0444\u0440\u0435\u0439\u043c\u0432\u043e\u0440\u043a\u0438 \u043d\u0435 \u0432\u0435\u0437\u0434\u0435 \u043c\u043e\u0433\u0443\u0442 \u0431\u044b\u0442\u044c \u043f\u0440\u0438\u043c\u0435\u043d\u0435\u043d\u044b",id:"existing-frameworks-cannot-be-applied-everywhere",level:3},{value:"\u041f\u043e \u0438\u0442\u043e\u0433\u0443",id:"as-a-result",level:3},{value:"\u0417\u0430\u0447\u0435\u043c \u043c\u0435\u0442\u043e\u0434\u043e\u043b\u043e\u0433\u0438\u044f \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a\u0430\u043c?",id:"why-do-developers-need-the-methodology",level:2},{value:"\u041a\u043e\u043d\u0446\u0435\u043d\u0442\u0440\u0430\u0446\u0438\u044f \u043d\u0430 \u0431\u0438\u0437\u043d\u0435\u0441-\u0444\u0438\u0447\u0430\u0445, \u0430 \u043d\u0435 \u043d\u0430 \u043f\u0440\u043e\u0431\u043b\u0435\u043c\u0430\u0445 \u0430\u0440\u0445\u0438\u0442\u0435\u043a\u0442\u0443\u0440\u044b",id:"focus-on-business-features-not-on-architecture-problems",level:3},{value:"\u041f\u0440\u043e\u0432\u0435\u0440\u0435\u043d\u043d\u043e\u0435 \u043e\u043f\u044b\u0442\u043e\u043c \u0440\u0435\u0448\u0435\u043d\u0438\u0435",id:"an-experience-proven-solution",level:3},{value:"\u0417\u0434\u043e\u0440\u043e\u0432\u044c\u0435 \u043f\u0440\u043e\u0435\u043a\u0442\u0430",id:"project-health",level:3},{value:"\u0417\u0430\u0447\u0435\u043c \u043c\u0435\u0442\u043e\u0434\u043e\u043b\u043e\u0433\u0438\u044f \u0431\u0438\u0437\u043d\u0435\u0441\u0443?",id:"why-does-a-business-need-a-methodology",level:2},{value:"\u0411\u044b\u0441\u0442\u0440\u044b\u0439 onboarding",id:"fast-onboarding",level:3},{value:"\u041f\u0440\u043e\u0432\u0435\u0440\u0435\u043d\u043d\u043e\u0435 \u043e\u043f\u044b\u0442\u043e\u043c \u0440\u0435\u0448\u0435\u043d\u0438\u0435",id:"an-experience-proven-solution-1",level:3},{value:"\u041f\u0440\u0438\u043c\u0435\u043d\u0438\u043c\u043e\u0441\u0442\u044c \u0434\u043b\u044f \u0440\u0430\u0437\u043d\u044b\u0445 \u0441\u0442\u0430\u0434\u0438\u0439 \u043f\u0440\u043e\u0435\u043a\u0442\u0430",id:"applicability-for-different-stages-of-the-project",level:3},{value:"\u041a\u043e\u0433\u0434\u0430 \u043d\u0430\u0448\u0430 \u043c\u0435\u0442\u043e\u0434\u043e\u043b\u043e\u0433\u0438\u044f \u043d\u0435 \u043d\u0443\u0436\u043d\u0430?",id:"when-is-our-methodology-not-needed",level:2},{value:"\u0420\u0430\u0437\u043c\u0435\u0440\u044b \u0431\u0438\u0437\u043d\u0435\u0441\u0430",id:"business-size",level:3},{value:"\u041f\u043b\u0430\u043d\u044b",id:"plans",level:2},{value:"\u041e\u0431\u044a\u0435\u0434\u0438\u043d\u0435\u043d\u0438\u0435 \u043e\u043f\u044b\u0442\u0430",id:"combining-experience",level:3},{value:"\u0416\u0438\u0437\u043d\u044c \u0432\u043d\u0435 \u0441\u043f\u0435\u0446\u0438\u0444\u0438\u043a\u0430\u0446\u0438\u0438",id:"life-outside-the-specification",level:3},{value:"\u0421\u043c. \u0442\u0430\u043a\u0436\u0435",id:"see-also",level:2}];function h(e){const n={a:"a",admonition:"admonition",blockquote:"blockquote",code:"code",em:"em",h1:"h1",h2:"h2",h3:"h3",header:"header",li:"li",p:"p",strong:"strong",ul:"ul",...(0,l.R)(),...e.components};return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(n.header,{children:(0,s.jsx)(n.h1,{id:"\u043c\u043e\u0442\u0438\u0432\u0430\u0446\u0438\u044f",children:"\u041c\u043e\u0442\u0438\u0432\u0430\u0446\u0438\u044f"})}),"\n",(0,s.jsxs)(n.p,{children:["\u0413\u043b\u0430\u0432\u043d\u0430\u044f \u0438\u0434\u0435\u044f ",(0,s.jsx)(n.strong,{children:"Feature-Sliced Design"})," - \u043e\u0431\u043b\u0435\u0433\u0447\u0438\u0442\u044c \u0438 \u0443\u0434\u0435\u0448\u0435\u0432\u0438\u0442\u044c \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u0443 \u043a\u043e\u043c\u043f\u043b\u0435\u043a\u0441\u043d\u044b\u0445 \u0438 \u0440\u0430\u0437\u0432\u0438\u0432\u0430\u044e\u0449\u0438\u0445\u0441\u044f \u043f\u0440\u043e\u0435\u043a\u0442\u043e\u0432, \u043d\u0430 \u043e\u0441\u043d\u043e\u0432\u0430\u043d\u0438\u0438 ",(0,s.jsx)(n.a,{href:"https://github.com/feature-sliced/documentation/discussions",children:"\u043e\u0431\u044a\u0435\u0434\u0438\u043d\u0435\u043d\u0438\u044f \u0440\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442\u043e\u0432 \u0438\u0441\u0441\u043b\u0435\u0434\u043e\u0432\u0430\u043d\u0438\u0439, \u043e\u0431\u0441\u0443\u0436\u0434\u0435\u043d\u0438\u044f \u043e\u043f\u044b\u0442\u0430 \u0440\u0430\u0437\u043d\u043e\u0433\u043e \u0440\u043e\u0434\u0430 \u0448\u0438\u0440\u043e\u043a\u043e\u0433\u043e \u043a\u0440\u0443\u0433\u0430 \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a\u043e\u0432"}),"."]}),"\n",(0,s.jsxs)(n.p,{children:["\u041e\u0447\u0435\u0432\u0438\u0434\u043d\u043e, \u0447\u0442\u043e \u044d\u0442\u043e \u043d\u0435 \u0431\u0443\u0434\u0435\u0442 \u0441\u0435\u0440\u0435\u0431\u0440\u044f\u043d\u043e\u0439 \u043f\u0443\u043b\u0435\u0439, \u0438 \u0441\u0430\u043c\u043e \u0441\u043e\u0431\u043e\u0439, \u0443 \u043c\u0435\u0442\u043e\u0434\u043e\u043b\u043e\u0433\u0438\u0438 \u0431\u0443\u0434\u0443\u0442 \u0441\u0432\u043e\u0438 ",(0,s.jsx)(n.a,{href:"/docs/about/mission",children:"\u0433\u0440\u0430\u043d\u0438\u0446\u044b \u043f\u0440\u0438\u043c\u0435\u043d\u0438\u043c\u043e\u0441\u0442\u0438"}),"."]}),"\n",(0,s.jsxs)(n.p,{children:["\u0422\u0435\u043c \u043d\u0435 \u043c\u0435\u043d\u0435\u0435, \u0432\u043e\u0437\u043d\u0438\u043a\u0430\u044e\u0442 \u0440\u0435\u0437\u043e\u043d\u043d\u044b\u0435 \u0432\u043e\u043f\u0440\u043e\u0441\u044b, \u043a\u0430\u0441\u0430\u0435\u043c\u043e ",(0,s.jsx)(n.em,{children:"\u0446\u0435\u043b\u0435\u0441\u043e\u043e\u0431\u0440\u0430\u0437\u043d\u043e\u0441\u0442\u0438 \u0442\u0430\u043a\u043e\u0439 \u043c\u0435\u0442\u043e\u0434\u043e\u043b\u043e\u0433\u0438\u0438 \u0432 \u0446\u0435\u043b\u043e\u043c"})]}),"\n",(0,s.jsx)(n.admonition,{type:"note",children:(0,s.jsxs)(n.p,{children:["\u0411\u043e\u043b\u0435\u0435 \u043f\u043e\u0434\u0440\u043e\u0431\u043d\u043e ",(0,s.jsx)(n.a,{href:"https://github.com/feature-sliced/documentation/discussions/27",children:"\u043e\u0431\u0441\u0443\u0434\u0438\u043b\u0438 \u0432 \u0434\u0438\u0441\u043a\u0443\u0441\u0441\u0438\u0438"})]})}),"\n",(0,s.jsx)(n.h2,{id:"intuitive-clarity-for-a-wide-range-of-developers",children:"\u041f\u043e\u0447\u0435\u043c\u0443 \u043d\u0435 \u0445\u0432\u0430\u0442\u0430\u0435\u0442 \u0441\u0443\u0449\u0435\u0441\u0442\u0432\u0443\u044e\u0449\u0438\u0445 \u0440\u0435\u0448\u0435\u043d\u0438\u0439?"}),"\n",(0,s.jsxs)(n.blockquote,{children:["\n",(0,s.jsx)(n.p,{children:"\u0420\u0435\u0447\u044c \u043e\u0431\u044b\u0447\u043d\u043e \u043e \u0442\u0430\u043a\u0438\u0445 \u0430\u0440\u0433\u0443\u043c\u0435\u043d\u0442\u0430\u0445:"}),"\n",(0,s.jsxs)(n.ul,{children:["\n",(0,s.jsx)(n.li,{children:(0,s.jsxs)(n.em,{children:['"\u0417\u0430\u0447\u0435\u043c \u043d\u0443\u0436\u043d\u0430 \u043e\u0442\u0434\u0435\u043b\u044c\u043d\u0430\u044f \u043d\u043e\u0432\u0430\u044f \u043c\u0435\u0442\u043e\u0434\u043e\u043b\u043e\u0433\u0438\u044f, \u0435\u0441\u043b\u0438 \u0443\u0436\u0435 \u0435\u0441\u0442\u044c \u0434\u0430\u0432\u043d\u043e \u0437\u0430\u0440\u0435\u043a\u043e\u043c\u0435\u043d\u0434\u043e\u0432\u0430\u0432\u0448\u0438\u0435 \u0441\u0435\u0431\u044f \u043f\u043e\u0434\u0445\u043e\u0434\u044b \u0438 \u043f\u0440\u0438\u043d\u0446\u0438\u043f\u044b \u043f\u0440\u043e\u0435\u043a\u0442\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u044f ',(0,s.jsx)(n.code,{children:"SOLID"}),", ",(0,s.jsx)(n.code,{children:"KISS"}),", ",(0,s.jsx)(n.code,{children:"YAGNI"}),", ",(0,s.jsx)(n.code,{children:"DDD"}),", ",(0,s.jsx)(n.code,{children:"GRASP"}),", ",(0,s.jsx)(n.code,{children:"DRY"}),' \u0438 \u0442.\u0434."']})}),"\n",(0,s.jsx)(n.li,{children:(0,s.jsx)(n.em,{children:'"\u0412\u0441\u0435 \u043f\u0440\u043e\u0431\u043b\u0435\u043c\u044b \u043f\u0440\u043e\u0435\u043a\u0442\u0430 \u0440\u0435\u0448\u0430\u044e\u0442\u0441\u044f \u0445\u043e\u0440\u043e\u0448\u0435\u0439 \u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u0430\u0446\u0438\u0435\u0439, \u0442\u0435\u0441\u0442\u0430\u043c\u0438 \u0438 \u0432\u044b\u0441\u0442\u0440\u043e\u0435\u043d\u043d\u044b\u043c\u0438 \u043f\u0440\u043e\u0446\u0435\u0441\u0441\u0430\u043c\u0438"'})}),"\n",(0,s.jsx)(n.li,{children:(0,s.jsx)(n.em,{children:'"\u041f\u0440\u043e\u0431\u043b\u0435\u043c \u0431\u044b \u0438 \u043d\u0435 \u0431\u044b\u043b\u043e - \u0435\u0441\u043b\u0438 \u0431\u044b \u0432\u0441\u0435 \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a\u0438 \u0441\u043b\u0435\u0434\u043e\u0432\u0430\u043b\u0438 \u0432\u0441\u0435\u043c\u0443 \u0432\u044b\u0448\u0435 \u043f\u0435\u0440\u0435\u0447\u0438\u0441\u043b\u0435\u043d\u043d\u043e\u043c\u0443"'})}),"\n",(0,s.jsx)(n.li,{children:(0,s.jsx)(n.em,{children:'"\u0412\u0441\u0435 \u043f\u0440\u0438\u0434\u0443\u043c\u0430\u043d\u043e \u0443\u0436\u0435 \u0434\u043e \u0432\u0430\u0441, \u0432\u044b \u043f\u0440\u043e\u0441\u0442\u043e \u043d\u0435 \u043c\u043e\u0436\u0435\u0442\u0435 \u044d\u0442\u0438\u043c \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c\u0441\u044f"'})}),"\n",(0,s.jsx)(n.li,{children:(0,s.jsx)(n.em,{children:'"\u0412\u043e\u0437\u044c\u043c\u0438\u0442\u0435 {FRAMEWORK_NAME} - \u0442\u0430\u043c \u0440\u0435\u0448\u0435\u043d\u043e \u0443\u0436\u0435 \u0432\u0441\u0435 \u0437\u0430 \u0432\u0430\u0441"'})}),"\n"]}),"\n"]}),"\n",(0,s.jsx)(n.h3,{id:"principles-alone-are-not-enough",children:"\u041e\u0434\u043d\u0438\u0445 \u043f\u0440\u0438\u043d\u0446\u0438\u043f\u043e\u0432 \u043d\u0435\u0434\u043e\u0441\u0442\u0430\u0442\u043e\u0447\u043d\u043e"}),"\n",(0,s.jsx)(n.p,{children:(0,s.jsx)(n.strong,{children:"\u0422\u043e\u043b\u044c\u043a\u043e \u0441\u0443\u0449\u0435\u0441\u0442\u0432\u043e\u0432\u0430\u043d\u0438\u044f \u043f\u0440\u0438\u043d\u0446\u0438\u043f\u043e\u0432 \u043d\u0435\u0434\u043e\u0441\u0442\u0430\u0442\u043e\u0447\u043d\u043e \u0434\u043b\u044f \u043f\u0440\u043e\u0435\u043a\u0442\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u044f \u0445\u043e\u0440\u043e\u0448\u0435\u0439 \u0430\u0440\u0445\u0438\u0442\u0435\u043a\u0442\u0443\u0440\u044b"})}),"\n",(0,s.jsx)(n.p,{children:"\u041d\u0435 \u0432\u0441\u0435 \u0438\u0445 \u0437\u043d\u0430\u044e\u0442 \u0434\u043e \u043a\u043e\u043d\u0446\u0430, \u0435\u0449\u0435 \u043c\u0435\u043d\u044c\u0448\u0435 \u043f\u0440\u0430\u0432\u0438\u043b\u044c\u043d\u043e \u043f\u043e\u043d\u0438\u043c\u0430\u044e\u0442 \u0438 \u043f\u0440\u0438\u043c\u0435\u043d\u044f\u044e\u0442"}),"\n",(0,s.jsx)(n.p,{children:(0,s.jsx)(n.em,{children:'\u041f\u0440\u0438\u043d\u0446\u0438\u043f\u044b \u043f\u0440\u043e\u0435\u043a\u0442\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u044f \u0441\u043b\u0438\u0448\u043a\u043e\u043c \u043e\u0431\u0449\u0438\u0435, \u0438 \u043d\u0435 \u0434\u0430\u044e\u0442 \u043a\u043e\u043d\u043a\u0440\u0435\u0442\u043d\u043e\u0433\u043e \u043e\u0442\u0432\u0435\u0442\u0430 \u043d\u0430 \u0432\u043e\u043f\u0440\u043e\u0441: "\u0410 \u043a\u0430\u043a \u0441\u043f\u0440\u043e\u0435\u043a\u0442\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u0443 \u0438 \u0430\u0440\u0445\u0438\u0442\u0435\u043a\u0442\u0443\u0440\u0443 \u043c\u0430\u0441\u0448\u0442\u0430\u0431\u0438\u0440\u0443\u0435\u043c\u043e\u0433\u043e \u0438 \u0433\u0438\u0431\u043a\u043e\u0433\u043e \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f?"'})}),"\n",(0,s.jsx)(n.h3,{id:"processes-dont-always-work",children:"\u041f\u0440\u043e\u0446\u0435\u0441\u0441\u044b \u043d\u0435 \u0432\u0441\u0435\u0433\u0434\u0430 \u0440\u0430\u0431\u043e\u0442\u0430\u044e\u0442"}),"\n",(0,s.jsxs)(n.p,{children:[(0,s.jsx)(n.em,{children:"\u0414\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u0430\u0446\u0438\u044f/\u0422\u0435\u0441\u0442\u044b/\u041f\u0440\u043e\u0446\u0435\u0441\u0441\u044b"})," - \u044d\u0442\u043e, \u043a\u043e\u043d\u0435\u0447\u043d\u043e, \u0445\u043e\u0440\u043e\u0448\u043e, \u043d\u043e \u0443\u0432\u044b, \u0434\u0430\u0436\u0435 \u043f\u0440\u0438 \u0431\u043e\u043b\u044c\u0448\u0438\u0445 \u0437\u0430\u0442\u0440\u0430\u0442\u0430\u0445 \u043d\u0430 \u043d\u0438\u0445 - ",(0,s.jsx)(n.strong,{children:"\u043e\u043d\u0438 \u043d\u0435 \u0432\u0441\u0435\u0433\u0434\u0430 \u0440\u0435\u0448\u0430\u044e\u0442 \u043f\u043e\u0441\u0442\u0430\u0432\u043b\u0435\u043d\u043d\u044b\u0445 \u043f\u0440\u043e\u0431\u043b\u0435\u043c \u043f\u043e \u0430\u0440\u0445\u0438\u0442\u0435\u043a\u0442\u0443\u0440\u0435 \u0438 \u0432\u043d\u0435\u0434\u0440\u0435\u043d\u0438\u044e \u043d\u043e\u0432\u044b\u0445 \u043b\u044e\u0434\u0435\u0439 \u0432 \u043f\u0440\u043e\u0435\u043a\u0442"})]}),"\n",(0,s.jsxs)(n.ul,{children:["\n",(0,s.jsx)(n.li,{children:"\u0412\u0440\u0435\u043c\u044f \u0432\u0445\u043e\u0434\u0430 \u043a\u0430\u0436\u0434\u043e\u0433\u043e \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a\u0430 \u0432 \u043f\u0440\u043e\u0435\u043a\u0442 \u043d\u0435 \u0441\u0438\u043b\u044c\u043d\u043e \u0443\u043c\u0435\u043d\u044c\u0448\u0430\u0435\u0442\u0441\u044f, \u0442.\u043a. \u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u0430\u0446\u0438\u044f \u0447\u0430\u0449\u0435 \u0432\u0441\u0435\u0433\u043e \u0432\u044b\u0439\u0434\u0435\u0442 \u043e\u0433\u0440\u043e\u043c\u043d\u043e\u0439 / \u0443\u0441\u0442\u0430\u0440\u0435\u0432\u0448\u0435\u0439"}),"\n",(0,s.jsx)(n.li,{children:"\u041f\u043e\u0441\u0442\u043e\u044f\u043d\u043d\u043e \u0441\u043b\u0435\u0434\u0438\u0442\u044c \u0437\u0430 \u0442\u0435\u043c, \u0447\u0442\u043e \u043a\u0430\u0436\u0434\u044b\u0439 \u043f\u043e\u043d\u0438\u043c\u0430\u0435\u0442 \u0430\u0440\u0445\u0438\u0442\u0435\u043a\u0442\u0443\u0440\u0443 \u043e\u0434\u0438\u043d\u0430\u043a\u043e\u0432\u043e - \u0442\u0440\u0435\u0431\u0443\u0435\u0442 \u0442\u0430\u043a\u0436\u0435 \u043a\u043e\u043b\u043e\u0441\u0441\u0430\u043b\u044c\u043d\u043e\u0433\u043e \u043a\u043e\u043b\u0438\u0447\u0435\u0441\u0442\u0432\u0430 \u0440\u0435\u0441\u0443\u0440\u0441\u043e\u0432"}),"\n",(0,s.jsx)(n.li,{children:"\u041d\u0435 \u0437\u0430\u0431\u044b\u0432\u0430\u0435\u043c \u0438 \u043f\u0440\u043e bus-factor"}),"\n"]}),"\n",(0,s.jsx)(n.h3,{id:"existing-frameworks-cannot-be-applied-everywhere",children:"\u0421\u0443\u0449\u0435\u0441\u0442\u0432\u0443\u044e\u0449\u0438\u0435 \u0444\u0440\u0435\u0439\u043c\u0432\u043e\u0440\u043a\u0438 \u043d\u0435 \u0432\u0435\u0437\u0434\u0435 \u043c\u043e\u0433\u0443\u0442 \u0431\u044b\u0442\u044c \u043f\u0440\u0438\u043c\u0435\u043d\u0435\u043d\u044b"}),"\n",(0,s.jsxs)(n.ul,{children:["\n",(0,s.jsx)(n.li,{children:"\u0418\u043c\u0435\u044e\u0449\u0438\u0435\u0441\u044f \u0440\u0435\u0448\u0435\u043d\u0438\u044f, \u043a\u0430\u043a \u043f\u0440\u0430\u0432\u0438\u043b\u043e, \u0438\u043c\u0435\u044e\u0442 \u0432\u044b\u0441\u043e\u043a\u0438\u0439 \u043f\u043e\u0440\u043e\u0433 \u0432\u0445\u043e\u0434\u0430, \u0438\u0437-\u0437\u0430 \u0447\u0435\u0433\u043e \u0441\u043b\u043e\u0436\u043d\u043e \u043d\u0430\u0439\u0442\u0438 \u043d\u043e\u0432\u044b\u0445 \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a\u043e\u0432"}),"\n",(0,s.jsxs)(n.li,{children:['\u0422\u0430\u043a\u0436\u0435, \u0447\u0430\u0449\u0435 \u0432\u0441\u0435\u0433\u043e, \u0432\u044b\u0431\u043e\u0440 \u0442\u0435\u0445\u043d\u043e\u043b\u043e\u0433\u0438\u0438 \u0443\u0436\u0435 \u043e\u043f\u0440\u0435\u0434\u0435\u043b\u0435\u043d \u0434\u043e \u043d\u0430\u0441\u0442\u0443\u043f\u043b\u0435\u043d\u0438\u044f \u0441\u0435\u0440\u044c\u0435\u0437\u043d\u044b\u0445 \u043f\u0440\u043e\u0431\u043b\u0435\u043c \u0432 \u043f\u0440\u043e\u0435\u043a\u0442\u0435, \u0430 \u043f\u043e\u0442\u043e\u043c\u0443 \u043d\u0443\u0436\u043d\u043e \u0443\u043c\u0435\u0442\u044c "\u0440\u0430\u0431\u043e\u0442\u0430\u0442\u044c \u0441 \u0442\u0435\u043c \u0447\u0442\u043e \u0435\u0441\u0442\u044c" - ',(0,s.jsx)(n.strong,{children:"\u043d\u0435 \u043f\u0440\u0438\u0432\u044f\u0437\u044b\u0432\u0430\u044f\u0441\u044c \u043a \u0442\u0435\u0445\u043d\u043e\u043b\u043e\u0433\u0438\u0438"})]}),"\n"]}),"\n",(0,s.jsxs)(n.blockquote,{children:["\n",(0,s.jsxs)(n.p,{children:["Q: ",(0,s.jsxs)(n.em,{children:['"\u0423 \u043c\u0435\u043d\u044f \u0432 \u043f\u0440\u043e\u0435\u043a\u0442\u0435 ',(0,s.jsx)(n.code,{children:"React/Vue/Redux/Effector/Mobx/{YOUR_TECH}"}),' - \u043a\u0430\u043a \u043c\u043d\u0435 \u043b\u0443\u0447\u0448\u0435 \u0432\u044b\u0441\u0442\u0440\u043e\u0438\u0442\u044c \u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u0443 \u0441\u0443\u0449\u043d\u043e\u0441\u0442\u0435\u0439 \u0438 \u0441\u0432\u044f\u0437\u0438 \u043c\u0435\u0436\u0434\u0443 \u043d\u0438\u043c\u0438?"']})]}),"\n"]}),"\n",(0,s.jsx)(n.h3,{id:"as-a-result",children:"\u041f\u043e \u0438\u0442\u043e\u0433\u0443"}),"\n",(0,s.jsxs)(n.p,{children:["\u041f\u043e\u043b\u0443\u0447\u0430\u0435\u043c ",(0,s.jsx)(n.em,{children:'"\u0443\u043d\u0438\u043a\u0430\u043b\u044c\u043d\u044b\u0435 \u043a\u0430\u043a \u0441\u043d\u0435\u0436\u0438\u043d\u043a\u0438"'})," \u043f\u0440\u043e\u0435\u043a\u0442\u044b, \u043a\u0430\u0436\u0434\u044b\u0439 \u0438\u0437 \u043a\u043e\u0442\u043e\u0440\u044b\u0445 \u0442\u0440\u0435\u0431\u0443\u0435\u0442 \u0434\u043b\u0438\u0442\u0435\u043b\u044c\u043d\u043e\u0433\u043e \u043f\u043e\u0433\u0440\u0443\u0436\u0435\u043d\u0438\u044f \u0441\u043e\u0442\u0440\u0443\u0434\u043d\u0438\u043a\u0430, \u0438 \u0437\u043d\u0430\u043d\u0438\u044f, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u0432\u0440\u044f\u0434 \u043b\u0438 \u0431\u0443\u0434\u0443\u0442 \u043f\u0440\u0438\u043c\u0435\u043d\u0438\u043c\u044b \u043d\u0430 \u0434\u0440\u0443\u0433\u043e\u043c \u043f\u0440\u043e\u0435\u043a\u0442\u0435"]}),"\n",(0,s.jsxs)(n.blockquote,{children:["\n",(0,s.jsxs)(n.p,{children:["@sergeysova: ",(0,s.jsx)(n.em,{children:'"\u042d\u0442\u043e \u0440\u043e\u0432\u043d\u043e \u0442\u0430 \u0441\u0438\u0442\u0443\u0430\u0446\u0438\u044f, \u043a\u043e\u0442\u043e\u0440\u0430\u044f \u0441\u0435\u0439\u0447\u0430\u0441 \u0435\u0441\u0442\u044c \u0432 \u043d\u0430\u0448\u0435\u0439 \u0441\u0444\u0435\u0440\u0435 frontend \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u0438: \u043a\u0430\u0436\u0434\u044b\u0439 \u043b\u0438\u0434 \u043d\u0430\u043f\u0440\u0438\u0434\u0443\u043c\u0430\u0435\u0442 \u0441\u0435\u0431\u0435 \u0440\u0430\u0437\u043b\u0438\u0447\u043d\u044b\u0445 \u0430\u0440\u0445\u0438\u0442\u0435\u043a\u0442\u0443\u0440 \u0438 \u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440 \u043f\u0440\u043e\u0435\u043a\u0442\u0430, \u043f\u0440\u0438 \u044d\u0442\u043e\u043c \u043d\u0435 \u0444\u0430\u043a\u0442, \u0447\u0442\u043e \u044d\u0442\u0438 \u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u044b \u043f\u0440\u043e\u0439\u0434\u0443\u0442 \u043f\u0440\u043e\u0432\u0435\u0440\u043a\u0443 \u0432\u0440\u0435\u043c\u0435\u043d\u0435\u043c, \u0432 \u0438\u0442\u043e\u0433\u0435 \u043a\u0440\u043e\u043c\u0435 \u043d\u0435\u0433\u043e \u0440\u0430\u0437\u0432\u0438\u0432\u0430\u0442\u044c \u043f\u0440\u043e\u0435\u043a\u0442 \u043c\u043e\u0433\u0443\u0442 \u043c\u0430\u043a\u0441\u0438\u043c\u0443\u043c \u0434\u0432\u0430 \u0447\u0435\u043b\u043e\u0432\u0435\u043a\u0430 \u0438 \u043a\u0430\u0436\u0434\u043e\u0433\u043e \u043d\u043e\u0432\u043e\u0433\u043e \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a\u0430 \u043d\u0443\u0436\u043d\u043e \u043f\u043e\u0433\u0440\u0443\u0436\u0430\u0442\u044c \u0441\u043d\u043e\u0432\u0430."'})]}),"\n"]}),"\n",(0,s.jsx)(n.h2,{id:"why-do-developers-need-the-methodology",children:"\u0417\u0430\u0447\u0435\u043c \u043c\u0435\u0442\u043e\u0434\u043e\u043b\u043e\u0433\u0438\u044f \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a\u0430\u043c?"}),"\n",(0,s.jsx)(n.h3,{id:"focus-on-business-features-not-on-architecture-problems",children:"\u041a\u043e\u043d\u0446\u0435\u043d\u0442\u0440\u0430\u0446\u0438\u044f \u043d\u0430 \u0431\u0438\u0437\u043d\u0435\u0441-\u0444\u0438\u0447\u0430\u0445, \u0430 \u043d\u0435 \u043d\u0430 \u043f\u0440\u043e\u0431\u043b\u0435\u043c\u0430\u0445 \u0430\u0440\u0445\u0438\u0442\u0435\u043a\u0442\u0443\u0440\u044b"}),"\n",(0,s.jsx)(n.p,{children:"\u041c\u0435\u0442\u043e\u0434\u043e\u043b\u043e\u0433\u0438\u044f \u043f\u043e\u0437\u0432\u043e\u043b\u044f\u0435\u0442 \u044d\u043a\u043e\u043d\u043e\u043c\u0438\u0442\u044c \u0440\u0435\u0441\u0443\u0440\u0441\u044b \u043d\u0430 \u043f\u0440\u043e\u0435\u043a\u0442\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u0438 \u043c\u0430\u0441\u0448\u0442\u0430\u0431\u0438\u0440\u0443\u0435\u043c\u043e\u0439 \u0438 \u0433\u0438\u0431\u043a\u043e\u0439 \u0430\u0440\u0445\u0438\u0442\u0435\u043a\u0442\u0443\u0440\u044b, \u0432\u043c\u0435\u0441\u0442\u043e \u044d\u0442\u043e\u0433\u043e \u043d\u0430\u043f\u0440\u0430\u0432\u043b\u044f\u044f \u0432\u043d\u0438\u043c\u0430\u043d\u0438\u0435 \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a\u043e\u0432 \u043d\u0430 \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u0443 \u043e\u0441\u043d\u043e\u0432\u043d\u043e\u0439 \u0444\u0443\u043d\u043a\u0446\u0438\u043e\u043d\u0430\u043b\u044c\u043d\u043e\u0441\u0442\u0438. \u041f\u0440\u0438 \u044d\u0442\u043e\u043c \u0441\u0442\u0430\u043d\u0434\u0430\u0440\u0442\u0438\u0437\u0438\u0440\u0443\u044e\u0442\u0441\u044f \u0438 \u0441\u0430\u043c\u0438 \u0430\u0440\u0445\u0438\u0442\u0435\u043a\u0442\u0443\u0440\u043d\u044b\u0435 \u0440\u0435\u0448\u0435\u043d\u0438\u044f \u0438\u0437 \u043f\u0440\u043e\u0435\u043a\u0442\u0430 \u0432 \u043f\u0440\u043e\u0435\u043a\u0442."}),"\n",(0,s.jsx)(n.p,{children:(0,s.jsx)(n.em,{children:"\u041e\u0442\u0434\u0435\u043b\u044c\u043d\u044b\u0439 \u0432\u043e\u043f\u0440\u043e\u0441, \u0447\u0442\u043e \u043c\u0435\u0442\u043e\u0434\u043e\u043b\u043e\u0433\u0438\u044f \u0434\u043e\u043b\u0436\u043d\u0430 \u0437\u0430\u0441\u043b\u0443\u0436\u0438\u0442\u044c \u0434\u043e\u0432\u0435\u0440\u0438\u0435 \u043a\u043e\u043c\u044c\u044e\u043d\u0438\u0442\u0438, \u0447\u0442\u043e\u0431\u044b \u0434\u0440\u0443\u0433\u043e\u0439 \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a \u043c\u043e\u0433 \u0432 \u0438\u043c\u0435\u044e\u0449\u0438\u0435\u0441\u044f \u0443 \u043d\u0435\u0433\u043e \u0441\u0440\u043e\u043a\u0438 \u043e\u0437\u043d\u0430\u043a\u043e\u043c\u0438\u0442\u044c\u0441\u044f \u0438 \u043f\u043e\u043b\u043e\u0436\u0438\u0442\u044c\u0441\u044f \u043d\u0430 \u043d\u0435\u0435 \u043f\u0440\u0438 \u0440\u0435\u0448\u0435\u043d\u0438\u0438 \u043f\u0440\u043e\u0431\u043b\u0435\u043c \u0441\u0432\u043e\u0435\u0433\u043e \u043f\u0440\u043e\u0435\u043a\u0442\u0430"})}),"\n",(0,s.jsx)(n.h3,{id:"an-experience-proven-solution",children:"\u041f\u0440\u043e\u0432\u0435\u0440\u0435\u043d\u043d\u043e\u0435 \u043e\u043f\u044b\u0442\u043e\u043c \u0440\u0435\u0448\u0435\u043d\u0438\u0435"}),"\n",(0,s.jsxs)(n.p,{children:["\u041c\u0435\u0442\u043e\u0434\u043e\u043b\u043e\u0433\u0438\u044f \u0440\u0430\u0441\u0441\u0447\u0438\u0442\u0430\u043d\u0430 \u043d\u0430 \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a\u043e\u0432, \u043d\u0430\u0446\u0435\u043b\u0435\u043d\u043d\u044b\u0445 \u043d\u0430 ",(0,s.jsx)(n.em,{children:"\u043f\u0440\u043e\u0432\u0435\u0440\u0435\u043d\u043d\u043e\u0435 \u043e\u043f\u044b\u0442\u043e\u043c \u0440\u0435\u0448\u0435\u043d\u0438\u0435 \u043f\u043e \u043f\u0440\u043e\u0435\u043a\u0442\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u044e \u043a\u043e\u043c\u043f\u043b\u0435\u043a\u0441\u043d\u043e\u0439 \u0431\u0438\u0437\u043d\u0435\u0441-\u043b\u043e\u0433\u0438\u043a\u0438"})]}),"\n",(0,s.jsx)(n.p,{children:(0,s.jsx)(n.em,{children:"\u041e\u0434\u043d\u0430\u043a\u043e \u044f\u0441\u043d\u043e, \u0447\u0442\u043e \u043c\u0435\u0442\u043e\u0434\u043e\u043b\u043e\u0433\u0438\u044f - \u044d\u0442\u043e \u0432 \u0446\u0435\u043b\u043e\u043c \u043f\u0440\u043e \u043d\u0430\u0431\u043e\u0440 best-practices, \u0441\u0442\u0430\u0442\u044c\u0438, \u0440\u0430\u0441\u0441\u043c\u0430\u0442\u0440\u0438\u0432\u0430\u044e\u0449\u0438\u0435 \u043e\u043f\u0440\u0435\u0434\u0435\u043b\u0435\u043d\u043d\u044b\u0435 \u043f\u0440\u043e\u0431\u043b\u0435\u043c\u044b \u0438 \u043a\u0435\u0439\u0441\u044b \u043f\u0440\u0438 \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u0435. \u041f\u043e\u044d\u0442\u043e\u043c\u0443 - \u043f\u043e\u043b\u044c\u0437\u0430 \u043e\u0442 \u043c\u0435\u0442\u043e\u0434\u043e\u043b\u043e\u0433\u0438\u0438 \u0431\u0443\u0434\u0435\u0442 \u0438 \u0434\u043b\u044f \u043e\u0441\u0442\u0430\u043b\u044c\u043d\u043e\u0433\u043e \u043a\u0440\u0443\u0433\u0430 \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a\u043e\u0432 - \u043a\u0442\u043e \u0442\u0430\u043a \u0438\u043b\u0438 \u0438\u043d\u0430\u0447\u0435 \u0441\u0442\u0430\u043b\u043a\u0438\u0432\u0430\u0435\u0442\u0441\u044f \u0441 \u043f\u0440\u043e\u0431\u043b\u0435\u043c\u0430\u043c\u0438 \u043f\u0440\u0438 \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u0435 \u0438 \u043f\u0440\u043e\u0435\u043a\u0442\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u0438"})}),"\n",(0,s.jsx)(n.h3,{id:"project-health",children:"\u0417\u0434\u043e\u0440\u043e\u0432\u044c\u0435 \u043f\u0440\u043e\u0435\u043a\u0442\u0430"}),"\n",(0,s.jsxs)(n.p,{children:["\u041c\u0435\u0442\u043e\u0434\u043e\u043b\u043e\u0433\u0438\u044f \u043f\u043e\u0437\u0432\u043e\u043b\u0438\u0442 ",(0,s.jsx)(n.em,{children:"\u0437\u0430\u0431\u043b\u0430\u0433\u043e\u0432\u0440\u0435\u043c\u0435\u043d\u043d\u043e \u0440\u0435\u0448\u0430\u0442\u044c \u0438 \u043e\u0442\u0441\u043b\u0435\u0436\u0438\u0432\u0430\u0442\u044c \u043f\u0440\u043e\u0431\u043b\u0435\u043c\u044b \u043f\u0440\u043e\u0435\u043a\u0442\u0430, \u043d\u0435 \u0442\u0440\u0435\u0431\u0443\u044f \u043e\u0433\u0440\u043e\u043c\u043d\u043e\u0433\u043e \u043a\u043e\u043b\u0438\u0447\u0435\u0441\u0442\u0432\u0430 \u0440\u0435\u0441\u0443\u0440\u0441\u043e\u0432"})]}),"\n",(0,s.jsx)(n.p,{children:(0,s.jsx)(n.strong,{children:"\u0427\u0430\u0449\u0435 \u0432\u0441\u0435\u0433\u043e \u0442\u0435\u0445.\u0434\u043e\u043b\u0433 \u043a\u043e\u043f\u0438\u0442\u0441\u044f \u0438 \u043a\u043e\u043f\u0438\u0442\u0441\u044f \u0441\u043e \u0432\u0440\u0435\u043c\u0435\u043d\u0435\u043c, \u0438 \u043e\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0435\u043d\u043d\u043e\u0441\u0442\u044c \u0437\u0430 \u0435\u0433\u043e \u0440\u0430\u0437\u0440\u0435\u0448\u0435\u043d\u0438\u0435 \u043b\u0435\u0436\u0438\u0442 \u0438 \u043d\u0430 \u043b\u0438\u0434\u0435, \u0438 \u043d\u0430 \u043a\u043e\u043c\u0430\u043d\u0434\u0435"})}),"\n",(0,s.jsxs)(n.p,{children:["\u041c\u0435\u0442\u043e\u0434\u043e\u043b\u043e\u0433\u0438\u044f \u0436\u0435 \u043f\u043e\u0437\u0432\u043e\u043b\u0438\u0442 ",(0,s.jsx)(n.em,{children:"\u0437\u0430\u0440\u0430\u043d\u0435\u0435 \u043f\u0440\u0435\u0434\u0443\u043f\u0440\u0435\u0436\u0434\u0430\u0442\u044c"})," \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u044b\u0435 \u043f\u0440\u043e\u0431\u043b\u0435\u043c\u044b \u043f\u0440\u0438 \u043c\u0430\u0441\u0448\u0442\u0430\u0431\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u0438 \u0438 \u0440\u0430\u0437\u0432\u0438\u0442\u0438\u0438 \u043f\u0440\u043e\u0435\u043a\u0442\u0430"]}),"\n",(0,s.jsx)(n.h2,{id:"why-does-a-business-need-a-methodology",children:"\u0417\u0430\u0447\u0435\u043c \u043c\u0435\u0442\u043e\u0434\u043e\u043b\u043e\u0433\u0438\u044f \u0431\u0438\u0437\u043d\u0435\u0441\u0443?"}),"\n",(0,s.jsx)(n.h3,{id:"fast-onboarding",children:"\u0411\u044b\u0441\u0442\u0440\u044b\u0439 onboarding"}),"\n",(0,s.jsxs)(n.p,{children:["\u0421 \u043c\u0435\u0442\u043e\u0434\u043e\u043b\u043e\u0433\u0438\u0435\u0439 \u043c\u043e\u0436\u043d\u043e \u043d\u0430\u043d\u044f\u0442\u044c \u0447\u0435\u043b\u043e\u0432\u0435\u043a\u0430 \u0432 \u043f\u0440\u043e\u0435\u043a\u0442, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 ",(0,s.jsx)(n.strong,{children:"\u0443\u0436\u0435 \u043f\u0440\u0435\u0434\u0432\u0430\u0440\u0438\u0442\u0435\u043b\u044c\u043d\u043e \u0437\u043d\u0430\u043a\u043e\u043c \u0441 \u0442\u0430\u043a\u0438\u043c \u043f\u043e\u0434\u0445\u043e\u0434\u043e\u043c, \u0430 \u043d\u0435 \u043e\u0431\u0443\u0447\u0430\u0442\u044c \u0437\u0430\u043d\u043e\u0432\u043e"})]}),"\n",(0,s.jsx)(n.p,{children:(0,s.jsx)(n.em,{children:"\u041b\u044e\u0434\u0438 \u043d\u0430\u0447\u0438\u043d\u0430\u044e\u0442 \u0431\u044b\u0441\u0442\u0440\u0435\u0435 \u0432\u043d\u0438\u043a\u0430\u0442\u044c \u0438 \u043f\u0440\u0438\u043d\u043e\u0441\u0438\u0442\u044c \u043f\u043e\u043b\u044c\u0437\u0443 \u043f\u0440\u043e\u0435\u043a\u0442\u0443, \u0430 \u0442\u0430\u043a\u0436\u0435 \u043f\u043e\u044f\u0432\u043b\u044f\u044e\u0442\u0441\u044f \u0434\u043e\u043f\u043e\u043b\u043d\u0438\u0442\u0435\u043b\u044c\u043d\u044b\u0435 \u0433\u0430\u0440\u0430\u043d\u0442\u0438\u0438 \u043d\u0430\u0439\u0442\u0438 \u043b\u044e\u0434\u0435\u0439 \u043d\u0430 \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0438\u0435 \u0438\u0442\u0435\u0440\u0430\u0446\u0438\u0438 \u043f\u0440\u043e\u0435\u043a\u0442\u0430"})}),"\n",(0,s.jsx)(n.h3,{id:"an-experience-proven-solution-1",children:"\u041f\u0440\u043e\u0432\u0435\u0440\u0435\u043d\u043d\u043e\u0435 \u043e\u043f\u044b\u0442\u043e\u043c \u0440\u0435\u0448\u0435\u043d\u0438\u0435"}),"\n",(0,s.jsxs)(n.p,{children:["\u0421 \u043c\u0435\u0442\u043e\u0434\u043e\u043b\u043e\u0433\u0438\u0435\u0439 \u0431\u0438\u0437\u043d\u0435\u0441 \u043f\u043e\u043b\u0443\u0447\u0438\u0442 ",(0,s.jsx)(n.em,{children:"\u0440\u0435\u0448\u0435\u043d\u0438\u0435 \u0434\u043b\u044f \u0431\u043e\u043b\u044c\u0448\u0438\u043d\u0441\u0442\u0432\u0430 \u0432\u043e\u043f\u0440\u043e\u0441\u043e\u0432, \u0432\u043e\u0437\u043d\u0438\u043a\u0430\u044e\u0449\u0438\u0445 \u043f\u0440\u0438 \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u0435 \u0441\u0438\u0441\u0442\u0435\u043c"})]}),"\n",(0,s.jsx)(n.p,{children:"\u041f\u043e\u0441\u043a\u043e\u043b\u044c\u043a\u0443 \u0447\u0430\u0449\u0435 \u0432\u0441\u0435\u0433\u043e \u0431\u0438\u0437\u043d\u0435\u0441 \u0445\u043e\u0447\u0435\u0442 \u043f\u043e\u043b\u0443\u0447\u0438\u0442\u044c \u0444\u0440\u0435\u0439\u043c\u0432\u043e\u0440\u043a/\u0440\u0435\u0448\u0435\u043d\u0438\u0435, \u043a\u043e\u0442\u043e\u0440\u043e\u0435 \u0431\u044b \u0440\u0435\u0448\u0430\u043b\u043e \u043b\u044c\u0432\u0438\u043d\u0443\u044e \u0434\u043e\u043b\u044e \u043f\u0440\u043e\u0431\u043b\u0435\u043c \u043f\u0440\u0438 \u0440\u0430\u0437\u0432\u0438\u0442\u0438\u0438 \u043f\u0440\u043e\u0435\u043a\u0442\u0430"}),"\n",(0,s.jsx)(n.h3,{id:"applicability-for-different-stages-of-the-project",children:"\u041f\u0440\u0438\u043c\u0435\u043d\u0438\u043c\u043e\u0441\u0442\u044c \u0434\u043b\u044f \u0440\u0430\u0437\u043d\u044b\u0445 \u0441\u0442\u0430\u0434\u0438\u0439 \u043f\u0440\u043e\u0435\u043a\u0442\u0430"}),"\n",(0,s.jsxs)(n.p,{children:["\u041c\u0435\u0442\u043e\u0434\u043e\u043b\u043e\u0433\u0438\u044f \u043c\u043e\u0436\u0435\u0442 \u043f\u0440\u0438\u043d\u0435\u0441\u0442\u0438 \u043f\u043e\u043b\u044c\u0437\u0443 \u043f\u0440\u043e\u0435\u043a\u0442\u0443 ",(0,s.jsx)(n.em,{children:"\u043a\u0430\u043a \u043d\u0430 \u044d\u0442\u0430\u043f\u0435 \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u043a\u0438 \u0438 \u0440\u0430\u0437\u0432\u0438\u0442\u0438\u044f \u043f\u0440\u043e\u0435\u043a\u0442\u0430, \u0442\u0430\u043a \u0438 \u043d\u0430 \u044d\u0442\u0430\u043f\u0435 MVP"})]}),"\n",(0,s.jsxs)(n.p,{children:["\u0414\u0430, \u043d\u0430 MVP \u0447\u0430\u0449\u0435 \u0432\u0441\u0435\u0433\u043e \u0432\u0430\u0436\u043d\u0435\u0435 ",(0,s.jsx)(n.em,{children:'"\u0444\u0438\u0447\u0438, \u0430 \u043d\u0435 \u0437\u0430\u043b\u043e\u0436\u0435\u043d\u043d\u0430\u044f \u043d\u0430 \u0431\u0443\u0434\u0443\u0449\u0435\u0435 \u0430\u0440\u0445\u0438\u0442\u0435\u043a\u0442\u0443\u0440\u0430"'}),". \u041d\u043e \u0434\u0430\u0436\u0435 \u0432 \u0443\u0441\u043b\u043e\u0432\u0438\u044f\u0445 \u043e\u0433\u0440\u0430\u043d\u0438\u0447\u0435\u043d\u043d\u044b\u0445 \u0441\u0440\u043e\u043a\u043e\u0432, \u0437\u043d\u0430\u044f best-practices \u0438\u0437 \u043c\u0435\u0442\u043e\u0434\u043e\u043b\u043e\u0433\u0438\u0438 - \u043c\u043e\u0436\u043d\u043e ",(0,s.jsx)(n.em,{children:'"\u043e\u0431\u043e\u0439\u0442\u0438\u0441\u044c \u043c\u0430\u043b\u043e\u0439 \u043a\u0440\u043e\u0432\u044c\u044e"'}),', \u043f\u0440\u0438 \u043f\u0440\u043e\u0435\u043a\u0442\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u0438 MVP-\u0432\u0435\u0440\u0441\u0438\u0438 \u0441\u0438\u0441\u0442\u0435\u043c\u044b, \u043d\u0430\u0445\u043e\u0434\u044f \u0440\u0430\u0437\u0443\u043c\u043d\u044b\u0439 \u043a\u043e\u043c\u043f\u0440\u043e\u043c\u0438\u0441\u0441\n(\u043d\u0435\u0436\u0435\u043b\u0438 \u043b\u0435\u043f\u0438\u0442\u044c \u0444\u0438\u0447\u0438 "\u043a\u0430\u043a \u043f\u043e\u043f\u0430\u043b\u043e")']}),"\n",(0,s.jsx)(n.p,{children:(0,s.jsx)(n.em,{children:"\u0422\u043e \u0436\u0435 \u0441\u0430\u043c\u043e\u0435 \u043c\u043e\u0436\u043d\u043e \u0441\u043a\u0430\u0437\u0430\u0442\u044c \u0438 \u043f\u0440\u043e \u0442\u0435\u0441\u0442\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u0435"})}),"\n",(0,s.jsx)(n.h2,{id:"when-is-our-methodology-not-needed",children:"\u041a\u043e\u0433\u0434\u0430 \u043d\u0430\u0448\u0430 \u043c\u0435\u0442\u043e\u0434\u043e\u043b\u043e\u0433\u0438\u044f \u043d\u0435 \u043d\u0443\u0436\u043d\u0430?"}),"\n",(0,s.jsxs)(n.ul,{children:["\n",(0,s.jsx)(n.li,{children:"\u0415\u0441\u043b\u0438 \u043f\u0440\u043e\u0435\u043a\u0442 \u0431\u0443\u0434\u0435\u0442 \u0436\u0438\u0442\u044c \u043a\u043e\u0440\u043e\u0442\u043a\u043e\u0435 \u0432\u0440\u0435\u043c\u044f"}),"\n",(0,s.jsx)(n.li,{children:"\u0415\u0441\u043b\u0438 \u043f\u0440\u043e\u0435\u043a\u0442 \u043d\u0435 \u043d\u0443\u0436\u0434\u0430\u0435\u0442\u0441\u044f \u0432 \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u0438\u0432\u0430\u0435\u043c\u043e\u0439 \u0430\u0440\u0445\u0438\u0442\u0435\u043a\u0442\u0443\u0440\u0435"}),"\n",(0,s.jsx)(n.li,{children:"\u0415\u0441\u043b\u0438 \u0431\u0438\u0437\u043d\u0435\u0441 \u043d\u0435 \u0432\u043e\u0441\u043f\u0440\u0438\u043d\u0438\u043c\u0430\u0435\u0442 \u0441\u0432\u044f\u0437\u044c \u043a\u043e\u0434\u043e\u0432\u043e\u0439 \u0431\u0430\u0437\u044b \u0438 \u0441\u043a\u043e\u0440\u043e\u0441\u0442\u0438 \u0434\u043e\u0441\u0442\u0430\u0432\u043a\u0438 \u0444\u0438\u0447"}),"\n",(0,s.jsx)(n.li,{children:"\u0415\u0441\u043b\u0438 \u0431\u0438\u0437\u043d\u0435\u0441\u0443 \u0432\u0430\u0436\u043d\u0435\u0435 \u043f\u043e\u0441\u043a\u043e\u0440\u0435\u0439 \u0437\u0430\u043a\u0440\u044b\u0442\u044c \u0437\u0430\u043a\u0430\u0437\u044b, \u0431\u0435\u0437 \u0434\u0430\u043b\u044c\u043d\u0435\u0439\u0448\u0435\u0439 \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u043a\u0438"}),"\n"]}),"\n",(0,s.jsx)(n.h3,{id:"business-size",children:"\u0420\u0430\u0437\u043c\u0435\u0440\u044b \u0431\u0438\u0437\u043d\u0435\u0441\u0430"}),"\n",(0,s.jsxs)(n.ul,{children:["\n",(0,s.jsxs)(n.li,{children:[(0,s.jsx)(n.strong,{children:"\u041c\u0430\u043b\u044b\u0439 \u0431\u0438\u0437\u043d\u0435\u0441"})," - \u0447\u0430\u0449\u0435 \u0432\u0441\u0435\u0433\u043e \u043d\u0443\u0436\u0434\u0430\u0435\u0442\u0441\u044f \u0432 \u0433\u043e\u0442\u043e\u0432\u043e\u043c \u0438 \u043e\u0447\u0435\u043d\u044c \u0431\u044b\u0441\u0442\u0440\u043e\u043c \u0440\u0435\u0448\u0435\u043d\u0438\u0438. \u0422\u043e\u043b\u044c\u043a\u043e \u043f\u0440\u0438 \u0440\u043e\u0441\u0442\u0435 \u0431\u0438\u0437\u043d\u0435\u0441\u0430 (\u0445\u043e\u0442\u044f \u0431\u044b \u0434\u043e \u043f\u043e\u0447\u0442\u0438 \u0441\u0440\u0435\u0434\u043d\u0435\u0433\u043e), \u043e\u043d \u043f\u043e\u043d\u0438\u043c\u0430\u0435\u0442 - \u0447\u0442\u043e\u0431\u044b \u043a\u043b\u0438\u0435\u043d\u0442\u044b \u043f\u0440\u043e\u0434\u043e\u043b\u0436\u0430\u043b\u0438 \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c\u0441\u044f, \u043d\u0443\u0436\u043d\u043e \u0432 \u0442\u043e\u043c \u0447\u0438\u0441\u043b\u0435 \u0443\u0434\u0435\u043b\u0438\u0442\u044c \u0432\u0440\u0435\u043c\u044f \u043a\u0430\u0447\u0435\u0441\u0442\u0432\u0443 \u0438 \u0441\u0442\u0430\u0431\u0438\u043b\u044c\u043d\u043e\u0441\u0442\u0438 \u0440\u0430\u0437\u0440\u0430\u0431\u0430\u0442\u044b\u0432\u0430\u0435\u043c\u044b\u0445 \u0440\u0435\u0448\u0435\u043d\u0438\u0439"]}),"\n",(0,s.jsxs)(n.li,{children:[(0,s.jsx)(n.strong,{children:"\u0421\u0440\u0435\u0434\u043d\u0438\u0439 \u0431\u0438\u0437\u043d\u0435\u0441"})," - \u043e\u0431\u044b\u0447\u043d\u043e \u043f\u043e\u043d\u0438\u043c\u0430\u0435\u0442 \u0432\u0441\u0435 \u043f\u0440\u043e\u0431\u043b\u0435\u043c\u044b \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u0438, \u0438 \u0434\u0430\u0436\u0435 \u0435\u0441\u043b\u0438 \u043f\u0440\u0438\u0445\u043e\u0434\u0438\u0442\u0441\u044f ",(0,s.jsx)(n.em,{children:'"\u0443\u0441\u0442\u0440\u0430\u0438\u0432\u0430\u0442\u044c \u0433\u043e\u043d\u043a\u0443 \u0437\u0430 \u0444\u0438\u0447\u0430\u043c\u0438"'}),", \u043e\u043d \u0432\u0441\u0435 \u0440\u0430\u0432\u043d\u043e \u0443\u0434\u0435\u043b\u044f\u0435\u0442 \u0432\u0440\u0435\u043c\u044f \u043d\u0430 \u0434\u043e\u0440\u0430\u0431\u043e\u0442\u043a\u0438 \u043f\u043e \u043a\u0430\u0447\u0435\u0441\u0442\u0432\u0443, \u0440\u0435\u0444\u0430\u043a\u0442\u043e\u0440\u0438\u043d\u0433 \u0438 \u0442\u0435\u0441\u0442\u044b (\u0438 \u0441\u0430\u043c\u043e \u0441\u043e\u0431\u043e\u0439 - \u043d\u0430 \u0440\u0430\u0441\u0448\u0438\u0440\u044f\u0435\u043c\u0443\u044e \u0430\u0440\u0445\u0438\u0442\u0435\u043a\u0442\u0443\u0440\u0443)"]}),"\n",(0,s.jsxs)(n.li,{children:[(0,s.jsx)(n.strong,{children:"\u0411\u043e\u043b\u044c\u0448\u043e\u0439 \u0431\u0438\u0437\u043d\u0435\u0441"})," - \u043e\u0431\u044b\u0447\u043d\u043e \u0443\u0436\u0435 \u0438\u043c\u0435\u0435\u0442 \u043e\u0431\u0448\u0438\u0440\u043d\u0443\u044e \u0430\u0443\u0434\u0438\u0442\u043e\u0440\u0438\u044e, \u0448\u0442\u0430\u0442 \u0441\u043e\u0442\u0440\u0443\u0434\u043d\u0438\u043a\u043e\u0432, \u0438 \u0433\u043e\u0440\u0430\u0437\u0434\u043e \u0431\u043e\u043b\u0435\u0435 \u043e\u0431\u0448\u0438\u0440\u043d\u044b\u0439 \u043d\u0430\u0431\u043e\u0440 \u0441\u0432\u043e\u0438\u0445 \u043f\u0440\u0430\u043a\u0442\u0438\u043a, \u0438 \u043d\u0430\u0432\u0435\u0440\u043d\u043e\u0435 \u0434\u0430\u0436\u0435 - \u0441\u0432\u043e\u0439 \u043f\u043e\u0434\u0445\u043e\u0434 \u043a \u0430\u0440\u0445\u0438\u0442\u0435\u043a\u0442\u0443\u0440\u0435, \u043f\u043e\u044d\u0442\u043e\u043c\u0443 \u0438\u0434\u0435\u044f \u0432\u0437\u044f\u0442\u044c \u0447\u0443\u0436\u0443\u044e - \u0438\u043c \u043f\u0440\u0438\u0445\u043e\u0434\u0438\u0442 \u043d\u0435 \u0442\u0430\u043a \u0447\u0430\u0441\u0442\u043e"]}),"\n"]}),"\n",(0,s.jsx)(n.h2,{id:"plans",children:"\u041f\u043b\u0430\u043d\u044b"}),"\n",(0,s.jsxs)(n.p,{children:["\u041e\u0441\u043d\u043e\u0432\u043d\u0430\u044f \u0447\u0430\u0441\u0442\u044c \u0446\u0435\u043b\u0435\u0439 ",(0,s.jsx)(n.a,{href:"/docs/about/mission#goals",children:"\u0438\u0437\u043b\u043e\u0436\u0435\u043d\u0430 \u0437\u0434\u0435\u0441\u044c"}),", \u043d\u043e \u043f\u043e\u043c\u0438\u043c\u043e \u044d\u0442\u043e\u0433\u043e, \u0441\u0442\u043e\u0438\u0442 \u043f\u0440\u043e\u0433\u043e\u0432\u043e\u0440\u0438\u0442\u044c \u0438 \u043d\u0430\u0448\u0438 \u043e\u0436\u0438\u0434\u0430\u043d\u0438\u044f \u043e\u0442 \u043c\u0435\u0442\u043e\u0434\u043e\u043b\u043e\u0433\u0438\u0438 \u0432 \u0431\u0443\u0434\u0443\u0449\u0435\u043c"]}),"\n",(0,s.jsx)(n.h3,{id:"combining-experience",children:"\u041e\u0431\u044a\u0435\u0434\u0438\u043d\u0435\u043d\u0438\u0435 \u043e\u043f\u044b\u0442\u0430"}),"\n",(0,s.jsxs)(n.p,{children:["\u0421\u0435\u0439\u0447\u0430\u0441 \u043c\u044b \u043f\u044b\u0442\u0430\u0435\u043c\u0441\u044f \u043e\u0431\u044a\u0435\u0434\u0438\u043d\u0438\u0442\u044c \u0432\u0435\u0441\u044c \u043d\u0430\u0448 \u0440\u0430\u0437\u043d\u043e\u0440\u043e\u0434\u043d\u044b\u0439 \u043e\u043f\u044b\u0442 ",(0,s.jsx)(n.code,{children:"core-team"}),", \u0438 \u043f\u043e\u043b\u0443\u0447\u0438\u0442\u044c \u043f\u043e \u0438\u0442\u043e\u0433\u0443 \u0437\u0430\u043a\u0430\u043b\u0435\u043d\u043d\u0443\u044e \u043f\u0440\u0430\u043a\u0442\u0438\u043a\u043e\u0439 \u043c\u0435\u0442\u043e\u0434\u043e\u043b\u043e\u0433\u0438\u044e"]}),"\n",(0,s.jsxs)(n.p,{children:["\u041a\u043e\u043d\u0435\u0447\u043d\u043e, \u043c\u044b \u043c\u043e\u0436\u0435\u043c \u043f\u043e\u043b\u0443\u0447\u0438\u0442\u044c \u043f\u043e \u0438\u0442\u043e\u0433\u0443 Angular 3.0., \u043d\u043e \u0433\u043e\u0440\u0430\u0437\u0434\u043e \u0432\u0430\u0436\u043d\u0435\u0439 \u0437\u0434\u0435\u0441\u044c - ",(0,s.jsx)(n.strong,{children:"\u0438\u0441\u0441\u043b\u0435\u0434\u043e\u0432\u0430\u0442\u044c \u0441\u0430\u043c\u0443 \u043f\u0440\u043e\u0431\u043b\u0435\u043c\u0443 \u043f\u0440\u043e\u0435\u043a\u0442\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u044f \u0430\u0440\u0445\u0438\u0442\u0435\u043a\u0442\u0443\u0440\u044b \u0441\u043b\u043e\u0436\u043d\u044b\u0445 \u0441\u0438\u0441\u0442\u0435\u043c"})]}),"\n",(0,s.jsx)(n.p,{children:(0,s.jsx)(n.em,{children:"\u0418 \u0434\u0430 - \u0443 \u043d\u0430\u0441 \u0435\u0441\u0442\u044c \u043f\u0440\u0435\u0442\u0435\u043d\u0437\u0438\u0438 \u0438 \u043a \u0442\u0435\u043a\u0443\u0449\u0435\u0439 \u0432\u0435\u0440\u0441\u0438\u0438 \u043c\u0435\u0442\u043e\u0434\u043e\u043b\u043e\u0433\u0438\u0438, \u043d\u043e \u043c\u044b \u0445\u043e\u0442\u0438\u043c \u043e\u0431\u0449\u0438\u043c\u0438 \u0443\u0441\u0438\u043b\u0438\u044f\u043c\u0438 \u043f\u0440\u0438\u0439\u0442\u0438 \u043a \u0435\u0434\u0438\u043d\u043e\u043c\u0443 \u0438 \u043e\u043f\u0442\u0438\u043c\u0430\u043b\u044c\u043d\u043e\u043c\u0443 \u0440\u0435\u0448\u0435\u043d\u0438\u044e (\u0443\u0447\u0438\u0442\u044b\u0432\u0430\u044f, \u0432 \u0442\u043e\u043c \u0447\u0438\u0441\u043b\u0435, \u0438 \u043e\u043f\u044b\u0442 \u043a\u043e\u043c\u044c\u044e\u043d\u0438\u0442\u0438)"})}),"\n",(0,s.jsx)(n.h3,{id:"life-outside-the-specification",children:"\u0416\u0438\u0437\u043d\u044c \u0432\u043d\u0435 \u0441\u043f\u0435\u0446\u0438\u0444\u0438\u043a\u0430\u0446\u0438\u0438"}),"\n",(0,s.jsx)(n.p,{children:"\u0415\u0441\u043b\u0438 \u0432\u0441\u0435 \u0441\u043b\u043e\u0436\u0438\u0442\u0441\u044f \u0445\u043e\u0440\u043e\u0448\u043e, \u0442\u043e \u043c\u0435\u0442\u043e\u0434\u043e\u043b\u043e\u0433\u0438\u044f \u043d\u0435 \u0431\u0443\u0434\u0435\u0442 \u043e\u0433\u0440\u0430\u043d\u0438\u0447\u0438\u0432\u0430\u0442\u044c\u0441\u044f \u0442\u043e\u043b\u044c\u043a\u043e \u0441\u043f\u0435\u0446\u0438\u0444\u0438\u043a\u0430\u0446\u0438\u0435\u0439 \u0438 \u0442\u0443\u043b\u043a\u0438\u0442\u043e\u043c"}),"\n",(0,s.jsxs)(n.ul,{children:["\n",(0,s.jsx)(n.li,{children:"\u0412\u043e\u0437\u043c\u043e\u0436\u043d\u043e \u0431\u0443\u0434\u0443\u0442 \u0438 \u0434\u043e\u043a\u043b\u0430\u0434\u044b, \u0441\u0442\u0430\u0442\u044c\u0438"}),"\n",(0,s.jsxs)(n.li,{children:["\u0412\u043e\u0437\u043c\u043e\u0436\u043d\u043e \u0431\u0443\u0434\u0443\u0442 ",(0,s.jsx)(n.code,{children:"CODE_MODEs"})," \u0434\u043b\u044f \u043c\u0438\u0433\u0440\u0430\u0446\u0438\u0439 \u043d\u0430 \u0434\u0440\u0443\u0433\u0438\u0435 \u0442\u0435\u0445\u043d\u043e\u043b\u043e\u0433\u0438\u0438 \u043f\u0440\u043e\u0435\u043a\u0442\u043e\u0432, \u043d\u0430\u043f\u0438\u0441\u0430\u043d\u043d\u044b\u0445 \u0441\u043e\u0433\u043b\u0430\u0441\u043d\u043e \u043c\u0435\u0442\u043e\u0434\u043e\u043b\u043e\u0433\u0438\u0438"]}),"\n",(0,s.jsxs)(n.li,{children:["\u041d\u0435 \u0438\u0441\u043a\u043b\u044e\u0447\u0435\u043d\u043e, \u0447\u0442\u043e \u043f\u043e \u0438\u0442\u043e\u0433\u0443 \u0441\u043c\u043e\u0436\u0435\u043c \u0434\u043e\u0439\u0442\u0438 \u0438 \u0434\u043e \u043c\u0435\u0439\u043d\u0442\u0435\u0439\u043d\u0435\u0440\u043e\u0432 \u043a\u0440\u0443\u043f\u043d\u044b\u0445 \u0442\u0435\u0445\u043d\u043e\u043b\u043e\u0433\u0438\u0447\u0435\u0441\u043a\u0438\u0445 \u0440\u0435\u0448\u0435\u043d\u0438\u0439","\n",(0,s.jsxs)(n.ul,{children:["\n",(0,s.jsx)(n.li,{children:(0,s.jsx)(n.em,{children:"\u041e\u0441\u043e\u0431\u0435\u043d\u043d\u043e \u0434\u043b\u044f React, \u043f\u043e \u0441\u0440\u0430\u0432\u043d\u0435\u043d\u0438\u044e \u0441 \u0434\u0440\u0443\u0433\u0438\u043c\u0438 \u0444\u0440\u0435\u0439\u043c\u0432\u043e\u0440\u043a\u0430\u043c\u0438 - \u044d\u0442\u043e \u0433\u043b\u0430\u0432\u043d\u0430\u044f \u043f\u0440\u043e\u0431\u043b\u0435\u043c\u0430, \u0442.\u043a. \u043e\u043d \u043d\u0435 \u0433\u043e\u0432\u043e\u0440\u0438\u0442 \u043a\u0430\u043a \u0440\u0435\u0448\u0430\u0442\u044c \u043e\u043f\u0440\u0435\u0434\u0435\u043b\u0435\u043d\u043d\u044b\u0435 \u043f\u0440\u043e\u0431\u043b\u0435\u043c\u044b"})}),"\n"]}),"\n"]}),"\n"]}),"\n",(0,s.jsx)(n.h2,{id:"see-also",children:"\u0421\u043c. \u0442\u0430\u043a\u0436\u0435"}),"\n",(0,s.jsxs)(n.ul,{children:["\n",(0,s.jsx)(n.li,{children:(0,s.jsx)(n.a,{href:"https://github.com/feature-sliced/documentation/discussions/27",children:"(\u041e\u0431\u0441\u0443\u0436\u0434\u0435\u043d\u0438\u0435) \u041c\u0435\u0442\u043e\u0434\u043e\u043b\u043e\u0433\u0438\u044f \u043d\u0435 \u043d\u0443\u0436\u043d\u0430?"})}),"\n",(0,s.jsx)(n.li,{children:(0,s.jsx)(n.a,{href:"/docs/about/mission",children:"\u041e \u043c\u0438\u0441\u0441\u0438\u0438 \u043c\u0435\u0442\u043e\u0434\u043e\u043b\u043e\u0433\u0438\u0438: \u0446\u0435\u043b\u0438 \u0438 \u043e\u0433\u0440\u0430\u043d\u0438\u0447\u0435\u043d\u0438\u044f"})}),"\n",(0,s.jsx)(n.li,{children:(0,s.jsx)(n.a,{href:"/docs/about/understanding/knowledge-types",children:"\u0422\u0438\u043f\u044b \u0437\u043d\u0430\u043d\u0438\u0439 \u0432 \u043f\u0440\u043e\u0435\u043a\u0442\u0435"})}),"\n"]})]})}function a(e={}){const{wrapper:n}={...(0,l.R)(),...e.components};return n?(0,s.jsx)(n,{...e,children:(0,s.jsx)(h,{...e})}):h(e)}},1100:(e,n,i)=>{i.d(n,{R:()=>d,x:()=>c});var s=i(758);const l={},r=s.createContext(l);function d(e){const n=s.useContext(r);return s.useMemo((function(){return"function"==typeof e?e(n):{...n,...e}}),[n,e])}function c(e){let n;return n=e.disableParentContext?"function"==typeof e.components?e.components(l):e.components||l:d(e.components),s.createElement(r.Provider,{value:n},e.children)}}}]);
\ No newline at end of file
+"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[9224],{1242:(e,n,i)=>{i.r(n),i.d(n,{assets:()=>o,contentTitle:()=>d,default:()=>a,frontMatter:()=>r,metadata:()=>c,toc:()=>t});var s=i(6070),l=i(1100);const r={sidebar_position:2},d="\u041c\u043e\u0442\u0438\u0432\u0430\u0446\u0438\u044f",c={id:"about/motivation",title:"\u041c\u043e\u0442\u0438\u0432\u0430\u0446\u0438\u044f",description:"\u0413\u043b\u0430\u0432\u043d\u0430\u044f \u0438\u0434\u0435\u044f Feature-Sliced Design - \u043e\u0431\u043b\u0435\u0433\u0447\u0438\u0442\u044c \u0438 \u0443\u0434\u0435\u0448\u0435\u0432\u0438\u0442\u044c \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u0443 \u043a\u043e\u043c\u043f\u043b\u0435\u043a\u0441\u043d\u044b\u0445 \u0438 \u0440\u0430\u0437\u0432\u0438\u0432\u0430\u044e\u0449\u0438\u0445\u0441\u044f \u043f\u0440\u043e\u0435\u043a\u0442\u043e\u0432, \u043d\u0430 \u043e\u0441\u043d\u043e\u0432\u0430\u043d\u0438\u0438 \u043e\u0431\u044a\u0435\u0434\u0438\u043d\u0435\u043d\u0438\u044f \u0440\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442\u043e\u0432 \u0438\u0441\u0441\u043b\u0435\u0434\u043e\u0432\u0430\u043d\u0438\u0439, \u043e\u0431\u0441\u0443\u0436\u0434\u0435\u043d\u0438\u044f \u043e\u043f\u044b\u0442\u0430 \u0440\u0430\u0437\u043d\u043e\u0433\u043e \u0440\u043e\u0434\u0430 \u0448\u0438\u0440\u043e\u043a\u043e\u0433\u043e \u043a\u0440\u0443\u0433\u0430 \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a\u043e\u0432.",source:"@site/i18n/ru/docusaurus-plugin-content-docs/current/about/motivation.md",sourceDirName:"about",slug:"/about/motivation",permalink:"/ru/docs/about/motivation",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/ru/docusaurus-plugin-content-docs/current/about/motivation.md",tags:[],version:"current",lastUpdatedAt:1728325386e3,sidebarPosition:2,frontMatter:{sidebar_position:2},sidebar:"aboutSidebar",previous:{title:"\u041c\u0438\u0441\u0441\u0438\u044f",permalink:"/ru/docs/about/mission"},next:{title:"\u0410\u043b\u044c\u0442\u0435\u0440\u043d\u0430\u0442\u0438\u0432\u044b",permalink:"/ru/docs/about/alternatives"}},o={},t=[{value:"\u041f\u043e\u0447\u0435\u043c\u0443 \u043d\u0435 \u0445\u0432\u0430\u0442\u0430\u0435\u0442 \u0441\u0443\u0449\u0435\u0441\u0442\u0432\u0443\u044e\u0449\u0438\u0445 \u0440\u0435\u0448\u0435\u043d\u0438\u0439?",id:"intuitive-clarity-for-a-wide-range-of-developers",level:2},{value:"\u041e\u0434\u043d\u0438\u0445 \u043f\u0440\u0438\u043d\u0446\u0438\u043f\u043e\u0432 \u043d\u0435\u0434\u043e\u0441\u0442\u0430\u0442\u043e\u0447\u043d\u043e",id:"principles-alone-are-not-enough",level:3},{value:"\u041f\u0440\u043e\u0446\u0435\u0441\u0441\u044b \u043d\u0435 \u0432\u0441\u0435\u0433\u0434\u0430 \u0440\u0430\u0431\u043e\u0442\u0430\u044e\u0442",id:"processes-dont-always-work",level:3},{value:"\u0421\u0443\u0449\u0435\u0441\u0442\u0432\u0443\u044e\u0449\u0438\u0435 \u0444\u0440\u0435\u0439\u043c\u0432\u043e\u0440\u043a\u0438 \u043d\u0435 \u0432\u0435\u0437\u0434\u0435 \u043c\u043e\u0433\u0443\u0442 \u0431\u044b\u0442\u044c \u043f\u0440\u0438\u043c\u0435\u043d\u0435\u043d\u044b",id:"existing-frameworks-cannot-be-applied-everywhere",level:3},{value:"\u041f\u043e \u0438\u0442\u043e\u0433\u0443",id:"as-a-result",level:3},{value:"\u0417\u0430\u0447\u0435\u043c \u043c\u0435\u0442\u043e\u0434\u043e\u043b\u043e\u0433\u0438\u044f \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a\u0430\u043c?",id:"why-do-developers-need-the-methodology",level:2},{value:"\u041a\u043e\u043d\u0446\u0435\u043d\u0442\u0440\u0430\u0446\u0438\u044f \u043d\u0430 \u0431\u0438\u0437\u043d\u0435\u0441-\u0444\u0438\u0447\u0430\u0445, \u0430 \u043d\u0435 \u043d\u0430 \u043f\u0440\u043e\u0431\u043b\u0435\u043c\u0430\u0445 \u0430\u0440\u0445\u0438\u0442\u0435\u043a\u0442\u0443\u0440\u044b",id:"focus-on-business-features-not-on-architecture-problems",level:3},{value:"\u041f\u0440\u043e\u0432\u0435\u0440\u0435\u043d\u043d\u043e\u0435 \u043e\u043f\u044b\u0442\u043e\u043c \u0440\u0435\u0448\u0435\u043d\u0438\u0435",id:"an-experience-proven-solution",level:3},{value:"\u0417\u0434\u043e\u0440\u043e\u0432\u044c\u0435 \u043f\u0440\u043e\u0435\u043a\u0442\u0430",id:"project-health",level:3},{value:"\u0417\u0430\u0447\u0435\u043c \u043c\u0435\u0442\u043e\u0434\u043e\u043b\u043e\u0433\u0438\u044f \u0431\u0438\u0437\u043d\u0435\u0441\u0443?",id:"why-does-a-business-need-a-methodology",level:2},{value:"\u0411\u044b\u0441\u0442\u0440\u044b\u0439 onboarding",id:"fast-onboarding",level:3},{value:"\u041f\u0440\u043e\u0432\u0435\u0440\u0435\u043d\u043d\u043e\u0435 \u043e\u043f\u044b\u0442\u043e\u043c \u0440\u0435\u0448\u0435\u043d\u0438\u0435",id:"an-experience-proven-solution-1",level:3},{value:"\u041f\u0440\u0438\u043c\u0435\u043d\u0438\u043c\u043e\u0441\u0442\u044c \u0434\u043b\u044f \u0440\u0430\u0437\u043d\u044b\u0445 \u0441\u0442\u0430\u0434\u0438\u0439 \u043f\u0440\u043e\u0435\u043a\u0442\u0430",id:"applicability-for-different-stages-of-the-project",level:3},{value:"\u041a\u043e\u0433\u0434\u0430 \u043d\u0430\u0448\u0430 \u043c\u0435\u0442\u043e\u0434\u043e\u043b\u043e\u0433\u0438\u044f \u043d\u0435 \u043d\u0443\u0436\u043d\u0430?",id:"when-is-our-methodology-not-needed",level:2},{value:"\u0420\u0430\u0437\u043c\u0435\u0440\u044b \u0431\u0438\u0437\u043d\u0435\u0441\u0430",id:"business-size",level:3},{value:"\u041f\u043b\u0430\u043d\u044b",id:"plans",level:2},{value:"\u041e\u0431\u044a\u0435\u0434\u0438\u043d\u0435\u043d\u0438\u0435 \u043e\u043f\u044b\u0442\u0430",id:"combining-experience",level:3},{value:"\u0416\u0438\u0437\u043d\u044c \u0432\u043d\u0435 \u0441\u043f\u0435\u0446\u0438\u0444\u0438\u043a\u0430\u0446\u0438\u0438",id:"life-outside-the-specification",level:3},{value:"\u0421\u043c. \u0442\u0430\u043a\u0436\u0435",id:"see-also",level:2}];function h(e){const n={a:"a",admonition:"admonition",blockquote:"blockquote",code:"code",em:"em",h1:"h1",h2:"h2",h3:"h3",header:"header",li:"li",p:"p",strong:"strong",ul:"ul",...(0,l.R)(),...e.components};return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(n.header,{children:(0,s.jsx)(n.h1,{id:"\u043c\u043e\u0442\u0438\u0432\u0430\u0446\u0438\u044f",children:"\u041c\u043e\u0442\u0438\u0432\u0430\u0446\u0438\u044f"})}),"\n",(0,s.jsxs)(n.p,{children:["\u0413\u043b\u0430\u0432\u043d\u0430\u044f \u0438\u0434\u0435\u044f ",(0,s.jsx)(n.strong,{children:"Feature-Sliced Design"})," - \u043e\u0431\u043b\u0435\u0433\u0447\u0438\u0442\u044c \u0438 \u0443\u0434\u0435\u0448\u0435\u0432\u0438\u0442\u044c \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u0443 \u043a\u043e\u043c\u043f\u043b\u0435\u043a\u0441\u043d\u044b\u0445 \u0438 \u0440\u0430\u0437\u0432\u0438\u0432\u0430\u044e\u0449\u0438\u0445\u0441\u044f \u043f\u0440\u043e\u0435\u043a\u0442\u043e\u0432, \u043d\u0430 \u043e\u0441\u043d\u043e\u0432\u0430\u043d\u0438\u0438 ",(0,s.jsx)(n.a,{href:"https://github.com/feature-sliced/documentation/discussions",children:"\u043e\u0431\u044a\u0435\u0434\u0438\u043d\u0435\u043d\u0438\u044f \u0440\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442\u043e\u0432 \u0438\u0441\u0441\u043b\u0435\u0434\u043e\u0432\u0430\u043d\u0438\u0439, \u043e\u0431\u0441\u0443\u0436\u0434\u0435\u043d\u0438\u044f \u043e\u043f\u044b\u0442\u0430 \u0440\u0430\u0437\u043d\u043e\u0433\u043e \u0440\u043e\u0434\u0430 \u0448\u0438\u0440\u043e\u043a\u043e\u0433\u043e \u043a\u0440\u0443\u0433\u0430 \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a\u043e\u0432"}),"."]}),"\n",(0,s.jsxs)(n.p,{children:["\u041e\u0447\u0435\u0432\u0438\u0434\u043d\u043e, \u0447\u0442\u043e \u044d\u0442\u043e \u043d\u0435 \u0431\u0443\u0434\u0435\u0442 \u0441\u0435\u0440\u0435\u0431\u0440\u044f\u043d\u043e\u0439 \u043f\u0443\u043b\u0435\u0439, \u0438 \u0441\u0430\u043c\u043e \u0441\u043e\u0431\u043e\u0439, \u0443 \u043c\u0435\u0442\u043e\u0434\u043e\u043b\u043e\u0433\u0438\u0438 \u0431\u0443\u0434\u0443\u0442 \u0441\u0432\u043e\u0438 ",(0,s.jsx)(n.a,{href:"/docs/about/mission",children:"\u0433\u0440\u0430\u043d\u0438\u0446\u044b \u043f\u0440\u0438\u043c\u0435\u043d\u0438\u043c\u043e\u0441\u0442\u0438"}),"."]}),"\n",(0,s.jsxs)(n.p,{children:["\u0422\u0435\u043c \u043d\u0435 \u043c\u0435\u043d\u0435\u0435, \u0432\u043e\u0437\u043d\u0438\u043a\u0430\u044e\u0442 \u0440\u0435\u0437\u043e\u043d\u043d\u044b\u0435 \u0432\u043e\u043f\u0440\u043e\u0441\u044b, \u043a\u0430\u0441\u0430\u0435\u043c\u043e ",(0,s.jsx)(n.em,{children:"\u0446\u0435\u043b\u0435\u0441\u043e\u043e\u0431\u0440\u0430\u0437\u043d\u043e\u0441\u0442\u0438 \u0442\u0430\u043a\u043e\u0439 \u043c\u0435\u0442\u043e\u0434\u043e\u043b\u043e\u0433\u0438\u0438 \u0432 \u0446\u0435\u043b\u043e\u043c"})]}),"\n",(0,s.jsx)(n.admonition,{type:"note",children:(0,s.jsxs)(n.p,{children:["\u0411\u043e\u043b\u0435\u0435 \u043f\u043e\u0434\u0440\u043e\u0431\u043d\u043e ",(0,s.jsx)(n.a,{href:"https://github.com/feature-sliced/documentation/discussions/27",children:"\u043e\u0431\u0441\u0443\u0434\u0438\u043b\u0438 \u0432 \u0434\u0438\u0441\u043a\u0443\u0441\u0441\u0438\u0438"})]})}),"\n",(0,s.jsx)(n.h2,{id:"intuitive-clarity-for-a-wide-range-of-developers",children:"\u041f\u043e\u0447\u0435\u043c\u0443 \u043d\u0435 \u0445\u0432\u0430\u0442\u0430\u0435\u0442 \u0441\u0443\u0449\u0435\u0441\u0442\u0432\u0443\u044e\u0449\u0438\u0445 \u0440\u0435\u0448\u0435\u043d\u0438\u0439?"}),"\n",(0,s.jsxs)(n.blockquote,{children:["\n",(0,s.jsx)(n.p,{children:"\u0420\u0435\u0447\u044c \u043e\u0431\u044b\u0447\u043d\u043e \u043e \u0442\u0430\u043a\u0438\u0445 \u0430\u0440\u0433\u0443\u043c\u0435\u043d\u0442\u0430\u0445:"}),"\n",(0,s.jsxs)(n.ul,{children:["\n",(0,s.jsx)(n.li,{children:(0,s.jsxs)(n.em,{children:['"\u0417\u0430\u0447\u0435\u043c \u043d\u0443\u0436\u043d\u0430 \u043e\u0442\u0434\u0435\u043b\u044c\u043d\u0430\u044f \u043d\u043e\u0432\u0430\u044f \u043c\u0435\u0442\u043e\u0434\u043e\u043b\u043e\u0433\u0438\u044f, \u0435\u0441\u043b\u0438 \u0443\u0436\u0435 \u0435\u0441\u0442\u044c \u0434\u0430\u0432\u043d\u043e \u0437\u0430\u0440\u0435\u043a\u043e\u043c\u0435\u043d\u0434\u043e\u0432\u0430\u0432\u0448\u0438\u0435 \u0441\u0435\u0431\u044f \u043f\u043e\u0434\u0445\u043e\u0434\u044b \u0438 \u043f\u0440\u0438\u043d\u0446\u0438\u043f\u044b \u043f\u0440\u043e\u0435\u043a\u0442\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u044f ',(0,s.jsx)(n.code,{children:"SOLID"}),", ",(0,s.jsx)(n.code,{children:"KISS"}),", ",(0,s.jsx)(n.code,{children:"YAGNI"}),", ",(0,s.jsx)(n.code,{children:"DDD"}),", ",(0,s.jsx)(n.code,{children:"GRASP"}),", ",(0,s.jsx)(n.code,{children:"DRY"}),' \u0438 \u0442.\u0434."']})}),"\n",(0,s.jsx)(n.li,{children:(0,s.jsx)(n.em,{children:'"\u0412\u0441\u0435 \u043f\u0440\u043e\u0431\u043b\u0435\u043c\u044b \u043f\u0440\u043e\u0435\u043a\u0442\u0430 \u0440\u0435\u0448\u0430\u044e\u0442\u0441\u044f \u0445\u043e\u0440\u043e\u0448\u0435\u0439 \u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u0430\u0446\u0438\u0435\u0439, \u0442\u0435\u0441\u0442\u0430\u043c\u0438 \u0438 \u0432\u044b\u0441\u0442\u0440\u043e\u0435\u043d\u043d\u044b\u043c\u0438 \u043f\u0440\u043e\u0446\u0435\u0441\u0441\u0430\u043c\u0438"'})}),"\n",(0,s.jsx)(n.li,{children:(0,s.jsx)(n.em,{children:'"\u041f\u0440\u043e\u0431\u043b\u0435\u043c \u0431\u044b \u0438 \u043d\u0435 \u0431\u044b\u043b\u043e - \u0435\u0441\u043b\u0438 \u0431\u044b \u0432\u0441\u0435 \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a\u0438 \u0441\u043b\u0435\u0434\u043e\u0432\u0430\u043b\u0438 \u0432\u0441\u0435\u043c\u0443 \u0432\u044b\u0448\u0435 \u043f\u0435\u0440\u0435\u0447\u0438\u0441\u043b\u0435\u043d\u043d\u043e\u043c\u0443"'})}),"\n",(0,s.jsx)(n.li,{children:(0,s.jsx)(n.em,{children:'"\u0412\u0441\u0435 \u043f\u0440\u0438\u0434\u0443\u043c\u0430\u043d\u043e \u0443\u0436\u0435 \u0434\u043e \u0432\u0430\u0441, \u0432\u044b \u043f\u0440\u043e\u0441\u0442\u043e \u043d\u0435 \u043c\u043e\u0436\u0435\u0442\u0435 \u044d\u0442\u0438\u043c \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c\u0441\u044f"'})}),"\n",(0,s.jsx)(n.li,{children:(0,s.jsx)(n.em,{children:'"\u0412\u043e\u0437\u044c\u043c\u0438\u0442\u0435 {FRAMEWORK_NAME} - \u0442\u0430\u043c \u0440\u0435\u0448\u0435\u043d\u043e \u0443\u0436\u0435 \u0432\u0441\u0435 \u0437\u0430 \u0432\u0430\u0441"'})}),"\n"]}),"\n"]}),"\n",(0,s.jsx)(n.h3,{id:"principles-alone-are-not-enough",children:"\u041e\u0434\u043d\u0438\u0445 \u043f\u0440\u0438\u043d\u0446\u0438\u043f\u043e\u0432 \u043d\u0435\u0434\u043e\u0441\u0442\u0430\u0442\u043e\u0447\u043d\u043e"}),"\n",(0,s.jsx)(n.p,{children:(0,s.jsx)(n.strong,{children:"\u0422\u043e\u043b\u044c\u043a\u043e \u0441\u0443\u0449\u0435\u0441\u0442\u0432\u043e\u0432\u0430\u043d\u0438\u044f \u043f\u0440\u0438\u043d\u0446\u0438\u043f\u043e\u0432 \u043d\u0435\u0434\u043e\u0441\u0442\u0430\u0442\u043e\u0447\u043d\u043e \u0434\u043b\u044f \u043f\u0440\u043e\u0435\u043a\u0442\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u044f \u0445\u043e\u0440\u043e\u0448\u0435\u0439 \u0430\u0440\u0445\u0438\u0442\u0435\u043a\u0442\u0443\u0440\u044b"})}),"\n",(0,s.jsx)(n.p,{children:"\u041d\u0435 \u0432\u0441\u0435 \u0438\u0445 \u0437\u043d\u0430\u044e\u0442 \u0434\u043e \u043a\u043e\u043d\u0446\u0430, \u0435\u0449\u0435 \u043c\u0435\u043d\u044c\u0448\u0435 \u043f\u0440\u0430\u0432\u0438\u043b\u044c\u043d\u043e \u043f\u043e\u043d\u0438\u043c\u0430\u044e\u0442 \u0438 \u043f\u0440\u0438\u043c\u0435\u043d\u044f\u044e\u0442"}),"\n",(0,s.jsx)(n.p,{children:(0,s.jsx)(n.em,{children:'\u041f\u0440\u0438\u043d\u0446\u0438\u043f\u044b \u043f\u0440\u043e\u0435\u043a\u0442\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u044f \u0441\u043b\u0438\u0448\u043a\u043e\u043c \u043e\u0431\u0449\u0438\u0435, \u0438 \u043d\u0435 \u0434\u0430\u044e\u0442 \u043a\u043e\u043d\u043a\u0440\u0435\u0442\u043d\u043e\u0433\u043e \u043e\u0442\u0432\u0435\u0442\u0430 \u043d\u0430 \u0432\u043e\u043f\u0440\u043e\u0441: "\u0410 \u043a\u0430\u043a \u0441\u043f\u0440\u043e\u0435\u043a\u0442\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u0443 \u0438 \u0430\u0440\u0445\u0438\u0442\u0435\u043a\u0442\u0443\u0440\u0443 \u043c\u0430\u0441\u0448\u0442\u0430\u0431\u0438\u0440\u0443\u0435\u043c\u043e\u0433\u043e \u0438 \u0433\u0438\u0431\u043a\u043e\u0433\u043e \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f?"'})}),"\n",(0,s.jsx)(n.h3,{id:"processes-dont-always-work",children:"\u041f\u0440\u043e\u0446\u0435\u0441\u0441\u044b \u043d\u0435 \u0432\u0441\u0435\u0433\u0434\u0430 \u0440\u0430\u0431\u043e\u0442\u0430\u044e\u0442"}),"\n",(0,s.jsxs)(n.p,{children:[(0,s.jsx)(n.em,{children:"\u0414\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u0430\u0446\u0438\u044f/\u0422\u0435\u0441\u0442\u044b/\u041f\u0440\u043e\u0446\u0435\u0441\u0441\u044b"})," - \u044d\u0442\u043e, \u043a\u043e\u043d\u0435\u0447\u043d\u043e, \u0445\u043e\u0440\u043e\u0448\u043e, \u043d\u043e \u0443\u0432\u044b, \u0434\u0430\u0436\u0435 \u043f\u0440\u0438 \u0431\u043e\u043b\u044c\u0448\u0438\u0445 \u0437\u0430\u0442\u0440\u0430\u0442\u0430\u0445 \u043d\u0430 \u043d\u0438\u0445 - ",(0,s.jsx)(n.strong,{children:"\u043e\u043d\u0438 \u043d\u0435 \u0432\u0441\u0435\u0433\u0434\u0430 \u0440\u0435\u0448\u0430\u044e\u0442 \u043f\u043e\u0441\u0442\u0430\u0432\u043b\u0435\u043d\u043d\u044b\u0445 \u043f\u0440\u043e\u0431\u043b\u0435\u043c \u043f\u043e \u0430\u0440\u0445\u0438\u0442\u0435\u043a\u0442\u0443\u0440\u0435 \u0438 \u0432\u043d\u0435\u0434\u0440\u0435\u043d\u0438\u044e \u043d\u043e\u0432\u044b\u0445 \u043b\u044e\u0434\u0435\u0439 \u0432 \u043f\u0440\u043e\u0435\u043a\u0442"})]}),"\n",(0,s.jsxs)(n.ul,{children:["\n",(0,s.jsx)(n.li,{children:"\u0412\u0440\u0435\u043c\u044f \u0432\u0445\u043e\u0434\u0430 \u043a\u0430\u0436\u0434\u043e\u0433\u043e \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a\u0430 \u0432 \u043f\u0440\u043e\u0435\u043a\u0442 \u043d\u0435 \u0441\u0438\u043b\u044c\u043d\u043e \u0443\u043c\u0435\u043d\u044c\u0448\u0430\u0435\u0442\u0441\u044f, \u0442.\u043a. \u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u0430\u0446\u0438\u044f \u0447\u0430\u0449\u0435 \u0432\u0441\u0435\u0433\u043e \u0432\u044b\u0439\u0434\u0435\u0442 \u043e\u0433\u0440\u043e\u043c\u043d\u043e\u0439 / \u0443\u0441\u0442\u0430\u0440\u0435\u0432\u0448\u0435\u0439"}),"\n",(0,s.jsx)(n.li,{children:"\u041f\u043e\u0441\u0442\u043e\u044f\u043d\u043d\u043e \u0441\u043b\u0435\u0434\u0438\u0442\u044c \u0437\u0430 \u0442\u0435\u043c, \u0447\u0442\u043e \u043a\u0430\u0436\u0434\u044b\u0439 \u043f\u043e\u043d\u0438\u043c\u0430\u0435\u0442 \u0430\u0440\u0445\u0438\u0442\u0435\u043a\u0442\u0443\u0440\u0443 \u043e\u0434\u0438\u043d\u0430\u043a\u043e\u0432\u043e - \u0442\u0440\u0435\u0431\u0443\u0435\u0442 \u0442\u0430\u043a\u0436\u0435 \u043a\u043e\u043b\u043e\u0441\u0441\u0430\u043b\u044c\u043d\u043e\u0433\u043e \u043a\u043e\u043b\u0438\u0447\u0435\u0441\u0442\u0432\u0430 \u0440\u0435\u0441\u0443\u0440\u0441\u043e\u0432"}),"\n",(0,s.jsx)(n.li,{children:"\u041d\u0435 \u0437\u0430\u0431\u044b\u0432\u0430\u0435\u043c \u0438 \u043f\u0440\u043e bus-factor"}),"\n"]}),"\n",(0,s.jsx)(n.h3,{id:"existing-frameworks-cannot-be-applied-everywhere",children:"\u0421\u0443\u0449\u0435\u0441\u0442\u0432\u0443\u044e\u0449\u0438\u0435 \u0444\u0440\u0435\u0439\u043c\u0432\u043e\u0440\u043a\u0438 \u043d\u0435 \u0432\u0435\u0437\u0434\u0435 \u043c\u043e\u0433\u0443\u0442 \u0431\u044b\u0442\u044c \u043f\u0440\u0438\u043c\u0435\u043d\u0435\u043d\u044b"}),"\n",(0,s.jsxs)(n.ul,{children:["\n",(0,s.jsx)(n.li,{children:"\u0418\u043c\u0435\u044e\u0449\u0438\u0435\u0441\u044f \u0440\u0435\u0448\u0435\u043d\u0438\u044f, \u043a\u0430\u043a \u043f\u0440\u0430\u0432\u0438\u043b\u043e, \u0438\u043c\u0435\u044e\u0442 \u0432\u044b\u0441\u043e\u043a\u0438\u0439 \u043f\u043e\u0440\u043e\u0433 \u0432\u0445\u043e\u0434\u0430, \u0438\u0437-\u0437\u0430 \u0447\u0435\u0433\u043e \u0441\u043b\u043e\u0436\u043d\u043e \u043d\u0430\u0439\u0442\u0438 \u043d\u043e\u0432\u044b\u0445 \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a\u043e\u0432"}),"\n",(0,s.jsxs)(n.li,{children:['\u0422\u0430\u043a\u0436\u0435, \u0447\u0430\u0449\u0435 \u0432\u0441\u0435\u0433\u043e, \u0432\u044b\u0431\u043e\u0440 \u0442\u0435\u0445\u043d\u043e\u043b\u043e\u0433\u0438\u0438 \u0443\u0436\u0435 \u043e\u043f\u0440\u0435\u0434\u0435\u043b\u0435\u043d \u0434\u043e \u043d\u0430\u0441\u0442\u0443\u043f\u043b\u0435\u043d\u0438\u044f \u0441\u0435\u0440\u044c\u0435\u0437\u043d\u044b\u0445 \u043f\u0440\u043e\u0431\u043b\u0435\u043c \u0432 \u043f\u0440\u043e\u0435\u043a\u0442\u0435, \u0430 \u043f\u043e\u0442\u043e\u043c\u0443 \u043d\u0443\u0436\u043d\u043e \u0443\u043c\u0435\u0442\u044c "\u0440\u0430\u0431\u043e\u0442\u0430\u0442\u044c \u0441 \u0442\u0435\u043c \u0447\u0442\u043e \u0435\u0441\u0442\u044c" - ',(0,s.jsx)(n.strong,{children:"\u043d\u0435 \u043f\u0440\u0438\u0432\u044f\u0437\u044b\u0432\u0430\u044f\u0441\u044c \u043a \u0442\u0435\u0445\u043d\u043e\u043b\u043e\u0433\u0438\u0438"})]}),"\n"]}),"\n",(0,s.jsxs)(n.blockquote,{children:["\n",(0,s.jsxs)(n.p,{children:["Q: ",(0,s.jsxs)(n.em,{children:['"\u0423 \u043c\u0435\u043d\u044f \u0432 \u043f\u0440\u043e\u0435\u043a\u0442\u0435 ',(0,s.jsx)(n.code,{children:"React/Vue/Redux/Effector/Mobx/{YOUR_TECH}"}),' - \u043a\u0430\u043a \u043c\u043d\u0435 \u043b\u0443\u0447\u0448\u0435 \u0432\u044b\u0441\u0442\u0440\u043e\u0438\u0442\u044c \u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u0443 \u0441\u0443\u0449\u043d\u043e\u0441\u0442\u0435\u0439 \u0438 \u0441\u0432\u044f\u0437\u0438 \u043c\u0435\u0436\u0434\u0443 \u043d\u0438\u043c\u0438?"']})]}),"\n"]}),"\n",(0,s.jsx)(n.h3,{id:"as-a-result",children:"\u041f\u043e \u0438\u0442\u043e\u0433\u0443"}),"\n",(0,s.jsxs)(n.p,{children:["\u041f\u043e\u043b\u0443\u0447\u0430\u0435\u043c ",(0,s.jsx)(n.em,{children:'"\u0443\u043d\u0438\u043a\u0430\u043b\u044c\u043d\u044b\u0435 \u043a\u0430\u043a \u0441\u043d\u0435\u0436\u0438\u043d\u043a\u0438"'})," \u043f\u0440\u043e\u0435\u043a\u0442\u044b, \u043a\u0430\u0436\u0434\u044b\u0439 \u0438\u0437 \u043a\u043e\u0442\u043e\u0440\u044b\u0445 \u0442\u0440\u0435\u0431\u0443\u0435\u0442 \u0434\u043b\u0438\u0442\u0435\u043b\u044c\u043d\u043e\u0433\u043e \u043f\u043e\u0433\u0440\u0443\u0436\u0435\u043d\u0438\u044f \u0441\u043e\u0442\u0440\u0443\u0434\u043d\u0438\u043a\u0430, \u0438 \u0437\u043d\u0430\u043d\u0438\u044f, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u0432\u0440\u044f\u0434 \u043b\u0438 \u0431\u0443\u0434\u0443\u0442 \u043f\u0440\u0438\u043c\u0435\u043d\u0438\u043c\u044b \u043d\u0430 \u0434\u0440\u0443\u0433\u043e\u043c \u043f\u0440\u043e\u0435\u043a\u0442\u0435"]}),"\n",(0,s.jsxs)(n.blockquote,{children:["\n",(0,s.jsxs)(n.p,{children:["@sergeysova: ",(0,s.jsx)(n.em,{children:'"\u042d\u0442\u043e \u0440\u043e\u0432\u043d\u043e \u0442\u0430 \u0441\u0438\u0442\u0443\u0430\u0446\u0438\u044f, \u043a\u043e\u0442\u043e\u0440\u0430\u044f \u0441\u0435\u0439\u0447\u0430\u0441 \u0435\u0441\u0442\u044c \u0432 \u043d\u0430\u0448\u0435\u0439 \u0441\u0444\u0435\u0440\u0435 frontend \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u0438: \u043a\u0430\u0436\u0434\u044b\u0439 \u043b\u0438\u0434 \u043d\u0430\u043f\u0440\u0438\u0434\u0443\u043c\u0430\u0435\u0442 \u0441\u0435\u0431\u0435 \u0440\u0430\u0437\u043b\u0438\u0447\u043d\u044b\u0445 \u0430\u0440\u0445\u0438\u0442\u0435\u043a\u0442\u0443\u0440 \u0438 \u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440 \u043f\u0440\u043e\u0435\u043a\u0442\u0430, \u043f\u0440\u0438 \u044d\u0442\u043e\u043c \u043d\u0435 \u0444\u0430\u043a\u0442, \u0447\u0442\u043e \u044d\u0442\u0438 \u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u044b \u043f\u0440\u043e\u0439\u0434\u0443\u0442 \u043f\u0440\u043e\u0432\u0435\u0440\u043a\u0443 \u0432\u0440\u0435\u043c\u0435\u043d\u0435\u043c, \u0432 \u0438\u0442\u043e\u0433\u0435 \u043a\u0440\u043e\u043c\u0435 \u043d\u0435\u0433\u043e \u0440\u0430\u0437\u0432\u0438\u0432\u0430\u0442\u044c \u043f\u0440\u043e\u0435\u043a\u0442 \u043c\u043e\u0433\u0443\u0442 \u043c\u0430\u043a\u0441\u0438\u043c\u0443\u043c \u0434\u0432\u0430 \u0447\u0435\u043b\u043e\u0432\u0435\u043a\u0430 \u0438 \u043a\u0430\u0436\u0434\u043e\u0433\u043e \u043d\u043e\u0432\u043e\u0433\u043e \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a\u0430 \u043d\u0443\u0436\u043d\u043e \u043f\u043e\u0433\u0440\u0443\u0436\u0430\u0442\u044c \u0441\u043d\u043e\u0432\u0430."'})]}),"\n"]}),"\n",(0,s.jsx)(n.h2,{id:"why-do-developers-need-the-methodology",children:"\u0417\u0430\u0447\u0435\u043c \u043c\u0435\u0442\u043e\u0434\u043e\u043b\u043e\u0433\u0438\u044f \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a\u0430\u043c?"}),"\n",(0,s.jsx)(n.h3,{id:"focus-on-business-features-not-on-architecture-problems",children:"\u041a\u043e\u043d\u0446\u0435\u043d\u0442\u0440\u0430\u0446\u0438\u044f \u043d\u0430 \u0431\u0438\u0437\u043d\u0435\u0441-\u0444\u0438\u0447\u0430\u0445, \u0430 \u043d\u0435 \u043d\u0430 \u043f\u0440\u043e\u0431\u043b\u0435\u043c\u0430\u0445 \u0430\u0440\u0445\u0438\u0442\u0435\u043a\u0442\u0443\u0440\u044b"}),"\n",(0,s.jsx)(n.p,{children:"\u041c\u0435\u0442\u043e\u0434\u043e\u043b\u043e\u0433\u0438\u044f \u043f\u043e\u0437\u0432\u043e\u043b\u044f\u0435\u0442 \u044d\u043a\u043e\u043d\u043e\u043c\u0438\u0442\u044c \u0440\u0435\u0441\u0443\u0440\u0441\u044b \u043d\u0430 \u043f\u0440\u043e\u0435\u043a\u0442\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u0438 \u043c\u0430\u0441\u0448\u0442\u0430\u0431\u0438\u0440\u0443\u0435\u043c\u043e\u0439 \u0438 \u0433\u0438\u0431\u043a\u043e\u0439 \u0430\u0440\u0445\u0438\u0442\u0435\u043a\u0442\u0443\u0440\u044b, \u0432\u043c\u0435\u0441\u0442\u043e \u044d\u0442\u043e\u0433\u043e \u043d\u0430\u043f\u0440\u0430\u0432\u043b\u044f\u044f \u0432\u043d\u0438\u043c\u0430\u043d\u0438\u0435 \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a\u043e\u0432 \u043d\u0430 \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u0443 \u043e\u0441\u043d\u043e\u0432\u043d\u043e\u0439 \u0444\u0443\u043d\u043a\u0446\u0438\u043e\u043d\u0430\u043b\u044c\u043d\u043e\u0441\u0442\u0438. \u041f\u0440\u0438 \u044d\u0442\u043e\u043c \u0441\u0442\u0430\u043d\u0434\u0430\u0440\u0442\u0438\u0437\u0438\u0440\u0443\u044e\u0442\u0441\u044f \u0438 \u0441\u0430\u043c\u0438 \u0430\u0440\u0445\u0438\u0442\u0435\u043a\u0442\u0443\u0440\u043d\u044b\u0435 \u0440\u0435\u0448\u0435\u043d\u0438\u044f \u0438\u0437 \u043f\u0440\u043e\u0435\u043a\u0442\u0430 \u0432 \u043f\u0440\u043e\u0435\u043a\u0442."}),"\n",(0,s.jsx)(n.p,{children:(0,s.jsx)(n.em,{children:"\u041e\u0442\u0434\u0435\u043b\u044c\u043d\u044b\u0439 \u0432\u043e\u043f\u0440\u043e\u0441, \u0447\u0442\u043e \u043c\u0435\u0442\u043e\u0434\u043e\u043b\u043e\u0433\u0438\u044f \u0434\u043e\u043b\u0436\u043d\u0430 \u0437\u0430\u0441\u043b\u0443\u0436\u0438\u0442\u044c \u0434\u043e\u0432\u0435\u0440\u0438\u0435 \u043a\u043e\u043c\u044c\u044e\u043d\u0438\u0442\u0438, \u0447\u0442\u043e\u0431\u044b \u0434\u0440\u0443\u0433\u043e\u0439 \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a \u043c\u043e\u0433 \u0432 \u0438\u043c\u0435\u044e\u0449\u0438\u0435\u0441\u044f \u0443 \u043d\u0435\u0433\u043e \u0441\u0440\u043e\u043a\u0438 \u043e\u0437\u043d\u0430\u043a\u043e\u043c\u0438\u0442\u044c\u0441\u044f \u0438 \u043f\u043e\u043b\u043e\u0436\u0438\u0442\u044c\u0441\u044f \u043d\u0430 \u043d\u0435\u0435 \u043f\u0440\u0438 \u0440\u0435\u0448\u0435\u043d\u0438\u0438 \u043f\u0440\u043e\u0431\u043b\u0435\u043c \u0441\u0432\u043e\u0435\u0433\u043e \u043f\u0440\u043e\u0435\u043a\u0442\u0430"})}),"\n",(0,s.jsx)(n.h3,{id:"an-experience-proven-solution",children:"\u041f\u0440\u043e\u0432\u0435\u0440\u0435\u043d\u043d\u043e\u0435 \u043e\u043f\u044b\u0442\u043e\u043c \u0440\u0435\u0448\u0435\u043d\u0438\u0435"}),"\n",(0,s.jsxs)(n.p,{children:["\u041c\u0435\u0442\u043e\u0434\u043e\u043b\u043e\u0433\u0438\u044f \u0440\u0430\u0441\u0441\u0447\u0438\u0442\u0430\u043d\u0430 \u043d\u0430 \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a\u043e\u0432, \u043d\u0430\u0446\u0435\u043b\u0435\u043d\u043d\u044b\u0445 \u043d\u0430 ",(0,s.jsx)(n.em,{children:"\u043f\u0440\u043e\u0432\u0435\u0440\u0435\u043d\u043d\u043e\u0435 \u043e\u043f\u044b\u0442\u043e\u043c \u0440\u0435\u0448\u0435\u043d\u0438\u0435 \u043f\u043e \u043f\u0440\u043e\u0435\u043a\u0442\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u044e \u043a\u043e\u043c\u043f\u043b\u0435\u043a\u0441\u043d\u043e\u0439 \u0431\u0438\u0437\u043d\u0435\u0441-\u043b\u043e\u0433\u0438\u043a\u0438"})]}),"\n",(0,s.jsx)(n.p,{children:(0,s.jsx)(n.em,{children:"\u041e\u0434\u043d\u0430\u043a\u043e \u044f\u0441\u043d\u043e, \u0447\u0442\u043e \u043c\u0435\u0442\u043e\u0434\u043e\u043b\u043e\u0433\u0438\u044f - \u044d\u0442\u043e \u0432 \u0446\u0435\u043b\u043e\u043c \u043f\u0440\u043e \u043d\u0430\u0431\u043e\u0440 best-practices, \u0441\u0442\u0430\u0442\u044c\u0438, \u0440\u0430\u0441\u0441\u043c\u0430\u0442\u0440\u0438\u0432\u0430\u044e\u0449\u0438\u0435 \u043e\u043f\u0440\u0435\u0434\u0435\u043b\u0435\u043d\u043d\u044b\u0435 \u043f\u0440\u043e\u0431\u043b\u0435\u043c\u044b \u0438 \u043a\u0435\u0439\u0441\u044b \u043f\u0440\u0438 \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u0435. \u041f\u043e\u044d\u0442\u043e\u043c\u0443 - \u043f\u043e\u043b\u044c\u0437\u0430 \u043e\u0442 \u043c\u0435\u0442\u043e\u0434\u043e\u043b\u043e\u0433\u0438\u0438 \u0431\u0443\u0434\u0435\u0442 \u0438 \u0434\u043b\u044f \u043e\u0441\u0442\u0430\u043b\u044c\u043d\u043e\u0433\u043e \u043a\u0440\u0443\u0433\u0430 \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a\u043e\u0432 - \u043a\u0442\u043e \u0442\u0430\u043a \u0438\u043b\u0438 \u0438\u043d\u0430\u0447\u0435 \u0441\u0442\u0430\u043b\u043a\u0438\u0432\u0430\u0435\u0442\u0441\u044f \u0441 \u043f\u0440\u043e\u0431\u043b\u0435\u043c\u0430\u043c\u0438 \u043f\u0440\u0438 \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u0435 \u0438 \u043f\u0440\u043e\u0435\u043a\u0442\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u0438"})}),"\n",(0,s.jsx)(n.h3,{id:"project-health",children:"\u0417\u0434\u043e\u0440\u043e\u0432\u044c\u0435 \u043f\u0440\u043e\u0435\u043a\u0442\u0430"}),"\n",(0,s.jsxs)(n.p,{children:["\u041c\u0435\u0442\u043e\u0434\u043e\u043b\u043e\u0433\u0438\u044f \u043f\u043e\u0437\u0432\u043e\u043b\u0438\u0442 ",(0,s.jsx)(n.em,{children:"\u0437\u0430\u0431\u043b\u0430\u0433\u043e\u0432\u0440\u0435\u043c\u0435\u043d\u043d\u043e \u0440\u0435\u0448\u0430\u0442\u044c \u0438 \u043e\u0442\u0441\u043b\u0435\u0436\u0438\u0432\u0430\u0442\u044c \u043f\u0440\u043e\u0431\u043b\u0435\u043c\u044b \u043f\u0440\u043e\u0435\u043a\u0442\u0430, \u043d\u0435 \u0442\u0440\u0435\u0431\u0443\u044f \u043e\u0433\u0440\u043e\u043c\u043d\u043e\u0433\u043e \u043a\u043e\u043b\u0438\u0447\u0435\u0441\u0442\u0432\u0430 \u0440\u0435\u0441\u0443\u0440\u0441\u043e\u0432"})]}),"\n",(0,s.jsx)(n.p,{children:(0,s.jsx)(n.strong,{children:"\u0427\u0430\u0449\u0435 \u0432\u0441\u0435\u0433\u043e \u0442\u0435\u0445.\u0434\u043e\u043b\u0433 \u043a\u043e\u043f\u0438\u0442\u0441\u044f \u0438 \u043a\u043e\u043f\u0438\u0442\u0441\u044f \u0441\u043e \u0432\u0440\u0435\u043c\u0435\u043d\u0435\u043c, \u0438 \u043e\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0435\u043d\u043d\u043e\u0441\u0442\u044c \u0437\u0430 \u0435\u0433\u043e \u0440\u0430\u0437\u0440\u0435\u0448\u0435\u043d\u0438\u0435 \u043b\u0435\u0436\u0438\u0442 \u0438 \u043d\u0430 \u043b\u0438\u0434\u0435, \u0438 \u043d\u0430 \u043a\u043e\u043c\u0430\u043d\u0434\u0435"})}),"\n",(0,s.jsxs)(n.p,{children:["\u041c\u0435\u0442\u043e\u0434\u043e\u043b\u043e\u0433\u0438\u044f \u0436\u0435 \u043f\u043e\u0437\u0432\u043e\u043b\u0438\u0442 ",(0,s.jsx)(n.em,{children:"\u0437\u0430\u0440\u0430\u043d\u0435\u0435 \u043f\u0440\u0435\u0434\u0443\u043f\u0440\u0435\u0436\u0434\u0430\u0442\u044c"})," \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u044b\u0435 \u043f\u0440\u043e\u0431\u043b\u0435\u043c\u044b \u043f\u0440\u0438 \u043c\u0430\u0441\u0448\u0442\u0430\u0431\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u0438 \u0438 \u0440\u0430\u0437\u0432\u0438\u0442\u0438\u0438 \u043f\u0440\u043e\u0435\u043a\u0442\u0430"]}),"\n",(0,s.jsx)(n.h2,{id:"why-does-a-business-need-a-methodology",children:"\u0417\u0430\u0447\u0435\u043c \u043c\u0435\u0442\u043e\u0434\u043e\u043b\u043e\u0433\u0438\u044f \u0431\u0438\u0437\u043d\u0435\u0441\u0443?"}),"\n",(0,s.jsx)(n.h3,{id:"fast-onboarding",children:"\u0411\u044b\u0441\u0442\u0440\u044b\u0439 onboarding"}),"\n",(0,s.jsxs)(n.p,{children:["\u0421 \u043c\u0435\u0442\u043e\u0434\u043e\u043b\u043e\u0433\u0438\u0435\u0439 \u043c\u043e\u0436\u043d\u043e \u043d\u0430\u043d\u044f\u0442\u044c \u0447\u0435\u043b\u043e\u0432\u0435\u043a\u0430 \u0432 \u043f\u0440\u043e\u0435\u043a\u0442, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 ",(0,s.jsx)(n.strong,{children:"\u0443\u0436\u0435 \u043f\u0440\u0435\u0434\u0432\u0430\u0440\u0438\u0442\u0435\u043b\u044c\u043d\u043e \u0437\u043d\u0430\u043a\u043e\u043c \u0441 \u0442\u0430\u043a\u0438\u043c \u043f\u043e\u0434\u0445\u043e\u0434\u043e\u043c, \u0430 \u043d\u0435 \u043e\u0431\u0443\u0447\u0430\u0442\u044c \u0437\u0430\u043d\u043e\u0432\u043e"})]}),"\n",(0,s.jsx)(n.p,{children:(0,s.jsx)(n.em,{children:"\u041b\u044e\u0434\u0438 \u043d\u0430\u0447\u0438\u043d\u0430\u044e\u0442 \u0431\u044b\u0441\u0442\u0440\u0435\u0435 \u0432\u043d\u0438\u043a\u0430\u0442\u044c \u0438 \u043f\u0440\u0438\u043d\u043e\u0441\u0438\u0442\u044c \u043f\u043e\u043b\u044c\u0437\u0443 \u043f\u0440\u043e\u0435\u043a\u0442\u0443, \u0430 \u0442\u0430\u043a\u0436\u0435 \u043f\u043e\u044f\u0432\u043b\u044f\u044e\u0442\u0441\u044f \u0434\u043e\u043f\u043e\u043b\u043d\u0438\u0442\u0435\u043b\u044c\u043d\u044b\u0435 \u0433\u0430\u0440\u0430\u043d\u0442\u0438\u0438 \u043d\u0430\u0439\u0442\u0438 \u043b\u044e\u0434\u0435\u0439 \u043d\u0430 \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0438\u0435 \u0438\u0442\u0435\u0440\u0430\u0446\u0438\u0438 \u043f\u0440\u043e\u0435\u043a\u0442\u0430"})}),"\n",(0,s.jsx)(n.h3,{id:"an-experience-proven-solution-1",children:"\u041f\u0440\u043e\u0432\u0435\u0440\u0435\u043d\u043d\u043e\u0435 \u043e\u043f\u044b\u0442\u043e\u043c \u0440\u0435\u0448\u0435\u043d\u0438\u0435"}),"\n",(0,s.jsxs)(n.p,{children:["\u0421 \u043c\u0435\u0442\u043e\u0434\u043e\u043b\u043e\u0433\u0438\u0435\u0439 \u0431\u0438\u0437\u043d\u0435\u0441 \u043f\u043e\u043b\u0443\u0447\u0438\u0442 ",(0,s.jsx)(n.em,{children:"\u0440\u0435\u0448\u0435\u043d\u0438\u0435 \u0434\u043b\u044f \u0431\u043e\u043b\u044c\u0448\u0438\u043d\u0441\u0442\u0432\u0430 \u0432\u043e\u043f\u0440\u043e\u0441\u043e\u0432, \u0432\u043e\u0437\u043d\u0438\u043a\u0430\u044e\u0449\u0438\u0445 \u043f\u0440\u0438 \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u0435 \u0441\u0438\u0441\u0442\u0435\u043c"})]}),"\n",(0,s.jsx)(n.p,{children:"\u041f\u043e\u0441\u043a\u043e\u043b\u044c\u043a\u0443 \u0447\u0430\u0449\u0435 \u0432\u0441\u0435\u0433\u043e \u0431\u0438\u0437\u043d\u0435\u0441 \u0445\u043e\u0447\u0435\u0442 \u043f\u043e\u043b\u0443\u0447\u0438\u0442\u044c \u0444\u0440\u0435\u0439\u043c\u0432\u043e\u0440\u043a/\u0440\u0435\u0448\u0435\u043d\u0438\u0435, \u043a\u043e\u0442\u043e\u0440\u043e\u0435 \u0431\u044b \u0440\u0435\u0448\u0430\u043b\u043e \u043b\u044c\u0432\u0438\u043d\u0443\u044e \u0434\u043e\u043b\u044e \u043f\u0440\u043e\u0431\u043b\u0435\u043c \u043f\u0440\u0438 \u0440\u0430\u0437\u0432\u0438\u0442\u0438\u0438 \u043f\u0440\u043e\u0435\u043a\u0442\u0430"}),"\n",(0,s.jsx)(n.h3,{id:"applicability-for-different-stages-of-the-project",children:"\u041f\u0440\u0438\u043c\u0435\u043d\u0438\u043c\u043e\u0441\u0442\u044c \u0434\u043b\u044f \u0440\u0430\u0437\u043d\u044b\u0445 \u0441\u0442\u0430\u0434\u0438\u0439 \u043f\u0440\u043e\u0435\u043a\u0442\u0430"}),"\n",(0,s.jsxs)(n.p,{children:["\u041c\u0435\u0442\u043e\u0434\u043e\u043b\u043e\u0433\u0438\u044f \u043c\u043e\u0436\u0435\u0442 \u043f\u0440\u0438\u043d\u0435\u0441\u0442\u0438 \u043f\u043e\u043b\u044c\u0437\u0443 \u043f\u0440\u043e\u0435\u043a\u0442\u0443 ",(0,s.jsx)(n.em,{children:"\u043a\u0430\u043a \u043d\u0430 \u044d\u0442\u0430\u043f\u0435 \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u043a\u0438 \u0438 \u0440\u0430\u0437\u0432\u0438\u0442\u0438\u044f \u043f\u0440\u043e\u0435\u043a\u0442\u0430, \u0442\u0430\u043a \u0438 \u043d\u0430 \u044d\u0442\u0430\u043f\u0435 MVP"})]}),"\n",(0,s.jsxs)(n.p,{children:["\u0414\u0430, \u043d\u0430 MVP \u0447\u0430\u0449\u0435 \u0432\u0441\u0435\u0433\u043e \u0432\u0430\u0436\u043d\u0435\u0435 ",(0,s.jsx)(n.em,{children:'"\u0444\u0438\u0447\u0438, \u0430 \u043d\u0435 \u0437\u0430\u043b\u043e\u0436\u0435\u043d\u043d\u0430\u044f \u043d\u0430 \u0431\u0443\u0434\u0443\u0449\u0435\u0435 \u0430\u0440\u0445\u0438\u0442\u0435\u043a\u0442\u0443\u0440\u0430"'}),". \u041d\u043e \u0434\u0430\u0436\u0435 \u0432 \u0443\u0441\u043b\u043e\u0432\u0438\u044f\u0445 \u043e\u0433\u0440\u0430\u043d\u0438\u0447\u0435\u043d\u043d\u044b\u0445 \u0441\u0440\u043e\u043a\u043e\u0432, \u0437\u043d\u0430\u044f best-practices \u0438\u0437 \u043c\u0435\u0442\u043e\u0434\u043e\u043b\u043e\u0433\u0438\u0438 - \u043c\u043e\u0436\u043d\u043e ",(0,s.jsx)(n.em,{children:'"\u043e\u0431\u043e\u0439\u0442\u0438\u0441\u044c \u043c\u0430\u043b\u043e\u0439 \u043a\u0440\u043e\u0432\u044c\u044e"'}),', \u043f\u0440\u0438 \u043f\u0440\u043e\u0435\u043a\u0442\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u0438 MVP-\u0432\u0435\u0440\u0441\u0438\u0438 \u0441\u0438\u0441\u0442\u0435\u043c\u044b, \u043d\u0430\u0445\u043e\u0434\u044f \u0440\u0430\u0437\u0443\u043c\u043d\u044b\u0439 \u043a\u043e\u043c\u043f\u0440\u043e\u043c\u0438\u0441\u0441\n(\u043d\u0435\u0436\u0435\u043b\u0438 \u043b\u0435\u043f\u0438\u0442\u044c \u0444\u0438\u0447\u0438 "\u043a\u0430\u043a \u043f\u043e\u043f\u0430\u043b\u043e")']}),"\n",(0,s.jsx)(n.p,{children:(0,s.jsx)(n.em,{children:"\u0422\u043e \u0436\u0435 \u0441\u0430\u043c\u043e\u0435 \u043c\u043e\u0436\u043d\u043e \u0441\u043a\u0430\u0437\u0430\u0442\u044c \u0438 \u043f\u0440\u043e \u0442\u0435\u0441\u0442\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u0435"})}),"\n",(0,s.jsx)(n.h2,{id:"when-is-our-methodology-not-needed",children:"\u041a\u043e\u0433\u0434\u0430 \u043d\u0430\u0448\u0430 \u043c\u0435\u0442\u043e\u0434\u043e\u043b\u043e\u0433\u0438\u044f \u043d\u0435 \u043d\u0443\u0436\u043d\u0430?"}),"\n",(0,s.jsxs)(n.ul,{children:["\n",(0,s.jsx)(n.li,{children:"\u0415\u0441\u043b\u0438 \u043f\u0440\u043e\u0435\u043a\u0442 \u0431\u0443\u0434\u0435\u0442 \u0436\u0438\u0442\u044c \u043a\u043e\u0440\u043e\u0442\u043a\u043e\u0435 \u0432\u0440\u0435\u043c\u044f"}),"\n",(0,s.jsx)(n.li,{children:"\u0415\u0441\u043b\u0438 \u043f\u0440\u043e\u0435\u043a\u0442 \u043d\u0435 \u043d\u0443\u0436\u0434\u0430\u0435\u0442\u0441\u044f \u0432 \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u0438\u0432\u0430\u0435\u043c\u043e\u0439 \u0430\u0440\u0445\u0438\u0442\u0435\u043a\u0442\u0443\u0440\u0435"}),"\n",(0,s.jsx)(n.li,{children:"\u0415\u0441\u043b\u0438 \u0431\u0438\u0437\u043d\u0435\u0441 \u043d\u0435 \u0432\u043e\u0441\u043f\u0440\u0438\u043d\u0438\u043c\u0430\u0435\u0442 \u0441\u0432\u044f\u0437\u044c \u043a\u043e\u0434\u043e\u0432\u043e\u0439 \u0431\u0430\u0437\u044b \u0438 \u0441\u043a\u043e\u0440\u043e\u0441\u0442\u0438 \u0434\u043e\u0441\u0442\u0430\u0432\u043a\u0438 \u0444\u0438\u0447"}),"\n",(0,s.jsx)(n.li,{children:"\u0415\u0441\u043b\u0438 \u0431\u0438\u0437\u043d\u0435\u0441\u0443 \u0432\u0430\u0436\u043d\u0435\u0435 \u043f\u043e\u0441\u043a\u043e\u0440\u0435\u0439 \u0437\u0430\u043a\u0440\u044b\u0442\u044c \u0437\u0430\u043a\u0430\u0437\u044b, \u0431\u0435\u0437 \u0434\u0430\u043b\u044c\u043d\u0435\u0439\u0448\u0435\u0439 \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u043a\u0438"}),"\n"]}),"\n",(0,s.jsx)(n.h3,{id:"business-size",children:"\u0420\u0430\u0437\u043c\u0435\u0440\u044b \u0431\u0438\u0437\u043d\u0435\u0441\u0430"}),"\n",(0,s.jsxs)(n.ul,{children:["\n",(0,s.jsxs)(n.li,{children:[(0,s.jsx)(n.strong,{children:"\u041c\u0430\u043b\u044b\u0439 \u0431\u0438\u0437\u043d\u0435\u0441"})," - \u0447\u0430\u0449\u0435 \u0432\u0441\u0435\u0433\u043e \u043d\u0443\u0436\u0434\u0430\u0435\u0442\u0441\u044f \u0432 \u0433\u043e\u0442\u043e\u0432\u043e\u043c \u0438 \u043e\u0447\u0435\u043d\u044c \u0431\u044b\u0441\u0442\u0440\u043e\u043c \u0440\u0435\u0448\u0435\u043d\u0438\u0438. \u0422\u043e\u043b\u044c\u043a\u043e \u043f\u0440\u0438 \u0440\u043e\u0441\u0442\u0435 \u0431\u0438\u0437\u043d\u0435\u0441\u0430 (\u0445\u043e\u0442\u044f \u0431\u044b \u0434\u043e \u043f\u043e\u0447\u0442\u0438 \u0441\u0440\u0435\u0434\u043d\u0435\u0433\u043e), \u043e\u043d \u043f\u043e\u043d\u0438\u043c\u0430\u0435\u0442 - \u0447\u0442\u043e\u0431\u044b \u043a\u043b\u0438\u0435\u043d\u0442\u044b \u043f\u0440\u043e\u0434\u043e\u043b\u0436\u0430\u043b\u0438 \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c\u0441\u044f, \u043d\u0443\u0436\u043d\u043e \u0432 \u0442\u043e\u043c \u0447\u0438\u0441\u043b\u0435 \u0443\u0434\u0435\u043b\u0438\u0442\u044c \u0432\u0440\u0435\u043c\u044f \u043a\u0430\u0447\u0435\u0441\u0442\u0432\u0443 \u0438 \u0441\u0442\u0430\u0431\u0438\u043b\u044c\u043d\u043e\u0441\u0442\u0438 \u0440\u0430\u0437\u0440\u0430\u0431\u0430\u0442\u044b\u0432\u0430\u0435\u043c\u044b\u0445 \u0440\u0435\u0448\u0435\u043d\u0438\u0439"]}),"\n",(0,s.jsxs)(n.li,{children:[(0,s.jsx)(n.strong,{children:"\u0421\u0440\u0435\u0434\u043d\u0438\u0439 \u0431\u0438\u0437\u043d\u0435\u0441"})," - \u043e\u0431\u044b\u0447\u043d\u043e \u043f\u043e\u043d\u0438\u043c\u0430\u0435\u0442 \u0432\u0441\u0435 \u043f\u0440\u043e\u0431\u043b\u0435\u043c\u044b \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u0438, \u0438 \u0434\u0430\u0436\u0435 \u0435\u0441\u043b\u0438 \u043f\u0440\u0438\u0445\u043e\u0434\u0438\u0442\u0441\u044f ",(0,s.jsx)(n.em,{children:'"\u0443\u0441\u0442\u0440\u0430\u0438\u0432\u0430\u0442\u044c \u0433\u043e\u043d\u043a\u0443 \u0437\u0430 \u0444\u0438\u0447\u0430\u043c\u0438"'}),", \u043e\u043d \u0432\u0441\u0435 \u0440\u0430\u0432\u043d\u043e \u0443\u0434\u0435\u043b\u044f\u0435\u0442 \u0432\u0440\u0435\u043c\u044f \u043d\u0430 \u0434\u043e\u0440\u0430\u0431\u043e\u0442\u043a\u0438 \u043f\u043e \u043a\u0430\u0447\u0435\u0441\u0442\u0432\u0443, \u0440\u0435\u0444\u0430\u043a\u0442\u043e\u0440\u0438\u043d\u0433 \u0438 \u0442\u0435\u0441\u0442\u044b (\u0438 \u0441\u0430\u043c\u043e \u0441\u043e\u0431\u043e\u0439 - \u043d\u0430 \u0440\u0430\u0441\u0448\u0438\u0440\u044f\u0435\u043c\u0443\u044e \u0430\u0440\u0445\u0438\u0442\u0435\u043a\u0442\u0443\u0440\u0443)"]}),"\n",(0,s.jsxs)(n.li,{children:[(0,s.jsx)(n.strong,{children:"\u0411\u043e\u043b\u044c\u0448\u043e\u0439 \u0431\u0438\u0437\u043d\u0435\u0441"})," - \u043e\u0431\u044b\u0447\u043d\u043e \u0443\u0436\u0435 \u0438\u043c\u0435\u0435\u0442 \u043e\u0431\u0448\u0438\u0440\u043d\u0443\u044e \u0430\u0443\u0434\u0438\u0442\u043e\u0440\u0438\u044e, \u0448\u0442\u0430\u0442 \u0441\u043e\u0442\u0440\u0443\u0434\u043d\u0438\u043a\u043e\u0432, \u0438 \u0433\u043e\u0440\u0430\u0437\u0434\u043e \u0431\u043e\u043b\u0435\u0435 \u043e\u0431\u0448\u0438\u0440\u043d\u044b\u0439 \u043d\u0430\u0431\u043e\u0440 \u0441\u0432\u043e\u0438\u0445 \u043f\u0440\u0430\u043a\u0442\u0438\u043a, \u0438 \u043d\u0430\u0432\u0435\u0440\u043d\u043e\u0435 \u0434\u0430\u0436\u0435 - \u0441\u0432\u043e\u0439 \u043f\u043e\u0434\u0445\u043e\u0434 \u043a \u0430\u0440\u0445\u0438\u0442\u0435\u043a\u0442\u0443\u0440\u0435, \u043f\u043e\u044d\u0442\u043e\u043c\u0443 \u0438\u0434\u0435\u044f \u0432\u0437\u044f\u0442\u044c \u0447\u0443\u0436\u0443\u044e - \u0438\u043c \u043f\u0440\u0438\u0445\u043e\u0434\u0438\u0442 \u043d\u0435 \u0442\u0430\u043a \u0447\u0430\u0441\u0442\u043e"]}),"\n"]}),"\n",(0,s.jsx)(n.h2,{id:"plans",children:"\u041f\u043b\u0430\u043d\u044b"}),"\n",(0,s.jsxs)(n.p,{children:["\u041e\u0441\u043d\u043e\u0432\u043d\u0430\u044f \u0447\u0430\u0441\u0442\u044c \u0446\u0435\u043b\u0435\u0439 ",(0,s.jsx)(n.a,{href:"/docs/about/mission#goals",children:"\u0438\u0437\u043b\u043e\u0436\u0435\u043d\u0430 \u0437\u0434\u0435\u0441\u044c"}),", \u043d\u043e \u043f\u043e\u043c\u0438\u043c\u043e \u044d\u0442\u043e\u0433\u043e, \u0441\u0442\u043e\u0438\u0442 \u043f\u0440\u043e\u0433\u043e\u0432\u043e\u0440\u0438\u0442\u044c \u0438 \u043d\u0430\u0448\u0438 \u043e\u0436\u0438\u0434\u0430\u043d\u0438\u044f \u043e\u0442 \u043c\u0435\u0442\u043e\u0434\u043e\u043b\u043e\u0433\u0438\u0438 \u0432 \u0431\u0443\u0434\u0443\u0449\u0435\u043c"]}),"\n",(0,s.jsx)(n.h3,{id:"combining-experience",children:"\u041e\u0431\u044a\u0435\u0434\u0438\u043d\u0435\u043d\u0438\u0435 \u043e\u043f\u044b\u0442\u0430"}),"\n",(0,s.jsxs)(n.p,{children:["\u0421\u0435\u0439\u0447\u0430\u0441 \u043c\u044b \u043f\u044b\u0442\u0430\u0435\u043c\u0441\u044f \u043e\u0431\u044a\u0435\u0434\u0438\u043d\u0438\u0442\u044c \u0432\u0435\u0441\u044c \u043d\u0430\u0448 \u0440\u0430\u0437\u043d\u043e\u0440\u043e\u0434\u043d\u044b\u0439 \u043e\u043f\u044b\u0442 ",(0,s.jsx)(n.code,{children:"core-team"}),", \u0438 \u043f\u043e\u043b\u0443\u0447\u0438\u0442\u044c \u043f\u043e \u0438\u0442\u043e\u0433\u0443 \u0437\u0430\u043a\u0430\u043b\u0435\u043d\u043d\u0443\u044e \u043f\u0440\u0430\u043a\u0442\u0438\u043a\u043e\u0439 \u043c\u0435\u0442\u043e\u0434\u043e\u043b\u043e\u0433\u0438\u044e"]}),"\n",(0,s.jsxs)(n.p,{children:["\u041a\u043e\u043d\u0435\u0447\u043d\u043e, \u043c\u044b \u043c\u043e\u0436\u0435\u043c \u043f\u043e\u043b\u0443\u0447\u0438\u0442\u044c \u043f\u043e \u0438\u0442\u043e\u0433\u0443 Angular 3.0., \u043d\u043e \u0433\u043e\u0440\u0430\u0437\u0434\u043e \u0432\u0430\u0436\u043d\u0435\u0439 \u0437\u0434\u0435\u0441\u044c - ",(0,s.jsx)(n.strong,{children:"\u0438\u0441\u0441\u043b\u0435\u0434\u043e\u0432\u0430\u0442\u044c \u0441\u0430\u043c\u0443 \u043f\u0440\u043e\u0431\u043b\u0435\u043c\u0443 \u043f\u0440\u043e\u0435\u043a\u0442\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u044f \u0430\u0440\u0445\u0438\u0442\u0435\u043a\u0442\u0443\u0440\u044b \u0441\u043b\u043e\u0436\u043d\u044b\u0445 \u0441\u0438\u0441\u0442\u0435\u043c"})]}),"\n",(0,s.jsx)(n.p,{children:(0,s.jsx)(n.em,{children:"\u0418 \u0434\u0430 - \u0443 \u043d\u0430\u0441 \u0435\u0441\u0442\u044c \u043f\u0440\u0435\u0442\u0435\u043d\u0437\u0438\u0438 \u0438 \u043a \u0442\u0435\u043a\u0443\u0449\u0435\u0439 \u0432\u0435\u0440\u0441\u0438\u0438 \u043c\u0435\u0442\u043e\u0434\u043e\u043b\u043e\u0433\u0438\u0438, \u043d\u043e \u043c\u044b \u0445\u043e\u0442\u0438\u043c \u043e\u0431\u0449\u0438\u043c\u0438 \u0443\u0441\u0438\u043b\u0438\u044f\u043c\u0438 \u043f\u0440\u0438\u0439\u0442\u0438 \u043a \u0435\u0434\u0438\u043d\u043e\u043c\u0443 \u0438 \u043e\u043f\u0442\u0438\u043c\u0430\u043b\u044c\u043d\u043e\u043c\u0443 \u0440\u0435\u0448\u0435\u043d\u0438\u044e (\u0443\u0447\u0438\u0442\u044b\u0432\u0430\u044f, \u0432 \u0442\u043e\u043c \u0447\u0438\u0441\u043b\u0435, \u0438 \u043e\u043f\u044b\u0442 \u043a\u043e\u043c\u044c\u044e\u043d\u0438\u0442\u0438)"})}),"\n",(0,s.jsx)(n.h3,{id:"life-outside-the-specification",children:"\u0416\u0438\u0437\u043d\u044c \u0432\u043d\u0435 \u0441\u043f\u0435\u0446\u0438\u0444\u0438\u043a\u0430\u0446\u0438\u0438"}),"\n",(0,s.jsx)(n.p,{children:"\u0415\u0441\u043b\u0438 \u0432\u0441\u0435 \u0441\u043b\u043e\u0436\u0438\u0442\u0441\u044f \u0445\u043e\u0440\u043e\u0448\u043e, \u0442\u043e \u043c\u0435\u0442\u043e\u0434\u043e\u043b\u043e\u0433\u0438\u044f \u043d\u0435 \u0431\u0443\u0434\u0435\u0442 \u043e\u0433\u0440\u0430\u043d\u0438\u0447\u0438\u0432\u0430\u0442\u044c\u0441\u044f \u0442\u043e\u043b\u044c\u043a\u043e \u0441\u043f\u0435\u0446\u0438\u0444\u0438\u043a\u0430\u0446\u0438\u0435\u0439 \u0438 \u0442\u0443\u043b\u043a\u0438\u0442\u043e\u043c"}),"\n",(0,s.jsxs)(n.ul,{children:["\n",(0,s.jsx)(n.li,{children:"\u0412\u043e\u0437\u043c\u043e\u0436\u043d\u043e \u0431\u0443\u0434\u0443\u0442 \u0438 \u0434\u043e\u043a\u043b\u0430\u0434\u044b, \u0441\u0442\u0430\u0442\u044c\u0438"}),"\n",(0,s.jsxs)(n.li,{children:["\u0412\u043e\u0437\u043c\u043e\u0436\u043d\u043e \u0431\u0443\u0434\u0443\u0442 ",(0,s.jsx)(n.code,{children:"CODE_MODEs"})," \u0434\u043b\u044f \u043c\u0438\u0433\u0440\u0430\u0446\u0438\u0439 \u043d\u0430 \u0434\u0440\u0443\u0433\u0438\u0435 \u0442\u0435\u0445\u043d\u043e\u043b\u043e\u0433\u0438\u0438 \u043f\u0440\u043e\u0435\u043a\u0442\u043e\u0432, \u043d\u0430\u043f\u0438\u0441\u0430\u043d\u043d\u044b\u0445 \u0441\u043e\u0433\u043b\u0430\u0441\u043d\u043e \u043c\u0435\u0442\u043e\u0434\u043e\u043b\u043e\u0433\u0438\u0438"]}),"\n",(0,s.jsxs)(n.li,{children:["\u041d\u0435 \u0438\u0441\u043a\u043b\u044e\u0447\u0435\u043d\u043e, \u0447\u0442\u043e \u043f\u043e \u0438\u0442\u043e\u0433\u0443 \u0441\u043c\u043e\u0436\u0435\u043c \u0434\u043e\u0439\u0442\u0438 \u0438 \u0434\u043e \u043c\u0435\u0439\u043d\u0442\u0435\u0439\u043d\u0435\u0440\u043e\u0432 \u043a\u0440\u0443\u043f\u043d\u044b\u0445 \u0442\u0435\u0445\u043d\u043e\u043b\u043e\u0433\u0438\u0447\u0435\u0441\u043a\u0438\u0445 \u0440\u0435\u0448\u0435\u043d\u0438\u0439","\n",(0,s.jsxs)(n.ul,{children:["\n",(0,s.jsx)(n.li,{children:(0,s.jsx)(n.em,{children:"\u041e\u0441\u043e\u0431\u0435\u043d\u043d\u043e \u0434\u043b\u044f React, \u043f\u043e \u0441\u0440\u0430\u0432\u043d\u0435\u043d\u0438\u044e \u0441 \u0434\u0440\u0443\u0433\u0438\u043c\u0438 \u0444\u0440\u0435\u0439\u043c\u0432\u043e\u0440\u043a\u0430\u043c\u0438 - \u044d\u0442\u043e \u0433\u043b\u0430\u0432\u043d\u0430\u044f \u043f\u0440\u043e\u0431\u043b\u0435\u043c\u0430, \u0442.\u043a. \u043e\u043d \u043d\u0435 \u0433\u043e\u0432\u043e\u0440\u0438\u0442 \u043a\u0430\u043a \u0440\u0435\u0448\u0430\u0442\u044c \u043e\u043f\u0440\u0435\u0434\u0435\u043b\u0435\u043d\u043d\u044b\u0435 \u043f\u0440\u043e\u0431\u043b\u0435\u043c\u044b"})}),"\n"]}),"\n"]}),"\n"]}),"\n",(0,s.jsx)(n.h2,{id:"see-also",children:"\u0421\u043c. \u0442\u0430\u043a\u0436\u0435"}),"\n",(0,s.jsxs)(n.ul,{children:["\n",(0,s.jsx)(n.li,{children:(0,s.jsx)(n.a,{href:"https://github.com/feature-sliced/documentation/discussions/27",children:"(\u041e\u0431\u0441\u0443\u0436\u0434\u0435\u043d\u0438\u0435) \u041c\u0435\u0442\u043e\u0434\u043e\u043b\u043e\u0433\u0438\u044f \u043d\u0435 \u043d\u0443\u0436\u043d\u0430?"})}),"\n",(0,s.jsx)(n.li,{children:(0,s.jsx)(n.a,{href:"/docs/about/mission",children:"\u041e \u043c\u0438\u0441\u0441\u0438\u0438 \u043c\u0435\u0442\u043e\u0434\u043e\u043b\u043e\u0433\u0438\u0438: \u0446\u0435\u043b\u0438 \u0438 \u043e\u0433\u0440\u0430\u043d\u0438\u0447\u0435\u043d\u0438\u044f"})}),"\n",(0,s.jsx)(n.li,{children:(0,s.jsx)(n.a,{href:"/docs/about/understanding/knowledge-types",children:"\u0422\u0438\u043f\u044b \u0437\u043d\u0430\u043d\u0438\u0439 \u0432 \u043f\u0440\u043e\u0435\u043a\u0442\u0435"})}),"\n"]})]})}function a(e={}){const{wrapper:n}={...(0,l.R)(),...e.components};return n?(0,s.jsx)(n,{...e,children:(0,s.jsx)(h,{...e})}):h(e)}},1100:(e,n,i)=>{i.d(n,{R:()=>d,x:()=>c});var s=i(758);const l={},r=s.createContext(l);function d(e){const n=s.useContext(r);return s.useMemo((function(){return"function"==typeof e?e(n):{...n,...e}}),[n,e])}function c(e){let n;return n=e.disableParentContext?"function"==typeof e.components?e.components(l):e.components||l:d(e.components),s.createElement(r.Provider,{value:n},e.children)}}}]);
\ No newline at end of file
diff --git a/ru/assets/js/6becfc1a.17b08d2f.js b/ru/assets/js/6becfc1a.b428ca91.js
similarity index 98%
rename from ru/assets/js/6becfc1a.17b08d2f.js
rename to ru/assets/js/6becfc1a.b428ca91.js
index 4bc2e5c916..8397a693ff 100644
--- a/ru/assets/js/6becfc1a.17b08d2f.js
+++ b/ru/assets/js/6becfc1a.b428ca91.js
@@ -1 +1 @@
-"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[1828],{1928:(e,t,i)=>{i.d(t,{Ay:()=>l,RM:()=>c});var s=i(6070),n=i(1100),r=(i(758),i(6783)),d=i(7765);const o=e=>{let{ticket:t}=e;const i=`https://github.com/feature-sliced/documentation/issues/${t}`;return(0,s.jsxs)("div",{children:[(0,s.jsx)("p",{children:(0,d.T)({id:"shared.wip.title"})}),(0,s.jsx)("p",{children:(0,d.T)({id:"shared.wip.subtitle"})}),(0,s.jsxs)("ul",{children:[(0,s.jsxs)("li",{children:[(0,d.T)({id:"shared.wip.var.feedback.base"}),(0,s.jsx)(r.A,{to:i,children:(0,d.T)({id:"shared.wip.var.feedback.link"})})]}),(0,s.jsxs)("li",{children:[(0,d.T)({id:"shared.wip.var.material.base"}),(0,s.jsx)(r.A,{to:"https://t.me/feature_sliced",children:(0,d.T)({id:"shared.wip.var.material.link"})})]}),(0,s.jsxs)("li",{children:[(0,d.T)({id:"shared.wip.var.contribute.base"}),(0,s.jsx)(r.A,{to:"https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md",children:(0,d.T)({id:"shared.wip.var.contribute.link"})})]})]}),(0,s.jsx)("br",{}),(0,s.jsx)("p",{children:(0,s.jsx)("i",{children:"\ud83c\udf70 Stay tuned!"})})]})},c=[];function a(e){const t={admonition:"admonition",...(0,n.R)(),...e.components};return(0,s.jsx)(t.admonition,{title:"WIP",type:"caution",children:(0,s.jsx)(o,{ticket:e.ticket})})}function l(e={}){const{wrapper:t}={...(0,n.R)(),...e.components};return t?(0,s.jsx)(t,{...e,children:(0,s.jsx)(a,{...e})}):a(e)}},7764:(e,t,i)=>{i.r(t),i.d(t,{assets:()=>a,contentTitle:()=>o,default:()=>p,frontMatter:()=>d,metadata:()=>c,toc:()=>l});var s=i(6070),n=i(1100),r=i(1928);const d={sidebar_position:5,sidebar_class_name:"sidebar-item--wip",unlisted:!0},o="\u0410\u0432\u0442\u043e\u043a\u043e\u043c\u043f\u043b\u0438\u0442",c={id:"guides/examples/autocompleted",title:"\u0410\u0432\u0442\u043e\u043a\u043e\u043c\u043f\u043b\u0438\u0442",description:"\u041f\u0440\u043e \u0434\u0435\u043a\u043e\u043c\u043f\u043e\u0437\u0438\u0446\u0438\u044e \u043f\u043e \u0441\u043b\u043e\u044f\u043c",source:"@site/i18n/ru/docusaurus-plugin-content-docs/current/guides/examples/autocompleted.mdx",sourceDirName:"guides/examples",slug:"/guides/examples/autocompleted",permalink:"/ru/docs/guides/examples/autocompleted",draft:!1,unlisted:!0,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/ru/docusaurus-plugin-content-docs/current/guides/examples/autocompleted.mdx",tags:[],version:"current",lastUpdatedAt:1727607766e3,sidebarPosition:5,frontMatter:{sidebar_position:5,sidebar_class_name:"sidebar-item--wip",unlisted:!0},sidebar:"guidesSidebar"},a={},l=[...r.RM,{value:"\u0421\u043c. \u0442\u0430\u043a\u0436\u0435",id:"see-also",level:2}];function u(e){const t={a:"a",blockquote:"blockquote",h1:"h1",h2:"h2",header:"header",li:"li",p:"p",ul:"ul",...(0,n.R)(),...e.components};return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(t.header,{children:(0,s.jsx)(t.h1,{id:"\u0430\u0432\u0442\u043e\u043a\u043e\u043c\u043f\u043b\u0438\u0442",children:"\u0410\u0432\u0442\u043e\u043a\u043e\u043c\u043f\u043b\u0438\u0442"})}),"\n",(0,s.jsx)(r.Ay,{ticket:"170"}),"\n",(0,s.jsxs)(t.blockquote,{children:["\n",(0,s.jsx)(t.p,{children:"\u041f\u0440\u043e \u0434\u0435\u043a\u043e\u043c\u043f\u043e\u0437\u0438\u0446\u0438\u044e \u043f\u043e \u0441\u043b\u043e\u044f\u043c"}),"\n"]}),"\n",(0,s.jsx)(t.h2,{id:"see-also",children:"\u0421\u043c. \u0442\u0430\u043a\u0436\u0435"}),"\n",(0,s.jsxs)(t.ul,{children:["\n",(0,s.jsx)(t.li,{children:(0,s.jsx)(t.a,{href:"https://github.com/feature-sliced/documentation/discussions/65#discussioncomment-480807",children:"(\u0414\u0438\u0441\u043a\u0443\u0441\u0441\u0438\u044f) \u041f\u0440\u043e \u043f\u0440\u0438\u043c\u0435\u043d\u0435\u043d\u0438\u0435 \u043c\u0435\u0442\u043e\u0434\u043e\u043b\u043e\u0433\u0438\u0438 \u0434\u043b\u044f \u0441\u0435\u043b\u0435\u043a\u0442\u0430 \u0441 \u043f\u043e\u0434\u0433\u0440\u0443\u0436\u0430\u0435\u043c\u044b\u043c\u0438 \u0441\u043f\u0440\u0430\u0432\u043e\u0447\u043d\u0438\u043a\u0430\u043c\u0438"})}),"\n"]})]})}function p(e={}){const{wrapper:t}={...(0,n.R)(),...e.components};return t?(0,s.jsx)(t,{...e,children:(0,s.jsx)(u,{...e})}):u(e)}},1100:(e,t,i)=>{i.d(t,{R:()=>d,x:()=>o});var s=i(758);const n={},r=s.createContext(n);function d(e){const t=s.useContext(r);return s.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function o(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(n):e.components||n:d(e.components),s.createElement(r.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
+"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[1828],{1928:(e,t,i)=>{i.d(t,{Ay:()=>l,RM:()=>c});var s=i(6070),n=i(1100),r=(i(758),i(6783)),d=i(7765);const o=e=>{let{ticket:t}=e;const i=`https://github.com/feature-sliced/documentation/issues/${t}`;return(0,s.jsxs)("div",{children:[(0,s.jsx)("p",{children:(0,d.T)({id:"shared.wip.title"})}),(0,s.jsx)("p",{children:(0,d.T)({id:"shared.wip.subtitle"})}),(0,s.jsxs)("ul",{children:[(0,s.jsxs)("li",{children:[(0,d.T)({id:"shared.wip.var.feedback.base"}),(0,s.jsx)(r.A,{to:i,children:(0,d.T)({id:"shared.wip.var.feedback.link"})})]}),(0,s.jsxs)("li",{children:[(0,d.T)({id:"shared.wip.var.material.base"}),(0,s.jsx)(r.A,{to:"https://t.me/feature_sliced",children:(0,d.T)({id:"shared.wip.var.material.link"})})]}),(0,s.jsxs)("li",{children:[(0,d.T)({id:"shared.wip.var.contribute.base"}),(0,s.jsx)(r.A,{to:"https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md",children:(0,d.T)({id:"shared.wip.var.contribute.link"})})]})]}),(0,s.jsx)("br",{}),(0,s.jsx)("p",{children:(0,s.jsx)("i",{children:"\ud83c\udf70 Stay tuned!"})})]})},c=[];function a(e){const t={admonition:"admonition",...(0,n.R)(),...e.components};return(0,s.jsx)(t.admonition,{title:"WIP",type:"caution",children:(0,s.jsx)(o,{ticket:e.ticket})})}function l(e={}){const{wrapper:t}={...(0,n.R)(),...e.components};return t?(0,s.jsx)(t,{...e,children:(0,s.jsx)(a,{...e})}):a(e)}},7764:(e,t,i)=>{i.r(t),i.d(t,{assets:()=>a,contentTitle:()=>o,default:()=>p,frontMatter:()=>d,metadata:()=>c,toc:()=>l});var s=i(6070),n=i(1100),r=i(1928);const d={sidebar_position:5,sidebar_class_name:"sidebar-item--wip",unlisted:!0},o="\u0410\u0432\u0442\u043e\u043a\u043e\u043c\u043f\u043b\u0438\u0442",c={id:"guides/examples/autocompleted",title:"\u0410\u0432\u0442\u043e\u043a\u043e\u043c\u043f\u043b\u0438\u0442",description:"\u041f\u0440\u043e \u0434\u0435\u043a\u043e\u043c\u043f\u043e\u0437\u0438\u0446\u0438\u044e \u043f\u043e \u0441\u043b\u043e\u044f\u043c",source:"@site/i18n/ru/docusaurus-plugin-content-docs/current/guides/examples/autocompleted.mdx",sourceDirName:"guides/examples",slug:"/guides/examples/autocompleted",permalink:"/ru/docs/guides/examples/autocompleted",draft:!1,unlisted:!0,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/ru/docusaurus-plugin-content-docs/current/guides/examples/autocompleted.mdx",tags:[],version:"current",lastUpdatedAt:1728325386e3,sidebarPosition:5,frontMatter:{sidebar_position:5,sidebar_class_name:"sidebar-item--wip",unlisted:!0},sidebar:"guidesSidebar"},a={},l=[...r.RM,{value:"\u0421\u043c. \u0442\u0430\u043a\u0436\u0435",id:"see-also",level:2}];function u(e){const t={a:"a",blockquote:"blockquote",h1:"h1",h2:"h2",header:"header",li:"li",p:"p",ul:"ul",...(0,n.R)(),...e.components};return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(t.header,{children:(0,s.jsx)(t.h1,{id:"\u0430\u0432\u0442\u043e\u043a\u043e\u043c\u043f\u043b\u0438\u0442",children:"\u0410\u0432\u0442\u043e\u043a\u043e\u043c\u043f\u043b\u0438\u0442"})}),"\n",(0,s.jsx)(r.Ay,{ticket:"170"}),"\n",(0,s.jsxs)(t.blockquote,{children:["\n",(0,s.jsx)(t.p,{children:"\u041f\u0440\u043e \u0434\u0435\u043a\u043e\u043c\u043f\u043e\u0437\u0438\u0446\u0438\u044e \u043f\u043e \u0441\u043b\u043e\u044f\u043c"}),"\n"]}),"\n",(0,s.jsx)(t.h2,{id:"see-also",children:"\u0421\u043c. \u0442\u0430\u043a\u0436\u0435"}),"\n",(0,s.jsxs)(t.ul,{children:["\n",(0,s.jsx)(t.li,{children:(0,s.jsx)(t.a,{href:"https://github.com/feature-sliced/documentation/discussions/65#discussioncomment-480807",children:"(\u0414\u0438\u0441\u043a\u0443\u0441\u0441\u0438\u044f) \u041f\u0440\u043e \u043f\u0440\u0438\u043c\u0435\u043d\u0435\u043d\u0438\u0435 \u043c\u0435\u0442\u043e\u0434\u043e\u043b\u043e\u0433\u0438\u0438 \u0434\u043b\u044f \u0441\u0435\u043b\u0435\u043a\u0442\u0430 \u0441 \u043f\u043e\u0434\u0433\u0440\u0443\u0436\u0430\u0435\u043c\u044b\u043c\u0438 \u0441\u043f\u0440\u0430\u0432\u043e\u0447\u043d\u0438\u043a\u0430\u043c\u0438"})}),"\n"]})]})}function p(e={}){const{wrapper:t}={...(0,n.R)(),...e.components};return t?(0,s.jsx)(t,{...e,children:(0,s.jsx)(u,{...e})}):u(e)}},1100:(e,t,i)=>{i.d(t,{R:()=>d,x:()=>o});var s=i(758);const n={},r=s.createContext(n);function d(e){const t=s.useContext(r);return s.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function o(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(n):e.components||n:d(e.components),s.createElement(r.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
diff --git a/ru/assets/js/6ee557b2.0a7aaf36.js b/ru/assets/js/6ee557b2.44b4116c.js
similarity index 98%
rename from ru/assets/js/6ee557b2.0a7aaf36.js
rename to ru/assets/js/6ee557b2.44b4116c.js
index a10bc2c59d..a3fb3eae61 100644
--- a/ru/assets/js/6ee557b2.0a7aaf36.js
+++ b/ru/assets/js/6ee557b2.44b4116c.js
@@ -1 +1 @@
-"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[6334],{1928:(t,e,i)=>{i.d(e,{Ay:()=>u,RM:()=>c});var n=i(6070),r=i(1100),o=(i(758),i(6783)),s=i(7765);const a=t=>{let{ticket:e}=t;const i=`https://github.com/feature-sliced/documentation/issues/${e}`;return(0,n.jsxs)("div",{children:[(0,n.jsx)("p",{children:(0,s.T)({id:"shared.wip.title"})}),(0,n.jsx)("p",{children:(0,s.T)({id:"shared.wip.subtitle"})}),(0,n.jsxs)("ul",{children:[(0,n.jsxs)("li",{children:[(0,s.T)({id:"shared.wip.var.feedback.base"}),(0,n.jsx)(o.A,{to:i,children:(0,s.T)({id:"shared.wip.var.feedback.link"})})]}),(0,n.jsxs)("li",{children:[(0,s.T)({id:"shared.wip.var.material.base"}),(0,n.jsx)(o.A,{to:"https://t.me/feature_sliced",children:(0,s.T)({id:"shared.wip.var.material.link"})})]}),(0,n.jsxs)("li",{children:[(0,s.T)({id:"shared.wip.var.contribute.base"}),(0,n.jsx)(o.A,{to:"https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md",children:(0,s.T)({id:"shared.wip.var.contribute.link"})})]})]}),(0,n.jsx)("br",{}),(0,n.jsx)("p",{children:(0,n.jsx)("i",{children:"\ud83c\udf70 Stay tuned!"})})]})},c=[];function d(t){const e={admonition:"admonition",...(0,r.R)(),...t.components};return(0,n.jsx)(e.admonition,{title:"WIP",type:"caution",children:(0,n.jsx)(a,{ticket:t.ticket})})}function u(t={}){const{wrapper:e}={...(0,r.R)(),...t.components};return e?(0,n.jsx)(e,{...t,children:(0,n.jsx)(d,{...t})}):d(t)}},8907:(t,e,i)=>{i.r(e),i.d(e,{assets:()=>d,contentTitle:()=>a,default:()=>p,frontMatter:()=>s,metadata:()=>c,toc:()=>u});var n=i(6070),r=i(1100),o=i(1928);const s={sidebar_position:2,sidebar_class_name:"sidebar-item--wip"},a="\u0427\u0430\u0441\u0442\u0438\u0447\u043d\u043e\u0435 \u043f\u0440\u0438\u043c\u0435\u043d\u0435\u043d\u0438\u0435",c={id:"about/promote/partial-application",title:"\u0427\u0430\u0441\u0442\u0438\u0447\u043d\u043e\u0435 \u043f\u0440\u0438\u043c\u0435\u043d\u0435\u043d\u0438\u0435",description:"\u041a\u0430\u043a \u0447\u0430\u0441\u0442\u0438\u0447\u043d\u043e \u043f\u0440\u0438\u043c\u0435\u043d\u044f\u0442\u044c \u043c\u0435\u0442\u043e\u0434\u043e\u043b\u043e\u0433\u0438\u044e? \u0418\u043c\u0435\u0435\u0442 \u043b\u0438 \u0441\u043c\u044b\u0441\u043b? \u0427\u0442\u043e \u0435\u0441\u043b\u0438 \u0438\u0433\u043d\u043e\u0440\u0438\u0440\u043e\u0432\u0430\u0442\u044c?",source:"@site/i18n/ru/docusaurus-plugin-content-docs/current/about/promote/partial-application.mdx",sourceDirName:"about/promote",slug:"/about/promote/partial-application",permalink:"/ru/docs/about/promote/partial-application",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/ru/docusaurus-plugin-content-docs/current/about/promote/partial-application.mdx",tags:[],version:"current",lastUpdatedAt:1727607766e3,sidebarPosition:2,frontMatter:{sidebar_position:2,sidebar_class_name:"sidebar-item--wip"},sidebar:"aboutSidebar",previous:{title:"\u0410\u0441\u043f\u0435\u043a\u0442\u044b \u0438\u043d\u0442\u0435\u0433\u0440\u0430\u0446\u0438\u0438",permalink:"/ru/docs/about/promote/integration"},next:{title:"\u041f\u0440\u043e\u0434\u0432\u0438\u0436\u0435\u043d\u0438\u0435 \u0432 \u043a\u043e\u043c\u0430\u043d\u0434\u0435",permalink:"/ru/docs/about/promote/for-team"}},d={},u=[...o.RM];function l(t){const e={blockquote:"blockquote",h1:"h1",header:"header",p:"p",...(0,r.R)(),...t.components};return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(e.header,{children:(0,n.jsx)(e.h1,{id:"\u0447\u0430\u0441\u0442\u0438\u0447\u043d\u043e\u0435-\u043f\u0440\u0438\u043c\u0435\u043d\u0435\u043d\u0438\u0435",children:"\u0427\u0430\u0441\u0442\u0438\u0447\u043d\u043e\u0435 \u043f\u0440\u0438\u043c\u0435\u043d\u0435\u043d\u0438\u0435"})}),"\n",(0,n.jsx)(o.Ay,{ticket:"199"}),"\n",(0,n.jsxs)(e.blockquote,{children:["\n",(0,n.jsx)(e.p,{children:"\u041a\u0430\u043a \u0447\u0430\u0441\u0442\u0438\u0447\u043d\u043e \u043f\u0440\u0438\u043c\u0435\u043d\u044f\u0442\u044c \u043c\u0435\u0442\u043e\u0434\u043e\u043b\u043e\u0433\u0438\u044e? \u0418\u043c\u0435\u0435\u0442 \u043b\u0438 \u0441\u043c\u044b\u0441\u043b? \u0427\u0442\u043e \u0435\u0441\u043b\u0438 \u0438\u0433\u043d\u043e\u0440\u0438\u0440\u043e\u0432\u0430\u0442\u044c?"}),"\n"]})]})}function p(t={}){const{wrapper:e}={...(0,r.R)(),...t.components};return e?(0,n.jsx)(e,{...t,children:(0,n.jsx)(l,{...t})}):l(t)}},1100:(t,e,i)=>{i.d(e,{R:()=>s,x:()=>a});var n=i(758);const r={},o=n.createContext(r);function s(t){const e=n.useContext(o);return n.useMemo((function(){return"function"==typeof t?t(e):{...e,...t}}),[e,t])}function a(t){let e;return e=t.disableParentContext?"function"==typeof t.components?t.components(r):t.components||r:s(t.components),n.createElement(o.Provider,{value:e},t.children)}}}]);
\ No newline at end of file
+"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[6334],{1928:(t,e,i)=>{i.d(e,{Ay:()=>u,RM:()=>c});var n=i(6070),r=i(1100),o=(i(758),i(6783)),s=i(7765);const a=t=>{let{ticket:e}=t;const i=`https://github.com/feature-sliced/documentation/issues/${e}`;return(0,n.jsxs)("div",{children:[(0,n.jsx)("p",{children:(0,s.T)({id:"shared.wip.title"})}),(0,n.jsx)("p",{children:(0,s.T)({id:"shared.wip.subtitle"})}),(0,n.jsxs)("ul",{children:[(0,n.jsxs)("li",{children:[(0,s.T)({id:"shared.wip.var.feedback.base"}),(0,n.jsx)(o.A,{to:i,children:(0,s.T)({id:"shared.wip.var.feedback.link"})})]}),(0,n.jsxs)("li",{children:[(0,s.T)({id:"shared.wip.var.material.base"}),(0,n.jsx)(o.A,{to:"https://t.me/feature_sliced",children:(0,s.T)({id:"shared.wip.var.material.link"})})]}),(0,n.jsxs)("li",{children:[(0,s.T)({id:"shared.wip.var.contribute.base"}),(0,n.jsx)(o.A,{to:"https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md",children:(0,s.T)({id:"shared.wip.var.contribute.link"})})]})]}),(0,n.jsx)("br",{}),(0,n.jsx)("p",{children:(0,n.jsx)("i",{children:"\ud83c\udf70 Stay tuned!"})})]})},c=[];function d(t){const e={admonition:"admonition",...(0,r.R)(),...t.components};return(0,n.jsx)(e.admonition,{title:"WIP",type:"caution",children:(0,n.jsx)(a,{ticket:t.ticket})})}function u(t={}){const{wrapper:e}={...(0,r.R)(),...t.components};return e?(0,n.jsx)(e,{...t,children:(0,n.jsx)(d,{...t})}):d(t)}},8907:(t,e,i)=>{i.r(e),i.d(e,{assets:()=>d,contentTitle:()=>a,default:()=>p,frontMatter:()=>s,metadata:()=>c,toc:()=>u});var n=i(6070),r=i(1100),o=i(1928);const s={sidebar_position:2,sidebar_class_name:"sidebar-item--wip"},a="\u0427\u0430\u0441\u0442\u0438\u0447\u043d\u043e\u0435 \u043f\u0440\u0438\u043c\u0435\u043d\u0435\u043d\u0438\u0435",c={id:"about/promote/partial-application",title:"\u0427\u0430\u0441\u0442\u0438\u0447\u043d\u043e\u0435 \u043f\u0440\u0438\u043c\u0435\u043d\u0435\u043d\u0438\u0435",description:"\u041a\u0430\u043a \u0447\u0430\u0441\u0442\u0438\u0447\u043d\u043e \u043f\u0440\u0438\u043c\u0435\u043d\u044f\u0442\u044c \u043c\u0435\u0442\u043e\u0434\u043e\u043b\u043e\u0433\u0438\u044e? \u0418\u043c\u0435\u0435\u0442 \u043b\u0438 \u0441\u043c\u044b\u0441\u043b? \u0427\u0442\u043e \u0435\u0441\u043b\u0438 \u0438\u0433\u043d\u043e\u0440\u0438\u0440\u043e\u0432\u0430\u0442\u044c?",source:"@site/i18n/ru/docusaurus-plugin-content-docs/current/about/promote/partial-application.mdx",sourceDirName:"about/promote",slug:"/about/promote/partial-application",permalink:"/ru/docs/about/promote/partial-application",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/ru/docusaurus-plugin-content-docs/current/about/promote/partial-application.mdx",tags:[],version:"current",lastUpdatedAt:1728325386e3,sidebarPosition:2,frontMatter:{sidebar_position:2,sidebar_class_name:"sidebar-item--wip"},sidebar:"aboutSidebar",previous:{title:"\u0410\u0441\u043f\u0435\u043a\u0442\u044b \u0438\u043d\u0442\u0435\u0433\u0440\u0430\u0446\u0438\u0438",permalink:"/ru/docs/about/promote/integration"},next:{title:"\u041f\u0440\u043e\u0434\u0432\u0438\u0436\u0435\u043d\u0438\u0435 \u0432 \u043a\u043e\u043c\u0430\u043d\u0434\u0435",permalink:"/ru/docs/about/promote/for-team"}},d={},u=[...o.RM];function l(t){const e={blockquote:"blockquote",h1:"h1",header:"header",p:"p",...(0,r.R)(),...t.components};return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(e.header,{children:(0,n.jsx)(e.h1,{id:"\u0447\u0430\u0441\u0442\u0438\u0447\u043d\u043e\u0435-\u043f\u0440\u0438\u043c\u0435\u043d\u0435\u043d\u0438\u0435",children:"\u0427\u0430\u0441\u0442\u0438\u0447\u043d\u043e\u0435 \u043f\u0440\u0438\u043c\u0435\u043d\u0435\u043d\u0438\u0435"})}),"\n",(0,n.jsx)(o.Ay,{ticket:"199"}),"\n",(0,n.jsxs)(e.blockquote,{children:["\n",(0,n.jsx)(e.p,{children:"\u041a\u0430\u043a \u0447\u0430\u0441\u0442\u0438\u0447\u043d\u043e \u043f\u0440\u0438\u043c\u0435\u043d\u044f\u0442\u044c \u043c\u0435\u0442\u043e\u0434\u043e\u043b\u043e\u0433\u0438\u044e? \u0418\u043c\u0435\u0435\u0442 \u043b\u0438 \u0441\u043c\u044b\u0441\u043b? \u0427\u0442\u043e \u0435\u0441\u043b\u0438 \u0438\u0433\u043d\u043e\u0440\u0438\u0440\u043e\u0432\u0430\u0442\u044c?"}),"\n"]})]})}function p(t={}){const{wrapper:e}={...(0,r.R)(),...t.components};return e?(0,n.jsx)(e,{...t,children:(0,n.jsx)(l,{...t})}):l(t)}},1100:(t,e,i)=>{i.d(e,{R:()=>s,x:()=>a});var n=i(758);const r={},o=n.createContext(r);function s(t){const e=n.useContext(o);return n.useMemo((function(){return"function"==typeof t?t(e):{...e,...t}}),[e,t])}function a(t){let e;return e=t.disableParentContext?"function"==typeof t.components?t.components(r):t.components||r:s(t.components),n.createElement(o.Provider,{value:e},t.children)}}}]);
\ No newline at end of file
diff --git a/ru/assets/js/71d20f43.48185897.js b/ru/assets/js/71d20f43.3ae6b808.js
similarity index 99%
rename from ru/assets/js/71d20f43.48185897.js
rename to ru/assets/js/71d20f43.3ae6b808.js
index dc808a5319..a69540e76f 100644
--- a/ru/assets/js/71d20f43.48185897.js
+++ b/ru/assets/js/71d20f43.3ae6b808.js
@@ -1 +1 @@
-"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[4232],{3885:(e,t,s)=>{s.r(t),s.d(t,{assets:()=>a,contentTitle:()=>d,default:()=>o,frontMatter:()=>i,metadata:()=>c,toc:()=>l});var n=s(6070),r=s(1100);const i={unlisted:!0},d="\u041f\u0430\u043c\u044f\u0442\u043a\u0430 \u043f\u043e \u0434\u0435\u043a\u043e\u043c\u043f\u043e\u0437\u0438\u0446\u0438\u0438",c={id:"get-started/cheatsheet",title:"\u041f\u0430\u043c\u044f\u0442\u043a\u0430 \u043f\u043e \u0434\u0435\u043a\u043e\u043c\u043f\u043e\u0437\u0438\u0446\u0438\u0438",description:"\u0418\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0439\u0442\u0435 \u0435\u0451 \u043a\u0430\u043a \u0431\u044b\u0441\u0442\u0440\u044b\u0439 \u0441\u043f\u0440\u0430\u0432\u043e\u0447\u043d\u0438\u043a, \u043a\u043e\u0433\u0434\u0430 \u0432\u044b \u0440\u0435\u0448\u0430\u0435\u0442\u0435, \u043a\u0430\u043a \u0440\u0430\u0437\u0431\u0438\u0442\u044c \u0432\u0430\u0448 \u0438\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441 \u043f\u043e \u0441\u043b\u043e\u044f\u043c. \u041d\u0438\u0436\u0435 \u0442\u0430\u043a\u0436\u0435 \u0434\u043e\u0441\u0442\u0443\u043f\u043d\u0430 PDF-\u0432\u0435\u0440\u0441\u0438\u044f, \u0447\u0442\u043e\u0431\u044b \u0432\u044b \u043c\u043e\u0433\u043b\u0438 \u0440\u0430\u0441\u043f\u0435\u0447\u0430\u0442\u0430\u0442\u044c \u0435\u0451 \u0438 \u0434\u0435\u0440\u0436\u0430\u0442\u044c \u043f\u043e\u0434 \u043f\u043e\u0434\u0443\u0448\u043a\u043e\u0439.",source:"@site/i18n/ru/docusaurus-plugin-content-docs/current/get-started/cheatsheet.mdx",sourceDirName:"get-started",slug:"/get-started/cheatsheet",permalink:"/ru/docs/get-started/cheatsheet",draft:!1,unlisted:!0,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/ru/docusaurus-plugin-content-docs/current/get-started/cheatsheet.mdx",tags:[],version:"current",lastUpdatedAt:1727607766e3,frontMatter:{unlisted:!0},sidebar:"getstartedSidebar"},a={},l=[{value:"\u0412\u044b\u0431\u043e\u0440 \u0441\u043b\u043e\u044f",id:"choosing-a-layer",level:2},{value:"\u041f\u0440\u0438\u043c\u0435\u0440\u044b",id:"examples",level:2},{value:"Tweet",id:"tweet",level:3},{value:"GitHub",id:"github",level:3},{value:"\u0421\u043c. \u0442\u0430\u043a\u0436\u0435",id:"see-also",level:2}];function h(e){const t={a:"a",h1:"h1",h2:"h2",h3:"h3",header:"header",img:"img",li:"li",p:"p",ul:"ul",...(0,r.R)(),...e.components};return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(t.header,{children:(0,n.jsx)(t.h1,{id:"\u043f\u0430\u043c\u044f\u0442\u043a\u0430-\u043f\u043e-\u0434\u0435\u043a\u043e\u043c\u043f\u043e\u0437\u0438\u0446\u0438\u0438",children:"\u041f\u0430\u043c\u044f\u0442\u043a\u0430 \u043f\u043e \u0434\u0435\u043a\u043e\u043c\u043f\u043e\u0437\u0438\u0446\u0438\u0438"})}),"\n",(0,n.jsx)(t.p,{children:"\u0418\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0439\u0442\u0435 \u0435\u0451 \u043a\u0430\u043a \u0431\u044b\u0441\u0442\u0440\u044b\u0439 \u0441\u043f\u0440\u0430\u0432\u043e\u0447\u043d\u0438\u043a, \u043a\u043e\u0433\u0434\u0430 \u0432\u044b \u0440\u0435\u0448\u0430\u0435\u0442\u0435, \u043a\u0430\u043a \u0440\u0430\u0437\u0431\u0438\u0442\u044c \u0432\u0430\u0448 \u0438\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441 \u043f\u043e \u0441\u043b\u043e\u044f\u043c. \u041d\u0438\u0436\u0435 \u0442\u0430\u043a\u0436\u0435 \u0434\u043e\u0441\u0442\u0443\u043f\u043d\u0430 PDF-\u0432\u0435\u0440\u0441\u0438\u044f, \u0447\u0442\u043e\u0431\u044b \u0432\u044b \u043c\u043e\u0433\u043b\u0438 \u0440\u0430\u0441\u043f\u0435\u0447\u0430\u0442\u0430\u0442\u044c \u0435\u0451 \u0438 \u0434\u0435\u0440\u0436\u0430\u0442\u044c \u043f\u043e\u0434 \u043f\u043e\u0434\u0443\u0448\u043a\u043e\u0439."}),"\n",(0,n.jsx)(t.h2,{id:"choosing-a-layer",children:"\u0412\u044b\u0431\u043e\u0440 \u0441\u043b\u043e\u044f"}),"\n",(0,n.jsx)(t.p,{children:(0,n.jsx)(t.a,{target:"_blank","data-noBrokenLinkCheck":!0,href:s(6317).A+"",children:"\u0421\u043a\u0430\u0447\u0430\u0442\u044c PDF"})}),"\n",(0,n.jsx)(t.p,{children:(0,n.jsx)(t.img,{alt:"\u041e\u043f\u0440\u0435\u0434\u0435\u043b\u0435\u043d\u0438\u044f \u0432\u0441\u0435\u0445 \u0441\u043b\u043e\u0451\u0432 \u0438 \u0432\u043e\u043f\u0440\u043e\u0441\u044b \u0434\u043b\u044f \u0441\u0430\u043c\u043e\u043f\u0440\u043e\u0432\u0435\u0440\u043a\u0438",src:s(2337).A+"",width:"1684",height:"1190"})}),"\n",(0,n.jsx)(t.h2,{id:"examples",children:"\u041f\u0440\u0438\u043c\u0435\u0440\u044b"}),"\n",(0,n.jsx)(t.h3,{id:"tweet",children:"Tweet"}),"\n",(0,n.jsx)(t.p,{children:(0,n.jsx)(t.img,{alt:"decomposed-tweet-bordered-bgLight",src:s(8898).A+"",width:"1200",height:"2364"})}),"\n",(0,n.jsx)(t.h3,{id:"github",children:"GitHub"}),"\n",(0,n.jsx)(t.p,{children:(0,n.jsx)(t.img,{alt:"decomposed-github-bordered",src:s(8142).A+"",width:"2291",height:"1080"})}),"\n",(0,n.jsx)(t.h2,{id:"see-also",children:"\u0421\u043c. \u0442\u0430\u043a\u0436\u0435"}),"\n",(0,n.jsxs)(t.ul,{children:["\n",(0,n.jsx)(t.li,{children:(0,n.jsx)(t.a,{href:"https://t.me/feature_sliced/4262",children:"(\u0422\u0440\u0435\u0434) \u041e\u0431\u0449\u0430\u044f \u043b\u043e\u0433\u0438\u043a\u0430 \u0434\u043b\u044f \u0444\u0438\u0447 \u0438 \u0441\u0443\u0449\u043d\u043e\u0441\u0442\u0435\u0439"})}),"\n",(0,n.jsx)(t.li,{children:(0,n.jsx)(t.a,{href:"https://t.me/feature_sliced/4210",children:"(\u0422\u0440\u0435\u0434) \u0414\u0435\u043a\u043e\u043c\u043f\u043e\u0437\u0438\u0446\u0438\u044f \u0440\u0430\u0437\u0431\u0443\u0445\u0448\u0435\u0439 \u043b\u043e\u0433\u0438\u043a\u0438"})}),"\n",(0,n.jsx)(t.li,{children:(0,n.jsx)(t.a,{href:"https://t.me/feature_sliced/4088",children:"(\u0422\u0440\u0435\u0434) \u041f\u0440\u043e \u043f\u043e\u043d\u0438\u043c\u0430\u043d\u0438\u0435 \u0437\u043e\u043d \u043e\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0435\u043d\u043d\u043e\u0441\u0442\u0438 \u043f\u0440\u0438 \u0434\u0435\u043a\u043e\u043c\u043f\u043e\u0437\u0438\u0446\u0438\u0438"})}),"\n",(0,n.jsx)(t.li,{children:(0,n.jsx)(t.a,{href:"https://t.me/feature_sliced/3828",children:"(\u0422\u0440\u0435\u0434) \u0414\u0435\u043a\u043e\u043c\u043f\u043e\u0437\u0438\u0446\u0438\u044f \u0432\u0438\u0434\u0436\u0435\u0442\u0430 ProductList"})}),"\n",(0,n.jsx)(t.li,{children:(0,n.jsx)(t.a,{href:"https://www.pluralsight.com/guides/how-to-organize-your-react-+-redux-codebase",children:"(\u0421\u0442\u0430\u0442\u044c\u044f) \u0420\u0430\u0437\u043d\u044b\u0435 \u043f\u043e\u0434\u0445\u043e\u0434\u044b \u043f\u0440\u0438 \u0434\u0435\u043a\u043e\u043c\u043f\u043e\u0437\u0438\u0446\u0438\u0438 \u043b\u043e\u0433\u0438\u043a\u0438"})}),"\n",(0,n.jsx)(t.li,{children:(0,n.jsx)(t.a,{href:"https://t.me/feature_sliced/3776",children:"(\u0422\u0440\u0435\u0434) \u041f\u0440\u043e \u0440\u0430\u0437\u043d\u0438\u0446\u0443 \u043c\u0435\u0436\u0434\u0443 \u0444\u0438\u0447\u0430\u043c\u0438 \u0438 \u0441\u0443\u0449\u043d\u043e\u0441\u0442\u044f\u043c\u0438"})}),"\n",(0,n.jsx)(t.li,{children:(0,n.jsx)(t.a,{href:"https://t.me/feature_sliced/3248",children:"(\u0422\u0440\u0435\u0434) \u041f\u0440\u043e \u0440\u0430\u0437\u043d\u0438\u0446\u0443 \u043c\u0435\u0436\u0434\u0443 \u0444\u0438\u0447\u0430\u043c\u0438 \u0438 \u0441\u0443\u0449\u043d\u043e\u0441\u0442\u044f\u043c\u0438 (2)"})}),"\n",(0,n.jsx)(t.li,{children:(0,n.jsx)(t.a,{href:"https://t.me/feature_sliced/3833",children:"(\u0422\u0440\u0435\u0434) \u041f\u0440\u043e \u043f\u0440\u0438\u043c\u0435\u043d\u0435\u043d\u0438\u0435 \u043a\u0440\u0438\u0442\u0435\u0440\u0438\u0435\u0432 \u043f\u0440\u0438 \u0434\u0435\u043a\u043e\u043c\u043f\u043e\u0437\u0438\u0446\u0438\u0438"})}),"\n"]})]})}function o(e={}){const{wrapper:t}={...(0,r.R)(),...e.components};return t?(0,n.jsx)(t,{...e,children:(0,n.jsx)(h,{...e})}):h(e)}},6317:(e,t,s)=>{s.d(t,{A:()=>n});const n=s.p+"assets/files/choosing-a-layer-ru-da11f37d28524420f3c747671072cf49.pdf"},2337:(e,t,s)=>{s.d(t,{A:()=>n});const n=s.p+"assets/images/choosing-a-layer-ru-b9d9bdfa29418ef5443937d8d2dc479e.jpg"},8142:(e,t,s)=>{s.d(t,{A:()=>n});const n=s.p+"assets/images/decompose-github-a0eeb839a4b5ef5c480a73726a4451b0.jpg"},8898:(e,t,s)=>{s.d(t,{A:()=>n});const n=s.p+"assets/images/decompose-twitter-7b9a50f879d763c49305b3bf0751ee35.png"},1100:(e,t,s)=>{s.d(t,{R:()=>d,x:()=>c});var n=s(758);const r={},i=n.createContext(r);function d(e){const t=n.useContext(i);return n.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function c(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(r):e.components||r:d(e.components),n.createElement(i.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
+"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[4232],{3885:(e,t,s)=>{s.r(t),s.d(t,{assets:()=>a,contentTitle:()=>d,default:()=>o,frontMatter:()=>i,metadata:()=>c,toc:()=>l});var n=s(6070),r=s(1100);const i={unlisted:!0},d="\u041f\u0430\u043c\u044f\u0442\u043a\u0430 \u043f\u043e \u0434\u0435\u043a\u043e\u043c\u043f\u043e\u0437\u0438\u0446\u0438\u0438",c={id:"get-started/cheatsheet",title:"\u041f\u0430\u043c\u044f\u0442\u043a\u0430 \u043f\u043e \u0434\u0435\u043a\u043e\u043c\u043f\u043e\u0437\u0438\u0446\u0438\u0438",description:"\u0418\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0439\u0442\u0435 \u0435\u0451 \u043a\u0430\u043a \u0431\u044b\u0441\u0442\u0440\u044b\u0439 \u0441\u043f\u0440\u0430\u0432\u043e\u0447\u043d\u0438\u043a, \u043a\u043e\u0433\u0434\u0430 \u0432\u044b \u0440\u0435\u0448\u0430\u0435\u0442\u0435, \u043a\u0430\u043a \u0440\u0430\u0437\u0431\u0438\u0442\u044c \u0432\u0430\u0448 \u0438\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441 \u043f\u043e \u0441\u043b\u043e\u044f\u043c. \u041d\u0438\u0436\u0435 \u0442\u0430\u043a\u0436\u0435 \u0434\u043e\u0441\u0442\u0443\u043f\u043d\u0430 PDF-\u0432\u0435\u0440\u0441\u0438\u044f, \u0447\u0442\u043e\u0431\u044b \u0432\u044b \u043c\u043e\u0433\u043b\u0438 \u0440\u0430\u0441\u043f\u0435\u0447\u0430\u0442\u0430\u0442\u044c \u0435\u0451 \u0438 \u0434\u0435\u0440\u0436\u0430\u0442\u044c \u043f\u043e\u0434 \u043f\u043e\u0434\u0443\u0448\u043a\u043e\u0439.",source:"@site/i18n/ru/docusaurus-plugin-content-docs/current/get-started/cheatsheet.mdx",sourceDirName:"get-started",slug:"/get-started/cheatsheet",permalink:"/ru/docs/get-started/cheatsheet",draft:!1,unlisted:!0,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/ru/docusaurus-plugin-content-docs/current/get-started/cheatsheet.mdx",tags:[],version:"current",lastUpdatedAt:1728325386e3,frontMatter:{unlisted:!0},sidebar:"getstartedSidebar"},a={},l=[{value:"\u0412\u044b\u0431\u043e\u0440 \u0441\u043b\u043e\u044f",id:"choosing-a-layer",level:2},{value:"\u041f\u0440\u0438\u043c\u0435\u0440\u044b",id:"examples",level:2},{value:"Tweet",id:"tweet",level:3},{value:"GitHub",id:"github",level:3},{value:"\u0421\u043c. \u0442\u0430\u043a\u0436\u0435",id:"see-also",level:2}];function h(e){const t={a:"a",h1:"h1",h2:"h2",h3:"h3",header:"header",img:"img",li:"li",p:"p",ul:"ul",...(0,r.R)(),...e.components};return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(t.header,{children:(0,n.jsx)(t.h1,{id:"\u043f\u0430\u043c\u044f\u0442\u043a\u0430-\u043f\u043e-\u0434\u0435\u043a\u043e\u043c\u043f\u043e\u0437\u0438\u0446\u0438\u0438",children:"\u041f\u0430\u043c\u044f\u0442\u043a\u0430 \u043f\u043e \u0434\u0435\u043a\u043e\u043c\u043f\u043e\u0437\u0438\u0446\u0438\u0438"})}),"\n",(0,n.jsx)(t.p,{children:"\u0418\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0439\u0442\u0435 \u0435\u0451 \u043a\u0430\u043a \u0431\u044b\u0441\u0442\u0440\u044b\u0439 \u0441\u043f\u0440\u0430\u0432\u043e\u0447\u043d\u0438\u043a, \u043a\u043e\u0433\u0434\u0430 \u0432\u044b \u0440\u0435\u0448\u0430\u0435\u0442\u0435, \u043a\u0430\u043a \u0440\u0430\u0437\u0431\u0438\u0442\u044c \u0432\u0430\u0448 \u0438\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441 \u043f\u043e \u0441\u043b\u043e\u044f\u043c. \u041d\u0438\u0436\u0435 \u0442\u0430\u043a\u0436\u0435 \u0434\u043e\u0441\u0442\u0443\u043f\u043d\u0430 PDF-\u0432\u0435\u0440\u0441\u0438\u044f, \u0447\u0442\u043e\u0431\u044b \u0432\u044b \u043c\u043e\u0433\u043b\u0438 \u0440\u0430\u0441\u043f\u0435\u0447\u0430\u0442\u0430\u0442\u044c \u0435\u0451 \u0438 \u0434\u0435\u0440\u0436\u0430\u0442\u044c \u043f\u043e\u0434 \u043f\u043e\u0434\u0443\u0448\u043a\u043e\u0439."}),"\n",(0,n.jsx)(t.h2,{id:"choosing-a-layer",children:"\u0412\u044b\u0431\u043e\u0440 \u0441\u043b\u043e\u044f"}),"\n",(0,n.jsx)(t.p,{children:(0,n.jsx)(t.a,{target:"_blank","data-noBrokenLinkCheck":!0,href:s(6317).A+"",children:"\u0421\u043a\u0430\u0447\u0430\u0442\u044c PDF"})}),"\n",(0,n.jsx)(t.p,{children:(0,n.jsx)(t.img,{alt:"\u041e\u043f\u0440\u0435\u0434\u0435\u043b\u0435\u043d\u0438\u044f \u0432\u0441\u0435\u0445 \u0441\u043b\u043e\u0451\u0432 \u0438 \u0432\u043e\u043f\u0440\u043e\u0441\u044b \u0434\u043b\u044f \u0441\u0430\u043c\u043e\u043f\u0440\u043e\u0432\u0435\u0440\u043a\u0438",src:s(2337).A+"",width:"1684",height:"1190"})}),"\n",(0,n.jsx)(t.h2,{id:"examples",children:"\u041f\u0440\u0438\u043c\u0435\u0440\u044b"}),"\n",(0,n.jsx)(t.h3,{id:"tweet",children:"Tweet"}),"\n",(0,n.jsx)(t.p,{children:(0,n.jsx)(t.img,{alt:"decomposed-tweet-bordered-bgLight",src:s(8898).A+"",width:"1200",height:"2364"})}),"\n",(0,n.jsx)(t.h3,{id:"github",children:"GitHub"}),"\n",(0,n.jsx)(t.p,{children:(0,n.jsx)(t.img,{alt:"decomposed-github-bordered",src:s(8142).A+"",width:"2291",height:"1080"})}),"\n",(0,n.jsx)(t.h2,{id:"see-also",children:"\u0421\u043c. \u0442\u0430\u043a\u0436\u0435"}),"\n",(0,n.jsxs)(t.ul,{children:["\n",(0,n.jsx)(t.li,{children:(0,n.jsx)(t.a,{href:"https://t.me/feature_sliced/4262",children:"(\u0422\u0440\u0435\u0434) \u041e\u0431\u0449\u0430\u044f \u043b\u043e\u0433\u0438\u043a\u0430 \u0434\u043b\u044f \u0444\u0438\u0447 \u0438 \u0441\u0443\u0449\u043d\u043e\u0441\u0442\u0435\u0439"})}),"\n",(0,n.jsx)(t.li,{children:(0,n.jsx)(t.a,{href:"https://t.me/feature_sliced/4210",children:"(\u0422\u0440\u0435\u0434) \u0414\u0435\u043a\u043e\u043c\u043f\u043e\u0437\u0438\u0446\u0438\u044f \u0440\u0430\u0437\u0431\u0443\u0445\u0448\u0435\u0439 \u043b\u043e\u0433\u0438\u043a\u0438"})}),"\n",(0,n.jsx)(t.li,{children:(0,n.jsx)(t.a,{href:"https://t.me/feature_sliced/4088",children:"(\u0422\u0440\u0435\u0434) \u041f\u0440\u043e \u043f\u043e\u043d\u0438\u043c\u0430\u043d\u0438\u0435 \u0437\u043e\u043d \u043e\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0435\u043d\u043d\u043e\u0441\u0442\u0438 \u043f\u0440\u0438 \u0434\u0435\u043a\u043e\u043c\u043f\u043e\u0437\u0438\u0446\u0438\u0438"})}),"\n",(0,n.jsx)(t.li,{children:(0,n.jsx)(t.a,{href:"https://t.me/feature_sliced/3828",children:"(\u0422\u0440\u0435\u0434) \u0414\u0435\u043a\u043e\u043c\u043f\u043e\u0437\u0438\u0446\u0438\u044f \u0432\u0438\u0434\u0436\u0435\u0442\u0430 ProductList"})}),"\n",(0,n.jsx)(t.li,{children:(0,n.jsx)(t.a,{href:"https://www.pluralsight.com/guides/how-to-organize-your-react-+-redux-codebase",children:"(\u0421\u0442\u0430\u0442\u044c\u044f) \u0420\u0430\u0437\u043d\u044b\u0435 \u043f\u043e\u0434\u0445\u043e\u0434\u044b \u043f\u0440\u0438 \u0434\u0435\u043a\u043e\u043c\u043f\u043e\u0437\u0438\u0446\u0438\u0438 \u043b\u043e\u0433\u0438\u043a\u0438"})}),"\n",(0,n.jsx)(t.li,{children:(0,n.jsx)(t.a,{href:"https://t.me/feature_sliced/3776",children:"(\u0422\u0440\u0435\u0434) \u041f\u0440\u043e \u0440\u0430\u0437\u043d\u0438\u0446\u0443 \u043c\u0435\u0436\u0434\u0443 \u0444\u0438\u0447\u0430\u043c\u0438 \u0438 \u0441\u0443\u0449\u043d\u043e\u0441\u0442\u044f\u043c\u0438"})}),"\n",(0,n.jsx)(t.li,{children:(0,n.jsx)(t.a,{href:"https://t.me/feature_sliced/3248",children:"(\u0422\u0440\u0435\u0434) \u041f\u0440\u043e \u0440\u0430\u0437\u043d\u0438\u0446\u0443 \u043c\u0435\u0436\u0434\u0443 \u0444\u0438\u0447\u0430\u043c\u0438 \u0438 \u0441\u0443\u0449\u043d\u043e\u0441\u0442\u044f\u043c\u0438 (2)"})}),"\n",(0,n.jsx)(t.li,{children:(0,n.jsx)(t.a,{href:"https://t.me/feature_sliced/3833",children:"(\u0422\u0440\u0435\u0434) \u041f\u0440\u043e \u043f\u0440\u0438\u043c\u0435\u043d\u0435\u043d\u0438\u0435 \u043a\u0440\u0438\u0442\u0435\u0440\u0438\u0435\u0432 \u043f\u0440\u0438 \u0434\u0435\u043a\u043e\u043c\u043f\u043e\u0437\u0438\u0446\u0438\u0438"})}),"\n"]})]})}function o(e={}){const{wrapper:t}={...(0,r.R)(),...e.components};return t?(0,n.jsx)(t,{...e,children:(0,n.jsx)(h,{...e})}):h(e)}},6317:(e,t,s)=>{s.d(t,{A:()=>n});const n=s.p+"assets/files/choosing-a-layer-ru-da11f37d28524420f3c747671072cf49.pdf"},2337:(e,t,s)=>{s.d(t,{A:()=>n});const n=s.p+"assets/images/choosing-a-layer-ru-b9d9bdfa29418ef5443937d8d2dc479e.jpg"},8142:(e,t,s)=>{s.d(t,{A:()=>n});const n=s.p+"assets/images/decompose-github-a0eeb839a4b5ef5c480a73726a4451b0.jpg"},8898:(e,t,s)=>{s.d(t,{A:()=>n});const n=s.p+"assets/images/decompose-twitter-7b9a50f879d763c49305b3bf0751ee35.png"},1100:(e,t,s)=>{s.d(t,{R:()=>d,x:()=>c});var n=s(758);const r={},i=n.createContext(r);function d(e){const t=n.useContext(i);return n.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function c(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(r):e.components||r:d(e.components),n.createElement(i.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
diff --git a/ru/assets/js/7313bf7a.8b640161.js b/ru/assets/js/7313bf7a.8b640161.js
new file mode 100644
index 0000000000..ace94f5b61
--- /dev/null
+++ b/ru/assets/js/7313bf7a.8b640161.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[25],{7497:(e,t,i)=>{i.r(t),i.d(t,{assets:()=>d,contentTitle:()=>a,default:()=>m,frontMatter:()=>o,metadata:()=>c,toc:()=>l});var n=i(6070),s=i(1100),r=i(1928);const o={sidebar_class_name:"sidebar-item--wip",sidebar_position:2},a="Team",c={id:"team",title:"Team",description:"Core-team",source:"@site/i18n/en/docusaurus-plugin-content-docs/community/team.mdx",sourceDirName:".",slug:"/team",permalink:"/ru/community/team",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/community/team.mdx",tags:[],version:"current",lastUpdatedBy:"InJaEE",lastUpdatedAt:1728325386e3,sidebarPosition:2,frontMatter:{sidebar_class_name:"sidebar-item--wip",sidebar_position:2},sidebar:"community",previous:{title:"\ud83d\udcab Community",permalink:"/ru/community/"}},d={},l=[...r.RM,{value:"Core-team",id:"core-team",level:2},{value:"Champions",id:"champions",level:3},{value:"Contributors",id:"contributors",level:2},{value:"Companies",id:"companies",level:2}];function u(e){const t={h1:"h1",h2:"h2",h3:"h3",header:"header",...(0,s.R)(),...e.components};return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(t.header,{children:(0,n.jsx)(t.h1,{id:"team",children:"Team"})}),"\n",(0,n.jsx)(r.Ay,{ticket:"192"}),"\n",(0,n.jsx)(t.h2,{id:"core-team",children:"Core-team"}),"\n",(0,n.jsx)(t.h3,{id:"champions",children:"Champions"}),"\n",(0,n.jsx)(t.h2,{id:"contributors",children:"Contributors"}),"\n",(0,n.jsx)(t.h2,{id:"companies",children:"Companies"})]})}function m(e={}){const{wrapper:t}={...(0,s.R)(),...e.components};return t?(0,n.jsx)(t,{...e,children:(0,n.jsx)(u,{...e})}):u(e)}},1928:(e,t,i)=>{i.d(t,{Ay:()=>l,RM:()=>c});var n=i(6070),s=i(1100),r=(i(758),i(6783)),o=i(7765);const a=e=>{let{ticket:t}=e;const i=`https://github.com/feature-sliced/documentation/issues/${t}`;return(0,n.jsxs)("div",{children:[(0,n.jsx)("p",{children:(0,o.T)({id:"shared.wip.title"})}),(0,n.jsx)("p",{children:(0,o.T)({id:"shared.wip.subtitle"})}),(0,n.jsxs)("ul",{children:[(0,n.jsxs)("li",{children:[(0,o.T)({id:"shared.wip.var.feedback.base"}),(0,n.jsx)(r.A,{to:i,children:(0,o.T)({id:"shared.wip.var.feedback.link"})})]}),(0,n.jsxs)("li",{children:[(0,o.T)({id:"shared.wip.var.material.base"}),(0,n.jsx)(r.A,{to:"https://t.me/feature_sliced",children:(0,o.T)({id:"shared.wip.var.material.link"})})]}),(0,n.jsxs)("li",{children:[(0,o.T)({id:"shared.wip.var.contribute.base"}),(0,n.jsx)(r.A,{to:"https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md",children:(0,o.T)({id:"shared.wip.var.contribute.link"})})]})]}),(0,n.jsx)("br",{}),(0,n.jsx)("p",{children:(0,n.jsx)("i",{children:"\ud83c\udf70 Stay tuned!"})})]})},c=[];function d(e){const t={admonition:"admonition",...(0,s.R)(),...e.components};return(0,n.jsx)(t.admonition,{title:"WIP",type:"caution",children:(0,n.jsx)(a,{ticket:e.ticket})})}function l(e={}){const{wrapper:t}={...(0,s.R)(),...e.components};return t?(0,n.jsx)(t,{...e,children:(0,n.jsx)(d,{...e})}):d(e)}},1100:(e,t,i)=>{i.d(t,{R:()=>o,x:()=>a});var n=i(758);const s={},r=n.createContext(s);function o(e){const t=n.useContext(r);return n.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function a(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(s):e.components||s:o(e.components),n.createElement(r.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
diff --git a/ru/assets/js/7313bf7a.a32a0dfe.js b/ru/assets/js/7313bf7a.a32a0dfe.js
deleted file mode 100644
index 43f88596d3..0000000000
--- a/ru/assets/js/7313bf7a.a32a0dfe.js
+++ /dev/null
@@ -1 +0,0 @@
-"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[25],{7497:(e,t,i)=>{i.r(t),i.d(t,{assets:()=>d,contentTitle:()=>a,default:()=>m,frontMatter:()=>o,metadata:()=>c,toc:()=>u});var n=i(6070),s=i(1100),r=i(1928);const o={sidebar_class_name:"sidebar-item--wip",sidebar_position:2},a="Team",c={id:"team",title:"Team",description:"Core-team",source:"@site/i18n/en/docusaurus-plugin-content-docs/community/team.mdx",sourceDirName:".",slug:"/team",permalink:"/ru/community/team",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/community/team.mdx",tags:[],version:"current",lastUpdatedBy:"ratomiru",lastUpdatedAt:1727607766e3,sidebarPosition:2,frontMatter:{sidebar_class_name:"sidebar-item--wip",sidebar_position:2},sidebar:"community",previous:{title:"\ud83d\udcab Community",permalink:"/ru/community/"}},d={},u=[...r.RM,{value:"Core-team",id:"core-team",level:2},{value:"Champions",id:"champions",level:3},{value:"Contributors",id:"contributors",level:2},{value:"Companies",id:"companies",level:2}];function l(e){const t={h1:"h1",h2:"h2",h3:"h3",header:"header",...(0,s.R)(),...e.components};return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(t.header,{children:(0,n.jsx)(t.h1,{id:"team",children:"Team"})}),"\n",(0,n.jsx)(r.Ay,{ticket:"192"}),"\n",(0,n.jsx)(t.h2,{id:"core-team",children:"Core-team"}),"\n",(0,n.jsx)(t.h3,{id:"champions",children:"Champions"}),"\n",(0,n.jsx)(t.h2,{id:"contributors",children:"Contributors"}),"\n",(0,n.jsx)(t.h2,{id:"companies",children:"Companies"})]})}function m(e={}){const{wrapper:t}={...(0,s.R)(),...e.components};return t?(0,n.jsx)(t,{...e,children:(0,n.jsx)(l,{...e})}):l(e)}},1928:(e,t,i)=>{i.d(t,{Ay:()=>u,RM:()=>c});var n=i(6070),s=i(1100),r=(i(758),i(6783)),o=i(7765);const a=e=>{let{ticket:t}=e;const i=`https://github.com/feature-sliced/documentation/issues/${t}`;return(0,n.jsxs)("div",{children:[(0,n.jsx)("p",{children:(0,o.T)({id:"shared.wip.title"})}),(0,n.jsx)("p",{children:(0,o.T)({id:"shared.wip.subtitle"})}),(0,n.jsxs)("ul",{children:[(0,n.jsxs)("li",{children:[(0,o.T)({id:"shared.wip.var.feedback.base"}),(0,n.jsx)(r.A,{to:i,children:(0,o.T)({id:"shared.wip.var.feedback.link"})})]}),(0,n.jsxs)("li",{children:[(0,o.T)({id:"shared.wip.var.material.base"}),(0,n.jsx)(r.A,{to:"https://t.me/feature_sliced",children:(0,o.T)({id:"shared.wip.var.material.link"})})]}),(0,n.jsxs)("li",{children:[(0,o.T)({id:"shared.wip.var.contribute.base"}),(0,n.jsx)(r.A,{to:"https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md",children:(0,o.T)({id:"shared.wip.var.contribute.link"})})]})]}),(0,n.jsx)("br",{}),(0,n.jsx)("p",{children:(0,n.jsx)("i",{children:"\ud83c\udf70 Stay tuned!"})})]})},c=[];function d(e){const t={admonition:"admonition",...(0,s.R)(),...e.components};return(0,n.jsx)(t.admonition,{title:"WIP",type:"caution",children:(0,n.jsx)(a,{ticket:e.ticket})})}function u(e={}){const{wrapper:t}={...(0,s.R)(),...e.components};return t?(0,n.jsx)(t,{...e,children:(0,n.jsx)(d,{...e})}):d(e)}},1100:(e,t,i)=>{i.d(t,{R:()=>o,x:()=>a});var n=i(758);const s={},r=n.createContext(s);function o(e){const t=n.useContext(r);return n.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function a(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(s):e.components||s:o(e.components),n.createElement(r.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
diff --git a/ru/assets/js/7759802f.34da0f3f.js b/ru/assets/js/7759802f.77148186.js
similarity index 99%
rename from ru/assets/js/7759802f.34da0f3f.js
rename to ru/assets/js/7759802f.77148186.js
index d9d9079d9d..3165cdcb25 100644
--- a/ru/assets/js/7759802f.34da0f3f.js
+++ b/ru/assets/js/7759802f.77148186.js
@@ -1 +1 @@
-"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[4743],{2456:(e,n,s)=>{s.r(n),s.d(n,{assets:()=>t,contentTitle:()=>d,default:()=>h,frontMatter:()=>l,metadata:()=>c,toc:()=>a});var i=s(6070),r=s(1100);const l={sidebar_position:1},d="\u0410\u0432\u0442\u043e\u0440\u0438\u0437\u0430\u0446\u0438\u044f",c={id:"guides/examples/auth",title:"\u0410\u0432\u0442\u043e\u0440\u0438\u0437\u0430\u0446\u0438\u044f",description:"\u0412 \u043e\u0431\u0449\u0438\u0445 \u0447\u0435\u0440\u0442\u0430\u0445 \u0430\u0432\u0442\u043e\u0440\u0438\u0437\u0430\u0446\u0438\u044f \u0441\u043e\u0441\u0442\u043e\u0438\u0442 \u0438\u0437 \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0438\u0445 \u044d\u0442\u0430\u043f\u043e\u0432:",source:"@site/i18n/ru/docusaurus-plugin-content-docs/current/guides/examples/auth.md",sourceDirName:"guides/examples",slug:"/guides/examples/auth",permalink:"/ru/docs/guides/examples/auth",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/ru/docusaurus-plugin-content-docs/current/guides/examples/auth.md",tags:[],version:"current",lastUpdatedAt:1727607766e3,sidebarPosition:1,frontMatter:{sidebar_position:1},sidebar:"guidesSidebar",previous:{title:"\u041f\u0440\u0438\u043c\u0435\u0440\u044b",permalink:"/ru/docs/guides/examples/"},next:{title:"\u0422\u0438\u043f\u044b",permalink:"/ru/docs/guides/examples/types"}},t={},a=[{value:"\u041a\u0430\u043a \u043f\u043e\u043b\u0443\u0447\u0438\u0442\u044c \u0443\u0447\u0435\u0442\u043d\u044b\u0435 \u0434\u0430\u043d\u043d\u044b\u0435 \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044f",id:"\u043a\u0430\u043a-\u043f\u043e\u043b\u0443\u0447\u0438\u0442\u044c-\u0443\u0447\u0435\u0442\u043d\u044b\u0435-\u0434\u0430\u043d\u043d\u044b\u0435-\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044f",level:2},{value:"\u041e\u0442\u0434\u0435\u043b\u044c\u043d\u0430\u044f \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0430 \u0434\u043b\u044f \u043b\u043e\u0433\u0438\u043d\u0430",id:"\u043e\u0442\u0434\u0435\u043b\u044c\u043d\u0430\u044f-\u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0430-\u0434\u043b\u044f-\u043b\u043e\u0433\u0438\u043d\u0430",level:3},{value:"\u0414\u0438\u0430\u043b\u043e\u0433 \u0434\u043b\u044f \u043b\u043e\u0433\u0438\u043d\u0430",id:"\u0434\u0438\u0430\u043b\u043e\u0433-\u0434\u043b\u044f-\u043b\u043e\u0433\u0438\u043d\u0430",level:3},{value:"\u041a\u043b\u0438\u0435\u043d\u0442\u0441\u043a\u0430\u044f \u0432\u0430\u043b\u0438\u0434\u0430\u0446\u0438\u044f",id:"\u043a\u043b\u0438\u0435\u043d\u0442\u0441\u043a\u0430\u044f-\u0432\u0430\u043b\u0438\u0434\u0430\u0446\u0438\u044f",level:3},{value:"\u041a\u0430\u043a \u043e\u0442\u043f\u0440\u0430\u0432\u0438\u0442\u044c \u0443\u0447\u0435\u0442\u043d\u044b\u0435 \u0434\u0430\u043d\u043d\u044b\u0435 \u043d\u0430 \u0431\u044d\u043a\u0435\u043d\u0434",id:"\u043a\u0430\u043a-\u043e\u0442\u043f\u0440\u0430\u0432\u0438\u0442\u044c-\u0443\u0447\u0435\u0442\u043d\u044b\u0435-\u0434\u0430\u043d\u043d\u044b\u0435-\u043d\u0430-\u0431\u044d\u043a\u0435\u043d\u0434",level:2},{value:"\u0413\u0434\u0435 \u0445\u0440\u0430\u043d\u0438\u0442\u044c \u0444\u0443\u043d\u043a\u0446\u0438\u044e \u0437\u0430\u043f\u0440\u043e\u0441\u0430",id:"\u0433\u0434\u0435-\u0445\u0440\u0430\u043d\u0438\u0442\u044c-\u0444\u0443\u043d\u043a\u0446\u0438\u044e-\u0437\u0430\u043f\u0440\u043e\u0441\u0430",level:3},{value:"\u0412 <code>shared/api</code>",id:"\u0432-sharedapi",level:4},{value:"\u0412 \u0441\u0435\u0433\u043c\u0435\u043d\u0442\u0435 <code>api</code> \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b",id:"\u0432-\u0441\u0435\u0433\u043c\u0435\u043d\u0442\u0435-api-\u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b",level:4},{value:"\u0414\u0432\u0443\u0445\u0444\u0430\u043a\u0442\u043e\u0440\u043d\u0430\u044f \u0430\u0443\u0442\u0435\u043d\u0442\u0438\u0444\u0438\u043a\u0430\u0446\u0438\u044f",id:"\u0434\u0432\u0443\u0445\u0444\u0430\u043a\u0442\u043e\u0440\u043d\u0430\u044f-\u0430\u0443\u0442\u0435\u043d\u0442\u0438\u0444\u0438\u043a\u0430\u0446\u0438\u044f",level:3},{value:"\u041a\u0430\u043a \u0445\u0440\u0430\u043d\u0438\u0442\u044c \u0442\u043e\u043a\u0435\u043d \u0434\u043b\u044f \u0430\u0432\u0442\u043e\u0440\u0438\u0437\u043e\u0432\u0430\u043d\u043d\u044b\u0445 \u0437\u0430\u043f\u0440\u043e\u0441\u043e\u0432",id:"how-to-store-the-token-for-authenticated-requests",level:2},{value:"\u0412 Shared",id:"\u0432-shared",level:3},{value:"\u0412 Entities",id:"\u0432-entities",level:3},{value:"\u0412 Pages/Widgets (\u043d\u0435 \u0440\u0435\u043a\u043e\u043c\u0435\u043d\u0434\u0443\u0435\u0442\u0441\u044f)",id:"\u0432-pageswidgets-\u043d\u0435-\u0440\u0435\u043a\u043e\u043c\u0435\u043d\u0434\u0443\u0435\u0442\u0441\u044f",level:3},{value:"\u041b\u043e\u0433\u0430\u0443\u0442 \u0438 \u0430\u043d\u043d\u0443\u043b\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u0435 \u0442\u043e\u043a\u0435\u043d\u0430",id:"\u043b\u043e\u0433\u0430\u0443\u0442-\u0438-\u0430\u043d\u043d\u0443\u043b\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u0435-\u0442\u043e\u043a\u0435\u043d\u0430",level:2},{value:"\u0410\u0432\u0442\u043e\u043c\u0430\u0442\u0438\u0447\u0435\u0441\u043a\u0438\u0439 \u043b\u043e\u0433\u0430\u0443\u0442",id:"\u0430\u0432\u0442\u043e\u043c\u0430\u0442\u0438\u0447\u0435\u0441\u043a\u0438\u0439-\u043b\u043e\u0433\u0430\u0443\u0442",level:3}];function o(e){const n={a:"a",admonition:"admonition",blockquote:"blockquote",br:"br",code:"code",h1:"h1",h2:"h2",h3:"h3",h4:"h4",header:"header",li:"li",ol:"ol",p:"p",pre:"pre",strong:"strong",ul:"ul",...(0,r.R)(),...e.components};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(n.header,{children:(0,i.jsx)(n.h1,{id:"\u0430\u0432\u0442\u043e\u0440\u0438\u0437\u0430\u0446\u0438\u044f",children:"\u0410\u0432\u0442\u043e\u0440\u0438\u0437\u0430\u0446\u0438\u044f"})}),"\n",(0,i.jsx)(n.p,{children:"\u0412 \u043e\u0431\u0449\u0438\u0445 \u0447\u0435\u0440\u0442\u0430\u0445 \u0430\u0432\u0442\u043e\u0440\u0438\u0437\u0430\u0446\u0438\u044f \u0441\u043e\u0441\u0442\u043e\u0438\u0442 \u0438\u0437 \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0438\u0445 \u044d\u0442\u0430\u043f\u043e\u0432:"}),"\n",(0,i.jsxs)(n.ol,{children:["\n",(0,i.jsx)(n.li,{children:"\u041f\u043e\u043b\u0443\u0447\u0438\u0442\u044c \u0443\u0447\u0435\u0442\u043d\u044b\u0435 \u0434\u0430\u043d\u043d\u044b\u0435 \u043e\u0442 \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044f"}),"\n",(0,i.jsx)(n.li,{children:"\u041e\u0442\u043f\u0440\u0430\u0432\u0438\u0442\u044c \u0438\u0445 \u043d\u0430 \u0431\u044d\u043a\u0435\u043d\u0434"}),"\n",(0,i.jsx)(n.li,{children:"\u0421\u043e\u0445\u0440\u0430\u043d\u0438\u0442\u044c \u0442\u043e\u043a\u0435\u043d \u0434\u043b\u044f \u043e\u0442\u043f\u0440\u0430\u0432\u043a\u0438 \u0430\u0432\u0442\u043e\u0440\u0438\u0437\u043e\u0432\u0430\u043d\u043d\u044b\u0445 \u0437\u0430\u043f\u0440\u043e\u0441\u043e\u0432."}),"\n"]}),"\n",(0,i.jsx)(n.h2,{id:"\u043a\u0430\u043a-\u043f\u043e\u043b\u0443\u0447\u0438\u0442\u044c-\u0443\u0447\u0435\u0442\u043d\u044b\u0435-\u0434\u0430\u043d\u043d\u044b\u0435-\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044f",children:"\u041a\u0430\u043a \u043f\u043e\u043b\u0443\u0447\u0438\u0442\u044c \u0443\u0447\u0435\u0442\u043d\u044b\u0435 \u0434\u0430\u043d\u043d\u044b\u0435 \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044f"}),"\n",(0,i.jsxs)(n.p,{children:["\u041c\u044b \u043f\u0440\u0435\u0434\u043f\u043e\u043b\u0430\u0433\u0430\u0435\u043c, \u0447\u0442\u043e \u0432\u0430\u0448\u0435 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0435 \u0441\u0430\u043c\u043e \u0441\u043e\u0431\u0438\u0440\u0430\u0435\u0442 \u044d\u0442\u0438 \u0434\u0430\u043d\u043d\u044b\u0435. \u0415\u0441\u043b\u0438 \u0443 \u0432\u0430\u0441 \u0430\u0432\u0442\u043e\u0440\u0438\u0437\u0430\u0446\u0438\u044f \u0447\u0435\u0440\u0435\u0437 OAuth, \u0432\u044b \u043c\u043e\u0436\u0435\u0442\u0435 \u043f\u0440\u043e\u0441\u0442\u043e \u0441\u043e\u0437\u0434\u0430\u0442\u044c \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0443 \u043b\u043e\u0433\u0438\u043d\u0430 \u0441\u043e \u0441\u0441\u044b\u043b\u043a\u043e\u0439 \u043d\u0430 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0443 \u043f\u0440\u043e\u0432\u0430\u0439\u0434\u0435\u0440\u0430 OAuth \u0438 \u043f\u0435\u0440\u0435\u0439\u0442\u0438 \u043a ",(0,i.jsx)(n.a,{href:"#how-to-store-the-token-for-authenticated-requests",children:"\u0448\u0430\u0433\u0443 3"}),"."]}),"\n",(0,i.jsx)(n.h3,{id:"\u043e\u0442\u0434\u0435\u043b\u044c\u043d\u0430\u044f-\u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0430-\u0434\u043b\u044f-\u043b\u043e\u0433\u0438\u043d\u0430",children:"\u041e\u0442\u0434\u0435\u043b\u044c\u043d\u0430\u044f \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0430 \u0434\u043b\u044f \u043b\u043e\u0433\u0438\u043d\u0430"}),"\n",(0,i.jsx)(n.p,{children:"\u041e\u0431\u044b\u0447\u043d\u043e \u043d\u0430 \u0441\u0430\u0439\u0442\u0430\u0445 \u0435\u0441\u0442\u044c \u043e\u0442\u0434\u0435\u043b\u044c\u043d\u044b\u0435 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b \u0434\u043b\u044f \u043b\u043e\u0433\u0438\u043d\u0430, \u0433\u0434\u0435 \u0432\u044b \u0432\u0432\u043e\u0434\u0438\u0442\u0435 \u0441\u0432\u043e\u0435 \u0438\u043c\u044f \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044f \u0438 \u043f\u0430\u0440\u043e\u043b\u044c. \u042d\u0442\u0438 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b \u0434\u043e\u0432\u043e\u043b\u044c\u043d\u043e \u043f\u0440\u043e\u0441\u0442\u044b, \u043f\u043e\u044d\u0442\u043e\u043c\u0443 \u043d\u0435 \u0442\u0440\u0435\u0431\u0443\u044e\u0442 \u0434\u0435\u043a\u043e\u043c\u043f\u043e\u0437\u0438\u0446\u0438\u0438. \u0411\u043e\u043b\u0435\u0435 \u0442\u043e\u0433\u043e, \u0444\u043e\u0440\u043c\u044b \u043b\u043e\u0433\u0438\u043d\u0430 \u0438 \u0440\u0435\u0433\u0438\u0441\u0442\u0440\u0430\u0446\u0438\u0438 \u0432\u043d\u0435\u0448\u043d\u0435 \u043e\u0447\u0435\u043d\u044c \u043f\u043e\u0445\u043e\u0436\u0438, \u043f\u043e\u044d\u0442\u043e\u043c\u0443 \u0438\u0445 \u043c\u043e\u0436\u043d\u043e \u0434\u0430\u0436\u0435 \u0441\u0433\u0440\u0443\u043f\u043f\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u043d\u0430 \u043e\u0434\u043d\u043e\u0439 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0435. \u0421\u043e\u0437\u0434\u0430\u0439\u0442\u0435 \u0441\u043b\u0430\u0439\u0441 \u0434\u043b\u044f \u0432\u0430\u0448\u0435\u0439 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b \u043b\u043e\u0433\u0438\u043d\u0430/\u0440\u0435\u0433\u0438\u0441\u0442\u0440\u0430\u0446\u0438\u0438 \u043d\u0430 \u0441\u043b\u043e\u0435 Pages:"}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsxs)(n.li,{children:["\ud83d\udcc2 pages","\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsxs)(n.li,{children:["\ud83d\udcc2 login","\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsxs)(n.li,{children:["\ud83d\udcc2 ui","\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsx)(n.li,{children:"\ud83d\udcc4 LoginPage.tsx (\u0438\u043b\u0438 \u0430\u043d\u0430\u043b\u043e\u0433 \u0432 \u0432\u0430\u0448\u0435\u043c \u0444\u0440\u0435\u0439\u043c\u0432\u043e\u0440\u043a\u0435)"}),"\n",(0,i.jsx)(n.li,{children:"\ud83d\udcc4 RegisterPage.tsx"}),"\n"]}),"\n"]}),"\n",(0,i.jsx)(n.li,{children:"\ud83d\udcc4 index.ts"}),"\n"]}),"\n"]}),"\n",(0,i.jsx)(n.li,{children:"\u043e\u0441\u0442\u0430\u043b\u044c\u043d\u044b\u0435 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b\u2026"}),"\n"]}),"\n"]}),"\n"]}),"\n",(0,i.jsx)(n.p,{children:"\u0417\u0434\u0435\u0441\u044c \u043c\u044b \u0441\u043e\u0437\u0434\u0430\u043b\u0438 \u0434\u0432\u0430 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u0430 \u0438 \u044d\u043a\u0441\u043f\u043e\u0440\u0442\u0438\u0440\u043e\u0432\u0430\u043b\u0438 \u0438\u0445 \u043e\u0431\u043e\u0438\u0445 \u0432 \u0438\u043d\u0434\u0435\u043a\u0441\u0435 \u0441\u043b\u0430\u0439\u0441\u0430. \u042d\u0442\u0438 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u044b \u0431\u0443\u0434\u0443\u0442 \u0441\u043e\u0434\u0435\u0440\u0436\u0430\u0442\u044c \u0444\u043e\u0440\u043c\u044b, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u0441\u043e\u0434\u0435\u0440\u0436\u0430\u0442 \u043f\u043e\u043d\u044f\u0442\u043d\u044b\u0435 \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044e \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u044b \u0434\u043b\u044f \u0432\u0432\u0435\u0434\u0435\u043d\u0438\u044f \u0438\u0445 \u0443\u0447\u0435\u0442\u043d\u044b\u0445 \u0434\u0430\u043d\u043d\u044b\u0445."}),"\n",(0,i.jsx)(n.h3,{id:"\u0434\u0438\u0430\u043b\u043e\u0433-\u0434\u043b\u044f-\u043b\u043e\u0433\u0438\u043d\u0430",children:"\u0414\u0438\u0430\u043b\u043e\u0433 \u0434\u043b\u044f \u043b\u043e\u0433\u0438\u043d\u0430"}),"\n",(0,i.jsx)(n.p,{children:"\u0415\u0441\u043b\u0438 \u0432 \u0432\u0430\u0448\u0435\u043c \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0438 \u0435\u0441\u0442\u044c \u0434\u0438\u0430\u043b\u043e\u0433\u043e\u0432\u043e\u0435 \u043e\u043a\u043d\u043e \u0434\u043b\u044f \u0432\u0445\u043e\u0434\u0430 \u0432 \u0441\u0438\u0441\u0442\u0435\u043c\u0443, \u043a\u043e\u0442\u043e\u0440\u043e\u0435 \u043c\u043e\u0436\u043d\u043e \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u043d\u0430 \u043b\u044e\u0431\u043e\u0439 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0435, \u0432\u044b \u043c\u043e\u0436\u0435\u0442\u0435 \u0441\u043e\u0437\u0434\u0430\u0442\u044c \u0434\u043b\u044f \u044d\u0442\u043e\u0433\u043e \u0434\u0438\u0430\u043b\u043e\u0433\u043e\u0432\u043e\u0433\u043e \u043e\u043a\u043d\u0430 \u0432\u0438\u0434\u0436\u0435\u0442. \u0422\u0430\u043a\u0438\u043c \u043e\u0431\u0440\u0430\u0437\u043e\u043c, \u0432\u044b \u0432\u0441\u0435 \u0440\u0430\u0432\u043d\u043e \u0441\u043c\u043e\u0436\u0435\u0442\u0435 \u043d\u0435 \u0441\u0438\u043b\u044c\u043d\u043e \u0434\u0435\u043a\u043e\u043c\u043f\u043e\u0437\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u0441\u0430\u043c\u0443 \u0444\u043e\u0440\u043c\u0443, \u043d\u043e \u043f\u0440\u0438 \u044d\u0442\u043e\u043c \u043f\u0435\u0440\u0435\u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u044d\u0442\u043e\u0442 \u0434\u0438\u0430\u043b\u043e\u0433 \u043d\u0430 \u043b\u044e\u0431\u043e\u0439 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0435."}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsxs)(n.li,{children:["\ud83d\udcc2 widgets","\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsxs)(n.li,{children:["\ud83d\udcc2 login-dialog","\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsxs)(n.li,{children:["\ud83d\udcc2 ui","\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsx)(n.li,{children:"\ud83d\udcc4 LoginDialog.tsx"}),"\n"]}),"\n"]}),"\n",(0,i.jsx)(n.li,{children:"\ud83d\udcc4 index.ts"}),"\n"]}),"\n"]}),"\n",(0,i.jsx)(n.li,{children:"\u043e\u0441\u0442\u0430\u043b\u044c\u043d\u044b\u0435 \u0432\u0438\u0434\u0436\u0435\u0442\u044b\u2026"}),"\n"]}),"\n"]}),"\n"]}),"\n",(0,i.jsx)(n.p,{children:"\u041e\u0441\u0442\u0430\u043b\u044c\u043d\u0430\u044f \u0447\u0430\u0441\u0442\u044c \u044d\u0442\u043e\u0433\u043e \u0440\u0443\u043a\u043e\u0432\u043e\u0434\u0441\u0442\u0432\u0430 \u043d\u0430\u043f\u0438\u0441\u0430\u043d\u0430 \u0434\u043b\u044f \u043f\u0435\u0440\u0432\u043e\u0433\u043e \u043f\u043e\u0434\u0445\u043e\u0434\u0430, \u0433\u0434\u0435 \u043b\u043e\u0433\u0438\u043d \u0434\u0435\u043b\u0430\u0435\u0442\u0441\u044f \u043d\u0430 \u043e\u0442\u0434\u0435\u043b\u044c\u043d\u043e\u0439 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0435, \u043d\u043e \u0442\u0435 \u0436\u0435 \u043f\u0440\u0438\u043d\u0446\u0438\u043f\u044b \u043f\u0440\u0438\u043c\u0435\u043d\u0438\u043c\u044b \u0438 \u043a \u0432\u0438\u0434\u0436\u0435\u0442\u0443 \u0434\u0438\u0430\u043b\u043e\u0433\u0430."}),"\n",(0,i.jsx)(n.h3,{id:"\u043a\u043b\u0438\u0435\u043d\u0442\u0441\u043a\u0430\u044f-\u0432\u0430\u043b\u0438\u0434\u0430\u0446\u0438\u044f",children:"\u041a\u043b\u0438\u0435\u043d\u0442\u0441\u043a\u0430\u044f \u0432\u0430\u043b\u0438\u0434\u0430\u0446\u0438\u044f"}),"\n",(0,i.jsxs)(n.p,{children:["\u0418\u043d\u043e\u0433\u0434\u0430, \u043e\u0441\u043e\u0431\u0435\u043d\u043d\u043e \u043f\u0440\u0438 \u0440\u0435\u0433\u0438\u0441\u0442\u0440\u0430\u0446\u0438\u0438, \u0438\u043c\u0435\u0435\u0442 \u0441\u043c\u044b\u0441\u043b \u0432\u044b\u043f\u043e\u043b\u043d\u0438\u0442\u044c \u043f\u0440\u043e\u0432\u0435\u0440\u043a\u0443 \u043d\u0430 \u0441\u0442\u043e\u0440\u043e\u043d\u0435 \u043a\u043b\u0438\u0435\u043d\u0442\u0430, \u0447\u0442\u043e\u0431\u044b \u0431\u044b\u0441\u0442\u0440\u043e \u0441\u043e\u043e\u0431\u0449\u0438\u0442\u044c \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044e, \u0447\u0442\u043e \u043e\u043d\u0438 \u0434\u043e\u043f\u0443\u0441\u0442\u0438\u043b\u0438 \u043e\u0448\u0438\u0431\u043a\u0443. \u041f\u0440\u043e\u0432\u0435\u0440\u043a\u0430 \u043c\u043e\u0436\u0435\u0442 \u043f\u0440\u043e\u0438\u0441\u0445\u043e\u0434\u0438\u0442\u044c \u0432 \u0441\u0435\u0433\u043c\u0435\u043d\u0442\u0435 ",(0,i.jsx)(n.code,{children:"model"})," \u043d\u0430 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0435 \u043b\u043e\u0433\u0438\u043d\u0430. \u0418\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0439\u0442\u0435 \u0431\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a\u0443 \u043f\u0440\u043e\u0432\u0435\u0440\u043a\u0438 \u043f\u043e \u0441\u0445\u0435\u043c\u0430\u043c, \u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, ",(0,i.jsx)(n.a,{href:"https://zod.dev",children:"Zod"})," \u0434\u043b\u044f JS/TS, \u0438 \u043f\u0440\u0435\u0434\u043e\u0441\u0442\u0430\u0432\u044c\u0442\u0435 \u044d\u0442\u0443 \u0441\u0445\u0435\u043c\u0443 \u0441\u0435\u0433\u043c\u0435\u043d\u0442\u0443 ",(0,i.jsx)(n.code,{children:"ui"}),":"]}),"\n",(0,i.jsx)(n.pre,{children:(0,i.jsx)(n.code,{className:"language-ts",metastring:'title="pages/login/model/registration-schema.ts"',children:'import { z } from "zod";\n\nexport const registrationData = z.object({\n    email: z.string().email(),\n    password: z.string().min(6),\n    confirmPassword: z.string(),\n}).refine((data) => data.password === data.confirmPassword, {\n    message: "Passwords do not match",\n    path: ["confirmPassword"],\n});\n'})}),"\n",(0,i.jsxs)(n.p,{children:["\u0417\u0430\u0442\u0435\u043c \u0432 \u0441\u0435\u0433\u043c\u0435\u043d\u0442\u0435 ",(0,i.jsx)(n.code,{children:"ui"})," \u0432\u044b \u043c\u043e\u0436\u0435\u0442\u0435 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u044d\u0442\u0443 \u0441\u0445\u0435\u043c\u0443 \u0434\u043b\u044f \u043f\u0440\u043e\u0432\u0435\u0440\u043a\u0438 \u0432\u0432\u043e\u0434\u0430 \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044f:"]}),"\n",(0,i.jsx)(n.pre,{children:(0,i.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/login/ui/RegisterPage.tsx"',children:'import { registrationData } from "../model/registration-schema";\n\nfunction validate(formData: FormData) {\n    const data = Object.fromEntries(formData.entries());\n    try {\n        registrationData.parse(data);\n    } catch (error) {\n        // TODO: \u041f\u043e\u043a\u0430\u0437\u0430\u0442\u044c \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044e \u0441\u043e\u043e\u0431\u0449\u0435\u043d\u0438\u0435 \u043e\u0431 \u043e\u0448\u0438\u0431\u043a\u0435\n    }\n}\n\nexport function RegisterPage() {\n    return (\n        <form onSubmit={(e) => validate(new FormData(e.target))}>\n            <label htmlFor="email">\u042d\u043b\u0435\u043a\u0442\u0440\u043e\u043d\u043d\u0430\u044f \u043f\u043e\u0447\u0442\u0430</label>\n            <input id="email" name="email" required />\n\n            <label htmlFor="password">\u041f\u0430\u0440\u043e\u043b\u044c (\u043c\u0438\u043d. 6 \u0441\u0438\u043c\u0432\u043e\u043b\u043e\u0432)</label>\n            <input id="password" name="password" type="password" required />\n\n            <label htmlFor="confirmPassword">\u041f\u043e\u0434\u0442\u0432\u0435\u0440\u0434\u0438\u0442\u0435 \u043f\u0430\u0440\u043e\u043b\u044c</label>\n            <input id="confirmPassword" name="confirmPassword" type="password" required />\n        </form>\n    )\n}\n'})}),"\n",(0,i.jsx)(n.h2,{id:"\u043a\u0430\u043a-\u043e\u0442\u043f\u0440\u0430\u0432\u0438\u0442\u044c-\u0443\u0447\u0435\u0442\u043d\u044b\u0435-\u0434\u0430\u043d\u043d\u044b\u0435-\u043d\u0430-\u0431\u044d\u043a\u0435\u043d\u0434",children:"\u041a\u0430\u043a \u043e\u0442\u043f\u0440\u0430\u0432\u0438\u0442\u044c \u0443\u0447\u0435\u0442\u043d\u044b\u0435 \u0434\u0430\u043d\u043d\u044b\u0435 \u043d\u0430 \u0431\u044d\u043a\u0435\u043d\u0434"}),"\n",(0,i.jsx)(n.p,{children:"\u0421\u043e\u0437\u0434\u0430\u0439\u0442\u0435 \u0444\u0443\u043d\u043a\u0446\u0438\u044e, \u043a\u043e\u0442\u043e\u0440\u0430\u044f \u043e\u0442\u043f\u0440\u0430\u0432\u043b\u044f\u0435\u0442 \u0437\u0430\u043f\u0440\u043e\u0441 \u043a \u044d\u043d\u0434\u043f\u043e\u0438\u043d\u0442\u0443 \u043b\u043e\u0433\u0438\u043d\u0430 \u043d\u0430 \u0431\u044d\u043a\u0435\u043d\u0434\u0435. \u042d\u0442\u0443 \u0444\u0443\u043d\u043a\u0446\u0438\u044e \u043c\u043e\u0436\u043d\u043e \u0432\u044b\u0437\u0432\u0430\u0442\u044c \u043b\u0438\u0431\u043e \u043d\u0435\u043f\u043e\u0441\u0440\u0435\u0434\u0441\u0442\u0432\u0435\u043d\u043d\u043e \u0432 \u043a\u043e\u0434\u0435 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u0430 \u0447\u0435\u0440\u0435\u0437 \u0431\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a\u0443 \u043c\u0443\u0442\u0430\u0446\u0438\u0439 (\u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, TanStack Query), \u043b\u0438\u0431\u043e \u043a\u0430\u043a \u043f\u043e\u0431\u043e\u0447\u043d\u044b\u0439 \u044d\u0444\u0444\u0435\u043a\u0442 \u0432 \u0441\u0442\u0435\u0439\u0442-\u043c\u0435\u043d\u0435\u0434\u0436\u0435\u0440\u0435."}),"\n",(0,i.jsx)(n.h3,{id:"\u0433\u0434\u0435-\u0445\u0440\u0430\u043d\u0438\u0442\u044c-\u0444\u0443\u043d\u043a\u0446\u0438\u044e-\u0437\u0430\u043f\u0440\u043e\u0441\u0430",children:"\u0413\u0434\u0435 \u0445\u0440\u0430\u043d\u0438\u0442\u044c \u0444\u0443\u043d\u043a\u0446\u0438\u044e \u0437\u0430\u043f\u0440\u043e\u0441\u0430"}),"\n",(0,i.jsxs)(n.p,{children:["\u0415\u0441\u0442\u044c \u0434\u0432\u0430 \u043c\u0435\u0441\u0442\u0430, \u043a\u0443\u0434\u0430 \u043c\u043e\u0436\u043d\u043e \u043f\u043e\u043b\u043e\u0436\u0438\u0442\u044c \u044d\u0442\u0443 \u0444\u0443\u043d\u043a\u0446\u0438\u044e: \u0432 ",(0,i.jsx)(n.code,{children:"shared/api"})," \u0438\u043b\u0438 \u0432 \u0441\u0435\u0433\u043c\u0435\u043d\u0442 ",(0,i.jsx)(n.code,{children:"api"})," \u043d\u0430 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0435."]}),"\n",(0,i.jsxs)(n.h4,{id:"\u0432-sharedapi",children:["\u0412 ",(0,i.jsx)(n.code,{children:"shared/api"})]}),"\n",(0,i.jsxs)(n.p,{children:["\u042d\u0442\u043e\u0442 \u043f\u043e\u0434\u0445\u043e\u0434 \u0445\u043e\u0440\u043e\u0448\u043e \u0441\u043e\u0447\u0435\u0442\u0430\u0435\u0442\u0441\u044f \u0441 \u0442\u0435\u043c, \u0447\u0442\u043e\u0431 \u0440\u0430\u0437\u043c\u0435\u0449\u0430\u0442\u044c \u0432 ",(0,i.jsx)(n.code,{children:"shared/api"})," \u0432\u0441\u0435 \u0444\u0443\u043d\u043a\u0446\u0438\u0438 \u0437\u0430\u043f\u0440\u043e\u0441\u043e\u0432, \u0438 \u0433\u0440\u0443\u043f\u043f\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u0438\u0445 \u043f\u043e \u044d\u043d\u0434\u043f\u043e\u0438\u043d\u0442\u0443, \u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440. \u0421\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u0430 \u0444\u0430\u0439\u043b\u043e\u0432 \u0432 \u0442\u0430\u043a\u043e\u043c \u0441\u043b\u0443\u0447\u0430\u0435 \u043c\u043e\u0436\u0435\u0442 \u0432\u044b\u0433\u043b\u044f\u0434\u0435\u0442\u044c \u0442\u0430\u043a:"]}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsxs)(n.li,{children:["\ud83d\udcc2 shared","\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsxs)(n.li,{children:["\ud83d\udcc2 api","\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsxs)(n.li,{children:["\ud83d\udcc2 endpoints","\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsx)(n.li,{children:"\ud83d\udcc4 login.ts"}),"\n",(0,i.jsx)(n.li,{children:"\u043e\u0441\u0442\u0430\u043b\u044c\u043d\u044b\u0435 \u0444\u0443\u043d\u043a\u0446\u0438\u0438 \u0437\u0430\u043f\u0440\u043e\u0441\u043e\u0432\u2026"}),"\n"]}),"\n"]}),"\n",(0,i.jsx)(n.li,{children:"\ud83d\udcc4 client.ts"}),"\n",(0,i.jsx)(n.li,{children:"\ud83d\udcc4 index.ts"}),"\n"]}),"\n"]}),"\n"]}),"\n"]}),"\n"]}),"\n",(0,i.jsxs)(n.p,{children:["\u0424\u0430\u0439\u043b ",(0,i.jsx)(n.code,{children:"\ud83d\udcc4 client.ts"})," \u0441\u043e\u0434\u0435\u0440\u0436\u0438\u0442 \u043e\u0431\u0451\u0440\u0442\u043a\u0443 \u043d\u0430\u0434 \u043f\u0440\u0438\u043c\u0438\u0442\u0438\u0432\u043e\u043c, \u0432\u044b\u043f\u043e\u043b\u043d\u044f\u044e\u0449\u0438\u043c \u0437\u0430\u043f\u0440\u043e\u0441\u044b (\u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, ",(0,i.jsx)(n.code,{children:"fetch()"}),"). \u042d\u0442\u0430 \u043e\u0431\u0451\u0440\u0442\u043a\u0430 \u0437\u043d\u0430\u0435\u0442 \u043f\u0440\u043e base URL \u0432\u0430\u0448\u0435\u0433\u043e \u0431\u044d\u043a\u0435\u043d\u0434\u0430, \u043f\u0440\u043e\u0441\u0442\u0430\u0432\u043b\u044f\u0435\u0442 \u043d\u0435\u043e\u0431\u0445\u043e\u0434\u0438\u043c\u044b\u0435 \u0437\u0430\u0433\u043e\u043b\u043e\u0432\u043a\u0438, \u0441\u0435\u0440\u0438\u0430\u043b\u0438\u0437\u0443\u0435\u0442 \u0434\u0430\u043d\u043d\u044b\u0435, \u0438 \u0442.\u0434."]}),"\n",(0,i.jsx)(n.pre,{children:(0,i.jsx)(n.code,{className:"language-ts",metastring:'title="shared/api/endpoints/login.ts"',children:'import { POST } from "../client";\n\nexport function login({ email, password }: { email: string, password: string }) {\n    return POST("/login", { email, password });\n}\n'})}),"\n",(0,i.jsx)(n.pre,{children:(0,i.jsx)(n.code,{className:"language-ts",metastring:'title="shared/api/index.ts"',children:'export { login } from "./endpoints/login";\n'})}),"\n",(0,i.jsxs)(n.h4,{id:"\u0432-\u0441\u0435\u0433\u043c\u0435\u043d\u0442\u0435-api-\u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b",children:["\u0412 \u0441\u0435\u0433\u043c\u0435\u043d\u0442\u0435 ",(0,i.jsx)(n.code,{children:"api"})," \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b"]}),"\n",(0,i.jsxs)(n.p,{children:["\u0415\u0441\u043b\u0438 \u0432\u044b \u043d\u0435 \u0445\u0440\u0430\u043d\u0438\u0442\u0435 \u0432\u0441\u0435 \u0441\u0432\u043e\u0438 \u0437\u0430\u043f\u0440\u043e\u0441\u044b \u0432 \u043e\u0434\u043d\u043e\u043c \u043c\u0435\u0441\u0442\u0435, \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e, \u0432\u0430\u043c \u043f\u043e\u0434\u043e\u0439\u0434\u0435\u0442 \u0440\u0430\u0437\u043c\u0435\u0441\u0442\u0438\u0442\u044c \u044d\u0442\u0443 \u0444\u0443\u043d\u043a\u0446\u0438\u044e \u0437\u0430\u043f\u0440\u043e\u0441\u0430 \u0432 \u0441\u0435\u0433\u043c\u0435\u043d\u0442\u0435 ",(0,i.jsx)(n.code,{children:"api"})," \u043d\u0430 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0435 \u043b\u043e\u0433\u0438\u043d\u0430."]}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsxs)(n.li,{children:["\ud83d\udcc2 pages","\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsxs)(n.li,{children:["\ud83d\udcc2 login","\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsxs)(n.li,{children:["\ud83d\udcc2 api","\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsx)(n.li,{children:"\ud83d\udcc4 login.ts"}),"\n"]}),"\n"]}),"\n",(0,i.jsxs)(n.li,{children:["\ud83d\udcc2 ui","\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsx)(n.li,{children:"\ud83d\udcc4 LoginPage.tsx"}),"\n"]}),"\n"]}),"\n",(0,i.jsx)(n.li,{children:"\ud83d\udcc4 index.ts"}),"\n"]}),"\n"]}),"\n",(0,i.jsx)(n.li,{children:"\u043e\u0441\u0442\u0430\u043b\u044c\u043d\u044b\u0435 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b\u2026"}),"\n"]}),"\n"]}),"\n"]}),"\n",(0,i.jsx)(n.pre,{children:(0,i.jsx)(n.code,{className:"language-ts",metastring:'title="pages/login/api/login.ts"',children:'import { POST } from "shared/api";\n\nexport function login({ email, password }: { email: string, password: string }) {\n    return POST("/login", { email, password });\n}\n'})}),"\n",(0,i.jsx)(n.p,{children:"\u042d\u0442\u0443 \u0444\u0443\u043d\u043a\u0446\u0438\u044e \u0434\u0430\u0436\u0435 \u043d\u0435\u043e\u0431\u044f\u0437\u0430\u0442\u0435\u043b\u044c\u043d\u043e \u0440\u0435\u044d\u043a\u0441\u043f\u043e\u0440\u0442\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u0438\u0437 \u0438\u043d\u0434\u0435\u043a\u0441\u0430 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b, \u043f\u043e\u0442\u043e\u043c\u0443 \u0447\u0442\u043e, \u0441\u043a\u043e\u0440\u0435\u0435 \u0432\u0441\u0435\u0433\u043e, \u043e\u043d\u0430 \u0431\u0443\u0434\u0435\u0442 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c\u0441\u044f \u0442\u043e\u043b\u044c\u043a\u043e \u0432\u043d\u0443\u0442\u0440\u0438 \u044d\u0442\u043e\u0439 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b."}),"\n",(0,i.jsx)(n.h3,{id:"\u0434\u0432\u0443\u0445\u0444\u0430\u043a\u0442\u043e\u0440\u043d\u0430\u044f-\u0430\u0443\u0442\u0435\u043d\u0442\u0438\u0444\u0438\u043a\u0430\u0446\u0438\u044f",children:"\u0414\u0432\u0443\u0445\u0444\u0430\u043a\u0442\u043e\u0440\u043d\u0430\u044f \u0430\u0443\u0442\u0435\u043d\u0442\u0438\u0444\u0438\u043a\u0430\u0446\u0438\u044f"}),"\n",(0,i.jsxs)(n.p,{children:["\u0415\u0441\u043b\u0438 \u0432\u0430\u0448\u0435 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0435 \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u0438\u0432\u0430\u0435\u0442 \u0434\u0432\u0443\u0445\u0444\u0430\u043a\u0442\u043e\u0440\u043d\u0443\u044e \u0430\u0443\u0442\u0435\u043d\u0442\u0438\u0444\u0438\u043a\u0430\u0446\u0438\u044e (2FA), \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e, \u0432\u0430\u043c \u043f\u0440\u0438\u0434\u0435\u0442\u0441\u044f \u043f\u0435\u0440\u0435\u043d\u0430\u043f\u0440\u0430\u0432\u0438\u0442\u044c \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044f \u043d\u0430 \u0434\u0440\u0443\u0433\u0443\u044e \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0443, \u0433\u0434\u0435 \u043e\u043d\u0438 \u0441\u043c\u043e\u0433\u0443\u0442 \u0432\u0432\u0435\u0441\u0442\u0438 \u043e\u0434\u043d\u043e\u0440\u0430\u0437\u043e\u0432\u044b\u0439 \u043f\u0430\u0440\u043e\u043b\u044c. \u041e\u0431\u044b\u0447\u043d\u043e, \u0432\u0430\u0448 \u0437\u0430\u043f\u0440\u043e\u0441 ",(0,i.jsx)(n.code,{children:"POST /login"})," \u0432\u043e\u0437\u0432\u0440\u0430\u0449\u0430\u0435\u0442 \u043e\u0431\u044a\u0435\u043a\u0442 \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044f \u0441 \u0444\u043b\u0430\u0433\u043e\u043c, \u0443\u043a\u0430\u0437\u044b\u0432\u0430\u044e\u0449\u0438\u043c, \u0447\u0442\u043e \u0443 \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044f \u0432\u043a\u043b\u044e\u0447\u0435\u043d 2FA. \u0415\u0441\u043b\u0438 \u044d\u0442\u043e\u0442 \u0444\u043b\u0430\u0433 \u0443\u0441\u0442\u0430\u043d\u043e\u0432\u043b\u0435\u043d, \u043f\u0435\u0440\u0435\u043d\u0430\u043f\u0440\u0430\u0432\u044c\u0442\u0435 \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044f \u043d\u0430 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0443 2FA."]}),"\n",(0,i.jsxs)(n.p,{children:["\u041f\u043e\u0441\u043a\u043e\u043b\u044c\u043a\u0443 \u044d\u0442\u0430 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0430 \u043e\u0447\u0435\u043d\u044c \u0441\u0432\u044f\u0437\u0430\u043d\u0430 \u0441 \u043b\u043e\u0433\u0438\u043d\u043e\u043c, \u0432\u044b \u0442\u0430\u043a\u0436\u0435 \u043c\u043e\u0436\u0435\u0442\u0435 \u043f\u043e\u043b\u043e\u0436\u0438\u0442\u044c \u0435\u0451 \u0432 \u0442\u043e\u0442 \u0436\u0435 \u0441\u043b\u0430\u0439\u0441, ",(0,i.jsx)(n.code,{children:"login"}),", \u043d\u0430 \u0441\u043b\u043e\u0435 Pages."]}),"\n",(0,i.jsxs)(n.p,{children:["\u0412\u0430\u043c \u0442\u0430\u043a\u0436\u0435 \u043f\u043e\u043d\u0430\u0434\u043e\u0431\u0438\u0442\u0441\u044f \u0435\u0449\u0435 \u043e\u0434\u043d\u0430 \u0444\u0443\u043d\u043a\u0446\u0438\u044f \u0437\u0430\u043f\u0440\u043e\u0441\u0430, \u043f\u043e\u0445\u043e\u0436\u0430\u044f \u043d\u0430 ",(0,i.jsx)(n.code,{children:"login()"}),", \u043a\u043e\u0442\u043e\u0440\u0443\u044e \u043c\u044b \u0441\u043e\u0437\u0434\u0430\u043b\u0438 \u0432\u044b\u0448\u0435. \u041f\u043e\u043c\u0435\u0441\u0442\u0438\u0442\u0435 \u0438\u0445 \u0432\u043c\u0435\u0441\u0442\u0435 \u043b\u0438\u0431\u043e \u0432 Shared, \u043b\u0438\u0431\u043e \u0432 \u0441\u0435\u0433\u043c\u0435\u043d\u0442 ",(0,i.jsx)(n.code,{children:"api"})," \u043d\u0430 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0435 ",(0,i.jsx)(n.code,{children:"login"}),"."]}),"\n",(0,i.jsx)(n.h2,{id:"how-to-store-the-token-for-authenticated-requests",children:"\u041a\u0430\u043a \u0445\u0440\u0430\u043d\u0438\u0442\u044c \u0442\u043e\u043a\u0435\u043d \u0434\u043b\u044f \u0430\u0432\u0442\u043e\u0440\u0438\u0437\u043e\u0432\u0430\u043d\u043d\u044b\u0445 \u0437\u0430\u043f\u0440\u043e\u0441\u043e\u0432"}),"\n",(0,i.jsx)(n.p,{children:"\u041d\u0435\u0437\u0430\u0432\u0438\u0441\u0438\u043c\u043e \u043e\u0442 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u043c\u043e\u0439 \u0432\u0430\u043c\u0438 \u0441\u0445\u0435\u043c\u044b \u0430\u0432\u0442\u043e\u0440\u0438\u0437\u0430\u0446\u0438\u0438, \u0431\u0443\u0434\u044c \u0442\u043e \u043f\u0440\u043e\u0441\u0442\u043e\u0439 \u043b\u043e\u0433\u0438\u043d \u0438 \u043f\u0430\u0440\u043e\u043b\u044c, OAuth \u0438\u043b\u0438 \u0434\u0432\u0443\u0445\u0444\u0430\u043a\u0442\u043e\u0440\u043d\u0430\u044f \u0430\u0443\u0442\u0435\u043d\u0442\u0438\u0444\u0438\u043a\u0430\u0446\u0438\u044f, \u0432 \u043a\u043e\u043d\u0446\u0435 \u0432\u044b \u043f\u043e\u043b\u0443\u0447\u0438\u0442\u0435 \u0442\u043e\u043a\u0435\u043d. \u042d\u0442\u043e\u0442 \u0442\u043e\u043a\u0435\u043d \u0441\u043b\u0435\u0434\u0443\u0435\u0442 \u0445\u0440\u0430\u043d\u0438\u0442\u044c, \u0447\u0442\u043e\u0431\u044b \u043f\u043e\u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0438\u0435 \u0437\u0430\u043f\u0440\u043e\u0441\u044b \u043c\u043e\u0433\u043b\u0438 \u0438\u0434\u0435\u043d\u0442\u0438\u0444\u0438\u0446\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u0441\u0435\u0431\u044f."}),"\n",(0,i.jsxs)(n.p,{children:["\u0418\u0434\u0435\u0430\u043b\u044c\u043d\u044b\u043c \u0445\u0440\u0430\u043d\u0438\u043b\u0438\u0449\u0435\u043c \u0442\u043e\u043a\u0435\u043d\u043e\u0432 \u0434\u043b\u044f \u0432\u0435\u0431-\u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f \u044f\u0432\u043b\u044f\u044e\u0442\u0441\u044f ",(0,i.jsx)(n.strong,{children:"cookies"})," \u2014 \u043e\u043d\u0438 \u043d\u0435 \u0442\u0440\u0435\u0431\u0443\u044e\u0442 \u0440\u0443\u0447\u043d\u043e\u0433\u043e \u0441\u043e\u0445\u0440\u0430\u043d\u0435\u043d\u0438\u044f \u0438\u043b\u0438 \u043e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u0438 \u0442\u043e\u043a\u0435\u043d\u043e\u0432. \u0422\u0430\u043a\u0438\u043c \u043e\u0431\u0440\u0430\u0437\u043e\u043c, \u0445\u0440\u0430\u043d\u0435\u043d\u0438\u0435 cookies \u043f\u0440\u0430\u043a\u0442\u0438\u0447\u0435\u0441\u043a\u0438 \u043d\u0435 \u0442\u0440\u0435\u0431\u0443\u0435\u0442 \u0443\u0441\u0438\u043b\u0438\u0439 \u0441\u043e \u0441\u0442\u043e\u0440\u043e\u043d\u044b \u0430\u0440\u0445\u0438\u0442\u0435\u043a\u0442\u0443\u0440\u044b \u0444\u0440\u043e\u043d\u0442\u0435\u043d\u0434\u0430. \u0415\u0441\u043b\u0438 \u0432\u0430\u0448 \u0444\u0440\u043e\u043d\u0442\u0435\u043d\u0434-\u0444\u0440\u0435\u0439\u043c\u0432\u043e\u0440\u043a \u0438\u043c\u0435\u0435\u0442 \u0441\u0435\u0440\u0432\u0435\u0440\u043d\u0443\u044e \u0447\u0430\u0441\u0442\u044c (\u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, ",(0,i.jsx)(n.a,{href:"https://remix.run",children:"Remix"}),"), \u0442\u043e \u0441\u0435\u0440\u0432\u0435\u0440\u043d\u0443\u044e \u0438\u043d\u0444\u0440\u0430\u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u0443 cookies \u0441\u043b\u0435\u0434\u0443\u0435\u0442 \u0445\u0440\u0430\u043d\u0438\u0442\u044c \u0432 ",(0,i.jsx)(n.code,{children:"shared/api"}),". \u0412 ",(0,i.jsx)(n.a,{href:"/docs/get-started/tutorial#authentication",children:"\u0440\u0430\u0437\u0434\u0435\u043b\u0435 \u0442\u0443\u0442\u043e\u0440\u0438\u0430\u043b\u0430 \xab\u0410\u0443\u0442\u0435\u043d\u0442\u0438\u0444\u0438\u043a\u0430\u0446\u0438\u044f\xbb"})," \u0435\u0441\u0442\u044c \u043f\u0440\u0438\u043c\u0435\u0440 \u0442\u043e\u0433\u043e, \u043a\u0430\u043a \u044d\u0442\u043e \u0441\u0434\u0435\u043b\u0430\u0442\u044c \u0432 Remix."]}),"\n",(0,i.jsx)(n.p,{children:"\u041e\u0434\u043d\u0430\u043a\u043e, \u0438\u043d\u043e\u0433\u0434\u0430 \u0445\u0440\u0430\u043d\u0438\u0442\u044c \u0442\u043e\u043a\u0435\u043d \u0432 cookies \u2014 \u043d\u0435 \u0432\u0430\u0440\u0438\u0430\u043d\u0442. \u0412 \u044d\u0442\u043e\u043c \u0441\u043b\u0443\u0447\u0430\u0435 \u0432\u0430\u043c \u043f\u0440\u0438\u0434\u0435\u0442\u0441\u044f \u0445\u0440\u0430\u043d\u0438\u0442\u044c \u0442\u043e\u043a\u0435\u043d \u0441\u0430\u043c\u0438\u043c. \u041f\u043e\u043c\u0438\u043c\u043e \u044d\u0442\u043e\u0433\u043e, \u0432\u0430\u043c \u0442\u0430\u043a\u0436\u0435 \u043c\u043e\u0436\u0435\u0442 \u043f\u043e\u0442\u0440\u0435\u0431\u043e\u0432\u0430\u0442\u044c\u0441\u044f \u043d\u0430\u043f\u0438\u0441\u0430\u0442\u044c \u043b\u043e\u0433\u0438\u043a\u0443 \u0434\u043b\u044f \u043e\u0431\u043d\u043e\u0432\u043b\u0435\u043d\u0438\u044f \u044d\u0442\u043e\u0433\u043e \u0442\u043e\u043a\u0435\u043d\u0430 \u043f\u043e \u0438\u0441\u0442\u0435\u0447\u0435\u043d\u0438\u0438 \u0441\u0440\u043e\u043a\u0430 \u0435\u0433\u043e \u0434\u0435\u0439\u0441\u0442\u0432\u0438\u044f. \u0412 \u0440\u0430\u043c\u043a\u0430\u0445 FSD \u0435\u0441\u0442\u044c \u043d\u0435\u0441\u043a\u043e\u043b\u044c\u043a\u043e \u043c\u0435\u0441\u0442, \u0433\u0434\u0435 \u0432\u044b \u043c\u043e\u0436\u0435\u0442\u0435 \u0445\u0440\u0430\u043d\u0438\u0442\u044c \u0442\u043e\u043a\u0435\u043d, \u0430 \u0442\u0430\u043a\u0436\u0435 \u043d\u0435\u0441\u043a\u043e\u043b\u044c\u043a\u043e \u0441\u043f\u043e\u0441\u043e\u0431\u043e\u0432 \u0441\u0434\u0435\u043b\u0430\u0442\u044c \u0435\u0433\u043e \u0434\u043e\u0441\u0442\u0443\u043f\u043d\u044b\u043c \u0434\u043b\u044f \u043e\u0441\u0442\u0430\u043b\u044c\u043d\u043e\u0439 \u0447\u0430\u0441\u0442\u0438 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f."}),"\n",(0,i.jsx)(n.h3,{id:"\u0432-shared",children:"\u0412 Shared"}),"\n",(0,i.jsxs)(n.p,{children:["\u042d\u0442\u043e\u0442 \u043f\u043e\u0434\u0445\u043e\u0434 \u0445\u043e\u0440\u043e\u0448\u043e \u0440\u0430\u0431\u043e\u0442\u0430\u0435\u0442, \u043a\u043e\u0433\u0434\u0430 API-\u043a\u043b\u0438\u0435\u043d\u0442 \u043e\u043f\u0440\u0435\u0434\u0435\u043b\u0435\u043d \u0432 ",(0,i.jsx)(n.code,{children:"shared/api"}),", \u043f\u043e\u0441\u043a\u043e\u043b\u044c\u043a\u0443 \u0442\u043e\u043a\u0435\u043d \u0441\u0432\u043e\u0431\u043e\u0434\u043d\u043e \u0434\u043e\u0441\u0442\u0443\u043f\u0435\u043d \u0435\u043c\u0443 \u0434\u043b\u044f \u0434\u0440\u0443\u0433\u0438\u0445 \u0444\u0443\u043d\u043a\u0446\u0438\u0439-\u0437\u0430\u043f\u0440\u043e\u0441\u043e\u0432, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u0442\u0440\u0435\u0431\u0443\u044e\u0442 \u0430\u0432\u0442\u043e\u0440\u0438\u0437\u0430\u0446\u0438\u044e. \u0412\u044b \u043c\u043e\u0436\u0435\u0442\u0435 \u0441\u0434\u0435\u043b\u0430\u0442\u044c \u0442\u0430\u043a, \u0447\u0442\u043e\u0431 \u043a\u043b\u0438\u0435\u043d\u0442 \u0438\u043c\u0435\u043b \u0441\u0432\u043e\u0439 \u0441\u0442\u0435\u0439\u0442, \u043b\u0438\u0431\u043e \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e \u0440\u0435\u0430\u043a\u0442\u0438\u0432\u043d\u043e\u0433\u043e \u0445\u0440\u0430\u043d\u0438\u043b\u0438\u0449\u0430, \u043b\u0438\u0431\u043e \u043f\u0440\u043e\u0441\u0442\u043e \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e \u043f\u0435\u0440\u0435\u043c\u0435\u043d\u043d\u043e\u0439 \u043d\u0430 \u0443\u0440\u043e\u0432\u043d\u0435 \u043c\u043e\u0434\u0443\u043b\u044f. \u0417\u0430\u0442\u0435\u043c \u0432\u044b \u043c\u043e\u0436\u0435\u0442\u0435 \u043e\u0431\u043d\u043e\u0432\u043b\u044f\u0442\u044c \u044d\u0442\u043e\u0442 \u0441\u0442\u0435\u0439\u0442 \u0432 \u0432\u0430\u0448\u0438\u0445 \u0444\u0443\u043d\u043a\u0446\u0438\u044f\u0445 ",(0,i.jsx)(n.code,{children:"login()"}),"/",(0,i.jsx)(n.code,{children:"logout()"}),"."]}),"\n",(0,i.jsx)(n.p,{children:"\u0410\u0432\u0442\u043e\u043c\u0430\u0442\u0438\u0447\u0435\u0441\u043a\u043e\u0435 \u043e\u0431\u043d\u043e\u0432\u043b\u0435\u043d\u0438\u0435 \u0442\u043e\u043a\u0435\u043d\u0430 \u043c\u043e\u0436\u0435\u0442 \u0431\u044b\u0442\u044c \u0440\u0435\u0430\u043b\u0438\u0437\u043e\u0432\u0430\u043d\u043e \u043a\u0430\u043a middleware \u0432 API-\u043a\u043b\u0438\u0435\u043d\u0442\u0435 \u2014 \u0442\u043e, \u0447\u0442\u043e \u0432\u044b\u043f\u043e\u043b\u043d\u044f\u0435\u0442\u0441\u044f \u043a\u0430\u0436\u0434\u044b\u0439 \u0440\u0430\u0437, \u043a\u043e\u0433\u0434\u0430 \u0432\u044b \u0434\u0435\u043b\u0430\u0435\u0442\u0435 \u043a\u0430\u043a\u043e\u0439-\u043b\u0438\u0431\u043e \u0437\u0430\u043f\u0440\u043e\u0441. \u041d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, \u043c\u043e\u0436\u043d\u043e \u0441\u0434\u0435\u043b\u0430\u0442\u044c \u0442\u0430\u043a:"}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsx)(n.li,{children:"\u0410\u0432\u0442\u043e\u0440\u0438\u0437\u043e\u0432\u0430\u0442\u044c\u0441\u044f \u0438 \u0441\u043e\u0445\u0440\u0430\u043d\u0438\u0442\u044c \u0442\u043e\u043a\u0435\u043d \u0434\u043e\u0441\u0442\u0443\u043f\u0430, \u0430 \u0442\u0430\u043a\u0436\u0435 \u0442\u043e\u043a\u0435\u043d \u043e\u0431\u043d\u043e\u0432\u043b\u0435\u043d\u0438\u044f."}),"\n",(0,i.jsx)(n.li,{children:"\u0421\u0434\u0435\u043b\u0430\u0442\u044c \u043b\u044e\u0431\u043e\u0439 \u0437\u0430\u043f\u0440\u043e\u0441, \u0442\u0440\u0435\u0431\u0443\u044e\u0449\u0438\u0439 \u0430\u0432\u0442\u043e\u0440\u0438\u0437\u0430\u0446\u0438\u0438"}),"\n",(0,i.jsx)(n.li,{children:"\u0415\u0441\u043b\u0438 \u0437\u0430\u043f\u0440\u043e\u0441 \u043f\u0430\u0434\u0430\u0435\u0442 \u0441 \u043a\u043e\u0434\u043e\u043c \u0441\u043e\u0441\u0442\u043e\u044f\u043d\u0438\u044f, \u0443\u043a\u0430\u0437\u044b\u0432\u0430\u044e\u0449\u0438\u043c \u043d\u0430 \u0438\u0441\u0442\u0435\u0447\u0435\u043d\u0438\u0435 \u0441\u0440\u043e\u043a\u0430 \u0434\u0435\u0439\u0441\u0442\u0432\u0438\u044f \u0442\u043e\u043a\u0435\u043d\u0430, \u0430 \u0432 \u0445\u0440\u0430\u043d\u0438\u043b\u0438\u0449\u0435 \u0435\u0441\u0442\u044c \u0442\u043e\u043a\u0435\u043d, \u0441\u0434\u0435\u043b\u0430\u0442\u044c \u0437\u0430\u043f\u0440\u043e\u0441 \u043d\u0430 \u043e\u0431\u043d\u043e\u0432\u043b\u0435\u043d\u0438\u0435, \u0441\u043e\u0445\u0440\u0430\u043d\u0438\u0442\u044c \u043d\u043e\u0432\u044b\u0435 \u0442\u043e\u043a\u0435\u043d\u044b \u0438 \u043f\u043e\u0432\u0442\u043e\u0440\u0438\u0442\u044c \u0438\u0441\u0445\u043e\u0434\u043d\u044b\u0439 \u0437\u0430\u043f\u0440\u043e\u0441."}),"\n"]}),"\n",(0,i.jsxs)(n.p,{children:["\u041e\u0434\u043d\u0438\u043c \u0438\u0437 \u043d\u0435\u0434\u043e\u0441\u0442\u0430\u0442\u043a\u043e\u0432 \u044d\u0442\u043e\u0433\u043e \u043f\u043e\u0434\u0445\u043e\u0434\u0430 \u044f\u0432\u043b\u044f\u0435\u0442\u0441\u044f \u0442\u043e, \u0447\u0442\u043e \u043b\u043e\u0433\u0438\u043a\u0430 \u0445\u0440\u0430\u043d\u0435\u043d\u0438\u044f \u0438 \u043e\u0431\u043d\u043e\u0432\u043b\u0435\u043d\u0438\u044f \u0442\u043e\u043a\u0435\u043d\u0430 \u043d\u0435 \u0438\u043c\u0435\u0435\u0442 \u0432\u044b\u0434\u0435\u043b\u0435\u043d\u043d\u043e\u0433\u043e \u043c\u0435\u0441\u0442\u0430. \u042d\u0442\u043e \u043c\u043e\u0436\u0435\u0442 \u043f\u043e\u0434\u043e\u0439\u0442\u0438 \u043a\u0430\u043a\u0438\u043c-\u0442\u043e \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f\u043c \u0438\u043b\u0438 \u043a\u043e\u043c\u0430\u043d\u0434\u0430\u043c, \u043d\u043e \u0435\u0441\u043b\u0438 \u043b\u043e\u0433\u0438\u043a\u0430 \u0443\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u0438\u044f \u0442\u043e\u043a\u0435\u043d\u0430\u043c\u0438 \u0431\u043e\u043b\u0435\u0435 \u0441\u043b\u043e\u0436\u043d\u0430, \u043c\u043e\u0436\u0435\u0442 \u0437\u0430\u0445\u043e\u0442\u0435\u0442\u044c\u0441\u044f \u0440\u0430\u0437\u0434\u0435\u043b\u0438\u0442\u044c \u043e\u0431\u044f\u0437\u0430\u043d\u043d\u043e\u0441\u0442\u0438 \u043f\u043e \u043e\u0442\u043f\u0440\u0430\u0432\u043a\u0435 \u0437\u0430\u043f\u0440\u043e\u0441\u043e\u0432 \u0438 \u0443\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u0438\u044e \u0442\u043e\u043a\u0435\u043d\u0430\u043c\u0438. \u0412 \u044d\u0442\u043e\u043c \u0441\u043b\u0443\u0447\u0430\u0435 \u043c\u043e\u0436\u043d\u043e \u043f\u043e\u043b\u043e\u0436\u0438\u0442\u044c \u0437\u0430\u043f\u0440\u043e\u0441\u044b \u0438 API-\u043a\u043b\u0438\u0435\u043d\u0442 \u0432 ",(0,i.jsx)(n.code,{children:"shared/api"}),", \u0430 \u0445\u0440\u0430\u043d\u0438\u043b\u0438\u0449\u0435 \u0442\u043e\u043a\u0435\u043d\u043e\u0432 \u0438 \u043b\u043e\u0433\u0438\u043a\u0443 \u043e\u0431\u043d\u043e\u0432\u043b\u0435\u043d\u0438\u044f \u2014 \u0432 ",(0,i.jsx)(n.code,{children:"shared/auth"}),"."]}),"\n",(0,i.jsxs)(n.p,{children:["\u0415\u0449\u0435 \u043e\u0434\u043d\u0438\u043c \u043d\u0435\u0434\u043e\u0441\u0442\u0430\u0442\u043a\u043e\u043c \u044d\u0442\u043e\u0433\u043e \u043f\u043e\u0434\u0445\u043e\u0434\u0430 \u044f\u0432\u043b\u044f\u0435\u0442\u0441\u044f \u0442\u043e, \u0447\u0442\u043e \u0435\u0441\u043b\u0438 \u0432\u0430\u0448 \u0441\u0435\u0440\u0432\u0435\u0440 \u0432\u043e\u0437\u0432\u0440\u0430\u0449\u0430\u0435\u0442 \u043e\u0431\u044a\u0435\u043a\u0442 c \u0438\u043d\u0444\u043e\u0440\u043c\u0430\u0446\u0438\u0435\u0439 \u043e \u0432\u0430\u0448\u0435\u043c \u0442\u0435\u043a\u0443\u0449\u0435\u043c \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u0435 \u0432\u043c\u0435\u0441\u0442\u0435 \u0441 \u0442\u043e\u043a\u0435\u043d\u043e\u043c, \u0432\u0430\u043c \u0431\u0443\u0434\u0435\u0442 \u043d\u0435\u043a\u0443\u0434\u0430 \u0435\u0451 \u043f\u043e\u043b\u043e\u0436\u0438\u0442\u044c, \u0438 \u043f\u0440\u0438\u0434\u0435\u0442\u0441\u044f \u0437\u0430\u043f\u0440\u043e\u0441\u0438\u0442\u044c \u0435\u0451 \u0441\u043d\u043e\u0432\u0430 \u0438\u0437 \u0441\u043f\u0435\u0446\u0438\u0430\u043b\u044c\u043d\u043e\u0433\u043e \u044d\u043d\u0434\u043f\u043e\u0438\u043d\u0442\u0430, \u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440 ",(0,i.jsx)(n.code,{children:"/me"})," \u0438\u043b\u0438 ",(0,i.jsx)(n.code,{children:"/users/current"}),"."]}),"\n",(0,i.jsx)(n.h3,{id:"\u0432-entities",children:"\u0412 Entities"}),"\n",(0,i.jsx)(n.p,{children:"\u0423 \u043f\u0440\u043e\u0435\u043a\u0442\u043e\u0432 \u043d\u0430 FSD \u0447\u0430\u0441\u0442\u043e \u0435\u0441\u0442\u044c \u0441\u0443\u0449\u043d\u043e\u0441\u0442\u044c \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044f \u0438/\u0438\u043b\u0438 \u0441\u0443\u0449\u043d\u043e\u0441\u0442\u044c \u0442\u0435\u043a\u0443\u0449\u0435\u0433\u043e \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044f. \u042d\u0442\u043e \u0434\u0430\u0436\u0435 \u043c\u043e\u0436\u0435\u0442 \u0431\u044b\u0442\u044c \u043e\u0434\u043d\u0430 \u0441\u0443\u0449\u043d\u043e\u0441\u0442\u044c."}),"\n",(0,i.jsx)(n.admonition,{type:"note",children:(0,i.jsxs)(n.p,{children:[(0,i.jsx)(n.strong,{children:"\u0422\u0435\u043a\u0443\u0449\u0438\u0439 \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044c"}),' \u0442\u0430\u043a\u0436\u0435 \u0438\u043d\u043e\u0433\u0434\u0430 \u043d\u0430\u0437\u044b\u0432\u0430\u0435\u0442\u0441\u044f "viewer" \u0438\u043b\u0438 "me". \u042d\u0442\u043e \u0434\u0435\u043b\u0430\u0435\u0442\u0441\u044f \u0434\u043b\u044f \u0442\u043e\u0433\u043e, \u0447\u0442\u043e\u0431 \u0440\u0430\u0437\u043b\u0438\u0447\u0430\u0442\u044c \u043e\u0434\u043d\u043e\u0433\u043e \u0430\u0432\u0442\u043e\u0440\u0438\u0437\u043e\u0432\u0430\u043d\u043d\u043e\u0433\u043e \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044f \u0441 \u0440\u0430\u0437\u0440\u0435\u0448\u0435\u043d\u0438\u044f\u043c\u0438 \u0438 \u043f\u0440\u0438\u0432\u0430\u0442\u043d\u043e\u0439 \u0438\u043d\u0444\u043e\u0440\u043c\u0430\u0446\u0438\u0435\u0439 \u0438 \u0432\u0441\u0435\u0445 \u043e\u0441\u0442\u0430\u043b\u044c\u043d\u044b\u0445 \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u0435\u0439 \u0441 \u043f\u0443\u0431\u043b\u0438\u0447\u043d\u043e\u0439 \u0438\u043d\u0444\u043e\u0440\u043c\u0430\u0446\u0438\u0435\u0439.']})}),"\n",(0,i.jsxs)(n.p,{children:["\u0427\u0442\u043e\u0431 \u0445\u0440\u0430\u043d\u0438\u0442\u044c \u0442\u043e\u043a\u0435\u043d \u0432 \u0441\u0443\u0449\u043d\u043e\u0441\u0442\u0438 User, \u0441\u043e\u0437\u0434\u0430\u0439\u0442\u0435 \u0440\u0435\u0430\u043a\u0442\u0438\u0432\u043d\u043e\u0435 \u0445\u0440\u0430\u043d\u0438\u043b\u0438\u0449\u0435 \u0432 \u0441\u0435\u0433\u043c\u0435\u043d\u0442\u0435 ",(0,i.jsx)(n.code,{children:"model"}),". \u042d\u0442\u043e \u0445\u0440\u0430\u043d\u0438\u043b\u0438\u0449\u0435 \u043c\u043e\u0436\u0435\u0442 \u0441\u043e\u0434\u0435\u0440\u0436\u0430\u0442\u044c \u043e\u0434\u043d\u043e\u0432\u0440\u0435\u043c\u0435\u043d\u043d\u043e \u0438 \u0442\u043e\u043a\u0435\u043d, \u0438 \u043e\u0431\u044a\u0435\u043a\u0442 \u0441 \u0438\u043d\u0444\u043e\u0440\u043c\u0430\u0446\u0438\u0435\u0439 \u043e \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u0435."]}),"\n",(0,i.jsxs)(n.p,{children:["\u041f\u043e\u0441\u043a\u043e\u043b\u044c\u043a\u0443 API-\u043a\u043b\u0438\u0435\u043d\u0442 \u043e\u0431\u044b\u0447\u043d\u043e \u0440\u0430\u0437\u043c\u0435\u0449\u0430\u0435\u0442\u0441\u044f \u0432 ",(0,i.jsx)(n.code,{children:"shared/api"})," \u0438\u043b\u0438 \u0440\u0430\u0441\u043f\u0440\u0435\u0434\u0435\u043b\u044f\u0435\u0442\u0441\u044f \u043c\u0435\u0436\u0434\u0443 \u0441\u0443\u0449\u043d\u043e\u0441\u0442\u044f\u043c\u0438, \u0433\u043b\u0430\u0432\u043d\u043e\u0439 \u043f\u0440\u043e\u0431\u043b\u0435\u043c\u043e\u0439 \u044d\u0442\u043e\u0433\u043e \u043f\u043e\u0434\u0445\u043e\u0434\u0430 \u044f\u0432\u043b\u044f\u0435\u0442\u0441\u044f \u043e\u0431\u0435\u0441\u043f\u0435\u0447\u0435\u043d\u0438\u0435 \u0434\u043e\u0441\u0442\u0443\u043f\u0430 \u043a \u0442\u043e\u043a\u0435\u043d\u0443 \u0434\u043b\u044f \u0434\u0440\u0443\u0433\u0438\u0445 \u0437\u0430\u043f\u0440\u043e\u0441\u043e\u0432, \u043d\u0435 \u043d\u0430\u0440\u0443\u0448\u0430\u044f \u043f\u0440\u0438 \u044d\u0442\u043e\u043c ",(0,i.jsx)(n.a,{href:"/docs/reference/layers#import-rule-on-layers",children:"\u043f\u0440\u0430\u0432\u0438\u043b\u043e \u0438\u043c\u043f\u043e\u0440\u0442\u043e\u0432 \u0434\u043b\u044f \u0441\u043b\u043e\u0451\u0432"}),":"]}),"\n",(0,i.jsxs)(n.blockquote,{children:["\n",(0,i.jsx)(n.p,{children:"\u041c\u043e\u0434\u0443\u043b\u044c \u0432 \u0441\u043b\u0430\u0439\u0441\u0435 \u043c\u043e\u0436\u0435\u0442 \u0438\u043c\u043f\u043e\u0440\u0442\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u0434\u0440\u0443\u0433\u0438\u0435 \u0441\u043b\u0430\u0439\u0441\u044b \u0442\u043e\u043b\u044c\u043a\u043e \u0432 \u0442\u043e\u043c \u0441\u043b\u0443\u0447\u0430\u0435, \u0435\u0441\u043b\u0438 \u043e\u043d\u0438 \u0440\u0430\u0441\u043f\u043e\u043b\u043e\u0436\u0435\u043d\u044b \u043d\u0430 \u0441\u043b\u043e\u044f\u0445 \u0441\u0442\u0440\u043e\u0433\u043e \u043d\u0438\u0436\u0435."}),"\n"]}),"\n",(0,i.jsx)(n.p,{children:"\u0415\u0441\u0442\u044c \u043d\u0435\u0441\u043a\u043e\u043b\u044c\u043a\u043e \u0440\u0435\u0448\u0435\u043d\u0438\u0439 \u044d\u0442\u043e\u0439 \u043f\u0440\u043e\u0431\u043b\u0435\u043c\u044b:"}),"\n",(0,i.jsxs)(n.ol,{children:["\n",(0,i.jsxs)(n.li,{children:[(0,i.jsx)(n.strong,{children:"\u041f\u0435\u0440\u0435\u0434\u0430\u0432\u0430\u0442\u044c \u0442\u043e\u043a\u0435\u043d \u0432\u0440\u0443\u0447\u043d\u0443\u044e \u043a\u0430\u0436\u0434\u044b\u0439 \u0440\u0430\u0437, \u043a\u043e\u0433\u0434\u0430 \u0434\u0435\u043b\u0430\u0435\u0442\u0435 \u0437\u0430\u043f\u0440\u043e\u0441"}),(0,i.jsx)(n.br,{}),"\n","\u042d\u0442\u043e \u0441\u0430\u043c\u043e\u0435 \u043f\u0440\u043e\u0441\u0442\u043e\u0435 \u0440\u0435\u0448\u0435\u043d\u0438\u0435, \u043d\u043e \u043e\u043d\u043e \u0431\u044b\u0441\u0442\u0440\u043e \u0441\u0442\u0430\u043d\u043e\u0432\u0438\u0442\u0441\u044f \u043d\u0435\u0443\u0434\u043e\u0431\u043d\u044b\u043c, \u0438 \u0435\u0441\u043b\u0438 \u0443 \u0432\u0430\u0441 \u043d\u0435\u0442 \u0441\u0442\u0440\u043e\u0433\u043e\u0439 \u0442\u0438\u043f\u0438\u0437\u0430\u0446\u0438\u0438, \u043e\u0431 \u044d\u0442\u043e\u043c \u043b\u0435\u0433\u043a\u043e \u0437\u0430\u0431\u044b\u0442\u044c. \u042d\u0442\u043e \u0440\u0435\u0448\u0435\u043d\u0438\u0435 \u0442\u0430\u043a\u0436\u0435 \u043d\u0435\u0441\u043e\u0432\u043c\u0435\u0441\u0442\u0438\u043c\u043e \u0441 \u043f\u0430\u0442\u0442\u0435\u0440\u043d\u043e\u043c middleware \u0434\u043b\u044f API-\u043a\u043b\u0438\u0435\u043d\u0442\u0430 \u0432 Shared."]}),"\n",(0,i.jsxs)(n.li,{children:[(0,i.jsxs)(n.strong,{children:["\u041e\u0442\u043a\u0440\u044b\u0442\u044c \u0434\u043e\u0441\u0442\u0443\u043f \u043a \u0442\u043e\u043a\u0435\u043d\u0443 \u0434\u043b\u044f \u0432\u0441\u0435\u0433\u043e \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f \u0447\u0435\u0440\u0435\u0437 \u043a\u043e\u043d\u0442\u0435\u043a\u0441\u0442 \u0438\u043b\u0438 \u0433\u043b\u043e\u0431\u0430\u043b\u044c\u043d\u043e\u0435 \u0445\u0440\u0430\u043d\u0438\u043b\u0438\u0449\u0435 \u0432\u0440\u043e\u0434\u0435 ",(0,i.jsx)(n.code,{children:"localStorage"})]}),(0,i.jsx)(n.br,{}),"\n","\u041a\u043b\u044e\u0447, \u043f\u043e \u043a\u043e\u0442\u043e\u0440\u043e\u043c\u0443 \u043c\u043e\u0436\u043d\u043e \u0431\u0443\u0434\u0435\u0442 \u043f\u043e\u043b\u0443\u0447\u0438\u0442\u044c \u0442\u043e\u043a\u0435\u043d, \u0431\u0443\u0434\u0435\u0442 \u0445\u0440\u0430\u043d\u0438\u0442\u044c\u0441\u044f \u0432 ",(0,i.jsx)(n.code,{children:"shared/api"}),", \u0447\u0442\u043e\u0431 API-\u043a\u043b\u0438\u0435\u043d\u0442 \u043c\u043e\u0433 \u0435\u0433\u043e \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c. \u0420\u0435\u0430\u043a\u0442\u0438\u0432\u043d\u043e\u0435 \u0445\u0440\u0430\u043d\u0438\u043b\u0438\u0449\u0435 \u0442\u043e\u043a\u0435\u043d\u0430 \u0431\u0443\u0434\u0435\u0442 \u044d\u043a\u0441\u043f\u043e\u0440\u0442\u0438\u0440\u043e\u0432\u0430\u043d\u043e \u0438\u0437 \u0441\u0443\u0449\u043d\u043e\u0441\u0442\u0438 User, \u0430 \u043f\u0440\u043e\u0432\u0430\u0439\u0434\u0435\u0440 \u043a\u043e\u043d\u0442\u0435\u043a\u0441\u0442\u0430 (\u0435\u0441\u043b\u0438 \u0442\u0440\u0435\u0431\u0443\u0435\u0442\u0441\u044f) \u0431\u0443\u0434\u0435\u0442 \u043d\u0430\u0441\u0442\u0440\u043e\u0435\u043d \u043d\u0430 \u0441\u043b\u043e\u0435 App. \u042d\u0442\u043e \u0434\u0430\u0435\u0442 \u0431\u043e\u043b\u044c\u0448\u0435 \u0441\u0432\u043e\u0431\u043e\u0434\u044b \u0434\u043b\u044f \u0434\u0438\u0437\u0430\u0439\u043d\u0430 API-\u043a\u043b\u0438\u0435\u043d\u0442\u0430, \u043d\u043e \u0442\u0430\u043a\u043e\u0439 \u043f\u043e\u0434\u0445\u043e\u0434 \u0441\u043e\u0437\u0434\u0430\u0451\u0442 \u043d\u0435\u044f\u0432\u043d\u0443\u044e \u0437\u0430\u0432\u0438\u0441\u0438\u043c\u043e\u0441\u0442\u044c"]}),"\n",(0,i.jsxs)(n.li,{children:[(0,i.jsx)(n.strong,{children:"\u0412\u0441\u0442\u0430\u0432\u043b\u044f\u0442\u044c \u0442\u043e\u043a\u0435\u043d \u0432 API-\u043a\u043b\u0438\u0435\u043d\u0442 \u043a\u0430\u0436\u0434\u044b\u0439 \u0440\u0430\u0437, \u043a\u043e\u0433\u0434\u0430 \u0442\u043e\u043a\u0435\u043d \u043c\u0435\u043d\u044f\u0435\u0442\u0441\u044f"}),(0,i.jsx)(n.br,{}),"\n",'\u0415\u0441\u043b\u0438 \u0432\u0430\u0448\u0435 \u0445\u0440\u0430\u043d\u0438\u043b\u0438\u0449\u0435 \u0440\u0435\u0430\u043a\u0442\u0438\u0432\u043d\u043e\u0435, \u0442\u043e \u043c\u043e\u0436\u043d\u043e \u043f\u043e\u0434\u043f\u0438\u0441\u0430\u0442\u044c\u0441\u044f \u043d\u0430 \u0438\u0437\u043c\u0435\u043d\u0435\u043d\u0438\u044f \u0438 \u043e\u0431\u043d\u043e\u0432\u043b\u044f\u0442\u044c \u0442\u043e\u043a\u0435\u043d \u0432 API-\u043a\u043b\u0438\u0435\u043d\u0442\u0435 \u043a\u0430\u0436\u0434\u044b\u0439 \u0440\u0430\u0437, \u043a\u043e\u0433\u0434\u0430 \u0445\u0440\u0430\u043d\u0438\u043b\u0438\u0449\u0435 \u0432 \u0441\u0443\u0449\u043d\u043e\u0441\u0442\u0438 User \u043c\u0435\u043d\u044f\u0435\u0442\u0441\u044f. \u042d\u0442\u043e \u043f\u043e\u0445\u043e\u0436\u0435 \u043d\u0430 \u043f\u0440\u043e\u0448\u043b\u043e\u0435 \u0440\u0435\u0448\u0435\u043d\u0438\u0435 \u0442\u0435\u043c, \u0447\u0442\u043e \u043e\u043d\u0438 \u043e\u0431\u0430 \u0441\u043e\u0437\u0434\u0430\u044e\u0442 \u043d\u0435\u044f\u0432\u043d\u0443\u044e \u0437\u0430\u0432\u0438\u0441\u0438\u043c\u043e\u0441\u0442\u044c, \u043d\u043e \u044d\u0442\u043e \u0440\u0435\u0448\u0435\u043d\u0438\u0435 \u0431\u043e\u043b\u0435\u0435 \u0438\u043c\u043f\u0435\u0440\u0430\u0442\u0438\u0432\u043d\u043e\u0435 ("push"), \u0442\u043e\u0433\u0434\u0430 \u043a\u0430\u043a \u043f\u0440\u0435\u0434\u044b\u0434\u0443\u0449\u0435\u0435 \u2014 \u0431\u043e\u043b\u0435\u0435 \u0434\u0435\u043a\u043b\u0430\u0440\u0430\u0442\u0438\u0432\u043d\u043e\u0435 ("pull").']}),"\n"]}),"\n",(0,i.jsxs)(n.p,{children:["\u041a\u0430\u043a \u0442\u043e\u043b\u044c\u043a\u043e \u0432\u044b \u0440\u0435\u0448\u0438\u0442\u0435 \u043f\u0440\u043e\u0431\u043b\u0435\u043c\u0443 \u0434\u043e\u0441\u0442\u0443\u043f\u043d\u043e\u0441\u0442\u0438 \u0442\u043e\u043a\u0435\u043d\u0430, \u0445\u0440\u0430\u043d\u044f\u0449\u0435\u0433\u043e\u0441\u044f \u0432 \u043c\u043e\u0434\u0435\u043b\u0438 \u0441\u0443\u0449\u043d\u043e\u0441\u0442\u0438 User, \u0432\u044b \u0441\u043c\u043e\u0436\u0435\u0442\u0435 \u043e\u043f\u0438\u0441\u0430\u0442\u044c \u0434\u043e\u043f\u043e\u043b\u043d\u0438\u0442\u0435\u043b\u044c\u043d\u0443\u044e \u0431\u0438\u0437\u043d\u0435\u0441-\u043b\u043e\u0433\u0438\u043a\u0443, \u0441\u0432\u044f\u0437\u0430\u043d\u043d\u0443\u044e \u0441 \u0443\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u0438\u0435\u043c \u0442\u043e\u043a\u0435\u043d\u0430\u043c\u0438. \u041d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, \u0441\u0435\u0433\u043c\u0435\u043d\u0442 ",(0,i.jsx)(n.code,{children:"model"})," \u043c\u043e\u0436\u0435\u0442 \u0441\u043e\u0434\u0435\u0440\u0436\u0430\u0442\u044c \u043b\u043e\u0433\u0438\u043a\u0443, \u043a\u043e\u0442\u043e\u0440\u0430\u044f \u0434\u0435\u043b\u0430\u0435\u0442 \u0442\u043e\u043a\u0435\u043d \u043d\u0435\u0434\u0435\u0439\u0441\u0442\u0432\u0438\u0442\u0435\u043b\u044c\u043d\u044b\u043c \u0447\u0435\u0440\u0435\u0437 \u043e\u043f\u0440\u0435\u0434\u0435\u043b\u0435\u043d\u043d\u044b\u0439 \u043f\u0435\u0440\u0438\u043e\u0434 \u0432\u0440\u0435\u043c\u0435\u043d\u0438 \u0438\u043b\u0438 \u043e\u0431\u043d\u043e\u0432\u043b\u044f\u0435\u0442 \u0442\u043e\u043a\u0435\u043d \u043f\u043e \u0438\u0441\u0442\u0435\u0447\u0435\u043d\u0438\u0438 \u0441\u0440\u043e\u043a\u0430 \u0435\u0433\u043e \u0434\u0435\u0439\u0441\u0442\u0432\u0438\u044f. \u0427\u0442\u043e\u0431\u044b \u0441\u043e\u0432\u0435\u0440\u0448\u0430\u0442\u044c \u0437\u0430\u043f\u0440\u043e\u0441\u044b \u043d\u0430 \u0431\u044d\u043a\u0435\u043d\u0434 \u0434\u043b\u044f \u0432\u044b\u043f\u043e\u043b\u043d\u0435\u043d\u0438\u044f \u044d\u0442\u0438\u0445 \u0437\u0430\u0434\u0430\u0447, \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0439\u0442\u0435 \u0441\u0435\u0433\u043c\u0435\u043d\u0442 ",(0,i.jsx)(n.code,{children:"api"})," \u0441\u0443\u0449\u043d\u043e\u0441\u0442\u0438 User \u0438\u043b\u0438 ",(0,i.jsx)(n.code,{children:"shared/api"}),"."]}),"\n",(0,i.jsx)(n.h3,{id:"\u0432-pageswidgets-\u043d\u0435-\u0440\u0435\u043a\u043e\u043c\u0435\u043d\u0434\u0443\u0435\u0442\u0441\u044f",children:"\u0412 Pages/Widgets (\u043d\u0435 \u0440\u0435\u043a\u043e\u043c\u0435\u043d\u0434\u0443\u0435\u0442\u0441\u044f)"}),"\n",(0,i.jsxs)(n.p,{children:["\u041d\u0435 \u0440\u0435\u043a\u043e\u043c\u0435\u043d\u0434\u0443\u0435\u0442\u0441\u044f \u0445\u0440\u0430\u043d\u0438\u0442\u044c \u0441\u043e\u0441\u0442\u043e\u044f\u043d\u0438\u0435, \u0430\u043a\u0442\u0443\u0430\u043b\u044c\u043d\u043e\u0435 \u0434\u043b\u044f \u0432\u0441\u0435\u0433\u043e \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f, \u043a\u0430\u043a \u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440 \u0442\u043e\u043a\u0435\u043d \u0434\u043e\u0441\u0442\u0443\u043f\u0430, \u0432 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0430\u0445 \u0438\u043b\u0438 \u0432\u0438\u0434\u0436\u0435\u0442\u0430\u0445. \u041d\u0435 \u0441\u0442\u043e\u0438\u0442 \u0440\u0430\u0437\u043c\u0435\u0449\u0430\u0442\u044c \u0445\u0440\u0430\u043d\u0438\u043b\u0438\u0449\u0435 \u0442\u043e\u043a\u0435\u043d\u043e\u0432 \u0432 \u0441\u0435\u0433\u043c\u0435\u043d\u0442\u0435 ",(0,i.jsx)(n.code,{children:"model"})," \u043d\u0430 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0435 \u043b\u043e\u0433\u0438\u043d\u0430. \u0412\u043c\u0435\u0441\u0442\u043e \u044d\u0442\u043e\u0433\u043e \u0432\u044b\u0431\u0435\u0440\u0438\u0442\u0435 \u043e\u0434\u043d\u043e \u0438\u0437 \u043f\u0435\u0440\u0432\u044b\u0445 \u0434\u0432\u0443\u0445 \u0440\u0435\u0448\u0435\u043d\u0438\u0439: Shared \u0438\u043b\u0438 Entities."]}),"\n",(0,i.jsx)(n.h2,{id:"\u043b\u043e\u0433\u0430\u0443\u0442-\u0438-\u0430\u043d\u043d\u0443\u043b\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u0435-\u0442\u043e\u043a\u0435\u043d\u0430",children:"\u041b\u043e\u0433\u0430\u0443\u0442 \u0438 \u0430\u043d\u043d\u0443\u043b\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u0435 \u0442\u043e\u043a\u0435\u043d\u0430"}),"\n",(0,i.jsx)(n.p,{children:"\u041e\u0431\u044b\u0447\u043d\u043e \u0432 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f\u0445 \u043d\u0435 \u0434\u0435\u043b\u0430\u044e\u0442 \u0446\u0435\u043b\u0443\u044e \u043e\u0442\u0434\u0435\u043b\u044c\u043d\u0443\u044e \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0443 \u0434\u043b\u044f \u043b\u043e\u0433\u0430\u0443\u0442\u0430, \u043d\u043e \u0444\u0443\u043d\u043a\u0446\u0438\u043e\u043d\u0430\u043b \u043b\u043e\u0433\u0430\u0443\u0442\u0430, \u0442\u0435\u043c \u043d\u0435 \u043c\u0435\u043d\u0435\u0435, \u043e\u0447\u0435\u043d\u044c \u0432\u0430\u0436\u043d\u0430. \u0412 \u044d\u0442\u043e\u0442 \u0444\u0443\u043d\u043a\u0446\u0438\u043e\u043d\u0430\u043b \u0432\u0445\u043e\u0434\u0438\u0442 \u0430\u0432\u0442\u043e\u0440\u0438\u0437\u043e\u0432\u0430\u043d\u043d\u044b\u0439 \u0437\u0430\u043f\u0440\u043e\u0441 \u043d\u0430 \u0431\u044d\u043a\u0435\u043d\u0434 \u0438 \u043e\u0431\u043d\u043e\u0432\u043b\u0435\u043d\u0438\u0435 \u0445\u0440\u0430\u043d\u0438\u043b\u0438\u0449\u0430 \u0442\u043e\u043a\u0435\u043d\u043e\u0432."}),"\n",(0,i.jsxs)(n.p,{children:["\u0415\u0441\u043b\u0438 \u0432\u044b \u0445\u0440\u0430\u043d\u0438\u0442\u0435 \u0432\u0441\u0435 \u0432\u0430\u0448\u0438 \u0437\u0430\u043f\u0440\u043e\u0441\u044b \u0432 ",(0,i.jsx)(n.code,{children:"shared/api"}),", \u043e\u0441\u0442\u0430\u0432\u044c\u0442\u0435 \u0442\u0430\u043c \u0444\u0443\u043d\u043a\u0446\u0438\u044e \u0434\u043b\u044f \u0437\u0430\u043f\u0440\u043e\u0441\u0430 \u043d\u0430 \u043b\u043e\u0433\u0430\u0443\u0442, \u0440\u044f\u0434\u043e\u043c \u0441 \u0444\u0443\u043d\u043a\u0446\u0438\u0435\u0439 \u0434\u043b\u044f \u043b\u043e\u0433\u0438\u043d\u0430. \u0415\u0441\u043b\u0438 \u043d\u0435\u0442, \u0440\u0430\u0437\u043c\u0435\u0441\u0442\u0438\u0442\u0435 \u0444\u0443\u043d\u043a\u0446\u0438\u044e-\u0437\u0430\u043f\u0440\u043e\u0441 \u043d\u0430 \u043b\u043e\u0433\u0430\u0443\u0442 \u0440\u044f\u0434\u043e\u043c \u0441 \u043a\u043d\u043e\u043f\u043a\u043e\u0439, \u043a\u043e\u0442\u043e\u0440\u0430\u044f \u0435\u0451 \u0432\u044b\u0437\u044b\u0432\u0430\u0435\u0442. \u041d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, \u0435\u0441\u043b\u0438 \u0443 \u0432\u0430\u0441 \u0435\u0441\u0442\u044c \u0432\u0438\u0434\u0436\u0435\u0442 \u0445\u044d\u0434\u0435\u0440\u0430, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u0435\u0441\u0442\u044c \u043d\u0430 \u043a\u0430\u0436\u0434\u043e\u0439 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0435 \u0438 \u0441\u043e\u0434\u0435\u0440\u0436\u0438\u0442 \u0441\u0441\u044b\u043b\u043a\u0443 \u0434\u043b\u044f \u043b\u043e\u0433\u0430\u0443\u0442\u0430, \u043f\u043e\u043c\u0435\u0441\u0442\u0438\u0442\u0435 \u044d\u0442\u043e\u0442 \u0437\u0430\u043f\u0440\u043e\u0441 \u0432 \u0441\u0435\u0433\u043c\u0435\u043d\u0442 ",(0,i.jsx)(n.code,{children:"api"})," \u044d\u0442\u043e\u0433\u043e \u0432\u0438\u0434\u0436\u0435\u0442\u0430."]}),"\n",(0,i.jsxs)(n.p,{children:["\u041e\u0431\u043d\u043e\u0432\u043b\u0435\u043d\u0438\u0435 \u0445\u0440\u0430\u043d\u0438\u043b\u0438\u0449\u0430 \u0442\u043e\u043a\u0435\u043d\u043e\u0432 \u0442\u0430\u043a\u0436\u0435 \u0434\u043e\u043b\u0436\u043d\u043e \u0431\u0443\u0434\u0435\u0442 \u0437\u0430\u043f\u0443\u0441\u043a\u0430\u0442\u044c\u0441\u044f \u0441 \u043c\u0435\u0441\u0442\u0430 \u043a\u043d\u043e\u043f\u043a\u0438 \u043b\u043e\u0433\u0430\u0443\u0442\u0430, \u043a\u0430\u043a, \u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, \u0432\u0438\u0434\u0436\u0435\u0442 \u0437\u0430\u0433\u043e\u043b\u043e\u0432\u043a\u0430. \u0412\u044b \u043c\u043e\u0436\u0435\u0442\u0435 \u043e\u0431\u044a\u0435\u0434\u0438\u043d\u0438\u0442\u044c \u0437\u0430\u043f\u0440\u043e\u0441 \u0438 \u043e\u0431\u043d\u043e\u0432\u043b\u0435\u043d\u0438\u0435 \u0445\u0440\u0430\u043d\u0438\u043b\u0438\u0449\u0430 \u0432 \u0441\u0435\u0433\u043c\u0435\u043d\u0442\u0435 ",(0,i.jsx)(n.code,{children:"model"})," \u044d\u0442\u043e\u0433\u043e \u0432\u0438\u0434\u0436\u0435\u0442\u0430."]}),"\n",(0,i.jsx)(n.h3,{id:"\u0430\u0432\u0442\u043e\u043c\u0430\u0442\u0438\u0447\u0435\u0441\u043a\u0438\u0439-\u043b\u043e\u0433\u0430\u0443\u0442",children:"\u0410\u0432\u0442\u043e\u043c\u0430\u0442\u0438\u0447\u0435\u0441\u043a\u0438\u0439 \u043b\u043e\u0433\u0430\u0443\u0442"}),"\n",(0,i.jsxs)(n.p,{children:["\u041d\u0435 \u0437\u0430\u0431\u0443\u0434\u044c\u0442\u0435 \u043f\u0440\u0435\u0434\u0443\u0441\u043c\u043e\u0442\u0440\u0435\u0442\u044c \u0441\u0438\u0442\u0443\u0430\u0446\u0438\u0438 \u0441\u0431\u043e\u044f \u0437\u0430\u043f\u0440\u043e\u0441\u0430 \u043d\u0430 \u043b\u043e\u0433\u0430\u0443\u0442 \u0438\u043b\u0438 \u0441\u0431\u043e\u044f \u0437\u0430\u043f\u0440\u043e\u0441\u0430 \u043d\u0430 \u043e\u0431\u043d\u043e\u0432\u043b\u0435\u043d\u0438\u0435 \u0442\u043e\u043a\u0435\u043d\u0430. \u0412 \u043e\u0431\u043e\u0438\u0445 \u0441\u043b\u0443\u0447\u0430\u044f\u0445 \u0432\u0430\u043c \u0441\u043b\u0435\u0434\u0443\u0435\u0442 \u043e\u0447\u0438\u0441\u0442\u0438\u0442\u044c \u0445\u0440\u0430\u043d\u0438\u043b\u0438\u0449\u0435 \u0442\u043e\u043a\u0435\u043d\u043e\u0432. \u0415\u0441\u043b\u0438 \u0432\u044b \u0445\u0440\u0430\u043d\u0438\u0442\u0435 \u0441\u0432\u043e\u0439 \u0442\u043e\u043a\u0435\u043d \u0432 Entities, \u044d\u0442\u043e\u0442 \u043a\u043e\u0434 \u043c\u043e\u0436\u043d\u043e \u043f\u043e\u043c\u0435\u0441\u0442\u0438\u0442\u044c \u0432 \u0441\u0435\u0433\u043c\u0435\u043d\u0442 ",(0,i.jsx)(n.code,{children:"model"}),", \u043f\u043e\u0441\u043a\u043e\u043b\u044c\u043a\u0443 \u044d\u0442\u043e \u0447\u0438\u0441\u0442\u0430\u044f \u0431\u0438\u0437\u043d\u0435\u0441-\u043b\u043e\u0433\u0438\u043a\u0430. \u0415\u0441\u043b\u0438 \u0432\u044b \u0445\u0440\u0430\u043d\u0438\u0442\u0435 \u0442\u043e\u043a\u0435\u043d \u0432 Shared, \u0440\u0430\u0437\u043c\u0435\u0449\u0435\u043d\u0438\u0435 \u044d\u0442\u043e\u0439 \u043b\u043e\u0433\u0438\u043a\u0438 \u0432 ",(0,i.jsx)(n.code,{children:"shared/api"})," \u043c\u043e\u0436\u0435\u0442 \u0440\u0430\u0437\u0434\u0443\u0442\u044c \u0441\u0435\u0433\u043c\u0435\u043d\u0442 \u0438 \u0440\u0430\u0437\u043c\u044b\u0442\u044c \u0435\u0433\u043e \u043f\u0440\u0435\u0434\u043d\u0430\u0437\u043d\u0430\u0447\u0435\u043d\u0438\u0435. \u0415\u0441\u043b\u0438 \u0432\u044b \u0437\u0430\u043c\u0435\u0447\u0430\u0435\u0442\u0435, \u0447\u0442\u043e \u0432\u0430\u0448 \u0441\u0435\u0433\u043c\u0435\u043d\u0442 ",(0,i.jsx)(n.code,{children:"api"})," \u0441\u043e\u0434\u0435\u0440\u0436\u0438\u0442 \u0434\u0432\u0435 \u043d\u0435\u0441\u0432\u044f\u0437\u0430\u043d\u043d\u044b\u0435 \u0432\u0435\u0449\u0438, \u0440\u0430\u0441\u0441\u043c\u043e\u0442\u0440\u0438\u0442\u0435 \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e\u0441\u0442\u044c \u0432\u044b\u0434\u0435\u043b\u0435\u043d\u0438\u044f \u043b\u043e\u0433\u0438\u043a\u0438 \u0443\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u0438\u044f \u0442\u043e\u043a\u0435\u043d\u0430\u043c\u0438 \u0432 \u0434\u0440\u0443\u0433\u043e\u0439 \u0441\u0435\u0433\u043c\u0435\u043d\u0442, \u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, ",(0,i.jsx)(n.code,{children:"shared/auth"}),"."]})]})}function h(e={}){const{wrapper:n}={...(0,r.R)(),...e.components};return n?(0,i.jsx)(n,{...e,children:(0,i.jsx)(o,{...e})}):o(e)}},1100:(e,n,s)=>{s.d(n,{R:()=>d,x:()=>c});var i=s(758);const r={},l=i.createContext(r);function d(e){const n=i.useContext(l);return i.useMemo((function(){return"function"==typeof e?e(n):{...n,...e}}),[n,e])}function c(e){let n;return n=e.disableParentContext?"function"==typeof e.components?e.components(r):e.components||r:d(e.components),i.createElement(l.Provider,{value:n},e.children)}}}]);
\ No newline at end of file
+"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[4743],{2456:(e,n,s)=>{s.r(n),s.d(n,{assets:()=>t,contentTitle:()=>d,default:()=>h,frontMatter:()=>l,metadata:()=>c,toc:()=>a});var i=s(6070),r=s(1100);const l={sidebar_position:1},d="\u0410\u0432\u0442\u043e\u0440\u0438\u0437\u0430\u0446\u0438\u044f",c={id:"guides/examples/auth",title:"\u0410\u0432\u0442\u043e\u0440\u0438\u0437\u0430\u0446\u0438\u044f",description:"\u0412 \u043e\u0431\u0449\u0438\u0445 \u0447\u0435\u0440\u0442\u0430\u0445 \u0430\u0432\u0442\u043e\u0440\u0438\u0437\u0430\u0446\u0438\u044f \u0441\u043e\u0441\u0442\u043e\u0438\u0442 \u0438\u0437 \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0438\u0445 \u044d\u0442\u0430\u043f\u043e\u0432:",source:"@site/i18n/ru/docusaurus-plugin-content-docs/current/guides/examples/auth.md",sourceDirName:"guides/examples",slug:"/guides/examples/auth",permalink:"/ru/docs/guides/examples/auth",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/ru/docusaurus-plugin-content-docs/current/guides/examples/auth.md",tags:[],version:"current",lastUpdatedAt:1728325386e3,sidebarPosition:1,frontMatter:{sidebar_position:1},sidebar:"guidesSidebar",previous:{title:"\u041f\u0440\u0438\u043c\u0435\u0440\u044b",permalink:"/ru/docs/guides/examples/"},next:{title:"\u0422\u0438\u043f\u044b",permalink:"/ru/docs/guides/examples/types"}},t={},a=[{value:"\u041a\u0430\u043a \u043f\u043e\u043b\u0443\u0447\u0438\u0442\u044c \u0443\u0447\u0435\u0442\u043d\u044b\u0435 \u0434\u0430\u043d\u043d\u044b\u0435 \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044f",id:"\u043a\u0430\u043a-\u043f\u043e\u043b\u0443\u0447\u0438\u0442\u044c-\u0443\u0447\u0435\u0442\u043d\u044b\u0435-\u0434\u0430\u043d\u043d\u044b\u0435-\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044f",level:2},{value:"\u041e\u0442\u0434\u0435\u043b\u044c\u043d\u0430\u044f \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0430 \u0434\u043b\u044f \u043b\u043e\u0433\u0438\u043d\u0430",id:"\u043e\u0442\u0434\u0435\u043b\u044c\u043d\u0430\u044f-\u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0430-\u0434\u043b\u044f-\u043b\u043e\u0433\u0438\u043d\u0430",level:3},{value:"\u0414\u0438\u0430\u043b\u043e\u0433 \u0434\u043b\u044f \u043b\u043e\u0433\u0438\u043d\u0430",id:"\u0434\u0438\u0430\u043b\u043e\u0433-\u0434\u043b\u044f-\u043b\u043e\u0433\u0438\u043d\u0430",level:3},{value:"\u041a\u043b\u0438\u0435\u043d\u0442\u0441\u043a\u0430\u044f \u0432\u0430\u043b\u0438\u0434\u0430\u0446\u0438\u044f",id:"\u043a\u043b\u0438\u0435\u043d\u0442\u0441\u043a\u0430\u044f-\u0432\u0430\u043b\u0438\u0434\u0430\u0446\u0438\u044f",level:3},{value:"\u041a\u0430\u043a \u043e\u0442\u043f\u0440\u0430\u0432\u0438\u0442\u044c \u0443\u0447\u0435\u0442\u043d\u044b\u0435 \u0434\u0430\u043d\u043d\u044b\u0435 \u043d\u0430 \u0431\u044d\u043a\u0435\u043d\u0434",id:"\u043a\u0430\u043a-\u043e\u0442\u043f\u0440\u0430\u0432\u0438\u0442\u044c-\u0443\u0447\u0435\u0442\u043d\u044b\u0435-\u0434\u0430\u043d\u043d\u044b\u0435-\u043d\u0430-\u0431\u044d\u043a\u0435\u043d\u0434",level:2},{value:"\u0413\u0434\u0435 \u0445\u0440\u0430\u043d\u0438\u0442\u044c \u0444\u0443\u043d\u043a\u0446\u0438\u044e \u0437\u0430\u043f\u0440\u043e\u0441\u0430",id:"\u0433\u0434\u0435-\u0445\u0440\u0430\u043d\u0438\u0442\u044c-\u0444\u0443\u043d\u043a\u0446\u0438\u044e-\u0437\u0430\u043f\u0440\u043e\u0441\u0430",level:3},{value:"\u0412 <code>shared/api</code>",id:"\u0432-sharedapi",level:4},{value:"\u0412 \u0441\u0435\u0433\u043c\u0435\u043d\u0442\u0435 <code>api</code> \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b",id:"\u0432-\u0441\u0435\u0433\u043c\u0435\u043d\u0442\u0435-api-\u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b",level:4},{value:"\u0414\u0432\u0443\u0445\u0444\u0430\u043a\u0442\u043e\u0440\u043d\u0430\u044f \u0430\u0443\u0442\u0435\u043d\u0442\u0438\u0444\u0438\u043a\u0430\u0446\u0438\u044f",id:"\u0434\u0432\u0443\u0445\u0444\u0430\u043a\u0442\u043e\u0440\u043d\u0430\u044f-\u0430\u0443\u0442\u0435\u043d\u0442\u0438\u0444\u0438\u043a\u0430\u0446\u0438\u044f",level:3},{value:"\u041a\u0430\u043a \u0445\u0440\u0430\u043d\u0438\u0442\u044c \u0442\u043e\u043a\u0435\u043d \u0434\u043b\u044f \u0430\u0432\u0442\u043e\u0440\u0438\u0437\u043e\u0432\u0430\u043d\u043d\u044b\u0445 \u0437\u0430\u043f\u0440\u043e\u0441\u043e\u0432",id:"how-to-store-the-token-for-authenticated-requests",level:2},{value:"\u0412 Shared",id:"\u0432-shared",level:3},{value:"\u0412 Entities",id:"\u0432-entities",level:3},{value:"\u0412 Pages/Widgets (\u043d\u0435 \u0440\u0435\u043a\u043e\u043c\u0435\u043d\u0434\u0443\u0435\u0442\u0441\u044f)",id:"\u0432-pageswidgets-\u043d\u0435-\u0440\u0435\u043a\u043e\u043c\u0435\u043d\u0434\u0443\u0435\u0442\u0441\u044f",level:3},{value:"\u041b\u043e\u0433\u0430\u0443\u0442 \u0438 \u0430\u043d\u043d\u0443\u043b\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u0435 \u0442\u043e\u043a\u0435\u043d\u0430",id:"\u043b\u043e\u0433\u0430\u0443\u0442-\u0438-\u0430\u043d\u043d\u0443\u043b\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u0435-\u0442\u043e\u043a\u0435\u043d\u0430",level:2},{value:"\u0410\u0432\u0442\u043e\u043c\u0430\u0442\u0438\u0447\u0435\u0441\u043a\u0438\u0439 \u043b\u043e\u0433\u0430\u0443\u0442",id:"\u0430\u0432\u0442\u043e\u043c\u0430\u0442\u0438\u0447\u0435\u0441\u043a\u0438\u0439-\u043b\u043e\u0433\u0430\u0443\u0442",level:3}];function o(e){const n={a:"a",admonition:"admonition",blockquote:"blockquote",br:"br",code:"code",h1:"h1",h2:"h2",h3:"h3",h4:"h4",header:"header",li:"li",ol:"ol",p:"p",pre:"pre",strong:"strong",ul:"ul",...(0,r.R)(),...e.components};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(n.header,{children:(0,i.jsx)(n.h1,{id:"\u0430\u0432\u0442\u043e\u0440\u0438\u0437\u0430\u0446\u0438\u044f",children:"\u0410\u0432\u0442\u043e\u0440\u0438\u0437\u0430\u0446\u0438\u044f"})}),"\n",(0,i.jsx)(n.p,{children:"\u0412 \u043e\u0431\u0449\u0438\u0445 \u0447\u0435\u0440\u0442\u0430\u0445 \u0430\u0432\u0442\u043e\u0440\u0438\u0437\u0430\u0446\u0438\u044f \u0441\u043e\u0441\u0442\u043e\u0438\u0442 \u0438\u0437 \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0438\u0445 \u044d\u0442\u0430\u043f\u043e\u0432:"}),"\n",(0,i.jsxs)(n.ol,{children:["\n",(0,i.jsx)(n.li,{children:"\u041f\u043e\u043b\u0443\u0447\u0438\u0442\u044c \u0443\u0447\u0435\u0442\u043d\u044b\u0435 \u0434\u0430\u043d\u043d\u044b\u0435 \u043e\u0442 \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044f"}),"\n",(0,i.jsx)(n.li,{children:"\u041e\u0442\u043f\u0440\u0430\u0432\u0438\u0442\u044c \u0438\u0445 \u043d\u0430 \u0431\u044d\u043a\u0435\u043d\u0434"}),"\n",(0,i.jsx)(n.li,{children:"\u0421\u043e\u0445\u0440\u0430\u043d\u0438\u0442\u044c \u0442\u043e\u043a\u0435\u043d \u0434\u043b\u044f \u043e\u0442\u043f\u0440\u0430\u0432\u043a\u0438 \u0430\u0432\u0442\u043e\u0440\u0438\u0437\u043e\u0432\u0430\u043d\u043d\u044b\u0445 \u0437\u0430\u043f\u0440\u043e\u0441\u043e\u0432."}),"\n"]}),"\n",(0,i.jsx)(n.h2,{id:"\u043a\u0430\u043a-\u043f\u043e\u043b\u0443\u0447\u0438\u0442\u044c-\u0443\u0447\u0435\u0442\u043d\u044b\u0435-\u0434\u0430\u043d\u043d\u044b\u0435-\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044f",children:"\u041a\u0430\u043a \u043f\u043e\u043b\u0443\u0447\u0438\u0442\u044c \u0443\u0447\u0435\u0442\u043d\u044b\u0435 \u0434\u0430\u043d\u043d\u044b\u0435 \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044f"}),"\n",(0,i.jsxs)(n.p,{children:["\u041c\u044b \u043f\u0440\u0435\u0434\u043f\u043e\u043b\u0430\u0433\u0430\u0435\u043c, \u0447\u0442\u043e \u0432\u0430\u0448\u0435 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0435 \u0441\u0430\u043c\u043e \u0441\u043e\u0431\u0438\u0440\u0430\u0435\u0442 \u044d\u0442\u0438 \u0434\u0430\u043d\u043d\u044b\u0435. \u0415\u0441\u043b\u0438 \u0443 \u0432\u0430\u0441 \u0430\u0432\u0442\u043e\u0440\u0438\u0437\u0430\u0446\u0438\u044f \u0447\u0435\u0440\u0435\u0437 OAuth, \u0432\u044b \u043c\u043e\u0436\u0435\u0442\u0435 \u043f\u0440\u043e\u0441\u0442\u043e \u0441\u043e\u0437\u0434\u0430\u0442\u044c \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0443 \u043b\u043e\u0433\u0438\u043d\u0430 \u0441\u043e \u0441\u0441\u044b\u043b\u043a\u043e\u0439 \u043d\u0430 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0443 \u043f\u0440\u043e\u0432\u0430\u0439\u0434\u0435\u0440\u0430 OAuth \u0438 \u043f\u0435\u0440\u0435\u0439\u0442\u0438 \u043a ",(0,i.jsx)(n.a,{href:"#how-to-store-the-token-for-authenticated-requests",children:"\u0448\u0430\u0433\u0443 3"}),"."]}),"\n",(0,i.jsx)(n.h3,{id:"\u043e\u0442\u0434\u0435\u043b\u044c\u043d\u0430\u044f-\u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0430-\u0434\u043b\u044f-\u043b\u043e\u0433\u0438\u043d\u0430",children:"\u041e\u0442\u0434\u0435\u043b\u044c\u043d\u0430\u044f \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0430 \u0434\u043b\u044f \u043b\u043e\u0433\u0438\u043d\u0430"}),"\n",(0,i.jsx)(n.p,{children:"\u041e\u0431\u044b\u0447\u043d\u043e \u043d\u0430 \u0441\u0430\u0439\u0442\u0430\u0445 \u0435\u0441\u0442\u044c \u043e\u0442\u0434\u0435\u043b\u044c\u043d\u044b\u0435 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b \u0434\u043b\u044f \u043b\u043e\u0433\u0438\u043d\u0430, \u0433\u0434\u0435 \u0432\u044b \u0432\u0432\u043e\u0434\u0438\u0442\u0435 \u0441\u0432\u043e\u0435 \u0438\u043c\u044f \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044f \u0438 \u043f\u0430\u0440\u043e\u043b\u044c. \u042d\u0442\u0438 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b \u0434\u043e\u0432\u043e\u043b\u044c\u043d\u043e \u043f\u0440\u043e\u0441\u0442\u044b, \u043f\u043e\u044d\u0442\u043e\u043c\u0443 \u043d\u0435 \u0442\u0440\u0435\u0431\u0443\u044e\u0442 \u0434\u0435\u043a\u043e\u043c\u043f\u043e\u0437\u0438\u0446\u0438\u0438. \u0411\u043e\u043b\u0435\u0435 \u0442\u043e\u0433\u043e, \u0444\u043e\u0440\u043c\u044b \u043b\u043e\u0433\u0438\u043d\u0430 \u0438 \u0440\u0435\u0433\u0438\u0441\u0442\u0440\u0430\u0446\u0438\u0438 \u0432\u043d\u0435\u0448\u043d\u0435 \u043e\u0447\u0435\u043d\u044c \u043f\u043e\u0445\u043e\u0436\u0438, \u043f\u043e\u044d\u0442\u043e\u043c\u0443 \u0438\u0445 \u043c\u043e\u0436\u043d\u043e \u0434\u0430\u0436\u0435 \u0441\u0433\u0440\u0443\u043f\u043f\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u043d\u0430 \u043e\u0434\u043d\u043e\u0439 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0435. \u0421\u043e\u0437\u0434\u0430\u0439\u0442\u0435 \u0441\u043b\u0430\u0439\u0441 \u0434\u043b\u044f \u0432\u0430\u0448\u0435\u0439 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b \u043b\u043e\u0433\u0438\u043d\u0430/\u0440\u0435\u0433\u0438\u0441\u0442\u0440\u0430\u0446\u0438\u0438 \u043d\u0430 \u0441\u043b\u043e\u0435 Pages:"}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsxs)(n.li,{children:["\ud83d\udcc2 pages","\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsxs)(n.li,{children:["\ud83d\udcc2 login","\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsxs)(n.li,{children:["\ud83d\udcc2 ui","\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsx)(n.li,{children:"\ud83d\udcc4 LoginPage.tsx (\u0438\u043b\u0438 \u0430\u043d\u0430\u043b\u043e\u0433 \u0432 \u0432\u0430\u0448\u0435\u043c \u0444\u0440\u0435\u0439\u043c\u0432\u043e\u0440\u043a\u0435)"}),"\n",(0,i.jsx)(n.li,{children:"\ud83d\udcc4 RegisterPage.tsx"}),"\n"]}),"\n"]}),"\n",(0,i.jsx)(n.li,{children:"\ud83d\udcc4 index.ts"}),"\n"]}),"\n"]}),"\n",(0,i.jsx)(n.li,{children:"\u043e\u0441\u0442\u0430\u043b\u044c\u043d\u044b\u0435 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b\u2026"}),"\n"]}),"\n"]}),"\n"]}),"\n",(0,i.jsx)(n.p,{children:"\u0417\u0434\u0435\u0441\u044c \u043c\u044b \u0441\u043e\u0437\u0434\u0430\u043b\u0438 \u0434\u0432\u0430 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u0430 \u0438 \u044d\u043a\u0441\u043f\u043e\u0440\u0442\u0438\u0440\u043e\u0432\u0430\u043b\u0438 \u0438\u0445 \u043e\u0431\u043e\u0438\u0445 \u0432 \u0438\u043d\u0434\u0435\u043a\u0441\u0435 \u0441\u043b\u0430\u0439\u0441\u0430. \u042d\u0442\u0438 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u044b \u0431\u0443\u0434\u0443\u0442 \u0441\u043e\u0434\u0435\u0440\u0436\u0430\u0442\u044c \u0444\u043e\u0440\u043c\u044b, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u0441\u043e\u0434\u0435\u0440\u0436\u0430\u0442 \u043f\u043e\u043d\u044f\u0442\u043d\u044b\u0435 \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044e \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u044b \u0434\u043b\u044f \u0432\u0432\u0435\u0434\u0435\u043d\u0438\u044f \u0438\u0445 \u0443\u0447\u0435\u0442\u043d\u044b\u0445 \u0434\u0430\u043d\u043d\u044b\u0445."}),"\n",(0,i.jsx)(n.h3,{id:"\u0434\u0438\u0430\u043b\u043e\u0433-\u0434\u043b\u044f-\u043b\u043e\u0433\u0438\u043d\u0430",children:"\u0414\u0438\u0430\u043b\u043e\u0433 \u0434\u043b\u044f \u043b\u043e\u0433\u0438\u043d\u0430"}),"\n",(0,i.jsx)(n.p,{children:"\u0415\u0441\u043b\u0438 \u0432 \u0432\u0430\u0448\u0435\u043c \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0438 \u0435\u0441\u0442\u044c \u0434\u0438\u0430\u043b\u043e\u0433\u043e\u0432\u043e\u0435 \u043e\u043a\u043d\u043e \u0434\u043b\u044f \u0432\u0445\u043e\u0434\u0430 \u0432 \u0441\u0438\u0441\u0442\u0435\u043c\u0443, \u043a\u043e\u0442\u043e\u0440\u043e\u0435 \u043c\u043e\u0436\u043d\u043e \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u043d\u0430 \u043b\u044e\u0431\u043e\u0439 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0435, \u0432\u044b \u043c\u043e\u0436\u0435\u0442\u0435 \u0441\u043e\u0437\u0434\u0430\u0442\u044c \u0434\u043b\u044f \u044d\u0442\u043e\u0433\u043e \u0434\u0438\u0430\u043b\u043e\u0433\u043e\u0432\u043e\u0433\u043e \u043e\u043a\u043d\u0430 \u0432\u0438\u0434\u0436\u0435\u0442. \u0422\u0430\u043a\u0438\u043c \u043e\u0431\u0440\u0430\u0437\u043e\u043c, \u0432\u044b \u0432\u0441\u0435 \u0440\u0430\u0432\u043d\u043e \u0441\u043c\u043e\u0436\u0435\u0442\u0435 \u043d\u0435 \u0441\u0438\u043b\u044c\u043d\u043e \u0434\u0435\u043a\u043e\u043c\u043f\u043e\u0437\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u0441\u0430\u043c\u0443 \u0444\u043e\u0440\u043c\u0443, \u043d\u043e \u043f\u0440\u0438 \u044d\u0442\u043e\u043c \u043f\u0435\u0440\u0435\u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u044d\u0442\u043e\u0442 \u0434\u0438\u0430\u043b\u043e\u0433 \u043d\u0430 \u043b\u044e\u0431\u043e\u0439 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0435."}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsxs)(n.li,{children:["\ud83d\udcc2 widgets","\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsxs)(n.li,{children:["\ud83d\udcc2 login-dialog","\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsxs)(n.li,{children:["\ud83d\udcc2 ui","\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsx)(n.li,{children:"\ud83d\udcc4 LoginDialog.tsx"}),"\n"]}),"\n"]}),"\n",(0,i.jsx)(n.li,{children:"\ud83d\udcc4 index.ts"}),"\n"]}),"\n"]}),"\n",(0,i.jsx)(n.li,{children:"\u043e\u0441\u0442\u0430\u043b\u044c\u043d\u044b\u0435 \u0432\u0438\u0434\u0436\u0435\u0442\u044b\u2026"}),"\n"]}),"\n"]}),"\n"]}),"\n",(0,i.jsx)(n.p,{children:"\u041e\u0441\u0442\u0430\u043b\u044c\u043d\u0430\u044f \u0447\u0430\u0441\u0442\u044c \u044d\u0442\u043e\u0433\u043e \u0440\u0443\u043a\u043e\u0432\u043e\u0434\u0441\u0442\u0432\u0430 \u043d\u0430\u043f\u0438\u0441\u0430\u043d\u0430 \u0434\u043b\u044f \u043f\u0435\u0440\u0432\u043e\u0433\u043e \u043f\u043e\u0434\u0445\u043e\u0434\u0430, \u0433\u0434\u0435 \u043b\u043e\u0433\u0438\u043d \u0434\u0435\u043b\u0430\u0435\u0442\u0441\u044f \u043d\u0430 \u043e\u0442\u0434\u0435\u043b\u044c\u043d\u043e\u0439 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0435, \u043d\u043e \u0442\u0435 \u0436\u0435 \u043f\u0440\u0438\u043d\u0446\u0438\u043f\u044b \u043f\u0440\u0438\u043c\u0435\u043d\u0438\u043c\u044b \u0438 \u043a \u0432\u0438\u0434\u0436\u0435\u0442\u0443 \u0434\u0438\u0430\u043b\u043e\u0433\u0430."}),"\n",(0,i.jsx)(n.h3,{id:"\u043a\u043b\u0438\u0435\u043d\u0442\u0441\u043a\u0430\u044f-\u0432\u0430\u043b\u0438\u0434\u0430\u0446\u0438\u044f",children:"\u041a\u043b\u0438\u0435\u043d\u0442\u0441\u043a\u0430\u044f \u0432\u0430\u043b\u0438\u0434\u0430\u0446\u0438\u044f"}),"\n",(0,i.jsxs)(n.p,{children:["\u0418\u043d\u043e\u0433\u0434\u0430, \u043e\u0441\u043e\u0431\u0435\u043d\u043d\u043e \u043f\u0440\u0438 \u0440\u0435\u0433\u0438\u0441\u0442\u0440\u0430\u0446\u0438\u0438, \u0438\u043c\u0435\u0435\u0442 \u0441\u043c\u044b\u0441\u043b \u0432\u044b\u043f\u043e\u043b\u043d\u0438\u0442\u044c \u043f\u0440\u043e\u0432\u0435\u0440\u043a\u0443 \u043d\u0430 \u0441\u0442\u043e\u0440\u043e\u043d\u0435 \u043a\u043b\u0438\u0435\u043d\u0442\u0430, \u0447\u0442\u043e\u0431\u044b \u0431\u044b\u0441\u0442\u0440\u043e \u0441\u043e\u043e\u0431\u0449\u0438\u0442\u044c \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044e, \u0447\u0442\u043e \u043e\u043d\u0438 \u0434\u043e\u043f\u0443\u0441\u0442\u0438\u043b\u0438 \u043e\u0448\u0438\u0431\u043a\u0443. \u041f\u0440\u043e\u0432\u0435\u0440\u043a\u0430 \u043c\u043e\u0436\u0435\u0442 \u043f\u0440\u043e\u0438\u0441\u0445\u043e\u0434\u0438\u0442\u044c \u0432 \u0441\u0435\u0433\u043c\u0435\u043d\u0442\u0435 ",(0,i.jsx)(n.code,{children:"model"})," \u043d\u0430 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0435 \u043b\u043e\u0433\u0438\u043d\u0430. \u0418\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0439\u0442\u0435 \u0431\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a\u0443 \u043f\u0440\u043e\u0432\u0435\u0440\u043a\u0438 \u043f\u043e \u0441\u0445\u0435\u043c\u0430\u043c, \u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, ",(0,i.jsx)(n.a,{href:"https://zod.dev",children:"Zod"})," \u0434\u043b\u044f JS/TS, \u0438 \u043f\u0440\u0435\u0434\u043e\u0441\u0442\u0430\u0432\u044c\u0442\u0435 \u044d\u0442\u0443 \u0441\u0445\u0435\u043c\u0443 \u0441\u0435\u0433\u043c\u0435\u043d\u0442\u0443 ",(0,i.jsx)(n.code,{children:"ui"}),":"]}),"\n",(0,i.jsx)(n.pre,{children:(0,i.jsx)(n.code,{className:"language-ts",metastring:'title="pages/login/model/registration-schema.ts"',children:'import { z } from "zod";\n\nexport const registrationData = z.object({\n    email: z.string().email(),\n    password: z.string().min(6),\n    confirmPassword: z.string(),\n}).refine((data) => data.password === data.confirmPassword, {\n    message: "Passwords do not match",\n    path: ["confirmPassword"],\n});\n'})}),"\n",(0,i.jsxs)(n.p,{children:["\u0417\u0430\u0442\u0435\u043c \u0432 \u0441\u0435\u0433\u043c\u0435\u043d\u0442\u0435 ",(0,i.jsx)(n.code,{children:"ui"})," \u0432\u044b \u043c\u043e\u0436\u0435\u0442\u0435 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u044d\u0442\u0443 \u0441\u0445\u0435\u043c\u0443 \u0434\u043b\u044f \u043f\u0440\u043e\u0432\u0435\u0440\u043a\u0438 \u0432\u0432\u043e\u0434\u0430 \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044f:"]}),"\n",(0,i.jsx)(n.pre,{children:(0,i.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/login/ui/RegisterPage.tsx"',children:'import { registrationData } from "../model/registration-schema";\n\nfunction validate(formData: FormData) {\n    const data = Object.fromEntries(formData.entries());\n    try {\n        registrationData.parse(data);\n    } catch (error) {\n        // TODO: \u041f\u043e\u043a\u0430\u0437\u0430\u0442\u044c \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044e \u0441\u043e\u043e\u0431\u0449\u0435\u043d\u0438\u0435 \u043e\u0431 \u043e\u0448\u0438\u0431\u043a\u0435\n    }\n}\n\nexport function RegisterPage() {\n    return (\n        <form onSubmit={(e) => validate(new FormData(e.target))}>\n            <label htmlFor="email">\u042d\u043b\u0435\u043a\u0442\u0440\u043e\u043d\u043d\u0430\u044f \u043f\u043e\u0447\u0442\u0430</label>\n            <input id="email" name="email" required />\n\n            <label htmlFor="password">\u041f\u0430\u0440\u043e\u043b\u044c (\u043c\u0438\u043d. 6 \u0441\u0438\u043c\u0432\u043e\u043b\u043e\u0432)</label>\n            <input id="password" name="password" type="password" required />\n\n            <label htmlFor="confirmPassword">\u041f\u043e\u0434\u0442\u0432\u0435\u0440\u0434\u0438\u0442\u0435 \u043f\u0430\u0440\u043e\u043b\u044c</label>\n            <input id="confirmPassword" name="confirmPassword" type="password" required />\n        </form>\n    )\n}\n'})}),"\n",(0,i.jsx)(n.h2,{id:"\u043a\u0430\u043a-\u043e\u0442\u043f\u0440\u0430\u0432\u0438\u0442\u044c-\u0443\u0447\u0435\u0442\u043d\u044b\u0435-\u0434\u0430\u043d\u043d\u044b\u0435-\u043d\u0430-\u0431\u044d\u043a\u0435\u043d\u0434",children:"\u041a\u0430\u043a \u043e\u0442\u043f\u0440\u0430\u0432\u0438\u0442\u044c \u0443\u0447\u0435\u0442\u043d\u044b\u0435 \u0434\u0430\u043d\u043d\u044b\u0435 \u043d\u0430 \u0431\u044d\u043a\u0435\u043d\u0434"}),"\n",(0,i.jsx)(n.p,{children:"\u0421\u043e\u0437\u0434\u0430\u0439\u0442\u0435 \u0444\u0443\u043d\u043a\u0446\u0438\u044e, \u043a\u043e\u0442\u043e\u0440\u0430\u044f \u043e\u0442\u043f\u0440\u0430\u0432\u043b\u044f\u0435\u0442 \u0437\u0430\u043f\u0440\u043e\u0441 \u043a \u044d\u043d\u0434\u043f\u043e\u0438\u043d\u0442\u0443 \u043b\u043e\u0433\u0438\u043d\u0430 \u043d\u0430 \u0431\u044d\u043a\u0435\u043d\u0434\u0435. \u042d\u0442\u0443 \u0444\u0443\u043d\u043a\u0446\u0438\u044e \u043c\u043e\u0436\u043d\u043e \u0432\u044b\u0437\u0432\u0430\u0442\u044c \u043b\u0438\u0431\u043e \u043d\u0435\u043f\u043e\u0441\u0440\u0435\u0434\u0441\u0442\u0432\u0435\u043d\u043d\u043e \u0432 \u043a\u043e\u0434\u0435 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u0430 \u0447\u0435\u0440\u0435\u0437 \u0431\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a\u0443 \u043c\u0443\u0442\u0430\u0446\u0438\u0439 (\u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, TanStack Query), \u043b\u0438\u0431\u043e \u043a\u0430\u043a \u043f\u043e\u0431\u043e\u0447\u043d\u044b\u0439 \u044d\u0444\u0444\u0435\u043a\u0442 \u0432 \u0441\u0442\u0435\u0439\u0442-\u043c\u0435\u043d\u0435\u0434\u0436\u0435\u0440\u0435."}),"\n",(0,i.jsx)(n.h3,{id:"\u0433\u0434\u0435-\u0445\u0440\u0430\u043d\u0438\u0442\u044c-\u0444\u0443\u043d\u043a\u0446\u0438\u044e-\u0437\u0430\u043f\u0440\u043e\u0441\u0430",children:"\u0413\u0434\u0435 \u0445\u0440\u0430\u043d\u0438\u0442\u044c \u0444\u0443\u043d\u043a\u0446\u0438\u044e \u0437\u0430\u043f\u0440\u043e\u0441\u0430"}),"\n",(0,i.jsxs)(n.p,{children:["\u0415\u0441\u0442\u044c \u0434\u0432\u0430 \u043c\u0435\u0441\u0442\u0430, \u043a\u0443\u0434\u0430 \u043c\u043e\u0436\u043d\u043e \u043f\u043e\u043b\u043e\u0436\u0438\u0442\u044c \u044d\u0442\u0443 \u0444\u0443\u043d\u043a\u0446\u0438\u044e: \u0432 ",(0,i.jsx)(n.code,{children:"shared/api"})," \u0438\u043b\u0438 \u0432 \u0441\u0435\u0433\u043c\u0435\u043d\u0442 ",(0,i.jsx)(n.code,{children:"api"})," \u043d\u0430 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0435."]}),"\n",(0,i.jsxs)(n.h4,{id:"\u0432-sharedapi",children:["\u0412 ",(0,i.jsx)(n.code,{children:"shared/api"})]}),"\n",(0,i.jsxs)(n.p,{children:["\u042d\u0442\u043e\u0442 \u043f\u043e\u0434\u0445\u043e\u0434 \u0445\u043e\u0440\u043e\u0448\u043e \u0441\u043e\u0447\u0435\u0442\u0430\u0435\u0442\u0441\u044f \u0441 \u0442\u0435\u043c, \u0447\u0442\u043e\u0431 \u0440\u0430\u0437\u043c\u0435\u0449\u0430\u0442\u044c \u0432 ",(0,i.jsx)(n.code,{children:"shared/api"})," \u0432\u0441\u0435 \u0444\u0443\u043d\u043a\u0446\u0438\u0438 \u0437\u0430\u043f\u0440\u043e\u0441\u043e\u0432, \u0438 \u0433\u0440\u0443\u043f\u043f\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u0438\u0445 \u043f\u043e \u044d\u043d\u0434\u043f\u043e\u0438\u043d\u0442\u0443, \u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440. \u0421\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u0430 \u0444\u0430\u0439\u043b\u043e\u0432 \u0432 \u0442\u0430\u043a\u043e\u043c \u0441\u043b\u0443\u0447\u0430\u0435 \u043c\u043e\u0436\u0435\u0442 \u0432\u044b\u0433\u043b\u044f\u0434\u0435\u0442\u044c \u0442\u0430\u043a:"]}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsxs)(n.li,{children:["\ud83d\udcc2 shared","\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsxs)(n.li,{children:["\ud83d\udcc2 api","\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsxs)(n.li,{children:["\ud83d\udcc2 endpoints","\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsx)(n.li,{children:"\ud83d\udcc4 login.ts"}),"\n",(0,i.jsx)(n.li,{children:"\u043e\u0441\u0442\u0430\u043b\u044c\u043d\u044b\u0435 \u0444\u0443\u043d\u043a\u0446\u0438\u0438 \u0437\u0430\u043f\u0440\u043e\u0441\u043e\u0432\u2026"}),"\n"]}),"\n"]}),"\n",(0,i.jsx)(n.li,{children:"\ud83d\udcc4 client.ts"}),"\n",(0,i.jsx)(n.li,{children:"\ud83d\udcc4 index.ts"}),"\n"]}),"\n"]}),"\n"]}),"\n"]}),"\n"]}),"\n",(0,i.jsxs)(n.p,{children:["\u0424\u0430\u0439\u043b ",(0,i.jsx)(n.code,{children:"\ud83d\udcc4 client.ts"})," \u0441\u043e\u0434\u0435\u0440\u0436\u0438\u0442 \u043e\u0431\u0451\u0440\u0442\u043a\u0443 \u043d\u0430\u0434 \u043f\u0440\u0438\u043c\u0438\u0442\u0438\u0432\u043e\u043c, \u0432\u044b\u043f\u043e\u043b\u043d\u044f\u044e\u0449\u0438\u043c \u0437\u0430\u043f\u0440\u043e\u0441\u044b (\u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, ",(0,i.jsx)(n.code,{children:"fetch()"}),"). \u042d\u0442\u0430 \u043e\u0431\u0451\u0440\u0442\u043a\u0430 \u0437\u043d\u0430\u0435\u0442 \u043f\u0440\u043e base URL \u0432\u0430\u0448\u0435\u0433\u043e \u0431\u044d\u043a\u0435\u043d\u0434\u0430, \u043f\u0440\u043e\u0441\u0442\u0430\u0432\u043b\u044f\u0435\u0442 \u043d\u0435\u043e\u0431\u0445\u043e\u0434\u0438\u043c\u044b\u0435 \u0437\u0430\u0433\u043e\u043b\u043e\u0432\u043a\u0438, \u0441\u0435\u0440\u0438\u0430\u043b\u0438\u0437\u0443\u0435\u0442 \u0434\u0430\u043d\u043d\u044b\u0435, \u0438 \u0442.\u0434."]}),"\n",(0,i.jsx)(n.pre,{children:(0,i.jsx)(n.code,{className:"language-ts",metastring:'title="shared/api/endpoints/login.ts"',children:'import { POST } from "../client";\n\nexport function login({ email, password }: { email: string, password: string }) {\n    return POST("/login", { email, password });\n}\n'})}),"\n",(0,i.jsx)(n.pre,{children:(0,i.jsx)(n.code,{className:"language-ts",metastring:'title="shared/api/index.ts"',children:'export { login } from "./endpoints/login";\n'})}),"\n",(0,i.jsxs)(n.h4,{id:"\u0432-\u0441\u0435\u0433\u043c\u0435\u043d\u0442\u0435-api-\u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b",children:["\u0412 \u0441\u0435\u0433\u043c\u0435\u043d\u0442\u0435 ",(0,i.jsx)(n.code,{children:"api"})," \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b"]}),"\n",(0,i.jsxs)(n.p,{children:["\u0415\u0441\u043b\u0438 \u0432\u044b \u043d\u0435 \u0445\u0440\u0430\u043d\u0438\u0442\u0435 \u0432\u0441\u0435 \u0441\u0432\u043e\u0438 \u0437\u0430\u043f\u0440\u043e\u0441\u044b \u0432 \u043e\u0434\u043d\u043e\u043c \u043c\u0435\u0441\u0442\u0435, \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e, \u0432\u0430\u043c \u043f\u043e\u0434\u043e\u0439\u0434\u0435\u0442 \u0440\u0430\u0437\u043c\u0435\u0441\u0442\u0438\u0442\u044c \u044d\u0442\u0443 \u0444\u0443\u043d\u043a\u0446\u0438\u044e \u0437\u0430\u043f\u0440\u043e\u0441\u0430 \u0432 \u0441\u0435\u0433\u043c\u0435\u043d\u0442\u0435 ",(0,i.jsx)(n.code,{children:"api"})," \u043d\u0430 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0435 \u043b\u043e\u0433\u0438\u043d\u0430."]}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsxs)(n.li,{children:["\ud83d\udcc2 pages","\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsxs)(n.li,{children:["\ud83d\udcc2 login","\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsxs)(n.li,{children:["\ud83d\udcc2 api","\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsx)(n.li,{children:"\ud83d\udcc4 login.ts"}),"\n"]}),"\n"]}),"\n",(0,i.jsxs)(n.li,{children:["\ud83d\udcc2 ui","\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsx)(n.li,{children:"\ud83d\udcc4 LoginPage.tsx"}),"\n"]}),"\n"]}),"\n",(0,i.jsx)(n.li,{children:"\ud83d\udcc4 index.ts"}),"\n"]}),"\n"]}),"\n",(0,i.jsx)(n.li,{children:"\u043e\u0441\u0442\u0430\u043b\u044c\u043d\u044b\u0435 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b\u2026"}),"\n"]}),"\n"]}),"\n"]}),"\n",(0,i.jsx)(n.pre,{children:(0,i.jsx)(n.code,{className:"language-ts",metastring:'title="pages/login/api/login.ts"',children:'import { POST } from "shared/api";\n\nexport function login({ email, password }: { email: string, password: string }) {\n    return POST("/login", { email, password });\n}\n'})}),"\n",(0,i.jsx)(n.p,{children:"\u042d\u0442\u0443 \u0444\u0443\u043d\u043a\u0446\u0438\u044e \u0434\u0430\u0436\u0435 \u043d\u0435\u043e\u0431\u044f\u0437\u0430\u0442\u0435\u043b\u044c\u043d\u043e \u0440\u0435\u044d\u043a\u0441\u043f\u043e\u0440\u0442\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u0438\u0437 \u0438\u043d\u0434\u0435\u043a\u0441\u0430 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b, \u043f\u043e\u0442\u043e\u043c\u0443 \u0447\u0442\u043e, \u0441\u043a\u043e\u0440\u0435\u0435 \u0432\u0441\u0435\u0433\u043e, \u043e\u043d\u0430 \u0431\u0443\u0434\u0435\u0442 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c\u0441\u044f \u0442\u043e\u043b\u044c\u043a\u043e \u0432\u043d\u0443\u0442\u0440\u0438 \u044d\u0442\u043e\u0439 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b."}),"\n",(0,i.jsx)(n.h3,{id:"\u0434\u0432\u0443\u0445\u0444\u0430\u043a\u0442\u043e\u0440\u043d\u0430\u044f-\u0430\u0443\u0442\u0435\u043d\u0442\u0438\u0444\u0438\u043a\u0430\u0446\u0438\u044f",children:"\u0414\u0432\u0443\u0445\u0444\u0430\u043a\u0442\u043e\u0440\u043d\u0430\u044f \u0430\u0443\u0442\u0435\u043d\u0442\u0438\u0444\u0438\u043a\u0430\u0446\u0438\u044f"}),"\n",(0,i.jsxs)(n.p,{children:["\u0415\u0441\u043b\u0438 \u0432\u0430\u0448\u0435 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0435 \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u0438\u0432\u0430\u0435\u0442 \u0434\u0432\u0443\u0445\u0444\u0430\u043a\u0442\u043e\u0440\u043d\u0443\u044e \u0430\u0443\u0442\u0435\u043d\u0442\u0438\u0444\u0438\u043a\u0430\u0446\u0438\u044e (2FA), \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e, \u0432\u0430\u043c \u043f\u0440\u0438\u0434\u0435\u0442\u0441\u044f \u043f\u0435\u0440\u0435\u043d\u0430\u043f\u0440\u0430\u0432\u0438\u0442\u044c \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044f \u043d\u0430 \u0434\u0440\u0443\u0433\u0443\u044e \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0443, \u0433\u0434\u0435 \u043e\u043d\u0438 \u0441\u043c\u043e\u0433\u0443\u0442 \u0432\u0432\u0435\u0441\u0442\u0438 \u043e\u0434\u043d\u043e\u0440\u0430\u0437\u043e\u0432\u044b\u0439 \u043f\u0430\u0440\u043e\u043b\u044c. \u041e\u0431\u044b\u0447\u043d\u043e, \u0432\u0430\u0448 \u0437\u0430\u043f\u0440\u043e\u0441 ",(0,i.jsx)(n.code,{children:"POST /login"})," \u0432\u043e\u0437\u0432\u0440\u0430\u0449\u0430\u0435\u0442 \u043e\u0431\u044a\u0435\u043a\u0442 \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044f \u0441 \u0444\u043b\u0430\u0433\u043e\u043c, \u0443\u043a\u0430\u0437\u044b\u0432\u0430\u044e\u0449\u0438\u043c, \u0447\u0442\u043e \u0443 \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044f \u0432\u043a\u043b\u044e\u0447\u0435\u043d 2FA. \u0415\u0441\u043b\u0438 \u044d\u0442\u043e\u0442 \u0444\u043b\u0430\u0433 \u0443\u0441\u0442\u0430\u043d\u043e\u0432\u043b\u0435\u043d, \u043f\u0435\u0440\u0435\u043d\u0430\u043f\u0440\u0430\u0432\u044c\u0442\u0435 \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044f \u043d\u0430 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0443 2FA."]}),"\n",(0,i.jsxs)(n.p,{children:["\u041f\u043e\u0441\u043a\u043e\u043b\u044c\u043a\u0443 \u044d\u0442\u0430 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0430 \u043e\u0447\u0435\u043d\u044c \u0441\u0432\u044f\u0437\u0430\u043d\u0430 \u0441 \u043b\u043e\u0433\u0438\u043d\u043e\u043c, \u0432\u044b \u0442\u0430\u043a\u0436\u0435 \u043c\u043e\u0436\u0435\u0442\u0435 \u043f\u043e\u043b\u043e\u0436\u0438\u0442\u044c \u0435\u0451 \u0432 \u0442\u043e\u0442 \u0436\u0435 \u0441\u043b\u0430\u0439\u0441, ",(0,i.jsx)(n.code,{children:"login"}),", \u043d\u0430 \u0441\u043b\u043e\u0435 Pages."]}),"\n",(0,i.jsxs)(n.p,{children:["\u0412\u0430\u043c \u0442\u0430\u043a\u0436\u0435 \u043f\u043e\u043d\u0430\u0434\u043e\u0431\u0438\u0442\u0441\u044f \u0435\u0449\u0435 \u043e\u0434\u043d\u0430 \u0444\u0443\u043d\u043a\u0446\u0438\u044f \u0437\u0430\u043f\u0440\u043e\u0441\u0430, \u043f\u043e\u0445\u043e\u0436\u0430\u044f \u043d\u0430 ",(0,i.jsx)(n.code,{children:"login()"}),", \u043a\u043e\u0442\u043e\u0440\u0443\u044e \u043c\u044b \u0441\u043e\u0437\u0434\u0430\u043b\u0438 \u0432\u044b\u0448\u0435. \u041f\u043e\u043c\u0435\u0441\u0442\u0438\u0442\u0435 \u0438\u0445 \u0432\u043c\u0435\u0441\u0442\u0435 \u043b\u0438\u0431\u043e \u0432 Shared, \u043b\u0438\u0431\u043e \u0432 \u0441\u0435\u0433\u043c\u0435\u043d\u0442 ",(0,i.jsx)(n.code,{children:"api"})," \u043d\u0430 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0435 ",(0,i.jsx)(n.code,{children:"login"}),"."]}),"\n",(0,i.jsx)(n.h2,{id:"how-to-store-the-token-for-authenticated-requests",children:"\u041a\u0430\u043a \u0445\u0440\u0430\u043d\u0438\u0442\u044c \u0442\u043e\u043a\u0435\u043d \u0434\u043b\u044f \u0430\u0432\u0442\u043e\u0440\u0438\u0437\u043e\u0432\u0430\u043d\u043d\u044b\u0445 \u0437\u0430\u043f\u0440\u043e\u0441\u043e\u0432"}),"\n",(0,i.jsx)(n.p,{children:"\u041d\u0435\u0437\u0430\u0432\u0438\u0441\u0438\u043c\u043e \u043e\u0442 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u043c\u043e\u0439 \u0432\u0430\u043c\u0438 \u0441\u0445\u0435\u043c\u044b \u0430\u0432\u0442\u043e\u0440\u0438\u0437\u0430\u0446\u0438\u0438, \u0431\u0443\u0434\u044c \u0442\u043e \u043f\u0440\u043e\u0441\u0442\u043e\u0439 \u043b\u043e\u0433\u0438\u043d \u0438 \u043f\u0430\u0440\u043e\u043b\u044c, OAuth \u0438\u043b\u0438 \u0434\u0432\u0443\u0445\u0444\u0430\u043a\u0442\u043e\u0440\u043d\u0430\u044f \u0430\u0443\u0442\u0435\u043d\u0442\u0438\u0444\u0438\u043a\u0430\u0446\u0438\u044f, \u0432 \u043a\u043e\u043d\u0446\u0435 \u0432\u044b \u043f\u043e\u043b\u0443\u0447\u0438\u0442\u0435 \u0442\u043e\u043a\u0435\u043d. \u042d\u0442\u043e\u0442 \u0442\u043e\u043a\u0435\u043d \u0441\u043b\u0435\u0434\u0443\u0435\u0442 \u0445\u0440\u0430\u043d\u0438\u0442\u044c, \u0447\u0442\u043e\u0431\u044b \u043f\u043e\u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0438\u0435 \u0437\u0430\u043f\u0440\u043e\u0441\u044b \u043c\u043e\u0433\u043b\u0438 \u0438\u0434\u0435\u043d\u0442\u0438\u0444\u0438\u0446\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u0441\u0435\u0431\u044f."}),"\n",(0,i.jsxs)(n.p,{children:["\u0418\u0434\u0435\u0430\u043b\u044c\u043d\u044b\u043c \u0445\u0440\u0430\u043d\u0438\u043b\u0438\u0449\u0435\u043c \u0442\u043e\u043a\u0435\u043d\u043e\u0432 \u0434\u043b\u044f \u0432\u0435\u0431-\u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f \u044f\u0432\u043b\u044f\u044e\u0442\u0441\u044f ",(0,i.jsx)(n.strong,{children:"cookies"})," \u2014 \u043e\u043d\u0438 \u043d\u0435 \u0442\u0440\u0435\u0431\u0443\u044e\u0442 \u0440\u0443\u0447\u043d\u043e\u0433\u043e \u0441\u043e\u0445\u0440\u0430\u043d\u0435\u043d\u0438\u044f \u0438\u043b\u0438 \u043e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u0438 \u0442\u043e\u043a\u0435\u043d\u043e\u0432. \u0422\u0430\u043a\u0438\u043c \u043e\u0431\u0440\u0430\u0437\u043e\u043c, \u0445\u0440\u0430\u043d\u0435\u043d\u0438\u0435 cookies \u043f\u0440\u0430\u043a\u0442\u0438\u0447\u0435\u0441\u043a\u0438 \u043d\u0435 \u0442\u0440\u0435\u0431\u0443\u0435\u0442 \u0443\u0441\u0438\u043b\u0438\u0439 \u0441\u043e \u0441\u0442\u043e\u0440\u043e\u043d\u044b \u0430\u0440\u0445\u0438\u0442\u0435\u043a\u0442\u0443\u0440\u044b \u0444\u0440\u043e\u043d\u0442\u0435\u043d\u0434\u0430. \u0415\u0441\u043b\u0438 \u0432\u0430\u0448 \u0444\u0440\u043e\u043d\u0442\u0435\u043d\u0434-\u0444\u0440\u0435\u0439\u043c\u0432\u043e\u0440\u043a \u0438\u043c\u0435\u0435\u0442 \u0441\u0435\u0440\u0432\u0435\u0440\u043d\u0443\u044e \u0447\u0430\u0441\u0442\u044c (\u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, ",(0,i.jsx)(n.a,{href:"https://remix.run",children:"Remix"}),"), \u0442\u043e \u0441\u0435\u0440\u0432\u0435\u0440\u043d\u0443\u044e \u0438\u043d\u0444\u0440\u0430\u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u0443 cookies \u0441\u043b\u0435\u0434\u0443\u0435\u0442 \u0445\u0440\u0430\u043d\u0438\u0442\u044c \u0432 ",(0,i.jsx)(n.code,{children:"shared/api"}),". \u0412 ",(0,i.jsx)(n.a,{href:"/docs/get-started/tutorial#authentication",children:"\u0440\u0430\u0437\u0434\u0435\u043b\u0435 \u0442\u0443\u0442\u043e\u0440\u0438\u0430\u043b\u0430 \xab\u0410\u0443\u0442\u0435\u043d\u0442\u0438\u0444\u0438\u043a\u0430\u0446\u0438\u044f\xbb"})," \u0435\u0441\u0442\u044c \u043f\u0440\u0438\u043c\u0435\u0440 \u0442\u043e\u0433\u043e, \u043a\u0430\u043a \u044d\u0442\u043e \u0441\u0434\u0435\u043b\u0430\u0442\u044c \u0432 Remix."]}),"\n",(0,i.jsx)(n.p,{children:"\u041e\u0434\u043d\u0430\u043a\u043e, \u0438\u043d\u043e\u0433\u0434\u0430 \u0445\u0440\u0430\u043d\u0438\u0442\u044c \u0442\u043e\u043a\u0435\u043d \u0432 cookies \u2014 \u043d\u0435 \u0432\u0430\u0440\u0438\u0430\u043d\u0442. \u0412 \u044d\u0442\u043e\u043c \u0441\u043b\u0443\u0447\u0430\u0435 \u0432\u0430\u043c \u043f\u0440\u0438\u0434\u0435\u0442\u0441\u044f \u0445\u0440\u0430\u043d\u0438\u0442\u044c \u0442\u043e\u043a\u0435\u043d \u0441\u0430\u043c\u0438\u043c. \u041f\u043e\u043c\u0438\u043c\u043e \u044d\u0442\u043e\u0433\u043e, \u0432\u0430\u043c \u0442\u0430\u043a\u0436\u0435 \u043c\u043e\u0436\u0435\u0442 \u043f\u043e\u0442\u0440\u0435\u0431\u043e\u0432\u0430\u0442\u044c\u0441\u044f \u043d\u0430\u043f\u0438\u0441\u0430\u0442\u044c \u043b\u043e\u0433\u0438\u043a\u0443 \u0434\u043b\u044f \u043e\u0431\u043d\u043e\u0432\u043b\u0435\u043d\u0438\u044f \u044d\u0442\u043e\u0433\u043e \u0442\u043e\u043a\u0435\u043d\u0430 \u043f\u043e \u0438\u0441\u0442\u0435\u0447\u0435\u043d\u0438\u0438 \u0441\u0440\u043e\u043a\u0430 \u0435\u0433\u043e \u0434\u0435\u0439\u0441\u0442\u0432\u0438\u044f. \u0412 \u0440\u0430\u043c\u043a\u0430\u0445 FSD \u0435\u0441\u0442\u044c \u043d\u0435\u0441\u043a\u043e\u043b\u044c\u043a\u043e \u043c\u0435\u0441\u0442, \u0433\u0434\u0435 \u0432\u044b \u043c\u043e\u0436\u0435\u0442\u0435 \u0445\u0440\u0430\u043d\u0438\u0442\u044c \u0442\u043e\u043a\u0435\u043d, \u0430 \u0442\u0430\u043a\u0436\u0435 \u043d\u0435\u0441\u043a\u043e\u043b\u044c\u043a\u043e \u0441\u043f\u043e\u0441\u043e\u0431\u043e\u0432 \u0441\u0434\u0435\u043b\u0430\u0442\u044c \u0435\u0433\u043e \u0434\u043e\u0441\u0442\u0443\u043f\u043d\u044b\u043c \u0434\u043b\u044f \u043e\u0441\u0442\u0430\u043b\u044c\u043d\u043e\u0439 \u0447\u0430\u0441\u0442\u0438 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f."}),"\n",(0,i.jsx)(n.h3,{id:"\u0432-shared",children:"\u0412 Shared"}),"\n",(0,i.jsxs)(n.p,{children:["\u042d\u0442\u043e\u0442 \u043f\u043e\u0434\u0445\u043e\u0434 \u0445\u043e\u0440\u043e\u0448\u043e \u0440\u0430\u0431\u043e\u0442\u0430\u0435\u0442, \u043a\u043e\u0433\u0434\u0430 API-\u043a\u043b\u0438\u0435\u043d\u0442 \u043e\u043f\u0440\u0435\u0434\u0435\u043b\u0435\u043d \u0432 ",(0,i.jsx)(n.code,{children:"shared/api"}),", \u043f\u043e\u0441\u043a\u043e\u043b\u044c\u043a\u0443 \u0442\u043e\u043a\u0435\u043d \u0441\u0432\u043e\u0431\u043e\u0434\u043d\u043e \u0434\u043e\u0441\u0442\u0443\u043f\u0435\u043d \u0435\u043c\u0443 \u0434\u043b\u044f \u0434\u0440\u0443\u0433\u0438\u0445 \u0444\u0443\u043d\u043a\u0446\u0438\u0439-\u0437\u0430\u043f\u0440\u043e\u0441\u043e\u0432, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u0442\u0440\u0435\u0431\u0443\u044e\u0442 \u0430\u0432\u0442\u043e\u0440\u0438\u0437\u0430\u0446\u0438\u044e. \u0412\u044b \u043c\u043e\u0436\u0435\u0442\u0435 \u0441\u0434\u0435\u043b\u0430\u0442\u044c \u0442\u0430\u043a, \u0447\u0442\u043e\u0431 \u043a\u043b\u0438\u0435\u043d\u0442 \u0438\u043c\u0435\u043b \u0441\u0432\u043e\u0439 \u0441\u0442\u0435\u0439\u0442, \u043b\u0438\u0431\u043e \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e \u0440\u0435\u0430\u043a\u0442\u0438\u0432\u043d\u043e\u0433\u043e \u0445\u0440\u0430\u043d\u0438\u043b\u0438\u0449\u0430, \u043b\u0438\u0431\u043e \u043f\u0440\u043e\u0441\u0442\u043e \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e \u043f\u0435\u0440\u0435\u043c\u0435\u043d\u043d\u043e\u0439 \u043d\u0430 \u0443\u0440\u043e\u0432\u043d\u0435 \u043c\u043e\u0434\u0443\u043b\u044f. \u0417\u0430\u0442\u0435\u043c \u0432\u044b \u043c\u043e\u0436\u0435\u0442\u0435 \u043e\u0431\u043d\u043e\u0432\u043b\u044f\u0442\u044c \u044d\u0442\u043e\u0442 \u0441\u0442\u0435\u0439\u0442 \u0432 \u0432\u0430\u0448\u0438\u0445 \u0444\u0443\u043d\u043a\u0446\u0438\u044f\u0445 ",(0,i.jsx)(n.code,{children:"login()"}),"/",(0,i.jsx)(n.code,{children:"logout()"}),"."]}),"\n",(0,i.jsx)(n.p,{children:"\u0410\u0432\u0442\u043e\u043c\u0430\u0442\u0438\u0447\u0435\u0441\u043a\u043e\u0435 \u043e\u0431\u043d\u043e\u0432\u043b\u0435\u043d\u0438\u0435 \u0442\u043e\u043a\u0435\u043d\u0430 \u043c\u043e\u0436\u0435\u0442 \u0431\u044b\u0442\u044c \u0440\u0435\u0430\u043b\u0438\u0437\u043e\u0432\u0430\u043d\u043e \u043a\u0430\u043a middleware \u0432 API-\u043a\u043b\u0438\u0435\u043d\u0442\u0435 \u2014 \u0442\u043e, \u0447\u0442\u043e \u0432\u044b\u043f\u043e\u043b\u043d\u044f\u0435\u0442\u0441\u044f \u043a\u0430\u0436\u0434\u044b\u0439 \u0440\u0430\u0437, \u043a\u043e\u0433\u0434\u0430 \u0432\u044b \u0434\u0435\u043b\u0430\u0435\u0442\u0435 \u043a\u0430\u043a\u043e\u0439-\u043b\u0438\u0431\u043e \u0437\u0430\u043f\u0440\u043e\u0441. \u041d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, \u043c\u043e\u0436\u043d\u043e \u0441\u0434\u0435\u043b\u0430\u0442\u044c \u0442\u0430\u043a:"}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsx)(n.li,{children:"\u0410\u0432\u0442\u043e\u0440\u0438\u0437\u043e\u0432\u0430\u0442\u044c\u0441\u044f \u0438 \u0441\u043e\u0445\u0440\u0430\u043d\u0438\u0442\u044c \u0442\u043e\u043a\u0435\u043d \u0434\u043e\u0441\u0442\u0443\u043f\u0430, \u0430 \u0442\u0430\u043a\u0436\u0435 \u0442\u043e\u043a\u0435\u043d \u043e\u0431\u043d\u043e\u0432\u043b\u0435\u043d\u0438\u044f."}),"\n",(0,i.jsx)(n.li,{children:"\u0421\u0434\u0435\u043b\u0430\u0442\u044c \u043b\u044e\u0431\u043e\u0439 \u0437\u0430\u043f\u0440\u043e\u0441, \u0442\u0440\u0435\u0431\u0443\u044e\u0449\u0438\u0439 \u0430\u0432\u0442\u043e\u0440\u0438\u0437\u0430\u0446\u0438\u0438"}),"\n",(0,i.jsx)(n.li,{children:"\u0415\u0441\u043b\u0438 \u0437\u0430\u043f\u0440\u043e\u0441 \u043f\u0430\u0434\u0430\u0435\u0442 \u0441 \u043a\u043e\u0434\u043e\u043c \u0441\u043e\u0441\u0442\u043e\u044f\u043d\u0438\u044f, \u0443\u043a\u0430\u0437\u044b\u0432\u0430\u044e\u0449\u0438\u043c \u043d\u0430 \u0438\u0441\u0442\u0435\u0447\u0435\u043d\u0438\u0435 \u0441\u0440\u043e\u043a\u0430 \u0434\u0435\u0439\u0441\u0442\u0432\u0438\u044f \u0442\u043e\u043a\u0435\u043d\u0430, \u0430 \u0432 \u0445\u0440\u0430\u043d\u0438\u043b\u0438\u0449\u0435 \u0435\u0441\u0442\u044c \u0442\u043e\u043a\u0435\u043d, \u0441\u0434\u0435\u043b\u0430\u0442\u044c \u0437\u0430\u043f\u0440\u043e\u0441 \u043d\u0430 \u043e\u0431\u043d\u043e\u0432\u043b\u0435\u043d\u0438\u0435, \u0441\u043e\u0445\u0440\u0430\u043d\u0438\u0442\u044c \u043d\u043e\u0432\u044b\u0435 \u0442\u043e\u043a\u0435\u043d\u044b \u0438 \u043f\u043e\u0432\u0442\u043e\u0440\u0438\u0442\u044c \u0438\u0441\u0445\u043e\u0434\u043d\u044b\u0439 \u0437\u0430\u043f\u0440\u043e\u0441."}),"\n"]}),"\n",(0,i.jsxs)(n.p,{children:["\u041e\u0434\u043d\u0438\u043c \u0438\u0437 \u043d\u0435\u0434\u043e\u0441\u0442\u0430\u0442\u043a\u043e\u0432 \u044d\u0442\u043e\u0433\u043e \u043f\u043e\u0434\u0445\u043e\u0434\u0430 \u044f\u0432\u043b\u044f\u0435\u0442\u0441\u044f \u0442\u043e, \u0447\u0442\u043e \u043b\u043e\u0433\u0438\u043a\u0430 \u0445\u0440\u0430\u043d\u0435\u043d\u0438\u044f \u0438 \u043e\u0431\u043d\u043e\u0432\u043b\u0435\u043d\u0438\u044f \u0442\u043e\u043a\u0435\u043d\u0430 \u043d\u0435 \u0438\u043c\u0435\u0435\u0442 \u0432\u044b\u0434\u0435\u043b\u0435\u043d\u043d\u043e\u0433\u043e \u043c\u0435\u0441\u0442\u0430. \u042d\u0442\u043e \u043c\u043e\u0436\u0435\u0442 \u043f\u043e\u0434\u043e\u0439\u0442\u0438 \u043a\u0430\u043a\u0438\u043c-\u0442\u043e \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f\u043c \u0438\u043b\u0438 \u043a\u043e\u043c\u0430\u043d\u0434\u0430\u043c, \u043d\u043e \u0435\u0441\u043b\u0438 \u043b\u043e\u0433\u0438\u043a\u0430 \u0443\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u0438\u044f \u0442\u043e\u043a\u0435\u043d\u0430\u043c\u0438 \u0431\u043e\u043b\u0435\u0435 \u0441\u043b\u043e\u0436\u043d\u0430, \u043c\u043e\u0436\u0435\u0442 \u0437\u0430\u0445\u043e\u0442\u0435\u0442\u044c\u0441\u044f \u0440\u0430\u0437\u0434\u0435\u043b\u0438\u0442\u044c \u043e\u0431\u044f\u0437\u0430\u043d\u043d\u043e\u0441\u0442\u0438 \u043f\u043e \u043e\u0442\u043f\u0440\u0430\u0432\u043a\u0435 \u0437\u0430\u043f\u0440\u043e\u0441\u043e\u0432 \u0438 \u0443\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u0438\u044e \u0442\u043e\u043a\u0435\u043d\u0430\u043c\u0438. \u0412 \u044d\u0442\u043e\u043c \u0441\u043b\u0443\u0447\u0430\u0435 \u043c\u043e\u0436\u043d\u043e \u043f\u043e\u043b\u043e\u0436\u0438\u0442\u044c \u0437\u0430\u043f\u0440\u043e\u0441\u044b \u0438 API-\u043a\u043b\u0438\u0435\u043d\u0442 \u0432 ",(0,i.jsx)(n.code,{children:"shared/api"}),", \u0430 \u0445\u0440\u0430\u043d\u0438\u043b\u0438\u0449\u0435 \u0442\u043e\u043a\u0435\u043d\u043e\u0432 \u0438 \u043b\u043e\u0433\u0438\u043a\u0443 \u043e\u0431\u043d\u043e\u0432\u043b\u0435\u043d\u0438\u044f \u2014 \u0432 ",(0,i.jsx)(n.code,{children:"shared/auth"}),"."]}),"\n",(0,i.jsxs)(n.p,{children:["\u0415\u0449\u0435 \u043e\u0434\u043d\u0438\u043c \u043d\u0435\u0434\u043e\u0441\u0442\u0430\u0442\u043a\u043e\u043c \u044d\u0442\u043e\u0433\u043e \u043f\u043e\u0434\u0445\u043e\u0434\u0430 \u044f\u0432\u043b\u044f\u0435\u0442\u0441\u044f \u0442\u043e, \u0447\u0442\u043e \u0435\u0441\u043b\u0438 \u0432\u0430\u0448 \u0441\u0435\u0440\u0432\u0435\u0440 \u0432\u043e\u0437\u0432\u0440\u0430\u0449\u0430\u0435\u0442 \u043e\u0431\u044a\u0435\u043a\u0442 c \u0438\u043d\u0444\u043e\u0440\u043c\u0430\u0446\u0438\u0435\u0439 \u043e \u0432\u0430\u0448\u0435\u043c \u0442\u0435\u043a\u0443\u0449\u0435\u043c \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u0435 \u0432\u043c\u0435\u0441\u0442\u0435 \u0441 \u0442\u043e\u043a\u0435\u043d\u043e\u043c, \u0432\u0430\u043c \u0431\u0443\u0434\u0435\u0442 \u043d\u0435\u043a\u0443\u0434\u0430 \u0435\u0451 \u043f\u043e\u043b\u043e\u0436\u0438\u0442\u044c, \u0438 \u043f\u0440\u0438\u0434\u0435\u0442\u0441\u044f \u0437\u0430\u043f\u0440\u043e\u0441\u0438\u0442\u044c \u0435\u0451 \u0441\u043d\u043e\u0432\u0430 \u0438\u0437 \u0441\u043f\u0435\u0446\u0438\u0430\u043b\u044c\u043d\u043e\u0433\u043e \u044d\u043d\u0434\u043f\u043e\u0438\u043d\u0442\u0430, \u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440 ",(0,i.jsx)(n.code,{children:"/me"})," \u0438\u043b\u0438 ",(0,i.jsx)(n.code,{children:"/users/current"}),"."]}),"\n",(0,i.jsx)(n.h3,{id:"\u0432-entities",children:"\u0412 Entities"}),"\n",(0,i.jsx)(n.p,{children:"\u0423 \u043f\u0440\u043e\u0435\u043a\u0442\u043e\u0432 \u043d\u0430 FSD \u0447\u0430\u0441\u0442\u043e \u0435\u0441\u0442\u044c \u0441\u0443\u0449\u043d\u043e\u0441\u0442\u044c \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044f \u0438/\u0438\u043b\u0438 \u0441\u0443\u0449\u043d\u043e\u0441\u0442\u044c \u0442\u0435\u043a\u0443\u0449\u0435\u0433\u043e \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044f. \u042d\u0442\u043e \u0434\u0430\u0436\u0435 \u043c\u043e\u0436\u0435\u0442 \u0431\u044b\u0442\u044c \u043e\u0434\u043d\u0430 \u0441\u0443\u0449\u043d\u043e\u0441\u0442\u044c."}),"\n",(0,i.jsx)(n.admonition,{type:"note",children:(0,i.jsxs)(n.p,{children:[(0,i.jsx)(n.strong,{children:"\u0422\u0435\u043a\u0443\u0449\u0438\u0439 \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044c"}),' \u0442\u0430\u043a\u0436\u0435 \u0438\u043d\u043e\u0433\u0434\u0430 \u043d\u0430\u0437\u044b\u0432\u0430\u0435\u0442\u0441\u044f "viewer" \u0438\u043b\u0438 "me". \u042d\u0442\u043e \u0434\u0435\u043b\u0430\u0435\u0442\u0441\u044f \u0434\u043b\u044f \u0442\u043e\u0433\u043e, \u0447\u0442\u043e\u0431 \u0440\u0430\u0437\u043b\u0438\u0447\u0430\u0442\u044c \u043e\u0434\u043d\u043e\u0433\u043e \u0430\u0432\u0442\u043e\u0440\u0438\u0437\u043e\u0432\u0430\u043d\u043d\u043e\u0433\u043e \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044f \u0441 \u0440\u0430\u0437\u0440\u0435\u0448\u0435\u043d\u0438\u044f\u043c\u0438 \u0438 \u043f\u0440\u0438\u0432\u0430\u0442\u043d\u043e\u0439 \u0438\u043d\u0444\u043e\u0440\u043c\u0430\u0446\u0438\u0435\u0439 \u0438 \u0432\u0441\u0435\u0445 \u043e\u0441\u0442\u0430\u043b\u044c\u043d\u044b\u0445 \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u0435\u0439 \u0441 \u043f\u0443\u0431\u043b\u0438\u0447\u043d\u043e\u0439 \u0438\u043d\u0444\u043e\u0440\u043c\u0430\u0446\u0438\u0435\u0439.']})}),"\n",(0,i.jsxs)(n.p,{children:["\u0427\u0442\u043e\u0431 \u0445\u0440\u0430\u043d\u0438\u0442\u044c \u0442\u043e\u043a\u0435\u043d \u0432 \u0441\u0443\u0449\u043d\u043e\u0441\u0442\u0438 User, \u0441\u043e\u0437\u0434\u0430\u0439\u0442\u0435 \u0440\u0435\u0430\u043a\u0442\u0438\u0432\u043d\u043e\u0435 \u0445\u0440\u0430\u043d\u0438\u043b\u0438\u0449\u0435 \u0432 \u0441\u0435\u0433\u043c\u0435\u043d\u0442\u0435 ",(0,i.jsx)(n.code,{children:"model"}),". \u042d\u0442\u043e \u0445\u0440\u0430\u043d\u0438\u043b\u0438\u0449\u0435 \u043c\u043e\u0436\u0435\u0442 \u0441\u043e\u0434\u0435\u0440\u0436\u0430\u0442\u044c \u043e\u0434\u043d\u043e\u0432\u0440\u0435\u043c\u0435\u043d\u043d\u043e \u0438 \u0442\u043e\u043a\u0435\u043d, \u0438 \u043e\u0431\u044a\u0435\u043a\u0442 \u0441 \u0438\u043d\u0444\u043e\u0440\u043c\u0430\u0446\u0438\u0435\u0439 \u043e \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u0435."]}),"\n",(0,i.jsxs)(n.p,{children:["\u041f\u043e\u0441\u043a\u043e\u043b\u044c\u043a\u0443 API-\u043a\u043b\u0438\u0435\u043d\u0442 \u043e\u0431\u044b\u0447\u043d\u043e \u0440\u0430\u0437\u043c\u0435\u0449\u0430\u0435\u0442\u0441\u044f \u0432 ",(0,i.jsx)(n.code,{children:"shared/api"})," \u0438\u043b\u0438 \u0440\u0430\u0441\u043f\u0440\u0435\u0434\u0435\u043b\u044f\u0435\u0442\u0441\u044f \u043c\u0435\u0436\u0434\u0443 \u0441\u0443\u0449\u043d\u043e\u0441\u0442\u044f\u043c\u0438, \u0433\u043b\u0430\u0432\u043d\u043e\u0439 \u043f\u0440\u043e\u0431\u043b\u0435\u043c\u043e\u0439 \u044d\u0442\u043e\u0433\u043e \u043f\u043e\u0434\u0445\u043e\u0434\u0430 \u044f\u0432\u043b\u044f\u0435\u0442\u0441\u044f \u043e\u0431\u0435\u0441\u043f\u0435\u0447\u0435\u043d\u0438\u0435 \u0434\u043e\u0441\u0442\u0443\u043f\u0430 \u043a \u0442\u043e\u043a\u0435\u043d\u0443 \u0434\u043b\u044f \u0434\u0440\u0443\u0433\u0438\u0445 \u0437\u0430\u043f\u0440\u043e\u0441\u043e\u0432, \u043d\u0435 \u043d\u0430\u0440\u0443\u0448\u0430\u044f \u043f\u0440\u0438 \u044d\u0442\u043e\u043c ",(0,i.jsx)(n.a,{href:"/docs/reference/layers#import-rule-on-layers",children:"\u043f\u0440\u0430\u0432\u0438\u043b\u043e \u0438\u043c\u043f\u043e\u0440\u0442\u043e\u0432 \u0434\u043b\u044f \u0441\u043b\u043e\u0451\u0432"}),":"]}),"\n",(0,i.jsxs)(n.blockquote,{children:["\n",(0,i.jsx)(n.p,{children:"\u041c\u043e\u0434\u0443\u043b\u044c \u0432 \u0441\u043b\u0430\u0439\u0441\u0435 \u043c\u043e\u0436\u0435\u0442 \u0438\u043c\u043f\u043e\u0440\u0442\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u0434\u0440\u0443\u0433\u0438\u0435 \u0441\u043b\u0430\u0439\u0441\u044b \u0442\u043e\u043b\u044c\u043a\u043e \u0432 \u0442\u043e\u043c \u0441\u043b\u0443\u0447\u0430\u0435, \u0435\u0441\u043b\u0438 \u043e\u043d\u0438 \u0440\u0430\u0441\u043f\u043e\u043b\u043e\u0436\u0435\u043d\u044b \u043d\u0430 \u0441\u043b\u043e\u044f\u0445 \u0441\u0442\u0440\u043e\u0433\u043e \u043d\u0438\u0436\u0435."}),"\n"]}),"\n",(0,i.jsx)(n.p,{children:"\u0415\u0441\u0442\u044c \u043d\u0435\u0441\u043a\u043e\u043b\u044c\u043a\u043e \u0440\u0435\u0448\u0435\u043d\u0438\u0439 \u044d\u0442\u043e\u0439 \u043f\u0440\u043e\u0431\u043b\u0435\u043c\u044b:"}),"\n",(0,i.jsxs)(n.ol,{children:["\n",(0,i.jsxs)(n.li,{children:[(0,i.jsx)(n.strong,{children:"\u041f\u0435\u0440\u0435\u0434\u0430\u0432\u0430\u0442\u044c \u0442\u043e\u043a\u0435\u043d \u0432\u0440\u0443\u0447\u043d\u0443\u044e \u043a\u0430\u0436\u0434\u044b\u0439 \u0440\u0430\u0437, \u043a\u043e\u0433\u0434\u0430 \u0434\u0435\u043b\u0430\u0435\u0442\u0435 \u0437\u0430\u043f\u0440\u043e\u0441"}),(0,i.jsx)(n.br,{}),"\n","\u042d\u0442\u043e \u0441\u0430\u043c\u043e\u0435 \u043f\u0440\u043e\u0441\u0442\u043e\u0435 \u0440\u0435\u0448\u0435\u043d\u0438\u0435, \u043d\u043e \u043e\u043d\u043e \u0431\u044b\u0441\u0442\u0440\u043e \u0441\u0442\u0430\u043d\u043e\u0432\u0438\u0442\u0441\u044f \u043d\u0435\u0443\u0434\u043e\u0431\u043d\u044b\u043c, \u0438 \u0435\u0441\u043b\u0438 \u0443 \u0432\u0430\u0441 \u043d\u0435\u0442 \u0441\u0442\u0440\u043e\u0433\u043e\u0439 \u0442\u0438\u043f\u0438\u0437\u0430\u0446\u0438\u0438, \u043e\u0431 \u044d\u0442\u043e\u043c \u043b\u0435\u0433\u043a\u043e \u0437\u0430\u0431\u044b\u0442\u044c. \u042d\u0442\u043e \u0440\u0435\u0448\u0435\u043d\u0438\u0435 \u0442\u0430\u043a\u0436\u0435 \u043d\u0435\u0441\u043e\u0432\u043c\u0435\u0441\u0442\u0438\u043c\u043e \u0441 \u043f\u0430\u0442\u0442\u0435\u0440\u043d\u043e\u043c middleware \u0434\u043b\u044f API-\u043a\u043b\u0438\u0435\u043d\u0442\u0430 \u0432 Shared."]}),"\n",(0,i.jsxs)(n.li,{children:[(0,i.jsxs)(n.strong,{children:["\u041e\u0442\u043a\u0440\u044b\u0442\u044c \u0434\u043e\u0441\u0442\u0443\u043f \u043a \u0442\u043e\u043a\u0435\u043d\u0443 \u0434\u043b\u044f \u0432\u0441\u0435\u0433\u043e \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f \u0447\u0435\u0440\u0435\u0437 \u043a\u043e\u043d\u0442\u0435\u043a\u0441\u0442 \u0438\u043b\u0438 \u0433\u043b\u043e\u0431\u0430\u043b\u044c\u043d\u043e\u0435 \u0445\u0440\u0430\u043d\u0438\u043b\u0438\u0449\u0435 \u0432\u0440\u043e\u0434\u0435 ",(0,i.jsx)(n.code,{children:"localStorage"})]}),(0,i.jsx)(n.br,{}),"\n","\u041a\u043b\u044e\u0447, \u043f\u043e \u043a\u043e\u0442\u043e\u0440\u043e\u043c\u0443 \u043c\u043e\u0436\u043d\u043e \u0431\u0443\u0434\u0435\u0442 \u043f\u043e\u043b\u0443\u0447\u0438\u0442\u044c \u0442\u043e\u043a\u0435\u043d, \u0431\u0443\u0434\u0435\u0442 \u0445\u0440\u0430\u043d\u0438\u0442\u044c\u0441\u044f \u0432 ",(0,i.jsx)(n.code,{children:"shared/api"}),", \u0447\u0442\u043e\u0431 API-\u043a\u043b\u0438\u0435\u043d\u0442 \u043c\u043e\u0433 \u0435\u0433\u043e \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c. \u0420\u0435\u0430\u043a\u0442\u0438\u0432\u043d\u043e\u0435 \u0445\u0440\u0430\u043d\u0438\u043b\u0438\u0449\u0435 \u0442\u043e\u043a\u0435\u043d\u0430 \u0431\u0443\u0434\u0435\u0442 \u044d\u043a\u0441\u043f\u043e\u0440\u0442\u0438\u0440\u043e\u0432\u0430\u043d\u043e \u0438\u0437 \u0441\u0443\u0449\u043d\u043e\u0441\u0442\u0438 User, \u0430 \u043f\u0440\u043e\u0432\u0430\u0439\u0434\u0435\u0440 \u043a\u043e\u043d\u0442\u0435\u043a\u0441\u0442\u0430 (\u0435\u0441\u043b\u0438 \u0442\u0440\u0435\u0431\u0443\u0435\u0442\u0441\u044f) \u0431\u0443\u0434\u0435\u0442 \u043d\u0430\u0441\u0442\u0440\u043e\u0435\u043d \u043d\u0430 \u0441\u043b\u043e\u0435 App. \u042d\u0442\u043e \u0434\u0430\u0435\u0442 \u0431\u043e\u043b\u044c\u0448\u0435 \u0441\u0432\u043e\u0431\u043e\u0434\u044b \u0434\u043b\u044f \u0434\u0438\u0437\u0430\u0439\u043d\u0430 API-\u043a\u043b\u0438\u0435\u043d\u0442\u0430, \u043d\u043e \u0442\u0430\u043a\u043e\u0439 \u043f\u043e\u0434\u0445\u043e\u0434 \u0441\u043e\u0437\u0434\u0430\u0451\u0442 \u043d\u0435\u044f\u0432\u043d\u0443\u044e \u0437\u0430\u0432\u0438\u0441\u0438\u043c\u043e\u0441\u0442\u044c"]}),"\n",(0,i.jsxs)(n.li,{children:[(0,i.jsx)(n.strong,{children:"\u0412\u0441\u0442\u0430\u0432\u043b\u044f\u0442\u044c \u0442\u043e\u043a\u0435\u043d \u0432 API-\u043a\u043b\u0438\u0435\u043d\u0442 \u043a\u0430\u0436\u0434\u044b\u0439 \u0440\u0430\u0437, \u043a\u043e\u0433\u0434\u0430 \u0442\u043e\u043a\u0435\u043d \u043c\u0435\u043d\u044f\u0435\u0442\u0441\u044f"}),(0,i.jsx)(n.br,{}),"\n",'\u0415\u0441\u043b\u0438 \u0432\u0430\u0448\u0435 \u0445\u0440\u0430\u043d\u0438\u043b\u0438\u0449\u0435 \u0440\u0435\u0430\u043a\u0442\u0438\u0432\u043d\u043e\u0435, \u0442\u043e \u043c\u043e\u0436\u043d\u043e \u043f\u043e\u0434\u043f\u0438\u0441\u0430\u0442\u044c\u0441\u044f \u043d\u0430 \u0438\u0437\u043c\u0435\u043d\u0435\u043d\u0438\u044f \u0438 \u043e\u0431\u043d\u043e\u0432\u043b\u044f\u0442\u044c \u0442\u043e\u043a\u0435\u043d \u0432 API-\u043a\u043b\u0438\u0435\u043d\u0442\u0435 \u043a\u0430\u0436\u0434\u044b\u0439 \u0440\u0430\u0437, \u043a\u043e\u0433\u0434\u0430 \u0445\u0440\u0430\u043d\u0438\u043b\u0438\u0449\u0435 \u0432 \u0441\u0443\u0449\u043d\u043e\u0441\u0442\u0438 User \u043c\u0435\u043d\u044f\u0435\u0442\u0441\u044f. \u042d\u0442\u043e \u043f\u043e\u0445\u043e\u0436\u0435 \u043d\u0430 \u043f\u0440\u043e\u0448\u043b\u043e\u0435 \u0440\u0435\u0448\u0435\u043d\u0438\u0435 \u0442\u0435\u043c, \u0447\u0442\u043e \u043e\u043d\u0438 \u043e\u0431\u0430 \u0441\u043e\u0437\u0434\u0430\u044e\u0442 \u043d\u0435\u044f\u0432\u043d\u0443\u044e \u0437\u0430\u0432\u0438\u0441\u0438\u043c\u043e\u0441\u0442\u044c, \u043d\u043e \u044d\u0442\u043e \u0440\u0435\u0448\u0435\u043d\u0438\u0435 \u0431\u043e\u043b\u0435\u0435 \u0438\u043c\u043f\u0435\u0440\u0430\u0442\u0438\u0432\u043d\u043e\u0435 ("push"), \u0442\u043e\u0433\u0434\u0430 \u043a\u0430\u043a \u043f\u0440\u0435\u0434\u044b\u0434\u0443\u0449\u0435\u0435 \u2014 \u0431\u043e\u043b\u0435\u0435 \u0434\u0435\u043a\u043b\u0430\u0440\u0430\u0442\u0438\u0432\u043d\u043e\u0435 ("pull").']}),"\n"]}),"\n",(0,i.jsxs)(n.p,{children:["\u041a\u0430\u043a \u0442\u043e\u043b\u044c\u043a\u043e \u0432\u044b \u0440\u0435\u0448\u0438\u0442\u0435 \u043f\u0440\u043e\u0431\u043b\u0435\u043c\u0443 \u0434\u043e\u0441\u0442\u0443\u043f\u043d\u043e\u0441\u0442\u0438 \u0442\u043e\u043a\u0435\u043d\u0430, \u0445\u0440\u0430\u043d\u044f\u0449\u0435\u0433\u043e\u0441\u044f \u0432 \u043c\u043e\u0434\u0435\u043b\u0438 \u0441\u0443\u0449\u043d\u043e\u0441\u0442\u0438 User, \u0432\u044b \u0441\u043c\u043e\u0436\u0435\u0442\u0435 \u043e\u043f\u0438\u0441\u0430\u0442\u044c \u0434\u043e\u043f\u043e\u043b\u043d\u0438\u0442\u0435\u043b\u044c\u043d\u0443\u044e \u0431\u0438\u0437\u043d\u0435\u0441-\u043b\u043e\u0433\u0438\u043a\u0443, \u0441\u0432\u044f\u0437\u0430\u043d\u043d\u0443\u044e \u0441 \u0443\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u0438\u0435\u043c \u0442\u043e\u043a\u0435\u043d\u0430\u043c\u0438. \u041d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, \u0441\u0435\u0433\u043c\u0435\u043d\u0442 ",(0,i.jsx)(n.code,{children:"model"})," \u043c\u043e\u0436\u0435\u0442 \u0441\u043e\u0434\u0435\u0440\u0436\u0430\u0442\u044c \u043b\u043e\u0433\u0438\u043a\u0443, \u043a\u043e\u0442\u043e\u0440\u0430\u044f \u0434\u0435\u043b\u0430\u0435\u0442 \u0442\u043e\u043a\u0435\u043d \u043d\u0435\u0434\u0435\u0439\u0441\u0442\u0432\u0438\u0442\u0435\u043b\u044c\u043d\u044b\u043c \u0447\u0435\u0440\u0435\u0437 \u043e\u043f\u0440\u0435\u0434\u0435\u043b\u0435\u043d\u043d\u044b\u0439 \u043f\u0435\u0440\u0438\u043e\u0434 \u0432\u0440\u0435\u043c\u0435\u043d\u0438 \u0438\u043b\u0438 \u043e\u0431\u043d\u043e\u0432\u043b\u044f\u0435\u0442 \u0442\u043e\u043a\u0435\u043d \u043f\u043e \u0438\u0441\u0442\u0435\u0447\u0435\u043d\u0438\u0438 \u0441\u0440\u043e\u043a\u0430 \u0435\u0433\u043e \u0434\u0435\u0439\u0441\u0442\u0432\u0438\u044f. \u0427\u0442\u043e\u0431\u044b \u0441\u043e\u0432\u0435\u0440\u0448\u0430\u0442\u044c \u0437\u0430\u043f\u0440\u043e\u0441\u044b \u043d\u0430 \u0431\u044d\u043a\u0435\u043d\u0434 \u0434\u043b\u044f \u0432\u044b\u043f\u043e\u043b\u043d\u0435\u043d\u0438\u044f \u044d\u0442\u0438\u0445 \u0437\u0430\u0434\u0430\u0447, \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0439\u0442\u0435 \u0441\u0435\u0433\u043c\u0435\u043d\u0442 ",(0,i.jsx)(n.code,{children:"api"})," \u0441\u0443\u0449\u043d\u043e\u0441\u0442\u0438 User \u0438\u043b\u0438 ",(0,i.jsx)(n.code,{children:"shared/api"}),"."]}),"\n",(0,i.jsx)(n.h3,{id:"\u0432-pageswidgets-\u043d\u0435-\u0440\u0435\u043a\u043e\u043c\u0435\u043d\u0434\u0443\u0435\u0442\u0441\u044f",children:"\u0412 Pages/Widgets (\u043d\u0435 \u0440\u0435\u043a\u043e\u043c\u0435\u043d\u0434\u0443\u0435\u0442\u0441\u044f)"}),"\n",(0,i.jsxs)(n.p,{children:["\u041d\u0435 \u0440\u0435\u043a\u043e\u043c\u0435\u043d\u0434\u0443\u0435\u0442\u0441\u044f \u0445\u0440\u0430\u043d\u0438\u0442\u044c \u0441\u043e\u0441\u0442\u043e\u044f\u043d\u0438\u0435, \u0430\u043a\u0442\u0443\u0430\u043b\u044c\u043d\u043e\u0435 \u0434\u043b\u044f \u0432\u0441\u0435\u0433\u043e \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f, \u043a\u0430\u043a \u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440 \u0442\u043e\u043a\u0435\u043d \u0434\u043e\u0441\u0442\u0443\u043f\u0430, \u0432 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0430\u0445 \u0438\u043b\u0438 \u0432\u0438\u0434\u0436\u0435\u0442\u0430\u0445. \u041d\u0435 \u0441\u0442\u043e\u0438\u0442 \u0440\u0430\u0437\u043c\u0435\u0449\u0430\u0442\u044c \u0445\u0440\u0430\u043d\u0438\u043b\u0438\u0449\u0435 \u0442\u043e\u043a\u0435\u043d\u043e\u0432 \u0432 \u0441\u0435\u0433\u043c\u0435\u043d\u0442\u0435 ",(0,i.jsx)(n.code,{children:"model"})," \u043d\u0430 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0435 \u043b\u043e\u0433\u0438\u043d\u0430. \u0412\u043c\u0435\u0441\u0442\u043e \u044d\u0442\u043e\u0433\u043e \u0432\u044b\u0431\u0435\u0440\u0438\u0442\u0435 \u043e\u0434\u043d\u043e \u0438\u0437 \u043f\u0435\u0440\u0432\u044b\u0445 \u0434\u0432\u0443\u0445 \u0440\u0435\u0448\u0435\u043d\u0438\u0439: Shared \u0438\u043b\u0438 Entities."]}),"\n",(0,i.jsx)(n.h2,{id:"\u043b\u043e\u0433\u0430\u0443\u0442-\u0438-\u0430\u043d\u043d\u0443\u043b\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u0435-\u0442\u043e\u043a\u0435\u043d\u0430",children:"\u041b\u043e\u0433\u0430\u0443\u0442 \u0438 \u0430\u043d\u043d\u0443\u043b\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u0435 \u0442\u043e\u043a\u0435\u043d\u0430"}),"\n",(0,i.jsx)(n.p,{children:"\u041e\u0431\u044b\u0447\u043d\u043e \u0432 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f\u0445 \u043d\u0435 \u0434\u0435\u043b\u0430\u044e\u0442 \u0446\u0435\u043b\u0443\u044e \u043e\u0442\u0434\u0435\u043b\u044c\u043d\u0443\u044e \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0443 \u0434\u043b\u044f \u043b\u043e\u0433\u0430\u0443\u0442\u0430, \u043d\u043e \u0444\u0443\u043d\u043a\u0446\u0438\u043e\u043d\u0430\u043b \u043b\u043e\u0433\u0430\u0443\u0442\u0430, \u0442\u0435\u043c \u043d\u0435 \u043c\u0435\u043d\u0435\u0435, \u043e\u0447\u0435\u043d\u044c \u0432\u0430\u0436\u043d\u0430. \u0412 \u044d\u0442\u043e\u0442 \u0444\u0443\u043d\u043a\u0446\u0438\u043e\u043d\u0430\u043b \u0432\u0445\u043e\u0434\u0438\u0442 \u0430\u0432\u0442\u043e\u0440\u0438\u0437\u043e\u0432\u0430\u043d\u043d\u044b\u0439 \u0437\u0430\u043f\u0440\u043e\u0441 \u043d\u0430 \u0431\u044d\u043a\u0435\u043d\u0434 \u0438 \u043e\u0431\u043d\u043e\u0432\u043b\u0435\u043d\u0438\u0435 \u0445\u0440\u0430\u043d\u0438\u043b\u0438\u0449\u0430 \u0442\u043e\u043a\u0435\u043d\u043e\u0432."}),"\n",(0,i.jsxs)(n.p,{children:["\u0415\u0441\u043b\u0438 \u0432\u044b \u0445\u0440\u0430\u043d\u0438\u0442\u0435 \u0432\u0441\u0435 \u0432\u0430\u0448\u0438 \u0437\u0430\u043f\u0440\u043e\u0441\u044b \u0432 ",(0,i.jsx)(n.code,{children:"shared/api"}),", \u043e\u0441\u0442\u0430\u0432\u044c\u0442\u0435 \u0442\u0430\u043c \u0444\u0443\u043d\u043a\u0446\u0438\u044e \u0434\u043b\u044f \u0437\u0430\u043f\u0440\u043e\u0441\u0430 \u043d\u0430 \u043b\u043e\u0433\u0430\u0443\u0442, \u0440\u044f\u0434\u043e\u043c \u0441 \u0444\u0443\u043d\u043a\u0446\u0438\u0435\u0439 \u0434\u043b\u044f \u043b\u043e\u0433\u0438\u043d\u0430. \u0415\u0441\u043b\u0438 \u043d\u0435\u0442, \u0440\u0430\u0437\u043c\u0435\u0441\u0442\u0438\u0442\u0435 \u0444\u0443\u043d\u043a\u0446\u0438\u044e-\u0437\u0430\u043f\u0440\u043e\u0441 \u043d\u0430 \u043b\u043e\u0433\u0430\u0443\u0442 \u0440\u044f\u0434\u043e\u043c \u0441 \u043a\u043d\u043e\u043f\u043a\u043e\u0439, \u043a\u043e\u0442\u043e\u0440\u0430\u044f \u0435\u0451 \u0432\u044b\u0437\u044b\u0432\u0430\u0435\u0442. \u041d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, \u0435\u0441\u043b\u0438 \u0443 \u0432\u0430\u0441 \u0435\u0441\u0442\u044c \u0432\u0438\u0434\u0436\u0435\u0442 \u0445\u044d\u0434\u0435\u0440\u0430, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u0435\u0441\u0442\u044c \u043d\u0430 \u043a\u0430\u0436\u0434\u043e\u0439 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0435 \u0438 \u0441\u043e\u0434\u0435\u0440\u0436\u0438\u0442 \u0441\u0441\u044b\u043b\u043a\u0443 \u0434\u043b\u044f \u043b\u043e\u0433\u0430\u0443\u0442\u0430, \u043f\u043e\u043c\u0435\u0441\u0442\u0438\u0442\u0435 \u044d\u0442\u043e\u0442 \u0437\u0430\u043f\u0440\u043e\u0441 \u0432 \u0441\u0435\u0433\u043c\u0435\u043d\u0442 ",(0,i.jsx)(n.code,{children:"api"})," \u044d\u0442\u043e\u0433\u043e \u0432\u0438\u0434\u0436\u0435\u0442\u0430."]}),"\n",(0,i.jsxs)(n.p,{children:["\u041e\u0431\u043d\u043e\u0432\u043b\u0435\u043d\u0438\u0435 \u0445\u0440\u0430\u043d\u0438\u043b\u0438\u0449\u0430 \u0442\u043e\u043a\u0435\u043d\u043e\u0432 \u0442\u0430\u043a\u0436\u0435 \u0434\u043e\u043b\u0436\u043d\u043e \u0431\u0443\u0434\u0435\u0442 \u0437\u0430\u043f\u0443\u0441\u043a\u0430\u0442\u044c\u0441\u044f \u0441 \u043c\u0435\u0441\u0442\u0430 \u043a\u043d\u043e\u043f\u043a\u0438 \u043b\u043e\u0433\u0430\u0443\u0442\u0430, \u043a\u0430\u043a, \u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, \u0432\u0438\u0434\u0436\u0435\u0442 \u0437\u0430\u0433\u043e\u043b\u043e\u0432\u043a\u0430. \u0412\u044b \u043c\u043e\u0436\u0435\u0442\u0435 \u043e\u0431\u044a\u0435\u0434\u0438\u043d\u0438\u0442\u044c \u0437\u0430\u043f\u0440\u043e\u0441 \u0438 \u043e\u0431\u043d\u043e\u0432\u043b\u0435\u043d\u0438\u0435 \u0445\u0440\u0430\u043d\u0438\u043b\u0438\u0449\u0430 \u0432 \u0441\u0435\u0433\u043c\u0435\u043d\u0442\u0435 ",(0,i.jsx)(n.code,{children:"model"})," \u044d\u0442\u043e\u0433\u043e \u0432\u0438\u0434\u0436\u0435\u0442\u0430."]}),"\n",(0,i.jsx)(n.h3,{id:"\u0430\u0432\u0442\u043e\u043c\u0430\u0442\u0438\u0447\u0435\u0441\u043a\u0438\u0439-\u043b\u043e\u0433\u0430\u0443\u0442",children:"\u0410\u0432\u0442\u043e\u043c\u0430\u0442\u0438\u0447\u0435\u0441\u043a\u0438\u0439 \u043b\u043e\u0433\u0430\u0443\u0442"}),"\n",(0,i.jsxs)(n.p,{children:["\u041d\u0435 \u0437\u0430\u0431\u0443\u0434\u044c\u0442\u0435 \u043f\u0440\u0435\u0434\u0443\u0441\u043c\u043e\u0442\u0440\u0435\u0442\u044c \u0441\u0438\u0442\u0443\u0430\u0446\u0438\u0438 \u0441\u0431\u043e\u044f \u0437\u0430\u043f\u0440\u043e\u0441\u0430 \u043d\u0430 \u043b\u043e\u0433\u0430\u0443\u0442 \u0438\u043b\u0438 \u0441\u0431\u043e\u044f \u0437\u0430\u043f\u0440\u043e\u0441\u0430 \u043d\u0430 \u043e\u0431\u043d\u043e\u0432\u043b\u0435\u043d\u0438\u0435 \u0442\u043e\u043a\u0435\u043d\u0430. \u0412 \u043e\u0431\u043e\u0438\u0445 \u0441\u043b\u0443\u0447\u0430\u044f\u0445 \u0432\u0430\u043c \u0441\u043b\u0435\u0434\u0443\u0435\u0442 \u043e\u0447\u0438\u0441\u0442\u0438\u0442\u044c \u0445\u0440\u0430\u043d\u0438\u043b\u0438\u0449\u0435 \u0442\u043e\u043a\u0435\u043d\u043e\u0432. \u0415\u0441\u043b\u0438 \u0432\u044b \u0445\u0440\u0430\u043d\u0438\u0442\u0435 \u0441\u0432\u043e\u0439 \u0442\u043e\u043a\u0435\u043d \u0432 Entities, \u044d\u0442\u043e\u0442 \u043a\u043e\u0434 \u043c\u043e\u0436\u043d\u043e \u043f\u043e\u043c\u0435\u0441\u0442\u0438\u0442\u044c \u0432 \u0441\u0435\u0433\u043c\u0435\u043d\u0442 ",(0,i.jsx)(n.code,{children:"model"}),", \u043f\u043e\u0441\u043a\u043e\u043b\u044c\u043a\u0443 \u044d\u0442\u043e \u0447\u0438\u0441\u0442\u0430\u044f \u0431\u0438\u0437\u043d\u0435\u0441-\u043b\u043e\u0433\u0438\u043a\u0430. \u0415\u0441\u043b\u0438 \u0432\u044b \u0445\u0440\u0430\u043d\u0438\u0442\u0435 \u0442\u043e\u043a\u0435\u043d \u0432 Shared, \u0440\u0430\u0437\u043c\u0435\u0449\u0435\u043d\u0438\u0435 \u044d\u0442\u043e\u0439 \u043b\u043e\u0433\u0438\u043a\u0438 \u0432 ",(0,i.jsx)(n.code,{children:"shared/api"})," \u043c\u043e\u0436\u0435\u0442 \u0440\u0430\u0437\u0434\u0443\u0442\u044c \u0441\u0435\u0433\u043c\u0435\u043d\u0442 \u0438 \u0440\u0430\u0437\u043c\u044b\u0442\u044c \u0435\u0433\u043e \u043f\u0440\u0435\u0434\u043d\u0430\u0437\u043d\u0430\u0447\u0435\u043d\u0438\u0435. \u0415\u0441\u043b\u0438 \u0432\u044b \u0437\u0430\u043c\u0435\u0447\u0430\u0435\u0442\u0435, \u0447\u0442\u043e \u0432\u0430\u0448 \u0441\u0435\u0433\u043c\u0435\u043d\u0442 ",(0,i.jsx)(n.code,{children:"api"})," \u0441\u043e\u0434\u0435\u0440\u0436\u0438\u0442 \u0434\u0432\u0435 \u043d\u0435\u0441\u0432\u044f\u0437\u0430\u043d\u043d\u044b\u0435 \u0432\u0435\u0449\u0438, \u0440\u0430\u0441\u0441\u043c\u043e\u0442\u0440\u0438\u0442\u0435 \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e\u0441\u0442\u044c \u0432\u044b\u0434\u0435\u043b\u0435\u043d\u0438\u044f \u043b\u043e\u0433\u0438\u043a\u0438 \u0443\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u0438\u044f \u0442\u043e\u043a\u0435\u043d\u0430\u043c\u0438 \u0432 \u0434\u0440\u0443\u0433\u043e\u0439 \u0441\u0435\u0433\u043c\u0435\u043d\u0442, \u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, ",(0,i.jsx)(n.code,{children:"shared/auth"}),"."]})]})}function h(e={}){const{wrapper:n}={...(0,r.R)(),...e.components};return n?(0,i.jsx)(n,{...e,children:(0,i.jsx)(o,{...e})}):o(e)}},1100:(e,n,s)=>{s.d(n,{R:()=>d,x:()=>c});var i=s(758);const r={},l=i.createContext(r);function d(e){const n=i.useContext(l);return i.useMemo((function(){return"function"==typeof e?e(n):{...n,...e}}),[n,e])}function c(e){let n;return n=e.disableParentContext?"function"==typeof e.components?e.components(r):e.components||r:d(e.components),i.createElement(l.Provider,{value:n},e.children)}}}]);
\ No newline at end of file
diff --git a/ru/assets/js/7b31d677.f9308af0.js b/ru/assets/js/7b31d677.bbc3bd3d.js
similarity index 99%
rename from ru/assets/js/7b31d677.f9308af0.js
rename to ru/assets/js/7b31d677.bbc3bd3d.js
index 4c68bb9247..34ae458dfc 100644
--- a/ru/assets/js/7b31d677.f9308af0.js
+++ b/ru/assets/js/7b31d677.bbc3bd3d.js
@@ -1 +1 @@
-"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[5496],{4745:(e,t,i)=>{i.r(t),i.d(t,{assets:()=>o,contentTitle:()=>d,default:()=>h,frontMatter:()=>r,metadata:()=>a,toc:()=>c});var n=i(6070),s=i(1100);const r={sidebar_position:20,pagination_next:"guides/index"},d="FAQ",a={id:"get-started/faq",title:"FAQ",description:"\u0421\u0432\u043e\u0439 \u0432\u043e\u043f\u0440\u043e\u0441 \u043c\u043e\u0436\u043d\u043e \u0437\u0430\u0434\u0430\u0442\u044c \u0432 Telegram-\u0447\u0430\u0442\u0435, Discord-\u0441\u043e\u043e\u0431\u0449\u0435\u0441\u0442\u0432\u0435 \u0438 GitHub Discussions.",source:"@site/i18n/ru/docusaurus-plugin-content-docs/current/get-started/faq.md",sourceDirName:"get-started",slug:"/get-started/faq",permalink:"/ru/docs/get-started/faq",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/ru/docusaurus-plugin-content-docs/current/get-started/faq.md",tags:[],version:"current",lastUpdatedAt:1727607766e3,sidebarPosition:20,frontMatter:{sidebar_position:20,pagination_next:"guides/index"},sidebar:"getstartedSidebar",previous:{title:"\u0422\u0443\u0442\u043e\u0440\u0438\u0430\u043b",permalink:"/ru/docs/get-started/tutorial"},next:{title:"\ud83c\udfaf \u0413\u0430\u0439\u0434\u044b",permalink:"/ru/docs/guides/"}},o={},c=[{value:"\u0421\u0443\u0449\u0435\u0441\u0442\u0432\u0443\u0435\u0442 \u043b\u0438 \u0442\u0443\u043b\u043a\u0438\u0442 \u0438\u043b\u0438 \u043b\u0438\u043d\u0442\u0435\u0440?",id:"is-there-a-toolkit-or-a-linter",level:3},{value:"\u0413\u0434\u0435 \u0445\u0440\u0430\u043d\u0438\u0442\u044c layout/template \u0441\u0442\u0440\u0430\u043d\u0438\u0446?",id:"where-to-store-the-layouttemplate-of-pages",level:3},{value:"\u0412 \u0447\u0435\u043c \u043e\u0442\u043b\u0438\u0447\u0438\u0435 feature \u043e\u0442 entity?",id:"what-is-the-difference-between-feature-and-entity",level:3},{value:"\u041c\u043e\u0433\u0443 \u043b\u0438 \u044f \u0432\u043a\u043b\u0430\u0434\u044b\u0432\u0430\u0442\u044c \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b/\u0444\u0438\u0447\u0438/\u0441\u0443\u0449\u043d\u043e\u0441\u0442\u0438 \u0434\u0440\u0443\u0433 \u0432 \u0434\u0440\u0443\u0433\u0430?",id:"can-i-embed-pagesfeaturesentities-into-each-other",level:3},{value:"\u0410 \u0447\u0442\u043e \u0441 Atomic Design?",id:"what-about-atomic-design",level:3},{value:"\u0415\u0441\u0442\u044c \u043b\u0438 \u043a\u0430\u043a\u0438\u0435-\u043d\u0438\u0431\u0443\u0434\u044c \u043f\u043e\u043b\u0435\u0437\u043d\u044b\u0435 \u0440\u0435\u0441\u0443\u0440\u0441\u044b/\u0441\u0442\u0430\u0442\u044c\u0438/\u0442.\u0434. \u043f\u043e FSD?",id:"are-there-any-useful-resourcesarticlesetc-about-fsd",level:3},{value:"\u0417\u0430\u0447\u0435\u043c \u043c\u043d\u0435 \u043d\u0443\u0436\u0435\u043d Feature-Sliced Design?",id:"why-do-i-need-feature-sliced-design",level:3},{value:"\u041d\u0443\u0436\u043d\u0430 \u043b\u0438 \u0430\u0440\u0445\u0438\u0442\u0435\u043a\u0442\u0443\u0440\u0430/\u043c\u0435\u0442\u043e\u0434\u043e\u043b\u043e\u0433\u0438\u044f \u043d\u0430\u0447\u0438\u043d\u0430\u044e\u0449\u0435\u043c\u0443 \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a\u0443?",id:"does-a-novice-developer-need-an-architecturemethodology",level:3},{value:"\u041a\u0430\u043a \u043c\u043d\u0435 \u0440\u0430\u0431\u043e\u0442\u0430\u0442\u044c \u0441 \u043a\u043e\u043d\u0442\u0435\u043a\u0441\u0442\u043e\u043c \u0430\u0432\u0442\u043e\u0440\u0438\u0437\u0430\u0446\u0438\u0438?",id:"how-do-i-work-with-the-authorization-context",level:3}];function l(e){const t={a:"a",admonition:"admonition",code:"code",em:"em",h1:"h1",h3:"h3",header:"header",li:"li",p:"p",strong:"strong",ul:"ul",...(0,s.R)(),...e.components};return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(t.header,{children:(0,n.jsx)(t.h1,{id:"faq",children:"FAQ"})}),"\n",(0,n.jsx)(t.admonition,{type:"info",children:(0,n.jsxs)(t.p,{children:["\u0421\u0432\u043e\u0439 \u0432\u043e\u043f\u0440\u043e\u0441 \u043c\u043e\u0436\u043d\u043e \u0437\u0430\u0434\u0430\u0442\u044c \u0432 ",(0,n.jsx)(t.a,{href:"https://t.me/feature_sliced",children:"Telegram-\u0447\u0430\u0442\u0435"}),", ",(0,n.jsx)(t.a,{href:"https://discord.gg/S8MzWTUsmp",children:"Discord-\u0441\u043e\u043e\u0431\u0449\u0435\u0441\u0442\u0432\u0435"})," \u0438 ",(0,n.jsx)(t.a,{href:"https://github.com/feature-sliced/documentation/discussions",children:"GitHub Discussions"}),"."]})}),"\n",(0,n.jsx)(t.h3,{id:"is-there-a-toolkit-or-a-linter",children:"\u0421\u0443\u0449\u0435\u0441\u0442\u0432\u0443\u0435\u0442 \u043b\u0438 \u0442\u0443\u043b\u043a\u0438\u0442 \u0438\u043b\u0438 \u043b\u0438\u043d\u0442\u0435\u0440?"}),"\n",(0,n.jsxs)(t.p,{children:["\u0415\u0441\u0442\u044c \u043e\u0444\u0438\u0446\u0438\u0430\u043b\u044c\u043d\u044b\u0439 \u043a\u043e\u043d\u0444\u0438\u0433 \u0434\u043b\u044f ESLint \u2014 ",(0,n.jsx)(t.a,{href:"https://github.com/feature-sliced/eslint-config",children:"@feature-sliced/eslint-config"}),", \u0438 \u043f\u043b\u0430\u0433\u0438\u043d \u0434\u043b\u044f ESLint \u2014 ",(0,n.jsx)(t.a,{href:"https://github.com/conarti/eslint-plugin-feature-sliced",children:"@conarti/eslint-plugin-feature-sliced"}),", \u0441\u043e\u0437\u0434\u0430\u043d\u043d\u044b\u0439 \u0443\u0447\u0430\u0441\u0442\u043d\u0438\u043a\u043e\u043c \u0441\u043e\u043e\u0431\u0449\u0435\u0441\u0442\u0432\u0430 \u0410\u043b\u0435\u043a\u0441\u0430\u043d\u0434\u0440\u043e\u043c \u0411\u0435\u043b\u043e\u0443\u0441\u043e\u043c. \u041c\u044b \u0431\u0443\u0434\u0435\u043c \u0440\u0430\u0434\u044b \u0432\u0430\u0448\u0438\u043c \u0432\u043a\u043b\u0430\u0434\u0430\u043c \u0432 \u044d\u0442\u0438 \u043f\u0440\u043e\u0435\u043a\u0442\u044b \u0438\u043b\u0438 \u0441\u043e\u0437\u0434\u0430\u043d\u0438\u044e \u0441\u0432\u043e\u0438\u0445!"]}),"\n",(0,n.jsx)(t.h3,{id:"where-to-store-the-layouttemplate-of-pages",children:"\u0413\u0434\u0435 \u0445\u0440\u0430\u043d\u0438\u0442\u044c layout/template \u0441\u0442\u0440\u0430\u043d\u0438\u0446?"}),"\n",(0,n.jsxs)(t.p,{children:["\u0415\u0441\u043b\u0438 \u0432\u0430\u043c \u043d\u0443\u0436\u043d\u044b \u043f\u0440\u043e\u0441\u0442\u044b\u0435 \u0448\u0430\u0431\u043b\u043e\u043d\u044b \u0440\u0430\u0437\u043c\u0435\u0442\u043a\u0438, \u0432\u044b \u043c\u043e\u0436\u0435\u0442\u0435 \u0445\u0440\u0430\u043d\u0438\u0442\u044c \u0438\u0445 \u0432 ",(0,n.jsx)(t.code,{children:"shared/ui"}),". \u0415\u0441\u043b\u0438 \u0432\u0430\u043c \u043d\u0443\u0436\u043d\u043e \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u0431\u043e\u043b\u0435\u0435 \u0432\u044b\u0441\u043e\u043a\u0438\u0435 \u0441\u043b\u043e\u0438, \u0435\u0441\u0442\u044c \u043d\u0435\u0441\u043a\u043e\u043b\u044c\u043a\u043e \u0432\u0430\u0440\u0438\u0430\u043d\u0442\u043e\u0432:"]}),"\n",(0,n.jsxs)(t.ul,{children:["\n",(0,n.jsx)(t.li,{children:"\u0412\u043e\u0437\u043c\u043e\u0436\u043d\u043e, \u0432\u0430\u043c \u0432\u043e\u043e\u0431\u0449\u0435 \u043d\u0435 \u043d\u0443\u0436\u043d\u044b \u043b\u0435\u0439\u0430\u0443\u0442\u044b? \u0415\u0441\u043b\u0438 \u043c\u0430\u043a\u0435\u0442 \u0441\u043e\u0441\u0442\u043e\u0438\u0442 \u0432\u0441\u0435\u0433\u043e \u0438\u0437 \u043d\u0435\u0441\u043a\u043e\u043b\u044c\u043a\u0438\u0445 \u0441\u0442\u0440\u043e\u043a, \u0440\u0430\u0437\u0443\u043c\u043d\u043e \u0431\u0443\u0434\u0435\u0442 \u0434\u0443\u0431\u043b\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u043a\u043e\u0434 \u0432 \u043a\u0430\u0436\u0434\u043e\u0439 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0435, \u0430 \u043d\u0435 \u043f\u044b\u0442\u0430\u0442\u044c\u0441\u044f \u0430\u0431\u0441\u0442\u0440\u0430\u0433\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u0435\u0433\u043e."}),"\n",(0,n.jsx)(t.li,{children:"\u0415\u0441\u043b\u0438 \u0432\u0430\u043c \u043d\u0443\u0436\u043d\u044b \u043b\u0435\u0439\u0430\u0443\u0442\u044b, \u0432\u044b \u043c\u043e\u0436\u0435\u0442\u0435 \u0445\u0440\u0430\u043d\u0438\u0442\u044c \u0438\u0445 \u043a\u0430\u043a \u043e\u0442\u0434\u0435\u043b\u044c\u043d\u044b\u0435 \u0432\u0438\u0434\u0436\u0435\u0442\u044b \u0438\u043b\u0438 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b, \u0438 \u043a\u043e\u043c\u043f\u043e\u043d\u043e\u0432\u0430\u0442\u044c \u0438\u0445 \u0432 \u043a\u043e\u043d\u0444\u0438\u0433\u0443\u0440\u0430\u0446\u0438\u0438 \u0440\u043e\u0443\u0442\u0435\u0440\u0430 \u0432 App. \u0412\u043b\u043e\u0436\u0435\u043d\u043d\u044b\u0439 \u0440\u043e\u0443\u0442\u0438\u043d\u0433 \u2014 \u0435\u0449\u0435 \u043e\u0434\u0438\u043d \u0432\u0430\u0440\u0438\u0430\u043d\u0442."}),"\n"]}),"\n",(0,n.jsx)(t.h3,{id:"what-is-the-difference-between-feature-and-entity",children:"\u0412 \u0447\u0435\u043c \u043e\u0442\u043b\u0438\u0447\u0438\u0435 feature \u043e\u0442 entity?"}),"\n",(0,n.jsxs)(t.p,{children:[(0,n.jsx)(t.em,{children:"Entity"})," \u2014 \u044d\u0442\u043e \u043f\u043e\u043d\u044f\u0442\u0438\u0435 \u0438\u0437 \u0440\u0435\u0430\u043b\u044c\u043d\u043e\u0439 \u0436\u0438\u0437\u043d\u0438, \u0441 \u043a\u043e\u0442\u043e\u0440\u044b\u043c \u0440\u0430\u0431\u043e\u0442\u0430\u0435\u0442 \u0432\u0430\u0448\u0435 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0435.. ",(0,n.jsx)(t.em,{children:"Feature"})," \u2014 \u044d\u0442\u043e \u0432\u0437\u0430\u0438\u043c\u043e\u0434\u0435\u0439\u0441\u0442\u0432\u0438\u0435, \u043f\u0440\u0435\u0434\u0441\u0442\u0430\u0432\u043b\u044f\u044e\u0449\u0435\u0435 \u0440\u0435\u0430\u043b\u044c\u043d\u0443\u044e \u0446\u0435\u043d\u043d\u043e\u0441\u0442\u044c \u0434\u043b\u044f\xa0\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u0435\u0439; \u0447\u0442\u043e-\u0442\u043e, \u0447\u0442\u043e \u043b\u044e\u0434\u0438 \u0445\u043e\u0442\u044f\u0442 \u0434\u0435\u043b\u0430\u0442\u044c \u0441 \u0441\u0443\u0449\u043d\u043e\u0441\u0442\u044f\u043c\u0438."]}),"\n",(0,n.jsxs)(t.p,{children:["\u0414\u043b\u044f \u043f\u043e\u043b\u0443\u0447\u0435\u043d\u0438\u044f \u0434\u043e\u043f\u043e\u043b\u043d\u0438\u0442\u0435\u043b\u044c\u043d\u043e\u0439 \u0438\u043d\u0444\u043e\u0440\u043c\u0430\u0446\u0438\u0438, \u0430 \u0442\u0430\u043a\u0436\u0435 \u043f\u0440\u0438\u043c\u0435\u0440\u043e\u0432, \u0441\u043c. \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0443 ",(0,n.jsx)(t.a,{href:"/docs/reference/layers#entities",children:"\u043f\u0440\u043e \u0441\u043b\u0430\u0439\u0441\u044b"})," \u0432 \u0440\u0430\u0437\u0434\u0435\u043b\u0435 Reference."]}),"\n",(0,n.jsx)(t.h3,{id:"can-i-embed-pagesfeaturesentities-into-each-other",children:"\u041c\u043e\u0433\u0443 \u043b\u0438 \u044f \u0432\u043a\u043b\u0430\u0434\u044b\u0432\u0430\u0442\u044c \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b/\u0444\u0438\u0447\u0438/\u0441\u0443\u0449\u043d\u043e\u0441\u0442\u0438 \u0434\u0440\u0443\u0433 \u0432 \u0434\u0440\u0443\u0433\u0430?"}),"\n",(0,n.jsx)(t.p,{children:"\u0414\u0430, \u043d\u043e \u044d\u0442\u043e \u0432\u043b\u043e\u0436\u0435\u043d\u0438\u0435 \u0434\u043e\u043b\u0436\u043d\u043e \u043f\u0440\u043e\u0438\u0441\u0445\u043e\u0434\u0438\u0442\u044c \u0432 \u0431\u043e\u043b\u0435\u0435 \u0432\u044b\u0441\u043e\u043a\u0438\u0445 \u0441\u043b\u043e\u044f\u0445. \u041d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, \u0432\u043d\u0443\u0442\u0440\u0438 \u0432\u0438\u0434\u0436\u0435\u0442\u0430 \u0432\u044b \u043c\u043e\u0436\u0435\u0442\u0435 \u0438\u043c\u043f\u043e\u0440\u0442\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u043e\u0431\u0435 \u0444\u0438\u0447\u0438, \u0430 \u0437\u0430\u0442\u0435\u043c \u0432\u0441\u0442\u0430\u0432\u0438\u0442\u044c \u043e\u0434\u043d\u0443 \u0444\u0438\u0447\u0443 \u0432 \u0434\u0440\u0443\u0433\u0443\u044e \u0447\u0435\u0440\u0435\u0437 \u043f\u0440\u043e\u043f\u0441\u044b/\u0432\u043b\u043e\u0436\u0435\u043d\u0438\u0435."}),"\n",(0,n.jsxs)(t.p,{children:["\u0412\u044b \u043d\u0435 \u043c\u043e\u0436\u0435\u0442\u0435 \u0438\u043c\u043f\u043e\u0440\u0442\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u043e\u0434\u043d\u0443 \u0444\u0438\u0447\u0443 \u0438\u0437 \u0434\u0440\u0443\u0433\u043e\u0439 \u0444\u0438\u0447\u0438, \u044d\u0442\u043e \u0437\u0430\u043f\u0440\u0435\u0449\u0435\u043d\u043e ",(0,n.jsx)(t.a,{href:"/docs/reference/layers#import-rule-on-layers",children:(0,n.jsx)(t.strong,{children:"\u043f\u0440\u0430\u0432\u0438\u043b\u043e\u043c \u0438\u043c\u043f\u043e\u0440\u0442\u043e\u0432 \u0434\u043b\u044f \u0441\u043b\u043e\u0451\u0432"})}),"."]}),"\n",(0,n.jsx)(t.h3,{id:"what-about-atomic-design",children:"\u0410 \u0447\u0442\u043e \u0441 Atomic Design?"}),"\n",(0,n.jsx)(t.p,{children:"\u0422\u0435\u043a\u0443\u0449\u0430\u044f \u0432\u0435\u0440\u0441\u0438\u044f \u043c\u0435\u0442\u043e\u0434\u043e\u043b\u043e\u0433\u0438\u0438 \u043d\u0435 \u043e\u0431\u044f\u0437\u044b\u0432\u0430\u0435\u0442, \u043d\u043e \u0438 \u043d\u0435 \u0437\u0430\u043f\u0440\u0435\u0449\u0430\u0435\u0442 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c Atomic Design \u0432\u043c\u0435\u0441\u0442\u0435 \u0441 Feature-Sliced Design."}),"\n",(0,n.jsxs)(t.p,{children:["\u041f\u0440\u0438 \u044d\u0442\u043e\u043c Atomic Design ",(0,n.jsx)(t.a,{href:"https://t.me/feature_sliced/1653",children:"\u0445\u043e\u0440\u043e\u0448\u043e \u043f\u0440\u0438\u043c\u0435\u043d\u044f\u0435\u0442\u0441\u044f"})," \u0434\u043b\u044f ",(0,n.jsx)(t.code,{children:"ui"})," \u0441\u0435\u0433\u043c\u0435\u043d\u0442\u0430 \u043c\u043e\u0434\u0443\u043b\u0435\u0439."]}),"\n",(0,n.jsx)(t.h3,{id:"are-there-any-useful-resourcesarticlesetc-about-fsd",children:"\u0415\u0441\u0442\u044c \u043b\u0438 \u043a\u0430\u043a\u0438\u0435-\u043d\u0438\u0431\u0443\u0434\u044c \u043f\u043e\u043b\u0435\u0437\u043d\u044b\u0435 \u0440\u0435\u0441\u0443\u0440\u0441\u044b/\u0441\u0442\u0430\u0442\u044c\u0438/\u0442.\u0434. \u043f\u043e FSD?"}),"\n",(0,n.jsxs)(t.p,{children:["\u0414\u0430! ",(0,n.jsx)(t.a,{href:"https://github.com/feature-sliced/awesome",children:"https://github.com/feature-sliced/awesome"})]}),"\n",(0,n.jsx)(t.h3,{id:"why-do-i-need-feature-sliced-design",children:"\u0417\u0430\u0447\u0435\u043c \u043c\u043d\u0435 \u043d\u0443\u0436\u0435\u043d Feature-Sliced Design?"}),"\n",(0,n.jsxs)(t.p,{children:["\u041e\u043d \u043f\u043e\u043c\u043e\u0433\u0430\u0435\u0442 \u0432\u0430\u043c \u0438 \u0432\u0430\u0448\u0435\u0439 \u043a\u043e\u043c\u0430\u043d\u0434\u0435 \u0431\u044b\u0441\u0442\u0440\u043e \u043e\u0437\u043d\u0430\u043a\u043e\u043c\u0438\u0442\u044c\u0441\u044f \u0441 \u043f\u0440\u043e\u0435\u043a\u0442\u043e\u043c \u0441 \u0442\u043e\u0447\u043a\u0438 \u0437\u0440\u0435\u043d\u0438\u044f \u0435\u0433\u043e \u043e\u0441\u043d\u043e\u0432\u043d\u044b\u0445 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u043e\u0432, \u043f\u0440\u0438\u043d\u043e\u0441\u044f\u0449\u0438\u0445 \u0431\u0438\u0437\u043d\u0435\u0441-\u0446\u0435\u043d\u043d\u043e\u0441\u0442\u044c. \u0421\u0442\u0430\u043d\u0434\u0430\u0440\u0442\u0438\u0437\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u0430\u044f \u0430\u0440\u0445\u0438\u0442\u0435\u043a\u0442\u0443\u0440\u0430 \u043f\u043e\u043c\u043e\u0433\u0430\u0435\u0442 \u0443\u0441\u043a\u043e\u0440\u0438\u0442\u044c \u043e\u043d\u0431\u043e\u0440\u0434\u0438\u043d\u0433 \u0438 \u0440\u0430\u0437\u0440\u0435\u0448\u0430\u0442\u044c \u0441\u043f\u043e\u0440\u044b \u043e \u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u0435 \u043a\u043e\u0434\u0430. \u0421\u043c. \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0443 ",(0,n.jsx)(t.a,{href:"/docs/about/motivation",children:"\u041c\u043e\u0442\u0438\u0432\u0430\u0446\u0438\u044f"}),", \u0447\u0442\u043e\u0431\u044b \u0443\u0437\u043d\u0430\u0442\u044c \u0431\u043e\u043b\u044c\u0448\u0435 \u043e \u0442\u043e\u043c, \u043f\u043e\u0447\u0435\u043c\u0443 FSD \u0431\u044b\u043b \u0441\u043e\u0437\u0434\u0430\u043d."]}),"\n",(0,n.jsx)(t.h3,{id:"does-a-novice-developer-need-an-architecturemethodology",children:"\u041d\u0443\u0436\u043d\u0430 \u043b\u0438 \u0430\u0440\u0445\u0438\u0442\u0435\u043a\u0442\u0443\u0440\u0430/\u043c\u0435\u0442\u043e\u0434\u043e\u043b\u043e\u0433\u0438\u044f \u043d\u0430\u0447\u0438\u043d\u0430\u044e\u0449\u0435\u043c\u0443 \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a\u0443?"}),"\n",(0,n.jsx)(t.p,{children:"\u0421\u043a\u043e\u0440\u0435\u0435 \u0434\u0430, \u0447\u0435\u043c \u043d\u0435\u0442"}),"\n",(0,n.jsx)(t.p,{children:(0,n.jsx)(t.em,{children:"\u041e\u0431\u044b\u0447\u043d\u043e, \u043a\u043e\u0433\u0434\u0430 \u043f\u0440\u043e\u0435\u043a\u0442\u0438\u0440\u0443\u0435\u0448\u044c \u0440\u0430\u0437\u0440\u0430\u0431\u0430\u0442\u044b\u0432\u0430\u0435\u0448\u044c \u043f\u0440\u043e\u0435\u043a\u0442 \u0432 \u043e\u0434\u043d\u043e \u043b\u0438\u0446\u043e - \u0432\u0441\u0435 \u0438\u0434\u0435\u0442 \u0433\u043b\u0430\u0434\u043a\u043e. \u041d\u043e \u0435\u0441\u043b\u0438 \u043f\u043e\u044f\u0432\u043b\u044f\u044e\u0442\u0441\u044f \u043f\u0430\u0443\u0437\u044b \u0432 \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u0435, \u0434\u043e\u0431\u0430\u0432\u043b\u044f\u044e\u0442\u0441\u044f \u043d\u043e\u0432\u044b\u0435 \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a\u0438 \u0432 \u043a\u043e\u043c\u0430\u043d\u0434\u0443 - \u0442\u043e\u0433\u0434\u0430-\u0442\u043e \u0438 \u043d\u0430\u0441\u0442\u0443\u043f\u0430\u044e\u0442 \u043f\u0440\u043e\u0431\u043b\u0435\u043c\u044b"})}),"\n",(0,n.jsx)(t.h3,{id:"how-do-i-work-with-the-authorization-context",children:"\u041a\u0430\u043a \u043c\u043d\u0435 \u0440\u0430\u0431\u043e\u0442\u0430\u0442\u044c \u0441 \u043a\u043e\u043d\u0442\u0435\u043a\u0441\u0442\u043e\u043c \u0430\u0432\u0442\u043e\u0440\u0438\u0437\u0430\u0446\u0438\u0438?"}),"\n",(0,n.jsxs)(t.p,{children:["\u041e\u0442\u0432\u0435\u0442\u0438\u043b\u0438 ",(0,n.jsx)(t.a,{href:"/docs/guides/examples/auth",children:"\u0437\u0434\u0435\u0441\u044c"})]})]})}function h(e={}){const{wrapper:t}={...(0,s.R)(),...e.components};return t?(0,n.jsx)(t,{...e,children:(0,n.jsx)(l,{...e})}):l(e)}},1100:(e,t,i)=>{i.d(t,{R:()=>d,x:()=>a});var n=i(758);const s={},r=n.createContext(s);function d(e){const t=n.useContext(r);return n.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function a(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(s):e.components||s:d(e.components),n.createElement(r.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
+"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[5496],{4745:(e,t,i)=>{i.r(t),i.d(t,{assets:()=>o,contentTitle:()=>d,default:()=>h,frontMatter:()=>r,metadata:()=>a,toc:()=>c});var n=i(6070),s=i(1100);const r={sidebar_position:20,pagination_next:"guides/index"},d="FAQ",a={id:"get-started/faq",title:"FAQ",description:"\u0421\u0432\u043e\u0439 \u0432\u043e\u043f\u0440\u043e\u0441 \u043c\u043e\u0436\u043d\u043e \u0437\u0430\u0434\u0430\u0442\u044c \u0432 Telegram-\u0447\u0430\u0442\u0435, Discord-\u0441\u043e\u043e\u0431\u0449\u0435\u0441\u0442\u0432\u0435 \u0438 GitHub Discussions.",source:"@site/i18n/ru/docusaurus-plugin-content-docs/current/get-started/faq.md",sourceDirName:"get-started",slug:"/get-started/faq",permalink:"/ru/docs/get-started/faq",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/ru/docusaurus-plugin-content-docs/current/get-started/faq.md",tags:[],version:"current",lastUpdatedAt:1728325386e3,sidebarPosition:20,frontMatter:{sidebar_position:20,pagination_next:"guides/index"},sidebar:"getstartedSidebar",previous:{title:"\u0422\u0443\u0442\u043e\u0440\u0438\u0430\u043b",permalink:"/ru/docs/get-started/tutorial"},next:{title:"\ud83c\udfaf \u0413\u0430\u0439\u0434\u044b",permalink:"/ru/docs/guides/"}},o={},c=[{value:"\u0421\u0443\u0449\u0435\u0441\u0442\u0432\u0443\u0435\u0442 \u043b\u0438 \u0442\u0443\u043b\u043a\u0438\u0442 \u0438\u043b\u0438 \u043b\u0438\u043d\u0442\u0435\u0440?",id:"is-there-a-toolkit-or-a-linter",level:3},{value:"\u0413\u0434\u0435 \u0445\u0440\u0430\u043d\u0438\u0442\u044c layout/template \u0441\u0442\u0440\u0430\u043d\u0438\u0446?",id:"where-to-store-the-layouttemplate-of-pages",level:3},{value:"\u0412 \u0447\u0435\u043c \u043e\u0442\u043b\u0438\u0447\u0438\u0435 feature \u043e\u0442 entity?",id:"what-is-the-difference-between-feature-and-entity",level:3},{value:"\u041c\u043e\u0433\u0443 \u043b\u0438 \u044f \u0432\u043a\u043b\u0430\u0434\u044b\u0432\u0430\u0442\u044c \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b/\u0444\u0438\u0447\u0438/\u0441\u0443\u0449\u043d\u043e\u0441\u0442\u0438 \u0434\u0440\u0443\u0433 \u0432 \u0434\u0440\u0443\u0433\u0430?",id:"can-i-embed-pagesfeaturesentities-into-each-other",level:3},{value:"\u0410 \u0447\u0442\u043e \u0441 Atomic Design?",id:"what-about-atomic-design",level:3},{value:"\u0415\u0441\u0442\u044c \u043b\u0438 \u043a\u0430\u043a\u0438\u0435-\u043d\u0438\u0431\u0443\u0434\u044c \u043f\u043e\u043b\u0435\u0437\u043d\u044b\u0435 \u0440\u0435\u0441\u0443\u0440\u0441\u044b/\u0441\u0442\u0430\u0442\u044c\u0438/\u0442.\u0434. \u043f\u043e FSD?",id:"are-there-any-useful-resourcesarticlesetc-about-fsd",level:3},{value:"\u0417\u0430\u0447\u0435\u043c \u043c\u043d\u0435 \u043d\u0443\u0436\u0435\u043d Feature-Sliced Design?",id:"why-do-i-need-feature-sliced-design",level:3},{value:"\u041d\u0443\u0436\u043d\u0430 \u043b\u0438 \u0430\u0440\u0445\u0438\u0442\u0435\u043a\u0442\u0443\u0440\u0430/\u043c\u0435\u0442\u043e\u0434\u043e\u043b\u043e\u0433\u0438\u044f \u043d\u0430\u0447\u0438\u043d\u0430\u044e\u0449\u0435\u043c\u0443 \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a\u0443?",id:"does-a-novice-developer-need-an-architecturemethodology",level:3},{value:"\u041a\u0430\u043a \u043c\u043d\u0435 \u0440\u0430\u0431\u043e\u0442\u0430\u0442\u044c \u0441 \u043a\u043e\u043d\u0442\u0435\u043a\u0441\u0442\u043e\u043c \u0430\u0432\u0442\u043e\u0440\u0438\u0437\u0430\u0446\u0438\u0438?",id:"how-do-i-work-with-the-authorization-context",level:3}];function l(e){const t={a:"a",admonition:"admonition",code:"code",em:"em",h1:"h1",h3:"h3",header:"header",li:"li",p:"p",strong:"strong",ul:"ul",...(0,s.R)(),...e.components};return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(t.header,{children:(0,n.jsx)(t.h1,{id:"faq",children:"FAQ"})}),"\n",(0,n.jsx)(t.admonition,{type:"info",children:(0,n.jsxs)(t.p,{children:["\u0421\u0432\u043e\u0439 \u0432\u043e\u043f\u0440\u043e\u0441 \u043c\u043e\u0436\u043d\u043e \u0437\u0430\u0434\u0430\u0442\u044c \u0432 ",(0,n.jsx)(t.a,{href:"https://t.me/feature_sliced",children:"Telegram-\u0447\u0430\u0442\u0435"}),", ",(0,n.jsx)(t.a,{href:"https://discord.gg/S8MzWTUsmp",children:"Discord-\u0441\u043e\u043e\u0431\u0449\u0435\u0441\u0442\u0432\u0435"})," \u0438 ",(0,n.jsx)(t.a,{href:"https://github.com/feature-sliced/documentation/discussions",children:"GitHub Discussions"}),"."]})}),"\n",(0,n.jsx)(t.h3,{id:"is-there-a-toolkit-or-a-linter",children:"\u0421\u0443\u0449\u0435\u0441\u0442\u0432\u0443\u0435\u0442 \u043b\u0438 \u0442\u0443\u043b\u043a\u0438\u0442 \u0438\u043b\u0438 \u043b\u0438\u043d\u0442\u0435\u0440?"}),"\n",(0,n.jsxs)(t.p,{children:["\u0415\u0441\u0442\u044c \u043e\u0444\u0438\u0446\u0438\u0430\u043b\u044c\u043d\u044b\u0439 \u043a\u043e\u043d\u0444\u0438\u0433 \u0434\u043b\u044f ESLint \u2014 ",(0,n.jsx)(t.a,{href:"https://github.com/feature-sliced/eslint-config",children:"@feature-sliced/eslint-config"}),", \u0438 \u043f\u043b\u0430\u0433\u0438\u043d \u0434\u043b\u044f ESLint \u2014 ",(0,n.jsx)(t.a,{href:"https://github.com/conarti/eslint-plugin-feature-sliced",children:"@conarti/eslint-plugin-feature-sliced"}),", \u0441\u043e\u0437\u0434\u0430\u043d\u043d\u044b\u0439 \u0443\u0447\u0430\u0441\u0442\u043d\u0438\u043a\u043e\u043c \u0441\u043e\u043e\u0431\u0449\u0435\u0441\u0442\u0432\u0430 \u0410\u043b\u0435\u043a\u0441\u0430\u043d\u0434\u0440\u043e\u043c \u0411\u0435\u043b\u043e\u0443\u0441\u043e\u043c. \u041c\u044b \u0431\u0443\u0434\u0435\u043c \u0440\u0430\u0434\u044b \u0432\u0430\u0448\u0438\u043c \u0432\u043a\u043b\u0430\u0434\u0430\u043c \u0432 \u044d\u0442\u0438 \u043f\u0440\u043e\u0435\u043a\u0442\u044b \u0438\u043b\u0438 \u0441\u043e\u0437\u0434\u0430\u043d\u0438\u044e \u0441\u0432\u043e\u0438\u0445!"]}),"\n",(0,n.jsx)(t.h3,{id:"where-to-store-the-layouttemplate-of-pages",children:"\u0413\u0434\u0435 \u0445\u0440\u0430\u043d\u0438\u0442\u044c layout/template \u0441\u0442\u0440\u0430\u043d\u0438\u0446?"}),"\n",(0,n.jsxs)(t.p,{children:["\u0415\u0441\u043b\u0438 \u0432\u0430\u043c \u043d\u0443\u0436\u043d\u044b \u043f\u0440\u043e\u0441\u0442\u044b\u0435 \u0448\u0430\u0431\u043b\u043e\u043d\u044b \u0440\u0430\u0437\u043c\u0435\u0442\u043a\u0438, \u0432\u044b \u043c\u043e\u0436\u0435\u0442\u0435 \u0445\u0440\u0430\u043d\u0438\u0442\u044c \u0438\u0445 \u0432 ",(0,n.jsx)(t.code,{children:"shared/ui"}),". \u0415\u0441\u043b\u0438 \u0432\u0430\u043c \u043d\u0443\u0436\u043d\u043e \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u0431\u043e\u043b\u0435\u0435 \u0432\u044b\u0441\u043e\u043a\u0438\u0435 \u0441\u043b\u043e\u0438, \u0435\u0441\u0442\u044c \u043d\u0435\u0441\u043a\u043e\u043b\u044c\u043a\u043e \u0432\u0430\u0440\u0438\u0430\u043d\u0442\u043e\u0432:"]}),"\n",(0,n.jsxs)(t.ul,{children:["\n",(0,n.jsx)(t.li,{children:"\u0412\u043e\u0437\u043c\u043e\u0436\u043d\u043e, \u0432\u0430\u043c \u0432\u043e\u043e\u0431\u0449\u0435 \u043d\u0435 \u043d\u0443\u0436\u043d\u044b \u043b\u0435\u0439\u0430\u0443\u0442\u044b? \u0415\u0441\u043b\u0438 \u043c\u0430\u043a\u0435\u0442 \u0441\u043e\u0441\u0442\u043e\u0438\u0442 \u0432\u0441\u0435\u0433\u043e \u0438\u0437 \u043d\u0435\u0441\u043a\u043e\u043b\u044c\u043a\u0438\u0445 \u0441\u0442\u0440\u043e\u043a, \u0440\u0430\u0437\u0443\u043c\u043d\u043e \u0431\u0443\u0434\u0435\u0442 \u0434\u0443\u0431\u043b\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u043a\u043e\u0434 \u0432 \u043a\u0430\u0436\u0434\u043e\u0439 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0435, \u0430 \u043d\u0435 \u043f\u044b\u0442\u0430\u0442\u044c\u0441\u044f \u0430\u0431\u0441\u0442\u0440\u0430\u0433\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u0435\u0433\u043e."}),"\n",(0,n.jsx)(t.li,{children:"\u0415\u0441\u043b\u0438 \u0432\u0430\u043c \u043d\u0443\u0436\u043d\u044b \u043b\u0435\u0439\u0430\u0443\u0442\u044b, \u0432\u044b \u043c\u043e\u0436\u0435\u0442\u0435 \u0445\u0440\u0430\u043d\u0438\u0442\u044c \u0438\u0445 \u043a\u0430\u043a \u043e\u0442\u0434\u0435\u043b\u044c\u043d\u044b\u0435 \u0432\u0438\u0434\u0436\u0435\u0442\u044b \u0438\u043b\u0438 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b, \u0438 \u043a\u043e\u043c\u043f\u043e\u043d\u043e\u0432\u0430\u0442\u044c \u0438\u0445 \u0432 \u043a\u043e\u043d\u0444\u0438\u0433\u0443\u0440\u0430\u0446\u0438\u0438 \u0440\u043e\u0443\u0442\u0435\u0440\u0430 \u0432 App. \u0412\u043b\u043e\u0436\u0435\u043d\u043d\u044b\u0439 \u0440\u043e\u0443\u0442\u0438\u043d\u0433 \u2014 \u0435\u0449\u0435 \u043e\u0434\u0438\u043d \u0432\u0430\u0440\u0438\u0430\u043d\u0442."}),"\n"]}),"\n",(0,n.jsx)(t.h3,{id:"what-is-the-difference-between-feature-and-entity",children:"\u0412 \u0447\u0435\u043c \u043e\u0442\u043b\u0438\u0447\u0438\u0435 feature \u043e\u0442 entity?"}),"\n",(0,n.jsxs)(t.p,{children:[(0,n.jsx)(t.em,{children:"Entity"})," \u2014 \u044d\u0442\u043e \u043f\u043e\u043d\u044f\u0442\u0438\u0435 \u0438\u0437 \u0440\u0435\u0430\u043b\u044c\u043d\u043e\u0439 \u0436\u0438\u0437\u043d\u0438, \u0441 \u043a\u043e\u0442\u043e\u0440\u044b\u043c \u0440\u0430\u0431\u043e\u0442\u0430\u0435\u0442 \u0432\u0430\u0448\u0435 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0435.. ",(0,n.jsx)(t.em,{children:"Feature"})," \u2014 \u044d\u0442\u043e \u0432\u0437\u0430\u0438\u043c\u043e\u0434\u0435\u0439\u0441\u0442\u0432\u0438\u0435, \u043f\u0440\u0435\u0434\u0441\u0442\u0430\u0432\u043b\u044f\u044e\u0449\u0435\u0435 \u0440\u0435\u0430\u043b\u044c\u043d\u0443\u044e \u0446\u0435\u043d\u043d\u043e\u0441\u0442\u044c \u0434\u043b\u044f\xa0\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u0435\u0439; \u0447\u0442\u043e-\u0442\u043e, \u0447\u0442\u043e \u043b\u044e\u0434\u0438 \u0445\u043e\u0442\u044f\u0442 \u0434\u0435\u043b\u0430\u0442\u044c \u0441 \u0441\u0443\u0449\u043d\u043e\u0441\u0442\u044f\u043c\u0438."]}),"\n",(0,n.jsxs)(t.p,{children:["\u0414\u043b\u044f \u043f\u043e\u043b\u0443\u0447\u0435\u043d\u0438\u044f \u0434\u043e\u043f\u043e\u043b\u043d\u0438\u0442\u0435\u043b\u044c\u043d\u043e\u0439 \u0438\u043d\u0444\u043e\u0440\u043c\u0430\u0446\u0438\u0438, \u0430 \u0442\u0430\u043a\u0436\u0435 \u043f\u0440\u0438\u043c\u0435\u0440\u043e\u0432, \u0441\u043c. \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0443 ",(0,n.jsx)(t.a,{href:"/docs/reference/layers#entities",children:"\u043f\u0440\u043e \u0441\u043b\u0430\u0439\u0441\u044b"})," \u0432 \u0440\u0430\u0437\u0434\u0435\u043b\u0435 Reference."]}),"\n",(0,n.jsx)(t.h3,{id:"can-i-embed-pagesfeaturesentities-into-each-other",children:"\u041c\u043e\u0433\u0443 \u043b\u0438 \u044f \u0432\u043a\u043b\u0430\u0434\u044b\u0432\u0430\u0442\u044c \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b/\u0444\u0438\u0447\u0438/\u0441\u0443\u0449\u043d\u043e\u0441\u0442\u0438 \u0434\u0440\u0443\u0433 \u0432 \u0434\u0440\u0443\u0433\u0430?"}),"\n",(0,n.jsx)(t.p,{children:"\u0414\u0430, \u043d\u043e \u044d\u0442\u043e \u0432\u043b\u043e\u0436\u0435\u043d\u0438\u0435 \u0434\u043e\u043b\u0436\u043d\u043e \u043f\u0440\u043e\u0438\u0441\u0445\u043e\u0434\u0438\u0442\u044c \u0432 \u0431\u043e\u043b\u0435\u0435 \u0432\u044b\u0441\u043e\u043a\u0438\u0445 \u0441\u043b\u043e\u044f\u0445. \u041d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, \u0432\u043d\u0443\u0442\u0440\u0438 \u0432\u0438\u0434\u0436\u0435\u0442\u0430 \u0432\u044b \u043c\u043e\u0436\u0435\u0442\u0435 \u0438\u043c\u043f\u043e\u0440\u0442\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u043e\u0431\u0435 \u0444\u0438\u0447\u0438, \u0430 \u0437\u0430\u0442\u0435\u043c \u0432\u0441\u0442\u0430\u0432\u0438\u0442\u044c \u043e\u0434\u043d\u0443 \u0444\u0438\u0447\u0443 \u0432 \u0434\u0440\u0443\u0433\u0443\u044e \u0447\u0435\u0440\u0435\u0437 \u043f\u0440\u043e\u043f\u0441\u044b/\u0432\u043b\u043e\u0436\u0435\u043d\u0438\u0435."}),"\n",(0,n.jsxs)(t.p,{children:["\u0412\u044b \u043d\u0435 \u043c\u043e\u0436\u0435\u0442\u0435 \u0438\u043c\u043f\u043e\u0440\u0442\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u043e\u0434\u043d\u0443 \u0444\u0438\u0447\u0443 \u0438\u0437 \u0434\u0440\u0443\u0433\u043e\u0439 \u0444\u0438\u0447\u0438, \u044d\u0442\u043e \u0437\u0430\u043f\u0440\u0435\u0449\u0435\u043d\u043e ",(0,n.jsx)(t.a,{href:"/docs/reference/layers#import-rule-on-layers",children:(0,n.jsx)(t.strong,{children:"\u043f\u0440\u0430\u0432\u0438\u043b\u043e\u043c \u0438\u043c\u043f\u043e\u0440\u0442\u043e\u0432 \u0434\u043b\u044f \u0441\u043b\u043e\u0451\u0432"})}),"."]}),"\n",(0,n.jsx)(t.h3,{id:"what-about-atomic-design",children:"\u0410 \u0447\u0442\u043e \u0441 Atomic Design?"}),"\n",(0,n.jsx)(t.p,{children:"\u0422\u0435\u043a\u0443\u0449\u0430\u044f \u0432\u0435\u0440\u0441\u0438\u044f \u043c\u0435\u0442\u043e\u0434\u043e\u043b\u043e\u0433\u0438\u0438 \u043d\u0435 \u043e\u0431\u044f\u0437\u044b\u0432\u0430\u0435\u0442, \u043d\u043e \u0438 \u043d\u0435 \u0437\u0430\u043f\u0440\u0435\u0449\u0430\u0435\u0442 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c Atomic Design \u0432\u043c\u0435\u0441\u0442\u0435 \u0441 Feature-Sliced Design."}),"\n",(0,n.jsxs)(t.p,{children:["\u041f\u0440\u0438 \u044d\u0442\u043e\u043c Atomic Design ",(0,n.jsx)(t.a,{href:"https://t.me/feature_sliced/1653",children:"\u0445\u043e\u0440\u043e\u0448\u043e \u043f\u0440\u0438\u043c\u0435\u043d\u044f\u0435\u0442\u0441\u044f"})," \u0434\u043b\u044f ",(0,n.jsx)(t.code,{children:"ui"})," \u0441\u0435\u0433\u043c\u0435\u043d\u0442\u0430 \u043c\u043e\u0434\u0443\u043b\u0435\u0439."]}),"\n",(0,n.jsx)(t.h3,{id:"are-there-any-useful-resourcesarticlesetc-about-fsd",children:"\u0415\u0441\u0442\u044c \u043b\u0438 \u043a\u0430\u043a\u0438\u0435-\u043d\u0438\u0431\u0443\u0434\u044c \u043f\u043e\u043b\u0435\u0437\u043d\u044b\u0435 \u0440\u0435\u0441\u0443\u0440\u0441\u044b/\u0441\u0442\u0430\u0442\u044c\u0438/\u0442.\u0434. \u043f\u043e FSD?"}),"\n",(0,n.jsxs)(t.p,{children:["\u0414\u0430! ",(0,n.jsx)(t.a,{href:"https://github.com/feature-sliced/awesome",children:"https://github.com/feature-sliced/awesome"})]}),"\n",(0,n.jsx)(t.h3,{id:"why-do-i-need-feature-sliced-design",children:"\u0417\u0430\u0447\u0435\u043c \u043c\u043d\u0435 \u043d\u0443\u0436\u0435\u043d Feature-Sliced Design?"}),"\n",(0,n.jsxs)(t.p,{children:["\u041e\u043d \u043f\u043e\u043c\u043e\u0433\u0430\u0435\u0442 \u0432\u0430\u043c \u0438 \u0432\u0430\u0448\u0435\u0439 \u043a\u043e\u043c\u0430\u043d\u0434\u0435 \u0431\u044b\u0441\u0442\u0440\u043e \u043e\u0437\u043d\u0430\u043a\u043e\u043c\u0438\u0442\u044c\u0441\u044f \u0441 \u043f\u0440\u043e\u0435\u043a\u0442\u043e\u043c \u0441 \u0442\u043e\u0447\u043a\u0438 \u0437\u0440\u0435\u043d\u0438\u044f \u0435\u0433\u043e \u043e\u0441\u043d\u043e\u0432\u043d\u044b\u0445 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u043e\u0432, \u043f\u0440\u0438\u043d\u043e\u0441\u044f\u0449\u0438\u0445 \u0431\u0438\u0437\u043d\u0435\u0441-\u0446\u0435\u043d\u043d\u043e\u0441\u0442\u044c. \u0421\u0442\u0430\u043d\u0434\u0430\u0440\u0442\u0438\u0437\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u0430\u044f \u0430\u0440\u0445\u0438\u0442\u0435\u043a\u0442\u0443\u0440\u0430 \u043f\u043e\u043c\u043e\u0433\u0430\u0435\u0442 \u0443\u0441\u043a\u043e\u0440\u0438\u0442\u044c \u043e\u043d\u0431\u043e\u0440\u0434\u0438\u043d\u0433 \u0438 \u0440\u0430\u0437\u0440\u0435\u0448\u0430\u0442\u044c \u0441\u043f\u043e\u0440\u044b \u043e \u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u0435 \u043a\u043e\u0434\u0430. \u0421\u043c. \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0443 ",(0,n.jsx)(t.a,{href:"/docs/about/motivation",children:"\u041c\u043e\u0442\u0438\u0432\u0430\u0446\u0438\u044f"}),", \u0447\u0442\u043e\u0431\u044b \u0443\u0437\u043d\u0430\u0442\u044c \u0431\u043e\u043b\u044c\u0448\u0435 \u043e \u0442\u043e\u043c, \u043f\u043e\u0447\u0435\u043c\u0443 FSD \u0431\u044b\u043b \u0441\u043e\u0437\u0434\u0430\u043d."]}),"\n",(0,n.jsx)(t.h3,{id:"does-a-novice-developer-need-an-architecturemethodology",children:"\u041d\u0443\u0436\u043d\u0430 \u043b\u0438 \u0430\u0440\u0445\u0438\u0442\u0435\u043a\u0442\u0443\u0440\u0430/\u043c\u0435\u0442\u043e\u0434\u043e\u043b\u043e\u0433\u0438\u044f \u043d\u0430\u0447\u0438\u043d\u0430\u044e\u0449\u0435\u043c\u0443 \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a\u0443?"}),"\n",(0,n.jsx)(t.p,{children:"\u0421\u043a\u043e\u0440\u0435\u0435 \u0434\u0430, \u0447\u0435\u043c \u043d\u0435\u0442"}),"\n",(0,n.jsx)(t.p,{children:(0,n.jsx)(t.em,{children:"\u041e\u0431\u044b\u0447\u043d\u043e, \u043a\u043e\u0433\u0434\u0430 \u043f\u0440\u043e\u0435\u043a\u0442\u0438\u0440\u0443\u0435\u0448\u044c \u0440\u0430\u0437\u0440\u0430\u0431\u0430\u0442\u044b\u0432\u0430\u0435\u0448\u044c \u043f\u0440\u043e\u0435\u043a\u0442 \u0432 \u043e\u0434\u043d\u043e \u043b\u0438\u0446\u043e - \u0432\u0441\u0435 \u0438\u0434\u0435\u0442 \u0433\u043b\u0430\u0434\u043a\u043e. \u041d\u043e \u0435\u0441\u043b\u0438 \u043f\u043e\u044f\u0432\u043b\u044f\u044e\u0442\u0441\u044f \u043f\u0430\u0443\u0437\u044b \u0432 \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u0435, \u0434\u043e\u0431\u0430\u0432\u043b\u044f\u044e\u0442\u0441\u044f \u043d\u043e\u0432\u044b\u0435 \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a\u0438 \u0432 \u043a\u043e\u043c\u0430\u043d\u0434\u0443 - \u0442\u043e\u0433\u0434\u0430-\u0442\u043e \u0438 \u043d\u0430\u0441\u0442\u0443\u043f\u0430\u044e\u0442 \u043f\u0440\u043e\u0431\u043b\u0435\u043c\u044b"})}),"\n",(0,n.jsx)(t.h3,{id:"how-do-i-work-with-the-authorization-context",children:"\u041a\u0430\u043a \u043c\u043d\u0435 \u0440\u0430\u0431\u043e\u0442\u0430\u0442\u044c \u0441 \u043a\u043e\u043d\u0442\u0435\u043a\u0441\u0442\u043e\u043c \u0430\u0432\u0442\u043e\u0440\u0438\u0437\u0430\u0446\u0438\u0438?"}),"\n",(0,n.jsxs)(t.p,{children:["\u041e\u0442\u0432\u0435\u0442\u0438\u043b\u0438 ",(0,n.jsx)(t.a,{href:"/docs/guides/examples/auth",children:"\u0437\u0434\u0435\u0441\u044c"})]})]})}function h(e={}){const{wrapper:t}={...(0,s.R)(),...e.components};return t?(0,n.jsx)(t,{...e,children:(0,n.jsx)(l,{...e})}):l(e)}},1100:(e,t,i)=>{i.d(t,{R:()=>d,x:()=>a});var n=i(758);const s={},r=n.createContext(s);function d(e){const t=n.useContext(r);return n.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function a(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(s):e.components||s:d(e.components),n.createElement(r.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
diff --git a/ru/assets/js/808aa0e6.f2e7b441.js b/ru/assets/js/808aa0e6.e3cf08c1.js
similarity index 99%
rename from ru/assets/js/808aa0e6.f2e7b441.js
rename to ru/assets/js/808aa0e6.e3cf08c1.js
index a21fa2ebab..3d905fb905 100644
--- a/ru/assets/js/808aa0e6.f2e7b441.js
+++ b/ru/assets/js/808aa0e6.e3cf08c1.js
@@ -1 +1 @@
-"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[2828],{7946:(A,o,t)=>{t.d(o,{Ay:()=>F,RM:()=>U});var e=t(6070),g=t(1100),s=t(5988);const U=[];function C(A){return(0,e.jsx)(s.A,{...A})}function F(A={}){const{wrapper:o}={...(0,g.R)(),...A.components};return o?(0,e.jsx)(o,{...A,children:(0,e.jsx)(C,{...A})}):C(A)}},6572:(A,o,t)=>{t.r(o),t.d(o,{assets:()=>B,contentTitle:()=>C,default:()=>Q,frontMatter:()=>U,metadata:()=>F,toc:()=>K});var e=t(6070),g=t(1100),s=t(7946);t(6783);const U={sidebar_position:1,slug:"/",pagination_next:"get-started/index"},C="\u0414\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u0430\u0446\u0438\u044f",F={id:"intro",title:"\u0414\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u0430\u0446\u0438\u044f",description:"feature-sliced-banner",source:"@site/i18n/ru/docusaurus-plugin-content-docs/current/intro.mdx",sourceDirName:".",slug:"/",permalink:"/ru/docs/",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/ru/docusaurus-plugin-content-docs/current/intro.mdx",tags:[],version:"current",lastUpdatedAt:1727607766e3,sidebarPosition:1,frontMatter:{sidebar_position:1,slug:"/",pagination_next:"get-started/index"},next:{title:"\ud83d\ude80 \u0411\u044b\u0441\u0442\u0440\u044b\u0439 \u0441\u0442\u0430\u0440\u0442",permalink:"/ru/docs/get-started/"}},B={},K=[...s.RM,...s.RM,...s.RM,...s.RM,...s.RM,...s.RM,...s.RM];function n(A){const o={h1:"h1",header:"header",img:"img",p:"p",strong:"strong",...(0,g.R)(),...A.components};return(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)(o.header,{children:(0,e.jsx)(o.h1,{id:"\u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u0430\u0446\u0438\u044f",children:"\u0414\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u0430\u0446\u0438\u044f"})}),"\n",(0,e.jsx)(o.p,{children:(0,e.jsx)(o.img,{alt:"feature-sliced-banner",src:t(1589).A+"",width:"1400",height:"320"})}),"\n",(0,e.jsxs)(o.p,{children:[(0,e.jsx)(o.strong,{children:"Feature-Sliced Design"})," (FSD) \u2014 \u044d\u0442\u043e \u0430\u0440\u0445\u0438\u0442\u0435\u043a\u0442\u0443\u0440\u043d\u0430\u044f \u043c\u0435\u0442\u043e\u0434\u043e\u043b\u043e\u0433\u0438\u044f \u0434\u043b\u044f \u043f\u0440\u043e\u0435\u043a\u0442\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u044f frontend-\u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0439. \u041f\u0440\u043e\u0449\u0435 \u0433\u043e\u0432\u043e\u0440\u044f, \u044d\u0442\u043e \u0441\u0432\u043e\u0434 \u043f\u0440\u0430\u0432\u0438\u043b \u0438 \u0441\u043e\u0433\u043b\u0430\u0448\u0435\u043d\u0438\u0439 \u043f\u043e \u043e\u0440\u0433\u0430\u043d\u0438\u0437\u0430\u0446\u0438\u0438 \u043a\u043e\u0434\u0430. \u0413\u043b\u0430\u0432\u043d\u0430\u044f \u0446\u0435\u043b\u044c \u043c\u0435\u0442\u043e\u0434\u043e\u043b\u043e\u0433\u0438\u0438 \u2014 \u0441\u0434\u0435\u043b\u0430\u0442\u044c \u043f\u0440\u043e\u0435\u043a\u0442 \u043f\u043e\u043d\u044f\u0442\u043d\u044b\u043c \u0438 \u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u044b\u043c, \u043e\u0441\u043e\u0431\u0435\u043d\u043d\u043e \u0432 \u0443\u0441\u043b\u043e\u0432\u0438\u044f\u0445 \u0440\u0435\u0433\u0443\u043b\u044f\u0440\u043d\u043e\u0433\u043e \u0438\u0437\u043c\u0435\u043d\u0435\u043d\u0438\u044f \u0442\u0440\u0435\u0431\u043e\u0432\u0430\u043d\u0438\u0439 \u0431\u0438\u0437\u043d\u0435\u0441\u0430."]}),"\n","\n",(0,e.jsx)(s.Ay,{theme:"primary",Icon:"\ud83c\udf70",title:"\u041d\u043e\u0432\u0438\u0447\u043e\u043a \u0432 FSD?",description:"\u0418\u0437\u0443\u0447\u0438\u0442\u0435 \u043e\u0441\u043d\u043e\u0432\u044b \u0438 \u043a\u0440\u0430\u0442\u043a\u0438\u0439 \u043e\u0431\u0437\u043e\u0440 \u043c\u0435\u0442\u043e\u0434\u043e\u043b\u043e\u0433\u0438\u0438",to:"/docs/get-started/overview"}),"\n",(0,e.jsx)("br",{}),"\n",(0,e.jsx)(s.Ay,{theme:"mini",title:"\ud83d\ude80 \u0411\u044b\u0441\u0442\u0440\u044b\u0439 \u0441\u0442\u0430\u0440\u0442",description:"\u0422\u0443\u0440 \u043f\u043e \u043e\u0441\u043d\u043e\u0432\u043d\u044b\u043c \u043f\u043e\u043d\u044f\u0442\u0438\u044f\u043c \u0438 \u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u0435, \u0430 \u0442\u0430\u043a\u0436\u0435 \u043f\u043e\u0434\u0440\u043e\u0431\u043d\u044b\u0439 \u0440\u0430\u0437\u0431\u043e\u0440 \u043f\u0440\u043e\u0435\u043a\u0442\u0430 \u043d\u0430 React",to:"/docs/get-started",tags:["\u041e\u0441\u043d\u043e\u0432\u044b","\u0422\u0443\u0442\u043e\u0440\u0438\u0430\u043b","\u041c\u043e\u0442\u0438\u0432\u0430\u0446\u0438\u044f"]}),"\n",(0,e.jsx)(s.Ay,{theme:"mini",title:"\ud83c\udfaf \u0413\u0430\u0439\u0434\u044b",description:"\u041f\u0440\u0430\u043a\u0442\u0438\u0447\u0435\u0441\u043a\u0438\u0435 \u0433\u0430\u0439\u0434\u044b \u0438 \u043f\u0440\u0438\u043c\u0435\u0440\u044b \u043f\u043e \u043f\u0440\u0438\u043c\u0435\u043d\u0435\u043d\u0438\u044e Feature-Sliced Design",to:"/docs/guides",tags:["v1","\u041b\u0435\u0433\u0430\u0441\u0438","\u041f\u0440\u0438\u043c\u0435\u0440\u044b"]}),"\n",(0,e.jsx)(s.Ay,{theme:"mini",title:"\ud83d\udcda \u0421\u043f\u0440\u0430\u0432\u043e\u0447\u043d\u0438\u043a",description:"\u0421\u043f\u0440\u0430\u0432\u043e\u0447\u043d\u0430\u044f \u0438\u043d\u0444\u043e\u0440\u043c\u0430\u0446\u0438\u044f \u043f\u043e \u043a\u043b\u044e\u0447\u0435\u0432\u044b\u043c \u043f\u043e\u043d\u044f\u0442\u0438\u044f\u043c \u0438 \u043a\u043e\u043d\u0446\u0435\u043f\u0446\u0438\u044f\u043c (\u0434\u043b\u044f \u0431\u043e\u043b\u0435\u0435 \u044d\u0444\u0444\u0435\u043a\u0442\u0438\u0432\u043d\u043e\u0433\u043e \u043f\u0440\u0438\u043c\u0435\u043d\u0435\u043d\u0438\u044f \u043d\u0430 \u043f\u0440\u0430\u043a\u0442\u0438\u043a\u0435)",to:"/docs/reference",tags:["\u042e\u043d\u0438\u0442\u044b","\u0418\u0437\u043e\u043b\u044f\u0446\u0438\u044f","Public API"]}),"\n",(0,e.jsx)(s.Ay,{theme:"mini",title:"\ud83c\udf70 \u041e \u043c\u0435\u0442\u043e\u0434\u043e\u043b\u043e\u0433\u0438\u0438",description:"\u0424\u0438\u043b\u043e\u0441\u043e\u0444\u0438\u044f \u043c\u0435\u0442\u043e\u0434\u043e\u043b\u043e\u0433\u0438\u0438, \u0435\u0435 \u0446\u0435\u043b\u0438 \u0438 \u043c\u0435\u0441\u0442\u043e \u0432 \u0441\u043e\u0432\u0440\u0435\u043c\u0435\u043d\u043d\u043e\u043c \u0444\u0440\u043e\u043d\u0442\u0435\u043d\u0434\u0435",to:"/docs/about",tags:["\u041c\u0438\u0441\u0441\u0438\u044f","\u041f\u0440\u043e\u0434\u0432\u0438\u0436\u0435\u043d\u0438\u0435 & \u0418\u043d\u0442\u0435\u0433\u0440\u0430\u0446\u0438\u044f"]}),"\n",(0,e.jsx)(s.Ay,{theme:"mini",title:"\ud83d\udcab \u0421\u043e\u043e\u0431\u0449\u0435\u0441\u0442\u0432\u043e",description:"\u0420\u0435\u0441\u0443\u0440\u0441\u044b \u0438 \u0434\u043e\u043f\u043e\u043b\u043d\u0438\u0442\u0435\u043b\u044c\u043d\u044b\u0435 \u043c\u0430\u0442\u0435\u0440\u0438\u0430\u043b\u044b, \u043f\u0440\u0435\u0434\u043e\u0441\u0442\u0430\u0432\u043b\u0435\u043d\u043d\u044b\u0435 \u0441\u043e\u043e\u0431\u0449\u0435\u0441\u0442\u0432\u043e\u043c",to:"/community",tags:["Awesome","\u041a\u043e\u043c\u0430\u043d\u0434\u0430","\u0423\u0447\u0430\u0441\u0442\u0438\u0435 \u0432 \u043f\u0440\u043e\u0435\u043a\u0442\u0435"]}),"\n",(0,e.jsx)(s.Ay,{theme:"mini",title:"\ud83d\udee0 \u041f\u0440\u0438\u043c\u0435\u0440\u044b",description:"\u041f\u0440\u0438\u043c\u0435\u0440\u044b \u043f\u0440\u043e\u0435\u043a\u0442\u043e\u0432, \u0441\u043f\u0440\u043e\u0435\u043a\u0442\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u044b\u0445 \u043f\u043e Feature-Sliced Design",to:"/examples"})]})}function Q(A={}){const{wrapper:o}={...(0,g.R)(),...A.components};return o?(0,e.jsx)(o,{...A,children:(0,e.jsx)(n,{...A})}):n(A)}},5988:(A,o,t)=>{t.d(o,{Y:()=>C,A:()=>B});t(758);var e=t(3526),g=t(6783);const s={root:"root_GfON",rootDisabled:"rootDisabled_SFUB",details:"details_xxkR",detailsTags:"detailsTags_uTQx",icon:"icon_ciqP",title:"title_pSH5",description:"description__Fep",miniTheme:"miniTheme_ePfp",primaryTheme:"primaryTheme_CilO",defaultTheme:"defaultTheme_j3I8"};var U=t(6070);const C=A=>{const{title:o,description:t,to:C,Icon:B,tags:K,className:n,disabled:Q,theme:i="default"}=A;return(0,U.jsxs)(g.A,{className:(0,e.A)(s.root,n,Q&&s.rootDisabled,s[`${i}Theme`]),to:C,children:[(0,U.jsx)(F,{Icon:B}),(0,U.jsxs)("div",{className:s.details,children:[(0,U.jsxs)("div",{className:s.detailsMain,children:[(0,U.jsx)("span",{className:s.title,children:o}),(0,U.jsx)("p",{className:s.description,children:t})]}),K&&(0,U.jsx)("div",{className:s.detailsTags,children:K.join(" \u2022 ")})]})]})},F=A=>{let{Icon:o}=A;return o?"string"==typeof o?(0,U.jsx)("span",{className:s.icon,children:o}):(0,U.jsx)(o,{className:s.icon}):null},B=C},1589:(A,o,t)=>{t.d(o,{A:()=>e});const e="data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAoHBwkHBgoJCAkLCwoMDxkQDw4ODx4WFxIZJCAmJSMgIyIoLTkwKCo2KyIjMkQyNjs9QEBAJjBGS0U+Sjk/QD3/2wBDAQsLCw8NDx0QEB09KSMpPT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT3/wgARCAFABXgDAREAAhEBAxEB/8QAGgABAQADAQEAAAAAAAAAAAAAAAEDBAUGAv/EABkBAQEAAwEAAAAAAAAAAAAAAAABAgMEBf/aAAwDAQACEAMQAAAA8V0+cAoAAAKAAACgAAAoAoAAUAFAAUACgAAAFoAAAUAAoCgCooJQFAUAAoCgChAAAVQFgC0AAAAAAKAAAUAUAAAKAAAAAAAAAAAAAAAHx5moAKAAACgAAAoAAAKAKAAFABQAFAAoAAABaAAAFAAKAoAqKCUBQFAAKAoAoQAAFUBYAtAAAAAACgAAFAFAAACgAAAAAAAAAAAAAAPjzNQACgAAAoAAAKAAACgCgABQAUABQAKAAAAWgAABQACgKAKiglAUBQACgKAKEAABVAWALQAAAAAAoAABQBQAAAoAAAAAAAAAAAAAAY/M1UAAUAAAFAAABQAAAUAUAAKACgAKABQAAAC0AAAKAAUBQBUUEoCgKAAUBQBQgAAKoCwBaAAAAAAFAAAKAKAAAFAAAAAAAAAAAAAAY/M1CgACgAAAoAAAKAAACgCgABQAUABQAKAAAAWgAABQACgKAKiglAUBQACgKAKEAABVAWALQAAAAAAoAABQBQAAAoAAAAAAAAAAAAAY/M1AUAAUAAAFAAABQAAAUAUAAKACgAKABQAAAC0AAAKAAUBQBUUEoCgKAAUBQBQgAAKoCwBaAAAAAAFAAAKAKAAAFAAAAAAAAAAAAAY/M1ACgACgAAAoAAAKAAACgCgABQAUABQAKAAAAWgAABQACgKAKiglAUBQACgKAKEAABVAWALQAAAAAAoAABQBQAAAoAAAAAAAAAAAAY/M1AAUAAUAAAFAAABQAAAUAUAAKACgAKABQAAAC0AAAKAAUBQBUUEoCgKAAUBQBQgAAKoCwBaAAAAAAFAAAKAKAAAFAAAAAAAAAAAAY/M1AACgACgAAAoAAAKAAACgCgABQAUABQAKAAAAWgAABQACgKAKiglAUBQACgKAKEAABVAWALQAAAAAAoAABQBQAAAoAAAAAAAAAAAY/M1AAAUAAUAAAFAAABQAAAUAUAAKACgAKABQAAAC0AAAKAAUBQBUUEoCgKAAUBQBQgAAKoCwBaAAAAAAFAAAKAKAAAFAAAAAAAAAAAY/M1AAACgACgAAAoAAAKAAACgCgABQAUABQAKAAAAWgAABQACgKAKiglAUBQACgKAKEAABVAWALQAAAAAAoAABQBQAAAoAAAAAAAAAAY/M1AAAAUAAUAAAFAAABQAAAUAUAAKACgAKABQAAAC0AAAKAAUBQBUUEoCgKAAUBQBQgAAKoCwBaAAAAAAFAAAKAKAAAFAAAAAAAAAAY/M1AAAACgACgAAAoAAAKAAACgCgABQAUABQAKAAAAWgAABQACgKAKiglAUBQACgKAKEAABVAWALQAAAAAAoAABQBQAAAoAAAAAAAAAY/M1AAAAAUAAUAAAFAAABQAAAUAUAAKACgAKABQAAAy3Dcz0iWhaIoVq4bcWOQCtzLRksUVRYauGzFMslx3sueKULcMz1cdoCgKAKEAABVAWALQAAAAAAoAABQBQAAAoAAAAAAAADH5moAAAAAUAAUAAAFAAABQAAAUAUAAKACgAKABQAAHR2cvqunyIylsuUuUtjKWy3zvJ387TvAHq+ryN3PTLlLZcpbGXnuXu5uro3sub1u/xZcpbLlGXKw6/Pc/ogBQFAFCAAAqgLAFoAAAAAAUAAAoAoAAAUAAAAAAAAMfmagAAAAAKAAKAAACgAAAoAAAKAKAAFABQAFAAoAAbmeju7+CKtlsVcostW8fm6dPXt2stPf3edLYq5S0stlpeRo6tLXt2rp7+7zVsWXJbFlpfP83djmQUBQBQgAAKoCwBaAAAAAAFAAAKAKAAAFAAAAAAAAY/M1AAAAAACgACgAAAoAAAKAAACgCgABQAUABQAKAA2stXY3cS2LLYq2LLS8zRv1dezZy1dndwy0stLLSy2LzdPRq4Z57r7W3gLLVsVbFW8Xn68cyAUBQBQgAAKoCwBaAAAAAAFAAAKAKAAAFAAAAAAADH5moAAAAAACgACgAAAoAAAKAAACgCgABQAUABQAKAHT28vrevyJcpbLl5bj9Tl6ekAAdDZzew6/GlylsuUuUt1cd3jvP8AUoBvZ8/serxZcpbLlLlLZcpcpcvOcfdy9G8BQFAFCAAAqgLAFoAAAAAAUAAAoAoAAAUAAAAAABj8zUAAAAAAAKAAKAAACgAAAoAAAKAKAAFABQAFAAoDZy1dffyFlpcMz+GQlpdHTtwYZfVma4djfxy0sti45lxufqFBny19ndxRlKLLSy0st52nfq68wAoCgChAAAVQFgC0AAAAAAKAAAUAUAAAKAAAAAAGPzNQAAAAAAAFAAFAAABQAAAUAAAFAFAACgAoACgAUN7Zo9D0+fLZciy2XKWxZcuJx9Olp2Aeu7vIjJbLYywTPzfF3AU28tXo+nzJclsWWy5S0ylvG5enQ1bQAFAUAUIAACqAsAWgAAAAABQAACgCgAABQAAAAAGPzNQAAAAAAAAoAAoAAAKAAACgAAAoAoAAUAFAAUACt7Zo9B1cEuRZbLlFlq5S3icXRpadgA9D18G3s1y5S2WmXmuDrxzIbeer0fT5y2LLlLYq5S2W8bl6dHRsUAAoCgChAAAVQFgC0AAAAAAKAAAUAUAAAKAAAAAGPzNQAAAAAAAAFAAFAAABQAAAUAAAFAFAACgAoACgA2c9fW6OUsti4pl8TILZbpaNmDDIAdfo5c2eJZathzefdgxy+Zc+WHY3ca2Ktiy0stW87Rt1tWYUAAoCgChAAAVQFgC0AAAAAAKAAAUAUAAAKAAAAAx+ZqAAAAAAAAAFAAFAAABQAAAUAAAFAFAACgAoACgHS3c/qu/zZbLlLl5ng7uZz7wAtAA9X6Hm727XLlLYy+blLl57z+nm8+ze2aPXdvly2XKXKXKWxl83KXLgcPTzObaAoABQFAFCAAAqgLAFoAAAAAAUAAAoAoAAAUAAAAMfmagAAAAAAAAAKAAKAAACgAAAoAAAKAKAAFABQAFBs56+t080VbF5nPv1deYAC3Yy19bo5lolpZatirebzbNbVlnzw7G/klyKqWxZaXkcm/4gFAUAAoCgChAAAVQFgC0AAAAAAKAAAUAUAAAKAAAAx+ZqAAAAAAAAAAFAAFAAABQAAAUAAAFAFAACgAoACm3s1dnq5VsWW8jl6NTVsAAGzsw7fTxrZaZS2WxVst5fJt1NOWxnr7vTxy5RVstirZbw+Lox4qAoCgAFAUAUIAACqAsAWgAAAAABQAACgCgAABQAAAx+ZqAAAAAAAAAAAoAAoAAAKAAACgAAAoAoAAUAFAAdDdp9J3cMuUtly8/wdXP0bQABu7dXpu/hiy5S2XKW4MM/MeX1KA3Nmr0/dwS2MpbLlzdG7h8XQqKCUBQFAAKAoAoQAAFUBYAtAAAAAACgAAFAFAAACgAAMfmagAAAAAAAAAABQABQAAAUAAAFAAABQBQAAoAKAGXLHa2YBRdXXnjxoAAyWbW3WFoiq+ZdTTmFD7uO3s1qKqLjxy19eQVFBKAoCgAFAUAUIAACqAsAWgAAAAABQAACgCgAABQAAx+ZqAAAAAAAAAAAAoAAoAAAKAAACgAAAoAoAAUAFAAUACgAAAFoAAAUAAoCgCooJQFAUAAoCgChAAAVQFgC0AAAAAAKAAAUAUAAAKAAx+ZqAAAAAAAAAAAAFAAFAAABQAAAUAAAFAFAACgAoACgAUAAAAtAAACgAFAUAVFBKAoCgAFAUAUIAACqAsAWgAAAAABQAACgCgAABQAx+ZqAAAAAAAAAAAAAoAAoAAAKAAACgAAAoAoAAUAFAAUACgAAAFoAAAUAAoCgCooJQFAUAAoCgChAAAVQFgC0AAAAAAKAAAUAUAAAKAx+ZqAAAAAAAAAAAAAFAAFAAABQAAAUAAAFAFAACgAoACgAUAAAAtAAACgAFAUAVFBKAoCgAFAUAUIAACqAsAWgAAAAABQAACgCgAABQx+ZqAAAAAAAAAAAAAAoAAoAAAKAAACgAAAoAoAAUAFAAUACgAAAFoAAAUAAoCgCooJQFAUAAoCgChAAAVQFgC0AAAAAAKAAAUAUAAAKx+ZqAAAAAAAAAAAAAAFAAFAAABQAAAUAAAFAFAACgAoACgAUAAAAtAAACgAFAUAVFBKAoCgAFAUAUIAACqAsAWgAAAAABQAACgCgAADH5uoAAAAAAAAAAAAAACgACgAAAoAAAKAAACgCgABQAUABQAKAAAAWgAABQACgKAKiglAUBQACgKAKEAABVAWALQAAAAAAoAABQBQAAMfm6gAAAAAAAAAAAAAABQABQAAAUAAAFAAABQBQAAoAKAAoAFAAAALQAAAoABQFAFRQSgKAoABQFAFCAAAqgLAFoAAAAAAUAAAoAoAAx+bqAAAAAAAAAAAAAAAAoAAoAAAKAAACgAAAoAoAAUAFAAUACgAAAFoAAAUAAoCgCooJQFAUAAoCgChAAAVQFgC0AAAAAAKAAAUAUADH5uoAAAAAAAAAAAAAAAAUAAUAAAFAAABQAAAUAUAAKACgAKABQAAAC0AAAKAAUBQBUUEoCgKAAUBQBQgAAKoCwBaAAAAAAFAAAKAKAMfm6gAAAAAAAAAAAAAAAAKAAKAAACgAAAoAAAKAKAAFABQAFAAoAAABaAAAFAAKAoAqKCUBQFAAKAoAoQAAFUBYAtAAAAAACgAAFAFAx+bqAAAAAAAAAAAAAAAAAFAAFAAABQAAAUAAAFAFAACgAoACgAUAAAAtAAACgAFAUAVFBKAoCgAFAUAUIAACqAsAWgAAAAABQAACgCjH5uoAAAAAAAAAAAAAAAAACgACgAAAoAAAKAAACgCgABQAUABQAKAAAAWgAABQACgKAKiglAUBQACgKAKEAABVAWALQAAAAAAoAABQBf/EACgQAAIBBAEEAgIDAQEAAAAAAAAEAwIFFRYBERIUIBNwEDUGIbAwNP/aAAgBAQABCAD/ABKVlpW5uIoMBcTAXEwNxMDcTBXAwVwMHcDBvmEfGFpVZfjm9ILQ61DTLDgriYK4GDuBg3zCPmEfGFpVJOycggkZmpihwFxMDcTA3EwVwMFcBm2tJx8Vz/SFhlohulFcuRTMimZFMyChkFDIKGQUPPVPPVL5LRM/3R+lldWitMNEmQUMgoZBQyCh56p56pfZaJn+KoizSURXaCuTIpmRTMioZBQyChf2oJ0aKYvpC1J0PPUwyawoawoayqayqa0qa2qa2qa4qa6qXNShJv4oy2K0OvxwSawoawoayoayqa0qa2qa4qa4sa6sXROhJriKMtq1Dj8UEmsKGsqGsqmtKmtqmtqmuKmuqjMfELUsdP0bbXPAcpnNpNpNoNoNnNnNmNmNlLg55zPy/i3teE7HObSbSbQbObObMbKbKbIXB3zmOJfwgz4Tsc5tJtBtBs5sxsxspshPXzMxJL9Hfx79tQdODpwdODpwfyH9n72H9zAdODpwdODpwdODpwXHjjHMetk/cQHTg6cHTg6cHTg6cHTg6cHTgv8A/wC+jp9GW+GdhumhbE3YxN2MVdjFXUksL01XdLrjRrrRrzJrzI2pWnN8UhHJXFXxXHkHDE3YxV2MVdTF3Uxd0GLdcY15K5fRGKWZyOODE3YxN2MVdjFXUxd1MXdDGXQxl0MZcy4QTwT8Us/RlnZiUuFMs2et5nUDOoGcQM4gZtAzaJmkTNIl2Yjac74fznUDOoGcQM4gZtAcu6cqc1FHpa541rjFLLnUDOoGdQM4gZxAzaJmkTNImZSLwzE03TXD9GWdaJq4UxTYK3mDQMGgYRAwiBhUDComGRMMiXZeJZzsh9LXalGbdFLNhEDCIGFRMKiYZEYo4jZlop/FrhjZuMUUuCQMGgYNAwiBhEDComFRMMiYdIu60SrVNEP0Zb5pl26a1stdjK3Uyt1MpdCS+uxVdsuwtGwsmwMmfZG2q3Jvlk9EX34E6KIMpdDKXQyl0MnczJ3MkVallrr5kiriq7ZBKWWFuiuDK3Uyt1MpdTKXQyl0MpdDJ3MydzMlch+eeefipj6MsH7Wg7uDu4O7g68F/wD2P/Ky88YiE7uDu4O7g68HXg68F9/t/j8WX9tAd3B3cHdwd3B3cHdwdeDrwdeC/f29R9G29Tzm6YTWjWjWzWy4J+Cz8Xuir5rlEBrPBrJrZrhrhrprxrxr4+p4U/Ef4SW8tuOE1o1o1w1w10101414mo5hnkj+jrY1Qk7TNJsaxsaxsSxsKxc26HW/lj9rczSo9HNXsaxsaxsSxsKxsKxsCxn1zPrmeXLk3Q4zxJGW9ilR6OavY1jY1jYljYVjYFjYFzPrmfXGJOJWJZKfo2yx0S3KimTwVTwVTwVTwVS9RURP9sftZ6KJbpDRJ4Kp4Kp4Kp4Kp4Sp4Sw6ovQlNVT6WmimS5w0V+CqeCqeCqeCqeEqXteGJOiqP6QXYkVl4khzT5mnzMvGZeJ2JWZO+b2gnkWmplizT5mnzMvGZeMw8Zh0rujctFVFfpDNWvLTLFmnzNPmZeMy8Zh4nfYao4om/wAS3//EADMQAAEDBAAFAgMHBQEBAAAAAAEAAgMEEaLREpGSk+EQICFRcBMiMUFScbFTYoGwsjBh/9oACAEBAAk/AP8ASUt4nn8rgKnzbtU+bdqnzbtU+bdqnzbtU+bdqnzbtQZt2oM27TeF1r2uD7YeJjvwPE3ap827VPm3ap827UGbdqDNu1Bm3aZwute1wfRvE934BU+bdqnzbtU+bdqnzbtU+bdqLgaTa/ED9EXtY2x+LlVQ9YVVD1hVUPWFVQ9YVTD1hVMPWFUw9YVTD1hVMPWE9r28AF2+2eJrhxXBcP1FVUPWFUw9YVTD1hVMPWFUw9YVTF1hPa8cAF2m/wA/Rwa0E3J/Yqqh6wqqHrCqoesKph6wqmHrCmY8iQGzXX/I/REuDSCbtUs3MaUs3MaUs3MaUs3MaUk3MaUk3MaUk3MaUkvMaUkvMIuI4Qfj6Ehr73t/8BKlm5jSlm5jSkm5jSkm5jSkm5jSkm5jSkm5jSkl5jSkl5jSLiC0H73oSGvveylm5jSlm5jSkm5jSkm5jSkm5jSkm5jSkl5hSS8wr2Y8tH+D9DmcdgRa9lR5+FR5+FR5+FSZ+FSZ+FS5+FS5+FS5+FS5+Ezg+AFr39GcfBf7t7XuCFR5+FR5+FR5+FSZ+FSZ+FSZ+FSZ+FS5+FS5+Ezgs3hte/ozj4L/AHb2VHn4VHn4VJn4VJn4VJn4VJn4VJn4VLn4Tbcbi63yufod+lyAQQCAX6B7/wC7/koIIIIIL+m72/M/wUEEEAgPQIIL+mP5P0Nk+zksbOuQq8916rz3XKuPdcq491ynY93zc4lSQ8zpSRczpSRczpSRczpFpda/w9HuY4fg5psVVz9wqvPdcq491yrj3XKuPdcq491yqy5jWkuH2jjce1/BIb2de1lXHuvVee65Vx7rlXHuuVce65Vp7rlWnuuVae65Vp7rlL9o8tuDxE/C5+f0NdwsAKnwdpT4O0p8HaU+DtKfB2lPg7SmwdpTYOU2BTuJvCB7J8HaU+DtKfB2lPg7SnwdpS3c5hAHCfabMbe5/wAFT4O0p8HaU+DtKfB2lPg7SnwdpTYOU2DlNgU7iaGAfL8z9DW8TCCoM3bUGbtqDN21Bm7agzdtQ5u2oc3bUOblDmdpvC3hB9sXE917niPzKgzdtQZu2oM3bUObtqHM7Qs1ryBz9RxMde/JQZu2oM3bUGbtqDN21Bm7agzdtQ5u2ocyocym8LSwE8z9DY/tJLGzbEqhPacqE9pyoj2nKiPacoGMd8nNIUcXI7UcXI7UcXI7TIuR2g0G1vh7aUvjF7O4HH81RHtOVEe05UR7TlRHtOVGe05U0t3Ek2YUxzD8nC3ozjkF7Nte6oT2nKhPacqI9pyoj2nKiPacqI9pyoj2nKjPacqM9tyj+zfw2tYj4fQ39LkUUUV+gf8Al/d/0UUUUUfT9A/k+nzP8FFFFFFFFFFf0x/J+hr+C4Jva6q8PKq8PKqsPKqsPKfx/AG9re9/Bx3+Nr2sLqqw8qqw8qqw8qqw8qqw8qqw8qqw8qqw8qpw8p/Hdt72t6P4OP8ANVeHlVeHlVWHlVWHlVWHlVWHlVWHlVWHlOvwOLb/ADt9DgS0Aj4KOXkNqOXkNqOXkNqOXkNoOA4QPj7wS1t72/YhRy8htRy8htRy8htRy8htRyqOVRy8go5UyRBwHCB8fQEtbe9lHLyCjl5Dajl5BRy8go5eQUcqjl5DajlX4PeXDn9DmNe2x+BVND0BU0XQFTRdAVPF0BMaxvAPgB72hzTe4P7FU0PQFTRdAVPF0BU8XQFTxdAVPF0BQxghhsQ0e1oc03uD+xVND0BU8XQFTxdAVPF0BU8XQFExh4wLtbb8j9EXcLx+drqfBulPg3SnwbpT4N0ncTrWva3vdwvb+BU+DdKfBulPg3SnwbpT4N0p8G6U12uFiOEe13C9v4FT4N0p8G6U+DdKfBulPg3Sk4mg3tYD/SXf/8QAJBEAAgICAgEFAQEBAAAAAAAAAAIBEwMUERIgBBAhMnAwMbD/2gAIAQIBAQgA/wCJTETPxFbFTFTlTlTlLlLlLlLjLKzxPhCNMcxWxU5U5U5U5S4yys8SR8nRjoxWxWxWxKTHzP4hjnhjsp3U7qd1O6ndTup3U7qZ5iX+PDG0Qp2U7qd1O6ndTupnmJb4E/07QdoO0HaDsplmJX8RRe08FKlClClCmuprqa6msprKZUhG4gSO08FMFMFKlMFClClCmuprqZUhJ4gWOZ4KoKoKoKYKVKVKFKFGjiZj8ORus8l5ebBsGwbJsmybRkfu3PsrdZ5Li4vLy82DYNk2TI/eefZZ4nktLi4uLy8vNgmeZ5/DsP28c/388X2jzf6T44/t/L1H2/DUiZniK8hVkKshVlKHn/dZjWc1XNVx0lJ4kieDuxXkK8hVkKshVlGx5IiZnwXmZ+OjlbleQryFeQryFWQqyFWUyKyzw34ZiaFbmbkLkLkL0L8ZfjL8ZsYzYxmd4d+V97kLkLkLkL0HzJKzEeCTENzNqFqFqFyFyFyFyFyF6Gd4ZuY/DMSwzcTShQhQhQhRjNfGa+M18Zr4zOkI/EeGLErLEzShQhQhRjNfGNHDTHukctxNSFSFKFKFKFCFCFCFGMzpCNxH4ZjmYnmLcpblLcpblJ9Q8f7tObTm25tuZMkvPM+CO8LxFuUtyluUtyl2UlHmeSYmPiRJmJ+LMhZkLMhZkLchblLcpblLcplZmnlvwzB9/H1P3/lg+kefqvv7YvvH8vVff8Nxp3bg1TVNU1TKnRuPNF7NwaxrGqapqmoahqGmZsdbceyL2ng1zXNY1jWNU1TUGjrMx+HYnhG5nZU2kNpDaQzPDtzHljbq0TOypsqbKGyhtIbSG2htobaGfJGRuYEbq3M7CmwpsKbKmypsobSG0g88tM/h2CIl+JrQrQrQqQ9SsQ/EeWGIl4ia0K0K0K0KkKkMmNISZ8cUcvBWpWpWpWhWh6lFVPj8QVpWeYvyGxkNjIbGQZ5eeW8laVnmL8hfkL8hsZDYyGxkJz5JjifBZlZ5i9y/IX5C/IX5BsrvHDf8S3//xAAdEQEBAAICAwEAAAAAAAAAAAABAAIgMHAQgLAR/9oACAECAQk/APiVERERERuRERHAdJszMzMzuzMzOjMzPqERERERGhEREREaEREREen7M2U6OjMzMzszMzMzZT0czMzMzOrMzM7MzMzMz0eRERERG5ERGpEREREdHljY2MRERsWNjY2NjDoRERY2NjYx+enrMzwszMzM2U+WZmZmekSI4zwRERxEdIERHCREREbERER0kzM8LMzMzszMzPxLv//EACYRAAICAgEEAgIDAQAAAAAAAAACAQMTFBEEEBIgM3AxMhUhMLD/2gAIAQMBAQgA/wCJS9i1x5Nu0G5SbdJt0m1UbVRs1GzUbFYrw0cx6P1NaT4tt0m3SbVRs1GzUbFYjw8cqO6ovk27QbtBuUm3SbdIlyWTwv0h1iy1UxGCwwWGGww2GFzE5FTmJyKnOniYTifTqana2ZjDYYbDC5FTmJyKnOmiYTiTqllqWiMFpgsIosMNhhsOjrZXmZ+kOotmpPKN+w3rDesN1zcc3HNtzac2XKnl15kvsmuuXjfsN+w3rDdc3HNxzbc2nNpyl5deZL7Jrrlo37DfsN6w3rDdc3HNtzbcSeVifo6+rKniaBoGiaRpGmaZqGqVp4Rx2uryJKH8eaBomiaRpmmahqlaeEcdrq8iSh/HmgaBomkaRpmoLHjER9HdZ8U9o79J8fv1fwyQR61fvHr1fwsQR/h036/RtzKqcvnoM9BnoM1IvU1x+NpDZU2FM6iNDRzBMQ0cThrM9BnoM1JmpMtItlczER6WsqpMtsdOZ6DPQZ6DNSZqTNSZajLUVsrRyv0Z1CS9fiuraatprWGtYa9hgsMDmFzC5UsqvE99W01rTWsNew17BKXhomfS9JeuVXUtNW01bTWsNaw17DA5gcwuUrKrxP0Z1Dyicrs2mzabFhsWGewzuZnMzmVyuZleZ9LrnV5iNiwz2GewzOZnF/Ed72lK5mNq02bTZtNiwz2GewzOZnMzlTS0cz9GWqrLw2CkwUmGkw1EdOk/jXUwKYFMKir4xx62VVs0y2Gow1GKoxVmOshliOCJ57WKrJMNgoMFJgpMNJhqMVRirMdZjrEiIj+vozqvjkiDgiO3T/p/lf8AJPaIIjtEdqv17dR8UkQcER2iCIIgiO1X6/Rtr+C+Rtm0bJslb+cc+9j+CyxuG2bRsmwZzOZjKK3MdrH8FljbNs2jZNg2DOZiJ5j6OtSXXiNVjWY1mNditZVeJ9rUl0lY1HNVjWY12MDGBjDJikxSJHEdrUl0lY1HNVjWY1mNdjAxhYwyRHEfR18zCf1kc83IdjzYpmZX3umYSeMjmRyHY82PNiGYRp59bpmEnjI5kch2PNiHYpmZn6RZYaOJwVmFDChiQhYX+o9mWGjicFZgrMKGFDEhjUhFj1ZYaOJwVmCswoYUMSCoq/j/AIlv/8QAIxEBAQEAAgEDBQEBAAAAAAAAAQACIKFwETCxECExgLBBkf/aAAgBAwEJPwD+JT+LXTa+Z+ZmZmeT95+ZmZn6/i102um18z8zPhEstlstlssMRHIstlhhiOGWy2Wy2WP88JBBBBBERxCCCCCIjiEEEEEER4PfS11atWrVqZnhrq1atWrVqZ4a6tdWrVq1an9Pj1LHRZ6LPRZ6I9jJ/wAs9Fnos9Fnos9WeJ6ljosdFnos9Fnos9WerNmPBxEREREcSIiI5ERERER4PZmZmZnkzMzPFmZmZmfBz6Frstdlru1PtP3tWrUzP1fQtdlrstd2rVqZn9PsxEezmIiIiI4ZsxEREeEH3H3GfCzMz7LMzM82ZmfCZER7JEREcyIiP4l//9k="},1100:(A,o,t)=>{t.d(o,{R:()=>U,x:()=>C});var e=t(758);const g={},s=e.createContext(g);function U(A){const o=e.useContext(s);return e.useMemo((function(){return"function"==typeof A?A(o):{...o,...A}}),[o,A])}function C(A){let o;return o=A.disableParentContext?"function"==typeof A.components?A.components(g):A.components||g:U(A.components),e.createElement(s.Provider,{value:o},A.children)}}}]);
\ No newline at end of file
+"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[2828],{7946:(A,o,t)=>{t.d(o,{Ay:()=>F,RM:()=>U});var e=t(6070),g=t(1100),s=t(5988);const U=[];function C(A){return(0,e.jsx)(s.A,{...A})}function F(A={}){const{wrapper:o}={...(0,g.R)(),...A.components};return o?(0,e.jsx)(o,{...A,children:(0,e.jsx)(C,{...A})}):C(A)}},6572:(A,o,t)=>{t.r(o),t.d(o,{assets:()=>B,contentTitle:()=>C,default:()=>Q,frontMatter:()=>U,metadata:()=>F,toc:()=>K});var e=t(6070),g=t(1100),s=t(7946);t(6783);const U={sidebar_position:1,slug:"/",pagination_next:"get-started/index"},C="\u0414\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u0430\u0446\u0438\u044f",F={id:"intro",title:"\u0414\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u0430\u0446\u0438\u044f",description:"feature-sliced-banner",source:"@site/i18n/ru/docusaurus-plugin-content-docs/current/intro.mdx",sourceDirName:".",slug:"/",permalink:"/ru/docs/",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/ru/docusaurus-plugin-content-docs/current/intro.mdx",tags:[],version:"current",lastUpdatedAt:1728325386e3,sidebarPosition:1,frontMatter:{sidebar_position:1,slug:"/",pagination_next:"get-started/index"},next:{title:"\ud83d\ude80 \u0411\u044b\u0441\u0442\u0440\u044b\u0439 \u0441\u0442\u0430\u0440\u0442",permalink:"/ru/docs/get-started/"}},B={},K=[...s.RM,...s.RM,...s.RM,...s.RM,...s.RM,...s.RM,...s.RM];function n(A){const o={h1:"h1",header:"header",img:"img",p:"p",strong:"strong",...(0,g.R)(),...A.components};return(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)(o.header,{children:(0,e.jsx)(o.h1,{id:"\u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u0430\u0446\u0438\u044f",children:"\u0414\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u0430\u0446\u0438\u044f"})}),"\n",(0,e.jsx)(o.p,{children:(0,e.jsx)(o.img,{alt:"feature-sliced-banner",src:t(1589).A+"",width:"1400",height:"320"})}),"\n",(0,e.jsxs)(o.p,{children:[(0,e.jsx)(o.strong,{children:"Feature-Sliced Design"})," (FSD) \u2014 \u044d\u0442\u043e \u0430\u0440\u0445\u0438\u0442\u0435\u043a\u0442\u0443\u0440\u043d\u0430\u044f \u043c\u0435\u0442\u043e\u0434\u043e\u043b\u043e\u0433\u0438\u044f \u0434\u043b\u044f \u043f\u0440\u043e\u0435\u043a\u0442\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u044f frontend-\u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0439. \u041f\u0440\u043e\u0449\u0435 \u0433\u043e\u0432\u043e\u0440\u044f, \u044d\u0442\u043e \u0441\u0432\u043e\u0434 \u043f\u0440\u0430\u0432\u0438\u043b \u0438 \u0441\u043e\u0433\u043b\u0430\u0448\u0435\u043d\u0438\u0439 \u043f\u043e \u043e\u0440\u0433\u0430\u043d\u0438\u0437\u0430\u0446\u0438\u0438 \u043a\u043e\u0434\u0430. \u0413\u043b\u0430\u0432\u043d\u0430\u044f \u0446\u0435\u043b\u044c \u043c\u0435\u0442\u043e\u0434\u043e\u043b\u043e\u0433\u0438\u0438 \u2014 \u0441\u0434\u0435\u043b\u0430\u0442\u044c \u043f\u0440\u043e\u0435\u043a\u0442 \u043f\u043e\u043d\u044f\u0442\u043d\u044b\u043c \u0438 \u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u044b\u043c, \u043e\u0441\u043e\u0431\u0435\u043d\u043d\u043e \u0432 \u0443\u0441\u043b\u043e\u0432\u0438\u044f\u0445 \u0440\u0435\u0433\u0443\u043b\u044f\u0440\u043d\u043e\u0433\u043e \u0438\u0437\u043c\u0435\u043d\u0435\u043d\u0438\u044f \u0442\u0440\u0435\u0431\u043e\u0432\u0430\u043d\u0438\u0439 \u0431\u0438\u0437\u043d\u0435\u0441\u0430."]}),"\n","\n",(0,e.jsx)(s.Ay,{theme:"primary",Icon:"\ud83c\udf70",title:"\u041d\u043e\u0432\u0438\u0447\u043e\u043a \u0432 FSD?",description:"\u0418\u0437\u0443\u0447\u0438\u0442\u0435 \u043e\u0441\u043d\u043e\u0432\u044b \u0438 \u043a\u0440\u0430\u0442\u043a\u0438\u0439 \u043e\u0431\u0437\u043e\u0440 \u043c\u0435\u0442\u043e\u0434\u043e\u043b\u043e\u0433\u0438\u0438",to:"/docs/get-started/overview"}),"\n",(0,e.jsx)("br",{}),"\n",(0,e.jsx)(s.Ay,{theme:"mini",title:"\ud83d\ude80 \u0411\u044b\u0441\u0442\u0440\u044b\u0439 \u0441\u0442\u0430\u0440\u0442",description:"\u0422\u0443\u0440 \u043f\u043e \u043e\u0441\u043d\u043e\u0432\u043d\u044b\u043c \u043f\u043e\u043d\u044f\u0442\u0438\u044f\u043c \u0438 \u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u0435, \u0430 \u0442\u0430\u043a\u0436\u0435 \u043f\u043e\u0434\u0440\u043e\u0431\u043d\u044b\u0439 \u0440\u0430\u0437\u0431\u043e\u0440 \u043f\u0440\u043e\u0435\u043a\u0442\u0430 \u043d\u0430 React",to:"/docs/get-started",tags:["\u041e\u0441\u043d\u043e\u0432\u044b","\u0422\u0443\u0442\u043e\u0440\u0438\u0430\u043b","\u041c\u043e\u0442\u0438\u0432\u0430\u0446\u0438\u044f"]}),"\n",(0,e.jsx)(s.Ay,{theme:"mini",title:"\ud83c\udfaf \u0413\u0430\u0439\u0434\u044b",description:"\u041f\u0440\u0430\u043a\u0442\u0438\u0447\u0435\u0441\u043a\u0438\u0435 \u0433\u0430\u0439\u0434\u044b \u0438 \u043f\u0440\u0438\u043c\u0435\u0440\u044b \u043f\u043e \u043f\u0440\u0438\u043c\u0435\u043d\u0435\u043d\u0438\u044e Feature-Sliced Design",to:"/docs/guides",tags:["v1","\u041b\u0435\u0433\u0430\u0441\u0438","\u041f\u0440\u0438\u043c\u0435\u0440\u044b"]}),"\n",(0,e.jsx)(s.Ay,{theme:"mini",title:"\ud83d\udcda \u0421\u043f\u0440\u0430\u0432\u043e\u0447\u043d\u0438\u043a",description:"\u0421\u043f\u0440\u0430\u0432\u043e\u0447\u043d\u0430\u044f \u0438\u043d\u0444\u043e\u0440\u043c\u0430\u0446\u0438\u044f \u043f\u043e \u043a\u043b\u044e\u0447\u0435\u0432\u044b\u043c \u043f\u043e\u043d\u044f\u0442\u0438\u044f\u043c \u0438 \u043a\u043e\u043d\u0446\u0435\u043f\u0446\u0438\u044f\u043c (\u0434\u043b\u044f \u0431\u043e\u043b\u0435\u0435 \u044d\u0444\u0444\u0435\u043a\u0442\u0438\u0432\u043d\u043e\u0433\u043e \u043f\u0440\u0438\u043c\u0435\u043d\u0435\u043d\u0438\u044f \u043d\u0430 \u043f\u0440\u0430\u043a\u0442\u0438\u043a\u0435)",to:"/docs/reference",tags:["\u042e\u043d\u0438\u0442\u044b","\u0418\u0437\u043e\u043b\u044f\u0446\u0438\u044f","Public API"]}),"\n",(0,e.jsx)(s.Ay,{theme:"mini",title:"\ud83c\udf70 \u041e \u043c\u0435\u0442\u043e\u0434\u043e\u043b\u043e\u0433\u0438\u0438",description:"\u0424\u0438\u043b\u043e\u0441\u043e\u0444\u0438\u044f \u043c\u0435\u0442\u043e\u0434\u043e\u043b\u043e\u0433\u0438\u0438, \u0435\u0435 \u0446\u0435\u043b\u0438 \u0438 \u043c\u0435\u0441\u0442\u043e \u0432 \u0441\u043e\u0432\u0440\u0435\u043c\u0435\u043d\u043d\u043e\u043c \u0444\u0440\u043e\u043d\u0442\u0435\u043d\u0434\u0435",to:"/docs/about",tags:["\u041c\u0438\u0441\u0441\u0438\u044f","\u041f\u0440\u043e\u0434\u0432\u0438\u0436\u0435\u043d\u0438\u0435 & \u0418\u043d\u0442\u0435\u0433\u0440\u0430\u0446\u0438\u044f"]}),"\n",(0,e.jsx)(s.Ay,{theme:"mini",title:"\ud83d\udcab \u0421\u043e\u043e\u0431\u0449\u0435\u0441\u0442\u0432\u043e",description:"\u0420\u0435\u0441\u0443\u0440\u0441\u044b \u0438 \u0434\u043e\u043f\u043e\u043b\u043d\u0438\u0442\u0435\u043b\u044c\u043d\u044b\u0435 \u043c\u0430\u0442\u0435\u0440\u0438\u0430\u043b\u044b, \u043f\u0440\u0435\u0434\u043e\u0441\u0442\u0430\u0432\u043b\u0435\u043d\u043d\u044b\u0435 \u0441\u043e\u043e\u0431\u0449\u0435\u0441\u0442\u0432\u043e\u043c",to:"/community",tags:["Awesome","\u041a\u043e\u043c\u0430\u043d\u0434\u0430","\u0423\u0447\u0430\u0441\u0442\u0438\u0435 \u0432 \u043f\u0440\u043e\u0435\u043a\u0442\u0435"]}),"\n",(0,e.jsx)(s.Ay,{theme:"mini",title:"\ud83d\udee0 \u041f\u0440\u0438\u043c\u0435\u0440\u044b",description:"\u041f\u0440\u0438\u043c\u0435\u0440\u044b \u043f\u0440\u043e\u0435\u043a\u0442\u043e\u0432, \u0441\u043f\u0440\u043e\u0435\u043a\u0442\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u044b\u0445 \u043f\u043e Feature-Sliced Design",to:"/examples"})]})}function Q(A={}){const{wrapper:o}={...(0,g.R)(),...A.components};return o?(0,e.jsx)(o,{...A,children:(0,e.jsx)(n,{...A})}):n(A)}},5988:(A,o,t)=>{t.d(o,{Y:()=>C,A:()=>B});t(758);var e=t(3526),g=t(6783);const s={root:"root_GfON",rootDisabled:"rootDisabled_SFUB",details:"details_xxkR",detailsTags:"detailsTags_uTQx",icon:"icon_ciqP",title:"title_pSH5",description:"description__Fep",miniTheme:"miniTheme_ePfp",primaryTheme:"primaryTheme_CilO",defaultTheme:"defaultTheme_j3I8"};var U=t(6070);const C=A=>{const{title:o,description:t,to:C,Icon:B,tags:K,className:n,disabled:Q,theme:i="default"}=A;return(0,U.jsxs)(g.A,{className:(0,e.A)(s.root,n,Q&&s.rootDisabled,s[`${i}Theme`]),to:C,children:[(0,U.jsx)(F,{Icon:B}),(0,U.jsxs)("div",{className:s.details,children:[(0,U.jsxs)("div",{className:s.detailsMain,children:[(0,U.jsx)("span",{className:s.title,children:o}),(0,U.jsx)("p",{className:s.description,children:t})]}),K&&(0,U.jsx)("div",{className:s.detailsTags,children:K.join(" \u2022 ")})]})]})},F=A=>{let{Icon:o}=A;return o?"string"==typeof o?(0,U.jsx)("span",{className:s.icon,children:o}):(0,U.jsx)(o,{className:s.icon}):null},B=C},1589:(A,o,t)=>{t.d(o,{A:()=>e});const e="data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAoHBwkHBgoJCAkLCwoMDxkQDw4ODx4WFxIZJCAmJSMgIyIoLTkwKCo2KyIjMkQyNjs9QEBAJjBGS0U+Sjk/QD3/2wBDAQsLCw8NDx0QEB09KSMpPT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT3/wgARCAFABXgDAREAAhEBAxEB/8QAGgABAQADAQEAAAAAAAAAAAAAAAEDBAUGAv/EABkBAQEAAwEAAAAAAAAAAAAAAAABAgMEBf/aAAwDAQACEAMQAAAA8V0+cAoAAAKAAACgAAAoAoAAUAFAAUACgAAAFoAAAUAAoCgCooJQFAUAAoCgChAAAVQFgC0AAAAAAKAAAUAUAAAKAAAAAAAAAAAAAAAHx5moAKAAACgAAAoAAAKAKAAFABQAFAAoAAABaAAAFAAKAoAqKCUBQFAAKAoAoQAAFUBYAtAAAAAACgAAFAFAAACgAAAAAAAAAAAAAAPjzNQACgAAAoAAAKAAACgCgABQAUABQAKAAAAWgAABQACgKAKiglAUBQACgKAKEAABVAWALQAAAAAAoAABQBQAAAoAAAAAAAAAAAAAAY/M1UAAUAAAFAAABQAAAUAUAAKACgAKABQAAAC0AAAKAAUBQBUUEoCgKAAUBQBQgAAKoCwBaAAAAAAFAAAKAKAAAFAAAAAAAAAAAAAAY/M1CgACgAAAoAAAKAAACgCgABQAUABQAKAAAAWgAABQACgKAKiglAUBQACgKAKEAABVAWALQAAAAAAoAABQBQAAAoAAAAAAAAAAAAAY/M1AUAAUAAAFAAABQAAAUAUAAKACgAKABQAAAC0AAAKAAUBQBUUEoCgKAAUBQBQgAAKoCwBaAAAAAAFAAAKAKAAAFAAAAAAAAAAAAAY/M1ACgACgAAAoAAAKAAACgCgABQAUABQAKAAAAWgAABQACgKAKiglAUBQACgKAKEAABVAWALQAAAAAAoAABQBQAAAoAAAAAAAAAAAAY/M1AAUAAUAAAFAAABQAAAUAUAAKACgAKABQAAAC0AAAKAAUBQBUUEoCgKAAUBQBQgAAKoCwBaAAAAAAFAAAKAKAAAFAAAAAAAAAAAAY/M1AACgACgAAAoAAAKAAACgCgABQAUABQAKAAAAWgAABQACgKAKiglAUBQACgKAKEAABVAWALQAAAAAAoAABQBQAAAoAAAAAAAAAAAY/M1AAAUAAUAAAFAAABQAAAUAUAAKACgAKABQAAAC0AAAKAAUBQBUUEoCgKAAUBQBQgAAKoCwBaAAAAAAFAAAKAKAAAFAAAAAAAAAAAY/M1AAACgACgAAAoAAAKAAACgCgABQAUABQAKAAAAWgAABQACgKAKiglAUBQACgKAKEAABVAWALQAAAAAAoAABQBQAAAoAAAAAAAAAAY/M1AAAAUAAUAAAFAAABQAAAUAUAAKACgAKABQAAAC0AAAKAAUBQBUUEoCgKAAUBQBQgAAKoCwBaAAAAAAFAAAKAKAAAFAAAAAAAAAAY/M1AAAACgACgAAAoAAAKAAACgCgABQAUABQAKAAAAWgAABQACgKAKiglAUBQACgKAKEAABVAWALQAAAAAAoAABQBQAAAoAAAAAAAAAY/M1AAAAAUAAUAAAFAAABQAAAUAUAAKACgAKABQAAAy3Dcz0iWhaIoVq4bcWOQCtzLRksUVRYauGzFMslx3sueKULcMz1cdoCgKAKEAABVAWALQAAAAAAoAABQBQAAAoAAAAAAAADH5moAAAAAUAAUAAAFAAABQAAAUAUAAKACgAKABQAAHR2cvqunyIylsuUuUtjKWy3zvJ387TvAHq+ryN3PTLlLZcpbGXnuXu5uro3sub1u/xZcpbLlGXKw6/Pc/ogBQFAFCAAAqgLAFoAAAAAAUAAAoAoAAAUAAAAAAAAMfmagAAAAAKAAKAAACgAAAoAAAKAKAAFABQAFAAoAAbmeju7+CKtlsVcostW8fm6dPXt2stPf3edLYq5S0stlpeRo6tLXt2rp7+7zVsWXJbFlpfP83djmQUBQBQgAAKoCwBaAAAAAAFAAAKAKAAAFAAAAAAAAY/M1AAAAAACgACgAAAoAAAKAAACgCgABQAUABQAKAA2stXY3cS2LLYq2LLS8zRv1dezZy1dndwy0stLLSy2LzdPRq4Z57r7W3gLLVsVbFW8Xn68cyAUBQBQgAAKoCwBaAAAAAAFAAAKAKAAAFAAAAAAADH5moAAAAAACgACgAAAoAAAKAAACgCgABQAUABQAKAHT28vrevyJcpbLl5bj9Tl6ekAAdDZzew6/GlylsuUuUt1cd3jvP8AUoBvZ8/serxZcpbLlLlLZcpcpcvOcfdy9G8BQFAFCAAAqgLAFoAAAAAAUAAAoAoAAAUAAAAAABj8zUAAAAAAAKAAKAAACgAAAoAAAKAKAAFABQAFAAoDZy1dffyFlpcMz+GQlpdHTtwYZfVma4djfxy0sti45lxufqFBny19ndxRlKLLSy0st52nfq68wAoCgChAAAVQFgC0AAAAAAKAAAUAUAAAKAAAAAAGPzNQAAAAAAAFAAFAAABQAAAUAAAFAFAACgAoACgAUN7Zo9D0+fLZciy2XKWxZcuJx9Olp2Aeu7vIjJbLYywTPzfF3AU28tXo+nzJclsWWy5S0ylvG5enQ1bQAFAUAUIAACqAsAWgAAAAABQAACgCgAABQAAAAAGPzNQAAAAAAAAoAAoAAAKAAACgAAAoAoAAUAFAAUACt7Zo9B1cEuRZbLlFlq5S3icXRpadgA9D18G3s1y5S2WmXmuDrxzIbeer0fT5y2LLlLYq5S2W8bl6dHRsUAAoCgChAAAVQFgC0AAAAAAKAAAUAUAAAKAAAAAGPzNQAAAAAAAAFAAFAAABQAAAUAAAFAFAACgAoACgA2c9fW6OUsti4pl8TILZbpaNmDDIAdfo5c2eJZathzefdgxy+Zc+WHY3ca2Ktiy0stW87Rt1tWYUAAoCgChAAAVQFgC0AAAAAAKAAAUAUAAAKAAAAAx+ZqAAAAAAAAAFAAFAAABQAAAUAAAFAFAACgAoACgHS3c/qu/zZbLlLl5ng7uZz7wAtAA9X6Hm727XLlLYy+blLl57z+nm8+ze2aPXdvly2XKXKXKWxl83KXLgcPTzObaAoABQFAFCAAAqgLAFoAAAAAAUAAAoAoAAAUAAAAMfmagAAAAAAAAAKAAKAAACgAAAoAAAKAKAAFABQAFBs56+t080VbF5nPv1deYAC3Yy19bo5lolpZatirebzbNbVlnzw7G/klyKqWxZaXkcm/4gFAUAAoCgChAAAVQFgC0AAAAAAKAAAUAUAAAKAAAAx+ZqAAAAAAAAAAFAAFAAABQAAAUAAAFAFAACgAoACm3s1dnq5VsWW8jl6NTVsAAGzsw7fTxrZaZS2WxVst5fJt1NOWxnr7vTxy5RVstirZbw+Lox4qAoCgAFAUAUIAACqAsAWgAAAAABQAACgCgAABQAAAx+ZqAAAAAAAAAAAoAAoAAAKAAACgAAAoAoAAUAFAAdDdp9J3cMuUtly8/wdXP0bQABu7dXpu/hiy5S2XKW4MM/MeX1KA3Nmr0/dwS2MpbLlzdG7h8XQqKCUBQFAAKAoAoQAAFUBYAtAAAAAACgAAFAFAAACgAAMfmagAAAAAAAAAABQABQAAAUAAAFAAABQBQAAoAKAGXLHa2YBRdXXnjxoAAyWbW3WFoiq+ZdTTmFD7uO3s1qKqLjxy19eQVFBKAoCgAFAUAUIAACqAsAWgAAAAABQAACgCgAABQAAx+ZqAAAAAAAAAAAAoAAoAAAKAAACgAAAoAoAAUAFAAUACgAAAFoAAAUAAoCgCooJQFAUAAoCgChAAAVQFgC0AAAAAAKAAAUAUAAAKAAx+ZqAAAAAAAAAAAAFAAFAAABQAAAUAAAFAFAACgAoACgAUAAAAtAAACgAFAUAVFBKAoCgAFAUAUIAACqAsAWgAAAAABQAACgCgAABQAx+ZqAAAAAAAAAAAAAoAAoAAAKAAACgAAAoAoAAUAFAAUACgAAAFoAAAUAAoCgCooJQFAUAAoCgChAAAVQFgC0AAAAAAKAAAUAUAAAKAx+ZqAAAAAAAAAAAAAFAAFAAABQAAAUAAAFAFAACgAoACgAUAAAAtAAACgAFAUAVFBKAoCgAFAUAUIAACqAsAWgAAAAABQAACgCgAABQx+ZqAAAAAAAAAAAAAAoAAoAAAKAAACgAAAoAoAAUAFAAUACgAAAFoAAAUAAoCgCooJQFAUAAoCgChAAAVQFgC0AAAAAAKAAAUAUAAAKx+ZqAAAAAAAAAAAAAAFAAFAAABQAAAUAAAFAFAACgAoACgAUAAAAtAAACgAFAUAVFBKAoCgAFAUAUIAACqAsAWgAAAAABQAACgCgAADH5uoAAAAAAAAAAAAAACgACgAAAoAAAKAAACgCgABQAUABQAKAAAAWgAABQACgKAKiglAUBQACgKAKEAABVAWALQAAAAAAoAABQBQAAMfm6gAAAAAAAAAAAAAABQABQAAAUAAAFAAABQBQAAoAKAAoAFAAAALQAAAoABQFAFRQSgKAoABQFAFCAAAqgLAFoAAAAAAUAAAoAoAAx+bqAAAAAAAAAAAAAAAAoAAoAAAKAAACgAAAoAoAAUAFAAUACgAAAFoAAAUAAoCgCooJQFAUAAoCgChAAAVQFgC0AAAAAAKAAAUAUADH5uoAAAAAAAAAAAAAAAAUAAUAAAFAAABQAAAUAUAAKACgAKABQAAAC0AAAKAAUBQBUUEoCgKAAUBQBQgAAKoCwBaAAAAAAFAAAKAKAMfm6gAAAAAAAAAAAAAAAAKAAKAAACgAAAoAAAKAKAAFABQAFAAoAAABaAAAFAAKAoAqKCUBQFAAKAoAoQAAFUBYAtAAAAAACgAAFAFAx+bqAAAAAAAAAAAAAAAAAFAAFAAABQAAAUAAAFAFAACgAoACgAUAAAAtAAACgAFAUAVFBKAoCgAFAUAUIAACqAsAWgAAAAABQAACgCjH5uoAAAAAAAAAAAAAAAAACgACgAAAoAAAKAAACgCgABQAUABQAKAAAAWgAABQACgKAKiglAUBQACgKAKEAABVAWALQAAAAAAoAABQBf/EACgQAAIBBAEEAgIDAQEAAAAAAAAEAwIFFRYBERIUIBNwEDUGIbAwNP/aAAgBAQABCAD/ABKVlpW5uIoMBcTAXEwNxMDcTBXAwVwMHcDBvmEfGFpVZfjm9ILQ61DTLDgriYK4GDuBg3zCPmEfGFpVJOycggkZmpihwFxMDcTA3EwVwMFcBm2tJx8Vz/SFhlohulFcuRTMimZFMyChkFDIKGQUPPVPPVL5LRM/3R+lldWitMNEmQUMgoZBQyCh56p56pfZaJn+KoizSURXaCuTIpmRTMioZBQyChf2oJ0aKYvpC1J0PPUwyawoawoayqayqa0qa2qa2qa4qa6qXNShJv4oy2K0OvxwSawoawoayoayqa0qa2qa4qa4sa6sXROhJriKMtq1Dj8UEmsKGsqGsqmtKmtqmtqmuKmuqjMfELUsdP0bbXPAcpnNpNpNoNoNnNnNmNmNlLg55zPy/i3teE7HObSbSbQbObObMbKbKbIXB3zmOJfwgz4Tsc5tJtBtBs5sxsxspshPXzMxJL9Hfx79tQdODpwdODpwfyH9n72H9zAdODpwdODpwdODpwXHjjHMetk/cQHTg6cHTg6cHTg6cHTg6cHTgv8A/wC+jp9GW+GdhumhbE3YxN2MVdjFXUksL01XdLrjRrrRrzJrzI2pWnN8UhHJXFXxXHkHDE3YxV2MVdTF3Uxd0GLdcY15K5fRGKWZyOODE3YxN2MVdjFXUxd1MXdDGXQxl0MZcy4QTwT8Us/RlnZiUuFMs2et5nUDOoGcQM4gZtAzaJmkTNIl2Yjac74fznUDOoGcQM4gZtAcu6cqc1FHpa541rjFLLnUDOoGdQM4gZxAzaJmkTNImZSLwzE03TXD9GWdaJq4UxTYK3mDQMGgYRAwiBhUDComGRMMiXZeJZzsh9LXalGbdFLNhEDCIGFRMKiYZEYo4jZlop/FrhjZuMUUuCQMGgYNAwiBhEDComFRMMiYdIu60SrVNEP0Zb5pl26a1stdjK3Uyt1MpdCS+uxVdsuwtGwsmwMmfZG2q3Jvlk9EX34E6KIMpdDKXQyl0MnczJ3MkVallrr5kiriq7ZBKWWFuiuDK3Uyt1MpdTKXQyl0MpdDJ3MydzMlch+eeefipj6MsH7Wg7uDu4O7g68F/wD2P/Ky88YiE7uDu4O7g68HXg68F9/t/j8WX9tAd3B3cHdwd3B3cHdwdeDrwdeC/f29R9G29Tzm6YTWjWjWzWy4J+Cz8Xuir5rlEBrPBrJrZrhrhrprxrxr4+p4U/Ef4SW8tuOE1o1o1w1w10101414mo5hnkj+jrY1Qk7TNJsaxsaxsSxsKxc26HW/lj9rczSo9HNXsaxsaxsSxsKxsKxsCxn1zPrmeXLk3Q4zxJGW9ilR6OavY1jY1jYljYVjYFjYFzPrmfXGJOJWJZKfo2yx0S3KimTwVTwVTwVTwVS9RURP9sftZ6KJbpDRJ4Kp4Kp4Kp4Kp4Sp4Sw6ovQlNVT6WmimS5w0V+CqeCqeCqeCqeEqXteGJOiqP6QXYkVl4khzT5mnzMvGZeJ2JWZO+b2gnkWmplizT5mnzMvGZeMw8Zh0rujctFVFfpDNWvLTLFmnzNPmZeMy8Zh4nfYao4om/wAS3//EADMQAAEDBAAFAgMHBQEBAAAAAAEAAgMEEaLREpGSk+EQICFRcBMiMUFScbFTYoGwsjBh/9oACAEBAAk/AP8ASUt4nn8rgKnzbtU+bdqnzbtU+bdqnzbtU+bdqnzbtQZt2oM27TeF1r2uD7YeJjvwPE3ap827VPm3ap827UGbdqDNu1Bm3aZwute1wfRvE934BU+bdqnzbtU+bdqnzbtU+bdqLgaTa/ED9EXtY2x+LlVQ9YVVD1hVUPWFVQ9YVTD1hVMPWFUw9YVTD1hVMPWE9r28AF2+2eJrhxXBcP1FVUPWFUw9YVTD1hVMPWFUw9YVTF1hPa8cAF2m/wA/Rwa0E3J/Yqqh6wqqHrCqoesKph6wqmHrCmY8iQGzXX/I/REuDSCbtUs3MaUs3MaUs3MaUs3MaUk3MaUk3MaUk3MaUkvMaUkvMIuI4Qfj6Ehr73t/8BKlm5jSlm5jSkm5jSkm5jSkm5jSkm5jSkm5jSkl5jSkl5jSLiC0H73oSGvveylm5jSlm5jSkm5jSkm5jSkm5jSkm5jSkl5hSS8wr2Y8tH+D9DmcdgRa9lR5+FR5+FR5+FSZ+FSZ+FS5+FS5+FS5+FS5+Ezg+AFr39GcfBf7t7XuCFR5+FR5+FR5+FSZ+FSZ+FSZ+FSZ+FS5+FS5+Ezgs3hte/ozj4L/AHb2VHn4VHn4VJn4VJn4VJn4VJn4VJn4VLn4Tbcbi63yufod+lyAQQCAX6B7/wC7/koIIIIIL+m72/M/wUEEEAgPQIIL+mP5P0Nk+zksbOuQq8916rz3XKuPdcq491ynY93zc4lSQ8zpSRczpSRczpSRczpFpda/w9HuY4fg5psVVz9wqvPdcq491yrj3XKuPdcq491yqy5jWkuH2jjce1/BIb2de1lXHuvVee65Vx7rlXHuuVce65Vp7rlWnuuVae65Vp7rlL9o8tuDxE/C5+f0NdwsAKnwdpT4O0p8HaU+DtKfB2lPg7SmwdpTYOU2BTuJvCB7J8HaU+DtKfB2lPg7SnwdpS3c5hAHCfabMbe5/wAFT4O0p8HaU+DtKfB2lPg7SnwdpTYOU2DlNgU7iaGAfL8z9DW8TCCoM3bUGbtqDN21Bm7agzdtQ5u2oc3bUOblDmdpvC3hB9sXE917niPzKgzdtQZu2oM3bUObtqHM7Qs1ryBz9RxMde/JQZu2oM3bUGbtqDN21Bm7agzdtQ5u2ocyocym8LSwE8z9DY/tJLGzbEqhPacqE9pyoj2nKiPacoGMd8nNIUcXI7UcXI7UcXI7TIuR2g0G1vh7aUvjF7O4HH81RHtOVEe05UR7TlRHtOVGe05U0t3Ek2YUxzD8nC3ozjkF7Nte6oT2nKhPacqI9pyoj2nKiPacqI9pyoj2nKjPacqM9tyj+zfw2tYj4fQ39LkUUUV+gf8Al/d/0UUUUUfT9A/k+nzP8FFFFFFFFFFf0x/J+hr+C4Jva6q8PKq8PKqsPKqsPKfx/AG9re9/Bx3+Nr2sLqqw8qqw8qqw8qqw8qqw8qqw8qqw8qqw8qpw8p/Hdt72t6P4OP8ANVeHlVeHlVWHlVWHlVWHlVWHlVWHlVWHlOvwOLb/ADt9DgS0Aj4KOXkNqOXkNqOXkNqOXkNoOA4QPj7wS1t72/YhRy8htRy8htRy8htRy8htRyqOVRy8go5UyRBwHCB8fQEtbe9lHLyCjl5Dajl5BRy8go5eQUcqjl5DajlX4PeXDn9DmNe2x+BVND0BU0XQFTRdAVPF0BMaxvAPgB72hzTe4P7FU0PQFTRdAVPF0BU8XQFTxdAVPF0BQxghhsQ0e1oc03uD+xVND0BU8XQFTxdAVPF0BU8XQFExh4wLtbb8j9EXcLx+drqfBulPg3SnwbpT4N0ncTrWva3vdwvb+BU+DdKfBulPg3SnwbpT4N0p8G6U12uFiOEe13C9v4FT4N0p8G6U+DdKfBulPg3Sk4mg3tYD/SXf/8QAJBEAAgICAgEFAQEBAAAAAAAAAAIBEwMUERIgBBAhMnAwMbD/2gAIAQIBAQgA/wCJTETPxFbFTFTlTlTlLlLlLlLjLKzxPhCNMcxWxU5U5U5U5S4yys8SR8nRjoxWxWxWxKTHzP4hjnhjsp3U7qd1O6ndTup3U7qZ5iX+PDG0Qp2U7qd1O6ndTupnmJb4E/07QdoO0HaDsplmJX8RRe08FKlClClCmuprqa6msprKZUhG4gSO08FMFMFKlMFClClCmuprqZUhJ4gWOZ4KoKoKoKYKVKVKFKFGjiZj8ORus8l5ebBsGwbJsmybRkfu3PsrdZ5Li4vLy82DYNk2TI/eefZZ4nktLi4uLy8vNgmeZ5/DsP28c/388X2jzf6T44/t/L1H2/DUiZniK8hVkKshVlKHn/dZjWc1XNVx0lJ4kieDuxXkK8hVkKshVlGx5IiZnwXmZ+OjlbleQryFeQryFWQqyFWUyKyzw34ZiaFbmbkLkLkL0L8ZfjL8ZsYzYxmd4d+V97kLkLkLkL0HzJKzEeCTENzNqFqFqFyFyFyFyFyF6Gd4ZuY/DMSwzcTShQhQhQhRjNfGa+M18Zr4zOkI/EeGLErLEzShQhQhRjNfGNHDTHukctxNSFSFKFKFKFCFCFCFGMzpCNxH4ZjmYnmLcpblLcpblJ9Q8f7tObTm25tuZMkvPM+CO8LxFuUtyluUtyl2UlHmeSYmPiRJmJ+LMhZkLMhZkLchblLcpblLcplZmnlvwzB9/H1P3/lg+kefqvv7YvvH8vVff8Nxp3bg1TVNU1TKnRuPNF7NwaxrGqapqmoahqGmZsdbceyL2ng1zXNY1jWNU1TUGjrMx+HYnhG5nZU2kNpDaQzPDtzHljbq0TOypsqbKGyhtIbSG2htobaGfJGRuYEbq3M7CmwpsKbKmypsobSG0g88tM/h2CIl+JrQrQrQqQ9SsQ/EeWGIl4ia0K0K0K0KkKkMmNISZ8cUcvBWpWpWpWhWh6lFVPj8QVpWeYvyGxkNjIbGQZ5eeW8laVnmL8hfkL8hsZDYyGxkJz5JjifBZlZ5i9y/IX5C/IX5BsrvHDf8S3//xAAdEQEBAAICAwEAAAAAAAAAAAABAAIgMHAQgLAR/9oACAECAQk/APiVERERERuRERHAdJszMzMzuzMzOjMzPqERERERGhEREREaEREREen7M2U6OjMzMzszMzMzZT0czMzMzOrMzM7MzMzMz0eRERERG5ERGpEREREdHljY2MRERsWNjY2NjDoRERY2NjYx+enrMzwszMzM2U+WZmZmekSI4zwRERxEdIERHCREREbERER0kzM8LMzMzszMzPxLv//EACYRAAICAgEEAgIDAQAAAAAAAAACAQMTFBEEEBIgM3AxMhUhMLD/2gAIAQMBAQgA/wCJS9i1x5Nu0G5SbdJt0m1UbVRs1GzUbFYrw0cx6P1NaT4tt0m3SbVRs1GzUbFYjw8cqO6ovk27QbtBuUm3SbdIlyWTwv0h1iy1UxGCwwWGGww2GFzE5FTmJyKnOniYTifTqana2ZjDYYbDC5FTmJyKnOmiYTiTqllqWiMFpgsIosMNhhsOjrZXmZ+kOotmpPKN+w3rDesN1zcc3HNtzac2XKnl15kvsmuuXjfsN+w3rDdc3HNxzbc2nNpyl5deZL7Jrrlo37DfsN6w3rDdc3HNtzbcSeVifo6+rKniaBoGiaRpGmaZqGqVp4Rx2uryJKH8eaBomiaRpmmahqlaeEcdrq8iSh/HmgaBomkaRpmoLHjER9HdZ8U9o79J8fv1fwyQR61fvHr1fwsQR/h036/RtzKqcvnoM9BnoM1IvU1x+NpDZU2FM6iNDRzBMQ0cThrM9BnoM1JmpMtItlczER6WsqpMtsdOZ6DPQZ6DNSZqTNSZajLUVsrRyv0Z1CS9fiuraatprWGtYa9hgsMDmFzC5UsqvE99W01rTWsNew17BKXhomfS9JeuVXUtNW01bTWsNaw17DA5gcwuUrKrxP0Z1Dyicrs2mzabFhsWGewzuZnMzmVyuZleZ9LrnV5iNiwz2GewzOZnF/Ed72lK5mNq02bTZtNiwz2GewzOZnMzlTS0cz9GWqrLw2CkwUmGkw1EdOk/jXUwKYFMKir4xx62VVs0y2Gow1GKoxVmOshliOCJ57WKrJMNgoMFJgpMNJhqMVRirMdZjrEiIj+vozqvjkiDgiO3T/p/lf8AJPaIIjtEdqv17dR8UkQcER2iCIIgiO1X6/Rtr+C+Rtm0bJslb+cc+9j+CyxuG2bRsmwZzOZjKK3MdrH8FljbNs2jZNg2DOZiJ5j6OtSXXiNVjWY1mNditZVeJ9rUl0lY1HNVjWY12MDGBjDJikxSJHEdrUl0lY1HNVjWY1mNdjAxhYwyRHEfR18zCf1kc83IdjzYpmZX3umYSeMjmRyHY82PNiGYRp59bpmEnjI5kch2PNiHYpmZn6RZYaOJwVmFDChiQhYX+o9mWGjicFZgrMKGFDEhjUhFj1ZYaOJwVmCswoYUMSCoq/j/AIlv/8QAIxEBAQEAAgEDBQEBAAAAAAAAAQACIKFwETCxECExgLBBkf/aAAgBAwEJPwD+JT+LXTa+Z+ZmZmeT95+ZmZn6/i102um18z8zPhEstlstlssMRHIstlhhiOGWy2Wy2WP88JBBBBBERxCCCCCIjiEEEEEER4PfS11atWrVqZnhrq1atWrVqZ4a6tdWrVq1an9Pj1LHRZ6LPRZ6I9jJ/wAs9Fnos9Fnos9WeJ6ljosdFnos9Fnos9WerNmPBxEREREcSIiI5ERERER4PZmZmZnkzMzPFmZmZmfBz6Frstdlru1PtP3tWrUzP1fQtdlrstd2rVqZn9PsxEezmIiIiI4ZsxEREeEH3H3GfCzMz7LMzM82ZmfCZER7JEREcyIiP4l//9k="},1100:(A,o,t)=>{t.d(o,{R:()=>U,x:()=>C});var e=t(758);const g={},s=e.createContext(g);function U(A){const o=e.useContext(s);return e.useMemo((function(){return"function"==typeof A?A(o):{...o,...A}}),[o,A])}function C(A){let o;return o=A.disableParentContext?"function"==typeof A.components?A.components(g):A.components||g:U(A.components),e.createElement(s.Provider,{value:o},A.children)}}}]);
\ No newline at end of file
diff --git a/ru/assets/js/81cb5b69.f6c43b85.js b/ru/assets/js/81cb5b69.7c38eedd.js
similarity index 99%
rename from ru/assets/js/81cb5b69.f6c43b85.js
rename to ru/assets/js/81cb5b69.7c38eedd.js
index 306efaccc8..f0faf5411d 100644
--- a/ru/assets/js/81cb5b69.f6c43b85.js
+++ b/ru/assets/js/81cb5b69.7c38eedd.js
@@ -1 +1 @@
-"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[8291],{7066:(e,n,i)=>{i.r(n),i.d(n,{assets:()=>c,contentTitle:()=>d,default:()=>a,frontMatter:()=>l,metadata:()=>t,toc:()=>h});var s=i(6070),r=i(1100);const l={sidebar_position:1},d="\u041e\u0431 \u0430\u0440\u0445\u0438\u0442\u0435\u043a\u0442\u0443\u0440\u0435",t={id:"about/understanding/architecture",title:"\u041e\u0431 \u0430\u0440\u0445\u0438\u0442\u0435\u043a\u0442\u0443\u0440\u0435",description:"\u041f\u0440\u043e\u0431\u043b\u0435\u043c\u044b",source:"@site/i18n/ru/docusaurus-plugin-content-docs/current/about/understanding/architecture.md",sourceDirName:"about/understanding",slug:"/about/understanding/architecture",permalink:"/ru/docs/about/understanding/architecture",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/ru/docusaurus-plugin-content-docs/current/about/understanding/architecture.md",tags:[],version:"current",lastUpdatedAt:1727607766e3,sidebarPosition:1,frontMatter:{sidebar_position:1},sidebar:"aboutSidebar",previous:{title:"\u0410\u043b\u044c\u0442\u0435\u0440\u043d\u0430\u0442\u0438\u0432\u044b",permalink:"/ru/docs/about/alternatives"},next:{title:"\u041f\u043e\u043d\u0438\u043c\u0430\u043d\u0438\u0435 \u043f\u043e\u0442\u0440\u0435\u0431\u043d\u043e\u0441\u0442\u0435\u0439",permalink:"/ru/docs/about/understanding/needs-driven"}},c={},h=[{value:"\u041f\u0440\u043e\u0431\u043b\u0435\u043c\u044b",id:"problems",level:2},{value:"Bus-factor &amp; Onboarding",id:"bus-factor--onboarding",level:3},{value:"\u041d\u0435\u044f\u0432\u043d\u044b\u0435 \u0438 \u043d\u0435\u043a\u043e\u043d\u0442\u0440\u043e\u043b\u0438\u0440\u0443\u0435\u043c\u044b\u0435 \u043f\u043e\u0441\u043b\u0435\u0434\u0441\u0442\u0432\u0438\u044f",id:"implicit-and-uncontrolled-consequences",level:3},{value:"\u041d\u0435\u043a\u043e\u043d\u0442\u0440\u043e\u043b\u0438\u0440\u0443\u0435\u043c\u043e\u0435 \u043f\u0435\u0440\u0435\u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u0435 \u043b\u043e\u0433\u0438\u043a\u0438",id:"uncontrolled-reuse-of-logic",level:3},{value:"\u0422\u0440\u0435\u0431\u043e\u0432\u0430\u043d\u0438\u044f",id:"requirements",level:2},{value:"Explicitness",id:"explicitness",level:3},{value:"Control",id:"control",level:3},{value:"Adaptability",id:"adaptability",level:3},{value:"\u0421\u043c. \u0442\u0430\u043a\u0436\u0435",id:"see-also",level:2}];function o(e){const n={a:"a",admonition:"admonition",code:"code",em:"em",h1:"h1",h2:"h2",h3:"h3",header:"header",li:"li",p:"p",strong:"strong",ul:"ul",...(0,r.R)(),...e.components};return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(n.header,{children:(0,s.jsx)(n.h1,{id:"\u043e\u0431-\u0430\u0440\u0445\u0438\u0442\u0435\u043a\u0442\u0443\u0440\u0435",children:"\u041e\u0431 \u0430\u0440\u0445\u0438\u0442\u0435\u043a\u0442\u0443\u0440\u0435"})}),"\n",(0,s.jsx)(n.h2,{id:"problems",children:"\u041f\u0440\u043e\u0431\u043b\u0435\u043c\u044b"}),"\n",(0,s.jsx)(n.p,{children:"\u041e\u0431\u044b\u0447\u043d\u043e, \u0440\u0430\u0437\u0433\u043e\u0432\u043e\u0440 \u043e\u0431 \u0430\u0440\u0445\u0438\u0442\u0435\u043a\u0442\u0443\u0440\u0435 \u043f\u043e\u0434\u043d\u0438\u043c\u0430\u0435\u0442\u0441\u044f, \u043a\u043e\u0433\u0434\u0430 \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u0430 \u0441\u0442\u043e\u043f\u043e\u0440\u0438\u0442\u0441\u044f \u0438\u0437-\u0437\u0430 \u0442\u0435\u0445 \u0438\u043b\u0438 \u0438\u043d\u044b\u0445 \u043f\u0440\u043e\u0431\u043b\u0435\u043c \u0432 \u043f\u0440\u043e\u0435\u043a\u0442\u0435."}),"\n",(0,s.jsx)(n.h3,{id:"bus-factor--onboarding",children:"Bus-factor & Onboarding"}),"\n",(0,s.jsx)(n.p,{children:"\u041f\u0440\u043e\u0435\u043a\u0442 \u0438 \u0435\u0433\u043e \u0430\u0440\u0445\u0438\u0442\u0435\u043a\u0442\u0443\u0440\u0443 \u043f\u043e\u043d\u0438\u043c\u0430\u0435\u0442 \u043b\u0438\u0448\u044c \u043e\u0433\u0440\u0430\u043d\u0438\u0447\u0435\u043d\u043d\u044b\u0439 \u043a\u0440\u0443\u0433 \u043b\u044e\u0434\u0435\u0439"}),"\n",(0,s.jsx)(n.p,{children:(0,s.jsx)(n.strong,{children:"\u041f\u0440\u0438\u043c\u0435\u0440\u044b:"})}),"\n",(0,s.jsxs)(n.ul,{children:["\n",(0,s.jsx)(n.li,{children:(0,s.jsx)(n.em,{children:'"\u0421\u043b\u043e\u0436\u043d\u043e \u0434\u043e\u0431\u0430\u0432\u0438\u0442\u044c \u0447\u0435\u043b\u043e\u0432\u0435\u043a\u0430 \u0432 \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u0443"'})}),"\n",(0,s.jsx)(n.li,{children:(0,s.jsx)(n.em,{children:'"\u041d\u0430 \u043a\u0430\u0436\u0434\u0443\u044e \u043f\u0440\u043e\u0431\u043b\u0435\u043c\u0443 - \u0443 \u043a\u0430\u0436\u0434\u043e\u0433\u043e \u0441\u0432\u043e\u0435 \u043c\u043d\u0435\u043d\u0438\u0435 \u043a\u0430\u043a \u043e\u0431\u0445\u043e\u0434\u0438\u0442\u044c" (\u043f\u043e\u0437\u0430\u0432\u0438\u0434\u0443\u0435\u043c \u0430\u043d\u0433\u0443\u043b\u044f\u0440\u0443)'})}),"\n",(0,s.jsx)(n.li,{children:(0,s.jsx)(n.em,{children:'"\u041d\u0435 \u043f\u043e\u043d\u0438\u043c\u0430\u044e \u0447\u0442\u043e \u043f\u0440\u043e\u0438\u0441\u0445\u043e\u0434\u0438\u0442 \u0432 \u044d\u0442\u043e\u043c \u0431\u043e\u043b\u044c\u0448\u043e\u043c \u043a\u0443\u0441\u043a\u0435 \u043c\u043e\u043d\u043e\u043b\u0438\u0442\u0430"'})}),"\n"]}),"\n",(0,s.jsx)(n.h3,{id:"implicit-and-uncontrolled-consequences",children:"\u041d\u0435\u044f\u0432\u043d\u044b\u0435 \u0438 \u043d\u0435\u043a\u043e\u043d\u0442\u0440\u043e\u043b\u0438\u0440\u0443\u0435\u043c\u044b\u0435 \u043f\u043e\u0441\u043b\u0435\u0434\u0441\u0442\u0432\u0438\u044f"}),"\n",(0,s.jsxs)(n.p,{children:["\u041c\u043d\u043e\u0436\u0435\u0441\u0442\u0432\u043e \u043d\u0435\u044f\u0432\u043d\u044b\u0445 \u0441\u0430\u0439\u0434-\u044d\u0444\u0444\u0435\u043a\u0442\u043e\u0432 \u043f\u0440\u0438 \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u0435/\u0440\u0435\u0444\u0430\u043a\u0442\u043e\u0440\u0438\u043d\u0433\u0435 ",(0,s.jsx)(n.em,{children:'("\u0432\u0441\u0435 \u0437\u0430\u0432\u0438\u0441\u0438\u0442 \u043e\u0442 \u0432\u0441\u0435\u0433\u043e")'})]}),"\n",(0,s.jsx)(n.p,{children:(0,s.jsx)(n.strong,{children:"\u041f\u0440\u0438\u043c\u0435\u0440\u044b:"})}),"\n",(0,s.jsxs)(n.ul,{children:["\n",(0,s.jsx)(n.li,{children:(0,s.jsx)(n.em,{children:'"\u0424\u0438\u0447\u0430 \u0438\u043c\u043f\u043e\u0440\u0442\u0438\u0440\u0443\u0435\u0442 \u0444\u0438\u0447\u0443"'})}),"\n",(0,s.jsx)(n.li,{children:(0,s.jsx)(n.em,{children:'"\u042f \u043e\u0431\u043d\u043e\u0432\u0438\u043b(\u0430) \u0441\u0442\u043e\u0440 \u043e\u0434\u043d\u043e\u0439 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b, \u0430 \u043e\u0442\u0432\u0430\u043b\u0438\u043b\u0430\u0441\u044c \u0444\u0443\u043d\u043a\u0446\u0438\u043e\u043d\u0430\u043b\u044c\u043d\u043e\u0441\u0442\u044c \u043d\u0430 \u0434\u0440\u0443\u0433\u043e\u0439"'})}),"\n",(0,s.jsx)(n.li,{children:(0,s.jsx)(n.em,{children:'"\u041b\u043e\u0433\u0438\u043a\u0430 \u0440\u0430\u0437\u043c\u0430\u0437\u0430\u043d\u0430 \u043f\u043e \u0432\u0441\u0435\u043c\u0443 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044e, \u0438 \u043d\u0435\u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e \u043e\u0442\u0441\u043b\u0435\u0434\u0438\u0442\u044c - \u0433\u0434\u0435 \u043d\u0430\u0447\u0430\u043b\u043e, \u0433\u0434\u0435 \u043a\u043e\u043d\u0435\u0446"'})}),"\n"]}),"\n",(0,s.jsx)(n.h3,{id:"uncontrolled-reuse-of-logic",children:"\u041d\u0435\u043a\u043e\u043d\u0442\u0440\u043e\u043b\u0438\u0440\u0443\u0435\u043c\u043e\u0435 \u043f\u0435\u0440\u0435\u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u0435 \u043b\u043e\u0433\u0438\u043a\u0438"}),"\n",(0,s.jsx)(n.p,{children:"\u0421\u043b\u043e\u0436\u043d\u043e \u043f\u0435\u0440\u0435\u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c/\u043c\u043e\u0434\u0438\u0444\u0438\u0446\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u0441\u0443\u0449\u0435\u0441\u0442\u0432\u0443\u044e\u0449\u0443\u044e \u043b\u043e\u0433\u0438\u043a\u0443"}),"\n",(0,s.jsxs)(n.p,{children:["\u041f\u0440\u0438 \u044d\u0442\u043e\u043c, \u043e\u0431\u044b\u0447\u043d\u043e \u0435\u0441\u0442\u044c ",(0,s.jsx)(n.a,{href:"https://github.com/feature-sliced/documentation/discussions/14",children:"\u0434\u0432\u0435 \u043a\u0440\u0430\u0439\u043d\u043e\u0441\u0442\u0438"}),":"]}),"\n",(0,s.jsxs)(n.ul,{children:["\n",(0,s.jsxs)(n.li,{children:["\u041b\u0438\u0431\u043e \u043f\u043e\u0434 \u043a\u0430\u0436\u0434\u044b\u0439 \u043c\u043e\u0434\u0443\u043b\u044c \u043f\u0438\u0448\u0435\u0442\u0441\u044f \u043b\u043e\u0433\u0438\u043a\u0430 \u043f\u043e\u043b\u043d\u043e\u0441\u0442\u044c\u044e \u0441 \u043d\u0443\u043b\u044f ",(0,s.jsx)(n.em,{children:"(\u0441 \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u044b\u043c\u0438 \u043f\u043e\u0432\u0442\u043e\u0440\u0435\u043d\u0438\u044f\u043c\u0438 \u0432 \u0438\u043c\u0435\u044e\u0449\u0435\u0439\u0441\u044f \u043a\u043e\u0434\u043e\u0432\u043e\u0439 \u0431\u0430\u0437\u0435)"})]}),"\n",(0,s.jsxs)(n.li,{children:["\u041b\u0438\u0431\u043e \u0438\u0434\u0435\u0442 \u0442\u0435\u043d\u0434\u0435\u043d\u0446\u0438\u044f \u043f\u0435\u0440\u0435\u043d\u043e\u0441\u0438\u0442\u044c \u0432\u0441\u0435-\u0432\u0441\u0435 \u0440\u0435\u0430\u043b\u0438\u0437\u0443\u0435\u043c\u044b\u0435 \u043c\u043e\u0434\u0443\u043b\u0438 \u0432 ",(0,s.jsx)(n.code,{children:"shared"})," \u043f\u0430\u043f\u043a\u0438, \u0442\u0435\u043c \u0441\u0430\u043c\u044b\u043c \u0441\u043e\u0437\u0434\u0430\u0432\u0430\u044f \u0438\u0437 \u043d\u0435\u0435 \u0431\u043e\u043b\u044c\u0448\u0443\u044e \u0441\u0432\u0430\u043b\u043a\u0443 \u0438\u0437 \u043c\u043e\u0434\u0443\u043b\u0435\u0439 ",(0,s.jsx)(n.em,{children:"(\u0433\u0434\u0435 \u0431\u043e\u043b\u044c\u0448\u0438\u043d\u0441\u0442\u0432\u043e \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u0442\u0441\u044f \u0442\u043e\u043b\u044c\u043a\u043e \u0432 \u043e\u0434\u043d\u043e\u043c \u043c\u0435\u0441\u0442\u0435)"})]}),"\n"]}),"\n",(0,s.jsx)(n.p,{children:(0,s.jsx)(n.strong,{children:"\u041f\u0440\u0438\u043c\u0435\u0440\u044b:"})}),"\n",(0,s.jsxs)(n.ul,{children:["\n",(0,s.jsx)(n.li,{children:(0,s.jsx)(n.em,{children:'"\u0423 \u043c\u0435\u043d\u044f \u0432 \u043f\u0440\u043e\u0435\u043a\u0442\u0435 \u0435\u0441\u0442\u044c n-\u0440\u0435\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u0439 \u043e\u0434\u043d\u043e\u0439 \u0438 \u0442\u043e\u0439 \u0436\u0435 \u0431\u0438\u0437\u043d\u0435\u0441-\u043b\u043e\u0433\u0438\u043a\u0438, \u0437\u0430 \u0447\u0442\u043e \u043f\u0440\u0438\u0445\u043e\u0434\u0438\u0442\u0441\u044f \u0435\u0436\u0435\u0434\u043d\u0435\u0432\u043d\u043e \u0440\u0430\u0441\u043f\u043b\u0430\u0447\u0438\u0432\u0430\u0442\u044c\u0441\u044f"'})}),"\n",(0,s.jsx)(n.li,{children:(0,s.jsx)(n.em,{children:'"\u0412 \u043f\u0440\u043e\u0435\u043a\u0442\u0435 \u0435\u0441\u0442\u044c 6 \u0440\u0430\u0437\u043d\u044b\u0445 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u043e\u0432 \u043a\u043d\u043e\u043f\u043a\u0438/\u043f\u043e\u043f\u0430\u043f\u0430/..."'})}),"\n",(0,s.jsx)(n.li,{children:(0,s.jsx)(n.em,{children:'"\u0421\u0432\u0430\u043b\u043a\u0430 \u0445\u0435\u043b\u043f\u0435\u0440\u043e\u0432"'})}),"\n"]}),"\n",(0,s.jsx)(n.h2,{id:"requirements",children:"\u0422\u0440\u0435\u0431\u043e\u0432\u0430\u043d\u0438\u044f"}),"\n",(0,s.jsxs)(n.p,{children:["\u041f\u043e\u044d\u0442\u043e\u043c\u0443 \u043a\u0430\u0436\u0435\u0442\u0441\u044f \u043b\u043e\u0433\u0438\u0447\u043d\u044b\u043c \u043f\u0440\u0435\u0434\u044a\u044f\u0432\u0438\u0442\u044c \u0436\u0435\u043b\u0430\u0435\u043c\u044b\u0435 ",(0,s.jsx)(n.em,{children:"\u0442\u0440\u0435\u0431\u043e\u0432\u0430\u043d\u0438\u044f \u043a \u0438\u0434\u0435\u0430\u043b\u044c\u043d\u043e\u0439 \u0430\u0440\u0445\u0438\u0442\u0435\u043a\u0442\u0443\u0440\u0435:"})]}),"\n",(0,s.jsx)(n.admonition,{type:"note",children:(0,s.jsxs)(n.p,{children:['\u0412\u0435\u0437\u0434\u0435 \u0433\u0434\u0435 \u0433\u043e\u0432\u043e\u0440\u0438\u0442\u0441\u044f "\u043b\u0435\u0433\u043a\u043e", \u043f\u043e\u0434\u0440\u0430\u0437\u0443\u043c\u0435\u0432\u0430\u0435\u0442\u0441\u044f "\u043e\u0442\u043d\u043e\u0441\u0438\u0442\u0435\u043b\u044c\u043d\u043e \u043b\u0435\u0433\u043a\u043e \u0434\u043b\u044f \u0448\u0438\u0440\u043e\u043a\u043e\u0433\u043e \u043a\u0440\u0443\u0433\u0430 \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a\u043e\u0432", \u0442.\u043a. \u044f\u0441\u043d\u043e, \u0447\u0442\u043e ',(0,s.jsx)(n.a,{href:"/docs/about/mission#limitations",children:"\u043d\u0435 \u043f\u043e\u043b\u0443\u0447\u0438\u0442\u0441\u044f \u0441\u0434\u0435\u043b\u0430\u0442\u044c \u0438\u0434\u0435\u0430\u043b\u044c\u043d\u043e\u0433\u043e \u0440\u0435\u0448\u0435\u043d\u0438\u044f \u0434\u043b\u044f \u0430\u0431\u0441\u043e\u043b\u044e\u0442\u043d\u043e \u0432\u0441\u0435\u0445"})]})}),"\n",(0,s.jsx)(n.h3,{id:"explicitness",children:"Explicitness"}),"\n",(0,s.jsxs)(n.ul,{children:["\n",(0,s.jsxs)(n.li,{children:["\u0414\u043e\u043b\u0436\u043d\u043e \u0431\u044b\u0442\u044c ",(0,s.jsx)(n.strong,{children:"\u043b\u0435\u0433\u043a\u043e \u043e\u0441\u0432\u0430\u0438\u0432\u0430\u0442\u044c \u0438 \u043e\u0431\u044a\u044f\u0441\u043d\u044f\u0442\u044c"})," \u043a\u043e\u043c\u0430\u043d\u0434\u0435 \u043f\u0440\u043e\u0435\u043a\u0442 \u0438 \u0435\u0433\u043e \u0430\u0440\u0445\u0438\u0442\u0435\u043a\u0442\u0443\u0440\u0443"]}),"\n",(0,s.jsxs)(n.li,{children:["\u0421\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u0430 \u0434\u043e\u043b\u0436\u043d\u0430 \u043e\u0442\u043e\u0431\u0440\u0430\u0436\u0430\u0442\u044c \u0440\u0435\u0430\u043b\u044c\u043d\u044b\u0435 ",(0,s.jsx)(n.strong,{children:"\u0431\u0438\u0437\u043d\u0435\u0441-\u0446\u0435\u043d\u043d\u043e\u0441\u0442\u0438 \u043f\u0440\u043e\u0435\u043a\u0442\u0430"})]}),"\n",(0,s.jsxs)(n.li,{children:["\u0414\u043e\u043b\u0436\u043d\u044b \u0431\u044b\u0442\u044c \u044f\u0432\u043d\u044b\u043c\u0438 ",(0,s.jsx)(n.strong,{children:"\u0441\u0430\u0439\u0434-\u044d\u0444\u0444\u0435\u043a\u0442\u044b \u0438 \u0441\u0432\u044f\u0437\u0438"})," \u043c\u0435\u0436\u0434\u0443 \u0430\u0431\u0441\u0442\u0440\u0430\u043a\u0446\u0438\u044f\u043c\u0438"]}),"\n",(0,s.jsxs)(n.li,{children:["\u0414\u043e\u043b\u0436\u043d\u043e \u0431\u044b\u0442\u044c ",(0,s.jsx)(n.strong,{children:"\u043b\u0435\u0433\u043a\u043e \u043e\u0431\u043d\u0430\u0440\u0443\u0436\u0438\u0432\u0430\u0442\u044c \u0434\u0443\u0431\u043b\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u0435 \u043b\u043e\u0433\u0438\u043a\u0438"}),", \u043d\u0435 \u043c\u0435\u0448\u0430\u044f \u0443\u043d\u0438\u043a\u0430\u043b\u044c\u043d\u044b\u043c \u0440\u0435\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u044f\u043c"]}),"\n",(0,s.jsxs)(n.li,{children:["\u041d\u0435 \u0434\u043e\u043b\u0436\u043d\u043e \u0431\u044b\u0442\u044c ",(0,s.jsx)(n.strong,{children:"\u0440\u0430\u0441\u043f\u044b\u043b\u0435\u043d\u0438\u044f \u043b\u043e\u0433\u0438\u043a\u0438"})," \u043f\u043e \u0432\u0441\u0435\u043c\u0443 \u043f\u0440\u043e\u0435\u043a\u0442\u0443"]}),"\n",(0,s.jsxs)(n.li,{children:["\u041d\u0435 \u0434\u043e\u043b\u0436\u043d\u043e \u0431\u044b\u0442\u044c ",(0,s.jsx)(n.strong,{children:"\u0441\u043b\u0438\u0448\u043a\u043e\u043c \u043c\u043d\u043e\u0433\u043e \u0440\u0430\u0437\u043d\u043e\u0440\u043e\u0434\u043d\u044b\u0445 \u0430\u0431\u0441\u0442\u0440\u0430\u043a\u0446\u0438\u0439 \u0438 \u043f\u0440\u0430\u0432\u0438\u043b"})," \u0434\u043b\u044f \u0445\u043e\u0440\u043e\u0448\u0435\u0439 \u0430\u0440\u0445\u0438\u0442\u0435\u043a\u0442\u0443\u0440\u044b"]}),"\n"]}),"\n",(0,s.jsx)(n.h3,{id:"control",children:"Control"}),"\n",(0,s.jsxs)(n.ul,{children:["\n",(0,s.jsxs)(n.li,{children:["\u0425\u043e\u0440\u043e\u0448\u0430\u044f \u0430\u0440\u0445\u0438\u0442\u0435\u043a\u0442\u0443\u0440\u0430 \u0434\u043e\u043b\u0436\u043d\u0430 ",(0,s.jsx)(n.strong,{children:"\u0443\u0441\u043a\u043e\u0440\u044f\u0442\u044c \u0440\u0435\u0448\u0435\u043d\u0438\u0435 \u0437\u0430\u0434\u0430\u0447, \u0432\u043d\u0435\u0434\u0440\u0435\u043d\u0438\u0435 \u0444\u0438\u0447"})]}),"\n",(0,s.jsx)(n.li,{children:"\u0414\u043e\u043b\u0436\u043d\u0430 \u0431\u044b\u0442\u044c \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e\u0441\u0442\u044c \u043a\u043e\u043d\u0442\u0440\u043e\u043b\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u0443 \u043f\u0440\u043e\u0435\u043a\u0442\u0430"}),"\n",(0,s.jsxs)(n.li,{children:["\u0414\u043e\u043b\u0436\u043d\u043e \u0431\u044b\u0442\u044c \u043b\u0435\u0433\u043a\u043e ",(0,s.jsx)(n.strong,{children:"\u0440\u0430\u0441\u0448\u0438\u0440\u044f\u0442\u044c, \u043c\u043e\u0434\u0438\u0444\u0438\u0446\u0438\u0440\u043e\u0432\u0430\u0442\u044c, \u0443\u0434\u0430\u043b\u044f\u0442\u044c \u043a\u043e\u0434"})]}),"\n",(0,s.jsxs)(n.li,{children:["\u0414\u043e\u043b\u0436\u043d\u0430 \u0441\u043e\u0431\u043b\u044e\u0434\u0430\u0442\u044c\u0441\u044f ",(0,s.jsx)(n.strong,{children:"\u0434\u0435\u043a\u043e\u043c\u043f\u043e\u0437\u0438\u0446\u0438\u044f \u0438 \u0438\u0437\u043e\u043b\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u043e\u0441\u0442\u044c"})," \u0444\u0443\u043d\u043a\u0446\u0438\u043e\u043d\u0430\u043b\u044c\u043d\u043e\u0441\u0442\u0438"]}),"\n",(0,s.jsxs)(n.li,{children:["\u041a\u0430\u0436\u0434\u044b\u0439 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442 \u0441\u0438\u0441\u0442\u0435\u043c\u044b \u0434\u043e\u043b\u0436\u0435\u043d \u0431\u044b\u0442\u044c ",(0,s.jsx)(n.strong,{children:"\u043b\u0435\u0433\u043a\u043e \u0437\u0430\u043c\u0435\u043d\u044f\u0435\u043c\u044b\u043c \u0438 \u0443\u0434\u0430\u043b\u044f\u0435\u043c\u044b\u043c"}),"\n",(0,s.jsxs)(n.ul,{children:["\n",(0,s.jsx)(n.li,{children:(0,s.jsxs)(n.em,{children:[(0,s.jsx)(n.a,{href:"https://youtu.be/BWAeYuWFHhs?t=1631",children:"\u041d\u0435 \u043d\u0443\u0436\u043d\u043e \u043e\u043f\u0442\u0438\u043c\u0438\u0437\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u043f\u043e\u0434 \u0438\u0437\u043c\u0435\u043d\u0435\u043d\u0438\u044f"})," - \u043c\u044b \u043d\u0435 \u043c\u043e\u0436\u0435\u043c \u043f\u0440\u0435\u0434\u0441\u043a\u0430\u0437\u044b\u0432\u0430\u0442\u044c \u0431\u0443\u0434\u0443\u0449\u0435\u0435"]})}),"\n",(0,s.jsx)(n.li,{children:(0,s.jsxs)(n.em,{children:[(0,s.jsx)(n.a,{href:"https://youtu.be/BWAeYuWFHhs?t=1666",children:"\u041b\u0443\u0447\u0448\u0435 - \u043e\u043f\u0442\u0438\u043c\u0438\u0437\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u043f\u043e\u0434 \u0443\u0434\u0430\u043b\u0435\u043d\u0438\u0435"})," - \u043d\u0430 \u043e\u0441\u043d\u043e\u0432\u0430\u043d\u0438\u0438 \u0442\u043e\u0433\u043e \u043a\u043e\u043d\u0442\u0435\u043a\u0441\u0442\u0430, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u0443\u0436\u0435 \u0438\u043c\u0435\u0435\u0442\u0441\u044f"]})}),"\n"]}),"\n"]}),"\n"]}),"\n",(0,s.jsx)(n.h3,{id:"adaptability",children:"Adaptability"}),"\n",(0,s.jsxs)(n.ul,{children:["\n",(0,s.jsxs)(n.li,{children:["\u0425\u043e\u0440\u043e\u0448\u0430\u044f \u0430\u0440\u0445\u0438\u0442\u0435\u043a\u0442\u0443\u0440\u0430 \u0434\u043e\u043b\u0436\u043d\u0430 \u0431\u044b\u0442\u044c \u043f\u0440\u0438\u043c\u0435\u043d\u0438\u043c\u0430 ",(0,s.jsx)(n.strong,{children:"\u043a \u0431\u043e\u043b\u044c\u0448\u0438\u043d\u0441\u0442\u0432\u0443 \u043f\u0440\u043e\u0435\u043a\u0442\u043e\u0432"}),"\n",(0,s.jsxs)(n.ul,{children:["\n",(0,s.jsx)(n.li,{children:(0,s.jsx)(n.em,{children:"\u0421 \u0443\u0436\u0435 \u0441\u0443\u0449\u0435\u0441\u0442\u0432\u0443\u044e\u0449\u0438\u043c\u0438 \u0438\u043d\u0444\u0440\u0430\u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u043d\u044b\u043c\u0438 \u0440\u0435\u0448\u0435\u043d\u0438\u044f\u043c\u0438"})}),"\n",(0,s.jsx)(n.li,{children:(0,s.jsx)(n.em,{children:"\u041d\u0430 \u043b\u044e\u0431\u043e\u0439 \u0441\u0442\u0430\u0434\u0438\u0438 \u0440\u0430\u0437\u0432\u0438\u0442\u0438\u044f"})}),"\n"]}),"\n"]}),"\n",(0,s.jsx)(n.li,{children:"\u041d\u0435 \u0434\u043e\u043b\u0436\u043d\u043e \u0431\u044b\u0442\u044c \u0437\u0430\u0432\u0438\u0441\u0438\u043c\u043e\u0441\u0442\u0438 \u043e\u0442 \u0444\u0440\u0435\u0439\u043c\u0432\u043e\u0440\u043a\u0430 \u0438 \u043f\u043b\u0430\u0442\u0444\u043e\u0440\u043c\u044b"}),"\n",(0,s.jsxs)(n.li,{children:["\u0414\u043e\u043b\u0436\u043d\u0430 \u0431\u044b\u0442\u044c \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e\u0441\u0442\u044c ",(0,s.jsx)(n.strong,{children:"\u043b\u0435\u0433\u043a\u043e \u043c\u0430\u0441\u0448\u0442\u0430\u0431\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u043f\u0440\u043e\u0435\u043a\u0442 \u0438 \u043a\u043e\u043c\u0430\u043d\u0434\u0443"}),", \u0441 \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e\u0441\u0442\u044c\u044e \u043f\u0430\u0440\u0430\u043b\u043b\u0435\u043b\u0438\u0437\u0430\u0446\u0438\u0438 \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u0438"]}),"\n",(0,s.jsxs)(n.li,{children:["\u0414\u043e\u043b\u0436\u043d\u043e \u0431\u044b\u0442\u044c \u043b\u0435\u0433\u043a\u043e ",(0,s.jsx)(n.strong,{children:"\u043f\u043e\u0434\u0441\u0442\u0440\u0430\u0438\u0432\u0430\u0442\u044c\u0441\u044f \u043f\u043e\u0434 \u0438\u0437\u043c\u0435\u043d\u044f\u044e\u0449\u0438\u0435\u0441\u044f \u0442\u0440\u0435\u0431\u043e\u0432\u0430\u043d\u0438\u044f \u0438 \u043e\u0431\u0441\u0442\u043e\u044f\u0442\u0435\u043b\u044c\u0441\u0442\u0432\u0430"})]}),"\n"]}),"\n",(0,s.jsx)(n.h2,{id:"see-also",children:"\u0421\u043c. \u0442\u0430\u043a\u0436\u0435"}),"\n",(0,s.jsxs)(n.ul,{children:["\n",(0,s.jsx)(n.li,{children:(0,s.jsx)(n.a,{href:"https://youtu.be/BWAeYuWFHhs",children:"(React Berlin Talk) Oleg Isonen - Feature Driven Architecture"})}),"\n",(0,s.jsx)(n.li,{children:(0,s.jsx)(n.a,{href:"https://t.me/feature_slices",children:"(React SPB Meetup #1) Sergey Sova - Feature Slices"})}),"\n",(0,s.jsx)(n.li,{children:(0,s.jsx)(n.a,{href:"https://alexmngn.medium.com/why-react-developers-should-modularize-their-applications-d26d381854c1",children:"(\u0421\u0442\u0430\u0442\u044c\u044f) \u041f\u0440\u043e \u043c\u043e\u0434\u0443\u043b\u044f\u0440\u0438\u0437\u0430\u0446\u0438\u044e \u043f\u0440\u043e\u0435\u043a\u0442\u043e\u0432"})}),"\n",(0,s.jsx)(n.li,{children:(0,s.jsx)(n.a,{href:"https://ryanlanciaux.com/blog/2017/08/20/a-feature-based-approach-to-react-development/",children:"(\u0421\u0442\u0430\u0442\u044c\u044f) \u041f\u0440\u043e Separation of Concerns \u0438 \u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u0435 \u043f\u043e \u0444\u0438\u0447\u0430\u043c"})}),"\n"]})]})}function a(e={}){const{wrapper:n}={...(0,r.R)(),...e.components};return n?(0,s.jsx)(n,{...e,children:(0,s.jsx)(o,{...e})}):o(e)}},1100:(e,n,i)=>{i.d(n,{R:()=>d,x:()=>t});var s=i(758);const r={},l=s.createContext(r);function d(e){const n=s.useContext(l);return s.useMemo((function(){return"function"==typeof e?e(n):{...n,...e}}),[n,e])}function t(e){let n;return n=e.disableParentContext?"function"==typeof e.components?e.components(r):e.components||r:d(e.components),s.createElement(l.Provider,{value:n},e.children)}}}]);
\ No newline at end of file
+"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[8291],{7066:(e,n,i)=>{i.r(n),i.d(n,{assets:()=>c,contentTitle:()=>d,default:()=>a,frontMatter:()=>l,metadata:()=>t,toc:()=>h});var s=i(6070),r=i(1100);const l={sidebar_position:1},d="\u041e\u0431 \u0430\u0440\u0445\u0438\u0442\u0435\u043a\u0442\u0443\u0440\u0435",t={id:"about/understanding/architecture",title:"\u041e\u0431 \u0430\u0440\u0445\u0438\u0442\u0435\u043a\u0442\u0443\u0440\u0435",description:"\u041f\u0440\u043e\u0431\u043b\u0435\u043c\u044b",source:"@site/i18n/ru/docusaurus-plugin-content-docs/current/about/understanding/architecture.md",sourceDirName:"about/understanding",slug:"/about/understanding/architecture",permalink:"/ru/docs/about/understanding/architecture",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/ru/docusaurus-plugin-content-docs/current/about/understanding/architecture.md",tags:[],version:"current",lastUpdatedAt:1728325386e3,sidebarPosition:1,frontMatter:{sidebar_position:1},sidebar:"aboutSidebar",previous:{title:"\u0410\u043b\u044c\u0442\u0435\u0440\u043d\u0430\u0442\u0438\u0432\u044b",permalink:"/ru/docs/about/alternatives"},next:{title:"\u041f\u043e\u043d\u0438\u043c\u0430\u043d\u0438\u0435 \u043f\u043e\u0442\u0440\u0435\u0431\u043d\u043e\u0441\u0442\u0435\u0439",permalink:"/ru/docs/about/understanding/needs-driven"}},c={},h=[{value:"\u041f\u0440\u043e\u0431\u043b\u0435\u043c\u044b",id:"problems",level:2},{value:"Bus-factor &amp; Onboarding",id:"bus-factor--onboarding",level:3},{value:"\u041d\u0435\u044f\u0432\u043d\u044b\u0435 \u0438 \u043d\u0435\u043a\u043e\u043d\u0442\u0440\u043e\u043b\u0438\u0440\u0443\u0435\u043c\u044b\u0435 \u043f\u043e\u0441\u043b\u0435\u0434\u0441\u0442\u0432\u0438\u044f",id:"implicit-and-uncontrolled-consequences",level:3},{value:"\u041d\u0435\u043a\u043e\u043d\u0442\u0440\u043e\u043b\u0438\u0440\u0443\u0435\u043c\u043e\u0435 \u043f\u0435\u0440\u0435\u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u0435 \u043b\u043e\u0433\u0438\u043a\u0438",id:"uncontrolled-reuse-of-logic",level:3},{value:"\u0422\u0440\u0435\u0431\u043e\u0432\u0430\u043d\u0438\u044f",id:"requirements",level:2},{value:"Explicitness",id:"explicitness",level:3},{value:"Control",id:"control",level:3},{value:"Adaptability",id:"adaptability",level:3},{value:"\u0421\u043c. \u0442\u0430\u043a\u0436\u0435",id:"see-also",level:2}];function o(e){const n={a:"a",admonition:"admonition",code:"code",em:"em",h1:"h1",h2:"h2",h3:"h3",header:"header",li:"li",p:"p",strong:"strong",ul:"ul",...(0,r.R)(),...e.components};return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(n.header,{children:(0,s.jsx)(n.h1,{id:"\u043e\u0431-\u0430\u0440\u0445\u0438\u0442\u0435\u043a\u0442\u0443\u0440\u0435",children:"\u041e\u0431 \u0430\u0440\u0445\u0438\u0442\u0435\u043a\u0442\u0443\u0440\u0435"})}),"\n",(0,s.jsx)(n.h2,{id:"problems",children:"\u041f\u0440\u043e\u0431\u043b\u0435\u043c\u044b"}),"\n",(0,s.jsx)(n.p,{children:"\u041e\u0431\u044b\u0447\u043d\u043e, \u0440\u0430\u0437\u0433\u043e\u0432\u043e\u0440 \u043e\u0431 \u0430\u0440\u0445\u0438\u0442\u0435\u043a\u0442\u0443\u0440\u0435 \u043f\u043e\u0434\u043d\u0438\u043c\u0430\u0435\u0442\u0441\u044f, \u043a\u043e\u0433\u0434\u0430 \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u0430 \u0441\u0442\u043e\u043f\u043e\u0440\u0438\u0442\u0441\u044f \u0438\u0437-\u0437\u0430 \u0442\u0435\u0445 \u0438\u043b\u0438 \u0438\u043d\u044b\u0445 \u043f\u0440\u043e\u0431\u043b\u0435\u043c \u0432 \u043f\u0440\u043e\u0435\u043a\u0442\u0435."}),"\n",(0,s.jsx)(n.h3,{id:"bus-factor--onboarding",children:"Bus-factor & Onboarding"}),"\n",(0,s.jsx)(n.p,{children:"\u041f\u0440\u043e\u0435\u043a\u0442 \u0438 \u0435\u0433\u043e \u0430\u0440\u0445\u0438\u0442\u0435\u043a\u0442\u0443\u0440\u0443 \u043f\u043e\u043d\u0438\u043c\u0430\u0435\u0442 \u043b\u0438\u0448\u044c \u043e\u0433\u0440\u0430\u043d\u0438\u0447\u0435\u043d\u043d\u044b\u0439 \u043a\u0440\u0443\u0433 \u043b\u044e\u0434\u0435\u0439"}),"\n",(0,s.jsx)(n.p,{children:(0,s.jsx)(n.strong,{children:"\u041f\u0440\u0438\u043c\u0435\u0440\u044b:"})}),"\n",(0,s.jsxs)(n.ul,{children:["\n",(0,s.jsx)(n.li,{children:(0,s.jsx)(n.em,{children:'"\u0421\u043b\u043e\u0436\u043d\u043e \u0434\u043e\u0431\u0430\u0432\u0438\u0442\u044c \u0447\u0435\u043b\u043e\u0432\u0435\u043a\u0430 \u0432 \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u0443"'})}),"\n",(0,s.jsx)(n.li,{children:(0,s.jsx)(n.em,{children:'"\u041d\u0430 \u043a\u0430\u0436\u0434\u0443\u044e \u043f\u0440\u043e\u0431\u043b\u0435\u043c\u0443 - \u0443 \u043a\u0430\u0436\u0434\u043e\u0433\u043e \u0441\u0432\u043e\u0435 \u043c\u043d\u0435\u043d\u0438\u0435 \u043a\u0430\u043a \u043e\u0431\u0445\u043e\u0434\u0438\u0442\u044c" (\u043f\u043e\u0437\u0430\u0432\u0438\u0434\u0443\u0435\u043c \u0430\u043d\u0433\u0443\u043b\u044f\u0440\u0443)'})}),"\n",(0,s.jsx)(n.li,{children:(0,s.jsx)(n.em,{children:'"\u041d\u0435 \u043f\u043e\u043d\u0438\u043c\u0430\u044e \u0447\u0442\u043e \u043f\u0440\u043e\u0438\u0441\u0445\u043e\u0434\u0438\u0442 \u0432 \u044d\u0442\u043e\u043c \u0431\u043e\u043b\u044c\u0448\u043e\u043c \u043a\u0443\u0441\u043a\u0435 \u043c\u043e\u043d\u043e\u043b\u0438\u0442\u0430"'})}),"\n"]}),"\n",(0,s.jsx)(n.h3,{id:"implicit-and-uncontrolled-consequences",children:"\u041d\u0435\u044f\u0432\u043d\u044b\u0435 \u0438 \u043d\u0435\u043a\u043e\u043d\u0442\u0440\u043e\u043b\u0438\u0440\u0443\u0435\u043c\u044b\u0435 \u043f\u043e\u0441\u043b\u0435\u0434\u0441\u0442\u0432\u0438\u044f"}),"\n",(0,s.jsxs)(n.p,{children:["\u041c\u043d\u043e\u0436\u0435\u0441\u0442\u0432\u043e \u043d\u0435\u044f\u0432\u043d\u044b\u0445 \u0441\u0430\u0439\u0434-\u044d\u0444\u0444\u0435\u043a\u0442\u043e\u0432 \u043f\u0440\u0438 \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u0435/\u0440\u0435\u0444\u0430\u043a\u0442\u043e\u0440\u0438\u043d\u0433\u0435 ",(0,s.jsx)(n.em,{children:'("\u0432\u0441\u0435 \u0437\u0430\u0432\u0438\u0441\u0438\u0442 \u043e\u0442 \u0432\u0441\u0435\u0433\u043e")'})]}),"\n",(0,s.jsx)(n.p,{children:(0,s.jsx)(n.strong,{children:"\u041f\u0440\u0438\u043c\u0435\u0440\u044b:"})}),"\n",(0,s.jsxs)(n.ul,{children:["\n",(0,s.jsx)(n.li,{children:(0,s.jsx)(n.em,{children:'"\u0424\u0438\u0447\u0430 \u0438\u043c\u043f\u043e\u0440\u0442\u0438\u0440\u0443\u0435\u0442 \u0444\u0438\u0447\u0443"'})}),"\n",(0,s.jsx)(n.li,{children:(0,s.jsx)(n.em,{children:'"\u042f \u043e\u0431\u043d\u043e\u0432\u0438\u043b(\u0430) \u0441\u0442\u043e\u0440 \u043e\u0434\u043d\u043e\u0439 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b, \u0430 \u043e\u0442\u0432\u0430\u043b\u0438\u043b\u0430\u0441\u044c \u0444\u0443\u043d\u043a\u0446\u0438\u043e\u043d\u0430\u043b\u044c\u043d\u043e\u0441\u0442\u044c \u043d\u0430 \u0434\u0440\u0443\u0433\u043e\u0439"'})}),"\n",(0,s.jsx)(n.li,{children:(0,s.jsx)(n.em,{children:'"\u041b\u043e\u0433\u0438\u043a\u0430 \u0440\u0430\u0437\u043c\u0430\u0437\u0430\u043d\u0430 \u043f\u043e \u0432\u0441\u0435\u043c\u0443 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044e, \u0438 \u043d\u0435\u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e \u043e\u0442\u0441\u043b\u0435\u0434\u0438\u0442\u044c - \u0433\u0434\u0435 \u043d\u0430\u0447\u0430\u043b\u043e, \u0433\u0434\u0435 \u043a\u043e\u043d\u0435\u0446"'})}),"\n"]}),"\n",(0,s.jsx)(n.h3,{id:"uncontrolled-reuse-of-logic",children:"\u041d\u0435\u043a\u043e\u043d\u0442\u0440\u043e\u043b\u0438\u0440\u0443\u0435\u043c\u043e\u0435 \u043f\u0435\u0440\u0435\u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u0435 \u043b\u043e\u0433\u0438\u043a\u0438"}),"\n",(0,s.jsx)(n.p,{children:"\u0421\u043b\u043e\u0436\u043d\u043e \u043f\u0435\u0440\u0435\u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c/\u043c\u043e\u0434\u0438\u0444\u0438\u0446\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u0441\u0443\u0449\u0435\u0441\u0442\u0432\u0443\u044e\u0449\u0443\u044e \u043b\u043e\u0433\u0438\u043a\u0443"}),"\n",(0,s.jsxs)(n.p,{children:["\u041f\u0440\u0438 \u044d\u0442\u043e\u043c, \u043e\u0431\u044b\u0447\u043d\u043e \u0435\u0441\u0442\u044c ",(0,s.jsx)(n.a,{href:"https://github.com/feature-sliced/documentation/discussions/14",children:"\u0434\u0432\u0435 \u043a\u0440\u0430\u0439\u043d\u043e\u0441\u0442\u0438"}),":"]}),"\n",(0,s.jsxs)(n.ul,{children:["\n",(0,s.jsxs)(n.li,{children:["\u041b\u0438\u0431\u043e \u043f\u043e\u0434 \u043a\u0430\u0436\u0434\u044b\u0439 \u043c\u043e\u0434\u0443\u043b\u044c \u043f\u0438\u0448\u0435\u0442\u0441\u044f \u043b\u043e\u0433\u0438\u043a\u0430 \u043f\u043e\u043b\u043d\u043e\u0441\u0442\u044c\u044e \u0441 \u043d\u0443\u043b\u044f ",(0,s.jsx)(n.em,{children:"(\u0441 \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u044b\u043c\u0438 \u043f\u043e\u0432\u0442\u043e\u0440\u0435\u043d\u0438\u044f\u043c\u0438 \u0432 \u0438\u043c\u0435\u044e\u0449\u0435\u0439\u0441\u044f \u043a\u043e\u0434\u043e\u0432\u043e\u0439 \u0431\u0430\u0437\u0435)"})]}),"\n",(0,s.jsxs)(n.li,{children:["\u041b\u0438\u0431\u043e \u0438\u0434\u0435\u0442 \u0442\u0435\u043d\u0434\u0435\u043d\u0446\u0438\u044f \u043f\u0435\u0440\u0435\u043d\u043e\u0441\u0438\u0442\u044c \u0432\u0441\u0435-\u0432\u0441\u0435 \u0440\u0435\u0430\u043b\u0438\u0437\u0443\u0435\u043c\u044b\u0435 \u043c\u043e\u0434\u0443\u043b\u0438 \u0432 ",(0,s.jsx)(n.code,{children:"shared"})," \u043f\u0430\u043f\u043a\u0438, \u0442\u0435\u043c \u0441\u0430\u043c\u044b\u043c \u0441\u043e\u0437\u0434\u0430\u0432\u0430\u044f \u0438\u0437 \u043d\u0435\u0435 \u0431\u043e\u043b\u044c\u0448\u0443\u044e \u0441\u0432\u0430\u043b\u043a\u0443 \u0438\u0437 \u043c\u043e\u0434\u0443\u043b\u0435\u0439 ",(0,s.jsx)(n.em,{children:"(\u0433\u0434\u0435 \u0431\u043e\u043b\u044c\u0448\u0438\u043d\u0441\u0442\u0432\u043e \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u0442\u0441\u044f \u0442\u043e\u043b\u044c\u043a\u043e \u0432 \u043e\u0434\u043d\u043e\u043c \u043c\u0435\u0441\u0442\u0435)"})]}),"\n"]}),"\n",(0,s.jsx)(n.p,{children:(0,s.jsx)(n.strong,{children:"\u041f\u0440\u0438\u043c\u0435\u0440\u044b:"})}),"\n",(0,s.jsxs)(n.ul,{children:["\n",(0,s.jsx)(n.li,{children:(0,s.jsx)(n.em,{children:'"\u0423 \u043c\u0435\u043d\u044f \u0432 \u043f\u0440\u043e\u0435\u043a\u0442\u0435 \u0435\u0441\u0442\u044c n-\u0440\u0435\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u0439 \u043e\u0434\u043d\u043e\u0439 \u0438 \u0442\u043e\u0439 \u0436\u0435 \u0431\u0438\u0437\u043d\u0435\u0441-\u043b\u043e\u0433\u0438\u043a\u0438, \u0437\u0430 \u0447\u0442\u043e \u043f\u0440\u0438\u0445\u043e\u0434\u0438\u0442\u0441\u044f \u0435\u0436\u0435\u0434\u043d\u0435\u0432\u043d\u043e \u0440\u0430\u0441\u043f\u043b\u0430\u0447\u0438\u0432\u0430\u0442\u044c\u0441\u044f"'})}),"\n",(0,s.jsx)(n.li,{children:(0,s.jsx)(n.em,{children:'"\u0412 \u043f\u0440\u043e\u0435\u043a\u0442\u0435 \u0435\u0441\u0442\u044c 6 \u0440\u0430\u0437\u043d\u044b\u0445 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u043e\u0432 \u043a\u043d\u043e\u043f\u043a\u0438/\u043f\u043e\u043f\u0430\u043f\u0430/..."'})}),"\n",(0,s.jsx)(n.li,{children:(0,s.jsx)(n.em,{children:'"\u0421\u0432\u0430\u043b\u043a\u0430 \u0445\u0435\u043b\u043f\u0435\u0440\u043e\u0432"'})}),"\n"]}),"\n",(0,s.jsx)(n.h2,{id:"requirements",children:"\u0422\u0440\u0435\u0431\u043e\u0432\u0430\u043d\u0438\u044f"}),"\n",(0,s.jsxs)(n.p,{children:["\u041f\u043e\u044d\u0442\u043e\u043c\u0443 \u043a\u0430\u0436\u0435\u0442\u0441\u044f \u043b\u043e\u0433\u0438\u0447\u043d\u044b\u043c \u043f\u0440\u0435\u0434\u044a\u044f\u0432\u0438\u0442\u044c \u0436\u0435\u043b\u0430\u0435\u043c\u044b\u0435 ",(0,s.jsx)(n.em,{children:"\u0442\u0440\u0435\u0431\u043e\u0432\u0430\u043d\u0438\u044f \u043a \u0438\u0434\u0435\u0430\u043b\u044c\u043d\u043e\u0439 \u0430\u0440\u0445\u0438\u0442\u0435\u043a\u0442\u0443\u0440\u0435:"})]}),"\n",(0,s.jsx)(n.admonition,{type:"note",children:(0,s.jsxs)(n.p,{children:['\u0412\u0435\u0437\u0434\u0435 \u0433\u0434\u0435 \u0433\u043e\u0432\u043e\u0440\u0438\u0442\u0441\u044f "\u043b\u0435\u0433\u043a\u043e", \u043f\u043e\u0434\u0440\u0430\u0437\u0443\u043c\u0435\u0432\u0430\u0435\u0442\u0441\u044f "\u043e\u0442\u043d\u043e\u0441\u0438\u0442\u0435\u043b\u044c\u043d\u043e \u043b\u0435\u0433\u043a\u043e \u0434\u043b\u044f \u0448\u0438\u0440\u043e\u043a\u043e\u0433\u043e \u043a\u0440\u0443\u0433\u0430 \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a\u043e\u0432", \u0442.\u043a. \u044f\u0441\u043d\u043e, \u0447\u0442\u043e ',(0,s.jsx)(n.a,{href:"/docs/about/mission#limitations",children:"\u043d\u0435 \u043f\u043e\u043b\u0443\u0447\u0438\u0442\u0441\u044f \u0441\u0434\u0435\u043b\u0430\u0442\u044c \u0438\u0434\u0435\u0430\u043b\u044c\u043d\u043e\u0433\u043e \u0440\u0435\u0448\u0435\u043d\u0438\u044f \u0434\u043b\u044f \u0430\u0431\u0441\u043e\u043b\u044e\u0442\u043d\u043e \u0432\u0441\u0435\u0445"})]})}),"\n",(0,s.jsx)(n.h3,{id:"explicitness",children:"Explicitness"}),"\n",(0,s.jsxs)(n.ul,{children:["\n",(0,s.jsxs)(n.li,{children:["\u0414\u043e\u043b\u0436\u043d\u043e \u0431\u044b\u0442\u044c ",(0,s.jsx)(n.strong,{children:"\u043b\u0435\u0433\u043a\u043e \u043e\u0441\u0432\u0430\u0438\u0432\u0430\u0442\u044c \u0438 \u043e\u0431\u044a\u044f\u0441\u043d\u044f\u0442\u044c"})," \u043a\u043e\u043c\u0430\u043d\u0434\u0435 \u043f\u0440\u043e\u0435\u043a\u0442 \u0438 \u0435\u0433\u043e \u0430\u0440\u0445\u0438\u0442\u0435\u043a\u0442\u0443\u0440\u0443"]}),"\n",(0,s.jsxs)(n.li,{children:["\u0421\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u0430 \u0434\u043e\u043b\u0436\u043d\u0430 \u043e\u0442\u043e\u0431\u0440\u0430\u0436\u0430\u0442\u044c \u0440\u0435\u0430\u043b\u044c\u043d\u044b\u0435 ",(0,s.jsx)(n.strong,{children:"\u0431\u0438\u0437\u043d\u0435\u0441-\u0446\u0435\u043d\u043d\u043e\u0441\u0442\u0438 \u043f\u0440\u043e\u0435\u043a\u0442\u0430"})]}),"\n",(0,s.jsxs)(n.li,{children:["\u0414\u043e\u043b\u0436\u043d\u044b \u0431\u044b\u0442\u044c \u044f\u0432\u043d\u044b\u043c\u0438 ",(0,s.jsx)(n.strong,{children:"\u0441\u0430\u0439\u0434-\u044d\u0444\u0444\u0435\u043a\u0442\u044b \u0438 \u0441\u0432\u044f\u0437\u0438"})," \u043c\u0435\u0436\u0434\u0443 \u0430\u0431\u0441\u0442\u0440\u0430\u043a\u0446\u0438\u044f\u043c\u0438"]}),"\n",(0,s.jsxs)(n.li,{children:["\u0414\u043e\u043b\u0436\u043d\u043e \u0431\u044b\u0442\u044c ",(0,s.jsx)(n.strong,{children:"\u043b\u0435\u0433\u043a\u043e \u043e\u0431\u043d\u0430\u0440\u0443\u0436\u0438\u0432\u0430\u0442\u044c \u0434\u0443\u0431\u043b\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u0435 \u043b\u043e\u0433\u0438\u043a\u0438"}),", \u043d\u0435 \u043c\u0435\u0448\u0430\u044f \u0443\u043d\u0438\u043a\u0430\u043b\u044c\u043d\u044b\u043c \u0440\u0435\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u044f\u043c"]}),"\n",(0,s.jsxs)(n.li,{children:["\u041d\u0435 \u0434\u043e\u043b\u0436\u043d\u043e \u0431\u044b\u0442\u044c ",(0,s.jsx)(n.strong,{children:"\u0440\u0430\u0441\u043f\u044b\u043b\u0435\u043d\u0438\u044f \u043b\u043e\u0433\u0438\u043a\u0438"})," \u043f\u043e \u0432\u0441\u0435\u043c\u0443 \u043f\u0440\u043e\u0435\u043a\u0442\u0443"]}),"\n",(0,s.jsxs)(n.li,{children:["\u041d\u0435 \u0434\u043e\u043b\u0436\u043d\u043e \u0431\u044b\u0442\u044c ",(0,s.jsx)(n.strong,{children:"\u0441\u043b\u0438\u0448\u043a\u043e\u043c \u043c\u043d\u043e\u0433\u043e \u0440\u0430\u0437\u043d\u043e\u0440\u043e\u0434\u043d\u044b\u0445 \u0430\u0431\u0441\u0442\u0440\u0430\u043a\u0446\u0438\u0439 \u0438 \u043f\u0440\u0430\u0432\u0438\u043b"})," \u0434\u043b\u044f \u0445\u043e\u0440\u043e\u0448\u0435\u0439 \u0430\u0440\u0445\u0438\u0442\u0435\u043a\u0442\u0443\u0440\u044b"]}),"\n"]}),"\n",(0,s.jsx)(n.h3,{id:"control",children:"Control"}),"\n",(0,s.jsxs)(n.ul,{children:["\n",(0,s.jsxs)(n.li,{children:["\u0425\u043e\u0440\u043e\u0448\u0430\u044f \u0430\u0440\u0445\u0438\u0442\u0435\u043a\u0442\u0443\u0440\u0430 \u0434\u043e\u043b\u0436\u043d\u0430 ",(0,s.jsx)(n.strong,{children:"\u0443\u0441\u043a\u043e\u0440\u044f\u0442\u044c \u0440\u0435\u0448\u0435\u043d\u0438\u0435 \u0437\u0430\u0434\u0430\u0447, \u0432\u043d\u0435\u0434\u0440\u0435\u043d\u0438\u0435 \u0444\u0438\u0447"})]}),"\n",(0,s.jsx)(n.li,{children:"\u0414\u043e\u043b\u0436\u043d\u0430 \u0431\u044b\u0442\u044c \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e\u0441\u0442\u044c \u043a\u043e\u043d\u0442\u0440\u043e\u043b\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u0443 \u043f\u0440\u043e\u0435\u043a\u0442\u0430"}),"\n",(0,s.jsxs)(n.li,{children:["\u0414\u043e\u043b\u0436\u043d\u043e \u0431\u044b\u0442\u044c \u043b\u0435\u0433\u043a\u043e ",(0,s.jsx)(n.strong,{children:"\u0440\u0430\u0441\u0448\u0438\u0440\u044f\u0442\u044c, \u043c\u043e\u0434\u0438\u0444\u0438\u0446\u0438\u0440\u043e\u0432\u0430\u0442\u044c, \u0443\u0434\u0430\u043b\u044f\u0442\u044c \u043a\u043e\u0434"})]}),"\n",(0,s.jsxs)(n.li,{children:["\u0414\u043e\u043b\u0436\u043d\u0430 \u0441\u043e\u0431\u043b\u044e\u0434\u0430\u0442\u044c\u0441\u044f ",(0,s.jsx)(n.strong,{children:"\u0434\u0435\u043a\u043e\u043c\u043f\u043e\u0437\u0438\u0446\u0438\u044f \u0438 \u0438\u0437\u043e\u043b\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u043e\u0441\u0442\u044c"})," \u0444\u0443\u043d\u043a\u0446\u0438\u043e\u043d\u0430\u043b\u044c\u043d\u043e\u0441\u0442\u0438"]}),"\n",(0,s.jsxs)(n.li,{children:["\u041a\u0430\u0436\u0434\u044b\u0439 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442 \u0441\u0438\u0441\u0442\u0435\u043c\u044b \u0434\u043e\u043b\u0436\u0435\u043d \u0431\u044b\u0442\u044c ",(0,s.jsx)(n.strong,{children:"\u043b\u0435\u0433\u043a\u043e \u0437\u0430\u043c\u0435\u043d\u044f\u0435\u043c\u044b\u043c \u0438 \u0443\u0434\u0430\u043b\u044f\u0435\u043c\u044b\u043c"}),"\n",(0,s.jsxs)(n.ul,{children:["\n",(0,s.jsx)(n.li,{children:(0,s.jsxs)(n.em,{children:[(0,s.jsx)(n.a,{href:"https://youtu.be/BWAeYuWFHhs?t=1631",children:"\u041d\u0435 \u043d\u0443\u0436\u043d\u043e \u043e\u043f\u0442\u0438\u043c\u0438\u0437\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u043f\u043e\u0434 \u0438\u0437\u043c\u0435\u043d\u0435\u043d\u0438\u044f"})," - \u043c\u044b \u043d\u0435 \u043c\u043e\u0436\u0435\u043c \u043f\u0440\u0435\u0434\u0441\u043a\u0430\u0437\u044b\u0432\u0430\u0442\u044c \u0431\u0443\u0434\u0443\u0449\u0435\u0435"]})}),"\n",(0,s.jsx)(n.li,{children:(0,s.jsxs)(n.em,{children:[(0,s.jsx)(n.a,{href:"https://youtu.be/BWAeYuWFHhs?t=1666",children:"\u041b\u0443\u0447\u0448\u0435 - \u043e\u043f\u0442\u0438\u043c\u0438\u0437\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u043f\u043e\u0434 \u0443\u0434\u0430\u043b\u0435\u043d\u0438\u0435"})," - \u043d\u0430 \u043e\u0441\u043d\u043e\u0432\u0430\u043d\u0438\u0438 \u0442\u043e\u0433\u043e \u043a\u043e\u043d\u0442\u0435\u043a\u0441\u0442\u0430, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u0443\u0436\u0435 \u0438\u043c\u0435\u0435\u0442\u0441\u044f"]})}),"\n"]}),"\n"]}),"\n"]}),"\n",(0,s.jsx)(n.h3,{id:"adaptability",children:"Adaptability"}),"\n",(0,s.jsxs)(n.ul,{children:["\n",(0,s.jsxs)(n.li,{children:["\u0425\u043e\u0440\u043e\u0448\u0430\u044f \u0430\u0440\u0445\u0438\u0442\u0435\u043a\u0442\u0443\u0440\u0430 \u0434\u043e\u043b\u0436\u043d\u0430 \u0431\u044b\u0442\u044c \u043f\u0440\u0438\u043c\u0435\u043d\u0438\u043c\u0430 ",(0,s.jsx)(n.strong,{children:"\u043a \u0431\u043e\u043b\u044c\u0448\u0438\u043d\u0441\u0442\u0432\u0443 \u043f\u0440\u043e\u0435\u043a\u0442\u043e\u0432"}),"\n",(0,s.jsxs)(n.ul,{children:["\n",(0,s.jsx)(n.li,{children:(0,s.jsx)(n.em,{children:"\u0421 \u0443\u0436\u0435 \u0441\u0443\u0449\u0435\u0441\u0442\u0432\u0443\u044e\u0449\u0438\u043c\u0438 \u0438\u043d\u0444\u0440\u0430\u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u043d\u044b\u043c\u0438 \u0440\u0435\u0448\u0435\u043d\u0438\u044f\u043c\u0438"})}),"\n",(0,s.jsx)(n.li,{children:(0,s.jsx)(n.em,{children:"\u041d\u0430 \u043b\u044e\u0431\u043e\u0439 \u0441\u0442\u0430\u0434\u0438\u0438 \u0440\u0430\u0437\u0432\u0438\u0442\u0438\u044f"})}),"\n"]}),"\n"]}),"\n",(0,s.jsx)(n.li,{children:"\u041d\u0435 \u0434\u043e\u043b\u0436\u043d\u043e \u0431\u044b\u0442\u044c \u0437\u0430\u0432\u0438\u0441\u0438\u043c\u043e\u0441\u0442\u0438 \u043e\u0442 \u0444\u0440\u0435\u0439\u043c\u0432\u043e\u0440\u043a\u0430 \u0438 \u043f\u043b\u0430\u0442\u0444\u043e\u0440\u043c\u044b"}),"\n",(0,s.jsxs)(n.li,{children:["\u0414\u043e\u043b\u0436\u043d\u0430 \u0431\u044b\u0442\u044c \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e\u0441\u0442\u044c ",(0,s.jsx)(n.strong,{children:"\u043b\u0435\u0433\u043a\u043e \u043c\u0430\u0441\u0448\u0442\u0430\u0431\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u043f\u0440\u043e\u0435\u043a\u0442 \u0438 \u043a\u043e\u043c\u0430\u043d\u0434\u0443"}),", \u0441 \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e\u0441\u0442\u044c\u044e \u043f\u0430\u0440\u0430\u043b\u043b\u0435\u043b\u0438\u0437\u0430\u0446\u0438\u0438 \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u0438"]}),"\n",(0,s.jsxs)(n.li,{children:["\u0414\u043e\u043b\u0436\u043d\u043e \u0431\u044b\u0442\u044c \u043b\u0435\u0433\u043a\u043e ",(0,s.jsx)(n.strong,{children:"\u043f\u043e\u0434\u0441\u0442\u0440\u0430\u0438\u0432\u0430\u0442\u044c\u0441\u044f \u043f\u043e\u0434 \u0438\u0437\u043c\u0435\u043d\u044f\u044e\u0449\u0438\u0435\u0441\u044f \u0442\u0440\u0435\u0431\u043e\u0432\u0430\u043d\u0438\u044f \u0438 \u043e\u0431\u0441\u0442\u043e\u044f\u0442\u0435\u043b\u044c\u0441\u0442\u0432\u0430"})]}),"\n"]}),"\n",(0,s.jsx)(n.h2,{id:"see-also",children:"\u0421\u043c. \u0442\u0430\u043a\u0436\u0435"}),"\n",(0,s.jsxs)(n.ul,{children:["\n",(0,s.jsx)(n.li,{children:(0,s.jsx)(n.a,{href:"https://youtu.be/BWAeYuWFHhs",children:"(React Berlin Talk) Oleg Isonen - Feature Driven Architecture"})}),"\n",(0,s.jsx)(n.li,{children:(0,s.jsx)(n.a,{href:"https://t.me/feature_slices",children:"(React SPB Meetup #1) Sergey Sova - Feature Slices"})}),"\n",(0,s.jsx)(n.li,{children:(0,s.jsx)(n.a,{href:"https://alexmngn.medium.com/why-react-developers-should-modularize-their-applications-d26d381854c1",children:"(\u0421\u0442\u0430\u0442\u044c\u044f) \u041f\u0440\u043e \u043c\u043e\u0434\u0443\u043b\u044f\u0440\u0438\u0437\u0430\u0446\u0438\u044e \u043f\u0440\u043e\u0435\u043a\u0442\u043e\u0432"})}),"\n",(0,s.jsx)(n.li,{children:(0,s.jsx)(n.a,{href:"https://ryanlanciaux.com/blog/2017/08/20/a-feature-based-approach-to-react-development/",children:"(\u0421\u0442\u0430\u0442\u044c\u044f) \u041f\u0440\u043e Separation of Concerns \u0438 \u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u0435 \u043f\u043e \u0444\u0438\u0447\u0430\u043c"})}),"\n"]})]})}function a(e={}){const{wrapper:n}={...(0,r.R)(),...e.components};return n?(0,s.jsx)(n,{...e,children:(0,s.jsx)(o,{...e})}):o(e)}},1100:(e,n,i)=>{i.d(n,{R:()=>d,x:()=>t});var s=i(758);const r={},l=s.createContext(r);function d(e){const n=s.useContext(l);return s.useMemo((function(){return"function"==typeof e?e(n):{...n,...e}}),[n,e])}function t(e){let n;return n=e.disableParentContext?"function"==typeof e.components?e.components(r):e.components||r:d(e.components),s.createElement(l.Provider,{value:n},e.children)}}}]);
\ No newline at end of file
diff --git a/ru/assets/js/8edc10e1.df720cb1.js b/ru/assets/js/8edc10e1.06c454b2.js
similarity index 98%
rename from ru/assets/js/8edc10e1.df720cb1.js
rename to ru/assets/js/8edc10e1.06c454b2.js
index 504292fb89..20cac76542 100644
--- a/ru/assets/js/8edc10e1.df720cb1.js
+++ b/ru/assets/js/8edc10e1.06c454b2.js
@@ -1 +1 @@
-"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[7968],{1928:(e,t,i)=>{i.d(t,{Ay:()=>o,RM:()=>l});var s=i(6070),n=i(1100),r=(i(758),i(6783)),a=i(7765);const d=e=>{let{ticket:t}=e;const i=`https://github.com/feature-sliced/documentation/issues/${t}`;return(0,s.jsxs)("div",{children:[(0,s.jsx)("p",{children:(0,a.T)({id:"shared.wip.title"})}),(0,s.jsx)("p",{children:(0,a.T)({id:"shared.wip.subtitle"})}),(0,s.jsxs)("ul",{children:[(0,s.jsxs)("li",{children:[(0,a.T)({id:"shared.wip.var.feedback.base"}),(0,s.jsx)(r.A,{to:i,children:(0,a.T)({id:"shared.wip.var.feedback.link"})})]}),(0,s.jsxs)("li",{children:[(0,a.T)({id:"shared.wip.var.material.base"}),(0,s.jsx)(r.A,{to:"https://t.me/feature_sliced",children:(0,a.T)({id:"shared.wip.var.material.link"})})]}),(0,s.jsxs)("li",{children:[(0,a.T)({id:"shared.wip.var.contribute.base"}),(0,s.jsx)(r.A,{to:"https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md",children:(0,a.T)({id:"shared.wip.var.contribute.link"})})]})]}),(0,s.jsx)("br",{}),(0,s.jsx)("p",{children:(0,s.jsx)("i",{children:"\ud83c\udf70 Stay tuned!"})})]})},l=[];function c(e){const t={admonition:"admonition",...(0,n.R)(),...e.components};return(0,s.jsx)(t.admonition,{title:"WIP",type:"caution",children:(0,s.jsx)(d,{ticket:e.ticket})})}function o(e={}){const{wrapper:t}={...(0,n.R)(),...e.components};return t?(0,s.jsx)(t,{...e,children:(0,s.jsx)(c,{...e})}):c(e)}},7323:(e,t,i)=>{i.r(t),i.d(t,{assets:()=>c,contentTitle:()=>d,default:()=>h,frontMatter:()=>a,metadata:()=>l,toc:()=>o});var s=i(6070),n=i(1100),r=i(1928);const a={sidebar_position:8,sidebar_class_name:"sidebar-item--wip",unlisted:!0},d="White Labels",l={id:"guides/examples/white-labels",title:"White Labels",description:"Figma, brand uikit, templates, \u0430\u0434\u0430\u043f\u0442\u0438\u0440\u0443\u0435\u043c\u043e\u0441\u0442\u044c \u043a \u0431\u0440\u0435\u043d\u0434\u0430\u043c",source:"@site/i18n/ru/docusaurus-plugin-content-docs/current/guides/examples/white-labels.mdx",sourceDirName:"guides/examples",slug:"/guides/examples/white-labels",permalink:"/ru/docs/guides/examples/white-labels",draft:!1,unlisted:!0,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/ru/docusaurus-plugin-content-docs/current/guides/examples/white-labels.mdx",tags:[],version:"current",lastUpdatedAt:1727607766e3,sidebarPosition:8,frontMatter:{sidebar_position:8,sidebar_class_name:"sidebar-item--wip",unlisted:!0},sidebar:"guidesSidebar"},c={},o=[...r.RM,{value:"\u0421\u043c. \u0442\u0430\u043a\u0436\u0435",id:"see-also",level:2}];function u(e){const t={a:"a",blockquote:"blockquote",h1:"h1",h2:"h2",header:"header",li:"li",p:"p",ul:"ul",...(0,n.R)(),...e.components};return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(t.header,{children:(0,s.jsx)(t.h1,{id:"white-labels",children:"White Labels"})}),"\n",(0,s.jsx)(r.Ay,{ticket:"215"}),"\n",(0,s.jsxs)(t.blockquote,{children:["\n",(0,s.jsx)(t.p,{children:"Figma, brand uikit, templates, \u0430\u0434\u0430\u043f\u0442\u0438\u0440\u0443\u0435\u043c\u043e\u0441\u0442\u044c \u043a \u0431\u0440\u0435\u043d\u0434\u0430\u043c"}),"\n"]}),"\n",(0,s.jsx)(t.h2,{id:"see-also",children:"\u0421\u043c. \u0442\u0430\u043a\u0436\u0435"}),"\n",(0,s.jsxs)(t.ul,{children:["\n",(0,s.jsx)(t.li,{children:(0,s.jsx)(t.a,{href:"https://t.me/feature_sliced/1543",children:"(\u0422\u0440\u0435\u0434) \u041f\u0440\u043e \u043f\u0440\u0438\u043c\u0435\u043d\u0435\u043d\u0438\u0435 \u0434\u043b\u044f white-labels (\u0431\u0440\u0435\u043d\u0434\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u044b\u0445) \u043f\u0440\u043e\u0435\u043a\u0442\u043e\u0432"})}),"\n",(0,s.jsx)(t.li,{children:(0,s.jsx)(t.a,{href:"https://yadi.sk/i/5IdhzsWrpO3v4Q",children:"(\u041f\u0440\u0435\u0437\u0435\u043d\u0442\u0430\u0446\u0438\u044f) \u041f\u0440\u043e white-labels \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f \u0438 \u0434\u0438\u0437\u0430\u0439\u043d"})}),"\n"]})]})}function h(e={}){const{wrapper:t}={...(0,n.R)(),...e.components};return t?(0,s.jsx)(t,{...e,children:(0,s.jsx)(u,{...e})}):u(e)}},1100:(e,t,i)=>{i.d(t,{R:()=>a,x:()=>d});var s=i(758);const n={},r=s.createContext(n);function a(e){const t=s.useContext(r);return s.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function d(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(n):e.components||n:a(e.components),s.createElement(r.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
+"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[7968],{1928:(e,t,i)=>{i.d(t,{Ay:()=>o,RM:()=>l});var s=i(6070),n=i(1100),r=(i(758),i(6783)),a=i(7765);const d=e=>{let{ticket:t}=e;const i=`https://github.com/feature-sliced/documentation/issues/${t}`;return(0,s.jsxs)("div",{children:[(0,s.jsx)("p",{children:(0,a.T)({id:"shared.wip.title"})}),(0,s.jsx)("p",{children:(0,a.T)({id:"shared.wip.subtitle"})}),(0,s.jsxs)("ul",{children:[(0,s.jsxs)("li",{children:[(0,a.T)({id:"shared.wip.var.feedback.base"}),(0,s.jsx)(r.A,{to:i,children:(0,a.T)({id:"shared.wip.var.feedback.link"})})]}),(0,s.jsxs)("li",{children:[(0,a.T)({id:"shared.wip.var.material.base"}),(0,s.jsx)(r.A,{to:"https://t.me/feature_sliced",children:(0,a.T)({id:"shared.wip.var.material.link"})})]}),(0,s.jsxs)("li",{children:[(0,a.T)({id:"shared.wip.var.contribute.base"}),(0,s.jsx)(r.A,{to:"https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md",children:(0,a.T)({id:"shared.wip.var.contribute.link"})})]})]}),(0,s.jsx)("br",{}),(0,s.jsx)("p",{children:(0,s.jsx)("i",{children:"\ud83c\udf70 Stay tuned!"})})]})},l=[];function c(e){const t={admonition:"admonition",...(0,n.R)(),...e.components};return(0,s.jsx)(t.admonition,{title:"WIP",type:"caution",children:(0,s.jsx)(d,{ticket:e.ticket})})}function o(e={}){const{wrapper:t}={...(0,n.R)(),...e.components};return t?(0,s.jsx)(t,{...e,children:(0,s.jsx)(c,{...e})}):c(e)}},7323:(e,t,i)=>{i.r(t),i.d(t,{assets:()=>c,contentTitle:()=>d,default:()=>h,frontMatter:()=>a,metadata:()=>l,toc:()=>o});var s=i(6070),n=i(1100),r=i(1928);const a={sidebar_position:8,sidebar_class_name:"sidebar-item--wip",unlisted:!0},d="White Labels",l={id:"guides/examples/white-labels",title:"White Labels",description:"Figma, brand uikit, templates, \u0430\u0434\u0430\u043f\u0442\u0438\u0440\u0443\u0435\u043c\u043e\u0441\u0442\u044c \u043a \u0431\u0440\u0435\u043d\u0434\u0430\u043c",source:"@site/i18n/ru/docusaurus-plugin-content-docs/current/guides/examples/white-labels.mdx",sourceDirName:"guides/examples",slug:"/guides/examples/white-labels",permalink:"/ru/docs/guides/examples/white-labels",draft:!1,unlisted:!0,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/ru/docusaurus-plugin-content-docs/current/guides/examples/white-labels.mdx",tags:[],version:"current",lastUpdatedAt:1728325386e3,sidebarPosition:8,frontMatter:{sidebar_position:8,sidebar_class_name:"sidebar-item--wip",unlisted:!0},sidebar:"guidesSidebar"},c={},o=[...r.RM,{value:"\u0421\u043c. \u0442\u0430\u043a\u0436\u0435",id:"see-also",level:2}];function u(e){const t={a:"a",blockquote:"blockquote",h1:"h1",h2:"h2",header:"header",li:"li",p:"p",ul:"ul",...(0,n.R)(),...e.components};return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(t.header,{children:(0,s.jsx)(t.h1,{id:"white-labels",children:"White Labels"})}),"\n",(0,s.jsx)(r.Ay,{ticket:"215"}),"\n",(0,s.jsxs)(t.blockquote,{children:["\n",(0,s.jsx)(t.p,{children:"Figma, brand uikit, templates, \u0430\u0434\u0430\u043f\u0442\u0438\u0440\u0443\u0435\u043c\u043e\u0441\u0442\u044c \u043a \u0431\u0440\u0435\u043d\u0434\u0430\u043c"}),"\n"]}),"\n",(0,s.jsx)(t.h2,{id:"see-also",children:"\u0421\u043c. \u0442\u0430\u043a\u0436\u0435"}),"\n",(0,s.jsxs)(t.ul,{children:["\n",(0,s.jsx)(t.li,{children:(0,s.jsx)(t.a,{href:"https://t.me/feature_sliced/1543",children:"(\u0422\u0440\u0435\u0434) \u041f\u0440\u043e \u043f\u0440\u0438\u043c\u0435\u043d\u0435\u043d\u0438\u0435 \u0434\u043b\u044f white-labels (\u0431\u0440\u0435\u043d\u0434\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u044b\u0445) \u043f\u0440\u043e\u0435\u043a\u0442\u043e\u0432"})}),"\n",(0,s.jsx)(t.li,{children:(0,s.jsx)(t.a,{href:"https://yadi.sk/i/5IdhzsWrpO3v4Q",children:"(\u041f\u0440\u0435\u0437\u0435\u043d\u0442\u0430\u0446\u0438\u044f) \u041f\u0440\u043e white-labels \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f \u0438 \u0434\u0438\u0437\u0430\u0439\u043d"})}),"\n"]})]})}function h(e={}){const{wrapper:t}={...(0,n.R)(),...e.components};return t?(0,s.jsx)(t,{...e,children:(0,s.jsx)(u,{...e})}):u(e)}},1100:(e,t,i)=>{i.d(t,{R:()=>a,x:()=>d});var s=i(758);const n={},r=s.createContext(n);function a(e){const t=s.useContext(r);return s.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function d(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(n):e.components||n:a(e.components),s.createElement(r.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
diff --git a/ru/assets/js/90c52043.45f58b8c.js b/ru/assets/js/90c52043.39c01627.js
similarity index 99%
rename from ru/assets/js/90c52043.45f58b8c.js
rename to ru/assets/js/90c52043.39c01627.js
index 301b63e271..68cf9fff11 100644
--- a/ru/assets/js/90c52043.45f58b8c.js
+++ b/ru/assets/js/90c52043.39c01627.js
@@ -1 +1 @@
-"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[5425],{1928:(e,n,s)=>{s.d(n,{Ay:()=>a,RM:()=>c});var i=s(6070),t=s(1100),r=(s(758),s(6783)),o=s(7765);const d=e=>{let{ticket:n}=e;const s=`https://github.com/feature-sliced/documentation/issues/${n}`;return(0,i.jsxs)("div",{children:[(0,i.jsx)("p",{children:(0,o.T)({id:"shared.wip.title"})}),(0,i.jsx)("p",{children:(0,o.T)({id:"shared.wip.subtitle"})}),(0,i.jsxs)("ul",{children:[(0,i.jsxs)("li",{children:[(0,o.T)({id:"shared.wip.var.feedback.base"}),(0,i.jsx)(r.A,{to:s,children:(0,o.T)({id:"shared.wip.var.feedback.link"})})]}),(0,i.jsxs)("li",{children:[(0,o.T)({id:"shared.wip.var.material.base"}),(0,i.jsx)(r.A,{to:"https://t.me/feature_sliced",children:(0,o.T)({id:"shared.wip.var.material.link"})})]}),(0,i.jsxs)("li",{children:[(0,o.T)({id:"shared.wip.var.contribute.base"}),(0,i.jsx)(r.A,{to:"https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md",children:(0,o.T)({id:"shared.wip.var.contribute.link"})})]})]}),(0,i.jsx)("br",{}),(0,i.jsx)("p",{children:(0,i.jsx)("i",{children:"\ud83c\udf70 Stay tuned!"})})]})},c=[];function l(e){const n={admonition:"admonition",...(0,t.R)(),...e.components};return(0,i.jsx)(n.admonition,{title:"WIP",type:"caution",children:(0,i.jsx)(d,{ticket:e.ticket})})}function a(e={}){const{wrapper:n}={...(0,t.R)(),...e.components};return n?(0,i.jsx)(n,{...e,children:(0,i.jsx)(l,{...e})}):l(e)}},7138:(e,n,s)=>{s.r(n),s.d(n,{assets:()=>l,contentTitle:()=>d,default:()=>h,frontMatter:()=>o,metadata:()=>c,toc:()=>a});var i=s(6070),t=s(1100),r=s(1928);const o={sidebar_position:2,sidebar_class_name:"sidebar-item--wip"},d="\u0414\u0435\u0441\u0435\u0433\u043c\u0435\u043d\u0442\u0430\u0446\u0438\u044f",c={id:"guides/issues/desegmented",title:"\u0414\u0435\u0441\u0435\u0433\u043c\u0435\u043d\u0442\u0430\u0446\u0438\u044f",description:"\u0421\u0438\u0442\u0443\u0430\u0446\u0438\u044f",source:"@site/i18n/ru/docusaurus-plugin-content-docs/current/guides/issues/desegmented.mdx",sourceDirName:"guides/issues",slug:"/guides/issues/desegmented",permalink:"/ru/docs/guides/issues/desegmented",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/ru/docusaurus-plugin-content-docs/current/guides/issues/desegmented.mdx",tags:[],version:"current",lastUpdatedAt:1727607766e3,sidebarPosition:2,frontMatter:{sidebar_position:2,sidebar_class_name:"sidebar-item--wip"},sidebar:"guidesSidebar",previous:{title:"\u0418\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u0435 \u0441 SvelteKit",permalink:"/ru/docs/guides/tech/with-sveltekit"},next:{title:"\u0420\u043e\u0443\u0442\u0438\u043d\u0433",permalink:"/ru/docs/guides/issues/routes"}},l={},a=[...r.RM,{value:"\u0421\u0438\u0442\u0443\u0430\u0446\u0438\u044f",id:"situation",level:2},{value:"\u041f\u0440\u043e\u0431\u043b\u0435\u043c\u0430",id:"problem",level:2},{value:"\u0415\u0441\u043b\u0438 \u043f\u0440\u043e\u0438\u0433\u043d\u043e\u0440\u0438\u0440\u043e\u0432\u0430\u0442\u044c",id:"if-you-ignore-it",level:2},{value:"\u0420\u0435\u0448\u0435\u043d\u0438\u0435",id:"solution",level:2},{value:"\u0421\u043c. \u0442\u0430\u043a\u0436\u0435",id:"see-also",level:2}];function u(e){const n={a:"a",blockquote:"blockquote",code:"code",h1:"h1",h2:"h2",header:"header",li:"li",p:"p",pre:"pre",strong:"strong",ul:"ul",...(0,t.R)(),...e.components};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(n.header,{children:(0,i.jsx)(n.h1,{id:"\u0434\u0435\u0441\u0435\u0433\u043c\u0435\u043d\u0442\u0430\u0446\u0438\u044f",children:"\u0414\u0435\u0441\u0435\u0433\u043c\u0435\u043d\u0442\u0430\u0446\u0438\u044f"})}),"\n",(0,i.jsx)(r.Ay,{ticket:"148"}),"\n",(0,i.jsx)(n.h2,{id:"situation",children:"\u0421\u0438\u0442\u0443\u0430\u0446\u0438\u044f"}),"\n",(0,i.jsx)(n.p,{children:"\u041e\u0447\u0435\u043d\u044c \u0447\u0430\u0441\u0442\u043e \u043d\u0430 \u043f\u0440\u043e\u0435\u043a\u0442\u0430\u0445 \u0432\u0441\u0442\u0440\u0435\u0447\u0430\u0435\u0442\u0441\u044f \u0441\u0438\u0442\u0443\u0430\u0446\u0438\u044f, \u043a\u043e\u0433\u0434\u0430 \u043c\u043e\u0434\u0443\u043b\u0438, \u043e\u0442\u043d\u043e\u0441\u044f\u0449\u0438\u0435\u0441\u044f \u043a \u043a\u043e\u043d\u043a\u0440\u0435\u0442\u043d\u043e\u043c\u0443 \u0434\u043e\u043c\u0435\u043d\u0443 \u0438\u0437 \u043f\u0440\u0435\u0434\u043c\u0435\u0442\u043d\u043e\u0439 \u043e\u0431\u043b\u0430\u0441\u0442\u0438, \u0438\u0437\u043b\u0438\u0448\u043d\u0435 \u0434\u0435\u0441\u0435\u0433\u043c\u0435\u043d\u0442\u0438\u0440\u043e\u0432\u0430\u043d\u044b \u0438 \u0440\u0430\u0441\u043a\u0438\u0434\u0430\u043d\u044b \u043f\u043e \u043f\u0440\u043e\u0435\u043a\u0442\u0443"}),"\n",(0,i.jsx)(n.pre,{children:(0,i.jsx)(n.code,{className:"language-sh",children:"\u251c\u2500\u2500 components/\n|    \u251c\u2500\u2500 DeliveryCard\n|    \u251c\u2500\u2500 DeliveryChoice\n|    \u251c\u2500\u2500 RegionSelect\n|    \u251c\u2500\u2500 UserAvatar\n\u251c\u2500\u2500 actions/\n|    \u251c\u2500\u2500 delivery.js\n|    \u251c\u2500\u2500 region.js\n|    \u251c\u2500\u2500 user.js\n\u251c\u2500\u2500 epics/\n|    \u251c\u2500\u2500 delivery.js\n|    \u251c\u2500\u2500 region.js\n|    \u251c\u2500\u2500 user.js\n\u251c\u2500\u2500 constants/\n|    \u251c\u2500\u2500 delivery.js\n|    \u251c\u2500\u2500 region.js\n|    \u251c\u2500\u2500 user.js\n\u251c\u2500\u2500 helpers/\n|    \u251c\u2500\u2500 delivery.js\n|    \u251c\u2500\u2500 region.js\n|    \u251c\u2500\u2500 user.js\n\u251c\u2500\u2500 entities/\n|    \u251c\u2500\u2500 delivery/\n|    |      \u251c\u2500\u2500 getters.js\n|    |      \u251c\u2500\u2500 selectors.js\n|    \u251c\u2500\u2500 region/\n|    \u251c\u2500\u2500 user/\n"})}),"\n",(0,i.jsx)(n.h2,{id:"problem",children:"\u041f\u0440\u043e\u0431\u043b\u0435\u043c\u0430"}),"\n",(0,i.jsxs)(n.p,{children:["\u041f\u0440\u043e\u0431\u043b\u0435\u043c\u0430 \u043f\u0440\u043e\u044f\u0432\u043b\u044f\u0435\u0442\u0441\u044f \u043a\u0430\u043a \u043c\u0438\u043d\u0438\u043c\u0443\u043c \u0432 \u043d\u0430\u0440\u0443\u0448\u0435\u043d\u0438\u0438 \u043f\u0440\u0438\u043d\u0446\u0438\u043f\u0430 ",(0,i.jsx)(n.strong,{children:"High Cohesion"})," \u0438 \u0438\u0437\u043b\u0438\u0448\u043d\u0435\u0433\u043e \u0440\u0430\u0441\u0442\u044f\u0433\u0438\u0432\u0430\u043d\u0438\u044f ",(0,i.jsx)(n.strong,{children:"\u043e\u0441\u0438 \u0438\u0437\u043c\u0435\u043d\u0435\u043d\u0438\u0439"})]}),"\n",(0,i.jsx)(n.h2,{id:"if-you-ignore-it",children:"\u0415\u0441\u043b\u0438 \u043f\u0440\u043e\u0438\u0433\u043d\u043e\u0440\u0438\u0440\u043e\u0432\u0430\u0442\u044c"}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsxs)(n.li,{children:["\u041f\u0440\u0438 \u043d\u0435\u043e\u0431\u0445\u043e\u0434\u0438\u043c\u043e\u0441\u0442\u0438 \u0437\u0430\u0442\u0440\u043e\u043d\u0443\u0442\u044c \u043b\u043e\u0433\u0438\u043a\u0443, \u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, \u0434\u043e\u0441\u0442\u0430\u0432\u043a\u0438 - \u043d\u0430\u043c \u043f\u0440\u0438\u0434\u0435\u0442\u0441\u044f \u0434\u0435\u0440\u0436\u0430\u0442\u044c \u0432 \u0433\u043e\u043b\u043e\u0432\u0435, \u0447\u0442\u043e \u043e\u043d\u0430 \u043b\u0435\u0436\u0438\u0442 \u0432 \u043d\u0435\u0441\u043a\u043e\u043b\u044c\u043a\u0438\u0445 \u043c\u0435\u0441\u0442\u0430\u0445 \u0438 \u0437\u0430\u0442\u0440\u043e\u043d\u0443\u0442\u044c \u0432 \u043a\u043e\u0434\u0435 \u0438\u043c\u0435\u043d\u043d\u043e \u043d\u0435\u0441\u043a\u043e\u043b\u044c\u043a\u043e \u043c\u0435\u0441\u0442 - \u0447\u0442\u043e \u0438\u0437\u043b\u0438\u0448\u043d\u0435 \u0440\u0430\u0441\u0442\u044f\u0433\u0438\u0432\u0430\u0435\u0442 \u043d\u0430\u0448\u0443 ",(0,i.jsx)(n.strong,{children:"\u041e\u0441\u044c \u0438\u0437\u043c\u0435\u043d\u0435\u043d\u0438\u0439"})]}),"\n",(0,i.jsxs)(n.li,{children:["\u0415\u0441\u043b\u0438 \u043d\u0430\u043c \u043d\u0430\u0434\u043e \u0438\u0437\u0443\u0447\u0438\u0442\u044c \u043b\u043e\u0433\u0438\u043a\u0443 \u043f\u043e \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044e, \u043d\u0430\u043c \u043f\u0440\u0438\u0434\u0435\u0442\u0441\u044f \u043f\u0440\u043e\u0439\u0442\u0438\u0441\u044c \u043f\u043e \u0432\u0441\u0435\u043c\u0443-\u0432\u0441\u0435\u043c\u0443 \u043f\u0440\u043e\u0435\u043a\u0442\u0443, \u0447\u0442\u043e\u0431\u044b \u0438\u0437\u0443\u0447\u0438\u0442\u044c \u0432 \u0434\u0435\u0442\u0430\u043b\u044f\u0445 ",(0,i.jsx)(n.strong,{children:"actions, epics, constants, entities, components"})," - \u0432\u043c\u0435\u0441\u0442\u043e \u0442\u043e\u0433\u043e, \u0447\u0442\u043e\u0431\u044b \u044d\u0442\u043e \u043b\u0435\u0436\u0430\u043b\u043e \u0432 \u043e\u0434\u043d\u043e\u043c \u043c\u0435\u0441\u0442\u0435"]}),"\n",(0,i.jsxs)(n.li,{children:["\u041d\u0435\u044f\u0432\u043d\u044b\u0435 \u0441\u0432\u044f\u0437\u0438 \u0438 \u043d\u0435\u043a\u043e\u043d\u0442\u0440\u043e\u043b\u0438\u0440\u0443\u0435\u043c\u043e\u0441\u0442\u044c \u0440\u0430\u0441\u0442\u0443\u0449\u0435\u0439 \u043f\u0440\u0435\u0434\u043c\u0435\u0442\u043d\u043e\u0439 \u043e\u0431\u043b\u0430\u0441\u0442\u0438","\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsx)(n.li,{children:'\u041f\u0440\u0438 \u0442\u0430\u043a\u043e\u043c \u043f\u043e\u0434\u0445\u043e\u0434\u0435 \u043e\u0447\u0435\u043d\u044c \u0447\u0430\u0441\u0442\u043e \u0437\u0430\u043c\u044b\u043b\u0438\u0432\u0430\u0435\u0442\u0441\u044f \u0433\u043b\u0430\u0437 \u0438 \u043c\u043e\u0436\u043d\u043e \u043d\u0435 \u0437\u0430\u043c\u0435\u0442\u0438\u0442\u044c, \u043a\u0430\u043a \u043c\u044b "\u0441\u043e\u0437\u0434\u0430\u0435\u043c \u043a\u043e\u043d\u0441\u0442\u0430\u043d\u0442\u044b \u0440\u0430\u0434\u0438 \u043a\u043e\u043d\u0441\u0442\u0430\u043d\u0442", \u0441\u043e\u0437\u0434\u0430\u0432\u0430\u044f \u0441\u0432\u0430\u043b\u043a\u0443 \u0432 \u0441\u043e\u043e\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0443\u044e\u0449\u0435\u0439 \u0434\u0438\u0440\u0435\u043a\u0442\u043e\u0440\u0438\u0438 \u043f\u0440\u043e\u0435\u043a\u0442\u0430'}),"\n"]}),"\n"]}),"\n"]}),"\n",(0,i.jsx)(n.h2,{id:"solution",children:"\u0420\u0435\u0448\u0435\u043d\u0438\u0435"}),"\n",(0,i.jsx)(n.p,{children:"\u0420\u0430\u0441\u043f\u043e\u043b\u0430\u0433\u0430\u0442\u044c \u0432\u0441\u0435 \u043c\u043e\u0434\u0443\u043b\u0438, \u043e\u0442\u043d\u043e\u0441\u044f\u0449\u0438\u0435\u0441\u044f \u043a \u043a\u043e\u043d\u043a\u0440\u0435\u0442\u043d\u043e\u043c\u0443 \u0434\u043e\u043c\u0435\u043d\u0443/\u044e\u0437\u043a\u0435\u0439\u0441\u0443 - \u043d\u0435\u043f\u043e\u0441\u0440\u0435\u0434\u0441\u0442\u0432\u0435\u043d\u043d\u043e \u0440\u044f\u0434\u043e\u043c"}),"\n",(0,i.jsx)(n.p,{children:"\u0427\u0442\u043e\u0431\u044b \u043f\u0440\u0438 \u0438\u0437\u0443\u0447\u0435\u043d\u0438\u0438 \u043a\u043e\u043d\u043a\u0440\u0435\u0442\u043d\u043e\u0433\u043e \u043c\u043e\u0434\u0443\u043b\u044f - \u0432\u0441\u0435 \u0435\u0433\u043e \u0441\u043e\u0441\u0442\u0430\u0432\u043b\u044f\u044e\u0449\u0438\u0435 \u043b\u0435\u0436\u0430\u043b\u0438 \u0440\u044f\u0434\u043e\u043c, \u0430 \u043d\u0435 \u0431\u044b\u043b\u0438 \u0440\u0430\u0441\u043a\u0438\u0434\u0430\u043d\u044b \u043f\u043e \u043f\u0440\u043e\u0435\u043a\u0442\u0443"}),"\n",(0,i.jsxs)(n.blockquote,{children:["\n",(0,i.jsx)(n.p,{children:"\u042d\u0442\u043e \u0442\u0430\u043a\u0436\u0435 \u043f\u043e\u0432\u044b\u0448\u0430\u0435\u0442 discoverability \u0438 \u044f\u0432\u043d\u043e\u0441\u0442\u044c \u043a\u043e\u0434\u043e\u0432\u043e\u0439 \u0431\u0430\u0437\u044b \u0438 \u0441\u0432\u044f\u0437\u0435\u0439 \u043c\u0435\u0436\u0434\u0443 \u043c\u043e\u0434\u0443\u043b\u044f\u043c\u0438"}),"\n"]}),"\n",(0,i.jsx)(n.pre,{children:(0,i.jsx)(n.code,{className:"language-diff",children:"- \u251c\u2500\u2500 components/\n- |    \u251c\u2500\u2500 DeliveryCard\n- |    \u251c\u2500\u2500 DeliveryChoice\n- |    \u251c\u2500\u2500 RegionSelect\n- |    \u251c\u2500\u2500 UserAvatar\n- \u251c\u2500\u2500 actions/\n- |    \u251c\u2500\u2500 delivery.js\n- |    \u251c\u2500\u2500 region.js\n- |    \u251c\u2500\u2500 user.js\n- \u251c\u2500\u2500 epics/{...}\n- \u251c\u2500\u2500 constants/{...}\n- \u251c\u2500\u2500 helpers/{...}\n  \u251c\u2500\u2500 entities/\n  |    \u251c\u2500\u2500 delivery/\n+ |    |      \u251c\u2500\u2500 ui/ # ~ components/\n+ |    |      |   \u251c\u2500\u2500 card.js\n+ |    |      |   \u251c\u2500\u2500 choice.js\n+ |    |      \u251c\u2500\u2500 model/\n+ |    |      |   \u251c\u2500\u2500 actions.js\n+ |    |      |   \u251c\u2500\u2500 constants.js\n+ |    |      |   \u251c\u2500\u2500 epics.js\n+ |    |      |   \u251c\u2500\u2500 getters.js\n+ |    |      |   \u251c\u2500\u2500 selectors.js\n+ |    |      \u251c\u2500\u2500 lib/ # ~ helpers\n  |    \u251c\u2500\u2500 region/\n  |    \u251c\u2500\u2500 user/\n"})}),"\n",(0,i.jsx)(n.h2,{id:"see-also",children:"\u0421\u043c. \u0442\u0430\u043a\u0436\u0435"}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsx)(n.li,{children:(0,i.jsx)(n.a,{href:"https://enterprisecraftsmanship.com/posts/cohesion-coupling-difference/",children:"(\u0421\u0442\u0430\u0442\u044c\u044f) \u041f\u0440\u043e Low Coupling \u0438 High Cohesion \u043d\u0430\u0433\u043b\u044f\u0434\u043d\u043e"})}),"\n",(0,i.jsx)(n.li,{children:(0,i.jsx)(n.a,{href:"https://medium.com/german-gorelkin/low-coupling-high-cohesion-d36369fb1be9",children:"(\u0421\u0442\u0430\u0442\u044c\u044f) Low Coupling \u0438 High Cohesion. \u0417\u0430\u043a\u043e\u043d \u0414\u0435\u043c\u0435\u0442\u0440\u044b"})}),"\n"]})]})}function h(e={}){const{wrapper:n}={...(0,t.R)(),...e.components};return n?(0,i.jsx)(n,{...e,children:(0,i.jsx)(u,{...e})}):u(e)}},1100:(e,n,s)=>{s.d(n,{R:()=>o,x:()=>d});var i=s(758);const t={},r=i.createContext(t);function o(e){const n=i.useContext(r);return i.useMemo((function(){return"function"==typeof e?e(n):{...n,...e}}),[n,e])}function d(e){let n;return n=e.disableParentContext?"function"==typeof e.components?e.components(t):e.components||t:o(e.components),i.createElement(r.Provider,{value:n},e.children)}}}]);
\ No newline at end of file
+"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[5425],{1928:(e,n,s)=>{s.d(n,{Ay:()=>a,RM:()=>c});var i=s(6070),t=s(1100),r=(s(758),s(6783)),o=s(7765);const d=e=>{let{ticket:n}=e;const s=`https://github.com/feature-sliced/documentation/issues/${n}`;return(0,i.jsxs)("div",{children:[(0,i.jsx)("p",{children:(0,o.T)({id:"shared.wip.title"})}),(0,i.jsx)("p",{children:(0,o.T)({id:"shared.wip.subtitle"})}),(0,i.jsxs)("ul",{children:[(0,i.jsxs)("li",{children:[(0,o.T)({id:"shared.wip.var.feedback.base"}),(0,i.jsx)(r.A,{to:s,children:(0,o.T)({id:"shared.wip.var.feedback.link"})})]}),(0,i.jsxs)("li",{children:[(0,o.T)({id:"shared.wip.var.material.base"}),(0,i.jsx)(r.A,{to:"https://t.me/feature_sliced",children:(0,o.T)({id:"shared.wip.var.material.link"})})]}),(0,i.jsxs)("li",{children:[(0,o.T)({id:"shared.wip.var.contribute.base"}),(0,i.jsx)(r.A,{to:"https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md",children:(0,o.T)({id:"shared.wip.var.contribute.link"})})]})]}),(0,i.jsx)("br",{}),(0,i.jsx)("p",{children:(0,i.jsx)("i",{children:"\ud83c\udf70 Stay tuned!"})})]})},c=[];function l(e){const n={admonition:"admonition",...(0,t.R)(),...e.components};return(0,i.jsx)(n.admonition,{title:"WIP",type:"caution",children:(0,i.jsx)(d,{ticket:e.ticket})})}function a(e={}){const{wrapper:n}={...(0,t.R)(),...e.components};return n?(0,i.jsx)(n,{...e,children:(0,i.jsx)(l,{...e})}):l(e)}},7138:(e,n,s)=>{s.r(n),s.d(n,{assets:()=>l,contentTitle:()=>d,default:()=>h,frontMatter:()=>o,metadata:()=>c,toc:()=>a});var i=s(6070),t=s(1100),r=s(1928);const o={sidebar_position:2,sidebar_class_name:"sidebar-item--wip"},d="\u0414\u0435\u0441\u0435\u0433\u043c\u0435\u043d\u0442\u0430\u0446\u0438\u044f",c={id:"guides/issues/desegmented",title:"\u0414\u0435\u0441\u0435\u0433\u043c\u0435\u043d\u0442\u0430\u0446\u0438\u044f",description:"\u0421\u0438\u0442\u0443\u0430\u0446\u0438\u044f",source:"@site/i18n/ru/docusaurus-plugin-content-docs/current/guides/issues/desegmented.mdx",sourceDirName:"guides/issues",slug:"/guides/issues/desegmented",permalink:"/ru/docs/guides/issues/desegmented",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/ru/docusaurus-plugin-content-docs/current/guides/issues/desegmented.mdx",tags:[],version:"current",lastUpdatedAt:1728325386e3,sidebarPosition:2,frontMatter:{sidebar_position:2,sidebar_class_name:"sidebar-item--wip"},sidebar:"guidesSidebar",previous:{title:"\u0418\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u0435 \u0441 SvelteKit",permalink:"/ru/docs/guides/tech/with-sveltekit"},next:{title:"\u0420\u043e\u0443\u0442\u0438\u043d\u0433",permalink:"/ru/docs/guides/issues/routes"}},l={},a=[...r.RM,{value:"\u0421\u0438\u0442\u0443\u0430\u0446\u0438\u044f",id:"situation",level:2},{value:"\u041f\u0440\u043e\u0431\u043b\u0435\u043c\u0430",id:"problem",level:2},{value:"\u0415\u0441\u043b\u0438 \u043f\u0440\u043e\u0438\u0433\u043d\u043e\u0440\u0438\u0440\u043e\u0432\u0430\u0442\u044c",id:"if-you-ignore-it",level:2},{value:"\u0420\u0435\u0448\u0435\u043d\u0438\u0435",id:"solution",level:2},{value:"\u0421\u043c. \u0442\u0430\u043a\u0436\u0435",id:"see-also",level:2}];function u(e){const n={a:"a",blockquote:"blockquote",code:"code",h1:"h1",h2:"h2",header:"header",li:"li",p:"p",pre:"pre",strong:"strong",ul:"ul",...(0,t.R)(),...e.components};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(n.header,{children:(0,i.jsx)(n.h1,{id:"\u0434\u0435\u0441\u0435\u0433\u043c\u0435\u043d\u0442\u0430\u0446\u0438\u044f",children:"\u0414\u0435\u0441\u0435\u0433\u043c\u0435\u043d\u0442\u0430\u0446\u0438\u044f"})}),"\n",(0,i.jsx)(r.Ay,{ticket:"148"}),"\n",(0,i.jsx)(n.h2,{id:"situation",children:"\u0421\u0438\u0442\u0443\u0430\u0446\u0438\u044f"}),"\n",(0,i.jsx)(n.p,{children:"\u041e\u0447\u0435\u043d\u044c \u0447\u0430\u0441\u0442\u043e \u043d\u0430 \u043f\u0440\u043e\u0435\u043a\u0442\u0430\u0445 \u0432\u0441\u0442\u0440\u0435\u0447\u0430\u0435\u0442\u0441\u044f \u0441\u0438\u0442\u0443\u0430\u0446\u0438\u044f, \u043a\u043e\u0433\u0434\u0430 \u043c\u043e\u0434\u0443\u043b\u0438, \u043e\u0442\u043d\u043e\u0441\u044f\u0449\u0438\u0435\u0441\u044f \u043a \u043a\u043e\u043d\u043a\u0440\u0435\u0442\u043d\u043e\u043c\u0443 \u0434\u043e\u043c\u0435\u043d\u0443 \u0438\u0437 \u043f\u0440\u0435\u0434\u043c\u0435\u0442\u043d\u043e\u0439 \u043e\u0431\u043b\u0430\u0441\u0442\u0438, \u0438\u0437\u043b\u0438\u0448\u043d\u0435 \u0434\u0435\u0441\u0435\u0433\u043c\u0435\u043d\u0442\u0438\u0440\u043e\u0432\u0430\u043d\u044b \u0438 \u0440\u0430\u0441\u043a\u0438\u0434\u0430\u043d\u044b \u043f\u043e \u043f\u0440\u043e\u0435\u043a\u0442\u0443"}),"\n",(0,i.jsx)(n.pre,{children:(0,i.jsx)(n.code,{className:"language-sh",children:"\u251c\u2500\u2500 components/\n|    \u251c\u2500\u2500 DeliveryCard\n|    \u251c\u2500\u2500 DeliveryChoice\n|    \u251c\u2500\u2500 RegionSelect\n|    \u251c\u2500\u2500 UserAvatar\n\u251c\u2500\u2500 actions/\n|    \u251c\u2500\u2500 delivery.js\n|    \u251c\u2500\u2500 region.js\n|    \u251c\u2500\u2500 user.js\n\u251c\u2500\u2500 epics/\n|    \u251c\u2500\u2500 delivery.js\n|    \u251c\u2500\u2500 region.js\n|    \u251c\u2500\u2500 user.js\n\u251c\u2500\u2500 constants/\n|    \u251c\u2500\u2500 delivery.js\n|    \u251c\u2500\u2500 region.js\n|    \u251c\u2500\u2500 user.js\n\u251c\u2500\u2500 helpers/\n|    \u251c\u2500\u2500 delivery.js\n|    \u251c\u2500\u2500 region.js\n|    \u251c\u2500\u2500 user.js\n\u251c\u2500\u2500 entities/\n|    \u251c\u2500\u2500 delivery/\n|    |      \u251c\u2500\u2500 getters.js\n|    |      \u251c\u2500\u2500 selectors.js\n|    \u251c\u2500\u2500 region/\n|    \u251c\u2500\u2500 user/\n"})}),"\n",(0,i.jsx)(n.h2,{id:"problem",children:"\u041f\u0440\u043e\u0431\u043b\u0435\u043c\u0430"}),"\n",(0,i.jsxs)(n.p,{children:["\u041f\u0440\u043e\u0431\u043b\u0435\u043c\u0430 \u043f\u0440\u043e\u044f\u0432\u043b\u044f\u0435\u0442\u0441\u044f \u043a\u0430\u043a \u043c\u0438\u043d\u0438\u043c\u0443\u043c \u0432 \u043d\u0430\u0440\u0443\u0448\u0435\u043d\u0438\u0438 \u043f\u0440\u0438\u043d\u0446\u0438\u043f\u0430 ",(0,i.jsx)(n.strong,{children:"High Cohesion"})," \u0438 \u0438\u0437\u043b\u0438\u0448\u043d\u0435\u0433\u043e \u0440\u0430\u0441\u0442\u044f\u0433\u0438\u0432\u0430\u043d\u0438\u044f ",(0,i.jsx)(n.strong,{children:"\u043e\u0441\u0438 \u0438\u0437\u043c\u0435\u043d\u0435\u043d\u0438\u0439"})]}),"\n",(0,i.jsx)(n.h2,{id:"if-you-ignore-it",children:"\u0415\u0441\u043b\u0438 \u043f\u0440\u043e\u0438\u0433\u043d\u043e\u0440\u0438\u0440\u043e\u0432\u0430\u0442\u044c"}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsxs)(n.li,{children:["\u041f\u0440\u0438 \u043d\u0435\u043e\u0431\u0445\u043e\u0434\u0438\u043c\u043e\u0441\u0442\u0438 \u0437\u0430\u0442\u0440\u043e\u043d\u0443\u0442\u044c \u043b\u043e\u0433\u0438\u043a\u0443, \u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, \u0434\u043e\u0441\u0442\u0430\u0432\u043a\u0438 - \u043d\u0430\u043c \u043f\u0440\u0438\u0434\u0435\u0442\u0441\u044f \u0434\u0435\u0440\u0436\u0430\u0442\u044c \u0432 \u0433\u043e\u043b\u043e\u0432\u0435, \u0447\u0442\u043e \u043e\u043d\u0430 \u043b\u0435\u0436\u0438\u0442 \u0432 \u043d\u0435\u0441\u043a\u043e\u043b\u044c\u043a\u0438\u0445 \u043c\u0435\u0441\u0442\u0430\u0445 \u0438 \u0437\u0430\u0442\u0440\u043e\u043d\u0443\u0442\u044c \u0432 \u043a\u043e\u0434\u0435 \u0438\u043c\u0435\u043d\u043d\u043e \u043d\u0435\u0441\u043a\u043e\u043b\u044c\u043a\u043e \u043c\u0435\u0441\u0442 - \u0447\u0442\u043e \u0438\u0437\u043b\u0438\u0448\u043d\u0435 \u0440\u0430\u0441\u0442\u044f\u0433\u0438\u0432\u0430\u0435\u0442 \u043d\u0430\u0448\u0443 ",(0,i.jsx)(n.strong,{children:"\u041e\u0441\u044c \u0438\u0437\u043c\u0435\u043d\u0435\u043d\u0438\u0439"})]}),"\n",(0,i.jsxs)(n.li,{children:["\u0415\u0441\u043b\u0438 \u043d\u0430\u043c \u043d\u0430\u0434\u043e \u0438\u0437\u0443\u0447\u0438\u0442\u044c \u043b\u043e\u0433\u0438\u043a\u0443 \u043f\u043e \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044e, \u043d\u0430\u043c \u043f\u0440\u0438\u0434\u0435\u0442\u0441\u044f \u043f\u0440\u043e\u0439\u0442\u0438\u0441\u044c \u043f\u043e \u0432\u0441\u0435\u043c\u0443-\u0432\u0441\u0435\u043c\u0443 \u043f\u0440\u043e\u0435\u043a\u0442\u0443, \u0447\u0442\u043e\u0431\u044b \u0438\u0437\u0443\u0447\u0438\u0442\u044c \u0432 \u0434\u0435\u0442\u0430\u043b\u044f\u0445 ",(0,i.jsx)(n.strong,{children:"actions, epics, constants, entities, components"})," - \u0432\u043c\u0435\u0441\u0442\u043e \u0442\u043e\u0433\u043e, \u0447\u0442\u043e\u0431\u044b \u044d\u0442\u043e \u043b\u0435\u0436\u0430\u043b\u043e \u0432 \u043e\u0434\u043d\u043e\u043c \u043c\u0435\u0441\u0442\u0435"]}),"\n",(0,i.jsxs)(n.li,{children:["\u041d\u0435\u044f\u0432\u043d\u044b\u0435 \u0441\u0432\u044f\u0437\u0438 \u0438 \u043d\u0435\u043a\u043e\u043d\u0442\u0440\u043e\u043b\u0438\u0440\u0443\u0435\u043c\u043e\u0441\u0442\u044c \u0440\u0430\u0441\u0442\u0443\u0449\u0435\u0439 \u043f\u0440\u0435\u0434\u043c\u0435\u0442\u043d\u043e\u0439 \u043e\u0431\u043b\u0430\u0441\u0442\u0438","\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsx)(n.li,{children:'\u041f\u0440\u0438 \u0442\u0430\u043a\u043e\u043c \u043f\u043e\u0434\u0445\u043e\u0434\u0435 \u043e\u0447\u0435\u043d\u044c \u0447\u0430\u0441\u0442\u043e \u0437\u0430\u043c\u044b\u043b\u0438\u0432\u0430\u0435\u0442\u0441\u044f \u0433\u043b\u0430\u0437 \u0438 \u043c\u043e\u0436\u043d\u043e \u043d\u0435 \u0437\u0430\u043c\u0435\u0442\u0438\u0442\u044c, \u043a\u0430\u043a \u043c\u044b "\u0441\u043e\u0437\u0434\u0430\u0435\u043c \u043a\u043e\u043d\u0441\u0442\u0430\u043d\u0442\u044b \u0440\u0430\u0434\u0438 \u043a\u043e\u043d\u0441\u0442\u0430\u043d\u0442", \u0441\u043e\u0437\u0434\u0430\u0432\u0430\u044f \u0441\u0432\u0430\u043b\u043a\u0443 \u0432 \u0441\u043e\u043e\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0443\u044e\u0449\u0435\u0439 \u0434\u0438\u0440\u0435\u043a\u0442\u043e\u0440\u0438\u0438 \u043f\u0440\u043e\u0435\u043a\u0442\u0430'}),"\n"]}),"\n"]}),"\n"]}),"\n",(0,i.jsx)(n.h2,{id:"solution",children:"\u0420\u0435\u0448\u0435\u043d\u0438\u0435"}),"\n",(0,i.jsx)(n.p,{children:"\u0420\u0430\u0441\u043f\u043e\u043b\u0430\u0433\u0430\u0442\u044c \u0432\u0441\u0435 \u043c\u043e\u0434\u0443\u043b\u0438, \u043e\u0442\u043d\u043e\u0441\u044f\u0449\u0438\u0435\u0441\u044f \u043a \u043a\u043e\u043d\u043a\u0440\u0435\u0442\u043d\u043e\u043c\u0443 \u0434\u043e\u043c\u0435\u043d\u0443/\u044e\u0437\u043a\u0435\u0439\u0441\u0443 - \u043d\u0435\u043f\u043e\u0441\u0440\u0435\u0434\u0441\u0442\u0432\u0435\u043d\u043d\u043e \u0440\u044f\u0434\u043e\u043c"}),"\n",(0,i.jsx)(n.p,{children:"\u0427\u0442\u043e\u0431\u044b \u043f\u0440\u0438 \u0438\u0437\u0443\u0447\u0435\u043d\u0438\u0438 \u043a\u043e\u043d\u043a\u0440\u0435\u0442\u043d\u043e\u0433\u043e \u043c\u043e\u0434\u0443\u043b\u044f - \u0432\u0441\u0435 \u0435\u0433\u043e \u0441\u043e\u0441\u0442\u0430\u0432\u043b\u044f\u044e\u0449\u0438\u0435 \u043b\u0435\u0436\u0430\u043b\u0438 \u0440\u044f\u0434\u043e\u043c, \u0430 \u043d\u0435 \u0431\u044b\u043b\u0438 \u0440\u0430\u0441\u043a\u0438\u0434\u0430\u043d\u044b \u043f\u043e \u043f\u0440\u043e\u0435\u043a\u0442\u0443"}),"\n",(0,i.jsxs)(n.blockquote,{children:["\n",(0,i.jsx)(n.p,{children:"\u042d\u0442\u043e \u0442\u0430\u043a\u0436\u0435 \u043f\u043e\u0432\u044b\u0448\u0430\u0435\u0442 discoverability \u0438 \u044f\u0432\u043d\u043e\u0441\u0442\u044c \u043a\u043e\u0434\u043e\u0432\u043e\u0439 \u0431\u0430\u0437\u044b \u0438 \u0441\u0432\u044f\u0437\u0435\u0439 \u043c\u0435\u0436\u0434\u0443 \u043c\u043e\u0434\u0443\u043b\u044f\u043c\u0438"}),"\n"]}),"\n",(0,i.jsx)(n.pre,{children:(0,i.jsx)(n.code,{className:"language-diff",children:"- \u251c\u2500\u2500 components/\n- |    \u251c\u2500\u2500 DeliveryCard\n- |    \u251c\u2500\u2500 DeliveryChoice\n- |    \u251c\u2500\u2500 RegionSelect\n- |    \u251c\u2500\u2500 UserAvatar\n- \u251c\u2500\u2500 actions/\n- |    \u251c\u2500\u2500 delivery.js\n- |    \u251c\u2500\u2500 region.js\n- |    \u251c\u2500\u2500 user.js\n- \u251c\u2500\u2500 epics/{...}\n- \u251c\u2500\u2500 constants/{...}\n- \u251c\u2500\u2500 helpers/{...}\n  \u251c\u2500\u2500 entities/\n  |    \u251c\u2500\u2500 delivery/\n+ |    |      \u251c\u2500\u2500 ui/ # ~ components/\n+ |    |      |   \u251c\u2500\u2500 card.js\n+ |    |      |   \u251c\u2500\u2500 choice.js\n+ |    |      \u251c\u2500\u2500 model/\n+ |    |      |   \u251c\u2500\u2500 actions.js\n+ |    |      |   \u251c\u2500\u2500 constants.js\n+ |    |      |   \u251c\u2500\u2500 epics.js\n+ |    |      |   \u251c\u2500\u2500 getters.js\n+ |    |      |   \u251c\u2500\u2500 selectors.js\n+ |    |      \u251c\u2500\u2500 lib/ # ~ helpers\n  |    \u251c\u2500\u2500 region/\n  |    \u251c\u2500\u2500 user/\n"})}),"\n",(0,i.jsx)(n.h2,{id:"see-also",children:"\u0421\u043c. \u0442\u0430\u043a\u0436\u0435"}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsx)(n.li,{children:(0,i.jsx)(n.a,{href:"https://enterprisecraftsmanship.com/posts/cohesion-coupling-difference/",children:"(\u0421\u0442\u0430\u0442\u044c\u044f) \u041f\u0440\u043e Low Coupling \u0438 High Cohesion \u043d\u0430\u0433\u043b\u044f\u0434\u043d\u043e"})}),"\n",(0,i.jsx)(n.li,{children:(0,i.jsx)(n.a,{href:"https://medium.com/german-gorelkin/low-coupling-high-cohesion-d36369fb1be9",children:"(\u0421\u0442\u0430\u0442\u044c\u044f) Low Coupling \u0438 High Cohesion. \u0417\u0430\u043a\u043e\u043d \u0414\u0435\u043c\u0435\u0442\u0440\u044b"})}),"\n"]})]})}function h(e={}){const{wrapper:n}={...(0,t.R)(),...e.components};return n?(0,i.jsx)(n,{...e,children:(0,i.jsx)(u,{...e})}):u(e)}},1100:(e,n,s)=>{s.d(n,{R:()=>o,x:()=>d});var i=s(758);const t={},r=i.createContext(t);function o(e){const n=i.useContext(r);return i.useMemo((function(){return"function"==typeof e?e(n):{...n,...e}}),[n,e])}function d(e){let n;return n=e.disableParentContext?"function"==typeof e.components?e.components(t):e.components||t:o(e.components),i.createElement(r.Provider,{value:n},e.children)}}}]);
\ No newline at end of file
diff --git a/ru/assets/js/9b6dbc63.10f77668.js b/ru/assets/js/9b6dbc63.16561f6d.js
similarity index 98%
rename from ru/assets/js/9b6dbc63.10f77668.js
rename to ru/assets/js/9b6dbc63.16561f6d.js
index 90731d2530..49ff0b96db 100644
--- a/ru/assets/js/9b6dbc63.10f77668.js
+++ b/ru/assets/js/9b6dbc63.16561f6d.js
@@ -1,2 +1,2 @@
-/*! For license information please see 9b6dbc63.10f77668.js.LICENSE.txt */
-"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[2304],{1350:(e,t,n)=>{n.d(t,{A:()=>i});var a=n(991),c=n(758);const s={icon:{tag:"svg",attrs:{viewBox:"64 64 896 896",focusable:"false"},children:[{tag:"path",attrs:{d:"M908.1 353.1l-253.9-36.9L540.7 86.1c-3.1-6.3-8.2-11.4-14.5-14.5-15.8-7.8-35-1.3-42.9 14.5L369.8 316.2l-253.9 36.9c-7 1-13.4 4.3-18.3 9.3a32.05 32.05 0 00.6 45.3l183.7 179.1-43.4 252.9a31.95 31.95 0 0046.4 33.7L512 754l227.1 119.4c6.2 3.3 13.4 4.4 20.3 3.2 17.4-3 29.1-19.5 26.1-36.9l-43.4-252.9 183.7-179.1c5-4.9 8.3-11.3 9.3-18.3 2.7-17.5-9.5-33.7-27-36.3zM664.8 561.6l36.1 210.3L512 672.7 323.1 772l36.1-210.3-152.8-149L417.6 382 512 190.7 606.4 382l211.2 30.7-152.8 148.9z"}}]},name:"star",theme:"outlined"};var o=n(9820),r=function(e,t){return c.createElement(o.A,(0,a.A)({},e,{ref:t,icon:s}))};const i=c.forwardRef(r)},1825:(e,t,n)=>{n.d(t,{A:()=>i});var a=n(991),c=n(758);const s={icon:{tag:"svg",attrs:{viewBox:"64 64 896 896",focusable:"false"},children:[{tag:"path",attrs:{d:"M824.2 699.9a301.55 301.55 0 00-86.4-60.4C783.1 602.8 812 546.8 812 484c0-110.8-92.4-201.7-203.2-200-109.1 1.7-197 90.6-197 200 0 62.8 29 118.8 74.2 155.5a300.95 300.95 0 00-86.4 60.4C345 754.6 314 826.8 312 903.8a8 8 0 008 8.2h56c4.3 0 7.9-3.4 8-7.7 1.9-58 25.4-112.3 66.7-153.5A226.62 226.62 0 01612 684c60.9 0 118.2 23.7 161.3 66.8C814.5 792 838 846.3 840 904.3c.1 4.3 3.7 7.7 8 7.7h56a8 8 0 008-8.2c-2-77-33-149.2-87.8-203.9zM612 612c-34.2 0-66.4-13.3-90.5-37.5a126.86 126.86 0 01-37.5-91.8c.3-32.8 13.4-64.5 36.3-88 24-24.6 56.1-38.3 90.4-38.7 33.9-.3 66.8 12.9 91 36.6 24.8 24.3 38.4 56.8 38.4 91.4 0 34.2-13.3 66.3-37.5 90.5A127.3 127.3 0 01612 612zM361.5 510.4c-.9-8.7-1.4-17.5-1.4-26.4 0-15.9 1.5-31.4 4.3-46.5.7-3.6-1.2-7.3-4.5-8.8-13.6-6.1-26.1-14.5-36.9-25.1a127.54 127.54 0 01-38.7-95.4c.9-32.1 13.8-62.6 36.3-85.6 24.7-25.3 57.9-39.1 93.2-38.7 31.9.3 62.7 12.6 86 34.4 7.9 7.4 14.7 15.6 20.4 24.4 2 3.1 5.9 4.4 9.3 3.2 17.6-6.1 36.2-10.4 55.3-12.4 5.6-.6 8.8-6.6 6.3-11.6-32.5-64.3-98.9-108.7-175.7-109.9-110.9-1.7-203.3 89.2-203.3 199.9 0 62.8 28.9 118.8 74.2 155.5-31.8 14.7-61.1 35-86.5 60.4-54.8 54.7-85.8 126.9-87.8 204a8 8 0 008 8.2h56.1c4.3 0 7.9-3.4 8-7.7 1.9-58 25.4-112.3 66.7-153.5 29.4-29.4 65.4-49.8 104.7-59.7 3.9-1 6.5-4.7 6-8.7z"}}]},name:"team",theme:"outlined"};var o=n(9820),r=function(e,t){return c.createElement(o.A,(0,a.A)({},e,{ref:t,icon:s}))};const i=c.forwardRef(r)},7946:(e,t,n)=>{n.d(t,{Ay:()=>i,RM:()=>o});var a=n(6070),c=n(1100),s=n(5988);const o=[];function r(e){return(0,a.jsx)(s.A,{...e})}function i(e={}){const{wrapper:t}={...(0,c.R)(),...e.components};return t?(0,a.jsx)(t,{...e,children:(0,a.jsx)(r,{...e})}):r(e)}},1106:(e,t,n)=>{n.r(t),n.d(t,{assets:()=>j,contentTitle:()=>b,default:()=>M,frontMatter:()=>x,metadata:()=>g,toc:()=>A});var a=n(6070),c=n(1100),s=n(7946),o=n(991),r=n(758);const i={icon:{tag:"svg",attrs:{viewBox:"64 64 896 896",focusable:"false"},children:[{tag:"path",attrs:{d:"M868 160h-92v-40c0-4.4-3.6-8-8-8H256c-4.4 0-8 3.6-8 8v40h-92a44 44 0 00-44 44v148c0 81.7 60 149.6 138.2 162C265.7 630.2 359 721.7 476 734.5v105.2H280c-17.7 0-32 14.3-32 32V904c0 4.4 3.6 8 8 8h512c4.4 0 8-3.6 8-8v-32.3c0-17.7-14.3-32-32-32H548V734.5C665 721.7 758.3 630.2 773.8 514 852 501.6 912 433.7 912 352V204a44 44 0 00-44-44zM184 352V232h64v207.6a91.99 91.99 0 01-64-87.6zm520 128c0 49.1-19.1 95.4-53.9 130.1-34.8 34.8-81 53.9-130.1 53.9h-16c-49.1 0-95.4-19.1-130.1-53.9-34.8-34.8-53.9-81-53.9-130.1V184h384v296zm136-128c0 41-26.9 75.8-64 87.6V232h64v120z"}}]},name:"trophy",theme:"outlined"};var d=n(9820),l=function(e,t){return r.createElement(d.A,(0,o.A)({},e,{ref:t,icon:i}))};const u=r.forwardRef(l);var m=n(1350);const h={icon:{tag:"svg",attrs:{viewBox:"64 64 896 896",focusable:"false"},children:[{tag:"path",attrs:{d:"M632 888H392c-4.4 0-8 3.6-8 8v32c0 17.7 14.3 32 32 32h192c17.7 0 32-14.3 32-32v-32c0-4.4-3.6-8-8-8zM512 64c-181.1 0-328 146.9-328 328 0 121.4 66 227.4 164 284.1V792c0 17.7 14.3 32 32 32h264c17.7 0 32-14.3 32-32V676.1c98-56.7 164-162.7 164-284.1 0-181.1-146.9-328-328-328zm127.9 549.8L604 634.6V752H420V634.6l-35.9-20.8C305.4 568.3 256 484.5 256 392c0-141.4 114.6-256 256-256s256 114.6 256 256c0 92.5-49.4 176.3-128.1 221.8z"}}]},name:"bulb",theme:"outlined"};var p=function(e,t){return r.createElement(d.A,(0,o.A)({},e,{ref:t,icon:h}))};const f=r.forwardRef(p);var v=n(1825);const x={hide_table_of_contents:!0,pagination_prev:"reference/index"},b="\ud83c\udf70 \u041e \u043c\u0435\u0442\u043e\u0434\u043e\u043b\u043e\u0433\u0438\u0438",g={id:"about/index",title:"\ud83c\udf70 \u041e \u043c\u0435\u0442\u043e\u0434\u043e\u043b\u043e\u0433\u0438\u0438",description:"BACKGROUND-ORIENTED",source:"@site/i18n/ru/docusaurus-plugin-content-docs/current/about/index.mdx",sourceDirName:"about",slug:"/about/",permalink:"/ru/docs/about/",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/ru/docusaurus-plugin-content-docs/current/about/index.mdx",tags:[],version:"current",lastUpdatedAt:1727607766e3,frontMatter:{hide_table_of_contents:!0,pagination_prev:"reference/index"},sidebar:"aboutSidebar",previous:{title:"\ud83d\udcda \u0421\u043f\u0440\u0430\u0432\u043e\u0447\u043d\u0438\u043a",permalink:"/ru/docs/reference/"},next:{title:"\u041c\u0438\u0441\u0441\u0438\u044f",permalink:"/ru/docs/about/mission"}},j={},A=[{value:"\u0413\u043b\u0430\u0432\u043d\u043e\u0435",id:"main",level:2},...s.RM,...s.RM,...s.RM,...s.RM];function _(e){const t={h1:"h1",h2:"h2",header:"header",p:"p",...(0,c.R)(),...e.components};return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(t.header,{children:(0,a.jsx)(t.h1,{id:"-\u043e-\u043c\u0435\u0442\u043e\u0434\u043e\u043b\u043e\u0433\u0438\u0438",children:"\ud83c\udf70 \u041e \u043c\u0435\u0442\u043e\u0434\u043e\u043b\u043e\u0433\u0438\u0438"})}),"\n",(0,a.jsx)("span",{class:"badge badge--violet margin-bottom--md",children:"BACKGROUND-ORIENTED"}),"\n",(0,a.jsx)("p",{class:"summary",children:(0,a.jsx)(t.p,{children:"\u041e\u0431\u0449\u0430\u044f \u0438\u043d\u0444\u043e\u0440\u043c\u0430\u0446\u0438\u044f \u043e \u043c\u0435\u0442\u043e\u0434\u043e\u043b\u043e\u0433\u0438\u0438, \u043a\u043e\u043c\u0430\u043d\u0434\u0435, \u0441\u043e\u043e\u0431\u0449\u0435\u0441\u0442\u0432\u0430 \u0438 \u0438\u0441\u0442\u043e\u0440\u0438\u0438 \u0440\u0430\u0437\u0432\u0438\u0442\u0438\u044f"})}),"\n",(0,a.jsx)(t.h2,{id:"main",children:"\u0413\u043b\u0430\u0432\u043d\u043e\u0435"}),"\n","\n",(0,a.jsx)(s.Ay,{title:"\u041c\u0438\u0441\u0441\u0438\u044f",description:"\u0426\u0435\u043b\u0438 \u0438 \u043e\u0433\u0440\u0430\u043d\u0438\u0447\u0435\u043d\u0438\u044f \u043c\u0435\u0442\u043e\u0434\u043e\u043b\u043e\u0433\u0438\u0438",to:"/docs/about/mission",Icon:u}),"\n",(0,a.jsx)(s.Ay,{title:"\u041c\u043e\u0442\u0438\u0432\u0430\u0446\u0438\u044f",description:"\u041f\u0440\u0438\u0447\u0438\u043d\u044b \u0441\u043e\u0437\u0434\u0430\u043d\u0438\u044f \u0438 \u0440\u0430\u0437\u0432\u0438\u0442\u0438\u044f \u043c\u0435\u0442\u043e\u0434\u043e\u043b\u043e\u0433\u0438\u0438",to:"/docs/about/motivation",Icon:m.A}),"\n",(0,a.jsx)(s.Ay,{title:"\u041f\u043e\u043d\u0438\u043c\u0430\u043d\u0438\u0435",description:"\u0423\u0433\u043b\u0443\u0431\u043b\u0435\u043d\u043d\u043e\u0435 \u043f\u043e\u043d\u0438\u043c\u0430\u043d\u0438\u0435 \u043a\u043e\u043d\u0446\u0435\u043f\u0446\u0438\u0439 FSD",to:"/docs/about/understanding/architecture",Icon:f,tags:["\u041e\u0431 \u0430\u0440\u0445\u0438\u0442\u0435\u043a\u0442\u0443\u0440\u0435","Needs driven","\u041d\u0435\u0439\u043c\u0438\u043d\u0433"]}),"\n",(0,a.jsx)(s.Ay,{title:"\u041f\u0440\u043e\u0434\u0432\u0438\u0436\u0435\u043d\u0438\u0435",description:"\u041e \u043f\u0440\u043e\u0434\u0432\u0438\u0436\u0435\u043d\u0438\u0438 \u0438 \u0438\u043d\u0442\u0435\u0433\u0440\u0430\u0446\u0438\u0438 FSD \u0432 \u043a\u043e\u043c\u043f\u0430\u043d\u0438\u044f\u0445",to:"/docs/about/promote/integration",Icon:v.A,tags:["\u0418\u043d\u0442\u0435\u0433\u0440\u0430\u0446\u0438\u044f","\u041f\u0440\u043e\u0434\u0432\u0438\u0436\u0435\u043d\u0438\u0435 \u0432 \u043a\u043e\u043c\u0430\u043d\u0434\u0435","\u041f\u0440\u043e\u0434\u0432\u0438\u0436\u0435\u043d\u0438\u0435 \u0432 \u043a\u043e\u043c\u043f\u0430\u043d\u0438\u0438"]})]})}function M(e={}){const{wrapper:t}={...(0,c.R)(),...e.components};return t?(0,a.jsx)(t,{...e,children:(0,a.jsx)(_,{...e})}):_(e)}},5988:(e,t,n)=>{n.d(t,{Y:()=>r,A:()=>d});n(758);var a=n(3526),c=n(6783);const s={root:"root_GfON",rootDisabled:"rootDisabled_SFUB",details:"details_xxkR",detailsTags:"detailsTags_uTQx",icon:"icon_ciqP",title:"title_pSH5",description:"description__Fep",miniTheme:"miniTheme_ePfp",primaryTheme:"primaryTheme_CilO",defaultTheme:"defaultTheme_j3I8"};var o=n(6070);const r=e=>{const{title:t,description:n,to:r,Icon:d,tags:l,className:u,disabled:m,theme:h="default"}=e;return(0,o.jsxs)(c.A,{className:(0,a.A)(s.root,u,m&&s.rootDisabled,s[`${h}Theme`]),to:r,children:[(0,o.jsx)(i,{Icon:d}),(0,o.jsxs)("div",{className:s.details,children:[(0,o.jsxs)("div",{className:s.detailsMain,children:[(0,o.jsx)("span",{className:s.title,children:t}),(0,o.jsx)("p",{className:s.description,children:n})]}),l&&(0,o.jsx)("div",{className:s.detailsTags,children:l.join(" \u2022 ")})]})]})},i=e=>{let{Icon:t}=e;return t?"string"==typeof t?(0,o.jsx)("span",{className:s.icon,children:t}):(0,o.jsx)(t,{className:s.icon}):null},d=r},1100:(e,t,n)=>{n.d(t,{R:()=>o,x:()=>r});var a=n(758);const c={},s=a.createContext(c);function o(e){const t=a.useContext(s);return a.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function r(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(c):e.components||c:o(e.components),a.createElement(s.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
+/*! For license information please see 9b6dbc63.16561f6d.js.LICENSE.txt */
+"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[2304],{1350:(e,t,n)=>{n.d(t,{A:()=>i});var a=n(991),c=n(758);const s={icon:{tag:"svg",attrs:{viewBox:"64 64 896 896",focusable:"false"},children:[{tag:"path",attrs:{d:"M908.1 353.1l-253.9-36.9L540.7 86.1c-3.1-6.3-8.2-11.4-14.5-14.5-15.8-7.8-35-1.3-42.9 14.5L369.8 316.2l-253.9 36.9c-7 1-13.4 4.3-18.3 9.3a32.05 32.05 0 00.6 45.3l183.7 179.1-43.4 252.9a31.95 31.95 0 0046.4 33.7L512 754l227.1 119.4c6.2 3.3 13.4 4.4 20.3 3.2 17.4-3 29.1-19.5 26.1-36.9l-43.4-252.9 183.7-179.1c5-4.9 8.3-11.3 9.3-18.3 2.7-17.5-9.5-33.7-27-36.3zM664.8 561.6l36.1 210.3L512 672.7 323.1 772l36.1-210.3-152.8-149L417.6 382 512 190.7 606.4 382l211.2 30.7-152.8 148.9z"}}]},name:"star",theme:"outlined"};var o=n(9820),r=function(e,t){return c.createElement(o.A,(0,a.A)({},e,{ref:t,icon:s}))};const i=c.forwardRef(r)},1825:(e,t,n)=>{n.d(t,{A:()=>i});var a=n(991),c=n(758);const s={icon:{tag:"svg",attrs:{viewBox:"64 64 896 896",focusable:"false"},children:[{tag:"path",attrs:{d:"M824.2 699.9a301.55 301.55 0 00-86.4-60.4C783.1 602.8 812 546.8 812 484c0-110.8-92.4-201.7-203.2-200-109.1 1.7-197 90.6-197 200 0 62.8 29 118.8 74.2 155.5a300.95 300.95 0 00-86.4 60.4C345 754.6 314 826.8 312 903.8a8 8 0 008 8.2h56c4.3 0 7.9-3.4 8-7.7 1.9-58 25.4-112.3 66.7-153.5A226.62 226.62 0 01612 684c60.9 0 118.2 23.7 161.3 66.8C814.5 792 838 846.3 840 904.3c.1 4.3 3.7 7.7 8 7.7h56a8 8 0 008-8.2c-2-77-33-149.2-87.8-203.9zM612 612c-34.2 0-66.4-13.3-90.5-37.5a126.86 126.86 0 01-37.5-91.8c.3-32.8 13.4-64.5 36.3-88 24-24.6 56.1-38.3 90.4-38.7 33.9-.3 66.8 12.9 91 36.6 24.8 24.3 38.4 56.8 38.4 91.4 0 34.2-13.3 66.3-37.5 90.5A127.3 127.3 0 01612 612zM361.5 510.4c-.9-8.7-1.4-17.5-1.4-26.4 0-15.9 1.5-31.4 4.3-46.5.7-3.6-1.2-7.3-4.5-8.8-13.6-6.1-26.1-14.5-36.9-25.1a127.54 127.54 0 01-38.7-95.4c.9-32.1 13.8-62.6 36.3-85.6 24.7-25.3 57.9-39.1 93.2-38.7 31.9.3 62.7 12.6 86 34.4 7.9 7.4 14.7 15.6 20.4 24.4 2 3.1 5.9 4.4 9.3 3.2 17.6-6.1 36.2-10.4 55.3-12.4 5.6-.6 8.8-6.6 6.3-11.6-32.5-64.3-98.9-108.7-175.7-109.9-110.9-1.7-203.3 89.2-203.3 199.9 0 62.8 28.9 118.8 74.2 155.5-31.8 14.7-61.1 35-86.5 60.4-54.8 54.7-85.8 126.9-87.8 204a8 8 0 008 8.2h56.1c4.3 0 7.9-3.4 8-7.7 1.9-58 25.4-112.3 66.7-153.5 29.4-29.4 65.4-49.8 104.7-59.7 3.9-1 6.5-4.7 6-8.7z"}}]},name:"team",theme:"outlined"};var o=n(9820),r=function(e,t){return c.createElement(o.A,(0,a.A)({},e,{ref:t,icon:s}))};const i=c.forwardRef(r)},7946:(e,t,n)=>{n.d(t,{Ay:()=>i,RM:()=>o});var a=n(6070),c=n(1100),s=n(5988);const o=[];function r(e){return(0,a.jsx)(s.A,{...e})}function i(e={}){const{wrapper:t}={...(0,c.R)(),...e.components};return t?(0,a.jsx)(t,{...e,children:(0,a.jsx)(r,{...e})}):r(e)}},1106:(e,t,n)=>{n.r(t),n.d(t,{assets:()=>j,contentTitle:()=>b,default:()=>M,frontMatter:()=>x,metadata:()=>g,toc:()=>A});var a=n(6070),c=n(1100),s=n(7946),o=n(991),r=n(758);const i={icon:{tag:"svg",attrs:{viewBox:"64 64 896 896",focusable:"false"},children:[{tag:"path",attrs:{d:"M868 160h-92v-40c0-4.4-3.6-8-8-8H256c-4.4 0-8 3.6-8 8v40h-92a44 44 0 00-44 44v148c0 81.7 60 149.6 138.2 162C265.7 630.2 359 721.7 476 734.5v105.2H280c-17.7 0-32 14.3-32 32V904c0 4.4 3.6 8 8 8h512c4.4 0 8-3.6 8-8v-32.3c0-17.7-14.3-32-32-32H548V734.5C665 721.7 758.3 630.2 773.8 514 852 501.6 912 433.7 912 352V204a44 44 0 00-44-44zM184 352V232h64v207.6a91.99 91.99 0 01-64-87.6zm520 128c0 49.1-19.1 95.4-53.9 130.1-34.8 34.8-81 53.9-130.1 53.9h-16c-49.1 0-95.4-19.1-130.1-53.9-34.8-34.8-53.9-81-53.9-130.1V184h384v296zm136-128c0 41-26.9 75.8-64 87.6V232h64v120z"}}]},name:"trophy",theme:"outlined"};var d=n(9820),l=function(e,t){return r.createElement(d.A,(0,o.A)({},e,{ref:t,icon:i}))};const u=r.forwardRef(l);var m=n(1350);const h={icon:{tag:"svg",attrs:{viewBox:"64 64 896 896",focusable:"false"},children:[{tag:"path",attrs:{d:"M632 888H392c-4.4 0-8 3.6-8 8v32c0 17.7 14.3 32 32 32h192c17.7 0 32-14.3 32-32v-32c0-4.4-3.6-8-8-8zM512 64c-181.1 0-328 146.9-328 328 0 121.4 66 227.4 164 284.1V792c0 17.7 14.3 32 32 32h264c17.7 0 32-14.3 32-32V676.1c98-56.7 164-162.7 164-284.1 0-181.1-146.9-328-328-328zm127.9 549.8L604 634.6V752H420V634.6l-35.9-20.8C305.4 568.3 256 484.5 256 392c0-141.4 114.6-256 256-256s256 114.6 256 256c0 92.5-49.4 176.3-128.1 221.8z"}}]},name:"bulb",theme:"outlined"};var p=function(e,t){return r.createElement(d.A,(0,o.A)({},e,{ref:t,icon:h}))};const f=r.forwardRef(p);var v=n(1825);const x={hide_table_of_contents:!0,pagination_prev:"reference/index"},b="\ud83c\udf70 \u041e \u043c\u0435\u0442\u043e\u0434\u043e\u043b\u043e\u0433\u0438\u0438",g={id:"about/index",title:"\ud83c\udf70 \u041e \u043c\u0435\u0442\u043e\u0434\u043e\u043b\u043e\u0433\u0438\u0438",description:"BACKGROUND-ORIENTED",source:"@site/i18n/ru/docusaurus-plugin-content-docs/current/about/index.mdx",sourceDirName:"about",slug:"/about/",permalink:"/ru/docs/about/",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/ru/docusaurus-plugin-content-docs/current/about/index.mdx",tags:[],version:"current",lastUpdatedAt:1728325386e3,frontMatter:{hide_table_of_contents:!0,pagination_prev:"reference/index"},sidebar:"aboutSidebar",previous:{title:"\ud83d\udcda \u0421\u043f\u0440\u0430\u0432\u043e\u0447\u043d\u0438\u043a",permalink:"/ru/docs/reference/"},next:{title:"\u041c\u0438\u0441\u0441\u0438\u044f",permalink:"/ru/docs/about/mission"}},j={},A=[{value:"\u0413\u043b\u0430\u0432\u043d\u043e\u0435",id:"main",level:2},...s.RM,...s.RM,...s.RM,...s.RM];function _(e){const t={h1:"h1",h2:"h2",header:"header",p:"p",...(0,c.R)(),...e.components};return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(t.header,{children:(0,a.jsx)(t.h1,{id:"-\u043e-\u043c\u0435\u0442\u043e\u0434\u043e\u043b\u043e\u0433\u0438\u0438",children:"\ud83c\udf70 \u041e \u043c\u0435\u0442\u043e\u0434\u043e\u043b\u043e\u0433\u0438\u0438"})}),"\n",(0,a.jsx)("span",{class:"badge badge--violet margin-bottom--md",children:"BACKGROUND-ORIENTED"}),"\n",(0,a.jsx)("p",{class:"summary",children:(0,a.jsx)(t.p,{children:"\u041e\u0431\u0449\u0430\u044f \u0438\u043d\u0444\u043e\u0440\u043c\u0430\u0446\u0438\u044f \u043e \u043c\u0435\u0442\u043e\u0434\u043e\u043b\u043e\u0433\u0438\u0438, \u043a\u043e\u043c\u0430\u043d\u0434\u0435, \u0441\u043e\u043e\u0431\u0449\u0435\u0441\u0442\u0432\u0430 \u0438 \u0438\u0441\u0442\u043e\u0440\u0438\u0438 \u0440\u0430\u0437\u0432\u0438\u0442\u0438\u044f"})}),"\n",(0,a.jsx)(t.h2,{id:"main",children:"\u0413\u043b\u0430\u0432\u043d\u043e\u0435"}),"\n","\n",(0,a.jsx)(s.Ay,{title:"\u041c\u0438\u0441\u0441\u0438\u044f",description:"\u0426\u0435\u043b\u0438 \u0438 \u043e\u0433\u0440\u0430\u043d\u0438\u0447\u0435\u043d\u0438\u044f \u043c\u0435\u0442\u043e\u0434\u043e\u043b\u043e\u0433\u0438\u0438",to:"/docs/about/mission",Icon:u}),"\n",(0,a.jsx)(s.Ay,{title:"\u041c\u043e\u0442\u0438\u0432\u0430\u0446\u0438\u044f",description:"\u041f\u0440\u0438\u0447\u0438\u043d\u044b \u0441\u043e\u0437\u0434\u0430\u043d\u0438\u044f \u0438 \u0440\u0430\u0437\u0432\u0438\u0442\u0438\u044f \u043c\u0435\u0442\u043e\u0434\u043e\u043b\u043e\u0433\u0438\u0438",to:"/docs/about/motivation",Icon:m.A}),"\n",(0,a.jsx)(s.Ay,{title:"\u041f\u043e\u043d\u0438\u043c\u0430\u043d\u0438\u0435",description:"\u0423\u0433\u043b\u0443\u0431\u043b\u0435\u043d\u043d\u043e\u0435 \u043f\u043e\u043d\u0438\u043c\u0430\u043d\u0438\u0435 \u043a\u043e\u043d\u0446\u0435\u043f\u0446\u0438\u0439 FSD",to:"/docs/about/understanding/architecture",Icon:f,tags:["\u041e\u0431 \u0430\u0440\u0445\u0438\u0442\u0435\u043a\u0442\u0443\u0440\u0435","Needs driven","\u041d\u0435\u0439\u043c\u0438\u043d\u0433"]}),"\n",(0,a.jsx)(s.Ay,{title:"\u041f\u0440\u043e\u0434\u0432\u0438\u0436\u0435\u043d\u0438\u0435",description:"\u041e \u043f\u0440\u043e\u0434\u0432\u0438\u0436\u0435\u043d\u0438\u0438 \u0438 \u0438\u043d\u0442\u0435\u0433\u0440\u0430\u0446\u0438\u0438 FSD \u0432 \u043a\u043e\u043c\u043f\u0430\u043d\u0438\u044f\u0445",to:"/docs/about/promote/integration",Icon:v.A,tags:["\u0418\u043d\u0442\u0435\u0433\u0440\u0430\u0446\u0438\u044f","\u041f\u0440\u043e\u0434\u0432\u0438\u0436\u0435\u043d\u0438\u0435 \u0432 \u043a\u043e\u043c\u0430\u043d\u0434\u0435","\u041f\u0440\u043e\u0434\u0432\u0438\u0436\u0435\u043d\u0438\u0435 \u0432 \u043a\u043e\u043c\u043f\u0430\u043d\u0438\u0438"]})]})}function M(e={}){const{wrapper:t}={...(0,c.R)(),...e.components};return t?(0,a.jsx)(t,{...e,children:(0,a.jsx)(_,{...e})}):_(e)}},5988:(e,t,n)=>{n.d(t,{Y:()=>r,A:()=>d});n(758);var a=n(3526),c=n(6783);const s={root:"root_GfON",rootDisabled:"rootDisabled_SFUB",details:"details_xxkR",detailsTags:"detailsTags_uTQx",icon:"icon_ciqP",title:"title_pSH5",description:"description__Fep",miniTheme:"miniTheme_ePfp",primaryTheme:"primaryTheme_CilO",defaultTheme:"defaultTheme_j3I8"};var o=n(6070);const r=e=>{const{title:t,description:n,to:r,Icon:d,tags:l,className:u,disabled:m,theme:h="default"}=e;return(0,o.jsxs)(c.A,{className:(0,a.A)(s.root,u,m&&s.rootDisabled,s[`${h}Theme`]),to:r,children:[(0,o.jsx)(i,{Icon:d}),(0,o.jsxs)("div",{className:s.details,children:[(0,o.jsxs)("div",{className:s.detailsMain,children:[(0,o.jsx)("span",{className:s.title,children:t}),(0,o.jsx)("p",{className:s.description,children:n})]}),l&&(0,o.jsx)("div",{className:s.detailsTags,children:l.join(" \u2022 ")})]})]})},i=e=>{let{Icon:t}=e;return t?"string"==typeof t?(0,o.jsx)("span",{className:s.icon,children:t}):(0,o.jsx)(t,{className:s.icon}):null},d=r},1100:(e,t,n)=>{n.d(t,{R:()=>o,x:()=>r});var a=n(758);const c={},s=a.createContext(c);function o(e){const t=a.useContext(s);return a.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function r(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(c):e.components||c:o(e.components),a.createElement(s.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
diff --git a/ru/assets/js/9b6dbc63.10f77668.js.LICENSE.txt b/ru/assets/js/9b6dbc63.16561f6d.js.LICENSE.txt
similarity index 100%
rename from ru/assets/js/9b6dbc63.10f77668.js.LICENSE.txt
rename to ru/assets/js/9b6dbc63.16561f6d.js.LICENSE.txt
diff --git a/ru/assets/js/9fc8add1.f6dbad72.js b/ru/assets/js/9fc8add1.3adf94c0.js
similarity index 99%
rename from ru/assets/js/9fc8add1.f6dbad72.js
rename to ru/assets/js/9fc8add1.3adf94c0.js
index 96b6bf88bf..e4359a44da 100644
--- a/ru/assets/js/9fc8add1.f6dbad72.js
+++ b/ru/assets/js/9fc8add1.3adf94c0.js
@@ -1 +1 @@
-"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[6189],{7255:(e,n,r)=>{r.r(n),r.d(n,{assets:()=>c,contentTitle:()=>l,default:()=>h,frontMatter:()=>d,metadata:()=>t,toc:()=>o});var i=r(6070),s=r(1100);const d={},l="\u0420\u0435\u043a\u043e\u043c\u0435\u043d\u0434\u0430\u0446\u0438\u0438 \u043f\u043e \u0431\u0440\u0435\u043d\u0434\u0438\u043d\u0433\u0443",t={id:"branding",title:"\u0420\u0435\u043a\u043e\u043c\u0435\u043d\u0434\u0430\u0446\u0438\u0438 \u043f\u043e \u0431\u0440\u0435\u043d\u0434\u0438\u043d\u0433\u0443",description:"\u0412\u0438\u0437\u0443\u0430\u043b\u044c\u043d\u0430\u044f \u0430\u0439\u0434\u0435\u043d\u0442\u0438\u043a\u0430 FSD \u043e\u0441\u043d\u043e\u0432\u0430\u043d\u0430 \u043d\u0430 \u0435\u0433\u043e \u043a\u043b\u044e\u0447\u0435\u0432\u044b\u0445 \u043a\u043e\u043d\u0446\u0435\u043f\u0446\u0438\u044f\u0445: Layered, Sliced self-contained parts, Parts & Compose, Segmented.",source:"@site/i18n/ru/docusaurus-plugin-content-docs/current/branding.md",sourceDirName:".",slug:"/branding",permalink:"/ru/docs/branding",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/ru/docusaurus-plugin-content-docs/current/branding.md",tags:[],version:"current",lastUpdatedAt:1727607766e3,frontMatter:{}},c={},o=[{value:"\u041d\u0430\u0437\u0432\u0430\u043d\u0438\u0435",id:"title",level:2},{value:"\u042d\u043c\u043e\u0434\u0437\u0438",id:"emojii",level:2},{value:"\u041b\u043e\u0433\u043e &amp; \u041f\u0430\u043b\u0438\u0442\u0440\u0430",id:"logo--palettte",level:2},{value:"\u0411\u0430\u043d\u043d\u0435\u0440\u044b &amp; \u0421\u0445\u0435\u043c\u044b",id:"banners--schemes",level:2},{value:"Social Preview",id:"social-preview",level:2},{value:"\u0428\u0430\u0431\u043b\u043e\u043d \u0434\u043b\u044f \u043f\u0440\u0435\u0437\u0435\u043d\u0442\u0430\u0446\u0438\u0439",id:"presentation-template",level:2},{value:"\u0421\u043c. \u0442\u0430\u043a\u0436\u0435",id:"see-also",level:2}];function a(e){const n={a:"a",admonition:"admonition",blockquote:"blockquote",code:"code",em:"em",h1:"h1",h2:"h2",header:"header",li:"li",p:"p",strong:"strong",ul:"ul",...(0,s.R)(),...e.components};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(n.header,{children:(0,i.jsx)(n.h1,{id:"\u0440\u0435\u043a\u043e\u043c\u0435\u043d\u0434\u0430\u0446\u0438\u0438-\u043f\u043e-\u0431\u0440\u0435\u043d\u0434\u0438\u043d\u0433\u0443",children:"\u0420\u0435\u043a\u043e\u043c\u0435\u043d\u0434\u0430\u0446\u0438\u0438 \u043f\u043e \u0431\u0440\u0435\u043d\u0434\u0438\u043d\u0433\u0443"})}),"\n",(0,i.jsxs)(n.p,{children:["\u0412\u0438\u0437\u0443\u0430\u043b\u044c\u043d\u0430\u044f \u0430\u0439\u0434\u0435\u043d\u0442\u0438\u043a\u0430 FSD \u043e\u0441\u043d\u043e\u0432\u0430\u043d\u0430 \u043d\u0430 \u0435\u0433\u043e \u043a\u043b\u044e\u0447\u0435\u0432\u044b\u0445 \u043a\u043e\u043d\u0446\u0435\u043f\u0446\u0438\u044f\u0445: ",(0,i.jsx)(n.code,{children:"Layered"}),", ",(0,i.jsx)(n.code,{children:"Sliced self-contained parts"}),", ",(0,i.jsx)(n.code,{children:"Parts & Compose"}),", ",(0,i.jsx)(n.code,{children:"Segmented"}),".\n\u041d\u043e \u043c\u044b \u0442\u0430\u043a\u0436\u0435 \u0441\u0442\u0440\u0435\u043c\u0438\u043c\u0441\u044f \u043a \u043f\u0440\u043e\u0441\u0442\u043e\u0439 \u0438 \u043a\u0440\u0430\u0441\u0438\u0432\u043e\u0439 \u0430\u0439\u0434\u0435\u043d\u0442\u0438\u043a\u0435, \u043a\u043e\u0442\u043e\u0440\u0430\u044f \u0431\u044b \u043e\u0442\u0440\u0430\u0436\u0430\u043b\u0430 \u0444\u0438\u043b\u043e\u0441\u043e\u0444\u0438\u044e FSD \u0438 \u0431\u044b\u043b\u0430 \u0431\u044b \u043b\u0435\u0433\u043a\u043e \u0443\u0437\u043d\u0430\u0432\u0430\u0435\u043c\u043e\u0439."]}),"\n",(0,i.jsxs)(n.p,{children:[(0,i.jsx)(n.strong,{children:'\u041f\u043e\u0436\u0430\u043b\u0443\u0439\u0441\u0442\u0430, \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0439\u0442\u0435 \u0430\u0439\u0434\u0435\u043d\u0442\u0438\u043a\u0443 FSD "as-is", \u0431\u0435\u0437 \u0438\u0437\u043c\u0435\u043d\u0435\u043d\u0438\u0439, \u043d\u043e \u0441 \u043d\u0430\u0448\u0438\u043c\u0438 \u0430\u0441\u0441\u0435\u0442\u0430\u043c\u0438 \u0434\u043b\u044f \u0432\u0430\u0448\u0435\u0433\u043e \u0443\u0434\u043e\u0431\u0441\u0442\u0432\u0430.'})," \u042d\u0442\u043e\u0442 \u0431\u0440\u0435\u043d\u0434-\u0433\u0430\u0439\u0434 \u043f\u043e\u043c\u043e\u0436\u0435\u0442 \u0432\u0430\u043c \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u0430\u0439\u0434\u0435\u043d\u0442\u0438\u043a\u0443 FSD \u043a\u043e\u0440\u0440\u0435\u043a\u0442\u043d\u043e."]}),"\n",(0,i.jsxs)(n.admonition,{title:"\u0421\u043e\u0432\u043c\u0435\u0441\u0442\u0438\u043c\u043e\u0441\u0442\u044c",type:"caution",children:[(0,i.jsxs)(n.p,{children:["FSD \u043f\u0440\u0435\u0436\u0434\u0435 \u0438\u043c\u0435\u043b ",(0,i.jsx)(n.a,{href:"https://drive.google.com/drive/folders/11Y-3qZ_C9jOFoW2UbSp11YasOhw4yBdl?usp=sharing",children:"\u0434\u0440\u0443\u0433\u0443\u044e \u043b\u0435\u0433\u0430\u0441\u0438-\u0430\u0439\u0434\u0435\u043d\u0442\u0438\u043a\u0443"}),". \u0421\u0442\u0430\u0440\u044b\u0439 \u0434\u0438\u0437\u0430\u0439\u043d \u043d\u0435 \u043e\u0442\u0440\u0430\u0436\u0430\u043b \u0433\u043b\u0430\u0432\u043d\u044b\u0435 \u043a\u043e\u043d\u0446\u0435\u043f\u0446\u0438\u0438 \u043c\u0435\u0442\u043e\u0434\u043e\u043b\u043e\u0433\u0438\u0438. \u0422\u0430\u043a\u0436\u0435 \u044d\u0442\u043e \u0431\u044b\u043b\u043e \u0441\u043e\u0437\u0434\u0430\u043d\u043e \u043a\u0430\u043a \u0433\u0440\u0443\u0431\u044b\u0439 \u0447\u0435\u0440\u043d\u043e\u0432\u0438\u043a, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u0431\u044b\u043b \u0434\u043e\u043b\u0436\u0435\u043d \u0431\u044b\u0442\u044c \u0430\u043a\u0442\u0443\u0430\u043b\u0438\u0437\u0438\u0440\u043e\u0432\u0430\u043d."]}),(0,i.jsxs)(n.p,{children:["\u0414\u043b\u044f \u0441\u043e\u0432\u043c\u0435\u0441\u0442\u0438\u043c\u043e\u0433\u043e \u0438 \u0434\u043e\u043b\u0433\u043e\u0441\u0440\u043e\u0447\u043d\u043e\u0433\u043e \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u044f \u0431\u0440\u0435\u043d\u0434\u0430, \u043c\u044b \u0442\u0449\u0430\u0442\u0435\u043b\u044c\u043d\u043e \u0440\u0430\u0431\u043e\u0442\u0430\u043b\u0438 \u043d\u0430\u0434 \u0440\u0435\u0431\u0440\u0435\u043d\u0434\u0438\u043d\u0433\u043e\u043c \u0432 \u0442\u0435\u0447\u0435\u043d\u0438\u0435 \u0433\u043e\u0434\u0430 (2021-2022). ",(0,i.jsx)(n.strong,{children:"\u0427\u0442\u043e\u0431\u044b \u0432\u044b \u043c\u043e\u0433\u043b\u0438 \u0431\u044b\u0442\u044c \u0443\u0432\u0435\u0440\u0435\u043d\u043d\u044b\u043c\u0438 \u0432 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u0438 \u0430\u0439\u0434\u0435\u043d\u0442\u0438\u043a\u0438 FSD \ud83c\udf70"})]}),(0,i.jsx)(n.p,{children:(0,i.jsx)(n.em,{children:"\u041d\u043e \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0439\u0442\u0435 \u0438\u043c\u0435\u043d\u043d\u043e \u0430\u043a\u0442\u0443\u0430\u043b\u044c\u043d\u0443\u044e \u0430\u0439\u0434\u0435\u043d\u0442\u0438\u043a\u0443, \u043d\u0435 \u0441\u0442\u0430\u0440\u0443\u044e!"})})]}),"\n",(0,i.jsx)(n.h2,{id:"title",children:"\u041d\u0430\u0437\u0432\u0430\u043d\u0438\u0435"}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsxs)(n.li,{children:["\u2705 ",(0,i.jsx)(n.strong,{children:"\u041f\u0440\u0430\u0432\u0438\u043b\u044c\u043d\u043e:"})," ",(0,i.jsx)(n.code,{children:"Feature-Sliced Design"}),", ",(0,i.jsx)(n.code,{children:"FSD"})]}),"\n",(0,i.jsxs)(n.li,{children:["\u274c ",(0,i.jsx)(n.strong,{children:"\u041d\u0435\u043f\u0440\u0430\u0432\u0438\u043b\u044c\u043d\u043e:"})," ",(0,i.jsx)(n.code,{children:"Feature-Sliced"}),", ",(0,i.jsx)(n.code,{children:"Feature Sliced"}),", ",(0,i.jsx)(n.code,{children:"FeatureSliced"}),", ",(0,i.jsx)(n.code,{children:"feature-sliced"}),", ",(0,i.jsx)(n.code,{children:"feature sliced"}),", ",(0,i.jsx)(n.code,{children:"FS"})]}),"\n"]}),"\n",(0,i.jsx)(n.h2,{id:"emojii",children:"\u042d\u043c\u043e\u0434\u0437\u0438"}),"\n",(0,i.jsx)(n.p,{children:"\u041e\u0431\u0440\u0430\u0437 \u0442\u043e\u0440\u0442\u0430 \ud83c\udf70 \u0445\u043e\u0440\u043e\u0448\u043e \u043e\u0442\u0440\u0430\u0436\u0430\u0435\u0442 \u043a\u043b\u044e\u0447\u0435\u0432\u044b\u0435 \u043a\u043e\u043d\u0446\u0435\u043f\u0446\u0438\u0438 FSD, \u043f\u043e\u044d\u0442\u043e\u043c\u0443 \u043e\u043d\u043e \u0431\u044b\u043b\u043e \u0432\u044b\u0431\u0440\u0430\u043d\u043e \u043a\u0430\u043a \u043d\u0430\u0448\u0435 \u0444\u0438\u0440\u043c\u0435\u043d\u043d\u043e\u0435 \u044d\u043c\u043e\u0434\u0437\u0438."}),"\n",(0,i.jsxs)(n.blockquote,{children:["\n",(0,i.jsxs)(n.p,{children:["\u041f\u0440\u0438\u043c\u0435\u0440: ",(0,i.jsx)(n.em,{children:'"\ud83c\udf70 Architectural design methodology for Frontend projects"'})]}),"\n"]}),"\n",(0,i.jsx)(n.h2,{id:"logo--palettte",children:"\u041b\u043e\u0433\u043e & \u041f\u0430\u043b\u0438\u0442\u0440\u0430"}),"\n",(0,i.jsxs)(n.p,{children:["FSD \u0438\u043c\u0435\u0435\u0442 \u043d\u0435\u0441\u043a\u043e\u043b\u044c\u043a\u043e \u0432\u0430\u0440\u0438\u0430\u0446\u0438\u0439 \u043b\u043e\u0433\u043e\u0442\u0438\u043f\u0430 \u0434\u043b\u044f \u0440\u0430\u0437\u043d\u044b\u0445 \u043a\u043e\u043d\u0442\u0435\u043a\u0441\u0442\u043e\u0432, \u043d\u043e \u0440\u0435\u043a\u043e\u043c\u0435\u043d\u0434\u043e\u0432\u0430\u043d\u043e \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c ",(0,i.jsx)(n.strong,{children:"primary"})]}),"\n",(0,i.jsxs)("table",{style:{textAlign:"center"},children:[(0,i.jsxs)("tr",{children:[(0,i.jsx)("td",{children:"\u0422\u0435\u043c\u0430"}),(0,i.jsxs)("td",{children:["\u041b\u043e\u0433\u043e ",(0,i.jsx)("sub",{style:{color:"gray",display:"block"},children:"(Ctrl/Cmd + Click \u0434\u043b\u044f \u0441\u043a\u0430\u0447\u0438\u0432\u0430\u043d\u0438\u044f)"})]}),(0,i.jsx)("td",{children:"\u0418\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u0435"})]}),(0,i.jsxs)("tr",{children:[(0,i.jsxs)("td",{style:{color:"#FFF",background:"linear-gradient(135deg, rgba(41,190,220,1) 0%, rgba(81,122,237,1) 100%)"},children:["primary ",(0,i.jsx)("br",{})," (#29BEDC, #517AED)"]}),(0,i.jsx)("td",{children:(0,i.jsx)("a",{href:"/img/brand/logo-primary.png",download:!0,children:(0,i.jsx)("img",{src:"/img/brand/logo-primary.png",height:"130",alt:"logo-primary"})})}),(0,i.jsx)("td",{children:"\u041f\u0440\u0435\u0434\u043f\u043e\u0447\u0442\u0438\u0442\u0435\u043b\u044c\u043d\u043e \u0432 \u0431\u043e\u043b\u044c\u0448\u0438\u043d\u0441\u0442\u0432\u0435 \u0441\u043b\u0443\u0447\u0430\u0435\u0432"})]}),(0,i.jsxs)("tr",{children:[(0,i.jsxs)("td",{style:{color:"#FFF",background:"#3193FF"},children:["flat ",(0,i.jsx)("br",{})," (#3193FF)"]}),(0,i.jsx)("td",{children:(0,i.jsx)("a",{href:"/img/brand/logo-flat.png",download:!0,children:(0,i.jsx)("img",{src:"/img/brand/logo-flat.png",height:"130",alt:"logo-flat"})})}),(0,i.jsx)("td",{children:"\u0414\u043b\u044f \u043e\u0434\u043d\u043e\u0446\u0432\u0435\u0442\u043d\u043e\u0433\u043e \u043a\u043e\u043d\u0442\u0435\u043a\u0441\u0442\u0430"})]}),(0,i.jsxs)("tr",{children:[(0,i.jsxs)("td",{style:{color:"#000",background:"#FFF"},children:["monochrome ",(0,i.jsx)("br",{})," (#FFF)"]}),(0,i.jsx)("td",{style:{color:"#000",background:"#242526"},children:(0,i.jsx)("a",{href:"/img/brand/logo-monochrome.png",download:!0,children:(0,i.jsx)("img",{src:"/img/brand/logo-monochrome.png",height:"130",alt:"logo-monocrhome"})})}),(0,i.jsx)("td",{children:"\u0414\u043b\u044f \u0447\u0435\u0440\u043d\u043e-\u0431\u0435\u043b\u043e\u0433\u043e \u043a\u043e\u043d\u0442\u0435\u043a\u0441\u0442\u0430"})]}),(0,i.jsxs)("tr",{children:[(0,i.jsxs)("td",{style:{color:"#FFF",background:"#3193FF"},children:["square ",(0,i.jsx)("br",{})," (#3193FF)"]}),(0,i.jsx)("td",{children:(0,i.jsx)("a",{href:"/img/brand/logo-square.png",download:!0,children:(0,i.jsx)("img",{src:"/img/brand/logo-square.png",height:"130",alt:"logo-square"})})}),(0,i.jsx)("td",{children:"\u0414\u043b\u044f \u043a\u0432\u0430\u0434\u0440\u0430\u0442\u043d\u044b\u0445 \u0440\u0430\u0437\u043c\u0435\u0440\u043e\u0432"})]})]}),"\n",(0,i.jsx)(n.h2,{id:"banners--schemes",children:"\u0411\u0430\u043d\u043d\u0435\u0440\u044b & \u0421\u0445\u0435\u043c\u044b"}),"\n",(0,i.jsx)("a",{href:"/img/brand/banner-primary.jpg",download:!0,children:(0,i.jsx)("img",{src:"/img/brand/banner-primary.jpg",height:"256",alt:"banner-primary"})}),"\n",(0,i.jsx)("a",{href:"/img/brand/banner-monochrome.jpg",download:!0,children:(0,i.jsx)("img",{src:"/img/brand/banner-monochrome.jpg",height:"256",alt:"banner-monochrome"})}),"\n",(0,i.jsx)(n.h2,{id:"social-preview",children:"Social Preview"}),"\n",(0,i.jsx)(n.p,{children:"\u0420\u0430\u0431\u043e\u0442\u0430 \u0432 \u043f\u0440\u043e\u0446\u0435\u0441\u0441\u0435..."}),"\n",(0,i.jsx)(n.h2,{id:"presentation-template",children:"\u0428\u0430\u0431\u043b\u043e\u043d \u0434\u043b\u044f \u043f\u0440\u0435\u0437\u0435\u043d\u0442\u0430\u0446\u0438\u0439"}),"\n",(0,i.jsx)(n.p,{children:"\u0420\u0430\u0431\u043e\u0442\u0430 \u0432 \u043f\u0440\u043e\u0446\u0435\u0441\u0441\u0435..."}),"\n",(0,i.jsx)(n.h2,{id:"see-also",children:"\u0421\u043c. \u0442\u0430\u043a\u0436\u0435"}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsx)(n.li,{children:(0,i.jsx)(n.a,{href:"https://github.com/feature-sliced/documentation/discussions/399",children:"\u041e\u0431\u0441\u0443\u0436\u0434\u0435\u043d\u0438\u0435 (github)"})}),"\n",(0,i.jsx)(n.li,{children:(0,i.jsx)(n.a,{href:"https://www.figma.com/file/RPphccpoeasVB0lMpZwPVR/FSD-Brand?node-id=0%3A1",children:"\u0418\u0441\u0442\u043e\u0440\u0438\u044f \u0440\u0435\u0431\u0440\u0435\u043d\u0434\u0438\u043d\u0433\u0430 \u0441 \u0440\u0435\u0444\u0435\u0440\u0435\u043d\u0441\u0430\u043c\u0438 (figma)"})}),"\n",(0,i.jsx)(n.li,{children:(0,i.jsx)(n.a,{href:"https://rebrand-sliced.netlify.app/en/",children:"\u0414\u0435\u043c\u043e \u0440\u0435\u0431\u0440\u0435\u043d\u0434\u0438\u043d\u0433\u0430"})}),"\n"]})]})}function h(e={}){const{wrapper:n}={...(0,s.R)(),...e.components};return n?(0,i.jsx)(n,{...e,children:(0,i.jsx)(a,{...e})}):a(e)}},1100:(e,n,r)=>{r.d(n,{R:()=>l,x:()=>t});var i=r(758);const s={},d=i.createContext(s);function l(e){const n=i.useContext(d);return i.useMemo((function(){return"function"==typeof e?e(n):{...n,...e}}),[n,e])}function t(e){let n;return n=e.disableParentContext?"function"==typeof e.components?e.components(s):e.components||s:l(e.components),i.createElement(d.Provider,{value:n},e.children)}}}]);
\ No newline at end of file
+"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[6189],{7255:(e,n,r)=>{r.r(n),r.d(n,{assets:()=>c,contentTitle:()=>l,default:()=>h,frontMatter:()=>d,metadata:()=>t,toc:()=>o});var i=r(6070),s=r(1100);const d={},l="\u0420\u0435\u043a\u043e\u043c\u0435\u043d\u0434\u0430\u0446\u0438\u0438 \u043f\u043e \u0431\u0440\u0435\u043d\u0434\u0438\u043d\u0433\u0443",t={id:"branding",title:"\u0420\u0435\u043a\u043e\u043c\u0435\u043d\u0434\u0430\u0446\u0438\u0438 \u043f\u043e \u0431\u0440\u0435\u043d\u0434\u0438\u043d\u0433\u0443",description:"\u0412\u0438\u0437\u0443\u0430\u043b\u044c\u043d\u0430\u044f \u0430\u0439\u0434\u0435\u043d\u0442\u0438\u043a\u0430 FSD \u043e\u0441\u043d\u043e\u0432\u0430\u043d\u0430 \u043d\u0430 \u0435\u0433\u043e \u043a\u043b\u044e\u0447\u0435\u0432\u044b\u0445 \u043a\u043e\u043d\u0446\u0435\u043f\u0446\u0438\u044f\u0445: Layered, Sliced self-contained parts, Parts & Compose, Segmented.",source:"@site/i18n/ru/docusaurus-plugin-content-docs/current/branding.md",sourceDirName:".",slug:"/branding",permalink:"/ru/docs/branding",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/ru/docusaurus-plugin-content-docs/current/branding.md",tags:[],version:"current",lastUpdatedAt:1728325386e3,frontMatter:{}},c={},o=[{value:"\u041d\u0430\u0437\u0432\u0430\u043d\u0438\u0435",id:"title",level:2},{value:"\u042d\u043c\u043e\u0434\u0437\u0438",id:"emojii",level:2},{value:"\u041b\u043e\u0433\u043e &amp; \u041f\u0430\u043b\u0438\u0442\u0440\u0430",id:"logo--palettte",level:2},{value:"\u0411\u0430\u043d\u043d\u0435\u0440\u044b &amp; \u0421\u0445\u0435\u043c\u044b",id:"banners--schemes",level:2},{value:"Social Preview",id:"social-preview",level:2},{value:"\u0428\u0430\u0431\u043b\u043e\u043d \u0434\u043b\u044f \u043f\u0440\u0435\u0437\u0435\u043d\u0442\u0430\u0446\u0438\u0439",id:"presentation-template",level:2},{value:"\u0421\u043c. \u0442\u0430\u043a\u0436\u0435",id:"see-also",level:2}];function a(e){const n={a:"a",admonition:"admonition",blockquote:"blockquote",code:"code",em:"em",h1:"h1",h2:"h2",header:"header",li:"li",p:"p",strong:"strong",ul:"ul",...(0,s.R)(),...e.components};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(n.header,{children:(0,i.jsx)(n.h1,{id:"\u0440\u0435\u043a\u043e\u043c\u0435\u043d\u0434\u0430\u0446\u0438\u0438-\u043f\u043e-\u0431\u0440\u0435\u043d\u0434\u0438\u043d\u0433\u0443",children:"\u0420\u0435\u043a\u043e\u043c\u0435\u043d\u0434\u0430\u0446\u0438\u0438 \u043f\u043e \u0431\u0440\u0435\u043d\u0434\u0438\u043d\u0433\u0443"})}),"\n",(0,i.jsxs)(n.p,{children:["\u0412\u0438\u0437\u0443\u0430\u043b\u044c\u043d\u0430\u044f \u0430\u0439\u0434\u0435\u043d\u0442\u0438\u043a\u0430 FSD \u043e\u0441\u043d\u043e\u0432\u0430\u043d\u0430 \u043d\u0430 \u0435\u0433\u043e \u043a\u043b\u044e\u0447\u0435\u0432\u044b\u0445 \u043a\u043e\u043d\u0446\u0435\u043f\u0446\u0438\u044f\u0445: ",(0,i.jsx)(n.code,{children:"Layered"}),", ",(0,i.jsx)(n.code,{children:"Sliced self-contained parts"}),", ",(0,i.jsx)(n.code,{children:"Parts & Compose"}),", ",(0,i.jsx)(n.code,{children:"Segmented"}),".\n\u041d\u043e \u043c\u044b \u0442\u0430\u043a\u0436\u0435 \u0441\u0442\u0440\u0435\u043c\u0438\u043c\u0441\u044f \u043a \u043f\u0440\u043e\u0441\u0442\u043e\u0439 \u0438 \u043a\u0440\u0430\u0441\u0438\u0432\u043e\u0439 \u0430\u0439\u0434\u0435\u043d\u0442\u0438\u043a\u0435, \u043a\u043e\u0442\u043e\u0440\u0430\u044f \u0431\u044b \u043e\u0442\u0440\u0430\u0436\u0430\u043b\u0430 \u0444\u0438\u043b\u043e\u0441\u043e\u0444\u0438\u044e FSD \u0438 \u0431\u044b\u043b\u0430 \u0431\u044b \u043b\u0435\u0433\u043a\u043e \u0443\u0437\u043d\u0430\u0432\u0430\u0435\u043c\u043e\u0439."]}),"\n",(0,i.jsxs)(n.p,{children:[(0,i.jsx)(n.strong,{children:'\u041f\u043e\u0436\u0430\u043b\u0443\u0439\u0441\u0442\u0430, \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0439\u0442\u0435 \u0430\u0439\u0434\u0435\u043d\u0442\u0438\u043a\u0443 FSD "as-is", \u0431\u0435\u0437 \u0438\u0437\u043c\u0435\u043d\u0435\u043d\u0438\u0439, \u043d\u043e \u0441 \u043d\u0430\u0448\u0438\u043c\u0438 \u0430\u0441\u0441\u0435\u0442\u0430\u043c\u0438 \u0434\u043b\u044f \u0432\u0430\u0448\u0435\u0433\u043e \u0443\u0434\u043e\u0431\u0441\u0442\u0432\u0430.'})," \u042d\u0442\u043e\u0442 \u0431\u0440\u0435\u043d\u0434-\u0433\u0430\u0439\u0434 \u043f\u043e\u043c\u043e\u0436\u0435\u0442 \u0432\u0430\u043c \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u0430\u0439\u0434\u0435\u043d\u0442\u0438\u043a\u0443 FSD \u043a\u043e\u0440\u0440\u0435\u043a\u0442\u043d\u043e."]}),"\n",(0,i.jsxs)(n.admonition,{title:"\u0421\u043e\u0432\u043c\u0435\u0441\u0442\u0438\u043c\u043e\u0441\u0442\u044c",type:"caution",children:[(0,i.jsxs)(n.p,{children:["FSD \u043f\u0440\u0435\u0436\u0434\u0435 \u0438\u043c\u0435\u043b ",(0,i.jsx)(n.a,{href:"https://drive.google.com/drive/folders/11Y-3qZ_C9jOFoW2UbSp11YasOhw4yBdl?usp=sharing",children:"\u0434\u0440\u0443\u0433\u0443\u044e \u043b\u0435\u0433\u0430\u0441\u0438-\u0430\u0439\u0434\u0435\u043d\u0442\u0438\u043a\u0443"}),". \u0421\u0442\u0430\u0440\u044b\u0439 \u0434\u0438\u0437\u0430\u0439\u043d \u043d\u0435 \u043e\u0442\u0440\u0430\u0436\u0430\u043b \u0433\u043b\u0430\u0432\u043d\u044b\u0435 \u043a\u043e\u043d\u0446\u0435\u043f\u0446\u0438\u0438 \u043c\u0435\u0442\u043e\u0434\u043e\u043b\u043e\u0433\u0438\u0438. \u0422\u0430\u043a\u0436\u0435 \u044d\u0442\u043e \u0431\u044b\u043b\u043e \u0441\u043e\u0437\u0434\u0430\u043d\u043e \u043a\u0430\u043a \u0433\u0440\u0443\u0431\u044b\u0439 \u0447\u0435\u0440\u043d\u043e\u0432\u0438\u043a, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u0431\u044b\u043b \u0434\u043e\u043b\u0436\u0435\u043d \u0431\u044b\u0442\u044c \u0430\u043a\u0442\u0443\u0430\u043b\u0438\u0437\u0438\u0440\u043e\u0432\u0430\u043d."]}),(0,i.jsxs)(n.p,{children:["\u0414\u043b\u044f \u0441\u043e\u0432\u043c\u0435\u0441\u0442\u0438\u043c\u043e\u0433\u043e \u0438 \u0434\u043e\u043b\u0433\u043e\u0441\u0440\u043e\u0447\u043d\u043e\u0433\u043e \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u044f \u0431\u0440\u0435\u043d\u0434\u0430, \u043c\u044b \u0442\u0449\u0430\u0442\u0435\u043b\u044c\u043d\u043e \u0440\u0430\u0431\u043e\u0442\u0430\u043b\u0438 \u043d\u0430\u0434 \u0440\u0435\u0431\u0440\u0435\u043d\u0434\u0438\u043d\u0433\u043e\u043c \u0432 \u0442\u0435\u0447\u0435\u043d\u0438\u0435 \u0433\u043e\u0434\u0430 (2021-2022). ",(0,i.jsx)(n.strong,{children:"\u0427\u0442\u043e\u0431\u044b \u0432\u044b \u043c\u043e\u0433\u043b\u0438 \u0431\u044b\u0442\u044c \u0443\u0432\u0435\u0440\u0435\u043d\u043d\u044b\u043c\u0438 \u0432 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u0438 \u0430\u0439\u0434\u0435\u043d\u0442\u0438\u043a\u0438 FSD \ud83c\udf70"})]}),(0,i.jsx)(n.p,{children:(0,i.jsx)(n.em,{children:"\u041d\u043e \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0439\u0442\u0435 \u0438\u043c\u0435\u043d\u043d\u043e \u0430\u043a\u0442\u0443\u0430\u043b\u044c\u043d\u0443\u044e \u0430\u0439\u0434\u0435\u043d\u0442\u0438\u043a\u0443, \u043d\u0435 \u0441\u0442\u0430\u0440\u0443\u044e!"})})]}),"\n",(0,i.jsx)(n.h2,{id:"title",children:"\u041d\u0430\u0437\u0432\u0430\u043d\u0438\u0435"}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsxs)(n.li,{children:["\u2705 ",(0,i.jsx)(n.strong,{children:"\u041f\u0440\u0430\u0432\u0438\u043b\u044c\u043d\u043e:"})," ",(0,i.jsx)(n.code,{children:"Feature-Sliced Design"}),", ",(0,i.jsx)(n.code,{children:"FSD"})]}),"\n",(0,i.jsxs)(n.li,{children:["\u274c ",(0,i.jsx)(n.strong,{children:"\u041d\u0435\u043f\u0440\u0430\u0432\u0438\u043b\u044c\u043d\u043e:"})," ",(0,i.jsx)(n.code,{children:"Feature-Sliced"}),", ",(0,i.jsx)(n.code,{children:"Feature Sliced"}),", ",(0,i.jsx)(n.code,{children:"FeatureSliced"}),", ",(0,i.jsx)(n.code,{children:"feature-sliced"}),", ",(0,i.jsx)(n.code,{children:"feature sliced"}),", ",(0,i.jsx)(n.code,{children:"FS"})]}),"\n"]}),"\n",(0,i.jsx)(n.h2,{id:"emojii",children:"\u042d\u043c\u043e\u0434\u0437\u0438"}),"\n",(0,i.jsx)(n.p,{children:"\u041e\u0431\u0440\u0430\u0437 \u0442\u043e\u0440\u0442\u0430 \ud83c\udf70 \u0445\u043e\u0440\u043e\u0448\u043e \u043e\u0442\u0440\u0430\u0436\u0430\u0435\u0442 \u043a\u043b\u044e\u0447\u0435\u0432\u044b\u0435 \u043a\u043e\u043d\u0446\u0435\u043f\u0446\u0438\u0438 FSD, \u043f\u043e\u044d\u0442\u043e\u043c\u0443 \u043e\u043d\u043e \u0431\u044b\u043b\u043e \u0432\u044b\u0431\u0440\u0430\u043d\u043e \u043a\u0430\u043a \u043d\u0430\u0448\u0435 \u0444\u0438\u0440\u043c\u0435\u043d\u043d\u043e\u0435 \u044d\u043c\u043e\u0434\u0437\u0438."}),"\n",(0,i.jsxs)(n.blockquote,{children:["\n",(0,i.jsxs)(n.p,{children:["\u041f\u0440\u0438\u043c\u0435\u0440: ",(0,i.jsx)(n.em,{children:'"\ud83c\udf70 Architectural design methodology for Frontend projects"'})]}),"\n"]}),"\n",(0,i.jsx)(n.h2,{id:"logo--palettte",children:"\u041b\u043e\u0433\u043e & \u041f\u0430\u043b\u0438\u0442\u0440\u0430"}),"\n",(0,i.jsxs)(n.p,{children:["FSD \u0438\u043c\u0435\u0435\u0442 \u043d\u0435\u0441\u043a\u043e\u043b\u044c\u043a\u043e \u0432\u0430\u0440\u0438\u0430\u0446\u0438\u0439 \u043b\u043e\u0433\u043e\u0442\u0438\u043f\u0430 \u0434\u043b\u044f \u0440\u0430\u0437\u043d\u044b\u0445 \u043a\u043e\u043d\u0442\u0435\u043a\u0441\u0442\u043e\u0432, \u043d\u043e \u0440\u0435\u043a\u043e\u043c\u0435\u043d\u0434\u043e\u0432\u0430\u043d\u043e \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c ",(0,i.jsx)(n.strong,{children:"primary"})]}),"\n",(0,i.jsxs)("table",{style:{textAlign:"center"},children:[(0,i.jsxs)("tr",{children:[(0,i.jsx)("td",{children:"\u0422\u0435\u043c\u0430"}),(0,i.jsxs)("td",{children:["\u041b\u043e\u0433\u043e ",(0,i.jsx)("sub",{style:{color:"gray",display:"block"},children:"(Ctrl/Cmd + Click \u0434\u043b\u044f \u0441\u043a\u0430\u0447\u0438\u0432\u0430\u043d\u0438\u044f)"})]}),(0,i.jsx)("td",{children:"\u0418\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u0435"})]}),(0,i.jsxs)("tr",{children:[(0,i.jsxs)("td",{style:{color:"#FFF",background:"linear-gradient(135deg, rgba(41,190,220,1) 0%, rgba(81,122,237,1) 100%)"},children:["primary ",(0,i.jsx)("br",{})," (#29BEDC, #517AED)"]}),(0,i.jsx)("td",{children:(0,i.jsx)("a",{href:"/img/brand/logo-primary.png",download:!0,children:(0,i.jsx)("img",{src:"/img/brand/logo-primary.png",height:"130",alt:"logo-primary"})})}),(0,i.jsx)("td",{children:"\u041f\u0440\u0435\u0434\u043f\u043e\u0447\u0442\u0438\u0442\u0435\u043b\u044c\u043d\u043e \u0432 \u0431\u043e\u043b\u044c\u0448\u0438\u043d\u0441\u0442\u0432\u0435 \u0441\u043b\u0443\u0447\u0430\u0435\u0432"})]}),(0,i.jsxs)("tr",{children:[(0,i.jsxs)("td",{style:{color:"#FFF",background:"#3193FF"},children:["flat ",(0,i.jsx)("br",{})," (#3193FF)"]}),(0,i.jsx)("td",{children:(0,i.jsx)("a",{href:"/img/brand/logo-flat.png",download:!0,children:(0,i.jsx)("img",{src:"/img/brand/logo-flat.png",height:"130",alt:"logo-flat"})})}),(0,i.jsx)("td",{children:"\u0414\u043b\u044f \u043e\u0434\u043d\u043e\u0446\u0432\u0435\u0442\u043d\u043e\u0433\u043e \u043a\u043e\u043d\u0442\u0435\u043a\u0441\u0442\u0430"})]}),(0,i.jsxs)("tr",{children:[(0,i.jsxs)("td",{style:{color:"#000",background:"#FFF"},children:["monochrome ",(0,i.jsx)("br",{})," (#FFF)"]}),(0,i.jsx)("td",{style:{color:"#000",background:"#242526"},children:(0,i.jsx)("a",{href:"/img/brand/logo-monochrome.png",download:!0,children:(0,i.jsx)("img",{src:"/img/brand/logo-monochrome.png",height:"130",alt:"logo-monocrhome"})})}),(0,i.jsx)("td",{children:"\u0414\u043b\u044f \u0447\u0435\u0440\u043d\u043e-\u0431\u0435\u043b\u043e\u0433\u043e \u043a\u043e\u043d\u0442\u0435\u043a\u0441\u0442\u0430"})]}),(0,i.jsxs)("tr",{children:[(0,i.jsxs)("td",{style:{color:"#FFF",background:"#3193FF"},children:["square ",(0,i.jsx)("br",{})," (#3193FF)"]}),(0,i.jsx)("td",{children:(0,i.jsx)("a",{href:"/img/brand/logo-square.png",download:!0,children:(0,i.jsx)("img",{src:"/img/brand/logo-square.png",height:"130",alt:"logo-square"})})}),(0,i.jsx)("td",{children:"\u0414\u043b\u044f \u043a\u0432\u0430\u0434\u0440\u0430\u0442\u043d\u044b\u0445 \u0440\u0430\u0437\u043c\u0435\u0440\u043e\u0432"})]})]}),"\n",(0,i.jsx)(n.h2,{id:"banners--schemes",children:"\u0411\u0430\u043d\u043d\u0435\u0440\u044b & \u0421\u0445\u0435\u043c\u044b"}),"\n",(0,i.jsx)("a",{href:"/img/brand/banner-primary.jpg",download:!0,children:(0,i.jsx)("img",{src:"/img/brand/banner-primary.jpg",height:"256",alt:"banner-primary"})}),"\n",(0,i.jsx)("a",{href:"/img/brand/banner-monochrome.jpg",download:!0,children:(0,i.jsx)("img",{src:"/img/brand/banner-monochrome.jpg",height:"256",alt:"banner-monochrome"})}),"\n",(0,i.jsx)(n.h2,{id:"social-preview",children:"Social Preview"}),"\n",(0,i.jsx)(n.p,{children:"\u0420\u0430\u0431\u043e\u0442\u0430 \u0432 \u043f\u0440\u043e\u0446\u0435\u0441\u0441\u0435..."}),"\n",(0,i.jsx)(n.h2,{id:"presentation-template",children:"\u0428\u0430\u0431\u043b\u043e\u043d \u0434\u043b\u044f \u043f\u0440\u0435\u0437\u0435\u043d\u0442\u0430\u0446\u0438\u0439"}),"\n",(0,i.jsx)(n.p,{children:"\u0420\u0430\u0431\u043e\u0442\u0430 \u0432 \u043f\u0440\u043e\u0446\u0435\u0441\u0441\u0435..."}),"\n",(0,i.jsx)(n.h2,{id:"see-also",children:"\u0421\u043c. \u0442\u0430\u043a\u0436\u0435"}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsx)(n.li,{children:(0,i.jsx)(n.a,{href:"https://github.com/feature-sliced/documentation/discussions/399",children:"\u041e\u0431\u0441\u0443\u0436\u0434\u0435\u043d\u0438\u0435 (github)"})}),"\n",(0,i.jsx)(n.li,{children:(0,i.jsx)(n.a,{href:"https://www.figma.com/file/RPphccpoeasVB0lMpZwPVR/FSD-Brand?node-id=0%3A1",children:"\u0418\u0441\u0442\u043e\u0440\u0438\u044f \u0440\u0435\u0431\u0440\u0435\u043d\u0434\u0438\u043d\u0433\u0430 \u0441 \u0440\u0435\u0444\u0435\u0440\u0435\u043d\u0441\u0430\u043c\u0438 (figma)"})}),"\n",(0,i.jsx)(n.li,{children:(0,i.jsx)(n.a,{href:"https://rebrand-sliced.netlify.app/en/",children:"\u0414\u0435\u043c\u043e \u0440\u0435\u0431\u0440\u0435\u043d\u0434\u0438\u043d\u0433\u0430"})}),"\n"]})]})}function h(e={}){const{wrapper:n}={...(0,s.R)(),...e.components};return n?(0,i.jsx)(n,{...e,children:(0,i.jsx)(a,{...e})}):a(e)}},1100:(e,n,r)=>{r.d(n,{R:()=>l,x:()=>t});var i=r(758);const s={},d=i.createContext(s);function l(e){const n=i.useContext(d);return i.useMemo((function(){return"function"==typeof e?e(n):{...n,...e}}),[n,e])}function t(e){let n;return n=e.disableParentContext?"function"==typeof e.components?e.components(s):e.components||s:l(e.components),i.createElement(d.Provider,{value:n},e.children)}}}]);
\ No newline at end of file
diff --git a/ru/assets/js/a01ebdbc.d9cf30b9.js b/ru/assets/js/a01ebdbc.fd711d89.js
similarity index 99%
rename from ru/assets/js/a01ebdbc.d9cf30b9.js
rename to ru/assets/js/a01ebdbc.fd711d89.js
index bcf0e85748..4fced4a34b 100644
--- a/ru/assets/js/a01ebdbc.d9cf30b9.js
+++ b/ru/assets/js/a01ebdbc.fd711d89.js
@@ -1 +1 @@
-"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[4477],{2671:(e,n,s)=>{s.r(n),s.d(n,{assets:()=>h,contentTitle:()=>d,default:()=>x,frontMatter:()=>r,metadata:()=>l,toc:()=>o});var i=s(6070),c=s(1100);const r={sidebar_position:4},d="\u041c\u0438\u0433\u0440\u0430\u0446\u0438\u044f \u0441 v1",l={id:"guides/migration/from-v1",title:"\u041c\u0438\u0433\u0440\u0430\u0446\u0438\u044f \u0441 v1",description:"\u0417\u0430\u0447\u0435\u043c v2?",source:"@site/i18n/ru/docusaurus-plugin-content-docs/current/guides/migration/from-v1.md",sourceDirName:"guides/migration",slug:"/guides/migration/from-v1",permalink:"/ru/docs/guides/migration/from-v1",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/ru/docusaurus-plugin-content-docs/current/guides/migration/from-v1.md",tags:[],version:"current",lastUpdatedAt:1727607766e3,sidebarPosition:4,frontMatter:{sidebar_position:4},sidebar:"guidesSidebar",previous:{title:"\u0421 \u043a\u0430\u0441\u0442\u043e\u043c\u043d\u043e\u0439 \u0430\u0440\u0445\u0438\u0442\u0435\u043a\u0442\u0443\u0440\u044b",permalink:"/ru/docs/guides/migration/from-custom"},next:{title:"\u0418\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u0435 \u0441 NextJS",permalink:"/ru/docs/guides/tech/with-nextjs"}},h={},o=[{value:"\u0417\u0430\u0447\u0435\u043c v2?",id:"why-v2",level:2},{value:"\u041f\u043e\u0447\u0435\u043c\u0443 \u0438\u043c\u0435\u0435\u0442 \u0441\u043c\u044b\u0441\u043b \u043c\u0438\u0433\u0440\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u043f\u0440\u043e\u0435\u043a\u0442 \u043d\u0430 v2?",id:"why-does-it-make-sense-to-migrate-the-project-to-v2",level:2},{value:"\ud83d\udd0d \u0411\u043e\u043b\u0435\u0435 \u043f\u0440\u043e\u0437\u0440\u0430\u0447\u043d\u0430\u044f \u0438 \u043f\u0440\u043e\u0441\u0442\u0430\u044f \u0430\u0440\u0445\u0438\u0442\u0435\u043a\u0442\u0443\u0440\u0430",id:"-more-transparent-and-simple-architecture",level:4},{value:"\ud83d\udce6 \u0411\u043e\u043b\u0435\u0435 \u0433\u0438\u0431\u043a\u0430\u044f \u0438 \u0447\u0435\u0441\u0442\u043d\u0430\u044f \u043c\u043e\u0434\u0443\u043b\u044c\u043d\u043e\u0441\u0442\u044c",id:"-more-flexible-and-honest-modularity",level:4},{value:"\ud83d\ude80 \u0411\u043e\u043b\u044c\u0448\u0435 \u0441\u043f\u0435\u0446\u0438\u0444\u0438\u043a\u0430\u0446\u0438\u0438, \u043f\u043b\u0430\u043d\u043e\u0432, \u043a\u043e\u043c\u044c\u044e\u043d\u0438\u0442\u0438",id:"-more-specifications-plans-community",level:4},{value:"Changelog",id:"changelog",level:2},{value:"<code>BREAKING</code> Layers",id:"breaking-layers",level:3},{value:"<code>BREAKING</code> Shared",id:"breaking-shared",level:3},{value:"<code>NEW</code> Entities, Processes",id:"new-entities-processes",level:3},{value:"<code>BREAKING</code> Abstractions &amp; Naming",id:"breaking-abstractions--naming",level:3},{value:"Layers",id:"layers",level:4},{value:"Segments",id:"segments",level:4},{value:"<code>REFINED</code> Low coupling",id:"refined-low-coupling",level:3},{value:"\u0421\u043c. \u0442\u0430\u043a\u0436\u0435",id:"see-also",level:2}];function t(e){const n={a:"a",blockquote:"blockquote",code:"code",em:"em",h1:"h1",h2:"h2",h3:"h3",h4:"h4",header:"header",li:"li",p:"p",strong:"strong",ul:"ul",...(0,c.R)(),...e.components};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(n.header,{children:(0,i.jsx)(n.h1,{id:"\u043c\u0438\u0433\u0440\u0430\u0446\u0438\u044f-\u0441-v1",children:"\u041c\u0438\u0433\u0440\u0430\u0446\u0438\u044f \u0441 v1"})}),"\n",(0,i.jsx)(n.h2,{id:"why-v2",children:"\u0417\u0430\u0447\u0435\u043c v2?"}),"\n",(0,i.jsxs)(n.p,{children:["\u0418\u0437\u043d\u0430\u0447\u0430\u043b\u044c\u043d\u0430\u044f \u043a\u043e\u043d\u0446\u0435\u043f\u0446\u0438\u044f ",(0,i.jsx)(n.strong,{children:"feature-slices"})," ",(0,i.jsx)(n.a,{href:"https://t.me/feature_slices",children:"\u0431\u044b\u043b\u0430 \u0437\u0430\u044f\u0432\u043b\u0435\u043d\u0430"})," \u0435\u0449\u0435 \u0432 2018 \u0433\u043e\u0434\u0443."]}),"\n",(0,i.jsxs)(n.p,{children:["\u0421 \u0442\u0435\u0445 \u043f\u043e\u0440 \u043f\u0440\u043e\u0448\u043b\u043e \u043c\u043d\u043e\u0433\u043e \u0442\u0440\u0430\u043d\u0441\u0444\u043e\u0440\u043c\u0430\u0446\u0438\u0439 \u043c\u0435\u0442\u043e\u0434\u043e\u043b\u043e\u0433\u0438\u0438, \u043d\u043e \u043f\u0440\u0438 \u044d\u0442\u043e\u043c ",(0,i.jsx)(n.strong,{children:(0,i.jsx)(n.a,{href:"https://feature-sliced.github.io/featureslices.dev/v1.0.html",children:"\u0441\u043e\u0445\u0440\u0430\u043d\u044f\u043b\u0438\u0441\u044c \u0431\u0430\u0437\u043e\u0432\u044b\u0435 \u043f\u0440\u0438\u043d\u0446\u0438\u043f\u044b"})}),":"]}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsxs)(n.li,{children:["\u0418\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u0435 ",(0,i.jsx)(n.em,{children:"\u0441\u0442\u0430\u043d\u0434\u0430\u0440\u0442\u0438\u0437\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u043e\u0439"})," \u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u044b \u0444\u0440\u043e\u043d\u0442\u0435\u043d\u0434-\u043f\u0440\u043e\u0435\u043a\u0442\u043e\u0432"]}),"\n",(0,i.jsxs)(n.li,{children:["\u0420\u0430\u0437\u0431\u0438\u0435\u043d\u0438\u0435 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f \u0432 \u043f\u0435\u0440\u0432\u0443\u044e \u043e\u0447\u0435\u0440\u0435\u0434\u044c - \u0441\u043e\u0433\u043b\u0430\u0441\u043d\u043e ",(0,i.jsx)(n.em,{children:"\u0431\u0438\u0437\u043d\u0435\u0441-\u043b\u043e\u0433\u0438\u043a\u0435"})]}),"\n",(0,i.jsxs)(n.li,{children:["\u0418\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u0435 ",(0,i.jsx)(n.em,{children:"\u0438\u0437\u043e\u043b\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u044b\u0445 \u0444\u0438\u0447\u0435\u0439"}),", \u0434\u043b\u044f \u043f\u0440\u0435\u0434\u043e\u0442\u0432\u0440\u0430\u0449\u0435\u043d\u0438\u044f \u043d\u0435\u044f\u0432\u043d\u044b\u0445 \u0441\u0430\u0439\u0434-\u044d\u0444\u0444\u0435\u043a\u0442\u043e\u0432 \u0438 \u0446\u0438\u043a\u043b\u0438\u0447\u0435\u0441\u043a\u0438\u0445 \u0437\u0430\u0432\u0438\u0441\u0438\u043c\u043e\u0441\u0442\u0435\u0439"]}),"\n",(0,i.jsxs)(n.li,{children:["\u0418\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u0435 ",(0,i.jsx)(n.em,{children:"Public API"}),' \u0441 \u0437\u0430\u043f\u0440\u0435\u0442\u043e\u043c \u043b\u0435\u0437\u0442\u044c "\u0432\u043e \u0432\u043d\u0443\u0442\u0440\u0435\u043d\u043d\u043e\u0441\u0442\u0438" \u043c\u043e\u0434\u0443\u043b\u044f']}),"\n"]}),"\n",(0,i.jsxs)(n.p,{children:["\u041f\u0440\u0438 \u044d\u0442\u043e\u043c, \u0432 \u043f\u0440\u0435\u0436\u043d\u0435\u0439 \u0432\u0435\u0440\u0441\u0438\u0438 \u043c\u0435\u0442\u043e\u0434\u043e\u043b\u043e\u0433\u0438\u0438 \u0432\u0441\u0435 \u0440\u0430\u0432\u043d\u043e ",(0,i.jsx)(n.strong,{children:"\u043e\u0441\u0442\u0430\u0432\u0430\u043b\u0438\u0441\u044c \u0441\u043b\u0430\u0431\u044b\u0435 \u043c\u0435\u0441\u0442\u0430"}),", \u043a\u043e\u0442\u043e\u0440\u044b\u0435"]}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsx)(n.li,{children:"\u0413\u0434\u0435-\u0442\u043e \u043f\u0440\u0438\u0432\u043e\u0434\u0438\u043b\u0438 \u043a \u0431\u043e\u0439\u043b\u0435\u0440\u043f\u043b\u0435\u0439\u0442\u0443"}),"\n",(0,i.jsx)(n.li,{children:"\u0413\u0434\u0435-\u0442\u043e \u043a \u0447\u0440\u0435\u0437\u043c\u0435\u0440\u043d\u043e\u043c\u0443 \u0443\u0441\u043b\u043e\u0436\u043d\u0435\u043d\u0438\u044e \u043a\u043e\u0434\u043e\u0432\u043e\u0439 \u0431\u0430\u0437\u044b \u0438 \u043d\u0435\u043e\u0447\u0435\u0432\u0438\u0434\u043d\u044b\u043c \u043f\u0440\u0430\u0432\u0438\u043b\u0430\u043c \u043c\u0435\u0436\u0434\u0443 \u0430\u0431\u0441\u0442\u0440\u0430\u043a\u0446\u0438\u044f\u043c\u0438"}),"\n",(0,i.jsx)(n.li,{children:"\u0413\u0434\u0435-\u0442\u043e \u043a \u043d\u0435\u044f\u0432\u043d\u044b\u043c \u0430\u0440\u0445\u0438\u0442\u0435\u043a\u0442\u0443\u0440\u043d\u044b\u043c \u0440\u0435\u0448\u0435\u043d\u0438\u044f\u043c, \u0447\u0442\u043e \u043c\u0435\u0448\u0430\u043b\u043e \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u043a\u0435 \u043f\u0440\u043e\u0435\u043a\u0442\u0430 \u0438 \u043e\u043d\u0431\u043e\u0440\u0434\u0438\u043d\u0433\u0443 \u043d\u043e\u0432\u044b\u0445 \u043b\u044e\u0434\u0435\u0439"}),"\n"]}),"\n",(0,i.jsxs)(n.p,{children:["\u041d\u043e\u0432\u0430\u044f \u0432\u0435\u0440\u0441\u0438\u044f \u043c\u0435\u0442\u043e\u0434\u043e\u043b\u043e\u0433\u0438\u0438 (",(0,i.jsx)(n.a,{href:"https://github.com/feature-sliced/documentation",children:"v2"}),") \u043f\u0440\u0438\u0437\u0432\u0430\u043d\u0430 ",(0,i.jsx)(n.strong,{children:"\u0443\u0441\u0442\u0440\u0430\u043d\u0438\u0442\u044c \u044d\u0442\u0438 \u043d\u0435\u0434\u043e\u0441\u0442\u0430\u0442\u043a\u0438, \u0441\u043e\u0445\u0440\u0430\u043d\u044f\u044f \u043f\u0440\u0438 \u044d\u0442\u043e\u043c \u0438 \u0438\u043c\u0435\u044e\u0449\u0438\u0435\u0441\u044f \u0434\u043e\u0441\u0442\u043e\u0438\u043d\u0441\u0442\u0432\u0430"})," \u043f\u043e\u0434\u0445\u043e\u0434\u0430."]}),"\n",(0,i.jsxs)(n.p,{children:["\u0421 2018 \u0433\u043e\u0434\u0430 ",(0,i.jsx)(n.a,{href:"https://github.com/kof/feature-driven-architecture/issues",children:"\u0440\u0430\u0437\u0432\u0438\u0432\u0430\u043b\u0430\u0441\u044c"})," \u0438 \u0434\u0440\u0443\u0433\u0430\u044f \u043f\u043e\u0434\u043e\u0431\u043d\u0430\u044f \u043c\u0435\u0442\u043e\u0434\u043e\u043b\u043e\u0433\u0438\u044f - ",(0,i.jsx)(n.a,{href:"https://github.com/feature-sliced/documentation/tree/rc/feature-driven",children:(0,i.jsx)(n.strong,{children:"feature-driven"})}),", \u043e \u043a\u043e\u0442\u043e\u0440\u043e\u0439 \u0437\u0430\u044f\u0432\u0438\u043b \u0432\u043f\u0435\u0440\u0432\u044b\u0435 ",(0,i.jsx)(n.a,{href:"https://github.com/kof",children:"Oleg Isonen"}),"."]}),"\n",(0,i.jsxs)(n.p,{children:["\u0412 \u0440\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442\u0435 \u0441\u043b\u0438\u044f\u043d\u0438\u044f \u0434\u0432\u0443\u0445 \u043f\u043e\u0434\u0445\u043e\u0434\u043e\u0432, ",(0,i.jsx)(n.strong,{children:"\u0431\u044b\u043b\u0438 \u0443\u043b\u0443\u0447\u0448\u0435\u043d\u044b \u0438 \u0434\u043e\u0440\u0430\u0431\u043e\u0442\u0430\u043d\u044b \u0441\u0443\u0449\u0435\u0441\u0442\u0432\u0443\u044e\u0449\u0438\u0435 \u043f\u0440\u0430\u043a\u0442\u0438\u043a\u0438"})," - \u0432 \u0441\u0442\u043e\u0440\u043e\u043d\u0443 \u0431\u043e\u043b\u044c\u0448\u0435\u0439 \u0433\u0438\u0431\u043a\u043e\u0441\u0442\u0438, \u043f\u043e\u043d\u044f\u0442\u043d\u043e\u0441\u0442\u0438 \u0438 \u044d\u0444\u0444\u0435\u043a\u0442\u0438\u0432\u043d\u043e\u0441\u0442\u0438 \u043f\u0440\u0438 \u043f\u0440\u0438\u043c\u0435\u043d\u0435\u043d\u0438\u0438."]}),"\n",(0,i.jsxs)(n.blockquote,{children:["\n",(0,i.jsxs)(n.p,{children:["\u041f\u043e \u0438\u0442\u043e\u0433\u0443 \u044d\u0442\u043e \u043f\u043e\u0432\u043b\u0438\u044f\u043b\u043e \u0434\u0430\u0436\u0435 \u043d\u0430 \u043d\u0430\u0438\u043c\u0435\u043d\u043e\u0432\u0430\u043d\u0438\u0435 \u043c\u0435\u0442\u043e\u0434\u043e\u043b\u043e\u0433\u0438\u0438 - ",(0,i.jsxs)(n.em,{children:['"feature-slice',(0,i.jsx)(n.strong,{children:"d"}),'"']})]}),"\n"]}),"\n",(0,i.jsx)(n.h2,{id:"why-does-it-make-sense-to-migrate-the-project-to-v2",children:"\u041f\u043e\u0447\u0435\u043c\u0443 \u0438\u043c\u0435\u0435\u0442 \u0441\u043c\u044b\u0441\u043b \u043c\u0438\u0433\u0440\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u043f\u0440\u043e\u0435\u043a\u0442 \u043d\u0430 v2?"}),"\n",(0,i.jsxs)(n.blockquote,{children:["\n",(0,i.jsxs)(n.p,{children:[(0,i.jsx)(n.code,{children:"WIP:"})," \u0422\u0435\u043a\u0443\u0449\u0430\u044f \u0432\u0435\u0440\u0441\u0438\u044f \u043c\u0435\u0442\u043e\u0434\u043e\u043b\u043e\u0433\u0438\u0438 \u043d\u0430\u0445\u043e\u0434\u0438\u0442\u0441\u044f \u043d\u0430 \u0441\u0442\u0430\u0434\u0438\u0438 \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u0438 \u0438 \u043d\u0435\u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u0434\u0435\u0442\u0430\u043b\u0438 ",(0,i.jsx)(n.em,{children:"\u043c\u043e\u0433\u0443\u0442 \u0438\u0437\u043c\u0435\u043d\u0438\u0442\u044c\u0441\u044f"})]}),"\n"]}),"\n",(0,i.jsx)(n.h4,{id:"-more-transparent-and-simple-architecture",children:"\ud83d\udd0d \u0411\u043e\u043b\u0435\u0435 \u043f\u0440\u043e\u0437\u0440\u0430\u0447\u043d\u0430\u044f \u0438 \u043f\u0440\u043e\u0441\u0442\u0430\u044f \u0430\u0440\u0445\u0438\u0442\u0435\u043a\u0442\u0443\u0440\u0430"}),"\n",(0,i.jsxs)(n.p,{children:["\u041c\u0435\u0442\u043e\u0434\u043e\u043b\u043e\u0433\u0438\u044f (v2) \u043f\u0440\u0435\u0434\u043b\u0430\u0433\u0430\u0435\u0442 ",(0,i.jsx)(n.strong,{children:"\u0431\u043e\u043b\u0435\u0435 \u0438\u043d\u0442\u0443\u0438\u0442\u0438\u0432\u043d\u043e \u043f\u043e\u043d\u044f\u0442\u043d\u044b\u0435 \u0438 \u0431\u043e\u043b\u0435\u0435 \u0440\u0430\u0441\u043f\u0440\u043e\u0441\u0442\u0440\u0430\u043d\u0435\u043d\u043d\u044b\u0435 \u0441\u0440\u0435\u0434\u0438 \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a\u043e\u0432 \u0430\u0431\u0441\u0442\u0440\u0430\u043a\u0446\u0438\u0438 \u0438 \u0441\u043f\u043e\u0441\u043e\u0431\u044b \u0440\u0430\u0437\u0434\u0435\u043b\u0435\u043d\u0438\u044f \u043b\u043e\u0433\u0438\u043a\u0438."})]}),"\n",(0,i.jsx)(n.p,{children:"\u0412\u0441\u0435 \u044d\u0442\u043e \u043a\u0440\u0430\u0439\u043d\u0435 \u043f\u043e\u043b\u043e\u0436\u0438\u0442\u0435\u043b\u044c\u043d\u043e \u0432\u043b\u0438\u044f\u0435\u0442 \u043d\u0430 \u043f\u0440\u0438\u0432\u043b\u0435\u0447\u0435\u043d\u0438\u0435 \u043d\u043e\u0432\u044b\u0445 \u043b\u044e\u0434\u0435\u0439, \u0430 \u0442\u0430\u043a\u0436\u0435 \u0438\u0437\u0443\u0447\u0435\u043d\u0438\u0435 \u0442\u0435\u043a\u0443\u0449\u0435\u0433\u043e \u0441\u043e\u0441\u0442\u043e\u044f\u043d\u0438\u044f \u043f\u0440\u043e\u0435\u043a\u0442\u0430, \u0438 \u0440\u0430\u0441\u043f\u0440\u0435\u0434\u0435\u043b\u0435\u043d\u0438\u0435 \u0431\u0438\u0437\u043d\u0435\u0441-\u043b\u043e\u0433\u0438\u043a\u0438 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f."}),"\n",(0,i.jsx)(n.h4,{id:"-more-flexible-and-honest-modularity",children:"\ud83d\udce6 \u0411\u043e\u043b\u0435\u0435 \u0433\u0438\u0431\u043a\u0430\u044f \u0438 \u0447\u0435\u0441\u0442\u043d\u0430\u044f \u043c\u043e\u0434\u0443\u043b\u044c\u043d\u043e\u0441\u0442\u044c"}),"\n",(0,i.jsxs)(n.p,{children:["\u041c\u0435\u0442\u043e\u0434\u043e\u043b\u043e\u0433\u0438\u044f (v2) \u043f\u043e\u0437\u0432\u043e\u043b\u044f\u0435\u0442 ",(0,i.jsx)(n.strong,{children:"\u0440\u0430\u0441\u043f\u0440\u0435\u0434\u0435\u043b\u044f\u0442\u044c \u043b\u043e\u0433\u0438\u043a\u0443 \u0431\u043e\u043b\u0435\u0435 \u0433\u0438\u0431\u043a\u0438\u043c \u0441\u043f\u043e\u0441\u043e\u0431\u043e\u043c:"})]}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsx)(n.li,{children:"\u0421 \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e\u0441\u0442\u044c\u044e \u0440\u0435\u0444\u0430\u043a\u0442\u043e\u0440\u0438\u0442\u044c \u0441 \u043d\u0443\u043b\u044f \u0438\u0437\u043e\u043b\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u044b\u0435 \u0447\u0430\u0441\u0442\u0438"}),"\n",(0,i.jsx)(n.li,{children:"\u0421 \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e\u0441\u0442\u044c\u044e \u043e\u043f\u0438\u0440\u0430\u0442\u044c\u0441\u044f \u043d\u0430 \u043e\u0434\u043d\u0438 \u0438 \u0442\u0435 \u0436\u0435 \u0430\u0431\u0441\u0442\u0440\u0430\u043a\u0446\u0438\u0438, \u043d\u043e \u0431\u0435\u0437 \u043b\u0438\u0448\u043d\u0438\u0445 \u043f\u0435\u0440\u0435\u043f\u043b\u0435\u0442\u0435\u043d\u0438\u0439 \u0437\u0430\u0432\u0438\u0441\u0438\u043c\u043e\u0441\u0442\u0435\u0439"}),"\n",(0,i.jsxs)(n.li,{children:["\u0421 \u0431\u043e\u043b\u0435\u0435 \u043f\u0440\u043e\u0441\u0442\u044b\u043c\u0438 \u0442\u0440\u0435\u0431\u043e\u0432\u0430\u043d\u0438\u044f\u043c\u0438 \u0434\u043b\u044f \u0440\u0430\u0441\u043f\u043e\u043b\u043e\u0436\u0435\u043d\u0438\u044f \u043d\u043e\u0432\u043e\u0433\u043e \u043c\u043e\u0434\u0443\u043b\u044f ",(0,i.jsx)(n.em,{children:"(layer => slice => segment)"})]}),"\n"]}),"\n",(0,i.jsx)(n.h4,{id:"-more-specifications-plans-community",children:"\ud83d\ude80 \u0411\u043e\u043b\u044c\u0448\u0435 \u0441\u043f\u0435\u0446\u0438\u0444\u0438\u043a\u0430\u0446\u0438\u0438, \u043f\u043b\u0430\u043d\u043e\u0432, \u043a\u043e\u043c\u044c\u044e\u043d\u0438\u0442\u0438"}),"\n",(0,i.jsxs)(n.p,{children:["\u041d\u0430 \u0434\u0430\u043d\u043d\u044b\u0439 \u043c\u043e\u043c\u0435\u043d\u0442 ",(0,i.jsx)(n.code,{children:"core-team"})," \u0432\u0435\u0434\u0435\u0442 \u0430\u043a\u0442\u0438\u0432\u043d\u0443\u044e \u0440\u0430\u0431\u043e\u0442\u0443 \u0438\u043c\u0435\u043d\u043d\u043e \u043d\u0430\u0434 \u043f\u043e\u0441\u043b\u0435\u0434\u043d\u0435\u0439 (v2) \u0432\u0435\u0440\u0441\u0438\u0435\u0439 \u043c\u0435\u0442\u043e\u0434\u043e\u043b\u043e\u0433\u0438\u0438"]}),"\n",(0,i.jsx)(n.p,{children:"\u0410 \u0437\u043d\u0430\u0447\u0438\u0442 \u0438\u043c\u0435\u043d\u043d\u043e \u0434\u043b\u044f \u043d\u0435\u0435:"}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsx)(n.li,{children:"\u0431\u0443\u0434\u0435\u0442 \u0431\u043e\u043b\u044c\u0448\u0435 \u043e\u043f\u0438\u0441\u0430\u043d\u043d\u044b\u0445 \u043a\u0435\u0439\u0441\u043e\u0432 / \u043f\u0440\u043e\u0431\u043b\u0435\u043c"}),"\n",(0,i.jsx)(n.li,{children:"\u0431\u0443\u0434\u0435\u0442 \u0431\u043e\u043b\u044c\u0448\u0435 \u0433\u0430\u0439\u0434\u043e\u0432 \u043f\u043e \u043f\u0440\u0438\u043c\u0435\u043d\u0435\u043d\u0438\u044e"}),"\n",(0,i.jsx)(n.li,{children:"\u0431\u0443\u0434\u0435\u0442 \u0431\u043e\u043b\u044c\u0448\u0435 \u0440\u0435\u0430\u043b\u044c\u043d\u044b\u0445 \u043f\u0440\u0438\u043c\u0435\u0440\u043e\u0432"}),"\n",(0,i.jsx)(n.li,{children:"\u0431\u0443\u0434\u0435\u0442 \u0432 \u0446\u0435\u043b\u043e\u043c \u0431\u043e\u043b\u044c\u0448\u0435 \u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u0430\u0446\u0438\u0438 \u0434\u043b\u044f \u043e\u043d\u0431\u043e\u0440\u0434\u0438\u043d\u0433\u0430 \u043d\u043e\u0432\u044b\u0445 \u043b\u044e\u0434\u0435\u0439 \u0438 \u0438\u0437\u0443\u0447\u0435\u043d\u0438\u044f \u043a\u043e\u043d\u0446\u0435\u043f\u0446\u0438\u0439 \u043c\u0435\u0442\u043e\u0434\u043e\u043b\u043e\u0433\u0438\u0438"}),"\n",(0,i.jsx)(n.li,{children:"\u0431\u0443\u0434\u0435\u0442 \u0440\u0430\u0437\u0432\u0438\u0432\u0430\u0442\u044c\u0441\u044f \u0432 \u0434\u0430\u043b\u044c\u043d\u0435\u0439\u0448\u0435\u043c \u0442\u0443\u043b\u043a\u0438\u0442 \u0434\u043b\u044f \u0441\u043e\u0431\u043b\u044e\u0434\u0435\u043d\u0438\u044f \u043a\u043e\u043d\u0446\u0435\u043f\u0446\u0438\u0439 \u0438 \u043a\u043e\u043d\u0432\u0435\u043d\u0446\u0438\u0439 \u043f\u043e \u0430\u0440\u0445\u0438\u0442\u0435\u043a\u0442\u0443\u0440\u0435"}),"\n"]}),"\n",(0,i.jsxs)(n.blockquote,{children:["\n",(0,i.jsx)(n.p,{children:"\u0421\u0430\u043c\u043e \u0441\u043e\u0431\u043e\u0439, \u0431\u0443\u0434\u0435\u0442 \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u043a\u0430 \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u0435\u0439 \u0438 \u043f\u043e \u043f\u0435\u0440\u0432\u043e\u0439 \u0432\u0435\u0440\u0441\u0438\u0438 - \u043d\u043e \u0434\u043b\u044f \u043d\u0430\u0441 \u043f\u0435\u0440\u0432\u043e\u043e\u0447\u0435\u0440\u0435\u0434\u043d\u0430\u044f \u0432\u0441\u0435 \u0436\u0435 \u043f\u043e\u0441\u043b\u0435\u0434\u043d\u044f\u044f \u0432\u0435\u0440\u0441\u0438\u044f"}),"\n",(0,i.jsxs)(n.p,{children:["\u0412 \u0431\u0443\u0434\u0443\u0449\u0435\u043c \u0436\u0435, \u043f\u0440\u0438 \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0438\u0445 \u043c\u0430\u0436\u043e\u0440\u043d\u044b\u0445 \u043e\u0431\u043d\u043e\u0432\u043b\u0435\u043d\u0438\u044f\u0445 - \u0443 \u0432\u0430\u0441 \u0441\u043e\u0445\u0440\u0430\u043d\u0438\u0442\u0441\u044f \u0434\u043e\u0441\u0442\u0443\u043f \u0438 \u043a \u0442\u0435\u043a\u0443\u0449\u0435\u0439 \u0432\u0435\u0440\u0441\u0438\u0438 (v2) \u043c\u0435\u0442\u043e\u0434\u043e\u043b\u043e\u0433\u0438\u0438, ",(0,i.jsx)(n.strong,{children:"\u0431\u0435\u0437 \u0440\u0438\u0441\u043a\u043e\u0432 \u0434\u043b\u044f \u0432\u0430\u0448\u0438\u0445 \u043a\u043e\u043c\u0430\u043d\u0434 \u0438 \u043f\u0440\u043e\u0435\u043a\u0442\u043e\u0432"})]}),"\n"]}),"\n",(0,i.jsx)(n.h2,{id:"changelog",children:"Changelog"}),"\n",(0,i.jsxs)(n.h3,{id:"breaking-layers",children:[(0,i.jsx)(n.code,{children:"BREAKING"})," Layers"]}),"\n",(0,i.jsx)(n.p,{children:"\u0422\u0435\u043f\u0435\u0440\u044c \u043c\u0435\u0442\u043e\u0434\u043e\u043b\u043e\u0433\u0438\u044f \u043f\u0440\u0435\u0434\u043f\u043e\u043b\u0430\u0433\u0430\u0435\u0442 \u044f\u0432\u043d\u043e\u0435 \u0432\u044b\u0434\u0435\u043b\u0435\u043d\u0438\u0435 \u0441\u043b\u043e\u0435\u0432 \u043d\u0430 \u0432\u0435\u0440\u0445\u043d\u0435\u043c \u0443\u0440\u043e\u0432\u043d\u0435"}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsxs)(n.li,{children:[(0,i.jsx)(n.code,{children:"/app"})," > ",(0,i.jsx)(n.code,{children:"/processes"})," > ",(0,i.jsx)(n.strong,{children:(0,i.jsx)(n.code,{children:"/pages"})})," > ",(0,i.jsx)(n.strong,{children:(0,i.jsx)(n.code,{children:"/features"})})," > ",(0,i.jsx)(n.code,{children:"/entities"})," > ",(0,i.jsx)(n.code,{children:"/shared"})]}),"\n",(0,i.jsx)(n.li,{children:(0,i.jsx)(n.em,{children:"\u0422.\u0435. \u043d\u0435 \u0432\u0441\u0435 \u0442\u0435\u043f\u0435\u0440\u044c \u0442\u0440\u0430\u043a\u0442\u0443\u0435\u0442\u0441\u044f \u043a\u0430\u043a \u0444\u0438\u0447\u0438/\u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b"})}),"\n",(0,i.jsxs)(n.li,{children:["\u0422\u0430\u043a\u043e\u0439 \u043f\u043e\u0434\u0445\u043e\u0434 \u043f\u043e\u0437\u0432\u043e\u043b\u044f\u0435\u0442 ",(0,i.jsx)(n.a,{href:"https://t.me/atomicdesign/18708",children:"\u044f\u0432\u043d\u043e \u0437\u0430\u0434\u0430\u0442\u044c \u043f\u0440\u0430\u0432\u0438\u043b\u0430 \u0434\u043b\u044f \u0441\u043b\u043e\u0435\u0432"}),":","\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsxs)(n.li,{children:["\n",(0,i.jsxs)(n.p,{children:["\u0427\u0435\u043c ",(0,i.jsx)(n.strong,{children:"\u0432\u044b\u0448\u0435 \u0440\u0430\u0441\u043f\u043e\u043b\u043e\u0436\u0435\u043d \u0441\u043b\u043e\u0439"})," \u043c\u043e\u0434\u0443\u043b\u044f - \u0442\u0435\u043c \u0431\u043e\u043b\u044c\u0448\u0438\u043c ",(0,i.jsx)(n.strong,{children:"\u043a\u043e\u043d\u0442\u0435\u043a\u0441\u0442\u043e\u043c"})," \u043e\u043d \u0440\u0430\u0441\u043f\u043e\u043b\u0430\u0433\u0430\u0435\u0442"]}),"\n",(0,i.jsx)(n.p,{children:(0,i.jsx)(n.em,{children:"(\u0438\u043d\u044b\u043c\u0438 \u0441\u043b\u043e\u0432\u0430\u043c\u0438 - \u043a\u0430\u0436\u0434\u044b\u0439 \u043c\u043e\u0434\u0443\u043b\u044c \u0441\u043b\u043e\u044f - \u043c\u043e\u0436\u0435\u0442 \u0438\u043c\u043f\u043e\u0440\u0442\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u0442\u043e\u043b\u044c\u043a\u043e \u043c\u043e\u0434\u0443\u043b\u0438 \u043d\u0438\u0436\u0435\u043b\u0435\u0436\u0430\u0449\u0438\u0445 \u0441\u043b\u043e\u0435\u0432, \u043d\u043e \u043d\u0435 \u0432\u044b\u0448\u0435)"})}),"\n"]}),"\n",(0,i.jsxs)(n.li,{children:["\n",(0,i.jsxs)(n.p,{children:["\u0427\u0435\u043c ",(0,i.jsx)(n.strong,{children:"\u043d\u0438\u0436\u0435 \u0440\u0430\u0441\u043f\u043e\u043b\u043e\u0436\u0435\u043d \u0441\u043b\u043e\u0439"})," \u043c\u043e\u0434\u0443\u043b\u044f - \u0442\u0435\u043c \u0431\u043e\u043b\u044c\u0448\u0435 ",(0,i.jsx)(n.strong,{children:"\u043e\u043f\u0430\u0441\u043d\u043e\u0441\u0442\u0438 \u0438 \u043e\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0435\u043d\u043d\u043e\u0441\u0442\u0438"}),", \u0447\u0442\u043e\u0431\u044b \u0432\u043d\u0435\u0441\u0442\u0438 \u0432 \u043d\u0435\u0433\u043e \u0438\u0437\u043c\u0435\u043d\u0435\u043d\u0438\u044f"]}),"\n",(0,i.jsx)(n.p,{children:(0,i.jsx)(n.em,{children:"(\u043f\u043e\u0442\u043e\u043c\u0443 \u0447\u0442\u043e, \u043a\u0430\u043a \u043f\u0440\u0430\u0432\u0438\u043b\u043e - \u0431\u043e\u043b\u0435\u0435 \u043f\u0435\u0440\u0435\u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u043c\u044b\u043c\u0438 \u044f\u0432\u043b\u044f\u044e\u0442\u0441\u044f \u0438\u043c\u0435\u043d\u043d\u043e \u043d\u0438\u0436\u0435\u043b\u0435\u0436\u0430\u0449\u0438\u0435 \u0441\u043b\u043e\u0438)"})}),"\n"]}),"\n"]}),"\n"]}),"\n"]}),"\n",(0,i.jsxs)(n.h3,{id:"breaking-shared",children:[(0,i.jsx)(n.code,{children:"BREAKING"})," Shared"]}),"\n",(0,i.jsxs)(n.p,{children:["\u0418\u043d\u0444\u0440\u0430\u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u043d\u044b\u0435 \u0430\u0431\u0441\u0442\u0440\u0430\u043a\u0446\u0438\u0438 ",(0,i.jsx)(n.code,{children:"/ui"}),", ",(0,i.jsx)(n.code,{children:"/lib"}),", ",(0,i.jsx)(n.code,{children:"/api"}),", \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u0440\u0430\u043d\u044c\u0448\u0435 \u043b\u0435\u0436\u0430\u043b\u0438 \u0432 src-\u043a\u043e\u0440\u043d\u0435 \u043f\u0440\u043e\u0435\u043a\u0442\u0430, \u0442\u0435\u043f\u0435\u0440\u044c \u043e\u0431\u043e\u0441\u043e\u0431\u043b\u0435\u043d\u044b \u043e\u0442\u0434\u0435\u043b\u044c\u043d\u043e\u0439 \u0434\u0438\u0440\u0435\u043a\u0442\u043e\u0440\u0438\u0435\u0439 ",(0,i.jsx)(n.code,{children:"/src/shared"})]}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsxs)(n.li,{children:[(0,i.jsx)(n.code,{children:"shared/ui"})," - \u0412\u0441\u0435 \u0442\u0430\u043a \u0436\u0435 \u043e\u0431\u0449\u0438\u0439 uikit \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f (\u043e\u043f\u0446\u0438\u043e\u043d\u0430\u043b\u0435\u043d)","\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsx)(n.li,{children:(0,i.jsxs)(n.em,{children:["\u041f\u0440\u0438 \u044d\u0442\u043e\u043c \u043d\u0438\u043a\u0442\u043e \u043d\u0435 \u0437\u0430\u043f\u0440\u0435\u0449\u0430\u0435\u0442 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u0437\u0434\u0435\u0441\u044c ",(0,i.jsx)(n.code,{children:"Atomic Design"})," \u043a\u0430\u043a \u0440\u0430\u043d\u044c\u0448\u0435"]})}),"\n"]}),"\n"]}),"\n",(0,i.jsxs)(n.li,{children:[(0,i.jsx)(n.code,{children:"shared/lib"})," - \u041d\u0430\u0431\u043e\u0440 \u0432\u0441\u043f\u043e\u043c\u043e\u0433\u0430\u0442\u0435\u043b\u044c\u043d\u044b\u0445 \u0431\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a \u0434\u043b\u044f \u0440\u0435\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u0438 \u043b\u043e\u0433\u0438\u043a\u0438","\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsx)(n.li,{children:(0,i.jsx)(n.em,{children:"\u041f\u043e-\u043f\u0440\u0435\u0436\u043d\u0435\u043c\u0443 - \u0431\u0435\u0437 \u0441\u0432\u0430\u043b\u043a\u0438 \u0445\u0435\u043b\u043f\u0435\u0440\u043e\u0432"})}),"\n"]}),"\n"]}),"\n",(0,i.jsxs)(n.li,{children:[(0,i.jsx)(n.code,{children:"shared/api"})," - \u041e\u0431\u0449\u0438\u0439 \u044d\u043d\u0442\u0440\u0438\u043f\u043e\u0438\u043d\u0442 \u0434\u043b\u044f \u043e\u0431\u0440\u0430\u0449\u0435\u043d\u0438\u044f \u043a API","\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsx)(n.li,{children:(0,i.jsx)(n.em,{children:"\u041c\u043e\u0436\u0435\u0442 \u043f\u0440\u043e\u043f\u0438\u0441\u044b\u0432\u0430\u0442\u044c\u0441\u044f \u0438 \u043b\u043e\u043a\u0430\u043b\u044c\u043d\u043e \u0432 \u043a\u0430\u0436\u0434\u043e\u0439 \u0444\u0438\u0447\u0435/\u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0435 - \u043d\u043e \u043d\u0435 \u0440\u0435\u043a\u043e\u043c\u0435\u043d\u0434\u0443\u0435\u0442\u0441\u044f"})}),"\n"]}),"\n"]}),"\n",(0,i.jsxs)(n.li,{children:["\u041a\u0430\u043a \u0438 \u0440\u0430\u043d\u044c\u0448\u0435 - \u0432 ",(0,i.jsx)(n.code,{children:"shared"})," \u043d\u0435 \u0434\u043e\u043b\u0436\u043d\u043e \u0431\u044b\u0442\u044c \u044f\u0432\u043d\u043e\u0439 \u043f\u0440\u0438\u0432\u044f\u0437\u043a\u0438 \u043a \u0431\u0438\u0437\u043d\u0435\u0441-\u043b\u043e\u0433\u0438\u043a\u0435","\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsx)(n.li,{children:(0,i.jsxs)(n.em,{children:["\u041f\u0440\u0438 \u043d\u0435\u043e\u0431\u0445\u043e\u0434\u0438\u043c\u043e\u0441\u0442\u0438 - \u043d\u0443\u0436\u043d\u043e \u0432\u044b\u043d\u043e\u0441\u0438\u0442\u044c \u044d\u0442\u0443 \u0441\u0432\u044f\u0437\u044c \u043d\u0430 \u0443\u0440\u043e\u0432\u0435\u043d\u044c ",(0,i.jsx)(n.code,{children:"entities"})," \u0438\u043b\u0438 \u0435\u0449\u0435 \u0432\u044b\u0448\u0435"]})}),"\n"]}),"\n"]}),"\n"]}),"\n",(0,i.jsxs)(n.h3,{id:"new-entities-processes",children:[(0,i.jsx)(n.code,{children:"NEW"})," Entities, Processes"]}),"\n",(0,i.jsxs)(n.p,{children:["\u0412 v2 ",(0,i.jsx)(n.strong,{children:"\u0434\u043e\u0431\u0430\u0432\u043b\u0435\u043d\u044b \u0438 \u0434\u0440\u0443\u0433\u0438\u0435 \u043d\u043e\u0432\u044b\u0435 \u0430\u0431\u0441\u0442\u0440\u0430\u043a\u0446\u0438\u0438"}),", \u0434\u043b\u044f \u0443\u0441\u0442\u0440\u0430\u043d\u0435\u043d\u0438\u044f \u043f\u0440\u043e\u0431\u043b\u0435\u043c \u0443\u0441\u043b\u043e\u0436\u043d\u0435\u043d\u0438\u044f \u043b\u043e\u0433\u0438\u043a\u0438 \u0438 \u0441\u0438\u043b\u044c\u043d\u043e\u0439 \u0441\u0432\u044f\u0437\u043d\u043e\u0441\u0442\u0438."]}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsxs)(n.li,{children:[(0,i.jsx)(n.code,{children:"/entities"})," - \u0441\u043b\u043e\u0439 ",(0,i.jsx)(n.strong,{children:"\u0431\u0438\u0437\u043d\u0435\u0441-\u0441\u0443\u0449\u043d\u043e\u0441\u0442\u0435\u0439"}),", \u0441\u043e\u0434\u0435\u0440\u0436\u0430\u0449\u0438\u0439 \u0432 \u0441\u0435\u0431\u0435 \u0441\u043b\u0430\u0439\u0441\u044b, \u043e\u0442\u043d\u043e\u0441\u044f\u0449\u0438\u0435\u0441\u044f \u043d\u0430\u043f\u0440\u044f\u043c\u0443\u044e \u043a \u0431\u0438\u0437\u043d\u0435\u0441-\u043c\u043e\u0434\u0435\u043b\u044f\u043c \u0438\u043b\u0438 \u0441\u0438\u043d\u0442\u0435\u0442\u0438\u0447\u0435\u0441\u043a\u0438\u043c \u0441\u0443\u0449\u043d\u043e\u0441\u0442\u044f\u043c, \u043d\u0435\u043e\u0431\u0445\u043e\u0434\u0438\u043c\u044b\u043c \u0442\u043e\u043b\u044c\u043a\u043e \u043d\u0430 \u0444\u0440\u043e\u043d\u0442\u0435\u043d\u0434\u0435","\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsx)(n.li,{children:(0,i.jsxs)(n.em,{children:["\u041f\u0440\u0438\u043c\u0435\u0440\u044b: ",(0,i.jsx)(n.code,{children:"user"}),", ",(0,i.jsx)(n.code,{children:"i18n"}),", ",(0,i.jsx)(n.code,{children:"order"}),", ",(0,i.jsx)(n.code,{children:"blog"})]})}),"\n"]}),"\n"]}),"\n",(0,i.jsxs)(n.li,{children:[(0,i.jsx)(n.code,{children:"/processes"})," - \u0441\u043b\u043e\u0439 ",(0,i.jsx)(n.strong,{children:"\u0431\u0438\u0437\u043d\u0435\u0441-\u043f\u0440\u043e\u0446\u0435\u0441\u0441\u043e\u0432"}),", \u043f\u0440\u043e\u043d\u0438\u0437\u044b\u0432\u0430\u044e\u0449\u0438\u0445 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0435","\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsxs)(n.li,{children:[(0,i.jsx)(n.strong,{children:"\u0421\u043b\u043e\u0439 \u043e\u043f\u0446\u0438\u043e\u043d\u0430\u043b\u0435\u043d"}),", \u043e\u0431\u044b\u0447\u043d\u043e \u0440\u0435\u043a\u043e\u043c\u0435\u043d\u0434\u0443\u0435\u0442\u0441\u044f \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c, \u043a\u043e\u0433\u0434\u0430 ",(0,i.jsx)(n.em,{children:"\u043b\u043e\u0433\u0438\u043a\u0430 \u0440\u0430\u0437\u0440\u0430\u0441\u0442\u0430\u0435\u0442\u0441\u044f \u0438 \u043d\u0430\u0447\u0438\u043d\u0430\u0435\u0442 \u0440\u0430\u0437\u043c\u044b\u0432\u0430\u0442\u044c\u0441\u044f \u0432 \u043d\u0435\u0441\u043a\u043e\u043b\u044c\u043a\u0438\u0445 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0430\u0445"})]}),"\n",(0,i.jsx)(n.li,{children:(0,i.jsxs)(n.em,{children:["\u041f\u0440\u0438\u043c\u0435\u0440\u044b: ",(0,i.jsx)(n.code,{children:"payment"}),", ",(0,i.jsx)(n.code,{children:"auth"}),", ",(0,i.jsx)(n.code,{children:"quick-tour"})]})}),"\n"]}),"\n"]}),"\n"]}),"\n",(0,i.jsxs)(n.h3,{id:"breaking-abstractions--naming",children:[(0,i.jsx)(n.code,{children:"BREAKING"})," Abstractions & Naming"]}),"\n",(0,i.jsxs)(n.p,{children:["\u0422\u0435\u043f\u0435\u0440\u044c \u043e\u043f\u0440\u0435\u0434\u0435\u043b\u0435\u043d\u044b \u043a\u043e\u043d\u043a\u0440\u0435\u0442\u043d\u044b\u0435 \u0430\u0431\u0441\u0442\u0440\u0430\u043a\u0446\u0438\u0438 \u0438 ",(0,i.jsx)(n.a,{href:"/docs/about/understanding/naming",children:"\u0447\u0435\u0442\u043a\u0438\u0435 \u0440\u0435\u043a\u043e\u043c\u0435\u043d\u0434\u0430\u0446\u0438\u0438 \u0434\u043b\u044f \u0438\u0445 \u043d\u0435\u0439\u043c\u0438\u043d\u0433\u0430"})]}),"\n",(0,i.jsx)(n.h4,{id:"layers",children:"Layers"}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsxs)(n.li,{children:[(0,i.jsx)(n.code,{children:"/app"})," \u2014 ",(0,i.jsx)(n.strong,{children:"\u0441\u043b\u043e\u0439 \u0438\u043d\u0438\u0446\u0438\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u0438 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f"}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsx)(n.li,{children:(0,i.jsxs)(n.em,{children:["\u041f\u0440\u0435\u0436\u043d\u0438\u0435 \u0432\u0430\u0440\u0438\u0430\u043d\u0442\u044b: ",(0,i.jsx)(n.code,{children:"app"}),", ",(0,i.jsx)(n.code,{children:"core"}),", ",(0,i.jsx)(n.code,{children:"init"}),", ",(0,i.jsx)(n.code,{children:"src/index"})," (\u0438 \u0442\u0430\u043a\u043e\u0435 \u0431\u044b\u0432\u0430\u0435\u0442)"]})}),"\n"]}),"\n"]}),"\n",(0,i.jsxs)(n.li,{children:[(0,i.jsx)(n.code,{children:"/processes"})," \u2014 ",(0,i.jsx)(n.a,{href:"https://github.com/feature-sliced/documentation/discussions/20",children:(0,i.jsx)(n.strong,{children:"\u0441\u043b\u043e\u0439 \u0431\u0438\u0437\u043d\u0435\u0441-\u043f\u0440\u043e\u0446\u0435\u0441\u0441\u043e\u0432"})}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsx)(n.li,{children:(0,i.jsxs)(n.em,{children:["\u041f\u0440\u0435\u0436\u043d\u0438\u0435 \u0432\u0430\u0440\u0438\u0430\u043d\u0442\u044b: ",(0,i.jsx)(n.code,{children:"processes"}),", ",(0,i.jsx)(n.code,{children:"flows"}),", ",(0,i.jsx)(n.code,{children:"workflows"})]})}),"\n"]}),"\n"]}),"\n",(0,i.jsxs)(n.li,{children:[(0,i.jsx)(n.code,{children:"/pages"})," \u2014 ",(0,i.jsx)(n.strong,{children:"\u0441\u043b\u043e\u0439 \u0441\u0442\u0440\u0430\u043d\u0438\u0446 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f"}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsx)(n.li,{children:(0,i.jsxs)(n.em,{children:["\u041f\u0440\u0435\u0436\u043d\u0438\u0435 \u0432\u0430\u0440\u0438\u0430\u043d\u0442\u044b: ",(0,i.jsx)(n.code,{children:"pages"}),", ",(0,i.jsx)(n.code,{children:"screens"}),", ",(0,i.jsx)(n.code,{children:"views"}),", ",(0,i.jsx)(n.code,{children:"layouts"}),", ",(0,i.jsx)(n.code,{children:"components"}),", ",(0,i.jsx)(n.code,{children:"containers"})]})}),"\n"]}),"\n"]}),"\n",(0,i.jsxs)(n.li,{children:[(0,i.jsx)(n.code,{children:"/features"})," \u2014 ",(0,i.jsx)(n.a,{href:"https://github.com/feature-sliced/documentation/discussions/23",children:(0,i.jsx)(n.strong,{children:"\u0441\u043b\u043e\u0439 \u0447\u0430\u0441\u0442\u0435\u0439 \u0444\u0443\u043d\u043a\u0446\u0438\u043e\u043d\u0430\u043b\u044c\u043d\u043e\u0441\u0442\u0438"})}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsx)(n.li,{children:(0,i.jsxs)(n.em,{children:["\u041f\u0440\u0435\u0436\u043d\u0438\u0435 \u0432\u0430\u0440\u0438\u0430\u043d\u0442\u044b: ",(0,i.jsx)(n.code,{children:"features"}),", ",(0,i.jsx)(n.code,{children:"components"}),", ",(0,i.jsx)(n.code,{children:"containers"})]})}),"\n"]}),"\n"]}),"\n",(0,i.jsxs)(n.li,{children:[(0,i.jsx)(n.code,{children:"/entities"})," \u2014 ",(0,i.jsx)(n.a,{href:"https://github.com/feature-sliced/documentation/discussions/18#discussioncomment-422649",children:(0,i.jsx)(n.strong,{children:"\u0441\u043b\u043e\u0439 \u0431\u0438\u0437\u043d\u0435\u0441-\u0441\u0443\u0449\u043d\u043e\u0441\u0442\u0435\u0439"})}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsx)(n.li,{children:(0,i.jsxs)(n.em,{children:["\u041f\u0440\u0435\u0436\u043d\u0438\u0435 \u0432\u0430\u0440\u0438\u0430\u043d\u0442\u044b: ",(0,i.jsx)(n.code,{children:"entities"}),", ",(0,i.jsx)(n.code,{children:"models"}),", ",(0,i.jsx)(n.code,{children:"shared"})]})}),"\n"]}),"\n"]}),"\n",(0,i.jsxs)(n.li,{children:[(0,i.jsx)(n.code,{children:"/shared"})," \u2014 ",(0,i.jsx)(n.a,{href:"https://github.com/feature-sliced/documentation/discussions/31#discussioncomment-453020",children:(0,i.jsx)(n.strong,{children:"\u0441\u043b\u043e\u0439 \u043f\u0435\u0440\u0435\u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u043c\u043e\u0433\u043e \u0438\u043d\u0444\u0440\u0430\u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u043d\u043e\u0433\u043e \u043a\u043e\u0434\u0430"})})," \ud83d\udd25","\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsx)(n.li,{children:(0,i.jsxs)(n.em,{children:["\u041f\u0440\u0435\u0436\u043d\u0438\u0435 \u0432\u0430\u0440\u0438\u0430\u043d\u0442\u044b: ",(0,i.jsx)(n.code,{children:"shared"}),", ",(0,i.jsx)(n.code,{children:"common"}),", ",(0,i.jsx)(n.code,{children:"lib"})]})}),"\n"]}),"\n"]}),"\n"]}),"\n",(0,i.jsx)(n.h4,{id:"segments",children:"Segments"}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsxs)(n.li,{children:[(0,i.jsx)(n.code,{children:"/ui"})," \u2014 ",(0,i.jsx)(n.a,{href:"https://github.com/feature-sliced/documentation/discussions/31#discussioncomment-453132",children:(0,i.jsx)(n.strong,{children:"UI-\u0441\u0435\u0433\u043c\u0435\u043d\u0442"})})," \ud83d\udd25","\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsx)(n.li,{children:(0,i.jsxs)(n.em,{children:["\u041f\u0440\u0435\u0436\u043d\u0438\u0435 \u0432\u0430\u0440\u0438\u0430\u043d\u0442\u044b: ",(0,i.jsx)(n.code,{children:"ui"}),", ",(0,i.jsx)(n.code,{children:"components"}),", ",(0,i.jsx)(n.code,{children:"view"})]})}),"\n"]}),"\n"]}),"\n",(0,i.jsxs)(n.li,{children:[(0,i.jsx)(n.code,{children:"/model"})," \u2014 ",(0,i.jsx)(n.a,{href:"https://github.com/feature-sliced/documentation/discussions/31#discussioncomment-472645",children:(0,i.jsx)(n.strong,{children:"\u0411\u041b-\u0441\u0435\u0433\u043c\u0435\u043d\u0442"})})," \ud83d\udd25","\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsx)(n.li,{children:(0,i.jsxs)(n.em,{children:["\u041f\u0440\u0435\u0436\u043d\u0438\u0435 \u0432\u0430\u0440\u0438\u0430\u043d\u0442\u044b: ",(0,i.jsx)(n.code,{children:"model"}),", ",(0,i.jsx)(n.code,{children:"store"}),", ",(0,i.jsx)(n.code,{children:"state"}),", ",(0,i.jsx)(n.code,{children:"services"}),", ",(0,i.jsx)(n.code,{children:"controller"})]})}),"\n"]}),"\n"]}),"\n",(0,i.jsxs)(n.li,{children:[(0,i.jsx)(n.code,{children:"/lib"})," \u2014 \u0441\u0435\u0433\u043c\u0435\u043d\u0442 ",(0,i.jsx)(n.strong,{children:"\u0432\u0441\u043f\u043e\u043c\u043e\u0433\u0430\u0442\u0435\u043b\u044c\u043d\u043e\u0433\u043e \u043a\u043e\u0434\u0430"}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsx)(n.li,{children:(0,i.jsxs)(n.em,{children:["\u041f\u0440\u0435\u0436\u043d\u0438\u0435 \u0432\u0430\u0440\u0438\u0430\u043d\u0442\u044b: ",(0,i.jsx)(n.code,{children:"lib"}),", ",(0,i.jsx)(n.code,{children:"libs"}),", ",(0,i.jsx)(n.code,{children:"utils"}),", ",(0,i.jsx)(n.code,{children:"helpers"})]})}),"\n"]}),"\n"]}),"\n",(0,i.jsxs)(n.li,{children:[(0,i.jsx)(n.code,{children:"/api"})," \u2014 ",(0,i.jsx)(n.a,{href:"https://github.com/feature-sliced/documentation/discussions/66",children:(0,i.jsx)(n.strong,{children:"API-\u0441\u0435\u0433\u043c\u0435\u043d\u0442"})}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsx)(n.li,{children:(0,i.jsxs)(n.em,{children:["\u041f\u0440\u0435\u0436\u043d\u0438\u0435 \u0432\u0430\u0440\u0438\u0430\u043d\u0442\u044b: ",(0,i.jsx)(n.code,{children:"api"}),", ",(0,i.jsx)(n.code,{children:"service"}),", ",(0,i.jsx)(n.code,{children:"requests"}),", ",(0,i.jsx)(n.code,{children:"queries"})]})}),"\n"]}),"\n"]}),"\n",(0,i.jsxs)(n.li,{children:[(0,i.jsx)(n.code,{children:"/config"})," \u2014 ",(0,i.jsx)(n.strong,{children:"\u0441\u0435\u0433\u043c\u0435\u043d\u0442 \u043a\u043e\u043d\u0444\u0438\u0433\u0443\u0440\u0430\u0446\u0438\u0438 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f"}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsx)(n.li,{children:(0,i.jsxs)(n.em,{children:["\u041f\u0440\u0435\u0436\u043d\u0438\u0435 \u0432\u0430\u0440\u0438\u0430\u043d\u0442\u044b: ",(0,i.jsx)(n.code,{children:"config"}),", ",(0,i.jsx)(n.code,{children:"env"}),", ",(0,i.jsx)(n.code,{children:"get-env"})]})}),"\n"]}),"\n"]}),"\n"]}),"\n",(0,i.jsxs)(n.h3,{id:"refined-low-coupling",children:[(0,i.jsx)(n.code,{children:"REFINED"})," Low coupling"]}),"\n",(0,i.jsxs)(n.p,{children:["\u0422\u0435\u043f\u0435\u0440\u044c \u0433\u043e\u0440\u0430\u0437\u0434\u043e \u043f\u0440\u043e\u0449\u0435 ",(0,i.jsx)(n.a,{href:"/docs/reference/isolation/coupling-cohesion",children:"\u0441\u043e\u0431\u043b\u044e\u0434\u0430\u0442\u044c \u043f\u0440\u0438\u043d\u0446\u0438\u043f \u043d\u0438\u0437\u043a\u043e\u0439 \u0441\u0432\u044f\u0437\u043d\u043e\u0441\u0442\u0438"})," \u043c\u0435\u0436\u0434\u0443 \u043c\u043e\u0434\u0443\u043b\u044f\u043c\u0438, \u0431\u043b\u0430\u0433\u043e\u0434\u0430\u0440\u044f \u043d\u043e\u0432\u044b\u043c \u0441\u043b\u043e\u044f\u043c."]}),"\n",(0,i.jsx)(n.p,{children:(0,i.jsx)(n.em,{children:'\u041f\u0440\u0438 \u044d\u0442\u043e\u043c \u043f\u043e-\u043f\u0440\u0435\u0436\u043d\u0435\u043c\u0443 \u0440\u0435\u043a\u043e\u043c\u0435\u043d\u0434\u0443\u0435\u0442\u0441\u044f \u043c\u0430\u043a\u0441\u0438\u043c\u0430\u043b\u044c\u043d\u043e \u0438\u0437\u0431\u0435\u0433\u0430\u0442\u044c \u0441\u043b\u0443\u0447\u0430\u0435\u0432, \u0433\u0434\u0435 \u043a\u0440\u0430\u0439\u043d\u0435 \u0442\u0440\u0443\u0434\u043d\u043e "\u0440\u0430\u0441\u0446\u0435\u043f\u0438\u0442\u044c" \u043c\u043e\u0434\u0443\u043b\u0438'})}),"\n",(0,i.jsx)(n.h2,{id:"see-also",children:"\u0421\u043c. \u0442\u0430\u043a\u0436\u0435"}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsx)(n.li,{children:(0,i.jsx)(n.a,{href:"https://t.me/feature_slices",children:'\u0417\u0430\u043c\u0435\u0442\u043a\u0438 \u0441 \u0434\u043e\u043a\u043b\u0430\u0434\u0430 "React SPB Meetup #1"'})}),"\n",(0,i.jsx)(n.li,{children:(0,i.jsx)(n.a,{href:"https://www.youtube.com/watch?v=BWAeYuWFHhs",children:'React Berlin Talk - Oleg Isonen "Feature Driven Architecture"'})}),"\n",(0,i.jsx)(n.li,{children:(0,i.jsx)(n.a,{href:"https://t.me/feature_sliced/493",children:"\u0421\u0440\u0430\u0432\u043d\u0435\u043d\u0438\u0435 \u0441 v1 (community-chat)"})}),"\n",(0,i.jsx)(n.li,{children:(0,i.jsx)(n.a,{href:"https://t.me/atomicdesign/18708",children:"\u041d\u043e\u0432\u044b\u0435 \u0438\u0434\u0435\u0438 v2 \u0441 \u043f\u043e\u044f\u0441\u043d\u0435\u043d\u0438\u044f\u043c\u0438 (atomicdesign-chat)"})}),"\n",(0,i.jsx)(n.li,{children:(0,i.jsx)(n.a,{href:"https://github.com/feature-sliced/documentation/discussions/31",children:"\u041e\u0431\u0441\u0443\u0436\u0434\u0435\u043d\u0438\u0435 \u0430\u0431\u0441\u0442\u0440\u0430\u043a\u0446\u0438\u0439 \u0438 \u043d\u0435\u0439\u043c\u0438\u043d\u0433\u0430 \u0434\u043b\u044f \u043d\u043e\u0432\u043e\u0439 \u0432\u0435\u0440\u0441\u0438\u0438 \u043c\u0435\u0442\u043e\u0434\u043e\u043b\u043e\u0433\u0438\u0438 (v2)"})}),"\n"]})]})}function x(e={}){const{wrapper:n}={...(0,c.R)(),...e.components};return n?(0,i.jsx)(n,{...e,children:(0,i.jsx)(t,{...e})}):t(e)}},1100:(e,n,s)=>{s.d(n,{R:()=>d,x:()=>l});var i=s(758);const c={},r=i.createContext(c);function d(e){const n=i.useContext(r);return i.useMemo((function(){return"function"==typeof e?e(n):{...n,...e}}),[n,e])}function l(e){let n;return n=e.disableParentContext?"function"==typeof e.components?e.components(c):e.components||c:d(e.components),i.createElement(r.Provider,{value:n},e.children)}}}]);
\ No newline at end of file
+"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[4477],{2671:(e,n,s)=>{s.r(n),s.d(n,{assets:()=>h,contentTitle:()=>d,default:()=>x,frontMatter:()=>r,metadata:()=>l,toc:()=>o});var i=s(6070),c=s(1100);const r={sidebar_position:4},d="\u041c\u0438\u0433\u0440\u0430\u0446\u0438\u044f \u0441 v1",l={id:"guides/migration/from-v1",title:"\u041c\u0438\u0433\u0440\u0430\u0446\u0438\u044f \u0441 v1",description:"\u0417\u0430\u0447\u0435\u043c v2?",source:"@site/i18n/ru/docusaurus-plugin-content-docs/current/guides/migration/from-v1.md",sourceDirName:"guides/migration",slug:"/guides/migration/from-v1",permalink:"/ru/docs/guides/migration/from-v1",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/ru/docusaurus-plugin-content-docs/current/guides/migration/from-v1.md",tags:[],version:"current",lastUpdatedAt:1728325386e3,sidebarPosition:4,frontMatter:{sidebar_position:4},sidebar:"guidesSidebar",previous:{title:"\u0421 \u043a\u0430\u0441\u0442\u043e\u043c\u043d\u043e\u0439 \u0430\u0440\u0445\u0438\u0442\u0435\u043a\u0442\u0443\u0440\u044b",permalink:"/ru/docs/guides/migration/from-custom"},next:{title:"\u0418\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u0435 \u0441 NextJS",permalink:"/ru/docs/guides/tech/with-nextjs"}},h={},o=[{value:"\u0417\u0430\u0447\u0435\u043c v2?",id:"why-v2",level:2},{value:"\u041f\u043e\u0447\u0435\u043c\u0443 \u0438\u043c\u0435\u0435\u0442 \u0441\u043c\u044b\u0441\u043b \u043c\u0438\u0433\u0440\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u043f\u0440\u043e\u0435\u043a\u0442 \u043d\u0430 v2?",id:"why-does-it-make-sense-to-migrate-the-project-to-v2",level:2},{value:"\ud83d\udd0d \u0411\u043e\u043b\u0435\u0435 \u043f\u0440\u043e\u0437\u0440\u0430\u0447\u043d\u0430\u044f \u0438 \u043f\u0440\u043e\u0441\u0442\u0430\u044f \u0430\u0440\u0445\u0438\u0442\u0435\u043a\u0442\u0443\u0440\u0430",id:"-more-transparent-and-simple-architecture",level:4},{value:"\ud83d\udce6 \u0411\u043e\u043b\u0435\u0435 \u0433\u0438\u0431\u043a\u0430\u044f \u0438 \u0447\u0435\u0441\u0442\u043d\u0430\u044f \u043c\u043e\u0434\u0443\u043b\u044c\u043d\u043e\u0441\u0442\u044c",id:"-more-flexible-and-honest-modularity",level:4},{value:"\ud83d\ude80 \u0411\u043e\u043b\u044c\u0448\u0435 \u0441\u043f\u0435\u0446\u0438\u0444\u0438\u043a\u0430\u0446\u0438\u0438, \u043f\u043b\u0430\u043d\u043e\u0432, \u043a\u043e\u043c\u044c\u044e\u043d\u0438\u0442\u0438",id:"-more-specifications-plans-community",level:4},{value:"Changelog",id:"changelog",level:2},{value:"<code>BREAKING</code> Layers",id:"breaking-layers",level:3},{value:"<code>BREAKING</code> Shared",id:"breaking-shared",level:3},{value:"<code>NEW</code> Entities, Processes",id:"new-entities-processes",level:3},{value:"<code>BREAKING</code> Abstractions &amp; Naming",id:"breaking-abstractions--naming",level:3},{value:"Layers",id:"layers",level:4},{value:"Segments",id:"segments",level:4},{value:"<code>REFINED</code> Low coupling",id:"refined-low-coupling",level:3},{value:"\u0421\u043c. \u0442\u0430\u043a\u0436\u0435",id:"see-also",level:2}];function t(e){const n={a:"a",blockquote:"blockquote",code:"code",em:"em",h1:"h1",h2:"h2",h3:"h3",h4:"h4",header:"header",li:"li",p:"p",strong:"strong",ul:"ul",...(0,c.R)(),...e.components};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(n.header,{children:(0,i.jsx)(n.h1,{id:"\u043c\u0438\u0433\u0440\u0430\u0446\u0438\u044f-\u0441-v1",children:"\u041c\u0438\u0433\u0440\u0430\u0446\u0438\u044f \u0441 v1"})}),"\n",(0,i.jsx)(n.h2,{id:"why-v2",children:"\u0417\u0430\u0447\u0435\u043c v2?"}),"\n",(0,i.jsxs)(n.p,{children:["\u0418\u0437\u043d\u0430\u0447\u0430\u043b\u044c\u043d\u0430\u044f \u043a\u043e\u043d\u0446\u0435\u043f\u0446\u0438\u044f ",(0,i.jsx)(n.strong,{children:"feature-slices"})," ",(0,i.jsx)(n.a,{href:"https://t.me/feature_slices",children:"\u0431\u044b\u043b\u0430 \u0437\u0430\u044f\u0432\u043b\u0435\u043d\u0430"})," \u0435\u0449\u0435 \u0432 2018 \u0433\u043e\u0434\u0443."]}),"\n",(0,i.jsxs)(n.p,{children:["\u0421 \u0442\u0435\u0445 \u043f\u043e\u0440 \u043f\u0440\u043e\u0448\u043b\u043e \u043c\u043d\u043e\u0433\u043e \u0442\u0440\u0430\u043d\u0441\u0444\u043e\u0440\u043c\u0430\u0446\u0438\u0439 \u043c\u0435\u0442\u043e\u0434\u043e\u043b\u043e\u0433\u0438\u0438, \u043d\u043e \u043f\u0440\u0438 \u044d\u0442\u043e\u043c ",(0,i.jsx)(n.strong,{children:(0,i.jsx)(n.a,{href:"https://feature-sliced.github.io/featureslices.dev/v1.0.html",children:"\u0441\u043e\u0445\u0440\u0430\u043d\u044f\u043b\u0438\u0441\u044c \u0431\u0430\u0437\u043e\u0432\u044b\u0435 \u043f\u0440\u0438\u043d\u0446\u0438\u043f\u044b"})}),":"]}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsxs)(n.li,{children:["\u0418\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u0435 ",(0,i.jsx)(n.em,{children:"\u0441\u0442\u0430\u043d\u0434\u0430\u0440\u0442\u0438\u0437\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u043e\u0439"})," \u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u044b \u0444\u0440\u043e\u043d\u0442\u0435\u043d\u0434-\u043f\u0440\u043e\u0435\u043a\u0442\u043e\u0432"]}),"\n",(0,i.jsxs)(n.li,{children:["\u0420\u0430\u0437\u0431\u0438\u0435\u043d\u0438\u0435 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f \u0432 \u043f\u0435\u0440\u0432\u0443\u044e \u043e\u0447\u0435\u0440\u0435\u0434\u044c - \u0441\u043e\u0433\u043b\u0430\u0441\u043d\u043e ",(0,i.jsx)(n.em,{children:"\u0431\u0438\u0437\u043d\u0435\u0441-\u043b\u043e\u0433\u0438\u043a\u0435"})]}),"\n",(0,i.jsxs)(n.li,{children:["\u0418\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u0435 ",(0,i.jsx)(n.em,{children:"\u0438\u0437\u043e\u043b\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u044b\u0445 \u0444\u0438\u0447\u0435\u0439"}),", \u0434\u043b\u044f \u043f\u0440\u0435\u0434\u043e\u0442\u0432\u0440\u0430\u0449\u0435\u043d\u0438\u044f \u043d\u0435\u044f\u0432\u043d\u044b\u0445 \u0441\u0430\u0439\u0434-\u044d\u0444\u0444\u0435\u043a\u0442\u043e\u0432 \u0438 \u0446\u0438\u043a\u043b\u0438\u0447\u0435\u0441\u043a\u0438\u0445 \u0437\u0430\u0432\u0438\u0441\u0438\u043c\u043e\u0441\u0442\u0435\u0439"]}),"\n",(0,i.jsxs)(n.li,{children:["\u0418\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u0435 ",(0,i.jsx)(n.em,{children:"Public API"}),' \u0441 \u0437\u0430\u043f\u0440\u0435\u0442\u043e\u043c \u043b\u0435\u0437\u0442\u044c "\u0432\u043e \u0432\u043d\u0443\u0442\u0440\u0435\u043d\u043d\u043e\u0441\u0442\u0438" \u043c\u043e\u0434\u0443\u043b\u044f']}),"\n"]}),"\n",(0,i.jsxs)(n.p,{children:["\u041f\u0440\u0438 \u044d\u0442\u043e\u043c, \u0432 \u043f\u0440\u0435\u0436\u043d\u0435\u0439 \u0432\u0435\u0440\u0441\u0438\u0438 \u043c\u0435\u0442\u043e\u0434\u043e\u043b\u043e\u0433\u0438\u0438 \u0432\u0441\u0435 \u0440\u0430\u0432\u043d\u043e ",(0,i.jsx)(n.strong,{children:"\u043e\u0441\u0442\u0430\u0432\u0430\u043b\u0438\u0441\u044c \u0441\u043b\u0430\u0431\u044b\u0435 \u043c\u0435\u0441\u0442\u0430"}),", \u043a\u043e\u0442\u043e\u0440\u044b\u0435"]}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsx)(n.li,{children:"\u0413\u0434\u0435-\u0442\u043e \u043f\u0440\u0438\u0432\u043e\u0434\u0438\u043b\u0438 \u043a \u0431\u043e\u0439\u043b\u0435\u0440\u043f\u043b\u0435\u0439\u0442\u0443"}),"\n",(0,i.jsx)(n.li,{children:"\u0413\u0434\u0435-\u0442\u043e \u043a \u0447\u0440\u0435\u0437\u043c\u0435\u0440\u043d\u043e\u043c\u0443 \u0443\u0441\u043b\u043e\u0436\u043d\u0435\u043d\u0438\u044e \u043a\u043e\u0434\u043e\u0432\u043e\u0439 \u0431\u0430\u0437\u044b \u0438 \u043d\u0435\u043e\u0447\u0435\u0432\u0438\u0434\u043d\u044b\u043c \u043f\u0440\u0430\u0432\u0438\u043b\u0430\u043c \u043c\u0435\u0436\u0434\u0443 \u0430\u0431\u0441\u0442\u0440\u0430\u043a\u0446\u0438\u044f\u043c\u0438"}),"\n",(0,i.jsx)(n.li,{children:"\u0413\u0434\u0435-\u0442\u043e \u043a \u043d\u0435\u044f\u0432\u043d\u044b\u043c \u0430\u0440\u0445\u0438\u0442\u0435\u043a\u0442\u0443\u0440\u043d\u044b\u043c \u0440\u0435\u0448\u0435\u043d\u0438\u044f\u043c, \u0447\u0442\u043e \u043c\u0435\u0448\u0430\u043b\u043e \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u043a\u0435 \u043f\u0440\u043e\u0435\u043a\u0442\u0430 \u0438 \u043e\u043d\u0431\u043e\u0440\u0434\u0438\u043d\u0433\u0443 \u043d\u043e\u0432\u044b\u0445 \u043b\u044e\u0434\u0435\u0439"}),"\n"]}),"\n",(0,i.jsxs)(n.p,{children:["\u041d\u043e\u0432\u0430\u044f \u0432\u0435\u0440\u0441\u0438\u044f \u043c\u0435\u0442\u043e\u0434\u043e\u043b\u043e\u0433\u0438\u0438 (",(0,i.jsx)(n.a,{href:"https://github.com/feature-sliced/documentation",children:"v2"}),") \u043f\u0440\u0438\u0437\u0432\u0430\u043d\u0430 ",(0,i.jsx)(n.strong,{children:"\u0443\u0441\u0442\u0440\u0430\u043d\u0438\u0442\u044c \u044d\u0442\u0438 \u043d\u0435\u0434\u043e\u0441\u0442\u0430\u0442\u043a\u0438, \u0441\u043e\u0445\u0440\u0430\u043d\u044f\u044f \u043f\u0440\u0438 \u044d\u0442\u043e\u043c \u0438 \u0438\u043c\u0435\u044e\u0449\u0438\u0435\u0441\u044f \u0434\u043e\u0441\u0442\u043e\u0438\u043d\u0441\u0442\u0432\u0430"})," \u043f\u043e\u0434\u0445\u043e\u0434\u0430."]}),"\n",(0,i.jsxs)(n.p,{children:["\u0421 2018 \u0433\u043e\u0434\u0430 ",(0,i.jsx)(n.a,{href:"https://github.com/kof/feature-driven-architecture/issues",children:"\u0440\u0430\u0437\u0432\u0438\u0432\u0430\u043b\u0430\u0441\u044c"})," \u0438 \u0434\u0440\u0443\u0433\u0430\u044f \u043f\u043e\u0434\u043e\u0431\u043d\u0430\u044f \u043c\u0435\u0442\u043e\u0434\u043e\u043b\u043e\u0433\u0438\u044f - ",(0,i.jsx)(n.a,{href:"https://github.com/feature-sliced/documentation/tree/rc/feature-driven",children:(0,i.jsx)(n.strong,{children:"feature-driven"})}),", \u043e \u043a\u043e\u0442\u043e\u0440\u043e\u0439 \u0437\u0430\u044f\u0432\u0438\u043b \u0432\u043f\u0435\u0440\u0432\u044b\u0435 ",(0,i.jsx)(n.a,{href:"https://github.com/kof",children:"Oleg Isonen"}),"."]}),"\n",(0,i.jsxs)(n.p,{children:["\u0412 \u0440\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442\u0435 \u0441\u043b\u0438\u044f\u043d\u0438\u044f \u0434\u0432\u0443\u0445 \u043f\u043e\u0434\u0445\u043e\u0434\u043e\u0432, ",(0,i.jsx)(n.strong,{children:"\u0431\u044b\u043b\u0438 \u0443\u043b\u0443\u0447\u0448\u0435\u043d\u044b \u0438 \u0434\u043e\u0440\u0430\u0431\u043e\u0442\u0430\u043d\u044b \u0441\u0443\u0449\u0435\u0441\u0442\u0432\u0443\u044e\u0449\u0438\u0435 \u043f\u0440\u0430\u043a\u0442\u0438\u043a\u0438"})," - \u0432 \u0441\u0442\u043e\u0440\u043e\u043d\u0443 \u0431\u043e\u043b\u044c\u0448\u0435\u0439 \u0433\u0438\u0431\u043a\u043e\u0441\u0442\u0438, \u043f\u043e\u043d\u044f\u0442\u043d\u043e\u0441\u0442\u0438 \u0438 \u044d\u0444\u0444\u0435\u043a\u0442\u0438\u0432\u043d\u043e\u0441\u0442\u0438 \u043f\u0440\u0438 \u043f\u0440\u0438\u043c\u0435\u043d\u0435\u043d\u0438\u0438."]}),"\n",(0,i.jsxs)(n.blockquote,{children:["\n",(0,i.jsxs)(n.p,{children:["\u041f\u043e \u0438\u0442\u043e\u0433\u0443 \u044d\u0442\u043e \u043f\u043e\u0432\u043b\u0438\u044f\u043b\u043e \u0434\u0430\u0436\u0435 \u043d\u0430 \u043d\u0430\u0438\u043c\u0435\u043d\u043e\u0432\u0430\u043d\u0438\u0435 \u043c\u0435\u0442\u043e\u0434\u043e\u043b\u043e\u0433\u0438\u0438 - ",(0,i.jsxs)(n.em,{children:['"feature-slice',(0,i.jsx)(n.strong,{children:"d"}),'"']})]}),"\n"]}),"\n",(0,i.jsx)(n.h2,{id:"why-does-it-make-sense-to-migrate-the-project-to-v2",children:"\u041f\u043e\u0447\u0435\u043c\u0443 \u0438\u043c\u0435\u0435\u0442 \u0441\u043c\u044b\u0441\u043b \u043c\u0438\u0433\u0440\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u043f\u0440\u043e\u0435\u043a\u0442 \u043d\u0430 v2?"}),"\n",(0,i.jsxs)(n.blockquote,{children:["\n",(0,i.jsxs)(n.p,{children:[(0,i.jsx)(n.code,{children:"WIP:"})," \u0422\u0435\u043a\u0443\u0449\u0430\u044f \u0432\u0435\u0440\u0441\u0438\u044f \u043c\u0435\u0442\u043e\u0434\u043e\u043b\u043e\u0433\u0438\u0438 \u043d\u0430\u0445\u043e\u0434\u0438\u0442\u0441\u044f \u043d\u0430 \u0441\u0442\u0430\u0434\u0438\u0438 \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u0438 \u0438 \u043d\u0435\u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u0434\u0435\u0442\u0430\u043b\u0438 ",(0,i.jsx)(n.em,{children:"\u043c\u043e\u0433\u0443\u0442 \u0438\u0437\u043c\u0435\u043d\u0438\u0442\u044c\u0441\u044f"})]}),"\n"]}),"\n",(0,i.jsx)(n.h4,{id:"-more-transparent-and-simple-architecture",children:"\ud83d\udd0d \u0411\u043e\u043b\u0435\u0435 \u043f\u0440\u043e\u0437\u0440\u0430\u0447\u043d\u0430\u044f \u0438 \u043f\u0440\u043e\u0441\u0442\u0430\u044f \u0430\u0440\u0445\u0438\u0442\u0435\u043a\u0442\u0443\u0440\u0430"}),"\n",(0,i.jsxs)(n.p,{children:["\u041c\u0435\u0442\u043e\u0434\u043e\u043b\u043e\u0433\u0438\u044f (v2) \u043f\u0440\u0435\u0434\u043b\u0430\u0433\u0430\u0435\u0442 ",(0,i.jsx)(n.strong,{children:"\u0431\u043e\u043b\u0435\u0435 \u0438\u043d\u0442\u0443\u0438\u0442\u0438\u0432\u043d\u043e \u043f\u043e\u043d\u044f\u0442\u043d\u044b\u0435 \u0438 \u0431\u043e\u043b\u0435\u0435 \u0440\u0430\u0441\u043f\u0440\u043e\u0441\u0442\u0440\u0430\u043d\u0435\u043d\u043d\u044b\u0435 \u0441\u0440\u0435\u0434\u0438 \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a\u043e\u0432 \u0430\u0431\u0441\u0442\u0440\u0430\u043a\u0446\u0438\u0438 \u0438 \u0441\u043f\u043e\u0441\u043e\u0431\u044b \u0440\u0430\u0437\u0434\u0435\u043b\u0435\u043d\u0438\u044f \u043b\u043e\u0433\u0438\u043a\u0438."})]}),"\n",(0,i.jsx)(n.p,{children:"\u0412\u0441\u0435 \u044d\u0442\u043e \u043a\u0440\u0430\u0439\u043d\u0435 \u043f\u043e\u043b\u043e\u0436\u0438\u0442\u0435\u043b\u044c\u043d\u043e \u0432\u043b\u0438\u044f\u0435\u0442 \u043d\u0430 \u043f\u0440\u0438\u0432\u043b\u0435\u0447\u0435\u043d\u0438\u0435 \u043d\u043e\u0432\u044b\u0445 \u043b\u044e\u0434\u0435\u0439, \u0430 \u0442\u0430\u043a\u0436\u0435 \u0438\u0437\u0443\u0447\u0435\u043d\u0438\u0435 \u0442\u0435\u043a\u0443\u0449\u0435\u0433\u043e \u0441\u043e\u0441\u0442\u043e\u044f\u043d\u0438\u044f \u043f\u0440\u043e\u0435\u043a\u0442\u0430, \u0438 \u0440\u0430\u0441\u043f\u0440\u0435\u0434\u0435\u043b\u0435\u043d\u0438\u0435 \u0431\u0438\u0437\u043d\u0435\u0441-\u043b\u043e\u0433\u0438\u043a\u0438 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f."}),"\n",(0,i.jsx)(n.h4,{id:"-more-flexible-and-honest-modularity",children:"\ud83d\udce6 \u0411\u043e\u043b\u0435\u0435 \u0433\u0438\u0431\u043a\u0430\u044f \u0438 \u0447\u0435\u0441\u0442\u043d\u0430\u044f \u043c\u043e\u0434\u0443\u043b\u044c\u043d\u043e\u0441\u0442\u044c"}),"\n",(0,i.jsxs)(n.p,{children:["\u041c\u0435\u0442\u043e\u0434\u043e\u043b\u043e\u0433\u0438\u044f (v2) \u043f\u043e\u0437\u0432\u043e\u043b\u044f\u0435\u0442 ",(0,i.jsx)(n.strong,{children:"\u0440\u0430\u0441\u043f\u0440\u0435\u0434\u0435\u043b\u044f\u0442\u044c \u043b\u043e\u0433\u0438\u043a\u0443 \u0431\u043e\u043b\u0435\u0435 \u0433\u0438\u0431\u043a\u0438\u043c \u0441\u043f\u043e\u0441\u043e\u0431\u043e\u043c:"})]}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsx)(n.li,{children:"\u0421 \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e\u0441\u0442\u044c\u044e \u0440\u0435\u0444\u0430\u043a\u0442\u043e\u0440\u0438\u0442\u044c \u0441 \u043d\u0443\u043b\u044f \u0438\u0437\u043e\u043b\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u044b\u0435 \u0447\u0430\u0441\u0442\u0438"}),"\n",(0,i.jsx)(n.li,{children:"\u0421 \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e\u0441\u0442\u044c\u044e \u043e\u043f\u0438\u0440\u0430\u0442\u044c\u0441\u044f \u043d\u0430 \u043e\u0434\u043d\u0438 \u0438 \u0442\u0435 \u0436\u0435 \u0430\u0431\u0441\u0442\u0440\u0430\u043a\u0446\u0438\u0438, \u043d\u043e \u0431\u0435\u0437 \u043b\u0438\u0448\u043d\u0438\u0445 \u043f\u0435\u0440\u0435\u043f\u043b\u0435\u0442\u0435\u043d\u0438\u0439 \u0437\u0430\u0432\u0438\u0441\u0438\u043c\u043e\u0441\u0442\u0435\u0439"}),"\n",(0,i.jsxs)(n.li,{children:["\u0421 \u0431\u043e\u043b\u0435\u0435 \u043f\u0440\u043e\u0441\u0442\u044b\u043c\u0438 \u0442\u0440\u0435\u0431\u043e\u0432\u0430\u043d\u0438\u044f\u043c\u0438 \u0434\u043b\u044f \u0440\u0430\u0441\u043f\u043e\u043b\u043e\u0436\u0435\u043d\u0438\u044f \u043d\u043e\u0432\u043e\u0433\u043e \u043c\u043e\u0434\u0443\u043b\u044f ",(0,i.jsx)(n.em,{children:"(layer => slice => segment)"})]}),"\n"]}),"\n",(0,i.jsx)(n.h4,{id:"-more-specifications-plans-community",children:"\ud83d\ude80 \u0411\u043e\u043b\u044c\u0448\u0435 \u0441\u043f\u0435\u0446\u0438\u0444\u0438\u043a\u0430\u0446\u0438\u0438, \u043f\u043b\u0430\u043d\u043e\u0432, \u043a\u043e\u043c\u044c\u044e\u043d\u0438\u0442\u0438"}),"\n",(0,i.jsxs)(n.p,{children:["\u041d\u0430 \u0434\u0430\u043d\u043d\u044b\u0439 \u043c\u043e\u043c\u0435\u043d\u0442 ",(0,i.jsx)(n.code,{children:"core-team"})," \u0432\u0435\u0434\u0435\u0442 \u0430\u043a\u0442\u0438\u0432\u043d\u0443\u044e \u0440\u0430\u0431\u043e\u0442\u0443 \u0438\u043c\u0435\u043d\u043d\u043e \u043d\u0430\u0434 \u043f\u043e\u0441\u043b\u0435\u0434\u043d\u0435\u0439 (v2) \u0432\u0435\u0440\u0441\u0438\u0435\u0439 \u043c\u0435\u0442\u043e\u0434\u043e\u043b\u043e\u0433\u0438\u0438"]}),"\n",(0,i.jsx)(n.p,{children:"\u0410 \u0437\u043d\u0430\u0447\u0438\u0442 \u0438\u043c\u0435\u043d\u043d\u043e \u0434\u043b\u044f \u043d\u0435\u0435:"}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsx)(n.li,{children:"\u0431\u0443\u0434\u0435\u0442 \u0431\u043e\u043b\u044c\u0448\u0435 \u043e\u043f\u0438\u0441\u0430\u043d\u043d\u044b\u0445 \u043a\u0435\u0439\u0441\u043e\u0432 / \u043f\u0440\u043e\u0431\u043b\u0435\u043c"}),"\n",(0,i.jsx)(n.li,{children:"\u0431\u0443\u0434\u0435\u0442 \u0431\u043e\u043b\u044c\u0448\u0435 \u0433\u0430\u0439\u0434\u043e\u0432 \u043f\u043e \u043f\u0440\u0438\u043c\u0435\u043d\u0435\u043d\u0438\u044e"}),"\n",(0,i.jsx)(n.li,{children:"\u0431\u0443\u0434\u0435\u0442 \u0431\u043e\u043b\u044c\u0448\u0435 \u0440\u0435\u0430\u043b\u044c\u043d\u044b\u0445 \u043f\u0440\u0438\u043c\u0435\u0440\u043e\u0432"}),"\n",(0,i.jsx)(n.li,{children:"\u0431\u0443\u0434\u0435\u0442 \u0432 \u0446\u0435\u043b\u043e\u043c \u0431\u043e\u043b\u044c\u0448\u0435 \u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u0430\u0446\u0438\u0438 \u0434\u043b\u044f \u043e\u043d\u0431\u043e\u0440\u0434\u0438\u043d\u0433\u0430 \u043d\u043e\u0432\u044b\u0445 \u043b\u044e\u0434\u0435\u0439 \u0438 \u0438\u0437\u0443\u0447\u0435\u043d\u0438\u044f \u043a\u043e\u043d\u0446\u0435\u043f\u0446\u0438\u0439 \u043c\u0435\u0442\u043e\u0434\u043e\u043b\u043e\u0433\u0438\u0438"}),"\n",(0,i.jsx)(n.li,{children:"\u0431\u0443\u0434\u0435\u0442 \u0440\u0430\u0437\u0432\u0438\u0432\u0430\u0442\u044c\u0441\u044f \u0432 \u0434\u0430\u043b\u044c\u043d\u0435\u0439\u0448\u0435\u043c \u0442\u0443\u043b\u043a\u0438\u0442 \u0434\u043b\u044f \u0441\u043e\u0431\u043b\u044e\u0434\u0435\u043d\u0438\u044f \u043a\u043e\u043d\u0446\u0435\u043f\u0446\u0438\u0439 \u0438 \u043a\u043e\u043d\u0432\u0435\u043d\u0446\u0438\u0439 \u043f\u043e \u0430\u0440\u0445\u0438\u0442\u0435\u043a\u0442\u0443\u0440\u0435"}),"\n"]}),"\n",(0,i.jsxs)(n.blockquote,{children:["\n",(0,i.jsx)(n.p,{children:"\u0421\u0430\u043c\u043e \u0441\u043e\u0431\u043e\u0439, \u0431\u0443\u0434\u0435\u0442 \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u043a\u0430 \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u0435\u0439 \u0438 \u043f\u043e \u043f\u0435\u0440\u0432\u043e\u0439 \u0432\u0435\u0440\u0441\u0438\u0438 - \u043d\u043e \u0434\u043b\u044f \u043d\u0430\u0441 \u043f\u0435\u0440\u0432\u043e\u043e\u0447\u0435\u0440\u0435\u0434\u043d\u0430\u044f \u0432\u0441\u0435 \u0436\u0435 \u043f\u043e\u0441\u043b\u0435\u0434\u043d\u044f\u044f \u0432\u0435\u0440\u0441\u0438\u044f"}),"\n",(0,i.jsxs)(n.p,{children:["\u0412 \u0431\u0443\u0434\u0443\u0449\u0435\u043c \u0436\u0435, \u043f\u0440\u0438 \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0438\u0445 \u043c\u0430\u0436\u043e\u0440\u043d\u044b\u0445 \u043e\u0431\u043d\u043e\u0432\u043b\u0435\u043d\u0438\u044f\u0445 - \u0443 \u0432\u0430\u0441 \u0441\u043e\u0445\u0440\u0430\u043d\u0438\u0442\u0441\u044f \u0434\u043e\u0441\u0442\u0443\u043f \u0438 \u043a \u0442\u0435\u043a\u0443\u0449\u0435\u0439 \u0432\u0435\u0440\u0441\u0438\u0438 (v2) \u043c\u0435\u0442\u043e\u0434\u043e\u043b\u043e\u0433\u0438\u0438, ",(0,i.jsx)(n.strong,{children:"\u0431\u0435\u0437 \u0440\u0438\u0441\u043a\u043e\u0432 \u0434\u043b\u044f \u0432\u0430\u0448\u0438\u0445 \u043a\u043e\u043c\u0430\u043d\u0434 \u0438 \u043f\u0440\u043e\u0435\u043a\u0442\u043e\u0432"})]}),"\n"]}),"\n",(0,i.jsx)(n.h2,{id:"changelog",children:"Changelog"}),"\n",(0,i.jsxs)(n.h3,{id:"breaking-layers",children:[(0,i.jsx)(n.code,{children:"BREAKING"})," Layers"]}),"\n",(0,i.jsx)(n.p,{children:"\u0422\u0435\u043f\u0435\u0440\u044c \u043c\u0435\u0442\u043e\u0434\u043e\u043b\u043e\u0433\u0438\u044f \u043f\u0440\u0435\u0434\u043f\u043e\u043b\u0430\u0433\u0430\u0435\u0442 \u044f\u0432\u043d\u043e\u0435 \u0432\u044b\u0434\u0435\u043b\u0435\u043d\u0438\u0435 \u0441\u043b\u043e\u0435\u0432 \u043d\u0430 \u0432\u0435\u0440\u0445\u043d\u0435\u043c \u0443\u0440\u043e\u0432\u043d\u0435"}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsxs)(n.li,{children:[(0,i.jsx)(n.code,{children:"/app"})," > ",(0,i.jsx)(n.code,{children:"/processes"})," > ",(0,i.jsx)(n.strong,{children:(0,i.jsx)(n.code,{children:"/pages"})})," > ",(0,i.jsx)(n.strong,{children:(0,i.jsx)(n.code,{children:"/features"})})," > ",(0,i.jsx)(n.code,{children:"/entities"})," > ",(0,i.jsx)(n.code,{children:"/shared"})]}),"\n",(0,i.jsx)(n.li,{children:(0,i.jsx)(n.em,{children:"\u0422.\u0435. \u043d\u0435 \u0432\u0441\u0435 \u0442\u0435\u043f\u0435\u0440\u044c \u0442\u0440\u0430\u043a\u0442\u0443\u0435\u0442\u0441\u044f \u043a\u0430\u043a \u0444\u0438\u0447\u0438/\u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b"})}),"\n",(0,i.jsxs)(n.li,{children:["\u0422\u0430\u043a\u043e\u0439 \u043f\u043e\u0434\u0445\u043e\u0434 \u043f\u043e\u0437\u0432\u043e\u043b\u044f\u0435\u0442 ",(0,i.jsx)(n.a,{href:"https://t.me/atomicdesign/18708",children:"\u044f\u0432\u043d\u043e \u0437\u0430\u0434\u0430\u0442\u044c \u043f\u0440\u0430\u0432\u0438\u043b\u0430 \u0434\u043b\u044f \u0441\u043b\u043e\u0435\u0432"}),":","\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsxs)(n.li,{children:["\n",(0,i.jsxs)(n.p,{children:["\u0427\u0435\u043c ",(0,i.jsx)(n.strong,{children:"\u0432\u044b\u0448\u0435 \u0440\u0430\u0441\u043f\u043e\u043b\u043e\u0436\u0435\u043d \u0441\u043b\u043e\u0439"})," \u043c\u043e\u0434\u0443\u043b\u044f - \u0442\u0435\u043c \u0431\u043e\u043b\u044c\u0448\u0438\u043c ",(0,i.jsx)(n.strong,{children:"\u043a\u043e\u043d\u0442\u0435\u043a\u0441\u0442\u043e\u043c"})," \u043e\u043d \u0440\u0430\u0441\u043f\u043e\u043b\u0430\u0433\u0430\u0435\u0442"]}),"\n",(0,i.jsx)(n.p,{children:(0,i.jsx)(n.em,{children:"(\u0438\u043d\u044b\u043c\u0438 \u0441\u043b\u043e\u0432\u0430\u043c\u0438 - \u043a\u0430\u0436\u0434\u044b\u0439 \u043c\u043e\u0434\u0443\u043b\u044c \u0441\u043b\u043e\u044f - \u043c\u043e\u0436\u0435\u0442 \u0438\u043c\u043f\u043e\u0440\u0442\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u0442\u043e\u043b\u044c\u043a\u043e \u043c\u043e\u0434\u0443\u043b\u0438 \u043d\u0438\u0436\u0435\u043b\u0435\u0436\u0430\u0449\u0438\u0445 \u0441\u043b\u043e\u0435\u0432, \u043d\u043e \u043d\u0435 \u0432\u044b\u0448\u0435)"})}),"\n"]}),"\n",(0,i.jsxs)(n.li,{children:["\n",(0,i.jsxs)(n.p,{children:["\u0427\u0435\u043c ",(0,i.jsx)(n.strong,{children:"\u043d\u0438\u0436\u0435 \u0440\u0430\u0441\u043f\u043e\u043b\u043e\u0436\u0435\u043d \u0441\u043b\u043e\u0439"})," \u043c\u043e\u0434\u0443\u043b\u044f - \u0442\u0435\u043c \u0431\u043e\u043b\u044c\u0448\u0435 ",(0,i.jsx)(n.strong,{children:"\u043e\u043f\u0430\u0441\u043d\u043e\u0441\u0442\u0438 \u0438 \u043e\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0435\u043d\u043d\u043e\u0441\u0442\u0438"}),", \u0447\u0442\u043e\u0431\u044b \u0432\u043d\u0435\u0441\u0442\u0438 \u0432 \u043d\u0435\u0433\u043e \u0438\u0437\u043c\u0435\u043d\u0435\u043d\u0438\u044f"]}),"\n",(0,i.jsx)(n.p,{children:(0,i.jsx)(n.em,{children:"(\u043f\u043e\u0442\u043e\u043c\u0443 \u0447\u0442\u043e, \u043a\u0430\u043a \u043f\u0440\u0430\u0432\u0438\u043b\u043e - \u0431\u043e\u043b\u0435\u0435 \u043f\u0435\u0440\u0435\u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u043c\u044b\u043c\u0438 \u044f\u0432\u043b\u044f\u044e\u0442\u0441\u044f \u0438\u043c\u0435\u043d\u043d\u043e \u043d\u0438\u0436\u0435\u043b\u0435\u0436\u0430\u0449\u0438\u0435 \u0441\u043b\u043e\u0438)"})}),"\n"]}),"\n"]}),"\n"]}),"\n"]}),"\n",(0,i.jsxs)(n.h3,{id:"breaking-shared",children:[(0,i.jsx)(n.code,{children:"BREAKING"})," Shared"]}),"\n",(0,i.jsxs)(n.p,{children:["\u0418\u043d\u0444\u0440\u0430\u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u043d\u044b\u0435 \u0430\u0431\u0441\u0442\u0440\u0430\u043a\u0446\u0438\u0438 ",(0,i.jsx)(n.code,{children:"/ui"}),", ",(0,i.jsx)(n.code,{children:"/lib"}),", ",(0,i.jsx)(n.code,{children:"/api"}),", \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u0440\u0430\u043d\u044c\u0448\u0435 \u043b\u0435\u0436\u0430\u043b\u0438 \u0432 src-\u043a\u043e\u0440\u043d\u0435 \u043f\u0440\u043e\u0435\u043a\u0442\u0430, \u0442\u0435\u043f\u0435\u0440\u044c \u043e\u0431\u043e\u0441\u043e\u0431\u043b\u0435\u043d\u044b \u043e\u0442\u0434\u0435\u043b\u044c\u043d\u043e\u0439 \u0434\u0438\u0440\u0435\u043a\u0442\u043e\u0440\u0438\u0435\u0439 ",(0,i.jsx)(n.code,{children:"/src/shared"})]}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsxs)(n.li,{children:[(0,i.jsx)(n.code,{children:"shared/ui"})," - \u0412\u0441\u0435 \u0442\u0430\u043a \u0436\u0435 \u043e\u0431\u0449\u0438\u0439 uikit \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f (\u043e\u043f\u0446\u0438\u043e\u043d\u0430\u043b\u0435\u043d)","\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsx)(n.li,{children:(0,i.jsxs)(n.em,{children:["\u041f\u0440\u0438 \u044d\u0442\u043e\u043c \u043d\u0438\u043a\u0442\u043e \u043d\u0435 \u0437\u0430\u043f\u0440\u0435\u0449\u0430\u0435\u0442 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u0437\u0434\u0435\u0441\u044c ",(0,i.jsx)(n.code,{children:"Atomic Design"})," \u043a\u0430\u043a \u0440\u0430\u043d\u044c\u0448\u0435"]})}),"\n"]}),"\n"]}),"\n",(0,i.jsxs)(n.li,{children:[(0,i.jsx)(n.code,{children:"shared/lib"})," - \u041d\u0430\u0431\u043e\u0440 \u0432\u0441\u043f\u043e\u043c\u043e\u0433\u0430\u0442\u0435\u043b\u044c\u043d\u044b\u0445 \u0431\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a \u0434\u043b\u044f \u0440\u0435\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u0438 \u043b\u043e\u0433\u0438\u043a\u0438","\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsx)(n.li,{children:(0,i.jsx)(n.em,{children:"\u041f\u043e-\u043f\u0440\u0435\u0436\u043d\u0435\u043c\u0443 - \u0431\u0435\u0437 \u0441\u0432\u0430\u043b\u043a\u0438 \u0445\u0435\u043b\u043f\u0435\u0440\u043e\u0432"})}),"\n"]}),"\n"]}),"\n",(0,i.jsxs)(n.li,{children:[(0,i.jsx)(n.code,{children:"shared/api"})," - \u041e\u0431\u0449\u0438\u0439 \u044d\u043d\u0442\u0440\u0438\u043f\u043e\u0438\u043d\u0442 \u0434\u043b\u044f \u043e\u0431\u0440\u0430\u0449\u0435\u043d\u0438\u044f \u043a API","\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsx)(n.li,{children:(0,i.jsx)(n.em,{children:"\u041c\u043e\u0436\u0435\u0442 \u043f\u0440\u043e\u043f\u0438\u0441\u044b\u0432\u0430\u0442\u044c\u0441\u044f \u0438 \u043b\u043e\u043a\u0430\u043b\u044c\u043d\u043e \u0432 \u043a\u0430\u0436\u0434\u043e\u0439 \u0444\u0438\u0447\u0435/\u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0435 - \u043d\u043e \u043d\u0435 \u0440\u0435\u043a\u043e\u043c\u0435\u043d\u0434\u0443\u0435\u0442\u0441\u044f"})}),"\n"]}),"\n"]}),"\n",(0,i.jsxs)(n.li,{children:["\u041a\u0430\u043a \u0438 \u0440\u0430\u043d\u044c\u0448\u0435 - \u0432 ",(0,i.jsx)(n.code,{children:"shared"})," \u043d\u0435 \u0434\u043e\u043b\u0436\u043d\u043e \u0431\u044b\u0442\u044c \u044f\u0432\u043d\u043e\u0439 \u043f\u0440\u0438\u0432\u044f\u0437\u043a\u0438 \u043a \u0431\u0438\u0437\u043d\u0435\u0441-\u043b\u043e\u0433\u0438\u043a\u0435","\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsx)(n.li,{children:(0,i.jsxs)(n.em,{children:["\u041f\u0440\u0438 \u043d\u0435\u043e\u0431\u0445\u043e\u0434\u0438\u043c\u043e\u0441\u0442\u0438 - \u043d\u0443\u0436\u043d\u043e \u0432\u044b\u043d\u043e\u0441\u0438\u0442\u044c \u044d\u0442\u0443 \u0441\u0432\u044f\u0437\u044c \u043d\u0430 \u0443\u0440\u043e\u0432\u0435\u043d\u044c ",(0,i.jsx)(n.code,{children:"entities"})," \u0438\u043b\u0438 \u0435\u0449\u0435 \u0432\u044b\u0448\u0435"]})}),"\n"]}),"\n"]}),"\n"]}),"\n",(0,i.jsxs)(n.h3,{id:"new-entities-processes",children:[(0,i.jsx)(n.code,{children:"NEW"})," Entities, Processes"]}),"\n",(0,i.jsxs)(n.p,{children:["\u0412 v2 ",(0,i.jsx)(n.strong,{children:"\u0434\u043e\u0431\u0430\u0432\u043b\u0435\u043d\u044b \u0438 \u0434\u0440\u0443\u0433\u0438\u0435 \u043d\u043e\u0432\u044b\u0435 \u0430\u0431\u0441\u0442\u0440\u0430\u043a\u0446\u0438\u0438"}),", \u0434\u043b\u044f \u0443\u0441\u0442\u0440\u0430\u043d\u0435\u043d\u0438\u044f \u043f\u0440\u043e\u0431\u043b\u0435\u043c \u0443\u0441\u043b\u043e\u0436\u043d\u0435\u043d\u0438\u044f \u043b\u043e\u0433\u0438\u043a\u0438 \u0438 \u0441\u0438\u043b\u044c\u043d\u043e\u0439 \u0441\u0432\u044f\u0437\u043d\u043e\u0441\u0442\u0438."]}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsxs)(n.li,{children:[(0,i.jsx)(n.code,{children:"/entities"})," - \u0441\u043b\u043e\u0439 ",(0,i.jsx)(n.strong,{children:"\u0431\u0438\u0437\u043d\u0435\u0441-\u0441\u0443\u0449\u043d\u043e\u0441\u0442\u0435\u0439"}),", \u0441\u043e\u0434\u0435\u0440\u0436\u0430\u0449\u0438\u0439 \u0432 \u0441\u0435\u0431\u0435 \u0441\u043b\u0430\u0439\u0441\u044b, \u043e\u0442\u043d\u043e\u0441\u044f\u0449\u0438\u0435\u0441\u044f \u043d\u0430\u043f\u0440\u044f\u043c\u0443\u044e \u043a \u0431\u0438\u0437\u043d\u0435\u0441-\u043c\u043e\u0434\u0435\u043b\u044f\u043c \u0438\u043b\u0438 \u0441\u0438\u043d\u0442\u0435\u0442\u0438\u0447\u0435\u0441\u043a\u0438\u043c \u0441\u0443\u0449\u043d\u043e\u0441\u0442\u044f\u043c, \u043d\u0435\u043e\u0431\u0445\u043e\u0434\u0438\u043c\u044b\u043c \u0442\u043e\u043b\u044c\u043a\u043e \u043d\u0430 \u0444\u0440\u043e\u043d\u0442\u0435\u043d\u0434\u0435","\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsx)(n.li,{children:(0,i.jsxs)(n.em,{children:["\u041f\u0440\u0438\u043c\u0435\u0440\u044b: ",(0,i.jsx)(n.code,{children:"user"}),", ",(0,i.jsx)(n.code,{children:"i18n"}),", ",(0,i.jsx)(n.code,{children:"order"}),", ",(0,i.jsx)(n.code,{children:"blog"})]})}),"\n"]}),"\n"]}),"\n",(0,i.jsxs)(n.li,{children:[(0,i.jsx)(n.code,{children:"/processes"})," - \u0441\u043b\u043e\u0439 ",(0,i.jsx)(n.strong,{children:"\u0431\u0438\u0437\u043d\u0435\u0441-\u043f\u0440\u043e\u0446\u0435\u0441\u0441\u043e\u0432"}),", \u043f\u0440\u043e\u043d\u0438\u0437\u044b\u0432\u0430\u044e\u0449\u0438\u0445 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0435","\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsxs)(n.li,{children:[(0,i.jsx)(n.strong,{children:"\u0421\u043b\u043e\u0439 \u043e\u043f\u0446\u0438\u043e\u043d\u0430\u043b\u0435\u043d"}),", \u043e\u0431\u044b\u0447\u043d\u043e \u0440\u0435\u043a\u043e\u043c\u0435\u043d\u0434\u0443\u0435\u0442\u0441\u044f \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c, \u043a\u043e\u0433\u0434\u0430 ",(0,i.jsx)(n.em,{children:"\u043b\u043e\u0433\u0438\u043a\u0430 \u0440\u0430\u0437\u0440\u0430\u0441\u0442\u0430\u0435\u0442\u0441\u044f \u0438 \u043d\u0430\u0447\u0438\u043d\u0430\u0435\u0442 \u0440\u0430\u0437\u043c\u044b\u0432\u0430\u0442\u044c\u0441\u044f \u0432 \u043d\u0435\u0441\u043a\u043e\u043b\u044c\u043a\u0438\u0445 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0430\u0445"})]}),"\n",(0,i.jsx)(n.li,{children:(0,i.jsxs)(n.em,{children:["\u041f\u0440\u0438\u043c\u0435\u0440\u044b: ",(0,i.jsx)(n.code,{children:"payment"}),", ",(0,i.jsx)(n.code,{children:"auth"}),", ",(0,i.jsx)(n.code,{children:"quick-tour"})]})}),"\n"]}),"\n"]}),"\n"]}),"\n",(0,i.jsxs)(n.h3,{id:"breaking-abstractions--naming",children:[(0,i.jsx)(n.code,{children:"BREAKING"})," Abstractions & Naming"]}),"\n",(0,i.jsxs)(n.p,{children:["\u0422\u0435\u043f\u0435\u0440\u044c \u043e\u043f\u0440\u0435\u0434\u0435\u043b\u0435\u043d\u044b \u043a\u043e\u043d\u043a\u0440\u0435\u0442\u043d\u044b\u0435 \u0430\u0431\u0441\u0442\u0440\u0430\u043a\u0446\u0438\u0438 \u0438 ",(0,i.jsx)(n.a,{href:"/docs/about/understanding/naming",children:"\u0447\u0435\u0442\u043a\u0438\u0435 \u0440\u0435\u043a\u043e\u043c\u0435\u043d\u0434\u0430\u0446\u0438\u0438 \u0434\u043b\u044f \u0438\u0445 \u043d\u0435\u0439\u043c\u0438\u043d\u0433\u0430"})]}),"\n",(0,i.jsx)(n.h4,{id:"layers",children:"Layers"}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsxs)(n.li,{children:[(0,i.jsx)(n.code,{children:"/app"})," \u2014 ",(0,i.jsx)(n.strong,{children:"\u0441\u043b\u043e\u0439 \u0438\u043d\u0438\u0446\u0438\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u0438 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f"}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsx)(n.li,{children:(0,i.jsxs)(n.em,{children:["\u041f\u0440\u0435\u0436\u043d\u0438\u0435 \u0432\u0430\u0440\u0438\u0430\u043d\u0442\u044b: ",(0,i.jsx)(n.code,{children:"app"}),", ",(0,i.jsx)(n.code,{children:"core"}),", ",(0,i.jsx)(n.code,{children:"init"}),", ",(0,i.jsx)(n.code,{children:"src/index"})," (\u0438 \u0442\u0430\u043a\u043e\u0435 \u0431\u044b\u0432\u0430\u0435\u0442)"]})}),"\n"]}),"\n"]}),"\n",(0,i.jsxs)(n.li,{children:[(0,i.jsx)(n.code,{children:"/processes"})," \u2014 ",(0,i.jsx)(n.a,{href:"https://github.com/feature-sliced/documentation/discussions/20",children:(0,i.jsx)(n.strong,{children:"\u0441\u043b\u043e\u0439 \u0431\u0438\u0437\u043d\u0435\u0441-\u043f\u0440\u043e\u0446\u0435\u0441\u0441\u043e\u0432"})}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsx)(n.li,{children:(0,i.jsxs)(n.em,{children:["\u041f\u0440\u0435\u0436\u043d\u0438\u0435 \u0432\u0430\u0440\u0438\u0430\u043d\u0442\u044b: ",(0,i.jsx)(n.code,{children:"processes"}),", ",(0,i.jsx)(n.code,{children:"flows"}),", ",(0,i.jsx)(n.code,{children:"workflows"})]})}),"\n"]}),"\n"]}),"\n",(0,i.jsxs)(n.li,{children:[(0,i.jsx)(n.code,{children:"/pages"})," \u2014 ",(0,i.jsx)(n.strong,{children:"\u0441\u043b\u043e\u0439 \u0441\u0442\u0440\u0430\u043d\u0438\u0446 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f"}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsx)(n.li,{children:(0,i.jsxs)(n.em,{children:["\u041f\u0440\u0435\u0436\u043d\u0438\u0435 \u0432\u0430\u0440\u0438\u0430\u043d\u0442\u044b: ",(0,i.jsx)(n.code,{children:"pages"}),", ",(0,i.jsx)(n.code,{children:"screens"}),", ",(0,i.jsx)(n.code,{children:"views"}),", ",(0,i.jsx)(n.code,{children:"layouts"}),", ",(0,i.jsx)(n.code,{children:"components"}),", ",(0,i.jsx)(n.code,{children:"containers"})]})}),"\n"]}),"\n"]}),"\n",(0,i.jsxs)(n.li,{children:[(0,i.jsx)(n.code,{children:"/features"})," \u2014 ",(0,i.jsx)(n.a,{href:"https://github.com/feature-sliced/documentation/discussions/23",children:(0,i.jsx)(n.strong,{children:"\u0441\u043b\u043e\u0439 \u0447\u0430\u0441\u0442\u0435\u0439 \u0444\u0443\u043d\u043a\u0446\u0438\u043e\u043d\u0430\u043b\u044c\u043d\u043e\u0441\u0442\u0438"})}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsx)(n.li,{children:(0,i.jsxs)(n.em,{children:["\u041f\u0440\u0435\u0436\u043d\u0438\u0435 \u0432\u0430\u0440\u0438\u0430\u043d\u0442\u044b: ",(0,i.jsx)(n.code,{children:"features"}),", ",(0,i.jsx)(n.code,{children:"components"}),", ",(0,i.jsx)(n.code,{children:"containers"})]})}),"\n"]}),"\n"]}),"\n",(0,i.jsxs)(n.li,{children:[(0,i.jsx)(n.code,{children:"/entities"})," \u2014 ",(0,i.jsx)(n.a,{href:"https://github.com/feature-sliced/documentation/discussions/18#discussioncomment-422649",children:(0,i.jsx)(n.strong,{children:"\u0441\u043b\u043e\u0439 \u0431\u0438\u0437\u043d\u0435\u0441-\u0441\u0443\u0449\u043d\u043e\u0441\u0442\u0435\u0439"})}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsx)(n.li,{children:(0,i.jsxs)(n.em,{children:["\u041f\u0440\u0435\u0436\u043d\u0438\u0435 \u0432\u0430\u0440\u0438\u0430\u043d\u0442\u044b: ",(0,i.jsx)(n.code,{children:"entities"}),", ",(0,i.jsx)(n.code,{children:"models"}),", ",(0,i.jsx)(n.code,{children:"shared"})]})}),"\n"]}),"\n"]}),"\n",(0,i.jsxs)(n.li,{children:[(0,i.jsx)(n.code,{children:"/shared"})," \u2014 ",(0,i.jsx)(n.a,{href:"https://github.com/feature-sliced/documentation/discussions/31#discussioncomment-453020",children:(0,i.jsx)(n.strong,{children:"\u0441\u043b\u043e\u0439 \u043f\u0435\u0440\u0435\u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u043c\u043e\u0433\u043e \u0438\u043d\u0444\u0440\u0430\u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u043d\u043e\u0433\u043e \u043a\u043e\u0434\u0430"})})," \ud83d\udd25","\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsx)(n.li,{children:(0,i.jsxs)(n.em,{children:["\u041f\u0440\u0435\u0436\u043d\u0438\u0435 \u0432\u0430\u0440\u0438\u0430\u043d\u0442\u044b: ",(0,i.jsx)(n.code,{children:"shared"}),", ",(0,i.jsx)(n.code,{children:"common"}),", ",(0,i.jsx)(n.code,{children:"lib"})]})}),"\n"]}),"\n"]}),"\n"]}),"\n",(0,i.jsx)(n.h4,{id:"segments",children:"Segments"}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsxs)(n.li,{children:[(0,i.jsx)(n.code,{children:"/ui"})," \u2014 ",(0,i.jsx)(n.a,{href:"https://github.com/feature-sliced/documentation/discussions/31#discussioncomment-453132",children:(0,i.jsx)(n.strong,{children:"UI-\u0441\u0435\u0433\u043c\u0435\u043d\u0442"})})," \ud83d\udd25","\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsx)(n.li,{children:(0,i.jsxs)(n.em,{children:["\u041f\u0440\u0435\u0436\u043d\u0438\u0435 \u0432\u0430\u0440\u0438\u0430\u043d\u0442\u044b: ",(0,i.jsx)(n.code,{children:"ui"}),", ",(0,i.jsx)(n.code,{children:"components"}),", ",(0,i.jsx)(n.code,{children:"view"})]})}),"\n"]}),"\n"]}),"\n",(0,i.jsxs)(n.li,{children:[(0,i.jsx)(n.code,{children:"/model"})," \u2014 ",(0,i.jsx)(n.a,{href:"https://github.com/feature-sliced/documentation/discussions/31#discussioncomment-472645",children:(0,i.jsx)(n.strong,{children:"\u0411\u041b-\u0441\u0435\u0433\u043c\u0435\u043d\u0442"})})," \ud83d\udd25","\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsx)(n.li,{children:(0,i.jsxs)(n.em,{children:["\u041f\u0440\u0435\u0436\u043d\u0438\u0435 \u0432\u0430\u0440\u0438\u0430\u043d\u0442\u044b: ",(0,i.jsx)(n.code,{children:"model"}),", ",(0,i.jsx)(n.code,{children:"store"}),", ",(0,i.jsx)(n.code,{children:"state"}),", ",(0,i.jsx)(n.code,{children:"services"}),", ",(0,i.jsx)(n.code,{children:"controller"})]})}),"\n"]}),"\n"]}),"\n",(0,i.jsxs)(n.li,{children:[(0,i.jsx)(n.code,{children:"/lib"})," \u2014 \u0441\u0435\u0433\u043c\u0435\u043d\u0442 ",(0,i.jsx)(n.strong,{children:"\u0432\u0441\u043f\u043e\u043c\u043e\u0433\u0430\u0442\u0435\u043b\u044c\u043d\u043e\u0433\u043e \u043a\u043e\u0434\u0430"}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsx)(n.li,{children:(0,i.jsxs)(n.em,{children:["\u041f\u0440\u0435\u0436\u043d\u0438\u0435 \u0432\u0430\u0440\u0438\u0430\u043d\u0442\u044b: ",(0,i.jsx)(n.code,{children:"lib"}),", ",(0,i.jsx)(n.code,{children:"libs"}),", ",(0,i.jsx)(n.code,{children:"utils"}),", ",(0,i.jsx)(n.code,{children:"helpers"})]})}),"\n"]}),"\n"]}),"\n",(0,i.jsxs)(n.li,{children:[(0,i.jsx)(n.code,{children:"/api"})," \u2014 ",(0,i.jsx)(n.a,{href:"https://github.com/feature-sliced/documentation/discussions/66",children:(0,i.jsx)(n.strong,{children:"API-\u0441\u0435\u0433\u043c\u0435\u043d\u0442"})}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsx)(n.li,{children:(0,i.jsxs)(n.em,{children:["\u041f\u0440\u0435\u0436\u043d\u0438\u0435 \u0432\u0430\u0440\u0438\u0430\u043d\u0442\u044b: ",(0,i.jsx)(n.code,{children:"api"}),", ",(0,i.jsx)(n.code,{children:"service"}),", ",(0,i.jsx)(n.code,{children:"requests"}),", ",(0,i.jsx)(n.code,{children:"queries"})]})}),"\n"]}),"\n"]}),"\n",(0,i.jsxs)(n.li,{children:[(0,i.jsx)(n.code,{children:"/config"})," \u2014 ",(0,i.jsx)(n.strong,{children:"\u0441\u0435\u0433\u043c\u0435\u043d\u0442 \u043a\u043e\u043d\u0444\u0438\u0433\u0443\u0440\u0430\u0446\u0438\u0438 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f"}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsx)(n.li,{children:(0,i.jsxs)(n.em,{children:["\u041f\u0440\u0435\u0436\u043d\u0438\u0435 \u0432\u0430\u0440\u0438\u0430\u043d\u0442\u044b: ",(0,i.jsx)(n.code,{children:"config"}),", ",(0,i.jsx)(n.code,{children:"env"}),", ",(0,i.jsx)(n.code,{children:"get-env"})]})}),"\n"]}),"\n"]}),"\n"]}),"\n",(0,i.jsxs)(n.h3,{id:"refined-low-coupling",children:[(0,i.jsx)(n.code,{children:"REFINED"})," Low coupling"]}),"\n",(0,i.jsxs)(n.p,{children:["\u0422\u0435\u043f\u0435\u0440\u044c \u0433\u043e\u0440\u0430\u0437\u0434\u043e \u043f\u0440\u043e\u0449\u0435 ",(0,i.jsx)(n.a,{href:"/docs/reference/isolation/coupling-cohesion",children:"\u0441\u043e\u0431\u043b\u044e\u0434\u0430\u0442\u044c \u043f\u0440\u0438\u043d\u0446\u0438\u043f \u043d\u0438\u0437\u043a\u043e\u0439 \u0441\u0432\u044f\u0437\u043d\u043e\u0441\u0442\u0438"})," \u043c\u0435\u0436\u0434\u0443 \u043c\u043e\u0434\u0443\u043b\u044f\u043c\u0438, \u0431\u043b\u0430\u0433\u043e\u0434\u0430\u0440\u044f \u043d\u043e\u0432\u044b\u043c \u0441\u043b\u043e\u044f\u043c."]}),"\n",(0,i.jsx)(n.p,{children:(0,i.jsx)(n.em,{children:'\u041f\u0440\u0438 \u044d\u0442\u043e\u043c \u043f\u043e-\u043f\u0440\u0435\u0436\u043d\u0435\u043c\u0443 \u0440\u0435\u043a\u043e\u043c\u0435\u043d\u0434\u0443\u0435\u0442\u0441\u044f \u043c\u0430\u043a\u0441\u0438\u043c\u0430\u043b\u044c\u043d\u043e \u0438\u0437\u0431\u0435\u0433\u0430\u0442\u044c \u0441\u043b\u0443\u0447\u0430\u0435\u0432, \u0433\u0434\u0435 \u043a\u0440\u0430\u0439\u043d\u0435 \u0442\u0440\u0443\u0434\u043d\u043e "\u0440\u0430\u0441\u0446\u0435\u043f\u0438\u0442\u044c" \u043c\u043e\u0434\u0443\u043b\u0438'})}),"\n",(0,i.jsx)(n.h2,{id:"see-also",children:"\u0421\u043c. \u0442\u0430\u043a\u0436\u0435"}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsx)(n.li,{children:(0,i.jsx)(n.a,{href:"https://t.me/feature_slices",children:'\u0417\u0430\u043c\u0435\u0442\u043a\u0438 \u0441 \u0434\u043e\u043a\u043b\u0430\u0434\u0430 "React SPB Meetup #1"'})}),"\n",(0,i.jsx)(n.li,{children:(0,i.jsx)(n.a,{href:"https://www.youtube.com/watch?v=BWAeYuWFHhs",children:'React Berlin Talk - Oleg Isonen "Feature Driven Architecture"'})}),"\n",(0,i.jsx)(n.li,{children:(0,i.jsx)(n.a,{href:"https://t.me/feature_sliced/493",children:"\u0421\u0440\u0430\u0432\u043d\u0435\u043d\u0438\u0435 \u0441 v1 (community-chat)"})}),"\n",(0,i.jsx)(n.li,{children:(0,i.jsx)(n.a,{href:"https://t.me/atomicdesign/18708",children:"\u041d\u043e\u0432\u044b\u0435 \u0438\u0434\u0435\u0438 v2 \u0441 \u043f\u043e\u044f\u0441\u043d\u0435\u043d\u0438\u044f\u043c\u0438 (atomicdesign-chat)"})}),"\n",(0,i.jsx)(n.li,{children:(0,i.jsx)(n.a,{href:"https://github.com/feature-sliced/documentation/discussions/31",children:"\u041e\u0431\u0441\u0443\u0436\u0434\u0435\u043d\u0438\u0435 \u0430\u0431\u0441\u0442\u0440\u0430\u043a\u0446\u0438\u0439 \u0438 \u043d\u0435\u0439\u043c\u0438\u043d\u0433\u0430 \u0434\u043b\u044f \u043d\u043e\u0432\u043e\u0439 \u0432\u0435\u0440\u0441\u0438\u0438 \u043c\u0435\u0442\u043e\u0434\u043e\u043b\u043e\u0433\u0438\u0438 (v2)"})}),"\n"]})]})}function x(e={}){const{wrapper:n}={...(0,c.R)(),...e.components};return n?(0,i.jsx)(n,{...e,children:(0,i.jsx)(t,{...e})}):t(e)}},1100:(e,n,s)=>{s.d(n,{R:()=>d,x:()=>l});var i=s(758);const c={},r=i.createContext(c);function d(e){const n=i.useContext(r);return i.useMemo((function(){return"function"==typeof e?e(n):{...n,...e}}),[n,e])}function l(e){let n;return n=e.disableParentContext?"function"==typeof e.components?e.components(c):e.components||c:d(e.components),i.createElement(r.Provider,{value:n},e.children)}}}]);
\ No newline at end of file
diff --git a/ru/assets/js/a41378e3.e6284e14.js b/ru/assets/js/a41378e3.4de46e44.js
similarity index 99%
rename from ru/assets/js/a41378e3.e6284e14.js
rename to ru/assets/js/a41378e3.4de46e44.js
index 315fb36124..c7d2448871 100644
--- a/ru/assets/js/a41378e3.e6284e14.js
+++ b/ru/assets/js/a41378e3.4de46e44.js
@@ -1 +1 @@
-"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[3541],{8200:(e,n,t)=>{t.r(n),t.d(n,{assets:()=>l,contentTitle:()=>o,default:()=>u,frontMatter:()=>r,metadata:()=>a,toc:()=>d});var s=t(6070),i=t(1100);const r={sidebar_position:10},o="\u0418\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u0435 \u0441 React Query",a={id:"guides/tech/with-react-query",title:"\u0418\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u0435 \u0441 React Query",description:"\u041f\u0440\u043e\u0431\u043b\u0435\u043c\u0430 \xab\u043a\u0443\u0434\u0430 \u043f\u043e\u043b\u043e\u0436\u0438\u0442\u044c \u043a\u043b\u044e\u0447\u0438\xbb",source:"@site/i18n/ru/docusaurus-plugin-content-docs/current/guides/tech/with-react-query.mdx",sourceDirName:"guides/tech",slug:"/guides/tech/with-react-query",permalink:"/ru/docs/guides/tech/with-react-query",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/ru/docusaurus-plugin-content-docs/current/guides/tech/with-react-query.mdx",tags:[],version:"current",lastUpdatedAt:1727607766e3,sidebarPosition:10,frontMatter:{sidebar_position:10},sidebar:"guidesSidebar",previous:{title:"\u0418\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u0435 \u0441 NuxtJS",permalink:"/ru/docs/guides/tech/with-nuxtjs"},next:{title:"\u0418\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u0435 \u0441 SvelteKit",permalink:"/ru/docs/guides/tech/with-sveltekit"}},l={},d=[{value:"\u041f\u0440\u043e\u0431\u043b\u0435\u043c\u0430 \xab\u043a\u0443\u0434\u0430 \u043f\u043e\u043b\u043e\u0436\u0438\u0442\u044c \u043a\u043b\u044e\u0447\u0438\xbb",id:"\u043f\u0440\u043e\u0431\u043b\u0435\u043c\u0430-\u043a\u0443\u0434\u0430-\u043f\u043e\u043b\u043e\u0436\u0438\u0442\u044c-\u043a\u043b\u044e\u0447\u0438",level:2},{value:"\u0420\u0435\u0448\u0435\u043d\u0438\u0435 - \u0440\u0430\u0437\u0431\u0438\u0442\u044c \u043f\u043e \u0441\u0443\u0449\u043d\u043e\u0441\u0442\u044f\u043c",id:"\u0440\u0435\u0448\u0435\u043d\u0438\u0435---\u0440\u0430\u0437\u0431\u0438\u0442\u044c-\u043f\u043e-\u0441\u0443\u0449\u043d\u043e\u0441\u0442\u044f\u043c",level:3},{value:"\u0410\u043b\u044c\u0442\u0435\u0440\u043d\u0430\u0442\u0438\u0432\u043d\u043e\u0435 \u0440\u0435\u0448\u0435\u043d\u0438\u0435 \u2014 \u0445\u0440\u0430\u043d\u0438\u0442\u044c \u0437\u0430\u043f\u0440\u043e\u0441\u044b \u0432 \u043e\u0431\u0449\u0435\u043c \u0434\u043e\u0441\u0442\u0443\u043f\u0435.",id:"\u0430\u043b\u044c\u0442\u0435\u0440\u043d\u0430\u0442\u0438\u0432\u043d\u043e\u0435-\u0440\u0435\u0448\u0435\u043d\u0438\u0435--\u0445\u0440\u0430\u043d\u0438\u0442\u044c-\u0437\u0430\u043f\u0440\u043e\u0441\u044b-\u0432-\u043e\u0431\u0449\u0435\u043c-\u0434\u043e\u0441\u0442\u0443\u043f\u0435",level:3},{value:"\u041f\u0440\u043e\u0431\u043b\u0435\u043c\u0430 \xab\u041a\u0443\u0434\u0430 \u043c\u0443\u0442\u0430\u0446\u0438\u0438?\xbb",id:"\u043f\u0440\u043e\u0431\u043b\u0435\u043c\u0430-\u043a\u0443\u0434\u0430-\u043c\u0443\u0442\u0430\u0446\u0438\u0438",level:2},{value:"1. \u041e\u043f\u0440\u0435\u0434\u0435\u043b\u0438\u0442\u044c \u043a\u0430\u0441\u0442\u043e\u043c\u043d\u044b\u0439 \u0445\u0443\u043a \u0432 \u0441\u0435\u0433\u043c\u0435\u043d\u0442\u0435 api \u0440\u044f\u0434\u043e\u043c \u0441 \u043c\u0435\u0441\u0442\u043e\u043c \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u044f",id:"1-\u043e\u043f\u0440\u0435\u0434\u0435\u043b\u0438\u0442\u044c-\u043a\u0430\u0441\u0442\u043e\u043c\u043d\u044b\u0439-\u0445\u0443\u043a-\u0432-\u0441\u0435\u0433\u043c\u0435\u043d\u0442\u0435-api-\u0440\u044f\u0434\u043e\u043c-\u0441-\u043c\u0435\u0441\u0442\u043e\u043c-\u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u044f",level:3},{value:"2. \u041e\u043f\u0440\u0435\u0434\u0435\u043b\u0438\u0442\u044c \u0444\u0443\u043d\u043a\u0446\u0438\u044e \u043c\u0443\u0442\u0430\u0446\u0438\u0438 \u0432 \u0434\u0440\u0443\u0433\u043e\u043c \u043c\u0435\u0441\u0442\u0435 (Shared \u0438\u043b\u0438 Entities) \u0438 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c <code>useMutation</code> \u043d\u0430\u043f\u0440\u044f\u043c\u0443\u044e \u0432 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u0435",id:"2-\u043e\u043f\u0440\u0435\u0434\u0435\u043b\u0438\u0442\u044c-\u0444\u0443\u043d\u043a\u0446\u0438\u044e-\u043c\u0443\u0442\u0430\u0446\u0438\u0438-\u0432-\u0434\u0440\u0443\u0433\u043e\u043c-\u043c\u0435\u0441\u0442\u0435-shared-\u0438\u043b\u0438-entities-\u0438-\u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c-usemutation-\u043d\u0430\u043f\u0440\u044f\u043c\u0443\u044e-\u0432-\u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u0435",level:3},{value:"\u041e\u0440\u0433\u0430\u043d\u0438\u0437\u0430\u0446\u0438\u044f \u0437\u0430\u043f\u0440\u043e\u0441\u043e\u0432",id:"\u043e\u0440\u0433\u0430\u043d\u0438\u0437\u0430\u0446\u0438\u044f-\u0437\u0430\u043f\u0440\u043e\u0441\u043e\u0432",level:2},{value:"\u0424\u0430\u0431\u0440\u0438\u043a\u0430 \u0437\u0430\u043f\u0440\u043e\u0441\u043e\u0432",id:"\u0444\u0430\u0431\u0440\u0438\u043a\u0430-\u0437\u0430\u043f\u0440\u043e\u0441\u043e\u0432",level:3},{value:"1. \u0421\u043e\u0437\u0434\u0430\u043d\u0438\u0435 \u0424\u0430\u0431\u0440\u0438\u043a\u0438 \u0437\u0430\u043f\u0440\u043e\u0441\u043e\u0432",id:"1-\u0441\u043e\u0437\u0434\u0430\u043d\u0438\u0435-\u0444\u0430\u0431\u0440\u0438\u043a\u0438-\u0437\u0430\u043f\u0440\u043e\u0441\u043e\u0432",level:3},{value:"2. \u041f\u0440\u0438\u043c\u0435\u043d\u0435\u043d\u0438\u0435 \u0424\u0430\u0431\u0440\u0438\u043a\u0438 \u0437\u0430\u043f\u0440\u043e\u0441\u043e\u0432 \u0432 \u043a\u043e\u0434\u0435 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f",id:"2-\u043f\u0440\u0438\u043c\u0435\u043d\u0435\u043d\u0438\u0435-\u0444\u0430\u0431\u0440\u0438\u043a\u0438-\u0437\u0430\u043f\u0440\u043e\u0441\u043e\u0432-\u0432-\u043a\u043e\u0434\u0435-\u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f",level:3},{value:"\u041f\u0440\u0435\u0438\u043c\u0443\u0449\u0435\u0441\u0442\u0432\u0430 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u044f \u0424\u0430\u0431\u0440\u0438\u043a\u0438 \u0437\u0430\u043f\u0440\u043e\u0441\u043e\u0432",id:"\u043f\u0440\u0435\u0438\u043c\u0443\u0449\u0435\u0441\u0442\u0432\u0430-\u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u044f-\u0444\u0430\u0431\u0440\u0438\u043a\u0438-\u0437\u0430\u043f\u0440\u043e\u0441\u043e\u0432",level:3},{value:"\u041f\u0430\u0433\u0438\u043d\u0430\u0446\u0438\u044f",id:"\u043f\u0430\u0433\u0438\u043d\u0430\u0446\u0438\u044f",level:2},{value:"1. \u0421\u043e\u0437\u0434\u0430\u043d\u0438\u0435 \u0444\u0443\u043d\u043a\u0446\u0438\u0438 <code>getPosts</code>",id:"1-\u0441\u043e\u0437\u0434\u0430\u043d\u0438\u0435-\u0444\u0443\u043d\u043a\u0446\u0438\u0438-getposts",level:3},{value:"2. \u0424\u0430\u0431\u0440\u0438\u043a\u0430 \u0437\u0430\u043f\u0440\u043e\u0441\u043e\u0432 \u0434\u043b\u044f \u043f\u0430\u0433\u0438\u043d\u0430\u0446\u0438\u0438",id:"2-\u0444\u0430\u0431\u0440\u0438\u043a\u0430-\u0437\u0430\u043f\u0440\u043e\u0441\u043e\u0432-\u0434\u043b\u044f-\u043f\u0430\u0433\u0438\u043d\u0430\u0446\u0438\u0438",level:3},{value:"3. \u0418\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u0435 \u0432 \u043a\u043e\u0434\u0435 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f",id:"3-\u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u0435-\u0432-\u043a\u043e\u0434\u0435-\u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f",level:3},{value:"<code>QueryProvider</code> \u0434\u043b\u044f \u0443\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u0438\u044f \u0437\u0430\u043f\u0440\u043e\u0441\u0430\u043c\u0438",id:"queryprovider-\u0434\u043b\u044f-\u0443\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u0438\u044f-\u0437\u0430\u043f\u0440\u043e\u0441\u0430\u043c\u0438",level:2},{value:"1. \u0421\u043e\u0437\u0434\u0430\u043d\u0438\u0435 <code>QueryProvider</code>",id:"1-\u0441\u043e\u0437\u0434\u0430\u043d\u0438\u0435-queryprovider",level:3},{value:"2. \u0421\u043e\u0437\u0434\u0430\u043d\u0438\u0435 <code>QueryClient</code>",id:"2-\u0441\u043e\u0437\u0434\u0430\u043d\u0438\u0435-queryclient",level:3},{value:"\u041a\u043e\u0434\u043e\u0433\u0435\u043d\u0435\u0440\u0430\u0446\u0438\u044f",id:"\u043a\u043e\u0434\u043e\u0433\u0435\u043d\u0435\u0440\u0430\u0446\u0438\u044f",level:2},{value:"\u0414\u043e\u043f\u043e\u043b\u043d\u0438\u0442\u0435\u043b\u044c\u043d\u044b\u0439 \u0441\u043e\u0432\u0435\u0442 \u043f\u043e \u043e\u0440\u0433\u0430\u043d\u0438\u0437\u0430\u0446\u0438\u0438 RQ",id:"\u0434\u043e\u043f\u043e\u043b\u043d\u0438\u0442\u0435\u043b\u044c\u043d\u044b\u0439-\u0441\u043e\u0432\u0435\u0442-\u043f\u043e-\u043e\u0440\u0433\u0430\u043d\u0438\u0437\u0430\u0446\u0438\u0438-rq",level:2},{value:"API-\u041a\u043b\u0438\u0435\u043d\u0442",id:"api-\u043a\u043b\u0438\u0435\u043d\u0442",level:3},{value:"\u041f\u043e\u043b\u0435\u0437\u043d\u044b\u0435 \u0441\u0441\u044b\u043b\u043a\u0438",id:"see-also",level:2}];function c(e){const n={a:"a",admonition:"admonition",code:"code",h1:"h1",h2:"h2",h3:"h3",header:"header",li:"li",p:"p",pre:"pre",strong:"strong",ul:"ul",...(0,i.R)(),...e.components};return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(n.header,{children:(0,s.jsx)(n.h1,{id:"\u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u0435-\u0441-react-query",children:"\u0418\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u0435 \u0441 React Query"})}),"\n",(0,s.jsx)(n.h2,{id:"\u043f\u0440\u043e\u0431\u043b\u0435\u043c\u0430-\u043a\u0443\u0434\u0430-\u043f\u043e\u043b\u043e\u0436\u0438\u0442\u044c-\u043a\u043b\u044e\u0447\u0438",children:"\u041f\u0440\u043e\u0431\u043b\u0435\u043c\u0430 \xab\u043a\u0443\u0434\u0430 \u043f\u043e\u043b\u043e\u0436\u0438\u0442\u044c \u043a\u043b\u044e\u0447\u0438\xbb"}),"\n",(0,s.jsx)(n.h3,{id:"\u0440\u0435\u0448\u0435\u043d\u0438\u0435---\u0440\u0430\u0437\u0431\u0438\u0442\u044c-\u043f\u043e-\u0441\u0443\u0449\u043d\u043e\u0441\u0442\u044f\u043c",children:"\u0420\u0435\u0448\u0435\u043d\u0438\u0435 - \u0440\u0430\u0437\u0431\u0438\u0442\u044c \u043f\u043e \u0441\u0443\u0449\u043d\u043e\u0441\u0442\u044f\u043c"}),"\n",(0,s.jsx)(n.p,{children:"\u0415\u0441\u043b\u0438 \u0432 \u043f\u0440\u043e\u0435\u043a\u0442\u0435 \u0443\u0436\u0435 \u043f\u0440\u0438\u0441\u0443\u0442\u0441\u0442\u0432\u0443\u0435\u0442 \u0440\u0430\u0437\u0434\u0435\u043b\u0435\u043d\u0438\u0435 \u043d\u0430 \u0441\u0443\u0449\u043d\u043e\u0441\u0442\u0438, \u0438 \u043a\u0430\u0436\u0434\u044b\u0439 \u0437\u0430\u043f\u0440\u043e\u0441 \u0441\u043e\u043e\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0443\u0435\u0442 \u043e\u0434\u043d\u043e\u0439 \u0441\u0443\u0449\u043d\u043e\u0441\u0442\u0438,\n\u043d\u0430\u0438\u0431\u043e\u043b\u0435\u0435 \u0447\u0438\u0441\u0442\u044b\u043c \u0431\u0443\u0434\u0435\u0442 \u0440\u0430\u0437\u0434\u0435\u043b\u0435\u043d\u0438\u0435 \u043f\u043e \u0441\u0443\u0449\u043d\u043e\u0441\u0442\u044f\u043c. \u0412 \u0442\u0430\u043a\u043e\u043c \u0441\u043b\u0443\u0447\u0430\u0435, \u043f\u0440\u0435\u0434\u043b\u0430\u0433\u0430\u0435\u043c \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0443\u044e \u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u0443:"}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-sh",children:"\u2514\u2500\u2500 src/                                        #\n    \u251c\u2500\u2500 app/                                    #\n    |   ...                                     #\n    \u251c\u2500\u2500 pages/                                  #\n    |   ...                                     #\n    \u251c\u2500\u2500 entities/                               #\n    |     \u251c\u2500\u2500 {entity}/                         #\n    |    ...     \u2514\u2500\u2500 api/                       #\n    |                 \u251c\u2500\u2500 `{entity}.query`      # \u0424\u0430\u0431\u0440\u0438\u043a\u0430 \u0437\u0430\u043f\u0440\u043e\u0441\u043e\u0432, \u0433\u0434\u0435 \u043e\u043f\u0440\u0435\u0434\u0435\u043b\u0435\u043d\u044b \u043a\u043b\u044e\u0447\u0438 \u0438 \u0444\u0443\u043d\u043a\u0446\u0438\u0438\n    |                 \u251c\u2500\u2500 `get-{entity}`        # \u0424\u0443\u043d\u043a\u0446\u0438\u044f \u043f\u043e\u043b\u0443\u0447\u0435\u043d\u0438\u044f \u0441\u0443\u0449\u043d\u043e\u0441\u0442\u0438\n    |                 \u251c\u2500\u2500 `create-{entity}`     # \u0424\u0443\u043d\u043a\u0446\u0438\u044f \u0441\u043e\u0437\u0434\u0430\u043d\u0438\u044f \u0441\u0443\u0449\u043d\u043e\u0441\u0442\u0438\n    |                 \u251c\u2500\u2500 `update-{entity}`     # \u0424\u0443\u043d\u043a\u0446\u0438\u044f \u043e\u0431\u043d\u043e\u0432\u043b\u0435\u043d\u0438\u044f \u043e\u0431\u044a\u0435\u043a\u0442\u0430\n    |                 \u251c\u2500\u2500 `delete-{entity}`     # \u0424\u0443\u043d\u043a\u0446\u0438\u044f \u0443\u0434\u0430\u043b\u0435\u043d\u0438\u044f \u043e\u0431\u044a\u0435\u043a\u0442\u0430\n    |                ...                        #\n    |                                           #\n    \u251c\u2500\u2500 features/                               #\n    |   ...                                     #\n    \u251c\u2500\u2500 widgets/                                #\n    |   ...                                     #\n    \u2514\u2500\u2500 shared/                                 #\n        ...                                     #\n"})}),"\n",(0,s.jsxs)(n.p,{children:["\u0415\u0441\u043b\u0438 \u0441\u0440\u0435\u0434\u0438 \u0441\u0443\u0449\u043d\u043e\u0441\u0442\u0435\u0439 \u0435\u0441\u0442\u044c \u0441\u0432\u044f\u0437\u0438 (\u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, \u0443 \u0441\u0443\u0449\u043d\u043e\u0441\u0442\u0438 \u0421\u0442\u0440\u0430\u043d\u0430 \u0435\u0441\u0442\u044c \u043f\u043e\u043b\u0435-\u0441\u043f\u0438\u0441\u043e\u043a \u0441\u0443\u0449\u043d\u043e\u0441\u0442\u0435\u0439 \u0413\u043e\u0440\u043e\u0434), \u0442\u043e \u043c\u043e\u0436\u043d\u043e \u0432\u043e\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c\u0441\u044f\n",(0,s.jsx)(n.a,{href:"https://github.com/feature-sliced/documentation/discussions/390#discussioncomment-5570073",children:"\u044d\u043a\u0441\u043f\u0435\u0440\u0438\u043c\u0435\u043d\u0442\u0430\u043b\u044c\u043d\u044b\u043c \u043f\u043e\u0434\u0445\u043e\u0434\u043e\u043c \u043a \u043e\u0440\u0433\u0430\u043d\u0438\u0437\u043e\u0432\u0430\u043d\u043d\u044b\u043c \u043a\u0440\u043e\u0441\u0441-\u0438\u043c\u043f\u043e\u0440\u0442\u0430\u043c \u0447\u0435\u0440\u0435\u0437 @x-\u043d\u043e\u0442\u0430\u0446\u0438\u044e"})," \u0438\u043b\u0438 \u0440\u0430\u0441\u0441\u043c\u043e\u0442\u0440\u0435\u0442\u044c \u0430\u043b\u044c\u0442\u0435\u0440\u043d\u0430\u0442\u0438\u0432\u043d\u043e\u0435 \u0440\u0435\u0448\u0435\u043d\u0438\u0435 \u043d\u0438\u0436\u0435."]}),"\n",(0,s.jsx)(n.h3,{id:"\u0430\u043b\u044c\u0442\u0435\u0440\u043d\u0430\u0442\u0438\u0432\u043d\u043e\u0435-\u0440\u0435\u0448\u0435\u043d\u0438\u0435--\u0445\u0440\u0430\u043d\u0438\u0442\u044c-\u0437\u0430\u043f\u0440\u043e\u0441\u044b-\u0432-\u043e\u0431\u0449\u0435\u043c-\u0434\u043e\u0441\u0442\u0443\u043f\u0435",children:"\u0410\u043b\u044c\u0442\u0435\u0440\u043d\u0430\u0442\u0438\u0432\u043d\u043e\u0435 \u0440\u0435\u0448\u0435\u043d\u0438\u0435 \u2014 \u0445\u0440\u0430\u043d\u0438\u0442\u044c \u0437\u0430\u043f\u0440\u043e\u0441\u044b \u0432 \u043e\u0431\u0449\u0435\u043c \u0434\u043e\u0441\u0442\u0443\u043f\u0435."}),"\n",(0,s.jsx)(n.p,{children:"\u0412 \u0441\u043b\u0443\u0447\u0430\u044f\u0445, \u043a\u043e\u0433\u0434\u0430 \u043d\u0435 \u043f\u043e\u0434\u0445\u043e\u0434\u0438\u0442 \u0440\u0430\u0437\u0434\u0435\u043b\u0435\u043d\u0438\u0435 \u043f\u043e \u0441\u0443\u0449\u043d\u043e\u0441\u0442\u044f\u043c, \u043c\u043e\u0436\u043d\u043e \u0440\u0430\u0441\u0441\u043c\u043e\u0442\u0440\u0435\u0442\u044c \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0443\u044e \u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u0443:"}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-sh",children:"\u2514\u2500\u2500 src/                                        #\n   ...                                          #\n    \u2514\u2500\u2500 shared/                                 #\n          \u251c\u2500\u2500 api/                              #\n         ...   \u251c\u2500\u2500 `queries`                    # Query-factories\n               |      \u251c\u2500\u2500 `document.ts`         #\n               |      \u251c\u2500\u2500 `background-jobs.ts`  #\n               |     ...                        #\n               \u2514\u2500\u2500  index.ts                    #\n"})}),"\n",(0,s.jsxs)(n.p,{children:["\u0417\u0430\u0442\u0435\u043c \u0432 ",(0,s.jsx)(n.code,{children:"@/shared/api/index.ts"}),":"]}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-ts",metastring:'title="@/shared/api/index.ts"',children:'export { documentQueries } from "./queries/document";\n'})}),"\n",(0,s.jsx)(n.h2,{id:"\u043f\u0440\u043e\u0431\u043b\u0435\u043c\u0430-\u043a\u0443\u0434\u0430-\u043c\u0443\u0442\u0430\u0446\u0438\u0438",children:"\u041f\u0440\u043e\u0431\u043b\u0435\u043c\u0430 \xab\u041a\u0443\u0434\u0430 \u043c\u0443\u0442\u0430\u0446\u0438\u0438?\xbb"}),"\n",(0,s.jsx)(n.p,{children:"\u041c\u0443\u0442\u0430\u0446\u0438\u0438 \u043d\u0435 \u0440\u0435\u043a\u043e\u043c\u0435\u043d\u0434\u0443\u0435\u0442\u0441\u044f \u0441\u043c\u0435\u0448\u0438\u0432\u0430\u0442\u044c \u0441 \u0437\u0430\u043f\u0440\u043e\u0441\u0430\u043c\u0438. \u0412\u043e\u0437\u043c\u043e\u0436\u043d\u044b \u0434\u0432\u0430 \u0432\u0430\u0440\u0438\u0430\u043d\u0442\u0430:"}),"\n",(0,s.jsx)(n.h3,{id:"1-\u043e\u043f\u0440\u0435\u0434\u0435\u043b\u0438\u0442\u044c-\u043a\u0430\u0441\u0442\u043e\u043c\u043d\u044b\u0439-\u0445\u0443\u043a-\u0432-\u0441\u0435\u0433\u043c\u0435\u043d\u0442\u0435-api-\u0440\u044f\u0434\u043e\u043c-\u0441-\u043c\u0435\u0441\u0442\u043e\u043c-\u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u044f",children:"1. \u041e\u043f\u0440\u0435\u0434\u0435\u043b\u0438\u0442\u044c \u043a\u0430\u0441\u0442\u043e\u043c\u043d\u044b\u0439 \u0445\u0443\u043a \u0432 \u0441\u0435\u0433\u043c\u0435\u043d\u0442\u0435 api \u0440\u044f\u0434\u043e\u043c \u0441 \u043c\u0435\u0441\u0442\u043e\u043c \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u044f"}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-tsx",metastring:'title="@/features/update-post/api/use-update-title.ts"',children:"export const useUpdateTitle = () => {\n  const queryClient = useQueryClient();\n\n  return useMutation({\n    mutationFn: ({ id, newTitle }) =>\n      apiClient\n        .patch(`/posts/${id}`, { title: newTitle })\n        .then((data) => console.log(data)),\n\n    onSuccess: (newPost) => {\n      queryClient.setQueryData(postsQueries.ids(id), newPost);\n    },\n  });\n};\n"})}),"\n",(0,s.jsxs)(n.h3,{id:"2-\u043e\u043f\u0440\u0435\u0434\u0435\u043b\u0438\u0442\u044c-\u0444\u0443\u043d\u043a\u0446\u0438\u044e-\u043c\u0443\u0442\u0430\u0446\u0438\u0438-\u0432-\u0434\u0440\u0443\u0433\u043e\u043c-\u043c\u0435\u0441\u0442\u0435-shared-\u0438\u043b\u0438-entities-\u0438-\u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c-usemutation-\u043d\u0430\u043f\u0440\u044f\u043c\u0443\u044e-\u0432-\u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u0435",children:["2. \u041e\u043f\u0440\u0435\u0434\u0435\u043b\u0438\u0442\u044c \u0444\u0443\u043d\u043a\u0446\u0438\u044e \u043c\u0443\u0442\u0430\u0446\u0438\u0438 \u0432 \u0434\u0440\u0443\u0433\u043e\u043c \u043c\u0435\u0441\u0442\u0435 (Shared \u0438\u043b\u0438 Entities) \u0438 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c ",(0,s.jsx)(n.code,{children:"useMutation"})," \u043d\u0430\u043f\u0440\u044f\u043c\u0443\u044e \u0432 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u0435"]}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-tsx",children:"const { mutateAsync, isPending } = useMutation({\n  mutationFn: postApi.createPost,\n});\n"})}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-tsx",metastring:'title="@/pages/post-create/ui/post-create-page.tsx"',children:'export const CreatePost = () => {\n  const { classes } = useStyles();\n  const [title, setTitle] = useState("");\n\n  const { mutate, isPending } = useMutation({\n    mutationFn: postApi.createPost,\n  });\n\n  const handleChange = (e: ChangeEvent<HTMLInputElement>) =>\n    setTitle(e.target.value);\n  const handleSubmit = (e: FormEvent<HTMLFormElement>) => {\n    e.preventDefault();\n    mutate({ title, userId: DEFAULT_USER_ID });\n  };\n\n  return (\n    <form className={classes.create_form} onSubmit={handleSubmit}>\n      <TextField onChange={handleChange} value={title} />\n      <LoadingButton type="submit" variant="contained" loading={isPending}>\n        Create\n      </LoadingButton>\n    </form>\n  );\n};\n'})}),"\n",(0,s.jsx)(n.h2,{id:"\u043e\u0440\u0433\u0430\u043d\u0438\u0437\u0430\u0446\u0438\u044f-\u0437\u0430\u043f\u0440\u043e\u0441\u043e\u0432",children:"\u041e\u0440\u0433\u0430\u043d\u0438\u0437\u0430\u0446\u0438\u044f \u0437\u0430\u043f\u0440\u043e\u0441\u043e\u0432"}),"\n",(0,s.jsx)(n.h3,{id:"\u0444\u0430\u0431\u0440\u0438\u043a\u0430-\u0437\u0430\u043f\u0440\u043e\u0441\u043e\u0432",children:"\u0424\u0430\u0431\u0440\u0438\u043a\u0430 \u0437\u0430\u043f\u0440\u043e\u0441\u043e\u0432"}),"\n",(0,s.jsx)(n.p,{children:"\u0412 \u044d\u0442\u043e\u043c \u0433\u0430\u0439\u0434\u0435 \u0440\u0430\u0441\u0441\u043c\u043e\u0442\u0440\u0438\u043c, \u043a\u0430\u043a \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u0444\u0430\u0431\u0440\u0438\u043a\u0443 \u0437\u0430\u043f\u0440\u043e\u0441\u043e\u0432 (\u043e\u0431\u044a\u0435\u043a\u0442, \u0433\u0434\u0435 \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u044f\u043c\u0438 \u043a\u043b\u044e\u0447\u0430 - \u044f\u0432\u043b\u044f\u044e\u0442\u0441\u044f \u0444\u0443\u043d\u043a\u0446\u0438\u0438, \u0432\u043e\u0437\u0432\u0440\u0430\u0449\u0430\u044e\u0449\u0438\u0435 \u0441\u043f\u0438\u0441\u043e\u043a \u043a\u043b\u044e\u0447\u0435\u0439 \u0437\u0430\u043f\u0440\u043e\u0441\u0430)"}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-ts",children:'const keyFactory = {\n  all: () => ["entity"],\n  lists: () => [...postQueries.all(), "list"],\n};\n'})}),"\n",(0,s.jsxs)(n.admonition,{type:"info",children:[(0,s.jsxs)(n.p,{children:[(0,s.jsx)(n.code,{children:"queryOptions"})," - \u0432\u0441\u0442\u0440\u043e\u0435\u043d\u043d\u0430\u044f \u0443\u0442\u0438\u043b\u0438\u0442\u0430 react-query@v5 (\u043e\u043f\u0446\u0438\u043e\u043d\u0430\u043b\u044c\u043d\u043e)"]}),(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-ts",children:"queryOptions({\n  queryKey,\n  ...options,\n});\n"})}),(0,s.jsxs)(n.p,{children:["\u0414\u043b\u044f \u0431\u043e\u043b\u044c\u0448\u0435\u0439 \u0442\u0438\u043f\u043e\u0431\u0435\u0437\u043e\u043f\u0430\u0441\u043d\u043e\u0441\u0442\u0438 \u0438 \u0434\u0430\u043b\u044c\u043d\u0435\u0439\u0448\u0435\u0439 \u0441\u043e\u0432\u043c\u0435\u0441\u0442\u0438\u043c\u043e\u0441\u0442\u0438 \u0441\u043e \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0438\u043c\u0438 \u0432\u0435\u0440\u0441\u0438\u044f\u043c\u0438 react-query, \u0430 \u0442\u0430\u043a\u0436\u0435 \u0443\u043f\u0440\u043e\u0449\u0435\u043d\u043d\u043e\u0433\u043e \u0434\u043e\u0441\u0442\u0443\u043f\u0430 \u043a \u0444\u0443\u043d\u043a\u0446\u0438\u044f\u043c \u0438 \u043a\u043b\u044e\u0447\u0430\u043c \u0437\u0430\u043f\u0440\u043e\u0441\u043e\u0432 -\n\u043c\u043e\u0436\u043d\u043e \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u0432\u0441\u0442\u0440\u043e\u0435\u043d\u043d\u0443\u044e \u0432 \u0444\u0443\u043d\u043a\u0446\u0438\u044e queryOptions \u0438\u0437 \u201c@tanstack/react-query\u201d ",(0,s.jsx)(n.a,{href:"https://tkdodo.eu/blog/the-query-options-api#queryoptions",children:"(\u041f\u043e\u0434\u0440\u043e\u0431\u043d\u0435\u0435 \u0437\u0434\u0435\u0441\u044c)"}),"."]})]}),"\n",(0,s.jsx)(n.h3,{id:"1-\u0441\u043e\u0437\u0434\u0430\u043d\u0438\u0435-\u0444\u0430\u0431\u0440\u0438\u043a\u0438-\u0437\u0430\u043f\u0440\u043e\u0441\u043e\u0432",children:"1. \u0421\u043e\u0437\u0434\u0430\u043d\u0438\u0435 \u0424\u0430\u0431\u0440\u0438\u043a\u0438 \u0437\u0430\u043f\u0440\u043e\u0441\u043e\u0432"}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-tsx",metastring:'title="@/entities/post/api/post.queries.ts"',children:'import { keepPreviousData, queryOptions } from "@tanstack/react-query";\nimport { getPosts } from "./get-posts";\nimport { getDetailPost } from "./get-detail-post";\nimport { PostDetailQuery } from "./query/post.query";\n\nexport const postQueries = {\n  all: () => ["posts"],\n\n  lists: () => [...postQueries.all(), "list"],\n  list: (page: number, limit: number) =>\n    queryOptions({\n      queryKey: [...postQueries.lists(), page, limit],\n      queryFn: () => getPosts(page, limit),\n      placeholderData: keepPreviousData,\n    }),\n\n  details: () => [...postQueries.all(), "detail"],\n  detail: (query?: PostDetailQuery) =>\n    queryOptions({\n      queryKey: [...postQueries.details(), query?.id],\n      queryFn: () => getDetailPost({ id: query?.id }),\n      staleTime: 5000,\n    }),\n};\n'})}),"\n",(0,s.jsx)(n.h3,{id:"2-\u043f\u0440\u0438\u043c\u0435\u043d\u0435\u043d\u0438\u0435-\u0444\u0430\u0431\u0440\u0438\u043a\u0438-\u0437\u0430\u043f\u0440\u043e\u0441\u043e\u0432-\u0432-\u043a\u043e\u0434\u0435-\u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f",children:"2. \u041f\u0440\u0438\u043c\u0435\u043d\u0435\u043d\u0438\u0435 \u0424\u0430\u0431\u0440\u0438\u043a\u0438 \u0437\u0430\u043f\u0440\u043e\u0441\u043e\u0432 \u0432 \u043a\u043e\u0434\u0435 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f"}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-tsx",children:'import { useParams } from "react-router-dom";\nimport { postApi } from "@/entities/post";\nimport { useQuery } from "@tanstack/react-query";\n\ntype Params = {\n  postId: string;\n};\n\nexport const PostPage = () => {\n  const { postId } = useParams<Params>();\n  const id = parseInt(postId || "");\n  const {\n    data: post,\n    error,\n    isLoading,\n    isError,\n  } = useQuery(postApi.postQueries.detail({ id }));\n\n  if (isLoading) {\n    return <div>Loading...</div>;\n  }\n\n  if (isError || !post) {\n    return <>{error?.message}</>;\n  }\n\n  return (\n    <div>\n      <p>Post id: {post.id}</p>\n      <div>\n        <h1>{post.title}</h1>\n        <div>\n          <p>{post.body}</p>\n        </div>\n      </div>\n      <div>Owner: {post.userId}</div>\n    </div>\n  );\n};\n'})}),"\n",(0,s.jsx)(n.h3,{id:"\u043f\u0440\u0435\u0438\u043c\u0443\u0449\u0435\u0441\u0442\u0432\u0430-\u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u044f-\u0444\u0430\u0431\u0440\u0438\u043a\u0438-\u0437\u0430\u043f\u0440\u043e\u0441\u043e\u0432",children:"\u041f\u0440\u0435\u0438\u043c\u0443\u0449\u0435\u0441\u0442\u0432\u0430 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u044f \u0424\u0430\u0431\u0440\u0438\u043a\u0438 \u0437\u0430\u043f\u0440\u043e\u0441\u043e\u0432"}),"\n",(0,s.jsxs)(n.ul,{children:["\n",(0,s.jsxs)(n.li,{children:[(0,s.jsx)(n.strong,{children:"\u0421\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u0435 \u0437\u0430\u043f\u0440\u043e\u0441\u043e\u0432:"})," \u0424\u0430\u0431\u0440\u0438\u043a\u0430 \u043f\u043e\u0437\u0432\u043e\u043b\u044f\u0435\u0442 \u043e\u0440\u0433\u0430\u043d\u0438\u0437\u043e\u0432\u0430\u0442\u044c \u0432\u0441\u0435 \u0437\u0430\u043f\u0440\u043e\u0441\u044b \u043a API \u0432 \u043e\u0434\u043d\u043e\u043c \u043c\u0435\u0441\u0442\u0435, \u0447\u0442\u043e \u0434\u0435\u043b\u0430\u0435\u0442 \u043a\u043e\u0434 \u0431\u043e\u043b\u0435\u0435 \u0447\u0438\u0442\u0430\u0435\u043c\u044b\u043c \u0438 \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u0438\u0432\u0430\u0435\u043c\u044b\u043c."]}),"\n",(0,s.jsxs)(n.li,{children:[(0,s.jsx)(n.strong,{children:"\u0423\u0434\u043e\u0431\u043d\u044b\u0439 \u0434\u043e\u0441\u0442\u0443\u043f \u043a \u0437\u0430\u043f\u0440\u043e\u0441\u0430\u043c \u0438 \u043a\u043b\u044e\u0447\u0430\u043c:"})," \u0424\u0430\u0431\u0440\u0438\u043a\u0430 \u043f\u0440\u0435\u0434\u043e\u0441\u0442\u0430\u0432\u043b\u044f\u0435\u0442 \u0443\u0434\u043e\u0431\u043d\u044b\u0435 \u043c\u0435\u0442\u043e\u0434\u044b \u0434\u043b\u044f \u0434\u043e\u0441\u0442\u0443\u043f\u0430 \u043a \u0440\u0430\u0437\u043b\u0438\u0447\u043d\u044b\u043c \u0442\u0438\u043f\u0430\u043c \u0437\u0430\u043f\u0440\u043e\u0441\u043e\u0432 \u0438 \u0438\u0445 \u043a\u043b\u044e\u0447\u0430\u043c."]}),"\n",(0,s.jsxs)(n.li,{children:[(0,s.jsx)(n.strong,{children:"\u0412\u043e\u0437\u043c\u043e\u0436\u043d\u043e\u0441\u0442\u044c \u0440\u0435\u0444\u0435\u0442\u0447\u0438\u043d\u0433\u0430 \u0437\u0430\u043f\u0440\u043e\u0441\u043e\u0432:"})," \u0424\u0430\u0431\u0440\u0438\u043a\u0430 \u043e\u0431\u0435\u0441\u043f\u0435\u0447\u0438\u0432\u0430\u0435\u0442 \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e\u0441\u0442\u044c \u043b\u0435\u0433\u043a\u043e\u0439 \u0440\u0435\u0444\u0435\u0442\u0447\u0438\u043d\u0433\u0430 \u0431\u0435\u0437 \u043d\u0435\u043e\u0431\u0445\u043e\u0434\u0438\u043c\u043e\u0441\u0442\u0438 \u0438\u0437\u043c\u0435\u043d\u0435\u043d\u0438\u044f \u043a\u043b\u044e\u0447\u0435\u0439 \u0437\u0430\u043f\u0440\u043e\u0441\u043e\u0432 \u0432 \u0440\u0430\u0437\u043d\u044b\u0445 \u0447\u0430\u0441\u0442\u044f\u0445 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f."]}),"\n"]}),"\n",(0,s.jsx)(n.h2,{id:"\u043f\u0430\u0433\u0438\u043d\u0430\u0446\u0438\u044f",children:"\u041f\u0430\u0433\u0438\u043d\u0430\u0446\u0438\u044f"}),"\n",(0,s.jsxs)(n.p,{children:["\u0412 \u044d\u0442\u043e\u043c \u0440\u0430\u0437\u0434\u0435\u043b\u0435 \u0440\u0430\u0441\u0441\u043c\u043e\u0442\u0440\u0438\u043c \u043f\u0440\u0438\u043c\u0435\u0440 \u0444\u0443\u043d\u043a\u0446\u0438\u0438 ",(0,s.jsx)(n.code,{children:"getPosts"}),", \u043a\u043e\u0442\u043e\u0440\u0430\u044f \u0432\u044b\u043f\u043e\u043b\u043d\u044f\u0435\u0442 \u0437\u0430\u043f\u0440\u043e\u0441 \u043a API \u0434\u043b\u044f \u043f\u043e\u043b\u0443\u0447\u0435\u043d\u0438\u044f \u0441\u0443\u0449\u043d\u043e\u0441\u0442\u0435\u0439 \u043f\u043e\u0441\u0442\u043e\u0432 \u0441 \u043f\u0440\u0438\u043c\u0435\u043d\u0435\u043d\u0438\u0435\u043c \u043f\u0430\u0433\u0438\u043d\u0430\u0446\u0438\u0438."]}),"\n",(0,s.jsxs)(n.h3,{id:"1-\u0441\u043e\u0437\u0434\u0430\u043d\u0438\u0435-\u0444\u0443\u043d\u043a\u0446\u0438\u0438-getposts",children:["1. \u0421\u043e\u0437\u0434\u0430\u043d\u0438\u0435 \u0444\u0443\u043d\u043a\u0446\u0438\u0438 ",(0,s.jsx)(n.code,{children:"getPosts"})]}),"\n",(0,s.jsxs)(n.p,{children:["\u0424\u0443\u043d\u043a\u0446\u0438\u044f getPosts \u043d\u0430\u0445\u043e\u0434\u0438\u0442\u0441\u044f \u0432 \u0444\u0430\u0439\u043b\u0435 ",(0,s.jsx)(n.code,{children:"get-posts.ts"}),", \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u043d\u0430\u0445\u043e\u0434\u0438\u0442\u0441\u044f \u0432 \u0441\u0435\u0433\u043c\u0435\u043d\u0442\u0435 API."]}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-tsx",metastring:'title="@/pages/post-feed/api/get-posts.ts"',children:'import { apiClient } from "@/shared/api/base";\n\nimport { PostWithPaginationDto } from "./dto/post-with-pagination.dto";\nimport { PostQuery } from "./query/post.query";\nimport { mapPost } from "./mapper/map-post";\nimport { PostWithPagination } from "../model/post-with-pagination";\n\nconst calculatePostPage = (totalCount: number, limit: number) =>\n  Math.floor(totalCount / limit);\n\nexport const getPosts = async (\n  page: number,\n  limit: number,\n): Promise<PostWithPagination> => {\n  const skip = page * limit;\n  const query: PostQuery = { skip, limit };\n  const result = await apiClient.get<PostWithPaginationDto>("/posts", query);\n\n  return {\n    posts: result.posts.map((post) => mapPost(post)),\n    limit: result.limit,\n    skip: result.skip,\n    total: result.total,\n    totalPages: calculatePostPage(result.total, limit),\n  };\n};\n'})}),"\n",(0,s.jsx)(n.h3,{id:"2-\u0444\u0430\u0431\u0440\u0438\u043a\u0430-\u0437\u0430\u043f\u0440\u043e\u0441\u043e\u0432-\u0434\u043b\u044f-\u043f\u0430\u0433\u0438\u043d\u0430\u0446\u0438\u0438",children:"2. \u0424\u0430\u0431\u0440\u0438\u043a\u0430 \u0437\u0430\u043f\u0440\u043e\u0441\u043e\u0432 \u0434\u043b\u044f \u043f\u0430\u0433\u0438\u043d\u0430\u0446\u0438\u0438"}),"\n",(0,s.jsxs)(n.p,{children:["\u0424\u0430\u0431\u0440\u0438\u043a\u0430 \u0437\u0430\u043f\u0440\u043e\u0441\u043e\u0432 ",(0,s.jsx)(n.code,{children:"postQueries"})," \u043e\u043f\u0440\u0435\u0434\u0435\u043b\u044f\u0435\u0442 \u0440\u0430\u0437\u043b\u0438\u0447\u043d\u044b\u0435 \u0432\u0430\u0440\u0438\u0430\u043d\u0442\u044b \u0437\u0430\u043f\u0440\u043e\u0441\u043e\u0432 \u0434\u043b\u044f \u0440\u0430\u0431\u043e\u0442\u044b \u0441 \u043f\u043e\u0441\u0442\u0430\u043c\u0438,\n\u0432\u043a\u043b\u044e\u0447\u0430\u044f \u0437\u0430\u043f\u0440\u043e\u0441 \u0441\u043f\u0438\u0441\u043a\u0430 \u043f\u043e\u0441\u0442\u043e\u0432 \u0441 \u0437\u0430\u0440\u0430\u043d\u0435\u0435 \u043e\u043f\u0440\u0435\u0434\u0435\u043b\u0435\u043d\u043d\u043e\u0439 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0435\u0439 \u0438 \u043b\u0438\u043c\u0438\u0442\u043e\u043c."]}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-tsx",children:'import { keepPreviousData, queryOptions } from "@tanstack/react-query";\nimport { getPosts } from "./get-posts";\n\nexport const postQueries = {\n  all: () => ["posts"],\n  lists: () => [...postQueries.all(), "list"],\n  list: (page: number, limit: number) =>\n    queryOptions({\n      queryKey: [...postQueries.lists(), page, limit],\n      queryFn: () => getPosts(page, limit),\n      placeholderData: keepPreviousData,\n    }),\n};\n'})}),"\n",(0,s.jsx)(n.h3,{id:"3-\u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u0435-\u0432-\u043a\u043e\u0434\u0435-\u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f",children:"3. \u0418\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u0435 \u0432 \u043a\u043e\u0434\u0435 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f"}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-tsx",metastring:'title="@/pages/home/ui/index.tsx"',children:'export const HomePage = () => {\n  const itemsOnScreen = DEFAULT_ITEMS_ON_SCREEN;\n  const [page, setPage] = usePageParam(DEFAULT_PAGE);\n  const { data, isFetching, isLoading } = useQuery(\n    postApi.postQueries.list(page, itemsOnScreen),\n  );\n  return (\n    <>\n      <Pagination\n        onChange={(_, page) => setPage(page)}\n        page={page}\n        count={data?.totalPages}\n        variant="outlined"\n        color="primary"\n      />\n      <Posts posts={data?.posts} />\n    </>\n  );\n};\n'})}),"\n",(0,s.jsx)(n.admonition,{type:"note",children:(0,s.jsxs)(n.p,{children:["\u041f\u0440\u0438\u043c\u0435\u0440 \u0443\u043f\u0440\u043e\u0449\u0435\u043d, \u043f\u043e\u043b\u043d\u0430\u044f \u0432\u0435\u0440\u0441\u0438\u044f \u0434\u043e\u0441\u0442\u0443\u043f\u043d\u0430 \u043d\u0430 ",(0,s.jsx)(n.a,{href:"https://github.com/ruslan4432013/fsd-react-query-example",children:"GitHub"})]})}),"\n",(0,s.jsxs)(n.h2,{id:"queryprovider-\u0434\u043b\u044f-\u0443\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u0438\u044f-\u0437\u0430\u043f\u0440\u043e\u0441\u0430\u043c\u0438",children:[(0,s.jsx)(n.code,{children:"QueryProvider"})," \u0434\u043b\u044f \u0443\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u0438\u044f \u0437\u0430\u043f\u0440\u043e\u0441\u0430\u043c\u0438"]}),"\n",(0,s.jsxs)(n.p,{children:["\u0412 \u044d\u0442\u043e\u043c \u0433\u0430\u0439\u0434\u0435 \u0440\u0430\u0441\u0441\u043c\u043e\u0442\u0440\u0438\u043c, \u043a\u0430\u043a \u043e\u0440\u0433\u0430\u043d\u0438\u0437\u043e\u0432\u0430\u0442\u044c ",(0,s.jsx)(n.code,{children:"QueryProvider"}),"."]}),"\n",(0,s.jsxs)(n.h3,{id:"1-\u0441\u043e\u0437\u0434\u0430\u043d\u0438\u0435-queryprovider",children:["1. \u0421\u043e\u0437\u0434\u0430\u043d\u0438\u0435 ",(0,s.jsx)(n.code,{children:"QueryProvider"})]}),"\n",(0,s.jsxs)(n.p,{children:["\u0424\u0430\u0439\u043b ",(0,s.jsx)(n.code,{children:"query-provider.tsx"})," \u0440\u0430\u0441\u043f\u043e\u043b\u043e\u0436\u0435\u043d \u043f\u043e \u043f\u0443\u0442\u0438 ",(0,s.jsx)(n.code,{children:"@/app/providers/query-provider.tsx"}),"."]}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-tsx",metastring:'title="@/app/providers/query-provider.tsx"',children:'import { QueryClient, QueryClientProvider } from "@tanstack/react-query";\nimport { ReactQueryDevtools } from "@tanstack/react-query-devtools";\nimport { ReactNode } from "react";\n\ntype Props = {\n  children: ReactNode;\n  client: QueryClient;\n};\n\nexport const QueryProvider = ({ client, children }: Props) => {\n  return (\n    <QueryClientProvider client={client}>\n      {children}\n      <ReactQueryDevtools />\n    </QueryClientProvider>\n  );\n};\n'})}),"\n",(0,s.jsxs)(n.h3,{id:"2-\u0441\u043e\u0437\u0434\u0430\u043d\u0438\u0435-queryclient",children:["2. \u0421\u043e\u0437\u0434\u0430\u043d\u0438\u0435 ",(0,s.jsx)(n.code,{children:"QueryClient"})]}),"\n",(0,s.jsxs)(n.p,{children:[(0,s.jsx)(n.code,{children:"QueryClient"})," \u043f\u0440\u0435\u0434\u0441\u0442\u0430\u0432\u043b\u044f\u0435\u0442 \u0441\u043e\u0431\u043e\u0439 \u044d\u043a\u0437\u0435\u043c\u043f\u043b\u044f\u0440, \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u043c\u044b\u0439 \u0434\u043b\u044f \u0443\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u0438\u044f \u0437\u0430\u043f\u0440\u043e\u0441\u0430\u043c\u0438 \u043a API.\n\u0424\u0430\u0439\u043b ",(0,s.jsx)(n.code,{children:"query-client.ts"})," \u0440\u0430\u0441\u043f\u043e\u043b\u043e\u0436\u0435\u043d \u043f\u043e \u043f\u0443\u0442\u0438 ",(0,s.jsx)(n.code,{children:"@/shared/api/query-client.ts"}),".\n",(0,s.jsx)(n.code,{children:"QueryClient"})," \u0441\u043e\u0437\u0434\u0430\u0435\u0442\u0441\u044f \u0441 \u043e\u043f\u0440\u0435\u0434\u0435\u043b\u0435\u043d\u043d\u044b\u043c\u0438 \u043d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u0430\u043c\u0438 \u0434\u043b\u044f \u043a\u044d\u0448\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u044f \u0437\u0430\u043f\u0440\u043e\u0441\u043e\u0432."]}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-tsx",metastring:'title="@/shared/api/query-client.ts"',children:'import { QueryClient } from "@tanstack/react-query";\n\nexport const queryClient = new QueryClient({\n  defaultOptions: {\n    queries: {\n      staleTime: 5 * 60 * 1000,\n      gcTime: 5 * 60 * 1000,\n    },\n  },\n});\n'})}),"\n",(0,s.jsx)(n.h2,{id:"\u043a\u043e\u0434\u043e\u0433\u0435\u043d\u0435\u0440\u0430\u0446\u0438\u044f",children:"\u041a\u043e\u0434\u043e\u0433\u0435\u043d\u0435\u0440\u0430\u0446\u0438\u044f"}),"\n",(0,s.jsx)(n.p,{children:"\u0421\u0443\u0449\u0435\u0441\u0442\u0432\u0443\u044e\u0442 \u0438\u043d\u0441\u0442\u0440\u0443\u043c\u0435\u043d\u0442\u044b \u0434\u043b\u044f \u0430\u0432\u0442\u043e\u043c\u0430\u0442\u0438\u0447\u0435\u0441\u043a\u043e\u0439 \u0433\u0435\u043d\u0435\u0440\u0430\u0446\u0438\u0438 \u043a\u043e\u0434\u0430,\n\u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u043c\u0435\u043d\u0435\u0435 \u0433\u0438\u0431\u043a\u0438\u0435, \u043f\u043e \u0441\u0440\u0430\u0432\u043d\u0435\u043d\u0438\u044e \u0441 \u0442\u0435\u043c\u0438, \u0447\u0442\u043e \u043c\u043e\u0436\u043d\u043e \u043d\u0430\u0441\u0442\u0440\u043e\u0438\u0442\u044c,\n\u043a\u0430\u043a \u043e\u043f\u0438\u0441\u0430\u043d\u043e \u0432\u044b\u0448\u0435. \u0415\u0441\u043b\u0438 \u0432\u0430\u0448 Swagger-\u0444\u0430\u0439\u043b \u0445\u043e\u0440\u043e\u0448\u043e \u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u0438\u0440\u043e\u0432\u0430\u043d, \u0438 \u0432\u044b \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u0442\u0435 \u043e\u0434\u043d\u043e \u0438\u0437 \u0442\u0430\u043a\u0438\u0445 \u0438\u043d\u0441\u0442\u0440\u0443\u043c\u0435\u043d\u0442\u043e\u0432,\n\u0442\u043e \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e \u0438\u043c\u0435\u0435\u0442 \u0441\u043c\u044b\u0441\u043b \u0441\u0433\u0435\u043d\u0435\u0440\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u0432\u0435\u0441\u044c \u043a\u043e\u0434 \u0432 \u043a\u0430\u0442\u0430\u043b\u043e\u0433\u0435 @/shared/api."}),"\n",(0,s.jsx)(n.h2,{id:"\u0434\u043e\u043f\u043e\u043b\u043d\u0438\u0442\u0435\u043b\u044c\u043d\u044b\u0439-\u0441\u043e\u0432\u0435\u0442-\u043f\u043e-\u043e\u0440\u0433\u0430\u043d\u0438\u0437\u0430\u0446\u0438\u0438-rq",children:"\u0414\u043e\u043f\u043e\u043b\u043d\u0438\u0442\u0435\u043b\u044c\u043d\u044b\u0439 \u0441\u043e\u0432\u0435\u0442 \u043f\u043e \u043e\u0440\u0433\u0430\u043d\u0438\u0437\u0430\u0446\u0438\u0438 RQ"}),"\n",(0,s.jsx)(n.h3,{id:"api-\u043a\u043b\u0438\u0435\u043d\u0442",children:"API-\u041a\u043b\u0438\u0435\u043d\u0442"}),"\n",(0,s.jsx)(n.p,{children:"\u0418\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u044f \u0441\u043e\u0431\u0441\u0442\u0432\u0435\u043d\u043d\u044b\u0439 \u043a\u043b\u0430\u0441\u0441 \u043a\u043b\u0438\u0435\u043d\u0442\u0430 API \u0432 \u043e\u0431\u0449\u0435\u043c \u0441\u043b\u043e\u0435 shared,\n\u043c\u043e\u0436\u043d\u043e \u0441\u0442\u0430\u043d\u0434\u0430\u0440\u0442\u0438\u0437\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u043d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u0443 \u0438 \u0440\u0430\u0431\u043e\u0442\u0443 \u0441 API \u0432 \u043f\u0440\u043e\u0435\u043a\u0442\u0435.\n\u042d\u0442\u043e \u043f\u043e\u0437\u0432\u043e\u043b\u044f\u0435\u0442 \u0443\u043f\u0440\u0430\u0432\u043b\u044f\u0442\u044c \u043b\u043e\u0433\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u0435\u043c, \u0437\u0430\u0433\u043e\u043b\u043e\u0432\u043a\u0430\u043c\u0438 \u0438 \u0444\u043e\u0440\u043c\u0430\u0442\u043e\u043c \u043e\u0431\u043c\u0435\u043d\u0430 \u0434\u0430\u043d\u043d\u044b\u043c\u0438 (\u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, JSON \u0438\u043b\u0438 XML) \u0438\u0437 \u043e\u0434\u043d\u043e\u0433\u043e \u043c\u0435\u0441\u0442\u0430.\n\u0422\u0430\u043a\u043e\u0439 \u043f\u043e\u0434\u0445\u043e\u0434 \u043e\u0431\u043b\u0435\u0433\u0447\u0430\u0435\u0442 \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u043a\u0443 \u0438 \u0440\u0430\u0437\u0432\u0438\u0442\u0438\u0435 \u043f\u0440\u043e\u0435\u043a\u0442\u0430, \u043f\u043e\u0441\u043a\u043e\u043b\u044c\u043a\u0443 \u0443\u043f\u0440\u043e\u0449\u0430\u0435\u0442 \u0438\u0437\u043c\u0435\u043d\u0435\u043d\u0438\u044f \u0438 \u043e\u0431\u043d\u043e\u0432\u043b\u0435\u043d\u0438\u044f \u0432\u0437\u0430\u0438\u043c\u043e\u0434\u0435\u0439\u0441\u0442\u0432\u0438\u044f \u0441 API."}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-tsx",metastring:'title="@/shared/api/api-client.ts"',children:'import { API_URL } from "@/shared/config";\n\nexport class ApiClient {\n  private baseUrl: string;\n\n  constructor(url: string) {\n    this.baseUrl = url;\n  }\n\n  async handleResponse<TResult>(response: Response): Promise<TResult> {\n    if (!response.ok) {\n      throw new Error(`HTTP error! Status: ${response.status}`);\n    }\n\n    try {\n      return await response.json();\n    } catch (error) {\n      throw new Error("Error parsing JSON response");\n    }\n  }\n\n  public async get<TResult = unknown>(\n    endpoint: string,\n    queryParams?: Record<string, string | number>,\n  ): Promise<TResult> {\n    const url = new URL(endpoint, this.baseUrl);\n\n    if (queryParams) {\n      Object.entries(queryParams).forEach(([key, value]) => {\n        url.searchParams.append(key, value.toString());\n      });\n    }\n    const response = await fetch(url.toString(), {\n      method: "GET",\n      headers: {\n        "Content-Type": "application/json",\n      },\n    });\n\n    return this.handleResponse<TResult>(response);\n  }\n\n  public async post<TResult = unknown, TData = Record<string, unknown>>(\n    endpoint: string,\n    body: TData,\n  ): Promise<TResult> {\n    const response = await fetch(`${this.baseUrl}${endpoint}`, {\n      method: "POST",\n      headers: {\n        "Content-Type": "application/json",\n      },\n      body: JSON.stringify(body),\n    });\n\n    return this.handleResponse<TResult>(response);\n  }\n}\n\nexport const apiClient = new ApiClient(API_URL);\n'})}),"\n",(0,s.jsx)(n.h2,{id:"see-also",children:"\u041f\u043e\u043b\u0435\u0437\u043d\u044b\u0435 \u0441\u0441\u044b\u043b\u043a\u0438"}),"\n",(0,s.jsxs)(n.ul,{children:["\n",(0,s.jsx)(n.li,{children:(0,s.jsx)(n.a,{href:"https://github.com/ruslan4432013/fsd-react-query-example",children:"(GitHub) \u041f\u0440\u0438\u043c\u0435\u0440 \u043f\u0440\u043e\u0435\u043a\u0442\u0430"})}),"\n",(0,s.jsx)(n.li,{children:(0,s.jsx)(n.a,{href:"https://codesandbox.io/p/github/ruslan4432013/fsd-react-query-example/main",children:"(CodeSandbox) \u041f\u0440\u0438\u043c\u0435\u0440 \u043f\u0440\u043e\u0435\u043a\u0442\u0430"})}),"\n",(0,s.jsx)(n.li,{children:(0,s.jsx)(n.a,{href:"https://tkdodo.eu/blog/the-query-options-api",children:"\u041e \u0444\u0430\u0431\u0440\u0438\u043a\u0435 \u0437\u0430\u043f\u0440\u043e\u0441\u043e\u0432"})}),"\n"]})]})}function u(e={}){const{wrapper:n}={...(0,i.R)(),...e.components};return n?(0,s.jsx)(n,{...e,children:(0,s.jsx)(c,{...e})}):c(e)}},1100:(e,n,t)=>{t.d(n,{R:()=>o,x:()=>a});var s=t(758);const i={},r=s.createContext(i);function o(e){const n=s.useContext(r);return s.useMemo((function(){return"function"==typeof e?e(n):{...n,...e}}),[n,e])}function a(e){let n;return n=e.disableParentContext?"function"==typeof e.components?e.components(i):e.components||i:o(e.components),s.createElement(r.Provider,{value:n},e.children)}}}]);
\ No newline at end of file
+"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[3541],{8200:(e,n,t)=>{t.r(n),t.d(n,{assets:()=>l,contentTitle:()=>o,default:()=>u,frontMatter:()=>r,metadata:()=>a,toc:()=>d});var s=t(6070),i=t(1100);const r={sidebar_position:10},o="\u0418\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u0435 \u0441 React Query",a={id:"guides/tech/with-react-query",title:"\u0418\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u0435 \u0441 React Query",description:"\u041f\u0440\u043e\u0431\u043b\u0435\u043c\u0430 \xab\u043a\u0443\u0434\u0430 \u043f\u043e\u043b\u043e\u0436\u0438\u0442\u044c \u043a\u043b\u044e\u0447\u0438\xbb",source:"@site/i18n/ru/docusaurus-plugin-content-docs/current/guides/tech/with-react-query.mdx",sourceDirName:"guides/tech",slug:"/guides/tech/with-react-query",permalink:"/ru/docs/guides/tech/with-react-query",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/ru/docusaurus-plugin-content-docs/current/guides/tech/with-react-query.mdx",tags:[],version:"current",lastUpdatedAt:1728325386e3,sidebarPosition:10,frontMatter:{sidebar_position:10},sidebar:"guidesSidebar",previous:{title:"\u0418\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u0435 \u0441 NuxtJS",permalink:"/ru/docs/guides/tech/with-nuxtjs"},next:{title:"\u0418\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u0435 \u0441 SvelteKit",permalink:"/ru/docs/guides/tech/with-sveltekit"}},l={},d=[{value:"\u041f\u0440\u043e\u0431\u043b\u0435\u043c\u0430 \xab\u043a\u0443\u0434\u0430 \u043f\u043e\u043b\u043e\u0436\u0438\u0442\u044c \u043a\u043b\u044e\u0447\u0438\xbb",id:"\u043f\u0440\u043e\u0431\u043b\u0435\u043c\u0430-\u043a\u0443\u0434\u0430-\u043f\u043e\u043b\u043e\u0436\u0438\u0442\u044c-\u043a\u043b\u044e\u0447\u0438",level:2},{value:"\u0420\u0435\u0448\u0435\u043d\u0438\u0435 - \u0440\u0430\u0437\u0431\u0438\u0442\u044c \u043f\u043e \u0441\u0443\u0449\u043d\u043e\u0441\u0442\u044f\u043c",id:"\u0440\u0435\u0448\u0435\u043d\u0438\u0435---\u0440\u0430\u0437\u0431\u0438\u0442\u044c-\u043f\u043e-\u0441\u0443\u0449\u043d\u043e\u0441\u0442\u044f\u043c",level:3},{value:"\u0410\u043b\u044c\u0442\u0435\u0440\u043d\u0430\u0442\u0438\u0432\u043d\u043e\u0435 \u0440\u0435\u0448\u0435\u043d\u0438\u0435 \u2014 \u0445\u0440\u0430\u043d\u0438\u0442\u044c \u0437\u0430\u043f\u0440\u043e\u0441\u044b \u0432 \u043e\u0431\u0449\u0435\u043c \u0434\u043e\u0441\u0442\u0443\u043f\u0435.",id:"\u0430\u043b\u044c\u0442\u0435\u0440\u043d\u0430\u0442\u0438\u0432\u043d\u043e\u0435-\u0440\u0435\u0448\u0435\u043d\u0438\u0435--\u0445\u0440\u0430\u043d\u0438\u0442\u044c-\u0437\u0430\u043f\u0440\u043e\u0441\u044b-\u0432-\u043e\u0431\u0449\u0435\u043c-\u0434\u043e\u0441\u0442\u0443\u043f\u0435",level:3},{value:"\u041f\u0440\u043e\u0431\u043b\u0435\u043c\u0430 \xab\u041a\u0443\u0434\u0430 \u043c\u0443\u0442\u0430\u0446\u0438\u0438?\xbb",id:"\u043f\u0440\u043e\u0431\u043b\u0435\u043c\u0430-\u043a\u0443\u0434\u0430-\u043c\u0443\u0442\u0430\u0446\u0438\u0438",level:2},{value:"1. \u041e\u043f\u0440\u0435\u0434\u0435\u043b\u0438\u0442\u044c \u043a\u0430\u0441\u0442\u043e\u043c\u043d\u044b\u0439 \u0445\u0443\u043a \u0432 \u0441\u0435\u0433\u043c\u0435\u043d\u0442\u0435 api \u0440\u044f\u0434\u043e\u043c \u0441 \u043c\u0435\u0441\u0442\u043e\u043c \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u044f",id:"1-\u043e\u043f\u0440\u0435\u0434\u0435\u043b\u0438\u0442\u044c-\u043a\u0430\u0441\u0442\u043e\u043c\u043d\u044b\u0439-\u0445\u0443\u043a-\u0432-\u0441\u0435\u0433\u043c\u0435\u043d\u0442\u0435-api-\u0440\u044f\u0434\u043e\u043c-\u0441-\u043c\u0435\u0441\u0442\u043e\u043c-\u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u044f",level:3},{value:"2. \u041e\u043f\u0440\u0435\u0434\u0435\u043b\u0438\u0442\u044c \u0444\u0443\u043d\u043a\u0446\u0438\u044e \u043c\u0443\u0442\u0430\u0446\u0438\u0438 \u0432 \u0434\u0440\u0443\u0433\u043e\u043c \u043c\u0435\u0441\u0442\u0435 (Shared \u0438\u043b\u0438 Entities) \u0438 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c <code>useMutation</code> \u043d\u0430\u043f\u0440\u044f\u043c\u0443\u044e \u0432 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u0435",id:"2-\u043e\u043f\u0440\u0435\u0434\u0435\u043b\u0438\u0442\u044c-\u0444\u0443\u043d\u043a\u0446\u0438\u044e-\u043c\u0443\u0442\u0430\u0446\u0438\u0438-\u0432-\u0434\u0440\u0443\u0433\u043e\u043c-\u043c\u0435\u0441\u0442\u0435-shared-\u0438\u043b\u0438-entities-\u0438-\u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c-usemutation-\u043d\u0430\u043f\u0440\u044f\u043c\u0443\u044e-\u0432-\u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u0435",level:3},{value:"\u041e\u0440\u0433\u0430\u043d\u0438\u0437\u0430\u0446\u0438\u044f \u0437\u0430\u043f\u0440\u043e\u0441\u043e\u0432",id:"\u043e\u0440\u0433\u0430\u043d\u0438\u0437\u0430\u0446\u0438\u044f-\u0437\u0430\u043f\u0440\u043e\u0441\u043e\u0432",level:2},{value:"\u0424\u0430\u0431\u0440\u0438\u043a\u0430 \u0437\u0430\u043f\u0440\u043e\u0441\u043e\u0432",id:"\u0444\u0430\u0431\u0440\u0438\u043a\u0430-\u0437\u0430\u043f\u0440\u043e\u0441\u043e\u0432",level:3},{value:"1. \u0421\u043e\u0437\u0434\u0430\u043d\u0438\u0435 \u0424\u0430\u0431\u0440\u0438\u043a\u0438 \u0437\u0430\u043f\u0440\u043e\u0441\u043e\u0432",id:"1-\u0441\u043e\u0437\u0434\u0430\u043d\u0438\u0435-\u0444\u0430\u0431\u0440\u0438\u043a\u0438-\u0437\u0430\u043f\u0440\u043e\u0441\u043e\u0432",level:3},{value:"2. \u041f\u0440\u0438\u043c\u0435\u043d\u0435\u043d\u0438\u0435 \u0424\u0430\u0431\u0440\u0438\u043a\u0438 \u0437\u0430\u043f\u0440\u043e\u0441\u043e\u0432 \u0432 \u043a\u043e\u0434\u0435 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f",id:"2-\u043f\u0440\u0438\u043c\u0435\u043d\u0435\u043d\u0438\u0435-\u0444\u0430\u0431\u0440\u0438\u043a\u0438-\u0437\u0430\u043f\u0440\u043e\u0441\u043e\u0432-\u0432-\u043a\u043e\u0434\u0435-\u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f",level:3},{value:"\u041f\u0440\u0435\u0438\u043c\u0443\u0449\u0435\u0441\u0442\u0432\u0430 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u044f \u0424\u0430\u0431\u0440\u0438\u043a\u0438 \u0437\u0430\u043f\u0440\u043e\u0441\u043e\u0432",id:"\u043f\u0440\u0435\u0438\u043c\u0443\u0449\u0435\u0441\u0442\u0432\u0430-\u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u044f-\u0444\u0430\u0431\u0440\u0438\u043a\u0438-\u0437\u0430\u043f\u0440\u043e\u0441\u043e\u0432",level:3},{value:"\u041f\u0430\u0433\u0438\u043d\u0430\u0446\u0438\u044f",id:"\u043f\u0430\u0433\u0438\u043d\u0430\u0446\u0438\u044f",level:2},{value:"1. \u0421\u043e\u0437\u0434\u0430\u043d\u0438\u0435 \u0444\u0443\u043d\u043a\u0446\u0438\u0438 <code>getPosts</code>",id:"1-\u0441\u043e\u0437\u0434\u0430\u043d\u0438\u0435-\u0444\u0443\u043d\u043a\u0446\u0438\u0438-getposts",level:3},{value:"2. \u0424\u0430\u0431\u0440\u0438\u043a\u0430 \u0437\u0430\u043f\u0440\u043e\u0441\u043e\u0432 \u0434\u043b\u044f \u043f\u0430\u0433\u0438\u043d\u0430\u0446\u0438\u0438",id:"2-\u0444\u0430\u0431\u0440\u0438\u043a\u0430-\u0437\u0430\u043f\u0440\u043e\u0441\u043e\u0432-\u0434\u043b\u044f-\u043f\u0430\u0433\u0438\u043d\u0430\u0446\u0438\u0438",level:3},{value:"3. \u0418\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u0435 \u0432 \u043a\u043e\u0434\u0435 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f",id:"3-\u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u0435-\u0432-\u043a\u043e\u0434\u0435-\u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f",level:3},{value:"<code>QueryProvider</code> \u0434\u043b\u044f \u0443\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u0438\u044f \u0437\u0430\u043f\u0440\u043e\u0441\u0430\u043c\u0438",id:"queryprovider-\u0434\u043b\u044f-\u0443\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u0438\u044f-\u0437\u0430\u043f\u0440\u043e\u0441\u0430\u043c\u0438",level:2},{value:"1. \u0421\u043e\u0437\u0434\u0430\u043d\u0438\u0435 <code>QueryProvider</code>",id:"1-\u0441\u043e\u0437\u0434\u0430\u043d\u0438\u0435-queryprovider",level:3},{value:"2. \u0421\u043e\u0437\u0434\u0430\u043d\u0438\u0435 <code>QueryClient</code>",id:"2-\u0441\u043e\u0437\u0434\u0430\u043d\u0438\u0435-queryclient",level:3},{value:"\u041a\u043e\u0434\u043e\u0433\u0435\u043d\u0435\u0440\u0430\u0446\u0438\u044f",id:"\u043a\u043e\u0434\u043e\u0433\u0435\u043d\u0435\u0440\u0430\u0446\u0438\u044f",level:2},{value:"\u0414\u043e\u043f\u043e\u043b\u043d\u0438\u0442\u0435\u043b\u044c\u043d\u044b\u0439 \u0441\u043e\u0432\u0435\u0442 \u043f\u043e \u043e\u0440\u0433\u0430\u043d\u0438\u0437\u0430\u0446\u0438\u0438 RQ",id:"\u0434\u043e\u043f\u043e\u043b\u043d\u0438\u0442\u0435\u043b\u044c\u043d\u044b\u0439-\u0441\u043e\u0432\u0435\u0442-\u043f\u043e-\u043e\u0440\u0433\u0430\u043d\u0438\u0437\u0430\u0446\u0438\u0438-rq",level:2},{value:"API-\u041a\u043b\u0438\u0435\u043d\u0442",id:"api-\u043a\u043b\u0438\u0435\u043d\u0442",level:3},{value:"\u041f\u043e\u043b\u0435\u0437\u043d\u044b\u0435 \u0441\u0441\u044b\u043b\u043a\u0438",id:"see-also",level:2}];function c(e){const n={a:"a",admonition:"admonition",code:"code",h1:"h1",h2:"h2",h3:"h3",header:"header",li:"li",p:"p",pre:"pre",strong:"strong",ul:"ul",...(0,i.R)(),...e.components};return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(n.header,{children:(0,s.jsx)(n.h1,{id:"\u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u0435-\u0441-react-query",children:"\u0418\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u0435 \u0441 React Query"})}),"\n",(0,s.jsx)(n.h2,{id:"\u043f\u0440\u043e\u0431\u043b\u0435\u043c\u0430-\u043a\u0443\u0434\u0430-\u043f\u043e\u043b\u043e\u0436\u0438\u0442\u044c-\u043a\u043b\u044e\u0447\u0438",children:"\u041f\u0440\u043e\u0431\u043b\u0435\u043c\u0430 \xab\u043a\u0443\u0434\u0430 \u043f\u043e\u043b\u043e\u0436\u0438\u0442\u044c \u043a\u043b\u044e\u0447\u0438\xbb"}),"\n",(0,s.jsx)(n.h3,{id:"\u0440\u0435\u0448\u0435\u043d\u0438\u0435---\u0440\u0430\u0437\u0431\u0438\u0442\u044c-\u043f\u043e-\u0441\u0443\u0449\u043d\u043e\u0441\u0442\u044f\u043c",children:"\u0420\u0435\u0448\u0435\u043d\u0438\u0435 - \u0440\u0430\u0437\u0431\u0438\u0442\u044c \u043f\u043e \u0441\u0443\u0449\u043d\u043e\u0441\u0442\u044f\u043c"}),"\n",(0,s.jsx)(n.p,{children:"\u0415\u0441\u043b\u0438 \u0432 \u043f\u0440\u043e\u0435\u043a\u0442\u0435 \u0443\u0436\u0435 \u043f\u0440\u0438\u0441\u0443\u0442\u0441\u0442\u0432\u0443\u0435\u0442 \u0440\u0430\u0437\u0434\u0435\u043b\u0435\u043d\u0438\u0435 \u043d\u0430 \u0441\u0443\u0449\u043d\u043e\u0441\u0442\u0438, \u0438 \u043a\u0430\u0436\u0434\u044b\u0439 \u0437\u0430\u043f\u0440\u043e\u0441 \u0441\u043e\u043e\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0443\u0435\u0442 \u043e\u0434\u043d\u043e\u0439 \u0441\u0443\u0449\u043d\u043e\u0441\u0442\u0438,\n\u043d\u0430\u0438\u0431\u043e\u043b\u0435\u0435 \u0447\u0438\u0441\u0442\u044b\u043c \u0431\u0443\u0434\u0435\u0442 \u0440\u0430\u0437\u0434\u0435\u043b\u0435\u043d\u0438\u0435 \u043f\u043e \u0441\u0443\u0449\u043d\u043e\u0441\u0442\u044f\u043c. \u0412 \u0442\u0430\u043a\u043e\u043c \u0441\u043b\u0443\u0447\u0430\u0435, \u043f\u0440\u0435\u0434\u043b\u0430\u0433\u0430\u0435\u043c \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0443\u044e \u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u0443:"}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-sh",children:"\u2514\u2500\u2500 src/                                        #\n    \u251c\u2500\u2500 app/                                    #\n    |   ...                                     #\n    \u251c\u2500\u2500 pages/                                  #\n    |   ...                                     #\n    \u251c\u2500\u2500 entities/                               #\n    |     \u251c\u2500\u2500 {entity}/                         #\n    |    ...     \u2514\u2500\u2500 api/                       #\n    |                 \u251c\u2500\u2500 `{entity}.query`      # \u0424\u0430\u0431\u0440\u0438\u043a\u0430 \u0437\u0430\u043f\u0440\u043e\u0441\u043e\u0432, \u0433\u0434\u0435 \u043e\u043f\u0440\u0435\u0434\u0435\u043b\u0435\u043d\u044b \u043a\u043b\u044e\u0447\u0438 \u0438 \u0444\u0443\u043d\u043a\u0446\u0438\u0438\n    |                 \u251c\u2500\u2500 `get-{entity}`        # \u0424\u0443\u043d\u043a\u0446\u0438\u044f \u043f\u043e\u043b\u0443\u0447\u0435\u043d\u0438\u044f \u0441\u0443\u0449\u043d\u043e\u0441\u0442\u0438\n    |                 \u251c\u2500\u2500 `create-{entity}`     # \u0424\u0443\u043d\u043a\u0446\u0438\u044f \u0441\u043e\u0437\u0434\u0430\u043d\u0438\u044f \u0441\u0443\u0449\u043d\u043e\u0441\u0442\u0438\n    |                 \u251c\u2500\u2500 `update-{entity}`     # \u0424\u0443\u043d\u043a\u0446\u0438\u044f \u043e\u0431\u043d\u043e\u0432\u043b\u0435\u043d\u0438\u044f \u043e\u0431\u044a\u0435\u043a\u0442\u0430\n    |                 \u251c\u2500\u2500 `delete-{entity}`     # \u0424\u0443\u043d\u043a\u0446\u0438\u044f \u0443\u0434\u0430\u043b\u0435\u043d\u0438\u044f \u043e\u0431\u044a\u0435\u043a\u0442\u0430\n    |                ...                        #\n    |                                           #\n    \u251c\u2500\u2500 features/                               #\n    |   ...                                     #\n    \u251c\u2500\u2500 widgets/                                #\n    |   ...                                     #\n    \u2514\u2500\u2500 shared/                                 #\n        ...                                     #\n"})}),"\n",(0,s.jsxs)(n.p,{children:["\u0415\u0441\u043b\u0438 \u0441\u0440\u0435\u0434\u0438 \u0441\u0443\u0449\u043d\u043e\u0441\u0442\u0435\u0439 \u0435\u0441\u0442\u044c \u0441\u0432\u044f\u0437\u0438 (\u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, \u0443 \u0441\u0443\u0449\u043d\u043e\u0441\u0442\u0438 \u0421\u0442\u0440\u0430\u043d\u0430 \u0435\u0441\u0442\u044c \u043f\u043e\u043b\u0435-\u0441\u043f\u0438\u0441\u043e\u043a \u0441\u0443\u0449\u043d\u043e\u0441\u0442\u0435\u0439 \u0413\u043e\u0440\u043e\u0434), \u0442\u043e \u043c\u043e\u0436\u043d\u043e \u0432\u043e\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c\u0441\u044f\n",(0,s.jsx)(n.a,{href:"https://github.com/feature-sliced/documentation/discussions/390#discussioncomment-5570073",children:"\u044d\u043a\u0441\u043f\u0435\u0440\u0438\u043c\u0435\u043d\u0442\u0430\u043b\u044c\u043d\u044b\u043c \u043f\u043e\u0434\u0445\u043e\u0434\u043e\u043c \u043a \u043e\u0440\u0433\u0430\u043d\u0438\u0437\u043e\u0432\u0430\u043d\u043d\u044b\u043c \u043a\u0440\u043e\u0441\u0441-\u0438\u043c\u043f\u043e\u0440\u0442\u0430\u043c \u0447\u0435\u0440\u0435\u0437 @x-\u043d\u043e\u0442\u0430\u0446\u0438\u044e"})," \u0438\u043b\u0438 \u0440\u0430\u0441\u0441\u043c\u043e\u0442\u0440\u0435\u0442\u044c \u0430\u043b\u044c\u0442\u0435\u0440\u043d\u0430\u0442\u0438\u0432\u043d\u043e\u0435 \u0440\u0435\u0448\u0435\u043d\u0438\u0435 \u043d\u0438\u0436\u0435."]}),"\n",(0,s.jsx)(n.h3,{id:"\u0430\u043b\u044c\u0442\u0435\u0440\u043d\u0430\u0442\u0438\u0432\u043d\u043e\u0435-\u0440\u0435\u0448\u0435\u043d\u0438\u0435--\u0445\u0440\u0430\u043d\u0438\u0442\u044c-\u0437\u0430\u043f\u0440\u043e\u0441\u044b-\u0432-\u043e\u0431\u0449\u0435\u043c-\u0434\u043e\u0441\u0442\u0443\u043f\u0435",children:"\u0410\u043b\u044c\u0442\u0435\u0440\u043d\u0430\u0442\u0438\u0432\u043d\u043e\u0435 \u0440\u0435\u0448\u0435\u043d\u0438\u0435 \u2014 \u0445\u0440\u0430\u043d\u0438\u0442\u044c \u0437\u0430\u043f\u0440\u043e\u0441\u044b \u0432 \u043e\u0431\u0449\u0435\u043c \u0434\u043e\u0441\u0442\u0443\u043f\u0435."}),"\n",(0,s.jsx)(n.p,{children:"\u0412 \u0441\u043b\u0443\u0447\u0430\u044f\u0445, \u043a\u043e\u0433\u0434\u0430 \u043d\u0435 \u043f\u043e\u0434\u0445\u043e\u0434\u0438\u0442 \u0440\u0430\u0437\u0434\u0435\u043b\u0435\u043d\u0438\u0435 \u043f\u043e \u0441\u0443\u0449\u043d\u043e\u0441\u0442\u044f\u043c, \u043c\u043e\u0436\u043d\u043e \u0440\u0430\u0441\u0441\u043c\u043e\u0442\u0440\u0435\u0442\u044c \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0443\u044e \u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u0443:"}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-sh",children:"\u2514\u2500\u2500 src/                                        #\n   ...                                          #\n    \u2514\u2500\u2500 shared/                                 #\n          \u251c\u2500\u2500 api/                              #\n         ...   \u251c\u2500\u2500 `queries`                    # Query-factories\n               |      \u251c\u2500\u2500 `document.ts`         #\n               |      \u251c\u2500\u2500 `background-jobs.ts`  #\n               |     ...                        #\n               \u2514\u2500\u2500  index.ts                    #\n"})}),"\n",(0,s.jsxs)(n.p,{children:["\u0417\u0430\u0442\u0435\u043c \u0432 ",(0,s.jsx)(n.code,{children:"@/shared/api/index.ts"}),":"]}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-ts",metastring:'title="@/shared/api/index.ts"',children:'export { documentQueries } from "./queries/document";\n'})}),"\n",(0,s.jsx)(n.h2,{id:"\u043f\u0440\u043e\u0431\u043b\u0435\u043c\u0430-\u043a\u0443\u0434\u0430-\u043c\u0443\u0442\u0430\u0446\u0438\u0438",children:"\u041f\u0440\u043e\u0431\u043b\u0435\u043c\u0430 \xab\u041a\u0443\u0434\u0430 \u043c\u0443\u0442\u0430\u0446\u0438\u0438?\xbb"}),"\n",(0,s.jsx)(n.p,{children:"\u041c\u0443\u0442\u0430\u0446\u0438\u0438 \u043d\u0435 \u0440\u0435\u043a\u043e\u043c\u0435\u043d\u0434\u0443\u0435\u0442\u0441\u044f \u0441\u043c\u0435\u0448\u0438\u0432\u0430\u0442\u044c \u0441 \u0437\u0430\u043f\u0440\u043e\u0441\u0430\u043c\u0438. \u0412\u043e\u0437\u043c\u043e\u0436\u043d\u044b \u0434\u0432\u0430 \u0432\u0430\u0440\u0438\u0430\u043d\u0442\u0430:"}),"\n",(0,s.jsx)(n.h3,{id:"1-\u043e\u043f\u0440\u0435\u0434\u0435\u043b\u0438\u0442\u044c-\u043a\u0430\u0441\u0442\u043e\u043c\u043d\u044b\u0439-\u0445\u0443\u043a-\u0432-\u0441\u0435\u0433\u043c\u0435\u043d\u0442\u0435-api-\u0440\u044f\u0434\u043e\u043c-\u0441-\u043c\u0435\u0441\u0442\u043e\u043c-\u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u044f",children:"1. \u041e\u043f\u0440\u0435\u0434\u0435\u043b\u0438\u0442\u044c \u043a\u0430\u0441\u0442\u043e\u043c\u043d\u044b\u0439 \u0445\u0443\u043a \u0432 \u0441\u0435\u0433\u043c\u0435\u043d\u0442\u0435 api \u0440\u044f\u0434\u043e\u043c \u0441 \u043c\u0435\u0441\u0442\u043e\u043c \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u044f"}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-tsx",metastring:'title="@/features/update-post/api/use-update-title.ts"',children:"export const useUpdateTitle = () => {\n  const queryClient = useQueryClient();\n\n  return useMutation({\n    mutationFn: ({ id, newTitle }) =>\n      apiClient\n        .patch(`/posts/${id}`, { title: newTitle })\n        .then((data) => console.log(data)),\n\n    onSuccess: (newPost) => {\n      queryClient.setQueryData(postsQueries.ids(id), newPost);\n    },\n  });\n};\n"})}),"\n",(0,s.jsxs)(n.h3,{id:"2-\u043e\u043f\u0440\u0435\u0434\u0435\u043b\u0438\u0442\u044c-\u0444\u0443\u043d\u043a\u0446\u0438\u044e-\u043c\u0443\u0442\u0430\u0446\u0438\u0438-\u0432-\u0434\u0440\u0443\u0433\u043e\u043c-\u043c\u0435\u0441\u0442\u0435-shared-\u0438\u043b\u0438-entities-\u0438-\u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c-usemutation-\u043d\u0430\u043f\u0440\u044f\u043c\u0443\u044e-\u0432-\u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u0435",children:["2. \u041e\u043f\u0440\u0435\u0434\u0435\u043b\u0438\u0442\u044c \u0444\u0443\u043d\u043a\u0446\u0438\u044e \u043c\u0443\u0442\u0430\u0446\u0438\u0438 \u0432 \u0434\u0440\u0443\u0433\u043e\u043c \u043c\u0435\u0441\u0442\u0435 (Shared \u0438\u043b\u0438 Entities) \u0438 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c ",(0,s.jsx)(n.code,{children:"useMutation"})," \u043d\u0430\u043f\u0440\u044f\u043c\u0443\u044e \u0432 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u0435"]}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-tsx",children:"const { mutateAsync, isPending } = useMutation({\n  mutationFn: postApi.createPost,\n});\n"})}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-tsx",metastring:'title="@/pages/post-create/ui/post-create-page.tsx"',children:'export const CreatePost = () => {\n  const { classes } = useStyles();\n  const [title, setTitle] = useState("");\n\n  const { mutate, isPending } = useMutation({\n    mutationFn: postApi.createPost,\n  });\n\n  const handleChange = (e: ChangeEvent<HTMLInputElement>) =>\n    setTitle(e.target.value);\n  const handleSubmit = (e: FormEvent<HTMLFormElement>) => {\n    e.preventDefault();\n    mutate({ title, userId: DEFAULT_USER_ID });\n  };\n\n  return (\n    <form className={classes.create_form} onSubmit={handleSubmit}>\n      <TextField onChange={handleChange} value={title} />\n      <LoadingButton type="submit" variant="contained" loading={isPending}>\n        Create\n      </LoadingButton>\n    </form>\n  );\n};\n'})}),"\n",(0,s.jsx)(n.h2,{id:"\u043e\u0440\u0433\u0430\u043d\u0438\u0437\u0430\u0446\u0438\u044f-\u0437\u0430\u043f\u0440\u043e\u0441\u043e\u0432",children:"\u041e\u0440\u0433\u0430\u043d\u0438\u0437\u0430\u0446\u0438\u044f \u0437\u0430\u043f\u0440\u043e\u0441\u043e\u0432"}),"\n",(0,s.jsx)(n.h3,{id:"\u0444\u0430\u0431\u0440\u0438\u043a\u0430-\u0437\u0430\u043f\u0440\u043e\u0441\u043e\u0432",children:"\u0424\u0430\u0431\u0440\u0438\u043a\u0430 \u0437\u0430\u043f\u0440\u043e\u0441\u043e\u0432"}),"\n",(0,s.jsx)(n.p,{children:"\u0412 \u044d\u0442\u043e\u043c \u0433\u0430\u0439\u0434\u0435 \u0440\u0430\u0441\u0441\u043c\u043e\u0442\u0440\u0438\u043c, \u043a\u0430\u043a \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u0444\u0430\u0431\u0440\u0438\u043a\u0443 \u0437\u0430\u043f\u0440\u043e\u0441\u043e\u0432 (\u043e\u0431\u044a\u0435\u043a\u0442, \u0433\u0434\u0435 \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u044f\u043c\u0438 \u043a\u043b\u044e\u0447\u0430 - \u044f\u0432\u043b\u044f\u044e\u0442\u0441\u044f \u0444\u0443\u043d\u043a\u0446\u0438\u0438, \u0432\u043e\u0437\u0432\u0440\u0430\u0449\u0430\u044e\u0449\u0438\u0435 \u0441\u043f\u0438\u0441\u043e\u043a \u043a\u043b\u044e\u0447\u0435\u0439 \u0437\u0430\u043f\u0440\u043e\u0441\u0430)"}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-ts",children:'const keyFactory = {\n  all: () => ["entity"],\n  lists: () => [...postQueries.all(), "list"],\n};\n'})}),"\n",(0,s.jsxs)(n.admonition,{type:"info",children:[(0,s.jsxs)(n.p,{children:[(0,s.jsx)(n.code,{children:"queryOptions"})," - \u0432\u0441\u0442\u0440\u043e\u0435\u043d\u043d\u0430\u044f \u0443\u0442\u0438\u043b\u0438\u0442\u0430 react-query@v5 (\u043e\u043f\u0446\u0438\u043e\u043d\u0430\u043b\u044c\u043d\u043e)"]}),(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-ts",children:"queryOptions({\n  queryKey,\n  ...options,\n});\n"})}),(0,s.jsxs)(n.p,{children:["\u0414\u043b\u044f \u0431\u043e\u043b\u044c\u0448\u0435\u0439 \u0442\u0438\u043f\u043e\u0431\u0435\u0437\u043e\u043f\u0430\u0441\u043d\u043e\u0441\u0442\u0438 \u0438 \u0434\u0430\u043b\u044c\u043d\u0435\u0439\u0448\u0435\u0439 \u0441\u043e\u0432\u043c\u0435\u0441\u0442\u0438\u043c\u043e\u0441\u0442\u0438 \u0441\u043e \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0438\u043c\u0438 \u0432\u0435\u0440\u0441\u0438\u044f\u043c\u0438 react-query, \u0430 \u0442\u0430\u043a\u0436\u0435 \u0443\u043f\u0440\u043e\u0449\u0435\u043d\u043d\u043e\u0433\u043e \u0434\u043e\u0441\u0442\u0443\u043f\u0430 \u043a \u0444\u0443\u043d\u043a\u0446\u0438\u044f\u043c \u0438 \u043a\u043b\u044e\u0447\u0430\u043c \u0437\u0430\u043f\u0440\u043e\u0441\u043e\u0432 -\n\u043c\u043e\u0436\u043d\u043e \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u0432\u0441\u0442\u0440\u043e\u0435\u043d\u043d\u0443\u044e \u0432 \u0444\u0443\u043d\u043a\u0446\u0438\u044e queryOptions \u0438\u0437 \u201c@tanstack/react-query\u201d ",(0,s.jsx)(n.a,{href:"https://tkdodo.eu/blog/the-query-options-api#queryoptions",children:"(\u041f\u043e\u0434\u0440\u043e\u0431\u043d\u0435\u0435 \u0437\u0434\u0435\u0441\u044c)"}),"."]})]}),"\n",(0,s.jsx)(n.h3,{id:"1-\u0441\u043e\u0437\u0434\u0430\u043d\u0438\u0435-\u0444\u0430\u0431\u0440\u0438\u043a\u0438-\u0437\u0430\u043f\u0440\u043e\u0441\u043e\u0432",children:"1. \u0421\u043e\u0437\u0434\u0430\u043d\u0438\u0435 \u0424\u0430\u0431\u0440\u0438\u043a\u0438 \u0437\u0430\u043f\u0440\u043e\u0441\u043e\u0432"}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-tsx",metastring:'title="@/entities/post/api/post.queries.ts"',children:'import { keepPreviousData, queryOptions } from "@tanstack/react-query";\nimport { getPosts } from "./get-posts";\nimport { getDetailPost } from "./get-detail-post";\nimport { PostDetailQuery } from "./query/post.query";\n\nexport const postQueries = {\n  all: () => ["posts"],\n\n  lists: () => [...postQueries.all(), "list"],\n  list: (page: number, limit: number) =>\n    queryOptions({\n      queryKey: [...postQueries.lists(), page, limit],\n      queryFn: () => getPosts(page, limit),\n      placeholderData: keepPreviousData,\n    }),\n\n  details: () => [...postQueries.all(), "detail"],\n  detail: (query?: PostDetailQuery) =>\n    queryOptions({\n      queryKey: [...postQueries.details(), query?.id],\n      queryFn: () => getDetailPost({ id: query?.id }),\n      staleTime: 5000,\n    }),\n};\n'})}),"\n",(0,s.jsx)(n.h3,{id:"2-\u043f\u0440\u0438\u043c\u0435\u043d\u0435\u043d\u0438\u0435-\u0444\u0430\u0431\u0440\u0438\u043a\u0438-\u0437\u0430\u043f\u0440\u043e\u0441\u043e\u0432-\u0432-\u043a\u043e\u0434\u0435-\u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f",children:"2. \u041f\u0440\u0438\u043c\u0435\u043d\u0435\u043d\u0438\u0435 \u0424\u0430\u0431\u0440\u0438\u043a\u0438 \u0437\u0430\u043f\u0440\u043e\u0441\u043e\u0432 \u0432 \u043a\u043e\u0434\u0435 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f"}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-tsx",children:'import { useParams } from "react-router-dom";\nimport { postApi } from "@/entities/post";\nimport { useQuery } from "@tanstack/react-query";\n\ntype Params = {\n  postId: string;\n};\n\nexport const PostPage = () => {\n  const { postId } = useParams<Params>();\n  const id = parseInt(postId || "");\n  const {\n    data: post,\n    error,\n    isLoading,\n    isError,\n  } = useQuery(postApi.postQueries.detail({ id }));\n\n  if (isLoading) {\n    return <div>Loading...</div>;\n  }\n\n  if (isError || !post) {\n    return <>{error?.message}</>;\n  }\n\n  return (\n    <div>\n      <p>Post id: {post.id}</p>\n      <div>\n        <h1>{post.title}</h1>\n        <div>\n          <p>{post.body}</p>\n        </div>\n      </div>\n      <div>Owner: {post.userId}</div>\n    </div>\n  );\n};\n'})}),"\n",(0,s.jsx)(n.h3,{id:"\u043f\u0440\u0435\u0438\u043c\u0443\u0449\u0435\u0441\u0442\u0432\u0430-\u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u044f-\u0444\u0430\u0431\u0440\u0438\u043a\u0438-\u0437\u0430\u043f\u0440\u043e\u0441\u043e\u0432",children:"\u041f\u0440\u0435\u0438\u043c\u0443\u0449\u0435\u0441\u0442\u0432\u0430 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u044f \u0424\u0430\u0431\u0440\u0438\u043a\u0438 \u0437\u0430\u043f\u0440\u043e\u0441\u043e\u0432"}),"\n",(0,s.jsxs)(n.ul,{children:["\n",(0,s.jsxs)(n.li,{children:[(0,s.jsx)(n.strong,{children:"\u0421\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u0435 \u0437\u0430\u043f\u0440\u043e\u0441\u043e\u0432:"})," \u0424\u0430\u0431\u0440\u0438\u043a\u0430 \u043f\u043e\u0437\u0432\u043e\u043b\u044f\u0435\u0442 \u043e\u0440\u0433\u0430\u043d\u0438\u0437\u043e\u0432\u0430\u0442\u044c \u0432\u0441\u0435 \u0437\u0430\u043f\u0440\u043e\u0441\u044b \u043a API \u0432 \u043e\u0434\u043d\u043e\u043c \u043c\u0435\u0441\u0442\u0435, \u0447\u0442\u043e \u0434\u0435\u043b\u0430\u0435\u0442 \u043a\u043e\u0434 \u0431\u043e\u043b\u0435\u0435 \u0447\u0438\u0442\u0430\u0435\u043c\u044b\u043c \u0438 \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u0438\u0432\u0430\u0435\u043c\u044b\u043c."]}),"\n",(0,s.jsxs)(n.li,{children:[(0,s.jsx)(n.strong,{children:"\u0423\u0434\u043e\u0431\u043d\u044b\u0439 \u0434\u043e\u0441\u0442\u0443\u043f \u043a \u0437\u0430\u043f\u0440\u043e\u0441\u0430\u043c \u0438 \u043a\u043b\u044e\u0447\u0430\u043c:"})," \u0424\u0430\u0431\u0440\u0438\u043a\u0430 \u043f\u0440\u0435\u0434\u043e\u0441\u0442\u0430\u0432\u043b\u044f\u0435\u0442 \u0443\u0434\u043e\u0431\u043d\u044b\u0435 \u043c\u0435\u0442\u043e\u0434\u044b \u0434\u043b\u044f \u0434\u043e\u0441\u0442\u0443\u043f\u0430 \u043a \u0440\u0430\u0437\u043b\u0438\u0447\u043d\u044b\u043c \u0442\u0438\u043f\u0430\u043c \u0437\u0430\u043f\u0440\u043e\u0441\u043e\u0432 \u0438 \u0438\u0445 \u043a\u043b\u044e\u0447\u0430\u043c."]}),"\n",(0,s.jsxs)(n.li,{children:[(0,s.jsx)(n.strong,{children:"\u0412\u043e\u0437\u043c\u043e\u0436\u043d\u043e\u0441\u0442\u044c \u0440\u0435\u0444\u0435\u0442\u0447\u0438\u043d\u0433\u0430 \u0437\u0430\u043f\u0440\u043e\u0441\u043e\u0432:"})," \u0424\u0430\u0431\u0440\u0438\u043a\u0430 \u043e\u0431\u0435\u0441\u043f\u0435\u0447\u0438\u0432\u0430\u0435\u0442 \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e\u0441\u0442\u044c \u043b\u0435\u0433\u043a\u043e\u0439 \u0440\u0435\u0444\u0435\u0442\u0447\u0438\u043d\u0433\u0430 \u0431\u0435\u0437 \u043d\u0435\u043e\u0431\u0445\u043e\u0434\u0438\u043c\u043e\u0441\u0442\u0438 \u0438\u0437\u043c\u0435\u043d\u0435\u043d\u0438\u044f \u043a\u043b\u044e\u0447\u0435\u0439 \u0437\u0430\u043f\u0440\u043e\u0441\u043e\u0432 \u0432 \u0440\u0430\u0437\u043d\u044b\u0445 \u0447\u0430\u0441\u0442\u044f\u0445 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f."]}),"\n"]}),"\n",(0,s.jsx)(n.h2,{id:"\u043f\u0430\u0433\u0438\u043d\u0430\u0446\u0438\u044f",children:"\u041f\u0430\u0433\u0438\u043d\u0430\u0446\u0438\u044f"}),"\n",(0,s.jsxs)(n.p,{children:["\u0412 \u044d\u0442\u043e\u043c \u0440\u0430\u0437\u0434\u0435\u043b\u0435 \u0440\u0430\u0441\u0441\u043c\u043e\u0442\u0440\u0438\u043c \u043f\u0440\u0438\u043c\u0435\u0440 \u0444\u0443\u043d\u043a\u0446\u0438\u0438 ",(0,s.jsx)(n.code,{children:"getPosts"}),", \u043a\u043e\u0442\u043e\u0440\u0430\u044f \u0432\u044b\u043f\u043e\u043b\u043d\u044f\u0435\u0442 \u0437\u0430\u043f\u0440\u043e\u0441 \u043a API \u0434\u043b\u044f \u043f\u043e\u043b\u0443\u0447\u0435\u043d\u0438\u044f \u0441\u0443\u0449\u043d\u043e\u0441\u0442\u0435\u0439 \u043f\u043e\u0441\u0442\u043e\u0432 \u0441 \u043f\u0440\u0438\u043c\u0435\u043d\u0435\u043d\u0438\u0435\u043c \u043f\u0430\u0433\u0438\u043d\u0430\u0446\u0438\u0438."]}),"\n",(0,s.jsxs)(n.h3,{id:"1-\u0441\u043e\u0437\u0434\u0430\u043d\u0438\u0435-\u0444\u0443\u043d\u043a\u0446\u0438\u0438-getposts",children:["1. \u0421\u043e\u0437\u0434\u0430\u043d\u0438\u0435 \u0444\u0443\u043d\u043a\u0446\u0438\u0438 ",(0,s.jsx)(n.code,{children:"getPosts"})]}),"\n",(0,s.jsxs)(n.p,{children:["\u0424\u0443\u043d\u043a\u0446\u0438\u044f getPosts \u043d\u0430\u0445\u043e\u0434\u0438\u0442\u0441\u044f \u0432 \u0444\u0430\u0439\u043b\u0435 ",(0,s.jsx)(n.code,{children:"get-posts.ts"}),", \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u043d\u0430\u0445\u043e\u0434\u0438\u0442\u0441\u044f \u0432 \u0441\u0435\u0433\u043c\u0435\u043d\u0442\u0435 API."]}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-tsx",metastring:'title="@/pages/post-feed/api/get-posts.ts"',children:'import { apiClient } from "@/shared/api/base";\n\nimport { PostWithPaginationDto } from "./dto/post-with-pagination.dto";\nimport { PostQuery } from "./query/post.query";\nimport { mapPost } from "./mapper/map-post";\nimport { PostWithPagination } from "../model/post-with-pagination";\n\nconst calculatePostPage = (totalCount: number, limit: number) =>\n  Math.floor(totalCount / limit);\n\nexport const getPosts = async (\n  page: number,\n  limit: number,\n): Promise<PostWithPagination> => {\n  const skip = page * limit;\n  const query: PostQuery = { skip, limit };\n  const result = await apiClient.get<PostWithPaginationDto>("/posts", query);\n\n  return {\n    posts: result.posts.map((post) => mapPost(post)),\n    limit: result.limit,\n    skip: result.skip,\n    total: result.total,\n    totalPages: calculatePostPage(result.total, limit),\n  };\n};\n'})}),"\n",(0,s.jsx)(n.h3,{id:"2-\u0444\u0430\u0431\u0440\u0438\u043a\u0430-\u0437\u0430\u043f\u0440\u043e\u0441\u043e\u0432-\u0434\u043b\u044f-\u043f\u0430\u0433\u0438\u043d\u0430\u0446\u0438\u0438",children:"2. \u0424\u0430\u0431\u0440\u0438\u043a\u0430 \u0437\u0430\u043f\u0440\u043e\u0441\u043e\u0432 \u0434\u043b\u044f \u043f\u0430\u0433\u0438\u043d\u0430\u0446\u0438\u0438"}),"\n",(0,s.jsxs)(n.p,{children:["\u0424\u0430\u0431\u0440\u0438\u043a\u0430 \u0437\u0430\u043f\u0440\u043e\u0441\u043e\u0432 ",(0,s.jsx)(n.code,{children:"postQueries"})," \u043e\u043f\u0440\u0435\u0434\u0435\u043b\u044f\u0435\u0442 \u0440\u0430\u0437\u043b\u0438\u0447\u043d\u044b\u0435 \u0432\u0430\u0440\u0438\u0430\u043d\u0442\u044b \u0437\u0430\u043f\u0440\u043e\u0441\u043e\u0432 \u0434\u043b\u044f \u0440\u0430\u0431\u043e\u0442\u044b \u0441 \u043f\u043e\u0441\u0442\u0430\u043c\u0438,\n\u0432\u043a\u043b\u044e\u0447\u0430\u044f \u0437\u0430\u043f\u0440\u043e\u0441 \u0441\u043f\u0438\u0441\u043a\u0430 \u043f\u043e\u0441\u0442\u043e\u0432 \u0441 \u0437\u0430\u0440\u0430\u043d\u0435\u0435 \u043e\u043f\u0440\u0435\u0434\u0435\u043b\u0435\u043d\u043d\u043e\u0439 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0435\u0439 \u0438 \u043b\u0438\u043c\u0438\u0442\u043e\u043c."]}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-tsx",children:'import { keepPreviousData, queryOptions } from "@tanstack/react-query";\nimport { getPosts } from "./get-posts";\n\nexport const postQueries = {\n  all: () => ["posts"],\n  lists: () => [...postQueries.all(), "list"],\n  list: (page: number, limit: number) =>\n    queryOptions({\n      queryKey: [...postQueries.lists(), page, limit],\n      queryFn: () => getPosts(page, limit),\n      placeholderData: keepPreviousData,\n    }),\n};\n'})}),"\n",(0,s.jsx)(n.h3,{id:"3-\u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u0435-\u0432-\u043a\u043e\u0434\u0435-\u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f",children:"3. \u0418\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u0435 \u0432 \u043a\u043e\u0434\u0435 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f"}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-tsx",metastring:'title="@/pages/home/ui/index.tsx"',children:'export const HomePage = () => {\n  const itemsOnScreen = DEFAULT_ITEMS_ON_SCREEN;\n  const [page, setPage] = usePageParam(DEFAULT_PAGE);\n  const { data, isFetching, isLoading } = useQuery(\n    postApi.postQueries.list(page, itemsOnScreen),\n  );\n  return (\n    <>\n      <Pagination\n        onChange={(_, page) => setPage(page)}\n        page={page}\n        count={data?.totalPages}\n        variant="outlined"\n        color="primary"\n      />\n      <Posts posts={data?.posts} />\n    </>\n  );\n};\n'})}),"\n",(0,s.jsx)(n.admonition,{type:"note",children:(0,s.jsxs)(n.p,{children:["\u041f\u0440\u0438\u043c\u0435\u0440 \u0443\u043f\u0440\u043e\u0449\u0435\u043d, \u043f\u043e\u043b\u043d\u0430\u044f \u0432\u0435\u0440\u0441\u0438\u044f \u0434\u043e\u0441\u0442\u0443\u043f\u043d\u0430 \u043d\u0430 ",(0,s.jsx)(n.a,{href:"https://github.com/ruslan4432013/fsd-react-query-example",children:"GitHub"})]})}),"\n",(0,s.jsxs)(n.h2,{id:"queryprovider-\u0434\u043b\u044f-\u0443\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u0438\u044f-\u0437\u0430\u043f\u0440\u043e\u0441\u0430\u043c\u0438",children:[(0,s.jsx)(n.code,{children:"QueryProvider"})," \u0434\u043b\u044f \u0443\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u0438\u044f \u0437\u0430\u043f\u0440\u043e\u0441\u0430\u043c\u0438"]}),"\n",(0,s.jsxs)(n.p,{children:["\u0412 \u044d\u0442\u043e\u043c \u0433\u0430\u0439\u0434\u0435 \u0440\u0430\u0441\u0441\u043c\u043e\u0442\u0440\u0438\u043c, \u043a\u0430\u043a \u043e\u0440\u0433\u0430\u043d\u0438\u0437\u043e\u0432\u0430\u0442\u044c ",(0,s.jsx)(n.code,{children:"QueryProvider"}),"."]}),"\n",(0,s.jsxs)(n.h3,{id:"1-\u0441\u043e\u0437\u0434\u0430\u043d\u0438\u0435-queryprovider",children:["1. \u0421\u043e\u0437\u0434\u0430\u043d\u0438\u0435 ",(0,s.jsx)(n.code,{children:"QueryProvider"})]}),"\n",(0,s.jsxs)(n.p,{children:["\u0424\u0430\u0439\u043b ",(0,s.jsx)(n.code,{children:"query-provider.tsx"})," \u0440\u0430\u0441\u043f\u043e\u043b\u043e\u0436\u0435\u043d \u043f\u043e \u043f\u0443\u0442\u0438 ",(0,s.jsx)(n.code,{children:"@/app/providers/query-provider.tsx"}),"."]}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-tsx",metastring:'title="@/app/providers/query-provider.tsx"',children:'import { QueryClient, QueryClientProvider } from "@tanstack/react-query";\nimport { ReactQueryDevtools } from "@tanstack/react-query-devtools";\nimport { ReactNode } from "react";\n\ntype Props = {\n  children: ReactNode;\n  client: QueryClient;\n};\n\nexport const QueryProvider = ({ client, children }: Props) => {\n  return (\n    <QueryClientProvider client={client}>\n      {children}\n      <ReactQueryDevtools />\n    </QueryClientProvider>\n  );\n};\n'})}),"\n",(0,s.jsxs)(n.h3,{id:"2-\u0441\u043e\u0437\u0434\u0430\u043d\u0438\u0435-queryclient",children:["2. \u0421\u043e\u0437\u0434\u0430\u043d\u0438\u0435 ",(0,s.jsx)(n.code,{children:"QueryClient"})]}),"\n",(0,s.jsxs)(n.p,{children:[(0,s.jsx)(n.code,{children:"QueryClient"})," \u043f\u0440\u0435\u0434\u0441\u0442\u0430\u0432\u043b\u044f\u0435\u0442 \u0441\u043e\u0431\u043e\u0439 \u044d\u043a\u0437\u0435\u043c\u043f\u043b\u044f\u0440, \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u043c\u044b\u0439 \u0434\u043b\u044f \u0443\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u0438\u044f \u0437\u0430\u043f\u0440\u043e\u0441\u0430\u043c\u0438 \u043a API.\n\u0424\u0430\u0439\u043b ",(0,s.jsx)(n.code,{children:"query-client.ts"})," \u0440\u0430\u0441\u043f\u043e\u043b\u043e\u0436\u0435\u043d \u043f\u043e \u043f\u0443\u0442\u0438 ",(0,s.jsx)(n.code,{children:"@/shared/api/query-client.ts"}),".\n",(0,s.jsx)(n.code,{children:"QueryClient"})," \u0441\u043e\u0437\u0434\u0430\u0435\u0442\u0441\u044f \u0441 \u043e\u043f\u0440\u0435\u0434\u0435\u043b\u0435\u043d\u043d\u044b\u043c\u0438 \u043d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u0430\u043c\u0438 \u0434\u043b\u044f \u043a\u044d\u0448\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u044f \u0437\u0430\u043f\u0440\u043e\u0441\u043e\u0432."]}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-tsx",metastring:'title="@/shared/api/query-client.ts"',children:'import { QueryClient } from "@tanstack/react-query";\n\nexport const queryClient = new QueryClient({\n  defaultOptions: {\n    queries: {\n      staleTime: 5 * 60 * 1000,\n      gcTime: 5 * 60 * 1000,\n    },\n  },\n});\n'})}),"\n",(0,s.jsx)(n.h2,{id:"\u043a\u043e\u0434\u043e\u0433\u0435\u043d\u0435\u0440\u0430\u0446\u0438\u044f",children:"\u041a\u043e\u0434\u043e\u0433\u0435\u043d\u0435\u0440\u0430\u0446\u0438\u044f"}),"\n",(0,s.jsx)(n.p,{children:"\u0421\u0443\u0449\u0435\u0441\u0442\u0432\u0443\u044e\u0442 \u0438\u043d\u0441\u0442\u0440\u0443\u043c\u0435\u043d\u0442\u044b \u0434\u043b\u044f \u0430\u0432\u0442\u043e\u043c\u0430\u0442\u0438\u0447\u0435\u0441\u043a\u043e\u0439 \u0433\u0435\u043d\u0435\u0440\u0430\u0446\u0438\u0438 \u043a\u043e\u0434\u0430,\n\u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u043c\u0435\u043d\u0435\u0435 \u0433\u0438\u0431\u043a\u0438\u0435, \u043f\u043e \u0441\u0440\u0430\u0432\u043d\u0435\u043d\u0438\u044e \u0441 \u0442\u0435\u043c\u0438, \u0447\u0442\u043e \u043c\u043e\u0436\u043d\u043e \u043d\u0430\u0441\u0442\u0440\u043e\u0438\u0442\u044c,\n\u043a\u0430\u043a \u043e\u043f\u0438\u0441\u0430\u043d\u043e \u0432\u044b\u0448\u0435. \u0415\u0441\u043b\u0438 \u0432\u0430\u0448 Swagger-\u0444\u0430\u0439\u043b \u0445\u043e\u0440\u043e\u0448\u043e \u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u0438\u0440\u043e\u0432\u0430\u043d, \u0438 \u0432\u044b \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u0442\u0435 \u043e\u0434\u043d\u043e \u0438\u0437 \u0442\u0430\u043a\u0438\u0445 \u0438\u043d\u0441\u0442\u0440\u0443\u043c\u0435\u043d\u0442\u043e\u0432,\n\u0442\u043e \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e \u0438\u043c\u0435\u0435\u0442 \u0441\u043c\u044b\u0441\u043b \u0441\u0433\u0435\u043d\u0435\u0440\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u0432\u0435\u0441\u044c \u043a\u043e\u0434 \u0432 \u043a\u0430\u0442\u0430\u043b\u043e\u0433\u0435 @/shared/api."}),"\n",(0,s.jsx)(n.h2,{id:"\u0434\u043e\u043f\u043e\u043b\u043d\u0438\u0442\u0435\u043b\u044c\u043d\u044b\u0439-\u0441\u043e\u0432\u0435\u0442-\u043f\u043e-\u043e\u0440\u0433\u0430\u043d\u0438\u0437\u0430\u0446\u0438\u0438-rq",children:"\u0414\u043e\u043f\u043e\u043b\u043d\u0438\u0442\u0435\u043b\u044c\u043d\u044b\u0439 \u0441\u043e\u0432\u0435\u0442 \u043f\u043e \u043e\u0440\u0433\u0430\u043d\u0438\u0437\u0430\u0446\u0438\u0438 RQ"}),"\n",(0,s.jsx)(n.h3,{id:"api-\u043a\u043b\u0438\u0435\u043d\u0442",children:"API-\u041a\u043b\u0438\u0435\u043d\u0442"}),"\n",(0,s.jsx)(n.p,{children:"\u0418\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u044f \u0441\u043e\u0431\u0441\u0442\u0432\u0435\u043d\u043d\u044b\u0439 \u043a\u043b\u0430\u0441\u0441 \u043a\u043b\u0438\u0435\u043d\u0442\u0430 API \u0432 \u043e\u0431\u0449\u0435\u043c \u0441\u043b\u043e\u0435 shared,\n\u043c\u043e\u0436\u043d\u043e \u0441\u0442\u0430\u043d\u0434\u0430\u0440\u0442\u0438\u0437\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u043d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u0443 \u0438 \u0440\u0430\u0431\u043e\u0442\u0443 \u0441 API \u0432 \u043f\u0440\u043e\u0435\u043a\u0442\u0435.\n\u042d\u0442\u043e \u043f\u043e\u0437\u0432\u043e\u043b\u044f\u0435\u0442 \u0443\u043f\u0440\u0430\u0432\u043b\u044f\u0442\u044c \u043b\u043e\u0433\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u0435\u043c, \u0437\u0430\u0433\u043e\u043b\u043e\u0432\u043a\u0430\u043c\u0438 \u0438 \u0444\u043e\u0440\u043c\u0430\u0442\u043e\u043c \u043e\u0431\u043c\u0435\u043d\u0430 \u0434\u0430\u043d\u043d\u044b\u043c\u0438 (\u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, JSON \u0438\u043b\u0438 XML) \u0438\u0437 \u043e\u0434\u043d\u043e\u0433\u043e \u043c\u0435\u0441\u0442\u0430.\n\u0422\u0430\u043a\u043e\u0439 \u043f\u043e\u0434\u0445\u043e\u0434 \u043e\u0431\u043b\u0435\u0433\u0447\u0430\u0435\u0442 \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u043a\u0443 \u0438 \u0440\u0430\u0437\u0432\u0438\u0442\u0438\u0435 \u043f\u0440\u043e\u0435\u043a\u0442\u0430, \u043f\u043e\u0441\u043a\u043e\u043b\u044c\u043a\u0443 \u0443\u043f\u0440\u043e\u0449\u0430\u0435\u0442 \u0438\u0437\u043c\u0435\u043d\u0435\u043d\u0438\u044f \u0438 \u043e\u0431\u043d\u043e\u0432\u043b\u0435\u043d\u0438\u044f \u0432\u0437\u0430\u0438\u043c\u043e\u0434\u0435\u0439\u0441\u0442\u0432\u0438\u044f \u0441 API."}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-tsx",metastring:'title="@/shared/api/api-client.ts"',children:'import { API_URL } from "@/shared/config";\n\nexport class ApiClient {\n  private baseUrl: string;\n\n  constructor(url: string) {\n    this.baseUrl = url;\n  }\n\n  async handleResponse<TResult>(response: Response): Promise<TResult> {\n    if (!response.ok) {\n      throw new Error(`HTTP error! Status: ${response.status}`);\n    }\n\n    try {\n      return await response.json();\n    } catch (error) {\n      throw new Error("Error parsing JSON response");\n    }\n  }\n\n  public async get<TResult = unknown>(\n    endpoint: string,\n    queryParams?: Record<string, string | number>,\n  ): Promise<TResult> {\n    const url = new URL(endpoint, this.baseUrl);\n\n    if (queryParams) {\n      Object.entries(queryParams).forEach(([key, value]) => {\n        url.searchParams.append(key, value.toString());\n      });\n    }\n    const response = await fetch(url.toString(), {\n      method: "GET",\n      headers: {\n        "Content-Type": "application/json",\n      },\n    });\n\n    return this.handleResponse<TResult>(response);\n  }\n\n  public async post<TResult = unknown, TData = Record<string, unknown>>(\n    endpoint: string,\n    body: TData,\n  ): Promise<TResult> {\n    const response = await fetch(`${this.baseUrl}${endpoint}`, {\n      method: "POST",\n      headers: {\n        "Content-Type": "application/json",\n      },\n      body: JSON.stringify(body),\n    });\n\n    return this.handleResponse<TResult>(response);\n  }\n}\n\nexport const apiClient = new ApiClient(API_URL);\n'})}),"\n",(0,s.jsx)(n.h2,{id:"see-also",children:"\u041f\u043e\u043b\u0435\u0437\u043d\u044b\u0435 \u0441\u0441\u044b\u043b\u043a\u0438"}),"\n",(0,s.jsxs)(n.ul,{children:["\n",(0,s.jsx)(n.li,{children:(0,s.jsx)(n.a,{href:"https://github.com/ruslan4432013/fsd-react-query-example",children:"(GitHub) \u041f\u0440\u0438\u043c\u0435\u0440 \u043f\u0440\u043e\u0435\u043a\u0442\u0430"})}),"\n",(0,s.jsx)(n.li,{children:(0,s.jsx)(n.a,{href:"https://codesandbox.io/p/github/ruslan4432013/fsd-react-query-example/main",children:"(CodeSandbox) \u041f\u0440\u0438\u043c\u0435\u0440 \u043f\u0440\u043e\u0435\u043a\u0442\u0430"})}),"\n",(0,s.jsx)(n.li,{children:(0,s.jsx)(n.a,{href:"https://tkdodo.eu/blog/the-query-options-api",children:"\u041e \u0444\u0430\u0431\u0440\u0438\u043a\u0435 \u0437\u0430\u043f\u0440\u043e\u0441\u043e\u0432"})}),"\n"]})]})}function u(e={}){const{wrapper:n}={...(0,i.R)(),...e.components};return n?(0,s.jsx)(n,{...e,children:(0,s.jsx)(c,{...e})}):c(e)}},1100:(e,n,t)=>{t.d(n,{R:()=>o,x:()=>a});var s=t(758);const i={},r=s.createContext(i);function o(e){const n=s.useContext(r);return s.useMemo((function(){return"function"==typeof e?e(n):{...n,...e}}),[n,e])}function a(e){let n;return n=e.disableParentContext?"function"==typeof e.components?e.components(i):e.components||i:o(e.components),s.createElement(r.Provider,{value:n},e.children)}}}]);
\ No newline at end of file
diff --git a/ru/assets/js/a61c55ce.9c7f5d30.js b/ru/assets/js/a61c55ce.6a925e29.js
similarity index 63%
rename from ru/assets/js/a61c55ce.9c7f5d30.js
rename to ru/assets/js/a61c55ce.6a925e29.js
index 8f896a5084..80b42427e2 100644
--- a/ru/assets/js/a61c55ce.9c7f5d30.js
+++ b/ru/assets/js/a61c55ce.6a925e29.js
@@ -1,2 +1,2 @@
-/*! For license information please see a61c55ce.9c7f5d30.js.LICENSE.txt */
-"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[8964],{1350:(e,t,n)=>{n.d(t,{A:()=>r});var a=n(991),s=n(758);const c={icon:{tag:"svg",attrs:{viewBox:"64 64 896 896",focusable:"false"},children:[{tag:"path",attrs:{d:"M908.1 353.1l-253.9-36.9L540.7 86.1c-3.1-6.3-8.2-11.4-14.5-14.5-15.8-7.8-35-1.3-42.9 14.5L369.8 316.2l-253.9 36.9c-7 1-13.4 4.3-18.3 9.3a32.05 32.05 0 00.6 45.3l183.7 179.1-43.4 252.9a31.95 31.95 0 0046.4 33.7L512 754l227.1 119.4c6.2 3.3 13.4 4.4 20.3 3.2 17.4-3 29.1-19.5 26.1-36.9l-43.4-252.9 183.7-179.1c5-4.9 8.3-11.3 9.3-18.3 2.7-17.5-9.5-33.7-27-36.3zM664.8 561.6l36.1 210.3L512 672.7 323.1 772l36.1-210.3-152.8-149L417.6 382 512 190.7 606.4 382l211.2 30.7-152.8 148.9z"}}]},name:"star",theme:"outlined"};var o=n(9820),i=function(e,t){return s.createElement(o.A,(0,a.A)({},e,{ref:t,icon:c}))};const r=s.forwardRef(i)},1825:(e,t,n)=>{n.d(t,{A:()=>r});var a=n(991),s=n(758);const c={icon:{tag:"svg",attrs:{viewBox:"64 64 896 896",focusable:"false"},children:[{tag:"path",attrs:{d:"M824.2 699.9a301.55 301.55 0 00-86.4-60.4C783.1 602.8 812 546.8 812 484c0-110.8-92.4-201.7-203.2-200-109.1 1.7-197 90.6-197 200 0 62.8 29 118.8 74.2 155.5a300.95 300.95 0 00-86.4 60.4C345 754.6 314 826.8 312 903.8a8 8 0 008 8.2h56c4.3 0 7.9-3.4 8-7.7 1.9-58 25.4-112.3 66.7-153.5A226.62 226.62 0 01612 684c60.9 0 118.2 23.7 161.3 66.8C814.5 792 838 846.3 840 904.3c.1 4.3 3.7 7.7 8 7.7h56a8 8 0 008-8.2c-2-77-33-149.2-87.8-203.9zM612 612c-34.2 0-66.4-13.3-90.5-37.5a126.86 126.86 0 01-37.5-91.8c.3-32.8 13.4-64.5 36.3-88 24-24.6 56.1-38.3 90.4-38.7 33.9-.3 66.8 12.9 91 36.6 24.8 24.3 38.4 56.8 38.4 91.4 0 34.2-13.3 66.3-37.5 90.5A127.3 127.3 0 01612 612zM361.5 510.4c-.9-8.7-1.4-17.5-1.4-26.4 0-15.9 1.5-31.4 4.3-46.5.7-3.6-1.2-7.3-4.5-8.8-13.6-6.1-26.1-14.5-36.9-25.1a127.54 127.54 0 01-38.7-95.4c.9-32.1 13.8-62.6 36.3-85.6 24.7-25.3 57.9-39.1 93.2-38.7 31.9.3 62.7 12.6 86 34.4 7.9 7.4 14.7 15.6 20.4 24.4 2 3.1 5.9 4.4 9.3 3.2 17.6-6.1 36.2-10.4 55.3-12.4 5.6-.6 8.8-6.6 6.3-11.6-32.5-64.3-98.9-108.7-175.7-109.9-110.9-1.7-203.3 89.2-203.3 199.9 0 62.8 28.9 118.8 74.2 155.5-31.8 14.7-61.1 35-86.5 60.4-54.8 54.7-85.8 126.9-87.8 204a8 8 0 008 8.2h56.1c4.3 0 7.9-3.4 8-7.7 1.9-58 25.4-112.3 66.7-153.5 29.4-29.4 65.4-49.8 104.7-59.7 3.9-1 6.5-4.7 6-8.7z"}}]},name:"team",theme:"outlined"};var o=n(9820),i=function(e,t){return s.createElement(o.A,(0,a.A)({},e,{ref:t,icon:c}))};const r=s.forwardRef(i)},738:(e,t,n)=>{n.r(t),n.d(t,{assets:()=>A,contentTitle:()=>g,default:()=>_,frontMatter:()=>v,metadata:()=>j,toc:()=>C});var a=n(6070),s=n(1100),c=n(7946),o=n(1350),i=n(1825),r=n(991),l=n(758);const d={icon:{tag:"svg",attrs:{viewBox:"64 64 896 896",focusable:"false"},children:[{tag:"defs",attrs:{},children:[{tag:"style",attrs:{}}]},{tag:"path",attrs:{d:"M447.8 588.8l-7.3-32.5c-.2-1-.6-1.9-1.1-2.7a7.94 7.94 0 00-11.1-2.2L405 567V411c0-4.4-3.6-8-8-8h-81c-4.4 0-8 3.6-8 8v36c0 4.4 3.6 8 8 8h37v192.4a8 8 0 0012.7 6.5l79-56.8c2.6-1.9 3.8-5.1 3.1-8.3zm-56.7-216.6l.2.2c3.2 3 8.3 2.8 11.3-.5l24.1-26.2a8.1 8.1 0 00-.3-11.2l-53.7-52.1a8 8 0 00-11.2.1l-24.7 24.7c-3.1 3.1-3.1 8.2.1 11.3l54.2 53.7z"}},{tag:"path",attrs:{d:"M866.9 169.9L527.1 54.1C523 52.7 517.5 52 512 52s-11 .7-15.1 2.1L157.1 169.9c-8.3 2.8-15.1 12.4-15.1 21.2v482.4c0 8.8 5.7 20.4 12.6 25.9L499.3 968c3.5 2.7 8 4.1 12.6 4.1s9.2-1.4 12.6-4.1l344.7-268.6c6.9-5.4 12.6-17 12.6-25.9V191.1c.2-8.8-6.6-18.3-14.9-21.2zM810 654.3L512 886.5 214 654.3V226.7l298-101.6 298 101.6v427.6z"}},{tag:"path",attrs:{d:"M452 297v36c0 4.4 3.6 8 8 8h108v274h-38V405c0-4.4-3.6-8-8-8h-35c-4.4 0-8 3.6-8 8v210h-31c-4.4 0-8 3.6-8 8v37c0 4.4 3.6 8 8 8h244c4.4 0 8-3.6 8-8v-37c0-4.4-3.6-8-8-8h-72V493h58c4.4 0 8-3.6 8-8v-35c0-4.4-3.6-8-8-8h-58V341h63c4.4 0 8-3.6 8-8v-36c0-4.4-3.6-8-8-8H460c-4.4 0-8 3.6-8 8z"}}]},name:"verified",theme:"outlined"};var m=n(9820),u=function(e,t){return l.createElement(m.A,(0,r.A)({},e,{ref:t,icon:d}))};const h=l.forwardRef(u);const f={icon:{tag:"svg",attrs:{viewBox:"64 64 896 896",focusable:"false"},children:[{tag:"path",attrs:{d:"M909.6 854.5L649.9 594.8C690.2 542.7 712 479 712 412c0-80.2-31.3-155.4-87.9-212.1-56.6-56.7-132-87.9-212.1-87.9s-155.5 31.3-212.1 87.9C143.2 256.5 112 331.8 112 412c0 80.1 31.3 155.5 87.9 212.1C256.5 680.8 331.8 712 412 712c67 0 130.6-21.8 182.7-62l259.7 259.6a8.2 8.2 0 0011.6 0l43.6-43.5a8.2 8.2 0 000-11.6zM570.4 570.4C528 612.7 471.8 636 412 636s-116-23.3-158.4-65.6C211.3 528 188 471.8 188 412s23.3-116.1 65.6-158.4C296 211.3 352.2 188 412 188s116.1 23.2 158.4 65.6S636 352.2 636 412s-23.3 116.1-65.6 158.4z"}}]},name:"search",theme:"outlined"};var p=function(e,t){return l.createElement(m.A,(0,r.A)({},e,{ref:t,icon:f}))};const x=l.forwardRef(p),v={hide_table_of_contents:!0},g="\ud83d\udcab Community",j={id:"index",title:"\ud83d\udcab Community",description:"Community resources, additional materials",source:"@site/i18n/en/docusaurus-plugin-content-docs/community/index.mdx",sourceDirName:".",slug:"/",permalink:"/ru/community/",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/community/index.mdx",tags:[],version:"current",lastUpdatedBy:"ratomiru",lastUpdatedAt:1727607766e3,frontMatter:{hide_table_of_contents:!0},sidebar:"community",next:{title:"Team",permalink:"/ru/community/team"}},A={},C=[{value:"Main",id:"main",level:2},...c.RM,...c.RM,...c.RM,...c.RM];function y(e){const t={h1:"h1",h2:"h2",header:"header",p:"p",...(0,s.R)(),...e.components};return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(t.header,{children:(0,a.jsx)(t.h1,{id:"-community",children:"\ud83d\udcab Community"})}),"\n",(0,a.jsx)("p",{class:"summary",children:(0,a.jsx)(t.p,{children:"Community resources, additional materials"})}),"\n",(0,a.jsx)(t.h2,{id:"main",children:"Main"}),"\n","\n",(0,a.jsx)(c.Ay,{title:"Awesome Resources",description:"A curated list of awesome FSD videos, articles, packages",to:"https://github.com/feature-sliced/awesome",Icon:o.A}),"\n",(0,a.jsx)(c.Ay,{title:"Team",description:"Core-team, Champions, Contributors, Companies",to:"/community/team",Icon:i.A}),"\n",(0,a.jsx)(c.Ay,{title:"Brandbook",description:"Recommendations for FSD's branding usage",to:"/docs/branding",Icon:h}),"\n",(0,a.jsx)(c.Ay,{title:"Contributing",description:"HowTo, Workflow, Support",to:"#",Icon:x,disabled:!0})]})}function _(e={}){const{wrapper:t}={...(0,s.R)(),...e.components};return t?(0,a.jsx)(t,{...e,children:(0,a.jsx)(y,{...e})}):y(e)}},7946:(e,t,n)=>{n.d(t,{Ay:()=>r,RM:()=>o});var a=n(6070),s=n(1100),c=n(5988);const o=[];function i(e){return(0,a.jsx)(c.A,{...e})}function r(e={}){const{wrapper:t}={...(0,s.R)(),...e.components};return t?(0,a.jsx)(t,{...e,children:(0,a.jsx)(i,{...e})}):i(e)}},5988:(e,t,n)=>{n.d(t,{Y:()=>i,A:()=>l});n(758);var a=n(3526),s=n(6783);const c={root:"root_GfON",rootDisabled:"rootDisabled_SFUB",details:"details_xxkR",detailsTags:"detailsTags_uTQx",icon:"icon_ciqP",title:"title_pSH5",description:"description__Fep",miniTheme:"miniTheme_ePfp",primaryTheme:"primaryTheme_CilO",defaultTheme:"defaultTheme_j3I8"};var o=n(6070);const i=e=>{const{title:t,description:n,to:i,Icon:l,tags:d,className:m,disabled:u,theme:h="default"}=e;return(0,o.jsxs)(s.A,{className:(0,a.A)(c.root,m,u&&c.rootDisabled,c[`${h}Theme`]),to:i,children:[(0,o.jsx)(r,{Icon:l}),(0,o.jsxs)("div",{className:c.details,children:[(0,o.jsxs)("div",{className:c.detailsMain,children:[(0,o.jsx)("span",{className:c.title,children:t}),(0,o.jsx)("p",{className:c.description,children:n})]}),d&&(0,o.jsx)("div",{className:c.detailsTags,children:d.join(" \u2022 ")})]})]})},r=e=>{let{Icon:t}=e;return t?"string"==typeof t?(0,o.jsx)("span",{className:c.icon,children:t}):(0,o.jsx)(t,{className:c.icon}):null},l=i},1100:(e,t,n)=>{n.d(t,{R:()=>o,x:()=>i});var a=n(758);const s={},c=a.createContext(s);function o(e){const t=a.useContext(c);return a.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function i(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(s):e.components||s:o(e.components),a.createElement(c.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
+/*! For license information please see a61c55ce.6a925e29.js.LICENSE.txt */
+"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[8964],{1350:(e,t,n)=>{n.d(t,{A:()=>r});var a=n(991),s=n(758);const c={icon:{tag:"svg",attrs:{viewBox:"64 64 896 896",focusable:"false"},children:[{tag:"path",attrs:{d:"M908.1 353.1l-253.9-36.9L540.7 86.1c-3.1-6.3-8.2-11.4-14.5-14.5-15.8-7.8-35-1.3-42.9 14.5L369.8 316.2l-253.9 36.9c-7 1-13.4 4.3-18.3 9.3a32.05 32.05 0 00.6 45.3l183.7 179.1-43.4 252.9a31.95 31.95 0 0046.4 33.7L512 754l227.1 119.4c6.2 3.3 13.4 4.4 20.3 3.2 17.4-3 29.1-19.5 26.1-36.9l-43.4-252.9 183.7-179.1c5-4.9 8.3-11.3 9.3-18.3 2.7-17.5-9.5-33.7-27-36.3zM664.8 561.6l36.1 210.3L512 672.7 323.1 772l36.1-210.3-152.8-149L417.6 382 512 190.7 606.4 382l211.2 30.7-152.8 148.9z"}}]},name:"star",theme:"outlined"};var o=n(9820),i=function(e,t){return s.createElement(o.A,(0,a.A)({},e,{ref:t,icon:c}))};const r=s.forwardRef(i)},1825:(e,t,n)=>{n.d(t,{A:()=>r});var a=n(991),s=n(758);const c={icon:{tag:"svg",attrs:{viewBox:"64 64 896 896",focusable:"false"},children:[{tag:"path",attrs:{d:"M824.2 699.9a301.55 301.55 0 00-86.4-60.4C783.1 602.8 812 546.8 812 484c0-110.8-92.4-201.7-203.2-200-109.1 1.7-197 90.6-197 200 0 62.8 29 118.8 74.2 155.5a300.95 300.95 0 00-86.4 60.4C345 754.6 314 826.8 312 903.8a8 8 0 008 8.2h56c4.3 0 7.9-3.4 8-7.7 1.9-58 25.4-112.3 66.7-153.5A226.62 226.62 0 01612 684c60.9 0 118.2 23.7 161.3 66.8C814.5 792 838 846.3 840 904.3c.1 4.3 3.7 7.7 8 7.7h56a8 8 0 008-8.2c-2-77-33-149.2-87.8-203.9zM612 612c-34.2 0-66.4-13.3-90.5-37.5a126.86 126.86 0 01-37.5-91.8c.3-32.8 13.4-64.5 36.3-88 24-24.6 56.1-38.3 90.4-38.7 33.9-.3 66.8 12.9 91 36.6 24.8 24.3 38.4 56.8 38.4 91.4 0 34.2-13.3 66.3-37.5 90.5A127.3 127.3 0 01612 612zM361.5 510.4c-.9-8.7-1.4-17.5-1.4-26.4 0-15.9 1.5-31.4 4.3-46.5.7-3.6-1.2-7.3-4.5-8.8-13.6-6.1-26.1-14.5-36.9-25.1a127.54 127.54 0 01-38.7-95.4c.9-32.1 13.8-62.6 36.3-85.6 24.7-25.3 57.9-39.1 93.2-38.7 31.9.3 62.7 12.6 86 34.4 7.9 7.4 14.7 15.6 20.4 24.4 2 3.1 5.9 4.4 9.3 3.2 17.6-6.1 36.2-10.4 55.3-12.4 5.6-.6 8.8-6.6 6.3-11.6-32.5-64.3-98.9-108.7-175.7-109.9-110.9-1.7-203.3 89.2-203.3 199.9 0 62.8 28.9 118.8 74.2 155.5-31.8 14.7-61.1 35-86.5 60.4-54.8 54.7-85.8 126.9-87.8 204a8 8 0 008 8.2h56.1c4.3 0 7.9-3.4 8-7.7 1.9-58 25.4-112.3 66.7-153.5 29.4-29.4 65.4-49.8 104.7-59.7 3.9-1 6.5-4.7 6-8.7z"}}]},name:"team",theme:"outlined"};var o=n(9820),i=function(e,t){return s.createElement(o.A,(0,a.A)({},e,{ref:t,icon:c}))};const r=s.forwardRef(i)},738:(e,t,n)=>{n.r(t),n.d(t,{assets:()=>A,contentTitle:()=>g,default:()=>_,frontMatter:()=>v,metadata:()=>j,toc:()=>C});var a=n(6070),s=n(1100),c=n(7946),o=n(1350),i=n(1825),r=n(991),l=n(758);const d={icon:{tag:"svg",attrs:{viewBox:"64 64 896 896",focusable:"false"},children:[{tag:"defs",attrs:{},children:[{tag:"style",attrs:{}}]},{tag:"path",attrs:{d:"M447.8 588.8l-7.3-32.5c-.2-1-.6-1.9-1.1-2.7a7.94 7.94 0 00-11.1-2.2L405 567V411c0-4.4-3.6-8-8-8h-81c-4.4 0-8 3.6-8 8v36c0 4.4 3.6 8 8 8h37v192.4a8 8 0 0012.7 6.5l79-56.8c2.6-1.9 3.8-5.1 3.1-8.3zm-56.7-216.6l.2.2c3.2 3 8.3 2.8 11.3-.5l24.1-26.2a8.1 8.1 0 00-.3-11.2l-53.7-52.1a8 8 0 00-11.2.1l-24.7 24.7c-3.1 3.1-3.1 8.2.1 11.3l54.2 53.7z"}},{tag:"path",attrs:{d:"M866.9 169.9L527.1 54.1C523 52.7 517.5 52 512 52s-11 .7-15.1 2.1L157.1 169.9c-8.3 2.8-15.1 12.4-15.1 21.2v482.4c0 8.8 5.7 20.4 12.6 25.9L499.3 968c3.5 2.7 8 4.1 12.6 4.1s9.2-1.4 12.6-4.1l344.7-268.6c6.9-5.4 12.6-17 12.6-25.9V191.1c.2-8.8-6.6-18.3-14.9-21.2zM810 654.3L512 886.5 214 654.3V226.7l298-101.6 298 101.6v427.6z"}},{tag:"path",attrs:{d:"M452 297v36c0 4.4 3.6 8 8 8h108v274h-38V405c0-4.4-3.6-8-8-8h-35c-4.4 0-8 3.6-8 8v210h-31c-4.4 0-8 3.6-8 8v37c0 4.4 3.6 8 8 8h244c4.4 0 8-3.6 8-8v-37c0-4.4-3.6-8-8-8h-72V493h58c4.4 0 8-3.6 8-8v-35c0-4.4-3.6-8-8-8h-58V341h63c4.4 0 8-3.6 8-8v-36c0-4.4-3.6-8-8-8H460c-4.4 0-8 3.6-8 8z"}}]},name:"verified",theme:"outlined"};var m=n(9820),u=function(e,t){return l.createElement(m.A,(0,r.A)({},e,{ref:t,icon:d}))};const h=l.forwardRef(u);const f={icon:{tag:"svg",attrs:{viewBox:"64 64 896 896",focusable:"false"},children:[{tag:"path",attrs:{d:"M909.6 854.5L649.9 594.8C690.2 542.7 712 479 712 412c0-80.2-31.3-155.4-87.9-212.1-56.6-56.7-132-87.9-212.1-87.9s-155.5 31.3-212.1 87.9C143.2 256.5 112 331.8 112 412c0 80.1 31.3 155.5 87.9 212.1C256.5 680.8 331.8 712 412 712c67 0 130.6-21.8 182.7-62l259.7 259.6a8.2 8.2 0 0011.6 0l43.6-43.5a8.2 8.2 0 000-11.6zM570.4 570.4C528 612.7 471.8 636 412 636s-116-23.3-158.4-65.6C211.3 528 188 471.8 188 412s23.3-116.1 65.6-158.4C296 211.3 352.2 188 412 188s116.1 23.2 158.4 65.6S636 352.2 636 412s-23.3 116.1-65.6 158.4z"}}]},name:"search",theme:"outlined"};var p=function(e,t){return l.createElement(m.A,(0,r.A)({},e,{ref:t,icon:f}))};const x=l.forwardRef(p),v={hide_table_of_contents:!0},g="\ud83d\udcab Community",j={id:"index",title:"\ud83d\udcab Community",description:"Community resources, additional materials",source:"@site/i18n/en/docusaurus-plugin-content-docs/community/index.mdx",sourceDirName:".",slug:"/",permalink:"/ru/community/",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/community/index.mdx",tags:[],version:"current",lastUpdatedBy:"InJaEE",lastUpdatedAt:1728325386e3,frontMatter:{hide_table_of_contents:!0},sidebar:"community",next:{title:"Team",permalink:"/ru/community/team"}},A={},C=[{value:"Main",id:"main",level:2},...c.RM,...c.RM,...c.RM,...c.RM];function y(e){const t={h1:"h1",h2:"h2",header:"header",p:"p",...(0,s.R)(),...e.components};return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(t.header,{children:(0,a.jsx)(t.h1,{id:"-community",children:"\ud83d\udcab Community"})}),"\n",(0,a.jsx)("p",{class:"summary",children:(0,a.jsx)(t.p,{children:"Community resources, additional materials"})}),"\n",(0,a.jsx)(t.h2,{id:"main",children:"Main"}),"\n","\n",(0,a.jsx)(c.Ay,{title:"Awesome Resources",description:"A curated list of awesome FSD videos, articles, packages",to:"https://github.com/feature-sliced/awesome",Icon:o.A}),"\n",(0,a.jsx)(c.Ay,{title:"Team",description:"Core-team, Champions, Contributors, Companies",to:"/community/team",Icon:i.A}),"\n",(0,a.jsx)(c.Ay,{title:"Brandbook",description:"Recommendations for FSD's branding usage",to:"/docs/branding",Icon:h}),"\n",(0,a.jsx)(c.Ay,{title:"Contributing",description:"HowTo, Workflow, Support",to:"#",Icon:x,disabled:!0})]})}function _(e={}){const{wrapper:t}={...(0,s.R)(),...e.components};return t?(0,a.jsx)(t,{...e,children:(0,a.jsx)(y,{...e})}):y(e)}},7946:(e,t,n)=>{n.d(t,{Ay:()=>r,RM:()=>o});var a=n(6070),s=n(1100),c=n(5988);const o=[];function i(e){return(0,a.jsx)(c.A,{...e})}function r(e={}){const{wrapper:t}={...(0,s.R)(),...e.components};return t?(0,a.jsx)(t,{...e,children:(0,a.jsx)(i,{...e})}):i(e)}},5988:(e,t,n)=>{n.d(t,{Y:()=>i,A:()=>l});n(758);var a=n(3526),s=n(6783);const c={root:"root_GfON",rootDisabled:"rootDisabled_SFUB",details:"details_xxkR",detailsTags:"detailsTags_uTQx",icon:"icon_ciqP",title:"title_pSH5",description:"description__Fep",miniTheme:"miniTheme_ePfp",primaryTheme:"primaryTheme_CilO",defaultTheme:"defaultTheme_j3I8"};var o=n(6070);const i=e=>{const{title:t,description:n,to:i,Icon:l,tags:d,className:m,disabled:u,theme:h="default"}=e;return(0,o.jsxs)(s.A,{className:(0,a.A)(c.root,m,u&&c.rootDisabled,c[`${h}Theme`]),to:i,children:[(0,o.jsx)(r,{Icon:l}),(0,o.jsxs)("div",{className:c.details,children:[(0,o.jsxs)("div",{className:c.detailsMain,children:[(0,o.jsx)("span",{className:c.title,children:t}),(0,o.jsx)("p",{className:c.description,children:n})]}),d&&(0,o.jsx)("div",{className:c.detailsTags,children:d.join(" \u2022 ")})]})]})},r=e=>{let{Icon:t}=e;return t?"string"==typeof t?(0,o.jsx)("span",{className:c.icon,children:t}):(0,o.jsx)(t,{className:c.icon}):null},l=i},1100:(e,t,n)=>{n.d(t,{R:()=>o,x:()=>i});var a=n(758);const s={},c=a.createContext(s);function o(e){const t=a.useContext(c);return a.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function i(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(s):e.components||s:o(e.components),a.createElement(c.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
diff --git a/ru/assets/js/a61c55ce.9c7f5d30.js.LICENSE.txt b/ru/assets/js/a61c55ce.6a925e29.js.LICENSE.txt
similarity index 100%
rename from ru/assets/js/a61c55ce.9c7f5d30.js.LICENSE.txt
rename to ru/assets/js/a61c55ce.6a925e29.js.LICENSE.txt
diff --git a/ru/assets/js/a657d4fc.cfcb092e.js b/ru/assets/js/a657d4fc.20d78aad.js
similarity index 98%
rename from ru/assets/js/a657d4fc.cfcb092e.js
rename to ru/assets/js/a657d4fc.20d78aad.js
index 6455d1b14c..15c7a9ff65 100644
--- a/ru/assets/js/a657d4fc.cfcb092e.js
+++ b/ru/assets/js/a657d4fc.20d78aad.js
@@ -1 +1 @@
-"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[9783],{1928:(e,t,s)=>{s.d(t,{Ay:()=>l,RM:()=>d});var i=s(6070),r=s(1100),n=(s(758),s(6783)),o=s(7765);const a=e=>{let{ticket:t}=e;const s=`https://github.com/feature-sliced/documentation/issues/${t}`;return(0,i.jsxs)("div",{children:[(0,i.jsx)("p",{children:(0,o.T)({id:"shared.wip.title"})}),(0,i.jsx)("p",{children:(0,o.T)({id:"shared.wip.subtitle"})}),(0,i.jsxs)("ul",{children:[(0,i.jsxs)("li",{children:[(0,o.T)({id:"shared.wip.var.feedback.base"}),(0,i.jsx)(n.A,{to:s,children:(0,o.T)({id:"shared.wip.var.feedback.link"})})]}),(0,i.jsxs)("li",{children:[(0,o.T)({id:"shared.wip.var.material.base"}),(0,i.jsx)(n.A,{to:"https://t.me/feature_sliced",children:(0,o.T)({id:"shared.wip.var.material.link"})})]}),(0,i.jsxs)("li",{children:[(0,o.T)({id:"shared.wip.var.contribute.base"}),(0,i.jsx)(n.A,{to:"https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md",children:(0,o.T)({id:"shared.wip.var.contribute.link"})})]})]}),(0,i.jsx)("br",{}),(0,i.jsx)("p",{children:(0,i.jsx)("i",{children:"\ud83c\udf70 Stay tuned!"})})]})},d=[];function c(e){const t={admonition:"admonition",...(0,r.R)(),...e.components};return(0,i.jsx)(t.admonition,{title:"WIP",type:"caution",children:(0,i.jsx)(a,{ticket:e.ticket})})}function l(e={}){const{wrapper:t}={...(0,r.R)(),...e.components};return t?(0,i.jsx)(t,{...e,children:(0,i.jsx)(c,{...e})}):c(e)}},1399:(e,t,s)=>{s.r(t),s.d(t,{assets:()=>c,contentTitle:()=>a,default:()=>p,frontMatter:()=>o,metadata:()=>d,toc:()=>l});var i=s(6070),r=s(1100),n=s(1928);const o={sidebar_class_name:"sidebar-item--wip",unlisted:!0},a="Browser API",d={id:"guides/examples/browser-api",title:"Browser API",description:"\u041f\u0440\u043e \u0440\u0430\u0431\u043e\u0442\u0443 \u0441 Browser API: localStorage, audioApi, bluetoothAPI \u0438 \u0442.\u043f.",source:"@site/i18n/ru/docusaurus-plugin-content-docs/current/guides/examples/browser-api.mdx",sourceDirName:"guides/examples",slug:"/guides/examples/browser-api",permalink:"/ru/docs/guides/examples/browser-api",draft:!1,unlisted:!0,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/ru/docusaurus-plugin-content-docs/current/guides/examples/browser-api.mdx",tags:[],version:"current",lastUpdatedAt:1727607766e3,frontMatter:{sidebar_class_name:"sidebar-item--wip",unlisted:!0},sidebar:"guidesSidebar"},c={},l=[...n.RM];function u(e){const t={a:"a",blockquote:"blockquote",h1:"h1",header:"header",p:"p",...(0,r.R)(),...e.components};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(t.header,{children:(0,i.jsx)(t.h1,{id:"browser-api",children:"Browser API"})}),"\n",(0,i.jsx)(n.Ay,{ticket:"197"}),"\n",(0,i.jsxs)(t.blockquote,{children:["\n",(0,i.jsx)(t.p,{children:"\u041f\u0440\u043e \u0440\u0430\u0431\u043e\u0442\u0443 \u0441 Browser API: localStorage, audioApi, bluetoothAPI \u0438 \u0442.\u043f."}),"\n",(0,i.jsxs)(t.p,{children:["\u041f\u043e\u0434\u0440\u043e\u0431\u043d\u0435\u0435 \u043f\u0440\u043e \u0438\u0434\u0435\u044e \u043c\u043e\u0436\u043d\u043e \u0441\u043f\u0440\u043e\u0441\u0438\u0442\u044c ",(0,i.jsx)(t.a,{href:"https://t.me/alex_novich",children:"@alex_novi"})]}),"\n"]})]})}function p(e={}){const{wrapper:t}={...(0,r.R)(),...e.components};return t?(0,i.jsx)(t,{...e,children:(0,i.jsx)(u,{...e})}):u(e)}},1100:(e,t,s)=>{s.d(t,{R:()=>o,x:()=>a});var i=s(758);const r={},n=i.createContext(r);function o(e){const t=i.useContext(n);return i.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function a(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(r):e.components||r:o(e.components),i.createElement(n.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
+"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[9783],{1928:(e,t,s)=>{s.d(t,{Ay:()=>l,RM:()=>d});var i=s(6070),r=s(1100),n=(s(758),s(6783)),o=s(7765);const a=e=>{let{ticket:t}=e;const s=`https://github.com/feature-sliced/documentation/issues/${t}`;return(0,i.jsxs)("div",{children:[(0,i.jsx)("p",{children:(0,o.T)({id:"shared.wip.title"})}),(0,i.jsx)("p",{children:(0,o.T)({id:"shared.wip.subtitle"})}),(0,i.jsxs)("ul",{children:[(0,i.jsxs)("li",{children:[(0,o.T)({id:"shared.wip.var.feedback.base"}),(0,i.jsx)(n.A,{to:s,children:(0,o.T)({id:"shared.wip.var.feedback.link"})})]}),(0,i.jsxs)("li",{children:[(0,o.T)({id:"shared.wip.var.material.base"}),(0,i.jsx)(n.A,{to:"https://t.me/feature_sliced",children:(0,o.T)({id:"shared.wip.var.material.link"})})]}),(0,i.jsxs)("li",{children:[(0,o.T)({id:"shared.wip.var.contribute.base"}),(0,i.jsx)(n.A,{to:"https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md",children:(0,o.T)({id:"shared.wip.var.contribute.link"})})]})]}),(0,i.jsx)("br",{}),(0,i.jsx)("p",{children:(0,i.jsx)("i",{children:"\ud83c\udf70 Stay tuned!"})})]})},d=[];function c(e){const t={admonition:"admonition",...(0,r.R)(),...e.components};return(0,i.jsx)(t.admonition,{title:"WIP",type:"caution",children:(0,i.jsx)(a,{ticket:e.ticket})})}function l(e={}){const{wrapper:t}={...(0,r.R)(),...e.components};return t?(0,i.jsx)(t,{...e,children:(0,i.jsx)(c,{...e})}):c(e)}},1399:(e,t,s)=>{s.r(t),s.d(t,{assets:()=>c,contentTitle:()=>a,default:()=>p,frontMatter:()=>o,metadata:()=>d,toc:()=>l});var i=s(6070),r=s(1100),n=s(1928);const o={sidebar_class_name:"sidebar-item--wip",unlisted:!0},a="Browser API",d={id:"guides/examples/browser-api",title:"Browser API",description:"\u041f\u0440\u043e \u0440\u0430\u0431\u043e\u0442\u0443 \u0441 Browser API: localStorage, audioApi, bluetoothAPI \u0438 \u0442.\u043f.",source:"@site/i18n/ru/docusaurus-plugin-content-docs/current/guides/examples/browser-api.mdx",sourceDirName:"guides/examples",slug:"/guides/examples/browser-api",permalink:"/ru/docs/guides/examples/browser-api",draft:!1,unlisted:!0,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/ru/docusaurus-plugin-content-docs/current/guides/examples/browser-api.mdx",tags:[],version:"current",lastUpdatedAt:1728325386e3,frontMatter:{sidebar_class_name:"sidebar-item--wip",unlisted:!0},sidebar:"guidesSidebar"},c={},l=[...n.RM];function u(e){const t={a:"a",blockquote:"blockquote",h1:"h1",header:"header",p:"p",...(0,r.R)(),...e.components};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(t.header,{children:(0,i.jsx)(t.h1,{id:"browser-api",children:"Browser API"})}),"\n",(0,i.jsx)(n.Ay,{ticket:"197"}),"\n",(0,i.jsxs)(t.blockquote,{children:["\n",(0,i.jsx)(t.p,{children:"\u041f\u0440\u043e \u0440\u0430\u0431\u043e\u0442\u0443 \u0441 Browser API: localStorage, audioApi, bluetoothAPI \u0438 \u0442.\u043f."}),"\n",(0,i.jsxs)(t.p,{children:["\u041f\u043e\u0434\u0440\u043e\u0431\u043d\u0435\u0435 \u043f\u0440\u043e \u0438\u0434\u0435\u044e \u043c\u043e\u0436\u043d\u043e \u0441\u043f\u0440\u043e\u0441\u0438\u0442\u044c ",(0,i.jsx)(t.a,{href:"https://t.me/alex_novich",children:"@alex_novi"})]}),"\n"]})]})}function p(e={}){const{wrapper:t}={...(0,r.R)(),...e.components};return t?(0,i.jsx)(t,{...e,children:(0,i.jsx)(u,{...e})}):u(e)}},1100:(e,t,s)=>{s.d(t,{R:()=>o,x:()=>a});var i=s(758);const r={},n=i.createContext(r);function o(e){const t=i.useContext(n);return i.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function a(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(r):e.components||r:o(e.components),i.createElement(n.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
diff --git a/ru/assets/js/a6bb2b9f.10944df0.js b/ru/assets/js/a6bb2b9f.40b4145b.js
similarity index 98%
rename from ru/assets/js/a6bb2b9f.10944df0.js
rename to ru/assets/js/a6bb2b9f.40b4145b.js
index 63faa1b350..242b103949 100644
--- a/ru/assets/js/a6bb2b9f.10944df0.js
+++ b/ru/assets/js/a6bb2b9f.40b4145b.js
@@ -1 +1 @@
-"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[643],{1928:(e,t,i)=>{i.d(t,{Ay:()=>l,RM:()=>c});var n=i(6070),s=i(1100),r=(i(758),i(6783)),d=i(7765);const o=e=>{let{ticket:t}=e;const i=`https://github.com/feature-sliced/documentation/issues/${t}`;return(0,n.jsxs)("div",{children:[(0,n.jsx)("p",{children:(0,d.T)({id:"shared.wip.title"})}),(0,n.jsx)("p",{children:(0,d.T)({id:"shared.wip.subtitle"})}),(0,n.jsxs)("ul",{children:[(0,n.jsxs)("li",{children:[(0,d.T)({id:"shared.wip.var.feedback.base"}),(0,n.jsx)(r.A,{to:i,children:(0,d.T)({id:"shared.wip.var.feedback.link"})})]}),(0,n.jsxs)("li",{children:[(0,d.T)({id:"shared.wip.var.material.base"}),(0,n.jsx)(r.A,{to:"https://t.me/feature_sliced",children:(0,d.T)({id:"shared.wip.var.material.link"})})]}),(0,n.jsxs)("li",{children:[(0,d.T)({id:"shared.wip.var.contribute.base"}),(0,n.jsx)(r.A,{to:"https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md",children:(0,d.T)({id:"shared.wip.var.contribute.link"})})]})]}),(0,n.jsx)("br",{}),(0,n.jsx)("p",{children:(0,n.jsx)("i",{children:"\ud83c\udf70 Stay tuned!"})})]})},c=[];function a(e){const t={admonition:"admonition",...(0,s.R)(),...e.components};return(0,n.jsx)(t.admonition,{title:"WIP",type:"caution",children:(0,n.jsx)(o,{ticket:e.ticket})})}function l(e={}){const{wrapper:t}={...(0,s.R)(),...e.components};return t?(0,n.jsx)(t,{...e,children:(0,n.jsx)(a,{...e})}):a(e)}},2287:(e,t,i)=>{i.r(t),i.d(t,{assets:()=>a,contentTitle:()=>o,default:()=>h,frontMatter:()=>d,metadata:()=>c,toc:()=>l});var n=i(6070),s=i(1100),r=i(1928);const d={sidebar_position:4,sidebar_class_name:"sidebar-item--wip",unlisted:!0},o="\u0422\u0435\u043c\u0438\u0437\u0430\u0446\u0438\u044f",c={id:"guides/examples/theme",title:"\u0422\u0435\u043c\u0438\u0437\u0430\u0446\u0438\u044f",description:"\u041a\u0443\u0434\u0430 \u043f\u043e\u043b\u043e\u0436\u0438\u0442\u044c \u0440\u0430\u0431\u043e\u0442\u0443 \u0441 \u0442\u0435\u043c\u043e\u0439 \u0438 \u043f\u0430\u043b\u0438\u0442\u0440\u043e\u0439?",source:"@site/i18n/ru/docusaurus-plugin-content-docs/current/guides/examples/theme.mdx",sourceDirName:"guides/examples",slug:"/guides/examples/theme",permalink:"/ru/docs/guides/examples/theme",draft:!1,unlisted:!0,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/ru/docusaurus-plugin-content-docs/current/guides/examples/theme.mdx",tags:[],version:"current",lastUpdatedAt:1727607766e3,sidebarPosition:4,frontMatter:{sidebar_position:4,sidebar_class_name:"sidebar-item--wip",unlisted:!0},sidebar:"guidesSidebar"},a={},l=[...r.RM,{value:"\u041a\u0443\u0434\u0430 \u043f\u043e\u043b\u043e\u0436\u0438\u0442\u044c \u0440\u0430\u0431\u043e\u0442\u0443 \u0441 \u0442\u0435\u043c\u043e\u0439 \u0438 \u043f\u0430\u043b\u0438\u0442\u0440\u043e\u0439?",id:"where-should-i-put-my-work-with-the-theme-and-palette",level:2},{value:"\u0420\u0430\u0441\u0441\u0443\u0436\u0434\u0435\u043d\u0438\u044f \u043f\u0440\u043e \u0440\u0430\u0441\u043f\u043e\u043b\u043e\u0436\u0435\u043d\u0438\u0435 theme, i18n \u043b\u043e\u0433\u0438\u043a\u0438",id:"discussion-about-the-location-of-the-theme-i18n-logic",level:2}];function u(e){const t={a:"a",blockquote:"blockquote",h1:"h1",h2:"h2",header:"header",p:"p",...(0,s.R)(),...e.components};return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(t.header,{children:(0,n.jsx)(t.h1,{id:"\u0442\u0435\u043c\u0438\u0437\u0430\u0446\u0438\u044f",children:"\u0422\u0435\u043c\u0438\u0437\u0430\u0446\u0438\u044f"})}),"\n",(0,n.jsx)(r.Ay,{ticket:"207"}),"\n",(0,n.jsx)(t.h2,{id:"where-should-i-put-my-work-with-the-theme-and-palette",children:"\u041a\u0443\u0434\u0430 \u043f\u043e\u043b\u043e\u0436\u0438\u0442\u044c \u0440\u0430\u0431\u043e\u0442\u0443 \u0441 \u0442\u0435\u043c\u043e\u0439 \u0438 \u043f\u0430\u043b\u0438\u0442\u0440\u043e\u0439?"}),"\n",(0,n.jsxs)(t.blockquote,{children:["\n",(0,n.jsx)(t.p,{children:(0,n.jsx)(t.a,{href:"https://t.me/feature_sliced/4410",children:"https://t.me/feature_sliced/4410"})}),"\n"]}),"\n",(0,n.jsx)(t.h2,{id:"discussion-about-the-location-of-the-theme-i18n-logic",children:"\u0420\u0430\u0441\u0441\u0443\u0436\u0434\u0435\u043d\u0438\u044f \u043f\u0440\u043e \u0440\u0430\u0441\u043f\u043e\u043b\u043e\u0436\u0435\u043d\u0438\u0435 theme, i18n \u043b\u043e\u0433\u0438\u043a\u0438"}),"\n",(0,n.jsxs)(t.blockquote,{children:["\n",(0,n.jsx)(t.p,{children:(0,n.jsx)(t.a,{href:"https://youtu.be/b_nBvHWqxP8?t=133",children:"https://youtu.be/b_nBvHWqxP8?t=133"})}),"\n"]})]})}function h(e={}){const{wrapper:t}={...(0,s.R)(),...e.components};return t?(0,n.jsx)(t,{...e,children:(0,n.jsx)(u,{...e})}):u(e)}},1100:(e,t,i)=>{i.d(t,{R:()=>d,x:()=>o});var n=i(758);const s={},r=n.createContext(s);function d(e){const t=n.useContext(r);return n.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function o(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(s):e.components||s:d(e.components),n.createElement(r.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
+"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[643],{1928:(e,t,i)=>{i.d(t,{Ay:()=>l,RM:()=>c});var n=i(6070),s=i(1100),r=(i(758),i(6783)),d=i(7765);const o=e=>{let{ticket:t}=e;const i=`https://github.com/feature-sliced/documentation/issues/${t}`;return(0,n.jsxs)("div",{children:[(0,n.jsx)("p",{children:(0,d.T)({id:"shared.wip.title"})}),(0,n.jsx)("p",{children:(0,d.T)({id:"shared.wip.subtitle"})}),(0,n.jsxs)("ul",{children:[(0,n.jsxs)("li",{children:[(0,d.T)({id:"shared.wip.var.feedback.base"}),(0,n.jsx)(r.A,{to:i,children:(0,d.T)({id:"shared.wip.var.feedback.link"})})]}),(0,n.jsxs)("li",{children:[(0,d.T)({id:"shared.wip.var.material.base"}),(0,n.jsx)(r.A,{to:"https://t.me/feature_sliced",children:(0,d.T)({id:"shared.wip.var.material.link"})})]}),(0,n.jsxs)("li",{children:[(0,d.T)({id:"shared.wip.var.contribute.base"}),(0,n.jsx)(r.A,{to:"https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md",children:(0,d.T)({id:"shared.wip.var.contribute.link"})})]})]}),(0,n.jsx)("br",{}),(0,n.jsx)("p",{children:(0,n.jsx)("i",{children:"\ud83c\udf70 Stay tuned!"})})]})},c=[];function a(e){const t={admonition:"admonition",...(0,s.R)(),...e.components};return(0,n.jsx)(t.admonition,{title:"WIP",type:"caution",children:(0,n.jsx)(o,{ticket:e.ticket})})}function l(e={}){const{wrapper:t}={...(0,s.R)(),...e.components};return t?(0,n.jsx)(t,{...e,children:(0,n.jsx)(a,{...e})}):a(e)}},2287:(e,t,i)=>{i.r(t),i.d(t,{assets:()=>a,contentTitle:()=>o,default:()=>h,frontMatter:()=>d,metadata:()=>c,toc:()=>l});var n=i(6070),s=i(1100),r=i(1928);const d={sidebar_position:4,sidebar_class_name:"sidebar-item--wip",unlisted:!0},o="\u0422\u0435\u043c\u0438\u0437\u0430\u0446\u0438\u044f",c={id:"guides/examples/theme",title:"\u0422\u0435\u043c\u0438\u0437\u0430\u0446\u0438\u044f",description:"\u041a\u0443\u0434\u0430 \u043f\u043e\u043b\u043e\u0436\u0438\u0442\u044c \u0440\u0430\u0431\u043e\u0442\u0443 \u0441 \u0442\u0435\u043c\u043e\u0439 \u0438 \u043f\u0430\u043b\u0438\u0442\u0440\u043e\u0439?",source:"@site/i18n/ru/docusaurus-plugin-content-docs/current/guides/examples/theme.mdx",sourceDirName:"guides/examples",slug:"/guides/examples/theme",permalink:"/ru/docs/guides/examples/theme",draft:!1,unlisted:!0,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/ru/docusaurus-plugin-content-docs/current/guides/examples/theme.mdx",tags:[],version:"current",lastUpdatedAt:1728325386e3,sidebarPosition:4,frontMatter:{sidebar_position:4,sidebar_class_name:"sidebar-item--wip",unlisted:!0},sidebar:"guidesSidebar"},a={},l=[...r.RM,{value:"\u041a\u0443\u0434\u0430 \u043f\u043e\u043b\u043e\u0436\u0438\u0442\u044c \u0440\u0430\u0431\u043e\u0442\u0443 \u0441 \u0442\u0435\u043c\u043e\u0439 \u0438 \u043f\u0430\u043b\u0438\u0442\u0440\u043e\u0439?",id:"where-should-i-put-my-work-with-the-theme-and-palette",level:2},{value:"\u0420\u0430\u0441\u0441\u0443\u0436\u0434\u0435\u043d\u0438\u044f \u043f\u0440\u043e \u0440\u0430\u0441\u043f\u043e\u043b\u043e\u0436\u0435\u043d\u0438\u0435 theme, i18n \u043b\u043e\u0433\u0438\u043a\u0438",id:"discussion-about-the-location-of-the-theme-i18n-logic",level:2}];function u(e){const t={a:"a",blockquote:"blockquote",h1:"h1",h2:"h2",header:"header",p:"p",...(0,s.R)(),...e.components};return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(t.header,{children:(0,n.jsx)(t.h1,{id:"\u0442\u0435\u043c\u0438\u0437\u0430\u0446\u0438\u044f",children:"\u0422\u0435\u043c\u0438\u0437\u0430\u0446\u0438\u044f"})}),"\n",(0,n.jsx)(r.Ay,{ticket:"207"}),"\n",(0,n.jsx)(t.h2,{id:"where-should-i-put-my-work-with-the-theme-and-palette",children:"\u041a\u0443\u0434\u0430 \u043f\u043e\u043b\u043e\u0436\u0438\u0442\u044c \u0440\u0430\u0431\u043e\u0442\u0443 \u0441 \u0442\u0435\u043c\u043e\u0439 \u0438 \u043f\u0430\u043b\u0438\u0442\u0440\u043e\u0439?"}),"\n",(0,n.jsxs)(t.blockquote,{children:["\n",(0,n.jsx)(t.p,{children:(0,n.jsx)(t.a,{href:"https://t.me/feature_sliced/4410",children:"https://t.me/feature_sliced/4410"})}),"\n"]}),"\n",(0,n.jsx)(t.h2,{id:"discussion-about-the-location-of-the-theme-i18n-logic",children:"\u0420\u0430\u0441\u0441\u0443\u0436\u0434\u0435\u043d\u0438\u044f \u043f\u0440\u043e \u0440\u0430\u0441\u043f\u043e\u043b\u043e\u0436\u0435\u043d\u0438\u0435 theme, i18n \u043b\u043e\u0433\u0438\u043a\u0438"}),"\n",(0,n.jsxs)(t.blockquote,{children:["\n",(0,n.jsx)(t.p,{children:(0,n.jsx)(t.a,{href:"https://youtu.be/b_nBvHWqxP8?t=133",children:"https://youtu.be/b_nBvHWqxP8?t=133"})}),"\n"]})]})}function h(e={}){const{wrapper:t}={...(0,s.R)(),...e.components};return t?(0,n.jsx)(t,{...e,children:(0,n.jsx)(u,{...e})}):u(e)}},1100:(e,t,i)=>{i.d(t,{R:()=>d,x:()=>o});var n=i(758);const s={},r=n.createContext(s);function d(e){const t=n.useContext(r);return n.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function o(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(s):e.components||s:d(e.components),n.createElement(r.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
diff --git a/ru/assets/js/a97f4ecc.10100931.js b/ru/assets/js/a97f4ecc.464ab23e.js
similarity index 99%
rename from ru/assets/js/a97f4ecc.10100931.js
rename to ru/assets/js/a97f4ecc.464ab23e.js
index 5fa78c1de2..111544d04e 100644
--- a/ru/assets/js/a97f4ecc.10100931.js
+++ b/ru/assets/js/a97f4ecc.464ab23e.js
@@ -1 +1 @@
-"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[1217],{8173:(e,s,n)=>{n.r(s),n.d(s,{assets:()=>d,contentTitle:()=>c,default:()=>p,frontMatter:()=>r,metadata:()=>l,toc:()=>a});var t=n(6070),i=n(1100);const r={sidebar_position:10},c="\u0418\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u0435 \u0441 SvelteKit",l={id:"guides/tech/with-sveltekit",title:"\u0418\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u0435 \u0441 SvelteKit",description:"\u0412 SvelteKit \u043f\u0440\u043e\u0435\u043a\u0442\u0435 \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e \u0440\u0435\u0430\u043b\u0438\u0437\u043e\u0432\u0430\u0442\u044c FSD, \u043e\u0434\u043d\u0430\u043a\u043e \u0432\u043e\u0437\u043d\u0438\u043a\u0430\u044e\u0442 \u043a\u043e\u043d\u0444\u043b\u0438\u043a\u0442\u044b \u0438\u0437-\u0437\u0430 \u0440\u0430\u0437\u043b\u0438\u0447\u0438\u0439 \u043c\u0435\u0436\u0434\u0443 \u0442\u0440\u0435\u0431\u043e\u0432\u0430\u043d\u0438\u044f\u043c\u0438 \u043a \u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u0435 \u043f\u0440\u043e\u0435\u043a\u0442\u0430 SvelteKit \u0438 \u043f\u0440\u0438\u043d\u0446\u0438\u043f\u0430\u043c\u0438 FSD:",source:"@site/i18n/ru/docusaurus-plugin-content-docs/current/guides/tech/with-sveltekit.mdx",sourceDirName:"guides/tech",slug:"/guides/tech/with-sveltekit",permalink:"/ru/docs/guides/tech/with-sveltekit",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/ru/docusaurus-plugin-content-docs/current/guides/tech/with-sveltekit.mdx",tags:[],version:"current",lastUpdatedAt:1727607766e3,sidebarPosition:10,frontMatter:{sidebar_position:10},sidebar:"guidesSidebar",previous:{title:"\u0418\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u0435 \u0441 React Query",permalink:"/ru/docs/guides/tech/with-react-query"},next:{title:"\u0414\u0435\u0441\u0435\u0433\u043c\u0435\u043d\u0442\u0430\u0446\u0438\u044f",permalink:"/ru/docs/guides/issues/desegmented"}},d={},a=[{value:"\u041d\u0430\u0441\u0442\u0440\u043e\u0438\u043c \u043a\u043e\u043d\u0444\u0438\u0433",id:"\u043d\u0430\u0441\u0442\u0440\u043e\u0438\u043c-\u043a\u043e\u043d\u0444\u0438\u0433",level:2},{value:"\u041f\u0435\u0440\u0435\u043c\u0435\u0449\u0435\u043d\u0438\u0435 \u0444\u0430\u0439\u043b\u043e\u0432\u043e\u0433\u043e \u0440\u043e\u0443\u0442\u0438\u043d\u0433\u0430 \u0432 <code>src/app</code>",id:"\u043f\u0435\u0440\u0435\u043c\u0435\u0449\u0435\u043d\u0438\u0435-\u0444\u0430\u0439\u043b\u043e\u0432\u043e\u0433\u043e-\u0440\u043e\u0443\u0442\u0438\u043d\u0433\u0430-\u0432-srcapp",level:2},{value:"\u0421\u043c. \u0442\u0430\u043a\u0436\u0435",id:"\u0441\u043c-\u0442\u0430\u043a\u0436\u0435",level:2}];function o(e){const s={a:"a",code:"code",h1:"h1",h2:"h2",header:"header",li:"li",p:"p",pre:"pre",ul:"ul",...(0,i.R)(),...e.components};return(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(s.header,{children:(0,t.jsx)(s.h1,{id:"\u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u0435-\u0441-sveltekit",children:"\u0418\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u0435 \u0441 SvelteKit"})}),"\n",(0,t.jsx)(s.p,{children:"\u0412 SvelteKit \u043f\u0440\u043e\u0435\u043a\u0442\u0435 \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e \u0440\u0435\u0430\u043b\u0438\u0437\u043e\u0432\u0430\u0442\u044c FSD, \u043e\u0434\u043d\u0430\u043a\u043e \u0432\u043e\u0437\u043d\u0438\u043a\u0430\u044e\u0442 \u043a\u043e\u043d\u0444\u043b\u0438\u043a\u0442\u044b \u0438\u0437-\u0437\u0430 \u0440\u0430\u0437\u043b\u0438\u0447\u0438\u0439 \u043c\u0435\u0436\u0434\u0443 \u0442\u0440\u0435\u0431\u043e\u0432\u0430\u043d\u0438\u044f\u043c\u0438 \u043a \u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u0435 \u043f\u0440\u043e\u0435\u043a\u0442\u0430 SvelteKit \u0438 \u043f\u0440\u0438\u043d\u0446\u0438\u043f\u0430\u043c\u0438 FSD:"}),"\n",(0,t.jsxs)(s.ul,{children:["\n",(0,t.jsxs)(s.li,{children:["\u0418\u0437\u043d\u0430\u0447\u0430\u043b\u044c\u043d\u043e, SvelteKit \u043f\u0440\u0435\u0434\u043b\u0430\u0433\u0430\u0435\u0442 \u0444\u0430\u0439\u043b\u043e\u0432\u0443\u044e \u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u0443 \u0432\u043d\u0443\u0442\u0440\u0438 \u043f\u0430\u043f\u043a\u0438 ",(0,t.jsx)(s.code,{children:"src/routes"}),", \u0432 \u0442\u043e \u0432\u0440\u0435\u043c\u044f \u043a\u0430\u043a \u0432 FSD \u0440\u043e\u0443\u0442\u0438\u043d\u0433 \u0434\u043e\u043b\u0436\u0435\u043d \u0431\u044b\u0442\u044c \u0447\u0430\u0441\u0442\u044c\u044e \u0441\u043b\u043e\u044f ",(0,t.jsx)(s.code,{children:"app"}),"."]}),"\n",(0,t.jsxs)(s.li,{children:["SvelteKit \u043f\u0440\u0435\u0434\u043b\u0430\u0433\u0430\u0435\u0442 \u0441\u043a\u043b\u0430\u0434\u044b\u0432\u0430\u0442\u044c \u0432\u0441\u0451, \u0447\u0442\u043e \u043d\u0435 \u043e\u0442\u043d\u043e\u0441\u0438\u0442\u0441\u044f \u043a \u0440\u043e\u0443\u0442\u0438\u043d\u0433\u0443 \u0432 \u043f\u0430\u043f\u043a\u0443 ",(0,t.jsx)(s.code,{children:"src/lib"}),"."]}),"\n"]}),"\n",(0,t.jsx)(s.h2,{id:"\u043d\u0430\u0441\u0442\u0440\u043e\u0438\u043c-\u043a\u043e\u043d\u0444\u0438\u0433",children:"\u041d\u0430\u0441\u0442\u0440\u043e\u0438\u043c \u043a\u043e\u043d\u0444\u0438\u0433"}),"\n",(0,t.jsx)(s.pre,{children:(0,t.jsx)(s.code,{className:"language-ts",metastring:'title="svelte.config.ts"',children:"import adapter from '@sveltejs/adapter-auto';\nimport { vitePreprocess } from '@sveltejs/vite-plugin-svelte';\n\n/** @type {import('@sveltejs/kit').Config}*/\nconst config = {\n  preprocess: [vitePreprocess()],\n  kit: {\n    adapter: adapter(),\n    files: {\n      routes: 'src/app/routes',              // \u043f\u0435\u0440\u0435\u043c\u0435\u0449\u0430\u0435\u043c \u0440\u043e\u0443\u0442\u0438\u043d\u0433 \u0432\u043d\u0443\u0442\u0440\u044c app \u0441\u043b\u043e\u044f\n      lib: 'src',\n      appTemplate: 'src/app/index.html',     // \u041f\u0435\u0440\u0435\u043c\u0435\u0449\u0430\u0435\u043c \u0432\u0445\u043e\u0434\u043d\u0443\u044e \u0442\u043e\u0447\u043a\u0443 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f \u0432\u043d\u0443\u0442\u0440\u044c \u0441\u043b\u043e\u044f app\n      assets: 'public'\n    },\n    alias: {\n        '@/*': 'src/*'                       // \u0421\u043e\u0437\u0434\u0430\u0451\u043c \u0430\u043b\u0438\u0430\u0441 \u0434\u043b\u044f \u0434\u0438\u0440\u0435\u043a\u0442\u043e\u0440\u0438\u0438 src\n    }\n  }\n};\nexport default config;\n"})}),"\n",(0,t.jsxs)(s.h2,{id:"\u043f\u0435\u0440\u0435\u043c\u0435\u0449\u0435\u043d\u0438\u0435-\u0444\u0430\u0439\u043b\u043e\u0432\u043e\u0433\u043e-\u0440\u043e\u0443\u0442\u0438\u043d\u0433\u0430-\u0432-srcapp",children:["\u041f\u0435\u0440\u0435\u043c\u0435\u0449\u0435\u043d\u0438\u0435 \u0444\u0430\u0439\u043b\u043e\u0432\u043e\u0433\u043e \u0440\u043e\u0443\u0442\u0438\u043d\u0433\u0430 \u0432 ",(0,t.jsx)(s.code,{children:"src/app"})]}),"\n",(0,t.jsxs)(s.p,{children:["\u0421\u043e\u0437\u0434\u0430\u0434\u0438\u043c \u0441\u043b\u043e\u0439 app, \u043f\u0435\u0440\u0435\u043c\u0435\u0441\u0442\u0438\u043c \u0432 \u043d\u0435\u0433\u043e \u0432\u0445\u043e\u0434\u043d\u0443\u044e \u0442\u043e\u0447\u043a\u0443 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f ",(0,t.jsx)(s.code,{children:"index.html"})," \u0438 \u0441\u043e\u0437\u0434\u0430\u0434\u0438\u043c \u043f\u0430\u043f\u043a\u0443 routes.\n\u0422\u0430\u043a\u0438\u043c \u043e\u0431\u0440\u0430\u0437\u043e\u043c, \u0432\u0430\u0448\u0430 \u0444\u0430\u0439\u043b\u043e\u0432\u0430\u044f \u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u0430 \u0434\u043e\u043b\u0436\u043d\u0430 \u0432\u044b\u0433\u043b\u044f\u0434\u0435\u0442\u044c \u0442\u0430\u043a:"]}),"\n",(0,t.jsx)(s.pre,{children:(0,t.jsx)(s.code,{className:"language-sh",children:"\u251c\u2500\u2500 src\n\u2502   \u251c\u2500\u2500 app\n\u2502   \u2502   \u251c\u2500\u2500 index.html\n\u2502   \u2502   \u251c\u2500\u2500 routes\n\u2502   \u251c\u2500\u2500 pages                               # \u041f\u0430\u043f\u043a\u0430 pages, \u0437\u0430\u043a\u0440\u0435\u043f\u043b\u0451\u043d\u043d\u0430\u044f \u0437\u0430 FSD\n"})}),"\n",(0,t.jsxs)(s.p,{children:["\u0422\u0435\u043f\u0435\u0440\u044c, \u0432\u044b \u043c\u043e\u0436\u0435\u0442\u0435 \u0441\u043e\u0437\u0434\u0430\u0432\u0430\u0442\u044c \u0440\u043e\u0443\u0442\u044b \u0434\u043b\u044f \u0441\u0442\u0440\u0430\u043d\u0438\u0446 \u0432\u043d\u0443\u0442\u0440\u0438 ",(0,t.jsx)(s.code,{children:"app"})," \u0438 \u043f\u043e\u0434\u043a\u043b\u044e\u0447\u0430\u0442\u044c \u043a \u043d\u0438\u043c \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b \u0438\u0437 ",(0,t.jsx)(s.code,{children:"pages"}),"."]}),"\n",(0,t.jsx)(s.p,{children:"\u041d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, \u0447\u0442\u043e\u0431\u044b \u0434\u043e\u0431\u0430\u0432\u0438\u0442\u044c \u0433\u043b\u0430\u0432\u043d\u0443\u044e \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0443 \u0432 \u043f\u0440\u043e\u0435\u043a\u0442, \u0432\u0430\u043c \u043d\u0443\u0436\u043d\u043e \u0441\u0434\u0435\u043b\u0430\u0442\u044c \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0438\u0435 \u0448\u0430\u0433\u0438:"}),"\n",(0,t.jsxs)(s.ul,{children:["\n",(0,t.jsxs)(s.li,{children:["\u0414\u043e\u0431\u0430\u0432\u0438\u0442\u044c \u0441\u043b\u0430\u0439\u0441 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b \u0432\u043d\u0443\u0442\u0440\u0438 \u0441\u043b\u043e\u044f ",(0,t.jsx)(s.code,{children:"pages"})]}),"\n",(0,t.jsxs)(s.li,{children:["\u0414\u043e\u0431\u0430\u0432\u0438\u0442\u044c \u0441\u043e\u043e\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0443\u044e\u0449\u0438\u0439 \u0440\u043e\u0443\u0442 \u0432 \u043f\u0430\u043f\u043a\u0443 ",(0,t.jsx)(s.code,{children:"routes"})," \u0438\u0437 \u0441\u043b\u043e\u044f ",(0,t.jsx)(s.code,{children:"app"})]}),"\n",(0,t.jsx)(s.li,{children:"\u0421\u043e\u0432\u043c\u0435\u0441\u0442\u0438\u0442\u044c \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0443 \u0438\u0437 \u0441\u043b\u0430\u0439\u0441\u0430 \u0441 \u0440\u043e\u0443\u0442\u043e\u043c"}),"\n"]}),"\n",(0,t.jsxs)(s.p,{children:["\u0414\u043b\u044f \u0442\u043e\u0433\u043e \u0447\u0442\u043e\u0431\u044b \u0441\u043e\u0437\u0434\u0430\u0442\u044c \u0441\u043b\u0430\u0439\u0441 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b, \u0432\u043e\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u043c\u0441\u044f ",(0,t.jsx)(s.a,{href:"https://github.com/feature-sliced/cli",children:"CLI"}),":"]}),"\n",(0,t.jsx)(s.pre,{children:(0,t.jsx)(s.code,{className:"language-shell",children:"fsd pages home\n"})}),"\n",(0,t.jsxs)(s.p,{children:["\u0421\u043e\u0437\u0434\u0430\u0439\u0442\u0435 \u0444\u0430\u0439\u043b ",(0,t.jsx)(s.code,{children:"home-page.vue"})," \u0432\u043d\u0443\u0442\u0440\u0438 \u0441\u0435\u0433\u043c\u0435\u043d\u0442\u0430 ui, \u043e\u0442\u043a\u0440\u043e\u0439\u0442\u0435 \u043a \u043d\u0435\u043c\u0443 \u0434\u043e\u0441\u0442\u0443\u043f \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e Public API"]}),"\n",(0,t.jsx)(s.pre,{children:(0,t.jsx)(s.code,{className:"language-ts",metastring:'title="src/pages/home/index.ts"',children:"export { default as HomePage } from './ui/home-page';\n"})}),"\n",(0,t.jsxs)(s.p,{children:["\u0421\u043e\u0437\u0434\u0430\u0439\u0442\u0435 \u0440\u043e\u0443\u0442 \u0434\u043b\u044f \u044d\u0442\u043e\u0439 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b \u0432\u043d\u0443\u0442\u0440\u0438 \u0441\u043b\u043e\u044f ",(0,t.jsx)(s.code,{children:"app"}),":"]}),"\n",(0,t.jsx)(s.pre,{children:(0,t.jsx)(s.code,{className:"language-sh",children:"\n\u251c\u2500\u2500 src\n\u2502   \u251c\u2500\u2500 app\n\u2502   \u2502   \u251c\u2500\u2500 routes\n\u2502   \u2502   \u2502   \u251c\u2500\u2500 +page.svelte\n\u2502   \u2502   \u251c\u2500\u2500 index.html\n\u2502   \u251c\u2500\u2500 pages\n\u2502   \u2502   \u251c\u2500\u2500 home\n\u2502   \u2502   \u2502   \u251c\u2500\u2500 ui\n\u2502   \u2502   \u2502   \u2502   \u251c\u2500\u2500 home-page.svelte\n\u2502   \u2502   \u2502   \u251c\u2500\u2500 index.ts\n"})}),"\n",(0,t.jsxs)(s.p,{children:["\u0414\u043e\u0431\u0430\u0432\u044c\u0442\u0435 \u0432\u043d\u0443\u0442\u0440\u044c ",(0,t.jsx)(s.code,{children:"index.svelte"})," \u0444\u0430\u0439\u043b\u0430 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442 \u0432\u0430\u0448\u0435\u0439 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b:"]}),"\n",(0,t.jsx)(s.pre,{children:(0,t.jsx)(s.code,{className:"language-html",metastring:'title="src/app/routes/+page.svelte"',children:"<script>\n  import { HomePage } from '@/pages/home';\n<\/script>\n\n\n<HomePage/>\n"})}),"\n",(0,t.jsx)(s.h2,{id:"\u0441\u043c-\u0442\u0430\u043a\u0436\u0435",children:"\u0421\u043c. \u0442\u0430\u043a\u0436\u0435"}),"\n",(0,t.jsxs)(s.ul,{children:["\n",(0,t.jsx)(s.li,{children:(0,t.jsx)(s.a,{href:"https://kit.svelte.dev/docs/configuration#files",children:"\u0414\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u0430\u0446\u0438\u044f \u043f\u043e \u0438\u0437\u043c\u0435\u043d\u0435\u043d\u0438\u044e \u043a\u043e\u043d\u0444\u0438\u0433\u0430 \u0434\u0438\u0440\u0435\u043a\u0442\u043e\u0440\u0438\u0439 \u0432 SvelteKit"})}),"\n"]})]})}function p(e={}){const{wrapper:s}={...(0,i.R)(),...e.components};return s?(0,t.jsx)(s,{...e,children:(0,t.jsx)(o,{...e})}):o(e)}},1100:(e,s,n)=>{n.d(s,{R:()=>c,x:()=>l});var t=n(758);const i={},r=t.createContext(i);function c(e){const s=t.useContext(r);return t.useMemo((function(){return"function"==typeof e?e(s):{...s,...e}}),[s,e])}function l(e){let s;return s=e.disableParentContext?"function"==typeof e.components?e.components(i):e.components||i:c(e.components),t.createElement(r.Provider,{value:s},e.children)}}}]);
\ No newline at end of file
+"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[1217],{8173:(e,s,n)=>{n.r(s),n.d(s,{assets:()=>d,contentTitle:()=>c,default:()=>p,frontMatter:()=>r,metadata:()=>l,toc:()=>a});var t=n(6070),i=n(1100);const r={sidebar_position:10},c="\u0418\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u0435 \u0441 SvelteKit",l={id:"guides/tech/with-sveltekit",title:"\u0418\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u0435 \u0441 SvelteKit",description:"\u0412 SvelteKit \u043f\u0440\u043e\u0435\u043a\u0442\u0435 \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e \u0440\u0435\u0430\u043b\u0438\u0437\u043e\u0432\u0430\u0442\u044c FSD, \u043e\u0434\u043d\u0430\u043a\u043e \u0432\u043e\u0437\u043d\u0438\u043a\u0430\u044e\u0442 \u043a\u043e\u043d\u0444\u043b\u0438\u043a\u0442\u044b \u0438\u0437-\u0437\u0430 \u0440\u0430\u0437\u043b\u0438\u0447\u0438\u0439 \u043c\u0435\u0436\u0434\u0443 \u0442\u0440\u0435\u0431\u043e\u0432\u0430\u043d\u0438\u044f\u043c\u0438 \u043a \u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u0435 \u043f\u0440\u043e\u0435\u043a\u0442\u0430 SvelteKit \u0438 \u043f\u0440\u0438\u043d\u0446\u0438\u043f\u0430\u043c\u0438 FSD:",source:"@site/i18n/ru/docusaurus-plugin-content-docs/current/guides/tech/with-sveltekit.mdx",sourceDirName:"guides/tech",slug:"/guides/tech/with-sveltekit",permalink:"/ru/docs/guides/tech/with-sveltekit",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/ru/docusaurus-plugin-content-docs/current/guides/tech/with-sveltekit.mdx",tags:[],version:"current",lastUpdatedAt:1728325386e3,sidebarPosition:10,frontMatter:{sidebar_position:10},sidebar:"guidesSidebar",previous:{title:"\u0418\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u0435 \u0441 React Query",permalink:"/ru/docs/guides/tech/with-react-query"},next:{title:"\u0414\u0435\u0441\u0435\u0433\u043c\u0435\u043d\u0442\u0430\u0446\u0438\u044f",permalink:"/ru/docs/guides/issues/desegmented"}},d={},a=[{value:"\u041d\u0430\u0441\u0442\u0440\u043e\u0438\u043c \u043a\u043e\u043d\u0444\u0438\u0433",id:"\u043d\u0430\u0441\u0442\u0440\u043e\u0438\u043c-\u043a\u043e\u043d\u0444\u0438\u0433",level:2},{value:"\u041f\u0435\u0440\u0435\u043c\u0435\u0449\u0435\u043d\u0438\u0435 \u0444\u0430\u0439\u043b\u043e\u0432\u043e\u0433\u043e \u0440\u043e\u0443\u0442\u0438\u043d\u0433\u0430 \u0432 <code>src/app</code>",id:"\u043f\u0435\u0440\u0435\u043c\u0435\u0449\u0435\u043d\u0438\u0435-\u0444\u0430\u0439\u043b\u043e\u0432\u043e\u0433\u043e-\u0440\u043e\u0443\u0442\u0438\u043d\u0433\u0430-\u0432-srcapp",level:2},{value:"\u0421\u043c. \u0442\u0430\u043a\u0436\u0435",id:"\u0441\u043c-\u0442\u0430\u043a\u0436\u0435",level:2}];function o(e){const s={a:"a",code:"code",h1:"h1",h2:"h2",header:"header",li:"li",p:"p",pre:"pre",ul:"ul",...(0,i.R)(),...e.components};return(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(s.header,{children:(0,t.jsx)(s.h1,{id:"\u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u0435-\u0441-sveltekit",children:"\u0418\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u0435 \u0441 SvelteKit"})}),"\n",(0,t.jsx)(s.p,{children:"\u0412 SvelteKit \u043f\u0440\u043e\u0435\u043a\u0442\u0435 \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e \u0440\u0435\u0430\u043b\u0438\u0437\u043e\u0432\u0430\u0442\u044c FSD, \u043e\u0434\u043d\u0430\u043a\u043e \u0432\u043e\u0437\u043d\u0438\u043a\u0430\u044e\u0442 \u043a\u043e\u043d\u0444\u043b\u0438\u043a\u0442\u044b \u0438\u0437-\u0437\u0430 \u0440\u0430\u0437\u043b\u0438\u0447\u0438\u0439 \u043c\u0435\u0436\u0434\u0443 \u0442\u0440\u0435\u0431\u043e\u0432\u0430\u043d\u0438\u044f\u043c\u0438 \u043a \u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u0435 \u043f\u0440\u043e\u0435\u043a\u0442\u0430 SvelteKit \u0438 \u043f\u0440\u0438\u043d\u0446\u0438\u043f\u0430\u043c\u0438 FSD:"}),"\n",(0,t.jsxs)(s.ul,{children:["\n",(0,t.jsxs)(s.li,{children:["\u0418\u0437\u043d\u0430\u0447\u0430\u043b\u044c\u043d\u043e, SvelteKit \u043f\u0440\u0435\u0434\u043b\u0430\u0433\u0430\u0435\u0442 \u0444\u0430\u0439\u043b\u043e\u0432\u0443\u044e \u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u0443 \u0432\u043d\u0443\u0442\u0440\u0438 \u043f\u0430\u043f\u043a\u0438 ",(0,t.jsx)(s.code,{children:"src/routes"}),", \u0432 \u0442\u043e \u0432\u0440\u0435\u043c\u044f \u043a\u0430\u043a \u0432 FSD \u0440\u043e\u0443\u0442\u0438\u043d\u0433 \u0434\u043e\u043b\u0436\u0435\u043d \u0431\u044b\u0442\u044c \u0447\u0430\u0441\u0442\u044c\u044e \u0441\u043b\u043e\u044f ",(0,t.jsx)(s.code,{children:"app"}),"."]}),"\n",(0,t.jsxs)(s.li,{children:["SvelteKit \u043f\u0440\u0435\u0434\u043b\u0430\u0433\u0430\u0435\u0442 \u0441\u043a\u043b\u0430\u0434\u044b\u0432\u0430\u0442\u044c \u0432\u0441\u0451, \u0447\u0442\u043e \u043d\u0435 \u043e\u0442\u043d\u043e\u0441\u0438\u0442\u0441\u044f \u043a \u0440\u043e\u0443\u0442\u0438\u043d\u0433\u0443 \u0432 \u043f\u0430\u043f\u043a\u0443 ",(0,t.jsx)(s.code,{children:"src/lib"}),"."]}),"\n"]}),"\n",(0,t.jsx)(s.h2,{id:"\u043d\u0430\u0441\u0442\u0440\u043e\u0438\u043c-\u043a\u043e\u043d\u0444\u0438\u0433",children:"\u041d\u0430\u0441\u0442\u0440\u043e\u0438\u043c \u043a\u043e\u043d\u0444\u0438\u0433"}),"\n",(0,t.jsx)(s.pre,{children:(0,t.jsx)(s.code,{className:"language-ts",metastring:'title="svelte.config.ts"',children:"import adapter from '@sveltejs/adapter-auto';\nimport { vitePreprocess } from '@sveltejs/vite-plugin-svelte';\n\n/** @type {import('@sveltejs/kit').Config}*/\nconst config = {\n  preprocess: [vitePreprocess()],\n  kit: {\n    adapter: adapter(),\n    files: {\n      routes: 'src/app/routes',              // \u043f\u0435\u0440\u0435\u043c\u0435\u0449\u0430\u0435\u043c \u0440\u043e\u0443\u0442\u0438\u043d\u0433 \u0432\u043d\u0443\u0442\u0440\u044c app \u0441\u043b\u043e\u044f\n      lib: 'src',\n      appTemplate: 'src/app/index.html',     // \u041f\u0435\u0440\u0435\u043c\u0435\u0449\u0430\u0435\u043c \u0432\u0445\u043e\u0434\u043d\u0443\u044e \u0442\u043e\u0447\u043a\u0443 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f \u0432\u043d\u0443\u0442\u0440\u044c \u0441\u043b\u043e\u044f app\n      assets: 'public'\n    },\n    alias: {\n        '@/*': 'src/*'                       // \u0421\u043e\u0437\u0434\u0430\u0451\u043c \u0430\u043b\u0438\u0430\u0441 \u0434\u043b\u044f \u0434\u0438\u0440\u0435\u043a\u0442\u043e\u0440\u0438\u0438 src\n    }\n  }\n};\nexport default config;\n"})}),"\n",(0,t.jsxs)(s.h2,{id:"\u043f\u0435\u0440\u0435\u043c\u0435\u0449\u0435\u043d\u0438\u0435-\u0444\u0430\u0439\u043b\u043e\u0432\u043e\u0433\u043e-\u0440\u043e\u0443\u0442\u0438\u043d\u0433\u0430-\u0432-srcapp",children:["\u041f\u0435\u0440\u0435\u043c\u0435\u0449\u0435\u043d\u0438\u0435 \u0444\u0430\u0439\u043b\u043e\u0432\u043e\u0433\u043e \u0440\u043e\u0443\u0442\u0438\u043d\u0433\u0430 \u0432 ",(0,t.jsx)(s.code,{children:"src/app"})]}),"\n",(0,t.jsxs)(s.p,{children:["\u0421\u043e\u0437\u0434\u0430\u0434\u0438\u043c \u0441\u043b\u043e\u0439 app, \u043f\u0435\u0440\u0435\u043c\u0435\u0441\u0442\u0438\u043c \u0432 \u043d\u0435\u0433\u043e \u0432\u0445\u043e\u0434\u043d\u0443\u044e \u0442\u043e\u0447\u043a\u0443 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f ",(0,t.jsx)(s.code,{children:"index.html"})," \u0438 \u0441\u043e\u0437\u0434\u0430\u0434\u0438\u043c \u043f\u0430\u043f\u043a\u0443 routes.\n\u0422\u0430\u043a\u0438\u043c \u043e\u0431\u0440\u0430\u0437\u043e\u043c, \u0432\u0430\u0448\u0430 \u0444\u0430\u0439\u043b\u043e\u0432\u0430\u044f \u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u0430 \u0434\u043e\u043b\u0436\u043d\u0430 \u0432\u044b\u0433\u043b\u044f\u0434\u0435\u0442\u044c \u0442\u0430\u043a:"]}),"\n",(0,t.jsx)(s.pre,{children:(0,t.jsx)(s.code,{className:"language-sh",children:"\u251c\u2500\u2500 src\n\u2502   \u251c\u2500\u2500 app\n\u2502   \u2502   \u251c\u2500\u2500 index.html\n\u2502   \u2502   \u251c\u2500\u2500 routes\n\u2502   \u251c\u2500\u2500 pages                               # \u041f\u0430\u043f\u043a\u0430 pages, \u0437\u0430\u043a\u0440\u0435\u043f\u043b\u0451\u043d\u043d\u0430\u044f \u0437\u0430 FSD\n"})}),"\n",(0,t.jsxs)(s.p,{children:["\u0422\u0435\u043f\u0435\u0440\u044c, \u0432\u044b \u043c\u043e\u0436\u0435\u0442\u0435 \u0441\u043e\u0437\u0434\u0430\u0432\u0430\u0442\u044c \u0440\u043e\u0443\u0442\u044b \u0434\u043b\u044f \u0441\u0442\u0440\u0430\u043d\u0438\u0446 \u0432\u043d\u0443\u0442\u0440\u0438 ",(0,t.jsx)(s.code,{children:"app"})," \u0438 \u043f\u043e\u0434\u043a\u043b\u044e\u0447\u0430\u0442\u044c \u043a \u043d\u0438\u043c \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b \u0438\u0437 ",(0,t.jsx)(s.code,{children:"pages"}),"."]}),"\n",(0,t.jsx)(s.p,{children:"\u041d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, \u0447\u0442\u043e\u0431\u044b \u0434\u043e\u0431\u0430\u0432\u0438\u0442\u044c \u0433\u043b\u0430\u0432\u043d\u0443\u044e \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0443 \u0432 \u043f\u0440\u043e\u0435\u043a\u0442, \u0432\u0430\u043c \u043d\u0443\u0436\u043d\u043e \u0441\u0434\u0435\u043b\u0430\u0442\u044c \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0438\u0435 \u0448\u0430\u0433\u0438:"}),"\n",(0,t.jsxs)(s.ul,{children:["\n",(0,t.jsxs)(s.li,{children:["\u0414\u043e\u0431\u0430\u0432\u0438\u0442\u044c \u0441\u043b\u0430\u0439\u0441 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b \u0432\u043d\u0443\u0442\u0440\u0438 \u0441\u043b\u043e\u044f ",(0,t.jsx)(s.code,{children:"pages"})]}),"\n",(0,t.jsxs)(s.li,{children:["\u0414\u043e\u0431\u0430\u0432\u0438\u0442\u044c \u0441\u043e\u043e\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0443\u044e\u0449\u0438\u0439 \u0440\u043e\u0443\u0442 \u0432 \u043f\u0430\u043f\u043a\u0443 ",(0,t.jsx)(s.code,{children:"routes"})," \u0438\u0437 \u0441\u043b\u043e\u044f ",(0,t.jsx)(s.code,{children:"app"})]}),"\n",(0,t.jsx)(s.li,{children:"\u0421\u043e\u0432\u043c\u0435\u0441\u0442\u0438\u0442\u044c \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0443 \u0438\u0437 \u0441\u043b\u0430\u0439\u0441\u0430 \u0441 \u0440\u043e\u0443\u0442\u043e\u043c"}),"\n"]}),"\n",(0,t.jsxs)(s.p,{children:["\u0414\u043b\u044f \u0442\u043e\u0433\u043e \u0447\u0442\u043e\u0431\u044b \u0441\u043e\u0437\u0434\u0430\u0442\u044c \u0441\u043b\u0430\u0439\u0441 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b, \u0432\u043e\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u043c\u0441\u044f ",(0,t.jsx)(s.a,{href:"https://github.com/feature-sliced/cli",children:"CLI"}),":"]}),"\n",(0,t.jsx)(s.pre,{children:(0,t.jsx)(s.code,{className:"language-shell",children:"fsd pages home\n"})}),"\n",(0,t.jsxs)(s.p,{children:["\u0421\u043e\u0437\u0434\u0430\u0439\u0442\u0435 \u0444\u0430\u0439\u043b ",(0,t.jsx)(s.code,{children:"home-page.vue"})," \u0432\u043d\u0443\u0442\u0440\u0438 \u0441\u0435\u0433\u043c\u0435\u043d\u0442\u0430 ui, \u043e\u0442\u043a\u0440\u043e\u0439\u0442\u0435 \u043a \u043d\u0435\u043c\u0443 \u0434\u043e\u0441\u0442\u0443\u043f \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e Public API"]}),"\n",(0,t.jsx)(s.pre,{children:(0,t.jsx)(s.code,{className:"language-ts",metastring:'title="src/pages/home/index.ts"',children:"export { default as HomePage } from './ui/home-page';\n"})}),"\n",(0,t.jsxs)(s.p,{children:["\u0421\u043e\u0437\u0434\u0430\u0439\u0442\u0435 \u0440\u043e\u0443\u0442 \u0434\u043b\u044f \u044d\u0442\u043e\u0439 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b \u0432\u043d\u0443\u0442\u0440\u0438 \u0441\u043b\u043e\u044f ",(0,t.jsx)(s.code,{children:"app"}),":"]}),"\n",(0,t.jsx)(s.pre,{children:(0,t.jsx)(s.code,{className:"language-sh",children:"\n\u251c\u2500\u2500 src\n\u2502   \u251c\u2500\u2500 app\n\u2502   \u2502   \u251c\u2500\u2500 routes\n\u2502   \u2502   \u2502   \u251c\u2500\u2500 +page.svelte\n\u2502   \u2502   \u251c\u2500\u2500 index.html\n\u2502   \u251c\u2500\u2500 pages\n\u2502   \u2502   \u251c\u2500\u2500 home\n\u2502   \u2502   \u2502   \u251c\u2500\u2500 ui\n\u2502   \u2502   \u2502   \u2502   \u251c\u2500\u2500 home-page.svelte\n\u2502   \u2502   \u2502   \u251c\u2500\u2500 index.ts\n"})}),"\n",(0,t.jsxs)(s.p,{children:["\u0414\u043e\u0431\u0430\u0432\u044c\u0442\u0435 \u0432\u043d\u0443\u0442\u0440\u044c ",(0,t.jsx)(s.code,{children:"index.svelte"})," \u0444\u0430\u0439\u043b\u0430 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442 \u0432\u0430\u0448\u0435\u0439 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b:"]}),"\n",(0,t.jsx)(s.pre,{children:(0,t.jsx)(s.code,{className:"language-html",metastring:'title="src/app/routes/+page.svelte"',children:"<script>\n  import { HomePage } from '@/pages/home';\n<\/script>\n\n\n<HomePage/>\n"})}),"\n",(0,t.jsx)(s.h2,{id:"\u0441\u043c-\u0442\u0430\u043a\u0436\u0435",children:"\u0421\u043c. \u0442\u0430\u043a\u0436\u0435"}),"\n",(0,t.jsxs)(s.ul,{children:["\n",(0,t.jsx)(s.li,{children:(0,t.jsx)(s.a,{href:"https://kit.svelte.dev/docs/configuration#files",children:"\u0414\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u0430\u0446\u0438\u044f \u043f\u043e \u0438\u0437\u043c\u0435\u043d\u0435\u043d\u0438\u044e \u043a\u043e\u043d\u0444\u0438\u0433\u0430 \u0434\u0438\u0440\u0435\u043a\u0442\u043e\u0440\u0438\u0439 \u0432 SvelteKit"})}),"\n"]})]})}function p(e={}){const{wrapper:s}={...(0,i.R)(),...e.components};return s?(0,t.jsx)(s,{...e,children:(0,t.jsx)(o,{...e})}):o(e)}},1100:(e,s,n)=>{n.d(s,{R:()=>c,x:()=>l});var t=n(758);const i={},r=t.createContext(i);function c(e){const s=t.useContext(r);return t.useMemo((function(){return"function"==typeof e?e(s):{...s,...e}}),[s,e])}function l(e){let s;return s=e.disableParentContext?"function"==typeof e.components?e.components(i):e.components||i:c(e.components),t.createElement(r.Provider,{value:s},e.children)}}}]);
\ No newline at end of file
diff --git a/ru/assets/js/b79c393c.3af7ae06.js b/ru/assets/js/b79c393c.0b7410b2.js
similarity index 99%
rename from ru/assets/js/b79c393c.3af7ae06.js
rename to ru/assets/js/b79c393c.0b7410b2.js
index e496d2e42d..cfccde4e40 100644
--- a/ru/assets/js/b79c393c.3af7ae06.js
+++ b/ru/assets/js/b79c393c.0b7410b2.js
@@ -1 +1 @@
-"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[3276],{4825:(e,s,i)=>{i.r(s),i.d(s,{assets:()=>h,contentTitle:()=>d,default:()=>x,frontMatter:()=>r,metadata:()=>c,toc:()=>o});var n=i(6070),l=i(1100);const r={sidebar_position:3,sidebar_label:"\u0421 \u043a\u0430\u0441\u0442\u043e\u043c\u043d\u043e\u0439 \u0430\u0440\u0445\u0438\u0442\u0435\u043a\u0442\u0443\u0440\u044b"},d="\u041c\u0438\u0433\u0440\u0430\u0446\u0438\u044f \u0441 \u043a\u0430\u0441\u0442\u043e\u043c\u043d\u043e\u0439 \u0430\u0440\u0445\u0438\u0442\u0435\u043a\u0442\u0443\u0440\u044b",c={id:"guides/migration/from-custom",title:"\u041c\u0438\u0433\u0440\u0430\u0446\u0438\u044f \u0441 \u043a\u0430\u0441\u0442\u043e\u043c\u043d\u043e\u0439 \u0430\u0440\u0445\u0438\u0442\u0435\u043a\u0442\u0443\u0440\u044b",description:"\u042d\u0442\u043e \u0440\u0443\u043a\u043e\u0432\u043e\u0434\u0441\u0442\u0432\u043e \u043e\u043f\u0438\u0441\u044b\u0432\u0430\u0435\u0442 \u043f\u043e\u0434\u0445\u043e\u0434, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u043c\u043e\u0436\u0435\u0442 \u0431\u044b\u0442\u044c \u043f\u043e\u043b\u0435\u0437\u0435\u043d \u043f\u0440\u0438 \u043c\u0438\u0433\u0440\u0430\u0446\u0438\u0438 \u0441 \u043a\u0430\u0441\u0442\u043e\u043c\u043d\u043e\u0439 \u0441\u0430\u043c\u043e\u0434\u0435\u043b\u044c\u043d\u043e\u0439 \u0430\u0440\u0445\u0438\u0442\u0435\u043a\u0442\u0443\u0440\u044b \u043d\u0430 Feature-Sliced Design.",source:"@site/i18n/ru/docusaurus-plugin-content-docs/current/guides/migration/from-custom.md",sourceDirName:"guides/migration",slug:"/guides/migration/from-custom",permalink:"/ru/docs/guides/migration/from-custom",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/ru/docusaurus-plugin-content-docs/current/guides/migration/from-custom.md",tags:[],version:"current",lastUpdatedAt:1727607766e3,sidebarPosition:3,frontMatter:{sidebar_position:3,sidebar_label:"\u0421 \u043a\u0430\u0441\u0442\u043e\u043c\u043d\u043e\u0439 \u0430\u0440\u0445\u0438\u0442\u0435\u043a\u0442\u0443\u0440\u044b"},sidebar:"guidesSidebar",previous:{title:"\u041b\u0435\u0439\u0430\u0443\u0442\u044b \u0441\u0442\u0440\u0430\u043d\u0438\u0446",permalink:"/ru/docs/guides/examples/page-layout"},next:{title:"\u041c\u0438\u0433\u0440\u0430\u0446\u0438\u044f \u0441 v1",permalink:"/ru/docs/guides/migration/from-v1"}},h={},o=[{value:"\u041f\u0435\u0440\u0435\u0434 \u043d\u0430\u0447\u0430\u043b\u043e\u043c",id:"before-you-start",level:2},{value:"\u0428\u0430\u0433 1. \u0420\u0430\u0437\u0434\u0435\u043b\u0438\u0442\u0435 \u043a\u043e\u0434 \u043f\u043e \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0430\u043c",id:"divide-code-by-pages",level:2},{value:"\u0428\u0430\u0433 2. \u041e\u0442\u0434\u0435\u043b\u0438\u0442\u0435 \u0432\u0441\u0435 \u043e\u0441\u0442\u0430\u043b\u044c\u043d\u043e\u0435 \u043e\u0442 \u0441\u0442\u0440\u0430\u043d\u0438\u0446",id:"separate-everything-else-from-pages",level:2},{value:"\u0428\u0430\u0433 3. \u0423\u0441\u0442\u0440\u0430\u043d\u0438\u0442\u0435 \u043a\u0440\u043e\u0441\u0441-\u0438\u043c\u043f\u043e\u0440\u0442\u044b \u043c\u0435\u0436\u0434\u0443 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0430\u043c\u0438",id:"tackle-cross-imports-between-pages",level:2},{value:"\u0428\u0430\u0433 4. \u0420\u0430\u0437\u0431\u0435\u0440\u0438\u0442\u0435 \u0441\u043b\u043e\u0439 Shared",id:"unpack-shared-layer",level:2},{value:"\u0428\u0430\u0433 5. \u0420\u0430\u0441\u043f\u0440\u0435\u0434\u0435\u043b\u0438\u0442\u0435 \u043a\u043e\u0434 \u043f\u043e \u0442\u0435\u0445\u043d\u0438\u0447\u0435\u0441\u043a\u043e\u043c\u0443 \u043d\u0430\u0437\u043d\u0430\u0447\u0435\u043d\u0438\u044e",id:"organize-by-technical-purpose",level:2},{value:"\u0428\u0430\u0433\u0438 \u043f\u043e \u0436\u0435\u043b\u0430\u043d\u0438\u044e",id:"optional-steps",level:2},{value:"\u0428\u0430\u0433 6. \u0421\u043e\u0437\u0434\u0430\u0439\u0442\u0435 \u0441\u0443\u0449\u043d\u043e\u0441\u0442\u0438/\u0444\u0438\u0447\u0438 \u0451\u043c\u043a\u043e\u0441\u0442\u044c\u044e \u0438\u0437 Redux-\u0441\u043b\u0430\u0439\u0441\u043e\u0432, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u044e\u0442\u0441\u044f \u043d\u0430 \u043d\u0435\u0441\u043a\u043e\u043b\u044c\u043a\u0438\u0445 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0430\u0445",id:"form-entities-features-from-redux",level:3},{value:"\u0428\u0430\u0433 7. \u041f\u0440\u043e\u0432\u0435\u0434\u0438\u0442\u0435 \u0440\u0435\u0444\u0430\u043a\u0442\u043e\u0440\u0438\u043d\u0433 modules",id:"refactor-your-modules",level:3},{value:"\u0428\u0430\u0433 8. \u0421\u0444\u043e\u0440\u043c\u0438\u0440\u0443\u0439\u0442\u0435 \u0447\u0438\u0441\u0442\u044b\u0439 \u0444\u0443\u043d\u0434\u0430\u043c\u0435\u043d\u0442 UI \u0432 <code>shared/ui</code>",id:"form-clean-ui-foundation",level:3},{value:"See also",id:"see-also",level:2}];function t(e){const s={a:"a",admonition:"admonition",br:"br",code:"code",em:"em",h1:"h1",h2:"h2",h3:"h3",header:"header",hr:"hr",li:"li",ol:"ol",p:"p",pre:"pre",strong:"strong",ul:"ul",...(0,l.R)(),...e.components},{Details:i}=s;return i||function(e,s){throw new Error("Expected "+(s?"component":"object")+" `"+e+"` to be defined: you likely forgot to import, pass, or provide it.")}("Details",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(s.header,{children:(0,n.jsx)(s.h1,{id:"\u043c\u0438\u0433\u0440\u0430\u0446\u0438\u044f-\u0441-\u043a\u0430\u0441\u0442\u043e\u043c\u043d\u043e\u0439-\u0430\u0440\u0445\u0438\u0442\u0435\u043a\u0442\u0443\u0440\u044b",children:"\u041c\u0438\u0433\u0440\u0430\u0446\u0438\u044f \u0441 \u043a\u0430\u0441\u0442\u043e\u043c\u043d\u043e\u0439 \u0430\u0440\u0445\u0438\u0442\u0435\u043a\u0442\u0443\u0440\u044b"})}),"\n",(0,n.jsx)(s.p,{children:"\u042d\u0442\u043e \u0440\u0443\u043a\u043e\u0432\u043e\u0434\u0441\u0442\u0432\u043e \u043e\u043f\u0438\u0441\u044b\u0432\u0430\u0435\u0442 \u043f\u043e\u0434\u0445\u043e\u0434, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u043c\u043e\u0436\u0435\u0442 \u0431\u044b\u0442\u044c \u043f\u043e\u043b\u0435\u0437\u0435\u043d \u043f\u0440\u0438 \u043c\u0438\u0433\u0440\u0430\u0446\u0438\u0438 \u0441 \u043a\u0430\u0441\u0442\u043e\u043c\u043d\u043e\u0439 \u0441\u0430\u043c\u043e\u0434\u0435\u043b\u044c\u043d\u043e\u0439 \u0430\u0440\u0445\u0438\u0442\u0435\u043a\u0442\u0443\u0440\u044b \u043d\u0430 Feature-Sliced Design."}),"\n",(0,n.jsx)(s.p,{children:"\u0412\u043e\u0442 \u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u0430 \u043f\u0430\u043f\u043e\u043a \u0442\u0438\u043f\u0438\u0447\u043d\u043e\u0439 \u043a\u0430\u0441\u0442\u043e\u043c\u043d\u043e\u0439 \u0430\u0440\u0445\u0438\u0442\u0435\u043a\u0442\u0443\u0440\u044b. \u041c\u044b \u0431\u0443\u0434\u0435\u043c \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u0435\u0435 \u0432 \u043a\u0430\u0447\u0435\u0441\u0442\u0432\u0435 \u043f\u0440\u0438\u043c\u0435\u0440\u0430 \u0432 \u044d\u0442\u043e\u043c \u0440\u0443\u043a\u043e\u0432\u043e\u0434\u0441\u0442\u0432\u0435.\n\u041d\u0430\u0436\u043c\u0438\u0442\u0435 \u043d\u0430 \u0441\u0438\u043d\u044e\u044e \u0441\u0442\u0440\u0435\u043b\u043a\u0443, \u0447\u0442\u043e\u0431\u044b \u043e\u0442\u043a\u0440\u044b\u0442\u044c \u043f\u0430\u043f\u043a\u0443."}),"\n",(0,n.jsxs)(i,{className:"file-tree",children:[(0,n.jsx)("summary",{children:"\ud83d\udcc1 src"}),(0,n.jsxs)("ul",{children:[(0,n.jsx)("li",{children:(0,n.jsxs)(i,{className:"file-tree",children:[(0,n.jsx)("summary",{children:"\ud83d\udcc1 actions"}),(0,n.jsxs)("ul",{children:[(0,n.jsx)("li",{children:"\ud83d\udcc1 product"}),(0,n.jsx)("li",{children:"\ud83d\udcc1 order"})]})]})}),(0,n.jsx)("li",{children:"\ud83d\udcc1 api"}),(0,n.jsx)("li",{children:"\ud83d\udcc1 components"}),(0,n.jsx)("li",{children:"\ud83d\udcc1 containers"}),(0,n.jsx)("li",{children:"\ud83d\udcc1 constants"}),(0,n.jsx)("li",{children:"\ud83d\udcc1 i18n"}),(0,n.jsx)("li",{children:"\ud83d\udcc1 modules"}),(0,n.jsx)("li",{children:"\ud83d\udcc1 helpers"}),(0,n.jsx)("li",{children:(0,n.jsxs)(i,{className:"file-tree",children:[(0,n.jsx)("summary",{children:"\ud83d\udcc1 routes"}),(0,n.jsxs)("ul",{children:[(0,n.jsx)("li",{children:"\ud83d\udcc1 products.jsx"}),(0,n.jsx)("li",{children:"\ud83d\udcc4 products.[id].jsx"})]})]})}),(0,n.jsx)("li",{children:"\ud83d\udcc1 utils"}),(0,n.jsx)("li",{children:"\ud83d\udcc1 reducers"}),(0,n.jsx)("li",{children:"\ud83d\udcc1 selectors"}),(0,n.jsx)("li",{children:"\ud83d\udcc1 styles"}),(0,n.jsx)("li",{children:"\ud83d\udcc4 App.jsx"}),(0,n.jsx)("li",{children:"\ud83d\udcc4 index.js"})]})]}),"\n",(0,n.jsx)(s.h2,{id:"before-you-start",children:"\u041f\u0435\u0440\u0435\u0434 \u043d\u0430\u0447\u0430\u043b\u043e\u043c"}),"\n",(0,n.jsxs)(s.p,{children:["\u0421\u0430\u043c\u044b\u0439 \u0432\u0430\u0436\u043d\u044b\u0439 \u0432\u043e\u043f\u0440\u043e\u0441, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u043d\u0443\u0436\u043d\u043e \u0437\u0430\u0434\u0430\u0442\u044c \u0441\u0432\u043e\u0435\u0439 \u043a\u043e\u043c\u0430\u043d\u0434\u0435 \u043f\u0440\u0438 \u0440\u0430\u0441\u0441\u043c\u043e\u0442\u0440\u0435\u043d\u0438\u0438 \u043f\u0435\u0440\u0435\u0445\u043e\u0434\u0430 \u043d\u0430 Feature-Sliced Design, \u2014 ",(0,n.jsx)(s.em,{children:"\u0434\u0435\u0439\u0441\u0442\u0432\u0438\u0442\u0435\u043b\u044c\u043d\u043e \u043b\u0438 \u0432\u0430\u043c \u044d\u0442\u043e \u043d\u0443\u0436\u043d\u043e?"})," \u041c\u044b \u043b\u044e\u0431\u0438\u043c Feature-Sliced Design, \u043d\u043e \u0434\u0430\u0436\u0435 \u043c\u044b \u043f\u0440\u0438\u0437\u043d\u0430\u0435\u043c, \u0447\u0442\u043e \u043d\u0435\u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u043f\u0440\u043e\u0435\u043a\u0442\u044b \u043f\u0440\u0435\u043a\u0440\u0430\u0441\u043d\u043e \u043e\u0431\u043e\u0439\u0434\u0443\u0442\u0441\u044f \u0438 \u0431\u0435\u0437 \u043d\u0435\u0433\u043e."]}),"\n",(0,n.jsx)(s.p,{children:"\u0412\u043e\u0442 \u043d\u0435\u0441\u043a\u043e\u043b\u044c\u043a\u043e \u043f\u0440\u0438\u0447\u0438\u043d, \u043f\u043e \u043a\u043e\u0442\u043e\u0440\u044b\u043c \u0441\u0442\u043e\u0438\u0442 \u0440\u0430\u0441\u0441\u043c\u043e\u0442\u0440\u0435\u0442\u044c \u043f\u0435\u0440\u0435\u0445\u043e\u0434:"}),"\n",(0,n.jsxs)(s.ol,{children:["\n",(0,n.jsx)(s.li,{children:"\u041d\u043e\u0432\u044b\u0435 \u0447\u043b\u0435\u043d\u044b \u043a\u043e\u043c\u0430\u043d\u0434\u044b \u0436\u0430\u043b\u0443\u044e\u0442\u0441\u044f, \u0447\u0442\u043e \u0441\u043b\u043e\u0436\u043d\u043e \u0434\u043e\u0441\u0442\u0438\u0447\u044c \u043f\u0440\u043e\u0434\u0443\u043a\u0442\u0438\u0432\u043d\u043e\u0433\u043e \u0443\u0440\u043e\u0432\u043d\u044f"}),"\n",(0,n.jsxs)(s.li,{children:["\u0412\u043d\u0435\u0441\u0435\u043d\u0438\u0435 \u0438\u0437\u043c\u0435\u043d\u0435\u043d\u0438\u0439 \u0432 \u043e\u0434\u043d\u0443 \u0447\u0430\u0441\u0442\u044c \u043a\u043e\u0434\u0430 ",(0,n.jsx)(s.strong,{children:"\u0447\u0430\u0441\u0442\u043e"})," \u043f\u0440\u0438\u0432\u043e\u0434\u0438\u0442 \u043a \u0442\u043e\u043c\u0443, \u0447\u0442\u043e \u043b\u043e\u043c\u0430\u0435\u0442\u0441\u044f \u0434\u0440\u0443\u0433\u0430\u044f \u043d\u0435\u0441\u0432\u044f\u0437\u0430\u043d\u043d\u0430\u044f \u0447\u0430\u0441\u0442\u044c"]}),"\n",(0,n.jsx)(s.li,{children:"\u0414\u043e\u0431\u0430\u0432\u043b\u0435\u043d\u0438\u0435 \u043d\u043e\u0432\u043e\u0439 \u0444\u0443\u043d\u043a\u0446\u0438\u043e\u043d\u0430\u043b\u044c\u043d\u043e\u0441\u0442\u0438 \u0437\u0430\u0442\u0440\u0443\u0434\u043d\u0435\u043d\u043e \u0438\u0437-\u0437\u0430 \u043e\u0433\u0440\u043e\u043c\u043d\u043e\u0433\u043e \u043a\u043e\u043b\u0438\u0447\u0435\u0441\u0442\u0432\u0430 \u0432\u0435\u0449\u0435\u0439, \u043e \u043a\u043e\u0442\u043e\u0440\u044b\u0445 \u043d\u0443\u0436\u043d\u043e \u0434\u0443\u043c\u0430\u0442\u044c"}),"\n"]}),"\n",(0,n.jsxs)(s.p,{children:[(0,n.jsx)(s.strong,{children:"\u0418\u0437\u0431\u0435\u0433\u0430\u0439\u0442\u0435 \u043f\u0435\u0440\u0435\u0445\u043e\u0434\u0430 \u043d\u0430 FSD \u043f\u0440\u043e\u0442\u0438\u0432 \u0432\u043e\u043b\u0438 \u0432\u0430\u0448\u0438\u0445 \u043a\u043e\u043b\u043b\u0435\u0433"}),", \u0434\u0430\u0436\u0435 \u0435\u0441\u043b\u0438 \u0432\u044b \u044f\u0432\u043b\u044f\u0435\u0442\u0435\u0441\u044c \u0442\u0438\u043c\u043b\u0438\u0434\u043e\u043c.",(0,n.jsx)(s.br,{}),"\n","\u0421\u043d\u0430\u0447\u0430\u043b\u0430 \u0443\u0431\u0435\u0434\u0438\u0442\u0435 \u0441\u0432\u043e\u0438\u0445 \u043a\u043e\u043b\u043b\u0435\u0433 \u0432 \u0442\u043e\u043c, \u0447\u0442\u043e \u043f\u0440\u0435\u0438\u043c\u0443\u0449\u0435\u0441\u0442\u0432\u0430 \u043f\u0435\u0440\u0435\u0432\u0435\u0448\u0438\u0432\u0430\u044e\u0442 \u0441\u0442\u043e\u0438\u043c\u043e\u0441\u0442\u044c \u043c\u0438\u0433\u0440\u0430\u0446\u0438\u0438 \u0438 \u0441\u0442\u043e\u0438\u043c\u043e\u0441\u0442\u044c \u0438\u0437\u0443\u0447\u0435\u043d\u0438\u044f \u043d\u043e\u0432\u043e\u0439 \u0430\u0440\u0445\u0438\u0442\u0435\u043a\u0442\u0443\u0440\u044b \u0432\u043c\u0435\u0441\u0442\u043e \u0443\u0441\u0442\u0430\u043d\u043e\u0432\u043b\u0435\u043d\u043d\u043e\u0439."]}),"\n",(0,n.jsx)(s.p,{children:"\u0422\u0430\u043a\u0436\u0435 \u0438\u043c\u0435\u0439\u0442\u0435 \u0432 \u0432\u0438\u0434\u0443, \u0447\u0442\u043e \u043b\u044e\u0431\u044b\u0435 \u0438\u0437\u043c\u0435\u043d\u0435\u043d\u0438\u044f \u0432 \u0430\u0440\u0445\u0438\u0442\u0435\u043a\u0442\u0443\u0440\u0435 \u043d\u0435\u0437\u0430\u043c\u0435\u0442\u043d\u044b \u0434\u043b\u044f \u0440\u0443\u043a\u043e\u0432\u043e\u0434\u0441\u0442\u0432\u0430 \u0432 \u043c\u043e\u043c\u0435\u043d\u0442\u0435. \u0423\u0431\u0435\u0434\u0438\u0442\u0435\u0441\u044c, \u0447\u0442\u043e \u043e\u043d\u0438 \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u0438\u0432\u0430\u044e\u0442 \u043f\u0435\u0440\u0435\u0445\u043e\u0434, \u043f\u0440\u0435\u0436\u0434\u0435 \u0447\u0435\u043c \u043d\u0430\u0447\u0438\u043d\u0430\u0442\u044c, \u0438 \u043e\u0431\u044a\u044f\u0441\u043d\u0438\u0442\u0435 \u0438\u043c, \u043a\u0430\u043a \u044d\u0442\u043e\u0442 \u043f\u0435\u0440\u0435\u0445\u043e\u0434 \u043c\u043e\u0436\u0435\u0442 \u0431\u044b\u0442\u044c \u043f\u043e\u043b\u0435\u0437\u0435\u043d \u0434\u043b\u044f \u043f\u0440\u043e\u0435\u043a\u0442\u0430."}),"\n",(0,n.jsxs)(s.admonition,{type:"tip",children:[(0,n.jsx)(s.p,{children:"\u0415\u0441\u043b\u0438 \u0432\u0430\u043c \u043d\u0443\u0436\u043d\u0430 \u043f\u043e\u043c\u043e\u0449\u044c \u0432 \u0443\u0431\u0435\u0436\u0434\u0435\u043d\u0438\u0438 \u043c\u0435\u043d\u0435\u0434\u0436\u0435\u0440\u0430 \u043f\u0440\u043e\u0435\u043a\u0442\u0430 \u0432 \u0442\u043e\u043c, \u0447\u0442\u043e FSD \u0432\u0430\u043c \u043f\u043e\u043b\u0435\u0437\u0435\u043d, \u0432\u043e\u0442 \u043d\u0435\u0441\u043a\u043e\u043b\u044c\u043a\u043e \u0438\u0434\u0435\u0439:"}),(0,n.jsxs)(s.ol,{children:["\n",(0,n.jsx)(s.li,{children:"\u041c\u0438\u0433\u0440\u0430\u0446\u0438\u044f \u043d\u0430 FSD \u043c\u043e\u0436\u0435\u0442 \u043f\u0440\u043e\u0438\u0441\u0445\u043e\u0434\u0438\u0442\u044c \u043f\u043e\u0441\u0442\u0435\u043f\u0435\u043d\u043d\u043e, \u043f\u043e\u044d\u0442\u043e\u043c\u0443 \u043e\u043d\u0430 \u043d\u0435 \u043e\u0441\u0442\u0430\u043d\u043e\u0432\u0438\u0442 \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u0443 \u043d\u043e\u0432\u044b\u0445 \u0444\u0443\u043d\u043a\u0446\u0438\u0439"}),"\n",(0,n.jsx)(s.li,{children:"\u0425\u043e\u0440\u043e\u0448\u0430\u044f \u0430\u0440\u0445\u0438\u0442\u0435\u043a\u0442\u0443\u0440\u0430 \u043c\u043e\u0436\u0435\u0442 \u0437\u043d\u0430\u0447\u0438\u0442\u0435\u043b\u044c\u043d\u043e \u0441\u043e\u043a\u0440\u0430\u0442\u0438\u0442\u044c \u0432\u0440\u0435\u043c\u044f, \u043a\u043e\u0442\u043e\u0440\u043e\u0435 \u043f\u043e\u0442\u0440\u0435\u0431\u0443\u0435\u0442\u0441\u044f \u043d\u043e\u0432\u044b\u043c \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a\u0430\u043c \u0434\u043b\u044f \u0434\u043e\u0441\u0442\u0438\u0436\u0435\u043d\u0438\u044f \u043f\u0440\u043e\u0438\u0437\u0432\u043e\u0434\u0438\u0442\u0435\u043b\u044c\u043d\u043e\u0441\u0442\u0438"}),"\n",(0,n.jsx)(s.li,{children:"FSD \u2014 \u044d\u0442\u043e \u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u0430\u044f \u0430\u0440\u0445\u0438\u0442\u0435\u043a\u0442\u0443\u0440\u0430, \u043f\u043e\u044d\u0442\u043e\u043c\u0443 \u043a\u043e\u043c\u0430\u043d\u0434\u0435 \u043d\u0435 \u043d\u0443\u0436\u043d\u043e \u043f\u043e\u0441\u0442\u043e\u044f\u043d\u043d\u043e \u0442\u0440\u0430\u0442\u0438\u0442\u044c \u0432\u0440\u0435\u043c\u044f \u043d\u0430 \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u0430\u043d\u0438\u0435 \u0441\u043e\u0431\u0441\u0442\u0432\u0435\u043d\u043d\u043e\u0439 \u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u0430\u0446\u0438\u0438"}),"\n"]})]}),"\n",(0,n.jsx)(s.hr,{}),"\n",(0,n.jsxs)(s.p,{children:["\u0415\u0441\u043b\u0438 \u0432\u044b \u0432\u0441\u0451-\u0442\u0430\u043a\u0438 \u043f\u0440\u0438\u043d\u044f\u043b\u0438 \u0440\u0435\u0448\u0435\u043d\u0438\u0435 \u043d\u0430\u0447\u0430\u0442\u044c \u043c\u0438\u0433\u0440\u0430\u0446\u0438\u044e, \u0442\u043e \u043f\u0435\u0440\u0432\u043e\u0435, \u0447\u0442\u043e \u0432\u0430\u043c \u0441\u043b\u0435\u0434\u0443\u0435\u0442 \u0441\u0434\u0435\u043b\u0430\u0442\u044c, \u2014 \u043d\u0430\u0441\u0442\u0440\u043e\u0438\u0442\u044c \u0430\u043b\u0438\u0430\u0441 \u0434\u043b\u044f ",(0,n.jsx)(s.code,{children:"\ud83d\udcc1 src"}),". \u042d\u0442\u043e \u0431\u0443\u0434\u0435\u0442 \u043f\u043e\u043b\u0435\u0437\u043d\u043e \u043f\u043e\u0437\u0436\u0435, \u0447\u0442\u043e\u0431 \u0441\u0441\u044b\u043b\u0430\u0442\u044c\u0441\u044f \u043d\u0430 \u043f\u0430\u043f\u043a\u0438 \u0432\u0435\u0440\u0445\u043d\u0435\u0433\u043e \u0443\u0440\u043e\u0432\u043d\u044f. \u0414\u0430\u043b\u0435\u0435 \u0432 \u0442\u0435\u043a\u0441\u0442\u0435 \u043c\u044b \u0431\u0443\u0434\u0435\u043c \u0441\u0447\u0438\u0442\u0430\u0442\u044c ",(0,n.jsx)(s.code,{children:"@"})," \u043f\u0441\u0435\u0432\u0434\u043e\u043d\u0438\u043c\u043e\u043c \u0434\u043b\u044f ",(0,n.jsx)(s.code,{children:"./src"}),"."]}),"\n",(0,n.jsx)(s.h2,{id:"divide-code-by-pages",children:"\u0428\u0430\u0433 1. \u0420\u0430\u0437\u0434\u0435\u043b\u0438\u0442\u0435 \u043a\u043e\u0434 \u043f\u043e \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0430\u043c"}),"\n",(0,n.jsxs)(s.p,{children:["\u0411\u043e\u043b\u044c\u0448\u0438\u043d\u0441\u0442\u0432\u043e \u043a\u0430\u0441\u0442\u043e\u043c\u043d\u044b\u0445 \u0430\u0440\u0445\u0438\u0442\u0435\u043a\u0442\u0443\u0440 \u0443\u0436\u0435 \u0438\u043c\u0435\u044e\u0442 \u0440\u0430\u0437\u0434\u0435\u043b\u0435\u043d\u0438\u0435 \u043f\u043e \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0430\u043c, \u043d\u0435\u0437\u0430\u0432\u0438\u0441\u0438\u043c\u043e \u043e\u0442 \u0440\u0430\u0437\u043c\u0435\u0440\u0430 \u043b\u043e\u0433\u0438\u043a\u0438. \u0415\u0441\u043b\u0438 \u0443 \u0432\u0430\u0441 \u0443\u0436\u0435 \u0435\u0441\u0442\u044c ",(0,n.jsx)(s.code,{children:"\ud83d\udcc1 pages"}),", \u0432\u044b \u043c\u043e\u0436\u0435\u0442\u0435 \u043f\u0440\u043e\u043f\u0443\u0441\u0442\u0438\u0442\u044c \u044d\u0442\u043e\u0442 \u0448\u0430\u0433."]}),"\n",(0,n.jsxs)(s.p,{children:["\u0415\u0441\u043b\u0438 \u0443 \u0432\u0430\u0441 \u0435\u0441\u0442\u044c \u0442\u043e\u043b\u044c\u043a\u043e ",(0,n.jsx)(s.code,{children:"\ud83d\udcc1 routes"}),", \u0441\u043e\u0437\u0434\u0430\u0439\u0442\u0435 ",(0,n.jsx)(s.code,{children:"\ud83d\udcc1 pages"})," \u0438 \u043f\u043e\u043f\u0440\u043e\u0431\u0443\u0439\u0442\u0435 \u043f\u0435\u0440\u0435\u043c\u0435\u0441\u0442\u0438\u0442\u044c \u043a\u0430\u043a \u043c\u043e\u0436\u043d\u043e \u0431\u043e\u043b\u044c\u0448\u0435 \u043a\u043e\u0434\u0430 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u043e\u0432 \u0438\u0437 ",(0,n.jsx)(s.code,{children:"\ud83d\udcc1 routes"}),". \u0418\u0434\u0435\u0430\u043b\u044c\u043d\u043e, \u0435\u0441\u043b\u0438 \u0443 \u0432\u0430\u0441 \u0431\u0443\u0434\u0435\u0442 \u043c\u0430\u043b\u0435\u043d\u044c\u043a\u0438\u0439 \u0444\u0430\u0439\u043b \u0440\u043e\u0443\u0442\u0430 \u0438 \u0431\u043e\u043b\u044c\u0448\u0438\u0439 \u0444\u0430\u0439\u043b \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b. \u041f\u0440\u0438 \u043f\u0435\u0440\u0435\u043c\u0435\u0449\u0435\u043d\u0438\u0438 \u043a\u043e\u0434\u0430 \u0441\u043e\u0437\u0434\u0430\u0439\u0442\u0435 \u043f\u0430\u043f\u043a\u0443 \u0434\u043b\u044f \u043a\u0430\u0436\u0434\u043e\u0439 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b \u0438 \u0434\u043e\u0431\u0430\u0432\u044c\u0442\u0435 \u0432 \u043d\u0435\u0435 \u0438\u043d\u0434\u0435\u043a\u0441-\u0444\u0430\u0439\u043b:"]}),"\n",(0,n.jsx)(s.admonition,{type:"note",children:(0,n.jsx)(s.p,{children:"\u041f\u043e\u043a\u0430 \u0447\u0442\u043e \u0432\u0430\u0448\u0438 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b \u043c\u043e\u0433\u0443\u0442 \u0438\u043c\u043f\u043e\u0440\u0442\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u0434\u0440\u0443\u0433 \u0438\u0437 \u0434\u0440\u0443\u0433\u0430, \u044d\u0442\u043e \u043d\u043e\u0440\u043c\u0430\u043b\u044c\u043d\u043e. \u041f\u043e\u0437\u0436\u0435 \u0431\u0443\u0434\u0435\u0442 \u043e\u0442\u0434\u0435\u043b\u044c\u043d\u044b\u0439 \u0448\u0430\u0433 \u0434\u043b\u044f \u0443\u0441\u0442\u0440\u0430\u043d\u0435\u043d\u0438\u044f \u044d\u0442\u0438\u0445 \u0437\u0430\u0432\u0438\u0441\u0438\u043c\u043e\u0441\u0442\u0435\u0439, \u043d\u043e \u0441\u0435\u0439\u0447\u0430\u0441 \u0441\u043e\u0441\u0440\u0435\u0434\u043e\u0442\u043e\u0447\u044c\u0442\u0435\u0441\u044c \u043d\u0430 \u0443\u0441\u0442\u0430\u043d\u043e\u0432\u043b\u0435\u043d\u0438\u0438 \u044f\u0432\u043d\u043e\u0433\u043e \u0440\u0430\u0437\u0434\u0435\u043b\u0435\u043d\u0438\u044f \u043f\u043e \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0430\u043c."})}),"\n",(0,n.jsx)(s.p,{children:"\u0424\u0430\u0439\u043b \u0440\u043e\u0443\u0442\u0430:"}),"\n",(0,n.jsx)(s.pre,{children:(0,n.jsx)(s.code,{className:"language-js",metastring:'title="src/routes/products.[id].js"',children:'export { ProductPage as default } from "@/pages/product"\n'})}),"\n",(0,n.jsx)(s.p,{children:"\u0418\u043d\u0434\u0435\u043a\u0441-\u0444\u0430\u0439\u043b \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b:"}),"\n",(0,n.jsx)(s.pre,{children:(0,n.jsx)(s.code,{className:"language-js",metastring:'title="src/pages/product/index.js"',children:'export { ProductPage } from "./ProductPage.jsx"\n'})}),"\n",(0,n.jsx)(s.p,{children:"\u0424\u0430\u0439\u043b \u0441 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u043e\u043c \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b:"}),"\n",(0,n.jsx)(s.pre,{children:(0,n.jsx)(s.code,{className:"language-jsx",metastring:'title="src/pages/product/ProductPage.jsx"',children:"export function ProductPage(props) {\n  return <div />;\n}\n"})}),"\n",(0,n.jsx)(s.h2,{id:"separate-everything-else-from-pages",children:"\u0428\u0430\u0433 2. \u041e\u0442\u0434\u0435\u043b\u0438\u0442\u0435 \u0432\u0441\u0435 \u043e\u0441\u0442\u0430\u043b\u044c\u043d\u043e\u0435 \u043e\u0442 \u0441\u0442\u0440\u0430\u043d\u0438\u0446"}),"\n",(0,n.jsxs)(s.p,{children:["\u0421\u043e\u0437\u0434\u0430\u0439\u0442\u0435 \u043f\u0430\u043f\u043a\u0443 ",(0,n.jsx)(s.code,{children:"\ud83d\udcc1 src/shared"})," \u0438 \u043f\u0435\u0440\u0435\u043c\u0435\u0441\u0442\u0438\u0442\u0435 \u0442\u0443\u0434\u0430 \u0432\u0441\u0435, \u0447\u0442\u043e \u043d\u0435 \u0438\u043c\u043f\u043e\u0440\u0442\u0438\u0440\u0443\u0435\u0442\u0441\u044f \u0438\u0437 ",(0,n.jsx)(s.code,{children:"\ud83d\udcc1 pages"})," \u0438\u043b\u0438 ",(0,n.jsx)(s.code,{children:"\ud83d\udcc1 routes"}),". \u0421\u043e\u0437\u0434\u0430\u0439\u0442\u0435 \u043f\u0430\u043f\u043a\u0443 ",(0,n.jsx)(s.code,{children:"\ud83d\udcc1 src/app"})," \u0438 \u043f\u0435\u0440\u0435\u043c\u0435\u0441\u0442\u0438\u0442\u0435 \u0442\u0443\u0434\u0430 \u0432\u0441\u0435, \u0447\u0442\u043e \u0438\u043c\u043f\u043e\u0440\u0442\u0438\u0440\u0443\u0435\u0442 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b \u0438\u043b\u0438 \u0440\u043e\u0443\u0442\u044b, \u0432\u043a\u043b\u044e\u0447\u0430\u044f \u0441\u0430\u043c\u0438 \u0440\u043e\u0443\u0442\u044b."]}),"\n",(0,n.jsx)(s.p,{children:"\u041f\u043e\u043c\u043d\u0438\u0442\u0435, \u0447\u0442\u043e \u0443 \u0441\u043b\u043e\u044f Shared \u043d\u0435\u0442 \u0441\u043b\u0430\u0439\u0441\u043e\u0432, \u043f\u043e\u044d\u0442\u043e\u043c\u0443 \u0441\u0435\u0433\u043c\u0435\u043d\u0442\u044b \u043c\u043e\u0433\u0443\u0442 \u0438\u043c\u043f\u043e\u0440\u0442\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u0434\u0440\u0443\u0433 \u0438\u0437 \u0434\u0440\u0443\u0433\u0430."}),"\n",(0,n.jsx)(s.p,{children:"\u0412 \u0438\u0442\u043e\u0433\u0435 \u0443 \u0432\u0430\u0441 \u0434\u043e\u043b\u0436\u043d\u0430 \u043f\u043e\u043b\u0443\u0447\u0438\u0442\u044c\u0441\u044f \u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u0430 \u0444\u0430\u0439\u043b\u043e\u0432, \u043f\u043e\u0445\u043e\u0436\u0430\u044f \u043d\u0430 \u044d\u0442\u0443:"}),"\n",(0,n.jsxs)(i,{className:"file-tree",open:!0,children:[(0,n.jsx)("summary",{children:"\ud83d\udcc1 src"}),(0,n.jsxs)("ul",{children:[(0,n.jsx)("li",{children:(0,n.jsxs)(i,{className:"file-tree",children:[(0,n.jsx)("summary",{children:"\ud83d\udcc1 app"}),(0,n.jsxs)("ul",{children:[(0,n.jsx)("li",{children:(0,n.jsxs)(i,{className:"file-tree",children:[(0,n.jsx)("summary",{children:"\ud83d\udcc1 routes"}),(0,n.jsxs)("ul",{children:[(0,n.jsx)("li",{children:"\ud83d\udcc4 products.jsx"}),(0,n.jsx)("li",{children:"\ud83d\udcc4 products.[id].jsx"})]})]})}),(0,n.jsx)("li",{children:"\ud83d\udcc4 App.jsx"}),(0,n.jsx)("li",{children:"\ud83d\udcc4 index.js"})]})]})}),(0,n.jsx)("li",{children:(0,n.jsxs)(i,{className:"file-tree",children:[(0,n.jsx)("summary",{children:"\ud83d\udcc1 pages"}),(0,n.jsxs)("ul",{children:[(0,n.jsx)("li",{children:(0,n.jsxs)(i,{className:"file-tree",children:[(0,n.jsx)("summary",{children:"\ud83d\udcc1 product"}),(0,n.jsxs)("ul",{children:[(0,n.jsx)("li",{children:(0,n.jsxs)(i,{className:"file-tree",children:[(0,n.jsx)("summary",{children:"\ud83d\udcc1 ui"}),(0,n.jsx)("ul",{children:(0,n.jsx)("li",{children:"\ud83d\udcc4 ProductPage.jsx"})})]})}),(0,n.jsx)("li",{children:"\ud83d\udcc4 index.js"})]})]})}),(0,n.jsx)("li",{children:"\ud83d\udcc1 catalog"})]})]})}),(0,n.jsx)("li",{children:(0,n.jsxs)(i,{className:"file-tree",children:[(0,n.jsx)("summary",{children:"\ud83d\udcc1 shared"}),(0,n.jsxs)("ul",{children:[(0,n.jsx)("li",{children:"\ud83d\udcc1 actions"}),(0,n.jsx)("li",{children:"\ud83d\udcc1 api"}),(0,n.jsx)("li",{children:"\ud83d\udcc1 components"}),(0,n.jsx)("li",{children:"\ud83d\udcc1 containers"}),(0,n.jsx)("li",{children:"\ud83d\udcc1 constants"}),(0,n.jsx)("li",{children:"\ud83d\udcc1 i18n"}),(0,n.jsx)("li",{children:"\ud83d\udcc1 modules"}),(0,n.jsx)("li",{children:"\ud83d\udcc1 helpers"}),(0,n.jsx)("li",{children:"\ud83d\udcc1 utils"}),(0,n.jsx)("li",{children:"\ud83d\udcc1 reducers"}),(0,n.jsx)("li",{children:"\ud83d\udcc1 selectors"}),(0,n.jsx)("li",{children:"\ud83d\udcc1 styles"})]})]})})]})]}),"\n",(0,n.jsx)(s.h2,{id:"tackle-cross-imports-between-pages",children:"\u0428\u0430\u0433 3. \u0423\u0441\u0442\u0440\u0430\u043d\u0438\u0442\u0435 \u043a\u0440\u043e\u0441\u0441-\u0438\u043c\u043f\u043e\u0440\u0442\u044b \u043c\u0435\u0436\u0434\u0443 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0430\u043c\u0438"}),"\n",(0,n.jsx)(s.p,{children:"\u041d\u0430\u0439\u0434\u0438\u0442\u0435 \u0432\u0441\u0435 \u0441\u043b\u0443\u0447\u0430\u0438, \u043a\u043e\u0433\u0434\u0430 \u043e\u0434\u043d\u0430 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0430 \u0438\u043c\u043f\u043e\u0440\u0442\u0438\u0440\u0443\u0435\u0442 \u0447\u0442\u043e-\u0442\u043e \u0438\u0437 \u0434\u0440\u0443\u0433\u043e\u0439, \u0438 \u0441\u0434\u0435\u043b\u0430\u0439\u0442\u0435 \u043e\u0434\u043d\u043e \u0438\u0437 \u0434\u0432\u0443\u0445:"}),"\n",(0,n.jsxs)(s.ol,{children:["\n",(0,n.jsx)(s.li,{children:"\u0421\u043a\u043e\u043f\u0438\u0440\u0443\u0439\u0442\u0435 \u043a\u043e\u0434, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u0438\u043c\u043f\u043e\u0440\u0442\u0438\u0440\u0443\u0435\u0442\u0441\u044f, \u0432 \u0437\u0430\u0432\u0438\u0441\u0438\u043c\u0443\u044e \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0443, \u0447\u0442\u043e\u0431\u044b \u0443\u0431\u0440\u0430\u0442\u044c \u0437\u0430\u0432\u0438\u0441\u0438\u043c\u043e\u0441\u0442\u044c"}),"\n",(0,n.jsx)(s.li,{children:"\u041f\u0435\u0440\u0435\u043c\u0435\u0441\u0442\u0438\u0442\u0435 \u043a\u043e\u0434 \u0432 \u0441\u043e\u043e\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0443\u044e\u0449\u0438\u0439 \u0441\u0435\u0433\u043c\u0435\u043d\u0442 \u0432 Shared:"}),"\n"]}),"\n",(0,n.jsxs)(s.ul,{children:["\n",(0,n.jsxs)(s.li,{children:["\u0435\u0441\u043b\u0438 \u044d\u0442\u043e \u0447\u0430\u0441\u0442\u044c UI-\u043a\u0438\u0442\u0430, \u043f\u0435\u0440\u0435\u043c\u0435\u0441\u0442\u0438\u0442\u0435 \u0432 ",(0,n.jsx)(s.code,{children:"\ud83d\udcc1 shared/ui"}),";"]}),"\n",(0,n.jsxs)(s.li,{children:["\u0435\u0441\u043b\u0438 \u044d\u0442\u043e \u043a\u043e\u043d\u0441\u0442\u0430\u043d\u0442\u0430 \u043a\u043e\u043d\u0444\u0438\u0433\u0443\u0440\u0430\u0446\u0438\u0438, \u043f\u0435\u0440\u0435\u043c\u0435\u0441\u0442\u0438\u0442\u0435 \u0432 ",(0,n.jsx)(s.code,{children:"\ud83d\udcc1 shared/config"}),";"]}),"\n",(0,n.jsxs)(s.li,{children:["\u0435\u0441\u043b\u0438 \u044d\u0442\u043e \u0432\u0437\u0430\u0438\u043c\u043e\u0434\u0435\u0439\u0441\u0442\u0432\u0438\u0435 \u0441 \u0431\u044d\u043a\u0435\u043d\u0434\u043e\u043c, \u043f\u0435\u0440\u0435\u043c\u0435\u0441\u0442\u0438\u0442\u0435 \u0432 ",(0,n.jsx)(s.code,{children:"\ud83d\udcc1 shared/api"}),"."]}),"\n"]}),"\n",(0,n.jsxs)(s.admonition,{type:"note",children:[(0,n.jsxs)(s.p,{children:[(0,n.jsx)(s.strong,{children:"\u041a\u043e\u043f\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u0435 \u0441\u0430\u043c\u043e \u043f\u043e \u0441\u0435\u0431\u0435 \u043d\u0435 \u044f\u0432\u043b\u044f\u0435\u0442\u0441\u044f \u0430\u0440\u0445\u0438\u0442\u0435\u043a\u0442\u0443\u0440\u043d\u043e\u0439 \u043f\u0440\u043e\u0431\u043b\u0435\u043c\u043e\u0439"}),", \u043d\u0430 \u0441\u0430\u043c\u043e\u043c \u0434\u0435\u043b\u0435 \u0438\u043d\u043e\u0433\u0434\u0430 \u0434\u0430\u0436\u0435 \u043f\u0440\u0430\u0432\u0438\u043b\u044c\u043d\u0435\u0435 \u043f\u0440\u043e\u0434\u0443\u0431\u043b\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u0447\u0442\u043e-\u0442\u043e, \u0447\u0435\u043c \u0430\u0431\u0441\u0442\u0440\u0430\u0433\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u0432 \u043d\u043e\u0432\u044b\u0439 \u043f\u0435\u0440\u0435\u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u043c\u044b\u0439 \u043c\u043e\u0434\u0443\u043b\u044c. \u0414\u0435\u043b\u043e \u0432 \u0442\u043e\u043c, \u0447\u0442\u043e \u0438\u043d\u043e\u0433\u0434\u0430 \u043e\u0431\u0449\u0438\u0435 \u0447\u0430\u0441\u0442\u0438 \u0441\u0442\u0440\u0430\u043d\u0438\u0446 \u043d\u0430\u0447\u0438\u043d\u0430\u044e\u0442 \u0440\u0430\u0441\u0445\u043e\u0434\u0438\u0442\u044c\u0441\u044f, \u0438 \u0432 \u044d\u0442\u0438\u0445 \u0441\u043b\u0443\u0447\u0430\u044f\u0445 \u0432\u0430\u043c \u043d\u0435 \u043d\u0443\u0436\u043d\u043e, \u0447\u0442\u043e\u0431\u044b \u044d\u0442\u0438 \u0437\u0430\u0432\u0438\u0441\u0438\u043c\u043e\u0441\u0442\u0438 \u043c\u0435\u0448\u0430\u043b\u0438\u0441\u044c."]}),(0,n.jsx)(s.p,{children:'\u041e\u0434\u043d\u0430\u043a\u043e \u0441\u0443\u0449\u0435\u0441\u0442\u0432\u0443\u0435\u0442 \u0441\u043c\u044b\u0441\u043b \u0432 \u043f\u0440\u0438\u043d\u0446\u0438\u043f\u0435 DRY ("don\'t repeat yourself" \u2014 "\u043d\u0435 \u043f\u043e\u0432\u0442\u043e\u0440\u044f\u0439\u0442\u0435\u0441\u044c"), \u043f\u043e\u044d\u0442\u043e\u043c\u0443 \u0443\u0431\u0435\u0434\u0438\u0442\u0435\u0441\u044c, \u0447\u0442\u043e \u0432\u044b \u043d\u0435 \u043a\u043e\u043f\u0438\u0440\u0443\u0435\u0442\u0435 \u0431\u0438\u0437\u043d\u0435\u0441-\u043b\u043e\u0433\u0438\u043a\u0443. \u0412 \u043f\u0440\u043e\u0442\u0438\u0432\u043d\u043e\u043c \u0441\u043b\u0443\u0447\u0430\u0435 \u0432\u0430\u043c \u043f\u0440\u0438\u0434\u0435\u0442\u0441\u044f \u0434\u0435\u0440\u0436\u0430\u0442\u044c \u0432 \u0433\u043e\u043b\u043e\u0432\u0435, \u0447\u0442\u043e \u0431\u0430\u0433\u0438 \u043d\u0443\u0436\u043d\u043e \u0438\u0441\u043f\u0440\u0430\u0432\u043b\u044f\u0442\u044c \u0432 \u043d\u0435\u0441\u043a\u043e\u043b\u044c\u043a\u0438\u0445 \u043c\u0435\u0441\u0442\u0430\u0445 \u043e\u0434\u043d\u043e\u0432\u0440\u0435\u043c\u0435\u043d\u043d\u043e.'})]}),"\n",(0,n.jsx)(s.h2,{id:"unpack-shared-layer",children:"\u0428\u0430\u0433 4. \u0420\u0430\u0437\u0431\u0435\u0440\u0438\u0442\u0435 \u0441\u043b\u043e\u0439 Shared"}),"\n",(0,n.jsx)(s.p,{children:"\u041d\u0430 \u0434\u0430\u043d\u043d\u043e\u043c \u044d\u0442\u0430\u043f\u0435 \u0443 \u0432\u0430\u0441 \u043c\u043e\u0436\u0435\u0442 \u0431\u044b\u0442\u044c \u043c\u043d\u043e\u0433\u043e \u0432\u0441\u0435\u0433\u043e \u0432 \u0441\u043b\u043e\u0435 Shared, \u0438 \u0432 \u0446\u0435\u043b\u043e\u043c, \u0441\u043b\u0435\u0434\u0443\u0435\u0442 \u0438\u0437\u0431\u0435\u0433\u0430\u0442\u044c \u0442\u0430\u043a\u0438\u0445 \u0441\u0438\u0442\u0443\u0430\u0446\u0438\u0439. \u041f\u0440\u0438\u0447\u0438\u043d\u0430 \u044d\u0442\u043e\u043c\u0443 \u0432 \u0442\u043e\u043c, \u0447\u0442\u043e \u0441\u043b\u043e\u0439 Shared \u043c\u043e\u0436\u0435\u0442 \u0431\u044b\u0442\u044c \u0437\u0430\u0432\u0438\u0441\u0438\u043c\u043e\u0441\u0442\u044c\u044e \u0434\u043b\u044f \u043b\u044e\u0431\u043e\u0433\u043e \u0434\u0440\u0443\u0433\u043e\u0433\u043e \u0441\u043b\u043e\u044f \u0432 \u0432\u0430\u0448\u0435\u043c \u043a\u043e\u0434\u0435, \u043f\u043e\u044d\u0442\u043e\u043c\u0443 \u0432\u043d\u0435\u0441\u0435\u043d\u0438\u0435 \u0438\u0437\u043c\u0435\u043d\u0435\u043d\u0438\u0439 \u0432 \u044d\u0442\u043e\u0442 \u043a\u043e\u0434 \u0430\u0432\u0442\u043e\u043c\u0430\u0442\u0438\u0447\u0435\u0441\u043a\u0438 \u0431\u043e\u043b\u0435\u0435 \u0447\u0440\u0435\u0432\u0430\u0442\u043e \u043d\u0435\u043f\u0440\u0435\u0434\u0432\u0438\u0434\u0435\u043d\u043d\u044b\u043c\u0438 \u043f\u043e\u0441\u043b\u0435\u0434\u0441\u0442\u0432\u0438\u044f\u043c\u0438."}),"\n",(0,n.jsxs)(s.p,{children:["\u041d\u0430\u0439\u0434\u0438\u0442\u0435 \u0432\u0441\u0435 \u043e\u0431\u044a\u0435\u043a\u0442\u044b, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u044e\u0442\u0441\u044f \u0442\u043e\u043b\u044c\u043a\u043e \u043d\u0430 \u043e\u0434\u043d\u043e\u0439 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0435, \u0438 \u043f\u0435\u0440\u0435\u043c\u0435\u0441\u0442\u0438\u0442\u0435 \u0438\u0445 \u0432 \u0441\u043b\u0430\u0439\u0441 \u044d\u0442\u043e\u0439 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b. \u0418 \u0434\u0430, ",(0,n.jsx)(s.em,{children:"\u044d\u0442\u043e \u043e\u0442\u043d\u043e\u0441\u0438\u0442\u0441\u044f \u0438 \u043a \u044d\u043a\u0448\u043d\u0430\u043c (actions), \u0440\u0435\u0434\u044c\u044e\u0441\u0435\u0440\u0430\u043c (reducers) \u0438 \u0441\u0435\u043b\u0435\u043a\u0442\u043e\u0440\u0430\u043c (selectors)"}),". \u041d\u0435\u0442 \u043d\u0438\u043a\u0430\u043a\u043e\u0439 \u043f\u043e\u043b\u044c\u0437\u044b \u0432 \u0433\u0440\u0443\u043f\u043f\u0438\u0440\u043e\u0432\u043a\u0435 \u0432\u0441\u0435\u0445 \u044d\u043a\u0448\u043d\u043e\u0432 \u0432\u043c\u0435\u0441\u0442\u0435, \u043d\u043e \u0435\u0441\u0442\u044c \u043f\u043e\u043b\u044c\u0437\u0430 \u0432 \u0442\u043e\u043c, \u0447\u0442\u043e\u0431\u044b \u043f\u043e\u043c\u0435\u0441\u0442\u0438\u0442\u044c \u0430\u043a\u0442\u0443\u0430\u043b\u044c\u043d\u044b\u0435 \u044d\u043a\u0448\u043d\u044b \u0440\u044f\u0434\u043e\u043c \u0441 \u0438\u0445 \u043c\u0435\u0441\u0442\u043e\u043c \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u044f."]}),"\n",(0,n.jsx)(s.p,{children:"\u0412 \u0438\u0442\u043e\u0433\u0435 \u0443 \u0432\u0430\u0441 \u0434\u043e\u043b\u0436\u043d\u0430 \u043f\u043e\u043b\u0443\u0447\u0438\u0442\u044c\u0441\u044f \u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u0430 \u0444\u0430\u0439\u043b\u043e\u0432, \u043f\u043e\u0445\u043e\u0436\u0430\u044f \u043d\u0430 \u044d\u0442\u0443:"}),"\n",(0,n.jsxs)(i,{className:"file-tree",open:!0,children:[(0,n.jsx)("summary",{children:"\ud83d\udcc1 src"}),(0,n.jsxs)("ul",{children:[(0,n.jsx)("li",{children:"\ud83d\udcc1 app (unchanged)"}),(0,n.jsx)("li",{children:(0,n.jsxs)(i,{className:"file-tree",open:!0,children:[(0,n.jsx)("summary",{children:"\ud83d\udcc1 pages"}),(0,n.jsxs)("ul",{children:[(0,n.jsx)("li",{children:(0,n.jsxs)(i,{className:"file-tree",open:!0,children:[(0,n.jsx)("summary",{children:"\ud83d\udcc1 product"}),(0,n.jsxs)("ul",{children:[(0,n.jsx)("li",{children:"\ud83d\udcc1 actions"}),(0,n.jsx)("li",{children:"\ud83d\udcc1 reducers"}),(0,n.jsx)("li",{children:"\ud83d\udcc1 selectors"}),(0,n.jsx)("li",{children:(0,n.jsxs)(i,{className:"file-tree",children:[(0,n.jsx)("summary",{children:"\ud83d\udcc1 ui"}),(0,n.jsxs)("ul",{children:[(0,n.jsx)("li",{children:"\ud83d\udcc4 Component.jsx"}),(0,n.jsx)("li",{children:"\ud83d\udcc4 Container.jsx"}),(0,n.jsx)("li",{children:"\ud83d\udcc4 ProductPage.jsx"})]})]})}),(0,n.jsx)("li",{children:"\ud83d\udcc4 index.js"})]})]})}),(0,n.jsx)("li",{children:"\ud83d\udcc1 catalog"})]})]})}),(0,n.jsx)("li",{children:(0,n.jsxs)(i,{className:"file-tree",children:[(0,n.jsx)("summary",{children:"\ud83d\udcc1 shared (only objects that are reused)"}),(0,n.jsxs)("ul",{children:[(0,n.jsx)("li",{children:"\ud83d\udcc1 actions"}),(0,n.jsx)("li",{children:"\ud83d\udcc1 api"}),(0,n.jsx)("li",{children:"\ud83d\udcc1 components"}),(0,n.jsx)("li",{children:"\ud83d\udcc1 containers"}),(0,n.jsx)("li",{children:"\ud83d\udcc1 constants"}),(0,n.jsx)("li",{children:"\ud83d\udcc1 i18n"}),(0,n.jsx)("li",{children:"\ud83d\udcc1 modules"}),(0,n.jsx)("li",{children:"\ud83d\udcc1 helpers"}),(0,n.jsx)("li",{children:"\ud83d\udcc1 utils"}),(0,n.jsx)("li",{children:"\ud83d\udcc1 reducers"}),(0,n.jsx)("li",{children:"\ud83d\udcc1 selectors"}),(0,n.jsx)("li",{children:"\ud83d\udcc1 styles"})]})]})})]})]}),"\n",(0,n.jsx)(s.h2,{id:"organize-by-technical-purpose",children:"\u0428\u0430\u0433 5. \u0420\u0430\u0441\u043f\u0440\u0435\u0434\u0435\u043b\u0438\u0442\u0435 \u043a\u043e\u0434 \u043f\u043e \u0442\u0435\u0445\u043d\u0438\u0447\u0435\u0441\u043a\u043e\u043c\u0443 \u043d\u0430\u0437\u043d\u0430\u0447\u0435\u043d\u0438\u044e"}),"\n",(0,n.jsxs)(s.p,{children:["\u0412 FSD \u0440\u0430\u0437\u0434\u0435\u043b\u0435\u043d\u0438\u0435 \u043f\u043e \u0442\u0435\u0445\u043d\u0438\u0447\u0435\u0441\u043a\u043e\u043c\u0443 \u043d\u0430\u0437\u043d\u0430\u0447\u0435\u043d\u0438\u044e \u043f\u0440\u043e\u0438\u0441\u0445\u043e\u0434\u0438\u0442 \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e ",(0,n.jsx)(s.em,{children:"\u0441\u0435\u0433\u043c\u0435\u043d\u0442\u043e\u0432"}),". \u0421\u0443\u0449\u0435\u0441\u0442\u0432\u0443\u0435\u0442 \u043d\u0435\u0441\u043a\u043e\u043b\u044c\u043a\u043e \u0447\u0430\u0441\u0442\u043e \u0432\u0441\u0442\u0440\u0435\u0447\u0430\u044e\u0449\u0438\u0445\u0441\u044f \u0441\u0435\u0433\u043c\u0435\u043d\u0442\u043e\u0432:"]}),"\n",(0,n.jsxs)(s.ul,{children:["\n",(0,n.jsxs)(s.li,{children:[(0,n.jsx)(s.code,{children:"ui"})," \u2014 \u0432\u0441\u0451, \u0447\u0442\u043e \u0441\u0432\u044f\u0437\u0430\u043d\u043e \u0441 \u043e\u0442\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u0435\u043c \u0438\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441\u0430: \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u044b UI, \u0444\u043e\u0440\u043c\u0430\u0442\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u0435 \u0434\u0430\u0442, \u0441\u0442\u0438\u043b\u0438 \u0438 \u0442. \u0434."]}),"\n",(0,n.jsxs)(s.li,{children:[(0,n.jsx)(s.code,{children:"api"})," \u2014 \u0432\u0437\u0430\u0438\u043c\u043e\u0434\u0435\u0439\u0441\u0442\u0432\u0438\u0435 \u0441 \u0431\u044d\u043a\u0435\u043d\u0434\u043e\u043c: \u0444\u0443\u043d\u043a\u0446\u0438\u0438 \u0437\u0430\u043f\u0440\u043e\u0441\u043e\u0432, \u0442\u0438\u043f\u044b \u0434\u0430\u043d\u043d\u044b\u0445, \u043c\u0430\u043f\u043f\u0435\u0440\u044b \u0438 \u0442. \u0434."]}),"\n",(0,n.jsxs)(s.li,{children:[(0,n.jsx)(s.code,{children:"model"})," \u2014 \u043c\u043e\u0434\u0435\u043b\u044c \u0434\u0430\u043d\u043d\u044b\u0445: \u0441\u0445\u0435\u043c\u044b, \u0438\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441\u044b, \u0445\u0440\u0430\u043d\u0438\u043b\u0438\u0449\u0430 \u0438 \u0431\u0438\u0437\u043d\u0435\u0441-\u043b\u043e\u0433\u0438\u043a\u0430."]}),"\n",(0,n.jsxs)(s.li,{children:[(0,n.jsx)(s.code,{children:"lib"})," \u2014 \u0431\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u0447\u043d\u044b\u0439 \u043a\u043e\u0434, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u043d\u0443\u0436\u0435\u043d \u0434\u0440\u0443\u0433\u0438\u043c \u043c\u043e\u0434\u0443\u043b\u044f\u043c \u043d\u0430 \u044d\u0442\u043e\u043c \u0441\u043b\u0430\u0439\u0441\u0435."]}),"\n",(0,n.jsxs)(s.li,{children:[(0,n.jsx)(s.code,{children:"config"})," \u2014 \u0444\u0430\u0439\u043b\u044b \u043a\u043e\u043d\u0444\u0438\u0433\u0443\u0440\u0430\u0446\u0438\u0438 \u0438 \u0444\u0438\u0447\u0435-\u0444\u043b\u0430\u0433\u0438."]}),"\n"]}),"\n",(0,n.jsxs)(s.p,{children:["\u0412\u044b \u043c\u043e\u0436\u0435\u0442\u0435 \u0441\u043e\u0437\u0434\u0430\u0432\u0430\u0442\u044c \u0441\u0432\u043e\u0438 \u0441\u043e\u0431\u0441\u0442\u0432\u0435\u043d\u043d\u044b\u0435 \u0441\u0435\u0433\u043c\u0435\u043d\u0442\u044b, \u0435\u0441\u043b\u0438 \u044d\u0442\u043e \u043d\u0435\u043e\u0431\u0445\u043e\u0434\u0438\u043c\u043e. \u0423\u0431\u0435\u0434\u0438\u0442\u0435\u0441\u044c, \u0447\u0442\u043e \u043d\u0435 \u0441\u043e\u0437\u0434\u0430\u0435\u0442\u0435 \u0441\u0435\u0433\u043c\u0435\u043d\u0442\u044b, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u0433\u0440\u0443\u043f\u043f\u0438\u0440\u0443\u044e\u0442 \u043a\u043e\u0434 \u043f\u043e \u0442\u043e\u043c\u0443, \u0447\u0435\u043c \u043e\u043d \u044f\u0432\u043b\u044f\u0435\u0442\u0441\u044f, \u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, ",(0,n.jsx)(s.code,{children:"components"}),", ",(0,n.jsx)(s.code,{children:"actions"}),", ",(0,n.jsx)(s.code,{children:"types"}),", ",(0,n.jsx)(s.code,{children:"utils"}),". \u0412\u043c\u0435\u0441\u0442\u043e \u044d\u0442\u043e\u0433\u043e \u0433\u0440\u0443\u043f\u043f\u0438\u0440\u0443\u0439\u0442\u0435 \u043a\u043e\u0434 \u043f\u043e \u0442\u043e\u043c\u0443, \u0434\u043b\u044f \u0447\u0435\u0433\u043e \u043e\u043d \u043f\u0440\u0435\u0434\u043d\u0430\u0437\u043d\u0430\u0447\u0435\u043d."]}),"\n",(0,n.jsxs)(s.p,{children:["\u041f\u0435\u0440\u0435\u0440\u0430\u0441\u043f\u0440\u0435\u0434\u0435\u043b\u0438\u0442\u0435 \u043a\u043e\u0434 \u0432\u0430\u0448\u0438\u0445 \u0441\u0442\u0440\u0430\u043d\u0438\u0446 \u043f\u043e \u0441\u0435\u0433\u043c\u0435\u043d\u0442\u0430\u043c. \u0423 \u0432\u0430\u0441 \u0443\u0436\u0435 \u0434\u043e\u043b\u0436\u0435\u043d \u0431\u044b\u0442\u044c \u0441\u0435\u0433\u043c\u0435\u043d\u0442 ",(0,n.jsx)(s.code,{children:"ui"}),", \u0442\u0435\u043f\u0435\u0440\u044c \u043f\u0440\u0438\u0448\u043b\u043e \u0432\u0440\u0435\u043c\u044f \u0441\u043e\u0437\u0434\u0430\u0442\u044c \u0434\u0440\u0443\u0433\u0438\u0435 \u0441\u0435\u0433\u043c\u0435\u043d\u0442\u044b, \u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, ",(0,n.jsx)(s.code,{children:"model"})," \u0434\u043b\u044f \u0432\u0430\u0448\u0438\u0445 \u044d\u043a\u0448\u043d\u043e\u0432, \u0440\u0435\u0434\u044c\u044e\u0441\u0435\u0440\u043e\u0432 \u0438 \u0441\u0435\u043b\u0435\u043a\u0442\u043e\u0440\u043e\u0432, \u0438\u043b\u0438 ",(0,n.jsx)(s.code,{children:"api"})," \u0434\u043b\u044f \u0432\u0430\u0448\u0438\u0445 thunk-\u043e\u0432 \u0438 \u043c\u0443\u0442\u0430\u0446\u0438\u0439."]}),"\n",(0,n.jsx)(s.p,{children:"\u0422\u0430\u043a\u0436\u0435 \u043f\u0435\u0440\u0435\u0440\u0430\u0441\u043f\u0440\u0435\u0434\u0435\u043b\u0438\u0442\u0435 \u0441\u043b\u043e\u0439 Shared, \u0447\u0442\u043e\u0431\u044b \u0443\u0434\u0430\u043b\u0438\u0442\u044c \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0438\u0435 \u043f\u0430\u043f\u043a\u0438:"}),"\n",(0,n.jsxs)(s.ul,{children:["\n",(0,n.jsxs)(s.li,{children:[(0,n.jsx)(s.code,{children:"\ud83d\udcc1 components"}),", ",(0,n.jsx)(s.code,{children:"\ud83d\udcc1 containers"})," \u2014 \u0431\u043e\u043b\u044c\u0448\u0438\u043d\u0441\u0442\u0432\u043e \u0438\u0437 \u0438\u0445 \u0441\u043e\u0434\u0435\u0440\u0436\u0438\u043c\u043e\u0433\u043e \u0434\u043e\u043b\u0436\u043d\u043e \u0441\u0442\u0430\u0442\u044c ",(0,n.jsx)(s.code,{children:"\ud83d\udcc1 shared/ui"}),";"]}),"\n",(0,n.jsxs)(s.li,{children:[(0,n.jsx)(s.code,{children:"\ud83d\udcc1 helpers"}),", ",(0,n.jsx)(s.code,{children:"\ud83d\udcc1 utils"})," \u2014 \u0435\u0441\u043b\u0438 \u043e\u0441\u0442\u0430\u043b\u0438\u0441\u044c \u043a\u0430\u043a\u0438\u0435-\u0442\u043e \u043f\u043e\u0432\u0442\u043e\u0440\u043d\u043e \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u043c\u044b\u0435 \u0445\u0435\u043b\u043f\u0435\u0440\u044b, \u0441\u0433\u0440\u0443\u043f\u043f\u0438\u0440\u0443\u0439\u0442\u0435 \u0438\u0445 \u043f\u043e \u043d\u0430\u0437\u043d\u0430\u0447\u0435\u043d\u0438\u044e, \u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, \u0434\u0430\u0442\u044b \u0438\u043b\u0438 \u043f\u0440\u0435\u043e\u0431\u0440\u0430\u0437\u043e\u0432\u0430\u043d\u0438\u044f \u0442\u0438\u043f\u043e\u0432, \u0438 \u043f\u0435\u0440\u0435\u043c\u0435\u0441\u0442\u0438\u0442\u0435 \u044d\u0442\u0438 \u0433\u0440\u0443\u043f\u043f\u044b \u0432 ",(0,n.jsx)(s.code,{children:"\ud83d\udcc1 shared/lib"}),";"]}),"\n",(0,n.jsxs)(s.li,{children:[(0,n.jsx)(s.code,{children:"\ud83d\udcc1 constants"})," \u2014 \u0442\u0430\u043a \u0436\u0435 \u0441\u0433\u0440\u0443\u043f\u043f\u0438\u0440\u0443\u0439\u0442\u0435 \u043f\u043e \u043d\u0430\u0437\u043d\u0430\u0447\u0435\u043d\u0438\u044e \u0438 \u043f\u0435\u0440\u0435\u043c\u0435\u0441\u0442\u0438\u0442\u0435 \u0432 ",(0,n.jsx)(s.code,{children:"\ud83d\udcc1 shared/config"}),"."]}),"\n"]}),"\n",(0,n.jsx)(s.h2,{id:"optional-steps",children:"\u0428\u0430\u0433\u0438 \u043f\u043e \u0436\u0435\u043b\u0430\u043d\u0438\u044e"}),"\n",(0,n.jsx)(s.h3,{id:"form-entities-features-from-redux",children:"\u0428\u0430\u0433 6. \u0421\u043e\u0437\u0434\u0430\u0439\u0442\u0435 \u0441\u0443\u0449\u043d\u043e\u0441\u0442\u0438/\u0444\u0438\u0447\u0438 \u0451\u043c\u043a\u043e\u0441\u0442\u044c\u044e \u0438\u0437 Redux-\u0441\u043b\u0430\u0439\u0441\u043e\u0432, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u044e\u0442\u0441\u044f \u043d\u0430 \u043d\u0435\u0441\u043a\u043e\u043b\u044c\u043a\u0438\u0445 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0430\u0445"}),"\n",(0,n.jsx)(s.p,{children:"\u041e\u0431\u044b\u0447\u043d\u043e \u044d\u0442\u0438 \u043f\u0435\u0440\u0435\u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u043c\u044b\u0435 Redux-\u0441\u043b\u0430\u0439\u0441\u044b \u0431\u0443\u0434\u0443\u0442 \u043e\u043f\u0438\u0441\u044b\u0432\u0430\u0442\u044c \u0447\u0442\u043e-\u0442\u043e, \u0447\u0442\u043e \u0438\u043c\u0435\u0435\u0442 \u043e\u0442\u043d\u043e\u0448\u0435\u043d\u0438\u0435 \u043a \u0431\u0438\u0437\u043d\u0435\u0441\u0443, \u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, \u043f\u0440\u043e\u0434\u0443\u043a\u0442\u044b \u0438\u043b\u0438 \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u0438, \u043f\u043e\u044d\u0442\u043e\u043c\u0443 \u0438\u0445 \u043c\u043e\u0436\u043d\u043e \u043f\u0435\u0440\u0435\u043c\u0435\u0441\u0442\u0438\u0442\u044c \u0432 \u0441\u043b\u043e\u0439 Entities, \u043e\u0434\u043d\u0430 \u0441\u0443\u0449\u043d\u043e\u0441\u0442\u044c \u043d\u0430 \u043e\u0434\u043d\u0443 \u043f\u0430\u043f\u043a\u0443. \u0415\u0441\u043b\u0438 Redux-\u0441\u043b\u0430\u0439\u0441 \u0441\u043a\u043e\u0440\u0435\u0435 \u0441\u0432\u044f\u0437\u0430\u043d \u0441 \u0434\u0435\u0439\u0441\u0442\u0432\u0438\u0435\u043c, \u043a\u043e\u0442\u043e\u0440\u043e\u0435 \u0432\u0430\u0448\u0438 \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u0438 \u0445\u043e\u0442\u044f\u0442 \u0441\u043e\u0432\u0435\u0440\u0448\u0438\u0442\u044c \u0432 \u0432\u0430\u0448\u0435\u043c \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0438, \u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, \u043a\u043e\u043c\u043c\u0435\u043d\u0442\u0430\u0440\u0438\u0438, \u0442\u043e \u0435\u0433\u043e \u043c\u043e\u0436\u043d\u043e \u043f\u0435\u0440\u0435\u043c\u0435\u0441\u0442\u0438\u0442\u044c \u0432 \u0441\u043b\u043e\u0439 Features."}),"\n",(0,n.jsxs)(s.p,{children:["\u0421\u0443\u0449\u043d\u043e\u0441\u0442\u0438 \u0438 \u0444\u0438\u0447\u0438 \u0434\u043e\u043b\u0436\u043d\u044b \u0431\u044b\u0442\u044c \u043d\u0435\u0437\u0430\u0432\u0438\u0441\u0438\u043c\u044b \u0434\u0440\u0443\u0433 \u043e\u0442 \u0434\u0440\u0443\u0433\u0430. \u0415\u0441\u043b\u0438 \u0432\u0430\u0448\u0430 \u0431\u0438\u0437\u043d\u0435\u0441-\u043e\u0431\u043b\u0430\u0441\u0442\u044c \u0441\u043e\u0434\u0435\u0440\u0436\u0438\u0442 \u0432\u0441\u0442\u0440\u043e\u0435\u043d\u043d\u044b\u0435 \u0441\u0432\u044f\u0437\u0438 \u043c\u0435\u0436\u0434\u0443 \u0441\u0443\u0449\u043d\u043e\u0441\u0442\u044f\u043c\u0438, \u043e\u0431\u0440\u0430\u0442\u0438\u0442\u0435\u0441\u044c \u043a ",(0,n.jsx)(s.a,{href:"/docs/guides/examples/types#business-entities-and-their-cross-references",children:"\u0440\u0443\u043a\u043e\u0432\u043e\u0434\u0441\u0442\u0432\u0443 \u043f\u043e \u0431\u0438\u0437\u043d\u0435\u0441-\u0441\u0443\u0449\u043d\u043e\u0441\u0442\u044f\u043c"})," \u0437\u0430 \u0441\u043e\u0432\u0435\u0442\u043e\u043c \u043f\u043e \u043e\u0440\u0433\u0430\u043d\u0438\u0437\u0430\u0446\u0438\u0438 \u044d\u0442\u0438\u0445 \u0441\u0432\u044f\u0437\u0435\u0439."]}),"\n",(0,n.jsxs)(s.p,{children:["API-\u0444\u0443\u043d\u043a\u0446\u0438\u0438, \u0441\u0432\u044f\u0437\u0430\u043d\u043d\u044b\u0435 \u0441 \u044d\u0442\u0438\u043c\u0438 \u0441\u043b\u0430\u0439\u0441\u0430\u043c\u0438, \u043c\u043e\u0433\u0443\u0442 \u043e\u0441\u0442\u0430\u0442\u044c\u0441\u044f \u0432 ",(0,n.jsx)(s.code,{children:"\ud83d\udcc1 shared/api"}),"."]}),"\n",(0,n.jsx)(s.h3,{id:"refactor-your-modules",children:"\u0428\u0430\u0433 7. \u041f\u0440\u043e\u0432\u0435\u0434\u0438\u0442\u0435 \u0440\u0435\u0444\u0430\u043a\u0442\u043e\u0440\u0438\u043d\u0433 modules"}),"\n",(0,n.jsxs)(s.p,{children:["\u041f\u0430\u043f\u043a\u0430 ",(0,n.jsx)(s.code,{children:"\ud83d\udcc1 modules"})," \u043e\u0431\u044b\u0447\u043d\u043e \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u0442\u0441\u044f \u0434\u043b\u044f \u0431\u0438\u0437\u043d\u0435\u0441-\u043b\u043e\u0433\u0438\u043a\u0438, \u043f\u043e\u044d\u0442\u043e\u043c\u0443 \u043e\u043d\u0430 \u0443\u0436\u0435 \u0434\u043e\u0432\u043e\u043b\u044c\u043d\u043e \u043f\u043e\u0445\u043e\u0436\u0430 \u043f\u043e \u0441\u0432\u043e\u0435\u0439 \u043f\u0440\u0438\u0440\u043e\u0434\u0435 \u043d\u0430 \u0441\u043b\u043e\u0439 Features \u0438\u0437 FSD. \u041d\u0435\u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u043c\u043e\u0434\u0443\u043b\u0438 \u043c\u043e\u0433\u0443\u0442 \u0442\u0430\u043a\u0436\u0435 \u043e\u043f\u0438\u0441\u044b\u0432\u0430\u0442\u044c \u0431\u043e\u043b\u044c\u0448\u0438\u0435 \u0447\u0430\u0441\u0442\u0438 \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044c\u0441\u043a\u043e\u0433\u043e \u0438\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441\u0430, \u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, \u0448\u0430\u043f\u043a\u0443 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f. \u0412 \u044d\u0442\u043e\u043c \u0441\u043b\u0443\u0447\u0430\u0435 \u0438\u0445 \u043c\u043e\u0436\u043d\u043e \u043f\u0435\u0440\u0435\u043c\u0435\u0441\u0442\u0438\u0442\u044c \u0432 \u0441\u043b\u043e\u0439 Widgets."]}),"\n",(0,n.jsxs)(s.h3,{id:"form-clean-ui-foundation",children:["\u0428\u0430\u0433 8. \u0421\u0444\u043e\u0440\u043c\u0438\u0440\u0443\u0439\u0442\u0435 \u0447\u0438\u0441\u0442\u044b\u0439 \u0444\u0443\u043d\u0434\u0430\u043c\u0435\u043d\u0442 UI \u0432 ",(0,n.jsx)(s.code,{children:"shared/ui"})]}),"\n",(0,n.jsxs)(s.p,{children:[(0,n.jsx)(s.code,{children:"\ud83d\udcc1 shared/ui"}),", \u0432 \u0438\u0434\u0435\u0430\u043b\u0435, \u0434\u043e\u043b\u0436\u0435\u043d \u0441\u043e\u0434\u0435\u0440\u0436\u0430\u0442\u044c \u043d\u0430\u0431\u043e\u0440 UI-\u044d\u043b\u0435\u043c\u0435\u043d\u0442\u043e\u0432, \u0432 \u043a\u043e\u0442\u043e\u0440\u044b\u0445 \u043d\u0435\u0442 \u0431\u0438\u0437\u043d\u0435\u0441-\u043b\u043e\u0433\u0438\u043a\u0438. \u041e\u043d\u0438 \u0442\u0430\u043a\u0436\u0435 \u0434\u043e\u043b\u0436\u043d\u044b \u0431\u044b\u0442\u044c \u043e\u0447\u0435\u043d\u044c \u043f\u0435\u0440\u0435\u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u043c\u044b\u043c\u0438."]}),"\n",(0,n.jsxs)(s.p,{children:["\u041f\u0440\u043e\u0432\u0435\u0434\u0438\u0442\u0435 \u0440\u0435\u0444\u0430\u043a\u0442\u043e\u0440\u0438\u043d\u0433 UI-\u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u043e\u0432, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u0440\u0430\u043d\u044c\u0448\u0435 \u043d\u0430\u0445\u043e\u0434\u0438\u043b\u0438\u0441\u044c \u0432 ",(0,n.jsx)(s.code,{children:"\ud83d\udcc1 components"})," \u0438 ",(0,n.jsx)(s.code,{children:"\ud83d\udcc1 containers"}),", \u0447\u0442\u043e\u0431\u044b \u043e\u0442\u0434\u0435\u043b\u0438\u0442\u044c \u0431\u0438\u0437\u043d\u0435\u0441-\u043b\u043e\u0433\u0438\u043a\u0443. \u041f\u0435\u0440\u0435\u043c\u0435\u0441\u0442\u0438\u0442\u0435 \u044d\u0442\u0443 \u0431\u0438\u0437\u043d\u0435\u0441-\u043b\u043e\u0433\u0438\u043a\u0443 \u0432 \u0432\u0435\u0440\u0445\u043d\u0438\u0435 \u0441\u043b\u043e\u0438. \u0415\u0441\u043b\u0438 \u043e\u043d\u0430 \u043d\u0435 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u0442\u0441\u044f \u0432 \u0441\u043b\u0438\u0448\u043a\u043e\u043c \u043c\u043d\u043e\u0433\u0438\u0445 \u043c\u0435\u0441\u0442\u0430\u0445, \u0432\u044b \u0434\u0430\u0436\u0435 \u043c\u043e\u0436\u0435\u0442\u0435 \u0440\u0430\u0441\u0441\u043c\u043e\u0442\u0440\u0435\u0442\u044c \u043a\u043e\u043f\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u0435 \u043a\u0430\u043a \u0432\u0430\u0440\u0438\u0430\u043d\u0442."]}),"\n",(0,n.jsx)(s.h2,{id:"see-also",children:"See also"}),"\n",(0,n.jsxs)(s.ul,{children:["\n",(0,n.jsx)(s.li,{children:(0,n.jsx)(s.a,{href:"https://youtu.be/aOiJ3k2UvO4",children:"(\u0414\u043e\u043a\u043b\u0430\u0434) Ilya Klimov \u2014 \u041a\u0440\u044b\u0441\u0438\u043d\u044b\u0435 \u0431\u0435\u0433\u0430 \u0431\u0435\u0441\u043a\u043e\u043d\u0435\u0447\u043d\u043e\u0433\u043e \u0440\u0435\u0444\u0430\u043a\u0442\u043e\u0440\u0438\u043d\u0433\u0430: \u043a\u0430\u043a \u043d\u0435 \u0434\u0430\u0442\u044c \u0442\u0435\u0445\u043d\u0438\u0447\u0435\u0441\u043a\u043e\u043c\u0443 \u0434\u043e\u043b\u0433\u0443 \u0443\u0431\u0438\u0442\u044c \u043c\u043e\u0442\u0438\u0432\u0430\u0446\u0438\u044e \u0438 \u043f\u0440\u043e\u0434\u0443\u043a\u0442"})}),"\n"]})]})}function x(e={}){const{wrapper:s}={...(0,l.R)(),...e.components};return s?(0,n.jsx)(s,{...e,children:(0,n.jsx)(t,{...e})}):t(e)}},1100:(e,s,i)=>{i.d(s,{R:()=>d,x:()=>c});var n=i(758);const l={},r=n.createContext(l);function d(e){const s=n.useContext(r);return n.useMemo((function(){return"function"==typeof e?e(s):{...s,...e}}),[s,e])}function c(e){let s;return s=e.disableParentContext?"function"==typeof e.components?e.components(l):e.components||l:d(e.components),n.createElement(r.Provider,{value:s},e.children)}}}]);
\ No newline at end of file
+"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[3276],{4825:(e,s,i)=>{i.r(s),i.d(s,{assets:()=>h,contentTitle:()=>d,default:()=>x,frontMatter:()=>r,metadata:()=>c,toc:()=>o});var n=i(6070),l=i(1100);const r={sidebar_position:3,sidebar_label:"\u0421 \u043a\u0430\u0441\u0442\u043e\u043c\u043d\u043e\u0439 \u0430\u0440\u0445\u0438\u0442\u0435\u043a\u0442\u0443\u0440\u044b"},d="\u041c\u0438\u0433\u0440\u0430\u0446\u0438\u044f \u0441 \u043a\u0430\u0441\u0442\u043e\u043c\u043d\u043e\u0439 \u0430\u0440\u0445\u0438\u0442\u0435\u043a\u0442\u0443\u0440\u044b",c={id:"guides/migration/from-custom",title:"\u041c\u0438\u0433\u0440\u0430\u0446\u0438\u044f \u0441 \u043a\u0430\u0441\u0442\u043e\u043c\u043d\u043e\u0439 \u0430\u0440\u0445\u0438\u0442\u0435\u043a\u0442\u0443\u0440\u044b",description:"\u042d\u0442\u043e \u0440\u0443\u043a\u043e\u0432\u043e\u0434\u0441\u0442\u0432\u043e \u043e\u043f\u0438\u0441\u044b\u0432\u0430\u0435\u0442 \u043f\u043e\u0434\u0445\u043e\u0434, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u043c\u043e\u0436\u0435\u0442 \u0431\u044b\u0442\u044c \u043f\u043e\u043b\u0435\u0437\u0435\u043d \u043f\u0440\u0438 \u043c\u0438\u0433\u0440\u0430\u0446\u0438\u0438 \u0441 \u043a\u0430\u0441\u0442\u043e\u043c\u043d\u043e\u0439 \u0441\u0430\u043c\u043e\u0434\u0435\u043b\u044c\u043d\u043e\u0439 \u0430\u0440\u0445\u0438\u0442\u0435\u043a\u0442\u0443\u0440\u044b \u043d\u0430 Feature-Sliced Design.",source:"@site/i18n/ru/docusaurus-plugin-content-docs/current/guides/migration/from-custom.md",sourceDirName:"guides/migration",slug:"/guides/migration/from-custom",permalink:"/ru/docs/guides/migration/from-custom",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/ru/docusaurus-plugin-content-docs/current/guides/migration/from-custom.md",tags:[],version:"current",lastUpdatedAt:1728325386e3,sidebarPosition:3,frontMatter:{sidebar_position:3,sidebar_label:"\u0421 \u043a\u0430\u0441\u0442\u043e\u043c\u043d\u043e\u0439 \u0430\u0440\u0445\u0438\u0442\u0435\u043a\u0442\u0443\u0440\u044b"},sidebar:"guidesSidebar",previous:{title:"\u041b\u0435\u0439\u0430\u0443\u0442\u044b \u0441\u0442\u0440\u0430\u043d\u0438\u0446",permalink:"/ru/docs/guides/examples/page-layout"},next:{title:"\u041c\u0438\u0433\u0440\u0430\u0446\u0438\u044f \u0441 v1",permalink:"/ru/docs/guides/migration/from-v1"}},h={},o=[{value:"\u041f\u0435\u0440\u0435\u0434 \u043d\u0430\u0447\u0430\u043b\u043e\u043c",id:"before-you-start",level:2},{value:"\u0428\u0430\u0433 1. \u0420\u0430\u0437\u0434\u0435\u043b\u0438\u0442\u0435 \u043a\u043e\u0434 \u043f\u043e \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0430\u043c",id:"divide-code-by-pages",level:2},{value:"\u0428\u0430\u0433 2. \u041e\u0442\u0434\u0435\u043b\u0438\u0442\u0435 \u0432\u0441\u0435 \u043e\u0441\u0442\u0430\u043b\u044c\u043d\u043e\u0435 \u043e\u0442 \u0441\u0442\u0440\u0430\u043d\u0438\u0446",id:"separate-everything-else-from-pages",level:2},{value:"\u0428\u0430\u0433 3. \u0423\u0441\u0442\u0440\u0430\u043d\u0438\u0442\u0435 \u043a\u0440\u043e\u0441\u0441-\u0438\u043c\u043f\u043e\u0440\u0442\u044b \u043c\u0435\u0436\u0434\u0443 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0430\u043c\u0438",id:"tackle-cross-imports-between-pages",level:2},{value:"\u0428\u0430\u0433 4. \u0420\u0430\u0437\u0431\u0435\u0440\u0438\u0442\u0435 \u0441\u043b\u043e\u0439 Shared",id:"unpack-shared-layer",level:2},{value:"\u0428\u0430\u0433 5. \u0420\u0430\u0441\u043f\u0440\u0435\u0434\u0435\u043b\u0438\u0442\u0435 \u043a\u043e\u0434 \u043f\u043e \u0442\u0435\u0445\u043d\u0438\u0447\u0435\u0441\u043a\u043e\u043c\u0443 \u043d\u0430\u0437\u043d\u0430\u0447\u0435\u043d\u0438\u044e",id:"organize-by-technical-purpose",level:2},{value:"\u0428\u0430\u0433\u0438 \u043f\u043e \u0436\u0435\u043b\u0430\u043d\u0438\u044e",id:"optional-steps",level:2},{value:"\u0428\u0430\u0433 6. \u0421\u043e\u0437\u0434\u0430\u0439\u0442\u0435 \u0441\u0443\u0449\u043d\u043e\u0441\u0442\u0438/\u0444\u0438\u0447\u0438 \u0451\u043c\u043a\u043e\u0441\u0442\u044c\u044e \u0438\u0437 Redux-\u0441\u043b\u0430\u0439\u0441\u043e\u0432, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u044e\u0442\u0441\u044f \u043d\u0430 \u043d\u0435\u0441\u043a\u043e\u043b\u044c\u043a\u0438\u0445 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0430\u0445",id:"form-entities-features-from-redux",level:3},{value:"\u0428\u0430\u0433 7. \u041f\u0440\u043e\u0432\u0435\u0434\u0438\u0442\u0435 \u0440\u0435\u0444\u0430\u043a\u0442\u043e\u0440\u0438\u043d\u0433 modules",id:"refactor-your-modules",level:3},{value:"\u0428\u0430\u0433 8. \u0421\u0444\u043e\u0440\u043c\u0438\u0440\u0443\u0439\u0442\u0435 \u0447\u0438\u0441\u0442\u044b\u0439 \u0444\u0443\u043d\u0434\u0430\u043c\u0435\u043d\u0442 UI \u0432 <code>shared/ui</code>",id:"form-clean-ui-foundation",level:3},{value:"See also",id:"see-also",level:2}];function t(e){const s={a:"a",admonition:"admonition",br:"br",code:"code",em:"em",h1:"h1",h2:"h2",h3:"h3",header:"header",hr:"hr",li:"li",ol:"ol",p:"p",pre:"pre",strong:"strong",ul:"ul",...(0,l.R)(),...e.components},{Details:i}=s;return i||function(e,s){throw new Error("Expected "+(s?"component":"object")+" `"+e+"` to be defined: you likely forgot to import, pass, or provide it.")}("Details",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(s.header,{children:(0,n.jsx)(s.h1,{id:"\u043c\u0438\u0433\u0440\u0430\u0446\u0438\u044f-\u0441-\u043a\u0430\u0441\u0442\u043e\u043c\u043d\u043e\u0439-\u0430\u0440\u0445\u0438\u0442\u0435\u043a\u0442\u0443\u0440\u044b",children:"\u041c\u0438\u0433\u0440\u0430\u0446\u0438\u044f \u0441 \u043a\u0430\u0441\u0442\u043e\u043c\u043d\u043e\u0439 \u0430\u0440\u0445\u0438\u0442\u0435\u043a\u0442\u0443\u0440\u044b"})}),"\n",(0,n.jsx)(s.p,{children:"\u042d\u0442\u043e \u0440\u0443\u043a\u043e\u0432\u043e\u0434\u0441\u0442\u0432\u043e \u043e\u043f\u0438\u0441\u044b\u0432\u0430\u0435\u0442 \u043f\u043e\u0434\u0445\u043e\u0434, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u043c\u043e\u0436\u0435\u0442 \u0431\u044b\u0442\u044c \u043f\u043e\u043b\u0435\u0437\u0435\u043d \u043f\u0440\u0438 \u043c\u0438\u0433\u0440\u0430\u0446\u0438\u0438 \u0441 \u043a\u0430\u0441\u0442\u043e\u043c\u043d\u043e\u0439 \u0441\u0430\u043c\u043e\u0434\u0435\u043b\u044c\u043d\u043e\u0439 \u0430\u0440\u0445\u0438\u0442\u0435\u043a\u0442\u0443\u0440\u044b \u043d\u0430 Feature-Sliced Design."}),"\n",(0,n.jsx)(s.p,{children:"\u0412\u043e\u0442 \u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u0430 \u043f\u0430\u043f\u043e\u043a \u0442\u0438\u043f\u0438\u0447\u043d\u043e\u0439 \u043a\u0430\u0441\u0442\u043e\u043c\u043d\u043e\u0439 \u0430\u0440\u0445\u0438\u0442\u0435\u043a\u0442\u0443\u0440\u044b. \u041c\u044b \u0431\u0443\u0434\u0435\u043c \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u0435\u0435 \u0432 \u043a\u0430\u0447\u0435\u0441\u0442\u0432\u0435 \u043f\u0440\u0438\u043c\u0435\u0440\u0430 \u0432 \u044d\u0442\u043e\u043c \u0440\u0443\u043a\u043e\u0432\u043e\u0434\u0441\u0442\u0432\u0435.\n\u041d\u0430\u0436\u043c\u0438\u0442\u0435 \u043d\u0430 \u0441\u0438\u043d\u044e\u044e \u0441\u0442\u0440\u0435\u043b\u043a\u0443, \u0447\u0442\u043e\u0431\u044b \u043e\u0442\u043a\u0440\u044b\u0442\u044c \u043f\u0430\u043f\u043a\u0443."}),"\n",(0,n.jsxs)(i,{className:"file-tree",children:[(0,n.jsx)("summary",{children:"\ud83d\udcc1 src"}),(0,n.jsxs)("ul",{children:[(0,n.jsx)("li",{children:(0,n.jsxs)(i,{className:"file-tree",children:[(0,n.jsx)("summary",{children:"\ud83d\udcc1 actions"}),(0,n.jsxs)("ul",{children:[(0,n.jsx)("li",{children:"\ud83d\udcc1 product"}),(0,n.jsx)("li",{children:"\ud83d\udcc1 order"})]})]})}),(0,n.jsx)("li",{children:"\ud83d\udcc1 api"}),(0,n.jsx)("li",{children:"\ud83d\udcc1 components"}),(0,n.jsx)("li",{children:"\ud83d\udcc1 containers"}),(0,n.jsx)("li",{children:"\ud83d\udcc1 constants"}),(0,n.jsx)("li",{children:"\ud83d\udcc1 i18n"}),(0,n.jsx)("li",{children:"\ud83d\udcc1 modules"}),(0,n.jsx)("li",{children:"\ud83d\udcc1 helpers"}),(0,n.jsx)("li",{children:(0,n.jsxs)(i,{className:"file-tree",children:[(0,n.jsx)("summary",{children:"\ud83d\udcc1 routes"}),(0,n.jsxs)("ul",{children:[(0,n.jsx)("li",{children:"\ud83d\udcc1 products.jsx"}),(0,n.jsx)("li",{children:"\ud83d\udcc4 products.[id].jsx"})]})]})}),(0,n.jsx)("li",{children:"\ud83d\udcc1 utils"}),(0,n.jsx)("li",{children:"\ud83d\udcc1 reducers"}),(0,n.jsx)("li",{children:"\ud83d\udcc1 selectors"}),(0,n.jsx)("li",{children:"\ud83d\udcc1 styles"}),(0,n.jsx)("li",{children:"\ud83d\udcc4 App.jsx"}),(0,n.jsx)("li",{children:"\ud83d\udcc4 index.js"})]})]}),"\n",(0,n.jsx)(s.h2,{id:"before-you-start",children:"\u041f\u0435\u0440\u0435\u0434 \u043d\u0430\u0447\u0430\u043b\u043e\u043c"}),"\n",(0,n.jsxs)(s.p,{children:["\u0421\u0430\u043c\u044b\u0439 \u0432\u0430\u0436\u043d\u044b\u0439 \u0432\u043e\u043f\u0440\u043e\u0441, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u043d\u0443\u0436\u043d\u043e \u0437\u0430\u0434\u0430\u0442\u044c \u0441\u0432\u043e\u0435\u0439 \u043a\u043e\u043c\u0430\u043d\u0434\u0435 \u043f\u0440\u0438 \u0440\u0430\u0441\u0441\u043c\u043e\u0442\u0440\u0435\u043d\u0438\u0438 \u043f\u0435\u0440\u0435\u0445\u043e\u0434\u0430 \u043d\u0430 Feature-Sliced Design, \u2014 ",(0,n.jsx)(s.em,{children:"\u0434\u0435\u0439\u0441\u0442\u0432\u0438\u0442\u0435\u043b\u044c\u043d\u043e \u043b\u0438 \u0432\u0430\u043c \u044d\u0442\u043e \u043d\u0443\u0436\u043d\u043e?"})," \u041c\u044b \u043b\u044e\u0431\u0438\u043c Feature-Sliced Design, \u043d\u043e \u0434\u0430\u0436\u0435 \u043c\u044b \u043f\u0440\u0438\u0437\u043d\u0430\u0435\u043c, \u0447\u0442\u043e \u043d\u0435\u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u043f\u0440\u043e\u0435\u043a\u0442\u044b \u043f\u0440\u0435\u043a\u0440\u0430\u0441\u043d\u043e \u043e\u0431\u043e\u0439\u0434\u0443\u0442\u0441\u044f \u0438 \u0431\u0435\u0437 \u043d\u0435\u0433\u043e."]}),"\n",(0,n.jsx)(s.p,{children:"\u0412\u043e\u0442 \u043d\u0435\u0441\u043a\u043e\u043b\u044c\u043a\u043e \u043f\u0440\u0438\u0447\u0438\u043d, \u043f\u043e \u043a\u043e\u0442\u043e\u0440\u044b\u043c \u0441\u0442\u043e\u0438\u0442 \u0440\u0430\u0441\u0441\u043c\u043e\u0442\u0440\u0435\u0442\u044c \u043f\u0435\u0440\u0435\u0445\u043e\u0434:"}),"\n",(0,n.jsxs)(s.ol,{children:["\n",(0,n.jsx)(s.li,{children:"\u041d\u043e\u0432\u044b\u0435 \u0447\u043b\u0435\u043d\u044b \u043a\u043e\u043c\u0430\u043d\u0434\u044b \u0436\u0430\u043b\u0443\u044e\u0442\u0441\u044f, \u0447\u0442\u043e \u0441\u043b\u043e\u0436\u043d\u043e \u0434\u043e\u0441\u0442\u0438\u0447\u044c \u043f\u0440\u043e\u0434\u0443\u043a\u0442\u0438\u0432\u043d\u043e\u0433\u043e \u0443\u0440\u043e\u0432\u043d\u044f"}),"\n",(0,n.jsxs)(s.li,{children:["\u0412\u043d\u0435\u0441\u0435\u043d\u0438\u0435 \u0438\u0437\u043c\u0435\u043d\u0435\u043d\u0438\u0439 \u0432 \u043e\u0434\u043d\u0443 \u0447\u0430\u0441\u0442\u044c \u043a\u043e\u0434\u0430 ",(0,n.jsx)(s.strong,{children:"\u0447\u0430\u0441\u0442\u043e"})," \u043f\u0440\u0438\u0432\u043e\u0434\u0438\u0442 \u043a \u0442\u043e\u043c\u0443, \u0447\u0442\u043e \u043b\u043e\u043c\u0430\u0435\u0442\u0441\u044f \u0434\u0440\u0443\u0433\u0430\u044f \u043d\u0435\u0441\u0432\u044f\u0437\u0430\u043d\u043d\u0430\u044f \u0447\u0430\u0441\u0442\u044c"]}),"\n",(0,n.jsx)(s.li,{children:"\u0414\u043e\u0431\u0430\u0432\u043b\u0435\u043d\u0438\u0435 \u043d\u043e\u0432\u043e\u0439 \u0444\u0443\u043d\u043a\u0446\u0438\u043e\u043d\u0430\u043b\u044c\u043d\u043e\u0441\u0442\u0438 \u0437\u0430\u0442\u0440\u0443\u0434\u043d\u0435\u043d\u043e \u0438\u0437-\u0437\u0430 \u043e\u0433\u0440\u043e\u043c\u043d\u043e\u0433\u043e \u043a\u043e\u043b\u0438\u0447\u0435\u0441\u0442\u0432\u0430 \u0432\u0435\u0449\u0435\u0439, \u043e \u043a\u043e\u0442\u043e\u0440\u044b\u0445 \u043d\u0443\u0436\u043d\u043e \u0434\u0443\u043c\u0430\u0442\u044c"}),"\n"]}),"\n",(0,n.jsxs)(s.p,{children:[(0,n.jsx)(s.strong,{children:"\u0418\u0437\u0431\u0435\u0433\u0430\u0439\u0442\u0435 \u043f\u0435\u0440\u0435\u0445\u043e\u0434\u0430 \u043d\u0430 FSD \u043f\u0440\u043e\u0442\u0438\u0432 \u0432\u043e\u043b\u0438 \u0432\u0430\u0448\u0438\u0445 \u043a\u043e\u043b\u043b\u0435\u0433"}),", \u0434\u0430\u0436\u0435 \u0435\u0441\u043b\u0438 \u0432\u044b \u044f\u0432\u043b\u044f\u0435\u0442\u0435\u0441\u044c \u0442\u0438\u043c\u043b\u0438\u0434\u043e\u043c.",(0,n.jsx)(s.br,{}),"\n","\u0421\u043d\u0430\u0447\u0430\u043b\u0430 \u0443\u0431\u0435\u0434\u0438\u0442\u0435 \u0441\u0432\u043e\u0438\u0445 \u043a\u043e\u043b\u043b\u0435\u0433 \u0432 \u0442\u043e\u043c, \u0447\u0442\u043e \u043f\u0440\u0435\u0438\u043c\u0443\u0449\u0435\u0441\u0442\u0432\u0430 \u043f\u0435\u0440\u0435\u0432\u0435\u0448\u0438\u0432\u0430\u044e\u0442 \u0441\u0442\u043e\u0438\u043c\u043e\u0441\u0442\u044c \u043c\u0438\u0433\u0440\u0430\u0446\u0438\u0438 \u0438 \u0441\u0442\u043e\u0438\u043c\u043e\u0441\u0442\u044c \u0438\u0437\u0443\u0447\u0435\u043d\u0438\u044f \u043d\u043e\u0432\u043e\u0439 \u0430\u0440\u0445\u0438\u0442\u0435\u043a\u0442\u0443\u0440\u044b \u0432\u043c\u0435\u0441\u0442\u043e \u0443\u0441\u0442\u0430\u043d\u043e\u0432\u043b\u0435\u043d\u043d\u043e\u0439."]}),"\n",(0,n.jsx)(s.p,{children:"\u0422\u0430\u043a\u0436\u0435 \u0438\u043c\u0435\u0439\u0442\u0435 \u0432 \u0432\u0438\u0434\u0443, \u0447\u0442\u043e \u043b\u044e\u0431\u044b\u0435 \u0438\u0437\u043c\u0435\u043d\u0435\u043d\u0438\u044f \u0432 \u0430\u0440\u0445\u0438\u0442\u0435\u043a\u0442\u0443\u0440\u0435 \u043d\u0435\u0437\u0430\u043c\u0435\u0442\u043d\u044b \u0434\u043b\u044f \u0440\u0443\u043a\u043e\u0432\u043e\u0434\u0441\u0442\u0432\u0430 \u0432 \u043c\u043e\u043c\u0435\u043d\u0442\u0435. \u0423\u0431\u0435\u0434\u0438\u0442\u0435\u0441\u044c, \u0447\u0442\u043e \u043e\u043d\u0438 \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u0438\u0432\u0430\u044e\u0442 \u043f\u0435\u0440\u0435\u0445\u043e\u0434, \u043f\u0440\u0435\u0436\u0434\u0435 \u0447\u0435\u043c \u043d\u0430\u0447\u0438\u043d\u0430\u0442\u044c, \u0438 \u043e\u0431\u044a\u044f\u0441\u043d\u0438\u0442\u0435 \u0438\u043c, \u043a\u0430\u043a \u044d\u0442\u043e\u0442 \u043f\u0435\u0440\u0435\u0445\u043e\u0434 \u043c\u043e\u0436\u0435\u0442 \u0431\u044b\u0442\u044c \u043f\u043e\u043b\u0435\u0437\u0435\u043d \u0434\u043b\u044f \u043f\u0440\u043e\u0435\u043a\u0442\u0430."}),"\n",(0,n.jsxs)(s.admonition,{type:"tip",children:[(0,n.jsx)(s.p,{children:"\u0415\u0441\u043b\u0438 \u0432\u0430\u043c \u043d\u0443\u0436\u043d\u0430 \u043f\u043e\u043c\u043e\u0449\u044c \u0432 \u0443\u0431\u0435\u0436\u0434\u0435\u043d\u0438\u0438 \u043c\u0435\u043d\u0435\u0434\u0436\u0435\u0440\u0430 \u043f\u0440\u043e\u0435\u043a\u0442\u0430 \u0432 \u0442\u043e\u043c, \u0447\u0442\u043e FSD \u0432\u0430\u043c \u043f\u043e\u043b\u0435\u0437\u0435\u043d, \u0432\u043e\u0442 \u043d\u0435\u0441\u043a\u043e\u043b\u044c\u043a\u043e \u0438\u0434\u0435\u0439:"}),(0,n.jsxs)(s.ol,{children:["\n",(0,n.jsx)(s.li,{children:"\u041c\u0438\u0433\u0440\u0430\u0446\u0438\u044f \u043d\u0430 FSD \u043c\u043e\u0436\u0435\u0442 \u043f\u0440\u043e\u0438\u0441\u0445\u043e\u0434\u0438\u0442\u044c \u043f\u043e\u0441\u0442\u0435\u043f\u0435\u043d\u043d\u043e, \u043f\u043e\u044d\u0442\u043e\u043c\u0443 \u043e\u043d\u0430 \u043d\u0435 \u043e\u0441\u0442\u0430\u043d\u043e\u0432\u0438\u0442 \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u0443 \u043d\u043e\u0432\u044b\u0445 \u0444\u0443\u043d\u043a\u0446\u0438\u0439"}),"\n",(0,n.jsx)(s.li,{children:"\u0425\u043e\u0440\u043e\u0448\u0430\u044f \u0430\u0440\u0445\u0438\u0442\u0435\u043a\u0442\u0443\u0440\u0430 \u043c\u043e\u0436\u0435\u0442 \u0437\u043d\u0430\u0447\u0438\u0442\u0435\u043b\u044c\u043d\u043e \u0441\u043e\u043a\u0440\u0430\u0442\u0438\u0442\u044c \u0432\u0440\u0435\u043c\u044f, \u043a\u043e\u0442\u043e\u0440\u043e\u0435 \u043f\u043e\u0442\u0440\u0435\u0431\u0443\u0435\u0442\u0441\u044f \u043d\u043e\u0432\u044b\u043c \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a\u0430\u043c \u0434\u043b\u044f \u0434\u043e\u0441\u0442\u0438\u0436\u0435\u043d\u0438\u044f \u043f\u0440\u043e\u0438\u0437\u0432\u043e\u0434\u0438\u0442\u0435\u043b\u044c\u043d\u043e\u0441\u0442\u0438"}),"\n",(0,n.jsx)(s.li,{children:"FSD \u2014 \u044d\u0442\u043e \u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u0430\u044f \u0430\u0440\u0445\u0438\u0442\u0435\u043a\u0442\u0443\u0440\u0430, \u043f\u043e\u044d\u0442\u043e\u043c\u0443 \u043a\u043e\u043c\u0430\u043d\u0434\u0435 \u043d\u0435 \u043d\u0443\u0436\u043d\u043e \u043f\u043e\u0441\u0442\u043e\u044f\u043d\u043d\u043e \u0442\u0440\u0430\u0442\u0438\u0442\u044c \u0432\u0440\u0435\u043c\u044f \u043d\u0430 \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u0430\u043d\u0438\u0435 \u0441\u043e\u0431\u0441\u0442\u0432\u0435\u043d\u043d\u043e\u0439 \u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u0430\u0446\u0438\u0438"}),"\n"]})]}),"\n",(0,n.jsx)(s.hr,{}),"\n",(0,n.jsxs)(s.p,{children:["\u0415\u0441\u043b\u0438 \u0432\u044b \u0432\u0441\u0451-\u0442\u0430\u043a\u0438 \u043f\u0440\u0438\u043d\u044f\u043b\u0438 \u0440\u0435\u0448\u0435\u043d\u0438\u0435 \u043d\u0430\u0447\u0430\u0442\u044c \u043c\u0438\u0433\u0440\u0430\u0446\u0438\u044e, \u0442\u043e \u043f\u0435\u0440\u0432\u043e\u0435, \u0447\u0442\u043e \u0432\u0430\u043c \u0441\u043b\u0435\u0434\u0443\u0435\u0442 \u0441\u0434\u0435\u043b\u0430\u0442\u044c, \u2014 \u043d\u0430\u0441\u0442\u0440\u043e\u0438\u0442\u044c \u0430\u043b\u0438\u0430\u0441 \u0434\u043b\u044f ",(0,n.jsx)(s.code,{children:"\ud83d\udcc1 src"}),". \u042d\u0442\u043e \u0431\u0443\u0434\u0435\u0442 \u043f\u043e\u043b\u0435\u0437\u043d\u043e \u043f\u043e\u0437\u0436\u0435, \u0447\u0442\u043e\u0431 \u0441\u0441\u044b\u043b\u0430\u0442\u044c\u0441\u044f \u043d\u0430 \u043f\u0430\u043f\u043a\u0438 \u0432\u0435\u0440\u0445\u043d\u0435\u0433\u043e \u0443\u0440\u043e\u0432\u043d\u044f. \u0414\u0430\u043b\u0435\u0435 \u0432 \u0442\u0435\u043a\u0441\u0442\u0435 \u043c\u044b \u0431\u0443\u0434\u0435\u043c \u0441\u0447\u0438\u0442\u0430\u0442\u044c ",(0,n.jsx)(s.code,{children:"@"})," \u043f\u0441\u0435\u0432\u0434\u043e\u043d\u0438\u043c\u043e\u043c \u0434\u043b\u044f ",(0,n.jsx)(s.code,{children:"./src"}),"."]}),"\n",(0,n.jsx)(s.h2,{id:"divide-code-by-pages",children:"\u0428\u0430\u0433 1. \u0420\u0430\u0437\u0434\u0435\u043b\u0438\u0442\u0435 \u043a\u043e\u0434 \u043f\u043e \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0430\u043c"}),"\n",(0,n.jsxs)(s.p,{children:["\u0411\u043e\u043b\u044c\u0448\u0438\u043d\u0441\u0442\u0432\u043e \u043a\u0430\u0441\u0442\u043e\u043c\u043d\u044b\u0445 \u0430\u0440\u0445\u0438\u0442\u0435\u043a\u0442\u0443\u0440 \u0443\u0436\u0435 \u0438\u043c\u0435\u044e\u0442 \u0440\u0430\u0437\u0434\u0435\u043b\u0435\u043d\u0438\u0435 \u043f\u043e \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0430\u043c, \u043d\u0435\u0437\u0430\u0432\u0438\u0441\u0438\u043c\u043e \u043e\u0442 \u0440\u0430\u0437\u043c\u0435\u0440\u0430 \u043b\u043e\u0433\u0438\u043a\u0438. \u0415\u0441\u043b\u0438 \u0443 \u0432\u0430\u0441 \u0443\u0436\u0435 \u0435\u0441\u0442\u044c ",(0,n.jsx)(s.code,{children:"\ud83d\udcc1 pages"}),", \u0432\u044b \u043c\u043e\u0436\u0435\u0442\u0435 \u043f\u0440\u043e\u043f\u0443\u0441\u0442\u0438\u0442\u044c \u044d\u0442\u043e\u0442 \u0448\u0430\u0433."]}),"\n",(0,n.jsxs)(s.p,{children:["\u0415\u0441\u043b\u0438 \u0443 \u0432\u0430\u0441 \u0435\u0441\u0442\u044c \u0442\u043e\u043b\u044c\u043a\u043e ",(0,n.jsx)(s.code,{children:"\ud83d\udcc1 routes"}),", \u0441\u043e\u0437\u0434\u0430\u0439\u0442\u0435 ",(0,n.jsx)(s.code,{children:"\ud83d\udcc1 pages"})," \u0438 \u043f\u043e\u043f\u0440\u043e\u0431\u0443\u0439\u0442\u0435 \u043f\u0435\u0440\u0435\u043c\u0435\u0441\u0442\u0438\u0442\u044c \u043a\u0430\u043a \u043c\u043e\u0436\u043d\u043e \u0431\u043e\u043b\u044c\u0448\u0435 \u043a\u043e\u0434\u0430 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u043e\u0432 \u0438\u0437 ",(0,n.jsx)(s.code,{children:"\ud83d\udcc1 routes"}),". \u0418\u0434\u0435\u0430\u043b\u044c\u043d\u043e, \u0435\u0441\u043b\u0438 \u0443 \u0432\u0430\u0441 \u0431\u0443\u0434\u0435\u0442 \u043c\u0430\u043b\u0435\u043d\u044c\u043a\u0438\u0439 \u0444\u0430\u0439\u043b \u0440\u043e\u0443\u0442\u0430 \u0438 \u0431\u043e\u043b\u044c\u0448\u0438\u0439 \u0444\u0430\u0439\u043b \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b. \u041f\u0440\u0438 \u043f\u0435\u0440\u0435\u043c\u0435\u0449\u0435\u043d\u0438\u0438 \u043a\u043e\u0434\u0430 \u0441\u043e\u0437\u0434\u0430\u0439\u0442\u0435 \u043f\u0430\u043f\u043a\u0443 \u0434\u043b\u044f \u043a\u0430\u0436\u0434\u043e\u0439 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b \u0438 \u0434\u043e\u0431\u0430\u0432\u044c\u0442\u0435 \u0432 \u043d\u0435\u0435 \u0438\u043d\u0434\u0435\u043a\u0441-\u0444\u0430\u0439\u043b:"]}),"\n",(0,n.jsx)(s.admonition,{type:"note",children:(0,n.jsx)(s.p,{children:"\u041f\u043e\u043a\u0430 \u0447\u0442\u043e \u0432\u0430\u0448\u0438 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b \u043c\u043e\u0433\u0443\u0442 \u0438\u043c\u043f\u043e\u0440\u0442\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u0434\u0440\u0443\u0433 \u0438\u0437 \u0434\u0440\u0443\u0433\u0430, \u044d\u0442\u043e \u043d\u043e\u0440\u043c\u0430\u043b\u044c\u043d\u043e. \u041f\u043e\u0437\u0436\u0435 \u0431\u0443\u0434\u0435\u0442 \u043e\u0442\u0434\u0435\u043b\u044c\u043d\u044b\u0439 \u0448\u0430\u0433 \u0434\u043b\u044f \u0443\u0441\u0442\u0440\u0430\u043d\u0435\u043d\u0438\u044f \u044d\u0442\u0438\u0445 \u0437\u0430\u0432\u0438\u0441\u0438\u043c\u043e\u0441\u0442\u0435\u0439, \u043d\u043e \u0441\u0435\u0439\u0447\u0430\u0441 \u0441\u043e\u0441\u0440\u0435\u0434\u043e\u0442\u043e\u0447\u044c\u0442\u0435\u0441\u044c \u043d\u0430 \u0443\u0441\u0442\u0430\u043d\u043e\u0432\u043b\u0435\u043d\u0438\u0438 \u044f\u0432\u043d\u043e\u0433\u043e \u0440\u0430\u0437\u0434\u0435\u043b\u0435\u043d\u0438\u044f \u043f\u043e \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0430\u043c."})}),"\n",(0,n.jsx)(s.p,{children:"\u0424\u0430\u0439\u043b \u0440\u043e\u0443\u0442\u0430:"}),"\n",(0,n.jsx)(s.pre,{children:(0,n.jsx)(s.code,{className:"language-js",metastring:'title="src/routes/products.[id].js"',children:'export { ProductPage as default } from "@/pages/product"\n'})}),"\n",(0,n.jsx)(s.p,{children:"\u0418\u043d\u0434\u0435\u043a\u0441-\u0444\u0430\u0439\u043b \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b:"}),"\n",(0,n.jsx)(s.pre,{children:(0,n.jsx)(s.code,{className:"language-js",metastring:'title="src/pages/product/index.js"',children:'export { ProductPage } from "./ProductPage.jsx"\n'})}),"\n",(0,n.jsx)(s.p,{children:"\u0424\u0430\u0439\u043b \u0441 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u043e\u043c \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b:"}),"\n",(0,n.jsx)(s.pre,{children:(0,n.jsx)(s.code,{className:"language-jsx",metastring:'title="src/pages/product/ProductPage.jsx"',children:"export function ProductPage(props) {\n  return <div />;\n}\n"})}),"\n",(0,n.jsx)(s.h2,{id:"separate-everything-else-from-pages",children:"\u0428\u0430\u0433 2. \u041e\u0442\u0434\u0435\u043b\u0438\u0442\u0435 \u0432\u0441\u0435 \u043e\u0441\u0442\u0430\u043b\u044c\u043d\u043e\u0435 \u043e\u0442 \u0441\u0442\u0440\u0430\u043d\u0438\u0446"}),"\n",(0,n.jsxs)(s.p,{children:["\u0421\u043e\u0437\u0434\u0430\u0439\u0442\u0435 \u043f\u0430\u043f\u043a\u0443 ",(0,n.jsx)(s.code,{children:"\ud83d\udcc1 src/shared"})," \u0438 \u043f\u0435\u0440\u0435\u043c\u0435\u0441\u0442\u0438\u0442\u0435 \u0442\u0443\u0434\u0430 \u0432\u0441\u0435, \u0447\u0442\u043e \u043d\u0435 \u0438\u043c\u043f\u043e\u0440\u0442\u0438\u0440\u0443\u0435\u0442\u0441\u044f \u0438\u0437 ",(0,n.jsx)(s.code,{children:"\ud83d\udcc1 pages"})," \u0438\u043b\u0438 ",(0,n.jsx)(s.code,{children:"\ud83d\udcc1 routes"}),". \u0421\u043e\u0437\u0434\u0430\u0439\u0442\u0435 \u043f\u0430\u043f\u043a\u0443 ",(0,n.jsx)(s.code,{children:"\ud83d\udcc1 src/app"})," \u0438 \u043f\u0435\u0440\u0435\u043c\u0435\u0441\u0442\u0438\u0442\u0435 \u0442\u0443\u0434\u0430 \u0432\u0441\u0435, \u0447\u0442\u043e \u0438\u043c\u043f\u043e\u0440\u0442\u0438\u0440\u0443\u0435\u0442 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b \u0438\u043b\u0438 \u0440\u043e\u0443\u0442\u044b, \u0432\u043a\u043b\u044e\u0447\u0430\u044f \u0441\u0430\u043c\u0438 \u0440\u043e\u0443\u0442\u044b."]}),"\n",(0,n.jsx)(s.p,{children:"\u041f\u043e\u043c\u043d\u0438\u0442\u0435, \u0447\u0442\u043e \u0443 \u0441\u043b\u043e\u044f Shared \u043d\u0435\u0442 \u0441\u043b\u0430\u0439\u0441\u043e\u0432, \u043f\u043e\u044d\u0442\u043e\u043c\u0443 \u0441\u0435\u0433\u043c\u0435\u043d\u0442\u044b \u043c\u043e\u0433\u0443\u0442 \u0438\u043c\u043f\u043e\u0440\u0442\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u0434\u0440\u0443\u0433 \u0438\u0437 \u0434\u0440\u0443\u0433\u0430."}),"\n",(0,n.jsx)(s.p,{children:"\u0412 \u0438\u0442\u043e\u0433\u0435 \u0443 \u0432\u0430\u0441 \u0434\u043e\u043b\u0436\u043d\u0430 \u043f\u043e\u043b\u0443\u0447\u0438\u0442\u044c\u0441\u044f \u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u0430 \u0444\u0430\u0439\u043b\u043e\u0432, \u043f\u043e\u0445\u043e\u0436\u0430\u044f \u043d\u0430 \u044d\u0442\u0443:"}),"\n",(0,n.jsxs)(i,{className:"file-tree",open:!0,children:[(0,n.jsx)("summary",{children:"\ud83d\udcc1 src"}),(0,n.jsxs)("ul",{children:[(0,n.jsx)("li",{children:(0,n.jsxs)(i,{className:"file-tree",children:[(0,n.jsx)("summary",{children:"\ud83d\udcc1 app"}),(0,n.jsxs)("ul",{children:[(0,n.jsx)("li",{children:(0,n.jsxs)(i,{className:"file-tree",children:[(0,n.jsx)("summary",{children:"\ud83d\udcc1 routes"}),(0,n.jsxs)("ul",{children:[(0,n.jsx)("li",{children:"\ud83d\udcc4 products.jsx"}),(0,n.jsx)("li",{children:"\ud83d\udcc4 products.[id].jsx"})]})]})}),(0,n.jsx)("li",{children:"\ud83d\udcc4 App.jsx"}),(0,n.jsx)("li",{children:"\ud83d\udcc4 index.js"})]})]})}),(0,n.jsx)("li",{children:(0,n.jsxs)(i,{className:"file-tree",children:[(0,n.jsx)("summary",{children:"\ud83d\udcc1 pages"}),(0,n.jsxs)("ul",{children:[(0,n.jsx)("li",{children:(0,n.jsxs)(i,{className:"file-tree",children:[(0,n.jsx)("summary",{children:"\ud83d\udcc1 product"}),(0,n.jsxs)("ul",{children:[(0,n.jsx)("li",{children:(0,n.jsxs)(i,{className:"file-tree",children:[(0,n.jsx)("summary",{children:"\ud83d\udcc1 ui"}),(0,n.jsx)("ul",{children:(0,n.jsx)("li",{children:"\ud83d\udcc4 ProductPage.jsx"})})]})}),(0,n.jsx)("li",{children:"\ud83d\udcc4 index.js"})]})]})}),(0,n.jsx)("li",{children:"\ud83d\udcc1 catalog"})]})]})}),(0,n.jsx)("li",{children:(0,n.jsxs)(i,{className:"file-tree",children:[(0,n.jsx)("summary",{children:"\ud83d\udcc1 shared"}),(0,n.jsxs)("ul",{children:[(0,n.jsx)("li",{children:"\ud83d\udcc1 actions"}),(0,n.jsx)("li",{children:"\ud83d\udcc1 api"}),(0,n.jsx)("li",{children:"\ud83d\udcc1 components"}),(0,n.jsx)("li",{children:"\ud83d\udcc1 containers"}),(0,n.jsx)("li",{children:"\ud83d\udcc1 constants"}),(0,n.jsx)("li",{children:"\ud83d\udcc1 i18n"}),(0,n.jsx)("li",{children:"\ud83d\udcc1 modules"}),(0,n.jsx)("li",{children:"\ud83d\udcc1 helpers"}),(0,n.jsx)("li",{children:"\ud83d\udcc1 utils"}),(0,n.jsx)("li",{children:"\ud83d\udcc1 reducers"}),(0,n.jsx)("li",{children:"\ud83d\udcc1 selectors"}),(0,n.jsx)("li",{children:"\ud83d\udcc1 styles"})]})]})})]})]}),"\n",(0,n.jsx)(s.h2,{id:"tackle-cross-imports-between-pages",children:"\u0428\u0430\u0433 3. \u0423\u0441\u0442\u0440\u0430\u043d\u0438\u0442\u0435 \u043a\u0440\u043e\u0441\u0441-\u0438\u043c\u043f\u043e\u0440\u0442\u044b \u043c\u0435\u0436\u0434\u0443 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0430\u043c\u0438"}),"\n",(0,n.jsx)(s.p,{children:"\u041d\u0430\u0439\u0434\u0438\u0442\u0435 \u0432\u0441\u0435 \u0441\u043b\u0443\u0447\u0430\u0438, \u043a\u043e\u0433\u0434\u0430 \u043e\u0434\u043d\u0430 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0430 \u0438\u043c\u043f\u043e\u0440\u0442\u0438\u0440\u0443\u0435\u0442 \u0447\u0442\u043e-\u0442\u043e \u0438\u0437 \u0434\u0440\u0443\u0433\u043e\u0439, \u0438 \u0441\u0434\u0435\u043b\u0430\u0439\u0442\u0435 \u043e\u0434\u043d\u043e \u0438\u0437 \u0434\u0432\u0443\u0445:"}),"\n",(0,n.jsxs)(s.ol,{children:["\n",(0,n.jsx)(s.li,{children:"\u0421\u043a\u043e\u043f\u0438\u0440\u0443\u0439\u0442\u0435 \u043a\u043e\u0434, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u0438\u043c\u043f\u043e\u0440\u0442\u0438\u0440\u0443\u0435\u0442\u0441\u044f, \u0432 \u0437\u0430\u0432\u0438\u0441\u0438\u043c\u0443\u044e \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0443, \u0447\u0442\u043e\u0431\u044b \u0443\u0431\u0440\u0430\u0442\u044c \u0437\u0430\u0432\u0438\u0441\u0438\u043c\u043e\u0441\u0442\u044c"}),"\n",(0,n.jsx)(s.li,{children:"\u041f\u0435\u0440\u0435\u043c\u0435\u0441\u0442\u0438\u0442\u0435 \u043a\u043e\u0434 \u0432 \u0441\u043e\u043e\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0443\u044e\u0449\u0438\u0439 \u0441\u0435\u0433\u043c\u0435\u043d\u0442 \u0432 Shared:"}),"\n"]}),"\n",(0,n.jsxs)(s.ul,{children:["\n",(0,n.jsxs)(s.li,{children:["\u0435\u0441\u043b\u0438 \u044d\u0442\u043e \u0447\u0430\u0441\u0442\u044c UI-\u043a\u0438\u0442\u0430, \u043f\u0435\u0440\u0435\u043c\u0435\u0441\u0442\u0438\u0442\u0435 \u0432 ",(0,n.jsx)(s.code,{children:"\ud83d\udcc1 shared/ui"}),";"]}),"\n",(0,n.jsxs)(s.li,{children:["\u0435\u0441\u043b\u0438 \u044d\u0442\u043e \u043a\u043e\u043d\u0441\u0442\u0430\u043d\u0442\u0430 \u043a\u043e\u043d\u0444\u0438\u0433\u0443\u0440\u0430\u0446\u0438\u0438, \u043f\u0435\u0440\u0435\u043c\u0435\u0441\u0442\u0438\u0442\u0435 \u0432 ",(0,n.jsx)(s.code,{children:"\ud83d\udcc1 shared/config"}),";"]}),"\n",(0,n.jsxs)(s.li,{children:["\u0435\u0441\u043b\u0438 \u044d\u0442\u043e \u0432\u0437\u0430\u0438\u043c\u043e\u0434\u0435\u0439\u0441\u0442\u0432\u0438\u0435 \u0441 \u0431\u044d\u043a\u0435\u043d\u0434\u043e\u043c, \u043f\u0435\u0440\u0435\u043c\u0435\u0441\u0442\u0438\u0442\u0435 \u0432 ",(0,n.jsx)(s.code,{children:"\ud83d\udcc1 shared/api"}),"."]}),"\n"]}),"\n",(0,n.jsxs)(s.admonition,{type:"note",children:[(0,n.jsxs)(s.p,{children:[(0,n.jsx)(s.strong,{children:"\u041a\u043e\u043f\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u0435 \u0441\u0430\u043c\u043e \u043f\u043e \u0441\u0435\u0431\u0435 \u043d\u0435 \u044f\u0432\u043b\u044f\u0435\u0442\u0441\u044f \u0430\u0440\u0445\u0438\u0442\u0435\u043a\u0442\u0443\u0440\u043d\u043e\u0439 \u043f\u0440\u043e\u0431\u043b\u0435\u043c\u043e\u0439"}),", \u043d\u0430 \u0441\u0430\u043c\u043e\u043c \u0434\u0435\u043b\u0435 \u0438\u043d\u043e\u0433\u0434\u0430 \u0434\u0430\u0436\u0435 \u043f\u0440\u0430\u0432\u0438\u043b\u044c\u043d\u0435\u0435 \u043f\u0440\u043e\u0434\u0443\u0431\u043b\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u0447\u0442\u043e-\u0442\u043e, \u0447\u0435\u043c \u0430\u0431\u0441\u0442\u0440\u0430\u0433\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u0432 \u043d\u043e\u0432\u044b\u0439 \u043f\u0435\u0440\u0435\u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u043c\u044b\u0439 \u043c\u043e\u0434\u0443\u043b\u044c. \u0414\u0435\u043b\u043e \u0432 \u0442\u043e\u043c, \u0447\u0442\u043e \u0438\u043d\u043e\u0433\u0434\u0430 \u043e\u0431\u0449\u0438\u0435 \u0447\u0430\u0441\u0442\u0438 \u0441\u0442\u0440\u0430\u043d\u0438\u0446 \u043d\u0430\u0447\u0438\u043d\u0430\u044e\u0442 \u0440\u0430\u0441\u0445\u043e\u0434\u0438\u0442\u044c\u0441\u044f, \u0438 \u0432 \u044d\u0442\u0438\u0445 \u0441\u043b\u0443\u0447\u0430\u044f\u0445 \u0432\u0430\u043c \u043d\u0435 \u043d\u0443\u0436\u043d\u043e, \u0447\u0442\u043e\u0431\u044b \u044d\u0442\u0438 \u0437\u0430\u0432\u0438\u0441\u0438\u043c\u043e\u0441\u0442\u0438 \u043c\u0435\u0448\u0430\u043b\u0438\u0441\u044c."]}),(0,n.jsx)(s.p,{children:'\u041e\u0434\u043d\u0430\u043a\u043e \u0441\u0443\u0449\u0435\u0441\u0442\u0432\u0443\u0435\u0442 \u0441\u043c\u044b\u0441\u043b \u0432 \u043f\u0440\u0438\u043d\u0446\u0438\u043f\u0435 DRY ("don\'t repeat yourself" \u2014 "\u043d\u0435 \u043f\u043e\u0432\u0442\u043e\u0440\u044f\u0439\u0442\u0435\u0441\u044c"), \u043f\u043e\u044d\u0442\u043e\u043c\u0443 \u0443\u0431\u0435\u0434\u0438\u0442\u0435\u0441\u044c, \u0447\u0442\u043e \u0432\u044b \u043d\u0435 \u043a\u043e\u043f\u0438\u0440\u0443\u0435\u0442\u0435 \u0431\u0438\u0437\u043d\u0435\u0441-\u043b\u043e\u0433\u0438\u043a\u0443. \u0412 \u043f\u0440\u043e\u0442\u0438\u0432\u043d\u043e\u043c \u0441\u043b\u0443\u0447\u0430\u0435 \u0432\u0430\u043c \u043f\u0440\u0438\u0434\u0435\u0442\u0441\u044f \u0434\u0435\u0440\u0436\u0430\u0442\u044c \u0432 \u0433\u043e\u043b\u043e\u0432\u0435, \u0447\u0442\u043e \u0431\u0430\u0433\u0438 \u043d\u0443\u0436\u043d\u043e \u0438\u0441\u043f\u0440\u0430\u0432\u043b\u044f\u0442\u044c \u0432 \u043d\u0435\u0441\u043a\u043e\u043b\u044c\u043a\u0438\u0445 \u043c\u0435\u0441\u0442\u0430\u0445 \u043e\u0434\u043d\u043e\u0432\u0440\u0435\u043c\u0435\u043d\u043d\u043e.'})]}),"\n",(0,n.jsx)(s.h2,{id:"unpack-shared-layer",children:"\u0428\u0430\u0433 4. \u0420\u0430\u0437\u0431\u0435\u0440\u0438\u0442\u0435 \u0441\u043b\u043e\u0439 Shared"}),"\n",(0,n.jsx)(s.p,{children:"\u041d\u0430 \u0434\u0430\u043d\u043d\u043e\u043c \u044d\u0442\u0430\u043f\u0435 \u0443 \u0432\u0430\u0441 \u043c\u043e\u0436\u0435\u0442 \u0431\u044b\u0442\u044c \u043c\u043d\u043e\u0433\u043e \u0432\u0441\u0435\u0433\u043e \u0432 \u0441\u043b\u043e\u0435 Shared, \u0438 \u0432 \u0446\u0435\u043b\u043e\u043c, \u0441\u043b\u0435\u0434\u0443\u0435\u0442 \u0438\u0437\u0431\u0435\u0433\u0430\u0442\u044c \u0442\u0430\u043a\u0438\u0445 \u0441\u0438\u0442\u0443\u0430\u0446\u0438\u0439. \u041f\u0440\u0438\u0447\u0438\u043d\u0430 \u044d\u0442\u043e\u043c\u0443 \u0432 \u0442\u043e\u043c, \u0447\u0442\u043e \u0441\u043b\u043e\u0439 Shared \u043c\u043e\u0436\u0435\u0442 \u0431\u044b\u0442\u044c \u0437\u0430\u0432\u0438\u0441\u0438\u043c\u043e\u0441\u0442\u044c\u044e \u0434\u043b\u044f \u043b\u044e\u0431\u043e\u0433\u043e \u0434\u0440\u0443\u0433\u043e\u0433\u043e \u0441\u043b\u043e\u044f \u0432 \u0432\u0430\u0448\u0435\u043c \u043a\u043e\u0434\u0435, \u043f\u043e\u044d\u0442\u043e\u043c\u0443 \u0432\u043d\u0435\u0441\u0435\u043d\u0438\u0435 \u0438\u0437\u043c\u0435\u043d\u0435\u043d\u0438\u0439 \u0432 \u044d\u0442\u043e\u0442 \u043a\u043e\u0434 \u0430\u0432\u0442\u043e\u043c\u0430\u0442\u0438\u0447\u0435\u0441\u043a\u0438 \u0431\u043e\u043b\u0435\u0435 \u0447\u0440\u0435\u0432\u0430\u0442\u043e \u043d\u0435\u043f\u0440\u0435\u0434\u0432\u0438\u0434\u0435\u043d\u043d\u044b\u043c\u0438 \u043f\u043e\u0441\u043b\u0435\u0434\u0441\u0442\u0432\u0438\u044f\u043c\u0438."}),"\n",(0,n.jsxs)(s.p,{children:["\u041d\u0430\u0439\u0434\u0438\u0442\u0435 \u0432\u0441\u0435 \u043e\u0431\u044a\u0435\u043a\u0442\u044b, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u044e\u0442\u0441\u044f \u0442\u043e\u043b\u044c\u043a\u043e \u043d\u0430 \u043e\u0434\u043d\u043e\u0439 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0435, \u0438 \u043f\u0435\u0440\u0435\u043c\u0435\u0441\u0442\u0438\u0442\u0435 \u0438\u0445 \u0432 \u0441\u043b\u0430\u0439\u0441 \u044d\u0442\u043e\u0439 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b. \u0418 \u0434\u0430, ",(0,n.jsx)(s.em,{children:"\u044d\u0442\u043e \u043e\u0442\u043d\u043e\u0441\u0438\u0442\u0441\u044f \u0438 \u043a \u044d\u043a\u0448\u043d\u0430\u043c (actions), \u0440\u0435\u0434\u044c\u044e\u0441\u0435\u0440\u0430\u043c (reducers) \u0438 \u0441\u0435\u043b\u0435\u043a\u0442\u043e\u0440\u0430\u043c (selectors)"}),". \u041d\u0435\u0442 \u043d\u0438\u043a\u0430\u043a\u043e\u0439 \u043f\u043e\u043b\u044c\u0437\u044b \u0432 \u0433\u0440\u0443\u043f\u043f\u0438\u0440\u043e\u0432\u043a\u0435 \u0432\u0441\u0435\u0445 \u044d\u043a\u0448\u043d\u043e\u0432 \u0432\u043c\u0435\u0441\u0442\u0435, \u043d\u043e \u0435\u0441\u0442\u044c \u043f\u043e\u043b\u044c\u0437\u0430 \u0432 \u0442\u043e\u043c, \u0447\u0442\u043e\u0431\u044b \u043f\u043e\u043c\u0435\u0441\u0442\u0438\u0442\u044c \u0430\u043a\u0442\u0443\u0430\u043b\u044c\u043d\u044b\u0435 \u044d\u043a\u0448\u043d\u044b \u0440\u044f\u0434\u043e\u043c \u0441 \u0438\u0445 \u043c\u0435\u0441\u0442\u043e\u043c \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u044f."]}),"\n",(0,n.jsx)(s.p,{children:"\u0412 \u0438\u0442\u043e\u0433\u0435 \u0443 \u0432\u0430\u0441 \u0434\u043e\u043b\u0436\u043d\u0430 \u043f\u043e\u043b\u0443\u0447\u0438\u0442\u044c\u0441\u044f \u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u0430 \u0444\u0430\u0439\u043b\u043e\u0432, \u043f\u043e\u0445\u043e\u0436\u0430\u044f \u043d\u0430 \u044d\u0442\u0443:"}),"\n",(0,n.jsxs)(i,{className:"file-tree",open:!0,children:[(0,n.jsx)("summary",{children:"\ud83d\udcc1 src"}),(0,n.jsxs)("ul",{children:[(0,n.jsx)("li",{children:"\ud83d\udcc1 app (unchanged)"}),(0,n.jsx)("li",{children:(0,n.jsxs)(i,{className:"file-tree",open:!0,children:[(0,n.jsx)("summary",{children:"\ud83d\udcc1 pages"}),(0,n.jsxs)("ul",{children:[(0,n.jsx)("li",{children:(0,n.jsxs)(i,{className:"file-tree",open:!0,children:[(0,n.jsx)("summary",{children:"\ud83d\udcc1 product"}),(0,n.jsxs)("ul",{children:[(0,n.jsx)("li",{children:"\ud83d\udcc1 actions"}),(0,n.jsx)("li",{children:"\ud83d\udcc1 reducers"}),(0,n.jsx)("li",{children:"\ud83d\udcc1 selectors"}),(0,n.jsx)("li",{children:(0,n.jsxs)(i,{className:"file-tree",children:[(0,n.jsx)("summary",{children:"\ud83d\udcc1 ui"}),(0,n.jsxs)("ul",{children:[(0,n.jsx)("li",{children:"\ud83d\udcc4 Component.jsx"}),(0,n.jsx)("li",{children:"\ud83d\udcc4 Container.jsx"}),(0,n.jsx)("li",{children:"\ud83d\udcc4 ProductPage.jsx"})]})]})}),(0,n.jsx)("li",{children:"\ud83d\udcc4 index.js"})]})]})}),(0,n.jsx)("li",{children:"\ud83d\udcc1 catalog"})]})]})}),(0,n.jsx)("li",{children:(0,n.jsxs)(i,{className:"file-tree",children:[(0,n.jsx)("summary",{children:"\ud83d\udcc1 shared (only objects that are reused)"}),(0,n.jsxs)("ul",{children:[(0,n.jsx)("li",{children:"\ud83d\udcc1 actions"}),(0,n.jsx)("li",{children:"\ud83d\udcc1 api"}),(0,n.jsx)("li",{children:"\ud83d\udcc1 components"}),(0,n.jsx)("li",{children:"\ud83d\udcc1 containers"}),(0,n.jsx)("li",{children:"\ud83d\udcc1 constants"}),(0,n.jsx)("li",{children:"\ud83d\udcc1 i18n"}),(0,n.jsx)("li",{children:"\ud83d\udcc1 modules"}),(0,n.jsx)("li",{children:"\ud83d\udcc1 helpers"}),(0,n.jsx)("li",{children:"\ud83d\udcc1 utils"}),(0,n.jsx)("li",{children:"\ud83d\udcc1 reducers"}),(0,n.jsx)("li",{children:"\ud83d\udcc1 selectors"}),(0,n.jsx)("li",{children:"\ud83d\udcc1 styles"})]})]})})]})]}),"\n",(0,n.jsx)(s.h2,{id:"organize-by-technical-purpose",children:"\u0428\u0430\u0433 5. \u0420\u0430\u0441\u043f\u0440\u0435\u0434\u0435\u043b\u0438\u0442\u0435 \u043a\u043e\u0434 \u043f\u043e \u0442\u0435\u0445\u043d\u0438\u0447\u0435\u0441\u043a\u043e\u043c\u0443 \u043d\u0430\u0437\u043d\u0430\u0447\u0435\u043d\u0438\u044e"}),"\n",(0,n.jsxs)(s.p,{children:["\u0412 FSD \u0440\u0430\u0437\u0434\u0435\u043b\u0435\u043d\u0438\u0435 \u043f\u043e \u0442\u0435\u0445\u043d\u0438\u0447\u0435\u0441\u043a\u043e\u043c\u0443 \u043d\u0430\u0437\u043d\u0430\u0447\u0435\u043d\u0438\u044e \u043f\u0440\u043e\u0438\u0441\u0445\u043e\u0434\u0438\u0442 \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e ",(0,n.jsx)(s.em,{children:"\u0441\u0435\u0433\u043c\u0435\u043d\u0442\u043e\u0432"}),". \u0421\u0443\u0449\u0435\u0441\u0442\u0432\u0443\u0435\u0442 \u043d\u0435\u0441\u043a\u043e\u043b\u044c\u043a\u043e \u0447\u0430\u0441\u0442\u043e \u0432\u0441\u0442\u0440\u0435\u0447\u0430\u044e\u0449\u0438\u0445\u0441\u044f \u0441\u0435\u0433\u043c\u0435\u043d\u0442\u043e\u0432:"]}),"\n",(0,n.jsxs)(s.ul,{children:["\n",(0,n.jsxs)(s.li,{children:[(0,n.jsx)(s.code,{children:"ui"})," \u2014 \u0432\u0441\u0451, \u0447\u0442\u043e \u0441\u0432\u044f\u0437\u0430\u043d\u043e \u0441 \u043e\u0442\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u0435\u043c \u0438\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441\u0430: \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u044b UI, \u0444\u043e\u0440\u043c\u0430\u0442\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u0435 \u0434\u0430\u0442, \u0441\u0442\u0438\u043b\u0438 \u0438 \u0442. \u0434."]}),"\n",(0,n.jsxs)(s.li,{children:[(0,n.jsx)(s.code,{children:"api"})," \u2014 \u0432\u0437\u0430\u0438\u043c\u043e\u0434\u0435\u0439\u0441\u0442\u0432\u0438\u0435 \u0441 \u0431\u044d\u043a\u0435\u043d\u0434\u043e\u043c: \u0444\u0443\u043d\u043a\u0446\u0438\u0438 \u0437\u0430\u043f\u0440\u043e\u0441\u043e\u0432, \u0442\u0438\u043f\u044b \u0434\u0430\u043d\u043d\u044b\u0445, \u043c\u0430\u043f\u043f\u0435\u0440\u044b \u0438 \u0442. \u0434."]}),"\n",(0,n.jsxs)(s.li,{children:[(0,n.jsx)(s.code,{children:"model"})," \u2014 \u043c\u043e\u0434\u0435\u043b\u044c \u0434\u0430\u043d\u043d\u044b\u0445: \u0441\u0445\u0435\u043c\u044b, \u0438\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441\u044b, \u0445\u0440\u0430\u043d\u0438\u043b\u0438\u0449\u0430 \u0438 \u0431\u0438\u0437\u043d\u0435\u0441-\u043b\u043e\u0433\u0438\u043a\u0430."]}),"\n",(0,n.jsxs)(s.li,{children:[(0,n.jsx)(s.code,{children:"lib"})," \u2014 \u0431\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u0447\u043d\u044b\u0439 \u043a\u043e\u0434, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u043d\u0443\u0436\u0435\u043d \u0434\u0440\u0443\u0433\u0438\u043c \u043c\u043e\u0434\u0443\u043b\u044f\u043c \u043d\u0430 \u044d\u0442\u043e\u043c \u0441\u043b\u0430\u0439\u0441\u0435."]}),"\n",(0,n.jsxs)(s.li,{children:[(0,n.jsx)(s.code,{children:"config"})," \u2014 \u0444\u0430\u0439\u043b\u044b \u043a\u043e\u043d\u0444\u0438\u0433\u0443\u0440\u0430\u0446\u0438\u0438 \u0438 \u0444\u0438\u0447\u0435-\u0444\u043b\u0430\u0433\u0438."]}),"\n"]}),"\n",(0,n.jsxs)(s.p,{children:["\u0412\u044b \u043c\u043e\u0436\u0435\u0442\u0435 \u0441\u043e\u0437\u0434\u0430\u0432\u0430\u0442\u044c \u0441\u0432\u043e\u0438 \u0441\u043e\u0431\u0441\u0442\u0432\u0435\u043d\u043d\u044b\u0435 \u0441\u0435\u0433\u043c\u0435\u043d\u0442\u044b, \u0435\u0441\u043b\u0438 \u044d\u0442\u043e \u043d\u0435\u043e\u0431\u0445\u043e\u0434\u0438\u043c\u043e. \u0423\u0431\u0435\u0434\u0438\u0442\u0435\u0441\u044c, \u0447\u0442\u043e \u043d\u0435 \u0441\u043e\u0437\u0434\u0430\u0435\u0442\u0435 \u0441\u0435\u0433\u043c\u0435\u043d\u0442\u044b, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u0433\u0440\u0443\u043f\u043f\u0438\u0440\u0443\u044e\u0442 \u043a\u043e\u0434 \u043f\u043e \u0442\u043e\u043c\u0443, \u0447\u0435\u043c \u043e\u043d \u044f\u0432\u043b\u044f\u0435\u0442\u0441\u044f, \u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, ",(0,n.jsx)(s.code,{children:"components"}),", ",(0,n.jsx)(s.code,{children:"actions"}),", ",(0,n.jsx)(s.code,{children:"types"}),", ",(0,n.jsx)(s.code,{children:"utils"}),". \u0412\u043c\u0435\u0441\u0442\u043e \u044d\u0442\u043e\u0433\u043e \u0433\u0440\u0443\u043f\u043f\u0438\u0440\u0443\u0439\u0442\u0435 \u043a\u043e\u0434 \u043f\u043e \u0442\u043e\u043c\u0443, \u0434\u043b\u044f \u0447\u0435\u0433\u043e \u043e\u043d \u043f\u0440\u0435\u0434\u043d\u0430\u0437\u043d\u0430\u0447\u0435\u043d."]}),"\n",(0,n.jsxs)(s.p,{children:["\u041f\u0435\u0440\u0435\u0440\u0430\u0441\u043f\u0440\u0435\u0434\u0435\u043b\u0438\u0442\u0435 \u043a\u043e\u0434 \u0432\u0430\u0448\u0438\u0445 \u0441\u0442\u0440\u0430\u043d\u0438\u0446 \u043f\u043e \u0441\u0435\u0433\u043c\u0435\u043d\u0442\u0430\u043c. \u0423 \u0432\u0430\u0441 \u0443\u0436\u0435 \u0434\u043e\u043b\u0436\u0435\u043d \u0431\u044b\u0442\u044c \u0441\u0435\u0433\u043c\u0435\u043d\u0442 ",(0,n.jsx)(s.code,{children:"ui"}),", \u0442\u0435\u043f\u0435\u0440\u044c \u043f\u0440\u0438\u0448\u043b\u043e \u0432\u0440\u0435\u043c\u044f \u0441\u043e\u0437\u0434\u0430\u0442\u044c \u0434\u0440\u0443\u0433\u0438\u0435 \u0441\u0435\u0433\u043c\u0435\u043d\u0442\u044b, \u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, ",(0,n.jsx)(s.code,{children:"model"})," \u0434\u043b\u044f \u0432\u0430\u0448\u0438\u0445 \u044d\u043a\u0448\u043d\u043e\u0432, \u0440\u0435\u0434\u044c\u044e\u0441\u0435\u0440\u043e\u0432 \u0438 \u0441\u0435\u043b\u0435\u043a\u0442\u043e\u0440\u043e\u0432, \u0438\u043b\u0438 ",(0,n.jsx)(s.code,{children:"api"})," \u0434\u043b\u044f \u0432\u0430\u0448\u0438\u0445 thunk-\u043e\u0432 \u0438 \u043c\u0443\u0442\u0430\u0446\u0438\u0439."]}),"\n",(0,n.jsx)(s.p,{children:"\u0422\u0430\u043a\u0436\u0435 \u043f\u0435\u0440\u0435\u0440\u0430\u0441\u043f\u0440\u0435\u0434\u0435\u043b\u0438\u0442\u0435 \u0441\u043b\u043e\u0439 Shared, \u0447\u0442\u043e\u0431\u044b \u0443\u0434\u0430\u043b\u0438\u0442\u044c \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0438\u0435 \u043f\u0430\u043f\u043a\u0438:"}),"\n",(0,n.jsxs)(s.ul,{children:["\n",(0,n.jsxs)(s.li,{children:[(0,n.jsx)(s.code,{children:"\ud83d\udcc1 components"}),", ",(0,n.jsx)(s.code,{children:"\ud83d\udcc1 containers"})," \u2014 \u0431\u043e\u043b\u044c\u0448\u0438\u043d\u0441\u0442\u0432\u043e \u0438\u0437 \u0438\u0445 \u0441\u043e\u0434\u0435\u0440\u0436\u0438\u043c\u043e\u0433\u043e \u0434\u043e\u043b\u0436\u043d\u043e \u0441\u0442\u0430\u0442\u044c ",(0,n.jsx)(s.code,{children:"\ud83d\udcc1 shared/ui"}),";"]}),"\n",(0,n.jsxs)(s.li,{children:[(0,n.jsx)(s.code,{children:"\ud83d\udcc1 helpers"}),", ",(0,n.jsx)(s.code,{children:"\ud83d\udcc1 utils"})," \u2014 \u0435\u0441\u043b\u0438 \u043e\u0441\u0442\u0430\u043b\u0438\u0441\u044c \u043a\u0430\u043a\u0438\u0435-\u0442\u043e \u043f\u043e\u0432\u0442\u043e\u0440\u043d\u043e \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u043c\u044b\u0435 \u0445\u0435\u043b\u043f\u0435\u0440\u044b, \u0441\u0433\u0440\u0443\u043f\u043f\u0438\u0440\u0443\u0439\u0442\u0435 \u0438\u0445 \u043f\u043e \u043d\u0430\u0437\u043d\u0430\u0447\u0435\u043d\u0438\u044e, \u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, \u0434\u0430\u0442\u044b \u0438\u043b\u0438 \u043f\u0440\u0435\u043e\u0431\u0440\u0430\u0437\u043e\u0432\u0430\u043d\u0438\u044f \u0442\u0438\u043f\u043e\u0432, \u0438 \u043f\u0435\u0440\u0435\u043c\u0435\u0441\u0442\u0438\u0442\u0435 \u044d\u0442\u0438 \u0433\u0440\u0443\u043f\u043f\u044b \u0432 ",(0,n.jsx)(s.code,{children:"\ud83d\udcc1 shared/lib"}),";"]}),"\n",(0,n.jsxs)(s.li,{children:[(0,n.jsx)(s.code,{children:"\ud83d\udcc1 constants"})," \u2014 \u0442\u0430\u043a \u0436\u0435 \u0441\u0433\u0440\u0443\u043f\u043f\u0438\u0440\u0443\u0439\u0442\u0435 \u043f\u043e \u043d\u0430\u0437\u043d\u0430\u0447\u0435\u043d\u0438\u044e \u0438 \u043f\u0435\u0440\u0435\u043c\u0435\u0441\u0442\u0438\u0442\u0435 \u0432 ",(0,n.jsx)(s.code,{children:"\ud83d\udcc1 shared/config"}),"."]}),"\n"]}),"\n",(0,n.jsx)(s.h2,{id:"optional-steps",children:"\u0428\u0430\u0433\u0438 \u043f\u043e \u0436\u0435\u043b\u0430\u043d\u0438\u044e"}),"\n",(0,n.jsx)(s.h3,{id:"form-entities-features-from-redux",children:"\u0428\u0430\u0433 6. \u0421\u043e\u0437\u0434\u0430\u0439\u0442\u0435 \u0441\u0443\u0449\u043d\u043e\u0441\u0442\u0438/\u0444\u0438\u0447\u0438 \u0451\u043c\u043a\u043e\u0441\u0442\u044c\u044e \u0438\u0437 Redux-\u0441\u043b\u0430\u0439\u0441\u043e\u0432, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u044e\u0442\u0441\u044f \u043d\u0430 \u043d\u0435\u0441\u043a\u043e\u043b\u044c\u043a\u0438\u0445 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0430\u0445"}),"\n",(0,n.jsx)(s.p,{children:"\u041e\u0431\u044b\u0447\u043d\u043e \u044d\u0442\u0438 \u043f\u0435\u0440\u0435\u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u043c\u044b\u0435 Redux-\u0441\u043b\u0430\u0439\u0441\u044b \u0431\u0443\u0434\u0443\u0442 \u043e\u043f\u0438\u0441\u044b\u0432\u0430\u0442\u044c \u0447\u0442\u043e-\u0442\u043e, \u0447\u0442\u043e \u0438\u043c\u0435\u0435\u0442 \u043e\u0442\u043d\u043e\u0448\u0435\u043d\u0438\u0435 \u043a \u0431\u0438\u0437\u043d\u0435\u0441\u0443, \u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, \u043f\u0440\u043e\u0434\u0443\u043a\u0442\u044b \u0438\u043b\u0438 \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u0438, \u043f\u043e\u044d\u0442\u043e\u043c\u0443 \u0438\u0445 \u043c\u043e\u0436\u043d\u043e \u043f\u0435\u0440\u0435\u043c\u0435\u0441\u0442\u0438\u0442\u044c \u0432 \u0441\u043b\u043e\u0439 Entities, \u043e\u0434\u043d\u0430 \u0441\u0443\u0449\u043d\u043e\u0441\u0442\u044c \u043d\u0430 \u043e\u0434\u043d\u0443 \u043f\u0430\u043f\u043a\u0443. \u0415\u0441\u043b\u0438 Redux-\u0441\u043b\u0430\u0439\u0441 \u0441\u043a\u043e\u0440\u0435\u0435 \u0441\u0432\u044f\u0437\u0430\u043d \u0441 \u0434\u0435\u0439\u0441\u0442\u0432\u0438\u0435\u043c, \u043a\u043e\u0442\u043e\u0440\u043e\u0435 \u0432\u0430\u0448\u0438 \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u0438 \u0445\u043e\u0442\u044f\u0442 \u0441\u043e\u0432\u0435\u0440\u0448\u0438\u0442\u044c \u0432 \u0432\u0430\u0448\u0435\u043c \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0438, \u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, \u043a\u043e\u043c\u043c\u0435\u043d\u0442\u0430\u0440\u0438\u0438, \u0442\u043e \u0435\u0433\u043e \u043c\u043e\u0436\u043d\u043e \u043f\u0435\u0440\u0435\u043c\u0435\u0441\u0442\u0438\u0442\u044c \u0432 \u0441\u043b\u043e\u0439 Features."}),"\n",(0,n.jsxs)(s.p,{children:["\u0421\u0443\u0449\u043d\u043e\u0441\u0442\u0438 \u0438 \u0444\u0438\u0447\u0438 \u0434\u043e\u043b\u0436\u043d\u044b \u0431\u044b\u0442\u044c \u043d\u0435\u0437\u0430\u0432\u0438\u0441\u0438\u043c\u044b \u0434\u0440\u0443\u0433 \u043e\u0442 \u0434\u0440\u0443\u0433\u0430. \u0415\u0441\u043b\u0438 \u0432\u0430\u0448\u0430 \u0431\u0438\u0437\u043d\u0435\u0441-\u043e\u0431\u043b\u0430\u0441\u0442\u044c \u0441\u043e\u0434\u0435\u0440\u0436\u0438\u0442 \u0432\u0441\u0442\u0440\u043e\u0435\u043d\u043d\u044b\u0435 \u0441\u0432\u044f\u0437\u0438 \u043c\u0435\u0436\u0434\u0443 \u0441\u0443\u0449\u043d\u043e\u0441\u0442\u044f\u043c\u0438, \u043e\u0431\u0440\u0430\u0442\u0438\u0442\u0435\u0441\u044c \u043a ",(0,n.jsx)(s.a,{href:"/docs/guides/examples/types#business-entities-and-their-cross-references",children:"\u0440\u0443\u043a\u043e\u0432\u043e\u0434\u0441\u0442\u0432\u0443 \u043f\u043e \u0431\u0438\u0437\u043d\u0435\u0441-\u0441\u0443\u0449\u043d\u043e\u0441\u0442\u044f\u043c"})," \u0437\u0430 \u0441\u043e\u0432\u0435\u0442\u043e\u043c \u043f\u043e \u043e\u0440\u0433\u0430\u043d\u0438\u0437\u0430\u0446\u0438\u0438 \u044d\u0442\u0438\u0445 \u0441\u0432\u044f\u0437\u0435\u0439."]}),"\n",(0,n.jsxs)(s.p,{children:["API-\u0444\u0443\u043d\u043a\u0446\u0438\u0438, \u0441\u0432\u044f\u0437\u0430\u043d\u043d\u044b\u0435 \u0441 \u044d\u0442\u0438\u043c\u0438 \u0441\u043b\u0430\u0439\u0441\u0430\u043c\u0438, \u043c\u043e\u0433\u0443\u0442 \u043e\u0441\u0442\u0430\u0442\u044c\u0441\u044f \u0432 ",(0,n.jsx)(s.code,{children:"\ud83d\udcc1 shared/api"}),"."]}),"\n",(0,n.jsx)(s.h3,{id:"refactor-your-modules",children:"\u0428\u0430\u0433 7. \u041f\u0440\u043e\u0432\u0435\u0434\u0438\u0442\u0435 \u0440\u0435\u0444\u0430\u043a\u0442\u043e\u0440\u0438\u043d\u0433 modules"}),"\n",(0,n.jsxs)(s.p,{children:["\u041f\u0430\u043f\u043a\u0430 ",(0,n.jsx)(s.code,{children:"\ud83d\udcc1 modules"})," \u043e\u0431\u044b\u0447\u043d\u043e \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u0442\u0441\u044f \u0434\u043b\u044f \u0431\u0438\u0437\u043d\u0435\u0441-\u043b\u043e\u0433\u0438\u043a\u0438, \u043f\u043e\u044d\u0442\u043e\u043c\u0443 \u043e\u043d\u0430 \u0443\u0436\u0435 \u0434\u043e\u0432\u043e\u043b\u044c\u043d\u043e \u043f\u043e\u0445\u043e\u0436\u0430 \u043f\u043e \u0441\u0432\u043e\u0435\u0439 \u043f\u0440\u0438\u0440\u043e\u0434\u0435 \u043d\u0430 \u0441\u043b\u043e\u0439 Features \u0438\u0437 FSD. \u041d\u0435\u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u043c\u043e\u0434\u0443\u043b\u0438 \u043c\u043e\u0433\u0443\u0442 \u0442\u0430\u043a\u0436\u0435 \u043e\u043f\u0438\u0441\u044b\u0432\u0430\u0442\u044c \u0431\u043e\u043b\u044c\u0448\u0438\u0435 \u0447\u0430\u0441\u0442\u0438 \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044c\u0441\u043a\u043e\u0433\u043e \u0438\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441\u0430, \u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, \u0448\u0430\u043f\u043a\u0443 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f. \u0412 \u044d\u0442\u043e\u043c \u0441\u043b\u0443\u0447\u0430\u0435 \u0438\u0445 \u043c\u043e\u0436\u043d\u043e \u043f\u0435\u0440\u0435\u043c\u0435\u0441\u0442\u0438\u0442\u044c \u0432 \u0441\u043b\u043e\u0439 Widgets."]}),"\n",(0,n.jsxs)(s.h3,{id:"form-clean-ui-foundation",children:["\u0428\u0430\u0433 8. \u0421\u0444\u043e\u0440\u043c\u0438\u0440\u0443\u0439\u0442\u0435 \u0447\u0438\u0441\u0442\u044b\u0439 \u0444\u0443\u043d\u0434\u0430\u043c\u0435\u043d\u0442 UI \u0432 ",(0,n.jsx)(s.code,{children:"shared/ui"})]}),"\n",(0,n.jsxs)(s.p,{children:[(0,n.jsx)(s.code,{children:"\ud83d\udcc1 shared/ui"}),", \u0432 \u0438\u0434\u0435\u0430\u043b\u0435, \u0434\u043e\u043b\u0436\u0435\u043d \u0441\u043e\u0434\u0435\u0440\u0436\u0430\u0442\u044c \u043d\u0430\u0431\u043e\u0440 UI-\u044d\u043b\u0435\u043c\u0435\u043d\u0442\u043e\u0432, \u0432 \u043a\u043e\u0442\u043e\u0440\u044b\u0445 \u043d\u0435\u0442 \u0431\u0438\u0437\u043d\u0435\u0441-\u043b\u043e\u0433\u0438\u043a\u0438. \u041e\u043d\u0438 \u0442\u0430\u043a\u0436\u0435 \u0434\u043e\u043b\u0436\u043d\u044b \u0431\u044b\u0442\u044c \u043e\u0447\u0435\u043d\u044c \u043f\u0435\u0440\u0435\u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u043c\u044b\u043c\u0438."]}),"\n",(0,n.jsxs)(s.p,{children:["\u041f\u0440\u043e\u0432\u0435\u0434\u0438\u0442\u0435 \u0440\u0435\u0444\u0430\u043a\u0442\u043e\u0440\u0438\u043d\u0433 UI-\u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u043e\u0432, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u0440\u0430\u043d\u044c\u0448\u0435 \u043d\u0430\u0445\u043e\u0434\u0438\u043b\u0438\u0441\u044c \u0432 ",(0,n.jsx)(s.code,{children:"\ud83d\udcc1 components"})," \u0438 ",(0,n.jsx)(s.code,{children:"\ud83d\udcc1 containers"}),", \u0447\u0442\u043e\u0431\u044b \u043e\u0442\u0434\u0435\u043b\u0438\u0442\u044c \u0431\u0438\u0437\u043d\u0435\u0441-\u043b\u043e\u0433\u0438\u043a\u0443. \u041f\u0435\u0440\u0435\u043c\u0435\u0441\u0442\u0438\u0442\u0435 \u044d\u0442\u0443 \u0431\u0438\u0437\u043d\u0435\u0441-\u043b\u043e\u0433\u0438\u043a\u0443 \u0432 \u0432\u0435\u0440\u0445\u043d\u0438\u0435 \u0441\u043b\u043e\u0438. \u0415\u0441\u043b\u0438 \u043e\u043d\u0430 \u043d\u0435 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u0442\u0441\u044f \u0432 \u0441\u043b\u0438\u0448\u043a\u043e\u043c \u043c\u043d\u043e\u0433\u0438\u0445 \u043c\u0435\u0441\u0442\u0430\u0445, \u0432\u044b \u0434\u0430\u0436\u0435 \u043c\u043e\u0436\u0435\u0442\u0435 \u0440\u0430\u0441\u0441\u043c\u043e\u0442\u0440\u0435\u0442\u044c \u043a\u043e\u043f\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u0435 \u043a\u0430\u043a \u0432\u0430\u0440\u0438\u0430\u043d\u0442."]}),"\n",(0,n.jsx)(s.h2,{id:"see-also",children:"See also"}),"\n",(0,n.jsxs)(s.ul,{children:["\n",(0,n.jsx)(s.li,{children:(0,n.jsx)(s.a,{href:"https://youtu.be/aOiJ3k2UvO4",children:"(\u0414\u043e\u043a\u043b\u0430\u0434) Ilya Klimov \u2014 \u041a\u0440\u044b\u0441\u0438\u043d\u044b\u0435 \u0431\u0435\u0433\u0430 \u0431\u0435\u0441\u043a\u043e\u043d\u0435\u0447\u043d\u043e\u0433\u043e \u0440\u0435\u0444\u0430\u043a\u0442\u043e\u0440\u0438\u043d\u0433\u0430: \u043a\u0430\u043a \u043d\u0435 \u0434\u0430\u0442\u044c \u0442\u0435\u0445\u043d\u0438\u0447\u0435\u0441\u043a\u043e\u043c\u0443 \u0434\u043e\u043b\u0433\u0443 \u0443\u0431\u0438\u0442\u044c \u043c\u043e\u0442\u0438\u0432\u0430\u0446\u0438\u044e \u0438 \u043f\u0440\u043e\u0434\u0443\u043a\u0442"})}),"\n"]})]})}function x(e={}){const{wrapper:s}={...(0,l.R)(),...e.components};return s?(0,n.jsx)(s,{...e,children:(0,n.jsx)(t,{...e})}):t(e)}},1100:(e,s,i)=>{i.d(s,{R:()=>d,x:()=>c});var n=i(758);const l={},r=n.createContext(l);function d(e){const s=n.useContext(r);return n.useMemo((function(){return"function"==typeof e?e(s):{...s,...e}}),[s,e])}function c(e){let s;return s=e.disableParentContext?"function"==typeof e.components?e.components(l):e.components||l:d(e.components),n.createElement(r.Provider,{value:s},e.children)}}}]);
\ No newline at end of file
diff --git a/ru/assets/js/b9d2a7aa.1e615c0d.js b/ru/assets/js/b9d2a7aa.10ff0f4c.js
similarity index 99%
rename from ru/assets/js/b9d2a7aa.1e615c0d.js
rename to ru/assets/js/b9d2a7aa.10ff0f4c.js
index e5c1ae014c..481ee47f44 100644
--- a/ru/assets/js/b9d2a7aa.1e615c0d.js
+++ b/ru/assets/js/b9d2a7aa.10ff0f4c.js
@@ -1 +1 @@
-"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[1732],{1928:(e,t,n)=>{n.d(t,{Ay:()=>l,RM:()=>c});var i=n(6070),s=n(1100),r=(n(758),n(6783)),d=n(7765);const a=e=>{let{ticket:t}=e;const n=`https://github.com/feature-sliced/documentation/issues/${t}`;return(0,i.jsxs)("div",{children:[(0,i.jsx)("p",{children:(0,d.T)({id:"shared.wip.title"})}),(0,i.jsx)("p",{children:(0,d.T)({id:"shared.wip.subtitle"})}),(0,i.jsxs)("ul",{children:[(0,i.jsxs)("li",{children:[(0,d.T)({id:"shared.wip.var.feedback.base"}),(0,i.jsx)(r.A,{to:n,children:(0,d.T)({id:"shared.wip.var.feedback.link"})})]}),(0,i.jsxs)("li",{children:[(0,d.T)({id:"shared.wip.var.material.base"}),(0,i.jsx)(r.A,{to:"https://t.me/feature_sliced",children:(0,d.T)({id:"shared.wip.var.material.link"})})]}),(0,i.jsxs)("li",{children:[(0,d.T)({id:"shared.wip.var.contribute.base"}),(0,i.jsx)(r.A,{to:"https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md",children:(0,d.T)({id:"shared.wip.var.contribute.link"})})]})]}),(0,i.jsx)("br",{}),(0,i.jsx)("p",{children:(0,i.jsx)("i",{children:"\ud83c\udf70 Stay tuned!"})})]})},c=[];function o(e){const t={admonition:"admonition",...(0,s.R)(),...e.components};return(0,i.jsx)(t.admonition,{title:"WIP",type:"caution",children:(0,i.jsx)(a,{ticket:e.ticket})})}function l(e={}){const{wrapper:t}={...(0,s.R)(),...e.components};return t?(0,i.jsx)(t,{...e,children:(0,i.jsx)(o,{...e})}):o(e)}},3424:(e,t,n)=>{n.r(t),n.d(t,{assets:()=>o,contentTitle:()=>a,default:()=>h,frontMatter:()=>d,metadata:()=>c,toc:()=>l});var i=n(6070),s=n(1100),r=n(1928);const d={sidebar_position:5,sidebar_class_name:"sidebar-item--wip"},a="\u0421\u0438\u0433\u043d\u0430\u043b\u044b \u0430\u0440\u0445\u0438\u0442\u0435\u043a\u0442\u0443\u0440\u044b",c={id:"about/understanding/signals",title:"\u0421\u0438\u0433\u043d\u0430\u043b\u044b \u0430\u0440\u0445\u0438\u0442\u0435\u043a\u0442\u0443\u0440\u044b",description:"\u0415\u0441\u043b\u0438 \u0435\u0441\u0442\u044c \u043e\u0433\u0440\u0430\u043d\u0438\u0447\u0435\u043d\u0438\u0435 \u0441\u043e \u0441\u0442\u043e\u0440\u043e\u043d\u044b \u0430\u0440\u0445\u0438\u0442\u0435\u043a\u0442\u0443\u0440\u044b - \u0437\u043d\u0430\u0447\u0438\u0442 \u043d\u0430 \u0442\u043e \u0435\u0441\u0442\u044c \u044f\u0432\u043d\u044b\u0435 \u043f\u0440\u0438\u0447\u0438\u043d\u044b, \u0438 \u043f\u043e\u0441\u043b\u0435\u0434\u0441\u0442\u0432\u0438\u044f, \u0435\u0441\u043b\u0438 \u0438\u0445 \u0438\u0433\u043d\u043e\u0440\u0438\u0440\u043e\u0432\u0430\u0442\u044c",source:"@site/i18n/ru/docusaurus-plugin-content-docs/current/about/understanding/signals.mdx",sourceDirName:"about/understanding",slug:"/about/understanding/signals",permalink:"/ru/docs/about/understanding/signals",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/ru/docusaurus-plugin-content-docs/current/about/understanding/signals.mdx",tags:[],version:"current",lastUpdatedAt:1727607766e3,sidebarPosition:5,frontMatter:{sidebar_position:5,sidebar_class_name:"sidebar-item--wip"},sidebar:"aboutSidebar",previous:{title:"\u041d\u0435\u0439\u043c\u0438\u043d\u0433",permalink:"/ru/docs/about/understanding/naming"},next:{title:"\u0410\u0431\u0441\u0442\u0440\u0430\u043a\u0446\u0438\u0438",permalink:"/ru/docs/about/understanding/abstractions"}},o={},l=[...r.RM,{value:"\u0421\u043c. \u0442\u0430\u043a\u0436\u0435",id:"see-also",level:2}];function u(e){const t={a:"a",blockquote:"blockquote",h1:"h1",h2:"h2",header:"header",li:"li",p:"p",ul:"ul",...(0,s.R)(),...e.components};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(t.header,{children:(0,i.jsx)(t.h1,{id:"\u0441\u0438\u0433\u043d\u0430\u043b\u044b-\u0430\u0440\u0445\u0438\u0442\u0435\u043a\u0442\u0443\u0440\u044b",children:"\u0421\u0438\u0433\u043d\u0430\u043b\u044b \u0430\u0440\u0445\u0438\u0442\u0435\u043a\u0442\u0443\u0440\u044b"})}),"\n",(0,i.jsx)(r.Ay,{ticket:"194"}),"\n",(0,i.jsxs)(t.blockquote,{children:["\n",(0,i.jsx)(t.p,{children:"\u0415\u0441\u043b\u0438 \u0435\u0441\u0442\u044c \u043e\u0433\u0440\u0430\u043d\u0438\u0447\u0435\u043d\u0438\u0435 \u0441\u043e \u0441\u0442\u043e\u0440\u043e\u043d\u044b \u0430\u0440\u0445\u0438\u0442\u0435\u043a\u0442\u0443\u0440\u044b - \u0437\u043d\u0430\u0447\u0438\u0442 \u043d\u0430 \u0442\u043e \u0435\u0441\u0442\u044c \u044f\u0432\u043d\u044b\u0435 \u043f\u0440\u0438\u0447\u0438\u043d\u044b, \u0438 \u043f\u043e\u0441\u043b\u0435\u0434\u0441\u0442\u0432\u0438\u044f, \u0435\u0441\u043b\u0438 \u0438\u0445 \u0438\u0433\u043d\u043e\u0440\u0438\u0440\u043e\u0432\u0430\u0442\u044c"}),"\n"]}),"\n",(0,i.jsxs)(t.blockquote,{children:["\n",(0,i.jsx)(t.p,{children:"\u041c\u0435\u0442\u043e\u0434\u043e\u043b\u043e\u0433\u0438\u044f \u0438 \u0430\u0440\u0445\u0438\u0442\u0435\u043a\u0442\u0443\u0440\u0430 \u0434\u0430\u0435\u0442 \u0441\u0438\u0433\u043d\u0430\u043b\u044b, \u0430 \u0442\u043e \u043a\u0430\u043a \u0441 \u044d\u0442\u0438\u043c \u0441\u043f\u0440\u0430\u0432\u043b\u044f\u0442\u044c\u0441\u044f - \u0437\u0430\u0432\u0438\u0441\u0438\u0442 \u043e\u0442 \u0442\u043e\u0433\u043e, \u043a\u0430\u043a\u0438\u0435 \u0440\u0438\u0441\u043a\u0438 \u0433\u043e\u0442\u043e\u0432\u044b \u0432\u0437\u044f\u0442\u044c \u043d\u0430 \u0441\u0435\u0431\u044f \u0438 \u0447\u0442\u043e \u043d\u0430\u0438\u0431\u043e\u043b\u0435\u0435 \u043f\u043e\u0434\u043e\u0439\u0434\u0435\u0442 \u0432\u0430\u0448\u0435\u0439 \u043a\u043e\u043c\u0430\u043d\u0434\u0435)"}),"\n"]}),"\n",(0,i.jsx)(t.h2,{id:"see-also",children:"\u0421\u043c. \u0442\u0430\u043a\u0436\u0435"}),"\n",(0,i.jsxs)(t.ul,{children:["\n",(0,i.jsx)(t.li,{children:(0,i.jsx)(t.a,{href:"https://t.me/feature_sliced/2070",children:"(\u0422\u0440\u0435\u0434) \u041f\u0440\u043e \u0441\u0438\u0433\u043d\u0430\u043b\u044b \u043e\u0442 \u0430\u0440\u0445\u0438\u0442\u0435\u043a\u0442\u0443\u0440\u044b \u0438 \u0434\u0430\u0442\u0430-\u0444\u043b\u043e\u0443"})}),"\n",(0,i.jsx)(t.li,{children:(0,i.jsx)(t.a,{href:"https://t.me/feature_sliced/2492",children:"(\u0422\u0440\u0435\u0434) \u041f\u0440\u043e \u0444\u0443\u043d\u0434\u0430\u043c\u0435\u043d\u0442\u0430\u043b\u044c\u043d\u043e\u0441\u0442\u044c \u0430\u0440\u0445\u0438\u0442\u0435\u043a\u0442\u0443\u0440\u044b"})}),"\n",(0,i.jsx)(t.li,{children:(0,i.jsx)(t.a,{href:"https://t.me/feature_sliced/3979",children:"(\u0422\u0440\u0435\u0434) \u041f\u0440\u043e \u043f\u043e\u0434\u0441\u0432\u0435\u0447\u0438\u0432\u0430\u043d\u0438\u0435 \u0441\u043b\u0430\u0431\u044b\u0445 \u043c\u0435\u0441\u0442"})}),"\n",(0,i.jsx)(t.li,{children:(0,i.jsx)(t.a,{href:"https://t.me/feature_sliced/4228",children:"(\u0422\u0440\u0435\u0434) \u041a\u0430\u043a \u043f\u043e\u043d\u044f\u0442\u044c, \u0447\u0442\u043e \u043c\u043e\u0434\u0435\u043b\u044c \u0434\u0430\u043d\u043d\u044b\u0445 \u0440\u0430\u0437\u0431\u0443\u0445\u043b\u0430"})}),"\n"]})]})}function h(e={}){const{wrapper:t}={...(0,s.R)(),...e.components};return t?(0,i.jsx)(t,{...e,children:(0,i.jsx)(u,{...e})}):u(e)}},1100:(e,t,n)=>{n.d(t,{R:()=>d,x:()=>a});var i=n(758);const s={},r=i.createContext(s);function d(e){const t=i.useContext(r);return i.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function a(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(s):e.components||s:d(e.components),i.createElement(r.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
+"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[1732],{1928:(e,t,n)=>{n.d(t,{Ay:()=>l,RM:()=>c});var i=n(6070),s=n(1100),r=(n(758),n(6783)),d=n(7765);const a=e=>{let{ticket:t}=e;const n=`https://github.com/feature-sliced/documentation/issues/${t}`;return(0,i.jsxs)("div",{children:[(0,i.jsx)("p",{children:(0,d.T)({id:"shared.wip.title"})}),(0,i.jsx)("p",{children:(0,d.T)({id:"shared.wip.subtitle"})}),(0,i.jsxs)("ul",{children:[(0,i.jsxs)("li",{children:[(0,d.T)({id:"shared.wip.var.feedback.base"}),(0,i.jsx)(r.A,{to:n,children:(0,d.T)({id:"shared.wip.var.feedback.link"})})]}),(0,i.jsxs)("li",{children:[(0,d.T)({id:"shared.wip.var.material.base"}),(0,i.jsx)(r.A,{to:"https://t.me/feature_sliced",children:(0,d.T)({id:"shared.wip.var.material.link"})})]}),(0,i.jsxs)("li",{children:[(0,d.T)({id:"shared.wip.var.contribute.base"}),(0,i.jsx)(r.A,{to:"https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md",children:(0,d.T)({id:"shared.wip.var.contribute.link"})})]})]}),(0,i.jsx)("br",{}),(0,i.jsx)("p",{children:(0,i.jsx)("i",{children:"\ud83c\udf70 Stay tuned!"})})]})},c=[];function o(e){const t={admonition:"admonition",...(0,s.R)(),...e.components};return(0,i.jsx)(t.admonition,{title:"WIP",type:"caution",children:(0,i.jsx)(a,{ticket:e.ticket})})}function l(e={}){const{wrapper:t}={...(0,s.R)(),...e.components};return t?(0,i.jsx)(t,{...e,children:(0,i.jsx)(o,{...e})}):o(e)}},3424:(e,t,n)=>{n.r(t),n.d(t,{assets:()=>o,contentTitle:()=>a,default:()=>h,frontMatter:()=>d,metadata:()=>c,toc:()=>l});var i=n(6070),s=n(1100),r=n(1928);const d={sidebar_position:5,sidebar_class_name:"sidebar-item--wip"},a="\u0421\u0438\u0433\u043d\u0430\u043b\u044b \u0430\u0440\u0445\u0438\u0442\u0435\u043a\u0442\u0443\u0440\u044b",c={id:"about/understanding/signals",title:"\u0421\u0438\u0433\u043d\u0430\u043b\u044b \u0430\u0440\u0445\u0438\u0442\u0435\u043a\u0442\u0443\u0440\u044b",description:"\u0415\u0441\u043b\u0438 \u0435\u0441\u0442\u044c \u043e\u0433\u0440\u0430\u043d\u0438\u0447\u0435\u043d\u0438\u0435 \u0441\u043e \u0441\u0442\u043e\u0440\u043e\u043d\u044b \u0430\u0440\u0445\u0438\u0442\u0435\u043a\u0442\u0443\u0440\u044b - \u0437\u043d\u0430\u0447\u0438\u0442 \u043d\u0430 \u0442\u043e \u0435\u0441\u0442\u044c \u044f\u0432\u043d\u044b\u0435 \u043f\u0440\u0438\u0447\u0438\u043d\u044b, \u0438 \u043f\u043e\u0441\u043b\u0435\u0434\u0441\u0442\u0432\u0438\u044f, \u0435\u0441\u043b\u0438 \u0438\u0445 \u0438\u0433\u043d\u043e\u0440\u0438\u0440\u043e\u0432\u0430\u0442\u044c",source:"@site/i18n/ru/docusaurus-plugin-content-docs/current/about/understanding/signals.mdx",sourceDirName:"about/understanding",slug:"/about/understanding/signals",permalink:"/ru/docs/about/understanding/signals",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/ru/docusaurus-plugin-content-docs/current/about/understanding/signals.mdx",tags:[],version:"current",lastUpdatedAt:1728325386e3,sidebarPosition:5,frontMatter:{sidebar_position:5,sidebar_class_name:"sidebar-item--wip"},sidebar:"aboutSidebar",previous:{title:"\u041d\u0435\u0439\u043c\u0438\u043d\u0433",permalink:"/ru/docs/about/understanding/naming"},next:{title:"\u0410\u0431\u0441\u0442\u0440\u0430\u043a\u0446\u0438\u0438",permalink:"/ru/docs/about/understanding/abstractions"}},o={},l=[...r.RM,{value:"\u0421\u043c. \u0442\u0430\u043a\u0436\u0435",id:"see-also",level:2}];function u(e){const t={a:"a",blockquote:"blockquote",h1:"h1",h2:"h2",header:"header",li:"li",p:"p",ul:"ul",...(0,s.R)(),...e.components};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(t.header,{children:(0,i.jsx)(t.h1,{id:"\u0441\u0438\u0433\u043d\u0430\u043b\u044b-\u0430\u0440\u0445\u0438\u0442\u0435\u043a\u0442\u0443\u0440\u044b",children:"\u0421\u0438\u0433\u043d\u0430\u043b\u044b \u0430\u0440\u0445\u0438\u0442\u0435\u043a\u0442\u0443\u0440\u044b"})}),"\n",(0,i.jsx)(r.Ay,{ticket:"194"}),"\n",(0,i.jsxs)(t.blockquote,{children:["\n",(0,i.jsx)(t.p,{children:"\u0415\u0441\u043b\u0438 \u0435\u0441\u0442\u044c \u043e\u0433\u0440\u0430\u043d\u0438\u0447\u0435\u043d\u0438\u0435 \u0441\u043e \u0441\u0442\u043e\u0440\u043e\u043d\u044b \u0430\u0440\u0445\u0438\u0442\u0435\u043a\u0442\u0443\u0440\u044b - \u0437\u043d\u0430\u0447\u0438\u0442 \u043d\u0430 \u0442\u043e \u0435\u0441\u0442\u044c \u044f\u0432\u043d\u044b\u0435 \u043f\u0440\u0438\u0447\u0438\u043d\u044b, \u0438 \u043f\u043e\u0441\u043b\u0435\u0434\u0441\u0442\u0432\u0438\u044f, \u0435\u0441\u043b\u0438 \u0438\u0445 \u0438\u0433\u043d\u043e\u0440\u0438\u0440\u043e\u0432\u0430\u0442\u044c"}),"\n"]}),"\n",(0,i.jsxs)(t.blockquote,{children:["\n",(0,i.jsx)(t.p,{children:"\u041c\u0435\u0442\u043e\u0434\u043e\u043b\u043e\u0433\u0438\u044f \u0438 \u0430\u0440\u0445\u0438\u0442\u0435\u043a\u0442\u0443\u0440\u0430 \u0434\u0430\u0435\u0442 \u0441\u0438\u0433\u043d\u0430\u043b\u044b, \u0430 \u0442\u043e \u043a\u0430\u043a \u0441 \u044d\u0442\u0438\u043c \u0441\u043f\u0440\u0430\u0432\u043b\u044f\u0442\u044c\u0441\u044f - \u0437\u0430\u0432\u0438\u0441\u0438\u0442 \u043e\u0442 \u0442\u043e\u0433\u043e, \u043a\u0430\u043a\u0438\u0435 \u0440\u0438\u0441\u043a\u0438 \u0433\u043e\u0442\u043e\u0432\u044b \u0432\u0437\u044f\u0442\u044c \u043d\u0430 \u0441\u0435\u0431\u044f \u0438 \u0447\u0442\u043e \u043d\u0430\u0438\u0431\u043e\u043b\u0435\u0435 \u043f\u043e\u0434\u043e\u0439\u0434\u0435\u0442 \u0432\u0430\u0448\u0435\u0439 \u043a\u043e\u043c\u0430\u043d\u0434\u0435)"}),"\n"]}),"\n",(0,i.jsx)(t.h2,{id:"see-also",children:"\u0421\u043c. \u0442\u0430\u043a\u0436\u0435"}),"\n",(0,i.jsxs)(t.ul,{children:["\n",(0,i.jsx)(t.li,{children:(0,i.jsx)(t.a,{href:"https://t.me/feature_sliced/2070",children:"(\u0422\u0440\u0435\u0434) \u041f\u0440\u043e \u0441\u0438\u0433\u043d\u0430\u043b\u044b \u043e\u0442 \u0430\u0440\u0445\u0438\u0442\u0435\u043a\u0442\u0443\u0440\u044b \u0438 \u0434\u0430\u0442\u0430-\u0444\u043b\u043e\u0443"})}),"\n",(0,i.jsx)(t.li,{children:(0,i.jsx)(t.a,{href:"https://t.me/feature_sliced/2492",children:"(\u0422\u0440\u0435\u0434) \u041f\u0440\u043e \u0444\u0443\u043d\u0434\u0430\u043c\u0435\u043d\u0442\u0430\u043b\u044c\u043d\u043e\u0441\u0442\u044c \u0430\u0440\u0445\u0438\u0442\u0435\u043a\u0442\u0443\u0440\u044b"})}),"\n",(0,i.jsx)(t.li,{children:(0,i.jsx)(t.a,{href:"https://t.me/feature_sliced/3979",children:"(\u0422\u0440\u0435\u0434) \u041f\u0440\u043e \u043f\u043e\u0434\u0441\u0432\u0435\u0447\u0438\u0432\u0430\u043d\u0438\u0435 \u0441\u043b\u0430\u0431\u044b\u0445 \u043c\u0435\u0441\u0442"})}),"\n",(0,i.jsx)(t.li,{children:(0,i.jsx)(t.a,{href:"https://t.me/feature_sliced/4228",children:"(\u0422\u0440\u0435\u0434) \u041a\u0430\u043a \u043f\u043e\u043d\u044f\u0442\u044c, \u0447\u0442\u043e \u043c\u043e\u0434\u0435\u043b\u044c \u0434\u0430\u043d\u043d\u044b\u0445 \u0440\u0430\u0437\u0431\u0443\u0445\u043b\u0430"})}),"\n"]})]})}function h(e={}){const{wrapper:t}={...(0,s.R)(),...e.components};return t?(0,i.jsx)(t,{...e,children:(0,i.jsx)(u,{...e})}):u(e)}},1100:(e,t,n)=>{n.d(t,{R:()=>d,x:()=>a});var i=n(758);const s={},r=i.createContext(s);function d(e){const t=i.useContext(r);return i.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function a(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(s):e.components||s:d(e.components),i.createElement(r.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
diff --git a/ru/assets/js/bce03a1b.ba3b4b6f.js b/ru/assets/js/bce03a1b.3887e9f0.js
similarity index 99%
rename from ru/assets/js/bce03a1b.ba3b4b6f.js
rename to ru/assets/js/bce03a1b.3887e9f0.js
index f2e4d5004a..98c6093dc4 100644
--- a/ru/assets/js/bce03a1b.ba3b4b6f.js
+++ b/ru/assets/js/bce03a1b.3887e9f0.js
@@ -1 +1 @@
-"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[3784],{2127:(e,n,r)=>{r.r(n),r.d(n,{assets:()=>l,contentTitle:()=>i,default:()=>m,frontMatter:()=>a,metadata:()=>o,toc:()=>c});var t=r(6070),s=r(1100);const a={sidebar_position:2},i="\u0422\u0443\u0442\u043e\u0440\u0438\u0430\u043b",o={id:"get-started/tutorial",title:"\u0422\u0443\u0442\u043e\u0440\u0438\u0430\u043b",description:"\u0427\u0430\u0441\u0442\u044c 1. \u041d\u0430 \u0431\u0443\u043c\u0430\u0433\u0435",source:"@site/i18n/ru/docusaurus-plugin-content-docs/current/get-started/tutorial.md",sourceDirName:"get-started",slug:"/get-started/tutorial",permalink:"/ru/docs/get-started/tutorial",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/ru/docusaurus-plugin-content-docs/current/get-started/tutorial.md",tags:[],version:"current",lastUpdatedAt:1727607766e3,sidebarPosition:2,frontMatter:{sidebar_position:2},sidebar:"getstartedSidebar",previous:{title:"\u041e\u0431\u0437\u043e\u0440",permalink:"/ru/docs/get-started/overview"},next:{title:"FAQ",permalink:"/ru/docs/get-started/faq"}},l={},c=[{value:"\u0427\u0430\u0441\u0442\u044c 1. \u041d\u0430 \u0431\u0443\u043c\u0430\u0433\u0435",id:"\u0447\u0430\u0441\u0442\u044c-1-\u043d\u0430-\u0431\u0443\u043c\u0430\u0433\u0435",level:2},{value:"\u041d\u0430\u0447\u043d\u0438\u0442\u0435 \u0441 \u043f\u0435\u0440\u0435\u0447\u0438\u0441\u043b\u0435\u043d\u0438\u044f \u0441\u0442\u0440\u0430\u043d\u0438\u0446",id:"\u043d\u0430\u0447\u043d\u0438\u0442\u0435-\u0441-\u043f\u0435\u0440\u0435\u0447\u0438\u0441\u043b\u0435\u043d\u0438\u044f-\u0441\u0442\u0440\u0430\u043d\u0438\u0446",level:3},{value:"\u041f\u0440\u0438\u0441\u0442\u0430\u043b\u044c\u043d\u044b\u0439 \u0432\u0437\u0433\u043b\u044f\u0434 \u043d\u0430 \u043b\u0435\u043d\u0442\u0443",id:"\u043f\u0440\u0438\u0441\u0442\u0430\u043b\u044c\u043d\u044b\u0439-\u0432\u0437\u0433\u043b\u044f\u0434-\u043d\u0430-\u043b\u0435\u043d\u0442\u0443",level:3},{value:"\u0421\u043f\u0438\u0441\u043e\u043a \u0442\u044d\u0433\u043e\u0432",id:"\u0441\u043f\u0438\u0441\u043e\u043a-\u0442\u044d\u0433\u043e\u0432",level:4},{value:"\u0421\u0442\u0430\u0442\u044c\u0438",id:"\u0441\u0442\u0430\u0442\u044c\u0438",level:4},{value:"\u041f\u0435\u0440\u0435\u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u0435 \u043e\u0431\u0449\u0435\u0433\u043e \u043a\u043e\u0434\u0430",id:"\u043f\u0435\u0440\u0435\u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u0435-\u043e\u0431\u0449\u0435\u0433\u043e-\u043a\u043e\u0434\u0430",level:3},{value:"\u041e\u043f\u0440\u0435\u0434\u0435\u043b\u0438\u0442\u0435 \u0441\u0442\u0440\u043e\u0433\u0438\u0439 \u043f\u0443\u0431\u043b\u0438\u0447\u043d\u044b\u0439 API",id:"\u043e\u043f\u0440\u0435\u0434\u0435\u043b\u0438\u0442\u0435-\u0441\u0442\u0440\u043e\u0433\u0438\u0439-\u043f\u0443\u0431\u043b\u0438\u0447\u043d\u044b\u0439-api",level:3},{value:"\u041a\u0440\u0443\u043f\u043d\u044b\u0435 \u043f\u0435\u0440\u0435\u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u043c\u044b\u0435 \u0431\u043b\u043e\u043a\u0438 \u0438\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441\u0430",id:"\u043a\u0440\u0443\u043f\u043d\u044b\u0435-\u043f\u0435\u0440\u0435\u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u043c\u044b\u0435-\u0431\u043b\u043e\u043a\u0438-\u0438\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441\u0430",level:3},{value:"\u041f\u0440\u0438\u0441\u0442\u0430\u043b\u044c\u043d\u044b\u0439 \u0432\u0437\u0433\u043b\u044f\u0434 \u043d\u0430 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0443 \u0441 \u0444\u043e\u0440\u043c\u043e\u0439",id:"\u043f\u0440\u0438\u0441\u0442\u0430\u043b\u044c\u043d\u044b\u0439-\u0432\u0437\u0433\u043b\u044f\u0434-\u043d\u0430-\u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0443-\u0441-\u0444\u043e\u0440\u043c\u043e\u0439",level:3},{value:"\u0418\u0442\u043e\u0433\u0438",id:"\u0438\u0442\u043e\u0433\u0438",level:3},{value:"\u0427\u0430\u0441\u0442\u044c 2. \u0412 \u043a\u043e\u0434\u0435",id:"\u0447\u0430\u0441\u0442\u044c-2-\u0432-\u043a\u043e\u0434\u0435",level:2},{value:"\u0420\u0430\u0437\u043b\u043e\u0436\u0438\u043c \u043f\u043e \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0430\u043c",id:"\u0440\u0430\u0437\u043b\u043e\u0436\u0438\u043c-\u043f\u043e-\u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0430\u043c",level:3},{value:"\u041f\u043e\u0434\u043a\u043b\u044e\u0447\u0438\u043c \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0443 \u0444\u0438\u0434\u0430",id:"\u043f\u043e\u0434\u043a\u043b\u044e\u0447\u0438\u043c-\u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0443-\u0444\u0438\u0434\u0430",level:3},{value:"API-\u043a\u043b\u0438\u0435\u043d\u0442",id:"api-\u043a\u043b\u0438\u0435\u043d\u0442",level:3},{value:"\u0420\u0435\u0430\u043b\u044c\u043d\u044b\u0435 \u0434\u0430\u043d\u043d\u044b\u0435 \u0432 \u043b\u0435\u043d\u0442\u0435",id:"\u0440\u0435\u0430\u043b\u044c\u043d\u044b\u0435-\u0434\u0430\u043d\u043d\u044b\u0435-\u0432-\u043b\u0435\u043d\u0442\u0435",level:3},{value:"\u0424\u0438\u043b\u044c\u0442\u0440\u0430\u0446\u0438\u044f \u043f\u043e \u0442\u0435\u0433\u0430\u043c",id:"\u0444\u0438\u043b\u044c\u0442\u0440\u0430\u0446\u0438\u044f-\u043f\u043e-\u0442\u0435\u0433\u0430\u043c",level:3},{value:"\u041f\u0430\u0433\u0438\u043d\u0430\u0446\u0438\u044f",id:"\u043f\u0430\u0433\u0438\u043d\u0430\u0446\u0438\u044f",level:3},{value:"\u0410\u0443\u0442\u0435\u043d\u0442\u0438\u0444\u0438\u043a\u0430\u0446\u0438\u044f",id:"authentication",level:3},{value:"\u0425\u044d\u0434\u0435\u0440",id:"\u0445\u044d\u0434\u0435\u0440",level:3},{value:"\u0412\u043a\u043b\u0430\u0434\u043a\u0438",id:"\u0432\u043a\u043b\u0430\u0434\u043a\u0438",level:3},{value:"\u0427\u0438\u0442\u0430\u043b\u043a\u0430 \u0441\u0442\u0430\u0442\u0435\u0439",id:"\u0447\u0438\u0442\u0430\u043b\u043a\u0430-\u0441\u0442\u0430\u0442\u0435\u0439",level:3},{value:"\u0420\u0435\u0434\u0430\u043a\u0442\u043e\u0440 \u0441\u0442\u0430\u0442\u0435\u0439",id:"\u0440\u0435\u0434\u0430\u043a\u0442\u043e\u0440-\u0441\u0442\u0430\u0442\u0435\u0439",level:3}];function d(e){const n={a:"a",code:"code",em:"em",h1:"h1",h2:"h2",h3:"h3",h4:"h4",header:"header",img:"img",li:"li",ol:"ol",p:"p",pre:"pre",strong:"strong",ul:"ul",...(0,s.R)(),...e.components};return(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(n.header,{children:(0,t.jsx)(n.h1,{id:"\u0442\u0443\u0442\u043e\u0440\u0438\u0430\u043b",children:"\u0422\u0443\u0442\u043e\u0440\u0438\u0430\u043b"})}),"\n",(0,t.jsx)(n.h2,{id:"\u0447\u0430\u0441\u0442\u044c-1-\u043d\u0430-\u0431\u0443\u043c\u0430\u0433\u0435",children:"\u0427\u0430\u0441\u0442\u044c 1. \u041d\u0430 \u0431\u0443\u043c\u0430\u0433\u0435"}),"\n",(0,t.jsxs)(n.p,{children:["\u0412 \u044d\u0442\u043e\u043c \u0440\u0443\u043a\u043e\u0432\u043e\u0434\u0441\u0442\u0432\u0435 \u043c\u044b \u0440\u0430\u0441\u0441\u043c\u043e\u0442\u0440\u0438\u043c \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0435 Real World App, \u0442\u0430\u043a\u0436\u0435 \u0438\u0437\u0432\u0435\u0441\u0442\u043d\u043e\u0435 \u043a\u0430\u043a Conduit. Conduit \u044f\u0432\u043b\u044f\u0435\u0442\u0441\u044f \u0443\u043f\u0440\u043e\u0449\u0451\u043d\u043d\u044b\u043c \u043a\u043b\u043e\u043d\u043e\u043c ",(0,t.jsx)(n.a,{href:"https://medium.com/",children:"Medium"})," \u2014 \u043e\u043d \u043f\u043e\u0437\u0432\u043e\u043b\u044f\u0435\u0442 \u0432\u0430\u043c \u0447\u0438\u0442\u0430\u0442\u044c \u0438 \u043f\u0438\u0441\u0430\u0442\u044c \u0441\u0442\u0430\u0442\u044c\u0438 \u0432 \u0431\u043b\u043e\u0433\u0430\u0445, \u0430 \u0442\u0430\u043a\u0436\u0435 \u043a\u043e\u043c\u043c\u0435\u043d\u0442\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u0441\u0442\u0430\u0442\u044c\u0438 \u0434\u0440\u0443\u0433\u0438\u0445 \u043b\u044e\u0434\u0435\u0439."]}),"\n",(0,t.jsx)(n.p,{children:(0,t.jsx)(n.img,{alt:"\u0413\u043b\u0430\u0432\u043d\u0430\u044f \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0430 Conduit",src:r(9703).A+"",width:"2880",height:"1504"})}),"\n",(0,t.jsxs)(n.p,{children:["\u042d\u0442\u043e \u0434\u043e\u0432\u043e\u043b\u044c\u043d\u043e \u043d\u0435\u0431\u043e\u043b\u044c\u0448\u043e\u0435 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0435, \u043f\u043e\u044d\u0442\u043e\u043c\u0443 \u043c\u044b \u043d\u0435 \u0441\u0442\u0430\u043d\u0435\u043c \u0441\u0438\u043b\u044c\u043d\u043e \u0443\u0441\u043b\u043e\u0436\u043d\u044f\u0442\u044c \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u0443 \u0438\u0437\u043b\u0438\u0448\u043d\u0435\u0439 \u0434\u0435\u043a\u043e\u043c\u043f\u043e\u0437\u0438\u0446\u0438\u0435\u0439. \u0412\u0435\u0440\u043e\u044f\u0442\u043d\u0435\u0435 \u0432\u0441\u0435\u0433\u043e, \u0447\u0442\u043e \u0432\u0441\u0451 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0435 \u043f\u043e\u043c\u0435\u0441\u0442\u0438\u0442\u0441\u044f \u0432 \u0442\u0440\u0438 \u0441\u043b\u043e\u044f: ",(0,t.jsx)(n.strong,{children:"App"}),", ",(0,t.jsx)(n.strong,{children:"Pages"})," \u0438 ",(0,t.jsx)(n.strong,{children:"Shared"}),". \u0415\u0441\u043b\u0438 \u043d\u0435\u0442, \u0431\u0443\u0434\u0435\u043c \u0432\u0432\u043e\u0434\u0438\u0442\u044c \u0434\u043e\u043f\u043e\u043b\u043d\u0438\u0442\u0435\u043b\u044c\u043d\u044b\u0435 \u0441\u043b\u043e\u0438 \u043f\u043e \u0445\u043e\u0434\u0443. \u0413\u043e\u0442\u043e\u0432\u044b?"]}),"\n",(0,t.jsx)(n.h3,{id:"\u043d\u0430\u0447\u043d\u0438\u0442\u0435-\u0441-\u043f\u0435\u0440\u0435\u0447\u0438\u0441\u043b\u0435\u043d\u0438\u044f-\u0441\u0442\u0440\u0430\u043d\u0438\u0446",children:"\u041d\u0430\u0447\u043d\u0438\u0442\u0435 \u0441 \u043f\u0435\u0440\u0435\u0447\u0438\u0441\u043b\u0435\u043d\u0438\u044f \u0441\u0442\u0440\u0430\u043d\u0438\u0446"}),"\n",(0,t.jsx)(n.p,{children:"\u0415\u0441\u043b\u0438 \u043c\u044b \u043f\u043e\u0441\u043c\u043e\u0442\u0440\u0438\u043c \u043d\u0430 \u0441\u043a\u0440\u0438\u043d\u0448\u043e\u0442 \u0432\u044b\u0448\u0435, \u043c\u044b \u043c\u043e\u0436\u0435\u043c \u043f\u0440\u0435\u0434\u043f\u043e\u043b\u043e\u0436\u0438\u0442\u044c, \u0447\u0442\u043e \u043f\u043e \u043a\u0440\u0430\u0439\u043d\u0435\u0439 \u043c\u0435\u0440\u0435, \u0435\u0441\u0442\u044c \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0438\u0435 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b:"}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsx)(n.li,{children:"\u0414\u043e\u043c\u0430\u0448\u043d\u044f\u044f (\u043b\u0435\u043d\u0442\u0430 \u0441\u0442\u0430\u0442\u0435\u0439)"}),"\n",(0,t.jsx)(n.li,{children:"\u0412\u043e\u0439\u0442\u0438 \u0438 \u0437\u0430\u0440\u0435\u0433\u0438\u0441\u0442\u0440\u0438\u0440\u043e\u0432\u0430\u0442\u044c\u0441\u044f"}),"\n",(0,t.jsx)(n.li,{children:"\u041f\u0440\u043e\u0441\u043c\u043e\u0442\u0440 \u0441\u0442\u0430\u0442\u0435\u0439"}),"\n",(0,t.jsx)(n.li,{children:"\u0420\u0435\u0434\u0430\u043a\u0442\u043e\u0440 \u0441\u0442\u0430\u0442\u0435\u0439"}),"\n",(0,t.jsx)(n.li,{children:"\u041f\u0440\u043e\u0441\u043c\u043e\u0442\u0440 \u043f\u0440\u043e\u0444\u0438\u043b\u0435\u0439 \u043b\u044e\u0434\u0435\u0439"}),"\n",(0,t.jsx)(n.li,{children:"\u0420\u0435\u0434\u0430\u043a\u0442\u043e\u0440 \u043f\u0440\u043e\u0444\u0438\u043b\u044f (\u043d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u0438)"}),"\n"]}),"\n",(0,t.jsxs)(n.p,{children:["\u041a\u0430\u0436\u0434\u0430\u044f \u0438\u0437 \u044d\u0442\u0438\u0445 \u0441\u0442\u0440\u0430\u043d\u0438\u0446 \u0441\u0442\u0430\u043d\u0435\u0442 \u043e\u0442\u0434\u0435\u043b\u044c\u043d\u044b\u043c ",(0,t.jsx)(n.em,{children:"\u0441\u043b\u0430\u0439\u0441\u043e\u043c"})," \u043d\u0430 ",(0,t.jsx)(n.em,{children:"\u0441\u043b\u043e\u0435"})," Pages. \u0412\u0441\u043f\u043e\u043c\u043d\u0438\u0442\u0435 \u0438\u0437 \u043e\u0431\u0437\u043e\u0440\u0430, \u0447\u0442\u043e \u0441\u043b\u0430\u0439\u0441\u044b \u2014 \u044d\u0442\u043e \u043f\u0440\u043e\u0441\u0442\u043e \u043f\u0430\u043f\u043a\u0438 \u0432\u043d\u0443\u0442\u0440\u0438 \u0441\u043b\u043e\u0435\u0432, \u0430 \u0441\u043b\u043e\u0438 \u2014 \u044d\u0442\u043e \u043f\u0440\u043e\u0441\u0442\u043e \u043f\u0430\u043f\u043a\u0438 \u0441 \u0437\u0430\u0440\u0430\u043d\u0435\u0435 \u043e\u043f\u0440\u0435\u0434\u0435\u043b\u0435\u043d\u043d\u044b\u043c\u0438 \u043d\u0430\u0437\u0432\u0430\u043d\u0438\u044f\u043c\u0438, \u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, ",(0,t.jsx)(n.code,{children:"pages"}),"."]}),"\n",(0,t.jsx)(n.p,{children:"\u0422\u0430\u043a\u0438\u043c \u043e\u0431\u0440\u0430\u0437\u043e\u043c, \u043d\u0430\u0448\u0430 \u043f\u0430\u043f\u043a\u0430 Pages \u0431\u0443\u0434\u0435\u0442 \u0432\u044b\u0433\u043b\u044f\u0434\u0435\u0442\u044c \u0442\u0430\u043a:"}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{children:"\ud83d\udcc2 pages/\n  \ud83d\udcc1 feed/ (\u043b\u0435\u043d\u0442\u0430)\n  \ud83d\udcc1 sign-in/ (\u0432\u043e\u0439\u0442\u0438/\u0437\u0430\u0440\u0435\u0433\u0438\u0441\u0442\u0440\u0438\u0440\u043e\u0432\u0430\u0442\u044c\u0441\u044f)\n  \ud83d\udcc1 article-read/ (\u043f\u0440\u043e\u0441\u043c\u043e\u0442\u0440 \u0441\u0442\u0430\u0442\u0435\u0439)\n  \ud83d\udcc1 article-edit/ (\u0440\u0435\u0434\u0430\u043a\u0442\u043e\u0440 \u0441\u0442\u0430\u0442\u0435\u0439)\n  \ud83d\udcc1 profile/ (\u043f\u0440\u043e\u0444\u0438\u043b\u044c)\n  \ud83d\udcc1 settings/ (\u043d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u0438)\n"})}),"\n",(0,t.jsxs)(n.p,{children:["\u041a\u043b\u044e\u0447\u0435\u0432\u043e\u0435 \u043e\u0442\u043b\u0438\u0447\u0438\u0435 Feature-Sliced Design \u043e\u0442 \u043f\u0440\u043e\u0438\u0437\u0432\u043e\u043b\u044c\u043d\u043e\u0439 \u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u044b \u043a\u043e\u0434\u0430 \u0437\u0430\u043a\u043b\u044e\u0447\u0430\u0435\u0442\u0441\u044f \u0432 \u0442\u043e\u043c, \u0447\u0442\u043e \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b \u043d\u0435 \u043c\u043e\u0433\u0443\u0442 \u0437\u0430\u0432\u0438\u0441\u0435\u0442\u044c \u0434\u0440\u0443\u0433 \u043e\u0442 \u0434\u0440\u0443\u0433\u0430. \u0422\u043e \u0435\u0441\u0442\u044c \u043e\u0434\u043d\u0430 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0430 \u043d\u0435 \u043c\u043e\u0436\u0435\u0442 \u0438\u043c\u043f\u043e\u0440\u0442\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u043a\u043e\u0434 \u0441 \u0434\u0440\u0443\u0433\u043e\u0439 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b. \u042d\u0442\u043e \u0441\u0432\u044f\u0437\u0430\u043d\u043e \u0441 ",(0,t.jsx)(n.strong,{children:"\u043f\u0440\u0430\u0432\u0438\u043b\u043e\u043c \u0438\u043c\u043f\u043e\u0440\u0442\u0430 \u0434\u043b\u044f \u0441\u043b\u043e\u0451\u0432"}),":"]}),"\n",(0,t.jsx)(n.p,{children:(0,t.jsx)(n.em,{children:"\u041c\u043e\u0434\u0443\u043b\u044c \u0432 \u0441\u043b\u0430\u0439\u0441\u0435 \u043c\u043e\u0436\u0435\u0442 \u0438\u043c\u043f\u043e\u0440\u0442\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u0434\u0440\u0443\u0433\u0438\u0435 \u0441\u043b\u0430\u0439\u0441\u044b \u0442\u043e\u043b\u044c\u043a\u043e \u0432 \u0442\u043e\u043c \u0441\u043b\u0443\u0447\u0430\u0435, \u0435\u0441\u043b\u0438 \u043e\u043d\u0438 \u0440\u0430\u0441\u043f\u043e\u043b\u043e\u0436\u0435\u043d\u044b \u043d\u0430 \u0441\u043b\u043e\u044f\u0445 \u0441\u0442\u0440\u043e\u0433\u043e \u043d\u0438\u0436\u0435."})}),"\n",(0,t.jsx)(n.p,{children:"\u0412 \u044d\u0442\u043e\u043c \u0441\u043b\u0443\u0447\u0430\u0435 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0430 \u044f\u0432\u043b\u044f\u0435\u0442\u0441\u044f \u0441\u043b\u0430\u0439\u0441\u043e\u043c, \u043f\u043e\u044d\u0442\u043e\u043c\u0443 \u043c\u043e\u0434\u0443\u043b\u0438 (\u0444\u0430\u0439\u043b\u044b) \u0432\u043d\u0443\u0442\u0440\u0438 \u044d\u0442\u043e\u0439 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b \u043c\u043e\u0433\u0443\u0442 \u0438\u043c\u043f\u043e\u0440\u0442\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u043a\u043e\u0434 \u0442\u043e\u043b\u044c\u043a\u043e \u0438\u0437 \u0441\u043b\u043e\u0435\u0432 \u043d\u0438\u0436\u0435, \u0430 \u043d\u0435 \u0438\u0437 \u0434\u0440\u0443\u0433\u0438\u0445 \u0441\u0442\u0440\u0430\u043d\u0438\u0446."}),"\n",(0,t.jsx)(n.h3,{id:"\u043f\u0440\u0438\u0441\u0442\u0430\u043b\u044c\u043d\u044b\u0439-\u0432\u0437\u0433\u043b\u044f\u0434-\u043d\u0430-\u043b\u0435\u043d\u0442\u0443",children:"\u041f\u0440\u0438\u0441\u0442\u0430\u043b\u044c\u043d\u044b\u0439 \u0432\u0437\u0433\u043b\u044f\u0434 \u043d\u0430 \u043b\u0435\u043d\u0442\u0443"}),"\n",(0,t.jsxs)("figure",{children:[(0,t.jsx)(n.p,{children:(0,t.jsx)(n.img,{alt:"\u041f\u0435\u0440\u0441\u043f\u0435\u043a\u0442\u0438\u0432\u0430 \u0430\u043d\u043e\u043d\u0438\u043c\u043d\u043e\u0433\u043e \u043f\u043e\u0441\u0435\u0442\u0438\u0442\u0435\u043b\u044f",src:r(9703).A+"",width:"2880",height:"1504"})}),(0,t.jsx)("figcaption",{children:(0,t.jsx)(n.p,{children:(0,t.jsx)(n.em,{children:"\u041f\u0435\u0440\u0441\u043f\u0435\u043a\u0442\u0438\u0432\u0430 \u0430\u043d\u043e\u043d\u0438\u043c\u043d\u043e\u0433\u043e \u043f\u043e\u0441\u0435\u0442\u0438\u0442\u0435\u043b\u044f"})})})]}),"\n",(0,t.jsxs)("figure",{children:[(0,t.jsx)(n.p,{children:(0,t.jsx)(n.img,{alt:"\u041f\u0435\u0440\u0441\u043f\u0435\u043a\u0442\u0438\u0432\u0430 \u0430\u0432\u0442\u043e\u0440\u0438\u0437\u043e\u0432\u0430\u043d\u043d\u043e\u0433\u043e \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044f",src:r(1405).A+"",width:"2880",height:"1504"})}),(0,t.jsx)("figcaption",{children:(0,t.jsx)(n.p,{children:(0,t.jsx)(n.em,{children:"\u041f\u0435\u0440\u0441\u043f\u0435\u043a\u0442\u0438\u0432\u0430 \u0430\u0432\u0442\u043e\u0440\u0438\u0437\u043e\u0432\u0430\u043d\u043d\u043e\u0433\u043e \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044f"})})})]}),"\n",(0,t.jsx)(n.p,{children:"\u041d\u0430 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0435 \u043b\u0435\u043d\u0442\u044b \u0435\u0441\u0442\u044c \u0442\u0440\u0438 \u0434\u0438\u043d\u0430\u043c\u0438\u0447\u0435\u0441\u043a\u0438\u0445 \u043e\u0431\u043b\u0430\u0441\u0442\u0438:"}),"\n",(0,t.jsxs)(n.ol,{children:["\n",(0,t.jsx)(n.li,{children:"\u0421\u0441\u044b\u043b\u043a\u0438 \u0434\u043b\u044f \u043b\u043e\u0433\u0438\u043d\u0430, \u043f\u043e\u043a\u0430\u0437\u044b\u0432\u0430\u044e\u0449\u0438\u0435 \u0441\u0442\u0430\u0442\u0443\u0441 \u0430\u0432\u0442\u043e\u0440\u0438\u0437\u0430\u0446\u0438\u0438"}),"\n",(0,t.jsx)(n.li,{children:"\u0421\u043f\u0438\u0441\u043e\u043a \u0442\u044d\u0433\u043e\u0432, \u0444\u0438\u043b\u044c\u0442\u0440\u0443\u044e\u0449\u0438\u0445 \u043b\u0435\u043d\u0442\u0443"}),"\n",(0,t.jsx)(n.li,{children:"\u041e\u0434\u043d\u0430\u2014\u0434\u0432\u0435 \u043b\u0435\u043d\u0442\u044b \u0441\u0442\u0430\u0442\u0435\u0439, \u0443 \u043a\u0430\u0436\u0434\u043e\u0439 \u0441\u0442\u0430\u0442\u044c\u0438 \u043a\u043d\u043e\u043f\u043a\u0430 \u043b\u0430\u0439\u043a\u0430"}),"\n"]}),"\n",(0,t.jsx)(n.p,{children:"\u0421\u0441\u044b\u043b\u043a\u0438 \u0434\u043b\u044f \u043b\u043e\u0433\u0438\u043d\u0430 \u2014 \u0447\u0430\u0441\u0442\u044c \u0437\u0430\u0433\u043e\u043b\u043e\u0432\u043a\u0430, \u043e\u0431\u0449\u0435\u0433\u043e \u0434\u043b\u044f \u0432\u0441\u0435\u0445 \u0441\u0442\u0440\u0430\u043d\u0438\u0446, \u0442\u0430\u043a \u0447\u0442\u043e \u043f\u043e\u043a\u0430 \u0447\u0442\u043e \u043e\u0442\u043b\u043e\u0436\u0438\u043c \u0438\u0445."}),"\n",(0,t.jsx)(n.h4,{id:"\u0441\u043f\u0438\u0441\u043e\u043a-\u0442\u044d\u0433\u043e\u0432",children:"\u0421\u043f\u0438\u0441\u043e\u043a \u0442\u044d\u0433\u043e\u0432"}),"\n",(0,t.jsxs)(n.p,{children:["\u0427\u0442\u043e\u0431\u044b \u0441\u043e\u0437\u0434\u0430\u0442\u044c \u0441\u043f\u0438\u0441\u043e\u043a \u0442\u044d\u0433\u043e\u0432, \u043d\u0430\u043c \u043d\u0443\u0436\u043d\u043e \u043f\u043e\u043b\u0443\u0447\u0438\u0442\u044c \u0432\u0441\u0435 \u0434\u043e\u0441\u0442\u0443\u043f\u043d\u044b\u0435 \u0442\u044d\u0433\u0438, \u043e\u0442\u043e\u0431\u0440\u0430\u0437\u0438\u0442\u044c \u043a\u0430\u0436\u0434\u044b\u0439 \u0442\u044d\u0433 \u043a\u0430\u043a \u0447\u0438\u043f (",(0,t.jsx)(n.a,{href:"https://m3.material.io/components/chips/overview",children:"chip"}),") \u0438 \u0441\u043e\u0445\u0440\u0430\u043d\u0438\u0442\u044c \u0432\u044b\u0431\u0440\u0430\u043d\u043d\u044b\u0435 \u0442\u044d\u0433\u0438 \u0432 \u0445\u0440\u0430\u043d\u0438\u043b\u0438\u0449\u0435 \u043d\u0430 \u0441\u0442\u043e\u0440\u043e\u043d\u0435 \u043a\u043b\u0438\u0435\u043d\u0442\u0430. \u042d\u0442\u0438 \u043e\u043f\u0435\u0440\u0430\u0446\u0438\u0438 \u043e\u0442\u043d\u043e\u0441\u044f\u0442\u0441\u044f \u043a \u043a\u0430\u0442\u0435\u0433\u043e\u0440\u0438\u044f\u043c \xab\u0432\u0437\u0430\u0438\u043c\u043e\u0434\u0435\u0439\u0441\u0442\u0432\u0438\u0435 \u0441 API\xbb, \xab\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044c\u0441\u043a\u0438\u0439 \u0438\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441\xbb \u0438 \xab\u0445\u0440\u0430\u043d\u0435\u043d\u0438\u0435 \u0434\u0430\u043d\u043d\u044b\u0445\xbb. \u0412 Feature-Sliced Design \u043a\u043e\u0434 \u0434\u0435\u043b\u0438\u0442\u0441\u044f \u043f\u043e \u043d\u0430\u0437\u043d\u0430\u0447\u0435\u043d\u0438\u044e \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e ",(0,t.jsx)(n.em,{children:"\u0441\u0435\u0433\u043c\u0435\u043d\u0442\u043e\u0432"}),". \u0421\u0435\u0433\u043c\u0435\u043d\u0442\u044b \u2014 \u044d\u0442\u043e \u043f\u0430\u043f\u043a\u0438 \u0432 \u0441\u043b\u0430\u0439\u0441\u0430\u0445, \u0438 \u043e\u043d\u0438 \u043c\u043e\u0433\u0443\u0442 \u0438\u043c\u0435\u0442\u044c \u043f\u0440\u043e\u0438\u0437\u0432\u043e\u043b\u044c\u043d\u044b\u0435 \u043d\u0430\u0437\u0432\u0430\u043d\u0438\u044f, \u043e\u043f\u0438\u0441\u044b\u0432\u0430\u044e\u0449\u0438\u0435 \u0438\u0445 \u0446\u0435\u043b\u044c, \u043d\u043e \u043d\u0435\u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u0446\u0435\u043b\u0438 \u043d\u0430\u0441\u0442\u043e\u043b\u044c\u043a\u043e \u0440\u0430\u0441\u043f\u0440\u043e\u0441\u0442\u0440\u0430\u043d\u0435\u043d\u044b, \u0447\u0442\u043e \u0441\u0443\u0449\u0435\u0441\u0442\u0432\u0443\u0435\u0442 \u043d\u0435\u0441\u043a\u043e\u043b\u044c\u043a\u043e \u043e\u0431\u0449\u0435\u043f\u0440\u0438\u043d\u044f\u0442\u044b\u0445 \u043d\u0430\u0437\u0432\u0430\u043d\u0438\u0439:"]}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsxs)(n.li,{children:["\ud83d\udcc2\xa0",(0,t.jsx)(n.code,{children:"api/"})," \u0434\u043b\u044f \u0432\u0437\u0430\u0438\u043c\u043e\u0434\u0435\u0439\u0441\u0442\u0432\u0438\u044f \u0441 \u0431\u044d\u043a\u0435\u043d\u0434\u043e\u043c"]}),"\n",(0,t.jsxs)(n.li,{children:["\ud83d\udcc2\xa0",(0,t.jsx)(n.code,{children:"ui/"})," \u0434\u043b\u044f \u043a\u043e\u0434\u0430, \u043e\u0442\u0432\u0435\u0447\u0430\u044e\u0449\u0435\u0433\u043e \u0437\u0430 \u043e\u0442\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u0435 \u0438 \u0432\u043d\u0435\u0448\u043d\u0438\u0439 \u0432\u0438\u0434"]}),"\n",(0,t.jsxs)(n.li,{children:["\ud83d\udcc2\xa0",(0,t.jsx)(n.code,{children:"model/"})," \u0434\u043b\u044f \u0445\u0440\u0430\u043d\u0435\u043d\u0438\u044f \u0434\u0430\u043d\u043d\u044b\u0445 \u0438 \u0431\u0438\u0437\u043d\u0435\u0441-\u043b\u043e\u0433\u0438\u043a\u0438"]}),"\n",(0,t.jsxs)(n.li,{children:["\ud83d\udcc2\xa0",(0,t.jsx)(n.code,{children:"config/"})," \u0434\u043b\u044f \u0444\u0438\u0447\u0435-\u0444\u043b\u0430\u0433\u043e\u0432, \u043f\u0435\u0440\u0435\u043c\u0435\u043d\u043d\u044b\u0445 \u043e\u043a\u0440\u0443\u0436\u0435\u043d\u0438\u044f \u0438 \u0434\u0440\u0443\u0433\u0438\u0445 \u0444\u043e\u0440\u043c \u043a\u043e\u043d\u0444\u0438\u0433\u0443\u0440\u0430\u0446\u0438\u0438"]}),"\n"]}),"\n",(0,t.jsxs)(n.p,{children:["\u041c\u044b \u043f\u043e\u043c\u0435\u0441\u0442\u0438\u043c \u043a\u043e\u0434, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u043f\u043e\u043b\u0443\u0447\u0430\u0435\u0442 \u0442\u044d\u0433\u0438, \u0432 ",(0,t.jsx)(n.code,{children:"api"}),", \u0441\u0430\u043c \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442 \u0442\u044d\u0433\u0430 \u0432 ",(0,t.jsx)(n.code,{children:"ui"}),", \u0430 \u0432\u0437\u0430\u0438\u043c\u043e\u0434\u0435\u0439\u0441\u0442\u0432\u0438\u0435 \u0441 \u0445\u0440\u0430\u043d\u0438\u043b\u0438\u0449\u0435\u043c \u0432 ",(0,t.jsx)(n.code,{children:"model"}),"."]}),"\n",(0,t.jsx)(n.h4,{id:"\u0441\u0442\u0430\u0442\u044c\u0438",children:"\u0421\u0442\u0430\u0442\u044c\u0438"}),"\n",(0,t.jsx)(n.p,{children:"\u0421\u043b\u0435\u0434\u0443\u044f \u0442\u043e\u0439 \u0436\u0435 \u043b\u043e\u0433\u0438\u043a\u0435, \u043c\u044b \u043c\u043e\u0436\u0435\u043c \u0440\u0430\u0437\u0431\u0438\u0442\u044c \u043b\u0435\u043d\u0442\u0443 \u0441\u0442\u0430\u0442\u0435\u0439 \u043d\u0430 \u0442\u0435 \u0436\u0435 \u0442\u0440\u0438 \u0441\u0435\u0433\u043c\u0435\u043d\u0442\u0430:"}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsxs)(n.li,{children:["\ud83d\udcc2\xa0",(0,t.jsx)(n.code,{children:"api/"}),": \u043f\u043e\u043b\u0443\u0447\u0438\u0442\u044c \u043f\u043e\u0441\u0442\u0440\u0430\u043d\u0438\u0447\u043d\u044b\u0439 \u0441\u043f\u0438\u0441\u043e\u043a \u0441\u0442\u0430\u0442\u0435\u0439 \u0441 \u043a\u043e\u043b\u0438\u0447\u0435\u0441\u0442\u0432\u043e\u043c \u043b\u0430\u0439\u043a\u043e\u0432, \u043e\u0441\u0442\u0430\u0432\u0438\u0442\u044c \u043b\u0430\u0439\u043a"]}),"\n",(0,t.jsxs)(n.li,{children:["\ud83d\udcc2\xa0",(0,t.jsx)(n.code,{children:"ui/"}),":","\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsx)(n.li,{children:"\u0441\u043f\u0438\u0441\u043e\u043a \u0432\u043a\u043b\u0430\u0434\u043e\u043a, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u043c\u043e\u0436\u0435\u0442 \u043e\u0442\u043e\u0431\u0440\u0430\u0436\u0430\u0442\u044c \u0434\u043e\u043f\u043e\u043b\u043d\u0438\u0442\u0435\u043b\u044c\u043d\u0443\u044e \u0432\u043a\u043b\u0430\u0434\u043a\u0443 \u043f\u0440\u0438 \u0432\u044b\u0431\u043e\u0440\u0435 \u0442\u044d\u0433\u0430"}),"\n",(0,t.jsx)(n.li,{children:"\u043e\u0442\u0434\u0435\u043b\u044c\u043d\u0430\u044f \u0441\u0442\u0430\u0442\u044c\u044f"}),"\n",(0,t.jsx)(n.li,{children:"\u0440\u0430\u0431\u043e\u0447\u0430\u044f \u043f\u0430\u0433\u0438\u043d\u0430\u0446\u0438\u044f"}),"\n"]}),"\n"]}),"\n",(0,t.jsxs)(n.li,{children:["\ud83d\udcc2\xa0",(0,t.jsx)(n.code,{children:"model/"}),": \u043a\u043b\u0438\u0435\u043d\u0442\u0441\u043a\u043e\u0435 \u0445\u0440\u0430\u043d\u0438\u043b\u0438\u0449\u0435 \u0437\u0430\u0433\u0440\u0443\u0436\u0435\u043d\u043d\u044b\u0445 \u043f\u043e\u0441\u0442\u043e\u0432 \u0438 \u0442\u0435\u043a\u0443\u0449\u0435\u0439 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b (\u043f\u0440\u0438 \u043d\u0435\u043e\u0431\u0445\u043e\u0434\u0438\u043c\u043e\u0441\u0442\u0438)"]}),"\n"]}),"\n",(0,t.jsx)(n.h3,{id:"\u043f\u0435\u0440\u0435\u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u0435-\u043e\u0431\u0449\u0435\u0433\u043e-\u043a\u043e\u0434\u0430",children:"\u041f\u0435\u0440\u0435\u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u0435 \u043e\u0431\u0449\u0435\u0433\u043e \u043a\u043e\u0434\u0430"}),"\n",(0,t.jsxs)(n.p,{children:["\u0421\u0442\u0440\u0430\u043d\u0438\u0446\u044b, \u043a\u0430\u043a \u043f\u0440\u0430\u0432\u0438\u043b\u043e, \u043e\u0447\u0435\u043d\u044c \u043e\u0442\u043b\u0438\u0447\u0430\u044e\u0442\u0441\u044f \u043f\u043e \u0441\u0432\u043e\u0435\u0439 \u0446\u0435\u043b\u0438, \u043d\u043e \u0447\u0442\u043e-\u0442\u043e \u043e\u0441\u0442\u0430\u0435\u0442\u0441\u044f \u043e\u0434\u0438\u043d\u0430\u043a\u043e\u0432\u044b\u043c \u043f\u043e \u0432\u0441\u0435\u043c\u0443 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044e \u2014 \u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, UI-\u043a\u0438\u0442, \u0441\u043e\u043e\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0443\u044e\u0449\u0438\u0439 \u044f\u0437\u044b\u043a\u0443 \u0434\u0438\u0437\u0430\u0439\u043d\u0430, \u0438\u043b\u0438 \u0441\u043e\u0433\u043b\u0430\u0448\u0435\u043d\u0438\u0435 \u043d\u0430 \u0431\u044d\u043a\u0435\u043d\u0434\u0435, \u0447\u0442\u043e \u0432\u0441\u0435 \u0434\u0435\u043b\u0430\u0435\u0442\u0441\u044f \u0447\u0435\u0440\u0435\u0437 REST API \u0441 \u043a\u043e\u043d\u043a\u0440\u0435\u0442\u043d\u044b\u043c \u043c\u0435\u0442\u043e\u0434\u043e\u043c \u0430\u0443\u0442\u0435\u043d\u0442\u0438\u0444\u0438\u043a\u0430\u0446\u0438\u0438. \u041f\u043e\u0441\u043a\u043e\u043b\u044c\u043a\u0443 \u0441\u043b\u0430\u0439\u0441\u044b \u0434\u043e\u043b\u0436\u043d\u044b \u0431\u044b\u0442\u044c \u0438\u0437\u043e\u043b\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u044b\u043c\u0438, \u043f\u0435\u0440\u0435\u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u0435 \u043a\u043e\u0434\u0430 \u043f\u0440\u043e\u0438\u0441\u0445\u043e\u0434\u0438\u0442 \u0437\u0430 \u0441\u0447\u0451\u0442 \u0441\u043b\u043e\u044f \u043d\u0438\u0436\u0435, ",(0,t.jsx)(n.strong,{children:"Shared"}),"."]}),"\n",(0,t.jsx)(n.p,{children:"Shared \u043e\u0442\u043b\u0438\u0447\u0430\u0435\u0442\u0441\u044f \u043e\u0442 \u0434\u0440\u0443\u0433\u0438\u0445 \u0441\u043b\u043e\u0435\u0432 \u0442\u0435\u043c, \u0447\u0442\u043e \u043e\u043d \u0441\u043e\u0434\u0435\u0440\u0436\u0438\u0442 \u0441\u0435\u0433\u043c\u0435\u043d\u0442\u044b, \u0430 \u043d\u0435 \u0441\u043b\u0430\u0439\u0441\u044b. \u0422\u0430\u043a\u0438\u043c \u043e\u0431\u0440\u0430\u0437\u043e\u043c, \u0441\u043b\u043e\u0439 Shared \u043f\u0440\u0435\u0434\u0441\u0442\u0430\u0432\u043b\u044f\u0435\u0442 \u0441\u043e\u0431\u043e\u0439 \u0433\u0438\u0431\u0440\u0438\u0434 \u043c\u0435\u0436\u0434\u0443 \u0441\u043b\u043e\u0435\u043c \u0438 \u0441\u043b\u0430\u0439\u0441\u043e\u043c."}),"\n",(0,t.jsx)(n.p,{children:"\u041e\u0431\u044b\u0447\u043d\u043e \u043a\u043e\u0434 \u0432 Shared \u043d\u0435 \u043f\u043b\u0430\u043d\u0438\u0440\u0443\u0435\u0442\u0441\u044f \u0437\u0430\u0440\u0430\u043d\u0435\u0435, \u0430 \u0438\u0437\u0432\u043b\u0435\u043a\u0430\u0435\u0442\u0441\u044f \u043f\u043e \u0445\u043e\u0434\u0443 \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u0438, \u043f\u043e\u0442\u043e\u043c\u0443 \u0447\u0442\u043e \u0442\u043e\u043b\u044c\u043a\u043e \u0432\u043e \u0432\u0440\u0435\u043c\u044f \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u0438 \u0441\u0442\u0430\u043d\u043e\u0432\u0438\u0442\u0441\u044f \u044f\u0441\u043d\u043e, \u043a\u0430\u043a\u0438\u0435 \u0447\u0430\u0441\u0442\u0438 \u043a\u043e\u0434\u0430 \u0434\u0435\u0439\u0441\u0442\u0432\u0438\u0442\u0435\u043b\u044c\u043d\u043e \u043f\u0435\u0440\u0435\u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u044e\u0442\u0441\u044f. \u0422\u0435\u043c \u043d\u0435 \u043c\u0435\u043d\u0435\u0435, \u043f\u043e\u043b\u0435\u0437\u043d\u043e \u0434\u0435\u0440\u0436\u0430\u0442\u044c \u0432 \u0433\u043e\u043b\u043e\u0432\u0435, \u043a\u0430\u043a\u043e\u0439 \u043a\u043e\u0434 \u0438\u043c\u0435\u0435\u0442 \u0441\u043c\u044b\u0441\u043b \u0445\u0440\u0430\u043d\u0438\u0442\u044c \u0432 Shared:"}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsxs)(n.li,{children:["\ud83d\udcc2\xa0",(0,t.jsx)(n.code,{children:"ui/"})," \u2014 UI-\u043a\u0438\u0442, \u0442\u043e\u043b\u044c\u043a\u043e \u0432\u043d\u0435\u0448\u043d\u0438\u0439 \u0432\u0438\u0434, \u0431\u0435\u0437 \u0431\u0438\u0437\u043d\u0435\u0441-\u043b\u043e\u0433\u0438\u043a\u0438. \u041d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, \u043a\u043d\u043e\u043f\u043a\u0438, \u0434\u0438\u0430\u043b\u043e\u0433\u0438, \u043f\u043e\u043b\u044f \u0444\u043e\u0440\u043c."]}),"\n",(0,t.jsxs)(n.li,{children:["\ud83d\udcc2\xa0",(0,t.jsx)(n.code,{children:"api/"})," \u2014 \u0443\u0434\u043e\u0431\u043d\u044b\u0435 \u043e\u0431\u0451\u0440\u0442\u043a\u0438 \u0432\u043e\u043a\u0440\u0443\u0433 \u0437\u0430\u043f\u0440\u043e\u0441\u043e\u0432 \u043d\u0430 \u0431\u044d\u043a\u0435\u043d\u0434 (\u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, \u043e\u0431\u0451\u0440\u0442\u043a\u0430 \u043d\u0430\u0434 ",(0,t.jsx)(n.code,{children:"fetch()"}),"  \u0432 \u0441\u043b\u0443\u0447\u0430\u0435 \u0432\u0435\u0431\u0430)"]}),"\n",(0,t.jsxs)(n.li,{children:["\ud83d\udcc2\xa0",(0,t.jsx)(n.code,{children:"config/"})," \u2014 \u043e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u0430 \u043f\u0435\u0440\u0435\u043c\u0435\u043d\u043d\u044b\u0445 \u043e\u043a\u0440\u0443\u0436\u0435\u043d\u0438\u044f"]}),"\n",(0,t.jsxs)(n.li,{children:["\ud83d\udcc2\xa0",(0,t.jsx)(n.code,{children:"i18n/"})," \u2014 \u043a\u043e\u043d\u0444\u0438\u0433\u0443\u0440\u0430\u0446\u0438\u044f \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u043a\u0438 \u0440\u0430\u0437\u043d\u044b\u0445 \u044f\u0437\u044b\u043a\u043e\u0432"]}),"\n",(0,t.jsxs)(n.li,{children:["\ud83d\udcc2\xa0",(0,t.jsx)(n.code,{children:"router/"})," \u2014 \u043f\u0440\u0438\u043c\u0438\u0442\u0438\u0432\u044b \u0438 \u043a\u043e\u043d\u0441\u0442\u0430\u043d\u0442\u044b \u043c\u0430\u0440\u0448\u0440\u0443\u0442\u0438\u0437\u0430\u0446\u0438\u0438"]}),"\n"]}),"\n",(0,t.jsxs)(n.p,{children:["\u042d\u0442\u043e \u043b\u0438\u0448\u044c \u043f\u0440\u0438\u043c\u0435\u0440\u044b \u0441\u0435\u0433\u043c\u0435\u043d\u0442\u043e\u0432 \u0432 Shared, \u0432\u044b \u043c\u043e\u0436\u0435\u0442\u0435 \u043e\u043f\u0443\u0441\u0442\u0438\u0442\u044c \u043b\u044e\u0431\u043e\u0439 \u0438\u0437 \u043d\u0438\u0445 \u0438\u043b\u0438 \u0441\u043e\u0437\u0434\u0430\u0442\u044c \u0441\u0432\u043e\u0439 \u0441\u043e\u0431\u0441\u0442\u0432\u0435\u043d\u043d\u044b\u0439. \u0415\u0434\u0438\u043d\u0441\u0442\u0432\u0435\u043d\u043d\u043e\u0435, \u0447\u0442\u043e \u043d\u0443\u0436\u043d\u043e \u043f\u043e\u043c\u043d\u0438\u0442\u044c \u043f\u0440\u0438 \u0441\u043e\u0437\u0434\u0430\u043d\u0438\u0438 \u043d\u043e\u0432\u044b\u0445 \u0441\u0435\u0433\u043c\u0435\u043d\u0442\u043e\u0432 \u2014 \u043d\u0430\u0437\u0432\u0430\u043d\u0438\u044f \u0441\u0435\u0433\u043c\u0435\u043d\u0442\u043e\u0432 \u0434\u043e\u043b\u0436\u043d\u044b \u043e\u043f\u0438\u0441\u044b\u0432\u0430\u0442\u044c ",(0,t.jsx)(n.strong,{children:"\u0446\u0435\u043b\u044c (\u043f\u043e\u0447\u0435\u043c\u0443), \u0430 \u043d\u0435 \u0441\u0443\u0442\u044c (\u0447\u0442\u043e)"}),". \u0422\u0430\u043a\u0438\u0435 \u043d\u0430\u0437\u0432\u0430\u043d\u0438\u044f \u043a\u0430\u043a ",(0,t.jsx)(n.code,{children:"components"})," , ",(0,t.jsx)(n.code,{children:"hooks"}),"  \u0438\u043b\u0438 ",(0,t.jsx)(n.code,{children:"modals"}),"  ",(0,t.jsx)(n.em,{children:"\u043d\u0435 \u0441\u0442\u043e\u0438\u0442"})," \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c, \u043f\u043e\u0442\u043e\u043c\u0443 \u0447\u0442\u043e \u043e\u043d\u0438 \u043e\u043f\u0438\u0441\u044b\u0432\u0430\u044e\u0442, \u0447\u0442\u043e \u0441\u043e\u0434\u0435\u0440\u0436\u0430\u0442 \u044d\u0442\u0438 \u0444\u0430\u0439\u043b\u044b \u043f\u043e \u0441\u0443\u0442\u0438, \u0430 \u043d\u0435 \u0442\u043e, \u0441 \u043a\u0430\u043a\u043e\u0439 \u0446\u0435\u043b\u044c\u044e \u043f\u0438\u0441\u0430\u043b\u0441\u044f \u044d\u0442\u043e\u0442 \u043a\u043e\u0434. \u041a\u0430\u043a \u0441\u043b\u0435\u0434\u0441\u0442\u0432\u0438\u0435 \u0442\u0430\u043a\u0438\u0445 \u043d\u0430\u0437\u0432\u0430\u043d\u0438\u0439, \u043a\u043e\u043c\u0430\u043d\u0434\u0435 \u043f\u0440\u0438\u0445\u043e\u0434\u0438\u0442\u0441\u044f \u043a\u043e\u043f\u0430\u0442\u044c\u0441\u044f \u0432 \u0442\u0430\u043a\u0438\u0445 \u043f\u0430\u043f\u043a\u0430\u0445, \u0447\u0442\u043e\u0431 \u043d\u0430\u0439\u0442\u0438 \u043d\u0443\u0436\u043d\u043e\u0435. \u041f\u043e\u043c\u0438\u043c\u043e \u044d\u0442\u043e\u0433\u043e,  \u043d\u0435\u0441\u0432\u044f\u0437\u0430\u043d\u043d\u044b\u0439 \u043a\u043e\u0434 \u043b\u0435\u0436\u0438\u0442 \u0440\u044f\u0434\u043e\u043c, \u0438\u0437-\u0437\u0430 \u0447\u0435\u0433\u043e \u043f\u0440\u0438 \u0440\u0435\u0444\u0430\u043a\u0442\u043e\u0440\u0438\u043d\u0433\u0435 \u0437\u0430\u0442\u0440\u0430\u0433\u0438\u0432\u0430\u0435\u0442\u0441\u044f \u0431\u043e\u043b\u044c\u0448\u0430\u044f \u0447\u0430\u0441\u0442\u044c \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f, \u0447\u0442\u043e \u0443\u0441\u043b\u043e\u0436\u043d\u044f\u0435\u0442 \u0440\u0435\u0432\u044c\u044e \u0438 \u0442\u0435\u0441\u0442\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u0435."]}),"\n",(0,t.jsx)(n.h3,{id:"\u043e\u043f\u0440\u0435\u0434\u0435\u043b\u0438\u0442\u0435-\u0441\u0442\u0440\u043e\u0433\u0438\u0439-\u043f\u0443\u0431\u043b\u0438\u0447\u043d\u044b\u0439-api",children:"\u041e\u043f\u0440\u0435\u0434\u0435\u043b\u0438\u0442\u0435 \u0441\u0442\u0440\u043e\u0433\u0438\u0439 \u043f\u0443\u0431\u043b\u0438\u0447\u043d\u044b\u0439 API"}),"\n",(0,t.jsxs)(n.p,{children:["\u0412 \u043a\u043e\u043d\u0442\u0435\u043a\u0441\u0442\u0435 Feature-Sliced Design \u0442\u0435\u0440\u043c\u0438\u043d ",(0,t.jsx)(n.em,{children:"\u043f\u0443\u0431\u043b\u0438\u0447\u043d\u044b\u0439 API"})," \u043e\u0437\u043d\u0430\u0447\u0430\u0435\u0442, \u0447\u0442\u043e \u0441\u043b\u0430\u0439\u0441 \u0438\u043b\u0438 \u0441\u0435\u0433\u043c\u0435\u043d\u0442 \u043e\u0431\u044a\u044f\u0432\u043b\u044f\u0435\u0442, \u0447\u0442\u043e \u0438\u0437 \u043d\u0435\u0433\u043e \u043c\u043e\u0433\u0443\u0442 \u0438\u043c\u043f\u043e\u0440\u0442\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u0434\u0440\u0443\u0433\u0438\u0435 \u043c\u043e\u0434\u0443\u043b\u0438 \u0432 \u043f\u0440\u043e\u0435\u043a\u0442\u0435. \u041d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, \u0432 JavaScript \u044d\u0442\u043e \u043c\u043e\u0436\u0435\u0442 \u0431\u044b\u0442\u044c \u0444\u0430\u0439\u043b ",(0,t.jsx)(n.code,{children:"index.js"}),", \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u043f\u0435\u0440\u0435\u044d\u043a\u0441\u043f\u043e\u0440\u0442\u0438\u0440\u0443\u0435\u0442 \u043e\u0431\u044a\u0435\u043a\u0442\u044b \u0438\u0437 \u0434\u0440\u0443\u0433\u0438\u0445 \u0444\u0430\u0439\u043b\u043e\u0432 \u0432 \u0441\u043b\u0430\u0439\u0441\u0435. \u042d\u0442\u043e \u043e\u0431\u0435\u0441\u043f\u0435\u0447\u0438\u0432\u0430\u0435\u0442 \u0441\u0432\u043e\u0431\u043e\u0434\u0443 \u0440\u0435\u0444\u0430\u043a\u0442\u043e\u0440\u0438\u043d\u0433\u0430 \u0432\u043d\u0443\u0442\u0440\u0438 \u0441\u043b\u0430\u0439\u0441\u0430 \u0434\u043e \u0442\u0435\u0445 \u043f\u043e\u0440, \u043f\u043e\u043a\u0430 \u043a\u043e\u043d\u0442\u0440\u0430\u043a\u0442 \u0441 \u0432\u043d\u0435\u0448\u043d\u0438\u043c \u043c\u0438\u0440\u043e\u043c (\u0442.\u0435. \u043f\u0443\u0431\u043b\u0438\u0447\u043d\u044b\u0439 API) \u043e\u0441\u0442\u0430\u0435\u0442\u0441\u044f \u043d\u0435\u0438\u0437\u043c\u0435\u043d\u043d\u044b\u043c."]}),"\n",(0,t.jsx)(n.p,{children:"\u0414\u043b\u044f \u0441\u043b\u043e\u044f Shared,  \u043d\u0430 \u043a\u043e\u0442\u043e\u0440\u043e\u043c \u043d\u0435\u0442 \u0441\u043b\u0430\u0439\u0441\u043e\u0432, \u043e\u0431\u044b\u0447\u043d\u043e \u0443\u0434\u043e\u0431\u043d\u0435\u0435 \u043e\u043f\u0440\u0435\u0434\u0435\u043b\u0438\u0442\u044c \u043f\u0443\u0431\u043b\u0438\u0447\u043d\u044b\u0439 API (\u043e\u043d \u0436\u0435 \u0438\u043d\u0434\u0435\u043a\u0441) \u043d\u0430 \u0443\u0440\u043e\u0432\u043d\u0435 \u0441\u0435\u0433\u043c\u0435\u043d\u0442\u043e\u0432, \u0430 \u043d\u0435 \u043e\u0434\u0438\u043d \u0438\u043d\u0434\u0435\u043a\u0441 \u043d\u0430 \u0432\u0435\u0441\u044c \u0441\u043b\u043e\u0439. \u0412 \u0442\u0430\u043a\u043e\u043c \u0441\u043b\u0443\u0447\u0430\u0435 \u0438\u043c\u043f\u043e\u0440\u0442\u044b \u0438\u0437 Shared \u0435\u0441\u0442\u0435\u0441\u0442\u0432\u0435\u043d\u043d\u044b\u043c \u043e\u0431\u0440\u0430\u0437\u043e\u043c \u043e\u0440\u0433\u0430\u043d\u0438\u0437\u0443\u044e\u0442\u0441\u044f \u043f\u043e \u043d\u0430\u0437\u043d\u0430\u0447\u0435\u043d\u0438\u044e. \u0414\u043b\u044f \u0434\u0440\u0443\u0433\u0438\u0445 \u0441\u043b\u043e\u0435\u0432, \u043d\u0430 \u043a\u043e\u0442\u043e\u0440\u044b\u0445 \u0441\u043b\u0430\u0439\u0441\u044b \u0435\u0441\u0442\u044c, \u0432\u0435\u0440\u043d\u043e \u043e\u0431\u0440\u0430\u0442\u043d\u043e\u0435 \u2014 \u043e\u0431\u044b\u0447\u043d\u043e \u043f\u0440\u0430\u043a\u0442\u0438\u0447\u043d\u0435\u0435 \u043e\u043f\u0440\u0435\u0434\u0435\u043b\u0438\u0442\u044c \u043e\u0434\u0438\u043d \u0438\u043d\u0434\u0435\u043a\u0441 \u043d\u0430 \u0441\u043b\u0430\u0439\u0441 \u0438 \u043f\u043e\u0437\u0432\u043e\u043b\u0438\u0442\u044c \u0441\u043b\u0430\u0439\u0441\u0443 \u0441\u0430\u043c\u043e\u043c\u0443 \u043a\u043e\u043d\u0442\u0440\u043e\u043b\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u043d\u0430\u0431\u043e\u0440 \u0441\u0435\u0433\u043c\u0435\u043d\u0442\u043e\u0432 \u0432\u043d\u0443\u0442\u0440\u0438, \u043f\u043e\u0442\u043e\u043c\u0443 \u0447\u0442\u043e \u0434\u0440\u0443\u0433\u0438\u0435 \u0441\u043b\u043e\u0438 \u043e\u0431\u044b\u0447\u043d\u043e \u0438\u043c\u0435\u044e\u0442 \u0433\u043e\u0440\u0430\u0437\u0434\u043e \u043c\u0435\u043d\u044c\u0448\u0435 \u044d\u043a\u0441\u043f\u043e\u0440\u0442\u043e\u0432 \u0438 \u0447\u0430\u0449\u0435 \u0440\u0435\u0444\u0430\u043a\u0442\u043e\u0440\u044f\u0442\u0441\u044f."}),"\n",(0,t.jsx)(n.p,{children:"\u041d\u0430\u0448\u0438 \u0441\u043b\u0430\u0439\u0441\u044b/\u0441\u0435\u0433\u043c\u0435\u043d\u0442\u044b \u0431\u0443\u0434\u0443\u0442 \u0432\u044b\u0433\u043b\u044f\u0434\u0435\u0442\u044c \u0434\u0440\u0443\u0433 \u0434\u043b\u044f \u0434\u0440\u0443\u0433\u0430 \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0438\u043c \u043e\u0431\u0440\u0430\u0437\u043e\u043c:"}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{children:"\ud83d\udcc2 pages/\n  \ud83d\udcc2 feed/\n    \ud83d\udcc4 index\n  \ud83d\udcc2 sign-in/\n    \ud83d\udcc4 index\n  \ud83d\udcc2 article-read/\n    \ud83d\udcc4 index\n  \ud83d\udcc1 \u2026\n\ud83d\udcc2 shared/\n  \ud83d\udcc2 ui/\n    \ud83d\udcc4 index\n  \ud83d\udcc2 api/\n    \ud83d\udcc4 index\n  \ud83d\udcc1 \u2026\n"})}),"\n",(0,t.jsxs)(n.p,{children:["\u0412\u0441\u0435, \u0447\u0442\u043e \u043d\u0430\u0445\u043e\u0434\u0438\u0442\u0441\u044f \u0432\u043d\u0443\u0442\u0440\u0438 \u043f\u0430\u043f\u043e\u043a \u0442\u0438\u043f\u0430 ",(0,t.jsx)(n.code,{children:"pages/feed"}),"  \u0438\u043b\u0438 ",(0,t.jsx)(n.code,{children:"shared/ui"})," , \u0438\u0437\u0432\u0435\u0441\u0442\u043d\u043e \u0442\u043e\u043b\u044c\u043a\u043e \u044d\u0442\u0438\u043c \u043f\u0430\u043f\u043a\u0430\u043c, \u0438 \u043d\u0435\u0442 \u043d\u0438\u043a\u0430\u043a\u0438\u0445 \u0433\u0430\u0440\u0430\u043d\u0442\u0438\u0439 \u043f\u043e \u0441\u043e\u0434\u0435\u0440\u0436\u0430\u043d\u0438\u044e \u044d\u0442\u0438\u0445 \u043f\u0430\u043f\u043e\u043a."]}),"\n",(0,t.jsx)(n.h3,{id:"\u043a\u0440\u0443\u043f\u043d\u044b\u0435-\u043f\u0435\u0440\u0435\u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u043c\u044b\u0435-\u0431\u043b\u043e\u043a\u0438-\u0438\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441\u0430",children:"\u041a\u0440\u0443\u043f\u043d\u044b\u0435 \u043f\u0435\u0440\u0435\u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u043c\u044b\u0435 \u0431\u043b\u043e\u043a\u0438 \u0438\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441\u0430"}),"\n",(0,t.jsx)(n.p,{children:"\u0420\u0430\u043d\u0435\u0435 \u043c\u044b \u0445\u043e\u0442\u0435\u043b\u0438 \u043e\u0442\u0434\u0435\u043b\u044c\u043d\u043e \u0432\u0435\u0440\u043d\u0443\u0442\u044c\u0441\u044f \u043a \u043f\u0435\u0440\u0435\u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u043c\u043e\u043c\u0443 \u0437\u0430\u0433\u043e\u043b\u043e\u0432\u043a\u0443 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f. \u0421\u043e\u0431\u0438\u0440\u0430\u0442\u044c \u0435\u0433\u043e \u0437\u0430\u043d\u043e\u0432\u043e \u043d\u0430 \u043a\u0430\u0436\u0434\u043e\u0439 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0435 \u0431\u044b\u043b\u043e \u0431\u044b \u043d\u0435\u043f\u0440\u0430\u043a\u0442\u0438\u0447\u043d\u043e, \u043f\u043e\u044d\u0442\u043e\u043c\u0443 \u043c\u044b \u0435\u0433\u043e \u043f\u0435\u0440\u0435\u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u043c. \u0423 \u043d\u0430\u0441 \u0443\u0436\u0435 \u0435\u0441\u0442\u044c \u0441\u043b\u043e\u0439 Shared \u0434\u043b\u044f \u043f\u0435\u0440\u0435\u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u044f \u043a\u043e\u0434\u0430, \u043e\u0434\u043d\u0430\u043a\u043e, \u0432 \u0441\u043b\u0443\u0447\u0430\u0435 \u043a\u0440\u0443\u043f\u043d\u044b\u0445 \u0431\u043b\u043e\u043a\u043e\u0432 \u0438\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441\u0430 \u0432 Shared \u0435\u0441\u0442\u044c \u043d\u044e\u0430\u043d\u0441 \u2014 \u0441\u043b\u043e\u0439 Shared \u043d\u0435 \u0434\u043e\u043b\u0436\u0435\u043d \u0437\u043d\u0430\u0442\u044c \u043e \u0441\u043b\u043e\u044f\u0445 \u0432\u044b\u0448\u0435."}),"\n",(0,t.jsx)(n.p,{children:"\u041c\u0435\u0436\u0434\u0443 \u0441\u043b\u043e\u044f\u043c\u0438 Shared \u0438 Pages \u0435\u0441\u0442\u044c \u0442\u0440\u0438 \u0434\u0440\u0443\u0433\u0438\u0445 \u0441\u043b\u043e\u044f: Entities, Features \u0438 Widgets. \u0412 \u0434\u0440\u0443\u0433\u0438\u0445 \u043f\u0440\u043e\u0435\u043a\u0442\u0430\u0445 \u043d\u0430 \u044d\u0442\u0438\u0445 \u0441\u043b\u043e\u044f\u0445 \u043c\u043e\u0436\u0435\u0442 \u043b\u0435\u0436\u0430\u0442\u044c \u0447\u0442\u043e-\u0442\u043e, \u0447\u0442\u043e \u0445\u043e\u0447\u0435\u0442\u0441\u044f \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u0432 \u043a\u0440\u0443\u043f\u043d\u043e\u043c \u043f\u0435\u0440\u0435\u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u043c\u043e\u043c \u0431\u043b\u043e\u043a\u0435, \u0438 \u0442\u043e\u0433\u0434\u0430 \u043c\u044b \u043d\u0435 \u0441\u043c\u043e\u0436\u0435\u043c \u043f\u043e\u043c\u0435\u0441\u0442\u0438\u0442\u044c \u044d\u0442\u043e\u0442 \u0431\u043b\u043e\u043a \u0432 Shared, \u043f\u043e\u0442\u043e\u043c\u0443 \u0447\u0442\u043e \u0442\u043e\u0433\u0434\u0430 \u0435\u043c\u0443 \u043f\u0440\u0438\u0434\u0435\u0442\u0441\u044f \u0438\u043c\u043f\u043e\u0440\u0442\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u0441\u043e \u0441\u043b\u043e\u0451\u0432 \u0432\u044b\u0448\u0435, \u0430 \u044d\u0442\u043e \u0437\u0430\u043f\u0440\u0435\u0449\u0435\u043d\u043e. \u0422\u0443\u0442 \u043f\u0440\u0438\u0445\u043e\u0434\u0438\u0442 \u043d\u0430 \u043f\u043e\u043c\u043e\u0449\u044c \u0441\u043b\u043e\u0439 Widgets. \u041e\u043d \u0440\u0430\u0441\u043f\u043e\u043b\u043e\u0436\u0435\u043d \u0432\u044b\u0448\u0435 Shared, Entities \u0438 Features, \u043f\u043e\u044d\u0442\u043e\u043c\u0443 \u043e\u043d \u043c\u043e\u0436\u0435\u0442 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u0438\u0445 \u0432\u0441\u0435\u0445."}),"\n",(0,t.jsxs)(n.p,{children:["\u0412 \u043d\u0430\u0448\u0435\u043c \u0441\u043b\u0443\u0447\u0430\u0435 \u0437\u0430\u0433\u043e\u043b\u043e\u0432\u043e\u043a \u043e\u0447\u0435\u043d\u044c \u043f\u0440\u043e\u0441\u0442\u043e\u0439 \u2014 \u044d\u0442\u043e \u0441\u0442\u0430\u0442\u0438\u0447\u0435\u0441\u043a\u0438\u0439 \u043b\u043e\u0433\u043e\u0442\u0438\u043f \u0438 \u043d\u0430\u0432\u0438\u0433\u0430\u0446\u0438\u044f \u0432\u0435\u0440\u0445\u043d\u0435\u0433\u043e \u0443\u0440\u043e\u0432\u043d\u044f. \u041d\u0430\u0432\u0438\u0433\u0430\u0446\u0438\u044f \u0434\u043e\u043b\u0436\u043d\u0430 \u0441\u043f\u0440\u043e\u0441\u0438\u0442\u044c \u0443 API, \u0430\u0432\u0442\u043e\u0440\u0438\u0437\u043e\u0432\u0430\u043d \u043b\u0438 \u0441\u0435\u0439\u0447\u0430\u0441 \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044c, \u043d\u043e \u044d\u0442\u043e \u043c\u043e\u0436\u0435\u0442 \u0431\u044b\u0442\u044c \u0440\u0435\u0448\u0435\u043d\u043e \u043f\u0440\u043e\u0441\u0442\u044b\u043c \u0438\u043c\u043f\u043e\u0440\u0442\u043e\u043c \u0438\u0437 \u0441\u0435\u0433\u043c\u0435\u043d\u0442\u0430 ",(0,t.jsx)(n.code,{children:"api"}),". \u041f\u043e\u044d\u0442\u043e\u043c\u0443 \u043c\u044b \u043e\u0441\u0442\u0430\u0432\u0438\u043c \u043d\u0430\u0448 \u0437\u0430\u0433\u043e\u043b\u043e\u0432\u043e\u043a \u0432 Shared."]}),"\n",(0,t.jsx)(n.h3,{id:"\u043f\u0440\u0438\u0441\u0442\u0430\u043b\u044c\u043d\u044b\u0439-\u0432\u0437\u0433\u043b\u044f\u0434-\u043d\u0430-\u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0443-\u0441-\u0444\u043e\u0440\u043c\u043e\u0439",children:"\u041f\u0440\u0438\u0441\u0442\u0430\u043b\u044c\u043d\u044b\u0439 \u0432\u0437\u0433\u043b\u044f\u0434 \u043d\u0430 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0443 \u0441 \u0444\u043e\u0440\u043c\u043e\u0439"}),"\n",(0,t.jsx)(n.p,{children:"\u0414\u0430\u0432\u0430\u0439\u0442\u0435 \u0442\u0430\u043a\u0436\u0435 \u0440\u0430\u0441\u0441\u043c\u043e\u0442\u0440\u0438\u043c \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0443, \u043d\u0430 \u043a\u043e\u0442\u043e\u0440\u043e\u0439 \u043c\u043e\u0436\u043d\u043e \u043d\u0435 \u0442\u043e\u043b\u044c\u043a\u043e \u0447\u0438\u0442\u0430\u0442\u044c, \u043d\u043e \u0438 \u0440\u0435\u0434\u0430\u043a\u0442\u0438\u0440\u043e\u0432\u0430\u0442\u044c. \u041a \u043f\u0440\u0438\u043c\u0435\u0440\u0443, \u0440\u0435\u0434\u0430\u043a\u0442\u043e\u0440 \u0441\u0442\u0430\u0442\u0435\u0439:"}),"\n",(0,t.jsx)(n.p,{children:(0,t.jsx)(n.img,{alt:"\u0420\u0435\u0434\u0430\u043a\u0442\u043e\u0440 \u0441\u0442\u0430\u0442\u0435\u0439 \u0432 Conduit",src:r(9922).A+"",width:"2880",height:"1200"})}),"\n",(0,t.jsx)(n.p,{children:"\u041e\u043d\u0430 \u0432\u044b\u0433\u043b\u044f\u0434\u0438\u0442 \u0442\u0440\u0438\u0432\u0438\u0430\u043b\u044c\u043d\u043e, \u043d\u043e \u0441\u043e\u0434\u0435\u0440\u0436\u0438\u0442 \u043d\u0435\u0441\u043a\u043e\u043b\u044c\u043a\u043e \u0430\u0441\u043f\u0435\u043a\u0442\u043e\u0432 \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u0438 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0439, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u043c\u044b \u0435\u0449\u0435 \u043d\u0435 \u0438\u0441\u0441\u043b\u0435\u0434\u043e\u0432\u0430\u043b\u0438 \u2014 \u0432\u0430\u043b\u0438\u0434\u0430\u0446\u0438\u044e \u0444\u043e\u0440\u043c, \u0441\u043e\u0441\u0442\u043e\u044f\u043d\u0438\u0435 \u043e\u0448\u0438\u0431\u043a\u0438 \u0438 \u043f\u043e\u0441\u0442\u043e\u044f\u043d\u043d\u043e\u0435 \u0445\u0440\u0430\u043d\u0435\u043d\u0438\u0435 \u0434\u0430\u043d\u043d\u044b\u0445."}),"\n",(0,t.jsxs)(n.p,{children:["\u0414\u043b\u044f \u0441\u043e\u0437\u0434\u0430\u043d\u0438\u044f \u044d\u0442\u043e\u0439 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b \u043d\u0430\u043c \u043d\u0443\u0436\u043d\u043e \u043d\u0435\u0441\u043a\u043e\u043b\u044c\u043a\u043e \u043f\u043e\u043b\u0435\u0439 \u0438 \u043a\u043d\u043e\u043f\u043e\u043a \u0438\u0437 Shared, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u043c\u044b \u0441\u043e\u0431\u0435\u0440\u0451\u043c \u0432 \u0444\u043e\u0440\u043c\u0443 \u0432 \u0441\u0435\u0433\u043c\u0435\u043d\u0442\u0435 ",(0,t.jsx)(n.code,{children:"ui"})," \u044d\u0442\u043e\u0439 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b. \u0417\u0430\u0442\u0435\u043c, \u0432 \u0441\u0435\u0433\u043c\u0435\u043d\u0442\u0435 ",(0,t.jsx)(n.code,{children:"api"})," \u043c\u044b \u043e\u043f\u0440\u0435\u0434\u0435\u043b\u0438\u043c \u0438\u0437\u043c\u0435\u043d\u044f\u044e\u0449\u0438\u0439 \u0437\u0430\u043f\u0440\u043e\u0441, \u0447\u0442\u043e\u0431\u044b \u0441\u043e\u0437\u0434\u0430\u0442\u044c \u0441\u0442\u0430\u0442\u044c\u044e \u043d\u0430 \u0431\u044d\u043a\u0435\u043d\u0434\u0435."]}),"\n",(0,t.jsxs)(n.p,{children:["\u0427\u0442\u043e\u0431\u044b \u043f\u0440\u043e\u0432\u0435\u0440\u0438\u0442\u044c \u0437\u0430\u043f\u0440\u043e\u0441 \u043f\u0435\u0440\u0435\u0434 \u043e\u0442\u043f\u0440\u0430\u0432\u043a\u043e\u0439, \u043d\u0430\u043c \u043d\u0443\u0436\u043d\u0430 \u0441\u0445\u0435\u043c\u0430 \u0432\u0430\u043b\u0438\u0434\u0430\u0446\u0438\u0438, \u0438 \u0445\u043e\u0440\u043e\u0448\u0438\u043c \u043c\u0435\u0441\u0442\u043e\u043c \u0434\u043b\u044f \u043d\u0435\u0435 \u044f\u0432\u043b\u044f\u0435\u0442\u0441\u044f \u0441\u0435\u0433\u043c\u0435\u043d\u0442 ",(0,t.jsx)(n.code,{children:"model"})," , \u043f\u043e\u0441\u043a\u043e\u043b\u044c\u043a\u0443 \u044d\u0442\u043e \u043c\u043e\u0434\u0435\u043b\u044c \u0434\u0430\u043d\u043d\u044b\u0445. \u0422\u0430\u043c \u0436\u0435 \u043c\u044b \u0441\u0433\u0435\u043d\u0435\u0440\u0438\u0440\u0443\u0435\u043c \u0441\u043e\u043e\u0431\u0449\u0435\u043d\u0438\u0435 \u043e\u0431 \u043e\u0448\u0438\u0431\u043a\u0435, \u0430 \u043e\u0442\u043e\u0431\u0440\u0430\u0437\u0438\u043c \u0435\u0433\u043e \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e \u0435\u0449\u0451 \u043e\u0434\u043d\u043e\u0433\u043e \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u0430 \u0432 \u0441\u0435\u0433\u043c\u0435\u043d\u0442\u0435 ",(0,t.jsx)(n.code,{children:"ui"}),"."]}),"\n",(0,t.jsxs)(n.p,{children:["\u0427\u0442\u043e\u0431\u044b \u0443\u043b\u0443\u0447\u0448\u0438\u0442\u044c \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044c\u0441\u043a\u0438\u0439 \u043e\u043f\u044b\u0442, \u043c\u044b \u0442\u0430\u043a\u0436\u0435 \u043c\u043e\u0436\u0435\u043c \u0441\u043e\u0445\u0440\u0430\u043d\u044f\u0442\u044c \u0432\u0432\u0435\u0434\u0451\u043d\u043d\u044b\u0435 \u0434\u0430\u043d\u043d\u044b\u0435 \u043f\u043e\u0441\u0442\u043e\u044f\u043d\u043d\u043e, \u0447\u0442\u043e\u0431\u044b \u043f\u0440\u0435\u0434\u043e\u0442\u0432\u0440\u0430\u0442\u0438\u0442\u044c \u0441\u043b\u0443\u0447\u0430\u0439\u043d\u0443\u044e \u043f\u043e\u0442\u0435\u0440\u044e \u043f\u0440\u0438 \u0437\u0430\u043a\u0440\u044b\u0442\u0438\u0438 \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u0430. \u042d\u0442\u043e \u0442\u043e\u0436\u0435 \u043f\u043e\u0434\u0445\u043e\u0434\u0438\u0442 \u043f\u043e\u0434 \u0441\u0435\u0433\u043c\u0435\u043d\u0442 ",(0,t.jsx)(n.code,{children:"model"}),"."]}),"\n",(0,t.jsx)(n.h3,{id:"\u0438\u0442\u043e\u0433\u0438",children:"\u0418\u0442\u043e\u0433\u0438"}),"\n",(0,t.jsx)(n.p,{children:"\u041c\u044b \u0440\u0430\u0437\u043e\u0431\u0440\u0430\u043b\u0438 \u043d\u0435\u0441\u043a\u043e\u043b\u044c\u043a\u043e \u0441\u0442\u0440\u0430\u043d\u0438\u0446 \u0438 \u043f\u0440\u0438\u0448\u043b\u0438 \u043a \u0431\u0430\u0437\u043e\u0432\u043e\u0439 \u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u0435 \u043d\u0430\u0448\u0435\u0433\u043e \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f:"}),"\n",(0,t.jsxs)(n.ol,{children:["\n",(0,t.jsxs)(n.li,{children:["\u0421\u043b\u043e\u0439 Shared","\n",(0,t.jsxs)(n.ol,{children:["\n",(0,t.jsxs)(n.li,{children:[(0,t.jsx)(n.code,{children:"ui"}),"  \u0431\u0443\u0434\u0435\u0442 \u0441\u043e\u0434\u0435\u0440\u0436\u0430\u0442\u044c \u043d\u0430\u0448 \u043f\u0435\u0440\u0435\u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u043c\u044b\u0439 UI-\u043a\u0438\u0442"]}),"\n",(0,t.jsxs)(n.li,{children:[(0,t.jsx)(n.code,{children:"api"}),"  \u0431\u0443\u0434\u0435\u0442 \u0441\u043e\u0434\u0435\u0440\u0436\u0430\u0442\u044c \u043d\u0430\u0448\u0438 \u043f\u0440\u0438\u043c\u0438\u0442\u0438\u0432\u044b \u0434\u043b\u044f \u0432\u0437\u0430\u0438\u043c\u043e\u0434\u0435\u0439\u0441\u0442\u0432\u0438\u044f \u0441 \u0431\u044d\u043a\u0435\u043d\u0434\u043e\u043c"]}),"\n",(0,t.jsx)(n.li,{children:"\u041e\u0441\u0442\u0430\u043b\u044c\u043d\u043e\u0435 \u0440\u0430\u0437\u043b\u043e\u0436\u0438\u043c \u043f\u043e \u0445\u043e\u0434\u0443 \u043d\u0430\u043f\u0438\u0441\u0430\u043d\u0438\u044f \u043a\u043e\u0434\u0430"}),"\n"]}),"\n"]}),"\n",(0,t.jsxs)(n.li,{children:["\u0421\u043b\u043e\u0439 Pages \u2014 \u0434\u043b\u044f \u043a\u0430\u0436\u0434\u043e\u0439 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b \u043e\u0442\u0434\u0435\u043b\u044c\u043d\u044b\u0439 \u0441\u043b\u0430\u0439\u0441","\n",(0,t.jsxs)(n.ol,{children:["\n",(0,t.jsxs)(n.li,{children:[(0,t.jsx)(n.code,{children:"ui"}),"  \u0431\u0443\u0434\u0435\u0442 \u0441\u043e\u0434\u0435\u0440\u0436\u0430\u0442\u044c \u0441\u0430\u043c\u0443 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0443 \u0438 \u0441\u043e\u0441\u0442\u0430\u0432\u043b\u044f\u044e\u0449\u0438\u0435 \u0435\u0451 \u0431\u043b\u043e\u043a\u0438"]}),"\n",(0,t.jsxs)(n.li,{children:[(0,t.jsx)(n.code,{children:"api"}),"  \u0431\u0443\u0434\u0435\u0442 \u0441\u043e\u0434\u0435\u0440\u0436\u0430\u0442\u044c \u0431\u043e\u043b\u0435\u0435 \u0441\u043f\u0435\u0446\u0438\u0430\u043b\u0438\u0437\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u044b\u0435 \u0444\u0443\u043d\u043a\u0446\u0438\u0438 \u043f\u043e\u043b\u0443\u0447\u0435\u043d\u0438\u044f \u0434\u0430\u043d\u043d\u044b\u0445, \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u044e\u0449\u0438\u0435 ",(0,t.jsx)(n.code,{children:"shared/api"})]}),"\n",(0,t.jsxs)(n.li,{children:[(0,t.jsx)(n.code,{children:"model"}),"  \u043c\u043e\u0436\u0435\u0442 \u0441\u043e\u0434\u0435\u0440\u0436\u0430\u0442\u044c \u043a\u043b\u0438\u0435\u043d\u0442\u0441\u043a\u043e\u0435 \u0445\u0440\u0430\u043d\u0438\u043b\u0438\u0449\u0435 \u0434\u0430\u043d\u043d\u044b\u0445, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u043c\u044b \u0431\u0443\u0434\u0435\u043c \u043e\u0442\u043e\u0431\u0440\u0430\u0436\u0430\u0442\u044c"]}),"\n"]}),"\n"]}),"\n"]}),"\n",(0,t.jsx)(n.p,{children:"\u0414\u0430\u0432\u0430\u0439\u0442\u0435 \u0441\u043e\u0437\u0434\u0430\u0434\u0438\u043c \u044d\u0442\u043e \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0435!"}),"\n",(0,t.jsx)(n.h2,{id:"\u0447\u0430\u0441\u0442\u044c-2-\u0432-\u043a\u043e\u0434\u0435",children:"\u0427\u0430\u0441\u0442\u044c 2. \u0412 \u043a\u043e\u0434\u0435"}),"\n",(0,t.jsxs)(n.p,{children:["\u0422\u0435\u043f\u0435\u0440\u044c, \u043a\u043e\u0433\u0434\u0430 \u0443 \u043d\u0430\u0441 \u0435\u0441\u0442\u044c \u043f\u043b\u0430\u043d, \u0434\u0430\u0432\u0430\u0439\u0442\u0435 \u0432\u043e\u043f\u043b\u043e\u0442\u0438\u043c \u0435\u0433\u043e \u0432 \u0436\u0438\u0437\u043d\u044c. \u041c\u044b \u0431\u0443\u0434\u0435\u043c \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c React \u0438 ",(0,t.jsx)(n.a,{href:"https://remix.run/",children:"Remix"}),"."]}),"\n",(0,t.jsxs)(n.p,{children:["\u0414\u043b\u044f \u044d\u0442\u043e\u0433\u043e \u043f\u0440\u043e\u0435\u043a\u0442\u0430 \u0443\u0436\u0435 \u0435\u0441\u0442\u044c \u0433\u043e\u0442\u043e\u0432\u044b\u0439 \u0448\u0430\u0431\u043b\u043e\u043d, c\u043a\u043b\u043e\u043d\u0438\u0440\u0443\u0439\u0442\u0435 \u0435\u0433\u043e \u0441 GitHub, \u0447\u0442\u043e\u0431\u044b \u043d\u0430\u0447\u0430\u0442\u044c \u0440\u0430\u0431\u043e\u0442\u0443: ",(0,t.jsx)(n.a,{href:"https://github.com/feature-sliced/tutorial-conduit/tree/clean",children:"https://github.com/feature-sliced/tutorial-conduit/tree/clean"})]}),"\n",(0,t.jsxs)(n.p,{children:["\u0423\u0441\u0442\u0430\u043d\u043e\u0432\u0438\u0442\u0435 \u0437\u0430\u0432\u0438\u0441\u0438\u043c\u043e\u0441\u0442\u0438 \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e ",(0,t.jsx)(n.code,{children:"npm install"})," \u0438 \u0437\u0430\u043f\u0443\u0441\u0442\u0438\u0442\u0435 \u0441\u0435\u0440\u0432\u0435\u0440 \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e ",(0,t.jsx)(n.code,{children:"npm run dev"}),". \u041e\u0442\u043a\u0440\u043e\u0439\u0442\u0435 ",(0,t.jsx)(n.a,{href:"http://localhost:3000/",children:"http://localhost:3000"}),", \u0438 \u0432\u044b \u0443\u0432\u0438\u0434\u0438\u0442\u0435 \u043f\u0443\u0441\u0442\u043e\u0435 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0435."]}),"\n",(0,t.jsx)(n.h3,{id:"\u0440\u0430\u0437\u043b\u043e\u0436\u0438\u043c-\u043f\u043e-\u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0430\u043c",children:"\u0420\u0430\u0437\u043b\u043e\u0436\u0438\u043c \u043f\u043e \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0430\u043c"}),"\n",(0,t.jsx)(n.p,{children:"\u0414\u0430\u0432\u0430\u0439\u0442\u0435 \u043d\u0430\u0447\u043d\u0435\u043c \u0441 \u0441\u043e\u0437\u0434\u0430\u043d\u0438\u044f \u043f\u0443\u0441\u0442\u044b\u0445 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u043e\u0432 \u0434\u043b\u044f \u0432\u0441\u0435\u0445 \u043d\u0430\u0448\u0438\u0445 \u0441\u0442\u0440\u0430\u043d\u0438\u0446. \u0412\u044b\u043f\u043e\u043b\u043d\u0438\u0442\u0435 \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0443\u044e \u043a\u043e\u043c\u0430\u043d\u0434\u0443 \u0432 \u0441\u0432\u043e\u0435\u043c \u043f\u0440\u043e\u0435\u043a\u0442\u0435:"}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-bash",children:"npx fsd pages feed sign-in article-read article-edit profile settings --segments ui\n"})}),"\n",(0,t.jsxs)(n.p,{children:["\u042d\u0442\u043e \u0441\u043e\u0437\u0434\u0430\u0441\u0442 \u043f\u0430\u043f\u043a\u0438 \u043d\u0430\u043f\u043e\u0434\u043e\u0431\u0438\u0435 ",(0,t.jsx)(n.code,{children:"pages/feed/ui/"})," \u0438 \u0438\u043d\u0434\u0435\u043a\u0441\u043d\u044b\u0439 \u0444\u0430\u0439\u043b ",(0,t.jsx)(n.code,{children:"pages/feed/index.ts"})," \u0434\u043b\u044f \u043a\u0430\u0436\u0434\u043e\u0439 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b."]}),"\n",(0,t.jsx)(n.h3,{id:"\u043f\u043e\u0434\u043a\u043b\u044e\u0447\u0438\u043c-\u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0443-\u0444\u0438\u0434\u0430",children:"\u041f\u043e\u0434\u043a\u043b\u044e\u0447\u0438\u043c \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0443 \u0444\u0438\u0434\u0430"}),"\n",(0,t.jsxs)(n.p,{children:["\u0414\u0430\u0432\u0430\u0439\u0442\u0435 \u043f\u043e\u0434\u043a\u043b\u044e\u0447\u0438\u043c \u043a\u043e\u0440\u043d\u0435\u0432\u043e\u0439 \u043c\u0430\u0440\u0448\u0440\u0443\u0442 (",(0,t.jsx)(n.code,{children:"/"}),") \u043d\u0430\u0448\u0435\u0433\u043e \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f \u043a \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0435 \u0444\u0438\u0434\u0430. \u0421\u043e\u0437\u0434\u0430\u0439\u0442\u0435 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442 ",(0,t.jsx)(n.code,{children:"FeedPage.tsx"})," \u0432 ",(0,t.jsx)(n.code,{children:"pages/feed/ui"})," \u0438 \u043f\u043e\u043c\u0435\u0441\u0442\u0438\u0442\u0435 \u0432 \u043d\u0435\u0433\u043e \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0435\u0435:"]}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/feed/ui/FeedPage.tsx"',children:'export function FeedPage() {\n  return (\n    <div className="home-page">\n      <div className="banner">\n        <div className="container">\n          <h1 className="logo-font">conduit</h1>\n          <p>A place to share your knowledge.</p>\n        </div>\n      </div>\n    </div>\n  );\n}\n'})}),"\n",(0,t.jsxs)(n.p,{children:["\u0417\u0430\u0442\u0435\u043c \u0440\u0435-\u044d\u043a\u0441\u043f\u043e\u0440\u0442\u0438\u0440\u0443\u0439\u0442\u0435 \u044d\u0442\u043e\u0442 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442 \u0432 \u043f\u0443\u0431\u043b\u0438\u0447\u043d\u043e\u043c API \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b \u0444\u0438\u0434\u0430, \u0444\u0430\u0439\u043b ",(0,t.jsx)(n.code,{children:"pages/feed/index.ts"}),":"]}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/feed/index.ts"',children:'export { FeedPage } from "./ui/FeedPage";\n'})}),"\n",(0,t.jsxs)(n.p,{children:["\u0422\u0435\u043f\u0435\u0440\u044c \u043f\u043e\u0434\u043a\u043b\u044e\u0447\u0438\u0442\u0435 \u0435\u0433\u043e \u043a \u043a\u043e\u0440\u043d\u0435\u0432\u043e\u043c\u0443 \u043c\u0430\u0440\u0448\u0440\u0443\u0442\u0443. \u0412 Remix \u043c\u0430\u0440\u0448\u0440\u0443\u0442\u0438\u0437\u0430\u0446\u0438\u044f \u0440\u0430\u0431\u043e\u0442\u0430\u0435\u0442 \u043d\u0430 \u0444\u0430\u0439\u043b\u0430\u0445, \u0438 \u0444\u0430\u0439\u043b\u044b \u043c\u0430\u0440\u0448\u0440\u0443\u0442\u043e\u0432 \u043d\u0430\u0445\u043e\u0434\u044f\u0442\u0441\u044f \u0432 \u043f\u0430\u043f\u043a\u0435 ",(0,t.jsx)(n.code,{children:"app/routes"}),", \u0447\u0442\u043e \u0445\u043e\u0440\u043e\u0448\u043e \u0441\u043e\u0447\u0435\u0442\u0430\u0435\u0442\u0441\u044f \u0441 Feature-Sliced Design."]}),"\n",(0,t.jsxs)(n.p,{children:["\u0418\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0439\u0442\u0435 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442 ",(0,t.jsx)(n.code,{children:"FeedPage"})," \u0432 ",(0,t.jsx)(n.code,{children:"app/routes/_index.tsx"}),":"]}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-tsx",metastring:'title="app/routes/_index.tsx"',children:'import type { MetaFunction } from "@remix-run/node";\nimport { FeedPage } from "pages/feed";\n\nexport const meta: MetaFunction = () => {\n  return [{ title: "Conduit" }];\n};\n\nexport default FeedPage;\n'})}),"\n",(0,t.jsx)(n.p,{children:"\u0417\u0430\u0442\u0435\u043c, \u0435\u0441\u043b\u0438 \u0432\u044b \u0437\u0430\u043f\u0443\u0441\u0442\u0438\u0442\u0435 dev-\u0441\u0435\u0440\u0432\u0435\u0440 \u0438 \u043e\u0442\u043a\u0440\u043e\u0435\u0442\u0435 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0435, \u0432\u044b \u0434\u043e\u043b\u0436\u043d\u044b \u0443\u0432\u0438\u0434\u0435\u0442\u044c \u0431\u0430\u043d\u043d\u0435\u0440 Conduit!"}),"\n",(0,t.jsx)(n.p,{children:(0,t.jsx)(n.img,{alt:"\u0411\u0430\u043d\u043d\u0435\u0440 Conduit",src:r(8891).A+"",width:"2880",height:"338"})}),"\n",(0,t.jsx)(n.h3,{id:"api-\u043a\u043b\u0438\u0435\u043d\u0442",children:"API-\u043a\u043b\u0438\u0435\u043d\u0442"}),"\n",(0,t.jsxs)(n.p,{children:["\u0427\u0442\u043e\u0431\u044b \u043e\u0431\u0449\u0430\u0442\u044c\u0441\u044f \u0441 \u0431\u044d\u043a\u0435\u043d\u0434\u043e\u043c RealWorld, \u0434\u0430\u0432\u0430\u0439\u0442\u0435 \u0441\u043e\u0437\u0434\u0430\u0434\u0438\u043c \u0443\u0434\u043e\u0431\u043d\u044b\u0439 API-\u043a\u043b\u0438\u0435\u043d\u0442 \u0432 Shared. \u0421\u043e\u0437\u0434\u0430\u0439\u0442\u0435 \u0434\u0432\u0430 \u0441\u0435\u0433\u043c\u0435\u043d\u0442\u0430, ",(0,t.jsx)(n.code,{children:"api"})," \u0434\u043b\u044f \u043a\u043b\u0438\u0435\u043d\u0442\u0430 \u0438 ",(0,t.jsx)(n.code,{children:"config"})," \u0434\u043b\u044f \u0442\u0430\u043a\u0438\u0445 \u043f\u0435\u0440\u0435\u043c\u0435\u043d\u043d\u044b\u0445 \u043a\u0430\u043a \u0431\u0430\u0437\u043e\u0432\u044b\u0439 URL \u0431\u044d\u043a\u0435\u043d\u0434\u0430:"]}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-bash",children:"npx fsd shared --segments api config\n"})}),"\n",(0,t.jsxs)(n.p,{children:["\u0417\u0430\u0442\u0435\u043c \u0441\u043e\u0437\u0434\u0430\u0439\u0442\u0435 ",(0,t.jsx)(n.code,{children:"shared/config/backend.ts"}),":"]}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-tsx",metastring:'title="shared/config/backend.ts"',children:'export const backendBaseUrl = "https://api.realworld.io/api";\n'})}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-tsx",metastring:'title="shared/config/index.ts"',children:'export { backendBaseUrl } from "./backend";\n'})}),"\n",(0,t.jsxs)(n.p,{children:["\u041f\u043e\u0441\u043a\u043e\u043b\u044c\u043a\u0443 \u043f\u0440\u043e\u0435\u043a\u0442 RealWorld \u043f\u0440\u0435\u0434\u043e\u0441\u0442\u0430\u0432\u043b\u044f\u0435\u0442 ",(0,t.jsx)(n.a,{href:"https://github.com/gothinkster/realworld/blob/main/api/openapi.yml",children:"\u0441\u043f\u0435\u0446\u0438\u0444\u0438\u043a\u0430\u0446\u0438\u044e OpenAPI"}),", \u043c\u044b \u043c\u043e\u0436\u0435\u043c \u0430\u0432\u0442\u043e\u043c\u0430\u0442\u0438\u0447\u0435\u0441\u043a\u0438 \u0441\u0433\u0435\u043d\u0435\u0440\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u0442\u0438\u043f\u044b \u0434\u043b\u044f \u043d\u0430\u0448\u0435\u0433\u043e API-\u043a\u043b\u0438\u0435\u043d\u0442\u0430. \u041c\u044b \u0431\u0443\u0434\u0435\u043c \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c ",(0,t.jsxs)(n.a,{href:"https://openapi-ts.pages.dev/openapi-fetch/",children:["\u043f\u0430\u043a\u0435\u0442 ",(0,t.jsx)(n.code,{children:"openapi-fetch"})]}),", \u0432 \u043a\u043e\u0442\u043e\u0440\u043e\u043c \u0434\u043e\u043f\u043e\u043b\u043d\u0438\u0442\u0435\u043b\u044c\u043d\u043e \u0435\u0441\u0442\u044c \u0433\u0435\u043d\u0435\u0440\u0430\u0442\u043e\u0440 \u0442\u0438\u043f\u043e\u0432."]}),"\n",(0,t.jsx)(n.p,{children:"\u0412\u044b\u043f\u043e\u043b\u043d\u0438\u0442\u0435 \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0443\u044e \u043a\u043e\u043c\u0430\u043d\u0434\u0443, \u0447\u0442\u043e\u0431\u044b \u0441\u0433\u0435\u043d\u0435\u0440\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u0430\u043a\u0442\u0443\u0430\u043b\u044c\u043d\u044b\u0435 \u0442\u0438\u043f\u044b \u0434\u043b\u044f API:"}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-bash",children:"npm run generate-api-types\n"})}),"\n",(0,t.jsxs)(n.p,{children:["\u0412 \u0440\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442\u0435 \u0431\u0443\u0434\u0435\u0442 \u0441\u043e\u0437\u0434\u0430\u043d \u0444\u0430\u0439\u043b ",(0,t.jsx)(n.code,{children:"shared/api/v1.d.ts"}),". \u041c\u044b \u0432\u043e\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u043c\u0441\u044f \u044d\u0442\u0438\u043c \u0444\u0430\u0439\u043b\u043e\u043c \u0432 ",(0,t.jsx)(n.code,{children:"shared/api/client.ts"})," \u0434\u043b\u044f \u0441\u043e\u0437\u0434\u0430\u043d\u0438\u044f \u0442\u0438\u043f\u0438\u0437\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u043e\u0433\u043e \u043a\u043b\u0438\u0435\u043d\u0442\u0430 API:"]}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-tsx",metastring:'title="shared/api/client.ts"',children:'import createClient from "openapi-fetch";\n\nimport { backendBaseUrl } from "shared/config";\nimport type { paths } from "./v1";\n\nexport const { GET, POST, PUT, DELETE } = createClient<paths>({ baseUrl: backendBaseUrl });\n'})}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-tsx",metastring:'title="shared/api/index.ts"',children:'export { GET, POST, PUT, DELETE } from "./client";\n'})}),"\n",(0,t.jsx)(n.h3,{id:"\u0440\u0435\u0430\u043b\u044c\u043d\u044b\u0435-\u0434\u0430\u043d\u043d\u044b\u0435-\u0432-\u043b\u0435\u043d\u0442\u0435",children:"\u0420\u0435\u0430\u043b\u044c\u043d\u044b\u0435 \u0434\u0430\u043d\u043d\u044b\u0435 \u0432 \u043b\u0435\u043d\u0442\u0435"}),"\n",(0,t.jsx)(n.p,{children:"\u0422\u0435\u043f\u0435\u0440\u044c \u043c\u044b \u043c\u043e\u0436\u0435\u043c \u043f\u0435\u0440\u0435\u0439\u0442\u0438 \u043a \u043f\u043e\u043b\u0443\u0447\u0435\u043d\u0438\u044e \u0441\u0442\u0430\u0442\u0435\u0439 \u0438\u0437 \u0431\u044d\u043a\u0435\u043d\u0434\u0430 \u0438 \u0434\u043e\u0431\u0430\u0432\u043b\u0435\u043d\u0438\u044e \u0438\u0445 \u0432 \u043b\u0435\u043d\u0442\u0443. \u041d\u0430\u0447\u043d\u0435\u043c \u0441 \u0440\u0435\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u0438 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u0430 \u043f\u0440\u0435\u0434\u043f\u0440\u043e\u0441\u043c\u043e\u0442\u0440\u0430 \u0441\u0442\u0430\u0442\u044c\u0438."}),"\n",(0,t.jsxs)(n.p,{children:["\u0421\u043e\u0437\u0434\u0430\u0439\u0442\u0435 ",(0,t.jsx)(n.code,{children:"pages/feed/ui/ArticlePreview.tsx"})," \u0441\u043e \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0438\u043c \u0441\u043e\u0434\u0435\u0440\u0436\u0438\u043c\u044b\u043c:"]}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/feed/ui/ArticlePreview.tsx"',children:"export function ArticlePreview({ article }) { /* TODO */ }\n"})}),"\n",(0,t.jsxs)(n.p,{children:["\u041f\u043e\u0441\u043a\u043e\u043b\u044c\u043a\u0443 \u043c\u044b \u043f\u0438\u0448\u0435\u043c \u043d\u0430 TypeScript, \u0431\u044b\u043b\u043e \u0431\u044b \u043d\u0435\u043f\u043b\u043e\u0445\u043e \u0438\u043c\u0435\u0442\u044c \u0442\u0438\u043f\u0438\u0437\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u044b\u0439 \u043e\u0431\u044a\u0435\u043a\u0442 \u0441\u0442\u0430\u0442\u044c\u0438 Article. \u0415\u0441\u043b\u0438 \u043c\u044b \u0438\u0437\u0443\u0447\u0438\u043c \u0441\u0433\u0435\u043d\u0435\u0440\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u044b\u0439 ",(0,t.jsx)(n.code,{children:"v1.d.ts"}),", \u0442\u043e \u0443\u0432\u0438\u0434\u0438\u043c, \u0447\u0442\u043e \u043e\u0431\u044a\u0435\u043a\u0442 Article \u0434\u043e\u0441\u0442\u0443\u043f\u0435\u043d \u0447\u0435\u0440\u0435\u0437 ",(0,t.jsx)(n.code,{children:'components["schemas"]["Article"]'}),". \u041f\u043e\u044d\u0442\u043e\u043c\u0443 \u0434\u0430\u0432\u0430\u0439\u0442\u0435 \u0441\u043e\u0437\u0434\u0430\u0434\u0438\u043c \u0444\u0430\u0439\u043b \u0441 \u043d\u0430\u0448\u0438\u043c\u0438 \u043c\u043e\u0434\u0435\u043b\u044f\u043c\u0438 \u0434\u0430\u043d\u043d\u044b\u0445 \u0432 Shared \u0438 \u044d\u043a\u0441\u043f\u043e\u0440\u0442\u0438\u0440\u0443\u0435\u043c \u043c\u043e\u0434\u0435\u043b\u0438:"]}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-tsx",metastring:'title="shared/api/models.ts"',children:'import type { components } from "./v1";\n\nexport type Article = components["schemas"]["Article"];\n'})}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-tsx",metastring:'title="shared/api/index.ts"',children:'export { GET, POST, PUT, DELETE } from "./client";\n\nexport type { Article } from "./models";\n'})}),"\n",(0,t.jsx)(n.p,{children:"\u0422\u0435\u043f\u0435\u0440\u044c \u043c\u044b \u043c\u043e\u0436\u0435\u043c \u0432\u0435\u0440\u043d\u0443\u0442\u044c\u0441\u044f \u043a \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u0443 \u043f\u0440\u0435\u0434\u043f\u0440\u043e\u0441\u043c\u043e\u0442\u0440\u0430 \u0441\u0442\u0430\u0442\u044c\u0438 \u0438 \u0437\u0430\u043f\u043e\u043b\u043d\u0438\u0442\u044c \u0440\u0430\u0437\u043c\u0435\u0442\u043a\u0443 \u0434\u0430\u043d\u043d\u044b\u043c\u0438. \u041e\u0431\u043d\u043e\u0432\u0438\u0442\u0435 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442, \u0434\u043e\u0431\u0430\u0432\u0438\u0432 \u0432 \u043d\u0435\u0433\u043e \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0435\u0435 \u0441\u043e\u0434\u0435\u0440\u0436\u0438\u043c\u043e\u0435:"}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/feed/ui/ArticlePreview.tsx"',children:'import { Link } from "@remix-run/react";\nimport type { Article } from "shared/api";\n\ninterface ArticlePreviewProps {\n  article: Article;\n}\n\nexport function ArticlePreview({ article }: ArticlePreviewProps) {\n  return (\n    <div className="article-preview">\n      <div className="article-meta">\n        <Link to={`/profile/${article.author.username}`} prefetch="intent">\n          <img src={article.author.image} alt="" />\n        </Link>\n        <div className="info">\n          <Link\n            to={`/profile/${article.author.username}`}\n            className="author"\n            prefetch="intent"\n          >\n            {article.author.username}\n          </Link>\n          <span className="date" suppressHydrationWarning>\n            {new Date(article.createdAt).toLocaleDateString(undefined, {\n              dateStyle: "long",\n            })}\n          </span>\n        </div>\n        <button className="btn btn-outline-primary btn-sm pull-xs-right">\n          <i className="ion-heart"></i> {article.favoritesCount}\n        </button>\n      </div>\n      <Link\n        to={`/article/${article.slug}`}\n        className="preview-link"\n        prefetch="intent"\n      >\n        <h1>{article.title}</h1>\n        <p>{article.description}</p>\n        <span>Read more...</span>\n        <ul className="tag-list">\n          {article.tagList.map((tag) => (\n            <li key={tag} className="tag-default tag-pill tag-outline">\n              {tag}\n            </li>\n          ))}\n        </ul>\n      </Link>\n    </div>\n  );\n}\n'})}),"\n",(0,t.jsx)(n.p,{children:'\u041a\u043d\u043e\u043f\u043a\u0430 "\u041c\u043d\u0435 \u043d\u0440\u0430\u0432\u0438\u0442\u0441\u044f" \u043f\u043e\u043a\u0430 \u043d\u0438\u0447\u0435\u0433\u043e \u043d\u0435 \u0434\u0435\u043b\u0430\u0435\u0442, \u043c\u044b \u0438\u0441\u043f\u0440\u0430\u0432\u0438\u043c \u044d\u0442\u043e, \u043a\u043e\u0433\u0434\u0430 \u043f\u0435\u0440\u0435\u0439\u0434\u0435\u043c \u043d\u0430 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0443 \u0447\u0442\u0435\u043d\u0438\u044f \u0441\u0442\u0430\u0442\u0435\u0439 \u0438 \u0440\u0435\u0430\u043b\u0438\u0437\u0443\u0435\u043c \u0444\u0443\u043d\u043a\u0446\u0438\u044e "\u041c\u043d\u0435 \u043d\u0440\u0430\u0432\u0438\u0442\u0441\u044f".'}),"\n",(0,t.jsxs)(n.p,{children:["\u0422\u0435\u043f\u0435\u0440\u044c \u043c\u044b \u043c\u043e\u0436\u0435\u043c \u043f\u043e\u043b\u0443\u0447\u0438\u0442\u044c \u0441\u0442\u0430\u0442\u044c\u0438 \u0438 \u043e\u0442\u043e\u0431\u0440\u0430\u0437\u0438\u0442\u044c \u043a\u0443\u0447\u0443 \u044d\u0442\u0438\u0445 \u043a\u0430\u0440\u0442\u043e\u0447\u0435\u043a \u043f\u0440\u0435\u0434\u043f\u0440\u043e\u0441\u043c\u043e\u0442\u0440\u0430. \u041f\u043e\u043b\u0443\u0447\u0435\u043d\u0438\u0435 \u0434\u0430\u043d\u043d\u044b\u0445 \u0432 Remix \u043e\u0441\u0443\u0449\u0435\u0441\u0442\u0432\u043b\u044f\u0435\u0442\u0441\u044f \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e ",(0,t.jsx)(n.em,{children:"\u0437\u0430\u0433\u0440\u0443\u0437\u0447\u0438\u043a\u043e\u0432"})," \u2014 \u0441\u0435\u0440\u0432\u0435\u0440\u043d\u044b\u0445 \u0444\u0443\u043d\u043a\u0446\u0438\u0439, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u0441\u043e\u0431\u0438\u0440\u0430\u044e\u0442 \u0442\u0435 \u0434\u0430\u043d\u043d\u044b\u0435, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u043d\u0443\u0436\u043d\u044b \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0435. \u0417\u0430\u0433\u0440\u0443\u0437\u0447\u0438\u043a\u0438 \u0432\u0437\u0430\u0438\u043c\u043e\u0434\u0435\u0439\u0441\u0442\u0432\u0443\u044e\u0442 \u0441 API \u043e\u0442 \u0438\u043c\u0435\u043d\u0438 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b, \u043f\u043e\u044d\u0442\u043e\u043c\u0443 \u043c\u044b \u043f\u043e\u043c\u0435\u0441\u0442\u0438\u043c \u0438\u0445 \u0432 \u0441\u0435\u0433\u043c\u0435\u043d\u0442 ",(0,t.jsx)(n.code,{children:"api"})," \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b:"]}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/feed/api/loader.ts"',children:'import { json } from "@remix-run/node";\n\nimport { GET } from "shared/api";\n\nexport const loader = async () => {\n  const { data: articles, error, response } = await GET("/articles");\n\n  if (error !== undefined) {\n    throw json(error, { status: response.status });\n  }\n\n  return json({ articles });\n};\n'})}),"\n",(0,t.jsxs)(n.p,{children:["\u0427\u0442\u043e\u0431\u044b \u043f\u043e\u0434\u043a\u043b\u044e\u0447\u0438\u0442\u044c \u0435\u0433\u043e \u043a \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0435, \u043d\u0430\u043c \u043d\u0443\u0436\u043d\u043e \u044d\u043a\u0441\u043f\u043e\u0440\u0442\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u0435\u0433\u043e \u0441 \u0438\u043c\u0435\u043d\u0435\u043c ",(0,t.jsx)(n.code,{children:"loader"}),"  \u0438\u0437 \u0444\u0430\u0439\u043b\u0430 \u043c\u0430\u0440\u0448\u0440\u0443\u0442\u0430:"]}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/feed/index.ts"',children:'export { FeedPage } from "./ui/FeedPage";\nexport { loader } from "./api/loader";\n'})}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-tsx",metastring:'title="app/routes/_index.tsx"',children:'import type { MetaFunction } from "@remix-run/node";\nimport { FeedPage } from "pages/feed";\n\nexport { loader } from "pages/feed";\n\nexport const meta: MetaFunction = () => {\n  return [{ title: "Conduit" }];\n};\n\nexport default FeedPage;\n'})}),"\n",(0,t.jsxs)(n.p,{children:["\u0418 \u043f\u043e\u0441\u043b\u0435\u0434\u043d\u0438\u0439 \u0448\u0430\u0433 \u2014 \u043e\u0442\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u0435 \u044d\u0442\u0438\u0445 \u043a\u0430\u0440\u0442\u043e\u0447\u0435\u043a \u0432 \u043b\u0435\u043d\u0442\u0435. \u041e\u0431\u043d\u043e\u0432\u0438\u0442\u0435 ",(0,t.jsx)(n.code,{children:"FeedPage"})," \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0438\u043c \u043a\u043e\u0434\u043e\u043c:"]}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/feed/ui/FeedPage.tsx"',children:'import { useLoaderData } from "@remix-run/react";\n\nimport type { loader } from "../api/loader";\nimport { ArticlePreview } from "./ArticlePreview";\n\nexport function FeedPage() {\n  const { articles } = useLoaderData<typeof loader>();\n\n  return (\n    <div className="home-page">\n      <div className="banner">\n        <div className="container">\n          <h1 className="logo-font">conduit</h1>\n          <p>A place to share your knowledge.</p>\n        </div>\n      </div>\n\n      <div className="container page">\n        <div className="row">\n          <div className="col-md-9">\n            {articles.articles.map((article) => (\n              <ArticlePreview key={article.slug} article={article} />\n            ))}\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n}\n'})}),"\n",(0,t.jsx)(n.h3,{id:"\u0444\u0438\u043b\u044c\u0442\u0440\u0430\u0446\u0438\u044f-\u043f\u043e-\u0442\u0435\u0433\u0430\u043c",children:"\u0424\u0438\u043b\u044c\u0442\u0440\u0430\u0446\u0438\u044f \u043f\u043e \u0442\u0435\u0433\u0430\u043c"}),"\n",(0,t.jsxs)(n.p,{children:["\u0427\u0442\u043e \u043a\u0430\u0441\u0430\u0435\u0442\u0441\u044f \u0442\u0435\u0433\u043e\u0432, \u0442\u043e \u043d\u0430\u0448\u0430 \u0437\u0430\u0434\u0430\u0447\u0430 \u2014 \u043f\u043e\u043b\u0443\u0447\u0438\u0442\u044c \u0438\u0445 \u0438\u0437 \u0431\u044d\u043a\u0435\u043d\u0434\u0430 \u0438 \u0437\u0430\u043f\u043e\u043c\u043d\u0438\u0442\u044c \u0432\u044b\u0431\u0440\u0430\u043d\u043d\u044b\u0439 \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u0435\u043c \u0442\u0435\u0433. \u041c\u044b \u0443\u0436\u0435 \u0437\u043d\u0430\u0435\u043c, \u043a\u0430\u043a \u0437\u0430\u0433\u0440\u0443\u0436\u0430\u0442\u044c \u0438\u0437 \u0431\u044d\u043a\u0435\u043d\u0434\u0430 \u2014 \u044d\u0442\u043e \u0435\u0449\u0435 \u043e\u0434\u0438\u043d \u0437\u0430\u043f\u0440\u043e\u0441 \u043e\u0442 \u0444\u0443\u043d\u043a\u0446\u0438\u0438-\u0437\u0430\u0433\u0440\u0443\u0437\u0447\u0438\u043a\u0430. \u041c\u044b \u0431\u0443\u0434\u0435\u043c \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u0443\u0434\u043e\u0431\u043d\u0443\u044e \u0444\u0443\u043d\u043a\u0446\u0438\u044e ",(0,t.jsx)(n.code,{children:"promiseHash"})," \u0438\u0437 \u043f\u0430\u043a\u0435\u0442\u0430 ",(0,t.jsx)(n.code,{children:"remix-utils"}),", \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u0443\u0436\u0435 \u0443\u0441\u0442\u0430\u043d\u043e\u0432\u043b\u0435\u043d."]}),"\n",(0,t.jsxs)(n.p,{children:["\u041e\u0431\u043d\u043e\u0432\u0438\u0442\u0435 \u0444\u0430\u0439\u043b \u0437\u0430\u0433\u0440\u0443\u0437\u0447\u0438\u043a\u0430, ",(0,t.jsx)(n.code,{children:"pages/feed/api/loader.ts"}),", \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0438\u043c \u043a\u043e\u0434\u043e\u043c:"]}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/feed/api/loader.ts"',children:'import { json } from "@remix-run/node";\nimport type { FetchResponse } from "openapi-fetch";\nimport { promiseHash } from "remix-utils/promise";\n\nimport { GET } from "shared/api";\n\nasync function throwAnyErrors<T, O, Media extends `${string}/${string}`>(\n  responsePromise: Promise<FetchResponse<T, O, Media>>,\n) {\n  const { data, error, response } = await responsePromise;\n\n  if (error !== undefined) {\n    throw json(error, { status: response.status });\n  }\n\n  return data as NonNullable<typeof data>;\n}\n\nexport const loader = async () => {\n  return json(\n    await promiseHash({\n      articles: throwAnyErrors(GET("/articles")),\n      tags: throwAnyErrors(GET("/tags")),\n    }),\n  );\n};\n'})}),"\n",(0,t.jsxs)(n.p,{children:["\u0412\u044b \u043c\u043e\u0436\u0435\u0442\u0435 \u0437\u0430\u043c\u0435\u0442\u0438\u0442\u044c, \u0447\u0442\u043e \u043c\u044b \u0432\u044b\u043d\u0435\u0441\u043b\u0438 \u043e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u0443 \u043e\u0448\u0438\u0431\u043e\u043a \u0432 \u043e\u0431\u0449\u0443\u044e \u0444\u0443\u043d\u043a\u0446\u0438\u044e ",(0,t.jsx)(n.code,{children:"throwAnyErrors"}),". \u041e\u043d\u0430 \u0432\u044b\u0433\u043b\u044f\u0434\u0438\u0442 \u0434\u043e\u0432\u043e\u043b\u044c\u043d\u043e \u043f\u043e\u043b\u0435\u0437\u043d\u043e\u0439, \u0442\u0430\u043a \u0447\u0442\u043e, \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e, \u043c\u044b \u0437\u0430\u0445\u043e\u0442\u0438\u043c \u043f\u0435\u0440\u0435\u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u0435\u0451 \u043f\u043e\u0437\u0436\u0435, \u0430 \u043f\u043e\u043a\u0430 \u0434\u0430\u0432\u0430\u0439\u0442\u0435 \u043f\u0440\u043e\u0441\u0442\u043e \u0437\u0430\u043c\u0435\u0442\u0438\u043c \u044d\u0442\u043e\u0442 \u0444\u0430\u043a\u0442."]}),"\n",(0,t.jsx)(n.p,{children:"\u0422\u0435\u043f\u0435\u0440\u044c \u043f\u0435\u0440\u0435\u0439\u0434\u0435\u043c \u043a \u0441\u043f\u0438\u0441\u043a\u0443 \u0442\u0435\u0433\u043e\u0432. \u041e\u043d \u0434\u043e\u043b\u0436\u0435\u043d \u0431\u044b\u0442\u044c \u0438\u043d\u0442\u0435\u0440\u0430\u043a\u0442\u0438\u0432\u043d\u044b\u043c - \u0449\u0435\u043b\u0447\u043e\u043a \u043f\u043e \u0442\u0435\u0433\u0443 \u0434\u043e\u043b\u0436\u0435\u043d \u0432\u044b\u0431\u0440\u0430\u0442\u044c \u044d\u0442\u043e\u0442 \u0442\u0435\u0433. \u041f\u043e \u0442\u0440\u0430\u0434\u0438\u0446\u0438\u0438 Remix, \u043c\u044b \u0431\u0443\u0434\u0435\u043c \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u043f\u0430\u0440\u0430\u043c\u0435\u0442\u0440\u044b \u0437\u0430\u043f\u0440\u043e\u0441\u0430 \u0432 URL \u0432 \u043a\u0430\u0447\u0435\u0441\u0442\u0432\u0435 \u0445\u0440\u0430\u043d\u0438\u043b\u0438\u0449\u0430 \u0434\u043b\u044f \u0432\u044b\u0431\u0440\u0430\u043d\u043d\u043e\u0433\u043e \u0442\u0435\u0433\u0430. \u041f\u0443\u0441\u0442\u044c \u0431\u0440\u0430\u0443\u0437\u0435\u0440 \u043f\u043e\u0437\u0430\u0431\u043e\u0442\u0438\u0442\u0441\u044f \u043e \u0445\u0440\u0430\u043d\u0438\u043b\u0438\u0449\u0435, \u0430 \u043c\u044b \u0441\u043e\u0441\u0440\u0435\u0434\u043e\u0442\u043e\u0447\u0438\u043c\u0441\u044f \u043d\u0430 \u0431\u043e\u043b\u0435\u0435 \u0432\u0430\u0436\u043d\u044b\u0445 \u0432\u0435\u0449\u0430\u0445."}),"\n",(0,t.jsxs)(n.p,{children:["\u041e\u0431\u043d\u043e\u0432\u0438\u0442\u0435 ",(0,t.jsx)(n.code,{children:"pages/feed/ui/FeedPage.tsx"})," \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0438\u043c \u043a\u043e\u0434\u043e\u043c:"]}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/feed/ui/FeedPage.tsx"',children:'import { Form, useLoaderData } from "@remix-run/react";\nimport { ExistingSearchParams } from "remix-utils/existing-search-params";\n\nimport type { loader } from "../api/loader";\nimport { ArticlePreview } from "./ArticlePreview";\n\nexport function FeedPage() {\n  const { articles, tags } = useLoaderData<typeof loader>();\n\n  return (\n    <div className="home-page">\n      <div className="banner">\n        <div className="container">\n          <h1 className="logo-font">conduit</h1>\n          <p>A place to share your knowledge.</p>\n        </div>\n      </div>\n\n      <div className="container page">\n        <div className="row">\n          <div className="col-md-9">\n            {articles.articles.map((article) => (\n              <ArticlePreview key={article.slug} article={article} />\n            ))}\n          </div>\n\n          <div className="col-md-3">\n            <div className="sidebar">\n              <p>Popular Tags</p>\n\n              <Form>\n                <ExistingSearchParams exclude={["tag"]} />\n                <div className="tag-list">\n                  {tags.tags.map((tag) => (\n                    <button\n                      key={tag}\n                      name="tag"\n                      value={tag}\n                      className="tag-pill tag-default"\n                    >\n                      {tag}\n                    </button>\n                  ))}\n                </div>\n              </Form>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n} \n'})}),"\n",(0,t.jsxs)(n.p,{children:["\u0417\u0430\u0442\u0435\u043c \u043d\u0430\u043c \u043d\u0443\u0436\u043d\u043e \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u043f\u0430\u0440\u0430\u043c\u0435\u0442\u0440 \u043f\u043e\u0438\u0441\u043a\u0430 \u0442\u0435\u0433\u043e\u0432 \u0432 \u043d\u0430\u0448\u0435\u043c \u0437\u0430\u0433\u0440\u0443\u0437\u0447\u0438\u043a\u0435. \u0418\u0437\u043c\u0435\u043d\u0438\u0442\u0435 \u0444\u0443\u043d\u043a\u0446\u0438\u044e ",(0,t.jsx)(n.code,{children:"loader"})," \u0432 ",(0,t.jsx)(n.code,{children:"pages/feed/api/loader.ts"})," \u043d\u0430 \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0443\u044e:"]}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/feed/api/loader.ts"',children:'import { json, type LoaderFunctionArgs } from "@remix-run/node";\nimport type { FetchResponse } from "openapi-fetch";\nimport { promiseHash } from "remix-utils/promise";\n\nimport { GET } from "shared/api";\n\nasync function throwAnyErrors<T, O, Media extends `${string}/${string}`>(\n  responsePromise: Promise<FetchResponse<T, O, Media>>,\n) {\n  const { data, error, response } = await responsePromise;\n\n  if (error !== undefined) {\n    throw json(error, { status: response.status });\n  }\n\n  return data as NonNullable<typeof data>;\n}\nexport const loader = async ({ request }: LoaderFunctionArgs) => {\n  const url = new URL(request.url);\n  const selectedTag = url.searchParams.get("tag") ?? undefined;\n\n  return json(\n    await promiseHash({\n      articles: throwAnyErrors(\n        GET("/articles", { params: { query: { tag: selectedTag } } }),\n      ),\n      tags: throwAnyErrors(GET("/tags")),\n    }),\n  );\n};\n'})}),"\n",(0,t.jsxs)(n.p,{children:["\u0418 \u0432\u0441\u0451, \u0441\u0435\u0433\u043c\u0435\u043d\u0442 ",(0,t.jsx)(n.code,{children:"model"})," \u043d\u0430\u043c \u043d\u0435 \u043f\u043e\u043d\u0430\u0434\u043e\u0431\u0438\u043b\u0441\u044f. Remix \u2014 \u043a\u043b\u0451\u0432\u0430\u044f \u0448\u0442\u0443\u043a\u0430."]}),"\n",(0,t.jsx)(n.h3,{id:"\u043f\u0430\u0433\u0438\u043d\u0430\u0446\u0438\u044f",children:"\u041f\u0430\u0433\u0438\u043d\u0430\u0446\u0438\u044f"}),"\n",(0,t.jsx)(n.p,{children:"\u0410\u043d\u0430\u043b\u043e\u0433\u0438\u0447\u043d\u044b\u043c \u043e\u0431\u0440\u0430\u0437\u043e\u043c \u043c\u044b \u043c\u043e\u0436\u0435\u043c \u0440\u0435\u0430\u043b\u0438\u0437\u043e\u0432\u0430\u0442\u044c \u043f\u0430\u0433\u0438\u043d\u0430\u0446\u0438\u044e. \u041d\u0435 \u0441\u0442\u0435\u0441\u043d\u044f\u0439\u0442\u0435\u0441\u044c \u043f\u043e\u043f\u0440\u043e\u0431\u043e\u0432\u0430\u0442\u044c \u0440\u0435\u0430\u043b\u0438\u0437\u043e\u0432\u0430\u0442\u044c \u0435\u0451 \u0441\u0430\u043c\u0438 \u0438\u043b\u0438 \u0436\u0435 \u043f\u0440\u043e\u0441\u0442\u043e \u0441\u043a\u043e\u043f\u0438\u0440\u0443\u0439\u0442\u0435 \u043a\u043e\u0434 \u043d\u0438\u0436\u0435. \u0412 \u043b\u044e\u0431\u043e\u043c \u0441\u043b\u0443\u0447\u0430\u0435, \u043e\u0441\u0443\u0436\u0434\u0430\u0442\u044c \u0432\u0430\u0441 \u043d\u0435\u043a\u043e\u043c\u0443."}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/feed/api/loader.ts"',children:'import { json, type LoaderFunctionArgs } from "@remix-run/node";\nimport type { FetchResponse } from "openapi-fetch";\nimport { promiseHash } from "remix-utils/promise";\n\nimport { GET } from "shared/api";\n\nasync function throwAnyErrors<T, O, Media extends `${string}/${string}`>(\n  responsePromise: Promise<FetchResponse<T, O, Media>>,\n) {\n  const { data, error, response } = await responsePromise;\n\n  if (error !== undefined) {\n    throw json(error, { status: response.status });\n  }\n\n  return data as NonNullable<typeof data>;\n}\n\n/** Amount of articles on one page. */\nexport const LIMIT = 20;\n\nexport const loader = async ({ request }: LoaderFunctionArgs) => {\n  const url = new URL(request.url);\n  const selectedTag = url.searchParams.get("tag") ?? undefined;\n  const page = parseInt(url.searchParams.get("page") ?? "", 10);\n\n  return json(\n    await promiseHash({\n      articles: throwAnyErrors(\n        GET("/articles", {\n          params: {\n            query: {\n              tag: selectedTag,\n              limit: LIMIT,\n              offset: !Number.isNaN(page) ? page * LIMIT : undefined,\n            },\n          },\n        }),\n      ),\n      tags: throwAnyErrors(GET("/tags")),\n    }),\n  );\n};\n'})}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/feed/ui/FeedPage.tsx"',children:'import { Form, useLoaderData, useSearchParams } from "@remix-run/react";\nimport { ExistingSearchParams } from "remix-utils/existing-search-params";\n\nimport { LIMIT, type loader } from "../api/loader";\nimport { ArticlePreview } from "./ArticlePreview";\n\nexport function FeedPage() {\n  const [searchParams] = useSearchParams();\n  const { articles, tags } = useLoaderData<typeof loader>();\n  const pageAmount = Math.ceil(articles.articlesCount / LIMIT);\n  const currentPage = parseInt(searchParams.get("page") ?? "1", 10);\n\n  return (\n    <div className="home-page">\n      <div className="banner">\n        <div className="container">\n          <h1 className="logo-font">conduit</h1>\n          <p>A place to share your knowledge.</p>\n        </div>\n      </div>\n\n      <div className="container page">\n        <div className="row">\n          <div className="col-md-9">\n            {articles.articles.map((article) => (\n              <ArticlePreview key={article.slug} article={article} />\n            ))}\n\n            <Form>\n              <ExistingSearchParams exclude={["page"]} />\n              <ul className="pagination">\n                {Array(pageAmount)\n                  .fill(null)\n                  .map((_, index) =>\n                    index + 1 === currentPage ? (\n                      <li key={index} className="page-item active">\n                        <span className="page-link">{index + 1}</span>\n                      </li>\n                    ) : (\n                      <li key={index} className="page-item">\n                        <button\n                          className="page-link"\n                          name="page"\n                          value={index + 1}\n                        >\n                          {index + 1}\n                        </button>\n                      </li>\n                    ),\n                  )}\n              </ul>\n            </Form>\n          </div>\n\n          <div className="col-md-3">\n            <div className="sidebar">\n              <p>Popular Tags</p>\n\n              <Form>\n                <ExistingSearchParams exclude={["tag", "page"]} />\n                <div className="tag-list">\n                  {tags.tags.map((tag) => (\n                    <button\n                      key={tag}\n                      name="tag"\n                      value={tag}\n                      className="tag-pill tag-default"\n                    >\n                      {tag}\n                    </button>\n                  ))}\n                </div>\n              </Form>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n}\n'})}),"\n",(0,t.jsx)(n.p,{children:"\u041d\u0443 \u0432\u043e\u0442, \u044d\u0442\u043e \u0442\u043e\u0436\u0435 \u0441\u0434\u0435\u043b\u0430\u043b\u0438. \u0415\u0441\u0442\u044c \u0435\u0449\u0435 \u0441\u043f\u0438\u0441\u043e\u043a \u0432\u043a\u043b\u0430\u0434\u043e\u043a, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u043c\u043e\u0436\u043d\u043e \u0440\u0435\u0430\u043b\u0438\u0437\u043e\u0432\u0430\u0442\u044c \u0430\u043d\u0430\u043b\u043e\u0433\u0438\u0447\u043d\u044b\u043c \u043e\u0431\u0440\u0430\u0437\u043e\u043c, \u043d\u043e \u0434\u0430\u0432\u0430\u0439\u0442\u0435 \u043f\u043e\u0432\u0440\u0435\u043c\u0435\u043d\u0438\u043c \u0441 \u044d\u0442\u0438\u043c, \u043f\u043e\u043a\u0430 \u043d\u0435 \u0440\u0435\u0430\u043b\u0438\u0437\u0443\u0435\u043c \u0430\u0443\u0442\u0435\u043d\u0442\u0438\u0444\u0438\u043a\u0430\u0446\u0438\u044e. \u041a\u0441\u0442\u0430\u0442\u0438, \u043e \u043d\u0435\u0439!"}),"\n",(0,t.jsx)(n.h3,{id:"authentication",children:"\u0410\u0443\u0442\u0435\u043d\u0442\u0438\u0444\u0438\u043a\u0430\u0446\u0438\u044f"}),"\n",(0,t.jsxs)(n.p,{children:["\u0410\u0443\u0442\u0435\u043d\u0442\u0438\u0444\u0438\u043a\u0430\u0446\u0438\u044f \u0432\u043a\u043b\u044e\u0447\u0430\u0435\u0442 \u0432 \u0441\u0435\u0431\u044f \u0434\u0432\u0435 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b \u2014 \u043e\u0434\u043d\u0443 \u0434\u043b\u044f \u0432\u0445\u043e\u0434\u0430 \u0432 \u0441\u0438\u0441\u0442\u0435\u043c\u0443 \u0438 \u0434\u0440\u0443\u0433\u0443\u044e \u0434\u043b\u044f \u0440\u0435\u0433\u0438\u0441\u0442\u0440\u0430\u0446\u0438\u0438. \u041e\u043d\u0438, \u0432 \u043e\u0441\u043d\u043e\u0432\u043d\u043e\u043c, \u043e\u0447\u0435\u043d\u044c \u0441\u0445\u043e\u0436\u0438\u0435, \u043f\u043e\u044d\u0442\u043e\u043c\u0443 \u0438\u043c\u0435\u0435\u0442 \u0441\u043c\u044b\u0441\u043b \u0434\u0435\u0440\u0436\u0430\u0442\u044c \u0438\u0445 \u0432 \u043e\u0434\u043d\u043e\u043c \u0441\u0435\u0433\u043c\u0435\u043d\u0442\u0435, ",(0,t.jsx)(n.code,{children:"sign-in"}),", \u0447\u0442\u043e\u0431\u044b \u043f\u0440\u0438 \u043d\u0435\u043e\u0431\u0445\u043e\u0434\u0438\u043c\u043e\u0441\u0442\u0438 \u043c\u043e\u0436\u043d\u043e \u0431\u044b\u043b\u043e \u043f\u0435\u0440\u0435\u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u043a\u043e\u0434."]}),"\n",(0,t.jsxs)(n.p,{children:["\u0421\u043e\u0437\u0434\u0430\u0439\u0442\u0435 ",(0,t.jsx)(n.code,{children:"RegisterPage.tsx"})," \u0432 \u0441\u0435\u0433\u043c\u0435\u043d\u0442\u0435 ",(0,t.jsx)(n.code,{children:"ui"})," \u0432 ",(0,t.jsx)(n.code,{children:"pages/sign-in"})," \u0441\u043e \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0438\u043c \u0441\u043e\u0434\u0435\u0440\u0436\u0438\u043c\u044b\u043c:"]}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/sign-in/ui/RegisterPage.tsx"',children:'import { Form, Link, useActionData } from "@remix-run/react";\n\nimport type { register } from "../api/register";\n\nexport function RegisterPage() {\n  const registerData = useActionData<typeof register>();\n\n  return (\n    <div className="auth-page">\n      <div className="container page">\n        <div className="row">\n          <div className="col-md-6 offset-md-3 col-xs-12">\n            <h1 className="text-xs-center">Sign up</h1>\n            <p className="text-xs-center">\n              <Link to="/login">Have an account?</Link>\n            </p>\n\n            {registerData?.error && (\n              <ul className="error-messages">\n                {registerData.error.errors.body.map((error) => (\n                  <li key={error}>{error}</li>\n                ))}\n              </ul>\n            )}\n\n            <Form method="post">\n              <fieldset className="form-group">\n                <input\n                  className="form-control form-control-lg"\n                  type="text"\n                  name="username"\n                  placeholder="Username"\n                />\n              </fieldset>\n              <fieldset className="form-group">\n                <input\n                  className="form-control form-control-lg"\n                  type="text"\n                  name="email"\n                  placeholder="Email"\n                />\n              </fieldset>\n              <fieldset className="form-group">\n                <input\n                  className="form-control form-control-lg"\n                  type="password"\n                  name="password"\n                  placeholder="Password"\n                />\n              </fieldset>\n              <button className="btn btn-lg btn-primary pull-xs-right">\n                Sign up\n              </button>\n            </Form>\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n}\n'})}),"\n",(0,t.jsx)(n.p,{children:"\u0421\u0435\u0439\u0447\u0430\u0441 \u043d\u0430\u043c \u043d\u0443\u0436\u043d\u043e \u0438\u0441\u043f\u0440\u0430\u0432\u0438\u0442\u044c \u0441\u043b\u043e\u043c\u0430\u043d\u043d\u044b\u0439 \u0438\u043c\u043f\u043e\u0440\u0442. \u041e\u043d \u043e\u0431\u0440\u0430\u0449\u0430\u0435\u0442\u0441\u044f \u043a \u043d\u043e\u0432\u043e\u043c\u0443 \u0441\u0435\u0433\u043c\u0435\u043d\u0442\u0443, \u043f\u043e\u044d\u0442\u043e\u043c\u0443 \u0441\u043e\u0437\u0434\u0430\u0439\u0442\u0435 \u0435\u0433\u043e:"}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-bash",children:"npx fsd pages sign-in -s api\n"})}),"\n",(0,t.jsx)(n.p,{children:"\u041e\u0434\u043d\u0430\u043a\u043e \u043f\u0440\u0435\u0436\u0434\u0435 \u0447\u0435\u043c \u043c\u044b \u0441\u043c\u043e\u0436\u0435\u043c \u0440\u0435\u0430\u043b\u0438\u0437\u043e\u0432\u0430\u0442\u044c \u0431\u044d\u043a\u0435\u043d\u0434-\u0447\u0430\u0441\u0442\u044c \u0440\u0435\u0433\u0438\u0441\u0442\u0440\u0430\u0446\u0438\u0438, \u043d\u0430\u043c \u043d\u0443\u0436\u0435\u043d \u043d\u0435\u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u0438\u043d\u0444\u0440\u0430\u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u043d\u044b\u0439 \u043a\u043e\u0434 \u0434\u043b\u044f Remix \u0434\u043b\u044f \u043e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u0438 \u0441\u0435\u0441\u0441\u0438\u0439. \u041e\u0442\u043f\u0440\u0430\u0432\u0438\u043c \u0435\u0433\u043e \u0432 Shared, \u043d\u0430 \u0441\u043b\u0443\u0447\u0430\u0439, \u0435\u0441\u043b\u0438 \u043e\u043d \u043f\u043e\u043d\u0430\u0434\u043e\u0431\u0438\u0442\u0441\u044f \u043a\u0430\u043a\u043e\u0439-\u043b\u0438\u0431\u043e \u0434\u0440\u0443\u0433\u043e\u0439 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0435."}),"\n",(0,t.jsxs)(n.p,{children:["\u041f\u043e\u043c\u0435\u0441\u0442\u0438\u0442\u0435 \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0438\u0439 \u043a\u043e\u0434 \u0432 ",(0,t.jsx)(n.code,{children:"shared/api/auth.server.ts"}),". \u042d\u0442\u043e\u0442 \u043a\u043e\u0434 \u043e\u0447\u0435\u043d\u044c \u0441\u043f\u0435\u0446\u0438\u0444\u0438\u0447\u0435\u043d \u0434\u043b\u044f Remix, \u0442\u0430\u043a \u0447\u0442\u043e \u043d\u0435 \u0431\u0435\u0441\u043f\u043e\u043a\u043e\u0439\u0442\u0435\u0441\u044c, \u0435\u0441\u043b\u0438 \u0442\u0430\u043c \u043d\u0435 \u0432\u0441\u0435 \u043f\u043e\u043d\u044f\u0442\u043d\u043e, \u043f\u0440\u043e\u0441\u0442\u043e \u0441\u043a\u043e\u043f\u0438\u0440\u0443\u0439\u0442\u0435 \u0438 \u0432\u0441\u0442\u0430\u0432\u044c\u0442\u0435:"]}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-tsx",metastring:'title="shared/api/auth.server.ts"',children:'import { createCookieSessionStorage, redirect } from "@remix-run/node";\nimport invariant from "tiny-invariant";\n\nimport type { User } from "./models";\n\ninvariant(\n  process.env.SESSION_SECRET,\n  "SESSION_SECRET must be set for authentication to work",\n);\n\nconst sessionStorage = createCookieSessionStorage<{\n  user: User;\n}>({\n  cookie: {\n    name: "__session",\n    httpOnly: true,\n    path: "/",\n    sameSite: "lax",\n    secrets: [process.env.SESSION_SECRET],\n    secure: process.env.NODE_ENV === "production",\n  },\n});\n\nexport async function createUserSession({\n  request,\n  user,\n  redirectTo,\n}: {\n  request: Request;\n  user: User;\n  redirectTo: string;\n}) {\n  const cookie = request.headers.get("Cookie");\n  const session = await sessionStorage.getSession(cookie);\n\n  session.set("user", user);\n\n  return redirect(redirectTo, {\n    headers: {\n      "Set-Cookie": await sessionStorage.commitSession(session, {\n        maxAge: 60 * 60 * 24 * 7, // 7 days\n      }),\n    },\n  });\n}\n\nexport async function getUserFromSession(request: Request) {\n  const cookie = request.headers.get("Cookie");\n  const session = await sessionStorage.getSession(cookie);\n\n  return session.get("user") ?? null;\n}\n\nexport async function requireUser(request: Request) {\n  const user = await getUserFromSession(request);\n\n  if (user === null) {\n    throw redirect("/login");\n  }\n\n  return user;\n}\n'})}),"\n",(0,t.jsxs)(n.p,{children:["\u0410 \u0442\u0430\u043a\u0436\u0435 \u044d\u043a\u0441\u043f\u043e\u0440\u0442\u0438\u0440\u0443\u0439\u0442\u0435 \u043c\u043e\u0434\u0435\u043b\u044c ",(0,t.jsx)(n.code,{children:"User"})," \u0438\u0437 \u0444\u0430\u0439\u043b\u0430 ",(0,t.jsx)(n.code,{children:"models.ts"}),", \u0440\u0430\u0441\u043f\u043e\u043b\u043e\u0436\u0435\u043d\u043d\u043e\u0433\u043e \u0440\u044f\u0434\u043e\u043c \u0441 \u043d\u0438\u043c:"]}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-tsx",metastring:'title="shared/api/models.ts"',children:'import type { components } from "./v1";\n\nexport type Article = components["schemas"]["Article"];\nexport type User = components["schemas"]["User"];\n'})}),"\n",(0,t.jsxs)(n.p,{children:["\u041f\u0440\u0435\u0436\u0434\u0435 \u0447\u0435\u043c \u044d\u0442\u043e\u0442 \u043a\u043e\u0434 \u0437\u0430\u0440\u0430\u0431\u043e\u0442\u0430\u0435\u0442, \u043d\u0435\u043e\u0431\u0445\u043e\u0434\u0438\u043c\u043e \u0443\u0441\u0442\u0430\u043d\u043e\u0432\u0438\u0442\u044c \u043f\u0435\u0440\u0435\u043c\u0435\u043d\u043d\u0443\u044e \u043e\u043a\u0440\u0443\u0436\u0435\u043d\u0438\u044f ",(0,t.jsx)(n.code,{children:"SESSION_SECRET"}),". \u0421\u043e\u0437\u0434\u0430\u0439\u0442\u0435 \u0444\u0430\u0439\u043b ",(0,t.jsx)(n.code,{children:".env"})," \u0432 \u043a\u043e\u0440\u043d\u0435 \u043f\u0440\u043e\u0435\u043a\u0442\u0430, \u043f\u0440\u043e\u043f\u0438\u0448\u0438\u0442\u0435 \u0432 \u043d\u0435\u043c ",(0,t.jsx)(n.code,{children:"SESSION_SECRET="}),", \u0430 \u0437\u0430\u0442\u0435\u043c \u043f\u0440\u043e\u0431\u0435\u0433\u0438\u0442\u0435\u0441\u044c \u043f\u043e \u043a\u043b\u0430\u0432\u0438\u0430\u0442\u0443\u0440\u0435, \u0447\u0442\u043e\u0431\u044b \u0441\u043e\u0437\u0434\u0430\u0442\u044c \u0434\u043b\u0438\u043d\u043d\u0443\u044e \u0441\u043b\u0443\u0447\u0430\u0439\u043d\u0443\u044e \u0441\u0442\u0440\u043e\u043a\u0443. \u0423 \u0432\u0430\u0441 \u0434\u043e\u043b\u0436\u043d\u043e \u043f\u043e\u043b\u0443\u0447\u0438\u0442\u044c\u0441\u044f \u0447\u0442\u043e-\u0442\u043e \u0432\u0440\u043e\u0434\u0435 \u044d\u0442\u043e\u0433\u043e:"]}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-bash",metastring:'title=".env"',children:"SESSION_SECRET=\u043d\u0435\u0441\u043c\u0435\u0439\u0442\u0435\u044d\u0442\u043e\u043a\u043e\u043f\u0438\u0440\u043e\u0432\u0430\u0442\u044c\n"})}),"\n",(0,t.jsx)(n.p,{children:"\u041d\u0430\u043a\u043e\u043d\u0435\u0446, \u0434\u043e\u0431\u0430\u0432\u044c\u0442\u0435 \u043d\u0435\u0441\u043a\u043e\u043b\u044c\u043a\u043e \u044d\u043a\u0441\u043f\u043e\u0440\u0442\u043e\u0432 \u0432 \u043f\u0443\u0431\u043b\u0438\u0447\u043d\u044b\u0439 API, \u0447\u0442\u043e\u0431\u044b \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u044d\u0442\u043e\u0442 \u043a\u043e\u0434:"}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-tsx",metastring:'title="shared/api/index.ts"',children:'export { GET, POST, PUT, DELETE } from "./client";\n\nexport type { Article } from "./models";\n\nexport { createUserSession, getUserFromSession, requireUser } from "./auth.server";\n'})}),"\n",(0,t.jsxs)(n.p,{children:["\u0422\u0435\u043f\u0435\u0440\u044c \u043c\u044b \u043c\u043e\u0436\u0435\u043c \u043d\u0430\u043f\u0438\u0441\u0430\u0442\u044c \u043a\u043e\u0434, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u0431\u0443\u0434\u0435\u0442 \u043e\u0431\u0449\u0430\u0442\u044c\u0441\u044f \u0441 \u0431\u044d\u043a\u0435\u043d\u0434\u043e\u043c RealWorld \u0434\u043b\u044f \u0440\u0435\u0433\u0438\u0441\u0442\u0440\u0430\u0446\u0438\u0438. \u041c\u044b \u0441\u043e\u0445\u0440\u0430\u043d\u0438\u043c \u0435\u0433\u043e \u0432 ",(0,t.jsx)(n.code,{children:"pages/sign-in/api"}),". \u0421\u043e\u0437\u0434\u0430\u0439\u0442\u0435 \u0444\u0430\u0439\u043b ",(0,t.jsx)(n.code,{children:"register.ts"})," \u0438 \u043f\u043e\u043c\u0435\u0441\u0442\u0438\u0442\u0435 \u0432 \u043d\u0435\u0433\u043e \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0438\u0439 \u043a\u043e\u0434:"]}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/sign-in/api/register.ts"',children:'import { json, type ActionFunctionArgs } from "@remix-run/node";\n\nimport { POST, createUserSession } from "shared/api";\n\nexport const register = async ({ request }: ActionFunctionArgs) => {\n  const formData = await request.formData();\n  const username = formData.get("username")?.toString() ?? "";\n  const email = formData.get("email")?.toString() ?? "";\n  const password = formData.get("password")?.toString() ?? "";\n\n  const { data, error } = await POST("/users", {\n    body: { user: { email, password, username } },\n  });\n\n  if (error) {\n    return json({ error }, { status: 400 });\n  } else {\n    return createUserSession({\n      request: request,\n      user: data.user,\n      redirectTo: "/",\n    });\n  }\n};\n'})}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/sign-in/index.ts"',children:"export { RegisterPage } from './ui/RegisterPage';\nexport { register } from './api/register';\n"})}),"\n",(0,t.jsxs)(n.p,{children:["\u041f\u043e\u0447\u0442\u0438 \u0433\u043e\u0442\u043e\u0432\u043e! \u041e\u0441\u0442\u0430\u043b\u043e\u0441\u044c \u043f\u043e\u0434\u043a\u043b\u044e\u0447\u0438\u0442\u044c \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0443 \u0438 \u0434\u0435\u0439\u0441\u0442\u0432\u0438\u0435 \u0440\u0435\u0433\u0438\u0441\u0442\u0440\u0430\u0446\u0438\u0438 \u043a \u043c\u0430\u0440\u0448\u0440\u0443\u0442\u0443 ",(0,t.jsx)(n.code,{children:"/register"}),". \u0421\u043e\u0437\u0434\u0430\u0439\u0442\u0435 ",(0,t.jsx)(n.code,{children:"register.tsx"})," \u0432 ",(0,t.jsx)(n.code,{children:"app/routes"}),":"]}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-tsx",metastring:'title="app/routes/register.tsx"',children:'import { RegisterPage, register } from "pages/sign-in";\n\nexport { register as action };\n\nexport default RegisterPage;\n'})}),"\n",(0,t.jsxs)(n.p,{children:["\u0422\u0435\u043f\u0435\u0440\u044c, \u0435\u0441\u043b\u0438 \u0432\u044b \u043f\u0435\u0440\u0435\u0439\u0434\u0435\u0442\u0435 \u043d\u0430 ",(0,t.jsx)(n.a,{href:"http://localhost:3000/register",children:"http://localhost:3000/register,"})," \u0432\u044b \u0441\u043c\u043e\u0436\u0435\u0442\u0435 \u0441\u043e\u0437\u0434\u0430\u0442\u044c \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044f! \u041e\u0441\u0442\u0430\u043b\u044c\u043d\u0430\u044f \u0447\u0430\u0441\u0442\u044c \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f \u043f\u043e\u043a\u0430 \u0447\u0442\u043e \u043d\u0430 \u044d\u0442\u043e \u043d\u0435 \u043e\u0442\u0440\u0435\u0430\u0433\u0438\u0440\u0443\u0435\u0442, \u043c\u044b \u0437\u0430\u0439\u043c\u0435\u043c\u0441\u044f \u044d\u0442\u0438\u043c \u0432 \u0431\u043b\u0438\u0436\u0430\u0439\u0448\u0435\u0435 \u0432\u0440\u0435\u043c\u044f."]}),"\n",(0,t.jsx)(n.p,{children:"\u0410\u043d\u0430\u043b\u043e\u0433\u0438\u0447\u043d\u044b\u043c \u043e\u0431\u0440\u0430\u0437\u043e\u043c \u043c\u044b \u043c\u043e\u0436\u0435\u043c \u0440\u0435\u0430\u043b\u0438\u0437\u043e\u0432\u0430\u0442\u044c \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0443 \u0432\u0445\u043e\u0434\u0430 \u0432 \u0441\u0438\u0441\u0442\u0435\u043c\u0443. \u041f\u043e\u043f\u0440\u043e\u0431\u0443\u0439\u0442\u0435 \u0441\u0430\u043c\u0438 \u0438\u043b\u0438 \u043f\u0440\u043e\u0441\u0442\u043e \u0432\u043e\u0437\u044c\u043c\u0438\u0442\u0435 \u043a\u043e\u0434 \u0438 \u0434\u0432\u0438\u0433\u0430\u0439\u0442\u0435\u0441\u044c \u0434\u0430\u043b\u044c\u0448\u0435:"}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/sign-in/api/sign-in.ts"',children:'import { json, type ActionFunctionArgs } from "@remix-run/node";\n\nimport { POST, createUserSession } from "shared/api";\n\nexport const signIn = async ({ request }: ActionFunctionArgs) => {\n  const formData = await request.formData();\n  const email = formData.get("email")?.toString() ?? "";\n  const password = formData.get("password")?.toString() ?? "";\n\n  const { data, error } = await POST("/users/login", {\n    body: { user: { email, password } },\n  });\n\n  if (error) {\n    return json({ error }, { status: 400 });\n  } else {\n    return createUserSession({\n      request: request,\n      user: data.user,\n      redirectTo: "/",\n    });\n  }\n};\n'})}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/sign-in/ui/SignInPage.tsx"',children:'import { Form, Link, useActionData } from "@remix-run/react";\n\nimport type { signIn } from "../api/sign-in";\n\nexport function SignInPage() {\n  const signInData = useActionData<typeof signIn>();\n\n  return (\n    <div className="auth-page">\n      <div className="container page">\n        <div className="row">\n          <div className="col-md-6 offset-md-3 col-xs-12">\n            <h1 className="text-xs-center">Sign in</h1>\n            <p className="text-xs-center">\n              <Link to="/register">Need an account?</Link>\n            </p>\n\n            {signInData?.error && (\n              <ul className="error-messages">\n                {signInData.error.errors.body.map((error) => (\n                  <li key={error}>{error}</li>\n                ))}\n              </ul>\n            )}\n\n            <Form method="post">\n              <fieldset className="form-group">\n                <input\n                  className="form-control form-control-lg"\n                  name="email"\n                  type="text"\n                  placeholder="Email"\n                />\n              </fieldset>\n              <fieldset className="form-group">\n                <input\n                  className="form-control form-control-lg"\n                  name="password"\n                  type="password"\n                  placeholder="Password"\n                />\n              </fieldset>\n              <button className="btn btn-lg btn-primary pull-xs-right">\n                Sign in\n              </button>\n            </Form>\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n}\n'})}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/sign-in/index.ts"',children:"export { RegisterPage } from './ui/RegisterPage';\nexport { register } from './api/register';\nexport { SignInPage } from './ui/SignInPage';\nexport { signIn } from './api/sign-in';\n"})}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-tsx",metastring:'title="app/routes/login.tsx"',children:'import { SignInPage, signIn } from "pages/sign-in";\n\nexport { signIn as action };\n\nexport default SignInPage;\n'})}),"\n",(0,t.jsx)(n.p,{children:"\u0422\u0435\u043f\u0435\u0440\u044c \u0434\u0430\u0432\u0430\u0439\u0442\u0435 \u0434\u0430\u0434\u0438\u043c \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044f\u043c \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e\u0441\u0442\u044c \u043f\u043e\u043f\u0430\u0441\u0442\u044c \u043d\u0430 \u044d\u0442\u0438 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b."}),"\n",(0,t.jsx)(n.h3,{id:"\u0445\u044d\u0434\u0435\u0440",children:"\u0425\u044d\u0434\u0435\u0440"}),"\n",(0,t.jsx)(n.p,{children:"\u041a\u0430\u043a \u043c\u044b \u0443\u0436\u0435 \u0433\u043e\u0432\u043e\u0440\u0438\u043b\u0438 \u0432 \u043f\u0435\u0440\u0432\u043e\u0439 \u0447\u0430\u0441\u0442\u0438, \u0445\u044d\u0434\u0435\u0440 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f \u043e\u0431\u044b\u0447\u043d\u043e \u0440\u0430\u0437\u043c\u0435\u0449\u0430\u0435\u0442\u0441\u044f \u043b\u0438\u0431\u043e \u0432 Widgets, \u043b\u0438\u0431\u043e \u0432 Shared. \u041c\u044b \u043f\u043e\u043c\u0435\u0441\u0442\u0438\u043c \u0435\u0433\u043e \u0432 Shared, \u043f\u043e\u0442\u043e\u043c\u0443 \u0447\u0442\u043e \u043e\u043d \u043e\u0447\u0435\u043d\u044c \u043f\u0440\u043e\u0441\u0442, \u0438 \u0432\u0441\u044f \u0431\u0438\u0437\u043d\u0435\u0441-\u043b\u043e\u0433\u0438\u043a\u0430 \u043c\u043e\u0436\u0435\u0442 \u0431\u044b\u0442\u044c \u0441\u043e\u0445\u0440\u0430\u043d\u0435\u043d\u0430 \u0437\u0430 \u0435\u0433\u043e \u043f\u0440\u0435\u0434\u0435\u043b\u0430\u043c\u0438. \u0414\u0430\u0432\u0430\u0439\u0442\u0435 \u0441\u043e\u0437\u0434\u0430\u0434\u0438\u043c \u0434\u043b\u044f \u043d\u0435\u0433\u043e \u043c\u0435\u0441\u0442\u043e:"}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-bash",children:"npx fsd shared ui\n"})}),"\n",(0,t.jsxs)(n.p,{children:["\u0422\u0435\u043f\u0435\u0440\u044c \u0441\u043e\u0437\u0434\u0430\u0439\u0442\u0435 ",(0,t.jsx)(n.code,{children:"shared/ui/Header.tsx"})," \u0441\u043e \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0438\u043c \u0441\u043e\u0434\u0435\u0440\u0436\u0438\u043c\u044b\u043c:"]}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-tsx",metastring:'title="shared/ui/Header.tsx"',children:'import { useContext } from "react";\nimport { Link, useLocation } from "@remix-run/react";\n\nimport { CurrentUser } from "../api/currentUser";\n\nexport function Header() {\n  const currentUser = useContext(CurrentUser);\n  const { pathname } = useLocation();\n\n  return (\n    <nav className="navbar navbar-light">\n      <div className="container">\n        <Link className="navbar-brand" to="/" prefetch="intent">\n          conduit\n        </Link>\n        <ul className="nav navbar-nav pull-xs-right">\n          <li className="nav-item">\n            <Link\n              prefetch="intent"\n              className={`nav-link ${pathname == "/" ? "active" : ""}`}\n              to="/"\n            >\n              Home\n            </Link>\n          </li>\n          {currentUser == null ? (\n            <>\n              <li className="nav-item">\n                <Link\n                  prefetch="intent"\n                  className={`nav-link ${pathname == "/login" ? "active" : ""}`}\n                  to="/login"\n                >\n                  Sign in\n                </Link>\n              </li>\n              <li className="nav-item">\n                <Link\n                  prefetch="intent"\n                  className={`nav-link ${pathname == "/register" ? "active" : ""}`}\n                  to="/register"\n                >\n                  Sign up\n                </Link>\n              </li>\n            </>\n          ) : (\n            <>\n              <li className="nav-item">\n                <Link\n                  prefetch="intent"\n                  className={`nav-link ${pathname == "/editor" ? "active" : ""}`}\n                  to="/editor"\n                >\n                  <i className="ion-compose"></i>&nbsp;New Article{" "}\n                </Link>\n              </li>\n\n              <li className="nav-item">\n                <Link\n                  prefetch="intent"\n                  className={`nav-link ${pathname == "/settings" ? "active" : ""}`}\n                  to="/settings"\n                >\n                  {" "}\n                  <i className="ion-gear-a"></i>&nbsp;Settings{" "}\n                </Link>\n              </li>\n              <li className="nav-item">\n                <Link\n                  prefetch="intent"\n                  className={`nav-link ${pathname.includes("/profile") ? "active" : ""}`}\n                  to={`/profile/${currentUser.username}`}\n                >\n                  {currentUser.image && (\n                    <img\n                      width={25}\n                      height={25}\n                      src={currentUser.image}\n                      className="user-pic"\n                      alt=""\n                    />\n                  )}\n                  {currentUser.username}\n                </Link>\n              </li>\n            </>\n          )}\n        </ul>\n      </div>\n    </nav>\n  );\n}\n'})}),"\n",(0,t.jsxs)(n.p,{children:["\u042d\u043a\u0441\u043f\u043e\u0440\u0442\u0438\u0440\u0443\u0439\u0442\u0435 \u044d\u0442\u043e\u0442 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442 \u0438\u0437 ",(0,t.jsx)(n.code,{children:"shared/ui"}),":"]}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-tsx",metastring:'title="shared/ui/index.ts"',children:'export { Header } from "./Header";\n'})}),"\n",(0,t.jsxs)(n.p,{children:["\u0412 \u0445\u044d\u0434\u0435\u0440\u0435 \u043c\u044b \u043f\u043e\u043b\u0430\u0433\u0430\u0435\u043c\u0441\u044f \u043d\u0430 \u043a\u043e\u043d\u0442\u0435\u043a\u0441\u0442, \u0440\u0430\u0441\u043f\u043e\u043b\u043e\u0436\u0435\u043d\u043d\u044b\u0439 \u0432 ",(0,t.jsx)(n.code,{children:"shared/api"}),". \u0421\u043e\u0437\u0434\u0430\u0439\u0442\u0435 \u0435\u0449\u0451 \u0435\u0433\u043e:"]}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-tsx",metastring:'title="shared/api/currentUser.ts"',children:'import { createContext } from "react";\n\nimport type { User } from "./models";\n\nexport const CurrentUser = createContext<User | null>(null);\n'})}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-tsx",metastring:'title="shared/api/index.ts"',children:'export { GET, POST, PUT, DELETE } from "./client";\n\nexport type { Article } from "./models";\n\nexport { createUserSession, getUserFromSession, requireUser } from "./auth.server";\nexport { CurrentUser } from "./currentUser";\n'})}),"\n",(0,t.jsxs)(n.p,{children:["\u0422\u0435\u043f\u0435\u0440\u044c \u0434\u0430\u0432\u0430\u0439\u0442\u0435 \u0434\u043e\u0431\u0430\u0432\u0438\u043c \u0445\u044d\u0434\u0435\u0440 \u043d\u0430 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0443. \u041c\u044b \u0445\u043e\u0442\u0438\u043c, \u0447\u0442\u043e\u0431\u044b \u043e\u043d \u0431\u044b\u043b \u043d\u0430 \u043a\u0430\u0436\u0434\u043e\u0439 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0435, \u043f\u043e\u044d\u0442\u043e\u043c\u0443 \u0438\u043c\u0435\u0435\u0442 \u0441\u043c\u044b\u0441\u043b \u043f\u0440\u043e\u0441\u0442\u043e \u0434\u043e\u0431\u0430\u0432\u0438\u0442\u044c \u0435\u0433\u043e \u0432 \u043a\u043e\u0440\u043d\u0435\u0432\u043e\u0439 \u043c\u0430\u0440\u0448\u0440\u0443\u0442 \u0438 \u043e\u0431\u0435\u0440\u043d\u0443\u0442\u044c \u0430\u0443\u0442\u043b\u0435\u0442 (\u043c\u0435\u0441\u0442\u043e, \u0432 \u043a\u043e\u0442\u043e\u0440\u043e\u0435 \u0431\u0443\u0434\u0435\u0442 \u043e\u0442\u0440\u0435\u043d\u0434\u0435\u0440\u0435\u043d\u0430 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0430) \u043f\u0440\u043e\u0432\u0430\u0439\u0434\u0435\u0440\u043e\u043c \u043a\u043e\u043d\u0442\u0435\u043a\u0441\u0442\u0430 ",(0,t.jsx)(n.code,{children:"CurrentUser"}),". \u0422\u0430\u043a\u0438\u043c \u043e\u0431\u0440\u0430\u0437\u043e\u043c, \u0432\u0441\u0435 \u043d\u0430\u0448\u0435 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0435, \u0432\u043a\u043b\u044e\u0447\u0430\u044f \u0445\u044d\u0434\u0435\u0440, \u043f\u043e\u043b\u0443\u0447\u0438\u0442 \u0434\u043e\u0441\u0442\u0443\u043f \u043a \u043e\u0431\u044a\u0435\u043a\u0442\u0443 \u0442\u0435\u043a\u0443\u0449\u0435\u0433\u043e \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044f. \u041c\u044b \u0442\u0430\u043a\u0436\u0435 \u0434\u043e\u0431\u0430\u0432\u0438\u043c \u0437\u0430\u0433\u0440\u0443\u0437\u0447\u0438\u043a \u0434\u043b\u044f \u043f\u043e\u043b\u0443\u0447\u0435\u043d\u0438\u044f \u043e\u0431\u044a\u0435\u043a\u0442\u0430 \u0442\u0435\u043a\u0443\u0449\u0435\u0433\u043e \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044f \u0438\u0437 cookies. \u0414\u043e\u0431\u0430\u0432\u044c\u0442\u0435 \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0435\u0435 \u0432 ",(0,t.jsx)(n.code,{children:"app/root.tsx"}),":"]}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-tsx",metastring:'title="app/root.tsx"',children:'import { cssBundleHref } from "@remix-run/css-bundle";\nimport type { LinksFunction, LoaderFunctionArgs } from "@remix-run/node";\nimport {\n  Links,\n  LiveReload,\n  Meta,\n  Outlet,\n  Scripts,\n  ScrollRestoration,\n  useLoaderData,\n} from "@remix-run/react";\n\nimport { Header } from "shared/ui";\nimport { getUserFromSession, CurrentUser } from "shared/api";\n\nexport const links: LinksFunction = () => [\n  ...(cssBundleHref ? [{ rel: "stylesheet", href: cssBundleHref }] : []),\n];\n\nexport const loader = ({ request }: LoaderFunctionArgs) =>\n  getUserFromSession(request);\n\nexport default function App() {\n  const user = useLoaderData<typeof loader>();\n\n  return (\n    <html lang="en">\n      <head>\n        <meta charSet="utf-8" />\n        <meta name="viewport" content="width=device-width, initial-scale=1" />\n        <Meta />\n        <Links />\n        <link\n          href="//code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css"\n          rel="stylesheet"\n          type="text/css"\n        />\n        <link\n          href="//fonts.googleapis.com/css?family=Titillium+Web:700|Source+Serif+Pro:400,700|Merriweather+Sans:400,700|Source+Sans+Pro:400,300,600,700,300italic,400italic,600italic,700italic"\n          rel="stylesheet"\n          type="text/css"\n        />\n        <link rel="stylesheet" href="//demo.productionready.io/main.css" />\n        <style>{`\n          button {\n            border: 0;\n          }\n        `}</style>\n      </head>\n      <body>\n        <CurrentUser.Provider value={user}>\n          <Header />\n          <Outlet />\n        </CurrentUser.Provider>\n        <ScrollRestoration />\n        <Scripts />\n        <LiveReload />\n      </body>\n    </html>\n  );\n}\n'})}),"\n",(0,t.jsx)(n.p,{children:"\u0412 \u0438\u0442\u043e\u0433\u0435 \u043d\u0430 \u0433\u043b\u0430\u0432\u043d\u043e\u0439 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0435 \u0434\u043e\u043b\u0436\u043d\u043e \u043f\u043e\u043b\u0443\u0447\u0438\u0442\u044c\u0441\u044f \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0435\u0435:"}),"\n",(0,t.jsxs)("figure",{children:[(0,t.jsx)(n.p,{children:(0,t.jsx)(n.img,{alt:"\u0421\u0442\u0440\u0430\u043d\u0438\u0446\u0430 \u0444\u0438\u0434\u0430 Conduit, \u043d\u0430 \u043a\u043e\u0442\u043e\u0440\u043e\u0439 \u0435\u0441\u0442\u044c \u0445\u044d\u0434\u0435\u0440, \u0444\u0438\u0434 \u0438 \u0442\u0435\u0433\u0438. \u0412\u043a\u043b\u0430\u0434\u043a\u0438 \u043f\u043e-\u043f\u0440\u0435\u0436\u043d\u0435\u043c\u0443 \u043e\u0442\u0441\u0443\u0442\u0441\u0442\u0432\u0443\u044e\u0442.",src:r(6231).A+"",width:"2880",height:"1488"})}),(0,t.jsx)("figcaption",{children:"\u0421\u0442\u0440\u0430\u043d\u0438\u0446\u0430 \u0444\u0438\u0434\u0430 Conduit, \u043d\u0430 \u043a\u043e\u0442\u043e\u0440\u043e\u0439 \u0435\u0441\u0442\u044c \u0445\u044d\u0434\u0435\u0440, \u0444\u0438\u0434 \u0438 \u0442\u0435\u0433\u0438. \u0412\u043a\u043b\u0430\u0434\u043a\u0438 \u043f\u043e-\u043f\u0440\u0435\u0436\u043d\u0435\u043c\u0443 \u043e\u0442\u0441\u0443\u0442\u0441\u0442\u0432\u0443\u044e\u0442."})]}),"\n",(0,t.jsx)(n.h3,{id:"\u0432\u043a\u043b\u0430\u0434\u043a\u0438",children:"\u0412\u043a\u043b\u0430\u0434\u043a\u0438"}),"\n",(0,t.jsxs)(n.p,{children:["\u0422\u0435\u043f\u0435\u0440\u044c, \u043a\u043e\u0433\u0434\u0430 \u043c\u044b \u043c\u043e\u0436\u0435\u043c \u043e\u043f\u0440\u0435\u0434\u0435\u043b\u0438\u0442\u044c \u0441\u043e\u0441\u0442\u043e\u044f\u043d\u0438\u0435 \u0430\u0443\u0442\u0435\u043d\u0442\u0438\u0444\u0438\u043a\u0430\u0446\u0438\u0438, \u0434\u0430\u0432\u0430\u0439\u0442\u0435 \u0442\u0430\u043a\u0436\u0435 \u0431\u044b\u0441\u0442\u0440\u0435\u043d\u044c\u043a\u043e \u0440\u0435\u0430\u043b\u0438\u0437\u0443\u0435\u043c \u0432\u043a\u043b\u0430\u0434\u043a\u0438 \u0438 \u043b\u0430\u0439\u043a\u0438, \u0447\u0442\u043e\u0431 \u0437\u0430\u043a\u043e\u043d\u0447\u0438\u0442\u044c \u0441\u043e \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0435\u0439 \u043b\u0435\u043d\u0442\u044b. \u041d\u0430\u043c \u043d\u0443\u0436\u043d\u0430 \u0435\u0449\u0435 \u043e\u0434\u043d\u0430 \u0444\u043e\u0440\u043c\u0430, \u043d\u043e \u044d\u0442\u043e\u0442 \u0444\u0430\u0439\u043b \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b \u0441\u0442\u0430\u043d\u043e\u0432\u0438\u0442\u0441\u044f \u0441\u043b\u0438\u0448\u043a\u043e\u043c \u0431\u043e\u043b\u044c\u0448\u0438\u043c, \u043f\u043e\u044d\u0442\u043e\u043c\u0443 \u0434\u0430\u0432\u0430\u0439\u0442\u0435 \u043f\u0435\u0440\u0435\u043d\u0435\u0441\u0435\u043c \u044d\u0442\u0438 \u0444\u043e\u0440\u043c\u044b \u0432 \u0441\u043e\u0441\u0435\u0434\u043d\u0438\u0435 \u0444\u0430\u0439\u043b\u044b. \u041c\u044b \u0441\u043e\u0437\u0434\u0430\u0434\u0438\u043c ",(0,t.jsx)(n.code,{children:"Tabs.tsx"}),", ",(0,t.jsx)(n.code,{children:"PopularTags.tsx"})," \u0438 ",(0,t.jsx)(n.code,{children:"Pagination.tsx"})," \u0441\u043e \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0438\u043c \u0441\u043e\u0434\u0435\u0440\u0436\u0438\u043c\u044b\u043c:"]}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/feed/ui/Tabs.tsx"',children:'import { useContext } from "react";\nimport { Form, useSearchParams } from "@remix-run/react";\n\nimport { CurrentUser } from "shared/api";\n\nexport function Tabs() {\n  const [searchParams] = useSearchParams();\n  const currentUser = useContext(CurrentUser);\n\n  return (\n    <Form>\n      <div className="feed-toggle">\n        <ul className="nav nav-pills outline-active">\n          {currentUser !== null && (\n            <li className="nav-item">\n              <button\n                name="source"\n                value="my-feed"\n                className={`nav-link ${searchParams.get("source") === "my-feed" ? "active" : ""}`}\n              >\n                Your Feed\n              </button>\n            </li>\n          )}\n          <li className="nav-item">\n            <button\n              className={`nav-link ${searchParams.has("tag") || searchParams.has("source") ? "" : "active"}`}\n            >\n              Global Feed\n            </button>\n          </li>\n          {searchParams.has("tag") && (\n            <li className="nav-item">\n              <span className="nav-link active">\n                <i className="ion-pound"></i> {searchParams.get("tag")}\n              </span>\n            </li>\n          )}\n        </ul>\n      </div>\n    </Form>\n  );\n}\n'})}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/feed/ui/PopularTags.tsx"',children:'import { Form, useLoaderData } from "@remix-run/react";\nimport { ExistingSearchParams } from "remix-utils/existing-search-params";\n\nimport type { loader } from "../api/loader";\n\nexport function PopularTags() {\n  const { tags } = useLoaderData<typeof loader>();\n\n  return (\n    <div className="sidebar">\n      <p>Popular Tags</p>\n\n      <Form>\n        <ExistingSearchParams exclude={["tag", "page", "source"]} />\n        <div className="tag-list">\n          {tags.tags.map((tag) => (\n            <button\n              key={tag}\n              name="tag"\n              value={tag}\n              className="tag-pill tag-default"\n            >\n              {tag}\n            </button>\n          ))}\n        </div>\n      </Form>\n    </div>\n  );\n}\n'})}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/feed/ui/Pagination.tsx"',children:'import { Form, useLoaderData, useSearchParams } from "@remix-run/react";\nimport { ExistingSearchParams } from "remix-utils/existing-search-params";\n\nimport { LIMIT, type loader } from "../api/loader";\n\nexport function Pagination() {\n  const [searchParams] = useSearchParams();\n  const { articles } = useLoaderData<typeof loader>();\n  const pageAmount = Math.ceil(articles.articlesCount / LIMIT);\n  const currentPage = parseInt(searchParams.get("page") ?? "1", 10);\n\n  return (\n    <Form>\n      <ExistingSearchParams exclude={["page"]} />\n      <ul className="pagination">\n        {Array(pageAmount)\n          .fill(null)\n          .map((_, index) =>\n            index + 1 === currentPage ? (\n              <li key={index} className="page-item active">\n                <span className="page-link">{index + 1}</span>\n              </li>\n            ) : (\n              <li key={index} className="page-item">\n                <button className="page-link" name="page" value={index + 1}>\n                  {index + 1}\n                </button>\n              </li>\n            ),\n          )}\n      </ul>\n    </Form>\n  );\n}\n'})}),"\n",(0,t.jsx)(n.p,{children:"\u0418 \u0442\u0435\u043f\u0435\u0440\u044c \u043c\u044b \u043c\u043e\u0436\u0435\u043c \u0437\u043d\u0430\u0447\u0438\u0442\u0435\u043b\u044c\u043d\u043e \u0443\u043f\u0440\u043e\u0441\u0442\u0438\u0442\u044c \u0441\u0430\u043c\u0443 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0443 \u0441 \u0444\u0438\u0434\u043e\u043c:"}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/feed/ui/FeedPage.tsx"',children:'import { useLoaderData } from "@remix-run/react";\n\nimport type { loader } from "../api/loader";\nimport { ArticlePreview } from "./ArticlePreview";\nimport { Tabs } from "./Tabs";\nimport { PopularTags } from "./PopularTags";\nimport { Pagination } from "./Pagination";\n\nexport function FeedPage() {\n  const { articles } = useLoaderData<typeof loader>();\n\n  return (\n    <div className="home-page">\n      <div className="banner">\n        <div className="container">\n          <h1 className="logo-font">conduit</h1>\n          <p>A place to share your knowledge.</p>\n        </div>\n      </div>\n\n      <div className="container page">\n        <div className="row">\n          <div className="col-md-9">\n            <Tabs />\n\n            {articles.articles.map((article) => (\n              <ArticlePreview key={article.slug} article={article} />\n            ))}\n\n            <Pagination />\n          </div>\n\n          <div className="col-md-3">\n            <PopularTags />\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n}\n'})}),"\n",(0,t.jsx)(n.p,{children:"\u041d\u0430\u043c \u0442\u0430\u043a\u0436\u0435 \u043d\u0443\u0436\u043d\u043e \u0443\u0447\u0435\u0441\u0442\u044c \u043d\u043e\u0432\u0443\u044e \u0432\u043a\u043b\u0430\u0434\u043a\u0443 \u0432 \u0444\u0443\u043d\u043a\u0446\u0438\u0438-\u0437\u0430\u0433\u0440\u0443\u0437\u0447\u0438\u043a\u0435:"}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/feed/api/loader.ts"',children:'import { json, type LoaderFunctionArgs } from "@remix-run/node";\nimport type { FetchResponse } from "openapi-fetch";\nimport { promiseHash } from "remix-utils/promise";\n\nimport { GET, requireUser } from "shared/api";\n\nasync function throwAnyErrors<T, O, Media extends `${string}/${string}`>(\n  responsePromise: Promise<FetchResponse<T, O, Media>>,\n) {\n  /* unchanged */\n}\n\n/** Amount of articles on one page. */\nexport const LIMIT = 20;\n\nexport const loader = async ({ request }: LoaderFunctionArgs) => {\n  const url = new URL(request.url);\n  const selectedTag = url.searchParams.get("tag") ?? undefined;\n  const page = parseInt(url.searchParams.get("page") ?? "", 10);\n\n  if (url.searchParams.get("source") === "my-feed") {\n    const userSession = await requireUser(request);\n\n    return json(\n      await promiseHash({\n        articles: throwAnyErrors(\n          GET("/articles/feed", {\n            params: {\n              query: {\n                limit: LIMIT,\n                offset: !Number.isNaN(page) ? page * LIMIT : undefined,\n              },\n            },\n            headers: { Authorization: `Token ${userSession.token}` },\n          }),\n        ),\n        tags: throwAnyErrors(GET("/tags")),\n      }),\n    );\n  }\n\n  return json(\n    await promiseHash({\n      articles: throwAnyErrors(\n        GET("/articles", {\n          params: {\n            query: {\n              tag: selectedTag,\n              limit: LIMIT,\n              offset: !Number.isNaN(page) ? page * LIMIT : undefined,\n            },\n          },\n        }),\n      ),\n      tags: throwAnyErrors(GET("/tags")),\n    }),\n  );\n};\n'})}),"\n",(0,t.jsxs)(n.p,{children:["\u041f\u0440\u0435\u0436\u0434\u0435 \u0447\u0435\u043c \u043c\u044b \u043e\u0442\u043b\u043e\u0436\u0438\u043c \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0443 \u043b\u0435\u043d\u0442\u044b, \u0434\u0430\u0432\u0430\u0439\u0442\u0435 \u0434\u043e\u0431\u0430\u0432\u0438\u043c \u043a\u043e\u0434, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u0431\u0443\u0434\u0435\u0442 \u043e\u0431\u0440\u0430\u0431\u0430\u0442\u044b\u0432\u0430\u0442\u044c \u043b\u0430\u0439\u043a\u0438 \u043a \u043f\u043e\u0441\u0442\u0430\u043c. \u0418\u0437\u043c\u0435\u043d\u0438\u0442\u0435 \u0432\u0430\u0448 ",(0,t.jsx)(n.code,{children:"ArticlePreview.tsx"})," \u043d\u0430 \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0438\u0439:"]}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/feed/ui/ArticlePreview.tsx"',children:'import { Form, Link } from "@remix-run/react";\nimport type { Article } from "shared/api";\n\ninterface ArticlePreviewProps {\n  article: Article;\n}\n\nexport function ArticlePreview({ article }: ArticlePreviewProps) {\n  return (\n    <div className="article-preview">\n      <div className="article-meta">\n        <Link to={`/profile/${article.author.username}`} prefetch="intent">\n          <img src={article.author.image} alt="" />\n        </Link>\n        <div className="info">\n          <Link\n            to={`/profile/${article.author.username}`}\n            className="author"\n            prefetch="intent"\n          >\n            {article.author.username}\n          </Link>\n          <span className="date" suppressHydrationWarning>\n            {new Date(article.createdAt).toLocaleDateString(undefined, {\n              dateStyle: "long",\n            })}\n          </span>\n        </div>\n        <Form\n          method="post"\n          action={`/article/${article.slug}`}\n          preventScrollReset\n        >\n          <button\n            name="_action"\n            value={article.favorited ? "unfavorite" : "favorite"}\n            className={`btn ${article.favorited ? "btn-primary" : "btn-outline-primary"} btn-sm pull-xs-right`}\n          >\n            <i className="ion-heart"></i> {article.favoritesCount}\n          </button>\n        </Form>\n      </div>\n      <Link\n        to={`/article/${article.slug}`}\n        className="preview-link"\n        prefetch="intent"\n      >\n        <h1>{article.title}</h1>\n        <p>{article.description}</p>\n        <span>Read more...</span>\n        <ul className="tag-list">\n          {article.tagList.map((tag) => (\n            <li key={tag} className="tag-default tag-pill tag-outline">\n              {tag}\n            </li>\n          ))}\n        </ul>\n      </Link>\n    </div>\n  );\n}\n'})}),"\n",(0,t.jsxs)(n.p,{children:["\u042d\u0442\u043e\u0442 \u043a\u043e\u0434 \u043e\u0442\u043f\u0440\u0430\u0432\u0438\u0442 POST-\u0437\u0430\u043f\u0440\u043e\u0441 \u043d\u0430 ",(0,t.jsx)(n.code,{children:"/article/:slug"})," \u0441 ",(0,t.jsx)(n.code,{children:"_action=favorite"}),", \u0447\u0442\u043e\u0431\u044b \u043e\u0442\u043c\u0435\u0442\u0438\u0442\u044c \u0441\u0442\u0430\u0442\u044c\u044e \u043a\u0430\u043a \u043b\u044e\u0431\u0438\u043c\u0443\u044e. \u041f\u043e\u043a\u0430 \u044d\u0442\u043e \u043d\u0435 \u0440\u0430\u0431\u043e\u0442\u0430\u0435\u0442, \u043d\u043e \u043a\u0430\u043a \u0442\u043e\u043b\u044c\u043a\u043e \u043c\u044b \u043d\u0430\u0447\u043d\u0435\u043c \u0440\u0430\u0431\u043e\u0442\u0430\u0442\u044c \u043d\u0430\u0434 \u0447\u0438\u0442\u0430\u043b\u043a\u043e\u0439 \u0441\u0442\u0430\u0442\u0435\u0439, \u043c\u044b \u0440\u0435\u0430\u043b\u0438\u0437\u0443\u0435\u043c \u0438 \u044d\u0442\u043e."]}),"\n",(0,t.jsx)(n.p,{children:"\u0418 \u043d\u0430 \u044d\u0442\u043e\u043c \u043c\u044b \u043e\u0444\u0438\u0446\u0438\u0430\u043b\u044c\u043d\u043e \u0437\u0430\u043a\u043e\u043d\u0447\u0438\u043b\u0438 \u0440\u0430\u0431\u043e\u0442\u0443 \u043d\u0430\u0434 \u0444\u0438\u0434\u043e\u043c! \u0423\u0440\u0430!"}),"\n",(0,t.jsx)(n.h3,{id:"\u0447\u0438\u0442\u0430\u043b\u043a\u0430-\u0441\u0442\u0430\u0442\u0435\u0439",children:"\u0427\u0438\u0442\u0430\u043b\u043a\u0430 \u0441\u0442\u0430\u0442\u0435\u0439"}),"\n",(0,t.jsx)(n.p,{children:"\u0412\u043e-\u043f\u0435\u0440\u0432\u044b\u0445, \u043d\u0430\u043c \u043d\u0443\u0436\u043d\u044b \u0434\u0430\u043d\u043d\u044b\u0435. \u0414\u0430\u0432\u0430\u0439\u0442\u0435 \u0441\u043e\u0437\u0434\u0430\u0434\u0438\u043c \u0437\u0430\u0433\u0440\u0443\u0437\u0447\u0438\u043a:"}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-bash",children:"npx fsd pages article-read -s api\n"})}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/article-read/api/loader.ts"',children:'import { json, type LoaderFunctionArgs } from "@remix-run/node";\nimport invariant from "tiny-invariant";\nimport type { FetchResponse } from "openapi-fetch";\nimport { promiseHash } from "remix-utils/promise";\n\nimport { GET, getUserFromSession } from "shared/api";\n\nasync function throwAnyErrors<T, O, Media extends `${string}/${string}`>(\n  responsePromise: Promise<FetchResponse<T, O, Media>>,\n) {\n  const { data, error, response } = await responsePromise;\n\n  if (error !== undefined) {\n    throw json(error, { status: response.status });\n  }\n\n  return data as NonNullable<typeof data>;\n}\n\nexport const loader = async ({ request, params }: LoaderFunctionArgs) => {\n  invariant(params.slug, "Expected a slug parameter");\n  const currentUser = await getUserFromSession(request);\n  const authorization = currentUser\n    ? { Authorization: `Token ${currentUser.token}` }\n    : undefined;\n\n  return json(\n    await promiseHash({\n      article: throwAnyErrors(\n        GET("/articles/{slug}", {\n          params: {\n            path: { slug: params.slug },\n          },\n          headers: authorization,\n        }),\n      ),\n      comments: throwAnyErrors(\n        GET("/articles/{slug}/comments", {\n          params: {\n            path: { slug: params.slug },\n          },\n          headers: authorization,\n        }),\n      ),\n    }),\n  );\n};\n'})}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/article-read/index.ts"',children:'export { loader } from "./api/loader";\n'})}),"\n",(0,t.jsxs)(n.p,{children:["\u0422\u0435\u043f\u0435\u0440\u044c \u043c\u044b \u043c\u043e\u0436\u0435\u043c \u043f\u043e\u0434\u043a\u043b\u044e\u0447\u0438\u0442\u044c \u0435\u0433\u043e \u043a \u043c\u0430\u0440\u0448\u0440\u0443\u0442\u0443 ",(0,t.jsx)(n.code,{children:"/article/:slug"}),", \u0441\u043e\u0437\u0434\u0430\u0432 \u0444\u0430\u0439\u043b \u043c\u0430\u0440\u0448\u0440\u0443\u0442\u0430 ",(0,t.jsx)(n.code,{children:"article.$slug.tsx"}),":"]}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-tsx",metastring:'title="app/routes/article.$slug.tsx"',children:'export { loader } from "pages/article-read";\n'})}),"\n",(0,t.jsx)(n.p,{children:"\u0421\u0430\u043c\u0430 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0430 \u0441\u043e\u0441\u0442\u043e\u0438\u0442 \u0438\u0437 \u0442\u0440\u0435\u0445 \u043e\u0441\u043d\u043e\u0432\u043d\u044b\u0445 \u0431\u043b\u043e\u043a\u043e\u0432 \u2014 \u0437\u0430\u0433\u043e\u043b\u043e\u0432\u043a\u0430 \u0441\u0442\u0430\u0442\u044c\u0438 \u0441 \u0434\u0435\u0439\u0441\u0442\u0432\u0438\u044f\u043c\u0438 (\u043f\u043e\u0432\u0442\u043e\u0440\u044f\u0435\u0442\u0441\u044f \u0434\u0432\u0430\u0436\u0434\u044b), \u0442\u0435\u043b\u0430 \u0441\u0442\u0430\u0442\u044c\u0438 \u0438 \u0440\u0430\u0437\u0434\u0435\u043b\u0430 \u043a\u043e\u043c\u043c\u0435\u043d\u0442\u0430\u0440\u0438\u0435\u0432. \u042d\u0442\u043e \u0440\u0430\u0437\u043c\u0435\u0442\u043a\u0430 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b, \u043e\u043d\u0430 \u043d\u0435 \u043e\u0441\u043e\u0431\u0435\u043d\u043d\u043e \u0438\u043d\u0442\u0435\u0440\u0435\u0441\u043d\u0430:"}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/article-read/ui/ArticleReadPage.tsx"',children:'import { useLoaderData } from "@remix-run/react";\n\nimport type { loader } from "../api/loader";\nimport { ArticleMeta } from "./ArticleMeta";\nimport { Comments } from "./Comments";\n\nexport function ArticleReadPage() {\n  const { article } = useLoaderData<typeof loader>();\n\n  return (\n    <div className="article-page">\n      <div className="banner">\n        <div className="container">\n          <h1>{article.article.title}</h1>\n\n          <ArticleMeta />\n        </div>\n      </div>\n\n      <div className="container page">\n        <div className="row article-content">\n          <div className="col-md-12">\n            <p>{article.article.body}</p>\n            <ul className="tag-list">\n              {article.article.tagList.map((tag) => (\n                <li className="tag-default tag-pill tag-outline" key={tag}>\n                  {tag}\n                </li>\n              ))}\n            </ul>\n          </div>\n        </div>\n\n        <hr />\n\n        <div className="article-actions">\n          <ArticleMeta />\n        </div>\n\n        <div className="row">\n          <Comments />\n        </div>\n      </div>\n    </div>\n  );\n}\n'})}),"\n",(0,t.jsxs)(n.p,{children:["\u0411\u043e\u043b\u0435\u0435 \u0438\u043d\u0442\u0435\u0440\u0435\u0441\u043d\u044b\u043c\u0438 \u044f\u0432\u043b\u044f\u044e\u0442\u0441\u044f ",(0,t.jsx)(n.code,{children:"ArticleMeta"})," \u0438 ",(0,t.jsx)(n.code,{children:"Comments"}),". \u041e\u043d\u0438 \u0441\u043e\u0434\u0435\u0440\u0436\u0430\u0442 \u043e\u043f\u0435\u0440\u0430\u0446\u0438\u0438 \u0437\u0430\u043f\u0438\u0441\u0438, \u0442\u0430\u043a\u0438\u0435 \u043a\u0430\u043a \u043b\u0430\u0439\u043a\u043d\u0443\u0442\u044c \u0441\u0442\u0430\u0442\u044c\u044e, \u043e\u0441\u0442\u0430\u0432\u0438\u0442\u044c \u043a\u043e\u043c\u043c\u0435\u043d\u0442\u0430\u0440\u0438\u0439 \u0438 \u0442. \u0434. \u0427\u0442\u043e\u0431\u044b \u043e\u043d\u0438 \u0437\u0430\u0440\u0430\u0431\u043e\u0442\u0430\u043b\u0438, \u043d\u0430\u043c \u0441\u043d\u0430\u0447\u0430\u043b\u0430 \u043d\u0443\u0436\u043d\u043e \u0440\u0435\u0430\u043b\u0438\u0437\u043e\u0432\u0430\u0442\u044c \u0431\u044d\u043a\u0435\u043d\u0434-\u0447\u0430\u0441\u0442\u044c. \u0421\u043e\u0437\u0434\u0430\u0439\u0442\u0435 \u0444\u0430\u0439\u043b ",(0,t.jsx)(n.code,{children:"action.ts"})," \u0432 \u0441\u0435\u0433\u043c\u0435\u043d\u0442\u0435 ",(0,t.jsx)(n.code,{children:"api"})," \u044d\u0442\u043e\u0439 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b:"]}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/article-read/api/action.ts"',children:'import { redirect, type ActionFunctionArgs } from "@remix-run/node";\nimport { namedAction } from "remix-utils/named-action";\nimport { redirectBack } from "remix-utils/redirect-back";\nimport invariant from "tiny-invariant";\n\nimport { DELETE, POST, requireUser } from "shared/api";\n\nexport const action = async ({ request, params }: ActionFunctionArgs) => {\n  const currentUser = await requireUser(request);\n\n  const authorization = { Authorization: `Token ${currentUser.token}` };\n\n  const formData = await request.formData();\n\n  return namedAction(formData, {\n    async delete() {\n      invariant(params.slug, "Expected a slug parameter");\n      await DELETE("/articles/{slug}", {\n        params: { path: { slug: params.slug } },\n        headers: authorization,\n      });\n      return redirect("/");\n    },\n    async favorite() {\n      invariant(params.slug, "Expected a slug parameter");\n      await POST("/articles/{slug}/favorite", {\n        params: { path: { slug: params.slug } },\n        headers: authorization,\n      });\n      return redirectBack(request, { fallback: "/" });\n    },\n    async unfavorite() {\n      invariant(params.slug, "Expected a slug parameter");\n      await DELETE("/articles/{slug}/favorite", {\n        params: { path: { slug: params.slug } },\n        headers: authorization,\n      });\n      return redirectBack(request, { fallback: "/" });\n    },\n    async createComment() {\n      invariant(params.slug, "Expected a slug parameter");\n      const comment = formData.get("comment");\n      invariant(typeof comment === "string", "Expected a comment parameter");\n      await POST("/articles/{slug}/comments", {\n        params: { path: { slug: params.slug } },\n        headers: { ...authorization, "Content-Type": "application/json" },\n        body: { comment: { body: comment } },\n      });\n      return redirectBack(request, { fallback: "/" });\n    },\n    async deleteComment() {\n      invariant(params.slug, "Expected a slug parameter");\n      const commentId = formData.get("id");\n      invariant(typeof commentId === "string", "Expected an id parameter");\n      const commentIdNumeric = parseInt(commentId, 10);\n      invariant(\n        !Number.isNaN(commentIdNumeric),\n        "Expected a numeric id parameter",\n      );\n      await DELETE("/articles/{slug}/comments/{id}", {\n        params: { path: { slug: params.slug, id: commentIdNumeric } },\n        headers: authorization,\n      });\n      return redirectBack(request, { fallback: "/" });\n    },\n    async followAuthor() {\n      const authorUsername = formData.get("username");\n      invariant(\n        typeof authorUsername === "string",\n        "Expected a username parameter",\n      );\n      await POST("/profiles/{username}/follow", {\n        params: { path: { username: authorUsername } },\n        headers: authorization,\n      });\n      return redirectBack(request, { fallback: "/" });\n    },\n    async unfollowAuthor() {\n      const authorUsername = formData.get("username");\n      invariant(\n        typeof authorUsername === "string",\n        "Expected a username parameter",\n      );\n      await DELETE("/profiles/{username}/follow", {\n        params: { path: { username: authorUsername } },\n        headers: authorization,\n      });\n      return redirectBack(request, { fallback: "/" });\n    },\n  });\n};\n'})}),"\n",(0,t.jsx)(n.p,{children:"\u0420\u0435\u044d\u043a\u0441\u043f\u043e\u0440\u0442\u0438\u0440\u0443\u0439\u0442\u0435 \u0435\u0451 \u0438\u0437 \u0441\u043b\u0430\u0439\u0441\u0430, \u0430 \u0437\u0430\u0442\u0435\u043c \u0438\u0437 \u043c\u0430\u0440\u0448\u0440\u0443\u0442\u0430. \u041f\u043e\u043a\u0430 \u043c\u044b \u0437\u0434\u0435\u0441\u044c, \u0434\u0430\u0432\u0430\u0439\u0442\u0435 \u0442\u0430\u043a\u0436\u0435 \u043f\u043e\u0434\u043a\u043b\u044e\u0447\u0438\u043c \u0441\u0430\u043c\u0443 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0443:"}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/article-read/index.ts"',children:'export { ArticleReadPage } from "./ui/ArticleReadPage";\nexport { loader } from "./api/loader";\nexport { action } from "./api/action";\n'})}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-tsx",metastring:'title="app/routes/article.$slug.tsx"',children:'import { ArticleReadPage } from "pages/article-read";\n\nexport { loader, action } from "pages/article-read";\n\nexport default ArticleReadPage;\n'})}),"\n",(0,t.jsx)(n.p,{children:"\u0422\u0435\u043f\u0435\u0440\u044c, \u043d\u0435\u0441\u043c\u043e\u0442\u0440\u044f \u043d\u0430 \u0442\u043e, \u0447\u0442\u043e \u043c\u044b \u0435\u0449\u0435 \u043d\u0435 \u0440\u0435\u0430\u043b\u0438\u0437\u043e\u0432\u0430\u043b\u0438 \u043a\u043d\u043e\u043f\u043a\u0443 \u043b\u0430\u0439\u043a\u0430 \u0432 \u0447\u0438\u0442\u0430\u043b\u043a\u0435, \u043a\u043d\u043e\u043f\u043a\u0430 \u043b\u0430\u0439\u043a\u0430 \u0432 \u043b\u0435\u043d\u0442\u0435 \u043d\u0430\u0447\u043d\u0435\u0442 \u0440\u0430\u0431\u043e\u0442\u0430\u0442\u044c! \u042d\u0442\u043e \u043f\u043e\u0442\u043e\u043c\u0443, \u0447\u0442\u043e \u043e\u043d\u0430 \u0442\u043e\u0436\u0435 \u043e\u0442\u043f\u0440\u0430\u0432\u043b\u044f\u0435\u0442 \u0437\u0430\u043f\u0440\u043e\u0441\u044b \u043d\u0430 \u044d\u0442\u043e\u0442 \u043c\u0430\u0440\u0448\u0440\u0443\u0442. \u041f\u043e\u043f\u0440\u043e\u0431\u0443\u0439\u0442\u0435 \u043b\u0430\u0439\u043a\u043d\u0443\u0442\u044c \u0447\u0442\u043e-\u043d\u0438\u0431\u0443\u0434\u044c."}),"\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.code,{children:"ArticleMeta"})," \u0438 ",(0,t.jsx)(n.code,{children:"Comments"})," \u2014 \u044d\u0442\u043e, \u043e\u043f\u044f\u0442\u044c \u0436\u0435, \u043f\u0440\u043e\u0441\u0442\u043e \u0444\u043e\u0440\u043c\u044b. \u041c\u044b \u0443\u0436\u0435 \u0434\u0435\u043b\u0430\u043b\u0438 \u044d\u0442\u043e \u0440\u0430\u043d\u044c\u0448\u0435, \u0434\u0430\u0432\u0430\u0439\u0442\u0435 \u0432\u043e\u0437\u044c\u043c\u0435\u043c \u0438\u0445 \u043a\u043e\u0434 \u0438 \u043f\u043e\u0439\u0434\u0435\u043c \u0434\u0430\u043b\u044c\u0448\u0435:"]}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/article-read/ui/ArticleMeta.tsx"',children:'import { Form, Link, useLoaderData } from "@remix-run/react";\nimport { useContext } from "react";\n\nimport { CurrentUser } from "shared/api";\nimport type { loader } from "../api/loader";\n\nexport function ArticleMeta() {\n  const currentUser = useContext(CurrentUser);\n  const { article } = useLoaderData<typeof loader>();\n\n  return (\n    <Form method="post">\n      <div className="article-meta">\n        <Link\n          prefetch="intent"\n          to={`/profile/${article.article.author.username}`}\n        >\n          <img src={article.article.author.image} alt="" />\n        </Link>\n\n        <div className="info">\n          <Link\n            prefetch="intent"\n            to={`/profile/${article.article.author.username}`}\n            className="author"\n          >\n            {article.article.author.username}\n          </Link>\n          <span className="date">{article.article.createdAt}</span>\n        </div>\n\n        {article.article.author.username == currentUser?.username ? (\n          <>\n            <Link\n              prefetch="intent"\n              to={`/editor/${article.article.slug}`}\n              className="btn btn-sm btn-outline-secondary"\n            >\n              <i className="ion-edit"></i> Edit Article\n            </Link>\n            &nbsp;&nbsp;\n            <button\n              name="_action"\n              value="delete"\n              className="btn btn-sm btn-outline-danger"\n            >\n              <i className="ion-trash-a"></i> Delete Article\n            </button>\n          </>\n        ) : (\n          <>\n            <input\n              name="username"\n              value={article.article.author.username}\n              type="hidden"\n            />\n            <button\n              name="_action"\n              value={\n                article.article.author.following\n                  ? "unfollowAuthor"\n                  : "followAuthor"\n              }\n              className={`btn btn-sm ${article.article.author.following ? "btn-secondary" : "btn-outline-secondary"}`}\n            >\n              <i className="ion-plus-round"></i>\n              &nbsp;{" "}\n              {article.article.author.following\n                ? "Unfollow"\n                : "Follow"}{" "}\n              {article.article.author.username}\n            </button>\n            &nbsp;&nbsp;\n            <button\n              name="_action"\n              value={article.article.favorited ? "unfavorite" : "favorite"}\n              className={`btn btn-sm ${article.article.favorited ? "btn-primary" : "btn-outline-primary"}`}\n            >\n              <i className="ion-heart"></i>\n              &nbsp; {article.article.favorited\n                ? "Unfavorite"\n                : "Favorite"}{" "}\n              Post{" "}\n              <span className="counter">\n                ({article.article.favoritesCount})\n              </span>\n            </button>\n          </>\n        )}\n      </div>\n    </Form>\n  );\n}\n'})}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/article-read/ui/Comments.tsx"',children:'import { useContext } from "react";\nimport { Form, Link, useLoaderData } from "@remix-run/react";\n\nimport { CurrentUser } from "shared/api";\nimport type { loader } from "../api/loader";\n\nexport function Comments() {\n  const { comments } = useLoaderData<typeof loader>();\n  const currentUser = useContext(CurrentUser);\n\n  return (\n    <div className="col-xs-12 col-md-8 offset-md-2">\n      {currentUser !== null ? (\n        <Form\n          preventScrollReset={true}\n          method="post"\n          className="card comment-form"\n          key={Date()}\n        >\n          <div className="card-block">\n            <textarea\n              required\n              className="form-control"\n              name="comment"\n              placeholder="Write a comment..."\n              rows={3}\n            ></textarea>\n          </div>\n          <div className="card-footer">\n            <img\n              src={currentUser.image}\n              className="comment-author-img"\n              alt=""\n            />\n            <button\n              className="btn btn-sm btn-primary"\n              name="_action"\n              value="createComment"\n            >\n              Post Comment\n            </button>\n          </div>\n        </Form>\n      ) : (\n        <div className="row">\n          <div className="col-xs-12 col-md-8 offset-md-2">\n            <p>\n              <Link to="/login">Sign in</Link>\n              &nbsp; or &nbsp;\n              <Link to="/register">Sign up</Link>\n              &nbsp; to add comments on this article.\n            </p>\n          </div>\n        </div>\n      )}\n\n      {comments.comments.map((comment) => (\n        <div className="card" key={comment.id}>\n          <div className="card-block">\n            <p className="card-text">{comment.body}</p>\n          </div>\n\n          <div className="card-footer">\n            <Link\n              to={`/profile/${comment.author.username}`}\n              className="comment-author"\n            >\n              <img\n                src={comment.author.image}\n                className="comment-author-img"\n                alt=""\n              />\n            </Link>\n            &nbsp;\n            <Link\n              to={`/profile/${comment.author.username}`}\n              className="comment-author"\n            >\n              {comment.author.username}\n            </Link>\n            <span className="date-posted">{comment.createdAt}</span>\n            {comment.author.username === currentUser?.username && (\n              <span className="mod-options">\n                <Form method="post" preventScrollReset={true}>\n                  <input type="hidden" name="id" value={comment.id} />\n                  <button\n                    name="_action"\n                    value="deleteComment"\n                    style={{\n                      border: "none",\n                      outline: "none",\n                      backgroundColor: "transparent",\n                    }}\n                  >\n                    <i className="ion-trash-a"></i>\n                  </button>\n                </Form>\n              </span>\n            )}\n          </div>\n        </div>\n      ))}\n    </div>\n  );\n}\n'})}),"\n",(0,t.jsx)(n.p,{children:'\u0410 \u0432\u043c\u0435\u0441\u0442\u0435 \u0441 \u044d\u0442\u0438\u043c \u0438 \u043d\u0430\u0448\u0430 \u0447\u0438\u0442\u0430\u043b\u043a\u0430 \u0441\u0442\u0430\u0442\u0435\u0439! \u041a\u043d\u043e\u043f\u043a\u0438 "\u041f\u043e\u0434\u043f\u0438\u0441\u0430\u0442\u044c\u0441\u044f \u043d\u0430 \u0430\u0432\u0442\u043e\u0440\u0430", "\u041c\u043d\u0435 \u043d\u0440\u0430\u0432\u0438\u0442\u0441\u044f" \u0438 "\u041e\u0441\u0442\u0430\u0432\u0438\u0442\u044c \u043a\u043e\u043c\u043c\u0435\u043d\u0442\u0430\u0440\u0438\u0439" \u0442\u0435\u043f\u0435\u0440\u044c \u0434\u043e\u043b\u0436\u043d\u044b \u0440\u0430\u0431\u043e\u0442\u0430\u0442\u044c \u043a\u0430\u043a \u043f\u043e\u043b\u043e\u0436\u0435\u043d\u043e.'}),"\n",(0,t.jsxs)("figure",{children:[(0,t.jsx)(n.p,{children:(0,t.jsx)(n.img,{alt:"\u0427\u0438\u0442\u0430\u043b\u043a\u0430 \u0441\u0442\u0430\u0442\u0435\u0439 \u0441 \u0440\u0430\u0431\u043e\u0447\u0438\u043c\u0438 \u043a\u043d\u043e\u043f\u043a\u0430\u043c\u0438 \u043f\u043e\u0434\u043f\u0438\u0441\u043a\u0438 \u0438 \u043b\u0430\u0439\u043a\u0430",src:r(6953).A+"",width:"2880",height:"1488"})}),(0,t.jsx)("figcaption",{children:"\u0427\u0438\u0442\u0430\u043b\u043a\u0430 \u0441\u0442\u0430\u0442\u0435\u0439 \u0441 \u0440\u0430\u0431\u043e\u0447\u0438\u043c\u0438 \u043a\u043d\u043e\u043f\u043a\u0430\u043c\u0438 \u043f\u043e\u0434\u043f\u0438\u0441\u043a\u0438 \u0438 \u043b\u0430\u0439\u043a\u0430"})]}),"\n",(0,t.jsx)(n.h3,{id:"\u0440\u0435\u0434\u0430\u043a\u0442\u043e\u0440-\u0441\u0442\u0430\u0442\u0435\u0439",children:"\u0420\u0435\u0434\u0430\u043a\u0442\u043e\u0440 \u0441\u0442\u0430\u0442\u0435\u0439"}),"\n",(0,t.jsx)(n.p,{children:"\u042d\u0442\u043e \u043f\u043e\u0441\u043b\u0435\u0434\u043d\u044f\u044f \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0430, \u043a\u043e\u0442\u043e\u0440\u0443\u044e \u043c\u044b \u0440\u0430\u0441\u0441\u043c\u043e\u0442\u0440\u0438\u043c \u0432 \u044d\u0442\u043e\u043c \u0440\u0443\u043a\u043e\u0432\u043e\u0434\u0441\u0442\u0432\u0435, \u0438 \u0441\u0430\u043c\u0430\u044f \u0438\u043d\u0442\u0435\u0440\u0435\u0441\u043d\u0430\u044f \u0447\u0430\u0441\u0442\u044c \u0437\u0434\u0435\u0441\u044c \u2014 \u044d\u0442\u043e \u0442\u043e, \u043a\u0430\u043a \u043c\u044b \u0431\u0443\u0434\u0435\u043c \u043f\u0440\u043e\u0432\u0435\u0440\u044f\u0442\u044c \u0434\u0430\u043d\u043d\u044b\u0435 \u0444\u043e\u0440\u043c\u044b."}),"\n",(0,t.jsxs)(n.p,{children:["\u0421\u0430\u043c\u0430 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0430, ",(0,t.jsx)(n.code,{children:"article-edit/ui/ArticleEditPage.tsx"}),", \u0431\u0443\u0434\u0435\u0442 \u0434\u043e\u0432\u043e\u043b\u044c\u043d\u043e \u043f\u0440\u043e\u0441\u0442\u043e\u0439, \u0434\u043e\u043f\u043e\u043b\u043d\u0438\u0442\u0435\u043b\u044c\u043d\u0430\u044f \u043b\u043e\u0433\u0438\u043a\u0430 \u0431\u0443\u0434\u0435\u0442 \u0441\u043a\u0440\u044b\u0442\u0430 \u0432 \u0434\u0432\u0443\u0445 \u0434\u0440\u0443\u0433\u0438\u0445 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u0430\u0445:"]}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/article-edit/ui/ArticleEditPage.tsx"',children:'import { Form, useLoaderData } from "@remix-run/react";\n\nimport type { loader } from "../api/loader";\nimport { TagsInput } from "./TagsInput";\nimport { FormErrors } from "./FormErrors";\n\nexport function ArticleEditPage() {\n  const article = useLoaderData<typeof loader>();\n\n  return (\n    <div className="editor-page">\n      <div className="container page">\n        <div className="row">\n          <div className="col-md-10 offset-md-1 col-xs-12">\n            <FormErrors />\n\n            <Form method="post">\n              <fieldset>\n                <fieldset className="form-group">\n                  <input\n                    type="text"\n                    className="form-control form-control-lg"\n                    name="title"\n                    placeholder="Article Title"\n                    defaultValue={article.article?.title}\n                  />\n                </fieldset>\n                <fieldset className="form-group">\n                  <input\n                    type="text"\n                    className="form-control"\n                    name="description"\n                    placeholder="What\'s this article about?"\n                    defaultValue={article.article?.description}\n                  />\n                </fieldset>\n                <fieldset className="form-group">\n                  <textarea\n                    className="form-control"\n                    name="body"\n                    rows={8}\n                    placeholder="Write your article (in markdown)"\n                    defaultValue={article.article?.body}\n                  ></textarea>\n                </fieldset>\n                <fieldset className="form-group">\n                  <TagsInput\n                    name="tags"\n                    defaultValue={article.article?.tagList ?? []}\n                  />\n                </fieldset>\n\n                <button className="btn btn-lg pull-xs-right btn-primary">\n                  Publish Article\n                </button>\n              </fieldset>\n            </Form>\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n}\n'})}),"\n",(0,t.jsxs)(n.p,{children:["\u042d\u0442\u0430 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0430 \u043f\u043e\u043b\u0443\u0447\u0430\u0435\u0442 \u0442\u0435\u043a\u0443\u0449\u0443\u044e \u0441\u0442\u0430\u0442\u044c\u044e (\u0435\u0441\u043b\u0438 \u043c\u044b \u043f\u0438\u0448\u0435\u043c \u0441\u0442\u0430\u0442\u044c\u044e \u043d\u0435 \u0441 \u043d\u0443\u043b\u044f) \u0438 \u0437\u0430\u043f\u043e\u043b\u043d\u044f\u0435\u0442 \u0441\u043e\u043e\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0443\u044e\u0449\u0438\u0435 \u043f\u043e\u043b\u044f \u0444\u043e\u0440\u043c\u044b. \u041c\u044b \u0443\u0436\u0435 \u0432\u0438\u0434\u0435\u043b\u0438 \u044d\u0442\u043e. \u0418\u043d\u0442\u0435\u0440\u0435\u0441\u043d\u043e\u0439 \u0447\u0430\u0441\u0442\u044c\u044e \u044f\u0432\u043b\u044f\u0435\u0442\u0441\u044f ",(0,t.jsx)(n.code,{children:"FormErrors"}),", \u043f\u043e\u0442\u043e\u043c\u0443 \u0447\u0442\u043e \u043e\u043d \u0431\u0443\u0434\u0435\u0442 \u043f\u043e\u043b\u0443\u0447\u0430\u0442\u044c \u0440\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442 \u043f\u0440\u043e\u0432\u0435\u0440\u043a\u0438 \u0438 \u043e\u0442\u043e\u0431\u0440\u0430\u0436\u0430\u0442\u044c \u0435\u0433\u043e \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044e. \u0414\u0430\u0432\u0430\u0439\u0442\u0435 \u043f\u043e\u0441\u043c\u043e\u0442\u0440\u0438\u043c:"]}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/article-edit/ui/FormErrors.tsx"',children:'import { useActionData } from "@remix-run/react";\nimport type { action } from "../api/action";\n\nexport function FormErrors() {\n  const actionData = useActionData<typeof action>();\n\n  return actionData?.errors != null ? (\n    <ul className="error-messages">\n      {actionData.errors.map((error) => (\n        <li key={error}>{error}</li>\n      ))}\n    </ul>\n  ) : null;\n}\n'})}),"\n",(0,t.jsxs)(n.p,{children:["\u0417\u0434\u0435\u0441\u044c \u043c\u044b \u043f\u0440\u0435\u0434\u043f\u043e\u043b\u0430\u0433\u0430\u0435\u043c, \u0447\u0442\u043e \u043d\u0430\u0448 \u044d\u043a\u0448\u043d \u0431\u0443\u0434\u0435\u0442 \u0432\u043e\u0437\u0432\u0440\u0430\u0449\u0430\u0442\u044c \u043f\u043e\u043b\u0435 ",(0,t.jsx)(n.code,{children:"errors"}),", \u043c\u0430\u0441\u0441\u0438\u0432 \u043f\u043e\u043d\u044f\u0442\u043d\u044b\u0445 \u0447\u0435\u043b\u043e\u0432\u0435\u043a\u0443 \u0441\u043e\u043e\u0431\u0449\u0435\u043d\u0438\u0439 \u043e\u0431 \u043e\u0448\u0438\u0431\u043a\u0430\u0445. \u041a \u044d\u043a\u0448\u043d\u0443 \u043c\u044b \u043f\u0435\u0440\u0435\u0439\u0434\u0435\u043c \u0447\u0443\u0442\u044c \u043f\u043e\u0437\u0436\u0435."]}),"\n",(0,t.jsx)(n.p,{children:"\u0415\u0449\u0435 \u043e\u0434\u0438\u043d \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442 \u2014 \u044d\u0442\u043e \u043f\u043e\u043b\u0435 \u0432\u0432\u043e\u0434\u0430 \u0442\u0435\u0433\u043e\u0432. \u042d\u0442\u043e \u043e\u0431\u044b\u0447\u043d\u043e\u0435 \u043f\u043e\u043b\u0435 \u0432\u0432\u043e\u0434\u0430 \u0441 \u0434\u043e\u043f\u043e\u043b\u043d\u0438\u0442\u0435\u043b\u044c\u043d\u044b\u043c \u043f\u0440\u0435\u0434\u043f\u0440\u043e\u0441\u043c\u043e\u0442\u0440\u043e\u043c \u0432\u044b\u0431\u0440\u0430\u043d\u043d\u044b\u0445 \u0442\u0435\u0433\u043e\u0432. \u0417\u0434\u0435\u0441\u044c \u043e\u0441\u043e\u0431\u043e \u043d\u0435 \u043d\u0430 \u0447\u0442\u043e \u0441\u043c\u043e\u0442\u0440\u0435\u0442\u044c:"}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/article-edit/ui/TagsInput.tsx"',children:'import { useEffect, useRef, useState } from "react";\n\nexport function TagsInput({\n  name,\n  defaultValue,\n}: {\n  name: string;\n  defaultValue?: Array<string>;\n}) {\n  const [tagListState, setTagListState] = useState(defaultValue ?? []);\n\n  function removeTag(tag: string): void {\n    const newTagList = tagListState.filter((t) => t !== tag);\n    setTagListState(newTagList);\n  }\n\n  const tagsInput = useRef<HTMLInputElement>(null);\n  useEffect(() => {\n    tagsInput.current && (tagsInput.current.value = tagListState.join(","));\n  }, [tagListState]);\n\n  return (\n    <>\n      <input\n        type="text"\n        className="form-control"\n        id="tags"\n        name={name}\n        placeholder="Enter tags"\n        defaultValue={tagListState.join(",")}\n        onChange={(e) =>\n          setTagListState(e.target.value.split(",").filter(Boolean))\n        }\n      />\n      <div className="tag-list">\n        {tagListState.map((tag) => (\n          <span className="tag-default tag-pill" key={tag}>\n            <i\n              className="ion-close-round"\n              role="button"\n              tabIndex={0}\n              onKeyDown={(e) =>\n                [" ", "Enter"].includes(e.key) && removeTag(tag)\n              }\n              onClick={() => removeTag(tag)}\n            ></i>{" "}\n            {tag}\n          </span>\n        ))}\n      </div>\n    </>\n  );\n}\n'})}),"\n",(0,t.jsx)(n.p,{children:"\u0422\u0435\u043f\u0435\u0440\u044c \u043f\u0435\u0440\u0435\u0439\u0434\u0435\u043c \u043a API-\u0447\u0430\u0441\u0442\u0438. \u0417\u0430\u0433\u0440\u0443\u0437\u0447\u0438\u043a \u0434\u043e\u043b\u0436\u0435\u043d \u043f\u043e\u0441\u043c\u043e\u0442\u0440\u0435\u0442\u044c \u043d\u0430 URL, \u0438 \u0435\u0441\u043b\u0438 \u0432 \u043d\u0435\u043c \u0435\u0441\u0442\u044c \u0441\u0441\u044b\u043b\u043a\u0430 \u043d\u0430 \u0441\u0442\u0430\u0442\u044c\u044e, \u044d\u0442\u043e \u043e\u0437\u043d\u0430\u0447\u0430\u0435\u0442, \u0447\u0442\u043e \u043c\u044b \u0440\u0435\u0434\u0430\u043a\u0442\u0438\u0440\u0443\u0435\u043c \u0441\u0443\u0449\u0435\u0441\u0442\u0432\u0443\u044e\u0449\u0443\u044e \u0441\u0442\u0430\u0442\u044c\u044e, \u0438 \u0435\u0435 \u0434\u0430\u043d\u043d\u044b\u0435 \u0434\u043e\u043b\u0436\u043d\u044b \u0431\u044b\u0442\u044c \u0437\u0430\u0433\u0440\u0443\u0436\u0435\u043d\u044b. \u0412 \u043f\u0440\u043e\u0442\u0438\u0432\u043d\u043e\u043c \u0441\u043b\u0443\u0447\u0430\u0435 \u043d\u0438\u0447\u0435\u0433\u043e \u043d\u0435 \u0432\u043e\u0437\u0432\u0440\u0430\u0449\u0430\u0435\u0442\u0441\u044f. \u0414\u0430\u0432\u0430\u0439\u0442\u0435 \u0441\u043e\u0437\u0434\u0430\u0434\u0438\u043c \u044d\u0442\u043e\u0442 \u0437\u0430\u0433\u0440\u0443\u0437\u0447\u0438\u043a:"}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/article-edit/api/loader.ts"',children:'import { json, type LoaderFunctionArgs } from "@remix-run/node";\nimport type { FetchResponse } from "openapi-fetch";\n\nimport { GET, requireUser } from "shared/api";\n\nasync function throwAnyErrors<T, O, Media extends `${string}/${string}`>(\n  responsePromise: Promise<FetchResponse<T, O, Media>>,\n) {\n  const { data, error, response } = await responsePromise;\n\n  if (error !== undefined) {\n    throw json(error, { status: response.status });\n  }\n\n  return data as NonNullable<typeof data>;\n}\n\nexport const loader = async ({ params, request }: LoaderFunctionArgs) => {\n  const currentUser = await requireUser(request);\n\n  if (!params.slug) {\n    return { article: null };\n  }\n\n  return throwAnyErrors(\n    GET("/articles/{slug}", {\n      params: { path: { slug: params.slug } },\n      headers: { Authorization: `Token ${currentUser.token}` },\n    }),\n  );\n};\n'})}),"\n",(0,t.jsx)(n.p,{children:"\u042d\u043a\u0448\u043d \u043f\u0440\u0438\u043c\u0435\u0442 \u043d\u043e\u0432\u044b\u0435 \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u044f \u043f\u043e\u043b\u0435\u0439, \u043f\u0440\u043e\u0433\u043e\u043d\u0438\u0442 \u0438\u0445 \u0447\u0435\u0440\u0435\u0437 \u043d\u0430\u0448\u0443 \u0441\u0445\u0435\u043c\u0443 \u0434\u0430\u043d\u043d\u044b\u0445 \u0438, \u0435\u0441\u043b\u0438 \u0432\u0441\u0435 \u043f\u0440\u0430\u0432\u0438\u043b\u044c\u043d\u043e, \u0437\u0430\u0444\u0438\u043a\u0441\u0438\u0440\u0443\u0435\u0442 \u0438\u0437\u043c\u0435\u043d\u0435\u043d\u0438\u044f \u0432 \u0431\u044d\u043a\u0435\u043d\u0434\u0435, \u043b\u0438\u0431\u043e \u043e\u0431\u043d\u043e\u0432\u0438\u0432 \u0441\u0443\u0449\u0435\u0441\u0442\u0432\u0443\u044e\u0449\u0443\u044e \u0441\u0442\u0430\u0442\u044c\u044e, \u043b\u0438\u0431\u043e \u0441\u043e\u0437\u0434\u0430\u0432 \u043d\u043e\u0432\u0443\u044e:"}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/article-edit/api/action.ts"',children:'import { json, redirect, type ActionFunctionArgs } from "@remix-run/node";\n\nimport { POST, PUT, requireUser } from "shared/api";\nimport { parseAsArticle } from "../model/parseAsArticle";\n\nexport const action = async ({ request, params }: ActionFunctionArgs) => {\n  try {\n    const { body, description, title, tags } = parseAsArticle(\n      await request.formData(),\n    );\n    const tagList = tags?.split(",") ?? [];\n\n    const currentUser = await requireUser(request);\n    const payload = {\n      body: {\n        article: {\n          title,\n          description,\n          body,\n          tagList,\n        },\n      },\n      headers: { Authorization: `Token ${currentUser.token}` },\n    };\n\n    const { data, error } = await (params.slug\n      ? PUT("/articles/{slug}", {\n          params: { path: { slug: params.slug } },\n          ...payload,\n        })\n      : POST("/articles", payload));\n\n    if (error) {\n      return json({ errors: error }, { status: 422 });\n    }\n\n    return redirect(`/article/${data.article.slug ?? ""}`);\n  } catch (errors) {\n    return json({ errors }, { status: 400 });\n  }\n};\n'})}),"\n",(0,t.jsxs)(n.p,{children:["\u041d\u0430\u0448\u0430 \u0441\u0445\u0435\u043c\u0430 \u0434\u0430\u043d\u043d\u044b\u0445 \u0431\u0443\u0434\u0435\u0442 \u0435\u0449\u0451 \u0438 \u043f\u0430\u0440\u0441\u0438\u0442\u044c ",(0,t.jsx)(n.code,{children:"FormData"}),", \u0447\u0442\u043e \u043f\u043e\u0437\u0432\u043e\u043b\u044f\u0435\u0442 \u043d\u0430\u043c \u0443\u0434\u043e\u0431\u043d\u043e \u043f\u043e\u043b\u0443\u0447\u0430\u0442\u044c \u0447\u0438\u0441\u0442\u044b\u0435 \u043f\u043e\u043b\u044f \u0438\u043b\u0438 \u043f\u0440\u043e\u0441\u0442\u043e \u0431\u0440\u043e\u0441\u0430\u0442\u044c \u043e\u0448\u0438\u0431\u043a\u0438 \u0434\u043b\u044f \u043e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u0438 \u0432 \u043a\u043e\u043d\u0446\u0435. \u0412\u043e\u0442 \u043a\u0430\u043a \u043c\u043e\u0436\u0435\u0442 \u0432\u044b\u0433\u043b\u044f\u0434\u0435\u0442\u044c \u044d\u0442\u0430 \u0444\u0443\u043d\u043a\u0446\u0438\u044f \u043f\u0430\u0440\u0441\u0438\u043d\u0433\u0430:"]}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/article-edit/model/parseAsArticle.ts"',children:'export function parseAsArticle(data: FormData) {\n  const errors = [];\n\n  const title = data.get("title");\n  if (typeof title !== "string" || title === "") {\n    errors.push("Give this article a title");\n  }\n\n  const description = data.get("description");\n  if (typeof description !== "string" || description === "") {\n    errors.push("Describe what this article is about");\n  }\n\n  const body = data.get("body");\n  if (typeof body !== "string" || body === "") {\n    errors.push("Write the article itself");\n  }\n\n  const tags = data.get("tags");\n  if (typeof tags !== "string") {\n    errors.push("The tags must be a string");\n  }\n\n  if (errors.length > 0) {\n    throw errors;\n  }\n\n  return { title, description, body, tags: data.get("tags") ?? "" } as {\n    title: string;\n    description: string;\n    body: string;\n    tags: string;\n  };\n}\n'})}),"\n",(0,t.jsx)(n.p,{children:"\u0412\u043e\u0437\u043c\u043e\u0436\u043d\u043e, \u043e\u043d\u0430 \u043f\u043e\u043a\u0430\u0436\u0435\u0442\u0441\u044f \u043d\u0435\u043c\u043d\u043e\u0433\u043e \u0434\u043b\u0438\u043d\u043d\u043e\u0439 \u0438 \u043f\u043e\u0432\u0442\u043e\u0440\u044f\u044e\u0449\u0435\u0439\u0441\u044f, \u043d\u043e \u0442\u0430\u043a\u043e\u0432\u0430 \u0446\u0435\u043d\u0430, \u043a\u043e\u0442\u043e\u0440\u0443\u044e \u043c\u044b \u043f\u043b\u0430\u0442\u0438\u043c \u0437\u0430 \u0447\u0438\u0442\u0430\u0435\u043c\u044b\u0435 \u0441\u043e\u043e\u0431\u0449\u0435\u043d\u0438\u044f \u043e\u0431 \u043e\u0448\u0438\u0431\u043a\u0430\u0445. \u042d\u0442\u043e \u043c\u043e\u0436\u0435\u0442 \u0431\u044b\u0442\u044c \u0438 \u0441\u0445\u0435\u043c\u0430 Zod, \u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, \u043d\u043e \u0442\u043e\u0433\u0434\u0430 \u043d\u0430\u043c \u043f\u0440\u0438\u0434\u0435\u0442\u0441\u044f \u0432\u044b\u0432\u043e\u0434\u0438\u0442\u044c \u0441\u043e\u043e\u0431\u0449\u0435\u043d\u0438\u044f \u043e\u0431 \u043e\u0448\u0438\u0431\u043a\u0430\u0445 \u043d\u0430 \u0444\u0440\u043e\u043d\u0442\u0435\u043d\u0434\u0435, \u0430 \u044d\u0442\u0430 \u0444\u043e\u0440\u043c\u0430 \u043d\u0435 \u0441\u0442\u043e\u0438\u0442 \u0442\u0430\u043a\u0438\u0445 \u0441\u043b\u043e\u0436\u043d\u043e\u0441\u0442\u0435\u0439."}),"\n",(0,t.jsxs)(n.p,{children:["\u041f\u043e\u0441\u043b\u0435\u0434\u043d\u0438\u0439 \u0448\u0430\u0433 \u2014 \u043f\u043e\u0434\u043a\u043b\u044e\u0447\u0435\u043d\u0438\u0435 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b, \u0437\u0430\u0433\u0440\u0443\u0437\u0447\u0438\u043a\u0430 \u0438 \u0434\u0435\u0439\u0441\u0442\u0432\u0438\u044f \u043a \u043c\u0430\u0440\u0448\u0440\u0443\u0442\u0430\u043c. \u041f\u043e\u0441\u043a\u043e\u043b\u044c\u043a\u0443 \u043c\u044b \u0430\u043a\u043a\u0443\u0440\u0430\u0442\u043d\u043e \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u0438\u0432\u0430\u0435\u043c \u0438 \u0441\u043e\u0437\u0434\u0430\u043d\u0438\u0435, \u0438 \u0440\u0435\u0434\u0430\u043a\u0442\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u0435, \u043c\u044b \u043c\u043e\u0436\u0435\u043c \u044d\u043a\u0441\u043f\u043e\u0440\u0442\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u043e\u0434\u043d\u043e \u0438 \u0442\u043e \u0436\u0435 \u0434\u0435\u0439\u0441\u0442\u0432\u0438\u0435 \u043a\u0430\u043a \u0438\u0437 ",(0,t.jsx)(n.code,{children:"editor._index.tsx"}),", \u0442\u0430\u043a \u0438 \u0438\u0437 ",(0,t.jsx)(n.code,{children:"editor.$slug.tsx"}),":"]}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/article-edit/index.ts"',children:'export { ArticleEditPage } from "./ui/ArticleEditPage";\nexport { loader } from "./api/loader";\nexport { action } from "./api/action";\n'})}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-tsx",metastring:'title="app/routes/editor._index.tsx, app/routes/editor.$slug.tsx (\u043e\u0434\u0438\u043d\u0430\u043a\u043e\u0432\u043e\u0435 \u0441\u043e\u0434\u0435\u0440\u0436\u0438\u043c\u043e\u0435)"',children:'import { ArticleEditPage } from "pages/article-edit";\n\nexport { loader, action } from "pages/article-edit";\n\nexport default ArticleEditPage;\n'})}),"\n",(0,t.jsx)(n.p,{children:"\u041c\u044b \u0437\u0430\u043a\u043e\u043d\u0447\u0438\u043b\u0438! \u0412\u043e\u0439\u0434\u0438\u0442\u0435 \u0432 \u0441\u0438\u0441\u0442\u0435\u043c\u0443 \u0438 \u043f\u043e\u043f\u0440\u043e\u0431\u0443\u0439\u0442\u0435 \u0441\u043e\u0437\u0434\u0430\u0442\u044c \u043d\u043e\u0432\u0443\u044e \u0441\u0442\u0430\u0442\u044c\u044e. \u0418\u043b\u0438 \u201c\u0437\u0430\u0431\u0443\u0434\u044c\u0442\u0435\u201d \u043d\u0430\u043f\u0438\u0441\u0430\u0442\u044c \u0441\u0442\u0430\u0442\u044c\u044e \u0438 \u043f\u043e\u0441\u043c\u043e\u0442\u0440\u0438\u0442\u0435, \u043a\u0430\u043a \u0441\u0440\u0430\u0431\u043e\u0442\u0430\u0435\u0442 \u0432\u0430\u043b\u0438\u0434\u0430\u0446\u0438\u044f."}),"\n",(0,t.jsxs)("figure",{children:[(0,t.jsx)(n.p,{children:(0,t.jsx)(n.img,{alt:"\u0420\u0435\u0434\u0430\u043a\u0442\u043e\u0440 \u0441\u0442\u0430\u0442\u0435\u0439 Conduit, \u0432 \u043f\u043e\u043b\u0435 \u0437\u0430\u0433\u043e\u043b\u043e\u0432\u043a\u0430 \u043a\u043e\u0442\u043e\u0440\u043e\u0433\u043e \u043d\u0430\u043f\u0438\u0441\u0430\u043d\u043e \u201cNew article\u201d, \u0430 \u043e\u0441\u0442\u0430\u043b\u044c\u043d\u044b\u0435 \u043f\u043e\u043b\u044f \u043f\u0443\u0441\u0442\u044b. \u041d\u0430\u0434 \u0444\u043e\u0440\u043c\u043e\u0439 \u0435\u0441\u0442\u044c \u0434\u0432\u0435 \u043e\u0448\u0438\u0431\u043a\u0438: \u201cDescribe what this article is about\u201d \u0438 \u201cWrite the article itself\u201d.",src:r(6011).A+"",width:"2880",height:"1488"})}),(0,t.jsxs)("figcaption",{children:["\u0420\u0435\u0434\u0430\u043a\u0442\u043e\u0440 \u0441\u0442\u0430\u0442\u0435\u0439 Conduit, \u0432 \u043f\u043e\u043b\u0435 \u0437\u0430\u0433\u043e\u043b\u043e\u0432\u043a\u0430 \u043a\u043e\u0442\u043e\u0440\u043e\u0433\u043e \u043d\u0430\u043f\u0438\u0441\u0430\u043d\u043e \u201cNew article\u201d, \u0430 \u043e\u0441\u0442\u0430\u043b\u044c\u043d\u044b\u0435 \u043f\u043e\u043b\u044f \u043f\u0443\u0441\u0442\u044b. \u041d\u0430\u0434 \u0444\u043e\u0440\u043c\u043e\u0439 \u0435\u0441\u0442\u044c \u0434\u0432\u0435 \u043e\u0448\u0438\u0431\u043a\u0438: ",(0,t.jsx)(n.strong,{children:"\u201cDescribe what this article is about\u201d"})," \u0438 ",(0,t.jsx)(n.strong,{children:"\u201cWrite the article itself"}),"\u201d."]})]}),"\n",(0,t.jsx)(n.p,{children:"\u0421\u0442\u0440\u0430\u043d\u0438\u0446\u044b \u043f\u0440\u043e\u0444\u0438\u043b\u044f \u0438 \u043d\u0430\u0441\u0442\u0440\u043e\u0435\u043a \u043e\u0447\u0435\u043d\u044c \u043f\u043e\u0445\u043e\u0436\u0438 \u043d\u0430 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b \u0447\u0442\u0435\u043d\u0438\u044f \u0438 \u0440\u0435\u0434\u0430\u043a\u0442\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u044f \u0441\u0442\u0430\u0442\u0435\u0439, \u043e\u043d\u0438 \u043e\u0441\u0442\u0430\u0432\u043b\u0435\u043d\u044b \u0432 \u043a\u0430\u0447\u0435\u0441\u0442\u0432\u0435 \u0443\u043f\u0440\u0430\u0436\u043d\u0435\u043d\u0438\u044f \u0434\u043b\u044f \u0447\u0438\u0442\u0430\u0442\u0435\u043b\u044f, \u0442\u043e \u0435\u0441\u0442\u044c \u0434\u043b\u044f \u0432\u0430\u0441 :)"})]})}function m(e={}){const{wrapper:n}={...(0,s.R)(),...e.components};return n?(0,t.jsx)(n,{...e,children:(0,t.jsx)(d,{...e})}):d(e)}},8891:(e,n,r)=>{r.d(n,{A:()=>t});const t=r.p+"assets/images/conduit-banner-a20e38edcd109ee21a8b1426d93a66b3.jpg"},6011:(e,n,r)=>{r.d(n,{A:()=>t});const t=r.p+"assets/images/realworld-article-editor-bc3ee45c96ae905fdbb54d6463d12723.jpg"},6953:(e,n,r)=>{r.d(n,{A:()=>t});const t=r.p+"assets/images/realworld-article-reader-6a420e4f2afe139d2bdd54d62974f0b9.jpg"},9922:(e,n,r)=>{r.d(n,{A:()=>t});const t=r.p+"assets/images/realworld-editor-authenticated-10de4d01479270886859e08592045b1e.jpg"},9703:(e,n,r)=>{r.d(n,{A:()=>t});const t=r.p+"assets/images/realworld-feed-anonymous-8cbba45f488931979f6c8da8968ad685.jpg"},1405:(e,n,r)=>{r.d(n,{A:()=>t});const t=r.p+"assets/images/realworld-feed-authenticated-15427d9ff7baae009b47b501bee6c059.jpg"},6231:(e,n,r)=>{r.d(n,{A:()=>t});const t=r.p+"assets/images/realworld-feed-without-tabs-5da4c9072101ac20e82e2234bd3badbe.jpg"},1100:(e,n,r)=>{r.d(n,{R:()=>i,x:()=>o});var t=r(758);const s={},a=t.createContext(s);function i(e){const n=t.useContext(a);return t.useMemo((function(){return"function"==typeof e?e(n):{...n,...e}}),[n,e])}function o(e){let n;return n=e.disableParentContext?"function"==typeof e.components?e.components(s):e.components||s:i(e.components),t.createElement(a.Provider,{value:n},e.children)}}}]);
\ No newline at end of file
+"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[3784],{2127:(e,n,r)=>{r.r(n),r.d(n,{assets:()=>l,contentTitle:()=>i,default:()=>m,frontMatter:()=>a,metadata:()=>o,toc:()=>c});var t=r(6070),s=r(1100);const a={sidebar_position:2},i="\u0422\u0443\u0442\u043e\u0440\u0438\u0430\u043b",o={id:"get-started/tutorial",title:"\u0422\u0443\u0442\u043e\u0440\u0438\u0430\u043b",description:"\u0427\u0430\u0441\u0442\u044c 1. \u041d\u0430 \u0431\u0443\u043c\u0430\u0433\u0435",source:"@site/i18n/ru/docusaurus-plugin-content-docs/current/get-started/tutorial.md",sourceDirName:"get-started",slug:"/get-started/tutorial",permalink:"/ru/docs/get-started/tutorial",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/ru/docusaurus-plugin-content-docs/current/get-started/tutorial.md",tags:[],version:"current",lastUpdatedAt:1728325386e3,sidebarPosition:2,frontMatter:{sidebar_position:2},sidebar:"getstartedSidebar",previous:{title:"\u041e\u0431\u0437\u043e\u0440",permalink:"/ru/docs/get-started/overview"},next:{title:"FAQ",permalink:"/ru/docs/get-started/faq"}},l={},c=[{value:"\u0427\u0430\u0441\u0442\u044c 1. \u041d\u0430 \u0431\u0443\u043c\u0430\u0433\u0435",id:"\u0447\u0430\u0441\u0442\u044c-1-\u043d\u0430-\u0431\u0443\u043c\u0430\u0433\u0435",level:2},{value:"\u041d\u0430\u0447\u043d\u0438\u0442\u0435 \u0441 \u043f\u0435\u0440\u0435\u0447\u0438\u0441\u043b\u0435\u043d\u0438\u044f \u0441\u0442\u0440\u0430\u043d\u0438\u0446",id:"\u043d\u0430\u0447\u043d\u0438\u0442\u0435-\u0441-\u043f\u0435\u0440\u0435\u0447\u0438\u0441\u043b\u0435\u043d\u0438\u044f-\u0441\u0442\u0440\u0430\u043d\u0438\u0446",level:3},{value:"\u041f\u0440\u0438\u0441\u0442\u0430\u043b\u044c\u043d\u044b\u0439 \u0432\u0437\u0433\u043b\u044f\u0434 \u043d\u0430 \u043b\u0435\u043d\u0442\u0443",id:"\u043f\u0440\u0438\u0441\u0442\u0430\u043b\u044c\u043d\u044b\u0439-\u0432\u0437\u0433\u043b\u044f\u0434-\u043d\u0430-\u043b\u0435\u043d\u0442\u0443",level:3},{value:"\u0421\u043f\u0438\u0441\u043e\u043a \u0442\u044d\u0433\u043e\u0432",id:"\u0441\u043f\u0438\u0441\u043e\u043a-\u0442\u044d\u0433\u043e\u0432",level:4},{value:"\u0421\u0442\u0430\u0442\u044c\u0438",id:"\u0441\u0442\u0430\u0442\u044c\u0438",level:4},{value:"\u041f\u0435\u0440\u0435\u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u0435 \u043e\u0431\u0449\u0435\u0433\u043e \u043a\u043e\u0434\u0430",id:"\u043f\u0435\u0440\u0435\u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u0435-\u043e\u0431\u0449\u0435\u0433\u043e-\u043a\u043e\u0434\u0430",level:3},{value:"\u041e\u043f\u0440\u0435\u0434\u0435\u043b\u0438\u0442\u0435 \u0441\u0442\u0440\u043e\u0433\u0438\u0439 \u043f\u0443\u0431\u043b\u0438\u0447\u043d\u044b\u0439 API",id:"\u043e\u043f\u0440\u0435\u0434\u0435\u043b\u0438\u0442\u0435-\u0441\u0442\u0440\u043e\u0433\u0438\u0439-\u043f\u0443\u0431\u043b\u0438\u0447\u043d\u044b\u0439-api",level:3},{value:"\u041a\u0440\u0443\u043f\u043d\u044b\u0435 \u043f\u0435\u0440\u0435\u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u043c\u044b\u0435 \u0431\u043b\u043e\u043a\u0438 \u0438\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441\u0430",id:"\u043a\u0440\u0443\u043f\u043d\u044b\u0435-\u043f\u0435\u0440\u0435\u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u043c\u044b\u0435-\u0431\u043b\u043e\u043a\u0438-\u0438\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441\u0430",level:3},{value:"\u041f\u0440\u0438\u0441\u0442\u0430\u043b\u044c\u043d\u044b\u0439 \u0432\u0437\u0433\u043b\u044f\u0434 \u043d\u0430 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0443 \u0441 \u0444\u043e\u0440\u043c\u043e\u0439",id:"\u043f\u0440\u0438\u0441\u0442\u0430\u043b\u044c\u043d\u044b\u0439-\u0432\u0437\u0433\u043b\u044f\u0434-\u043d\u0430-\u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0443-\u0441-\u0444\u043e\u0440\u043c\u043e\u0439",level:3},{value:"\u0418\u0442\u043e\u0433\u0438",id:"\u0438\u0442\u043e\u0433\u0438",level:3},{value:"\u0427\u0430\u0441\u0442\u044c 2. \u0412 \u043a\u043e\u0434\u0435",id:"\u0447\u0430\u0441\u0442\u044c-2-\u0432-\u043a\u043e\u0434\u0435",level:2},{value:"\u0420\u0430\u0437\u043b\u043e\u0436\u0438\u043c \u043f\u043e \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0430\u043c",id:"\u0440\u0430\u0437\u043b\u043e\u0436\u0438\u043c-\u043f\u043e-\u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0430\u043c",level:3},{value:"\u041f\u043e\u0434\u043a\u043b\u044e\u0447\u0438\u043c \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0443 \u0444\u0438\u0434\u0430",id:"\u043f\u043e\u0434\u043a\u043b\u044e\u0447\u0438\u043c-\u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0443-\u0444\u0438\u0434\u0430",level:3},{value:"API-\u043a\u043b\u0438\u0435\u043d\u0442",id:"api-\u043a\u043b\u0438\u0435\u043d\u0442",level:3},{value:"\u0420\u0435\u0430\u043b\u044c\u043d\u044b\u0435 \u0434\u0430\u043d\u043d\u044b\u0435 \u0432 \u043b\u0435\u043d\u0442\u0435",id:"\u0440\u0435\u0430\u043b\u044c\u043d\u044b\u0435-\u0434\u0430\u043d\u043d\u044b\u0435-\u0432-\u043b\u0435\u043d\u0442\u0435",level:3},{value:"\u0424\u0438\u043b\u044c\u0442\u0440\u0430\u0446\u0438\u044f \u043f\u043e \u0442\u0435\u0433\u0430\u043c",id:"\u0444\u0438\u043b\u044c\u0442\u0440\u0430\u0446\u0438\u044f-\u043f\u043e-\u0442\u0435\u0433\u0430\u043c",level:3},{value:"\u041f\u0430\u0433\u0438\u043d\u0430\u0446\u0438\u044f",id:"\u043f\u0430\u0433\u0438\u043d\u0430\u0446\u0438\u044f",level:3},{value:"\u0410\u0443\u0442\u0435\u043d\u0442\u0438\u0444\u0438\u043a\u0430\u0446\u0438\u044f",id:"authentication",level:3},{value:"\u0425\u044d\u0434\u0435\u0440",id:"\u0445\u044d\u0434\u0435\u0440",level:3},{value:"\u0412\u043a\u043b\u0430\u0434\u043a\u0438",id:"\u0432\u043a\u043b\u0430\u0434\u043a\u0438",level:3},{value:"\u0427\u0438\u0442\u0430\u043b\u043a\u0430 \u0441\u0442\u0430\u0442\u0435\u0439",id:"\u0447\u0438\u0442\u0430\u043b\u043a\u0430-\u0441\u0442\u0430\u0442\u0435\u0439",level:3},{value:"\u0420\u0435\u0434\u0430\u043a\u0442\u043e\u0440 \u0441\u0442\u0430\u0442\u0435\u0439",id:"\u0440\u0435\u0434\u0430\u043a\u0442\u043e\u0440-\u0441\u0442\u0430\u0442\u0435\u0439",level:3}];function d(e){const n={a:"a",code:"code",em:"em",h1:"h1",h2:"h2",h3:"h3",h4:"h4",header:"header",img:"img",li:"li",ol:"ol",p:"p",pre:"pre",strong:"strong",ul:"ul",...(0,s.R)(),...e.components};return(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(n.header,{children:(0,t.jsx)(n.h1,{id:"\u0442\u0443\u0442\u043e\u0440\u0438\u0430\u043b",children:"\u0422\u0443\u0442\u043e\u0440\u0438\u0430\u043b"})}),"\n",(0,t.jsx)(n.h2,{id:"\u0447\u0430\u0441\u0442\u044c-1-\u043d\u0430-\u0431\u0443\u043c\u0430\u0433\u0435",children:"\u0427\u0430\u0441\u0442\u044c 1. \u041d\u0430 \u0431\u0443\u043c\u0430\u0433\u0435"}),"\n",(0,t.jsxs)(n.p,{children:["\u0412 \u044d\u0442\u043e\u043c \u0440\u0443\u043a\u043e\u0432\u043e\u0434\u0441\u0442\u0432\u0435 \u043c\u044b \u0440\u0430\u0441\u0441\u043c\u043e\u0442\u0440\u0438\u043c \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0435 Real World App, \u0442\u0430\u043a\u0436\u0435 \u0438\u0437\u0432\u0435\u0441\u0442\u043d\u043e\u0435 \u043a\u0430\u043a Conduit. Conduit \u044f\u0432\u043b\u044f\u0435\u0442\u0441\u044f \u0443\u043f\u0440\u043e\u0449\u0451\u043d\u043d\u044b\u043c \u043a\u043b\u043e\u043d\u043e\u043c ",(0,t.jsx)(n.a,{href:"https://medium.com/",children:"Medium"})," \u2014 \u043e\u043d \u043f\u043e\u0437\u0432\u043e\u043b\u044f\u0435\u0442 \u0432\u0430\u043c \u0447\u0438\u0442\u0430\u0442\u044c \u0438 \u043f\u0438\u0441\u0430\u0442\u044c \u0441\u0442\u0430\u0442\u044c\u0438 \u0432 \u0431\u043b\u043e\u0433\u0430\u0445, \u0430 \u0442\u0430\u043a\u0436\u0435 \u043a\u043e\u043c\u043c\u0435\u043d\u0442\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u0441\u0442\u0430\u0442\u044c\u0438 \u0434\u0440\u0443\u0433\u0438\u0445 \u043b\u044e\u0434\u0435\u0439."]}),"\n",(0,t.jsx)(n.p,{children:(0,t.jsx)(n.img,{alt:"\u0413\u043b\u0430\u0432\u043d\u0430\u044f \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0430 Conduit",src:r(9703).A+"",width:"2880",height:"1504"})}),"\n",(0,t.jsxs)(n.p,{children:["\u042d\u0442\u043e \u0434\u043e\u0432\u043e\u043b\u044c\u043d\u043e \u043d\u0435\u0431\u043e\u043b\u044c\u0448\u043e\u0435 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0435, \u043f\u043e\u044d\u0442\u043e\u043c\u0443 \u043c\u044b \u043d\u0435 \u0441\u0442\u0430\u043d\u0435\u043c \u0441\u0438\u043b\u044c\u043d\u043e \u0443\u0441\u043b\u043e\u0436\u043d\u044f\u0442\u044c \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u0443 \u0438\u0437\u043b\u0438\u0448\u043d\u0435\u0439 \u0434\u0435\u043a\u043e\u043c\u043f\u043e\u0437\u0438\u0446\u0438\u0435\u0439. \u0412\u0435\u0440\u043e\u044f\u0442\u043d\u0435\u0435 \u0432\u0441\u0435\u0433\u043e, \u0447\u0442\u043e \u0432\u0441\u0451 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0435 \u043f\u043e\u043c\u0435\u0441\u0442\u0438\u0442\u0441\u044f \u0432 \u0442\u0440\u0438 \u0441\u043b\u043e\u044f: ",(0,t.jsx)(n.strong,{children:"App"}),", ",(0,t.jsx)(n.strong,{children:"Pages"})," \u0438 ",(0,t.jsx)(n.strong,{children:"Shared"}),". \u0415\u0441\u043b\u0438 \u043d\u0435\u0442, \u0431\u0443\u0434\u0435\u043c \u0432\u0432\u043e\u0434\u0438\u0442\u044c \u0434\u043e\u043f\u043e\u043b\u043d\u0438\u0442\u0435\u043b\u044c\u043d\u044b\u0435 \u0441\u043b\u043e\u0438 \u043f\u043e \u0445\u043e\u0434\u0443. \u0413\u043e\u0442\u043e\u0432\u044b?"]}),"\n",(0,t.jsx)(n.h3,{id:"\u043d\u0430\u0447\u043d\u0438\u0442\u0435-\u0441-\u043f\u0435\u0440\u0435\u0447\u0438\u0441\u043b\u0435\u043d\u0438\u044f-\u0441\u0442\u0440\u0430\u043d\u0438\u0446",children:"\u041d\u0430\u0447\u043d\u0438\u0442\u0435 \u0441 \u043f\u0435\u0440\u0435\u0447\u0438\u0441\u043b\u0435\u043d\u0438\u044f \u0441\u0442\u0440\u0430\u043d\u0438\u0446"}),"\n",(0,t.jsx)(n.p,{children:"\u0415\u0441\u043b\u0438 \u043c\u044b \u043f\u043e\u0441\u043c\u043e\u0442\u0440\u0438\u043c \u043d\u0430 \u0441\u043a\u0440\u0438\u043d\u0448\u043e\u0442 \u0432\u044b\u0448\u0435, \u043c\u044b \u043c\u043e\u0436\u0435\u043c \u043f\u0440\u0435\u0434\u043f\u043e\u043b\u043e\u0436\u0438\u0442\u044c, \u0447\u0442\u043e \u043f\u043e \u043a\u0440\u0430\u0439\u043d\u0435\u0439 \u043c\u0435\u0440\u0435, \u0435\u0441\u0442\u044c \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0438\u0435 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b:"}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsx)(n.li,{children:"\u0414\u043e\u043c\u0430\u0448\u043d\u044f\u044f (\u043b\u0435\u043d\u0442\u0430 \u0441\u0442\u0430\u0442\u0435\u0439)"}),"\n",(0,t.jsx)(n.li,{children:"\u0412\u043e\u0439\u0442\u0438 \u0438 \u0437\u0430\u0440\u0435\u0433\u0438\u0441\u0442\u0440\u0438\u0440\u043e\u0432\u0430\u0442\u044c\u0441\u044f"}),"\n",(0,t.jsx)(n.li,{children:"\u041f\u0440\u043e\u0441\u043c\u043e\u0442\u0440 \u0441\u0442\u0430\u0442\u0435\u0439"}),"\n",(0,t.jsx)(n.li,{children:"\u0420\u0435\u0434\u0430\u043a\u0442\u043e\u0440 \u0441\u0442\u0430\u0442\u0435\u0439"}),"\n",(0,t.jsx)(n.li,{children:"\u041f\u0440\u043e\u0441\u043c\u043e\u0442\u0440 \u043f\u0440\u043e\u0444\u0438\u043b\u0435\u0439 \u043b\u044e\u0434\u0435\u0439"}),"\n",(0,t.jsx)(n.li,{children:"\u0420\u0435\u0434\u0430\u043a\u0442\u043e\u0440 \u043f\u0440\u043e\u0444\u0438\u043b\u044f (\u043d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u0438)"}),"\n"]}),"\n",(0,t.jsxs)(n.p,{children:["\u041a\u0430\u0436\u0434\u0430\u044f \u0438\u0437 \u044d\u0442\u0438\u0445 \u0441\u0442\u0440\u0430\u043d\u0438\u0446 \u0441\u0442\u0430\u043d\u0435\u0442 \u043e\u0442\u0434\u0435\u043b\u044c\u043d\u044b\u043c ",(0,t.jsx)(n.em,{children:"\u0441\u043b\u0430\u0439\u0441\u043e\u043c"})," \u043d\u0430 ",(0,t.jsx)(n.em,{children:"\u0441\u043b\u043e\u0435"})," Pages. \u0412\u0441\u043f\u043e\u043c\u043d\u0438\u0442\u0435 \u0438\u0437 \u043e\u0431\u0437\u043e\u0440\u0430, \u0447\u0442\u043e \u0441\u043b\u0430\u0439\u0441\u044b \u2014 \u044d\u0442\u043e \u043f\u0440\u043e\u0441\u0442\u043e \u043f\u0430\u043f\u043a\u0438 \u0432\u043d\u0443\u0442\u0440\u0438 \u0441\u043b\u043e\u0435\u0432, \u0430 \u0441\u043b\u043e\u0438 \u2014 \u044d\u0442\u043e \u043f\u0440\u043e\u0441\u0442\u043e \u043f\u0430\u043f\u043a\u0438 \u0441 \u0437\u0430\u0440\u0430\u043d\u0435\u0435 \u043e\u043f\u0440\u0435\u0434\u0435\u043b\u0435\u043d\u043d\u044b\u043c\u0438 \u043d\u0430\u0437\u0432\u0430\u043d\u0438\u044f\u043c\u0438, \u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, ",(0,t.jsx)(n.code,{children:"pages"}),"."]}),"\n",(0,t.jsx)(n.p,{children:"\u0422\u0430\u043a\u0438\u043c \u043e\u0431\u0440\u0430\u0437\u043e\u043c, \u043d\u0430\u0448\u0430 \u043f\u0430\u043f\u043a\u0430 Pages \u0431\u0443\u0434\u0435\u0442 \u0432\u044b\u0433\u043b\u044f\u0434\u0435\u0442\u044c \u0442\u0430\u043a:"}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{children:"\ud83d\udcc2 pages/\n  \ud83d\udcc1 feed/ (\u043b\u0435\u043d\u0442\u0430)\n  \ud83d\udcc1 sign-in/ (\u0432\u043e\u0439\u0442\u0438/\u0437\u0430\u0440\u0435\u0433\u0438\u0441\u0442\u0440\u0438\u0440\u043e\u0432\u0430\u0442\u044c\u0441\u044f)\n  \ud83d\udcc1 article-read/ (\u043f\u0440\u043e\u0441\u043c\u043e\u0442\u0440 \u0441\u0442\u0430\u0442\u0435\u0439)\n  \ud83d\udcc1 article-edit/ (\u0440\u0435\u0434\u0430\u043a\u0442\u043e\u0440 \u0441\u0442\u0430\u0442\u0435\u0439)\n  \ud83d\udcc1 profile/ (\u043f\u0440\u043e\u0444\u0438\u043b\u044c)\n  \ud83d\udcc1 settings/ (\u043d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u0438)\n"})}),"\n",(0,t.jsxs)(n.p,{children:["\u041a\u043b\u044e\u0447\u0435\u0432\u043e\u0435 \u043e\u0442\u043b\u0438\u0447\u0438\u0435 Feature-Sliced Design \u043e\u0442 \u043f\u0440\u043e\u0438\u0437\u0432\u043e\u043b\u044c\u043d\u043e\u0439 \u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u044b \u043a\u043e\u0434\u0430 \u0437\u0430\u043a\u043b\u044e\u0447\u0430\u0435\u0442\u0441\u044f \u0432 \u0442\u043e\u043c, \u0447\u0442\u043e \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b \u043d\u0435 \u043c\u043e\u0433\u0443\u0442 \u0437\u0430\u0432\u0438\u0441\u0435\u0442\u044c \u0434\u0440\u0443\u0433 \u043e\u0442 \u0434\u0440\u0443\u0433\u0430. \u0422\u043e \u0435\u0441\u0442\u044c \u043e\u0434\u043d\u0430 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0430 \u043d\u0435 \u043c\u043e\u0436\u0435\u0442 \u0438\u043c\u043f\u043e\u0440\u0442\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u043a\u043e\u0434 \u0441 \u0434\u0440\u0443\u0433\u043e\u0439 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b. \u042d\u0442\u043e \u0441\u0432\u044f\u0437\u0430\u043d\u043e \u0441 ",(0,t.jsx)(n.strong,{children:"\u043f\u0440\u0430\u0432\u0438\u043b\u043e\u043c \u0438\u043c\u043f\u043e\u0440\u0442\u0430 \u0434\u043b\u044f \u0441\u043b\u043e\u0451\u0432"}),":"]}),"\n",(0,t.jsx)(n.p,{children:(0,t.jsx)(n.em,{children:"\u041c\u043e\u0434\u0443\u043b\u044c \u0432 \u0441\u043b\u0430\u0439\u0441\u0435 \u043c\u043e\u0436\u0435\u0442 \u0438\u043c\u043f\u043e\u0440\u0442\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u0434\u0440\u0443\u0433\u0438\u0435 \u0441\u043b\u0430\u0439\u0441\u044b \u0442\u043e\u043b\u044c\u043a\u043e \u0432 \u0442\u043e\u043c \u0441\u043b\u0443\u0447\u0430\u0435, \u0435\u0441\u043b\u0438 \u043e\u043d\u0438 \u0440\u0430\u0441\u043f\u043e\u043b\u043e\u0436\u0435\u043d\u044b \u043d\u0430 \u0441\u043b\u043e\u044f\u0445 \u0441\u0442\u0440\u043e\u0433\u043e \u043d\u0438\u0436\u0435."})}),"\n",(0,t.jsx)(n.p,{children:"\u0412 \u044d\u0442\u043e\u043c \u0441\u043b\u0443\u0447\u0430\u0435 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0430 \u044f\u0432\u043b\u044f\u0435\u0442\u0441\u044f \u0441\u043b\u0430\u0439\u0441\u043e\u043c, \u043f\u043e\u044d\u0442\u043e\u043c\u0443 \u043c\u043e\u0434\u0443\u043b\u0438 (\u0444\u0430\u0439\u043b\u044b) \u0432\u043d\u0443\u0442\u0440\u0438 \u044d\u0442\u043e\u0439 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b \u043c\u043e\u0433\u0443\u0442 \u0438\u043c\u043f\u043e\u0440\u0442\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u043a\u043e\u0434 \u0442\u043e\u043b\u044c\u043a\u043e \u0438\u0437 \u0441\u043b\u043e\u0435\u0432 \u043d\u0438\u0436\u0435, \u0430 \u043d\u0435 \u0438\u0437 \u0434\u0440\u0443\u0433\u0438\u0445 \u0441\u0442\u0440\u0430\u043d\u0438\u0446."}),"\n",(0,t.jsx)(n.h3,{id:"\u043f\u0440\u0438\u0441\u0442\u0430\u043b\u044c\u043d\u044b\u0439-\u0432\u0437\u0433\u043b\u044f\u0434-\u043d\u0430-\u043b\u0435\u043d\u0442\u0443",children:"\u041f\u0440\u0438\u0441\u0442\u0430\u043b\u044c\u043d\u044b\u0439 \u0432\u0437\u0433\u043b\u044f\u0434 \u043d\u0430 \u043b\u0435\u043d\u0442\u0443"}),"\n",(0,t.jsxs)("figure",{children:[(0,t.jsx)(n.p,{children:(0,t.jsx)(n.img,{alt:"\u041f\u0435\u0440\u0441\u043f\u0435\u043a\u0442\u0438\u0432\u0430 \u0430\u043d\u043e\u043d\u0438\u043c\u043d\u043e\u0433\u043e \u043f\u043e\u0441\u0435\u0442\u0438\u0442\u0435\u043b\u044f",src:r(9703).A+"",width:"2880",height:"1504"})}),(0,t.jsx)("figcaption",{children:(0,t.jsx)(n.p,{children:(0,t.jsx)(n.em,{children:"\u041f\u0435\u0440\u0441\u043f\u0435\u043a\u0442\u0438\u0432\u0430 \u0430\u043d\u043e\u043d\u0438\u043c\u043d\u043e\u0433\u043e \u043f\u043e\u0441\u0435\u0442\u0438\u0442\u0435\u043b\u044f"})})})]}),"\n",(0,t.jsxs)("figure",{children:[(0,t.jsx)(n.p,{children:(0,t.jsx)(n.img,{alt:"\u041f\u0435\u0440\u0441\u043f\u0435\u043a\u0442\u0438\u0432\u0430 \u0430\u0432\u0442\u043e\u0440\u0438\u0437\u043e\u0432\u0430\u043d\u043d\u043e\u0433\u043e \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044f",src:r(1405).A+"",width:"2880",height:"1504"})}),(0,t.jsx)("figcaption",{children:(0,t.jsx)(n.p,{children:(0,t.jsx)(n.em,{children:"\u041f\u0435\u0440\u0441\u043f\u0435\u043a\u0442\u0438\u0432\u0430 \u0430\u0432\u0442\u043e\u0440\u0438\u0437\u043e\u0432\u0430\u043d\u043d\u043e\u0433\u043e \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044f"})})})]}),"\n",(0,t.jsx)(n.p,{children:"\u041d\u0430 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0435 \u043b\u0435\u043d\u0442\u044b \u0435\u0441\u0442\u044c \u0442\u0440\u0438 \u0434\u0438\u043d\u0430\u043c\u0438\u0447\u0435\u0441\u043a\u0438\u0445 \u043e\u0431\u043b\u0430\u0441\u0442\u0438:"}),"\n",(0,t.jsxs)(n.ol,{children:["\n",(0,t.jsx)(n.li,{children:"\u0421\u0441\u044b\u043b\u043a\u0438 \u0434\u043b\u044f \u043b\u043e\u0433\u0438\u043d\u0430, \u043f\u043e\u043a\u0430\u0437\u044b\u0432\u0430\u044e\u0449\u0438\u0435 \u0441\u0442\u0430\u0442\u0443\u0441 \u0430\u0432\u0442\u043e\u0440\u0438\u0437\u0430\u0446\u0438\u0438"}),"\n",(0,t.jsx)(n.li,{children:"\u0421\u043f\u0438\u0441\u043e\u043a \u0442\u044d\u0433\u043e\u0432, \u0444\u0438\u043b\u044c\u0442\u0440\u0443\u044e\u0449\u0438\u0445 \u043b\u0435\u043d\u0442\u0443"}),"\n",(0,t.jsx)(n.li,{children:"\u041e\u0434\u043d\u0430\u2014\u0434\u0432\u0435 \u043b\u0435\u043d\u0442\u044b \u0441\u0442\u0430\u0442\u0435\u0439, \u0443 \u043a\u0430\u0436\u0434\u043e\u0439 \u0441\u0442\u0430\u0442\u044c\u0438 \u043a\u043d\u043e\u043f\u043a\u0430 \u043b\u0430\u0439\u043a\u0430"}),"\n"]}),"\n",(0,t.jsx)(n.p,{children:"\u0421\u0441\u044b\u043b\u043a\u0438 \u0434\u043b\u044f \u043b\u043e\u0433\u0438\u043d\u0430 \u2014 \u0447\u0430\u0441\u0442\u044c \u0437\u0430\u0433\u043e\u043b\u043e\u0432\u043a\u0430, \u043e\u0431\u0449\u0435\u0433\u043e \u0434\u043b\u044f \u0432\u0441\u0435\u0445 \u0441\u0442\u0440\u0430\u043d\u0438\u0446, \u0442\u0430\u043a \u0447\u0442\u043e \u043f\u043e\u043a\u0430 \u0447\u0442\u043e \u043e\u0442\u043b\u043e\u0436\u0438\u043c \u0438\u0445."}),"\n",(0,t.jsx)(n.h4,{id:"\u0441\u043f\u0438\u0441\u043e\u043a-\u0442\u044d\u0433\u043e\u0432",children:"\u0421\u043f\u0438\u0441\u043e\u043a \u0442\u044d\u0433\u043e\u0432"}),"\n",(0,t.jsxs)(n.p,{children:["\u0427\u0442\u043e\u0431\u044b \u0441\u043e\u0437\u0434\u0430\u0442\u044c \u0441\u043f\u0438\u0441\u043e\u043a \u0442\u044d\u0433\u043e\u0432, \u043d\u0430\u043c \u043d\u0443\u0436\u043d\u043e \u043f\u043e\u043b\u0443\u0447\u0438\u0442\u044c \u0432\u0441\u0435 \u0434\u043e\u0441\u0442\u0443\u043f\u043d\u044b\u0435 \u0442\u044d\u0433\u0438, \u043e\u0442\u043e\u0431\u0440\u0430\u0437\u0438\u0442\u044c \u043a\u0430\u0436\u0434\u044b\u0439 \u0442\u044d\u0433 \u043a\u0430\u043a \u0447\u0438\u043f (",(0,t.jsx)(n.a,{href:"https://m3.material.io/components/chips/overview",children:"chip"}),") \u0438 \u0441\u043e\u0445\u0440\u0430\u043d\u0438\u0442\u044c \u0432\u044b\u0431\u0440\u0430\u043d\u043d\u044b\u0435 \u0442\u044d\u0433\u0438 \u0432 \u0445\u0440\u0430\u043d\u0438\u043b\u0438\u0449\u0435 \u043d\u0430 \u0441\u0442\u043e\u0440\u043e\u043d\u0435 \u043a\u043b\u0438\u0435\u043d\u0442\u0430. \u042d\u0442\u0438 \u043e\u043f\u0435\u0440\u0430\u0446\u0438\u0438 \u043e\u0442\u043d\u043e\u0441\u044f\u0442\u0441\u044f \u043a \u043a\u0430\u0442\u0435\u0433\u043e\u0440\u0438\u044f\u043c \xab\u0432\u0437\u0430\u0438\u043c\u043e\u0434\u0435\u0439\u0441\u0442\u0432\u0438\u0435 \u0441 API\xbb, \xab\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044c\u0441\u043a\u0438\u0439 \u0438\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441\xbb \u0438 \xab\u0445\u0440\u0430\u043d\u0435\u043d\u0438\u0435 \u0434\u0430\u043d\u043d\u044b\u0445\xbb. \u0412 Feature-Sliced Design \u043a\u043e\u0434 \u0434\u0435\u043b\u0438\u0442\u0441\u044f \u043f\u043e \u043d\u0430\u0437\u043d\u0430\u0447\u0435\u043d\u0438\u044e \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e ",(0,t.jsx)(n.em,{children:"\u0441\u0435\u0433\u043c\u0435\u043d\u0442\u043e\u0432"}),". \u0421\u0435\u0433\u043c\u0435\u043d\u0442\u044b \u2014 \u044d\u0442\u043e \u043f\u0430\u043f\u043a\u0438 \u0432 \u0441\u043b\u0430\u0439\u0441\u0430\u0445, \u0438 \u043e\u043d\u0438 \u043c\u043e\u0433\u0443\u0442 \u0438\u043c\u0435\u0442\u044c \u043f\u0440\u043e\u0438\u0437\u0432\u043e\u043b\u044c\u043d\u044b\u0435 \u043d\u0430\u0437\u0432\u0430\u043d\u0438\u044f, \u043e\u043f\u0438\u0441\u044b\u0432\u0430\u044e\u0449\u0438\u0435 \u0438\u0445 \u0446\u0435\u043b\u044c, \u043d\u043e \u043d\u0435\u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u0446\u0435\u043b\u0438 \u043d\u0430\u0441\u0442\u043e\u043b\u044c\u043a\u043e \u0440\u0430\u0441\u043f\u0440\u043e\u0441\u0442\u0440\u0430\u043d\u0435\u043d\u044b, \u0447\u0442\u043e \u0441\u0443\u0449\u0435\u0441\u0442\u0432\u0443\u0435\u0442 \u043d\u0435\u0441\u043a\u043e\u043b\u044c\u043a\u043e \u043e\u0431\u0449\u0435\u043f\u0440\u0438\u043d\u044f\u0442\u044b\u0445 \u043d\u0430\u0437\u0432\u0430\u043d\u0438\u0439:"]}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsxs)(n.li,{children:["\ud83d\udcc2\xa0",(0,t.jsx)(n.code,{children:"api/"})," \u0434\u043b\u044f \u0432\u0437\u0430\u0438\u043c\u043e\u0434\u0435\u0439\u0441\u0442\u0432\u0438\u044f \u0441 \u0431\u044d\u043a\u0435\u043d\u0434\u043e\u043c"]}),"\n",(0,t.jsxs)(n.li,{children:["\ud83d\udcc2\xa0",(0,t.jsx)(n.code,{children:"ui/"})," \u0434\u043b\u044f \u043a\u043e\u0434\u0430, \u043e\u0442\u0432\u0435\u0447\u0430\u044e\u0449\u0435\u0433\u043e \u0437\u0430 \u043e\u0442\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u0435 \u0438 \u0432\u043d\u0435\u0448\u043d\u0438\u0439 \u0432\u0438\u0434"]}),"\n",(0,t.jsxs)(n.li,{children:["\ud83d\udcc2\xa0",(0,t.jsx)(n.code,{children:"model/"})," \u0434\u043b\u044f \u0445\u0440\u0430\u043d\u0435\u043d\u0438\u044f \u0434\u0430\u043d\u043d\u044b\u0445 \u0438 \u0431\u0438\u0437\u043d\u0435\u0441-\u043b\u043e\u0433\u0438\u043a\u0438"]}),"\n",(0,t.jsxs)(n.li,{children:["\ud83d\udcc2\xa0",(0,t.jsx)(n.code,{children:"config/"})," \u0434\u043b\u044f \u0444\u0438\u0447\u0435-\u0444\u043b\u0430\u0433\u043e\u0432, \u043f\u0435\u0440\u0435\u043c\u0435\u043d\u043d\u044b\u0445 \u043e\u043a\u0440\u0443\u0436\u0435\u043d\u0438\u044f \u0438 \u0434\u0440\u0443\u0433\u0438\u0445 \u0444\u043e\u0440\u043c \u043a\u043e\u043d\u0444\u0438\u0433\u0443\u0440\u0430\u0446\u0438\u0438"]}),"\n"]}),"\n",(0,t.jsxs)(n.p,{children:["\u041c\u044b \u043f\u043e\u043c\u0435\u0441\u0442\u0438\u043c \u043a\u043e\u0434, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u043f\u043e\u043b\u0443\u0447\u0430\u0435\u0442 \u0442\u044d\u0433\u0438, \u0432 ",(0,t.jsx)(n.code,{children:"api"}),", \u0441\u0430\u043c \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442 \u0442\u044d\u0433\u0430 \u0432 ",(0,t.jsx)(n.code,{children:"ui"}),", \u0430 \u0432\u0437\u0430\u0438\u043c\u043e\u0434\u0435\u0439\u0441\u0442\u0432\u0438\u0435 \u0441 \u0445\u0440\u0430\u043d\u0438\u043b\u0438\u0449\u0435\u043c \u0432 ",(0,t.jsx)(n.code,{children:"model"}),"."]}),"\n",(0,t.jsx)(n.h4,{id:"\u0441\u0442\u0430\u0442\u044c\u0438",children:"\u0421\u0442\u0430\u0442\u044c\u0438"}),"\n",(0,t.jsx)(n.p,{children:"\u0421\u043b\u0435\u0434\u0443\u044f \u0442\u043e\u0439 \u0436\u0435 \u043b\u043e\u0433\u0438\u043a\u0435, \u043c\u044b \u043c\u043e\u0436\u0435\u043c \u0440\u0430\u0437\u0431\u0438\u0442\u044c \u043b\u0435\u043d\u0442\u0443 \u0441\u0442\u0430\u0442\u0435\u0439 \u043d\u0430 \u0442\u0435 \u0436\u0435 \u0442\u0440\u0438 \u0441\u0435\u0433\u043c\u0435\u043d\u0442\u0430:"}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsxs)(n.li,{children:["\ud83d\udcc2\xa0",(0,t.jsx)(n.code,{children:"api/"}),": \u043f\u043e\u043b\u0443\u0447\u0438\u0442\u044c \u043f\u043e\u0441\u0442\u0440\u0430\u043d\u0438\u0447\u043d\u044b\u0439 \u0441\u043f\u0438\u0441\u043e\u043a \u0441\u0442\u0430\u0442\u0435\u0439 \u0441 \u043a\u043e\u043b\u0438\u0447\u0435\u0441\u0442\u0432\u043e\u043c \u043b\u0430\u0439\u043a\u043e\u0432, \u043e\u0441\u0442\u0430\u0432\u0438\u0442\u044c \u043b\u0430\u0439\u043a"]}),"\n",(0,t.jsxs)(n.li,{children:["\ud83d\udcc2\xa0",(0,t.jsx)(n.code,{children:"ui/"}),":","\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsx)(n.li,{children:"\u0441\u043f\u0438\u0441\u043e\u043a \u0432\u043a\u043b\u0430\u0434\u043e\u043a, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u043c\u043e\u0436\u0435\u0442 \u043e\u0442\u043e\u0431\u0440\u0430\u0436\u0430\u0442\u044c \u0434\u043e\u043f\u043e\u043b\u043d\u0438\u0442\u0435\u043b\u044c\u043d\u0443\u044e \u0432\u043a\u043b\u0430\u0434\u043a\u0443 \u043f\u0440\u0438 \u0432\u044b\u0431\u043e\u0440\u0435 \u0442\u044d\u0433\u0430"}),"\n",(0,t.jsx)(n.li,{children:"\u043e\u0442\u0434\u0435\u043b\u044c\u043d\u0430\u044f \u0441\u0442\u0430\u0442\u044c\u044f"}),"\n",(0,t.jsx)(n.li,{children:"\u0440\u0430\u0431\u043e\u0447\u0430\u044f \u043f\u0430\u0433\u0438\u043d\u0430\u0446\u0438\u044f"}),"\n"]}),"\n"]}),"\n",(0,t.jsxs)(n.li,{children:["\ud83d\udcc2\xa0",(0,t.jsx)(n.code,{children:"model/"}),": \u043a\u043b\u0438\u0435\u043d\u0442\u0441\u043a\u043e\u0435 \u0445\u0440\u0430\u043d\u0438\u043b\u0438\u0449\u0435 \u0437\u0430\u0433\u0440\u0443\u0436\u0435\u043d\u043d\u044b\u0445 \u043f\u043e\u0441\u0442\u043e\u0432 \u0438 \u0442\u0435\u043a\u0443\u0449\u0435\u0439 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b (\u043f\u0440\u0438 \u043d\u0435\u043e\u0431\u0445\u043e\u0434\u0438\u043c\u043e\u0441\u0442\u0438)"]}),"\n"]}),"\n",(0,t.jsx)(n.h3,{id:"\u043f\u0435\u0440\u0435\u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u0435-\u043e\u0431\u0449\u0435\u0433\u043e-\u043a\u043e\u0434\u0430",children:"\u041f\u0435\u0440\u0435\u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u0435 \u043e\u0431\u0449\u0435\u0433\u043e \u043a\u043e\u0434\u0430"}),"\n",(0,t.jsxs)(n.p,{children:["\u0421\u0442\u0440\u0430\u043d\u0438\u0446\u044b, \u043a\u0430\u043a \u043f\u0440\u0430\u0432\u0438\u043b\u043e, \u043e\u0447\u0435\u043d\u044c \u043e\u0442\u043b\u0438\u0447\u0430\u044e\u0442\u0441\u044f \u043f\u043e \u0441\u0432\u043e\u0435\u0439 \u0446\u0435\u043b\u0438, \u043d\u043e \u0447\u0442\u043e-\u0442\u043e \u043e\u0441\u0442\u0430\u0435\u0442\u0441\u044f \u043e\u0434\u0438\u043d\u0430\u043a\u043e\u0432\u044b\u043c \u043f\u043e \u0432\u0441\u0435\u043c\u0443 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044e \u2014 \u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, UI-\u043a\u0438\u0442, \u0441\u043e\u043e\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0443\u044e\u0449\u0438\u0439 \u044f\u0437\u044b\u043a\u0443 \u0434\u0438\u0437\u0430\u0439\u043d\u0430, \u0438\u043b\u0438 \u0441\u043e\u0433\u043b\u0430\u0448\u0435\u043d\u0438\u0435 \u043d\u0430 \u0431\u044d\u043a\u0435\u043d\u0434\u0435, \u0447\u0442\u043e \u0432\u0441\u0435 \u0434\u0435\u043b\u0430\u0435\u0442\u0441\u044f \u0447\u0435\u0440\u0435\u0437 REST API \u0441 \u043a\u043e\u043d\u043a\u0440\u0435\u0442\u043d\u044b\u043c \u043c\u0435\u0442\u043e\u0434\u043e\u043c \u0430\u0443\u0442\u0435\u043d\u0442\u0438\u0444\u0438\u043a\u0430\u0446\u0438\u0438. \u041f\u043e\u0441\u043a\u043e\u043b\u044c\u043a\u0443 \u0441\u043b\u0430\u0439\u0441\u044b \u0434\u043e\u043b\u0436\u043d\u044b \u0431\u044b\u0442\u044c \u0438\u0437\u043e\u043b\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u044b\u043c\u0438, \u043f\u0435\u0440\u0435\u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u0435 \u043a\u043e\u0434\u0430 \u043f\u0440\u043e\u0438\u0441\u0445\u043e\u0434\u0438\u0442 \u0437\u0430 \u0441\u0447\u0451\u0442 \u0441\u043b\u043e\u044f \u043d\u0438\u0436\u0435, ",(0,t.jsx)(n.strong,{children:"Shared"}),"."]}),"\n",(0,t.jsx)(n.p,{children:"Shared \u043e\u0442\u043b\u0438\u0447\u0430\u0435\u0442\u0441\u044f \u043e\u0442 \u0434\u0440\u0443\u0433\u0438\u0445 \u0441\u043b\u043e\u0435\u0432 \u0442\u0435\u043c, \u0447\u0442\u043e \u043e\u043d \u0441\u043e\u0434\u0435\u0440\u0436\u0438\u0442 \u0441\u0435\u0433\u043c\u0435\u043d\u0442\u044b, \u0430 \u043d\u0435 \u0441\u043b\u0430\u0439\u0441\u044b. \u0422\u0430\u043a\u0438\u043c \u043e\u0431\u0440\u0430\u0437\u043e\u043c, \u0441\u043b\u043e\u0439 Shared \u043f\u0440\u0435\u0434\u0441\u0442\u0430\u0432\u043b\u044f\u0435\u0442 \u0441\u043e\u0431\u043e\u0439 \u0433\u0438\u0431\u0440\u0438\u0434 \u043c\u0435\u0436\u0434\u0443 \u0441\u043b\u043e\u0435\u043c \u0438 \u0441\u043b\u0430\u0439\u0441\u043e\u043c."}),"\n",(0,t.jsx)(n.p,{children:"\u041e\u0431\u044b\u0447\u043d\u043e \u043a\u043e\u0434 \u0432 Shared \u043d\u0435 \u043f\u043b\u0430\u043d\u0438\u0440\u0443\u0435\u0442\u0441\u044f \u0437\u0430\u0440\u0430\u043d\u0435\u0435, \u0430 \u0438\u0437\u0432\u043b\u0435\u043a\u0430\u0435\u0442\u0441\u044f \u043f\u043e \u0445\u043e\u0434\u0443 \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u0438, \u043f\u043e\u0442\u043e\u043c\u0443 \u0447\u0442\u043e \u0442\u043e\u043b\u044c\u043a\u043e \u0432\u043e \u0432\u0440\u0435\u043c\u044f \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u0438 \u0441\u0442\u0430\u043d\u043e\u0432\u0438\u0442\u0441\u044f \u044f\u0441\u043d\u043e, \u043a\u0430\u043a\u0438\u0435 \u0447\u0430\u0441\u0442\u0438 \u043a\u043e\u0434\u0430 \u0434\u0435\u0439\u0441\u0442\u0432\u0438\u0442\u0435\u043b\u044c\u043d\u043e \u043f\u0435\u0440\u0435\u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u044e\u0442\u0441\u044f. \u0422\u0435\u043c \u043d\u0435 \u043c\u0435\u043d\u0435\u0435, \u043f\u043e\u043b\u0435\u0437\u043d\u043e \u0434\u0435\u0440\u0436\u0430\u0442\u044c \u0432 \u0433\u043e\u043b\u043e\u0432\u0435, \u043a\u0430\u043a\u043e\u0439 \u043a\u043e\u0434 \u0438\u043c\u0435\u0435\u0442 \u0441\u043c\u044b\u0441\u043b \u0445\u0440\u0430\u043d\u0438\u0442\u044c \u0432 Shared:"}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsxs)(n.li,{children:["\ud83d\udcc2\xa0",(0,t.jsx)(n.code,{children:"ui/"})," \u2014 UI-\u043a\u0438\u0442, \u0442\u043e\u043b\u044c\u043a\u043e \u0432\u043d\u0435\u0448\u043d\u0438\u0439 \u0432\u0438\u0434, \u0431\u0435\u0437 \u0431\u0438\u0437\u043d\u0435\u0441-\u043b\u043e\u0433\u0438\u043a\u0438. \u041d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, \u043a\u043d\u043e\u043f\u043a\u0438, \u0434\u0438\u0430\u043b\u043e\u0433\u0438, \u043f\u043e\u043b\u044f \u0444\u043e\u0440\u043c."]}),"\n",(0,t.jsxs)(n.li,{children:["\ud83d\udcc2\xa0",(0,t.jsx)(n.code,{children:"api/"})," \u2014 \u0443\u0434\u043e\u0431\u043d\u044b\u0435 \u043e\u0431\u0451\u0440\u0442\u043a\u0438 \u0432\u043e\u043a\u0440\u0443\u0433 \u0437\u0430\u043f\u0440\u043e\u0441\u043e\u0432 \u043d\u0430 \u0431\u044d\u043a\u0435\u043d\u0434 (\u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, \u043e\u0431\u0451\u0440\u0442\u043a\u0430 \u043d\u0430\u0434 ",(0,t.jsx)(n.code,{children:"fetch()"}),"  \u0432 \u0441\u043b\u0443\u0447\u0430\u0435 \u0432\u0435\u0431\u0430)"]}),"\n",(0,t.jsxs)(n.li,{children:["\ud83d\udcc2\xa0",(0,t.jsx)(n.code,{children:"config/"})," \u2014 \u043e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u0430 \u043f\u0435\u0440\u0435\u043c\u0435\u043d\u043d\u044b\u0445 \u043e\u043a\u0440\u0443\u0436\u0435\u043d\u0438\u044f"]}),"\n",(0,t.jsxs)(n.li,{children:["\ud83d\udcc2\xa0",(0,t.jsx)(n.code,{children:"i18n/"})," \u2014 \u043a\u043e\u043d\u0444\u0438\u0433\u0443\u0440\u0430\u0446\u0438\u044f \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u043a\u0438 \u0440\u0430\u0437\u043d\u044b\u0445 \u044f\u0437\u044b\u043a\u043e\u0432"]}),"\n",(0,t.jsxs)(n.li,{children:["\ud83d\udcc2\xa0",(0,t.jsx)(n.code,{children:"router/"})," \u2014 \u043f\u0440\u0438\u043c\u0438\u0442\u0438\u0432\u044b \u0438 \u043a\u043e\u043d\u0441\u0442\u0430\u043d\u0442\u044b \u043c\u0430\u0440\u0448\u0440\u0443\u0442\u0438\u0437\u0430\u0446\u0438\u0438"]}),"\n"]}),"\n",(0,t.jsxs)(n.p,{children:["\u042d\u0442\u043e \u043b\u0438\u0448\u044c \u043f\u0440\u0438\u043c\u0435\u0440\u044b \u0441\u0435\u0433\u043c\u0435\u043d\u0442\u043e\u0432 \u0432 Shared, \u0432\u044b \u043c\u043e\u0436\u0435\u0442\u0435 \u043e\u043f\u0443\u0441\u0442\u0438\u0442\u044c \u043b\u044e\u0431\u043e\u0439 \u0438\u0437 \u043d\u0438\u0445 \u0438\u043b\u0438 \u0441\u043e\u0437\u0434\u0430\u0442\u044c \u0441\u0432\u043e\u0439 \u0441\u043e\u0431\u0441\u0442\u0432\u0435\u043d\u043d\u044b\u0439. \u0415\u0434\u0438\u043d\u0441\u0442\u0432\u0435\u043d\u043d\u043e\u0435, \u0447\u0442\u043e \u043d\u0443\u0436\u043d\u043e \u043f\u043e\u043c\u043d\u0438\u0442\u044c \u043f\u0440\u0438 \u0441\u043e\u0437\u0434\u0430\u043d\u0438\u0438 \u043d\u043e\u0432\u044b\u0445 \u0441\u0435\u0433\u043c\u0435\u043d\u0442\u043e\u0432 \u2014 \u043d\u0430\u0437\u0432\u0430\u043d\u0438\u044f \u0441\u0435\u0433\u043c\u0435\u043d\u0442\u043e\u0432 \u0434\u043e\u043b\u0436\u043d\u044b \u043e\u043f\u0438\u0441\u044b\u0432\u0430\u0442\u044c ",(0,t.jsx)(n.strong,{children:"\u0446\u0435\u043b\u044c (\u043f\u043e\u0447\u0435\u043c\u0443), \u0430 \u043d\u0435 \u0441\u0443\u0442\u044c (\u0447\u0442\u043e)"}),". \u0422\u0430\u043a\u0438\u0435 \u043d\u0430\u0437\u0432\u0430\u043d\u0438\u044f \u043a\u0430\u043a ",(0,t.jsx)(n.code,{children:"components"})," , ",(0,t.jsx)(n.code,{children:"hooks"}),"  \u0438\u043b\u0438 ",(0,t.jsx)(n.code,{children:"modals"}),"  ",(0,t.jsx)(n.em,{children:"\u043d\u0435 \u0441\u0442\u043e\u0438\u0442"})," \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c, \u043f\u043e\u0442\u043e\u043c\u0443 \u0447\u0442\u043e \u043e\u043d\u0438 \u043e\u043f\u0438\u0441\u044b\u0432\u0430\u044e\u0442, \u0447\u0442\u043e \u0441\u043e\u0434\u0435\u0440\u0436\u0430\u0442 \u044d\u0442\u0438 \u0444\u0430\u0439\u043b\u044b \u043f\u043e \u0441\u0443\u0442\u0438, \u0430 \u043d\u0435 \u0442\u043e, \u0441 \u043a\u0430\u043a\u043e\u0439 \u0446\u0435\u043b\u044c\u044e \u043f\u0438\u0441\u0430\u043b\u0441\u044f \u044d\u0442\u043e\u0442 \u043a\u043e\u0434. \u041a\u0430\u043a \u0441\u043b\u0435\u0434\u0441\u0442\u0432\u0438\u0435 \u0442\u0430\u043a\u0438\u0445 \u043d\u0430\u0437\u0432\u0430\u043d\u0438\u0439, \u043a\u043e\u043c\u0430\u043d\u0434\u0435 \u043f\u0440\u0438\u0445\u043e\u0434\u0438\u0442\u0441\u044f \u043a\u043e\u043f\u0430\u0442\u044c\u0441\u044f \u0432 \u0442\u0430\u043a\u0438\u0445 \u043f\u0430\u043f\u043a\u0430\u0445, \u0447\u0442\u043e\u0431 \u043d\u0430\u0439\u0442\u0438 \u043d\u0443\u0436\u043d\u043e\u0435. \u041f\u043e\u043c\u0438\u043c\u043e \u044d\u0442\u043e\u0433\u043e,  \u043d\u0435\u0441\u0432\u044f\u0437\u0430\u043d\u043d\u044b\u0439 \u043a\u043e\u0434 \u043b\u0435\u0436\u0438\u0442 \u0440\u044f\u0434\u043e\u043c, \u0438\u0437-\u0437\u0430 \u0447\u0435\u0433\u043e \u043f\u0440\u0438 \u0440\u0435\u0444\u0430\u043a\u0442\u043e\u0440\u0438\u043d\u0433\u0435 \u0437\u0430\u0442\u0440\u0430\u0433\u0438\u0432\u0430\u0435\u0442\u0441\u044f \u0431\u043e\u043b\u044c\u0448\u0430\u044f \u0447\u0430\u0441\u0442\u044c \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f, \u0447\u0442\u043e \u0443\u0441\u043b\u043e\u0436\u043d\u044f\u0435\u0442 \u0440\u0435\u0432\u044c\u044e \u0438 \u0442\u0435\u0441\u0442\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u0435."]}),"\n",(0,t.jsx)(n.h3,{id:"\u043e\u043f\u0440\u0435\u0434\u0435\u043b\u0438\u0442\u0435-\u0441\u0442\u0440\u043e\u0433\u0438\u0439-\u043f\u0443\u0431\u043b\u0438\u0447\u043d\u044b\u0439-api",children:"\u041e\u043f\u0440\u0435\u0434\u0435\u043b\u0438\u0442\u0435 \u0441\u0442\u0440\u043e\u0433\u0438\u0439 \u043f\u0443\u0431\u043b\u0438\u0447\u043d\u044b\u0439 API"}),"\n",(0,t.jsxs)(n.p,{children:["\u0412 \u043a\u043e\u043d\u0442\u0435\u043a\u0441\u0442\u0435 Feature-Sliced Design \u0442\u0435\u0440\u043c\u0438\u043d ",(0,t.jsx)(n.em,{children:"\u043f\u0443\u0431\u043b\u0438\u0447\u043d\u044b\u0439 API"})," \u043e\u0437\u043d\u0430\u0447\u0430\u0435\u0442, \u0447\u0442\u043e \u0441\u043b\u0430\u0439\u0441 \u0438\u043b\u0438 \u0441\u0435\u0433\u043c\u0435\u043d\u0442 \u043e\u0431\u044a\u044f\u0432\u043b\u044f\u0435\u0442, \u0447\u0442\u043e \u0438\u0437 \u043d\u0435\u0433\u043e \u043c\u043e\u0433\u0443\u0442 \u0438\u043c\u043f\u043e\u0440\u0442\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u0434\u0440\u0443\u0433\u0438\u0435 \u043c\u043e\u0434\u0443\u043b\u0438 \u0432 \u043f\u0440\u043e\u0435\u043a\u0442\u0435. \u041d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, \u0432 JavaScript \u044d\u0442\u043e \u043c\u043e\u0436\u0435\u0442 \u0431\u044b\u0442\u044c \u0444\u0430\u0439\u043b ",(0,t.jsx)(n.code,{children:"index.js"}),", \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u043f\u0435\u0440\u0435\u044d\u043a\u0441\u043f\u043e\u0440\u0442\u0438\u0440\u0443\u0435\u0442 \u043e\u0431\u044a\u0435\u043a\u0442\u044b \u0438\u0437 \u0434\u0440\u0443\u0433\u0438\u0445 \u0444\u0430\u0439\u043b\u043e\u0432 \u0432 \u0441\u043b\u0430\u0439\u0441\u0435. \u042d\u0442\u043e \u043e\u0431\u0435\u0441\u043f\u0435\u0447\u0438\u0432\u0430\u0435\u0442 \u0441\u0432\u043e\u0431\u043e\u0434\u0443 \u0440\u0435\u0444\u0430\u043a\u0442\u043e\u0440\u0438\u043d\u0433\u0430 \u0432\u043d\u0443\u0442\u0440\u0438 \u0441\u043b\u0430\u0439\u0441\u0430 \u0434\u043e \u0442\u0435\u0445 \u043f\u043e\u0440, \u043f\u043e\u043a\u0430 \u043a\u043e\u043d\u0442\u0440\u0430\u043a\u0442 \u0441 \u0432\u043d\u0435\u0448\u043d\u0438\u043c \u043c\u0438\u0440\u043e\u043c (\u0442.\u0435. \u043f\u0443\u0431\u043b\u0438\u0447\u043d\u044b\u0439 API) \u043e\u0441\u0442\u0430\u0435\u0442\u0441\u044f \u043d\u0435\u0438\u0437\u043c\u0435\u043d\u043d\u044b\u043c."]}),"\n",(0,t.jsx)(n.p,{children:"\u0414\u043b\u044f \u0441\u043b\u043e\u044f Shared,  \u043d\u0430 \u043a\u043e\u0442\u043e\u0440\u043e\u043c \u043d\u0435\u0442 \u0441\u043b\u0430\u0439\u0441\u043e\u0432, \u043e\u0431\u044b\u0447\u043d\u043e \u0443\u0434\u043e\u0431\u043d\u0435\u0435 \u043e\u043f\u0440\u0435\u0434\u0435\u043b\u0438\u0442\u044c \u043f\u0443\u0431\u043b\u0438\u0447\u043d\u044b\u0439 API (\u043e\u043d \u0436\u0435 \u0438\u043d\u0434\u0435\u043a\u0441) \u043d\u0430 \u0443\u0440\u043e\u0432\u043d\u0435 \u0441\u0435\u0433\u043c\u0435\u043d\u0442\u043e\u0432, \u0430 \u043d\u0435 \u043e\u0434\u0438\u043d \u0438\u043d\u0434\u0435\u043a\u0441 \u043d\u0430 \u0432\u0435\u0441\u044c \u0441\u043b\u043e\u0439. \u0412 \u0442\u0430\u043a\u043e\u043c \u0441\u043b\u0443\u0447\u0430\u0435 \u0438\u043c\u043f\u043e\u0440\u0442\u044b \u0438\u0437 Shared \u0435\u0441\u0442\u0435\u0441\u0442\u0432\u0435\u043d\u043d\u044b\u043c \u043e\u0431\u0440\u0430\u0437\u043e\u043c \u043e\u0440\u0433\u0430\u043d\u0438\u0437\u0443\u044e\u0442\u0441\u044f \u043f\u043e \u043d\u0430\u0437\u043d\u0430\u0447\u0435\u043d\u0438\u044e. \u0414\u043b\u044f \u0434\u0440\u0443\u0433\u0438\u0445 \u0441\u043b\u043e\u0435\u0432, \u043d\u0430 \u043a\u043e\u0442\u043e\u0440\u044b\u0445 \u0441\u043b\u0430\u0439\u0441\u044b \u0435\u0441\u0442\u044c, \u0432\u0435\u0440\u043d\u043e \u043e\u0431\u0440\u0430\u0442\u043d\u043e\u0435 \u2014 \u043e\u0431\u044b\u0447\u043d\u043e \u043f\u0440\u0430\u043a\u0442\u0438\u0447\u043d\u0435\u0435 \u043e\u043f\u0440\u0435\u0434\u0435\u043b\u0438\u0442\u044c \u043e\u0434\u0438\u043d \u0438\u043d\u0434\u0435\u043a\u0441 \u043d\u0430 \u0441\u043b\u0430\u0439\u0441 \u0438 \u043f\u043e\u0437\u0432\u043e\u043b\u0438\u0442\u044c \u0441\u043b\u0430\u0439\u0441\u0443 \u0441\u0430\u043c\u043e\u043c\u0443 \u043a\u043e\u043d\u0442\u0440\u043e\u043b\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u043d\u0430\u0431\u043e\u0440 \u0441\u0435\u0433\u043c\u0435\u043d\u0442\u043e\u0432 \u0432\u043d\u0443\u0442\u0440\u0438, \u043f\u043e\u0442\u043e\u043c\u0443 \u0447\u0442\u043e \u0434\u0440\u0443\u0433\u0438\u0435 \u0441\u043b\u043e\u0438 \u043e\u0431\u044b\u0447\u043d\u043e \u0438\u043c\u0435\u044e\u0442 \u0433\u043e\u0440\u0430\u0437\u0434\u043e \u043c\u0435\u043d\u044c\u0448\u0435 \u044d\u043a\u0441\u043f\u043e\u0440\u0442\u043e\u0432 \u0438 \u0447\u0430\u0449\u0435 \u0440\u0435\u0444\u0430\u043a\u0442\u043e\u0440\u044f\u0442\u0441\u044f."}),"\n",(0,t.jsx)(n.p,{children:"\u041d\u0430\u0448\u0438 \u0441\u043b\u0430\u0439\u0441\u044b/\u0441\u0435\u0433\u043c\u0435\u043d\u0442\u044b \u0431\u0443\u0434\u0443\u0442 \u0432\u044b\u0433\u043b\u044f\u0434\u0435\u0442\u044c \u0434\u0440\u0443\u0433 \u0434\u043b\u044f \u0434\u0440\u0443\u0433\u0430 \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0438\u043c \u043e\u0431\u0440\u0430\u0437\u043e\u043c:"}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{children:"\ud83d\udcc2 pages/\n  \ud83d\udcc2 feed/\n    \ud83d\udcc4 index\n  \ud83d\udcc2 sign-in/\n    \ud83d\udcc4 index\n  \ud83d\udcc2 article-read/\n    \ud83d\udcc4 index\n  \ud83d\udcc1 \u2026\n\ud83d\udcc2 shared/\n  \ud83d\udcc2 ui/\n    \ud83d\udcc4 index\n  \ud83d\udcc2 api/\n    \ud83d\udcc4 index\n  \ud83d\udcc1 \u2026\n"})}),"\n",(0,t.jsxs)(n.p,{children:["\u0412\u0441\u0435, \u0447\u0442\u043e \u043d\u0430\u0445\u043e\u0434\u0438\u0442\u0441\u044f \u0432\u043d\u0443\u0442\u0440\u0438 \u043f\u0430\u043f\u043e\u043a \u0442\u0438\u043f\u0430 ",(0,t.jsx)(n.code,{children:"pages/feed"}),"  \u0438\u043b\u0438 ",(0,t.jsx)(n.code,{children:"shared/ui"})," , \u0438\u0437\u0432\u0435\u0441\u0442\u043d\u043e \u0442\u043e\u043b\u044c\u043a\u043e \u044d\u0442\u0438\u043c \u043f\u0430\u043f\u043a\u0430\u043c, \u0438 \u043d\u0435\u0442 \u043d\u0438\u043a\u0430\u043a\u0438\u0445 \u0433\u0430\u0440\u0430\u043d\u0442\u0438\u0439 \u043f\u043e \u0441\u043e\u0434\u0435\u0440\u0436\u0430\u043d\u0438\u044e \u044d\u0442\u0438\u0445 \u043f\u0430\u043f\u043e\u043a."]}),"\n",(0,t.jsx)(n.h3,{id:"\u043a\u0440\u0443\u043f\u043d\u044b\u0435-\u043f\u0435\u0440\u0435\u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u043c\u044b\u0435-\u0431\u043b\u043e\u043a\u0438-\u0438\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441\u0430",children:"\u041a\u0440\u0443\u043f\u043d\u044b\u0435 \u043f\u0435\u0440\u0435\u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u043c\u044b\u0435 \u0431\u043b\u043e\u043a\u0438 \u0438\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441\u0430"}),"\n",(0,t.jsx)(n.p,{children:"\u0420\u0430\u043d\u0435\u0435 \u043c\u044b \u0445\u043e\u0442\u0435\u043b\u0438 \u043e\u0442\u0434\u0435\u043b\u044c\u043d\u043e \u0432\u0435\u0440\u043d\u0443\u0442\u044c\u0441\u044f \u043a \u043f\u0435\u0440\u0435\u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u043c\u043e\u043c\u0443 \u0437\u0430\u0433\u043e\u043b\u043e\u0432\u043a\u0443 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f. \u0421\u043e\u0431\u0438\u0440\u0430\u0442\u044c \u0435\u0433\u043e \u0437\u0430\u043d\u043e\u0432\u043e \u043d\u0430 \u043a\u0430\u0436\u0434\u043e\u0439 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0435 \u0431\u044b\u043b\u043e \u0431\u044b \u043d\u0435\u043f\u0440\u0430\u043a\u0442\u0438\u0447\u043d\u043e, \u043f\u043e\u044d\u0442\u043e\u043c\u0443 \u043c\u044b \u0435\u0433\u043e \u043f\u0435\u0440\u0435\u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u043c. \u0423 \u043d\u0430\u0441 \u0443\u0436\u0435 \u0435\u0441\u0442\u044c \u0441\u043b\u043e\u0439 Shared \u0434\u043b\u044f \u043f\u0435\u0440\u0435\u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u044f \u043a\u043e\u0434\u0430, \u043e\u0434\u043d\u0430\u043a\u043e, \u0432 \u0441\u043b\u0443\u0447\u0430\u0435 \u043a\u0440\u0443\u043f\u043d\u044b\u0445 \u0431\u043b\u043e\u043a\u043e\u0432 \u0438\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441\u0430 \u0432 Shared \u0435\u0441\u0442\u044c \u043d\u044e\u0430\u043d\u0441 \u2014 \u0441\u043b\u043e\u0439 Shared \u043d\u0435 \u0434\u043e\u043b\u0436\u0435\u043d \u0437\u043d\u0430\u0442\u044c \u043e \u0441\u043b\u043e\u044f\u0445 \u0432\u044b\u0448\u0435."}),"\n",(0,t.jsx)(n.p,{children:"\u041c\u0435\u0436\u0434\u0443 \u0441\u043b\u043e\u044f\u043c\u0438 Shared \u0438 Pages \u0435\u0441\u0442\u044c \u0442\u0440\u0438 \u0434\u0440\u0443\u0433\u0438\u0445 \u0441\u043b\u043e\u044f: Entities, Features \u0438 Widgets. \u0412 \u0434\u0440\u0443\u0433\u0438\u0445 \u043f\u0440\u043e\u0435\u043a\u0442\u0430\u0445 \u043d\u0430 \u044d\u0442\u0438\u0445 \u0441\u043b\u043e\u044f\u0445 \u043c\u043e\u0436\u0435\u0442 \u043b\u0435\u0436\u0430\u0442\u044c \u0447\u0442\u043e-\u0442\u043e, \u0447\u0442\u043e \u0445\u043e\u0447\u0435\u0442\u0441\u044f \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u0432 \u043a\u0440\u0443\u043f\u043d\u043e\u043c \u043f\u0435\u0440\u0435\u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u043c\u043e\u043c \u0431\u043b\u043e\u043a\u0435, \u0438 \u0442\u043e\u0433\u0434\u0430 \u043c\u044b \u043d\u0435 \u0441\u043c\u043e\u0436\u0435\u043c \u043f\u043e\u043c\u0435\u0441\u0442\u0438\u0442\u044c \u044d\u0442\u043e\u0442 \u0431\u043b\u043e\u043a \u0432 Shared, \u043f\u043e\u0442\u043e\u043c\u0443 \u0447\u0442\u043e \u0442\u043e\u0433\u0434\u0430 \u0435\u043c\u0443 \u043f\u0440\u0438\u0434\u0435\u0442\u0441\u044f \u0438\u043c\u043f\u043e\u0440\u0442\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u0441\u043e \u0441\u043b\u043e\u0451\u0432 \u0432\u044b\u0448\u0435, \u0430 \u044d\u0442\u043e \u0437\u0430\u043f\u0440\u0435\u0449\u0435\u043d\u043e. \u0422\u0443\u0442 \u043f\u0440\u0438\u0445\u043e\u0434\u0438\u0442 \u043d\u0430 \u043f\u043e\u043c\u043e\u0449\u044c \u0441\u043b\u043e\u0439 Widgets. \u041e\u043d \u0440\u0430\u0441\u043f\u043e\u043b\u043e\u0436\u0435\u043d \u0432\u044b\u0448\u0435 Shared, Entities \u0438 Features, \u043f\u043e\u044d\u0442\u043e\u043c\u0443 \u043e\u043d \u043c\u043e\u0436\u0435\u0442 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u0438\u0445 \u0432\u0441\u0435\u0445."}),"\n",(0,t.jsxs)(n.p,{children:["\u0412 \u043d\u0430\u0448\u0435\u043c \u0441\u043b\u0443\u0447\u0430\u0435 \u0437\u0430\u0433\u043e\u043b\u043e\u0432\u043e\u043a \u043e\u0447\u0435\u043d\u044c \u043f\u0440\u043e\u0441\u0442\u043e\u0439 \u2014 \u044d\u0442\u043e \u0441\u0442\u0430\u0442\u0438\u0447\u0435\u0441\u043a\u0438\u0439 \u043b\u043e\u0433\u043e\u0442\u0438\u043f \u0438 \u043d\u0430\u0432\u0438\u0433\u0430\u0446\u0438\u044f \u0432\u0435\u0440\u0445\u043d\u0435\u0433\u043e \u0443\u0440\u043e\u0432\u043d\u044f. \u041d\u0430\u0432\u0438\u0433\u0430\u0446\u0438\u044f \u0434\u043e\u043b\u0436\u043d\u0430 \u0441\u043f\u0440\u043e\u0441\u0438\u0442\u044c \u0443 API, \u0430\u0432\u0442\u043e\u0440\u0438\u0437\u043e\u0432\u0430\u043d \u043b\u0438 \u0441\u0435\u0439\u0447\u0430\u0441 \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044c, \u043d\u043e \u044d\u0442\u043e \u043c\u043e\u0436\u0435\u0442 \u0431\u044b\u0442\u044c \u0440\u0435\u0448\u0435\u043d\u043e \u043f\u0440\u043e\u0441\u0442\u044b\u043c \u0438\u043c\u043f\u043e\u0440\u0442\u043e\u043c \u0438\u0437 \u0441\u0435\u0433\u043c\u0435\u043d\u0442\u0430 ",(0,t.jsx)(n.code,{children:"api"}),". \u041f\u043e\u044d\u0442\u043e\u043c\u0443 \u043c\u044b \u043e\u0441\u0442\u0430\u0432\u0438\u043c \u043d\u0430\u0448 \u0437\u0430\u0433\u043e\u043b\u043e\u0432\u043e\u043a \u0432 Shared."]}),"\n",(0,t.jsx)(n.h3,{id:"\u043f\u0440\u0438\u0441\u0442\u0430\u043b\u044c\u043d\u044b\u0439-\u0432\u0437\u0433\u043b\u044f\u0434-\u043d\u0430-\u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0443-\u0441-\u0444\u043e\u0440\u043c\u043e\u0439",children:"\u041f\u0440\u0438\u0441\u0442\u0430\u043b\u044c\u043d\u044b\u0439 \u0432\u0437\u0433\u043b\u044f\u0434 \u043d\u0430 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0443 \u0441 \u0444\u043e\u0440\u043c\u043e\u0439"}),"\n",(0,t.jsx)(n.p,{children:"\u0414\u0430\u0432\u0430\u0439\u0442\u0435 \u0442\u0430\u043a\u0436\u0435 \u0440\u0430\u0441\u0441\u043c\u043e\u0442\u0440\u0438\u043c \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0443, \u043d\u0430 \u043a\u043e\u0442\u043e\u0440\u043e\u0439 \u043c\u043e\u0436\u043d\u043e \u043d\u0435 \u0442\u043e\u043b\u044c\u043a\u043e \u0447\u0438\u0442\u0430\u0442\u044c, \u043d\u043e \u0438 \u0440\u0435\u0434\u0430\u043a\u0442\u0438\u0440\u043e\u0432\u0430\u0442\u044c. \u041a \u043f\u0440\u0438\u043c\u0435\u0440\u0443, \u0440\u0435\u0434\u0430\u043a\u0442\u043e\u0440 \u0441\u0442\u0430\u0442\u0435\u0439:"}),"\n",(0,t.jsx)(n.p,{children:(0,t.jsx)(n.img,{alt:"\u0420\u0435\u0434\u0430\u043a\u0442\u043e\u0440 \u0441\u0442\u0430\u0442\u0435\u0439 \u0432 Conduit",src:r(9922).A+"",width:"2880",height:"1200"})}),"\n",(0,t.jsx)(n.p,{children:"\u041e\u043d\u0430 \u0432\u044b\u0433\u043b\u044f\u0434\u0438\u0442 \u0442\u0440\u0438\u0432\u0438\u0430\u043b\u044c\u043d\u043e, \u043d\u043e \u0441\u043e\u0434\u0435\u0440\u0436\u0438\u0442 \u043d\u0435\u0441\u043a\u043e\u043b\u044c\u043a\u043e \u0430\u0441\u043f\u0435\u043a\u0442\u043e\u0432 \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u0438 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0439, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u043c\u044b \u0435\u0449\u0435 \u043d\u0435 \u0438\u0441\u0441\u043b\u0435\u0434\u043e\u0432\u0430\u043b\u0438 \u2014 \u0432\u0430\u043b\u0438\u0434\u0430\u0446\u0438\u044e \u0444\u043e\u0440\u043c, \u0441\u043e\u0441\u0442\u043e\u044f\u043d\u0438\u0435 \u043e\u0448\u0438\u0431\u043a\u0438 \u0438 \u043f\u043e\u0441\u0442\u043e\u044f\u043d\u043d\u043e\u0435 \u0445\u0440\u0430\u043d\u0435\u043d\u0438\u0435 \u0434\u0430\u043d\u043d\u044b\u0445."}),"\n",(0,t.jsxs)(n.p,{children:["\u0414\u043b\u044f \u0441\u043e\u0437\u0434\u0430\u043d\u0438\u044f \u044d\u0442\u043e\u0439 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b \u043d\u0430\u043c \u043d\u0443\u0436\u043d\u043e \u043d\u0435\u0441\u043a\u043e\u043b\u044c\u043a\u043e \u043f\u043e\u043b\u0435\u0439 \u0438 \u043a\u043d\u043e\u043f\u043e\u043a \u0438\u0437 Shared, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u043c\u044b \u0441\u043e\u0431\u0435\u0440\u0451\u043c \u0432 \u0444\u043e\u0440\u043c\u0443 \u0432 \u0441\u0435\u0433\u043c\u0435\u043d\u0442\u0435 ",(0,t.jsx)(n.code,{children:"ui"})," \u044d\u0442\u043e\u0439 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b. \u0417\u0430\u0442\u0435\u043c, \u0432 \u0441\u0435\u0433\u043c\u0435\u043d\u0442\u0435 ",(0,t.jsx)(n.code,{children:"api"})," \u043c\u044b \u043e\u043f\u0440\u0435\u0434\u0435\u043b\u0438\u043c \u0438\u0437\u043c\u0435\u043d\u044f\u044e\u0449\u0438\u0439 \u0437\u0430\u043f\u0440\u043e\u0441, \u0447\u0442\u043e\u0431\u044b \u0441\u043e\u0437\u0434\u0430\u0442\u044c \u0441\u0442\u0430\u0442\u044c\u044e \u043d\u0430 \u0431\u044d\u043a\u0435\u043d\u0434\u0435."]}),"\n",(0,t.jsxs)(n.p,{children:["\u0427\u0442\u043e\u0431\u044b \u043f\u0440\u043e\u0432\u0435\u0440\u0438\u0442\u044c \u0437\u0430\u043f\u0440\u043e\u0441 \u043f\u0435\u0440\u0435\u0434 \u043e\u0442\u043f\u0440\u0430\u0432\u043a\u043e\u0439, \u043d\u0430\u043c \u043d\u0443\u0436\u043d\u0430 \u0441\u0445\u0435\u043c\u0430 \u0432\u0430\u043b\u0438\u0434\u0430\u0446\u0438\u0438, \u0438 \u0445\u043e\u0440\u043e\u0448\u0438\u043c \u043c\u0435\u0441\u0442\u043e\u043c \u0434\u043b\u044f \u043d\u0435\u0435 \u044f\u0432\u043b\u044f\u0435\u0442\u0441\u044f \u0441\u0435\u0433\u043c\u0435\u043d\u0442 ",(0,t.jsx)(n.code,{children:"model"})," , \u043f\u043e\u0441\u043a\u043e\u043b\u044c\u043a\u0443 \u044d\u0442\u043e \u043c\u043e\u0434\u0435\u043b\u044c \u0434\u0430\u043d\u043d\u044b\u0445. \u0422\u0430\u043c \u0436\u0435 \u043c\u044b \u0441\u0433\u0435\u043d\u0435\u0440\u0438\u0440\u0443\u0435\u043c \u0441\u043e\u043e\u0431\u0449\u0435\u043d\u0438\u0435 \u043e\u0431 \u043e\u0448\u0438\u0431\u043a\u0435, \u0430 \u043e\u0442\u043e\u0431\u0440\u0430\u0437\u0438\u043c \u0435\u0433\u043e \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e \u0435\u0449\u0451 \u043e\u0434\u043d\u043e\u0433\u043e \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u0430 \u0432 \u0441\u0435\u0433\u043c\u0435\u043d\u0442\u0435 ",(0,t.jsx)(n.code,{children:"ui"}),"."]}),"\n",(0,t.jsxs)(n.p,{children:["\u0427\u0442\u043e\u0431\u044b \u0443\u043b\u0443\u0447\u0448\u0438\u0442\u044c \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044c\u0441\u043a\u0438\u0439 \u043e\u043f\u044b\u0442, \u043c\u044b \u0442\u0430\u043a\u0436\u0435 \u043c\u043e\u0436\u0435\u043c \u0441\u043e\u0445\u0440\u0430\u043d\u044f\u0442\u044c \u0432\u0432\u0435\u0434\u0451\u043d\u043d\u044b\u0435 \u0434\u0430\u043d\u043d\u044b\u0435 \u043f\u043e\u0441\u0442\u043e\u044f\u043d\u043d\u043e, \u0447\u0442\u043e\u0431\u044b \u043f\u0440\u0435\u0434\u043e\u0442\u0432\u0440\u0430\u0442\u0438\u0442\u044c \u0441\u043b\u0443\u0447\u0430\u0439\u043d\u0443\u044e \u043f\u043e\u0442\u0435\u0440\u044e \u043f\u0440\u0438 \u0437\u0430\u043a\u0440\u044b\u0442\u0438\u0438 \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u0430. \u042d\u0442\u043e \u0442\u043e\u0436\u0435 \u043f\u043e\u0434\u0445\u043e\u0434\u0438\u0442 \u043f\u043e\u0434 \u0441\u0435\u0433\u043c\u0435\u043d\u0442 ",(0,t.jsx)(n.code,{children:"model"}),"."]}),"\n",(0,t.jsx)(n.h3,{id:"\u0438\u0442\u043e\u0433\u0438",children:"\u0418\u0442\u043e\u0433\u0438"}),"\n",(0,t.jsx)(n.p,{children:"\u041c\u044b \u0440\u0430\u0437\u043e\u0431\u0440\u0430\u043b\u0438 \u043d\u0435\u0441\u043a\u043e\u043b\u044c\u043a\u043e \u0441\u0442\u0440\u0430\u043d\u0438\u0446 \u0438 \u043f\u0440\u0438\u0448\u043b\u0438 \u043a \u0431\u0430\u0437\u043e\u0432\u043e\u0439 \u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u0435 \u043d\u0430\u0448\u0435\u0433\u043e \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f:"}),"\n",(0,t.jsxs)(n.ol,{children:["\n",(0,t.jsxs)(n.li,{children:["\u0421\u043b\u043e\u0439 Shared","\n",(0,t.jsxs)(n.ol,{children:["\n",(0,t.jsxs)(n.li,{children:[(0,t.jsx)(n.code,{children:"ui"}),"  \u0431\u0443\u0434\u0435\u0442 \u0441\u043e\u0434\u0435\u0440\u0436\u0430\u0442\u044c \u043d\u0430\u0448 \u043f\u0435\u0440\u0435\u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u043c\u044b\u0439 UI-\u043a\u0438\u0442"]}),"\n",(0,t.jsxs)(n.li,{children:[(0,t.jsx)(n.code,{children:"api"}),"  \u0431\u0443\u0434\u0435\u0442 \u0441\u043e\u0434\u0435\u0440\u0436\u0430\u0442\u044c \u043d\u0430\u0448\u0438 \u043f\u0440\u0438\u043c\u0438\u0442\u0438\u0432\u044b \u0434\u043b\u044f \u0432\u0437\u0430\u0438\u043c\u043e\u0434\u0435\u0439\u0441\u0442\u0432\u0438\u044f \u0441 \u0431\u044d\u043a\u0435\u043d\u0434\u043e\u043c"]}),"\n",(0,t.jsx)(n.li,{children:"\u041e\u0441\u0442\u0430\u043b\u044c\u043d\u043e\u0435 \u0440\u0430\u0437\u043b\u043e\u0436\u0438\u043c \u043f\u043e \u0445\u043e\u0434\u0443 \u043d\u0430\u043f\u0438\u0441\u0430\u043d\u0438\u044f \u043a\u043e\u0434\u0430"}),"\n"]}),"\n"]}),"\n",(0,t.jsxs)(n.li,{children:["\u0421\u043b\u043e\u0439 Pages \u2014 \u0434\u043b\u044f \u043a\u0430\u0436\u0434\u043e\u0439 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b \u043e\u0442\u0434\u0435\u043b\u044c\u043d\u044b\u0439 \u0441\u043b\u0430\u0439\u0441","\n",(0,t.jsxs)(n.ol,{children:["\n",(0,t.jsxs)(n.li,{children:[(0,t.jsx)(n.code,{children:"ui"}),"  \u0431\u0443\u0434\u0435\u0442 \u0441\u043e\u0434\u0435\u0440\u0436\u0430\u0442\u044c \u0441\u0430\u043c\u0443 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0443 \u0438 \u0441\u043e\u0441\u0442\u0430\u0432\u043b\u044f\u044e\u0449\u0438\u0435 \u0435\u0451 \u0431\u043b\u043e\u043a\u0438"]}),"\n",(0,t.jsxs)(n.li,{children:[(0,t.jsx)(n.code,{children:"api"}),"  \u0431\u0443\u0434\u0435\u0442 \u0441\u043e\u0434\u0435\u0440\u0436\u0430\u0442\u044c \u0431\u043e\u043b\u0435\u0435 \u0441\u043f\u0435\u0446\u0438\u0430\u043b\u0438\u0437\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u044b\u0435 \u0444\u0443\u043d\u043a\u0446\u0438\u0438 \u043f\u043e\u043b\u0443\u0447\u0435\u043d\u0438\u044f \u0434\u0430\u043d\u043d\u044b\u0445, \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u044e\u0449\u0438\u0435 ",(0,t.jsx)(n.code,{children:"shared/api"})]}),"\n",(0,t.jsxs)(n.li,{children:[(0,t.jsx)(n.code,{children:"model"}),"  \u043c\u043e\u0436\u0435\u0442 \u0441\u043e\u0434\u0435\u0440\u0436\u0430\u0442\u044c \u043a\u043b\u0438\u0435\u043d\u0442\u0441\u043a\u043e\u0435 \u0445\u0440\u0430\u043d\u0438\u043b\u0438\u0449\u0435 \u0434\u0430\u043d\u043d\u044b\u0445, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u043c\u044b \u0431\u0443\u0434\u0435\u043c \u043e\u0442\u043e\u0431\u0440\u0430\u0436\u0430\u0442\u044c"]}),"\n"]}),"\n"]}),"\n"]}),"\n",(0,t.jsx)(n.p,{children:"\u0414\u0430\u0432\u0430\u0439\u0442\u0435 \u0441\u043e\u0437\u0434\u0430\u0434\u0438\u043c \u044d\u0442\u043e \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0435!"}),"\n",(0,t.jsx)(n.h2,{id:"\u0447\u0430\u0441\u0442\u044c-2-\u0432-\u043a\u043e\u0434\u0435",children:"\u0427\u0430\u0441\u0442\u044c 2. \u0412 \u043a\u043e\u0434\u0435"}),"\n",(0,t.jsxs)(n.p,{children:["\u0422\u0435\u043f\u0435\u0440\u044c, \u043a\u043e\u0433\u0434\u0430 \u0443 \u043d\u0430\u0441 \u0435\u0441\u0442\u044c \u043f\u043b\u0430\u043d, \u0434\u0430\u0432\u0430\u0439\u0442\u0435 \u0432\u043e\u043f\u043b\u043e\u0442\u0438\u043c \u0435\u0433\u043e \u0432 \u0436\u0438\u0437\u043d\u044c. \u041c\u044b \u0431\u0443\u0434\u0435\u043c \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c React \u0438 ",(0,t.jsx)(n.a,{href:"https://remix.run/",children:"Remix"}),"."]}),"\n",(0,t.jsxs)(n.p,{children:["\u0414\u043b\u044f \u044d\u0442\u043e\u0433\u043e \u043f\u0440\u043e\u0435\u043a\u0442\u0430 \u0443\u0436\u0435 \u0435\u0441\u0442\u044c \u0433\u043e\u0442\u043e\u0432\u044b\u0439 \u0448\u0430\u0431\u043b\u043e\u043d, c\u043a\u043b\u043e\u043d\u0438\u0440\u0443\u0439\u0442\u0435 \u0435\u0433\u043e \u0441 GitHub, \u0447\u0442\u043e\u0431\u044b \u043d\u0430\u0447\u0430\u0442\u044c \u0440\u0430\u0431\u043e\u0442\u0443: ",(0,t.jsx)(n.a,{href:"https://github.com/feature-sliced/tutorial-conduit/tree/clean",children:"https://github.com/feature-sliced/tutorial-conduit/tree/clean"})]}),"\n",(0,t.jsxs)(n.p,{children:["\u0423\u0441\u0442\u0430\u043d\u043e\u0432\u0438\u0442\u0435 \u0437\u0430\u0432\u0438\u0441\u0438\u043c\u043e\u0441\u0442\u0438 \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e ",(0,t.jsx)(n.code,{children:"npm install"})," \u0438 \u0437\u0430\u043f\u0443\u0441\u0442\u0438\u0442\u0435 \u0441\u0435\u0440\u0432\u0435\u0440 \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e ",(0,t.jsx)(n.code,{children:"npm run dev"}),". \u041e\u0442\u043a\u0440\u043e\u0439\u0442\u0435 ",(0,t.jsx)(n.a,{href:"http://localhost:3000/",children:"http://localhost:3000"}),", \u0438 \u0432\u044b \u0443\u0432\u0438\u0434\u0438\u0442\u0435 \u043f\u0443\u0441\u0442\u043e\u0435 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0435."]}),"\n",(0,t.jsx)(n.h3,{id:"\u0440\u0430\u0437\u043b\u043e\u0436\u0438\u043c-\u043f\u043e-\u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0430\u043c",children:"\u0420\u0430\u0437\u043b\u043e\u0436\u0438\u043c \u043f\u043e \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0430\u043c"}),"\n",(0,t.jsx)(n.p,{children:"\u0414\u0430\u0432\u0430\u0439\u0442\u0435 \u043d\u0430\u0447\u043d\u0435\u043c \u0441 \u0441\u043e\u0437\u0434\u0430\u043d\u0438\u044f \u043f\u0443\u0441\u0442\u044b\u0445 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u043e\u0432 \u0434\u043b\u044f \u0432\u0441\u0435\u0445 \u043d\u0430\u0448\u0438\u0445 \u0441\u0442\u0440\u0430\u043d\u0438\u0446. \u0412\u044b\u043f\u043e\u043b\u043d\u0438\u0442\u0435 \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0443\u044e \u043a\u043e\u043c\u0430\u043d\u0434\u0443 \u0432 \u0441\u0432\u043e\u0435\u043c \u043f\u0440\u043e\u0435\u043a\u0442\u0435:"}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-bash",children:"npx fsd pages feed sign-in article-read article-edit profile settings --segments ui\n"})}),"\n",(0,t.jsxs)(n.p,{children:["\u042d\u0442\u043e \u0441\u043e\u0437\u0434\u0430\u0441\u0442 \u043f\u0430\u043f\u043a\u0438 \u043d\u0430\u043f\u043e\u0434\u043e\u0431\u0438\u0435 ",(0,t.jsx)(n.code,{children:"pages/feed/ui/"})," \u0438 \u0438\u043d\u0434\u0435\u043a\u0441\u043d\u044b\u0439 \u0444\u0430\u0439\u043b ",(0,t.jsx)(n.code,{children:"pages/feed/index.ts"})," \u0434\u043b\u044f \u043a\u0430\u0436\u0434\u043e\u0439 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b."]}),"\n",(0,t.jsx)(n.h3,{id:"\u043f\u043e\u0434\u043a\u043b\u044e\u0447\u0438\u043c-\u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0443-\u0444\u0438\u0434\u0430",children:"\u041f\u043e\u0434\u043a\u043b\u044e\u0447\u0438\u043c \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0443 \u0444\u0438\u0434\u0430"}),"\n",(0,t.jsxs)(n.p,{children:["\u0414\u0430\u0432\u0430\u0439\u0442\u0435 \u043f\u043e\u0434\u043a\u043b\u044e\u0447\u0438\u043c \u043a\u043e\u0440\u043d\u0435\u0432\u043e\u0439 \u043c\u0430\u0440\u0448\u0440\u0443\u0442 (",(0,t.jsx)(n.code,{children:"/"}),") \u043d\u0430\u0448\u0435\u0433\u043e \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f \u043a \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0435 \u0444\u0438\u0434\u0430. \u0421\u043e\u0437\u0434\u0430\u0439\u0442\u0435 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442 ",(0,t.jsx)(n.code,{children:"FeedPage.tsx"})," \u0432 ",(0,t.jsx)(n.code,{children:"pages/feed/ui"})," \u0438 \u043f\u043e\u043c\u0435\u0441\u0442\u0438\u0442\u0435 \u0432 \u043d\u0435\u0433\u043e \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0435\u0435:"]}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/feed/ui/FeedPage.tsx"',children:'export function FeedPage() {\n  return (\n    <div className="home-page">\n      <div className="banner">\n        <div className="container">\n          <h1 className="logo-font">conduit</h1>\n          <p>A place to share your knowledge.</p>\n        </div>\n      </div>\n    </div>\n  );\n}\n'})}),"\n",(0,t.jsxs)(n.p,{children:["\u0417\u0430\u0442\u0435\u043c \u0440\u0435-\u044d\u043a\u0441\u043f\u043e\u0440\u0442\u0438\u0440\u0443\u0439\u0442\u0435 \u044d\u0442\u043e\u0442 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442 \u0432 \u043f\u0443\u0431\u043b\u0438\u0447\u043d\u043e\u043c API \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b \u0444\u0438\u0434\u0430, \u0444\u0430\u0439\u043b ",(0,t.jsx)(n.code,{children:"pages/feed/index.ts"}),":"]}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/feed/index.ts"',children:'export { FeedPage } from "./ui/FeedPage";\n'})}),"\n",(0,t.jsxs)(n.p,{children:["\u0422\u0435\u043f\u0435\u0440\u044c \u043f\u043e\u0434\u043a\u043b\u044e\u0447\u0438\u0442\u0435 \u0435\u0433\u043e \u043a \u043a\u043e\u0440\u043d\u0435\u0432\u043e\u043c\u0443 \u043c\u0430\u0440\u0448\u0440\u0443\u0442\u0443. \u0412 Remix \u043c\u0430\u0440\u0448\u0440\u0443\u0442\u0438\u0437\u0430\u0446\u0438\u044f \u0440\u0430\u0431\u043e\u0442\u0430\u0435\u0442 \u043d\u0430 \u0444\u0430\u0439\u043b\u0430\u0445, \u0438 \u0444\u0430\u0439\u043b\u044b \u043c\u0430\u0440\u0448\u0440\u0443\u0442\u043e\u0432 \u043d\u0430\u0445\u043e\u0434\u044f\u0442\u0441\u044f \u0432 \u043f\u0430\u043f\u043a\u0435 ",(0,t.jsx)(n.code,{children:"app/routes"}),", \u0447\u0442\u043e \u0445\u043e\u0440\u043e\u0448\u043e \u0441\u043e\u0447\u0435\u0442\u0430\u0435\u0442\u0441\u044f \u0441 Feature-Sliced Design."]}),"\n",(0,t.jsxs)(n.p,{children:["\u0418\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0439\u0442\u0435 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442 ",(0,t.jsx)(n.code,{children:"FeedPage"})," \u0432 ",(0,t.jsx)(n.code,{children:"app/routes/_index.tsx"}),":"]}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-tsx",metastring:'title="app/routes/_index.tsx"',children:'import type { MetaFunction } from "@remix-run/node";\nimport { FeedPage } from "pages/feed";\n\nexport const meta: MetaFunction = () => {\n  return [{ title: "Conduit" }];\n};\n\nexport default FeedPage;\n'})}),"\n",(0,t.jsx)(n.p,{children:"\u0417\u0430\u0442\u0435\u043c, \u0435\u0441\u043b\u0438 \u0432\u044b \u0437\u0430\u043f\u0443\u0441\u0442\u0438\u0442\u0435 dev-\u0441\u0435\u0440\u0432\u0435\u0440 \u0438 \u043e\u0442\u043a\u0440\u043e\u0435\u0442\u0435 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0435, \u0432\u044b \u0434\u043e\u043b\u0436\u043d\u044b \u0443\u0432\u0438\u0434\u0435\u0442\u044c \u0431\u0430\u043d\u043d\u0435\u0440 Conduit!"}),"\n",(0,t.jsx)(n.p,{children:(0,t.jsx)(n.img,{alt:"\u0411\u0430\u043d\u043d\u0435\u0440 Conduit",src:r(8891).A+"",width:"2880",height:"338"})}),"\n",(0,t.jsx)(n.h3,{id:"api-\u043a\u043b\u0438\u0435\u043d\u0442",children:"API-\u043a\u043b\u0438\u0435\u043d\u0442"}),"\n",(0,t.jsxs)(n.p,{children:["\u0427\u0442\u043e\u0431\u044b \u043e\u0431\u0449\u0430\u0442\u044c\u0441\u044f \u0441 \u0431\u044d\u043a\u0435\u043d\u0434\u043e\u043c RealWorld, \u0434\u0430\u0432\u0430\u0439\u0442\u0435 \u0441\u043e\u0437\u0434\u0430\u0434\u0438\u043c \u0443\u0434\u043e\u0431\u043d\u044b\u0439 API-\u043a\u043b\u0438\u0435\u043d\u0442 \u0432 Shared. \u0421\u043e\u0437\u0434\u0430\u0439\u0442\u0435 \u0434\u0432\u0430 \u0441\u0435\u0433\u043c\u0435\u043d\u0442\u0430, ",(0,t.jsx)(n.code,{children:"api"})," \u0434\u043b\u044f \u043a\u043b\u0438\u0435\u043d\u0442\u0430 \u0438 ",(0,t.jsx)(n.code,{children:"config"})," \u0434\u043b\u044f \u0442\u0430\u043a\u0438\u0445 \u043f\u0435\u0440\u0435\u043c\u0435\u043d\u043d\u044b\u0445 \u043a\u0430\u043a \u0431\u0430\u0437\u043e\u0432\u044b\u0439 URL \u0431\u044d\u043a\u0435\u043d\u0434\u0430:"]}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-bash",children:"npx fsd shared --segments api config\n"})}),"\n",(0,t.jsxs)(n.p,{children:["\u0417\u0430\u0442\u0435\u043c \u0441\u043e\u0437\u0434\u0430\u0439\u0442\u0435 ",(0,t.jsx)(n.code,{children:"shared/config/backend.ts"}),":"]}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-tsx",metastring:'title="shared/config/backend.ts"',children:'export const backendBaseUrl = "https://api.realworld.io/api";\n'})}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-tsx",metastring:'title="shared/config/index.ts"',children:'export { backendBaseUrl } from "./backend";\n'})}),"\n",(0,t.jsxs)(n.p,{children:["\u041f\u043e\u0441\u043a\u043e\u043b\u044c\u043a\u0443 \u043f\u0440\u043e\u0435\u043a\u0442 RealWorld \u043f\u0440\u0435\u0434\u043e\u0441\u0442\u0430\u0432\u043b\u044f\u0435\u0442 ",(0,t.jsx)(n.a,{href:"https://github.com/gothinkster/realworld/blob/main/api/openapi.yml",children:"\u0441\u043f\u0435\u0446\u0438\u0444\u0438\u043a\u0430\u0446\u0438\u044e OpenAPI"}),", \u043c\u044b \u043c\u043e\u0436\u0435\u043c \u0430\u0432\u0442\u043e\u043c\u0430\u0442\u0438\u0447\u0435\u0441\u043a\u0438 \u0441\u0433\u0435\u043d\u0435\u0440\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u0442\u0438\u043f\u044b \u0434\u043b\u044f \u043d\u0430\u0448\u0435\u0433\u043e API-\u043a\u043b\u0438\u0435\u043d\u0442\u0430. \u041c\u044b \u0431\u0443\u0434\u0435\u043c \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c ",(0,t.jsxs)(n.a,{href:"https://openapi-ts.pages.dev/openapi-fetch/",children:["\u043f\u0430\u043a\u0435\u0442 ",(0,t.jsx)(n.code,{children:"openapi-fetch"})]}),", \u0432 \u043a\u043e\u0442\u043e\u0440\u043e\u043c \u0434\u043e\u043f\u043e\u043b\u043d\u0438\u0442\u0435\u043b\u044c\u043d\u043e \u0435\u0441\u0442\u044c \u0433\u0435\u043d\u0435\u0440\u0430\u0442\u043e\u0440 \u0442\u0438\u043f\u043e\u0432."]}),"\n",(0,t.jsx)(n.p,{children:"\u0412\u044b\u043f\u043e\u043b\u043d\u0438\u0442\u0435 \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0443\u044e \u043a\u043e\u043c\u0430\u043d\u0434\u0443, \u0447\u0442\u043e\u0431\u044b \u0441\u0433\u0435\u043d\u0435\u0440\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u0430\u043a\u0442\u0443\u0430\u043b\u044c\u043d\u044b\u0435 \u0442\u0438\u043f\u044b \u0434\u043b\u044f API:"}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-bash",children:"npm run generate-api-types\n"})}),"\n",(0,t.jsxs)(n.p,{children:["\u0412 \u0440\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442\u0435 \u0431\u0443\u0434\u0435\u0442 \u0441\u043e\u0437\u0434\u0430\u043d \u0444\u0430\u0439\u043b ",(0,t.jsx)(n.code,{children:"shared/api/v1.d.ts"}),". \u041c\u044b \u0432\u043e\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u043c\u0441\u044f \u044d\u0442\u0438\u043c \u0444\u0430\u0439\u043b\u043e\u043c \u0432 ",(0,t.jsx)(n.code,{children:"shared/api/client.ts"})," \u0434\u043b\u044f \u0441\u043e\u0437\u0434\u0430\u043d\u0438\u044f \u0442\u0438\u043f\u0438\u0437\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u043e\u0433\u043e \u043a\u043b\u0438\u0435\u043d\u0442\u0430 API:"]}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-tsx",metastring:'title="shared/api/client.ts"',children:'import createClient from "openapi-fetch";\n\nimport { backendBaseUrl } from "shared/config";\nimport type { paths } from "./v1";\n\nexport const { GET, POST, PUT, DELETE } = createClient<paths>({ baseUrl: backendBaseUrl });\n'})}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-tsx",metastring:'title="shared/api/index.ts"',children:'export { GET, POST, PUT, DELETE } from "./client";\n'})}),"\n",(0,t.jsx)(n.h3,{id:"\u0440\u0435\u0430\u043b\u044c\u043d\u044b\u0435-\u0434\u0430\u043d\u043d\u044b\u0435-\u0432-\u043b\u0435\u043d\u0442\u0435",children:"\u0420\u0435\u0430\u043b\u044c\u043d\u044b\u0435 \u0434\u0430\u043d\u043d\u044b\u0435 \u0432 \u043b\u0435\u043d\u0442\u0435"}),"\n",(0,t.jsx)(n.p,{children:"\u0422\u0435\u043f\u0435\u0440\u044c \u043c\u044b \u043c\u043e\u0436\u0435\u043c \u043f\u0435\u0440\u0435\u0439\u0442\u0438 \u043a \u043f\u043e\u043b\u0443\u0447\u0435\u043d\u0438\u044e \u0441\u0442\u0430\u0442\u0435\u0439 \u0438\u0437 \u0431\u044d\u043a\u0435\u043d\u0434\u0430 \u0438 \u0434\u043e\u0431\u0430\u0432\u043b\u0435\u043d\u0438\u044e \u0438\u0445 \u0432 \u043b\u0435\u043d\u0442\u0443. \u041d\u0430\u0447\u043d\u0435\u043c \u0441 \u0440\u0435\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u0438 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u0430 \u043f\u0440\u0435\u0434\u043f\u0440\u043e\u0441\u043c\u043e\u0442\u0440\u0430 \u0441\u0442\u0430\u0442\u044c\u0438."}),"\n",(0,t.jsxs)(n.p,{children:["\u0421\u043e\u0437\u0434\u0430\u0439\u0442\u0435 ",(0,t.jsx)(n.code,{children:"pages/feed/ui/ArticlePreview.tsx"})," \u0441\u043e \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0438\u043c \u0441\u043e\u0434\u0435\u0440\u0436\u0438\u043c\u044b\u043c:"]}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/feed/ui/ArticlePreview.tsx"',children:"export function ArticlePreview({ article }) { /* TODO */ }\n"})}),"\n",(0,t.jsxs)(n.p,{children:["\u041f\u043e\u0441\u043a\u043e\u043b\u044c\u043a\u0443 \u043c\u044b \u043f\u0438\u0448\u0435\u043c \u043d\u0430 TypeScript, \u0431\u044b\u043b\u043e \u0431\u044b \u043d\u0435\u043f\u043b\u043e\u0445\u043e \u0438\u043c\u0435\u0442\u044c \u0442\u0438\u043f\u0438\u0437\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u044b\u0439 \u043e\u0431\u044a\u0435\u043a\u0442 \u0441\u0442\u0430\u0442\u044c\u0438 Article. \u0415\u0441\u043b\u0438 \u043c\u044b \u0438\u0437\u0443\u0447\u0438\u043c \u0441\u0433\u0435\u043d\u0435\u0440\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u044b\u0439 ",(0,t.jsx)(n.code,{children:"v1.d.ts"}),", \u0442\u043e \u0443\u0432\u0438\u0434\u0438\u043c, \u0447\u0442\u043e \u043e\u0431\u044a\u0435\u043a\u0442 Article \u0434\u043e\u0441\u0442\u0443\u043f\u0435\u043d \u0447\u0435\u0440\u0435\u0437 ",(0,t.jsx)(n.code,{children:'components["schemas"]["Article"]'}),". \u041f\u043e\u044d\u0442\u043e\u043c\u0443 \u0434\u0430\u0432\u0430\u0439\u0442\u0435 \u0441\u043e\u0437\u0434\u0430\u0434\u0438\u043c \u0444\u0430\u0439\u043b \u0441 \u043d\u0430\u0448\u0438\u043c\u0438 \u043c\u043e\u0434\u0435\u043b\u044f\u043c\u0438 \u0434\u0430\u043d\u043d\u044b\u0445 \u0432 Shared \u0438 \u044d\u043a\u0441\u043f\u043e\u0440\u0442\u0438\u0440\u0443\u0435\u043c \u043c\u043e\u0434\u0435\u043b\u0438:"]}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-tsx",metastring:'title="shared/api/models.ts"',children:'import type { components } from "./v1";\n\nexport type Article = components["schemas"]["Article"];\n'})}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-tsx",metastring:'title="shared/api/index.ts"',children:'export { GET, POST, PUT, DELETE } from "./client";\n\nexport type { Article } from "./models";\n'})}),"\n",(0,t.jsx)(n.p,{children:"\u0422\u0435\u043f\u0435\u0440\u044c \u043c\u044b \u043c\u043e\u0436\u0435\u043c \u0432\u0435\u0440\u043d\u0443\u0442\u044c\u0441\u044f \u043a \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u0443 \u043f\u0440\u0435\u0434\u043f\u0440\u043e\u0441\u043c\u043e\u0442\u0440\u0430 \u0441\u0442\u0430\u0442\u044c\u0438 \u0438 \u0437\u0430\u043f\u043e\u043b\u043d\u0438\u0442\u044c \u0440\u0430\u0437\u043c\u0435\u0442\u043a\u0443 \u0434\u0430\u043d\u043d\u044b\u043c\u0438. \u041e\u0431\u043d\u043e\u0432\u0438\u0442\u0435 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442, \u0434\u043e\u0431\u0430\u0432\u0438\u0432 \u0432 \u043d\u0435\u0433\u043e \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0435\u0435 \u0441\u043e\u0434\u0435\u0440\u0436\u0438\u043c\u043e\u0435:"}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/feed/ui/ArticlePreview.tsx"',children:'import { Link } from "@remix-run/react";\nimport type { Article } from "shared/api";\n\ninterface ArticlePreviewProps {\n  article: Article;\n}\n\nexport function ArticlePreview({ article }: ArticlePreviewProps) {\n  return (\n    <div className="article-preview">\n      <div className="article-meta">\n        <Link to={`/profile/${article.author.username}`} prefetch="intent">\n          <img src={article.author.image} alt="" />\n        </Link>\n        <div className="info">\n          <Link\n            to={`/profile/${article.author.username}`}\n            className="author"\n            prefetch="intent"\n          >\n            {article.author.username}\n          </Link>\n          <span className="date" suppressHydrationWarning>\n            {new Date(article.createdAt).toLocaleDateString(undefined, {\n              dateStyle: "long",\n            })}\n          </span>\n        </div>\n        <button className="btn btn-outline-primary btn-sm pull-xs-right">\n          <i className="ion-heart"></i> {article.favoritesCount}\n        </button>\n      </div>\n      <Link\n        to={`/article/${article.slug}`}\n        className="preview-link"\n        prefetch="intent"\n      >\n        <h1>{article.title}</h1>\n        <p>{article.description}</p>\n        <span>Read more...</span>\n        <ul className="tag-list">\n          {article.tagList.map((tag) => (\n            <li key={tag} className="tag-default tag-pill tag-outline">\n              {tag}\n            </li>\n          ))}\n        </ul>\n      </Link>\n    </div>\n  );\n}\n'})}),"\n",(0,t.jsx)(n.p,{children:'\u041a\u043d\u043e\u043f\u043a\u0430 "\u041c\u043d\u0435 \u043d\u0440\u0430\u0432\u0438\u0442\u0441\u044f" \u043f\u043e\u043a\u0430 \u043d\u0438\u0447\u0435\u0433\u043e \u043d\u0435 \u0434\u0435\u043b\u0430\u0435\u0442, \u043c\u044b \u0438\u0441\u043f\u0440\u0430\u0432\u0438\u043c \u044d\u0442\u043e, \u043a\u043e\u0433\u0434\u0430 \u043f\u0435\u0440\u0435\u0439\u0434\u0435\u043c \u043d\u0430 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0443 \u0447\u0442\u0435\u043d\u0438\u044f \u0441\u0442\u0430\u0442\u0435\u0439 \u0438 \u0440\u0435\u0430\u043b\u0438\u0437\u0443\u0435\u043c \u0444\u0443\u043d\u043a\u0446\u0438\u044e "\u041c\u043d\u0435 \u043d\u0440\u0430\u0432\u0438\u0442\u0441\u044f".'}),"\n",(0,t.jsxs)(n.p,{children:["\u0422\u0435\u043f\u0435\u0440\u044c \u043c\u044b \u043c\u043e\u0436\u0435\u043c \u043f\u043e\u043b\u0443\u0447\u0438\u0442\u044c \u0441\u0442\u0430\u0442\u044c\u0438 \u0438 \u043e\u0442\u043e\u0431\u0440\u0430\u0437\u0438\u0442\u044c \u043a\u0443\u0447\u0443 \u044d\u0442\u0438\u0445 \u043a\u0430\u0440\u0442\u043e\u0447\u0435\u043a \u043f\u0440\u0435\u0434\u043f\u0440\u043e\u0441\u043c\u043e\u0442\u0440\u0430. \u041f\u043e\u043b\u0443\u0447\u0435\u043d\u0438\u0435 \u0434\u0430\u043d\u043d\u044b\u0445 \u0432 Remix \u043e\u0441\u0443\u0449\u0435\u0441\u0442\u0432\u043b\u044f\u0435\u0442\u0441\u044f \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e ",(0,t.jsx)(n.em,{children:"\u0437\u0430\u0433\u0440\u0443\u0437\u0447\u0438\u043a\u043e\u0432"})," \u2014 \u0441\u0435\u0440\u0432\u0435\u0440\u043d\u044b\u0445 \u0444\u0443\u043d\u043a\u0446\u0438\u0439, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u0441\u043e\u0431\u0438\u0440\u0430\u044e\u0442 \u0442\u0435 \u0434\u0430\u043d\u043d\u044b\u0435, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u043d\u0443\u0436\u043d\u044b \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0435. \u0417\u0430\u0433\u0440\u0443\u0437\u0447\u0438\u043a\u0438 \u0432\u0437\u0430\u0438\u043c\u043e\u0434\u0435\u0439\u0441\u0442\u0432\u0443\u044e\u0442 \u0441 API \u043e\u0442 \u0438\u043c\u0435\u043d\u0438 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b, \u043f\u043e\u044d\u0442\u043e\u043c\u0443 \u043c\u044b \u043f\u043e\u043c\u0435\u0441\u0442\u0438\u043c \u0438\u0445 \u0432 \u0441\u0435\u0433\u043c\u0435\u043d\u0442 ",(0,t.jsx)(n.code,{children:"api"})," \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b:"]}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/feed/api/loader.ts"',children:'import { json } from "@remix-run/node";\n\nimport { GET } from "shared/api";\n\nexport const loader = async () => {\n  const { data: articles, error, response } = await GET("/articles");\n\n  if (error !== undefined) {\n    throw json(error, { status: response.status });\n  }\n\n  return json({ articles });\n};\n'})}),"\n",(0,t.jsxs)(n.p,{children:["\u0427\u0442\u043e\u0431\u044b \u043f\u043e\u0434\u043a\u043b\u044e\u0447\u0438\u0442\u044c \u0435\u0433\u043e \u043a \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0435, \u043d\u0430\u043c \u043d\u0443\u0436\u043d\u043e \u044d\u043a\u0441\u043f\u043e\u0440\u0442\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u0435\u0433\u043e \u0441 \u0438\u043c\u0435\u043d\u0435\u043c ",(0,t.jsx)(n.code,{children:"loader"}),"  \u0438\u0437 \u0444\u0430\u0439\u043b\u0430 \u043c\u0430\u0440\u0448\u0440\u0443\u0442\u0430:"]}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/feed/index.ts"',children:'export { FeedPage } from "./ui/FeedPage";\nexport { loader } from "./api/loader";\n'})}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-tsx",metastring:'title="app/routes/_index.tsx"',children:'import type { MetaFunction } from "@remix-run/node";\nimport { FeedPage } from "pages/feed";\n\nexport { loader } from "pages/feed";\n\nexport const meta: MetaFunction = () => {\n  return [{ title: "Conduit" }];\n};\n\nexport default FeedPage;\n'})}),"\n",(0,t.jsxs)(n.p,{children:["\u0418 \u043f\u043e\u0441\u043b\u0435\u0434\u043d\u0438\u0439 \u0448\u0430\u0433 \u2014 \u043e\u0442\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u0435 \u044d\u0442\u0438\u0445 \u043a\u0430\u0440\u0442\u043e\u0447\u0435\u043a \u0432 \u043b\u0435\u043d\u0442\u0435. \u041e\u0431\u043d\u043e\u0432\u0438\u0442\u0435 ",(0,t.jsx)(n.code,{children:"FeedPage"})," \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0438\u043c \u043a\u043e\u0434\u043e\u043c:"]}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/feed/ui/FeedPage.tsx"',children:'import { useLoaderData } from "@remix-run/react";\n\nimport type { loader } from "../api/loader";\nimport { ArticlePreview } from "./ArticlePreview";\n\nexport function FeedPage() {\n  const { articles } = useLoaderData<typeof loader>();\n\n  return (\n    <div className="home-page">\n      <div className="banner">\n        <div className="container">\n          <h1 className="logo-font">conduit</h1>\n          <p>A place to share your knowledge.</p>\n        </div>\n      </div>\n\n      <div className="container page">\n        <div className="row">\n          <div className="col-md-9">\n            {articles.articles.map((article) => (\n              <ArticlePreview key={article.slug} article={article} />\n            ))}\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n}\n'})}),"\n",(0,t.jsx)(n.h3,{id:"\u0444\u0438\u043b\u044c\u0442\u0440\u0430\u0446\u0438\u044f-\u043f\u043e-\u0442\u0435\u0433\u0430\u043c",children:"\u0424\u0438\u043b\u044c\u0442\u0440\u0430\u0446\u0438\u044f \u043f\u043e \u0442\u0435\u0433\u0430\u043c"}),"\n",(0,t.jsxs)(n.p,{children:["\u0427\u0442\u043e \u043a\u0430\u0441\u0430\u0435\u0442\u0441\u044f \u0442\u0435\u0433\u043e\u0432, \u0442\u043e \u043d\u0430\u0448\u0430 \u0437\u0430\u0434\u0430\u0447\u0430 \u2014 \u043f\u043e\u043b\u0443\u0447\u0438\u0442\u044c \u0438\u0445 \u0438\u0437 \u0431\u044d\u043a\u0435\u043d\u0434\u0430 \u0438 \u0437\u0430\u043f\u043e\u043c\u043d\u0438\u0442\u044c \u0432\u044b\u0431\u0440\u0430\u043d\u043d\u044b\u0439 \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u0435\u043c \u0442\u0435\u0433. \u041c\u044b \u0443\u0436\u0435 \u0437\u043d\u0430\u0435\u043c, \u043a\u0430\u043a \u0437\u0430\u0433\u0440\u0443\u0436\u0430\u0442\u044c \u0438\u0437 \u0431\u044d\u043a\u0435\u043d\u0434\u0430 \u2014 \u044d\u0442\u043e \u0435\u0449\u0435 \u043e\u0434\u0438\u043d \u0437\u0430\u043f\u0440\u043e\u0441 \u043e\u0442 \u0444\u0443\u043d\u043a\u0446\u0438\u0438-\u0437\u0430\u0433\u0440\u0443\u0437\u0447\u0438\u043a\u0430. \u041c\u044b \u0431\u0443\u0434\u0435\u043c \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u0443\u0434\u043e\u0431\u043d\u0443\u044e \u0444\u0443\u043d\u043a\u0446\u0438\u044e ",(0,t.jsx)(n.code,{children:"promiseHash"})," \u0438\u0437 \u043f\u0430\u043a\u0435\u0442\u0430 ",(0,t.jsx)(n.code,{children:"remix-utils"}),", \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u0443\u0436\u0435 \u0443\u0441\u0442\u0430\u043d\u043e\u0432\u043b\u0435\u043d."]}),"\n",(0,t.jsxs)(n.p,{children:["\u041e\u0431\u043d\u043e\u0432\u0438\u0442\u0435 \u0444\u0430\u0439\u043b \u0437\u0430\u0433\u0440\u0443\u0437\u0447\u0438\u043a\u0430, ",(0,t.jsx)(n.code,{children:"pages/feed/api/loader.ts"}),", \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0438\u043c \u043a\u043e\u0434\u043e\u043c:"]}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/feed/api/loader.ts"',children:'import { json } from "@remix-run/node";\nimport type { FetchResponse } from "openapi-fetch";\nimport { promiseHash } from "remix-utils/promise";\n\nimport { GET } from "shared/api";\n\nasync function throwAnyErrors<T, O, Media extends `${string}/${string}`>(\n  responsePromise: Promise<FetchResponse<T, O, Media>>,\n) {\n  const { data, error, response } = await responsePromise;\n\n  if (error !== undefined) {\n    throw json(error, { status: response.status });\n  }\n\n  return data as NonNullable<typeof data>;\n}\n\nexport const loader = async () => {\n  return json(\n    await promiseHash({\n      articles: throwAnyErrors(GET("/articles")),\n      tags: throwAnyErrors(GET("/tags")),\n    }),\n  );\n};\n'})}),"\n",(0,t.jsxs)(n.p,{children:["\u0412\u044b \u043c\u043e\u0436\u0435\u0442\u0435 \u0437\u0430\u043c\u0435\u0442\u0438\u0442\u044c, \u0447\u0442\u043e \u043c\u044b \u0432\u044b\u043d\u0435\u0441\u043b\u0438 \u043e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u0443 \u043e\u0448\u0438\u0431\u043e\u043a \u0432 \u043e\u0431\u0449\u0443\u044e \u0444\u0443\u043d\u043a\u0446\u0438\u044e ",(0,t.jsx)(n.code,{children:"throwAnyErrors"}),". \u041e\u043d\u0430 \u0432\u044b\u0433\u043b\u044f\u0434\u0438\u0442 \u0434\u043e\u0432\u043e\u043b\u044c\u043d\u043e \u043f\u043e\u043b\u0435\u0437\u043d\u043e\u0439, \u0442\u0430\u043a \u0447\u0442\u043e, \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e, \u043c\u044b \u0437\u0430\u0445\u043e\u0442\u0438\u043c \u043f\u0435\u0440\u0435\u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u0435\u0451 \u043f\u043e\u0437\u0436\u0435, \u0430 \u043f\u043e\u043a\u0430 \u0434\u0430\u0432\u0430\u0439\u0442\u0435 \u043f\u0440\u043e\u0441\u0442\u043e \u0437\u0430\u043c\u0435\u0442\u0438\u043c \u044d\u0442\u043e\u0442 \u0444\u0430\u043a\u0442."]}),"\n",(0,t.jsx)(n.p,{children:"\u0422\u0435\u043f\u0435\u0440\u044c \u043f\u0435\u0440\u0435\u0439\u0434\u0435\u043c \u043a \u0441\u043f\u0438\u0441\u043a\u0443 \u0442\u0435\u0433\u043e\u0432. \u041e\u043d \u0434\u043e\u043b\u0436\u0435\u043d \u0431\u044b\u0442\u044c \u0438\u043d\u0442\u0435\u0440\u0430\u043a\u0442\u0438\u0432\u043d\u044b\u043c - \u0449\u0435\u043b\u0447\u043e\u043a \u043f\u043e \u0442\u0435\u0433\u0443 \u0434\u043e\u043b\u0436\u0435\u043d \u0432\u044b\u0431\u0440\u0430\u0442\u044c \u044d\u0442\u043e\u0442 \u0442\u0435\u0433. \u041f\u043e \u0442\u0440\u0430\u0434\u0438\u0446\u0438\u0438 Remix, \u043c\u044b \u0431\u0443\u0434\u0435\u043c \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u043f\u0430\u0440\u0430\u043c\u0435\u0442\u0440\u044b \u0437\u0430\u043f\u0440\u043e\u0441\u0430 \u0432 URL \u0432 \u043a\u0430\u0447\u0435\u0441\u0442\u0432\u0435 \u0445\u0440\u0430\u043d\u0438\u043b\u0438\u0449\u0430 \u0434\u043b\u044f \u0432\u044b\u0431\u0440\u0430\u043d\u043d\u043e\u0433\u043e \u0442\u0435\u0433\u0430. \u041f\u0443\u0441\u0442\u044c \u0431\u0440\u0430\u0443\u0437\u0435\u0440 \u043f\u043e\u0437\u0430\u0431\u043e\u0442\u0438\u0442\u0441\u044f \u043e \u0445\u0440\u0430\u043d\u0438\u043b\u0438\u0449\u0435, \u0430 \u043c\u044b \u0441\u043e\u0441\u0440\u0435\u0434\u043e\u0442\u043e\u0447\u0438\u043c\u0441\u044f \u043d\u0430 \u0431\u043e\u043b\u0435\u0435 \u0432\u0430\u0436\u043d\u044b\u0445 \u0432\u0435\u0449\u0430\u0445."}),"\n",(0,t.jsxs)(n.p,{children:["\u041e\u0431\u043d\u043e\u0432\u0438\u0442\u0435 ",(0,t.jsx)(n.code,{children:"pages/feed/ui/FeedPage.tsx"})," \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0438\u043c \u043a\u043e\u0434\u043e\u043c:"]}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/feed/ui/FeedPage.tsx"',children:'import { Form, useLoaderData } from "@remix-run/react";\nimport { ExistingSearchParams } from "remix-utils/existing-search-params";\n\nimport type { loader } from "../api/loader";\nimport { ArticlePreview } from "./ArticlePreview";\n\nexport function FeedPage() {\n  const { articles, tags } = useLoaderData<typeof loader>();\n\n  return (\n    <div className="home-page">\n      <div className="banner">\n        <div className="container">\n          <h1 className="logo-font">conduit</h1>\n          <p>A place to share your knowledge.</p>\n        </div>\n      </div>\n\n      <div className="container page">\n        <div className="row">\n          <div className="col-md-9">\n            {articles.articles.map((article) => (\n              <ArticlePreview key={article.slug} article={article} />\n            ))}\n          </div>\n\n          <div className="col-md-3">\n            <div className="sidebar">\n              <p>Popular Tags</p>\n\n              <Form>\n                <ExistingSearchParams exclude={["tag"]} />\n                <div className="tag-list">\n                  {tags.tags.map((tag) => (\n                    <button\n                      key={tag}\n                      name="tag"\n                      value={tag}\n                      className="tag-pill tag-default"\n                    >\n                      {tag}\n                    </button>\n                  ))}\n                </div>\n              </Form>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n} \n'})}),"\n",(0,t.jsxs)(n.p,{children:["\u0417\u0430\u0442\u0435\u043c \u043d\u0430\u043c \u043d\u0443\u0436\u043d\u043e \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u043f\u0430\u0440\u0430\u043c\u0435\u0442\u0440 \u043f\u043e\u0438\u0441\u043a\u0430 \u0442\u0435\u0433\u043e\u0432 \u0432 \u043d\u0430\u0448\u0435\u043c \u0437\u0430\u0433\u0440\u0443\u0437\u0447\u0438\u043a\u0435. \u0418\u0437\u043c\u0435\u043d\u0438\u0442\u0435 \u0444\u0443\u043d\u043a\u0446\u0438\u044e ",(0,t.jsx)(n.code,{children:"loader"})," \u0432 ",(0,t.jsx)(n.code,{children:"pages/feed/api/loader.ts"})," \u043d\u0430 \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0443\u044e:"]}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/feed/api/loader.ts"',children:'import { json, type LoaderFunctionArgs } from "@remix-run/node";\nimport type { FetchResponse } from "openapi-fetch";\nimport { promiseHash } from "remix-utils/promise";\n\nimport { GET } from "shared/api";\n\nasync function throwAnyErrors<T, O, Media extends `${string}/${string}`>(\n  responsePromise: Promise<FetchResponse<T, O, Media>>,\n) {\n  const { data, error, response } = await responsePromise;\n\n  if (error !== undefined) {\n    throw json(error, { status: response.status });\n  }\n\n  return data as NonNullable<typeof data>;\n}\nexport const loader = async ({ request }: LoaderFunctionArgs) => {\n  const url = new URL(request.url);\n  const selectedTag = url.searchParams.get("tag") ?? undefined;\n\n  return json(\n    await promiseHash({\n      articles: throwAnyErrors(\n        GET("/articles", { params: { query: { tag: selectedTag } } }),\n      ),\n      tags: throwAnyErrors(GET("/tags")),\n    }),\n  );\n};\n'})}),"\n",(0,t.jsxs)(n.p,{children:["\u0418 \u0432\u0441\u0451, \u0441\u0435\u0433\u043c\u0435\u043d\u0442 ",(0,t.jsx)(n.code,{children:"model"})," \u043d\u0430\u043c \u043d\u0435 \u043f\u043e\u043d\u0430\u0434\u043e\u0431\u0438\u043b\u0441\u044f. Remix \u2014 \u043a\u043b\u0451\u0432\u0430\u044f \u0448\u0442\u0443\u043a\u0430."]}),"\n",(0,t.jsx)(n.h3,{id:"\u043f\u0430\u0433\u0438\u043d\u0430\u0446\u0438\u044f",children:"\u041f\u0430\u0433\u0438\u043d\u0430\u0446\u0438\u044f"}),"\n",(0,t.jsx)(n.p,{children:"\u0410\u043d\u0430\u043b\u043e\u0433\u0438\u0447\u043d\u044b\u043c \u043e\u0431\u0440\u0430\u0437\u043e\u043c \u043c\u044b \u043c\u043e\u0436\u0435\u043c \u0440\u0435\u0430\u043b\u0438\u0437\u043e\u0432\u0430\u0442\u044c \u043f\u0430\u0433\u0438\u043d\u0430\u0446\u0438\u044e. \u041d\u0435 \u0441\u0442\u0435\u0441\u043d\u044f\u0439\u0442\u0435\u0441\u044c \u043f\u043e\u043f\u0440\u043e\u0431\u043e\u0432\u0430\u0442\u044c \u0440\u0435\u0430\u043b\u0438\u0437\u043e\u0432\u0430\u0442\u044c \u0435\u0451 \u0441\u0430\u043c\u0438 \u0438\u043b\u0438 \u0436\u0435 \u043f\u0440\u043e\u0441\u0442\u043e \u0441\u043a\u043e\u043f\u0438\u0440\u0443\u0439\u0442\u0435 \u043a\u043e\u0434 \u043d\u0438\u0436\u0435. \u0412 \u043b\u044e\u0431\u043e\u043c \u0441\u043b\u0443\u0447\u0430\u0435, \u043e\u0441\u0443\u0436\u0434\u0430\u0442\u044c \u0432\u0430\u0441 \u043d\u0435\u043a\u043e\u043c\u0443."}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/feed/api/loader.ts"',children:'import { json, type LoaderFunctionArgs } from "@remix-run/node";\nimport type { FetchResponse } from "openapi-fetch";\nimport { promiseHash } from "remix-utils/promise";\n\nimport { GET } from "shared/api";\n\nasync function throwAnyErrors<T, O, Media extends `${string}/${string}`>(\n  responsePromise: Promise<FetchResponse<T, O, Media>>,\n) {\n  const { data, error, response } = await responsePromise;\n\n  if (error !== undefined) {\n    throw json(error, { status: response.status });\n  }\n\n  return data as NonNullable<typeof data>;\n}\n\n/** Amount of articles on one page. */\nexport const LIMIT = 20;\n\nexport const loader = async ({ request }: LoaderFunctionArgs) => {\n  const url = new URL(request.url);\n  const selectedTag = url.searchParams.get("tag") ?? undefined;\n  const page = parseInt(url.searchParams.get("page") ?? "", 10);\n\n  return json(\n    await promiseHash({\n      articles: throwAnyErrors(\n        GET("/articles", {\n          params: {\n            query: {\n              tag: selectedTag,\n              limit: LIMIT,\n              offset: !Number.isNaN(page) ? page * LIMIT : undefined,\n            },\n          },\n        }),\n      ),\n      tags: throwAnyErrors(GET("/tags")),\n    }),\n  );\n};\n'})}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/feed/ui/FeedPage.tsx"',children:'import { Form, useLoaderData, useSearchParams } from "@remix-run/react";\nimport { ExistingSearchParams } from "remix-utils/existing-search-params";\n\nimport { LIMIT, type loader } from "../api/loader";\nimport { ArticlePreview } from "./ArticlePreview";\n\nexport function FeedPage() {\n  const [searchParams] = useSearchParams();\n  const { articles, tags } = useLoaderData<typeof loader>();\n  const pageAmount = Math.ceil(articles.articlesCount / LIMIT);\n  const currentPage = parseInt(searchParams.get("page") ?? "1", 10);\n\n  return (\n    <div className="home-page">\n      <div className="banner">\n        <div className="container">\n          <h1 className="logo-font">conduit</h1>\n          <p>A place to share your knowledge.</p>\n        </div>\n      </div>\n\n      <div className="container page">\n        <div className="row">\n          <div className="col-md-9">\n            {articles.articles.map((article) => (\n              <ArticlePreview key={article.slug} article={article} />\n            ))}\n\n            <Form>\n              <ExistingSearchParams exclude={["page"]} />\n              <ul className="pagination">\n                {Array(pageAmount)\n                  .fill(null)\n                  .map((_, index) =>\n                    index + 1 === currentPage ? (\n                      <li key={index} className="page-item active">\n                        <span className="page-link">{index + 1}</span>\n                      </li>\n                    ) : (\n                      <li key={index} className="page-item">\n                        <button\n                          className="page-link"\n                          name="page"\n                          value={index + 1}\n                        >\n                          {index + 1}\n                        </button>\n                      </li>\n                    ),\n                  )}\n              </ul>\n            </Form>\n          </div>\n\n          <div className="col-md-3">\n            <div className="sidebar">\n              <p>Popular Tags</p>\n\n              <Form>\n                <ExistingSearchParams exclude={["tag", "page"]} />\n                <div className="tag-list">\n                  {tags.tags.map((tag) => (\n                    <button\n                      key={tag}\n                      name="tag"\n                      value={tag}\n                      className="tag-pill tag-default"\n                    >\n                      {tag}\n                    </button>\n                  ))}\n                </div>\n              </Form>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n}\n'})}),"\n",(0,t.jsx)(n.p,{children:"\u041d\u0443 \u0432\u043e\u0442, \u044d\u0442\u043e \u0442\u043e\u0436\u0435 \u0441\u0434\u0435\u043b\u0430\u043b\u0438. \u0415\u0441\u0442\u044c \u0435\u0449\u0435 \u0441\u043f\u0438\u0441\u043e\u043a \u0432\u043a\u043b\u0430\u0434\u043e\u043a, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u043c\u043e\u0436\u043d\u043e \u0440\u0435\u0430\u043b\u0438\u0437\u043e\u0432\u0430\u0442\u044c \u0430\u043d\u0430\u043b\u043e\u0433\u0438\u0447\u043d\u044b\u043c \u043e\u0431\u0440\u0430\u0437\u043e\u043c, \u043d\u043e \u0434\u0430\u0432\u0430\u0439\u0442\u0435 \u043f\u043e\u0432\u0440\u0435\u043c\u0435\u043d\u0438\u043c \u0441 \u044d\u0442\u0438\u043c, \u043f\u043e\u043a\u0430 \u043d\u0435 \u0440\u0435\u0430\u043b\u0438\u0437\u0443\u0435\u043c \u0430\u0443\u0442\u0435\u043d\u0442\u0438\u0444\u0438\u043a\u0430\u0446\u0438\u044e. \u041a\u0441\u0442\u0430\u0442\u0438, \u043e \u043d\u0435\u0439!"}),"\n",(0,t.jsx)(n.h3,{id:"authentication",children:"\u0410\u0443\u0442\u0435\u043d\u0442\u0438\u0444\u0438\u043a\u0430\u0446\u0438\u044f"}),"\n",(0,t.jsxs)(n.p,{children:["\u0410\u0443\u0442\u0435\u043d\u0442\u0438\u0444\u0438\u043a\u0430\u0446\u0438\u044f \u0432\u043a\u043b\u044e\u0447\u0430\u0435\u0442 \u0432 \u0441\u0435\u0431\u044f \u0434\u0432\u0435 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b \u2014 \u043e\u0434\u043d\u0443 \u0434\u043b\u044f \u0432\u0445\u043e\u0434\u0430 \u0432 \u0441\u0438\u0441\u0442\u0435\u043c\u0443 \u0438 \u0434\u0440\u0443\u0433\u0443\u044e \u0434\u043b\u044f \u0440\u0435\u0433\u0438\u0441\u0442\u0440\u0430\u0446\u0438\u0438. \u041e\u043d\u0438, \u0432 \u043e\u0441\u043d\u043e\u0432\u043d\u043e\u043c, \u043e\u0447\u0435\u043d\u044c \u0441\u0445\u043e\u0436\u0438\u0435, \u043f\u043e\u044d\u0442\u043e\u043c\u0443 \u0438\u043c\u0435\u0435\u0442 \u0441\u043c\u044b\u0441\u043b \u0434\u0435\u0440\u0436\u0430\u0442\u044c \u0438\u0445 \u0432 \u043e\u0434\u043d\u043e\u043c \u0441\u0435\u0433\u043c\u0435\u043d\u0442\u0435, ",(0,t.jsx)(n.code,{children:"sign-in"}),", \u0447\u0442\u043e\u0431\u044b \u043f\u0440\u0438 \u043d\u0435\u043e\u0431\u0445\u043e\u0434\u0438\u043c\u043e\u0441\u0442\u0438 \u043c\u043e\u0436\u043d\u043e \u0431\u044b\u043b\u043e \u043f\u0435\u0440\u0435\u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u043a\u043e\u0434."]}),"\n",(0,t.jsxs)(n.p,{children:["\u0421\u043e\u0437\u0434\u0430\u0439\u0442\u0435 ",(0,t.jsx)(n.code,{children:"RegisterPage.tsx"})," \u0432 \u0441\u0435\u0433\u043c\u0435\u043d\u0442\u0435 ",(0,t.jsx)(n.code,{children:"ui"})," \u0432 ",(0,t.jsx)(n.code,{children:"pages/sign-in"})," \u0441\u043e \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0438\u043c \u0441\u043e\u0434\u0435\u0440\u0436\u0438\u043c\u044b\u043c:"]}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/sign-in/ui/RegisterPage.tsx"',children:'import { Form, Link, useActionData } from "@remix-run/react";\n\nimport type { register } from "../api/register";\n\nexport function RegisterPage() {\n  const registerData = useActionData<typeof register>();\n\n  return (\n    <div className="auth-page">\n      <div className="container page">\n        <div className="row">\n          <div className="col-md-6 offset-md-3 col-xs-12">\n            <h1 className="text-xs-center">Sign up</h1>\n            <p className="text-xs-center">\n              <Link to="/login">Have an account?</Link>\n            </p>\n\n            {registerData?.error && (\n              <ul className="error-messages">\n                {registerData.error.errors.body.map((error) => (\n                  <li key={error}>{error}</li>\n                ))}\n              </ul>\n            )}\n\n            <Form method="post">\n              <fieldset className="form-group">\n                <input\n                  className="form-control form-control-lg"\n                  type="text"\n                  name="username"\n                  placeholder="Username"\n                />\n              </fieldset>\n              <fieldset className="form-group">\n                <input\n                  className="form-control form-control-lg"\n                  type="text"\n                  name="email"\n                  placeholder="Email"\n                />\n              </fieldset>\n              <fieldset className="form-group">\n                <input\n                  className="form-control form-control-lg"\n                  type="password"\n                  name="password"\n                  placeholder="Password"\n                />\n              </fieldset>\n              <button className="btn btn-lg btn-primary pull-xs-right">\n                Sign up\n              </button>\n            </Form>\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n}\n'})}),"\n",(0,t.jsx)(n.p,{children:"\u0421\u0435\u0439\u0447\u0430\u0441 \u043d\u0430\u043c \u043d\u0443\u0436\u043d\u043e \u0438\u0441\u043f\u0440\u0430\u0432\u0438\u0442\u044c \u0441\u043b\u043e\u043c\u0430\u043d\u043d\u044b\u0439 \u0438\u043c\u043f\u043e\u0440\u0442. \u041e\u043d \u043e\u0431\u0440\u0430\u0449\u0430\u0435\u0442\u0441\u044f \u043a \u043d\u043e\u0432\u043e\u043c\u0443 \u0441\u0435\u0433\u043c\u0435\u043d\u0442\u0443, \u043f\u043e\u044d\u0442\u043e\u043c\u0443 \u0441\u043e\u0437\u0434\u0430\u0439\u0442\u0435 \u0435\u0433\u043e:"}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-bash",children:"npx fsd pages sign-in -s api\n"})}),"\n",(0,t.jsx)(n.p,{children:"\u041e\u0434\u043d\u0430\u043a\u043e \u043f\u0440\u0435\u0436\u0434\u0435 \u0447\u0435\u043c \u043c\u044b \u0441\u043c\u043e\u0436\u0435\u043c \u0440\u0435\u0430\u043b\u0438\u0437\u043e\u0432\u0430\u0442\u044c \u0431\u044d\u043a\u0435\u043d\u0434-\u0447\u0430\u0441\u0442\u044c \u0440\u0435\u0433\u0438\u0441\u0442\u0440\u0430\u0446\u0438\u0438, \u043d\u0430\u043c \u043d\u0443\u0436\u0435\u043d \u043d\u0435\u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u0438\u043d\u0444\u0440\u0430\u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u043d\u044b\u0439 \u043a\u043e\u0434 \u0434\u043b\u044f Remix \u0434\u043b\u044f \u043e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u0438 \u0441\u0435\u0441\u0441\u0438\u0439. \u041e\u0442\u043f\u0440\u0430\u0432\u0438\u043c \u0435\u0433\u043e \u0432 Shared, \u043d\u0430 \u0441\u043b\u0443\u0447\u0430\u0439, \u0435\u0441\u043b\u0438 \u043e\u043d \u043f\u043e\u043d\u0430\u0434\u043e\u0431\u0438\u0442\u0441\u044f \u043a\u0430\u043a\u043e\u0439-\u043b\u0438\u0431\u043e \u0434\u0440\u0443\u0433\u043e\u0439 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0435."}),"\n",(0,t.jsxs)(n.p,{children:["\u041f\u043e\u043c\u0435\u0441\u0442\u0438\u0442\u0435 \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0438\u0439 \u043a\u043e\u0434 \u0432 ",(0,t.jsx)(n.code,{children:"shared/api/auth.server.ts"}),". \u042d\u0442\u043e\u0442 \u043a\u043e\u0434 \u043e\u0447\u0435\u043d\u044c \u0441\u043f\u0435\u0446\u0438\u0444\u0438\u0447\u0435\u043d \u0434\u043b\u044f Remix, \u0442\u0430\u043a \u0447\u0442\u043e \u043d\u0435 \u0431\u0435\u0441\u043f\u043e\u043a\u043e\u0439\u0442\u0435\u0441\u044c, \u0435\u0441\u043b\u0438 \u0442\u0430\u043c \u043d\u0435 \u0432\u0441\u0435 \u043f\u043e\u043d\u044f\u0442\u043d\u043e, \u043f\u0440\u043e\u0441\u0442\u043e \u0441\u043a\u043e\u043f\u0438\u0440\u0443\u0439\u0442\u0435 \u0438 \u0432\u0441\u0442\u0430\u0432\u044c\u0442\u0435:"]}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-tsx",metastring:'title="shared/api/auth.server.ts"',children:'import { createCookieSessionStorage, redirect } from "@remix-run/node";\nimport invariant from "tiny-invariant";\n\nimport type { User } from "./models";\n\ninvariant(\n  process.env.SESSION_SECRET,\n  "SESSION_SECRET must be set for authentication to work",\n);\n\nconst sessionStorage = createCookieSessionStorage<{\n  user: User;\n}>({\n  cookie: {\n    name: "__session",\n    httpOnly: true,\n    path: "/",\n    sameSite: "lax",\n    secrets: [process.env.SESSION_SECRET],\n    secure: process.env.NODE_ENV === "production",\n  },\n});\n\nexport async function createUserSession({\n  request,\n  user,\n  redirectTo,\n}: {\n  request: Request;\n  user: User;\n  redirectTo: string;\n}) {\n  const cookie = request.headers.get("Cookie");\n  const session = await sessionStorage.getSession(cookie);\n\n  session.set("user", user);\n\n  return redirect(redirectTo, {\n    headers: {\n      "Set-Cookie": await sessionStorage.commitSession(session, {\n        maxAge: 60 * 60 * 24 * 7, // 7 days\n      }),\n    },\n  });\n}\n\nexport async function getUserFromSession(request: Request) {\n  const cookie = request.headers.get("Cookie");\n  const session = await sessionStorage.getSession(cookie);\n\n  return session.get("user") ?? null;\n}\n\nexport async function requireUser(request: Request) {\n  const user = await getUserFromSession(request);\n\n  if (user === null) {\n    throw redirect("/login");\n  }\n\n  return user;\n}\n'})}),"\n",(0,t.jsxs)(n.p,{children:["\u0410 \u0442\u0430\u043a\u0436\u0435 \u044d\u043a\u0441\u043f\u043e\u0440\u0442\u0438\u0440\u0443\u0439\u0442\u0435 \u043c\u043e\u0434\u0435\u043b\u044c ",(0,t.jsx)(n.code,{children:"User"})," \u0438\u0437 \u0444\u0430\u0439\u043b\u0430 ",(0,t.jsx)(n.code,{children:"models.ts"}),", \u0440\u0430\u0441\u043f\u043e\u043b\u043e\u0436\u0435\u043d\u043d\u043e\u0433\u043e \u0440\u044f\u0434\u043e\u043c \u0441 \u043d\u0438\u043c:"]}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-tsx",metastring:'title="shared/api/models.ts"',children:'import type { components } from "./v1";\n\nexport type Article = components["schemas"]["Article"];\nexport type User = components["schemas"]["User"];\n'})}),"\n",(0,t.jsxs)(n.p,{children:["\u041f\u0440\u0435\u0436\u0434\u0435 \u0447\u0435\u043c \u044d\u0442\u043e\u0442 \u043a\u043e\u0434 \u0437\u0430\u0440\u0430\u0431\u043e\u0442\u0430\u0435\u0442, \u043d\u0435\u043e\u0431\u0445\u043e\u0434\u0438\u043c\u043e \u0443\u0441\u0442\u0430\u043d\u043e\u0432\u0438\u0442\u044c \u043f\u0435\u0440\u0435\u043c\u0435\u043d\u043d\u0443\u044e \u043e\u043a\u0440\u0443\u0436\u0435\u043d\u0438\u044f ",(0,t.jsx)(n.code,{children:"SESSION_SECRET"}),". \u0421\u043e\u0437\u0434\u0430\u0439\u0442\u0435 \u0444\u0430\u0439\u043b ",(0,t.jsx)(n.code,{children:".env"})," \u0432 \u043a\u043e\u0440\u043d\u0435 \u043f\u0440\u043e\u0435\u043a\u0442\u0430, \u043f\u0440\u043e\u043f\u0438\u0448\u0438\u0442\u0435 \u0432 \u043d\u0435\u043c ",(0,t.jsx)(n.code,{children:"SESSION_SECRET="}),", \u0430 \u0437\u0430\u0442\u0435\u043c \u043f\u0440\u043e\u0431\u0435\u0433\u0438\u0442\u0435\u0441\u044c \u043f\u043e \u043a\u043b\u0430\u0432\u0438\u0430\u0442\u0443\u0440\u0435, \u0447\u0442\u043e\u0431\u044b \u0441\u043e\u0437\u0434\u0430\u0442\u044c \u0434\u043b\u0438\u043d\u043d\u0443\u044e \u0441\u043b\u0443\u0447\u0430\u0439\u043d\u0443\u044e \u0441\u0442\u0440\u043e\u043a\u0443. \u0423 \u0432\u0430\u0441 \u0434\u043e\u043b\u0436\u043d\u043e \u043f\u043e\u043b\u0443\u0447\u0438\u0442\u044c\u0441\u044f \u0447\u0442\u043e-\u0442\u043e \u0432\u0440\u043e\u0434\u0435 \u044d\u0442\u043e\u0433\u043e:"]}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-bash",metastring:'title=".env"',children:"SESSION_SECRET=\u043d\u0435\u0441\u043c\u0435\u0439\u0442\u0435\u044d\u0442\u043e\u043a\u043e\u043f\u0438\u0440\u043e\u0432\u0430\u0442\u044c\n"})}),"\n",(0,t.jsx)(n.p,{children:"\u041d\u0430\u043a\u043e\u043d\u0435\u0446, \u0434\u043e\u0431\u0430\u0432\u044c\u0442\u0435 \u043d\u0435\u0441\u043a\u043e\u043b\u044c\u043a\u043e \u044d\u043a\u0441\u043f\u043e\u0440\u0442\u043e\u0432 \u0432 \u043f\u0443\u0431\u043b\u0438\u0447\u043d\u044b\u0439 API, \u0447\u0442\u043e\u0431\u044b \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u044d\u0442\u043e\u0442 \u043a\u043e\u0434:"}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-tsx",metastring:'title="shared/api/index.ts"',children:'export { GET, POST, PUT, DELETE } from "./client";\n\nexport type { Article } from "./models";\n\nexport { createUserSession, getUserFromSession, requireUser } from "./auth.server";\n'})}),"\n",(0,t.jsxs)(n.p,{children:["\u0422\u0435\u043f\u0435\u0440\u044c \u043c\u044b \u043c\u043e\u0436\u0435\u043c \u043d\u0430\u043f\u0438\u0441\u0430\u0442\u044c \u043a\u043e\u0434, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u0431\u0443\u0434\u0435\u0442 \u043e\u0431\u0449\u0430\u0442\u044c\u0441\u044f \u0441 \u0431\u044d\u043a\u0435\u043d\u0434\u043e\u043c RealWorld \u0434\u043b\u044f \u0440\u0435\u0433\u0438\u0441\u0442\u0440\u0430\u0446\u0438\u0438. \u041c\u044b \u0441\u043e\u0445\u0440\u0430\u043d\u0438\u043c \u0435\u0433\u043e \u0432 ",(0,t.jsx)(n.code,{children:"pages/sign-in/api"}),". \u0421\u043e\u0437\u0434\u0430\u0439\u0442\u0435 \u0444\u0430\u0439\u043b ",(0,t.jsx)(n.code,{children:"register.ts"})," \u0438 \u043f\u043e\u043c\u0435\u0441\u0442\u0438\u0442\u0435 \u0432 \u043d\u0435\u0433\u043e \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0438\u0439 \u043a\u043e\u0434:"]}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/sign-in/api/register.ts"',children:'import { json, type ActionFunctionArgs } from "@remix-run/node";\n\nimport { POST, createUserSession } from "shared/api";\n\nexport const register = async ({ request }: ActionFunctionArgs) => {\n  const formData = await request.formData();\n  const username = formData.get("username")?.toString() ?? "";\n  const email = formData.get("email")?.toString() ?? "";\n  const password = formData.get("password")?.toString() ?? "";\n\n  const { data, error } = await POST("/users", {\n    body: { user: { email, password, username } },\n  });\n\n  if (error) {\n    return json({ error }, { status: 400 });\n  } else {\n    return createUserSession({\n      request: request,\n      user: data.user,\n      redirectTo: "/",\n    });\n  }\n};\n'})}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/sign-in/index.ts"',children:"export { RegisterPage } from './ui/RegisterPage';\nexport { register } from './api/register';\n"})}),"\n",(0,t.jsxs)(n.p,{children:["\u041f\u043e\u0447\u0442\u0438 \u0433\u043e\u0442\u043e\u0432\u043e! \u041e\u0441\u0442\u0430\u043b\u043e\u0441\u044c \u043f\u043e\u0434\u043a\u043b\u044e\u0447\u0438\u0442\u044c \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0443 \u0438 \u0434\u0435\u0439\u0441\u0442\u0432\u0438\u0435 \u0440\u0435\u0433\u0438\u0441\u0442\u0440\u0430\u0446\u0438\u0438 \u043a \u043c\u0430\u0440\u0448\u0440\u0443\u0442\u0443 ",(0,t.jsx)(n.code,{children:"/register"}),". \u0421\u043e\u0437\u0434\u0430\u0439\u0442\u0435 ",(0,t.jsx)(n.code,{children:"register.tsx"})," \u0432 ",(0,t.jsx)(n.code,{children:"app/routes"}),":"]}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-tsx",metastring:'title="app/routes/register.tsx"',children:'import { RegisterPage, register } from "pages/sign-in";\n\nexport { register as action };\n\nexport default RegisterPage;\n'})}),"\n",(0,t.jsxs)(n.p,{children:["\u0422\u0435\u043f\u0435\u0440\u044c, \u0435\u0441\u043b\u0438 \u0432\u044b \u043f\u0435\u0440\u0435\u0439\u0434\u0435\u0442\u0435 \u043d\u0430 ",(0,t.jsx)(n.a,{href:"http://localhost:3000/register",children:"http://localhost:3000/register,"})," \u0432\u044b \u0441\u043c\u043e\u0436\u0435\u0442\u0435 \u0441\u043e\u0437\u0434\u0430\u0442\u044c \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044f! \u041e\u0441\u0442\u0430\u043b\u044c\u043d\u0430\u044f \u0447\u0430\u0441\u0442\u044c \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f \u043f\u043e\u043a\u0430 \u0447\u0442\u043e \u043d\u0430 \u044d\u0442\u043e \u043d\u0435 \u043e\u0442\u0440\u0435\u0430\u0433\u0438\u0440\u0443\u0435\u0442, \u043c\u044b \u0437\u0430\u0439\u043c\u0435\u043c\u0441\u044f \u044d\u0442\u0438\u043c \u0432 \u0431\u043b\u0438\u0436\u0430\u0439\u0448\u0435\u0435 \u0432\u0440\u0435\u043c\u044f."]}),"\n",(0,t.jsx)(n.p,{children:"\u0410\u043d\u0430\u043b\u043e\u0433\u0438\u0447\u043d\u044b\u043c \u043e\u0431\u0440\u0430\u0437\u043e\u043c \u043c\u044b \u043c\u043e\u0436\u0435\u043c \u0440\u0435\u0430\u043b\u0438\u0437\u043e\u0432\u0430\u0442\u044c \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0443 \u0432\u0445\u043e\u0434\u0430 \u0432 \u0441\u0438\u0441\u0442\u0435\u043c\u0443. \u041f\u043e\u043f\u0440\u043e\u0431\u0443\u0439\u0442\u0435 \u0441\u0430\u043c\u0438 \u0438\u043b\u0438 \u043f\u0440\u043e\u0441\u0442\u043e \u0432\u043e\u0437\u044c\u043c\u0438\u0442\u0435 \u043a\u043e\u0434 \u0438 \u0434\u0432\u0438\u0433\u0430\u0439\u0442\u0435\u0441\u044c \u0434\u0430\u043b\u044c\u0448\u0435:"}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/sign-in/api/sign-in.ts"',children:'import { json, type ActionFunctionArgs } from "@remix-run/node";\n\nimport { POST, createUserSession } from "shared/api";\n\nexport const signIn = async ({ request }: ActionFunctionArgs) => {\n  const formData = await request.formData();\n  const email = formData.get("email")?.toString() ?? "";\n  const password = formData.get("password")?.toString() ?? "";\n\n  const { data, error } = await POST("/users/login", {\n    body: { user: { email, password } },\n  });\n\n  if (error) {\n    return json({ error }, { status: 400 });\n  } else {\n    return createUserSession({\n      request: request,\n      user: data.user,\n      redirectTo: "/",\n    });\n  }\n};\n'})}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/sign-in/ui/SignInPage.tsx"',children:'import { Form, Link, useActionData } from "@remix-run/react";\n\nimport type { signIn } from "../api/sign-in";\n\nexport function SignInPage() {\n  const signInData = useActionData<typeof signIn>();\n\n  return (\n    <div className="auth-page">\n      <div className="container page">\n        <div className="row">\n          <div className="col-md-6 offset-md-3 col-xs-12">\n            <h1 className="text-xs-center">Sign in</h1>\n            <p className="text-xs-center">\n              <Link to="/register">Need an account?</Link>\n            </p>\n\n            {signInData?.error && (\n              <ul className="error-messages">\n                {signInData.error.errors.body.map((error) => (\n                  <li key={error}>{error}</li>\n                ))}\n              </ul>\n            )}\n\n            <Form method="post">\n              <fieldset className="form-group">\n                <input\n                  className="form-control form-control-lg"\n                  name="email"\n                  type="text"\n                  placeholder="Email"\n                />\n              </fieldset>\n              <fieldset className="form-group">\n                <input\n                  className="form-control form-control-lg"\n                  name="password"\n                  type="password"\n                  placeholder="Password"\n                />\n              </fieldset>\n              <button className="btn btn-lg btn-primary pull-xs-right">\n                Sign in\n              </button>\n            </Form>\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n}\n'})}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/sign-in/index.ts"',children:"export { RegisterPage } from './ui/RegisterPage';\nexport { register } from './api/register';\nexport { SignInPage } from './ui/SignInPage';\nexport { signIn } from './api/sign-in';\n"})}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-tsx",metastring:'title="app/routes/login.tsx"',children:'import { SignInPage, signIn } from "pages/sign-in";\n\nexport { signIn as action };\n\nexport default SignInPage;\n'})}),"\n",(0,t.jsx)(n.p,{children:"\u0422\u0435\u043f\u0435\u0440\u044c \u0434\u0430\u0432\u0430\u0439\u0442\u0435 \u0434\u0430\u0434\u0438\u043c \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044f\u043c \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e\u0441\u0442\u044c \u043f\u043e\u043f\u0430\u0441\u0442\u044c \u043d\u0430 \u044d\u0442\u0438 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b."}),"\n",(0,t.jsx)(n.h3,{id:"\u0445\u044d\u0434\u0435\u0440",children:"\u0425\u044d\u0434\u0435\u0440"}),"\n",(0,t.jsx)(n.p,{children:"\u041a\u0430\u043a \u043c\u044b \u0443\u0436\u0435 \u0433\u043e\u0432\u043e\u0440\u0438\u043b\u0438 \u0432 \u043f\u0435\u0440\u0432\u043e\u0439 \u0447\u0430\u0441\u0442\u0438, \u0445\u044d\u0434\u0435\u0440 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f \u043e\u0431\u044b\u0447\u043d\u043e \u0440\u0430\u0437\u043c\u0435\u0449\u0430\u0435\u0442\u0441\u044f \u043b\u0438\u0431\u043e \u0432 Widgets, \u043b\u0438\u0431\u043e \u0432 Shared. \u041c\u044b \u043f\u043e\u043c\u0435\u0441\u0442\u0438\u043c \u0435\u0433\u043e \u0432 Shared, \u043f\u043e\u0442\u043e\u043c\u0443 \u0447\u0442\u043e \u043e\u043d \u043e\u0447\u0435\u043d\u044c \u043f\u0440\u043e\u0441\u0442, \u0438 \u0432\u0441\u044f \u0431\u0438\u0437\u043d\u0435\u0441-\u043b\u043e\u0433\u0438\u043a\u0430 \u043c\u043e\u0436\u0435\u0442 \u0431\u044b\u0442\u044c \u0441\u043e\u0445\u0440\u0430\u043d\u0435\u043d\u0430 \u0437\u0430 \u0435\u0433\u043e \u043f\u0440\u0435\u0434\u0435\u043b\u0430\u043c\u0438. \u0414\u0430\u0432\u0430\u0439\u0442\u0435 \u0441\u043e\u0437\u0434\u0430\u0434\u0438\u043c \u0434\u043b\u044f \u043d\u0435\u0433\u043e \u043c\u0435\u0441\u0442\u043e:"}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-bash",children:"npx fsd shared ui\n"})}),"\n",(0,t.jsxs)(n.p,{children:["\u0422\u0435\u043f\u0435\u0440\u044c \u0441\u043e\u0437\u0434\u0430\u0439\u0442\u0435 ",(0,t.jsx)(n.code,{children:"shared/ui/Header.tsx"})," \u0441\u043e \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0438\u043c \u0441\u043e\u0434\u0435\u0440\u0436\u0438\u043c\u044b\u043c:"]}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-tsx",metastring:'title="shared/ui/Header.tsx"',children:'import { useContext } from "react";\nimport { Link, useLocation } from "@remix-run/react";\n\nimport { CurrentUser } from "../api/currentUser";\n\nexport function Header() {\n  const currentUser = useContext(CurrentUser);\n  const { pathname } = useLocation();\n\n  return (\n    <nav className="navbar navbar-light">\n      <div className="container">\n        <Link className="navbar-brand" to="/" prefetch="intent">\n          conduit\n        </Link>\n        <ul className="nav navbar-nav pull-xs-right">\n          <li className="nav-item">\n            <Link\n              prefetch="intent"\n              className={`nav-link ${pathname == "/" ? "active" : ""}`}\n              to="/"\n            >\n              Home\n            </Link>\n          </li>\n          {currentUser == null ? (\n            <>\n              <li className="nav-item">\n                <Link\n                  prefetch="intent"\n                  className={`nav-link ${pathname == "/login" ? "active" : ""}`}\n                  to="/login"\n                >\n                  Sign in\n                </Link>\n              </li>\n              <li className="nav-item">\n                <Link\n                  prefetch="intent"\n                  className={`nav-link ${pathname == "/register" ? "active" : ""}`}\n                  to="/register"\n                >\n                  Sign up\n                </Link>\n              </li>\n            </>\n          ) : (\n            <>\n              <li className="nav-item">\n                <Link\n                  prefetch="intent"\n                  className={`nav-link ${pathname == "/editor" ? "active" : ""}`}\n                  to="/editor"\n                >\n                  <i className="ion-compose"></i>&nbsp;New Article{" "}\n                </Link>\n              </li>\n\n              <li className="nav-item">\n                <Link\n                  prefetch="intent"\n                  className={`nav-link ${pathname == "/settings" ? "active" : ""}`}\n                  to="/settings"\n                >\n                  {" "}\n                  <i className="ion-gear-a"></i>&nbsp;Settings{" "}\n                </Link>\n              </li>\n              <li className="nav-item">\n                <Link\n                  prefetch="intent"\n                  className={`nav-link ${pathname.includes("/profile") ? "active" : ""}`}\n                  to={`/profile/${currentUser.username}`}\n                >\n                  {currentUser.image && (\n                    <img\n                      width={25}\n                      height={25}\n                      src={currentUser.image}\n                      className="user-pic"\n                      alt=""\n                    />\n                  )}\n                  {currentUser.username}\n                </Link>\n              </li>\n            </>\n          )}\n        </ul>\n      </div>\n    </nav>\n  );\n}\n'})}),"\n",(0,t.jsxs)(n.p,{children:["\u042d\u043a\u0441\u043f\u043e\u0440\u0442\u0438\u0440\u0443\u0439\u0442\u0435 \u044d\u0442\u043e\u0442 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442 \u0438\u0437 ",(0,t.jsx)(n.code,{children:"shared/ui"}),":"]}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-tsx",metastring:'title="shared/ui/index.ts"',children:'export { Header } from "./Header";\n'})}),"\n",(0,t.jsxs)(n.p,{children:["\u0412 \u0445\u044d\u0434\u0435\u0440\u0435 \u043c\u044b \u043f\u043e\u043b\u0430\u0433\u0430\u0435\u043c\u0441\u044f \u043d\u0430 \u043a\u043e\u043d\u0442\u0435\u043a\u0441\u0442, \u0440\u0430\u0441\u043f\u043e\u043b\u043e\u0436\u0435\u043d\u043d\u044b\u0439 \u0432 ",(0,t.jsx)(n.code,{children:"shared/api"}),". \u0421\u043e\u0437\u0434\u0430\u0439\u0442\u0435 \u0435\u0449\u0451 \u0435\u0433\u043e:"]}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-tsx",metastring:'title="shared/api/currentUser.ts"',children:'import { createContext } from "react";\n\nimport type { User } from "./models";\n\nexport const CurrentUser = createContext<User | null>(null);\n'})}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-tsx",metastring:'title="shared/api/index.ts"',children:'export { GET, POST, PUT, DELETE } from "./client";\n\nexport type { Article } from "./models";\n\nexport { createUserSession, getUserFromSession, requireUser } from "./auth.server";\nexport { CurrentUser } from "./currentUser";\n'})}),"\n",(0,t.jsxs)(n.p,{children:["\u0422\u0435\u043f\u0435\u0440\u044c \u0434\u0430\u0432\u0430\u0439\u0442\u0435 \u0434\u043e\u0431\u0430\u0432\u0438\u043c \u0445\u044d\u0434\u0435\u0440 \u043d\u0430 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0443. \u041c\u044b \u0445\u043e\u0442\u0438\u043c, \u0447\u0442\u043e\u0431\u044b \u043e\u043d \u0431\u044b\u043b \u043d\u0430 \u043a\u0430\u0436\u0434\u043e\u0439 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0435, \u043f\u043e\u044d\u0442\u043e\u043c\u0443 \u0438\u043c\u0435\u0435\u0442 \u0441\u043c\u044b\u0441\u043b \u043f\u0440\u043e\u0441\u0442\u043e \u0434\u043e\u0431\u0430\u0432\u0438\u0442\u044c \u0435\u0433\u043e \u0432 \u043a\u043e\u0440\u043d\u0435\u0432\u043e\u0439 \u043c\u0430\u0440\u0448\u0440\u0443\u0442 \u0438 \u043e\u0431\u0435\u0440\u043d\u0443\u0442\u044c \u0430\u0443\u0442\u043b\u0435\u0442 (\u043c\u0435\u0441\u0442\u043e, \u0432 \u043a\u043e\u0442\u043e\u0440\u043e\u0435 \u0431\u0443\u0434\u0435\u0442 \u043e\u0442\u0440\u0435\u043d\u0434\u0435\u0440\u0435\u043d\u0430 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0430) \u043f\u0440\u043e\u0432\u0430\u0439\u0434\u0435\u0440\u043e\u043c \u043a\u043e\u043d\u0442\u0435\u043a\u0441\u0442\u0430 ",(0,t.jsx)(n.code,{children:"CurrentUser"}),". \u0422\u0430\u043a\u0438\u043c \u043e\u0431\u0440\u0430\u0437\u043e\u043c, \u0432\u0441\u0435 \u043d\u0430\u0448\u0435 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0435, \u0432\u043a\u043b\u044e\u0447\u0430\u044f \u0445\u044d\u0434\u0435\u0440, \u043f\u043e\u043b\u0443\u0447\u0438\u0442 \u0434\u043e\u0441\u0442\u0443\u043f \u043a \u043e\u0431\u044a\u0435\u043a\u0442\u0443 \u0442\u0435\u043a\u0443\u0449\u0435\u0433\u043e \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044f. \u041c\u044b \u0442\u0430\u043a\u0436\u0435 \u0434\u043e\u0431\u0430\u0432\u0438\u043c \u0437\u0430\u0433\u0440\u0443\u0437\u0447\u0438\u043a \u0434\u043b\u044f \u043f\u043e\u043b\u0443\u0447\u0435\u043d\u0438\u044f \u043e\u0431\u044a\u0435\u043a\u0442\u0430 \u0442\u0435\u043a\u0443\u0449\u0435\u0433\u043e \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044f \u0438\u0437 cookies. \u0414\u043e\u0431\u0430\u0432\u044c\u0442\u0435 \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0435\u0435 \u0432 ",(0,t.jsx)(n.code,{children:"app/root.tsx"}),":"]}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-tsx",metastring:'title="app/root.tsx"',children:'import { cssBundleHref } from "@remix-run/css-bundle";\nimport type { LinksFunction, LoaderFunctionArgs } from "@remix-run/node";\nimport {\n  Links,\n  LiveReload,\n  Meta,\n  Outlet,\n  Scripts,\n  ScrollRestoration,\n  useLoaderData,\n} from "@remix-run/react";\n\nimport { Header } from "shared/ui";\nimport { getUserFromSession, CurrentUser } from "shared/api";\n\nexport const links: LinksFunction = () => [\n  ...(cssBundleHref ? [{ rel: "stylesheet", href: cssBundleHref }] : []),\n];\n\nexport const loader = ({ request }: LoaderFunctionArgs) =>\n  getUserFromSession(request);\n\nexport default function App() {\n  const user = useLoaderData<typeof loader>();\n\n  return (\n    <html lang="en">\n      <head>\n        <meta charSet="utf-8" />\n        <meta name="viewport" content="width=device-width, initial-scale=1" />\n        <Meta />\n        <Links />\n        <link\n          href="//code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css"\n          rel="stylesheet"\n          type="text/css"\n        />\n        <link\n          href="//fonts.googleapis.com/css?family=Titillium+Web:700|Source+Serif+Pro:400,700|Merriweather+Sans:400,700|Source+Sans+Pro:400,300,600,700,300italic,400italic,600italic,700italic"\n          rel="stylesheet"\n          type="text/css"\n        />\n        <link rel="stylesheet" href="//demo.productionready.io/main.css" />\n        <style>{`\n          button {\n            border: 0;\n          }\n        `}</style>\n      </head>\n      <body>\n        <CurrentUser.Provider value={user}>\n          <Header />\n          <Outlet />\n        </CurrentUser.Provider>\n        <ScrollRestoration />\n        <Scripts />\n        <LiveReload />\n      </body>\n    </html>\n  );\n}\n'})}),"\n",(0,t.jsx)(n.p,{children:"\u0412 \u0438\u0442\u043e\u0433\u0435 \u043d\u0430 \u0433\u043b\u0430\u0432\u043d\u043e\u0439 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0435 \u0434\u043e\u043b\u0436\u043d\u043e \u043f\u043e\u043b\u0443\u0447\u0438\u0442\u044c\u0441\u044f \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0435\u0435:"}),"\n",(0,t.jsxs)("figure",{children:[(0,t.jsx)(n.p,{children:(0,t.jsx)(n.img,{alt:"\u0421\u0442\u0440\u0430\u043d\u0438\u0446\u0430 \u0444\u0438\u0434\u0430 Conduit, \u043d\u0430 \u043a\u043e\u0442\u043e\u0440\u043e\u0439 \u0435\u0441\u0442\u044c \u0445\u044d\u0434\u0435\u0440, \u0444\u0438\u0434 \u0438 \u0442\u0435\u0433\u0438. \u0412\u043a\u043b\u0430\u0434\u043a\u0438 \u043f\u043e-\u043f\u0440\u0435\u0436\u043d\u0435\u043c\u0443 \u043e\u0442\u0441\u0443\u0442\u0441\u0442\u0432\u0443\u044e\u0442.",src:r(6231).A+"",width:"2880",height:"1488"})}),(0,t.jsx)("figcaption",{children:"\u0421\u0442\u0440\u0430\u043d\u0438\u0446\u0430 \u0444\u0438\u0434\u0430 Conduit, \u043d\u0430 \u043a\u043e\u0442\u043e\u0440\u043e\u0439 \u0435\u0441\u0442\u044c \u0445\u044d\u0434\u0435\u0440, \u0444\u0438\u0434 \u0438 \u0442\u0435\u0433\u0438. \u0412\u043a\u043b\u0430\u0434\u043a\u0438 \u043f\u043e-\u043f\u0440\u0435\u0436\u043d\u0435\u043c\u0443 \u043e\u0442\u0441\u0443\u0442\u0441\u0442\u0432\u0443\u044e\u0442."})]}),"\n",(0,t.jsx)(n.h3,{id:"\u0432\u043a\u043b\u0430\u0434\u043a\u0438",children:"\u0412\u043a\u043b\u0430\u0434\u043a\u0438"}),"\n",(0,t.jsxs)(n.p,{children:["\u0422\u0435\u043f\u0435\u0440\u044c, \u043a\u043e\u0433\u0434\u0430 \u043c\u044b \u043c\u043e\u0436\u0435\u043c \u043e\u043f\u0440\u0435\u0434\u0435\u043b\u0438\u0442\u044c \u0441\u043e\u0441\u0442\u043e\u044f\u043d\u0438\u0435 \u0430\u0443\u0442\u0435\u043d\u0442\u0438\u0444\u0438\u043a\u0430\u0446\u0438\u0438, \u0434\u0430\u0432\u0430\u0439\u0442\u0435 \u0442\u0430\u043a\u0436\u0435 \u0431\u044b\u0441\u0442\u0440\u0435\u043d\u044c\u043a\u043e \u0440\u0435\u0430\u043b\u0438\u0437\u0443\u0435\u043c \u0432\u043a\u043b\u0430\u0434\u043a\u0438 \u0438 \u043b\u0430\u0439\u043a\u0438, \u0447\u0442\u043e\u0431 \u0437\u0430\u043a\u043e\u043d\u0447\u0438\u0442\u044c \u0441\u043e \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0435\u0439 \u043b\u0435\u043d\u0442\u044b. \u041d\u0430\u043c \u043d\u0443\u0436\u043d\u0430 \u0435\u0449\u0435 \u043e\u0434\u043d\u0430 \u0444\u043e\u0440\u043c\u0430, \u043d\u043e \u044d\u0442\u043e\u0442 \u0444\u0430\u0439\u043b \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b \u0441\u0442\u0430\u043d\u043e\u0432\u0438\u0442\u0441\u044f \u0441\u043b\u0438\u0448\u043a\u043e\u043c \u0431\u043e\u043b\u044c\u0448\u0438\u043c, \u043f\u043e\u044d\u0442\u043e\u043c\u0443 \u0434\u0430\u0432\u0430\u0439\u0442\u0435 \u043f\u0435\u0440\u0435\u043d\u0435\u0441\u0435\u043c \u044d\u0442\u0438 \u0444\u043e\u0440\u043c\u044b \u0432 \u0441\u043e\u0441\u0435\u0434\u043d\u0438\u0435 \u0444\u0430\u0439\u043b\u044b. \u041c\u044b \u0441\u043e\u0437\u0434\u0430\u0434\u0438\u043c ",(0,t.jsx)(n.code,{children:"Tabs.tsx"}),", ",(0,t.jsx)(n.code,{children:"PopularTags.tsx"})," \u0438 ",(0,t.jsx)(n.code,{children:"Pagination.tsx"})," \u0441\u043e \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0438\u043c \u0441\u043e\u0434\u0435\u0440\u0436\u0438\u043c\u044b\u043c:"]}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/feed/ui/Tabs.tsx"',children:'import { useContext } from "react";\nimport { Form, useSearchParams } from "@remix-run/react";\n\nimport { CurrentUser } from "shared/api";\n\nexport function Tabs() {\n  const [searchParams] = useSearchParams();\n  const currentUser = useContext(CurrentUser);\n\n  return (\n    <Form>\n      <div className="feed-toggle">\n        <ul className="nav nav-pills outline-active">\n          {currentUser !== null && (\n            <li className="nav-item">\n              <button\n                name="source"\n                value="my-feed"\n                className={`nav-link ${searchParams.get("source") === "my-feed" ? "active" : ""}`}\n              >\n                Your Feed\n              </button>\n            </li>\n          )}\n          <li className="nav-item">\n            <button\n              className={`nav-link ${searchParams.has("tag") || searchParams.has("source") ? "" : "active"}`}\n            >\n              Global Feed\n            </button>\n          </li>\n          {searchParams.has("tag") && (\n            <li className="nav-item">\n              <span className="nav-link active">\n                <i className="ion-pound"></i> {searchParams.get("tag")}\n              </span>\n            </li>\n          )}\n        </ul>\n      </div>\n    </Form>\n  );\n}\n'})}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/feed/ui/PopularTags.tsx"',children:'import { Form, useLoaderData } from "@remix-run/react";\nimport { ExistingSearchParams } from "remix-utils/existing-search-params";\n\nimport type { loader } from "../api/loader";\n\nexport function PopularTags() {\n  const { tags } = useLoaderData<typeof loader>();\n\n  return (\n    <div className="sidebar">\n      <p>Popular Tags</p>\n\n      <Form>\n        <ExistingSearchParams exclude={["tag", "page", "source"]} />\n        <div className="tag-list">\n          {tags.tags.map((tag) => (\n            <button\n              key={tag}\n              name="tag"\n              value={tag}\n              className="tag-pill tag-default"\n            >\n              {tag}\n            </button>\n          ))}\n        </div>\n      </Form>\n    </div>\n  );\n}\n'})}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/feed/ui/Pagination.tsx"',children:'import { Form, useLoaderData, useSearchParams } from "@remix-run/react";\nimport { ExistingSearchParams } from "remix-utils/existing-search-params";\n\nimport { LIMIT, type loader } from "../api/loader";\n\nexport function Pagination() {\n  const [searchParams] = useSearchParams();\n  const { articles } = useLoaderData<typeof loader>();\n  const pageAmount = Math.ceil(articles.articlesCount / LIMIT);\n  const currentPage = parseInt(searchParams.get("page") ?? "1", 10);\n\n  return (\n    <Form>\n      <ExistingSearchParams exclude={["page"]} />\n      <ul className="pagination">\n        {Array(pageAmount)\n          .fill(null)\n          .map((_, index) =>\n            index + 1 === currentPage ? (\n              <li key={index} className="page-item active">\n                <span className="page-link">{index + 1}</span>\n              </li>\n            ) : (\n              <li key={index} className="page-item">\n                <button className="page-link" name="page" value={index + 1}>\n                  {index + 1}\n                </button>\n              </li>\n            ),\n          )}\n      </ul>\n    </Form>\n  );\n}\n'})}),"\n",(0,t.jsx)(n.p,{children:"\u0418 \u0442\u0435\u043f\u0435\u0440\u044c \u043c\u044b \u043c\u043e\u0436\u0435\u043c \u0437\u043d\u0430\u0447\u0438\u0442\u0435\u043b\u044c\u043d\u043e \u0443\u043f\u0440\u043e\u0441\u0442\u0438\u0442\u044c \u0441\u0430\u043c\u0443 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0443 \u0441 \u0444\u0438\u0434\u043e\u043c:"}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/feed/ui/FeedPage.tsx"',children:'import { useLoaderData } from "@remix-run/react";\n\nimport type { loader } from "../api/loader";\nimport { ArticlePreview } from "./ArticlePreview";\nimport { Tabs } from "./Tabs";\nimport { PopularTags } from "./PopularTags";\nimport { Pagination } from "./Pagination";\n\nexport function FeedPage() {\n  const { articles } = useLoaderData<typeof loader>();\n\n  return (\n    <div className="home-page">\n      <div className="banner">\n        <div className="container">\n          <h1 className="logo-font">conduit</h1>\n          <p>A place to share your knowledge.</p>\n        </div>\n      </div>\n\n      <div className="container page">\n        <div className="row">\n          <div className="col-md-9">\n            <Tabs />\n\n            {articles.articles.map((article) => (\n              <ArticlePreview key={article.slug} article={article} />\n            ))}\n\n            <Pagination />\n          </div>\n\n          <div className="col-md-3">\n            <PopularTags />\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n}\n'})}),"\n",(0,t.jsx)(n.p,{children:"\u041d\u0430\u043c \u0442\u0430\u043a\u0436\u0435 \u043d\u0443\u0436\u043d\u043e \u0443\u0447\u0435\u0441\u0442\u044c \u043d\u043e\u0432\u0443\u044e \u0432\u043a\u043b\u0430\u0434\u043a\u0443 \u0432 \u0444\u0443\u043d\u043a\u0446\u0438\u0438-\u0437\u0430\u0433\u0440\u0443\u0437\u0447\u0438\u043a\u0435:"}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/feed/api/loader.ts"',children:'import { json, type LoaderFunctionArgs } from "@remix-run/node";\nimport type { FetchResponse } from "openapi-fetch";\nimport { promiseHash } from "remix-utils/promise";\n\nimport { GET, requireUser } from "shared/api";\n\nasync function throwAnyErrors<T, O, Media extends `${string}/${string}`>(\n  responsePromise: Promise<FetchResponse<T, O, Media>>,\n) {\n  /* unchanged */\n}\n\n/** Amount of articles on one page. */\nexport const LIMIT = 20;\n\nexport const loader = async ({ request }: LoaderFunctionArgs) => {\n  const url = new URL(request.url);\n  const selectedTag = url.searchParams.get("tag") ?? undefined;\n  const page = parseInt(url.searchParams.get("page") ?? "", 10);\n\n  if (url.searchParams.get("source") === "my-feed") {\n    const userSession = await requireUser(request);\n\n    return json(\n      await promiseHash({\n        articles: throwAnyErrors(\n          GET("/articles/feed", {\n            params: {\n              query: {\n                limit: LIMIT,\n                offset: !Number.isNaN(page) ? page * LIMIT : undefined,\n              },\n            },\n            headers: { Authorization: `Token ${userSession.token}` },\n          }),\n        ),\n        tags: throwAnyErrors(GET("/tags")),\n      }),\n    );\n  }\n\n  return json(\n    await promiseHash({\n      articles: throwAnyErrors(\n        GET("/articles", {\n          params: {\n            query: {\n              tag: selectedTag,\n              limit: LIMIT,\n              offset: !Number.isNaN(page) ? page * LIMIT : undefined,\n            },\n          },\n        }),\n      ),\n      tags: throwAnyErrors(GET("/tags")),\n    }),\n  );\n};\n'})}),"\n",(0,t.jsxs)(n.p,{children:["\u041f\u0440\u0435\u0436\u0434\u0435 \u0447\u0435\u043c \u043c\u044b \u043e\u0442\u043b\u043e\u0436\u0438\u043c \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0443 \u043b\u0435\u043d\u0442\u044b, \u0434\u0430\u0432\u0430\u0439\u0442\u0435 \u0434\u043e\u0431\u0430\u0432\u0438\u043c \u043a\u043e\u0434, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u0431\u0443\u0434\u0435\u0442 \u043e\u0431\u0440\u0430\u0431\u0430\u0442\u044b\u0432\u0430\u0442\u044c \u043b\u0430\u0439\u043a\u0438 \u043a \u043f\u043e\u0441\u0442\u0430\u043c. \u0418\u0437\u043c\u0435\u043d\u0438\u0442\u0435 \u0432\u0430\u0448 ",(0,t.jsx)(n.code,{children:"ArticlePreview.tsx"})," \u043d\u0430 \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0438\u0439:"]}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/feed/ui/ArticlePreview.tsx"',children:'import { Form, Link } from "@remix-run/react";\nimport type { Article } from "shared/api";\n\ninterface ArticlePreviewProps {\n  article: Article;\n}\n\nexport function ArticlePreview({ article }: ArticlePreviewProps) {\n  return (\n    <div className="article-preview">\n      <div className="article-meta">\n        <Link to={`/profile/${article.author.username}`} prefetch="intent">\n          <img src={article.author.image} alt="" />\n        </Link>\n        <div className="info">\n          <Link\n            to={`/profile/${article.author.username}`}\n            className="author"\n            prefetch="intent"\n          >\n            {article.author.username}\n          </Link>\n          <span className="date" suppressHydrationWarning>\n            {new Date(article.createdAt).toLocaleDateString(undefined, {\n              dateStyle: "long",\n            })}\n          </span>\n        </div>\n        <Form\n          method="post"\n          action={`/article/${article.slug}`}\n          preventScrollReset\n        >\n          <button\n            name="_action"\n            value={article.favorited ? "unfavorite" : "favorite"}\n            className={`btn ${article.favorited ? "btn-primary" : "btn-outline-primary"} btn-sm pull-xs-right`}\n          >\n            <i className="ion-heart"></i> {article.favoritesCount}\n          </button>\n        </Form>\n      </div>\n      <Link\n        to={`/article/${article.slug}`}\n        className="preview-link"\n        prefetch="intent"\n      >\n        <h1>{article.title}</h1>\n        <p>{article.description}</p>\n        <span>Read more...</span>\n        <ul className="tag-list">\n          {article.tagList.map((tag) => (\n            <li key={tag} className="tag-default tag-pill tag-outline">\n              {tag}\n            </li>\n          ))}\n        </ul>\n      </Link>\n    </div>\n  );\n}\n'})}),"\n",(0,t.jsxs)(n.p,{children:["\u042d\u0442\u043e\u0442 \u043a\u043e\u0434 \u043e\u0442\u043f\u0440\u0430\u0432\u0438\u0442 POST-\u0437\u0430\u043f\u0440\u043e\u0441 \u043d\u0430 ",(0,t.jsx)(n.code,{children:"/article/:slug"})," \u0441 ",(0,t.jsx)(n.code,{children:"_action=favorite"}),", \u0447\u0442\u043e\u0431\u044b \u043e\u0442\u043c\u0435\u0442\u0438\u0442\u044c \u0441\u0442\u0430\u0442\u044c\u044e \u043a\u0430\u043a \u043b\u044e\u0431\u0438\u043c\u0443\u044e. \u041f\u043e\u043a\u0430 \u044d\u0442\u043e \u043d\u0435 \u0440\u0430\u0431\u043e\u0442\u0430\u0435\u0442, \u043d\u043e \u043a\u0430\u043a \u0442\u043e\u043b\u044c\u043a\u043e \u043c\u044b \u043d\u0430\u0447\u043d\u0435\u043c \u0440\u0430\u0431\u043e\u0442\u0430\u0442\u044c \u043d\u0430\u0434 \u0447\u0438\u0442\u0430\u043b\u043a\u043e\u0439 \u0441\u0442\u0430\u0442\u0435\u0439, \u043c\u044b \u0440\u0435\u0430\u043b\u0438\u0437\u0443\u0435\u043c \u0438 \u044d\u0442\u043e."]}),"\n",(0,t.jsx)(n.p,{children:"\u0418 \u043d\u0430 \u044d\u0442\u043e\u043c \u043c\u044b \u043e\u0444\u0438\u0446\u0438\u0430\u043b\u044c\u043d\u043e \u0437\u0430\u043a\u043e\u043d\u0447\u0438\u043b\u0438 \u0440\u0430\u0431\u043e\u0442\u0443 \u043d\u0430\u0434 \u0444\u0438\u0434\u043e\u043c! \u0423\u0440\u0430!"}),"\n",(0,t.jsx)(n.h3,{id:"\u0447\u0438\u0442\u0430\u043b\u043a\u0430-\u0441\u0442\u0430\u0442\u0435\u0439",children:"\u0427\u0438\u0442\u0430\u043b\u043a\u0430 \u0441\u0442\u0430\u0442\u0435\u0439"}),"\n",(0,t.jsx)(n.p,{children:"\u0412\u043e-\u043f\u0435\u0440\u0432\u044b\u0445, \u043d\u0430\u043c \u043d\u0443\u0436\u043d\u044b \u0434\u0430\u043d\u043d\u044b\u0435. \u0414\u0430\u0432\u0430\u0439\u0442\u0435 \u0441\u043e\u0437\u0434\u0430\u0434\u0438\u043c \u0437\u0430\u0433\u0440\u0443\u0437\u0447\u0438\u043a:"}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-bash",children:"npx fsd pages article-read -s api\n"})}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/article-read/api/loader.ts"',children:'import { json, type LoaderFunctionArgs } from "@remix-run/node";\nimport invariant from "tiny-invariant";\nimport type { FetchResponse } from "openapi-fetch";\nimport { promiseHash } from "remix-utils/promise";\n\nimport { GET, getUserFromSession } from "shared/api";\n\nasync function throwAnyErrors<T, O, Media extends `${string}/${string}`>(\n  responsePromise: Promise<FetchResponse<T, O, Media>>,\n) {\n  const { data, error, response } = await responsePromise;\n\n  if (error !== undefined) {\n    throw json(error, { status: response.status });\n  }\n\n  return data as NonNullable<typeof data>;\n}\n\nexport const loader = async ({ request, params }: LoaderFunctionArgs) => {\n  invariant(params.slug, "Expected a slug parameter");\n  const currentUser = await getUserFromSession(request);\n  const authorization = currentUser\n    ? { Authorization: `Token ${currentUser.token}` }\n    : undefined;\n\n  return json(\n    await promiseHash({\n      article: throwAnyErrors(\n        GET("/articles/{slug}", {\n          params: {\n            path: { slug: params.slug },\n          },\n          headers: authorization,\n        }),\n      ),\n      comments: throwAnyErrors(\n        GET("/articles/{slug}/comments", {\n          params: {\n            path: { slug: params.slug },\n          },\n          headers: authorization,\n        }),\n      ),\n    }),\n  );\n};\n'})}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/article-read/index.ts"',children:'export { loader } from "./api/loader";\n'})}),"\n",(0,t.jsxs)(n.p,{children:["\u0422\u0435\u043f\u0435\u0440\u044c \u043c\u044b \u043c\u043e\u0436\u0435\u043c \u043f\u043e\u0434\u043a\u043b\u044e\u0447\u0438\u0442\u044c \u0435\u0433\u043e \u043a \u043c\u0430\u0440\u0448\u0440\u0443\u0442\u0443 ",(0,t.jsx)(n.code,{children:"/article/:slug"}),", \u0441\u043e\u0437\u0434\u0430\u0432 \u0444\u0430\u0439\u043b \u043c\u0430\u0440\u0448\u0440\u0443\u0442\u0430 ",(0,t.jsx)(n.code,{children:"article.$slug.tsx"}),":"]}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-tsx",metastring:'title="app/routes/article.$slug.tsx"',children:'export { loader } from "pages/article-read";\n'})}),"\n",(0,t.jsx)(n.p,{children:"\u0421\u0430\u043c\u0430 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0430 \u0441\u043e\u0441\u0442\u043e\u0438\u0442 \u0438\u0437 \u0442\u0440\u0435\u0445 \u043e\u0441\u043d\u043e\u0432\u043d\u044b\u0445 \u0431\u043b\u043e\u043a\u043e\u0432 \u2014 \u0437\u0430\u0433\u043e\u043b\u043e\u0432\u043a\u0430 \u0441\u0442\u0430\u0442\u044c\u0438 \u0441 \u0434\u0435\u0439\u0441\u0442\u0432\u0438\u044f\u043c\u0438 (\u043f\u043e\u0432\u0442\u043e\u0440\u044f\u0435\u0442\u0441\u044f \u0434\u0432\u0430\u0436\u0434\u044b), \u0442\u0435\u043b\u0430 \u0441\u0442\u0430\u0442\u044c\u0438 \u0438 \u0440\u0430\u0437\u0434\u0435\u043b\u0430 \u043a\u043e\u043c\u043c\u0435\u043d\u0442\u0430\u0440\u0438\u0435\u0432. \u042d\u0442\u043e \u0440\u0430\u0437\u043c\u0435\u0442\u043a\u0430 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b, \u043e\u043d\u0430 \u043d\u0435 \u043e\u0441\u043e\u0431\u0435\u043d\u043d\u043e \u0438\u043d\u0442\u0435\u0440\u0435\u0441\u043d\u0430:"}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/article-read/ui/ArticleReadPage.tsx"',children:'import { useLoaderData } from "@remix-run/react";\n\nimport type { loader } from "../api/loader";\nimport { ArticleMeta } from "./ArticleMeta";\nimport { Comments } from "./Comments";\n\nexport function ArticleReadPage() {\n  const { article } = useLoaderData<typeof loader>();\n\n  return (\n    <div className="article-page">\n      <div className="banner">\n        <div className="container">\n          <h1>{article.article.title}</h1>\n\n          <ArticleMeta />\n        </div>\n      </div>\n\n      <div className="container page">\n        <div className="row article-content">\n          <div className="col-md-12">\n            <p>{article.article.body}</p>\n            <ul className="tag-list">\n              {article.article.tagList.map((tag) => (\n                <li className="tag-default tag-pill tag-outline" key={tag}>\n                  {tag}\n                </li>\n              ))}\n            </ul>\n          </div>\n        </div>\n\n        <hr />\n\n        <div className="article-actions">\n          <ArticleMeta />\n        </div>\n\n        <div className="row">\n          <Comments />\n        </div>\n      </div>\n    </div>\n  );\n}\n'})}),"\n",(0,t.jsxs)(n.p,{children:["\u0411\u043e\u043b\u0435\u0435 \u0438\u043d\u0442\u0435\u0440\u0435\u0441\u043d\u044b\u043c\u0438 \u044f\u0432\u043b\u044f\u044e\u0442\u0441\u044f ",(0,t.jsx)(n.code,{children:"ArticleMeta"})," \u0438 ",(0,t.jsx)(n.code,{children:"Comments"}),". \u041e\u043d\u0438 \u0441\u043e\u0434\u0435\u0440\u0436\u0430\u0442 \u043e\u043f\u0435\u0440\u0430\u0446\u0438\u0438 \u0437\u0430\u043f\u0438\u0441\u0438, \u0442\u0430\u043a\u0438\u0435 \u043a\u0430\u043a \u043b\u0430\u0439\u043a\u043d\u0443\u0442\u044c \u0441\u0442\u0430\u0442\u044c\u044e, \u043e\u0441\u0442\u0430\u0432\u0438\u0442\u044c \u043a\u043e\u043c\u043c\u0435\u043d\u0442\u0430\u0440\u0438\u0439 \u0438 \u0442. \u0434. \u0427\u0442\u043e\u0431\u044b \u043e\u043d\u0438 \u0437\u0430\u0440\u0430\u0431\u043e\u0442\u0430\u043b\u0438, \u043d\u0430\u043c \u0441\u043d\u0430\u0447\u0430\u043b\u0430 \u043d\u0443\u0436\u043d\u043e \u0440\u0435\u0430\u043b\u0438\u0437\u043e\u0432\u0430\u0442\u044c \u0431\u044d\u043a\u0435\u043d\u0434-\u0447\u0430\u0441\u0442\u044c. \u0421\u043e\u0437\u0434\u0430\u0439\u0442\u0435 \u0444\u0430\u0439\u043b ",(0,t.jsx)(n.code,{children:"action.ts"})," \u0432 \u0441\u0435\u0433\u043c\u0435\u043d\u0442\u0435 ",(0,t.jsx)(n.code,{children:"api"})," \u044d\u0442\u043e\u0439 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b:"]}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/article-read/api/action.ts"',children:'import { redirect, type ActionFunctionArgs } from "@remix-run/node";\nimport { namedAction } from "remix-utils/named-action";\nimport { redirectBack } from "remix-utils/redirect-back";\nimport invariant from "tiny-invariant";\n\nimport { DELETE, POST, requireUser } from "shared/api";\n\nexport const action = async ({ request, params }: ActionFunctionArgs) => {\n  const currentUser = await requireUser(request);\n\n  const authorization = { Authorization: `Token ${currentUser.token}` };\n\n  const formData = await request.formData();\n\n  return namedAction(formData, {\n    async delete() {\n      invariant(params.slug, "Expected a slug parameter");\n      await DELETE("/articles/{slug}", {\n        params: { path: { slug: params.slug } },\n        headers: authorization,\n      });\n      return redirect("/");\n    },\n    async favorite() {\n      invariant(params.slug, "Expected a slug parameter");\n      await POST("/articles/{slug}/favorite", {\n        params: { path: { slug: params.slug } },\n        headers: authorization,\n      });\n      return redirectBack(request, { fallback: "/" });\n    },\n    async unfavorite() {\n      invariant(params.slug, "Expected a slug parameter");\n      await DELETE("/articles/{slug}/favorite", {\n        params: { path: { slug: params.slug } },\n        headers: authorization,\n      });\n      return redirectBack(request, { fallback: "/" });\n    },\n    async createComment() {\n      invariant(params.slug, "Expected a slug parameter");\n      const comment = formData.get("comment");\n      invariant(typeof comment === "string", "Expected a comment parameter");\n      await POST("/articles/{slug}/comments", {\n        params: { path: { slug: params.slug } },\n        headers: { ...authorization, "Content-Type": "application/json" },\n        body: { comment: { body: comment } },\n      });\n      return redirectBack(request, { fallback: "/" });\n    },\n    async deleteComment() {\n      invariant(params.slug, "Expected a slug parameter");\n      const commentId = formData.get("id");\n      invariant(typeof commentId === "string", "Expected an id parameter");\n      const commentIdNumeric = parseInt(commentId, 10);\n      invariant(\n        !Number.isNaN(commentIdNumeric),\n        "Expected a numeric id parameter",\n      );\n      await DELETE("/articles/{slug}/comments/{id}", {\n        params: { path: { slug: params.slug, id: commentIdNumeric } },\n        headers: authorization,\n      });\n      return redirectBack(request, { fallback: "/" });\n    },\n    async followAuthor() {\n      const authorUsername = formData.get("username");\n      invariant(\n        typeof authorUsername === "string",\n        "Expected a username parameter",\n      );\n      await POST("/profiles/{username}/follow", {\n        params: { path: { username: authorUsername } },\n        headers: authorization,\n      });\n      return redirectBack(request, { fallback: "/" });\n    },\n    async unfollowAuthor() {\n      const authorUsername = formData.get("username");\n      invariant(\n        typeof authorUsername === "string",\n        "Expected a username parameter",\n      );\n      await DELETE("/profiles/{username}/follow", {\n        params: { path: { username: authorUsername } },\n        headers: authorization,\n      });\n      return redirectBack(request, { fallback: "/" });\n    },\n  });\n};\n'})}),"\n",(0,t.jsx)(n.p,{children:"\u0420\u0435\u044d\u043a\u0441\u043f\u043e\u0440\u0442\u0438\u0440\u0443\u0439\u0442\u0435 \u0435\u0451 \u0438\u0437 \u0441\u043b\u0430\u0439\u0441\u0430, \u0430 \u0437\u0430\u0442\u0435\u043c \u0438\u0437 \u043c\u0430\u0440\u0448\u0440\u0443\u0442\u0430. \u041f\u043e\u043a\u0430 \u043c\u044b \u0437\u0434\u0435\u0441\u044c, \u0434\u0430\u0432\u0430\u0439\u0442\u0435 \u0442\u0430\u043a\u0436\u0435 \u043f\u043e\u0434\u043a\u043b\u044e\u0447\u0438\u043c \u0441\u0430\u043c\u0443 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0443:"}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/article-read/index.ts"',children:'export { ArticleReadPage } from "./ui/ArticleReadPage";\nexport { loader } from "./api/loader";\nexport { action } from "./api/action";\n'})}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-tsx",metastring:'title="app/routes/article.$slug.tsx"',children:'import { ArticleReadPage } from "pages/article-read";\n\nexport { loader, action } from "pages/article-read";\n\nexport default ArticleReadPage;\n'})}),"\n",(0,t.jsx)(n.p,{children:"\u0422\u0435\u043f\u0435\u0440\u044c, \u043d\u0435\u0441\u043c\u043e\u0442\u0440\u044f \u043d\u0430 \u0442\u043e, \u0447\u0442\u043e \u043c\u044b \u0435\u0449\u0435 \u043d\u0435 \u0440\u0435\u0430\u043b\u0438\u0437\u043e\u0432\u0430\u043b\u0438 \u043a\u043d\u043e\u043f\u043a\u0443 \u043b\u0430\u0439\u043a\u0430 \u0432 \u0447\u0438\u0442\u0430\u043b\u043a\u0435, \u043a\u043d\u043e\u043f\u043a\u0430 \u043b\u0430\u0439\u043a\u0430 \u0432 \u043b\u0435\u043d\u0442\u0435 \u043d\u0430\u0447\u043d\u0435\u0442 \u0440\u0430\u0431\u043e\u0442\u0430\u0442\u044c! \u042d\u0442\u043e \u043f\u043e\u0442\u043e\u043c\u0443, \u0447\u0442\u043e \u043e\u043d\u0430 \u0442\u043e\u0436\u0435 \u043e\u0442\u043f\u0440\u0430\u0432\u043b\u044f\u0435\u0442 \u0437\u0430\u043f\u0440\u043e\u0441\u044b \u043d\u0430 \u044d\u0442\u043e\u0442 \u043c\u0430\u0440\u0448\u0440\u0443\u0442. \u041f\u043e\u043f\u0440\u043e\u0431\u0443\u0439\u0442\u0435 \u043b\u0430\u0439\u043a\u043d\u0443\u0442\u044c \u0447\u0442\u043e-\u043d\u0438\u0431\u0443\u0434\u044c."}),"\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.code,{children:"ArticleMeta"})," \u0438 ",(0,t.jsx)(n.code,{children:"Comments"})," \u2014 \u044d\u0442\u043e, \u043e\u043f\u044f\u0442\u044c \u0436\u0435, \u043f\u0440\u043e\u0441\u0442\u043e \u0444\u043e\u0440\u043c\u044b. \u041c\u044b \u0443\u0436\u0435 \u0434\u0435\u043b\u0430\u043b\u0438 \u044d\u0442\u043e \u0440\u0430\u043d\u044c\u0448\u0435, \u0434\u0430\u0432\u0430\u0439\u0442\u0435 \u0432\u043e\u0437\u044c\u043c\u0435\u043c \u0438\u0445 \u043a\u043e\u0434 \u0438 \u043f\u043e\u0439\u0434\u0435\u043c \u0434\u0430\u043b\u044c\u0448\u0435:"]}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/article-read/ui/ArticleMeta.tsx"',children:'import { Form, Link, useLoaderData } from "@remix-run/react";\nimport { useContext } from "react";\n\nimport { CurrentUser } from "shared/api";\nimport type { loader } from "../api/loader";\n\nexport function ArticleMeta() {\n  const currentUser = useContext(CurrentUser);\n  const { article } = useLoaderData<typeof loader>();\n\n  return (\n    <Form method="post">\n      <div className="article-meta">\n        <Link\n          prefetch="intent"\n          to={`/profile/${article.article.author.username}`}\n        >\n          <img src={article.article.author.image} alt="" />\n        </Link>\n\n        <div className="info">\n          <Link\n            prefetch="intent"\n            to={`/profile/${article.article.author.username}`}\n            className="author"\n          >\n            {article.article.author.username}\n          </Link>\n          <span className="date">{article.article.createdAt}</span>\n        </div>\n\n        {article.article.author.username == currentUser?.username ? (\n          <>\n            <Link\n              prefetch="intent"\n              to={`/editor/${article.article.slug}`}\n              className="btn btn-sm btn-outline-secondary"\n            >\n              <i className="ion-edit"></i> Edit Article\n            </Link>\n            &nbsp;&nbsp;\n            <button\n              name="_action"\n              value="delete"\n              className="btn btn-sm btn-outline-danger"\n            >\n              <i className="ion-trash-a"></i> Delete Article\n            </button>\n          </>\n        ) : (\n          <>\n            <input\n              name="username"\n              value={article.article.author.username}\n              type="hidden"\n            />\n            <button\n              name="_action"\n              value={\n                article.article.author.following\n                  ? "unfollowAuthor"\n                  : "followAuthor"\n              }\n              className={`btn btn-sm ${article.article.author.following ? "btn-secondary" : "btn-outline-secondary"}`}\n            >\n              <i className="ion-plus-round"></i>\n              &nbsp;{" "}\n              {article.article.author.following\n                ? "Unfollow"\n                : "Follow"}{" "}\n              {article.article.author.username}\n            </button>\n            &nbsp;&nbsp;\n            <button\n              name="_action"\n              value={article.article.favorited ? "unfavorite" : "favorite"}\n              className={`btn btn-sm ${article.article.favorited ? "btn-primary" : "btn-outline-primary"}`}\n            >\n              <i className="ion-heart"></i>\n              &nbsp; {article.article.favorited\n                ? "Unfavorite"\n                : "Favorite"}{" "}\n              Post{" "}\n              <span className="counter">\n                ({article.article.favoritesCount})\n              </span>\n            </button>\n          </>\n        )}\n      </div>\n    </Form>\n  );\n}\n'})}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/article-read/ui/Comments.tsx"',children:'import { useContext } from "react";\nimport { Form, Link, useLoaderData } from "@remix-run/react";\n\nimport { CurrentUser } from "shared/api";\nimport type { loader } from "../api/loader";\n\nexport function Comments() {\n  const { comments } = useLoaderData<typeof loader>();\n  const currentUser = useContext(CurrentUser);\n\n  return (\n    <div className="col-xs-12 col-md-8 offset-md-2">\n      {currentUser !== null ? (\n        <Form\n          preventScrollReset={true}\n          method="post"\n          className="card comment-form"\n          key={Date()}\n        >\n          <div className="card-block">\n            <textarea\n              required\n              className="form-control"\n              name="comment"\n              placeholder="Write a comment..."\n              rows={3}\n            ></textarea>\n          </div>\n          <div className="card-footer">\n            <img\n              src={currentUser.image}\n              className="comment-author-img"\n              alt=""\n            />\n            <button\n              className="btn btn-sm btn-primary"\n              name="_action"\n              value="createComment"\n            >\n              Post Comment\n            </button>\n          </div>\n        </Form>\n      ) : (\n        <div className="row">\n          <div className="col-xs-12 col-md-8 offset-md-2">\n            <p>\n              <Link to="/login">Sign in</Link>\n              &nbsp; or &nbsp;\n              <Link to="/register">Sign up</Link>\n              &nbsp; to add comments on this article.\n            </p>\n          </div>\n        </div>\n      )}\n\n      {comments.comments.map((comment) => (\n        <div className="card" key={comment.id}>\n          <div className="card-block">\n            <p className="card-text">{comment.body}</p>\n          </div>\n\n          <div className="card-footer">\n            <Link\n              to={`/profile/${comment.author.username}`}\n              className="comment-author"\n            >\n              <img\n                src={comment.author.image}\n                className="comment-author-img"\n                alt=""\n              />\n            </Link>\n            &nbsp;\n            <Link\n              to={`/profile/${comment.author.username}`}\n              className="comment-author"\n            >\n              {comment.author.username}\n            </Link>\n            <span className="date-posted">{comment.createdAt}</span>\n            {comment.author.username === currentUser?.username && (\n              <span className="mod-options">\n                <Form method="post" preventScrollReset={true}>\n                  <input type="hidden" name="id" value={comment.id} />\n                  <button\n                    name="_action"\n                    value="deleteComment"\n                    style={{\n                      border: "none",\n                      outline: "none",\n                      backgroundColor: "transparent",\n                    }}\n                  >\n                    <i className="ion-trash-a"></i>\n                  </button>\n                </Form>\n              </span>\n            )}\n          </div>\n        </div>\n      ))}\n    </div>\n  );\n}\n'})}),"\n",(0,t.jsx)(n.p,{children:'\u0410 \u0432\u043c\u0435\u0441\u0442\u0435 \u0441 \u044d\u0442\u0438\u043c \u0438 \u043d\u0430\u0448\u0430 \u0447\u0438\u0442\u0430\u043b\u043a\u0430 \u0441\u0442\u0430\u0442\u0435\u0439! \u041a\u043d\u043e\u043f\u043a\u0438 "\u041f\u043e\u0434\u043f\u0438\u0441\u0430\u0442\u044c\u0441\u044f \u043d\u0430 \u0430\u0432\u0442\u043e\u0440\u0430", "\u041c\u043d\u0435 \u043d\u0440\u0430\u0432\u0438\u0442\u0441\u044f" \u0438 "\u041e\u0441\u0442\u0430\u0432\u0438\u0442\u044c \u043a\u043e\u043c\u043c\u0435\u043d\u0442\u0430\u0440\u0438\u0439" \u0442\u0435\u043f\u0435\u0440\u044c \u0434\u043e\u043b\u0436\u043d\u044b \u0440\u0430\u0431\u043e\u0442\u0430\u0442\u044c \u043a\u0430\u043a \u043f\u043e\u043b\u043e\u0436\u0435\u043d\u043e.'}),"\n",(0,t.jsxs)("figure",{children:[(0,t.jsx)(n.p,{children:(0,t.jsx)(n.img,{alt:"\u0427\u0438\u0442\u0430\u043b\u043a\u0430 \u0441\u0442\u0430\u0442\u0435\u0439 \u0441 \u0440\u0430\u0431\u043e\u0447\u0438\u043c\u0438 \u043a\u043d\u043e\u043f\u043a\u0430\u043c\u0438 \u043f\u043e\u0434\u043f\u0438\u0441\u043a\u0438 \u0438 \u043b\u0430\u0439\u043a\u0430",src:r(6953).A+"",width:"2880",height:"1488"})}),(0,t.jsx)("figcaption",{children:"\u0427\u0438\u0442\u0430\u043b\u043a\u0430 \u0441\u0442\u0430\u0442\u0435\u0439 \u0441 \u0440\u0430\u0431\u043e\u0447\u0438\u043c\u0438 \u043a\u043d\u043e\u043f\u043a\u0430\u043c\u0438 \u043f\u043e\u0434\u043f\u0438\u0441\u043a\u0438 \u0438 \u043b\u0430\u0439\u043a\u0430"})]}),"\n",(0,t.jsx)(n.h3,{id:"\u0440\u0435\u0434\u0430\u043a\u0442\u043e\u0440-\u0441\u0442\u0430\u0442\u0435\u0439",children:"\u0420\u0435\u0434\u0430\u043a\u0442\u043e\u0440 \u0441\u0442\u0430\u0442\u0435\u0439"}),"\n",(0,t.jsx)(n.p,{children:"\u042d\u0442\u043e \u043f\u043e\u0441\u043b\u0435\u0434\u043d\u044f\u044f \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0430, \u043a\u043e\u0442\u043e\u0440\u0443\u044e \u043c\u044b \u0440\u0430\u0441\u0441\u043c\u043e\u0442\u0440\u0438\u043c \u0432 \u044d\u0442\u043e\u043c \u0440\u0443\u043a\u043e\u0432\u043e\u0434\u0441\u0442\u0432\u0435, \u0438 \u0441\u0430\u043c\u0430\u044f \u0438\u043d\u0442\u0435\u0440\u0435\u0441\u043d\u0430\u044f \u0447\u0430\u0441\u0442\u044c \u0437\u0434\u0435\u0441\u044c \u2014 \u044d\u0442\u043e \u0442\u043e, \u043a\u0430\u043a \u043c\u044b \u0431\u0443\u0434\u0435\u043c \u043f\u0440\u043e\u0432\u0435\u0440\u044f\u0442\u044c \u0434\u0430\u043d\u043d\u044b\u0435 \u0444\u043e\u0440\u043c\u044b."}),"\n",(0,t.jsxs)(n.p,{children:["\u0421\u0430\u043c\u0430 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0430, ",(0,t.jsx)(n.code,{children:"article-edit/ui/ArticleEditPage.tsx"}),", \u0431\u0443\u0434\u0435\u0442 \u0434\u043e\u0432\u043e\u043b\u044c\u043d\u043e \u043f\u0440\u043e\u0441\u0442\u043e\u0439, \u0434\u043e\u043f\u043e\u043b\u043d\u0438\u0442\u0435\u043b\u044c\u043d\u0430\u044f \u043b\u043e\u0433\u0438\u043a\u0430 \u0431\u0443\u0434\u0435\u0442 \u0441\u043a\u0440\u044b\u0442\u0430 \u0432 \u0434\u0432\u0443\u0445 \u0434\u0440\u0443\u0433\u0438\u0445 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u0430\u0445:"]}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/article-edit/ui/ArticleEditPage.tsx"',children:'import { Form, useLoaderData } from "@remix-run/react";\n\nimport type { loader } from "../api/loader";\nimport { TagsInput } from "./TagsInput";\nimport { FormErrors } from "./FormErrors";\n\nexport function ArticleEditPage() {\n  const article = useLoaderData<typeof loader>();\n\n  return (\n    <div className="editor-page">\n      <div className="container page">\n        <div className="row">\n          <div className="col-md-10 offset-md-1 col-xs-12">\n            <FormErrors />\n\n            <Form method="post">\n              <fieldset>\n                <fieldset className="form-group">\n                  <input\n                    type="text"\n                    className="form-control form-control-lg"\n                    name="title"\n                    placeholder="Article Title"\n                    defaultValue={article.article?.title}\n                  />\n                </fieldset>\n                <fieldset className="form-group">\n                  <input\n                    type="text"\n                    className="form-control"\n                    name="description"\n                    placeholder="What\'s this article about?"\n                    defaultValue={article.article?.description}\n                  />\n                </fieldset>\n                <fieldset className="form-group">\n                  <textarea\n                    className="form-control"\n                    name="body"\n                    rows={8}\n                    placeholder="Write your article (in markdown)"\n                    defaultValue={article.article?.body}\n                  ></textarea>\n                </fieldset>\n                <fieldset className="form-group">\n                  <TagsInput\n                    name="tags"\n                    defaultValue={article.article?.tagList ?? []}\n                  />\n                </fieldset>\n\n                <button className="btn btn-lg pull-xs-right btn-primary">\n                  Publish Article\n                </button>\n              </fieldset>\n            </Form>\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n}\n'})}),"\n",(0,t.jsxs)(n.p,{children:["\u042d\u0442\u0430 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0430 \u043f\u043e\u043b\u0443\u0447\u0430\u0435\u0442 \u0442\u0435\u043a\u0443\u0449\u0443\u044e \u0441\u0442\u0430\u0442\u044c\u044e (\u0435\u0441\u043b\u0438 \u043c\u044b \u043f\u0438\u0448\u0435\u043c \u0441\u0442\u0430\u0442\u044c\u044e \u043d\u0435 \u0441 \u043d\u0443\u043b\u044f) \u0438 \u0437\u0430\u043f\u043e\u043b\u043d\u044f\u0435\u0442 \u0441\u043e\u043e\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0443\u044e\u0449\u0438\u0435 \u043f\u043e\u043b\u044f \u0444\u043e\u0440\u043c\u044b. \u041c\u044b \u0443\u0436\u0435 \u0432\u0438\u0434\u0435\u043b\u0438 \u044d\u0442\u043e. \u0418\u043d\u0442\u0435\u0440\u0435\u0441\u043d\u043e\u0439 \u0447\u0430\u0441\u0442\u044c\u044e \u044f\u0432\u043b\u044f\u0435\u0442\u0441\u044f ",(0,t.jsx)(n.code,{children:"FormErrors"}),", \u043f\u043e\u0442\u043e\u043c\u0443 \u0447\u0442\u043e \u043e\u043d \u0431\u0443\u0434\u0435\u0442 \u043f\u043e\u043b\u0443\u0447\u0430\u0442\u044c \u0440\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442 \u043f\u0440\u043e\u0432\u0435\u0440\u043a\u0438 \u0438 \u043e\u0442\u043e\u0431\u0440\u0430\u0436\u0430\u0442\u044c \u0435\u0433\u043e \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044e. \u0414\u0430\u0432\u0430\u0439\u0442\u0435 \u043f\u043e\u0441\u043c\u043e\u0442\u0440\u0438\u043c:"]}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/article-edit/ui/FormErrors.tsx"',children:'import { useActionData } from "@remix-run/react";\nimport type { action } from "../api/action";\n\nexport function FormErrors() {\n  const actionData = useActionData<typeof action>();\n\n  return actionData?.errors != null ? (\n    <ul className="error-messages">\n      {actionData.errors.map((error) => (\n        <li key={error}>{error}</li>\n      ))}\n    </ul>\n  ) : null;\n}\n'})}),"\n",(0,t.jsxs)(n.p,{children:["\u0417\u0434\u0435\u0441\u044c \u043c\u044b \u043f\u0440\u0435\u0434\u043f\u043e\u043b\u0430\u0433\u0430\u0435\u043c, \u0447\u0442\u043e \u043d\u0430\u0448 \u044d\u043a\u0448\u043d \u0431\u0443\u0434\u0435\u0442 \u0432\u043e\u0437\u0432\u0440\u0430\u0449\u0430\u0442\u044c \u043f\u043e\u043b\u0435 ",(0,t.jsx)(n.code,{children:"errors"}),", \u043c\u0430\u0441\u0441\u0438\u0432 \u043f\u043e\u043d\u044f\u0442\u043d\u044b\u0445 \u0447\u0435\u043b\u043e\u0432\u0435\u043a\u0443 \u0441\u043e\u043e\u0431\u0449\u0435\u043d\u0438\u0439 \u043e\u0431 \u043e\u0448\u0438\u0431\u043a\u0430\u0445. \u041a \u044d\u043a\u0448\u043d\u0443 \u043c\u044b \u043f\u0435\u0440\u0435\u0439\u0434\u0435\u043c \u0447\u0443\u0442\u044c \u043f\u043e\u0437\u0436\u0435."]}),"\n",(0,t.jsx)(n.p,{children:"\u0415\u0449\u0435 \u043e\u0434\u0438\u043d \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442 \u2014 \u044d\u0442\u043e \u043f\u043e\u043b\u0435 \u0432\u0432\u043e\u0434\u0430 \u0442\u0435\u0433\u043e\u0432. \u042d\u0442\u043e \u043e\u0431\u044b\u0447\u043d\u043e\u0435 \u043f\u043e\u043b\u0435 \u0432\u0432\u043e\u0434\u0430 \u0441 \u0434\u043e\u043f\u043e\u043b\u043d\u0438\u0442\u0435\u043b\u044c\u043d\u044b\u043c \u043f\u0440\u0435\u0434\u043f\u0440\u043e\u0441\u043c\u043e\u0442\u0440\u043e\u043c \u0432\u044b\u0431\u0440\u0430\u043d\u043d\u044b\u0445 \u0442\u0435\u0433\u043e\u0432. \u0417\u0434\u0435\u0441\u044c \u043e\u0441\u043e\u0431\u043e \u043d\u0435 \u043d\u0430 \u0447\u0442\u043e \u0441\u043c\u043e\u0442\u0440\u0435\u0442\u044c:"}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/article-edit/ui/TagsInput.tsx"',children:'import { useEffect, useRef, useState } from "react";\n\nexport function TagsInput({\n  name,\n  defaultValue,\n}: {\n  name: string;\n  defaultValue?: Array<string>;\n}) {\n  const [tagListState, setTagListState] = useState(defaultValue ?? []);\n\n  function removeTag(tag: string): void {\n    const newTagList = tagListState.filter((t) => t !== tag);\n    setTagListState(newTagList);\n  }\n\n  const tagsInput = useRef<HTMLInputElement>(null);\n  useEffect(() => {\n    tagsInput.current && (tagsInput.current.value = tagListState.join(","));\n  }, [tagListState]);\n\n  return (\n    <>\n      <input\n        type="text"\n        className="form-control"\n        id="tags"\n        name={name}\n        placeholder="Enter tags"\n        defaultValue={tagListState.join(",")}\n        onChange={(e) =>\n          setTagListState(e.target.value.split(",").filter(Boolean))\n        }\n      />\n      <div className="tag-list">\n        {tagListState.map((tag) => (\n          <span className="tag-default tag-pill" key={tag}>\n            <i\n              className="ion-close-round"\n              role="button"\n              tabIndex={0}\n              onKeyDown={(e) =>\n                [" ", "Enter"].includes(e.key) && removeTag(tag)\n              }\n              onClick={() => removeTag(tag)}\n            ></i>{" "}\n            {tag}\n          </span>\n        ))}\n      </div>\n    </>\n  );\n}\n'})}),"\n",(0,t.jsx)(n.p,{children:"\u0422\u0435\u043f\u0435\u0440\u044c \u043f\u0435\u0440\u0435\u0439\u0434\u0435\u043c \u043a API-\u0447\u0430\u0441\u0442\u0438. \u0417\u0430\u0433\u0440\u0443\u0437\u0447\u0438\u043a \u0434\u043e\u043b\u0436\u0435\u043d \u043f\u043e\u0441\u043c\u043e\u0442\u0440\u0435\u0442\u044c \u043d\u0430 URL, \u0438 \u0435\u0441\u043b\u0438 \u0432 \u043d\u0435\u043c \u0435\u0441\u0442\u044c \u0441\u0441\u044b\u043b\u043a\u0430 \u043d\u0430 \u0441\u0442\u0430\u0442\u044c\u044e, \u044d\u0442\u043e \u043e\u0437\u043d\u0430\u0447\u0430\u0435\u0442, \u0447\u0442\u043e \u043c\u044b \u0440\u0435\u0434\u0430\u043a\u0442\u0438\u0440\u0443\u0435\u043c \u0441\u0443\u0449\u0435\u0441\u0442\u0432\u0443\u044e\u0449\u0443\u044e \u0441\u0442\u0430\u0442\u044c\u044e, \u0438 \u0435\u0435 \u0434\u0430\u043d\u043d\u044b\u0435 \u0434\u043e\u043b\u0436\u043d\u044b \u0431\u044b\u0442\u044c \u0437\u0430\u0433\u0440\u0443\u0436\u0435\u043d\u044b. \u0412 \u043f\u0440\u043e\u0442\u0438\u0432\u043d\u043e\u043c \u0441\u043b\u0443\u0447\u0430\u0435 \u043d\u0438\u0447\u0435\u0433\u043e \u043d\u0435 \u0432\u043e\u0437\u0432\u0440\u0430\u0449\u0430\u0435\u0442\u0441\u044f. \u0414\u0430\u0432\u0430\u0439\u0442\u0435 \u0441\u043e\u0437\u0434\u0430\u0434\u0438\u043c \u044d\u0442\u043e\u0442 \u0437\u0430\u0433\u0440\u0443\u0437\u0447\u0438\u043a:"}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/article-edit/api/loader.ts"',children:'import { json, type LoaderFunctionArgs } from "@remix-run/node";\nimport type { FetchResponse } from "openapi-fetch";\n\nimport { GET, requireUser } from "shared/api";\n\nasync function throwAnyErrors<T, O, Media extends `${string}/${string}`>(\n  responsePromise: Promise<FetchResponse<T, O, Media>>,\n) {\n  const { data, error, response } = await responsePromise;\n\n  if (error !== undefined) {\n    throw json(error, { status: response.status });\n  }\n\n  return data as NonNullable<typeof data>;\n}\n\nexport const loader = async ({ params, request }: LoaderFunctionArgs) => {\n  const currentUser = await requireUser(request);\n\n  if (!params.slug) {\n    return { article: null };\n  }\n\n  return throwAnyErrors(\n    GET("/articles/{slug}", {\n      params: { path: { slug: params.slug } },\n      headers: { Authorization: `Token ${currentUser.token}` },\n    }),\n  );\n};\n'})}),"\n",(0,t.jsx)(n.p,{children:"\u042d\u043a\u0448\u043d \u043f\u0440\u0438\u043c\u0435\u0442 \u043d\u043e\u0432\u044b\u0435 \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u044f \u043f\u043e\u043b\u0435\u0439, \u043f\u0440\u043e\u0433\u043e\u043d\u0438\u0442 \u0438\u0445 \u0447\u0435\u0440\u0435\u0437 \u043d\u0430\u0448\u0443 \u0441\u0445\u0435\u043c\u0443 \u0434\u0430\u043d\u043d\u044b\u0445 \u0438, \u0435\u0441\u043b\u0438 \u0432\u0441\u0435 \u043f\u0440\u0430\u0432\u0438\u043b\u044c\u043d\u043e, \u0437\u0430\u0444\u0438\u043a\u0441\u0438\u0440\u0443\u0435\u0442 \u0438\u0437\u043c\u0435\u043d\u0435\u043d\u0438\u044f \u0432 \u0431\u044d\u043a\u0435\u043d\u0434\u0435, \u043b\u0438\u0431\u043e \u043e\u0431\u043d\u043e\u0432\u0438\u0432 \u0441\u0443\u0449\u0435\u0441\u0442\u0432\u0443\u044e\u0449\u0443\u044e \u0441\u0442\u0430\u0442\u044c\u044e, \u043b\u0438\u0431\u043e \u0441\u043e\u0437\u0434\u0430\u0432 \u043d\u043e\u0432\u0443\u044e:"}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/article-edit/api/action.ts"',children:'import { json, redirect, type ActionFunctionArgs } from "@remix-run/node";\n\nimport { POST, PUT, requireUser } from "shared/api";\nimport { parseAsArticle } from "../model/parseAsArticle";\n\nexport const action = async ({ request, params }: ActionFunctionArgs) => {\n  try {\n    const { body, description, title, tags } = parseAsArticle(\n      await request.formData(),\n    );\n    const tagList = tags?.split(",") ?? [];\n\n    const currentUser = await requireUser(request);\n    const payload = {\n      body: {\n        article: {\n          title,\n          description,\n          body,\n          tagList,\n        },\n      },\n      headers: { Authorization: `Token ${currentUser.token}` },\n    };\n\n    const { data, error } = await (params.slug\n      ? PUT("/articles/{slug}", {\n          params: { path: { slug: params.slug } },\n          ...payload,\n        })\n      : POST("/articles", payload));\n\n    if (error) {\n      return json({ errors: error }, { status: 422 });\n    }\n\n    return redirect(`/article/${data.article.slug ?? ""}`);\n  } catch (errors) {\n    return json({ errors }, { status: 400 });\n  }\n};\n'})}),"\n",(0,t.jsxs)(n.p,{children:["\u041d\u0430\u0448\u0430 \u0441\u0445\u0435\u043c\u0430 \u0434\u0430\u043d\u043d\u044b\u0445 \u0431\u0443\u0434\u0435\u0442 \u0435\u0449\u0451 \u0438 \u043f\u0430\u0440\u0441\u0438\u0442\u044c ",(0,t.jsx)(n.code,{children:"FormData"}),", \u0447\u0442\u043e \u043f\u043e\u0437\u0432\u043e\u043b\u044f\u0435\u0442 \u043d\u0430\u043c \u0443\u0434\u043e\u0431\u043d\u043e \u043f\u043e\u043b\u0443\u0447\u0430\u0442\u044c \u0447\u0438\u0441\u0442\u044b\u0435 \u043f\u043e\u043b\u044f \u0438\u043b\u0438 \u043f\u0440\u043e\u0441\u0442\u043e \u0431\u0440\u043e\u0441\u0430\u0442\u044c \u043e\u0448\u0438\u0431\u043a\u0438 \u0434\u043b\u044f \u043e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u0438 \u0432 \u043a\u043e\u043d\u0446\u0435. \u0412\u043e\u0442 \u043a\u0430\u043a \u043c\u043e\u0436\u0435\u0442 \u0432\u044b\u0433\u043b\u044f\u0434\u0435\u0442\u044c \u044d\u0442\u0430 \u0444\u0443\u043d\u043a\u0446\u0438\u044f \u043f\u0430\u0440\u0441\u0438\u043d\u0433\u0430:"]}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/article-edit/model/parseAsArticle.ts"',children:'export function parseAsArticle(data: FormData) {\n  const errors = [];\n\n  const title = data.get("title");\n  if (typeof title !== "string" || title === "") {\n    errors.push("Give this article a title");\n  }\n\n  const description = data.get("description");\n  if (typeof description !== "string" || description === "") {\n    errors.push("Describe what this article is about");\n  }\n\n  const body = data.get("body");\n  if (typeof body !== "string" || body === "") {\n    errors.push("Write the article itself");\n  }\n\n  const tags = data.get("tags");\n  if (typeof tags !== "string") {\n    errors.push("The tags must be a string");\n  }\n\n  if (errors.length > 0) {\n    throw errors;\n  }\n\n  return { title, description, body, tags: data.get("tags") ?? "" } as {\n    title: string;\n    description: string;\n    body: string;\n    tags: string;\n  };\n}\n'})}),"\n",(0,t.jsx)(n.p,{children:"\u0412\u043e\u0437\u043c\u043e\u0436\u043d\u043e, \u043e\u043d\u0430 \u043f\u043e\u043a\u0430\u0436\u0435\u0442\u0441\u044f \u043d\u0435\u043c\u043d\u043e\u0433\u043e \u0434\u043b\u0438\u043d\u043d\u043e\u0439 \u0438 \u043f\u043e\u0432\u0442\u043e\u0440\u044f\u044e\u0449\u0435\u0439\u0441\u044f, \u043d\u043e \u0442\u0430\u043a\u043e\u0432\u0430 \u0446\u0435\u043d\u0430, \u043a\u043e\u0442\u043e\u0440\u0443\u044e \u043c\u044b \u043f\u043b\u0430\u0442\u0438\u043c \u0437\u0430 \u0447\u0438\u0442\u0430\u0435\u043c\u044b\u0435 \u0441\u043e\u043e\u0431\u0449\u0435\u043d\u0438\u044f \u043e\u0431 \u043e\u0448\u0438\u0431\u043a\u0430\u0445. \u042d\u0442\u043e \u043c\u043e\u0436\u0435\u0442 \u0431\u044b\u0442\u044c \u0438 \u0441\u0445\u0435\u043c\u0430 Zod, \u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, \u043d\u043e \u0442\u043e\u0433\u0434\u0430 \u043d\u0430\u043c \u043f\u0440\u0438\u0434\u0435\u0442\u0441\u044f \u0432\u044b\u0432\u043e\u0434\u0438\u0442\u044c \u0441\u043e\u043e\u0431\u0449\u0435\u043d\u0438\u044f \u043e\u0431 \u043e\u0448\u0438\u0431\u043a\u0430\u0445 \u043d\u0430 \u0444\u0440\u043e\u043d\u0442\u0435\u043d\u0434\u0435, \u0430 \u044d\u0442\u0430 \u0444\u043e\u0440\u043c\u0430 \u043d\u0435 \u0441\u0442\u043e\u0438\u0442 \u0442\u0430\u043a\u0438\u0445 \u0441\u043b\u043e\u0436\u043d\u043e\u0441\u0442\u0435\u0439."}),"\n",(0,t.jsxs)(n.p,{children:["\u041f\u043e\u0441\u043b\u0435\u0434\u043d\u0438\u0439 \u0448\u0430\u0433 \u2014 \u043f\u043e\u0434\u043a\u043b\u044e\u0447\u0435\u043d\u0438\u0435 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b, \u0437\u0430\u0433\u0440\u0443\u0437\u0447\u0438\u043a\u0430 \u0438 \u0434\u0435\u0439\u0441\u0442\u0432\u0438\u044f \u043a \u043c\u0430\u0440\u0448\u0440\u0443\u0442\u0430\u043c. \u041f\u043e\u0441\u043a\u043e\u043b\u044c\u043a\u0443 \u043c\u044b \u0430\u043a\u043a\u0443\u0440\u0430\u0442\u043d\u043e \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u0438\u0432\u0430\u0435\u043c \u0438 \u0441\u043e\u0437\u0434\u0430\u043d\u0438\u0435, \u0438 \u0440\u0435\u0434\u0430\u043a\u0442\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u0435, \u043c\u044b \u043c\u043e\u0436\u0435\u043c \u044d\u043a\u0441\u043f\u043e\u0440\u0442\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u043e\u0434\u043d\u043e \u0438 \u0442\u043e \u0436\u0435 \u0434\u0435\u0439\u0441\u0442\u0432\u0438\u0435 \u043a\u0430\u043a \u0438\u0437 ",(0,t.jsx)(n.code,{children:"editor._index.tsx"}),", \u0442\u0430\u043a \u0438 \u0438\u0437 ",(0,t.jsx)(n.code,{children:"editor.$slug.tsx"}),":"]}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/article-edit/index.ts"',children:'export { ArticleEditPage } from "./ui/ArticleEditPage";\nexport { loader } from "./api/loader";\nexport { action } from "./api/action";\n'})}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-tsx",metastring:'title="app/routes/editor._index.tsx, app/routes/editor.$slug.tsx (\u043e\u0434\u0438\u043d\u0430\u043a\u043e\u0432\u043e\u0435 \u0441\u043e\u0434\u0435\u0440\u0436\u0438\u043c\u043e\u0435)"',children:'import { ArticleEditPage } from "pages/article-edit";\n\nexport { loader, action } from "pages/article-edit";\n\nexport default ArticleEditPage;\n'})}),"\n",(0,t.jsx)(n.p,{children:"\u041c\u044b \u0437\u0430\u043a\u043e\u043d\u0447\u0438\u043b\u0438! \u0412\u043e\u0439\u0434\u0438\u0442\u0435 \u0432 \u0441\u0438\u0441\u0442\u0435\u043c\u0443 \u0438 \u043f\u043e\u043f\u0440\u043e\u0431\u0443\u0439\u0442\u0435 \u0441\u043e\u0437\u0434\u0430\u0442\u044c \u043d\u043e\u0432\u0443\u044e \u0441\u0442\u0430\u0442\u044c\u044e. \u0418\u043b\u0438 \u201c\u0437\u0430\u0431\u0443\u0434\u044c\u0442\u0435\u201d \u043d\u0430\u043f\u0438\u0441\u0430\u0442\u044c \u0441\u0442\u0430\u0442\u044c\u044e \u0438 \u043f\u043e\u0441\u043c\u043e\u0442\u0440\u0438\u0442\u0435, \u043a\u0430\u043a \u0441\u0440\u0430\u0431\u043e\u0442\u0430\u0435\u0442 \u0432\u0430\u043b\u0438\u0434\u0430\u0446\u0438\u044f."}),"\n",(0,t.jsxs)("figure",{children:[(0,t.jsx)(n.p,{children:(0,t.jsx)(n.img,{alt:"\u0420\u0435\u0434\u0430\u043a\u0442\u043e\u0440 \u0441\u0442\u0430\u0442\u0435\u0439 Conduit, \u0432 \u043f\u043e\u043b\u0435 \u0437\u0430\u0433\u043e\u043b\u043e\u0432\u043a\u0430 \u043a\u043e\u0442\u043e\u0440\u043e\u0433\u043e \u043d\u0430\u043f\u0438\u0441\u0430\u043d\u043e \u201cNew article\u201d, \u0430 \u043e\u0441\u0442\u0430\u043b\u044c\u043d\u044b\u0435 \u043f\u043e\u043b\u044f \u043f\u0443\u0441\u0442\u044b. \u041d\u0430\u0434 \u0444\u043e\u0440\u043c\u043e\u0439 \u0435\u0441\u0442\u044c \u0434\u0432\u0435 \u043e\u0448\u0438\u0431\u043a\u0438: \u201cDescribe what this article is about\u201d \u0438 \u201cWrite the article itself\u201d.",src:r(6011).A+"",width:"2880",height:"1488"})}),(0,t.jsxs)("figcaption",{children:["\u0420\u0435\u0434\u0430\u043a\u0442\u043e\u0440 \u0441\u0442\u0430\u0442\u0435\u0439 Conduit, \u0432 \u043f\u043e\u043b\u0435 \u0437\u0430\u0433\u043e\u043b\u043e\u0432\u043a\u0430 \u043a\u043e\u0442\u043e\u0440\u043e\u0433\u043e \u043d\u0430\u043f\u0438\u0441\u0430\u043d\u043e \u201cNew article\u201d, \u0430 \u043e\u0441\u0442\u0430\u043b\u044c\u043d\u044b\u0435 \u043f\u043e\u043b\u044f \u043f\u0443\u0441\u0442\u044b. \u041d\u0430\u0434 \u0444\u043e\u0440\u043c\u043e\u0439 \u0435\u0441\u0442\u044c \u0434\u0432\u0435 \u043e\u0448\u0438\u0431\u043a\u0438: ",(0,t.jsx)(n.strong,{children:"\u201cDescribe what this article is about\u201d"})," \u0438 ",(0,t.jsx)(n.strong,{children:"\u201cWrite the article itself"}),"\u201d."]})]}),"\n",(0,t.jsx)(n.p,{children:"\u0421\u0442\u0440\u0430\u043d\u0438\u0446\u044b \u043f\u0440\u043e\u0444\u0438\u043b\u044f \u0438 \u043d\u0430\u0441\u0442\u0440\u043e\u0435\u043a \u043e\u0447\u0435\u043d\u044c \u043f\u043e\u0445\u043e\u0436\u0438 \u043d\u0430 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b \u0447\u0442\u0435\u043d\u0438\u044f \u0438 \u0440\u0435\u0434\u0430\u043a\u0442\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u044f \u0441\u0442\u0430\u0442\u0435\u0439, \u043e\u043d\u0438 \u043e\u0441\u0442\u0430\u0432\u043b\u0435\u043d\u044b \u0432 \u043a\u0430\u0447\u0435\u0441\u0442\u0432\u0435 \u0443\u043f\u0440\u0430\u0436\u043d\u0435\u043d\u0438\u044f \u0434\u043b\u044f \u0447\u0438\u0442\u0430\u0442\u0435\u043b\u044f, \u0442\u043e \u0435\u0441\u0442\u044c \u0434\u043b\u044f \u0432\u0430\u0441 :)"})]})}function m(e={}){const{wrapper:n}={...(0,s.R)(),...e.components};return n?(0,t.jsx)(n,{...e,children:(0,t.jsx)(d,{...e})}):d(e)}},8891:(e,n,r)=>{r.d(n,{A:()=>t});const t=r.p+"assets/images/conduit-banner-a20e38edcd109ee21a8b1426d93a66b3.jpg"},6011:(e,n,r)=>{r.d(n,{A:()=>t});const t=r.p+"assets/images/realworld-article-editor-bc3ee45c96ae905fdbb54d6463d12723.jpg"},6953:(e,n,r)=>{r.d(n,{A:()=>t});const t=r.p+"assets/images/realworld-article-reader-6a420e4f2afe139d2bdd54d62974f0b9.jpg"},9922:(e,n,r)=>{r.d(n,{A:()=>t});const t=r.p+"assets/images/realworld-editor-authenticated-10de4d01479270886859e08592045b1e.jpg"},9703:(e,n,r)=>{r.d(n,{A:()=>t});const t=r.p+"assets/images/realworld-feed-anonymous-8cbba45f488931979f6c8da8968ad685.jpg"},1405:(e,n,r)=>{r.d(n,{A:()=>t});const t=r.p+"assets/images/realworld-feed-authenticated-15427d9ff7baae009b47b501bee6c059.jpg"},6231:(e,n,r)=>{r.d(n,{A:()=>t});const t=r.p+"assets/images/realworld-feed-without-tabs-5da4c9072101ac20e82e2234bd3badbe.jpg"},1100:(e,n,r)=>{r.d(n,{R:()=>i,x:()=>o});var t=r(758);const s={},a=t.createContext(s);function i(e){const n=t.useContext(a);return t.useMemo((function(){return"function"==typeof e?e(n):{...n,...e}}),[n,e])}function o(e){let n;return n=e.disableParentContext?"function"==typeof e.components?e.components(s):e.components||s:i(e.components),t.createElement(a.Provider,{value:n},e.children)}}}]);
\ No newline at end of file
diff --git a/ru/assets/js/c0c4bf5d.7379ae24.js b/ru/assets/js/c0c4bf5d.fc679494.js
similarity index 98%
rename from ru/assets/js/c0c4bf5d.7379ae24.js
rename to ru/assets/js/c0c4bf5d.fc679494.js
index fef6007597..97de7b2fac 100644
--- a/ru/assets/js/c0c4bf5d.7379ae24.js
+++ b/ru/assets/js/c0c4bf5d.fc679494.js
@@ -1 +1 @@
-"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[9772],{1928:(e,t,i)=>{i.d(t,{Ay:()=>l,RM:()=>c});var n=i(6070),r=i(1100),s=(i(758),i(6783)),o=i(7765);const a=e=>{let{ticket:t}=e;const i=`https://github.com/feature-sliced/documentation/issues/${t}`;return(0,n.jsxs)("div",{children:[(0,n.jsx)("p",{children:(0,o.T)({id:"shared.wip.title"})}),(0,n.jsx)("p",{children:(0,o.T)({id:"shared.wip.subtitle"})}),(0,n.jsxs)("ul",{children:[(0,n.jsxs)("li",{children:[(0,o.T)({id:"shared.wip.var.feedback.base"}),(0,n.jsx)(s.A,{to:i,children:(0,o.T)({id:"shared.wip.var.feedback.link"})})]}),(0,n.jsxs)("li",{children:[(0,o.T)({id:"shared.wip.var.material.base"}),(0,n.jsx)(s.A,{to:"https://t.me/feature_sliced",children:(0,o.T)({id:"shared.wip.var.material.link"})})]}),(0,n.jsxs)("li",{children:[(0,o.T)({id:"shared.wip.var.contribute.base"}),(0,n.jsx)(s.A,{to:"https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md",children:(0,o.T)({id:"shared.wip.var.contribute.link"})})]})]}),(0,n.jsx)("br",{}),(0,n.jsx)("p",{children:(0,n.jsx)("i",{children:"\ud83c\udf70 Stay tuned!"})})]})},c=[];function d(e){const t={admonition:"admonition",...(0,r.R)(),...e.components};return(0,n.jsx)(t.admonition,{title:"WIP",type:"caution",children:(0,n.jsx)(a,{ticket:e.ticket})})}function l(e={}){const{wrapper:t}={...(0,r.R)(),...e.components};return t?(0,n.jsx)(t,{...e,children:(0,n.jsx)(d,{...e})}):d(e)}},2648:(e,t,i)=>{i.r(t),i.d(t,{assets:()=>d,contentTitle:()=>a,default:()=>h,frontMatter:()=>o,metadata:()=>c,toc:()=>l});var n=i(6070),r=i(1100),s=i(1928);const o={sidebar_position:3,sidebar_class_name:"sidebar-item--wip"},a="\u041f\u0440\u043e\u0434\u0432\u0438\u0436\u0435\u043d\u0438\u0435 \u0432 \u043a\u043e\u043c\u0430\u043d\u0434\u0435",c={id:"about/promote/for-team",title:"\u041f\u0440\u043e\u0434\u0432\u0438\u0436\u0435\u043d\u0438\u0435 \u0432 \u043a\u043e\u043c\u0430\u043d\u0434\u0435",description:"- \u041e\u043d\u0431\u043e\u0440\u0434\u0438\u043d\u0433 \u043d\u043e\u0432\u044b\u0445 \u043b\u044e\u0434\u0435\u0439",source:"@site/i18n/ru/docusaurus-plugin-content-docs/current/about/promote/for-team.mdx",sourceDirName:"about/promote",slug:"/about/promote/for-team",permalink:"/ru/docs/about/promote/for-team",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/ru/docusaurus-plugin-content-docs/current/about/promote/for-team.mdx",tags:[],version:"current",lastUpdatedAt:1727607766e3,sidebarPosition:3,frontMatter:{sidebar_position:3,sidebar_class_name:"sidebar-item--wip"},sidebar:"aboutSidebar",previous:{title:"\u0427\u0430\u0441\u0442\u0438\u0447\u043d\u043e\u0435 \u043f\u0440\u0438\u043c\u0435\u043d\u0435\u043d\u0438\u0435",permalink:"/ru/docs/about/promote/partial-application"},next:{title:"\u041f\u0440\u043e\u0434\u0432\u0438\u0436\u0435\u043d\u0438\u0435 \u0432 \u043a\u043e\u043c\u043f\u0430\u043d\u0438\u0438",permalink:"/ru/docs/about/promote/for-company"}},d={},l=[...s.RM,{value:"\u0421\u043c. \u0442\u0430\u043a\u0436\u0435",id:"see-also",level:2}];function u(e){const t={a:"a",h1:"h1",h2:"h2",header:"header",li:"li",ul:"ul",...(0,r.R)(),...e.components};return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(t.header,{children:(0,n.jsx)(t.h1,{id:"\u043f\u0440\u043e\u0434\u0432\u0438\u0436\u0435\u043d\u0438\u0435-\u0432-\u043a\u043e\u043c\u0430\u043d\u0434\u0435",children:"\u041f\u0440\u043e\u0434\u0432\u0438\u0436\u0435\u043d\u0438\u0435 \u0432 \u043a\u043e\u043c\u0430\u043d\u0434\u0435"})}),"\n",(0,n.jsx)(s.Ay,{ticket:"182"}),"\n",(0,n.jsxs)(t.ul,{children:["\n",(0,n.jsx)(t.li,{children:"\u041e\u043d\u0431\u043e\u0440\u0434\u0438\u043d\u0433 \u043d\u043e\u0432\u044b\u0445 \u043b\u044e\u0434\u0435\u0439"}),"\n",(0,n.jsx)(t.li,{children:"\u0413\u0430\u0439\u0434\u043b\u0430\u0439\u043d\u044b \u043f\u043e \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u0435 (\u0433\u0434\u0435 \u0438\u0441\u043a\u0430\u0442\u044c \u043c\u043e\u0434\u0443\u043b\u0438 \u0438 \u0442.\u043f.)"}),"\n",(0,n.jsx)(t.li,{children:"\u041d\u043e\u0432\u044b\u0439 \u043f\u043e\u0434\u0445\u043e\u0434 \u043a \u0437\u0430\u0434\u0430\u0447\u0430\u043c"}),"\n"]}),"\n",(0,n.jsx)(t.h2,{id:"see-also",children:"\u0421\u043c. \u0442\u0430\u043a\u0436\u0435"}),"\n",(0,n.jsxs)(t.ul,{children:["\n",(0,n.jsx)(t.li,{children:(0,n.jsx)(t.a,{href:"https://t.me/feature_sliced/3360",children:"(\u0422\u0440\u0435\u0434) \u041f\u0440\u043e\u0441\u0442\u043e\u0442\u0430 \u0441\u0442\u0430\u0440\u044b\u0445 \u043f\u043e\u0434\u0445\u043e\u0434\u043e\u0432 \u0438 \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u0435 \u043e\u0441\u043e\u0437\u043d\u0430\u043d\u043d\u043e\u0441\u0442\u0438"})}),"\n",(0,n.jsx)(t.li,{children:(0,n.jsx)(t.a,{href:"https://t.me/feature_sliced/1918",children:"(\u0422\u0440\u0435\u0434) \u041f\u0440\u043e \u0443\u0434\u043e\u0431\u0441\u0442\u0432\u043e \u043f\u043e\u0438\u0441\u043a\u0430 \u043f\u043e \u0441\u043b\u043e\u044f\u043c"})}),"\n"]})]})}function h(e={}){const{wrapper:t}={...(0,r.R)(),...e.components};return t?(0,n.jsx)(t,{...e,children:(0,n.jsx)(u,{...e})}):u(e)}},1100:(e,t,i)=>{i.d(t,{R:()=>o,x:()=>a});var n=i(758);const r={},s=n.createContext(r);function o(e){const t=n.useContext(s);return n.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function a(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(r):e.components||r:o(e.components),n.createElement(s.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
+"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[9772],{1928:(e,t,i)=>{i.d(t,{Ay:()=>l,RM:()=>c});var n=i(6070),r=i(1100),s=(i(758),i(6783)),o=i(7765);const a=e=>{let{ticket:t}=e;const i=`https://github.com/feature-sliced/documentation/issues/${t}`;return(0,n.jsxs)("div",{children:[(0,n.jsx)("p",{children:(0,o.T)({id:"shared.wip.title"})}),(0,n.jsx)("p",{children:(0,o.T)({id:"shared.wip.subtitle"})}),(0,n.jsxs)("ul",{children:[(0,n.jsxs)("li",{children:[(0,o.T)({id:"shared.wip.var.feedback.base"}),(0,n.jsx)(s.A,{to:i,children:(0,o.T)({id:"shared.wip.var.feedback.link"})})]}),(0,n.jsxs)("li",{children:[(0,o.T)({id:"shared.wip.var.material.base"}),(0,n.jsx)(s.A,{to:"https://t.me/feature_sliced",children:(0,o.T)({id:"shared.wip.var.material.link"})})]}),(0,n.jsxs)("li",{children:[(0,o.T)({id:"shared.wip.var.contribute.base"}),(0,n.jsx)(s.A,{to:"https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md",children:(0,o.T)({id:"shared.wip.var.contribute.link"})})]})]}),(0,n.jsx)("br",{}),(0,n.jsx)("p",{children:(0,n.jsx)("i",{children:"\ud83c\udf70 Stay tuned!"})})]})},c=[];function d(e){const t={admonition:"admonition",...(0,r.R)(),...e.components};return(0,n.jsx)(t.admonition,{title:"WIP",type:"caution",children:(0,n.jsx)(a,{ticket:e.ticket})})}function l(e={}){const{wrapper:t}={...(0,r.R)(),...e.components};return t?(0,n.jsx)(t,{...e,children:(0,n.jsx)(d,{...e})}):d(e)}},2648:(e,t,i)=>{i.r(t),i.d(t,{assets:()=>d,contentTitle:()=>a,default:()=>h,frontMatter:()=>o,metadata:()=>c,toc:()=>l});var n=i(6070),r=i(1100),s=i(1928);const o={sidebar_position:3,sidebar_class_name:"sidebar-item--wip"},a="\u041f\u0440\u043e\u0434\u0432\u0438\u0436\u0435\u043d\u0438\u0435 \u0432 \u043a\u043e\u043c\u0430\u043d\u0434\u0435",c={id:"about/promote/for-team",title:"\u041f\u0440\u043e\u0434\u0432\u0438\u0436\u0435\u043d\u0438\u0435 \u0432 \u043a\u043e\u043c\u0430\u043d\u0434\u0435",description:"- \u041e\u043d\u0431\u043e\u0440\u0434\u0438\u043d\u0433 \u043d\u043e\u0432\u044b\u0445 \u043b\u044e\u0434\u0435\u0439",source:"@site/i18n/ru/docusaurus-plugin-content-docs/current/about/promote/for-team.mdx",sourceDirName:"about/promote",slug:"/about/promote/for-team",permalink:"/ru/docs/about/promote/for-team",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/ru/docusaurus-plugin-content-docs/current/about/promote/for-team.mdx",tags:[],version:"current",lastUpdatedAt:1728325386e3,sidebarPosition:3,frontMatter:{sidebar_position:3,sidebar_class_name:"sidebar-item--wip"},sidebar:"aboutSidebar",previous:{title:"\u0427\u0430\u0441\u0442\u0438\u0447\u043d\u043e\u0435 \u043f\u0440\u0438\u043c\u0435\u043d\u0435\u043d\u0438\u0435",permalink:"/ru/docs/about/promote/partial-application"},next:{title:"\u041f\u0440\u043e\u0434\u0432\u0438\u0436\u0435\u043d\u0438\u0435 \u0432 \u043a\u043e\u043c\u043f\u0430\u043d\u0438\u0438",permalink:"/ru/docs/about/promote/for-company"}},d={},l=[...s.RM,{value:"\u0421\u043c. \u0442\u0430\u043a\u0436\u0435",id:"see-also",level:2}];function u(e){const t={a:"a",h1:"h1",h2:"h2",header:"header",li:"li",ul:"ul",...(0,r.R)(),...e.components};return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(t.header,{children:(0,n.jsx)(t.h1,{id:"\u043f\u0440\u043e\u0434\u0432\u0438\u0436\u0435\u043d\u0438\u0435-\u0432-\u043a\u043e\u043c\u0430\u043d\u0434\u0435",children:"\u041f\u0440\u043e\u0434\u0432\u0438\u0436\u0435\u043d\u0438\u0435 \u0432 \u043a\u043e\u043c\u0430\u043d\u0434\u0435"})}),"\n",(0,n.jsx)(s.Ay,{ticket:"182"}),"\n",(0,n.jsxs)(t.ul,{children:["\n",(0,n.jsx)(t.li,{children:"\u041e\u043d\u0431\u043e\u0440\u0434\u0438\u043d\u0433 \u043d\u043e\u0432\u044b\u0445 \u043b\u044e\u0434\u0435\u0439"}),"\n",(0,n.jsx)(t.li,{children:"\u0413\u0430\u0439\u0434\u043b\u0430\u0439\u043d\u044b \u043f\u043e \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u0435 (\u0433\u0434\u0435 \u0438\u0441\u043a\u0430\u0442\u044c \u043c\u043e\u0434\u0443\u043b\u0438 \u0438 \u0442.\u043f.)"}),"\n",(0,n.jsx)(t.li,{children:"\u041d\u043e\u0432\u044b\u0439 \u043f\u043e\u0434\u0445\u043e\u0434 \u043a \u0437\u0430\u0434\u0430\u0447\u0430\u043c"}),"\n"]}),"\n",(0,n.jsx)(t.h2,{id:"see-also",children:"\u0421\u043c. \u0442\u0430\u043a\u0436\u0435"}),"\n",(0,n.jsxs)(t.ul,{children:["\n",(0,n.jsx)(t.li,{children:(0,n.jsx)(t.a,{href:"https://t.me/feature_sliced/3360",children:"(\u0422\u0440\u0435\u0434) \u041f\u0440\u043e\u0441\u0442\u043e\u0442\u0430 \u0441\u0442\u0430\u0440\u044b\u0445 \u043f\u043e\u0434\u0445\u043e\u0434\u043e\u0432 \u0438 \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u0435 \u043e\u0441\u043e\u0437\u043d\u0430\u043d\u043d\u043e\u0441\u0442\u0438"})}),"\n",(0,n.jsx)(t.li,{children:(0,n.jsx)(t.a,{href:"https://t.me/feature_sliced/1918",children:"(\u0422\u0440\u0435\u0434) \u041f\u0440\u043e \u0443\u0434\u043e\u0431\u0441\u0442\u0432\u043e \u043f\u043e\u0438\u0441\u043a\u0430 \u043f\u043e \u0441\u043b\u043e\u044f\u043c"})}),"\n"]})]})}function h(e={}){const{wrapper:t}={...(0,r.R)(),...e.components};return t?(0,n.jsx)(t,{...e,children:(0,n.jsx)(u,{...e})}):u(e)}},1100:(e,t,i)=>{i.d(t,{R:()=>o,x:()=>a});var n=i(758);const r={},s=n.createContext(r);function o(e){const t=n.useContext(s);return n.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function a(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(r):e.components||r:o(e.components),n.createElement(s.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
diff --git a/ru/assets/js/ce6f052d.37a3fe4c.js b/ru/assets/js/ce6f052d.9165050e.js
similarity index 99%
rename from ru/assets/js/ce6f052d.37a3fe4c.js
rename to ru/assets/js/ce6f052d.9165050e.js
index 7d7193d467..5a177de8ef 100644
--- a/ru/assets/js/ce6f052d.37a3fe4c.js
+++ b/ru/assets/js/ce6f052d.9165050e.js
@@ -1 +1 @@
-"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[8376],{5212:(e,n,i)=>{i.r(n),i.d(n,{assets:()=>c,contentTitle:()=>l,default:()=>u,frontMatter:()=>t,metadata:()=>o,toc:()=>d});var s=i(6070),r=i(1100);const t={sidebar_position:1},l="\u041c\u0438\u0441\u0441\u0438\u044f",o={id:"about/mission",title:"\u041c\u0438\u0441\u0441\u0438\u044f",description:"\u0417\u0434\u0435\u0441\u044c \u043e\u043f\u0438\u0441\u0430\u043d\u044b \u0446\u0435\u043b\u0438 \u0438 \u043e\u0433\u0440\u0430\u043d\u0438\u0447\u0435\u043d\u0438\u044f \u043f\u0440\u0438\u043c\u0435\u043d\u0438\u043c\u043e\u0441\u0442\u0438 \u043c\u0435\u0442\u043e\u0434\u043e\u043b\u043e\u0433\u0438\u0438, \u043a\u043e\u0442\u043e\u0440\u044b\u043c\u0438 \u043c\u044b \u0440\u0443\u043a\u043e\u0432\u043e\u0434\u0441\u0442\u0432\u0443\u0435\u043c\u0441\u044f \u043f\u0440\u0438 \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u0435 \u043c\u0435\u0442\u043e\u0434\u043e\u043b\u043e\u0433\u0438\u0438",source:"@site/i18n/ru/docusaurus-plugin-content-docs/current/about/mission.md",sourceDirName:"about",slug:"/about/mission",permalink:"/ru/docs/about/mission",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/ru/docusaurus-plugin-content-docs/current/about/mission.md",tags:[],version:"current",lastUpdatedAt:1727607766e3,sidebarPosition:1,frontMatter:{sidebar_position:1},sidebar:"aboutSidebar",previous:{title:"\ud83c\udf70 \u041e \u043c\u0435\u0442\u043e\u0434\u043e\u043b\u043e\u0433\u0438\u0438",permalink:"/ru/docs/about/"},next:{title:"\u041c\u043e\u0442\u0438\u0432\u0430\u0446\u0438\u044f",permalink:"/ru/docs/about/motivation"}},c={},d=[{value:"\u0426\u0435\u043b\u0438",id:"goals",level:2},{value:"\u0418\u043d\u0442\u0443\u0438\u0442\u0438\u0432\u043d\u0430\u044f \u043f\u043e\u043d\u044f\u0442\u043d\u043e\u0441\u0442\u044c \u0434\u043b\u044f \u0448\u0438\u0440\u043e\u043a\u043e\u0433\u043e \u043a\u0440\u0443\u0433\u0430 \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a\u043e\u0432",id:"intuitive-clarity-for-a-wide-range-of-developers",level:3},{value:"\u0420\u0435\u0448\u0435\u043d\u0438\u0435 \u043f\u043e\u0432\u0441\u0435\u0434\u043d\u0435\u0432\u043d\u044b\u0445 \u043f\u0440\u043e\u0431\u043b\u0435\u043c",id:"solving-everyday-problems",level:3},{value:"\u041e\u0433\u0440\u0430\u043d\u0438\u0447\u0435\u043d\u0438\u044f",id:"limitations",level:2},{value:"\u0421\u043c. \u0442\u0430\u043a\u0436\u0435",id:"see-also",level:2}];function a(e){const n={a:"a",blockquote:"blockquote",em:"em",h1:"h1",h2:"h2",h3:"h3",header:"header",li:"li",p:"p",strong:"strong",ul:"ul",...(0,r.R)(),...e.components};return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(n.header,{children:(0,s.jsx)(n.h1,{id:"\u043c\u0438\u0441\u0441\u0438\u044f",children:"\u041c\u0438\u0441\u0441\u0438\u044f"})}),"\n",(0,s.jsx)(n.p,{children:"\u0417\u0434\u0435\u0441\u044c \u043e\u043f\u0438\u0441\u0430\u043d\u044b \u0446\u0435\u043b\u0438 \u0438 \u043e\u0433\u0440\u0430\u043d\u0438\u0447\u0435\u043d\u0438\u044f \u043f\u0440\u0438\u043c\u0435\u043d\u0438\u043c\u043e\u0441\u0442\u0438 \u043c\u0435\u0442\u043e\u0434\u043e\u043b\u043e\u0433\u0438\u0438, \u043a\u043e\u0442\u043e\u0440\u044b\u043c\u0438 \u043c\u044b \u0440\u0443\u043a\u043e\u0432\u043e\u0434\u0441\u0442\u0432\u0443\u0435\u043c\u0441\u044f \u043f\u0440\u0438 \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u0435 \u043c\u0435\u0442\u043e\u0434\u043e\u043b\u043e\u0433\u0438\u0438"}),"\n",(0,s.jsxs)(n.ul,{children:["\n",(0,s.jsx)(n.li,{children:"\u041c\u044b \u0432\u0438\u0434\u0438\u043c \u043d\u0430\u0448\u0443 \u0446\u0435\u043b\u044c, \u043a\u0430\u043a \u0431\u0430\u043b\u0430\u043d\u0441 \u043c\u0435\u0436\u0434\u0443 \u0438\u0434\u0435\u043e\u043b\u043e\u0433\u0438\u0435\u0439 \u0438 \u043f\u0440\u043e\u0441\u0442\u043e\u0442\u043e\u0439"}),"\n",(0,s.jsx)(n.li,{children:"\u041c\u044b \u043d\u0435 \u0441\u043c\u043e\u0436\u0435\u043c \u0441\u0434\u0435\u043b\u0430\u0442\u044c \u0441\u0435\u0440\u0435\u0431\u0440\u044f\u043d\u0443\u044e \u043f\u0443\u043b\u044e, \u043a\u043e\u0442\u043e\u0440\u0430\u044f \u043f\u043e\u0434\u0445\u043e\u0434\u0438\u0442 \u0432\u0441\u0435\u043c"}),"\n"]}),"\n",(0,s.jsx)(n.p,{children:(0,s.jsx)(n.strong,{children:"\u0422\u0435\u043c \u043d\u0435 \u043c\u0435\u043d\u0435\u0435, \u0445\u043e\u0442\u0435\u043b\u043e\u0441\u044c \u0431\u044b, \u0447\u0442\u043e\u0431\u044b \u043c\u0435\u0442\u043e\u0434\u043e\u043b\u043e\u0433\u0438\u044f \u0431\u044b\u043b\u0430 \u0431\u043b\u0438\u0437\u043a\u0430 \u0438 \u0434\u043e\u0441\u0442\u0443\u043f\u043d\u0430 \u0434\u043e\u0441\u0442\u0430\u0442\u043e\u0447\u043d\u043e \u043e\u0431\u0448\u0438\u0440\u043d\u043e\u043c\u0443 \u043a\u0440\u0443\u0433\u0443 \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a\u043e\u0432"})}),"\n",(0,s.jsx)(n.h2,{id:"goals",children:"\u0426\u0435\u043b\u0438"}),"\n",(0,s.jsx)(n.h3,{id:"intuitive-clarity-for-a-wide-range-of-developers",children:"\u0418\u043d\u0442\u0443\u0438\u0442\u0438\u0432\u043d\u0430\u044f \u043f\u043e\u043d\u044f\u0442\u043d\u043e\u0441\u0442\u044c \u0434\u043b\u044f \u0448\u0438\u0440\u043e\u043a\u043e\u0433\u043e \u043a\u0440\u0443\u0433\u0430 \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a\u043e\u0432"}),"\n",(0,s.jsx)(n.p,{children:"\u041c\u0435\u0442\u043e\u0434\u043e\u043b\u043e\u0433\u0438\u044f \u0434\u043e\u043b\u0436\u043d\u0430 \u0431\u044b\u0442\u044c \u0434\u043e\u0441\u0442\u0443\u043f\u043d\u0430 - \u0431\u043e\u043b\u044c\u0448\u0435\u0439 \u0447\u0430\u0441\u0442\u0438 \u043a\u043e\u043c\u0430\u043d\u0434\u044b \u0432 \u043f\u0440\u043e\u0435\u043a\u0442\u0430\u0445"}),"\n",(0,s.jsx)(n.p,{children:(0,s.jsx)(n.em,{children:"\u0422.\u043a. \u0434\u0430\u0436\u0435 \u0441\u043e \u0432\u0441\u0435\u043c \u0431\u0443\u0434\u0443\u0449\u0438\u043c \u0438\u043d\u0441\u0442\u0440\u0443\u043c\u0435\u043d\u0442\u0430\u0440\u0438\u0435\u043c - \u0431\u0443\u0434\u0435\u0442 \u043d\u0435\u0434\u043e\u0441\u0442\u0430\u0442\u043e\u0447\u043d\u043e \u0442\u043e\u0433\u043e, \u0447\u0442\u043e\u0431\u044b \u043c\u0435\u0442\u043e\u0434\u043e\u043b\u043e\u0433\u0438\u044e \u043f\u043e\u043d\u0438\u043c\u0430\u043b\u0438 \u0442\u043e\u043b\u044c\u043a\u043e \u043f\u0440\u043e\u0436\u0436\u0435\u043d\u043d\u044b\u0435 \u0441\u0435\u043d\u044c\u043e\u0440\u044b/\u043b\u0438\u0434\u044b"})}),"\n",(0,s.jsx)(n.h3,{id:"solving-everyday-problems",children:"\u0420\u0435\u0448\u0435\u043d\u0438\u0435 \u043f\u043e\u0432\u0441\u0435\u0434\u043d\u0435\u0432\u043d\u044b\u0445 \u043f\u0440\u043e\u0431\u043b\u0435\u043c"}),"\n",(0,s.jsx)(n.p,{children:"\u0412 \u043c\u0435\u0442\u043e\u0434\u043e\u043b\u043e\u0433\u0438\u0438 \u0434\u043e\u043b\u0436\u043d\u044b \u0431\u044b\u0442\u044c \u0438\u0437\u043b\u043e\u0436\u0435\u043d\u044b \u043f\u0440\u0438\u0447\u0438\u043d\u044b \u0438 \u0440\u0435\u0448\u0435\u043d\u0438\u044f \u043d\u0430\u0448\u0438\u0445 \u043f\u043e\u0432\u0441\u0435\u0434\u043d\u0435\u0432\u043d\u044b\u0445 \u043f\u0440\u043e\u0431\u043b\u0435\u043c \u043f\u0440\u0438 \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u0435 \u043f\u0440\u043e\u0435\u043a\u0442\u043e\u0432"}),"\n",(0,s.jsxs)(n.p,{children:[(0,s.jsx)(n.strong,{children:"\u0410 \u0442\u0430\u043a\u0436\u0435 - \u043f\u0440\u0438\u043b\u043e\u0436\u0438\u0442\u044c \u043a\u043e \u0432\u0441\u0435\u043c\u0443 \u044d\u0442\u043e\u043c\u0443 \u0438\u043d\u0441\u0442\u0440\u0443\u043c\u0435\u043d\u0442\u0430\u0440\u0438\u0439 (cli, \u043b\u0438\u043d\u0442\u0435\u0440\u044b)"}),"\n\u0427\u0442\u043e\u0431\u044b \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a\u0438 \u043c\u043e\u0433\u043b\u0438 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c ",(0,s.jsx)(n.em,{children:"\u0432\u044b\u0432\u0435\u0440\u0435\u043d\u043d\u044b\u0439 \u043e\u043f\u044b\u0442\u043e\u043c"})," \u043f\u043e\u0434\u0445\u043e\u0434, \u043f\u043e\u0437\u0432\u043e\u043b\u044f\u044e\u0449\u0438\u0439 \u043e\u0431\u0445\u043e\u0434\u0438\u0442\u044c \u0434\u0430\u0432\u043d\u0438\u0435 \u043f\u0440\u043e\u0431\u043b\u0435\u043c\u044b \u0430\u0440\u0445\u0438\u0442\u0435\u043a\u0442\u0443\u0440\u044b \u0438 \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u0438"]}),"\n",(0,s.jsxs)(n.blockquote,{children:["\n",(0,s.jsx)(n.p,{children:(0,s.jsx)(n.em,{children:"@sergeysova: \u041f\u0440\u0435\u0434\u0441\u0442\u0430\u0432\u044c\u0442\u0435: \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a \u043f\u0438\u0448\u0435\u0442 \u043a\u043e\u0434 \u0432 \u0440\u0430\u043c\u043a\u0430\u0445 \u043c\u0435\u0442\u043e\u0434\u043e\u043b\u043e\u0433\u0438\u0438, \u0438 \u0443 \u043d\u0435\u0433\u043e \u043f\u0440\u043e\u0431\u043b\u0435\u043c\u044b \u0432\u043e\u0437\u043d\u0438\u043a\u0430\u044e\u0442 \u0440\u0430\u0437 \u0432 10 \u0440\u0435\u0436\u0435, \u043f\u0440\u043e\u0441\u0442\u043e \u043f\u043e\u0442\u043e\u043c\u0443 \u0447\u0442\u043e \u0434\u0440\u0443\u0433\u0438\u0435 \u043b\u044e\u0434\u0438 \u043f\u0440\u043e\u0434\u0443\u043c\u0430\u043b\u0438 \u0440\u0435\u0448\u0435\u043d\u0438\u0435 \u043c\u043d\u043e\u0433\u0438\u0445 \u043f\u0440\u043e\u0431\u043b\u0435\u043c."})}),"\n"]}),"\n",(0,s.jsx)(n.h2,{id:"limitations",children:"\u041e\u0433\u0440\u0430\u043d\u0438\u0447\u0435\u043d\u0438\u044f"}),"\n",(0,s.jsxs)(n.p,{children:["\u041c\u044b \u043d\u0435 \u0445\u043e\u0442\u0438\u043c ",(0,s.jsx)(n.em,{children:"\u043d\u0430\u0432\u044f\u0437\u044b\u0432\u0430\u0442\u044c \u043d\u0430\u0448\u0443 \u0442\u043e\u0447\u043a\u0443 \u0437\u0440\u0435\u043d\u0438\u044f"}),", \u0438 \u043e\u0434\u043d\u043e\u0432\u0440\u0435\u043c\u0435\u043d\u043d\u043e \u043f\u043e\u043d\u0438\u043c\u0430\u0435\u043c - \u0447\u0442\u043e ",(0,s.jsx)(n.em,{children:"\u043c\u043d\u043e\u0433\u0438\u0435 \u043d\u0430\u0448\u0438 \u043f\u0440\u0438\u0432\u044b\u0447\u043a\u0438, \u043a\u0430\u043a \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a\u043e\u0432, \u043c\u0435\u0448\u0430\u044e\u0442 \u0438\u0437\u043e \u0434\u043d\u044f \u0432 \u0434\u0435\u043d\u044c"})]}),"\n",(0,s.jsxs)(n.p,{children:["\u0423 \u0432\u0441\u0435\u0445 \u0441\u0432\u043e\u0439 \u0443\u0440\u043e\u0432\u0435\u043d\u044c \u043e\u043f\u044b\u0442\u0430 \u043f\u0440\u043e\u0435\u043a\u0442\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u044f \u0438 \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u0438 \u0441\u0438\u0441\u0442\u0435\u043c, ",(0,s.jsx)(n.strong,{children:"\u043f\u043e\u044d\u0442\u043e\u043c\u0443 \u0441\u0442\u043e\u0438\u0442 \u043f\u043e\u043d\u0438\u043c\u0430\u0442\u044c \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0435\u0435:"})]}),"\n",(0,s.jsxs)(n.ul,{children:["\n",(0,s.jsxs)(n.li,{children:[(0,s.jsx)(n.strong,{children:"\u041d\u0435 \u0432\u044b\u0439\u0434\u0435\u0442"}),": \u043e\u0447\u0435\u043d\u044c \u043f\u0440\u043e\u0441\u0442\u043e, \u043e\u0447\u0435\u043d\u044c \u043f\u043e\u043d\u044f\u0442\u043d\u043e, \u0434\u043b\u044f \u0432\u0441\u0435\u0445","\n",(0,s.jsxs)(n.blockquote,{children:["\n",(0,s.jsx)(n.p,{children:(0,s.jsx)(n.em,{children:"@sergeysova: \u041d\u0435\u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u043a\u043e\u043d\u0446\u0435\u043f\u0446\u0438\u0438 \u043d\u0435\u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e \u0438\u043d\u0442\u0443\u0438\u0442\u0438\u0432\u043d\u043e \u043f\u043e\u043d\u044f\u0442\u044c, \u043f\u043e\u043a\u0430 \u043d\u0435 \u0441\u0442\u043e\u043b\u043a\u043d\u0435\u0448\u044c\u0441\u044f \u0441 \u043f\u0440\u043e\u0431\u043b\u0435\u043c\u0430\u043c\u0438 \u0438 \u043d\u0435 \u043f\u0440\u043e\u0432\u0435\u0434\u0435\u0448\u044c \u0437\u0430 \u0440\u0435\u0448\u0435\u043d\u0438\u0435\u043c \u0433\u043e\u0434\u044b."})}),"\n",(0,s.jsxs)(n.ul,{children:["\n",(0,s.jsx)(n.li,{children:(0,s.jsx)(n.em,{children:"\u041f\u0440\u0438\u043c\u0435\u0440 \u0438\u0437 \u043c\u0430\u0442\u0435\u043c\u0430\u0442\u0438\u043a\u0438 \u2014 \u0442\u0435\u043e\u0440\u0438\u044f \u0433\u0440\u0430\u0444\u043e\u0432."})}),"\n",(0,s.jsx)(n.li,{children:(0,s.jsx)(n.em,{children:"\u041f\u0440\u0438\u043c\u0435\u0440 \u0438\u0437 \u0444\u0438\u0437\u0438\u043a\u0438 \u2014 \u043a\u0432\u0430\u043d\u0442\u043e\u0432\u0430\u044f \u043c\u0435\u0445\u0430\u043d\u0438\u043a\u0430."})}),"\n",(0,s.jsx)(n.li,{children:(0,s.jsx)(n.em,{children:"\u041f\u0440\u0438\u043c\u0435\u0440 \u0438\u0437 \u043f\u0440\u043e\u0433\u0440\u0430\u043c\u043c\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u044f \u2014 \u0430\u0440\u0445\u0438\u0442\u0435\u043a\u0442\u0443\u0440\u0430 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0439."})}),"\n"]}),"\n"]}),"\n"]}),"\n",(0,s.jsxs)(n.li,{children:[(0,s.jsx)(n.strong,{children:"\u0412\u043e\u0437\u043c\u043e\u0436\u043d\u044b \u0438 \u0436\u0435\u043b\u0430\u0442\u0435\u043b\u044c\u043d\u044b"}),": \u043f\u0440\u043e\u0441\u0442\u043e\u0442\u0430, \u0440\u0430\u0441\u0448\u0438\u0440\u044f\u0435\u043c\u043e\u0441\u0442\u044c"]}),"\n"]}),"\n",(0,s.jsx)(n.h2,{id:"see-also",children:"\u0421\u043c. \u0442\u0430\u043a\u0436\u0435"}),"\n",(0,s.jsxs)(n.ul,{children:["\n",(0,s.jsx)(n.li,{children:(0,s.jsx)(n.a,{href:"/docs/about/understanding/architecture#problems",children:"\u041f\u0440\u043e\u0431\u043b\u0435\u043c\u044b \u0430\u0440\u0445\u0438\u0442\u0435\u043a\u0442\u0443\u0440\u044b"})}),"\n"]})]})}function u(e={}){const{wrapper:n}={...(0,r.R)(),...e.components};return n?(0,s.jsx)(n,{...e,children:(0,s.jsx)(a,{...e})}):a(e)}},1100:(e,n,i)=>{i.d(n,{R:()=>l,x:()=>o});var s=i(758);const r={},t=s.createContext(r);function l(e){const n=s.useContext(t);return s.useMemo((function(){return"function"==typeof e?e(n):{...n,...e}}),[n,e])}function o(e){let n;return n=e.disableParentContext?"function"==typeof e.components?e.components(r):e.components||r:l(e.components),s.createElement(t.Provider,{value:n},e.children)}}}]);
\ No newline at end of file
+"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[8376],{5212:(e,n,i)=>{i.r(n),i.d(n,{assets:()=>c,contentTitle:()=>l,default:()=>u,frontMatter:()=>t,metadata:()=>o,toc:()=>d});var s=i(6070),r=i(1100);const t={sidebar_position:1},l="\u041c\u0438\u0441\u0441\u0438\u044f",o={id:"about/mission",title:"\u041c\u0438\u0441\u0441\u0438\u044f",description:"\u0417\u0434\u0435\u0441\u044c \u043e\u043f\u0438\u0441\u0430\u043d\u044b \u0446\u0435\u043b\u0438 \u0438 \u043e\u0433\u0440\u0430\u043d\u0438\u0447\u0435\u043d\u0438\u044f \u043f\u0440\u0438\u043c\u0435\u043d\u0438\u043c\u043e\u0441\u0442\u0438 \u043c\u0435\u0442\u043e\u0434\u043e\u043b\u043e\u0433\u0438\u0438, \u043a\u043e\u0442\u043e\u0440\u044b\u043c\u0438 \u043c\u044b \u0440\u0443\u043a\u043e\u0432\u043e\u0434\u0441\u0442\u0432\u0443\u0435\u043c\u0441\u044f \u043f\u0440\u0438 \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u0435 \u043c\u0435\u0442\u043e\u0434\u043e\u043b\u043e\u0433\u0438\u0438",source:"@site/i18n/ru/docusaurus-plugin-content-docs/current/about/mission.md",sourceDirName:"about",slug:"/about/mission",permalink:"/ru/docs/about/mission",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/ru/docusaurus-plugin-content-docs/current/about/mission.md",tags:[],version:"current",lastUpdatedAt:1728325386e3,sidebarPosition:1,frontMatter:{sidebar_position:1},sidebar:"aboutSidebar",previous:{title:"\ud83c\udf70 \u041e \u043c\u0435\u0442\u043e\u0434\u043e\u043b\u043e\u0433\u0438\u0438",permalink:"/ru/docs/about/"},next:{title:"\u041c\u043e\u0442\u0438\u0432\u0430\u0446\u0438\u044f",permalink:"/ru/docs/about/motivation"}},c={},d=[{value:"\u0426\u0435\u043b\u0438",id:"goals",level:2},{value:"\u0418\u043d\u0442\u0443\u0438\u0442\u0438\u0432\u043d\u0430\u044f \u043f\u043e\u043d\u044f\u0442\u043d\u043e\u0441\u0442\u044c \u0434\u043b\u044f \u0448\u0438\u0440\u043e\u043a\u043e\u0433\u043e \u043a\u0440\u0443\u0433\u0430 \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a\u043e\u0432",id:"intuitive-clarity-for-a-wide-range-of-developers",level:3},{value:"\u0420\u0435\u0448\u0435\u043d\u0438\u0435 \u043f\u043e\u0432\u0441\u0435\u0434\u043d\u0435\u0432\u043d\u044b\u0445 \u043f\u0440\u043e\u0431\u043b\u0435\u043c",id:"solving-everyday-problems",level:3},{value:"\u041e\u0433\u0440\u0430\u043d\u0438\u0447\u0435\u043d\u0438\u044f",id:"limitations",level:2},{value:"\u0421\u043c. \u0442\u0430\u043a\u0436\u0435",id:"see-also",level:2}];function a(e){const n={a:"a",blockquote:"blockquote",em:"em",h1:"h1",h2:"h2",h3:"h3",header:"header",li:"li",p:"p",strong:"strong",ul:"ul",...(0,r.R)(),...e.components};return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(n.header,{children:(0,s.jsx)(n.h1,{id:"\u043c\u0438\u0441\u0441\u0438\u044f",children:"\u041c\u0438\u0441\u0441\u0438\u044f"})}),"\n",(0,s.jsx)(n.p,{children:"\u0417\u0434\u0435\u0441\u044c \u043e\u043f\u0438\u0441\u0430\u043d\u044b \u0446\u0435\u043b\u0438 \u0438 \u043e\u0433\u0440\u0430\u043d\u0438\u0447\u0435\u043d\u0438\u044f \u043f\u0440\u0438\u043c\u0435\u043d\u0438\u043c\u043e\u0441\u0442\u0438 \u043c\u0435\u0442\u043e\u0434\u043e\u043b\u043e\u0433\u0438\u0438, \u043a\u043e\u0442\u043e\u0440\u044b\u043c\u0438 \u043c\u044b \u0440\u0443\u043a\u043e\u0432\u043e\u0434\u0441\u0442\u0432\u0443\u0435\u043c\u0441\u044f \u043f\u0440\u0438 \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u0435 \u043c\u0435\u0442\u043e\u0434\u043e\u043b\u043e\u0433\u0438\u0438"}),"\n",(0,s.jsxs)(n.ul,{children:["\n",(0,s.jsx)(n.li,{children:"\u041c\u044b \u0432\u0438\u0434\u0438\u043c \u043d\u0430\u0448\u0443 \u0446\u0435\u043b\u044c, \u043a\u0430\u043a \u0431\u0430\u043b\u0430\u043d\u0441 \u043c\u0435\u0436\u0434\u0443 \u0438\u0434\u0435\u043e\u043b\u043e\u0433\u0438\u0435\u0439 \u0438 \u043f\u0440\u043e\u0441\u0442\u043e\u0442\u043e\u0439"}),"\n",(0,s.jsx)(n.li,{children:"\u041c\u044b \u043d\u0435 \u0441\u043c\u043e\u0436\u0435\u043c \u0441\u0434\u0435\u043b\u0430\u0442\u044c \u0441\u0435\u0440\u0435\u0431\u0440\u044f\u043d\u0443\u044e \u043f\u0443\u043b\u044e, \u043a\u043e\u0442\u043e\u0440\u0430\u044f \u043f\u043e\u0434\u0445\u043e\u0434\u0438\u0442 \u0432\u0441\u0435\u043c"}),"\n"]}),"\n",(0,s.jsx)(n.p,{children:(0,s.jsx)(n.strong,{children:"\u0422\u0435\u043c \u043d\u0435 \u043c\u0435\u043d\u0435\u0435, \u0445\u043e\u0442\u0435\u043b\u043e\u0441\u044c \u0431\u044b, \u0447\u0442\u043e\u0431\u044b \u043c\u0435\u0442\u043e\u0434\u043e\u043b\u043e\u0433\u0438\u044f \u0431\u044b\u043b\u0430 \u0431\u043b\u0438\u0437\u043a\u0430 \u0438 \u0434\u043e\u0441\u0442\u0443\u043f\u043d\u0430 \u0434\u043e\u0441\u0442\u0430\u0442\u043e\u0447\u043d\u043e \u043e\u0431\u0448\u0438\u0440\u043d\u043e\u043c\u0443 \u043a\u0440\u0443\u0433\u0443 \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a\u043e\u0432"})}),"\n",(0,s.jsx)(n.h2,{id:"goals",children:"\u0426\u0435\u043b\u0438"}),"\n",(0,s.jsx)(n.h3,{id:"intuitive-clarity-for-a-wide-range-of-developers",children:"\u0418\u043d\u0442\u0443\u0438\u0442\u0438\u0432\u043d\u0430\u044f \u043f\u043e\u043d\u044f\u0442\u043d\u043e\u0441\u0442\u044c \u0434\u043b\u044f \u0448\u0438\u0440\u043e\u043a\u043e\u0433\u043e \u043a\u0440\u0443\u0433\u0430 \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a\u043e\u0432"}),"\n",(0,s.jsx)(n.p,{children:"\u041c\u0435\u0442\u043e\u0434\u043e\u043b\u043e\u0433\u0438\u044f \u0434\u043e\u043b\u0436\u043d\u0430 \u0431\u044b\u0442\u044c \u0434\u043e\u0441\u0442\u0443\u043f\u043d\u0430 - \u0431\u043e\u043b\u044c\u0448\u0435\u0439 \u0447\u0430\u0441\u0442\u0438 \u043a\u043e\u043c\u0430\u043d\u0434\u044b \u0432 \u043f\u0440\u043e\u0435\u043a\u0442\u0430\u0445"}),"\n",(0,s.jsx)(n.p,{children:(0,s.jsx)(n.em,{children:"\u0422.\u043a. \u0434\u0430\u0436\u0435 \u0441\u043e \u0432\u0441\u0435\u043c \u0431\u0443\u0434\u0443\u0449\u0438\u043c \u0438\u043d\u0441\u0442\u0440\u0443\u043c\u0435\u043d\u0442\u0430\u0440\u0438\u0435\u043c - \u0431\u0443\u0434\u0435\u0442 \u043d\u0435\u0434\u043e\u0441\u0442\u0430\u0442\u043e\u0447\u043d\u043e \u0442\u043e\u0433\u043e, \u0447\u0442\u043e\u0431\u044b \u043c\u0435\u0442\u043e\u0434\u043e\u043b\u043e\u0433\u0438\u044e \u043f\u043e\u043d\u0438\u043c\u0430\u043b\u0438 \u0442\u043e\u043b\u044c\u043a\u043e \u043f\u0440\u043e\u0436\u0436\u0435\u043d\u043d\u044b\u0435 \u0441\u0435\u043d\u044c\u043e\u0440\u044b/\u043b\u0438\u0434\u044b"})}),"\n",(0,s.jsx)(n.h3,{id:"solving-everyday-problems",children:"\u0420\u0435\u0448\u0435\u043d\u0438\u0435 \u043f\u043e\u0432\u0441\u0435\u0434\u043d\u0435\u0432\u043d\u044b\u0445 \u043f\u0440\u043e\u0431\u043b\u0435\u043c"}),"\n",(0,s.jsx)(n.p,{children:"\u0412 \u043c\u0435\u0442\u043e\u0434\u043e\u043b\u043e\u0433\u0438\u0438 \u0434\u043e\u043b\u0436\u043d\u044b \u0431\u044b\u0442\u044c \u0438\u0437\u043b\u043e\u0436\u0435\u043d\u044b \u043f\u0440\u0438\u0447\u0438\u043d\u044b \u0438 \u0440\u0435\u0448\u0435\u043d\u0438\u044f \u043d\u0430\u0448\u0438\u0445 \u043f\u043e\u0432\u0441\u0435\u0434\u043d\u0435\u0432\u043d\u044b\u0445 \u043f\u0440\u043e\u0431\u043b\u0435\u043c \u043f\u0440\u0438 \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u0435 \u043f\u0440\u043e\u0435\u043a\u0442\u043e\u0432"}),"\n",(0,s.jsxs)(n.p,{children:[(0,s.jsx)(n.strong,{children:"\u0410 \u0442\u0430\u043a\u0436\u0435 - \u043f\u0440\u0438\u043b\u043e\u0436\u0438\u0442\u044c \u043a\u043e \u0432\u0441\u0435\u043c\u0443 \u044d\u0442\u043e\u043c\u0443 \u0438\u043d\u0441\u0442\u0440\u0443\u043c\u0435\u043d\u0442\u0430\u0440\u0438\u0439 (cli, \u043b\u0438\u043d\u0442\u0435\u0440\u044b)"}),"\n\u0427\u0442\u043e\u0431\u044b \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a\u0438 \u043c\u043e\u0433\u043b\u0438 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c ",(0,s.jsx)(n.em,{children:"\u0432\u044b\u0432\u0435\u0440\u0435\u043d\u043d\u044b\u0439 \u043e\u043f\u044b\u0442\u043e\u043c"})," \u043f\u043e\u0434\u0445\u043e\u0434, \u043f\u043e\u0437\u0432\u043e\u043b\u044f\u044e\u0449\u0438\u0439 \u043e\u0431\u0445\u043e\u0434\u0438\u0442\u044c \u0434\u0430\u0432\u043d\u0438\u0435 \u043f\u0440\u043e\u0431\u043b\u0435\u043c\u044b \u0430\u0440\u0445\u0438\u0442\u0435\u043a\u0442\u0443\u0440\u044b \u0438 \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u0438"]}),"\n",(0,s.jsxs)(n.blockquote,{children:["\n",(0,s.jsx)(n.p,{children:(0,s.jsx)(n.em,{children:"@sergeysova: \u041f\u0440\u0435\u0434\u0441\u0442\u0430\u0432\u044c\u0442\u0435: \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a \u043f\u0438\u0448\u0435\u0442 \u043a\u043e\u0434 \u0432 \u0440\u0430\u043c\u043a\u0430\u0445 \u043c\u0435\u0442\u043e\u0434\u043e\u043b\u043e\u0433\u0438\u0438, \u0438 \u0443 \u043d\u0435\u0433\u043e \u043f\u0440\u043e\u0431\u043b\u0435\u043c\u044b \u0432\u043e\u0437\u043d\u0438\u043a\u0430\u044e\u0442 \u0440\u0430\u0437 \u0432 10 \u0440\u0435\u0436\u0435, \u043f\u0440\u043e\u0441\u0442\u043e \u043f\u043e\u0442\u043e\u043c\u0443 \u0447\u0442\u043e \u0434\u0440\u0443\u0433\u0438\u0435 \u043b\u044e\u0434\u0438 \u043f\u0440\u043e\u0434\u0443\u043c\u0430\u043b\u0438 \u0440\u0435\u0448\u0435\u043d\u0438\u0435 \u043c\u043d\u043e\u0433\u0438\u0445 \u043f\u0440\u043e\u0431\u043b\u0435\u043c."})}),"\n"]}),"\n",(0,s.jsx)(n.h2,{id:"limitations",children:"\u041e\u0433\u0440\u0430\u043d\u0438\u0447\u0435\u043d\u0438\u044f"}),"\n",(0,s.jsxs)(n.p,{children:["\u041c\u044b \u043d\u0435 \u0445\u043e\u0442\u0438\u043c ",(0,s.jsx)(n.em,{children:"\u043d\u0430\u0432\u044f\u0437\u044b\u0432\u0430\u0442\u044c \u043d\u0430\u0448\u0443 \u0442\u043e\u0447\u043a\u0443 \u0437\u0440\u0435\u043d\u0438\u044f"}),", \u0438 \u043e\u0434\u043d\u043e\u0432\u0440\u0435\u043c\u0435\u043d\u043d\u043e \u043f\u043e\u043d\u0438\u043c\u0430\u0435\u043c - \u0447\u0442\u043e ",(0,s.jsx)(n.em,{children:"\u043c\u043d\u043e\u0433\u0438\u0435 \u043d\u0430\u0448\u0438 \u043f\u0440\u0438\u0432\u044b\u0447\u043a\u0438, \u043a\u0430\u043a \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a\u043e\u0432, \u043c\u0435\u0448\u0430\u044e\u0442 \u0438\u0437\u043e \u0434\u043d\u044f \u0432 \u0434\u0435\u043d\u044c"})]}),"\n",(0,s.jsxs)(n.p,{children:["\u0423 \u0432\u0441\u0435\u0445 \u0441\u0432\u043e\u0439 \u0443\u0440\u043e\u0432\u0435\u043d\u044c \u043e\u043f\u044b\u0442\u0430 \u043f\u0440\u043e\u0435\u043a\u0442\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u044f \u0438 \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u0438 \u0441\u0438\u0441\u0442\u0435\u043c, ",(0,s.jsx)(n.strong,{children:"\u043f\u043e\u044d\u0442\u043e\u043c\u0443 \u0441\u0442\u043e\u0438\u0442 \u043f\u043e\u043d\u0438\u043c\u0430\u0442\u044c \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0435\u0435:"})]}),"\n",(0,s.jsxs)(n.ul,{children:["\n",(0,s.jsxs)(n.li,{children:[(0,s.jsx)(n.strong,{children:"\u041d\u0435 \u0432\u044b\u0439\u0434\u0435\u0442"}),": \u043e\u0447\u0435\u043d\u044c \u043f\u0440\u043e\u0441\u0442\u043e, \u043e\u0447\u0435\u043d\u044c \u043f\u043e\u043d\u044f\u0442\u043d\u043e, \u0434\u043b\u044f \u0432\u0441\u0435\u0445","\n",(0,s.jsxs)(n.blockquote,{children:["\n",(0,s.jsx)(n.p,{children:(0,s.jsx)(n.em,{children:"@sergeysova: \u041d\u0435\u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u043a\u043e\u043d\u0446\u0435\u043f\u0446\u0438\u0438 \u043d\u0435\u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e \u0438\u043d\u0442\u0443\u0438\u0442\u0438\u0432\u043d\u043e \u043f\u043e\u043d\u044f\u0442\u044c, \u043f\u043e\u043a\u0430 \u043d\u0435 \u0441\u0442\u043e\u043b\u043a\u043d\u0435\u0448\u044c\u0441\u044f \u0441 \u043f\u0440\u043e\u0431\u043b\u0435\u043c\u0430\u043c\u0438 \u0438 \u043d\u0435 \u043f\u0440\u043e\u0432\u0435\u0434\u0435\u0448\u044c \u0437\u0430 \u0440\u0435\u0448\u0435\u043d\u0438\u0435\u043c \u0433\u043e\u0434\u044b."})}),"\n",(0,s.jsxs)(n.ul,{children:["\n",(0,s.jsx)(n.li,{children:(0,s.jsx)(n.em,{children:"\u041f\u0440\u0438\u043c\u0435\u0440 \u0438\u0437 \u043c\u0430\u0442\u0435\u043c\u0430\u0442\u0438\u043a\u0438 \u2014 \u0442\u0435\u043e\u0440\u0438\u044f \u0433\u0440\u0430\u0444\u043e\u0432."})}),"\n",(0,s.jsx)(n.li,{children:(0,s.jsx)(n.em,{children:"\u041f\u0440\u0438\u043c\u0435\u0440 \u0438\u0437 \u0444\u0438\u0437\u0438\u043a\u0438 \u2014 \u043a\u0432\u0430\u043d\u0442\u043e\u0432\u0430\u044f \u043c\u0435\u0445\u0430\u043d\u0438\u043a\u0430."})}),"\n",(0,s.jsx)(n.li,{children:(0,s.jsx)(n.em,{children:"\u041f\u0440\u0438\u043c\u0435\u0440 \u0438\u0437 \u043f\u0440\u043e\u0433\u0440\u0430\u043c\u043c\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u044f \u2014 \u0430\u0440\u0445\u0438\u0442\u0435\u043a\u0442\u0443\u0440\u0430 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0439."})}),"\n"]}),"\n"]}),"\n"]}),"\n",(0,s.jsxs)(n.li,{children:[(0,s.jsx)(n.strong,{children:"\u0412\u043e\u0437\u043c\u043e\u0436\u043d\u044b \u0438 \u0436\u0435\u043b\u0430\u0442\u0435\u043b\u044c\u043d\u044b"}),": \u043f\u0440\u043e\u0441\u0442\u043e\u0442\u0430, \u0440\u0430\u0441\u0448\u0438\u0440\u044f\u0435\u043c\u043e\u0441\u0442\u044c"]}),"\n"]}),"\n",(0,s.jsx)(n.h2,{id:"see-also",children:"\u0421\u043c. \u0442\u0430\u043a\u0436\u0435"}),"\n",(0,s.jsxs)(n.ul,{children:["\n",(0,s.jsx)(n.li,{children:(0,s.jsx)(n.a,{href:"/docs/about/understanding/architecture#problems",children:"\u041f\u0440\u043e\u0431\u043b\u0435\u043c\u044b \u0430\u0440\u0445\u0438\u0442\u0435\u043a\u0442\u0443\u0440\u044b"})}),"\n"]})]})}function u(e={}){const{wrapper:n}={...(0,r.R)(),...e.components};return n?(0,s.jsx)(n,{...e,children:(0,s.jsx)(a,{...e})}):a(e)}},1100:(e,n,i)=>{i.d(n,{R:()=>l,x:()=>o});var s=i(758);const r={},t=s.createContext(r);function l(e){const n=s.useContext(t);return s.useMemo((function(){return"function"==typeof e?e(n):{...n,...e}}),[n,e])}function o(e){let n;return n=e.disableParentContext?"function"==typeof e.components?e.components(r):e.components||r:l(e.components),s.createElement(t.Provider,{value:n},e.children)}}}]);
\ No newline at end of file
diff --git a/ru/assets/js/cf699f5e.925b3e3f.js b/ru/assets/js/cf699f5e.5f7993d4.js
similarity index 99%
rename from ru/assets/js/cf699f5e.925b3e3f.js
rename to ru/assets/js/cf699f5e.5f7993d4.js
index 4980febfd2..038eb3cb58 100644
--- a/ru/assets/js/cf699f5e.925b3e3f.js
+++ b/ru/assets/js/cf699f5e.5f7993d4.js
@@ -1 +1 @@
-"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[1068],{8094:(e,n,s)=>{s.r(n),s.d(n,{assets:()=>t,contentTitle:()=>d,default:()=>j,frontMatter:()=>l,metadata:()=>c,toc:()=>h});var i=s(6070),r=s(1100);const l={sidebar_position:1},d="\u041e\u0431\u0437\u043e\u0440",c={id:"get-started/overview",title:"\u041e\u0431\u0437\u043e\u0440",description:"Feature-Sliced Design (FSD) \u2014 \u044d\u0442\u043e \u0430\u0440\u0445\u0438\u0442\u0435\u043a\u0442\u0443\u0440\u043d\u0430\u044f \u043c\u0435\u0442\u043e\u0434\u043e\u043b\u043e\u0433\u0438\u044f \u0434\u043b\u044f \u043f\u0440\u043e\u0435\u043a\u0442\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u044f \u0444\u0440\u043e\u043d\u0442\u0435\u043d\u0434-\u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0439. \u041f\u0440\u043e\u0449\u0435 \u0433\u043e\u0432\u043e\u0440\u044f, \u044d\u0442\u043e \u043d\u0430\u0431\u043e\u0440 \u043f\u0440\u0430\u0432\u0438\u043b \u0438 \u0441\u043e\u0433\u043b\u0430\u0448\u0435\u043d\u0438\u0439 \u043f\u043e \u043e\u0440\u0433\u0430\u043d\u0438\u0437\u0430\u0446\u0438\u0438 \u043a\u043e\u0434\u0430. \u0413\u043b\u0430\u0432\u043d\u0430\u044f \u0446\u0435\u043b\u044c \u044d\u0442\u043e\u0439 \u043c\u0435\u0442\u043e\u0434\u043e\u043b\u043e\u0433\u0438\u0438 \u2014 \u0441\u0434\u0435\u043b\u0430\u0442\u044c \u043f\u0440\u043e\u0435\u043a\u0442 \u043f\u043e\u043d\u044f\u0442\u043d\u0435\u0435 \u0438 \u0441\u0442\u0430\u0431\u0438\u043b\u044c\u043d\u0435\u0435 \u0432 \u0443\u0441\u043b\u043e\u0432\u0438\u044f\u0445 \u043f\u043e\u0441\u0442\u043e\u044f\u043d\u043d\u043e \u043c\u0435\u043d\u044f\u044e\u0449\u0438\u0445\u0441\u044f \u0431\u0438\u0437\u043d\u0435\u0441-\u0442\u0440\u0435\u0431\u043e\u0432\u0430\u043d\u0438\u0439.",source:"@site/i18n/ru/docusaurus-plugin-content-docs/current/get-started/overview.mdx",sourceDirName:"get-started",slug:"/get-started/overview",permalink:"/ru/docs/get-started/overview",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/ru/docusaurus-plugin-content-docs/current/get-started/overview.mdx",tags:[],version:"current",lastUpdatedAt:1727607766e3,sidebarPosition:1,frontMatter:{sidebar_position:1},sidebar:"getstartedSidebar",previous:{title:"\ud83d\ude80 \u0411\u044b\u0441\u0442\u0440\u044b\u0439 \u0441\u0442\u0430\u0440\u0442",permalink:"/ru/docs/get-started/"},next:{title:"\u0422\u0443\u0442\u043e\u0440\u0438\u0430\u043b",permalink:"/ru/docs/get-started/tutorial"}},t={},h=[{value:"\u041f\u043e\u0434\u0445\u043e\u0434\u0438\u0442 \u043b\u0438 FSD \u043c\u043d\u0435?",id:"is-it-right-for-me",level:2},{value:"\u0411\u0430\u0437\u043e\u0432\u044b\u0439 \u043f\u0440\u0438\u043c\u0435\u0440",id:"basic-example",level:2},{value:"\u041f\u043e\u043d\u044f\u0442\u0438\u044f",id:"concepts",level:2},{value:"\u0421\u043b\u043e\u0438",id:"layers",level:3},{value:"\u0421\u043b\u0430\u0439\u0441\u044b",id:"slices",level:3},{value:"\u0421\u0435\u0433\u043c\u0435\u043d\u0442\u044b",id:"segments",level:3},{value:"\u041f\u0440\u0435\u0438\u043c\u0443\u0449\u0435\u0441\u0442\u0432\u0430",id:"advantages",level:2},{value:"\u041f\u043e\u0441\u0442\u0435\u043f\u0435\u043d\u043d\u043e\u0435 \u0432\u043d\u0435\u0434\u0440\u0435\u043d\u0438\u0435",id:"incremental-adoption",level:2},{value:"\u0421\u043b\u0435\u0434\u0443\u044e\u0449\u0438\u0435 \u0448\u0430\u0433\u0438",id:"next-steps",level:2}];function x(e){const n={a:"a",br:"br",code:"code",em:"em",h1:"h1",h2:"h2",h3:"h3",header:"header",img:"img",li:"li",ol:"ol",p:"p",strong:"strong",ul:"ul",...(0,r.R)(),...e.components};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(n.header,{children:(0,i.jsx)(n.h1,{id:"\u043e\u0431\u0437\u043e\u0440",children:"\u041e\u0431\u0437\u043e\u0440"})}),"\n",(0,i.jsxs)(n.p,{children:[(0,i.jsx)(n.strong,{children:"Feature-Sliced Design"})," (FSD) \u2014 \u044d\u0442\u043e \u0430\u0440\u0445\u0438\u0442\u0435\u043a\u0442\u0443\u0440\u043d\u0430\u044f \u043c\u0435\u0442\u043e\u0434\u043e\u043b\u043e\u0433\u0438\u044f \u0434\u043b\u044f \u043f\u0440\u043e\u0435\u043a\u0442\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u044f \u0444\u0440\u043e\u043d\u0442\u0435\u043d\u0434-\u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0439. \u041f\u0440\u043e\u0449\u0435 \u0433\u043e\u0432\u043e\u0440\u044f, \u044d\u0442\u043e \u043d\u0430\u0431\u043e\u0440 \u043f\u0440\u0430\u0432\u0438\u043b \u0438 \u0441\u043e\u0433\u043b\u0430\u0448\u0435\u043d\u0438\u0439 \u043f\u043e \u043e\u0440\u0433\u0430\u043d\u0438\u0437\u0430\u0446\u0438\u0438 \u043a\u043e\u0434\u0430. \u0413\u043b\u0430\u0432\u043d\u0430\u044f \u0446\u0435\u043b\u044c \u044d\u0442\u043e\u0439 \u043c\u0435\u0442\u043e\u0434\u043e\u043b\u043e\u0433\u0438\u0438 \u2014 \u0441\u0434\u0435\u043b\u0430\u0442\u044c \u043f\u0440\u043e\u0435\u043a\u0442 \u043f\u043e\u043d\u044f\u0442\u043d\u0435\u0435 \u0438 \u0441\u0442\u0430\u0431\u0438\u043b\u044c\u043d\u0435\u0435 \u0432 \u0443\u0441\u043b\u043e\u0432\u0438\u044f\u0445 \u043f\u043e\u0441\u0442\u043e\u044f\u043d\u043d\u043e \u043c\u0435\u043d\u044f\u044e\u0449\u0438\u0445\u0441\u044f \u0431\u0438\u0437\u043d\u0435\u0441-\u0442\u0440\u0435\u0431\u043e\u0432\u0430\u043d\u0438\u0439."]}),"\n",(0,i.jsxs)(n.p,{children:["\u041f\u043e\u043c\u0438\u043c\u043e \u043d\u0430\u0431\u043e\u0440\u0430 \u043f\u0440\u0430\u0432\u0438\u043b, FSD \u2014 \u044d\u0442\u043e \u0442\u0430\u043a\u0436\u0435 \u0446\u0435\u043b\u044b\u0439 \u0438\u043d\u0441\u0442\u0440\u0443\u043c\u0435\u043d\u0442\u0430\u0440\u0438\u0439. \u0423 \u043d\u0430\u0441 \u0435\u0441\u0442\u044c ",(0,i.jsx)(n.a,{href:"https://github.com/feature-sliced/steiger",children:"\u043b\u0438\u043d\u0442\u0435\u0440"})," \u0434\u043b\u044f \u043f\u0440\u043e\u0432\u0435\u0440\u043a\u0438 \u0430\u0440\u0445\u0438\u0442\u0435\u043a\u0442\u0443\u0440\u044b \u0432\u0430\u0448\u0435\u0433\u043e \u043f\u0440\u043e\u0435\u043a\u0442\u0430, ",(0,i.jsx)(n.a,{href:"https://github.com/feature-sliced/awesome?tab=readme-ov-file#tools",children:"\u0433\u0435\u043d\u0435\u0440\u0430\u0442\u043e\u0440\u044b \u043f\u0430\u043f\u043e\u043a"})," \u0447\u0435\u0440\u0435\u0437 CLI \u0438\u043b\u0438 IDE, \u0430 \u0442\u0430\u043a\u0436\u0435 \u0431\u043e\u0433\u0430\u0442\u0430\u044f \u0431\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a\u0430 ",(0,i.jsx)(n.a,{href:"/examples",children:"\u043f\u0440\u0438\u043c\u0435\u0440\u043e\u0432"}),"."]}),"\n",(0,i.jsx)(n.h2,{id:"is-it-right-for-me",children:"\u041f\u043e\u0434\u0445\u043e\u0434\u0438\u0442 \u043b\u0438 FSD \u043c\u043d\u0435?"}),"\n",(0,i.jsx)(n.p,{children:"FSD \u043c\u043e\u0436\u043d\u043e \u0432\u043d\u0435\u0434\u0440\u044f\u0442\u044c \u0432 \u043f\u0440\u043e\u0435\u043a\u0442\u0430\u0445 \u0438 \u043a\u043e\u043c\u0430\u043d\u0434\u0430\u0445 \u043b\u044e\u0431\u043e\u0433\u043e \u0440\u0430\u0437\u043c\u0435\u0440\u0430. \u041e\u043d\u0430 \u043f\u043e\u0434\u0445\u043e\u0434\u0438\u0442 \u0434\u043b\u044f \u0432\u0430\u0448\u0435\u0433\u043e \u043f\u0440\u043e\u0435\u043a\u0442\u0430, \u0435\u0441\u043b\u0438:"}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsxs)(n.li,{children:["\u0412\u044b \u0437\u0430\u043d\u0438\u043c\u0430\u0435\u0442\u0435\u0441\u044c ",(0,i.jsx)(n.strong,{children:"\u0444\u0440\u043e\u043d\u0442\u0435\u043d\u0434"}),"-\u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u043e\u0439 (\u0438\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441\u044b \u0434\u043b\u044f \u0441\u0430\u0439\u0442\u043e\u0432, \u043c\u043e\u0431\u0438\u043b\u044c\u043d\u044b\u0445/\u0434\u0435\u0441\u043a\u0442\u043e\u043f\u043d\u044b\u0445 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0439, \u0438 \u0442. \u0434.)"]}),"\n",(0,i.jsxs)(n.li,{children:["\u0412\u044b \u0440\u0430\u0437\u0440\u0430\u0431\u0430\u0442\u044b\u0432\u0430\u0435\u0442\u0435 ",(0,i.jsx)(n.strong,{children:"\u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0435"}),", \u0430 \u043d\u0435 \u0431\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a\u0443"]}),"\n"]}),"\n",(0,i.jsx)(n.p,{children:"\u0418 \u044d\u0442\u043e \u0432\u0441\u0435! \u041d\u0435\u0442 \u043d\u0438\u043a\u0430\u043a\u0438\u0445 \u043e\u0433\u0440\u0430\u043d\u0438\u0447\u0435\u043d\u0438\u0439 \u043d\u0430 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u043c\u044b\u0439 \u0432\u0430\u043c\u0438 \u044f\u0437\u044b\u043a \u043f\u0440\u043e\u0433\u0440\u0430\u043c\u043c\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u044f, \u0444\u0440\u0435\u0439\u043c\u0432\u043e\u0440\u043a \u0438\u043b\u0438 \u0441\u0442\u0435\u0439\u0442-\u043c\u0435\u043d\u0435\u0434\u0436\u0435\u0440. \u0415\u0449\u0451 \u0432\u044b \u043c\u043e\u0436\u0435\u0442\u0435 \u0432\u043d\u0435\u0434\u0440\u044f\u0442\u044c FSD \u043f\u043e\u0441\u0442\u0435\u043f\u0435\u043d\u043d\u043e, \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u0435\u0433\u043e \u0432 \u043c\u043e\u043d\u043e\u0440\u0435\u043f\u043e\u0437\u0438\u0442\u043e\u0440\u0438\u044f\u0445, \u0438 \u043c\u0430\u0441\u0448\u0442\u0430\u0431\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u0435\u0433\u043e \u0445\u043e\u0442\u044c \u0434\u043e \u043b\u0443\u043d\u044b, \u0440\u0430\u0437\u0434\u0435\u043b\u044f\u044f \u0432\u0430\u0448\u0435 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0435 \u043d\u0430 \u043f\u0430\u043a\u0435\u0442\u044b \u0438 \u0432\u043d\u0435\u0434\u0440\u044f\u044f FSD \u0432 \u043a\u0430\u0436\u0434\u043e\u043c \u0438\u0437 \u043d\u0438\u0445 \u043f\u043e \u043e\u0442\u0434\u0435\u043b\u044c\u043d\u043e\u0441\u0442\u0438."}),"\n",(0,i.jsxs)(n.p,{children:["\u0415\u0441\u043b\u0438 \u0443 \u0432\u0430\u0441 \u0443\u0436\u0435 \u0435\u0441\u0442\u044c \u0430\u0440\u0445\u0438\u0442\u0435\u043a\u0442\u0443\u0440\u0430, \u0438 \u0432\u044b \u043f\u043e\u0434\u0443\u043c\u044b\u0432\u0430\u0435\u0442\u0435 \u043f\u0435\u0440\u0435\u0439\u0442\u0438 \u043d\u0430 FSD, \u0443\u0431\u0435\u0434\u0438\u0442\u0435\u0441\u044c, \u0447\u0442\u043e \u0442\u0435\u043a\u0443\u0449\u0430\u044f \u0430\u0440\u0445\u0438\u0442\u0435\u043a\u0442\u0443\u0440\u0430 ",(0,i.jsx)(n.strong,{children:"\u0441\u043e\u0437\u0434\u0430\u0435\u0442 \u043f\u0440\u043e\u0431\u043b\u0435\u043c\u044b"})," \u0432 \u0432\u0430\u0448\u0435\u0439 \u043a\u043e\u043c\u0430\u043d\u0434\u0435. \u041d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, \u0435\u0441\u043b\u0438 \u0432\u0430\u0448 \u043f\u0440\u043e\u0435\u043a\u0442 \u0441\u0442\u0430\u043b \u0441\u043b\u0438\u0448\u043a\u043e\u043c \u0431\u043e\u043b\u044c\u0448\u0438\u043c \u0438 \u043f\u0435\u0440\u0435\u043f\u043b\u0435\u0442\u0451\u043d\u043d\u044b\u043c, \u0447\u0442\u043e\u0431 \u044d\u0444\u0444\u0435\u043a\u0442\u0438\u0432\u043d\u043e \u0440\u0430\u0437\u0440\u0430\u0431\u0430\u0442\u044b\u0432\u0430\u0442\u044c \u043d\u043e\u0432\u044b\u0435 \u0444\u0443\u043d\u043a\u0446\u0438\u0438, \u0438\u043b\u0438 \u0435\u0441\u043b\u0438 \u0432\u044b \u043e\u0436\u0438\u0434\u0430\u0435\u0442\u0435, \u0447\u0442\u043e \u0432 \u043a\u043e\u043c\u0430\u043d\u0434\u0443 \u043f\u0440\u0438\u0434\u0435\u0442 \u043c\u043d\u043e\u0433\u043e \u043d\u043e\u0432\u044b\u0445 \u0443\u0447\u0430\u0441\u0442\u043d\u0438\u043a\u043e\u0432. \u0415\u0441\u043b\u0438 \u0442\u0435\u043a\u0443\u0449\u0430\u044f \u0430\u0440\u0445\u0438\u0442\u0435\u043a\u0442\u0443\u0440\u0430 \u0440\u0430\u0431\u043e\u0442\u0430\u0435\u0442, \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e, \u0435\u0435 \u043d\u0435 \u0441\u0442\u043e\u0438\u0442 \u043c\u0435\u043d\u044f\u0442\u044c. \u041d\u043e \u0435\u0441\u043b\u0438 \u0432\u044b \u0432\u0441\u0451 \u0436\u0435 \u0440\u0435\u0448\u0438\u0442\u0435 \u043f\u0435\u0440\u0435\u0439\u0442\u0438, \u043e\u0437\u043d\u0430\u043a\u043e\u043c\u044c\u0442\u0435\u0441\u044c \u0441 \u0440\u0435\u043a\u043e\u043c\u0435\u043d\u0434\u0430\u0446\u0438\u044f\u043c\u0438 \u0432 \u0440\u0430\u0437\u0434\u0435\u043b\u0435 ",(0,i.jsx)(n.a,{href:"/docs/guides/migration/from-custom",children:"\u041c\u0438\u0433\u0440\u0430\u0446\u0438\u044f"}),"."]}),"\n",(0,i.jsx)(n.h2,{id:"basic-example",children:"\u0411\u0430\u0437\u043e\u0432\u044b\u0439 \u043f\u0440\u0438\u043c\u0435\u0440"}),"\n",(0,i.jsx)(n.p,{children:"\u0412\u043e\u0442 \u043f\u0440\u043e\u0441\u0442\u043e\u0439 \u043f\u0440\u043e\u0435\u043a\u0442, \u0440\u0435\u0430\u043b\u0438\u0437\u0443\u044e\u0449\u0438\u0439 FSD:"}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsx)(n.li,{children:(0,i.jsx)(n.code,{children:"\ud83d\udcc1 app"})}),"\n",(0,i.jsx)(n.li,{children:(0,i.jsx)(n.code,{children:"\ud83d\udcc1 pages"})}),"\n",(0,i.jsx)(n.li,{children:(0,i.jsx)(n.code,{children:"\ud83d\udcc1 shared"})}),"\n"]}),"\n",(0,i.jsxs)(n.p,{children:["\u042d\u0442\u0438 \u043f\u0430\u043f\u043a\u0438 \u0432\u0435\u0440\u0445\u043d\u0435\u0433\u043e \u0443\u0440\u043e\u0432\u043d\u044f \u043d\u0430\u0437\u044b\u0432\u0430\u044e\u0442\u0441\u044f ",(0,i.jsx)(n.em,{children:"\u0441\u043b\u043e\u044f\u043c\u0438"}),". \u0414\u0430\u0432\u0430\u0439\u0442\u0435 \u043f\u043e\u0441\u043c\u043e\u0442\u0440\u0438\u043c \u0433\u043b\u0443\u0431\u0436\u0435:"]}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsxs)(n.li,{children:[(0,i.jsx)(n.code,{children:"\ud83d\udcc2 app"}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsx)(n.li,{children:(0,i.jsx)(n.code,{children:"\ud83d\udcc1 routes"})}),"\n",(0,i.jsx)(n.li,{children:(0,i.jsx)(n.code,{children:"\ud83d\udcc1 analytics"})}),"\n"]}),"\n"]}),"\n",(0,i.jsxs)(n.li,{children:[(0,i.jsx)(n.code,{children:"\ud83d\udcc2 pages"}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsx)(n.li,{children:(0,i.jsx)(n.code,{children:"\ud83d\udcc1 home"})}),"\n",(0,i.jsxs)(n.li,{children:[(0,i.jsx)(n.code,{children:"\ud83d\udcc2 article-reader"}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsx)(n.li,{children:(0,i.jsx)(n.code,{children:"\ud83d\udcc1 ui"})}),"\n",(0,i.jsx)(n.li,{children:(0,i.jsx)(n.code,{children:"\ud83d\udcc1 api"})}),"\n"]}),"\n"]}),"\n",(0,i.jsx)(n.li,{children:(0,i.jsx)(n.code,{children:"\ud83d\udcc1 settings"})}),"\n"]}),"\n"]}),"\n",(0,i.jsxs)(n.li,{children:[(0,i.jsx)(n.code,{children:"\ud83d\udcc2 shared"}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsx)(n.li,{children:(0,i.jsx)(n.code,{children:"\ud83d\udcc1 ui"})}),"\n",(0,i.jsx)(n.li,{children:(0,i.jsx)(n.code,{children:"\ud83d\udcc1 api"})}),"\n"]}),"\n"]}),"\n"]}),"\n",(0,i.jsxs)(n.p,{children:["\u041f\u0430\u043f\u043a\u0438 \u0432\u043d\u0443\u0442\u0440\u0438 ",(0,i.jsx)(n.code,{children:"\ud83d\udcc2 pages"})," \u043d\u0430\u0437\u044b\u0432\u0430\u044e\u0442\u0441\u044f ",(0,i.jsx)(n.em,{children:"\u0441\u043b\u0430\u0439\u0441\u0430\u043c\u0438"}),". \u041e\u043d\u0438 \u0434\u0435\u043b\u044f\u0442 \u0441\u043b\u043e\u0439 \u043f\u043e \u0434\u043e\u043c\u0435\u043d\u0443 (\u0432 \u0434\u0430\u043d\u043d\u043e\u043c \u0441\u043b\u0443\u0447\u0430\u0435, \u043f\u043e \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0430\u043c)."]}),"\n",(0,i.jsxs)(n.p,{children:["\u041f\u0430\u043f\u043a\u0438 \u0432\u043d\u0443\u0442\u0440\u0438 ",(0,i.jsx)(n.code,{children:"\ud83d\udcc2 app"}),", ",(0,i.jsx)(n.code,{children:"\ud83d\udcc2 shared"})," \u0438 ",(0,i.jsx)(n.code,{children:"\ud83d\udcc2 pages/article-reader"})," \u043d\u0430\u0437\u044b\u0432\u0430\u044e\u0442\u0441\u044f ",(0,i.jsx)(n.em,{children:"\u0441\u0435\u0433\u043c\u0435\u043d\u0442\u0430\u043c\u0438"}),", \u0438 \u043e\u043d\u0438 \u0434\u0435\u043b\u044f\u0442 \u0441\u043b\u0430\u0439\u0441\u044b (\u0438\u043b\u0438 \u0441\u043b\u043e\u0438) \u043f\u043e \u0442\u0435\u0445\u043d\u0438\u0447\u0435\u0441\u043a\u043e\u043c\u0443 \u043d\u0430\u0437\u043d\u0430\u0447\u0435\u043d\u0438\u044e, \u0442\u043e \u0435\u0441\u0442\u044c \u043f\u043e \u0442\u043e\u043c\u0443, \u0434\u043b\u044f \u0447\u0435\u0433\u043e \u043f\u0440\u0435\u0434\u043d\u0430\u0437\u043d\u0430\u0447\u0435\u043d \u043a\u043e\u0434."]}),"\n",(0,i.jsx)(n.h2,{id:"concepts",children:"\u041f\u043e\u043d\u044f\u0442\u0438\u044f"}),"\n",(0,i.jsx)(n.p,{children:"\u0421\u043b\u043e\u0438, \u0441\u043b\u0430\u0439\u0441\u044b \u0438 \u0441\u0435\u0433\u043c\u0435\u043d\u0442\u044b \u043e\u0431\u0440\u0430\u0437\u0443\u044e\u0442 \u0438\u0435\u0440\u0430\u0440\u0445\u0438\u044e, \u043a\u0430\u043a \u043f\u043e\u043a\u0430\u0437\u0430\u043d\u043e \u043d\u0430 \u0441\u0445\u0435\u043c\u0435:"}),"\n",(0,i.jsxs)("figure",{children:[(0,i.jsx)(n.p,{children:(0,i.jsx)(n.img,{alt:"\u0418\u0435\u0440\u0430\u0440\u0445\u0438\u044f \u043a\u043e\u043d\u0446\u0435\u043f\u0446\u0438\u0439 FSD, \u043e\u043f\u0438\u0441\u0430\u043d\u043d\u0430\u044f \u043d\u0438\u0436\u0435",src:s(9273).A+"",width:"1355",height:"754"})}),(0,i.jsxs)("figcaption",{style:{fontStyle:"italic",fontSize:"0.9em"},children:[(0,i.jsx)("p",{children:'\u041d\u0430 \u043a\u0430\u0440\u0442\u0438\u043d\u043a\u0435 \u0432\u044b\u0448\u0435: \u0442\u0440\u0438 \u0441\u0442\u043e\u043b\u0431\u0438\u043a\u0430, \u043e\u0431\u043e\u0437\u043d\u0430\u0447\u0435\u043d\u043d\u044b\u0435 \u0441\u043b\u0435\u0432\u0430 \u043d\u0430\u043f\u0440\u0430\u0432\u043e \u043a\u0430\u043a "\u0421\u043b\u043e\u0438", "\u0421\u043b\u0430\u0439\u0441\u044b" \u0438 "\u0421\u0435\u0433\u043c\u0435\u043d\u0442\u044b" \u0441\u043e\u043e\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0435\u043d\u043d\u043e.'}),(0,i.jsx)("p",{children:'\u0421\u0442\u043e\u043b\u0431\u0438\u043a "\u0421\u043b\u043e\u0438" \u0441\u043e\u0434\u0435\u0440\u0436\u0438\u0442 \u0441\u0435\u043c\u044c \u0434\u0435\u043b\u0435\u043d\u0438\u0439, \u0440\u0430\u0441\u043f\u043e\u043b\u043e\u0436\u0435\u043d\u043d\u044b\u0445 \u0441\u0432\u0435\u0440\u0445\u0443 \u0432\u043d\u0438\u0437 \u0438 \u043e\u0431\u043e\u0437\u043d\u0430\u0447\u0435\u043d\u043d\u044b\u0445 "app", "processes", "pages", "widgets", "features", "entities" \u0438 "shared". \u0414\u0435\u043b\u0435\u043d\u0438\u0435 "processes" \u0437\u0430\u0447\u0435\u0440\u043a\u043d\u0443\u0442\u043e. \u0414\u0435\u043b\u0435\u043d\u0438\u0435 "entities" \u0441\u043e\u0435\u0434\u0438\u043d\u0435\u043d\u043e \u0441\u043e \u0432\u0442\u043e\u0440\u044b\u043c \u0441\u0442\u043e\u043b\u0431\u0438\u043a\u043e\u043c "\u0421\u043b\u0430\u0439\u0441\u044b", \u043f\u043e\u043a\u0430\u0437\u044b\u0432\u0430\u044f, \u0447\u0442\u043e \u0432\u0442\u043e\u0440\u043e\u0439 \u0441\u0442\u043e\u043b\u0431\u0438\u043a \u044f\u0432\u043b\u044f\u0435\u0442\u0441\u044f \u0441\u043e\u0434\u0435\u0440\u0436\u0438\u043c\u044b\u043c "entities".'}),(0,i.jsx)("p",{children:'\u0421\u0442\u043e\u043b\u0431\u0438\u043a "\u0421\u043b\u0430\u0439\u0441\u044b" \u0441\u043e\u0434\u0435\u0440\u0436\u0438\u0442 \u0442\u0440\u0438 \u0434\u0435\u043b\u0435\u043d\u0438\u044f, \u0440\u0430\u0441\u043f\u043e\u043b\u043e\u0436\u0435\u043d\u043d\u044b\u0445 \u0441\u0432\u0435\u0440\u0445\u0443 \u0432\u043d\u0438\u0437 \u0438 \u043e\u0431\u043e\u0437\u043d\u0430\u0447\u0435\u043d\u043d\u044b\u0445 "user", "post" \u0438 "comment". \u0414\u0435\u043b\u0435\u043d\u0438\u0435 "post" \u0441\u043e\u0435\u0434\u0438\u043d\u0435\u043d\u043e \u0441\u043e \u0441\u0442\u043e\u043b\u0431\u0438\u043a\u043e\u043c "\u0421\u0435\u0433\u043c\u0435\u043d\u0442\u044b" \u0442\u0430\u043a\u0438\u043c \u0436\u0435 \u043e\u0431\u0440\u0430\u0437\u043e\u043c, \u0447\u0442\u043e \u0438 \u0441\u043e\u0434\u0435\u0440\u0436\u0438\u043c\u043e\u0435 "post".'}),(0,i.jsx)("p",{children:'\u0421\u0442\u043e\u043b\u0431\u0438\u043a "\u0421\u0435\u0433\u043c\u0435\u043d\u0442\u044b" \u0441\u043e\u0434\u0435\u0440\u0436\u0438\u0442 \u0442\u0440\u0438 \u0434\u0435\u043b\u0435\u043d\u0438\u044f, \u0440\u0430\u0441\u043f\u043e\u043b\u043e\u0436\u0435\u043d\u043d\u044b\u0445 \u0441\u0432\u0435\u0440\u0445\u0443 \u0432\u043d\u0438\u0437 \u0438 \u043e\u0431\u043e\u0437\u043d\u0430\u0447\u0435\u043d\u043d\u044b\u0445 "ui", "model" \u0438 "api".'})]})]}),"\n",(0,i.jsx)(n.h3,{id:"layers",children:"\u0421\u043b\u043e\u0438"}),"\n",(0,i.jsx)(n.p,{children:"\u0421\u043b\u043e\u0438 \u0441\u0442\u0430\u043d\u0434\u0430\u0440\u0442\u0438\u0437\u0438\u0440\u043e\u0432\u0430\u043d\u044b \u0432\u043e \u0432\u0441\u0435\u0445 \u043f\u0440\u043e\u0435\u043a\u0442\u0430\u0445 FSD. \u0412\u0430\u043c \u043d\u0435 \u043e\u0431\u044f\u0437\u0430\u0442\u0435\u043b\u044c\u043d\u043e \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u0432\u0441\u0435 \u0441\u043b\u043e\u0438, \u043d\u043e \u0438\u0445 \u043d\u0430\u0437\u0432\u0430\u043d\u0438\u044f \u0432\u0430\u0436\u043d\u044b. \u041d\u0430 \u0434\u0430\u043d\u043d\u044b\u0439 \u043c\u043e\u043c\u0435\u043d\u0442 \u0438\u0445 \u0441\u0435\u043c\u044c (\u0441\u0432\u0435\u0440\u0445\u0443 \u0432\u043d\u0438\u0437):"}),"\n",(0,i.jsxs)(n.ol,{children:["\n",(0,i.jsx)(n.li,{children:"App* \u2014 \u0432\u0441\u0451, \u0431\u043b\u0430\u0433\u043e\u0434\u0430\u0440\u044f \u0447\u0435\u043c\u0443 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0435 \u0437\u0430\u043f\u0443\u0441\u043a\u0430\u0435\u0442\u0441\u044f \u2014 \u0440\u043e\u0443\u0442\u0438\u043d\u0433, \u0442\u043e\u0447\u043a\u0438 \u0432\u0445\u043e\u0434\u0430, \u0433\u043b\u043e\u0431\u0430\u043b\u044c\u043d\u044b\u0435 \u0441\u0442\u0438\u043b\u0438, \u043f\u0440\u043e\u0432\u0430\u0439\u0434\u0435\u0440\u044b \u0438 \u0442. \u0434."}),"\n",(0,i.jsx)(n.li,{children:"Processes (\u043f\u0440\u043e\u0446\u0435\u0441\u0441\u044b, \u0443\u0441\u0442\u0430\u0440\u0435\u0432\u0448\u0438\u0439) \u2014 \u0441\u043b\u043e\u0436\u043d\u044b\u0435 \u043c\u0435\u0436\u0441\u0442\u0440\u0430\u043d\u0438\u0447\u043d\u044b\u0435 \u0441\u0446\u0435\u043d\u0430\u0440\u0438\u0438."}),"\n",(0,i.jsx)(n.li,{children:"Pages (\u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b) \u2014 \u043f\u043e\u043b\u043d\u044b\u0435 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b \u0438\u043b\u0438 \u0431\u043e\u043b\u044c\u0448\u0438\u0435 \u0447\u0430\u0441\u0442\u0438 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b \u043f\u0440\u0438 \u0432\u043b\u043e\u0436\u0435\u043d\u043d\u043e\u043c \u0440\u043e\u0443\u0442\u0438\u043d\u0433\u0435."}),"\n",(0,i.jsx)(n.li,{children:"Widgets (\u0432\u0438\u0434\u0436\u0435\u0442\u044b) \u2014 \u0431\u043e\u043b\u044c\u0448\u0438\u0435 \u0441\u0430\u043c\u043e\u0434\u043e\u0441\u0442\u0430\u0442\u043e\u0447\u043d\u044b\u0435 \u043a\u0443\u0441\u043a\u0438 \u0444\u0443\u043d\u043a\u0446\u0438\u043e\u043d\u0430\u043b\u044c\u043d\u043e\u0441\u0442\u0438 \u0438\u043b\u0438 \u0438\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441\u0430, \u043e\u0431\u044b\u0447\u043d\u043e \u0440\u0435\u0430\u043b\u0438\u0437\u0443\u044e\u0449\u0438\u0435 \u0446\u0435\u043b\u044b\u0439 \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044c\u0441\u043a\u0438\u0439 \u0441\u0446\u0435\u043d\u0430\u0440\u0438\u0439."}),"\n",(0,i.jsxs)(n.li,{children:["Features (\u0444\u0438\u0447\u0438) \u2014 ",(0,i.jsx)(n.em,{children:"\u043f\u043e\u0432\u0442\u043e\u0440\u043d\u043e \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u043c\u044b\u0435"})," \u0440\u0435\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u0438 \u0446\u0435\u043b\u044b\u0445 \u0444\u0438\u0447 \u043f\u0440\u043e\u0434\u0443\u043a\u0442\u0430, \u0442\u043e \u0435\u0441\u0442\u044c \u0434\u0435\u0439\u0441\u0442\u0432\u0438\u0439, \u043f\u0440\u0438\u043d\u043e\u0441\u044f\u0449\u0438\u0445 \u0431\u0438\u0437\u043d\u0435\u0441-\u0446\u0435\u043d\u043d\u043e\u0441\u0442\u044c \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044e."]}),"\n",(0,i.jsxs)(n.li,{children:["Entities (\u0441\u0443\u0449\u043d\u043e\u0441\u0442\u0438) \u2014 \u0431\u0438\u0437\u043d\u0435\u0441-\u0441\u0443\u0449\u043d\u043e\u0441\u0442\u0438, \u0441 \u043a\u043e\u0442\u043e\u0440\u044b\u043c\u0438 \u0440\u0430\u0431\u043e\u0442\u0430\u0435\u0442 \u043f\u0440\u043e\u0435\u043a\u0442, \u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440 ",(0,i.jsx)(n.code,{children:"user"})," \u0438\u043b\u0438 ",(0,i.jsx)(n.code,{children:"product"}),"."]}),"\n",(0,i.jsx)(n.li,{children:"Shared* \u2014 \u043f\u0435\u0440\u0435\u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u043c\u044b\u0439 \u043a\u043e\u0434, \u043e\u0441\u043e\u0431\u0435\u043d\u043d\u043e \u043a\u043e\u0433\u0434\u0430 \u043e\u043d\u0430 \u043e\u0442\u0434\u0435\u043b\u0435\u043d\u0430 \u043e\u0442 \u0441\u043f\u0435\u0446\u0438\u0444\u0438\u043a\u0438 \u043f\u0440\u043e\u0435\u043a\u0442\u0430/\u0431\u0438\u0437\u043d\u0435\u0441\u0430, \u0445\u043e\u0442\u044f \u044d\u0442\u043e \u043d\u0435 \u043e\u0431\u044f\u0437\u0430\u0442\u0435\u043b\u044c\u043d\u043e."}),"\n"]}),"\n",(0,i.jsx)(n.p,{children:(0,i.jsx)(n.em,{children:"* \u2014 \u044d\u0442\u0438 \u0441\u043b\u043e\u0438, App \u0438 Shared, \u0432 \u043e\u0442\u043b\u0438\u0447\u0438\u0435 \u043e\u0442 \u0434\u0440\u0443\u0433\u0438\u0445 \u0441\u043b\u043e\u0435\u0432, \u043d\u0435 \u0438\u043c\u0435\u044e\u0442 \u0441\u043b\u0430\u0439\u0441\u043e\u0432 \u0438 \u0441\u043e\u0441\u0442\u043e\u044f\u0442 \u0438\u0437 \u0441\u0435\u0433\u043c\u0435\u043d\u0442\u043e\u0432 \u043d\u0430\u043f\u0440\u044f\u043c\u0443\u044e."})}),"\n",(0,i.jsx)(n.p,{children:"\u0424\u0438\u0448\u043a\u0430 \u0441\u043b\u043e\u0435\u0432 \u0432 \u0442\u043e\u043c, \u0447\u0442\u043e \u043c\u043e\u0434\u0443\u043b\u0438 \u043d\u0430 \u043e\u0434\u043d\u043e\u043c \u0441\u043b\u043e\u0435 \u043c\u043e\u0433\u0443\u0442 \u0437\u043d\u0430\u0442\u044c \u0442\u043e\u043b\u044c\u043a\u043e \u043e \u043c\u043e\u0434\u0443\u043b\u044f\u0445 \u0441\u043e \u0441\u043b\u043e\u0435\u0432 \u0441\u0442\u0440\u043e\u0433\u043e \u043d\u0438\u0436\u0435, \u0438 \u043a\u0430\u043a \u0441\u043b\u0435\u0434\u0441\u0442\u0432\u0438\u0435, \u0438\u043c\u043f\u043e\u0440\u0442\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u0442\u043e\u043b\u044c\u043a\u043e \u0441 \u043d\u0438\u0445."}),"\n",(0,i.jsx)(n.h3,{id:"slices",children:"\u0421\u043b\u0430\u0439\u0441\u044b"}),"\n",(0,i.jsx)(n.p,{children:"\u0414\u0430\u043b\u044c\u0448\u0435 \u0438\u0434\u0443\u0442 \u0441\u043b\u0430\u0439\u0441\u044b, \u043e\u043d\u0438 \u0434\u0435\u043b\u044f\u0442 \u0441\u043b\u043e\u0439 \u043f\u043e \u043f\u0440\u0435\u0434\u043c\u0435\u0442\u043d\u043e\u0439 \u043e\u0431\u043b\u0430\u0441\u0442\u0438. \u0412\u044b \u043c\u043e\u0436\u0435\u0442\u0435 \u043d\u0430\u0437\u044b\u0432\u0430\u0442\u044c \u0432\u0430\u0448\u0438 \u0441\u043b\u0430\u0439\u0441\u044b \u043a\u0430\u043a \u0443\u0433\u043e\u0434\u043d\u043e, \u0438 \u0441\u043e\u0437\u0434\u0430\u0432\u0430\u0442\u044c \u0438\u0445 \u0441\u043a\u043e\u043b\u044c\u043a\u043e \u0443\u0433\u043e\u0434\u043d\u043e. \u0421\u043b\u0430\u0439\u0441\u044b \u043f\u043e\u043c\u043e\u0433\u0430\u044e\u0442 \u043d\u0435 \u0442\u0435\u0440\u044f\u0442\u044c\u0441\u044f \u0432 \u043f\u0440\u043e\u0435\u043a\u0442\u0435, \u043f\u043e\u0442\u043e\u043c\u0443 \u0447\u0442\u043e \u0433\u0440\u0443\u043f\u043f\u0438\u0440\u0443\u044e\u0442 \u0442\u0435\u0441\u043d\u043e \u0441\u0432\u044f\u0437\u0430\u043d\u043d\u044b\u0439 \u043f\u043e \u0441\u043c\u044b\u0441\u043b\u0443 \u043a\u043e\u0434."}),"\n",(0,i.jsx)(n.p,{children:"\u0421\u043b\u0430\u0439\u0441\u044b \u043d\u0435 \u043c\u043e\u0433\u0443\u0442 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u0434\u0440\u0443\u0433\u0438\u0435 \u0441\u043b\u0430\u0439\u0441\u044b \u043d\u0430 \u0442\u043e\u043c \u0436\u0435 \u0441\u043b\u043e\u0435, \u0438 \u044d\u0442\u043e \u043e\u0431\u0435\u0441\u043f\u0435\u0447\u0438\u0432\u0430\u0435\u0442 \u0441\u0438\u043b\u044c\u043d\u0443\u044e \u0441\u0432\u044f\u0437\u0430\u043d\u043d\u043e\u0441\u0442\u044c \u043a\u043e\u0434\u0430 \u0432\u043d\u0443\u0442\u0440\u0438 \u0441\u043b\u0430\u0439\u0441\u0430 \u0438 \u0441\u043b\u0430\u0431\u0443\u044e \u0441\u0446\u0435\u043f\u043b\u0435\u043d\u043d\u043e\u0441\u0442\u044c \u043c\u0435\u0436\u0434\u0443 \u0441\u043b\u0430\u0439\u0441\u0430\u043c\u0438."}),"\n",(0,i.jsx)(n.h3,{id:"segments",children:"\u0421\u0435\u0433\u043c\u0435\u043d\u0442\u044b"}),"\n",(0,i.jsx)(n.p,{children:"\u0421\u043b\u0430\u0439\u0441\u044b, \u0430 \u0442\u0430\u043a\u0436\u0435 \u0441\u043b\u043e\u0438 App \u0438 Shared, \u0441\u043e\u0441\u0442\u043e\u044f\u0442 \u0438\u0437 \u0441\u0435\u0433\u043c\u0435\u043d\u0442\u043e\u0432, \u0430 \u0441\u0435\u0433\u043c\u0435\u043d\u0442\u044b \u0433\u0440\u0443\u043f\u043f\u0438\u0440\u0443\u044e\u0442 \u043a\u043e\u0434 \u043f\u043e \u0435\u0433\u043e \u043d\u0430\u0437\u043d\u0430\u0447\u0435\u043d\u0438\u044e. \u0418\u043c\u0435\u043d\u0430 \u0441\u0435\u0433\u043c\u0435\u043d\u0442\u043e\u0432 \u043d\u0435 \u0437\u0430\u0444\u0438\u043a\u0441\u0438\u0440\u043e\u0432\u0430\u043d\u044b \u0441\u0442\u0430\u043d\u0434\u0430\u0440\u0442\u043e\u043c, \u043d\u043e \u0441\u0443\u0449\u0435\u0441\u0442\u0432\u0443\u0435\u0442 \u043d\u0435\u0441\u043a\u043e\u043b\u044c\u043a\u043e \u043e\u0431\u0449\u0435\u043f\u0440\u0438\u043d\u044f\u0442\u044b\u0445 \u0438\u043c\u0435\u043d \u0434\u043b\u044f \u043d\u0430\u0438\u0431\u043e\u043b\u0435\u0435 \u0440\u0430\u0441\u043f\u0440\u043e\u0441\u0442\u0440\u0430\u043d\u0435\u043d\u043d\u044b\u0445 \u0446\u0435\u043b\u0435\u0439:"}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsxs)(n.li,{children:[(0,i.jsx)(n.code,{children:"ui"})," \u2014 \u0432\u0441\u0451, \u0447\u0442\u043e \u0441\u0432\u044f\u0437\u0430\u043d\u043e \u0441 \u043e\u0442\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u0435\u043c: UI-\u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u044b, \u0444\u043e\u0440\u043c\u0430\u0442\u0442\u0435\u0440\u044b \u0434\u0430\u0442, \u0441\u0442\u0438\u043b\u0438 \u0438 \u0442.\u0434."]}),"\n",(0,i.jsxs)(n.li,{children:[(0,i.jsx)(n.code,{children:"api"})," \u2014 \u0432\u0437\u0430\u0438\u043c\u043e\u0434\u0435\u0439\u0441\u0442\u0432\u0438\u0435 \u0441 \u0431\u044d\u043a\u0435\u043d\u0434\u043e\u043c: \u0444\u0443\u043d\u043a\u0446\u0438\u0438 \u0437\u0430\u043f\u0440\u043e\u0441\u043e\u0432, \u0442\u0438\u043f\u044b \u0434\u0430\u043d\u043d\u044b\u0445, \u043c\u0430\u043f\u043f\u0435\u0440\u044b."]}),"\n",(0,i.jsxs)(n.li,{children:[(0,i.jsx)(n.code,{children:"model"})," \u2014 \u043c\u043e\u0434\u0435\u043b\u044c \u0434\u0430\u043d\u043d\u044b\u0445: \u0441\u0445\u0435\u043c\u044b \u0432\u0430\u043b\u0438\u0434\u0430\u0446\u0438\u0438, \u0438\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441\u044b, \u0445\u0440\u0430\u043d\u0438\u043b\u0438\u0449\u0430 \u0438 \u0431\u0438\u0437\u043d\u0435\u0441-\u043b\u043e\u0433\u0438\u043a\u0430."]}),"\n",(0,i.jsxs)(n.li,{children:[(0,i.jsx)(n.code,{children:"lib"})," \u2014 \u0431\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u0447\u043d\u044b\u0439 \u043a\u043e\u0434, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u043d\u0443\u0436\u0435\u043d \u0434\u0440\u0443\u0433\u0438\u043c \u043c\u043e\u0434\u0443\u043b\u044f\u043c \u044d\u0442\u043e\u0433\u043e \u0441\u043b\u0430\u0439\u0441\u0430."]}),"\n",(0,i.jsxs)(n.li,{children:[(0,i.jsx)(n.code,{children:"config"})," \u2014 \u0444\u0430\u0439\u043b\u044b \u043a\u043e\u043d\u0444\u0438\u0433\u0443\u0440\u0430\u0446\u0438\u0438 \u0438 \u0444\u0438\u0447\u0435-\u0444\u043b\u0430\u0433\u0438."]}),"\n"]}),"\n",(0,i.jsx)(n.p,{children:"\u041e\u0431\u044b\u0447\u043d\u043e \u044d\u0442\u0438\u0445 \u0441\u0435\u0433\u043c\u0435\u043d\u0442\u043e\u0432 \u0434\u043e\u0441\u0442\u0430\u0442\u043e\u0447\u043d\u043e \u0434\u043b\u044f \u0431\u043e\u043b\u044c\u0448\u0438\u043d\u0441\u0442\u0432\u0430 \u0441\u043b\u043e\u0435\u0432, \u043f\u043e\u044d\u0442\u043e\u043c\u0443 \u0441\u0432\u043e\u0438 \u0441\u043e\u0431\u0441\u0442\u0432\u0435\u043d\u043d\u044b\u0435 \u0441\u0435\u0433\u043c\u0435\u043d\u0442\u044b \u043e\u0431\u044b\u0447\u043d\u043e \u0441\u043e\u0437\u0434\u0430\u044e\u0442 \u0442\u043e\u043b\u044c\u043a\u043e \u0432 Shared \u0438\u043b\u0438 App, \u043d\u043e \u044d\u0442\u043e \u043d\u0435 \u0436\u0451\u0441\u0442\u043a\u043e\u0435 \u043f\u0440\u0430\u0432\u0438\u043b\u043e."}),"\n",(0,i.jsx)(n.h2,{id:"advantages",children:"\u041f\u0440\u0435\u0438\u043c\u0443\u0449\u0435\u0441\u0442\u0432\u0430"}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsxs)(n.li,{children:["\n",(0,i.jsxs)(n.p,{children:[(0,i.jsx)(n.strong,{children:"\u041e\u0434\u043d\u043e\u0440\u043e\u0434\u043d\u043e\u0441\u0442\u044c"}),(0,i.jsx)(n.br,{}),"\n","\u041f\u043e\u0441\u043a\u043e\u043b\u044c\u043a\u0443 \u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u0430 \u0441\u0442\u0430\u043d\u0434\u0430\u0440\u0442\u0438\u0437\u0438\u0440\u043e\u0432\u0430\u043d\u0430, \u043f\u0440\u043e\u0435\u043a\u0442\u044b \u0441\u0442\u0430\u043d\u043e\u0432\u044f\u0442\u0441\u044f \u0431\u043e\u043b\u0435\u0435 \u0435\u0434\u0438\u043d\u043e\u043e\u0431\u0440\u0430\u0437\u043d\u044b\u043c\u0438, \u0447\u0442\u043e \u043e\u0431\u043b\u0435\u0433\u0447\u0430\u0435\u0442 \u043d\u0430\u0431\u043e\u0440 \u043d\u043e\u0432\u044b\u0445 \u0443\u0447\u0430\u0441\u0442\u043d\u0438\u043a\u043e\u0432 \u0432 \u043a\u043e\u043c\u0430\u043d\u0434\u0443."]}),"\n"]}),"\n",(0,i.jsxs)(n.li,{children:["\n",(0,i.jsxs)(n.p,{children:[(0,i.jsx)(n.strong,{children:"\u0423\u0441\u0442\u043e\u0439\u0447\u0438\u0432\u043e\u0441\u0442\u044c \u043a \u0438\u0437\u043c\u0435\u043d\u0435\u043d\u0438\u044f\u043c \u0438 \u0440\u0435\u0444\u0430\u043a\u0442\u043e\u0440\u0438\u043d\u0433\u0443"}),(0,i.jsx)(n.br,{}),"\n","\u041c\u043e\u0434\u0443\u043b\u044c \u043d\u0430 \u043e\u0434\u043d\u043e\u043c \u0441\u043b\u043e\u0435 \u043d\u0435 \u043c\u043e\u0436\u0435\u0442 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u0434\u0440\u0443\u0433\u0438\u0435 \u043c\u043e\u0434\u0443\u043b\u0438 \u043d\u0430 \u0442\u043e\u043c \u0436\u0435 \u0441\u043b\u043e\u0435 \u0438\u043b\u0438 \u0441\u043b\u043e\u044f\u0445 \u0432\u044b\u0448\u0435.",(0,i.jsx)(n.br,{}),"\n","\u042d\u0442\u043e \u043f\u043e\u0437\u0432\u043e\u043b\u044f\u0435\u0442 \u0432\u0430\u043c \u0432\u043d\u043e\u0441\u0438\u0442\u044c \u0438\u0437\u043e\u043b\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u044b\u0435 \u043f\u0440\u0430\u0432\u043a\u0438 \u0431\u0435\u0437 \u043d\u0435\u043f\u0440\u0435\u0434\u0432\u0438\u0434\u0435\u043d\u043d\u044b\u0445 \u043f\u043e\u0441\u043b\u0435\u0434\u0441\u0442\u0432\u0438\u0439 \u0434\u043b\u044f \u043e\u0441\u0442\u0430\u043b\u044c\u043d\u043e\u0439 \u0447\u0430\u0441\u0442\u0438 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f."]}),"\n"]}),"\n",(0,i.jsxs)(n.li,{children:["\n",(0,i.jsxs)(n.p,{children:[(0,i.jsx)(n.strong,{children:"\u041a\u043e\u043d\u0442\u0440\u043e\u043b\u0438\u0440\u0443\u0435\u043c\u043e\u0435 \u043f\u0435\u0440\u0435\u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u0435 \u043b\u043e\u0433\u0438\u043a\u0438"}),(0,i.jsx)(n.br,{}),"\n","\u0412 \u0437\u0430\u0432\u0438\u0441\u0438\u043c\u043e\u0441\u0442\u0438 \u043e\u0442 \u0443\u0440\u043e\u0432\u043d\u044f \u0432\u044b \u043c\u043e\u0436\u0435\u0442\u0435 \u0441\u0434\u0435\u043b\u0430\u0442\u044c \u043a\u043e\u0434 \u043b\u0438\u0431\u043e \u043e\u0447\u0435\u043d\u044c \u043f\u0435\u0440\u0435\u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u043c\u044b\u043c, \u043b\u0438\u0431\u043e \u043e\u0447\u0435\u043d\u044c \u043b\u043e\u043a\u0430\u043b\u044c\u043d\u044b\u043c.",(0,i.jsx)(n.br,{}),"\n","\u042d\u0442\u043e \u0441\u043e\u0445\u0440\u0430\u043d\u044f\u0435\u0442 \u0431\u0430\u043b\u0430\u043d\u0441 \u043c\u0435\u0436\u0434\u0443 \u0441\u043e\u0431\u043b\u044e\u0434\u0435\u043d\u0438\u0435\u043c \u043f\u0440\u0438\u043d\u0446\u0438\u043f\u0430 ",(0,i.jsx)(n.strong,{children:"DRY"})," \u0438 \u043f\u0440\u0430\u043a\u0442\u0438\u0447\u043d\u043e\u0441\u0442\u044c\u044e."]}),"\n"]}),"\n",(0,i.jsxs)(n.li,{children:["\n",(0,i.jsxs)(n.p,{children:[(0,i.jsx)(n.strong,{children:"\u041e\u0440\u0438\u0435\u043d\u0442\u0430\u0446\u0438\u044f \u043d\u0430 \u043f\u043e\u0442\u0440\u0435\u0431\u043d\u043e\u0441\u0442\u0438 \u0431\u0438\u0437\u043d\u0435\u0441\u0430 \u0438 \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u0435\u0439"}),(0,i.jsx)(n.br,{}),"\n","\u041f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0435 \u0440\u0430\u0437\u0434\u0435\u043b\u0435\u043d\u043e \u043d\u0430 \u0431\u0438\u0437\u043d\u0435\u0441-\u0434\u043e\u043c\u0435\u043d\u044b, \u0438 \u043f\u0440\u0438 \u0438\u043c\u0435\u043d\u043e\u0432\u0430\u043d\u0438\u0438 \u043f\u043e\u043e\u0449\u0440\u044f\u0435\u0442\u0441\u044f \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u0435 \u0442\u0435\u0440\u043c\u0438\u043d\u043e\u043b\u043e\u0433\u0438\u0438 \u0431\u0438\u0437\u043d\u0435\u0441\u0430, \u0447\u0442\u043e\u0431\u044b \u0432\u044b \u043c\u043e\u0433\u043b\u0438 \u0434\u0435\u043b\u0430\u0442\u044c \u043f\u043e\u043b\u0435\u0437\u043d\u0443\u044e \u0440\u0430\u0431\u043e\u0442\u0443 \u0432 \u043f\u0440\u043e\u0434\u0443\u043a\u0442\u0435, \u043d\u0435 \u0432\u043d\u0438\u043a\u0430\u044f \u043f\u043e\u043b\u043d\u043e\u0441\u0442\u044c\u044e \u0432\u043e \u0432\u0441\u0435 \u0434\u0440\u0443\u0433\u0438\u0435 \u043d\u0435\u0441\u0432\u044f\u0437\u0430\u043d\u043d\u044b\u0435 \u0447\u0430\u0441\u0442\u0438 \u043f\u0440\u043e\u0435\u043a\u0442\u0430."]}),"\n"]}),"\n"]}),"\n",(0,i.jsx)(n.h2,{id:"incremental-adoption",children:"\u041f\u043e\u0441\u0442\u0435\u043f\u0435\u043d\u043d\u043e\u0435 \u0432\u043d\u0435\u0434\u0440\u0435\u043d\u0438\u0435"}),"\n",(0,i.jsx)(n.p,{children:"\u0415\u0441\u043b\u0438 \u0443 \u0432\u0430\u0441 \u0435\u0441\u0442\u044c \u0441\u0443\u0449\u0435\u0441\u0442\u0432\u0443\u044e\u0449\u0430\u044f \u043a\u043e\u0434\u043e\u0432\u0430\u044f \u0431\u0430\u0437\u0430, \u043a\u043e\u0442\u043e\u0440\u0443\u044e \u0432\u044b \u0445\u043e\u0442\u0438\u0442\u0435 \u043f\u0435\u0440\u0435\u043d\u0435\u0441\u0442\u0438 \u043d\u0430 FSD, \u043c\u044b \u043f\u0440\u0435\u0434\u043b\u0430\u0433\u0430\u0435\u043c \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0443\u044e \u0441\u0442\u0440\u0430\u0442\u0435\u0433\u0438\u044e. \u041d\u0430 \u043d\u0430\u0448\u0435\u043c \u0441\u043e\u0431\u0441\u0442\u0432\u0435\u043d\u043d\u043e\u043c \u043e\u043f\u044b\u0442\u0435 \u043c\u0438\u0433\u0440\u0430\u0446\u0438\u0438 \u043e\u043d\u0430 \u0445\u043e\u0440\u043e\u0448\u043e \u0441\u0435\u0431\u044f \u0437\u0430\u0440\u0435\u043a\u043e\u043c\u0435\u043d\u0434\u043e\u0432\u0430\u043b\u0430."}),"\n",(0,i.jsxs)(n.ol,{children:["\n",(0,i.jsxs)(n.li,{children:["\n",(0,i.jsx)(n.p,{children:"\u041d\u0430\u0447\u043d\u0438\u0442\u0435 \u043f\u043e\u0441\u0442\u0435\u043f\u0435\u043d\u043d\u043e \u0444\u043e\u0440\u043c\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u0441\u043b\u043e\u0438 App \u0438 Shared, \u0447\u0442\u043e\u0431\u044b \u0441\u043e\u0437\u0434\u0430\u0442\u044c \u0444\u0443\u043d\u0434\u0430\u043c\u0435\u043d\u0442."}),"\n"]}),"\n",(0,i.jsxs)(n.li,{children:["\n",(0,i.jsx)(n.p,{children:"\u0420\u0430\u0441\u043a\u0438\u0434\u0430\u0439\u0442\u0435 \u0432\u0435\u0441\u044c \u0441\u0443\u0449\u0435\u0441\u0442\u0432\u0443\u044e\u0449\u0438\u0439 \u0438\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441\u043d\u044b\u0439 \u043a\u043e\u0434 \u043f\u043e \u0432\u0438\u0434\u0436\u0435\u0442\u0430\u043c \u0438 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0430\u043c, \u0434\u0430\u0436\u0435 \u0435\u0441\u043b\u0438 \u0443 \u043d\u0438\u0445 \u043f\u043e\u043a\u0430 \u0447\u0442\u043e \u0435\u0441\u0442\u044c \u0437\u0430\u0432\u0438\u0441\u0438\u043c\u043e\u0441\u0442\u0438, \u043d\u0430\u0440\u0443\u0448\u0430\u044e\u0449\u0438\u0435 \u043f\u0440\u0430\u0432\u0438\u043b\u0430 FSD."}),"\n"]}),"\n",(0,i.jsxs)(n.li,{children:["\n",(0,i.jsx)(n.p,{children:"\u041f\u043e\u0441\u0442\u0435\u043f\u0435\u043d\u043d\u043e \u0438\u0441\u043f\u0440\u0430\u0432\u043b\u044f\u0439\u0442\u0435 \u043d\u0430\u0440\u0443\u0448\u0435\u043d\u0438\u044f \u043f\u0440\u0430\u0432\u0438\u043b \u043d\u0430 \u0438\u043c\u043f\u043e\u0440\u0442\u044b, \u0430 \u043f\u043e \u0445\u043e\u0434\u0443 \u0438\u0437\u0432\u043b\u0435\u043a\u0430\u0439\u0442\u0435 \u0441\u0443\u0449\u043d\u043e\u0441\u0442\u0438 \u0438, \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e, \u0444\u0438\u0447\u0438."}),"\n"]}),"\n"]}),"\n",(0,i.jsx)(n.p,{children:"\u0420\u0435\u043a\u043e\u043c\u0435\u043d\u0434\u0443\u0435\u0442\u0441\u044f \u0432\u043e\u0437\u0434\u0435\u0440\u0436\u0430\u0442\u044c\u0441\u044f \u043e\u0442 \u0434\u043e\u0431\u0430\u0432\u043b\u0435\u043d\u0438\u044f \u043d\u043e\u0432\u044b\u0445 \u043a\u0440\u0443\u043f\u043d\u044b\u0445 \u0441\u0443\u0449\u043d\u043e\u0441\u0442\u0435\u0439 \u0432\u043e \u0432\u0440\u0435\u043c\u044f \u0440\u0435\u0444\u0430\u043a\u0442\u043e\u0440\u0438\u043d\u0433\u0430, \u0430 \u0442\u0430\u043a\u0436\u0435 \u0440\u0435\u0444\u0430\u043a\u0442\u043e\u0440\u0438\u043d\u0433\u0430 \u043f\u043e \u0447\u0430\u0441\u0442\u044f\u043c."}),"\n",(0,i.jsx)(n.h2,{id:"next-steps",children:"\u0421\u043b\u0435\u0434\u0443\u044e\u0449\u0438\u0435 \u0448\u0430\u0433\u0438"}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsxs)(n.li,{children:[(0,i.jsx)(n.strong,{children:"\u0425\u043e\u0442\u0438\u0442\u0435 \u0440\u0430\u0437\u043e\u0431\u0440\u0430\u0442\u044c\u0441\u044f \u0432 \u0442\u043e\u043c, \u043a\u0430\u043a \u043c\u044b\u0441\u043b\u0438\u0442\u044c \u043f\u043e-FSD-\u0448\u043d\u043e\u043c\u0443?"})," \u041f\u0440\u043e\u0447\u0442\u0438\u0442\u0435 ",(0,i.jsx)(n.a,{href:"/docs/get-started/tutorial",children:"\u0422\u0443\u0442\u043e\u0440\u0438\u0430\u043b"}),"."]}),"\n",(0,i.jsxs)(n.li,{children:[(0,i.jsx)(n.strong,{children:"\u041f\u0440\u0435\u0434\u043f\u043e\u0447\u0438\u0442\u0430\u0435\u0442\u0435 \u0443\u0447\u0438\u0442\u044c\u0441\u044f \u043d\u0430 \u043f\u0440\u0438\u043c\u0435\u0440\u0430\u0445?"})," \u0423 \u043d\u0430\u0441 \u0438\u0445 \u043c\u043d\u043e\u0433\u043e \u0432 \u0440\u0430\u0437\u0434\u0435\u043b\u0435 ",(0,i.jsx)(n.a,{href:"/examples",children:"\u041f\u0440\u0438\u043c\u0435\u0440\u044b"}),"."]}),"\n",(0,i.jsxs)(n.li,{children:[(0,i.jsx)(n.strong,{children:"\u0415\u0441\u0442\u044c \u0432\u043e\u043f\u0440\u043e\u0441\u044b?"})," \u0417\u0430\u0433\u043b\u044f\u043d\u0438\u0442\u0435 \u0432 \u043d\u0430\u0448 ",(0,i.jsx)(n.a,{href:"https://t.me/feature_sliced",children:"\u0447\u0430\u0442 Telegram"})," \u0438 \u0441\u043f\u0440\u043e\u0441\u0438\u0442\u0435 \u0443 \u0441\u043e\u043e\u0431\u0449\u0435\u0441\u0442\u0432\u0430."]}),"\n"]})]})}function j(e={}){const{wrapper:n}={...(0,r.R)(),...e.components};return n?(0,i.jsx)(n,{...e,children:(0,i.jsx)(x,{...e})}):x(e)}},9273:(e,n,s)=>{s.d(n,{A:()=>i});const i=s.p+"assets/images/visual_schema-e826067f573946613dcdc76e3f585082.jpg"},1100:(e,n,s)=>{s.d(n,{R:()=>d,x:()=>c});var i=s(758);const r={},l=i.createContext(r);function d(e){const n=i.useContext(l);return i.useMemo((function(){return"function"==typeof e?e(n):{...n,...e}}),[n,e])}function c(e){let n;return n=e.disableParentContext?"function"==typeof e.components?e.components(r):e.components||r:d(e.components),i.createElement(l.Provider,{value:n},e.children)}}}]);
\ No newline at end of file
+"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[1068],{8094:(e,n,s)=>{s.r(n),s.d(n,{assets:()=>t,contentTitle:()=>d,default:()=>j,frontMatter:()=>l,metadata:()=>c,toc:()=>h});var i=s(6070),r=s(1100);const l={sidebar_position:1},d="\u041e\u0431\u0437\u043e\u0440",c={id:"get-started/overview",title:"\u041e\u0431\u0437\u043e\u0440",description:"Feature-Sliced Design (FSD) \u2014 \u044d\u0442\u043e \u0430\u0440\u0445\u0438\u0442\u0435\u043a\u0442\u0443\u0440\u043d\u0430\u044f \u043c\u0435\u0442\u043e\u0434\u043e\u043b\u043e\u0433\u0438\u044f \u0434\u043b\u044f \u043f\u0440\u043e\u0435\u043a\u0442\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u044f \u0444\u0440\u043e\u043d\u0442\u0435\u043d\u0434-\u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0439. \u041f\u0440\u043e\u0449\u0435 \u0433\u043e\u0432\u043e\u0440\u044f, \u044d\u0442\u043e \u043d\u0430\u0431\u043e\u0440 \u043f\u0440\u0430\u0432\u0438\u043b \u0438 \u0441\u043e\u0433\u043b\u0430\u0448\u0435\u043d\u0438\u0439 \u043f\u043e \u043e\u0440\u0433\u0430\u043d\u0438\u0437\u0430\u0446\u0438\u0438 \u043a\u043e\u0434\u0430. \u0413\u043b\u0430\u0432\u043d\u0430\u044f \u0446\u0435\u043b\u044c \u044d\u0442\u043e\u0439 \u043c\u0435\u0442\u043e\u0434\u043e\u043b\u043e\u0433\u0438\u0438 \u2014 \u0441\u0434\u0435\u043b\u0430\u0442\u044c \u043f\u0440\u043e\u0435\u043a\u0442 \u043f\u043e\u043d\u044f\u0442\u043d\u0435\u0435 \u0438 \u0441\u0442\u0430\u0431\u0438\u043b\u044c\u043d\u0435\u0435 \u0432 \u0443\u0441\u043b\u043e\u0432\u0438\u044f\u0445 \u043f\u043e\u0441\u0442\u043e\u044f\u043d\u043d\u043e \u043c\u0435\u043d\u044f\u044e\u0449\u0438\u0445\u0441\u044f \u0431\u0438\u0437\u043d\u0435\u0441-\u0442\u0440\u0435\u0431\u043e\u0432\u0430\u043d\u0438\u0439.",source:"@site/i18n/ru/docusaurus-plugin-content-docs/current/get-started/overview.mdx",sourceDirName:"get-started",slug:"/get-started/overview",permalink:"/ru/docs/get-started/overview",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/ru/docusaurus-plugin-content-docs/current/get-started/overview.mdx",tags:[],version:"current",lastUpdatedAt:1728325386e3,sidebarPosition:1,frontMatter:{sidebar_position:1},sidebar:"getstartedSidebar",previous:{title:"\ud83d\ude80 \u0411\u044b\u0441\u0442\u0440\u044b\u0439 \u0441\u0442\u0430\u0440\u0442",permalink:"/ru/docs/get-started/"},next:{title:"\u0422\u0443\u0442\u043e\u0440\u0438\u0430\u043b",permalink:"/ru/docs/get-started/tutorial"}},t={},h=[{value:"\u041f\u043e\u0434\u0445\u043e\u0434\u0438\u0442 \u043b\u0438 FSD \u043c\u043d\u0435?",id:"is-it-right-for-me",level:2},{value:"\u0411\u0430\u0437\u043e\u0432\u044b\u0439 \u043f\u0440\u0438\u043c\u0435\u0440",id:"basic-example",level:2},{value:"\u041f\u043e\u043d\u044f\u0442\u0438\u044f",id:"concepts",level:2},{value:"\u0421\u043b\u043e\u0438",id:"layers",level:3},{value:"\u0421\u043b\u0430\u0439\u0441\u044b",id:"slices",level:3},{value:"\u0421\u0435\u0433\u043c\u0435\u043d\u0442\u044b",id:"segments",level:3},{value:"\u041f\u0440\u0435\u0438\u043c\u0443\u0449\u0435\u0441\u0442\u0432\u0430",id:"advantages",level:2},{value:"\u041f\u043e\u0441\u0442\u0435\u043f\u0435\u043d\u043d\u043e\u0435 \u0432\u043d\u0435\u0434\u0440\u0435\u043d\u0438\u0435",id:"incremental-adoption",level:2},{value:"\u0421\u043b\u0435\u0434\u0443\u044e\u0449\u0438\u0435 \u0448\u0430\u0433\u0438",id:"next-steps",level:2}];function x(e){const n={a:"a",br:"br",code:"code",em:"em",h1:"h1",h2:"h2",h3:"h3",header:"header",img:"img",li:"li",ol:"ol",p:"p",strong:"strong",ul:"ul",...(0,r.R)(),...e.components};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(n.header,{children:(0,i.jsx)(n.h1,{id:"\u043e\u0431\u0437\u043e\u0440",children:"\u041e\u0431\u0437\u043e\u0440"})}),"\n",(0,i.jsxs)(n.p,{children:[(0,i.jsx)(n.strong,{children:"Feature-Sliced Design"})," (FSD) \u2014 \u044d\u0442\u043e \u0430\u0440\u0445\u0438\u0442\u0435\u043a\u0442\u0443\u0440\u043d\u0430\u044f \u043c\u0435\u0442\u043e\u0434\u043e\u043b\u043e\u0433\u0438\u044f \u0434\u043b\u044f \u043f\u0440\u043e\u0435\u043a\u0442\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u044f \u0444\u0440\u043e\u043d\u0442\u0435\u043d\u0434-\u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0439. \u041f\u0440\u043e\u0449\u0435 \u0433\u043e\u0432\u043e\u0440\u044f, \u044d\u0442\u043e \u043d\u0430\u0431\u043e\u0440 \u043f\u0440\u0430\u0432\u0438\u043b \u0438 \u0441\u043e\u0433\u043b\u0430\u0448\u0435\u043d\u0438\u0439 \u043f\u043e \u043e\u0440\u0433\u0430\u043d\u0438\u0437\u0430\u0446\u0438\u0438 \u043a\u043e\u0434\u0430. \u0413\u043b\u0430\u0432\u043d\u0430\u044f \u0446\u0435\u043b\u044c \u044d\u0442\u043e\u0439 \u043c\u0435\u0442\u043e\u0434\u043e\u043b\u043e\u0433\u0438\u0438 \u2014 \u0441\u0434\u0435\u043b\u0430\u0442\u044c \u043f\u0440\u043e\u0435\u043a\u0442 \u043f\u043e\u043d\u044f\u0442\u043d\u0435\u0435 \u0438 \u0441\u0442\u0430\u0431\u0438\u043b\u044c\u043d\u0435\u0435 \u0432 \u0443\u0441\u043b\u043e\u0432\u0438\u044f\u0445 \u043f\u043e\u0441\u0442\u043e\u044f\u043d\u043d\u043e \u043c\u0435\u043d\u044f\u044e\u0449\u0438\u0445\u0441\u044f \u0431\u0438\u0437\u043d\u0435\u0441-\u0442\u0440\u0435\u0431\u043e\u0432\u0430\u043d\u0438\u0439."]}),"\n",(0,i.jsxs)(n.p,{children:["\u041f\u043e\u043c\u0438\u043c\u043e \u043d\u0430\u0431\u043e\u0440\u0430 \u043f\u0440\u0430\u0432\u0438\u043b, FSD \u2014 \u044d\u0442\u043e \u0442\u0430\u043a\u0436\u0435 \u0446\u0435\u043b\u044b\u0439 \u0438\u043d\u0441\u0442\u0440\u0443\u043c\u0435\u043d\u0442\u0430\u0440\u0438\u0439. \u0423 \u043d\u0430\u0441 \u0435\u0441\u0442\u044c ",(0,i.jsx)(n.a,{href:"https://github.com/feature-sliced/steiger",children:"\u043b\u0438\u043d\u0442\u0435\u0440"})," \u0434\u043b\u044f \u043f\u0440\u043e\u0432\u0435\u0440\u043a\u0438 \u0430\u0440\u0445\u0438\u0442\u0435\u043a\u0442\u0443\u0440\u044b \u0432\u0430\u0448\u0435\u0433\u043e \u043f\u0440\u043e\u0435\u043a\u0442\u0430, ",(0,i.jsx)(n.a,{href:"https://github.com/feature-sliced/awesome?tab=readme-ov-file#tools",children:"\u0433\u0435\u043d\u0435\u0440\u0430\u0442\u043e\u0440\u044b \u043f\u0430\u043f\u043e\u043a"})," \u0447\u0435\u0440\u0435\u0437 CLI \u0438\u043b\u0438 IDE, \u0430 \u0442\u0430\u043a\u0436\u0435 \u0431\u043e\u0433\u0430\u0442\u0430\u044f \u0431\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a\u0430 ",(0,i.jsx)(n.a,{href:"/examples",children:"\u043f\u0440\u0438\u043c\u0435\u0440\u043e\u0432"}),"."]}),"\n",(0,i.jsx)(n.h2,{id:"is-it-right-for-me",children:"\u041f\u043e\u0434\u0445\u043e\u0434\u0438\u0442 \u043b\u0438 FSD \u043c\u043d\u0435?"}),"\n",(0,i.jsx)(n.p,{children:"FSD \u043c\u043e\u0436\u043d\u043e \u0432\u043d\u0435\u0434\u0440\u044f\u0442\u044c \u0432 \u043f\u0440\u043e\u0435\u043a\u0442\u0430\u0445 \u0438 \u043a\u043e\u043c\u0430\u043d\u0434\u0430\u0445 \u043b\u044e\u0431\u043e\u0433\u043e \u0440\u0430\u0437\u043c\u0435\u0440\u0430. \u041e\u043d\u0430 \u043f\u043e\u0434\u0445\u043e\u0434\u0438\u0442 \u0434\u043b\u044f \u0432\u0430\u0448\u0435\u0433\u043e \u043f\u0440\u043e\u0435\u043a\u0442\u0430, \u0435\u0441\u043b\u0438:"}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsxs)(n.li,{children:["\u0412\u044b \u0437\u0430\u043d\u0438\u043c\u0430\u0435\u0442\u0435\u0441\u044c ",(0,i.jsx)(n.strong,{children:"\u0444\u0440\u043e\u043d\u0442\u0435\u043d\u0434"}),"-\u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u043e\u0439 (\u0438\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441\u044b \u0434\u043b\u044f \u0441\u0430\u0439\u0442\u043e\u0432, \u043c\u043e\u0431\u0438\u043b\u044c\u043d\u044b\u0445/\u0434\u0435\u0441\u043a\u0442\u043e\u043f\u043d\u044b\u0445 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0439, \u0438 \u0442. \u0434.)"]}),"\n",(0,i.jsxs)(n.li,{children:["\u0412\u044b \u0440\u0430\u0437\u0440\u0430\u0431\u0430\u0442\u044b\u0432\u0430\u0435\u0442\u0435 ",(0,i.jsx)(n.strong,{children:"\u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0435"}),", \u0430 \u043d\u0435 \u0431\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a\u0443"]}),"\n"]}),"\n",(0,i.jsx)(n.p,{children:"\u0418 \u044d\u0442\u043e \u0432\u0441\u0435! \u041d\u0435\u0442 \u043d\u0438\u043a\u0430\u043a\u0438\u0445 \u043e\u0433\u0440\u0430\u043d\u0438\u0447\u0435\u043d\u0438\u0439 \u043d\u0430 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u043c\u044b\u0439 \u0432\u0430\u043c\u0438 \u044f\u0437\u044b\u043a \u043f\u0440\u043e\u0433\u0440\u0430\u043c\u043c\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u044f, \u0444\u0440\u0435\u0439\u043c\u0432\u043e\u0440\u043a \u0438\u043b\u0438 \u0441\u0442\u0435\u0439\u0442-\u043c\u0435\u043d\u0435\u0434\u0436\u0435\u0440. \u0415\u0449\u0451 \u0432\u044b \u043c\u043e\u0436\u0435\u0442\u0435 \u0432\u043d\u0435\u0434\u0440\u044f\u0442\u044c FSD \u043f\u043e\u0441\u0442\u0435\u043f\u0435\u043d\u043d\u043e, \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u0435\u0433\u043e \u0432 \u043c\u043e\u043d\u043e\u0440\u0435\u043f\u043e\u0437\u0438\u0442\u043e\u0440\u0438\u044f\u0445, \u0438 \u043c\u0430\u0441\u0448\u0442\u0430\u0431\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u0435\u0433\u043e \u0445\u043e\u0442\u044c \u0434\u043e \u043b\u0443\u043d\u044b, \u0440\u0430\u0437\u0434\u0435\u043b\u044f\u044f \u0432\u0430\u0448\u0435 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0435 \u043d\u0430 \u043f\u0430\u043a\u0435\u0442\u044b \u0438 \u0432\u043d\u0435\u0434\u0440\u044f\u044f FSD \u0432 \u043a\u0430\u0436\u0434\u043e\u043c \u0438\u0437 \u043d\u0438\u0445 \u043f\u043e \u043e\u0442\u0434\u0435\u043b\u044c\u043d\u043e\u0441\u0442\u0438."}),"\n",(0,i.jsxs)(n.p,{children:["\u0415\u0441\u043b\u0438 \u0443 \u0432\u0430\u0441 \u0443\u0436\u0435 \u0435\u0441\u0442\u044c \u0430\u0440\u0445\u0438\u0442\u0435\u043a\u0442\u0443\u0440\u0430, \u0438 \u0432\u044b \u043f\u043e\u0434\u0443\u043c\u044b\u0432\u0430\u0435\u0442\u0435 \u043f\u0435\u0440\u0435\u0439\u0442\u0438 \u043d\u0430 FSD, \u0443\u0431\u0435\u0434\u0438\u0442\u0435\u0441\u044c, \u0447\u0442\u043e \u0442\u0435\u043a\u0443\u0449\u0430\u044f \u0430\u0440\u0445\u0438\u0442\u0435\u043a\u0442\u0443\u0440\u0430 ",(0,i.jsx)(n.strong,{children:"\u0441\u043e\u0437\u0434\u0430\u0435\u0442 \u043f\u0440\u043e\u0431\u043b\u0435\u043c\u044b"})," \u0432 \u0432\u0430\u0448\u0435\u0439 \u043a\u043e\u043c\u0430\u043d\u0434\u0435. \u041d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, \u0435\u0441\u043b\u0438 \u0432\u0430\u0448 \u043f\u0440\u043e\u0435\u043a\u0442 \u0441\u0442\u0430\u043b \u0441\u043b\u0438\u0448\u043a\u043e\u043c \u0431\u043e\u043b\u044c\u0448\u0438\u043c \u0438 \u043f\u0435\u0440\u0435\u043f\u043b\u0435\u0442\u0451\u043d\u043d\u044b\u043c, \u0447\u0442\u043e\u0431 \u044d\u0444\u0444\u0435\u043a\u0442\u0438\u0432\u043d\u043e \u0440\u0430\u0437\u0440\u0430\u0431\u0430\u0442\u044b\u0432\u0430\u0442\u044c \u043d\u043e\u0432\u044b\u0435 \u0444\u0443\u043d\u043a\u0446\u0438\u0438, \u0438\u043b\u0438 \u0435\u0441\u043b\u0438 \u0432\u044b \u043e\u0436\u0438\u0434\u0430\u0435\u0442\u0435, \u0447\u0442\u043e \u0432 \u043a\u043e\u043c\u0430\u043d\u0434\u0443 \u043f\u0440\u0438\u0434\u0435\u0442 \u043c\u043d\u043e\u0433\u043e \u043d\u043e\u0432\u044b\u0445 \u0443\u0447\u0430\u0441\u0442\u043d\u0438\u043a\u043e\u0432. \u0415\u0441\u043b\u0438 \u0442\u0435\u043a\u0443\u0449\u0430\u044f \u0430\u0440\u0445\u0438\u0442\u0435\u043a\u0442\u0443\u0440\u0430 \u0440\u0430\u0431\u043e\u0442\u0430\u0435\u0442, \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e, \u0435\u0435 \u043d\u0435 \u0441\u0442\u043e\u0438\u0442 \u043c\u0435\u043d\u044f\u0442\u044c. \u041d\u043e \u0435\u0441\u043b\u0438 \u0432\u044b \u0432\u0441\u0451 \u0436\u0435 \u0440\u0435\u0448\u0438\u0442\u0435 \u043f\u0435\u0440\u0435\u0439\u0442\u0438, \u043e\u0437\u043d\u0430\u043a\u043e\u043c\u044c\u0442\u0435\u0441\u044c \u0441 \u0440\u0435\u043a\u043e\u043c\u0435\u043d\u0434\u0430\u0446\u0438\u044f\u043c\u0438 \u0432 \u0440\u0430\u0437\u0434\u0435\u043b\u0435 ",(0,i.jsx)(n.a,{href:"/docs/guides/migration/from-custom",children:"\u041c\u0438\u0433\u0440\u0430\u0446\u0438\u044f"}),"."]}),"\n",(0,i.jsx)(n.h2,{id:"basic-example",children:"\u0411\u0430\u0437\u043e\u0432\u044b\u0439 \u043f\u0440\u0438\u043c\u0435\u0440"}),"\n",(0,i.jsx)(n.p,{children:"\u0412\u043e\u0442 \u043f\u0440\u043e\u0441\u0442\u043e\u0439 \u043f\u0440\u043e\u0435\u043a\u0442, \u0440\u0435\u0430\u043b\u0438\u0437\u0443\u044e\u0449\u0438\u0439 FSD:"}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsx)(n.li,{children:(0,i.jsx)(n.code,{children:"\ud83d\udcc1 app"})}),"\n",(0,i.jsx)(n.li,{children:(0,i.jsx)(n.code,{children:"\ud83d\udcc1 pages"})}),"\n",(0,i.jsx)(n.li,{children:(0,i.jsx)(n.code,{children:"\ud83d\udcc1 shared"})}),"\n"]}),"\n",(0,i.jsxs)(n.p,{children:["\u042d\u0442\u0438 \u043f\u0430\u043f\u043a\u0438 \u0432\u0435\u0440\u0445\u043d\u0435\u0433\u043e \u0443\u0440\u043e\u0432\u043d\u044f \u043d\u0430\u0437\u044b\u0432\u0430\u044e\u0442\u0441\u044f ",(0,i.jsx)(n.em,{children:"\u0441\u043b\u043e\u044f\u043c\u0438"}),". \u0414\u0430\u0432\u0430\u0439\u0442\u0435 \u043f\u043e\u0441\u043c\u043e\u0442\u0440\u0438\u043c \u0433\u043b\u0443\u0431\u0436\u0435:"]}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsxs)(n.li,{children:[(0,i.jsx)(n.code,{children:"\ud83d\udcc2 app"}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsx)(n.li,{children:(0,i.jsx)(n.code,{children:"\ud83d\udcc1 routes"})}),"\n",(0,i.jsx)(n.li,{children:(0,i.jsx)(n.code,{children:"\ud83d\udcc1 analytics"})}),"\n"]}),"\n"]}),"\n",(0,i.jsxs)(n.li,{children:[(0,i.jsx)(n.code,{children:"\ud83d\udcc2 pages"}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsx)(n.li,{children:(0,i.jsx)(n.code,{children:"\ud83d\udcc1 home"})}),"\n",(0,i.jsxs)(n.li,{children:[(0,i.jsx)(n.code,{children:"\ud83d\udcc2 article-reader"}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsx)(n.li,{children:(0,i.jsx)(n.code,{children:"\ud83d\udcc1 ui"})}),"\n",(0,i.jsx)(n.li,{children:(0,i.jsx)(n.code,{children:"\ud83d\udcc1 api"})}),"\n"]}),"\n"]}),"\n",(0,i.jsx)(n.li,{children:(0,i.jsx)(n.code,{children:"\ud83d\udcc1 settings"})}),"\n"]}),"\n"]}),"\n",(0,i.jsxs)(n.li,{children:[(0,i.jsx)(n.code,{children:"\ud83d\udcc2 shared"}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsx)(n.li,{children:(0,i.jsx)(n.code,{children:"\ud83d\udcc1 ui"})}),"\n",(0,i.jsx)(n.li,{children:(0,i.jsx)(n.code,{children:"\ud83d\udcc1 api"})}),"\n"]}),"\n"]}),"\n"]}),"\n",(0,i.jsxs)(n.p,{children:["\u041f\u0430\u043f\u043a\u0438 \u0432\u043d\u0443\u0442\u0440\u0438 ",(0,i.jsx)(n.code,{children:"\ud83d\udcc2 pages"})," \u043d\u0430\u0437\u044b\u0432\u0430\u044e\u0442\u0441\u044f ",(0,i.jsx)(n.em,{children:"\u0441\u043b\u0430\u0439\u0441\u0430\u043c\u0438"}),". \u041e\u043d\u0438 \u0434\u0435\u043b\u044f\u0442 \u0441\u043b\u043e\u0439 \u043f\u043e \u0434\u043e\u043c\u0435\u043d\u0443 (\u0432 \u0434\u0430\u043d\u043d\u043e\u043c \u0441\u043b\u0443\u0447\u0430\u0435, \u043f\u043e \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0430\u043c)."]}),"\n",(0,i.jsxs)(n.p,{children:["\u041f\u0430\u043f\u043a\u0438 \u0432\u043d\u0443\u0442\u0440\u0438 ",(0,i.jsx)(n.code,{children:"\ud83d\udcc2 app"}),", ",(0,i.jsx)(n.code,{children:"\ud83d\udcc2 shared"})," \u0438 ",(0,i.jsx)(n.code,{children:"\ud83d\udcc2 pages/article-reader"})," \u043d\u0430\u0437\u044b\u0432\u0430\u044e\u0442\u0441\u044f ",(0,i.jsx)(n.em,{children:"\u0441\u0435\u0433\u043c\u0435\u043d\u0442\u0430\u043c\u0438"}),", \u0438 \u043e\u043d\u0438 \u0434\u0435\u043b\u044f\u0442 \u0441\u043b\u0430\u0439\u0441\u044b (\u0438\u043b\u0438 \u0441\u043b\u043e\u0438) \u043f\u043e \u0442\u0435\u0445\u043d\u0438\u0447\u0435\u0441\u043a\u043e\u043c\u0443 \u043d\u0430\u0437\u043d\u0430\u0447\u0435\u043d\u0438\u044e, \u0442\u043e \u0435\u0441\u0442\u044c \u043f\u043e \u0442\u043e\u043c\u0443, \u0434\u043b\u044f \u0447\u0435\u0433\u043e \u043f\u0440\u0435\u0434\u043d\u0430\u0437\u043d\u0430\u0447\u0435\u043d \u043a\u043e\u0434."]}),"\n",(0,i.jsx)(n.h2,{id:"concepts",children:"\u041f\u043e\u043d\u044f\u0442\u0438\u044f"}),"\n",(0,i.jsx)(n.p,{children:"\u0421\u043b\u043e\u0438, \u0441\u043b\u0430\u0439\u0441\u044b \u0438 \u0441\u0435\u0433\u043c\u0435\u043d\u0442\u044b \u043e\u0431\u0440\u0430\u0437\u0443\u044e\u0442 \u0438\u0435\u0440\u0430\u0440\u0445\u0438\u044e, \u043a\u0430\u043a \u043f\u043e\u043a\u0430\u0437\u0430\u043d\u043e \u043d\u0430 \u0441\u0445\u0435\u043c\u0435:"}),"\n",(0,i.jsxs)("figure",{children:[(0,i.jsx)(n.p,{children:(0,i.jsx)(n.img,{alt:"\u0418\u0435\u0440\u0430\u0440\u0445\u0438\u044f \u043a\u043e\u043d\u0446\u0435\u043f\u0446\u0438\u0439 FSD, \u043e\u043f\u0438\u0441\u0430\u043d\u043d\u0430\u044f \u043d\u0438\u0436\u0435",src:s(9273).A+"",width:"1355",height:"754"})}),(0,i.jsxs)("figcaption",{style:{fontStyle:"italic",fontSize:"0.9em"},children:[(0,i.jsx)("p",{children:'\u041d\u0430 \u043a\u0430\u0440\u0442\u0438\u043d\u043a\u0435 \u0432\u044b\u0448\u0435: \u0442\u0440\u0438 \u0441\u0442\u043e\u043b\u0431\u0438\u043a\u0430, \u043e\u0431\u043e\u0437\u043d\u0430\u0447\u0435\u043d\u043d\u044b\u0435 \u0441\u043b\u0435\u0432\u0430 \u043d\u0430\u043f\u0440\u0430\u0432\u043e \u043a\u0430\u043a "\u0421\u043b\u043e\u0438", "\u0421\u043b\u0430\u0439\u0441\u044b" \u0438 "\u0421\u0435\u0433\u043c\u0435\u043d\u0442\u044b" \u0441\u043e\u043e\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0435\u043d\u043d\u043e.'}),(0,i.jsx)("p",{children:'\u0421\u0442\u043e\u043b\u0431\u0438\u043a "\u0421\u043b\u043e\u0438" \u0441\u043e\u0434\u0435\u0440\u0436\u0438\u0442 \u0441\u0435\u043c\u044c \u0434\u0435\u043b\u0435\u043d\u0438\u0439, \u0440\u0430\u0441\u043f\u043e\u043b\u043e\u0436\u0435\u043d\u043d\u044b\u0445 \u0441\u0432\u0435\u0440\u0445\u0443 \u0432\u043d\u0438\u0437 \u0438 \u043e\u0431\u043e\u0437\u043d\u0430\u0447\u0435\u043d\u043d\u044b\u0445 "app", "processes", "pages", "widgets", "features", "entities" \u0438 "shared". \u0414\u0435\u043b\u0435\u043d\u0438\u0435 "processes" \u0437\u0430\u0447\u0435\u0440\u043a\u043d\u0443\u0442\u043e. \u0414\u0435\u043b\u0435\u043d\u0438\u0435 "entities" \u0441\u043e\u0435\u0434\u0438\u043d\u0435\u043d\u043e \u0441\u043e \u0432\u0442\u043e\u0440\u044b\u043c \u0441\u0442\u043e\u043b\u0431\u0438\u043a\u043e\u043c "\u0421\u043b\u0430\u0439\u0441\u044b", \u043f\u043e\u043a\u0430\u0437\u044b\u0432\u0430\u044f, \u0447\u0442\u043e \u0432\u0442\u043e\u0440\u043e\u0439 \u0441\u0442\u043e\u043b\u0431\u0438\u043a \u044f\u0432\u043b\u044f\u0435\u0442\u0441\u044f \u0441\u043e\u0434\u0435\u0440\u0436\u0438\u043c\u044b\u043c "entities".'}),(0,i.jsx)("p",{children:'\u0421\u0442\u043e\u043b\u0431\u0438\u043a "\u0421\u043b\u0430\u0439\u0441\u044b" \u0441\u043e\u0434\u0435\u0440\u0436\u0438\u0442 \u0442\u0440\u0438 \u0434\u0435\u043b\u0435\u043d\u0438\u044f, \u0440\u0430\u0441\u043f\u043e\u043b\u043e\u0436\u0435\u043d\u043d\u044b\u0445 \u0441\u0432\u0435\u0440\u0445\u0443 \u0432\u043d\u0438\u0437 \u0438 \u043e\u0431\u043e\u0437\u043d\u0430\u0447\u0435\u043d\u043d\u044b\u0445 "user", "post" \u0438 "comment". \u0414\u0435\u043b\u0435\u043d\u0438\u0435 "post" \u0441\u043e\u0435\u0434\u0438\u043d\u0435\u043d\u043e \u0441\u043e \u0441\u0442\u043e\u043b\u0431\u0438\u043a\u043e\u043c "\u0421\u0435\u0433\u043c\u0435\u043d\u0442\u044b" \u0442\u0430\u043a\u0438\u043c \u0436\u0435 \u043e\u0431\u0440\u0430\u0437\u043e\u043c, \u0447\u0442\u043e \u0438 \u0441\u043e\u0434\u0435\u0440\u0436\u0438\u043c\u043e\u0435 "post".'}),(0,i.jsx)("p",{children:'\u0421\u0442\u043e\u043b\u0431\u0438\u043a "\u0421\u0435\u0433\u043c\u0435\u043d\u0442\u044b" \u0441\u043e\u0434\u0435\u0440\u0436\u0438\u0442 \u0442\u0440\u0438 \u0434\u0435\u043b\u0435\u043d\u0438\u044f, \u0440\u0430\u0441\u043f\u043e\u043b\u043e\u0436\u0435\u043d\u043d\u044b\u0445 \u0441\u0432\u0435\u0440\u0445\u0443 \u0432\u043d\u0438\u0437 \u0438 \u043e\u0431\u043e\u0437\u043d\u0430\u0447\u0435\u043d\u043d\u044b\u0445 "ui", "model" \u0438 "api".'})]})]}),"\n",(0,i.jsx)(n.h3,{id:"layers",children:"\u0421\u043b\u043e\u0438"}),"\n",(0,i.jsx)(n.p,{children:"\u0421\u043b\u043e\u0438 \u0441\u0442\u0430\u043d\u0434\u0430\u0440\u0442\u0438\u0437\u0438\u0440\u043e\u0432\u0430\u043d\u044b \u0432\u043e \u0432\u0441\u0435\u0445 \u043f\u0440\u043e\u0435\u043a\u0442\u0430\u0445 FSD. \u0412\u0430\u043c \u043d\u0435 \u043e\u0431\u044f\u0437\u0430\u0442\u0435\u043b\u044c\u043d\u043e \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u0432\u0441\u0435 \u0441\u043b\u043e\u0438, \u043d\u043e \u0438\u0445 \u043d\u0430\u0437\u0432\u0430\u043d\u0438\u044f \u0432\u0430\u0436\u043d\u044b. \u041d\u0430 \u0434\u0430\u043d\u043d\u044b\u0439 \u043c\u043e\u043c\u0435\u043d\u0442 \u0438\u0445 \u0441\u0435\u043c\u044c (\u0441\u0432\u0435\u0440\u0445\u0443 \u0432\u043d\u0438\u0437):"}),"\n",(0,i.jsxs)(n.ol,{children:["\n",(0,i.jsx)(n.li,{children:"App* \u2014 \u0432\u0441\u0451, \u0431\u043b\u0430\u0433\u043e\u0434\u0430\u0440\u044f \u0447\u0435\u043c\u0443 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0435 \u0437\u0430\u043f\u0443\u0441\u043a\u0430\u0435\u0442\u0441\u044f \u2014 \u0440\u043e\u0443\u0442\u0438\u043d\u0433, \u0442\u043e\u0447\u043a\u0438 \u0432\u0445\u043e\u0434\u0430, \u0433\u043b\u043e\u0431\u0430\u043b\u044c\u043d\u044b\u0435 \u0441\u0442\u0438\u043b\u0438, \u043f\u0440\u043e\u0432\u0430\u0439\u0434\u0435\u0440\u044b \u0438 \u0442. \u0434."}),"\n",(0,i.jsx)(n.li,{children:"Processes (\u043f\u0440\u043e\u0446\u0435\u0441\u0441\u044b, \u0443\u0441\u0442\u0430\u0440\u0435\u0432\u0448\u0438\u0439) \u2014 \u0441\u043b\u043e\u0436\u043d\u044b\u0435 \u043c\u0435\u0436\u0441\u0442\u0440\u0430\u043d\u0438\u0447\u043d\u044b\u0435 \u0441\u0446\u0435\u043d\u0430\u0440\u0438\u0438."}),"\n",(0,i.jsx)(n.li,{children:"Pages (\u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b) \u2014 \u043f\u043e\u043b\u043d\u044b\u0435 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b \u0438\u043b\u0438 \u0431\u043e\u043b\u044c\u0448\u0438\u0435 \u0447\u0430\u0441\u0442\u0438 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b \u043f\u0440\u0438 \u0432\u043b\u043e\u0436\u0435\u043d\u043d\u043e\u043c \u0440\u043e\u0443\u0442\u0438\u043d\u0433\u0435."}),"\n",(0,i.jsx)(n.li,{children:"Widgets (\u0432\u0438\u0434\u0436\u0435\u0442\u044b) \u2014 \u0431\u043e\u043b\u044c\u0448\u0438\u0435 \u0441\u0430\u043c\u043e\u0434\u043e\u0441\u0442\u0430\u0442\u043e\u0447\u043d\u044b\u0435 \u043a\u0443\u0441\u043a\u0438 \u0444\u0443\u043d\u043a\u0446\u0438\u043e\u043d\u0430\u043b\u044c\u043d\u043e\u0441\u0442\u0438 \u0438\u043b\u0438 \u0438\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441\u0430, \u043e\u0431\u044b\u0447\u043d\u043e \u0440\u0435\u0430\u043b\u0438\u0437\u0443\u044e\u0449\u0438\u0435 \u0446\u0435\u043b\u044b\u0439 \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044c\u0441\u043a\u0438\u0439 \u0441\u0446\u0435\u043d\u0430\u0440\u0438\u0439."}),"\n",(0,i.jsxs)(n.li,{children:["Features (\u0444\u0438\u0447\u0438) \u2014 ",(0,i.jsx)(n.em,{children:"\u043f\u043e\u0432\u0442\u043e\u0440\u043d\u043e \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u043c\u044b\u0435"})," \u0440\u0435\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u0438 \u0446\u0435\u043b\u044b\u0445 \u0444\u0438\u0447 \u043f\u0440\u043e\u0434\u0443\u043a\u0442\u0430, \u0442\u043e \u0435\u0441\u0442\u044c \u0434\u0435\u0439\u0441\u0442\u0432\u0438\u0439, \u043f\u0440\u0438\u043d\u043e\u0441\u044f\u0449\u0438\u0445 \u0431\u0438\u0437\u043d\u0435\u0441-\u0446\u0435\u043d\u043d\u043e\u0441\u0442\u044c \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044e."]}),"\n",(0,i.jsxs)(n.li,{children:["Entities (\u0441\u0443\u0449\u043d\u043e\u0441\u0442\u0438) \u2014 \u0431\u0438\u0437\u043d\u0435\u0441-\u0441\u0443\u0449\u043d\u043e\u0441\u0442\u0438, \u0441 \u043a\u043e\u0442\u043e\u0440\u044b\u043c\u0438 \u0440\u0430\u0431\u043e\u0442\u0430\u0435\u0442 \u043f\u0440\u043e\u0435\u043a\u0442, \u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440 ",(0,i.jsx)(n.code,{children:"user"})," \u0438\u043b\u0438 ",(0,i.jsx)(n.code,{children:"product"}),"."]}),"\n",(0,i.jsx)(n.li,{children:"Shared* \u2014 \u043f\u0435\u0440\u0435\u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u043c\u044b\u0439 \u043a\u043e\u0434, \u043e\u0441\u043e\u0431\u0435\u043d\u043d\u043e \u043a\u043e\u0433\u0434\u0430 \u043e\u043d\u0430 \u043e\u0442\u0434\u0435\u043b\u0435\u043d\u0430 \u043e\u0442 \u0441\u043f\u0435\u0446\u0438\u0444\u0438\u043a\u0438 \u043f\u0440\u043e\u0435\u043a\u0442\u0430/\u0431\u0438\u0437\u043d\u0435\u0441\u0430, \u0445\u043e\u0442\u044f \u044d\u0442\u043e \u043d\u0435 \u043e\u0431\u044f\u0437\u0430\u0442\u0435\u043b\u044c\u043d\u043e."}),"\n"]}),"\n",(0,i.jsx)(n.p,{children:(0,i.jsx)(n.em,{children:"* \u2014 \u044d\u0442\u0438 \u0441\u043b\u043e\u0438, App \u0438 Shared, \u0432 \u043e\u0442\u043b\u0438\u0447\u0438\u0435 \u043e\u0442 \u0434\u0440\u0443\u0433\u0438\u0445 \u0441\u043b\u043e\u0435\u0432, \u043d\u0435 \u0438\u043c\u0435\u044e\u0442 \u0441\u043b\u0430\u0439\u0441\u043e\u0432 \u0438 \u0441\u043e\u0441\u0442\u043e\u044f\u0442 \u0438\u0437 \u0441\u0435\u0433\u043c\u0435\u043d\u0442\u043e\u0432 \u043d\u0430\u043f\u0440\u044f\u043c\u0443\u044e."})}),"\n",(0,i.jsx)(n.p,{children:"\u0424\u0438\u0448\u043a\u0430 \u0441\u043b\u043e\u0435\u0432 \u0432 \u0442\u043e\u043c, \u0447\u0442\u043e \u043c\u043e\u0434\u0443\u043b\u0438 \u043d\u0430 \u043e\u0434\u043d\u043e\u043c \u0441\u043b\u043e\u0435 \u043c\u043e\u0433\u0443\u0442 \u0437\u043d\u0430\u0442\u044c \u0442\u043e\u043b\u044c\u043a\u043e \u043e \u043c\u043e\u0434\u0443\u043b\u044f\u0445 \u0441\u043e \u0441\u043b\u043e\u0435\u0432 \u0441\u0442\u0440\u043e\u0433\u043e \u043d\u0438\u0436\u0435, \u0438 \u043a\u0430\u043a \u0441\u043b\u0435\u0434\u0441\u0442\u0432\u0438\u0435, \u0438\u043c\u043f\u043e\u0440\u0442\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u0442\u043e\u043b\u044c\u043a\u043e \u0441 \u043d\u0438\u0445."}),"\n",(0,i.jsx)(n.h3,{id:"slices",children:"\u0421\u043b\u0430\u0439\u0441\u044b"}),"\n",(0,i.jsx)(n.p,{children:"\u0414\u0430\u043b\u044c\u0448\u0435 \u0438\u0434\u0443\u0442 \u0441\u043b\u0430\u0439\u0441\u044b, \u043e\u043d\u0438 \u0434\u0435\u043b\u044f\u0442 \u0441\u043b\u043e\u0439 \u043f\u043e \u043f\u0440\u0435\u0434\u043c\u0435\u0442\u043d\u043e\u0439 \u043e\u0431\u043b\u0430\u0441\u0442\u0438. \u0412\u044b \u043c\u043e\u0436\u0435\u0442\u0435 \u043d\u0430\u0437\u044b\u0432\u0430\u0442\u044c \u0432\u0430\u0448\u0438 \u0441\u043b\u0430\u0439\u0441\u044b \u043a\u0430\u043a \u0443\u0433\u043e\u0434\u043d\u043e, \u0438 \u0441\u043e\u0437\u0434\u0430\u0432\u0430\u0442\u044c \u0438\u0445 \u0441\u043a\u043e\u043b\u044c\u043a\u043e \u0443\u0433\u043e\u0434\u043d\u043e. \u0421\u043b\u0430\u0439\u0441\u044b \u043f\u043e\u043c\u043e\u0433\u0430\u044e\u0442 \u043d\u0435 \u0442\u0435\u0440\u044f\u0442\u044c\u0441\u044f \u0432 \u043f\u0440\u043e\u0435\u043a\u0442\u0435, \u043f\u043e\u0442\u043e\u043c\u0443 \u0447\u0442\u043e \u0433\u0440\u0443\u043f\u043f\u0438\u0440\u0443\u044e\u0442 \u0442\u0435\u0441\u043d\u043e \u0441\u0432\u044f\u0437\u0430\u043d\u043d\u044b\u0439 \u043f\u043e \u0441\u043c\u044b\u0441\u043b\u0443 \u043a\u043e\u0434."}),"\n",(0,i.jsx)(n.p,{children:"\u0421\u043b\u0430\u0439\u0441\u044b \u043d\u0435 \u043c\u043e\u0433\u0443\u0442 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u0434\u0440\u0443\u0433\u0438\u0435 \u0441\u043b\u0430\u0439\u0441\u044b \u043d\u0430 \u0442\u043e\u043c \u0436\u0435 \u0441\u043b\u043e\u0435, \u0438 \u044d\u0442\u043e \u043e\u0431\u0435\u0441\u043f\u0435\u0447\u0438\u0432\u0430\u0435\u0442 \u0441\u0438\u043b\u044c\u043d\u0443\u044e \u0441\u0432\u044f\u0437\u0430\u043d\u043d\u043e\u0441\u0442\u044c \u043a\u043e\u0434\u0430 \u0432\u043d\u0443\u0442\u0440\u0438 \u0441\u043b\u0430\u0439\u0441\u0430 \u0438 \u0441\u043b\u0430\u0431\u0443\u044e \u0441\u0446\u0435\u043f\u043b\u0435\u043d\u043d\u043e\u0441\u0442\u044c \u043c\u0435\u0436\u0434\u0443 \u0441\u043b\u0430\u0439\u0441\u0430\u043c\u0438."}),"\n",(0,i.jsx)(n.h3,{id:"segments",children:"\u0421\u0435\u0433\u043c\u0435\u043d\u0442\u044b"}),"\n",(0,i.jsx)(n.p,{children:"\u0421\u043b\u0430\u0439\u0441\u044b, \u0430 \u0442\u0430\u043a\u0436\u0435 \u0441\u043b\u043e\u0438 App \u0438 Shared, \u0441\u043e\u0441\u0442\u043e\u044f\u0442 \u0438\u0437 \u0441\u0435\u0433\u043c\u0435\u043d\u0442\u043e\u0432, \u0430 \u0441\u0435\u0433\u043c\u0435\u043d\u0442\u044b \u0433\u0440\u0443\u043f\u043f\u0438\u0440\u0443\u044e\u0442 \u043a\u043e\u0434 \u043f\u043e \u0435\u0433\u043e \u043d\u0430\u0437\u043d\u0430\u0447\u0435\u043d\u0438\u044e. \u0418\u043c\u0435\u043d\u0430 \u0441\u0435\u0433\u043c\u0435\u043d\u0442\u043e\u0432 \u043d\u0435 \u0437\u0430\u0444\u0438\u043a\u0441\u0438\u0440\u043e\u0432\u0430\u043d\u044b \u0441\u0442\u0430\u043d\u0434\u0430\u0440\u0442\u043e\u043c, \u043d\u043e \u0441\u0443\u0449\u0435\u0441\u0442\u0432\u0443\u0435\u0442 \u043d\u0435\u0441\u043a\u043e\u043b\u044c\u043a\u043e \u043e\u0431\u0449\u0435\u043f\u0440\u0438\u043d\u044f\u0442\u044b\u0445 \u0438\u043c\u0435\u043d \u0434\u043b\u044f \u043d\u0430\u0438\u0431\u043e\u043b\u0435\u0435 \u0440\u0430\u0441\u043f\u0440\u043e\u0441\u0442\u0440\u0430\u043d\u0435\u043d\u043d\u044b\u0445 \u0446\u0435\u043b\u0435\u0439:"}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsxs)(n.li,{children:[(0,i.jsx)(n.code,{children:"ui"})," \u2014 \u0432\u0441\u0451, \u0447\u0442\u043e \u0441\u0432\u044f\u0437\u0430\u043d\u043e \u0441 \u043e\u0442\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u0435\u043c: UI-\u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u044b, \u0444\u043e\u0440\u043c\u0430\u0442\u0442\u0435\u0440\u044b \u0434\u0430\u0442, \u0441\u0442\u0438\u043b\u0438 \u0438 \u0442.\u0434."]}),"\n",(0,i.jsxs)(n.li,{children:[(0,i.jsx)(n.code,{children:"api"})," \u2014 \u0432\u0437\u0430\u0438\u043c\u043e\u0434\u0435\u0439\u0441\u0442\u0432\u0438\u0435 \u0441 \u0431\u044d\u043a\u0435\u043d\u0434\u043e\u043c: \u0444\u0443\u043d\u043a\u0446\u0438\u0438 \u0437\u0430\u043f\u0440\u043e\u0441\u043e\u0432, \u0442\u0438\u043f\u044b \u0434\u0430\u043d\u043d\u044b\u0445, \u043c\u0430\u043f\u043f\u0435\u0440\u044b."]}),"\n",(0,i.jsxs)(n.li,{children:[(0,i.jsx)(n.code,{children:"model"})," \u2014 \u043c\u043e\u0434\u0435\u043b\u044c \u0434\u0430\u043d\u043d\u044b\u0445: \u0441\u0445\u0435\u043c\u044b \u0432\u0430\u043b\u0438\u0434\u0430\u0446\u0438\u0438, \u0438\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441\u044b, \u0445\u0440\u0430\u043d\u0438\u043b\u0438\u0449\u0430 \u0438 \u0431\u0438\u0437\u043d\u0435\u0441-\u043b\u043e\u0433\u0438\u043a\u0430."]}),"\n",(0,i.jsxs)(n.li,{children:[(0,i.jsx)(n.code,{children:"lib"})," \u2014 \u0431\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u0447\u043d\u044b\u0439 \u043a\u043e\u0434, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u043d\u0443\u0436\u0435\u043d \u0434\u0440\u0443\u0433\u0438\u043c \u043c\u043e\u0434\u0443\u043b\u044f\u043c \u044d\u0442\u043e\u0433\u043e \u0441\u043b\u0430\u0439\u0441\u0430."]}),"\n",(0,i.jsxs)(n.li,{children:[(0,i.jsx)(n.code,{children:"config"})," \u2014 \u0444\u0430\u0439\u043b\u044b \u043a\u043e\u043d\u0444\u0438\u0433\u0443\u0440\u0430\u0446\u0438\u0438 \u0438 \u0444\u0438\u0447\u0435-\u0444\u043b\u0430\u0433\u0438."]}),"\n"]}),"\n",(0,i.jsx)(n.p,{children:"\u041e\u0431\u044b\u0447\u043d\u043e \u044d\u0442\u0438\u0445 \u0441\u0435\u0433\u043c\u0435\u043d\u0442\u043e\u0432 \u0434\u043e\u0441\u0442\u0430\u0442\u043e\u0447\u043d\u043e \u0434\u043b\u044f \u0431\u043e\u043b\u044c\u0448\u0438\u043d\u0441\u0442\u0432\u0430 \u0441\u043b\u043e\u0435\u0432, \u043f\u043e\u044d\u0442\u043e\u043c\u0443 \u0441\u0432\u043e\u0438 \u0441\u043e\u0431\u0441\u0442\u0432\u0435\u043d\u043d\u044b\u0435 \u0441\u0435\u0433\u043c\u0435\u043d\u0442\u044b \u043e\u0431\u044b\u0447\u043d\u043e \u0441\u043e\u0437\u0434\u0430\u044e\u0442 \u0442\u043e\u043b\u044c\u043a\u043e \u0432 Shared \u0438\u043b\u0438 App, \u043d\u043e \u044d\u0442\u043e \u043d\u0435 \u0436\u0451\u0441\u0442\u043a\u043e\u0435 \u043f\u0440\u0430\u0432\u0438\u043b\u043e."}),"\n",(0,i.jsx)(n.h2,{id:"advantages",children:"\u041f\u0440\u0435\u0438\u043c\u0443\u0449\u0435\u0441\u0442\u0432\u0430"}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsxs)(n.li,{children:["\n",(0,i.jsxs)(n.p,{children:[(0,i.jsx)(n.strong,{children:"\u041e\u0434\u043d\u043e\u0440\u043e\u0434\u043d\u043e\u0441\u0442\u044c"}),(0,i.jsx)(n.br,{}),"\n","\u041f\u043e\u0441\u043a\u043e\u043b\u044c\u043a\u0443 \u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u0430 \u0441\u0442\u0430\u043d\u0434\u0430\u0440\u0442\u0438\u0437\u0438\u0440\u043e\u0432\u0430\u043d\u0430, \u043f\u0440\u043e\u0435\u043a\u0442\u044b \u0441\u0442\u0430\u043d\u043e\u0432\u044f\u0442\u0441\u044f \u0431\u043e\u043b\u0435\u0435 \u0435\u0434\u0438\u043d\u043e\u043e\u0431\u0440\u0430\u0437\u043d\u044b\u043c\u0438, \u0447\u0442\u043e \u043e\u0431\u043b\u0435\u0433\u0447\u0430\u0435\u0442 \u043d\u0430\u0431\u043e\u0440 \u043d\u043e\u0432\u044b\u0445 \u0443\u0447\u0430\u0441\u0442\u043d\u0438\u043a\u043e\u0432 \u0432 \u043a\u043e\u043c\u0430\u043d\u0434\u0443."]}),"\n"]}),"\n",(0,i.jsxs)(n.li,{children:["\n",(0,i.jsxs)(n.p,{children:[(0,i.jsx)(n.strong,{children:"\u0423\u0441\u0442\u043e\u0439\u0447\u0438\u0432\u043e\u0441\u0442\u044c \u043a \u0438\u0437\u043c\u0435\u043d\u0435\u043d\u0438\u044f\u043c \u0438 \u0440\u0435\u0444\u0430\u043a\u0442\u043e\u0440\u0438\u043d\u0433\u0443"}),(0,i.jsx)(n.br,{}),"\n","\u041c\u043e\u0434\u0443\u043b\u044c \u043d\u0430 \u043e\u0434\u043d\u043e\u043c \u0441\u043b\u043e\u0435 \u043d\u0435 \u043c\u043e\u0436\u0435\u0442 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u0434\u0440\u0443\u0433\u0438\u0435 \u043c\u043e\u0434\u0443\u043b\u0438 \u043d\u0430 \u0442\u043e\u043c \u0436\u0435 \u0441\u043b\u043e\u0435 \u0438\u043b\u0438 \u0441\u043b\u043e\u044f\u0445 \u0432\u044b\u0448\u0435.",(0,i.jsx)(n.br,{}),"\n","\u042d\u0442\u043e \u043f\u043e\u0437\u0432\u043e\u043b\u044f\u0435\u0442 \u0432\u0430\u043c \u0432\u043d\u043e\u0441\u0438\u0442\u044c \u0438\u0437\u043e\u043b\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u044b\u0435 \u043f\u0440\u0430\u0432\u043a\u0438 \u0431\u0435\u0437 \u043d\u0435\u043f\u0440\u0435\u0434\u0432\u0438\u0434\u0435\u043d\u043d\u044b\u0445 \u043f\u043e\u0441\u043b\u0435\u0434\u0441\u0442\u0432\u0438\u0439 \u0434\u043b\u044f \u043e\u0441\u0442\u0430\u043b\u044c\u043d\u043e\u0439 \u0447\u0430\u0441\u0442\u0438 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f."]}),"\n"]}),"\n",(0,i.jsxs)(n.li,{children:["\n",(0,i.jsxs)(n.p,{children:[(0,i.jsx)(n.strong,{children:"\u041a\u043e\u043d\u0442\u0440\u043e\u043b\u0438\u0440\u0443\u0435\u043c\u043e\u0435 \u043f\u0435\u0440\u0435\u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u0435 \u043b\u043e\u0433\u0438\u043a\u0438"}),(0,i.jsx)(n.br,{}),"\n","\u0412 \u0437\u0430\u0432\u0438\u0441\u0438\u043c\u043e\u0441\u0442\u0438 \u043e\u0442 \u0443\u0440\u043e\u0432\u043d\u044f \u0432\u044b \u043c\u043e\u0436\u0435\u0442\u0435 \u0441\u0434\u0435\u043b\u0430\u0442\u044c \u043a\u043e\u0434 \u043b\u0438\u0431\u043e \u043e\u0447\u0435\u043d\u044c \u043f\u0435\u0440\u0435\u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u043c\u044b\u043c, \u043b\u0438\u0431\u043e \u043e\u0447\u0435\u043d\u044c \u043b\u043e\u043a\u0430\u043b\u044c\u043d\u044b\u043c.",(0,i.jsx)(n.br,{}),"\n","\u042d\u0442\u043e \u0441\u043e\u0445\u0440\u0430\u043d\u044f\u0435\u0442 \u0431\u0430\u043b\u0430\u043d\u0441 \u043c\u0435\u0436\u0434\u0443 \u0441\u043e\u0431\u043b\u044e\u0434\u0435\u043d\u0438\u0435\u043c \u043f\u0440\u0438\u043d\u0446\u0438\u043f\u0430 ",(0,i.jsx)(n.strong,{children:"DRY"})," \u0438 \u043f\u0440\u0430\u043a\u0442\u0438\u0447\u043d\u043e\u0441\u0442\u044c\u044e."]}),"\n"]}),"\n",(0,i.jsxs)(n.li,{children:["\n",(0,i.jsxs)(n.p,{children:[(0,i.jsx)(n.strong,{children:"\u041e\u0440\u0438\u0435\u043d\u0442\u0430\u0446\u0438\u044f \u043d\u0430 \u043f\u043e\u0442\u0440\u0435\u0431\u043d\u043e\u0441\u0442\u0438 \u0431\u0438\u0437\u043d\u0435\u0441\u0430 \u0438 \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u0435\u0439"}),(0,i.jsx)(n.br,{}),"\n","\u041f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0435 \u0440\u0430\u0437\u0434\u0435\u043b\u0435\u043d\u043e \u043d\u0430 \u0431\u0438\u0437\u043d\u0435\u0441-\u0434\u043e\u043c\u0435\u043d\u044b, \u0438 \u043f\u0440\u0438 \u0438\u043c\u0435\u043d\u043e\u0432\u0430\u043d\u0438\u0438 \u043f\u043e\u043e\u0449\u0440\u044f\u0435\u0442\u0441\u044f \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u0435 \u0442\u0435\u0440\u043c\u0438\u043d\u043e\u043b\u043e\u0433\u0438\u0438 \u0431\u0438\u0437\u043d\u0435\u0441\u0430, \u0447\u0442\u043e\u0431\u044b \u0432\u044b \u043c\u043e\u0433\u043b\u0438 \u0434\u0435\u043b\u0430\u0442\u044c \u043f\u043e\u043b\u0435\u0437\u043d\u0443\u044e \u0440\u0430\u0431\u043e\u0442\u0443 \u0432 \u043f\u0440\u043e\u0434\u0443\u043a\u0442\u0435, \u043d\u0435 \u0432\u043d\u0438\u043a\u0430\u044f \u043f\u043e\u043b\u043d\u043e\u0441\u0442\u044c\u044e \u0432\u043e \u0432\u0441\u0435 \u0434\u0440\u0443\u0433\u0438\u0435 \u043d\u0435\u0441\u0432\u044f\u0437\u0430\u043d\u043d\u044b\u0435 \u0447\u0430\u0441\u0442\u0438 \u043f\u0440\u043e\u0435\u043a\u0442\u0430."]}),"\n"]}),"\n"]}),"\n",(0,i.jsx)(n.h2,{id:"incremental-adoption",children:"\u041f\u043e\u0441\u0442\u0435\u043f\u0435\u043d\u043d\u043e\u0435 \u0432\u043d\u0435\u0434\u0440\u0435\u043d\u0438\u0435"}),"\n",(0,i.jsx)(n.p,{children:"\u0415\u0441\u043b\u0438 \u0443 \u0432\u0430\u0441 \u0435\u0441\u0442\u044c \u0441\u0443\u0449\u0435\u0441\u0442\u0432\u0443\u044e\u0449\u0430\u044f \u043a\u043e\u0434\u043e\u0432\u0430\u044f \u0431\u0430\u0437\u0430, \u043a\u043e\u0442\u043e\u0440\u0443\u044e \u0432\u044b \u0445\u043e\u0442\u0438\u0442\u0435 \u043f\u0435\u0440\u0435\u043d\u0435\u0441\u0442\u0438 \u043d\u0430 FSD, \u043c\u044b \u043f\u0440\u0435\u0434\u043b\u0430\u0433\u0430\u0435\u043c \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0443\u044e \u0441\u0442\u0440\u0430\u0442\u0435\u0433\u0438\u044e. \u041d\u0430 \u043d\u0430\u0448\u0435\u043c \u0441\u043e\u0431\u0441\u0442\u0432\u0435\u043d\u043d\u043e\u043c \u043e\u043f\u044b\u0442\u0435 \u043c\u0438\u0433\u0440\u0430\u0446\u0438\u0438 \u043e\u043d\u0430 \u0445\u043e\u0440\u043e\u0448\u043e \u0441\u0435\u0431\u044f \u0437\u0430\u0440\u0435\u043a\u043e\u043c\u0435\u043d\u0434\u043e\u0432\u0430\u043b\u0430."}),"\n",(0,i.jsxs)(n.ol,{children:["\n",(0,i.jsxs)(n.li,{children:["\n",(0,i.jsx)(n.p,{children:"\u041d\u0430\u0447\u043d\u0438\u0442\u0435 \u043f\u043e\u0441\u0442\u0435\u043f\u0435\u043d\u043d\u043e \u0444\u043e\u0440\u043c\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u0441\u043b\u043e\u0438 App \u0438 Shared, \u0447\u0442\u043e\u0431\u044b \u0441\u043e\u0437\u0434\u0430\u0442\u044c \u0444\u0443\u043d\u0434\u0430\u043c\u0435\u043d\u0442."}),"\n"]}),"\n",(0,i.jsxs)(n.li,{children:["\n",(0,i.jsx)(n.p,{children:"\u0420\u0430\u0441\u043a\u0438\u0434\u0430\u0439\u0442\u0435 \u0432\u0435\u0441\u044c \u0441\u0443\u0449\u0435\u0441\u0442\u0432\u0443\u044e\u0449\u0438\u0439 \u0438\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441\u043d\u044b\u0439 \u043a\u043e\u0434 \u043f\u043e \u0432\u0438\u0434\u0436\u0435\u0442\u0430\u043c \u0438 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0430\u043c, \u0434\u0430\u0436\u0435 \u0435\u0441\u043b\u0438 \u0443 \u043d\u0438\u0445 \u043f\u043e\u043a\u0430 \u0447\u0442\u043e \u0435\u0441\u0442\u044c \u0437\u0430\u0432\u0438\u0441\u0438\u043c\u043e\u0441\u0442\u0438, \u043d\u0430\u0440\u0443\u0448\u0430\u044e\u0449\u0438\u0435 \u043f\u0440\u0430\u0432\u0438\u043b\u0430 FSD."}),"\n"]}),"\n",(0,i.jsxs)(n.li,{children:["\n",(0,i.jsx)(n.p,{children:"\u041f\u043e\u0441\u0442\u0435\u043f\u0435\u043d\u043d\u043e \u0438\u0441\u043f\u0440\u0430\u0432\u043b\u044f\u0439\u0442\u0435 \u043d\u0430\u0440\u0443\u0448\u0435\u043d\u0438\u044f \u043f\u0440\u0430\u0432\u0438\u043b \u043d\u0430 \u0438\u043c\u043f\u043e\u0440\u0442\u044b, \u0430 \u043f\u043e \u0445\u043e\u0434\u0443 \u0438\u0437\u0432\u043b\u0435\u043a\u0430\u0439\u0442\u0435 \u0441\u0443\u0449\u043d\u043e\u0441\u0442\u0438 \u0438, \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e, \u0444\u0438\u0447\u0438."}),"\n"]}),"\n"]}),"\n",(0,i.jsx)(n.p,{children:"\u0420\u0435\u043a\u043e\u043c\u0435\u043d\u0434\u0443\u0435\u0442\u0441\u044f \u0432\u043e\u0437\u0434\u0435\u0440\u0436\u0430\u0442\u044c\u0441\u044f \u043e\u0442 \u0434\u043e\u0431\u0430\u0432\u043b\u0435\u043d\u0438\u044f \u043d\u043e\u0432\u044b\u0445 \u043a\u0440\u0443\u043f\u043d\u044b\u0445 \u0441\u0443\u0449\u043d\u043e\u0441\u0442\u0435\u0439 \u0432\u043e \u0432\u0440\u0435\u043c\u044f \u0440\u0435\u0444\u0430\u043a\u0442\u043e\u0440\u0438\u043d\u0433\u0430, \u0430 \u0442\u0430\u043a\u0436\u0435 \u0440\u0435\u0444\u0430\u043a\u0442\u043e\u0440\u0438\u043d\u0433\u0430 \u043f\u043e \u0447\u0430\u0441\u0442\u044f\u043c."}),"\n",(0,i.jsx)(n.h2,{id:"next-steps",children:"\u0421\u043b\u0435\u0434\u0443\u044e\u0449\u0438\u0435 \u0448\u0430\u0433\u0438"}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsxs)(n.li,{children:[(0,i.jsx)(n.strong,{children:"\u0425\u043e\u0442\u0438\u0442\u0435 \u0440\u0430\u0437\u043e\u0431\u0440\u0430\u0442\u044c\u0441\u044f \u0432 \u0442\u043e\u043c, \u043a\u0430\u043a \u043c\u044b\u0441\u043b\u0438\u0442\u044c \u043f\u043e-FSD-\u0448\u043d\u043e\u043c\u0443?"})," \u041f\u0440\u043e\u0447\u0442\u0438\u0442\u0435 ",(0,i.jsx)(n.a,{href:"/docs/get-started/tutorial",children:"\u0422\u0443\u0442\u043e\u0440\u0438\u0430\u043b"}),"."]}),"\n",(0,i.jsxs)(n.li,{children:[(0,i.jsx)(n.strong,{children:"\u041f\u0440\u0435\u0434\u043f\u043e\u0447\u0438\u0442\u0430\u0435\u0442\u0435 \u0443\u0447\u0438\u0442\u044c\u0441\u044f \u043d\u0430 \u043f\u0440\u0438\u043c\u0435\u0440\u0430\u0445?"})," \u0423 \u043d\u0430\u0441 \u0438\u0445 \u043c\u043d\u043e\u0433\u043e \u0432 \u0440\u0430\u0437\u0434\u0435\u043b\u0435 ",(0,i.jsx)(n.a,{href:"/examples",children:"\u041f\u0440\u0438\u043c\u0435\u0440\u044b"}),"."]}),"\n",(0,i.jsxs)(n.li,{children:[(0,i.jsx)(n.strong,{children:"\u0415\u0441\u0442\u044c \u0432\u043e\u043f\u0440\u043e\u0441\u044b?"})," \u0417\u0430\u0433\u043b\u044f\u043d\u0438\u0442\u0435 \u0432 \u043d\u0430\u0448 ",(0,i.jsx)(n.a,{href:"https://t.me/feature_sliced",children:"\u0447\u0430\u0442 Telegram"})," \u0438 \u0441\u043f\u0440\u043e\u0441\u0438\u0442\u0435 \u0443 \u0441\u043e\u043e\u0431\u0449\u0435\u0441\u0442\u0432\u0430."]}),"\n"]})]})}function j(e={}){const{wrapper:n}={...(0,r.R)(),...e.components};return n?(0,i.jsx)(n,{...e,children:(0,i.jsx)(x,{...e})}):x(e)}},9273:(e,n,s)=>{s.d(n,{A:()=>i});const i=s.p+"assets/images/visual_schema-e826067f573946613dcdc76e3f585082.jpg"},1100:(e,n,s)=>{s.d(n,{R:()=>d,x:()=>c});var i=s(758);const r={},l=i.createContext(r);function d(e){const n=i.useContext(l);return i.useMemo((function(){return"function"==typeof e?e(n):{...n,...e}}),[n,e])}function c(e){let n;return n=e.disableParentContext?"function"==typeof e.components?e.components(r):e.components||r:d(e.components),i.createElement(l.Provider,{value:n},e.children)}}}]);
\ No newline at end of file
diff --git a/ru/assets/js/d178dcf5.d1e989cf.js b/ru/assets/js/d178dcf5.1765458a.js
similarity index 98%
rename from ru/assets/js/d178dcf5.d1e989cf.js
rename to ru/assets/js/d178dcf5.1765458a.js
index 0ddacffa3d..a07b89f8b2 100644
--- a/ru/assets/js/d178dcf5.d1e989cf.js
+++ b/ru/assets/js/d178dcf5.1765458a.js
@@ -1 +1 @@
-"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[9467],{1928:(e,t,o)=>{o.d(t,{Ay:()=>u,RM:()=>d});var n=o(6070),i=o(1100),r=(o(758),o(6783)),s=o(7765);const a=e=>{let{ticket:t}=e;const o=`https://github.com/feature-sliced/documentation/issues/${t}`;return(0,n.jsxs)("div",{children:[(0,n.jsx)("p",{children:(0,s.T)({id:"shared.wip.title"})}),(0,n.jsx)("p",{children:(0,s.T)({id:"shared.wip.subtitle"})}),(0,n.jsxs)("ul",{children:[(0,n.jsxs)("li",{children:[(0,s.T)({id:"shared.wip.var.feedback.base"}),(0,n.jsx)(r.A,{to:o,children:(0,s.T)({id:"shared.wip.var.feedback.link"})})]}),(0,n.jsxs)("li",{children:[(0,s.T)({id:"shared.wip.var.material.base"}),(0,n.jsx)(r.A,{to:"https://t.me/feature_sliced",children:(0,s.T)({id:"shared.wip.var.material.link"})})]}),(0,n.jsxs)("li",{children:[(0,s.T)({id:"shared.wip.var.contribute.base"}),(0,n.jsx)(r.A,{to:"https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md",children:(0,s.T)({id:"shared.wip.var.contribute.link"})})]})]}),(0,n.jsx)("br",{}),(0,n.jsx)("p",{children:(0,n.jsx)("i",{children:"\ud83c\udf70 Stay tuned!"})})]})},d=[];function c(e){const t={admonition:"admonition",...(0,i.R)(),...e.components};return(0,n.jsx)(t.admonition,{title:"WIP",type:"caution",children:(0,n.jsx)(a,{ticket:e.ticket})})}function u(e={}){const{wrapper:t}={...(0,i.R)(),...e.components};return t?(0,n.jsx)(t,{...e,children:(0,n.jsx)(c,{...e})}):c(e)}},1374:(e,t,o)=>{o.r(t),o.d(t,{assets:()=>c,contentTitle:()=>a,default:()=>h,frontMatter:()=>s,metadata:()=>d,toc:()=>u});var n=o(6070),i=o(1100),r=o(1928);const s={sidebar_position:4,sidebar_class_name:"sidebar-item--wip"},a="\u041f\u0440\u043e\u0434\u0432\u0438\u0436\u0435\u043d\u0438\u0435 \u0432 \u043a\u043e\u043c\u043f\u0430\u043d\u0438\u0438",d={id:"about/promote/for-company",title:"\u041f\u0440\u043e\u0434\u0432\u0438\u0436\u0435\u043d\u0438\u0435 \u0432 \u043a\u043e\u043c\u043f\u0430\u043d\u0438\u0438",description:"\u041d\u0443\u0436\u043d\u0430 \u043b\u0438 \u043c\u0435\u0442\u043e\u0434\u043e\u043b\u043e\u0433\u0438\u044f \u043f\u0440\u043e\u0435\u043a\u0442\u0443 \u0438 \u043a\u043e\u043c\u043f\u0430\u043d\u0438\u0438?",source:"@site/i18n/ru/docusaurus-plugin-content-docs/current/about/promote/for-company.mdx",sourceDirName:"about/promote",slug:"/about/promote/for-company",permalink:"/ru/docs/about/promote/for-company",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/ru/docusaurus-plugin-content-docs/current/about/promote/for-company.mdx",tags:[],version:"current",lastUpdatedAt:1727607766e3,sidebarPosition:4,frontMatter:{sidebar_position:4,sidebar_class_name:"sidebar-item--wip"},sidebar:"aboutSidebar",previous:{title:"\u041f\u0440\u043e\u0434\u0432\u0438\u0436\u0435\u043d\u0438\u0435 \u0432 \u043a\u043e\u043c\u0430\u043d\u0434\u0435",permalink:"/ru/docs/about/promote/for-team"}},c={},u=[...r.RM,{value:"\u041d\u0443\u0436\u043d\u0430 \u043b\u0438 \u043c\u0435\u0442\u043e\u0434\u043e\u043b\u043e\u0433\u0438\u044f \u043f\u0440\u043e\u0435\u043a\u0442\u0443 \u0438 \u043a\u043e\u043c\u043f\u0430\u043d\u0438\u0438?",id:"do-the-project-and-the-company-need-a-methodology",level:2},{value:"\u041a\u0430\u043a \u043f\u043e\u0434\u0430\u0442\u044c \u043c\u0435\u0442\u043e\u0434\u043e\u043b\u043e\u0433\u0438\u044e \u0431\u0438\u0437\u043d\u0435\u0441\u0443?",id:"how-can-i-submit-a-methodology-to-a-business",level:2},{value:"\u041a\u0430\u043a \u043f\u043e\u0434\u0433\u043e\u0442\u043e\u0432\u0438\u0442\u044c \u0438 \u043e\u043f\u0440\u0430\u0432\u0434\u0430\u0442\u044c \u043f\u043b\u0430\u043d \u043f\u043e \u043f\u0435\u0440\u0435\u0435\u0437\u0434\u0443 \u043d\u0430 \u043c\u0435\u0442\u043e\u0434\u043e\u043b\u043e\u0433\u0438\u044e?",id:"how-to-prepare-and-justify-a-plan-to-move-to-the-methodology",level:2}];function l(e){const t={blockquote:"blockquote",h1:"h1",h2:"h2",header:"header",p:"p",...(0,i.R)(),...e.components};return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(t.header,{children:(0,n.jsx)(t.h1,{id:"\u043f\u0440\u043e\u0434\u0432\u0438\u0436\u0435\u043d\u0438\u0435-\u0432-\u043a\u043e\u043c\u043f\u0430\u043d\u0438\u0438",children:"\u041f\u0440\u043e\u0434\u0432\u0438\u0436\u0435\u043d\u0438\u0435 \u0432 \u043a\u043e\u043c\u043f\u0430\u043d\u0438\u0438"})}),"\n",(0,n.jsx)(r.Ay,{ticket:"206"}),"\n",(0,n.jsx)(t.h2,{id:"do-the-project-and-the-company-need-a-methodology",children:"\u041d\u0443\u0436\u043d\u0430 \u043b\u0438 \u043c\u0435\u0442\u043e\u0434\u043e\u043b\u043e\u0433\u0438\u044f \u043f\u0440\u043e\u0435\u043a\u0442\u0443 \u0438 \u043a\u043e\u043c\u043f\u0430\u043d\u0438\u0438?"}),"\n",(0,n.jsxs)(t.blockquote,{children:["\n",(0,n.jsx)(t.p,{children:"\u041f\u0440\u043e \u043e\u043f\u0440\u0430\u0432\u0434\u0430\u043d\u043d\u043e\u0441\u0442\u044c \u043f\u0440\u0438\u043c\u0435\u043d\u0435\u043d\u0438\u044f \u0438 \u0442\u0435\u0445\u0434\u043e\u043b\u0433"}),"\n"]}),"\n",(0,n.jsx)(t.h2,{id:"how-can-i-submit-a-methodology-to-a-business",children:"\u041a\u0430\u043a \u043f\u043e\u0434\u0430\u0442\u044c \u043c\u0435\u0442\u043e\u0434\u043e\u043b\u043e\u0433\u0438\u044e \u0431\u0438\u0437\u043d\u0435\u0441\u0443?"}),"\n",(0,n.jsx)(t.h2,{id:"how-to-prepare-and-justify-a-plan-to-move-to-the-methodology",children:"\u041a\u0430\u043a \u043f\u043e\u0434\u0433\u043e\u0442\u043e\u0432\u0438\u0442\u044c \u0438 \u043e\u043f\u0440\u0430\u0432\u0434\u0430\u0442\u044c \u043f\u043b\u0430\u043d \u043f\u043e \u043f\u0435\u0440\u0435\u0435\u0437\u0434\u0443 \u043d\u0430 \u043c\u0435\u0442\u043e\u0434\u043e\u043b\u043e\u0433\u0438\u044e?"})]})}function h(e={}){const{wrapper:t}={...(0,i.R)(),...e.components};return t?(0,n.jsx)(t,{...e,children:(0,n.jsx)(l,{...e})}):l(e)}},1100:(e,t,o)=>{o.d(t,{R:()=>s,x:()=>a});var n=o(758);const i={},r=n.createContext(i);function s(e){const t=n.useContext(r);return n.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function a(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(i):e.components||i:s(e.components),n.createElement(r.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
+"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[9467],{1928:(e,t,o)=>{o.d(t,{Ay:()=>u,RM:()=>d});var n=o(6070),i=o(1100),r=(o(758),o(6783)),s=o(7765);const a=e=>{let{ticket:t}=e;const o=`https://github.com/feature-sliced/documentation/issues/${t}`;return(0,n.jsxs)("div",{children:[(0,n.jsx)("p",{children:(0,s.T)({id:"shared.wip.title"})}),(0,n.jsx)("p",{children:(0,s.T)({id:"shared.wip.subtitle"})}),(0,n.jsxs)("ul",{children:[(0,n.jsxs)("li",{children:[(0,s.T)({id:"shared.wip.var.feedback.base"}),(0,n.jsx)(r.A,{to:o,children:(0,s.T)({id:"shared.wip.var.feedback.link"})})]}),(0,n.jsxs)("li",{children:[(0,s.T)({id:"shared.wip.var.material.base"}),(0,n.jsx)(r.A,{to:"https://t.me/feature_sliced",children:(0,s.T)({id:"shared.wip.var.material.link"})})]}),(0,n.jsxs)("li",{children:[(0,s.T)({id:"shared.wip.var.contribute.base"}),(0,n.jsx)(r.A,{to:"https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md",children:(0,s.T)({id:"shared.wip.var.contribute.link"})})]})]}),(0,n.jsx)("br",{}),(0,n.jsx)("p",{children:(0,n.jsx)("i",{children:"\ud83c\udf70 Stay tuned!"})})]})},d=[];function c(e){const t={admonition:"admonition",...(0,i.R)(),...e.components};return(0,n.jsx)(t.admonition,{title:"WIP",type:"caution",children:(0,n.jsx)(a,{ticket:e.ticket})})}function u(e={}){const{wrapper:t}={...(0,i.R)(),...e.components};return t?(0,n.jsx)(t,{...e,children:(0,n.jsx)(c,{...e})}):c(e)}},1374:(e,t,o)=>{o.r(t),o.d(t,{assets:()=>c,contentTitle:()=>a,default:()=>h,frontMatter:()=>s,metadata:()=>d,toc:()=>u});var n=o(6070),i=o(1100),r=o(1928);const s={sidebar_position:4,sidebar_class_name:"sidebar-item--wip"},a="\u041f\u0440\u043e\u0434\u0432\u0438\u0436\u0435\u043d\u0438\u0435 \u0432 \u043a\u043e\u043c\u043f\u0430\u043d\u0438\u0438",d={id:"about/promote/for-company",title:"\u041f\u0440\u043e\u0434\u0432\u0438\u0436\u0435\u043d\u0438\u0435 \u0432 \u043a\u043e\u043c\u043f\u0430\u043d\u0438\u0438",description:"\u041d\u0443\u0436\u043d\u0430 \u043b\u0438 \u043c\u0435\u0442\u043e\u0434\u043e\u043b\u043e\u0433\u0438\u044f \u043f\u0440\u043e\u0435\u043a\u0442\u0443 \u0438 \u043a\u043e\u043c\u043f\u0430\u043d\u0438\u0438?",source:"@site/i18n/ru/docusaurus-plugin-content-docs/current/about/promote/for-company.mdx",sourceDirName:"about/promote",slug:"/about/promote/for-company",permalink:"/ru/docs/about/promote/for-company",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/ru/docusaurus-plugin-content-docs/current/about/promote/for-company.mdx",tags:[],version:"current",lastUpdatedAt:1728325386e3,sidebarPosition:4,frontMatter:{sidebar_position:4,sidebar_class_name:"sidebar-item--wip"},sidebar:"aboutSidebar",previous:{title:"\u041f\u0440\u043e\u0434\u0432\u0438\u0436\u0435\u043d\u0438\u0435 \u0432 \u043a\u043e\u043c\u0430\u043d\u0434\u0435",permalink:"/ru/docs/about/promote/for-team"}},c={},u=[...r.RM,{value:"\u041d\u0443\u0436\u043d\u0430 \u043b\u0438 \u043c\u0435\u0442\u043e\u0434\u043e\u043b\u043e\u0433\u0438\u044f \u043f\u0440\u043e\u0435\u043a\u0442\u0443 \u0438 \u043a\u043e\u043c\u043f\u0430\u043d\u0438\u0438?",id:"do-the-project-and-the-company-need-a-methodology",level:2},{value:"\u041a\u0430\u043a \u043f\u043e\u0434\u0430\u0442\u044c \u043c\u0435\u0442\u043e\u0434\u043e\u043b\u043e\u0433\u0438\u044e \u0431\u0438\u0437\u043d\u0435\u0441\u0443?",id:"how-can-i-submit-a-methodology-to-a-business",level:2},{value:"\u041a\u0430\u043a \u043f\u043e\u0434\u0433\u043e\u0442\u043e\u0432\u0438\u0442\u044c \u0438 \u043e\u043f\u0440\u0430\u0432\u0434\u0430\u0442\u044c \u043f\u043b\u0430\u043d \u043f\u043e \u043f\u0435\u0440\u0435\u0435\u0437\u0434\u0443 \u043d\u0430 \u043c\u0435\u0442\u043e\u0434\u043e\u043b\u043e\u0433\u0438\u044e?",id:"how-to-prepare-and-justify-a-plan-to-move-to-the-methodology",level:2}];function l(e){const t={blockquote:"blockquote",h1:"h1",h2:"h2",header:"header",p:"p",...(0,i.R)(),...e.components};return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(t.header,{children:(0,n.jsx)(t.h1,{id:"\u043f\u0440\u043e\u0434\u0432\u0438\u0436\u0435\u043d\u0438\u0435-\u0432-\u043a\u043e\u043c\u043f\u0430\u043d\u0438\u0438",children:"\u041f\u0440\u043e\u0434\u0432\u0438\u0436\u0435\u043d\u0438\u0435 \u0432 \u043a\u043e\u043c\u043f\u0430\u043d\u0438\u0438"})}),"\n",(0,n.jsx)(r.Ay,{ticket:"206"}),"\n",(0,n.jsx)(t.h2,{id:"do-the-project-and-the-company-need-a-methodology",children:"\u041d\u0443\u0436\u043d\u0430 \u043b\u0438 \u043c\u0435\u0442\u043e\u0434\u043e\u043b\u043e\u0433\u0438\u044f \u043f\u0440\u043e\u0435\u043a\u0442\u0443 \u0438 \u043a\u043e\u043c\u043f\u0430\u043d\u0438\u0438?"}),"\n",(0,n.jsxs)(t.blockquote,{children:["\n",(0,n.jsx)(t.p,{children:"\u041f\u0440\u043e \u043e\u043f\u0440\u0430\u0432\u0434\u0430\u043d\u043d\u043e\u0441\u0442\u044c \u043f\u0440\u0438\u043c\u0435\u043d\u0435\u043d\u0438\u044f \u0438 \u0442\u0435\u0445\u0434\u043e\u043b\u0433"}),"\n"]}),"\n",(0,n.jsx)(t.h2,{id:"how-can-i-submit-a-methodology-to-a-business",children:"\u041a\u0430\u043a \u043f\u043e\u0434\u0430\u0442\u044c \u043c\u0435\u0442\u043e\u0434\u043e\u043b\u043e\u0433\u0438\u044e \u0431\u0438\u0437\u043d\u0435\u0441\u0443?"}),"\n",(0,n.jsx)(t.h2,{id:"how-to-prepare-and-justify-a-plan-to-move-to-the-methodology",children:"\u041a\u0430\u043a \u043f\u043e\u0434\u0433\u043e\u0442\u043e\u0432\u0438\u0442\u044c \u0438 \u043e\u043f\u0440\u0430\u0432\u0434\u0430\u0442\u044c \u043f\u043b\u0430\u043d \u043f\u043e \u043f\u0435\u0440\u0435\u0435\u0437\u0434\u0443 \u043d\u0430 \u043c\u0435\u0442\u043e\u0434\u043e\u043b\u043e\u0433\u0438\u044e?"})]})}function h(e={}){const{wrapper:t}={...(0,i.R)(),...e.components};return t?(0,n.jsx)(t,{...e,children:(0,n.jsx)(l,{...e})}):l(e)}},1100:(e,t,o)=>{o.d(t,{R:()=>s,x:()=>a});var n=o(758);const i={},r=n.createContext(i);function s(e){const t=n.useContext(r);return n.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function a(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(i):e.components||i:s(e.components),n.createElement(r.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
diff --git a/ru/assets/js/d1f19b62.97153798.js b/ru/assets/js/d1f19b62.57c55822.js
similarity index 98%
rename from ru/assets/js/d1f19b62.97153798.js
rename to ru/assets/js/d1f19b62.57c55822.js
index 85823dba0a..05b8716341 100644
--- a/ru/assets/js/d1f19b62.97153798.js
+++ b/ru/assets/js/d1f19b62.57c55822.js
@@ -1 +1 @@
-"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[9780],{1928:(e,t,i)=>{i.d(t,{Ay:()=>l,RM:()=>c});var n=i(6070),s=i(1100),r=(i(758),i(6783)),o=i(7765);const d=e=>{let{ticket:t}=e;const i=`https://github.com/feature-sliced/documentation/issues/${t}`;return(0,n.jsxs)("div",{children:[(0,n.jsx)("p",{children:(0,o.T)({id:"shared.wip.title"})}),(0,n.jsx)("p",{children:(0,o.T)({id:"shared.wip.subtitle"})}),(0,n.jsxs)("ul",{children:[(0,n.jsxs)("li",{children:[(0,o.T)({id:"shared.wip.var.feedback.base"}),(0,n.jsx)(r.A,{to:i,children:(0,o.T)({id:"shared.wip.var.feedback.link"})})]}),(0,n.jsxs)("li",{children:[(0,o.T)({id:"shared.wip.var.material.base"}),(0,n.jsx)(r.A,{to:"https://t.me/feature_sliced",children:(0,o.T)({id:"shared.wip.var.material.link"})})]}),(0,n.jsxs)("li",{children:[(0,o.T)({id:"shared.wip.var.contribute.base"}),(0,n.jsx)(r.A,{to:"https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md",children:(0,o.T)({id:"shared.wip.var.contribute.link"})})]})]}),(0,n.jsx)("br",{}),(0,n.jsx)("p",{children:(0,n.jsx)("i",{children:"\ud83c\udf70 Stay tuned!"})})]})},c=[];function a(e){const t={admonition:"admonition",...(0,s.R)(),...e.components};return(0,n.jsx)(t.admonition,{title:"WIP",type:"caution",children:(0,n.jsx)(d,{ticket:e.ticket})})}function l(e={}){const{wrapper:t}={...(0,s.R)(),...e.components};return t?(0,n.jsx)(t,{...e,children:(0,n.jsx)(a,{...e})}):a(e)}},4931:(e,t,i)=>{i.r(t),i.d(t,{assets:()=>a,contentTitle:()=>d,default:()=>h,frontMatter:()=>o,metadata:()=>c,toc:()=>l});var n=i(6070),s=i(1100),r=i(1928);const o={sidebar_position:9,sidebar_class_name:"sidebar-item--wip",unlisted:!0},d="\u041c\u043e\u043d\u043e\u0440\u0435\u043f\u043e\u0437\u0438\u0442\u043e\u0440\u0438\u0438",c={id:"guides/examples/monorepo",title:"\u041c\u043e\u043d\u043e\u0440\u0435\u043f\u043e\u0437\u0438\u0442\u043e\u0440\u0438\u0438",description:"\u041f\u0440\u043e \u043f\u0440\u0438\u043c\u0435\u043d\u0438\u043c\u043e\u0441\u0442\u044c \u0434\u043b\u044f \u043c\u043e\u043d\u043e\u0440\u0435\u043f\u043e\u0437\u0438\u0442\u043e\u0440\u0438\u0435\u0432, \u043f\u0440\u043e bff, \u043f\u0440\u043e \u043c\u0438\u043a\u0440\u043e\u0430\u043f\u043f\u044b",source:"@site/i18n/ru/docusaurus-plugin-content-docs/current/guides/examples/monorepo.mdx",sourceDirName:"guides/examples",slug:"/guides/examples/monorepo",permalink:"/ru/docs/guides/examples/monorepo",draft:!1,unlisted:!0,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/ru/docusaurus-plugin-content-docs/current/guides/examples/monorepo.mdx",tags:[],version:"current",lastUpdatedAt:1727607766e3,sidebarPosition:9,frontMatter:{sidebar_position:9,sidebar_class_name:"sidebar-item--wip",unlisted:!0},sidebar:"guidesSidebar"},a={},l=[...r.RM,{value:"\u0421\u043c. \u0442\u0430\u043a\u0436\u0435",id:"see-also",level:2}];function u(e){const t={a:"a",blockquote:"blockquote",h1:"h1",h2:"h2",header:"header",li:"li",p:"p",ul:"ul",...(0,s.R)(),...e.components};return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(t.header,{children:(0,n.jsx)(t.h1,{id:"\u043c\u043e\u043d\u043e\u0440\u0435\u043f\u043e\u0437\u0438\u0442\u043e\u0440\u0438\u0438",children:"\u041c\u043e\u043d\u043e\u0440\u0435\u043f\u043e\u0437\u0438\u0442\u043e\u0440\u0438\u0438"})}),"\n",(0,n.jsx)(r.Ay,{ticket:"221"}),"\n",(0,n.jsxs)(t.blockquote,{children:["\n",(0,n.jsx)(t.p,{children:"\u041f\u0440\u043e \u043f\u0440\u0438\u043c\u0435\u043d\u0438\u043c\u043e\u0441\u0442\u044c \u0434\u043b\u044f \u043c\u043e\u043d\u043e\u0440\u0435\u043f\u043e\u0437\u0438\u0442\u043e\u0440\u0438\u0435\u0432, \u043f\u0440\u043e bff, \u043f\u0440\u043e \u043c\u0438\u043a\u0440\u043e\u0430\u043f\u043f\u044b"}),"\n"]}),"\n",(0,n.jsx)(t.h2,{id:"see-also",children:"\u0421\u043c. \u0442\u0430\u043a\u0436\u0435"}),"\n",(0,n.jsxs)(t.ul,{children:["\n",(0,n.jsx)(t.li,{children:(0,n.jsx)(t.a,{href:"https://github.com/feature-sliced/documentation/discussions/50",children:"(\u0414\u0438\u0441\u043a\u0443\u0441\u0441\u0438\u044f) \u041f\u0440\u043e \u043c\u043e\u043d\u043e\u0440\u0435\u043f\u043e\u0437\u0438\u0442\u043e\u0440\u0438\u0438 \u0438 \u043f\u043e\u0434\u043a\u043b\u044e\u0447\u0430\u0435\u043c\u044b\u0435 \u043c\u043e\u0434\u0443\u043b\u0438-\u043f\u0430\u043a\u0435\u0442\u044b"})}),"\n",(0,n.jsx)(t.li,{children:(0,n.jsx)(t.a,{href:"https://t.me/feature_sliced/2412",children:"(\u0422\u0440\u0435\u0434) \u041f\u0440\u043e \u043f\u0440\u0438\u043c\u0435\u043d\u0435\u043d\u0438\u0435 \u0434\u043b\u044f \u043c\u043e\u043d\u043e\u0440\u0435\u043f\u043e\u0437\u0438\u0442\u043e\u0440\u0438\u044f"})}),"\n"]})]})}function h(e={}){const{wrapper:t}={...(0,s.R)(),...e.components};return t?(0,n.jsx)(t,{...e,children:(0,n.jsx)(u,{...e})}):u(e)}},1100:(e,t,i)=>{i.d(t,{R:()=>o,x:()=>d});var n=i(758);const s={},r=n.createContext(s);function o(e){const t=n.useContext(r);return n.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function d(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(s):e.components||s:o(e.components),n.createElement(r.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
+"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[9780],{1928:(e,t,i)=>{i.d(t,{Ay:()=>l,RM:()=>c});var n=i(6070),s=i(1100),r=(i(758),i(6783)),o=i(7765);const d=e=>{let{ticket:t}=e;const i=`https://github.com/feature-sliced/documentation/issues/${t}`;return(0,n.jsxs)("div",{children:[(0,n.jsx)("p",{children:(0,o.T)({id:"shared.wip.title"})}),(0,n.jsx)("p",{children:(0,o.T)({id:"shared.wip.subtitle"})}),(0,n.jsxs)("ul",{children:[(0,n.jsxs)("li",{children:[(0,o.T)({id:"shared.wip.var.feedback.base"}),(0,n.jsx)(r.A,{to:i,children:(0,o.T)({id:"shared.wip.var.feedback.link"})})]}),(0,n.jsxs)("li",{children:[(0,o.T)({id:"shared.wip.var.material.base"}),(0,n.jsx)(r.A,{to:"https://t.me/feature_sliced",children:(0,o.T)({id:"shared.wip.var.material.link"})})]}),(0,n.jsxs)("li",{children:[(0,o.T)({id:"shared.wip.var.contribute.base"}),(0,n.jsx)(r.A,{to:"https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md",children:(0,o.T)({id:"shared.wip.var.contribute.link"})})]})]}),(0,n.jsx)("br",{}),(0,n.jsx)("p",{children:(0,n.jsx)("i",{children:"\ud83c\udf70 Stay tuned!"})})]})},c=[];function a(e){const t={admonition:"admonition",...(0,s.R)(),...e.components};return(0,n.jsx)(t.admonition,{title:"WIP",type:"caution",children:(0,n.jsx)(d,{ticket:e.ticket})})}function l(e={}){const{wrapper:t}={...(0,s.R)(),...e.components};return t?(0,n.jsx)(t,{...e,children:(0,n.jsx)(a,{...e})}):a(e)}},4931:(e,t,i)=>{i.r(t),i.d(t,{assets:()=>a,contentTitle:()=>d,default:()=>h,frontMatter:()=>o,metadata:()=>c,toc:()=>l});var n=i(6070),s=i(1100),r=i(1928);const o={sidebar_position:9,sidebar_class_name:"sidebar-item--wip",unlisted:!0},d="\u041c\u043e\u043d\u043e\u0440\u0435\u043f\u043e\u0437\u0438\u0442\u043e\u0440\u0438\u0438",c={id:"guides/examples/monorepo",title:"\u041c\u043e\u043d\u043e\u0440\u0435\u043f\u043e\u0437\u0438\u0442\u043e\u0440\u0438\u0438",description:"\u041f\u0440\u043e \u043f\u0440\u0438\u043c\u0435\u043d\u0438\u043c\u043e\u0441\u0442\u044c \u0434\u043b\u044f \u043c\u043e\u043d\u043e\u0440\u0435\u043f\u043e\u0437\u0438\u0442\u043e\u0440\u0438\u0435\u0432, \u043f\u0440\u043e bff, \u043f\u0440\u043e \u043c\u0438\u043a\u0440\u043e\u0430\u043f\u043f\u044b",source:"@site/i18n/ru/docusaurus-plugin-content-docs/current/guides/examples/monorepo.mdx",sourceDirName:"guides/examples",slug:"/guides/examples/monorepo",permalink:"/ru/docs/guides/examples/monorepo",draft:!1,unlisted:!0,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/ru/docusaurus-plugin-content-docs/current/guides/examples/monorepo.mdx",tags:[],version:"current",lastUpdatedAt:1728325386e3,sidebarPosition:9,frontMatter:{sidebar_position:9,sidebar_class_name:"sidebar-item--wip",unlisted:!0},sidebar:"guidesSidebar"},a={},l=[...r.RM,{value:"\u0421\u043c. \u0442\u0430\u043a\u0436\u0435",id:"see-also",level:2}];function u(e){const t={a:"a",blockquote:"blockquote",h1:"h1",h2:"h2",header:"header",li:"li",p:"p",ul:"ul",...(0,s.R)(),...e.components};return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(t.header,{children:(0,n.jsx)(t.h1,{id:"\u043c\u043e\u043d\u043e\u0440\u0435\u043f\u043e\u0437\u0438\u0442\u043e\u0440\u0438\u0438",children:"\u041c\u043e\u043d\u043e\u0440\u0435\u043f\u043e\u0437\u0438\u0442\u043e\u0440\u0438\u0438"})}),"\n",(0,n.jsx)(r.Ay,{ticket:"221"}),"\n",(0,n.jsxs)(t.blockquote,{children:["\n",(0,n.jsx)(t.p,{children:"\u041f\u0440\u043e \u043f\u0440\u0438\u043c\u0435\u043d\u0438\u043c\u043e\u0441\u0442\u044c \u0434\u043b\u044f \u043c\u043e\u043d\u043e\u0440\u0435\u043f\u043e\u0437\u0438\u0442\u043e\u0440\u0438\u0435\u0432, \u043f\u0440\u043e bff, \u043f\u0440\u043e \u043c\u0438\u043a\u0440\u043e\u0430\u043f\u043f\u044b"}),"\n"]}),"\n",(0,n.jsx)(t.h2,{id:"see-also",children:"\u0421\u043c. \u0442\u0430\u043a\u0436\u0435"}),"\n",(0,n.jsxs)(t.ul,{children:["\n",(0,n.jsx)(t.li,{children:(0,n.jsx)(t.a,{href:"https://github.com/feature-sliced/documentation/discussions/50",children:"(\u0414\u0438\u0441\u043a\u0443\u0441\u0441\u0438\u044f) \u041f\u0440\u043e \u043c\u043e\u043d\u043e\u0440\u0435\u043f\u043e\u0437\u0438\u0442\u043e\u0440\u0438\u0438 \u0438 \u043f\u043e\u0434\u043a\u043b\u044e\u0447\u0430\u0435\u043c\u044b\u0435 \u043c\u043e\u0434\u0443\u043b\u0438-\u043f\u0430\u043a\u0435\u0442\u044b"})}),"\n",(0,n.jsx)(t.li,{children:(0,n.jsx)(t.a,{href:"https://t.me/feature_sliced/2412",children:"(\u0422\u0440\u0435\u0434) \u041f\u0440\u043e \u043f\u0440\u0438\u043c\u0435\u043d\u0435\u043d\u0438\u0435 \u0434\u043b\u044f \u043c\u043e\u043d\u043e\u0440\u0435\u043f\u043e\u0437\u0438\u0442\u043e\u0440\u0438\u044f"})}),"\n"]})]})}function h(e={}){const{wrapper:t}={...(0,s.R)(),...e.components};return t?(0,n.jsx)(t,{...e,children:(0,n.jsx)(u,{...e})}):u(e)}},1100:(e,t,i)=>{i.d(t,{R:()=>o,x:()=>d});var n=i(758);const s={},r=n.createContext(s);function o(e){const t=n.useContext(r);return n.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function d(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(s):e.components||s:o(e.components),n.createElement(r.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
diff --git a/ru/assets/js/d595dc26.151b7d06.js b/ru/assets/js/d595dc26.a8f82a70.js
similarity index 99%
rename from ru/assets/js/d595dc26.151b7d06.js
rename to ru/assets/js/d595dc26.a8f82a70.js
index c33113c938..bc4ad6ded1 100644
--- a/ru/assets/js/d595dc26.151b7d06.js
+++ b/ru/assets/js/d595dc26.a8f82a70.js
@@ -1 +1 @@
-"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[8775],{5789:(e,n,s)=>{s.r(n),s.d(n,{assets:()=>o,contentTitle:()=>d,default:()=>u,frontMatter:()=>r,metadata:()=>c,toc:()=>l});var i=s(6070),t=s(1100);const r={sidebar_position:4},d="\u041d\u0435\u0439\u043c\u0438\u043d\u0433",c={id:"about/understanding/naming",title:"\u041d\u0435\u0439\u043c\u0438\u043d\u0433",description:"\u0423 \u0440\u0430\u0437\u043d\u044b\u0445 \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a\u043e\u0432 \u0440\u0430\u0437\u043b\u0438\u0447\u043d\u044b\u0439 \u043e\u043f\u044b\u0442 \u0438 \u043a\u043e\u043d\u0442\u0435\u043a\u0441\u0442, \u0447\u0442\u043e \u043c\u043e\u0436\u0435\u0442 \u043f\u0440\u0438\u0432\u0435\u0441\u0442\u0438 \u043a \u043d\u0435\u0434\u043e\u043f\u043e\u043d\u0438\u043c\u0430\u043d\u0438\u044e \u0432 \u043a\u043e\u043c\u0430\u043d\u0434\u0435, \u043a\u043e\u0433\u0434\u0430 \u043e\u0434\u043d\u0438 \u0438 \u0442\u0435 \u0436\u0435 \u0441\u0443\u0449\u043d\u043e\u0441\u0442\u0438 \u043d\u0430\u0437\u044b\u0432\u0430\u044e\u0442\u0441\u044f \u043f\u043e-\u0440\u0430\u0437\u043d\u043e\u043c\u0443. \u041d\u0430\u043f\u0440\u0438\u043c\u0435\u0440:",source:"@site/i18n/ru/docusaurus-plugin-content-docs/current/about/understanding/naming.md",sourceDirName:"about/understanding",slug:"/about/understanding/naming",permalink:"/ru/docs/about/understanding/naming",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/ru/docusaurus-plugin-content-docs/current/about/understanding/naming.md",tags:[],version:"current",lastUpdatedAt:1727607766e3,sidebarPosition:4,frontMatter:{sidebar_position:4},sidebar:"aboutSidebar",previous:{title:"\u0422\u0438\u043f\u044b \u0437\u043d\u0430\u043d\u0438\u0439",permalink:"/ru/docs/about/understanding/knowledge-types"},next:{title:"\u0421\u0438\u0433\u043d\u0430\u043b\u044b \u0430\u0440\u0445\u0438\u0442\u0435\u043a\u0442\u0443\u0440\u044b",permalink:"/ru/docs/about/understanding/signals"}},o={},l=[{value:"\u041d\u0435\u0439\u043c\u0438\u043d\u0433 \u0432 Feature-Sliced Design",id:"naming-in-fsd",level:2},{value:"\u041a\u043e\u043d\u0444\u043b\u0438\u043a\u0442\u044b \u043d\u0435\u0439\u043c\u0438\u043d\u0433\u0430",id:"when-can-naming-interfere",level:2},{value:"\u0421\u043c. \u0442\u0430\u043a\u0436\u0435",id:"see-also",level:2}];function a(e){const n={a:"a",code:"code",h1:"h1",h2:"h2",header:"header",li:"li",p:"p",strong:"strong",ul:"ul",...(0,t.R)(),...e.components};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(n.header,{children:(0,i.jsx)(n.h1,{id:"\u043d\u0435\u0439\u043c\u0438\u043d\u0433",children:"\u041d\u0435\u0439\u043c\u0438\u043d\u0433"})}),"\n",(0,i.jsx)(n.p,{children:"\u0423 \u0440\u0430\u0437\u043d\u044b\u0445 \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a\u043e\u0432 \u0440\u0430\u0437\u043b\u0438\u0447\u043d\u044b\u0439 \u043e\u043f\u044b\u0442 \u0438 \u043a\u043e\u043d\u0442\u0435\u043a\u0441\u0442, \u0447\u0442\u043e \u043c\u043e\u0436\u0435\u0442 \u043f\u0440\u0438\u0432\u0435\u0441\u0442\u0438 \u043a \u043d\u0435\u0434\u043e\u043f\u043e\u043d\u0438\u043c\u0430\u043d\u0438\u044e \u0432 \u043a\u043e\u043c\u0430\u043d\u0434\u0435, \u043a\u043e\u0433\u0434\u0430 \u043e\u0434\u043d\u0438 \u0438 \u0442\u0435 \u0436\u0435 \u0441\u0443\u0449\u043d\u043e\u0441\u0442\u0438 \u043d\u0430\u0437\u044b\u0432\u0430\u044e\u0442\u0441\u044f \u043f\u043e-\u0440\u0430\u0437\u043d\u043e\u043c\u0443. \u041d\u0430\u043f\u0440\u0438\u043c\u0435\u0440:"}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsx)(n.li,{children:'\u041a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u044b \u0434\u043b\u044f \u043e\u0442\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u044f \u043c\u043e\u0433\u0443\u0442 \u043d\u0430\u0437\u044b\u0432\u0430\u0442\u044c\u0441\u044f "ui", "components", "ui-kit", "views", \u2026'}),"\n",(0,i.jsx)(n.li,{children:'\u041a\u043e\u0434, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u043f\u043e\u0432\u0442\u043e\u0440\u043d\u043e \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u0442\u0441\u044f \u0432\u043e \u0432\u0441\u0435\u043c \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0438, \u043c\u043e\u0436\u0435\u0442 \u043d\u0430\u0437\u044b\u0432\u0430\u0442\u044c\u0441\u044f "core", "shared", "app", \u2026'}),"\n",(0,i.jsx)(n.li,{children:'\u041a\u043e\u0434 \u0431\u0438\u0437\u043d\u0435\u0441-\u043b\u043e\u0433\u0438\u043a\u0438 \u043c\u043e\u0436\u0435\u0442 \u043d\u0430\u0437\u044b\u0432\u0430\u0442\u044c\u0441\u044f "store", "model", "state", \u2026'}),"\n"]}),"\n",(0,i.jsx)(n.h2,{id:"naming-in-fsd",children:"\u041d\u0435\u0439\u043c\u0438\u043d\u0433 \u0432 Feature-Sliced Design"}),"\n",(0,i.jsx)(n.p,{children:"\u0412 \u043c\u0435\u0442\u043e\u0434\u043e\u043b\u043e\u0433\u0438\u0438 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u044e\u0442\u0441\u044f \u0442\u0430\u043a\u0438\u0435 \u0441\u043f\u0435\u0446\u0438\u0444\u0438\u0447\u0435\u0441\u043a\u0438\u0435 \u0442\u0435\u0440\u043c\u0438\u043d\u044b, \u043a\u0430\u043a:"}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsx)(n.li,{children:'"app", "process", "page", "feature", "entity", "shared" \u043a\u0430\u043a \u0438\u043c\u0435\u043d\u0430 \u0441\u043b\u043e\u0435\u0432,'}),"\n",(0,i.jsx)(n.li,{children:'"ui\', "model", "lib", "api", "config" \u043a\u0430\u043a \u0438\u043c\u0435\u043d\u0430 \u0441\u0435\u0433\u043c\u0435\u043d\u0442\u043e\u0432.'}),"\n"]}),"\n",(0,i.jsx)(n.p,{children:"\u041e\u0447\u0435\u043d\u044c \u0432\u0430\u0436\u043d\u043e \u043f\u0440\u0438\u0434\u0435\u0440\u0436\u0438\u0432\u0430\u0442\u044c\u0441\u044f \u044d\u0442\u0438\u0445 \u0442\u0435\u0440\u043c\u0438\u043d\u043e\u0432, \u0447\u0442\u043e\u0431\u044b \u043f\u0440\u0435\u0434\u043e\u0442\u0432\u0440\u0430\u0442\u0438\u0442\u044c \u043f\u0443\u0442\u0430\u043d\u0438\u0446\u0443 \u0441\u0440\u0435\u0434\u0438 \u0447\u043b\u0435\u043d\u043e\u0432 \u043a\u043e\u043c\u0430\u043d\u0434\u044b \u0438 \u043d\u043e\u0432\u044b\u0445 \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a\u043e\u0432, \u043f\u0440\u0438\u0441\u043e\u0435\u0434\u0438\u043d\u044f\u044e\u0449\u0438\u0445\u0441\u044f \u043a \u043f\u0440\u043e\u0435\u043a\u0442\u0443. \u0418\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u0435 \u0441\u0442\u0430\u043d\u0434\u0430\u0440\u0442\u043d\u044b\u0445 \u043d\u0430\u0437\u0432\u0430\u043d\u0438\u0439 \u0442\u0430\u043a\u0436\u0435 \u043f\u043e\u043c\u043e\u0433\u0430\u0435\u0442 \u043f\u0440\u0438 \u043e\u0431\u0440\u0430\u0449\u0435\u043d\u0438\u0438 \u0437\u0430 \u043f\u043e\u043c\u043e\u0449\u044c\u044e \u043a \u0441\u043e\u043e\u0431\u0449\u0435\u0441\u0442\u0432\u0443."}),"\n",(0,i.jsx)(n.h2,{id:"when-can-naming-interfere",children:"\u041a\u043e\u043d\u0444\u043b\u0438\u043a\u0442\u044b \u043d\u0435\u0439\u043c\u0438\u043d\u0433\u0430"}),"\n",(0,i.jsx)(n.p,{children:"\u041a\u043e\u043d\u0444\u043b\u0438\u043a\u0442\u044b \u043d\u0435\u0439\u043c\u0438\u043d\u0433\u0430 \u043c\u043e\u0433\u0443\u0442 \u0432\u043e\u0437\u043d\u0438\u043a\u0430\u0442\u044c, \u043a\u043e\u0433\u0434\u0430 \u0442\u0435\u0440\u043c\u0438\u043d\u044b, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u044e\u0442\u0441\u044f \u0432 \u043c\u0435\u0442\u043e\u0434\u043e\u043b\u043e\u0433\u0438\u0438 FSD, \u043f\u0435\u0440\u0435\u0441\u0435\u043a\u0430\u044e\u0442\u0441\u044f \u0441 \u0442\u0435\u0440\u043c\u0438\u043d\u0430\u043c\u0438, \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u043c\u044b\u043c\u0438 \u0432 \u0431\u0438\u0437\u043d\u0435\u0441\u0435:"}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsxs)(n.li,{children:[(0,i.jsx)(n.code,{children:"FSD#process"})," vs \u043c\u043e\u0434\u0435\u043b\u0438\u0440\u0443\u0435\u043c\u044b\u0439 \u043f\u0440\u043e\u0446\u0435\u0441\u0441 \u0432 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0438,"]}),"\n",(0,i.jsxs)(n.li,{children:[(0,i.jsx)(n.code,{children:"FSD#page"})," vs \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0430 \u0436\u0443\u0440\u043d\u0430\u043b\u0430,"]}),"\n",(0,i.jsxs)(n.li,{children:[(0,i.jsx)(n.code,{children:"FSD#model"})," vs \u043c\u043e\u0434\u0435\u043b\u044c \u0430\u0432\u0442\u043e\u043c\u043e\u0431\u0438\u043b\u044f."]}),"\n"]}),"\n",(0,i.jsxs)(n.p,{children:['\u041d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a, \u0443\u0432\u0438\u0434\u0435\u0432 \u0432 \u043a\u043e\u0434\u0435 \u0441\u043b\u043e\u0432\u043e "\u043f\u0440\u043e\u0446\u0435\u0441\u0441", \u043f\u043e\u0442\u0440\u0430\u0442\u0438\u0442 \u043b\u0438\u0448\u043d\u0435\u0435 \u0432\u0440\u0435\u043c\u044f, \u043f\u044b\u0442\u0430\u044f\u0441\u044c \u043f\u043e\u043d\u044f\u0442\u044c, \u043a\u0430\u043a\u043e\u0439 \u043f\u0440\u043e\u0446\u0435\u0441\u0441 \u043f\u043e\u0434\u0440\u0430\u0437\u0443\u043c\u0435\u0432\u0430\u0435\u0442\u0441\u044f. \u0422\u0430\u043a\u0438\u0435 ',(0,i.jsx)(n.strong,{children:"\u043a\u043e\u043b\u043b\u0438\u0437\u0438\u0438 \u043c\u043e\u0433\u0443\u0442 \u043d\u0430\u0440\u0443\u0448\u0438\u0442\u044c \u043f\u0440\u043e\u0446\u0435\u0441\u0441 \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u0438"}),"."]}),"\n",(0,i.jsx)(n.p,{children:"\u041a\u043e\u0433\u0434\u0430 \u0433\u043b\u043e\u0441\u0441\u0430\u0440\u0438\u0439 \u043f\u0440\u043e\u0435\u043a\u0442\u0430 \u0441\u043e\u0434\u0435\u0440\u0436\u0438\u0442 \u0442\u0435\u0440\u043c\u0438\u043d\u043e\u043b\u043e\u0433\u0438\u044e, \u0445\u0430\u0440\u0430\u043a\u0442\u0435\u0440\u043d\u0443\u044e \u0434\u043b\u044f FSD, \u043a\u0440\u0430\u0439\u043d\u0435 \u0432\u0430\u0436\u043d\u043e \u043f\u0440\u043e\u044f\u0432\u043b\u044f\u0442\u044c \u043e\u0441\u0442\u043e\u0440\u043e\u0436\u043d\u043e\u0441\u0442\u044c \u043f\u0440\u0438 \u043e\u0431\u0441\u0443\u0436\u0434\u0435\u043d\u0438\u0438 \u044d\u0442\u0438\u0445 \u0442\u0435\u0440\u043c\u0438\u043d\u043e\u0432 \u0441 \u043a\u043e\u043c\u0430\u043d\u0434\u043e\u0439 \u0438 \u0442\u0435\u0445\u043d\u0438\u0447\u0435\u0441\u043a\u0438\u043c\u0438 \u043d\u0435\u0437\u0430\u0438\u043d\u0442\u0435\u0440\u0435\u0441\u043e\u0432\u0430\u043d\u043d\u044b\u043c\u0438 \u0441\u0442\u043e\u0440\u043e\u043d\u0430\u043c\u0438."}),"\n",(0,i.jsx)(n.p,{children:'\u0427\u0442\u043e\u0431\u044b \u044d\u0444\u0444\u0435\u043a\u0442\u0438\u0432\u043d\u043e \u043e\u0431\u0449\u0430\u0442\u044c\u0441\u044f \u0441 \u043a\u043e\u043c\u0430\u043d\u0434\u043e\u0439, \u0440\u0435\u043a\u043e\u043c\u0435\u043d\u0434\u0443\u0435\u0442\u0441\u044f \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u0430\u0431\u0431\u0440\u0435\u0432\u0438\u0430\u0442\u0443\u0440\u0443 "FSD" \u0434\u043b\u044f \u043f\u0440\u0435\u0444\u0438\u043a\u0441\u0430\u0446\u0438\u0438 \u0442\u0435\u0440\u043c\u0438\u043d\u043e\u0432 \u043c\u0435\u0442\u043e\u0434\u043e\u043b\u043e\u0433\u0438\u0438. \u041d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, \u043a\u043e\u0433\u0434\u0430 \u0440\u0435\u0447\u044c \u0438\u0434\u0435\u0442 \u043e \u043f\u0440\u043e\u0446\u0435\u0441\u0441\u0435, \u043c\u043e\u0436\u043d\u043e \u0441\u043a\u0430\u0437\u0430\u0442\u044c: "\u041c\u044b \u043c\u043e\u0436\u0435\u043c \u043f\u043e\u043c\u0435\u0441\u0442\u0438\u0442\u044c \u044d\u0442\u043e\u0442 \u043f\u0440\u043e\u0446\u0435\u0441\u0441 \u043d\u0430 \u0441\u043b\u043e\u0439 FSD features".'}),"\n",(0,i.jsx)(n.p,{children:"\u0418 \u043d\u0430\u043e\u0431\u043e\u0440\u043e\u0442, \u043f\u0440\u0438 \u043e\u0431\u0449\u0435\u043d\u0438\u0438 \u0441 \u043d\u0435\u0442\u0435\u0445\u043d\u0438\u0447\u0435\u0441\u043a\u0438\u043c\u0438 \u0437\u0430\u0438\u043d\u0442\u0435\u0440\u0435\u0441\u043e\u0432\u0430\u043d\u043d\u044b\u043c\u0438 \u0441\u0442\u043e\u0440\u043e\u043d\u0430\u043c\u0438 \u043b\u0443\u0447\u0448\u0435 \u043e\u0433\u0440\u0430\u043d\u0438\u0447\u0438\u0432\u0430\u0442\u044c \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u0435 \u0442\u0435\u0440\u043c\u0438\u043d\u043e\u043b\u043e\u0433\u0438\u0438 FSD, \u0430 \u0442\u0430\u043a\u0436\u0435 \u0432\u043e\u0437\u0434\u0435\u0440\u0436\u0430\u0442\u044c\u0441\u044f \u043e\u0442 \u0443\u043f\u043e\u043c\u0438\u043d\u0430\u043d\u0438\u044f \u0432\u043d\u0443\u0442\u0440\u0435\u043d\u043d\u0435\u0439 \u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u044b \u043a\u043e\u0434\u043e\u0432\u043e\u0439 \u0431\u0430\u0437\u044b."}),"\n",(0,i.jsx)(n.h2,{id:"see-also",children:"\u0421\u043c. \u0442\u0430\u043a\u0436\u0435"}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsx)(n.li,{children:(0,i.jsx)(n.a,{href:"https://github.com/feature-sliced/documentation/discussions/16",children:"(\u041e\u0431\u0441\u0443\u0436\u0434\u0435\u043d\u0438\u0435) \u0410\u0434\u0430\u043f\u0442\u0438\u0432\u043d\u043e\u0441\u0442\u044c \u043d\u0435\u0439\u043c\u0438\u043d\u0433\u0430"})}),"\n",(0,i.jsx)(n.li,{children:(0,i.jsx)(n.a,{href:"https://github.com/feature-sliced/documentation/discussions/31#discussioncomment-464894",children:"(\u041e\u0431\u0441\u0443\u0436\u0434\u0435\u043d\u0438\u0435) \u041e\u043f\u0440\u043e\u0441 \u043f\u043e \u043d\u0435\u0439\u043c\u0438\u043d\u0433\u0443 \u0441\u0443\u0449\u043d\u043e\u0441\u0442\u0435\u0439"})}),"\n",(0,i.jsx)(n.li,{children:(0,i.jsx)(n.a,{href:"https://github.com/feature-sliced/documentation/discussions/20",children:'(\u041e\u0431\u0441\u0443\u0436\u0434\u0435\u043d\u0438\u0435) "processes" vs "flows" vs ...'})}),"\n",(0,i.jsx)(n.li,{children:(0,i.jsx)(n.a,{href:"https://github.com/feature-sliced/documentation/discussions/68",children:'(\u041e\u0431\u0441\u0443\u0436\u0434\u0435\u043d\u0438\u0435) "model" vs "store" vs ...'})}),"\n"]})]})}function u(e={}){const{wrapper:n}={...(0,t.R)(),...e.components};return n?(0,i.jsx)(n,{...e,children:(0,i.jsx)(a,{...e})}):a(e)}},1100:(e,n,s)=>{s.d(n,{R:()=>d,x:()=>c});var i=s(758);const t={},r=i.createContext(t);function d(e){const n=i.useContext(r);return i.useMemo((function(){return"function"==typeof e?e(n):{...n,...e}}),[n,e])}function c(e){let n;return n=e.disableParentContext?"function"==typeof e.components?e.components(t):e.components||t:d(e.components),i.createElement(r.Provider,{value:n},e.children)}}}]);
\ No newline at end of file
+"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[8775],{5789:(e,n,s)=>{s.r(n),s.d(n,{assets:()=>o,contentTitle:()=>d,default:()=>u,frontMatter:()=>r,metadata:()=>c,toc:()=>l});var i=s(6070),t=s(1100);const r={sidebar_position:4},d="\u041d\u0435\u0439\u043c\u0438\u043d\u0433",c={id:"about/understanding/naming",title:"\u041d\u0435\u0439\u043c\u0438\u043d\u0433",description:"\u0423 \u0440\u0430\u0437\u043d\u044b\u0445 \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a\u043e\u0432 \u0440\u0430\u0437\u043b\u0438\u0447\u043d\u044b\u0439 \u043e\u043f\u044b\u0442 \u0438 \u043a\u043e\u043d\u0442\u0435\u043a\u0441\u0442, \u0447\u0442\u043e \u043c\u043e\u0436\u0435\u0442 \u043f\u0440\u0438\u0432\u0435\u0441\u0442\u0438 \u043a \u043d\u0435\u0434\u043e\u043f\u043e\u043d\u0438\u043c\u0430\u043d\u0438\u044e \u0432 \u043a\u043e\u043c\u0430\u043d\u0434\u0435, \u043a\u043e\u0433\u0434\u0430 \u043e\u0434\u043d\u0438 \u0438 \u0442\u0435 \u0436\u0435 \u0441\u0443\u0449\u043d\u043e\u0441\u0442\u0438 \u043d\u0430\u0437\u044b\u0432\u0430\u044e\u0442\u0441\u044f \u043f\u043e-\u0440\u0430\u0437\u043d\u043e\u043c\u0443. \u041d\u0430\u043f\u0440\u0438\u043c\u0435\u0440:",source:"@site/i18n/ru/docusaurus-plugin-content-docs/current/about/understanding/naming.md",sourceDirName:"about/understanding",slug:"/about/understanding/naming",permalink:"/ru/docs/about/understanding/naming",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/ru/docusaurus-plugin-content-docs/current/about/understanding/naming.md",tags:[],version:"current",lastUpdatedAt:1728325386e3,sidebarPosition:4,frontMatter:{sidebar_position:4},sidebar:"aboutSidebar",previous:{title:"\u0422\u0438\u043f\u044b \u0437\u043d\u0430\u043d\u0438\u0439",permalink:"/ru/docs/about/understanding/knowledge-types"},next:{title:"\u0421\u0438\u0433\u043d\u0430\u043b\u044b \u0430\u0440\u0445\u0438\u0442\u0435\u043a\u0442\u0443\u0440\u044b",permalink:"/ru/docs/about/understanding/signals"}},o={},l=[{value:"\u041d\u0435\u0439\u043c\u0438\u043d\u0433 \u0432 Feature-Sliced Design",id:"naming-in-fsd",level:2},{value:"\u041a\u043e\u043d\u0444\u043b\u0438\u043a\u0442\u044b \u043d\u0435\u0439\u043c\u0438\u043d\u0433\u0430",id:"when-can-naming-interfere",level:2},{value:"\u0421\u043c. \u0442\u0430\u043a\u0436\u0435",id:"see-also",level:2}];function a(e){const n={a:"a",code:"code",h1:"h1",h2:"h2",header:"header",li:"li",p:"p",strong:"strong",ul:"ul",...(0,t.R)(),...e.components};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(n.header,{children:(0,i.jsx)(n.h1,{id:"\u043d\u0435\u0439\u043c\u0438\u043d\u0433",children:"\u041d\u0435\u0439\u043c\u0438\u043d\u0433"})}),"\n",(0,i.jsx)(n.p,{children:"\u0423 \u0440\u0430\u0437\u043d\u044b\u0445 \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a\u043e\u0432 \u0440\u0430\u0437\u043b\u0438\u0447\u043d\u044b\u0439 \u043e\u043f\u044b\u0442 \u0438 \u043a\u043e\u043d\u0442\u0435\u043a\u0441\u0442, \u0447\u0442\u043e \u043c\u043e\u0436\u0435\u0442 \u043f\u0440\u0438\u0432\u0435\u0441\u0442\u0438 \u043a \u043d\u0435\u0434\u043e\u043f\u043e\u043d\u0438\u043c\u0430\u043d\u0438\u044e \u0432 \u043a\u043e\u043c\u0430\u043d\u0434\u0435, \u043a\u043e\u0433\u0434\u0430 \u043e\u0434\u043d\u0438 \u0438 \u0442\u0435 \u0436\u0435 \u0441\u0443\u0449\u043d\u043e\u0441\u0442\u0438 \u043d\u0430\u0437\u044b\u0432\u0430\u044e\u0442\u0441\u044f \u043f\u043e-\u0440\u0430\u0437\u043d\u043e\u043c\u0443. \u041d\u0430\u043f\u0440\u0438\u043c\u0435\u0440:"}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsx)(n.li,{children:'\u041a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u044b \u0434\u043b\u044f \u043e\u0442\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u044f \u043c\u043e\u0433\u0443\u0442 \u043d\u0430\u0437\u044b\u0432\u0430\u0442\u044c\u0441\u044f "ui", "components", "ui-kit", "views", \u2026'}),"\n",(0,i.jsx)(n.li,{children:'\u041a\u043e\u0434, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u043f\u043e\u0432\u0442\u043e\u0440\u043d\u043e \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u0442\u0441\u044f \u0432\u043e \u0432\u0441\u0435\u043c \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0438, \u043c\u043e\u0436\u0435\u0442 \u043d\u0430\u0437\u044b\u0432\u0430\u0442\u044c\u0441\u044f "core", "shared", "app", \u2026'}),"\n",(0,i.jsx)(n.li,{children:'\u041a\u043e\u0434 \u0431\u0438\u0437\u043d\u0435\u0441-\u043b\u043e\u0433\u0438\u043a\u0438 \u043c\u043e\u0436\u0435\u0442 \u043d\u0430\u0437\u044b\u0432\u0430\u0442\u044c\u0441\u044f "store", "model", "state", \u2026'}),"\n"]}),"\n",(0,i.jsx)(n.h2,{id:"naming-in-fsd",children:"\u041d\u0435\u0439\u043c\u0438\u043d\u0433 \u0432 Feature-Sliced Design"}),"\n",(0,i.jsx)(n.p,{children:"\u0412 \u043c\u0435\u0442\u043e\u0434\u043e\u043b\u043e\u0433\u0438\u0438 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u044e\u0442\u0441\u044f \u0442\u0430\u043a\u0438\u0435 \u0441\u043f\u0435\u0446\u0438\u0444\u0438\u0447\u0435\u0441\u043a\u0438\u0435 \u0442\u0435\u0440\u043c\u0438\u043d\u044b, \u043a\u0430\u043a:"}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsx)(n.li,{children:'"app", "process", "page", "feature", "entity", "shared" \u043a\u0430\u043a \u0438\u043c\u0435\u043d\u0430 \u0441\u043b\u043e\u0435\u0432,'}),"\n",(0,i.jsx)(n.li,{children:'"ui\', "model", "lib", "api", "config" \u043a\u0430\u043a \u0438\u043c\u0435\u043d\u0430 \u0441\u0435\u0433\u043c\u0435\u043d\u0442\u043e\u0432.'}),"\n"]}),"\n",(0,i.jsx)(n.p,{children:"\u041e\u0447\u0435\u043d\u044c \u0432\u0430\u0436\u043d\u043e \u043f\u0440\u0438\u0434\u0435\u0440\u0436\u0438\u0432\u0430\u0442\u044c\u0441\u044f \u044d\u0442\u0438\u0445 \u0442\u0435\u0440\u043c\u0438\u043d\u043e\u0432, \u0447\u0442\u043e\u0431\u044b \u043f\u0440\u0435\u0434\u043e\u0442\u0432\u0440\u0430\u0442\u0438\u0442\u044c \u043f\u0443\u0442\u0430\u043d\u0438\u0446\u0443 \u0441\u0440\u0435\u0434\u0438 \u0447\u043b\u0435\u043d\u043e\u0432 \u043a\u043e\u043c\u0430\u043d\u0434\u044b \u0438 \u043d\u043e\u0432\u044b\u0445 \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a\u043e\u0432, \u043f\u0440\u0438\u0441\u043e\u0435\u0434\u0438\u043d\u044f\u044e\u0449\u0438\u0445\u0441\u044f \u043a \u043f\u0440\u043e\u0435\u043a\u0442\u0443. \u0418\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u0435 \u0441\u0442\u0430\u043d\u0434\u0430\u0440\u0442\u043d\u044b\u0445 \u043d\u0430\u0437\u0432\u0430\u043d\u0438\u0439 \u0442\u0430\u043a\u0436\u0435 \u043f\u043e\u043c\u043e\u0433\u0430\u0435\u0442 \u043f\u0440\u0438 \u043e\u0431\u0440\u0430\u0449\u0435\u043d\u0438\u0438 \u0437\u0430 \u043f\u043e\u043c\u043e\u0449\u044c\u044e \u043a \u0441\u043e\u043e\u0431\u0449\u0435\u0441\u0442\u0432\u0443."}),"\n",(0,i.jsx)(n.h2,{id:"when-can-naming-interfere",children:"\u041a\u043e\u043d\u0444\u043b\u0438\u043a\u0442\u044b \u043d\u0435\u0439\u043c\u0438\u043d\u0433\u0430"}),"\n",(0,i.jsx)(n.p,{children:"\u041a\u043e\u043d\u0444\u043b\u0438\u043a\u0442\u044b \u043d\u0435\u0439\u043c\u0438\u043d\u0433\u0430 \u043c\u043e\u0433\u0443\u0442 \u0432\u043e\u0437\u043d\u0438\u043a\u0430\u0442\u044c, \u043a\u043e\u0433\u0434\u0430 \u0442\u0435\u0440\u043c\u0438\u043d\u044b, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u044e\u0442\u0441\u044f \u0432 \u043c\u0435\u0442\u043e\u0434\u043e\u043b\u043e\u0433\u0438\u0438 FSD, \u043f\u0435\u0440\u0435\u0441\u0435\u043a\u0430\u044e\u0442\u0441\u044f \u0441 \u0442\u0435\u0440\u043c\u0438\u043d\u0430\u043c\u0438, \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u043c\u044b\u043c\u0438 \u0432 \u0431\u0438\u0437\u043d\u0435\u0441\u0435:"}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsxs)(n.li,{children:[(0,i.jsx)(n.code,{children:"FSD#process"})," vs \u043c\u043e\u0434\u0435\u043b\u0438\u0440\u0443\u0435\u043c\u044b\u0439 \u043f\u0440\u043e\u0446\u0435\u0441\u0441 \u0432 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0438,"]}),"\n",(0,i.jsxs)(n.li,{children:[(0,i.jsx)(n.code,{children:"FSD#page"})," vs \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0430 \u0436\u0443\u0440\u043d\u0430\u043b\u0430,"]}),"\n",(0,i.jsxs)(n.li,{children:[(0,i.jsx)(n.code,{children:"FSD#model"})," vs \u043c\u043e\u0434\u0435\u043b\u044c \u0430\u0432\u0442\u043e\u043c\u043e\u0431\u0438\u043b\u044f."]}),"\n"]}),"\n",(0,i.jsxs)(n.p,{children:['\u041d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a, \u0443\u0432\u0438\u0434\u0435\u0432 \u0432 \u043a\u043e\u0434\u0435 \u0441\u043b\u043e\u0432\u043e "\u043f\u0440\u043e\u0446\u0435\u0441\u0441", \u043f\u043e\u0442\u0440\u0430\u0442\u0438\u0442 \u043b\u0438\u0448\u043d\u0435\u0435 \u0432\u0440\u0435\u043c\u044f, \u043f\u044b\u0442\u0430\u044f\u0441\u044c \u043f\u043e\u043d\u044f\u0442\u044c, \u043a\u0430\u043a\u043e\u0439 \u043f\u0440\u043e\u0446\u0435\u0441\u0441 \u043f\u043e\u0434\u0440\u0430\u0437\u0443\u043c\u0435\u0432\u0430\u0435\u0442\u0441\u044f. \u0422\u0430\u043a\u0438\u0435 ',(0,i.jsx)(n.strong,{children:"\u043a\u043e\u043b\u043b\u0438\u0437\u0438\u0438 \u043c\u043e\u0433\u0443\u0442 \u043d\u0430\u0440\u0443\u0448\u0438\u0442\u044c \u043f\u0440\u043e\u0446\u0435\u0441\u0441 \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u0438"}),"."]}),"\n",(0,i.jsx)(n.p,{children:"\u041a\u043e\u0433\u0434\u0430 \u0433\u043b\u043e\u0441\u0441\u0430\u0440\u0438\u0439 \u043f\u0440\u043e\u0435\u043a\u0442\u0430 \u0441\u043e\u0434\u0435\u0440\u0436\u0438\u0442 \u0442\u0435\u0440\u043c\u0438\u043d\u043e\u043b\u043e\u0433\u0438\u044e, \u0445\u0430\u0440\u0430\u043a\u0442\u0435\u0440\u043d\u0443\u044e \u0434\u043b\u044f FSD, \u043a\u0440\u0430\u0439\u043d\u0435 \u0432\u0430\u0436\u043d\u043e \u043f\u0440\u043e\u044f\u0432\u043b\u044f\u0442\u044c \u043e\u0441\u0442\u043e\u0440\u043e\u0436\u043d\u043e\u0441\u0442\u044c \u043f\u0440\u0438 \u043e\u0431\u0441\u0443\u0436\u0434\u0435\u043d\u0438\u0438 \u044d\u0442\u0438\u0445 \u0442\u0435\u0440\u043c\u0438\u043d\u043e\u0432 \u0441 \u043a\u043e\u043c\u0430\u043d\u0434\u043e\u0439 \u0438 \u0442\u0435\u0445\u043d\u0438\u0447\u0435\u0441\u043a\u0438\u043c\u0438 \u043d\u0435\u0437\u0430\u0438\u043d\u0442\u0435\u0440\u0435\u0441\u043e\u0432\u0430\u043d\u043d\u044b\u043c\u0438 \u0441\u0442\u043e\u0440\u043e\u043d\u0430\u043c\u0438."}),"\n",(0,i.jsx)(n.p,{children:'\u0427\u0442\u043e\u0431\u044b \u044d\u0444\u0444\u0435\u043a\u0442\u0438\u0432\u043d\u043e \u043e\u0431\u0449\u0430\u0442\u044c\u0441\u044f \u0441 \u043a\u043e\u043c\u0430\u043d\u0434\u043e\u0439, \u0440\u0435\u043a\u043e\u043c\u0435\u043d\u0434\u0443\u0435\u0442\u0441\u044f \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u0430\u0431\u0431\u0440\u0435\u0432\u0438\u0430\u0442\u0443\u0440\u0443 "FSD" \u0434\u043b\u044f \u043f\u0440\u0435\u0444\u0438\u043a\u0441\u0430\u0446\u0438\u0438 \u0442\u0435\u0440\u043c\u0438\u043d\u043e\u0432 \u043c\u0435\u0442\u043e\u0434\u043e\u043b\u043e\u0433\u0438\u0438. \u041d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, \u043a\u043e\u0433\u0434\u0430 \u0440\u0435\u0447\u044c \u0438\u0434\u0435\u0442 \u043e \u043f\u0440\u043e\u0446\u0435\u0441\u0441\u0435, \u043c\u043e\u0436\u043d\u043e \u0441\u043a\u0430\u0437\u0430\u0442\u044c: "\u041c\u044b \u043c\u043e\u0436\u0435\u043c \u043f\u043e\u043c\u0435\u0441\u0442\u0438\u0442\u044c \u044d\u0442\u043e\u0442 \u043f\u0440\u043e\u0446\u0435\u0441\u0441 \u043d\u0430 \u0441\u043b\u043e\u0439 FSD features".'}),"\n",(0,i.jsx)(n.p,{children:"\u0418 \u043d\u0430\u043e\u0431\u043e\u0440\u043e\u0442, \u043f\u0440\u0438 \u043e\u0431\u0449\u0435\u043d\u0438\u0438 \u0441 \u043d\u0435\u0442\u0435\u0445\u043d\u0438\u0447\u0435\u0441\u043a\u0438\u043c\u0438 \u0437\u0430\u0438\u043d\u0442\u0435\u0440\u0435\u0441\u043e\u0432\u0430\u043d\u043d\u044b\u043c\u0438 \u0441\u0442\u043e\u0440\u043e\u043d\u0430\u043c\u0438 \u043b\u0443\u0447\u0448\u0435 \u043e\u0433\u0440\u0430\u043d\u0438\u0447\u0438\u0432\u0430\u0442\u044c \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u0435 \u0442\u0435\u0440\u043c\u0438\u043d\u043e\u043b\u043e\u0433\u0438\u0438 FSD, \u0430 \u0442\u0430\u043a\u0436\u0435 \u0432\u043e\u0437\u0434\u0435\u0440\u0436\u0430\u0442\u044c\u0441\u044f \u043e\u0442 \u0443\u043f\u043e\u043c\u0438\u043d\u0430\u043d\u0438\u044f \u0432\u043d\u0443\u0442\u0440\u0435\u043d\u043d\u0435\u0439 \u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u044b \u043a\u043e\u0434\u043e\u0432\u043e\u0439 \u0431\u0430\u0437\u044b."}),"\n",(0,i.jsx)(n.h2,{id:"see-also",children:"\u0421\u043c. \u0442\u0430\u043a\u0436\u0435"}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsx)(n.li,{children:(0,i.jsx)(n.a,{href:"https://github.com/feature-sliced/documentation/discussions/16",children:"(\u041e\u0431\u0441\u0443\u0436\u0434\u0435\u043d\u0438\u0435) \u0410\u0434\u0430\u043f\u0442\u0438\u0432\u043d\u043e\u0441\u0442\u044c \u043d\u0435\u0439\u043c\u0438\u043d\u0433\u0430"})}),"\n",(0,i.jsx)(n.li,{children:(0,i.jsx)(n.a,{href:"https://github.com/feature-sliced/documentation/discussions/31#discussioncomment-464894",children:"(\u041e\u0431\u0441\u0443\u0436\u0434\u0435\u043d\u0438\u0435) \u041e\u043f\u0440\u043e\u0441 \u043f\u043e \u043d\u0435\u0439\u043c\u0438\u043d\u0433\u0443 \u0441\u0443\u0449\u043d\u043e\u0441\u0442\u0435\u0439"})}),"\n",(0,i.jsx)(n.li,{children:(0,i.jsx)(n.a,{href:"https://github.com/feature-sliced/documentation/discussions/20",children:'(\u041e\u0431\u0441\u0443\u0436\u0434\u0435\u043d\u0438\u0435) "processes" vs "flows" vs ...'})}),"\n",(0,i.jsx)(n.li,{children:(0,i.jsx)(n.a,{href:"https://github.com/feature-sliced/documentation/discussions/68",children:'(\u041e\u0431\u0441\u0443\u0436\u0434\u0435\u043d\u0438\u0435) "model" vs "store" vs ...'})}),"\n"]})]})}function u(e={}){const{wrapper:n}={...(0,t.R)(),...e.components};return n?(0,i.jsx)(n,{...e,children:(0,i.jsx)(a,{...e})}):a(e)}},1100:(e,n,s)=>{s.d(n,{R:()=>d,x:()=>c});var i=s(758);const t={},r=i.createContext(t);function d(e){const n=i.useContext(r);return i.useMemo((function(){return"function"==typeof e?e(n):{...n,...e}}),[n,e])}function c(e){let n;return n=e.disableParentContext?"function"==typeof e.components?e.components(t):e.components||t:d(e.components),i.createElement(r.Provider,{value:n},e.children)}}}]);
\ No newline at end of file
diff --git a/ru/assets/js/dd4fd790.032e147b.js b/ru/assets/js/dd4fd790.c09bfd66.js
similarity index 98%
rename from ru/assets/js/dd4fd790.032e147b.js
rename to ru/assets/js/dd4fd790.c09bfd66.js
index d85c9d28ba..9d3972bef8 100644
--- a/ru/assets/js/dd4fd790.032e147b.js
+++ b/ru/assets/js/dd4fd790.c09bfd66.js
@@ -1 +1 @@
-"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[4793],{1928:(e,s,t)=>{t.d(s,{Ay:()=>l,RM:()=>o});var i=t(6070),n=t(1100),r=(t(758),t(6783)),d=t(7765);const c=e=>{let{ticket:s}=e;const t=`https://github.com/feature-sliced/documentation/issues/${s}`;return(0,i.jsxs)("div",{children:[(0,i.jsx)("p",{children:(0,d.T)({id:"shared.wip.title"})}),(0,i.jsx)("p",{children:(0,d.T)({id:"shared.wip.subtitle"})}),(0,i.jsxs)("ul",{children:[(0,i.jsxs)("li",{children:[(0,d.T)({id:"shared.wip.var.feedback.base"}),(0,i.jsx)(r.A,{to:t,children:(0,d.T)({id:"shared.wip.var.feedback.link"})})]}),(0,i.jsxs)("li",{children:[(0,d.T)({id:"shared.wip.var.material.base"}),(0,i.jsx)(r.A,{to:"https://t.me/feature_sliced",children:(0,d.T)({id:"shared.wip.var.material.link"})})]}),(0,i.jsxs)("li",{children:[(0,d.T)({id:"shared.wip.var.contribute.base"}),(0,i.jsx)(r.A,{to:"https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md",children:(0,d.T)({id:"shared.wip.var.contribute.link"})})]})]}),(0,i.jsx)("br",{}),(0,i.jsx)("p",{children:(0,i.jsx)("i",{children:"\ud83c\udf70 Stay tuned!"})})]})},o=[];function a(e){const s={admonition:"admonition",...(0,n.R)(),...e.components};return(0,i.jsx)(s.admonition,{title:"WIP",type:"caution",children:(0,i.jsx)(c,{ticket:e.ticket})})}function l(e={}){const{wrapper:s}={...(0,n.R)(),...e.components};return s?(0,i.jsx)(s,{...e,children:(0,i.jsx)(a,{...e})}):a(e)}},7688:(e,s,t)=>{t.r(s),t.d(s,{assets:()=>a,contentTitle:()=>c,default:()=>h,frontMatter:()=>d,metadata:()=>o,toc:()=>l});var i=t(6070),n=t(1100),r=t(1928);const d={sidebar_position:4,sidebar_class_name:"sidebar-item--wip",pagination_next:"reference/index"},c="\u041a\u0440\u043e\u0441\u0441-\u0438\u043c\u043f\u043e\u0440\u0442\u044b",o={id:"guides/issues/cross-imports",title:"\u041a\u0440\u043e\u0441\u0441-\u0438\u043c\u043f\u043e\u0440\u0442\u044b",description:"\u041a\u0440\u043e\u0441\u0441-\u0438\u043c\u043f\u043e\u0440\u0442\u044b \u043f\u043e\u044f\u0432\u043b\u044f\u044e\u0442\u0441\u044f \u0442\u043e\u0433\u0434\u0430, \u043a\u043e\u0433\u0434\u0430 \u0441\u043b\u043e\u0439/\u0430\u0431\u0441\u0442\u0440\u0430\u043a\u0446\u0438\u044f \u043d\u0430\u0447\u0438\u043d\u0430\u0435\u0442 \u0431\u0440\u0430\u0442\u044c \u0441\u043b\u0438\u0448\u043a\u043e\u043c \u043c\u043d\u043e\u0433\u043e \u043e\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0435\u043d\u043d\u043e\u0441\u0442\u0438, \u0447\u0435\u043c \u0434\u043e\u043b\u0436\u043d\u0430. \u0418\u043c\u0435\u043d\u043d\u043e \u043f\u043e\u044d\u0442\u043e\u043c\u0443 \u043c\u0435\u0442\u043e\u0434\u043e\u043b\u043e\u0433\u0438\u044f \u0432\u044b\u0434\u0435\u043b\u044f\u0435\u0442 \u043d\u043e\u0432\u044b\u0435 \u0441\u043b\u043e\u0438, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u043f\u043e\u0437\u0432\u043e\u043b\u044f\u044e\u0442 \u0440\u0430\u0441\u0446\u0435\u043f\u0438\u0442\u044c \u044d\u0442\u0438 \u043a\u0440\u043e\u0441\u0441-\u0438\u043c\u043f\u043e\u0440\u0442\u044b",source:"@site/i18n/ru/docusaurus-plugin-content-docs/current/guides/issues/cross-imports.mdx",sourceDirName:"guides/issues",slug:"/guides/issues/cross-imports",permalink:"/ru/docs/guides/issues/cross-imports",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/ru/docusaurus-plugin-content-docs/current/guides/issues/cross-imports.mdx",tags:[],version:"current",lastUpdatedAt:1727607766e3,sidebarPosition:4,frontMatter:{sidebar_position:4,sidebar_class_name:"sidebar-item--wip",pagination_next:"reference/index"},sidebar:"guidesSidebar",previous:{title:"\u0420\u043e\u0443\u0442\u0438\u043d\u0433",permalink:"/ru/docs/guides/issues/routes"},next:{title:"\ud83d\udcda \u0421\u043f\u0440\u0430\u0432\u043e\u0447\u043d\u0438\u043a",permalink:"/ru/docs/reference/"}},a={},l=[...r.RM,{value:"\u0421\u043c. \u0442\u0430\u043a\u0436\u0435",id:"see-also",level:2}];function u(e){const s={a:"a",blockquote:"blockquote",h1:"h1",h2:"h2",header:"header",li:"li",p:"p",ul:"ul",...(0,n.R)(),...e.components};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(s.header,{children:(0,i.jsx)(s.h1,{id:"\u043a\u0440\u043e\u0441\u0441-\u0438\u043c\u043f\u043e\u0440\u0442\u044b",children:"\u041a\u0440\u043e\u0441\u0441-\u0438\u043c\u043f\u043e\u0440\u0442\u044b"})}),"\n",(0,i.jsx)(r.Ay,{ticket:"220"}),"\n",(0,i.jsxs)(s.blockquote,{children:["\n",(0,i.jsx)(s.p,{children:"\u041a\u0440\u043e\u0441\u0441-\u0438\u043c\u043f\u043e\u0440\u0442\u044b \u043f\u043e\u044f\u0432\u043b\u044f\u044e\u0442\u0441\u044f \u0442\u043e\u0433\u0434\u0430, \u043a\u043e\u0433\u0434\u0430 \u0441\u043b\u043e\u0439/\u0430\u0431\u0441\u0442\u0440\u0430\u043a\u0446\u0438\u044f \u043d\u0430\u0447\u0438\u043d\u0430\u0435\u0442 \u0431\u0440\u0430\u0442\u044c \u0441\u043b\u0438\u0448\u043a\u043e\u043c \u043c\u043d\u043e\u0433\u043e \u043e\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0435\u043d\u043d\u043e\u0441\u0442\u0438, \u0447\u0435\u043c \u0434\u043e\u043b\u0436\u043d\u0430. \u0418\u043c\u0435\u043d\u043d\u043e \u043f\u043e\u044d\u0442\u043e\u043c\u0443 \u043c\u0435\u0442\u043e\u0434\u043e\u043b\u043e\u0433\u0438\u044f \u0432\u044b\u0434\u0435\u043b\u044f\u0435\u0442 \u043d\u043e\u0432\u044b\u0435 \u0441\u043b\u043e\u0438, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u043f\u043e\u0437\u0432\u043e\u043b\u044f\u044e\u0442 \u0440\u0430\u0441\u0446\u0435\u043f\u0438\u0442\u044c \u044d\u0442\u0438 \u043a\u0440\u043e\u0441\u0441-\u0438\u043c\u043f\u043e\u0440\u0442\u044b"}),"\n"]}),"\n",(0,i.jsx)(s.h2,{id:"see-also",children:"\u0421\u043c. \u0442\u0430\u043a\u0436\u0435"}),"\n",(0,i.jsxs)(s.ul,{children:["\n",(0,i.jsx)(s.li,{children:(0,i.jsx)(s.a,{href:"https://t.me/feature_sliced/4515",children:"(\u0422\u0440\u0435\u0434) \u041f\u0440\u043e \u043f\u0440\u0435\u0434\u043f\u043e\u043b\u0430\u0433\u0430\u0435\u043c\u0443\u044e \u043d\u0435\u0438\u0437\u0431\u0435\u0436\u043d\u043e\u0441\u0442\u044c \u043a\u0440\u043e\u0441\u0441-\u0438\u043c\u043f\u043e\u0440\u0442\u043e\u0432"})}),"\n",(0,i.jsx)(s.li,{children:(0,i.jsx)(s.a,{href:"https://t.me/feature_sliced/3678",children:"(\u0422\u0440\u0435\u0434) \u041f\u0440\u043e \u0440\u0435\u0437\u043e\u043b\u0432\u0438\u043d\u0433 \u043a\u0440\u043e\u0441\u0441-\u0438\u043c\u043f\u043e\u0440\u0442\u043e\u0432 \u0432 \u0441\u0443\u0449\u043d\u043e\u0441\u0442\u044f\u0445"})}),"\n",(0,i.jsx)(s.li,{children:(0,i.jsx)(s.a,{href:"https://t.me/feature_sliced/3287",children:"(\u0422\u0440\u0435\u0434) \u041f\u0440\u043e \u043a\u0440\u043e\u0441\u0441-\u0438\u043c\u043f\u043e\u0440\u0442\u044b \u0438 \u043e\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0435\u043d\u043d\u043e\u0441\u0442\u044c"})}),"\n",(0,i.jsx)(s.li,{children:(0,i.jsx)(s.a,{href:"https://t.me/feature_sliced/4021",children:"(\u0422\u0440\u0435\u0434) \u041f\u0440\u043e \u0438\u043c\u043f\u043e\u0440\u0442\u044b \u043c\u0435\u0436\u0434\u0443 \u0441\u0435\u0433\u043c\u0435\u043d\u0442\u0430\u043c\u0438"})}),"\n",(0,i.jsx)(s.li,{children:(0,i.jsx)(s.a,{href:"https://t.me/feature_sliced/3618",children:"(\u0422\u0440\u0435\u0434) \u041f\u0440\u043e \u043a\u0440\u043e\u0441\u0441-\u0438\u043c\u043f\u043e\u0440\u0442\u044b \u0432\u043d\u0443\u0442\u0440\u0438 shared"})}),"\n"]})]})}function h(e={}){const{wrapper:s}={...(0,n.R)(),...e.components};return s?(0,i.jsx)(s,{...e,children:(0,i.jsx)(u,{...e})}):u(e)}},1100:(e,s,t)=>{t.d(s,{R:()=>d,x:()=>c});var i=t(758);const n={},r=i.createContext(n);function d(e){const s=i.useContext(r);return i.useMemo((function(){return"function"==typeof e?e(s):{...s,...e}}),[s,e])}function c(e){let s;return s=e.disableParentContext?"function"==typeof e.components?e.components(n):e.components||n:d(e.components),i.createElement(r.Provider,{value:s},e.children)}}}]);
\ No newline at end of file
+"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[4793],{1928:(e,s,t)=>{t.d(s,{Ay:()=>l,RM:()=>o});var i=t(6070),n=t(1100),r=(t(758),t(6783)),d=t(7765);const c=e=>{let{ticket:s}=e;const t=`https://github.com/feature-sliced/documentation/issues/${s}`;return(0,i.jsxs)("div",{children:[(0,i.jsx)("p",{children:(0,d.T)({id:"shared.wip.title"})}),(0,i.jsx)("p",{children:(0,d.T)({id:"shared.wip.subtitle"})}),(0,i.jsxs)("ul",{children:[(0,i.jsxs)("li",{children:[(0,d.T)({id:"shared.wip.var.feedback.base"}),(0,i.jsx)(r.A,{to:t,children:(0,d.T)({id:"shared.wip.var.feedback.link"})})]}),(0,i.jsxs)("li",{children:[(0,d.T)({id:"shared.wip.var.material.base"}),(0,i.jsx)(r.A,{to:"https://t.me/feature_sliced",children:(0,d.T)({id:"shared.wip.var.material.link"})})]}),(0,i.jsxs)("li",{children:[(0,d.T)({id:"shared.wip.var.contribute.base"}),(0,i.jsx)(r.A,{to:"https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md",children:(0,d.T)({id:"shared.wip.var.contribute.link"})})]})]}),(0,i.jsx)("br",{}),(0,i.jsx)("p",{children:(0,i.jsx)("i",{children:"\ud83c\udf70 Stay tuned!"})})]})},o=[];function a(e){const s={admonition:"admonition",...(0,n.R)(),...e.components};return(0,i.jsx)(s.admonition,{title:"WIP",type:"caution",children:(0,i.jsx)(c,{ticket:e.ticket})})}function l(e={}){const{wrapper:s}={...(0,n.R)(),...e.components};return s?(0,i.jsx)(s,{...e,children:(0,i.jsx)(a,{...e})}):a(e)}},7688:(e,s,t)=>{t.r(s),t.d(s,{assets:()=>a,contentTitle:()=>c,default:()=>h,frontMatter:()=>d,metadata:()=>o,toc:()=>l});var i=t(6070),n=t(1100),r=t(1928);const d={sidebar_position:4,sidebar_class_name:"sidebar-item--wip",pagination_next:"reference/index"},c="\u041a\u0440\u043e\u0441\u0441-\u0438\u043c\u043f\u043e\u0440\u0442\u044b",o={id:"guides/issues/cross-imports",title:"\u041a\u0440\u043e\u0441\u0441-\u0438\u043c\u043f\u043e\u0440\u0442\u044b",description:"\u041a\u0440\u043e\u0441\u0441-\u0438\u043c\u043f\u043e\u0440\u0442\u044b \u043f\u043e\u044f\u0432\u043b\u044f\u044e\u0442\u0441\u044f \u0442\u043e\u0433\u0434\u0430, \u043a\u043e\u0433\u0434\u0430 \u0441\u043b\u043e\u0439/\u0430\u0431\u0441\u0442\u0440\u0430\u043a\u0446\u0438\u044f \u043d\u0430\u0447\u0438\u043d\u0430\u0435\u0442 \u0431\u0440\u0430\u0442\u044c \u0441\u043b\u0438\u0448\u043a\u043e\u043c \u043c\u043d\u043e\u0433\u043e \u043e\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0435\u043d\u043d\u043e\u0441\u0442\u0438, \u0447\u0435\u043c \u0434\u043e\u043b\u0436\u043d\u0430. \u0418\u043c\u0435\u043d\u043d\u043e \u043f\u043e\u044d\u0442\u043e\u043c\u0443 \u043c\u0435\u0442\u043e\u0434\u043e\u043b\u043e\u0433\u0438\u044f \u0432\u044b\u0434\u0435\u043b\u044f\u0435\u0442 \u043d\u043e\u0432\u044b\u0435 \u0441\u043b\u043e\u0438, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u043f\u043e\u0437\u0432\u043e\u043b\u044f\u044e\u0442 \u0440\u0430\u0441\u0446\u0435\u043f\u0438\u0442\u044c \u044d\u0442\u0438 \u043a\u0440\u043e\u0441\u0441-\u0438\u043c\u043f\u043e\u0440\u0442\u044b",source:"@site/i18n/ru/docusaurus-plugin-content-docs/current/guides/issues/cross-imports.mdx",sourceDirName:"guides/issues",slug:"/guides/issues/cross-imports",permalink:"/ru/docs/guides/issues/cross-imports",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/ru/docusaurus-plugin-content-docs/current/guides/issues/cross-imports.mdx",tags:[],version:"current",lastUpdatedAt:1728325386e3,sidebarPosition:4,frontMatter:{sidebar_position:4,sidebar_class_name:"sidebar-item--wip",pagination_next:"reference/index"},sidebar:"guidesSidebar",previous:{title:"\u0420\u043e\u0443\u0442\u0438\u043d\u0433",permalink:"/ru/docs/guides/issues/routes"},next:{title:"\ud83d\udcda \u0421\u043f\u0440\u0430\u0432\u043e\u0447\u043d\u0438\u043a",permalink:"/ru/docs/reference/"}},a={},l=[...r.RM,{value:"\u0421\u043c. \u0442\u0430\u043a\u0436\u0435",id:"see-also",level:2}];function u(e){const s={a:"a",blockquote:"blockquote",h1:"h1",h2:"h2",header:"header",li:"li",p:"p",ul:"ul",...(0,n.R)(),...e.components};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(s.header,{children:(0,i.jsx)(s.h1,{id:"\u043a\u0440\u043e\u0441\u0441-\u0438\u043c\u043f\u043e\u0440\u0442\u044b",children:"\u041a\u0440\u043e\u0441\u0441-\u0438\u043c\u043f\u043e\u0440\u0442\u044b"})}),"\n",(0,i.jsx)(r.Ay,{ticket:"220"}),"\n",(0,i.jsxs)(s.blockquote,{children:["\n",(0,i.jsx)(s.p,{children:"\u041a\u0440\u043e\u0441\u0441-\u0438\u043c\u043f\u043e\u0440\u0442\u044b \u043f\u043e\u044f\u0432\u043b\u044f\u044e\u0442\u0441\u044f \u0442\u043e\u0433\u0434\u0430, \u043a\u043e\u0433\u0434\u0430 \u0441\u043b\u043e\u0439/\u0430\u0431\u0441\u0442\u0440\u0430\u043a\u0446\u0438\u044f \u043d\u0430\u0447\u0438\u043d\u0430\u0435\u0442 \u0431\u0440\u0430\u0442\u044c \u0441\u043b\u0438\u0448\u043a\u043e\u043c \u043c\u043d\u043e\u0433\u043e \u043e\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0435\u043d\u043d\u043e\u0441\u0442\u0438, \u0447\u0435\u043c \u0434\u043e\u043b\u0436\u043d\u0430. \u0418\u043c\u0435\u043d\u043d\u043e \u043f\u043e\u044d\u0442\u043e\u043c\u0443 \u043c\u0435\u0442\u043e\u0434\u043e\u043b\u043e\u0433\u0438\u044f \u0432\u044b\u0434\u0435\u043b\u044f\u0435\u0442 \u043d\u043e\u0432\u044b\u0435 \u0441\u043b\u043e\u0438, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u043f\u043e\u0437\u0432\u043e\u043b\u044f\u044e\u0442 \u0440\u0430\u0441\u0446\u0435\u043f\u0438\u0442\u044c \u044d\u0442\u0438 \u043a\u0440\u043e\u0441\u0441-\u0438\u043c\u043f\u043e\u0440\u0442\u044b"}),"\n"]}),"\n",(0,i.jsx)(s.h2,{id:"see-also",children:"\u0421\u043c. \u0442\u0430\u043a\u0436\u0435"}),"\n",(0,i.jsxs)(s.ul,{children:["\n",(0,i.jsx)(s.li,{children:(0,i.jsx)(s.a,{href:"https://t.me/feature_sliced/4515",children:"(\u0422\u0440\u0435\u0434) \u041f\u0440\u043e \u043f\u0440\u0435\u0434\u043f\u043e\u043b\u0430\u0433\u0430\u0435\u043c\u0443\u044e \u043d\u0435\u0438\u0437\u0431\u0435\u0436\u043d\u043e\u0441\u0442\u044c \u043a\u0440\u043e\u0441\u0441-\u0438\u043c\u043f\u043e\u0440\u0442\u043e\u0432"})}),"\n",(0,i.jsx)(s.li,{children:(0,i.jsx)(s.a,{href:"https://t.me/feature_sliced/3678",children:"(\u0422\u0440\u0435\u0434) \u041f\u0440\u043e \u0440\u0435\u0437\u043e\u043b\u0432\u0438\u043d\u0433 \u043a\u0440\u043e\u0441\u0441-\u0438\u043c\u043f\u043e\u0440\u0442\u043e\u0432 \u0432 \u0441\u0443\u0449\u043d\u043e\u0441\u0442\u044f\u0445"})}),"\n",(0,i.jsx)(s.li,{children:(0,i.jsx)(s.a,{href:"https://t.me/feature_sliced/3287",children:"(\u0422\u0440\u0435\u0434) \u041f\u0440\u043e \u043a\u0440\u043e\u0441\u0441-\u0438\u043c\u043f\u043e\u0440\u0442\u044b \u0438 \u043e\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0435\u043d\u043d\u043e\u0441\u0442\u044c"})}),"\n",(0,i.jsx)(s.li,{children:(0,i.jsx)(s.a,{href:"https://t.me/feature_sliced/4021",children:"(\u0422\u0440\u0435\u0434) \u041f\u0440\u043e \u0438\u043c\u043f\u043e\u0440\u0442\u044b \u043c\u0435\u0436\u0434\u0443 \u0441\u0435\u0433\u043c\u0435\u043d\u0442\u0430\u043c\u0438"})}),"\n",(0,i.jsx)(s.li,{children:(0,i.jsx)(s.a,{href:"https://t.me/feature_sliced/3618",children:"(\u0422\u0440\u0435\u0434) \u041f\u0440\u043e \u043a\u0440\u043e\u0441\u0441-\u0438\u043c\u043f\u043e\u0440\u0442\u044b \u0432\u043d\u0443\u0442\u0440\u0438 shared"})}),"\n"]})]})}function h(e={}){const{wrapper:s}={...(0,n.R)(),...e.components};return s?(0,i.jsx)(s,{...e,children:(0,i.jsx)(u,{...e})}):u(e)}},1100:(e,s,t)=>{t.d(s,{R:()=>d,x:()=>c});var i=t(758);const n={},r=i.createContext(n);function d(e){const s=i.useContext(r);return i.useMemo((function(){return"function"==typeof e?e(s):{...s,...e}}),[s,e])}function c(e){let s;return s=e.disableParentContext?"function"==typeof e.components?e.components(n):e.components||n:d(e.components),i.createElement(r.Provider,{value:s},e.children)}}}]);
\ No newline at end of file
diff --git a/ru/assets/js/e38a3126.a4e92772.js b/ru/assets/js/e38a3126.871afbc9.js
similarity index 99%
rename from ru/assets/js/e38a3126.a4e92772.js
rename to ru/assets/js/e38a3126.871afbc9.js
index a57dc2c5fb..dbda843f6f 100644
--- a/ru/assets/js/e38a3126.a4e92772.js
+++ b/ru/assets/js/e38a3126.871afbc9.js
@@ -1 +1 @@
-"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[6766],{5584:(e,t,s)=>{s.r(t),s.d(t,{assets:()=>c,contentTitle:()=>r,default:()=>o,frontMatter:()=>i,metadata:()=>d,toc:()=>h});var n=s(6070),l=s(1100);const i={title:"\u0421\u043b\u0430\u0439\u0441\u044b \u0438 \u0441\u0435\u0433\u043c\u0435\u043d\u0442\u044b",sidebar_position:2,pagination_next:"reference/public-api"},r="\u0421\u043b\u0430\u0439\u0441\u044b \u0438 \u0441\u0435\u0433\u043c\u0435\u043d\u0442\u044b",d={id:"reference/slices-segments",title:"\u0421\u043b\u0430\u0439\u0441\u044b \u0438 \u0441\u0435\u0433\u043c\u0435\u043d\u0442\u044b",description:"\u0421\u043b\u0430\u0439\u0441\u044b",source:"@site/i18n/ru/docusaurus-plugin-content-docs/current/reference/slices-segments.mdx",sourceDirName:"reference",slug:"/reference/slices-segments",permalink:"/ru/docs/reference/slices-segments",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/ru/docusaurus-plugin-content-docs/current/reference/slices-segments.mdx",tags:[],version:"current",lastUpdatedAt:1727607766e3,sidebarPosition:2,frontMatter:{title:"\u0421\u043b\u0430\u0439\u0441\u044b \u0438 \u0441\u0435\u0433\u043c\u0435\u043d\u0442\u044b",sidebar_position:2,pagination_next:"reference/public-api"},sidebar:"referenceSidebar",previous:{title:"\u0421\u043b\u043e\u0438",permalink:"/ru/docs/reference/layers"},next:{title:"Public API",permalink:"/ru/docs/reference/public-api"}},c={},h=[{value:"\u0421\u043b\u0430\u0439\u0441\u044b",id:"\u0441\u043b\u0430\u0439\u0441\u044b",level:2},{value:"\u041f\u0440\u0430\u0432\u0438\u043b\u043e \u043f\u0443\u0431\u043b\u0438\u0447\u043d\u043e\u0433\u043e API \u0434\u043b\u044f \u0441\u043b\u0430\u0439\u0441\u043e\u0432",id:"\u043f\u0440\u0430\u0432\u0438\u043b\u043e-\u043f\u0443\u0431\u043b\u0438\u0447\u043d\u043e\u0433\u043e-api-\u0434\u043b\u044f-\u0441\u043b\u0430\u0439\u0441\u043e\u0432",level:3},{value:"\u0421\u0435\u0433\u043c\u0435\u043d\u0442\u044b",id:"\u0441\u0435\u0433\u043c\u0435\u043d\u0442\u044b",level:2},{value:"\u041f\u0440\u0438\u043c\u0435\u0440\u044b",id:"\u043f\u0440\u0438\u043c\u0435\u0440\u044b",level:3}];function x(e){const t={a:"a",blockquote:"blockquote",code:"code",em:"em",h1:"h1",h2:"h2",h3:"h3",header:"header",img:"img",li:"li",p:"p",strong:"strong",table:"table",tbody:"tbody",td:"td",th:"th",thead:"thead",tr:"tr",ul:"ul",...(0,l.R)(),...e.components};return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(t.header,{children:(0,n.jsx)(t.h1,{id:"\u0441\u043b\u0430\u0439\u0441\u044b-\u0438-\u0441\u0435\u0433\u043c\u0435\u043d\u0442\u044b",children:"\u0421\u043b\u0430\u0439\u0441\u044b \u0438 \u0441\u0435\u0433\u043c\u0435\u043d\u0442\u044b"})}),"\n",(0,n.jsx)(t.h2,{id:"\u0441\u043b\u0430\u0439\u0441\u044b",children:"\u0421\u043b\u0430\u0439\u0441\u044b"}),"\n",(0,n.jsx)(t.p,{children:"\u0421\u043b\u0430\u0439\u0441\u044b - \u044d\u0442\u043e \u0432\u0442\u043e\u0440\u043e\u0439 \u0443\u0440\u043e\u0432\u0435\u043d\u044c \u0432 \u043e\u0440\u0433\u0430\u043d\u0438\u0437\u0430\u0446\u0438\u043e\u043d\u043d\u043e\u0439 \u0438\u0435\u0440\u0430\u0440\u0445\u0438\u0438 Feature-Sliced Design. \u0418\u0445 \u043e\u0441\u043d\u043e\u0432\u043d\u043e\u0435 \u043d\u0430\u0437\u043d\u0430\u0447\u0435\u043d\u0438\u0435 - \u0433\u0440\u0443\u043f\u043f\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u043a\u043e\u0434 \u043f\u043e \u0435\u0433\u043e \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u044e \u0434\u043b\u044f \u043f\u0440\u043e\u0434\u0443\u043a\u0442\u0430, \u0431\u0438\u0437\u043d\u0435\u0441\u0430 \u0438\u043b\u0438 \u043f\u0440\u043e\u0441\u0442\u043e \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f."}),"\n",(0,n.jsxs)(t.p,{children:["\u0418\u043c\u0435\u043d\u0430 \u0441\u043b\u0430\u0439\u0441\u043e\u0432 \u043d\u0435 \u0441\u0442\u0430\u043d\u0434\u0430\u0440\u0442\u0438\u0437\u0438\u0440\u043e\u0432\u0430\u043d\u044b, \u043f\u043e\u0441\u043a\u043e\u043b\u044c\u043a\u0443 \u043e\u043d\u0438 \u043d\u0430\u043f\u0440\u044f\u043c\u0443\u044e \u043e\u043f\u0440\u0435\u0434\u0435\u043b\u044f\u044e\u0442\u0441\u044f \u0431\u0438\u0437\u043d\u0435\u0441-\u043e\u0431\u043b\u0430\u0441\u0442\u044c\u044e \u0432\u0430\u0448\u0435\u0433\u043e \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f. \u041d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, \u0444\u043e\u0442\u043e\u0433\u0430\u043b\u0435\u0440\u0435\u044f \u043c\u043e\u0436\u0435\u0442 \u0438\u043c\u0435\u0442\u044c \u0441\u043b\u0430\u0439\u0441\u044b ",(0,n.jsx)(t.code,{children:"photo"}),", ",(0,n.jsx)(t.code,{children:"create-album"}),", ",(0,n.jsx)(t.code,{children:"gallery-page"}),". \u0414\u043b\u044f \u0441\u043e\u0446\u0438\u0430\u043b\u044c\u043d\u043e\u0439 \u0441\u0435\u0442\u0438 \u043f\u043e\u0442\u0440\u0435\u0431\u0443\u044e\u0442\u0441\u044f \u0434\u0440\u0443\u0433\u0438\u0435 \u0441\u043b\u0430\u0439\u0441\u044b, \u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, ",(0,n.jsx)(t.code,{children:"post"}),", ",(0,n.jsx)(t.code,{children:"add-user-to-friends"}),", ",(0,n.jsx)(t.code,{children:"news-feed"}),"."]}),"\n",(0,n.jsxs)(t.p,{children:["\u0411\u043b\u0438\u0437\u043a\u043e \u0441\u0432\u044f\u0437\u0430\u043d\u043d\u044b\u0435 \u0441\u043b\u0430\u0439\u0441\u044b \u043c\u043e\u0433\u0443\u0442 \u0431\u044b\u0442\u044c \u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u043d\u043e \u0441\u0433\u0440\u0443\u043f\u043f\u0438\u0440\u043e\u0432\u0430\u043d\u044b \u0432 \u043e\u0434\u043d\u043e\u0439 \u043f\u0430\u043f\u043a\u0435, \u043d\u043e \u043e\u043d\u0438 \u0434\u043e\u043b\u0436\u043d\u044b \u0441\u043e\u0431\u043b\u044e\u0434\u0430\u0442\u044c \u0442\u0435 \u0436\u0435 \u043f\u0440\u0430\u0432\u0438\u043b\u0430 \u0438\u0437\u043e\u043b\u044f\u0446\u0438\u0438, \u0447\u0442\u043e \u0438 \u0434\u0440\u0443\u0433\u0438\u0435 \u0441\u043b\u0430\u0439\u0441\u044b - \u0432 \u044d\u0442\u043e\u043c \u043a\u0430\u0442\u0430\u043b\u043e\u0433\u0435 \u043d\u0435 \u0434\u043e\u043b\u0436\u043d\u043e \u0431\u044b\u0442\u044c ",(0,n.jsx)(t.strong,{children:"\u043d\u0438\u043a\u0430\u043a\u043e\u0433\u043e \u043a\u043e\u0434\u0430 \u0434\u043b\u044f \u0441\u043e\u0432\u043c\u0435\u0441\u0442\u043d\u043e\u0433\u043e \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u044f \u043d\u0435\u0441\u043a\u043e\u043b\u044c\u043a\u0438\u043c\u0438 \u0441\u043b\u0430\u0439\u0441\u0430\u043c\u0438"}),"."]}),"\n",(0,n.jsx)(t.p,{children:(0,n.jsx)(t.img,{alt:"\u0424\u0438\u0447\u0438 &quot;compose&quot; (\u043d\u0430\u043f\u0438\u0441\u0430\u0442\u044c), &quot;like&quot; (\u043e\u0442\u043c\u0435\u0442\u0438\u0442\u044c \u043a\u0430\u043a \u043f\u043e\u043d\u0440\u0430\u0432\u0438\u0432\u0448\u0435\u0435\u0441\u044f) \u0438 &quot;delete&quot; (\u0443\u0434\u0430\u043b\u0438\u0442\u044c), \u0441\u0433\u0440\u0443\u043f\u043f\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u044b\u0435 \u0432 \u043f\u0430\u043f\u043a\u0443 &quot;post&quot; (\u043f\u0443\u0431\u043b\u0438\u043a\u0430\u0446\u0438\u044f). \u0412 \u044d\u0442\u043e\u0439 \u043f\u0430\u043f\u043a\u0435 \u0442\u0430\u043a\u0436\u0435 \u0435\u0441\u0442\u044c \u0444\u0430\u0439\u043b &quot;some-shared-code.ts&quot; (\u043a\u0430\u043a\u043e\u0439-\u0442\u043e \u043e\u0431\u0449\u0438\u0439 \u043a\u043e\u0434), \u043d\u0430\u0437\u0432\u0430\u043d\u0438\u0435 \u043a\u043e\u0442\u043e\u0440\u043e\u0433\u043e \u043f\u0435\u0440\u0435\u0447\u0435\u0440\u043a\u043d\u0443\u0442\u043e, \u0447\u0442\u043e \u043e\u0437\u043d\u0430\u0447\u0430\u0435\u0442, \u0447\u0442\u043e \u044d\u0442\u043e\u0442 \u0444\u0430\u0439\u043b \u043d\u0435 \u0434\u043e\u043b\u0436\u0435\u043d \u0442\u0430\u043c \u0431\u044b\u0442\u044c.",src:s(628).A+"",width:"365",height:"236"})}),"\n",(0,n.jsx)(t.p,{children:"\u0421\u043b\u043e\u0438 Shared \u0438 App \u043d\u0435 \u0441\u043e\u0434\u0435\u0440\u0436\u0430\u0442 \u0441\u043b\u0430\u0439\u0441\u043e\u0432. \u042d\u0442\u043e \u0441\u0432\u044f\u0437\u0430\u043d\u043e \u0441 \u0442\u0435\u043c, \u0447\u0442\u043e Shared \u043d\u0435 \u0434\u043e\u043b\u0436\u0435\u043d \u0441\u043e\u0434\u0435\u0440\u0436\u0430\u0442\u044c \u043d\u0438\u043a\u0430\u043a\u043e\u0439 \u0431\u0438\u0437\u043d\u0435\u0441-\u043b\u043e\u0433\u0438\u043a\u0438, \u0441\u043b\u0435\u0434\u043e\u0432\u0430\u0442\u0435\u043b\u044c\u043d\u043e, \u043d\u0435 \u0438\u043c\u0435\u0435\u0442 \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u044f \u0434\u043b\u044f \u043f\u0440\u043e\u0434\u0443\u043a\u0442\u0430, \u0430 App \u0434\u043e\u043b\u0436\u0435\u043d \u0441\u043e\u0434\u0435\u0440\u0436\u0430\u0442\u044c \u0442\u043e\u043b\u044c\u043a\u043e \u043a\u043e\u0434, \u043e\u0442\u043d\u043e\u0441\u044f\u0449\u0438\u0439\u0441\u044f \u043a\u043e \u0432\u0441\u0435\u043c\u0443 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044e, \u043f\u043e\u044d\u0442\u043e\u043c\u0443 \u0432 \u0440\u0430\u0437\u0431\u0438\u0435\u043d\u0438\u0438 \u043d\u0435\u0442 \u043d\u0435\u043e\u0431\u0445\u043e\u0434\u0438\u043c\u043e\u0441\u0442\u0438."}),"\n",(0,n.jsx)(t.h3,{id:"\u043f\u0440\u0430\u0432\u0438\u043b\u043e-\u043f\u0443\u0431\u043b\u0438\u0447\u043d\u043e\u0433\u043e-api-\u0434\u043b\u044f-\u0441\u043b\u0430\u0439\u0441\u043e\u0432",children:"\u041f\u0440\u0430\u0432\u0438\u043b\u043e \u043f\u0443\u0431\u043b\u0438\u0447\u043d\u043e\u0433\u043e API \u0434\u043b\u044f \u0441\u043b\u0430\u0439\u0441\u043e\u0432"}),"\n",(0,n.jsxs)(t.p,{children:["\u0412\u043d\u0443\u0442\u0440\u0438 \u0441\u043b\u0430\u0439\u0441\u0430 \u043a\u043e\u0434 \u043c\u043e\u0436\u0435\u0442 \u0431\u044b\u0442\u044c \u043e\u0440\u0433\u0430\u043d\u0438\u0437\u043e\u0432\u0430\u043d \u043a\u0430\u043a \u0443\u0433\u043e\u0434\u043d\u043e, \u0438 \u044d\u0442\u043e \u043d\u0435 \u0441\u043e\u0437\u0434\u0430\u0441\u0442 \u043d\u0438\u043a\u0430\u043a\u0438\u0445 \u043f\u0440\u043e\u0431\u043b\u0435\u043c \u0434\u043e \u0442\u0435\u0445 \u043f\u043e\u0440, \u043f\u043e\u043a\u0430 \u0441\u0440\u0435\u0437 \u0438\u043c\u0435\u0435\u0442 \u043a\u0430\u0447\u0435\u0441\u0442\u0432\u0435\u043d\u043d\u044b\u0439 \u043f\u0443\u0431\u043b\u0438\u0447\u043d\u044b\u0439 API. \u0412 \u044d\u0442\u043e\u043c \u0441\u0443\u0442\u044c \u043f\u0440\u0430\u0432\u0438\u043b\u0430 ",(0,n.jsx)(t.strong,{children:"\u043f\u0443\u0431\u043b\u0438\u0447\u043d\u043e\u0433\u043e API \u0434\u043b\u044f \u0441\u043b\u0430\u0439\u0441\u043e\u0432"}),":"]}),"\n",(0,n.jsxs)(t.blockquote,{children:["\n",(0,n.jsx)(t.p,{children:(0,n.jsx)(t.em,{children:"\u041a\u0430\u0436\u0434\u044b\u0439 \u0441\u043b\u0430\u0439\u0441 (\u0438 \u0441\u0435\u0433\u043c\u0435\u043d\u0442 \u043d\u0430 \u0441\u043b\u043e\u044f\u0445, \u043d\u0435 \u0438\u043c\u0435\u044e\u0449\u0438\u0445 \u0441\u043b\u0430\u0439\u0441\u043e\u0432) \u0434\u043e\u043b\u0436\u0435\u043d \u0441\u043e\u0434\u0435\u0440\u0436\u0430\u0442\u044c \u043e\u043f\u0440\u0435\u0434\u0435\u043b\u0435\u043d\u0438\u0435 \u043f\u0443\u0431\u043b\u0438\u0447\u043d\u043e\u0433\u043e API."})}),"\n",(0,n.jsx)(t.p,{children:(0,n.jsx)(t.em,{children:"\u041c\u043e\u0434\u0443\u043b\u0438 \u0432\u043d\u0435 \u044d\u0442\u043e\u0433\u043e \u0441\u043b\u0430\u0439\u0441\u0430/\u0441\u0435\u0433\u043c\u0435\u043d\u0442\u0430 \u043c\u043e\u0433\u0443\u0442 \u0441\u0441\u044b\u043b\u0430\u0442\u044c\u0441\u044f \u0442\u043e\u043b\u044c\u043a\u043e \u043d\u0430 \u043f\u0443\u0431\u043b\u0438\u0447\u043d\u044b\u0439 API, \u0430 \u043d\u0435 \u043d\u0430 \u0432\u043d\u0443\u0442\u0440\u0435\u043d\u043d\u044e\u044e \u0444\u0430\u0439\u043b\u043e\u0432\u0443\u044e \u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u0443 \u044d\u0442\u043e\u0433\u043e \u0441\u043b\u0430\u0439\u0441\u0430/\u0441\u0435\u0433\u043c\u0435\u043d\u0442\u0430."})}),"\n"]}),"\n",(0,n.jsxs)(t.p,{children:["\u041f\u043e\u0434\u0440\u043e\u0431\u043d\u0435\u0435 \u043e \u043f\u0440\u0438\u0447\u0438\u043d\u0430\u0445 \u0442\u0440\u0435\u0431\u043e\u0432\u0430\u043d\u0438\u044f \u043f\u0443\u0431\u043b\u0438\u0447\u043d\u044b\u0445 API \u0438 \u043b\u0443\u0447\u0448\u0438\u0445 \u043f\u0440\u0430\u043a\u0442\u0438\u043a\u0430\u0445 \u0438\u0445 \u0441\u043e\u0437\u0434\u0430\u043d\u0438\u044f \u0447\u0438\u0442\u0430\u0439\u0442\u0435 \u0432 ",(0,n.jsx)(t.a,{href:"/docs/reference/public-api",children:"\u0441\u043f\u0440\u0430\u0432\u043e\u0447\u043d\u0438\u043a\u0435 \u043e \u043f\u0443\u0431\u043b\u0438\u0447\u043d\u044b\u0445 API"}),"."]}),"\n",(0,n.jsx)(t.h2,{id:"\u0441\u0435\u0433\u043c\u0435\u043d\u0442\u044b",children:"\u0421\u0435\u0433\u043c\u0435\u043d\u0442\u044b"}),"\n",(0,n.jsx)(t.p,{children:"\u0421\u0435\u0433\u043c\u0435\u043d\u0442\u044b - \u044d\u0442\u043e \u0442\u0440\u0435\u0442\u0438\u0439 \u0438 \u043f\u043e\u0441\u043b\u0435\u0434\u043d\u0438\u0439 \u0443\u0440\u043e\u0432\u0435\u043d\u044c \u0432 \u043e\u0440\u0433\u0430\u043d\u0438\u0437\u0430\u0446\u0438\u043e\u043d\u043d\u043e\u0439 \u0438\u0435\u0440\u0430\u0440\u0445\u0438\u0438, \u0438\u0445 \u0446\u0435\u043b\u044c - \u0433\u0440\u0443\u043f\u043f\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u043a\u043e\u0434 \u043f\u043e \u0435\u0433\u043e \u0442\u0435\u0445\u043d\u0438\u0447\u0435\u0441\u043a\u043e\u0439 \u043f\u0440\u0438\u0440\u043e\u0434\u0435."}),"\n",(0,n.jsx)(t.p,{children:"\u0421\u0443\u0449\u0435\u0441\u0442\u0432\u0443\u0435\u0442 \u043d\u0435\u0441\u043a\u043e\u043b\u044c\u043a\u043e \u0441\u0442\u0430\u043d\u0434\u0430\u0440\u0442\u0438\u0437\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u044b\u0445 \u043d\u0430\u0437\u0432\u0430\u043d\u0438\u0439 \u0441\u0435\u0433\u043c\u0435\u043d\u0442\u043e\u0432:"}),"\n",(0,n.jsxs)(t.ul,{children:["\n",(0,n.jsxs)(t.li,{children:[(0,n.jsx)(t.code,{children:"ui"})," - \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u044b \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044c\u0441\u043a\u043e\u0433\u043e \u0438\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441\u0430, \u0444\u0443\u043d\u043a\u0446\u0438\u0438 \u0444\u043e\u0440\u043c\u0430\u0442\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u044f \u0434\u0430\u043d\u043d\u044b\u0445"]}),"\n",(0,n.jsxs)(t.li,{children:[(0,n.jsx)(t.code,{children:"model"})," - \u0431\u0438\u0437\u043d\u0435\u0441-\u043b\u043e\u0433\u0438\u043a\u0430 \u0438 \u0445\u0440\u0430\u043d\u0438\u043b\u0438\u0449\u0430 \u0434\u0430\u043d\u043d\u044b\u0445, \u0444\u0443\u043d\u043a\u0446\u0438\u0438 \u0434\u043b\u044f \u043e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u0438 \u044d\u0442\u0438\u0445 \u0434\u0430\u043d\u043d\u044b\u0445"]}),"\n",(0,n.jsxs)(t.li,{children:[(0,n.jsx)(t.code,{children:"lib"})," - \u0432\u0441\u043f\u043e\u043c\u043e\u0433\u0430\u0442\u0435\u043b\u044c\u043d\u044b\u0439 \u0438\u043d\u0444\u0440\u0430\u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u043d\u044b\u0439 \u043a\u043e\u0434"]}),"\n",(0,n.jsxs)(t.li,{children:[(0,n.jsx)(t.code,{children:"api"})," - \u0432\u0437\u0430\u0438\u043c\u043e\u0434\u0435\u0439\u0441\u0442\u0432\u0438\u0435 \u0441 \u0432\u043d\u0435\u0448\u043d\u0438\u043c\u0438 API, API-\u043c\u0435\u0442\u043e\u0434\u044b \u0431\u044d\u043a\u0435\u043d\u0434\u0430"]}),"\n"]}),"\n",(0,n.jsx)(t.p,{children:"\u0414\u0440\u0443\u0433\u0438\u0435 \u0441\u0435\u0433\u043c\u0435\u043d\u0442\u044b \u0434\u043e\u043f\u0443\u0441\u043a\u0430\u044e\u0442\u0441\u044f, \u043d\u043e \u0434\u043e\u043b\u0436\u043d\u044b \u0441\u043e\u0437\u0434\u0430\u0432\u0430\u0442\u044c\u0441\u044f \u0442\u043e\u043b\u044c\u043a\u043e \u043f\u043e \u043d\u0435\u043e\u0431\u0445\u043e\u0434\u0438\u043c\u043e\u0441\u0442\u0438. \u041d\u0430\u0438\u0431\u043e\u043b\u0435\u0435 \u0440\u0430\u0441\u043f\u0440\u043e\u0441\u0442\u0440\u0430\u043d\u0435\u043d\u043d\u044b\u043c\u0438 \u043c\u0435\u0441\u0442\u0430\u043c\u0438 \u0434\u043b\u044f \u0434\u0440\u0443\u0433\u0438\u0445 \u0441\u0435\u0433\u043c\u0435\u043d\u0442\u043e\u0432 \u044f\u0432\u043b\u044f\u044e\u0442\u0441\u044f \u0441\u043b\u043e\u0438 App \u0438 Shared, \u0433\u0434\u0435 \u0441\u0440\u0435\u0437\u044b \u043d\u0435 \u0438\u043c\u0435\u044e\u0442 \u0441\u043c\u044b\u0441\u043b\u0430."}),"\n",(0,n.jsx)(t.h3,{id:"\u043f\u0440\u0438\u043c\u0435\u0440\u044b",children:"\u041f\u0440\u0438\u043c\u0435\u0440\u044b"}),"\n",(0,n.jsxs)(t.table,{children:[(0,n.jsx)(t.thead,{children:(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.th,{style:{textAlign:"left"},children:"Layer"}),(0,n.jsx)(t.th,{style:{textAlign:"left"},children:(0,n.jsx)(t.code,{children:"ui"})}),(0,n.jsx)(t.th,{style:{textAlign:"left"},children:(0,n.jsx)(t.code,{children:"model"})}),(0,n.jsx)(t.th,{style:{textAlign:"left"},children:(0,n.jsx)(t.code,{children:"lib"})}),(0,n.jsx)(t.th,{style:{textAlign:"left"},children:(0,n.jsx)(t.code,{children:"api"})})]})}),(0,n.jsxs)(t.tbody,{children:[(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{style:{textAlign:"left"},children:"Shared"}),(0,n.jsx)(t.td,{style:{textAlign:"left"},children:"UI-\u0431\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a\u0430"}),(0,n.jsx)(t.td,{style:{textAlign:"left"},children:"\u041e\u0431\u044b\u0447\u043d\u043e \u043d\u0435 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u0442\u0441\u044f"}),(0,n.jsxs)(t.td,{style:{textAlign:"left"},children:["\u0423\u0442\u0438\u043b\u0438\u0442\u0430\u0440\u043d\u044b\u0435 \u043c\u043e\u0434\u0443\u043b\u0438 \u0438\u0437 \u043d\u0435\u0441\u043a\u043e\u043b\u044c\u043a\u0438\u0445 \u0441\u0432\u044f\u0437\u0430\u043d\u043d\u044b\u0445 \u0444\u0430\u0439\u043b\u043e\u0432. ",(0,n.jsx)("br",{})," \u0415\u0441\u043b\u0438 \u0432\u0430\u043c \u043d\u0443\u0436\u043d\u044b \u0438\u043d\u0434\u0438\u0432\u0438\u0434\u0443\u0430\u043b\u044c\u043d\u044b\u0435 \u0432\u0441\u043f\u043e\u043c\u043e\u0433\u0430\u0442\u0435\u043b\u044c\u043d\u044b\u0435 \u0444\u0443\u043d\u043a\u0446\u0438\u0438, \u043e\u0431\u0440\u0430\u0442\u0438\u0442\u0435 \u0432\u043d\u0438\u043c\u0430\u043d\u0438\u0435 \u043d\u0430 \u0431\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a\u0438 \u0443\u0442\u0438\u043b\u0438\u0442, \u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, ",(0,n.jsx)(t.a,{href:"https://www.npmjs.com/package/lodash-es",children:(0,n.jsx)(t.code,{children:"lodash-es"})}),"."]}),(0,n.jsx)(t.td,{style:{textAlign:"left"},children:"\u041f\u0440\u0438\u043c\u0438\u0442\u0438\u0432\u043d\u044b\u0439 API-\u043a\u043b\u0438\u0435\u043d\u0442 \u0441 \u0434\u043e\u043f\u043e\u043b\u043d\u0438\u0442\u0435\u043b\u044c\u043d\u044b\u043c\u0438 \u0444\u0443\u043d\u043a\u0446\u0438\u044f\u043c\u0438, \u0442\u0430\u043a\u0438\u043c\u0438 \u043a\u0430\u043a \u0430\u0443\u0442\u0435\u043d\u0442\u0438\u0444\u0438\u043a\u0430\u0446\u0438\u044f \u0438\u043b\u0438 \u043a\u044d\u0448\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u0435."})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{style:{textAlign:"left"},children:"Entities"}),(0,n.jsx)(t.td,{style:{textAlign:"left"},children:"\u0421\u043a\u0435\u043b\u0435\u0442 \u0431\u0438\u0437\u043d\u0435\u0441-\u0441\u0443\u0449\u043d\u043e\u0441\u0442\u0438 \u0441\u043e \u0441\u043b\u043e\u0442\u0430\u043c\u0438 \u0434\u043b\u044f \u0438\u043d\u0442\u0435\u0440\u0430\u043a\u0442\u0438\u0432\u043d\u044b\u0445 \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u043e\u0432"}),(0,n.jsxs)(t.td,{style:{textAlign:"left"},children:["\u0425\u0440\u0430\u043d\u0438\u043b\u0438\u0449\u0435 \u043e\u0431\u044a\u0435\u043a\u0442\u043e\u0432 \u044d\u0442\u043e\u0439 \u0441\u0443\u0449\u043d\u043e\u0441\u0442\u0438, \u0430 \u0442\u0430\u043a\u0436\u0435 \u0444\u0443\u043d\u043a\u0446\u0438\u0438 \u0434\u043b\u044f \u043e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u0438 \u044d\u0442\u0438\u0445 \u043e\u0431\u044a\u0435\u043a\u0442\u043e\u0432. ",(0,n.jsx)("br",{})," \u042d\u0442\u043e\u0442 \u0441\u0435\u0433\u043c\u0435\u043d\u0442 \u043b\u0443\u0447\u0448\u0435 \u0432\u0441\u0435\u0433\u043e \u043f\u043e\u0434\u0445\u043e\u0434\u0438\u0442 \u0434\u043b\u044f \u0445\u0440\u0430\u043d\u0435\u043d\u0438\u044f \u0434\u0430\u043d\u043d\u044b\u0445 \u0441 \u0441\u0435\u0440\u0432\u0435\u0440\u0430. \u0415\u0441\u043b\u0438 \u0432\u044b \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u0442\u0435 ",(0,n.jsx)(t.a,{href:"https://tanstack.com/query/latest",children:"TanStack Query"})," \u0438\u043b\u0438 \u0434\u0440\u0443\u0433\u0438\u0435 \u043c\u0435\u0442\u043e\u0434\u044b \u043d\u0435\u044f\u0432\u043d\u043e\u0433\u043e \u0445\u0440\u0430\u043d\u0435\u043d\u0438\u044f, \u0432\u044b \u043c\u043e\u0436\u0435\u0442\u0435 \u043e\u043f\u0443\u0441\u0442\u0438\u0442\u044c \u044d\u0442\u043e\u0442 \u0441\u0435\u0433\u043c\u0435\u043d\u0442."]}),(0,n.jsx)(t.td,{style:{textAlign:"left"},children:"\u0424\u0443\u043d\u043a\u0446\u0438\u0438 \u043d\u0430\u0434 \u043e\u0431\u044a\u0435\u043a\u0442\u0430\u043c\u0438 \u044d\u0442\u043e\u0439 \u0441\u0443\u0449\u043d\u043e\u0441\u0442\u0438, \u043d\u0435 \u0441\u0432\u044f\u0437\u0430\u043d\u043d\u044b\u0435 \u0441 \u0445\u0440\u0430\u043d\u0435\u043d\u0438\u0435\u043c \u0434\u0430\u043d\u043d\u044b\u0445"}),(0,n.jsx)(t.td,{style:{textAlign:"left"},children:"API-\u043c\u0435\u0442\u043e\u0434\u044b, \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u044e\u0449\u0438\u0435 API-\u043a\u043b\u0438\u0435\u043d\u0442 \u0438\u0437 Shared \u0434\u043b\u044f \u0443\u043f\u0440\u043e\u0449\u0435\u043d\u0438\u044f \u043a\u043e\u043c\u043c\u0443\u043d\u0438\u043a\u0430\u0446\u0438\u0438 \u0441 \u0431\u044d\u043a\u0435\u043d\u0434\u043e\u043c"})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{style:{textAlign:"left"},children:"Features"}),(0,n.jsx)(t.td,{style:{textAlign:"left"},children:"\u0418\u043d\u0442\u0435\u0440\u0430\u043a\u0442\u0438\u0432\u043d\u044b\u0435 \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u044b, \u043f\u043e\u0437\u0432\u043e\u043b\u044f\u044e\u0449\u0438\u0435 \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044f\u043c \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u044d\u0442\u0443 \u0444\u0443\u043d\u043a\u0446\u0438\u044e"}),(0,n.jsx)(t.td,{style:{textAlign:"left"},children:"\u0411\u0438\u0437\u043d\u0435\u0441-\u043b\u043e\u0433\u0438\u043a\u0430 \u0438 \u0445\u0440\u0430\u043d\u0438\u043b\u0438\u0449\u0435 \u0438\u043d\u0444\u0440\u0430\u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u043d\u044b\u0445 \u0434\u0430\u043d\u043d\u044b\u0445, \u0435\u0441\u043b\u0438 \u0442\u0440\u0435\u0431\u0443\u0435\u0442\u0441\u044f (\u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, \u0442\u0435\u043a\u0443\u0449\u0430\u044f \u0442\u0435\u043c\u0430 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f). \u0417\u0434\u0435\u0441\u044c \u043b\u0435\u0436\u0438\u0442 \u043a\u043e\u0434, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u043d\u0435\u043f\u043e\u0441\u0440\u0435\u0434\u0441\u0442\u0432\u0435\u043d\u043d\u043e \u0441\u043e\u0437\u0434\u0430\u0435\u0442 \u043f\u043e\u043b\u044c\u0437\u0443 \u0434\u043b\u044f \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044f"}),(0,n.jsxs)(t.td,{style:{textAlign:"left"},children:["\u0418\u043d\u0444\u0440\u0430\u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u043d\u044b\u0439 \u043a\u043e\u0434, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u043f\u043e\u0437\u0432\u043e\u043b\u044f\u0435\u0442 \u0441\u0435\u0433\u043c\u0435\u043d\u0442\u0443 ",(0,n.jsx)(t.code,{children:"model"})," \u0431\u043e\u043b\u0435\u0435 \u043a\u0440\u0430\u0442\u043a\u043e \u043e\u043f\u0438\u0441\u0430\u0442\u044c \u0431\u0438\u0437\u043d\u0435\u0441-\u043b\u043e\u0433\u0438\u043a\u0443"]}),(0,n.jsxs)(t.td,{style:{textAlign:"left"},children:["API-\u043c\u0435\u0442\u043e\u0434\u044b, \u043f\u0440\u0435\u0434\u0441\u0442\u0430\u0432\u043b\u044f\u044e\u0449\u0438\u0435 \u044d\u0442\u0443 \u0444\u0443\u043d\u043a\u0446\u0438\u044e \u043d\u0430 \u0431\u044d\u043a\u0435\u043d\u0434\u0435. ",(0,n.jsx)("br",{})," \u041c\u043e\u0436\u0435\u0442 \u043e\u0431\u044a\u0435\u0434\u0438\u043d\u044f\u0442\u044c API-\u043c\u0435\u0442\u043e\u0434\u044b \u0438\u0437 Entities."]})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{style:{textAlign:"left"},children:"Widgets"}),(0,n.jsxs)(t.td,{style:{textAlign:"left"},children:["\u041a\u043e\u043c\u043f\u043e\u0437\u0438\u0446\u0438\u044f Entities \u0438 Features \u0432 \u0441\u0430\u043c\u043e\u0434\u043e\u0441\u0442\u0430\u0442\u043e\u0447\u043d\u044b\u0435 \u0431\u043b\u043e\u043a\u0438 \u0438\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441\u0430. ",(0,n.jsx)("br",{})," \u0422\u0430\u043a\u0436\u0435 \u043c\u043e\u0436\u0435\u0442 \u0441\u043e\u0434\u0435\u0440\u0436\u0430\u0442\u044c \u043e\u0433\u0440\u0430\u043d\u0438\u0447\u0438\u0442\u0435\u043b\u0438 \u043e\u0448\u0438\u0431\u043e\u043a \u0438 \u0441\u043e\u0441\u0442\u043e\u044f\u043d\u0438\u044f \u0437\u0430\u0433\u0440\u0443\u0437\u043a\u0438."]}),(0,n.jsx)(t.td,{style:{textAlign:"left"},children:"\u0425\u0440\u0430\u043d\u0438\u043b\u0438\u0449\u0435 \u0438\u043d\u0444\u0440\u0430\u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u043d\u044b\u0445 \u0434\u0430\u043d\u043d\u044b\u0445, \u0435\u0441\u043b\u0438 \u0442\u0440\u0435\u0431\u0443\u0435\u0442\u0441\u044f"}),(0,n.jsx)(t.td,{style:{textAlign:"left"},children:"\u041d\u0435-\u0431\u0438\u0437\u043d\u0435\u0441-\u0432\u0437\u0430\u0438\u043c\u043e\u0434\u0435\u0439\u0441\u0442\u0432\u0438\u044f (\u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, \u0436\u0435\u0441\u0442\u044b) \u0438 \u043f\u0440\u043e\u0447\u0438\u0439 \u043a\u043e\u0434, \u043d\u0435\u043e\u0431\u0445\u043e\u0434\u0438\u043c\u044b\u0439 \u0434\u043b\u044f \u0444\u0443\u043d\u043a\u0446\u0438\u043e\u043d\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u044f \u044d\u0442\u043e\u0433\u043e \u0431\u043b\u043e\u043a\u0430 \u043d\u0430 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0435"}),(0,n.jsxs)(t.td,{style:{textAlign:"left"},children:["\u041e\u0431\u044b\u0447\u043d\u043e \u043d\u0435 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u0442\u0441\u044f, \u043d\u043e \u043c\u043e\u0436\u0435\u0442 \u0441\u043e\u0434\u0435\u0440\u0436\u0430\u0442\u044c \u0437\u0430\u0433\u0440\u0443\u0437\u0447\u0438\u043a\u0438 \u0434\u0430\u043d\u043d\u044b\u0445 \u0432 \u043a\u043e\u043d\u0442\u0435\u043a\u0441\u0442\u0435 \u0432\u043b\u043e\u0436\u0435\u043d\u043d\u043e\u0433\u043e \u0440\u043e\u0443\u0442\u0438\u043d\u0433\u0430 (\u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, ",(0,n.jsx)(t.a,{href:"https://remix.run",children:"Remix"}),")"]})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{style:{textAlign:"left"},children:"Pages"}),(0,n.jsxs)(t.td,{style:{textAlign:"left"},children:["\u041a\u043e\u043c\u043f\u043e\u0437\u0438\u0446\u0438\u044f Entities, Features \u0438 Widgets \u0432 \u043f\u043e\u043b\u043d\u043e\u0446\u0435\u043d\u043d\u044b\u0435 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b. ",(0,n.jsx)("br",{})," \u0422\u0430\u043a\u0436\u0435 \u043c\u043e\u0436\u0435\u0442 \u0441\u043e\u0434\u0435\u0440\u0436\u0430\u0442\u044c \u043e\u0433\u0440\u0430\u043d\u0438\u0447\u0438\u0442\u0435\u043b\u0438 \u043e\u0448\u0438\u0431\u043e\u043a \u0438 \u0441\u043e\u0441\u0442\u043e\u044f\u043d\u0438\u044f \u0437\u0430\u0433\u0440\u0443\u0437\u043a\u0438."]}),(0,n.jsx)(t.td,{style:{textAlign:"left"},children:"\u041e\u0431\u044b\u0447\u043d\u043e \u043d\u0435 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u0442\u0441\u044f"}),(0,n.jsx)(t.td,{style:{textAlign:"left"},children:"\u041d\u0435-\u0431\u0438\u0437\u043d\u0435\u0441-\u0432\u0437\u0430\u0438\u043c\u043e\u0434\u0435\u0439\u0441\u0442\u0432\u0438\u044f (\u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, \u0436\u0435\u0441\u0442\u044b) \u0438 \u043f\u0440\u043e\u0447\u0438\u0439 \u043a\u043e\u0434, \u043d\u0435\u043e\u0431\u0445\u043e\u0434\u0438\u043c\u044b\u0439 \u0434\u043b\u044f \u0441\u043e\u0437\u0434\u0430\u043d\u0438\u044f \u043f\u043e\u043b\u043d\u043e\u0446\u0435\u043d\u043d\u043e\u0433\u043e \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044c\u0441\u043a\u043e\u0433\u043e \u043e\u043f\u044b\u0442\u0430 \u043d\u0430 \u044d\u0442\u043e\u0439 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0435"}),(0,n.jsx)(t.td,{style:{textAlign:"left"},children:"\u0417\u0430\u0433\u0440\u0443\u0437\u0447\u0438\u043a\u0438 \u0434\u0430\u043d\u043d\u044b\u0445 \u0434\u043b\u044f \u0444\u0440\u0435\u0439\u043c\u0432\u043e\u0440\u043a\u043e\u0432, \u043e\u0440\u0438\u0435\u043d\u0442\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u044b\u0445 \u043d\u0430 SSR (\u0440\u0435\u043d\u0434\u0435\u0440\u0438\u043d\u0433 \u043d\u0430 \u0441\u0435\u0440\u0432\u0435\u0440\u0435)"})]})]})]})]})}function o(e={}){const{wrapper:t}={...(0,l.R)(),...e.components};return t?(0,n.jsx)(t,{...e,children:(0,n.jsx)(x,{...e})}):x(e)}},628:(e,t,s)=>{s.d(t,{A:()=>n});const n=s.p+"assets/images/graphic-nested-slices-b9c44e6cc55ecdbf3e50bf40a61e5a27.svg"},1100:(e,t,s)=>{s.d(t,{R:()=>r,x:()=>d});var n=s(758);const l={},i=n.createContext(l);function r(e){const t=n.useContext(i);return n.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function d(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(l):e.components||l:r(e.components),n.createElement(i.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
+"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[6766],{5584:(e,t,s)=>{s.r(t),s.d(t,{assets:()=>c,contentTitle:()=>r,default:()=>o,frontMatter:()=>i,metadata:()=>d,toc:()=>h});var n=s(6070),l=s(1100);const i={title:"\u0421\u043b\u0430\u0439\u0441\u044b \u0438 \u0441\u0435\u0433\u043c\u0435\u043d\u0442\u044b",sidebar_position:2,pagination_next:"reference/public-api"},r="\u0421\u043b\u0430\u0439\u0441\u044b \u0438 \u0441\u0435\u0433\u043c\u0435\u043d\u0442\u044b",d={id:"reference/slices-segments",title:"\u0421\u043b\u0430\u0439\u0441\u044b \u0438 \u0441\u0435\u0433\u043c\u0435\u043d\u0442\u044b",description:"\u0421\u043b\u0430\u0439\u0441\u044b",source:"@site/i18n/ru/docusaurus-plugin-content-docs/current/reference/slices-segments.mdx",sourceDirName:"reference",slug:"/reference/slices-segments",permalink:"/ru/docs/reference/slices-segments",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/ru/docusaurus-plugin-content-docs/current/reference/slices-segments.mdx",tags:[],version:"current",lastUpdatedAt:1728325386e3,sidebarPosition:2,frontMatter:{title:"\u0421\u043b\u0430\u0439\u0441\u044b \u0438 \u0441\u0435\u0433\u043c\u0435\u043d\u0442\u044b",sidebar_position:2,pagination_next:"reference/public-api"},sidebar:"referenceSidebar",previous:{title:"\u0421\u043b\u043e\u0438",permalink:"/ru/docs/reference/layers"},next:{title:"Public API",permalink:"/ru/docs/reference/public-api"}},c={},h=[{value:"\u0421\u043b\u0430\u0439\u0441\u044b",id:"\u0441\u043b\u0430\u0439\u0441\u044b",level:2},{value:"\u041f\u0440\u0430\u0432\u0438\u043b\u043e \u043f\u0443\u0431\u043b\u0438\u0447\u043d\u043e\u0433\u043e API \u0434\u043b\u044f \u0441\u043b\u0430\u0439\u0441\u043e\u0432",id:"\u043f\u0440\u0430\u0432\u0438\u043b\u043e-\u043f\u0443\u0431\u043b\u0438\u0447\u043d\u043e\u0433\u043e-api-\u0434\u043b\u044f-\u0441\u043b\u0430\u0439\u0441\u043e\u0432",level:3},{value:"\u0421\u0435\u0433\u043c\u0435\u043d\u0442\u044b",id:"\u0441\u0435\u0433\u043c\u0435\u043d\u0442\u044b",level:2},{value:"\u041f\u0440\u0438\u043c\u0435\u0440\u044b",id:"\u043f\u0440\u0438\u043c\u0435\u0440\u044b",level:3}];function x(e){const t={a:"a",blockquote:"blockquote",code:"code",em:"em",h1:"h1",h2:"h2",h3:"h3",header:"header",img:"img",li:"li",p:"p",strong:"strong",table:"table",tbody:"tbody",td:"td",th:"th",thead:"thead",tr:"tr",ul:"ul",...(0,l.R)(),...e.components};return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(t.header,{children:(0,n.jsx)(t.h1,{id:"\u0441\u043b\u0430\u0439\u0441\u044b-\u0438-\u0441\u0435\u0433\u043c\u0435\u043d\u0442\u044b",children:"\u0421\u043b\u0430\u0439\u0441\u044b \u0438 \u0441\u0435\u0433\u043c\u0435\u043d\u0442\u044b"})}),"\n",(0,n.jsx)(t.h2,{id:"\u0441\u043b\u0430\u0439\u0441\u044b",children:"\u0421\u043b\u0430\u0439\u0441\u044b"}),"\n",(0,n.jsx)(t.p,{children:"\u0421\u043b\u0430\u0439\u0441\u044b - \u044d\u0442\u043e \u0432\u0442\u043e\u0440\u043e\u0439 \u0443\u0440\u043e\u0432\u0435\u043d\u044c \u0432 \u043e\u0440\u0433\u0430\u043d\u0438\u0437\u0430\u0446\u0438\u043e\u043d\u043d\u043e\u0439 \u0438\u0435\u0440\u0430\u0440\u0445\u0438\u0438 Feature-Sliced Design. \u0418\u0445 \u043e\u0441\u043d\u043e\u0432\u043d\u043e\u0435 \u043d\u0430\u0437\u043d\u0430\u0447\u0435\u043d\u0438\u0435 - \u0433\u0440\u0443\u043f\u043f\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u043a\u043e\u0434 \u043f\u043e \u0435\u0433\u043e \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u044e \u0434\u043b\u044f \u043f\u0440\u043e\u0434\u0443\u043a\u0442\u0430, \u0431\u0438\u0437\u043d\u0435\u0441\u0430 \u0438\u043b\u0438 \u043f\u0440\u043e\u0441\u0442\u043e \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f."}),"\n",(0,n.jsxs)(t.p,{children:["\u0418\u043c\u0435\u043d\u0430 \u0441\u043b\u0430\u0439\u0441\u043e\u0432 \u043d\u0435 \u0441\u0442\u0430\u043d\u0434\u0430\u0440\u0442\u0438\u0437\u0438\u0440\u043e\u0432\u0430\u043d\u044b, \u043f\u043e\u0441\u043a\u043e\u043b\u044c\u043a\u0443 \u043e\u043d\u0438 \u043d\u0430\u043f\u0440\u044f\u043c\u0443\u044e \u043e\u043f\u0440\u0435\u0434\u0435\u043b\u044f\u044e\u0442\u0441\u044f \u0431\u0438\u0437\u043d\u0435\u0441-\u043e\u0431\u043b\u0430\u0441\u0442\u044c\u044e \u0432\u0430\u0448\u0435\u0433\u043e \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f. \u041d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, \u0444\u043e\u0442\u043e\u0433\u0430\u043b\u0435\u0440\u0435\u044f \u043c\u043e\u0436\u0435\u0442 \u0438\u043c\u0435\u0442\u044c \u0441\u043b\u0430\u0439\u0441\u044b ",(0,n.jsx)(t.code,{children:"photo"}),", ",(0,n.jsx)(t.code,{children:"create-album"}),", ",(0,n.jsx)(t.code,{children:"gallery-page"}),". \u0414\u043b\u044f \u0441\u043e\u0446\u0438\u0430\u043b\u044c\u043d\u043e\u0439 \u0441\u0435\u0442\u0438 \u043f\u043e\u0442\u0440\u0435\u0431\u0443\u044e\u0442\u0441\u044f \u0434\u0440\u0443\u0433\u0438\u0435 \u0441\u043b\u0430\u0439\u0441\u044b, \u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, ",(0,n.jsx)(t.code,{children:"post"}),", ",(0,n.jsx)(t.code,{children:"add-user-to-friends"}),", ",(0,n.jsx)(t.code,{children:"news-feed"}),"."]}),"\n",(0,n.jsxs)(t.p,{children:["\u0411\u043b\u0438\u0437\u043a\u043e \u0441\u0432\u044f\u0437\u0430\u043d\u043d\u044b\u0435 \u0441\u043b\u0430\u0439\u0441\u044b \u043c\u043e\u0433\u0443\u0442 \u0431\u044b\u0442\u044c \u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u043d\u043e \u0441\u0433\u0440\u0443\u043f\u043f\u0438\u0440\u043e\u0432\u0430\u043d\u044b \u0432 \u043e\u0434\u043d\u043e\u0439 \u043f\u0430\u043f\u043a\u0435, \u043d\u043e \u043e\u043d\u0438 \u0434\u043e\u043b\u0436\u043d\u044b \u0441\u043e\u0431\u043b\u044e\u0434\u0430\u0442\u044c \u0442\u0435 \u0436\u0435 \u043f\u0440\u0430\u0432\u0438\u043b\u0430 \u0438\u0437\u043e\u043b\u044f\u0446\u0438\u0438, \u0447\u0442\u043e \u0438 \u0434\u0440\u0443\u0433\u0438\u0435 \u0441\u043b\u0430\u0439\u0441\u044b - \u0432 \u044d\u0442\u043e\u043c \u043a\u0430\u0442\u0430\u043b\u043e\u0433\u0435 \u043d\u0435 \u0434\u043e\u043b\u0436\u043d\u043e \u0431\u044b\u0442\u044c ",(0,n.jsx)(t.strong,{children:"\u043d\u0438\u043a\u0430\u043a\u043e\u0433\u043e \u043a\u043e\u0434\u0430 \u0434\u043b\u044f \u0441\u043e\u0432\u043c\u0435\u0441\u0442\u043d\u043e\u0433\u043e \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u044f \u043d\u0435\u0441\u043a\u043e\u043b\u044c\u043a\u0438\u043c\u0438 \u0441\u043b\u0430\u0439\u0441\u0430\u043c\u0438"}),"."]}),"\n",(0,n.jsx)(t.p,{children:(0,n.jsx)(t.img,{alt:"\u0424\u0438\u0447\u0438 &quot;compose&quot; (\u043d\u0430\u043f\u0438\u0441\u0430\u0442\u044c), &quot;like&quot; (\u043e\u0442\u043c\u0435\u0442\u0438\u0442\u044c \u043a\u0430\u043a \u043f\u043e\u043d\u0440\u0430\u0432\u0438\u0432\u0448\u0435\u0435\u0441\u044f) \u0438 &quot;delete&quot; (\u0443\u0434\u0430\u043b\u0438\u0442\u044c), \u0441\u0433\u0440\u0443\u043f\u043f\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u044b\u0435 \u0432 \u043f\u0430\u043f\u043a\u0443 &quot;post&quot; (\u043f\u0443\u0431\u043b\u0438\u043a\u0430\u0446\u0438\u044f). \u0412 \u044d\u0442\u043e\u0439 \u043f\u0430\u043f\u043a\u0435 \u0442\u0430\u043a\u0436\u0435 \u0435\u0441\u0442\u044c \u0444\u0430\u0439\u043b &quot;some-shared-code.ts&quot; (\u043a\u0430\u043a\u043e\u0439-\u0442\u043e \u043e\u0431\u0449\u0438\u0439 \u043a\u043e\u0434), \u043d\u0430\u0437\u0432\u0430\u043d\u0438\u0435 \u043a\u043e\u0442\u043e\u0440\u043e\u0433\u043e \u043f\u0435\u0440\u0435\u0447\u0435\u0440\u043a\u043d\u0443\u0442\u043e, \u0447\u0442\u043e \u043e\u0437\u043d\u0430\u0447\u0430\u0435\u0442, \u0447\u0442\u043e \u044d\u0442\u043e\u0442 \u0444\u0430\u0439\u043b \u043d\u0435 \u0434\u043e\u043b\u0436\u0435\u043d \u0442\u0430\u043c \u0431\u044b\u0442\u044c.",src:s(628).A+"",width:"365",height:"236"})}),"\n",(0,n.jsx)(t.p,{children:"\u0421\u043b\u043e\u0438 Shared \u0438 App \u043d\u0435 \u0441\u043e\u0434\u0435\u0440\u0436\u0430\u0442 \u0441\u043b\u0430\u0439\u0441\u043e\u0432. \u042d\u0442\u043e \u0441\u0432\u044f\u0437\u0430\u043d\u043e \u0441 \u0442\u0435\u043c, \u0447\u0442\u043e Shared \u043d\u0435 \u0434\u043e\u043b\u0436\u0435\u043d \u0441\u043e\u0434\u0435\u0440\u0436\u0430\u0442\u044c \u043d\u0438\u043a\u0430\u043a\u043e\u0439 \u0431\u0438\u0437\u043d\u0435\u0441-\u043b\u043e\u0433\u0438\u043a\u0438, \u0441\u043b\u0435\u0434\u043e\u0432\u0430\u0442\u0435\u043b\u044c\u043d\u043e, \u043d\u0435 \u0438\u043c\u0435\u0435\u0442 \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u044f \u0434\u043b\u044f \u043f\u0440\u043e\u0434\u0443\u043a\u0442\u0430, \u0430 App \u0434\u043e\u043b\u0436\u0435\u043d \u0441\u043e\u0434\u0435\u0440\u0436\u0430\u0442\u044c \u0442\u043e\u043b\u044c\u043a\u043e \u043a\u043e\u0434, \u043e\u0442\u043d\u043e\u0441\u044f\u0449\u0438\u0439\u0441\u044f \u043a\u043e \u0432\u0441\u0435\u043c\u0443 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044e, \u043f\u043e\u044d\u0442\u043e\u043c\u0443 \u0432 \u0440\u0430\u0437\u0431\u0438\u0435\u043d\u0438\u0438 \u043d\u0435\u0442 \u043d\u0435\u043e\u0431\u0445\u043e\u0434\u0438\u043c\u043e\u0441\u0442\u0438."}),"\n",(0,n.jsx)(t.h3,{id:"\u043f\u0440\u0430\u0432\u0438\u043b\u043e-\u043f\u0443\u0431\u043b\u0438\u0447\u043d\u043e\u0433\u043e-api-\u0434\u043b\u044f-\u0441\u043b\u0430\u0439\u0441\u043e\u0432",children:"\u041f\u0440\u0430\u0432\u0438\u043b\u043e \u043f\u0443\u0431\u043b\u0438\u0447\u043d\u043e\u0433\u043e API \u0434\u043b\u044f \u0441\u043b\u0430\u0439\u0441\u043e\u0432"}),"\n",(0,n.jsxs)(t.p,{children:["\u0412\u043d\u0443\u0442\u0440\u0438 \u0441\u043b\u0430\u0439\u0441\u0430 \u043a\u043e\u0434 \u043c\u043e\u0436\u0435\u0442 \u0431\u044b\u0442\u044c \u043e\u0440\u0433\u0430\u043d\u0438\u0437\u043e\u0432\u0430\u043d \u043a\u0430\u043a \u0443\u0433\u043e\u0434\u043d\u043e, \u0438 \u044d\u0442\u043e \u043d\u0435 \u0441\u043e\u0437\u0434\u0430\u0441\u0442 \u043d\u0438\u043a\u0430\u043a\u0438\u0445 \u043f\u0440\u043e\u0431\u043b\u0435\u043c \u0434\u043e \u0442\u0435\u0445 \u043f\u043e\u0440, \u043f\u043e\u043a\u0430 \u0441\u0440\u0435\u0437 \u0438\u043c\u0435\u0435\u0442 \u043a\u0430\u0447\u0435\u0441\u0442\u0432\u0435\u043d\u043d\u044b\u0439 \u043f\u0443\u0431\u043b\u0438\u0447\u043d\u044b\u0439 API. \u0412 \u044d\u0442\u043e\u043c \u0441\u0443\u0442\u044c \u043f\u0440\u0430\u0432\u0438\u043b\u0430 ",(0,n.jsx)(t.strong,{children:"\u043f\u0443\u0431\u043b\u0438\u0447\u043d\u043e\u0433\u043e API \u0434\u043b\u044f \u0441\u043b\u0430\u0439\u0441\u043e\u0432"}),":"]}),"\n",(0,n.jsxs)(t.blockquote,{children:["\n",(0,n.jsx)(t.p,{children:(0,n.jsx)(t.em,{children:"\u041a\u0430\u0436\u0434\u044b\u0439 \u0441\u043b\u0430\u0439\u0441 (\u0438 \u0441\u0435\u0433\u043c\u0435\u043d\u0442 \u043d\u0430 \u0441\u043b\u043e\u044f\u0445, \u043d\u0435 \u0438\u043c\u0435\u044e\u0449\u0438\u0445 \u0441\u043b\u0430\u0439\u0441\u043e\u0432) \u0434\u043e\u043b\u0436\u0435\u043d \u0441\u043e\u0434\u0435\u0440\u0436\u0430\u0442\u044c \u043e\u043f\u0440\u0435\u0434\u0435\u043b\u0435\u043d\u0438\u0435 \u043f\u0443\u0431\u043b\u0438\u0447\u043d\u043e\u0433\u043e API."})}),"\n",(0,n.jsx)(t.p,{children:(0,n.jsx)(t.em,{children:"\u041c\u043e\u0434\u0443\u043b\u0438 \u0432\u043d\u0435 \u044d\u0442\u043e\u0433\u043e \u0441\u043b\u0430\u0439\u0441\u0430/\u0441\u0435\u0433\u043c\u0435\u043d\u0442\u0430 \u043c\u043e\u0433\u0443\u0442 \u0441\u0441\u044b\u043b\u0430\u0442\u044c\u0441\u044f \u0442\u043e\u043b\u044c\u043a\u043e \u043d\u0430 \u043f\u0443\u0431\u043b\u0438\u0447\u043d\u044b\u0439 API, \u0430 \u043d\u0435 \u043d\u0430 \u0432\u043d\u0443\u0442\u0440\u0435\u043d\u043d\u044e\u044e \u0444\u0430\u0439\u043b\u043e\u0432\u0443\u044e \u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u0443 \u044d\u0442\u043e\u0433\u043e \u0441\u043b\u0430\u0439\u0441\u0430/\u0441\u0435\u0433\u043c\u0435\u043d\u0442\u0430."})}),"\n"]}),"\n",(0,n.jsxs)(t.p,{children:["\u041f\u043e\u0434\u0440\u043e\u0431\u043d\u0435\u0435 \u043e \u043f\u0440\u0438\u0447\u0438\u043d\u0430\u0445 \u0442\u0440\u0435\u0431\u043e\u0432\u0430\u043d\u0438\u044f \u043f\u0443\u0431\u043b\u0438\u0447\u043d\u044b\u0445 API \u0438 \u043b\u0443\u0447\u0448\u0438\u0445 \u043f\u0440\u0430\u043a\u0442\u0438\u043a\u0430\u0445 \u0438\u0445 \u0441\u043e\u0437\u0434\u0430\u043d\u0438\u044f \u0447\u0438\u0442\u0430\u0439\u0442\u0435 \u0432 ",(0,n.jsx)(t.a,{href:"/docs/reference/public-api",children:"\u0441\u043f\u0440\u0430\u0432\u043e\u0447\u043d\u0438\u043a\u0435 \u043e \u043f\u0443\u0431\u043b\u0438\u0447\u043d\u044b\u0445 API"}),"."]}),"\n",(0,n.jsx)(t.h2,{id:"\u0441\u0435\u0433\u043c\u0435\u043d\u0442\u044b",children:"\u0421\u0435\u0433\u043c\u0435\u043d\u0442\u044b"}),"\n",(0,n.jsx)(t.p,{children:"\u0421\u0435\u0433\u043c\u0435\u043d\u0442\u044b - \u044d\u0442\u043e \u0442\u0440\u0435\u0442\u0438\u0439 \u0438 \u043f\u043e\u0441\u043b\u0435\u0434\u043d\u0438\u0439 \u0443\u0440\u043e\u0432\u0435\u043d\u044c \u0432 \u043e\u0440\u0433\u0430\u043d\u0438\u0437\u0430\u0446\u0438\u043e\u043d\u043d\u043e\u0439 \u0438\u0435\u0440\u0430\u0440\u0445\u0438\u0438, \u0438\u0445 \u0446\u0435\u043b\u044c - \u0433\u0440\u0443\u043f\u043f\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u043a\u043e\u0434 \u043f\u043e \u0435\u0433\u043e \u0442\u0435\u0445\u043d\u0438\u0447\u0435\u0441\u043a\u043e\u0439 \u043f\u0440\u0438\u0440\u043e\u0434\u0435."}),"\n",(0,n.jsx)(t.p,{children:"\u0421\u0443\u0449\u0435\u0441\u0442\u0432\u0443\u0435\u0442 \u043d\u0435\u0441\u043a\u043e\u043b\u044c\u043a\u043e \u0441\u0442\u0430\u043d\u0434\u0430\u0440\u0442\u0438\u0437\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u044b\u0445 \u043d\u0430\u0437\u0432\u0430\u043d\u0438\u0439 \u0441\u0435\u0433\u043c\u0435\u043d\u0442\u043e\u0432:"}),"\n",(0,n.jsxs)(t.ul,{children:["\n",(0,n.jsxs)(t.li,{children:[(0,n.jsx)(t.code,{children:"ui"})," - \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u044b \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044c\u0441\u043a\u043e\u0433\u043e \u0438\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441\u0430, \u0444\u0443\u043d\u043a\u0446\u0438\u0438 \u0444\u043e\u0440\u043c\u0430\u0442\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u044f \u0434\u0430\u043d\u043d\u044b\u0445"]}),"\n",(0,n.jsxs)(t.li,{children:[(0,n.jsx)(t.code,{children:"model"})," - \u0431\u0438\u0437\u043d\u0435\u0441-\u043b\u043e\u0433\u0438\u043a\u0430 \u0438 \u0445\u0440\u0430\u043d\u0438\u043b\u0438\u0449\u0430 \u0434\u0430\u043d\u043d\u044b\u0445, \u0444\u0443\u043d\u043a\u0446\u0438\u0438 \u0434\u043b\u044f \u043e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u0438 \u044d\u0442\u0438\u0445 \u0434\u0430\u043d\u043d\u044b\u0445"]}),"\n",(0,n.jsxs)(t.li,{children:[(0,n.jsx)(t.code,{children:"lib"})," - \u0432\u0441\u043f\u043e\u043c\u043e\u0433\u0430\u0442\u0435\u043b\u044c\u043d\u044b\u0439 \u0438\u043d\u0444\u0440\u0430\u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u043d\u044b\u0439 \u043a\u043e\u0434"]}),"\n",(0,n.jsxs)(t.li,{children:[(0,n.jsx)(t.code,{children:"api"})," - \u0432\u0437\u0430\u0438\u043c\u043e\u0434\u0435\u0439\u0441\u0442\u0432\u0438\u0435 \u0441 \u0432\u043d\u0435\u0448\u043d\u0438\u043c\u0438 API, API-\u043c\u0435\u0442\u043e\u0434\u044b \u0431\u044d\u043a\u0435\u043d\u0434\u0430"]}),"\n"]}),"\n",(0,n.jsx)(t.p,{children:"\u0414\u0440\u0443\u0433\u0438\u0435 \u0441\u0435\u0433\u043c\u0435\u043d\u0442\u044b \u0434\u043e\u043f\u0443\u0441\u043a\u0430\u044e\u0442\u0441\u044f, \u043d\u043e \u0434\u043e\u043b\u0436\u043d\u044b \u0441\u043e\u0437\u0434\u0430\u0432\u0430\u0442\u044c\u0441\u044f \u0442\u043e\u043b\u044c\u043a\u043e \u043f\u043e \u043d\u0435\u043e\u0431\u0445\u043e\u0434\u0438\u043c\u043e\u0441\u0442\u0438. \u041d\u0430\u0438\u0431\u043e\u043b\u0435\u0435 \u0440\u0430\u0441\u043f\u0440\u043e\u0441\u0442\u0440\u0430\u043d\u0435\u043d\u043d\u044b\u043c\u0438 \u043c\u0435\u0441\u0442\u0430\u043c\u0438 \u0434\u043b\u044f \u0434\u0440\u0443\u0433\u0438\u0445 \u0441\u0435\u0433\u043c\u0435\u043d\u0442\u043e\u0432 \u044f\u0432\u043b\u044f\u044e\u0442\u0441\u044f \u0441\u043b\u043e\u0438 App \u0438 Shared, \u0433\u0434\u0435 \u0441\u0440\u0435\u0437\u044b \u043d\u0435 \u0438\u043c\u0435\u044e\u0442 \u0441\u043c\u044b\u0441\u043b\u0430."}),"\n",(0,n.jsx)(t.h3,{id:"\u043f\u0440\u0438\u043c\u0435\u0440\u044b",children:"\u041f\u0440\u0438\u043c\u0435\u0440\u044b"}),"\n",(0,n.jsxs)(t.table,{children:[(0,n.jsx)(t.thead,{children:(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.th,{style:{textAlign:"left"},children:"Layer"}),(0,n.jsx)(t.th,{style:{textAlign:"left"},children:(0,n.jsx)(t.code,{children:"ui"})}),(0,n.jsx)(t.th,{style:{textAlign:"left"},children:(0,n.jsx)(t.code,{children:"model"})}),(0,n.jsx)(t.th,{style:{textAlign:"left"},children:(0,n.jsx)(t.code,{children:"lib"})}),(0,n.jsx)(t.th,{style:{textAlign:"left"},children:(0,n.jsx)(t.code,{children:"api"})})]})}),(0,n.jsxs)(t.tbody,{children:[(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{style:{textAlign:"left"},children:"Shared"}),(0,n.jsx)(t.td,{style:{textAlign:"left"},children:"UI-\u0431\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a\u0430"}),(0,n.jsx)(t.td,{style:{textAlign:"left"},children:"\u041e\u0431\u044b\u0447\u043d\u043e \u043d\u0435 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u0442\u0441\u044f"}),(0,n.jsxs)(t.td,{style:{textAlign:"left"},children:["\u0423\u0442\u0438\u043b\u0438\u0442\u0430\u0440\u043d\u044b\u0435 \u043c\u043e\u0434\u0443\u043b\u0438 \u0438\u0437 \u043d\u0435\u0441\u043a\u043e\u043b\u044c\u043a\u0438\u0445 \u0441\u0432\u044f\u0437\u0430\u043d\u043d\u044b\u0445 \u0444\u0430\u0439\u043b\u043e\u0432. ",(0,n.jsx)("br",{})," \u0415\u0441\u043b\u0438 \u0432\u0430\u043c \u043d\u0443\u0436\u043d\u044b \u0438\u043d\u0434\u0438\u0432\u0438\u0434\u0443\u0430\u043b\u044c\u043d\u044b\u0435 \u0432\u0441\u043f\u043e\u043c\u043e\u0433\u0430\u0442\u0435\u043b\u044c\u043d\u044b\u0435 \u0444\u0443\u043d\u043a\u0446\u0438\u0438, \u043e\u0431\u0440\u0430\u0442\u0438\u0442\u0435 \u0432\u043d\u0438\u043c\u0430\u043d\u0438\u0435 \u043d\u0430 \u0431\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a\u0438 \u0443\u0442\u0438\u043b\u0438\u0442, \u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, ",(0,n.jsx)(t.a,{href:"https://www.npmjs.com/package/lodash-es",children:(0,n.jsx)(t.code,{children:"lodash-es"})}),"."]}),(0,n.jsx)(t.td,{style:{textAlign:"left"},children:"\u041f\u0440\u0438\u043c\u0438\u0442\u0438\u0432\u043d\u044b\u0439 API-\u043a\u043b\u0438\u0435\u043d\u0442 \u0441 \u0434\u043e\u043f\u043e\u043b\u043d\u0438\u0442\u0435\u043b\u044c\u043d\u044b\u043c\u0438 \u0444\u0443\u043d\u043a\u0446\u0438\u044f\u043c\u0438, \u0442\u0430\u043a\u0438\u043c\u0438 \u043a\u0430\u043a \u0430\u0443\u0442\u0435\u043d\u0442\u0438\u0444\u0438\u043a\u0430\u0446\u0438\u044f \u0438\u043b\u0438 \u043a\u044d\u0448\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u0435."})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{style:{textAlign:"left"},children:"Entities"}),(0,n.jsx)(t.td,{style:{textAlign:"left"},children:"\u0421\u043a\u0435\u043b\u0435\u0442 \u0431\u0438\u0437\u043d\u0435\u0441-\u0441\u0443\u0449\u043d\u043e\u0441\u0442\u0438 \u0441\u043e \u0441\u043b\u043e\u0442\u0430\u043c\u0438 \u0434\u043b\u044f \u0438\u043d\u0442\u0435\u0440\u0430\u043a\u0442\u0438\u0432\u043d\u044b\u0445 \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u043e\u0432"}),(0,n.jsxs)(t.td,{style:{textAlign:"left"},children:["\u0425\u0440\u0430\u043d\u0438\u043b\u0438\u0449\u0435 \u043e\u0431\u044a\u0435\u043a\u0442\u043e\u0432 \u044d\u0442\u043e\u0439 \u0441\u0443\u0449\u043d\u043e\u0441\u0442\u0438, \u0430 \u0442\u0430\u043a\u0436\u0435 \u0444\u0443\u043d\u043a\u0446\u0438\u0438 \u0434\u043b\u044f \u043e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u0438 \u044d\u0442\u0438\u0445 \u043e\u0431\u044a\u0435\u043a\u0442\u043e\u0432. ",(0,n.jsx)("br",{})," \u042d\u0442\u043e\u0442 \u0441\u0435\u0433\u043c\u0435\u043d\u0442 \u043b\u0443\u0447\u0448\u0435 \u0432\u0441\u0435\u0433\u043e \u043f\u043e\u0434\u0445\u043e\u0434\u0438\u0442 \u0434\u043b\u044f \u0445\u0440\u0430\u043d\u0435\u043d\u0438\u044f \u0434\u0430\u043d\u043d\u044b\u0445 \u0441 \u0441\u0435\u0440\u0432\u0435\u0440\u0430. \u0415\u0441\u043b\u0438 \u0432\u044b \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u0442\u0435 ",(0,n.jsx)(t.a,{href:"https://tanstack.com/query/latest",children:"TanStack Query"})," \u0438\u043b\u0438 \u0434\u0440\u0443\u0433\u0438\u0435 \u043c\u0435\u0442\u043e\u0434\u044b \u043d\u0435\u044f\u0432\u043d\u043e\u0433\u043e \u0445\u0440\u0430\u043d\u0435\u043d\u0438\u044f, \u0432\u044b \u043c\u043e\u0436\u0435\u0442\u0435 \u043e\u043f\u0443\u0441\u0442\u0438\u0442\u044c \u044d\u0442\u043e\u0442 \u0441\u0435\u0433\u043c\u0435\u043d\u0442."]}),(0,n.jsx)(t.td,{style:{textAlign:"left"},children:"\u0424\u0443\u043d\u043a\u0446\u0438\u0438 \u043d\u0430\u0434 \u043e\u0431\u044a\u0435\u043a\u0442\u0430\u043c\u0438 \u044d\u0442\u043e\u0439 \u0441\u0443\u0449\u043d\u043e\u0441\u0442\u0438, \u043d\u0435 \u0441\u0432\u044f\u0437\u0430\u043d\u043d\u044b\u0435 \u0441 \u0445\u0440\u0430\u043d\u0435\u043d\u0438\u0435\u043c \u0434\u0430\u043d\u043d\u044b\u0445"}),(0,n.jsx)(t.td,{style:{textAlign:"left"},children:"API-\u043c\u0435\u0442\u043e\u0434\u044b, \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u044e\u0449\u0438\u0435 API-\u043a\u043b\u0438\u0435\u043d\u0442 \u0438\u0437 Shared \u0434\u043b\u044f \u0443\u043f\u0440\u043e\u0449\u0435\u043d\u0438\u044f \u043a\u043e\u043c\u043c\u0443\u043d\u0438\u043a\u0430\u0446\u0438\u0438 \u0441 \u0431\u044d\u043a\u0435\u043d\u0434\u043e\u043c"})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{style:{textAlign:"left"},children:"Features"}),(0,n.jsx)(t.td,{style:{textAlign:"left"},children:"\u0418\u043d\u0442\u0435\u0440\u0430\u043a\u0442\u0438\u0432\u043d\u044b\u0435 \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u044b, \u043f\u043e\u0437\u0432\u043e\u043b\u044f\u044e\u0449\u0438\u0435 \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044f\u043c \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u044d\u0442\u0443 \u0444\u0443\u043d\u043a\u0446\u0438\u044e"}),(0,n.jsx)(t.td,{style:{textAlign:"left"},children:"\u0411\u0438\u0437\u043d\u0435\u0441-\u043b\u043e\u0433\u0438\u043a\u0430 \u0438 \u0445\u0440\u0430\u043d\u0438\u043b\u0438\u0449\u0435 \u0438\u043d\u0444\u0440\u0430\u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u043d\u044b\u0445 \u0434\u0430\u043d\u043d\u044b\u0445, \u0435\u0441\u043b\u0438 \u0442\u0440\u0435\u0431\u0443\u0435\u0442\u0441\u044f (\u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, \u0442\u0435\u043a\u0443\u0449\u0430\u044f \u0442\u0435\u043c\u0430 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f). \u0417\u0434\u0435\u0441\u044c \u043b\u0435\u0436\u0438\u0442 \u043a\u043e\u0434, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u043d\u0435\u043f\u043e\u0441\u0440\u0435\u0434\u0441\u0442\u0432\u0435\u043d\u043d\u043e \u0441\u043e\u0437\u0434\u0430\u0435\u0442 \u043f\u043e\u043b\u044c\u0437\u0443 \u0434\u043b\u044f \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044f"}),(0,n.jsxs)(t.td,{style:{textAlign:"left"},children:["\u0418\u043d\u0444\u0440\u0430\u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u043d\u044b\u0439 \u043a\u043e\u0434, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u043f\u043e\u0437\u0432\u043e\u043b\u044f\u0435\u0442 \u0441\u0435\u0433\u043c\u0435\u043d\u0442\u0443 ",(0,n.jsx)(t.code,{children:"model"})," \u0431\u043e\u043b\u0435\u0435 \u043a\u0440\u0430\u0442\u043a\u043e \u043e\u043f\u0438\u0441\u0430\u0442\u044c \u0431\u0438\u0437\u043d\u0435\u0441-\u043b\u043e\u0433\u0438\u043a\u0443"]}),(0,n.jsxs)(t.td,{style:{textAlign:"left"},children:["API-\u043c\u0435\u0442\u043e\u0434\u044b, \u043f\u0440\u0435\u0434\u0441\u0442\u0430\u0432\u043b\u044f\u044e\u0449\u0438\u0435 \u044d\u0442\u0443 \u0444\u0443\u043d\u043a\u0446\u0438\u044e \u043d\u0430 \u0431\u044d\u043a\u0435\u043d\u0434\u0435. ",(0,n.jsx)("br",{})," \u041c\u043e\u0436\u0435\u0442 \u043e\u0431\u044a\u0435\u0434\u0438\u043d\u044f\u0442\u044c API-\u043c\u0435\u0442\u043e\u0434\u044b \u0438\u0437 Entities."]})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{style:{textAlign:"left"},children:"Widgets"}),(0,n.jsxs)(t.td,{style:{textAlign:"left"},children:["\u041a\u043e\u043c\u043f\u043e\u0437\u0438\u0446\u0438\u044f Entities \u0438 Features \u0432 \u0441\u0430\u043c\u043e\u0434\u043e\u0441\u0442\u0430\u0442\u043e\u0447\u043d\u044b\u0435 \u0431\u043b\u043e\u043a\u0438 \u0438\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441\u0430. ",(0,n.jsx)("br",{})," \u0422\u0430\u043a\u0436\u0435 \u043c\u043e\u0436\u0435\u0442 \u0441\u043e\u0434\u0435\u0440\u0436\u0430\u0442\u044c \u043e\u0433\u0440\u0430\u043d\u0438\u0447\u0438\u0442\u0435\u043b\u0438 \u043e\u0448\u0438\u0431\u043e\u043a \u0438 \u0441\u043e\u0441\u0442\u043e\u044f\u043d\u0438\u044f \u0437\u0430\u0433\u0440\u0443\u0437\u043a\u0438."]}),(0,n.jsx)(t.td,{style:{textAlign:"left"},children:"\u0425\u0440\u0430\u043d\u0438\u043b\u0438\u0449\u0435 \u0438\u043d\u0444\u0440\u0430\u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u043d\u044b\u0445 \u0434\u0430\u043d\u043d\u044b\u0445, \u0435\u0441\u043b\u0438 \u0442\u0440\u0435\u0431\u0443\u0435\u0442\u0441\u044f"}),(0,n.jsx)(t.td,{style:{textAlign:"left"},children:"\u041d\u0435-\u0431\u0438\u0437\u043d\u0435\u0441-\u0432\u0437\u0430\u0438\u043c\u043e\u0434\u0435\u0439\u0441\u0442\u0432\u0438\u044f (\u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, \u0436\u0435\u0441\u0442\u044b) \u0438 \u043f\u0440\u043e\u0447\u0438\u0439 \u043a\u043e\u0434, \u043d\u0435\u043e\u0431\u0445\u043e\u0434\u0438\u043c\u044b\u0439 \u0434\u043b\u044f \u0444\u0443\u043d\u043a\u0446\u0438\u043e\u043d\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u044f \u044d\u0442\u043e\u0433\u043e \u0431\u043b\u043e\u043a\u0430 \u043d\u0430 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0435"}),(0,n.jsxs)(t.td,{style:{textAlign:"left"},children:["\u041e\u0431\u044b\u0447\u043d\u043e \u043d\u0435 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u0442\u0441\u044f, \u043d\u043e \u043c\u043e\u0436\u0435\u0442 \u0441\u043e\u0434\u0435\u0440\u0436\u0430\u0442\u044c \u0437\u0430\u0433\u0440\u0443\u0437\u0447\u0438\u043a\u0438 \u0434\u0430\u043d\u043d\u044b\u0445 \u0432 \u043a\u043e\u043d\u0442\u0435\u043a\u0441\u0442\u0435 \u0432\u043b\u043e\u0436\u0435\u043d\u043d\u043e\u0433\u043e \u0440\u043e\u0443\u0442\u0438\u043d\u0433\u0430 (\u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, ",(0,n.jsx)(t.a,{href:"https://remix.run",children:"Remix"}),")"]})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{style:{textAlign:"left"},children:"Pages"}),(0,n.jsxs)(t.td,{style:{textAlign:"left"},children:["\u041a\u043e\u043c\u043f\u043e\u0437\u0438\u0446\u0438\u044f Entities, Features \u0438 Widgets \u0432 \u043f\u043e\u043b\u043d\u043e\u0446\u0435\u043d\u043d\u044b\u0435 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b. ",(0,n.jsx)("br",{})," \u0422\u0430\u043a\u0436\u0435 \u043c\u043e\u0436\u0435\u0442 \u0441\u043e\u0434\u0435\u0440\u0436\u0430\u0442\u044c \u043e\u0433\u0440\u0430\u043d\u0438\u0447\u0438\u0442\u0435\u043b\u0438 \u043e\u0448\u0438\u0431\u043e\u043a \u0438 \u0441\u043e\u0441\u0442\u043e\u044f\u043d\u0438\u044f \u0437\u0430\u0433\u0440\u0443\u0437\u043a\u0438."]}),(0,n.jsx)(t.td,{style:{textAlign:"left"},children:"\u041e\u0431\u044b\u0447\u043d\u043e \u043d\u0435 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u0442\u0441\u044f"}),(0,n.jsx)(t.td,{style:{textAlign:"left"},children:"\u041d\u0435-\u0431\u0438\u0437\u043d\u0435\u0441-\u0432\u0437\u0430\u0438\u043c\u043e\u0434\u0435\u0439\u0441\u0442\u0432\u0438\u044f (\u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, \u0436\u0435\u0441\u0442\u044b) \u0438 \u043f\u0440\u043e\u0447\u0438\u0439 \u043a\u043e\u0434, \u043d\u0435\u043e\u0431\u0445\u043e\u0434\u0438\u043c\u044b\u0439 \u0434\u043b\u044f \u0441\u043e\u0437\u0434\u0430\u043d\u0438\u044f \u043f\u043e\u043b\u043d\u043e\u0446\u0435\u043d\u043d\u043e\u0433\u043e \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044c\u0441\u043a\u043e\u0433\u043e \u043e\u043f\u044b\u0442\u0430 \u043d\u0430 \u044d\u0442\u043e\u0439 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0435"}),(0,n.jsx)(t.td,{style:{textAlign:"left"},children:"\u0417\u0430\u0433\u0440\u0443\u0437\u0447\u0438\u043a\u0438 \u0434\u0430\u043d\u043d\u044b\u0445 \u0434\u043b\u044f \u0444\u0440\u0435\u0439\u043c\u0432\u043e\u0440\u043a\u043e\u0432, \u043e\u0440\u0438\u0435\u043d\u0442\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u044b\u0445 \u043d\u0430 SSR (\u0440\u0435\u043d\u0434\u0435\u0440\u0438\u043d\u0433 \u043d\u0430 \u0441\u0435\u0440\u0432\u0435\u0440\u0435)"})]})]})]})]})}function o(e={}){const{wrapper:t}={...(0,l.R)(),...e.components};return t?(0,n.jsx)(t,{...e,children:(0,n.jsx)(x,{...e})}):x(e)}},628:(e,t,s)=>{s.d(t,{A:()=>n});const n=s.p+"assets/images/graphic-nested-slices-b9c44e6cc55ecdbf3e50bf40a61e5a27.svg"},1100:(e,t,s)=>{s.d(t,{R:()=>r,x:()=>d});var n=s(758);const l={},i=n.createContext(l);function r(e){const t=n.useContext(i);return n.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function d(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(l):e.components||l:r(e.components),n.createElement(i.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
diff --git a/ru/assets/js/e71e2184.c5c8511c.js b/ru/assets/js/e71e2184.a75f052b.js
similarity index 99%
rename from ru/assets/js/e71e2184.c5c8511c.js
rename to ru/assets/js/e71e2184.a75f052b.js
index 6ea35a0375..56bfd06871 100644
--- a/ru/assets/js/e71e2184.c5c8511c.js
+++ b/ru/assets/js/e71e2184.a75f052b.js
@@ -1 +1 @@
-"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[3670],{593:(e,n,t)=>{t.r(n),t.d(n,{assets:()=>o,contentTitle:()=>d,default:()=>p,frontMatter:()=>i,metadata:()=>c,toc:()=>l});var s=t(6070),r=t(1100);const i={sidebar_position:2},d="\u0422\u0438\u043f\u044b",c={id:"guides/examples/types",title:"\u0422\u0438\u043f\u044b",description:"\u0412 \u044d\u0442\u043e\u043c \u0440\u0443\u043a\u043e\u0432\u043e\u0434\u0441\u0442\u0432\u0435 \u0440\u0430\u0441\u0441\u043c\u0430\u0442\u0440\u0438\u0432\u0430\u044e\u0442\u0441\u044f \u0442\u0438\u043f\u044b \u0434\u0430\u043d\u043d\u044b\u0445 \u0438\u0437 \u0442\u0438\u043f\u0438\u0437\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u044b\u0445 \u044f\u0437\u044b\u043a\u043e\u0432, \u0442\u0430\u043a\u0438\u0445 \u043a\u0430\u043a TypeScript, \u0438 \u0433\u0434\u0435 \u043e\u043d\u0438 \u0432\u043f\u0438\u0441\u044b\u0432\u0430\u044e\u0442\u0441\u044f \u0432 FSD.",source:"@site/i18n/ru/docusaurus-plugin-content-docs/current/guides/examples/types.md",sourceDirName:"guides/examples",slug:"/guides/examples/types",permalink:"/ru/docs/guides/examples/types",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/ru/docusaurus-plugin-content-docs/current/guides/examples/types.md",tags:[],version:"current",lastUpdatedAt:1727607766e3,sidebarPosition:2,frontMatter:{sidebar_position:2},sidebar:"guidesSidebar",previous:{title:"\u0410\u0432\u0442\u043e\u0440\u0438\u0437\u0430\u0446\u0438\u044f",permalink:"/ru/docs/guides/examples/auth"},next:{title:"\u041b\u0435\u0439\u0430\u0443\u0442\u044b \u0441\u0442\u0440\u0430\u043d\u0438\u0446",permalink:"/ru/docs/guides/examples/page-layout"}},o={},l=[{value:"\u0422\u0438\u043f\u044b-\u0443\u0442\u0438\u043b\u0438\u0442\u044b",id:"\u0442\u0438\u043f\u044b-\u0443\u0442\u0438\u043b\u0438\u0442\u044b",level:2},{value:"\u0411\u0438\u0437\u043d\u0435\u0441-\u0441\u0443\u0449\u043d\u043e\u0441\u0442\u0438 \u0438 \u0438\u0445 \u0441\u0441\u044b\u043b\u043a\u0438 \u0434\u0440\u0443\u0433 \u043d\u0430 \u0434\u0440\u0443\u0433\u0430",id:"\u0431\u0438\u0437\u043d\u0435\u0441-\u0441\u0443\u0449\u043d\u043e\u0441\u0442\u0438-\u0438-\u0438\u0445-\u0441\u0441\u044b\u043b\u043a\u0438-\u0434\u0440\u0443\u0433-\u043d\u0430-\u0434\u0440\u0443\u0433\u0430",level:2},{value:"\u041e\u0431\u044a\u0435\u043a\u0442\u044b \u043f\u0435\u0440\u0435\u0434\u0430\u0447\u0438 \u0434\u0430\u043d\u043d\u044b\u0445 (DTO) \u0438 \u043c\u0430\u043f\u043f\u0435\u0440\u044b",id:"data-transfer-objects-and-mappers",level:2},{value:"\u041a\u0443\u0434\u0430 \u043f\u043e\u043b\u043e\u0436\u0438\u0442\u044c DTO",id:"\u043a\u0443\u0434\u0430-\u043f\u043e\u043b\u043e\u0436\u0438\u0442\u044c-dto",level:3},{value:"\u041a\u0443\u0434\u0430 \u043f\u043e\u043b\u043e\u0436\u0438\u0442\u044c \u043c\u0430\u043f\u043f\u0435\u0440\u044b",id:"\u043a\u0443\u0434\u0430-\u043f\u043e\u043b\u043e\u0436\u0438\u0442\u044c-\u043c\u0430\u043f\u043f\u0435\u0440\u044b",level:3},{value:"\u0427\u0442\u043e \u0434\u0435\u043b\u0430\u0442\u044c \u0441 \u0432\u043b\u043e\u0436\u0435\u043d\u043d\u044b\u043c\u0438 DTO",id:"\u0447\u0442\u043e-\u0434\u0435\u043b\u0430\u0442\u044c-\u0441-\u0432\u043b\u043e\u0436\u0435\u043d\u043d\u044b\u043c\u0438-dto",level:3},{value:"\u0413\u043b\u043e\u0431\u0430\u043b\u044c\u043d\u044b\u0435 \u0442\u0438\u043f\u044b \u0438 Redux",id:"\u0433\u043b\u043e\u0431\u0430\u043b\u044c\u043d\u044b\u0435-\u0442\u0438\u043f\u044b-\u0438-redux",level:2},{value:"\u0421\u0445\u0435\u043c\u044b \u0432\u0430\u043b\u0438\u0434\u0430\u0446\u0438\u0438 \u0442\u0438\u043f\u043e\u0432 \u0438 Zod",id:"\u0441\u0445\u0435\u043c\u044b-\u0432\u0430\u043b\u0438\u0434\u0430\u0446\u0438\u0438-\u0442\u0438\u043f\u043e\u0432-\u0438-zod",level:2},{value:"\u0422\u0438\u043f\u0438\u0437\u0430\u0446\u0438\u044f \u043f\u0440\u043e\u043f\u043e\u0432 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u043e\u0432 \u0438 \u043a\u043e\u043d\u0442\u0435\u043a\u0441\u0442\u0430",id:"\u0442\u0438\u043f\u0438\u0437\u0430\u0446\u0438\u044f-\u043f\u0440\u043e\u043f\u043e\u0432-\u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u043e\u0432-\u0438-\u043a\u043e\u043d\u0442\u0435\u043a\u0441\u0442\u0430",level:2},{value:"\u0414\u0435\u043a\u043b\u0430\u0440\u0430\u0446\u0438\u043e\u043d\u043d\u044b\u0435 \u0444\u0430\u0439\u043b\u044b \u043e\u043a\u0440\u0443\u0436\u0435\u043d\u0438\u044f (<code>*.d.ts</code>)",id:"\u0434\u0435\u043a\u043b\u0430\u0440\u0430\u0446\u0438\u043e\u043d\u043d\u044b\u0435-\u0444\u0430\u0439\u043b\u044b-\u043e\u043a\u0440\u0443\u0436\u0435\u043d\u0438\u044f-dts",level:2},{value:"\u0410\u0432\u0442\u043e\u0433\u0435\u043d\u0435\u0440\u0430\u0446\u0438\u044f \u0442\u0438\u043f\u043e\u0432",id:"\u0430\u0432\u0442\u043e\u0433\u0435\u043d\u0435\u0440\u0430\u0446\u0438\u044f-\u0442\u0438\u043f\u043e\u0432",level:2}];function a(e){const n={a:"a",admonition:"admonition",blockquote:"blockquote",code:"code",em:"em",h1:"h1",h2:"h2",h3:"h3",header:"header",li:"li",ol:"ol",p:"p",pre:"pre",strong:"strong",ul:"ul",...(0,r.R)(),...e.components};return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(n.header,{children:(0,s.jsx)(n.h1,{id:"\u0442\u0438\u043f\u044b",children:"\u0422\u0438\u043f\u044b"})}),"\n",(0,s.jsx)(n.p,{children:"\u0412 \u044d\u0442\u043e\u043c \u0440\u0443\u043a\u043e\u0432\u043e\u0434\u0441\u0442\u0432\u0435 \u0440\u0430\u0441\u0441\u043c\u0430\u0442\u0440\u0438\u0432\u0430\u044e\u0442\u0441\u044f \u0442\u0438\u043f\u044b \u0434\u0430\u043d\u043d\u044b\u0445 \u0438\u0437 \u0442\u0438\u043f\u0438\u0437\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u044b\u0445 \u044f\u0437\u044b\u043a\u043e\u0432, \u0442\u0430\u043a\u0438\u0445 \u043a\u0430\u043a TypeScript, \u0438 \u0433\u0434\u0435 \u043e\u043d\u0438 \u0432\u043f\u0438\u0441\u044b\u0432\u0430\u044e\u0442\u0441\u044f \u0432 FSD."}),"\n",(0,s.jsx)(n.admonition,{type:"info",children:(0,s.jsx)(n.p,{children:"\u0412\u0430\u0448\u0435\u0433\u043e \u0432\u043e\u043f\u0440\u043e\u0441\u0430 \u043d\u0435\u0442 \u0432 \u044d\u0442\u043e\u043c \u0440\u0443\u043a\u043e\u0432\u043e\u0434\u0441\u0442\u0432\u0435? \u041d\u0430\u043f\u0438\u0448\u0438\u0442\u0435 \u0441\u0432\u043e\u0439 \u0432\u043e\u043f\u0440\u043e\u0441, \u043e\u0441\u0442\u0430\u0432\u0438\u0432 \u043e\u0442\u0437\u044b\u0432 \u043a \u044d\u0442\u043e\u0439 \u0441\u0442\u0430\u0442\u044c\u0435 (\u0441\u0438\u043d\u044f\u044f \u043a\u043d\u043e\u043f\u043a\u0430 \u0441\u043f\u0440\u0430\u0432\u0430), \u0438 \u043c\u044b \u0440\u0430\u0441\u0441\u043c\u043e\u0442\u0440\u0438\u043c \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e\u0441\u0442\u044c \u0440\u0430\u0441\u0448\u0438\u0440\u0435\u043d\u0438\u044f \u044d\u0442\u043e\u0433\u043e \u0440\u0443\u043a\u043e\u0432\u043e\u0434\u0441\u0442\u0432\u0430!"})}),"\n",(0,s.jsx)(n.h2,{id:"\u0442\u0438\u043f\u044b-\u0443\u0442\u0438\u043b\u0438\u0442\u044b",children:"\u0422\u0438\u043f\u044b-\u0443\u0442\u0438\u043b\u0438\u0442\u044b"}),"\n",(0,s.jsx)(n.p,{children:"\u0422\u0438\u043f\u044b-\u0443\u0442\u0438\u043b\u0438\u0442\u044b \u2014 \u044d\u0442\u043e \u0442\u0438\u043f\u044b, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u0441\u0430\u043c\u0438 \u043f\u043e \u0441\u0435\u0431\u0435 \u043d\u0435 \u0438\u043c\u0435\u044e\u0442 \u043e\u0441\u043e\u0431\u043e\u0433\u043e \u0441\u043c\u044b\u0441\u043b\u0430 \u0438 \u043e\u0431\u044b\u0447\u043d\u043e \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u044e\u0442\u0441\u044f \u0441 \u0434\u0440\u0443\u0433\u0438\u043c\u0438 \u0442\u0438\u043f\u0430\u043c\u0438. \u041d\u0430\u043f\u0440\u0438\u043c\u0435\u0440:"}),"\n",(0,s.jsxs)("figure",{children:[(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-ts",children:"type ArrayValues<T extends readonly unknown[]> = T[number];\n"})}),(0,s.jsx)("figcaption",{children:(0,s.jsxs)(n.p,{children:["\u0418\u0441\u0442\u043e\u0447\u043d\u0438\u043a: ",(0,s.jsx)(n.a,{href:"https://github.com/sindresorhus/type-fest/blob/main/source/array-values.d.ts",children:"https://github.com/sindresorhus/type-fest/blob/main/source/array-values.d.ts"})]})})]}),"\n",(0,s.jsxs)(n.p,{children:["\u0427\u0442\u043e\u0431\u044b \u0434\u043e\u0431\u0430\u0432\u0438\u0442\u044c \u0442\u0438\u043f\u044b-\u0443\u0442\u0438\u043b\u0438\u0442\u044b \u0432 \u0432\u0430\u0448 \u043f\u0440\u043e\u0435\u043a\u0442, \u0443\u0441\u0442\u0430\u043d\u043e\u0432\u0438\u0442\u0435 \u0431\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a\u0443, \u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440 ",(0,s.jsx)(n.a,{href:"https://github.com/sindresorhus/type-fest",children:(0,s.jsx)(n.code,{children:"type-fest"})}),", \u0438\u043b\u0438 \u0441\u043e\u0437\u0434\u0430\u0439\u0442\u0435 \u0441\u0432\u043e\u044e \u0441\u043e\u0431\u0441\u0442\u0432\u0435\u043d\u043d\u0443\u044e \u0431\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a\u0443 \u0432 ",(0,s.jsx)(n.code,{children:"shared/lib"}),". \u041e\u0431\u044f\u0437\u0430\u0442\u0435\u043b\u044c\u043d\u043e \u0447\u0435\u0442\u043a\u043e \u0443\u043a\u0430\u0436\u0438\u0442\u0435, \u043a\u0430\u043a\u0438\u0435 \u043d\u043e\u0432\u044b\u0435 \u0442\u0438\u043f\u044b ",(0,s.jsx)(n.em,{children:"\u043c\u043e\u0436\u043d\u043e"})," \u0434\u043e\u0431\u0430\u0432\u043b\u044f\u0442\u044c \u0432 \u044d\u0442\u0443 \u0431\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a\u0443, \u0430 \u043a\u0430\u043a\u0438\u0435 \u2014 ",(0,s.jsx)(n.em,{children:"\u043d\u0435\u043b\u044c\u0437\u044f"}),". \u041d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, \u043d\u0430\u0437\u043e\u0432\u0438\u0442\u0435 \u0435\u0435 ",(0,s.jsx)(n.code,{children:"shared/lib/utility-types"})," \u0438 \u0434\u043e\u0431\u0430\u0432\u044c\u0442\u0435 \u0432\u043d\u0443\u0442\u0440\u044c \u0444\u0430\u0439\u043b README, \u043e\u043f\u0438\u0441\u044b\u0432\u0430\u044e\u0449\u0438\u0439, \u0447\u0442\u043e \u0442\u0430\u043a\u043e\u0435 \u0442\u0438\u043f\u044b-\u0443\u0442\u0438\u043b\u0438\u0442\u044b \u0432 \u043f\u043e\u043d\u0438\u043c\u0430\u043d\u0438\u0438 \u0432\u0430\u0448\u0435\u0439 \u043a\u043e\u043c\u0430\u043d\u0434\u044b."]}),"\n",(0,s.jsxs)(n.p,{children:["\u041d\u0435 \u043f\u0435\u0440\u0435\u043e\u0446\u0435\u043d\u0438\u0432\u0430\u0439\u0442\u0435 \u043f\u043e\u0442\u0435\u043d\u0446\u0438\u0430\u043b \u043f\u0435\u0440\u0435\u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u044f \u0442\u0438\u043f\u043e\u0432-\u0443\u0442\u0438\u043b\u0438\u0442. \u0422\u043e, \u0447\u0442\u043e \u0438\u0445 ",(0,s.jsx)(n.em,{children:"\u043c\u043e\u0436\u043d\u043e"})," \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u043f\u043e\u0432\u0442\u043e\u0440\u043d\u043e, \u043d\u0435 \u043e\u0437\u043d\u0430\u0447\u0430\u0435\u0442, \u0447\u0442\u043e \u0442\u0430\u043a \u0438 \u0431\u0443\u0434\u0435\u0442, \u0438 \u043f\u043e\u044d\u0442\u043e\u043c\u0443 \u043d\u0435 \u043a\u0430\u0436\u0434\u044b\u0439 \u0442\u0438\u043f-\u0443\u0442\u0438\u043b\u0438\u0442\u0430 \u0434\u043e\u043b\u0436\u0435\u043d \u0431\u044b\u0442\u044c \u0432 Shared. \u041d\u0435\u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u0442\u0438\u043f\u044b-\u0443\u0442\u0438\u043b\u0438\u0442\u044b \u0434\u043e\u043b\u0436\u043d\u044b \u043b\u0435\u0436\u0430\u0442\u044c \u043f\u0440\u044f\u043c\u043e \u0442\u0430\u043c, \u0433\u0434\u0435 \u043e\u043d\u0438 \u043d\u0443\u0436\u043d\u044b:"]}),"\n",(0,s.jsxs)(n.ul,{children:["\n",(0,s.jsxs)(n.li,{children:["\ud83d\udcc2 pages","\n",(0,s.jsxs)(n.ul,{children:["\n",(0,s.jsxs)(n.li,{children:["\ud83d\udcc2 home","\n",(0,s.jsxs)(n.ul,{children:["\n",(0,s.jsxs)(n.li,{children:["\ud83d\udcc2 api","\n",(0,s.jsxs)(n.ul,{children:["\n",(0,s.jsx)(n.li,{children:"\ud83d\udcc4 ArrayValues.ts (\u0442\u0438\u043f-\u0443\u0442\u0438\u043b\u0438\u0442\u0430)"}),"\n",(0,s.jsx)(n.li,{children:"\ud83d\udcc4 getMemoryUsageMetrics.ts (\u043a\u043e\u0434, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u0431\u0443\u0434\u0435\u0442 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u044d\u0442\u0443 \u0443\u0442\u0438\u043b\u0438\u0442\u0443)"}),"\n"]}),"\n"]}),"\n"]}),"\n"]}),"\n"]}),"\n"]}),"\n"]}),"\n",(0,s.jsx)(n.admonition,{type:"warning",children:(0,s.jsxs)(n.p,{children:["\u041d\u0435 \u043f\u043e\u0434\u0434\u0430\u0432\u0430\u0439\u0442\u0435\u0441\u044c \u0438\u0441\u043a\u0443\u0448\u0435\u043d\u0438\u044e \u0441\u043e\u0437\u0434\u0430\u0442\u044c \u043f\u0430\u043f\u043a\u0443 ",(0,s.jsx)(n.code,{children:"shared/types"})," \u0438\u043b\u0438 \u0434\u043e\u0431\u0430\u0432\u0438\u0442\u044c \u0441\u0435\u0433\u043c\u0435\u043d\u0442 ",(0,s.jsx)(n.code,{children:"types"}),' \u0432 \u0432\u0430\u0448\u0438 \u0441\u043b\u0430\u0439\u0441\u044b. \u041a\u0430\u0442\u0435\u0433\u043e\u0440\u0438\u044f "\u0442\u0438\u043f\u044b" \u043f\u043e\u0445\u043e\u0436\u0430 \u043d\u0430 \u043a\u0430\u0442\u0435\u0433\u043e\u0440\u0438\u044e "\u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u044b" \u0438\u043b\u0438 "\u0445\u0443\u043a\u0438" \u0432 \u0442\u043e\u043c, \u0447\u0442\u043e \u043e\u043d\u0430 \u043e\u043f\u0438\u0441\u044b\u0432\u0430\u0435\u0442 \u0441\u043e\u0434\u0435\u0440\u0436\u0438\u043c\u043e\u0435, \u0430 \u043d\u0435 \u0442\u043e, \u0434\u043b\u044f \u0447\u0435\u0433\u043e \u043e\u043d\u043e \u043d\u0443\u0436\u043d\u043e. \u0421\u0435\u0433\u043c\u0435\u043d\u0442\u044b \u0434\u043e\u043b\u0436\u043d\u044b \u043e\u043f\u0438\u0441\u044b\u0432\u0430\u0442\u044c \u0446\u0435\u043b\u044c \u043a\u043e\u0434\u0430, \u0430 \u043d\u0435 \u0435\u0433\u043e \u0441\u0443\u0442\u044c.']})}),"\n",(0,s.jsx)(n.h2,{id:"\u0431\u0438\u0437\u043d\u0435\u0441-\u0441\u0443\u0449\u043d\u043e\u0441\u0442\u0438-\u0438-\u0438\u0445-\u0441\u0441\u044b\u043b\u043a\u0438-\u0434\u0440\u0443\u0433-\u043d\u0430-\u0434\u0440\u0443\u0433\u0430",children:"\u0411\u0438\u0437\u043d\u0435\u0441-\u0441\u0443\u0449\u043d\u043e\u0441\u0442\u0438 \u0438 \u0438\u0445 \u0441\u0441\u044b\u043b\u043a\u0438 \u0434\u0440\u0443\u0433 \u043d\u0430 \u0434\u0440\u0443\u0433\u0430"}),"\n",(0,s.jsxs)(n.p,{children:["\u041e\u0434\u043d\u0438\u043c\u0438 \u0438\u0437 \u043d\u0430\u0438\u0431\u043e\u043b\u0435\u0435 \u0432\u0430\u0436\u043d\u044b\u0445 \u0442\u0438\u043f\u043e\u0432 \u0432 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0438 \u044f\u0432\u043b\u044f\u044e\u0442\u0441\u044f \u0442\u0438\u043f\u044b \u0431\u0438\u0437\u043d\u0435\u0441-\u0441\u0443\u0449\u043d\u043e\u0441\u0442\u0435\u0439, \u0442. \u0435. \u0440\u0435\u0430\u043b\u044c\u043d\u044b\u0445 \u0432\u0435\u0449\u0435\u0439, \u0441 \u043a\u043e\u0442\u043e\u0440\u044b\u043c\u0438 \u0440\u0430\u0431\u043e\u0442\u0430\u0435\u0442 \u0432\u0430\u0448\u0435 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0435. \u041d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, \u0432 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0438 \u0441\u0435\u0440\u0432\u0438\u0441\u0430 \u043e\u043d\u043b\u0430\u0439\u043d-\u043c\u0443\u0437\u044b\u043a\u0438 \u0443 \u0432\u0430\u0441 \u043c\u043e\u0433\u0443\u0442 \u0431\u044b\u0442\u044c \u0431\u0438\u0437\u043d\u0435\u0441-\u0441\u0443\u0449\u043d\u043e\u0441\u0442\u0438 ",(0,s.jsx)(n.em,{children:"\u041f\u0435\u0441\u043d\u044f"})," (song), ",(0,s.jsx)(n.em,{children:"\u0410\u043b\u044c\u0431\u043e\u043c"})," (album) \u0438 \u0442. \u0434."]}),"\n",(0,s.jsxs)(n.p,{children:["\u0411\u0438\u0437\u043d\u0435\u0441-\u0441\u0443\u0449\u043d\u043e\u0441\u0442\u0438 \u0447\u0430\u0441\u0442\u043e \u043f\u0440\u0438\u0445\u043e\u0434\u044f\u0442 \u0441 \u0431\u044d\u043a\u0435\u043d\u0434\u0430, \u043f\u043e\u044d\u0442\u043e\u043c\u0443 \u043f\u0435\u0440\u0432\u044b\u043c \u0448\u0430\u0433\u043e\u043c \u044f\u0432\u043b\u044f\u0435\u0442\u0441\u044f \u0442\u0438\u043f\u0438\u0437\u0430\u0446\u0438\u044f \u043e\u0442\u0432\u0435\u0442\u043e\u0432 \u0431\u044d\u043a\u0435\u043d\u0434\u0430. \u0423\u0434\u043e\u0431\u043d\u043e \u0438\u043c\u0435\u0442\u044c \u0444\u0443\u043d\u043a\u0446\u0438\u044e \u0437\u0430\u043f\u0440\u043e\u0441\u0430 \u043a \u043a\u0430\u0436\u0434\u043e\u043c\u0443 \u044d\u043d\u0434\u043f\u043e\u0438\u043d\u0442\u0443 \u0438 \u0442\u0438\u043f\u0438\u0437\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u0440\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442 \u0432\u044b\u0437\u043e\u0432\u0430 \u044d\u0442\u043e\u0439 \u0444\u0443\u043d\u043a\u0446\u0438\u0438. \u0414\u043b\u044f \u0434\u043e\u043f\u043e\u043b\u043d\u0438\u0442\u0435\u043b\u044c\u043d\u043e\u0439 \u0431\u0435\u0437\u043e\u043f\u0430\u0441\u043d\u043e\u0441\u0442\u0438 \u0442\u0438\u043f\u043e\u0432 \u0432\u044b \u043c\u043e\u0436\u0435\u0442\u0435 \u043f\u0440\u043e\u043f\u0443\u0441\u0442\u0438\u0442\u044c \u0440\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442 \u0447\u0435\u0440\u0435\u0437 \u0431\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a\u0443 \u043f\u0440\u043e\u0432\u0435\u0440\u043a\u0438 \u043f\u043e \u0441\u0445\u0435\u043c\u0430\u043c, \u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440 ",(0,s.jsx)(n.a,{href:"https://zod.dev",children:"Zod"}),"."]}),"\n",(0,s.jsx)(n.p,{children:"\u041d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, \u0435\u0441\u043b\u0438 \u0432\u044b \u0445\u0440\u0430\u043d\u0438\u0442\u0435 \u0432\u0441\u0435 \u0441\u0432\u043e\u0438 \u0437\u0430\u043f\u0440\u043e\u0441\u044b \u0432 Shared, \u0432\u044b \u043c\u043e\u0436\u0435\u0442\u0435 \u0441\u0434\u0435\u043b\u0430\u0442\u044c \u0442\u0430\u043a:"}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-ts",metastring:'title="shared/api/songs.ts"',children:"import type { Artist } from \"./artists\";\n\ninterface Song {\n  id: number;\n  title: string;\n  artists: Array<Artist>;\n}\n\nexport function listSongs() {\n  return fetch('/api/songs').then((res) => res.json() as Promise<Array<Song>>);\n}\n"})}),"\n",(0,s.jsxs)(n.p,{children:["\u0412\u044b \u043c\u043e\u0433\u043b\u0438 \u0437\u0430\u043c\u0435\u0442\u0438\u0442\u044c, \u0447\u0442\u043e \u0442\u0438\u043f ",(0,s.jsx)(n.code,{children:"Song"})," \u0441\u0441\u044b\u043b\u0430\u0435\u0442\u0441\u044f \u043d\u0430 \u0434\u0440\u0443\u0433\u0443\u044e \u0441\u0443\u0449\u043d\u043e\u0441\u0442\u044c, ",(0,s.jsx)(n.code,{children:"Artist"}),". \u042d\u0442\u043e \u043f\u0440\u0435\u0438\u043c\u0443\u0449\u0435\u0441\u0442\u0432\u043e \u0445\u0440\u0430\u043d\u0435\u043d\u0438\u044f \u0432\u0430\u0448\u0438\u0445 \u0437\u0430\u043f\u0440\u043e\u0441\u043e\u0432 \u0432 Shared \u2014 \u0440\u0435\u0430\u043b\u044c\u043d\u044b\u0435 \u0442\u0438\u043f\u044b \u0447\u0430\u0441\u0442\u043e \u0441\u0441\u044b\u043b\u0430\u044e\u0442\u0441\u044f \u0434\u0440\u0443\u0433 \u043d\u0430 \u0434\u0440\u0443\u0433\u0430. \u0415\u0441\u043b\u0438 \u0431\u044b \u043c\u044b \u043f\u043e\u043b\u043e\u0436\u0438\u043b\u0438 \u044d\u0442\u0443 \u0444\u0443\u043d\u043a\u0446\u0438\u044e \u0432 ",(0,s.jsx)(n.code,{children:"entities/song/api"}),", \u043c\u044b \u0431\u044b \u043d\u0435 \u0441\u043c\u043e\u0433\u043b\u0438 \u043f\u0440\u043e\u0441\u0442\u043e \u0438\u043c\u043f\u043e\u0440\u0442\u0438\u0440\u043e\u0432\u0430\u0442\u044c ",(0,s.jsx)(n.code,{children:"Artist"})," \u0438\u0437 ",(0,s.jsx)(n.code,{children:"entities/artist"}),", \u043f\u043e\u0442\u043e\u043c\u0443 \u0447\u0442\u043e FSD \u043e\u0433\u0440\u0430\u043d\u0438\u0447\u0438\u0432\u0430\u0435\u0442 \u043a\u0440\u043e\u0441\u0441-\u0438\u043c\u043f\u043e\u0440\u0442 \u043c\u0435\u0436\u0434\u0443 \u0441\u043b\u0430\u0439\u0441\u0430\u043c\u0438 \u0447\u0435\u0440\u0435\u0437 ",(0,s.jsx)(n.a,{href:"/docs/reference/layers#import-rule-on-layers",children:"\u043f\u0440\u0430\u0432\u0438\u043b\u043e \u0438\u043c\u043f\u043e\u0440\u0442\u0430 \u0434\u043b\u044f \u0441\u043b\u043e\u0451\u0432"}),":"]}),"\n",(0,s.jsxs)(n.blockquote,{children:["\n",(0,s.jsx)(n.p,{children:"\u041c\u043e\u0434\u0443\u043b\u044c \u0432 \u0441\u043b\u0430\u0439\u0441\u0435 \u043c\u043e\u0436\u0435\u0442 \u0438\u043c\u043f\u043e\u0440\u0442\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u0434\u0440\u0443\u0433\u0438\u0435 \u0441\u043b\u0430\u0439\u0441\u044b \u0442\u043e\u043b\u044c\u043a\u043e \u0432 \u0442\u043e\u043c \u0441\u043b\u0443\u0447\u0430\u0435, \u0435\u0441\u043b\u0438 \u043e\u043d\u0438 \u0440\u0430\u0441\u043f\u043e\u043b\u043e\u0436\u0435\u043d\u044b \u043d\u0430 \u0441\u043b\u043e\u044f\u0445 \u0441\u0442\u0440\u043e\u0433\u043e \u043d\u0438\u0436\u0435."}),"\n"]}),"\n",(0,s.jsx)(n.p,{children:"\u0415\u0441\u0442\u044c \u0434\u0432\u0430 \u0441\u043f\u043e\u0441\u043e\u0431\u0430 \u0440\u0435\u0448\u0435\u043d\u0438\u044f \u044d\u0442\u043e\u0439 \u043f\u0440\u043e\u0431\u043b\u0435\u043c\u044b:"}),"\n",(0,s.jsxs)(n.ol,{children:["\n",(0,s.jsxs)(n.li,{children:["\n",(0,s.jsxs)(n.p,{children:[(0,s.jsx)(n.strong,{children:"\u041f\u0430\u0440\u0430\u043c\u0435\u0442\u0440\u0438\u0437\u0438\u0440\u0443\u0439\u0442\u0435 \u0442\u0438\u043f\u044b"}),"\n\u0412\u044b \u043c\u043e\u0436\u0435\u0442\u0435 \u0441\u0434\u0435\u043b\u0430\u0442\u044c \u0442\u0430\u043a, \u0447\u0442\u043e\u0431 \u0432\u0430\u0448\u0438 \u0442\u0438\u043f\u044b \u043f\u0440\u0438\u043d\u0438\u043c\u0430\u043b\u0438 \u0442\u0438\u043f\u043e\u0432\u044b\u0435 \u0430\u0440\u0433\u0443\u043c\u0435\u043d\u0442\u044b \u0432 \u043a\u0430\u0447\u0435\u0441\u0442\u0432\u0435 \u0441\u043b\u043e\u0442\u043e\u0432 \u0434\u043b\u044f \u0441\u043e\u0435\u0434\u0438\u043d\u0435\u043d\u0438\u044f \u0441 \u0434\u0440\u0443\u0433\u0438\u043c\u0438 \u0441\u0443\u0449\u043d\u043e\u0441\u0442\u044f\u043c\u0438, \u0438 \u0434\u0430\u0436\u0435 \u043d\u0430\u043a\u043b\u0430\u0434\u044b\u0432\u0430\u0442\u044c \u043e\u0433\u0440\u0430\u043d\u0438\u0447\u0435\u043d\u0438\u044f \u043d\u0430 \u044d\u0442\u0438 \u0441\u043b\u043e\u0442\u044b. \u041d\u0430\u043f\u0440\u0438\u043c\u0435\u0440:"]}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-ts",metastring:'title="entities/song/model/song.ts"',children:"interface Song<ArtistType extends { id: string }> {\n  id: number;\n  title: string;\n  artists: Array<ArtistType>;\n}\n"})}),"\n",(0,s.jsxs)(n.p,{children:["\u042d\u0442\u043e \u0445\u043e\u0440\u043e\u0448\u043e \u0440\u0430\u0431\u043e\u0442\u0430\u0435\u0442 \u0434\u043b\u044f \u043d\u0435\u043a\u043e\u0442\u043e\u0440\u044b\u0445 \u0442\u0438\u043f\u043e\u0432, \u0438 \u0438\u043d\u043e\u0433\u0434\u0430 \u0445\u0443\u0436\u0435 \u0440\u0430\u0431\u043e\u0442\u0430\u0435\u0442 \u0434\u043b\u044f \u0434\u0440\u0443\u0433\u0438\u0445. \u041f\u0440\u043e\u0441\u0442\u043e\u0439 \u0442\u0438\u043f, \u0442\u0430\u043a\u043e\u0439 \u043a\u0430\u043a ",(0,s.jsx)(n.code,{children:"Cart = { items: Array<Product> }"}),", \u043c\u043e\u0436\u043d\u043e \u043b\u0435\u0433\u043a\u043e \u0437\u0430\u0441\u0442\u0430\u0432\u0438\u0442\u044c \u0440\u0430\u0431\u043e\u0442\u0430\u0442\u044c \u0441 \u043b\u044e\u0431\u044b\u043c \u0442\u0438\u043f\u043e\u043c \u043f\u0440\u043e\u0434\u0443\u043a\u0442\u0430. \u0411\u043e\u043b\u0435\u0435 \u0441\u0432\u044f\u0437\u0430\u043d\u043d\u044b\u0435 \u0442\u0438\u043f\u044b, \u0442\u0430\u043a\u0438\u0435 \u043a\u0430\u043a ",(0,s.jsx)(n.code,{children:"Country"})," \u0438 ",(0,s.jsx)(n.code,{children:"City"}),", \u043c\u043e\u0436\u0435\u0442 \u0431\u044b\u0442\u044c \u043d\u0435 \u0442\u0430\u043a \u043b\u0435\u0433\u043a\u043e \u0440\u0430\u0437\u0434\u0435\u043b\u0438\u0442\u044c."]}),"\n"]}),"\n",(0,s.jsxs)(n.li,{children:["\n",(0,s.jsxs)(n.p,{children:[(0,s.jsx)(n.strong,{children:"\u041a\u0440\u043e\u0441\u0441-\u0438\u043c\u043f\u043e\u0440\u0442\u0438\u0440\u0443\u0439\u0442\u0435 (\u043d\u043e \u0442\u043e\u043b\u044c\u043a\u043e \u043f\u0440\u0430\u0432\u0438\u043b\u044c\u043d\u043e)"}),"\n\u0427\u0442\u043e\u0431 \u0441\u0434\u0435\u043b\u0430\u0442\u044c \u043a\u0440\u043e\u0441\u0441-\u0438\u043c\u043f\u043e\u0440\u0442 \u043c\u0435\u0436\u0434\u0443 \u0441\u0443\u0449\u043d\u043e\u0441\u0442\u044f\u043c\u0438 \u0432 FSD, \u0432\u044b \u043c\u043e\u0436\u0435\u0442\u0435 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u043e\u0442\u0434\u0435\u043b\u044c\u043d\u044b\u0439 \u043f\u0443\u0431\u043b\u0438\u0447\u043d\u044b\u0439 API \u0441\u043f\u0435\u0446\u0438\u0430\u043b\u044c\u043d\u043e \u0434\u043b\u044f \u043a\u0430\u0436\u0434\u043e\u0433\u043e \u0441\u043b\u0430\u0439\u0441\u0430, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u0431\u0443\u0434\u0435\u0442 \u043a\u0440\u043e\u0441\u0441-\u0438\u043c\u043f\u043e\u0440\u0442\u0438\u0440\u043e\u0432\u0430\u0442\u044c. \u041d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, \u0435\u0441\u043b\u0438 \u0443 \u043d\u0430\u0441 \u0435\u0441\u0442\u044c \u0441\u0443\u0449\u043d\u043e\u0441\u0442\u0438 ",(0,s.jsx)(n.code,{children:"song"})," (\u043f\u0435\u0441\u043d\u044f), ",(0,s.jsx)(n.code,{children:"artist"})," (\u0438\u0441\u043f\u043e\u043b\u043d\u0438\u0442\u0435\u043b\u044c), \u0438 ",(0,s.jsx)(n.code,{children:"playlist"})," (\u043f\u043b\u0435\u0439\u043b\u0438\u0441\u0442), \u0438 \u043f\u043e\u0441\u043b\u0435\u0434\u043d\u0438\u0435 \u0434\u0432\u0435 \u0434\u043e\u043b\u0436\u043d\u044b \u0441\u0441\u044b\u043b\u0430\u0442\u044c\u0441\u044f \u043d\u0430 ",(0,s.jsx)(n.code,{children:"song"}),", \u043c\u044b \u043c\u043e\u0436\u0435\u043c \u0441\u043e\u0437\u0434\u0430\u0442\u044c \u0434\u0432\u0430 \u0441\u043f\u0435\u0446\u0438\u0430\u043b\u044c\u043d\u044b\u0445 \u043f\u0443\u0431\u043b\u0438\u0447\u043d\u044b\u0445 API \u0434\u043b\u044f \u043d\u0438\u0445 \u043e\u0431\u043e\u0438\u0445 \u0432 \u0441\u0443\u0449\u043d\u043e\u0441\u0442\u0438 ",(0,s.jsx)(n.code,{children:"song"})," \u0447\u0435\u0440\u0435\u0437 ",(0,s.jsx)(n.code,{children:"@x"}),"-\u043d\u043e\u0442\u0430\u0446\u0438\u044e:"]}),"\n",(0,s.jsxs)(n.ul,{children:["\n",(0,s.jsxs)(n.li,{children:["\ud83d\udcc2 entities","\n",(0,s.jsxs)(n.ul,{children:["\n",(0,s.jsxs)(n.li,{children:["\ud83d\udcc2 song","\n",(0,s.jsxs)(n.ul,{children:["\n",(0,s.jsxs)(n.li,{children:["\ud83d\udcc2 @x","\n",(0,s.jsxs)(n.ul,{children:["\n",(0,s.jsxs)(n.li,{children:["\ud83d\udcc4 artist.ts (\u043f\u0443\u0431\u043b\u0438\u0447\u043d\u044b\u0439 API, \u0438\u0437 \u043a\u043e\u0442\u043e\u0440\u043e\u0433\u043e \u0431\u0443\u0434\u0435\u0442 \u0438\u043c\u043f\u043e\u0440\u0442\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u0441\u0443\u0449\u043d\u043e\u0441\u0442\u044c ",(0,s.jsx)(n.code,{children:"artist"}),")"]}),"\n",(0,s.jsxs)(n.li,{children:["\ud83d\udcc4 playlist.ts (\u043f\u0443\u0431\u043b\u0438\u0447\u043d\u044b\u0439 API, \u0438\u0437 \u043a\u043e\u0442\u043e\u0440\u043e\u0433\u043e \u0431\u0443\u0434\u0435\u0442 \u0438\u043c\u043f\u043e\u0440\u0442\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u0441\u0443\u0449\u043d\u043e\u0441\u0442\u044c ",(0,s.jsx)(n.code,{children:"playlist"}),")"]}),"\n"]}),"\n"]}),"\n",(0,s.jsx)(n.li,{children:"\ud83d\udcc4 index.ts (\u043e\u0431\u044b\u043a\u043d\u043e\u0432\u0435\u043d\u043d\u044b\u0439 \u043f\u0443\u0431\u043b\u0438\u0447\u043d\u044b\u0439 API)"}),"\n"]}),"\n"]}),"\n"]}),"\n"]}),"\n"]}),"\n",(0,s.jsxs)(n.p,{children:["\u0421\u043e\u0434\u0435\u0440\u0436\u0438\u043c\u043e\u0435 \u0444\u0430\u0439\u043b\u0430 ",(0,s.jsx)(n.code,{children:"\ud83d\udcc4 entities/song/@x/artist.ts"})," \u043f\u043e\u0445\u043e\u0436\u0435 \u043d\u0430 ",(0,s.jsx)(n.code,{children:"\ud83d\udcc4 entities/song/index.ts"}),":"]}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-ts",metastring:'title="entities/song/@x/artist.ts"',children:'export type { Song } from "../model/song.ts";\n'})}),"\n",(0,s.jsxs)(n.p,{children:["\u0417\u0430\u0442\u0435\u043c ",(0,s.jsx)(n.code,{children:"\ud83d\udcc4 entities/artist/model/artist.ts"})," \u043c\u043e\u0436\u0435\u0442 \u0438\u043c\u043f\u043e\u0440\u0442\u0438\u0440\u043e\u0432\u0430\u0442\u044c ",(0,s.jsx)(n.code,{children:"Song"})," \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0438\u043c \u043e\u0431\u0440\u0430\u0437\u043e\u043c:"]}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-ts",metastring:'title="entities/artist/model/artist.ts"',children:'import type { Song } from "entities/song/@x/artist";\n\nexport interface Artist {\n  name: string;\n  songs: Array<Song>;\n}\n'})}),"\n",(0,s.jsx)(n.p,{children:"\u0421 \u043f\u043e\u043c\u043e\u0449\u044c\u044e \u044f\u0432\u043d\u044b\u0445 \u0441\u0432\u044f\u0437\u0435\u0439 \u043c\u0435\u0436\u0434\u0443 \u0441\u0443\u0449\u043d\u043e\u0441\u0442\u044f\u043c\u0438 \u043c\u044b \u043f\u043e\u043b\u0443\u0447\u0430\u0435\u043c \u0442\u043e\u0447\u043d\u044b\u0439 \u043a\u043e\u043d\u0442\u0440\u043e\u043b\u044c \u0432\u0437\u0430\u0438\u043c\u043e\u0437\u0430\u0432\u0438\u0441\u0438\u043c\u043e\u0441\u0442\u0435\u0439 \u0438 \u043f\u0440\u0438 \u044d\u0442\u043e\u043c \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u0438\u0432\u0430\u0435\u043c \u0434\u043e\u0441\u0442\u0430\u0442\u043e\u0447\u043d\u044b\u0439 \u0443\u0440\u043e\u0432\u0435\u043d\u044c \u0440\u0430\u0437\u0434\u0435\u043b\u0435\u043d\u0438\u044f \u0434\u043e\u043c\u0435\u043d\u043e\u0432."}),"\n"]}),"\n"]}),"\n",(0,s.jsx)(n.h2,{id:"data-transfer-objects-and-mappers",children:"\u041e\u0431\u044a\u0435\u043a\u0442\u044b \u043f\u0435\u0440\u0435\u0434\u0430\u0447\u0438 \u0434\u0430\u043d\u043d\u044b\u0445 (DTO) \u0438 \u043c\u0430\u043f\u043f\u0435\u0440\u044b"}),"\n",(0,s.jsxs)(n.p,{children:["\u041e\u0431\u044a\u0435\u043a\u0442\u044b \u043f\u0435\u0440\u0435\u0434\u0430\u0447\u0438 \u0434\u0430\u043d\u043d\u044b\u0445, \u0438\u043b\u0438 DTO (\u043e\u0442 \u0430\u043d\u0433\u043b. ",(0,s.jsx)(n.em,{children:"data transfer object"}),"), \u2014 \u044d\u0442\u043e \u0442\u0435\u0440\u043c\u0438\u043d, \u043e\u043f\u0438\u0441\u044b\u0432\u0430\u044e\u0449\u0438\u0439 \u0444\u043e\u0440\u043c\u0443 \u0434\u0430\u043d\u043d\u044b\u0445, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u043f\u043e\u0441\u0442\u0443\u043f\u0430\u044e\u0442 \u0438\u0437 \u0431\u044d\u043a\u0435\u043d\u0434\u0430. \u0418\u043d\u043e\u0433\u0434\u0430 DTO \u043c\u043e\u0436\u043d\u043e \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u043a\u0430\u043a \u0435\u0441\u0442\u044c, \u043d\u043e \u0438\u043d\u043e\u0433\u0434\u0430 \u0438\u0445 \u0444\u043e\u0440\u043c\u0430\u0442 \u043d\u0435\u0443\u0434\u043e\u0431\u0435\u043d \u0434\u043b\u044f \u0444\u0440\u043e\u043d\u0442\u0435\u043d\u0434\u0430. \u0422\u0443\u0442 \u043f\u0440\u0438\u0445\u043e\u0434\u044f\u0442 \u043d\u0430 \u043f\u043e\u043c\u043e\u0449\u044c \u043c\u0430\u043f\u043f\u0435\u0440\u044b \u2014 \u044d\u0442\u043e \u0444\u0443\u043d\u043a\u0446\u0438\u0438, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u043f\u0440\u0435\u043e\u0431\u0440\u0430\u0437\u0443\u044e\u0442 DTO \u0432 \u0431\u043e\u043b\u0435\u0435 \u0443\u0434\u043e\u0431\u043d\u0443\u044e \u0444\u043e\u0440\u043c\u0443."]}),"\n",(0,s.jsx)(n.h3,{id:"\u043a\u0443\u0434\u0430-\u043f\u043e\u043b\u043e\u0436\u0438\u0442\u044c-dto",children:"\u041a\u0443\u0434\u0430 \u043f\u043e\u043b\u043e\u0436\u0438\u0442\u044c DTO"}),"\n",(0,s.jsx)(n.p,{children:"\u0415\u0441\u043b\u0438 \u0432\u0430\u0448\u0438 \u0442\u0438\u043f\u044b \u0431\u044d\u043a\u0435\u043d\u0434\u0430 \u043d\u0430\u0445\u043e\u0434\u044f\u0442\u0441\u044f \u0432 \u043e\u0442\u0434\u0435\u043b\u044c\u043d\u043e\u043c \u043f\u0430\u043a\u0435\u0442\u0435 (\u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, \u0435\u0441\u043b\u0438 \u0432\u044b \u0434\u0435\u043b\u0438\u0442\u0435 \u043a\u043e\u0434 \u043c\u0435\u0436\u0434\u0443 \u0444\u0440\u043e\u043d\u0442\u0435\u043d\u0434\u043e\u043c \u0438 \u0431\u044d\u043a\u0435\u043d\u0434\u043e\u043c), \u043f\u0440\u043e\u0441\u0442\u043e \u0438\u043c\u043f\u043e\u0440\u0442\u0438\u0440\u0443\u0439\u0442\u0435 \u0432\u0430\u0448\u0438 DTO \u043e\u0442\u0442\u0443\u0434\u0430, \u0438 \u0433\u043e\u0442\u043e\u0432\u043e! \u0415\u0441\u043b\u0438 \u0432\u044b \u043d\u0435 \u0434\u0435\u043b\u0438\u0442\u0435 \u043a\u043e\u0434 \u043c\u0435\u0436\u0434\u0443 \u0431\u044d\u043a\u0435\u043d\u0434\u043e\u043c \u0438 \u0444\u0440\u043e\u043d\u0442\u0435\u043d\u0434\u043e\u043c, \u0432\u0430\u043c \u043d\u0443\u0436\u043d\u043e \u0445\u0440\u0430\u043d\u0438\u0442\u044c DTO \u0433\u0434\u0435-\u0442\u043e \u0432 \u0432\u0430\u0448\u0435\u043c \u0444\u0440\u043e\u043d\u0442\u0435\u043d\u0434-\u043a\u043e\u0434\u0435, \u0438 \u043c\u044b \u0440\u0430\u0441\u0441\u043c\u043e\u0442\u0440\u0438\u043c \u044d\u0442\u043e\u0442 \u0441\u043b\u0443\u0447\u0430\u0439 \u043d\u0438\u0436\u0435."}),"\n",(0,s.jsxs)(n.p,{children:["\u0415\u0441\u043b\u0438 \u0432\u044b \u0445\u0440\u0430\u043d\u0438\u0442\u0435 \u0444\u0443\u043d\u043a\u0446\u0438\u0438 \u0437\u0430\u043f\u0440\u043e\u0441\u043e\u0432 \u0432 ",(0,s.jsx)(n.code,{children:"shared/api"}),", \u0442\u043e \u0438\u043c\u0435\u043d\u043d\u043e \u0442\u0430\u043c \u0434\u043e\u043b\u0436\u043d\u044b \u0431\u044b\u0442\u044c DTO, \u043f\u0440\u044f\u043c\u043e \u0440\u044f\u0434\u043e\u043c \u0441 \u0444\u0443\u043d\u043a\u0446\u0438\u0435\u0439, \u043a\u043e\u0442\u043e\u0440\u0430\u044f \u0438\u0445 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u0442:"]}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-ts",metastring:'title="shared/api/songs.ts"',children:'import type { ArtistDTO } from "./artists";\n\ninterface SongDTO {\n  id: number;\n  title: string;\n  artist_ids: Array<ArtistDTO["id"]>;\n}\n\nexport function listSongs() {\n  return fetch(\'/api/songs\').then((res) => res.json() as Promise<Array<SongDTO>>);\n}\n'})}),"\n",(0,s.jsx)(n.p,{children:"\u041a\u0430\u043a \u0443\u043f\u043e\u043c\u0438\u043d\u0430\u043b\u043e\u0441\u044c \u0432 \u043f\u0440\u0435\u0434\u044b\u0434\u0443\u0449\u0435\u043c \u0440\u0430\u0437\u0434\u0435\u043b\u0435, \u0445\u0440\u0430\u043d\u0435\u043d\u0438\u0435 \u0432\u0430\u0448\u0438\u0445 \u0437\u0430\u043f\u0440\u043e\u0441\u043e\u0432 \u0438 DTO \u0432 Shared \u0438\u043c\u0435\u0435\u0442 \u043f\u0440\u0435\u0438\u043c\u0443\u0449\u0435\u0441\u0442\u0432\u043e \u0442\u043e\u0433\u043e, \u0447\u0442\u043e \u0432\u044b \u043c\u043e\u0436\u0435\u0442\u0435 \u0441\u0441\u044b\u043b\u0430\u0442\u044c\u0441\u044f \u043d\u0430 \u0434\u0440\u0443\u0433\u0438\u0435 DTO."}),"\n",(0,s.jsx)(n.h3,{id:"\u043a\u0443\u0434\u0430-\u043f\u043e\u043b\u043e\u0436\u0438\u0442\u044c-\u043c\u0430\u043f\u043f\u0435\u0440\u044b",children:"\u041a\u0443\u0434\u0430 \u043f\u043e\u043b\u043e\u0436\u0438\u0442\u044c \u043c\u0430\u043f\u043f\u0435\u0440\u044b"}),"\n",(0,s.jsxs)(n.p,{children:["\u041c\u0430\u043f\u043f\u0435\u0440\u044b \u2014 \u044d\u0442\u043e \u0444\u0443\u043d\u043a\u0446\u0438\u0438, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u043f\u0440\u0438\u043d\u0438\u043c\u0430\u044e\u0442 DTO \u0434\u043b\u044f \u043f\u0440\u0435\u043e\u0431\u0440\u0430\u0437\u043e\u0432\u0430\u043d\u0438\u044f, \u0438, \u0441\u043b\u0435\u0434\u043e\u0432\u0430\u0442\u0435\u043b\u044c\u043d\u043e, \u043e\u043d\u0438 \u0434\u043e\u043b\u0436\u043d\u044b \u043d\u0430\u0445\u043e\u0434\u0438\u0442\u044c\u0441\u044f \u0440\u044f\u0434\u043e\u043c \u0441 \u043e\u043f\u0440\u0435\u0434\u0435\u043b\u0435\u043d\u0438\u0435\u043c DTO. \u041d\u0430 \u043f\u0440\u0430\u043a\u0442\u0438\u043a\u0435 \u044d\u0442\u043e \u043e\u0437\u043d\u0430\u0447\u0430\u0435\u0442, \u0447\u0442\u043e \u0435\u0441\u043b\u0438 \u0432\u0430\u0448\u0438 \u0437\u0430\u043f\u0440\u043e\u0441\u044b \u0438 DTO \u043e\u043f\u0440\u0435\u0434\u0435\u043b\u0435\u043d\u044b \u0432 ",(0,s.jsx)(n.code,{children:"shared/api"}),", \u0442\u043e \u0438 \u043c\u0430\u043f\u043f\u0435\u0440\u044b \u0434\u043e\u043b\u0436\u043d\u044b \u0431\u044b\u0442\u044c \u0442\u0430\u043c \u0436\u0435:"]}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-ts",metastring:'title="shared/api/songs.ts"',children:'import type { ArtistDTO } from "./artists";\n\ninterface SongDTO {\n  id: number;\n  title: string;\n  disc_no: number;\n  artist_ids: Array<ArtistDTO["id"]>;\n}\n\ninterface Song {\n  id: string;\n  title: string;\n  /** The full title of the song, including the disc number. */\n  fullTitle: string;\n  artistIds: Array<string>;\n}\n\nfunction adaptSongDTO(dto: SongDTO): Song {\n  return {\n    id: String(dto.id),\n    title: dto.title,\n    fullTitle: `${dto.disc_no} / ${dto.title}`,\n    artistIds: dto.artist_ids.map(String),\n  };\n}\n\nexport function listSongs() {\n  return fetch(\'/api/songs\').then(async (res) => (await res.json()).map(adaptSongDTO));\n}\n'})}),"\n",(0,s.jsx)(n.p,{children:"\u0415\u0441\u043b\u0438 \u0432\u0430\u0448\u0438 \u0437\u0430\u043f\u0440\u043e\u0441\u044b \u0438 \u0445\u0440\u0430\u043d\u0438\u043b\u0438\u0449\u0430 \u043e\u043f\u0440\u0435\u0434\u0435\u043b\u0435\u043d\u044b \u0432 \u0441\u043b\u0430\u0439\u0441\u0430\u0445 \u0441\u0443\u0449\u043d\u043e\u0441\u0442\u0435\u0439, \u0442\u043e \u0432\u0435\u0441\u044c \u044d\u0442\u043e\u0442 \u043a\u043e\u0434 \u0434\u043e\u043b\u0436\u0435\u043d \u0431\u044b\u0442\u044c \u0442\u0430\u043c, \u0441 \u0443\u0447\u0451\u0442\u043e\u043c \u043e\u0433\u0440\u0430\u043d\u0438\u0447\u0435\u043d\u0438\u044f \u043a\u0440\u043e\u0441\u0441-\u0438\u043c\u043f\u043e\u0440\u0442\u043e\u0432 \u043c\u0435\u0436\u0434\u0443 \u0441\u0443\u0449\u043d\u043e\u0441\u0442\u044f\u043c\u0438:"}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-ts",metastring:'title="entities/song/api/dto.ts"',children:'import type { ArtistDTO } from "entities/artist/@x/song";\n\nexport interface SongDTO {\n  id: number;\n  title: string;\n  disc_no: number;\n  artist_ids: Array<ArtistDTO["id"]>;\n}\n'})}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-ts",metastring:'title="entities/song/api/mapper.ts"',children:'import type { SongDTO } from "./dto";\n\nexport interface Song {\n  id: string;\n  title: string;\n  /** \u041f\u043e\u043b\u043d\u043e\u0435 \u043d\u0430\u0437\u0432\u0430\u043d\u0438\u0435 \u043f\u0435\u0441\u043d\u0438, \u0432\u043a\u043b\u044e\u0447\u0430\u044f \u043d\u043e\u043c\u0435\u0440 \u0434\u0438\u0441\u043a\u0430. */\n  fullTitle: string;\n  artistIds: Array<string>;\n}\n\nexport function adaptSongDTO(dto: SongDTO): Song {\n  return {\n    id: String(dto.id),\n    title: dto.title,\n    fullTitle: `${dto.disc_no} / ${dto.title}`,\n    artistIds: dto.artist_ids.map(String),\n  };\n}\n'})}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-ts",metastring:'title="entities/song/api/listSongs.ts"',children:"import { adaptSongDTO } from \"./mapper\";\n\nexport function listSongs() {\n  return fetch('/api/songs').then(async (res) => (await res.json()).map(adaptSongDTO));\n}\n"})}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-ts",metastring:'title="entities/song/model/songs.ts"',children:'import { createSlice, createEntityAdapter } from "@reduxjs/toolkit";\n\nimport { listSongs } from "../api/listSongs";\n\nexport const fetchSongs = createAsyncThunk(\'songs/fetchSongs\', listSongs);\n\nconst songAdapter = createEntityAdapter();\nconst songsSlice = createSlice({\n  name: "songs",\n  initialState: songAdapter.getInitialState(),\n  reducers: {},\n  extraReducers: (builder) => {\n    builder.addCase(fetchSongs.fulfilled, (state, action) => {\n      songAdapter.upsertMany(state, action.payload);\n    })\n  },\n});\n'})}),"\n",(0,s.jsx)(n.h3,{id:"\u0447\u0442\u043e-\u0434\u0435\u043b\u0430\u0442\u044c-\u0441-\u0432\u043b\u043e\u0436\u0435\u043d\u043d\u044b\u043c\u0438-dto",children:"\u0427\u0442\u043e \u0434\u0435\u043b\u0430\u0442\u044c \u0441 \u0432\u043b\u043e\u0436\u0435\u043d\u043d\u044b\u043c\u0438 DTO"}),"\n",(0,s.jsxs)(n.p,{children:["\u0421\u0430\u043c\u044b\u0439 \u043f\u0440\u043e\u0431\u043b\u0435\u043c\u043d\u044b\u0439 \u043c\u043e\u043c\u0435\u043d\u0442 \u2014 \u044d\u0442\u043e \u043a\u043e\u0433\u0434\u0430 \u043e\u0442\u0432\u0435\u0442 \u043e\u0442 \u0431\u044d\u043a\u0435\u043d\u0434\u0430 \u0441\u043e\u0434\u0435\u0440\u0436\u0438\u0442 \u043d\u0435\u0441\u043a\u043e\u043b\u044c\u043a\u043e \u0441\u0443\u0449\u043d\u043e\u0441\u0442\u0435\u0439. \u041d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, \u0435\u0441\u043b\u0438 \u043f\u0435\u0441\u043d\u044f \u0432\u043a\u043b\u044e\u0447\u0430\u0435\u0442 \u0432 \u0441\u0435\u0431\u044f \u043d\u0435 \u0442\u043e\u043b\u044c\u043a\u043e ID \u0430\u0432\u0442\u043e\u0440\u043e\u0432, \u043d\u043e \u0438 \u0441\u0430\u043c\u0438 \u043e\u0431\u044a\u0435\u043a\u0442\u044b \u0434\u0430\u043d\u043d\u044b\u0445 \u043e\u0431 \u0430\u0432\u0442\u043e\u0440\u0430\u0445 \u0446\u0435\u043b\u0438\u043a\u043e\u043c. \u0412 \u044d\u0442\u043e\u043c \u0441\u043b\u0443\u0447\u0430\u0435 \u0441\u0443\u0449\u043d\u043e\u0441\u0442\u0438 \u043d\u0435 \u043c\u043e\u0433\u0443\u0442 \u043d\u0435 \u0437\u043d\u0430\u0442\u044c \u0434\u0440\u0443\u0433 \u043e \u0434\u0440\u0443\u0433\u0435 (\u0435\u0441\u043b\u0438 \u0442\u043e\u043b\u044c\u043a\u043e \u043c\u044b \u043d\u0435 \u0445\u043e\u0442\u0438\u043c \u0432\u044b\u0431\u0440\u0430\u0441\u044b\u0432\u0430\u0442\u044c \u0434\u0430\u043d\u043d\u044b\u0435 \u0438\u043b\u0438 \u043f\u0440\u043e\u0432\u043e\u0434\u0438\u0442\u044c \u0441\u0435\u0440\u044c\u0435\u0437\u043d\u0443\u044e \u0431\u0435\u0441\u0435\u0434\u0443 \u0441 \u043a\u043e\u043c\u0430\u043d\u0434\u043e\u0439 \u0431\u044d\u043a\u0435\u043d\u0434\u0430). \u0412\u043c\u0435\u0441\u0442\u043e \u0442\u043e\u0433\u043e, \u0447\u0442\u043e\u0431\u044b \u043f\u0440\u0438\u0434\u0443\u043c\u044b\u0432\u0430\u0442\u044c \u0440\u0435\u0448\u0435\u043d\u0438\u044f \u0434\u043b\u044f \u043d\u0435\u044f\u0432\u043d\u044b\u0445 \u0441\u0432\u044f\u0437\u0435\u0439 \u043c\u0435\u0436\u0434\u0443 \u0441\u0440\u0435\u0437\u0430\u043c\u0438 (\u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, \u043e\u0431\u0449\u0438\u0439 middleware, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u0431\u0443\u0434\u0435\u0442 \u0434\u0438\u0441\u043f\u0430\u0442\u0447\u0438\u0442\u044c \u0434\u0435\u0439\u0441\u0442\u0432\u0438\u044f \u0434\u0440\u0443\u0433\u0438\u043c \u0441\u043b\u0430\u0439\u0441\u0430\u043c), \u043f\u0440\u0435\u0434\u043f\u043e\u0447\u0438\u0442\u0430\u0439\u0442\u0435 \u044f\u0432\u043d\u044b\u0439 \u043a\u0440\u043e\u0441\u0441-\u0438\u043c\u043f\u043e\u0440\u0442 \u0447\u0435\u0440\u0435\u0437 ",(0,s.jsx)(n.code,{children:"@x"}),"-\u043d\u043e\u0442\u0430\u0446\u0438\u044e. \u0412\u043e\u0442 \u043a\u0430\u043a \u043c\u044b \u043c\u043e\u0436\u0435\u043c \u044d\u0442\u043e \u0440\u0435\u0430\u043b\u0438\u0437\u043e\u0432\u0430\u0442\u044c \u0441 Redux Toolkit:"]}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-ts",metastring:'title="entities/song/model/songs.ts"',children:"import {\n  createSlice,\n  createEntityAdapter,\n  createAsyncThunk,\n  createSelector,\n} from '@reduxjs/toolkit'\nimport { normalize, schema } from 'normalizr'\n\nimport { getSong } from \"../api/getSong\";\n\n// \u041e\u0431\u044a\u044f\u0432\u043b\u044f\u0435\u043c \u0441\u0445\u0435\u043c\u044b \u0441\u0443\u0449\u043d\u043e\u0441\u0442\u0435\u0439 \u0432 normalizr\nexport const artistEntity = new schema.Entity('artists')\nexport const songEntity = new schema.Entity('songs', {\n  artists: [artistEntity],\n})\n\nconst songAdapter = createEntityAdapter()\n\nexport const fetchSong = createAsyncThunk(\n  'songs/fetchSong',\n  async (id: string) => {\n    const data = await getSong(id)\n    // \u041d\u043e\u0440\u043c\u0430\u043b\u0438\u0437\u0443\u0435\u043c \u0434\u0430\u043d\u043d\u044b\u0435, \u0447\u0442\u043e\u0431\u044b \u0440\u0435\u0434\u044c\u044e\u0441\u0435\u0440\u044b \u043c\u043e\u0433\u043b\u0438 \u0437\u0430\u0433\u0440\u0443\u0436\u0430\u0442\u044c \u043f\u0440\u0435\u0434\u0441\u043a\u0430\u0437\u0443\u0435\u043c\u044b\u0439 \u043e\u0431\u044a\u0435\u043a\u0442, \u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440:\n    // `action.payload = { songs: {}, artists: {} }`\n    const normalized = normalize(data, songEntity)\n    return normalized.entities\n  }\n)\n\nexport const slice = createSlice({\n  name: 'songs',\n  initialState: songAdapter.getInitialState(),\n  reducers: {},\n  extraReducers: (builder) => {\n    builder.addCase(fetchSong.fulfilled, (state, action) => {\n      songAdapter.upsertMany(state, action.payload.songs)\n    })\n  },\n})\n\nconst reducer = slice.reducer\nexport default reducer\n"})}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-ts",metastring:'title="entities/song/@x/artist.ts"',children:'export { fetchSong } from "../model/songs";\n'})}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-ts",metastring:'title="entities/artist/model/artists.ts"',children:"import { createSlice, createEntityAdapter } from '@reduxjs/toolkit'\n\nimport { fetchSong } from 'entities/song/@x/artist'\n\nconst artistAdapter = createEntityAdapter()\n\nexport const slice = createSlice({\n  name: 'users',\n  initialState: artistAdapter.getInitialState(),\n  reducers: {},\n  extraReducers: (builder) => {\n    builder.addCase(fetchSong.fulfilled, (state, action) => {\n      // \u0418 \u0437\u0434\u0435\u0441\u044c \u043e\u0431\u0440\u0430\u0431\u0430\u0442\u044b\u0432\u0430\u0435\u043c \u0442\u043e\u0442 \u0436\u0435 \u043e\u0442\u0432\u0435\u0442 \u0441 \u0431\u044d\u043a\u0435\u043d\u0434\u0430, \u0434\u043e\u0431\u0430\u0432\u043b\u044f\u044f \u0438\u0441\u043f\u043e\u043b\u043d\u0438\u0442\u0435\u043b\u0435\u0439\n      usersAdapter.upsertMany(state, action.payload.users)\n    })\n  },\n})\n\nconst reducer = slice.reducer\nexport default reducer\n"})}),"\n",(0,s.jsx)(n.p,{children:"\u042d\u0442\u043e \u043d\u0435\u043c\u043d\u043e\u0433\u043e \u043e\u0433\u0440\u0430\u043d\u0438\u0447\u0438\u0432\u0430\u0435\u0442 \u043f\u0440\u0435\u0438\u043c\u0443\u0449\u0435\u0441\u0442\u0432\u0430 \u0438\u0437\u043e\u043b\u044f\u0446\u0438\u0438 \u0441\u043b\u0430\u0439\u0441\u043e\u0432, \u043d\u043e \u0447\u0451\u0442\u043a\u043e \u043e\u0431\u043e\u0437\u043d\u0430\u0447\u0430\u0435\u0442 \u0441\u0432\u044f\u0437\u044c \u043c\u0435\u0436\u0434\u0443 \u044d\u0442\u0438\u043c\u0438 \u0434\u0432\u0443\u043c\u044f \u0441\u0443\u0449\u043d\u043e\u0441\u0442\u044f\u043c\u0438, \u043a\u043e\u0442\u043e\u0440\u0443\u044e \u043c\u044b \u043d\u0435 \u043a\u043e\u043d\u0442\u0440\u043e\u043b\u0438\u0440\u0443\u0435\u043c. \u0415\u0441\u043b\u0438 \u044d\u0442\u0438 \u0441\u0443\u0449\u043d\u043e\u0441\u0442\u0438 \u043a\u043e\u0433\u0434\u0430-\u043b\u0438\u0431\u043e \u0431\u0443\u0434\u0443\u0442 \u0440\u0435\u0444\u0430\u043a\u0442\u043e\u0440\u0438\u0442\u044c\u0441\u044f, \u0438\u0445 \u043d\u0443\u0436\u043d\u043e \u0431\u0443\u0434\u0435\u0442 \u0440\u0435\u0444\u0430\u043a\u0442\u043e\u0440\u0438\u0442\u044c \u0432\u043c\u0435\u0441\u0442\u0435."}),"\n",(0,s.jsx)(n.h2,{id:"\u0433\u043b\u043e\u0431\u0430\u043b\u044c\u043d\u044b\u0435-\u0442\u0438\u043f\u044b-\u0438-redux",children:"\u0413\u043b\u043e\u0431\u0430\u043b\u044c\u043d\u044b\u0435 \u0442\u0438\u043f\u044b \u0438 Redux"}),"\n",(0,s.jsx)(n.p,{children:"\u0413\u043b\u043e\u0431\u0430\u043b\u044c\u043d\u044b\u0435 \u0442\u0438\u043f\u044b \u2014 \u044d\u0442\u043e \u0442\u0438\u043f\u044b, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u0431\u0443\u0434\u0443\u0442 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c\u0441\u044f \u0432\u043e \u0432\u0441\u0435\u043c \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0438. \u0421\u0443\u0449\u0435\u0441\u0442\u0432\u0443\u0435\u0442 \u0434\u0432\u0430 \u0432\u0438\u0434\u0430 \u0433\u043b\u043e\u0431\u0430\u043b\u044c\u043d\u044b\u0445 \u0442\u0438\u043f\u043e\u0432, \u0432 \u0437\u0430\u0432\u0438\u0441\u0438\u043c\u043e\u0441\u0442\u0438 \u043e\u0442 \u0442\u043e\u0433\u043e, \u0447\u0442\u043e \u0438\u043c \u043d\u0443\u0436\u043d\u043e \u0437\u043d\u0430\u0442\u044c:"}),"\n",(0,s.jsxs)(n.ol,{children:["\n",(0,s.jsx)(n.li,{children:"\u0423\u043d\u0438\u0432\u0435\u0440\u0441\u0430\u043b\u044c\u043d\u044b\u0435 \u0442\u0438\u043f\u044b, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u043d\u0435 \u0438\u043c\u0435\u044e\u0442 \u043d\u0438\u043a\u0430\u043a\u043e\u0439 \u0441\u043f\u0435\u0446\u0438\u0444\u0438\u043a\u0438 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f"}),"\n",(0,s.jsx)(n.li,{children:"\u0422\u0438\u043f\u044b, \u043a\u043e\u0442\u043e\u0440\u044b\u043c \u043d\u0443\u0436\u043d\u043e \u0437\u043d\u0430\u0442\u044c \u043e\u0431\u043e \u0432\u0441\u0435\u043c \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0438"}),"\n"]}),"\n",(0,s.jsxs)(n.p,{children:["\u041f\u0435\u0440\u0432\u044b\u0439 \u0441\u043b\u0443\u0447\u0430\u0439 \u043b\u0435\u0433\u043a\u043e \u0440\u0435\u0448\u0438\u0442\u044c \u2014 \u043f\u043e\u043c\u0435\u0441\u0442\u0438\u0442\u0435 \u0441\u0432\u043e\u0438 \u0442\u0438\u043f\u044b \u0432 Shared, \u0432 \u0441\u043e\u043e\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0443\u044e\u0449\u0438\u0439 \u0441\u0435\u0433\u043c\u0435\u043d\u0442. \u041d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, \u0435\u0441\u043b\u0438 \u0443 \u0432\u0430\u0441 \u0435\u0441\u0442\u044c \u0438\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441 \u0433\u043b\u043e\u0431\u0430\u043b\u044c\u043d\u043e\u0439 \u043f\u0435\u0440\u0435\u043c\u0435\u043d\u043d\u043e\u0439 \u0434\u043b\u044f \u0430\u043d\u0430\u043b\u0438\u0442\u0438\u043a\u0438, \u0432\u044b \u043c\u043e\u0436\u0435\u0442\u0435 \u043f\u043e\u043c\u0435\u0441\u0442\u0438\u0442\u044c \u0435\u0433\u043e \u0432 ",(0,s.jsx)(n.code,{children:"shared/analytics"}),"."]}),"\n",(0,s.jsx)(n.admonition,{type:"warning",children:(0,s.jsxs)(n.p,{children:["\u0418\u0437\u0431\u0435\u0433\u0430\u0439\u0442\u0435 \u0441\u043e\u0437\u0434\u0430\u043d\u0438\u044f \u043f\u0430\u043f\u043a\u0438 ",(0,s.jsx)(n.code,{children:"shared/types"}),". \u041e\u043d\u0430 \u0433\u0440\u0443\u043f\u043f\u0438\u0440\u0443\u0435\u0442 \u043d\u0435\u0441\u0432\u044f\u0437\u0430\u043d\u043d\u044b\u0435 \u0432\u0435\u0449\u0438 \u0442\u043e\u043b\u044c\u043a\u043e \u043d\u0430 \u043e\u0441\u043d\u043e\u0432\u0435 \u0441\u0432\u043e\u0439\u0441\u0442\u0432\u0430 \xab\u0431\u044b\u0442\u044c \u0442\u0438\u043f\u043e\u043c\xbb, \u0438 \u044d\u0442\u043e \u0441\u0432\u043e\u0439\u0441\u0442\u0432\u043e \u043e\u0431\u044b\u0447\u043d\u043e \u0431\u0435\u0441\u043f\u043e\u043b\u0435\u0437\u043d\u043e \u043f\u0440\u0438 \u043f\u043e\u0438\u0441\u043a\u0435 \u043a\u043e\u0434\u0430 \u0432 \u043f\u0440\u043e\u0435\u043a\u0442\u0435."]})}),"\n",(0,s.jsx)(n.p,{children:"\u0412\u0442\u043e\u0440\u043e\u0439 \u0441\u043b\u0443\u0447\u0430\u0439 \u0447\u0430\u0441\u0442\u043e \u0432\u0441\u0442\u0440\u0435\u0447\u0430\u0435\u0442\u0441\u044f \u0432 \u043f\u0440\u043e\u0435\u043a\u0442\u0430\u0445 \u0441 Redux \u0431\u0435\u0437 RTK. \u0412\u0430\u0448 \u043e\u043a\u043e\u043d\u0447\u0430\u0442\u0435\u043b\u044c\u043d\u044b\u0439 \u0442\u0438\u043f \u0445\u0440\u0430\u043d\u0438\u043b\u0438\u0449\u0430 \u0434\u043e\u0441\u0442\u0443\u043f\u0435\u043d \u0442\u043e\u043b\u044c\u043a\u043e \u043f\u043e\u0441\u043b\u0435 \u0442\u043e\u0433\u043e, \u043a\u0430\u043a \u0432\u044b \u0441\u043e\u0435\u0434\u0438\u043d\u0438\u0442\u0435 \u0432\u0441\u0435 \u0440\u0435\u0434\u044c\u044e\u0441\u0435\u0440\u044b, \u043d\u043e \u044d\u0442\u043e\u0442 \u0442\u0438\u043f \u0445\u0440\u0430\u043d\u0438\u043b\u0438\u0449\u0430 \u043d\u0443\u0436\u0435\u043d \u0441\u0435\u043b\u0435\u043a\u0442\u043e\u0440\u0430\u043c, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u0432\u044b \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u0442\u0435 \u0432 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0438. \u041d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, \u0432\u043e\u0442 \u0442\u0438\u043f\u0438\u0447\u043d\u043e\u0435 \u043e\u043f\u0440\u0435\u0434\u0435\u043b\u0435\u043d\u0438\u0435 \u0445\u0440\u0430\u043d\u0438\u043b\u0438\u0449\u0430 \u0432 Redux:"}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-ts",metastring:'title="app/store/index.ts"',children:'import { combineReducers, rootReducer } from "redux";\n\nimport { songReducer } from "entities/song";\nimport { artistReducer } from "entities/artist";\n\nconst rootReducer = combineReducers(songReducer, artistReducer);\n\nconst store = createStore(rootReducer);\n\ntype RootState = ReturnType<typeof rootReducer>;\ntype AppDispatch = typeof store.dispatch;\n'})}),"\n",(0,s.jsxs)(n.p,{children:["\u0411\u044b\u043b\u043e \u0431\u044b \u043d\u0435\u043f\u043b\u043e\u0445\u043e \u0438\u043c\u0435\u0442\u044c \u0442\u0438\u043f\u0438\u0437\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u044b\u0435 \u0445\u0443\u043a\u0438 ",(0,s.jsx)(n.code,{children:"useAppDispatch"})," \u0438 ",(0,s.jsx)(n.code,{children:"useAppSelector"})," \u0432 ",(0,s.jsx)(n.code,{children:"shared/store"}),", \u043d\u043e \u043e\u043d\u0438 \u043d\u0435 \u043c\u043e\u0433\u0443\u0442 \u0438\u043c\u043f\u043e\u0440\u0442\u0438\u0440\u043e\u0432\u0430\u0442\u044c ",(0,s.jsx)(n.code,{children:"RootState"})," \u0438 ",(0,s.jsx)(n.code,{children:"AppDispatch"})," \u0438\u0437 \u0441\u043b\u043e\u044f App \u0438\u0437-\u0437\u0430 ",(0,s.jsx)(n.a,{href:"/docs/reference/layers#import-rule-on-layers",children:"\u043f\u0440\u0430\u0432\u0438\u043b\u0430 \u0438\u043c\u043f\u043e\u0440\u0442\u0430 \u0434\u043b\u044f \u0441\u043b\u043e\u0451\u0432"}),":"]}),"\n",(0,s.jsxs)(n.blockquote,{children:["\n",(0,s.jsx)(n.p,{children:"\u041c\u043e\u0434\u0443\u043b\u044c \u0432 \u0441\u043b\u0430\u0439\u0441\u0435 \u043c\u043e\u0436\u0435\u0442 \u0438\u043c\u043f\u043e\u0440\u0442\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u0434\u0440\u0443\u0433\u0438\u0435 \u0441\u043b\u0430\u0439\u0441\u044b \u0442\u043e\u043b\u044c\u043a\u043e \u0432 \u0442\u043e\u043c \u0441\u043b\u0443\u0447\u0430\u0435, \u0435\u0441\u043b\u0438 \u043e\u043d\u0438 \u0440\u0430\u0441\u043f\u043e\u043b\u043e\u0436\u0435\u043d\u044b \u043d\u0430 \u0441\u043b\u043e\u044f\u0445 \u0441\u0442\u0440\u043e\u0433\u043e \u043d\u0438\u0436\u0435."}),"\n"]}),"\n",(0,s.jsxs)(n.p,{children:["\u0420\u0435\u043a\u043e\u043c\u0435\u043d\u0434\u0443\u0435\u043c\u043e\u0435 \u0440\u0435\u0448\u0435\u043d\u0438\u0435 \u0432 \u044d\u0442\u043e\u043c \u0441\u043b\u0443\u0447\u0430\u0435 \u2014 \u0441\u043e\u0437\u0434\u0430\u0442\u044c \u043d\u0435\u044f\u0432\u043d\u0443\u044e \u0437\u0430\u0432\u0438\u0441\u0438\u043c\u043e\u0441\u0442\u044c \u043c\u0435\u0436\u0434\u0443 \u0441\u043b\u043e\u044f\u043c\u0438 Shared \u0438 App. \u042d\u0442\u0438 \u0434\u0432\u0430 \u0442\u0438\u043f\u0430, ",(0,s.jsx)(n.code,{children:"RootState"})," \u0438 ",(0,s.jsx)(n.code,{children:"AppDispatch"}),", \u0432\u0440\u044f\u0434 \u043b\u0438 \u0438\u0437\u043c\u0435\u043d\u044f\u0442\u0441\u044f, \u0438 \u043e\u043d\u0438 \u0431\u0443\u0434\u0443\u0442 \u0437\u043d\u0430\u043a\u043e\u043c\u044b \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a\u0430\u043c \u043d\u0430 Redux, \u043f\u043e\u044d\u0442\u043e\u043c\u0443 \u043d\u0435\u044f\u0432\u043d\u0430\u044f \u0441\u0432\u044f\u0437\u044c \u0432\u0440\u044f\u0434 \u043b\u0438 \u0441\u0442\u0430\u043d\u0435\u0442 \u043f\u0440\u043e\u0431\u043b\u0435\u043c\u043e\u0439."]}),"\n",(0,s.jsx)(n.p,{children:"\u0412 TypeScript \u044d\u0442\u043e \u043c\u043e\u0436\u043d\u043e \u0441\u0434\u0435\u043b\u0430\u0442\u044c, \u043e\u0431\u044a\u044f\u0432\u0438\u0432 \u0442\u0438\u043f\u044b \u043a\u0430\u043a \u0433\u043b\u043e\u0431\u0430\u043b\u044c\u043d\u044b\u0435, \u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440 \u0442\u0430\u043a:"}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-ts",metastring:'title="app/store/index.ts"',children:"/* \u0442\u043e \u0436\u0435 \u0441\u043e\u0434\u0435\u0440\u0436\u0438\u043c\u043e\u0435, \u0447\u0442\u043e \u0438 \u0432 \u0431\u043b\u043e\u043a\u0435 \u043a\u043e\u0434\u0430 \u0434\u043e \u044d\u0442\u043e\u0433\u043e\u2026 */\n\ndeclare type RootState = ReturnType<typeof rootReducer>;\ndeclare type AppDispatch = typeof store.dispatch;\n"})}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-ts",metastring:'title="shared/store/index.ts"',children:'import { useDispatch, useSelector, type TypedUseSelectorHook } from "react-redux";\n\nexport const useAppDispatch = useDispatch.withTypes<AppDispatch>()\nexport const useAppSelector: TypedUseSelectorHook<RootState> = useSelector;\n'})}),"\n",(0,s.jsx)(n.h2,{id:"\u0441\u0445\u0435\u043c\u044b-\u0432\u0430\u043b\u0438\u0434\u0430\u0446\u0438\u0438-\u0442\u0438\u043f\u043e\u0432-\u0438-zod",children:"\u0421\u0445\u0435\u043c\u044b \u0432\u0430\u043b\u0438\u0434\u0430\u0446\u0438\u0438 \u0442\u0438\u043f\u043e\u0432 \u0438 Zod"}),"\n",(0,s.jsxs)(n.p,{children:["\u0415\u0441\u043b\u0438 \u0432\u044b \u0445\u043e\u0442\u0438\u0442\u0435 \u043f\u0440\u043e\u0432\u0435\u0440\u0438\u0442\u044c, \u0447\u0442\u043e \u0432\u0430\u0448\u0438 \u0434\u0430\u043d\u043d\u044b\u0435 \u0441\u043e\u043e\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0443\u044e\u0442 \u043e\u043f\u0440\u0435\u0434\u0435\u043b\u0435\u043d\u043d\u043e\u0439 \u0444\u043e\u0440\u043c\u0435 \u0438\u043b\u0438 \u043e\u0433\u0440\u0430\u043d\u0438\u0447\u0435\u043d\u0438\u044f\u043c, \u0432\u044b \u043c\u043e\u0436\u0435\u0442\u0435 \u0441\u043e\u0437\u0434\u0430\u0442\u044c \u0441\u0445\u0435\u043c\u0443 \u0432\u0430\u043b\u0438\u0434\u0430\u0446\u0438\u0438. \u0412 TypeScript \u043f\u043e\u043f\u0443\u043b\u044f\u0440\u043d\u043e\u0439 \u0431\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a\u043e\u0439 \u0434\u043b\u044f \u044d\u0442\u043e\u0439 \u0437\u0430\u0434\u0430\u0447\u0438 \u044f\u0432\u043b\u044f\u0435\u0442\u0441\u044f ",(0,s.jsx)(n.a,{href:"https://zod.dev",children:"Zod"}),". \u0421\u0445\u0435\u043c\u044b \u0432\u0430\u043b\u0438\u0434\u0430\u0446\u0438\u0438 \u0442\u0430\u043a\u0436\u0435 \u0434\u043e\u043b\u0436\u043d\u044b \u0431\u044b\u0442\u044c \u0440\u0430\u0437\u043c\u0435\u0449\u0435\u043d\u044b \u0440\u044f\u0434\u043e\u043c \u0441 \u043a\u043e\u0434\u043e\u043c, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u0438\u0445 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u0442, \u043d\u0430\u0441\u043a\u043e\u043b\u044c\u043a\u043e \u044d\u0442\u043e \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e."]}),"\n",(0,s.jsxs)(n.p,{children:["\u0421\u0445\u0435\u043c\u044b \u0432\u0430\u043b\u0438\u0434\u0430\u0446\u0438\u0438 \u043f\u043e\u0445\u043e\u0436\u0438 \u043d\u0430 \u043c\u0430\u043f\u043f\u0435\u0440\u044b (\u043a\u0430\u043a \u043e\u0431\u0441\u0443\u0436\u0434\u0430\u043b\u043e\u0441\u044c \u0432 \u0440\u0430\u0437\u0434\u0435\u043b\u0435 ",(0,s.jsx)(n.a,{href:"#data-transfer-objects-and-mappers",children:"\u041e\u0431\u044a\u0435\u043a\u0442\u044b \u043f\u0435\u0440\u0435\u0434\u0430\u0447\u0438 \u0434\u0430\u043d\u043d\u044b\u0445 (DTO) \u0438 \u043c\u0430\u043f\u043f\u0435\u0440\u044b"}),") \u0432 \u0442\u043e\u043c \u0441\u043c\u044b\u0441\u043b\u0435, \u0447\u0442\u043e \u043e\u043d\u0438 \u043f\u0440\u0438\u043d\u0438\u043c\u0430\u044e\u0442 \u043e\u0431\u044a\u0435\u043a\u0442 \u043f\u0435\u0440\u0435\u0434\u0430\u0447\u0438 \u0434\u0430\u043d\u043d\u044b\u0445 \u0438 \u043f\u0430\u0440\u0441\u044f\u0442 \u0435\u0433\u043e, \u0432\u044b\u0434\u0430\u0432\u0430\u044f \u043e\u0448\u0438\u0431\u043a\u0443, \u0435\u0441\u043b\u0438 \u043f\u0430\u0440\u0441\u0438\u043d\u0433 \u043d\u0435 \u0443\u0434\u0430\u043b\u0441\u044f."]}),"\n",(0,s.jsxs)(n.p,{children:["\u041e\u0434\u0438\u043d \u0438\u0437 \u043d\u0430\u0438\u0431\u043e\u043b\u0435\u0435 \u0440\u0430\u0441\u043f\u0440\u043e\u0441\u0442\u0440\u0430\u043d\u0435\u043d\u043d\u044b\u0445 \u0441\u043b\u0443\u0447\u0430\u0435\u0432 \u0432\u0430\u043b\u0438\u0434\u0430\u0446\u0438\u0438 \u2014 \u044d\u0442\u043e \u0434\u0430\u043d\u043d\u044b\u0435, \u043f\u043e\u0441\u0442\u0443\u043f\u0430\u044e\u0449\u0438\u0435 \u0441 \u0431\u044d\u043a\u0435\u043d\u0434\u0430. \u041e\u0431\u044b\u0447\u043d\u043e \u0432\u044b \u0445\u043e\u0442\u0438\u0442\u0435 \u043f\u043e\u043c\u0435\u0442\u0438\u0442\u044c \u0437\u0430\u043f\u0440\u043e\u0441 \u043a\u0430\u043a \u043d\u0435\u0443\u0434\u0430\u0432\u0448\u0438\u0439\u0441\u044f, \u0435\u0441\u043b\u0438 \u0434\u0430\u043d\u043d\u044b\u0435 \u043d\u0435 \u0441\u043e\u043e\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0443\u044e\u0442 \u0441\u0445\u0435\u043c\u0435, \u043f\u043e\u044d\u0442\u043e\u043c\u0443 \u0438\u043c\u0435\u0435\u0442 \u0441\u043c\u044b\u0441\u043b \u043f\u043e\u043c\u0435\u0441\u0442\u0438\u0442\u044c \u0441\u0445\u0435\u043c\u0443 \u0432 \u0442\u043e\u043c \u0436\u0435 \u043c\u0435\u0441\u0442\u0435, \u0447\u0442\u043e \u0438 \u0444\u0443\u043d\u043a\u0446\u0438\u044f \u0437\u0430\u043f\u0440\u043e\u0441\u0430, \u0447\u0442\u043e \u043e\u0431\u044b\u0447\u043d\u043e \u044f\u0432\u043b\u044f\u0435\u0442\u0441\u044f \u0441\u0435\u0433\u043c\u0435\u043d\u0442\u043e\u043c ",(0,s.jsx)(n.code,{children:"api"}),"."]}),"\n",(0,s.jsxs)(n.p,{children:["\u0415\u0441\u043b\u0438 \u0432\u0430\u0448\u0438 \u0434\u0430\u043d\u043d\u044b\u0435 \u043f\u043e\u0441\u0442\u0443\u043f\u0430\u044e\u0442 \u0447\u0435\u0440\u0435\u0437 \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044c\u0441\u043a\u0438\u0439 \u0432\u0432\u043e\u0434, \u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, \u0447\u0435\u0440\u0435\u0437 \u0444\u043e\u0440\u043c\u0443, \u0432\u0430\u043b\u0438\u0434\u0430\u0446\u0438\u044f \u0434\u043e\u043b\u0436\u043d\u0430 \u043f\u0440\u043e\u0438\u0441\u0445\u043e\u0434\u0438\u0442\u044c \u0432\u043e \u0432\u0440\u0435\u043c\u044f \u0432\u0432\u043e\u0434\u0430 \u0434\u0430\u043d\u043d\u044b\u0445. \u0412\u044b \u043c\u043e\u0436\u0435\u0442\u0435 \u0440\u0430\u0437\u043c\u0435\u0441\u0442\u0438\u0442\u044c \u0441\u0432\u043e\u044e \u0441\u0445\u0435\u043c\u0443 \u0432 \u0441\u0435\u0433\u043c\u0435\u043d\u0442\u0435 ",(0,s.jsx)(n.code,{children:"ui"}),", \u0440\u044f\u0434\u043e\u043c \u0441 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u043e\u043c \u0444\u043e\u0440\u043c\u044b, \u0438\u043b\u0438 \u0432 \u0441\u0435\u0433\u043c\u0435\u043d\u0442\u0435 ",(0,s.jsx)(n.code,{children:"model"}),", \u0435\u0441\u043b\u0438 \u0441\u0435\u0433\u043c\u0435\u043d\u0442 ",(0,s.jsx)(n.code,{children:"ui"})," \u0441\u043b\u0438\u0448\u043a\u043e\u043c \u043f\u0435\u0440\u0435\u0433\u0440\u0443\u0436\u0435\u043d."]}),"\n",(0,s.jsx)(n.h2,{id:"\u0442\u0438\u043f\u0438\u0437\u0430\u0446\u0438\u044f-\u043f\u0440\u043e\u043f\u043e\u0432-\u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u043e\u0432-\u0438-\u043a\u043e\u043d\u0442\u0435\u043a\u0441\u0442\u0430",children:"\u0422\u0438\u043f\u0438\u0437\u0430\u0446\u0438\u044f \u043f\u0440\u043e\u043f\u043e\u0432 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u043e\u0432 \u0438 \u043a\u043e\u043d\u0442\u0435\u043a\u0441\u0442\u0430"}),"\n",(0,s.jsxs)(n.p,{children:["\u0412 \u0446\u0435\u043b\u043e\u043c, \u043b\u0443\u0447\u0448\u0435 \u0445\u0440\u0430\u043d\u0438\u0442\u044c \u0438\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441 \u043f\u0440\u043e\u043f\u043e\u0432 \u0438\u043b\u0438 \u043a\u043e\u043d\u0442\u0435\u043a\u0441\u0442\u0430 \u0432 \u0442\u043e\u043c \u0436\u0435 \u0444\u0430\u0439\u043b\u0435, \u0447\u0442\u043e \u0438 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442 \u0438\u043b\u0438 \u043a\u043e\u043d\u0442\u0435\u043a\u0441\u0442, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u0438\u0445 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u0442. \u0415\u0441\u043b\u0438 \u0443 \u0432\u0430\u0441 \u0444\u0440\u0435\u0439\u043c\u0432\u043e\u0440\u043a \u0441 \u043e\u0434\u043d\u043e\u0444\u0430\u0439\u043b\u043e\u0432\u044b\u043c\u0438 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u0430\u043c\u0438, \u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, Vue \u0438\u043b\u0438 Svelte, \u0438 \u0432\u044b \u043d\u0435 \u043c\u043e\u0436\u0435\u0442\u0435 \u043e\u043f\u0440\u0435\u0434\u0435\u043b\u0438\u0442\u044c \u0438\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441 \u043f\u0440\u043e\u043f\u043e\u0432 \u0432 \u0442\u043e\u043c \u0436\u0435 \u0444\u0430\u0439\u043b\u0435, \u0438\u043b\u0438 \u0432\u044b \u0445\u043e\u0442\u0438\u0442\u0435 \u043f\u0435\u0440\u0435\u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u044d\u0442\u043e\u0442 \u0438\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441 \u043c\u0435\u0436\u0434\u0443 \u043d\u0435\u0441\u043a\u043e\u043b\u044c\u043a\u0438\u043c\u0438 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u0430\u043c\u0438, \u0441\u043e\u0437\u0434\u0430\u0439\u0442\u0435 \u043e\u0442\u0434\u0435\u043b\u044c\u043d\u044b\u0439 \u0444\u0430\u0439\u043b \u0432 \u0442\u043e\u0439 \u0436\u0435 \u043f\u0430\u043f\u043a\u0435, \u043e\u0431\u044b\u0447\u043d\u043e \u0432 \u0441\u0435\u0433\u043c\u0435\u043d\u0442\u0435 ",(0,s.jsx)(n.code,{children:"ui"}),"."]}),"\n",(0,s.jsx)(n.p,{children:"\u0412\u043e\u0442 \u043f\u0440\u0438\u043c\u0435\u0440 \u0441 JSX (React \u0438\u043b\u0438 Solid):"}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-ts",metastring:'title="pages/home/ui/RecentActions.tsx"',children:"interface RecentActionsProps {\n  actions: Array<{ id: string; text: string }>;\n}\n\nexport function RecentActions({ actions }: RecentActionsProps) {\n  /* \u2026 */\n}\n"})}),"\n",(0,s.jsx)(n.p,{children:"\u0418 \u0432\u043e\u0442 \u043f\u0440\u0438\u043c\u0435\u0440 \u0441 \u0438\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441\u043e\u043c, \u0445\u0440\u0430\u043d\u044f\u0449\u0438\u043c\u0441\u044f \u0432 \u043e\u0442\u0434\u0435\u043b\u044c\u043d\u043e\u043c \u0444\u0430\u0439\u043b\u0435, \u0434\u043b\u044f Vue:"}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-ts",metastring:'title="pages/home/ui/RecentActionsProps.ts"',children:"export interface RecentActionsProps {\n  actions: Array<{ id: string; text: string }>;\n}\n"})}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-html",metastring:'title="pages/home/ui/RecentActions.vue"',children:'<script setup lang="ts">\n  import type { RecentActionsProps } from "./RecentActionsProps";\n\n  const props = defineProps<RecentActionsProps>();\n<\/script>\n'})}),"\n",(0,s.jsxs)(n.h2,{id:"\u0434\u0435\u043a\u043b\u0430\u0440\u0430\u0446\u0438\u043e\u043d\u043d\u044b\u0435-\u0444\u0430\u0439\u043b\u044b-\u043e\u043a\u0440\u0443\u0436\u0435\u043d\u0438\u044f-dts",children:["\u0414\u0435\u043a\u043b\u0430\u0440\u0430\u0446\u0438\u043e\u043d\u043d\u044b\u0435 \u0444\u0430\u0439\u043b\u044b \u043e\u043a\u0440\u0443\u0436\u0435\u043d\u0438\u044f (",(0,s.jsx)(n.code,{children:"*.d.ts"}),")"]}),"\n",(0,s.jsxs)(n.p,{children:["\u041d\u0435\u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u043f\u0430\u043a\u0435\u0442\u044b, \u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, ",(0,s.jsx)(n.a,{href:"https://vitejs.dev",children:"Vite"})," \u0438\u043b\u0438 ",(0,s.jsx)(n.a,{href:"https://www.totaltypescript.com/ts-reset",children:"ts-reset"}),", \u0442\u0440\u0435\u0431\u0443\u044e\u0442 \u0434\u0435\u043a\u043b\u0430\u0440\u0430\u0446\u0438\u043e\u043d\u043d\u044b\u0435 \u0444\u0430\u0439\u043b\u044b \u043e\u043a\u0440\u0443\u0436\u0435\u043d\u0438\u044f \u0434\u043b\u044f \u0440\u0430\u0431\u043e\u0442\u044b \u0432 \u0432\u0430\u0448\u0435\u043c \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0438. \u041e\u0431\u044b\u0447\u043d\u043e \u043e\u043d\u0438 \u043d\u0435\u0431\u043e\u043b\u044c\u0448\u0438\u0435 \u0438 \u043d\u0435\u0441\u043b\u043e\u0436\u043d\u044b\u0435, \u043f\u043e\u044d\u0442\u043e\u043c\u0443 \u0447\u0430\u0441\u0442\u043e \u043d\u0435 \u0442\u0440\u0435\u0431\u0443\u044e\u0442 \u043a\u0430\u043a\u043e\u0439-\u043b\u0438\u0431\u043e \u0430\u0440\u0445\u0438\u0442\u0435\u043a\u0442\u0443\u0440\u044b, \u0438\u0445 \u043c\u043e\u0436\u043d\u043e \u043f\u0440\u043e\u0441\u0442\u043e \u043f\u043e\u043c\u0435\u0441\u0442\u0438\u0442\u044c \u0432 \u043f\u0430\u043f\u043a\u0443 ",(0,s.jsx)(n.code,{children:"src/"}),". \u0427\u0442\u043e\u0431\u044b ",(0,s.jsx)(n.code,{children:"src"})," \u0431\u044b\u043b \u0431\u043e\u043b\u0435\u0435 \u043e\u0440\u0433\u0430\u043d\u0438\u0437\u043e\u0432\u0430\u043d\u043d\u044b\u043c, \u0432\u044b \u043c\u043e\u0436\u0435\u0442\u0435 \u0445\u0440\u0430\u043d\u0438\u0442\u044c \u0438\u0445 \u043d\u0430 \u0441\u043b\u043e\u0435 App, \u0432 ",(0,s.jsx)(n.code,{children:"app/ambient/"}),"."]}),"\n",(0,s.jsxs)(n.p,{children:["\u0414\u0440\u0443\u0433\u0438\u0435 \u043f\u0430\u043a\u0435\u0442\u044b \u043f\u0440\u043e\u0441\u0442\u043e \u043d\u0435 \u0438\u043c\u0435\u044e\u0442 \u0442\u0438\u043f\u043e\u0432, \u0438 \u0432\u0430\u043c \u043c\u043e\u0436\u0435\u0442 \u043f\u043e\u043d\u0430\u0434\u043e\u0431\u0438\u0442\u044c\u0441\u044f \u043e\u0431\u044a\u044f\u0432\u0438\u0442\u044c \u0438\u0445 \u043a\u0430\u043a \u043d\u0435\u0442\u0438\u043f\u0438\u0437\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u044b\u0435 \u0438\u043b\u0438 \u0434\u0430\u0436\u0435 \u043d\u0430\u043f\u0438\u0441\u0430\u0442\u044c \u0441\u043e\u0431\u0441\u0442\u0432\u0435\u043d\u043d\u044b\u0435 \u0442\u0438\u043f\u044b \u0434\u043b\u044f \u043d\u0438\u0445. \u0425\u043e\u0440\u043e\u0448\u0438\u043c \u043c\u0435\u0441\u0442\u043e\u043c \u0434\u043b\u044f \u044d\u0442\u0438\u0445 \u0442\u0438\u043f\u043e\u0432 \u0431\u0443\u0434\u0435\u0442 ",(0,s.jsx)(n.code,{children:"shared/lib"}),", \u0432 \u043f\u0430\u043f\u043a\u0435 \u0442\u0438\u043f\u0430 ",(0,s.jsx)(n.code,{children:"shared/lib/untyped-packages"}),". \u0421\u043e\u0437\u0434\u0430\u0439\u0442\u0435 \u0442\u0430\u043c \u0444\u0430\u0439\u043b ",(0,s.jsx)(n.code,{children:"%LIBRARY_NAME%.d.ts"})," \u0438 \u043e\u0431\u044a\u044f\u0432\u0438\u0442\u0435 \u0442\u0438\u043f\u044b, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u0432\u0430\u043c \u043d\u0443\u0436\u043d\u044b:"]}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-ts",metastring:'title="shared/lib/untyped-packages/use-react-screenshot.d.ts"',children:'// \u0423 \u044d\u0442\u043e\u0439 \u0431\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a\u0438 \u043d\u0435\u0442 \u0442\u0438\u043f\u043e\u0432, \u0438 \u043c\u044b \u043d\u0435 \u0445\u043e\u0442\u0435\u043b\u0438 \u0437\u0430\u043c\u043e\u0440\u0430\u0447\u0438\u0432\u0430\u0442\u044c\u0441\u044f \u0441 \u043d\u0430\u043f\u0438\u0441\u0430\u043d\u0438\u0435\u043c \u0441\u0432\u043e\u0438\u0445.\ndeclare module "use-react-screenshot";\n'})}),"\n",(0,s.jsx)(n.h2,{id:"\u0430\u0432\u0442\u043e\u0433\u0435\u043d\u0435\u0440\u0430\u0446\u0438\u044f-\u0442\u0438\u043f\u043e\u0432",children:"\u0410\u0432\u0442\u043e\u0433\u0435\u043d\u0435\u0440\u0430\u0446\u0438\u044f \u0442\u0438\u043f\u043e\u0432"}),"\n",(0,s.jsxs)(n.p,{children:["\u0427\u0430\u0441\u0442\u043e \u0431\u044b\u0432\u0430\u0435\u0442 \u043f\u043e\u043b\u0435\u0437\u043d\u043e \u0433\u0435\u043d\u0435\u0440\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u0442\u0438\u043f\u044b \u0438\u0437 \u0432\u043d\u0435\u0448\u043d\u0438\u0445 \u0438\u0441\u0442\u043e\u0447\u043d\u0438\u043a\u043e\u0432, \u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, \u0433\u0435\u043d\u0435\u0440\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u0442\u0438\u043f\u044b \u0431\u044d\u043a\u0435\u043d\u0434\u0430 \u0438\u0437 \u0441\u0445\u0435\u043c\u044b OpenAPI. \u0412 \u044d\u0442\u043e\u043c \u0441\u043b\u0443\u0447\u0430\u0435 \u0441\u043e\u0437\u0434\u0430\u0439\u0442\u0435 \u0441\u043f\u0435\u0446\u0438\u0430\u043b\u044c\u043d\u043e\u0435 \u043c\u0435\u0441\u0442\u043e \u0432 \u0432\u0430\u0448\u0435\u043c \u043a\u043e\u0434\u0435 \u0434\u043b\u044f \u044d\u0442\u0438\u0445 \u0442\u0438\u043f\u043e\u0432, \u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, ",(0,s.jsx)(n.code,{children:"shared/api/openapi"}),". \u0418\u0434\u0435\u0430\u043b\u044c\u043d\u043e, \u0435\u0441\u043b\u0438 \u0432\u044b \u0442\u0430\u043a\u0436\u0435 \u0432\u043a\u043b\u044e\u0447\u0438\u0442\u0435 README \u0432 \u044d\u0442\u0443 \u043f\u0430\u043f\u043a\u0443, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u043e\u043f\u0438\u0441\u044b\u0432\u0430\u0435\u0442, \u0447\u0442\u043e \u044d\u0442\u043e \u0437\u0430 \u0444\u0430\u0439\u043b\u044b, \u043a\u0430\u043a \u0438\u0445 \u043f\u0435\u0440\u0435\u0433\u0435\u043d\u0435\u0440\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u0438 \u0442. \u0434."]})]})}function p(e={}){const{wrapper:n}={...(0,r.R)(),...e.components};return n?(0,s.jsx)(n,{...e,children:(0,s.jsx)(a,{...e})}):a(e)}},1100:(e,n,t)=>{t.d(n,{R:()=>d,x:()=>c});var s=t(758);const r={},i=s.createContext(r);function d(e){const n=s.useContext(i);return s.useMemo((function(){return"function"==typeof e?e(n):{...n,...e}}),[n,e])}function c(e){let n;return n=e.disableParentContext?"function"==typeof e.components?e.components(r):e.components||r:d(e.components),s.createElement(i.Provider,{value:n},e.children)}}}]);
\ No newline at end of file
+"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[3670],{593:(e,n,t)=>{t.r(n),t.d(n,{assets:()=>o,contentTitle:()=>d,default:()=>p,frontMatter:()=>i,metadata:()=>c,toc:()=>l});var s=t(6070),r=t(1100);const i={sidebar_position:2},d="\u0422\u0438\u043f\u044b",c={id:"guides/examples/types",title:"\u0422\u0438\u043f\u044b",description:"\u0412 \u044d\u0442\u043e\u043c \u0440\u0443\u043a\u043e\u0432\u043e\u0434\u0441\u0442\u0432\u0435 \u0440\u0430\u0441\u0441\u043c\u0430\u0442\u0440\u0438\u0432\u0430\u044e\u0442\u0441\u044f \u0442\u0438\u043f\u044b \u0434\u0430\u043d\u043d\u044b\u0445 \u0438\u0437 \u0442\u0438\u043f\u0438\u0437\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u044b\u0445 \u044f\u0437\u044b\u043a\u043e\u0432, \u0442\u0430\u043a\u0438\u0445 \u043a\u0430\u043a TypeScript, \u0438 \u0433\u0434\u0435 \u043e\u043d\u0438 \u0432\u043f\u0438\u0441\u044b\u0432\u0430\u044e\u0442\u0441\u044f \u0432 FSD.",source:"@site/i18n/ru/docusaurus-plugin-content-docs/current/guides/examples/types.md",sourceDirName:"guides/examples",slug:"/guides/examples/types",permalink:"/ru/docs/guides/examples/types",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/ru/docusaurus-plugin-content-docs/current/guides/examples/types.md",tags:[],version:"current",lastUpdatedAt:1728325386e3,sidebarPosition:2,frontMatter:{sidebar_position:2},sidebar:"guidesSidebar",previous:{title:"\u0410\u0432\u0442\u043e\u0440\u0438\u0437\u0430\u0446\u0438\u044f",permalink:"/ru/docs/guides/examples/auth"},next:{title:"\u041b\u0435\u0439\u0430\u0443\u0442\u044b \u0441\u0442\u0440\u0430\u043d\u0438\u0446",permalink:"/ru/docs/guides/examples/page-layout"}},o={},l=[{value:"\u0422\u0438\u043f\u044b-\u0443\u0442\u0438\u043b\u0438\u0442\u044b",id:"\u0442\u0438\u043f\u044b-\u0443\u0442\u0438\u043b\u0438\u0442\u044b",level:2},{value:"\u0411\u0438\u0437\u043d\u0435\u0441-\u0441\u0443\u0449\u043d\u043e\u0441\u0442\u0438 \u0438 \u0438\u0445 \u0441\u0441\u044b\u043b\u043a\u0438 \u0434\u0440\u0443\u0433 \u043d\u0430 \u0434\u0440\u0443\u0433\u0430",id:"\u0431\u0438\u0437\u043d\u0435\u0441-\u0441\u0443\u0449\u043d\u043e\u0441\u0442\u0438-\u0438-\u0438\u0445-\u0441\u0441\u044b\u043b\u043a\u0438-\u0434\u0440\u0443\u0433-\u043d\u0430-\u0434\u0440\u0443\u0433\u0430",level:2},{value:"\u041e\u0431\u044a\u0435\u043a\u0442\u044b \u043f\u0435\u0440\u0435\u0434\u0430\u0447\u0438 \u0434\u0430\u043d\u043d\u044b\u0445 (DTO) \u0438 \u043c\u0430\u043f\u043f\u0435\u0440\u044b",id:"data-transfer-objects-and-mappers",level:2},{value:"\u041a\u0443\u0434\u0430 \u043f\u043e\u043b\u043e\u0436\u0438\u0442\u044c DTO",id:"\u043a\u0443\u0434\u0430-\u043f\u043e\u043b\u043e\u0436\u0438\u0442\u044c-dto",level:3},{value:"\u041a\u0443\u0434\u0430 \u043f\u043e\u043b\u043e\u0436\u0438\u0442\u044c \u043c\u0430\u043f\u043f\u0435\u0440\u044b",id:"\u043a\u0443\u0434\u0430-\u043f\u043e\u043b\u043e\u0436\u0438\u0442\u044c-\u043c\u0430\u043f\u043f\u0435\u0440\u044b",level:3},{value:"\u0427\u0442\u043e \u0434\u0435\u043b\u0430\u0442\u044c \u0441 \u0432\u043b\u043e\u0436\u0435\u043d\u043d\u044b\u043c\u0438 DTO",id:"\u0447\u0442\u043e-\u0434\u0435\u043b\u0430\u0442\u044c-\u0441-\u0432\u043b\u043e\u0436\u0435\u043d\u043d\u044b\u043c\u0438-dto",level:3},{value:"\u0413\u043b\u043e\u0431\u0430\u043b\u044c\u043d\u044b\u0435 \u0442\u0438\u043f\u044b \u0438 Redux",id:"\u0433\u043b\u043e\u0431\u0430\u043b\u044c\u043d\u044b\u0435-\u0442\u0438\u043f\u044b-\u0438-redux",level:2},{value:"\u0421\u0445\u0435\u043c\u044b \u0432\u0430\u043b\u0438\u0434\u0430\u0446\u0438\u0438 \u0442\u0438\u043f\u043e\u0432 \u0438 Zod",id:"\u0441\u0445\u0435\u043c\u044b-\u0432\u0430\u043b\u0438\u0434\u0430\u0446\u0438\u0438-\u0442\u0438\u043f\u043e\u0432-\u0438-zod",level:2},{value:"\u0422\u0438\u043f\u0438\u0437\u0430\u0446\u0438\u044f \u043f\u0440\u043e\u043f\u043e\u0432 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u043e\u0432 \u0438 \u043a\u043e\u043d\u0442\u0435\u043a\u0441\u0442\u0430",id:"\u0442\u0438\u043f\u0438\u0437\u0430\u0446\u0438\u044f-\u043f\u0440\u043e\u043f\u043e\u0432-\u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u043e\u0432-\u0438-\u043a\u043e\u043d\u0442\u0435\u043a\u0441\u0442\u0430",level:2},{value:"\u0414\u0435\u043a\u043b\u0430\u0440\u0430\u0446\u0438\u043e\u043d\u043d\u044b\u0435 \u0444\u0430\u0439\u043b\u044b \u043e\u043a\u0440\u0443\u0436\u0435\u043d\u0438\u044f (<code>*.d.ts</code>)",id:"\u0434\u0435\u043a\u043b\u0430\u0440\u0430\u0446\u0438\u043e\u043d\u043d\u044b\u0435-\u0444\u0430\u0439\u043b\u044b-\u043e\u043a\u0440\u0443\u0436\u0435\u043d\u0438\u044f-dts",level:2},{value:"\u0410\u0432\u0442\u043e\u0433\u0435\u043d\u0435\u0440\u0430\u0446\u0438\u044f \u0442\u0438\u043f\u043e\u0432",id:"\u0430\u0432\u0442\u043e\u0433\u0435\u043d\u0435\u0440\u0430\u0446\u0438\u044f-\u0442\u0438\u043f\u043e\u0432",level:2}];function a(e){const n={a:"a",admonition:"admonition",blockquote:"blockquote",code:"code",em:"em",h1:"h1",h2:"h2",h3:"h3",header:"header",li:"li",ol:"ol",p:"p",pre:"pre",strong:"strong",ul:"ul",...(0,r.R)(),...e.components};return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(n.header,{children:(0,s.jsx)(n.h1,{id:"\u0442\u0438\u043f\u044b",children:"\u0422\u0438\u043f\u044b"})}),"\n",(0,s.jsx)(n.p,{children:"\u0412 \u044d\u0442\u043e\u043c \u0440\u0443\u043a\u043e\u0432\u043e\u0434\u0441\u0442\u0432\u0435 \u0440\u0430\u0441\u0441\u043c\u0430\u0442\u0440\u0438\u0432\u0430\u044e\u0442\u0441\u044f \u0442\u0438\u043f\u044b \u0434\u0430\u043d\u043d\u044b\u0445 \u0438\u0437 \u0442\u0438\u043f\u0438\u0437\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u044b\u0445 \u044f\u0437\u044b\u043a\u043e\u0432, \u0442\u0430\u043a\u0438\u0445 \u043a\u0430\u043a TypeScript, \u0438 \u0433\u0434\u0435 \u043e\u043d\u0438 \u0432\u043f\u0438\u0441\u044b\u0432\u0430\u044e\u0442\u0441\u044f \u0432 FSD."}),"\n",(0,s.jsx)(n.admonition,{type:"info",children:(0,s.jsx)(n.p,{children:"\u0412\u0430\u0448\u0435\u0433\u043e \u0432\u043e\u043f\u0440\u043e\u0441\u0430 \u043d\u0435\u0442 \u0432 \u044d\u0442\u043e\u043c \u0440\u0443\u043a\u043e\u0432\u043e\u0434\u0441\u0442\u0432\u0435? \u041d\u0430\u043f\u0438\u0448\u0438\u0442\u0435 \u0441\u0432\u043e\u0439 \u0432\u043e\u043f\u0440\u043e\u0441, \u043e\u0441\u0442\u0430\u0432\u0438\u0432 \u043e\u0442\u0437\u044b\u0432 \u043a \u044d\u0442\u043e\u0439 \u0441\u0442\u0430\u0442\u044c\u0435 (\u0441\u0438\u043d\u044f\u044f \u043a\u043d\u043e\u043f\u043a\u0430 \u0441\u043f\u0440\u0430\u0432\u0430), \u0438 \u043c\u044b \u0440\u0430\u0441\u0441\u043c\u043e\u0442\u0440\u0438\u043c \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e\u0441\u0442\u044c \u0440\u0430\u0441\u0448\u0438\u0440\u0435\u043d\u0438\u044f \u044d\u0442\u043e\u0433\u043e \u0440\u0443\u043a\u043e\u0432\u043e\u0434\u0441\u0442\u0432\u0430!"})}),"\n",(0,s.jsx)(n.h2,{id:"\u0442\u0438\u043f\u044b-\u0443\u0442\u0438\u043b\u0438\u0442\u044b",children:"\u0422\u0438\u043f\u044b-\u0443\u0442\u0438\u043b\u0438\u0442\u044b"}),"\n",(0,s.jsx)(n.p,{children:"\u0422\u0438\u043f\u044b-\u0443\u0442\u0438\u043b\u0438\u0442\u044b \u2014 \u044d\u0442\u043e \u0442\u0438\u043f\u044b, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u0441\u0430\u043c\u0438 \u043f\u043e \u0441\u0435\u0431\u0435 \u043d\u0435 \u0438\u043c\u0435\u044e\u0442 \u043e\u0441\u043e\u0431\u043e\u0433\u043e \u0441\u043c\u044b\u0441\u043b\u0430 \u0438 \u043e\u0431\u044b\u0447\u043d\u043e \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u044e\u0442\u0441\u044f \u0441 \u0434\u0440\u0443\u0433\u0438\u043c\u0438 \u0442\u0438\u043f\u0430\u043c\u0438. \u041d\u0430\u043f\u0440\u0438\u043c\u0435\u0440:"}),"\n",(0,s.jsxs)("figure",{children:[(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-ts",children:"type ArrayValues<T extends readonly unknown[]> = T[number];\n"})}),(0,s.jsx)("figcaption",{children:(0,s.jsxs)(n.p,{children:["\u0418\u0441\u0442\u043e\u0447\u043d\u0438\u043a: ",(0,s.jsx)(n.a,{href:"https://github.com/sindresorhus/type-fest/blob/main/source/array-values.d.ts",children:"https://github.com/sindresorhus/type-fest/blob/main/source/array-values.d.ts"})]})})]}),"\n",(0,s.jsxs)(n.p,{children:["\u0427\u0442\u043e\u0431\u044b \u0434\u043e\u0431\u0430\u0432\u0438\u0442\u044c \u0442\u0438\u043f\u044b-\u0443\u0442\u0438\u043b\u0438\u0442\u044b \u0432 \u0432\u0430\u0448 \u043f\u0440\u043e\u0435\u043a\u0442, \u0443\u0441\u0442\u0430\u043d\u043e\u0432\u0438\u0442\u0435 \u0431\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a\u0443, \u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440 ",(0,s.jsx)(n.a,{href:"https://github.com/sindresorhus/type-fest",children:(0,s.jsx)(n.code,{children:"type-fest"})}),", \u0438\u043b\u0438 \u0441\u043e\u0437\u0434\u0430\u0439\u0442\u0435 \u0441\u0432\u043e\u044e \u0441\u043e\u0431\u0441\u0442\u0432\u0435\u043d\u043d\u0443\u044e \u0431\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a\u0443 \u0432 ",(0,s.jsx)(n.code,{children:"shared/lib"}),". \u041e\u0431\u044f\u0437\u0430\u0442\u0435\u043b\u044c\u043d\u043e \u0447\u0435\u0442\u043a\u043e \u0443\u043a\u0430\u0436\u0438\u0442\u0435, \u043a\u0430\u043a\u0438\u0435 \u043d\u043e\u0432\u044b\u0435 \u0442\u0438\u043f\u044b ",(0,s.jsx)(n.em,{children:"\u043c\u043e\u0436\u043d\u043e"})," \u0434\u043e\u0431\u0430\u0432\u043b\u044f\u0442\u044c \u0432 \u044d\u0442\u0443 \u0431\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a\u0443, \u0430 \u043a\u0430\u043a\u0438\u0435 \u2014 ",(0,s.jsx)(n.em,{children:"\u043d\u0435\u043b\u044c\u0437\u044f"}),". \u041d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, \u043d\u0430\u0437\u043e\u0432\u0438\u0442\u0435 \u0435\u0435 ",(0,s.jsx)(n.code,{children:"shared/lib/utility-types"})," \u0438 \u0434\u043e\u0431\u0430\u0432\u044c\u0442\u0435 \u0432\u043d\u0443\u0442\u0440\u044c \u0444\u0430\u0439\u043b README, \u043e\u043f\u0438\u0441\u044b\u0432\u0430\u044e\u0449\u0438\u0439, \u0447\u0442\u043e \u0442\u0430\u043a\u043e\u0435 \u0442\u0438\u043f\u044b-\u0443\u0442\u0438\u043b\u0438\u0442\u044b \u0432 \u043f\u043e\u043d\u0438\u043c\u0430\u043d\u0438\u0438 \u0432\u0430\u0448\u0435\u0439 \u043a\u043e\u043c\u0430\u043d\u0434\u044b."]}),"\n",(0,s.jsxs)(n.p,{children:["\u041d\u0435 \u043f\u0435\u0440\u0435\u043e\u0446\u0435\u043d\u0438\u0432\u0430\u0439\u0442\u0435 \u043f\u043e\u0442\u0435\u043d\u0446\u0438\u0430\u043b \u043f\u0435\u0440\u0435\u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u044f \u0442\u0438\u043f\u043e\u0432-\u0443\u0442\u0438\u043b\u0438\u0442. \u0422\u043e, \u0447\u0442\u043e \u0438\u0445 ",(0,s.jsx)(n.em,{children:"\u043c\u043e\u0436\u043d\u043e"})," \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u043f\u043e\u0432\u0442\u043e\u0440\u043d\u043e, \u043d\u0435 \u043e\u0437\u043d\u0430\u0447\u0430\u0435\u0442, \u0447\u0442\u043e \u0442\u0430\u043a \u0438 \u0431\u0443\u0434\u0435\u0442, \u0438 \u043f\u043e\u044d\u0442\u043e\u043c\u0443 \u043d\u0435 \u043a\u0430\u0436\u0434\u044b\u0439 \u0442\u0438\u043f-\u0443\u0442\u0438\u043b\u0438\u0442\u0430 \u0434\u043e\u043b\u0436\u0435\u043d \u0431\u044b\u0442\u044c \u0432 Shared. \u041d\u0435\u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u0442\u0438\u043f\u044b-\u0443\u0442\u0438\u043b\u0438\u0442\u044b \u0434\u043e\u043b\u0436\u043d\u044b \u043b\u0435\u0436\u0430\u0442\u044c \u043f\u0440\u044f\u043c\u043e \u0442\u0430\u043c, \u0433\u0434\u0435 \u043e\u043d\u0438 \u043d\u0443\u0436\u043d\u044b:"]}),"\n",(0,s.jsxs)(n.ul,{children:["\n",(0,s.jsxs)(n.li,{children:["\ud83d\udcc2 pages","\n",(0,s.jsxs)(n.ul,{children:["\n",(0,s.jsxs)(n.li,{children:["\ud83d\udcc2 home","\n",(0,s.jsxs)(n.ul,{children:["\n",(0,s.jsxs)(n.li,{children:["\ud83d\udcc2 api","\n",(0,s.jsxs)(n.ul,{children:["\n",(0,s.jsx)(n.li,{children:"\ud83d\udcc4 ArrayValues.ts (\u0442\u0438\u043f-\u0443\u0442\u0438\u043b\u0438\u0442\u0430)"}),"\n",(0,s.jsx)(n.li,{children:"\ud83d\udcc4 getMemoryUsageMetrics.ts (\u043a\u043e\u0434, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u0431\u0443\u0434\u0435\u0442 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u044d\u0442\u0443 \u0443\u0442\u0438\u043b\u0438\u0442\u0443)"}),"\n"]}),"\n"]}),"\n"]}),"\n"]}),"\n"]}),"\n"]}),"\n"]}),"\n",(0,s.jsx)(n.admonition,{type:"warning",children:(0,s.jsxs)(n.p,{children:["\u041d\u0435 \u043f\u043e\u0434\u0434\u0430\u0432\u0430\u0439\u0442\u0435\u0441\u044c \u0438\u0441\u043a\u0443\u0448\u0435\u043d\u0438\u044e \u0441\u043e\u0437\u0434\u0430\u0442\u044c \u043f\u0430\u043f\u043a\u0443 ",(0,s.jsx)(n.code,{children:"shared/types"})," \u0438\u043b\u0438 \u0434\u043e\u0431\u0430\u0432\u0438\u0442\u044c \u0441\u0435\u0433\u043c\u0435\u043d\u0442 ",(0,s.jsx)(n.code,{children:"types"}),' \u0432 \u0432\u0430\u0448\u0438 \u0441\u043b\u0430\u0439\u0441\u044b. \u041a\u0430\u0442\u0435\u0433\u043e\u0440\u0438\u044f "\u0442\u0438\u043f\u044b" \u043f\u043e\u0445\u043e\u0436\u0430 \u043d\u0430 \u043a\u0430\u0442\u0435\u0433\u043e\u0440\u0438\u044e "\u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u044b" \u0438\u043b\u0438 "\u0445\u0443\u043a\u0438" \u0432 \u0442\u043e\u043c, \u0447\u0442\u043e \u043e\u043d\u0430 \u043e\u043f\u0438\u0441\u044b\u0432\u0430\u0435\u0442 \u0441\u043e\u0434\u0435\u0440\u0436\u0438\u043c\u043e\u0435, \u0430 \u043d\u0435 \u0442\u043e, \u0434\u043b\u044f \u0447\u0435\u0433\u043e \u043e\u043d\u043e \u043d\u0443\u0436\u043d\u043e. \u0421\u0435\u0433\u043c\u0435\u043d\u0442\u044b \u0434\u043e\u043b\u0436\u043d\u044b \u043e\u043f\u0438\u0441\u044b\u0432\u0430\u0442\u044c \u0446\u0435\u043b\u044c \u043a\u043e\u0434\u0430, \u0430 \u043d\u0435 \u0435\u0433\u043e \u0441\u0443\u0442\u044c.']})}),"\n",(0,s.jsx)(n.h2,{id:"\u0431\u0438\u0437\u043d\u0435\u0441-\u0441\u0443\u0449\u043d\u043e\u0441\u0442\u0438-\u0438-\u0438\u0445-\u0441\u0441\u044b\u043b\u043a\u0438-\u0434\u0440\u0443\u0433-\u043d\u0430-\u0434\u0440\u0443\u0433\u0430",children:"\u0411\u0438\u0437\u043d\u0435\u0441-\u0441\u0443\u0449\u043d\u043e\u0441\u0442\u0438 \u0438 \u0438\u0445 \u0441\u0441\u044b\u043b\u043a\u0438 \u0434\u0440\u0443\u0433 \u043d\u0430 \u0434\u0440\u0443\u0433\u0430"}),"\n",(0,s.jsxs)(n.p,{children:["\u041e\u0434\u043d\u0438\u043c\u0438 \u0438\u0437 \u043d\u0430\u0438\u0431\u043e\u043b\u0435\u0435 \u0432\u0430\u0436\u043d\u044b\u0445 \u0442\u0438\u043f\u043e\u0432 \u0432 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0438 \u044f\u0432\u043b\u044f\u044e\u0442\u0441\u044f \u0442\u0438\u043f\u044b \u0431\u0438\u0437\u043d\u0435\u0441-\u0441\u0443\u0449\u043d\u043e\u0441\u0442\u0435\u0439, \u0442. \u0435. \u0440\u0435\u0430\u043b\u044c\u043d\u044b\u0445 \u0432\u0435\u0449\u0435\u0439, \u0441 \u043a\u043e\u0442\u043e\u0440\u044b\u043c\u0438 \u0440\u0430\u0431\u043e\u0442\u0430\u0435\u0442 \u0432\u0430\u0448\u0435 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0435. \u041d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, \u0432 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0438 \u0441\u0435\u0440\u0432\u0438\u0441\u0430 \u043e\u043d\u043b\u0430\u0439\u043d-\u043c\u0443\u0437\u044b\u043a\u0438 \u0443 \u0432\u0430\u0441 \u043c\u043e\u0433\u0443\u0442 \u0431\u044b\u0442\u044c \u0431\u0438\u0437\u043d\u0435\u0441-\u0441\u0443\u0449\u043d\u043e\u0441\u0442\u0438 ",(0,s.jsx)(n.em,{children:"\u041f\u0435\u0441\u043d\u044f"})," (song), ",(0,s.jsx)(n.em,{children:"\u0410\u043b\u044c\u0431\u043e\u043c"})," (album) \u0438 \u0442. \u0434."]}),"\n",(0,s.jsxs)(n.p,{children:["\u0411\u0438\u0437\u043d\u0435\u0441-\u0441\u0443\u0449\u043d\u043e\u0441\u0442\u0438 \u0447\u0430\u0441\u0442\u043e \u043f\u0440\u0438\u0445\u043e\u0434\u044f\u0442 \u0441 \u0431\u044d\u043a\u0435\u043d\u0434\u0430, \u043f\u043e\u044d\u0442\u043e\u043c\u0443 \u043f\u0435\u0440\u0432\u044b\u043c \u0448\u0430\u0433\u043e\u043c \u044f\u0432\u043b\u044f\u0435\u0442\u0441\u044f \u0442\u0438\u043f\u0438\u0437\u0430\u0446\u0438\u044f \u043e\u0442\u0432\u0435\u0442\u043e\u0432 \u0431\u044d\u043a\u0435\u043d\u0434\u0430. \u0423\u0434\u043e\u0431\u043d\u043e \u0438\u043c\u0435\u0442\u044c \u0444\u0443\u043d\u043a\u0446\u0438\u044e \u0437\u0430\u043f\u0440\u043e\u0441\u0430 \u043a \u043a\u0430\u0436\u0434\u043e\u043c\u0443 \u044d\u043d\u0434\u043f\u043e\u0438\u043d\u0442\u0443 \u0438 \u0442\u0438\u043f\u0438\u0437\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u0440\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442 \u0432\u044b\u0437\u043e\u0432\u0430 \u044d\u0442\u043e\u0439 \u0444\u0443\u043d\u043a\u0446\u0438\u0438. \u0414\u043b\u044f \u0434\u043e\u043f\u043e\u043b\u043d\u0438\u0442\u0435\u043b\u044c\u043d\u043e\u0439 \u0431\u0435\u0437\u043e\u043f\u0430\u0441\u043d\u043e\u0441\u0442\u0438 \u0442\u0438\u043f\u043e\u0432 \u0432\u044b \u043c\u043e\u0436\u0435\u0442\u0435 \u043f\u0440\u043e\u043f\u0443\u0441\u0442\u0438\u0442\u044c \u0440\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442 \u0447\u0435\u0440\u0435\u0437 \u0431\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a\u0443 \u043f\u0440\u043e\u0432\u0435\u0440\u043a\u0438 \u043f\u043e \u0441\u0445\u0435\u043c\u0430\u043c, \u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440 ",(0,s.jsx)(n.a,{href:"https://zod.dev",children:"Zod"}),"."]}),"\n",(0,s.jsx)(n.p,{children:"\u041d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, \u0435\u0441\u043b\u0438 \u0432\u044b \u0445\u0440\u0430\u043d\u0438\u0442\u0435 \u0432\u0441\u0435 \u0441\u0432\u043e\u0438 \u0437\u0430\u043f\u0440\u043e\u0441\u044b \u0432 Shared, \u0432\u044b \u043c\u043e\u0436\u0435\u0442\u0435 \u0441\u0434\u0435\u043b\u0430\u0442\u044c \u0442\u0430\u043a:"}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-ts",metastring:'title="shared/api/songs.ts"',children:"import type { Artist } from \"./artists\";\n\ninterface Song {\n  id: number;\n  title: string;\n  artists: Array<Artist>;\n}\n\nexport function listSongs() {\n  return fetch('/api/songs').then((res) => res.json() as Promise<Array<Song>>);\n}\n"})}),"\n",(0,s.jsxs)(n.p,{children:["\u0412\u044b \u043c\u043e\u0433\u043b\u0438 \u0437\u0430\u043c\u0435\u0442\u0438\u0442\u044c, \u0447\u0442\u043e \u0442\u0438\u043f ",(0,s.jsx)(n.code,{children:"Song"})," \u0441\u0441\u044b\u043b\u0430\u0435\u0442\u0441\u044f \u043d\u0430 \u0434\u0440\u0443\u0433\u0443\u044e \u0441\u0443\u0449\u043d\u043e\u0441\u0442\u044c, ",(0,s.jsx)(n.code,{children:"Artist"}),". \u042d\u0442\u043e \u043f\u0440\u0435\u0438\u043c\u0443\u0449\u0435\u0441\u0442\u0432\u043e \u0445\u0440\u0430\u043d\u0435\u043d\u0438\u044f \u0432\u0430\u0448\u0438\u0445 \u0437\u0430\u043f\u0440\u043e\u0441\u043e\u0432 \u0432 Shared \u2014 \u0440\u0435\u0430\u043b\u044c\u043d\u044b\u0435 \u0442\u0438\u043f\u044b \u0447\u0430\u0441\u0442\u043e \u0441\u0441\u044b\u043b\u0430\u044e\u0442\u0441\u044f \u0434\u0440\u0443\u0433 \u043d\u0430 \u0434\u0440\u0443\u0433\u0430. \u0415\u0441\u043b\u0438 \u0431\u044b \u043c\u044b \u043f\u043e\u043b\u043e\u0436\u0438\u043b\u0438 \u044d\u0442\u0443 \u0444\u0443\u043d\u043a\u0446\u0438\u044e \u0432 ",(0,s.jsx)(n.code,{children:"entities/song/api"}),", \u043c\u044b \u0431\u044b \u043d\u0435 \u0441\u043c\u043e\u0433\u043b\u0438 \u043f\u0440\u043e\u0441\u0442\u043e \u0438\u043c\u043f\u043e\u0440\u0442\u0438\u0440\u043e\u0432\u0430\u0442\u044c ",(0,s.jsx)(n.code,{children:"Artist"})," \u0438\u0437 ",(0,s.jsx)(n.code,{children:"entities/artist"}),", \u043f\u043e\u0442\u043e\u043c\u0443 \u0447\u0442\u043e FSD \u043e\u0433\u0440\u0430\u043d\u0438\u0447\u0438\u0432\u0430\u0435\u0442 \u043a\u0440\u043e\u0441\u0441-\u0438\u043c\u043f\u043e\u0440\u0442 \u043c\u0435\u0436\u0434\u0443 \u0441\u043b\u0430\u0439\u0441\u0430\u043c\u0438 \u0447\u0435\u0440\u0435\u0437 ",(0,s.jsx)(n.a,{href:"/docs/reference/layers#import-rule-on-layers",children:"\u043f\u0440\u0430\u0432\u0438\u043b\u043e \u0438\u043c\u043f\u043e\u0440\u0442\u0430 \u0434\u043b\u044f \u0441\u043b\u043e\u0451\u0432"}),":"]}),"\n",(0,s.jsxs)(n.blockquote,{children:["\n",(0,s.jsx)(n.p,{children:"\u041c\u043e\u0434\u0443\u043b\u044c \u0432 \u0441\u043b\u0430\u0439\u0441\u0435 \u043c\u043e\u0436\u0435\u0442 \u0438\u043c\u043f\u043e\u0440\u0442\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u0434\u0440\u0443\u0433\u0438\u0435 \u0441\u043b\u0430\u0439\u0441\u044b \u0442\u043e\u043b\u044c\u043a\u043e \u0432 \u0442\u043e\u043c \u0441\u043b\u0443\u0447\u0430\u0435, \u0435\u0441\u043b\u0438 \u043e\u043d\u0438 \u0440\u0430\u0441\u043f\u043e\u043b\u043e\u0436\u0435\u043d\u044b \u043d\u0430 \u0441\u043b\u043e\u044f\u0445 \u0441\u0442\u0440\u043e\u0433\u043e \u043d\u0438\u0436\u0435."}),"\n"]}),"\n",(0,s.jsx)(n.p,{children:"\u0415\u0441\u0442\u044c \u0434\u0432\u0430 \u0441\u043f\u043e\u0441\u043e\u0431\u0430 \u0440\u0435\u0448\u0435\u043d\u0438\u044f \u044d\u0442\u043e\u0439 \u043f\u0440\u043e\u0431\u043b\u0435\u043c\u044b:"}),"\n",(0,s.jsxs)(n.ol,{children:["\n",(0,s.jsxs)(n.li,{children:["\n",(0,s.jsxs)(n.p,{children:[(0,s.jsx)(n.strong,{children:"\u041f\u0430\u0440\u0430\u043c\u0435\u0442\u0440\u0438\u0437\u0438\u0440\u0443\u0439\u0442\u0435 \u0442\u0438\u043f\u044b"}),"\n\u0412\u044b \u043c\u043e\u0436\u0435\u0442\u0435 \u0441\u0434\u0435\u043b\u0430\u0442\u044c \u0442\u0430\u043a, \u0447\u0442\u043e\u0431 \u0432\u0430\u0448\u0438 \u0442\u0438\u043f\u044b \u043f\u0440\u0438\u043d\u0438\u043c\u0430\u043b\u0438 \u0442\u0438\u043f\u043e\u0432\u044b\u0435 \u0430\u0440\u0433\u0443\u043c\u0435\u043d\u0442\u044b \u0432 \u043a\u0430\u0447\u0435\u0441\u0442\u0432\u0435 \u0441\u043b\u043e\u0442\u043e\u0432 \u0434\u043b\u044f \u0441\u043e\u0435\u0434\u0438\u043d\u0435\u043d\u0438\u044f \u0441 \u0434\u0440\u0443\u0433\u0438\u043c\u0438 \u0441\u0443\u0449\u043d\u043e\u0441\u0442\u044f\u043c\u0438, \u0438 \u0434\u0430\u0436\u0435 \u043d\u0430\u043a\u043b\u0430\u0434\u044b\u0432\u0430\u0442\u044c \u043e\u0433\u0440\u0430\u043d\u0438\u0447\u0435\u043d\u0438\u044f \u043d\u0430 \u044d\u0442\u0438 \u0441\u043b\u043e\u0442\u044b. \u041d\u0430\u043f\u0440\u0438\u043c\u0435\u0440:"]}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-ts",metastring:'title="entities/song/model/song.ts"',children:"interface Song<ArtistType extends { id: string }> {\n  id: number;\n  title: string;\n  artists: Array<ArtistType>;\n}\n"})}),"\n",(0,s.jsxs)(n.p,{children:["\u042d\u0442\u043e \u0445\u043e\u0440\u043e\u0448\u043e \u0440\u0430\u0431\u043e\u0442\u0430\u0435\u0442 \u0434\u043b\u044f \u043d\u0435\u043a\u043e\u0442\u043e\u0440\u044b\u0445 \u0442\u0438\u043f\u043e\u0432, \u0438 \u0438\u043d\u043e\u0433\u0434\u0430 \u0445\u0443\u0436\u0435 \u0440\u0430\u0431\u043e\u0442\u0430\u0435\u0442 \u0434\u043b\u044f \u0434\u0440\u0443\u0433\u0438\u0445. \u041f\u0440\u043e\u0441\u0442\u043e\u0439 \u0442\u0438\u043f, \u0442\u0430\u043a\u043e\u0439 \u043a\u0430\u043a ",(0,s.jsx)(n.code,{children:"Cart = { items: Array<Product> }"}),", \u043c\u043e\u0436\u043d\u043e \u043b\u0435\u0433\u043a\u043e \u0437\u0430\u0441\u0442\u0430\u0432\u0438\u0442\u044c \u0440\u0430\u0431\u043e\u0442\u0430\u0442\u044c \u0441 \u043b\u044e\u0431\u044b\u043c \u0442\u0438\u043f\u043e\u043c \u043f\u0440\u043e\u0434\u0443\u043a\u0442\u0430. \u0411\u043e\u043b\u0435\u0435 \u0441\u0432\u044f\u0437\u0430\u043d\u043d\u044b\u0435 \u0442\u0438\u043f\u044b, \u0442\u0430\u043a\u0438\u0435 \u043a\u0430\u043a ",(0,s.jsx)(n.code,{children:"Country"})," \u0438 ",(0,s.jsx)(n.code,{children:"City"}),", \u043c\u043e\u0436\u0435\u0442 \u0431\u044b\u0442\u044c \u043d\u0435 \u0442\u0430\u043a \u043b\u0435\u0433\u043a\u043e \u0440\u0430\u0437\u0434\u0435\u043b\u0438\u0442\u044c."]}),"\n"]}),"\n",(0,s.jsxs)(n.li,{children:["\n",(0,s.jsxs)(n.p,{children:[(0,s.jsx)(n.strong,{children:"\u041a\u0440\u043e\u0441\u0441-\u0438\u043c\u043f\u043e\u0440\u0442\u0438\u0440\u0443\u0439\u0442\u0435 (\u043d\u043e \u0442\u043e\u043b\u044c\u043a\u043e \u043f\u0440\u0430\u0432\u0438\u043b\u044c\u043d\u043e)"}),"\n\u0427\u0442\u043e\u0431 \u0441\u0434\u0435\u043b\u0430\u0442\u044c \u043a\u0440\u043e\u0441\u0441-\u0438\u043c\u043f\u043e\u0440\u0442 \u043c\u0435\u0436\u0434\u0443 \u0441\u0443\u0449\u043d\u043e\u0441\u0442\u044f\u043c\u0438 \u0432 FSD, \u0432\u044b \u043c\u043e\u0436\u0435\u0442\u0435 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u043e\u0442\u0434\u0435\u043b\u044c\u043d\u044b\u0439 \u043f\u0443\u0431\u043b\u0438\u0447\u043d\u044b\u0439 API \u0441\u043f\u0435\u0446\u0438\u0430\u043b\u044c\u043d\u043e \u0434\u043b\u044f \u043a\u0430\u0436\u0434\u043e\u0433\u043e \u0441\u043b\u0430\u0439\u0441\u0430, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u0431\u0443\u0434\u0435\u0442 \u043a\u0440\u043e\u0441\u0441-\u0438\u043c\u043f\u043e\u0440\u0442\u0438\u0440\u043e\u0432\u0430\u0442\u044c. \u041d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, \u0435\u0441\u043b\u0438 \u0443 \u043d\u0430\u0441 \u0435\u0441\u0442\u044c \u0441\u0443\u0449\u043d\u043e\u0441\u0442\u0438 ",(0,s.jsx)(n.code,{children:"song"})," (\u043f\u0435\u0441\u043d\u044f), ",(0,s.jsx)(n.code,{children:"artist"})," (\u0438\u0441\u043f\u043e\u043b\u043d\u0438\u0442\u0435\u043b\u044c), \u0438 ",(0,s.jsx)(n.code,{children:"playlist"})," (\u043f\u043b\u0435\u0439\u043b\u0438\u0441\u0442), \u0438 \u043f\u043e\u0441\u043b\u0435\u0434\u043d\u0438\u0435 \u0434\u0432\u0435 \u0434\u043e\u043b\u0436\u043d\u044b \u0441\u0441\u044b\u043b\u0430\u0442\u044c\u0441\u044f \u043d\u0430 ",(0,s.jsx)(n.code,{children:"song"}),", \u043c\u044b \u043c\u043e\u0436\u0435\u043c \u0441\u043e\u0437\u0434\u0430\u0442\u044c \u0434\u0432\u0430 \u0441\u043f\u0435\u0446\u0438\u0430\u043b\u044c\u043d\u044b\u0445 \u043f\u0443\u0431\u043b\u0438\u0447\u043d\u044b\u0445 API \u0434\u043b\u044f \u043d\u0438\u0445 \u043e\u0431\u043e\u0438\u0445 \u0432 \u0441\u0443\u0449\u043d\u043e\u0441\u0442\u0438 ",(0,s.jsx)(n.code,{children:"song"})," \u0447\u0435\u0440\u0435\u0437 ",(0,s.jsx)(n.code,{children:"@x"}),"-\u043d\u043e\u0442\u0430\u0446\u0438\u044e:"]}),"\n",(0,s.jsxs)(n.ul,{children:["\n",(0,s.jsxs)(n.li,{children:["\ud83d\udcc2 entities","\n",(0,s.jsxs)(n.ul,{children:["\n",(0,s.jsxs)(n.li,{children:["\ud83d\udcc2 song","\n",(0,s.jsxs)(n.ul,{children:["\n",(0,s.jsxs)(n.li,{children:["\ud83d\udcc2 @x","\n",(0,s.jsxs)(n.ul,{children:["\n",(0,s.jsxs)(n.li,{children:["\ud83d\udcc4 artist.ts (\u043f\u0443\u0431\u043b\u0438\u0447\u043d\u044b\u0439 API, \u0438\u0437 \u043a\u043e\u0442\u043e\u0440\u043e\u0433\u043e \u0431\u0443\u0434\u0435\u0442 \u0438\u043c\u043f\u043e\u0440\u0442\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u0441\u0443\u0449\u043d\u043e\u0441\u0442\u044c ",(0,s.jsx)(n.code,{children:"artist"}),")"]}),"\n",(0,s.jsxs)(n.li,{children:["\ud83d\udcc4 playlist.ts (\u043f\u0443\u0431\u043b\u0438\u0447\u043d\u044b\u0439 API, \u0438\u0437 \u043a\u043e\u0442\u043e\u0440\u043e\u0433\u043e \u0431\u0443\u0434\u0435\u0442 \u0438\u043c\u043f\u043e\u0440\u0442\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u0441\u0443\u0449\u043d\u043e\u0441\u0442\u044c ",(0,s.jsx)(n.code,{children:"playlist"}),")"]}),"\n"]}),"\n"]}),"\n",(0,s.jsx)(n.li,{children:"\ud83d\udcc4 index.ts (\u043e\u0431\u044b\u043a\u043d\u043e\u0432\u0435\u043d\u043d\u044b\u0439 \u043f\u0443\u0431\u043b\u0438\u0447\u043d\u044b\u0439 API)"}),"\n"]}),"\n"]}),"\n"]}),"\n"]}),"\n"]}),"\n",(0,s.jsxs)(n.p,{children:["\u0421\u043e\u0434\u0435\u0440\u0436\u0438\u043c\u043e\u0435 \u0444\u0430\u0439\u043b\u0430 ",(0,s.jsx)(n.code,{children:"\ud83d\udcc4 entities/song/@x/artist.ts"})," \u043f\u043e\u0445\u043e\u0436\u0435 \u043d\u0430 ",(0,s.jsx)(n.code,{children:"\ud83d\udcc4 entities/song/index.ts"}),":"]}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-ts",metastring:'title="entities/song/@x/artist.ts"',children:'export type { Song } from "../model/song.ts";\n'})}),"\n",(0,s.jsxs)(n.p,{children:["\u0417\u0430\u0442\u0435\u043c ",(0,s.jsx)(n.code,{children:"\ud83d\udcc4 entities/artist/model/artist.ts"})," \u043c\u043e\u0436\u0435\u0442 \u0438\u043c\u043f\u043e\u0440\u0442\u0438\u0440\u043e\u0432\u0430\u0442\u044c ",(0,s.jsx)(n.code,{children:"Song"})," \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0438\u043c \u043e\u0431\u0440\u0430\u0437\u043e\u043c:"]}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-ts",metastring:'title="entities/artist/model/artist.ts"',children:'import type { Song } from "entities/song/@x/artist";\n\nexport interface Artist {\n  name: string;\n  songs: Array<Song>;\n}\n'})}),"\n",(0,s.jsx)(n.p,{children:"\u0421 \u043f\u043e\u043c\u043e\u0449\u044c\u044e \u044f\u0432\u043d\u044b\u0445 \u0441\u0432\u044f\u0437\u0435\u0439 \u043c\u0435\u0436\u0434\u0443 \u0441\u0443\u0449\u043d\u043e\u0441\u0442\u044f\u043c\u0438 \u043c\u044b \u043f\u043e\u043b\u0443\u0447\u0430\u0435\u043c \u0442\u043e\u0447\u043d\u044b\u0439 \u043a\u043e\u043d\u0442\u0440\u043e\u043b\u044c \u0432\u0437\u0430\u0438\u043c\u043e\u0437\u0430\u0432\u0438\u0441\u0438\u043c\u043e\u0441\u0442\u0435\u0439 \u0438 \u043f\u0440\u0438 \u044d\u0442\u043e\u043c \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u0438\u0432\u0430\u0435\u043c \u0434\u043e\u0441\u0442\u0430\u0442\u043e\u0447\u043d\u044b\u0439 \u0443\u0440\u043e\u0432\u0435\u043d\u044c \u0440\u0430\u0437\u0434\u0435\u043b\u0435\u043d\u0438\u044f \u0434\u043e\u043c\u0435\u043d\u043e\u0432."}),"\n"]}),"\n"]}),"\n",(0,s.jsx)(n.h2,{id:"data-transfer-objects-and-mappers",children:"\u041e\u0431\u044a\u0435\u043a\u0442\u044b \u043f\u0435\u0440\u0435\u0434\u0430\u0447\u0438 \u0434\u0430\u043d\u043d\u044b\u0445 (DTO) \u0438 \u043c\u0430\u043f\u043f\u0435\u0440\u044b"}),"\n",(0,s.jsxs)(n.p,{children:["\u041e\u0431\u044a\u0435\u043a\u0442\u044b \u043f\u0435\u0440\u0435\u0434\u0430\u0447\u0438 \u0434\u0430\u043d\u043d\u044b\u0445, \u0438\u043b\u0438 DTO (\u043e\u0442 \u0430\u043d\u0433\u043b. ",(0,s.jsx)(n.em,{children:"data transfer object"}),"), \u2014 \u044d\u0442\u043e \u0442\u0435\u0440\u043c\u0438\u043d, \u043e\u043f\u0438\u0441\u044b\u0432\u0430\u044e\u0449\u0438\u0439 \u0444\u043e\u0440\u043c\u0443 \u0434\u0430\u043d\u043d\u044b\u0445, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u043f\u043e\u0441\u0442\u0443\u043f\u0430\u044e\u0442 \u0438\u0437 \u0431\u044d\u043a\u0435\u043d\u0434\u0430. \u0418\u043d\u043e\u0433\u0434\u0430 DTO \u043c\u043e\u0436\u043d\u043e \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u043a\u0430\u043a \u0435\u0441\u0442\u044c, \u043d\u043e \u0438\u043d\u043e\u0433\u0434\u0430 \u0438\u0445 \u0444\u043e\u0440\u043c\u0430\u0442 \u043d\u0435\u0443\u0434\u043e\u0431\u0435\u043d \u0434\u043b\u044f \u0444\u0440\u043e\u043d\u0442\u0435\u043d\u0434\u0430. \u0422\u0443\u0442 \u043f\u0440\u0438\u0445\u043e\u0434\u044f\u0442 \u043d\u0430 \u043f\u043e\u043c\u043e\u0449\u044c \u043c\u0430\u043f\u043f\u0435\u0440\u044b \u2014 \u044d\u0442\u043e \u0444\u0443\u043d\u043a\u0446\u0438\u0438, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u043f\u0440\u0435\u043e\u0431\u0440\u0430\u0437\u0443\u044e\u0442 DTO \u0432 \u0431\u043e\u043b\u0435\u0435 \u0443\u0434\u043e\u0431\u043d\u0443\u044e \u0444\u043e\u0440\u043c\u0443."]}),"\n",(0,s.jsx)(n.h3,{id:"\u043a\u0443\u0434\u0430-\u043f\u043e\u043b\u043e\u0436\u0438\u0442\u044c-dto",children:"\u041a\u0443\u0434\u0430 \u043f\u043e\u043b\u043e\u0436\u0438\u0442\u044c DTO"}),"\n",(0,s.jsx)(n.p,{children:"\u0415\u0441\u043b\u0438 \u0432\u0430\u0448\u0438 \u0442\u0438\u043f\u044b \u0431\u044d\u043a\u0435\u043d\u0434\u0430 \u043d\u0430\u0445\u043e\u0434\u044f\u0442\u0441\u044f \u0432 \u043e\u0442\u0434\u0435\u043b\u044c\u043d\u043e\u043c \u043f\u0430\u043a\u0435\u0442\u0435 (\u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, \u0435\u0441\u043b\u0438 \u0432\u044b \u0434\u0435\u043b\u0438\u0442\u0435 \u043a\u043e\u0434 \u043c\u0435\u0436\u0434\u0443 \u0444\u0440\u043e\u043d\u0442\u0435\u043d\u0434\u043e\u043c \u0438 \u0431\u044d\u043a\u0435\u043d\u0434\u043e\u043c), \u043f\u0440\u043e\u0441\u0442\u043e \u0438\u043c\u043f\u043e\u0440\u0442\u0438\u0440\u0443\u0439\u0442\u0435 \u0432\u0430\u0448\u0438 DTO \u043e\u0442\u0442\u0443\u0434\u0430, \u0438 \u0433\u043e\u0442\u043e\u0432\u043e! \u0415\u0441\u043b\u0438 \u0432\u044b \u043d\u0435 \u0434\u0435\u043b\u0438\u0442\u0435 \u043a\u043e\u0434 \u043c\u0435\u0436\u0434\u0443 \u0431\u044d\u043a\u0435\u043d\u0434\u043e\u043c \u0438 \u0444\u0440\u043e\u043d\u0442\u0435\u043d\u0434\u043e\u043c, \u0432\u0430\u043c \u043d\u0443\u0436\u043d\u043e \u0445\u0440\u0430\u043d\u0438\u0442\u044c DTO \u0433\u0434\u0435-\u0442\u043e \u0432 \u0432\u0430\u0448\u0435\u043c \u0444\u0440\u043e\u043d\u0442\u0435\u043d\u0434-\u043a\u043e\u0434\u0435, \u0438 \u043c\u044b \u0440\u0430\u0441\u0441\u043c\u043e\u0442\u0440\u0438\u043c \u044d\u0442\u043e\u0442 \u0441\u043b\u0443\u0447\u0430\u0439 \u043d\u0438\u0436\u0435."}),"\n",(0,s.jsxs)(n.p,{children:["\u0415\u0441\u043b\u0438 \u0432\u044b \u0445\u0440\u0430\u043d\u0438\u0442\u0435 \u0444\u0443\u043d\u043a\u0446\u0438\u0438 \u0437\u0430\u043f\u0440\u043e\u0441\u043e\u0432 \u0432 ",(0,s.jsx)(n.code,{children:"shared/api"}),", \u0442\u043e \u0438\u043c\u0435\u043d\u043d\u043e \u0442\u0430\u043c \u0434\u043e\u043b\u0436\u043d\u044b \u0431\u044b\u0442\u044c DTO, \u043f\u0440\u044f\u043c\u043e \u0440\u044f\u0434\u043e\u043c \u0441 \u0444\u0443\u043d\u043a\u0446\u0438\u0435\u0439, \u043a\u043e\u0442\u043e\u0440\u0430\u044f \u0438\u0445 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u0442:"]}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-ts",metastring:'title="shared/api/songs.ts"',children:'import type { ArtistDTO } from "./artists";\n\ninterface SongDTO {\n  id: number;\n  title: string;\n  artist_ids: Array<ArtistDTO["id"]>;\n}\n\nexport function listSongs() {\n  return fetch(\'/api/songs\').then((res) => res.json() as Promise<Array<SongDTO>>);\n}\n'})}),"\n",(0,s.jsx)(n.p,{children:"\u041a\u0430\u043a \u0443\u043f\u043e\u043c\u0438\u043d\u0430\u043b\u043e\u0441\u044c \u0432 \u043f\u0440\u0435\u0434\u044b\u0434\u0443\u0449\u0435\u043c \u0440\u0430\u0437\u0434\u0435\u043b\u0435, \u0445\u0440\u0430\u043d\u0435\u043d\u0438\u0435 \u0432\u0430\u0448\u0438\u0445 \u0437\u0430\u043f\u0440\u043e\u0441\u043e\u0432 \u0438 DTO \u0432 Shared \u0438\u043c\u0435\u0435\u0442 \u043f\u0440\u0435\u0438\u043c\u0443\u0449\u0435\u0441\u0442\u0432\u043e \u0442\u043e\u0433\u043e, \u0447\u0442\u043e \u0432\u044b \u043c\u043e\u0436\u0435\u0442\u0435 \u0441\u0441\u044b\u043b\u0430\u0442\u044c\u0441\u044f \u043d\u0430 \u0434\u0440\u0443\u0433\u0438\u0435 DTO."}),"\n",(0,s.jsx)(n.h3,{id:"\u043a\u0443\u0434\u0430-\u043f\u043e\u043b\u043e\u0436\u0438\u0442\u044c-\u043c\u0430\u043f\u043f\u0435\u0440\u044b",children:"\u041a\u0443\u0434\u0430 \u043f\u043e\u043b\u043e\u0436\u0438\u0442\u044c \u043c\u0430\u043f\u043f\u0435\u0440\u044b"}),"\n",(0,s.jsxs)(n.p,{children:["\u041c\u0430\u043f\u043f\u0435\u0440\u044b \u2014 \u044d\u0442\u043e \u0444\u0443\u043d\u043a\u0446\u0438\u0438, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u043f\u0440\u0438\u043d\u0438\u043c\u0430\u044e\u0442 DTO \u0434\u043b\u044f \u043f\u0440\u0435\u043e\u0431\u0440\u0430\u0437\u043e\u0432\u0430\u043d\u0438\u044f, \u0438, \u0441\u043b\u0435\u0434\u043e\u0432\u0430\u0442\u0435\u043b\u044c\u043d\u043e, \u043e\u043d\u0438 \u0434\u043e\u043b\u0436\u043d\u044b \u043d\u0430\u0445\u043e\u0434\u0438\u0442\u044c\u0441\u044f \u0440\u044f\u0434\u043e\u043c \u0441 \u043e\u043f\u0440\u0435\u0434\u0435\u043b\u0435\u043d\u0438\u0435\u043c DTO. \u041d\u0430 \u043f\u0440\u0430\u043a\u0442\u0438\u043a\u0435 \u044d\u0442\u043e \u043e\u0437\u043d\u0430\u0447\u0430\u0435\u0442, \u0447\u0442\u043e \u0435\u0441\u043b\u0438 \u0432\u0430\u0448\u0438 \u0437\u0430\u043f\u0440\u043e\u0441\u044b \u0438 DTO \u043e\u043f\u0440\u0435\u0434\u0435\u043b\u0435\u043d\u044b \u0432 ",(0,s.jsx)(n.code,{children:"shared/api"}),", \u0442\u043e \u0438 \u043c\u0430\u043f\u043f\u0435\u0440\u044b \u0434\u043e\u043b\u0436\u043d\u044b \u0431\u044b\u0442\u044c \u0442\u0430\u043c \u0436\u0435:"]}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-ts",metastring:'title="shared/api/songs.ts"',children:'import type { ArtistDTO } from "./artists";\n\ninterface SongDTO {\n  id: number;\n  title: string;\n  disc_no: number;\n  artist_ids: Array<ArtistDTO["id"]>;\n}\n\ninterface Song {\n  id: string;\n  title: string;\n  /** The full title of the song, including the disc number. */\n  fullTitle: string;\n  artistIds: Array<string>;\n}\n\nfunction adaptSongDTO(dto: SongDTO): Song {\n  return {\n    id: String(dto.id),\n    title: dto.title,\n    fullTitle: `${dto.disc_no} / ${dto.title}`,\n    artistIds: dto.artist_ids.map(String),\n  };\n}\n\nexport function listSongs() {\n  return fetch(\'/api/songs\').then(async (res) => (await res.json()).map(adaptSongDTO));\n}\n'})}),"\n",(0,s.jsx)(n.p,{children:"\u0415\u0441\u043b\u0438 \u0432\u0430\u0448\u0438 \u0437\u0430\u043f\u0440\u043e\u0441\u044b \u0438 \u0445\u0440\u0430\u043d\u0438\u043b\u0438\u0449\u0430 \u043e\u043f\u0440\u0435\u0434\u0435\u043b\u0435\u043d\u044b \u0432 \u0441\u043b\u0430\u0439\u0441\u0430\u0445 \u0441\u0443\u0449\u043d\u043e\u0441\u0442\u0435\u0439, \u0442\u043e \u0432\u0435\u0441\u044c \u044d\u0442\u043e\u0442 \u043a\u043e\u0434 \u0434\u043e\u043b\u0436\u0435\u043d \u0431\u044b\u0442\u044c \u0442\u0430\u043c, \u0441 \u0443\u0447\u0451\u0442\u043e\u043c \u043e\u0433\u0440\u0430\u043d\u0438\u0447\u0435\u043d\u0438\u044f \u043a\u0440\u043e\u0441\u0441-\u0438\u043c\u043f\u043e\u0440\u0442\u043e\u0432 \u043c\u0435\u0436\u0434\u0443 \u0441\u0443\u0449\u043d\u043e\u0441\u0442\u044f\u043c\u0438:"}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-ts",metastring:'title="entities/song/api/dto.ts"',children:'import type { ArtistDTO } from "entities/artist/@x/song";\n\nexport interface SongDTO {\n  id: number;\n  title: string;\n  disc_no: number;\n  artist_ids: Array<ArtistDTO["id"]>;\n}\n'})}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-ts",metastring:'title="entities/song/api/mapper.ts"',children:'import type { SongDTO } from "./dto";\n\nexport interface Song {\n  id: string;\n  title: string;\n  /** \u041f\u043e\u043b\u043d\u043e\u0435 \u043d\u0430\u0437\u0432\u0430\u043d\u0438\u0435 \u043f\u0435\u0441\u043d\u0438, \u0432\u043a\u043b\u044e\u0447\u0430\u044f \u043d\u043e\u043c\u0435\u0440 \u0434\u0438\u0441\u043a\u0430. */\n  fullTitle: string;\n  artistIds: Array<string>;\n}\n\nexport function adaptSongDTO(dto: SongDTO): Song {\n  return {\n    id: String(dto.id),\n    title: dto.title,\n    fullTitle: `${dto.disc_no} / ${dto.title}`,\n    artistIds: dto.artist_ids.map(String),\n  };\n}\n'})}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-ts",metastring:'title="entities/song/api/listSongs.ts"',children:"import { adaptSongDTO } from \"./mapper\";\n\nexport function listSongs() {\n  return fetch('/api/songs').then(async (res) => (await res.json()).map(adaptSongDTO));\n}\n"})}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-ts",metastring:'title="entities/song/model/songs.ts"',children:'import { createSlice, createEntityAdapter } from "@reduxjs/toolkit";\n\nimport { listSongs } from "../api/listSongs";\n\nexport const fetchSongs = createAsyncThunk(\'songs/fetchSongs\', listSongs);\n\nconst songAdapter = createEntityAdapter();\nconst songsSlice = createSlice({\n  name: "songs",\n  initialState: songAdapter.getInitialState(),\n  reducers: {},\n  extraReducers: (builder) => {\n    builder.addCase(fetchSongs.fulfilled, (state, action) => {\n      songAdapter.upsertMany(state, action.payload);\n    })\n  },\n});\n'})}),"\n",(0,s.jsx)(n.h3,{id:"\u0447\u0442\u043e-\u0434\u0435\u043b\u0430\u0442\u044c-\u0441-\u0432\u043b\u043e\u0436\u0435\u043d\u043d\u044b\u043c\u0438-dto",children:"\u0427\u0442\u043e \u0434\u0435\u043b\u0430\u0442\u044c \u0441 \u0432\u043b\u043e\u0436\u0435\u043d\u043d\u044b\u043c\u0438 DTO"}),"\n",(0,s.jsxs)(n.p,{children:["\u0421\u0430\u043c\u044b\u0439 \u043f\u0440\u043e\u0431\u043b\u0435\u043c\u043d\u044b\u0439 \u043c\u043e\u043c\u0435\u043d\u0442 \u2014 \u044d\u0442\u043e \u043a\u043e\u0433\u0434\u0430 \u043e\u0442\u0432\u0435\u0442 \u043e\u0442 \u0431\u044d\u043a\u0435\u043d\u0434\u0430 \u0441\u043e\u0434\u0435\u0440\u0436\u0438\u0442 \u043d\u0435\u0441\u043a\u043e\u043b\u044c\u043a\u043e \u0441\u0443\u0449\u043d\u043e\u0441\u0442\u0435\u0439. \u041d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, \u0435\u0441\u043b\u0438 \u043f\u0435\u0441\u043d\u044f \u0432\u043a\u043b\u044e\u0447\u0430\u0435\u0442 \u0432 \u0441\u0435\u0431\u044f \u043d\u0435 \u0442\u043e\u043b\u044c\u043a\u043e ID \u0430\u0432\u0442\u043e\u0440\u043e\u0432, \u043d\u043e \u0438 \u0441\u0430\u043c\u0438 \u043e\u0431\u044a\u0435\u043a\u0442\u044b \u0434\u0430\u043d\u043d\u044b\u0445 \u043e\u0431 \u0430\u0432\u0442\u043e\u0440\u0430\u0445 \u0446\u0435\u043b\u0438\u043a\u043e\u043c. \u0412 \u044d\u0442\u043e\u043c \u0441\u043b\u0443\u0447\u0430\u0435 \u0441\u0443\u0449\u043d\u043e\u0441\u0442\u0438 \u043d\u0435 \u043c\u043e\u0433\u0443\u0442 \u043d\u0435 \u0437\u043d\u0430\u0442\u044c \u0434\u0440\u0443\u0433 \u043e \u0434\u0440\u0443\u0433\u0435 (\u0435\u0441\u043b\u0438 \u0442\u043e\u043b\u044c\u043a\u043e \u043c\u044b \u043d\u0435 \u0445\u043e\u0442\u0438\u043c \u0432\u044b\u0431\u0440\u0430\u0441\u044b\u0432\u0430\u0442\u044c \u0434\u0430\u043d\u043d\u044b\u0435 \u0438\u043b\u0438 \u043f\u0440\u043e\u0432\u043e\u0434\u0438\u0442\u044c \u0441\u0435\u0440\u044c\u0435\u0437\u043d\u0443\u044e \u0431\u0435\u0441\u0435\u0434\u0443 \u0441 \u043a\u043e\u043c\u0430\u043d\u0434\u043e\u0439 \u0431\u044d\u043a\u0435\u043d\u0434\u0430). \u0412\u043c\u0435\u0441\u0442\u043e \u0442\u043e\u0433\u043e, \u0447\u0442\u043e\u0431\u044b \u043f\u0440\u0438\u0434\u0443\u043c\u044b\u0432\u0430\u0442\u044c \u0440\u0435\u0448\u0435\u043d\u0438\u044f \u0434\u043b\u044f \u043d\u0435\u044f\u0432\u043d\u044b\u0445 \u0441\u0432\u044f\u0437\u0435\u0439 \u043c\u0435\u0436\u0434\u0443 \u0441\u0440\u0435\u0437\u0430\u043c\u0438 (\u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, \u043e\u0431\u0449\u0438\u0439 middleware, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u0431\u0443\u0434\u0435\u0442 \u0434\u0438\u0441\u043f\u0430\u0442\u0447\u0438\u0442\u044c \u0434\u0435\u0439\u0441\u0442\u0432\u0438\u044f \u0434\u0440\u0443\u0433\u0438\u043c \u0441\u043b\u0430\u0439\u0441\u0430\u043c), \u043f\u0440\u0435\u0434\u043f\u043e\u0447\u0438\u0442\u0430\u0439\u0442\u0435 \u044f\u0432\u043d\u044b\u0439 \u043a\u0440\u043e\u0441\u0441-\u0438\u043c\u043f\u043e\u0440\u0442 \u0447\u0435\u0440\u0435\u0437 ",(0,s.jsx)(n.code,{children:"@x"}),"-\u043d\u043e\u0442\u0430\u0446\u0438\u044e. \u0412\u043e\u0442 \u043a\u0430\u043a \u043c\u044b \u043c\u043e\u0436\u0435\u043c \u044d\u0442\u043e \u0440\u0435\u0430\u043b\u0438\u0437\u043e\u0432\u0430\u0442\u044c \u0441 Redux Toolkit:"]}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-ts",metastring:'title="entities/song/model/songs.ts"',children:"import {\n  createSlice,\n  createEntityAdapter,\n  createAsyncThunk,\n  createSelector,\n} from '@reduxjs/toolkit'\nimport { normalize, schema } from 'normalizr'\n\nimport { getSong } from \"../api/getSong\";\n\n// \u041e\u0431\u044a\u044f\u0432\u043b\u044f\u0435\u043c \u0441\u0445\u0435\u043c\u044b \u0441\u0443\u0449\u043d\u043e\u0441\u0442\u0435\u0439 \u0432 normalizr\nexport const artistEntity = new schema.Entity('artists')\nexport const songEntity = new schema.Entity('songs', {\n  artists: [artistEntity],\n})\n\nconst songAdapter = createEntityAdapter()\n\nexport const fetchSong = createAsyncThunk(\n  'songs/fetchSong',\n  async (id: string) => {\n    const data = await getSong(id)\n    // \u041d\u043e\u0440\u043c\u0430\u043b\u0438\u0437\u0443\u0435\u043c \u0434\u0430\u043d\u043d\u044b\u0435, \u0447\u0442\u043e\u0431\u044b \u0440\u0435\u0434\u044c\u044e\u0441\u0435\u0440\u044b \u043c\u043e\u0433\u043b\u0438 \u0437\u0430\u0433\u0440\u0443\u0436\u0430\u0442\u044c \u043f\u0440\u0435\u0434\u0441\u043a\u0430\u0437\u0443\u0435\u043c\u044b\u0439 \u043e\u0431\u044a\u0435\u043a\u0442, \u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440:\n    // `action.payload = { songs: {}, artists: {} }`\n    const normalized = normalize(data, songEntity)\n    return normalized.entities\n  }\n)\n\nexport const slice = createSlice({\n  name: 'songs',\n  initialState: songAdapter.getInitialState(),\n  reducers: {},\n  extraReducers: (builder) => {\n    builder.addCase(fetchSong.fulfilled, (state, action) => {\n      songAdapter.upsertMany(state, action.payload.songs)\n    })\n  },\n})\n\nconst reducer = slice.reducer\nexport default reducer\n"})}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-ts",metastring:'title="entities/song/@x/artist.ts"',children:'export { fetchSong } from "../model/songs";\n'})}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-ts",metastring:'title="entities/artist/model/artists.ts"',children:"import { createSlice, createEntityAdapter } from '@reduxjs/toolkit'\n\nimport { fetchSong } from 'entities/song/@x/artist'\n\nconst artistAdapter = createEntityAdapter()\n\nexport const slice = createSlice({\n  name: 'users',\n  initialState: artistAdapter.getInitialState(),\n  reducers: {},\n  extraReducers: (builder) => {\n    builder.addCase(fetchSong.fulfilled, (state, action) => {\n      // \u0418 \u0437\u0434\u0435\u0441\u044c \u043e\u0431\u0440\u0430\u0431\u0430\u0442\u044b\u0432\u0430\u0435\u043c \u0442\u043e\u0442 \u0436\u0435 \u043e\u0442\u0432\u0435\u0442 \u0441 \u0431\u044d\u043a\u0435\u043d\u0434\u0430, \u0434\u043e\u0431\u0430\u0432\u043b\u044f\u044f \u0438\u0441\u043f\u043e\u043b\u043d\u0438\u0442\u0435\u043b\u0435\u0439\n      usersAdapter.upsertMany(state, action.payload.users)\n    })\n  },\n})\n\nconst reducer = slice.reducer\nexport default reducer\n"})}),"\n",(0,s.jsx)(n.p,{children:"\u042d\u0442\u043e \u043d\u0435\u043c\u043d\u043e\u0433\u043e \u043e\u0433\u0440\u0430\u043d\u0438\u0447\u0438\u0432\u0430\u0435\u0442 \u043f\u0440\u0435\u0438\u043c\u0443\u0449\u0435\u0441\u0442\u0432\u0430 \u0438\u0437\u043e\u043b\u044f\u0446\u0438\u0438 \u0441\u043b\u0430\u0439\u0441\u043e\u0432, \u043d\u043e \u0447\u0451\u0442\u043a\u043e \u043e\u0431\u043e\u0437\u043d\u0430\u0447\u0430\u0435\u0442 \u0441\u0432\u044f\u0437\u044c \u043c\u0435\u0436\u0434\u0443 \u044d\u0442\u0438\u043c\u0438 \u0434\u0432\u0443\u043c\u044f \u0441\u0443\u0449\u043d\u043e\u0441\u0442\u044f\u043c\u0438, \u043a\u043e\u0442\u043e\u0440\u0443\u044e \u043c\u044b \u043d\u0435 \u043a\u043e\u043d\u0442\u0440\u043e\u043b\u0438\u0440\u0443\u0435\u043c. \u0415\u0441\u043b\u0438 \u044d\u0442\u0438 \u0441\u0443\u0449\u043d\u043e\u0441\u0442\u0438 \u043a\u043e\u0433\u0434\u0430-\u043b\u0438\u0431\u043e \u0431\u0443\u0434\u0443\u0442 \u0440\u0435\u0444\u0430\u043a\u0442\u043e\u0440\u0438\u0442\u044c\u0441\u044f, \u0438\u0445 \u043d\u0443\u0436\u043d\u043e \u0431\u0443\u0434\u0435\u0442 \u0440\u0435\u0444\u0430\u043a\u0442\u043e\u0440\u0438\u0442\u044c \u0432\u043c\u0435\u0441\u0442\u0435."}),"\n",(0,s.jsx)(n.h2,{id:"\u0433\u043b\u043e\u0431\u0430\u043b\u044c\u043d\u044b\u0435-\u0442\u0438\u043f\u044b-\u0438-redux",children:"\u0413\u043b\u043e\u0431\u0430\u043b\u044c\u043d\u044b\u0435 \u0442\u0438\u043f\u044b \u0438 Redux"}),"\n",(0,s.jsx)(n.p,{children:"\u0413\u043b\u043e\u0431\u0430\u043b\u044c\u043d\u044b\u0435 \u0442\u0438\u043f\u044b \u2014 \u044d\u0442\u043e \u0442\u0438\u043f\u044b, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u0431\u0443\u0434\u0443\u0442 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c\u0441\u044f \u0432\u043e \u0432\u0441\u0435\u043c \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0438. \u0421\u0443\u0449\u0435\u0441\u0442\u0432\u0443\u0435\u0442 \u0434\u0432\u0430 \u0432\u0438\u0434\u0430 \u0433\u043b\u043e\u0431\u0430\u043b\u044c\u043d\u044b\u0445 \u0442\u0438\u043f\u043e\u0432, \u0432 \u0437\u0430\u0432\u0438\u0441\u0438\u043c\u043e\u0441\u0442\u0438 \u043e\u0442 \u0442\u043e\u0433\u043e, \u0447\u0442\u043e \u0438\u043c \u043d\u0443\u0436\u043d\u043e \u0437\u043d\u0430\u0442\u044c:"}),"\n",(0,s.jsxs)(n.ol,{children:["\n",(0,s.jsx)(n.li,{children:"\u0423\u043d\u0438\u0432\u0435\u0440\u0441\u0430\u043b\u044c\u043d\u044b\u0435 \u0442\u0438\u043f\u044b, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u043d\u0435 \u0438\u043c\u0435\u044e\u0442 \u043d\u0438\u043a\u0430\u043a\u043e\u0439 \u0441\u043f\u0435\u0446\u0438\u0444\u0438\u043a\u0438 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f"}),"\n",(0,s.jsx)(n.li,{children:"\u0422\u0438\u043f\u044b, \u043a\u043e\u0442\u043e\u0440\u044b\u043c \u043d\u0443\u0436\u043d\u043e \u0437\u043d\u0430\u0442\u044c \u043e\u0431\u043e \u0432\u0441\u0435\u043c \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0438"}),"\n"]}),"\n",(0,s.jsxs)(n.p,{children:["\u041f\u0435\u0440\u0432\u044b\u0439 \u0441\u043b\u0443\u0447\u0430\u0439 \u043b\u0435\u0433\u043a\u043e \u0440\u0435\u0448\u0438\u0442\u044c \u2014 \u043f\u043e\u043c\u0435\u0441\u0442\u0438\u0442\u0435 \u0441\u0432\u043e\u0438 \u0442\u0438\u043f\u044b \u0432 Shared, \u0432 \u0441\u043e\u043e\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0443\u044e\u0449\u0438\u0439 \u0441\u0435\u0433\u043c\u0435\u043d\u0442. \u041d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, \u0435\u0441\u043b\u0438 \u0443 \u0432\u0430\u0441 \u0435\u0441\u0442\u044c \u0438\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441 \u0433\u043b\u043e\u0431\u0430\u043b\u044c\u043d\u043e\u0439 \u043f\u0435\u0440\u0435\u043c\u0435\u043d\u043d\u043e\u0439 \u0434\u043b\u044f \u0430\u043d\u0430\u043b\u0438\u0442\u0438\u043a\u0438, \u0432\u044b \u043c\u043e\u0436\u0435\u0442\u0435 \u043f\u043e\u043c\u0435\u0441\u0442\u0438\u0442\u044c \u0435\u0433\u043e \u0432 ",(0,s.jsx)(n.code,{children:"shared/analytics"}),"."]}),"\n",(0,s.jsx)(n.admonition,{type:"warning",children:(0,s.jsxs)(n.p,{children:["\u0418\u0437\u0431\u0435\u0433\u0430\u0439\u0442\u0435 \u0441\u043e\u0437\u0434\u0430\u043d\u0438\u044f \u043f\u0430\u043f\u043a\u0438 ",(0,s.jsx)(n.code,{children:"shared/types"}),". \u041e\u043d\u0430 \u0433\u0440\u0443\u043f\u043f\u0438\u0440\u0443\u0435\u0442 \u043d\u0435\u0441\u0432\u044f\u0437\u0430\u043d\u043d\u044b\u0435 \u0432\u0435\u0449\u0438 \u0442\u043e\u043b\u044c\u043a\u043e \u043d\u0430 \u043e\u0441\u043d\u043e\u0432\u0435 \u0441\u0432\u043e\u0439\u0441\u0442\u0432\u0430 \xab\u0431\u044b\u0442\u044c \u0442\u0438\u043f\u043e\u043c\xbb, \u0438 \u044d\u0442\u043e \u0441\u0432\u043e\u0439\u0441\u0442\u0432\u043e \u043e\u0431\u044b\u0447\u043d\u043e \u0431\u0435\u0441\u043f\u043e\u043b\u0435\u0437\u043d\u043e \u043f\u0440\u0438 \u043f\u043e\u0438\u0441\u043a\u0435 \u043a\u043e\u0434\u0430 \u0432 \u043f\u0440\u043e\u0435\u043a\u0442\u0435."]})}),"\n",(0,s.jsx)(n.p,{children:"\u0412\u0442\u043e\u0440\u043e\u0439 \u0441\u043b\u0443\u0447\u0430\u0439 \u0447\u0430\u0441\u0442\u043e \u0432\u0441\u0442\u0440\u0435\u0447\u0430\u0435\u0442\u0441\u044f \u0432 \u043f\u0440\u043e\u0435\u043a\u0442\u0430\u0445 \u0441 Redux \u0431\u0435\u0437 RTK. \u0412\u0430\u0448 \u043e\u043a\u043e\u043d\u0447\u0430\u0442\u0435\u043b\u044c\u043d\u044b\u0439 \u0442\u0438\u043f \u0445\u0440\u0430\u043d\u0438\u043b\u0438\u0449\u0430 \u0434\u043e\u0441\u0442\u0443\u043f\u0435\u043d \u0442\u043e\u043b\u044c\u043a\u043e \u043f\u043e\u0441\u043b\u0435 \u0442\u043e\u0433\u043e, \u043a\u0430\u043a \u0432\u044b \u0441\u043e\u0435\u0434\u0438\u043d\u0438\u0442\u0435 \u0432\u0441\u0435 \u0440\u0435\u0434\u044c\u044e\u0441\u0435\u0440\u044b, \u043d\u043e \u044d\u0442\u043e\u0442 \u0442\u0438\u043f \u0445\u0440\u0430\u043d\u0438\u043b\u0438\u0449\u0430 \u043d\u0443\u0436\u0435\u043d \u0441\u0435\u043b\u0435\u043a\u0442\u043e\u0440\u0430\u043c, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u0432\u044b \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u0442\u0435 \u0432 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0438. \u041d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, \u0432\u043e\u0442 \u0442\u0438\u043f\u0438\u0447\u043d\u043e\u0435 \u043e\u043f\u0440\u0435\u0434\u0435\u043b\u0435\u043d\u0438\u0435 \u0445\u0440\u0430\u043d\u0438\u043b\u0438\u0449\u0430 \u0432 Redux:"}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-ts",metastring:'title="app/store/index.ts"',children:'import { combineReducers, rootReducer } from "redux";\n\nimport { songReducer } from "entities/song";\nimport { artistReducer } from "entities/artist";\n\nconst rootReducer = combineReducers(songReducer, artistReducer);\n\nconst store = createStore(rootReducer);\n\ntype RootState = ReturnType<typeof rootReducer>;\ntype AppDispatch = typeof store.dispatch;\n'})}),"\n",(0,s.jsxs)(n.p,{children:["\u0411\u044b\u043b\u043e \u0431\u044b \u043d\u0435\u043f\u043b\u043e\u0445\u043e \u0438\u043c\u0435\u0442\u044c \u0442\u0438\u043f\u0438\u0437\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u044b\u0435 \u0445\u0443\u043a\u0438 ",(0,s.jsx)(n.code,{children:"useAppDispatch"})," \u0438 ",(0,s.jsx)(n.code,{children:"useAppSelector"})," \u0432 ",(0,s.jsx)(n.code,{children:"shared/store"}),", \u043d\u043e \u043e\u043d\u0438 \u043d\u0435 \u043c\u043e\u0433\u0443\u0442 \u0438\u043c\u043f\u043e\u0440\u0442\u0438\u0440\u043e\u0432\u0430\u0442\u044c ",(0,s.jsx)(n.code,{children:"RootState"})," \u0438 ",(0,s.jsx)(n.code,{children:"AppDispatch"})," \u0438\u0437 \u0441\u043b\u043e\u044f App \u0438\u0437-\u0437\u0430 ",(0,s.jsx)(n.a,{href:"/docs/reference/layers#import-rule-on-layers",children:"\u043f\u0440\u0430\u0432\u0438\u043b\u0430 \u0438\u043c\u043f\u043e\u0440\u0442\u0430 \u0434\u043b\u044f \u0441\u043b\u043e\u0451\u0432"}),":"]}),"\n",(0,s.jsxs)(n.blockquote,{children:["\n",(0,s.jsx)(n.p,{children:"\u041c\u043e\u0434\u0443\u043b\u044c \u0432 \u0441\u043b\u0430\u0439\u0441\u0435 \u043c\u043e\u0436\u0435\u0442 \u0438\u043c\u043f\u043e\u0440\u0442\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u0434\u0440\u0443\u0433\u0438\u0435 \u0441\u043b\u0430\u0439\u0441\u044b \u0442\u043e\u043b\u044c\u043a\u043e \u0432 \u0442\u043e\u043c \u0441\u043b\u0443\u0447\u0430\u0435, \u0435\u0441\u043b\u0438 \u043e\u043d\u0438 \u0440\u0430\u0441\u043f\u043e\u043b\u043e\u0436\u0435\u043d\u044b \u043d\u0430 \u0441\u043b\u043e\u044f\u0445 \u0441\u0442\u0440\u043e\u0433\u043e \u043d\u0438\u0436\u0435."}),"\n"]}),"\n",(0,s.jsxs)(n.p,{children:["\u0420\u0435\u043a\u043e\u043c\u0435\u043d\u0434\u0443\u0435\u043c\u043e\u0435 \u0440\u0435\u0448\u0435\u043d\u0438\u0435 \u0432 \u044d\u0442\u043e\u043c \u0441\u043b\u0443\u0447\u0430\u0435 \u2014 \u0441\u043e\u0437\u0434\u0430\u0442\u044c \u043d\u0435\u044f\u0432\u043d\u0443\u044e \u0437\u0430\u0432\u0438\u0441\u0438\u043c\u043e\u0441\u0442\u044c \u043c\u0435\u0436\u0434\u0443 \u0441\u043b\u043e\u044f\u043c\u0438 Shared \u0438 App. \u042d\u0442\u0438 \u0434\u0432\u0430 \u0442\u0438\u043f\u0430, ",(0,s.jsx)(n.code,{children:"RootState"})," \u0438 ",(0,s.jsx)(n.code,{children:"AppDispatch"}),", \u0432\u0440\u044f\u0434 \u043b\u0438 \u0438\u0437\u043c\u0435\u043d\u044f\u0442\u0441\u044f, \u0438 \u043e\u043d\u0438 \u0431\u0443\u0434\u0443\u0442 \u0437\u043d\u0430\u043a\u043e\u043c\u044b \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a\u0430\u043c \u043d\u0430 Redux, \u043f\u043e\u044d\u0442\u043e\u043c\u0443 \u043d\u0435\u044f\u0432\u043d\u0430\u044f \u0441\u0432\u044f\u0437\u044c \u0432\u0440\u044f\u0434 \u043b\u0438 \u0441\u0442\u0430\u043d\u0435\u0442 \u043f\u0440\u043e\u0431\u043b\u0435\u043c\u043e\u0439."]}),"\n",(0,s.jsx)(n.p,{children:"\u0412 TypeScript \u044d\u0442\u043e \u043c\u043e\u0436\u043d\u043e \u0441\u0434\u0435\u043b\u0430\u0442\u044c, \u043e\u0431\u044a\u044f\u0432\u0438\u0432 \u0442\u0438\u043f\u044b \u043a\u0430\u043a \u0433\u043b\u043e\u0431\u0430\u043b\u044c\u043d\u044b\u0435, \u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440 \u0442\u0430\u043a:"}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-ts",metastring:'title="app/store/index.ts"',children:"/* \u0442\u043e \u0436\u0435 \u0441\u043e\u0434\u0435\u0440\u0436\u0438\u043c\u043e\u0435, \u0447\u0442\u043e \u0438 \u0432 \u0431\u043b\u043e\u043a\u0435 \u043a\u043e\u0434\u0430 \u0434\u043e \u044d\u0442\u043e\u0433\u043e\u2026 */\n\ndeclare type RootState = ReturnType<typeof rootReducer>;\ndeclare type AppDispatch = typeof store.dispatch;\n"})}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-ts",metastring:'title="shared/store/index.ts"',children:'import { useDispatch, useSelector, type TypedUseSelectorHook } from "react-redux";\n\nexport const useAppDispatch = useDispatch.withTypes<AppDispatch>()\nexport const useAppSelector: TypedUseSelectorHook<RootState> = useSelector;\n'})}),"\n",(0,s.jsx)(n.h2,{id:"\u0441\u0445\u0435\u043c\u044b-\u0432\u0430\u043b\u0438\u0434\u0430\u0446\u0438\u0438-\u0442\u0438\u043f\u043e\u0432-\u0438-zod",children:"\u0421\u0445\u0435\u043c\u044b \u0432\u0430\u043b\u0438\u0434\u0430\u0446\u0438\u0438 \u0442\u0438\u043f\u043e\u0432 \u0438 Zod"}),"\n",(0,s.jsxs)(n.p,{children:["\u0415\u0441\u043b\u0438 \u0432\u044b \u0445\u043e\u0442\u0438\u0442\u0435 \u043f\u0440\u043e\u0432\u0435\u0440\u0438\u0442\u044c, \u0447\u0442\u043e \u0432\u0430\u0448\u0438 \u0434\u0430\u043d\u043d\u044b\u0435 \u0441\u043e\u043e\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0443\u044e\u0442 \u043e\u043f\u0440\u0435\u0434\u0435\u043b\u0435\u043d\u043d\u043e\u0439 \u0444\u043e\u0440\u043c\u0435 \u0438\u043b\u0438 \u043e\u0433\u0440\u0430\u043d\u0438\u0447\u0435\u043d\u0438\u044f\u043c, \u0432\u044b \u043c\u043e\u0436\u0435\u0442\u0435 \u0441\u043e\u0437\u0434\u0430\u0442\u044c \u0441\u0445\u0435\u043c\u0443 \u0432\u0430\u043b\u0438\u0434\u0430\u0446\u0438\u0438. \u0412 TypeScript \u043f\u043e\u043f\u0443\u043b\u044f\u0440\u043d\u043e\u0439 \u0431\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a\u043e\u0439 \u0434\u043b\u044f \u044d\u0442\u043e\u0439 \u0437\u0430\u0434\u0430\u0447\u0438 \u044f\u0432\u043b\u044f\u0435\u0442\u0441\u044f ",(0,s.jsx)(n.a,{href:"https://zod.dev",children:"Zod"}),". \u0421\u0445\u0435\u043c\u044b \u0432\u0430\u043b\u0438\u0434\u0430\u0446\u0438\u0438 \u0442\u0430\u043a\u0436\u0435 \u0434\u043e\u043b\u0436\u043d\u044b \u0431\u044b\u0442\u044c \u0440\u0430\u0437\u043c\u0435\u0449\u0435\u043d\u044b \u0440\u044f\u0434\u043e\u043c \u0441 \u043a\u043e\u0434\u043e\u043c, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u0438\u0445 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u0442, \u043d\u0430\u0441\u043a\u043e\u043b\u044c\u043a\u043e \u044d\u0442\u043e \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e."]}),"\n",(0,s.jsxs)(n.p,{children:["\u0421\u0445\u0435\u043c\u044b \u0432\u0430\u043b\u0438\u0434\u0430\u0446\u0438\u0438 \u043f\u043e\u0445\u043e\u0436\u0438 \u043d\u0430 \u043c\u0430\u043f\u043f\u0435\u0440\u044b (\u043a\u0430\u043a \u043e\u0431\u0441\u0443\u0436\u0434\u0430\u043b\u043e\u0441\u044c \u0432 \u0440\u0430\u0437\u0434\u0435\u043b\u0435 ",(0,s.jsx)(n.a,{href:"#data-transfer-objects-and-mappers",children:"\u041e\u0431\u044a\u0435\u043a\u0442\u044b \u043f\u0435\u0440\u0435\u0434\u0430\u0447\u0438 \u0434\u0430\u043d\u043d\u044b\u0445 (DTO) \u0438 \u043c\u0430\u043f\u043f\u0435\u0440\u044b"}),") \u0432 \u0442\u043e\u043c \u0441\u043c\u044b\u0441\u043b\u0435, \u0447\u0442\u043e \u043e\u043d\u0438 \u043f\u0440\u0438\u043d\u0438\u043c\u0430\u044e\u0442 \u043e\u0431\u044a\u0435\u043a\u0442 \u043f\u0435\u0440\u0435\u0434\u0430\u0447\u0438 \u0434\u0430\u043d\u043d\u044b\u0445 \u0438 \u043f\u0430\u0440\u0441\u044f\u0442 \u0435\u0433\u043e, \u0432\u044b\u0434\u0430\u0432\u0430\u044f \u043e\u0448\u0438\u0431\u043a\u0443, \u0435\u0441\u043b\u0438 \u043f\u0430\u0440\u0441\u0438\u043d\u0433 \u043d\u0435 \u0443\u0434\u0430\u043b\u0441\u044f."]}),"\n",(0,s.jsxs)(n.p,{children:["\u041e\u0434\u0438\u043d \u0438\u0437 \u043d\u0430\u0438\u0431\u043e\u043b\u0435\u0435 \u0440\u0430\u0441\u043f\u0440\u043e\u0441\u0442\u0440\u0430\u043d\u0435\u043d\u043d\u044b\u0445 \u0441\u043b\u0443\u0447\u0430\u0435\u0432 \u0432\u0430\u043b\u0438\u0434\u0430\u0446\u0438\u0438 \u2014 \u044d\u0442\u043e \u0434\u0430\u043d\u043d\u044b\u0435, \u043f\u043e\u0441\u0442\u0443\u043f\u0430\u044e\u0449\u0438\u0435 \u0441 \u0431\u044d\u043a\u0435\u043d\u0434\u0430. \u041e\u0431\u044b\u0447\u043d\u043e \u0432\u044b \u0445\u043e\u0442\u0438\u0442\u0435 \u043f\u043e\u043c\u0435\u0442\u0438\u0442\u044c \u0437\u0430\u043f\u0440\u043e\u0441 \u043a\u0430\u043a \u043d\u0435\u0443\u0434\u0430\u0432\u0448\u0438\u0439\u0441\u044f, \u0435\u0441\u043b\u0438 \u0434\u0430\u043d\u043d\u044b\u0435 \u043d\u0435 \u0441\u043e\u043e\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0443\u044e\u0442 \u0441\u0445\u0435\u043c\u0435, \u043f\u043e\u044d\u0442\u043e\u043c\u0443 \u0438\u043c\u0435\u0435\u0442 \u0441\u043c\u044b\u0441\u043b \u043f\u043e\u043c\u0435\u0441\u0442\u0438\u0442\u044c \u0441\u0445\u0435\u043c\u0443 \u0432 \u0442\u043e\u043c \u0436\u0435 \u043c\u0435\u0441\u0442\u0435, \u0447\u0442\u043e \u0438 \u0444\u0443\u043d\u043a\u0446\u0438\u044f \u0437\u0430\u043f\u0440\u043e\u0441\u0430, \u0447\u0442\u043e \u043e\u0431\u044b\u0447\u043d\u043e \u044f\u0432\u043b\u044f\u0435\u0442\u0441\u044f \u0441\u0435\u0433\u043c\u0435\u043d\u0442\u043e\u043c ",(0,s.jsx)(n.code,{children:"api"}),"."]}),"\n",(0,s.jsxs)(n.p,{children:["\u0415\u0441\u043b\u0438 \u0432\u0430\u0448\u0438 \u0434\u0430\u043d\u043d\u044b\u0435 \u043f\u043e\u0441\u0442\u0443\u043f\u0430\u044e\u0442 \u0447\u0435\u0440\u0435\u0437 \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044c\u0441\u043a\u0438\u0439 \u0432\u0432\u043e\u0434, \u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, \u0447\u0435\u0440\u0435\u0437 \u0444\u043e\u0440\u043c\u0443, \u0432\u0430\u043b\u0438\u0434\u0430\u0446\u0438\u044f \u0434\u043e\u043b\u0436\u043d\u0430 \u043f\u0440\u043e\u0438\u0441\u0445\u043e\u0434\u0438\u0442\u044c \u0432\u043e \u0432\u0440\u0435\u043c\u044f \u0432\u0432\u043e\u0434\u0430 \u0434\u0430\u043d\u043d\u044b\u0445. \u0412\u044b \u043c\u043e\u0436\u0435\u0442\u0435 \u0440\u0430\u0437\u043c\u0435\u0441\u0442\u0438\u0442\u044c \u0441\u0432\u043e\u044e \u0441\u0445\u0435\u043c\u0443 \u0432 \u0441\u0435\u0433\u043c\u0435\u043d\u0442\u0435 ",(0,s.jsx)(n.code,{children:"ui"}),", \u0440\u044f\u0434\u043e\u043c \u0441 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u043e\u043c \u0444\u043e\u0440\u043c\u044b, \u0438\u043b\u0438 \u0432 \u0441\u0435\u0433\u043c\u0435\u043d\u0442\u0435 ",(0,s.jsx)(n.code,{children:"model"}),", \u0435\u0441\u043b\u0438 \u0441\u0435\u0433\u043c\u0435\u043d\u0442 ",(0,s.jsx)(n.code,{children:"ui"})," \u0441\u043b\u0438\u0448\u043a\u043e\u043c \u043f\u0435\u0440\u0435\u0433\u0440\u0443\u0436\u0435\u043d."]}),"\n",(0,s.jsx)(n.h2,{id:"\u0442\u0438\u043f\u0438\u0437\u0430\u0446\u0438\u044f-\u043f\u0440\u043e\u043f\u043e\u0432-\u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u043e\u0432-\u0438-\u043a\u043e\u043d\u0442\u0435\u043a\u0441\u0442\u0430",children:"\u0422\u0438\u043f\u0438\u0437\u0430\u0446\u0438\u044f \u043f\u0440\u043e\u043f\u043e\u0432 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u043e\u0432 \u0438 \u043a\u043e\u043d\u0442\u0435\u043a\u0441\u0442\u0430"}),"\n",(0,s.jsxs)(n.p,{children:["\u0412 \u0446\u0435\u043b\u043e\u043c, \u043b\u0443\u0447\u0448\u0435 \u0445\u0440\u0430\u043d\u0438\u0442\u044c \u0438\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441 \u043f\u0440\u043e\u043f\u043e\u0432 \u0438\u043b\u0438 \u043a\u043e\u043d\u0442\u0435\u043a\u0441\u0442\u0430 \u0432 \u0442\u043e\u043c \u0436\u0435 \u0444\u0430\u0439\u043b\u0435, \u0447\u0442\u043e \u0438 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442 \u0438\u043b\u0438 \u043a\u043e\u043d\u0442\u0435\u043a\u0441\u0442, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u0438\u0445 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u0442. \u0415\u0441\u043b\u0438 \u0443 \u0432\u0430\u0441 \u0444\u0440\u0435\u0439\u043c\u0432\u043e\u0440\u043a \u0441 \u043e\u0434\u043d\u043e\u0444\u0430\u0439\u043b\u043e\u0432\u044b\u043c\u0438 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u0430\u043c\u0438, \u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, Vue \u0438\u043b\u0438 Svelte, \u0438 \u0432\u044b \u043d\u0435 \u043c\u043e\u0436\u0435\u0442\u0435 \u043e\u043f\u0440\u0435\u0434\u0435\u043b\u0438\u0442\u044c \u0438\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441 \u043f\u0440\u043e\u043f\u043e\u0432 \u0432 \u0442\u043e\u043c \u0436\u0435 \u0444\u0430\u0439\u043b\u0435, \u0438\u043b\u0438 \u0432\u044b \u0445\u043e\u0442\u0438\u0442\u0435 \u043f\u0435\u0440\u0435\u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u044d\u0442\u043e\u0442 \u0438\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441 \u043c\u0435\u0436\u0434\u0443 \u043d\u0435\u0441\u043a\u043e\u043b\u044c\u043a\u0438\u043c\u0438 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u0430\u043c\u0438, \u0441\u043e\u0437\u0434\u0430\u0439\u0442\u0435 \u043e\u0442\u0434\u0435\u043b\u044c\u043d\u044b\u0439 \u0444\u0430\u0439\u043b \u0432 \u0442\u043e\u0439 \u0436\u0435 \u043f\u0430\u043f\u043a\u0435, \u043e\u0431\u044b\u0447\u043d\u043e \u0432 \u0441\u0435\u0433\u043c\u0435\u043d\u0442\u0435 ",(0,s.jsx)(n.code,{children:"ui"}),"."]}),"\n",(0,s.jsx)(n.p,{children:"\u0412\u043e\u0442 \u043f\u0440\u0438\u043c\u0435\u0440 \u0441 JSX (React \u0438\u043b\u0438 Solid):"}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-ts",metastring:'title="pages/home/ui/RecentActions.tsx"',children:"interface RecentActionsProps {\n  actions: Array<{ id: string; text: string }>;\n}\n\nexport function RecentActions({ actions }: RecentActionsProps) {\n  /* \u2026 */\n}\n"})}),"\n",(0,s.jsx)(n.p,{children:"\u0418 \u0432\u043e\u0442 \u043f\u0440\u0438\u043c\u0435\u0440 \u0441 \u0438\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441\u043e\u043c, \u0445\u0440\u0430\u043d\u044f\u0449\u0438\u043c\u0441\u044f \u0432 \u043e\u0442\u0434\u0435\u043b\u044c\u043d\u043e\u043c \u0444\u0430\u0439\u043b\u0435, \u0434\u043b\u044f Vue:"}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-ts",metastring:'title="pages/home/ui/RecentActionsProps.ts"',children:"export interface RecentActionsProps {\n  actions: Array<{ id: string; text: string }>;\n}\n"})}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-html",metastring:'title="pages/home/ui/RecentActions.vue"',children:'<script setup lang="ts">\n  import type { RecentActionsProps } from "./RecentActionsProps";\n\n  const props = defineProps<RecentActionsProps>();\n<\/script>\n'})}),"\n",(0,s.jsxs)(n.h2,{id:"\u0434\u0435\u043a\u043b\u0430\u0440\u0430\u0446\u0438\u043e\u043d\u043d\u044b\u0435-\u0444\u0430\u0439\u043b\u044b-\u043e\u043a\u0440\u0443\u0436\u0435\u043d\u0438\u044f-dts",children:["\u0414\u0435\u043a\u043b\u0430\u0440\u0430\u0446\u0438\u043e\u043d\u043d\u044b\u0435 \u0444\u0430\u0439\u043b\u044b \u043e\u043a\u0440\u0443\u0436\u0435\u043d\u0438\u044f (",(0,s.jsx)(n.code,{children:"*.d.ts"}),")"]}),"\n",(0,s.jsxs)(n.p,{children:["\u041d\u0435\u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u043f\u0430\u043a\u0435\u0442\u044b, \u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, ",(0,s.jsx)(n.a,{href:"https://vitejs.dev",children:"Vite"})," \u0438\u043b\u0438 ",(0,s.jsx)(n.a,{href:"https://www.totaltypescript.com/ts-reset",children:"ts-reset"}),", \u0442\u0440\u0435\u0431\u0443\u044e\u0442 \u0434\u0435\u043a\u043b\u0430\u0440\u0430\u0446\u0438\u043e\u043d\u043d\u044b\u0435 \u0444\u0430\u0439\u043b\u044b \u043e\u043a\u0440\u0443\u0436\u0435\u043d\u0438\u044f \u0434\u043b\u044f \u0440\u0430\u0431\u043e\u0442\u044b \u0432 \u0432\u0430\u0448\u0435\u043c \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0438. \u041e\u0431\u044b\u0447\u043d\u043e \u043e\u043d\u0438 \u043d\u0435\u0431\u043e\u043b\u044c\u0448\u0438\u0435 \u0438 \u043d\u0435\u0441\u043b\u043e\u0436\u043d\u044b\u0435, \u043f\u043e\u044d\u0442\u043e\u043c\u0443 \u0447\u0430\u0441\u0442\u043e \u043d\u0435 \u0442\u0440\u0435\u0431\u0443\u044e\u0442 \u043a\u0430\u043a\u043e\u0439-\u043b\u0438\u0431\u043e \u0430\u0440\u0445\u0438\u0442\u0435\u043a\u0442\u0443\u0440\u044b, \u0438\u0445 \u043c\u043e\u0436\u043d\u043e \u043f\u0440\u043e\u0441\u0442\u043e \u043f\u043e\u043c\u0435\u0441\u0442\u0438\u0442\u044c \u0432 \u043f\u0430\u043f\u043a\u0443 ",(0,s.jsx)(n.code,{children:"src/"}),". \u0427\u0442\u043e\u0431\u044b ",(0,s.jsx)(n.code,{children:"src"})," \u0431\u044b\u043b \u0431\u043e\u043b\u0435\u0435 \u043e\u0440\u0433\u0430\u043d\u0438\u0437\u043e\u0432\u0430\u043d\u043d\u044b\u043c, \u0432\u044b \u043c\u043e\u0436\u0435\u0442\u0435 \u0445\u0440\u0430\u043d\u0438\u0442\u044c \u0438\u0445 \u043d\u0430 \u0441\u043b\u043e\u0435 App, \u0432 ",(0,s.jsx)(n.code,{children:"app/ambient/"}),"."]}),"\n",(0,s.jsxs)(n.p,{children:["\u0414\u0440\u0443\u0433\u0438\u0435 \u043f\u0430\u043a\u0435\u0442\u044b \u043f\u0440\u043e\u0441\u0442\u043e \u043d\u0435 \u0438\u043c\u0435\u044e\u0442 \u0442\u0438\u043f\u043e\u0432, \u0438 \u0432\u0430\u043c \u043c\u043e\u0436\u0435\u0442 \u043f\u043e\u043d\u0430\u0434\u043e\u0431\u0438\u0442\u044c\u0441\u044f \u043e\u0431\u044a\u044f\u0432\u0438\u0442\u044c \u0438\u0445 \u043a\u0430\u043a \u043d\u0435\u0442\u0438\u043f\u0438\u0437\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u044b\u0435 \u0438\u043b\u0438 \u0434\u0430\u0436\u0435 \u043d\u0430\u043f\u0438\u0441\u0430\u0442\u044c \u0441\u043e\u0431\u0441\u0442\u0432\u0435\u043d\u043d\u044b\u0435 \u0442\u0438\u043f\u044b \u0434\u043b\u044f \u043d\u0438\u0445. \u0425\u043e\u0440\u043e\u0448\u0438\u043c \u043c\u0435\u0441\u0442\u043e\u043c \u0434\u043b\u044f \u044d\u0442\u0438\u0445 \u0442\u0438\u043f\u043e\u0432 \u0431\u0443\u0434\u0435\u0442 ",(0,s.jsx)(n.code,{children:"shared/lib"}),", \u0432 \u043f\u0430\u043f\u043a\u0435 \u0442\u0438\u043f\u0430 ",(0,s.jsx)(n.code,{children:"shared/lib/untyped-packages"}),". \u0421\u043e\u0437\u0434\u0430\u0439\u0442\u0435 \u0442\u0430\u043c \u0444\u0430\u0439\u043b ",(0,s.jsx)(n.code,{children:"%LIBRARY_NAME%.d.ts"})," \u0438 \u043e\u0431\u044a\u044f\u0432\u0438\u0442\u0435 \u0442\u0438\u043f\u044b, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u0432\u0430\u043c \u043d\u0443\u0436\u043d\u044b:"]}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-ts",metastring:'title="shared/lib/untyped-packages/use-react-screenshot.d.ts"',children:'// \u0423 \u044d\u0442\u043e\u0439 \u0431\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a\u0438 \u043d\u0435\u0442 \u0442\u0438\u043f\u043e\u0432, \u0438 \u043c\u044b \u043d\u0435 \u0445\u043e\u0442\u0435\u043b\u0438 \u0437\u0430\u043c\u043e\u0440\u0430\u0447\u0438\u0432\u0430\u0442\u044c\u0441\u044f \u0441 \u043d\u0430\u043f\u0438\u0441\u0430\u043d\u0438\u0435\u043c \u0441\u0432\u043e\u0438\u0445.\ndeclare module "use-react-screenshot";\n'})}),"\n",(0,s.jsx)(n.h2,{id:"\u0430\u0432\u0442\u043e\u0433\u0435\u043d\u0435\u0440\u0430\u0446\u0438\u044f-\u0442\u0438\u043f\u043e\u0432",children:"\u0410\u0432\u0442\u043e\u0433\u0435\u043d\u0435\u0440\u0430\u0446\u0438\u044f \u0442\u0438\u043f\u043e\u0432"}),"\n",(0,s.jsxs)(n.p,{children:["\u0427\u0430\u0441\u0442\u043e \u0431\u044b\u0432\u0430\u0435\u0442 \u043f\u043e\u043b\u0435\u0437\u043d\u043e \u0433\u0435\u043d\u0435\u0440\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u0442\u0438\u043f\u044b \u0438\u0437 \u0432\u043d\u0435\u0448\u043d\u0438\u0445 \u0438\u0441\u0442\u043e\u0447\u043d\u0438\u043a\u043e\u0432, \u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, \u0433\u0435\u043d\u0435\u0440\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u0442\u0438\u043f\u044b \u0431\u044d\u043a\u0435\u043d\u0434\u0430 \u0438\u0437 \u0441\u0445\u0435\u043c\u044b OpenAPI. \u0412 \u044d\u0442\u043e\u043c \u0441\u043b\u0443\u0447\u0430\u0435 \u0441\u043e\u0437\u0434\u0430\u0439\u0442\u0435 \u0441\u043f\u0435\u0446\u0438\u0430\u043b\u044c\u043d\u043e\u0435 \u043c\u0435\u0441\u0442\u043e \u0432 \u0432\u0430\u0448\u0435\u043c \u043a\u043e\u0434\u0435 \u0434\u043b\u044f \u044d\u0442\u0438\u0445 \u0442\u0438\u043f\u043e\u0432, \u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, ",(0,s.jsx)(n.code,{children:"shared/api/openapi"}),". \u0418\u0434\u0435\u0430\u043b\u044c\u043d\u043e, \u0435\u0441\u043b\u0438 \u0432\u044b \u0442\u0430\u043a\u0436\u0435 \u0432\u043a\u043b\u044e\u0447\u0438\u0442\u0435 README \u0432 \u044d\u0442\u0443 \u043f\u0430\u043f\u043a\u0443, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u043e\u043f\u0438\u0441\u044b\u0432\u0430\u0435\u0442, \u0447\u0442\u043e \u044d\u0442\u043e \u0437\u0430 \u0444\u0430\u0439\u043b\u044b, \u043a\u0430\u043a \u0438\u0445 \u043f\u0435\u0440\u0435\u0433\u0435\u043d\u0435\u0440\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u0438 \u0442. \u0434."]})]})}function p(e={}){const{wrapper:n}={...(0,r.R)(),...e.components};return n?(0,s.jsx)(n,{...e,children:(0,s.jsx)(a,{...e})}):a(e)}},1100:(e,n,t)=>{t.d(n,{R:()=>d,x:()=>c});var s=t(758);const r={},i=s.createContext(r);function d(e){const n=s.useContext(i);return s.useMemo((function(){return"function"==typeof e?e(n):{...n,...e}}),[n,e])}function c(e){let n;return n=e.disableParentContext?"function"==typeof e.components?e.components(r):e.components||r:d(e.components),s.createElement(i.Provider,{value:n},e.children)}}}]);
\ No newline at end of file
diff --git a/ru/assets/js/e9dc891f.495e7915.js b/ru/assets/js/e9dc891f.8c6febdc.js
similarity index 98%
rename from ru/assets/js/e9dc891f.495e7915.js
rename to ru/assets/js/e9dc891f.8c6febdc.js
index a59e2f65f4..e3a25bec7a 100644
--- a/ru/assets/js/e9dc891f.495e7915.js
+++ b/ru/assets/js/e9dc891f.8c6febdc.js
@@ -1 +1 @@
-"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[3490],{1928:(e,t,s)=>{s.d(t,{Ay:()=>u,RM:()=>a});var i=s(6070),n=s(1100),r=(s(758),s(6783)),c=s(7765);const d=e=>{let{ticket:t}=e;const s=`https://github.com/feature-sliced/documentation/issues/${t}`;return(0,i.jsxs)("div",{children:[(0,i.jsx)("p",{children:(0,c.T)({id:"shared.wip.title"})}),(0,i.jsx)("p",{children:(0,c.T)({id:"shared.wip.subtitle"})}),(0,i.jsxs)("ul",{children:[(0,i.jsxs)("li",{children:[(0,c.T)({id:"shared.wip.var.feedback.base"}),(0,i.jsx)(r.A,{to:s,children:(0,c.T)({id:"shared.wip.var.feedback.link"})})]}),(0,i.jsxs)("li",{children:[(0,c.T)({id:"shared.wip.var.material.base"}),(0,i.jsx)(r.A,{to:"https://t.me/feature_sliced",children:(0,c.T)({id:"shared.wip.var.material.link"})})]}),(0,i.jsxs)("li",{children:[(0,c.T)({id:"shared.wip.var.contribute.base"}),(0,i.jsx)(r.A,{to:"https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md",children:(0,c.T)({id:"shared.wip.var.contribute.link"})})]})]}),(0,i.jsx)("br",{}),(0,i.jsx)("p",{children:(0,i.jsx)("i",{children:"\ud83c\udf70 Stay tuned!"})})]})},a=[];function o(e){const t={admonition:"admonition",...(0,n.R)(),...e.components};return(0,i.jsx)(t.admonition,{title:"WIP",type:"caution",children:(0,i.jsx)(d,{ticket:e.ticket})})}function u(e={}){const{wrapper:t}={...(0,n.R)(),...e.components};return t?(0,i.jsx)(t,{...e,children:(0,i.jsx)(o,{...e})}):o(e)}},5019:(e,t,s)=>{s.r(t),s.d(t,{assets:()=>o,contentTitle:()=>d,default:()=>p,frontMatter:()=>c,metadata:()=>a,toc:()=>u});var i=s(6070),n=s(1100),r=s(1928);const c={sidebar_class_name:"sidebar-item--wip",unlisted:!0},d="\u041e\u0431\u0440\u0430\u0442\u043d\u0430\u044f \u0441\u0432\u044f\u0437\u044c",a={id:"guides/examples/feedback",title:"\u041e\u0431\u0440\u0430\u0442\u043d\u0430\u044f \u0441\u0432\u044f\u0437\u044c",description:"Errors, Alerts, Notifications, ...",source:"@site/i18n/ru/docusaurus-plugin-content-docs/current/guides/examples/feedback.mdx",sourceDirName:"guides/examples",slug:"/guides/examples/feedback",permalink:"/ru/docs/guides/examples/feedback",draft:!1,unlisted:!0,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/ru/docusaurus-plugin-content-docs/current/guides/examples/feedback.mdx",tags:[],version:"current",lastUpdatedAt:1727607766e3,frontMatter:{sidebar_class_name:"sidebar-item--wip",unlisted:!0},sidebar:"guidesSidebar"},o={},u=[...r.RM];function l(e){const t={blockquote:"blockquote",h1:"h1",header:"header",p:"p",...(0,n.R)(),...e.components};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(t.header,{children:(0,i.jsx)(t.h1,{id:"\u043e\u0431\u0440\u0430\u0442\u043d\u0430\u044f-\u0441\u0432\u044f\u0437\u044c",children:"\u041e\u0431\u0440\u0430\u0442\u043d\u0430\u044f \u0441\u0432\u044f\u0437\u044c"})}),"\n",(0,i.jsx)(r.Ay,{ticket:"187"}),"\n",(0,i.jsxs)(t.blockquote,{children:["\n",(0,i.jsx)(t.p,{children:"Errors, Alerts, Notifications, ..."}),"\n"]})]})}function p(e={}){const{wrapper:t}={...(0,n.R)(),...e.components};return t?(0,i.jsx)(t,{...e,children:(0,i.jsx)(l,{...e})}):l(e)}},1100:(e,t,s)=>{s.d(t,{R:()=>c,x:()=>d});var i=s(758);const n={},r=i.createContext(n);function c(e){const t=i.useContext(r);return i.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function d(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(n):e.components||n:c(e.components),i.createElement(r.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
+"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[3490],{1928:(e,t,s)=>{s.d(t,{Ay:()=>u,RM:()=>a});var i=s(6070),n=s(1100),r=(s(758),s(6783)),c=s(7765);const d=e=>{let{ticket:t}=e;const s=`https://github.com/feature-sliced/documentation/issues/${t}`;return(0,i.jsxs)("div",{children:[(0,i.jsx)("p",{children:(0,c.T)({id:"shared.wip.title"})}),(0,i.jsx)("p",{children:(0,c.T)({id:"shared.wip.subtitle"})}),(0,i.jsxs)("ul",{children:[(0,i.jsxs)("li",{children:[(0,c.T)({id:"shared.wip.var.feedback.base"}),(0,i.jsx)(r.A,{to:s,children:(0,c.T)({id:"shared.wip.var.feedback.link"})})]}),(0,i.jsxs)("li",{children:[(0,c.T)({id:"shared.wip.var.material.base"}),(0,i.jsx)(r.A,{to:"https://t.me/feature_sliced",children:(0,c.T)({id:"shared.wip.var.material.link"})})]}),(0,i.jsxs)("li",{children:[(0,c.T)({id:"shared.wip.var.contribute.base"}),(0,i.jsx)(r.A,{to:"https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md",children:(0,c.T)({id:"shared.wip.var.contribute.link"})})]})]}),(0,i.jsx)("br",{}),(0,i.jsx)("p",{children:(0,i.jsx)("i",{children:"\ud83c\udf70 Stay tuned!"})})]})},a=[];function o(e){const t={admonition:"admonition",...(0,n.R)(),...e.components};return(0,i.jsx)(t.admonition,{title:"WIP",type:"caution",children:(0,i.jsx)(d,{ticket:e.ticket})})}function u(e={}){const{wrapper:t}={...(0,n.R)(),...e.components};return t?(0,i.jsx)(t,{...e,children:(0,i.jsx)(o,{...e})}):o(e)}},5019:(e,t,s)=>{s.r(t),s.d(t,{assets:()=>o,contentTitle:()=>d,default:()=>p,frontMatter:()=>c,metadata:()=>a,toc:()=>u});var i=s(6070),n=s(1100),r=s(1928);const c={sidebar_class_name:"sidebar-item--wip",unlisted:!0},d="\u041e\u0431\u0440\u0430\u0442\u043d\u0430\u044f \u0441\u0432\u044f\u0437\u044c",a={id:"guides/examples/feedback",title:"\u041e\u0431\u0440\u0430\u0442\u043d\u0430\u044f \u0441\u0432\u044f\u0437\u044c",description:"Errors, Alerts, Notifications, ...",source:"@site/i18n/ru/docusaurus-plugin-content-docs/current/guides/examples/feedback.mdx",sourceDirName:"guides/examples",slug:"/guides/examples/feedback",permalink:"/ru/docs/guides/examples/feedback",draft:!1,unlisted:!0,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/ru/docusaurus-plugin-content-docs/current/guides/examples/feedback.mdx",tags:[],version:"current",lastUpdatedAt:1728325386e3,frontMatter:{sidebar_class_name:"sidebar-item--wip",unlisted:!0},sidebar:"guidesSidebar"},o={},u=[...r.RM];function l(e){const t={blockquote:"blockquote",h1:"h1",header:"header",p:"p",...(0,n.R)(),...e.components};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(t.header,{children:(0,i.jsx)(t.h1,{id:"\u043e\u0431\u0440\u0430\u0442\u043d\u0430\u044f-\u0441\u0432\u044f\u0437\u044c",children:"\u041e\u0431\u0440\u0430\u0442\u043d\u0430\u044f \u0441\u0432\u044f\u0437\u044c"})}),"\n",(0,i.jsx)(r.Ay,{ticket:"187"}),"\n",(0,i.jsxs)(t.blockquote,{children:["\n",(0,i.jsx)(t.p,{children:"Errors, Alerts, Notifications, ..."}),"\n"]})]})}function p(e={}){const{wrapper:t}={...(0,n.R)(),...e.components};return t?(0,i.jsx)(t,{...e,children:(0,i.jsx)(l,{...e})}):l(e)}},1100:(e,t,s)=>{s.d(t,{R:()=>c,x:()=>d});var i=s(758);const n={},r=i.createContext(n);function c(e){const t=i.useContext(r);return i.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function d(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(n):e.components||n:c(e.components),i.createElement(r.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
diff --git a/ru/assets/js/eb8bed87.31115718.js b/ru/assets/js/eb8bed87.bc6d1def.js
similarity index 98%
rename from ru/assets/js/eb8bed87.31115718.js
rename to ru/assets/js/eb8bed87.bc6d1def.js
index 3cd18f5a33..4d8e388f5b 100644
--- a/ru/assets/js/eb8bed87.31115718.js
+++ b/ru/assets/js/eb8bed87.bc6d1def.js
@@ -1 +1 @@
-"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[7364],{1928:(e,t,s)=>{s.d(t,{Ay:()=>u,RM:()=>a});var n=s(6070),i=s(1100),r=(s(758),s(6783)),d=s(7765);const c=e=>{let{ticket:t}=e;const s=`https://github.com/feature-sliced/documentation/issues/${t}`;return(0,n.jsxs)("div",{children:[(0,n.jsx)("p",{children:(0,d.T)({id:"shared.wip.title"})}),(0,n.jsx)("p",{children:(0,d.T)({id:"shared.wip.subtitle"})}),(0,n.jsxs)("ul",{children:[(0,n.jsxs)("li",{children:[(0,d.T)({id:"shared.wip.var.feedback.base"}),(0,n.jsx)(r.A,{to:s,children:(0,d.T)({id:"shared.wip.var.feedback.link"})})]}),(0,n.jsxs)("li",{children:[(0,d.T)({id:"shared.wip.var.material.base"}),(0,n.jsx)(r.A,{to:"https://t.me/feature_sliced",children:(0,d.T)({id:"shared.wip.var.material.link"})})]}),(0,n.jsxs)("li",{children:[(0,d.T)({id:"shared.wip.var.contribute.base"}),(0,n.jsx)(r.A,{to:"https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md",children:(0,d.T)({id:"shared.wip.var.contribute.link"})})]})]}),(0,n.jsx)("br",{}),(0,n.jsx)("p",{children:(0,n.jsx)("i",{children:"\ud83c\udf70 Stay tuned!"})})]})},a=[];function o(e){const t={admonition:"admonition",...(0,i.R)(),...e.components};return(0,n.jsx)(t.admonition,{title:"WIP",type:"caution",children:(0,n.jsx)(c,{ticket:e.ticket})})}function u(e={}){const{wrapper:t}={...(0,i.R)(),...e.components};return t?(0,n.jsx)(t,{...e,children:(0,n.jsx)(o,{...e})}):o(e)}},836:(e,t,s)=>{s.r(t),s.d(t,{assets:()=>o,contentTitle:()=>c,default:()=>p,frontMatter:()=>d,metadata:()=>a,toc:()=>u});var n=s(6070),i=s(1100),r=s(1928);const d={sidebar_class_name:"sidebar-item--wip",unlisted:!0},c="SSR",a={id:"guides/examples/ssr",title:"SSR",description:"\u041f\u0440\u043e \u0440\u0435\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u044e SSR \u0441 \u043f\u0440\u0438\u043c\u0435\u043d\u0435\u043d\u0438\u0435\u043c \u043c\u0435\u0442\u043e\u0434\u043e\u043b\u043e\u0433\u0438\u0438",source:"@site/i18n/ru/docusaurus-plugin-content-docs/current/guides/examples/ssr.mdx",sourceDirName:"guides/examples",slug:"/guides/examples/ssr",permalink:"/ru/docs/guides/examples/ssr",draft:!1,unlisted:!0,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/ru/docusaurus-plugin-content-docs/current/guides/examples/ssr.mdx",tags:[],version:"current",lastUpdatedAt:1727607766e3,frontMatter:{sidebar_class_name:"sidebar-item--wip",unlisted:!0},sidebar:"guidesSidebar"},o={},u=[...r.RM];function l(e){const t={blockquote:"blockquote",h1:"h1",header:"header",p:"p",...(0,i.R)(),...e.components};return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(t.header,{children:(0,n.jsx)(t.h1,{id:"ssr",children:"SSR"})}),"\n",(0,n.jsx)(r.Ay,{ticket:"173"}),"\n",(0,n.jsxs)(t.blockquote,{children:["\n",(0,n.jsx)(t.p,{children:"\u041f\u0440\u043e \u0440\u0435\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u044e SSR \u0441 \u043f\u0440\u0438\u043c\u0435\u043d\u0435\u043d\u0438\u0435\u043c \u043c\u0435\u0442\u043e\u0434\u043e\u043b\u043e\u0433\u0438\u0438"}),"\n"]})]})}function p(e={}){const{wrapper:t}={...(0,i.R)(),...e.components};return t?(0,n.jsx)(t,{...e,children:(0,n.jsx)(l,{...e})}):l(e)}},1100:(e,t,s)=>{s.d(t,{R:()=>d,x:()=>c});var n=s(758);const i={},r=n.createContext(i);function d(e){const t=n.useContext(r);return n.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function c(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(i):e.components||i:d(e.components),n.createElement(r.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
+"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[7364],{1928:(e,t,s)=>{s.d(t,{Ay:()=>u,RM:()=>a});var n=s(6070),i=s(1100),r=(s(758),s(6783)),d=s(7765);const c=e=>{let{ticket:t}=e;const s=`https://github.com/feature-sliced/documentation/issues/${t}`;return(0,n.jsxs)("div",{children:[(0,n.jsx)("p",{children:(0,d.T)({id:"shared.wip.title"})}),(0,n.jsx)("p",{children:(0,d.T)({id:"shared.wip.subtitle"})}),(0,n.jsxs)("ul",{children:[(0,n.jsxs)("li",{children:[(0,d.T)({id:"shared.wip.var.feedback.base"}),(0,n.jsx)(r.A,{to:s,children:(0,d.T)({id:"shared.wip.var.feedback.link"})})]}),(0,n.jsxs)("li",{children:[(0,d.T)({id:"shared.wip.var.material.base"}),(0,n.jsx)(r.A,{to:"https://t.me/feature_sliced",children:(0,d.T)({id:"shared.wip.var.material.link"})})]}),(0,n.jsxs)("li",{children:[(0,d.T)({id:"shared.wip.var.contribute.base"}),(0,n.jsx)(r.A,{to:"https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md",children:(0,d.T)({id:"shared.wip.var.contribute.link"})})]})]}),(0,n.jsx)("br",{}),(0,n.jsx)("p",{children:(0,n.jsx)("i",{children:"\ud83c\udf70 Stay tuned!"})})]})},a=[];function o(e){const t={admonition:"admonition",...(0,i.R)(),...e.components};return(0,n.jsx)(t.admonition,{title:"WIP",type:"caution",children:(0,n.jsx)(c,{ticket:e.ticket})})}function u(e={}){const{wrapper:t}={...(0,i.R)(),...e.components};return t?(0,n.jsx)(t,{...e,children:(0,n.jsx)(o,{...e})}):o(e)}},836:(e,t,s)=>{s.r(t),s.d(t,{assets:()=>o,contentTitle:()=>c,default:()=>p,frontMatter:()=>d,metadata:()=>a,toc:()=>u});var n=s(6070),i=s(1100),r=s(1928);const d={sidebar_class_name:"sidebar-item--wip",unlisted:!0},c="SSR",a={id:"guides/examples/ssr",title:"SSR",description:"\u041f\u0440\u043e \u0440\u0435\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u044e SSR \u0441 \u043f\u0440\u0438\u043c\u0435\u043d\u0435\u043d\u0438\u0435\u043c \u043c\u0435\u0442\u043e\u0434\u043e\u043b\u043e\u0433\u0438\u0438",source:"@site/i18n/ru/docusaurus-plugin-content-docs/current/guides/examples/ssr.mdx",sourceDirName:"guides/examples",slug:"/guides/examples/ssr",permalink:"/ru/docs/guides/examples/ssr",draft:!1,unlisted:!0,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/ru/docusaurus-plugin-content-docs/current/guides/examples/ssr.mdx",tags:[],version:"current",lastUpdatedAt:1728325386e3,frontMatter:{sidebar_class_name:"sidebar-item--wip",unlisted:!0},sidebar:"guidesSidebar"},o={},u=[...r.RM];function l(e){const t={blockquote:"blockquote",h1:"h1",header:"header",p:"p",...(0,i.R)(),...e.components};return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(t.header,{children:(0,n.jsx)(t.h1,{id:"ssr",children:"SSR"})}),"\n",(0,n.jsx)(r.Ay,{ticket:"173"}),"\n",(0,n.jsxs)(t.blockquote,{children:["\n",(0,n.jsx)(t.p,{children:"\u041f\u0440\u043e \u0440\u0435\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u044e SSR \u0441 \u043f\u0440\u0438\u043c\u0435\u043d\u0435\u043d\u0438\u0435\u043c \u043c\u0435\u0442\u043e\u0434\u043e\u043b\u043e\u0433\u0438\u0438"}),"\n"]})]})}function p(e={}){const{wrapper:t}={...(0,i.R)(),...e.components};return t?(0,n.jsx)(t,{...e,children:(0,n.jsx)(l,{...e})}):l(e)}},1100:(e,t,s)=>{s.d(t,{R:()=>d,x:()=>c});var n=s(758);const i={},r=n.createContext(i);function d(e){const t=n.useContext(r);return n.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function c(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(i):e.components||i:d(e.components),n.createElement(r.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
diff --git a/ru/assets/js/f22b339c.8629c7a7.js b/ru/assets/js/f22b339c.c035fbc2.js
similarity index 99%
rename from ru/assets/js/f22b339c.8629c7a7.js
rename to ru/assets/js/f22b339c.c035fbc2.js
index 2003566f8f..b5ae04ee5d 100644
--- a/ru/assets/js/f22b339c.8629c7a7.js
+++ b/ru/assets/js/f22b339c.c035fbc2.js
@@ -1 +1 @@
-"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[393],{896:(e,n,t)=>{t.r(n),t.d(n,{assets:()=>d,contentTitle:()=>o,default:()=>u,frontMatter:()=>r,metadata:()=>l,toc:()=>c});var s=t(6070),i=t(1100);const r={sidebar_position:3},o="\u041b\u0435\u0439\u0430\u0443\u0442\u044b \u0441\u0442\u0440\u0430\u043d\u0438\u0446",l={id:"guides/examples/page-layout",title:"\u041b\u0435\u0439\u0430\u0443\u0442\u044b \u0441\u0442\u0440\u0430\u043d\u0438\u0446",description:"\u042d\u0442\u043e \u0440\u0443\u043a\u043e\u0432\u043e\u0434\u0441\u0442\u0432\u043e \u0440\u0430\u0441\u0441\u043c\u0430\u0442\u0440\u0438\u0432\u0430\u0435\u0442 \u0430\u0431\u0441\u0442\u0440\u0430\u043a\u0446\u0438\u044e \u043b\u0435\u0439\u0430\u0443\u0442\u0430 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b \u2014 \u043a\u043e\u0433\u0434\u0430 \u043d\u0435\u0441\u043a\u043e\u043b\u044c\u043a\u043e \u0441\u0442\u0440\u0430\u043d\u0438\u0446 \u0438\u043c\u0435\u044e\u0442 \u043e\u0434\u0438\u043d\u0430\u043a\u043e\u0432\u0443\u044e \u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u0443, \u043e\u0442\u043b\u0438\u0447\u0430\u044f\u0441\u044c \u0442\u043e\u043b\u044c\u043a\u043e \u043e\u0441\u043d\u043e\u0432\u043d\u044b\u043c \u0441\u043e\u0434\u0435\u0440\u0436\u0438\u043c\u044b\u043c.",source:"@site/i18n/ru/docusaurus-plugin-content-docs/current/guides/examples/page-layout.md",sourceDirName:"guides/examples",slug:"/guides/examples/page-layout",permalink:"/ru/docs/guides/examples/page-layout",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/ru/docusaurus-plugin-content-docs/current/guides/examples/page-layout.md",tags:[],version:"current",lastUpdatedAt:1727607766e3,sidebarPosition:3,frontMatter:{sidebar_position:3},sidebar:"guidesSidebar",previous:{title:"\u0422\u0438\u043f\u044b",permalink:"/ru/docs/guides/examples/types"},next:{title:"\u0421 \u043a\u0430\u0441\u0442\u043e\u043c\u043d\u043e\u0439 \u0430\u0440\u0445\u0438\u0442\u0435\u043a\u0442\u0443\u0440\u044b",permalink:"/ru/docs/guides/migration/from-custom"}},d={},c=[{value:"\u041f\u0440\u043e\u0441\u0442\u043e\u0439 \u043b\u0435\u0439\u0430\u0443\u0442",id:"\u043f\u0440\u043e\u0441\u0442\u043e\u0439-\u043b\u0435\u0439\u0430\u0443\u0442",level:2},{value:"\u0418\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u0435 \u0432\u0438\u0434\u0436\u0435\u0442\u043e\u0432 \u0432 \u043b\u0435\u0439\u0430\u0443\u0442\u0435",id:"\u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u0435-\u0432\u0438\u0434\u0436\u0435\u0442\u043e\u0432-\u0432-\u043b\u0435\u0439\u0430\u0443\u0442\u0435",level:2},{value:"\u0414\u043e\u043f\u043e\u043b\u043d\u0438\u0442\u0435\u043b\u044c\u043d\u044b\u0435 \u043c\u0430\u0442\u0435\u0440\u0438\u0430\u043b\u044b",id:"\u0434\u043e\u043f\u043e\u043b\u043d\u0438\u0442\u0435\u043b\u044c\u043d\u044b\u0435-\u043c\u0430\u0442\u0435\u0440\u0438\u0430\u043b\u044b",level:2}];function a(e){const n={a:"a",admonition:"admonition",blockquote:"blockquote",br:"br",code:"code",em:"em",h1:"h1",h2:"h2",header:"header",li:"li",ol:"ol",p:"p",pre:"pre",strong:"strong",ul:"ul",...(0,i.R)(),...e.components};return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(n.header,{children:(0,s.jsx)(n.h1,{id:"\u043b\u0435\u0439\u0430\u0443\u0442\u044b-\u0441\u0442\u0440\u0430\u043d\u0438\u0446",children:"\u041b\u0435\u0439\u0430\u0443\u0442\u044b \u0441\u0442\u0440\u0430\u043d\u0438\u0446"})}),"\n",(0,s.jsxs)(n.p,{children:["\u042d\u0442\u043e \u0440\u0443\u043a\u043e\u0432\u043e\u0434\u0441\u0442\u0432\u043e \u0440\u0430\u0441\u0441\u043c\u0430\u0442\u0440\u0438\u0432\u0430\u0435\u0442 \u0430\u0431\u0441\u0442\u0440\u0430\u043a\u0446\u0438\u044e ",(0,s.jsx)(n.em,{children:"\u043b\u0435\u0439\u0430\u0443\u0442\u0430 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b"})," \u2014 \u043a\u043e\u0433\u0434\u0430 \u043d\u0435\u0441\u043a\u043e\u043b\u044c\u043a\u043e \u0441\u0442\u0440\u0430\u043d\u0438\u0446 \u0438\u043c\u0435\u044e\u0442 \u043e\u0434\u0438\u043d\u0430\u043a\u043e\u0432\u0443\u044e \u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u0443, \u043e\u0442\u043b\u0438\u0447\u0430\u044f\u0441\u044c \u0442\u043e\u043b\u044c\u043a\u043e \u043e\u0441\u043d\u043e\u0432\u043d\u044b\u043c \u0441\u043e\u0434\u0435\u0440\u0436\u0438\u043c\u044b\u043c."]}),"\n",(0,s.jsx)(n.admonition,{type:"info",children:(0,s.jsx)(n.p,{children:"\u0412\u0430\u0448\u0435\u0433\u043e \u0432\u043e\u043f\u0440\u043e\u0441\u0430 \u043d\u0435\u0442 \u0432 \u044d\u0442\u043e\u043c \u0440\u0443\u043a\u043e\u0432\u043e\u0434\u0441\u0442\u0432\u0435? \u041d\u0430\u043f\u0438\u0448\u0438\u0442\u0435 \u0441\u0432\u043e\u0439 \u0432\u043e\u043f\u0440\u043e\u0441, \u043e\u0441\u0442\u0430\u0432\u0438\u0432 \u043e\u0442\u0437\u044b\u0432 \u043a \u044d\u0442\u043e\u0439 \u0441\u0442\u0430\u0442\u044c\u0435 (\u0441\u0438\u043d\u044f\u044f \u043a\u043d\u043e\u043f\u043a\u0430 \u0441\u043f\u0440\u0430\u0432\u0430), \u0438 \u043c\u044b \u0440\u0430\u0441\u0441\u043c\u043e\u0442\u0440\u0438\u043c \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e\u0441\u0442\u044c \u0440\u0430\u0441\u0448\u0438\u0440\u0435\u043d\u0438\u044f \u044d\u0442\u043e\u0433\u043e \u0440\u0443\u043a\u043e\u0432\u043e\u0434\u0441\u0442\u0432\u0430!"})}),"\n",(0,s.jsx)(n.h2,{id:"\u043f\u0440\u043e\u0441\u0442\u043e\u0439-\u043b\u0435\u0439\u0430\u0443\u0442",children:"\u041f\u0440\u043e\u0441\u0442\u043e\u0439 \u043b\u0435\u0439\u0430\u0443\u0442"}),"\n",(0,s.jsxs)(n.p,{children:["\u0421\u0430\u043c\u044b\u0439 \u043f\u0440\u043e\u0441\u0442\u043e\u0439 \u043b\u0435\u0439\u0430\u0443\u0442 \u043c\u043e\u0436\u043d\u043e \u0443\u0432\u0438\u0434\u0435\u0442\u044c \u043f\u0440\u044f\u043c\u043e \u043d\u0430 \u044d\u0442\u043e\u0439 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0435. \u041e\u043d \u0438\u043c\u0435\u0435\u0442 \u0445\u044d\u0434\u0435\u0440 \u0441 \u043d\u0430\u0432\u0438\u0433\u0430\u0446\u0438\u0435\u0439 \u043f\u043e \u0441\u0430\u0439\u0442\u0443, \u0434\u0432\u0430 \u0441\u0430\u0439\u0434\u0431\u0430\u0440\u0430 \u0438 \u0444\u0443\u0442\u0435\u0440 \u0441 \u0432\u043d\u0435\u0448\u043d\u0438\u043c\u0438 \u0441\u0441\u044b\u043b\u043a\u0430\u043c\u0438. \u0417\u0434\u0435\u0441\u044c \u043d\u0435\u0442 \u0441\u043b\u043e\u0436\u043d\u043e\u0439 \u0431\u0438\u0437\u043d\u0435\u0441-\u043b\u043e\u0433\u0438\u043a\u0438, \u0438 \u0435\u0434\u0438\u043d\u0441\u0442\u0432\u0435\u043d\u043d\u044b\u0435 \u0434\u0438\u043d\u0430\u043c\u0438\u0447\u0435\u0441\u043a\u0438\u0435 \u0447\u0430\u0441\u0442\u0438 \u2014 \u044d\u0442\u043e \u0441\u0430\u0439\u0434\u0431\u0430\u0440\u044b \u0438 \u043f\u0435\u0440\u0435\u043a\u043b\u044e\u0447\u0430\u0442\u0435\u043b\u0438 \u0441\u043f\u0440\u0430\u0432\u0430 \u0432 \u0445\u044d\u0434\u0435\u0440\u0435. \u0422\u0430\u043a\u043e\u0439 \u043b\u0435\u0439\u0430\u0443\u0442 \u043c\u043e\u0436\u043d\u043e \u0440\u0430\u0437\u043c\u0435\u0441\u0442\u0438\u0442\u044c \u0446\u0435\u043b\u0438\u043a\u043e\u043c \u0432 ",(0,s.jsx)(n.code,{children:"shared/ui"})," \u0438\u043b\u0438 \u0432 ",(0,s.jsx)(n.code,{children:"app/layouts"}),", \u0441 \u0437\u0430\u043f\u043e\u043b\u043d\u0435\u043d\u0438\u0435\u043c \u043a\u043e\u043d\u0442\u0435\u043d\u0442\u0430 \u0441\u0430\u0439\u0434\u0431\u0430\u0440\u043e\u0432 \u0447\u0435\u0440\u0435\u0437 \u043f\u0440\u043e\u043f\u044b:"]}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-tsx",metastring:'title="shared/ui/layout/Layout.tsx"',children:'import { Link, Outlet } from "react-router-dom";\nimport { useThemeSwitcher } from "./useThemeSwitcher";\n\nexport function Layout({ siblingPages, headings }) {\n  const [theme, toggleTheme] = useThemeSwitcher();\n\n  return (\n    <div>\n      <header>\n        <nav>\n          <ul>\n            <li> <Link to="/">Home</Link> </li>\n            <li> <Link to="/docs">Docs</Link> </li>\n            <li> <Link to="/blog">Blog</Link> </li>\n          </ul>\n        </nav>\n        <button onClick={toggleTheme}>{theme}</button>\n      </header>\n      <main>\n        <SiblingPageSidebar siblingPages={siblingPages} />\n        <Outlet /> {/* \u0417\u0434\u0435\u0441\u044c \u0431\u0443\u0434\u0435\u0442 \u043e\u0441\u043d\u043e\u0432\u043d\u043e\u0435 \u0441\u043e\u0434\u0435\u0440\u0436\u0438\u043c\u043e\u0435 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b */}\n        <HeadingsSidebar headings={headings} />\n      </main>\n      <footer>\n        <ul>\n          <li>GitHub</li>\n          <li>Twitter</li>\n        </ul>\n      </footer>\n    </div>\n  );\n}\n'})}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-ts",metastring:'title="shared/ui/layout/useThemeSwitcher.ts"',children:'export function useThemeSwitcher() {\n  const [theme, setTheme] = useState("light");\n\n  function toggleTheme() {\n    setTheme(theme === "light" ? "dark" : "light");\n  }\n\n  useEffect(() => {\n    document.body.classList.remove("light", "dark");\n    document.body.classList.add(theme);\n  }, [theme]);\n\n  return [theme, toggleTheme] as const;\n}\n'})}),"\n",(0,s.jsx)(n.p,{children:"\u041a\u043e\u0434 \u0441\u0430\u0439\u0434\u0431\u0430\u0440\u043e\u0432 \u043e\u0441\u0442\u0430\u0432\u043b\u0435\u043d \u0447\u0438\u0442\u0430\u0442\u0435\u043b\u044e \u0432 \u043a\u0430\u0447\u0435\u0441\u0442\u0432\u0435 \u0443\u043f\u0440\u0430\u0436\u043d\u0435\u043d\u0438\u044f \ud83d\ude09."}),"\n",(0,s.jsx)(n.h2,{id:"\u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u0435-\u0432\u0438\u0434\u0436\u0435\u0442\u043e\u0432-\u0432-\u043b\u0435\u0439\u0430\u0443\u0442\u0435",children:"\u0418\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u0435 \u0432\u0438\u0434\u0436\u0435\u0442\u043e\u0432 \u0432 \u043b\u0435\u0439\u0430\u0443\u0442\u0435"}),"\n",(0,s.jsxs)(n.p,{children:["\u0418\u043d\u043e\u0433\u0434\u0430 \u0435\u0441\u0442\u044c \u043d\u0435\u043e\u0431\u0445\u043e\u0434\u0438\u043c\u043e\u0441\u0442\u044c \u0432\u043a\u043b\u044e\u0447\u0438\u0442\u044c \u0432 \u043b\u0435\u0439\u0430\u0443\u0442 \u043e\u043f\u0440\u0435\u0434\u0435\u043b\u0435\u043d\u043d\u0443\u044e \u0431\u0438\u0437\u043d\u0435\u0441-\u043b\u043e\u0433\u0438\u043a\u0443, \u043e\u0441\u043e\u0431\u0435\u043d\u043d\u043e \u0435\u0441\u043b\u0438 \u0432\u044b \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u0442\u0435 \u0433\u043b\u0443\u0431\u043e\u043a\u043e \u0432\u043b\u043e\u0436\u0435\u043d\u043d\u044b\u0435 \u043c\u0430\u0440\u0448\u0440\u0443\u0442\u044b \u0441 \u0440\u043e\u0443\u0442\u0435\u0440\u043e\u043c \u0442\u0438\u043f\u0430 ",(0,s.jsx)(n.a,{href:"https://reactrouter.com/",children:"React Router"}),". \u0422\u043e\u0433\u0434\u0430 \u0432\u044b \u043d\u0435 \u043c\u043e\u0436\u0435\u0442\u0435 \u0445\u0440\u0430\u043d\u0438\u0442\u044c \u043b\u0435\u0439\u0430\u0443\u0442 \u0432 Shared \u0438\u043b\u0438 \u0432 Widgets \u0438\u0437-\u0437\u0430 ",(0,s.jsx)(n.a,{href:"/docs/reference/layers#import-rule-on-layers",children:"\u043f\u0440\u0430\u0432\u0438\u043b\u0430 \u0438\u043c\u043f\u043e\u0440\u0442\u0430 \u0434\u043b\u044f \u0441\u043b\u043e\u0451\u0432"}),":"]}),"\n",(0,s.jsxs)(n.blockquote,{children:["\n",(0,s.jsx)(n.p,{children:"\u041c\u043e\u0434\u0443\u043b\u044c \u0432 \u0441\u043b\u0430\u0439\u0441\u0435 \u043c\u043e\u0436\u0435\u0442 \u0438\u043c\u043f\u043e\u0440\u0442\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u0434\u0440\u0443\u0433\u0438\u0435 \u0441\u043b\u0430\u0439\u0441\u044b \u0442\u043e\u043b\u044c\u043a\u043e \u0432 \u0442\u043e\u043c \u0441\u043b\u0443\u0447\u0430\u0435, \u0435\u0441\u043b\u0438 \u043e\u043d\u0438 \u0440\u0430\u0441\u043f\u043e\u043b\u043e\u0436\u0435\u043d\u044b \u043d\u0430 \u0441\u043b\u043e\u044f\u0445 \u0441\u0442\u0440\u043e\u0433\u043e \u043d\u0438\u0436\u0435."}),"\n"]}),"\n",(0,s.jsxs)(n.p,{children:["\u041f\u0440\u0435\u0436\u0434\u0435 \u0447\u0435\u043c \u043e\u0431\u0441\u0443\u0436\u0434\u0430\u0442\u044c \u0440\u0435\u0448\u0435\u043d\u0438\u044f, \u043d\u0430\u043c \u043d\u0443\u0436\u043d\u043e \u043e\u0431\u0441\u0443\u0434\u0438\u0442\u044c, \u0434\u0435\u0439\u0441\u0442\u0432\u0438\u0442\u0435\u043b\u044c\u043d\u043e \u043b\u0438 \u044d\u0442\u043e \u043f\u0440\u043e\u0431\u043b\u0435\u043c\u0430. \u0412\u0430\u043c ",(0,s.jsx)(n.em,{children:"\u0434\u0435\u0439\u0441\u0442\u0432\u0438\u0442\u0435\u043b\u044c\u043d\u043e \u043d\u0443\u0436\u0435\u043d"})," \u044d\u0442\u043e\u0442 \u043b\u0435\u0439\u0430\u0443\u0442, \u0438 \u0435\u0441\u043b\u0438 \u0434\u0430, ",(0,s.jsx)(n.em,{children:"\u0434\u0435\u0439\u0441\u0442\u0432\u0438\u0442\u0435\u043b\u044c\u043d\u043e \u043b\u0438"})," \u043e\u043d \u0434\u043e\u043b\u0436\u0435\u043d \u0431\u044b\u0442\u044c \u0432\u0438\u0434\u0436\u0435\u0442\u043e\u043c? \u0415\u0441\u043b\u0438 \u0431\u043b\u043e\u043a \u0431\u0438\u0437\u043d\u0435\u0441-\u043b\u043e\u0433\u0438\u043a\u0438, \u043f\u0440\u043e \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u0438\u0434\u0451\u0442 \u0440\u0435\u0447\u044c, \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u0442\u0441\u044f \u043d\u0430 2-3 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0430\u0445, \u0438 \u043b\u0435\u0439\u0430\u0443\u0442 \u043f\u0440\u043e\u0441\u0442\u043e \u044f\u0432\u043b\u044f\u0435\u0442\u0441\u044f \u043d\u0435\u0431\u043e\u043b\u044c\u0448\u043e\u0439 \u043e\u0431\u0451\u0440\u0442\u043a\u043e\u0439 \u0434\u043b\u044f \u044d\u0442\u043e\u0433\u043e \u0432\u0438\u0434\u0436\u0435\u0442\u0430, \u0440\u0430\u0441\u0441\u043c\u043e\u0442\u0440\u0438\u0442\u0435 \u043e\u0434\u0438\u043d \u0438\u0437 \u044d\u0442\u0438\u0445 \u0434\u0432\u0443\u0445 \u0432\u0430\u0440\u0438\u0430\u043d\u0442\u043e\u0432:"]}),"\n",(0,s.jsxs)(n.ol,{children:["\n",(0,s.jsxs)(n.li,{children:["\n",(0,s.jsxs)(n.p,{children:[(0,s.jsx)(n.strong,{children:"\u041d\u0430\u043f\u0438\u0448\u0438\u0442\u0435 \u0432\u0430\u0448 \u043b\u0435\u0439\u0430\u0443\u0442 \u043f\u0440\u044f\u043c\u043e \u0432 \u043a\u043e\u0434\u0435 \u0440\u043e\u0443\u0442\u0435\u0440\u0430 \u043d\u0430 \u0443\u0440\u043e\u0432\u043d\u0435 App"}),(0,s.jsx)(n.br,{}),"\n","\u042d\u0442\u043e \u043e\u0442\u043b\u0438\u0447\u043d\u043e \u043f\u043e\u0434\u0445\u043e\u0434\u0438\u0442 \u0434\u043b\u044f \u0440\u043e\u0443\u0442\u0435\u0440\u043e\u0432, \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u0438\u0432\u0430\u044e\u0449\u0438\u0445 \u0432\u043b\u043e\u0436\u0435\u043d\u043d\u043e\u0441\u0442\u044c, \u043f\u043e\u0442\u043e\u043c\u0443 \u0447\u0442\u043e \u0432\u044b \u043c\u043e\u0436\u0435\u0442\u0435 \u0433\u0440\u0443\u043f\u043f\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u043e\u043f\u0440\u0435\u0434\u0435\u043b\u0435\u043d\u043d\u044b\u0435 \u043c\u0430\u0440\u0448\u0440\u0443\u0442\u044b \u0438 \u043f\u0440\u0438\u043c\u0435\u043d\u044f\u0442\u044c \u043d\u0443\u0436\u043d\u044b\u0439 \u043b\u0435\u0439\u0430\u0443\u0442 \u0442\u043e\u043b\u044c\u043a\u043e \u043a \u043d\u0438\u043c."]}),"\n"]}),"\n",(0,s.jsxs)(n.li,{children:["\n",(0,s.jsxs)(n.p,{children:[(0,s.jsx)(n.strong,{children:"\u041f\u0440\u043e\u0441\u0442\u043e \u0441\u043a\u043e\u043f\u0438\u0440\u0443\u0439\u0442\u0435 \u0435\u0433\u043e"}),(0,s.jsx)(n.br,{}),"\n","\u0416\u0435\u043b\u0430\u043d\u0438\u0435 \u0430\u0431\u0441\u0442\u0440\u0430\u0433\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u043a\u043e\u0434 \u0447\u0430\u0441\u0442\u043e \u043f\u0435\u0440\u0435\u043e\u0446\u0435\u043d\u0435\u043d\u043e. \u042d\u0442\u043e \u043e\u0441\u043e\u0431\u0435\u043d\u043d\u043e \u0432\u0435\u0440\u043d\u043e \u0434\u043b\u044f \u043b\u0435\u0439\u0430\u0443\u0442\u043e\u0432, \u043f\u043e\u0442\u043e\u043c\u0443 \u0447\u0442\u043e \u043e\u043d\u0438 \u0440\u0435\u0434\u043a\u043e \u043c\u0435\u043d\u044f\u044e\u0442\u0441\u044f. \u0412 \u043a\u0430\u043a\u043e\u0439-\u0442\u043e \u043c\u043e\u043c\u0435\u043d\u0442, \u0435\u0441\u043b\u0438 \u043e\u0434\u043d\u0430 \u0438\u0437 \u044d\u0442\u0438\u0445 \u0441\u0442\u0440\u0430\u043d\u0438\u0446 \u043f\u043e\u0442\u0440\u0435\u0431\u0443\u0435\u0442 \u0438\u0437\u043c\u0435\u043d\u0435\u043d\u0438\u0439, \u0432\u044b \u043c\u043e\u0436\u0435\u0442\u0435 \u043f\u0440\u043e\u0441\u0442\u043e \u0432\u043d\u0435\u0441\u0442\u0438 \u0438\u0437\u043c\u0435\u043d\u0435\u043d\u0438\u044f, \u043d\u0435 \u0437\u0430\u0442\u0440\u0430\u0433\u0438\u0432\u0430\u044f \u0434\u0440\u0443\u0433\u0438\u0435 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b. \u0415\u0441\u043b\u0438 \u0432\u044b \u0431\u0435\u0441\u043f\u043e\u043a\u043e\u0438\u0442\u0435\u0441\u044c, \u0447\u0442\u043e \u043a\u0442\u043e-\u0442\u043e \u043c\u043e\u0436\u0435\u0442 \u0437\u0430\u0431\u044b\u0442\u044c \u043e\u0431\u043d\u043e\u0432\u0438\u0442\u044c \u0434\u0440\u0443\u0433\u0438\u0435 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b, \u0432\u0441\u0435\u0433\u0434\u0430 \u043c\u043e\u0436\u043d\u043e \u043e\u0441\u0442\u0430\u0432\u0438\u0442\u044c \u043a\u043e\u043c\u043c\u0435\u043d\u0442\u0430\u0440\u0438\u0439, \u043e\u043f\u0438\u0441\u044b\u0432\u0430\u044e\u0449\u0438\u0439 \u043e\u0442\u043d\u043e\u0448\u0435\u043d\u0438\u044f \u043c\u0435\u0436\u0434\u0443 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0430\u043c\u0438."]}),"\n"]}),"\n"]}),"\n",(0,s.jsx)(n.p,{children:"\u0415\u0441\u043b\u0438 \u043d\u0438 \u043e\u0434\u0438\u043d \u0438\u0437 \u0432\u044b\u0448\u0435\u043f\u0435\u0440\u0435\u0447\u0438\u0441\u043b\u0435\u043d\u043d\u044b\u0445 \u0432\u0430\u0440\u0438\u0430\u043d\u0442\u043e\u0432 \u043d\u0435 \u043f\u043e\u0434\u0445\u043e\u0434\u0438\u0442, \u0435\u0441\u0442\u044c \u0434\u0432\u0430 \u0440\u0435\u0448\u0435\u043d\u0438\u044f \u0434\u043b\u044f \u0432\u043a\u043b\u044e\u0447\u0435\u043d\u0438\u044f \u0432\u0438\u0434\u0436\u0435\u0442\u0430 \u0432 \u043b\u0435\u0439\u0430\u0443\u0442:"}),"\n",(0,s.jsxs)(n.ol,{children:["\n",(0,s.jsxs)(n.li,{children:["\n",(0,s.jsxs)(n.p,{children:[(0,s.jsx)(n.strong,{children:"\u0418\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0439\u0442\u0435 render props \u0438\u043b\u0438 \u0441\u043b\u043e\u0442\u044b"}),(0,s.jsx)(n.br,{}),"\n","\u0411\u043e\u043b\u044c\u0448\u0438\u043d\u0441\u0442\u0432\u043e \u0444\u0440\u0435\u0439\u043c\u0432\u043e\u0440\u043a\u043e\u0432 \u043f\u043e\u0437\u0432\u043e\u043b\u044f\u044e\u0442 \u043f\u0435\u0440\u0435\u0434\u0430\u0432\u0430\u0442\u044c \u0447\u0430\u0441\u0442\u044c UI \u0432\u043d\u0435\u0448\u043d\u0435. \u0412 React \u044d\u0442\u043e \u043d\u0430\u0437\u044b\u0432\u0430\u0435\u0442\u0441\u044f ",(0,s.jsx)(n.a,{href:"https://www.patterns.dev/react/render-props-pattern/",children:"render props"}),", \u0432 Vue \u2014 ",(0,s.jsx)(n.a,{href:"https://ru.vuejs.org/guide/components/slots",children:"\u0441\u043b\u043e\u0442\u044b"}),"."]}),"\n"]}),"\n",(0,s.jsxs)(n.li,{children:["\n",(0,s.jsxs)(n.p,{children:[(0,s.jsx)(n.strong,{children:"\u041f\u0435\u0440\u0435\u043c\u0435\u0441\u0442\u0438\u0442\u0435 \u043b\u0435\u0439\u0430\u0443\u0442 \u043d\u0430 \u0443\u0440\u043e\u0432\u0435\u043d\u044c App"}),(0,s.jsx)(n.br,{}),"\n","\u0412\u044b \u0442\u0430\u043a\u0436\u0435 \u043c\u043e\u0436\u0435\u0442\u0435 \u0445\u0440\u0430\u043d\u0438\u0442\u044c \u0441\u0432\u043e\u0439 \u043b\u0435\u0439\u0430\u0443\u0442 \u043d\u0430 \u0443\u0440\u043e\u0432\u043d\u0435 App, \u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, \u0432 ",(0,s.jsx)(n.code,{children:"app/layouts"}),", \u0438 \u043a\u043e\u043c\u0431\u0438\u043d\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u043b\u044e\u0431\u044b\u0435 \u0432\u0438\u0434\u0436\u0435\u0442\u044b, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u0432\u0430\u043c \u043d\u0443\u0436\u043d\u044b."]}),"\n"]}),"\n"]}),"\n",(0,s.jsx)(n.h2,{id:"\u0434\u043e\u043f\u043e\u043b\u043d\u0438\u0442\u0435\u043b\u044c\u043d\u044b\u0435-\u043c\u0430\u0442\u0435\u0440\u0438\u0430\u043b\u044b",children:"\u0414\u043e\u043f\u043e\u043b\u043d\u0438\u0442\u0435\u043b\u044c\u043d\u044b\u0435 \u043c\u0430\u0442\u0435\u0440\u0438\u0430\u043b\u044b"}),"\n",(0,s.jsxs)(n.ul,{children:["\n",(0,s.jsxs)(n.li,{children:["\u041f\u0440\u0438\u043c\u0435\u0440 \u0441\u043e\u0437\u0434\u0430\u043d\u0438\u044f \u043b\u0435\u0439\u0430\u0443\u0442\u0430 \u0441 \u0430\u0443\u0442\u0435\u043d\u0442\u0438\u0444\u0438\u043a\u0430\u0446\u0438\u0435\u0439 \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e React \u0438 Remix (\u0430\u043d\u0430\u043b\u043e\u0433\u0438\u0447\u0435\u043d React Router) \u043c\u043e\u0436\u043d\u043e \u043d\u0430\u0439\u0442\u0438 \u0432 ",(0,s.jsx)(n.a,{href:"/docs/get-started/tutorial",children:"\u0442\u0443\u0442\u043e\u0440\u0438\u0430\u043b\u0435"}),"."]}),"\n"]})]})}function u(e={}){const{wrapper:n}={...(0,i.R)(),...e.components};return n?(0,s.jsx)(n,{...e,children:(0,s.jsx)(a,{...e})}):a(e)}},1100:(e,n,t)=>{t.d(n,{R:()=>o,x:()=>l});var s=t(758);const i={},r=s.createContext(i);function o(e){const n=s.useContext(r);return s.useMemo((function(){return"function"==typeof e?e(n):{...n,...e}}),[n,e])}function l(e){let n;return n=e.disableParentContext?"function"==typeof e.components?e.components(i):e.components||i:o(e.components),s.createElement(r.Provider,{value:n},e.children)}}}]);
\ No newline at end of file
+"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[393],{896:(e,n,t)=>{t.r(n),t.d(n,{assets:()=>d,contentTitle:()=>o,default:()=>u,frontMatter:()=>r,metadata:()=>l,toc:()=>c});var s=t(6070),i=t(1100);const r={sidebar_position:3},o="\u041b\u0435\u0439\u0430\u0443\u0442\u044b \u0441\u0442\u0440\u0430\u043d\u0438\u0446",l={id:"guides/examples/page-layout",title:"\u041b\u0435\u0439\u0430\u0443\u0442\u044b \u0441\u0442\u0440\u0430\u043d\u0438\u0446",description:"\u042d\u0442\u043e \u0440\u0443\u043a\u043e\u0432\u043e\u0434\u0441\u0442\u0432\u043e \u0440\u0430\u0441\u0441\u043c\u0430\u0442\u0440\u0438\u0432\u0430\u0435\u0442 \u0430\u0431\u0441\u0442\u0440\u0430\u043a\u0446\u0438\u044e \u043b\u0435\u0439\u0430\u0443\u0442\u0430 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b \u2014 \u043a\u043e\u0433\u0434\u0430 \u043d\u0435\u0441\u043a\u043e\u043b\u044c\u043a\u043e \u0441\u0442\u0440\u0430\u043d\u0438\u0446 \u0438\u043c\u0435\u044e\u0442 \u043e\u0434\u0438\u043d\u0430\u043a\u043e\u0432\u0443\u044e \u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u0443, \u043e\u0442\u043b\u0438\u0447\u0430\u044f\u0441\u044c \u0442\u043e\u043b\u044c\u043a\u043e \u043e\u0441\u043d\u043e\u0432\u043d\u044b\u043c \u0441\u043e\u0434\u0435\u0440\u0436\u0438\u043c\u044b\u043c.",source:"@site/i18n/ru/docusaurus-plugin-content-docs/current/guides/examples/page-layout.md",sourceDirName:"guides/examples",slug:"/guides/examples/page-layout",permalink:"/ru/docs/guides/examples/page-layout",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/ru/docusaurus-plugin-content-docs/current/guides/examples/page-layout.md",tags:[],version:"current",lastUpdatedAt:1728325386e3,sidebarPosition:3,frontMatter:{sidebar_position:3},sidebar:"guidesSidebar",previous:{title:"\u0422\u0438\u043f\u044b",permalink:"/ru/docs/guides/examples/types"},next:{title:"\u0421 \u043a\u0430\u0441\u0442\u043e\u043c\u043d\u043e\u0439 \u0430\u0440\u0445\u0438\u0442\u0435\u043a\u0442\u0443\u0440\u044b",permalink:"/ru/docs/guides/migration/from-custom"}},d={},c=[{value:"\u041f\u0440\u043e\u0441\u0442\u043e\u0439 \u043b\u0435\u0439\u0430\u0443\u0442",id:"\u043f\u0440\u043e\u0441\u0442\u043e\u0439-\u043b\u0435\u0439\u0430\u0443\u0442",level:2},{value:"\u0418\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u0435 \u0432\u0438\u0434\u0436\u0435\u0442\u043e\u0432 \u0432 \u043b\u0435\u0439\u0430\u0443\u0442\u0435",id:"\u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u0435-\u0432\u0438\u0434\u0436\u0435\u0442\u043e\u0432-\u0432-\u043b\u0435\u0439\u0430\u0443\u0442\u0435",level:2},{value:"\u0414\u043e\u043f\u043e\u043b\u043d\u0438\u0442\u0435\u043b\u044c\u043d\u044b\u0435 \u043c\u0430\u0442\u0435\u0440\u0438\u0430\u043b\u044b",id:"\u0434\u043e\u043f\u043e\u043b\u043d\u0438\u0442\u0435\u043b\u044c\u043d\u044b\u0435-\u043c\u0430\u0442\u0435\u0440\u0438\u0430\u043b\u044b",level:2}];function a(e){const n={a:"a",admonition:"admonition",blockquote:"blockquote",br:"br",code:"code",em:"em",h1:"h1",h2:"h2",header:"header",li:"li",ol:"ol",p:"p",pre:"pre",strong:"strong",ul:"ul",...(0,i.R)(),...e.components};return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(n.header,{children:(0,s.jsx)(n.h1,{id:"\u043b\u0435\u0439\u0430\u0443\u0442\u044b-\u0441\u0442\u0440\u0430\u043d\u0438\u0446",children:"\u041b\u0435\u0439\u0430\u0443\u0442\u044b \u0441\u0442\u0440\u0430\u043d\u0438\u0446"})}),"\n",(0,s.jsxs)(n.p,{children:["\u042d\u0442\u043e \u0440\u0443\u043a\u043e\u0432\u043e\u0434\u0441\u0442\u0432\u043e \u0440\u0430\u0441\u0441\u043c\u0430\u0442\u0440\u0438\u0432\u0430\u0435\u0442 \u0430\u0431\u0441\u0442\u0440\u0430\u043a\u0446\u0438\u044e ",(0,s.jsx)(n.em,{children:"\u043b\u0435\u0439\u0430\u0443\u0442\u0430 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b"})," \u2014 \u043a\u043e\u0433\u0434\u0430 \u043d\u0435\u0441\u043a\u043e\u043b\u044c\u043a\u043e \u0441\u0442\u0440\u0430\u043d\u0438\u0446 \u0438\u043c\u0435\u044e\u0442 \u043e\u0434\u0438\u043d\u0430\u043a\u043e\u0432\u0443\u044e \u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u0443, \u043e\u0442\u043b\u0438\u0447\u0430\u044f\u0441\u044c \u0442\u043e\u043b\u044c\u043a\u043e \u043e\u0441\u043d\u043e\u0432\u043d\u044b\u043c \u0441\u043e\u0434\u0435\u0440\u0436\u0438\u043c\u044b\u043c."]}),"\n",(0,s.jsx)(n.admonition,{type:"info",children:(0,s.jsx)(n.p,{children:"\u0412\u0430\u0448\u0435\u0433\u043e \u0432\u043e\u043f\u0440\u043e\u0441\u0430 \u043d\u0435\u0442 \u0432 \u044d\u0442\u043e\u043c \u0440\u0443\u043a\u043e\u0432\u043e\u0434\u0441\u0442\u0432\u0435? \u041d\u0430\u043f\u0438\u0448\u0438\u0442\u0435 \u0441\u0432\u043e\u0439 \u0432\u043e\u043f\u0440\u043e\u0441, \u043e\u0441\u0442\u0430\u0432\u0438\u0432 \u043e\u0442\u0437\u044b\u0432 \u043a \u044d\u0442\u043e\u0439 \u0441\u0442\u0430\u0442\u044c\u0435 (\u0441\u0438\u043d\u044f\u044f \u043a\u043d\u043e\u043f\u043a\u0430 \u0441\u043f\u0440\u0430\u0432\u0430), \u0438 \u043c\u044b \u0440\u0430\u0441\u0441\u043c\u043e\u0442\u0440\u0438\u043c \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e\u0441\u0442\u044c \u0440\u0430\u0441\u0448\u0438\u0440\u0435\u043d\u0438\u044f \u044d\u0442\u043e\u0433\u043e \u0440\u0443\u043a\u043e\u0432\u043e\u0434\u0441\u0442\u0432\u0430!"})}),"\n",(0,s.jsx)(n.h2,{id:"\u043f\u0440\u043e\u0441\u0442\u043e\u0439-\u043b\u0435\u0439\u0430\u0443\u0442",children:"\u041f\u0440\u043e\u0441\u0442\u043e\u0439 \u043b\u0435\u0439\u0430\u0443\u0442"}),"\n",(0,s.jsxs)(n.p,{children:["\u0421\u0430\u043c\u044b\u0439 \u043f\u0440\u043e\u0441\u0442\u043e\u0439 \u043b\u0435\u0439\u0430\u0443\u0442 \u043c\u043e\u0436\u043d\u043e \u0443\u0432\u0438\u0434\u0435\u0442\u044c \u043f\u0440\u044f\u043c\u043e \u043d\u0430 \u044d\u0442\u043e\u0439 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0435. \u041e\u043d \u0438\u043c\u0435\u0435\u0442 \u0445\u044d\u0434\u0435\u0440 \u0441 \u043d\u0430\u0432\u0438\u0433\u0430\u0446\u0438\u0435\u0439 \u043f\u043e \u0441\u0430\u0439\u0442\u0443, \u0434\u0432\u0430 \u0441\u0430\u0439\u0434\u0431\u0430\u0440\u0430 \u0438 \u0444\u0443\u0442\u0435\u0440 \u0441 \u0432\u043d\u0435\u0448\u043d\u0438\u043c\u0438 \u0441\u0441\u044b\u043b\u043a\u0430\u043c\u0438. \u0417\u0434\u0435\u0441\u044c \u043d\u0435\u0442 \u0441\u043b\u043e\u0436\u043d\u043e\u0439 \u0431\u0438\u0437\u043d\u0435\u0441-\u043b\u043e\u0433\u0438\u043a\u0438, \u0438 \u0435\u0434\u0438\u043d\u0441\u0442\u0432\u0435\u043d\u043d\u044b\u0435 \u0434\u0438\u043d\u0430\u043c\u0438\u0447\u0435\u0441\u043a\u0438\u0435 \u0447\u0430\u0441\u0442\u0438 \u2014 \u044d\u0442\u043e \u0441\u0430\u0439\u0434\u0431\u0430\u0440\u044b \u0438 \u043f\u0435\u0440\u0435\u043a\u043b\u044e\u0447\u0430\u0442\u0435\u043b\u0438 \u0441\u043f\u0440\u0430\u0432\u0430 \u0432 \u0445\u044d\u0434\u0435\u0440\u0435. \u0422\u0430\u043a\u043e\u0439 \u043b\u0435\u0439\u0430\u0443\u0442 \u043c\u043e\u0436\u043d\u043e \u0440\u0430\u0437\u043c\u0435\u0441\u0442\u0438\u0442\u044c \u0446\u0435\u043b\u0438\u043a\u043e\u043c \u0432 ",(0,s.jsx)(n.code,{children:"shared/ui"})," \u0438\u043b\u0438 \u0432 ",(0,s.jsx)(n.code,{children:"app/layouts"}),", \u0441 \u0437\u0430\u043f\u043e\u043b\u043d\u0435\u043d\u0438\u0435\u043c \u043a\u043e\u043d\u0442\u0435\u043d\u0442\u0430 \u0441\u0430\u0439\u0434\u0431\u0430\u0440\u043e\u0432 \u0447\u0435\u0440\u0435\u0437 \u043f\u0440\u043e\u043f\u044b:"]}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-tsx",metastring:'title="shared/ui/layout/Layout.tsx"',children:'import { Link, Outlet } from "react-router-dom";\nimport { useThemeSwitcher } from "./useThemeSwitcher";\n\nexport function Layout({ siblingPages, headings }) {\n  const [theme, toggleTheme] = useThemeSwitcher();\n\n  return (\n    <div>\n      <header>\n        <nav>\n          <ul>\n            <li> <Link to="/">Home</Link> </li>\n            <li> <Link to="/docs">Docs</Link> </li>\n            <li> <Link to="/blog">Blog</Link> </li>\n          </ul>\n        </nav>\n        <button onClick={toggleTheme}>{theme}</button>\n      </header>\n      <main>\n        <SiblingPageSidebar siblingPages={siblingPages} />\n        <Outlet /> {/* \u0417\u0434\u0435\u0441\u044c \u0431\u0443\u0434\u0435\u0442 \u043e\u0441\u043d\u043e\u0432\u043d\u043e\u0435 \u0441\u043e\u0434\u0435\u0440\u0436\u0438\u043c\u043e\u0435 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b */}\n        <HeadingsSidebar headings={headings} />\n      </main>\n      <footer>\n        <ul>\n          <li>GitHub</li>\n          <li>Twitter</li>\n        </ul>\n      </footer>\n    </div>\n  );\n}\n'})}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-ts",metastring:'title="shared/ui/layout/useThemeSwitcher.ts"',children:'export function useThemeSwitcher() {\n  const [theme, setTheme] = useState("light");\n\n  function toggleTheme() {\n    setTheme(theme === "light" ? "dark" : "light");\n  }\n\n  useEffect(() => {\n    document.body.classList.remove("light", "dark");\n    document.body.classList.add(theme);\n  }, [theme]);\n\n  return [theme, toggleTheme] as const;\n}\n'})}),"\n",(0,s.jsx)(n.p,{children:"\u041a\u043e\u0434 \u0441\u0430\u0439\u0434\u0431\u0430\u0440\u043e\u0432 \u043e\u0441\u0442\u0430\u0432\u043b\u0435\u043d \u0447\u0438\u0442\u0430\u0442\u0435\u043b\u044e \u0432 \u043a\u0430\u0447\u0435\u0441\u0442\u0432\u0435 \u0443\u043f\u0440\u0430\u0436\u043d\u0435\u043d\u0438\u044f \ud83d\ude09."}),"\n",(0,s.jsx)(n.h2,{id:"\u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u0435-\u0432\u0438\u0434\u0436\u0435\u0442\u043e\u0432-\u0432-\u043b\u0435\u0439\u0430\u0443\u0442\u0435",children:"\u0418\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u0435 \u0432\u0438\u0434\u0436\u0435\u0442\u043e\u0432 \u0432 \u043b\u0435\u0439\u0430\u0443\u0442\u0435"}),"\n",(0,s.jsxs)(n.p,{children:["\u0418\u043d\u043e\u0433\u0434\u0430 \u0435\u0441\u0442\u044c \u043d\u0435\u043e\u0431\u0445\u043e\u0434\u0438\u043c\u043e\u0441\u0442\u044c \u0432\u043a\u043b\u044e\u0447\u0438\u0442\u044c \u0432 \u043b\u0435\u0439\u0430\u0443\u0442 \u043e\u043f\u0440\u0435\u0434\u0435\u043b\u0435\u043d\u043d\u0443\u044e \u0431\u0438\u0437\u043d\u0435\u0441-\u043b\u043e\u0433\u0438\u043a\u0443, \u043e\u0441\u043e\u0431\u0435\u043d\u043d\u043e \u0435\u0441\u043b\u0438 \u0432\u044b \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u0442\u0435 \u0433\u043b\u0443\u0431\u043e\u043a\u043e \u0432\u043b\u043e\u0436\u0435\u043d\u043d\u044b\u0435 \u043c\u0430\u0440\u0448\u0440\u0443\u0442\u044b \u0441 \u0440\u043e\u0443\u0442\u0435\u0440\u043e\u043c \u0442\u0438\u043f\u0430 ",(0,s.jsx)(n.a,{href:"https://reactrouter.com/",children:"React Router"}),". \u0422\u043e\u0433\u0434\u0430 \u0432\u044b \u043d\u0435 \u043c\u043e\u0436\u0435\u0442\u0435 \u0445\u0440\u0430\u043d\u0438\u0442\u044c \u043b\u0435\u0439\u0430\u0443\u0442 \u0432 Shared \u0438\u043b\u0438 \u0432 Widgets \u0438\u0437-\u0437\u0430 ",(0,s.jsx)(n.a,{href:"/docs/reference/layers#import-rule-on-layers",children:"\u043f\u0440\u0430\u0432\u0438\u043b\u0430 \u0438\u043c\u043f\u043e\u0440\u0442\u0430 \u0434\u043b\u044f \u0441\u043b\u043e\u0451\u0432"}),":"]}),"\n",(0,s.jsxs)(n.blockquote,{children:["\n",(0,s.jsx)(n.p,{children:"\u041c\u043e\u0434\u0443\u043b\u044c \u0432 \u0441\u043b\u0430\u0439\u0441\u0435 \u043c\u043e\u0436\u0435\u0442 \u0438\u043c\u043f\u043e\u0440\u0442\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u0434\u0440\u0443\u0433\u0438\u0435 \u0441\u043b\u0430\u0439\u0441\u044b \u0442\u043e\u043b\u044c\u043a\u043e \u0432 \u0442\u043e\u043c \u0441\u043b\u0443\u0447\u0430\u0435, \u0435\u0441\u043b\u0438 \u043e\u043d\u0438 \u0440\u0430\u0441\u043f\u043e\u043b\u043e\u0436\u0435\u043d\u044b \u043d\u0430 \u0441\u043b\u043e\u044f\u0445 \u0441\u0442\u0440\u043e\u0433\u043e \u043d\u0438\u0436\u0435."}),"\n"]}),"\n",(0,s.jsxs)(n.p,{children:["\u041f\u0440\u0435\u0436\u0434\u0435 \u0447\u0435\u043c \u043e\u0431\u0441\u0443\u0436\u0434\u0430\u0442\u044c \u0440\u0435\u0448\u0435\u043d\u0438\u044f, \u043d\u0430\u043c \u043d\u0443\u0436\u043d\u043e \u043e\u0431\u0441\u0443\u0434\u0438\u0442\u044c, \u0434\u0435\u0439\u0441\u0442\u0432\u0438\u0442\u0435\u043b\u044c\u043d\u043e \u043b\u0438 \u044d\u0442\u043e \u043f\u0440\u043e\u0431\u043b\u0435\u043c\u0430. \u0412\u0430\u043c ",(0,s.jsx)(n.em,{children:"\u0434\u0435\u0439\u0441\u0442\u0432\u0438\u0442\u0435\u043b\u044c\u043d\u043e \u043d\u0443\u0436\u0435\u043d"})," \u044d\u0442\u043e\u0442 \u043b\u0435\u0439\u0430\u0443\u0442, \u0438 \u0435\u0441\u043b\u0438 \u0434\u0430, ",(0,s.jsx)(n.em,{children:"\u0434\u0435\u0439\u0441\u0442\u0432\u0438\u0442\u0435\u043b\u044c\u043d\u043e \u043b\u0438"})," \u043e\u043d \u0434\u043e\u043b\u0436\u0435\u043d \u0431\u044b\u0442\u044c \u0432\u0438\u0434\u0436\u0435\u0442\u043e\u043c? \u0415\u0441\u043b\u0438 \u0431\u043b\u043e\u043a \u0431\u0438\u0437\u043d\u0435\u0441-\u043b\u043e\u0433\u0438\u043a\u0438, \u043f\u0440\u043e \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u0438\u0434\u0451\u0442 \u0440\u0435\u0447\u044c, \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u0442\u0441\u044f \u043d\u0430 2-3 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0430\u0445, \u0438 \u043b\u0435\u0439\u0430\u0443\u0442 \u043f\u0440\u043e\u0441\u0442\u043e \u044f\u0432\u043b\u044f\u0435\u0442\u0441\u044f \u043d\u0435\u0431\u043e\u043b\u044c\u0448\u043e\u0439 \u043e\u0431\u0451\u0440\u0442\u043a\u043e\u0439 \u0434\u043b\u044f \u044d\u0442\u043e\u0433\u043e \u0432\u0438\u0434\u0436\u0435\u0442\u0430, \u0440\u0430\u0441\u0441\u043c\u043e\u0442\u0440\u0438\u0442\u0435 \u043e\u0434\u0438\u043d \u0438\u0437 \u044d\u0442\u0438\u0445 \u0434\u0432\u0443\u0445 \u0432\u0430\u0440\u0438\u0430\u043d\u0442\u043e\u0432:"]}),"\n",(0,s.jsxs)(n.ol,{children:["\n",(0,s.jsxs)(n.li,{children:["\n",(0,s.jsxs)(n.p,{children:[(0,s.jsx)(n.strong,{children:"\u041d\u0430\u043f\u0438\u0448\u0438\u0442\u0435 \u0432\u0430\u0448 \u043b\u0435\u0439\u0430\u0443\u0442 \u043f\u0440\u044f\u043c\u043e \u0432 \u043a\u043e\u0434\u0435 \u0440\u043e\u0443\u0442\u0435\u0440\u0430 \u043d\u0430 \u0443\u0440\u043e\u0432\u043d\u0435 App"}),(0,s.jsx)(n.br,{}),"\n","\u042d\u0442\u043e \u043e\u0442\u043b\u0438\u0447\u043d\u043e \u043f\u043e\u0434\u0445\u043e\u0434\u0438\u0442 \u0434\u043b\u044f \u0440\u043e\u0443\u0442\u0435\u0440\u043e\u0432, \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u0438\u0432\u0430\u044e\u0449\u0438\u0445 \u0432\u043b\u043e\u0436\u0435\u043d\u043d\u043e\u0441\u0442\u044c, \u043f\u043e\u0442\u043e\u043c\u0443 \u0447\u0442\u043e \u0432\u044b \u043c\u043e\u0436\u0435\u0442\u0435 \u0433\u0440\u0443\u043f\u043f\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u043e\u043f\u0440\u0435\u0434\u0435\u043b\u0435\u043d\u043d\u044b\u0435 \u043c\u0430\u0440\u0448\u0440\u0443\u0442\u044b \u0438 \u043f\u0440\u0438\u043c\u0435\u043d\u044f\u0442\u044c \u043d\u0443\u0436\u043d\u044b\u0439 \u043b\u0435\u0439\u0430\u0443\u0442 \u0442\u043e\u043b\u044c\u043a\u043e \u043a \u043d\u0438\u043c."]}),"\n"]}),"\n",(0,s.jsxs)(n.li,{children:["\n",(0,s.jsxs)(n.p,{children:[(0,s.jsx)(n.strong,{children:"\u041f\u0440\u043e\u0441\u0442\u043e \u0441\u043a\u043e\u043f\u0438\u0440\u0443\u0439\u0442\u0435 \u0435\u0433\u043e"}),(0,s.jsx)(n.br,{}),"\n","\u0416\u0435\u043b\u0430\u043d\u0438\u0435 \u0430\u0431\u0441\u0442\u0440\u0430\u0433\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u043a\u043e\u0434 \u0447\u0430\u0441\u0442\u043e \u043f\u0435\u0440\u0435\u043e\u0446\u0435\u043d\u0435\u043d\u043e. \u042d\u0442\u043e \u043e\u0441\u043e\u0431\u0435\u043d\u043d\u043e \u0432\u0435\u0440\u043d\u043e \u0434\u043b\u044f \u043b\u0435\u0439\u0430\u0443\u0442\u043e\u0432, \u043f\u043e\u0442\u043e\u043c\u0443 \u0447\u0442\u043e \u043e\u043d\u0438 \u0440\u0435\u0434\u043a\u043e \u043c\u0435\u043d\u044f\u044e\u0442\u0441\u044f. \u0412 \u043a\u0430\u043a\u043e\u0439-\u0442\u043e \u043c\u043e\u043c\u0435\u043d\u0442, \u0435\u0441\u043b\u0438 \u043e\u0434\u043d\u0430 \u0438\u0437 \u044d\u0442\u0438\u0445 \u0441\u0442\u0440\u0430\u043d\u0438\u0446 \u043f\u043e\u0442\u0440\u0435\u0431\u0443\u0435\u0442 \u0438\u0437\u043c\u0435\u043d\u0435\u043d\u0438\u0439, \u0432\u044b \u043c\u043e\u0436\u0435\u0442\u0435 \u043f\u0440\u043e\u0441\u0442\u043e \u0432\u043d\u0435\u0441\u0442\u0438 \u0438\u0437\u043c\u0435\u043d\u0435\u043d\u0438\u044f, \u043d\u0435 \u0437\u0430\u0442\u0440\u0430\u0433\u0438\u0432\u0430\u044f \u0434\u0440\u0443\u0433\u0438\u0435 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b. \u0415\u0441\u043b\u0438 \u0432\u044b \u0431\u0435\u0441\u043f\u043e\u043a\u043e\u0438\u0442\u0435\u0441\u044c, \u0447\u0442\u043e \u043a\u0442\u043e-\u0442\u043e \u043c\u043e\u0436\u0435\u0442 \u0437\u0430\u0431\u044b\u0442\u044c \u043e\u0431\u043d\u043e\u0432\u0438\u0442\u044c \u0434\u0440\u0443\u0433\u0438\u0435 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b, \u0432\u0441\u0435\u0433\u0434\u0430 \u043c\u043e\u0436\u043d\u043e \u043e\u0441\u0442\u0430\u0432\u0438\u0442\u044c \u043a\u043e\u043c\u043c\u0435\u043d\u0442\u0430\u0440\u0438\u0439, \u043e\u043f\u0438\u0441\u044b\u0432\u0430\u044e\u0449\u0438\u0439 \u043e\u0442\u043d\u043e\u0448\u0435\u043d\u0438\u044f \u043c\u0435\u0436\u0434\u0443 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0430\u043c\u0438."]}),"\n"]}),"\n"]}),"\n",(0,s.jsx)(n.p,{children:"\u0415\u0441\u043b\u0438 \u043d\u0438 \u043e\u0434\u0438\u043d \u0438\u0437 \u0432\u044b\u0448\u0435\u043f\u0435\u0440\u0435\u0447\u0438\u0441\u043b\u0435\u043d\u043d\u044b\u0445 \u0432\u0430\u0440\u0438\u0430\u043d\u0442\u043e\u0432 \u043d\u0435 \u043f\u043e\u0434\u0445\u043e\u0434\u0438\u0442, \u0435\u0441\u0442\u044c \u0434\u0432\u0430 \u0440\u0435\u0448\u0435\u043d\u0438\u044f \u0434\u043b\u044f \u0432\u043a\u043b\u044e\u0447\u0435\u043d\u0438\u044f \u0432\u0438\u0434\u0436\u0435\u0442\u0430 \u0432 \u043b\u0435\u0439\u0430\u0443\u0442:"}),"\n",(0,s.jsxs)(n.ol,{children:["\n",(0,s.jsxs)(n.li,{children:["\n",(0,s.jsxs)(n.p,{children:[(0,s.jsx)(n.strong,{children:"\u0418\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0439\u0442\u0435 render props \u0438\u043b\u0438 \u0441\u043b\u043e\u0442\u044b"}),(0,s.jsx)(n.br,{}),"\n","\u0411\u043e\u043b\u044c\u0448\u0438\u043d\u0441\u0442\u0432\u043e \u0444\u0440\u0435\u0439\u043c\u0432\u043e\u0440\u043a\u043e\u0432 \u043f\u043e\u0437\u0432\u043e\u043b\u044f\u044e\u0442 \u043f\u0435\u0440\u0435\u0434\u0430\u0432\u0430\u0442\u044c \u0447\u0430\u0441\u0442\u044c UI \u0432\u043d\u0435\u0448\u043d\u0435. \u0412 React \u044d\u0442\u043e \u043d\u0430\u0437\u044b\u0432\u0430\u0435\u0442\u0441\u044f ",(0,s.jsx)(n.a,{href:"https://www.patterns.dev/react/render-props-pattern/",children:"render props"}),", \u0432 Vue \u2014 ",(0,s.jsx)(n.a,{href:"https://ru.vuejs.org/guide/components/slots",children:"\u0441\u043b\u043e\u0442\u044b"}),"."]}),"\n"]}),"\n",(0,s.jsxs)(n.li,{children:["\n",(0,s.jsxs)(n.p,{children:[(0,s.jsx)(n.strong,{children:"\u041f\u0435\u0440\u0435\u043c\u0435\u0441\u0442\u0438\u0442\u0435 \u043b\u0435\u0439\u0430\u0443\u0442 \u043d\u0430 \u0443\u0440\u043e\u0432\u0435\u043d\u044c App"}),(0,s.jsx)(n.br,{}),"\n","\u0412\u044b \u0442\u0430\u043a\u0436\u0435 \u043c\u043e\u0436\u0435\u0442\u0435 \u0445\u0440\u0430\u043d\u0438\u0442\u044c \u0441\u0432\u043e\u0439 \u043b\u0435\u0439\u0430\u0443\u0442 \u043d\u0430 \u0443\u0440\u043e\u0432\u043d\u0435 App, \u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, \u0432 ",(0,s.jsx)(n.code,{children:"app/layouts"}),", \u0438 \u043a\u043e\u043c\u0431\u0438\u043d\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u043b\u044e\u0431\u044b\u0435 \u0432\u0438\u0434\u0436\u0435\u0442\u044b, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u0432\u0430\u043c \u043d\u0443\u0436\u043d\u044b."]}),"\n"]}),"\n"]}),"\n",(0,s.jsx)(n.h2,{id:"\u0434\u043e\u043f\u043e\u043b\u043d\u0438\u0442\u0435\u043b\u044c\u043d\u044b\u0435-\u043c\u0430\u0442\u0435\u0440\u0438\u0430\u043b\u044b",children:"\u0414\u043e\u043f\u043e\u043b\u043d\u0438\u0442\u0435\u043b\u044c\u043d\u044b\u0435 \u043c\u0430\u0442\u0435\u0440\u0438\u0430\u043b\u044b"}),"\n",(0,s.jsxs)(n.ul,{children:["\n",(0,s.jsxs)(n.li,{children:["\u041f\u0440\u0438\u043c\u0435\u0440 \u0441\u043e\u0437\u0434\u0430\u043d\u0438\u044f \u043b\u0435\u0439\u0430\u0443\u0442\u0430 \u0441 \u0430\u0443\u0442\u0435\u043d\u0442\u0438\u0444\u0438\u043a\u0430\u0446\u0438\u0435\u0439 \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e React \u0438 Remix (\u0430\u043d\u0430\u043b\u043e\u0433\u0438\u0447\u0435\u043d React Router) \u043c\u043e\u0436\u043d\u043e \u043d\u0430\u0439\u0442\u0438 \u0432 ",(0,s.jsx)(n.a,{href:"/docs/get-started/tutorial",children:"\u0442\u0443\u0442\u043e\u0440\u0438\u0430\u043b\u0435"}),"."]}),"\n"]})]})}function u(e={}){const{wrapper:n}={...(0,i.R)(),...e.components};return n?(0,s.jsx)(n,{...e,children:(0,s.jsx)(a,{...e})}):a(e)}},1100:(e,n,t)=>{t.d(n,{R:()=>o,x:()=>l});var s=t(758);const i={},r=s.createContext(i);function o(e){const n=s.useContext(r);return s.useMemo((function(){return"function"==typeof e?e(n):{...n,...e}}),[n,e])}function l(e){let n;return n=e.disableParentContext?"function"==typeof e.components?e.components(i):e.components||i:o(e.components),s.createElement(r.Provider,{value:n},e.children)}}}]);
\ No newline at end of file
diff --git a/ru/assets/js/f39d466e.b2a318f0.js b/ru/assets/js/f39d466e.589bb8f3.js
similarity index 98%
rename from ru/assets/js/f39d466e.b2a318f0.js
rename to ru/assets/js/f39d466e.589bb8f3.js
index 6ad4bb286d..36fdaa3337 100644
--- a/ru/assets/js/f39d466e.b2a318f0.js
+++ b/ru/assets/js/f39d466e.589bb8f3.js
@@ -1 +1 @@
-"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[2216],{1928:(e,t,s)=>{s.d(t,{Ay:()=>u,RM:()=>o});var i=s(6070),n=s(1100),r=(s(758),s(6783)),c=s(7765);const d=e=>{let{ticket:t}=e;const s=`https://github.com/feature-sliced/documentation/issues/${t}`;return(0,i.jsxs)("div",{children:[(0,i.jsx)("p",{children:(0,c.T)({id:"shared.wip.title"})}),(0,i.jsx)("p",{children:(0,c.T)({id:"shared.wip.subtitle"})}),(0,i.jsxs)("ul",{children:[(0,i.jsxs)("li",{children:[(0,c.T)({id:"shared.wip.var.feedback.base"}),(0,i.jsx)(r.A,{to:s,children:(0,c.T)({id:"shared.wip.var.feedback.link"})})]}),(0,i.jsxs)("li",{children:[(0,c.T)({id:"shared.wip.var.material.base"}),(0,i.jsx)(r.A,{to:"https://t.me/feature_sliced",children:(0,c.T)({id:"shared.wip.var.material.link"})})]}),(0,i.jsxs)("li",{children:[(0,c.T)({id:"shared.wip.var.contribute.base"}),(0,i.jsx)(r.A,{to:"https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md",children:(0,c.T)({id:"shared.wip.var.contribute.link"})})]})]}),(0,i.jsx)("br",{}),(0,i.jsx)("p",{children:(0,i.jsx)("i",{children:"\ud83c\udf70 Stay tuned!"})})]})},o=[];function a(e){const t={admonition:"admonition",...(0,n.R)(),...e.components};return(0,i.jsx)(t.admonition,{title:"WIP",type:"caution",children:(0,i.jsx)(d,{ticket:e.ticket})})}function u(e={}){const{wrapper:t}={...(0,n.R)(),...e.components};return t?(0,i.jsx)(t,{...e,children:(0,i.jsx)(a,{...e})}):a(e)}},9983:(e,t,s)=>{s.r(t),s.d(t,{assets:()=>a,contentTitle:()=>d,default:()=>h,frontMatter:()=>c,metadata:()=>o,toc:()=>u});var i=s(6070),n=s(1100),r=s(1928);const c={sidebar_class_name:"sidebar-item--wip",unlisted:!0},d="CMS",o={id:"guides/examples/cms",title:"CMS",description:"\u0424\u0438\u0447\u0438 \u0431\u044b\u0432\u0430\u044e\u0442 \u0440\u0430\u0437\u043d\u044b\u0435",source:"@site/i18n/ru/docusaurus-plugin-content-docs/current/guides/examples/cms.mdx",sourceDirName:"guides/examples",slug:"/guides/examples/cms",permalink:"/ru/docs/guides/examples/cms",draft:!1,unlisted:!0,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/ru/docusaurus-plugin-content-docs/current/guides/examples/cms.mdx",tags:[],version:"current",lastUpdatedAt:1727607766e3,frontMatter:{sidebar_class_name:"sidebar-item--wip",unlisted:!0},sidebar:"guidesSidebar"},a={},u=[...r.RM,{value:"\u0424\u0438\u0447\u0438 \u0431\u044b\u0432\u0430\u044e\u0442 \u0440\u0430\u0437\u043d\u044b\u0435",id:"features-may-be-different",level:2},{value:"\u041a\u0430\u043a \u043a\u043e\u0440\u0440\u0435\u043a\u0442\u043d\u0435\u0439 \u0440\u0430\u0431\u043e\u0442\u0430\u0442\u044c \u0441 CMS-\u0440\u0430\u0437\u043c\u0435\u0442\u043a\u043e\u0439",id:"how-to-work-more-correctly-with-cms-markup",level:2}];function l(e){const t={a:"a",blockquote:"blockquote",h1:"h1",h2:"h2",header:"header",p:"p",...(0,n.R)(),...e.components};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(t.header,{children:(0,i.jsx)(t.h1,{id:"cms",children:"CMS"})}),"\n",(0,i.jsx)(r.Ay,{ticket:"172"}),"\n",(0,i.jsx)(t.h2,{id:"features-may-be-different",children:"\u0424\u0438\u0447\u0438 \u0431\u044b\u0432\u0430\u044e\u0442 \u0440\u0430\u0437\u043d\u044b\u0435"}),"\n",(0,i.jsx)(t.p,{children:"\u0412 \u043d\u0435\u043a\u043e\u0442\u043e\u0440\u044b\u0445 \u043f\u0440\u043e\u0435\u043a\u0442\u0430\u0445 \u0432\u0435\u0441\u044c \u0444\u0443\u043d\u043a\u0446\u0438\u043e\u043d\u0430\u043b \u0441\u043e\u0441\u0440\u0435\u0434\u043e\u0442\u043e\u0447\u0435\u043d \u0432 \u0434\u0430\u043d\u043d\u044b\u0445 \u0441 \u0441\u0435\u0440\u0432\u0435\u0440\u0430"}),"\n",(0,i.jsxs)(t.blockquote,{children:["\n",(0,i.jsx)(t.p,{children:(0,i.jsx)(t.a,{href:"https://github.com/feature-sliced/documentation/discussions/65#discussioncomment-480785",children:"https://github.com/feature-sliced/documentation/discussions/65#discussioncomment-480785"})}),"\n"]}),"\n",(0,i.jsx)(t.h2,{id:"how-to-work-more-correctly-with-cms-markup",children:"\u041a\u0430\u043a \u043a\u043e\u0440\u0440\u0435\u043a\u0442\u043d\u0435\u0439 \u0440\u0430\u0431\u043e\u0442\u0430\u0442\u044c \u0441 CMS-\u0440\u0430\u0437\u043c\u0435\u0442\u043a\u043e\u0439"}),"\n",(0,i.jsxs)(t.blockquote,{children:["\n",(0,i.jsx)(t.p,{children:(0,i.jsx)(t.a,{href:"https://t.me/feature_sliced/1557",children:"https://t.me/feature_sliced/1557"})}),"\n"]}),"\n",(0,i.jsxs)(t.blockquote,{children:["\n",(0,i.jsx)(t.p,{children:(0,i.jsx)(t.a,{href:"https://t.me/feature_sliced/1553",children:"https://t.me/feature_sliced/1553"})}),"\n"]})]})}function h(e={}){const{wrapper:t}={...(0,n.R)(),...e.components};return t?(0,i.jsx)(t,{...e,children:(0,i.jsx)(l,{...e})}):l(e)}},1100:(e,t,s)=>{s.d(t,{R:()=>c,x:()=>d});var i=s(758);const n={},r=i.createContext(n);function c(e){const t=i.useContext(r);return i.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function d(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(n):e.components||n:c(e.components),i.createElement(r.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
+"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[2216],{1928:(e,t,s)=>{s.d(t,{Ay:()=>u,RM:()=>o});var i=s(6070),n=s(1100),r=(s(758),s(6783)),c=s(7765);const d=e=>{let{ticket:t}=e;const s=`https://github.com/feature-sliced/documentation/issues/${t}`;return(0,i.jsxs)("div",{children:[(0,i.jsx)("p",{children:(0,c.T)({id:"shared.wip.title"})}),(0,i.jsx)("p",{children:(0,c.T)({id:"shared.wip.subtitle"})}),(0,i.jsxs)("ul",{children:[(0,i.jsxs)("li",{children:[(0,c.T)({id:"shared.wip.var.feedback.base"}),(0,i.jsx)(r.A,{to:s,children:(0,c.T)({id:"shared.wip.var.feedback.link"})})]}),(0,i.jsxs)("li",{children:[(0,c.T)({id:"shared.wip.var.material.base"}),(0,i.jsx)(r.A,{to:"https://t.me/feature_sliced",children:(0,c.T)({id:"shared.wip.var.material.link"})})]}),(0,i.jsxs)("li",{children:[(0,c.T)({id:"shared.wip.var.contribute.base"}),(0,i.jsx)(r.A,{to:"https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md",children:(0,c.T)({id:"shared.wip.var.contribute.link"})})]})]}),(0,i.jsx)("br",{}),(0,i.jsx)("p",{children:(0,i.jsx)("i",{children:"\ud83c\udf70 Stay tuned!"})})]})},o=[];function a(e){const t={admonition:"admonition",...(0,n.R)(),...e.components};return(0,i.jsx)(t.admonition,{title:"WIP",type:"caution",children:(0,i.jsx)(d,{ticket:e.ticket})})}function u(e={}){const{wrapper:t}={...(0,n.R)(),...e.components};return t?(0,i.jsx)(t,{...e,children:(0,i.jsx)(a,{...e})}):a(e)}},9983:(e,t,s)=>{s.r(t),s.d(t,{assets:()=>a,contentTitle:()=>d,default:()=>h,frontMatter:()=>c,metadata:()=>o,toc:()=>u});var i=s(6070),n=s(1100),r=s(1928);const c={sidebar_class_name:"sidebar-item--wip",unlisted:!0},d="CMS",o={id:"guides/examples/cms",title:"CMS",description:"\u0424\u0438\u0447\u0438 \u0431\u044b\u0432\u0430\u044e\u0442 \u0440\u0430\u0437\u043d\u044b\u0435",source:"@site/i18n/ru/docusaurus-plugin-content-docs/current/guides/examples/cms.mdx",sourceDirName:"guides/examples",slug:"/guides/examples/cms",permalink:"/ru/docs/guides/examples/cms",draft:!1,unlisted:!0,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/ru/docusaurus-plugin-content-docs/current/guides/examples/cms.mdx",tags:[],version:"current",lastUpdatedAt:1728325386e3,frontMatter:{sidebar_class_name:"sidebar-item--wip",unlisted:!0},sidebar:"guidesSidebar"},a={},u=[...r.RM,{value:"\u0424\u0438\u0447\u0438 \u0431\u044b\u0432\u0430\u044e\u0442 \u0440\u0430\u0437\u043d\u044b\u0435",id:"features-may-be-different",level:2},{value:"\u041a\u0430\u043a \u043a\u043e\u0440\u0440\u0435\u043a\u0442\u043d\u0435\u0439 \u0440\u0430\u0431\u043e\u0442\u0430\u0442\u044c \u0441 CMS-\u0440\u0430\u0437\u043c\u0435\u0442\u043a\u043e\u0439",id:"how-to-work-more-correctly-with-cms-markup",level:2}];function l(e){const t={a:"a",blockquote:"blockquote",h1:"h1",h2:"h2",header:"header",p:"p",...(0,n.R)(),...e.components};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(t.header,{children:(0,i.jsx)(t.h1,{id:"cms",children:"CMS"})}),"\n",(0,i.jsx)(r.Ay,{ticket:"172"}),"\n",(0,i.jsx)(t.h2,{id:"features-may-be-different",children:"\u0424\u0438\u0447\u0438 \u0431\u044b\u0432\u0430\u044e\u0442 \u0440\u0430\u0437\u043d\u044b\u0435"}),"\n",(0,i.jsx)(t.p,{children:"\u0412 \u043d\u0435\u043a\u043e\u0442\u043e\u0440\u044b\u0445 \u043f\u0440\u043e\u0435\u043a\u0442\u0430\u0445 \u0432\u0435\u0441\u044c \u0444\u0443\u043d\u043a\u0446\u0438\u043e\u043d\u0430\u043b \u0441\u043e\u0441\u0440\u0435\u0434\u043e\u0442\u043e\u0447\u0435\u043d \u0432 \u0434\u0430\u043d\u043d\u044b\u0445 \u0441 \u0441\u0435\u0440\u0432\u0435\u0440\u0430"}),"\n",(0,i.jsxs)(t.blockquote,{children:["\n",(0,i.jsx)(t.p,{children:(0,i.jsx)(t.a,{href:"https://github.com/feature-sliced/documentation/discussions/65#discussioncomment-480785",children:"https://github.com/feature-sliced/documentation/discussions/65#discussioncomment-480785"})}),"\n"]}),"\n",(0,i.jsx)(t.h2,{id:"how-to-work-more-correctly-with-cms-markup",children:"\u041a\u0430\u043a \u043a\u043e\u0440\u0440\u0435\u043a\u0442\u043d\u0435\u0439 \u0440\u0430\u0431\u043e\u0442\u0430\u0442\u044c \u0441 CMS-\u0440\u0430\u0437\u043c\u0435\u0442\u043a\u043e\u0439"}),"\n",(0,i.jsxs)(t.blockquote,{children:["\n",(0,i.jsx)(t.p,{children:(0,i.jsx)(t.a,{href:"https://t.me/feature_sliced/1557",children:"https://t.me/feature_sliced/1557"})}),"\n"]}),"\n",(0,i.jsxs)(t.blockquote,{children:["\n",(0,i.jsx)(t.p,{children:(0,i.jsx)(t.a,{href:"https://t.me/feature_sliced/1553",children:"https://t.me/feature_sliced/1553"})}),"\n"]})]})}function h(e={}){const{wrapper:t}={...(0,n.R)(),...e.components};return t?(0,i.jsx)(t,{...e,children:(0,i.jsx)(l,{...e})}):l(e)}},1100:(e,t,s)=>{s.d(t,{R:()=>c,x:()=>d});var i=s(758);const n={},r=i.createContext(n);function c(e){const t=i.useContext(r);return i.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function d(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(n):e.components||n:c(e.components),i.createElement(r.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
diff --git a/ru/assets/js/fcc88823.f26b499c.js b/ru/assets/js/fcc88823.acd1ca66.js
similarity index 99%
rename from ru/assets/js/fcc88823.f26b499c.js
rename to ru/assets/js/fcc88823.acd1ca66.js
index bb3ca7cf80..c35ef69db8 100644
--- a/ru/assets/js/fcc88823.f26b499c.js
+++ b/ru/assets/js/fcc88823.acd1ca66.js
@@ -1 +1 @@
-"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[294],{8999:(e,n,s)=>{s.r(n),s.d(n,{assets:()=>c,contentTitle:()=>l,default:()=>x,frontMatter:()=>d,metadata:()=>t,toc:()=>h});var i=s(6070),r=s(1100);const d={sidebar_position:2,sidebar_label:"\u041f\u043e\u043d\u0438\u043c\u0430\u043d\u0438\u0435 \u043f\u043e\u0442\u0440\u0435\u0431\u043d\u043e\u0441\u0442\u0435\u0439"},l="\u041e \u043f\u043e\u043d\u0438\u043c\u0430\u043d\u0438\u0438 \u043f\u043e\u0442\u0440\u0435\u0431\u043d\u043e\u0441\u0442\u0435\u0439 \u0438 \u043e \u0444\u043e\u0440\u043c\u0443\u043b\u0438\u0440\u043e\u0432\u043a\u0435 \u0437\u0430\u0434\u0430\u0447",t={id:"about/understanding/needs-driven",title:"\u041e \u043f\u043e\u043d\u0438\u043c\u0430\u043d\u0438\u0438 \u043f\u043e\u0442\u0440\u0435\u0431\u043d\u043e\u0441\u0442\u0435\u0439 \u0438 \u043e \u0444\u043e\u0440\u043c\u0443\u043b\u0438\u0440\u043e\u0432\u043a\u0435 \u0437\u0430\u0434\u0430\u0447",description:"\u2014 \u041d\u0435 \u043f\u043e\u043b\u0443\u0447\u0430\u0435\u0442\u0441\u044f \u0441\u0444\u043e\u0440\u043c\u0443\u043b\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u0446\u0435\u043b\u044c, \u043a\u043e\u0442\u043e\u0440\u0443\u044e \u0431\u0443\u0434\u0435\u0442 \u0440\u0435\u0448\u0430\u0442\u044c \u043d\u043e\u0432\u0430\u044f \u0444\u0438\u0447\u0430? \u0410 \u043c\u043e\u0436\u0435\u0442 \u043f\u0440\u043e\u0431\u043b\u0435\u043c\u0430 \u0432 \u0442\u043e\u043c, \u0447\u0442\u043e \u0441\u0430\u043c\u0430 \u0437\u0430\u0434\u0430\u0447\u0430 \u043d\u0435 \u0441\u0444\u043e\u0440\u043c\u0443\u043b\u0438\u0440\u043e\u0432\u0430\u043d\u0430? **\u0421\u043c\u044b\u0441\u043b \u0435\u0449\u0451 \u0438 \u0432 \u0442\u043e\u043c, \u0447\u0442\u043e\u0431\u044b \u043c\u0435\u0442\u043e\u0434\u043e\u043b\u043e\u0433\u0438\u044f \u043f\u043e\u043c\u043e\u0433\u043b\u0430 \u0432\u044b\u0442\u0430\u0449\u0438\u0442\u044c \u043d\u0430\u0440\u0443\u0436\u0443 \u043f\u0440\u043e\u0431\u043b\u0435\u043c\u043d\u043e\u0435 \u043e\u043f\u0440\u0435\u0434\u0435\u043b\u0435\u043d\u0438\u0435 \u0437\u0430\u0434\u0430\u0447 \u0438 \u0446\u0435\u043b\u0435\u0439**",source:"@site/i18n/ru/docusaurus-plugin-content-docs/current/about/understanding/needs-driven.md",sourceDirName:"about/understanding",slug:"/about/understanding/needs-driven",permalink:"/ru/docs/about/understanding/needs-driven",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/ru/docusaurus-plugin-content-docs/current/about/understanding/needs-driven.md",tags:[],version:"current",lastUpdatedAt:1727607766e3,sidebarPosition:2,frontMatter:{sidebar_position:2,sidebar_label:"\u041f\u043e\u043d\u0438\u043c\u0430\u043d\u0438\u0435 \u043f\u043e\u0442\u0440\u0435\u0431\u043d\u043e\u0441\u0442\u0435\u0439"},sidebar:"aboutSidebar",previous:{title:"\u041e\u0431 \u0430\u0440\u0445\u0438\u0442\u0435\u043a\u0442\u0443\u0440\u0435",permalink:"/ru/docs/about/understanding/architecture"},next:{title:"\u0422\u0438\u043f\u044b \u0437\u043d\u0430\u043d\u0438\u0439",permalink:"/ru/docs/about/understanding/knowledge-types"}},c={},h=[{value:"\u0417\u0430\u0447\u0435\u043c?",id:"why",level:2},{value:"\u041e \u043a\u0430\u043a\u0438\u0445 \u0437\u0430\u0434\u0430\u0447\u0430\u0445 \u0440\u0435\u0447\u044c?",id:"what-tasks-are-we-talking-about",level:2},{value:"\u041a\u0430\u043a \u044d\u0442\u043e \u0432\u043b\u0438\u044f\u0435\u0442 \u043d\u0430 \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u0443?",id:"how-does-this-affect-development",level:2},{value:"\u0414\u0435\u043a\u043e\u043c\u043f\u043e\u0437\u0438\u0446\u0438\u044f \u0437\u0430\u0434\u0430\u0447\u0438",id:"task-decomposition",level:3},{value:"\u041f\u043e\u043d\u0438\u043c\u0430\u043d\u0438\u0435 \u0441\u0443\u0442\u0438 \u0437\u0430\u0434\u0430\u0447\u0438",id:"understanding-the-essence-of-the-task",level:3},{value:"\u041a\u0430\u043a \u0441\u0444\u043e\u0440\u043c\u0443\u043b\u0438\u0440\u043e\u0432\u0430\u0442\u044c?",id:"how-to-formulate-it",level:2},{value:"\u0410 \u0432 \u0447\u0435\u043c \u0432\u044b\u0433\u043e\u0434\u0430?",id:"and-what-is-the-benefit",level:2},{value:"1. \u041f\u043e\u043d\u0438\u043c\u0430\u043d\u0438\u0435 \u0437\u0430\u0434\u0430\u0447 \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u0435\u0439",id:"1-understanding-user-tasks",level:3},{value:"2. \u0421\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u0438\u0437\u0430\u0446\u0438\u044f \u0438 \u0443\u043f\u043e\u0440\u044f\u0434\u043e\u0447\u0438\u0432\u0430\u043d\u0438\u0435",id:"2-structuring-and-ordering",level:3},{value:"3. \u041f\u043e\u043d\u0438\u043c\u0430\u043d\u0438\u0435 \u0444\u0438\u0447\u0438 \u0438 \u0435\u0435 \u0441\u043e\u0441\u0442\u0430\u0432\u043b\u044f\u044e\u0449\u0438\u0445",id:"3-understanding-the-feature-and-its-components",level:3},{value:"4. Profit",id:"4-profit",level:3},{value:"\u0412\u0435\u0440\u043d\u0435\u043c\u0441\u044f \u043a \u0440\u0435\u0430\u043b\u044c\u043d\u043e\u0441\u0442\u0438",id:"back-to-reality",level:2},{value:"\u0420\u043e\u043b\u044c \u043c\u0435\u0442\u043e\u0434\u043e\u043b\u043e\u0433\u0438\u0438",id:"the-role-of-methodology",level:2},{value:"\u0422\u0440\u0435\u0431\u043e\u0432\u0430\u043d\u0438\u044f \u043a \u043c\u0435\u0442\u043e\u0434\u043e\u043b\u043e\u0433\u0438\u0438",id:"methodology-requirements",level:3},{value:"\u0421\u043c. \u0442\u0430\u043a\u0436\u0435",id:"see-also",level:2}];function o(e){const n={a:"a",admonition:"admonition",blockquote:"blockquote",code:"code",em:"em",h1:"h1",h2:"h2",h3:"h3",header:"header",hr:"hr",li:"li",ol:"ol",p:"p",strong:"strong",ul:"ul",...(0,r.R)(),...e.components};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(n.header,{children:(0,i.jsx)(n.h1,{id:"\u043e-\u043f\u043e\u043d\u0438\u043c\u0430\u043d\u0438\u0438-\u043f\u043e\u0442\u0440\u0435\u0431\u043d\u043e\u0441\u0442\u0435\u0439-\u0438-\u043e-\u0444\u043e\u0440\u043c\u0443\u043b\u0438\u0440\u043e\u0432\u043a\u0435-\u0437\u0430\u0434\u0430\u0447",children:"\u041e \u043f\u043e\u043d\u0438\u043c\u0430\u043d\u0438\u0438 \u043f\u043e\u0442\u0440\u0435\u0431\u043d\u043e\u0441\u0442\u0435\u0439 \u0438 \u043e \u0444\u043e\u0440\u043c\u0443\u043b\u0438\u0440\u043e\u0432\u043a\u0435 \u0437\u0430\u0434\u0430\u0447"})}),"\n",(0,i.jsxs)(n.admonition,{title:"TL;DR",type:"note",children:[(0,i.jsxs)(n.p,{children:["\u2014 ",(0,i.jsxs)(n.em,{children:["\u041d\u0435 \u043f\u043e\u043b\u0443\u0447\u0430\u0435\u0442\u0441\u044f \u0441\u0444\u043e\u0440\u043c\u0443\u043b\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u0446\u0435\u043b\u044c, \u043a\u043e\u0442\u043e\u0440\u0443\u044e \u0431\u0443\u0434\u0435\u0442 \u0440\u0435\u0448\u0430\u0442\u044c \u043d\u043e\u0432\u0430\u044f \u0444\u0438\u0447\u0430? \u0410 \u043c\u043e\u0436\u0435\u0442 \u043f\u0440\u043e\u0431\u043b\u0435\u043c\u0430 \u0432 \u0442\u043e\u043c, \u0447\u0442\u043e \u0441\u0430\u043c\u0430 \u0437\u0430\u0434\u0430\u0447\u0430 \u043d\u0435 \u0441\u0444\u043e\u0440\u043c\u0443\u043b\u0438\u0440\u043e\u0432\u0430\u043d\u0430? ",(0,i.jsx)(n.strong,{children:"\u0421\u043c\u044b\u0441\u043b \u0435\u0449\u0451 \u0438 \u0432 \u0442\u043e\u043c, \u0447\u0442\u043e\u0431\u044b \u043c\u0435\u0442\u043e\u0434\u043e\u043b\u043e\u0433\u0438\u044f \u043f\u043e\u043c\u043e\u0433\u043b\u0430 \u0432\u044b\u0442\u0430\u0449\u0438\u0442\u044c \u043d\u0430\u0440\u0443\u0436\u0443 \u043f\u0440\u043e\u0431\u043b\u0435\u043c\u043d\u043e\u0435 \u043e\u043f\u0440\u0435\u0434\u0435\u043b\u0435\u043d\u0438\u0435 \u0437\u0430\u0434\u0430\u0447 \u0438 \u0446\u0435\u043b\u0435\u0439"})]})]}),(0,i.jsxs)(n.p,{children:["\u2014 ",(0,i.jsxs)(n.em,{children:["\u041f\u0440\u043e\u0435\u043a\u0442 \u043d\u0435 \u0436\u0438\u0432\u0435\u0442 \u0432 \u0441\u0442\u0430\u0442\u0438\u043a\u0435 - \u0442\u0440\u0435\u0431\u043e\u0432\u0430\u043d\u0438\u044f \u0438 \u0444\u0443\u043d\u043a\u0446\u0438\u043e\u043d\u0430\u043b\u044c\u043d\u043e\u0441\u0442\u044c \u043f\u043e\u0441\u0442\u043e\u044f\u043d\u043d\u043e \u043c\u0435\u043d\u044f\u044e\u0442\u0441\u044f. \u0421\u043e \u0432\u0440\u0435\u043c\u0435\u043d\u0435\u043c, \u043a\u043e\u0434 \u043f\u0440\u0435\u0432\u0440\u0430\u0449\u0430\u0435\u0442\u0441\u044f \u0432 \u043a\u0430\u0448\u0443, \u0442.\u043a. \u043d\u0430 \u0441\u0442\u0430\u0440\u0442\u0435 \u043f\u0440\u043e\u0435\u043a\u0442 \u0431\u044b\u043b \u0441\u043f\u0440\u043e\u0435\u043a\u0442\u0438\u0440\u043e\u0432\u0430\u043d \u0442\u043e\u043b\u044c\u043a\u043e \u043f\u043e\u0434 \u0438\u0437\u043d\u0430\u0447\u0430\u043b\u044c\u043d\u044b\u0439 \u0441\u043b\u0435\u043f\u043e\u043a \u043f\u043e\u0436\u0435\u043b\u0430\u043d\u0438\u0439. ",(0,i.jsx)(n.strong,{children:"\u0418 \u0437\u0430\u0434\u0430\u0447\u0430 \u0445\u043e\u0440\u043e\u0448\u0435\u0439 \u0430\u0440\u0445\u0438\u0442\u0435\u043a\u0442\u0443\u0440\u044b \u0432 \u0442\u043e\u043c \u0447\u0438\u0441\u043b\u0435 - \u0447\u0442\u043e\u0431\u044b \u0431\u044b\u0442\u044c \u0437\u0430\u0442\u043e\u0447\u0435\u043d\u043d\u043e\u0439 \u043f\u043e\u0434 \u0438\u0437\u043c\u0435\u043d\u044f\u044e\u0449\u0438\u0435\u0441\u044f \u0443\u0441\u043b\u043e\u0432\u0438\u044f \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u0438."})]})]})]}),"\n",(0,i.jsx)(n.h2,{id:"why",children:"\u0417\u0430\u0447\u0435\u043c?"}),"\n",(0,i.jsxs)(n.p,{children:["\u0427\u0442\u043e\u0431\u044b \u043f\u043e\u0434\u043e\u0431\u0440\u0430\u0442\u044c \u0447\u0435\u0442\u043a\u043e\u0435 \u0438\u043c\u044f \u0441\u0443\u0449\u043d\u043e\u0441\u0442\u0438 \u0438 \u043f\u043e\u043d\u044f\u0442\u044c \u0435\u0435 \u0441\u043e\u0441\u0442\u0430\u0432\u043b\u044f\u044e\u0449\u0438\u0435, ",(0,i.jsx)(n.strong,{children:"\u043d\u0443\u0436\u043d\u043e \u043e\u0442\u0447\u0435\u0442\u043b\u0438\u0432\u043e \u043f\u043e\u043d\u0438\u043c\u0430\u0442\u044c - \u043a\u0430\u043a\u0430\u044f \u0437\u0430\u0434\u0430\u0447\u0430 \u0431\u0443\u0434\u0435\u0442 \u0440\u0435\u0448\u0435\u043d\u0430 \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e \u0432\u0441\u0435\u0433\u043e \u044d\u0442\u043e\u0433\u043e \u043a\u043e\u0434\u0430."})]}),"\n",(0,i.jsxs)(n.blockquote,{children:["\n",(0,i.jsx)(n.p,{children:(0,i.jsx)(n.em,{children:"@sergeysova: \u0412\u043e \u0432\u0440\u0435\u043c\u044f \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u0438, \u043c\u044b \u043f\u044b\u0442\u0430\u0435\u043c\u0441\u044f \u043a\u0430\u0436\u0434\u043e\u0439 \u0441\u0443\u0449\u043d\u043e\u0441\u0442\u0438 \u0438\u043b\u0438 \u0444\u0443\u043d\u043a\u0446\u0438\u0438 \u0434\u0430\u0442\u044c \u0438\u043c\u044f, \u043a\u043e\u0442\u043e\u0440\u043e\u0435 \u0447\u0435\u0442\u043a\u043e \u043e\u0442\u0440\u0430\u0436\u0430\u0435\u0442 \u043d\u0430\u043c\u0435\u0440\u0435\u043d\u0438\u044f \u0438 \u0441\u043c\u044b\u0441\u043b \u0432\u044b\u043f\u043e\u043b\u043d\u044f\u0435\u043c\u043e\u0433\u043e \u043a\u043e\u0434\u0430."})}),"\n"]}),"\n",(0,i.jsx)(n.p,{children:(0,i.jsx)(n.em,{children:"\u0412\u0435\u0434\u044c, \u0431\u0435\u0437 \u043f\u043e\u043d\u0438\u043c\u0430\u043d\u0438\u044f \u0437\u0430\u0434\u0430\u0447\u0438, \u043d\u0435\u043b\u044c\u0437\u044f \u043d\u0430\u043f\u0438\u0441\u0430\u0442\u044c \u043f\u0440\u0430\u0432\u0438\u043b\u044c\u043d\u044b\u0435 \u0442\u0435\u0441\u0442\u044b, \u043f\u043e\u043a\u0440\u044b\u0432\u0430\u044e\u0449\u0438\u0435 \u0441\u0430\u043c\u044b\u0435 \u0432\u0430\u0436\u043d\u044b\u0435 \u043a\u0435\u0439\u0441\u044b, \u043f\u0440\u043e\u0441\u0442\u0430\u0432\u0438\u0442\u044c \u043e\u0448\u0438\u0431\u043a\u0438 \u043f\u043e\u043c\u043e\u0433\u0430\u044e\u0449\u0438\u0435 \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044e \u0432 \u043d\u0443\u0436\u043d\u044b\u0445 \u043c\u0435\u0441\u0442\u0430\u0445, \u0434\u0430\u0436\u0435 \u0431\u0430\u043d\u0430\u043b\u044c\u043d\u043e \u043d\u0435 \u043f\u0440\u0435\u0440\u044b\u0432\u0430\u0442\u044c \u0444\u043b\u043e\u0443 \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044f \u0438\u0437-\u0437\u0430 \u0438\u0441\u043f\u0440\u0430\u0432\u0438\u043c\u044b\u0445 \u043d\u0435 \u043a\u0440\u0438\u0442\u0438\u0447\u043d\u044b\u0445 \u043e\u0448\u0438\u0431\u043e\u043a."})}),"\n",(0,i.jsx)(n.h2,{id:"what-tasks-are-we-talking-about",children:"\u041e \u043a\u0430\u043a\u0438\u0445 \u0437\u0430\u0434\u0430\u0447\u0430\u0445 \u0440\u0435\u0447\u044c?"}),"\n",(0,i.jsx)(n.p,{children:"Frontend \u0437\u0430\u043d\u0438\u043c\u0430\u0435\u0442\u0441\u044f \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u043e\u0439 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0439 \u0438 \u0438\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441\u043e\u0432 \u0434\u043b\u044f \u043a\u043e\u043d\u0435\u0447\u043d\u044b\u0445 \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u0435\u0439, \u0437\u043d\u0430\u0447\u0438\u0442 \u043c\u044b \u0440\u0435\u0448\u0430\u0435\u043c \u0437\u0430\u0434\u0430\u0447\u0438 \u044d\u0442\u0438\u0445 \u043f\u043e\u0442\u0440\u0435\u0431\u0438\u0442\u0435\u043b\u0435\u0439."}),"\n",(0,i.jsxs)(n.p,{children:["\u041a\u043e\u0433\u0434\u0430 \u043a \u043d\u0430\u043c \u043f\u0440\u0438\u0445\u043e\u0434\u0438\u0442 \u0447\u0435\u043b\u043e\u0432\u0435\u043a, ",(0,i.jsx)(n.strong,{children:"\u043e\u043d \u0445\u043e\u0447\u0435\u0442 \u0440\u0435\u0448\u0438\u0442\u044c \u043a\u0430\u043a\u0443\u044e-\u0442\u043e \u0441\u0432\u043e\u044e \u0431\u043e\u043b\u044c \u0438\u043b\u0438 \u0437\u0430\u043a\u0440\u044b\u0442\u044c \u043f\u043e\u0442\u0440\u0435\u0431\u043d\u043e\u0441\u0442\u044c."})]}),"\n",(0,i.jsx)(n.p,{children:(0,i.jsx)(n.em,{children:"\u0417\u0430\u0434\u0430\u0447\u0430 \u043c\u0435\u043d\u0435\u0434\u0436\u0435\u0440\u043e\u0432 \u0438 \u0430\u043d\u0430\u043b\u0438\u0442\u0438\u043a\u043e\u0432 - \u0441\u0444\u043e\u0440\u043c\u0443\u043b\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u044d\u0442\u0443 \u043f\u043e\u0442\u0440\u0435\u0431\u043d\u043e\u0441\u0442\u044c, \u0430 \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a\u043e\u0432 \u0440\u0435\u0430\u043b\u0438\u0437\u043e\u0432\u0430\u0442\u044c \u0441 \u0443\u0447\u0435\u0442\u043e\u043c \u043e\u0441\u043e\u0431\u0435\u043d\u043d\u043e\u0441\u0442\u0435\u0439 \u0432\u0435\u0431-\u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u0438 (\u043f\u043e\u0442\u0435\u0440\u044f \u0441\u0432\u044f\u0437\u0438, \u043e\u0448\u0438\u0431\u043a\u0430 \u0431\u044d\u043a\u0435\u043d\u0434\u0430, \u043e\u043f\u0435\u0447\u0430\u0442\u043a\u0430, \u043f\u0440\u043e\u043c\u0430\u0437\u0430\u043b \u043a\u0443\u0440\u0441\u043e\u0440\u043e\u043c \u0438\u043b\u0438 \u043f\u0430\u043b\u044c\u0446\u0435\u043c)."})}),"\n",(0,i.jsx)(n.p,{children:(0,i.jsx)(n.strong,{children:"\u042d\u0442\u0430 \u0441\u0430\u043c\u0430\u044f \u0446\u0435\u043b\u044c, \u0441 \u043a\u043e\u0442\u043e\u0440\u043e\u0439 \u043f\u0440\u0438\u0448\u0451\u043b \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044c \u0438 \u0435\u0441\u0442\u044c \u0437\u0430\u0434\u0430\u0447\u0430 \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a\u043e\u0432."})}),"\n",(0,i.jsxs)(n.blockquote,{children:["\n",(0,i.jsx)(n.p,{children:(0,i.jsx)(n.em,{children:"\u041e\u0434\u043d\u0430 \u043c\u0430\u043b\u0435\u043d\u044c\u043a\u0430\u044f \u0440\u0435\u0448\u0435\u043d\u043d\u0430\u044f \u0437\u0430\u0434\u0430\u0447\u0430 \u0438 \u0435\u0441\u0442\u044c feature \u0432 \u043c\u0435\u0442\u043e\u0434\u043e\u043b\u043e\u0433\u0438\u0438 Feature-Sliced Design \u2014 \u043d\u0443\u0436\u043d\u043e \u043d\u0430\u0440\u0435\u0437\u0430\u0442\u044c \u0432\u0435\u0441\u044c \u0441\u043a\u043e\u0443\u043f \u0437\u0430\u0434\u0430\u0447 \u043f\u0440\u043e\u0435\u043a\u0442\u0430 \u043d\u0430 \u043c\u0430\u043b\u0435\u043d\u044c\u043a\u0438\u0435 \u0446\u0435\u043b\u0438."})}),"\n"]}),"\n",(0,i.jsx)(n.h2,{id:"how-does-this-affect-development",children:"\u041a\u0430\u043a \u044d\u0442\u043e \u0432\u043b\u0438\u044f\u0435\u0442 \u043d\u0430 \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u0443?"}),"\n",(0,i.jsx)(n.h3,{id:"task-decomposition",children:"\u0414\u0435\u043a\u043e\u043c\u043f\u043e\u0437\u0438\u0446\u0438\u044f \u0437\u0430\u0434\u0430\u0447\u0438"}),"\n",(0,i.jsxs)(n.p,{children:["\u041a\u043e\u0433\u0434\u0430 \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a \u043f\u0440\u0438\u043d\u0438\u043c\u0430\u0435\u0442\u0441\u044f \u0440\u0435\u0430\u043b\u0438\u0437\u043e\u0432\u044b\u0432\u0430\u0442\u044c \u0437\u0430\u0434\u0430\u0447\u0443, \u0434\u043b\u044f \u0443\u043f\u0440\u043e\u0449\u0435\u043d\u0438\u044f \u043f\u043e\u043d\u0438\u043c\u0430\u043d\u0438\u044f \u0438 \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u043a\u0438 \u043a\u043e\u0434\u0430, \u043e\u043d \u043c\u044b\u0441\u043b\u0435\u043d\u043d\u043e ",(0,i.jsx)(n.strong,{children:"\u043d\u0430\u0440\u0435\u0437\u0430\u0435\u0442 \u0435\u0435 \u043d\u0430 \u044d\u0442\u0430\u043f\u044b"}),":"]}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsxs)(n.li,{children:["\u0441\u043d\u0430\u0447\u0430\u043b\u0430 ",(0,i.jsx)(n.em,{children:"\u0440\u0430\u0437\u0431\u0438\u0442\u044c \u043d\u0430 \u0432\u0435\u0440\u0445\u043d\u0435\u0443\u0440\u043e\u0432\u043d\u0435\u0432\u044b\u0435 \u0441\u0443\u0449\u043d\u043e\u0441\u0442\u0438"})," \u0438 ",(0,i.jsx)(n.em,{children:"\u0440\u0435\u0430\u043b\u0438\u0437\u043e\u0432\u0430\u0442\u044c \u0438\u0445"}),","]}),"\n",(0,i.jsxs)(n.li,{children:["\u0437\u0430\u0442\u0435\u043c \u044d\u0442\u0438 \u0441\u0443\u0449\u043d\u043e\u0441\u0442\u0438 ",(0,i.jsx)(n.em,{children:"\u0440\u0430\u0437\u0431\u0438\u0442\u044c \u043d\u0430 \u0431\u043e\u043b\u0435\u0435 \u043c\u0435\u043b\u043a\u0438\u0435"})]}),"\n",(0,i.jsx)(n.li,{children:"\u0438 \u0442\u0430\u043a \u0434\u0430\u043b\u0435\u0435"}),"\n"]}),"\n",(0,i.jsx)(n.p,{children:(0,i.jsx)(n.em,{children:"\u0412 \u043f\u0440\u043e\u0446\u0435\u0441\u0441\u0435 \u0440\u0430\u0437\u0431\u0438\u0435\u043d\u0438\u044f \u043d\u0430 \u0441\u0443\u0449\u043d\u043e\u0441\u0442\u0438, \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a \u0432\u044b\u043d\u0443\u0436\u0434\u0435\u043d \u0434\u0430\u0442\u044c \u0438\u043c \u043d\u0430\u0437\u0432\u0430\u043d\u0438\u0435, \u043a\u043e\u0442\u043e\u0440\u043e\u0435 \u0447\u0435\u0442\u043a\u043e \u043e\u0442\u0440\u0430\u0436\u0430\u043b\u043e \u0431\u044b \u0435\u0433\u043e \u0437\u0430\u043c\u044b\u0441\u0435\u043b \u0438 \u043f\u0440\u0438 \u0447\u0442\u0435\u043d\u0438\u0438 \u043b\u0438\u0441\u0442\u0438\u043d\u0433\u0430 \u043f\u043e\u043c\u043e\u0433\u0430\u043b\u043e \u043f\u043e\u043d\u044f\u0442\u044c \u043a\u0430\u043a\u0443\u044e \u0437\u0430\u0434\u0430\u0447\u0443 \u0440\u0435\u0448\u0430\u0435\u0442 \u043a\u043e\u0434"})}),"\n",(0,i.jsx)(n.p,{children:(0,i.jsx)(n.em,{children:"\u041f\u0440\u0438 \u044d\u0442\u043e\u043c \u043d\u0435 \u0437\u0430\u0431\u044b\u0432\u0430\u0435\u043c, \u0447\u0442\u043e \u043f\u044b\u0442\u0430\u0435\u043c\u0441\u044f \u043f\u043e\u043c\u043e\u0447\u044c \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044e \u0443\u043c\u0435\u043d\u044c\u0448\u0438\u0442\u044c \u0431\u043e\u043b\u044c \u0438\u043b\u0438 \u0440\u0435\u0430\u043b\u0438\u0437\u043e\u0432\u0430\u0442\u044c \u043f\u043e\u0442\u0440\u0435\u0431\u043d\u043e\u0441\u0442\u0438"})}),"\n",(0,i.jsx)(n.h3,{id:"understanding-the-essence-of-the-task",children:"\u041f\u043e\u043d\u0438\u043c\u0430\u043d\u0438\u0435 \u0441\u0443\u0442\u0438 \u0437\u0430\u0434\u0430\u0447\u0438"}),"\n",(0,i.jsxs)(n.p,{children:["\u041d\u043e \u0447\u0442\u043e\u0431\u044b \u0434\u0430\u0442\u044c \u0447\u0435\u0442\u043a\u043e\u0435 \u043d\u0430\u0437\u0432\u0430\u043d\u0438\u0435 \u0441\u0443\u0449\u043d\u043e\u0441\u0442\u0438, ",(0,i.jsx)(n.strong,{children:"\u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a \u0434\u043e\u043b\u0436\u0435\u043d \u0437\u043d\u0430\u0442\u044c \u043f\u0440\u0435\u0434\u043e\u0441\u0442\u0430\u0442\u043e\u0447\u043d\u043e \u043e \u0435\u0435 \u043d\u0430\u0437\u043d\u0430\u0447\u0435\u043d\u0438\u0438"})]}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsx)(n.li,{children:"\u043a\u0430\u043a \u043e\u043d \u0441\u043e\u0431\u0438\u0440\u0430\u0435\u0442\u0441\u044f \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u044d\u0442\u0443 \u0441\u0443\u0449\u043d\u043e\u0441\u0442\u044c,"}),"\n",(0,i.jsx)(n.li,{children:"\u043a\u0430\u043a\u0443\u044e \u0447\u0430\u0441\u0442\u044c \u0437\u0430\u0434\u0430\u0447\u0438 \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044f \u043e\u043d\u0430 \u0440\u0435\u0430\u043b\u0438\u0437\u0443\u0435\u0442, \u0433\u0434\u0435 \u0435\u0449\u0451 \u044d\u0442\u0443 \u0441\u0443\u0449\u043d\u043e\u0441\u0442\u044c \u043c\u043e\u0436\u043d\u043e \u043f\u0440\u0438\u043c\u0435\u043d\u0438\u0442\u044c,"}),"\n",(0,i.jsx)(n.li,{children:"\u0432 \u043a\u0430\u043a\u0438\u0445 \u0435\u0449\u0451 \u0437\u0430\u0434\u0430\u0447\u0430\u0445 \u043e\u043d\u0430 \u043c\u043e\u0436\u0435\u0442 \u043f\u043e\u0443\u0447\u0430\u0441\u0442\u0432\u043e\u0432\u0430\u0442\u044c,"}),"\n",(0,i.jsx)(n.li,{children:"\u0438 \u0442\u0430\u043a \u0434\u0430\u043b\u0435\u0435"}),"\n"]}),"\n",(0,i.jsxs)(n.p,{children:["\u0421\u0434\u0435\u043b\u0430\u0442\u044c \u0432\u044b\u0432\u043e\u0434 \u043d\u0435 \u0441\u043b\u043e\u0436\u043d\u043e: ",(0,i.jsx)(n.strong,{children:"\u043f\u043e\u043a\u0430 \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a \u0431\u0443\u0434\u0435\u0442 \u0440\u0430\u0437\u043c\u044b\u0448\u043b\u044f\u0442\u044c \u043d\u0430\u0434 \u043d\u0430\u0437\u0432\u0430\u043d\u0438\u0435\u043c \u0441\u0443\u0449\u043d\u043e\u0441\u0442\u0435\u0439 \u0432 \u0440\u0430\u043c\u043a\u0430\u0445 \u043c\u0435\u0442\u043e\u0434\u043e\u043b\u043e\u0433\u0438\u0438, \u043e\u043d \u0441\u043c\u043e\u0436\u0435\u0442 \u043d\u0430\u0439\u0442\u0438 \u043f\u043b\u043e\u0445\u043e \u0441\u0444\u043e\u0440\u043c\u0443\u043b\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u044b\u0435 \u0437\u0430\u0434\u0430\u0447\u0438 \u0435\u0449\u0451 \u0434\u043e \u043d\u0430\u043f\u0438\u0441\u0430\u043d\u0438\u044f \u043a\u043e\u0434\u0430."})]}),"\n",(0,i.jsxs)(n.blockquote,{children:["\n",(0,i.jsx)(n.p,{children:"\u041a\u0430\u043a \u0434\u0430\u0442\u044c \u043d\u0430\u0437\u0432\u0430\u043d\u0438\u0435 \u0441\u0443\u0449\u043d\u043e\u0441\u0442\u0438, \u0435\u0441\u043b\u0438 \u043f\u043b\u043e\u0445\u043e \u043f\u043e\u043d\u0438\u043c\u0430\u0435\u0448\u044c, \u043a\u0430\u043a\u0438\u0435 \u0437\u0430\u0434\u0430\u0447\u0438 \u043e\u043d\u0430 \u043c\u043e\u0436\u0435\u0442 \u0440\u0435\u0448\u0430\u0442\u044c, \u043a\u0430\u043a \u0432\u043e\u043e\u0431\u0449\u0435 \u043c\u043e\u0436\u043d\u043e \u0440\u0430\u0437\u0431\u0438\u0442\u044c \u0437\u0430\u0434\u0430\u0447\u0443 \u043d\u0430 \u0441\u0443\u0449\u043d\u043e\u0441\u0442\u0438, \u0435\u0441\u043b\u0438 \u043f\u043b\u043e\u0445\u043e \u0435\u0435 \u043f\u043e\u043d\u0438\u043c\u0430\u0435\u0448\u044c?"}),"\n"]}),"\n",(0,i.jsx)(n.h2,{id:"how-to-formulate-it",children:"\u041a\u0430\u043a \u0441\u0444\u043e\u0440\u043c\u0443\u043b\u0438\u0440\u043e\u0432\u0430\u0442\u044c?"}),"\n",(0,i.jsxs)(n.p,{children:[(0,i.jsx)(n.strong,{children:"\u0427\u0442\u043e\u0431\u044b \u0441\u0444\u043e\u0440\u043c\u0443\u043b\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u0437\u0430\u0434\u0430\u0447\u0443, \u043a\u043e\u0442\u043e\u0440\u0430\u044f \u0440\u0435\u0448\u0430\u0435\u0442\u0441\u044f \u0444\u0438\u0447\u0435\u0439, \u043d\u0443\u0436\u043d\u043e \u043f\u043e\u043d\u0438\u043c\u0430\u0442\u044c \u0441\u0430\u043c\u0443 \u0437\u0430\u0434\u0430\u0447\u0443"}),", \u0430 \u044d\u0442\u043e \u0443\u0436\u0435 \u043e\u0431\u043b\u0430\u0441\u0442\u044c \u043e\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0435\u043d\u043d\u043e\u0441\u0442\u0438 \u043c\u0435\u043d\u0435\u0434\u0436\u0435\u0440\u0430 \u043f\u0440\u043e\u0435\u043a\u0442\u0430 \u0438 \u0430\u043d\u0430\u043b\u0438\u0442\u0438\u043a\u043e\u0432."]}),"\n",(0,i.jsx)(n.p,{children:(0,i.jsx)(n.em,{children:"\u041c\u0435\u0442\u043e\u0434\u043e\u043b\u043e\u0433\u0438\u044f \u043c\u043e\u0436\u0435\u0442 \u043b\u0438\u0448\u044c \u043f\u043e\u0434\u0441\u043a\u0430\u0437\u0430\u0442\u044c \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a\u0443, \u043d\u0430 \u043a\u0430\u043a\u0438\u0435 \u0437\u0430\u0434\u0430\u0447\u0438 \u0441\u0442\u043e\u0438\u0442 \u043e\u0431\u0440\u0430\u0442\u0438\u0442\u044c \u043f\u0440\u0438\u0441\u0442\u0430\u043b\u044c\u043d\u043e\u0435 \u0432\u043d\u0438\u043c\u0430\u043d\u0438\u0435 \u043c\u0435\u043d\u0435\u0434\u0436\u0435\u0440\u0443 \u043f\u0440\u043e\u0434\u0443\u043a\u0442\u0430."})}),"\n",(0,i.jsxs)(n.blockquote,{children:["\n",(0,i.jsx)(n.p,{children:(0,i.jsx)(n.em,{children:'@sergeysova: \u0412\u0435\u0441\u044c frontend \u044d\u0442\u043e \u0432 \u043f\u0435\u0440\u0432\u0443\u044e \u043e\u0447\u0435\u0440\u0435\u0434\u044c \u043e\u0442\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u0435 \u0438\u043d\u0444\u043e\u0440\u043c\u0430\u0446\u0438\u0438, \u043b\u044e\u0431\u043e\u0439 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442 \u0432 \u043f\u0435\u0440\u0432\u0443\u044e \u043e\u0447\u0435\u0440\u0435\u0434\u044c \u0447\u0442\u043e-\u0442\u043e \u043e\u0442\u043e\u0431\u0440\u0430\u0436\u0430\u0435\u0442, \u0430 \u0437\u043d\u0430\u0447\u0438\u0442 \u0437\u0430\u0434\u0430\u0447\u0430 "\u043f\u043e\u043a\u0430\u0437\u0430\u0442\u044c \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044e \u0447\u0442\u043e-\u0442\u043e" \u043d\u0435 \u0438\u043c\u0435\u0435\u0442 \u043f\u0440\u0430\u043a\u0442\u0438\u0447\u0435\u0441\u043a\u043e\u0439 \u0446\u0435\u043d\u043d\u043e\u0441\u0442\u0438.'})}),"\n",(0,i.jsx)(n.p,{children:(0,i.jsx)(n.em,{children:'\u0414\u0430\u0436\u0435 \u0431\u0435\u0437 \u0443\u0447\u0435\u0442\u0430 \u0441\u043f\u0435\u0446\u0438\u0444\u0438\u043a\u0438 frontend \u043c\u043e\u0436\u043d\u043e \u0441\u043f\u0440\u043e\u0441\u0438\u0442\u044c "\u0430 \u0437\u0430\u0447\u0435\u043c \u044d\u0442\u043e \u043d\u0443\u0436\u043d\u043e \u043f\u043e\u043a\u0430\u0437\u044b\u0432\u0430\u0442\u044c", \u0442\u0430\u043a \u043c\u043e\u0436\u043d\u043e \u043f\u0440\u043e\u0434\u043e\u043b\u0436\u0430\u0442\u044c \u0441\u043f\u0440\u0430\u0448\u0438\u0432\u0430\u0442\u044c \u0434\u043e \u0442\u0435\u0445 \u043f\u043e\u0440 \u043f\u043e\u043a\u0430 \u043d\u0435 \u0432\u044b\u043b\u0435\u0437\u0435\u0442 \u0431\u043e\u043b\u044c \u0438\u043b\u0438 \u043f\u043e\u0442\u0440\u0435\u0431\u043d\u043e\u0441\u0442\u044c \u043f\u043e\u0442\u0440\u0435\u0431\u0438\u0442\u0435\u043b\u044f.'})}),"\n"]}),"\n",(0,i.jsxs)(n.p,{children:["\u041a\u0430\u043a \u0442\u043e\u043b\u044c\u043a\u043e \u043c\u044b \u0441\u043c\u043e\u0433\u043b\u0438 \u0434\u043e\u0439\u0442\u0438 \u0434\u043e \u0431\u0430\u0437\u043e\u0432\u044b\u0445 \u043f\u043e\u0442\u0440\u0435\u0431\u043d\u043e\u0441\u0442\u0435\u0439 \u0438\u043b\u0438 \u0431\u043e\u043b\u0435\u0439, \u043c\u043e\u0436\u043d\u043e \u0438\u0434\u0442\u0438 \u043e\u0431\u0440\u0430\u0442\u043d\u043e \u0438 \u0440\u0430\u0437\u0431\u0438\u0440\u0430\u0442\u044c\u0441\u044f, ",(0,i.jsx)(n.strong,{children:"\u0430 \u043a\u0430\u043a \u0438\u043c\u0435\u043d\u043d\u043e \u0432\u0430\u0448 \u043f\u0440\u043e\u0434\u0443\u043a\u0442 \u0438\u043b\u0438 \u0441\u0435\u0440\u0432\u0438\u0441 \u043c\u043e\u0436\u0435\u0442 \u043f\u043e\u043c\u043e\u0447\u044c \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044e \u0441 \u0435\u0433\u043e \u0446\u0435\u043b\u044f\u043c\u0438"})]}),"\n",(0,i.jsx)(n.p,{children:"\u041b\u044e\u0431\u0430\u044f \u043d\u043e\u0432\u0430\u044f \u0437\u0430\u0434\u0430\u0447\u0430 \u0432 \u0432\u0430\u0448\u0435\u043c \u0442\u0440\u0435\u043a\u0435\u0440\u0435 \u043d\u0430\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u0430 \u043d\u0430 \u0440\u0435\u0448\u0435\u043d\u0438\u0435 \u0437\u0430\u0434\u0430\u0447 \u0431\u0438\u0437\u043d\u0435\u0441\u0430, \u0430 \u0431\u0438\u0437\u043d\u0435\u0441 \u043f\u044b\u0442\u0430\u0435\u0442\u0441\u044f \u0440\u0435\u0448\u0438\u0442\u044c \u0437\u0430\u0434\u0430\u0447\u0438 \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044f \u043e\u0434\u043d\u043e\u0432\u0440\u0435\u043c\u0435\u043d\u043d\u043e \u0437\u0430\u0440\u0430\u0431\u043e\u0442\u0430\u0432 \u043d\u0430 \u043d\u0451\u043c. \u0410 \u0437\u043d\u0430\u0447\u0438\u0442, \u043a\u0430\u0436\u0434\u0430\u044f \u0437\u0430\u0434\u0430\u0447\u0430 \u043d\u0435\u0441\u0451\u0442 \u0432 \u0441\u0435\u0431\u0435 \u043e\u043f\u0440\u0435\u0434\u0435\u043b\u0435\u043d\u043d\u044b\u0435 \u0446\u0435\u043b\u0438, \u0434\u0430\u0436\u0435 \u0435\u0441\u043b\u0438 \u043e\u043d\u0438 \u043d\u0435 \u043f\u0440\u043e\u043f\u0438\u0441\u0430\u043d\u044b \u0432 \u0442\u0435\u043a\u0441\u0442\u0435 \u043e\u043f\u0438\u0441\u0430\u043d\u0438\u044f."}),"\n",(0,i.jsx)(n.p,{children:(0,i.jsxs)(n.em,{children:[(0,i.jsx)(n.strong,{children:"\u0420\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a \u0434\u043e\u043b\u0436\u0435\u043d \u0447\u0435\u0442\u043a\u043e \u043f\u043e\u043d\u0438\u043c\u0430\u0442\u044c, \u043a\u0430\u043a\u0443\u044e \u0446\u0435\u043b\u044c \u043f\u0440\u0435\u0441\u043b\u0435\u0434\u0443\u0435\u0442 \u0442\u0430 \u0438\u043b\u0438 \u0438\u043d\u0430\u044f \u0437\u0430\u0434\u0430\u0447\u0430"}),', \u043d\u043e \u043f\u0440\u0438 \u044d\u0442\u043e\u043c \u043d\u0435 \u043a\u0430\u0436\u0434\u0430\u044f \u043a\u043e\u043c\u043f\u0430\u043d\u0438\u044f \u043c\u043e\u0436\u0435\u0442 \u043f\u043e\u0437\u0432\u043e\u043b\u0438\u0442\u044c \u0441\u0435\u0431\u0435 \u0438\u0434\u0435\u0430\u043b\u044c\u043d\u043e \u0432\u044b\u0441\u0442\u0440\u043e\u0438\u0442\u044c \u043f\u0440\u043e\u0446\u0435\u0441\u0441\u044b, \u0445\u043e\u0442\u044c \u044d\u0442\u043e \u0438 \u043e\u0442\u0434\u0435\u043b\u044c\u043d\u044b\u0439 \u0440\u0430\u0437\u0433\u043e\u0432\u043e\u0440, \u0442\u0435\u043c \u043d\u0435 \u043c\u0435\u043d\u0435\u0435, \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a \u0432\u043f\u043e\u043b\u043d\u0435 \u043c\u043e\u0436\u0435\u0442 \u0441\u0430\u043c "\u043f\u0438\u043d\u0433\u0430\u043d\u0443\u0442\u044c" \u043d\u0443\u0436\u043d\u044b\u0445 \u043c\u0435\u043d\u0435\u0434\u0436\u0435\u0440\u043e\u0432, \u0447\u0442\u043e\u0431\u044b \u0432\u044b\u044f\u0441\u043d\u0438\u0442\u044c \u044d\u0442\u043e \u0438 \u0441\u0434\u0435\u043b\u0430\u0442\u044c \u0441\u0432\u043e\u044e \u0447\u0430\u0441\u0442\u044c \u0440\u0430\u0431\u043e\u0442\u044b \u044d\u0444\u0444\u0435\u043a\u0442\u0438\u0432\u043d\u043e.']})}),"\n",(0,i.jsx)(n.h2,{id:"and-what-is-the-benefit",children:"\u0410 \u0432 \u0447\u0435\u043c \u0432\u044b\u0433\u043e\u0434\u0430?"}),"\n",(0,i.jsx)(n.p,{children:"\u041f\u043e\u0441\u043c\u043e\u0442\u0440\u0438\u043c \u0442\u0435\u043f\u0435\u0440\u044c \u043d\u0430 \u0432\u0435\u0441\u044c \u043f\u0440\u043e\u0446\u0435\u0441\u0441 \u043e\u0442 \u043d\u0430\u0447\u0430\u043b\u0430 \u0434\u043e \u043a\u043e\u043d\u0446\u0430."}),"\n",(0,i.jsx)(n.h3,{id:"1-understanding-user-tasks",children:"1. \u041f\u043e\u043d\u0438\u043c\u0430\u043d\u0438\u0435 \u0437\u0430\u0434\u0430\u0447 \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u0435\u0439"}),"\n",(0,i.jsx)(n.p,{children:"\u041a\u043e\u0433\u0434\u0430 \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a \u043f\u043e\u043d\u0438\u043c\u0430\u0435\u0442 \u0435\u0433\u043e \u0431\u043e\u043b\u0438 \u0438 \u0442\u043e, \u043a\u0430\u043a \u0431\u0438\u0437\u043d\u0435\u0441 \u0438\u0445 \u0437\u0430\u043a\u0440\u044b\u0432\u0430\u0435\u0442, \u043e\u043d \u043c\u043e\u0436\u0435\u0442 \u043f\u0440\u0435\u0434\u043b\u0430\u0433\u0430\u0442\u044c \u0440\u0435\u0448\u0435\u043d\u0438\u044f, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u0431\u0438\u0437\u043d\u0435\u0441\u0443 \u043d\u0435 \u0434\u043e\u0441\u0442\u0443\u043f\u043d\u044b \u0432 \u0441\u0438\u043b\u0443 \u0441\u043f\u0435\u0446\u0438\u0444\u0438\u043a\u0438 \u0432\u0435\u0431-\u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u0438."}),"\n",(0,i.jsxs)(n.blockquote,{children:["\n",(0,i.jsxs)(n.p,{children:["\u041d\u043e \u043a\u043e\u043d\u0435\u0447\u043d\u043e, \u0432\u0441\u0435 \u044d\u0442\u043e \u043c\u043e\u0436\u0435\u0442 \u0440\u0430\u0431\u043e\u0442\u0430\u0442\u044c \u0442\u043e\u043b\u044c\u043a\u043e \u0435\u0441\u043b\u0438 \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a\u0443 \u043d\u0435\u0431\u0435\u0437\u0440\u0430\u0437\u043b\u0438\u0447\u043d\u043e \u0442\u043e, \u0447\u0442\u043e \u043e\u043d \u0434\u0435\u043b\u0430\u0435\u0442 \u0438 \u0440\u0430\u0434\u0438 \u0447\u0435\u0433\u043e, \u0430 \u0438\u043d\u0430\u0447\u0435 ",(0,i.jsx)(n.em,{children:"\u0437\u0430\u0447\u0435\u043c \u0442\u043e\u0433\u0434\u0430 \u043c\u0435\u0442\u043e\u0434\u043e\u043b\u043e\u0433\u0438\u044f \u0438 \u043a\u0430\u043a\u0438\u0435-\u0442\u043e \u043f\u043e\u0434\u0445\u043e\u0434\u044b?"})]}),"\n"]}),"\n",(0,i.jsx)(n.h3,{id:"2-structuring-and-ordering",children:"2. \u0421\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u0438\u0437\u0430\u0446\u0438\u044f \u0438 \u0443\u043f\u043e\u0440\u044f\u0434\u043e\u0447\u0438\u0432\u0430\u043d\u0438\u0435"}),"\n",(0,i.jsxs)(n.p,{children:["\u0421 \u043f\u043e\u043d\u0438\u043c\u0430\u043d\u0438\u0435\u043c \u0437\u0430\u0434\u0430\u0447 \u043f\u0440\u0438\u0445\u043e\u0434\u0438\u0442 ",(0,i.jsx)(n.strong,{children:"\u0447\u0435\u0442\u043a\u0430\u044f \u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u0430 \u043a\u0430\u043a \u0432 \u0433\u043e\u043b\u043e\u0432\u0435, \u0442\u0430\u043a \u0438 \u0432 \u0437\u0430\u0434\u0430\u0447\u0430\u0445 \u0432\u043c\u0435\u0441\u0442\u0435 \u0441 \u043a\u043e\u0434\u043e\u043c"})]}),"\n",(0,i.jsx)(n.h3,{id:"3-understanding-the-feature-and-its-components",children:"3. \u041f\u043e\u043d\u0438\u043c\u0430\u043d\u0438\u0435 \u0444\u0438\u0447\u0438 \u0438 \u0435\u0435 \u0441\u043e\u0441\u0442\u0430\u0432\u043b\u044f\u044e\u0449\u0438\u0445"}),"\n",(0,i.jsx)(n.p,{children:(0,i.jsx)(n.strong,{children:"\u041e\u0434\u043d\u0430 \u0444\u0438\u0447\u0430 - \u044d\u0442\u043e \u043e\u0434\u043d\u0430 \u043f\u043e\u043b\u0435\u0437\u043d\u0430\u044f \u0444\u0443\u043d\u043a\u0446\u0438\u043e\u043d\u0430\u043b\u044c\u043d\u043e\u0441\u0442\u044c \u0434\u043b\u044f \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044f"})}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsxs)(n.li,{children:["\u041a\u043e\u0433\u0434\u0430 \u0432 \u043e\u0434\u043d\u043e\u0439 \u0444\u0438\u0447\u0435 - \u0440\u0435\u0430\u043b\u0438\u0437\u0443\u0435\u0442\u0441\u044f \u043d\u0435\u0441\u043a\u043e\u043b\u044c\u043a\u043e - \u044d\u0442\u043e \u0438 \u0435\u0441\u0442\u044c ",(0,i.jsx)(n.strong,{children:"\u043d\u0430\u0440\u0443\u0448\u0435\u043d\u0438\u0435 \u0433\u0440\u0430\u043d\u0438\u0446"})]}),"\n",(0,i.jsxs)(n.li,{children:["\u0424\u0438\u0447\u0430 \u043c\u043e\u0436\u0435\u0442 \u0431\u044b\u0442\u044c \u043d\u0435\u0434\u0435\u043b\u0438\u043c\u043e\u0439 \u0438 \u0440\u0430\u0437\u0440\u0430\u0441\u0442\u0430\u044e\u0449\u0435\u0439\u0441\u044f - ",(0,i.jsx)(n.strong,{children:"\u0438 \u044d\u0442\u043e \u043d\u0435\u043f\u043b\u043e\u0445\u043e"})]}),"\n",(0,i.jsxs)(n.li,{children:[(0,i.jsx)(n.strong,{children:"\u041f\u043b\u043e\u0445\u043e"})," - \u043a\u043e\u0433\u0434\u0430 \u0444\u0438\u0447\u0430 \u043d\u0435 \u043e\u0442\u0432\u0435\u0447\u0430\u0435\u0442 \u043d\u0430 \u0432\u043e\u043f\u0440\u043e\u0441 ",(0,i.jsx)(n.em,{children:'"\u0410 \u0432 \u0447\u0435\u043c \u0431\u0438\u0437\u043d\u0435\u0441-\u0446\u0435\u043d\u043d\u043e\u0441\u0442\u044c \u0434\u043b\u044f \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044f?"'}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsxs)(n.li,{children:["\u041d\u0435 \u043c\u043e\u0436\u0435\u0442 \u0431\u044b\u0442\u044c \u0444\u0438\u0447\u0438 ",(0,i.jsx)(n.code,{children:"\u043a\u0430\u0440\u0442\u0430-\u043e\u0444\u0438\u0441\u0430"})]}),"\n",(0,i.jsxs)(n.li,{children:["\u0410 \u0432\u043e\u0442 ",(0,i.jsx)(n.code,{children:"\u0431\u0440\u043e\u043d\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u0435-\u043f\u0435\u0440\u0435\u0433\u043e\u0432\u043e\u0440\u043a\u0438-\u043d\u0430-\u043a\u0430\u0440\u0442\u0435"}),", ",(0,i.jsx)(n.code,{children:"\u043f\u043e\u0438\u0441\u043a-\u0441\u043e\u0442\u0440\u0443\u0434\u043d\u0438\u043a\u0430"}),", ",(0,i.jsx)(n.code,{children:"\u0441\u043c\u0435\u043d\u0430-\u0440\u0430\u0431\u043e\u0447\u0435\u0433\u043e-\u043c\u0435\u0441\u0442\u0430"})," - ",(0,i.jsx)(n.strong,{children:"\u0434\u0430"})]}),"\n"]}),"\n"]}),"\n"]}),"\n",(0,i.jsxs)(n.blockquote,{children:["\n",(0,i.jsx)(n.p,{children:(0,i.jsx)(n.em,{children:"@sergeysova: \u0421\u043c\u044b\u0441\u043b \u0432 \u0442\u043e\u043c, \u0447\u0442\u043e\u0431\u044b \u0432 \u0444\u0438\u0447\u0435 \u043b\u0435\u0436\u0430\u043b \u0442\u043e\u043b\u044c\u043a\u043e \u043a\u043e\u0434, \u0440\u0435\u0430\u043b\u0438\u0437\u0443\u044e\u0449\u0438\u0439 \u043d\u0435\u043f\u043e\u0441\u0440\u0435\u0434\u0441\u0442\u0432\u0435\u043d\u043d\u043e \u0441\u0430\u043c\u0443 \u0444\u0443\u043d\u043a\u0446\u0438\u043e\u043d\u0430\u043b\u044c\u043d\u043e\u0441\u0442\u044c, \u0431\u0435\u0437 \u043b\u0438\u0448\u043d\u0438\u0445 \u043f\u043e\u0434\u0440\u043e\u0431\u043d\u043e\u0441\u0442\u0435\u0439 \u0438 \u0432\u043d\u0443\u0442\u0440\u0435\u043d\u043d\u0438\u0445 \u0440\u0435\u0448\u0435\u043d\u0438\u0439 (\u0432 \u0438\u0434\u0435\u0430\u043b\u0435)"})}),"\n",(0,i.jsx)(n.p,{children:(0,i.jsxs)(n.em,{children:["\u041e\u0442\u043a\u0440\u044b\u0432\u0430\u0435\u0448\u044c \u043a\u043e\u0434 \u0444\u0438\u0447\u0438 ",(0,i.jsx)(n.strong,{children:"\u0438 \u0432\u0438\u0434\u0438\u0448\u044c \u0442\u043e\u043b\u044c\u043a\u043e \u0442\u043e, \u0447\u0442\u043e \u043e\u0442\u043d\u043e\u0441\u0438\u0442\u0441\u044f \u043a \u0437\u0430\u0434\u0430\u0447\u0435"})," - \u043d\u0435 \u0431\u043e\u043b\u044c\u0448\u0435"]})}),"\n"]}),"\n",(0,i.jsx)(n.h3,{id:"4-profit",children:"4. Profit"}),"\n",(0,i.jsxs)(n.p,{children:["\u0411\u0438\u0437\u043d\u0435\u0441 \u043a\u0440\u0430\u0439\u043d\u0435 \u0440\u0435\u0434\u043a\u043e \u0440\u0430\u0437\u0432\u043e\u0440\u0430\u0447\u0438\u0432\u0430\u0435\u0442 \u0441\u0432\u043e\u0439 \u043a\u0443\u0440\u0441 \u043a\u0430\u0440\u0434\u0438\u043d\u0430\u043b\u044c\u043d\u043e \u0432 \u0434\u0440\u0443\u0433\u0443\u044e \u0441\u0442\u043e\u0440\u043e\u043d\u0443, \u0430 \u0437\u043d\u0430\u0447\u0438\u0442 ",(0,i.jsx)(n.strong,{children:"\u043e\u0442\u0440\u0430\u0436\u0435\u043d\u0438\u0435 \u0437\u0430\u0434\u0430\u0447 \u0431\u0438\u0437\u043d\u0435\u0441\u0430 \u0432 \u043a\u043e\u0434\u0435 frontend \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f \u044d\u0442\u043e \u0432\u0435\u0441\u044c\u043c\u0430 \u0441\u0443\u0449\u0435\u0441\u0442\u0432\u0435\u043d\u043d\u044b\u0439 \u043f\u0440\u043e\u0444\u0438\u0442."})]}),"\n",(0,i.jsx)(n.p,{children:(0,i.jsxs)(n.em,{children:["\u0422\u043e\u0433\u0434\u0430 \u043d\u0435 \u043f\u0440\u0438\u0434\u0451\u0442\u0441\u044f \u043e\u0431\u044a\u044f\u0441\u043d\u044f\u0442\u044c \u043a\u0430\u0436\u0434\u043e\u043c\u0443 \u043d\u043e\u0432\u043e\u043c\u0443 \u0447\u043b\u0435\u043d\u0443 \u043a\u043e\u043c\u0430\u043d\u0434\u044b, \u0447\u0442\u043e \u0434\u0435\u043b\u0430\u0435\u0442 \u0442\u043e\u0442 \u0438\u043b\u0438 \u0438\u043d\u043e\u0439 \u043a\u043e\u0434, \u0438 \u0432\u043e\u043e\u0431\u0449\u0435 \u0440\u0430\u0434\u0438 \u0447\u0435\u0433\u043e \u043e\u043d \u0434\u043e\u0431\u0430\u0432\u043b\u044f\u043b\u0441\u044f - ",(0,i.jsx)(n.strong,{children:"\u0432\u0441\u0435 \u0431\u0443\u0434\u0435\u0442 \u043e\u0431\u044a\u044f\u0441\u043d\u044f\u0442\u044c\u0441\u044f \u0447\u0435\u0440\u0435\u0437 \u0437\u0430\u0434\u0430\u0447\u0438 \u0431\u0438\u0437\u043d\u0435\u0441\u0430, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u0443\u0436\u0435 \u043e\u0442\u0440\u0430\u0436\u0435\u043d\u044b \u0432 \u043a\u043e\u0434\u0435."})]})}),"\n",(0,i.jsxs)(n.blockquote,{children:["\n",(0,i.jsxs)(n.p,{children:["\u0422\u043e, \u0447\u0442\u043e \u043d\u0430\u0437\u044b\u0432\u0430\u0435\u0442\u0441\u044f ",(0,i.jsx)(n.a,{href:"https://thedomaindrivendesign.io/developing-the-ubiquitous-language",children:'"\u042f\u0437\u044b\u043a \u0431\u0438\u0437\u043d\u0435\u0441\u0430" \u0432 Domain Driven Development'})]}),"\n"]}),"\n",(0,i.jsx)(n.hr,{}),"\n",(0,i.jsx)(n.h2,{id:"back-to-reality",children:"\u0412\u0435\u0440\u043d\u0435\u043c\u0441\u044f \u043a \u0440\u0435\u0430\u043b\u044c\u043d\u043e\u0441\u0442\u0438"}),"\n",(0,i.jsxs)(n.p,{children:["\u0415\u0441\u043b\u0438 \u0431\u0438\u0437\u043d\u0435\u0441-\u043f\u0440\u043e\u0446\u0435\u0441\u0441\u044b \u043e\u0441\u043c\u044b\u0441\u043b\u0435\u043d\u044b \u0438 \u043d\u0430 \u0441\u0442\u0430\u0434\u0438\u0438 \u0434\u0438\u0437\u0430\u0439\u043d\u0430 \u0434\u0430\u043d\u044b \u0445\u043e\u0440\u043e\u0448\u0438\u0435 \u0438\u043c\u0435\u043d\u0430 - ",(0,i.jsx)(n.em,{children:"\u0442\u043e \u043f\u0435\u0440\u0435\u043d\u0435\u0441\u0442\u0438 \u044d\u0442\u043e \u043f\u043e\u043d\u0438\u043c\u0430\u043d\u0438\u0435 \u0438 \u043b\u043e\u0433\u0438\u043a\u0443 \u0432 \u043a\u043e\u0434 \u043d\u0435 \u043e\u0441\u043e\u0431\u043e \u043f\u0440\u043e\u0431\u043b\u0435\u043c\u043d\u043e."})]}),"\n",(0,i.jsxs)(n.p,{children:[(0,i.jsx)(n.strong,{children:"\u041e\u0434\u043d\u0430\u043a\u043e \u043d\u0430 \u0434\u0435\u043b\u0435"}),', \u0437\u0430\u0434\u0430\u0447\u0438 \u0438 \u0444\u0443\u043d\u043a\u0446\u0438\u043e\u043d\u0430\u043b\u044c\u043d\u043e\u0441\u0442\u044c \u043e\u0431\u044b\u0447\u043d\u043e \u0440\u0430\u0437\u0432\u0438\u0432\u0430\u044e\u0442\u0441\u044f "\u0441\u043b\u0438\u0448\u043a\u043e\u043c" \u0438\u0442\u0435\u0440\u0430\u0442\u0438\u0432\u043d\u043e \u0438 (\u0438\u043b\u0438) \u043d\u0435\u0442 \u0432\u0440\u0435\u043c\u0435\u043d\u0438 \u043f\u0440\u043e\u0434\u0443\u043c\u044b\u0432\u0430\u0442\u044c \u0434\u0438\u0437\u0430\u0439\u043d.']}),"\n",(0,i.jsx)(n.p,{children:(0,i.jsx)(n.strong,{children:"\u0412 \u0438\u0442\u043e\u0433\u0435 \u0444\u0438\u0447\u0430 \u0441\u0435\u0433\u043e\u0434\u043d\u044f \u0438\u043c\u0435\u0435\u0442 \u0441\u043c\u044b\u0441\u043b, \u0430 \u043f\u0440\u0438 \u0440\u0430\u0441\u0448\u0438\u0440\u0435\u043d\u0438\u0438 \u044d\u0442\u043e\u0439 \u0444\u0438\u0447\u0438 \u0447\u0435\u0440\u0435\u0437 \u043c\u0435\u0441\u044f\u0446 \u043c\u043e\u0436\u043d\u043e \u043f\u0435\u0440\u0435\u043f\u0438\u0441\u0430\u0442\u044c \u043f\u043e\u043b \u043f\u0440\u043e\u0435\u043a\u0442\u0430."})}),"\n",(0,i.jsxs)(n.blockquote,{children:["\n",(0,i.jsx)(n.p,{children:(0,i.jsxs)(n.em,{children:["[",(0,i.jsx)(n.a,{href:"https://t.me/sergeysova/318",children:"\u0418\u0437 \u043e\u0431\u0441\u0443\u0436\u0434\u0435\u043d\u0438\u044f"}),"]: \u0420\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a \u043f\u044b\u0442\u0430\u0435\u0442\u0441\u044f \u0434\u0443\u043c\u0430\u0442\u044c \u043d\u0430 2-3 \u0448\u0430\u0433\u0430 \u0432\u043f\u0435\u0440\u0435\u0434, \u0443\u0447\u0438\u0442\u044b\u0432\u0430\u044f \u0431\u0443\u0434\u0443\u0449\u0438\u0435 \u0445\u043e\u0442\u0435\u043b\u043a\u0438, \u043d\u043e \u0442\u0443\u0442 \u0443\u043f\u0438\u0440\u0430\u0435\u0442\u0441\u044f \u0432 \u0441\u043e\u0431\u0441\u0442\u0432\u0435\u043d\u043d\u044b\u0439 \u043e\u043f\u044b\u0442"]})}),"\n",(0,i.jsx)(n.p,{children:(0,i.jsx)(n.em,{children:"\u041f\u0440\u043e\u0436\u0436\u0435\u043d\u043d\u044b\u0439 \u043e\u043f\u044b\u0442\u043e\u043c \u0438\u043d\u0436\u0435\u043d\u0435\u0440 \u043e\u0431\u044b\u0447\u043d\u043e \u0441\u0440\u0430\u0437\u0443 \u0441\u043c\u043e\u0442\u0440\u0438\u0442 \u043d\u0430 10 \u0448\u0430\u0433\u043e\u0432 \u0432\u043f\u0435\u0440\u0435\u0434, \u0438 \u043f\u043e\u043d\u0438\u043c\u0430\u0435\u0442 \u0433\u0434\u0435 \u043e\u0434\u043d\u0443 \u0444\u0438\u0447\u0443 \u0440\u0430\u0437\u0434\u0435\u043b\u0438\u0442\u044c, \u0430 \u0433\u0434\u0435 \u043e\u0431\u044a\u0435\u0434\u0438\u043d\u0438\u0442\u044c \u0441 \u0434\u0440\u0443\u0433\u043e\u0439"})}),"\n",(0,i.jsx)(n.p,{children:(0,i.jsx)(n.em,{children:"\u041d\u043e \u0431\u044b\u0432\u0430\u0435\u0442 \u0438 \u0442\u0430\u043a, \u0447\u0442\u043e \u043f\u0440\u0438\u0445\u043e\u0434\u0438\u0442 \u0437\u0430\u0434\u0430\u0447\u0430, \u0441 \u043a\u043e\u0442\u043e\u0440\u043e\u0439 \u043d\u0435 \u043f\u0440\u0438\u0445\u043e\u0434\u0438\u043b\u043e\u0441\u044c \u0441\u0442\u0430\u043b\u043a\u0438\u0432\u0430\u0442\u044c\u0441\u044f \u043f\u043e \u043e\u043f\u044b\u0442\u0443, \u0438 \u043d\u0435\u043e\u0442\u043a\u0443\u0434\u0430 \u0432\u0437\u044f\u0442\u044c \u043f\u043e\u043d\u0438\u043c\u0430\u043d\u0438\u0435 - \u043a\u0430\u043a \u0433\u0440\u0430\u043c\u043e\u0442\u043d\u0435\u0439 \u0434\u0435\u043a\u043e\u043c\u043f\u043e\u0437\u0438\u0440\u043e\u0432\u0430\u0442\u044c, \u0441 \u043d\u0430\u0438\u043c\u0435\u043d\u044c\u0448\u0438\u043c\u0438 \u043f\u0435\u0447\u0430\u043b\u044c\u043d\u044b\u043c\u0438 \u043f\u043e\u0441\u043b\u0435\u0434\u0441\u0442\u0432\u0438\u044f\u043c\u0438 \u0432 \u0431\u0443\u0434\u0443\u0449\u0435\u043c"})}),"\n"]}),"\n",(0,i.jsx)(n.h2,{id:"the-role-of-methodology",children:"\u0420\u043e\u043b\u044c \u043c\u0435\u0442\u043e\u0434\u043e\u043b\u043e\u0433\u0438\u0438"}),"\n",(0,i.jsx)(n.p,{children:(0,i.jsx)(n.strong,{children:"\u041c\u0435\u0442\u043e\u0434\u043e\u043b\u043e\u0433\u0438\u044f \u043f\u043e\u043c\u043e\u0433\u0430\u0435\u0442 \u0440\u0435\u0448\u0438\u0442\u044c \u043f\u0440\u043e\u0431\u043b\u0435\u043c\u044b \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a\u043e\u0432, \u0447\u0442\u043e\u0431\u044b \u0442\u0435\u043c \u0431\u044b\u043b\u043e \u043f\u0440\u043e\u0449\u0435 \u0440\u0435\u0448\u0430\u0442\u044c \u043f\u0440\u043e\u0431\u043b\u0435\u043c\u044b \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u0435\u0439."})}),"\n",(0,i.jsx)(n.p,{children:"\u041d\u0435\u0442 \u0440\u0435\u0448\u0435\u043d\u0438\u044f \u0437\u0430\u0434\u0430\u0447 \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a\u043e\u0432 \u0442\u043e\u043b\u044c\u043a\u043e \u0440\u0430\u0434\u0438 \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a\u043e\u0432"}),"\n",(0,i.jsxs)(n.p,{children:["\u041d\u043e \u0447\u0442\u043e\u0431\u044b \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a \u0440\u0435\u0448\u0438\u043b \u0441\u0432\u043e\u0438 \u0437\u0430\u0434\u0430\u0447\u0438, ",(0,i.jsx)(n.strong,{children:"\u043d\u0443\u0436\u043d\u043e \u043f\u043e\u043d\u044f\u0442\u044c \u0437\u0430\u0434\u0430\u0447\u0438 \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044f"})," - \u043d\u0430\u043e\u0431\u043e\u0440\u043e\u0442 \u043d\u0435 \u0432\u044b\u0439\u0434\u0435\u0442"]}),"\n",(0,i.jsx)(n.h3,{id:"methodology-requirements",children:"\u0422\u0440\u0435\u0431\u043e\u0432\u0430\u043d\u0438\u044f \u043a \u043c\u0435\u0442\u043e\u0434\u043e\u043b\u043e\u0433\u0438\u0438"}),"\n",(0,i.jsxs)(n.p,{children:["\u0421\u0442\u0430\u043d\u043e\u0432\u0438\u0442\u0441\u044f \u044f\u0441\u043d\u043e, \u0447\u0442\u043e \u043d\u0443\u0436\u043d\u043e \u0432\u044b\u0434\u0435\u043b\u0438\u0442\u044c \u043a\u0430\u043a \u043c\u0438\u043d\u0438\u043c\u0443\u043c \u0434\u0432\u0430 \u0442\u0440\u0435\u0431\u043e\u0432\u0430\u043d\u0438\u044f \u0434\u043b\u044f ",(0,i.jsx)(n.strong,{children:"Feature-Sliced Design"}),":"]}),"\n",(0,i.jsxs)(n.ol,{children:["\n",(0,i.jsxs)(n.li,{children:["\u041c\u0435\u0442\u043e\u0434\u043e\u043b\u043e\u0433\u0438\u044f \u0434\u043e\u043b\u0436\u043d\u0430 \u0440\u0430\u0441\u0441\u043a\u0430\u0437\u044b\u0432\u0430\u0442\u044c ",(0,i.jsx)(n.strong,{children:"\u043a\u0430\u043a \u0441\u043e\u0437\u0434\u0430\u0432\u0430\u0442\u044c \u0444\u0438\u0447\u0438, \u043f\u0440\u043e\u0446\u0435\u0441\u0441\u044b \u0438 \u0441\u0443\u0449\u043d\u043e\u0441\u0442\u0438"}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsxs)(n.li,{children:["\u0410 \u0437\u043d\u0430\u0447\u0438\u0442 \u0434\u043e\u043b\u0436\u043d\u0430 \u0447\u0435\u0442\u043a\u043e \u043e\u0431\u044a\u044f\u0441\u043d\u044f\u0442\u044c ",(0,i.jsx)(n.em,{children:"\u043a\u0430\u043a \u0440\u0430\u0437\u0434\u0435\u043b\u044f\u0442\u044c \u043a\u043e\u0434 \u043c\u0435\u0436\u0434\u0443 \u043d\u0438\u043c\u0438"}),", \u0438\u0437 \u0447\u0435\u0433\u043e \u0441\u043b\u0435\u0434\u0443\u0435\u0442, \u0447\u0442\u043e \u0438\u043c\u0435\u043d\u043e\u0432\u0430\u043d\u0438\u0435 \u044d\u0442\u0438\u0445 \u0441\u0443\u0449\u043d\u043e\u0441\u0442\u0435\u0439 \u0442\u0430\u043a\u0436\u0435 \u0434\u043e\u043b\u0436\u043d\u043e \u0431\u044b\u0442\u044c \u0437\u0430\u043b\u043e\u0436\u0435\u043d\u043e \u0432 \u0441\u043f\u0435\u0446\u0438\u0444\u0438\u043a\u0430\u0446\u0438\u0438."]}),"\n"]}),"\n"]}),"\n",(0,i.jsxs)(n.li,{children:["\u041c\u0435\u0442\u043e\u0434\u043e\u043b\u043e\u0433\u0438\u044f \u0434\u043e\u043b\u0436\u043d\u0430 \u043f\u043e\u043c\u043e\u0433\u0430\u0442\u044c \u0430\u0440\u0445\u0438\u0442\u0435\u043a\u0442\u0443\u0440\u0435 ",(0,i.jsx)(n.strong,{children:(0,i.jsx)(n.a,{href:"architecture#adaptability",children:"\u043b\u0435\u0433\u043a\u043e \u0430\u0434\u0430\u043f\u0442\u0438\u0440\u043e\u0432\u0430\u0442\u044c\u0441\u044f \u043f\u043e\u0434 \u0438\u0437\u043c\u0435\u043d\u044f\u044e\u0449\u0438\u0435\u0441\u044f \u0442\u0440\u0435\u0431\u043e\u0432\u0430\u043d\u0438\u044f \u043f\u0440\u043e\u0435\u043a\u0442\u0430"})})]}),"\n"]}),"\n",(0,i.jsx)(n.h2,{id:"see-also",children:"\u0421\u043c. \u0442\u0430\u043a\u0436\u0435"}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsxs)(n.li,{children:[(0,i.jsx)(n.a,{href:"https://t.me/sergeysova/318",children:"(\u041f\u043e\u0441\u0442) \u0421\u0442\u0438\u043c\u0443\u043b\u044f\u0446\u0438\u044f \u043a \u0447\u0435\u0442\u043a\u043e\u0439 \u0444\u043e\u0440\u043c\u0443\u043b\u0438\u0440\u043e\u0432\u043a\u0435 \u0437\u0430\u0434\u0430\u0447 (+ \u043e\u0431\u0441\u0443\u0436\u0434\u0435\u043d\u0438\u0435)"}),"\n",(0,i.jsxs)(n.blockquote,{children:["\n",(0,i.jsx)(n.p,{children:(0,i.jsxs)(n.em,{children:[(0,i.jsx)(n.strong,{children:"\u0422\u0435\u043a\u0443\u0449\u0430\u044f \u0441\u0442\u0430\u0442\u044c\u044f"})," \u044f\u0432\u043b\u044f\u0435\u0442\u0441\u044f \u0430\u0434\u0430\u043f\u0442\u0430\u0446\u0438\u0435\u0439 \u044d\u0442\u043e\u0433\u043e \u043e\u0431\u0441\u0443\u0436\u0434\u0435\u043d\u0438\u044f, \u043f\u043e \u0441\u0441\u044b\u043b\u043a\u0435 \u043c\u043e\u0436\u043d\u043e \u043e\u0437\u043d\u0430\u043a\u043e\u043c\u0438\u0442\u044c\u0441\u044f \u0441 \u043f\u043e\u043b\u043d\u043e\u0439 \u043d\u0435\u0443\u0440\u0435\u0437\u0430\u043d\u043d\u043e\u0439 \u0432\u0435\u0440\u0441\u0438\u0435\u0439"]})}),"\n"]}),"\n"]}),"\n",(0,i.jsx)(n.li,{children:(0,i.jsx)(n.a,{href:"https://t.me/atomicdesign/18972",children:"(\u041e\u0431\u0441\u0443\u0436\u0434\u0435\u043d\u0438\u0435) \u041a\u0430\u043a \u0440\u0430\u0437\u0431\u0438\u0442\u044c \u0444\u0443\u043d\u043a\u0446\u0438\u043e\u043d\u0430\u043b\u044c\u043d\u043e\u0441\u0442\u044c \u0438 \u0447\u0442\u043e \u0438\u0437 \u0441\u0435\u0431\u044f \u043e\u043d\u0430 \u043f\u0440\u0435\u0434\u0441\u0442\u0430\u0432\u043b\u044f\u0435\u0442"})}),"\n",(0,i.jsx)(n.li,{children:(0,i.jsx)(n.a,{href:"https://alexmngn.medium.com/how-to-better-organize-your-react-applications-2fd3ea1920f1",children:'(\u0421\u0442\u0430\u0442\u044c\u044f) "How to better organize your applications"'})}),"\n"]})]})}function x(e={}){const{wrapper:n}={...(0,r.R)(),...e.components};return n?(0,i.jsx)(n,{...e,children:(0,i.jsx)(o,{...e})}):o(e)}},1100:(e,n,s)=>{s.d(n,{R:()=>l,x:()=>t});var i=s(758);const r={},d=i.createContext(r);function l(e){const n=i.useContext(d);return i.useMemo((function(){return"function"==typeof e?e(n):{...n,...e}}),[n,e])}function t(e){let n;return n=e.disableParentContext?"function"==typeof e.components?e.components(r):e.components||r:l(e.components),i.createElement(d.Provider,{value:n},e.children)}}}]);
\ No newline at end of file
+"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[294],{8999:(e,n,s)=>{s.r(n),s.d(n,{assets:()=>c,contentTitle:()=>l,default:()=>x,frontMatter:()=>d,metadata:()=>t,toc:()=>h});var i=s(6070),r=s(1100);const d={sidebar_position:2,sidebar_label:"\u041f\u043e\u043d\u0438\u043c\u0430\u043d\u0438\u0435 \u043f\u043e\u0442\u0440\u0435\u0431\u043d\u043e\u0441\u0442\u0435\u0439"},l="\u041e \u043f\u043e\u043d\u0438\u043c\u0430\u043d\u0438\u0438 \u043f\u043e\u0442\u0440\u0435\u0431\u043d\u043e\u0441\u0442\u0435\u0439 \u0438 \u043e \u0444\u043e\u0440\u043c\u0443\u043b\u0438\u0440\u043e\u0432\u043a\u0435 \u0437\u0430\u0434\u0430\u0447",t={id:"about/understanding/needs-driven",title:"\u041e \u043f\u043e\u043d\u0438\u043c\u0430\u043d\u0438\u0438 \u043f\u043e\u0442\u0440\u0435\u0431\u043d\u043e\u0441\u0442\u0435\u0439 \u0438 \u043e \u0444\u043e\u0440\u043c\u0443\u043b\u0438\u0440\u043e\u0432\u043a\u0435 \u0437\u0430\u0434\u0430\u0447",description:"\u2014 \u041d\u0435 \u043f\u043e\u043b\u0443\u0447\u0430\u0435\u0442\u0441\u044f \u0441\u0444\u043e\u0440\u043c\u0443\u043b\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u0446\u0435\u043b\u044c, \u043a\u043e\u0442\u043e\u0440\u0443\u044e \u0431\u0443\u0434\u0435\u0442 \u0440\u0435\u0448\u0430\u0442\u044c \u043d\u043e\u0432\u0430\u044f \u0444\u0438\u0447\u0430? \u0410 \u043c\u043e\u0436\u0435\u0442 \u043f\u0440\u043e\u0431\u043b\u0435\u043c\u0430 \u0432 \u0442\u043e\u043c, \u0447\u0442\u043e \u0441\u0430\u043c\u0430 \u0437\u0430\u0434\u0430\u0447\u0430 \u043d\u0435 \u0441\u0444\u043e\u0440\u043c\u0443\u043b\u0438\u0440\u043e\u0432\u0430\u043d\u0430? **\u0421\u043c\u044b\u0441\u043b \u0435\u0449\u0451 \u0438 \u0432 \u0442\u043e\u043c, \u0447\u0442\u043e\u0431\u044b \u043c\u0435\u0442\u043e\u0434\u043e\u043b\u043e\u0433\u0438\u044f \u043f\u043e\u043c\u043e\u0433\u043b\u0430 \u0432\u044b\u0442\u0430\u0449\u0438\u0442\u044c \u043d\u0430\u0440\u0443\u0436\u0443 \u043f\u0440\u043e\u0431\u043b\u0435\u043c\u043d\u043e\u0435 \u043e\u043f\u0440\u0435\u0434\u0435\u043b\u0435\u043d\u0438\u0435 \u0437\u0430\u0434\u0430\u0447 \u0438 \u0446\u0435\u043b\u0435\u0439**",source:"@site/i18n/ru/docusaurus-plugin-content-docs/current/about/understanding/needs-driven.md",sourceDirName:"about/understanding",slug:"/about/understanding/needs-driven",permalink:"/ru/docs/about/understanding/needs-driven",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/ru/docusaurus-plugin-content-docs/current/about/understanding/needs-driven.md",tags:[],version:"current",lastUpdatedAt:1728325386e3,sidebarPosition:2,frontMatter:{sidebar_position:2,sidebar_label:"\u041f\u043e\u043d\u0438\u043c\u0430\u043d\u0438\u0435 \u043f\u043e\u0442\u0440\u0435\u0431\u043d\u043e\u0441\u0442\u0435\u0439"},sidebar:"aboutSidebar",previous:{title:"\u041e\u0431 \u0430\u0440\u0445\u0438\u0442\u0435\u043a\u0442\u0443\u0440\u0435",permalink:"/ru/docs/about/understanding/architecture"},next:{title:"\u0422\u0438\u043f\u044b \u0437\u043d\u0430\u043d\u0438\u0439",permalink:"/ru/docs/about/understanding/knowledge-types"}},c={},h=[{value:"\u0417\u0430\u0447\u0435\u043c?",id:"why",level:2},{value:"\u041e \u043a\u0430\u043a\u0438\u0445 \u0437\u0430\u0434\u0430\u0447\u0430\u0445 \u0440\u0435\u0447\u044c?",id:"what-tasks-are-we-talking-about",level:2},{value:"\u041a\u0430\u043a \u044d\u0442\u043e \u0432\u043b\u0438\u044f\u0435\u0442 \u043d\u0430 \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u0443?",id:"how-does-this-affect-development",level:2},{value:"\u0414\u0435\u043a\u043e\u043c\u043f\u043e\u0437\u0438\u0446\u0438\u044f \u0437\u0430\u0434\u0430\u0447\u0438",id:"task-decomposition",level:3},{value:"\u041f\u043e\u043d\u0438\u043c\u0430\u043d\u0438\u0435 \u0441\u0443\u0442\u0438 \u0437\u0430\u0434\u0430\u0447\u0438",id:"understanding-the-essence-of-the-task",level:3},{value:"\u041a\u0430\u043a \u0441\u0444\u043e\u0440\u043c\u0443\u043b\u0438\u0440\u043e\u0432\u0430\u0442\u044c?",id:"how-to-formulate-it",level:2},{value:"\u0410 \u0432 \u0447\u0435\u043c \u0432\u044b\u0433\u043e\u0434\u0430?",id:"and-what-is-the-benefit",level:2},{value:"1. \u041f\u043e\u043d\u0438\u043c\u0430\u043d\u0438\u0435 \u0437\u0430\u0434\u0430\u0447 \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u0435\u0439",id:"1-understanding-user-tasks",level:3},{value:"2. \u0421\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u0438\u0437\u0430\u0446\u0438\u044f \u0438 \u0443\u043f\u043e\u0440\u044f\u0434\u043e\u0447\u0438\u0432\u0430\u043d\u0438\u0435",id:"2-structuring-and-ordering",level:3},{value:"3. \u041f\u043e\u043d\u0438\u043c\u0430\u043d\u0438\u0435 \u0444\u0438\u0447\u0438 \u0438 \u0435\u0435 \u0441\u043e\u0441\u0442\u0430\u0432\u043b\u044f\u044e\u0449\u0438\u0445",id:"3-understanding-the-feature-and-its-components",level:3},{value:"4. Profit",id:"4-profit",level:3},{value:"\u0412\u0435\u0440\u043d\u0435\u043c\u0441\u044f \u043a \u0440\u0435\u0430\u043b\u044c\u043d\u043e\u0441\u0442\u0438",id:"back-to-reality",level:2},{value:"\u0420\u043e\u043b\u044c \u043c\u0435\u0442\u043e\u0434\u043e\u043b\u043e\u0433\u0438\u0438",id:"the-role-of-methodology",level:2},{value:"\u0422\u0440\u0435\u0431\u043e\u0432\u0430\u043d\u0438\u044f \u043a \u043c\u0435\u0442\u043e\u0434\u043e\u043b\u043e\u0433\u0438\u0438",id:"methodology-requirements",level:3},{value:"\u0421\u043c. \u0442\u0430\u043a\u0436\u0435",id:"see-also",level:2}];function o(e){const n={a:"a",admonition:"admonition",blockquote:"blockquote",code:"code",em:"em",h1:"h1",h2:"h2",h3:"h3",header:"header",hr:"hr",li:"li",ol:"ol",p:"p",strong:"strong",ul:"ul",...(0,r.R)(),...e.components};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(n.header,{children:(0,i.jsx)(n.h1,{id:"\u043e-\u043f\u043e\u043d\u0438\u043c\u0430\u043d\u0438\u0438-\u043f\u043e\u0442\u0440\u0435\u0431\u043d\u043e\u0441\u0442\u0435\u0439-\u0438-\u043e-\u0444\u043e\u0440\u043c\u0443\u043b\u0438\u0440\u043e\u0432\u043a\u0435-\u0437\u0430\u0434\u0430\u0447",children:"\u041e \u043f\u043e\u043d\u0438\u043c\u0430\u043d\u0438\u0438 \u043f\u043e\u0442\u0440\u0435\u0431\u043d\u043e\u0441\u0442\u0435\u0439 \u0438 \u043e \u0444\u043e\u0440\u043c\u0443\u043b\u0438\u0440\u043e\u0432\u043a\u0435 \u0437\u0430\u0434\u0430\u0447"})}),"\n",(0,i.jsxs)(n.admonition,{title:"TL;DR",type:"note",children:[(0,i.jsxs)(n.p,{children:["\u2014 ",(0,i.jsxs)(n.em,{children:["\u041d\u0435 \u043f\u043e\u043b\u0443\u0447\u0430\u0435\u0442\u0441\u044f \u0441\u0444\u043e\u0440\u043c\u0443\u043b\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u0446\u0435\u043b\u044c, \u043a\u043e\u0442\u043e\u0440\u0443\u044e \u0431\u0443\u0434\u0435\u0442 \u0440\u0435\u0448\u0430\u0442\u044c \u043d\u043e\u0432\u0430\u044f \u0444\u0438\u0447\u0430? \u0410 \u043c\u043e\u0436\u0435\u0442 \u043f\u0440\u043e\u0431\u043b\u0435\u043c\u0430 \u0432 \u0442\u043e\u043c, \u0447\u0442\u043e \u0441\u0430\u043c\u0430 \u0437\u0430\u0434\u0430\u0447\u0430 \u043d\u0435 \u0441\u0444\u043e\u0440\u043c\u0443\u043b\u0438\u0440\u043e\u0432\u0430\u043d\u0430? ",(0,i.jsx)(n.strong,{children:"\u0421\u043c\u044b\u0441\u043b \u0435\u0449\u0451 \u0438 \u0432 \u0442\u043e\u043c, \u0447\u0442\u043e\u0431\u044b \u043c\u0435\u0442\u043e\u0434\u043e\u043b\u043e\u0433\u0438\u044f \u043f\u043e\u043c\u043e\u0433\u043b\u0430 \u0432\u044b\u0442\u0430\u0449\u0438\u0442\u044c \u043d\u0430\u0440\u0443\u0436\u0443 \u043f\u0440\u043e\u0431\u043b\u0435\u043c\u043d\u043e\u0435 \u043e\u043f\u0440\u0435\u0434\u0435\u043b\u0435\u043d\u0438\u0435 \u0437\u0430\u0434\u0430\u0447 \u0438 \u0446\u0435\u043b\u0435\u0439"})]})]}),(0,i.jsxs)(n.p,{children:["\u2014 ",(0,i.jsxs)(n.em,{children:["\u041f\u0440\u043e\u0435\u043a\u0442 \u043d\u0435 \u0436\u0438\u0432\u0435\u0442 \u0432 \u0441\u0442\u0430\u0442\u0438\u043a\u0435 - \u0442\u0440\u0435\u0431\u043e\u0432\u0430\u043d\u0438\u044f \u0438 \u0444\u0443\u043d\u043a\u0446\u0438\u043e\u043d\u0430\u043b\u044c\u043d\u043e\u0441\u0442\u044c \u043f\u043e\u0441\u0442\u043e\u044f\u043d\u043d\u043e \u043c\u0435\u043d\u044f\u044e\u0442\u0441\u044f. \u0421\u043e \u0432\u0440\u0435\u043c\u0435\u043d\u0435\u043c, \u043a\u043e\u0434 \u043f\u0440\u0435\u0432\u0440\u0430\u0449\u0430\u0435\u0442\u0441\u044f \u0432 \u043a\u0430\u0448\u0443, \u0442.\u043a. \u043d\u0430 \u0441\u0442\u0430\u0440\u0442\u0435 \u043f\u0440\u043e\u0435\u043a\u0442 \u0431\u044b\u043b \u0441\u043f\u0440\u043e\u0435\u043a\u0442\u0438\u0440\u043e\u0432\u0430\u043d \u0442\u043e\u043b\u044c\u043a\u043e \u043f\u043e\u0434 \u0438\u0437\u043d\u0430\u0447\u0430\u043b\u044c\u043d\u044b\u0439 \u0441\u043b\u0435\u043f\u043e\u043a \u043f\u043e\u0436\u0435\u043b\u0430\u043d\u0438\u0439. ",(0,i.jsx)(n.strong,{children:"\u0418 \u0437\u0430\u0434\u0430\u0447\u0430 \u0445\u043e\u0440\u043e\u0448\u0435\u0439 \u0430\u0440\u0445\u0438\u0442\u0435\u043a\u0442\u0443\u0440\u044b \u0432 \u0442\u043e\u043c \u0447\u0438\u0441\u043b\u0435 - \u0447\u0442\u043e\u0431\u044b \u0431\u044b\u0442\u044c \u0437\u0430\u0442\u043e\u0447\u0435\u043d\u043d\u043e\u0439 \u043f\u043e\u0434 \u0438\u0437\u043c\u0435\u043d\u044f\u044e\u0449\u0438\u0435\u0441\u044f \u0443\u0441\u043b\u043e\u0432\u0438\u044f \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u0438."})]})]})]}),"\n",(0,i.jsx)(n.h2,{id:"why",children:"\u0417\u0430\u0447\u0435\u043c?"}),"\n",(0,i.jsxs)(n.p,{children:["\u0427\u0442\u043e\u0431\u044b \u043f\u043e\u0434\u043e\u0431\u0440\u0430\u0442\u044c \u0447\u0435\u0442\u043a\u043e\u0435 \u0438\u043c\u044f \u0441\u0443\u0449\u043d\u043e\u0441\u0442\u0438 \u0438 \u043f\u043e\u043d\u044f\u0442\u044c \u0435\u0435 \u0441\u043e\u0441\u0442\u0430\u0432\u043b\u044f\u044e\u0449\u0438\u0435, ",(0,i.jsx)(n.strong,{children:"\u043d\u0443\u0436\u043d\u043e \u043e\u0442\u0447\u0435\u0442\u043b\u0438\u0432\u043e \u043f\u043e\u043d\u0438\u043c\u0430\u0442\u044c - \u043a\u0430\u043a\u0430\u044f \u0437\u0430\u0434\u0430\u0447\u0430 \u0431\u0443\u0434\u0435\u0442 \u0440\u0435\u0448\u0435\u043d\u0430 \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e \u0432\u0441\u0435\u0433\u043e \u044d\u0442\u043e\u0433\u043e \u043a\u043e\u0434\u0430."})]}),"\n",(0,i.jsxs)(n.blockquote,{children:["\n",(0,i.jsx)(n.p,{children:(0,i.jsx)(n.em,{children:"@sergeysova: \u0412\u043e \u0432\u0440\u0435\u043c\u044f \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u0438, \u043c\u044b \u043f\u044b\u0442\u0430\u0435\u043c\u0441\u044f \u043a\u0430\u0436\u0434\u043e\u0439 \u0441\u0443\u0449\u043d\u043e\u0441\u0442\u0438 \u0438\u043b\u0438 \u0444\u0443\u043d\u043a\u0446\u0438\u0438 \u0434\u0430\u0442\u044c \u0438\u043c\u044f, \u043a\u043e\u0442\u043e\u0440\u043e\u0435 \u0447\u0435\u0442\u043a\u043e \u043e\u0442\u0440\u0430\u0436\u0430\u0435\u0442 \u043d\u0430\u043c\u0435\u0440\u0435\u043d\u0438\u044f \u0438 \u0441\u043c\u044b\u0441\u043b \u0432\u044b\u043f\u043e\u043b\u043d\u044f\u0435\u043c\u043e\u0433\u043e \u043a\u043e\u0434\u0430."})}),"\n"]}),"\n",(0,i.jsx)(n.p,{children:(0,i.jsx)(n.em,{children:"\u0412\u0435\u0434\u044c, \u0431\u0435\u0437 \u043f\u043e\u043d\u0438\u043c\u0430\u043d\u0438\u044f \u0437\u0430\u0434\u0430\u0447\u0438, \u043d\u0435\u043b\u044c\u0437\u044f \u043d\u0430\u043f\u0438\u0441\u0430\u0442\u044c \u043f\u0440\u0430\u0432\u0438\u043b\u044c\u043d\u044b\u0435 \u0442\u0435\u0441\u0442\u044b, \u043f\u043e\u043a\u0440\u044b\u0432\u0430\u044e\u0449\u0438\u0435 \u0441\u0430\u043c\u044b\u0435 \u0432\u0430\u0436\u043d\u044b\u0435 \u043a\u0435\u0439\u0441\u044b, \u043f\u0440\u043e\u0441\u0442\u0430\u0432\u0438\u0442\u044c \u043e\u0448\u0438\u0431\u043a\u0438 \u043f\u043e\u043c\u043e\u0433\u0430\u044e\u0449\u0438\u0435 \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044e \u0432 \u043d\u0443\u0436\u043d\u044b\u0445 \u043c\u0435\u0441\u0442\u0430\u0445, \u0434\u0430\u0436\u0435 \u0431\u0430\u043d\u0430\u043b\u044c\u043d\u043e \u043d\u0435 \u043f\u0440\u0435\u0440\u044b\u0432\u0430\u0442\u044c \u0444\u043b\u043e\u0443 \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044f \u0438\u0437-\u0437\u0430 \u0438\u0441\u043f\u0440\u0430\u0432\u0438\u043c\u044b\u0445 \u043d\u0435 \u043a\u0440\u0438\u0442\u0438\u0447\u043d\u044b\u0445 \u043e\u0448\u0438\u0431\u043e\u043a."})}),"\n",(0,i.jsx)(n.h2,{id:"what-tasks-are-we-talking-about",children:"\u041e \u043a\u0430\u043a\u0438\u0445 \u0437\u0430\u0434\u0430\u0447\u0430\u0445 \u0440\u0435\u0447\u044c?"}),"\n",(0,i.jsx)(n.p,{children:"Frontend \u0437\u0430\u043d\u0438\u043c\u0430\u0435\u0442\u0441\u044f \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u043e\u0439 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0439 \u0438 \u0438\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441\u043e\u0432 \u0434\u043b\u044f \u043a\u043e\u043d\u0435\u0447\u043d\u044b\u0445 \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u0435\u0439, \u0437\u043d\u0430\u0447\u0438\u0442 \u043c\u044b \u0440\u0435\u0448\u0430\u0435\u043c \u0437\u0430\u0434\u0430\u0447\u0438 \u044d\u0442\u0438\u0445 \u043f\u043e\u0442\u0440\u0435\u0431\u0438\u0442\u0435\u043b\u0435\u0439."}),"\n",(0,i.jsxs)(n.p,{children:["\u041a\u043e\u0433\u0434\u0430 \u043a \u043d\u0430\u043c \u043f\u0440\u0438\u0445\u043e\u0434\u0438\u0442 \u0447\u0435\u043b\u043e\u0432\u0435\u043a, ",(0,i.jsx)(n.strong,{children:"\u043e\u043d \u0445\u043e\u0447\u0435\u0442 \u0440\u0435\u0448\u0438\u0442\u044c \u043a\u0430\u043a\u0443\u044e-\u0442\u043e \u0441\u0432\u043e\u044e \u0431\u043e\u043b\u044c \u0438\u043b\u0438 \u0437\u0430\u043a\u0440\u044b\u0442\u044c \u043f\u043e\u0442\u0440\u0435\u0431\u043d\u043e\u0441\u0442\u044c."})]}),"\n",(0,i.jsx)(n.p,{children:(0,i.jsx)(n.em,{children:"\u0417\u0430\u0434\u0430\u0447\u0430 \u043c\u0435\u043d\u0435\u0434\u0436\u0435\u0440\u043e\u0432 \u0438 \u0430\u043d\u0430\u043b\u0438\u0442\u0438\u043a\u043e\u0432 - \u0441\u0444\u043e\u0440\u043c\u0443\u043b\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u044d\u0442\u0443 \u043f\u043e\u0442\u0440\u0435\u0431\u043d\u043e\u0441\u0442\u044c, \u0430 \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a\u043e\u0432 \u0440\u0435\u0430\u043b\u0438\u0437\u043e\u0432\u0430\u0442\u044c \u0441 \u0443\u0447\u0435\u0442\u043e\u043c \u043e\u0441\u043e\u0431\u0435\u043d\u043d\u043e\u0441\u0442\u0435\u0439 \u0432\u0435\u0431-\u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u0438 (\u043f\u043e\u0442\u0435\u0440\u044f \u0441\u0432\u044f\u0437\u0438, \u043e\u0448\u0438\u0431\u043a\u0430 \u0431\u044d\u043a\u0435\u043d\u0434\u0430, \u043e\u043f\u0435\u0447\u0430\u0442\u043a\u0430, \u043f\u0440\u043e\u043c\u0430\u0437\u0430\u043b \u043a\u0443\u0440\u0441\u043e\u0440\u043e\u043c \u0438\u043b\u0438 \u043f\u0430\u043b\u044c\u0446\u0435\u043c)."})}),"\n",(0,i.jsx)(n.p,{children:(0,i.jsx)(n.strong,{children:"\u042d\u0442\u0430 \u0441\u0430\u043c\u0430\u044f \u0446\u0435\u043b\u044c, \u0441 \u043a\u043e\u0442\u043e\u0440\u043e\u0439 \u043f\u0440\u0438\u0448\u0451\u043b \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044c \u0438 \u0435\u0441\u0442\u044c \u0437\u0430\u0434\u0430\u0447\u0430 \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a\u043e\u0432."})}),"\n",(0,i.jsxs)(n.blockquote,{children:["\n",(0,i.jsx)(n.p,{children:(0,i.jsx)(n.em,{children:"\u041e\u0434\u043d\u0430 \u043c\u0430\u043b\u0435\u043d\u044c\u043a\u0430\u044f \u0440\u0435\u0448\u0435\u043d\u043d\u0430\u044f \u0437\u0430\u0434\u0430\u0447\u0430 \u0438 \u0435\u0441\u0442\u044c feature \u0432 \u043c\u0435\u0442\u043e\u0434\u043e\u043b\u043e\u0433\u0438\u0438 Feature-Sliced Design \u2014 \u043d\u0443\u0436\u043d\u043e \u043d\u0430\u0440\u0435\u0437\u0430\u0442\u044c \u0432\u0435\u0441\u044c \u0441\u043a\u043e\u0443\u043f \u0437\u0430\u0434\u0430\u0447 \u043f\u0440\u043e\u0435\u043a\u0442\u0430 \u043d\u0430 \u043c\u0430\u043b\u0435\u043d\u044c\u043a\u0438\u0435 \u0446\u0435\u043b\u0438."})}),"\n"]}),"\n",(0,i.jsx)(n.h2,{id:"how-does-this-affect-development",children:"\u041a\u0430\u043a \u044d\u0442\u043e \u0432\u043b\u0438\u044f\u0435\u0442 \u043d\u0430 \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u0443?"}),"\n",(0,i.jsx)(n.h3,{id:"task-decomposition",children:"\u0414\u0435\u043a\u043e\u043c\u043f\u043e\u0437\u0438\u0446\u0438\u044f \u0437\u0430\u0434\u0430\u0447\u0438"}),"\n",(0,i.jsxs)(n.p,{children:["\u041a\u043e\u0433\u0434\u0430 \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a \u043f\u0440\u0438\u043d\u0438\u043c\u0430\u0435\u0442\u0441\u044f \u0440\u0435\u0430\u043b\u0438\u0437\u043e\u0432\u044b\u0432\u0430\u0442\u044c \u0437\u0430\u0434\u0430\u0447\u0443, \u0434\u043b\u044f \u0443\u043f\u0440\u043e\u0449\u0435\u043d\u0438\u044f \u043f\u043e\u043d\u0438\u043c\u0430\u043d\u0438\u044f \u0438 \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u043a\u0438 \u043a\u043e\u0434\u0430, \u043e\u043d \u043c\u044b\u0441\u043b\u0435\u043d\u043d\u043e ",(0,i.jsx)(n.strong,{children:"\u043d\u0430\u0440\u0435\u0437\u0430\u0435\u0442 \u0435\u0435 \u043d\u0430 \u044d\u0442\u0430\u043f\u044b"}),":"]}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsxs)(n.li,{children:["\u0441\u043d\u0430\u0447\u0430\u043b\u0430 ",(0,i.jsx)(n.em,{children:"\u0440\u0430\u0437\u0431\u0438\u0442\u044c \u043d\u0430 \u0432\u0435\u0440\u0445\u043d\u0435\u0443\u0440\u043e\u0432\u043d\u0435\u0432\u044b\u0435 \u0441\u0443\u0449\u043d\u043e\u0441\u0442\u0438"})," \u0438 ",(0,i.jsx)(n.em,{children:"\u0440\u0435\u0430\u043b\u0438\u0437\u043e\u0432\u0430\u0442\u044c \u0438\u0445"}),","]}),"\n",(0,i.jsxs)(n.li,{children:["\u0437\u0430\u0442\u0435\u043c \u044d\u0442\u0438 \u0441\u0443\u0449\u043d\u043e\u0441\u0442\u0438 ",(0,i.jsx)(n.em,{children:"\u0440\u0430\u0437\u0431\u0438\u0442\u044c \u043d\u0430 \u0431\u043e\u043b\u0435\u0435 \u043c\u0435\u043b\u043a\u0438\u0435"})]}),"\n",(0,i.jsx)(n.li,{children:"\u0438 \u0442\u0430\u043a \u0434\u0430\u043b\u0435\u0435"}),"\n"]}),"\n",(0,i.jsx)(n.p,{children:(0,i.jsx)(n.em,{children:"\u0412 \u043f\u0440\u043e\u0446\u0435\u0441\u0441\u0435 \u0440\u0430\u0437\u0431\u0438\u0435\u043d\u0438\u044f \u043d\u0430 \u0441\u0443\u0449\u043d\u043e\u0441\u0442\u0438, \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a \u0432\u044b\u043d\u0443\u0436\u0434\u0435\u043d \u0434\u0430\u0442\u044c \u0438\u043c \u043d\u0430\u0437\u0432\u0430\u043d\u0438\u0435, \u043a\u043e\u0442\u043e\u0440\u043e\u0435 \u0447\u0435\u0442\u043a\u043e \u043e\u0442\u0440\u0430\u0436\u0430\u043b\u043e \u0431\u044b \u0435\u0433\u043e \u0437\u0430\u043c\u044b\u0441\u0435\u043b \u0438 \u043f\u0440\u0438 \u0447\u0442\u0435\u043d\u0438\u0438 \u043b\u0438\u0441\u0442\u0438\u043d\u0433\u0430 \u043f\u043e\u043c\u043e\u0433\u0430\u043b\u043e \u043f\u043e\u043d\u044f\u0442\u044c \u043a\u0430\u043a\u0443\u044e \u0437\u0430\u0434\u0430\u0447\u0443 \u0440\u0435\u0448\u0430\u0435\u0442 \u043a\u043e\u0434"})}),"\n",(0,i.jsx)(n.p,{children:(0,i.jsx)(n.em,{children:"\u041f\u0440\u0438 \u044d\u0442\u043e\u043c \u043d\u0435 \u0437\u0430\u0431\u044b\u0432\u0430\u0435\u043c, \u0447\u0442\u043e \u043f\u044b\u0442\u0430\u0435\u043c\u0441\u044f \u043f\u043e\u043c\u043e\u0447\u044c \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044e \u0443\u043c\u0435\u043d\u044c\u0448\u0438\u0442\u044c \u0431\u043e\u043b\u044c \u0438\u043b\u0438 \u0440\u0435\u0430\u043b\u0438\u0437\u043e\u0432\u0430\u0442\u044c \u043f\u043e\u0442\u0440\u0435\u0431\u043d\u043e\u0441\u0442\u0438"})}),"\n",(0,i.jsx)(n.h3,{id:"understanding-the-essence-of-the-task",children:"\u041f\u043e\u043d\u0438\u043c\u0430\u043d\u0438\u0435 \u0441\u0443\u0442\u0438 \u0437\u0430\u0434\u0430\u0447\u0438"}),"\n",(0,i.jsxs)(n.p,{children:["\u041d\u043e \u0447\u0442\u043e\u0431\u044b \u0434\u0430\u0442\u044c \u0447\u0435\u0442\u043a\u043e\u0435 \u043d\u0430\u0437\u0432\u0430\u043d\u0438\u0435 \u0441\u0443\u0449\u043d\u043e\u0441\u0442\u0438, ",(0,i.jsx)(n.strong,{children:"\u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a \u0434\u043e\u043b\u0436\u0435\u043d \u0437\u043d\u0430\u0442\u044c \u043f\u0440\u0435\u0434\u043e\u0441\u0442\u0430\u0442\u043e\u0447\u043d\u043e \u043e \u0435\u0435 \u043d\u0430\u0437\u043d\u0430\u0447\u0435\u043d\u0438\u0438"})]}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsx)(n.li,{children:"\u043a\u0430\u043a \u043e\u043d \u0441\u043e\u0431\u0438\u0440\u0430\u0435\u0442\u0441\u044f \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u044d\u0442\u0443 \u0441\u0443\u0449\u043d\u043e\u0441\u0442\u044c,"}),"\n",(0,i.jsx)(n.li,{children:"\u043a\u0430\u043a\u0443\u044e \u0447\u0430\u0441\u0442\u044c \u0437\u0430\u0434\u0430\u0447\u0438 \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044f \u043e\u043d\u0430 \u0440\u0435\u0430\u043b\u0438\u0437\u0443\u0435\u0442, \u0433\u0434\u0435 \u0435\u0449\u0451 \u044d\u0442\u0443 \u0441\u0443\u0449\u043d\u043e\u0441\u0442\u044c \u043c\u043e\u0436\u043d\u043e \u043f\u0440\u0438\u043c\u0435\u043d\u0438\u0442\u044c,"}),"\n",(0,i.jsx)(n.li,{children:"\u0432 \u043a\u0430\u043a\u0438\u0445 \u0435\u0449\u0451 \u0437\u0430\u0434\u0430\u0447\u0430\u0445 \u043e\u043d\u0430 \u043c\u043e\u0436\u0435\u0442 \u043f\u043e\u0443\u0447\u0430\u0441\u0442\u0432\u043e\u0432\u0430\u0442\u044c,"}),"\n",(0,i.jsx)(n.li,{children:"\u0438 \u0442\u0430\u043a \u0434\u0430\u043b\u0435\u0435"}),"\n"]}),"\n",(0,i.jsxs)(n.p,{children:["\u0421\u0434\u0435\u043b\u0430\u0442\u044c \u0432\u044b\u0432\u043e\u0434 \u043d\u0435 \u0441\u043b\u043e\u0436\u043d\u043e: ",(0,i.jsx)(n.strong,{children:"\u043f\u043e\u043a\u0430 \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a \u0431\u0443\u0434\u0435\u0442 \u0440\u0430\u0437\u043c\u044b\u0448\u043b\u044f\u0442\u044c \u043d\u0430\u0434 \u043d\u0430\u0437\u0432\u0430\u043d\u0438\u0435\u043c \u0441\u0443\u0449\u043d\u043e\u0441\u0442\u0435\u0439 \u0432 \u0440\u0430\u043c\u043a\u0430\u0445 \u043c\u0435\u0442\u043e\u0434\u043e\u043b\u043e\u0433\u0438\u0438, \u043e\u043d \u0441\u043c\u043e\u0436\u0435\u0442 \u043d\u0430\u0439\u0442\u0438 \u043f\u043b\u043e\u0445\u043e \u0441\u0444\u043e\u0440\u043c\u0443\u043b\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u044b\u0435 \u0437\u0430\u0434\u0430\u0447\u0438 \u0435\u0449\u0451 \u0434\u043e \u043d\u0430\u043f\u0438\u0441\u0430\u043d\u0438\u044f \u043a\u043e\u0434\u0430."})]}),"\n",(0,i.jsxs)(n.blockquote,{children:["\n",(0,i.jsx)(n.p,{children:"\u041a\u0430\u043a \u0434\u0430\u0442\u044c \u043d\u0430\u0437\u0432\u0430\u043d\u0438\u0435 \u0441\u0443\u0449\u043d\u043e\u0441\u0442\u0438, \u0435\u0441\u043b\u0438 \u043f\u043b\u043e\u0445\u043e \u043f\u043e\u043d\u0438\u043c\u0430\u0435\u0448\u044c, \u043a\u0430\u043a\u0438\u0435 \u0437\u0430\u0434\u0430\u0447\u0438 \u043e\u043d\u0430 \u043c\u043e\u0436\u0435\u0442 \u0440\u0435\u0448\u0430\u0442\u044c, \u043a\u0430\u043a \u0432\u043e\u043e\u0431\u0449\u0435 \u043c\u043e\u0436\u043d\u043e \u0440\u0430\u0437\u0431\u0438\u0442\u044c \u0437\u0430\u0434\u0430\u0447\u0443 \u043d\u0430 \u0441\u0443\u0449\u043d\u043e\u0441\u0442\u0438, \u0435\u0441\u043b\u0438 \u043f\u043b\u043e\u0445\u043e \u0435\u0435 \u043f\u043e\u043d\u0438\u043c\u0430\u0435\u0448\u044c?"}),"\n"]}),"\n",(0,i.jsx)(n.h2,{id:"how-to-formulate-it",children:"\u041a\u0430\u043a \u0441\u0444\u043e\u0440\u043c\u0443\u043b\u0438\u0440\u043e\u0432\u0430\u0442\u044c?"}),"\n",(0,i.jsxs)(n.p,{children:[(0,i.jsx)(n.strong,{children:"\u0427\u0442\u043e\u0431\u044b \u0441\u0444\u043e\u0440\u043c\u0443\u043b\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u0437\u0430\u0434\u0430\u0447\u0443, \u043a\u043e\u0442\u043e\u0440\u0430\u044f \u0440\u0435\u0448\u0430\u0435\u0442\u0441\u044f \u0444\u0438\u0447\u0435\u0439, \u043d\u0443\u0436\u043d\u043e \u043f\u043e\u043d\u0438\u043c\u0430\u0442\u044c \u0441\u0430\u043c\u0443 \u0437\u0430\u0434\u0430\u0447\u0443"}),", \u0430 \u044d\u0442\u043e \u0443\u0436\u0435 \u043e\u0431\u043b\u0430\u0441\u0442\u044c \u043e\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0435\u043d\u043d\u043e\u0441\u0442\u0438 \u043c\u0435\u043d\u0435\u0434\u0436\u0435\u0440\u0430 \u043f\u0440\u043e\u0435\u043a\u0442\u0430 \u0438 \u0430\u043d\u0430\u043b\u0438\u0442\u0438\u043a\u043e\u0432."]}),"\n",(0,i.jsx)(n.p,{children:(0,i.jsx)(n.em,{children:"\u041c\u0435\u0442\u043e\u0434\u043e\u043b\u043e\u0433\u0438\u044f \u043c\u043e\u0436\u0435\u0442 \u043b\u0438\u0448\u044c \u043f\u043e\u0434\u0441\u043a\u0430\u0437\u0430\u0442\u044c \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a\u0443, \u043d\u0430 \u043a\u0430\u043a\u0438\u0435 \u0437\u0430\u0434\u0430\u0447\u0438 \u0441\u0442\u043e\u0438\u0442 \u043e\u0431\u0440\u0430\u0442\u0438\u0442\u044c \u043f\u0440\u0438\u0441\u0442\u0430\u043b\u044c\u043d\u043e\u0435 \u0432\u043d\u0438\u043c\u0430\u043d\u0438\u0435 \u043c\u0435\u043d\u0435\u0434\u0436\u0435\u0440\u0443 \u043f\u0440\u043e\u0434\u0443\u043a\u0442\u0430."})}),"\n",(0,i.jsxs)(n.blockquote,{children:["\n",(0,i.jsx)(n.p,{children:(0,i.jsx)(n.em,{children:'@sergeysova: \u0412\u0435\u0441\u044c frontend \u044d\u0442\u043e \u0432 \u043f\u0435\u0440\u0432\u0443\u044e \u043e\u0447\u0435\u0440\u0435\u0434\u044c \u043e\u0442\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u0435 \u0438\u043d\u0444\u043e\u0440\u043c\u0430\u0446\u0438\u0438, \u043b\u044e\u0431\u043e\u0439 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442 \u0432 \u043f\u0435\u0440\u0432\u0443\u044e \u043e\u0447\u0435\u0440\u0435\u0434\u044c \u0447\u0442\u043e-\u0442\u043e \u043e\u0442\u043e\u0431\u0440\u0430\u0436\u0430\u0435\u0442, \u0430 \u0437\u043d\u0430\u0447\u0438\u0442 \u0437\u0430\u0434\u0430\u0447\u0430 "\u043f\u043e\u043a\u0430\u0437\u0430\u0442\u044c \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044e \u0447\u0442\u043e-\u0442\u043e" \u043d\u0435 \u0438\u043c\u0435\u0435\u0442 \u043f\u0440\u0430\u043a\u0442\u0438\u0447\u0435\u0441\u043a\u043e\u0439 \u0446\u0435\u043d\u043d\u043e\u0441\u0442\u0438.'})}),"\n",(0,i.jsx)(n.p,{children:(0,i.jsx)(n.em,{children:'\u0414\u0430\u0436\u0435 \u0431\u0435\u0437 \u0443\u0447\u0435\u0442\u0430 \u0441\u043f\u0435\u0446\u0438\u0444\u0438\u043a\u0438 frontend \u043c\u043e\u0436\u043d\u043e \u0441\u043f\u0440\u043e\u0441\u0438\u0442\u044c "\u0430 \u0437\u0430\u0447\u0435\u043c \u044d\u0442\u043e \u043d\u0443\u0436\u043d\u043e \u043f\u043e\u043a\u0430\u0437\u044b\u0432\u0430\u0442\u044c", \u0442\u0430\u043a \u043c\u043e\u0436\u043d\u043e \u043f\u0440\u043e\u0434\u043e\u043b\u0436\u0430\u0442\u044c \u0441\u043f\u0440\u0430\u0448\u0438\u0432\u0430\u0442\u044c \u0434\u043e \u0442\u0435\u0445 \u043f\u043e\u0440 \u043f\u043e\u043a\u0430 \u043d\u0435 \u0432\u044b\u043b\u0435\u0437\u0435\u0442 \u0431\u043e\u043b\u044c \u0438\u043b\u0438 \u043f\u043e\u0442\u0440\u0435\u0431\u043d\u043e\u0441\u0442\u044c \u043f\u043e\u0442\u0440\u0435\u0431\u0438\u0442\u0435\u043b\u044f.'})}),"\n"]}),"\n",(0,i.jsxs)(n.p,{children:["\u041a\u0430\u043a \u0442\u043e\u043b\u044c\u043a\u043e \u043c\u044b \u0441\u043c\u043e\u0433\u043b\u0438 \u0434\u043e\u0439\u0442\u0438 \u0434\u043e \u0431\u0430\u0437\u043e\u0432\u044b\u0445 \u043f\u043e\u0442\u0440\u0435\u0431\u043d\u043e\u0441\u0442\u0435\u0439 \u0438\u043b\u0438 \u0431\u043e\u043b\u0435\u0439, \u043c\u043e\u0436\u043d\u043e \u0438\u0434\u0442\u0438 \u043e\u0431\u0440\u0430\u0442\u043d\u043e \u0438 \u0440\u0430\u0437\u0431\u0438\u0440\u0430\u0442\u044c\u0441\u044f, ",(0,i.jsx)(n.strong,{children:"\u0430 \u043a\u0430\u043a \u0438\u043c\u0435\u043d\u043d\u043e \u0432\u0430\u0448 \u043f\u0440\u043e\u0434\u0443\u043a\u0442 \u0438\u043b\u0438 \u0441\u0435\u0440\u0432\u0438\u0441 \u043c\u043e\u0436\u0435\u0442 \u043f\u043e\u043c\u043e\u0447\u044c \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044e \u0441 \u0435\u0433\u043e \u0446\u0435\u043b\u044f\u043c\u0438"})]}),"\n",(0,i.jsx)(n.p,{children:"\u041b\u044e\u0431\u0430\u044f \u043d\u043e\u0432\u0430\u044f \u0437\u0430\u0434\u0430\u0447\u0430 \u0432 \u0432\u0430\u0448\u0435\u043c \u0442\u0440\u0435\u043a\u0435\u0440\u0435 \u043d\u0430\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u0430 \u043d\u0430 \u0440\u0435\u0448\u0435\u043d\u0438\u0435 \u0437\u0430\u0434\u0430\u0447 \u0431\u0438\u0437\u043d\u0435\u0441\u0430, \u0430 \u0431\u0438\u0437\u043d\u0435\u0441 \u043f\u044b\u0442\u0430\u0435\u0442\u0441\u044f \u0440\u0435\u0448\u0438\u0442\u044c \u0437\u0430\u0434\u0430\u0447\u0438 \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044f \u043e\u0434\u043d\u043e\u0432\u0440\u0435\u043c\u0435\u043d\u043d\u043e \u0437\u0430\u0440\u0430\u0431\u043e\u0442\u0430\u0432 \u043d\u0430 \u043d\u0451\u043c. \u0410 \u0437\u043d\u0430\u0447\u0438\u0442, \u043a\u0430\u0436\u0434\u0430\u044f \u0437\u0430\u0434\u0430\u0447\u0430 \u043d\u0435\u0441\u0451\u0442 \u0432 \u0441\u0435\u0431\u0435 \u043e\u043f\u0440\u0435\u0434\u0435\u043b\u0435\u043d\u043d\u044b\u0435 \u0446\u0435\u043b\u0438, \u0434\u0430\u0436\u0435 \u0435\u0441\u043b\u0438 \u043e\u043d\u0438 \u043d\u0435 \u043f\u0440\u043e\u043f\u0438\u0441\u0430\u043d\u044b \u0432 \u0442\u0435\u043a\u0441\u0442\u0435 \u043e\u043f\u0438\u0441\u0430\u043d\u0438\u044f."}),"\n",(0,i.jsx)(n.p,{children:(0,i.jsxs)(n.em,{children:[(0,i.jsx)(n.strong,{children:"\u0420\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a \u0434\u043e\u043b\u0436\u0435\u043d \u0447\u0435\u0442\u043a\u043e \u043f\u043e\u043d\u0438\u043c\u0430\u0442\u044c, \u043a\u0430\u043a\u0443\u044e \u0446\u0435\u043b\u044c \u043f\u0440\u0435\u0441\u043b\u0435\u0434\u0443\u0435\u0442 \u0442\u0430 \u0438\u043b\u0438 \u0438\u043d\u0430\u044f \u0437\u0430\u0434\u0430\u0447\u0430"}),', \u043d\u043e \u043f\u0440\u0438 \u044d\u0442\u043e\u043c \u043d\u0435 \u043a\u0430\u0436\u0434\u0430\u044f \u043a\u043e\u043c\u043f\u0430\u043d\u0438\u044f \u043c\u043e\u0436\u0435\u0442 \u043f\u043e\u0437\u0432\u043e\u043b\u0438\u0442\u044c \u0441\u0435\u0431\u0435 \u0438\u0434\u0435\u0430\u043b\u044c\u043d\u043e \u0432\u044b\u0441\u0442\u0440\u043e\u0438\u0442\u044c \u043f\u0440\u043e\u0446\u0435\u0441\u0441\u044b, \u0445\u043e\u0442\u044c \u044d\u0442\u043e \u0438 \u043e\u0442\u0434\u0435\u043b\u044c\u043d\u044b\u0439 \u0440\u0430\u0437\u0433\u043e\u0432\u043e\u0440, \u0442\u0435\u043c \u043d\u0435 \u043c\u0435\u043d\u0435\u0435, \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a \u0432\u043f\u043e\u043b\u043d\u0435 \u043c\u043e\u0436\u0435\u0442 \u0441\u0430\u043c "\u043f\u0438\u043d\u0433\u0430\u043d\u0443\u0442\u044c" \u043d\u0443\u0436\u043d\u044b\u0445 \u043c\u0435\u043d\u0435\u0434\u0436\u0435\u0440\u043e\u0432, \u0447\u0442\u043e\u0431\u044b \u0432\u044b\u044f\u0441\u043d\u0438\u0442\u044c \u044d\u0442\u043e \u0438 \u0441\u0434\u0435\u043b\u0430\u0442\u044c \u0441\u0432\u043e\u044e \u0447\u0430\u0441\u0442\u044c \u0440\u0430\u0431\u043e\u0442\u044b \u044d\u0444\u0444\u0435\u043a\u0442\u0438\u0432\u043d\u043e.']})}),"\n",(0,i.jsx)(n.h2,{id:"and-what-is-the-benefit",children:"\u0410 \u0432 \u0447\u0435\u043c \u0432\u044b\u0433\u043e\u0434\u0430?"}),"\n",(0,i.jsx)(n.p,{children:"\u041f\u043e\u0441\u043c\u043e\u0442\u0440\u0438\u043c \u0442\u0435\u043f\u0435\u0440\u044c \u043d\u0430 \u0432\u0435\u0441\u044c \u043f\u0440\u043e\u0446\u0435\u0441\u0441 \u043e\u0442 \u043d\u0430\u0447\u0430\u043b\u0430 \u0434\u043e \u043a\u043e\u043d\u0446\u0430."}),"\n",(0,i.jsx)(n.h3,{id:"1-understanding-user-tasks",children:"1. \u041f\u043e\u043d\u0438\u043c\u0430\u043d\u0438\u0435 \u0437\u0430\u0434\u0430\u0447 \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u0435\u0439"}),"\n",(0,i.jsx)(n.p,{children:"\u041a\u043e\u0433\u0434\u0430 \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a \u043f\u043e\u043d\u0438\u043c\u0430\u0435\u0442 \u0435\u0433\u043e \u0431\u043e\u043b\u0438 \u0438 \u0442\u043e, \u043a\u0430\u043a \u0431\u0438\u0437\u043d\u0435\u0441 \u0438\u0445 \u0437\u0430\u043a\u0440\u044b\u0432\u0430\u0435\u0442, \u043e\u043d \u043c\u043e\u0436\u0435\u0442 \u043f\u0440\u0435\u0434\u043b\u0430\u0433\u0430\u0442\u044c \u0440\u0435\u0448\u0435\u043d\u0438\u044f, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u0431\u0438\u0437\u043d\u0435\u0441\u0443 \u043d\u0435 \u0434\u043e\u0441\u0442\u0443\u043f\u043d\u044b \u0432 \u0441\u0438\u043b\u0443 \u0441\u043f\u0435\u0446\u0438\u0444\u0438\u043a\u0438 \u0432\u0435\u0431-\u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u0438."}),"\n",(0,i.jsxs)(n.blockquote,{children:["\n",(0,i.jsxs)(n.p,{children:["\u041d\u043e \u043a\u043e\u043d\u0435\u0447\u043d\u043e, \u0432\u0441\u0435 \u044d\u0442\u043e \u043c\u043e\u0436\u0435\u0442 \u0440\u0430\u0431\u043e\u0442\u0430\u0442\u044c \u0442\u043e\u043b\u044c\u043a\u043e \u0435\u0441\u043b\u0438 \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a\u0443 \u043d\u0435\u0431\u0435\u0437\u0440\u0430\u0437\u043b\u0438\u0447\u043d\u043e \u0442\u043e, \u0447\u0442\u043e \u043e\u043d \u0434\u0435\u043b\u0430\u0435\u0442 \u0438 \u0440\u0430\u0434\u0438 \u0447\u0435\u0433\u043e, \u0430 \u0438\u043d\u0430\u0447\u0435 ",(0,i.jsx)(n.em,{children:"\u0437\u0430\u0447\u0435\u043c \u0442\u043e\u0433\u0434\u0430 \u043c\u0435\u0442\u043e\u0434\u043e\u043b\u043e\u0433\u0438\u044f \u0438 \u043a\u0430\u043a\u0438\u0435-\u0442\u043e \u043f\u043e\u0434\u0445\u043e\u0434\u044b?"})]}),"\n"]}),"\n",(0,i.jsx)(n.h3,{id:"2-structuring-and-ordering",children:"2. \u0421\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u0438\u0437\u0430\u0446\u0438\u044f \u0438 \u0443\u043f\u043e\u0440\u044f\u0434\u043e\u0447\u0438\u0432\u0430\u043d\u0438\u0435"}),"\n",(0,i.jsxs)(n.p,{children:["\u0421 \u043f\u043e\u043d\u0438\u043c\u0430\u043d\u0438\u0435\u043c \u0437\u0430\u0434\u0430\u0447 \u043f\u0440\u0438\u0445\u043e\u0434\u0438\u0442 ",(0,i.jsx)(n.strong,{children:"\u0447\u0435\u0442\u043a\u0430\u044f \u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u0430 \u043a\u0430\u043a \u0432 \u0433\u043e\u043b\u043e\u0432\u0435, \u0442\u0430\u043a \u0438 \u0432 \u0437\u0430\u0434\u0430\u0447\u0430\u0445 \u0432\u043c\u0435\u0441\u0442\u0435 \u0441 \u043a\u043e\u0434\u043e\u043c"})]}),"\n",(0,i.jsx)(n.h3,{id:"3-understanding-the-feature-and-its-components",children:"3. \u041f\u043e\u043d\u0438\u043c\u0430\u043d\u0438\u0435 \u0444\u0438\u0447\u0438 \u0438 \u0435\u0435 \u0441\u043e\u0441\u0442\u0430\u0432\u043b\u044f\u044e\u0449\u0438\u0445"}),"\n",(0,i.jsx)(n.p,{children:(0,i.jsx)(n.strong,{children:"\u041e\u0434\u043d\u0430 \u0444\u0438\u0447\u0430 - \u044d\u0442\u043e \u043e\u0434\u043d\u0430 \u043f\u043e\u043b\u0435\u0437\u043d\u0430\u044f \u0444\u0443\u043d\u043a\u0446\u0438\u043e\u043d\u0430\u043b\u044c\u043d\u043e\u0441\u0442\u044c \u0434\u043b\u044f \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044f"})}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsxs)(n.li,{children:["\u041a\u043e\u0433\u0434\u0430 \u0432 \u043e\u0434\u043d\u043e\u0439 \u0444\u0438\u0447\u0435 - \u0440\u0435\u0430\u043b\u0438\u0437\u0443\u0435\u0442\u0441\u044f \u043d\u0435\u0441\u043a\u043e\u043b\u044c\u043a\u043e - \u044d\u0442\u043e \u0438 \u0435\u0441\u0442\u044c ",(0,i.jsx)(n.strong,{children:"\u043d\u0430\u0440\u0443\u0448\u0435\u043d\u0438\u0435 \u0433\u0440\u0430\u043d\u0438\u0446"})]}),"\n",(0,i.jsxs)(n.li,{children:["\u0424\u0438\u0447\u0430 \u043c\u043e\u0436\u0435\u0442 \u0431\u044b\u0442\u044c \u043d\u0435\u0434\u0435\u043b\u0438\u043c\u043e\u0439 \u0438 \u0440\u0430\u0437\u0440\u0430\u0441\u0442\u0430\u044e\u0449\u0435\u0439\u0441\u044f - ",(0,i.jsx)(n.strong,{children:"\u0438 \u044d\u0442\u043e \u043d\u0435\u043f\u043b\u043e\u0445\u043e"})]}),"\n",(0,i.jsxs)(n.li,{children:[(0,i.jsx)(n.strong,{children:"\u041f\u043b\u043e\u0445\u043e"})," - \u043a\u043e\u0433\u0434\u0430 \u0444\u0438\u0447\u0430 \u043d\u0435 \u043e\u0442\u0432\u0435\u0447\u0430\u0435\u0442 \u043d\u0430 \u0432\u043e\u043f\u0440\u043e\u0441 ",(0,i.jsx)(n.em,{children:'"\u0410 \u0432 \u0447\u0435\u043c \u0431\u0438\u0437\u043d\u0435\u0441-\u0446\u0435\u043d\u043d\u043e\u0441\u0442\u044c \u0434\u043b\u044f \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044f?"'}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsxs)(n.li,{children:["\u041d\u0435 \u043c\u043e\u0436\u0435\u0442 \u0431\u044b\u0442\u044c \u0444\u0438\u0447\u0438 ",(0,i.jsx)(n.code,{children:"\u043a\u0430\u0440\u0442\u0430-\u043e\u0444\u0438\u0441\u0430"})]}),"\n",(0,i.jsxs)(n.li,{children:["\u0410 \u0432\u043e\u0442 ",(0,i.jsx)(n.code,{children:"\u0431\u0440\u043e\u043d\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u0435-\u043f\u0435\u0440\u0435\u0433\u043e\u0432\u043e\u0440\u043a\u0438-\u043d\u0430-\u043a\u0430\u0440\u0442\u0435"}),", ",(0,i.jsx)(n.code,{children:"\u043f\u043e\u0438\u0441\u043a-\u0441\u043e\u0442\u0440\u0443\u0434\u043d\u0438\u043a\u0430"}),", ",(0,i.jsx)(n.code,{children:"\u0441\u043c\u0435\u043d\u0430-\u0440\u0430\u0431\u043e\u0447\u0435\u0433\u043e-\u043c\u0435\u0441\u0442\u0430"})," - ",(0,i.jsx)(n.strong,{children:"\u0434\u0430"})]}),"\n"]}),"\n"]}),"\n"]}),"\n",(0,i.jsxs)(n.blockquote,{children:["\n",(0,i.jsx)(n.p,{children:(0,i.jsx)(n.em,{children:"@sergeysova: \u0421\u043c\u044b\u0441\u043b \u0432 \u0442\u043e\u043c, \u0447\u0442\u043e\u0431\u044b \u0432 \u0444\u0438\u0447\u0435 \u043b\u0435\u0436\u0430\u043b \u0442\u043e\u043b\u044c\u043a\u043e \u043a\u043e\u0434, \u0440\u0435\u0430\u043b\u0438\u0437\u0443\u044e\u0449\u0438\u0439 \u043d\u0435\u043f\u043e\u0441\u0440\u0435\u0434\u0441\u0442\u0432\u0435\u043d\u043d\u043e \u0441\u0430\u043c\u0443 \u0444\u0443\u043d\u043a\u0446\u0438\u043e\u043d\u0430\u043b\u044c\u043d\u043e\u0441\u0442\u044c, \u0431\u0435\u0437 \u043b\u0438\u0448\u043d\u0438\u0445 \u043f\u043e\u0434\u0440\u043e\u0431\u043d\u043e\u0441\u0442\u0435\u0439 \u0438 \u0432\u043d\u0443\u0442\u0440\u0435\u043d\u043d\u0438\u0445 \u0440\u0435\u0448\u0435\u043d\u0438\u0439 (\u0432 \u0438\u0434\u0435\u0430\u043b\u0435)"})}),"\n",(0,i.jsx)(n.p,{children:(0,i.jsxs)(n.em,{children:["\u041e\u0442\u043a\u0440\u044b\u0432\u0430\u0435\u0448\u044c \u043a\u043e\u0434 \u0444\u0438\u0447\u0438 ",(0,i.jsx)(n.strong,{children:"\u0438 \u0432\u0438\u0434\u0438\u0448\u044c \u0442\u043e\u043b\u044c\u043a\u043e \u0442\u043e, \u0447\u0442\u043e \u043e\u0442\u043d\u043e\u0441\u0438\u0442\u0441\u044f \u043a \u0437\u0430\u0434\u0430\u0447\u0435"})," - \u043d\u0435 \u0431\u043e\u043b\u044c\u0448\u0435"]})}),"\n"]}),"\n",(0,i.jsx)(n.h3,{id:"4-profit",children:"4. Profit"}),"\n",(0,i.jsxs)(n.p,{children:["\u0411\u0438\u0437\u043d\u0435\u0441 \u043a\u0440\u0430\u0439\u043d\u0435 \u0440\u0435\u0434\u043a\u043e \u0440\u0430\u0437\u0432\u043e\u0440\u0430\u0447\u0438\u0432\u0430\u0435\u0442 \u0441\u0432\u043e\u0439 \u043a\u0443\u0440\u0441 \u043a\u0430\u0440\u0434\u0438\u043d\u0430\u043b\u044c\u043d\u043e \u0432 \u0434\u0440\u0443\u0433\u0443\u044e \u0441\u0442\u043e\u0440\u043e\u043d\u0443, \u0430 \u0437\u043d\u0430\u0447\u0438\u0442 ",(0,i.jsx)(n.strong,{children:"\u043e\u0442\u0440\u0430\u0436\u0435\u043d\u0438\u0435 \u0437\u0430\u0434\u0430\u0447 \u0431\u0438\u0437\u043d\u0435\u0441\u0430 \u0432 \u043a\u043e\u0434\u0435 frontend \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f \u044d\u0442\u043e \u0432\u0435\u0441\u044c\u043c\u0430 \u0441\u0443\u0449\u0435\u0441\u0442\u0432\u0435\u043d\u043d\u044b\u0439 \u043f\u0440\u043e\u0444\u0438\u0442."})]}),"\n",(0,i.jsx)(n.p,{children:(0,i.jsxs)(n.em,{children:["\u0422\u043e\u0433\u0434\u0430 \u043d\u0435 \u043f\u0440\u0438\u0434\u0451\u0442\u0441\u044f \u043e\u0431\u044a\u044f\u0441\u043d\u044f\u0442\u044c \u043a\u0430\u0436\u0434\u043e\u043c\u0443 \u043d\u043e\u0432\u043e\u043c\u0443 \u0447\u043b\u0435\u043d\u0443 \u043a\u043e\u043c\u0430\u043d\u0434\u044b, \u0447\u0442\u043e \u0434\u0435\u043b\u0430\u0435\u0442 \u0442\u043e\u0442 \u0438\u043b\u0438 \u0438\u043d\u043e\u0439 \u043a\u043e\u0434, \u0438 \u0432\u043e\u043e\u0431\u0449\u0435 \u0440\u0430\u0434\u0438 \u0447\u0435\u0433\u043e \u043e\u043d \u0434\u043e\u0431\u0430\u0432\u043b\u044f\u043b\u0441\u044f - ",(0,i.jsx)(n.strong,{children:"\u0432\u0441\u0435 \u0431\u0443\u0434\u0435\u0442 \u043e\u0431\u044a\u044f\u0441\u043d\u044f\u0442\u044c\u0441\u044f \u0447\u0435\u0440\u0435\u0437 \u0437\u0430\u0434\u0430\u0447\u0438 \u0431\u0438\u0437\u043d\u0435\u0441\u0430, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u0443\u0436\u0435 \u043e\u0442\u0440\u0430\u0436\u0435\u043d\u044b \u0432 \u043a\u043e\u0434\u0435."})]})}),"\n",(0,i.jsxs)(n.blockquote,{children:["\n",(0,i.jsxs)(n.p,{children:["\u0422\u043e, \u0447\u0442\u043e \u043d\u0430\u0437\u044b\u0432\u0430\u0435\u0442\u0441\u044f ",(0,i.jsx)(n.a,{href:"https://thedomaindrivendesign.io/developing-the-ubiquitous-language",children:'"\u042f\u0437\u044b\u043a \u0431\u0438\u0437\u043d\u0435\u0441\u0430" \u0432 Domain Driven Development'})]}),"\n"]}),"\n",(0,i.jsx)(n.hr,{}),"\n",(0,i.jsx)(n.h2,{id:"back-to-reality",children:"\u0412\u0435\u0440\u043d\u0435\u043c\u0441\u044f \u043a \u0440\u0435\u0430\u043b\u044c\u043d\u043e\u0441\u0442\u0438"}),"\n",(0,i.jsxs)(n.p,{children:["\u0415\u0441\u043b\u0438 \u0431\u0438\u0437\u043d\u0435\u0441-\u043f\u0440\u043e\u0446\u0435\u0441\u0441\u044b \u043e\u0441\u043c\u044b\u0441\u043b\u0435\u043d\u044b \u0438 \u043d\u0430 \u0441\u0442\u0430\u0434\u0438\u0438 \u0434\u0438\u0437\u0430\u0439\u043d\u0430 \u0434\u0430\u043d\u044b \u0445\u043e\u0440\u043e\u0448\u0438\u0435 \u0438\u043c\u0435\u043d\u0430 - ",(0,i.jsx)(n.em,{children:"\u0442\u043e \u043f\u0435\u0440\u0435\u043d\u0435\u0441\u0442\u0438 \u044d\u0442\u043e \u043f\u043e\u043d\u0438\u043c\u0430\u043d\u0438\u0435 \u0438 \u043b\u043e\u0433\u0438\u043a\u0443 \u0432 \u043a\u043e\u0434 \u043d\u0435 \u043e\u0441\u043e\u0431\u043e \u043f\u0440\u043e\u0431\u043b\u0435\u043c\u043d\u043e."})]}),"\n",(0,i.jsxs)(n.p,{children:[(0,i.jsx)(n.strong,{children:"\u041e\u0434\u043d\u0430\u043a\u043e \u043d\u0430 \u0434\u0435\u043b\u0435"}),', \u0437\u0430\u0434\u0430\u0447\u0438 \u0438 \u0444\u0443\u043d\u043a\u0446\u0438\u043e\u043d\u0430\u043b\u044c\u043d\u043e\u0441\u0442\u044c \u043e\u0431\u044b\u0447\u043d\u043e \u0440\u0430\u0437\u0432\u0438\u0432\u0430\u044e\u0442\u0441\u044f "\u0441\u043b\u0438\u0448\u043a\u043e\u043c" \u0438\u0442\u0435\u0440\u0430\u0442\u0438\u0432\u043d\u043e \u0438 (\u0438\u043b\u0438) \u043d\u0435\u0442 \u0432\u0440\u0435\u043c\u0435\u043d\u0438 \u043f\u0440\u043e\u0434\u0443\u043c\u044b\u0432\u0430\u0442\u044c \u0434\u0438\u0437\u0430\u0439\u043d.']}),"\n",(0,i.jsx)(n.p,{children:(0,i.jsx)(n.strong,{children:"\u0412 \u0438\u0442\u043e\u0433\u0435 \u0444\u0438\u0447\u0430 \u0441\u0435\u0433\u043e\u0434\u043d\u044f \u0438\u043c\u0435\u0435\u0442 \u0441\u043c\u044b\u0441\u043b, \u0430 \u043f\u0440\u0438 \u0440\u0430\u0441\u0448\u0438\u0440\u0435\u043d\u0438\u0438 \u044d\u0442\u043e\u0439 \u0444\u0438\u0447\u0438 \u0447\u0435\u0440\u0435\u0437 \u043c\u0435\u0441\u044f\u0446 \u043c\u043e\u0436\u043d\u043e \u043f\u0435\u0440\u0435\u043f\u0438\u0441\u0430\u0442\u044c \u043f\u043e\u043b \u043f\u0440\u043e\u0435\u043a\u0442\u0430."})}),"\n",(0,i.jsxs)(n.blockquote,{children:["\n",(0,i.jsx)(n.p,{children:(0,i.jsxs)(n.em,{children:["[",(0,i.jsx)(n.a,{href:"https://t.me/sergeysova/318",children:"\u0418\u0437 \u043e\u0431\u0441\u0443\u0436\u0434\u0435\u043d\u0438\u044f"}),"]: \u0420\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a \u043f\u044b\u0442\u0430\u0435\u0442\u0441\u044f \u0434\u0443\u043c\u0430\u0442\u044c \u043d\u0430 2-3 \u0448\u0430\u0433\u0430 \u0432\u043f\u0435\u0440\u0435\u0434, \u0443\u0447\u0438\u0442\u044b\u0432\u0430\u044f \u0431\u0443\u0434\u0443\u0449\u0438\u0435 \u0445\u043e\u0442\u0435\u043b\u043a\u0438, \u043d\u043e \u0442\u0443\u0442 \u0443\u043f\u0438\u0440\u0430\u0435\u0442\u0441\u044f \u0432 \u0441\u043e\u0431\u0441\u0442\u0432\u0435\u043d\u043d\u044b\u0439 \u043e\u043f\u044b\u0442"]})}),"\n",(0,i.jsx)(n.p,{children:(0,i.jsx)(n.em,{children:"\u041f\u0440\u043e\u0436\u0436\u0435\u043d\u043d\u044b\u0439 \u043e\u043f\u044b\u0442\u043e\u043c \u0438\u043d\u0436\u0435\u043d\u0435\u0440 \u043e\u0431\u044b\u0447\u043d\u043e \u0441\u0440\u0430\u0437\u0443 \u0441\u043c\u043e\u0442\u0440\u0438\u0442 \u043d\u0430 10 \u0448\u0430\u0433\u043e\u0432 \u0432\u043f\u0435\u0440\u0435\u0434, \u0438 \u043f\u043e\u043d\u0438\u043c\u0430\u0435\u0442 \u0433\u0434\u0435 \u043e\u0434\u043d\u0443 \u0444\u0438\u0447\u0443 \u0440\u0430\u0437\u0434\u0435\u043b\u0438\u0442\u044c, \u0430 \u0433\u0434\u0435 \u043e\u0431\u044a\u0435\u0434\u0438\u043d\u0438\u0442\u044c \u0441 \u0434\u0440\u0443\u0433\u043e\u0439"})}),"\n",(0,i.jsx)(n.p,{children:(0,i.jsx)(n.em,{children:"\u041d\u043e \u0431\u044b\u0432\u0430\u0435\u0442 \u0438 \u0442\u0430\u043a, \u0447\u0442\u043e \u043f\u0440\u0438\u0445\u043e\u0434\u0438\u0442 \u0437\u0430\u0434\u0430\u0447\u0430, \u0441 \u043a\u043e\u0442\u043e\u0440\u043e\u0439 \u043d\u0435 \u043f\u0440\u0438\u0445\u043e\u0434\u0438\u043b\u043e\u0441\u044c \u0441\u0442\u0430\u043b\u043a\u0438\u0432\u0430\u0442\u044c\u0441\u044f \u043f\u043e \u043e\u043f\u044b\u0442\u0443, \u0438 \u043d\u0435\u043e\u0442\u043a\u0443\u0434\u0430 \u0432\u0437\u044f\u0442\u044c \u043f\u043e\u043d\u0438\u043c\u0430\u043d\u0438\u0435 - \u043a\u0430\u043a \u0433\u0440\u0430\u043c\u043e\u0442\u043d\u0435\u0439 \u0434\u0435\u043a\u043e\u043c\u043f\u043e\u0437\u0438\u0440\u043e\u0432\u0430\u0442\u044c, \u0441 \u043d\u0430\u0438\u043c\u0435\u043d\u044c\u0448\u0438\u043c\u0438 \u043f\u0435\u0447\u0430\u043b\u044c\u043d\u044b\u043c\u0438 \u043f\u043e\u0441\u043b\u0435\u0434\u0441\u0442\u0432\u0438\u044f\u043c\u0438 \u0432 \u0431\u0443\u0434\u0443\u0449\u0435\u043c"})}),"\n"]}),"\n",(0,i.jsx)(n.h2,{id:"the-role-of-methodology",children:"\u0420\u043e\u043b\u044c \u043c\u0435\u0442\u043e\u0434\u043e\u043b\u043e\u0433\u0438\u0438"}),"\n",(0,i.jsx)(n.p,{children:(0,i.jsx)(n.strong,{children:"\u041c\u0435\u0442\u043e\u0434\u043e\u043b\u043e\u0433\u0438\u044f \u043f\u043e\u043c\u043e\u0433\u0430\u0435\u0442 \u0440\u0435\u0448\u0438\u0442\u044c \u043f\u0440\u043e\u0431\u043b\u0435\u043c\u044b \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a\u043e\u0432, \u0447\u0442\u043e\u0431\u044b \u0442\u0435\u043c \u0431\u044b\u043b\u043e \u043f\u0440\u043e\u0449\u0435 \u0440\u0435\u0448\u0430\u0442\u044c \u043f\u0440\u043e\u0431\u043b\u0435\u043c\u044b \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u0435\u0439."})}),"\n",(0,i.jsx)(n.p,{children:"\u041d\u0435\u0442 \u0440\u0435\u0448\u0435\u043d\u0438\u044f \u0437\u0430\u0434\u0430\u0447 \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a\u043e\u0432 \u0442\u043e\u043b\u044c\u043a\u043e \u0440\u0430\u0434\u0438 \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a\u043e\u0432"}),"\n",(0,i.jsxs)(n.p,{children:["\u041d\u043e \u0447\u0442\u043e\u0431\u044b \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a \u0440\u0435\u0448\u0438\u043b \u0441\u0432\u043e\u0438 \u0437\u0430\u0434\u0430\u0447\u0438, ",(0,i.jsx)(n.strong,{children:"\u043d\u0443\u0436\u043d\u043e \u043f\u043e\u043d\u044f\u0442\u044c \u0437\u0430\u0434\u0430\u0447\u0438 \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044f"})," - \u043d\u0430\u043e\u0431\u043e\u0440\u043e\u0442 \u043d\u0435 \u0432\u044b\u0439\u0434\u0435\u0442"]}),"\n",(0,i.jsx)(n.h3,{id:"methodology-requirements",children:"\u0422\u0440\u0435\u0431\u043e\u0432\u0430\u043d\u0438\u044f \u043a \u043c\u0435\u0442\u043e\u0434\u043e\u043b\u043e\u0433\u0438\u0438"}),"\n",(0,i.jsxs)(n.p,{children:["\u0421\u0442\u0430\u043d\u043e\u0432\u0438\u0442\u0441\u044f \u044f\u0441\u043d\u043e, \u0447\u0442\u043e \u043d\u0443\u0436\u043d\u043e \u0432\u044b\u0434\u0435\u043b\u0438\u0442\u044c \u043a\u0430\u043a \u043c\u0438\u043d\u0438\u043c\u0443\u043c \u0434\u0432\u0430 \u0442\u0440\u0435\u0431\u043e\u0432\u0430\u043d\u0438\u044f \u0434\u043b\u044f ",(0,i.jsx)(n.strong,{children:"Feature-Sliced Design"}),":"]}),"\n",(0,i.jsxs)(n.ol,{children:["\n",(0,i.jsxs)(n.li,{children:["\u041c\u0435\u0442\u043e\u0434\u043e\u043b\u043e\u0433\u0438\u044f \u0434\u043e\u043b\u0436\u043d\u0430 \u0440\u0430\u0441\u0441\u043a\u0430\u0437\u044b\u0432\u0430\u0442\u044c ",(0,i.jsx)(n.strong,{children:"\u043a\u0430\u043a \u0441\u043e\u0437\u0434\u0430\u0432\u0430\u0442\u044c \u0444\u0438\u0447\u0438, \u043f\u0440\u043e\u0446\u0435\u0441\u0441\u044b \u0438 \u0441\u0443\u0449\u043d\u043e\u0441\u0442\u0438"}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsxs)(n.li,{children:["\u0410 \u0437\u043d\u0430\u0447\u0438\u0442 \u0434\u043e\u043b\u0436\u043d\u0430 \u0447\u0435\u0442\u043a\u043e \u043e\u0431\u044a\u044f\u0441\u043d\u044f\u0442\u044c ",(0,i.jsx)(n.em,{children:"\u043a\u0430\u043a \u0440\u0430\u0437\u0434\u0435\u043b\u044f\u0442\u044c \u043a\u043e\u0434 \u043c\u0435\u0436\u0434\u0443 \u043d\u0438\u043c\u0438"}),", \u0438\u0437 \u0447\u0435\u0433\u043e \u0441\u043b\u0435\u0434\u0443\u0435\u0442, \u0447\u0442\u043e \u0438\u043c\u0435\u043d\u043e\u0432\u0430\u043d\u0438\u0435 \u044d\u0442\u0438\u0445 \u0441\u0443\u0449\u043d\u043e\u0441\u0442\u0435\u0439 \u0442\u0430\u043a\u0436\u0435 \u0434\u043e\u043b\u0436\u043d\u043e \u0431\u044b\u0442\u044c \u0437\u0430\u043b\u043e\u0436\u0435\u043d\u043e \u0432 \u0441\u043f\u0435\u0446\u0438\u0444\u0438\u043a\u0430\u0446\u0438\u0438."]}),"\n"]}),"\n"]}),"\n",(0,i.jsxs)(n.li,{children:["\u041c\u0435\u0442\u043e\u0434\u043e\u043b\u043e\u0433\u0438\u044f \u0434\u043e\u043b\u0436\u043d\u0430 \u043f\u043e\u043c\u043e\u0433\u0430\u0442\u044c \u0430\u0440\u0445\u0438\u0442\u0435\u043a\u0442\u0443\u0440\u0435 ",(0,i.jsx)(n.strong,{children:(0,i.jsx)(n.a,{href:"architecture#adaptability",children:"\u043b\u0435\u0433\u043a\u043e \u0430\u0434\u0430\u043f\u0442\u0438\u0440\u043e\u0432\u0430\u0442\u044c\u0441\u044f \u043f\u043e\u0434 \u0438\u0437\u043c\u0435\u043d\u044f\u044e\u0449\u0438\u0435\u0441\u044f \u0442\u0440\u0435\u0431\u043e\u0432\u0430\u043d\u0438\u044f \u043f\u0440\u043e\u0435\u043a\u0442\u0430"})})]}),"\n"]}),"\n",(0,i.jsx)(n.h2,{id:"see-also",children:"\u0421\u043c. \u0442\u0430\u043a\u0436\u0435"}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsxs)(n.li,{children:[(0,i.jsx)(n.a,{href:"https://t.me/sergeysova/318",children:"(\u041f\u043e\u0441\u0442) \u0421\u0442\u0438\u043c\u0443\u043b\u044f\u0446\u0438\u044f \u043a \u0447\u0435\u0442\u043a\u043e\u0439 \u0444\u043e\u0440\u043c\u0443\u043b\u0438\u0440\u043e\u0432\u043a\u0435 \u0437\u0430\u0434\u0430\u0447 (+ \u043e\u0431\u0441\u0443\u0436\u0434\u0435\u043d\u0438\u0435)"}),"\n",(0,i.jsxs)(n.blockquote,{children:["\n",(0,i.jsx)(n.p,{children:(0,i.jsxs)(n.em,{children:[(0,i.jsx)(n.strong,{children:"\u0422\u0435\u043a\u0443\u0449\u0430\u044f \u0441\u0442\u0430\u0442\u044c\u044f"})," \u044f\u0432\u043b\u044f\u0435\u0442\u0441\u044f \u0430\u0434\u0430\u043f\u0442\u0430\u0446\u0438\u0435\u0439 \u044d\u0442\u043e\u0433\u043e \u043e\u0431\u0441\u0443\u0436\u0434\u0435\u043d\u0438\u044f, \u043f\u043e \u0441\u0441\u044b\u043b\u043a\u0435 \u043c\u043e\u0436\u043d\u043e \u043e\u0437\u043d\u0430\u043a\u043e\u043c\u0438\u0442\u044c\u0441\u044f \u0441 \u043f\u043e\u043b\u043d\u043e\u0439 \u043d\u0435\u0443\u0440\u0435\u0437\u0430\u043d\u043d\u043e\u0439 \u0432\u0435\u0440\u0441\u0438\u0435\u0439"]})}),"\n"]}),"\n"]}),"\n",(0,i.jsx)(n.li,{children:(0,i.jsx)(n.a,{href:"https://t.me/atomicdesign/18972",children:"(\u041e\u0431\u0441\u0443\u0436\u0434\u0435\u043d\u0438\u0435) \u041a\u0430\u043a \u0440\u0430\u0437\u0431\u0438\u0442\u044c \u0444\u0443\u043d\u043a\u0446\u0438\u043e\u043d\u0430\u043b\u044c\u043d\u043e\u0441\u0442\u044c \u0438 \u0447\u0442\u043e \u0438\u0437 \u0441\u0435\u0431\u044f \u043e\u043d\u0430 \u043f\u0440\u0435\u0434\u0441\u0442\u0430\u0432\u043b\u044f\u0435\u0442"})}),"\n",(0,i.jsx)(n.li,{children:(0,i.jsx)(n.a,{href:"https://alexmngn.medium.com/how-to-better-organize-your-react-applications-2fd3ea1920f1",children:'(\u0421\u0442\u0430\u0442\u044c\u044f) "How to better organize your applications"'})}),"\n"]})]})}function x(e={}){const{wrapper:n}={...(0,r.R)(),...e.components};return n?(0,i.jsx)(n,{...e,children:(0,i.jsx)(o,{...e})}):o(e)}},1100:(e,n,s)=>{s.d(n,{R:()=>l,x:()=>t});var i=s(758);const r={},d=i.createContext(r);function l(e){const n=i.useContext(d);return i.useMemo((function(){return"function"==typeof e?e(n):{...n,...e}}),[n,e])}function t(e){let n;return n=e.disableParentContext?"function"==typeof e.components?e.components(r):e.components||r:l(e.components),i.createElement(d.Provider,{value:n},e.children)}}}]);
\ No newline at end of file
diff --git a/ru/assets/js/fee408fa.823c32ef.js b/ru/assets/js/fee408fa.58d0dbd3.js
similarity index 99%
rename from ru/assets/js/fee408fa.823c32ef.js
rename to ru/assets/js/fee408fa.58d0dbd3.js
index 82cc239138..9198de3856 100644
--- a/ru/assets/js/fee408fa.823c32ef.js
+++ b/ru/assets/js/fee408fa.58d0dbd3.js
@@ -1 +1 @@
-"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[7512],{1928:(e,t,n)=>{n.d(t,{Ay:()=>l,RM:()=>d});var i=n(6070),s=n(1100),r=(n(758),n(6783)),a=n(7765);const o=e=>{let{ticket:t}=e;const n=`https://github.com/feature-sliced/documentation/issues/${t}`;return(0,i.jsxs)("div",{children:[(0,i.jsx)("p",{children:(0,a.T)({id:"shared.wip.title"})}),(0,i.jsx)("p",{children:(0,a.T)({id:"shared.wip.subtitle"})}),(0,i.jsxs)("ul",{children:[(0,i.jsxs)("li",{children:[(0,a.T)({id:"shared.wip.var.feedback.base"}),(0,i.jsx)(r.A,{to:n,children:(0,a.T)({id:"shared.wip.var.feedback.link"})})]}),(0,i.jsxs)("li",{children:[(0,a.T)({id:"shared.wip.var.material.base"}),(0,i.jsx)(r.A,{to:"https://t.me/feature_sliced",children:(0,a.T)({id:"shared.wip.var.material.link"})})]}),(0,i.jsxs)("li",{children:[(0,a.T)({id:"shared.wip.var.contribute.base"}),(0,i.jsx)(r.A,{to:"https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md",children:(0,a.T)({id:"shared.wip.var.contribute.link"})})]})]}),(0,i.jsx)("br",{}),(0,i.jsx)("p",{children:(0,i.jsx)("i",{children:"\ud83c\udf70 Stay tuned!"})})]})},d=[];function c(e){const t={admonition:"admonition",...(0,s.R)(),...e.components};return(0,i.jsx)(t.admonition,{title:"WIP",type:"caution",children:(0,i.jsx)(o,{ticket:e.ticket})})}function l(e={}){const{wrapper:t}={...(0,s.R)(),...e.components};return t?(0,i.jsx)(t,{...e,children:(0,i.jsx)(c,{...e})}):c(e)}},2588:(e,t,n)=>{n.r(t),n.d(t,{assets:()=>c,contentTitle:()=>o,default:()=>h,frontMatter:()=>a,metadata:()=>d,toc:()=>l});var i=n(6070),s=n(1100),r=n(1928);const a={sidebar_position:6,sidebar_class_name:"sidebar-item--wip"},o="\u0410\u0431\u0441\u0442\u0440\u0430\u043a\u0446\u0438\u0438",d={id:"about/understanding/abstractions",title:"\u0410\u0431\u0441\u0442\u0440\u0430\u043a\u0446\u0438\u0438",description:"\u0417\u0430\u043a\u043e\u043d \u0434\u044b\u0440\u044f\u0432\u044b\u0445 \u0430\u0431\u0441\u0442\u0440\u0430\u043a\u0446\u0438\u0439",source:"@site/i18n/ru/docusaurus-plugin-content-docs/current/about/understanding/abstractions.mdx",sourceDirName:"about/understanding",slug:"/about/understanding/abstractions",permalink:"/ru/docs/about/understanding/abstractions",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/ru/docusaurus-plugin-content-docs/current/about/understanding/abstractions.mdx",tags:[],version:"current",lastUpdatedAt:1727607766e3,sidebarPosition:6,frontMatter:{sidebar_position:6,sidebar_class_name:"sidebar-item--wip"},sidebar:"aboutSidebar",previous:{title:"\u0421\u0438\u0433\u043d\u0430\u043b\u044b \u0430\u0440\u0445\u0438\u0442\u0435\u043a\u0442\u0443\u0440\u044b",permalink:"/ru/docs/about/understanding/signals"},next:{title:"\u0410\u0441\u043f\u0435\u043a\u0442\u044b \u0438\u043d\u0442\u0435\u0433\u0440\u0430\u0446\u0438\u0438",permalink:"/ru/docs/about/promote/integration"}},c={},l=[...r.RM,{value:"\u0417\u0430\u043a\u043e\u043d \u0434\u044b\u0440\u044f\u0432\u044b\u0445 \u0430\u0431\u0441\u0442\u0440\u0430\u043a\u0446\u0438\u0439",id:"the-law-of-leaky-abstractions",level:2},{value:"\u041f\u043e\u0447\u0435\u043c\u0443 \u0442\u0430\u043a \u043c\u043d\u043e\u0433\u043e \u0430\u0431\u0441\u0442\u0440\u0430\u043a\u0446\u0438\u0439",id:"why-are-there-so-many-abstractions",level:2},{value:"\u041f\u0440\u043e \u0441\u043a\u043e\u0443\u043f\u044b \u043e\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0435\u043d\u043d\u043e\u0441\u0442\u0438",id:"about-scopes-of-responsibility",level:2},{value:"\u0421\u043c. \u0442\u0430\u043a\u0436\u0435",id:"see-also",level:2}];function u(e){const t={a:"a",blockquote:"blockquote",h1:"h1",h2:"h2",header:"header",li:"li",p:"p",ul:"ul",...(0,s.R)(),...e.components};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(t.header,{children:(0,i.jsx)(t.h1,{id:"\u0430\u0431\u0441\u0442\u0440\u0430\u043a\u0446\u0438\u0438",children:"\u0410\u0431\u0441\u0442\u0440\u0430\u043a\u0446\u0438\u0438"})}),"\n",(0,i.jsx)(r.Ay,{ticket:"186"}),"\n",(0,i.jsx)(t.h2,{id:"the-law-of-leaky-abstractions",children:"\u0417\u0430\u043a\u043e\u043d \u0434\u044b\u0440\u044f\u0432\u044b\u0445 \u0430\u0431\u0441\u0442\u0440\u0430\u043a\u0446\u0438\u0439"}),"\n",(0,i.jsx)(t.h2,{id:"why-are-there-so-many-abstractions",children:"\u041f\u043e\u0447\u0435\u043c\u0443 \u0442\u0430\u043a \u043c\u043d\u043e\u0433\u043e \u0430\u0431\u0441\u0442\u0440\u0430\u043a\u0446\u0438\u0439"}),"\n",(0,i.jsxs)(t.blockquote,{children:["\n",(0,i.jsx)(t.p,{children:"\u0410\u0431\u0441\u0442\u0440\u0430\u043a\u0446\u0438\u0438 \u043f\u043e\u043c\u043e\u0433\u0430\u044e\u0442 \u0441\u043f\u0440\u0430\u0432\u043b\u044f\u0442\u044c\u0441\u044f \u0441\u043e \u0441\u043b\u043e\u0436\u043d\u043e\u0441\u0442\u044c\u044e \u043f\u0440\u043e\u0435\u043a\u0442\u0430. \u0412\u043e\u043f\u0440\u043e\u0441 \u0432 \u0442\u043e\u043c - \u0431\u0443\u0434\u0443\u0442 \u043b\u0438 \u044d\u0442\u0438 \u0430\u0431\u0441\u0442\u0440\u0430\u043a\u0446\u0438\u0438 \u0441\u043f\u0435\u0446\u0438\u0444\u0438\u0447\u043d\u044b \u0442\u043e\u043b\u044c\u043a\u043e \u0434\u043b\u044f \u044d\u0442\u043e\u0433\u043e \u043f\u0440\u043e\u0435\u043a\u0442\u0430, \u0438\u043b\u0438 \u0436\u0435 \u043c\u044b \u043f\u043e\u043f\u044b\u0442\u0430\u0435\u043c\u0441\u044f \u0432\u044b\u0432\u0435\u0441\u0442\u0438 \u043e\u0431\u0449\u0438\u0435 \u0430\u0431\u0441\u0442\u0440\u0430\u043a\u0446\u0438\u0438 \u043d\u0430 \u043e\u0441\u043d\u043e\u0432\u0430\u043d\u0438\u0438 \u0441\u043f\u0435\u0446\u0438\u0444\u0438\u043a\u0438 \u0444\u0440\u043e\u043d\u0442\u0435\u043d\u0434\u0430"}),"\n"]}),"\n",(0,i.jsxs)(t.blockquote,{children:["\n",(0,i.jsx)(t.p,{children:"\u0410\u0440\u0445\u0438\u0442\u0435\u043a\u0442\u0443\u0440\u0430 \u0438 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f \u0432 \u0446\u0435\u043b\u043e\u043c \u0438\u0437\u043d\u0430\u0447\u0430\u043b\u044c\u043d\u043e \u0441\u043b\u043e\u0436\u043d\u044b, \u0438 \u0432\u043e\u043f\u0440\u043e\u0441 \u0442\u043e\u043b\u044c\u043a\u043e \u0432 \u0442\u043e\u043c \u043a\u0430\u043a \u044d\u0442\u0443 \u0441\u043b\u043e\u0436\u043d\u043e\u0441\u0442\u044c \u043b\u0443\u0447\u0448\u0435 \u0440\u0430\u0441\u043f\u0440\u0435\u0434\u0435\u043b\u044f\u0442\u044c \u0438 \u043e\u043f\u0438\u0441\u044b\u0432\u0430\u0442\u044c"}),"\n"]}),"\n",(0,i.jsx)(t.h2,{id:"about-scopes-of-responsibility",children:"\u041f\u0440\u043e \u0441\u043a\u043e\u0443\u043f\u044b \u043e\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0435\u043d\u043d\u043e\u0441\u0442\u0438"}),"\n",(0,i.jsxs)(t.blockquote,{children:["\n",(0,i.jsx)(t.p,{children:"\u041f\u0440\u043e \u043e\u043f\u0446\u0438\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0435 \u0430\u0431\u0441\u0442\u0440\u0430\u043a\u0446\u0438\u0438"}),"\n"]}),"\n",(0,i.jsx)(t.h2,{id:"see-also",children:"\u0421\u043c. \u0442\u0430\u043a\u0436\u0435"}),"\n",(0,i.jsxs)(t.ul,{children:["\n",(0,i.jsx)(t.li,{children:(0,i.jsx)(t.a,{href:"https://t.me/feature_sliced/2801",children:"\u041f\u0440\u043e \u043d\u0435\u043e\u0431\u0445\u043e\u0434\u0438\u043c\u043e\u0441\u0442\u044c \u0432 \u043d\u043e\u0432\u044b\u0445 \u0441\u043b\u043e\u044f\u0445"})}),"\n",(0,i.jsx)(t.li,{children:(0,i.jsx)(t.a,{href:"https://t.me/feature_sliced/2619",children:"\u041f\u0440\u043e \u0441\u043b\u043e\u0436\u043d\u043e\u0441\u0442\u044c \u0432 \u043f\u043e\u043d\u0438\u043c\u0430\u043d\u0438\u0438 \u043c\u0435\u0442\u043e\u0434\u043e\u043b\u043e\u0433\u0438\u0438 \u0438 \u0441\u043b\u043e\u0435\u0432"})}),"\n"]})]})}function h(e={}){const{wrapper:t}={...(0,s.R)(),...e.components};return t?(0,i.jsx)(t,{...e,children:(0,i.jsx)(u,{...e})}):u(e)}},1100:(e,t,n)=>{n.d(t,{R:()=>a,x:()=>o});var i=n(758);const s={},r=i.createContext(s);function a(e){const t=i.useContext(r);return i.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function o(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(s):e.components||s:a(e.components),i.createElement(r.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
+"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[7512],{1928:(e,t,n)=>{n.d(t,{Ay:()=>l,RM:()=>d});var i=n(6070),s=n(1100),r=(n(758),n(6783)),a=n(7765);const o=e=>{let{ticket:t}=e;const n=`https://github.com/feature-sliced/documentation/issues/${t}`;return(0,i.jsxs)("div",{children:[(0,i.jsx)("p",{children:(0,a.T)({id:"shared.wip.title"})}),(0,i.jsx)("p",{children:(0,a.T)({id:"shared.wip.subtitle"})}),(0,i.jsxs)("ul",{children:[(0,i.jsxs)("li",{children:[(0,a.T)({id:"shared.wip.var.feedback.base"}),(0,i.jsx)(r.A,{to:n,children:(0,a.T)({id:"shared.wip.var.feedback.link"})})]}),(0,i.jsxs)("li",{children:[(0,a.T)({id:"shared.wip.var.material.base"}),(0,i.jsx)(r.A,{to:"https://t.me/feature_sliced",children:(0,a.T)({id:"shared.wip.var.material.link"})})]}),(0,i.jsxs)("li",{children:[(0,a.T)({id:"shared.wip.var.contribute.base"}),(0,i.jsx)(r.A,{to:"https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md",children:(0,a.T)({id:"shared.wip.var.contribute.link"})})]})]}),(0,i.jsx)("br",{}),(0,i.jsx)("p",{children:(0,i.jsx)("i",{children:"\ud83c\udf70 Stay tuned!"})})]})},d=[];function c(e){const t={admonition:"admonition",...(0,s.R)(),...e.components};return(0,i.jsx)(t.admonition,{title:"WIP",type:"caution",children:(0,i.jsx)(o,{ticket:e.ticket})})}function l(e={}){const{wrapper:t}={...(0,s.R)(),...e.components};return t?(0,i.jsx)(t,{...e,children:(0,i.jsx)(c,{...e})}):c(e)}},2588:(e,t,n)=>{n.r(t),n.d(t,{assets:()=>c,contentTitle:()=>o,default:()=>h,frontMatter:()=>a,metadata:()=>d,toc:()=>l});var i=n(6070),s=n(1100),r=n(1928);const a={sidebar_position:6,sidebar_class_name:"sidebar-item--wip"},o="\u0410\u0431\u0441\u0442\u0440\u0430\u043a\u0446\u0438\u0438",d={id:"about/understanding/abstractions",title:"\u0410\u0431\u0441\u0442\u0440\u0430\u043a\u0446\u0438\u0438",description:"\u0417\u0430\u043a\u043e\u043d \u0434\u044b\u0440\u044f\u0432\u044b\u0445 \u0430\u0431\u0441\u0442\u0440\u0430\u043a\u0446\u0438\u0439",source:"@site/i18n/ru/docusaurus-plugin-content-docs/current/about/understanding/abstractions.mdx",sourceDirName:"about/understanding",slug:"/about/understanding/abstractions",permalink:"/ru/docs/about/understanding/abstractions",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/ru/docusaurus-plugin-content-docs/current/about/understanding/abstractions.mdx",tags:[],version:"current",lastUpdatedAt:1728325386e3,sidebarPosition:6,frontMatter:{sidebar_position:6,sidebar_class_name:"sidebar-item--wip"},sidebar:"aboutSidebar",previous:{title:"\u0421\u0438\u0433\u043d\u0430\u043b\u044b \u0430\u0440\u0445\u0438\u0442\u0435\u043a\u0442\u0443\u0440\u044b",permalink:"/ru/docs/about/understanding/signals"},next:{title:"\u0410\u0441\u043f\u0435\u043a\u0442\u044b \u0438\u043d\u0442\u0435\u0433\u0440\u0430\u0446\u0438\u0438",permalink:"/ru/docs/about/promote/integration"}},c={},l=[...r.RM,{value:"\u0417\u0430\u043a\u043e\u043d \u0434\u044b\u0440\u044f\u0432\u044b\u0445 \u0430\u0431\u0441\u0442\u0440\u0430\u043a\u0446\u0438\u0439",id:"the-law-of-leaky-abstractions",level:2},{value:"\u041f\u043e\u0447\u0435\u043c\u0443 \u0442\u0430\u043a \u043c\u043d\u043e\u0433\u043e \u0430\u0431\u0441\u0442\u0440\u0430\u043a\u0446\u0438\u0439",id:"why-are-there-so-many-abstractions",level:2},{value:"\u041f\u0440\u043e \u0441\u043a\u043e\u0443\u043f\u044b \u043e\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0435\u043d\u043d\u043e\u0441\u0442\u0438",id:"about-scopes-of-responsibility",level:2},{value:"\u0421\u043c. \u0442\u0430\u043a\u0436\u0435",id:"see-also",level:2}];function u(e){const t={a:"a",blockquote:"blockquote",h1:"h1",h2:"h2",header:"header",li:"li",p:"p",ul:"ul",...(0,s.R)(),...e.components};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(t.header,{children:(0,i.jsx)(t.h1,{id:"\u0430\u0431\u0441\u0442\u0440\u0430\u043a\u0446\u0438\u0438",children:"\u0410\u0431\u0441\u0442\u0440\u0430\u043a\u0446\u0438\u0438"})}),"\n",(0,i.jsx)(r.Ay,{ticket:"186"}),"\n",(0,i.jsx)(t.h2,{id:"the-law-of-leaky-abstractions",children:"\u0417\u0430\u043a\u043e\u043d \u0434\u044b\u0440\u044f\u0432\u044b\u0445 \u0430\u0431\u0441\u0442\u0440\u0430\u043a\u0446\u0438\u0439"}),"\n",(0,i.jsx)(t.h2,{id:"why-are-there-so-many-abstractions",children:"\u041f\u043e\u0447\u0435\u043c\u0443 \u0442\u0430\u043a \u043c\u043d\u043e\u0433\u043e \u0430\u0431\u0441\u0442\u0440\u0430\u043a\u0446\u0438\u0439"}),"\n",(0,i.jsxs)(t.blockquote,{children:["\n",(0,i.jsx)(t.p,{children:"\u0410\u0431\u0441\u0442\u0440\u0430\u043a\u0446\u0438\u0438 \u043f\u043e\u043c\u043e\u0433\u0430\u044e\u0442 \u0441\u043f\u0440\u0430\u0432\u043b\u044f\u0442\u044c\u0441\u044f \u0441\u043e \u0441\u043b\u043e\u0436\u043d\u043e\u0441\u0442\u044c\u044e \u043f\u0440\u043e\u0435\u043a\u0442\u0430. \u0412\u043e\u043f\u0440\u043e\u0441 \u0432 \u0442\u043e\u043c - \u0431\u0443\u0434\u0443\u0442 \u043b\u0438 \u044d\u0442\u0438 \u0430\u0431\u0441\u0442\u0440\u0430\u043a\u0446\u0438\u0438 \u0441\u043f\u0435\u0446\u0438\u0444\u0438\u0447\u043d\u044b \u0442\u043e\u043b\u044c\u043a\u043e \u0434\u043b\u044f \u044d\u0442\u043e\u0433\u043e \u043f\u0440\u043e\u0435\u043a\u0442\u0430, \u0438\u043b\u0438 \u0436\u0435 \u043c\u044b \u043f\u043e\u043f\u044b\u0442\u0430\u0435\u043c\u0441\u044f \u0432\u044b\u0432\u0435\u0441\u0442\u0438 \u043e\u0431\u0449\u0438\u0435 \u0430\u0431\u0441\u0442\u0440\u0430\u043a\u0446\u0438\u0438 \u043d\u0430 \u043e\u0441\u043d\u043e\u0432\u0430\u043d\u0438\u0438 \u0441\u043f\u0435\u0446\u0438\u0444\u0438\u043a\u0438 \u0444\u0440\u043e\u043d\u0442\u0435\u043d\u0434\u0430"}),"\n"]}),"\n",(0,i.jsxs)(t.blockquote,{children:["\n",(0,i.jsx)(t.p,{children:"\u0410\u0440\u0445\u0438\u0442\u0435\u043a\u0442\u0443\u0440\u0430 \u0438 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f \u0432 \u0446\u0435\u043b\u043e\u043c \u0438\u0437\u043d\u0430\u0447\u0430\u043b\u044c\u043d\u043e \u0441\u043b\u043e\u0436\u043d\u044b, \u0438 \u0432\u043e\u043f\u0440\u043e\u0441 \u0442\u043e\u043b\u044c\u043a\u043e \u0432 \u0442\u043e\u043c \u043a\u0430\u043a \u044d\u0442\u0443 \u0441\u043b\u043e\u0436\u043d\u043e\u0441\u0442\u044c \u043b\u0443\u0447\u0448\u0435 \u0440\u0430\u0441\u043f\u0440\u0435\u0434\u0435\u043b\u044f\u0442\u044c \u0438 \u043e\u043f\u0438\u0441\u044b\u0432\u0430\u0442\u044c"}),"\n"]}),"\n",(0,i.jsx)(t.h2,{id:"about-scopes-of-responsibility",children:"\u041f\u0440\u043e \u0441\u043a\u043e\u0443\u043f\u044b \u043e\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0435\u043d\u043d\u043e\u0441\u0442\u0438"}),"\n",(0,i.jsxs)(t.blockquote,{children:["\n",(0,i.jsx)(t.p,{children:"\u041f\u0440\u043e \u043e\u043f\u0446\u0438\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0435 \u0430\u0431\u0441\u0442\u0440\u0430\u043a\u0446\u0438\u0438"}),"\n"]}),"\n",(0,i.jsx)(t.h2,{id:"see-also",children:"\u0421\u043c. \u0442\u0430\u043a\u0436\u0435"}),"\n",(0,i.jsxs)(t.ul,{children:["\n",(0,i.jsx)(t.li,{children:(0,i.jsx)(t.a,{href:"https://t.me/feature_sliced/2801",children:"\u041f\u0440\u043e \u043d\u0435\u043e\u0431\u0445\u043e\u0434\u0438\u043c\u043e\u0441\u0442\u044c \u0432 \u043d\u043e\u0432\u044b\u0445 \u0441\u043b\u043e\u044f\u0445"})}),"\n",(0,i.jsx)(t.li,{children:(0,i.jsx)(t.a,{href:"https://t.me/feature_sliced/2619",children:"\u041f\u0440\u043e \u0441\u043b\u043e\u0436\u043d\u043e\u0441\u0442\u044c \u0432 \u043f\u043e\u043d\u0438\u043c\u0430\u043d\u0438\u0438 \u043c\u0435\u0442\u043e\u0434\u043e\u043b\u043e\u0433\u0438\u0438 \u0438 \u0441\u043b\u043e\u0435\u0432"})}),"\n"]})]})}function h(e={}){const{wrapper:t}={...(0,s.R)(),...e.components};return t?(0,i.jsx)(t,{...e,children:(0,i.jsx)(u,{...e})}):u(e)}},1100:(e,t,n)=>{n.d(t,{R:()=>a,x:()=>o});var i=n(758);const s={},r=i.createContext(s);function a(e){const t=i.useContext(r);return i.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function o(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(s):e.components||s:a(e.components),i.createElement(r.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
diff --git a/ru/assets/js/ffe50de1.162fb84e.js b/ru/assets/js/ffe50de1.96b7e3e5.js
similarity index 99%
rename from ru/assets/js/ffe50de1.162fb84e.js
rename to ru/assets/js/ffe50de1.96b7e3e5.js
index 5cb21f1911..a2733447ef 100644
--- a/ru/assets/js/ffe50de1.162fb84e.js
+++ b/ru/assets/js/ffe50de1.96b7e3e5.js
@@ -1 +1 @@
-"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[8091],{876:(n,e,s)=>{s.r(e),s.d(e,{assets:()=>d,contentTitle:()=>c,default:()=>x,frontMatter:()=>l,metadata:()=>t,toc:()=>o});var i=s(6070),r=s(1100);const l={},c="\u0418\u0437\u043e\u043b\u044f\u0446\u0438\u044f \u043c\u043e\u0434\u0443\u043b\u0435\u0439",t={id:"reference/isolation/index",title:"\u0418\u0437\u043e\u043b\u044f\u0446\u0438\u044f \u043c\u043e\u0434\u0443\u043b\u0435\u0439",description:"\u0412 \u0440\u0430\u043c\u043a\u0430\u0445 \u043c\u0435\u0442\u043e\u0434\u043e\u043b\u043e\u0433\u0438\u0438 \u0432\u0441\u0435 \u043c\u043e\u0434\u0443\u043b\u0438 \u0440\u0430\u0441\u043f\u0440\u0435\u0434\u0435\u043b\u0435\u043d\u044b \u043f\u043e \u0437\u043e\u043d\u0430\u043c \u043e\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0435\u043d\u043d\u043e\u0441\u0442\u0438 (layer, slice, segment)",source:"@site/i18n/ru/docusaurus-plugin-content-docs/current/reference/isolation/index.md",sourceDirName:"reference/isolation",slug:"/reference/isolation/",permalink:"/ru/docs/reference/isolation/",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/ru/docusaurus-plugin-content-docs/current/reference/isolation/index.md",tags:[],version:"current",lastUpdatedAt:1727607766e3,frontMatter:{},sidebar:"referenceSidebar",previous:{title:"Public API",permalink:"/ru/docs/reference/public-api"},next:{title:"Low Coupling & High Cohesion",permalink:"/ru/docs/reference/isolation/coupling-cohesion"}},d={},o=[{value:"\u0422\u0440\u0435\u0431\u043e\u0432\u0430\u043d\u0438\u044f",id:"requirements",level:2},{value:"\u041f\u0440\u0430\u0432\u0438\u043b\u043e",id:"rule",level:2},{value:"\u0412\u044b\u044f\u0432\u043b\u0435\u043d\u0438\u0435 \u043f\u0440\u043e\u0431\u043b\u0435\u043c",id:"identifying-problems",level:2},{value:"\u0421\u043c. \u0442\u0430\u043a\u0436\u0435",id:"see-also",level:2}];function h(n){const e={a:"a",admonition:"admonition",code:"code",em:"em",h1:"h1",h2:"h2",header:"header",li:"li",ol:"ol",p:"p",strong:"strong",ul:"ul",...(0,r.R)(),...n.components};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(e.header,{children:(0,i.jsx)(e.h1,{id:"\u0438\u0437\u043e\u043b\u044f\u0446\u0438\u044f-\u043c\u043e\u0434\u0443\u043b\u0435\u0439",children:"\u0418\u0437\u043e\u043b\u044f\u0446\u0438\u044f \u043c\u043e\u0434\u0443\u043b\u0435\u0439"})}),"\n",(0,i.jsx)(e.p,{children:"\u0412 \u0440\u0430\u043c\u043a\u0430\u0445 \u043c\u0435\u0442\u043e\u0434\u043e\u043b\u043e\u0433\u0438\u0438 \u0432\u0441\u0435 \u043c\u043e\u0434\u0443\u043b\u0438 \u0440\u0430\u0441\u043f\u0440\u0435\u0434\u0435\u043b\u0435\u043d\u044b \u043f\u043e \u0437\u043e\u043d\u0430\u043c \u043e\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0435\u043d\u043d\u043e\u0441\u0442\u0438 (layer, slice, segment)"}),"\n",(0,i.jsx)(e.p,{children:"\u0421\u043b\u043e\u0438, \u0432 \u0441\u0432\u043e\u044e \u043e\u0447\u0435\u0440\u0435\u0434\u044c, \u043e\u0440\u0433\u0430\u043d\u0438\u0437\u043e\u0432\u0430\u043d\u044b \u0432\u0435\u0440\u0442\u0438\u043a\u0430\u043b\u044c\u043d\u043e:"}),"\n",(0,i.jsxs)(e.ul,{children:["\n",(0,i.jsx)(e.li,{children:'"\u0412\u043d\u0438\u0437\u0443" \u043d\u0430\u0445\u043e\u0434\u044f\u0442\u0441\u044f \u043f\u0435\u0440\u0435\u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u043c\u044b\u0435 \u043c\u043e\u0434\u0443\u043b\u0438 (ui-kit, \u0432\u043d\u0443\u0442\u0440\u0435\u043d\u043d\u0438\u0435 \u0431\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a\u0438 \u043f\u0440\u043e\u0435\u043a\u0442\u0430), \u043a\u0430\u043a \u043d\u0430\u0438\u0431\u043e\u043b\u0435\u0435 \u0430\u0431\u0441\u0442\u0440\u0430\u043a\u0442\u043d\u044b\u0435'}),"\n",(0,i.jsx)(e.li,{children:'\u0410 \u043f\u043e \u043c\u0435\u0440\u0435 \u043f\u0440\u043e\u0434\u0432\u0438\u0436\u0435\u043d\u0438\u044f "\u0432\u0432\u0435\u0440\u0445" \u0440\u0430\u0441\u043f\u043e\u043b\u0430\u0433\u0430\u044e\u0442\u0441\u044f \u0431\u043e\u043b\u0435\u0435 \u0441\u043f\u0435\u0446\u0438\u0444\u0438\u0447\u043d\u044b\u0435 \u043c\u043e\u0434\u0443\u043b\u0438.'}),"\n"]}),"\n",(0,i.jsxs)(e.p,{children:["\u041d\u0435\u0437\u0430\u0432\u0438\u0441\u0438\u043c\u043e \u043e\u0442 \u043f\u0440\u0438\u043d\u0430\u0434\u043b\u0435\u0436\u043d\u043e\u0441\u0442\u0438 \u043a \u043a\u0430\u043a\u043e\u043c\u0443-\u043b\u0438\u0431\u043e \u0441\u043b\u0430\u0439\u0441\u0443, \u043a\u0430\u0436\u0434\u044b\u0439 \u043c\u043e\u0434\u0443\u043b\u044c ",(0,i.jsx)(e.a,{href:"/docs/reference/public-api",children:(0,i.jsx)(e.strong,{children:"\u043e\u0431\u044f\u0437\u0430\u043d \u043f\u0440\u0435\u0434\u043e\u0441\u0442\u0430\u0432\u043b\u044f\u0442\u044c \u043f\u0443\u0431\u043b\u0438\u0447\u043d\u044b\u0439 \u0438\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441 \u0434\u043e\u0441\u0442\u0443\u043f\u0430"})}),"."]}),"\n",(0,i.jsx)(e.h2,{id:"requirements",children:"\u0422\u0440\u0435\u0431\u043e\u0432\u0430\u043d\u0438\u044f"}),"\n",(0,i.jsx)(e.p,{children:"\u0412\u0437\u0430\u0438\u043c\u043e\u0434\u0435\u0439\u0441\u0442\u0432\u0438\u0435 \u043a\u0430\u0436\u0434\u043e\u0433\u043e \u043c\u043e\u0434\u0443\u043b\u044f \u0441 \u043e\u0441\u0442\u0430\u043b\u044c\u043d\u044b\u043c \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0435\u043c \u043f\u0440\u043e\u0435\u043a\u0442\u0438\u0440\u0443\u0435\u0442\u0441\u044f \u0441 \u0443\u0447\u0435\u0442\u043e\u043c \u0440\u044f\u0434\u0430 \u0442\u0440\u0435\u0431\u043e\u0432\u0430\u043d\u0438\u0439:"}),"\n",(0,i.jsxs)(e.ol,{children:["\n",(0,i.jsxs)(e.li,{children:[(0,i.jsx)(e.strong,{children:"\u0421\u043b\u0430\u0431\u043e\u0435 \u0437\u0430\u0446\u0435\u043f\u043b\u0435\u043d\u0438\u0435"})," \u0441 \u0434\u0440\u0443\u0433\u0438\u043c\u0438 \u043c\u043e\u0434\u0443\u043b\u044f\u043c\u0438","\n",(0,i.jsxs)(e.ul,{children:["\n",(0,i.jsx)(e.li,{children:(0,i.jsx)(e.em,{children:"\u0418\u0437\u043c\u0435\u043d\u0435\u043d\u0438\u0435 \u0432 \u043e\u0434\u043d\u043e\u043c \u043c\u043e\u0434\u0443\u043b\u0435 \u0434\u043e\u043b\u0436\u043d\u043e \u0441\u043b\u0430\u0431\u043e \u0438 \u043f\u0440\u0435\u0434\u0441\u043a\u0430\u0437\u0443\u0435\u043c\u043e \u0432\u043b\u0438\u044f\u0442\u044c \u043d\u0430 \u0434\u0440\u0443\u0433\u0438\u0435"})}),"\n"]}),"\n"]}),"\n",(0,i.jsxs)(e.li,{children:[(0,i.jsx)(e.strong,{children:"\u0412\u044b\u0441\u043e\u043a\u0430\u044f \u0441\u0432\u044f\u0437\u043d\u043e\u0441\u0442\u044c"}),' - \u043e\u0431\u044f\u0437\u0430\u043d\u043d\u043e\u0441\u0442\u0438 \u043a\u0430\u0436\u0434\u043e\u0433\u043e \u043c\u043e\u0434\u0443\u043b\u044f "\u0441\u0444\u043e\u043a\u0443\u0441\u0438\u0440\u043e\u0432\u0430\u043d\u044b" \u043d\u0430 \u043e\u0434\u043d\u043e\u0439 \u0437\u0430\u0434\u0430\u0447\u0435',"\n",(0,i.jsxs)(e.ul,{children:["\n",(0,i.jsx)(e.li,{children:(0,i.jsx)(e.em,{children:'\u0415\u0441\u043b\u0438 \u043c\u043e\u0434\u0443\u043b\u044c \u0438\u043c\u0435\u0435\u0442 \u0441\u043b\u0438\u0448\u043a\u043e\u043c \u043c\u043d\u043e\u0433\u043e \u043e\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0435\u043d\u043d\u043e\u0441\u0442\u0435\u0439 (\u043d\u0430\u0447\u0438\u043d\u0430\u0435\u0442 "\u0434\u0435\u043b\u0430\u0442\u044c \u0441\u043b\u0438\u0448\u043a\u043e\u043c \u043c\u043d\u043e\u0433\u043e") - \u044d\u0442\u043e \u0434\u043e\u043b\u0436\u043d\u043e \u0431\u044b\u0442\u044c \u0437\u0430\u043c\u0435\u0447\u0435\u043d\u043e \u043a\u0430\u043a \u043c\u043e\u0436\u043d\u043e \u0440\u0430\u043d\u044c\u0448\u0435'})}),"\n"]}),"\n"]}),"\n",(0,i.jsxs)(e.li,{children:[(0,i.jsx)(e.strong,{children:"\u041e\u0442\u0441\u0443\u0442\u0441\u0442\u0432\u0438\u0435 \u0446\u0438\u043a\u043b\u0438\u0447\u0435\u0441\u043a\u0438\u0445 \u0437\u0430\u0432\u0438\u0441\u0438\u043c\u043e\u0441\u0442\u0435\u0439"})," \u043d\u0430 \u043c\u0430\u0441\u0448\u0442\u0430\u0431\u0435 \u0432\u0441\u0435\u0433\u043e \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f","\n",(0,i.jsxs)(e.ul,{children:["\n",(0,i.jsx)(e.li,{children:(0,i.jsx)(e.em,{children:"\u0427\u0430\u0441\u0442\u043e \u043f\u0440\u0438\u0432\u043e\u0434\u044f\u0442 \u043a \u043d\u0435\u043e\u0436\u0438\u0434\u0430\u043d\u043d\u043e\u043c\u0443, \u043d\u0435\u0436\u0435\u043b\u0430\u0442\u0435\u043b\u044c\u043d\u043e\u043c\u0443 \u043f\u043e\u0432\u0435\u0434\u0435\u043d\u0438\u044e, \u043b\u0443\u0447\u0448\u0435 \u0438\u0437\u0431\u0435\u0433\u0430\u0442\u044c \u0438\u0445 \u0441\u043e\u0432\u0441\u0435\u043c"})}),"\n"]}),"\n"]}),"\n"]}),"\n",(0,i.jsx)(e.h2,{id:"rule",children:"\u041f\u0440\u0430\u0432\u0438\u043b\u043e"}),"\n",(0,i.jsx)(e.p,{children:"\u0414\u043b\u044f \u0432\u044b\u043f\u043e\u043b\u043d\u0435\u043d\u0438\u044f \u044d\u0442\u0438\u0445 \u0442\u0440\u0435\u0431\u043e\u0432\u0430\u043d\u0438\u0439, \u0432 \u0440\u0430\u043c\u043a\u0430\u0445 \u043c\u0435\u0442\u043e\u0434\u043e\u043b\u043e\u0433\u0438\u0438, \u043d\u0435\u043e\u0431\u0445\u043e\u0434\u0438\u043c\u043e \u0441\u043e\u0431\u043b\u044e\u0434\u0430\u0442\u044c \u0431\u0430\u0437\u043e\u0432\u043e\u0435 \u043f\u0440\u0430\u0432\u0438\u043b\u043e:"}),"\n",(0,i.jsx)(e.admonition,{title:"\u0412\u0430\u0436\u043d\u043e",type:"info",children:(0,i.jsx)(e.p,{children:'\u041c\u043e\u0434\u0443\u043b\u044c \u043c\u043e\u0436\u0435\u0442 \u0437\u0430\u0432\u0438\u0441\u0435\u0442\u044c \u0442\u043e\u043b\u044c\u043a\u043e \u043e\u0442 "\u043d\u0438\u0436\u0435\u043b\u0435\u0436\u0430\u0449\u0438\u0445" \u043c\u043e\u0434\u0443\u043b\u0435\u0439, \u043d\u043e \u043d\u0435 \u043e\u0442 \u043c\u043e\u0434\u0443\u043b\u0435\u0439 \u0441 \u0442\u043e\u0433\u043e \u0436\u0435 \u0438\u043b\u0438 \u0431\u043e\u043b\u0435\u0435 \u0432\u044b\u0441\u043e\u043a\u043e\u0433\u043e \u0441\u043b\u043e\u044f'})}),"\n",(0,i.jsxs)(e.ul,{children:["\n",(0,i.jsxs)(e.li,{children:[(0,i.jsx)(e.code,{children:"features/auth"})," ",(0,i.jsx)(e.strong,{children:"\u043d\u0435 \u043c\u043e\u0436\u0435\u0442"})," \u0437\u0430\u0432\u0438\u0441\u0435\u0442\u044c \u043e\u0442 ",(0,i.jsx)(e.code,{children:"features/filters"})," ",(0,i.jsx)(e.strong,{children:"\u0438 \u043d\u0430\u043e\u0431\u043e\u0440\u043e\u0442"})]}),"\n",(0,i.jsxs)(e.li,{children:[(0,i.jsx)(e.code,{children:"features/auth"})," ",(0,i.jsx)(e.strong,{children:"\u043c\u043e\u0436\u0435\u0442"})," \u0437\u0430\u0432\u0438\u0441\u0435\u0442\u044c \u043e\u0442 ",(0,i.jsx)(e.code,{children:"shared/ui/button"}),", ",(0,i.jsx)(e.strong,{children:"\u043d\u043e \u043d\u0435 \u043d\u0430\u043e\u0431\u043e\u0440\u043e\u0442"})]}),"\n"]}),"\n",(0,i.jsxs)(e.p,{children:["\u0421\u043b\u0435\u0434\u043e\u0432\u0430\u043d\u0438\u0435 \u044d\u0442\u043e\u043c\u0443 \u043f\u0440\u0430\u0432\u0438\u043b\u0443 \u043f\u043e\u0437\u0432\u043e\u043b\u044f\u0435\u0442 \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u0438\u0432\u0430\u0442\u044c \u0437\u0430\u0432\u0438\u0441\u0438\u043c\u043e\u0441\u0442\u0438 ",(0,i.jsx)(e.strong,{children:'"\u043e\u0434\u043d\u043e\u043d\u0430\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u043d\u044b\u043c\u0438"'})," - \u0447\u0442\u043e \u0430\u0432\u0442\u043e\u043c\u0430\u0442\u0438\u0447\u0435\u0441\u043a\u0438 ",(0,i.jsx)(e.strong,{children:"\u0438\u0441\u043a\u043b\u044e\u0447\u0430\u0435\u0442 \u0446\u0438\u043a\u043b\u0438\u0447\u0435\u0441\u043a\u0438\u0435 \u0438\u043c\u043f\u043e\u0440\u0442\u044b"})," \u0438 \u0437\u043d\u0430\u0447\u0438\u0442\u0435\u043b\u044c\u043d\u043e ",(0,i.jsx)(e.strong,{children:"\u0443\u043f\u0440\u043e\u0449\u0430\u0435\u0442 \u043e\u0442\u0441\u043b\u0435\u0436\u0438\u0432\u0430\u043d\u0438\u0435 \u0437\u0430\u0432\u0438\u0441\u0438\u043c\u043e\u0441\u0442\u0435\u0439"})," \u043c\u0435\u0436\u0434\u0443 \u043c\u043e\u0434\u0443\u043b\u044f\u043c\u0438 \u0432 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0438."]}),"\n",(0,i.jsx)(e.h2,{id:"identifying-problems",children:"\u0412\u044b\u044f\u0432\u043b\u0435\u043d\u0438\u0435 \u043f\u0440\u043e\u0431\u043b\u0435\u043c"}),"\n",(0,i.jsx)(e.p,{children:"\u041d\u0430\u0440\u0443\u0448\u0435\u043d\u0438\u0435 \u044d\u0442\u043e\u0433\u043e \u043f\u0440\u0430\u0432\u0438\u043b\u0430 \u044f\u0432\u043b\u044f\u0435\u0442\u0441\u044f \u0441\u0438\u0433\u043d\u0430\u043b\u043e\u043c \u043f\u0440\u043e\u0431\u043b\u0435\u043c:"}),"\n",(0,i.jsxs)(e.ol,{children:["\n",(0,i.jsxs)(e.li,{children:["\u041c\u043e\u0434\u0443\u043b\u044c \u0438\u043c\u0435\u0435\u0442 ",(0,i.jsx)(e.strong,{children:"\u0438\u043c\u043f\u043e\u0440\u0442 \u0438\u0437 \u0434\u0440\u0443\u0433\u043e\u0433\u043e \u043c\u043e\u0434\u0443\u043b\u044f"})," \u0441\u043e \u0441\u0432\u043e\u0435\u0433\u043e \u0441\u043b\u043e\u044f","\n",(0,i.jsxs)(e.ul,{children:["\n",(0,i.jsxs)(e.li,{children:["\u0412\u043e\u0437\u043c\u043e\u0436\u043d\u043e, \u043c\u043e\u0434\u0443\u043b\u044c \u0431\u044b\u043b ",(0,i.jsx)(e.strong,{children:"\u0438\u0437\u043b\u0438\u0448\u043d\u0435 \u0440\u0430\u0437\u0434\u0440\u043e\u0431\u043b\u0435\u043d"})," \u0438\u043b\u0438 \u0438\u043c\u0435\u0435\u0442 ",(0,i.jsx)(e.strong,{children:"\u043b\u0438\u0448\u043d\u044e\u044e \u043e\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0435\u043d\u043d\u043e\u0441\u0442\u044c."})]}),"\n",(0,i.jsxs)(e.li,{children:["\u0421\u043b\u0435\u0434\u0443\u0435\u0442 ",(0,i.jsx)(e.strong,{children:"\u043e\u0431\u044a\u0435\u0434\u0438\u043d\u0438\u0442\u044c"})," \u0435\u0433\u043e \u0441 \u0438\u043c\u043f\u043e\u0440\u0442\u0438\u0440\u0443\u0435\u043c\u044b\u043c \u043c\u043e\u0434\u0443\u043b\u0435\u043c \u0438\u043b\u0438 ",(0,i.jsx)(e.strong,{children:"\u0432\u044b\u043d\u0435\u0441\u0442\u0438 \u0435\u0433\u043e (\u0447\u0430\u0441\u0442\u0438\u0447\u043d\u043e \u0438\u043b\u0438 \u0446\u0435\u043b\u0438\u043a\u043e\u043c) \u043d\u0430 \u0441\u043b\u043e\u0439 \u043d\u0438\u0436\u0435"})," \u0438\u043b\u0438 \u043f\u0435\u0440\u0435\u043d\u0435\u0441\u0442\u0438 \u043b\u043e\u0433\u0438\u043a\u0443 \u0441\u0432\u044f\u0437\u0435\u0439 \u0432 \u043c\u043e\u0434\u0443\u043b\u0438 \u043d\u0430 \u0432\u044b\u0448\u0435\u0441\u0442\u043e\u044f\u0449\u0438\u0445 \u0441\u043b\u043e\u044f\u0445."]}),"\n"]}),"\n"]}),"\n",(0,i.jsxs)(e.li,{children:["\u041c\u043e\u0434\u0443\u043b\u044c ",(0,i.jsx)(e.strong,{children:"\u0438\u043c\u043f\u043e\u0440\u0442\u0438\u0440\u0443\u0435\u0442\u0441\u044f \u043c\u043d\u043e\u0433\u0438\u043c\u0438 \u043c\u043e\u0434\u0443\u043b\u044f\u043c\u0438"})," \u0441\u043e \u0441\u0432\u043e\u0435\u0433\u043e \u0441\u043b\u043e\u044f","\n",(0,i.jsxs)(e.ul,{children:["\n",(0,i.jsxs)(e.li,{children:["\u0412\u043e\u0437\u043c\u043e\u0436\u043d\u043e, \u043c\u043e\u0434\u0443\u043b\u044c \u0438\u043c\u0435\u0435\u0442 ",(0,i.jsx)(e.strong,{children:"\u043b\u0438\u0448\u043d\u044e\u044e \u043e\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0435\u043d\u043d\u043e\u0441\u0442\u044c."})]}),"\n",(0,i.jsxs)(e.li,{children:["\u0421\u043b\u0435\u0434\u0443\u0435\u0442 ",(0,i.jsx)(e.strong,{children:"\u0432\u044b\u043d\u0435\u0441\u0442\u0438 \u0435\u0433\u043e (\u0447\u0430\u0441\u0442\u0438\u0447\u043d\u043e \u0438\u043b\u0438 \u0446\u0435\u043b\u0438\u043a\u043e\u043c) \u043d\u0430 \u0441\u043b\u043e\u0439 \u043d\u0438\u0436\u0435"}),", \u043b\u0438\u0431\u043e \u043f\u0435\u0440\u0435\u043d\u0435\u0441\u0442\u0438 \u043b\u043e\u0433\u0438\u043a\u0443 \u0441\u0432\u044f\u0437\u0435\u0439 \u0432 \u043c\u043e\u0434\u0443\u043b\u0438 \u043d\u0430 \u0432\u044b\u0448\u0435\u0441\u0442\u043e\u044f\u0449\u0438\u0445 \u0441\u043b\u043e\u044f\u0445."]}),"\n"]}),"\n"]}),"\n",(0,i.jsxs)(e.li,{children:["\u041c\u043e\u0434\u0443\u043b\u044c ",(0,i.jsx)(e.strong,{children:"\u0438\u043c\u0435\u0435\u0442 \u0438\u043c\u043f\u043e\u0440\u0442\u044b \u0438\u0437 \u043c\u043d\u043e\u0436\u0435\u0441\u0442\u0432\u0430 \u043c\u043e\u0434\u0443\u043b\u0435\u0439"})," \u0441\u043e \u0441\u0432\u043e\u0435\u0433\u043e \u0441\u043b\u043e\u044f","\n",(0,i.jsxs)(e.ul,{children:["\n",(0,i.jsxs)(e.li,{children:["\u0412\u043e\u0437\u043c\u043e\u0436\u043d\u043e, \u043c\u043e\u0434\u0443\u043b\u044c \u043f\u0440\u0438\u043d\u0430\u0434\u043b\u0435\u0436\u0438\u0442 \u043a ",(0,i.jsx)(e.strong,{children:"\u0434\u0440\u0443\u0433\u043e\u0439 \u043e\u0431\u043b\u0430\u0441\u0442\u0438 \u043e\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0435\u043d\u043d\u043e\u0441\u0442\u0438."})]}),"\n",(0,i.jsxs)(e.li,{children:["\u0421\u043b\u0435\u0434\u0443\u0435\u0442 ",(0,i.jsx)(e.strong,{children:"\u0432\u044b\u043d\u0435\u0441\u0442\u0438 \u0435\u0433\u043e (\u0447\u0430\u0441\u0442\u0438\u0447\u043d\u043e \u0438\u043b\u0438 \u0446\u0435\u043b\u0438\u043a\u043e\u043c) \u043d\u0430 \u0441\u043b\u043e\u0439 \u0432\u044b\u0448\u0435"}),"."]}),"\n"]}),"\n"]}),"\n"]}),"\n",(0,i.jsx)(e.h2,{id:"see-also",children:"\u0421\u043c. \u0442\u0430\u043a\u0436\u0435"}),"\n",(0,i.jsxs)(e.ul,{children:["\n",(0,i.jsx)(e.li,{children:(0,i.jsx)(e.a,{href:"/docs/reference/isolation/coupling-cohesion",children:"(\u0413\u0430\u0439\u0434) \u041f\u0440\u043e \u0434\u043e\u0441\u0442\u0438\u0436\u0435\u043d\u0438\u0435 \u043d\u0438\u0437\u043a\u043e\u0439 \u0441\u0432\u044f\u0437\u0430\u043d\u043d\u043e\u0441\u0442\u0438"})}),"\n",(0,i.jsx)(e.li,{children:(0,i.jsx)(e.a,{href:"https://github.com/feature-sliced/documentation/discussions/49",children:"(\u041e\u0431\u0441\u0443\u0436\u0434\u0435\u043d\u0438\u0435) Entities \u0432 \u043c\u0435\u0442\u043e\u0434\u043e\u043b\u043e\u0433\u0438\u0438 \u0438 \u0438\u0445 \u0441\u0432\u044f\u0437\u043d\u043e\u0441\u0442\u044c"})}),"\n",(0,i.jsx)(e.li,{children:(0,i.jsx)(e.a,{href:"https://github.com/feature-sliced/documentation/discussions/65#discussioncomment-480822",children:"(\u041e\u0431\u0441\u0443\u0436\u0434\u0435\u043d\u0438\u0435) \u041f\u0440\u043e cross-\u0438\u043c\u043f\u043e\u0440\u0442\u044b \u0438 \u0430\u043d\u0430\u043b\u0438\u0437 \u0437\u0430\u0432\u0438\u0441\u0438\u043c\u043e\u0441\u0442\u0435\u0439"})}),"\n",(0,i.jsx)(e.li,{children:(0,i.jsxs)(e.a,{href:"https://ru.wikipedia.org/wiki/GRASP",children:["\u041f\u0430\u0442\u0442\u0435\u0440\u043d\u044b ",(0,i.jsx)(e.strong,{children:"GRASP"})]})}),"\n"]})]})}function x(n={}){const{wrapper:e}={...(0,r.R)(),...n.components};return e?(0,i.jsx)(e,{...n,children:(0,i.jsx)(h,{...n})}):h(n)}},1100:(n,e,s)=>{s.d(e,{R:()=>c,x:()=>t});var i=s(758);const r={},l=i.createContext(r);function c(n){const e=i.useContext(l);return i.useMemo((function(){return"function"==typeof n?n(e):{...e,...n}}),[e,n])}function t(n){let e;return e=n.disableParentContext?"function"==typeof n.components?n.components(r):n.components||r:c(n.components),i.createElement(l.Provider,{value:e},n.children)}}}]);
\ No newline at end of file
+"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[8091],{876:(n,e,s)=>{s.r(e),s.d(e,{assets:()=>d,contentTitle:()=>c,default:()=>x,frontMatter:()=>l,metadata:()=>t,toc:()=>o});var i=s(6070),r=s(1100);const l={},c="\u0418\u0437\u043e\u043b\u044f\u0446\u0438\u044f \u043c\u043e\u0434\u0443\u043b\u0435\u0439",t={id:"reference/isolation/index",title:"\u0418\u0437\u043e\u043b\u044f\u0446\u0438\u044f \u043c\u043e\u0434\u0443\u043b\u0435\u0439",description:"\u0412 \u0440\u0430\u043c\u043a\u0430\u0445 \u043c\u0435\u0442\u043e\u0434\u043e\u043b\u043e\u0433\u0438\u0438 \u0432\u0441\u0435 \u043c\u043e\u0434\u0443\u043b\u0438 \u0440\u0430\u0441\u043f\u0440\u0435\u0434\u0435\u043b\u0435\u043d\u044b \u043f\u043e \u0437\u043e\u043d\u0430\u043c \u043e\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0435\u043d\u043d\u043e\u0441\u0442\u0438 (layer, slice, segment)",source:"@site/i18n/ru/docusaurus-plugin-content-docs/current/reference/isolation/index.md",sourceDirName:"reference/isolation",slug:"/reference/isolation/",permalink:"/ru/docs/reference/isolation/",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/ru/docusaurus-plugin-content-docs/current/reference/isolation/index.md",tags:[],version:"current",lastUpdatedAt:1728325386e3,frontMatter:{},sidebar:"referenceSidebar",previous:{title:"Public API",permalink:"/ru/docs/reference/public-api"},next:{title:"Low Coupling & High Cohesion",permalink:"/ru/docs/reference/isolation/coupling-cohesion"}},d={},o=[{value:"\u0422\u0440\u0435\u0431\u043e\u0432\u0430\u043d\u0438\u044f",id:"requirements",level:2},{value:"\u041f\u0440\u0430\u0432\u0438\u043b\u043e",id:"rule",level:2},{value:"\u0412\u044b\u044f\u0432\u043b\u0435\u043d\u0438\u0435 \u043f\u0440\u043e\u0431\u043b\u0435\u043c",id:"identifying-problems",level:2},{value:"\u0421\u043c. \u0442\u0430\u043a\u0436\u0435",id:"see-also",level:2}];function h(n){const e={a:"a",admonition:"admonition",code:"code",em:"em",h1:"h1",h2:"h2",header:"header",li:"li",ol:"ol",p:"p",strong:"strong",ul:"ul",...(0,r.R)(),...n.components};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(e.header,{children:(0,i.jsx)(e.h1,{id:"\u0438\u0437\u043e\u043b\u044f\u0446\u0438\u044f-\u043c\u043e\u0434\u0443\u043b\u0435\u0439",children:"\u0418\u0437\u043e\u043b\u044f\u0446\u0438\u044f \u043c\u043e\u0434\u0443\u043b\u0435\u0439"})}),"\n",(0,i.jsx)(e.p,{children:"\u0412 \u0440\u0430\u043c\u043a\u0430\u0445 \u043c\u0435\u0442\u043e\u0434\u043e\u043b\u043e\u0433\u0438\u0438 \u0432\u0441\u0435 \u043c\u043e\u0434\u0443\u043b\u0438 \u0440\u0430\u0441\u043f\u0440\u0435\u0434\u0435\u043b\u0435\u043d\u044b \u043f\u043e \u0437\u043e\u043d\u0430\u043c \u043e\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0435\u043d\u043d\u043e\u0441\u0442\u0438 (layer, slice, segment)"}),"\n",(0,i.jsx)(e.p,{children:"\u0421\u043b\u043e\u0438, \u0432 \u0441\u0432\u043e\u044e \u043e\u0447\u0435\u0440\u0435\u0434\u044c, \u043e\u0440\u0433\u0430\u043d\u0438\u0437\u043e\u0432\u0430\u043d\u044b \u0432\u0435\u0440\u0442\u0438\u043a\u0430\u043b\u044c\u043d\u043e:"}),"\n",(0,i.jsxs)(e.ul,{children:["\n",(0,i.jsx)(e.li,{children:'"\u0412\u043d\u0438\u0437\u0443" \u043d\u0430\u0445\u043e\u0434\u044f\u0442\u0441\u044f \u043f\u0435\u0440\u0435\u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u043c\u044b\u0435 \u043c\u043e\u0434\u0443\u043b\u0438 (ui-kit, \u0432\u043d\u0443\u0442\u0440\u0435\u043d\u043d\u0438\u0435 \u0431\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a\u0438 \u043f\u0440\u043e\u0435\u043a\u0442\u0430), \u043a\u0430\u043a \u043d\u0430\u0438\u0431\u043e\u043b\u0435\u0435 \u0430\u0431\u0441\u0442\u0440\u0430\u043a\u0442\u043d\u044b\u0435'}),"\n",(0,i.jsx)(e.li,{children:'\u0410 \u043f\u043e \u043c\u0435\u0440\u0435 \u043f\u0440\u043e\u0434\u0432\u0438\u0436\u0435\u043d\u0438\u044f "\u0432\u0432\u0435\u0440\u0445" \u0440\u0430\u0441\u043f\u043e\u043b\u0430\u0433\u0430\u044e\u0442\u0441\u044f \u0431\u043e\u043b\u0435\u0435 \u0441\u043f\u0435\u0446\u0438\u0444\u0438\u0447\u043d\u044b\u0435 \u043c\u043e\u0434\u0443\u043b\u0438.'}),"\n"]}),"\n",(0,i.jsxs)(e.p,{children:["\u041d\u0435\u0437\u0430\u0432\u0438\u0441\u0438\u043c\u043e \u043e\u0442 \u043f\u0440\u0438\u043d\u0430\u0434\u043b\u0435\u0436\u043d\u043e\u0441\u0442\u0438 \u043a \u043a\u0430\u043a\u043e\u043c\u0443-\u043b\u0438\u0431\u043e \u0441\u043b\u0430\u0439\u0441\u0443, \u043a\u0430\u0436\u0434\u044b\u0439 \u043c\u043e\u0434\u0443\u043b\u044c ",(0,i.jsx)(e.a,{href:"/docs/reference/public-api",children:(0,i.jsx)(e.strong,{children:"\u043e\u0431\u044f\u0437\u0430\u043d \u043f\u0440\u0435\u0434\u043e\u0441\u0442\u0430\u0432\u043b\u044f\u0442\u044c \u043f\u0443\u0431\u043b\u0438\u0447\u043d\u044b\u0439 \u0438\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441 \u0434\u043e\u0441\u0442\u0443\u043f\u0430"})}),"."]}),"\n",(0,i.jsx)(e.h2,{id:"requirements",children:"\u0422\u0440\u0435\u0431\u043e\u0432\u0430\u043d\u0438\u044f"}),"\n",(0,i.jsx)(e.p,{children:"\u0412\u0437\u0430\u0438\u043c\u043e\u0434\u0435\u0439\u0441\u0442\u0432\u0438\u0435 \u043a\u0430\u0436\u0434\u043e\u0433\u043e \u043c\u043e\u0434\u0443\u043b\u044f \u0441 \u043e\u0441\u0442\u0430\u043b\u044c\u043d\u044b\u043c \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0435\u043c \u043f\u0440\u043e\u0435\u043a\u0442\u0438\u0440\u0443\u0435\u0442\u0441\u044f \u0441 \u0443\u0447\u0435\u0442\u043e\u043c \u0440\u044f\u0434\u0430 \u0442\u0440\u0435\u0431\u043e\u0432\u0430\u043d\u0438\u0439:"}),"\n",(0,i.jsxs)(e.ol,{children:["\n",(0,i.jsxs)(e.li,{children:[(0,i.jsx)(e.strong,{children:"\u0421\u043b\u0430\u0431\u043e\u0435 \u0437\u0430\u0446\u0435\u043f\u043b\u0435\u043d\u0438\u0435"})," \u0441 \u0434\u0440\u0443\u0433\u0438\u043c\u0438 \u043c\u043e\u0434\u0443\u043b\u044f\u043c\u0438","\n",(0,i.jsxs)(e.ul,{children:["\n",(0,i.jsx)(e.li,{children:(0,i.jsx)(e.em,{children:"\u0418\u0437\u043c\u0435\u043d\u0435\u043d\u0438\u0435 \u0432 \u043e\u0434\u043d\u043e\u043c \u043c\u043e\u0434\u0443\u043b\u0435 \u0434\u043e\u043b\u0436\u043d\u043e \u0441\u043b\u0430\u0431\u043e \u0438 \u043f\u0440\u0435\u0434\u0441\u043a\u0430\u0437\u0443\u0435\u043c\u043e \u0432\u043b\u0438\u044f\u0442\u044c \u043d\u0430 \u0434\u0440\u0443\u0433\u0438\u0435"})}),"\n"]}),"\n"]}),"\n",(0,i.jsxs)(e.li,{children:[(0,i.jsx)(e.strong,{children:"\u0412\u044b\u0441\u043e\u043a\u0430\u044f \u0441\u0432\u044f\u0437\u043d\u043e\u0441\u0442\u044c"}),' - \u043e\u0431\u044f\u0437\u0430\u043d\u043d\u043e\u0441\u0442\u0438 \u043a\u0430\u0436\u0434\u043e\u0433\u043e \u043c\u043e\u0434\u0443\u043b\u044f "\u0441\u0444\u043e\u043a\u0443\u0441\u0438\u0440\u043e\u0432\u0430\u043d\u044b" \u043d\u0430 \u043e\u0434\u043d\u043e\u0439 \u0437\u0430\u0434\u0430\u0447\u0435',"\n",(0,i.jsxs)(e.ul,{children:["\n",(0,i.jsx)(e.li,{children:(0,i.jsx)(e.em,{children:'\u0415\u0441\u043b\u0438 \u043c\u043e\u0434\u0443\u043b\u044c \u0438\u043c\u0435\u0435\u0442 \u0441\u043b\u0438\u0448\u043a\u043e\u043c \u043c\u043d\u043e\u0433\u043e \u043e\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0435\u043d\u043d\u043e\u0441\u0442\u0435\u0439 (\u043d\u0430\u0447\u0438\u043d\u0430\u0435\u0442 "\u0434\u0435\u043b\u0430\u0442\u044c \u0441\u043b\u0438\u0448\u043a\u043e\u043c \u043c\u043d\u043e\u0433\u043e") - \u044d\u0442\u043e \u0434\u043e\u043b\u0436\u043d\u043e \u0431\u044b\u0442\u044c \u0437\u0430\u043c\u0435\u0447\u0435\u043d\u043e \u043a\u0430\u043a \u043c\u043e\u0436\u043d\u043e \u0440\u0430\u043d\u044c\u0448\u0435'})}),"\n"]}),"\n"]}),"\n",(0,i.jsxs)(e.li,{children:[(0,i.jsx)(e.strong,{children:"\u041e\u0442\u0441\u0443\u0442\u0441\u0442\u0432\u0438\u0435 \u0446\u0438\u043a\u043b\u0438\u0447\u0435\u0441\u043a\u0438\u0445 \u0437\u0430\u0432\u0438\u0441\u0438\u043c\u043e\u0441\u0442\u0435\u0439"})," \u043d\u0430 \u043c\u0430\u0441\u0448\u0442\u0430\u0431\u0435 \u0432\u0441\u0435\u0433\u043e \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f","\n",(0,i.jsxs)(e.ul,{children:["\n",(0,i.jsx)(e.li,{children:(0,i.jsx)(e.em,{children:"\u0427\u0430\u0441\u0442\u043e \u043f\u0440\u0438\u0432\u043e\u0434\u044f\u0442 \u043a \u043d\u0435\u043e\u0436\u0438\u0434\u0430\u043d\u043d\u043e\u043c\u0443, \u043d\u0435\u0436\u0435\u043b\u0430\u0442\u0435\u043b\u044c\u043d\u043e\u043c\u0443 \u043f\u043e\u0432\u0435\u0434\u0435\u043d\u0438\u044e, \u043b\u0443\u0447\u0448\u0435 \u0438\u0437\u0431\u0435\u0433\u0430\u0442\u044c \u0438\u0445 \u0441\u043e\u0432\u0441\u0435\u043c"})}),"\n"]}),"\n"]}),"\n"]}),"\n",(0,i.jsx)(e.h2,{id:"rule",children:"\u041f\u0440\u0430\u0432\u0438\u043b\u043e"}),"\n",(0,i.jsx)(e.p,{children:"\u0414\u043b\u044f \u0432\u044b\u043f\u043e\u043b\u043d\u0435\u043d\u0438\u044f \u044d\u0442\u0438\u0445 \u0442\u0440\u0435\u0431\u043e\u0432\u0430\u043d\u0438\u0439, \u0432 \u0440\u0430\u043c\u043a\u0430\u0445 \u043c\u0435\u0442\u043e\u0434\u043e\u043b\u043e\u0433\u0438\u0438, \u043d\u0435\u043e\u0431\u0445\u043e\u0434\u0438\u043c\u043e \u0441\u043e\u0431\u043b\u044e\u0434\u0430\u0442\u044c \u0431\u0430\u0437\u043e\u0432\u043e\u0435 \u043f\u0440\u0430\u0432\u0438\u043b\u043e:"}),"\n",(0,i.jsx)(e.admonition,{title:"\u0412\u0430\u0436\u043d\u043e",type:"info",children:(0,i.jsx)(e.p,{children:'\u041c\u043e\u0434\u0443\u043b\u044c \u043c\u043e\u0436\u0435\u0442 \u0437\u0430\u0432\u0438\u0441\u0435\u0442\u044c \u0442\u043e\u043b\u044c\u043a\u043e \u043e\u0442 "\u043d\u0438\u0436\u0435\u043b\u0435\u0436\u0430\u0449\u0438\u0445" \u043c\u043e\u0434\u0443\u043b\u0435\u0439, \u043d\u043e \u043d\u0435 \u043e\u0442 \u043c\u043e\u0434\u0443\u043b\u0435\u0439 \u0441 \u0442\u043e\u0433\u043e \u0436\u0435 \u0438\u043b\u0438 \u0431\u043e\u043b\u0435\u0435 \u0432\u044b\u0441\u043e\u043a\u043e\u0433\u043e \u0441\u043b\u043e\u044f'})}),"\n",(0,i.jsxs)(e.ul,{children:["\n",(0,i.jsxs)(e.li,{children:[(0,i.jsx)(e.code,{children:"features/auth"})," ",(0,i.jsx)(e.strong,{children:"\u043d\u0435 \u043c\u043e\u0436\u0435\u0442"})," \u0437\u0430\u0432\u0438\u0441\u0435\u0442\u044c \u043e\u0442 ",(0,i.jsx)(e.code,{children:"features/filters"})," ",(0,i.jsx)(e.strong,{children:"\u0438 \u043d\u0430\u043e\u0431\u043e\u0440\u043e\u0442"})]}),"\n",(0,i.jsxs)(e.li,{children:[(0,i.jsx)(e.code,{children:"features/auth"})," ",(0,i.jsx)(e.strong,{children:"\u043c\u043e\u0436\u0435\u0442"})," \u0437\u0430\u0432\u0438\u0441\u0435\u0442\u044c \u043e\u0442 ",(0,i.jsx)(e.code,{children:"shared/ui/button"}),", ",(0,i.jsx)(e.strong,{children:"\u043d\u043e \u043d\u0435 \u043d\u0430\u043e\u0431\u043e\u0440\u043e\u0442"})]}),"\n"]}),"\n",(0,i.jsxs)(e.p,{children:["\u0421\u043b\u0435\u0434\u043e\u0432\u0430\u043d\u0438\u0435 \u044d\u0442\u043e\u043c\u0443 \u043f\u0440\u0430\u0432\u0438\u043b\u0443 \u043f\u043e\u0437\u0432\u043e\u043b\u044f\u0435\u0442 \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u0438\u0432\u0430\u0442\u044c \u0437\u0430\u0432\u0438\u0441\u0438\u043c\u043e\u0441\u0442\u0438 ",(0,i.jsx)(e.strong,{children:'"\u043e\u0434\u043d\u043e\u043d\u0430\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u043d\u044b\u043c\u0438"'})," - \u0447\u0442\u043e \u0430\u0432\u0442\u043e\u043c\u0430\u0442\u0438\u0447\u0435\u0441\u043a\u0438 ",(0,i.jsx)(e.strong,{children:"\u0438\u0441\u043a\u043b\u044e\u0447\u0430\u0435\u0442 \u0446\u0438\u043a\u043b\u0438\u0447\u0435\u0441\u043a\u0438\u0435 \u0438\u043c\u043f\u043e\u0440\u0442\u044b"})," \u0438 \u0437\u043d\u0430\u0447\u0438\u0442\u0435\u043b\u044c\u043d\u043e ",(0,i.jsx)(e.strong,{children:"\u0443\u043f\u0440\u043e\u0449\u0430\u0435\u0442 \u043e\u0442\u0441\u043b\u0435\u0436\u0438\u0432\u0430\u043d\u0438\u0435 \u0437\u0430\u0432\u0438\u0441\u0438\u043c\u043e\u0441\u0442\u0435\u0439"})," \u043c\u0435\u0436\u0434\u0443 \u043c\u043e\u0434\u0443\u043b\u044f\u043c\u0438 \u0432 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0438."]}),"\n",(0,i.jsx)(e.h2,{id:"identifying-problems",children:"\u0412\u044b\u044f\u0432\u043b\u0435\u043d\u0438\u0435 \u043f\u0440\u043e\u0431\u043b\u0435\u043c"}),"\n",(0,i.jsx)(e.p,{children:"\u041d\u0430\u0440\u0443\u0448\u0435\u043d\u0438\u0435 \u044d\u0442\u043e\u0433\u043e \u043f\u0440\u0430\u0432\u0438\u043b\u0430 \u044f\u0432\u043b\u044f\u0435\u0442\u0441\u044f \u0441\u0438\u0433\u043d\u0430\u043b\u043e\u043c \u043f\u0440\u043e\u0431\u043b\u0435\u043c:"}),"\n",(0,i.jsxs)(e.ol,{children:["\n",(0,i.jsxs)(e.li,{children:["\u041c\u043e\u0434\u0443\u043b\u044c \u0438\u043c\u0435\u0435\u0442 ",(0,i.jsx)(e.strong,{children:"\u0438\u043c\u043f\u043e\u0440\u0442 \u0438\u0437 \u0434\u0440\u0443\u0433\u043e\u0433\u043e \u043c\u043e\u0434\u0443\u043b\u044f"})," \u0441\u043e \u0441\u0432\u043e\u0435\u0433\u043e \u0441\u043b\u043e\u044f","\n",(0,i.jsxs)(e.ul,{children:["\n",(0,i.jsxs)(e.li,{children:["\u0412\u043e\u0437\u043c\u043e\u0436\u043d\u043e, \u043c\u043e\u0434\u0443\u043b\u044c \u0431\u044b\u043b ",(0,i.jsx)(e.strong,{children:"\u0438\u0437\u043b\u0438\u0448\u043d\u0435 \u0440\u0430\u0437\u0434\u0440\u043e\u0431\u043b\u0435\u043d"})," \u0438\u043b\u0438 \u0438\u043c\u0435\u0435\u0442 ",(0,i.jsx)(e.strong,{children:"\u043b\u0438\u0448\u043d\u044e\u044e \u043e\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0435\u043d\u043d\u043e\u0441\u0442\u044c."})]}),"\n",(0,i.jsxs)(e.li,{children:["\u0421\u043b\u0435\u0434\u0443\u0435\u0442 ",(0,i.jsx)(e.strong,{children:"\u043e\u0431\u044a\u0435\u0434\u0438\u043d\u0438\u0442\u044c"})," \u0435\u0433\u043e \u0441 \u0438\u043c\u043f\u043e\u0440\u0442\u0438\u0440\u0443\u0435\u043c\u044b\u043c \u043c\u043e\u0434\u0443\u043b\u0435\u043c \u0438\u043b\u0438 ",(0,i.jsx)(e.strong,{children:"\u0432\u044b\u043d\u0435\u0441\u0442\u0438 \u0435\u0433\u043e (\u0447\u0430\u0441\u0442\u0438\u0447\u043d\u043e \u0438\u043b\u0438 \u0446\u0435\u043b\u0438\u043a\u043e\u043c) \u043d\u0430 \u0441\u043b\u043e\u0439 \u043d\u0438\u0436\u0435"})," \u0438\u043b\u0438 \u043f\u0435\u0440\u0435\u043d\u0435\u0441\u0442\u0438 \u043b\u043e\u0433\u0438\u043a\u0443 \u0441\u0432\u044f\u0437\u0435\u0439 \u0432 \u043c\u043e\u0434\u0443\u043b\u0438 \u043d\u0430 \u0432\u044b\u0448\u0435\u0441\u0442\u043e\u044f\u0449\u0438\u0445 \u0441\u043b\u043e\u044f\u0445."]}),"\n"]}),"\n"]}),"\n",(0,i.jsxs)(e.li,{children:["\u041c\u043e\u0434\u0443\u043b\u044c ",(0,i.jsx)(e.strong,{children:"\u0438\u043c\u043f\u043e\u0440\u0442\u0438\u0440\u0443\u0435\u0442\u0441\u044f \u043c\u043d\u043e\u0433\u0438\u043c\u0438 \u043c\u043e\u0434\u0443\u043b\u044f\u043c\u0438"})," \u0441\u043e \u0441\u0432\u043e\u0435\u0433\u043e \u0441\u043b\u043e\u044f","\n",(0,i.jsxs)(e.ul,{children:["\n",(0,i.jsxs)(e.li,{children:["\u0412\u043e\u0437\u043c\u043e\u0436\u043d\u043e, \u043c\u043e\u0434\u0443\u043b\u044c \u0438\u043c\u0435\u0435\u0442 ",(0,i.jsx)(e.strong,{children:"\u043b\u0438\u0448\u043d\u044e\u044e \u043e\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0435\u043d\u043d\u043e\u0441\u0442\u044c."})]}),"\n",(0,i.jsxs)(e.li,{children:["\u0421\u043b\u0435\u0434\u0443\u0435\u0442 ",(0,i.jsx)(e.strong,{children:"\u0432\u044b\u043d\u0435\u0441\u0442\u0438 \u0435\u0433\u043e (\u0447\u0430\u0441\u0442\u0438\u0447\u043d\u043e \u0438\u043b\u0438 \u0446\u0435\u043b\u0438\u043a\u043e\u043c) \u043d\u0430 \u0441\u043b\u043e\u0439 \u043d\u0438\u0436\u0435"}),", \u043b\u0438\u0431\u043e \u043f\u0435\u0440\u0435\u043d\u0435\u0441\u0442\u0438 \u043b\u043e\u0433\u0438\u043a\u0443 \u0441\u0432\u044f\u0437\u0435\u0439 \u0432 \u043c\u043e\u0434\u0443\u043b\u0438 \u043d\u0430 \u0432\u044b\u0448\u0435\u0441\u0442\u043e\u044f\u0449\u0438\u0445 \u0441\u043b\u043e\u044f\u0445."]}),"\n"]}),"\n"]}),"\n",(0,i.jsxs)(e.li,{children:["\u041c\u043e\u0434\u0443\u043b\u044c ",(0,i.jsx)(e.strong,{children:"\u0438\u043c\u0435\u0435\u0442 \u0438\u043c\u043f\u043e\u0440\u0442\u044b \u0438\u0437 \u043c\u043d\u043e\u0436\u0435\u0441\u0442\u0432\u0430 \u043c\u043e\u0434\u0443\u043b\u0435\u0439"})," \u0441\u043e \u0441\u0432\u043e\u0435\u0433\u043e \u0441\u043b\u043e\u044f","\n",(0,i.jsxs)(e.ul,{children:["\n",(0,i.jsxs)(e.li,{children:["\u0412\u043e\u0437\u043c\u043e\u0436\u043d\u043e, \u043c\u043e\u0434\u0443\u043b\u044c \u043f\u0440\u0438\u043d\u0430\u0434\u043b\u0435\u0436\u0438\u0442 \u043a ",(0,i.jsx)(e.strong,{children:"\u0434\u0440\u0443\u0433\u043e\u0439 \u043e\u0431\u043b\u0430\u0441\u0442\u0438 \u043e\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0435\u043d\u043d\u043e\u0441\u0442\u0438."})]}),"\n",(0,i.jsxs)(e.li,{children:["\u0421\u043b\u0435\u0434\u0443\u0435\u0442 ",(0,i.jsx)(e.strong,{children:"\u0432\u044b\u043d\u0435\u0441\u0442\u0438 \u0435\u0433\u043e (\u0447\u0430\u0441\u0442\u0438\u0447\u043d\u043e \u0438\u043b\u0438 \u0446\u0435\u043b\u0438\u043a\u043e\u043c) \u043d\u0430 \u0441\u043b\u043e\u0439 \u0432\u044b\u0448\u0435"}),"."]}),"\n"]}),"\n"]}),"\n"]}),"\n",(0,i.jsx)(e.h2,{id:"see-also",children:"\u0421\u043c. \u0442\u0430\u043a\u0436\u0435"}),"\n",(0,i.jsxs)(e.ul,{children:["\n",(0,i.jsx)(e.li,{children:(0,i.jsx)(e.a,{href:"/docs/reference/isolation/coupling-cohesion",children:"(\u0413\u0430\u0439\u0434) \u041f\u0440\u043e \u0434\u043e\u0441\u0442\u0438\u0436\u0435\u043d\u0438\u0435 \u043d\u0438\u0437\u043a\u043e\u0439 \u0441\u0432\u044f\u0437\u0430\u043d\u043d\u043e\u0441\u0442\u0438"})}),"\n",(0,i.jsx)(e.li,{children:(0,i.jsx)(e.a,{href:"https://github.com/feature-sliced/documentation/discussions/49",children:"(\u041e\u0431\u0441\u0443\u0436\u0434\u0435\u043d\u0438\u0435) Entities \u0432 \u043c\u0435\u0442\u043e\u0434\u043e\u043b\u043e\u0433\u0438\u0438 \u0438 \u0438\u0445 \u0441\u0432\u044f\u0437\u043d\u043e\u0441\u0442\u044c"})}),"\n",(0,i.jsx)(e.li,{children:(0,i.jsx)(e.a,{href:"https://github.com/feature-sliced/documentation/discussions/65#discussioncomment-480822",children:"(\u041e\u0431\u0441\u0443\u0436\u0434\u0435\u043d\u0438\u0435) \u041f\u0440\u043e cross-\u0438\u043c\u043f\u043e\u0440\u0442\u044b \u0438 \u0430\u043d\u0430\u043b\u0438\u0437 \u0437\u0430\u0432\u0438\u0441\u0438\u043c\u043e\u0441\u0442\u0435\u0439"})}),"\n",(0,i.jsx)(e.li,{children:(0,i.jsxs)(e.a,{href:"https://ru.wikipedia.org/wiki/GRASP",children:["\u041f\u0430\u0442\u0442\u0435\u0440\u043d\u044b ",(0,i.jsx)(e.strong,{children:"GRASP"})]})}),"\n"]})]})}function x(n={}){const{wrapper:e}={...(0,r.R)(),...n.components};return e?(0,i.jsx)(e,{...n,children:(0,i.jsx)(h,{...n})}):h(n)}},1100:(n,e,s)=>{s.d(e,{R:()=>c,x:()=>t});var i=s(758);const r={},l=i.createContext(r);function c(n){const e=i.useContext(l);return i.useMemo((function(){return"function"==typeof n?n(e):{...e,...n}}),[e,n])}function t(n){let e;return e=n.disableParentContext?"function"==typeof n.components?n.components(r):n.components||r:c(n.components),i.createElement(l.Provider,{value:e},n.children)}}}]);
\ No newline at end of file
diff --git a/ru/assets/js/main.d5dbc580.js b/ru/assets/js/main.ba59251d.js
similarity index 98%
rename from ru/assets/js/main.d5dbc580.js
rename to ru/assets/js/main.ba59251d.js
index 0fefc95daf..533a097986 100644
--- a/ru/assets/js/main.d5dbc580.js
+++ b/ru/assets/js/main.ba59251d.js
@@ -1,2 +1,2 @@
-/*! For license information please see main.d5dbc580.js.LICENSE.txt */
-(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[8792],{7781:(e,t,n)=>{"use strict";n.d(t,{Bc:()=>g,E8:()=>$n,a1:()=>qn});var r=n(758);n(8143);function o(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function a(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?o(Object(n),!0).forEach((function(t){i(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):o(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function i(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function s(){return s=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},s.apply(this,arguments)}function l(e,t){if(null==e)return{};var n,r,o=function(e,t){if(null==e)return{};var n,r,o={},a=Object.keys(e);for(r=0;r<a.length;r++)n=a[r],t.indexOf(n)>=0||(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(r=0;r<a.length;r++)n=a[r],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}function c(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,a=[],i=!0,s=!1;try{for(n=n.call(e);!(i=(r=n.next()).done)&&(a.push(r.value),!t||a.length!==t);i=!0);}catch(e){s=!0,o=e}finally{try{i||null==n.return||n.return()}finally{if(s)throw o}}return a}}(e,t)||d(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function u(e){return function(e){if(Array.isArray(e))return p(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||d(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function d(e,t){if(e){if("string"==typeof e)return p(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?p(e,t):void 0}}function p(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function f(){return r.createElement("svg",{width:"15",height:"15",className:"DocSearch-Control-Key-Icon"},r.createElement("path",{d:"M4.505 4.496h2M5.505 5.496v5M8.216 4.496l.055 5.993M10 7.5c.333.333.5.667.5 1v2M12.326 4.5v5.996M8.384 4.496c1.674 0 2.116 0 2.116 1.5s-.442 1.5-2.116 1.5M3.205 9.303c-.09.448-.277 1.21-1.241 1.203C1 10.5.5 9.513.5 8V7c0-1.57.5-2.5 1.464-2.494.964.006 1.134.598 1.24 1.342M12.553 10.5h1.953",strokeWidth:"1.2",stroke:"currentColor",fill:"none",strokeLinecap:"square"}))}function m(){return r.createElement("svg",{width:"20",height:"20",className:"DocSearch-Search-Icon",viewBox:"0 0 20 20","aria-hidden":"true"},r.createElement("path",{d:"M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z",stroke:"currentColor",fill:"none",fillRule:"evenodd",strokeLinecap:"round",strokeLinejoin:"round"}))}var h=["translations"],g=r.forwardRef((function(e,t){var n=e.translations,o=void 0===n?{}:n,a=l(e,h),i=o.buttonText,u=void 0===i?"Search":i,d=o.buttonAriaLabel,p=void 0===d?"Search":d,g=c((0,r.useState)(null),2),y=g[0],v=g[1];return(0,r.useEffect)((function(){"undefined"!=typeof navigator&&(/(Mac|iPhone|iPod|iPad)/i.test(navigator.platform)?v("\u2318"):v("Ctrl"))}),[]),r.createElement("button",s({type:"button",className:"DocSearch DocSearch-Button","aria-label":p},a,{ref:t}),r.createElement("span",{className:"DocSearch-Button-Container"},r.createElement(m,null),r.createElement("span",{className:"DocSearch-Button-Placeholder"},u)),r.createElement("span",{className:"DocSearch-Button-Keys"},null!==y&&r.createElement(r.Fragment,null,r.createElement(b,{reactsToKey:"Ctrl"===y?"Ctrl":"Meta"},"Ctrl"===y?r.createElement(f,null):y),r.createElement(b,{reactsToKey:"k"},"K"))))}));function b(e){var t=e.reactsToKey,n=e.children,o=c((0,r.useState)(!1),2),a=o[0],i=o[1];return(0,r.useEffect)((function(){if(t)return window.addEventListener("keydown",e),window.addEventListener("keyup",n),function(){window.removeEventListener("keydown",e),window.removeEventListener("keyup",n)};function e(e){e.key===t&&i(!0)}function n(e){e.key!==t&&"Meta"!==e.key||i(!1)}}),[t]),r.createElement("kbd",{className:a?"DocSearch-Button-Key DocSearch-Button-Key--pressed":"DocSearch-Button-Key"},n)}function y(e,t){var n=void 0;return function(){for(var r=arguments.length,o=new Array(r),a=0;a<r;a++)o[a]=arguments[a];n&&clearTimeout(n),n=setTimeout((function(){return e.apply(void 0,o)}),t)}}function v(e){return e.reduce((function(e,t){return e.concat(t)}),[])}var w=0;function S(e){return 0===e.collections.length?0:e.collections.reduce((function(e,t){return e+t.items.length}),0)}function x(e){return e!==Object(e)}function k(e,t){if(e===t)return!0;if(x(e)||x(t)||"function"==typeof e||"function"==typeof t)return e===t;if(Object.keys(e).length!==Object.keys(t).length)return!1;for(var n=0,r=Object.keys(e);n<r.length;n++){var o=r[n];if(!(o in t))return!1;if(!k(e[o],t[o]))return!1}return!0}var E=function(){},_=[{segment:"autocomplete-core",version:"1.9.3"}];function C(e){var t=e.item,n=e.items;return{index:t.__autocomplete_indexName,items:[t],positions:[1+n.findIndex((function(e){return e.objectID===t.objectID}))],queryID:t.__autocomplete_queryID,algoliaSource:["autocomplete"]}}function j(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}var A=["items"],O=["items"];function T(e){return T="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},T(e)}function P(e){return function(e){if(Array.isArray(e))return L(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||function(e,t){if(e){if("string"==typeof e)return L(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?L(e,t):void 0}}(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function L(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function I(e,t){if(null==e)return{};var n,r,o=function(e,t){if(null==e)return{};var n,r,o={},a=Object.keys(e);for(r=0;r<a.length;r++)n=a[r],t.indexOf(n)>=0||(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(r=0;r<a.length;r++)n=a[r],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}function R(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function N(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?R(Object(n),!0).forEach((function(t){D(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):R(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function D(e,t,n){return(t=function(e){var t=function(e){if("object"!==T(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var n=t.call(e,"string");if("object"!==T(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"===T(t)?t:String(t)}(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function M(e){return e.map((function(e){var t=e.items,n=I(e,A);return N(N({},n),{},{objectIDs:(null==t?void 0:t.map((function(e){return e.objectID})))||n.objectIDs})}))}function F(e){var t,n,r,o=(t=function(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,a,i,s=[],l=!0,c=!1;try{if(a=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;l=!1}else for(;!(l=(r=a.call(n)).done)&&(s.push(r.value),s.length!==t);l=!0);}catch(e){c=!0,o=e}finally{try{if(!l&&null!=n.return&&(i=n.return(),Object(i)!==i))return}finally{if(c)throw o}}return s}}(e,t)||function(e,t){if(e){if("string"==typeof e)return j(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?j(e,t):void 0}}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}((e.version||"").split(".").map(Number),2),n=t[0],r=t[1],n>=3||2===n&&r>=4||1===n&&r>=10);function a(t,n,r){if(o&&void 0!==r){var a=r[0].__autocomplete_algoliaCredentials,i={"X-Algolia-Application-Id":a.appId,"X-Algolia-API-Key":a.apiKey};e.apply(void 0,[t].concat(P(n),[{headers:i}]))}else e.apply(void 0,[t].concat(P(n)))}return{init:function(t,n){e("init",{appId:t,apiKey:n})},setUserToken:function(t){e("setUserToken",t)},clickedObjectIDsAfterSearch:function(){for(var e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];t.length>0&&a("clickedObjectIDsAfterSearch",M(t),t[0].items)},clickedObjectIDs:function(){for(var e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];t.length>0&&a("clickedObjectIDs",M(t),t[0].items)},clickedFilters:function(){for(var t=arguments.length,n=new Array(t),r=0;r<t;r++)n[r]=arguments[r];n.length>0&&e.apply(void 0,["clickedFilters"].concat(n))},convertedObjectIDsAfterSearch:function(){for(var e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];t.length>0&&a("convertedObjectIDsAfterSearch",M(t),t[0].items)},convertedObjectIDs:function(){for(var e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];t.length>0&&a("convertedObjectIDs",M(t),t[0].items)},convertedFilters:function(){for(var t=arguments.length,n=new Array(t),r=0;r<t;r++)n[r]=arguments[r];n.length>0&&e.apply(void 0,["convertedFilters"].concat(n))},viewedObjectIDs:function(){for(var e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];t.length>0&&t.reduce((function(e,t){var n=t.items,r=I(t,O);return[].concat(P(e),P(function(e){for(var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:20,n=[],r=0;r<e.objectIDs.length;r+=t)n.push(N(N({},e),{},{objectIDs:e.objectIDs.slice(r,r+t)}));return n}(N(N({},r),{},{objectIDs:(null==n?void 0:n.map((function(e){return e.objectID})))||r.objectIDs})).map((function(e){return{items:n,payload:e}}))))}),[]).forEach((function(e){var t=e.items;return a("viewedObjectIDs",[e.payload],t)}))},viewedFilters:function(){for(var t=arguments.length,n=new Array(t),r=0;r<t;r++)n[r]=arguments[r];n.length>0&&e.apply(void 0,["viewedFilters"].concat(n))}}}function z(e){var t=e.items.reduce((function(e,t){var n;return e[t.__autocomplete_indexName]=(null!==(n=e[t.__autocomplete_indexName])&&void 0!==n?n:[]).concat(t),e}),{});return Object.keys(t).map((function(e){return{index:e,items:t[e],algoliaSource:["autocomplete"]}}))}function B(e){return e.objectID&&e.__autocomplete_indexName&&e.__autocomplete_queryID}function U(e){return U="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},U(e)}function q(e){return function(e){if(Array.isArray(e))return $(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||function(e,t){if(e){if("string"==typeof e)return $(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?$(e,t):void 0}}(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function $(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function H(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function V(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?H(Object(n),!0).forEach((function(t){G(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):H(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function G(e,t,n){return(t=function(e){var t=function(e){if("object"!==U(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var n=t.call(e,"string");if("object"!==U(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"===U(t)?t:String(t)}(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var W="https://cdn.jsdelivr.net/npm/search-insights@".concat("2.6.0","/dist/search-insights.min.js"),K=y((function(e){var t=e.onItemsChange,n=e.items,r=e.insights,o=e.state;t({insights:r,insightsEvents:z({items:n}).map((function(e){return V({eventName:"Items Viewed"},e)})),state:o})}),400);function Q(e){var t=function(e){return V({onItemsChange:function(e){var t=e.insights,n=e.insightsEvents;t.viewedObjectIDs.apply(t,q(n.map((function(e){return V(V({},e),{},{algoliaSource:[].concat(q(e.algoliaSource||[]),["autocomplete-internal"])})}))))},onSelect:function(e){var t=e.insights,n=e.insightsEvents;t.clickedObjectIDsAfterSearch.apply(t,q(n.map((function(e){return V(V({},e),{},{algoliaSource:[].concat(q(e.algoliaSource||[]),["autocomplete-internal"])})}))))},onActive:E},e)}(e),n=t.insightsClient,r=t.onItemsChange,o=t.onSelect,a=t.onActive,i=n;n||"undefined"!=typeof window&&function(e){var t=e.window,n=t.AlgoliaAnalyticsObject||"aa";"string"==typeof n&&(i=t[n]),i||(t.AlgoliaAnalyticsObject=n,t[n]||(t[n]=function(){t[n].queue||(t[n].queue=[]);for(var e=arguments.length,r=new Array(e),o=0;o<e;o++)r[o]=arguments[o];t[n].queue.push(r)}),t[n].version="2.6.0",i=t[n],function(e){var t="[Autocomplete]: Could not load search-insights.js. Please load it manually following https://alg.li/insights-autocomplete";try{var n=e.document.createElement("script");n.async=!0,n.src=W,n.onerror=function(){console.error(t)},document.body.appendChild(n)}catch(e){console.error(t)}}(t))}({window:window});var s=F(i),l={current:[]},c=y((function(e){var t=e.state;if(t.isOpen){var n=t.collections.reduce((function(e,t){return[].concat(q(e),q(t.items))}),[]).filter(B);k(l.current.map((function(e){return e.objectID})),n.map((function(e){return e.objectID})))||(l.current=n,n.length>0&&K({onItemsChange:r,items:n,insights:s,state:t}))}}),0);return{name:"aa.algoliaInsightsPlugin",subscribe:function(e){var t=e.setContext,n=e.onSelect,r=e.onActive;i("addAlgoliaAgent","insights-plugin"),t({algoliaInsightsPlugin:{__algoliaSearchParameters:{clickAnalytics:!0},insights:s}}),n((function(e){var t=e.item,n=e.state,r=e.event;B(t)&&o({state:n,event:r,insights:s,item:t,insightsEvents:[V({eventName:"Item Selected"},C({item:t,items:l.current}))]})})),r((function(e){var t=e.item,n=e.state,r=e.event;B(t)&&a({state:n,event:r,insights:s,item:t,insightsEvents:[V({eventName:"Item Active"},C({item:t,items:l.current}))]})}))},onStateChange:function(e){var t=e.state;c({state:t})},__autocomplete_pluginOptions:e}}function Y(e,t){var n=t;return{then:function(t,r){return Y(e.then(J(t,n,e),J(r,n,e)),n)},catch:function(t){return Y(e.catch(J(t,n,e)),n)},finally:function(t){return t&&n.onCancelList.push(t),Y(e.finally(J(t&&function(){return n.onCancelList=[],t()},n,e)),n)},cancel:function(){n.isCanceled=!0;var e=n.onCancelList;n.onCancelList=[],e.forEach((function(e){e()}))},isCanceled:function(){return!0===n.isCanceled}}}function Z(e){return Y(e,{isCanceled:!1,onCancelList:[]})}function J(e,t,n){return e?function(n){return t.isCanceled?n:e(n)}:n}function X(e,t,n,r){if(!n)return null;if(e<0&&(null===t||null!==r&&0===t))return n+e;var o=(null===t?-1:t)+e;return o<=-1||o>=n?null===r?null:0:o}function ee(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function te(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?ee(Object(n),!0).forEach((function(t){ne(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):ee(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function ne(e,t,n){return(t=function(e){var t=function(e){if("object"!==re(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var n=t.call(e,"string");if("object"!==re(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"===re(t)?t:String(t)}(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function re(e){return re="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},re(e)}function oe(e){var t=function(e){var t=e.collections.map((function(e){return e.items.length})).reduce((function(e,t,n){var r=(e[n-1]||0)+t;return e.push(r),e}),[]).reduce((function(t,n){return n<=e.activeItemId?t+1:t}),0);return e.collections[t]}(e);if(!t)return null;var n=t.items[function(e){for(var t=e.state,n=e.collection,r=!1,o=0,a=0;!1===r;){var i=t.collections[o];if(i===n){r=!0;break}a+=i.items.length,o++}return t.activeItemId-a}({state:e,collection:t})],r=t.source;return{item:n,itemInputValue:r.getItemInputValue({item:n,state:e}),itemUrl:r.getItemUrl({item:n,state:e}),source:r}}var ae=/((gt|sm)-|galaxy nexus)|samsung[- ]|samsungbrowser/i;function ie(e){return ie="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},ie(e)}function se(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function le(e,t,n){return(t=function(e){var t=function(e){if("object"!==ie(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var n=t.call(e,"string");if("object"!==ie(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"===ie(t)?t:String(t)}(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function ce(e){return ce="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},ce(e)}function ue(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function de(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?ue(Object(n),!0).forEach((function(t){pe(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):ue(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function pe(e,t,n){return(t=function(e){var t=function(e){if("object"!==ce(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var n=t.call(e,"string");if("object"!==ce(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"===ce(t)?t:String(t)}(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function fe(e){return fe="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},fe(e)}function me(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function he(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function ge(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?he(Object(n),!0).forEach((function(t){be(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):he(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function be(e,t,n){return(t=function(e){var t=function(e){if("object"!==fe(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var n=t.call(e,"string");if("object"!==fe(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"===fe(t)?t:String(t)}(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function ye(e,t){var n,r="undefined"!=typeof window?window:{},o=e.plugins||[];return ge(ge({debug:!1,openOnFocus:!1,placeholder:"",autoFocus:!1,defaultActiveItemId:null,stallThreshold:300,insights:!1,environment:r,shouldPanelOpen:function(e){return S(e.state)>0},reshape:function(e){return e.sources}},e),{},{id:null!==(n=e.id)&&void 0!==n?n:"autocomplete-".concat(w++),plugins:o,initialState:ge({activeItemId:null,query:"",completion:null,collections:[],isOpen:!1,status:"idle",context:{}},e.initialState),onStateChange:function(t){var n;null===(n=e.onStateChange)||void 0===n||n.call(e,t),o.forEach((function(e){var n;return null===(n=e.onStateChange)||void 0===n?void 0:n.call(e,t)}))},onSubmit:function(t){var n;null===(n=e.onSubmit)||void 0===n||n.call(e,t),o.forEach((function(e){var n;return null===(n=e.onSubmit)||void 0===n?void 0:n.call(e,t)}))},onReset:function(t){var n;null===(n=e.onReset)||void 0===n||n.call(e,t),o.forEach((function(e){var n;return null===(n=e.onReset)||void 0===n?void 0:n.call(e,t)}))},getSources:function(n){return Promise.all([].concat(function(e){return function(e){if(Array.isArray(e))return me(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||function(e,t){if(e){if("string"==typeof e)return me(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?me(e,t):void 0}}(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}(o.map((function(e){return e.getSources}))),[e.getSources]).filter(Boolean).map((function(e){return function(e,t){var n=[];return Promise.resolve(e(t)).then((function(e){return Promise.all(e.filter((function(e){return Boolean(e)})).map((function(e){if(e.sourceId,n.includes(e.sourceId))throw new Error("[Autocomplete] The `sourceId` ".concat(JSON.stringify(e.sourceId)," is not unique."));n.push(e.sourceId);var t={getItemInputValue:function(e){return e.state.query},getItemUrl:function(){},onSelect:function(e){(0,e.setIsOpen)(!1)},onActive:E,onResolve:E};Object.keys(t).forEach((function(e){t[e].__default=!0}));var r=te(te({},t),e);return Promise.resolve(r)})))}))}(e,n)}))).then((function(e){return v(e)})).then((function(e){return e.map((function(e){return ge(ge({},e),{},{onSelect:function(n){e.onSelect(n),t.forEach((function(e){var t;return null===(t=e.onSelect)||void 0===t?void 0:t.call(e,n)}))},onActive:function(n){e.onActive(n),t.forEach((function(e){var t;return null===(t=e.onActive)||void 0===t?void 0:t.call(e,n)}))},onResolve:function(n){e.onResolve(n),t.forEach((function(e){var t;return null===(t=e.onResolve)||void 0===t?void 0:t.call(e,n)}))}})}))}))},navigator:ge({navigate:function(e){var t=e.itemUrl;r.location.assign(t)},navigateNewTab:function(e){var t=e.itemUrl,n=r.open(t,"_blank","noopener");null==n||n.focus()},navigateNewWindow:function(e){var t=e.itemUrl;r.open(t,"_blank","noopener")}},e.navigator)})}function ve(e){return ve="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},ve(e)}function we(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function Se(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?we(Object(n),!0).forEach((function(t){xe(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):we(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function xe(e,t,n){return(t=function(e){var t=function(e){if("object"!==ve(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var n=t.call(e,"string");if("object"!==ve(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"===ve(t)?t:String(t)}(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function ke(e){return ke="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},ke(e)}function Ee(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function _e(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?Ee(Object(n),!0).forEach((function(t){Ce(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Ee(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function Ce(e,t,n){return(t=function(e){var t=function(e){if("object"!==ke(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var n=t.call(e,"string");if("object"!==ke(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"===ke(t)?t:String(t)}(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function je(e){return function(e){if(Array.isArray(e))return Ae(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||function(e,t){if(e){if("string"==typeof e)return Ae(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?Ae(e,t):void 0}}(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function Ae(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function Oe(e){return Boolean(e.execute)}function Te(e){var t=e.reduce((function(e,t){if(!Oe(t))return e.push(t),e;var n=t.searchClient,r=t.execute,o=t.requesterId,a=t.requests,i=e.find((function(e){return Oe(t)&&Oe(e)&&e.searchClient===n&&Boolean(o)&&e.requesterId===o}));if(i){var s;(s=i.items).push.apply(s,je(a))}else{var l={execute:r,requesterId:o,items:a,searchClient:n};e.push(l)}return e}),[]).map((function(e){if(!Oe(e))return Promise.resolve(e);var t=e,n=t.execute,r=t.items;return n({searchClient:t.searchClient,requests:r})}));return Promise.all(t).then((function(e){return v(e)}))}function Pe(e){return Pe="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},Pe(e)}var Le=["event","nextState","props","query","refresh","store"];function Ie(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function Re(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?Ie(Object(n),!0).forEach((function(t){Ne(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Ie(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function Ne(e,t,n){return(t=function(e){var t=function(e){if("object"!==Pe(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var n=t.call(e,"string");if("object"!==Pe(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"===Pe(t)?t:String(t)}(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var De,Me,Fe,ze=null,Be=(De=-1,Me=-1,Fe=void 0,function(e){var t=++De;return Promise.resolve(e).then((function(e){return Fe&&t<Me?Fe:(Me=t,Fe=e,e)}))});function Ue(e){var t=e.event,n=e.nextState,r=void 0===n?{}:n,o=e.props,a=e.query,i=e.refresh,s=e.store,l=function(e,t){if(null==e)return{};var n,r,o=function(e,t){if(null==e)return{};var n,r,o={},a=Object.keys(e);for(r=0;r<a.length;r++)n=a[r],t.indexOf(n)>=0||(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(r=0;r<a.length;r++)n=a[r],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}(e,Le);ze&&o.environment.clearTimeout(ze);var c=l.setCollections,u=l.setIsOpen,d=l.setQuery,p=l.setActiveItemId,f=l.setStatus;if(d(a),p(o.defaultActiveItemId),!a&&!1===o.openOnFocus){var m,h=s.getState().collections.map((function(e){return Re(Re({},e),{},{items:[]})}));f("idle"),c(h),u(null!==(m=r.isOpen)&&void 0!==m?m:o.shouldPanelOpen({state:s.getState()}));var g=Z(Be(h).then((function(){return Promise.resolve()})));return s.pendingRequests.add(g)}f("loading"),ze=o.environment.setTimeout((function(){f("stalled")}),o.stallThreshold);var b=Z(Be(o.getSources(Re({query:a,refresh:i,state:s.getState()},l)).then((function(e){return Promise.all(e.map((function(e){return Promise.resolve(e.getItems(Re({query:a,refresh:i,state:s.getState()},l))).then((function(t){return function(e,t,n){if(o=e,Boolean(null==o?void 0:o.execute)){var r="algolia"===e.requesterId?Object.assign.apply(Object,[{}].concat(je(Object.keys(n.context).map((function(e){var t;return null===(t=n.context[e])||void 0===t?void 0:t.__algoliaSearchParameters}))))):{};return _e(_e({},e),{},{requests:e.queries.map((function(n){return{query:"algolia"===e.requesterId?_e(_e({},n),{},{params:_e(_e({},r),n.params)}):n,sourceId:t,transformResponse:e.transformResponse}}))})}var o;return{items:e,sourceId:t}}(t,e.sourceId,s.getState())}))}))).then(Te).then((function(t){return function(e,t,n){return t.map((function(t){var r,o=e.filter((function(e){return e.sourceId===t.sourceId})),a=o.map((function(e){return e.items})),i=o[0].transformResponse,s=i?i({results:r=a,hits:r.map((function(e){return e.hits})).filter(Boolean),facetHits:r.map((function(e){var t;return null===(t=e.facetHits)||void 0===t?void 0:t.map((function(e){return{label:e.value,count:e.count,_highlightResult:{label:{value:e.highlighted}}}}))})).filter(Boolean)}):a;return t.onResolve({source:t,results:a,items:s,state:n.getState()}),s.every(Boolean),'The `getItems` function from source "'.concat(t.sourceId,'" must return an array of items but returned ').concat(JSON.stringify(void 0),".\n\nDid you forget to return items?\n\nSee: https://www.algolia.com/doc/ui-libraries/autocomplete/core-concepts/sources/#param-getitems"),{source:t,items:s}}))}(t,e,s)})).then((function(e){return function(e){var t=e.props,n=e.state,r=e.collections.reduce((function(e,t){return Se(Se({},e),{},xe({},t.source.sourceId,Se(Se({},t.source),{},{getItems:function(){return v(t.items)}})))}),{}),o=t.plugins.reduce((function(e,t){return t.reshape?t.reshape(e):e}),{sourcesBySourceId:r,state:n}).sourcesBySourceId;return v(t.reshape({sourcesBySourceId:o,sources:Object.values(o),state:n})).filter(Boolean).map((function(e){return{source:e,items:e.getItems()}}))}({collections:e,props:o,state:s.getState()})}))})))).then((function(e){var n;f("idle"),c(e);var d=o.shouldPanelOpen({state:s.getState()});u(null!==(n=r.isOpen)&&void 0!==n?n:o.openOnFocus&&!a&&d||d);var p=oe(s.getState());if(null!==s.getState().activeItemId&&p){var m=p.item,h=p.itemInputValue,g=p.itemUrl,b=p.source;b.onActive(Re({event:t,item:m,itemInputValue:h,itemUrl:g,refresh:i,source:b,state:s.getState()},l))}})).finally((function(){f("idle"),ze&&o.environment.clearTimeout(ze)}));return s.pendingRequests.add(b)}function qe(e){return qe="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},qe(e)}var $e=["event","props","refresh","store"];function He(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function Ve(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?He(Object(n),!0).forEach((function(t){Ge(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):He(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function Ge(e,t,n){return(t=function(e){var t=function(e){if("object"!==qe(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var n=t.call(e,"string");if("object"!==qe(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"===qe(t)?t:String(t)}(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function We(e){return We="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},We(e)}var Ke=["props","refresh","store"],Qe=["inputElement","formElement","panelElement"],Ye=["inputElement"],Ze=["inputElement","maxLength"],Je=["sourceIndex"],Xe=["sourceIndex"],et=["item","source","sourceIndex"];function tt(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function nt(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?tt(Object(n),!0).forEach((function(t){rt(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):tt(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function rt(e,t,n){return(t=function(e){var t=function(e){if("object"!==We(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var n=t.call(e,"string");if("object"!==We(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"===We(t)?t:String(t)}(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function ot(e,t){if(null==e)return{};var n,r,o=function(e,t){if(null==e)return{};var n,r,o={},a=Object.keys(e);for(r=0;r<a.length;r++)n=a[r],t.indexOf(n)>=0||(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(r=0;r<a.length;r++)n=a[r],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}function at(e){var t=e.props,n=e.refresh,r=e.store,o=ot(e,Ke),a=function(e,t){return void 0!==t?"".concat(e,"-").concat(t):e};return{getEnvironmentProps:function(e){var n=e.inputElement,o=e.formElement,a=e.panelElement;function i(e){!r.getState().isOpen&&r.pendingRequests.isEmpty()||e.target===n||!1===[o,a].some((function(t){return(n=t)===(r=e.target)||n.contains(r);var n,r}))&&(r.dispatch("blur",null),t.debug||r.pendingRequests.cancelAll())}return nt({onTouchStart:i,onMouseDown:i,onTouchMove:function(e){!1!==r.getState().isOpen&&n===t.environment.document.activeElement&&e.target!==n&&n.blur()}},ot(e,Qe))},getRootProps:function(e){return nt({role:"combobox","aria-expanded":r.getState().isOpen,"aria-haspopup":"listbox","aria-owns":r.getState().isOpen?"".concat(t.id,"-list"):void 0,"aria-labelledby":"".concat(t.id,"-label")},e)},getFormProps:function(e){return e.inputElement,nt({action:"",noValidate:!0,role:"search",onSubmit:function(a){var i;a.preventDefault(),t.onSubmit(nt({event:a,refresh:n,state:r.getState()},o)),r.dispatch("submit",null),null===(i=e.inputElement)||void 0===i||i.blur()},onReset:function(a){var i;a.preventDefault(),t.onReset(nt({event:a,refresh:n,state:r.getState()},o)),r.dispatch("reset",null),null===(i=e.inputElement)||void 0===i||i.focus()}},ot(e,Ye))},getLabelProps:function(e){var n=e||{},r=n.sourceIndex,o=ot(n,Je);return nt({htmlFor:"".concat(a(t.id,r),"-input"),id:"".concat(a(t.id,r),"-label")},o)},getInputProps:function(e){var a;function i(e){(t.openOnFocus||Boolean(r.getState().query))&&Ue(nt({event:e,props:t,query:r.getState().completion||r.getState().query,refresh:n,store:r},o)),r.dispatch("focus",null)}var s=e||{},l=(s.inputElement,s.maxLength),c=void 0===l?512:l,u=ot(s,Ze),d=oe(r.getState()),p=function(e){return Boolean(e&&e.match(ae))}((null===(a=t.environment.navigator)||void 0===a?void 0:a.userAgent)||""),f=null!=d&&d.itemUrl&&!p?"go":"search";return nt({"aria-autocomplete":"both","aria-activedescendant":r.getState().isOpen&&null!==r.getState().activeItemId?"".concat(t.id,"-item-").concat(r.getState().activeItemId):void 0,"aria-controls":r.getState().isOpen?"".concat(t.id,"-list"):void 0,"aria-labelledby":"".concat(t.id,"-label"),value:r.getState().completion||r.getState().query,id:"".concat(t.id,"-input"),autoComplete:"off",autoCorrect:"off",autoCapitalize:"off",enterKeyHint:f,spellCheck:"false",autoFocus:t.autoFocus,placeholder:t.placeholder,maxLength:c,type:"search",onChange:function(e){Ue(nt({event:e,props:t,query:e.currentTarget.value.slice(0,c),refresh:n,store:r},o))},onKeyDown:function(e){!function(e){var t=e.event,n=e.props,r=e.refresh,o=e.store,a=function(e,t){if(null==e)return{};var n,r,o=function(e,t){if(null==e)return{};var n,r,o={},a=Object.keys(e);for(r=0;r<a.length;r++)n=a[r],t.indexOf(n)>=0||(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(r=0;r<a.length;r++)n=a[r],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}(e,$e);if("ArrowUp"===t.key||"ArrowDown"===t.key){var i=function(){var e=n.environment.document.getElementById("".concat(n.id,"-item-").concat(o.getState().activeItemId));e&&(e.scrollIntoViewIfNeeded?e.scrollIntoViewIfNeeded(!1):e.scrollIntoView(!1))},s=function(){var e=oe(o.getState());if(null!==o.getState().activeItemId&&e){var n=e.item,i=e.itemInputValue,s=e.itemUrl,l=e.source;l.onActive(Ve({event:t,item:n,itemInputValue:i,itemUrl:s,refresh:r,source:l,state:o.getState()},a))}};t.preventDefault(),!1===o.getState().isOpen&&(n.openOnFocus||Boolean(o.getState().query))?Ue(Ve({event:t,props:n,query:o.getState().query,refresh:r,store:o},a)).then((function(){o.dispatch(t.key,{nextActiveItemId:n.defaultActiveItemId}),s(),setTimeout(i,0)})):(o.dispatch(t.key,{}),s(),i())}else if("Escape"===t.key)t.preventDefault(),o.dispatch(t.key,null),o.pendingRequests.cancelAll();else if("Tab"===t.key)o.dispatch("blur",null),o.pendingRequests.cancelAll();else if("Enter"===t.key){if(null===o.getState().activeItemId||o.getState().collections.every((function(e){return 0===e.items.length})))return void(n.debug||o.pendingRequests.cancelAll());t.preventDefault();var l=oe(o.getState()),c=l.item,u=l.itemInputValue,d=l.itemUrl,p=l.source;if(t.metaKey||t.ctrlKey)void 0!==d&&(p.onSelect(Ve({event:t,item:c,itemInputValue:u,itemUrl:d,refresh:r,source:p,state:o.getState()},a)),n.navigator.navigateNewTab({itemUrl:d,item:c,state:o.getState()}));else if(t.shiftKey)void 0!==d&&(p.onSelect(Ve({event:t,item:c,itemInputValue:u,itemUrl:d,refresh:r,source:p,state:o.getState()},a)),n.navigator.navigateNewWindow({itemUrl:d,item:c,state:o.getState()}));else if(t.altKey);else{if(void 0!==d)return p.onSelect(Ve({event:t,item:c,itemInputValue:u,itemUrl:d,refresh:r,source:p,state:o.getState()},a)),void n.navigator.navigate({itemUrl:d,item:c,state:o.getState()});Ue(Ve({event:t,nextState:{isOpen:!1},props:n,query:u,refresh:r,store:o},a)).then((function(){p.onSelect(Ve({event:t,item:c,itemInputValue:u,itemUrl:d,refresh:r,source:p,state:o.getState()},a))}))}}}(nt({event:e,props:t,refresh:n,store:r},o))},onFocus:i,onBlur:E,onClick:function(n){e.inputElement!==t.environment.document.activeElement||r.getState().isOpen||i(n)}},u)},getPanelProps:function(e){return nt({onMouseDown:function(e){e.preventDefault()},onMouseLeave:function(){r.dispatch("mouseleave",null)}},e)},getListProps:function(e){var n=e||{},r=n.sourceIndex,o=ot(n,Xe);return nt({role:"listbox","aria-labelledby":"".concat(a(t.id,r),"-label"),id:"".concat(a(t.id,r),"-list")},o)},getItemProps:function(e){var i=e.item,s=e.source,l=e.sourceIndex,c=ot(e,et);return nt({id:"".concat(a(t.id,l),"-item-").concat(i.__autocomplete_id),role:"option","aria-selected":r.getState().activeItemId===i.__autocomplete_id,onMouseMove:function(e){if(i.__autocomplete_id!==r.getState().activeItemId){r.dispatch("mousemove",i.__autocomplete_id);var t=oe(r.getState());if(null!==r.getState().activeItemId&&t){var a=t.item,s=t.itemInputValue,l=t.itemUrl,c=t.source;c.onActive(nt({event:e,item:a,itemInputValue:s,itemUrl:l,refresh:n,source:c,state:r.getState()},o))}}},onMouseDown:function(e){e.preventDefault()},onClick:function(e){var a=s.getItemInputValue({item:i,state:r.getState()}),l=s.getItemUrl({item:i,state:r.getState()});(l?Promise.resolve():Ue(nt({event:e,nextState:{isOpen:!1},props:t,query:a,refresh:n,store:r},o))).then((function(){s.onSelect(nt({event:e,item:i,itemInputValue:a,itemUrl:l,refresh:n,source:s,state:r.getState()},o))}))}},c)}}}function it(e){return it="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},it(e)}function st(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function lt(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?st(Object(n),!0).forEach((function(t){ct(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):st(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function ct(e,t,n){return(t=function(e){var t=function(e){if("object"!==it(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var n=t.call(e,"string");if("object"!==it(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"===it(t)?t:String(t)}(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function ut(e){var t,n,r,o,a=e.plugins,i=e.options,s=null===(t=((null===(n=i.__autocomplete_metadata)||void 0===n?void 0:n.userAgents)||[])[0])||void 0===t?void 0:t.segment,l=s?ct({},s,Object.keys((null===(r=i.__autocomplete_metadata)||void 0===r?void 0:r.options)||{})):{};return{plugins:a.map((function(e){return{name:e.name,options:Object.keys(e.__autocomplete_pluginOptions||[])}})),options:lt({"autocomplete-core":Object.keys(i)},l),ua:_.concat((null===(o=i.__autocomplete_metadata)||void 0===o?void 0:o.userAgents)||[])}}function dt(e){var t,n=e.state;return!1===n.isOpen||null===n.activeItemId?null:(null===(t=oe(n))||void 0===t?void 0:t.itemInputValue)||null}function pt(e){return pt="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},pt(e)}function ft(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function mt(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?ft(Object(n),!0).forEach((function(t){ht(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):ft(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function ht(e,t,n){return(t=function(e){var t=function(e){if("object"!==pt(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var n=t.call(e,"string");if("object"!==pt(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"===pt(t)?t:String(t)}(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var gt=function(e,t){switch(t.type){case"setActiveItemId":case"mousemove":return mt(mt({},e),{},{activeItemId:t.payload});case"setQuery":return mt(mt({},e),{},{query:t.payload,completion:null});case"setCollections":return mt(mt({},e),{},{collections:t.payload});case"setIsOpen":return mt(mt({},e),{},{isOpen:t.payload});case"setStatus":return mt(mt({},e),{},{status:t.payload});case"setContext":return mt(mt({},e),{},{context:mt(mt({},e.context),t.payload)});case"ArrowDown":var n=mt(mt({},e),{},{activeItemId:t.payload.hasOwnProperty("nextActiveItemId")?t.payload.nextActiveItemId:X(1,e.activeItemId,S(e),t.props.defaultActiveItemId)});return mt(mt({},n),{},{completion:dt({state:n})});case"ArrowUp":var r=mt(mt({},e),{},{activeItemId:X(-1,e.activeItemId,S(e),t.props.defaultActiveItemId)});return mt(mt({},r),{},{completion:dt({state:r})});case"Escape":return e.isOpen?mt(mt({},e),{},{activeItemId:null,isOpen:!1,completion:null}):mt(mt({},e),{},{activeItemId:null,query:"",status:"idle",collections:[]});case"submit":return mt(mt({},e),{},{activeItemId:null,isOpen:!1,status:"idle"});case"reset":return mt(mt({},e),{},{activeItemId:!0===t.props.openOnFocus?t.props.defaultActiveItemId:null,status:"idle",query:""});case"focus":return mt(mt({},e),{},{activeItemId:t.props.defaultActiveItemId,isOpen:(t.props.openOnFocus||Boolean(e.query))&&t.props.shouldPanelOpen({state:e})});case"blur":return t.props.debug?e:mt(mt({},e),{},{isOpen:!1,activeItemId:null});case"mouseleave":return mt(mt({},e),{},{activeItemId:t.props.defaultActiveItemId});default:return"The reducer action ".concat(JSON.stringify(t.type)," is not supported."),e}};function bt(e){return bt="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},bt(e)}function yt(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function vt(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?yt(Object(n),!0).forEach((function(t){wt(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):yt(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function wt(e,t,n){return(t=function(e){var t=function(e){if("object"!==bt(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var n=t.call(e,"string");if("object"!==bt(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"===bt(t)?t:String(t)}(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function St(e){var t=[],n=ye(e,t),r=function(e,t,n){var r,o=t.initialState;return{getState:function(){return o},dispatch:function(r,a){var i=function(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?se(Object(n),!0).forEach((function(t){le(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):se(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}({},o);o=e(o,{type:r,props:t,payload:a}),n({state:o,prevState:i})},pendingRequests:(r=[],{add:function(e){return r.push(e),e.finally((function(){r=r.filter((function(t){return t!==e}))}))},cancelAll:function(){r.forEach((function(e){return e.cancel()}))},isEmpty:function(){return 0===r.length}})}}(gt,n,(function(e){var t=e.prevState,r=e.state;n.onStateChange(vt({prevState:t,state:r,refresh:i,navigator:n.navigator},o))})),o=function(e){var t=e.store;return{setActiveItemId:function(e){t.dispatch("setActiveItemId",e)},setQuery:function(e){t.dispatch("setQuery",e)},setCollections:function(e){var n=0,r=e.map((function(e){return de(de({},e),{},{items:v(e.items).map((function(e){return de(de({},e),{},{__autocomplete_id:n++})}))})}));t.dispatch("setCollections",r)},setIsOpen:function(e){t.dispatch("setIsOpen",e)},setStatus:function(e){t.dispatch("setStatus",e)},setContext:function(e){t.dispatch("setContext",e)}}}({store:r}),a=at(vt({props:n,refresh:i,store:r,navigator:n.navigator},o));function i(){return Ue(vt({event:new Event("input"),nextState:{isOpen:r.getState().isOpen},props:n,navigator:n.navigator,query:r.getState().query,refresh:i,store:r},o))}if(e.insights&&!n.plugins.some((function(e){return"aa.algoliaInsightsPlugin"===e.name}))){var s="boolean"==typeof e.insights?{}:e.insights;n.plugins.push(Q(s))}return n.plugins.forEach((function(e){var r;return null===(r=e.subscribe)||void 0===r?void 0:r.call(e,vt(vt({},o),{},{navigator:n.navigator,refresh:i,onSelect:function(e){t.push({onSelect:e})},onActive:function(e){t.push({onActive:e})},onResolve:function(e){t.push({onResolve:e})}}))})),function(e){var t,n,r=e.metadata,o=e.environment;if(null===(t=o.navigator)||void 0===t||null===(n=t.userAgent)||void 0===n?void 0:n.includes("Algolia Crawler")){var a=o.document.createElement("meta"),i=o.document.querySelector("head");a.name="algolia:metadata",setTimeout((function(){a.content=JSON.stringify(r),i.appendChild(a)}),0)}}({metadata:ut({plugins:n.plugins,options:e}),environment:n.environment}),vt(vt({refresh:i,navigator:n.navigator},a),o)}function xt(e){var t=e.translations,n=(void 0===t?{}:t).searchByText,o=void 0===n?"Search by":n;return r.createElement("a",{href:"https://www.algolia.com/ref/docsearch/?utm_source=".concat(window.location.hostname,"&utm_medium=referral&utm_content=powered_by&utm_campaign=docsearch"),target:"_blank",rel:"noopener noreferrer"},r.createElement("span",{className:"DocSearch-Label"},o),r.createElement("svg",{width:"77",height:"19","aria-label":"Algolia",role:"img",id:"Layer_1",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 2196.2 500"},r.createElement("defs",null,r.createElement("style",null,".cls-1,.cls-2{fill:#003dff;}.cls-2{fill-rule:evenodd;}")),r.createElement("path",{className:"cls-2",d:"M1070.38,275.3V5.91c0-3.63-3.24-6.39-6.82-5.83l-50.46,7.94c-2.87,.45-4.99,2.93-4.99,5.84l.17,273.22c0,12.92,0,92.7,95.97,95.49,3.33,.1,6.09-2.58,6.09-5.91v-40.78c0-2.96-2.19-5.51-5.12-5.84-34.85-4.01-34.85-47.57-34.85-54.72Z"}),r.createElement("rect",{className:"cls-1",x:"1845.88",y:"104.73",width:"62.58",height:"277.9",rx:"5.9",ry:"5.9"}),r.createElement("path",{className:"cls-2",d:"M1851.78,71.38h50.77c3.26,0,5.9-2.64,5.9-5.9V5.9c0-3.62-3.24-6.39-6.82-5.83l-50.77,7.95c-2.87,.45-4.99,2.92-4.99,5.83v51.62c0,3.26,2.64,5.9,5.9,5.9Z"}),r.createElement("path",{className:"cls-2",d:"M1764.03,275.3V5.91c0-3.63-3.24-6.39-6.82-5.83l-50.46,7.94c-2.87,.45-4.99,2.93-4.99,5.84l.17,273.22c0,12.92,0,92.7,95.97,95.49,3.33,.1,6.09-2.58,6.09-5.91v-40.78c0-2.96-2.19-5.51-5.12-5.84-34.85-4.01-34.85-47.57-34.85-54.72Z"}),r.createElement("path",{className:"cls-2",d:"M1631.95,142.72c-11.14-12.25-24.83-21.65-40.78-28.31-15.92-6.53-33.26-9.85-52.07-9.85-18.78,0-36.15,3.17-51.92,9.85-15.59,6.66-29.29,16.05-40.76,28.31-11.47,12.23-20.38,26.87-26.76,44.03-6.38,17.17-9.24,37.37-9.24,58.36,0,20.99,3.19,36.87,9.55,54.21,6.38,17.32,15.14,32.11,26.45,44.36,11.29,12.23,24.83,21.62,40.6,28.46,15.77,6.83,40.12,10.33,52.4,10.48,12.25,0,36.78-3.82,52.7-10.48,15.92-6.68,29.46-16.23,40.78-28.46,11.29-12.25,20.05-27.04,26.25-44.36,6.22-17.34,9.24-33.22,9.24-54.21,0-20.99-3.34-41.19-10.03-58.36-6.38-17.17-15.14-31.8-26.43-44.03Zm-44.43,163.75c-11.47,15.75-27.56,23.7-48.09,23.7-20.55,0-36.63-7.8-48.1-23.7-11.47-15.75-17.21-34.01-17.21-61.2,0-26.89,5.59-49.14,17.06-64.87,11.45-15.75,27.54-23.52,48.07-23.52,20.55,0,36.63,7.78,48.09,23.52,11.47,15.57,17.36,37.98,17.36,64.87,0,27.19-5.72,45.3-17.19,61.2Z"}),r.createElement("path",{className:"cls-2",d:"M894.42,104.73h-49.33c-48.36,0-90.91,25.48-115.75,64.1-14.52,22.58-22.99,49.63-22.99,78.73,0,44.89,20.13,84.92,51.59,111.1,2.93,2.6,6.05,4.98,9.31,7.14,12.86,8.49,28.11,13.47,44.52,13.47,1.23,0,2.46-.03,3.68-.09,.36-.02,.71-.05,1.07-.07,.87-.05,1.75-.11,2.62-.2,.34-.03,.68-.08,1.02-.12,.91-.1,1.82-.21,2.73-.34,.21-.03,.42-.07,.63-.1,32.89-5.07,61.56-30.82,70.9-62.81v57.83c0,3.26,2.64,5.9,5.9,5.9h50.42c3.26,0,5.9-2.64,5.9-5.9V110.63c0-3.26-2.64-5.9-5.9-5.9h-56.32Zm0,206.92c-12.2,10.16-27.97,13.98-44.84,15.12-.16,.01-.33,.03-.49,.04-1.12,.07-2.24,.1-3.36,.1-42.24,0-77.12-35.89-77.12-79.37,0-10.25,1.96-20.01,5.42-28.98,11.22-29.12,38.77-49.74,71.06-49.74h49.33v142.83Z"}),r.createElement("path",{className:"cls-2",d:"M2133.97,104.73h-49.33c-48.36,0-90.91,25.48-115.75,64.1-14.52,22.58-22.99,49.63-22.99,78.73,0,44.89,20.13,84.92,51.59,111.1,2.93,2.6,6.05,4.98,9.31,7.14,12.86,8.49,28.11,13.47,44.52,13.47,1.23,0,2.46-.03,3.68-.09,.36-.02,.71-.05,1.07-.07,.87-.05,1.75-.11,2.62-.2,.34-.03,.68-.08,1.02-.12,.91-.1,1.82-.21,2.73-.34,.21-.03,.42-.07,.63-.1,32.89-5.07,61.56-30.82,70.9-62.81v57.83c0,3.26,2.64,5.9,5.9,5.9h50.42c3.26,0,5.9-2.64,5.9-5.9V110.63c0-3.26-2.64-5.9-5.9-5.9h-56.32Zm0,206.92c-12.2,10.16-27.97,13.98-44.84,15.12-.16,.01-.33,.03-.49,.04-1.12,.07-2.24,.1-3.36,.1-42.24,0-77.12-35.89-77.12-79.37,0-10.25,1.96-20.01,5.42-28.98,11.22-29.12,38.77-49.74,71.06-49.74h49.33v142.83Z"}),r.createElement("path",{className:"cls-2",d:"M1314.05,104.73h-49.33c-48.36,0-90.91,25.48-115.75,64.1-11.79,18.34-19.6,39.64-22.11,62.59-.58,5.3-.88,10.68-.88,16.14s.31,11.15,.93,16.59c4.28,38.09,23.14,71.61,50.66,94.52,2.93,2.6,6.05,4.98,9.31,7.14,12.86,8.49,28.11,13.47,44.52,13.47h0c17.99,0,34.61-5.93,48.16-15.97,16.29-11.58,28.88-28.54,34.48-47.75v50.26h-.11v11.08c0,21.84-5.71,38.27-17.34,49.36-11.61,11.08-31.04,16.63-58.25,16.63-11.12,0-28.79-.59-46.6-2.41-2.83-.29-5.46,1.5-6.27,4.22l-12.78,43.11c-1.02,3.46,1.27,7.02,4.83,7.53,21.52,3.08,42.52,4.68,54.65,4.68,48.91,0,85.16-10.75,108.89-32.21,21.48-19.41,33.15-48.89,35.2-88.52V110.63c0-3.26-2.64-5.9-5.9-5.9h-56.32Zm0,64.1s.65,139.13,0,143.36c-12.08,9.77-27.11,13.59-43.49,14.7-.16,.01-.33,.03-.49,.04-1.12,.07-2.24,.1-3.36,.1-1.32,0-2.63-.03-3.94-.1-40.41-2.11-74.52-37.26-74.52-79.38,0-10.25,1.96-20.01,5.42-28.98,11.22-29.12,38.77-49.74,71.06-49.74h49.33Z"}),r.createElement("path",{className:"cls-1",d:"M249.83,0C113.3,0,2,110.09,.03,246.16c-2,138.19,110.12,252.7,248.33,253.5,42.68,.25,83.79-10.19,120.3-30.03,3.56-1.93,4.11-6.83,1.08-9.51l-23.38-20.72c-4.75-4.21-11.51-5.4-17.36-2.92-25.48,10.84-53.17,16.38-81.71,16.03-111.68-1.37-201.91-94.29-200.13-205.96,1.76-110.26,92-199.41,202.67-199.41h202.69V407.41l-115-102.18c-3.72-3.31-9.42-2.66-12.42,1.31-18.46,24.44-48.53,39.64-81.93,37.34-46.33-3.2-83.87-40.5-87.34-86.81-4.15-55.24,39.63-101.52,94-101.52,49.18,0,89.68,37.85,93.91,85.95,.38,4.28,2.31,8.27,5.52,11.12l29.95,26.55c3.4,3.01,8.79,1.17,9.63-3.3,2.16-11.55,2.92-23.58,2.07-35.92-4.82-70.34-61.8-126.93-132.17-131.26-80.68-4.97-148.13,58.14-150.27,137.25-2.09,77.1,61.08,143.56,138.19,145.26,32.19,.71,62.03-9.41,86.14-26.95l150.26,133.2c6.44,5.71,16.61,1.14,16.61-7.47V9.48C499.66,4.25,495.42,0,490.18,0H249.83Z"})))}function kt(e){return r.createElement("svg",{width:"15",height:"15","aria-label":e.ariaLabel,role:"img"},r.createElement("g",{fill:"none",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"1.2"},e.children))}function Et(e){var t=e.translations,n=void 0===t?{}:t,o=n.selectText,a=void 0===o?"to select":o,i=n.selectKeyAriaLabel,s=void 0===i?"Enter key":i,l=n.navigateText,c=void 0===l?"to navigate":l,u=n.navigateUpKeyAriaLabel,d=void 0===u?"Arrow up":u,p=n.navigateDownKeyAriaLabel,f=void 0===p?"Arrow down":p,m=n.closeText,h=void 0===m?"to close":m,g=n.closeKeyAriaLabel,b=void 0===g?"Escape key":g,y=n.searchByText,v=void 0===y?"Search by":y;return r.createElement(r.Fragment,null,r.createElement("div",{className:"DocSearch-Logo"},r.createElement(xt,{translations:{searchByText:v}})),r.createElement("ul",{className:"DocSearch-Commands"},r.createElement("li",null,r.createElement("kbd",{className:"DocSearch-Commands-Key"},r.createElement(kt,{ariaLabel:s},r.createElement("path",{d:"M12 3.53088v3c0 1-1 2-2 2H4M7 11.53088l-3-3 3-3"}))),r.createElement("span",{className:"DocSearch-Label"},a)),r.createElement("li",null,r.createElement("kbd",{className:"DocSearch-Commands-Key"},r.createElement(kt,{ariaLabel:f},r.createElement("path",{d:"M7.5 3.5v8M10.5 8.5l-3 3-3-3"}))),r.createElement("kbd",{className:"DocSearch-Commands-Key"},r.createElement(kt,{ariaLabel:d},r.createElement("path",{d:"M7.5 11.5v-8M10.5 6.5l-3-3-3 3"}))),r.createElement("span",{className:"DocSearch-Label"},c)),r.createElement("li",null,r.createElement("kbd",{className:"DocSearch-Commands-Key"},r.createElement(kt,{ariaLabel:b},r.createElement("path",{d:"M13.6167 8.936c-.1065.3583-.6883.962-1.4875.962-.7993 0-1.653-.9165-1.653-2.1258v-.5678c0-1.2548.7896-2.1016 1.653-2.1016.8634 0 1.3601.4778 1.4875 1.0724M9 6c-.1352-.4735-.7506-.9219-1.46-.8972-.7092.0246-1.344.57-1.344 1.2166s.4198.8812 1.3445.9805C8.465 7.3992 8.968 7.9337 9 8.5c.032.5663-.454 1.398-1.4595 1.398C6.6593 9.898 6 9 5.963 8.4851m-1.4748.5368c-.2635.5941-.8099.876-1.5443.876s-1.7073-.6248-1.7073-2.204v-.4603c0-1.0416.721-2.131 1.7073-2.131.9864 0 1.6425 1.031 1.5443 2.2492h-2.956"}))),r.createElement("span",{className:"DocSearch-Label"},h))))}function _t(e){var t=e.hit,n=e.children;return r.createElement("a",{href:t.url},n)}function Ct(){return r.createElement("svg",{viewBox:"0 0 38 38",stroke:"currentColor",strokeOpacity:".5"},r.createElement("g",{fill:"none",fillRule:"evenodd"},r.createElement("g",{transform:"translate(1 1)",strokeWidth:"2"},r.createElement("circle",{strokeOpacity:".3",cx:"18",cy:"18",r:"18"}),r.createElement("path",{d:"M36 18c0-9.94-8.06-18-18-18"},r.createElement("animateTransform",{attributeName:"transform",type:"rotate",from:"0 18 18",to:"360 18 18",dur:"1s",repeatCount:"indefinite"})))))}function jt(){return r.createElement("svg",{width:"20",height:"20",viewBox:"0 0 20 20"},r.createElement("g",{stroke:"currentColor",fill:"none",fillRule:"evenodd",strokeLinecap:"round",strokeLinejoin:"round"},r.createElement("path",{d:"M3.18 6.6a8.23 8.23 0 1112.93 9.94h0a8.23 8.23 0 01-11.63 0"}),r.createElement("path",{d:"M6.44 7.25H2.55V3.36M10.45 6v5.6M10.45 11.6L13 13"})))}function At(){return r.createElement("svg",{width:"20",height:"20",viewBox:"0 0 20 20"},r.createElement("path",{d:"M10 10l5.09-5.09L10 10l5.09 5.09L10 10zm0 0L4.91 4.91 10 10l-5.09 5.09L10 10z",stroke:"currentColor",fill:"none",fillRule:"evenodd",strokeLinecap:"round",strokeLinejoin:"round"}))}function Ot(){return r.createElement("svg",{className:"DocSearch-Hit-Select-Icon",width:"20",height:"20",viewBox:"0 0 20 20"},r.createElement("g",{stroke:"currentColor",fill:"none",fillRule:"evenodd",strokeLinecap:"round",strokeLinejoin:"round"},r.createElement("path",{d:"M18 3v4c0 2-2 4-4 4H2"}),r.createElement("path",{d:"M8 17l-6-6 6-6"})))}var Tt=function(){return r.createElement("svg",{width:"20",height:"20",viewBox:"0 0 20 20"},r.createElement("path",{d:"M17 6v12c0 .52-.2 1-1 1H4c-.7 0-1-.33-1-1V2c0-.55.42-1 1-1h8l5 5zM14 8h-3.13c-.51 0-.87-.34-.87-.87V4",stroke:"currentColor",fill:"none",fillRule:"evenodd",strokeLinejoin:"round"}))};function Pt(e){switch(e.type){case"lvl1":return r.createElement(Tt,null);case"content":return r.createElement(It,null);default:return r.createElement(Lt,null)}}function Lt(){return r.createElement("svg",{width:"20",height:"20",viewBox:"0 0 20 20"},r.createElement("path",{d:"M13 13h4-4V8H7v5h6v4-4H7V8H3h4V3v5h6V3v5h4-4v5zm-6 0v4-4H3h4z",stroke:"currentColor",fill:"none",fillRule:"evenodd",strokeLinecap:"round",strokeLinejoin:"round"}))}function It(){return r.createElement("svg",{width:"20",height:"20",viewBox:"0 0 20 20"},r.createElement("path",{d:"M17 5H3h14zm0 5H3h14zm0 5H3h14z",stroke:"currentColor",fill:"none",fillRule:"evenodd",strokeLinejoin:"round"}))}function Rt(){return r.createElement("svg",{width:"20",height:"20",viewBox:"0 0 20 20"},r.createElement("path",{d:"M10 14.2L5 17l1-5.6-4-4 5.5-.7 2.5-5 2.5 5 5.6.8-4 4 .9 5.5z",stroke:"currentColor",fill:"none",fillRule:"evenodd",strokeLinejoin:"round"}))}function Nt(){return r.createElement("svg",{width:"40",height:"40",viewBox:"0 0 20 20",fill:"none",fillRule:"evenodd",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round"},r.createElement("path",{d:"M19 4.8a16 16 0 00-2-1.2m-3.3-1.2A16 16 0 001.1 4.7M16.7 8a12 12 0 00-2.8-1.4M10 6a12 12 0 00-6.7 2M12.3 14.7a4 4 0 00-4.5 0M14.5 11.4A8 8 0 0010 10M3 16L18 2M10 18h0"}))}function Dt(){return r.createElement("svg",{width:"40",height:"40",viewBox:"0 0 20 20",fill:"none",fillRule:"evenodd",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round"},r.createElement("path",{d:"M15.5 4.8c2 3 1.7 7-1 9.7h0l4.3 4.3-4.3-4.3a7.8 7.8 0 01-9.8 1m-2.2-2.2A7.8 7.8 0 0113.2 2.4M2 18L18 2"}))}function Mt(e){var t=e.translations,n=void 0===t?{}:t,o=n.titleText,a=void 0===o?"Unable to fetch results":o,i=n.helpText,s=void 0===i?"You might want to check your network connection.":i;return r.createElement("div",{className:"DocSearch-ErrorScreen"},r.createElement("div",{className:"DocSearch-Screen-Icon"},r.createElement(Nt,null)),r.createElement("p",{className:"DocSearch-Title"},a),r.createElement("p",{className:"DocSearch-Help"},s))}var Ft=["translations"];function zt(e){var t=e.translations,n=void 0===t?{}:t,o=l(e,Ft),a=n.noResultsText,i=void 0===a?"No results for":a,s=n.suggestedQueryText,c=void 0===s?"Try searching for":s,d=n.reportMissingResultsText,p=void 0===d?"Believe this query should return results?":d,f=n.reportMissingResultsLinkText,m=void 0===f?"Let us know.":f,h=o.state.context.searchSuggestions;return r.createElement("div",{className:"DocSearch-NoResults"},r.createElement("div",{className:"DocSearch-Screen-Icon"},r.createElement(Dt,null)),r.createElement("p",{className:"DocSearch-Title"},i,' "',r.createElement("strong",null,o.state.query),'"'),h&&h.length>0&&r.createElement("div",{className:"DocSearch-NoResults-Prefill-List"},r.createElement("p",{className:"DocSearch-Help"},c,":"),r.createElement("ul",null,h.slice(0,3).reduce((function(e,t){return[].concat(u(e),[r.createElement("li",{key:t},r.createElement("button",{className:"DocSearch-Prefill",key:t,type:"button",onClick:function(){o.setQuery(t.toLowerCase()+" "),o.refresh(),o.inputRef.current.focus()}},t))])}),[]))),o.getMissingResultsUrl&&r.createElement("p",{className:"DocSearch-Help"},"".concat(p," "),r.createElement("a",{href:o.getMissingResultsUrl({query:o.state.query}),target:"_blank",rel:"noopener noreferrer"},m)))}var Bt=["hit","attribute","tagName"];function Ut(e,t){return t.split(".").reduce((function(e,t){return null!=e&&e[t]?e[t]:null}),e)}function qt(e){var t=e.hit,n=e.attribute,o=e.tagName,i=void 0===o?"span":o,s=l(e,Bt);return(0,r.createElement)(i,a(a({},s),{},{dangerouslySetInnerHTML:{__html:Ut(t,"_snippetResult.".concat(n,".value"))||Ut(t,n)}}))}function $t(e){return e.collection&&0!==e.collection.items.length?r.createElement("section",{className:"DocSearch-Hits"},r.createElement("div",{className:"DocSearch-Hit-source"},e.title),r.createElement("ul",e.getListProps(),e.collection.items.map((function(t,n){return r.createElement(Ht,s({key:[e.title,t.objectID].join(":"),item:t,index:n},e))})))):null}function Ht(e){var t=e.item,n=e.index,o=e.renderIcon,a=e.renderAction,i=e.getItemProps,l=e.onItemClick,u=e.collection,d=e.hitComponent,p=c(r.useState(!1),2),f=p[0],m=p[1],h=c(r.useState(!1),2),g=h[0],b=h[1],y=r.useRef(null),v=d;return r.createElement("li",s({className:["DocSearch-Hit",t.__docsearch_parent&&"DocSearch-Hit--Child",f&&"DocSearch-Hit--deleting",g&&"DocSearch-Hit--favoriting"].filter(Boolean).join(" "),onTransitionEnd:function(){y.current&&y.current()}},i({item:t,source:u.source,onClick:function(e){l(t,e)}})),r.createElement(v,{hit:t},r.createElement("div",{className:"DocSearch-Hit-Container"},o({item:t,index:n}),t.hierarchy[t.type]&&"lvl1"===t.type&&r.createElement("div",{className:"DocSearch-Hit-content-wrapper"},r.createElement(qt,{className:"DocSearch-Hit-title",hit:t,attribute:"hierarchy.lvl1"}),t.content&&r.createElement(qt,{className:"DocSearch-Hit-path",hit:t,attribute:"content"})),t.hierarchy[t.type]&&("lvl2"===t.type||"lvl3"===t.type||"lvl4"===t.type||"lvl5"===t.type||"lvl6"===t.type)&&r.createElement("div",{className:"DocSearch-Hit-content-wrapper"},r.createElement(qt,{className:"DocSearch-Hit-title",hit:t,attribute:"hierarchy.".concat(t.type)}),r.createElement(qt,{className:"DocSearch-Hit-path",hit:t,attribute:"hierarchy.lvl1"})),"content"===t.type&&r.createElement("div",{className:"DocSearch-Hit-content-wrapper"},r.createElement(qt,{className:"DocSearch-Hit-title",hit:t,attribute:"content"}),r.createElement(qt,{className:"DocSearch-Hit-path",hit:t,attribute:"hierarchy.lvl1"})),a({item:t,runDeleteTransition:function(e){m(!0),y.current=e},runFavoriteTransition:function(e){b(!0),y.current=e}}))))}function Vt(e,t,n){return e.reduce((function(e,r){var o=t(r);return e.hasOwnProperty(o)||(e[o]=[]),e[o].length<(n||5)&&e[o].push(r),e}),{})}function Gt(e){return e}function Wt(e){return 1===e.button||e.altKey||e.ctrlKey||e.metaKey||e.shiftKey}function Kt(){}var Qt=/(<mark>|<\/mark>)/g,Yt=RegExp(Qt.source);function Zt(e){var t,n,r=e;if(!r.__docsearch_parent&&!e._highlightResult)return e.hierarchy.lvl0;var o=r.__docsearch_parent?null===(t=r.__docsearch_parent)||void 0===t||null===(t=t._highlightResult)||void 0===t||null===(t=t.hierarchy)||void 0===t?void 0:t.lvl0:null===(n=e._highlightResult)||void 0===n||null===(n=n.hierarchy)||void 0===n?void 0:n.lvl0;return o?o.value&&Yt.test(o.value)?o.value.replace(Qt,""):o.value:e.hierarchy.lvl0}function Jt(e){return r.createElement("div",{className:"DocSearch-Dropdown-Container"},e.state.collections.map((function(t){if(0===t.items.length)return null;var n=Zt(t.items[0]);return r.createElement($t,s({},e,{key:t.source.sourceId,title:n,collection:t,renderIcon:function(e){var n,o=e.item,a=e.index;return r.createElement(r.Fragment,null,o.__docsearch_parent&&r.createElement("svg",{className:"DocSearch-Hit-Tree",viewBox:"0 0 24 54"},r.createElement("g",{stroke:"currentColor",fill:"none",fillRule:"evenodd",strokeLinecap:"round",strokeLinejoin:"round"},o.__docsearch_parent!==(null===(n=t.items[a+1])||void 0===n?void 0:n.__docsearch_parent)?r.createElement("path",{d:"M8 6v21M20 27H8.3"}):r.createElement("path",{d:"M8 6v42M20 27H8.3"}))),r.createElement("div",{className:"DocSearch-Hit-icon"},r.createElement(Pt,{type:o.type})))},renderAction:function(){return r.createElement("div",{className:"DocSearch-Hit-action"},r.createElement(Ot,null))}}))})),e.resultsFooterComponent&&r.createElement("section",{className:"DocSearch-HitsFooter"},r.createElement(e.resultsFooterComponent,{state:e.state})))}var Xt=["translations"];function en(e){var t=e.translations,n=void 0===t?{}:t,o=l(e,Xt),a=n.recentSearchesTitle,i=void 0===a?"Recent":a,c=n.noRecentSearchesText,u=void 0===c?"No recent searches":c,d=n.saveRecentSearchButtonTitle,p=void 0===d?"Save this search":d,f=n.removeRecentSearchButtonTitle,m=void 0===f?"Remove this search from history":f,h=n.favoriteSearchesTitle,g=void 0===h?"Favorite":h,b=n.removeFavoriteSearchButtonTitle,y=void 0===b?"Remove this search from favorites":b;return"idle"===o.state.status&&!1===o.hasCollections?o.disableUserPersonalization?null:r.createElement("div",{className:"DocSearch-StartScreen"},r.createElement("p",{className:"DocSearch-Help"},u)):!1===o.hasCollections?null:r.createElement("div",{className:"DocSearch-Dropdown-Container"},r.createElement($t,s({},o,{title:i,collection:o.state.collections[0],renderIcon:function(){return r.createElement("div",{className:"DocSearch-Hit-icon"},r.createElement(jt,null))},renderAction:function(e){var t=e.item,n=e.runFavoriteTransition,a=e.runDeleteTransition;return r.createElement(r.Fragment,null,r.createElement("div",{className:"DocSearch-Hit-action"},r.createElement("button",{className:"DocSearch-Hit-action-button",title:p,type:"submit",onClick:function(e){e.preventDefault(),e.stopPropagation(),n((function(){o.favoriteSearches.add(t),o.recentSearches.remove(t),o.refresh()}))}},r.createElement(Rt,null))),r.createElement("div",{className:"DocSearch-Hit-action"},r.createElement("button",{className:"DocSearch-Hit-action-button",title:m,type:"submit",onClick:function(e){e.preventDefault(),e.stopPropagation(),a((function(){o.recentSearches.remove(t),o.refresh()}))}},r.createElement(At,null))))}})),r.createElement($t,s({},o,{title:g,collection:o.state.collections[1],renderIcon:function(){return r.createElement("div",{className:"DocSearch-Hit-icon"},r.createElement(Rt,null))},renderAction:function(e){var t=e.item,n=e.runDeleteTransition;return r.createElement("div",{className:"DocSearch-Hit-action"},r.createElement("button",{className:"DocSearch-Hit-action-button",title:y,type:"submit",onClick:function(e){e.preventDefault(),e.stopPropagation(),n((function(){o.favoriteSearches.remove(t),o.refresh()}))}},r.createElement(At,null)))}})))}var tn=["translations"],nn=r.memo((function(e){var t=e.translations,n=void 0===t?{}:t,o=l(e,tn);if("error"===o.state.status)return r.createElement(Mt,{translations:null==n?void 0:n.errorScreen});var a=o.state.collections.some((function(e){return e.items.length>0}));return o.state.query?!1===a?r.createElement(zt,s({},o,{translations:null==n?void 0:n.noResultsScreen})):r.createElement(Jt,o):r.createElement(en,s({},o,{hasCollections:a,translations:null==n?void 0:n.startScreen}))}),(function(e,t){return"loading"===t.state.status||"stalled"===t.state.status})),rn=["translations"];function on(e){var t=e.translations,n=void 0===t?{}:t,o=l(e,rn),a=n.resetButtonTitle,i=void 0===a?"Clear the query":a,c=n.resetButtonAriaLabel,u=void 0===c?"Clear the query":c,d=n.cancelButtonText,p=void 0===d?"Cancel":d,f=n.cancelButtonAriaLabel,h=void 0===f?"Cancel":f,g=n.searchInputLabel,b=void 0===g?"Search":g,y=o.getFormProps({inputElement:o.inputRef.current}).onReset;return r.useEffect((function(){o.autoFocus&&o.inputRef.current&&o.inputRef.current.focus()}),[o.autoFocus,o.inputRef]),r.useEffect((function(){o.isFromSelection&&o.inputRef.current&&o.inputRef.current.select()}),[o.isFromSelection,o.inputRef]),r.createElement(r.Fragment,null,r.createElement("form",{className:"DocSearch-Form",onSubmit:function(e){e.preventDefault()},onReset:y},r.createElement("label",s({className:"DocSearch-MagnifierLabel"},o.getLabelProps()),r.createElement(m,null),r.createElement("span",{className:"DocSearch-VisuallyHiddenForAccessibility"},b)),r.createElement("div",{className:"DocSearch-LoadingIndicator"},r.createElement(Ct,null)),r.createElement("input",s({className:"DocSearch-Input",ref:o.inputRef},o.getInputProps({inputElement:o.inputRef.current,autoFocus:o.autoFocus,maxLength:64}))),r.createElement("button",{type:"reset",title:i,className:"DocSearch-Reset","aria-label":u,hidden:!o.state.query},r.createElement(At,null))),r.createElement("button",{className:"DocSearch-Cancel",type:"reset","aria-label":h,onClick:o.onClose},p))}var an=["_highlightResult","_snippetResult"];function sn(e){var t=e.key,n=e.limit,r=void 0===n?5:n,o=function(e){return!1===function(){var e="__TEST_KEY__";try{return localStorage.setItem(e,""),localStorage.removeItem(e),!0}catch(e){return!1}}()?{setItem:function(){},getItem:function(){return[]}}:{setItem:function(t){return window.localStorage.setItem(e,JSON.stringify(t))},getItem:function(){var t=window.localStorage.getItem(e);return t?JSON.parse(t):[]}}}(t),a=o.getItem().slice(0,r);return{add:function(e){var t=e,n=(t._highlightResult,t._snippetResult,l(t,an)),i=a.findIndex((function(e){return e.objectID===n.objectID}));i>-1&&a.splice(i,1),a.unshift(n),a=a.slice(0,r),o.setItem(a)},remove:function(e){a=a.filter((function(t){return t.objectID!==e.objectID})),o.setItem(a)},getAll:function(){return a}}}function ln(e){const t=`algoliasearch-client-js-${e.key}`;let n;const r=()=>(void 0===n&&(n=e.localStorage||window.localStorage),n),o=()=>JSON.parse(r().getItem(t)||"{}"),a=e=>{r().setItem(t,JSON.stringify(e))};return{get:(t,n,r={miss:()=>Promise.resolve()})=>Promise.resolve().then((()=>{(()=>{const t=e.timeToLive?1e3*e.timeToLive:null,n=o(),r=Object.fromEntries(Object.entries(n).filter((([,e])=>void 0!==e.timestamp)));if(a(r),!t)return;const i=Object.fromEntries(Object.entries(r).filter((([,e])=>{const n=(new Date).getTime();return!(e.timestamp+t<n)})));a(i)})();const n=JSON.stringify(t);return o()[n]})).then((e=>Promise.all([e?e.value:n(),void 0!==e]))).then((([e,t])=>Promise.all([e,t||r.miss(e)]))).then((([e])=>e)),set:(e,n)=>Promise.resolve().then((()=>{const a=o();return a[JSON.stringify(e)]={timestamp:(new Date).getTime(),value:n},r().setItem(t,JSON.stringify(a)),n})),delete:e=>Promise.resolve().then((()=>{const n=o();delete n[JSON.stringify(e)],r().setItem(t,JSON.stringify(n))})),clear:()=>Promise.resolve().then((()=>{r().removeItem(t)}))}}function cn(e){const t=[...e.caches],n=t.shift();return void 0===n?{get:(e,t,n={miss:()=>Promise.resolve()})=>t().then((e=>Promise.all([e,n.miss(e)]))).then((([e])=>e)),set:(e,t)=>Promise.resolve(t),delete:e=>Promise.resolve(),clear:()=>Promise.resolve()}:{get:(e,r,o={miss:()=>Promise.resolve()})=>n.get(e,r,o).catch((()=>cn({caches:t}).get(e,r,o))),set:(e,r)=>n.set(e,r).catch((()=>cn({caches:t}).set(e,r))),delete:e=>n.delete(e).catch((()=>cn({caches:t}).delete(e))),clear:()=>n.clear().catch((()=>cn({caches:t}).clear()))}}function un(e={serializable:!0}){let t={};return{get(n,r,o={miss:()=>Promise.resolve()}){const a=JSON.stringify(n);if(a in t)return Promise.resolve(e.serializable?JSON.parse(t[a]):t[a]);const i=r(),s=o&&o.miss||(()=>Promise.resolve());return i.then((e=>s(e))).then((()=>i))},set:(n,r)=>(t[JSON.stringify(n)]=e.serializable?JSON.stringify(r):r,Promise.resolve(r)),delete:e=>(delete t[JSON.stringify(e)],Promise.resolve()),clear:()=>(t={},Promise.resolve())}}function dn(e){let t=e.length-1;for(;t>0;t--){const n=Math.floor(Math.random()*(t+1)),r=e[t];e[t]=e[n],e[n]=r}return e}function pn(e,t){return t?(Object.keys(t).forEach((n=>{e[n]=t[n](e)})),e):e}function fn(e,...t){let n=0;return e.replace(/%s/g,(()=>encodeURIComponent(t[n++])))}const mn={WithinQueryParameters:0,WithinHeaders:1};function hn(e,t){const n=e||{},r=n.data||{};return Object.keys(n).forEach((e=>{-1===["timeout","headers","queryParameters","data","cacheable"].indexOf(e)&&(r[e]=n[e])})),{data:Object.entries(r).length>0?r:void 0,timeout:n.timeout||t,headers:n.headers||{},queryParameters:n.queryParameters||{},cacheable:n.cacheable}}const gn={Read:1,Write:2,Any:3},bn=1,yn=3;function vn(e,t=bn){return{...e,status:t,lastUpdate:Date.now()}}function wn(e){return"string"==typeof e?{protocol:"https",url:e,accept:gn.Any}:{protocol:e.protocol||"https",url:e.url,accept:e.accept||gn.Any}}const Sn="GET",xn="POST";function kn(e,t,n,r){const o=[],a=function(e,t){if(e.method===Sn||void 0===e.data&&void 0===t.data)return;const n=Array.isArray(e.data)?e.data:{...e.data,...t.data};return JSON.stringify(n)}(n,r),i=function(e,t){const n={...e.headers,...t.headers},r={};return Object.keys(n).forEach((e=>{const t=n[e];r[e.toLowerCase()]=t})),r}(e,r),s=n.method,l=n.method!==Sn?{}:{...n.data,...r.data},c={"x-algolia-agent":e.userAgent.value,...e.queryParameters,...l,...r.queryParameters};let u=0;const d=(t,l)=>{const p=t.pop();if(void 0===p)throw{name:"RetryError",message:"Unreachable hosts - your application id may be incorrect. If the error persists, contact support@algolia.com.",transporterStackTrace:jn(o)};const f={data:a,headers:i,method:s,url:_n(p,n.path,c),connectTimeout:l(u,e.timeouts.connect),responseTimeout:l(u,r.timeout)},m=e=>{const n={request:f,response:e,host:p,triesLeft:t.length};return o.push(n),n},h={onSuccess:e=>function(e){try{return JSON.parse(e.content)}catch(t){throw function(e,t){return{name:"DeserializationError",message:e,response:t}}(t.message,e)}}(e),onRetry(n){const r=m(n);return n.isTimedOut&&u++,Promise.all([e.logger.info("Retryable failure",An(r)),e.hostsCache.set(p,vn(p,n.isTimedOut?yn:2))]).then((()=>d(t,l)))},onFail(e){throw m(e),function({content:e,status:t},n){let r=e;try{r=JSON.parse(e).message}catch(e){}return function(e,t,n){return{name:"ApiError",message:e,status:t,transporterStackTrace:n}}(r,t,n)}(e,jn(o))}};return e.requester.send(f).then((e=>((e,t)=>(e=>{const t=e.status;return e.isTimedOut||(({isTimedOut:e,status:t})=>!e&&!~~t)(e)||2!=~~(t/100)&&4!=~~(t/100)})(e)?t.onRetry(e):(({status:e})=>2==~~(e/100))(e)?t.onSuccess(e):t.onFail(e))(e,h)))};return function(e,t){return Promise.all(t.map((t=>e.get(t,(()=>Promise.resolve(vn(t))))))).then((e=>{const n=e.filter((e=>function(e){return e.status===bn||Date.now()-e.lastUpdate>12e4}(e))),r=e.filter((e=>function(e){return e.status===yn&&Date.now()-e.lastUpdate<=12e4}(e))),o=[...n,...r];return{getTimeout:(e,t)=>(0===r.length&&0===e?1:r.length+3+e)*t,statelessHosts:o.length>0?o.map((e=>wn(e))):t}}))}(e.hostsCache,t).then((e=>d([...e.statelessHosts].reverse(),e.getTimeout)))}function En(e){const t={value:`Algolia for JavaScript (${e})`,add(e){const n=`; ${e.segment}${void 0!==e.version?` (${e.version})`:""}`;return-1===t.value.indexOf(n)&&(t.value=`${t.value}${n}`),t}};return t}function _n(e,t,n){const r=Cn(n);let o=`${e.protocol}://${e.url}/${"/"===t.charAt(0)?t.substr(1):t}`;return r.length&&(o+=`?${r}`),o}function Cn(e){return Object.keys(e).map((t=>{return fn("%s=%s",t,(n=e[t],"[object Object]"===Object.prototype.toString.call(n)||"[object Array]"===Object.prototype.toString.call(n)?JSON.stringify(e[t]):e[t]));var n})).join("&")}function jn(e){return e.map((e=>An(e)))}function An(e){const t=e.request.headers["x-algolia-api-key"]?{"x-algolia-api-key":"*****"}:{};return{...e,request:{...e.request,headers:{...e.request.headers,...t}}}}const On=e=>{const t=e.appId,n=function(e,t,n){const r={"x-algolia-api-key":n,"x-algolia-application-id":t};return{headers:()=>e===mn.WithinHeaders?r:{},queryParameters:()=>e===mn.WithinQueryParameters?r:{}}}(void 0!==e.authMode?e.authMode:mn.WithinHeaders,t,e.apiKey),r=function(e){const{hostsCache:t,logger:n,requester:r,requestsCache:o,responsesCache:a,timeouts:i,userAgent:s,hosts:l,queryParameters:c,headers:u}=e,d={hostsCache:t,logger:n,requester:r,requestsCache:o,responsesCache:a,timeouts:i,userAgent:s,headers:u,queryParameters:c,hosts:l.map((e=>wn(e))),read(e,t){const n=hn(t,d.timeouts.read),r=()=>kn(d,d.hosts.filter((e=>!!(e.accept&gn.Read))),e,n);if(!0!==(void 0!==n.cacheable?n.cacheable:e.cacheable))return r();const o={request:e,mappedRequestOptions:n,transporter:{queryParameters:d.queryParameters,headers:d.headers}};return d.responsesCache.get(o,(()=>d.requestsCache.get(o,(()=>d.requestsCache.set(o,r()).then((e=>Promise.all([d.requestsCache.delete(o),e])),(e=>Promise.all([d.requestsCache.delete(o),Promise.reject(e)]))).then((([e,t])=>t))))),{miss:e=>d.responsesCache.set(o,e)})},write:(e,t)=>kn(d,d.hosts.filter((e=>!!(e.accept&gn.Write))),e,hn(t,d.timeouts.write))};return d}({hosts:[{url:`${t}-dsn.algolia.net`,accept:gn.Read},{url:`${t}.algolia.net`,accept:gn.Write}].concat(dn([{url:`${t}-1.algolianet.com`},{url:`${t}-2.algolianet.com`},{url:`${t}-3.algolianet.com`}])),...e,headers:{...n.headers(),"content-type":"application/x-www-form-urlencoded",...e.headers},queryParameters:{...n.queryParameters(),...e.queryParameters}}),o={transporter:r,appId:t,addAlgoliaAgent(e,t){r.userAgent.add({segment:e,version:t})},clearCache:()=>Promise.all([r.requestsCache.clear(),r.responsesCache.clear()]).then((()=>{}))};return pn(o,e.methods)},Tn=e=>(t,n)=>t.method===Sn?e.transporter.read(t,n):e.transporter.write(t,n),Pn=e=>(t,n={})=>pn({transporter:e.transporter,appId:e.appId,indexName:t},n.methods),Ln=e=>(t,n)=>{const r=t.map((e=>({...e,params:Cn(e.params||{})})));return e.transporter.read({method:xn,path:"1/indexes/*/queries",data:{requests:r},cacheable:!0},n)},In=e=>(t,n)=>Promise.all(t.map((t=>{const{facetName:r,facetQuery:o,...a}=t.params;return Pn(e)(t.indexName,{methods:{searchForFacetValues:Dn}}).searchForFacetValues(r,o,{...n,...a})}))),Rn=e=>(t,n,r)=>e.transporter.read({method:xn,path:fn("1/answers/%s/prediction",e.indexName),data:{query:t,queryLanguages:n},cacheable:!0},r),Nn=e=>(t,n)=>e.transporter.read({method:xn,path:fn("1/indexes/%s/query",e.indexName),data:{query:t},cacheable:!0},n),Dn=e=>(t,n,r)=>e.transporter.read({method:xn,path:fn("1/indexes/%s/facets/%s/query",e.indexName,t),data:{facetQuery:n},cacheable:!0},r),Mn=1,Fn=2,zn=3;function Bn(e,t,n){const r={appId:e,apiKey:t,timeouts:{connect:1,read:2,write:30},requester:{send:e=>new Promise((t=>{const n=new XMLHttpRequest;n.open(e.method,e.url,!0),Object.keys(e.headers).forEach((t=>n.setRequestHeader(t,e.headers[t])));const r=(e,r)=>setTimeout((()=>{n.abort(),t({status:0,content:r,isTimedOut:!0})}),1e3*e),o=r(e.connectTimeout,"Connection timeout");let a;n.onreadystatechange=()=>{n.readyState>n.OPENED&&void 0===a&&(clearTimeout(o),a=r(e.responseTimeout,"Socket timeout"))},n.onerror=()=>{0===n.status&&(clearTimeout(o),clearTimeout(a),t({content:n.responseText||"Network request failed",status:n.status,isTimedOut:!1}))},n.onload=()=>{clearTimeout(o),clearTimeout(a),t({content:n.responseText,status:n.status,isTimedOut:!1})},n.send(e.data)}))},logger:(o=zn,{debug:(e,t)=>(Mn>=o&&console.debug(e,t),Promise.resolve()),info:(e,t)=>(Fn>=o&&console.info(e,t),Promise.resolve()),error:(e,t)=>(console.error(e,t),Promise.resolve())}),responsesCache:un(),requestsCache:un({serializable:!1}),hostsCache:cn({caches:[ln({key:`4.19.1-${e}`}),un()]}),userAgent:En("4.19.1").add({segment:"Browser",version:"lite"}),authMode:mn.WithinQueryParameters};var o;return On({...r,...n,methods:{search:Ln,searchForFacetValues:In,multipleQueries:Ln,multipleSearchForFacetValues:In,customRequest:Tn,initIndex:e=>t=>Pn(e)(t,{methods:{search:Nn,searchForFacetValues:Dn,findAnswers:Rn}})}})}Bn.version="4.19.1";var Un=["footer","searchBox"];function qn(e){var t=e.appId,n=e.apiKey,o=e.indexName,i=e.placeholder,u=void 0===i?"Search docs":i,d=e.searchParameters,p=e.maxResultsPerGroup,f=e.onClose,m=void 0===f?Kt:f,h=e.transformItems,g=void 0===h?Gt:h,b=e.hitComponent,y=void 0===b?_t:b,v=e.resultsFooterComponent,w=void 0===v?function(){return null}:v,S=e.navigator,x=e.initialScrollY,k=void 0===x?0:x,E=e.transformSearchClient,_=void 0===E?Gt:E,C=e.disableUserPersonalization,j=void 0!==C&&C,A=e.initialQuery,O=void 0===A?"":A,T=e.translations,P=void 0===T?{}:T,L=e.getMissingResultsUrl,I=e.insights,R=void 0!==I&&I,N=P.footer,D=P.searchBox,M=l(P,Un),F=c(r.useState({query:"",collections:[],completion:null,context:{},isOpen:!1,activeItemId:null,status:"idle"}),2),z=F[0],B=F[1],U=r.useRef(null),q=r.useRef(null),$=r.useRef(null),H=r.useRef(null),V=r.useRef(null),G=r.useRef(10),W=r.useRef("undefined"!=typeof window?window.getSelection().toString().slice(0,64):"").current,K=r.useRef(O||W).current,Q=function(e,t,n){return r.useMemo((function(){var r=Bn(e,t);return r.addAlgoliaAgent("docsearch","3.6.2"),!1===/docsearch.js \(.*\)/.test(r.transporter.userAgent.value)&&r.addAlgoliaAgent("docsearch-react","3.6.2"),n(r)}),[e,t,n])}(t,n,_),Y=r.useRef(sn({key:"__DOCSEARCH_FAVORITE_SEARCHES__".concat(o),limit:10})).current,Z=r.useRef(sn({key:"__DOCSEARCH_RECENT_SEARCHES__".concat(o),limit:0===Y.getAll().length?7:4})).current,J=r.useCallback((function(e){if(!j){var t="content"===e.type?e.__docsearch_parent:e;t&&-1===Y.getAll().findIndex((function(e){return e.objectID===t.objectID}))&&Z.add(t)}}),[Y,Z,j]),X=r.useCallback((function(e){if(z.context.algoliaInsightsPlugin&&e.__autocomplete_id){var t=e,n={eventName:"Item Selected",index:t.__autocomplete_indexName,items:[t],positions:[e.__autocomplete_id],queryID:t.__autocomplete_queryID};z.context.algoliaInsightsPlugin.insights.clickedObjectIDsAfterSearch(n)}}),[z.context.algoliaInsightsPlugin]),ee=r.useMemo((function(){return St({id:"docsearch",defaultActiveItemId:0,placeholder:u,openOnFocus:!0,initialState:{query:K,context:{searchSuggestions:[]}},insights:R,navigator:S,onStateChange:function(e){B(e.state)},getSources:function(e){var r=e.query,i=e.state,s=e.setContext,l=e.setStatus;if(!r)return j?[]:[{sourceId:"recentSearches",onSelect:function(e){var t=e.item,n=e.event;J(t),Wt(n)||m()},getItemUrl:function(e){return e.item.url},getItems:function(){return Z.getAll()}},{sourceId:"favoriteSearches",onSelect:function(e){var t=e.item,n=e.event;J(t),Wt(n)||m()},getItemUrl:function(e){return e.item.url},getItems:function(){return Y.getAll()}}];var c=Boolean(R);return Q.search([{query:r,indexName:o,params:a({attributesToRetrieve:["hierarchy.lvl0","hierarchy.lvl1","hierarchy.lvl2","hierarchy.lvl3","hierarchy.lvl4","hierarchy.lvl5","hierarchy.lvl6","content","type","url"],attributesToSnippet:["hierarchy.lvl1:".concat(G.current),"hierarchy.lvl2:".concat(G.current),"hierarchy.lvl3:".concat(G.current),"hierarchy.lvl4:".concat(G.current),"hierarchy.lvl5:".concat(G.current),"hierarchy.lvl6:".concat(G.current),"content:".concat(G.current)],snippetEllipsisText:"\u2026",highlightPreTag:"<mark>",highlightPostTag:"</mark>",hitsPerPage:20,clickAnalytics:c},d)}]).catch((function(e){throw"RetryError"===e.name&&l("error"),e})).then((function(e){var r=e.results[0],l=r.hits,u=r.nbHits,d=Vt(l,(function(e){return Zt(e)}),p);i.context.searchSuggestions.length<Object.keys(d).length&&s({searchSuggestions:Object.keys(d)}),s({nbHits:u});var f={};return c&&(f={__autocomplete_indexName:o,__autocomplete_queryID:r.queryID,__autocomplete_algoliaCredentials:{appId:t,apiKey:n}}),Object.values(d).map((function(e,t){return{sourceId:"hits".concat(t),onSelect:function(e){var t=e.item,n=e.event;J(t),Wt(n)||m()},getItemUrl:function(e){return e.item.url},getItems:function(){return Object.values(Vt(e,(function(e){return e.hierarchy.lvl1}),p)).map(g).map((function(e){return e.map((function(t){var n=null,r=e.find((function(e){return"lvl1"===e.type&&e.hierarchy.lvl1===t.hierarchy.lvl1}));return"lvl1"!==t.type&&r&&(n=r),a(a({},t),{},{__docsearch_parent:n},f)}))})).flat()}}}))}))}})}),[o,d,p,Q,m,Z,Y,J,K,u,S,g,j,R,t,n]),te=ee.getEnvironmentProps,ne=ee.getRootProps,re=ee.refresh;return function(e){var t=e.getEnvironmentProps,n=e.panelElement,o=e.formElement,a=e.inputElement;r.useEffect((function(){if(n&&o&&a){var e=t({panelElement:n,formElement:o,inputElement:a}),r=e.onTouchStart,i=e.onTouchMove;return window.addEventListener("touchstart",r),window.addEventListener("touchmove",i),function(){window.removeEventListener("touchstart",r),window.removeEventListener("touchmove",i)}}}),[t,n,o,a])}({getEnvironmentProps:te,panelElement:H.current,formElement:$.current,inputElement:V.current}),function(e){var t=e.container;r.useEffect((function(){if(t){var e=t.querySelectorAll("a[href]:not([disabled]), button:not([disabled]), input:not([disabled])"),n=e[0],r=e[e.length-1];return t.addEventListener("keydown",o),function(){t.removeEventListener("keydown",o)}}function o(e){"Tab"===e.key&&(e.shiftKey?document.activeElement===n&&(e.preventDefault(),r.focus()):document.activeElement===r&&(e.preventDefault(),n.focus()))}}),[t])}({container:U.current}),r.useEffect((function(){return document.body.classList.add("DocSearch--active"),function(){var e,t;document.body.classList.remove("DocSearch--active"),null===(e=(t=window).scrollTo)||void 0===e||e.call(t,0,k)}}),[]),r.useEffect((function(){window.matchMedia("(max-width: 768px)").matches&&(G.current=5)}),[]),r.useEffect((function(){H.current&&(H.current.scrollTop=0)}),[z.query]),r.useEffect((function(){K.length>0&&(re(),V.current&&V.current.focus())}),[K,re]),r.useEffect((function(){function e(){if(q.current){var e=.01*window.innerHeight;q.current.style.setProperty("--docsearch-vh","".concat(e,"px"))}}return e(),window.addEventListener("resize",e),function(){window.removeEventListener("resize",e)}}),[]),r.createElement("div",s({ref:U},ne({"aria-expanded":!0}),{className:["DocSearch","DocSearch-Container","stalled"===z.status&&"DocSearch-Container--Stalled","error"===z.status&&"DocSearch-Container--Errored"].filter(Boolean).join(" "),role:"button",tabIndex:0,onMouseDown:function(e){e.target===e.currentTarget&&m()}}),r.createElement("div",{className:"DocSearch-Modal",ref:q},r.createElement("header",{className:"DocSearch-SearchBar",ref:$},r.createElement(on,s({},ee,{state:z,autoFocus:0===K.length,inputRef:V,isFromSelection:Boolean(K)&&K===W,translations:D,onClose:m}))),r.createElement("div",{className:"DocSearch-Dropdown",ref:H},r.createElement(nn,s({},ee,{indexName:o,state:z,hitComponent:y,resultsFooterComponent:w,disableUserPersonalization:j,recentSearches:Z,favoriteSearches:Y,inputRef:V,translations:M,getMissingResultsUrl:L,onItemClick:function(e,t){X(e),J(e),Wt(t)||m()}}))),r.createElement("footer",{className:"DocSearch-Footer"},r.createElement(Et,{translations:N}))))}function $n(e){var t=e.isOpen,n=e.onOpen,o=e.onClose,a=e.onInput,i=e.searchButtonRef;r.useEffect((function(){function e(e){var r;(27===e.keyCode&&t||"k"===(null===(r=e.key)||void 0===r?void 0:r.toLowerCase())&&(e.metaKey||e.ctrlKey)||!function(e){var t=e.target,n=t.tagName;return t.isContentEditable||"INPUT"===n||"SELECT"===n||"TEXTAREA"===n}(e)&&"/"===e.key&&!t)&&(e.preventDefault(),t?o():document.body.classList.contains("DocSearch--active")||document.body.classList.contains("DocSearch--active")||n()),i&&i.current===document.activeElement&&a&&/[a-zA-Z0-9]/.test(String.fromCharCode(e.keyCode))&&a(e)}return window.addEventListener("keydown",e),function(){window.removeEventListener("keydown",e)}}),[t,n,o,a,i])}},9927:(e,t,n)=>{var r={"./":6532};function o(e){var t=a(e);return n(t)}function a(e){if(!n.o(r,e)){var t=new Error("Cannot find module '"+e+"'");throw t.code="MODULE_NOT_FOUND",t}return r[e]}o.keys=function(){return Object.keys(r)},o.resolve=a,e.exports=o,o.id=9927},1377:(e,t,n)=>{"use strict";n.d(t,{A:()=>p});n(758);var r=n(9235),o=n.n(r),a=n(4054);const i={"01a85c17":[()=>Promise.all([n.e(1869),n.e(8209)]).then(n.bind(n,7975)),"@theme/BlogTagsListPage",7975],"0481ad86":[()=>n.e(7431).then(n.t.bind(n,2555,19)),"@generated/docusaurus-plugin-content-docs/community/p/ru-community-d37.json",2555],"04b1b9d4":[()=>n.e(5263).then(n.bind(n,4283)),"@site/i18n/ru/docusaurus-plugin-content-docs/current/guides/issues/routes.mdx",4283],"07deeff8":[()=>Promise.all([n.e(1869),n.e(9820),n.e(230)]).then(n.bind(n,128)),"@site/i18n/ru/docusaurus-plugin-content-docs/current/guides/index.mdx",128],"1232fa31":[()=>Promise.all([n.e(1869),n.e(9820),n.e(2338)]).then(n.bind(n,7490)),"@site/i18n/ru/docusaurus-plugin-content-docs/current/get-started/index.mdx",7490],17896441:[()=>Promise.all([n.e(1869),n.e(4342),n.e(1617),n.e(8401)]).then(n.bind(n,3097)),"@theme/DocItem",3097],"17f650ce":[()=>n.e(6008).then(n.bind(n,5952)),"@site/i18n/ru/docusaurus-plugin-content-docs/current/guides/examples/platforms.mdx",5952],"1943626f":[()=>n.e(6726).then(n.bind(n,3952)),"@site/blog/2022-06-04-rebranding.md",3952],"1a4e3797":[()=>Promise.all([n.e(1869),n.e(2138)]).then(n.bind(n,4164)),"@theme/SearchPage",4164],"1c0a16b8":[()=>n.e(6877).then(n.bind(n,9415)),"@site/i18n/ru/docusaurus-plugin-content-docs/current/about/promote/integration.mdx",9415],"1d3222b5":[()=>n.e(9316).then(n.bind(n,5002)),"@site/i18n/ru/docusaurus-plugin-content-docs/current/reference/isolation/decouple-entities.mdx",5002],"1df93b7f":[()=>Promise.all([n.e(1869),n.e(9820),n.e(7603),n.e(2511),n.e(4583)]).then(n.bind(n,3395)),"@site/src/pages/index.tsx",3395],"20c5a0f6":[()=>n.e(2538).then(n.bind(n,166)),"@site/i18n/ru/docusaurus-plugin-content-docs/current/guides/examples/i18n.mdx",166],"25a0b29f":[()=>n.e(422).then(n.bind(n,4688)),"@site/blog/2022-07-25-international-community.md?truncated=true",4688],"2bd07bfd":[()=>Promise.all([n.e(1869),n.e(9820),n.e(3902)]).then(n.bind(n,2612)),"@site/i18n/ru/docusaurus-plugin-content-docs/current/guides/examples/index.mdx",2612],"352bcbef":[()=>n.e(4401).then(n.bind(n,7593)),"@site/i18n/ru/docusaurus-plugin-content-docs/current/reference/isolation/coupling-cohesion.md",7593],"35c5367b":[()=>n.e(427).then(n.bind(n,1134)),"@site/i18n/ru/docusaurus-plugin-content-docs/current/reference/public-api.md",1134],"36994c47":[()=>n.e(9858).then(n.t.bind(n,5516,19)),"@generated/docusaurus-plugin-content-blog/default/__plugin.json",5516],"3b64669e":[()=>n.e(6400).then(n.bind(n,513)),"@site/i18n/ru/docusaurus-plugin-content-docs/current/about/understanding/knowledge-types.md",513],44775544:[()=>n.e(447).then(n.bind(n,6386)),"@site/i18n/ru/docusaurus-plugin-content-docs/current/about/alternatives.mdx",6386],"457d5840":[()=>n.e(6744).then(n.bind(n,7716)),"@site/i18n/ru/docusaurus-plugin-content-docs/current/reference/layers.mdx",7716],"4a19993a":[()=>n.e(2106).then(n.t.bind(n,5608,19)),"@generated/docusaurus-plugin-content-blog/default/p/ru-blog-tags-community-c3c.json",5608],"4eea1952":[()=>n.e(887).then(n.bind(n,3906)),"@site/i18n/ru/docusaurus-plugin-content-docs/current/guides/examples/metric.mdx",3906],"58b64b99":[()=>n.e(8056).then(n.bind(n,3870)),"@site/i18n/ru/docusaurus-plugin-content-docs/current/guides/tech/with-nextjs.mdx",3870],"5e95c892":[()=>n.e(9647).then(n.bind(n,9355)),"@theme/DocsRoot",9355],"5e9f5e1a":[()=>Promise.resolve().then(n.bind(n,4784)),"@generated/docusaurus.config",4784],"62f42e37":[()=>n.e(1268).then(n.bind(n,6990)),"@site/i18n/ru/docusaurus-plugin-content-docs/current/guides/tech/with-nuxtjs.mdx",6990],"6507e290":[()=>n.e(9937).then(n.t.bind(n,115,19)),"@generated/docusaurus-plugin-content-blog/default/p/ru-blog-tags-promo-bf6.json",115],"6545b372":[()=>Promise.all([n.e(1869),n.e(9820),n.e(8875)]).then(n.bind(n,7649)),"@site/i18n/ru/docusaurus-plugin-content-docs/current/reference/index.mdx",7649],"670340e2":[()=>n.e(9224).then(n.bind(n,1242)),"@site/i18n/ru/docusaurus-plugin-content-docs/current/about/motivation.md",1242],"6875c492":[()=>Promise.all([n.e(1869),n.e(4342),n.e(8492),n.e(4813)]).then(n.bind(n,677)),"@theme/BlogTagsPostsPage",677],"6becfc1a":[()=>n.e(1828).then(n.bind(n,7764)),"@site/i18n/ru/docusaurus-plugin-content-docs/current/guides/examples/autocompleted.mdx",7764],"6ee557b2":[()=>n.e(6334).then(n.bind(n,8907)),"@site/i18n/ru/docusaurus-plugin-content-docs/current/about/promote/partial-application.mdx",8907],"71d20f43":[()=>n.e(4232).then(n.bind(n,3885)),"@site/i18n/ru/docusaurus-plugin-content-docs/current/get-started/cheatsheet.mdx",3885],"7313bf7a":[()=>n.e(25).then(n.bind(n,7497)),"@site/i18n/en/docusaurus-plugin-content-docs/community/team.mdx",7497],"7759802f":[()=>n.e(4743).then(n.bind(n,2456)),"@site/i18n/ru/docusaurus-plugin-content-docs/current/guides/examples/auth.md",2456],"7b31d677":[()=>n.e(5496).then(n.bind(n,4745)),"@site/i18n/ru/docusaurus-plugin-content-docs/current/get-started/faq.md",4745],"808aa0e6":[()=>Promise.all([n.e(1869),n.e(2828)]).then(n.bind(n,6572)),"@site/i18n/ru/docusaurus-plugin-content-docs/current/intro.mdx",6572],"814f3328":[()=>n.e(7472).then(n.t.bind(n,5513,19)),"~blog/default/blog-post-list-prop-default.json",5513],"81cb5b69":[()=>n.e(8291).then(n.bind(n,7066)),"@site/i18n/ru/docusaurus-plugin-content-docs/current/about/understanding/architecture.md",7066],"8edc10e1":[()=>n.e(7968).then(n.bind(n,7323)),"@site/i18n/ru/docusaurus-plugin-content-docs/current/guides/examples/white-labels.mdx",7323],"90c52043":[()=>n.e(5425).then(n.bind(n,7138)),"@site/i18n/ru/docusaurus-plugin-content-docs/current/guides/issues/desegmented.mdx",7138],"90f695cb":[()=>n.e(7673).then(n.bind(n,1448)),"@site/src/pages/versions/index.tsx",1448],"9b6dbc63":[()=>Promise.all([n.e(1869),n.e(9820),n.e(2304)]).then(n.bind(n,1106)),"@site/i18n/ru/docusaurus-plugin-content-docs/current/about/index.mdx",1106],"9e4087bc":[()=>n.e(2711).then(n.bind(n,4757)),"@theme/BlogArchivePage",4757],"9fc8add1":[()=>n.e(6189).then(n.bind(n,7255)),"@site/i18n/ru/docusaurus-plugin-content-docs/current/branding.md",7255],a01ebdbc:[()=>n.e(4477).then(n.bind(n,2671)),"@site/i18n/ru/docusaurus-plugin-content-docs/current/guides/migration/from-v1.md",2671],a41378e3:[()=>n.e(3541).then(n.bind(n,8200)),"@site/i18n/ru/docusaurus-plugin-content-docs/current/guides/tech/with-react-query.mdx",8200],a61c55ce:[()=>Promise.all([n.e(1869),n.e(9820),n.e(8964)]).then(n.bind(n,738)),"@site/i18n/en/docusaurus-plugin-content-docs/community/index.mdx",738],a657d4fc:[()=>n.e(9783).then(n.bind(n,1399)),"@site/i18n/ru/docusaurus-plugin-content-docs/current/guides/examples/browser-api.mdx",1399],a6aa9e1f:[()=>Promise.all([n.e(1869),n.e(4342),n.e(8492),n.e(7643)]).then(n.bind(n,7110)),"@theme/BlogListPage",7110],a6bb2b9f:[()=>n.e(643).then(n.bind(n,2287)),"@site/i18n/ru/docusaurus-plugin-content-docs/current/guides/examples/theme.mdx",2287],a7456010:[()=>n.e(1235).then(n.t.bind(n,8552,19)),"@generated/docusaurus-plugin-content-pages/default/__plugin.json",8552],a7bd4aaa:[()=>n.e(7098).then(n.bind(n,3614)),"@theme/DocVersionRoot",3614],a94703ab:[()=>Promise.all([n.e(1869),n.e(9048)]).then(n.bind(n,2963)),"@theme/DocRoot",2963],a97f4ecc:[()=>n.e(1217).then(n.bind(n,8173)),"@site/i18n/ru/docusaurus-plugin-content-docs/current/guides/tech/with-sveltekit.mdx",8173],aa7e92d2:[()=>n.e(8494).then(n.t.bind(n,1799,19)),"@generated/docusaurus-plugin-content-blog/default/p/ru-blog-archive-5aa.json",1799],aba21aa0:[()=>n.e(5742).then(n.t.bind(n,7093,19)),"@generated/docusaurus-plugin-content-docs/default/__plugin.json",7093],acecf23e:[()=>n.e(1903).then(n.t.bind(n,1912,19)),"~blog/default/blogMetadata-default.json",1912],b23f9b66:[()=>n.e(5005).then(n.t.bind(n,9901,19)),"@generated/docusaurus-plugin-content-blog/default/p/ru-blog-a6c.json",9901],b4c136e1:[()=>Promise.all([n.e(1869),n.e(7603),n.e(868)]).then(n.bind(n,1908)),"@site/src/pages/examples/index.tsx",1908],b79c393c:[()=>n.e(3276).then(n.bind(n,4825)),"@site/i18n/ru/docusaurus-plugin-content-docs/current/guides/migration/from-custom.md",4825],b9d2a7aa:[()=>n.e(1732).then(n.bind(n,3424)),"@site/i18n/ru/docusaurus-plugin-content-docs/current/about/understanding/signals.mdx",3424],bce03a1b:[()=>n.e(3784).then(n.bind(n,2127)),"@site/i18n/ru/docusaurus-plugin-content-docs/current/get-started/tutorial.md",2127],c0c4bf5d:[()=>n.e(9772).then(n.bind(n,2648)),"@site/i18n/ru/docusaurus-plugin-content-docs/current/about/promote/for-team.mdx",2648],c141421f:[()=>n.e(957).then(n.t.bind(n,936,19)),"@generated/docusaurus-theme-search-algolia/default/__plugin.json",936],c46c2379:[()=>n.e(1486).then(n.t.bind(n,755,19)),"@generated/docusaurus-plugin-content-blog/default/p/ru-blog-tags-brand-215.json",755],c7525d6a:[()=>n.e(3512).then(n.t.bind(n,6512,19)),"@generated/docusaurus-plugin-content-blog/default/p/ru-blog-tags-discord-db0.json",6512],ccc49370:[()=>Promise.all([n.e(1869),n.e(4342),n.e(8492),n.e(3249)]).then(n.bind(n,7446)),"@theme/BlogPostPage",7446],ce6f052d:[()=>n.e(8376).then(n.bind(n,5212)),"@site/i18n/ru/docusaurus-plugin-content-docs/current/about/mission.md",5212],cf699f5e:[()=>n.e(1068).then(n.bind(n,8094)),"@site/i18n/ru/docusaurus-plugin-content-docs/current/get-started/overview.mdx",8094],d178dcf5:[()=>n.e(9467).then(n.bind(n,1374)),"@site/i18n/ru/docusaurus-plugin-content-docs/current/about/promote/for-company.mdx",1374],d1f19b62:[()=>n.e(9780).then(n.bind(n,4931)),"@site/i18n/ru/docusaurus-plugin-content-docs/current/guides/examples/monorepo.mdx",4931],d595dc26:[()=>n.e(8775).then(n.bind(n,5789)),"@site/i18n/ru/docusaurus-plugin-content-docs/current/about/understanding/naming.md",5789],dd4fd790:[()=>n.e(4793).then(n.bind(n,7688)),"@site/i18n/ru/docusaurus-plugin-content-docs/current/guides/issues/cross-imports.mdx",7688],e0719818:[()=>n.e(5220).then(n.t.bind(n,8669,19)),"@generated/docusaurus-plugin-content-docs/community/__plugin.json",8669],e38a3126:[()=>n.e(6766).then(n.bind(n,5584)),"@site/i18n/ru/docusaurus-plugin-content-docs/current/reference/slices-segments.mdx",5584],e71e2184:[()=>n.e(3670).then(n.bind(n,593)),"@site/i18n/ru/docusaurus-plugin-content-docs/current/guides/examples/types.md",593],e86cc05b:[()=>n.e(733).then(n.t.bind(n,4888,19)),"@generated/docusaurus-plugin-content-docs/default/p/ru-docs-278.json",4888],e9dc891f:[()=>n.e(3490).then(n.bind(n,5019)),"@site/i18n/ru/docusaurus-plugin-content-docs/current/guides/examples/feedback.mdx",5019],eb8bed87:[()=>n.e(7364).then(n.bind(n,836)),"@site/i18n/ru/docusaurus-plugin-content-docs/current/guides/examples/ssr.mdx",836],f22b339c:[()=>n.e(393).then(n.bind(n,896)),"@site/i18n/ru/docusaurus-plugin-content-docs/current/guides/examples/page-layout.md",896],f39d466e:[()=>n.e(2216).then(n.bind(n,9983)),"@site/i18n/ru/docusaurus-plugin-content-docs/current/guides/examples/cms.mdx",9983],f565db0c:[()=>Promise.all([n.e(1869),n.e(9534)]).then(n.bind(n,5352)),"@site/src/pages/nav/index.tsx",5352],f6760343:[()=>n.e(6956).then(n.bind(n,5540)),"@site/blog/2022-07-25-international-community.md",5540],f6bb872e:[()=>n.e(2563).then(n.bind(n,4204)),"@site/blog/2022-06-04-rebranding.md?truncated=true",4204],fcc88823:[()=>n.e(294).then(n.bind(n,8999)),"@site/i18n/ru/docusaurus-plugin-content-docs/current/about/understanding/needs-driven.md",8999],fe7e4cbc:[()=>n.e(8818).then(n.t.bind(n,2791,19)),"@generated/docusaurus-plugin-content-blog/default/p/ru-blog-tags-5ab.json",2791],fee408fa:[()=>n.e(7512).then(n.bind(n,2588)),"@site/i18n/ru/docusaurus-plugin-content-docs/current/about/understanding/abstractions.mdx",2588],ffe50de1:[()=>n.e(8091).then(n.bind(n,876)),"@site/i18n/ru/docusaurus-plugin-content-docs/current/reference/isolation/index.md",876]};var s=n(6070);function l(e){let{error:t,retry:n,pastDelay:r}=e;return t?(0,s.jsxs)("div",{style:{textAlign:"center",color:"#fff",backgroundColor:"#fa383e",borderColor:"#fa383e",borderStyle:"solid",borderRadius:"0.25rem",borderWidth:"1px",boxSizing:"border-box",display:"block",padding:"1rem",flex:"0 0 50%",marginLeft:"25%",marginRight:"25%",marginTop:"5rem",maxWidth:"50%",width:"100%"},children:[(0,s.jsx)("p",{children:String(t)}),(0,s.jsx)("div",{children:(0,s.jsx)("button",{type:"button",onClick:n,children:"Retry"})})]}):r?(0,s.jsx)("div",{style:{display:"flex",justifyContent:"center",alignItems:"center",height:"100vh"},children:(0,s.jsx)("svg",{id:"loader",style:{width:128,height:110,position:"absolute",top:"calc(100vh - 64%)"},viewBox:"0 0 45 45",xmlns:"http://www.w3.org/2000/svg",stroke:"#61dafb",children:(0,s.jsxs)("g",{fill:"none",fillRule:"evenodd",transform:"translate(1 1)",strokeWidth:"2",children:[(0,s.jsxs)("circle",{cx:"22",cy:"22",r:"6",strokeOpacity:"0",children:[(0,s.jsx)("animate",{attributeName:"r",begin:"1.5s",dur:"3s",values:"6;22",calcMode:"linear",repeatCount:"indefinite"}),(0,s.jsx)("animate",{attributeName:"stroke-opacity",begin:"1.5s",dur:"3s",values:"1;0",calcMode:"linear",repeatCount:"indefinite"}),(0,s.jsx)("animate",{attributeName:"stroke-width",begin:"1.5s",dur:"3s",values:"2;0",calcMode:"linear",repeatCount:"indefinite"})]}),(0,s.jsxs)("circle",{cx:"22",cy:"22",r:"6",strokeOpacity:"0",children:[(0,s.jsx)("animate",{attributeName:"r",begin:"3s",dur:"3s",values:"6;22",calcMode:"linear",repeatCount:"indefinite"}),(0,s.jsx)("animate",{attributeName:"stroke-opacity",begin:"3s",dur:"3s",values:"1;0",calcMode:"linear",repeatCount:"indefinite"}),(0,s.jsx)("animate",{attributeName:"stroke-width",begin:"3s",dur:"3s",values:"2;0",calcMode:"linear",repeatCount:"indefinite"})]}),(0,s.jsx)("circle",{cx:"22",cy:"22",r:"8",children:(0,s.jsx)("animate",{attributeName:"r",begin:"0s",dur:"1.5s",values:"6;1;2;3;4;5;6",calcMode:"linear",repeatCount:"indefinite"})})]})})}):null}var c=n(8116),u=n(8851);function d(e,t){if("*"===e)return o()({loading:l,loader:()=>n.e(9019).then(n.bind(n,9019)),modules:["@theme/NotFound"],webpack:()=>[9019],render(e,t){const n=e.default;return(0,s.jsx)(u.W,{value:{plugin:{name:"native",id:"default"}},children:(0,s.jsx)(n,{...t})})}});const r=a[`${e}-${t}`],d={},p=[],f=[],m=(0,c.A)(r);return Object.entries(m).forEach((e=>{let[t,n]=e;const r=i[n];r&&(d[t]=r[0],p.push(r[1]),f.push(r[2]))})),o().Map({loading:l,loader:d,modules:p,webpack:()=>f,render(t,n){const o=JSON.parse(JSON.stringify(r));Object.entries(t).forEach((t=>{let[n,r]=t;const a=r.default;if(!a)throw new Error(`The page component at ${e} doesn't have a default export. This makes it impossible to render anything. Consider default-exporting a React component.`);"object"!=typeof a&&"function"!=typeof a||Object.keys(r).filter((e=>"default"!==e)).forEach((e=>{a[e]=r[e]}));let i=o;const s=n.split(".");s.slice(0,-1).forEach((e=>{i=i[e]})),i[s[s.length-1]]=a}));const a=o.__comp;delete o.__comp;const i=o.__context;delete o.__context;const l=o.__props;return delete o.__props,(0,s.jsx)(u.W,{value:i,children:(0,s.jsx)(a,{...o,...l,...n})})}})}const p=[{path:"/ru/blog",component:d("/ru/blog","aee"),exact:!0},{path:"/ru/blog/archive",component:d("/ru/blog/archive","1c3"),exact:!0},{path:"/ru/blog/international-community",component:d("/ru/blog/international-community","81b"),exact:!0},{path:"/ru/blog/rebranding-stable",component:d("/ru/blog/rebranding-stable","e49"),exact:!0},{path:"/ru/blog/tags",component:d("/ru/blog/tags","1d3"),exact:!0},{path:"/ru/blog/tags/brand",component:d("/ru/blog/tags/brand","419"),exact:!0},{path:"/ru/blog/tags/community",component:d("/ru/blog/tags/community","6d1"),exact:!0},{path:"/ru/blog/tags/discord",component:d("/ru/blog/tags/discord","c22"),exact:!0},{path:"/ru/blog/tags/promo",component:d("/ru/blog/tags/promo","72b"),exact:!0},{path:"/ru/examples",component:d("/ru/examples","708"),exact:!0},{path:"/ru/nav",component:d("/ru/nav","687"),exact:!0},{path:"/ru/search",component:d("/ru/search","750"),exact:!0},{path:"/ru/versions",component:d("/ru/versions","d01"),exact:!0},{path:"/ru/community",component:d("/ru/community","bf6"),routes:[{path:"/ru/community",component:d("/ru/community","e76"),routes:[{path:"/ru/community",component:d("/ru/community","e1b"),routes:[{path:"/ru/community",component:d("/ru/community","76e"),exact:!0,sidebar:"community"},{path:"/ru/community/team",component:d("/ru/community/team","e76"),exact:!0,sidebar:"community"}]}]}]},{path:"/ru/docs",component:d("/ru/docs","979"),routes:[{path:"/ru/docs",component:d("/ru/docs","8bf"),routes:[{path:"/ru/docs",component:d("/ru/docs","918"),routes:[{path:"/ru/docs",component:d("/ru/docs","2db"),exact:!0},{path:"/ru/docs/about",component:d("/ru/docs/about","2f6"),exact:!0,sidebar:"aboutSidebar"},{path:"/ru/docs/about/alternatives",component:d("/ru/docs/about/alternatives","2a8"),exact:!0,sidebar:"aboutSidebar"},{path:"/ru/docs/about/mission",component:d("/ru/docs/about/mission","529"),exact:!0,sidebar:"aboutSidebar"},{path:"/ru/docs/about/motivation",component:d("/ru/docs/about/motivation","275"),exact:!0,sidebar:"aboutSidebar"},{path:"/ru/docs/about/promote/for-company",component:d("/ru/docs/about/promote/for-company","d2b"),exact:!0,sidebar:"aboutSidebar"},{path:"/ru/docs/about/promote/for-team",component:d("/ru/docs/about/promote/for-team","9be"),exact:!0,sidebar:"aboutSidebar"},{path:"/ru/docs/about/promote/integration",component:d("/ru/docs/about/promote/integration","468"),exact:!0,sidebar:"aboutSidebar"},{path:"/ru/docs/about/promote/partial-application",component:d("/ru/docs/about/promote/partial-application","7c8"),exact:!0,sidebar:"aboutSidebar"},{path:"/ru/docs/about/understanding/abstractions",component:d("/ru/docs/about/understanding/abstractions","1e6"),exact:!0,sidebar:"aboutSidebar"},{path:"/ru/docs/about/understanding/architecture",component:d("/ru/docs/about/understanding/architecture","70d"),exact:!0,sidebar:"aboutSidebar"},{path:"/ru/docs/about/understanding/knowledge-types",component:d("/ru/docs/about/understanding/knowledge-types","34a"),exact:!0,sidebar:"aboutSidebar"},{path:"/ru/docs/about/understanding/naming",component:d("/ru/docs/about/understanding/naming","81e"),exact:!0,sidebar:"aboutSidebar"},{path:"/ru/docs/about/understanding/needs-driven",component:d("/ru/docs/about/understanding/needs-driven","909"),exact:!0,sidebar:"aboutSidebar"},{path:"/ru/docs/about/understanding/signals",component:d("/ru/docs/about/understanding/signals","032"),exact:!0,sidebar:"aboutSidebar"},{path:"/ru/docs/branding",component:d("/ru/docs/branding","430"),exact:!0},{path:"/ru/docs/get-started",component:d("/ru/docs/get-started","3d9"),exact:!0,sidebar:"getstartedSidebar"},{path:"/ru/docs/get-started/cheatsheet",component:d("/ru/docs/get-started/cheatsheet","63d"),exact:!0,sidebar:"getstartedSidebar"},{path:"/ru/docs/get-started/faq",component:d("/ru/docs/get-started/faq","125"),exact:!0,sidebar:"getstartedSidebar"},{path:"/ru/docs/get-started/overview",component:d("/ru/docs/get-started/overview","0c5"),exact:!0,sidebar:"getstartedSidebar"},{path:"/ru/docs/get-started/tutorial",component:d("/ru/docs/get-started/tutorial","bfd"),exact:!0,sidebar:"getstartedSidebar"},{path:"/ru/docs/guides",component:d("/ru/docs/guides","1db"),exact:!0,sidebar:"guidesSidebar"},{path:"/ru/docs/guides/examples",component:d("/ru/docs/guides/examples","36d"),exact:!0,sidebar:"guidesSidebar"},{path:"/ru/docs/guides/examples/auth",component:d("/ru/docs/guides/examples/auth","985"),exact:!0,sidebar:"guidesSidebar"},{path:"/ru/docs/guides/examples/autocompleted",component:d("/ru/docs/guides/examples/autocompleted","daa"),exact:!0,sidebar:"guidesSidebar"},{path:"/ru/docs/guides/examples/browser-api",component:d("/ru/docs/guides/examples/browser-api","3d4"),exact:!0,sidebar:"guidesSidebar"},{path:"/ru/docs/guides/examples/cms",component:d("/ru/docs/guides/examples/cms","57a"),exact:!0,sidebar:"guidesSidebar"},{path:"/ru/docs/guides/examples/feedback",component:d("/ru/docs/guides/examples/feedback","ed7"),exact:!0,sidebar:"guidesSidebar"},{path:"/ru/docs/guides/examples/i18n",component:d("/ru/docs/guides/examples/i18n","512"),exact:!0,sidebar:"guidesSidebar"},{path:"/ru/docs/guides/examples/metric",component:d("/ru/docs/guides/examples/metric","792"),exact:!0,sidebar:"guidesSidebar"},{path:"/ru/docs/guides/examples/monorepo",component:d("/ru/docs/guides/examples/monorepo","0bd"),exact:!0,sidebar:"guidesSidebar"},{path:"/ru/docs/guides/examples/page-layout",component:d("/ru/docs/guides/examples/page-layout","177"),exact:!0,sidebar:"guidesSidebar"},{path:"/ru/docs/guides/examples/platforms",component:d("/ru/docs/guides/examples/platforms","5e3"),exact:!0,sidebar:"guidesSidebar"},{path:"/ru/docs/guides/examples/ssr",component:d("/ru/docs/guides/examples/ssr","c48"),exact:!0,sidebar:"guidesSidebar"},{path:"/ru/docs/guides/examples/theme",component:d("/ru/docs/guides/examples/theme","719"),exact:!0,sidebar:"guidesSidebar"},{path:"/ru/docs/guides/examples/types",component:d("/ru/docs/guides/examples/types","eb5"),exact:!0,sidebar:"guidesSidebar"},{path:"/ru/docs/guides/examples/white-labels",component:d("/ru/docs/guides/examples/white-labels","362"),exact:!0,sidebar:"guidesSidebar"},{path:"/ru/docs/guides/issues/cross-imports",component:d("/ru/docs/guides/issues/cross-imports","cb6"),exact:!0,sidebar:"guidesSidebar"},{path:"/ru/docs/guides/issues/desegmented",component:d("/ru/docs/guides/issues/desegmented","955"),exact:!0,sidebar:"guidesSidebar"},{path:"/ru/docs/guides/issues/routes",component:d("/ru/docs/guides/issues/routes","ab8"),exact:!0,sidebar:"guidesSidebar"},{path:"/ru/docs/guides/migration/from-custom",component:d("/ru/docs/guides/migration/from-custom","0c9"),exact:!0,sidebar:"guidesSidebar"},{path:"/ru/docs/guides/migration/from-v1",component:d("/ru/docs/guides/migration/from-v1","98b"),exact:!0,sidebar:"guidesSidebar"},{path:"/ru/docs/guides/tech/with-nextjs",component:d("/ru/docs/guides/tech/with-nextjs","500"),exact:!0,sidebar:"guidesSidebar"},{path:"/ru/docs/guides/tech/with-nuxtjs",component:d("/ru/docs/guides/tech/with-nuxtjs","0de"),exact:!0,sidebar:"guidesSidebar"},{path:"/ru/docs/guides/tech/with-react-query",component:d("/ru/docs/guides/tech/with-react-query","d11"),exact:!0,sidebar:"guidesSidebar"},{path:"/ru/docs/guides/tech/with-sveltekit",component:d("/ru/docs/guides/tech/with-sveltekit","97c"),exact:!0,sidebar:"guidesSidebar"},{path:"/ru/docs/reference",component:d("/ru/docs/reference","5fa"),exact:!0,sidebar:"referenceSidebar"},{path:"/ru/docs/reference/isolation",component:d("/ru/docs/reference/isolation","02f"),exact:!0,sidebar:"referenceSidebar"},{path:"/ru/docs/reference/isolation/coupling-cohesion",component:d("/ru/docs/reference/isolation/coupling-cohesion","6c9"),exact:!0,sidebar:"referenceSidebar"},{path:"/ru/docs/reference/isolation/decouple-entities",component:d("/ru/docs/reference/isolation/decouple-entities","ca3"),exact:!0,sidebar:"referenceSidebar"},{path:"/ru/docs/reference/layers",component:d("/ru/docs/reference/layers","dca"),exact:!0,sidebar:"referenceSidebar"},{path:"/ru/docs/reference/public-api",component:d("/ru/docs/reference/public-api","662"),exact:!0,sidebar:"referenceSidebar"},{path:"/ru/docs/reference/slices-segments",component:d("/ru/docs/reference/slices-segments","58c"),exact:!0,sidebar:"referenceSidebar"}]}]}]},{path:"/ru/",component:d("/ru/","89c"),exact:!0},{path:"*",component:d("*")}]},5360:(e,t,n)=>{"use strict";n.d(t,{o:()=>a,x:()=>i});var r=n(758),o=n(6070);const a=r.createContext(!1);function i(e){let{children:t}=e;const[n,i]=(0,r.useState)(!1);return(0,r.useEffect)((()=>{i(!0)}),[]),(0,o.jsx)(a.Provider,{value:n,children:t})}},3096:(e,t,n)=>{"use strict";var r=n(758),o=n(9576),a=n(248),i=n(1742),s=n(4784),l=n(3088);const c=[n(4504),n(9773),n(5348),n(8602),n(8468)];var u=n(1377),d=n(5557),p=n(389),f=n(6070);function m(e){let{children:t}=e;return(0,f.jsx)(f.Fragment,{children:t})}var h=n(2293),g=n(9143),b=n(5252),y=n(316),v=n(898),w=n(1529),S=n(9782),x=n(4937),k=n(3509),E=n(1701);function _(){const{i18n:{currentLocale:e,defaultLocale:t,localeConfigs:n}}=(0,g.A)(),r=(0,w.o)(),o=n[e].htmlLang,a=e=>e.replace("-","_");return(0,f.jsxs)(h.A,{children:[Object.entries(n).map((e=>{let[t,{htmlLang:n}]=e;return(0,f.jsx)("link",{rel:"alternate",href:r.createUrl({locale:t,fullyQualified:!0}),hrefLang:n},t)})),(0,f.jsx)("link",{rel:"alternate",href:r.createUrl({locale:t,fullyQualified:!0}),hrefLang:"x-default"}),(0,f.jsx)("meta",{property:"og:locale",content:a(o)}),Object.values(n).filter((e=>o!==e.htmlLang)).map((e=>(0,f.jsx)("meta",{property:"og:locale:alternate",content:a(e.htmlLang)},`meta-og-${e.htmlLang}`)))]})}function C(e){let{permalink:t}=e;const{siteConfig:{url:n}}=(0,g.A)(),r=function(){const{siteConfig:{url:e,baseUrl:t,trailingSlash:n}}=(0,g.A)(),{pathname:r}=(0,d.zy)();return e+(0,k.Ks)((0,b.Ay)(r),{trailingSlash:n,baseUrl:t})}(),o=t?`${n}${t}`:r;return(0,f.jsxs)(h.A,{children:[(0,f.jsx)("meta",{property:"og:url",content:o}),(0,f.jsx)("link",{rel:"canonical",href:o})]})}function j(){const{i18n:{currentLocale:e}}=(0,g.A)(),{metadata:t,image:n}=(0,y.p)();return(0,f.jsxs)(f.Fragment,{children:[(0,f.jsxs)(h.A,{children:[(0,f.jsx)("meta",{name:"twitter:card",content:"summary_large_image"}),(0,f.jsx)("body",{className:S.w})]}),n&&(0,f.jsx)(v.be,{image:n}),(0,f.jsx)(C,{}),(0,f.jsx)(_,{}),(0,f.jsx)(E.A,{tag:x.C,locale:e}),(0,f.jsx)(h.A,{children:t.map(((e,t)=>(0,f.jsx)("meta",{...e},t)))})]})}const A=new Map;var O=n(5360),T=n(1170),P=n(8302);function L(e){for(var t=arguments.length,n=new Array(t>1?t-1:0),r=1;r<t;r++)n[r-1]=arguments[r];const o=c.map((t=>{const r=t.default?.[e]??t[e];return r?.(...n)}));return()=>o.forEach((e=>e?.()))}const I=function(e){let{children:t,location:n,previousLocation:r}=e;return(0,P.A)((()=>{r!==n&&(!function(e){let{location:t,previousLocation:n}=e;if(!n)return;const r=t.pathname===n.pathname,o=t.hash===n.hash,a=t.search===n.search;if(r&&o&&!a)return;const{hash:i}=t;if(i){const e=decodeURIComponent(i.substring(1)),t=document.getElementById(e);t?.scrollIntoView()}else window.scrollTo(0,0)}({location:n,previousLocation:r}),L("onRouteDidUpdate",{previousLocation:r,location:n}))}),[r,n]),t};function R(e){const t=Array.from(new Set([e,decodeURI(e)])).map((e=>(0,p.u)(u.A,e))).flat();return Promise.all(t.map((e=>e.route.component.preload?.())))}class N extends r.Component{previousLocation;routeUpdateCleanupCb;constructor(e){super(e),this.previousLocation=null,this.routeUpdateCleanupCb=l.A.canUseDOM?L("onRouteUpdate",{previousLocation:null,location:this.props.location}):()=>{},this.state={nextRouteHasLoaded:!0}}shouldComponentUpdate(e,t){if(e.location===this.props.location)return t.nextRouteHasLoaded;const n=e.location;return this.previousLocation=this.props.location,this.setState({nextRouteHasLoaded:!1}),this.routeUpdateCleanupCb=L("onRouteUpdate",{previousLocation:this.previousLocation,location:n}),R(n.pathname).then((()=>{this.routeUpdateCleanupCb(),this.setState({nextRouteHasLoaded:!0})})).catch((e=>{console.warn(e),window.location.reload()})),!1}render(){const{children:e,location:t}=this.props;return(0,f.jsx)(I,{previousLocation:this.previousLocation,location:t,children:(0,f.jsx)(d.qh,{location:t,render:()=>e})})}}const D=N,M="__docusaurus-base-url-issue-banner-container",F="__docusaurus-base-url-issue-banner",z="__docusaurus-base-url-issue-banner-suggestion-container";function B(e){return`\ndocument.addEventListener('DOMContentLoaded', function maybeInsertBanner() {\n  var shouldInsert = typeof window['docusaurus'] === 'undefined';\n  shouldInsert && insertBanner();\n});\n\nfunction insertBanner() {\n  var bannerContainer = document.createElement('div');\n  bannerContainer.id = '${M}';\n  var bannerHtml = ${JSON.stringify(function(e){return`\n<div id="${F}" style="border: thick solid red; background-color: rgb(255, 230, 179); margin: 20px; padding: 20px; font-size: 20px;">\n   <p style="font-weight: bold; font-size: 30px;">Your Docusaurus site did not load properly.</p>\n   <p>A very common reason is a wrong site <a href="https://docusaurus.io/docs/docusaurus.config.js/#baseUrl" style="font-weight: bold;">baseUrl configuration</a>.</p>\n   <p>Current configured baseUrl = <span style="font-weight: bold; color: red;">${e}</span> ${"/"===e?" (default value)":""}</p>\n   <p>We suggest trying baseUrl = <span id="${z}" style="font-weight: bold; color: green;"></span></p>\n</div>\n`}(e)).replace(/</g,"\\<")};\n  bannerContainer.innerHTML = bannerHtml;\n  document.body.prepend(bannerContainer);\n  var suggestionContainer = document.getElementById('${z}');\n  var actualHomePagePath = window.location.pathname;\n  var suggestedBaseUrl = actualHomePagePath.substr(-1) === '/'\n        ? actualHomePagePath\n        : actualHomePagePath + '/';\n  suggestionContainer.innerHTML = suggestedBaseUrl;\n}\n`}function U(){const{siteConfig:{baseUrl:e}}=(0,g.A)();return(0,f.jsx)(f.Fragment,{children:!l.A.canUseDOM&&(0,f.jsx)(h.A,{children:(0,f.jsx)("script",{children:B(e)})})})}function q(){const{siteConfig:{baseUrl:e,baseUrlIssueBanner:t}}=(0,g.A)(),{pathname:n}=(0,d.zy)();return t&&n===e?(0,f.jsx)(U,{}):null}function $(){const{siteConfig:{favicon:e,title:t,noIndex:n},i18n:{currentLocale:r,localeConfigs:o}}=(0,g.A)(),a=(0,b.Ay)(e),{htmlLang:i,direction:s}=o[r];return(0,f.jsxs)(h.A,{children:[(0,f.jsx)("html",{lang:i,dir:s}),(0,f.jsx)("title",{children:t}),(0,f.jsx)("meta",{property:"og:title",content:t}),(0,f.jsx)("meta",{name:"viewport",content:"width=device-width, initial-scale=1.0"}),n&&(0,f.jsx)("meta",{name:"robots",content:"noindex, nofollow"}),e&&(0,f.jsx)("link",{rel:"icon",href:a})]})}var H=n(356),V=n(2630);function G(){const e=(0,V.A)();return(0,f.jsx)(h.A,{children:(0,f.jsx)("html",{"data-has-hydrated":e})})}const W=(0,p.v)(u.A);function K(){const e=function(e){if(A.has(e.pathname))return{...e,pathname:A.get(e.pathname)};if((0,p.u)(u.A,e.pathname).some((e=>{let{route:t}=e;return!0===t.exact})))return A.set(e.pathname,e.pathname),e;const t=e.pathname.trim().replace(/(?:\/index)?\.html$/,"")||"/";return A.set(e.pathname,t),{...e,pathname:t}}((0,d.zy)());return(0,f.jsx)(D,{location:e,children:W})}function Q(){return(0,f.jsx)(H.A,{children:(0,f.jsx)(T.l,{children:(0,f.jsxs)(O.x,{children:[(0,f.jsxs)(m,{children:[(0,f.jsx)($,{}),(0,f.jsx)(j,{}),(0,f.jsx)(q,{}),(0,f.jsx)(K,{})]}),(0,f.jsx)(G,{})]})})})}var Y=n(4054);const Z=function(e){try{return document.createElement("link").relList.supports(e)}catch{return!1}}("prefetch")?function(e){return new Promise(((t,n)=>{if("undefined"==typeof document)return void n();const r=document.createElement("link");r.setAttribute("rel","prefetch"),r.setAttribute("href",e),r.onload=()=>t(),r.onerror=()=>n();const o=document.getElementsByTagName("head")[0]??document.getElementsByName("script")[0]?.parentNode;o?.appendChild(r)}))}:function(e){return new Promise(((t,n)=>{const r=new XMLHttpRequest;r.open("GET",e,!0),r.withCredentials=!0,r.onload=()=>{200===r.status?t():n()},r.send(null)}))};var J=n(8116);const X=new Set,ee=new Set,te=()=>navigator.connection?.effectiveType.includes("2g")||navigator.connection?.saveData,ne={prefetch:e=>{if(!(e=>!te()&&!ee.has(e)&&!X.has(e))(e))return!1;X.add(e);const t=(0,p.u)(u.A,e).flatMap((e=>{return t=e.route.path,Object.entries(Y).filter((e=>{let[n]=e;return n.replace(/-[^-]+$/,"")===t})).flatMap((e=>{let[,t]=e;return Object.values((0,J.A)(t))}));var t}));return Promise.all(t.map((e=>{const t=n.gca(e);return t&&!t.includes("undefined")?Z(t).catch((()=>{})):Promise.resolve()})))},preload:e=>!!(e=>!te()&&!ee.has(e))(e)&&(ee.add(e),R(e))},re=Object.freeze(ne);function oe(e){let{children:t}=e;return"hash"===s.default.future.experimental_router?(0,f.jsx)(i.I9,{children:t}):(0,f.jsx)(i.Kd,{children:t})}const ae=Boolean(!0);if(l.A.canUseDOM){window.docusaurus=re;const e=document.getElementById("__docusaurus"),t=(0,f.jsx)(a.vd,{children:(0,f.jsx)(oe,{children:(0,f.jsx)(Q,{})})}),n=(e,t)=>{console.error("Docusaurus React Root onRecoverableError:",e,t)},i=()=>{if(window.docusaurusRoot)window.docusaurusRoot.render(t);else if(ae)window.docusaurusRoot=o.hydrateRoot(e,t,{onRecoverableError:n});else{const r=o.createRoot(e,{onRecoverableError:n});r.render(t),window.docusaurusRoot=r}};R(window.location.pathname).then((()=>{(0,r.startTransition)(i)}))}},1170:(e,t,n)=>{"use strict";n.d(t,{o:()=>d,l:()=>p});var r=n(758),o=n(4784);const a=JSON.parse('{"docusaurus-plugin-content-docs":{"default":{"path":"/ru/docs","versions":[{"name":"current","label":"v2.0.0 \ud83c\udf70","isLast":true,"path":"/ru/docs","mainDocId":"intro","docs":[{"id":"about/alternatives","path":"/ru/docs/about/alternatives","sidebar":"aboutSidebar"},{"id":"about/index","path":"/ru/docs/about/","sidebar":"aboutSidebar"},{"id":"about/mission","path":"/ru/docs/about/mission","sidebar":"aboutSidebar"},{"id":"about/motivation","path":"/ru/docs/about/motivation","sidebar":"aboutSidebar"},{"id":"about/promote/for-company","path":"/ru/docs/about/promote/for-company","sidebar":"aboutSidebar"},{"id":"about/promote/for-team","path":"/ru/docs/about/promote/for-team","sidebar":"aboutSidebar"},{"id":"about/promote/integration","path":"/ru/docs/about/promote/integration","sidebar":"aboutSidebar"},{"id":"about/promote/partial-application","path":"/ru/docs/about/promote/partial-application","sidebar":"aboutSidebar"},{"id":"about/understanding/abstractions","path":"/ru/docs/about/understanding/abstractions","sidebar":"aboutSidebar"},{"id":"about/understanding/architecture","path":"/ru/docs/about/understanding/architecture","sidebar":"aboutSidebar"},{"id":"about/understanding/knowledge-types","path":"/ru/docs/about/understanding/knowledge-types","sidebar":"aboutSidebar"},{"id":"about/understanding/naming","path":"/ru/docs/about/understanding/naming","sidebar":"aboutSidebar"},{"id":"about/understanding/needs-driven","path":"/ru/docs/about/understanding/needs-driven","sidebar":"aboutSidebar"},{"id":"about/understanding/signals","path":"/ru/docs/about/understanding/signals","sidebar":"aboutSidebar"},{"id":"branding","path":"/ru/docs/branding"},{"id":"get-started/cheatsheet","path":"/ru/docs/get-started/cheatsheet","unlisted":true,"sidebar":"getstartedSidebar"},{"id":"get-started/faq","path":"/ru/docs/get-started/faq","sidebar":"getstartedSidebar"},{"id":"get-started/index","path":"/ru/docs/get-started/","sidebar":"getstartedSidebar"},{"id":"get-started/overview","path":"/ru/docs/get-started/overview","sidebar":"getstartedSidebar"},{"id":"get-started/tutorial","path":"/ru/docs/get-started/tutorial","sidebar":"getstartedSidebar"},{"id":"guides/examples/auth","path":"/ru/docs/guides/examples/auth","sidebar":"guidesSidebar"},{"id":"guides/examples/autocompleted","path":"/ru/docs/guides/examples/autocompleted","unlisted":true,"sidebar":"guidesSidebar"},{"id":"guides/examples/browser-api","path":"/ru/docs/guides/examples/browser-api","unlisted":true,"sidebar":"guidesSidebar"},{"id":"guides/examples/cms","path":"/ru/docs/guides/examples/cms","unlisted":true,"sidebar":"guidesSidebar"},{"id":"guides/examples/feedback","path":"/ru/docs/guides/examples/feedback","unlisted":true,"sidebar":"guidesSidebar"},{"id":"guides/examples/i18n","path":"/ru/docs/guides/examples/i18n","unlisted":true,"sidebar":"guidesSidebar"},{"id":"guides/examples/index","path":"/ru/docs/guides/examples/","sidebar":"guidesSidebar"},{"id":"guides/examples/metric","path":"/ru/docs/guides/examples/metric","unlisted":true,"sidebar":"guidesSidebar"},{"id":"guides/examples/monorepo","path":"/ru/docs/guides/examples/monorepo","unlisted":true,"sidebar":"guidesSidebar"},{"id":"guides/examples/page-layout","path":"/ru/docs/guides/examples/page-layout","sidebar":"guidesSidebar"},{"id":"guides/examples/platforms","path":"/ru/docs/guides/examples/platforms","unlisted":true,"sidebar":"guidesSidebar"},{"id":"guides/examples/ssr","path":"/ru/docs/guides/examples/ssr","unlisted":true,"sidebar":"guidesSidebar"},{"id":"guides/examples/theme","path":"/ru/docs/guides/examples/theme","unlisted":true,"sidebar":"guidesSidebar"},{"id":"guides/examples/types","path":"/ru/docs/guides/examples/types","sidebar":"guidesSidebar"},{"id":"guides/examples/white-labels","path":"/ru/docs/guides/examples/white-labels","unlisted":true,"sidebar":"guidesSidebar"},{"id":"guides/index","path":"/ru/docs/guides/","sidebar":"guidesSidebar"},{"id":"guides/issues/cross-imports","path":"/ru/docs/guides/issues/cross-imports","sidebar":"guidesSidebar"},{"id":"guides/issues/desegmented","path":"/ru/docs/guides/issues/desegmented","sidebar":"guidesSidebar"},{"id":"guides/issues/routes","path":"/ru/docs/guides/issues/routes","sidebar":"guidesSidebar"},{"id":"guides/migration/from-custom","path":"/ru/docs/guides/migration/from-custom","sidebar":"guidesSidebar"},{"id":"guides/migration/from-v1","path":"/ru/docs/guides/migration/from-v1","sidebar":"guidesSidebar"},{"id":"guides/tech/with-nextjs","path":"/ru/docs/guides/tech/with-nextjs","sidebar":"guidesSidebar"},{"id":"guides/tech/with-nuxtjs","path":"/ru/docs/guides/tech/with-nuxtjs","sidebar":"guidesSidebar"},{"id":"guides/tech/with-react-query","path":"/ru/docs/guides/tech/with-react-query","sidebar":"guidesSidebar"},{"id":"guides/tech/with-sveltekit","path":"/ru/docs/guides/tech/with-sveltekit","sidebar":"guidesSidebar"},{"id":"intro","path":"/ru/docs/"},{"id":"reference/index","path":"/ru/docs/reference/","sidebar":"referenceSidebar"},{"id":"reference/isolation/coupling-cohesion","path":"/ru/docs/reference/isolation/coupling-cohesion","sidebar":"referenceSidebar"},{"id":"reference/isolation/decouple-entities","path":"/ru/docs/reference/isolation/decouple-entities","sidebar":"referenceSidebar"},{"id":"reference/isolation/index","path":"/ru/docs/reference/isolation/","sidebar":"referenceSidebar"},{"id":"reference/layers","path":"/ru/docs/reference/layers","sidebar":"referenceSidebar"},{"id":"reference/public-api","path":"/ru/docs/reference/public-api","sidebar":"referenceSidebar"},{"id":"reference/slices-segments","path":"/ru/docs/reference/slices-segments","sidebar":"referenceSidebar"}],"draftIds":[],"sidebars":{"getstartedSidebar":{"link":{"path":"/ru/docs/get-started/","label":"\ud83d\ude80  \u0411\u044b\u0441\u0442\u0440\u044b\u0439 \u0441\u0442\u0430\u0440\u0442"}},"guidesSidebar":{"link":{"path":"/ru/docs/guides/","label":"\ud83c\udfaf  \u0413\u0430\u0439\u0434\u044b"}},"referenceSidebar":{"link":{"path":"/ru/docs/reference/","label":"\ud83d\udcda  \u0421\u043f\u0440\u0430\u0432\u043e\u0447\u043d\u0438\u043a"}},"aboutSidebar":{"link":{"path":"/ru/docs/about/","label":"\ud83c\udf70 \u041e \u043c\u0435\u0442\u043e\u0434\u043e\u043b\u043e\u0433\u0438\u0438"}}}}],"breadcrumbs":true},"community":{"path":"/ru/community","versions":[{"name":"current","label":"Next","isLast":true,"path":"/ru/community","mainDocId":"index","docs":[{"id":"index","path":"/ru/community/","sidebar":"community"},{"id":"team","path":"/ru/community/team","sidebar":"community"}],"draftIds":[],"sidebars":{"community":{"link":{"path":"/ru/community/","label":"\ud83d\udcab  Community"}}}}],"breadcrumbs":true}}}'),i=JSON.parse('{"defaultLocale":"en","locales":["ru","en","uz","kr","ja"],"path":"i18n","currentLocale":"ru","localeConfigs":{"ru":{"label":"\u0420\u0443\u0441\u0441\u043a\u0438\u0439","direction":"ltr","htmlLang":"ru","calendar":"gregory","path":"ru"},"en":{"label":"English","direction":"ltr","htmlLang":"en","calendar":"gregory","path":"en"},"uz":{"label":"O\'zbekcha","direction":"ltr","htmlLang":"uz","calendar":"gregory","path":"uz"},"kr":{"label":"\ud55c\uad6d\uc5b4","direction":"ltr","htmlLang":"kr","calendar":"gregory","path":"kr"},"ja":{"label":"\u65e5\u672c\u8a9e","direction":"ltr","htmlLang":"ja","calendar":"gregory","path":"ja"}}}');var s=n(2654);const l=JSON.parse('{"docusaurusVersion":"3.5.2","siteVersion":"2.0.0","pluginVersions":{"docusaurus-plugin-content-docs":{"type":"package","name":"@docusaurus/plugin-content-docs","version":"3.5.2"},"docusaurus-plugin-content-blog":{"type":"package","name":"@docusaurus/plugin-content-blog","version":"3.5.2"},"docusaurus-plugin-content-pages":{"type":"package","name":"@docusaurus/plugin-content-pages","version":"3.5.2"},"docusaurus-plugin-sitemap":{"type":"package","name":"@docusaurus/plugin-sitemap","version":"3.5.2"},"docusaurus-theme-classic":{"type":"package","name":"@docusaurus/theme-classic","version":"3.5.2"},"docusaurus-theme-search-algolia":{"type":"package","name":"@docusaurus/theme-search-algolia","version":"3.5.2"},"docusaurus-plugin-sass":{"type":"package","name":"docusaurus-plugin-sass","version":"0.2.5"},"docusaurus-plugin-client-redirects":{"type":"package","name":"@docusaurus/plugin-client-redirects","version":"3.5.2"},"docusaurus-plugin-ideal-image":{"type":"package","name":"@docusaurus/plugin-ideal-image","version":"3.5.2"},"docusaurus-plugin-image-zoom":{"type":"package","name":"plugin-image-zoom","version":"1.2.0"}}}');var c=n(6070);const u={siteConfig:o.default,siteMetadata:l,globalData:a,i18n:i,codeTranslations:s},d=r.createContext(u);function p(e){let{children:t}=e;return(0,c.jsx)(d.Provider,{value:u,children:t})}},356:(e,t,n)=>{"use strict";n.d(t,{A:()=>h});var r=n(758),o=n(3088),a=n(2293),i=n(3509),s=n(3041),l=n(8851),c=n(6070);function u(e){let{error:t,tryAgain:n}=e;return(0,c.jsxs)("div",{style:{display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"flex-start",minHeight:"100vh",width:"100%",maxWidth:"80ch",fontSize:"20px",margin:"0 auto",padding:"1rem"},children:[(0,c.jsx)("h1",{style:{fontSize:"3rem"},children:"This page crashed"}),(0,c.jsx)("button",{type:"button",onClick:n,style:{margin:"1rem 0",fontSize:"2rem",cursor:"pointer",borderRadius:20,padding:"1rem"},children:"Try again"}),(0,c.jsx)(d,{error:t})]})}function d(e){let{error:t}=e;const n=(0,i.rA)(t).map((e=>e.message)).join("\n\nCause:\n");return(0,c.jsx)("p",{style:{whiteSpace:"pre-wrap"},children:n})}function p(e){let{children:t}=e;return(0,c.jsx)(l.W,{value:{plugin:{name:"docusaurus-core-error-boundary",id:"default"}},children:t})}function f(e){let{error:t,tryAgain:n}=e;return(0,c.jsx)(p,{children:(0,c.jsxs)(h,{fallback:()=>(0,c.jsx)(u,{error:t,tryAgain:n}),children:[(0,c.jsx)(a.A,{children:(0,c.jsx)("title",{children:"Page Error"})}),(0,c.jsx)(s.A,{children:(0,c.jsx)(u,{error:t,tryAgain:n})})]})})}const m=e=>(0,c.jsx)(f,{...e});class h extends r.Component{constructor(e){super(e),this.state={error:null}}componentDidCatch(e){o.A.canUseDOM&&this.setState({error:e})}render(){const{children:e}=this.props,{error:t}=this.state;if(t){const e={error:t,tryAgain:()=>this.setState({error:null})};return(this.props.fallback??m)(e)}return e??null}}},3088:(e,t,n)=>{"use strict";n.d(t,{A:()=>o});const r="undefined"!=typeof window&&"document"in window&&"createElement"in window.document,o={canUseDOM:r,canUseEventListeners:r&&("addEventListener"in window||"attachEvent"in window),canUseIntersectionObserver:r&&"IntersectionObserver"in window,canUseViewport:r&&"screen"in window}},2293:(e,t,n)=>{"use strict";n.d(t,{A:()=>a});n(758);var r=n(248),o=n(6070);function a(e){return(0,o.jsx)(r.mg,{...e})}},6783:(e,t,n)=>{"use strict";n.d(t,{A:()=>f});var r=n(758),o=n(1742),a=n(3509),i=n(9143),s=n(1933),l=n(3088),c=n(6828),u=n(5252),d=n(6070);function p(e,t){let{isNavLink:n,to:p,href:f,activeClassName:m,isActive:h,"data-noBrokenLinkCheck":g,autoAddBaseUrl:b=!0,...y}=e;const{siteConfig:v}=(0,i.A)(),{trailingSlash:w,baseUrl:S}=v,x=v.future.experimental_router,{withBaseUrl:k}=(0,u.hH)(),E=(0,c.A)(),_=(0,r.useRef)(null);(0,r.useImperativeHandle)(t,(()=>_.current));const C=p||f;const j=(0,s.A)(C),A=C?.replace("pathname://","");let O=void 0!==A?(T=A,b&&(e=>e.startsWith("/"))(T)?k(T):T):void 0;var T;"hash"===x&&O?.startsWith("./")&&(O=O?.slice(1)),O&&j&&(O=(0,a.Ks)(O,{trailingSlash:w,baseUrl:S}));const P=(0,r.useRef)(!1),L=n?o.k2:o.N_,I=l.A.canUseIntersectionObserver,R=(0,r.useRef)(),N=()=>{P.current||null==O||(window.docusaurus.preload(O),P.current=!0)};(0,r.useEffect)((()=>(!I&&j&&l.A.canUseDOM&&null!=O&&window.docusaurus.prefetch(O),()=>{I&&R.current&&R.current.disconnect()})),[R,O,I,j]);const D=O?.startsWith("#")??!1,M=!y.target||"_self"===y.target,F=!O||!j||!M||D&&"hash"!==x;g||!D&&F||E.collectLink(O),y.id&&E.collectAnchor(y.id);const z={};return F?(0,d.jsx)("a",{ref:_,href:O,...C&&!j&&{target:"_blank",rel:"noopener noreferrer"},...y,...z}):(0,d.jsx)(L,{...y,onMouseEnter:N,onTouchStart:N,innerRef:e=>{_.current=e,I&&e&&j&&(R.current=new window.IntersectionObserver((t=>{t.forEach((t=>{e===t.target&&(t.isIntersecting||t.intersectionRatio>0)&&(R.current.unobserve(e),R.current.disconnect(),null!=O&&window.docusaurus.prefetch(O))}))})),R.current.observe(e))},to:O,...n&&{isActive:h,activeClassName:m},...z})}const f=r.forwardRef(p)},7765:(e,t,n)=>{"use strict";n.d(t,{A:()=>c,T:()=>l});var r=n(758),o=n(6070);function a(e,t){const n=e.split(/(\{\w+\})/).map(((e,n)=>{if(n%2==1){const n=t?.[e.slice(1,-1)];if(void 0!==n)return n}return e}));return n.some((e=>(0,r.isValidElement)(e)))?n.map(((e,t)=>(0,r.isValidElement)(e)?r.cloneElement(e,{key:t}):e)).filter((e=>""!==e)):n.join("")}var i=n(2654);function s(e){let{id:t,message:n}=e;if(void 0===t&&void 0===n)throw new Error("Docusaurus translation declarations must have at least a translation id or a default translation message");return i[t??n]??n??t}function l(e,t){let{message:n,id:r}=e;return a(s({message:n,id:r}),t)}function c(e){let{children:t,id:n,values:r}=e;if(t&&"string"!=typeof t)throw console.warn("Illegal <Translate> children",t),new Error("The Docusaurus <Translate> component only accept simple string values");const i=s({message:t,id:n});return(0,o.jsx)(o.Fragment,{children:a(i,r)})}},8470:(e,t,n)=>{"use strict";n.d(t,{W:()=>r});const r="default"},1933:(e,t,n)=>{"use strict";function r(e){return/^(?:\w*:|\/\/)/.test(e)}function o(e){return void 0!==e&&!r(e)}n.d(t,{A:()=>o,z:()=>r})},5252:(e,t,n)=>{"use strict";n.d(t,{Ay:()=>s,hH:()=>i});var r=n(758),o=n(9143),a=n(1933);function i(){const{siteConfig:e}=(0,o.A)(),{baseUrl:t,url:n}=e,i=e.future.experimental_router,s=(0,r.useCallback)(((e,r)=>function(e){let{siteUrl:t,baseUrl:n,url:r,options:{forcePrependBaseUrl:o=!1,absolute:i=!1}={},router:s}=e;if(!r||r.startsWith("#")||(0,a.z)(r))return r;if("hash"===s)return r.startsWith("/")?`.${r}`:`./${r}`;if(o)return n+r.replace(/^\//,"");if(r===n.replace(/\/$/,""))return n;const l=r.startsWith(n)?r:n+r.replace(/^\//,"");return i?t+l:l}({siteUrl:n,baseUrl:t,url:e,options:r,router:i})),[n,t,i]);return{withBaseUrl:s}}function s(e,t){void 0===t&&(t={});const{withBaseUrl:n}=i();return n(e,t)}},6828:(e,t,n)=>{"use strict";n.d(t,{A:()=>i});var r=n(758);n(6070);const o=r.createContext({collectAnchor:()=>{},collectLink:()=>{}}),a=()=>(0,r.useContext)(o);function i(){return a()}},9143:(e,t,n)=>{"use strict";n.d(t,{A:()=>a});var r=n(758),o=n(1170);function a(){return(0,r.useContext)(o.o)}},2630:(e,t,n)=>{"use strict";n.d(t,{A:()=>a});var r=n(758),o=n(5360);function a(){return(0,r.useContext)(o.o)}},8302:(e,t,n)=>{"use strict";n.d(t,{A:()=>o});var r=n(758);const o=n(3088).A.canUseDOM?r.useLayoutEffect:r.useEffect},3112:(e,t,n)=>{"use strict";n.d(t,{A:()=>a});var r=n(758),o=n(8851);function a(){const e=r.useContext(o.o);if(!e)throw new Error("Unexpected: no Docusaurus route context found");return e}},8116:(e,t,n)=>{"use strict";n.d(t,{A:()=>o});const r=e=>"object"==typeof e&&!!e&&Object.keys(e).length>0;function o(e){const t={};return function e(n,o){Object.entries(n).forEach((n=>{let[a,i]=n;const s=o?`${o}.${a}`:a;r(i)?e(i,s):t[s]=i}))}(e),t}},8851:(e,t,n)=>{"use strict";n.d(t,{W:()=>i,o:()=>a});var r=n(758),o=n(6070);const a=r.createContext(null);function i(e){let{children:t,value:n}=e;const i=r.useContext(a),s=(0,r.useMemo)((()=>function(e){let{parent:t,value:n}=e;if(!t){if(!n)throw new Error("Unexpected: no Docusaurus route context found");if(!("plugin"in n))throw new Error("Unexpected: Docusaurus topmost route context has no `plugin` attribute");return n}const r={...t.data,...n?.data};return{plugin:t.plugin,data:r}}({parent:i,value:n})),[i,n]);return(0,o.jsx)(a.Provider,{value:s,children:t})}},3724:(e,t,n)=>{"use strict";n.d(t,{VQ:()=>g,XK:()=>v,g1:()=>y});var r=n(758),o=n(9860),a=n(8470),i=n(316),s=n(3349),l=n(4902),c=n(6070);const u=e=>`docs-preferred-version-${e}`,d={save:(e,t,n)=>{(0,s.Wf)(u(e),{persistence:t}).set(n)},read:(e,t)=>(0,s.Wf)(u(e),{persistence:t}).get(),clear:(e,t)=>{(0,s.Wf)(u(e),{persistence:t}).del()}},p=e=>Object.fromEntries(e.map((e=>[e,{preferredVersionName:null}])));const f=r.createContext(null);function m(){const e=(0,o.Gy)(),t=(0,i.p)().docs.versionPersistence,n=(0,r.useMemo)((()=>Object.keys(e)),[e]),[a,s]=(0,r.useState)((()=>p(n)));(0,r.useEffect)((()=>{s(function(e){let{pluginIds:t,versionPersistence:n,allDocsData:r}=e;function o(e){const t=d.read(e,n);return r[e].versions.some((e=>e.name===t))?{preferredVersionName:t}:(d.clear(e,n),{preferredVersionName:null})}return Object.fromEntries(t.map((e=>[e,o(e)])))}({allDocsData:e,versionPersistence:t,pluginIds:n}))}),[e,t,n]);return[a,(0,r.useMemo)((()=>({savePreferredVersion:function(e,n){d.save(e,t,n),s((t=>({...t,[e]:{preferredVersionName:n}})))}})),[t])]}function h(e){let{children:t}=e;const n=m();return(0,c.jsx)(f.Provider,{value:n,children:t})}function g(e){let{children:t}=e;return(0,c.jsx)(h,{children:t})}function b(){const e=(0,r.useContext)(f);if(!e)throw new l.dV("DocsPreferredVersionContextProvider");return e}function y(e){void 0===e&&(e=a.W);const t=(0,o.ht)(e),[n,i]=b(),{preferredVersionName:s}=n[e];return{preferredVersion:t.versions.find((e=>e.name===s))??null,savePreferredVersionName:(0,r.useCallback)((t=>{i.savePreferredVersion(e,t)}),[i,e])}}function v(){const e=(0,o.Gy)(),[t]=b();function n(n){const r=e[n],{preferredVersionName:o}=t[n];return r.versions.find((e=>e.name===o))??null}const r=Object.keys(e);return Object.fromEntries(r.map((e=>[e,n(e)])))}},4619:(e,t,n)=>{"use strict";n.d(t,{k:()=>a,v:()=>i});var r=n(9860),o=n(3724);function a(e,t){return`docs-${e}-${t}`}function i(){const e=(0,r.Gy)(),t=(0,r.gk)(),n=(0,o.XK)();return[...Object.keys(e).map((function(r){const o=t?.activePlugin.pluginId===r?t.activeVersion:void 0,i=n[r],s=e[r].versions.find((e=>e.isLast));return a(r,(o??i??s).name)}))]}},3971:(e,t,n)=>{"use strict";n.d(t,{V:()=>l,t:()=>c});var r=n(758),o=n(4902),a=n(6070);const i=Symbol("EmptyContext"),s=r.createContext(i);function l(e){let{children:t,name:n,items:o}=e;const i=(0,r.useMemo)((()=>n&&o?{name:n,items:o}:null),[n,o]);return(0,a.jsx)(s.Provider,{value:i,children:t})}function c(){const e=(0,r.useContext)(s);if(e===i)throw new o.dV("DocsSidebarProvider");return e}},1630:(e,t,n)=>{"use strict";n.d(t,{B5:()=>k,Nr:()=>p,OF:()=>v,QB:()=>x,Vd:()=>w,Y:()=>b,fW:()=>S,w8:()=>h});var r=n(758),o=n(5557),a=n(389),i=n(9860),s=n(5763),l=n(2632),c=n(3724),u=n(1579),d=n(3971);function p(e){return"link"!==e.type||e.unlisted?"category"===e.type?function(e){if(e.href&&!e.linkUnlisted)return e.href;for(const t of e.items){const e=p(t);if(e)return e}}(e):void 0:e.href}const f=(e,t)=>void 0!==e&&(0,s.ys)(e,t),m=(e,t)=>e.some((e=>h(e,t)));function h(e,t){return"link"===e.type?f(e.href,t):"category"===e.type&&(f(e.href,t)||m(e.items,t))}function g(e,t){switch(e.type){case"category":return h(e,t)||e.items.some((e=>g(e,t)));case"link":return!e.unlisted||h(e,t);default:return!0}}function b(e,t){return(0,r.useMemo)((()=>e.filter((e=>g(e,t)))),[e,t])}function y(e){let{sidebarItems:t,pathname:n,onlyCategories:r=!1}=e;const o=[];return function e(t){for(const a of t)if("category"===a.type&&((0,s.ys)(a.href,n)||e(a.items))||"link"===a.type&&(0,s.ys)(a.href,n)){return r&&"category"!==a.type||o.unshift(a),!0}return!1}(t),o}function v(){const e=(0,d.t)(),{pathname:t}=(0,o.zy)(),n=(0,i.vT)()?.pluginData.breadcrumbs;return!1!==n&&e?y({sidebarItems:e.items,pathname:t}):null}function w(e){const{activeVersion:t}=(0,i.zK)(e),{preferredVersion:n}=(0,c.g1)(e),o=(0,i.r7)(e);return(0,r.useMemo)((()=>(0,l.sb)([t,n,o].filter(Boolean))),[t,n,o])}function S(e,t){const n=w(t);return(0,r.useMemo)((()=>{const t=n.flatMap((e=>e.sidebars?Object.entries(e.sidebars):[])),r=t.find((t=>t[0]===e));if(!r)throw new Error(`Can't find any sidebar with id "${e}" in version${n.length>1?"s":""} ${n.map((e=>e.name)).join(", ")}".\nAvailable sidebar ids are:\n- ${t.map((e=>e[0])).join("\n- ")}`);return r[1]}),[e,n])}function x(e,t){const n=w(t);return(0,r.useMemo)((()=>{const t=n.flatMap((e=>e.docs)),r=t.find((t=>t.id===e));if(!r){if(n.flatMap((e=>e.draftIds)).includes(e))return null;throw new Error(`Couldn't find any doc with id "${e}" in version${n.length>1?"s":""} "${n.map((e=>e.name)).join(", ")}".\nAvailable doc ids are:\n- ${(0,l.sb)(t.map((e=>e.id))).join("\n- ")}`)}return r}),[e,n])}function k(e){let{route:t}=e;const n=(0,o.zy)(),r=(0,u.r)(),i=t.routes,s=i.find((e=>(0,o.B6)(n.pathname,e)));if(!s)return null;const l=s.sidebar,c=l?r.docsSidebars[l]:void 0;return{docElement:(0,a.v)(i),sidebarName:l,sidebarItems:c}}},1579:(e,t,n)=>{"use strict";n.d(t,{n:()=>s,r:()=>l});var r=n(758),o=n(4902),a=n(6070);const i=r.createContext(null);function s(e){let{children:t,version:n}=e;return(0,a.jsx)(i.Provider,{value:n,children:t})}function l(){const e=(0,r.useContext)(i);if(null===e)throw new o.dV("DocsVersionProvider");return e}},9860:(e,t,n)=>{"use strict";n.d(t,{zK:()=>b,vT:()=>f,gk:()=>m,Gy:()=>d,HW:()=>y,ht:()=>p,r7:()=>g,jh:()=>h});var r=n(5557),o=n(9143),a=n(8470);function i(e,t){void 0===t&&(t={});const n=function(){const{globalData:e}=(0,o.A)();return e}()[e];if(!n&&t.failfast)throw new Error(`Docusaurus plugin global data not found for "${e}" plugin.`);return n}const s=e=>e.versions.find((e=>e.isLast));function l(e,t){return[...e.versions].sort(((e,t)=>e.path===t.path?0:e.path.includes(t.path)?-1:t.path.includes(e.path)?1:0)).find((e=>!!(0,r.B6)(t,{path:e.path,exact:!1,strict:!1})))}function c(e,t){const n=l(e,t),o=n?.docs.find((e=>!!(0,r.B6)(t,{path:e.path,exact:!0,strict:!1})));return{activeVersion:n,activeDoc:o,alternateDocVersions:o?function(t){const n={};return e.versions.forEach((e=>{e.docs.forEach((r=>{r.id===t&&(n[e.name]=r)}))})),n}(o.id):{}}}const u={},d=()=>i("docusaurus-plugin-content-docs")??u,p=e=>{try{return function(e,t,n){void 0===t&&(t=a.W),void 0===n&&(n={});const r=i(e),o=r?.[t];if(!o&&n.failfast)throw new Error(`Docusaurus plugin global data not found for "${e}" plugin with id "${t}".`);return o}("docusaurus-plugin-content-docs",e,{failfast:!0})}catch(t){throw new Error("You are using a feature of the Docusaurus docs plugin, but this plugin does not seem to be enabled"+("Default"===e?"":` (pluginId=${e}`),{cause:t})}};function f(e){void 0===e&&(e={});const t=d(),{pathname:n}=(0,r.zy)();return function(e,t,n){void 0===n&&(n={});const o=Object.entries(e).sort(((e,t)=>t[1].path.localeCompare(e[1].path))).find((e=>{let[,n]=e;return!!(0,r.B6)(t,{path:n.path,exact:!1,strict:!1})})),a=o?{pluginId:o[0],pluginData:o[1]}:void 0;if(!a&&n.failfast)throw new Error(`Can't find active docs plugin for "${t}" pathname, while it was expected to be found. Maybe you tried to use a docs feature that can only be used on a docs-related page? Existing docs plugin paths are: ${Object.values(e).map((e=>e.path)).join(", ")}`);return a}(t,n,e)}function m(e){void 0===e&&(e={});const t=f(e),{pathname:n}=(0,r.zy)();if(!t)return;return{activePlugin:t,activeVersion:l(t.pluginData,n)}}function h(e){return p(e).versions}function g(e){const t=p(e);return s(t)}function b(e){const t=p(e),{pathname:n}=(0,r.zy)();return c(t,n)}function y(e){const t=p(e),{pathname:n}=(0,r.zy)();return function(e,t){const n=s(e);return{latestDocSuggestion:c(e,t).alternateDocVersions[n.name],latestVersionSuggestion:n}}(t,n)}},9235:(e,t,n)=>{"use strict";function r(e,t){e.prototype=Object.create(t.prototype),e.prototype.constructor=e,e.__proto__=t}function o(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function a(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function i(){return i=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},i.apply(this,arguments)}var s=n(758),l=[],c=[];var u=s.createContext(null);function d(e){var t=e(),n={loading:!0,loaded:null,error:null};return n.promise=t.then((function(e){return n.loading=!1,n.loaded=e,e})).catch((function(e){throw n.loading=!1,n.error=e,e})),n}function p(e){var t={loading:!1,loaded:{},error:null},n=[];try{Object.keys(e).forEach((function(r){var o=d(e[r]);o.loading?t.loading=!0:(t.loaded[r]=o.loaded,t.error=o.error),n.push(o.promise),o.promise.then((function(e){t.loaded[r]=e})).catch((function(e){t.error=e}))}))}catch(r){t.error=r}return t.promise=Promise.all(n).then((function(e){return t.loading=!1,e})).catch((function(e){throw t.loading=!1,e})),t}function f(e,t){return s.createElement((n=e)&&n.__esModule?n.default:n,t);var n}function m(e,t){var d,p;if(!t.loading)throw new Error("react-loadable requires a `loading` component");var m=i({loader:null,loading:null,delay:200,timeout:null,render:f,webpack:null,modules:null},t),h=null;function g(){return h||(h=e(m.loader)),h.promise}return l.push(g),"function"==typeof m.webpack&&c.push((function(){if((0,m.webpack)().every((function(e){return void 0!==e&&void 0!==n.m[e]})))return g()})),p=d=function(t){function n(n){var r;return a(o(o(r=t.call(this,n)||this)),"retry",(function(){r.setState({error:null,loading:!0,timedOut:!1}),h=e(m.loader),r._loadModule()})),g(),r.state={error:h.error,pastDelay:!1,timedOut:!1,loading:h.loading,loaded:h.loaded},r}r(n,t),n.preload=function(){return g()};var i=n.prototype;return i.UNSAFE_componentWillMount=function(){this._loadModule()},i.componentDidMount=function(){this._mounted=!0},i._loadModule=function(){var e=this;if(this.context&&Array.isArray(m.modules)&&m.modules.forEach((function(t){e.context.report(t)})),h.loading){var t=function(t){e._mounted&&e.setState(t)};"number"==typeof m.delay&&(0===m.delay?this.setState({pastDelay:!0}):this._delay=setTimeout((function(){t({pastDelay:!0})}),m.delay)),"number"==typeof m.timeout&&(this._timeout=setTimeout((function(){t({timedOut:!0})}),m.timeout));var n=function(){t({error:h.error,loaded:h.loaded,loading:h.loading}),e._clearTimeouts()};h.promise.then((function(){return n(),null})).catch((function(e){return n(),null}))}},i.componentWillUnmount=function(){this._mounted=!1,this._clearTimeouts()},i._clearTimeouts=function(){clearTimeout(this._delay),clearTimeout(this._timeout)},i.render=function(){return this.state.loading||this.state.error?s.createElement(m.loading,{isLoading:this.state.loading,pastDelay:this.state.pastDelay,timedOut:this.state.timedOut,error:this.state.error,retry:this.retry}):this.state.loaded?m.render(this.state.loaded,this.props):null},n}(s.Component),a(d,"contextType",u),p}function h(e){return m(d,e)}h.Map=function(e){if("function"!=typeof e.render)throw new Error("LoadableMap requires a `render(loaded, props)` function");return m(p,e)};var g=function(e){function t(){return e.apply(this,arguments)||this}return r(t,e),t.prototype.render=function(){return s.createElement(u.Provider,{value:{report:this.props.report}},s.Children.only(this.props.children))},t}(s.Component);function b(e){for(var t=[];e.length;){var n=e.pop();t.push(n())}return Promise.all(t).then((function(){if(e.length)return b(e)}))}h.Capture=g,h.preloadAll=function(){return new Promise((function(e,t){b(l).then(e,t)}))},h.preloadReady=function(){return new Promise((function(e,t){b(c).then(e,e)}))},e.exports=h},5348:(e,t,n)=>{"use strict";n.r(t),n.d(t,{default:()=>a});var r=n(8744),o=n.n(r);o().configure({showSpinner:!1});const a={onRouteUpdate(e){let{location:t,previousLocation:n}=e;if(n&&t.pathname!==n.pathname){const e=window.setTimeout((()=>{o().start()}),200);return()=>window.clearTimeout(e)}},onRouteDidUpdate(){o().done()}}},9773:(e,t,n)=>{"use strict";var r=n(5371),o=n(4784);!function(e){const{themeConfig:{prism:t}}=o.default,{additionalLanguages:r}=t;globalThis.Prism=e,r.forEach((e=>{"php"===e&&n(1274),n(9927)(`./prism-${e}`)})),delete globalThis.Prism}(r.My)},1507:(e,t,n)=>{"use strict";n.d(t,{A:()=>u});n(758);var r=n(3526),o=n(7765),a=n(316),i=n(6783),s=n(6828);const l={anchorWithStickyNavbar:"anchorWithStickyNavbar_QzlE",anchorWithHideOnScrollNavbar:"anchorWithHideOnScrollNavbar_IGdS"};var c=n(6070);function u(e){let{as:t,id:n,...u}=e;const d=(0,s.A)(),{navbar:{hideOnScroll:p}}=(0,a.p)();if("h1"===t||!n)return(0,c.jsx)(t,{...u,id:void 0});d.collectAnchor(n);const f=(0,o.T)({id:"theme.common.headingLinkTitle",message:"Direct link to {heading}",description:"Title for link to heading"},{heading:"string"==typeof u.children?u.children:n});return(0,c.jsxs)(t,{...u,className:(0,r.A)("anchor",p?l.anchorWithHideOnScrollNavbar:l.anchorWithStickyNavbar,u.className),id:n,children:[u.children,(0,c.jsx)(i.A,{className:"hash-link",to:`#${n}`,"aria-label":f,title:f,children:"\u200b"})]})}},9503:(e,t,n)=>{"use strict";n.d(t,{A:()=>a});n(758);const r={iconExternalLink:"iconExternalLink_rel2"};var o=n(6070);function a(e){let{width:t=13.5,height:n=13.5}=e;return(0,o.jsx)("svg",{width:t,height:n,"aria-hidden":"true",viewBox:"0 0 24 24",className:r.iconExternalLink,children:(0,o.jsx)("path",{fill:"currentColor",d:"M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"})})}},3041:(e,t,n)=>{"use strict";n.d(t,{A:()=>Ct});var r=n(758),o=n(3526),a=n(356),i=n(898),s=n(5557),l=n(7765),c=n(2360),u=n(6070);const d="__docusaurus_skipToContent_fallback";function p(e){e.setAttribute("tabindex","-1"),e.focus(),e.removeAttribute("tabindex")}function f(){const e=(0,r.useRef)(null),{action:t}=(0,s.W6)(),n=(0,r.useCallback)((e=>{e.preventDefault();const t=document.querySelector("main:first-of-type")??document.getElementById(d);t&&p(t)}),[]);return(0,c.$)((n=>{let{location:r}=n;e.current&&!r.hash&&"PUSH"===t&&p(e.current)})),{containerRef:e,onClick:n}}const m=(0,l.T)({id:"theme.common.skipToMainContent",description:"The skip to content label used for accessibility, allowing to rapidly navigate to main content with keyboard tab/enter navigation",message:"Skip to main content"});function h(e){const t=e.children??m,{containerRef:n,onClick:r}=f();return(0,u.jsx)("div",{ref:n,role:"region","aria-label":m,children:(0,u.jsx)("a",{...e,href:`#${d}`,onClick:r,children:t})})}var g=n(8813),b=n(9782);const y={skipToContent:"skipToContent_iI6K"};function v(){return(0,u.jsx)(h,{className:y.skipToContent})}var w=n(316),S=n(1611);function x(e){let{width:t=21,height:n=21,color:r="currentColor",strokeWidth:o=1.2,className:a,...i}=e;return(0,u.jsx)("svg",{viewBox:"0 0 15 15",width:t,height:n,...i,children:(0,u.jsx)("g",{stroke:r,strokeWidth:o,children:(0,u.jsx)("path",{d:"M.75.75l13.5 13.5M14.25.75L.75 14.25"})})})}const k={closeButton:"closeButton_Y4Q2"};function E(e){return(0,u.jsx)("button",{type:"button","aria-label":(0,l.T)({id:"theme.AnnouncementBar.closeButtonAriaLabel",message:"Close",description:"The ARIA label for close button of announcement bar"}),...e,className:(0,o.A)("clean-btn close",k.closeButton,e.className),children:(0,u.jsx)(x,{width:14,height:14,strokeWidth:3.1})})}const _={content:"content_CxvN"};function C(e){const{announcementBar:t}=(0,w.p)(),{content:n}=t;return(0,u.jsx)("div",{...e,className:(0,o.A)(_.content,e.className),dangerouslySetInnerHTML:{__html:n}})}const j={announcementBar:"announcementBar_Wthk",announcementBarPlaceholder:"announcementBarPlaceholder_aISb",announcementBarClose:"announcementBarClose_vsml",announcementBarContent:"announcementBarContent_peeZ"};function A(){const{announcementBar:e}=(0,w.p)(),{isActive:t,close:n}=(0,S.M)();if(!t)return null;const{backgroundColor:r,textColor:o,isCloseable:a}=e;return(0,u.jsxs)("div",{className:j.announcementBar,style:{backgroundColor:r,color:o},role:"banner",children:[a&&(0,u.jsx)("div",{className:j.announcementBarPlaceholder}),(0,u.jsx)(C,{className:j.announcementBarContent}),a&&(0,u.jsx)(E,{onClick:n,className:j.announcementBarClose})]})}var O=n(1003),T=n(9030);var P=n(4902),L=n(646);const I=r.createContext(null);function R(e){let{children:t}=e;const n=function(){const e=(0,O.M)(),t=(0,L.YL)(),[n,o]=(0,r.useState)(!1),a=null!==t.component,i=(0,P.ZC)(a);return(0,r.useEffect)((()=>{a&&!i&&o(!0)}),[a,i]),(0,r.useEffect)((()=>{a?e.shown||o(!0):o(!1)}),[e.shown,a]),(0,r.useMemo)((()=>[n,o]),[n])}();return(0,u.jsx)(I.Provider,{value:n,children:t})}function N(e){if(e.component){const t=e.component;return(0,u.jsx)(t,{...e.props})}}function D(){const e=(0,r.useContext)(I);if(!e)throw new P.dV("NavbarSecondaryMenuDisplayProvider");const[t,n]=e,o=(0,r.useCallback)((()=>n(!1)),[n]),a=(0,L.YL)();return(0,r.useMemo)((()=>({shown:t,hide:o,content:N(a)})),[o,a,t])}function M(e){let{header:t,primaryMenu:n,secondaryMenu:r}=e;const{shown:a}=D();return(0,u.jsxs)("div",{className:"navbar-sidebar",children:[t,(0,u.jsxs)("div",{className:(0,o.A)("navbar-sidebar__items",{"navbar-sidebar__items--show-secondary":a}),children:[(0,u.jsx)("div",{className:"navbar-sidebar__item menu",children:n}),(0,u.jsx)("div",{className:"navbar-sidebar__item menu",children:r})]})]})}var F=n(9731),z=n(2630);function B(e){return(0,u.jsx)("svg",{viewBox:"0 0 24 24",width:24,height:24,...e,children:(0,u.jsx)("path",{fill:"currentColor",d:"M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"})})}function U(e){return(0,u.jsx)("svg",{viewBox:"0 0 24 24",width:24,height:24,...e,children:(0,u.jsx)("path",{fill:"currentColor",d:"M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"})})}const q={toggle:"toggle_rtf2",toggleButton:"toggleButton_lzER",darkToggleIcon:"darkToggleIcon_un8X",lightToggleIcon:"lightToggleIcon_isKo",toggleButtonDisabled:"toggleButtonDisabled_jUHO"};function $(e){let{className:t,buttonClassName:n,value:r,onChange:a}=e;const i=(0,z.A)(),s=(0,l.T)({message:"Switch between dark and light mode (currently {mode})",id:"theme.colorToggle.ariaLabel",description:"The ARIA label for the navbar color mode toggle"},{mode:"dark"===r?(0,l.T)({message:"dark mode",id:"theme.colorToggle.ariaLabel.mode.dark",description:"The name for the dark color mode"}):(0,l.T)({message:"light mode",id:"theme.colorToggle.ariaLabel.mode.light",description:"The name for the light color mode"})});return(0,u.jsx)("div",{className:(0,o.A)(q.toggle,t),children:(0,u.jsxs)("button",{className:(0,o.A)("clean-btn",q.toggleButton,!i&&q.toggleButtonDisabled,n),type:"button",onClick:()=>a("dark"===r?"light":"dark"),disabled:!i,title:s,"aria-label":s,"aria-live":"polite",children:[(0,u.jsx)(B,{className:(0,o.A)(q.toggleIcon,q.lightToggleIcon)}),(0,u.jsx)(U,{className:(0,o.A)(q.toggleIcon,q.darkToggleIcon)})]})})}const H=r.memo($),V={darkNavbarColorModeToggle:"darkNavbarColorModeToggle_NEom"};function G(e){let{className:t}=e;const n=(0,w.p)().navbar.style,r=(0,w.p)().colorMode.disableSwitch,{colorMode:o,setColorMode:a}=(0,F.G)();return r?null:(0,u.jsx)(H,{className:t,buttonClassName:"dark"===n?V.darkNavbarColorModeToggle:void 0,value:o,onChange:a})}var W=n(7007);function K(){return(0,u.jsx)(W.A,{className:"navbar__brand",imageClassName:"navbar__logo",titleClassName:"navbar__title text--truncate"})}function Q(){const e=(0,O.M)();return(0,u.jsx)("button",{type:"button","aria-label":(0,l.T)({id:"theme.docs.sidebar.closeSidebarButtonAriaLabel",message:"Close navigation bar",description:"The ARIA label for close button of mobile sidebar"}),className:"clean-btn navbar-sidebar__close",onClick:()=>e.toggle(),children:(0,u.jsx)(x,{color:"var(--ifm-color-emphasis-600)"})})}function Y(){return(0,u.jsxs)("div",{className:"navbar-sidebar__brand",children:[(0,u.jsx)(K,{}),(0,u.jsx)(G,{className:"margin-right--md"}),(0,u.jsx)(Q,{})]})}var Z=n(6783),J=n(5252),X=n(1933),ee=n(5130),te=n(9503);function ne(e){let{activeBasePath:t,activeBaseRegex:n,to:r,href:o,label:a,html:i,isDropdownLink:s,prependBaseUrlToHref:l,...c}=e;const d=(0,J.Ay)(r),p=(0,J.Ay)(t),f=(0,J.Ay)(o,{forcePrependBaseUrl:!0}),m=a&&o&&!(0,X.A)(o),h=i?{dangerouslySetInnerHTML:{__html:i}}:{children:(0,u.jsxs)(u.Fragment,{children:[a,m&&(0,u.jsx)(te.A,{...s&&{width:12,height:12}})]})};return o?(0,u.jsx)(Z.A,{href:l?f:o,...c,...h}):(0,u.jsx)(Z.A,{to:d,isNavLink:!0,...(t||n)&&{isActive:(e,t)=>n?(0,ee.G)(n,t.pathname):t.pathname.startsWith(p)},...c,...h})}function re(e){let{className:t,isDropdownItem:n=!1,...r}=e;const a=(0,u.jsx)(ne,{className:(0,o.A)(n?"dropdown__link":"navbar__item navbar__link",t),isDropdownLink:n,...r});return n?(0,u.jsx)("li",{children:a}):a}function oe(e){let{className:t,isDropdownItem:n,...r}=e;return(0,u.jsx)("li",{className:"menu__list-item",children:(0,u.jsx)(ne,{className:(0,o.A)("menu__link",t),...r})})}function ae(e){let{mobile:t=!1,position:n,...r}=e;const o=t?oe:re;return(0,u.jsx)(o,{...r,activeClassName:r.activeClassName??(t?"menu__link--active":"navbar__link--active")})}var ie=n(7064),se=n(5763),le=n(9143);const ce={dropdownNavbarItemMobile:"dropdownNavbarItemMobile_Uft3"};function ue(e,t){return e.some((e=>function(e,t){return!!(0,se.ys)(e.to,t)||!!(0,ee.G)(e.activeBaseRegex,t)||!(!e.activeBasePath||!t.startsWith(e.activeBasePath))}(e,t)))}function de(e){let{items:t,position:n,className:a,onClick:i,...s}=e;const l=(0,r.useRef)(null),[c,d]=(0,r.useState)(!1);return(0,r.useEffect)((()=>{const e=e=>{l.current&&!l.current.contains(e.target)&&d(!1)};return document.addEventListener("mousedown",e),document.addEventListener("touchstart",e),document.addEventListener("focusin",e),()=>{document.removeEventListener("mousedown",e),document.removeEventListener("touchstart",e),document.removeEventListener("focusin",e)}}),[l]),(0,u.jsxs)("div",{ref:l,className:(0,o.A)("navbar__item","dropdown","dropdown--hoverable",{"dropdown--right":"right"===n,"dropdown--show":c}),children:[(0,u.jsx)(ne,{"aria-haspopup":"true","aria-expanded":c,role:"button",href:s.to?void 0:"#",className:(0,o.A)("navbar__link",a),...s,onClick:s.to?void 0:e=>e.preventDefault(),onKeyDown:e=>{"Enter"===e.key&&(e.preventDefault(),d(!c))},children:s.children??s.label}),(0,u.jsx)("ul",{className:"dropdown__menu",children:t.map(((e,t)=>(0,r.createElement)(Fe,{isDropdownItem:!0,activeClassName:"dropdown__link--active",...e,key:t})))})]})}function pe(e){let{items:t,className:n,position:a,onClick:i,...l}=e;const c=function(){const{siteConfig:{baseUrl:e}}=(0,le.A)(),{pathname:t}=(0,s.zy)();return t.replace(e,"/")}(),d=ue(t,c),{collapsed:p,toggleCollapsed:f,setCollapsed:m}=(0,ie.u)({initialState:()=>!d});return(0,r.useEffect)((()=>{d&&m(!d)}),[c,d,m]),(0,u.jsxs)("li",{className:(0,o.A)("menu__list-item",{"menu__list-item--collapsed":p}),children:[(0,u.jsx)(ne,{role:"button",className:(0,o.A)(ce.dropdownNavbarItemMobile,"menu__link menu__link--sublist menu__link--sublist-caret",n),...l,onClick:e=>{e.preventDefault(),f()},children:l.children??l.label}),(0,u.jsx)(ie.N,{lazy:!0,as:"ul",className:"menu__list",collapsed:p,children:t.map(((e,t)=>(0,r.createElement)(Fe,{mobile:!0,isDropdownItem:!0,onClick:i,activeClassName:"menu__link--active",...e,key:t})))})]})}function fe(e){let{mobile:t=!1,...n}=e;const r=t?pe:de;return(0,u.jsx)(r,{...n})}var me=n(1529);function he(e){let{width:t=20,height:n=20,...r}=e;return(0,u.jsx)("svg",{viewBox:"0 0 24 24",width:t,height:n,"aria-hidden":!0,...r,children:(0,u.jsx)("path",{fill:"currentColor",d:"M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"})})}const ge="iconLanguage_wlog";var be=n(8143),ye=n(7781),ve=n(2293),we=n(8169),Se=n(1152),xe=n(4937),ke=n(4619);function Ee(){return[`language:${(0,le.A)().i18n.currentLocale}`,function(){const e=(0,ke.v)();return[xe.C,...e]}().map((e=>`docusaurus_tag:${e}`))]}const _e={button:{buttonText:(0,l.T)({id:"theme.SearchBar.label",message:"Search",description:"The ARIA label and placeholder for search button"}),buttonAriaLabel:(0,l.T)({id:"theme.SearchBar.label",message:"Search",description:"The ARIA label and placeholder for search button"})},modal:{searchBox:{resetButtonTitle:(0,l.T)({id:"theme.SearchModal.searchBox.resetButtonTitle",message:"Clear the query",description:"The label and ARIA label for search box reset button"}),resetButtonAriaLabel:(0,l.T)({id:"theme.SearchModal.searchBox.resetButtonTitle",message:"Clear the query",description:"The label and ARIA label for search box reset button"}),cancelButtonText:(0,l.T)({id:"theme.SearchModal.searchBox.cancelButtonText",message:"Cancel",description:"The label and ARIA label for search box cancel button"}),cancelButtonAriaLabel:(0,l.T)({id:"theme.SearchModal.searchBox.cancelButtonText",message:"Cancel",description:"The label and ARIA label for search box cancel button"})},startScreen:{recentSearchesTitle:(0,l.T)({id:"theme.SearchModal.startScreen.recentSearchesTitle",message:"Recent",description:"The title for recent searches"}),noRecentSearchesText:(0,l.T)({id:"theme.SearchModal.startScreen.noRecentSearchesText",message:"No recent searches",description:"The text when no recent searches"}),saveRecentSearchButtonTitle:(0,l.T)({id:"theme.SearchModal.startScreen.saveRecentSearchButtonTitle",message:"Save this search",description:"The label for save recent search button"}),removeRecentSearchButtonTitle:(0,l.T)({id:"theme.SearchModal.startScreen.removeRecentSearchButtonTitle",message:"Remove this search from history",description:"The label for remove recent search button"}),favoriteSearchesTitle:(0,l.T)({id:"theme.SearchModal.startScreen.favoriteSearchesTitle",message:"Favorite",description:"The title for favorite searches"}),removeFavoriteSearchButtonTitle:(0,l.T)({id:"theme.SearchModal.startScreen.removeFavoriteSearchButtonTitle",message:"Remove this search from favorites",description:"The label for remove favorite search button"})},errorScreen:{titleText:(0,l.T)({id:"theme.SearchModal.errorScreen.titleText",message:"Unable to fetch results",description:"The title for error screen of search modal"}),helpText:(0,l.T)({id:"theme.SearchModal.errorScreen.helpText",message:"You might want to check your network connection.",description:"The help text for error screen of search modal"})},footer:{selectText:(0,l.T)({id:"theme.SearchModal.footer.selectText",message:"to select",description:"The explanatory text of the action for the enter key"}),selectKeyAriaLabel:(0,l.T)({id:"theme.SearchModal.footer.selectKeyAriaLabel",message:"Enter key",description:"The ARIA label for the Enter key button that makes the selection"}),navigateText:(0,l.T)({id:"theme.SearchModal.footer.navigateText",message:"to navigate",description:"The explanatory text of the action for the Arrow up and Arrow down key"}),navigateUpKeyAriaLabel:(0,l.T)({id:"theme.SearchModal.footer.navigateUpKeyAriaLabel",message:"Arrow up",description:"The ARIA label for the Arrow up key button that makes the navigation"}),navigateDownKeyAriaLabel:(0,l.T)({id:"theme.SearchModal.footer.navigateDownKeyAriaLabel",message:"Arrow down",description:"The ARIA label for the Arrow down key button that makes the navigation"}),closeText:(0,l.T)({id:"theme.SearchModal.footer.closeText",message:"to close",description:"The explanatory text of the action for Escape key"}),closeKeyAriaLabel:(0,l.T)({id:"theme.SearchModal.footer.closeKeyAriaLabel",message:"Escape key",description:"The ARIA label for the Escape key button that close the modal"}),searchByText:(0,l.T)({id:"theme.SearchModal.footer.searchByText",message:"Search by",description:"The text explain that the search is making by Algolia"})},noResultsScreen:{noResultsText:(0,l.T)({id:"theme.SearchModal.noResultsScreen.noResultsText",message:"No results for",description:"The text explains that there are no results for the following search"}),suggestedQueryText:(0,l.T)({id:"theme.SearchModal.noResultsScreen.suggestedQueryText",message:"Try searching for",description:"The text for the suggested query when no results are found for the following search"}),reportMissingResultsText:(0,l.T)({id:"theme.SearchModal.noResultsScreen.reportMissingResultsText",message:"Believe this query should return results?",description:"The text for the question where the user thinks there are missing results"}),reportMissingResultsLinkText:(0,l.T)({id:"theme.SearchModal.noResultsScreen.reportMissingResultsLinkText",message:"Let us know.",description:"The text for the link to report missing results"})}},placeholder:(0,l.T)({id:"theme.SearchModal.placeholder",message:"Search docs",description:"The placeholder of the input of the DocSearch pop-up modal"})};let Ce=null;function je(e){let{hit:t,children:n}=e;return(0,u.jsx)(Z.A,{to:t.url,children:n})}function Ae(e){let{state:t,onClose:n}=e;const r=(0,we.w)();return(0,u.jsx)(Z.A,{to:r(t.query),onClick:n,children:(0,u.jsx)(l.A,{id:"theme.SearchBar.seeAll",values:{count:t.context.nbHits},children:"See all {count} results"})})}function Oe(e){let{contextualSearch:t,externalUrlRegex:o,...a}=e;const{siteMetadata:i}=(0,le.A)(),l=(0,Se.C)(),c=Ee(),d=a.searchParameters?.facetFilters??[],p=t?function(e,t){const n=e=>"string"==typeof e?[e]:e;return[...n(e),...n(t)]}(c,d):d,f={...a.searchParameters,facetFilters:p},m=(0,s.W6)(),h=(0,r.useRef)(null),g=(0,r.useRef)(null),[b,y]=(0,r.useState)(!1),[v,w]=(0,r.useState)(void 0),S=(0,r.useCallback)((()=>Ce?Promise.resolve():Promise.all([n.e(9553).then(n.bind(n,9553)),Promise.all([n.e(1869),n.e(9562)]).then(n.bind(n,9562)),Promise.all([n.e(1869),n.e(8570)]).then(n.bind(n,8570))]).then((e=>{let[{DocSearchModal:t}]=e;Ce=t}))),[]),x=(0,r.useCallback)((()=>{if(!h.current){const e=document.createElement("div");h.current=e,document.body.insertBefore(e,document.body.firstChild)}}),[]),k=(0,r.useCallback)((()=>{x(),S().then((()=>y(!0)))}),[S,x]),E=(0,r.useCallback)((()=>{y(!1),g.current?.focus()}),[]),_=(0,r.useCallback)((e=>{"f"===e.key&&(e.metaKey||e.ctrlKey)||(e.preventDefault(),w(e.key),k())}),[k]),C=(0,r.useRef)({navigate(e){let{itemUrl:t}=e;(0,ee.G)(o,t)?window.location.href=t:m.push(t)}}).current,j=(0,r.useRef)((e=>a.transformItems?a.transformItems(e):e.map((e=>({...e,url:l(e.url)}))))).current,A=(0,r.useMemo)((()=>e=>(0,u.jsx)(Ae,{...e,onClose:E})),[E]),O=(0,r.useCallback)((e=>(e.addAlgoliaAgent("docusaurus",i.docusaurusVersion),e)),[i.docusaurusVersion]);return(0,ye.E8)({isOpen:b,onOpen:k,onClose:E,onInput:_,searchButtonRef:g}),(0,u.jsxs)(u.Fragment,{children:[(0,u.jsx)(ve.A,{children:(0,u.jsx)("link",{rel:"preconnect",href:`https://${a.appId}-dsn.algolia.net`,crossOrigin:"anonymous"})}),(0,u.jsx)(ye.Bc,{onTouchStart:S,onFocus:S,onMouseOver:S,onClick:k,ref:g,translations:_e.button}),b&&Ce&&h.current&&(0,be.createPortal)((0,u.jsx)(Ce,{onClose:E,initialScrollY:window.scrollY,initialQuery:v,navigator:C,transformItems:j,hitComponent:je,transformSearchClient:O,...a.searchPagePath&&{resultsFooterComponent:A},...a,searchParameters:f,placeholder:_e.placeholder,translations:_e.modal}),h.current)]})}function Te(){const{siteConfig:e}=(0,le.A)();return(0,u.jsx)(Oe,{...e.themeConfig.algolia})}const Pe={navbarSearchContainer:"navbarSearchContainer_DsMw"};function Le(e){let{children:t,className:n}=e;return(0,u.jsx)("div",{className:(0,o.A)(n,Pe.navbarSearchContainer),children:t})}var Ie=n(9860),Re=n(1630);var Ne=n(3724);function De(e,t){return t.alternateDocVersions[e.name]??function(e){return e.docs.find((t=>t.id===e.mainDocId))}(e)}const Me={default:ae,localeDropdown:function(e){let{mobile:t,dropdownItemsBefore:n,dropdownItemsAfter:r,queryString:o="",...a}=e;const{i18n:{currentLocale:i,locales:c,localeConfigs:d}}=(0,le.A)(),p=(0,me.o)(),{search:f,hash:m}=(0,s.zy)(),h=[...n,...c.map((e=>{const n=`${`pathname://${p.createUrl({locale:e,fullyQualified:!1})}`}${f}${m}${o}`;return{label:d[e].label,lang:d[e].htmlLang,to:n,target:"_self",autoAddBaseUrl:!1,className:e===i?t?"menu__link--active":"dropdown__link--active":""}})),...r],g=t?(0,l.T)({message:"Languages",id:"theme.navbar.mobileLanguageDropdown.label",description:"The label for the mobile language switcher dropdown"}):d[i].label;return(0,u.jsx)(fe,{...a,mobile:t,label:(0,u.jsxs)(u.Fragment,{children:[(0,u.jsx)(he,{className:ge}),g]}),items:h})},search:function(e){let{mobile:t,className:n}=e;return t?null:(0,u.jsx)(Le,{className:n,children:(0,u.jsx)(Te,{})})},dropdown:fe,html:function(e){let{value:t,className:n,mobile:r=!1,isDropdownItem:a=!1}=e;const i=a?"li":"div";return(0,u.jsx)(i,{className:(0,o.A)({navbar__item:!r&&!a,"menu__list-item":r},n),dangerouslySetInnerHTML:{__html:t}})},doc:function(e){let{docId:t,label:n,docsPluginId:r,...o}=e;const{activeDoc:a}=(0,Ie.zK)(r),i=(0,Re.QB)(t,r),s=a?.path===i?.path;return null===i||i.unlisted&&!s?null:(0,u.jsx)(ae,{exact:!0,...o,isActive:()=>s||!!a?.sidebar&&a.sidebar===i.sidebar,label:n??i.id,to:i.path})},docSidebar:function(e){let{sidebarId:t,label:n,docsPluginId:r,...o}=e;const{activeDoc:a}=(0,Ie.zK)(r),i=(0,Re.fW)(t,r).link;if(!i)throw new Error(`DocSidebarNavbarItem: Sidebar with ID "${t}" doesn't have anything to be linked to.`);return(0,u.jsx)(ae,{exact:!0,...o,isActive:()=>a?.sidebar===t,label:n??i.label,to:i.path})},docsVersion:function(e){let{label:t,to:n,docsPluginId:r,...o}=e;const a=(0,Re.Vd)(r)[0],i=t??a.label,s=n??(e=>e.docs.find((t=>t.id===e.mainDocId)))(a).path;return(0,u.jsx)(ae,{...o,label:i,to:s})},docsVersionDropdown:function(e){let{mobile:t,docsPluginId:n,dropdownActiveClassDisabled:r,dropdownItemsBefore:o,dropdownItemsAfter:a,...i}=e;const{search:c,hash:d}=(0,s.zy)(),p=(0,Ie.zK)(n),f=(0,Ie.jh)(n),{savePreferredVersionName:m}=(0,Ne.g1)(n),h=[...o,...f.map((function(e){const t=De(e,p);return{label:e.label,to:`${t.path}${c}${d}`,isActive:()=>e===p.activeVersion,onClick:()=>m(e.name)}})),...a],g=(0,Re.Vd)(n)[0],b=t&&h.length>1?(0,l.T)({id:"theme.navbar.mobileVersionsDropdown.label",message:"Versions",description:"The label for the navbar versions dropdown on mobile view"}):g.label,y=t&&h.length>1?void 0:De(g,p).path;return h.length<=1?(0,u.jsx)(ae,{...i,mobile:t,label:b,to:y,isActive:r?()=>!1:void 0}):(0,u.jsx)(fe,{...i,mobile:t,label:b,to:y,items:h,isActive:r?()=>!1:void 0})}};function Fe(e){let{type:t,...n}=e;const r=function(e,t){return e&&"default"!==e?e:"items"in t?"dropdown":"default"}(t,n),o=Me[r];if(!o)throw new Error(`No NavbarItem component found for type "${t}".`);return(0,u.jsx)(o,{...n})}function ze(){const e=(0,O.M)(),t=(0,w.p)().navbar.items;return(0,u.jsx)("ul",{className:"menu__list",children:t.map(((t,n)=>(0,r.createElement)(Fe,{mobile:!0,...t,onClick:()=>e.toggle(),key:n})))})}function Be(e){return(0,u.jsx)("button",{...e,type:"button",className:"clean-btn navbar-sidebar__back",children:(0,u.jsx)(l.A,{id:"theme.navbar.mobileSidebarSecondaryMenu.backButtonLabel",description:"The label of the back button to return to main menu, inside the mobile navbar sidebar secondary menu (notably used to display the docs sidebar)",children:"\u2190 Back to main menu"})})}function Ue(){const e=0===(0,w.p)().navbar.items.length,t=D();return(0,u.jsxs)(u.Fragment,{children:[!e&&(0,u.jsx)(Be,{onClick:()=>t.hide()}),t.content]})}function qe(){const e=(0,O.M)();var t;return void 0===(t=e.shown)&&(t=!0),(0,r.useEffect)((()=>(document.body.style.overflow=t?"hidden":"visible",()=>{document.body.style.overflow="visible"})),[t]),e.shouldRender?(0,u.jsx)(M,{header:(0,u.jsx)(Y,{}),primaryMenu:(0,u.jsx)(ze,{}),secondaryMenu:(0,u.jsx)(Ue,{})}):null}const $e={navbarHideable:"navbarHideable_v02o",navbarHidden:"navbarHidden_YVDo"};function He(e){return(0,u.jsx)("div",{role:"presentation",...e,className:(0,o.A)("navbar-sidebar__backdrop",e.className)})}function Ve(e){let{children:t}=e;const{navbar:{hideOnScroll:n,style:a}}=(0,w.p)(),i=(0,O.M)(),{navbarRef:s,isNavbarVisible:d}=function(e){const[t,n]=(0,r.useState)(e),o=(0,r.useRef)(!1),a=(0,r.useRef)(0),i=(0,r.useCallback)((e=>{null!==e&&(a.current=e.getBoundingClientRect().height)}),[]);return(0,T.Mq)(((t,r)=>{let{scrollY:i}=t;if(!e)return;if(i<a.current)return void n(!0);if(o.current)return void(o.current=!1);const s=r?.scrollY,l=document.documentElement.scrollHeight-a.current,c=window.innerHeight;s&&i>=s?n(!1):i+c<l&&n(!0)})),(0,c.$)((t=>{if(!e)return;const r=t.location.hash;if(r?document.getElementById(r.substring(1)):void 0)return o.current=!0,void n(!1);n(!0)})),{navbarRef:i,isNavbarVisible:t}}(n);return(0,u.jsxs)("nav",{ref:s,"aria-label":(0,l.T)({id:"theme.NavBar.navAriaLabel",message:"Main",description:"The ARIA label for the main navigation"}),className:(0,o.A)("navbar","navbar--fixed-top",n&&[$e.navbarHideable,!d&&$e.navbarHidden],{"navbar--dark":"dark"===a,"navbar--primary":"primary"===a,"navbar-sidebar--show":i.shown}),children:[t,(0,u.jsx)(He,{onClick:i.toggle}),(0,u.jsx)(qe,{})]})}var Ge=n(3509);const We={errorBoundaryError:"errorBoundaryError_t0Si",errorBoundaryFallback:"errorBoundaryFallback_rqmh"};function Ke(e){return(0,u.jsx)("button",{type:"button",...e,children:(0,u.jsx)(l.A,{id:"theme.ErrorPageContent.tryAgain",description:"The label of the button to try again rendering when the React error boundary captures an error",children:"Try again"})})}function Qe(e){let{error:t}=e;const n=(0,Ge.rA)(t).map((e=>e.message)).join("\n\nCause:\n");return(0,u.jsx)("p",{className:We.errorBoundaryError,children:n})}class Ye extends r.Component{componentDidCatch(e,t){throw this.props.onError(e,t)}render(){return this.props.children}}const Ze="right";function Je(e){let{width:t=30,height:n=30,className:r,...o}=e;return(0,u.jsx)("svg",{className:r,width:t,height:n,viewBox:"0 0 30 30","aria-hidden":"true",...o,children:(0,u.jsx)("path",{stroke:"currentColor",strokeLinecap:"round",strokeMiterlimit:"10",strokeWidth:"2",d:"M4 7h22M4 15h22M4 23h22"})})}function Xe(){const{toggle:e,shown:t}=(0,O.M)();return(0,u.jsx)("button",{onClick:e,"aria-label":(0,l.T)({id:"theme.docs.sidebar.toggleSidebarButtonAriaLabel",message:"Toggle navigation bar",description:"The ARIA label for hamburger menu button of mobile navigation"}),"aria-expanded":t,className:"navbar__toggle clean-btn",type:"button",children:(0,u.jsx)(Je,{})})}const et={colorModeToggle:"colorModeToggle_G2yU"};function tt(e){let{items:t}=e;return(0,u.jsx)(u.Fragment,{children:t.map(((e,t)=>(0,u.jsx)(Ye,{onError:t=>new Error(`A theme navbar item failed to render.\nPlease double-check the following navbar item (themeConfig.navbar.items) of your Docusaurus config:\n${JSON.stringify(e,null,2)}`,{cause:t}),children:(0,u.jsx)(Fe,{...e})},t)))})}function nt(e){let{left:t,right:n}=e;return(0,u.jsxs)("div",{className:"navbar__inner",children:[(0,u.jsx)("div",{className:"navbar__items",children:t}),(0,u.jsx)("div",{className:"navbar__items navbar__items--right",children:n})]})}function rt(){const e=(0,O.M)(),t=(0,w.p)().navbar.items,[n,r]=function(e){function t(e){return"left"===(e.position??Ze)}return[e.filter(t),e.filter((e=>!t(e)))]}(t),o=t.find((e=>"search"===e.type));return(0,u.jsx)(nt,{left:(0,u.jsxs)(u.Fragment,{children:[!e.disabled&&(0,u.jsx)(Xe,{}),(0,u.jsx)(K,{}),(0,u.jsx)(tt,{items:n})]}),right:(0,u.jsxs)(u.Fragment,{children:[(0,u.jsx)(tt,{items:r}),(0,u.jsx)(G,{className:et.colorModeToggle}),!o&&(0,u.jsx)(Le,{children:(0,u.jsx)(Te,{})})]})})}function ot(){return(0,u.jsx)(Ve,{children:(0,u.jsx)(rt,{})})}function at(e){let{item:t}=e;const{to:n,href:r,label:o,prependBaseUrlToHref:a,...i}=t,s=(0,J.Ay)(n),l=(0,J.Ay)(r,{forcePrependBaseUrl:!0});return(0,u.jsxs)(Z.A,{className:"footer__link-item",...r?{href:a?l:r}:{to:s},...i,children:[o,r&&!(0,X.A)(r)&&(0,u.jsx)(te.A,{})]})}function it(e){let{item:t}=e;return t.html?(0,u.jsx)("li",{className:"footer__item",dangerouslySetInnerHTML:{__html:t.html}}):(0,u.jsx)("li",{className:"footer__item",children:(0,u.jsx)(at,{item:t})},t.href??t.to)}function st(e){let{column:t}=e;return(0,u.jsxs)("div",{className:"col footer__col",children:[(0,u.jsx)("div",{className:"footer__title",children:t.title}),(0,u.jsx)("ul",{className:"footer__items clean-list",children:t.items.map(((e,t)=>(0,u.jsx)(it,{item:e},t)))})]})}function lt(e){let{columns:t}=e;return(0,u.jsx)("div",{className:"row footer__links",children:t.map(((e,t)=>(0,u.jsx)(st,{column:e},t)))})}function ct(){return(0,u.jsx)("span",{className:"footer__link-separator",children:"\xb7"})}function ut(e){let{item:t}=e;return t.html?(0,u.jsx)("span",{className:"footer__link-item",dangerouslySetInnerHTML:{__html:t.html}}):(0,u.jsx)(at,{item:t})}function dt(e){let{links:t}=e;return(0,u.jsx)("div",{className:"footer__links text--center",children:(0,u.jsx)("div",{className:"footer__links",children:t.map(((e,n)=>(0,u.jsxs)(r.Fragment,{children:[(0,u.jsx)(ut,{item:e}),t.length!==n+1&&(0,u.jsx)(ct,{})]},n)))})})}function pt(e){let{links:t}=e;return function(e){return"title"in e[0]}(t)?(0,u.jsx)(lt,{columns:t}):(0,u.jsx)(dt,{links:t})}var ft=n(6012);const mt={footerLogoLink:"footerLogoLink_HxP9"};function ht(e){let{logo:t}=e;const{withBaseUrl:n}=(0,J.hH)(),r={light:n(t.src),dark:n(t.srcDark??t.src)};return(0,u.jsx)(ft.A,{className:(0,o.A)("footer__logo",t.className),alt:t.alt,sources:r,width:t.width,height:t.height,style:t.style})}function gt(e){let{logo:t}=e;return t.href?(0,u.jsx)(Z.A,{href:t.href,className:mt.footerLogoLink,target:t.target,children:(0,u.jsx)(ht,{logo:t})}):(0,u.jsx)(ht,{logo:t})}function bt(e){let{copyright:t}=e;return(0,u.jsx)("div",{className:"footer__copyright",dangerouslySetInnerHTML:{__html:t}})}function yt(e){let{style:t,links:n,logo:r,copyright:a}=e;return(0,u.jsx)("footer",{className:(0,o.A)("footer",{"footer--dark":"dark"===t}),children:(0,u.jsxs)("div",{className:"container container-fluid",children:[n,(r||a)&&(0,u.jsxs)("div",{className:"footer__bottom text--center",children:[r&&(0,u.jsx)("div",{className:"margin-bottom--sm",children:r}),a]})]})})}function vt(){const{footer:e}=(0,w.p)();if(!e)return null;const{copyright:t,links:n,logo:r,style:o}=e;return(0,u.jsx)(yt,{style:o,links:n&&n.length>0&&(0,u.jsx)(pt,{links:n}),logo:r&&(0,u.jsx)(gt,{logo:r}),copyright:t&&(0,u.jsx)(bt,{copyright:t})})}const wt=r.memo(vt),St=(0,P.fM)([F.a,S.o,T.Tv,Ne.VQ,i.Jx,function(e){let{children:t}=e;return(0,u.jsx)(L.y_,{children:(0,u.jsx)(O.e,{children:(0,u.jsx)(R,{children:t})})})}]);function xt(e){let{children:t}=e;return(0,u.jsx)(St,{children:t})}var kt=n(1507);function Et(e){let{error:t,tryAgain:n}=e;return(0,u.jsx)("main",{className:"container margin-vert--xl",children:(0,u.jsx)("div",{className:"row",children:(0,u.jsxs)("div",{className:"col col--6 col--offset-3",children:[(0,u.jsx)(kt.A,{as:"h1",className:"hero__title",children:(0,u.jsx)(l.A,{id:"theme.ErrorPageContent.title",description:"The title of the fallback page when the page crashed",children:"This page crashed."})}),(0,u.jsx)("div",{className:"margin-vert--lg",children:(0,u.jsx)(Ke,{onClick:n,className:"button button--primary shadow--lw"})}),(0,u.jsx)("hr",{}),(0,u.jsx)("div",{className:"margin-vert--md",children:(0,u.jsx)(Qe,{error:t})})]})})})}const _t={mainWrapper:"mainWrapper_ZPwK"};function Ct(e){const{children:t,noFooter:n,wrapperClassName:r,title:s,description:l}=e;return(0,b.J)(),(0,u.jsxs)(xt,{children:[(0,u.jsx)(i.be,{title:s,description:l}),(0,u.jsx)(v,{}),(0,u.jsx)(A,{}),(0,u.jsx)(ot,{}),(0,u.jsx)("div",{id:d,className:(0,o.A)(g.G.wrapper.main,_t.mainWrapper,r),children:(0,u.jsx)(a.A,{fallback:e=>(0,u.jsx)(Et,{...e}),children:t})}),!n&&(0,u.jsx)(wt,{})]})}},7007:(e,t,n)=>{"use strict";n.d(t,{A:()=>u});n(758);var r=n(6783),o=n(5252),a=n(9143),i=n(316),s=n(6012),l=n(6070);function c(e){let{logo:t,alt:n,imageClassName:r}=e;const a={light:(0,o.Ay)(t.src),dark:(0,o.Ay)(t.srcDark||t.src)},i=(0,l.jsx)(s.A,{className:t.className,sources:a,height:t.height,width:t.width,alt:n,style:t.style});return r?(0,l.jsx)("div",{className:r,children:i}):i}function u(e){const{siteConfig:{title:t}}=(0,a.A)(),{navbar:{title:n,logo:s}}=(0,i.p)(),{imageClassName:u,titleClassName:d,...p}=e,f=(0,o.Ay)(s?.href||"/"),m=n?"":t,h=s?.alt??m;return(0,l.jsxs)(r.A,{to:f,...p,...s?.target&&{target:s.target},children:[s&&(0,l.jsx)(c,{logo:s,alt:h,imageClassName:u}),null!=n&&(0,l.jsx)("b",{className:d,children:n})]})}},1701:(e,t,n)=>{"use strict";n.d(t,{A:()=>a});n(758);var r=n(2293),o=n(6070);function a(e){let{locale:t,version:n,tag:a}=e;const i=t;return(0,o.jsxs)(r.A,{children:[t&&(0,o.jsx)("meta",{name:"docusaurus_locale",content:t}),n&&(0,o.jsx)("meta",{name:"docusaurus_version",content:n}),a&&(0,o.jsx)("meta",{name:"docusaurus_tag",content:a}),i&&(0,o.jsx)("meta",{name:"docsearch:language",content:i}),n&&(0,o.jsx)("meta",{name:"docsearch:version",content:n}),a&&(0,o.jsx)("meta",{name:"docsearch:docusaurus_tag",content:a})]})}},6012:(e,t,n)=>{"use strict";n.d(t,{A:()=>u});var r=n(758),o=n(3526),a=n(2630),i=n(9731);const s={themedComponent:"themedComponent_v9BS","themedComponent--light":"themedComponent--light_bfJ3","themedComponent--dark":"themedComponent--dark_BRRK"};var l=n(6070);function c(e){let{className:t,children:n}=e;const c=(0,a.A)(),{colorMode:u}=(0,i.G)();return(0,l.jsx)(l.Fragment,{children:(c?"dark"===u?["dark"]:["light"]:["light","dark"]).map((e=>{const a=n({theme:e,className:(0,o.A)(t,s.themedComponent,s[`themedComponent--${e}`])});return(0,l.jsx)(r.Fragment,{children:a},e)}))})}function u(e){const{sources:t,className:n,alt:r,...o}=e;return(0,l.jsx)(c,{className:n,children:e=>{let{theme:n,className:a}=e;return(0,l.jsx)("img",{src:t[n],alt:r,className:a,...o})}})}},7064:(e,t,n)=>{"use strict";n.d(t,{N:()=>b,u:()=>c});var r=n(758),o=n(3088),a=n(8302),i=n(9963),s=n(6070);const l="ease-in-out";function c(e){let{initialState:t}=e;const[n,o]=(0,r.useState)(t??!1),a=(0,r.useCallback)((()=>{o((e=>!e))}),[]);return{collapsed:n,setCollapsed:o,toggleCollapsed:a}}const u={display:"none",overflow:"hidden",height:"0px"},d={display:"block",overflow:"visible",height:"auto"};function p(e,t){const n=t?u:d;e.style.display=n.display,e.style.overflow=n.overflow,e.style.height=n.height}function f(e){let{collapsibleRef:t,collapsed:n,animation:o}=e;const a=(0,r.useRef)(!1);(0,r.useEffect)((()=>{const e=t.current;function r(){const t=e.scrollHeight,n=o?.duration??function(e){if((0,i.O)())return 1;const t=e/36;return Math.round(10*(4+15*t**.25+t/5))}(t);return{transition:`height ${n}ms ${o?.easing??l}`,height:`${t}px`}}function s(){const t=r();e.style.transition=t.transition,e.style.height=t.height}if(!a.current)return p(e,n),void(a.current=!0);return e.style.willChange="height",function(){const t=requestAnimationFrame((()=>{n?(s(),requestAnimationFrame((()=>{e.style.height=u.height,e.style.overflow=u.overflow}))):(e.style.display="block",requestAnimationFrame((()=>{s()})))}));return()=>cancelAnimationFrame(t)}()}),[t,n,o])}function m(e){if(!o.A.canUseDOM)return e?u:d}function h(e){let{as:t="div",collapsed:n,children:o,animation:a,onCollapseTransitionEnd:i,className:l,disableSSRStyle:c}=e;const u=(0,r.useRef)(null);return f({collapsibleRef:u,collapsed:n,animation:a}),(0,s.jsx)(t,{ref:u,style:c?void 0:m(n),onTransitionEnd:e=>{"height"===e.propertyName&&(p(u.current,n),i?.(n))},className:l,children:o})}function g(e){let{collapsed:t,...n}=e;const[o,i]=(0,r.useState)(!t),[l,c]=(0,r.useState)(t);return(0,a.A)((()=>{t||i(!0)}),[t]),(0,a.A)((()=>{o&&c(t)}),[o,t]),o?(0,s.jsx)(h,{...n,collapsed:l}):null}function b(e){let{lazy:t,...n}=e;const r=t?g:h;return(0,s.jsx)(r,{...n})}},1611:(e,t,n)=>{"use strict";n.d(t,{M:()=>h,o:()=>m});var r=n(758),o=n(2630),a=n(3349),i=n(4902),s=n(316),l=n(6070);const c=(0,a.Wf)("docusaurus.announcement.dismiss"),u=(0,a.Wf)("docusaurus.announcement.id"),d=()=>"true"===c.get(),p=e=>c.set(String(e)),f=r.createContext(null);function m(e){let{children:t}=e;const n=function(){const{announcementBar:e}=(0,s.p)(),t=(0,o.A)(),[n,a]=(0,r.useState)((()=>!!t&&d()));(0,r.useEffect)((()=>{a(d())}),[]);const i=(0,r.useCallback)((()=>{p(!0),a(!0)}),[]);return(0,r.useEffect)((()=>{if(!e)return;const{id:t}=e;let n=u.get();"annoucement-bar"===n&&(n="announcement-bar");const r=t!==n;u.set(t),r&&p(!1),!r&&d()||a(!1)}),[e]),(0,r.useMemo)((()=>({isActive:!!e&&!n,close:i})),[e,n,i])}();return(0,l.jsx)(f.Provider,{value:n,children:t})}function h(){const e=(0,r.useContext)(f);if(!e)throw new i.dV("AnnouncementBarProvider");return e}},9731:(e,t,n)=>{"use strict";n.d(t,{G:()=>b,a:()=>g});var r=n(758),o=n(3088),a=n(4902),i=n(3349),s=n(316),l=n(6070);const c=r.createContext(void 0),u="theme",d=(0,i.Wf)(u),p={light:"light",dark:"dark"},f=e=>e===p.dark?p.dark:p.light,m=e=>o.A.canUseDOM?f(document.documentElement.getAttribute("data-theme")):f(e),h=e=>{d.set(f(e))};function g(e){let{children:t}=e;const n=function(){const{colorMode:{defaultMode:e,disableSwitch:t,respectPrefersColorScheme:n}}=(0,s.p)(),[o,a]=(0,r.useState)(m(e));(0,r.useEffect)((()=>{t&&d.del()}),[t]);const i=(0,r.useCallback)((function(t,r){void 0===r&&(r={});const{persist:o=!0}=r;t?(a(t),o&&h(t)):(a(n?window.matchMedia("(prefers-color-scheme: dark)").matches?p.dark:p.light:e),d.del())}),[n,e]);(0,r.useEffect)((()=>{document.documentElement.setAttribute("data-theme",f(o))}),[o]),(0,r.useEffect)((()=>{if(t)return;const e=e=>{if(e.key!==u)return;const t=d.get();null!==t&&i(f(t))};return window.addEventListener("storage",e),()=>window.removeEventListener("storage",e)}),[t,i]);const l=(0,r.useRef)(!1);return(0,r.useEffect)((()=>{if(t&&!n)return;const e=window.matchMedia("(prefers-color-scheme: dark)"),r=()=>{window.matchMedia("print").matches||l.current?l.current=window.matchMedia("print").matches:i(null)};return e.addListener(r),()=>e.removeListener(r)}),[i,t,n]),(0,r.useMemo)((()=>({colorMode:o,setColorMode:i,get isDarkTheme(){return o===p.dark},setLightTheme(){i(p.light)},setDarkTheme(){i(p.dark)}})),[o,i])}();return(0,l.jsx)(c.Provider,{value:n,children:t})}function b(){const e=(0,r.useContext)(c);if(null==e)throw new a.dV("ColorModeProvider","Please see https://docusaurus.io/docs/api/themes/configuration#use-color-mode.");return e}},1003:(e,t,n)=>{"use strict";n.d(t,{M:()=>f,e:()=>p});var r=n(758),o=n(646),a=n(9207),i=n(3979),s=n(316),l=n(4902),c=n(6070);const u=r.createContext(void 0);function d(){const e=function(){const e=(0,o.YL)(),{items:t}=(0,s.p)().navbar;return 0===t.length&&!e.component}(),t=(0,a.l)(),n=!e&&"mobile"===t,[l,c]=(0,r.useState)(!1);(0,i.$Z)((()=>{if(l)return c(!1),!1}));const u=(0,r.useCallback)((()=>{c((e=>!e))}),[]);return(0,r.useEffect)((()=>{"desktop"===t&&c(!1)}),[t]),(0,r.useMemo)((()=>({disabled:e,shouldRender:n,toggle:u,shown:l})),[e,n,u,l])}function p(e){let{children:t}=e;const n=d();return(0,c.jsx)(u.Provider,{value:n,children:t})}function f(){const e=r.useContext(u);if(void 0===e)throw new l.dV("NavbarMobileSidebarProvider");return e}},646:(e,t,n)=>{"use strict";n.d(t,{GX:()=>c,YL:()=>l,y_:()=>s});var r=n(758),o=n(4902),a=n(6070);const i=r.createContext(null);function s(e){let{children:t}=e;const n=(0,r.useState)({component:null,props:null});return(0,a.jsx)(i.Provider,{value:n,children:t})}function l(){const e=(0,r.useContext)(i);if(!e)throw new o.dV("NavbarSecondaryMenuContentProvider");return e[0]}function c(e){let{component:t,props:n}=e;const a=(0,r.useContext)(i);if(!a)throw new o.dV("NavbarSecondaryMenuContentProvider");const[,s]=a,l=(0,o.Be)(n);return(0,r.useEffect)((()=>{s({component:t,props:l})}),[s,t,l]),(0,r.useEffect)((()=>()=>s({component:null,props:null})),[s]),null}},9782:(e,t,n)=>{"use strict";n.d(t,{w:()=>o,J:()=>a});var r=n(758);const o="navigation-with-keyboard";function a(){(0,r.useEffect)((()=>{function e(e){"keydown"===e.type&&"Tab"===e.key&&document.body.classList.add(o),"mousedown"===e.type&&document.body.classList.remove(o)}return document.addEventListener("keydown",e),document.addEventListener("mousedown",e),()=>{document.body.classList.remove(o),document.removeEventListener("keydown",e),document.removeEventListener("mousedown",e)}}),[])}},8169:(e,t,n)=>{"use strict";n.d(t,{b:()=>s,w:()=>l});var r=n(758),o=n(9143),a=n(3979);const i="q";function s(){return(0,a.l)(i)}function l(){const{siteConfig:{baseUrl:e,themeConfig:t}}=(0,o.A)(),{algolia:{searchPagePath:n}}=t;return(0,r.useCallback)((t=>`${e}${n}?${i}=${encodeURIComponent(t)}`),[e,n])}},9207:(e,t,n)=>{"use strict";n.d(t,{l:()=>s});var r=n(758),o=n(3088);const a={desktop:"desktop",mobile:"mobile",ssr:"ssr"},i=996;function s(e){let{desktopBreakpoint:t=i}=void 0===e?{}:e;const[n,s]=(0,r.useState)((()=>"ssr"));return(0,r.useEffect)((()=>{function e(){s(function(e){if(!o.A.canUseDOM)throw new Error("getWindowSize() should only be called after React hydration");return window.innerWidth>e?a.desktop:a.mobile}(t))}return e(),window.addEventListener("resize",e),()=>{window.removeEventListener("resize",e)}}),[t]),n}},8813:(e,t,n)=>{"use strict";n.d(t,{G:()=>r});const r={page:{blogListPage:"blog-list-page",blogPostPage:"blog-post-page",blogTagsListPage:"blog-tags-list-page",blogTagPostListPage:"blog-tags-post-list-page",blogAuthorsListPage:"blog-authors-list-page",blogAuthorsPostsPage:"blog-authors-posts-page",docsDocPage:"docs-doc-page",docsTagsListPage:"docs-tags-list-page",docsTagDocListPage:"docs-tags-doc-list-page",mdxPage:"mdx-page"},wrapper:{main:"main-wrapper",blogPages:"blog-wrapper",docsPages:"docs-wrapper",mdxPages:"mdx-wrapper"},common:{editThisPage:"theme-edit-this-page",lastUpdated:"theme-last-updated",backToTopButton:"theme-back-to-top-button",codeBlock:"theme-code-block",admonition:"theme-admonition",unlistedBanner:"theme-unlisted-banner",draftBanner:"theme-draft-banner",admonitionType:e=>`theme-admonition-${e}`},layout:{},docs:{docVersionBanner:"theme-doc-version-banner",docVersionBadge:"theme-doc-version-badge",docBreadcrumbs:"theme-doc-breadcrumbs",docMarkdown:"theme-doc-markdown",docTocMobile:"theme-doc-toc-mobile",docTocDesktop:"theme-doc-toc-desktop",docFooter:"theme-doc-footer",docFooterTagsRow:"theme-doc-footer-tags-row",docFooterEditMetaRow:"theme-doc-footer-edit-meta-row",docSidebarContainer:"theme-doc-sidebar-container",docSidebarMenu:"theme-doc-sidebar-menu",docSidebarItemCategory:"theme-doc-sidebar-item-category",docSidebarItemLink:"theme-doc-sidebar-item-link",docSidebarItemCategoryLevel:e=>`theme-doc-sidebar-item-category-level-${e}`,docSidebarItemLinkLevel:e=>`theme-doc-sidebar-item-link-level-${e}`},blog:{blogFooterTagsRow:"theme-blog-footer-tags-row",blogFooterEditMetaRow:"theme-blog-footer-edit-meta-row"},pages:{pageFooterEditMetaRow:"theme-pages-footer-edit-meta-row"}}},9963:(e,t,n)=>{"use strict";function r(){return window.matchMedia("(prefers-reduced-motion: reduce)").matches}n.d(t,{O:()=>r})},7743:(e,t,n)=>{"use strict";n.d(t,{s:()=>o});var r=n(9143);function o(e){const{siteConfig:t}=(0,r.A)(),{title:n,titleDelimiter:o}=t;return e?.trim().length?`${e.trim()} ${o} ${n}`:n}},3979:(e,t,n)=>{"use strict";n.d(t,{$Z:()=>i,l:()=>l});var r=n(758),o=n(5557),a=n(4902);function i(e){!function(e){const t=(0,o.W6)(),n=(0,a._q)(e);(0,r.useEffect)((()=>t.block(((e,t)=>n(e,t)))),[t,n])}(((t,n)=>{if("POP"===n)return e(t,n)}))}function s(e){const t=(0,o.W6)();return(0,r.useSyncExternalStore)(t.listen,(()=>e(t)),(()=>e(t)))}function l(e){const t=function(e){return s((t=>null===e?null:new URLSearchParams(t.location.search).get(e)))}(e)??"",n=function(e){const t=(0,o.W6)();return(0,r.useCallback)(((n,r)=>{const o=new URLSearchParams(t.location.search);n?o.set(e,n):o.delete(e),(r?.push?t.push:t.replace)({search:o.toString()})}),[e,t])}(e);return[t,n]}},2632:(e,t,n)=>{"use strict";function r(e){return Array.from(new Set(e))}function o(e,t){const n={};let r=0;for(const o of e){const e=t(o,r);n[e]??=[],n[e].push(o),r+=1}return n}n.d(t,{$z:()=>o,sb:()=>r})},898:(e,t,n)=>{"use strict";n.d(t,{Jx:()=>f,be:()=>u,e3:()=>p});var r=n(758),o=n(3526),a=n(2293),i=n(3112),s=n(5252),l=n(7743),c=n(6070);function u(e){let{title:t,description:n,keywords:r,image:o,children:i}=e;const u=(0,l.s)(t),{withBaseUrl:d}=(0,s.hH)(),p=o?d(o,{absolute:!0}):void 0;return(0,c.jsxs)(a.A,{children:[t&&(0,c.jsx)("title",{children:u}),t&&(0,c.jsx)("meta",{property:"og:title",content:u}),n&&(0,c.jsx)("meta",{name:"description",content:n}),n&&(0,c.jsx)("meta",{property:"og:description",content:n}),r&&(0,c.jsx)("meta",{name:"keywords",content:Array.isArray(r)?r.join(","):r}),p&&(0,c.jsx)("meta",{property:"og:image",content:p}),p&&(0,c.jsx)("meta",{name:"twitter:image",content:p}),i]})}const d=r.createContext(void 0);function p(e){let{className:t,children:n}=e;const i=r.useContext(d),s=(0,o.A)(i,t);return(0,c.jsxs)(d.Provider,{value:s,children:[(0,c.jsx)(a.A,{children:(0,c.jsx)("html",{className:s})}),n]})}function f(e){let{children:t}=e;const n=(0,i.A)(),r=`plugin-${n.plugin.name.replace(/docusaurus-(?:plugin|theme)-(?:content-)?/gi,"")}`;const a=`plugin-id-${n.plugin.id}`;return(0,c.jsx)(p,{className:(0,o.A)(r,a),children:t})}},4902:(e,t,n)=>{"use strict";n.d(t,{Be:()=>c,ZC:()=>s,_q:()=>i,dV:()=>l,fM:()=>u});var r=n(758),o=n(8302),a=n(6070);function i(e){const t=(0,r.useRef)(e);return(0,o.A)((()=>{t.current=e}),[e]),(0,r.useCallback)((function(){return t.current(...arguments)}),[])}function s(e){const t=(0,r.useRef)();return(0,o.A)((()=>{t.current=e})),t.current}class l extends Error{constructor(e,t){super(),this.name="ReactContextError",this.message=`Hook ${this.stack?.split("\n")[1]?.match(/at (?:\w+\.)?(?<name>\w+)/)?.groups.name??""} is called outside the <${e}>. ${t??""}`}}function c(e){const t=Object.entries(e);return t.sort(((e,t)=>e[0].localeCompare(t[0]))),(0,r.useMemo)((()=>e),t.flat())}function u(e){return t=>{let{children:n}=t;return(0,a.jsx)(a.Fragment,{children:e.reduceRight(((e,t)=>(0,a.jsx)(t,{children:e})),n)})}}},5130:(e,t,n)=>{"use strict";function r(e,t){return void 0!==e&&void 0!==t&&new RegExp(e,"gi").test(t)}n.d(t,{G:()=>r})},5763:(e,t,n)=>{"use strict";n.d(t,{Dt:()=>s,ys:()=>i});var r=n(758),o=n(1377),a=n(9143);function i(e,t){const n=e=>(!e||e.endsWith("/")?e:`${e}/`)?.toLowerCase();return n(e)===n(t)}function s(){const{baseUrl:e}=(0,a.A)().siteConfig;return(0,r.useMemo)((()=>function(e){let{baseUrl:t,routes:n}=e;function r(e){return e.path===t&&!0===e.exact}function o(e){return e.path===t&&!e.exact}return function e(t){if(0===t.length)return;return t.find(r)||e(t.filter(o).flatMap((e=>e.routes??[])))}(n)}({routes:o.A,baseUrl:e})),[e])}},9030:(e,t,n)=>{"use strict";n.d(t,{Mq:()=>p,Tv:()=>c,gk:()=>f});var r=n(758),o=n(3088),a=n(2630),i=(n(8302),n(4902)),s=n(6070);const l=r.createContext(void 0);function c(e){let{children:t}=e;const n=function(){const e=(0,r.useRef)(!0);return(0,r.useMemo)((()=>({scrollEventsEnabledRef:e,enableScrollEvents:()=>{e.current=!0},disableScrollEvents:()=>{e.current=!1}})),[])}();return(0,s.jsx)(l.Provider,{value:n,children:t})}function u(){const e=(0,r.useContext)(l);if(null==e)throw new i.dV("ScrollControllerProvider");return e}const d=()=>o.A.canUseDOM?{scrollX:window.pageXOffset,scrollY:window.pageYOffset}:null;function p(e,t){void 0===t&&(t=[]);const{scrollEventsEnabledRef:n}=u(),o=(0,r.useRef)(d()),a=(0,i._q)(e);(0,r.useEffect)((()=>{const e=()=>{if(!n.current)return;const e=d();a(e,o.current),o.current=e},t={passive:!0};return e(),window.addEventListener("scroll",e,t),()=>window.removeEventListener("scroll",e,t)}),[a,n,...t])}function f(){const e=(0,r.useRef)(null),t=(0,a.A)()&&"smooth"===getComputedStyle(document.documentElement).scrollBehavior;return{startScroll:n=>{e.current=t?function(e){return window.scrollTo({top:e,behavior:"smooth"}),()=>{}}(n):function(e){let t=null;const n=document.documentElement.scrollTop>e;return function r(){const o=document.documentElement.scrollTop;(n&&o>e||!n&&o<e)&&(t=requestAnimationFrame(r),window.scrollTo(0,Math.floor(.85*(o-e))+e))}(),()=>t&&cancelAnimationFrame(t)}(n)},cancelScroll:()=>e.current?.()}}},4937:(e,t,n)=>{"use strict";n.d(t,{C:()=>r});const r="default"},3349:(e,t,n)=>{"use strict";n.d(t,{Wf:()=>c});n(758);const r=JSON.parse('{"N":"localStorage","M":""}'),o=r.N;function a(e){let{key:t,oldValue:n,newValue:r,storage:o}=e;if(n===r)return;const a=document.createEvent("StorageEvent");a.initStorageEvent("storage",!1,!1,t,n,r,window.location.href,o),window.dispatchEvent(a)}function i(e){if(void 0===e&&(e=o),"undefined"==typeof window)throw new Error("Browser storage is not available on Node.js/Docusaurus SSR process.");if("none"===e)return null;try{return window[e]}catch(n){return t=n,s||(console.warn("Docusaurus browser storage is not available.\nPossible reasons: running Docusaurus in an iframe, in an incognito browser session, or using too strict browser privacy settings.",t),s=!0),null}var t}let s=!1;const l={get:()=>null,set:()=>{},del:()=>{},listen:()=>()=>{}};function c(e,t){const n=`${e}${r.M}`;if("undefined"==typeof window)return function(e){function t(){throw new Error(`Illegal storage API usage for storage key "${e}".\nDocusaurus storage APIs are not supposed to be called on the server-rendering process.\nPlease only call storage APIs in effects and event handlers.`)}return{get:t,set:t,del:t,listen:t}}(n);const o=i(t?.persistence);return null===o?l:{get:()=>{try{return o.getItem(n)}catch(e){return console.error(`Docusaurus storage error, can't get key=${n}`,e),null}},set:e=>{try{const t=o.getItem(n);o.setItem(n,e),a({key:n,oldValue:t,newValue:e,storage:o})}catch(t){console.error(`Docusaurus storage error, can't set ${n}=${e}`,t)}},del:()=>{try{const e=o.getItem(n);o.removeItem(n),a({key:n,oldValue:e,newValue:null,storage:o})}catch(e){console.error(`Docusaurus storage error, can't delete key=${n}`,e)}},listen:e=>{try{const t=t=>{t.storageArea===o&&t.key===n&&e(t)};return window.addEventListener("storage",t),()=>window.removeEventListener("storage",t)}catch(t){return console.error(`Docusaurus storage error, can't listen for changes of key=${n}`,t),()=>{}}}}}},1529:(e,t,n)=>{"use strict";n.d(t,{o:()=>i});var r=n(9143),o=n(5557),a=n(3509);function i(){const{siteConfig:{baseUrl:e,url:t,trailingSlash:n},i18n:{defaultLocale:i,currentLocale:s}}=(0,r.A)(),{pathname:l}=(0,o.zy)(),c=(0,a.Ks)(l,{trailingSlash:n,baseUrl:e}),u=s===i?e:e.replace(`/${s}/`,"/"),d=c.replace(e,"");return{createUrl:function(e){let{locale:n,fullyQualified:r}=e;return`${r?t:""}${function(e){return e===i?`${u}`:`${u}${e}/`}(n)}${d}`}}}},2360:(e,t,n)=>{"use strict";n.d(t,{$:()=>i});var r=n(758),o=n(5557),a=n(4902);function i(e){const t=(0,o.zy)(),n=(0,a.ZC)(t),i=(0,a._q)(e);(0,r.useEffect)((()=>{n&&t!==n&&i({location:t,previousLocation:n})}),[i,t,n])}},316:(e,t,n)=>{"use strict";n.d(t,{p:()=>o});var r=n(9143);function o(){return(0,r.A)().siteConfig.themeConfig}},7e3:(e,t,n)=>{"use strict";n.d(t,{c:()=>o});var r=n(9143);function o(){const{siteConfig:{themeConfig:e}}=(0,r.A)();return e}},1152:(e,t,n)=>{"use strict";n.d(t,{C:()=>s});var r=n(758),o=n(5130),a=n(5252),i=n(7e3);function s(){const{withBaseUrl:e}=(0,a.hH)(),{algolia:{externalUrlRegex:t,replaceSearchResultPathname:n}}=(0,i.c)();return(0,r.useCallback)((r=>{const a=new URL(r);if((0,o.G)(t,a.href))return r;const i=`${a.pathname+a.hash}`;return e(function(e,t){return t?e.replaceAll(new RegExp(t.from,"g"),t.to):e}(i,n))}),[e,t,n])}},1640:(e,t,n)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.addTrailingSlash=o,t.default=function(e,t){const{trailingSlash:n,baseUrl:r}=t;if(e.startsWith("#"))return e;if(void 0===n)return e;const[i]=e.split(/[#?]/),s="/"===i||i===r?i:(l=i,c=n,c?o(l):a(l));var l,c;return e.replace(i,s)},t.addLeadingSlash=function(e){return(0,r.addPrefix)(e,"/")},t.removeTrailingSlash=a;const r=n(239);function o(e){return e.endsWith("/")?e:`${e}/`}function a(e){return(0,r.removeSuffix)(e,"/")}},4814:(e,t)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.getErrorCausalChain=function e(t){if(t.cause)return[t,...e(t.cause)];return[t]}},3509:(e,t,n)=>{"use strict";t.rA=t.Ks=t.LU=void 0;const r=n(3422);t.LU="__blog-post-container";var o=n(1640);Object.defineProperty(t,"Ks",{enumerable:!0,get:function(){return r.__importDefault(o).default}});var a=n(239);var i=n(4814);Object.defineProperty(t,"rA",{enumerable:!0,get:function(){return i.getErrorCausalChain}})},239:(e,t)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.addPrefix=function(e,t){return e.startsWith(t)?e:`${t}${e}`},t.removeSuffix=function(e,t){if(""===t)return e;return e.endsWith(t)?e.slice(0,-t.length):e},t.addSuffix=function(e,t){return e.endsWith(t)?e:`${e}${t}`},t.removePrefix=function(e,t){return e.startsWith(t)?e.slice(t.length):e}},3332:(e,t,n)=>{"use strict";n.d(t,{zR:()=>w,TM:()=>C,yJ:()=>f,sC:()=>A,AO:()=>p});var r=n(991);function o(e){return"/"===e.charAt(0)}function a(e,t){for(var n=t,r=n+1,o=e.length;r<o;n+=1,r+=1)e[n]=e[r];e.pop()}const i=function(e,t){void 0===t&&(t="");var n,r=e&&e.split("/")||[],i=t&&t.split("/")||[],s=e&&o(e),l=t&&o(t),c=s||l;if(e&&o(e)?i=r:r.length&&(i.pop(),i=i.concat(r)),!i.length)return"/";if(i.length){var u=i[i.length-1];n="."===u||".."===u||""===u}else n=!1;for(var d=0,p=i.length;p>=0;p--){var f=i[p];"."===f?a(i,p):".."===f?(a(i,p),d++):d&&(a(i,p),d--)}if(!c)for(;d--;d)i.unshift("..");!c||""===i[0]||i[0]&&o(i[0])||i.unshift("");var m=i.join("/");return n&&"/"!==m.substr(-1)&&(m+="/"),m};var s=n(5385);function l(e){return"/"===e.charAt(0)?e:"/"+e}function c(e){return"/"===e.charAt(0)?e.substr(1):e}function u(e,t){return function(e,t){return 0===e.toLowerCase().indexOf(t.toLowerCase())&&-1!=="/?#".indexOf(e.charAt(t.length))}(e,t)?e.substr(t.length):e}function d(e){return"/"===e.charAt(e.length-1)?e.slice(0,-1):e}function p(e){var t=e.pathname,n=e.search,r=e.hash,o=t||"/";return n&&"?"!==n&&(o+="?"===n.charAt(0)?n:"?"+n),r&&"#"!==r&&(o+="#"===r.charAt(0)?r:"#"+r),o}function f(e,t,n,o){var a;"string"==typeof e?(a=function(e){var t=e||"/",n="",r="",o=t.indexOf("#");-1!==o&&(r=t.substr(o),t=t.substr(0,o));var a=t.indexOf("?");return-1!==a&&(n=t.substr(a),t=t.substr(0,a)),{pathname:t,search:"?"===n?"":n,hash:"#"===r?"":r}}(e),a.state=t):(void 0===(a=(0,r.A)({},e)).pathname&&(a.pathname=""),a.search?"?"!==a.search.charAt(0)&&(a.search="?"+a.search):a.search="",a.hash?"#"!==a.hash.charAt(0)&&(a.hash="#"+a.hash):a.hash="",void 0!==t&&void 0===a.state&&(a.state=t));try{a.pathname=decodeURI(a.pathname)}catch(s){throw s instanceof URIError?new URIError('Pathname "'+a.pathname+'" could not be decoded. This is likely caused by an invalid percent-encoding.'):s}return n&&(a.key=n),o?a.pathname?"/"!==a.pathname.charAt(0)&&(a.pathname=i(a.pathname,o.pathname)):a.pathname=o.pathname:a.pathname||(a.pathname="/"),a}function m(){var e=null;var t=[];return{setPrompt:function(t){return e=t,function(){e===t&&(e=null)}},confirmTransitionTo:function(t,n,r,o){if(null!=e){var a="function"==typeof e?e(t,n):e;"string"==typeof a?"function"==typeof r?r(a,o):o(!0):o(!1!==a)}else o(!0)},appendListener:function(e){var n=!0;function r(){n&&e.apply(void 0,arguments)}return t.push(r),function(){n=!1,t=t.filter((function(e){return e!==r}))}},notifyListeners:function(){for(var e=arguments.length,n=new Array(e),r=0;r<e;r++)n[r]=arguments[r];t.forEach((function(e){return e.apply(void 0,n)}))}}}var h=!("undefined"==typeof window||!window.document||!window.document.createElement);function g(e,t){t(window.confirm(e))}var b="popstate",y="hashchange";function v(){try{return window.history.state||{}}catch(e){return{}}}function w(e){void 0===e&&(e={}),h||(0,s.A)(!1);var t,n=window.history,o=(-1===(t=window.navigator.userAgent).indexOf("Android 2.")&&-1===t.indexOf("Android 4.0")||-1===t.indexOf("Mobile Safari")||-1!==t.indexOf("Chrome")||-1!==t.indexOf("Windows Phone"))&&window.history&&"pushState"in window.history,a=!(-1===window.navigator.userAgent.indexOf("Trident")),i=e,c=i.forceRefresh,w=void 0!==c&&c,S=i.getUserConfirmation,x=void 0===S?g:S,k=i.keyLength,E=void 0===k?6:k,_=e.basename?d(l(e.basename)):"";function C(e){var t=e||{},n=t.key,r=t.state,o=window.location,a=o.pathname+o.search+o.hash;return _&&(a=u(a,_)),f(a,r,n)}function j(){return Math.random().toString(36).substr(2,E)}var A=m();function O(e){(0,r.A)(U,e),U.length=n.length,A.notifyListeners(U.location,U.action)}function T(e){(function(e){return void 0===e.state&&-1===navigator.userAgent.indexOf("CriOS")})(e)||I(C(e.state))}function P(){I(C(v()))}var L=!1;function I(e){if(L)L=!1,O();else{A.confirmTransitionTo(e,"POP",x,(function(t){t?O({action:"POP",location:e}):function(e){var t=U.location,n=N.indexOf(t.key);-1===n&&(n=0);var r=N.indexOf(e.key);-1===r&&(r=0);var o=n-r;o&&(L=!0,M(o))}(e)}))}}var R=C(v()),N=[R.key];function D(e){return _+p(e)}function M(e){n.go(e)}var F=0;function z(e){1===(F+=e)&&1===e?(window.addEventListener(b,T),a&&window.addEventListener(y,P)):0===F&&(window.removeEventListener(b,T),a&&window.removeEventListener(y,P))}var B=!1;var U={length:n.length,action:"POP",location:R,createHref:D,push:function(e,t){var r="PUSH",a=f(e,t,j(),U.location);A.confirmTransitionTo(a,r,x,(function(e){if(e){var t=D(a),i=a.key,s=a.state;if(o)if(n.pushState({key:i,state:s},null,t),w)window.location.href=t;else{var l=N.indexOf(U.location.key),c=N.slice(0,l+1);c.push(a.key),N=c,O({action:r,location:a})}else window.location.href=t}}))},replace:function(e,t){var r="REPLACE",a=f(e,t,j(),U.location);A.confirmTransitionTo(a,r,x,(function(e){if(e){var t=D(a),i=a.key,s=a.state;if(o)if(n.replaceState({key:i,state:s},null,t),w)window.location.replace(t);else{var l=N.indexOf(U.location.key);-1!==l&&(N[l]=a.key),O({action:r,location:a})}else window.location.replace(t)}}))},go:M,goBack:function(){M(-1)},goForward:function(){M(1)},block:function(e){void 0===e&&(e=!1);var t=A.setPrompt(e);return B||(z(1),B=!0),function(){return B&&(B=!1,z(-1)),t()}},listen:function(e){var t=A.appendListener(e);return z(1),function(){z(-1),t()}}};return U}var S="hashchange",x={hashbang:{encodePath:function(e){return"!"===e.charAt(0)?e:"!/"+c(e)},decodePath:function(e){return"!"===e.charAt(0)?e.substr(1):e}},noslash:{encodePath:c,decodePath:l},slash:{encodePath:l,decodePath:l}};function k(e){var t=e.indexOf("#");return-1===t?e:e.slice(0,t)}function E(){var e=window.location.href,t=e.indexOf("#");return-1===t?"":e.substring(t+1)}function _(e){window.location.replace(k(window.location.href)+"#"+e)}function C(e){void 0===e&&(e={}),h||(0,s.A)(!1);var t=window.history,n=(window.navigator.userAgent.indexOf("Firefox"),e),o=n.getUserConfirmation,a=void 0===o?g:o,i=n.hashType,c=void 0===i?"slash":i,b=e.basename?d(l(e.basename)):"",y=x[c],v=y.encodePath,w=y.decodePath;function C(){var e=w(E());return b&&(e=u(e,b)),f(e)}var j=m();function A(e){(0,r.A)(B,e),B.length=t.length,j.notifyListeners(B.location,B.action)}var O=!1,T=null;function P(){var e,t,n=E(),r=v(n);if(n!==r)_(r);else{var o=C(),i=B.location;if(!O&&(t=o,(e=i).pathname===t.pathname&&e.search===t.search&&e.hash===t.hash))return;if(T===p(o))return;T=null,function(e){if(O)O=!1,A();else{var t="POP";j.confirmTransitionTo(e,t,a,(function(n){n?A({action:t,location:e}):function(e){var t=B.location,n=N.lastIndexOf(p(t));-1===n&&(n=0);var r=N.lastIndexOf(p(e));-1===r&&(r=0);var o=n-r;o&&(O=!0,D(o))}(e)}))}}(o)}}var L=E(),I=v(L);L!==I&&_(I);var R=C(),N=[p(R)];function D(e){t.go(e)}var M=0;function F(e){1===(M+=e)&&1===e?window.addEventListener(S,P):0===M&&window.removeEventListener(S,P)}var z=!1;var B={length:t.length,action:"POP",location:R,createHref:function(e){var t=document.querySelector("base"),n="";return t&&t.getAttribute("href")&&(n=k(window.location.href)),n+"#"+v(b+p(e))},push:function(e,t){var n="PUSH",r=f(e,void 0,void 0,B.location);j.confirmTransitionTo(r,n,a,(function(e){if(e){var t=p(r),o=v(b+t);if(E()!==o){T=t,function(e){window.location.hash=e}(o);var a=N.lastIndexOf(p(B.location)),i=N.slice(0,a+1);i.push(t),N=i,A({action:n,location:r})}else A()}}))},replace:function(e,t){var n="REPLACE",r=f(e,void 0,void 0,B.location);j.confirmTransitionTo(r,n,a,(function(e){if(e){var t=p(r),o=v(b+t);E()!==o&&(T=t,_(o));var a=N.indexOf(p(B.location));-1!==a&&(N[a]=t),A({action:n,location:r})}}))},go:D,goBack:function(){D(-1)},goForward:function(){D(1)},block:function(e){void 0===e&&(e=!1);var t=j.setPrompt(e);return z||(F(1),z=!0),function(){return z&&(z=!1,F(-1)),t()}},listen:function(e){var t=j.appendListener(e);return F(1),function(){F(-1),t()}}};return B}function j(e,t,n){return Math.min(Math.max(e,t),n)}function A(e){void 0===e&&(e={});var t=e,n=t.getUserConfirmation,o=t.initialEntries,a=void 0===o?["/"]:o,i=t.initialIndex,s=void 0===i?0:i,l=t.keyLength,c=void 0===l?6:l,u=m();function d(e){(0,r.A)(w,e),w.length=w.entries.length,u.notifyListeners(w.location,w.action)}function h(){return Math.random().toString(36).substr(2,c)}var g=j(s,0,a.length-1),b=a.map((function(e){return f(e,void 0,"string"==typeof e?h():e.key||h())})),y=p;function v(e){var t=j(w.index+e,0,w.entries.length-1),r=w.entries[t];u.confirmTransitionTo(r,"POP",n,(function(e){e?d({action:"POP",location:r,index:t}):d()}))}var w={length:b.length,action:"POP",location:b[g],index:g,entries:b,createHref:y,push:function(e,t){var r="PUSH",o=f(e,t,h(),w.location);u.confirmTransitionTo(o,r,n,(function(e){if(e){var t=w.index+1,n=w.entries.slice(0);n.length>t?n.splice(t,n.length-t,o):n.push(o),d({action:r,location:o,index:t,entries:n})}}))},replace:function(e,t){var r="REPLACE",o=f(e,t,h(),w.location);u.confirmTransitionTo(o,r,n,(function(e){e&&(w.entries[w.index]=o,d({action:r,location:o}))}))},go:v,goBack:function(){v(-1)},goForward:function(){v(1)},canGo:function(e){var t=w.index+e;return t>=0&&t<w.entries.length},block:function(e){return void 0===e&&(e=!1),u.setPrompt(e)},listen:function(e){return u.appendListener(e)}};return w}},1035:(e,t,n)=>{"use strict";var r=n(5959),o={childContextTypes:!0,contextType:!0,contextTypes:!0,defaultProps:!0,displayName:!0,getDefaultProps:!0,getDerivedStateFromError:!0,getDerivedStateFromProps:!0,mixins:!0,propTypes:!0,type:!0},a={name:!0,length:!0,prototype:!0,caller:!0,callee:!0,arguments:!0,arity:!0},i={$$typeof:!0,compare:!0,defaultProps:!0,displayName:!0,propTypes:!0,type:!0},s={};function l(e){return r.isMemo(e)?i:s[e.$$typeof]||o}s[r.ForwardRef]={$$typeof:!0,render:!0,defaultProps:!0,displayName:!0,propTypes:!0},s[r.Memo]=i;var c=Object.defineProperty,u=Object.getOwnPropertyNames,d=Object.getOwnPropertySymbols,p=Object.getOwnPropertyDescriptor,f=Object.getPrototypeOf,m=Object.prototype;e.exports=function e(t,n,r){if("string"!=typeof n){if(m){var o=f(n);o&&o!==m&&e(t,o,r)}var i=u(n);d&&(i=i.concat(d(n)));for(var s=l(t),h=l(n),g=0;g<i.length;++g){var b=i[g];if(!(a[b]||r&&r[b]||h&&h[b]||s&&s[b])){var y=p(n,b);try{c(t,b,y)}catch(v){}}}}return t}},9597:e=>{"use strict";e.exports=function(e,t,n,r,o,a,i,s){if(!e){var l;if(void 0===t)l=new Error("Minified exception occurred; use the non-minified dev environment for the full error message and additional helpful warnings.");else{var c=[n,r,o,a,i,s],u=0;(l=new Error(t.replace(/%s/g,(function(){return c[u++]})))).name="Invariant Violation"}throw l.framesToPop=1,l}}},5526:e=>{e.exports=Array.isArray||function(e){return"[object Array]"==Object.prototype.toString.call(e)}},8602:(e,t,n)=>{"use strict";n.r(t)},4504:(e,t,n)=>{"use strict";n.r(t)},8744:function(e,t,n){var r,o;r=function(){var e,t,n={version:"0.2.0"},r=n.settings={minimum:.08,easing:"ease",positionUsing:"",speed:200,trickle:!0,trickleRate:.02,trickleSpeed:800,showSpinner:!0,barSelector:'[role="bar"]',spinnerSelector:'[role="spinner"]',parent:"body",template:'<div class="bar" role="bar"><div class="peg"></div></div><div class="spinner" role="spinner"><div class="spinner-icon"></div></div>'};function o(e,t,n){return e<t?t:e>n?n:e}function a(e){return 100*(-1+e)}function i(e,t,n){var o;return(o="translate3d"===r.positionUsing?{transform:"translate3d("+a(e)+"%,0,0)"}:"translate"===r.positionUsing?{transform:"translate("+a(e)+"%,0)"}:{"margin-left":a(e)+"%"}).transition="all "+t+"ms "+n,o}n.configure=function(e){var t,n;for(t in e)void 0!==(n=e[t])&&e.hasOwnProperty(t)&&(r[t]=n);return this},n.status=null,n.set=function(e){var t=n.isStarted();e=o(e,r.minimum,1),n.status=1===e?null:e;var a=n.render(!t),c=a.querySelector(r.barSelector),u=r.speed,d=r.easing;return a.offsetWidth,s((function(t){""===r.positionUsing&&(r.positionUsing=n.getPositioningCSS()),l(c,i(e,u,d)),1===e?(l(a,{transition:"none",opacity:1}),a.offsetWidth,setTimeout((function(){l(a,{transition:"all "+u+"ms linear",opacity:0}),setTimeout((function(){n.remove(),t()}),u)}),u)):setTimeout(t,u)})),this},n.isStarted=function(){return"number"==typeof n.status},n.start=function(){n.status||n.set(0);var e=function(){setTimeout((function(){n.status&&(n.trickle(),e())}),r.trickleSpeed)};return r.trickle&&e(),this},n.done=function(e){return e||n.status?n.inc(.3+.5*Math.random()).set(1):this},n.inc=function(e){var t=n.status;return t?("number"!=typeof e&&(e=(1-t)*o(Math.random()*t,.1,.95)),t=o(t+e,0,.994),n.set(t)):n.start()},n.trickle=function(){return n.inc(Math.random()*r.trickleRate)},e=0,t=0,n.promise=function(r){return r&&"resolved"!==r.state()?(0===t&&n.start(),e++,t++,r.always((function(){0==--t?(e=0,n.done()):n.set((e-t)/e)})),this):this},n.render=function(e){if(n.isRendered())return document.getElementById("nprogress");u(document.documentElement,"nprogress-busy");var t=document.createElement("div");t.id="nprogress",t.innerHTML=r.template;var o,i=t.querySelector(r.barSelector),s=e?"-100":a(n.status||0),c=document.querySelector(r.parent);return l(i,{transition:"all 0 linear",transform:"translate3d("+s+"%,0,0)"}),r.showSpinner||(o=t.querySelector(r.spinnerSelector))&&f(o),c!=document.body&&u(c,"nprogress-custom-parent"),c.appendChild(t),t},n.remove=function(){d(document.documentElement,"nprogress-busy"),d(document.querySelector(r.parent),"nprogress-custom-parent");var e=document.getElementById("nprogress");e&&f(e)},n.isRendered=function(){return!!document.getElementById("nprogress")},n.getPositioningCSS=function(){var e=document.body.style,t="WebkitTransform"in e?"Webkit":"MozTransform"in e?"Moz":"msTransform"in e?"ms":"OTransform"in e?"O":"";return t+"Perspective"in e?"translate3d":t+"Transform"in e?"translate":"margin"};var s=function(){var e=[];function t(){var n=e.shift();n&&n(t)}return function(n){e.push(n),1==e.length&&t()}}(),l=function(){var e=["Webkit","O","Moz","ms"],t={};function n(e){return e.replace(/^-ms-/,"ms-").replace(/-([\da-z])/gi,(function(e,t){return t.toUpperCase()}))}function r(t){var n=document.body.style;if(t in n)return t;for(var r,o=e.length,a=t.charAt(0).toUpperCase()+t.slice(1);o--;)if((r=e[o]+a)in n)return r;return t}function o(e){return e=n(e),t[e]||(t[e]=r(e))}function a(e,t,n){t=o(t),e.style[t]=n}return function(e,t){var n,r,o=arguments;if(2==o.length)for(n in t)void 0!==(r=t[n])&&t.hasOwnProperty(n)&&a(e,n,r);else a(e,o[1],o[2])}}();function c(e,t){return("string"==typeof e?e:p(e)).indexOf(" "+t+" ")>=0}function u(e,t){var n=p(e),r=n+t;c(n,t)||(e.className=r.substring(1))}function d(e,t){var n,r=p(e);c(e,t)&&(n=r.replace(" "+t+" "," "),e.className=n.substring(1,n.length-1))}function p(e){return(" "+(e.className||"")+" ").replace(/\s+/gi," ")}function f(e){e&&e.parentNode&&e.parentNode.removeChild(e)}return n},void 0===(o="function"==typeof r?r.call(t,n,t,e):r)||(e.exports=o)},6150:(e,t,n)=>{var r=n(5526);e.exports=f,e.exports.parse=a,e.exports.compile=function(e,t){return s(a(e,t),t)},e.exports.tokensToFunction=s,e.exports.tokensToRegExp=p;var o=new RegExp(["(\\\\.)","([\\/.])?(?:(?:\\:(\\w+)(?:\\(((?:\\\\.|[^\\\\()])+)\\))?|\\(((?:\\\\.|[^\\\\()])+)\\))([+*?])?|(\\*))"].join("|"),"g");function a(e,t){for(var n,r=[],a=0,i=0,s="",u=t&&t.delimiter||"/";null!=(n=o.exec(e));){var d=n[0],p=n[1],f=n.index;if(s+=e.slice(i,f),i=f+d.length,p)s+=p[1];else{var m=e[i],h=n[2],g=n[3],b=n[4],y=n[5],v=n[6],w=n[7];s&&(r.push(s),s="");var S=null!=h&&null!=m&&m!==h,x="+"===v||"*"===v,k="?"===v||"*"===v,E=n[2]||u,_=b||y;r.push({name:g||a++,prefix:h||"",delimiter:E,optional:k,repeat:x,partial:S,asterisk:!!w,pattern:_?c(_):w?".*":"[^"+l(E)+"]+?"})}}return i<e.length&&(s+=e.substr(i)),s&&r.push(s),r}function i(e){return encodeURI(e).replace(/[\/?#]/g,(function(e){return"%"+e.charCodeAt(0).toString(16).toUpperCase()}))}function s(e,t){for(var n=new Array(e.length),o=0;o<e.length;o++)"object"==typeof e[o]&&(n[o]=new RegExp("^(?:"+e[o].pattern+")$",d(t)));return function(t,o){for(var a="",s=t||{},l=(o||{}).pretty?i:encodeURIComponent,c=0;c<e.length;c++){var u=e[c];if("string"!=typeof u){var d,p=s[u.name];if(null==p){if(u.optional){u.partial&&(a+=u.prefix);continue}throw new TypeError('Expected "'+u.name+'" to be defined')}if(r(p)){if(!u.repeat)throw new TypeError('Expected "'+u.name+'" to not repeat, but received `'+JSON.stringify(p)+"`");if(0===p.length){if(u.optional)continue;throw new TypeError('Expected "'+u.name+'" to not be empty')}for(var f=0;f<p.length;f++){if(d=l(p[f]),!n[c].test(d))throw new TypeError('Expected all "'+u.name+'" to match "'+u.pattern+'", but received `'+JSON.stringify(d)+"`");a+=(0===f?u.prefix:u.delimiter)+d}}else{if(d=u.asterisk?encodeURI(p).replace(/[?#]/g,(function(e){return"%"+e.charCodeAt(0).toString(16).toUpperCase()})):l(p),!n[c].test(d))throw new TypeError('Expected "'+u.name+'" to match "'+u.pattern+'", but received "'+d+'"');a+=u.prefix+d}}else a+=u}return a}}function l(e){return e.replace(/([.+*?=^!:${}()[\]|\/\\])/g,"\\$1")}function c(e){return e.replace(/([=!:$\/()])/g,"\\$1")}function u(e,t){return e.keys=t,e}function d(e){return e&&e.sensitive?"":"i"}function p(e,t,n){r(t)||(n=t||n,t=[]);for(var o=(n=n||{}).strict,a=!1!==n.end,i="",s=0;s<e.length;s++){var c=e[s];if("string"==typeof c)i+=l(c);else{var p=l(c.prefix),f="(?:"+c.pattern+")";t.push(c),c.repeat&&(f+="(?:"+p+f+")*"),i+=f=c.optional?c.partial?p+"("+f+")?":"(?:"+p+"("+f+"))?":p+"("+f+")"}}var m=l(n.delimiter||"/"),h=i.slice(-m.length)===m;return o||(i=(h?i.slice(0,-m.length):i)+"(?:"+m+"(?=$))?"),i+=a?"$":o&&h?"":"(?="+m+"|$)",u(new RegExp("^"+i,d(n)),t)}function f(e,t,n){return r(t)||(n=t||n,t=[]),n=n||{},e instanceof RegExp?function(e,t){var n=e.source.match(/\((?!\?)/g);if(n)for(var r=0;r<n.length;r++)t.push({name:r,prefix:null,delimiter:null,optional:!1,repeat:!1,partial:!1,asterisk:!1,pattern:null});return u(e,t)}(e,t):r(e)?function(e,t,n){for(var r=[],o=0;o<e.length;o++)r.push(f(e[o],t,n).source);return u(new RegExp("(?:"+r.join("|")+")",d(n)),t)}(e,t,n):function(e,t,n){return p(a(e,n),t,n)}(e,t,n)}},8468:(e,t,n)=>{"use strict";n.r(t),n.d(t,{default:()=>p});var r=n(4784),o=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},a=function(e){return"IMG"===e.tagName},i=function(e){return e&&1===e.nodeType},s=function(e){return".svg"===(e.currentSrc||e.src).substr(-4).toLowerCase()},l=function(e){try{return Array.isArray(e)?e.filter(a):function(e){return NodeList.prototype.isPrototypeOf(e)}(e)?[].slice.call(e).filter(a):i(e)?[e].filter(a):"string"==typeof e?[].slice.call(document.querySelectorAll(e)).filter(a):[]}catch(t){throw new TypeError("The provided selector is invalid.\nExpects a CSS selector, a Node element, a NodeList or an array.\nSee: https://github.com/francoischalifour/medium-zoom")}},c=function(e,t){var n=o({bubbles:!1,cancelable:!1,detail:void 0},t);if("function"==typeof window.CustomEvent)return new CustomEvent(e,n);var r=document.createEvent("CustomEvent");return r.initCustomEvent(e,n.bubbles,n.cancelable,n.detail),r};!function(e,t){void 0===t&&(t={});var n=t.insertAt;if(e&&"undefined"!=typeof document){var r=document.head||document.getElementsByTagName("head")[0],o=document.createElement("style");o.type="text/css","top"===n&&r.firstChild?r.insertBefore(o,r.firstChild):r.appendChild(o),o.styleSheet?o.styleSheet.cssText=e:o.appendChild(document.createTextNode(e))}}(".medium-zoom-overlay{position:fixed;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity .3s;will-change:opacity}.medium-zoom--opened .medium-zoom-overlay{cursor:pointer;cursor:zoom-out;opacity:1}.medium-zoom-image{cursor:pointer;cursor:zoom-in;transition:transform .3s cubic-bezier(.2,0,.2,1)!important}.medium-zoom-image--hidden{visibility:hidden}.medium-zoom-image--opened{position:relative;cursor:pointer;cursor:zoom-out;will-change:transform}");const u=function e(t){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},r=window.Promise||function(e){function t(){}e(t,t)},a=function(){for(var e=arguments.length,t=Array(e),n=0;n<e;n++)t[n]=arguments[n];var r=t.reduce((function(e,t){return[].concat(e,l(t))}),[]);return r.filter((function(e){return-1===f.indexOf(e)})).forEach((function(e){f.push(e),e.classList.add("medium-zoom-image")})),m.forEach((function(e){var t=e.type,n=e.listener,o=e.options;r.forEach((function(e){e.addEventListener(t,n,o)}))})),w},u=function(){var e=(arguments.length>0&&void 0!==arguments[0]?arguments[0]:{}).target,t=function(){var e={width:document.documentElement.clientWidth,height:document.documentElement.clientHeight,left:0,top:0,right:0,bottom:0},t=void 0,n=void 0;if(b.container)if(b.container instanceof Object)t=(e=o({},e,b.container)).width-e.left-e.right-2*b.margin,n=e.height-e.top-e.bottom-2*b.margin;else{var r=(i(b.container)?b.container:document.querySelector(b.container)).getBoundingClientRect(),a=r.width,l=r.height,c=r.left,u=r.top;e=o({},e,{width:a,height:l,left:c,top:u})}t=t||e.width-2*b.margin,n=n||e.height-2*b.margin;var d=y.zoomedHd||y.original,p=s(d)?t:d.naturalWidth||t,f=s(d)?n:d.naturalHeight||n,m=d.getBoundingClientRect(),h=m.top,g=m.left,v=m.width,w=m.height,S=Math.min(Math.max(v,p),t)/v,x=Math.min(Math.max(w,f),n)/w,k=Math.min(S,x),E="scale("+k+") translate3d("+((t-v)/2-g+b.margin+e.left)/k+"px, "+((n-w)/2-h+b.margin+e.top)/k+"px, 0)";y.zoomed.style.transform=E,y.zoomedHd&&(y.zoomedHd.style.transform=E)};return new r((function(n){if(e&&-1===f.indexOf(e))n(w);else{if(y.zoomed)n(w);else{if(e)y.original=e;else{if(!(f.length>0))return void n(w);var r=f;y.original=r[0]}if(y.original.dispatchEvent(c("medium-zoom:open",{detail:{zoom:w}})),g=window.pageYOffset||document.documentElement.scrollTop||document.body.scrollTop||0,h=!0,y.zoomed=function(e){var t=e.getBoundingClientRect(),n=t.top,r=t.left,o=t.width,a=t.height,i=e.cloneNode(),s=window.pageYOffset||document.documentElement.scrollTop||document.body.scrollTop||0,l=window.pageXOffset||document.documentElement.scrollLeft||document.body.scrollLeft||0;return i.removeAttribute("id"),i.style.position="absolute",i.style.top=n+s+"px",i.style.left=r+l+"px",i.style.width=o+"px",i.style.height=a+"px",i.style.transform="",i}(y.original),document.body.appendChild(v),b.template){var o=i(b.template)?b.template:document.querySelector(b.template);y.template=document.createElement("div"),y.template.appendChild(o.content.cloneNode(!0)),document.body.appendChild(y.template)}if(y.original.parentElement&&"PICTURE"===y.original.parentElement.tagName&&y.original.currentSrc&&(y.zoomed.src=y.original.currentSrc),document.body.appendChild(y.zoomed),window.requestAnimationFrame((function(){document.body.classList.add("medium-zoom--opened")})),y.original.classList.add("medium-zoom-image--hidden"),y.zoomed.classList.add("medium-zoom-image--opened"),y.zoomed.addEventListener("click",d),y.zoomed.addEventListener("transitionend",(function e(){h=!1,y.zoomed.removeEventListener("transitionend",e),y.original.dispatchEvent(c("medium-zoom:opened",{detail:{zoom:w}})),n(w)})),y.original.getAttribute("data-zoom-src")){y.zoomedHd=y.zoomed.cloneNode(),y.zoomedHd.removeAttribute("srcset"),y.zoomedHd.removeAttribute("sizes"),y.zoomedHd.removeAttribute("loading"),y.zoomedHd.src=y.zoomed.getAttribute("data-zoom-src"),y.zoomedHd.onerror=function(){clearInterval(a),console.warn("Unable to reach the zoom image target "+y.zoomedHd.src),y.zoomedHd=null,t()};var a=setInterval((function(){y.zoomedHd.complete&&(clearInterval(a),y.zoomedHd.classList.add("medium-zoom-image--opened"),y.zoomedHd.addEventListener("click",d),document.body.appendChild(y.zoomedHd),t())}),10)}else if(y.original.hasAttribute("srcset")){y.zoomedHd=y.zoomed.cloneNode(),y.zoomedHd.removeAttribute("sizes"),y.zoomedHd.removeAttribute("loading");var s=y.zoomedHd.addEventListener("load",(function(){y.zoomedHd.removeEventListener("load",s),y.zoomedHd.classList.add("medium-zoom-image--opened"),y.zoomedHd.addEventListener("click",d),document.body.appendChild(y.zoomedHd),t()}))}else t()}}}))},d=function(){return new r((function(e){if(!h&&y.original){h=!0,document.body.classList.remove("medium-zoom--opened"),y.zoomed.style.transform="",y.zoomedHd&&(y.zoomedHd.style.transform=""),y.template&&(y.template.style.transition="opacity 150ms",y.template.style.opacity=0),y.original.dispatchEvent(c("medium-zoom:close",{detail:{zoom:w}})),y.zoomed.addEventListener("transitionend",(function t(){y.original.classList.remove("medium-zoom-image--hidden"),document.body.removeChild(y.zoomed),y.zoomedHd&&document.body.removeChild(y.zoomedHd),document.body.removeChild(v),y.zoomed.classList.remove("medium-zoom-image--opened"),y.template&&document.body.removeChild(y.template),h=!1,y.zoomed.removeEventListener("transitionend",t),y.original.dispatchEvent(c("medium-zoom:closed",{detail:{zoom:w}})),y.original=null,y.zoomed=null,y.zoomedHd=null,y.template=null,e(w)}))}else e(w)}))},p=function(){var e=(arguments.length>0&&void 0!==arguments[0]?arguments[0]:{}).target;return y.original?d():u({target:e})},f=[],m=[],h=!1,g=0,b=n,y={original:null,zoomed:null,zoomedHd:null,template:null};"[object Object]"===Object.prototype.toString.call(t)?b=t:(t||"string"==typeof t)&&a(t);var v=function(e){var t=document.createElement("div");return t.classList.add("medium-zoom-overlay"),t.style.background=e,t}((b=o({margin:0,background:"#fff",scrollOffset:40,container:null,template:null},b)).background);document.addEventListener("click",(function(e){var t=e.target;t!==v?-1!==f.indexOf(t)&&p({target:t}):d()})),document.addEventListener("keyup",(function(e){var t=e.key||e.keyCode;"Escape"!==t&&"Esc"!==t&&27!==t||d()})),document.addEventListener("scroll",(function(){if(!h&&y.original){var e=window.pageYOffset||document.documentElement.scrollTop||document.body.scrollTop||0;Math.abs(g-e)>b.scrollOffset&&setTimeout(d,150)}})),window.addEventListener("resize",d);var w={open:u,close:d,toggle:p,update:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=e;if(e.background&&(v.style.background=e.background),e.container&&e.container instanceof Object&&(t.container=o({},b.container,e.container)),e.template){var n=i(e.template)?e.template:document.querySelector(e.template);t.template=n}return b=o({},b,t),f.forEach((function(e){e.dispatchEvent(c("medium-zoom:update",{detail:{zoom:w}}))})),w},clone:function(){return e(o({},b,arguments.length>0&&void 0!==arguments[0]?arguments[0]:{}))},attach:a,detach:function(){for(var e=arguments.length,t=Array(e),n=0;n<e;n++)t[n]=arguments[n];y.zoomed&&d();var r=t.length>0?t.reduce((function(e,t){return[].concat(e,l(t))}),[]):f;return r.forEach((function(e){e.classList.remove("medium-zoom-image"),e.dispatchEvent(c("medium-zoom:detach",{detail:{zoom:w}}))})),f=f.filter((function(e){return-1===r.indexOf(e)})),w},on:function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};return f.forEach((function(r){r.addEventListener("medium-zoom:"+e,t,n)})),m.push({type:"medium-zoom:"+e,listener:t,options:n}),w},off:function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};return f.forEach((function(r){r.removeEventListener("medium-zoom:"+e,t,n)})),m=m.filter((function(n){return!(n.type==="medium-zoom:"+e&&n.listener.toString()===t.toString())})),w},getOptions:function(){return b},getImages:function(){return f},getZoomedImage:function(){return y.original}};return w},{themeConfig:d}=r.default,p=function(){if("undefined"==typeof window)return null;const{zoomSelector:e=".markdown img"}=d,{imageZoom:{selector:t=e,options:n}={}}=d;return setTimeout((()=>{u(t,n)}),1e3),{onRouteUpdate({location:e,previousLocation:r}){e&&e.hash&&e.hash.length||r&&e.pathname!==r.pathname&&setTimeout((()=>{u(t,n)}),1e3)}}}()},9227:e=>{e.exports&&(e.exports={core:{meta:{path:"components/prism-core.js",option:"mandatory"},core:"Core"},themes:{meta:{path:"themes/{id}.css",link:"index.html?theme={id}",exclusive:!0},prism:{title:"Default",option:"default"},"prism-dark":"Dark","prism-funky":"Funky","prism-okaidia":{title:"Okaidia",owner:"ocodia"},"prism-twilight":{title:"Twilight",owner:"remybach"},"prism-coy":{title:"Coy",owner:"tshedor"},"prism-solarizedlight":{title:"Solarized Light",owner:"hectormatos2011 "},"prism-tomorrow":{title:"Tomorrow Night",owner:"Rosey"}},languages:{meta:{path:"components/prism-{id}",noCSS:!0,examplesPath:"examples/prism-{id}",addCheckAll:!0},markup:{title:"Markup",alias:["html","xml","svg","mathml","ssml","atom","rss"],aliasTitles:{html:"HTML",xml:"XML",svg:"SVG",mathml:"MathML",ssml:"SSML",atom:"Atom",rss:"RSS"},option:"default"},css:{title:"CSS",option:"default",modify:"markup"},clike:{title:"C-like",option:"default"},javascript:{title:"JavaScript",require:"clike",modify:"markup",optional:"regex",alias:"js",option:"default"},abap:{title:"ABAP",owner:"dellagustin"},abnf:{title:"ABNF",owner:"RunDevelopment"},actionscript:{title:"ActionScript",require:"javascript",modify:"markup",owner:"Golmote"},ada:{title:"Ada",owner:"Lucretia"},agda:{title:"Agda",owner:"xy-ren"},al:{title:"AL",owner:"RunDevelopment"},antlr4:{title:"ANTLR4",alias:"g4",owner:"RunDevelopment"},apacheconf:{title:"Apache Configuration",owner:"GuiTeK"},apex:{title:"Apex",require:["clike","sql"],owner:"RunDevelopment"},apl:{title:"APL",owner:"ngn"},applescript:{title:"AppleScript",owner:"Golmote"},aql:{title:"AQL",owner:"RunDevelopment"},arduino:{title:"Arduino",require:"cpp",alias:"ino",owner:"dkern"},arff:{title:"ARFF",owner:"Golmote"},armasm:{title:"ARM Assembly",alias:"arm-asm",owner:"RunDevelopment"},arturo:{title:"Arturo",alias:"art",optional:["bash","css","javascript","markup","markdown","sql"],owner:"drkameleon"},asciidoc:{alias:"adoc",title:"AsciiDoc",owner:"Golmote"},aspnet:{title:"ASP.NET (C#)",require:["markup","csharp"],owner:"nauzilus"},asm6502:{title:"6502 Assembly",owner:"kzurawel"},asmatmel:{title:"Atmel AVR Assembly",owner:"cerkit"},autohotkey:{title:"AutoHotkey",owner:"aviaryan"},autoit:{title:"AutoIt",owner:"Golmote"},avisynth:{title:"AviSynth",alias:"avs",owner:"Zinfidel"},"avro-idl":{title:"Avro IDL",alias:"avdl",owner:"RunDevelopment"},awk:{title:"AWK",alias:"gawk",aliasTitles:{gawk:"GAWK"},owner:"RunDevelopment"},bash:{title:"Bash",alias:["sh","shell"],aliasTitles:{sh:"Shell",shell:"Shell"},owner:"zeitgeist87"},basic:{title:"BASIC",owner:"Golmote"},batch:{title:"Batch",owner:"Golmote"},bbcode:{title:"BBcode",alias:"shortcode",aliasTitles:{shortcode:"Shortcode"},owner:"RunDevelopment"},bbj:{title:"BBj",owner:"hyyan"},bicep:{title:"Bicep",owner:"johnnyreilly"},birb:{title:"Birb",require:"clike",owner:"Calamity210"},bison:{title:"Bison",require:"c",owner:"Golmote"},bnf:{title:"BNF",alias:"rbnf",aliasTitles:{rbnf:"RBNF"},owner:"RunDevelopment"},bqn:{title:"BQN",owner:"yewscion"},brainfuck:{title:"Brainfuck",owner:"Golmote"},brightscript:{title:"BrightScript",owner:"RunDevelopment"},bro:{title:"Bro",owner:"wayward710"},bsl:{title:"BSL (1C:Enterprise)",alias:"oscript",aliasTitles:{oscript:"OneScript"},owner:"Diversus23"},c:{title:"C",require:"clike",owner:"zeitgeist87"},csharp:{title:"C#",require:"clike",alias:["cs","dotnet"],owner:"mvalipour"},cpp:{title:"C++",require:"c",owner:"zeitgeist87"},cfscript:{title:"CFScript",require:"clike",alias:"cfc",owner:"mjclemente"},chaiscript:{title:"ChaiScript",require:["clike","cpp"],owner:"RunDevelopment"},cil:{title:"CIL",owner:"sbrl"},cilkc:{title:"Cilk/C",require:"c",alias:"cilk-c",owner:"OpenCilk"},cilkcpp:{title:"Cilk/C++",require:"cpp",alias:["cilk-cpp","cilk"],owner:"OpenCilk"},clojure:{title:"Clojure",owner:"troglotit"},cmake:{title:"CMake",owner:"mjrogozinski"},cobol:{title:"COBOL",owner:"RunDevelopment"},coffeescript:{title:"CoffeeScript",require:"javascript",alias:"coffee",owner:"R-osey"},concurnas:{title:"Concurnas",alias:"conc",owner:"jasontatton"},csp:{title:"Content-Security-Policy",owner:"ScottHelme"},cooklang:{title:"Cooklang",owner:"ahue"},coq:{title:"Coq",owner:"RunDevelopment"},crystal:{title:"Crystal",require:"ruby",owner:"MakeNowJust"},"css-extras":{title:"CSS Extras",require:"css",modify:"css",owner:"milesj"},csv:{title:"CSV",owner:"RunDevelopment"},cue:{title:"CUE",owner:"RunDevelopment"},cypher:{title:"Cypher",owner:"RunDevelopment"},d:{title:"D",require:"clike",owner:"Golmote"},dart:{title:"Dart",require:"clike",owner:"Golmote"},dataweave:{title:"DataWeave",owner:"machaval"},dax:{title:"DAX",owner:"peterbud"},dhall:{title:"Dhall",owner:"RunDevelopment"},diff:{title:"Diff",owner:"uranusjr"},django:{title:"Django/Jinja2",require:"markup-templating",alias:"jinja2",owner:"romanvm"},"dns-zone-file":{title:"DNS zone file",owner:"RunDevelopment",alias:"dns-zone"},docker:{title:"Docker",alias:"dockerfile",owner:"JustinBeckwith"},dot:{title:"DOT (Graphviz)",alias:"gv",optional:"markup",owner:"RunDevelopment"},ebnf:{title:"EBNF",owner:"RunDevelopment"},editorconfig:{title:"EditorConfig",owner:"osipxd"},eiffel:{title:"Eiffel",owner:"Conaclos"},ejs:{title:"EJS",require:["javascript","markup-templating"],owner:"RunDevelopment",alias:"eta",aliasTitles:{eta:"Eta"}},elixir:{title:"Elixir",owner:"Golmote"},elm:{title:"Elm",owner:"zwilias"},etlua:{title:"Embedded Lua templating",require:["lua","markup-templating"],owner:"RunDevelopment"},erb:{title:"ERB",require:["ruby","markup-templating"],owner:"Golmote"},erlang:{title:"Erlang",owner:"Golmote"},"excel-formula":{title:"Excel Formula",alias:["xlsx","xls"],owner:"RunDevelopment"},fsharp:{title:"F#",require:"clike",owner:"simonreynolds7"},factor:{title:"Factor",owner:"catb0t"},false:{title:"False",owner:"edukisto"},"firestore-security-rules":{title:"Firestore security rules",require:"clike",owner:"RunDevelopment"},flow:{title:"Flow",require:"javascript",owner:"Golmote"},fortran:{title:"Fortran",owner:"Golmote"},ftl:{title:"FreeMarker Template Language",require:"markup-templating",owner:"RunDevelopment"},gml:{title:"GameMaker Language",alias:"gamemakerlanguage",require:"clike",owner:"LiarOnce"},gap:{title:"GAP (CAS)",owner:"RunDevelopment"},gcode:{title:"G-code",owner:"RunDevelopment"},gdscript:{title:"GDScript",owner:"RunDevelopment"},gedcom:{title:"GEDCOM",owner:"Golmote"},gettext:{title:"gettext",alias:"po",owner:"RunDevelopment"},gherkin:{title:"Gherkin",owner:"hason"},git:{title:"Git",owner:"lgiraudel"},glsl:{title:"GLSL",require:"c",owner:"Golmote"},gn:{title:"GN",alias:"gni",owner:"RunDevelopment"},"linker-script":{title:"GNU Linker Script",alias:"ld",owner:"RunDevelopment"},go:{title:"Go",require:"clike",owner:"arnehormann"},"go-module":{title:"Go module",alias:"go-mod",owner:"RunDevelopment"},gradle:{title:"Gradle",require:"clike",owner:"zeabdelkhalek-badido18"},graphql:{title:"GraphQL",optional:"markdown",owner:"Golmote"},groovy:{title:"Groovy",require:"clike",owner:"robfletcher"},haml:{title:"Haml",require:"ruby",optional:["css","css-extras","coffeescript","erb","javascript","less","markdown","scss","textile"],owner:"Golmote"},handlebars:{title:"Handlebars",require:"markup-templating",alias:["hbs","mustache"],aliasTitles:{mustache:"Mustache"},owner:"Golmote"},haskell:{title:"Haskell",alias:"hs",owner:"bholst"},haxe:{title:"Haxe",require:"clike",optional:"regex",owner:"Golmote"},hcl:{title:"HCL",owner:"outsideris"},hlsl:{title:"HLSL",require:"c",owner:"RunDevelopment"},hoon:{title:"Hoon",owner:"matildepark"},http:{title:"HTTP",optional:["csp","css","hpkp","hsts","javascript","json","markup","uri"],owner:"danielgtaylor"},hpkp:{title:"HTTP Public-Key-Pins",owner:"ScottHelme"},hsts:{title:"HTTP Strict-Transport-Security",owner:"ScottHelme"},ichigojam:{title:"IchigoJam",owner:"BlueCocoa"},icon:{title:"Icon",owner:"Golmote"},"icu-message-format":{title:"ICU Message Format",owner:"RunDevelopment"},idris:{title:"Idris",alias:"idr",owner:"KeenS",require:"haskell"},ignore:{title:".ignore",owner:"osipxd",alias:["gitignore","hgignore","npmignore"],aliasTitles:{gitignore:".gitignore",hgignore:".hgignore",npmignore:".npmignore"}},inform7:{title:"Inform 7",owner:"Golmote"},ini:{title:"Ini",owner:"aviaryan"},io:{title:"Io",owner:"AlesTsurko"},j:{title:"J",owner:"Golmote"},java:{title:"Java",require:"clike",owner:"sherblot"},javadoc:{title:"JavaDoc",require:["markup","java","javadoclike"],modify:"java",optional:"scala",owner:"RunDevelopment"},javadoclike:{title:"JavaDoc-like",modify:["java","javascript","php"],owner:"RunDevelopment"},javastacktrace:{title:"Java stack trace",owner:"RunDevelopment"},jexl:{title:"Jexl",owner:"czosel"},jolie:{title:"Jolie",require:"clike",owner:"thesave"},jq:{title:"JQ",owner:"RunDevelopment"},jsdoc:{title:"JSDoc",require:["javascript","javadoclike","typescript"],modify:"javascript",optional:["actionscript","coffeescript"],owner:"RunDevelopment"},"js-extras":{title:"JS Extras",require:"javascript",modify:"javascript",optional:["actionscript","coffeescript","flow","n4js","typescript"],owner:"RunDevelopment"},json:{title:"JSON",alias:"webmanifest",aliasTitles:{webmanifest:"Web App Manifest"},owner:"CupOfTea696"},json5:{title:"JSON5",require:"json",owner:"RunDevelopment"},jsonp:{title:"JSONP",require:"json",owner:"RunDevelopment"},jsstacktrace:{title:"JS stack trace",owner:"sbrl"},"js-templates":{title:"JS Templates",require:"javascript",modify:"javascript",optional:["css","css-extras","graphql","markdown","markup","sql"],owner:"RunDevelopment"},julia:{title:"Julia",owner:"cdagnino"},keepalived:{title:"Keepalived Configure",owner:"dev-itsheng"},keyman:{title:"Keyman",owner:"mcdurdin"},kotlin:{title:"Kotlin",alias:["kt","kts"],aliasTitles:{kts:"Kotlin Script"},require:"clike",owner:"Golmote"},kumir:{title:"KuMir (\u041a\u0443\u041c\u0438\u0440)",alias:"kum",owner:"edukisto"},kusto:{title:"Kusto",owner:"RunDevelopment"},latex:{title:"LaTeX",alias:["tex","context"],aliasTitles:{tex:"TeX",context:"ConTeXt"},owner:"japborst"},latte:{title:"Latte",require:["clike","markup-templating","php"],owner:"nette"},less:{title:"Less",require:"css",optional:"css-extras",owner:"Golmote"},lilypond:{title:"LilyPond",require:"scheme",alias:"ly",owner:"RunDevelopment"},liquid:{title:"Liquid",require:"markup-templating",owner:"cinhtau"},lisp:{title:"Lisp",alias:["emacs","elisp","emacs-lisp"],owner:"JuanCaicedo"},livescript:{title:"LiveScript",owner:"Golmote"},llvm:{title:"LLVM IR",owner:"porglezomp"},log:{title:"Log file",optional:"javastacktrace",owner:"RunDevelopment"},lolcode:{title:"LOLCODE",owner:"Golmote"},lua:{title:"Lua",owner:"Golmote"},magma:{title:"Magma (CAS)",owner:"RunDevelopment"},makefile:{title:"Makefile",owner:"Golmote"},markdown:{title:"Markdown",require:"markup",optional:"yaml",alias:"md",owner:"Golmote"},"markup-templating":{title:"Markup templating",require:"markup",owner:"Golmote"},mata:{title:"Mata",owner:"RunDevelopment"},matlab:{title:"MATLAB",owner:"Golmote"},maxscript:{title:"MAXScript",owner:"RunDevelopment"},mel:{title:"MEL",owner:"Golmote"},mermaid:{title:"Mermaid",owner:"RunDevelopment"},metafont:{title:"METAFONT",owner:"LaeriExNihilo"},mizar:{title:"Mizar",owner:"Golmote"},mongodb:{title:"MongoDB",owner:"airs0urce",require:"javascript"},monkey:{title:"Monkey",owner:"Golmote"},moonscript:{title:"MoonScript",alias:"moon",owner:"RunDevelopment"},n1ql:{title:"N1QL",owner:"TMWilds"},n4js:{title:"N4JS",require:"javascript",optional:"jsdoc",alias:"n4jsd",owner:"bsmith-n4"},"nand2tetris-hdl":{title:"Nand To Tetris HDL",owner:"stephanmax"},naniscript:{title:"Naninovel Script",owner:"Elringus",alias:"nani"},nasm:{title:"NASM",owner:"rbmj"},neon:{title:"NEON",owner:"nette"},nevod:{title:"Nevod",owner:"nezaboodka"},nginx:{title:"nginx",owner:"volado"},nim:{title:"Nim",owner:"Golmote"},nix:{title:"Nix",owner:"Golmote"},nsis:{title:"NSIS",owner:"idleberg"},objectivec:{title:"Objective-C",require:"c",alias:"objc",owner:"uranusjr"},ocaml:{title:"OCaml",owner:"Golmote"},odin:{title:"Odin",owner:"edukisto"},opencl:{title:"OpenCL",require:"c",modify:["c","cpp"],owner:"Milania1"},openqasm:{title:"OpenQasm",alias:"qasm",owner:"RunDevelopment"},oz:{title:"Oz",owner:"Golmote"},parigp:{title:"PARI/GP",owner:"Golmote"},parser:{title:"Parser",require:"markup",owner:"Golmote"},pascal:{title:"Pascal",alias:"objectpascal",aliasTitles:{objectpascal:"Object Pascal"},owner:"Golmote"},pascaligo:{title:"Pascaligo",owner:"DefinitelyNotAGoat"},psl:{title:"PATROL Scripting Language",owner:"bertysentry"},pcaxis:{title:"PC-Axis",alias:"px",owner:"RunDevelopment"},peoplecode:{title:"PeopleCode",alias:"pcode",owner:"RunDevelopment"},perl:{title:"Perl",owner:"Golmote"},php:{title:"PHP",require:"markup-templating",owner:"milesj"},phpdoc:{title:"PHPDoc",require:["php","javadoclike"],modify:"php",owner:"RunDevelopment"},"php-extras":{title:"PHP Extras",require:"php",modify:"php",owner:"milesj"},"plant-uml":{title:"PlantUML",alias:"plantuml",owner:"RunDevelopment"},plsql:{title:"PL/SQL",require:"sql",owner:"Golmote"},powerquery:{title:"PowerQuery",alias:["pq","mscript"],owner:"peterbud"},powershell:{title:"PowerShell",owner:"nauzilus"},processing:{title:"Processing",require:"clike",owner:"Golmote"},prolog:{title:"Prolog",owner:"Golmote"},promql:{title:"PromQL",owner:"arendjr"},properties:{title:".properties",owner:"Golmote"},protobuf:{title:"Protocol Buffers",require:"clike",owner:"just-boris"},pug:{title:"Pug",require:["markup","javascript"],optional:["coffeescript","ejs","handlebars","less","livescript","markdown","scss","stylus","twig"],owner:"Golmote"},puppet:{title:"Puppet",owner:"Golmote"},pure:{title:"Pure",optional:["c","cpp","fortran"],owner:"Golmote"},purebasic:{title:"PureBasic",require:"clike",alias:"pbfasm",owner:"HeX0R101"},purescript:{title:"PureScript",require:"haskell",alias:"purs",owner:"sriharshachilakapati"},python:{title:"Python",alias:"py",owner:"multipetros"},qsharp:{title:"Q#",require:"clike",alias:"qs",owner:"fedonman"},q:{title:"Q (kdb+ database)",owner:"Golmote"},qml:{title:"QML",require:"javascript",owner:"RunDevelopment"},qore:{title:"Qore",require:"clike",owner:"temnroegg"},r:{title:"R",owner:"Golmote"},racket:{title:"Racket",require:"scheme",alias:"rkt",owner:"RunDevelopment"},cshtml:{title:"Razor C#",alias:"razor",require:["markup","csharp"],optional:["css","css-extras","javascript","js-extras"],owner:"RunDevelopment"},jsx:{title:"React JSX",require:["markup","javascript"],optional:["jsdoc","js-extras","js-templates"],owner:"vkbansal"},tsx:{title:"React TSX",require:["jsx","typescript"]},reason:{title:"Reason",require:"clike",owner:"Golmote"},regex:{title:"Regex",owner:"RunDevelopment"},rego:{title:"Rego",owner:"JordanSh"},renpy:{title:"Ren'py",alias:"rpy",owner:"HyuchiaDiego"},rescript:{title:"ReScript",alias:"res",owner:"vmarcosp"},rest:{title:"reST (reStructuredText)",owner:"Golmote"},rip:{title:"Rip",owner:"ravinggenius"},roboconf:{title:"Roboconf",owner:"Golmote"},robotframework:{title:"Robot Framework",alias:"robot",owner:"RunDevelopment"},ruby:{title:"Ruby",require:"clike",alias:"rb",owner:"samflores"},rust:{title:"Rust",owner:"Golmote"},sas:{title:"SAS",optional:["groovy","lua","sql"],owner:"Golmote"},sass:{title:"Sass (Sass)",require:"css",optional:"css-extras",owner:"Golmote"},scss:{title:"Sass (SCSS)",require:"css",optional:"css-extras",owner:"MoOx"},scala:{title:"Scala",require:"java",owner:"jozic"},scheme:{title:"Scheme",owner:"bacchus123"},"shell-session":{title:"Shell session",require:"bash",alias:["sh-session","shellsession"],owner:"RunDevelopment"},smali:{title:"Smali",owner:"RunDevelopment"},smalltalk:{title:"Smalltalk",owner:"Golmote"},smarty:{title:"Smarty",require:"markup-templating",optional:"php",owner:"Golmote"},sml:{title:"SML",alias:"smlnj",aliasTitles:{smlnj:"SML/NJ"},owner:"RunDevelopment"},solidity:{title:"Solidity (Ethereum)",alias:"sol",require:"clike",owner:"glachaud"},"solution-file":{title:"Solution file",alias:"sln",owner:"RunDevelopment"},soy:{title:"Soy (Closure Template)",require:"markup-templating",owner:"Golmote"},sparql:{title:"SPARQL",require:"turtle",owner:"Triply-Dev",alias:"rq"},"splunk-spl":{title:"Splunk SPL",owner:"RunDevelopment"},sqf:{title:"SQF: Status Quo Function (Arma 3)",require:"clike",owner:"RunDevelopment"},sql:{title:"SQL",owner:"multipetros"},squirrel:{title:"Squirrel",require:"clike",owner:"RunDevelopment"},stan:{title:"Stan",owner:"RunDevelopment"},stata:{title:"Stata Ado",require:["mata","java","python"],owner:"RunDevelopment"},iecst:{title:"Structured Text (IEC 61131-3)",owner:"serhioromano"},stylus:{title:"Stylus",owner:"vkbansal"},supercollider:{title:"SuperCollider",alias:"sclang",owner:"RunDevelopment"},swift:{title:"Swift",owner:"chrischares"},systemd:{title:"Systemd configuration file",owner:"RunDevelopment"},"t4-templating":{title:"T4 templating",owner:"RunDevelopment"},"t4-cs":{title:"T4 Text Templates (C#)",require:["t4-templating","csharp"],alias:"t4",owner:"RunDevelopment"},"t4-vb":{title:"T4 Text Templates (VB)",require:["t4-templating","vbnet"],owner:"RunDevelopment"},tap:{title:"TAP",owner:"isaacs",require:"yaml"},tcl:{title:"Tcl",owner:"PeterChaplin"},tt2:{title:"Template Toolkit 2",require:["clike","markup-templating"],owner:"gflohr"},textile:{title:"Textile",require:"markup",optional:"css",owner:"Golmote"},toml:{title:"TOML",owner:"RunDevelopment"},tremor:{title:"Tremor",alias:["trickle","troy"],owner:"darach",aliasTitles:{trickle:"trickle",troy:"troy"}},turtle:{title:"Turtle",alias:"trig",aliasTitles:{trig:"TriG"},owner:"jakubklimek"},twig:{title:"Twig",require:"markup-templating",owner:"brandonkelly"},typescript:{title:"TypeScript",require:"javascript",optional:"js-templates",alias:"ts",owner:"vkbansal"},typoscript:{title:"TypoScript",alias:"tsconfig",aliasTitles:{tsconfig:"TSConfig"},owner:"dkern"},unrealscript:{title:"UnrealScript",alias:["uscript","uc"],owner:"RunDevelopment"},uorazor:{title:"UO Razor Script",owner:"jaseowns"},uri:{title:"URI",alias:"url",aliasTitles:{url:"URL"},owner:"RunDevelopment"},v:{title:"V",require:"clike",owner:"taggon"},vala:{title:"Vala",require:"clike",optional:"regex",owner:"TemplarVolk"},vbnet:{title:"VB.Net",require:"basic",owner:"Bigsby"},velocity:{title:"Velocity",require:"markup",owner:"Golmote"},verilog:{title:"Verilog",owner:"a-rey"},vhdl:{title:"VHDL",owner:"a-rey"},vim:{title:"vim",owner:"westonganger"},"visual-basic":{title:"Visual Basic",alias:["vb","vba"],aliasTitles:{vba:"VBA"},owner:"Golmote"},warpscript:{title:"WarpScript",owner:"RunDevelopment"},wasm:{title:"WebAssembly",owner:"Golmote"},"web-idl":{title:"Web IDL",alias:"webidl",owner:"RunDevelopment"},wgsl:{title:"WGSL",owner:"Dr4gonthree"},wiki:{title:"Wiki markup",require:"markup",owner:"Golmote"},wolfram:{title:"Wolfram language",alias:["mathematica","nb","wl"],aliasTitles:{mathematica:"Mathematica",nb:"Mathematica Notebook"},owner:"msollami"},wren:{title:"Wren",owner:"clsource"},xeora:{title:"Xeora",require:"markup",alias:"xeoracube",aliasTitles:{xeoracube:"XeoraCube"},owner:"freakmaxi"},"xml-doc":{title:"XML doc (.net)",require:"markup",modify:["csharp","fsharp","vbnet"],owner:"RunDevelopment"},xojo:{title:"Xojo (REALbasic)",owner:"Golmote"},xquery:{title:"XQuery",require:"markup",owner:"Golmote"},yaml:{title:"YAML",alias:"yml",owner:"hason"},yang:{title:"YANG",owner:"RunDevelopment"},zig:{title:"Zig",owner:"RunDevelopment"}},plugins:{meta:{path:"plugins/{id}/prism-{id}",link:"plugins/{id}/"},"line-highlight":{title:"Line Highlight",description:"Highlights specific lines and/or line ranges."},"line-numbers":{title:"Line Numbers",description:"Line number at the beginning of code lines.",owner:"kuba-kubula"},"show-invisibles":{title:"Show Invisibles",description:"Show hidden characters such as tabs and line breaks.",optional:["autolinker","data-uri-highlight"]},autolinker:{title:"Autolinker",description:"Converts URLs and emails in code to clickable links. Parses Markdown links in comments."},wpd:{title:"WebPlatform Docs",description:'Makes tokens link to <a href="https://webplatform.github.io/docs/">WebPlatform.org documentation</a>. The links open in a new tab.'},"custom-class":{title:"Custom Class",description:"This plugin allows you to prefix Prism's default classes (<code>.comment</code> can become <code>.namespace--comment</code>) or replace them with your defined ones (like <code>.editor__comment</code>). You can even add new classes.",owner:"dvkndn",noCSS:!0},"file-highlight":{title:"File Highlight",description:"Fetch external files and highlight them with Prism. Used on the Prism website itself.",noCSS:!0},"show-language":{title:"Show Language",description:"Display the highlighted language in code blocks (inline code does not show the label).",owner:"nauzilus",noCSS:!0,require:"toolbar"},"jsonp-highlight":{title:"JSONP Highlight",description:"Fetch content with JSONP and highlight some interesting content (e.g. GitHub/Gists or Bitbucket API).",noCSS:!0,owner:"nauzilus"},"highlight-keywords":{title:"Highlight Keywords",description:"Adds special CSS classes for each keyword for fine-grained highlighting.",owner:"vkbansal",noCSS:!0},"remove-initial-line-feed":{title:"Remove initial line feed",description:"Removes the initial line feed in code blocks.",owner:"Golmote",noCSS:!0},"inline-color":{title:"Inline color",description:"Adds a small inline preview for colors in style sheets.",require:"css-extras",owner:"RunDevelopment"},previewers:{title:"Previewers",description:"Previewers for angles, colors, gradients, easing and time.",require:"css-extras",owner:"Golmote"},autoloader:{title:"Autoloader",description:"Automatically loads the needed languages to highlight the code blocks.",owner:"Golmote",noCSS:!0},"keep-markup":{title:"Keep Markup",description:"Prevents custom markup from being dropped out during highlighting.",owner:"Golmote",optional:"normalize-whitespace",noCSS:!0},"command-line":{title:"Command Line",description:"Display a command line with a prompt and, optionally, the output/response from the commands.",owner:"chriswells0"},"unescaped-markup":{title:"Unescaped Markup",description:"Write markup without having to escape anything."},"normalize-whitespace":{title:"Normalize Whitespace",description:"Supports multiple operations to normalize whitespace in code blocks.",owner:"zeitgeist87",optional:"unescaped-markup",noCSS:!0},"data-uri-highlight":{title:"Data-URI Highlight",description:"Highlights data-URI contents.",owner:"Golmote",noCSS:!0},toolbar:{title:"Toolbar",description:"Attach a toolbar for plugins to easily register buttons on the top of a code block.",owner:"mAAdhaTTah"},"copy-to-clipboard":{title:"Copy to Clipboard Button",description:"Add a button that copies the code block to the clipboard when clicked.",owner:"mAAdhaTTah",require:"toolbar",noCSS:!0},"download-button":{title:"Download Button",description:"A button in the toolbar of a code block adding a convenient way to download a code file.",owner:"Golmote",require:"toolbar",noCSS:!0},"match-braces":{title:"Match braces",description:"Highlights matching braces.",owner:"RunDevelopment"},"diff-highlight":{title:"Diff Highlight",description:"Highlights the code inside diff blocks.",owner:"RunDevelopment",require:"diff"},"filter-highlight-all":{title:"Filter highlightAll",description:"Filters the elements the <code>highlightAll</code> and <code>highlightAllUnder</code> methods actually highlight.",owner:"RunDevelopment",noCSS:!0},treeview:{title:"Treeview",description:"A language with special styles to highlight file system tree structures.",owner:"Golmote"}}})},6532:(e,t,n)=>{const r=n(9227),o=n(9670),a=new Set;function i(e){void 0===e?e=Object.keys(r.languages).filter((e=>"meta"!=e)):Array.isArray(e)||(e=[e]);const t=[...a,...Object.keys(Prism.languages)];o(r,e,t).load((e=>{if(!(e in r.languages))return void(i.silent||console.warn("Language does not exist: "+e));const t="./prism-"+e;delete n.c[n(7507).resolve(t)],delete Prism.languages[e],n(7507)(t),a.add(e)}))}i.silent=!1,e.exports=i},1274:()=>{!function(e){function t(e,t){return"___"+e.toUpperCase()+t+"___"}Object.defineProperties(e.languages["markup-templating"]={},{buildPlaceholders:{value:function(n,r,o,a){if(n.language===r){var i=n.tokenStack=[];n.code=n.code.replace(o,(function(e){if("function"==typeof a&&!a(e))return e;for(var o,s=i.length;-1!==n.code.indexOf(o=t(r,s));)++s;return i[s]=e,o})),n.grammar=e.languages.markup}}},tokenizePlaceholders:{value:function(n,r){if(n.language===r&&n.tokenStack){n.grammar=e.languages[r];var o=0,a=Object.keys(n.tokenStack);!function i(s){for(var l=0;l<s.length&&!(o>=a.length);l++){var c=s[l];if("string"==typeof c||c.content&&"string"==typeof c.content){var u=a[o],d=n.tokenStack[u],p="string"==typeof c?c:c.content,f=t(r,u),m=p.indexOf(f);if(m>-1){++o;var h=p.substring(0,m),g=new e.Token(r,e.tokenize(d,n.grammar),"language-"+r,d),b=p.substring(m+f.length),y=[];h&&y.push.apply(y,i([h])),y.push(g),b&&y.push.apply(y,i([b])),"string"==typeof c?s.splice.apply(s,[l,1].concat(y)):c.content=y}}else c.content&&i(c.content)}return s}(n.tokens)}}}})}(Prism)},7507:(e,t,n)=>{var r={"./":6532};function o(e){var t=a(e);return n(t)}function a(e){if(!n.o(r,e)){var t=new Error("Cannot find module '"+e+"'");throw t.code="MODULE_NOT_FOUND",t}return r[e]}o.keys=function(){return Object.keys(r)},o.resolve=a,e.exports=o,o.id=7507},9670:e=>{"use strict";var t=function(){var e=function(){};function t(e,t){Array.isArray(e)?e.forEach(t):null!=e&&t(e,0)}function n(e){for(var t={},n=0,r=e.length;n<r;n++)t[e[n]]=!0;return t}function r(e){var n={},r=[];function o(r,a){if(!(r in n)){a.push(r);var i=a.indexOf(r);if(i<a.length-1)throw new Error("Circular dependency: "+a.slice(i).join(" -> "));var s={},l=e[r];if(l){function c(t){if(!(t in e))throw new Error(r+" depends on an unknown component "+t);if(!(t in s))for(var i in o(t,a),s[t]=!0,n[t])s[i]=!0}t(l.require,c),t(l.optional,c),t(l.modify,c)}n[r]=s,a.pop()}}return function(e){var t=n[e];return t||(o(e,r),t=n[e]),t}}function o(e){for(var t in e)return!0;return!1}return function(a,i,s){var l=function(e){var t={};for(var n in e){var r=e[n];for(var o in r)if("meta"!=o){var a=r[o];t[o]="string"==typeof a?{title:a}:a}}return t}(a),c=function(e){var n;return function(r){if(r in e)return r;if(!n)for(var o in n={},e){var a=e[o];t(a&&a.alias,(function(t){if(t in n)throw new Error(t+" cannot be alias for both "+o+" and "+n[t]);if(t in e)throw new Error(t+" cannot be alias of "+o+" because it is a component.");n[t]=o}))}return n[r]||r}}(l);i=i.map(c),s=(s||[]).map(c);var u=n(i),d=n(s);i.forEach((function e(n){var r=l[n];t(r&&r.require,(function(t){t in d||(u[t]=!0,e(t))}))}));for(var p,f=r(l),m=u;o(m);){for(var h in p={},m){var g=l[h];t(g&&g.modify,(function(e){e in d&&(p[e]=!0)}))}for(var b in d)if(!(b in u))for(var y in f(b))if(y in u){p[b]=!0;break}for(var v in m=p)u[v]=!0}var w={getIds:function(){var e=[];return w.load((function(t){e.push(t)})),e},load:function(t,n){return function(t,n,r,o){var a=o?o.series:void 0,i=o?o.parallel:e,s={},l={};function c(e){if(e in s)return s[e];l[e]=!0;var o,u=[];for(var d in t(e))d in n&&u.push(d);if(0===u.length)o=r(e);else{var p=i(u.map((function(e){var t=c(e);return delete l[e],t})));a?o=a(p,(function(){return r(e)})):r(e)}return s[e]=o}for(var u in n)c(u);var d=[];for(var p in l)d.push(s[p]);return i(d)}(f,u,t,n)}};return w}}();e.exports=t},6186:(e,t,n)=>{"use strict";var r=n(2985);function o(){}function a(){}a.resetWarningCache=o,e.exports=function(){function e(e,t,n,o,a,i){if(i!==r){var s=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");throw s.name="Invariant Violation",s}}function t(){return e}e.isRequired=e;var n={array:e,bigint:e,bool:e,func:e,number:e,object:e,string:e,symbol:e,any:e,arrayOf:t,element:e,elementType:e,instanceOf:t,node:e,objectOf:t,oneOf:t,oneOfType:t,shape:t,exact:t,checkPropTypes:a,resetWarningCache:o};return n.PropTypes=n,n}},2736:(e,t,n)=>{e.exports=n(6186)()},2985:e=>{"use strict";e.exports="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"},9481:(e,t,n)=>{"use strict";var r=n(758),o=n(1896);function a(e){for(var t="https://reactjs.org/docs/error-decoder.html?invariant="+e,n=1;n<arguments.length;n++)t+="&args[]="+encodeURIComponent(arguments[n]);return"Minified React error #"+e+"; visit "+t+" for the full message or use the non-minified dev environment for full errors and additional helpful warnings."}var i=new Set,s={};function l(e,t){c(e,t),c(e+"Capture",t)}function c(e,t){for(s[e]=t,e=0;e<t.length;e++)i.add(t[e])}var u=!("undefined"==typeof window||void 0===window.document||void 0===window.document.createElement),d=Object.prototype.hasOwnProperty,p=/^[:A-Z_a-z\u00C0-\u00D6\u00D8-\u00F6\u00F8-\u02FF\u0370-\u037D\u037F-\u1FFF\u200C-\u200D\u2070-\u218F\u2C00-\u2FEF\u3001-\uD7FF\uF900-\uFDCF\uFDF0-\uFFFD][:A-Z_a-z\u00C0-\u00D6\u00D8-\u00F6\u00F8-\u02FF\u0370-\u037D\u037F-\u1FFF\u200C-\u200D\u2070-\u218F\u2C00-\u2FEF\u3001-\uD7FF\uF900-\uFDCF\uFDF0-\uFFFD\-.0-9\u00B7\u0300-\u036F\u203F-\u2040]*$/,f={},m={};function h(e,t,n,r,o,a,i){this.acceptsBooleans=2===t||3===t||4===t,this.attributeName=r,this.attributeNamespace=o,this.mustUseProperty=n,this.propertyName=e,this.type=t,this.sanitizeURL=a,this.removeEmptyString=i}var g={};"children dangerouslySetInnerHTML defaultValue defaultChecked innerHTML suppressContentEditableWarning suppressHydrationWarning style".split(" ").forEach((function(e){g[e]=new h(e,0,!1,e,null,!1,!1)})),[["acceptCharset","accept-charset"],["className","class"],["htmlFor","for"],["httpEquiv","http-equiv"]].forEach((function(e){var t=e[0];g[t]=new h(t,1,!1,e[1],null,!1,!1)})),["contentEditable","draggable","spellCheck","value"].forEach((function(e){g[e]=new h(e,2,!1,e.toLowerCase(),null,!1,!1)})),["autoReverse","externalResourcesRequired","focusable","preserveAlpha"].forEach((function(e){g[e]=new h(e,2,!1,e,null,!1,!1)})),"allowFullScreen async autoFocus autoPlay controls default defer disabled disablePictureInPicture disableRemotePlayback formNoValidate hidden loop noModule noValidate open playsInline readOnly required reversed scoped seamless itemScope".split(" ").forEach((function(e){g[e]=new h(e,3,!1,e.toLowerCase(),null,!1,!1)})),["checked","multiple","muted","selected"].forEach((function(e){g[e]=new h(e,3,!0,e,null,!1,!1)})),["capture","download"].forEach((function(e){g[e]=new h(e,4,!1,e,null,!1,!1)})),["cols","rows","size","span"].forEach((function(e){g[e]=new h(e,6,!1,e,null,!1,!1)})),["rowSpan","start"].forEach((function(e){g[e]=new h(e,5,!1,e.toLowerCase(),null,!1,!1)}));var b=/[\-:]([a-z])/g;function y(e){return e[1].toUpperCase()}function v(e,t,n,r){var o=g.hasOwnProperty(t)?g[t]:null;(null!==o?0!==o.type:r||!(2<t.length)||"o"!==t[0]&&"O"!==t[0]||"n"!==t[1]&&"N"!==t[1])&&(function(e,t,n,r){if(null==t||function(e,t,n,r){if(null!==n&&0===n.type)return!1;switch(typeof t){case"function":case"symbol":return!0;case"boolean":return!r&&(null!==n?!n.acceptsBooleans:"data-"!==(e=e.toLowerCase().slice(0,5))&&"aria-"!==e);default:return!1}}(e,t,n,r))return!0;if(r)return!1;if(null!==n)switch(n.type){case 3:return!t;case 4:return!1===t;case 5:return isNaN(t);case 6:return isNaN(t)||1>t}return!1}(t,n,o,r)&&(n=null),r||null===o?function(e){return!!d.call(m,e)||!d.call(f,e)&&(p.test(e)?m[e]=!0:(f[e]=!0,!1))}(t)&&(null===n?e.removeAttribute(t):e.setAttribute(t,""+n)):o.mustUseProperty?e[o.propertyName]=null===n?3!==o.type&&"":n:(t=o.attributeName,r=o.attributeNamespace,null===n?e.removeAttribute(t):(n=3===(o=o.type)||4===o&&!0===n?"":""+n,r?e.setAttributeNS(r,t,n):e.setAttribute(t,n))))}"accent-height alignment-baseline arabic-form baseline-shift cap-height clip-path clip-rule color-interpolation color-interpolation-filters color-profile color-rendering dominant-baseline enable-background fill-opacity fill-rule flood-color flood-opacity font-family font-size font-size-adjust font-stretch font-style font-variant font-weight glyph-name glyph-orientation-horizontal glyph-orientation-vertical horiz-adv-x horiz-origin-x image-rendering letter-spacing lighting-color marker-end marker-mid marker-start overline-position overline-thickness paint-order panose-1 pointer-events rendering-intent shape-rendering stop-color stop-opacity strikethrough-position strikethrough-thickness stroke-dasharray stroke-dashoffset stroke-linecap stroke-linejoin stroke-miterlimit stroke-opacity stroke-width text-anchor text-decoration text-rendering underline-position underline-thickness unicode-bidi unicode-range units-per-em v-alphabetic v-hanging v-ideographic v-mathematical vector-effect vert-adv-y vert-origin-x vert-origin-y word-spacing writing-mode xmlns:xlink x-height".split(" ").forEach((function(e){var t=e.replace(b,y);g[t]=new h(t,1,!1,e,null,!1,!1)})),"xlink:actuate xlink:arcrole xlink:role xlink:show xlink:title xlink:type".split(" ").forEach((function(e){var t=e.replace(b,y);g[t]=new h(t,1,!1,e,"http://www.w3.org/1999/xlink",!1,!1)})),["xml:base","xml:lang","xml:space"].forEach((function(e){var t=e.replace(b,y);g[t]=new h(t,1,!1,e,"http://www.w3.org/XML/1998/namespace",!1,!1)})),["tabIndex","crossOrigin"].forEach((function(e){g[e]=new h(e,1,!1,e.toLowerCase(),null,!1,!1)})),g.xlinkHref=new h("xlinkHref",1,!1,"xlink:href","http://www.w3.org/1999/xlink",!0,!1),["src","href","action","formAction"].forEach((function(e){g[e]=new h(e,1,!1,e.toLowerCase(),null,!0,!0)}));var w=r.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED,S=Symbol.for("react.element"),x=Symbol.for("react.portal"),k=Symbol.for("react.fragment"),E=Symbol.for("react.strict_mode"),_=Symbol.for("react.profiler"),C=Symbol.for("react.provider"),j=Symbol.for("react.context"),A=Symbol.for("react.forward_ref"),O=Symbol.for("react.suspense"),T=Symbol.for("react.suspense_list"),P=Symbol.for("react.memo"),L=Symbol.for("react.lazy");Symbol.for("react.scope"),Symbol.for("react.debug_trace_mode");var I=Symbol.for("react.offscreen");Symbol.for("react.legacy_hidden"),Symbol.for("react.cache"),Symbol.for("react.tracing_marker");var R=Symbol.iterator;function N(e){return null===e||"object"!=typeof e?null:"function"==typeof(e=R&&e[R]||e["@@iterator"])?e:null}var D,M=Object.assign;function F(e){if(void 0===D)try{throw Error()}catch(n){var t=n.stack.trim().match(/\n( *(at )?)/);D=t&&t[1]||""}return"\n"+D+e}var z=!1;function B(e,t){if(!e||z)return"";z=!0;var n=Error.prepareStackTrace;Error.prepareStackTrace=void 0;try{if(t)if(t=function(){throw Error()},Object.defineProperty(t.prototype,"props",{set:function(){throw Error()}}),"object"==typeof Reflect&&Reflect.construct){try{Reflect.construct(t,[])}catch(c){var r=c}Reflect.construct(e,[],t)}else{try{t.call()}catch(c){r=c}e.call(t.prototype)}else{try{throw Error()}catch(c){r=c}e()}}catch(c){if(c&&r&&"string"==typeof c.stack){for(var o=c.stack.split("\n"),a=r.stack.split("\n"),i=o.length-1,s=a.length-1;1<=i&&0<=s&&o[i]!==a[s];)s--;for(;1<=i&&0<=s;i--,s--)if(o[i]!==a[s]){if(1!==i||1!==s)do{if(i--,0>--s||o[i]!==a[s]){var l="\n"+o[i].replace(" at new "," at ");return e.displayName&&l.includes("<anonymous>")&&(l=l.replace("<anonymous>",e.displayName)),l}}while(1<=i&&0<=s);break}}}finally{z=!1,Error.prepareStackTrace=n}return(e=e?e.displayName||e.name:"")?F(e):""}function U(e){switch(e.tag){case 5:return F(e.type);case 16:return F("Lazy");case 13:return F("Suspense");case 19:return F("SuspenseList");case 0:case 2:case 15:return e=B(e.type,!1);case 11:return e=B(e.type.render,!1);case 1:return e=B(e.type,!0);default:return""}}function q(e){if(null==e)return null;if("function"==typeof e)return e.displayName||e.name||null;if("string"==typeof e)return e;switch(e){case k:return"Fragment";case x:return"Portal";case _:return"Profiler";case E:return"StrictMode";case O:return"Suspense";case T:return"SuspenseList"}if("object"==typeof e)switch(e.$$typeof){case j:return(e.displayName||"Context")+".Consumer";case C:return(e._context.displayName||"Context")+".Provider";case A:var t=e.render;return(e=e.displayName)||(e=""!==(e=t.displayName||t.name||"")?"ForwardRef("+e+")":"ForwardRef"),e;case P:return null!==(t=e.displayName||null)?t:q(e.type)||"Memo";case L:t=e._payload,e=e._init;try{return q(e(t))}catch(n){}}return null}function $(e){var t=e.type;switch(e.tag){case 24:return"Cache";case 9:return(t.displayName||"Context")+".Consumer";case 10:return(t._context.displayName||"Context")+".Provider";case 18:return"DehydratedFragment";case 11:return e=(e=t.render).displayName||e.name||"",t.displayName||(""!==e?"ForwardRef("+e+")":"ForwardRef");case 7:return"Fragment";case 5:return t;case 4:return"Portal";case 3:return"Root";case 6:return"Text";case 16:return q(t);case 8:return t===E?"StrictMode":"Mode";case 22:return"Offscreen";case 12:return"Profiler";case 21:return"Scope";case 13:return"Suspense";case 19:return"SuspenseList";case 25:return"TracingMarker";case 1:case 0:case 17:case 2:case 14:case 15:if("function"==typeof t)return t.displayName||t.name||null;if("string"==typeof t)return t}return null}function H(e){switch(typeof e){case"boolean":case"number":case"string":case"undefined":case"object":return e;default:return""}}function V(e){var t=e.type;return(e=e.nodeName)&&"input"===e.toLowerCase()&&("checkbox"===t||"radio"===t)}function G(e){e._valueTracker||(e._valueTracker=function(e){var t=V(e)?"checked":"value",n=Object.getOwnPropertyDescriptor(e.constructor.prototype,t),r=""+e[t];if(!e.hasOwnProperty(t)&&void 0!==n&&"function"==typeof n.get&&"function"==typeof n.set){var o=n.get,a=n.set;return Object.defineProperty(e,t,{configurable:!0,get:function(){return o.call(this)},set:function(e){r=""+e,a.call(this,e)}}),Object.defineProperty(e,t,{enumerable:n.enumerable}),{getValue:function(){return r},setValue:function(e){r=""+e},stopTracking:function(){e._valueTracker=null,delete e[t]}}}}(e))}function W(e){if(!e)return!1;var t=e._valueTracker;if(!t)return!0;var n=t.getValue(),r="";return e&&(r=V(e)?e.checked?"true":"false":e.value),(e=r)!==n&&(t.setValue(e),!0)}function K(e){if(void 0===(e=e||("undefined"!=typeof document?document:void 0)))return null;try{return e.activeElement||e.body}catch(t){return e.body}}function Q(e,t){var n=t.checked;return M({},t,{defaultChecked:void 0,defaultValue:void 0,value:void 0,checked:null!=n?n:e._wrapperState.initialChecked})}function Y(e,t){var n=null==t.defaultValue?"":t.defaultValue,r=null!=t.checked?t.checked:t.defaultChecked;n=H(null!=t.value?t.value:n),e._wrapperState={initialChecked:r,initialValue:n,controlled:"checkbox"===t.type||"radio"===t.type?null!=t.checked:null!=t.value}}function Z(e,t){null!=(t=t.checked)&&v(e,"checked",t,!1)}function J(e,t){Z(e,t);var n=H(t.value),r=t.type;if(null!=n)"number"===r?(0===n&&""===e.value||e.value!=n)&&(e.value=""+n):e.value!==""+n&&(e.value=""+n);else if("submit"===r||"reset"===r)return void e.removeAttribute("value");t.hasOwnProperty("value")?ee(e,t.type,n):t.hasOwnProperty("defaultValue")&&ee(e,t.type,H(t.defaultValue)),null==t.checked&&null!=t.defaultChecked&&(e.defaultChecked=!!t.defaultChecked)}function X(e,t,n){if(t.hasOwnProperty("value")||t.hasOwnProperty("defaultValue")){var r=t.type;if(!("submit"!==r&&"reset"!==r||void 0!==t.value&&null!==t.value))return;t=""+e._wrapperState.initialValue,n||t===e.value||(e.value=t),e.defaultValue=t}""!==(n=e.name)&&(e.name=""),e.defaultChecked=!!e._wrapperState.initialChecked,""!==n&&(e.name=n)}function ee(e,t,n){"number"===t&&K(e.ownerDocument)===e||(null==n?e.defaultValue=""+e._wrapperState.initialValue:e.defaultValue!==""+n&&(e.defaultValue=""+n))}var te=Array.isArray;function ne(e,t,n,r){if(e=e.options,t){t={};for(var o=0;o<n.length;o++)t["$"+n[o]]=!0;for(n=0;n<e.length;n++)o=t.hasOwnProperty("$"+e[n].value),e[n].selected!==o&&(e[n].selected=o),o&&r&&(e[n].defaultSelected=!0)}else{for(n=""+H(n),t=null,o=0;o<e.length;o++){if(e[o].value===n)return e[o].selected=!0,void(r&&(e[o].defaultSelected=!0));null!==t||e[o].disabled||(t=e[o])}null!==t&&(t.selected=!0)}}function re(e,t){if(null!=t.dangerouslySetInnerHTML)throw Error(a(91));return M({},t,{value:void 0,defaultValue:void 0,children:""+e._wrapperState.initialValue})}function oe(e,t){var n=t.value;if(null==n){if(n=t.children,t=t.defaultValue,null!=n){if(null!=t)throw Error(a(92));if(te(n)){if(1<n.length)throw Error(a(93));n=n[0]}t=n}null==t&&(t=""),n=t}e._wrapperState={initialValue:H(n)}}function ae(e,t){var n=H(t.value),r=H(t.defaultValue);null!=n&&((n=""+n)!==e.value&&(e.value=n),null==t.defaultValue&&e.defaultValue!==n&&(e.defaultValue=n)),null!=r&&(e.defaultValue=""+r)}function ie(e){var t=e.textContent;t===e._wrapperState.initialValue&&""!==t&&null!==t&&(e.value=t)}function se(e){switch(e){case"svg":return"http://www.w3.org/2000/svg";case"math":return"http://www.w3.org/1998/Math/MathML";default:return"http://www.w3.org/1999/xhtml"}}function le(e,t){return null==e||"http://www.w3.org/1999/xhtml"===e?se(t):"http://www.w3.org/2000/svg"===e&&"foreignObject"===t?"http://www.w3.org/1999/xhtml":e}var ce,ue,de=(ue=function(e,t){if("http://www.w3.org/2000/svg"!==e.namespaceURI||"innerHTML"in e)e.innerHTML=t;else{for((ce=ce||document.createElement("div")).innerHTML="<svg>"+t.valueOf().toString()+"</svg>",t=ce.firstChild;e.firstChild;)e.removeChild(e.firstChild);for(;t.firstChild;)e.appendChild(t.firstChild)}},"undefined"!=typeof MSApp&&MSApp.execUnsafeLocalFunction?function(e,t,n,r){MSApp.execUnsafeLocalFunction((function(){return ue(e,t)}))}:ue);function pe(e,t){if(t){var n=e.firstChild;if(n&&n===e.lastChild&&3===n.nodeType)return void(n.nodeValue=t)}e.textContent=t}var fe={animationIterationCount:!0,aspectRatio:!0,borderImageOutset:!0,borderImageSlice:!0,borderImageWidth:!0,boxFlex:!0,boxFlexGroup:!0,boxOrdinalGroup:!0,columnCount:!0,columns:!0,flex:!0,flexGrow:!0,flexPositive:!0,flexShrink:!0,flexNegative:!0,flexOrder:!0,gridArea:!0,gridRow:!0,gridRowEnd:!0,gridRowSpan:!0,gridRowStart:!0,gridColumn:!0,gridColumnEnd:!0,gridColumnSpan:!0,gridColumnStart:!0,fontWeight:!0,lineClamp:!0,lineHeight:!0,opacity:!0,order:!0,orphans:!0,tabSize:!0,widows:!0,zIndex:!0,zoom:!0,fillOpacity:!0,floodOpacity:!0,stopOpacity:!0,strokeDasharray:!0,strokeDashoffset:!0,strokeMiterlimit:!0,strokeOpacity:!0,strokeWidth:!0},me=["Webkit","ms","Moz","O"];function he(e,t,n){return null==t||"boolean"==typeof t||""===t?"":n||"number"!=typeof t||0===t||fe.hasOwnProperty(e)&&fe[e]?(""+t).trim():t+"px"}function ge(e,t){for(var n in e=e.style,t)if(t.hasOwnProperty(n)){var r=0===n.indexOf("--"),o=he(n,t[n],r);"float"===n&&(n="cssFloat"),r?e.setProperty(n,o):e[n]=o}}Object.keys(fe).forEach((function(e){me.forEach((function(t){t=t+e.charAt(0).toUpperCase()+e.substring(1),fe[t]=fe[e]}))}));var be=M({menuitem:!0},{area:!0,base:!0,br:!0,col:!0,embed:!0,hr:!0,img:!0,input:!0,keygen:!0,link:!0,meta:!0,param:!0,source:!0,track:!0,wbr:!0});function ye(e,t){if(t){if(be[e]&&(null!=t.children||null!=t.dangerouslySetInnerHTML))throw Error(a(137,e));if(null!=t.dangerouslySetInnerHTML){if(null!=t.children)throw Error(a(60));if("object"!=typeof t.dangerouslySetInnerHTML||!("__html"in t.dangerouslySetInnerHTML))throw Error(a(61))}if(null!=t.style&&"object"!=typeof t.style)throw Error(a(62))}}function ve(e,t){if(-1===e.indexOf("-"))return"string"==typeof t.is;switch(e){case"annotation-xml":case"color-profile":case"font-face":case"font-face-src":case"font-face-uri":case"font-face-format":case"font-face-name":case"missing-glyph":return!1;default:return!0}}var we=null;function Se(e){return(e=e.target||e.srcElement||window).correspondingUseElement&&(e=e.correspondingUseElement),3===e.nodeType?e.parentNode:e}var xe=null,ke=null,Ee=null;function _e(e){if(e=wo(e)){if("function"!=typeof xe)throw Error(a(280));var t=e.stateNode;t&&(t=xo(t),xe(e.stateNode,e.type,t))}}function Ce(e){ke?Ee?Ee.push(e):Ee=[e]:ke=e}function je(){if(ke){var e=ke,t=Ee;if(Ee=ke=null,_e(e),t)for(e=0;e<t.length;e++)_e(t[e])}}function Ae(e,t){return e(t)}function Oe(){}var Te=!1;function Pe(e,t,n){if(Te)return e(t,n);Te=!0;try{return Ae(e,t,n)}finally{Te=!1,(null!==ke||null!==Ee)&&(Oe(),je())}}function Le(e,t){var n=e.stateNode;if(null===n)return null;var r=xo(n);if(null===r)return null;n=r[t];e:switch(t){case"onClick":case"onClickCapture":case"onDoubleClick":case"onDoubleClickCapture":case"onMouseDown":case"onMouseDownCapture":case"onMouseMove":case"onMouseMoveCapture":case"onMouseUp":case"onMouseUpCapture":case"onMouseEnter":(r=!r.disabled)||(r=!("button"===(e=e.type)||"input"===e||"select"===e||"textarea"===e)),e=!r;break e;default:e=!1}if(e)return null;if(n&&"function"!=typeof n)throw Error(a(231,t,typeof n));return n}var Ie=!1;if(u)try{var Re={};Object.defineProperty(Re,"passive",{get:function(){Ie=!0}}),window.addEventListener("test",Re,Re),window.removeEventListener("test",Re,Re)}catch(ue){Ie=!1}function Ne(e,t,n,r,o,a,i,s,l){var c=Array.prototype.slice.call(arguments,3);try{t.apply(n,c)}catch(u){this.onError(u)}}var De=!1,Me=null,Fe=!1,ze=null,Be={onError:function(e){De=!0,Me=e}};function Ue(e,t,n,r,o,a,i,s,l){De=!1,Me=null,Ne.apply(Be,arguments)}function qe(e){var t=e,n=e;if(e.alternate)for(;t.return;)t=t.return;else{e=t;do{!!(4098&(t=e).flags)&&(n=t.return),e=t.return}while(e)}return 3===t.tag?n:null}function $e(e){if(13===e.tag){var t=e.memoizedState;if(null===t&&(null!==(e=e.alternate)&&(t=e.memoizedState)),null!==t)return t.dehydrated}return null}function He(e){if(qe(e)!==e)throw Error(a(188))}function Ve(e){return null!==(e=function(e){var t=e.alternate;if(!t){if(null===(t=qe(e)))throw Error(a(188));return t!==e?null:e}for(var n=e,r=t;;){var o=n.return;if(null===o)break;var i=o.alternate;if(null===i){if(null!==(r=o.return)){n=r;continue}break}if(o.child===i.child){for(i=o.child;i;){if(i===n)return He(o),e;if(i===r)return He(o),t;i=i.sibling}throw Error(a(188))}if(n.return!==r.return)n=o,r=i;else{for(var s=!1,l=o.child;l;){if(l===n){s=!0,n=o,r=i;break}if(l===r){s=!0,r=o,n=i;break}l=l.sibling}if(!s){for(l=i.child;l;){if(l===n){s=!0,n=i,r=o;break}if(l===r){s=!0,r=i,n=o;break}l=l.sibling}if(!s)throw Error(a(189))}}if(n.alternate!==r)throw Error(a(190))}if(3!==n.tag)throw Error(a(188));return n.stateNode.current===n?e:t}(e))?Ge(e):null}function Ge(e){if(5===e.tag||6===e.tag)return e;for(e=e.child;null!==e;){var t=Ge(e);if(null!==t)return t;e=e.sibling}return null}var We=o.unstable_scheduleCallback,Ke=o.unstable_cancelCallback,Qe=o.unstable_shouldYield,Ye=o.unstable_requestPaint,Ze=o.unstable_now,Je=o.unstable_getCurrentPriorityLevel,Xe=o.unstable_ImmediatePriority,et=o.unstable_UserBlockingPriority,tt=o.unstable_NormalPriority,nt=o.unstable_LowPriority,rt=o.unstable_IdlePriority,ot=null,at=null;var it=Math.clz32?Math.clz32:function(e){return e>>>=0,0===e?32:31-(st(e)/lt|0)|0},st=Math.log,lt=Math.LN2;var ct=64,ut=4194304;function dt(e){switch(e&-e){case 1:return 1;case 2:return 2;case 4:return 4;case 8:return 8;case 16:return 16;case 32:return 32;case 64:case 128:case 256:case 512:case 1024:case 2048:case 4096:case 8192:case 16384:case 32768:case 65536:case 131072:case 262144:case 524288:case 1048576:case 2097152:return 4194240&e;case 4194304:case 8388608:case 16777216:case 33554432:case 67108864:return 130023424&e;case 134217728:return 134217728;case 268435456:return 268435456;case 536870912:return 536870912;case 1073741824:return 1073741824;default:return e}}function pt(e,t){var n=e.pendingLanes;if(0===n)return 0;var r=0,o=e.suspendedLanes,a=e.pingedLanes,i=268435455&n;if(0!==i){var s=i&~o;0!==s?r=dt(s):0!==(a&=i)&&(r=dt(a))}else 0!==(i=n&~o)?r=dt(i):0!==a&&(r=dt(a));if(0===r)return 0;if(0!==t&&t!==r&&!(t&o)&&((o=r&-r)>=(a=t&-t)||16===o&&4194240&a))return t;if(4&r&&(r|=16&n),0!==(t=e.entangledLanes))for(e=e.entanglements,t&=r;0<t;)o=1<<(n=31-it(t)),r|=e[n],t&=~o;return r}function ft(e,t){switch(e){case 1:case 2:case 4:return t+250;case 8:case 16:case 32:case 64:case 128:case 256:case 512:case 1024:case 2048:case 4096:case 8192:case 16384:case 32768:case 65536:case 131072:case 262144:case 524288:case 1048576:case 2097152:return t+5e3;default:return-1}}function mt(e){return 0!==(e=-1073741825&e.pendingLanes)?e:1073741824&e?1073741824:0}function ht(){var e=ct;return!(4194240&(ct<<=1))&&(ct=64),e}function gt(e){for(var t=[],n=0;31>n;n++)t.push(e);return t}function bt(e,t,n){e.pendingLanes|=t,536870912!==t&&(e.suspendedLanes=0,e.pingedLanes=0),(e=e.eventTimes)[t=31-it(t)]=n}function yt(e,t){var n=e.entangledLanes|=t;for(e=e.entanglements;n;){var r=31-it(n),o=1<<r;o&t|e[r]&t&&(e[r]|=t),n&=~o}}var vt=0;function wt(e){return 1<(e&=-e)?4<e?268435455&e?16:536870912:4:1}var St,xt,kt,Et,_t,Ct=!1,jt=[],At=null,Ot=null,Tt=null,Pt=new Map,Lt=new Map,It=[],Rt="mousedown mouseup touchcancel touchend touchstart auxclick dblclick pointercancel pointerdown pointerup dragend dragstart drop compositionend compositionstart keydown keypress keyup input textInput copy cut paste click change contextmenu reset submit".split(" ");function Nt(e,t){switch(e){case"focusin":case"focusout":At=null;break;case"dragenter":case"dragleave":Ot=null;break;case"mouseover":case"mouseout":Tt=null;break;case"pointerover":case"pointerout":Pt.delete(t.pointerId);break;case"gotpointercapture":case"lostpointercapture":Lt.delete(t.pointerId)}}function Dt(e,t,n,r,o,a){return null===e||e.nativeEvent!==a?(e={blockedOn:t,domEventName:n,eventSystemFlags:r,nativeEvent:a,targetContainers:[o]},null!==t&&(null!==(t=wo(t))&&xt(t)),e):(e.eventSystemFlags|=r,t=e.targetContainers,null!==o&&-1===t.indexOf(o)&&t.push(o),e)}function Mt(e){var t=vo(e.target);if(null!==t){var n=qe(t);if(null!==n)if(13===(t=n.tag)){if(null!==(t=$e(n)))return e.blockedOn=t,void _t(e.priority,(function(){kt(n)}))}else if(3===t&&n.stateNode.current.memoizedState.isDehydrated)return void(e.blockedOn=3===n.tag?n.stateNode.containerInfo:null)}e.blockedOn=null}function Ft(e){if(null!==e.blockedOn)return!1;for(var t=e.targetContainers;0<t.length;){var n=Qt(e.domEventName,e.eventSystemFlags,t[0],e.nativeEvent);if(null!==n)return null!==(t=wo(n))&&xt(t),e.blockedOn=n,!1;var r=new(n=e.nativeEvent).constructor(n.type,n);we=r,n.target.dispatchEvent(r),we=null,t.shift()}return!0}function zt(e,t,n){Ft(e)&&n.delete(t)}function Bt(){Ct=!1,null!==At&&Ft(At)&&(At=null),null!==Ot&&Ft(Ot)&&(Ot=null),null!==Tt&&Ft(Tt)&&(Tt=null),Pt.forEach(zt),Lt.forEach(zt)}function Ut(e,t){e.blockedOn===t&&(e.blockedOn=null,Ct||(Ct=!0,o.unstable_scheduleCallback(o.unstable_NormalPriority,Bt)))}function qt(e){function t(t){return Ut(t,e)}if(0<jt.length){Ut(jt[0],e);for(var n=1;n<jt.length;n++){var r=jt[n];r.blockedOn===e&&(r.blockedOn=null)}}for(null!==At&&Ut(At,e),null!==Ot&&Ut(Ot,e),null!==Tt&&Ut(Tt,e),Pt.forEach(t),Lt.forEach(t),n=0;n<It.length;n++)(r=It[n]).blockedOn===e&&(r.blockedOn=null);for(;0<It.length&&null===(n=It[0]).blockedOn;)Mt(n),null===n.blockedOn&&It.shift()}var $t=w.ReactCurrentBatchConfig,Ht=!0;function Vt(e,t,n,r){var o=vt,a=$t.transition;$t.transition=null;try{vt=1,Wt(e,t,n,r)}finally{vt=o,$t.transition=a}}function Gt(e,t,n,r){var o=vt,a=$t.transition;$t.transition=null;try{vt=4,Wt(e,t,n,r)}finally{vt=o,$t.transition=a}}function Wt(e,t,n,r){if(Ht){var o=Qt(e,t,n,r);if(null===o)Hr(e,t,r,Kt,n),Nt(e,r);else if(function(e,t,n,r,o){switch(t){case"focusin":return At=Dt(At,e,t,n,r,o),!0;case"dragenter":return Ot=Dt(Ot,e,t,n,r,o),!0;case"mouseover":return Tt=Dt(Tt,e,t,n,r,o),!0;case"pointerover":var a=o.pointerId;return Pt.set(a,Dt(Pt.get(a)||null,e,t,n,r,o)),!0;case"gotpointercapture":return a=o.pointerId,Lt.set(a,Dt(Lt.get(a)||null,e,t,n,r,o)),!0}return!1}(o,e,t,n,r))r.stopPropagation();else if(Nt(e,r),4&t&&-1<Rt.indexOf(e)){for(;null!==o;){var a=wo(o);if(null!==a&&St(a),null===(a=Qt(e,t,n,r))&&Hr(e,t,r,Kt,n),a===o)break;o=a}null!==o&&r.stopPropagation()}else Hr(e,t,r,null,n)}}var Kt=null;function Qt(e,t,n,r){if(Kt=null,null!==(e=vo(e=Se(r))))if(null===(t=qe(e)))e=null;else if(13===(n=t.tag)){if(null!==(e=$e(t)))return e;e=null}else if(3===n){if(t.stateNode.current.memoizedState.isDehydrated)return 3===t.tag?t.stateNode.containerInfo:null;e=null}else t!==e&&(e=null);return Kt=e,null}function Yt(e){switch(e){case"cancel":case"click":case"close":case"contextmenu":case"copy":case"cut":case"auxclick":case"dblclick":case"dragend":case"dragstart":case"drop":case"focusin":case"focusout":case"input":case"invalid":case"keydown":case"keypress":case"keyup":case"mousedown":case"mouseup":case"paste":case"pause":case"play":case"pointercancel":case"pointerdown":case"pointerup":case"ratechange":case"reset":case"resize":case"seeked":case"submit":case"touchcancel":case"touchend":case"touchstart":case"volumechange":case"change":case"selectionchange":case"textInput":case"compositionstart":case"compositionend":case"compositionupdate":case"beforeblur":case"afterblur":case"beforeinput":case"blur":case"fullscreenchange":case"focus":case"hashchange":case"popstate":case"select":case"selectstart":return 1;case"drag":case"dragenter":case"dragexit":case"dragleave":case"dragover":case"mousemove":case"mouseout":case"mouseover":case"pointermove":case"pointerout":case"pointerover":case"scroll":case"toggle":case"touchmove":case"wheel":case"mouseenter":case"mouseleave":case"pointerenter":case"pointerleave":return 4;case"message":switch(Je()){case Xe:return 1;case et:return 4;case tt:case nt:return 16;case rt:return 536870912;default:return 16}default:return 16}}var Zt=null,Jt=null,Xt=null;function en(){if(Xt)return Xt;var e,t,n=Jt,r=n.length,o="value"in Zt?Zt.value:Zt.textContent,a=o.length;for(e=0;e<r&&n[e]===o[e];e++);var i=r-e;for(t=1;t<=i&&n[r-t]===o[a-t];t++);return Xt=o.slice(e,1<t?1-t:void 0)}function tn(e){var t=e.keyCode;return"charCode"in e?0===(e=e.charCode)&&13===t&&(e=13):e=t,10===e&&(e=13),32<=e||13===e?e:0}function nn(){return!0}function rn(){return!1}function on(e){function t(t,n,r,o,a){for(var i in this._reactName=t,this._targetInst=r,this.type=n,this.nativeEvent=o,this.target=a,this.currentTarget=null,e)e.hasOwnProperty(i)&&(t=e[i],this[i]=t?t(o):o[i]);return this.isDefaultPrevented=(null!=o.defaultPrevented?o.defaultPrevented:!1===o.returnValue)?nn:rn,this.isPropagationStopped=rn,this}return M(t.prototype,{preventDefault:function(){this.defaultPrevented=!0;var e=this.nativeEvent;e&&(e.preventDefault?e.preventDefault():"unknown"!=typeof e.returnValue&&(e.returnValue=!1),this.isDefaultPrevented=nn)},stopPropagation:function(){var e=this.nativeEvent;e&&(e.stopPropagation?e.stopPropagation():"unknown"!=typeof e.cancelBubble&&(e.cancelBubble=!0),this.isPropagationStopped=nn)},persist:function(){},isPersistent:nn}),t}var an,sn,ln,cn={eventPhase:0,bubbles:0,cancelable:0,timeStamp:function(e){return e.timeStamp||Date.now()},defaultPrevented:0,isTrusted:0},un=on(cn),dn=M({},cn,{view:0,detail:0}),pn=on(dn),fn=M({},dn,{screenX:0,screenY:0,clientX:0,clientY:0,pageX:0,pageY:0,ctrlKey:0,shiftKey:0,altKey:0,metaKey:0,getModifierState:_n,button:0,buttons:0,relatedTarget:function(e){return void 0===e.relatedTarget?e.fromElement===e.srcElement?e.toElement:e.fromElement:e.relatedTarget},movementX:function(e){return"movementX"in e?e.movementX:(e!==ln&&(ln&&"mousemove"===e.type?(an=e.screenX-ln.screenX,sn=e.screenY-ln.screenY):sn=an=0,ln=e),an)},movementY:function(e){return"movementY"in e?e.movementY:sn}}),mn=on(fn),hn=on(M({},fn,{dataTransfer:0})),gn=on(M({},dn,{relatedTarget:0})),bn=on(M({},cn,{animationName:0,elapsedTime:0,pseudoElement:0})),yn=M({},cn,{clipboardData:function(e){return"clipboardData"in e?e.clipboardData:window.clipboardData}}),vn=on(yn),wn=on(M({},cn,{data:0})),Sn={Esc:"Escape",Spacebar:" ",Left:"ArrowLeft",Up:"ArrowUp",Right:"ArrowRight",Down:"ArrowDown",Del:"Delete",Win:"OS",Menu:"ContextMenu",Apps:"ContextMenu",Scroll:"ScrollLock",MozPrintableKey:"Unidentified"},xn={8:"Backspace",9:"Tab",12:"Clear",13:"Enter",16:"Shift",17:"Control",18:"Alt",19:"Pause",20:"CapsLock",27:"Escape",32:" ",33:"PageUp",34:"PageDown",35:"End",36:"Home",37:"ArrowLeft",38:"ArrowUp",39:"ArrowRight",40:"ArrowDown",45:"Insert",46:"Delete",112:"F1",113:"F2",114:"F3",115:"F4",116:"F5",117:"F6",118:"F7",119:"F8",120:"F9",121:"F10",122:"F11",123:"F12",144:"NumLock",145:"ScrollLock",224:"Meta"},kn={Alt:"altKey",Control:"ctrlKey",Meta:"metaKey",Shift:"shiftKey"};function En(e){var t=this.nativeEvent;return t.getModifierState?t.getModifierState(e):!!(e=kn[e])&&!!t[e]}function _n(){return En}var Cn=M({},dn,{key:function(e){if(e.key){var t=Sn[e.key]||e.key;if("Unidentified"!==t)return t}return"keypress"===e.type?13===(e=tn(e))?"Enter":String.fromCharCode(e):"keydown"===e.type||"keyup"===e.type?xn[e.keyCode]||"Unidentified":""},code:0,location:0,ctrlKey:0,shiftKey:0,altKey:0,metaKey:0,repeat:0,locale:0,getModifierState:_n,charCode:function(e){return"keypress"===e.type?tn(e):0},keyCode:function(e){return"keydown"===e.type||"keyup"===e.type?e.keyCode:0},which:function(e){return"keypress"===e.type?tn(e):"keydown"===e.type||"keyup"===e.type?e.keyCode:0}}),jn=on(Cn),An=on(M({},fn,{pointerId:0,width:0,height:0,pressure:0,tangentialPressure:0,tiltX:0,tiltY:0,twist:0,pointerType:0,isPrimary:0})),On=on(M({},dn,{touches:0,targetTouches:0,changedTouches:0,altKey:0,metaKey:0,ctrlKey:0,shiftKey:0,getModifierState:_n})),Tn=on(M({},cn,{propertyName:0,elapsedTime:0,pseudoElement:0})),Pn=M({},fn,{deltaX:function(e){return"deltaX"in e?e.deltaX:"wheelDeltaX"in e?-e.wheelDeltaX:0},deltaY:function(e){return"deltaY"in e?e.deltaY:"wheelDeltaY"in e?-e.wheelDeltaY:"wheelDelta"in e?-e.wheelDelta:0},deltaZ:0,deltaMode:0}),Ln=on(Pn),In=[9,13,27,32],Rn=u&&"CompositionEvent"in window,Nn=null;u&&"documentMode"in document&&(Nn=document.documentMode);var Dn=u&&"TextEvent"in window&&!Nn,Mn=u&&(!Rn||Nn&&8<Nn&&11>=Nn),Fn=String.fromCharCode(32),zn=!1;function Bn(e,t){switch(e){case"keyup":return-1!==In.indexOf(t.keyCode);case"keydown":return 229!==t.keyCode;case"keypress":case"mousedown":case"focusout":return!0;default:return!1}}function Un(e){return"object"==typeof(e=e.detail)&&"data"in e?e.data:null}var qn=!1;var $n={color:!0,date:!0,datetime:!0,"datetime-local":!0,email:!0,month:!0,number:!0,password:!0,range:!0,search:!0,tel:!0,text:!0,time:!0,url:!0,week:!0};function Hn(e){var t=e&&e.nodeName&&e.nodeName.toLowerCase();return"input"===t?!!$n[e.type]:"textarea"===t}function Vn(e,t,n,r){Ce(r),0<(t=Gr(t,"onChange")).length&&(n=new un("onChange","change",null,n,r),e.push({event:n,listeners:t}))}var Gn=null,Wn=null;function Kn(e){Fr(e,0)}function Qn(e){if(W(So(e)))return e}function Yn(e,t){if("change"===e)return t}var Zn=!1;if(u){var Jn;if(u){var Xn="oninput"in document;if(!Xn){var er=document.createElement("div");er.setAttribute("oninput","return;"),Xn="function"==typeof er.oninput}Jn=Xn}else Jn=!1;Zn=Jn&&(!document.documentMode||9<document.documentMode)}function tr(){Gn&&(Gn.detachEvent("onpropertychange",nr),Wn=Gn=null)}function nr(e){if("value"===e.propertyName&&Qn(Wn)){var t=[];Vn(t,Wn,e,Se(e)),Pe(Kn,t)}}function rr(e,t,n){"focusin"===e?(tr(),Wn=n,(Gn=t).attachEvent("onpropertychange",nr)):"focusout"===e&&tr()}function or(e){if("selectionchange"===e||"keyup"===e||"keydown"===e)return Qn(Wn)}function ar(e,t){if("click"===e)return Qn(t)}function ir(e,t){if("input"===e||"change"===e)return Qn(t)}var sr="function"==typeof Object.is?Object.is:function(e,t){return e===t&&(0!==e||1/e==1/t)||e!=e&&t!=t};function lr(e,t){if(sr(e,t))return!0;if("object"!=typeof e||null===e||"object"!=typeof t||null===t)return!1;var n=Object.keys(e),r=Object.keys(t);if(n.length!==r.length)return!1;for(r=0;r<n.length;r++){var o=n[r];if(!d.call(t,o)||!sr(e[o],t[o]))return!1}return!0}function cr(e){for(;e&&e.firstChild;)e=e.firstChild;return e}function ur(e,t){var n,r=cr(e);for(e=0;r;){if(3===r.nodeType){if(n=e+r.textContent.length,e<=t&&n>=t)return{node:r,offset:t-e};e=n}e:{for(;r;){if(r.nextSibling){r=r.nextSibling;break e}r=r.parentNode}r=void 0}r=cr(r)}}function dr(e,t){return!(!e||!t)&&(e===t||(!e||3!==e.nodeType)&&(t&&3===t.nodeType?dr(e,t.parentNode):"contains"in e?e.contains(t):!!e.compareDocumentPosition&&!!(16&e.compareDocumentPosition(t))))}function pr(){for(var e=window,t=K();t instanceof e.HTMLIFrameElement;){try{var n="string"==typeof t.contentWindow.location.href}catch(r){n=!1}if(!n)break;t=K((e=t.contentWindow).document)}return t}function fr(e){var t=e&&e.nodeName&&e.nodeName.toLowerCase();return t&&("input"===t&&("text"===e.type||"search"===e.type||"tel"===e.type||"url"===e.type||"password"===e.type)||"textarea"===t||"true"===e.contentEditable)}function mr(e){var t=pr(),n=e.focusedElem,r=e.selectionRange;if(t!==n&&n&&n.ownerDocument&&dr(n.ownerDocument.documentElement,n)){if(null!==r&&fr(n))if(t=r.start,void 0===(e=r.end)&&(e=t),"selectionStart"in n)n.selectionStart=t,n.selectionEnd=Math.min(e,n.value.length);else if((e=(t=n.ownerDocument||document)&&t.defaultView||window).getSelection){e=e.getSelection();var o=n.textContent.length,a=Math.min(r.start,o);r=void 0===r.end?a:Math.min(r.end,o),!e.extend&&a>r&&(o=r,r=a,a=o),o=ur(n,a);var i=ur(n,r);o&&i&&(1!==e.rangeCount||e.anchorNode!==o.node||e.anchorOffset!==o.offset||e.focusNode!==i.node||e.focusOffset!==i.offset)&&((t=t.createRange()).setStart(o.node,o.offset),e.removeAllRanges(),a>r?(e.addRange(t),e.extend(i.node,i.offset)):(t.setEnd(i.node,i.offset),e.addRange(t)))}for(t=[],e=n;e=e.parentNode;)1===e.nodeType&&t.push({element:e,left:e.scrollLeft,top:e.scrollTop});for("function"==typeof n.focus&&n.focus(),n=0;n<t.length;n++)(e=t[n]).element.scrollLeft=e.left,e.element.scrollTop=e.top}}var hr=u&&"documentMode"in document&&11>=document.documentMode,gr=null,br=null,yr=null,vr=!1;function wr(e,t,n){var r=n.window===n?n.document:9===n.nodeType?n:n.ownerDocument;vr||null==gr||gr!==K(r)||("selectionStart"in(r=gr)&&fr(r)?r={start:r.selectionStart,end:r.selectionEnd}:r={anchorNode:(r=(r.ownerDocument&&r.ownerDocument.defaultView||window).getSelection()).anchorNode,anchorOffset:r.anchorOffset,focusNode:r.focusNode,focusOffset:r.focusOffset},yr&&lr(yr,r)||(yr=r,0<(r=Gr(br,"onSelect")).length&&(t=new un("onSelect","select",null,t,n),e.push({event:t,listeners:r}),t.target=gr)))}function Sr(e,t){var n={};return n[e.toLowerCase()]=t.toLowerCase(),n["Webkit"+e]="webkit"+t,n["Moz"+e]="moz"+t,n}var xr={animationend:Sr("Animation","AnimationEnd"),animationiteration:Sr("Animation","AnimationIteration"),animationstart:Sr("Animation","AnimationStart"),transitionend:Sr("Transition","TransitionEnd")},kr={},Er={};function _r(e){if(kr[e])return kr[e];if(!xr[e])return e;var t,n=xr[e];for(t in n)if(n.hasOwnProperty(t)&&t in Er)return kr[e]=n[t];return e}u&&(Er=document.createElement("div").style,"AnimationEvent"in window||(delete xr.animationend.animation,delete xr.animationiteration.animation,delete xr.animationstart.animation),"TransitionEvent"in window||delete xr.transitionend.transition);var Cr=_r("animationend"),jr=_r("animationiteration"),Ar=_r("animationstart"),Or=_r("transitionend"),Tr=new Map,Pr="abort auxClick cancel canPlay canPlayThrough click close contextMenu copy cut drag dragEnd dragEnter dragExit dragLeave dragOver dragStart drop durationChange emptied encrypted ended error gotPointerCapture input invalid keyDown keyPress keyUp load loadedData loadedMetadata loadStart lostPointerCapture mouseDown mouseMove mouseOut mouseOver mouseUp paste pause play playing pointerCancel pointerDown pointerMove pointerOut pointerOver pointerUp progress rateChange reset resize seeked seeking stalled submit suspend timeUpdate touchCancel touchEnd touchStart volumeChange scroll toggle touchMove waiting wheel".split(" ");function Lr(e,t){Tr.set(e,t),l(t,[e])}for(var Ir=0;Ir<Pr.length;Ir++){var Rr=Pr[Ir];Lr(Rr.toLowerCase(),"on"+(Rr[0].toUpperCase()+Rr.slice(1)))}Lr(Cr,"onAnimationEnd"),Lr(jr,"onAnimationIteration"),Lr(Ar,"onAnimationStart"),Lr("dblclick","onDoubleClick"),Lr("focusin","onFocus"),Lr("focusout","onBlur"),Lr(Or,"onTransitionEnd"),c("onMouseEnter",["mouseout","mouseover"]),c("onMouseLeave",["mouseout","mouseover"]),c("onPointerEnter",["pointerout","pointerover"]),c("onPointerLeave",["pointerout","pointerover"]),l("onChange","change click focusin focusout input keydown keyup selectionchange".split(" ")),l("onSelect","focusout contextmenu dragend focusin keydown keyup mousedown mouseup selectionchange".split(" ")),l("onBeforeInput",["compositionend","keypress","textInput","paste"]),l("onCompositionEnd","compositionend focusout keydown keypress keyup mousedown".split(" ")),l("onCompositionStart","compositionstart focusout keydown keypress keyup mousedown".split(" ")),l("onCompositionUpdate","compositionupdate focusout keydown keypress keyup mousedown".split(" "));var Nr="abort canplay canplaythrough durationchange emptied encrypted ended error loadeddata loadedmetadata loadstart pause play playing progress ratechange resize seeked seeking stalled suspend timeupdate volumechange waiting".split(" "),Dr=new Set("cancel close invalid load scroll toggle".split(" ").concat(Nr));function Mr(e,t,n){var r=e.type||"unknown-event";e.currentTarget=n,function(e,t,n,r,o,i,s,l,c){if(Ue.apply(this,arguments),De){if(!De)throw Error(a(198));var u=Me;De=!1,Me=null,Fe||(Fe=!0,ze=u)}}(r,t,void 0,e),e.currentTarget=null}function Fr(e,t){t=!!(4&t);for(var n=0;n<e.length;n++){var r=e[n],o=r.event;r=r.listeners;e:{var a=void 0;if(t)for(var i=r.length-1;0<=i;i--){var s=r[i],l=s.instance,c=s.currentTarget;if(s=s.listener,l!==a&&o.isPropagationStopped())break e;Mr(o,s,c),a=l}else for(i=0;i<r.length;i++){if(l=(s=r[i]).instance,c=s.currentTarget,s=s.listener,l!==a&&o.isPropagationStopped())break e;Mr(o,s,c),a=l}}}if(Fe)throw e=ze,Fe=!1,ze=null,e}function zr(e,t){var n=t[go];void 0===n&&(n=t[go]=new Set);var r=e+"__bubble";n.has(r)||($r(t,e,2,!1),n.add(r))}function Br(e,t,n){var r=0;t&&(r|=4),$r(n,e,r,t)}var Ur="_reactListening"+Math.random().toString(36).slice(2);function qr(e){if(!e[Ur]){e[Ur]=!0,i.forEach((function(t){"selectionchange"!==t&&(Dr.has(t)||Br(t,!1,e),Br(t,!0,e))}));var t=9===e.nodeType?e:e.ownerDocument;null===t||t[Ur]||(t[Ur]=!0,Br("selectionchange",!1,t))}}function $r(e,t,n,r){switch(Yt(t)){case 1:var o=Vt;break;case 4:o=Gt;break;default:o=Wt}n=o.bind(null,t,n,e),o=void 0,!Ie||"touchstart"!==t&&"touchmove"!==t&&"wheel"!==t||(o=!0),r?void 0!==o?e.addEventListener(t,n,{capture:!0,passive:o}):e.addEventListener(t,n,!0):void 0!==o?e.addEventListener(t,n,{passive:o}):e.addEventListener(t,n,!1)}function Hr(e,t,n,r,o){var a=r;if(!(1&t||2&t||null===r))e:for(;;){if(null===r)return;var i=r.tag;if(3===i||4===i){var s=r.stateNode.containerInfo;if(s===o||8===s.nodeType&&s.parentNode===o)break;if(4===i)for(i=r.return;null!==i;){var l=i.tag;if((3===l||4===l)&&((l=i.stateNode.containerInfo)===o||8===l.nodeType&&l.parentNode===o))return;i=i.return}for(;null!==s;){if(null===(i=vo(s)))return;if(5===(l=i.tag)||6===l){r=a=i;continue e}s=s.parentNode}}r=r.return}Pe((function(){var r=a,o=Se(n),i=[];e:{var s=Tr.get(e);if(void 0!==s){var l=un,c=e;switch(e){case"keypress":if(0===tn(n))break e;case"keydown":case"keyup":l=jn;break;case"focusin":c="focus",l=gn;break;case"focusout":c="blur",l=gn;break;case"beforeblur":case"afterblur":l=gn;break;case"click":if(2===n.button)break e;case"auxclick":case"dblclick":case"mousedown":case"mousemove":case"mouseup":case"mouseout":case"mouseover":case"contextmenu":l=mn;break;case"drag":case"dragend":case"dragenter":case"dragexit":case"dragleave":case"dragover":case"dragstart":case"drop":l=hn;break;case"touchcancel":case"touchend":case"touchmove":case"touchstart":l=On;break;case Cr:case jr:case Ar:l=bn;break;case Or:l=Tn;break;case"scroll":l=pn;break;case"wheel":l=Ln;break;case"copy":case"cut":case"paste":l=vn;break;case"gotpointercapture":case"lostpointercapture":case"pointercancel":case"pointerdown":case"pointermove":case"pointerout":case"pointerover":case"pointerup":l=An}var u=!!(4&t),d=!u&&"scroll"===e,p=u?null!==s?s+"Capture":null:s;u=[];for(var f,m=r;null!==m;){var h=(f=m).stateNode;if(5===f.tag&&null!==h&&(f=h,null!==p&&(null!=(h=Le(m,p))&&u.push(Vr(m,h,f)))),d)break;m=m.return}0<u.length&&(s=new l(s,c,null,n,o),i.push({event:s,listeners:u}))}}if(!(7&t)){if(l="mouseout"===e||"pointerout"===e,(!(s="mouseover"===e||"pointerover"===e)||n===we||!(c=n.relatedTarget||n.fromElement)||!vo(c)&&!c[ho])&&(l||s)&&(s=o.window===o?o:(s=o.ownerDocument)?s.defaultView||s.parentWindow:window,l?(l=r,null!==(c=(c=n.relatedTarget||n.toElement)?vo(c):null)&&(c!==(d=qe(c))||5!==c.tag&&6!==c.tag)&&(c=null)):(l=null,c=r),l!==c)){if(u=mn,h="onMouseLeave",p="onMouseEnter",m="mouse","pointerout"!==e&&"pointerover"!==e||(u=An,h="onPointerLeave",p="onPointerEnter",m="pointer"),d=null==l?s:So(l),f=null==c?s:So(c),(s=new u(h,m+"leave",l,n,o)).target=d,s.relatedTarget=f,h=null,vo(o)===r&&((u=new u(p,m+"enter",c,n,o)).target=f,u.relatedTarget=d,h=u),d=h,l&&c)e:{for(p=c,m=0,f=u=l;f;f=Wr(f))m++;for(f=0,h=p;h;h=Wr(h))f++;for(;0<m-f;)u=Wr(u),m--;for(;0<f-m;)p=Wr(p),f--;for(;m--;){if(u===p||null!==p&&u===p.alternate)break e;u=Wr(u),p=Wr(p)}u=null}else u=null;null!==l&&Kr(i,s,l,u,!1),null!==c&&null!==d&&Kr(i,d,c,u,!0)}if("select"===(l=(s=r?So(r):window).nodeName&&s.nodeName.toLowerCase())||"input"===l&&"file"===s.type)var g=Yn;else if(Hn(s))if(Zn)g=ir;else{g=or;var b=rr}else(l=s.nodeName)&&"input"===l.toLowerCase()&&("checkbox"===s.type||"radio"===s.type)&&(g=ar);switch(g&&(g=g(e,r))?Vn(i,g,n,o):(b&&b(e,s,r),"focusout"===e&&(b=s._wrapperState)&&b.controlled&&"number"===s.type&&ee(s,"number",s.value)),b=r?So(r):window,e){case"focusin":(Hn(b)||"true"===b.contentEditable)&&(gr=b,br=r,yr=null);break;case"focusout":yr=br=gr=null;break;case"mousedown":vr=!0;break;case"contextmenu":case"mouseup":case"dragend":vr=!1,wr(i,n,o);break;case"selectionchange":if(hr)break;case"keydown":case"keyup":wr(i,n,o)}var y;if(Rn)e:{switch(e){case"compositionstart":var v="onCompositionStart";break e;case"compositionend":v="onCompositionEnd";break e;case"compositionupdate":v="onCompositionUpdate";break e}v=void 0}else qn?Bn(e,n)&&(v="onCompositionEnd"):"keydown"===e&&229===n.keyCode&&(v="onCompositionStart");v&&(Mn&&"ko"!==n.locale&&(qn||"onCompositionStart"!==v?"onCompositionEnd"===v&&qn&&(y=en()):(Jt="value"in(Zt=o)?Zt.value:Zt.textContent,qn=!0)),0<(b=Gr(r,v)).length&&(v=new wn(v,e,null,n,o),i.push({event:v,listeners:b}),y?v.data=y:null!==(y=Un(n))&&(v.data=y))),(y=Dn?function(e,t){switch(e){case"compositionend":return Un(t);case"keypress":return 32!==t.which?null:(zn=!0,Fn);case"textInput":return(e=t.data)===Fn&&zn?null:e;default:return null}}(e,n):function(e,t){if(qn)return"compositionend"===e||!Rn&&Bn(e,t)?(e=en(),Xt=Jt=Zt=null,qn=!1,e):null;switch(e){case"paste":default:return null;case"keypress":if(!(t.ctrlKey||t.altKey||t.metaKey)||t.ctrlKey&&t.altKey){if(t.char&&1<t.char.length)return t.char;if(t.which)return String.fromCharCode(t.which)}return null;case"compositionend":return Mn&&"ko"!==t.locale?null:t.data}}(e,n))&&(0<(r=Gr(r,"onBeforeInput")).length&&(o=new wn("onBeforeInput","beforeinput",null,n,o),i.push({event:o,listeners:r}),o.data=y))}Fr(i,t)}))}function Vr(e,t,n){return{instance:e,listener:t,currentTarget:n}}function Gr(e,t){for(var n=t+"Capture",r=[];null!==e;){var o=e,a=o.stateNode;5===o.tag&&null!==a&&(o=a,null!=(a=Le(e,n))&&r.unshift(Vr(e,a,o)),null!=(a=Le(e,t))&&r.push(Vr(e,a,o))),e=e.return}return r}function Wr(e){if(null===e)return null;do{e=e.return}while(e&&5!==e.tag);return e||null}function Kr(e,t,n,r,o){for(var a=t._reactName,i=[];null!==n&&n!==r;){var s=n,l=s.alternate,c=s.stateNode;if(null!==l&&l===r)break;5===s.tag&&null!==c&&(s=c,o?null!=(l=Le(n,a))&&i.unshift(Vr(n,l,s)):o||null!=(l=Le(n,a))&&i.push(Vr(n,l,s))),n=n.return}0!==i.length&&e.push({event:t,listeners:i})}var Qr=/\r\n?/g,Yr=/\u0000|\uFFFD/g;function Zr(e){return("string"==typeof e?e:""+e).replace(Qr,"\n").replace(Yr,"")}function Jr(e,t,n){if(t=Zr(t),Zr(e)!==t&&n)throw Error(a(425))}function Xr(){}var eo=null,to=null;function no(e,t){return"textarea"===e||"noscript"===e||"string"==typeof t.children||"number"==typeof t.children||"object"==typeof t.dangerouslySetInnerHTML&&null!==t.dangerouslySetInnerHTML&&null!=t.dangerouslySetInnerHTML.__html}var ro="function"==typeof setTimeout?setTimeout:void 0,oo="function"==typeof clearTimeout?clearTimeout:void 0,ao="function"==typeof Promise?Promise:void 0,io="function"==typeof queueMicrotask?queueMicrotask:void 0!==ao?function(e){return ao.resolve(null).then(e).catch(so)}:ro;function so(e){setTimeout((function(){throw e}))}function lo(e,t){var n=t,r=0;do{var o=n.nextSibling;if(e.removeChild(n),o&&8===o.nodeType)if("/$"===(n=o.data)){if(0===r)return e.removeChild(o),void qt(t);r--}else"$"!==n&&"$?"!==n&&"$!"!==n||r++;n=o}while(n);qt(t)}function co(e){for(;null!=e;e=e.nextSibling){var t=e.nodeType;if(1===t||3===t)break;if(8===t){if("$"===(t=e.data)||"$!"===t||"$?"===t)break;if("/$"===t)return null}}return e}function uo(e){e=e.previousSibling;for(var t=0;e;){if(8===e.nodeType){var n=e.data;if("$"===n||"$!"===n||"$?"===n){if(0===t)return e;t--}else"/$"===n&&t++}e=e.previousSibling}return null}var po=Math.random().toString(36).slice(2),fo="__reactFiber$"+po,mo="__reactProps$"+po,ho="__reactContainer$"+po,go="__reactEvents$"+po,bo="__reactListeners$"+po,yo="__reactHandles$"+po;function vo(e){var t=e[fo];if(t)return t;for(var n=e.parentNode;n;){if(t=n[ho]||n[fo]){if(n=t.alternate,null!==t.child||null!==n&&null!==n.child)for(e=uo(e);null!==e;){if(n=e[fo])return n;e=uo(e)}return t}n=(e=n).parentNode}return null}function wo(e){return!(e=e[fo]||e[ho])||5!==e.tag&&6!==e.tag&&13!==e.tag&&3!==e.tag?null:e}function So(e){if(5===e.tag||6===e.tag)return e.stateNode;throw Error(a(33))}function xo(e){return e[mo]||null}var ko=[],Eo=-1;function _o(e){return{current:e}}function Co(e){0>Eo||(e.current=ko[Eo],ko[Eo]=null,Eo--)}function jo(e,t){Eo++,ko[Eo]=e.current,e.current=t}var Ao={},Oo=_o(Ao),To=_o(!1),Po=Ao;function Lo(e,t){var n=e.type.contextTypes;if(!n)return Ao;var r=e.stateNode;if(r&&r.__reactInternalMemoizedUnmaskedChildContext===t)return r.__reactInternalMemoizedMaskedChildContext;var o,a={};for(o in n)a[o]=t[o];return r&&((e=e.stateNode).__reactInternalMemoizedUnmaskedChildContext=t,e.__reactInternalMemoizedMaskedChildContext=a),a}function Io(e){return null!=(e=e.childContextTypes)}function Ro(){Co(To),Co(Oo)}function No(e,t,n){if(Oo.current!==Ao)throw Error(a(168));jo(Oo,t),jo(To,n)}function Do(e,t,n){var r=e.stateNode;if(t=t.childContextTypes,"function"!=typeof r.getChildContext)return n;for(var o in r=r.getChildContext())if(!(o in t))throw Error(a(108,$(e)||"Unknown",o));return M({},n,r)}function Mo(e){return e=(e=e.stateNode)&&e.__reactInternalMemoizedMergedChildContext||Ao,Po=Oo.current,jo(Oo,e),jo(To,To.current),!0}function Fo(e,t,n){var r=e.stateNode;if(!r)throw Error(a(169));n?(e=Do(e,t,Po),r.__reactInternalMemoizedMergedChildContext=e,Co(To),Co(Oo),jo(Oo,e)):Co(To),jo(To,n)}var zo=null,Bo=!1,Uo=!1;function qo(e){null===zo?zo=[e]:zo.push(e)}function $o(){if(!Uo&&null!==zo){Uo=!0;var e=0,t=vt;try{var n=zo;for(vt=1;e<n.length;e++){var r=n[e];do{r=r(!0)}while(null!==r)}zo=null,Bo=!1}catch(o){throw null!==zo&&(zo=zo.slice(e+1)),We(Xe,$o),o}finally{vt=t,Uo=!1}}return null}var Ho=[],Vo=0,Go=null,Wo=0,Ko=[],Qo=0,Yo=null,Zo=1,Jo="";function Xo(e,t){Ho[Vo++]=Wo,Ho[Vo++]=Go,Go=e,Wo=t}function ea(e,t,n){Ko[Qo++]=Zo,Ko[Qo++]=Jo,Ko[Qo++]=Yo,Yo=e;var r=Zo;e=Jo;var o=32-it(r)-1;r&=~(1<<o),n+=1;var a=32-it(t)+o;if(30<a){var i=o-o%5;a=(r&(1<<i)-1).toString(32),r>>=i,o-=i,Zo=1<<32-it(t)+o|n<<o|r,Jo=a+e}else Zo=1<<a|n<<o|r,Jo=e}function ta(e){null!==e.return&&(Xo(e,1),ea(e,1,0))}function na(e){for(;e===Go;)Go=Ho[--Vo],Ho[Vo]=null,Wo=Ho[--Vo],Ho[Vo]=null;for(;e===Yo;)Yo=Ko[--Qo],Ko[Qo]=null,Jo=Ko[--Qo],Ko[Qo]=null,Zo=Ko[--Qo],Ko[Qo]=null}var ra=null,oa=null,aa=!1,ia=null;function sa(e,t){var n=Pc(5,null,null,0);n.elementType="DELETED",n.stateNode=t,n.return=e,null===(t=e.deletions)?(e.deletions=[n],e.flags|=16):t.push(n)}function la(e,t){switch(e.tag){case 5:var n=e.type;return null!==(t=1!==t.nodeType||n.toLowerCase()!==t.nodeName.toLowerCase()?null:t)&&(e.stateNode=t,ra=e,oa=co(t.firstChild),!0);case 6:return null!==(t=""===e.pendingProps||3!==t.nodeType?null:t)&&(e.stateNode=t,ra=e,oa=null,!0);case 13:return null!==(t=8!==t.nodeType?null:t)&&(n=null!==Yo?{id:Zo,overflow:Jo}:null,e.memoizedState={dehydrated:t,treeContext:n,retryLane:1073741824},(n=Pc(18,null,null,0)).stateNode=t,n.return=e,e.child=n,ra=e,oa=null,!0);default:return!1}}function ca(e){return!(!(1&e.mode)||128&e.flags)}function ua(e){if(aa){var t=oa;if(t){var n=t;if(!la(e,t)){if(ca(e))throw Error(a(418));t=co(n.nextSibling);var r=ra;t&&la(e,t)?sa(r,n):(e.flags=-4097&e.flags|2,aa=!1,ra=e)}}else{if(ca(e))throw Error(a(418));e.flags=-4097&e.flags|2,aa=!1,ra=e}}}function da(e){for(e=e.return;null!==e&&5!==e.tag&&3!==e.tag&&13!==e.tag;)e=e.return;ra=e}function pa(e){if(e!==ra)return!1;if(!aa)return da(e),aa=!0,!1;var t;if((t=3!==e.tag)&&!(t=5!==e.tag)&&(t="head"!==(t=e.type)&&"body"!==t&&!no(e.type,e.memoizedProps)),t&&(t=oa)){if(ca(e))throw fa(),Error(a(418));for(;t;)sa(e,t),t=co(t.nextSibling)}if(da(e),13===e.tag){if(!(e=null!==(e=e.memoizedState)?e.dehydrated:null))throw Error(a(317));e:{for(e=e.nextSibling,t=0;e;){if(8===e.nodeType){var n=e.data;if("/$"===n){if(0===t){oa=co(e.nextSibling);break e}t--}else"$"!==n&&"$!"!==n&&"$?"!==n||t++}e=e.nextSibling}oa=null}}else oa=ra?co(e.stateNode.nextSibling):null;return!0}function fa(){for(var e=oa;e;)e=co(e.nextSibling)}function ma(){oa=ra=null,aa=!1}function ha(e){null===ia?ia=[e]:ia.push(e)}var ga=w.ReactCurrentBatchConfig;function ba(e,t,n){if(null!==(e=n.ref)&&"function"!=typeof e&&"object"!=typeof e){if(n._owner){if(n=n._owner){if(1!==n.tag)throw Error(a(309));var r=n.stateNode}if(!r)throw Error(a(147,e));var o=r,i=""+e;return null!==t&&null!==t.ref&&"function"==typeof t.ref&&t.ref._stringRef===i?t.ref:(t=function(e){var t=o.refs;null===e?delete t[i]:t[i]=e},t._stringRef=i,t)}if("string"!=typeof e)throw Error(a(284));if(!n._owner)throw Error(a(290,e))}return e}function ya(e,t){throw e=Object.prototype.toString.call(t),Error(a(31,"[object Object]"===e?"object with keys {"+Object.keys(t).join(", ")+"}":e))}function va(e){return(0,e._init)(e._payload)}function wa(e){function t(t,n){if(e){var r=t.deletions;null===r?(t.deletions=[n],t.flags|=16):r.push(n)}}function n(n,r){if(!e)return null;for(;null!==r;)t(n,r),r=r.sibling;return null}function r(e,t){for(e=new Map;null!==t;)null!==t.key?e.set(t.key,t):e.set(t.index,t),t=t.sibling;return e}function o(e,t){return(e=Ic(e,t)).index=0,e.sibling=null,e}function i(t,n,r){return t.index=r,e?null!==(r=t.alternate)?(r=r.index)<n?(t.flags|=2,n):r:(t.flags|=2,n):(t.flags|=1048576,n)}function s(t){return e&&null===t.alternate&&(t.flags|=2),t}function l(e,t,n,r){return null===t||6!==t.tag?((t=Mc(n,e.mode,r)).return=e,t):((t=o(t,n)).return=e,t)}function c(e,t,n,r){var a=n.type;return a===k?d(e,t,n.props.children,r,n.key):null!==t&&(t.elementType===a||"object"==typeof a&&null!==a&&a.$$typeof===L&&va(a)===t.type)?((r=o(t,n.props)).ref=ba(e,t,n),r.return=e,r):((r=Rc(n.type,n.key,n.props,null,e.mode,r)).ref=ba(e,t,n),r.return=e,r)}function u(e,t,n,r){return null===t||4!==t.tag||t.stateNode.containerInfo!==n.containerInfo||t.stateNode.implementation!==n.implementation?((t=Fc(n,e.mode,r)).return=e,t):((t=o(t,n.children||[])).return=e,t)}function d(e,t,n,r,a){return null===t||7!==t.tag?((t=Nc(n,e.mode,r,a)).return=e,t):((t=o(t,n)).return=e,t)}function p(e,t,n){if("string"==typeof t&&""!==t||"number"==typeof t)return(t=Mc(""+t,e.mode,n)).return=e,t;if("object"==typeof t&&null!==t){switch(t.$$typeof){case S:return(n=Rc(t.type,t.key,t.props,null,e.mode,n)).ref=ba(e,null,t),n.return=e,n;case x:return(t=Fc(t,e.mode,n)).return=e,t;case L:return p(e,(0,t._init)(t._payload),n)}if(te(t)||N(t))return(t=Nc(t,e.mode,n,null)).return=e,t;ya(e,t)}return null}function f(e,t,n,r){var o=null!==t?t.key:null;if("string"==typeof n&&""!==n||"number"==typeof n)return null!==o?null:l(e,t,""+n,r);if("object"==typeof n&&null!==n){switch(n.$$typeof){case S:return n.key===o?c(e,t,n,r):null;case x:return n.key===o?u(e,t,n,r):null;case L:return f(e,t,(o=n._init)(n._payload),r)}if(te(n)||N(n))return null!==o?null:d(e,t,n,r,null);ya(e,n)}return null}function m(e,t,n,r,o){if("string"==typeof r&&""!==r||"number"==typeof r)return l(t,e=e.get(n)||null,""+r,o);if("object"==typeof r&&null!==r){switch(r.$$typeof){case S:return c(t,e=e.get(null===r.key?n:r.key)||null,r,o);case x:return u(t,e=e.get(null===r.key?n:r.key)||null,r,o);case L:return m(e,t,n,(0,r._init)(r._payload),o)}if(te(r)||N(r))return d(t,e=e.get(n)||null,r,o,null);ya(t,r)}return null}function h(o,a,s,l){for(var c=null,u=null,d=a,h=a=0,g=null;null!==d&&h<s.length;h++){d.index>h?(g=d,d=null):g=d.sibling;var b=f(o,d,s[h],l);if(null===b){null===d&&(d=g);break}e&&d&&null===b.alternate&&t(o,d),a=i(b,a,h),null===u?c=b:u.sibling=b,u=b,d=g}if(h===s.length)return n(o,d),aa&&Xo(o,h),c;if(null===d){for(;h<s.length;h++)null!==(d=p(o,s[h],l))&&(a=i(d,a,h),null===u?c=d:u.sibling=d,u=d);return aa&&Xo(o,h),c}for(d=r(o,d);h<s.length;h++)null!==(g=m(d,o,h,s[h],l))&&(e&&null!==g.alternate&&d.delete(null===g.key?h:g.key),a=i(g,a,h),null===u?c=g:u.sibling=g,u=g);return e&&d.forEach((function(e){return t(o,e)})),aa&&Xo(o,h),c}function g(o,s,l,c){var u=N(l);if("function"!=typeof u)throw Error(a(150));if(null==(l=u.call(l)))throw Error(a(151));for(var d=u=null,h=s,g=s=0,b=null,y=l.next();null!==h&&!y.done;g++,y=l.next()){h.index>g?(b=h,h=null):b=h.sibling;var v=f(o,h,y.value,c);if(null===v){null===h&&(h=b);break}e&&h&&null===v.alternate&&t(o,h),s=i(v,s,g),null===d?u=v:d.sibling=v,d=v,h=b}if(y.done)return n(o,h),aa&&Xo(o,g),u;if(null===h){for(;!y.done;g++,y=l.next())null!==(y=p(o,y.value,c))&&(s=i(y,s,g),null===d?u=y:d.sibling=y,d=y);return aa&&Xo(o,g),u}for(h=r(o,h);!y.done;g++,y=l.next())null!==(y=m(h,o,g,y.value,c))&&(e&&null!==y.alternate&&h.delete(null===y.key?g:y.key),s=i(y,s,g),null===d?u=y:d.sibling=y,d=y);return e&&h.forEach((function(e){return t(o,e)})),aa&&Xo(o,g),u}return function e(r,a,i,l){if("object"==typeof i&&null!==i&&i.type===k&&null===i.key&&(i=i.props.children),"object"==typeof i&&null!==i){switch(i.$$typeof){case S:e:{for(var c=i.key,u=a;null!==u;){if(u.key===c){if((c=i.type)===k){if(7===u.tag){n(r,u.sibling),(a=o(u,i.props.children)).return=r,r=a;break e}}else if(u.elementType===c||"object"==typeof c&&null!==c&&c.$$typeof===L&&va(c)===u.type){n(r,u.sibling),(a=o(u,i.props)).ref=ba(r,u,i),a.return=r,r=a;break e}n(r,u);break}t(r,u),u=u.sibling}i.type===k?((a=Nc(i.props.children,r.mode,l,i.key)).return=r,r=a):((l=Rc(i.type,i.key,i.props,null,r.mode,l)).ref=ba(r,a,i),l.return=r,r=l)}return s(r);case x:e:{for(u=i.key;null!==a;){if(a.key===u){if(4===a.tag&&a.stateNode.containerInfo===i.containerInfo&&a.stateNode.implementation===i.implementation){n(r,a.sibling),(a=o(a,i.children||[])).return=r,r=a;break e}n(r,a);break}t(r,a),a=a.sibling}(a=Fc(i,r.mode,l)).return=r,r=a}return s(r);case L:return e(r,a,(u=i._init)(i._payload),l)}if(te(i))return h(r,a,i,l);if(N(i))return g(r,a,i,l);ya(r,i)}return"string"==typeof i&&""!==i||"number"==typeof i?(i=""+i,null!==a&&6===a.tag?(n(r,a.sibling),(a=o(a,i)).return=r,r=a):(n(r,a),(a=Mc(i,r.mode,l)).return=r,r=a),s(r)):n(r,a)}}var Sa=wa(!0),xa=wa(!1),ka=_o(null),Ea=null,_a=null,Ca=null;function ja(){Ca=_a=Ea=null}function Aa(e){var t=ka.current;Co(ka),e._currentValue=t}function Oa(e,t,n){for(;null!==e;){var r=e.alternate;if((e.childLanes&t)!==t?(e.childLanes|=t,null!==r&&(r.childLanes|=t)):null!==r&&(r.childLanes&t)!==t&&(r.childLanes|=t),e===n)break;e=e.return}}function Ta(e,t){Ea=e,Ca=_a=null,null!==(e=e.dependencies)&&null!==e.firstContext&&(!!(e.lanes&t)&&(vs=!0),e.firstContext=null)}function Pa(e){var t=e._currentValue;if(Ca!==e)if(e={context:e,memoizedValue:t,next:null},null===_a){if(null===Ea)throw Error(a(308));_a=e,Ea.dependencies={lanes:0,firstContext:e}}else _a=_a.next=e;return t}var La=null;function Ia(e){null===La?La=[e]:La.push(e)}function Ra(e,t,n,r){var o=t.interleaved;return null===o?(n.next=n,Ia(t)):(n.next=o.next,o.next=n),t.interleaved=n,Na(e,r)}function Na(e,t){e.lanes|=t;var n=e.alternate;for(null!==n&&(n.lanes|=t),n=e,e=e.return;null!==e;)e.childLanes|=t,null!==(n=e.alternate)&&(n.childLanes|=t),n=e,e=e.return;return 3===n.tag?n.stateNode:null}var Da=!1;function Ma(e){e.updateQueue={baseState:e.memoizedState,firstBaseUpdate:null,lastBaseUpdate:null,shared:{pending:null,interleaved:null,lanes:0},effects:null}}function Fa(e,t){e=e.updateQueue,t.updateQueue===e&&(t.updateQueue={baseState:e.baseState,firstBaseUpdate:e.firstBaseUpdate,lastBaseUpdate:e.lastBaseUpdate,shared:e.shared,effects:e.effects})}function za(e,t){return{eventTime:e,lane:t,tag:0,payload:null,callback:null,next:null}}function Ba(e,t,n){var r=e.updateQueue;if(null===r)return null;if(r=r.shared,2&Al){var o=r.pending;return null===o?t.next=t:(t.next=o.next,o.next=t),r.pending=t,Na(e,n)}return null===(o=r.interleaved)?(t.next=t,Ia(r)):(t.next=o.next,o.next=t),r.interleaved=t,Na(e,n)}function Ua(e,t,n){if(null!==(t=t.updateQueue)&&(t=t.shared,4194240&n)){var r=t.lanes;n|=r&=e.pendingLanes,t.lanes=n,yt(e,n)}}function qa(e,t){var n=e.updateQueue,r=e.alternate;if(null!==r&&n===(r=r.updateQueue)){var o=null,a=null;if(null!==(n=n.firstBaseUpdate)){do{var i={eventTime:n.eventTime,lane:n.lane,tag:n.tag,payload:n.payload,callback:n.callback,next:null};null===a?o=a=i:a=a.next=i,n=n.next}while(null!==n);null===a?o=a=t:a=a.next=t}else o=a=t;return n={baseState:r.baseState,firstBaseUpdate:o,lastBaseUpdate:a,shared:r.shared,effects:r.effects},void(e.updateQueue=n)}null===(e=n.lastBaseUpdate)?n.firstBaseUpdate=t:e.next=t,n.lastBaseUpdate=t}function $a(e,t,n,r){var o=e.updateQueue;Da=!1;var a=o.firstBaseUpdate,i=o.lastBaseUpdate,s=o.shared.pending;if(null!==s){o.shared.pending=null;var l=s,c=l.next;l.next=null,null===i?a=c:i.next=c,i=l;var u=e.alternate;null!==u&&((s=(u=u.updateQueue).lastBaseUpdate)!==i&&(null===s?u.firstBaseUpdate=c:s.next=c,u.lastBaseUpdate=l))}if(null!==a){var d=o.baseState;for(i=0,u=c=l=null,s=a;;){var p=s.lane,f=s.eventTime;if((r&p)===p){null!==u&&(u=u.next={eventTime:f,lane:0,tag:s.tag,payload:s.payload,callback:s.callback,next:null});e:{var m=e,h=s;switch(p=t,f=n,h.tag){case 1:if("function"==typeof(m=h.payload)){d=m.call(f,d,p);break e}d=m;break e;case 3:m.flags=-65537&m.flags|128;case 0:if(null==(p="function"==typeof(m=h.payload)?m.call(f,d,p):m))break e;d=M({},d,p);break e;case 2:Da=!0}}null!==s.callback&&0!==s.lane&&(e.flags|=64,null===(p=o.effects)?o.effects=[s]:p.push(s))}else f={eventTime:f,lane:p,tag:s.tag,payload:s.payload,callback:s.callback,next:null},null===u?(c=u=f,l=d):u=u.next=f,i|=p;if(null===(s=s.next)){if(null===(s=o.shared.pending))break;s=(p=s).next,p.next=null,o.lastBaseUpdate=p,o.shared.pending=null}}if(null===u&&(l=d),o.baseState=l,o.firstBaseUpdate=c,o.lastBaseUpdate=u,null!==(t=o.shared.interleaved)){o=t;do{i|=o.lane,o=o.next}while(o!==t)}else null===a&&(o.shared.lanes=0);Dl|=i,e.lanes=i,e.memoizedState=d}}function Ha(e,t,n){if(e=t.effects,t.effects=null,null!==e)for(t=0;t<e.length;t++){var r=e[t],o=r.callback;if(null!==o){if(r.callback=null,r=n,"function"!=typeof o)throw Error(a(191,o));o.call(r)}}}var Va={},Ga=_o(Va),Wa=_o(Va),Ka=_o(Va);function Qa(e){if(e===Va)throw Error(a(174));return e}function Ya(e,t){switch(jo(Ka,t),jo(Wa,e),jo(Ga,Va),e=t.nodeType){case 9:case 11:t=(t=t.documentElement)?t.namespaceURI:le(null,"");break;default:t=le(t=(e=8===e?t.parentNode:t).namespaceURI||null,e=e.tagName)}Co(Ga),jo(Ga,t)}function Za(){Co(Ga),Co(Wa),Co(Ka)}function Ja(e){Qa(Ka.current);var t=Qa(Ga.current),n=le(t,e.type);t!==n&&(jo(Wa,e),jo(Ga,n))}function Xa(e){Wa.current===e&&(Co(Ga),Co(Wa))}var ei=_o(0);function ti(e){for(var t=e;null!==t;){if(13===t.tag){var n=t.memoizedState;if(null!==n&&(null===(n=n.dehydrated)||"$?"===n.data||"$!"===n.data))return t}else if(19===t.tag&&void 0!==t.memoizedProps.revealOrder){if(128&t.flags)return t}else if(null!==t.child){t.child.return=t,t=t.child;continue}if(t===e)break;for(;null===t.sibling;){if(null===t.return||t.return===e)return null;t=t.return}t.sibling.return=t.return,t=t.sibling}return null}var ni=[];function ri(){for(var e=0;e<ni.length;e++)ni[e]._workInProgressVersionPrimary=null;ni.length=0}var oi=w.ReactCurrentDispatcher,ai=w.ReactCurrentBatchConfig,ii=0,si=null,li=null,ci=null,ui=!1,di=!1,pi=0,fi=0;function mi(){throw Error(a(321))}function hi(e,t){if(null===t)return!1;for(var n=0;n<t.length&&n<e.length;n++)if(!sr(e[n],t[n]))return!1;return!0}function gi(e,t,n,r,o,i){if(ii=i,si=t,t.memoizedState=null,t.updateQueue=null,t.lanes=0,oi.current=null===e||null===e.memoizedState?Xi:es,e=n(r,o),di){i=0;do{if(di=!1,pi=0,25<=i)throw Error(a(301));i+=1,ci=li=null,t.updateQueue=null,oi.current=ts,e=n(r,o)}while(di)}if(oi.current=Ji,t=null!==li&&null!==li.next,ii=0,ci=li=si=null,ui=!1,t)throw Error(a(300));return e}function bi(){var e=0!==pi;return pi=0,e}function yi(){var e={memoizedState:null,baseState:null,baseQueue:null,queue:null,next:null};return null===ci?si.memoizedState=ci=e:ci=ci.next=e,ci}function vi(){if(null===li){var e=si.alternate;e=null!==e?e.memoizedState:null}else e=li.next;var t=null===ci?si.memoizedState:ci.next;if(null!==t)ci=t,li=e;else{if(null===e)throw Error(a(310));e={memoizedState:(li=e).memoizedState,baseState:li.baseState,baseQueue:li.baseQueue,queue:li.queue,next:null},null===ci?si.memoizedState=ci=e:ci=ci.next=e}return ci}function wi(e,t){return"function"==typeof t?t(e):t}function Si(e){var t=vi(),n=t.queue;if(null===n)throw Error(a(311));n.lastRenderedReducer=e;var r=li,o=r.baseQueue,i=n.pending;if(null!==i){if(null!==o){var s=o.next;o.next=i.next,i.next=s}r.baseQueue=o=i,n.pending=null}if(null!==o){i=o.next,r=r.baseState;var l=s=null,c=null,u=i;do{var d=u.lane;if((ii&d)===d)null!==c&&(c=c.next={lane:0,action:u.action,hasEagerState:u.hasEagerState,eagerState:u.eagerState,next:null}),r=u.hasEagerState?u.eagerState:e(r,u.action);else{var p={lane:d,action:u.action,hasEagerState:u.hasEagerState,eagerState:u.eagerState,next:null};null===c?(l=c=p,s=r):c=c.next=p,si.lanes|=d,Dl|=d}u=u.next}while(null!==u&&u!==i);null===c?s=r:c.next=l,sr(r,t.memoizedState)||(vs=!0),t.memoizedState=r,t.baseState=s,t.baseQueue=c,n.lastRenderedState=r}if(null!==(e=n.interleaved)){o=e;do{i=o.lane,si.lanes|=i,Dl|=i,o=o.next}while(o!==e)}else null===o&&(n.lanes=0);return[t.memoizedState,n.dispatch]}function xi(e){var t=vi(),n=t.queue;if(null===n)throw Error(a(311));n.lastRenderedReducer=e;var r=n.dispatch,o=n.pending,i=t.memoizedState;if(null!==o){n.pending=null;var s=o=o.next;do{i=e(i,s.action),s=s.next}while(s!==o);sr(i,t.memoizedState)||(vs=!0),t.memoizedState=i,null===t.baseQueue&&(t.baseState=i),n.lastRenderedState=i}return[i,r]}function ki(){}function Ei(e,t){var n=si,r=vi(),o=t(),i=!sr(r.memoizedState,o);if(i&&(r.memoizedState=o,vs=!0),r=r.queue,Di(ji.bind(null,n,r,e),[e]),r.getSnapshot!==t||i||null!==ci&&1&ci.memoizedState.tag){if(n.flags|=2048,Pi(9,Ci.bind(null,n,r,o,t),void 0,null),null===Ol)throw Error(a(349));30&ii||_i(n,t,o)}return o}function _i(e,t,n){e.flags|=16384,e={getSnapshot:t,value:n},null===(t=si.updateQueue)?(t={lastEffect:null,stores:null},si.updateQueue=t,t.stores=[e]):null===(n=t.stores)?t.stores=[e]:n.push(e)}function Ci(e,t,n,r){t.value=n,t.getSnapshot=r,Ai(t)&&Oi(e)}function ji(e,t,n){return n((function(){Ai(t)&&Oi(e)}))}function Ai(e){var t=e.getSnapshot;e=e.value;try{var n=t();return!sr(e,n)}catch(r){return!0}}function Oi(e){var t=Na(e,1);null!==t&&nc(t,e,1,-1)}function Ti(e){var t=yi();return"function"==typeof e&&(e=e()),t.memoizedState=t.baseState=e,e={pending:null,interleaved:null,lanes:0,dispatch:null,lastRenderedReducer:wi,lastRenderedState:e},t.queue=e,e=e.dispatch=Ki.bind(null,si,e),[t.memoizedState,e]}function Pi(e,t,n,r){return e={tag:e,create:t,destroy:n,deps:r,next:null},null===(t=si.updateQueue)?(t={lastEffect:null,stores:null},si.updateQueue=t,t.lastEffect=e.next=e):null===(n=t.lastEffect)?t.lastEffect=e.next=e:(r=n.next,n.next=e,e.next=r,t.lastEffect=e),e}function Li(){return vi().memoizedState}function Ii(e,t,n,r){var o=yi();si.flags|=e,o.memoizedState=Pi(1|t,n,void 0,void 0===r?null:r)}function Ri(e,t,n,r){var o=vi();r=void 0===r?null:r;var a=void 0;if(null!==li){var i=li.memoizedState;if(a=i.destroy,null!==r&&hi(r,i.deps))return void(o.memoizedState=Pi(t,n,a,r))}si.flags|=e,o.memoizedState=Pi(1|t,n,a,r)}function Ni(e,t){return Ii(8390656,8,e,t)}function Di(e,t){return Ri(2048,8,e,t)}function Mi(e,t){return Ri(4,2,e,t)}function Fi(e,t){return Ri(4,4,e,t)}function zi(e,t){return"function"==typeof t?(e=e(),t(e),function(){t(null)}):null!=t?(e=e(),t.current=e,function(){t.current=null}):void 0}function Bi(e,t,n){return n=null!=n?n.concat([e]):null,Ri(4,4,zi.bind(null,t,e),n)}function Ui(){}function qi(e,t){var n=vi();t=void 0===t?null:t;var r=n.memoizedState;return null!==r&&null!==t&&hi(t,r[1])?r[0]:(n.memoizedState=[e,t],e)}function $i(e,t){var n=vi();t=void 0===t?null:t;var r=n.memoizedState;return null!==r&&null!==t&&hi(t,r[1])?r[0]:(e=e(),n.memoizedState=[e,t],e)}function Hi(e,t,n){return 21&ii?(sr(n,t)||(n=ht(),si.lanes|=n,Dl|=n,e.baseState=!0),t):(e.baseState&&(e.baseState=!1,vs=!0),e.memoizedState=n)}function Vi(e,t){var n=vt;vt=0!==n&&4>n?n:4,e(!0);var r=ai.transition;ai.transition={};try{e(!1),t()}finally{vt=n,ai.transition=r}}function Gi(){return vi().memoizedState}function Wi(e,t,n){var r=tc(e);if(n={lane:r,action:n,hasEagerState:!1,eagerState:null,next:null},Qi(e))Yi(t,n);else if(null!==(n=Ra(e,t,n,r))){nc(n,e,r,ec()),Zi(n,t,r)}}function Ki(e,t,n){var r=tc(e),o={lane:r,action:n,hasEagerState:!1,eagerState:null,next:null};if(Qi(e))Yi(t,o);else{var a=e.alternate;if(0===e.lanes&&(null===a||0===a.lanes)&&null!==(a=t.lastRenderedReducer))try{var i=t.lastRenderedState,s=a(i,n);if(o.hasEagerState=!0,o.eagerState=s,sr(s,i)){var l=t.interleaved;return null===l?(o.next=o,Ia(t)):(o.next=l.next,l.next=o),void(t.interleaved=o)}}catch(c){}null!==(n=Ra(e,t,o,r))&&(nc(n,e,r,o=ec()),Zi(n,t,r))}}function Qi(e){var t=e.alternate;return e===si||null!==t&&t===si}function Yi(e,t){di=ui=!0;var n=e.pending;null===n?t.next=t:(t.next=n.next,n.next=t),e.pending=t}function Zi(e,t,n){if(4194240&n){var r=t.lanes;n|=r&=e.pendingLanes,t.lanes=n,yt(e,n)}}var Ji={readContext:Pa,useCallback:mi,useContext:mi,useEffect:mi,useImperativeHandle:mi,useInsertionEffect:mi,useLayoutEffect:mi,useMemo:mi,useReducer:mi,useRef:mi,useState:mi,useDebugValue:mi,useDeferredValue:mi,useTransition:mi,useMutableSource:mi,useSyncExternalStore:mi,useId:mi,unstable_isNewReconciler:!1},Xi={readContext:Pa,useCallback:function(e,t){return yi().memoizedState=[e,void 0===t?null:t],e},useContext:Pa,useEffect:Ni,useImperativeHandle:function(e,t,n){return n=null!=n?n.concat([e]):null,Ii(4194308,4,zi.bind(null,t,e),n)},useLayoutEffect:function(e,t){return Ii(4194308,4,e,t)},useInsertionEffect:function(e,t){return Ii(4,2,e,t)},useMemo:function(e,t){var n=yi();return t=void 0===t?null:t,e=e(),n.memoizedState=[e,t],e},useReducer:function(e,t,n){var r=yi();return t=void 0!==n?n(t):t,r.memoizedState=r.baseState=t,e={pending:null,interleaved:null,lanes:0,dispatch:null,lastRenderedReducer:e,lastRenderedState:t},r.queue=e,e=e.dispatch=Wi.bind(null,si,e),[r.memoizedState,e]},useRef:function(e){return e={current:e},yi().memoizedState=e},useState:Ti,useDebugValue:Ui,useDeferredValue:function(e){return yi().memoizedState=e},useTransition:function(){var e=Ti(!1),t=e[0];return e=Vi.bind(null,e[1]),yi().memoizedState=e,[t,e]},useMutableSource:function(){},useSyncExternalStore:function(e,t,n){var r=si,o=yi();if(aa){if(void 0===n)throw Error(a(407));n=n()}else{if(n=t(),null===Ol)throw Error(a(349));30&ii||_i(r,t,n)}o.memoizedState=n;var i={value:n,getSnapshot:t};return o.queue=i,Ni(ji.bind(null,r,i,e),[e]),r.flags|=2048,Pi(9,Ci.bind(null,r,i,n,t),void 0,null),n},useId:function(){var e=yi(),t=Ol.identifierPrefix;if(aa){var n=Jo;t=":"+t+"R"+(n=(Zo&~(1<<32-it(Zo)-1)).toString(32)+n),0<(n=pi++)&&(t+="H"+n.toString(32)),t+=":"}else t=":"+t+"r"+(n=fi++).toString(32)+":";return e.memoizedState=t},unstable_isNewReconciler:!1},es={readContext:Pa,useCallback:qi,useContext:Pa,useEffect:Di,useImperativeHandle:Bi,useInsertionEffect:Mi,useLayoutEffect:Fi,useMemo:$i,useReducer:Si,useRef:Li,useState:function(){return Si(wi)},useDebugValue:Ui,useDeferredValue:function(e){return Hi(vi(),li.memoizedState,e)},useTransition:function(){return[Si(wi)[0],vi().memoizedState]},useMutableSource:ki,useSyncExternalStore:Ei,useId:Gi,unstable_isNewReconciler:!1},ts={readContext:Pa,useCallback:qi,useContext:Pa,useEffect:Di,useImperativeHandle:Bi,useInsertionEffect:Mi,useLayoutEffect:Fi,useMemo:$i,useReducer:xi,useRef:Li,useState:function(){return xi(wi)},useDebugValue:Ui,useDeferredValue:function(e){var t=vi();return null===li?t.memoizedState=e:Hi(t,li.memoizedState,e)},useTransition:function(){return[xi(wi)[0],vi().memoizedState]},useMutableSource:ki,useSyncExternalStore:Ei,useId:Gi,unstable_isNewReconciler:!1};function ns(e,t){if(e&&e.defaultProps){for(var n in t=M({},t),e=e.defaultProps)void 0===t[n]&&(t[n]=e[n]);return t}return t}function rs(e,t,n,r){n=null==(n=n(r,t=e.memoizedState))?t:M({},t,n),e.memoizedState=n,0===e.lanes&&(e.updateQueue.baseState=n)}var os={isMounted:function(e){return!!(e=e._reactInternals)&&qe(e)===e},enqueueSetState:function(e,t,n){e=e._reactInternals;var r=ec(),o=tc(e),a=za(r,o);a.payload=t,null!=n&&(a.callback=n),null!==(t=Ba(e,a,o))&&(nc(t,e,o,r),Ua(t,e,o))},enqueueReplaceState:function(e,t,n){e=e._reactInternals;var r=ec(),o=tc(e),a=za(r,o);a.tag=1,a.payload=t,null!=n&&(a.callback=n),null!==(t=Ba(e,a,o))&&(nc(t,e,o,r),Ua(t,e,o))},enqueueForceUpdate:function(e,t){e=e._reactInternals;var n=ec(),r=tc(e),o=za(n,r);o.tag=2,null!=t&&(o.callback=t),null!==(t=Ba(e,o,r))&&(nc(t,e,r,n),Ua(t,e,r))}};function as(e,t,n,r,o,a,i){return"function"==typeof(e=e.stateNode).shouldComponentUpdate?e.shouldComponentUpdate(r,a,i):!t.prototype||!t.prototype.isPureReactComponent||(!lr(n,r)||!lr(o,a))}function is(e,t,n){var r=!1,o=Ao,a=t.contextType;return"object"==typeof a&&null!==a?a=Pa(a):(o=Io(t)?Po:Oo.current,a=(r=null!=(r=t.contextTypes))?Lo(e,o):Ao),t=new t(n,a),e.memoizedState=null!==t.state&&void 0!==t.state?t.state:null,t.updater=os,e.stateNode=t,t._reactInternals=e,r&&((e=e.stateNode).__reactInternalMemoizedUnmaskedChildContext=o,e.__reactInternalMemoizedMaskedChildContext=a),t}function ss(e,t,n,r){e=t.state,"function"==typeof t.componentWillReceiveProps&&t.componentWillReceiveProps(n,r),"function"==typeof t.UNSAFE_componentWillReceiveProps&&t.UNSAFE_componentWillReceiveProps(n,r),t.state!==e&&os.enqueueReplaceState(t,t.state,null)}function ls(e,t,n,r){var o=e.stateNode;o.props=n,o.state=e.memoizedState,o.refs={},Ma(e);var a=t.contextType;"object"==typeof a&&null!==a?o.context=Pa(a):(a=Io(t)?Po:Oo.current,o.context=Lo(e,a)),o.state=e.memoizedState,"function"==typeof(a=t.getDerivedStateFromProps)&&(rs(e,t,a,n),o.state=e.memoizedState),"function"==typeof t.getDerivedStateFromProps||"function"==typeof o.getSnapshotBeforeUpdate||"function"!=typeof o.UNSAFE_componentWillMount&&"function"!=typeof o.componentWillMount||(t=o.state,"function"==typeof o.componentWillMount&&o.componentWillMount(),"function"==typeof o.UNSAFE_componentWillMount&&o.UNSAFE_componentWillMount(),t!==o.state&&os.enqueueReplaceState(o,o.state,null),$a(e,n,o,r),o.state=e.memoizedState),"function"==typeof o.componentDidMount&&(e.flags|=4194308)}function cs(e,t){try{var n="",r=t;do{n+=U(r),r=r.return}while(r);var o=n}catch(a){o="\nError generating stack: "+a.message+"\n"+a.stack}return{value:e,source:t,stack:o,digest:null}}function us(e,t,n){return{value:e,source:null,stack:null!=n?n:null,digest:null!=t?t:null}}function ds(e,t){try{console.error(t.value)}catch(n){setTimeout((function(){throw n}))}}var ps="function"==typeof WeakMap?WeakMap:Map;function fs(e,t,n){(n=za(-1,n)).tag=3,n.payload={element:null};var r=t.value;return n.callback=function(){Hl||(Hl=!0,Vl=r),ds(0,t)},n}function ms(e,t,n){(n=za(-1,n)).tag=3;var r=e.type.getDerivedStateFromError;if("function"==typeof r){var o=t.value;n.payload=function(){return r(o)},n.callback=function(){ds(0,t)}}var a=e.stateNode;return null!==a&&"function"==typeof a.componentDidCatch&&(n.callback=function(){ds(0,t),"function"!=typeof r&&(null===Gl?Gl=new Set([this]):Gl.add(this));var e=t.stack;this.componentDidCatch(t.value,{componentStack:null!==e?e:""})}),n}function hs(e,t,n){var r=e.pingCache;if(null===r){r=e.pingCache=new ps;var o=new Set;r.set(t,o)}else void 0===(o=r.get(t))&&(o=new Set,r.set(t,o));o.has(n)||(o.add(n),e=_c.bind(null,e,t,n),t.then(e,e))}function gs(e){do{var t;if((t=13===e.tag)&&(t=null===(t=e.memoizedState)||null!==t.dehydrated),t)return e;e=e.return}while(null!==e);return null}function bs(e,t,n,r,o){return 1&e.mode?(e.flags|=65536,e.lanes=o,e):(e===t?e.flags|=65536:(e.flags|=128,n.flags|=131072,n.flags&=-52805,1===n.tag&&(null===n.alternate?n.tag=17:((t=za(-1,1)).tag=2,Ba(n,t,1))),n.lanes|=1),e)}var ys=w.ReactCurrentOwner,vs=!1;function ws(e,t,n,r){t.child=null===e?xa(t,null,n,r):Sa(t,e.child,n,r)}function Ss(e,t,n,r,o){n=n.render;var a=t.ref;return Ta(t,o),r=gi(e,t,n,r,a,o),n=bi(),null===e||vs?(aa&&n&&ta(t),t.flags|=1,ws(e,t,r,o),t.child):(t.updateQueue=e.updateQueue,t.flags&=-2053,e.lanes&=~o,Hs(e,t,o))}function xs(e,t,n,r,o){if(null===e){var a=n.type;return"function"!=typeof a||Lc(a)||void 0!==a.defaultProps||null!==n.compare||void 0!==n.defaultProps?((e=Rc(n.type,null,r,t,t.mode,o)).ref=t.ref,e.return=t,t.child=e):(t.tag=15,t.type=a,ks(e,t,a,r,o))}if(a=e.child,!(e.lanes&o)){var i=a.memoizedProps;if((n=null!==(n=n.compare)?n:lr)(i,r)&&e.ref===t.ref)return Hs(e,t,o)}return t.flags|=1,(e=Ic(a,r)).ref=t.ref,e.return=t,t.child=e}function ks(e,t,n,r,o){if(null!==e){var a=e.memoizedProps;if(lr(a,r)&&e.ref===t.ref){if(vs=!1,t.pendingProps=r=a,!(e.lanes&o))return t.lanes=e.lanes,Hs(e,t,o);131072&e.flags&&(vs=!0)}}return Cs(e,t,n,r,o)}function Es(e,t,n){var r=t.pendingProps,o=r.children,a=null!==e?e.memoizedState:null;if("hidden"===r.mode)if(1&t.mode){if(!(1073741824&n))return e=null!==a?a.baseLanes|n:n,t.lanes=t.childLanes=1073741824,t.memoizedState={baseLanes:e,cachePool:null,transitions:null},t.updateQueue=null,jo(Il,Ll),Ll|=e,null;t.memoizedState={baseLanes:0,cachePool:null,transitions:null},r=null!==a?a.baseLanes:n,jo(Il,Ll),Ll|=r}else t.memoizedState={baseLanes:0,cachePool:null,transitions:null},jo(Il,Ll),Ll|=n;else null!==a?(r=a.baseLanes|n,t.memoizedState=null):r=n,jo(Il,Ll),Ll|=r;return ws(e,t,o,n),t.child}function _s(e,t){var n=t.ref;(null===e&&null!==n||null!==e&&e.ref!==n)&&(t.flags|=512,t.flags|=2097152)}function Cs(e,t,n,r,o){var a=Io(n)?Po:Oo.current;return a=Lo(t,a),Ta(t,o),n=gi(e,t,n,r,a,o),r=bi(),null===e||vs?(aa&&r&&ta(t),t.flags|=1,ws(e,t,n,o),t.child):(t.updateQueue=e.updateQueue,t.flags&=-2053,e.lanes&=~o,Hs(e,t,o))}function js(e,t,n,r,o){if(Io(n)){var a=!0;Mo(t)}else a=!1;if(Ta(t,o),null===t.stateNode)$s(e,t),is(t,n,r),ls(t,n,r,o),r=!0;else if(null===e){var i=t.stateNode,s=t.memoizedProps;i.props=s;var l=i.context,c=n.contextType;"object"==typeof c&&null!==c?c=Pa(c):c=Lo(t,c=Io(n)?Po:Oo.current);var u=n.getDerivedStateFromProps,d="function"==typeof u||"function"==typeof i.getSnapshotBeforeUpdate;d||"function"!=typeof i.UNSAFE_componentWillReceiveProps&&"function"!=typeof i.componentWillReceiveProps||(s!==r||l!==c)&&ss(t,i,r,c),Da=!1;var p=t.memoizedState;i.state=p,$a(t,r,i,o),l=t.memoizedState,s!==r||p!==l||To.current||Da?("function"==typeof u&&(rs(t,n,u,r),l=t.memoizedState),(s=Da||as(t,n,s,r,p,l,c))?(d||"function"!=typeof i.UNSAFE_componentWillMount&&"function"!=typeof i.componentWillMount||("function"==typeof i.componentWillMount&&i.componentWillMount(),"function"==typeof i.UNSAFE_componentWillMount&&i.UNSAFE_componentWillMount()),"function"==typeof i.componentDidMount&&(t.flags|=4194308)):("function"==typeof i.componentDidMount&&(t.flags|=4194308),t.memoizedProps=r,t.memoizedState=l),i.props=r,i.state=l,i.context=c,r=s):("function"==typeof i.componentDidMount&&(t.flags|=4194308),r=!1)}else{i=t.stateNode,Fa(e,t),s=t.memoizedProps,c=t.type===t.elementType?s:ns(t.type,s),i.props=c,d=t.pendingProps,p=i.context,"object"==typeof(l=n.contextType)&&null!==l?l=Pa(l):l=Lo(t,l=Io(n)?Po:Oo.current);var f=n.getDerivedStateFromProps;(u="function"==typeof f||"function"==typeof i.getSnapshotBeforeUpdate)||"function"!=typeof i.UNSAFE_componentWillReceiveProps&&"function"!=typeof i.componentWillReceiveProps||(s!==d||p!==l)&&ss(t,i,r,l),Da=!1,p=t.memoizedState,i.state=p,$a(t,r,i,o);var m=t.memoizedState;s!==d||p!==m||To.current||Da?("function"==typeof f&&(rs(t,n,f,r),m=t.memoizedState),(c=Da||as(t,n,c,r,p,m,l)||!1)?(u||"function"!=typeof i.UNSAFE_componentWillUpdate&&"function"!=typeof i.componentWillUpdate||("function"==typeof i.componentWillUpdate&&i.componentWillUpdate(r,m,l),"function"==typeof i.UNSAFE_componentWillUpdate&&i.UNSAFE_componentWillUpdate(r,m,l)),"function"==typeof i.componentDidUpdate&&(t.flags|=4),"function"==typeof i.getSnapshotBeforeUpdate&&(t.flags|=1024)):("function"!=typeof i.componentDidUpdate||s===e.memoizedProps&&p===e.memoizedState||(t.flags|=4),"function"!=typeof i.getSnapshotBeforeUpdate||s===e.memoizedProps&&p===e.memoizedState||(t.flags|=1024),t.memoizedProps=r,t.memoizedState=m),i.props=r,i.state=m,i.context=l,r=c):("function"!=typeof i.componentDidUpdate||s===e.memoizedProps&&p===e.memoizedState||(t.flags|=4),"function"!=typeof i.getSnapshotBeforeUpdate||s===e.memoizedProps&&p===e.memoizedState||(t.flags|=1024),r=!1)}return As(e,t,n,r,a,o)}function As(e,t,n,r,o,a){_s(e,t);var i=!!(128&t.flags);if(!r&&!i)return o&&Fo(t,n,!1),Hs(e,t,a);r=t.stateNode,ys.current=t;var s=i&&"function"!=typeof n.getDerivedStateFromError?null:r.render();return t.flags|=1,null!==e&&i?(t.child=Sa(t,e.child,null,a),t.child=Sa(t,null,s,a)):ws(e,t,s,a),t.memoizedState=r.state,o&&Fo(t,n,!0),t.child}function Os(e){var t=e.stateNode;t.pendingContext?No(0,t.pendingContext,t.pendingContext!==t.context):t.context&&No(0,t.context,!1),Ya(e,t.containerInfo)}function Ts(e,t,n,r,o){return ma(),ha(o),t.flags|=256,ws(e,t,n,r),t.child}var Ps,Ls,Is,Rs,Ns={dehydrated:null,treeContext:null,retryLane:0};function Ds(e){return{baseLanes:e,cachePool:null,transitions:null}}function Ms(e,t,n){var r,o=t.pendingProps,i=ei.current,s=!1,l=!!(128&t.flags);if((r=l)||(r=(null===e||null!==e.memoizedState)&&!!(2&i)),r?(s=!0,t.flags&=-129):null!==e&&null===e.memoizedState||(i|=1),jo(ei,1&i),null===e)return ua(t),null!==(e=t.memoizedState)&&null!==(e=e.dehydrated)?(1&t.mode?"$!"===e.data?t.lanes=8:t.lanes=1073741824:t.lanes=1,null):(l=o.children,e=o.fallback,s?(o=t.mode,s=t.child,l={mode:"hidden",children:l},1&o||null===s?s=Dc(l,o,0,null):(s.childLanes=0,s.pendingProps=l),e=Nc(e,o,n,null),s.return=t,e.return=t,s.sibling=e,t.child=s,t.child.memoizedState=Ds(n),t.memoizedState=Ns,e):Fs(t,l));if(null!==(i=e.memoizedState)&&null!==(r=i.dehydrated))return function(e,t,n,r,o,i,s){if(n)return 256&t.flags?(t.flags&=-257,zs(e,t,s,r=us(Error(a(422))))):null!==t.memoizedState?(t.child=e.child,t.flags|=128,null):(i=r.fallback,o=t.mode,r=Dc({mode:"visible",children:r.children},o,0,null),(i=Nc(i,o,s,null)).flags|=2,r.return=t,i.return=t,r.sibling=i,t.child=r,1&t.mode&&Sa(t,e.child,null,s),t.child.memoizedState=Ds(s),t.memoizedState=Ns,i);if(!(1&t.mode))return zs(e,t,s,null);if("$!"===o.data){if(r=o.nextSibling&&o.nextSibling.dataset)var l=r.dgst;return r=l,zs(e,t,s,r=us(i=Error(a(419)),r,void 0))}if(l=!!(s&e.childLanes),vs||l){if(null!==(r=Ol)){switch(s&-s){case 4:o=2;break;case 16:o=8;break;case 64:case 128:case 256:case 512:case 1024:case 2048:case 4096:case 8192:case 16384:case 32768:case 65536:case 131072:case 262144:case 524288:case 1048576:case 2097152:case 4194304:case 8388608:case 16777216:case 33554432:case 67108864:o=32;break;case 536870912:o=268435456;break;default:o=0}0!==(o=o&(r.suspendedLanes|s)?0:o)&&o!==i.retryLane&&(i.retryLane=o,Na(e,o),nc(r,e,o,-1))}return hc(),zs(e,t,s,r=us(Error(a(421))))}return"$?"===o.data?(t.flags|=128,t.child=e.child,t=jc.bind(null,e),o._reactRetry=t,null):(e=i.treeContext,oa=co(o.nextSibling),ra=t,aa=!0,ia=null,null!==e&&(Ko[Qo++]=Zo,Ko[Qo++]=Jo,Ko[Qo++]=Yo,Zo=e.id,Jo=e.overflow,Yo=t),t=Fs(t,r.children),t.flags|=4096,t)}(e,t,l,o,r,i,n);if(s){s=o.fallback,l=t.mode,r=(i=e.child).sibling;var c={mode:"hidden",children:o.children};return 1&l||t.child===i?(o=Ic(i,c)).subtreeFlags=14680064&i.subtreeFlags:((o=t.child).childLanes=0,o.pendingProps=c,t.deletions=null),null!==r?s=Ic(r,s):(s=Nc(s,l,n,null)).flags|=2,s.return=t,o.return=t,o.sibling=s,t.child=o,o=s,s=t.child,l=null===(l=e.child.memoizedState)?Ds(n):{baseLanes:l.baseLanes|n,cachePool:null,transitions:l.transitions},s.memoizedState=l,s.childLanes=e.childLanes&~n,t.memoizedState=Ns,o}return e=(s=e.child).sibling,o=Ic(s,{mode:"visible",children:o.children}),!(1&t.mode)&&(o.lanes=n),o.return=t,o.sibling=null,null!==e&&(null===(n=t.deletions)?(t.deletions=[e],t.flags|=16):n.push(e)),t.child=o,t.memoizedState=null,o}function Fs(e,t){return(t=Dc({mode:"visible",children:t},e.mode,0,null)).return=e,e.child=t}function zs(e,t,n,r){return null!==r&&ha(r),Sa(t,e.child,null,n),(e=Fs(t,t.pendingProps.children)).flags|=2,t.memoizedState=null,e}function Bs(e,t,n){e.lanes|=t;var r=e.alternate;null!==r&&(r.lanes|=t),Oa(e.return,t,n)}function Us(e,t,n,r,o){var a=e.memoizedState;null===a?e.memoizedState={isBackwards:t,rendering:null,renderingStartTime:0,last:r,tail:n,tailMode:o}:(a.isBackwards=t,a.rendering=null,a.renderingStartTime=0,a.last=r,a.tail=n,a.tailMode=o)}function qs(e,t,n){var r=t.pendingProps,o=r.revealOrder,a=r.tail;if(ws(e,t,r.children,n),2&(r=ei.current))r=1&r|2,t.flags|=128;else{if(null!==e&&128&e.flags)e:for(e=t.child;null!==e;){if(13===e.tag)null!==e.memoizedState&&Bs(e,n,t);else if(19===e.tag)Bs(e,n,t);else if(null!==e.child){e.child.return=e,e=e.child;continue}if(e===t)break e;for(;null===e.sibling;){if(null===e.return||e.return===t)break e;e=e.return}e.sibling.return=e.return,e=e.sibling}r&=1}if(jo(ei,r),1&t.mode)switch(o){case"forwards":for(n=t.child,o=null;null!==n;)null!==(e=n.alternate)&&null===ti(e)&&(o=n),n=n.sibling;null===(n=o)?(o=t.child,t.child=null):(o=n.sibling,n.sibling=null),Us(t,!1,o,n,a);break;case"backwards":for(n=null,o=t.child,t.child=null;null!==o;){if(null!==(e=o.alternate)&&null===ti(e)){t.child=o;break}e=o.sibling,o.sibling=n,n=o,o=e}Us(t,!0,n,null,a);break;case"together":Us(t,!1,null,null,void 0);break;default:t.memoizedState=null}else t.memoizedState=null;return t.child}function $s(e,t){!(1&t.mode)&&null!==e&&(e.alternate=null,t.alternate=null,t.flags|=2)}function Hs(e,t,n){if(null!==e&&(t.dependencies=e.dependencies),Dl|=t.lanes,!(n&t.childLanes))return null;if(null!==e&&t.child!==e.child)throw Error(a(153));if(null!==t.child){for(n=Ic(e=t.child,e.pendingProps),t.child=n,n.return=t;null!==e.sibling;)e=e.sibling,(n=n.sibling=Ic(e,e.pendingProps)).return=t;n.sibling=null}return t.child}function Vs(e,t){if(!aa)switch(e.tailMode){case"hidden":t=e.tail;for(var n=null;null!==t;)null!==t.alternate&&(n=t),t=t.sibling;null===n?e.tail=null:n.sibling=null;break;case"collapsed":n=e.tail;for(var r=null;null!==n;)null!==n.alternate&&(r=n),n=n.sibling;null===r?t||null===e.tail?e.tail=null:e.tail.sibling=null:r.sibling=null}}function Gs(e){var t=null!==e.alternate&&e.alternate.child===e.child,n=0,r=0;if(t)for(var o=e.child;null!==o;)n|=o.lanes|o.childLanes,r|=14680064&o.subtreeFlags,r|=14680064&o.flags,o.return=e,o=o.sibling;else for(o=e.child;null!==o;)n|=o.lanes|o.childLanes,r|=o.subtreeFlags,r|=o.flags,o.return=e,o=o.sibling;return e.subtreeFlags|=r,e.childLanes=n,t}function Ws(e,t,n){var r=t.pendingProps;switch(na(t),t.tag){case 2:case 16:case 15:case 0:case 11:case 7:case 8:case 12:case 9:case 14:return Gs(t),null;case 1:case 17:return Io(t.type)&&Ro(),Gs(t),null;case 3:return r=t.stateNode,Za(),Co(To),Co(Oo),ri(),r.pendingContext&&(r.context=r.pendingContext,r.pendingContext=null),null!==e&&null!==e.child||(pa(t)?t.flags|=4:null===e||e.memoizedState.isDehydrated&&!(256&t.flags)||(t.flags|=1024,null!==ia&&(ic(ia),ia=null))),Ls(e,t),Gs(t),null;case 5:Xa(t);var o=Qa(Ka.current);if(n=t.type,null!==e&&null!=t.stateNode)Is(e,t,n,r,o),e.ref!==t.ref&&(t.flags|=512,t.flags|=2097152);else{if(!r){if(null===t.stateNode)throw Error(a(166));return Gs(t),null}if(e=Qa(Ga.current),pa(t)){r=t.stateNode,n=t.type;var i=t.memoizedProps;switch(r[fo]=t,r[mo]=i,e=!!(1&t.mode),n){case"dialog":zr("cancel",r),zr("close",r);break;case"iframe":case"object":case"embed":zr("load",r);break;case"video":case"audio":for(o=0;o<Nr.length;o++)zr(Nr[o],r);break;case"source":zr("error",r);break;case"img":case"image":case"link":zr("error",r),zr("load",r);break;case"details":zr("toggle",r);break;case"input":Y(r,i),zr("invalid",r);break;case"select":r._wrapperState={wasMultiple:!!i.multiple},zr("invalid",r);break;case"textarea":oe(r,i),zr("invalid",r)}for(var l in ye(n,i),o=null,i)if(i.hasOwnProperty(l)){var c=i[l];"children"===l?"string"==typeof c?r.textContent!==c&&(!0!==i.suppressHydrationWarning&&Jr(r.textContent,c,e),o=["children",c]):"number"==typeof c&&r.textContent!==""+c&&(!0!==i.suppressHydrationWarning&&Jr(r.textContent,c,e),o=["children",""+c]):s.hasOwnProperty(l)&&null!=c&&"onScroll"===l&&zr("scroll",r)}switch(n){case"input":G(r),X(r,i,!0);break;case"textarea":G(r),ie(r);break;case"select":case"option":break;default:"function"==typeof i.onClick&&(r.onclick=Xr)}r=o,t.updateQueue=r,null!==r&&(t.flags|=4)}else{l=9===o.nodeType?o:o.ownerDocument,"http://www.w3.org/1999/xhtml"===e&&(e=se(n)),"http://www.w3.org/1999/xhtml"===e?"script"===n?((e=l.createElement("div")).innerHTML="<script><\/script>",e=e.removeChild(e.firstChild)):"string"==typeof r.is?e=l.createElement(n,{is:r.is}):(e=l.createElement(n),"select"===n&&(l=e,r.multiple?l.multiple=!0:r.size&&(l.size=r.size))):e=l.createElementNS(e,n),e[fo]=t,e[mo]=r,Ps(e,t,!1,!1),t.stateNode=e;e:{switch(l=ve(n,r),n){case"dialog":zr("cancel",e),zr("close",e),o=r;break;case"iframe":case"object":case"embed":zr("load",e),o=r;break;case"video":case"audio":for(o=0;o<Nr.length;o++)zr(Nr[o],e);o=r;break;case"source":zr("error",e),o=r;break;case"img":case"image":case"link":zr("error",e),zr("load",e),o=r;break;case"details":zr("toggle",e),o=r;break;case"input":Y(e,r),o=Q(e,r),zr("invalid",e);break;case"option":default:o=r;break;case"select":e._wrapperState={wasMultiple:!!r.multiple},o=M({},r,{value:void 0}),zr("invalid",e);break;case"textarea":oe(e,r),o=re(e,r),zr("invalid",e)}for(i in ye(n,o),c=o)if(c.hasOwnProperty(i)){var u=c[i];"style"===i?ge(e,u):"dangerouslySetInnerHTML"===i?null!=(u=u?u.__html:void 0)&&de(e,u):"children"===i?"string"==typeof u?("textarea"!==n||""!==u)&&pe(e,u):"number"==typeof u&&pe(e,""+u):"suppressContentEditableWarning"!==i&&"suppressHydrationWarning"!==i&&"autoFocus"!==i&&(s.hasOwnProperty(i)?null!=u&&"onScroll"===i&&zr("scroll",e):null!=u&&v(e,i,u,l))}switch(n){case"input":G(e),X(e,r,!1);break;case"textarea":G(e),ie(e);break;case"option":null!=r.value&&e.setAttribute("value",""+H(r.value));break;case"select":e.multiple=!!r.multiple,null!=(i=r.value)?ne(e,!!r.multiple,i,!1):null!=r.defaultValue&&ne(e,!!r.multiple,r.defaultValue,!0);break;default:"function"==typeof o.onClick&&(e.onclick=Xr)}switch(n){case"button":case"input":case"select":case"textarea":r=!!r.autoFocus;break e;case"img":r=!0;break e;default:r=!1}}r&&(t.flags|=4)}null!==t.ref&&(t.flags|=512,t.flags|=2097152)}return Gs(t),null;case 6:if(e&&null!=t.stateNode)Rs(e,t,e.memoizedProps,r);else{if("string"!=typeof r&&null===t.stateNode)throw Error(a(166));if(n=Qa(Ka.current),Qa(Ga.current),pa(t)){if(r=t.stateNode,n=t.memoizedProps,r[fo]=t,(i=r.nodeValue!==n)&&null!==(e=ra))switch(e.tag){case 3:Jr(r.nodeValue,n,!!(1&e.mode));break;case 5:!0!==e.memoizedProps.suppressHydrationWarning&&Jr(r.nodeValue,n,!!(1&e.mode))}i&&(t.flags|=4)}else(r=(9===n.nodeType?n:n.ownerDocument).createTextNode(r))[fo]=t,t.stateNode=r}return Gs(t),null;case 13:if(Co(ei),r=t.memoizedState,null===e||null!==e.memoizedState&&null!==e.memoizedState.dehydrated){if(aa&&null!==oa&&1&t.mode&&!(128&t.flags))fa(),ma(),t.flags|=98560,i=!1;else if(i=pa(t),null!==r&&null!==r.dehydrated){if(null===e){if(!i)throw Error(a(318));if(!(i=null!==(i=t.memoizedState)?i.dehydrated:null))throw Error(a(317));i[fo]=t}else ma(),!(128&t.flags)&&(t.memoizedState=null),t.flags|=4;Gs(t),i=!1}else null!==ia&&(ic(ia),ia=null),i=!0;if(!i)return 65536&t.flags?t:null}return 128&t.flags?(t.lanes=n,t):((r=null!==r)!==(null!==e&&null!==e.memoizedState)&&r&&(t.child.flags|=8192,1&t.mode&&(null===e||1&ei.current?0===Rl&&(Rl=3):hc())),null!==t.updateQueue&&(t.flags|=4),Gs(t),null);case 4:return Za(),Ls(e,t),null===e&&qr(t.stateNode.containerInfo),Gs(t),null;case 10:return Aa(t.type._context),Gs(t),null;case 19:if(Co(ei),null===(i=t.memoizedState))return Gs(t),null;if(r=!!(128&t.flags),null===(l=i.rendering))if(r)Vs(i,!1);else{if(0!==Rl||null!==e&&128&e.flags)for(e=t.child;null!==e;){if(null!==(l=ti(e))){for(t.flags|=128,Vs(i,!1),null!==(r=l.updateQueue)&&(t.updateQueue=r,t.flags|=4),t.subtreeFlags=0,r=n,n=t.child;null!==n;)e=r,(i=n).flags&=14680066,null===(l=i.alternate)?(i.childLanes=0,i.lanes=e,i.child=null,i.subtreeFlags=0,i.memoizedProps=null,i.memoizedState=null,i.updateQueue=null,i.dependencies=null,i.stateNode=null):(i.childLanes=l.childLanes,i.lanes=l.lanes,i.child=l.child,i.subtreeFlags=0,i.deletions=null,i.memoizedProps=l.memoizedProps,i.memoizedState=l.memoizedState,i.updateQueue=l.updateQueue,i.type=l.type,e=l.dependencies,i.dependencies=null===e?null:{lanes:e.lanes,firstContext:e.firstContext}),n=n.sibling;return jo(ei,1&ei.current|2),t.child}e=e.sibling}null!==i.tail&&Ze()>ql&&(t.flags|=128,r=!0,Vs(i,!1),t.lanes=4194304)}else{if(!r)if(null!==(e=ti(l))){if(t.flags|=128,r=!0,null!==(n=e.updateQueue)&&(t.updateQueue=n,t.flags|=4),Vs(i,!0),null===i.tail&&"hidden"===i.tailMode&&!l.alternate&&!aa)return Gs(t),null}else 2*Ze()-i.renderingStartTime>ql&&1073741824!==n&&(t.flags|=128,r=!0,Vs(i,!1),t.lanes=4194304);i.isBackwards?(l.sibling=t.child,t.child=l):(null!==(n=i.last)?n.sibling=l:t.child=l,i.last=l)}return null!==i.tail?(t=i.tail,i.rendering=t,i.tail=t.sibling,i.renderingStartTime=Ze(),t.sibling=null,n=ei.current,jo(ei,r?1&n|2:1&n),t):(Gs(t),null);case 22:case 23:return dc(),r=null!==t.memoizedState,null!==e&&null!==e.memoizedState!==r&&(t.flags|=8192),r&&1&t.mode?!!(1073741824&Ll)&&(Gs(t),6&t.subtreeFlags&&(t.flags|=8192)):Gs(t),null;case 24:case 25:return null}throw Error(a(156,t.tag))}function Ks(e,t){switch(na(t),t.tag){case 1:return Io(t.type)&&Ro(),65536&(e=t.flags)?(t.flags=-65537&e|128,t):null;case 3:return Za(),Co(To),Co(Oo),ri(),65536&(e=t.flags)&&!(128&e)?(t.flags=-65537&e|128,t):null;case 5:return Xa(t),null;case 13:if(Co(ei),null!==(e=t.memoizedState)&&null!==e.dehydrated){if(null===t.alternate)throw Error(a(340));ma()}return 65536&(e=t.flags)?(t.flags=-65537&e|128,t):null;case 19:return Co(ei),null;case 4:return Za(),null;case 10:return Aa(t.type._context),null;case 22:case 23:return dc(),null;default:return null}}Ps=function(e,t){for(var n=t.child;null!==n;){if(5===n.tag||6===n.tag)e.appendChild(n.stateNode);else if(4!==n.tag&&null!==n.child){n.child.return=n,n=n.child;continue}if(n===t)break;for(;null===n.sibling;){if(null===n.return||n.return===t)return;n=n.return}n.sibling.return=n.return,n=n.sibling}},Ls=function(){},Is=function(e,t,n,r){var o=e.memoizedProps;if(o!==r){e=t.stateNode,Qa(Ga.current);var a,i=null;switch(n){case"input":o=Q(e,o),r=Q(e,r),i=[];break;case"select":o=M({},o,{value:void 0}),r=M({},r,{value:void 0}),i=[];break;case"textarea":o=re(e,o),r=re(e,r),i=[];break;default:"function"!=typeof o.onClick&&"function"==typeof r.onClick&&(e.onclick=Xr)}for(u in ye(n,r),n=null,o)if(!r.hasOwnProperty(u)&&o.hasOwnProperty(u)&&null!=o[u])if("style"===u){var l=o[u];for(a in l)l.hasOwnProperty(a)&&(n||(n={}),n[a]="")}else"dangerouslySetInnerHTML"!==u&&"children"!==u&&"suppressContentEditableWarning"!==u&&"suppressHydrationWarning"!==u&&"autoFocus"!==u&&(s.hasOwnProperty(u)?i||(i=[]):(i=i||[]).push(u,null));for(u in r){var c=r[u];if(l=null!=o?o[u]:void 0,r.hasOwnProperty(u)&&c!==l&&(null!=c||null!=l))if("style"===u)if(l){for(a in l)!l.hasOwnProperty(a)||c&&c.hasOwnProperty(a)||(n||(n={}),n[a]="");for(a in c)c.hasOwnProperty(a)&&l[a]!==c[a]&&(n||(n={}),n[a]=c[a])}else n||(i||(i=[]),i.push(u,n)),n=c;else"dangerouslySetInnerHTML"===u?(c=c?c.__html:void 0,l=l?l.__html:void 0,null!=c&&l!==c&&(i=i||[]).push(u,c)):"children"===u?"string"!=typeof c&&"number"!=typeof c||(i=i||[]).push(u,""+c):"suppressContentEditableWarning"!==u&&"suppressHydrationWarning"!==u&&(s.hasOwnProperty(u)?(null!=c&&"onScroll"===u&&zr("scroll",e),i||l===c||(i=[])):(i=i||[]).push(u,c))}n&&(i=i||[]).push("style",n);var u=i;(t.updateQueue=u)&&(t.flags|=4)}},Rs=function(e,t,n,r){n!==r&&(t.flags|=4)};var Qs=!1,Ys=!1,Zs="function"==typeof WeakSet?WeakSet:Set,Js=null;function Xs(e,t){var n=e.ref;if(null!==n)if("function"==typeof n)try{n(null)}catch(r){Ec(e,t,r)}else n.current=null}function el(e,t,n){try{n()}catch(r){Ec(e,t,r)}}var tl=!1;function nl(e,t,n){var r=t.updateQueue;if(null!==(r=null!==r?r.lastEffect:null)){var o=r=r.next;do{if((o.tag&e)===e){var a=o.destroy;o.destroy=void 0,void 0!==a&&el(t,n,a)}o=o.next}while(o!==r)}}function rl(e,t){if(null!==(t=null!==(t=t.updateQueue)?t.lastEffect:null)){var n=t=t.next;do{if((n.tag&e)===e){var r=n.create;n.destroy=r()}n=n.next}while(n!==t)}}function ol(e){var t=e.ref;if(null!==t){var n=e.stateNode;e.tag,e=n,"function"==typeof t?t(e):t.current=e}}function al(e){var t=e.alternate;null!==t&&(e.alternate=null,al(t)),e.child=null,e.deletions=null,e.sibling=null,5===e.tag&&(null!==(t=e.stateNode)&&(delete t[fo],delete t[mo],delete t[go],delete t[bo],delete t[yo])),e.stateNode=null,e.return=null,e.dependencies=null,e.memoizedProps=null,e.memoizedState=null,e.pendingProps=null,e.stateNode=null,e.updateQueue=null}function il(e){return 5===e.tag||3===e.tag||4===e.tag}function sl(e){e:for(;;){for(;null===e.sibling;){if(null===e.return||il(e.return))return null;e=e.return}for(e.sibling.return=e.return,e=e.sibling;5!==e.tag&&6!==e.tag&&18!==e.tag;){if(2&e.flags)continue e;if(null===e.child||4===e.tag)continue e;e.child.return=e,e=e.child}if(!(2&e.flags))return e.stateNode}}function ll(e,t,n){var r=e.tag;if(5===r||6===r)e=e.stateNode,t?8===n.nodeType?n.parentNode.insertBefore(e,t):n.insertBefore(e,t):(8===n.nodeType?(t=n.parentNode).insertBefore(e,n):(t=n).appendChild(e),null!=(n=n._reactRootContainer)||null!==t.onclick||(t.onclick=Xr));else if(4!==r&&null!==(e=e.child))for(ll(e,t,n),e=e.sibling;null!==e;)ll(e,t,n),e=e.sibling}function cl(e,t,n){var r=e.tag;if(5===r||6===r)e=e.stateNode,t?n.insertBefore(e,t):n.appendChild(e);else if(4!==r&&null!==(e=e.child))for(cl(e,t,n),e=e.sibling;null!==e;)cl(e,t,n),e=e.sibling}var ul=null,dl=!1;function pl(e,t,n){for(n=n.child;null!==n;)fl(e,t,n),n=n.sibling}function fl(e,t,n){if(at&&"function"==typeof at.onCommitFiberUnmount)try{at.onCommitFiberUnmount(ot,n)}catch(s){}switch(n.tag){case 5:Ys||Xs(n,t);case 6:var r=ul,o=dl;ul=null,pl(e,t,n),dl=o,null!==(ul=r)&&(dl?(e=ul,n=n.stateNode,8===e.nodeType?e.parentNode.removeChild(n):e.removeChild(n)):ul.removeChild(n.stateNode));break;case 18:null!==ul&&(dl?(e=ul,n=n.stateNode,8===e.nodeType?lo(e.parentNode,n):1===e.nodeType&&lo(e,n),qt(e)):lo(ul,n.stateNode));break;case 4:r=ul,o=dl,ul=n.stateNode.containerInfo,dl=!0,pl(e,t,n),ul=r,dl=o;break;case 0:case 11:case 14:case 15:if(!Ys&&(null!==(r=n.updateQueue)&&null!==(r=r.lastEffect))){o=r=r.next;do{var a=o,i=a.destroy;a=a.tag,void 0!==i&&(2&a||4&a)&&el(n,t,i),o=o.next}while(o!==r)}pl(e,t,n);break;case 1:if(!Ys&&(Xs(n,t),"function"==typeof(r=n.stateNode).componentWillUnmount))try{r.props=n.memoizedProps,r.state=n.memoizedState,r.componentWillUnmount()}catch(s){Ec(n,t,s)}pl(e,t,n);break;case 21:pl(e,t,n);break;case 22:1&n.mode?(Ys=(r=Ys)||null!==n.memoizedState,pl(e,t,n),Ys=r):pl(e,t,n);break;default:pl(e,t,n)}}function ml(e){var t=e.updateQueue;if(null!==t){e.updateQueue=null;var n=e.stateNode;null===n&&(n=e.stateNode=new Zs),t.forEach((function(t){var r=Ac.bind(null,e,t);n.has(t)||(n.add(t),t.then(r,r))}))}}function hl(e,t){var n=t.deletions;if(null!==n)for(var r=0;r<n.length;r++){var o=n[r];try{var i=e,s=t,l=s;e:for(;null!==l;){switch(l.tag){case 5:ul=l.stateNode,dl=!1;break e;case 3:case 4:ul=l.stateNode.containerInfo,dl=!0;break e}l=l.return}if(null===ul)throw Error(a(160));fl(i,s,o),ul=null,dl=!1;var c=o.alternate;null!==c&&(c.return=null),o.return=null}catch(u){Ec(o,t,u)}}if(12854&t.subtreeFlags)for(t=t.child;null!==t;)gl(t,e),t=t.sibling}function gl(e,t){var n=e.alternate,r=e.flags;switch(e.tag){case 0:case 11:case 14:case 15:if(hl(t,e),bl(e),4&r){try{nl(3,e,e.return),rl(3,e)}catch(g){Ec(e,e.return,g)}try{nl(5,e,e.return)}catch(g){Ec(e,e.return,g)}}break;case 1:hl(t,e),bl(e),512&r&&null!==n&&Xs(n,n.return);break;case 5:if(hl(t,e),bl(e),512&r&&null!==n&&Xs(n,n.return),32&e.flags){var o=e.stateNode;try{pe(o,"")}catch(g){Ec(e,e.return,g)}}if(4&r&&null!=(o=e.stateNode)){var i=e.memoizedProps,s=null!==n?n.memoizedProps:i,l=e.type,c=e.updateQueue;if(e.updateQueue=null,null!==c)try{"input"===l&&"radio"===i.type&&null!=i.name&&Z(o,i),ve(l,s);var u=ve(l,i);for(s=0;s<c.length;s+=2){var d=c[s],p=c[s+1];"style"===d?ge(o,p):"dangerouslySetInnerHTML"===d?de(o,p):"children"===d?pe(o,p):v(o,d,p,u)}switch(l){case"input":J(o,i);break;case"textarea":ae(o,i);break;case"select":var f=o._wrapperState.wasMultiple;o._wrapperState.wasMultiple=!!i.multiple;var m=i.value;null!=m?ne(o,!!i.multiple,m,!1):f!==!!i.multiple&&(null!=i.defaultValue?ne(o,!!i.multiple,i.defaultValue,!0):ne(o,!!i.multiple,i.multiple?[]:"",!1))}o[mo]=i}catch(g){Ec(e,e.return,g)}}break;case 6:if(hl(t,e),bl(e),4&r){if(null===e.stateNode)throw Error(a(162));o=e.stateNode,i=e.memoizedProps;try{o.nodeValue=i}catch(g){Ec(e,e.return,g)}}break;case 3:if(hl(t,e),bl(e),4&r&&null!==n&&n.memoizedState.isDehydrated)try{qt(t.containerInfo)}catch(g){Ec(e,e.return,g)}break;case 4:default:hl(t,e),bl(e);break;case 13:hl(t,e),bl(e),8192&(o=e.child).flags&&(i=null!==o.memoizedState,o.stateNode.isHidden=i,!i||null!==o.alternate&&null!==o.alternate.memoizedState||(Ul=Ze())),4&r&&ml(e);break;case 22:if(d=null!==n&&null!==n.memoizedState,1&e.mode?(Ys=(u=Ys)||d,hl(t,e),Ys=u):hl(t,e),bl(e),8192&r){if(u=null!==e.memoizedState,(e.stateNode.isHidden=u)&&!d&&1&e.mode)for(Js=e,d=e.child;null!==d;){for(p=Js=d;null!==Js;){switch(m=(f=Js).child,f.tag){case 0:case 11:case 14:case 15:nl(4,f,f.return);break;case 1:Xs(f,f.return);var h=f.stateNode;if("function"==typeof h.componentWillUnmount){r=f,n=f.return;try{t=r,h.props=t.memoizedProps,h.state=t.memoizedState,h.componentWillUnmount()}catch(g){Ec(r,n,g)}}break;case 5:Xs(f,f.return);break;case 22:if(null!==f.memoizedState){Sl(p);continue}}null!==m?(m.return=f,Js=m):Sl(p)}d=d.sibling}e:for(d=null,p=e;;){if(5===p.tag){if(null===d){d=p;try{o=p.stateNode,u?"function"==typeof(i=o.style).setProperty?i.setProperty("display","none","important"):i.display="none":(l=p.stateNode,s=null!=(c=p.memoizedProps.style)&&c.hasOwnProperty("display")?c.display:null,l.style.display=he("display",s))}catch(g){Ec(e,e.return,g)}}}else if(6===p.tag){if(null===d)try{p.stateNode.nodeValue=u?"":p.memoizedProps}catch(g){Ec(e,e.return,g)}}else if((22!==p.tag&&23!==p.tag||null===p.memoizedState||p===e)&&null!==p.child){p.child.return=p,p=p.child;continue}if(p===e)break e;for(;null===p.sibling;){if(null===p.return||p.return===e)break e;d===p&&(d=null),p=p.return}d===p&&(d=null),p.sibling.return=p.return,p=p.sibling}}break;case 19:hl(t,e),bl(e),4&r&&ml(e);case 21:}}function bl(e){var t=e.flags;if(2&t){try{e:{for(var n=e.return;null!==n;){if(il(n)){var r=n;break e}n=n.return}throw Error(a(160))}switch(r.tag){case 5:var o=r.stateNode;32&r.flags&&(pe(o,""),r.flags&=-33),cl(e,sl(e),o);break;case 3:case 4:var i=r.stateNode.containerInfo;ll(e,sl(e),i);break;default:throw Error(a(161))}}catch(s){Ec(e,e.return,s)}e.flags&=-3}4096&t&&(e.flags&=-4097)}function yl(e,t,n){Js=e,vl(e,t,n)}function vl(e,t,n){for(var r=!!(1&e.mode);null!==Js;){var o=Js,a=o.child;if(22===o.tag&&r){var i=null!==o.memoizedState||Qs;if(!i){var s=o.alternate,l=null!==s&&null!==s.memoizedState||Ys;s=Qs;var c=Ys;if(Qs=i,(Ys=l)&&!c)for(Js=o;null!==Js;)l=(i=Js).child,22===i.tag&&null!==i.memoizedState?xl(o):null!==l?(l.return=i,Js=l):xl(o);for(;null!==a;)Js=a,vl(a,t,n),a=a.sibling;Js=o,Qs=s,Ys=c}wl(e)}else 8772&o.subtreeFlags&&null!==a?(a.return=o,Js=a):wl(e)}}function wl(e){for(;null!==Js;){var t=Js;if(8772&t.flags){var n=t.alternate;try{if(8772&t.flags)switch(t.tag){case 0:case 11:case 15:Ys||rl(5,t);break;case 1:var r=t.stateNode;if(4&t.flags&&!Ys)if(null===n)r.componentDidMount();else{var o=t.elementType===t.type?n.memoizedProps:ns(t.type,n.memoizedProps);r.componentDidUpdate(o,n.memoizedState,r.__reactInternalSnapshotBeforeUpdate)}var i=t.updateQueue;null!==i&&Ha(t,i,r);break;case 3:var s=t.updateQueue;if(null!==s){if(n=null,null!==t.child)switch(t.child.tag){case 5:case 1:n=t.child.stateNode}Ha(t,s,n)}break;case 5:var l=t.stateNode;if(null===n&&4&t.flags){n=l;var c=t.memoizedProps;switch(t.type){case"button":case"input":case"select":case"textarea":c.autoFocus&&n.focus();break;case"img":c.src&&(n.src=c.src)}}break;case 6:case 4:case 12:case 19:case 17:case 21:case 22:case 23:case 25:break;case 13:if(null===t.memoizedState){var u=t.alternate;if(null!==u){var d=u.memoizedState;if(null!==d){var p=d.dehydrated;null!==p&&qt(p)}}}break;default:throw Error(a(163))}Ys||512&t.flags&&ol(t)}catch(f){Ec(t,t.return,f)}}if(t===e){Js=null;break}if(null!==(n=t.sibling)){n.return=t.return,Js=n;break}Js=t.return}}function Sl(e){for(;null!==Js;){var t=Js;if(t===e){Js=null;break}var n=t.sibling;if(null!==n){n.return=t.return,Js=n;break}Js=t.return}}function xl(e){for(;null!==Js;){var t=Js;try{switch(t.tag){case 0:case 11:case 15:var n=t.return;try{rl(4,t)}catch(l){Ec(t,n,l)}break;case 1:var r=t.stateNode;if("function"==typeof r.componentDidMount){var o=t.return;try{r.componentDidMount()}catch(l){Ec(t,o,l)}}var a=t.return;try{ol(t)}catch(l){Ec(t,a,l)}break;case 5:var i=t.return;try{ol(t)}catch(l){Ec(t,i,l)}}}catch(l){Ec(t,t.return,l)}if(t===e){Js=null;break}var s=t.sibling;if(null!==s){s.return=t.return,Js=s;break}Js=t.return}}var kl,El=Math.ceil,_l=w.ReactCurrentDispatcher,Cl=w.ReactCurrentOwner,jl=w.ReactCurrentBatchConfig,Al=0,Ol=null,Tl=null,Pl=0,Ll=0,Il=_o(0),Rl=0,Nl=null,Dl=0,Ml=0,Fl=0,zl=null,Bl=null,Ul=0,ql=1/0,$l=null,Hl=!1,Vl=null,Gl=null,Wl=!1,Kl=null,Ql=0,Yl=0,Zl=null,Jl=-1,Xl=0;function ec(){return 6&Al?Ze():-1!==Jl?Jl:Jl=Ze()}function tc(e){return 1&e.mode?2&Al&&0!==Pl?Pl&-Pl:null!==ga.transition?(0===Xl&&(Xl=ht()),Xl):0!==(e=vt)?e:e=void 0===(e=window.event)?16:Yt(e.type):1}function nc(e,t,n,r){if(50<Yl)throw Yl=0,Zl=null,Error(a(185));bt(e,n,r),2&Al&&e===Ol||(e===Ol&&(!(2&Al)&&(Ml|=n),4===Rl&&sc(e,Pl)),rc(e,r),1===n&&0===Al&&!(1&t.mode)&&(ql=Ze()+500,Bo&&$o()))}function rc(e,t){var n=e.callbackNode;!function(e,t){for(var n=e.suspendedLanes,r=e.pingedLanes,o=e.expirationTimes,a=e.pendingLanes;0<a;){var i=31-it(a),s=1<<i,l=o[i];-1===l?s&n&&!(s&r)||(o[i]=ft(s,t)):l<=t&&(e.expiredLanes|=s),a&=~s}}(e,t);var r=pt(e,e===Ol?Pl:0);if(0===r)null!==n&&Ke(n),e.callbackNode=null,e.callbackPriority=0;else if(t=r&-r,e.callbackPriority!==t){if(null!=n&&Ke(n),1===t)0===e.tag?function(e){Bo=!0,qo(e)}(lc.bind(null,e)):qo(lc.bind(null,e)),io((function(){!(6&Al)&&$o()})),n=null;else{switch(wt(r)){case 1:n=Xe;break;case 4:n=et;break;case 16:default:n=tt;break;case 536870912:n=rt}n=Oc(n,oc.bind(null,e))}e.callbackPriority=t,e.callbackNode=n}}function oc(e,t){if(Jl=-1,Xl=0,6&Al)throw Error(a(327));var n=e.callbackNode;if(xc()&&e.callbackNode!==n)return null;var r=pt(e,e===Ol?Pl:0);if(0===r)return null;if(30&r||r&e.expiredLanes||t)t=gc(e,r);else{t=r;var o=Al;Al|=2;var i=mc();for(Ol===e&&Pl===t||($l=null,ql=Ze()+500,pc(e,t));;)try{yc();break}catch(l){fc(e,l)}ja(),_l.current=i,Al=o,null!==Tl?t=0:(Ol=null,Pl=0,t=Rl)}if(0!==t){if(2===t&&(0!==(o=mt(e))&&(r=o,t=ac(e,o))),1===t)throw n=Nl,pc(e,0),sc(e,r),rc(e,Ze()),n;if(6===t)sc(e,r);else{if(o=e.current.alternate,!(30&r||function(e){for(var t=e;;){if(16384&t.flags){var n=t.updateQueue;if(null!==n&&null!==(n=n.stores))for(var r=0;r<n.length;r++){var o=n[r],a=o.getSnapshot;o=o.value;try{if(!sr(a(),o))return!1}catch(s){return!1}}}if(n=t.child,16384&t.subtreeFlags&&null!==n)n.return=t,t=n;else{if(t===e)break;for(;null===t.sibling;){if(null===t.return||t.return===e)return!0;t=t.return}t.sibling.return=t.return,t=t.sibling}}return!0}(o)||(t=gc(e,r),2===t&&(i=mt(e),0!==i&&(r=i,t=ac(e,i))),1!==t)))throw n=Nl,pc(e,0),sc(e,r),rc(e,Ze()),n;switch(e.finishedWork=o,e.finishedLanes=r,t){case 0:case 1:throw Error(a(345));case 2:case 5:Sc(e,Bl,$l);break;case 3:if(sc(e,r),(130023424&r)===r&&10<(t=Ul+500-Ze())){if(0!==pt(e,0))break;if(((o=e.suspendedLanes)&r)!==r){ec(),e.pingedLanes|=e.suspendedLanes&o;break}e.timeoutHandle=ro(Sc.bind(null,e,Bl,$l),t);break}Sc(e,Bl,$l);break;case 4:if(sc(e,r),(4194240&r)===r)break;for(t=e.eventTimes,o=-1;0<r;){var s=31-it(r);i=1<<s,(s=t[s])>o&&(o=s),r&=~i}if(r=o,10<(r=(120>(r=Ze()-r)?120:480>r?480:1080>r?1080:1920>r?1920:3e3>r?3e3:4320>r?4320:1960*El(r/1960))-r)){e.timeoutHandle=ro(Sc.bind(null,e,Bl,$l),r);break}Sc(e,Bl,$l);break;default:throw Error(a(329))}}}return rc(e,Ze()),e.callbackNode===n?oc.bind(null,e):null}function ac(e,t){var n=zl;return e.current.memoizedState.isDehydrated&&(pc(e,t).flags|=256),2!==(e=gc(e,t))&&(t=Bl,Bl=n,null!==t&&ic(t)),e}function ic(e){null===Bl?Bl=e:Bl.push.apply(Bl,e)}function sc(e,t){for(t&=~Fl,t&=~Ml,e.suspendedLanes|=t,e.pingedLanes&=~t,e=e.expirationTimes;0<t;){var n=31-it(t),r=1<<n;e[n]=-1,t&=~r}}function lc(e){if(6&Al)throw Error(a(327));xc();var t=pt(e,0);if(!(1&t))return rc(e,Ze()),null;var n=gc(e,t);if(0!==e.tag&&2===n){var r=mt(e);0!==r&&(t=r,n=ac(e,r))}if(1===n)throw n=Nl,pc(e,0),sc(e,t),rc(e,Ze()),n;if(6===n)throw Error(a(345));return e.finishedWork=e.current.alternate,e.finishedLanes=t,Sc(e,Bl,$l),rc(e,Ze()),null}function cc(e,t){var n=Al;Al|=1;try{return e(t)}finally{0===(Al=n)&&(ql=Ze()+500,Bo&&$o())}}function uc(e){null!==Kl&&0===Kl.tag&&!(6&Al)&&xc();var t=Al;Al|=1;var n=jl.transition,r=vt;try{if(jl.transition=null,vt=1,e)return e()}finally{vt=r,jl.transition=n,!(6&(Al=t))&&$o()}}function dc(){Ll=Il.current,Co(Il)}function pc(e,t){e.finishedWork=null,e.finishedLanes=0;var n=e.timeoutHandle;if(-1!==n&&(e.timeoutHandle=-1,oo(n)),null!==Tl)for(n=Tl.return;null!==n;){var r=n;switch(na(r),r.tag){case 1:null!=(r=r.type.childContextTypes)&&Ro();break;case 3:Za(),Co(To),Co(Oo),ri();break;case 5:Xa(r);break;case 4:Za();break;case 13:case 19:Co(ei);break;case 10:Aa(r.type._context);break;case 22:case 23:dc()}n=n.return}if(Ol=e,Tl=e=Ic(e.current,null),Pl=Ll=t,Rl=0,Nl=null,Fl=Ml=Dl=0,Bl=zl=null,null!==La){for(t=0;t<La.length;t++)if(null!==(r=(n=La[t]).interleaved)){n.interleaved=null;var o=r.next,a=n.pending;if(null!==a){var i=a.next;a.next=o,r.next=i}n.pending=r}La=null}return e}function fc(e,t){for(;;){var n=Tl;try{if(ja(),oi.current=Ji,ui){for(var r=si.memoizedState;null!==r;){var o=r.queue;null!==o&&(o.pending=null),r=r.next}ui=!1}if(ii=0,ci=li=si=null,di=!1,pi=0,Cl.current=null,null===n||null===n.return){Rl=1,Nl=t,Tl=null;break}e:{var i=e,s=n.return,l=n,c=t;if(t=Pl,l.flags|=32768,null!==c&&"object"==typeof c&&"function"==typeof c.then){var u=c,d=l,p=d.tag;if(!(1&d.mode||0!==p&&11!==p&&15!==p)){var f=d.alternate;f?(d.updateQueue=f.updateQueue,d.memoizedState=f.memoizedState,d.lanes=f.lanes):(d.updateQueue=null,d.memoizedState=null)}var m=gs(s);if(null!==m){m.flags&=-257,bs(m,s,l,0,t),1&m.mode&&hs(i,u,t),c=u;var h=(t=m).updateQueue;if(null===h){var g=new Set;g.add(c),t.updateQueue=g}else h.add(c);break e}if(!(1&t)){hs(i,u,t),hc();break e}c=Error(a(426))}else if(aa&&1&l.mode){var b=gs(s);if(null!==b){!(65536&b.flags)&&(b.flags|=256),bs(b,s,l,0,t),ha(cs(c,l));break e}}i=c=cs(c,l),4!==Rl&&(Rl=2),null===zl?zl=[i]:zl.push(i),i=s;do{switch(i.tag){case 3:i.flags|=65536,t&=-t,i.lanes|=t,qa(i,fs(0,c,t));break e;case 1:l=c;var y=i.type,v=i.stateNode;if(!(128&i.flags||"function"!=typeof y.getDerivedStateFromError&&(null===v||"function"!=typeof v.componentDidCatch||null!==Gl&&Gl.has(v)))){i.flags|=65536,t&=-t,i.lanes|=t,qa(i,ms(i,l,t));break e}}i=i.return}while(null!==i)}wc(n)}catch(w){t=w,Tl===n&&null!==n&&(Tl=n=n.return);continue}break}}function mc(){var e=_l.current;return _l.current=Ji,null===e?Ji:e}function hc(){0!==Rl&&3!==Rl&&2!==Rl||(Rl=4),null===Ol||!(268435455&Dl)&&!(268435455&Ml)||sc(Ol,Pl)}function gc(e,t){var n=Al;Al|=2;var r=mc();for(Ol===e&&Pl===t||($l=null,pc(e,t));;)try{bc();break}catch(o){fc(e,o)}if(ja(),Al=n,_l.current=r,null!==Tl)throw Error(a(261));return Ol=null,Pl=0,Rl}function bc(){for(;null!==Tl;)vc(Tl)}function yc(){for(;null!==Tl&&!Qe();)vc(Tl)}function vc(e){var t=kl(e.alternate,e,Ll);e.memoizedProps=e.pendingProps,null===t?wc(e):Tl=t,Cl.current=null}function wc(e){var t=e;do{var n=t.alternate;if(e=t.return,32768&t.flags){if(null!==(n=Ks(n,t)))return n.flags&=32767,void(Tl=n);if(null===e)return Rl=6,void(Tl=null);e.flags|=32768,e.subtreeFlags=0,e.deletions=null}else if(null!==(n=Ws(n,t,Ll)))return void(Tl=n);if(null!==(t=t.sibling))return void(Tl=t);Tl=t=e}while(null!==t);0===Rl&&(Rl=5)}function Sc(e,t,n){var r=vt,o=jl.transition;try{jl.transition=null,vt=1,function(e,t,n,r){do{xc()}while(null!==Kl);if(6&Al)throw Error(a(327));n=e.finishedWork;var o=e.finishedLanes;if(null===n)return null;if(e.finishedWork=null,e.finishedLanes=0,n===e.current)throw Error(a(177));e.callbackNode=null,e.callbackPriority=0;var i=n.lanes|n.childLanes;if(function(e,t){var n=e.pendingLanes&~t;e.pendingLanes=t,e.suspendedLanes=0,e.pingedLanes=0,e.expiredLanes&=t,e.mutableReadLanes&=t,e.entangledLanes&=t,t=e.entanglements;var r=e.eventTimes;for(e=e.expirationTimes;0<n;){var o=31-it(n),a=1<<o;t[o]=0,r[o]=-1,e[o]=-1,n&=~a}}(e,i),e===Ol&&(Tl=Ol=null,Pl=0),!(2064&n.subtreeFlags)&&!(2064&n.flags)||Wl||(Wl=!0,Oc(tt,(function(){return xc(),null}))),i=!!(15990&n.flags),!!(15990&n.subtreeFlags)||i){i=jl.transition,jl.transition=null;var s=vt;vt=1;var l=Al;Al|=4,Cl.current=null,function(e,t){if(eo=Ht,fr(e=pr())){if("selectionStart"in e)var n={start:e.selectionStart,end:e.selectionEnd};else e:{var r=(n=(n=e.ownerDocument)&&n.defaultView||window).getSelection&&n.getSelection();if(r&&0!==r.rangeCount){n=r.anchorNode;var o=r.anchorOffset,i=r.focusNode;r=r.focusOffset;try{n.nodeType,i.nodeType}catch(S){n=null;break e}var s=0,l=-1,c=-1,u=0,d=0,p=e,f=null;t:for(;;){for(var m;p!==n||0!==o&&3!==p.nodeType||(l=s+o),p!==i||0!==r&&3!==p.nodeType||(c=s+r),3===p.nodeType&&(s+=p.nodeValue.length),null!==(m=p.firstChild);)f=p,p=m;for(;;){if(p===e)break t;if(f===n&&++u===o&&(l=s),f===i&&++d===r&&(c=s),null!==(m=p.nextSibling))break;f=(p=f).parentNode}p=m}n=-1===l||-1===c?null:{start:l,end:c}}else n=null}n=n||{start:0,end:0}}else n=null;for(to={focusedElem:e,selectionRange:n},Ht=!1,Js=t;null!==Js;)if(e=(t=Js).child,1028&t.subtreeFlags&&null!==e)e.return=t,Js=e;else for(;null!==Js;){t=Js;try{var h=t.alternate;if(1024&t.flags)switch(t.tag){case 0:case 11:case 15:case 5:case 6:case 4:case 17:break;case 1:if(null!==h){var g=h.memoizedProps,b=h.memoizedState,y=t.stateNode,v=y.getSnapshotBeforeUpdate(t.elementType===t.type?g:ns(t.type,g),b);y.__reactInternalSnapshotBeforeUpdate=v}break;case 3:var w=t.stateNode.containerInfo;1===w.nodeType?w.textContent="":9===w.nodeType&&w.documentElement&&w.removeChild(w.documentElement);break;default:throw Error(a(163))}}catch(S){Ec(t,t.return,S)}if(null!==(e=t.sibling)){e.return=t.return,Js=e;break}Js=t.return}h=tl,tl=!1}(e,n),gl(n,e),mr(to),Ht=!!eo,to=eo=null,e.current=n,yl(n,e,o),Ye(),Al=l,vt=s,jl.transition=i}else e.current=n;if(Wl&&(Wl=!1,Kl=e,Ql=o),i=e.pendingLanes,0===i&&(Gl=null),function(e){if(at&&"function"==typeof at.onCommitFiberRoot)try{at.onCommitFiberRoot(ot,e,void 0,!(128&~e.current.flags))}catch(t){}}(n.stateNode),rc(e,Ze()),null!==t)for(r=e.onRecoverableError,n=0;n<t.length;n++)o=t[n],r(o.value,{componentStack:o.stack,digest:o.digest});if(Hl)throw Hl=!1,e=Vl,Vl=null,e;!!(1&Ql)&&0!==e.tag&&xc(),i=e.pendingLanes,1&i?e===Zl?Yl++:(Yl=0,Zl=e):Yl=0,$o()}(e,t,n,r)}finally{jl.transition=o,vt=r}return null}function xc(){if(null!==Kl){var e=wt(Ql),t=jl.transition,n=vt;try{if(jl.transition=null,vt=16>e?16:e,null===Kl)var r=!1;else{if(e=Kl,Kl=null,Ql=0,6&Al)throw Error(a(331));var o=Al;for(Al|=4,Js=e.current;null!==Js;){var i=Js,s=i.child;if(16&Js.flags){var l=i.deletions;if(null!==l){for(var c=0;c<l.length;c++){var u=l[c];for(Js=u;null!==Js;){var d=Js;switch(d.tag){case 0:case 11:case 15:nl(8,d,i)}var p=d.child;if(null!==p)p.return=d,Js=p;else for(;null!==Js;){var f=(d=Js).sibling,m=d.return;if(al(d),d===u){Js=null;break}if(null!==f){f.return=m,Js=f;break}Js=m}}}var h=i.alternate;if(null!==h){var g=h.child;if(null!==g){h.child=null;do{var b=g.sibling;g.sibling=null,g=b}while(null!==g)}}Js=i}}if(2064&i.subtreeFlags&&null!==s)s.return=i,Js=s;else e:for(;null!==Js;){if(2048&(i=Js).flags)switch(i.tag){case 0:case 11:case 15:nl(9,i,i.return)}var y=i.sibling;if(null!==y){y.return=i.return,Js=y;break e}Js=i.return}}var v=e.current;for(Js=v;null!==Js;){var w=(s=Js).child;if(2064&s.subtreeFlags&&null!==w)w.return=s,Js=w;else e:for(s=v;null!==Js;){if(2048&(l=Js).flags)try{switch(l.tag){case 0:case 11:case 15:rl(9,l)}}catch(x){Ec(l,l.return,x)}if(l===s){Js=null;break e}var S=l.sibling;if(null!==S){S.return=l.return,Js=S;break e}Js=l.return}}if(Al=o,$o(),at&&"function"==typeof at.onPostCommitFiberRoot)try{at.onPostCommitFiberRoot(ot,e)}catch(x){}r=!0}return r}finally{vt=n,jl.transition=t}}return!1}function kc(e,t,n){e=Ba(e,t=fs(0,t=cs(n,t),1),1),t=ec(),null!==e&&(bt(e,1,t),rc(e,t))}function Ec(e,t,n){if(3===e.tag)kc(e,e,n);else for(;null!==t;){if(3===t.tag){kc(t,e,n);break}if(1===t.tag){var r=t.stateNode;if("function"==typeof t.type.getDerivedStateFromError||"function"==typeof r.componentDidCatch&&(null===Gl||!Gl.has(r))){t=Ba(t,e=ms(t,e=cs(n,e),1),1),e=ec(),null!==t&&(bt(t,1,e),rc(t,e));break}}t=t.return}}function _c(e,t,n){var r=e.pingCache;null!==r&&r.delete(t),t=ec(),e.pingedLanes|=e.suspendedLanes&n,Ol===e&&(Pl&n)===n&&(4===Rl||3===Rl&&(130023424&Pl)===Pl&&500>Ze()-Ul?pc(e,0):Fl|=n),rc(e,t)}function Cc(e,t){0===t&&(1&e.mode?(t=ut,!(130023424&(ut<<=1))&&(ut=4194304)):t=1);var n=ec();null!==(e=Na(e,t))&&(bt(e,t,n),rc(e,n))}function jc(e){var t=e.memoizedState,n=0;null!==t&&(n=t.retryLane),Cc(e,n)}function Ac(e,t){var n=0;switch(e.tag){case 13:var r=e.stateNode,o=e.memoizedState;null!==o&&(n=o.retryLane);break;case 19:r=e.stateNode;break;default:throw Error(a(314))}null!==r&&r.delete(t),Cc(e,n)}function Oc(e,t){return We(e,t)}function Tc(e,t,n,r){this.tag=e,this.key=n,this.sibling=this.child=this.return=this.stateNode=this.type=this.elementType=null,this.index=0,this.ref=null,this.pendingProps=t,this.dependencies=this.memoizedState=this.updateQueue=this.memoizedProps=null,this.mode=r,this.subtreeFlags=this.flags=0,this.deletions=null,this.childLanes=this.lanes=0,this.alternate=null}function Pc(e,t,n,r){return new Tc(e,t,n,r)}function Lc(e){return!(!(e=e.prototype)||!e.isReactComponent)}function Ic(e,t){var n=e.alternate;return null===n?((n=Pc(e.tag,t,e.key,e.mode)).elementType=e.elementType,n.type=e.type,n.stateNode=e.stateNode,n.alternate=e,e.alternate=n):(n.pendingProps=t,n.type=e.type,n.flags=0,n.subtreeFlags=0,n.deletions=null),n.flags=14680064&e.flags,n.childLanes=e.childLanes,n.lanes=e.lanes,n.child=e.child,n.memoizedProps=e.memoizedProps,n.memoizedState=e.memoizedState,n.updateQueue=e.updateQueue,t=e.dependencies,n.dependencies=null===t?null:{lanes:t.lanes,firstContext:t.firstContext},n.sibling=e.sibling,n.index=e.index,n.ref=e.ref,n}function Rc(e,t,n,r,o,i){var s=2;if(r=e,"function"==typeof e)Lc(e)&&(s=1);else if("string"==typeof e)s=5;else e:switch(e){case k:return Nc(n.children,o,i,t);case E:s=8,o|=8;break;case _:return(e=Pc(12,n,t,2|o)).elementType=_,e.lanes=i,e;case O:return(e=Pc(13,n,t,o)).elementType=O,e.lanes=i,e;case T:return(e=Pc(19,n,t,o)).elementType=T,e.lanes=i,e;case I:return Dc(n,o,i,t);default:if("object"==typeof e&&null!==e)switch(e.$$typeof){case C:s=10;break e;case j:s=9;break e;case A:s=11;break e;case P:s=14;break e;case L:s=16,r=null;break e}throw Error(a(130,null==e?e:typeof e,""))}return(t=Pc(s,n,t,o)).elementType=e,t.type=r,t.lanes=i,t}function Nc(e,t,n,r){return(e=Pc(7,e,r,t)).lanes=n,e}function Dc(e,t,n,r){return(e=Pc(22,e,r,t)).elementType=I,e.lanes=n,e.stateNode={isHidden:!1},e}function Mc(e,t,n){return(e=Pc(6,e,null,t)).lanes=n,e}function Fc(e,t,n){return(t=Pc(4,null!==e.children?e.children:[],e.key,t)).lanes=n,t.stateNode={containerInfo:e.containerInfo,pendingChildren:null,implementation:e.implementation},t}function zc(e,t,n,r,o){this.tag=t,this.containerInfo=e,this.finishedWork=this.pingCache=this.current=this.pendingChildren=null,this.timeoutHandle=-1,this.callbackNode=this.pendingContext=this.context=null,this.callbackPriority=0,this.eventTimes=gt(0),this.expirationTimes=gt(-1),this.entangledLanes=this.finishedLanes=this.mutableReadLanes=this.expiredLanes=this.pingedLanes=this.suspendedLanes=this.pendingLanes=0,this.entanglements=gt(0),this.identifierPrefix=r,this.onRecoverableError=o,this.mutableSourceEagerHydrationData=null}function Bc(e,t,n,r,o,a,i,s,l){return e=new zc(e,t,n,s,l),1===t?(t=1,!0===a&&(t|=8)):t=0,a=Pc(3,null,null,t),e.current=a,a.stateNode=e,a.memoizedState={element:r,isDehydrated:n,cache:null,transitions:null,pendingSuspenseBoundaries:null},Ma(a),e}function Uc(e){if(!e)return Ao;e:{if(qe(e=e._reactInternals)!==e||1!==e.tag)throw Error(a(170));var t=e;do{switch(t.tag){case 3:t=t.stateNode.context;break e;case 1:if(Io(t.type)){t=t.stateNode.__reactInternalMemoizedMergedChildContext;break e}}t=t.return}while(null!==t);throw Error(a(171))}if(1===e.tag){var n=e.type;if(Io(n))return Do(e,n,t)}return t}function qc(e,t,n,r,o,a,i,s,l){return(e=Bc(n,r,!0,e,0,a,0,s,l)).context=Uc(null),n=e.current,(a=za(r=ec(),o=tc(n))).callback=null!=t?t:null,Ba(n,a,o),e.current.lanes=o,bt(e,o,r),rc(e,r),e}function $c(e,t,n,r){var o=t.current,a=ec(),i=tc(o);return n=Uc(n),null===t.context?t.context=n:t.pendingContext=n,(t=za(a,i)).payload={element:e},null!==(r=void 0===r?null:r)&&(t.callback=r),null!==(e=Ba(o,t,i))&&(nc(e,o,i,a),Ua(e,o,i)),i}function Hc(e){return(e=e.current).child?(e.child.tag,e.child.stateNode):null}function Vc(e,t){if(null!==(e=e.memoizedState)&&null!==e.dehydrated){var n=e.retryLane;e.retryLane=0!==n&&n<t?n:t}}function Gc(e,t){Vc(e,t),(e=e.alternate)&&Vc(e,t)}kl=function(e,t,n){if(null!==e)if(e.memoizedProps!==t.pendingProps||To.current)vs=!0;else{if(!(e.lanes&n||128&t.flags))return vs=!1,function(e,t,n){switch(t.tag){case 3:Os(t),ma();break;case 5:Ja(t);break;case 1:Io(t.type)&&Mo(t);break;case 4:Ya(t,t.stateNode.containerInfo);break;case 10:var r=t.type._context,o=t.memoizedProps.value;jo(ka,r._currentValue),r._currentValue=o;break;case 13:if(null!==(r=t.memoizedState))return null!==r.dehydrated?(jo(ei,1&ei.current),t.flags|=128,null):n&t.child.childLanes?Ms(e,t,n):(jo(ei,1&ei.current),null!==(e=Hs(e,t,n))?e.sibling:null);jo(ei,1&ei.current);break;case 19:if(r=!!(n&t.childLanes),128&e.flags){if(r)return qs(e,t,n);t.flags|=128}if(null!==(o=t.memoizedState)&&(o.rendering=null,o.tail=null,o.lastEffect=null),jo(ei,ei.current),r)break;return null;case 22:case 23:return t.lanes=0,Es(e,t,n)}return Hs(e,t,n)}(e,t,n);vs=!!(131072&e.flags)}else vs=!1,aa&&1048576&t.flags&&ea(t,Wo,t.index);switch(t.lanes=0,t.tag){case 2:var r=t.type;$s(e,t),e=t.pendingProps;var o=Lo(t,Oo.current);Ta(t,n),o=gi(null,t,r,e,o,n);var i=bi();return t.flags|=1,"object"==typeof o&&null!==o&&"function"==typeof o.render&&void 0===o.$$typeof?(t.tag=1,t.memoizedState=null,t.updateQueue=null,Io(r)?(i=!0,Mo(t)):i=!1,t.memoizedState=null!==o.state&&void 0!==o.state?o.state:null,Ma(t),o.updater=os,t.stateNode=o,o._reactInternals=t,ls(t,r,e,n),t=As(null,t,r,!0,i,n)):(t.tag=0,aa&&i&&ta(t),ws(null,t,o,n),t=t.child),t;case 16:r=t.elementType;e:{switch($s(e,t),e=t.pendingProps,r=(o=r._init)(r._payload),t.type=r,o=t.tag=function(e){if("function"==typeof e)return Lc(e)?1:0;if(null!=e){if((e=e.$$typeof)===A)return 11;if(e===P)return 14}return 2}(r),e=ns(r,e),o){case 0:t=Cs(null,t,r,e,n);break e;case 1:t=js(null,t,r,e,n);break e;case 11:t=Ss(null,t,r,e,n);break e;case 14:t=xs(null,t,r,ns(r.type,e),n);break e}throw Error(a(306,r,""))}return t;case 0:return r=t.type,o=t.pendingProps,Cs(e,t,r,o=t.elementType===r?o:ns(r,o),n);case 1:return r=t.type,o=t.pendingProps,js(e,t,r,o=t.elementType===r?o:ns(r,o),n);case 3:e:{if(Os(t),null===e)throw Error(a(387));r=t.pendingProps,o=(i=t.memoizedState).element,Fa(e,t),$a(t,r,null,n);var s=t.memoizedState;if(r=s.element,i.isDehydrated){if(i={element:r,isDehydrated:!1,cache:s.cache,pendingSuspenseBoundaries:s.pendingSuspenseBoundaries,transitions:s.transitions},t.updateQueue.baseState=i,t.memoizedState=i,256&t.flags){t=Ts(e,t,r,n,o=cs(Error(a(423)),t));break e}if(r!==o){t=Ts(e,t,r,n,o=cs(Error(a(424)),t));break e}for(oa=co(t.stateNode.containerInfo.firstChild),ra=t,aa=!0,ia=null,n=xa(t,null,r,n),t.child=n;n;)n.flags=-3&n.flags|4096,n=n.sibling}else{if(ma(),r===o){t=Hs(e,t,n);break e}ws(e,t,r,n)}t=t.child}return t;case 5:return Ja(t),null===e&&ua(t),r=t.type,o=t.pendingProps,i=null!==e?e.memoizedProps:null,s=o.children,no(r,o)?s=null:null!==i&&no(r,i)&&(t.flags|=32),_s(e,t),ws(e,t,s,n),t.child;case 6:return null===e&&ua(t),null;case 13:return Ms(e,t,n);case 4:return Ya(t,t.stateNode.containerInfo),r=t.pendingProps,null===e?t.child=Sa(t,null,r,n):ws(e,t,r,n),t.child;case 11:return r=t.type,o=t.pendingProps,Ss(e,t,r,o=t.elementType===r?o:ns(r,o),n);case 7:return ws(e,t,t.pendingProps,n),t.child;case 8:case 12:return ws(e,t,t.pendingProps.children,n),t.child;case 10:e:{if(r=t.type._context,o=t.pendingProps,i=t.memoizedProps,s=o.value,jo(ka,r._currentValue),r._currentValue=s,null!==i)if(sr(i.value,s)){if(i.children===o.children&&!To.current){t=Hs(e,t,n);break e}}else for(null!==(i=t.child)&&(i.return=t);null!==i;){var l=i.dependencies;if(null!==l){s=i.child;for(var c=l.firstContext;null!==c;){if(c.context===r){if(1===i.tag){(c=za(-1,n&-n)).tag=2;var u=i.updateQueue;if(null!==u){var d=(u=u.shared).pending;null===d?c.next=c:(c.next=d.next,d.next=c),u.pending=c}}i.lanes|=n,null!==(c=i.alternate)&&(c.lanes|=n),Oa(i.return,n,t),l.lanes|=n;break}c=c.next}}else if(10===i.tag)s=i.type===t.type?null:i.child;else if(18===i.tag){if(null===(s=i.return))throw Error(a(341));s.lanes|=n,null!==(l=s.alternate)&&(l.lanes|=n),Oa(s,n,t),s=i.sibling}else s=i.child;if(null!==s)s.return=i;else for(s=i;null!==s;){if(s===t){s=null;break}if(null!==(i=s.sibling)){i.return=s.return,s=i;break}s=s.return}i=s}ws(e,t,o.children,n),t=t.child}return t;case 9:return o=t.type,r=t.pendingProps.children,Ta(t,n),r=r(o=Pa(o)),t.flags|=1,ws(e,t,r,n),t.child;case 14:return o=ns(r=t.type,t.pendingProps),xs(e,t,r,o=ns(r.type,o),n);case 15:return ks(e,t,t.type,t.pendingProps,n);case 17:return r=t.type,o=t.pendingProps,o=t.elementType===r?o:ns(r,o),$s(e,t),t.tag=1,Io(r)?(e=!0,Mo(t)):e=!1,Ta(t,n),is(t,r,o),ls(t,r,o,n),As(null,t,r,!0,e,n);case 19:return qs(e,t,n);case 22:return Es(e,t,n)}throw Error(a(156,t.tag))};var Wc="function"==typeof reportError?reportError:function(e){console.error(e)};function Kc(e){this._internalRoot=e}function Qc(e){this._internalRoot=e}function Yc(e){return!(!e||1!==e.nodeType&&9!==e.nodeType&&11!==e.nodeType)}function Zc(e){return!(!e||1!==e.nodeType&&9!==e.nodeType&&11!==e.nodeType&&(8!==e.nodeType||" react-mount-point-unstable "!==e.nodeValue))}function Jc(){}function Xc(e,t,n,r,o){var a=n._reactRootContainer;if(a){var i=a;if("function"==typeof o){var s=o;o=function(){var e=Hc(i);s.call(e)}}$c(t,i,e,o)}else i=function(e,t,n,r,o){if(o){if("function"==typeof r){var a=r;r=function(){var e=Hc(i);a.call(e)}}var i=qc(t,r,e,0,null,!1,0,"",Jc);return e._reactRootContainer=i,e[ho]=i.current,qr(8===e.nodeType?e.parentNode:e),uc(),i}for(;o=e.lastChild;)e.removeChild(o);if("function"==typeof r){var s=r;r=function(){var e=Hc(l);s.call(e)}}var l=Bc(e,0,!1,null,0,!1,0,"",Jc);return e._reactRootContainer=l,e[ho]=l.current,qr(8===e.nodeType?e.parentNode:e),uc((function(){$c(t,l,n,r)})),l}(n,t,e,o,r);return Hc(i)}Qc.prototype.render=Kc.prototype.render=function(e){var t=this._internalRoot;if(null===t)throw Error(a(409));$c(e,t,null,null)},Qc.prototype.unmount=Kc.prototype.unmount=function(){var e=this._internalRoot;if(null!==e){this._internalRoot=null;var t=e.containerInfo;uc((function(){$c(null,e,null,null)})),t[ho]=null}},Qc.prototype.unstable_scheduleHydration=function(e){if(e){var t=Et();e={blockedOn:null,target:e,priority:t};for(var n=0;n<It.length&&0!==t&&t<It[n].priority;n++);It.splice(n,0,e),0===n&&Mt(e)}},St=function(e){switch(e.tag){case 3:var t=e.stateNode;if(t.current.memoizedState.isDehydrated){var n=dt(t.pendingLanes);0!==n&&(yt(t,1|n),rc(t,Ze()),!(6&Al)&&(ql=Ze()+500,$o()))}break;case 13:uc((function(){var t=Na(e,1);if(null!==t){var n=ec();nc(t,e,1,n)}})),Gc(e,1)}},xt=function(e){if(13===e.tag){var t=Na(e,134217728);if(null!==t)nc(t,e,134217728,ec());Gc(e,134217728)}},kt=function(e){if(13===e.tag){var t=tc(e),n=Na(e,t);if(null!==n)nc(n,e,t,ec());Gc(e,t)}},Et=function(){return vt},_t=function(e,t){var n=vt;try{return vt=e,t()}finally{vt=n}},xe=function(e,t,n){switch(t){case"input":if(J(e,n),t=n.name,"radio"===n.type&&null!=t){for(n=e;n.parentNode;)n=n.parentNode;for(n=n.querySelectorAll("input[name="+JSON.stringify(""+t)+'][type="radio"]'),t=0;t<n.length;t++){var r=n[t];if(r!==e&&r.form===e.form){var o=xo(r);if(!o)throw Error(a(90));W(r),J(r,o)}}}break;case"textarea":ae(e,n);break;case"select":null!=(t=n.value)&&ne(e,!!n.multiple,t,!1)}},Ae=cc,Oe=uc;var eu={usingClientEntryPoint:!1,Events:[wo,So,xo,Ce,je,cc]},tu={findFiberByHostInstance:vo,bundleType:0,version:"18.3.1",rendererPackageName:"react-dom"},nu={bundleType:tu.bundleType,version:tu.version,rendererPackageName:tu.rendererPackageName,rendererConfig:tu.rendererConfig,overrideHookState:null,overrideHookStateDeletePath:null,overrideHookStateRenamePath:null,overrideProps:null,overridePropsDeletePath:null,overridePropsRenamePath:null,setErrorHandler:null,setSuspenseHandler:null,scheduleUpdate:null,currentDispatcherRef:w.ReactCurrentDispatcher,findHostInstanceByFiber:function(e){return null===(e=Ve(e))?null:e.stateNode},findFiberByHostInstance:tu.findFiberByHostInstance||function(){return null},findHostInstancesForRefresh:null,scheduleRefresh:null,scheduleRoot:null,setRefreshHandler:null,getCurrentFiber:null,reconcilerVersion:"18.3.1-next-f1338f8080-20240426"};if("undefined"!=typeof __REACT_DEVTOOLS_GLOBAL_HOOK__){var ru=__REACT_DEVTOOLS_GLOBAL_HOOK__;if(!ru.isDisabled&&ru.supportsFiber)try{ot=ru.inject(nu),at=ru}catch(ue){}}t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED=eu,t.createPortal=function(e,t){var n=2<arguments.length&&void 0!==arguments[2]?arguments[2]:null;if(!Yc(t))throw Error(a(200));return function(e,t,n){var r=3<arguments.length&&void 0!==arguments[3]?arguments[3]:null;return{$$typeof:x,key:null==r?null:""+r,children:e,containerInfo:t,implementation:n}}(e,t,null,n)},t.createRoot=function(e,t){if(!Yc(e))throw Error(a(299));var n=!1,r="",o=Wc;return null!=t&&(!0===t.unstable_strictMode&&(n=!0),void 0!==t.identifierPrefix&&(r=t.identifierPrefix),void 0!==t.onRecoverableError&&(o=t.onRecoverableError)),t=Bc(e,1,!1,null,0,n,0,r,o),e[ho]=t.current,qr(8===e.nodeType?e.parentNode:e),new Kc(t)},t.findDOMNode=function(e){if(null==e)return null;if(1===e.nodeType)return e;var t=e._reactInternals;if(void 0===t){if("function"==typeof e.render)throw Error(a(188));throw e=Object.keys(e).join(","),Error(a(268,e))}return e=null===(e=Ve(t))?null:e.stateNode},t.flushSync=function(e){return uc(e)},t.hydrate=function(e,t,n){if(!Zc(t))throw Error(a(200));return Xc(null,e,t,!0,n)},t.hydrateRoot=function(e,t,n){if(!Yc(e))throw Error(a(405));var r=null!=n&&n.hydratedSources||null,o=!1,i="",s=Wc;if(null!=n&&(!0===n.unstable_strictMode&&(o=!0),void 0!==n.identifierPrefix&&(i=n.identifierPrefix),void 0!==n.onRecoverableError&&(s=n.onRecoverableError)),t=qc(t,null,e,1,null!=n?n:null,o,0,i,s),e[ho]=t.current,qr(e),r)for(e=0;e<r.length;e++)o=(o=(n=r[e])._getVersion)(n._source),null==t.mutableSourceEagerHydrationData?t.mutableSourceEagerHydrationData=[n,o]:t.mutableSourceEagerHydrationData.push(n,o);return new Qc(t)},t.render=function(e,t,n){if(!Zc(t))throw Error(a(200));return Xc(null,e,t,!1,n)},t.unmountComponentAtNode=function(e){if(!Zc(e))throw Error(a(40));return!!e._reactRootContainer&&(uc((function(){Xc(null,null,e,!1,(function(){e._reactRootContainer=null,e[ho]=null}))})),!0)},t.unstable_batchedUpdates=cc,t.unstable_renderSubtreeIntoContainer=function(e,t,n,r){if(!Zc(n))throw Error(a(200));if(null==e||void 0===e._reactInternals)throw Error(a(38));return Xc(e,t,n,!1,r)},t.version="18.3.1-next-f1338f8080-20240426"},9576:(e,t,n)=>{"use strict";var r=n(8143);t.createRoot=r.createRoot,t.hydrateRoot=r.hydrateRoot},8143:(e,t,n)=>{"use strict";!function e(){if("undefined"!=typeof __REACT_DEVTOOLS_GLOBAL_HOOK__&&"function"==typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE)try{__REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE(e)}catch(t){console.error(t)}}(),e.exports=n(9481)},4072:e=>{var t="undefined"!=typeof Element,n="function"==typeof Map,r="function"==typeof Set,o="function"==typeof ArrayBuffer&&!!ArrayBuffer.isView;function a(e,i){if(e===i)return!0;if(e&&i&&"object"==typeof e&&"object"==typeof i){if(e.constructor!==i.constructor)return!1;var s,l,c,u;if(Array.isArray(e)){if((s=e.length)!=i.length)return!1;for(l=s;0!=l--;)if(!a(e[l],i[l]))return!1;return!0}if(n&&e instanceof Map&&i instanceof Map){if(e.size!==i.size)return!1;for(u=e.entries();!(l=u.next()).done;)if(!i.has(l.value[0]))return!1;for(u=e.entries();!(l=u.next()).done;)if(!a(l.value[1],i.get(l.value[0])))return!1;return!0}if(r&&e instanceof Set&&i instanceof Set){if(e.size!==i.size)return!1;for(u=e.entries();!(l=u.next()).done;)if(!i.has(l.value[0]))return!1;return!0}if(o&&ArrayBuffer.isView(e)&&ArrayBuffer.isView(i)){if((s=e.length)!=i.length)return!1;for(l=s;0!=l--;)if(e[l]!==i[l])return!1;return!0}if(e.constructor===RegExp)return e.source===i.source&&e.flags===i.flags;if(e.valueOf!==Object.prototype.valueOf&&"function"==typeof e.valueOf&&"function"==typeof i.valueOf)return e.valueOf()===i.valueOf();if(e.toString!==Object.prototype.toString&&"function"==typeof e.toString&&"function"==typeof i.toString)return e.toString()===i.toString();if((s=(c=Object.keys(e)).length)!==Object.keys(i).length)return!1;for(l=s;0!=l--;)if(!Object.prototype.hasOwnProperty.call(i,c[l]))return!1;if(t&&e instanceof Element)return!1;for(l=s;0!=l--;)if(("_owner"!==c[l]&&"__v"!==c[l]&&"__o"!==c[l]||!e.$$typeof)&&!a(e[c[l]],i[c[l]]))return!1;return!0}return e!=e&&i!=i}e.exports=function(e,t){try{return a(e,t)}catch(n){if((n.message||"").match(/stack|recursion/i))return console.warn("react-fast-compare cannot handle circular refs"),!1;throw n}}},248:(e,t,n)=>{"use strict";n.d(t,{mg:()=>X,vd:()=>V});var r=n(758),o=n(2736),a=n.n(o),i=n(4072),s=n.n(i),l=n(9597),c=n.n(l),u=n(2945),d=n.n(u);function p(){return p=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},p.apply(this,arguments)}function f(e,t){e.prototype=Object.create(t.prototype),e.prototype.constructor=e,m(e,t)}function m(e,t){return m=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e},m(e,t)}function h(e,t){if(null==e)return{};var n,r,o={},a=Object.keys(e);for(r=0;r<a.length;r++)t.indexOf(n=a[r])>=0||(o[n]=e[n]);return o}var g={BASE:"base",BODY:"body",HEAD:"head",HTML:"html",LINK:"link",META:"meta",NOSCRIPT:"noscript",SCRIPT:"script",STYLE:"style",TITLE:"title",FRAGMENT:"Symbol(react.fragment)"},b={rel:["amphtml","canonical","alternate"]},y={type:["application/ld+json"]},v={charset:"",name:["robots","description"],property:["og:type","og:title","og:url","og:image","og:image:alt","og:description","twitter:url","twitter:title","twitter:description","twitter:image","twitter:image:alt","twitter:card","twitter:site"]},w=Object.keys(g).map((function(e){return g[e]})),S={accesskey:"accessKey",charset:"charSet",class:"className",contenteditable:"contentEditable",contextmenu:"contextMenu","http-equiv":"httpEquiv",itemprop:"itemProp",tabindex:"tabIndex"},x=Object.keys(S).reduce((function(e,t){return e[S[t]]=t,e}),{}),k=function(e,t){for(var n=e.length-1;n>=0;n-=1){var r=e[n];if(Object.prototype.hasOwnProperty.call(r,t))return r[t]}return null},E=function(e){var t=k(e,g.TITLE),n=k(e,"titleTemplate");if(Array.isArray(t)&&(t=t.join("")),n&&t)return n.replace(/%s/g,(function(){return t}));var r=k(e,"defaultTitle");return t||r||void 0},_=function(e){return k(e,"onChangeClientState")||function(){}},C=function(e,t){return t.filter((function(t){return void 0!==t[e]})).map((function(t){return t[e]})).reduce((function(e,t){return p({},e,t)}),{})},j=function(e,t){return t.filter((function(e){return void 0!==e[g.BASE]})).map((function(e){return e[g.BASE]})).reverse().reduce((function(t,n){if(!t.length)for(var r=Object.keys(n),o=0;o<r.length;o+=1){var a=r[o].toLowerCase();if(-1!==e.indexOf(a)&&n[a])return t.concat(n)}return t}),[])},A=function(e,t,n){var r={};return n.filter((function(t){return!!Array.isArray(t[e])||(void 0!==t[e]&&console&&"function"==typeof console.warn&&console.warn("Helmet: "+e+' should be of type "Array". Instead found type "'+typeof t[e]+'"'),!1)})).map((function(t){return t[e]})).reverse().reduce((function(e,n){var o={};n.filter((function(e){for(var n,a=Object.keys(e),i=0;i<a.length;i+=1){var s=a[i],l=s.toLowerCase();-1===t.indexOf(l)||"rel"===n&&"canonical"===e[n].toLowerCase()||"rel"===l&&"stylesheet"===e[l].toLowerCase()||(n=l),-1===t.indexOf(s)||"innerHTML"!==s&&"cssText"!==s&&"itemprop"!==s||(n=s)}if(!n||!e[n])return!1;var c=e[n].toLowerCase();return r[n]||(r[n]={}),o[n]||(o[n]={}),!r[n][c]&&(o[n][c]=!0,!0)})).reverse().forEach((function(t){return e.push(t)}));for(var a=Object.keys(o),i=0;i<a.length;i+=1){var s=a[i],l=p({},r[s],o[s]);r[s]=l}return e}),[]).reverse()},O=function(e,t){if(Array.isArray(e)&&e.length)for(var n=0;n<e.length;n+=1)if(e[n][t])return!0;return!1},T=function(e){return Array.isArray(e)?e.join(""):e},P=function(e,t){return Array.isArray(e)?e.reduce((function(e,n){return function(e,t){for(var n=Object.keys(e),r=0;r<n.length;r+=1)if(t[n[r]]&&t[n[r]].includes(e[n[r]]))return!0;return!1}(n,t)?e.priority.push(n):e.default.push(n),e}),{priority:[],default:[]}):{default:e}},L=function(e,t){var n;return p({},e,((n={})[t]=void 0,n))},I=[g.NOSCRIPT,g.SCRIPT,g.STYLE],R=function(e,t){return void 0===t&&(t=!0),!1===t?String(e):String(e).replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;").replace(/'/g,"&#x27;")},N=function(e){return Object.keys(e).reduce((function(t,n){var r=void 0!==e[n]?n+'="'+e[n]+'"':""+n;return t?t+" "+r:r}),"")},D=function(e,t){return void 0===t&&(t={}),Object.keys(e).reduce((function(t,n){return t[S[n]||n]=e[n],t}),t)},M=function(e,t){return t.map((function(t,n){var o,a=((o={key:n})["data-rh"]=!0,o);return Object.keys(t).forEach((function(e){var n=S[e]||e;"innerHTML"===n||"cssText"===n?a.dangerouslySetInnerHTML={__html:t.innerHTML||t.cssText}:a[n]=t[e]})),r.createElement(e,a)}))},F=function(e,t,n){switch(e){case g.TITLE:return{toComponent:function(){return n=t.titleAttributes,(o={key:e=t.title})["data-rh"]=!0,a=D(n,o),[r.createElement(g.TITLE,a,e)];var e,n,o,a},toString:function(){return function(e,t,n,r){var o=N(n),a=T(t);return o?"<"+e+' data-rh="true" '+o+">"+R(a,r)+"</"+e+">":"<"+e+' data-rh="true">'+R(a,r)+"</"+e+">"}(e,t.title,t.titleAttributes,n)}};case"bodyAttributes":case"htmlAttributes":return{toComponent:function(){return D(t)},toString:function(){return N(t)}};default:return{toComponent:function(){return M(e,t)},toString:function(){return function(e,t,n){return t.reduce((function(t,r){var o=Object.keys(r).filter((function(e){return!("innerHTML"===e||"cssText"===e)})).reduce((function(e,t){var o=void 0===r[t]?t:t+'="'+R(r[t],n)+'"';return e?e+" "+o:o}),""),a=r.innerHTML||r.cssText||"",i=-1===I.indexOf(e);return t+"<"+e+' data-rh="true" '+o+(i?"/>":">"+a+"</"+e+">")}),"")}(e,t,n)}}}},z=function(e){var t=e.baseTag,n=e.bodyAttributes,r=e.encode,o=e.htmlAttributes,a=e.noscriptTags,i=e.styleTags,s=e.title,l=void 0===s?"":s,c=e.titleAttributes,u=e.linkTags,d=e.metaTags,p=e.scriptTags,f={toComponent:function(){},toString:function(){return""}};if(e.prioritizeSeoTags){var m=function(e){var t=e.linkTags,n=e.scriptTags,r=e.encode,o=P(e.metaTags,v),a=P(t,b),i=P(n,y);return{priorityMethods:{toComponent:function(){return[].concat(M(g.META,o.priority),M(g.LINK,a.priority),M(g.SCRIPT,i.priority))},toString:function(){return F(g.META,o.priority,r)+" "+F(g.LINK,a.priority,r)+" "+F(g.SCRIPT,i.priority,r)}},metaTags:o.default,linkTags:a.default,scriptTags:i.default}}(e);f=m.priorityMethods,u=m.linkTags,d=m.metaTags,p=m.scriptTags}return{priority:f,base:F(g.BASE,t,r),bodyAttributes:F("bodyAttributes",n,r),htmlAttributes:F("htmlAttributes",o,r),link:F(g.LINK,u,r),meta:F(g.META,d,r),noscript:F(g.NOSCRIPT,a,r),script:F(g.SCRIPT,p,r),style:F(g.STYLE,i,r),title:F(g.TITLE,{title:l,titleAttributes:c},r)}},B=[],U=function(e,t){var n=this;void 0===t&&(t="undefined"!=typeof document),this.instances=[],this.value={setHelmet:function(e){n.context.helmet=e},helmetInstances:{get:function(){return n.canUseDOM?B:n.instances},add:function(e){(n.canUseDOM?B:n.instances).push(e)},remove:function(e){var t=(n.canUseDOM?B:n.instances).indexOf(e);(n.canUseDOM?B:n.instances).splice(t,1)}}},this.context=e,this.canUseDOM=t,t||(e.helmet=z({baseTag:[],bodyAttributes:{},encodeSpecialCharacters:!0,htmlAttributes:{},linkTags:[],metaTags:[],noscriptTags:[],scriptTags:[],styleTags:[],title:"",titleAttributes:{}}))},q=r.createContext({}),$=a().shape({setHelmet:a().func,helmetInstances:a().shape({get:a().func,add:a().func,remove:a().func})}),H="undefined"!=typeof document,V=function(e){function t(n){var r;return(r=e.call(this,n)||this).helmetData=new U(r.props.context,t.canUseDOM),r}return f(t,e),t.prototype.render=function(){return r.createElement(q.Provider,{value:this.helmetData.value},this.props.children)},t}(r.Component);V.canUseDOM=H,V.propTypes={context:a().shape({helmet:a().shape()}),children:a().node.isRequired},V.defaultProps={context:{}},V.displayName="HelmetProvider";var G=function(e,t){var n,r=document.head||document.querySelector(g.HEAD),o=r.querySelectorAll(e+"[data-rh]"),a=[].slice.call(o),i=[];return t&&t.length&&t.forEach((function(t){var r=document.createElement(e);for(var o in t)Object.prototype.hasOwnProperty.call(t,o)&&("innerHTML"===o?r.innerHTML=t.innerHTML:"cssText"===o?r.styleSheet?r.styleSheet.cssText=t.cssText:r.appendChild(document.createTextNode(t.cssText)):r.setAttribute(o,void 0===t[o]?"":t[o]));r.setAttribute("data-rh","true"),a.some((function(e,t){return n=t,r.isEqualNode(e)}))?a.splice(n,1):i.push(r)})),a.forEach((function(e){return e.parentNode.removeChild(e)})),i.forEach((function(e){return r.appendChild(e)})),{oldTags:a,newTags:i}},W=function(e,t){var n=document.getElementsByTagName(e)[0];if(n){for(var r=n.getAttribute("data-rh"),o=r?r.split(","):[],a=[].concat(o),i=Object.keys(t),s=0;s<i.length;s+=1){var l=i[s],c=t[l]||"";n.getAttribute(l)!==c&&n.setAttribute(l,c),-1===o.indexOf(l)&&o.push(l);var u=a.indexOf(l);-1!==u&&a.splice(u,1)}for(var d=a.length-1;d>=0;d-=1)n.removeAttribute(a[d]);o.length===a.length?n.removeAttribute("data-rh"):n.getAttribute("data-rh")!==i.join(",")&&n.setAttribute("data-rh",i.join(","))}},K=function(e,t){var n=e.baseTag,r=e.htmlAttributes,o=e.linkTags,a=e.metaTags,i=e.noscriptTags,s=e.onChangeClientState,l=e.scriptTags,c=e.styleTags,u=e.title,d=e.titleAttributes;W(g.BODY,e.bodyAttributes),W(g.HTML,r),function(e,t){void 0!==e&&document.title!==e&&(document.title=T(e)),W(g.TITLE,t)}(u,d);var p={baseTag:G(g.BASE,n),linkTags:G(g.LINK,o),metaTags:G(g.META,a),noscriptTags:G(g.NOSCRIPT,i),scriptTags:G(g.SCRIPT,l),styleTags:G(g.STYLE,c)},f={},m={};Object.keys(p).forEach((function(e){var t=p[e],n=t.newTags,r=t.oldTags;n.length&&(f[e]=n),r.length&&(m[e]=p[e].oldTags)})),t&&t(),s(e,f,m)},Q=null,Y=function(e){function t(){for(var t,n=arguments.length,r=new Array(n),o=0;o<n;o++)r[o]=arguments[o];return(t=e.call.apply(e,[this].concat(r))||this).rendered=!1,t}f(t,e);var n=t.prototype;return n.shouldComponentUpdate=function(e){return!d()(e,this.props)},n.componentDidUpdate=function(){this.emitChange()},n.componentWillUnmount=function(){this.props.context.helmetInstances.remove(this),this.emitChange()},n.emitChange=function(){var e,t,n=this.props.context,r=n.setHelmet,o=null,a=(e=n.helmetInstances.get().map((function(e){var t=p({},e.props);return delete t.context,t})),{baseTag:j(["href"],e),bodyAttributes:C("bodyAttributes",e),defer:k(e,"defer"),encode:k(e,"encodeSpecialCharacters"),htmlAttributes:C("htmlAttributes",e),linkTags:A(g.LINK,["rel","href"],e),metaTags:A(g.META,["name","charset","http-equiv","property","itemprop"],e),noscriptTags:A(g.NOSCRIPT,["innerHTML"],e),onChangeClientState:_(e),scriptTags:A(g.SCRIPT,["src","innerHTML"],e),styleTags:A(g.STYLE,["cssText"],e),title:E(e),titleAttributes:C("titleAttributes",e),prioritizeSeoTags:O(e,"prioritizeSeoTags")});V.canUseDOM?(t=a,Q&&cancelAnimationFrame(Q),t.defer?Q=requestAnimationFrame((function(){K(t,(function(){Q=null}))})):(K(t),Q=null)):z&&(o=z(a)),r(o)},n.init=function(){this.rendered||(this.rendered=!0,this.props.context.helmetInstances.add(this),this.emitChange())},n.render=function(){return this.init(),null},t}(r.Component);Y.propTypes={context:$.isRequired},Y.displayName="HelmetDispatcher";var Z=["children"],J=["children"],X=function(e){function t(){return e.apply(this,arguments)||this}f(t,e);var n=t.prototype;return n.shouldComponentUpdate=function(e){return!s()(L(this.props,"helmetData"),L(e,"helmetData"))},n.mapNestedChildrenToProps=function(e,t){if(!t)return null;switch(e.type){case g.SCRIPT:case g.NOSCRIPT:return{innerHTML:t};case g.STYLE:return{cssText:t};default:throw new Error("<"+e.type+" /> elements are self-closing and can not contain children. Refer to our API for more information.")}},n.flattenArrayTypeChildren=function(e){var t,n=e.child,r=e.arrayTypeChildren;return p({},r,((t={})[n.type]=[].concat(r[n.type]||[],[p({},e.newChildProps,this.mapNestedChildrenToProps(n,e.nestedChildren))]),t))},n.mapObjectTypeChildren=function(e){var t,n,r=e.child,o=e.newProps,a=e.newChildProps,i=e.nestedChildren;switch(r.type){case g.TITLE:return p({},o,((t={})[r.type]=i,t.titleAttributes=p({},a),t));case g.BODY:return p({},o,{bodyAttributes:p({},a)});case g.HTML:return p({},o,{htmlAttributes:p({},a)});default:return p({},o,((n={})[r.type]=p({},a),n))}},n.mapArrayTypeChildrenToProps=function(e,t){var n=p({},t);return Object.keys(e).forEach((function(t){var r;n=p({},n,((r={})[t]=e[t],r))})),n},n.warnOnInvalidChildren=function(e,t){return c()(w.some((function(t){return e.type===t})),"function"==typeof e.type?"You may be attempting to nest <Helmet> components within each other, which is not allowed. Refer to our API for more information.":"Only elements types "+w.join(", ")+" are allowed. Helmet does not support rendering <"+e.type+"> elements. Refer to our API for more information."),c()(!t||"string"==typeof t||Array.isArray(t)&&!t.some((function(e){return"string"!=typeof e})),"Helmet expects a string as a child of <"+e.type+">. Did you forget to wrap your children in braces? ( <"+e.type+">{``}</"+e.type+"> ) Refer to our API for more information."),!0},n.mapChildrenToProps=function(e,t){var n=this,o={};return r.Children.forEach(e,(function(e){if(e&&e.props){var r=e.props,a=r.children,i=h(r,Z),s=Object.keys(i).reduce((function(e,t){return e[x[t]||t]=i[t],e}),{}),l=e.type;switch("symbol"==typeof l?l=l.toString():n.warnOnInvalidChildren(e,a),l){case g.FRAGMENT:t=n.mapChildrenToProps(a,t);break;case g.LINK:case g.META:case g.NOSCRIPT:case g.SCRIPT:case g.STYLE:o=n.flattenArrayTypeChildren({child:e,arrayTypeChildren:o,newChildProps:s,nestedChildren:a});break;default:t=n.mapObjectTypeChildren({child:e,newProps:t,newChildProps:s,nestedChildren:a})}}})),this.mapArrayTypeChildrenToProps(o,t)},n.render=function(){var e=this.props,t=e.children,n=h(e,J),o=p({},n),a=n.helmetData;return t&&(o=this.mapChildrenToProps(t,o)),!a||a instanceof U||(a=new U(a.context,a.instances)),a?r.createElement(Y,p({},o,{context:a.value,helmetData:void 0})):r.createElement(q.Consumer,null,(function(e){return r.createElement(Y,p({},o,{context:e}))}))},t}(r.Component);X.propTypes={base:a().object,bodyAttributes:a().object,children:a().oneOfType([a().arrayOf(a().node),a().node]),defaultTitle:a().string,defer:a().bool,encodeSpecialCharacters:a().bool,htmlAttributes:a().object,link:a().arrayOf(a().object),meta:a().arrayOf(a().object),noscript:a().arrayOf(a().object),onChangeClientState:a().func,script:a().arrayOf(a().object),style:a().arrayOf(a().object),title:a().string,titleAttributes:a().object,titleTemplate:a().string,prioritizeSeoTags:a().bool,helmetData:a().object},X.defaultProps={defer:!0,encodeSpecialCharacters:!0,prioritizeSeoTags:!1},X.displayName="Helmet"},5843:(e,t)=>{"use strict";var n="function"==typeof Symbol&&Symbol.for,r=n?Symbol.for("react.element"):60103,o=n?Symbol.for("react.portal"):60106,a=n?Symbol.for("react.fragment"):60107,i=n?Symbol.for("react.strict_mode"):60108,s=n?Symbol.for("react.profiler"):60114,l=n?Symbol.for("react.provider"):60109,c=n?Symbol.for("react.context"):60110,u=n?Symbol.for("react.async_mode"):60111,d=n?Symbol.for("react.concurrent_mode"):60111,p=n?Symbol.for("react.forward_ref"):60112,f=n?Symbol.for("react.suspense"):60113,m=n?Symbol.for("react.suspense_list"):60120,h=n?Symbol.for("react.memo"):60115,g=n?Symbol.for("react.lazy"):60116,b=n?Symbol.for("react.block"):60121,y=n?Symbol.for("react.fundamental"):60117,v=n?Symbol.for("react.responder"):60118,w=n?Symbol.for("react.scope"):60119;function S(e){if("object"==typeof e&&null!==e){var t=e.$$typeof;switch(t){case r:switch(e=e.type){case u:case d:case a:case s:case i:case f:return e;default:switch(e=e&&e.$$typeof){case c:case p:case g:case h:case l:return e;default:return t}}case o:return t}}}function x(e){return S(e)===d}t.AsyncMode=u,t.ConcurrentMode=d,t.ContextConsumer=c,t.ContextProvider=l,t.Element=r,t.ForwardRef=p,t.Fragment=a,t.Lazy=g,t.Memo=h,t.Portal=o,t.Profiler=s,t.StrictMode=i,t.Suspense=f,t.isAsyncMode=function(e){return x(e)||S(e)===u},t.isConcurrentMode=x,t.isContextConsumer=function(e){return S(e)===c},t.isContextProvider=function(e){return S(e)===l},t.isElement=function(e){return"object"==typeof e&&null!==e&&e.$$typeof===r},t.isForwardRef=function(e){return S(e)===p},t.isFragment=function(e){return S(e)===a},t.isLazy=function(e){return S(e)===g},t.isMemo=function(e){return S(e)===h},t.isPortal=function(e){return S(e)===o},t.isProfiler=function(e){return S(e)===s},t.isStrictMode=function(e){return S(e)===i},t.isSuspense=function(e){return S(e)===f},t.isValidElementType=function(e){return"string"==typeof e||"function"==typeof e||e===a||e===d||e===s||e===i||e===f||e===m||"object"==typeof e&&null!==e&&(e.$$typeof===g||e.$$typeof===h||e.$$typeof===l||e.$$typeof===c||e.$$typeof===p||e.$$typeof===y||e.$$typeof===v||e.$$typeof===w||e.$$typeof===b)},t.typeOf=S},5959:(e,t,n)=>{"use strict";e.exports=n(5843)},389:(e,t,n)=>{"use strict";n.d(t,{u:()=>i,v:()=>s});var r=n(5557),o=n(991),a=n(758);function i(e,t,n){return void 0===n&&(n=[]),e.some((function(e){var o=e.path?(0,r.B6)(t,e):n.length?n[n.length-1].match:r.Ix.computeRootMatch(t);return o&&(n.push({route:e,match:o}),e.routes&&i(e.routes,t,n)),o})),n}function s(e,t,n){return void 0===t&&(t={}),void 0===n&&(n={}),e?a.createElement(r.dO,n,e.map((function(e,n){return a.createElement(r.qh,{key:e.key||n,path:e.path,exact:e.exact,strict:e.strict,render:function(n){return e.render?e.render((0,o.A)({},n,{},t,{route:e})):a.createElement(e.component,(0,o.A)({},n,t,{route:e}))}})}))):null}},1742:(e,t,n)=>{"use strict";n.d(t,{I9:()=>d,Kd:()=>u,N_:()=>b,k2:()=>w});var r=n(5557),o=n(1141),a=n(758),i=n(3332),s=n(991),l=n(3302),c=n(5385),u=function(e){function t(){for(var t,n=arguments.length,r=new Array(n),o=0;o<n;o++)r[o]=arguments[o];return(t=e.call.apply(e,[this].concat(r))||this).history=(0,i.zR)(t.props),t}return(0,o.A)(t,e),t.prototype.render=function(){return a.createElement(r.Ix,{history:this.history,children:this.props.children})},t}(a.Component);var d=function(e){function t(){for(var t,n=arguments.length,r=new Array(n),o=0;o<n;o++)r[o]=arguments[o];return(t=e.call.apply(e,[this].concat(r))||this).history=(0,i.TM)(t.props),t}return(0,o.A)(t,e),t.prototype.render=function(){return a.createElement(r.Ix,{history:this.history,children:this.props.children})},t}(a.Component);var p=function(e,t){return"function"==typeof e?e(t):e},f=function(e,t){return"string"==typeof e?(0,i.yJ)(e,null,null,t):e},m=function(e){return e},h=a.forwardRef;void 0===h&&(h=m);var g=h((function(e,t){var n=e.innerRef,r=e.navigate,o=e.onClick,i=(0,l.A)(e,["innerRef","navigate","onClick"]),c=i.target,u=(0,s.A)({},i,{onClick:function(e){try{o&&o(e)}catch(t){throw e.preventDefault(),t}e.defaultPrevented||0!==e.button||c&&"_self"!==c||function(e){return!!(e.metaKey||e.altKey||e.ctrlKey||e.shiftKey)}(e)||(e.preventDefault(),r())}});return u.ref=m!==h&&t||n,a.createElement("a",u)}));var b=h((function(e,t){var n=e.component,o=void 0===n?g:n,u=e.replace,d=e.to,b=e.innerRef,y=(0,l.A)(e,["component","replace","to","innerRef"]);return a.createElement(r.XZ.Consumer,null,(function(e){e||(0,c.A)(!1);var n=e.history,r=f(p(d,e.location),e.location),l=r?n.createHref(r):"",g=(0,s.A)({},y,{href:l,navigate:function(){var t=p(d,e.location),r=(0,i.AO)(e.location)===(0,i.AO)(f(t));(u||r?n.replace:n.push)(t)}});return m!==h?g.ref=t||b:g.innerRef=b,a.createElement(o,g)}))})),y=function(e){return e},v=a.forwardRef;void 0===v&&(v=y);var w=v((function(e,t){var n=e["aria-current"],o=void 0===n?"page":n,i=e.activeClassName,u=void 0===i?"active":i,d=e.activeStyle,m=e.className,h=e.exact,g=e.isActive,w=e.location,S=e.sensitive,x=e.strict,k=e.style,E=e.to,_=e.innerRef,C=(0,l.A)(e,["aria-current","activeClassName","activeStyle","className","exact","isActive","location","sensitive","strict","style","to","innerRef"]);return a.createElement(r.XZ.Consumer,null,(function(e){e||(0,c.A)(!1);var n=w||e.location,i=f(p(E,n),n),l=i.pathname,j=l&&l.replace(/([.+*?=^!:${}()[\]|/\\])/g,"\\$1"),A=j?(0,r.B6)(n.pathname,{path:j,exact:h,sensitive:S,strict:x}):null,O=!!(g?g(A,n):A),T="function"==typeof m?m(O):m,P="function"==typeof k?k(O):k;O&&(T=function(){for(var e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];return t.filter((function(e){return e})).join(" ")}(T,u),P=(0,s.A)({},P,d));var L=(0,s.A)({"aria-current":O&&o||null,className:T,style:P,to:i},C);return y!==v?L.ref=t||_:L.innerRef=_,a.createElement(b,L)}))}))},5557:(e,t,n)=>{"use strict";n.d(t,{B6:()=>k,Ix:()=>v,W6:()=>L,XZ:()=>y,dO:()=>T,qh:()=>E,zy:()=>I});var r=n(1141),o=n(758),a=n(2736),i=n.n(a),s=n(3332),l=n(5385),c=n(991),u=n(6150),d=n.n(u),p=(n(5959),n(3302)),f=(n(1035),1073741823),m="undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:void 0!==n.g?n.g:{};var h=o.createContext||function(e,t){var n,a,s="__create-react-context-"+function(){var e="__global_unique_id__";return m[e]=(m[e]||0)+1}()+"__",l=function(e){function n(){for(var t,n,r,o=arguments.length,a=new Array(o),i=0;i<o;i++)a[i]=arguments[i];return(t=e.call.apply(e,[this].concat(a))||this).emitter=(n=t.props.value,r=[],{on:function(e){r.push(e)},off:function(e){r=r.filter((function(t){return t!==e}))},get:function(){return n},set:function(e,t){n=e,r.forEach((function(e){return e(n,t)}))}}),t}(0,r.A)(n,e);var o=n.prototype;return o.getChildContext=function(){var e;return(e={})[s]=this.emitter,e},o.componentWillReceiveProps=function(e){if(this.props.value!==e.value){var n,r=this.props.value,o=e.value;((a=r)===(i=o)?0!==a||1/a==1/i:a!=a&&i!=i)?n=0:(n="function"==typeof t?t(r,o):f,0!==(n|=0)&&this.emitter.set(e.value,n))}var a,i},o.render=function(){return this.props.children},n}(o.Component);l.childContextTypes=((n={})[s]=i().object.isRequired,n);var c=function(t){function n(){for(var e,n=arguments.length,r=new Array(n),o=0;o<n;o++)r[o]=arguments[o];return(e=t.call.apply(t,[this].concat(r))||this).observedBits=void 0,e.state={value:e.getValue()},e.onUpdate=function(t,n){(0|e.observedBits)&n&&e.setState({value:e.getValue()})},e}(0,r.A)(n,t);var o=n.prototype;return o.componentWillReceiveProps=function(e){var t=e.observedBits;this.observedBits=null==t?f:t},o.componentDidMount=function(){this.context[s]&&this.context[s].on(this.onUpdate);var e=this.props.observedBits;this.observedBits=null==e?f:e},o.componentWillUnmount=function(){this.context[s]&&this.context[s].off(this.onUpdate)},o.getValue=function(){return this.context[s]?this.context[s].get():e},o.render=function(){return(e=this.props.children,Array.isArray(e)?e[0]:e)(this.state.value);var e},n}(o.Component);return c.contextTypes=((a={})[s]=i().object,a),{Provider:l,Consumer:c}},g=function(e){var t=h();return t.displayName=e,t},b=g("Router-History"),y=g("Router"),v=function(e){function t(t){var n;return(n=e.call(this,t)||this).state={location:t.history.location},n._isMounted=!1,n._pendingLocation=null,t.staticContext||(n.unlisten=t.history.listen((function(e){n._pendingLocation=e}))),n}(0,r.A)(t,e),t.computeRootMatch=function(e){return{path:"/",url:"/",params:{},isExact:"/"===e}};var n=t.prototype;return n.componentDidMount=function(){var e=this;this._isMounted=!0,this.unlisten&&this.unlisten(),this.props.staticContext||(this.unlisten=this.props.history.listen((function(t){e._isMounted&&e.setState({location:t})}))),this._pendingLocation&&this.setState({location:this._pendingLocation})},n.componentWillUnmount=function(){this.unlisten&&(this.unlisten(),this._isMounted=!1,this._pendingLocation=null)},n.render=function(){return o.createElement(y.Provider,{value:{history:this.props.history,location:this.state.location,match:t.computeRootMatch(this.state.location.pathname),staticContext:this.props.staticContext}},o.createElement(b.Provider,{children:this.props.children||null,value:this.props.history}))},t}(o.Component);o.Component;o.Component;var w={},S=1e4,x=0;function k(e,t){void 0===t&&(t={}),("string"==typeof t||Array.isArray(t))&&(t={path:t});var n=t,r=n.path,o=n.exact,a=void 0!==o&&o,i=n.strict,s=void 0!==i&&i,l=n.sensitive,c=void 0!==l&&l;return[].concat(r).reduce((function(t,n){if(!n&&""!==n)return null;if(t)return t;var r=function(e,t){var n=""+t.end+t.strict+t.sensitive,r=w[n]||(w[n]={});if(r[e])return r[e];var o=[],a={regexp:d()(e,o,t),keys:o};return x<S&&(r[e]=a,x++),a}(n,{end:a,strict:s,sensitive:c}),o=r.regexp,i=r.keys,l=o.exec(e);if(!l)return null;var u=l[0],p=l.slice(1),f=e===u;return a&&!f?null:{path:n,url:"/"===n&&""===u?"/":u,isExact:f,params:i.reduce((function(e,t,n){return e[t.name]=p[n],e}),{})}}),null)}var E=function(e){function t(){return e.apply(this,arguments)||this}return(0,r.A)(t,e),t.prototype.render=function(){var e=this;return o.createElement(y.Consumer,null,(function(t){t||(0,l.A)(!1);var n=e.props.location||t.location,r=e.props.computedMatch?e.props.computedMatch:e.props.path?k(n.pathname,e.props):t.match,a=(0,c.A)({},t,{location:n,match:r}),i=e.props,s=i.children,u=i.component,d=i.render;return Array.isArray(s)&&function(e){return 0===o.Children.count(e)}(s)&&(s=null),o.createElement(y.Provider,{value:a},a.match?s?"function"==typeof s?s(a):s:u?o.createElement(u,a):d?d(a):null:"function"==typeof s?s(a):null)}))},t}(o.Component);function _(e){return"/"===e.charAt(0)?e:"/"+e}function C(e,t){if(!e)return t;var n=_(e);return 0!==t.pathname.indexOf(n)?t:(0,c.A)({},t,{pathname:t.pathname.substr(n.length)})}function j(e){return"string"==typeof e?e:(0,s.AO)(e)}function A(e){return function(){(0,l.A)(!1)}}function O(){}o.Component;var T=function(e){function t(){return e.apply(this,arguments)||this}return(0,r.A)(t,e),t.prototype.render=function(){var e=this;return o.createElement(y.Consumer,null,(function(t){t||(0,l.A)(!1);var n,r,a=e.props.location||t.location;return o.Children.forEach(e.props.children,(function(e){if(null==r&&o.isValidElement(e)){n=e;var i=e.props.path||e.props.from;r=i?k(a.pathname,(0,c.A)({},e.props,{path:i})):t.match}})),r?o.cloneElement(n,{location:a,computedMatch:r}):null}))},t}(o.Component);var P=o.useContext;function L(){return P(b)}function I(){return P(y).location}},7462:(e,t,n)=>{"use strict";var r=n(758),o=Symbol.for("react.element"),a=Symbol.for("react.fragment"),i=Object.prototype.hasOwnProperty,s=r.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,l={key:!0,ref:!0,__self:!0,__source:!0};function c(e,t,n){var r,a={},c=null,u=null;for(r in void 0!==n&&(c=""+n),void 0!==t.key&&(c=""+t.key),void 0!==t.ref&&(u=t.ref),t)i.call(t,r)&&!l.hasOwnProperty(r)&&(a[r]=t[r]);if(e&&e.defaultProps)for(r in t=e.defaultProps)void 0===a[r]&&(a[r]=t[r]);return{$$typeof:o,type:e,key:c,ref:u,props:a,_owner:s.current}}t.Fragment=a,t.jsx=c,t.jsxs=c},2713:(e,t)=>{"use strict";var n=Symbol.for("react.element"),r=Symbol.for("react.portal"),o=Symbol.for("react.fragment"),a=Symbol.for("react.strict_mode"),i=Symbol.for("react.profiler"),s=Symbol.for("react.provider"),l=Symbol.for("react.context"),c=Symbol.for("react.forward_ref"),u=Symbol.for("react.suspense"),d=Symbol.for("react.memo"),p=Symbol.for("react.lazy"),f=Symbol.iterator;var m={isMounted:function(){return!1},enqueueForceUpdate:function(){},enqueueReplaceState:function(){},enqueueSetState:function(){}},h=Object.assign,g={};function b(e,t,n){this.props=e,this.context=t,this.refs=g,this.updater=n||m}function y(){}function v(e,t,n){this.props=e,this.context=t,this.refs=g,this.updater=n||m}b.prototype.isReactComponent={},b.prototype.setState=function(e,t){if("object"!=typeof e&&"function"!=typeof e&&null!=e)throw Error("setState(...): takes an object of state variables to update or a function which returns an object of state variables.");this.updater.enqueueSetState(this,e,t,"setState")},b.prototype.forceUpdate=function(e){this.updater.enqueueForceUpdate(this,e,"forceUpdate")},y.prototype=b.prototype;var w=v.prototype=new y;w.constructor=v,h(w,b.prototype),w.isPureReactComponent=!0;var S=Array.isArray,x=Object.prototype.hasOwnProperty,k={current:null},E={key:!0,ref:!0,__self:!0,__source:!0};function _(e,t,r){var o,a={},i=null,s=null;if(null!=t)for(o in void 0!==t.ref&&(s=t.ref),void 0!==t.key&&(i=""+t.key),t)x.call(t,o)&&!E.hasOwnProperty(o)&&(a[o]=t[o]);var l=arguments.length-2;if(1===l)a.children=r;else if(1<l){for(var c=Array(l),u=0;u<l;u++)c[u]=arguments[u+2];a.children=c}if(e&&e.defaultProps)for(o in l=e.defaultProps)void 0===a[o]&&(a[o]=l[o]);return{$$typeof:n,type:e,key:i,ref:s,props:a,_owner:k.current}}function C(e){return"object"==typeof e&&null!==e&&e.$$typeof===n}var j=/\/+/g;function A(e,t){return"object"==typeof e&&null!==e&&null!=e.key?function(e){var t={"=":"=0",":":"=2"};return"$"+e.replace(/[=:]/g,(function(e){return t[e]}))}(""+e.key):t.toString(36)}function O(e,t,o,a,i){var s=typeof e;"undefined"!==s&&"boolean"!==s||(e=null);var l=!1;if(null===e)l=!0;else switch(s){case"string":case"number":l=!0;break;case"object":switch(e.$$typeof){case n:case r:l=!0}}if(l)return i=i(l=e),e=""===a?"."+A(l,0):a,S(i)?(o="",null!=e&&(o=e.replace(j,"$&/")+"/"),O(i,t,o,"",(function(e){return e}))):null!=i&&(C(i)&&(i=function(e,t){return{$$typeof:n,type:e.type,key:t,ref:e.ref,props:e.props,_owner:e._owner}}(i,o+(!i.key||l&&l.key===i.key?"":(""+i.key).replace(j,"$&/")+"/")+e)),t.push(i)),1;if(l=0,a=""===a?".":a+":",S(e))for(var c=0;c<e.length;c++){var u=a+A(s=e[c],c);l+=O(s,t,o,u,i)}else if(u=function(e){return null===e||"object"!=typeof e?null:"function"==typeof(e=f&&e[f]||e["@@iterator"])?e:null}(e),"function"==typeof u)for(e=u.call(e),c=0;!(s=e.next()).done;)l+=O(s=s.value,t,o,u=a+A(s,c++),i);else if("object"===s)throw t=String(e),Error("Objects are not valid as a React child (found: "+("[object Object]"===t?"object with keys {"+Object.keys(e).join(", ")+"}":t)+"). If you meant to render a collection of children, use an array instead.");return l}function T(e,t,n){if(null==e)return e;var r=[],o=0;return O(e,r,"","",(function(e){return t.call(n,e,o++)})),r}function P(e){if(-1===e._status){var t=e._result;(t=t()).then((function(t){0!==e._status&&-1!==e._status||(e._status=1,e._result=t)}),(function(t){0!==e._status&&-1!==e._status||(e._status=2,e._result=t)})),-1===e._status&&(e._status=0,e._result=t)}if(1===e._status)return e._result.default;throw e._result}var L={current:null},I={transition:null},R={ReactCurrentDispatcher:L,ReactCurrentBatchConfig:I,ReactCurrentOwner:k};function N(){throw Error("act(...) is not supported in production builds of React.")}t.Children={map:T,forEach:function(e,t,n){T(e,(function(){t.apply(this,arguments)}),n)},count:function(e){var t=0;return T(e,(function(){t++})),t},toArray:function(e){return T(e,(function(e){return e}))||[]},only:function(e){if(!C(e))throw Error("React.Children.only expected to receive a single React element child.");return e}},t.Component=b,t.Fragment=o,t.Profiler=i,t.PureComponent=v,t.StrictMode=a,t.Suspense=u,t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED=R,t.act=N,t.cloneElement=function(e,t,r){if(null==e)throw Error("React.cloneElement(...): The argument must be a React element, but you passed "+e+".");var o=h({},e.props),a=e.key,i=e.ref,s=e._owner;if(null!=t){if(void 0!==t.ref&&(i=t.ref,s=k.current),void 0!==t.key&&(a=""+t.key),e.type&&e.type.defaultProps)var l=e.type.defaultProps;for(c in t)x.call(t,c)&&!E.hasOwnProperty(c)&&(o[c]=void 0===t[c]&&void 0!==l?l[c]:t[c])}var c=arguments.length-2;if(1===c)o.children=r;else if(1<c){l=Array(c);for(var u=0;u<c;u++)l[u]=arguments[u+2];o.children=l}return{$$typeof:n,type:e.type,key:a,ref:i,props:o,_owner:s}},t.createContext=function(e){return(e={$$typeof:l,_currentValue:e,_currentValue2:e,_threadCount:0,Provider:null,Consumer:null,_defaultValue:null,_globalName:null}).Provider={$$typeof:s,_context:e},e.Consumer=e},t.createElement=_,t.createFactory=function(e){var t=_.bind(null,e);return t.type=e,t},t.createRef=function(){return{current:null}},t.forwardRef=function(e){return{$$typeof:c,render:e}},t.isValidElement=C,t.lazy=function(e){return{$$typeof:p,_payload:{_status:-1,_result:e},_init:P}},t.memo=function(e,t){return{$$typeof:d,type:e,compare:void 0===t?null:t}},t.startTransition=function(e){var t=I.transition;I.transition={};try{e()}finally{I.transition=t}},t.unstable_act=N,t.useCallback=function(e,t){return L.current.useCallback(e,t)},t.useContext=function(e){return L.current.useContext(e)},t.useDebugValue=function(){},t.useDeferredValue=function(e){return L.current.useDeferredValue(e)},t.useEffect=function(e,t){return L.current.useEffect(e,t)},t.useId=function(){return L.current.useId()},t.useImperativeHandle=function(e,t,n){return L.current.useImperativeHandle(e,t,n)},t.useInsertionEffect=function(e,t){return L.current.useInsertionEffect(e,t)},t.useLayoutEffect=function(e,t){return L.current.useLayoutEffect(e,t)},t.useMemo=function(e,t){return L.current.useMemo(e,t)},t.useReducer=function(e,t,n){return L.current.useReducer(e,t,n)},t.useRef=function(e){return L.current.useRef(e)},t.useState=function(e){return L.current.useState(e)},t.useSyncExternalStore=function(e,t,n){return L.current.useSyncExternalStore(e,t,n)},t.useTransition=function(){return L.current.useTransition()},t.version="18.3.1"},758:(e,t,n)=>{"use strict";e.exports=n(2713)},6070:(e,t,n)=>{"use strict";e.exports=n(7462)},4733:(e,t)=>{"use strict";function n(e,t){var n=e.length;e.push(t);e:for(;0<n;){var r=n-1>>>1,o=e[r];if(!(0<a(o,t)))break e;e[r]=t,e[n]=o,n=r}}function r(e){return 0===e.length?null:e[0]}function o(e){if(0===e.length)return null;var t=e[0],n=e.pop();if(n!==t){e[0]=n;e:for(var r=0,o=e.length,i=o>>>1;r<i;){var s=2*(r+1)-1,l=e[s],c=s+1,u=e[c];if(0>a(l,n))c<o&&0>a(u,l)?(e[r]=u,e[c]=n,r=c):(e[r]=l,e[s]=n,r=s);else{if(!(c<o&&0>a(u,n)))break e;e[r]=u,e[c]=n,r=c}}}return t}function a(e,t){var n=e.sortIndex-t.sortIndex;return 0!==n?n:e.id-t.id}if("object"==typeof performance&&"function"==typeof performance.now){var i=performance;t.unstable_now=function(){return i.now()}}else{var s=Date,l=s.now();t.unstable_now=function(){return s.now()-l}}var c=[],u=[],d=1,p=null,f=3,m=!1,h=!1,g=!1,b="function"==typeof setTimeout?setTimeout:null,y="function"==typeof clearTimeout?clearTimeout:null,v="undefined"!=typeof setImmediate?setImmediate:null;function w(e){for(var t=r(u);null!==t;){if(null===t.callback)o(u);else{if(!(t.startTime<=e))break;o(u),t.sortIndex=t.expirationTime,n(c,t)}t=r(u)}}function S(e){if(g=!1,w(e),!h)if(null!==r(c))h=!0,I(x);else{var t=r(u);null!==t&&R(S,t.startTime-e)}}function x(e,n){h=!1,g&&(g=!1,y(C),C=-1),m=!0;var a=f;try{for(w(n),p=r(c);null!==p&&(!(p.expirationTime>n)||e&&!O());){var i=p.callback;if("function"==typeof i){p.callback=null,f=p.priorityLevel;var s=i(p.expirationTime<=n);n=t.unstable_now(),"function"==typeof s?p.callback=s:p===r(c)&&o(c),w(n)}else o(c);p=r(c)}if(null!==p)var l=!0;else{var d=r(u);null!==d&&R(S,d.startTime-n),l=!1}return l}finally{p=null,f=a,m=!1}}"undefined"!=typeof navigator&&void 0!==navigator.scheduling&&void 0!==navigator.scheduling.isInputPending&&navigator.scheduling.isInputPending.bind(navigator.scheduling);var k,E=!1,_=null,C=-1,j=5,A=-1;function O(){return!(t.unstable_now()-A<j)}function T(){if(null!==_){var e=t.unstable_now();A=e;var n=!0;try{n=_(!0,e)}finally{n?k():(E=!1,_=null)}}else E=!1}if("function"==typeof v)k=function(){v(T)};else if("undefined"!=typeof MessageChannel){var P=new MessageChannel,L=P.port2;P.port1.onmessage=T,k=function(){L.postMessage(null)}}else k=function(){b(T,0)};function I(e){_=e,E||(E=!0,k())}function R(e,n){C=b((function(){e(t.unstable_now())}),n)}t.unstable_IdlePriority=5,t.unstable_ImmediatePriority=1,t.unstable_LowPriority=4,t.unstable_NormalPriority=3,t.unstable_Profiling=null,t.unstable_UserBlockingPriority=2,t.unstable_cancelCallback=function(e){e.callback=null},t.unstable_continueExecution=function(){h||m||(h=!0,I(x))},t.unstable_forceFrameRate=function(e){0>e||125<e?console.error("forceFrameRate takes a positive int between 0 and 125, forcing frame rates higher than 125 fps is not supported"):j=0<e?Math.floor(1e3/e):5},t.unstable_getCurrentPriorityLevel=function(){return f},t.unstable_getFirstCallbackNode=function(){return r(c)},t.unstable_next=function(e){switch(f){case 1:case 2:case 3:var t=3;break;default:t=f}var n=f;f=t;try{return e()}finally{f=n}},t.unstable_pauseExecution=function(){},t.unstable_requestPaint=function(){},t.unstable_runWithPriority=function(e,t){switch(e){case 1:case 2:case 3:case 4:case 5:break;default:e=3}var n=f;f=e;try{return t()}finally{f=n}},t.unstable_scheduleCallback=function(e,o,a){var i=t.unstable_now();switch("object"==typeof a&&null!==a?a="number"==typeof(a=a.delay)&&0<a?i+a:i:a=i,e){case 1:var s=-1;break;case 2:s=250;break;case 5:s=1073741823;break;case 4:s=1e4;break;default:s=5e3}return e={id:d++,callback:o,priorityLevel:e,startTime:a,expirationTime:s=a+s,sortIndex:-1},a>i?(e.sortIndex=a,n(u,e),null===r(c)&&e===r(u)&&(g?(y(C),C=-1):g=!0,R(S,a-i))):(e.sortIndex=s,n(c,e),h||m||(h=!0,I(x))),e},t.unstable_shouldYield=O,t.unstable_wrapCallback=function(e){var t=f;return function(){var n=f;f=t;try{return e.apply(this,arguments)}finally{f=n}}}},1896:(e,t,n)=>{"use strict";e.exports=n(4733)},2945:e=>{e.exports=function(e,t,n,r){var o=n?n.call(r,e,t):void 0;if(void 0!==o)return!!o;if(e===t)return!0;if("object"!=typeof e||!e||"object"!=typeof t||!t)return!1;var a=Object.keys(e),i=Object.keys(t);if(a.length!==i.length)return!1;for(var s=Object.prototype.hasOwnProperty.bind(t),l=0;l<a.length;l++){var c=a[l];if(!s(c))return!1;var u=e[c],d=t[c];if(!1===(o=n?n.call(r,u,d,c):void 0)||void 0===o&&u!==d)return!1}return!0}},4784:(e,t,n)=>{"use strict";n.r(t),n.d(t,{default:()=>r});const r={title:"Feature-Sliced Design",tagline:"Architectural methodology for frontend projects",organizationName:"feature-sliced",projectName:"documentation",url:"https://feature-sliced.design",favicon:"img/favicon/classic.png",baseUrl:"/ru/",i18n:{defaultLocale:"en",locales:["ru","en","uz","kr","ja"],localeConfigs:{ru:{label:"\u0420\u0443\u0441\u0441\u043a\u0438\u0439",direction:"ltr"},en:{label:"English",direction:"ltr"},uz:{label:"O'zbekcha",direction:"ltr"},kr:{label:"\ud55c\uad6d\uc5b4",direction:"ltr"},ja:{label:"\u65e5\u672c\u8a9e",direction:"ltr"}},path:"i18n"},presets:[["@docusaurus/preset-classic",{docs:{path:"i18n/en/docusaurus-plugin-content-docs/current",breadcrumbs:!0,editLocalizedFiles:!0,sidebarPath:"/home/runner/work/documentation/documentation/config/docusaurus/sidebars.docs.js",editUrl:"https://github.com/feature-sliced/documentation/edit/master/",showLastUpdateTime:!0,versions:{current:{label:"v2.0.0 \ud83c\udf70"}}},blog:{showReadingTime:!0,editUrl:"https://github.com/feature-sliced/documentation/edit/master/blog/",onInlineAuthors:"ignore"},theme:{customCss:"/home/runner/work/documentation/documentation/src/app/index.scss"},sitemap:{changefreq:"weekly",priority:.5}}]],plugins:[["@docusaurus/plugin-content-docs",{id:"community",breadcrumbs:!0,path:"i18n/en/docusaurus-plugin-content-docs/community",editLocalizedFiles:!0,routeBasePath:"community",editUrl:"https://github.com/feature-sliced/documentation/edit/master/",sidebarPath:"/home/runner/work/documentation/documentation/config/docusaurus/sidebars.community.js",showLastUpdateAuthor:!0,showLastUpdateTime:!0}],"docusaurus-plugin-sass",["@docusaurus/plugin-client-redirects",{redirects:[{from:"/branding",to:"/docs/branding"},{from:"/docs/guides/migration",to:"/docs/guides/migration/from-custom"},{from:"/docs/get-started/quick-start",to:"/docs/get-started/tutorial"},{from:"/docs/get-started/basics",to:"/docs/get-started/overview"},{from:["/docs/get-started/tutorial/decompose","/docs/get-started/tutorial/design-mockup","/docs/get-started/onboard/cheatsheet"],to:"/docs/get-started/cheatsheet"},{from:["/docs/about/alternatives/big-ball-of-mud","/docs/about/alternatives/design-principles","/docs/about/alternatives/ddd","/docs/about/alternatives/clean-architecture","/docs/about/alternatives/frameworks","/docs/about/alternatives/atomic-design","/docs/about/alternatives/smart-dumb-components","/docs/about/alternatives/feature-driven"],to:"/docs/about/alternatives"},{from:"/docs/reference/knowledge-types",to:"/docs/about/understanding/knowledge-types"},{from:"/docs/concepts/needs-driven",to:"/docs/about/understanding/needs-driven"},{from:"/docs/concepts/architecture",to:"/docs/about/understanding/architecture"},{from:"/docs/concepts/naming-adaptability",to:"/docs/about/understanding/naming"},{from:"/docs/concepts/signals",to:"/docs/about/understanding/signals"},{from:"/docs/concepts/abstractions",to:"/docs/about/understanding/abstractions"},{from:"/docs/concepts/decouple-entities",to:"/docs/reference/isolation/decouple-entities"},{from:"/docs/concepts/low-coupling",to:"/docs/reference/isolation/coupling-cohesion"},{from:"/docs/concepts/cross-communication",to:"/docs/reference/isolation"},{from:"/docs/concepts/app-splitting",to:"/docs/reference"},{from:"/docs/reference/units/decomposition",to:"/docs/reference"},{from:"/docs/reference/units",to:"/docs/reference"},{from:"/docs/reference/units/layers",to:"/docs/reference/layers"},{from:"/docs/reference/layers/overview",to:"/docs/reference/layers"},{from:"/docs/reference/units/layers/app",to:"/docs/reference/layers"},{from:"/docs/reference/units/layers/processes",to:"/docs/reference/layers"},{from:"/docs/reference/units/layers/pages",to:"/docs/reference/layers"},{from:"/docs/reference/units/layers/widgets",to:"/docs/reference/layers"},{from:"/docs/reference/layers/widgets",to:"/docs/reference/layers"},{from:"/docs/reference/units/layers/features",to:"/docs/reference/layers"},{from:"/docs/reference/units/layers/entities",to:"/docs/reference/layers"},{from:"/docs/reference/units/layers/shared",to:"/docs/reference/layers"},{from:"/docs/reference/units/segments",to:"/docs/reference/slices-segments"},{from:"/docs/concepts/issues/cross-imports",to:"/docs/guides/issues/cross-imports"},{from:"/docs/concepts/issues/desegmented",to:"/docs/guides/issues/desegmented"},{from:"/docs/concepts/issues/routes",to:"/docs/guides/issues/routes"},{from:"/docs/guides/examples/viewer",to:"/docs/guides/examples/auth"},{from:"/docs/guides/monorepo",to:"/docs/guides/examples/monorepo"},{from:"/docs/guides/white-labels",to:"/docs/guides/examples/white-labels"},{from:"/docs/guides/migration-from-v1",to:"/docs/guides/migration/from-v1"},{from:"/docs/guides/migration-from-legacy",to:"/docs/guides/migration/from-custom"},{from:"/docs/guides/usage-with-nextjs",to:"/docs/guides/tech/with-nextjs"},{from:"/docs/guides/migration/from-legacy",to:"/docs/guides/migration/from-custom"},{from:"/en/docs/about",to:"/docs/about"},{from:"/en/docs/about/alternatives",to:"/docs/about/alternatives"},{from:"/en/docs/about/mission",to:"/docs/about/mission"},{from:"/en/docs/about/motivation",to:"/docs/about/motivation"},{from:"/en/docs/about/promote/for-company",to:"/docs/about/promote/for-company"},{from:"/en/docs/about/promote/for-team",to:"/docs/about/promote/for-team"},{from:"/en/docs/about/promote/integration",to:"/docs/about/promote/integration"},{from:"/en/docs/about/promote/partial-application",to:"/docs/about/promote/partial-application"},{from:"/en/docs/branding",to:"/docs/branding"},{from:"/en/docs/get-started",to:"/docs/get-started"},{from:"/en/docs/get-started/overview",to:"/docs/get-started/overview"},{from:"/en/docs/get-started/cheatsheet",to:"/docs/get-started/cheatsheet"},{from:"/en/docs/get-started/faq",to:"/docs/get-started/faq"},{from:"/en/docs/get-started/tutorial",to:"/docs/get-started/tutorial"},{from:"/en/docs/guides",to:"/docs/guides"},{from:"/en/docs/guides/examples",to:"/docs/guides/examples"},{from:"/en/docs/guides/examples/auth",to:"/docs/guides/examples/auth"},{from:"/en/docs/guides/examples/autocompleted",to:"/docs/guides/examples/autocompleted"},{from:"/en/docs/guides/examples/browser-api",to:"/docs/guides/examples/browser-api"},{from:"/en/docs/guides/examples/cms",to:"/docs/guides/examples/cms"},{from:"/en/docs/guides/examples/feedback",to:"/docs/guides/examples/feedback"},{from:"/en/docs/guides/examples/i18n",to:"/docs/guides/examples/i18n"},{from:"/en/docs/guides/examples/metric",to:"/docs/guides/examples/metric"},{from:"/en/docs/guides/examples/monorepo",to:"/docs/guides/examples/monorepo"},{from:"/en/docs/guides/examples/page-layout",to:"/docs/guides/examples/page-layout"},{from:"/en/docs/guides/examples/platforms",to:"/docs/guides/examples/platforms"},{from:"/en/docs/guides/examples/ssr",to:"/docs/guides/examples/ssr"},{from:"/en/docs/guides/examples/theme",to:"/docs/guides/examples/theme"},{from:"/en/docs/guides/examples/types",to:"/docs/guides/examples/types"},{from:"/en/docs/guides/examples/white-labels",to:"/docs/guides/examples/white-labels"},{from:"/en/docs/guides/migration/from-custom",to:"/docs/guides/migration/from-custom"},{from:"/en/docs/guides/migration/from-v1",to:"/docs/guides/migration/from-v1"},{from:"/en/docs/guides/tech/with-nextjs",to:"/docs/guides/tech/with-nextjs"},{from:"/en/docs/",to:"/docs/"},{from:"/en/docs/reference",to:"/docs/reference"}]}],["@docusaurus/plugin-ideal-image",{quality:70,max:1030,min:640,steps:2}],"plugin-image-zoom"],onBrokenLinks:"throw",onBrokenMarkdownLinks:"throw",onDuplicateRoutes:"warn",customFields:{legacyRoutes:[{group:"\ud83d\ude80 Get Started",details:"Simplified and merged",children:[{title:"Tutorial",from:"/docs/get-started/quick-start",to:"/docs/get-started/tutorial"},{title:"Basics",from:"/docs/get-started/basics",to:"/docs/get-started/overview"},{title:"Decompose Cheatsheet",from:["/docs/get-started/tutorial/decompose","/docs/get-started/tutorial/design-mockup","/docs/get-started/onboard/cheatsheet"],to:"/docs/get-started/cheatsheet"}]},{group:"\ud83c\udf70 Alternatives",details:"Moved and merged to /about/alternatives as advanced materials",children:[{title:"Architecture approaches alternatives",from:["/docs/about/alternatives/big-ball-of-mud","/docs/about/alternatives/design-principles","/docs/about/alternatives/ddd","/docs/about/alternatives/clean-architecture","/docs/about/alternatives/frameworks","/docs/about/alternatives/atomic-design","/docs/about/alternatives/smart-dumb-components","/docs/about/alternatives/feature-driven"],to:"/docs/about/alternatives"}]},{group:"\ud83c\udf70 Promote & Understanding",details:"Moved to /about as advanced materials",children:[{title:"Knowledge types",from:"/docs/reference/knowledge-types",to:"/docs/about/understanding/knowledge-types"},{title:"Needs driven",from:"/docs/concepts/needs-driven",to:"/docs/about/understanding/needs-driven"},{title:"About architecture",from:"/docs/concepts/architecture",to:"/docs/about/understanding/architecture"},{title:"Naming adaptability",from:"/docs/concepts/naming-adaptability",to:"/docs/about/understanding/naming"},{title:"Signals of architecture",from:"/docs/concepts/signals",to:"/docs/about/understanding/signals"},{title:"Abstractions of architecture",from:"/docs/concepts/abstractions",to:"/docs/about/understanding/abstractions"}]},{group:"\ud83d\udcda Reference guidelines (isolation & units)",details:"Moved to /reference as theoretical materials (old concepts)",children:[{title:"Decouple of entities",from:"/docs/concepts/decouple-entities",to:"/docs/reference/isolation/decouple-entities"},{title:"Low Coupling & High Cohesion",from:"/docs/concepts/low-coupling",to:"/docs/reference/isolation/coupling-cohesion"},{title:"Cross-communication",from:"/docs/concepts/cross-communication",to:"/docs/reference/isolation"},{title:"App splitting",from:"/docs/concepts/app-splitting",to:"/docs/reference"},{title:"Decomposition",from:"/docs/reference/units/decomposition",to:"/docs/reference"},{title:"Units",from:"/docs/reference/units",to:"/docs/reference"},{title:"Layers",from:"/docs/reference/units/layers",to:"/docs/reference/layers"},{title:"Layer overview",from:"/docs/reference/layers/overview",to:"/docs/reference/layers"},{title:"App layer",from:"/docs/reference/units/layers/app",to:"/docs/reference/layers"},{title:"Processes layer",from:"/docs/reference/units/layers/processes",to:"/docs/reference/layers"},{title:"Pages layer",from:"/docs/reference/units/layers/pages",to:"/docs/reference/layers"},{title:"Widgets layer",from:"/docs/reference/units/layers/widgets",to:"/docs/reference/layers"},{title:"Widgets layer",from:"/docs/reference/layers/widgets",to:"/docs/reference/layers"},{title:"Features layer",from:"/docs/reference/units/layers/features",to:"/docs/reference/layers"},{title:"Entities layer",from:"/docs/reference/units/layers/entities",to:"/docs/reference/layers"},{title:"Shared layer",from:"/docs/reference/units/layers/shared",to:"/docs/reference/layers"},{title:"Segments",from:"/docs/reference/units/segments",to:"/docs/reference/slices-segments"}]},{group:"\ud83c\udfaf Bad Practices handbook",details:"Moved to /guides as practice materials",children:[{title:"Cross-imports",from:"/docs/concepts/issues/cross-imports",to:"/docs/guides/issues/cross-imports"},{title:"Desegmented",from:"/docs/concepts/issues/desegmented",to:"/docs/guides/issues/desegmented"},{title:"Routes",from:"/docs/concepts/issues/routes",to:"/docs/guides/issues/routes"}]},{group:"\ud83c\udfaf Examples",details:"Grouped and simplified into /guides/examples as practical examples",children:[{title:"Viewer logic",from:"/docs/guides/examples/viewer",to:"/docs/guides/examples/auth"},{title:"Monorepo",from:"/docs/guides/monorepo",to:"/docs/guides/examples/monorepo"},{title:"White Labels",from:"/docs/guides/white-labels",to:"/docs/guides/examples/white-labels"}]},{group:"\ud83c\udfaf Migration",details:"Grouped and simplified into /guides/migration as migration guidelines",children:[{title:"Migration from V1",from:"/docs/guides/migration-from-v1",to:"/docs/guides/migration/from-v1"},{title:"Migration from Legacy",from:"/docs/guides/migration-from-legacy",to:"/docs/guides/migration/from-custom"}]},{group:"\ud83c\udfaf Tech",details:"Grouped into /guides/tech as tech-specific usage guidelines",children:[{title:"Usage with NextJS",from:"/docs/guides/usage-with-nextjs",to:"/docs/guides/tech/with-nextjs"}]},{group:"Rename 'legacy' to 'custom'",details:"'Legacy' is derogatory, we don't get to call people's projects legacy",children:[{title:"Rename 'legacy' to custom",from:"/docs/guides/migration/from-legacy",to:"/docs/guides/migration/from-custom"}]}],pushFeedbackProjectId:"5i2vbxcpaz"},trailingSlash:!1,themeConfig:{image:"img/preview.png",docs:{sidebar:{hideable:!0,autoCollapseCategories:!0},versionPersistence:"localStorage"},colorMode:{respectPrefersColorScheme:!0,defaultMode:"light",disableSwitch:!1},navbar:{title:"",logo:{alt:"logo",src:"img/brand/logo-primary.png"},items:[{label:"\ud83d\udcd6 \u0414\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u0430\u0446\u0438\u044f",to:"/docs",position:"left"},{label:"\ud83d\udcab \u0421\u043e\u043e\u0431\u0449\u0435\u0441\u0442\u0432\u043e",to:"/community",position:"left"},{label:"\ud83d\udcdd \u0411\u043b\u043e\u0433",to:"/blog",position:"left"},{label:"\ud83d\udee0 \u041f\u0440\u0438\u043c\u0435\u0440\u044b",to:"/examples",position:"left"},{type:"docsVersionDropdown",position:"right",dropdownActiveClassDisabled:!0,dropdownItemsAfter:[{to:"https://feature-sliced.github.io/featureslices.dev/v1.0.html",label:"v1.0"},{to:"https://feature-sliced.github.io/featureslices.dev/v0.1.html",label:"v0.1"},{to:"https://github.com/feature-sliced/documentation/tree/rc/feature-driven",label:"feature-driven"},{to:"/versions",label:"All versions"}],dropdownItemsBefore:[]},{type:"localeDropdown",position:"right",dropdownItemsAfter:[{href:"https://github.com/feature-sliced/documentation/issues/244",label:"Help Us Translate"}],dropdownItemsBefore:[]},{href:"https://discord.gg/S8MzWTUsmp",position:"right",className:"ext-link discord","aria-label":"Discord community server"},{href:"https://github.com/feature-sliced/documentation",position:"right",className:"ext-link github","aria-label":"GitHub repository"}],hideOnScroll:!1},footer:{style:"dark",links:[{title:"\u0421\u043f\u0435\u0446\u0438\u0444\u0438\u043a\u0430\u0446\u0438\u044f",items:[{label:"\u0414\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u0430\u0446\u0438\u044f",to:"/docs"},{label:"\u0421\u043e\u043e\u0431\u0449\u0435\u0441\u0442\u0432\u043e",to:"/community"},{label:"\u041f\u043e\u043c\u043e\u0449\u044c",to:"/nav"},{label:"\u041e\u0431\u0441\u0443\u0436\u0434\u0435\u043d\u0438\u044f",href:"https://github.com/feature-sliced/documentation/discussions"}]},{title:"\u0421\u043e\u043e\u0431\u0449\u0435\u0441\u0442\u0432\u043e",items:[{label:"Discord",href:"https://discord.gg/S8MzWTUsmp"},{label:"Telegram (RU)",href:"https://t.me/feature_sliced"},{label:"Twitter",href:"https://twitter.com/feature_sliced"},{label:"Open Collective",href:"https://opencollective.com/feature-sliced"},{label:"YouTube",href:"https://www.youtube.com/c/FeatureSlicedDesign"}]},{title:"\u041e\u0441\u0442\u0430\u043b\u044c\u043d\u043e\u0435",items:[{label:"GitHub",href:"https://github.com/feature-sliced"},{label:"Contribution Guide",href:"https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md"},{label:"\u041b\u0438\u0446\u0435\u043d\u0437\u0438\u044f",href:"https://github.com/feature-sliced/documentation/blob/master/LICENSE"}]}],logo:{alt:"Feature-Sliced Design - Architectural methodology for frontend projects",src:"img/brand/logo-primary.png",href:"https://github.com/feature-sliced",width:160},copyright:"Copyright \xa9 2018-2023  Feature-Sliced Design"},algolia:{appId:"18IVO61EUN",apiKey:"a51704b2a1604c9eb41c62aa343c6e32",indexName:"feature-sliced",contextualSearch:!0,searchParameters:{},searchPagePath:"search"},metadata:[{name:"keywords",content:"architecture, frontend, project structure"},{name:"twitter:site",content:"@feature_sliced"},{name:"twitter:card",content:"summary_large_image"}],imageZoom:{selector:".markdown :not(a) > img",options:{background:"rgb(255 255 255 / 0.3)"}},prism:{theme:{plain:{backgroundColor:"hsl(230, 1%, 98%)",color:"hsl(230, 8%, 24%)"},styles:[{types:["comment","prolog","cdata"],style:{color:"hsl(230, 4%, 64%)"}},{types:["doctype","punctuation","entity"],style:{color:"hsl(230, 8%, 24%)"}},{types:["attr-name","class-name","boolean","constant","number","atrule"],style:{color:"hsl(35, 99%, 36%)"}},{types:["keyword"],style:{color:"hsl(301, 63%, 40%)"}},{types:["property","tag","symbol","deleted","important"],style:{color:"hsl(5, 74%, 59%)"}},{types:["selector","string","char","builtin","inserted","regex","attr-value","punctuation"],style:{color:"hsl(119, 34%, 47%)"}},{types:["variable","operator","function"],style:{color:"hsl(221, 87%, 60%)"}},{types:["url"],style:{color:"hsl(198, 99%, 37%)"}},{types:["deleted"],style:{textDecorationLine:"line-through"}},{types:["inserted"],style:{textDecorationLine:"underline"}},{types:["italic"],style:{fontStyle:"italic"}},{types:["important","bold"],style:{fontWeight:"bold"}},{types:["important"],style:{color:"hsl(230, 8%, 24%)"}}]},darkTheme:{plain:{backgroundColor:"hsl(220, 13%, 18%)",color:"hsl(220, 14%, 71%)",textShadow:"0 1px rgba(0, 0, 0, 0.3)"},styles:[{types:["comment","prolog","cdata"],style:{color:"hsl(220, 10%, 40%)"}},{types:["doctype","punctuation","entity"],style:{color:"hsl(220, 14%, 71%)"}},{types:["attr-name","class-name","maybe-class-name","boolean","constant","number","atrule"],style:{color:"hsl(29, 54%, 61%)"}},{types:["keyword"],style:{color:"hsl(286, 60%, 67%)"}},{types:["property","tag","symbol","deleted","important"],style:{color:"hsl(355, 65%, 65%)"}},{types:["selector","string","char","builtin","inserted","regex","attr-value"],style:{color:"hsl(95, 38%, 62%)"}},{types:["variable","operator","function"],style:{color:"hsl(207, 82%, 66%)"}},{types:["url"],style:{color:"hsl(187, 47%, 55%)"}},{types:["deleted"],style:{textDecorationLine:"line-through"}},{types:["inserted"],style:{textDecorationLine:"underline"}},{types:["italic"],style:{fontStyle:"italic"}},{types:["important","bold"],style:{fontWeight:"bold"}},{types:["important"],style:{color:"hsl(220, 14%, 71%)"}}]},additionalLanguages:[],magicComments:[{className:"theme-code-block-highlighted-line",line:"highlight-next-line",block:{start:"highlight-start",end:"highlight-end"}}]},blog:{sidebar:{groupByYear:!0}},tableOfContents:{minHeadingLevel:2,maxHeadingLevel:3}},baseUrlIssueBanner:!0,future:{experimental_storage:{type:"localStorage",namespace:!1},experimental_router:"browser"},onBrokenAnchors:"warn",staticDirectories:["static"],themes:[],scripts:[],headTags:[],stylesheets:[],clientModules:[],titleDelimiter:"|",noIndex:!1,markdown:{format:"mdx",mermaid:!1,mdx1Compat:{comments:!0,admonitions:!0,headingIds:!0},anchors:{maintainCase:!1}}}},991:(e,t,n)=>{"use strict";function r(){return r=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)({}).hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},r.apply(null,arguments)}n.d(t,{A:()=>r})},1141:(e,t,n)=>{"use strict";function r(e,t){return r=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},r(e,t)}function o(e,t){e.prototype=Object.create(t.prototype),e.prototype.constructor=e,r(e,t)}n.d(t,{A:()=>o})},3302:(e,t,n)=>{"use strict";function r(e,t){if(null==e)return{};var n={};for(var r in e)if({}.hasOwnProperty.call(e,r)){if(t.includes(r))continue;n[r]=e[r]}return n}n.d(t,{A:()=>r})},3526:(e,t,n)=>{"use strict";function r(e){var t,n,o="";if("string"==typeof e||"number"==typeof e)o+=e;else if("object"==typeof e)if(Array.isArray(e)){var a=e.length;for(t=0;t<a;t++)e[t]&&(n=r(e[t]))&&(o&&(o+=" "),o+=n)}else for(n in e)e[n]&&(o&&(o+=" "),o+=n);return o}n.d(t,{A:()=>o});const o=function(){for(var e,t,n=0,o="",a=arguments.length;n<a;n++)(e=arguments[n])&&(t=r(e))&&(o&&(o+=" "),o+=t);return o}},5371:(e,t,n)=>{"use strict";n.d(t,{My:()=>S,f4:()=>Y});var r,o,a=n(758),i=n(3526),s=Object.create,l=Object.defineProperty,c=Object.defineProperties,u=Object.getOwnPropertyDescriptor,d=Object.getOwnPropertyDescriptors,p=Object.getOwnPropertyNames,f=Object.getOwnPropertySymbols,m=Object.getPrototypeOf,h=Object.prototype.hasOwnProperty,g=Object.prototype.propertyIsEnumerable,b=(e,t,n)=>t in e?l(e,t,{enumerable:!0,configurable:!0,writable:!0,value:n}):e[t]=n,y=(e,t)=>{for(var n in t||(t={}))h.call(t,n)&&b(e,n,t[n]);if(f)for(var n of f(t))g.call(t,n)&&b(e,n,t[n]);return e},v=(e,t)=>c(e,d(t)),w=(e,t)=>{var n={};for(var r in e)h.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&f)for(var r of f(e))t.indexOf(r)<0&&g.call(e,r)&&(n[r]=e[r]);return n},S=((e,t,n)=>(n=null!=e?s(m(e)):{},((e,t,n,r)=>{if(t&&"object"==typeof t||"function"==typeof t)for(let o of p(t))h.call(e,o)||o===n||l(e,o,{get:()=>t[o],enumerable:!(r=u(t,o))||r.enumerable});return e})(!t&&e&&e.__esModule?n:l(n,"default",{value:e,enumerable:!0}),e)))((r={"../../node_modules/.pnpm/prismjs@1.29.0_patch_hash=vrxx3pzkik6jpmgpayxfjunetu/node_modules/prismjs/prism.js"(e,t){var n=function(){var e=/(?:^|\s)lang(?:uage)?-([\w-]+)(?=\s|$)/i,t=0,n={},r={util:{encode:function e(t){return t instanceof o?new o(t.type,e(t.content),t.alias):Array.isArray(t)?t.map(e):t.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/\u00a0/g," ")},type:function(e){return Object.prototype.toString.call(e).slice(8,-1)},objId:function(e){return e.__id||Object.defineProperty(e,"__id",{value:++t}),e.__id},clone:function e(t,n){var o,a;switch(n=n||{},r.util.type(t)){case"Object":if(a=r.util.objId(t),n[a])return n[a];for(var i in o={},n[a]=o,t)t.hasOwnProperty(i)&&(o[i]=e(t[i],n));return o;case"Array":return a=r.util.objId(t),n[a]?n[a]:(o=[],n[a]=o,t.forEach((function(t,r){o[r]=e(t,n)})),o);default:return t}},getLanguage:function(t){for(;t;){var n=e.exec(t.className);if(n)return n[1].toLowerCase();t=t.parentElement}return"none"},setLanguage:function(t,n){t.className=t.className.replace(RegExp(e,"gi"),""),t.classList.add("language-"+n)},isActive:function(e,t,n){for(var r="no-"+t;e;){var o=e.classList;if(o.contains(t))return!0;if(o.contains(r))return!1;e=e.parentElement}return!!n}},languages:{plain:n,plaintext:n,text:n,txt:n,extend:function(e,t){var n=r.util.clone(r.languages[e]);for(var o in t)n[o]=t[o];return n},insertBefore:function(e,t,n,o){var a=(o=o||r.languages)[e],i={};for(var s in a)if(a.hasOwnProperty(s)){if(s==t)for(var l in n)n.hasOwnProperty(l)&&(i[l]=n[l]);n.hasOwnProperty(s)||(i[s]=a[s])}var c=o[e];return o[e]=i,r.languages.DFS(r.languages,(function(t,n){n===c&&t!=e&&(this[t]=i)})),i},DFS:function e(t,n,o,a){a=a||{};var i=r.util.objId;for(var s in t)if(t.hasOwnProperty(s)){n.call(t,s,t[s],o||s);var l=t[s],c=r.util.type(l);"Object"!==c||a[i(l)]?"Array"!==c||a[i(l)]||(a[i(l)]=!0,e(l,n,s,a)):(a[i(l)]=!0,e(l,n,null,a))}}},plugins:{},highlight:function(e,t,n){var a={code:e,grammar:t,language:n};if(r.hooks.run("before-tokenize",a),!a.grammar)throw new Error('The language "'+a.language+'" has no grammar.');return a.tokens=r.tokenize(a.code,a.grammar),r.hooks.run("after-tokenize",a),o.stringify(r.util.encode(a.tokens),a.language)},tokenize:function(e,t){var n=t.rest;if(n){for(var r in n)t[r]=n[r];delete t.rest}var o=new s;return l(o,o.head,e),i(e,o,t,o.head,0),function(e){for(var t=[],n=e.head.next;n!==e.tail;)t.push(n.value),n=n.next;return t}(o)},hooks:{all:{},add:function(e,t){var n=r.hooks.all;n[e]=n[e]||[],n[e].push(t)},run:function(e,t){var n=r.hooks.all[e];if(n&&n.length)for(var o,a=0;o=n[a++];)o(t)}},Token:o};function o(e,t,n,r){this.type=e,this.content=t,this.alias=n,this.length=0|(r||"").length}function a(e,t,n,r){e.lastIndex=t;var o=e.exec(n);if(o&&r&&o[1]){var a=o[1].length;o.index+=a,o[0]=o[0].slice(a)}return o}function i(e,t,n,s,u,d){for(var p in n)if(n.hasOwnProperty(p)&&n[p]){var f=n[p];f=Array.isArray(f)?f:[f];for(var m=0;m<f.length;++m){if(d&&d.cause==p+","+m)return;var h=f[m],g=h.inside,b=!!h.lookbehind,y=!!h.greedy,v=h.alias;if(y&&!h.pattern.global){var w=h.pattern.toString().match(/[imsuy]*$/)[0];h.pattern=RegExp(h.pattern.source,w+"g")}for(var S=h.pattern||h,x=s.next,k=u;x!==t.tail&&!(d&&k>=d.reach);k+=x.value.length,x=x.next){var E=x.value;if(t.length>e.length)return;if(!(E instanceof o)){var _,C=1;if(y){if(!(_=a(S,k,e,b))||_.index>=e.length)break;var j=_.index,A=_.index+_[0].length,O=k;for(O+=x.value.length;j>=O;)O+=(x=x.next).value.length;if(k=O-=x.value.length,x.value instanceof o)continue;for(var T=x;T!==t.tail&&(O<A||"string"==typeof T.value);T=T.next)C++,O+=T.value.length;C--,E=e.slice(k,O),_.index-=k}else if(!(_=a(S,0,E,b)))continue;j=_.index;var P=_[0],L=E.slice(0,j),I=E.slice(j+P.length),R=k+E.length;d&&R>d.reach&&(d.reach=R);var N=x.prev;if(L&&(N=l(t,N,L),k+=L.length),c(t,N,C),x=l(t,N,new o(p,g?r.tokenize(P,g):P,v,P)),I&&l(t,x,I),C>1){var D={cause:p+","+m,reach:R};i(e,t,n,x.prev,k,D),d&&D.reach>d.reach&&(d.reach=D.reach)}}}}}}function s(){var e={value:null,prev:null,next:null},t={value:null,prev:e,next:null};e.next=t,this.head=e,this.tail=t,this.length=0}function l(e,t,n){var r=t.next,o={value:n,prev:t,next:r};return t.next=o,r.prev=o,e.length++,o}function c(e,t,n){for(var r=t.next,o=0;o<n&&r!==e.tail;o++)r=r.next;t.next=r,r.prev=t,e.length-=o}return o.stringify=function e(t,n){if("string"==typeof t)return t;if(Array.isArray(t)){var o="";return t.forEach((function(t){o+=e(t,n)})),o}var a={type:t.type,content:e(t.content,n),tag:"span",classes:["token",t.type],attributes:{},language:n},i=t.alias;i&&(Array.isArray(i)?Array.prototype.push.apply(a.classes,i):a.classes.push(i)),r.hooks.run("wrap",a);var s="";for(var l in a.attributes)s+=" "+l+'="'+(a.attributes[l]||"").replace(/"/g,"&quot;")+'"';return"<"+a.tag+' class="'+a.classes.join(" ")+'"'+s+">"+a.content+"</"+a.tag+">"},r}();t.exports=n,n.default=n}},function(){return o||(0,r[p(r)[0]])((o={exports:{}}).exports,o),o.exports})());S.languages.markup={comment:{pattern:/<!--(?:(?!<!--)[\s\S])*?-->/,greedy:!0},prolog:{pattern:/<\?[\s\S]+?\?>/,greedy:!0},doctype:{pattern:/<!DOCTYPE(?:[^>"'[\]]|"[^"]*"|'[^']*')+(?:\[(?:[^<"'\]]|"[^"]*"|'[^']*'|<(?!!--)|<!--(?:[^-]|-(?!->))*-->)*\]\s*)?>/i,greedy:!0,inside:{"internal-subset":{pattern:/(^[^\[]*\[)[\s\S]+(?=\]>$)/,lookbehind:!0,greedy:!0,inside:null},string:{pattern:/"[^"]*"|'[^']*'/,greedy:!0},punctuation:/^<!|>$|[[\]]/,"doctype-tag":/^DOCTYPE/i,name:/[^\s<>'"]+/}},cdata:{pattern:/<!\[CDATA\[[\s\S]*?\]\]>/i,greedy:!0},tag:{pattern:/<\/?(?!\d)[^\s>\/=$<%]+(?:\s(?:\s*[^\s>\/=]+(?:\s*=\s*(?:"[^"]*"|'[^']*'|[^\s'">=]+(?=[\s>]))|(?=[\s/>])))+)?\s*\/?>/,greedy:!0,inside:{tag:{pattern:/^<\/?[^\s>\/]+/,inside:{punctuation:/^<\/?/,namespace:/^[^\s>\/:]+:/}},"special-attr":[],"attr-value":{pattern:/=\s*(?:"[^"]*"|'[^']*'|[^\s'">=]+)/,inside:{punctuation:[{pattern:/^=/,alias:"attr-equals"},{pattern:/^(\s*)["']|["']$/,lookbehind:!0}]}},punctuation:/\/?>/,"attr-name":{pattern:/[^\s>\/]+/,inside:{namespace:/^[^\s>\/:]+:/}}}},entity:[{pattern:/&[\da-z]{1,8};/i,alias:"named-entity"},/&#x?[\da-f]{1,8};/i]},S.languages.markup.tag.inside["attr-value"].inside.entity=S.languages.markup.entity,S.languages.markup.doctype.inside["internal-subset"].inside=S.languages.markup,S.hooks.add("wrap",(function(e){"entity"===e.type&&(e.attributes.title=e.content.replace(/&amp;/,"&"))})),Object.defineProperty(S.languages.markup.tag,"addInlined",{value:function(e,t){var n;(t=((n=((n={})["language-"+t]={pattern:/(^<!\[CDATA\[)[\s\S]+?(?=\]\]>$)/i,lookbehind:!0,inside:S.languages[t]},n.cdata=/^<!\[CDATA\[|\]\]>$/i,{"included-cdata":{pattern:/<!\[CDATA\[[\s\S]*?\]\]>/i,inside:n}}))["language-"+t]={pattern:/[\s\S]+/,inside:S.languages[t]},{}))[e]={pattern:RegExp(/(<__[^>]*>)(?:<!\[CDATA\[(?:[^\]]|\](?!\]>))*\]\]>|(?!<!\[CDATA\[)[\s\S])*?(?=<\/__>)/.source.replace(/__/g,(function(){return e})),"i"),lookbehind:!0,greedy:!0,inside:n},S.languages.insertBefore("markup","cdata",t)}}),Object.defineProperty(S.languages.markup.tag,"addAttribute",{value:function(e,t){S.languages.markup.tag.inside["special-attr"].push({pattern:RegExp(/(^|["'\s])/.source+"(?:"+e+")"+/\s*=\s*(?:"[^"]*"|'[^']*'|[^\s'">=]+(?=[\s>]))/.source,"i"),lookbehind:!0,inside:{"attr-name":/^[^\s=]+/,"attr-value":{pattern:/=[\s\S]+/,inside:{value:{pattern:/(^=\s*(["']|(?!["'])))\S[\s\S]*(?=\2$)/,lookbehind:!0,alias:[t,"language-"+t],inside:S.languages[t]},punctuation:[{pattern:/^=/,alias:"attr-equals"},/"|'/]}}}})}}),S.languages.html=S.languages.markup,S.languages.mathml=S.languages.markup,S.languages.svg=S.languages.markup,S.languages.xml=S.languages.extend("markup",{}),S.languages.ssml=S.languages.xml,S.languages.atom=S.languages.xml,S.languages.rss=S.languages.xml,function(e){var t={pattern:/\\[\\(){}[\]^$+*?|.]/,alias:"escape"},n=/\\(?:x[\da-fA-F]{2}|u[\da-fA-F]{4}|u\{[\da-fA-F]+\}|0[0-7]{0,2}|[123][0-7]{2}|c[a-zA-Z]|.)/,r="(?:[^\\\\-]|"+n.source+")",o=(r=RegExp(r+"-"+r),{pattern:/(<|')[^<>']+(?=[>']$)/,lookbehind:!0,alias:"variable"});e.languages.regex={"char-class":{pattern:/((?:^|[^\\])(?:\\\\)*)\[(?:[^\\\]]|\\[\s\S])*\]/,lookbehind:!0,inside:{"char-class-negation":{pattern:/(^\[)\^/,lookbehind:!0,alias:"operator"},"char-class-punctuation":{pattern:/^\[|\]$/,alias:"punctuation"},range:{pattern:r,inside:{escape:n,"range-punctuation":{pattern:/-/,alias:"operator"}}},"special-escape":t,"char-set":{pattern:/\\[wsd]|\\p\{[^{}]+\}/i,alias:"class-name"},escape:n}},"special-escape":t,"char-set":{pattern:/\.|\\[wsd]|\\p\{[^{}]+\}/i,alias:"class-name"},backreference:[{pattern:/\\(?![123][0-7]{2})[1-9]/,alias:"keyword"},{pattern:/\\k<[^<>']+>/,alias:"keyword",inside:{"group-name":o}}],anchor:{pattern:/[$^]|\\[ABbGZz]/,alias:"function"},escape:n,group:[{pattern:/\((?:\?(?:<[^<>']+>|'[^<>']+'|[>:]|<?[=!]|[idmnsuxU]+(?:-[idmnsuxU]+)?:?))?/,alias:"punctuation",inside:{"group-name":o}},{pattern:/\)/,alias:"punctuation"}],quantifier:{pattern:/(?:[+*?]|\{\d+(?:,\d*)?\})[?+]?/,alias:"number"},alternation:{pattern:/\|/,alias:"keyword"}}}(S),S.languages.clike={comment:[{pattern:/(^|[^\\])\/\*[\s\S]*?(?:\*\/|$)/,lookbehind:!0,greedy:!0},{pattern:/(^|[^\\:])\/\/.*/,lookbehind:!0,greedy:!0}],string:{pattern:/(["'])(?:\\(?:\r\n|[\s\S])|(?!\1)[^\\\r\n])*\1/,greedy:!0},"class-name":{pattern:/(\b(?:class|extends|implements|instanceof|interface|new|trait)\s+|\bcatch\s+\()[\w.\\]+/i,lookbehind:!0,inside:{punctuation:/[.\\]/}},keyword:/\b(?:break|catch|continue|do|else|finally|for|function|if|in|instanceof|new|null|return|throw|try|while)\b/,boolean:/\b(?:false|true)\b/,function:/\b\w+(?=\()/,number:/\b0x[\da-f]+\b|(?:\b\d+(?:\.\d*)?|\B\.\d+)(?:e[+-]?\d+)?/i,operator:/[<>]=?|[!=]=?=?|--?|\+\+?|&&?|\|\|?|[?*/~^%]/,punctuation:/[{}[\];(),.:]/},S.languages.javascript=S.languages.extend("clike",{"class-name":[S.languages.clike["class-name"],{pattern:/(^|[^$\w\xA0-\uFFFF])(?!\s)[_$A-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\.(?:constructor|prototype))/,lookbehind:!0}],keyword:[{pattern:/((?:^|\})\s*)catch\b/,lookbehind:!0},{pattern:/(^|[^.]|\.\.\.\s*)\b(?:as|assert(?=\s*\{)|async(?=\s*(?:function\b|\(|[$\w\xA0-\uFFFF]|$))|await|break|case|class|const|continue|debugger|default|delete|do|else|enum|export|extends|finally(?=\s*(?:\{|$))|for|from(?=\s*(?:['"]|$))|function|(?:get|set)(?=\s*(?:[#\[$\w\xA0-\uFFFF]|$))|if|implements|import|in|instanceof|interface|let|new|null|of|package|private|protected|public|return|static|super|switch|this|throw|try|typeof|undefined|var|void|while|with|yield)\b/,lookbehind:!0}],function:/#?(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*(?:\.\s*(?:apply|bind|call)\s*)?\()/,number:{pattern:RegExp(/(^|[^\w$])/.source+"(?:"+/NaN|Infinity/.source+"|"+/0[bB][01]+(?:_[01]+)*n?/.source+"|"+/0[oO][0-7]+(?:_[0-7]+)*n?/.source+"|"+/0[xX][\dA-Fa-f]+(?:_[\dA-Fa-f]+)*n?/.source+"|"+/\d+(?:_\d+)*n/.source+"|"+/(?:\d+(?:_\d+)*(?:\.(?:\d+(?:_\d+)*)?)?|\.\d+(?:_\d+)*)(?:[Ee][+-]?\d+(?:_\d+)*)?/.source+")"+/(?![\w$])/.source),lookbehind:!0},operator:/--|\+\+|\*\*=?|=>|&&=?|\|\|=?|[!=]==|<<=?|>>>?=?|[-+*/%&|^!=<>]=?|\.{3}|\?\?=?|\?\.?|[~:]/}),S.languages.javascript["class-name"][0].pattern=/(\b(?:class|extends|implements|instanceof|interface|new)\s+)[\w.\\]+/,S.languages.insertBefore("javascript","keyword",{regex:{pattern:RegExp(/((?:^|[^$\w\xA0-\uFFFF."'\])\s]|\b(?:return|yield))\s*)/.source+/\//.source+"(?:"+/(?:\[(?:[^\]\\\r\n]|\\.)*\]|\\.|[^/\\\[\r\n])+\/[dgimyus]{0,7}/.source+"|"+/(?:\[(?:[^[\]\\\r\n]|\\.|\[(?:[^[\]\\\r\n]|\\.|\[(?:[^[\]\\\r\n]|\\.)*\])*\])*\]|\\.|[^/\\\[\r\n])+\/[dgimyus]{0,7}v[dgimyus]{0,7}/.source+")"+/(?=(?:\s|\/\*(?:[^*]|\*(?!\/))*\*\/)*(?:$|[\r\n,.;:})\]]|\/\/))/.source),lookbehind:!0,greedy:!0,inside:{"regex-source":{pattern:/^(\/)[\s\S]+(?=\/[a-z]*$)/,lookbehind:!0,alias:"language-regex",inside:S.languages.regex},"regex-delimiter":/^\/|\/$/,"regex-flags":/^[a-z]+$/}},"function-variable":{pattern:/#?(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*[=:]\s*(?:async\s*)?(?:\bfunction\b|(?:\((?:[^()]|\([^()]*\))*\)|(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*)\s*=>))/,alias:"function"},parameter:[{pattern:/(function(?:\s+(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*)?\s*\(\s*)(?!\s)(?:[^()\s]|\s+(?![\s)])|\([^()]*\))+(?=\s*\))/,lookbehind:!0,inside:S.languages.javascript},{pattern:/(^|[^$\w\xA0-\uFFFF])(?!\s)[_$a-z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*=>)/i,lookbehind:!0,inside:S.languages.javascript},{pattern:/(\(\s*)(?!\s)(?:[^()\s]|\s+(?![\s)])|\([^()]*\))+(?=\s*\)\s*=>)/,lookbehind:!0,inside:S.languages.javascript},{pattern:/((?:\b|\s|^)(?!(?:as|async|await|break|case|catch|class|const|continue|debugger|default|delete|do|else|enum|export|extends|finally|for|from|function|get|if|implements|import|in|instanceof|interface|let|new|null|of|package|private|protected|public|return|set|static|super|switch|this|throw|try|typeof|undefined|var|void|while|with|yield)(?![$\w\xA0-\uFFFF]))(?:(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*\s*)\(\s*|\]\s*\(\s*)(?!\s)(?:[^()\s]|\s+(?![\s)])|\([^()]*\))+(?=\s*\)\s*\{)/,lookbehind:!0,inside:S.languages.javascript}],constant:/\b[A-Z](?:[A-Z_]|\dx?)*\b/}),S.languages.insertBefore("javascript","string",{hashbang:{pattern:/^#!.*/,greedy:!0,alias:"comment"},"template-string":{pattern:/`(?:\\[\s\S]|\$\{(?:[^{}]|\{(?:[^{}]|\{[^}]*\})*\})+\}|(?!\$\{)[^\\`])*`/,greedy:!0,inside:{"template-punctuation":{pattern:/^`|`$/,alias:"string"},interpolation:{pattern:/((?:^|[^\\])(?:\\{2})*)\$\{(?:[^{}]|\{(?:[^{}]|\{[^}]*\})*\})+\}/,lookbehind:!0,inside:{"interpolation-punctuation":{pattern:/^\$\{|\}$/,alias:"punctuation"},rest:S.languages.javascript}},string:/[\s\S]+/}},"string-property":{pattern:/((?:^|[,{])[ \t]*)(["'])(?:\\(?:\r\n|[\s\S])|(?!\2)[^\\\r\n])*\2(?=\s*:)/m,lookbehind:!0,greedy:!0,alias:"property"}}),S.languages.insertBefore("javascript","operator",{"literal-property":{pattern:/((?:^|[,{])[ \t]*)(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*:)/m,lookbehind:!0,alias:"property"}}),S.languages.markup&&(S.languages.markup.tag.addInlined("script","javascript"),S.languages.markup.tag.addAttribute(/on(?:abort|blur|change|click|composition(?:end|start|update)|dblclick|error|focus(?:in|out)?|key(?:down|up)|load|mouse(?:down|enter|leave|move|out|over|up)|reset|resize|scroll|select|slotchange|submit|unload|wheel)/.source,"javascript")),S.languages.js=S.languages.javascript,S.languages.actionscript=S.languages.extend("javascript",{keyword:/\b(?:as|break|case|catch|class|const|default|delete|do|dynamic|each|else|extends|final|finally|for|function|get|if|implements|import|in|include|instanceof|interface|internal|is|namespace|native|new|null|override|package|private|protected|public|return|set|static|super|switch|this|throw|try|typeof|use|var|void|while|with)\b/,operator:/\+\+|--|(?:[+\-*\/%^]|&&?|\|\|?|<<?|>>?>?|[!=]=?)=?|[~?@]/}),S.languages.actionscript["class-name"].alias="function",delete S.languages.actionscript.parameter,delete S.languages.actionscript["literal-property"],S.languages.markup&&S.languages.insertBefore("actionscript","string",{xml:{pattern:/(^|[^.])<\/?\w+(?:\s+[^\s>\/=]+=("|')(?:\\[\s\S]|(?!\2)[^\\])*\2)*\s*\/?>/,lookbehind:!0,inside:S.languages.markup}}),function(e){var t=/#(?!\{).+/,n={pattern:/#\{[^}]+\}/,alias:"variable"};e.languages.coffeescript=e.languages.extend("javascript",{comment:t,string:[{pattern:/'(?:\\[\s\S]|[^\\'])*'/,greedy:!0},{pattern:/"(?:\\[\s\S]|[^\\"])*"/,greedy:!0,inside:{interpolation:n}}],keyword:/\b(?:and|break|by|catch|class|continue|debugger|delete|do|each|else|extend|extends|false|finally|for|if|in|instanceof|is|isnt|let|loop|namespace|new|no|not|null|of|off|on|or|own|return|super|switch|then|this|throw|true|try|typeof|undefined|unless|until|when|while|window|with|yes|yield)\b/,"class-member":{pattern:/@(?!\d)\w+/,alias:"variable"}}),e.languages.insertBefore("coffeescript","comment",{"multiline-comment":{pattern:/###[\s\S]+?###/,alias:"comment"},"block-regex":{pattern:/\/{3}[\s\S]*?\/{3}/,alias:"regex",inside:{comment:t,interpolation:n}}}),e.languages.insertBefore("coffeescript","string",{"inline-javascript":{pattern:/`(?:\\[\s\S]|[^\\`])*`/,inside:{delimiter:{pattern:/^`|`$/,alias:"punctuation"},script:{pattern:/[\s\S]+/,alias:"language-javascript",inside:e.languages.javascript}}},"multiline-string":[{pattern:/'''[\s\S]*?'''/,greedy:!0,alias:"string"},{pattern:/"""[\s\S]*?"""/,greedy:!0,alias:"string",inside:{interpolation:n}}]}),e.languages.insertBefore("coffeescript","keyword",{property:/(?!\d)\w+(?=\s*:(?!:))/}),delete e.languages.coffeescript["template-string"],e.languages.coffee=e.languages.coffeescript}(S),function(e){var t=e.languages.javadoclike={parameter:{pattern:/(^[\t ]*(?:\/{3}|\*|\/\*\*)\s*@(?:arg|arguments|param)\s+)\w+/m,lookbehind:!0},keyword:{pattern:/(^[\t ]*(?:\/{3}|\*|\/\*\*)\s*|\{)@[a-z][a-zA-Z-]+\b/m,lookbehind:!0},punctuation:/[{}]/};Object.defineProperty(t,"addSupport",{value:function(t,n){(t="string"==typeof t?[t]:t).forEach((function(t){var r=function(e){e.inside||(e.inside={}),e.inside.rest=n},o="doc-comment";if(a=e.languages[t]){var a,i=a[o];if((i=i||(a=e.languages.insertBefore(t,"comment",{"doc-comment":{pattern:/(^|[^\\])\/\*\*[^/][\s\S]*?(?:\*\/|$)/,lookbehind:!0,alias:"comment"}}))[o])instanceof RegExp&&(i=a[o]={pattern:i}),Array.isArray(i))for(var s=0,l=i.length;s<l;s++)i[s]instanceof RegExp&&(i[s]={pattern:i[s]}),r(i[s]);else r(i)}}))}}),t.addSupport(["java","javascript","php"],t)}(S),function(e){var t=/(?:"(?:\\(?:\r\n|[\s\S])|[^"\\\r\n])*"|'(?:\\(?:\r\n|[\s\S])|[^'\\\r\n])*')/;(t=(e.languages.css={comment:/\/\*[\s\S]*?\*\//,atrule:{pattern:RegExp("@[\\w-](?:"+/[^;{\s"']|\s+(?!\s)/.source+"|"+t.source+")*?"+/(?:;|(?=\s*\{))/.source),inside:{rule:/^@[\w-]+/,"selector-function-argument":{pattern:/(\bselector\s*\(\s*(?![\s)]))(?:[^()\s]|\s+(?![\s)])|\((?:[^()]|\([^()]*\))*\))+(?=\s*\))/,lookbehind:!0,alias:"selector"},keyword:{pattern:/(^|[^\w-])(?:and|not|only|or)(?![\w-])/,lookbehind:!0}}},url:{pattern:RegExp("\\burl\\((?:"+t.source+"|"+/(?:[^\\\r\n()"']|\\[\s\S])*/.source+")\\)","i"),greedy:!0,inside:{function:/^url/i,punctuation:/^\(|\)$/,string:{pattern:RegExp("^"+t.source+"$"),alias:"url"}}},selector:{pattern:RegExp("(^|[{}\\s])[^{}\\s](?:[^{};\"'\\s]|\\s+(?![\\s{])|"+t.source+")*(?=\\s*\\{)"),lookbehind:!0},string:{pattern:t,greedy:!0},property:{pattern:/(^|[^-\w\xA0-\uFFFF])(?!\s)[-_a-z\xA0-\uFFFF](?:(?!\s)[-\w\xA0-\uFFFF])*(?=\s*:)/i,lookbehind:!0},important:/!important\b/i,function:{pattern:/(^|[^-a-z0-9])[-a-z0-9]+(?=\()/i,lookbehind:!0},punctuation:/[(){};:,]/},e.languages.css.atrule.inside.rest=e.languages.css,e.languages.markup))&&(t.tag.addInlined("style","css"),t.tag.addAttribute("style","css"))}(S),function(e){var t=/("|')(?:\\(?:\r\n|[\s\S])|(?!\1)[^\\\r\n])*\1/,n=(t=(e.languages.css.selector={pattern:e.languages.css.selector.pattern,lookbehind:!0,inside:t={"pseudo-element":/:(?:after|before|first-letter|first-line|selection)|::[-\w]+/,"pseudo-class":/:[-\w]+/,class:/\.[-\w]+/,id:/#[-\w]+/,attribute:{pattern:RegExp("\\[(?:[^[\\]\"']|"+t.source+")*\\]"),greedy:!0,inside:{punctuation:/^\[|\]$/,"case-sensitivity":{pattern:/(\s)[si]$/i,lookbehind:!0,alias:"keyword"},namespace:{pattern:/^(\s*)(?:(?!\s)[-*\w\xA0-\uFFFF])*\|(?!=)/,lookbehind:!0,inside:{punctuation:/\|$/}},"attr-name":{pattern:/^(\s*)(?:(?!\s)[-\w\xA0-\uFFFF])+/,lookbehind:!0},"attr-value":[t,{pattern:/(=\s*)(?:(?!\s)[-\w\xA0-\uFFFF])+(?=\s*$)/,lookbehind:!0}],operator:/[|~*^$]?=/}},"n-th":[{pattern:/(\(\s*)[+-]?\d*[\dn](?:\s*[+-]\s*\d+)?(?=\s*\))/,lookbehind:!0,inside:{number:/[\dn]+/,operator:/[+-]/}},{pattern:/(\(\s*)(?:even|odd)(?=\s*\))/i,lookbehind:!0}],combinator:/>|\+|~|\|\|/,punctuation:/[(),]/}},e.languages.css.atrule.inside["selector-function-argument"].inside=t,e.languages.insertBefore("css","property",{variable:{pattern:/(^|[^-\w\xA0-\uFFFF])--(?!\s)[-_a-z\xA0-\uFFFF](?:(?!\s)[-\w\xA0-\uFFFF])*/i,lookbehind:!0}}),{pattern:/(\b\d+)(?:%|[a-z]+(?![\w-]))/,lookbehind:!0}),{pattern:/(^|[^\w.-])-?(?:\d+(?:\.\d+)?|\.\d+)/,lookbehind:!0});e.languages.insertBefore("css","function",{operator:{pattern:/(\s)[+\-*\/](?=\s)/,lookbehind:!0},hexcode:{pattern:/\B#[\da-f]{3,8}\b/i,alias:"color"},color:[{pattern:/(^|[^\w-])(?:AliceBlue|AntiqueWhite|Aqua|Aquamarine|Azure|Beige|Bisque|Black|BlanchedAlmond|Blue|BlueViolet|Brown|BurlyWood|CadetBlue|Chartreuse|Chocolate|Coral|CornflowerBlue|Cornsilk|Crimson|Cyan|DarkBlue|DarkCyan|DarkGoldenRod|DarkGr[ae]y|DarkGreen|DarkKhaki|DarkMagenta|DarkOliveGreen|DarkOrange|DarkOrchid|DarkRed|DarkSalmon|DarkSeaGreen|DarkSlateBlue|DarkSlateGr[ae]y|DarkTurquoise|DarkViolet|DeepPink|DeepSkyBlue|DimGr[ae]y|DodgerBlue|FireBrick|FloralWhite|ForestGreen|Fuchsia|Gainsboro|GhostWhite|Gold|GoldenRod|Gr[ae]y|Green|GreenYellow|HoneyDew|HotPink|IndianRed|Indigo|Ivory|Khaki|Lavender|LavenderBlush|LawnGreen|LemonChiffon|LightBlue|LightCoral|LightCyan|LightGoldenRodYellow|LightGr[ae]y|LightGreen|LightPink|LightSalmon|LightSeaGreen|LightSkyBlue|LightSlateGr[ae]y|LightSteelBlue|LightYellow|Lime|LimeGreen|Linen|Magenta|Maroon|MediumAquaMarine|MediumBlue|MediumOrchid|MediumPurple|MediumSeaGreen|MediumSlateBlue|MediumSpringGreen|MediumTurquoise|MediumVioletRed|MidnightBlue|MintCream|MistyRose|Moccasin|NavajoWhite|Navy|OldLace|Olive|OliveDrab|Orange|OrangeRed|Orchid|PaleGoldenRod|PaleGreen|PaleTurquoise|PaleVioletRed|PapayaWhip|PeachPuff|Peru|Pink|Plum|PowderBlue|Purple|RebeccaPurple|Red|RosyBrown|RoyalBlue|SaddleBrown|Salmon|SandyBrown|SeaGreen|SeaShell|Sienna|Silver|SkyBlue|SlateBlue|SlateGr[ae]y|Snow|SpringGreen|SteelBlue|Tan|Teal|Thistle|Tomato|Transparent|Turquoise|Violet|Wheat|White|WhiteSmoke|Yellow|YellowGreen)(?![\w-])/i,lookbehind:!0},{pattern:/\b(?:hsl|rgb)\(\s*\d{1,3}\s*,\s*\d{1,3}%?\s*,\s*\d{1,3}%?\s*\)\B|\b(?:hsl|rgb)a\(\s*\d{1,3}\s*,\s*\d{1,3}%?\s*,\s*\d{1,3}%?\s*,\s*(?:0|0?\.\d+|1)\s*\)\B/i,inside:{unit:t,number:n,function:/[\w-]+(?=\()/,punctuation:/[(),]/}}],entity:/\\[\da-f]{1,8}/i,unit:t,number:n})}(S),function(e){var t=/[*&][^\s[\]{},]+/,n=/!(?:<[\w\-%#;/?:@&=+$,.!~*'()[\]]+>|(?:[a-zA-Z\d-]*!)?[\w\-%#;/?:@&=+$.~*'()]+)?/,r="(?:"+n.source+"(?:[ \t]+"+t.source+")?|"+t.source+"(?:[ \t]+"+n.source+")?)",o=/(?:[^\s\x00-\x08\x0e-\x1f!"#%&'*,\-:>?@[\]`{|}\x7f-\x84\x86-\x9f\ud800-\udfff\ufffe\uffff]|[?:-]<PLAIN>)(?:[ \t]*(?:(?![#:])<PLAIN>|:<PLAIN>))*/.source.replace(/<PLAIN>/g,(function(){return/[^\s\x00-\x08\x0e-\x1f,[\]{}\x7f-\x84\x86-\x9f\ud800-\udfff\ufffe\uffff]/.source})),a=/"(?:[^"\\\r\n]|\\.)*"|'(?:[^'\\\r\n]|\\.)*'/.source;function i(e,t){t=(t||"").replace(/m/g,"")+"m";var n=/([:\-,[{]\s*(?:\s<<prop>>[ \t]+)?)(?:<<value>>)(?=[ \t]*(?:$|,|\]|\}|(?:[\r\n]\s*)?#))/.source.replace(/<<prop>>/g,(function(){return r})).replace(/<<value>>/g,(function(){return e}));return RegExp(n,t)}e.languages.yaml={scalar:{pattern:RegExp(/([\-:]\s*(?:\s<<prop>>[ \t]+)?[|>])[ \t]*(?:((?:\r?\n|\r)[ \t]+)\S[^\r\n]*(?:\2[^\r\n]+)*)/.source.replace(/<<prop>>/g,(function(){return r}))),lookbehind:!0,alias:"string"},comment:/#.*/,key:{pattern:RegExp(/((?:^|[:\-,[{\r\n?])[ \t]*(?:<<prop>>[ \t]+)?)<<key>>(?=\s*:\s)/.source.replace(/<<prop>>/g,(function(){return r})).replace(/<<key>>/g,(function(){return"(?:"+o+"|"+a+")"}))),lookbehind:!0,greedy:!0,alias:"atrule"},directive:{pattern:/(^[ \t]*)%.+/m,lookbehind:!0,alias:"important"},datetime:{pattern:i(/\d{4}-\d\d?-\d\d?(?:[tT]|[ \t]+)\d\d?:\d{2}:\d{2}(?:\.\d*)?(?:[ \t]*(?:Z|[-+]\d\d?(?::\d{2})?))?|\d{4}-\d{2}-\d{2}|\d\d?:\d{2}(?::\d{2}(?:\.\d*)?)?/.source),lookbehind:!0,alias:"number"},boolean:{pattern:i(/false|true/.source,"i"),lookbehind:!0,alias:"important"},null:{pattern:i(/null|~/.source,"i"),lookbehind:!0,alias:"important"},string:{pattern:i(a),lookbehind:!0,greedy:!0},number:{pattern:i(/[+-]?(?:0x[\da-f]+|0o[0-7]+|(?:\d+(?:\.\d*)?|\.\d+)(?:e[+-]?\d+)?|\.inf|\.nan)/.source,"i"),lookbehind:!0},tag:n,important:t,punctuation:/---|[:[\]{}\-,|>?]|\.\.\./},e.languages.yml=e.languages.yaml}(S),function(e){var t=/(?:\\.|[^\\\n\r]|(?:\n|\r\n?)(?![\r\n]))/.source;function n(e){return e=e.replace(/<inner>/g,(function(){return t})),RegExp(/((?:^|[^\\])(?:\\{2})*)/.source+"(?:"+e+")")}var r=/(?:\\.|``(?:[^`\r\n]|`(?!`))+``|`[^`\r\n]+`|[^\\|\r\n`])+/.source,o=/\|?__(?:\|__)+\|?(?:(?:\n|\r\n?)|(?![\s\S]))/.source.replace(/__/g,(function(){return r})),a=/\|?[ \t]*:?-{3,}:?[ \t]*(?:\|[ \t]*:?-{3,}:?[ \t]*)+\|?(?:\n|\r\n?)/.source,i=(e.languages.markdown=e.languages.extend("markup",{}),e.languages.insertBefore("markdown","prolog",{"front-matter-block":{pattern:/(^(?:\s*[\r\n])?)---(?!.)[\s\S]*?[\r\n]---(?!.)/,lookbehind:!0,greedy:!0,inside:{punctuation:/^---|---$/,"front-matter":{pattern:/\S+(?:\s+\S+)*/,alias:["yaml","language-yaml"],inside:e.languages.yaml}}},blockquote:{pattern:/^>(?:[\t ]*>)*/m,alias:"punctuation"},table:{pattern:RegExp("^"+o+a+"(?:"+o+")*","m"),inside:{"table-data-rows":{pattern:RegExp("^("+o+a+")(?:"+o+")*$"),lookbehind:!0,inside:{"table-data":{pattern:RegExp(r),inside:e.languages.markdown},punctuation:/\|/}},"table-line":{pattern:RegExp("^("+o+")"+a+"$"),lookbehind:!0,inside:{punctuation:/\||:?-{3,}:?/}},"table-header-row":{pattern:RegExp("^"+o+"$"),inside:{"table-header":{pattern:RegExp(r),alias:"important",inside:e.languages.markdown},punctuation:/\|/}}}},code:[{pattern:/((?:^|\n)[ \t]*\n|(?:^|\r\n?)[ \t]*\r\n?)(?: {4}|\t).+(?:(?:\n|\r\n?)(?: {4}|\t).+)*/,lookbehind:!0,alias:"keyword"},{pattern:/^```[\s\S]*?^```$/m,greedy:!0,inside:{"code-block":{pattern:/^(```.*(?:\n|\r\n?))[\s\S]+?(?=(?:\n|\r\n?)^```$)/m,lookbehind:!0},"code-language":{pattern:/^(```).+/,lookbehind:!0},punctuation:/```/}}],title:[{pattern:/\S.*(?:\n|\r\n?)(?:==+|--+)(?=[ \t]*$)/m,alias:"important",inside:{punctuation:/==+$|--+$/}},{pattern:/(^\s*)#.+/m,lookbehind:!0,alias:"important",inside:{punctuation:/^#+|#+$/}}],hr:{pattern:/(^\s*)([*-])(?:[\t ]*\2){2,}(?=\s*$)/m,lookbehind:!0,alias:"punctuation"},list:{pattern:/(^\s*)(?:[*+-]|\d+\.)(?=[\t ].)/m,lookbehind:!0,alias:"punctuation"},"url-reference":{pattern:/!?\[[^\]]+\]:[\t ]+(?:\S+|<(?:\\.|[^>\\])+>)(?:[\t ]+(?:"(?:\\.|[^"\\])*"|'(?:\\.|[^'\\])*'|\((?:\\.|[^)\\])*\)))?/,inside:{variable:{pattern:/^(!?\[)[^\]]+/,lookbehind:!0},string:/(?:"(?:\\.|[^"\\])*"|'(?:\\.|[^'\\])*'|\((?:\\.|[^)\\])*\))$/,punctuation:/^[\[\]!:]|[<>]/},alias:"url"},bold:{pattern:n(/\b__(?:(?!_)<inner>|_(?:(?!_)<inner>)+_)+__\b|\*\*(?:(?!\*)<inner>|\*(?:(?!\*)<inner>)+\*)+\*\*/.source),lookbehind:!0,greedy:!0,inside:{content:{pattern:/(^..)[\s\S]+(?=..$)/,lookbehind:!0,inside:{}},punctuation:/\*\*|__/}},italic:{pattern:n(/\b_(?:(?!_)<inner>|__(?:(?!_)<inner>)+__)+_\b|\*(?:(?!\*)<inner>|\*\*(?:(?!\*)<inner>)+\*\*)+\*/.source),lookbehind:!0,greedy:!0,inside:{content:{pattern:/(^.)[\s\S]+(?=.$)/,lookbehind:!0,inside:{}},punctuation:/[*_]/}},strike:{pattern:n(/(~~?)(?:(?!~)<inner>)+\2/.source),lookbehind:!0,greedy:!0,inside:{content:{pattern:/(^~~?)[\s\S]+(?=\1$)/,lookbehind:!0,inside:{}},punctuation:/~~?/}},"code-snippet":{pattern:/(^|[^\\`])(?:``[^`\r\n]+(?:`[^`\r\n]+)*``(?!`)|`[^`\r\n]+`(?!`))/,lookbehind:!0,greedy:!0,alias:["code","keyword"]},url:{pattern:n(/!?\[(?:(?!\])<inner>)+\](?:\([^\s)]+(?:[\t ]+"(?:\\.|[^"\\])*")?\)|[ \t]?\[(?:(?!\])<inner>)+\])/.source),lookbehind:!0,greedy:!0,inside:{operator:/^!/,content:{pattern:/(^\[)[^\]]+(?=\])/,lookbehind:!0,inside:{}},variable:{pattern:/(^\][ \t]?\[)[^\]]+(?=\]$)/,lookbehind:!0},url:{pattern:/(^\]\()[^\s)]+/,lookbehind:!0},string:{pattern:/(^[ \t]+)"(?:\\.|[^"\\])*"(?=\)$)/,lookbehind:!0}}}}),["url","bold","italic","strike"].forEach((function(t){["url","bold","italic","strike","code-snippet"].forEach((function(n){t!==n&&(e.languages.markdown[t].inside.content.inside[n]=e.languages.markdown[n])}))})),e.hooks.add("after-tokenize",(function(e){"markdown"!==e.language&&"md"!==e.language||function e(t){if(t&&"string"!=typeof t)for(var n=0,r=t.length;n<r;n++){var o,a=t[n];"code"!==a.type?e(a.content):(o=a.content[1],a=a.content[3],o&&a&&"code-language"===o.type&&"code-block"===a.type&&"string"==typeof o.content&&(o=o.content.replace(/\b#/g,"sharp").replace(/\b\+\+/g,"pp"),o="language-"+(o=(/[a-z][\w-]*/i.exec(o)||[""])[0].toLowerCase()),a.alias?"string"==typeof a.alias?a.alias=[a.alias,o]:a.alias.push(o):a.alias=[o]))}}(e.tokens)})),e.hooks.add("wrap",(function(t){if("code-block"===t.type){for(var n="",r=0,o=t.classes.length;r<o;r++){var a=t.classes[r];if(a=/language-(.+)/.exec(a)){n=a[1];break}}var c,u=e.languages[n];u?t.content=e.highlight(t.content.replace(i,"").replace(/&(\w{1,8}|#x?[\da-f]{1,8});/gi,(function(e,t){var n;return"#"===(t=t.toLowerCase())[0]?(n="x"===t[1]?parseInt(t.slice(2),16):Number(t.slice(1)),l(n)):s[t]||e})),u,n):n&&"none"!==n&&e.plugins.autoloader&&(c="md-"+(new Date).valueOf()+"-"+Math.floor(1e16*Math.random()),t.attributes.id=c,e.plugins.autoloader.loadLanguages(n,(function(){var t=document.getElementById(c);t&&(t.innerHTML=e.highlight(t.textContent,e.languages[n],n))})))}})),RegExp(e.languages.markup.tag.pattern.source,"gi")),s={amp:"&",lt:"<",gt:">",quot:'"'},l=String.fromCodePoint||String.fromCharCode;e.languages.md=e.languages.markdown}(S),S.languages.graphql={comment:/#.*/,description:{pattern:/(?:"""(?:[^"]|(?!""")")*"""|"(?:\\.|[^\\"\r\n])*")(?=\s*[a-z_])/i,greedy:!0,alias:"string",inside:{"language-markdown":{pattern:/(^"(?:"")?)(?!\1)[\s\S]+(?=\1$)/,lookbehind:!0,inside:S.languages.markdown}}},string:{pattern:/"""(?:[^"]|(?!""")")*"""|"(?:\\.|[^\\"\r\n])*"/,greedy:!0},number:/(?:\B-|\b)\d+(?:\.\d+)?(?:e[+-]?\d+)?\b/i,boolean:/\b(?:false|true)\b/,variable:/\$[a-z_]\w*/i,directive:{pattern:/@[a-z_]\w*/i,alias:"function"},"attr-name":{pattern:/\b[a-z_]\w*(?=\s*(?:\((?:[^()"]|"(?:\\.|[^\\"\r\n])*")*\))?:)/i,greedy:!0},"atom-input":{pattern:/\b[A-Z]\w*Input\b/,alias:"class-name"},scalar:/\b(?:Boolean|Float|ID|Int|String)\b/,constant:/\b[A-Z][A-Z_\d]*\b/,"class-name":{pattern:/(\b(?:enum|implements|interface|on|scalar|type|union)\s+|&\s*|:\s*|\[)[A-Z_]\w*/,lookbehind:!0},fragment:{pattern:/(\bfragment\s+|\.{3}\s*(?!on\b))[a-zA-Z_]\w*/,lookbehind:!0,alias:"function"},"definition-mutation":{pattern:/(\bmutation\s+)[a-zA-Z_]\w*/,lookbehind:!0,alias:"function"},"definition-query":{pattern:/(\bquery\s+)[a-zA-Z_]\w*/,lookbehind:!0,alias:"function"},keyword:/\b(?:directive|enum|extend|fragment|implements|input|interface|mutation|on|query|repeatable|scalar|schema|subscription|type|union)\b/,operator:/[!=|&]|\.{3}/,"property-query":/\w+(?=\s*\()/,object:/\w+(?=\s*\{)/,punctuation:/[!(){}\[\]:=,]/,property:/\w+/},S.hooks.add("after-tokenize",(function(e){if("graphql"===e.language)for(var t=e.tokens.filter((function(e){return"string"!=typeof e&&"comment"!==e.type&&"scalar"!==e.type})),n=0;n<t.length;){var r=t[n++];if("keyword"===r.type&&"mutation"===r.content){var o=[];if(d(["definition-mutation","punctuation"])&&"("===u(1).content){n+=2;var a=p(/^\($/,/^\)$/);if(-1===a)continue;for(;n<a;n++){var i=u(0);"variable"===i.type&&(f(i,"variable-input"),o.push(i.content))}n=a+1}if(d(["punctuation","property-query"])&&"{"===u(0).content&&(n++,f(u(0),"property-mutation"),0<o.length)){var s=p(/^\{$/,/^\}$/);if(-1!==s)for(var l=n;l<s;l++){var c=t[l];"variable"===c.type&&0<=o.indexOf(c.content)&&f(c,"variable-input")}}}}function u(e){return t[n+e]}function d(e,t){t=t||0;for(var n=0;n<e.length;n++){var r=u(n+t);if(!r||r.type!==e[n])return}return 1}function p(e,r){for(var o=1,a=n;a<t.length;a++){var i=t[a],s=i.content;if("punctuation"===i.type&&"string"==typeof s)if(e.test(s))o++;else if(r.test(s)&&0==--o)return a}return-1}function f(e,t){var n=e.alias;n?Array.isArray(n)||(e.alias=n=[n]):e.alias=n=[],n.push(t)}})),S.languages.sql={comment:{pattern:/(^|[^\\])(?:\/\*[\s\S]*?\*\/|(?:--|\/\/|#).*)/,lookbehind:!0},variable:[{pattern:/@(["'`])(?:\\[\s\S]|(?!\1)[^\\])+\1/,greedy:!0},/@[\w.$]+/],string:{pattern:/(^|[^@\\])("|')(?:\\[\s\S]|(?!\2)[^\\]|\2\2)*\2/,greedy:!0,lookbehind:!0},identifier:{pattern:/(^|[^@\\])`(?:\\[\s\S]|[^`\\]|``)*`/,greedy:!0,lookbehind:!0,inside:{punctuation:/^`|`$/}},function:/\b(?:AVG|COUNT|FIRST|FORMAT|LAST|LCASE|LEN|MAX|MID|MIN|MOD|NOW|ROUND|SUM|UCASE)(?=\s*\()/i,keyword:/\b(?:ACTION|ADD|AFTER|ALGORITHM|ALL|ALTER|ANALYZE|ANY|APPLY|AS|ASC|AUTHORIZATION|AUTO_INCREMENT|BACKUP|BDB|BEGIN|BERKELEYDB|BIGINT|BINARY|BIT|BLOB|BOOL|BOOLEAN|BREAK|BROWSE|BTREE|BULK|BY|CALL|CASCADED?|CASE|CHAIN|CHAR(?:ACTER|SET)?|CHECK(?:POINT)?|CLOSE|CLUSTERED|COALESCE|COLLATE|COLUMNS?|COMMENT|COMMIT(?:TED)?|COMPUTE|CONNECT|CONSISTENT|CONSTRAINT|CONTAINS(?:TABLE)?|CONTINUE|CONVERT|CREATE|CROSS|CURRENT(?:_DATE|_TIME|_TIMESTAMP|_USER)?|CURSOR|CYCLE|DATA(?:BASES?)?|DATE(?:TIME)?|DAY|DBCC|DEALLOCATE|DEC|DECIMAL|DECLARE|DEFAULT|DEFINER|DELAYED|DELETE|DELIMITERS?|DENY|DESC|DESCRIBE|DETERMINISTIC|DISABLE|DISCARD|DISK|DISTINCT|DISTINCTROW|DISTRIBUTED|DO|DOUBLE|DROP|DUMMY|DUMP(?:FILE)?|DUPLICATE|ELSE(?:IF)?|ENABLE|ENCLOSED|END|ENGINE|ENUM|ERRLVL|ERRORS|ESCAPED?|EXCEPT|EXEC(?:UTE)?|EXISTS|EXIT|EXPLAIN|EXTENDED|FETCH|FIELDS|FILE|FILLFACTOR|FIRST|FIXED|FLOAT|FOLLOWING|FOR(?: EACH ROW)?|FORCE|FOREIGN|FREETEXT(?:TABLE)?|FROM|FULL|FUNCTION|GEOMETRY(?:COLLECTION)?|GLOBAL|GOTO|GRANT|GROUP|HANDLER|HASH|HAVING|HOLDLOCK|HOUR|IDENTITY(?:COL|_INSERT)?|IF|IGNORE|IMPORT|INDEX|INFILE|INNER|INNODB|INOUT|INSERT|INT|INTEGER|INTERSECT|INTERVAL|INTO|INVOKER|ISOLATION|ITERATE|JOIN|KEYS?|KILL|LANGUAGE|LAST|LEAVE|LEFT|LEVEL|LIMIT|LINENO|LINES|LINESTRING|LOAD|LOCAL|LOCK|LONG(?:BLOB|TEXT)|LOOP|MATCH(?:ED)?|MEDIUM(?:BLOB|INT|TEXT)|MERGE|MIDDLEINT|MINUTE|MODE|MODIFIES|MODIFY|MONTH|MULTI(?:LINESTRING|POINT|POLYGON)|NATIONAL|NATURAL|NCHAR|NEXT|NO|NONCLUSTERED|NULLIF|NUMERIC|OFF?|OFFSETS?|ON|OPEN(?:DATASOURCE|QUERY|ROWSET)?|OPTIMIZE|OPTION(?:ALLY)?|ORDER|OUT(?:ER|FILE)?|OVER|PARTIAL|PARTITION|PERCENT|PIVOT|PLAN|POINT|POLYGON|PRECEDING|PRECISION|PREPARE|PREV|PRIMARY|PRINT|PRIVILEGES|PROC(?:EDURE)?|PUBLIC|PURGE|QUICK|RAISERROR|READS?|REAL|RECONFIGURE|REFERENCES|RELEASE|RENAME|REPEAT(?:ABLE)?|REPLACE|REPLICATION|REQUIRE|RESIGNAL|RESTORE|RESTRICT|RETURN(?:ING|S)?|REVOKE|RIGHT|ROLLBACK|ROUTINE|ROW(?:COUNT|GUIDCOL|S)?|RTREE|RULE|SAVE(?:POINT)?|SCHEMA|SECOND|SELECT|SERIAL(?:IZABLE)?|SESSION(?:_USER)?|SET(?:USER)?|SHARE|SHOW|SHUTDOWN|SIMPLE|SMALLINT|SNAPSHOT|SOME|SONAME|SQL|START(?:ING)?|STATISTICS|STATUS|STRIPED|SYSTEM_USER|TABLES?|TABLESPACE|TEMP(?:ORARY|TABLE)?|TERMINATED|TEXT(?:SIZE)?|THEN|TIME(?:STAMP)?|TINY(?:BLOB|INT|TEXT)|TOP?|TRAN(?:SACTIONS?)?|TRIGGER|TRUNCATE|TSEQUAL|TYPES?|UNBOUNDED|UNCOMMITTED|UNDEFINED|UNION|UNIQUE|UNLOCK|UNPIVOT|UNSIGNED|UPDATE(?:TEXT)?|USAGE|USE|USER|USING|VALUES?|VAR(?:BINARY|CHAR|CHARACTER|YING)|VIEW|WAITFOR|WARNINGS|WHEN|WHERE|WHILE|WITH(?: ROLLUP|IN)?|WORK|WRITE(?:TEXT)?|YEAR)\b/i,boolean:/\b(?:FALSE|NULL|TRUE)\b/i,number:/\b0x[\da-f]+\b|\b\d+(?:\.\d*)?|\B\.\d+\b/i,operator:/[-+*\/=%^~]|&&?|\|\|?|!=?|<(?:=>?|<|>)?|>[>=]?|\b(?:AND|BETWEEN|DIV|ILIKE|IN|IS|LIKE|NOT|OR|REGEXP|RLIKE|SOUNDS LIKE|XOR)\b/i,punctuation:/[;[\]()`,.]/},function(e){var t=e.languages.javascript["template-string"],n=t.pattern.source,r=t.inside.interpolation,o=r.inside["interpolation-punctuation"],a=r.pattern.source;function i(t,r){if(e.languages[t])return{pattern:RegExp("((?:"+r+")\\s*)"+n),lookbehind:!0,greedy:!0,inside:{"template-punctuation":{pattern:/^`|`$/,alias:"string"},"embedded-code":{pattern:/[\s\S]+/,alias:t}}}}function s(t,n,r){return t={code:t,grammar:n,language:r},e.hooks.run("before-tokenize",t),t.tokens=e.tokenize(t.code,t.grammar),e.hooks.run("after-tokenize",t),t.tokens}function l(t,n,i){var l=e.tokenize(t,{interpolation:{pattern:RegExp(a),lookbehind:!0}}),c=0,u={},d=(l=s(l.map((function(e){if("string"==typeof e)return e;var n,r;for(e=e.content;-1!==t.indexOf((r=c++,n="___"+i.toUpperCase()+"_"+r+"___")););return u[n]=e,n})).join(""),n,i),Object.keys(u));return c=0,function t(n){for(var a=0;a<n.length;a++){if(c>=d.length)return;var i,l,p,f,m,h,g,b=n[a];"string"==typeof b||"string"==typeof b.content?(i=d[c],-1!==(g=(h="string"==typeof b?b:b.content).indexOf(i))&&(++c,l=h.substring(0,g),m=u[i],p=void 0,(f={})["interpolation-punctuation"]=o,3===(f=e.tokenize(m,f)).length&&((p=[1,1]).push.apply(p,s(f[1],e.languages.javascript,"javascript")),f.splice.apply(f,p)),p=new e.Token("interpolation",f,r.alias,m),f=h.substring(g+i.length),m=[],l&&m.push(l),m.push(p),f&&(t(h=[f]),m.push.apply(m,h)),"string"==typeof b?(n.splice.apply(n,[a,1].concat(m)),a+=m.length-1):b.content=m)):(g=b.content,Array.isArray(g)?t(g):t([g]))}}(l),new e.Token(i,l,"language-"+i,t)}e.languages.javascript["template-string"]=[i("css",/\b(?:styled(?:\([^)]*\))?(?:\s*\.\s*\w+(?:\([^)]*\))*)*|css(?:\s*\.\s*(?:global|resolve))?|createGlobalStyle|keyframes)/.source),i("html",/\bhtml|\.\s*(?:inner|outer)HTML\s*\+?=/.source),i("svg",/\bsvg/.source),i("markdown",/\b(?:markdown|md)/.source),i("graphql",/\b(?:gql|graphql(?:\s*\.\s*experimental)?)/.source),i("sql",/\bsql/.source),t].filter(Boolean);var c={javascript:!0,js:!0,typescript:!0,ts:!0,jsx:!0,tsx:!0};function u(e){return"string"==typeof e?e:Array.isArray(e)?e.map(u).join(""):u(e.content)}e.hooks.add("after-tokenize",(function(t){t.language in c&&function t(n){for(var r=0,o=n.length;r<o;r++){var a,i,s,c=n[r];"string"!=typeof c&&(a=c.content,Array.isArray(a)?"template-string"===c.type?(c=a[1],3===a.length&&"string"!=typeof c&&"embedded-code"===c.type&&(i=u(c),c=c.alias,c=Array.isArray(c)?c[0]:c,s=e.languages[c])&&(a[1]=l(i,s,c))):t(a):"string"!=typeof a&&t([a]))}}(t.tokens)}))}(S),function(e){e.languages.typescript=e.languages.extend("javascript",{"class-name":{pattern:/(\b(?:class|extends|implements|instanceof|interface|new|type)\s+)(?!keyof\b)(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?:\s*<(?:[^<>]|<(?:[^<>]|<[^<>]*>)*>)*>)?/,lookbehind:!0,greedy:!0,inside:null},builtin:/\b(?:Array|Function|Promise|any|boolean|console|never|number|string|symbol|unknown)\b/}),e.languages.typescript.keyword.push(/\b(?:abstract|declare|is|keyof|readonly|require)\b/,/\b(?:asserts|infer|interface|module|namespace|type)\b(?=\s*(?:[{_$a-zA-Z\xA0-\uFFFF]|$))/,/\btype\b(?=\s*(?:[\{*]|$))/),delete e.languages.typescript.parameter,delete e.languages.typescript["literal-property"];var t=e.languages.extend("typescript",{});delete t["class-name"],e.languages.typescript["class-name"].inside=t,e.languages.insertBefore("typescript","function",{decorator:{pattern:/@[$\w\xA0-\uFFFF]+/,inside:{at:{pattern:/^@/,alias:"operator"},function:/^[\s\S]+/}},"generic-function":{pattern:/#?(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*\s*<(?:[^<>]|<(?:[^<>]|<[^<>]*>)*>)*>(?=\s*\()/,greedy:!0,inside:{function:/^#?(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*/,generic:{pattern:/<[\s\S]+/,alias:"class-name",inside:t}}}}),e.languages.ts=e.languages.typescript}(S),function(e){var t=e.languages.javascript,n=/\{(?:[^{}]|\{(?:[^{}]|\{[^{}]*\})*\})+\}/.source,r="(@(?:arg|argument|param|property)\\s+(?:"+n+"\\s+)?)";e.languages.jsdoc=e.languages.extend("javadoclike",{parameter:{pattern:RegExp(r+/(?:(?!\s)[$\w\xA0-\uFFFF.])+(?=\s|$)/.source),lookbehind:!0,inside:{punctuation:/\./}}}),e.languages.insertBefore("jsdoc","keyword",{"optional-parameter":{pattern:RegExp(r+/\[(?:(?!\s)[$\w\xA0-\uFFFF.])+(?:=[^[\]]+)?\](?=\s|$)/.source),lookbehind:!0,inside:{parameter:{pattern:/(^\[)[$\w\xA0-\uFFFF\.]+/,lookbehind:!0,inside:{punctuation:/\./}},code:{pattern:/(=)[\s\S]*(?=\]$)/,lookbehind:!0,inside:t,alias:"language-javascript"},punctuation:/[=[\]]/}},"class-name":[{pattern:RegExp(/(@(?:augments|class|extends|interface|memberof!?|template|this|typedef)\s+(?:<TYPE>\s+)?)[A-Z]\w*(?:\.[A-Z]\w*)*/.source.replace(/<TYPE>/g,(function(){return n}))),lookbehind:!0,inside:{punctuation:/\./}},{pattern:RegExp("(@[a-z]+\\s+)"+n),lookbehind:!0,inside:{string:t.string,number:t.number,boolean:t.boolean,keyword:e.languages.typescript.keyword,operator:/=>|\.\.\.|[&|?:*]/,punctuation:/[.,;=<>{}()[\]]/}}],example:{pattern:/(@example\s+(?!\s))(?:[^@\s]|\s+(?!\s))+?(?=\s*(?:\*\s*)?(?:@\w|\*\/))/,lookbehind:!0,inside:{code:{pattern:/^([\t ]*(?:\*\s*)?)\S.*$/m,lookbehind:!0,inside:t,alias:"language-javascript"}}}}),e.languages.javadoclike.addSupport("javascript",e.languages.jsdoc)}(S),function(e){e.languages.flow=e.languages.extend("javascript",{}),e.languages.insertBefore("flow","keyword",{type:[{pattern:/\b(?:[Bb]oolean|Function|[Nn]umber|[Ss]tring|[Ss]ymbol|any|mixed|null|void)\b/,alias:"class-name"}]}),e.languages.flow["function-variable"].pattern=/(?!\s)[_$a-z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*=\s*(?:function\b|(?:\([^()]*\)(?:\s*:\s*\w+)?|(?!\s)[_$a-z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*)\s*=>))/i,delete e.languages.flow.parameter,e.languages.insertBefore("flow","operator",{"flow-punctuation":{pattern:/\{\||\|\}/,alias:"punctuation"}}),Array.isArray(e.languages.flow.keyword)||(e.languages.flow.keyword=[e.languages.flow.keyword]),e.languages.flow.keyword.unshift({pattern:/(^|[^$]\b)(?:Class|declare|opaque|type)\b(?!\$)/,lookbehind:!0},{pattern:/(^|[^$]\B)\$(?:Diff|Enum|Exact|Keys|ObjMap|PropertyType|Record|Shape|Subtype|Supertype|await)\b(?!\$)/,lookbehind:!0})}(S),S.languages.n4js=S.languages.extend("javascript",{keyword:/\b(?:Array|any|boolean|break|case|catch|class|const|constructor|continue|debugger|declare|default|delete|do|else|enum|export|extends|false|finally|for|from|function|get|if|implements|import|in|instanceof|interface|let|module|new|null|number|package|private|protected|public|return|set|static|string|super|switch|this|throw|true|try|typeof|var|void|while|with|yield)\b/}),S.languages.insertBefore("n4js","constant",{annotation:{pattern:/@+\w+/,alias:"operator"}}),S.languages.n4jsd=S.languages.n4js,function(e){function t(e,t){return RegExp(e.replace(/<ID>/g,(function(){return/(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*/.source})),t)}e.languages.insertBefore("javascript","function-variable",{"method-variable":{pattern:RegExp("(\\.\\s*)"+e.languages.javascript["function-variable"].pattern.source),lookbehind:!0,alias:["function-variable","method","function","property-access"]}}),e.languages.insertBefore("javascript","function",{method:{pattern:RegExp("(\\.\\s*)"+e.languages.javascript.function.source),lookbehind:!0,alias:["function","property-access"]}}),e.languages.insertBefore("javascript","constant",{"known-class-name":[{pattern:/\b(?:(?:Float(?:32|64)|(?:Int|Uint)(?:8|16|32)|Uint8Clamped)?Array|ArrayBuffer|BigInt|Boolean|DataView|Date|Error|Function|Intl|JSON|(?:Weak)?(?:Map|Set)|Math|Number|Object|Promise|Proxy|Reflect|RegExp|String|Symbol|WebAssembly)\b/,alias:"class-name"},{pattern:/\b(?:[A-Z]\w*)Error\b/,alias:"class-name"}]}),e.languages.insertBefore("javascript","keyword",{imports:{pattern:t(/(\bimport\b\s*)(?:<ID>(?:\s*,\s*(?:\*\s*as\s+<ID>|\{[^{}]*\}))?|\*\s*as\s+<ID>|\{[^{}]*\})(?=\s*\bfrom\b)/.source),lookbehind:!0,inside:e.languages.javascript},exports:{pattern:t(/(\bexport\b\s*)(?:\*(?:\s*as\s+<ID>)?(?=\s*\bfrom\b)|\{[^{}]*\})/.source),lookbehind:!0,inside:e.languages.javascript}}),e.languages.javascript.keyword.unshift({pattern:/\b(?:as|default|export|from|import)\b/,alias:"module"},{pattern:/\b(?:await|break|catch|continue|do|else|finally|for|if|return|switch|throw|try|while|yield)\b/,alias:"control-flow"},{pattern:/\bnull\b/,alias:["null","nil"]},{pattern:/\bundefined\b/,alias:"nil"}),e.languages.insertBefore("javascript","operator",{spread:{pattern:/\.{3}/,alias:"operator"},arrow:{pattern:/=>/,alias:"operator"}}),e.languages.insertBefore("javascript","punctuation",{"property-access":{pattern:t(/(\.\s*)#?<ID>/.source),lookbehind:!0},"maybe-class-name":{pattern:/(^|[^$\w\xA0-\uFFFF])[A-Z][$\w\xA0-\uFFFF]+/,lookbehind:!0},dom:{pattern:/\b(?:document|(?:local|session)Storage|location|navigator|performance|window)\b/,alias:"variable"},console:{pattern:/\bconsole(?=\s*\.)/,alias:"class-name"}});for(var n=["function","function-variable","method","method-variable","property-access"],r=0;r<n.length;r++){var o=n[r],a=e.languages.javascript[o];o=(a="RegExp"===e.util.type(a)?e.languages.javascript[o]={pattern:a}:a).inside||{};(a.inside=o)["maybe-class-name"]=/^[A-Z][\s\S]*/}}(S),function(e){var t=e.util.clone(e.languages.javascript),n=/(?:\s|\/\/.*(?!.)|\/\*(?:[^*]|\*(?!\/))\*\/)/.source,r=/(?:\{(?:\{(?:\{[^{}]*\}|[^{}])*\}|[^{}])*\})/.source,o=/(?:\{<S>*\.{3}(?:[^{}]|<BRACES>)*\})/.source;function a(e,t){return e=e.replace(/<S>/g,(function(){return n})).replace(/<BRACES>/g,(function(){return r})).replace(/<SPREAD>/g,(function(){return o})),RegExp(e,t)}function i(t){for(var n=[],r=0;r<t.length;r++){var o=t[r],a=!1;"string"!=typeof o&&("tag"===o.type&&o.content[0]&&"tag"===o.content[0].type?"</"===o.content[0].content[0].content?0<n.length&&n[n.length-1].tagName===s(o.content[0].content[1])&&n.pop():"/>"!==o.content[o.content.length-1].content&&n.push({tagName:s(o.content[0].content[1]),openedBraces:0}):0<n.length&&"punctuation"===o.type&&"{"===o.content?n[n.length-1].openedBraces++:0<n.length&&0<n[n.length-1].openedBraces&&"punctuation"===o.type&&"}"===o.content?n[n.length-1].openedBraces--:a=!0),(a||"string"==typeof o)&&0<n.length&&0===n[n.length-1].openedBraces&&(a=s(o),r<t.length-1&&("string"==typeof t[r+1]||"plain-text"===t[r+1].type)&&(a+=s(t[r+1]),t.splice(r+1,1)),0<r&&("string"==typeof t[r-1]||"plain-text"===t[r-1].type)&&(a=s(t[r-1])+a,t.splice(r-1,1),r--),t[r]=new e.Token("plain-text",a,null,a)),o.content&&"string"!=typeof o.content&&i(o.content)}}o=a(o).source,e.languages.jsx=e.languages.extend("markup",t),e.languages.jsx.tag.pattern=a(/<\/?(?:[\w.:-]+(?:<S>+(?:[\w.:$-]+(?:=(?:"(?:\\[\s\S]|[^\\"])*"|'(?:\\[\s\S]|[^\\'])*'|[^\s{'"/>=]+|<BRACES>))?|<SPREAD>))*<S>*\/?)?>/.source),e.languages.jsx.tag.inside.tag.pattern=/^<\/?[^\s>\/]*/,e.languages.jsx.tag.inside["attr-value"].pattern=/=(?!\{)(?:"(?:\\[\s\S]|[^\\"])*"|'(?:\\[\s\S]|[^\\'])*'|[^\s'">]+)/,e.languages.jsx.tag.inside.tag.inside["class-name"]=/^[A-Z]\w*(?:\.[A-Z]\w*)*$/,e.languages.jsx.tag.inside.comment=t.comment,e.languages.insertBefore("inside","attr-name",{spread:{pattern:a(/<SPREAD>/.source),inside:e.languages.jsx}},e.languages.jsx.tag),e.languages.insertBefore("inside","special-attr",{script:{pattern:a(/=<BRACES>/.source),alias:"language-javascript",inside:{"script-punctuation":{pattern:/^=(?=\{)/,alias:"punctuation"},rest:e.languages.jsx}}},e.languages.jsx.tag);var s=function(e){return e?"string"==typeof e?e:"string"==typeof e.content?e.content:e.content.map(s).join(""):""};e.hooks.add("after-tokenize",(function(e){"jsx"!==e.language&&"tsx"!==e.language||i(e.tokens)}))}(S),function(e){var t=e.util.clone(e.languages.typescript);(t=(e.languages.tsx=e.languages.extend("jsx",t),delete e.languages.tsx.parameter,delete e.languages.tsx["literal-property"],e.languages.tsx.tag)).pattern=RegExp(/(^|[^\w$]|(?=<\/))/.source+"(?:"+t.pattern.source+")",t.pattern.flags),t.lookbehind=!0}(S),S.languages.swift={comment:{pattern:/(^|[^\\:])(?:\/\/.*|\/\*(?:[^/*]|\/(?!\*)|\*(?!\/)|\/\*(?:[^*]|\*(?!\/))*\*\/)*\*\/)/,lookbehind:!0,greedy:!0},"string-literal":[{pattern:RegExp(/(^|[^"#])/.source+"(?:"+/"(?:\\(?:\((?:[^()]|\([^()]*\))*\)|\r\n|[^(])|[^\\\r\n"])*"/.source+"|"+/"""(?:\\(?:\((?:[^()]|\([^()]*\))*\)|[^(])|[^\\"]|"(?!""))*"""/.source+")"+/(?!["#])/.source),lookbehind:!0,greedy:!0,inside:{interpolation:{pattern:/(\\\()(?:[^()]|\([^()]*\))*(?=\))/,lookbehind:!0,inside:null},"interpolation-punctuation":{pattern:/^\)|\\\($/,alias:"punctuation"},punctuation:/\\(?=[\r\n])/,string:/[\s\S]+/}},{pattern:RegExp(/(^|[^"#])(#+)/.source+"(?:"+/"(?:\\(?:#+\((?:[^()]|\([^()]*\))*\)|\r\n|[^#])|[^\\\r\n])*?"/.source+"|"+/"""(?:\\(?:#+\((?:[^()]|\([^()]*\))*\)|[^#])|[^\\])*?"""/.source+")\\2"),lookbehind:!0,greedy:!0,inside:{interpolation:{pattern:/(\\#+\()(?:[^()]|\([^()]*\))*(?=\))/,lookbehind:!0,inside:null},"interpolation-punctuation":{pattern:/^\)|\\#+\($/,alias:"punctuation"},string:/[\s\S]+/}}],directive:{pattern:RegExp(/#/.source+"(?:"+/(?:elseif|if)\b/.source+"(?:[ \t]*"+/(?:![ \t]*)?(?:\b\w+\b(?:[ \t]*\((?:[^()]|\([^()]*\))*\))?|\((?:[^()]|\([^()]*\))*\))(?:[ \t]*(?:&&|\|\|))?/.source+")+|"+/(?:else|endif)\b/.source+")"),alias:"property",inside:{"directive-name":/^#\w+/,boolean:/\b(?:false|true)\b/,number:/\b\d+(?:\.\d+)*\b/,operator:/!|&&|\|\||[<>]=?/,punctuation:/[(),]/}},literal:{pattern:/#(?:colorLiteral|column|dsohandle|file(?:ID|Literal|Path)?|function|imageLiteral|line)\b/,alias:"constant"},"other-directive":{pattern:/#\w+\b/,alias:"property"},attribute:{pattern:/@\w+/,alias:"atrule"},"function-definition":{pattern:/(\bfunc\s+)\w+/,lookbehind:!0,alias:"function"},label:{pattern:/\b(break|continue)\s+\w+|\b[a-zA-Z_]\w*(?=\s*:\s*(?:for|repeat|while)\b)/,lookbehind:!0,alias:"important"},keyword:/\b(?:Any|Protocol|Self|Type|actor|as|assignment|associatedtype|associativity|async|await|break|case|catch|class|continue|convenience|default|defer|deinit|didSet|do|dynamic|else|enum|extension|fallthrough|fileprivate|final|for|func|get|guard|higherThan|if|import|in|indirect|infix|init|inout|internal|is|isolated|lazy|left|let|lowerThan|mutating|none|nonisolated|nonmutating|open|operator|optional|override|postfix|precedencegroup|prefix|private|protocol|public|repeat|required|rethrows|return|right|safe|self|set|some|static|struct|subscript|super|switch|throw|throws|try|typealias|unowned|unsafe|var|weak|where|while|willSet)\b/,boolean:/\b(?:false|true)\b/,nil:{pattern:/\bnil\b/,alias:"constant"},"short-argument":/\$\d+\b/,omit:{pattern:/\b_\b/,alias:"keyword"},number:/\b(?:[\d_]+(?:\.[\de_]+)?|0x[a-f0-9_]+(?:\.[a-f0-9p_]+)?|0b[01_]+|0o[0-7_]+)\b/i,"class-name":/\b[A-Z](?:[A-Z_\d]*[a-z]\w*)?\b/,function:/\b[a-z_]\w*(?=\s*\()/i,constant:/\b(?:[A-Z_]{2,}|k[A-Z][A-Za-z_]+)\b/,operator:/[-+*/%=!<>&|^~?]+|\.[.\-+*/%=!<>&|^~?]+/,punctuation:/[{}[\]();,.:\\]/},S.languages.swift["string-literal"].forEach((function(e){e.inside.interpolation.inside=S.languages.swift})),function(e){e.languages.kotlin=e.languages.extend("clike",{keyword:{pattern:/(^|[^.])\b(?:abstract|actual|annotation|as|break|by|catch|class|companion|const|constructor|continue|crossinline|data|do|dynamic|else|enum|expect|external|final|finally|for|fun|get|if|import|in|infix|init|inline|inner|interface|internal|is|lateinit|noinline|null|object|open|operator|out|override|package|private|protected|public|reified|return|sealed|set|super|suspend|tailrec|this|throw|to|try|typealias|val|var|vararg|when|where|while)\b/,lookbehind:!0},function:[{pattern:/(?:`[^\r\n`]+`|\b\w+)(?=\s*\()/,greedy:!0},{pattern:/(\.)(?:`[^\r\n`]+`|\w+)(?=\s*\{)/,lookbehind:!0,greedy:!0}],number:/\b(?:0[xX][\da-fA-F]+(?:_[\da-fA-F]+)*|0[bB][01]+(?:_[01]+)*|\d+(?:_\d+)*(?:\.\d+(?:_\d+)*)?(?:[eE][+-]?\d+(?:_\d+)*)?[fFL]?)\b/,operator:/\+[+=]?|-[-=>]?|==?=?|!(?:!|==?)?|[\/*%<>]=?|[?:]:?|\.\.|&&|\|\||\b(?:and|inv|or|shl|shr|ushr|xor)\b/}),delete e.languages.kotlin["class-name"];var t={"interpolation-punctuation":{pattern:/^\$\{?|\}$/,alias:"punctuation"},expression:{pattern:/[\s\S]+/,inside:e.languages.kotlin}};e.languages.insertBefore("kotlin","string",{"string-literal":[{pattern:/"""(?:[^$]|\$(?:(?!\{)|\{[^{}]*\}))*?"""/,alias:"multiline",inside:{interpolation:{pattern:/\$(?:[a-z_]\w*|\{[^{}]*\})/i,inside:t},string:/[\s\S]+/}},{pattern:/"(?:[^"\\\r\n$]|\\.|\$(?:(?!\{)|\{[^{}]*\}))*"/,alias:"singleline",inside:{interpolation:{pattern:/((?:^|[^\\])(?:\\{2})*)\$(?:[a-z_]\w*|\{[^{}]*\})/i,lookbehind:!0,inside:t},string:/[\s\S]+/}}],char:{pattern:/'(?:[^'\\\r\n]|\\(?:.|u[a-fA-F0-9]{0,4}))'/,greedy:!0}}),delete e.languages.kotlin.string,e.languages.insertBefore("kotlin","keyword",{annotation:{pattern:/\B@(?:\w+:)?(?:[A-Z]\w*|\[[^\]]+\])/,alias:"builtin"}}),e.languages.insertBefore("kotlin","function",{label:{pattern:/\b\w+@|@\w+\b/,alias:"symbol"}}),e.languages.kt=e.languages.kotlin,e.languages.kts=e.languages.kotlin}(S),S.languages.c=S.languages.extend("clike",{comment:{pattern:/\/\/(?:[^\r\n\\]|\\(?:\r\n?|\n|(?![\r\n])))*|\/\*[\s\S]*?(?:\*\/|$)/,greedy:!0},string:{pattern:/"(?:\\(?:\r\n|[\s\S])|[^"\\\r\n])*"/,greedy:!0},"class-name":{pattern:/(\b(?:enum|struct)\s+(?:__attribute__\s*\(\([\s\S]*?\)\)\s*)?)\w+|\b[a-z]\w*_t\b/,lookbehind:!0},keyword:/\b(?:_Alignas|_Alignof|_Atomic|_Bool|_Complex|_Generic|_Imaginary|_Noreturn|_Static_assert|_Thread_local|__attribute__|asm|auto|break|case|char|const|continue|default|do|double|else|enum|extern|float|for|goto|if|inline|int|long|register|return|short|signed|sizeof|static|struct|switch|typedef|typeof|union|unsigned|void|volatile|while)\b/,function:/\b[a-z_]\w*(?=\s*\()/i,number:/(?:\b0x(?:[\da-f]+(?:\.[\da-f]*)?|\.[\da-f]+)(?:p[+-]?\d+)?|(?:\b\d+(?:\.\d*)?|\B\.\d+)(?:e[+-]?\d+)?)[ful]{0,4}/i,operator:/>>=?|<<=?|->|([-+&|:])\1|[?:~]|[-+*/%&|^!=<>]=?/}),S.languages.insertBefore("c","string",{char:{pattern:/'(?:\\(?:\r\n|[\s\S])|[^'\\\r\n]){0,32}'/,greedy:!0}}),S.languages.insertBefore("c","string",{macro:{pattern:/(^[\t ]*)#\s*[a-z](?:[^\r\n\\/]|\/(?!\*)|\/\*(?:[^*]|\*(?!\/))*\*\/|\\(?:\r\n|[\s\S]))*/im,lookbehind:!0,greedy:!0,alias:"property",inside:{string:[{pattern:/^(#\s*include\s*)<[^>]+>/,lookbehind:!0},S.languages.c.string],char:S.languages.c.char,comment:S.languages.c.comment,"macro-name":[{pattern:/(^#\s*define\s+)\w+\b(?!\()/i,lookbehind:!0},{pattern:/(^#\s*define\s+)\w+\b(?=\()/i,lookbehind:!0,alias:"function"}],directive:{pattern:/^(#\s*)[a-z]+/,lookbehind:!0,alias:"keyword"},"directive-hash":/^#/,punctuation:/##|\\(?=[\r\n])/,expression:{pattern:/\S[\s\S]*/,inside:S.languages.c}}}}),S.languages.insertBefore("c","function",{constant:/\b(?:EOF|NULL|SEEK_CUR|SEEK_END|SEEK_SET|__DATE__|__FILE__|__LINE__|__TIMESTAMP__|__TIME__|__func__|stderr|stdin|stdout)\b/}),delete S.languages.c.boolean,S.languages.objectivec=S.languages.extend("c",{string:{pattern:/@?"(?:\\(?:\r\n|[\s\S])|[^"\\\r\n])*"/,greedy:!0},keyword:/\b(?:asm|auto|break|case|char|const|continue|default|do|double|else|enum|extern|float|for|goto|if|in|inline|int|long|register|return|self|short|signed|sizeof|static|struct|super|switch|typedef|typeof|union|unsigned|void|volatile|while)\b|(?:@interface|@end|@implementation|@protocol|@class|@public|@protected|@private|@property|@try|@catch|@finally|@throw|@synthesize|@dynamic|@selector)\b/,operator:/-[->]?|\+\+?|!=?|<<?=?|>>?=?|==?|&&?|\|\|?|[~^%?*\/@]/}),delete S.languages.objectivec["class-name"],S.languages.objc=S.languages.objectivec,S.languages.reason=S.languages.extend("clike",{string:{pattern:/"(?:\\(?:\r\n|[\s\S])|[^\\\r\n"])*"/,greedy:!0},"class-name":/\b[A-Z]\w*/,keyword:/\b(?:and|as|assert|begin|class|constraint|do|done|downto|else|end|exception|external|for|fun|function|functor|if|in|include|inherit|initializer|lazy|let|method|module|mutable|new|nonrec|object|of|open|or|private|rec|sig|struct|switch|then|to|try|type|val|virtual|when|while|with)\b/,operator:/\.{3}|:[:=]|\|>|->|=(?:==?|>)?|<=?|>=?|[|^?'#!~`]|[+\-*\/]\.?|\b(?:asr|land|lor|lsl|lsr|lxor|mod)\b/}),S.languages.insertBefore("reason","class-name",{char:{pattern:/'(?:\\x[\da-f]{2}|\\o[0-3][0-7][0-7]|\\\d{3}|\\.|[^'\\\r\n])'/,greedy:!0},constructor:/\b[A-Z]\w*\b(?!\s*\.)/,label:{pattern:/\b[a-z]\w*(?=::)/,alias:"symbol"}}),delete S.languages.reason.function,function(e){for(var t=/\/\*(?:[^*/]|\*(?!\/)|\/(?!\*)|<self>)*\*\//.source,n=0;n<2;n++)t=t.replace(/<self>/g,(function(){return t}));t=t.replace(/<self>/g,(function(){return/[^\s\S]/.source})),e.languages.rust={comment:[{pattern:RegExp(/(^|[^\\])/.source+t),lookbehind:!0,greedy:!0},{pattern:/(^|[^\\:])\/\/.*/,lookbehind:!0,greedy:!0}],string:{pattern:/b?"(?:\\[\s\S]|[^\\"])*"|b?r(#*)"(?:[^"]|"(?!\1))*"\1/,greedy:!0},char:{pattern:/b?'(?:\\(?:x[0-7][\da-fA-F]|u\{(?:[\da-fA-F]_*){1,6}\}|.)|[^\\\r\n\t'])'/,greedy:!0},attribute:{pattern:/#!?\[(?:[^\[\]"]|"(?:\\[\s\S]|[^\\"])*")*\]/,greedy:!0,alias:"attr-name",inside:{string:null}},"closure-params":{pattern:/([=(,:]\s*|\bmove\s*)\|[^|]*\||\|[^|]*\|(?=\s*(?:\{|->))/,lookbehind:!0,greedy:!0,inside:{"closure-punctuation":{pattern:/^\||\|$/,alias:"punctuation"},rest:null}},"lifetime-annotation":{pattern:/'\w+/,alias:"symbol"},"fragment-specifier":{pattern:/(\$\w+:)[a-z]+/,lookbehind:!0,alias:"punctuation"},variable:/\$\w+/,"function-definition":{pattern:/(\bfn\s+)\w+/,lookbehind:!0,alias:"function"},"type-definition":{pattern:/(\b(?:enum|struct|trait|type|union)\s+)\w+/,lookbehind:!0,alias:"class-name"},"module-declaration":[{pattern:/(\b(?:crate|mod)\s+)[a-z][a-z_\d]*/,lookbehind:!0,alias:"namespace"},{pattern:/(\b(?:crate|self|super)\s*)::\s*[a-z][a-z_\d]*\b(?:\s*::(?:\s*[a-z][a-z_\d]*\s*::)*)?/,lookbehind:!0,alias:"namespace",inside:{punctuation:/::/}}],keyword:[/\b(?:Self|abstract|as|async|await|become|box|break|const|continue|crate|do|dyn|else|enum|extern|final|fn|for|if|impl|in|let|loop|macro|match|mod|move|mut|override|priv|pub|ref|return|self|static|struct|super|trait|try|type|typeof|union|unsafe|unsized|use|virtual|where|while|yield)\b/,/\b(?:bool|char|f(?:32|64)|[ui](?:8|16|32|64|128|size)|str)\b/],function:/\b[a-z_]\w*(?=\s*(?:::\s*<|\())/,macro:{pattern:/\b\w+!/,alias:"property"},constant:/\b[A-Z_][A-Z_\d]+\b/,"class-name":/\b[A-Z]\w*\b/,namespace:{pattern:/(?:\b[a-z][a-z_\d]*\s*::\s*)*\b[a-z][a-z_\d]*\s*::(?!\s*<)/,inside:{punctuation:/::/}},number:/\b(?:0x[\dA-Fa-f](?:_?[\dA-Fa-f])*|0o[0-7](?:_?[0-7])*|0b[01](?:_?[01])*|(?:(?:\d(?:_?\d)*)?\.)?\d(?:_?\d)*(?:[Ee][+-]?\d+)?)(?:_?(?:f32|f64|[iu](?:8|16|32|64|size)?))?\b/,boolean:/\b(?:false|true)\b/,punctuation:/->|\.\.=|\.{1,3}|::|[{}[\];(),:]/,operator:/[-+*\/%!^]=?|=[=>]?|&[&=]?|\|[|=]?|<<?=?|>>?=?|[@?]/},e.languages.rust["closure-params"].inside.rest=e.languages.rust,e.languages.rust.attribute.inside.string=e.languages.rust.string}(S),S.languages.go=S.languages.extend("clike",{string:{pattern:/(^|[^\\])"(?:\\.|[^"\\\r\n])*"|`[^`]*`/,lookbehind:!0,greedy:!0},keyword:/\b(?:break|case|chan|const|continue|default|defer|else|fallthrough|for|func|go(?:to)?|if|import|interface|map|package|range|return|select|struct|switch|type|var)\b/,boolean:/\b(?:_|false|iota|nil|true)\b/,number:[/\b0(?:b[01_]+|o[0-7_]+)i?\b/i,/\b0x(?:[a-f\d_]+(?:\.[a-f\d_]*)?|\.[a-f\d_]+)(?:p[+-]?\d+(?:_\d+)*)?i?(?!\w)/i,/(?:\b\d[\d_]*(?:\.[\d_]*)?|\B\.\d[\d_]*)(?:e[+-]?[\d_]+)?i?(?!\w)/i],operator:/[*\/%^!=]=?|\+[=+]?|-[=-]?|\|[=|]?|&(?:=|&|\^=?)?|>(?:>=?|=)?|<(?:<=?|=|-)?|:=|\.\.\./,builtin:/\b(?:append|bool|byte|cap|close|complex|complex(?:64|128)|copy|delete|error|float(?:32|64)|u?int(?:8|16|32|64)?|imag|len|make|new|panic|print(?:ln)?|real|recover|rune|string|uintptr)\b/}),S.languages.insertBefore("go","string",{char:{pattern:/'(?:\\.|[^'\\\r\n]){0,10}'/,greedy:!0}}),delete S.languages.go["class-name"],function(e){var t=/\b(?:alignas|alignof|asm|auto|bool|break|case|catch|char|char16_t|char32_t|char8_t|class|co_await|co_return|co_yield|compl|concept|const|const_cast|consteval|constexpr|constinit|continue|decltype|default|delete|do|double|dynamic_cast|else|enum|explicit|export|extern|final|float|for|friend|goto|if|import|inline|int|int16_t|int32_t|int64_t|int8_t|long|module|mutable|namespace|new|noexcept|nullptr|operator|override|private|protected|public|register|reinterpret_cast|requires|return|short|signed|sizeof|static|static_assert|static_cast|struct|switch|template|this|thread_local|throw|try|typedef|typeid|typename|uint16_t|uint32_t|uint64_t|uint8_t|union|unsigned|using|virtual|void|volatile|wchar_t|while)\b/,n=/\b(?!<keyword>)\w+(?:\s*\.\s*\w+)*\b/.source.replace(/<keyword>/g,(function(){return t.source}));e.languages.cpp=e.languages.extend("c",{"class-name":[{pattern:RegExp(/(\b(?:class|concept|enum|struct|typename)\s+)(?!<keyword>)\w+/.source.replace(/<keyword>/g,(function(){return t.source}))),lookbehind:!0},/\b[A-Z]\w*(?=\s*::\s*\w+\s*\()/,/\b[A-Z_]\w*(?=\s*::\s*~\w+\s*\()/i,/\b\w+(?=\s*<(?:[^<>]|<(?:[^<>]|<[^<>]*>)*>)*>\s*::\s*\w+\s*\()/],keyword:t,number:{pattern:/(?:\b0b[01']+|\b0x(?:[\da-f']+(?:\.[\da-f']*)?|\.[\da-f']+)(?:p[+-]?[\d']+)?|(?:\b[\d']+(?:\.[\d']*)?|\B\.[\d']+)(?:e[+-]?[\d']+)?)[ful]{0,4}/i,greedy:!0},operator:/>>=?|<<=?|->|--|\+\+|&&|\|\||[?:~]|<=>|[-+*/%&|^!=<>]=?|\b(?:and|and_eq|bitand|bitor|not|not_eq|or|or_eq|xor|xor_eq)\b/,boolean:/\b(?:false|true)\b/}),e.languages.insertBefore("cpp","string",{module:{pattern:RegExp(/(\b(?:import|module)\s+)/.source+"(?:"+/"(?:\\(?:\r\n|[\s\S])|[^"\\\r\n])*"|<[^<>\r\n]*>/.source+"|"+/<mod-name>(?:\s*:\s*<mod-name>)?|:\s*<mod-name>/.source.replace(/<mod-name>/g,(function(){return n}))+")"),lookbehind:!0,greedy:!0,inside:{string:/^[<"][\s\S]+/,operator:/:/,punctuation:/\./}},"raw-string":{pattern:/R"([^()\\ ]{0,16})\([\s\S]*?\)\1"/,alias:"string",greedy:!0}}),e.languages.insertBefore("cpp","keyword",{"generic-function":{pattern:/\b(?!operator\b)[a-z_]\w*\s*<(?:[^<>]|<[^<>]*>)*>(?=\s*\()/i,inside:{function:/^\w+/,generic:{pattern:/<[\s\S]+/,alias:"class-name",inside:e.languages.cpp}}}}),e.languages.insertBefore("cpp","operator",{"double-colon":{pattern:/::/,alias:"punctuation"}}),e.languages.insertBefore("cpp","class-name",{"base-clause":{pattern:/(\b(?:class|struct)\s+\w+\s*:\s*)[^;{}"'\s]+(?:\s+[^;{}"'\s]+)*(?=\s*[;{])/,lookbehind:!0,greedy:!0,inside:e.languages.extend("cpp",{})}}),e.languages.insertBefore("inside","double-colon",{"class-name":/\b[a-z_]\w*\b(?!\s*::)/i},e.languages.cpp["base-clause"])}(S),S.languages.python={comment:{pattern:/(^|[^\\])#.*/,lookbehind:!0,greedy:!0},"string-interpolation":{pattern:/(?:f|fr|rf)(?:("""|''')[\s\S]*?\1|("|')(?:\\.|(?!\2)[^\\\r\n])*\2)/i,greedy:!0,inside:{interpolation:{pattern:/((?:^|[^{])(?:\{\{)*)\{(?!\{)(?:[^{}]|\{(?!\{)(?:[^{}]|\{(?!\{)(?:[^{}])+\})+\})+\}/,lookbehind:!0,inside:{"format-spec":{pattern:/(:)[^:(){}]+(?=\}$)/,lookbehind:!0},"conversion-option":{pattern:/![sra](?=[:}]$)/,alias:"punctuation"},rest:null}},string:/[\s\S]+/}},"triple-quoted-string":{pattern:/(?:[rub]|br|rb)?("""|''')[\s\S]*?\1/i,greedy:!0,alias:"string"},string:{pattern:/(?:[rub]|br|rb)?("|')(?:\\.|(?!\1)[^\\\r\n])*\1/i,greedy:!0},function:{pattern:/((?:^|\s)def[ \t]+)[a-zA-Z_]\w*(?=\s*\()/g,lookbehind:!0},"class-name":{pattern:/(\bclass\s+)\w+/i,lookbehind:!0},decorator:{pattern:/(^[\t ]*)@\w+(?:\.\w+)*/m,lookbehind:!0,alias:["annotation","punctuation"],inside:{punctuation:/\./}},keyword:/\b(?:_(?=\s*:)|and|as|assert|async|await|break|case|class|continue|def|del|elif|else|except|exec|finally|for|from|global|if|import|in|is|lambda|match|nonlocal|not|or|pass|print|raise|return|try|while|with|yield)\b/,builtin:/\b(?:__import__|abs|all|any|apply|ascii|basestring|bin|bool|buffer|bytearray|bytes|callable|chr|classmethod|cmp|coerce|compile|complex|delattr|dict|dir|divmod|enumerate|eval|execfile|file|filter|float|format|frozenset|getattr|globals|hasattr|hash|help|hex|id|input|int|intern|isinstance|issubclass|iter|len|list|locals|long|map|max|memoryview|min|next|object|oct|open|ord|pow|property|range|raw_input|reduce|reload|repr|reversed|round|set|setattr|slice|sorted|staticmethod|str|sum|super|tuple|type|unichr|unicode|vars|xrange|zip)\b/,boolean:/\b(?:False|None|True)\b/,number:/\b0(?:b(?:_?[01])+|o(?:_?[0-7])+|x(?:_?[a-f0-9])+)\b|(?:\b\d+(?:_\d+)*(?:\.(?:\d+(?:_\d+)*)?)?|\B\.\d+(?:_\d+)*)(?:e[+-]?\d+(?:_\d+)*)?j?(?!\w)/i,operator:/[-+%=]=?|!=|:=|\*\*?=?|\/\/?=?|<[<=>]?|>[=>]?|[&|^~]/,punctuation:/[{}[\];(),.:]/},S.languages.python["string-interpolation"].inside.interpolation.inside.rest=S.languages.python,S.languages.py=S.languages.python,S.languages.json={property:{pattern:/(^|[^\\])"(?:\\.|[^\\"\r\n])*"(?=\s*:)/,lookbehind:!0,greedy:!0},string:{pattern:/(^|[^\\])"(?:\\.|[^\\"\r\n])*"(?!\s*:)/,lookbehind:!0,greedy:!0},comment:{pattern:/\/\/.*|\/\*[\s\S]*?(?:\*\/|$)/,greedy:!0},number:/-?\b\d+(?:\.\d+)?(?:e[+-]?\d+)?\b/i,punctuation:/[{}[\],]/,operator:/:/,boolean:/\b(?:false|true)\b/,null:{pattern:/\bnull\b/,alias:"keyword"}},S.languages.webmanifest=S.languages.json;((e,t)=>{for(var n in t)l(e,n,{get:t[n],enumerable:!0})})({},{dracula:()=>x,duotoneDark:()=>k,duotoneLight:()=>E,github:()=>_,gruvboxMaterialDark:()=>q,gruvboxMaterialLight:()=>$,jettwaveDark:()=>F,jettwaveLight:()=>z,nightOwl:()=>C,nightOwlLight:()=>j,oceanicNext:()=>T,okaidia:()=>P,oneDark:()=>B,oneLight:()=>U,palenight:()=>L,shadesOfPurple:()=>I,synthwave84:()=>R,ultramin:()=>N,vsDark:()=>D,vsLight:()=>M});var x={plain:{color:"#F8F8F2",backgroundColor:"#282A36"},styles:[{types:["prolog","constant","builtin"],style:{color:"rgb(189, 147, 249)"}},{types:["inserted","function"],style:{color:"rgb(80, 250, 123)"}},{types:["deleted"],style:{color:"rgb(255, 85, 85)"}},{types:["changed"],style:{color:"rgb(255, 184, 108)"}},{types:["punctuation","symbol"],style:{color:"rgb(248, 248, 242)"}},{types:["string","char","tag","selector"],style:{color:"rgb(255, 121, 198)"}},{types:["keyword","variable"],style:{color:"rgb(189, 147, 249)",fontStyle:"italic"}},{types:["comment"],style:{color:"rgb(98, 114, 164)"}},{types:["attr-name"],style:{color:"rgb(241, 250, 140)"}}]},k={plain:{backgroundColor:"#2a2734",color:"#9a86fd"},styles:[{types:["comment","prolog","doctype","cdata","punctuation"],style:{color:"#6c6783"}},{types:["namespace"],style:{opacity:.7}},{types:["tag","operator","number"],style:{color:"#e09142"}},{types:["property","function"],style:{color:"#9a86fd"}},{types:["tag-id","selector","atrule-id"],style:{color:"#eeebff"}},{types:["attr-name"],style:{color:"#c4b9fe"}},{types:["boolean","string","entity","url","attr-value","keyword","control","directive","unit","statement","regex","atrule","placeholder","variable"],style:{color:"#ffcc99"}},{types:["deleted"],style:{textDecorationLine:"line-through"}},{types:["inserted"],style:{textDecorationLine:"underline"}},{types:["italic"],style:{fontStyle:"italic"}},{types:["important","bold"],style:{fontWeight:"bold"}},{types:["important"],style:{color:"#c4b9fe"}}]},E={plain:{backgroundColor:"#faf8f5",color:"#728fcb"},styles:[{types:["comment","prolog","doctype","cdata","punctuation"],style:{color:"#b6ad9a"}},{types:["namespace"],style:{opacity:.7}},{types:["tag","operator","number"],style:{color:"#063289"}},{types:["property","function"],style:{color:"#b29762"}},{types:["tag-id","selector","atrule-id"],style:{color:"#2d2006"}},{types:["attr-name"],style:{color:"#896724"}},{types:["boolean","string","entity","url","attr-value","keyword","control","directive","unit","statement","regex","atrule"],style:{color:"#728fcb"}},{types:["placeholder","variable"],style:{color:"#93abdc"}},{types:["deleted"],style:{textDecorationLine:"line-through"}},{types:["inserted"],style:{textDecorationLine:"underline"}},{types:["italic"],style:{fontStyle:"italic"}},{types:["important","bold"],style:{fontWeight:"bold"}},{types:["important"],style:{color:"#896724"}}]},_={plain:{color:"#393A34",backgroundColor:"#f6f8fa"},styles:[{types:["comment","prolog","doctype","cdata"],style:{color:"#999988",fontStyle:"italic"}},{types:["namespace"],style:{opacity:.7}},{types:["string","attr-value"],style:{color:"#e3116c"}},{types:["punctuation","operator"],style:{color:"#393A34"}},{types:["entity","url","symbol","number","boolean","variable","constant","property","regex","inserted"],style:{color:"#36acaa"}},{types:["atrule","keyword","attr-name","selector"],style:{color:"#00a4db"}},{types:["function","deleted","tag"],style:{color:"#d73a49"}},{types:["function-variable"],style:{color:"#6f42c1"}},{types:["tag","selector","keyword"],style:{color:"#00009f"}}]},C={plain:{color:"#d6deeb",backgroundColor:"#011627"},styles:[{types:["changed"],style:{color:"rgb(162, 191, 252)",fontStyle:"italic"}},{types:["deleted"],style:{color:"rgba(239, 83, 80, 0.56)",fontStyle:"italic"}},{types:["inserted","attr-name"],style:{color:"rgb(173, 219, 103)",fontStyle:"italic"}},{types:["comment"],style:{color:"rgb(99, 119, 119)",fontStyle:"italic"}},{types:["string","url"],style:{color:"rgb(173, 219, 103)"}},{types:["variable"],style:{color:"rgb(214, 222, 235)"}},{types:["number"],style:{color:"rgb(247, 140, 108)"}},{types:["builtin","char","constant","function"],style:{color:"rgb(130, 170, 255)"}},{types:["punctuation"],style:{color:"rgb(199, 146, 234)"}},{types:["selector","doctype"],style:{color:"rgb(199, 146, 234)",fontStyle:"italic"}},{types:["class-name"],style:{color:"rgb(255, 203, 139)"}},{types:["tag","operator","keyword"],style:{color:"rgb(127, 219, 202)"}},{types:["boolean"],style:{color:"rgb(255, 88, 116)"}},{types:["property"],style:{color:"rgb(128, 203, 196)"}},{types:["namespace"],style:{color:"rgb(178, 204, 214)"}}]},j={plain:{color:"#403f53",backgroundColor:"#FBFBFB"},styles:[{types:["changed"],style:{color:"rgb(162, 191, 252)",fontStyle:"italic"}},{types:["deleted"],style:{color:"rgba(239, 83, 80, 0.56)",fontStyle:"italic"}},{types:["inserted","attr-name"],style:{color:"rgb(72, 118, 214)",fontStyle:"italic"}},{types:["comment"],style:{color:"rgb(152, 159, 177)",fontStyle:"italic"}},{types:["string","builtin","char","constant","url"],style:{color:"rgb(72, 118, 214)"}},{types:["variable"],style:{color:"rgb(201, 103, 101)"}},{types:["number"],style:{color:"rgb(170, 9, 130)"}},{types:["punctuation"],style:{color:"rgb(153, 76, 195)"}},{types:["function","selector","doctype"],style:{color:"rgb(153, 76, 195)",fontStyle:"italic"}},{types:["class-name"],style:{color:"rgb(17, 17, 17)"}},{types:["tag"],style:{color:"rgb(153, 76, 195)"}},{types:["operator","property","keyword","namespace"],style:{color:"rgb(12, 150, 155)"}},{types:["boolean"],style:{color:"rgb(188, 84, 84)"}}]},A="#c5a5c5",O="#8dc891",T={plain:{backgroundColor:"#282c34",color:"#ffffff"},styles:[{types:["attr-name"],style:{color:A}},{types:["attr-value"],style:{color:O}},{types:["comment","block-comment","prolog","doctype","cdata","shebang"],style:{color:"#999999"}},{types:["property","number","function-name","constant","symbol","deleted"],style:{color:"#5a9bcf"}},{types:["boolean"],style:{color:"#ff8b50"}},{types:["tag"],style:{color:"#fc929e"}},{types:["string"],style:{color:O}},{types:["punctuation"],style:{color:O}},{types:["selector","char","builtin","inserted"],style:{color:"#D8DEE9"}},{types:["function"],style:{color:"#79b6f2"}},{types:["operator","entity","url","variable"],style:{color:"#d7deea"}},{types:["keyword"],style:{color:A}},{types:["atrule","class-name"],style:{color:"#FAC863"}},{types:["important"],style:{fontWeight:"400"}},{types:["bold"],style:{fontWeight:"bold"}},{types:["italic"],style:{fontStyle:"italic"}},{types:["namespace"],style:{opacity:.7}}]},P={plain:{color:"#f8f8f2",backgroundColor:"#272822"},styles:[{types:["changed"],style:{color:"rgb(162, 191, 252)",fontStyle:"italic"}},{types:["deleted"],style:{color:"#f92672",fontStyle:"italic"}},{types:["inserted"],style:{color:"rgb(173, 219, 103)",fontStyle:"italic"}},{types:["comment"],style:{color:"#8292a2",fontStyle:"italic"}},{types:["string","url"],style:{color:"#a6e22e"}},{types:["variable"],style:{color:"#f8f8f2"}},{types:["number"],style:{color:"#ae81ff"}},{types:["builtin","char","constant","function","class-name"],style:{color:"#e6db74"}},{types:["punctuation"],style:{color:"#f8f8f2"}},{types:["selector","doctype"],style:{color:"#a6e22e",fontStyle:"italic"}},{types:["tag","operator","keyword"],style:{color:"#66d9ef"}},{types:["boolean"],style:{color:"#ae81ff"}},{types:["namespace"],style:{color:"rgb(178, 204, 214)",opacity:.7}},{types:["tag","property"],style:{color:"#f92672"}},{types:["attr-name"],style:{color:"#a6e22e !important"}},{types:["doctype"],style:{color:"#8292a2"}},{types:["rule"],style:{color:"#e6db74"}}]},L={plain:{color:"#bfc7d5",backgroundColor:"#292d3e"},styles:[{types:["comment"],style:{color:"rgb(105, 112, 152)",fontStyle:"italic"}},{types:["string","inserted"],style:{color:"rgb(195, 232, 141)"}},{types:["number"],style:{color:"rgb(247, 140, 108)"}},{types:["builtin","char","constant","function"],style:{color:"rgb(130, 170, 255)"}},{types:["punctuation","selector"],style:{color:"rgb(199, 146, 234)"}},{types:["variable"],style:{color:"rgb(191, 199, 213)"}},{types:["class-name","attr-name"],style:{color:"rgb(255, 203, 107)"}},{types:["tag","deleted"],style:{color:"rgb(255, 85, 114)"}},{types:["operator"],style:{color:"rgb(137, 221, 255)"}},{types:["boolean"],style:{color:"rgb(255, 88, 116)"}},{types:["keyword"],style:{fontStyle:"italic"}},{types:["doctype"],style:{color:"rgb(199, 146, 234)",fontStyle:"italic"}},{types:["namespace"],style:{color:"rgb(178, 204, 214)"}},{types:["url"],style:{color:"rgb(221, 221, 221)"}}]},I={plain:{color:"#9EFEFF",backgroundColor:"#2D2A55"},styles:[{types:["changed"],style:{color:"rgb(255, 238, 128)"}},{types:["deleted"],style:{color:"rgba(239, 83, 80, 0.56)"}},{types:["inserted"],style:{color:"rgb(173, 219, 103)"}},{types:["comment"],style:{color:"rgb(179, 98, 255)",fontStyle:"italic"}},{types:["punctuation"],style:{color:"rgb(255, 255, 255)"}},{types:["constant"],style:{color:"rgb(255, 98, 140)"}},{types:["string","url"],style:{color:"rgb(165, 255, 144)"}},{types:["variable"],style:{color:"rgb(255, 238, 128)"}},{types:["number","boolean"],style:{color:"rgb(255, 98, 140)"}},{types:["attr-name"],style:{color:"rgb(255, 180, 84)"}},{types:["keyword","operator","property","namespace","tag","selector","doctype"],style:{color:"rgb(255, 157, 0)"}},{types:["builtin","char","constant","function","class-name"],style:{color:"rgb(250, 208, 0)"}}]},R={plain:{backgroundColor:"linear-gradient(to bottom, #2a2139 75%, #34294f)",backgroundImage:"#34294f",color:"#f92aad",textShadow:"0 0 2px #100c0f, 0 0 5px #dc078e33, 0 0 10px #fff3"},styles:[{types:["comment","block-comment","prolog","doctype","cdata"],style:{color:"#495495",fontStyle:"italic"}},{types:["punctuation"],style:{color:"#ccc"}},{types:["tag","attr-name","namespace","number","unit","hexcode","deleted"],style:{color:"#e2777a"}},{types:["property","selector"],style:{color:"#72f1b8",textShadow:"0 0 2px #100c0f, 0 0 10px #257c5575, 0 0 35px #21272475"}},{types:["function-name"],style:{color:"#6196cc"}},{types:["boolean","selector-id","function"],style:{color:"#fdfdfd",textShadow:"0 0 2px #001716, 0 0 3px #03edf975, 0 0 5px #03edf975, 0 0 8px #03edf975"}},{types:["class-name","maybe-class-name","builtin"],style:{color:"#fff5f6",textShadow:"0 0 2px #000, 0 0 10px #fc1f2c75, 0 0 5px #fc1f2c75, 0 0 25px #fc1f2c75"}},{types:["constant","symbol"],style:{color:"#f92aad",textShadow:"0 0 2px #100c0f, 0 0 5px #dc078e33, 0 0 10px #fff3"}},{types:["important","atrule","keyword","selector-class"],style:{color:"#f4eee4",textShadow:"0 0 2px #393a33, 0 0 8px #f39f0575, 0 0 2px #f39f0575"}},{types:["string","char","attr-value","regex","variable"],style:{color:"#f87c32"}},{types:["parameter"],style:{fontStyle:"italic"}},{types:["entity","url"],style:{color:"#67cdcc"}},{types:["operator"],style:{color:"ffffffee"}},{types:["important","bold"],style:{fontWeight:"bold"}},{types:["italic"],style:{fontStyle:"italic"}},{types:["entity"],style:{cursor:"help"}},{types:["inserted"],style:{color:"green"}}]},N={plain:{color:"#282a2e",backgroundColor:"#ffffff"},styles:[{types:["comment"],style:{color:"rgb(197, 200, 198)"}},{types:["string","number","builtin","variable"],style:{color:"rgb(150, 152, 150)"}},{types:["class-name","function","tag","attr-name"],style:{color:"rgb(40, 42, 46)"}}]},D={plain:{color:"#9CDCFE",backgroundColor:"#1E1E1E"},styles:[{types:["prolog"],style:{color:"rgb(0, 0, 128)"}},{types:["comment"],style:{color:"rgb(106, 153, 85)"}},{types:["builtin","changed","keyword","interpolation-punctuation"],style:{color:"rgb(86, 156, 214)"}},{types:["number","inserted"],style:{color:"rgb(181, 206, 168)"}},{types:["constant"],style:{color:"rgb(100, 102, 149)"}},{types:["attr-name","variable"],style:{color:"rgb(156, 220, 254)"}},{types:["deleted","string","attr-value","template-punctuation"],style:{color:"rgb(206, 145, 120)"}},{types:["selector"],style:{color:"rgb(215, 186, 125)"}},{types:["tag"],style:{color:"rgb(78, 201, 176)"}},{types:["tag"],languages:["markup"],style:{color:"rgb(86, 156, 214)"}},{types:["punctuation","operator"],style:{color:"rgb(212, 212, 212)"}},{types:["punctuation"],languages:["markup"],style:{color:"#808080"}},{types:["function"],style:{color:"rgb(220, 220, 170)"}},{types:["class-name"],style:{color:"rgb(78, 201, 176)"}},{types:["char"],style:{color:"rgb(209, 105, 105)"}}]},M={plain:{color:"#000000",backgroundColor:"#ffffff"},styles:[{types:["comment"],style:{color:"rgb(0, 128, 0)"}},{types:["builtin"],style:{color:"rgb(0, 112, 193)"}},{types:["number","variable","inserted"],style:{color:"rgb(9, 134, 88)"}},{types:["operator"],style:{color:"rgb(0, 0, 0)"}},{types:["constant","char"],style:{color:"rgb(129, 31, 63)"}},{types:["tag"],style:{color:"rgb(128, 0, 0)"}},{types:["attr-name"],style:{color:"rgb(255, 0, 0)"}},{types:["deleted","string"],style:{color:"rgb(163, 21, 21)"}},{types:["changed","punctuation"],style:{color:"rgb(4, 81, 165)"}},{types:["function","keyword"],style:{color:"rgb(0, 0, 255)"}},{types:["class-name"],style:{color:"rgb(38, 127, 153)"}}]},F={plain:{color:"#f8fafc",backgroundColor:"#011627"},styles:[{types:["prolog"],style:{color:"#000080"}},{types:["comment"],style:{color:"#6A9955"}},{types:["builtin","changed","keyword","interpolation-punctuation"],style:{color:"#569CD6"}},{types:["number","inserted"],style:{color:"#B5CEA8"}},{types:["constant"],style:{color:"#f8fafc"}},{types:["attr-name","variable"],style:{color:"#9CDCFE"}},{types:["deleted","string","attr-value","template-punctuation"],style:{color:"#cbd5e1"}},{types:["selector"],style:{color:"#D7BA7D"}},{types:["tag"],style:{color:"#0ea5e9"}},{types:["tag"],languages:["markup"],style:{color:"#0ea5e9"}},{types:["punctuation","operator"],style:{color:"#D4D4D4"}},{types:["punctuation"],languages:["markup"],style:{color:"#808080"}},{types:["function"],style:{color:"#7dd3fc"}},{types:["class-name"],style:{color:"#0ea5e9"}},{types:["char"],style:{color:"#D16969"}}]},z={plain:{color:"#0f172a",backgroundColor:"#f1f5f9"},styles:[{types:["prolog"],style:{color:"#000080"}},{types:["comment"],style:{color:"#6A9955"}},{types:["builtin","changed","keyword","interpolation-punctuation"],style:{color:"#0c4a6e"}},{types:["number","inserted"],style:{color:"#B5CEA8"}},{types:["constant"],style:{color:"#0f172a"}},{types:["attr-name","variable"],style:{color:"#0c4a6e"}},{types:["deleted","string","attr-value","template-punctuation"],style:{color:"#64748b"}},{types:["selector"],style:{color:"#D7BA7D"}},{types:["tag"],style:{color:"#0ea5e9"}},{types:["tag"],languages:["markup"],style:{color:"#0ea5e9"}},{types:["punctuation","operator"],style:{color:"#475569"}},{types:["punctuation"],languages:["markup"],style:{color:"#808080"}},{types:["function"],style:{color:"#0e7490"}},{types:["class-name"],style:{color:"#0ea5e9"}},{types:["char"],style:{color:"#D16969"}}]},B={plain:{backgroundColor:"hsl(220, 13%, 18%)",color:"hsl(220, 14%, 71%)",textShadow:"0 1px rgba(0, 0, 0, 0.3)"},styles:[{types:["comment","prolog","cdata"],style:{color:"hsl(220, 10%, 40%)"}},{types:["doctype","punctuation","entity"],style:{color:"hsl(220, 14%, 71%)"}},{types:["attr-name","class-name","maybe-class-name","boolean","constant","number","atrule"],style:{color:"hsl(29, 54%, 61%)"}},{types:["keyword"],style:{color:"hsl(286, 60%, 67%)"}},{types:["property","tag","symbol","deleted","important"],style:{color:"hsl(355, 65%, 65%)"}},{types:["selector","string","char","builtin","inserted","regex","attr-value"],style:{color:"hsl(95, 38%, 62%)"}},{types:["variable","operator","function"],style:{color:"hsl(207, 82%, 66%)"}},{types:["url"],style:{color:"hsl(187, 47%, 55%)"}},{types:["deleted"],style:{textDecorationLine:"line-through"}},{types:["inserted"],style:{textDecorationLine:"underline"}},{types:["italic"],style:{fontStyle:"italic"}},{types:["important","bold"],style:{fontWeight:"bold"}},{types:["important"],style:{color:"hsl(220, 14%, 71%)"}}]},U={plain:{backgroundColor:"hsl(230, 1%, 98%)",color:"hsl(230, 8%, 24%)"},styles:[{types:["comment","prolog","cdata"],style:{color:"hsl(230, 4%, 64%)"}},{types:["doctype","punctuation","entity"],style:{color:"hsl(230, 8%, 24%)"}},{types:["attr-name","class-name","boolean","constant","number","atrule"],style:{color:"hsl(35, 99%, 36%)"}},{types:["keyword"],style:{color:"hsl(301, 63%, 40%)"}},{types:["property","tag","symbol","deleted","important"],style:{color:"hsl(5, 74%, 59%)"}},{types:["selector","string","char","builtin","inserted","regex","attr-value","punctuation"],style:{color:"hsl(119, 34%, 47%)"}},{types:["variable","operator","function"],style:{color:"hsl(221, 87%, 60%)"}},{types:["url"],style:{color:"hsl(198, 99%, 37%)"}},{types:["deleted"],style:{textDecorationLine:"line-through"}},{types:["inserted"],style:{textDecorationLine:"underline"}},{types:["italic"],style:{fontStyle:"italic"}},{types:["important","bold"],style:{fontWeight:"bold"}},{types:["important"],style:{color:"hsl(230, 8%, 24%)"}}]},q={plain:{color:"#ebdbb2",backgroundColor:"#292828"},styles:[{types:["imports","class-name","maybe-class-name","constant","doctype","builtin","function"],style:{color:"#d8a657"}},{types:["property-access"],style:{color:"#7daea3"}},{types:["tag"],style:{color:"#e78a4e"}},{types:["attr-name","char","url","regex"],style:{color:"#a9b665"}},{types:["attr-value","string"],style:{color:"#89b482"}},{types:["comment","prolog","cdata","operator","inserted"],style:{color:"#a89984"}},{types:["delimiter","boolean","keyword","selector","important","atrule","property","variable","deleted"],style:{color:"#ea6962"}},{types:["entity","number","symbol"],style:{color:"#d3869b"}}]},$={plain:{color:"#654735",backgroundColor:"#f9f5d7"},styles:[{types:["delimiter","boolean","keyword","selector","important","atrule","property","variable","deleted"],style:{color:"#af2528"}},{types:["imports","class-name","maybe-class-name","constant","doctype","builtin"],style:{color:"#b4730e"}},{types:["string","attr-value"],style:{color:"#477a5b"}},{types:["property-access"],style:{color:"#266b79"}},{types:["function","attr-name","char","url"],style:{color:"#72761e"}},{types:["tag"],style:{color:"#b94c07"}},{types:["comment","prolog","cdata","operator","inserted"],style:{color:"#a89984"}},{types:["entity","number","symbol"],style:{color:"#924f79"}}]},H=(e,t)=>{const{plain:n}=e,r=e.styles.reduce(((e,n)=>{const{languages:r,style:o}=n;return r&&!r.includes(t)||n.types.forEach((t=>{const n=y(y({},e[t]),o);e[t]=n})),e}),{});return r.root=n,r.plain=v(y({},n),{backgroundColor:void 0}),r},V=/\r\n|\r|\n/,G=e=>{0===e.length?e.push({types:["plain"],content:"\n",empty:!0}):1===e.length&&""===e[0].content&&(e[0].content="\n",e[0].empty=!0)},W=(e,t)=>{const n=e.length;return n>0&&e[n-1]===t?e:e.concat(t)},K=e=>{const t=[[]],n=[e],r=[0],o=[e.length];let a=0,i=0,s=[];const l=[s];for(;i>-1;){for(;(a=r[i]++)<o[i];){let e,c=t[i];const u=n[i][a];if("string"==typeof u?(c=i>0?c:["plain"],e=u):(c=W(c,u.type),u.alias&&(c=W(c,u.alias)),e=u.content),"string"!=typeof e){i++,t.push(c),n.push(e),r.push(0),o.push(e.length);continue}const d=e.split(V),p=d.length;s.push({types:c,content:d[0]});for(let t=1;t<p;t++)G(s),l.push(s=[]),s.push({types:c,content:d[t]})}i--,t.pop(),n.pop(),r.pop(),o.pop()}return G(s),l},Q=({children:e,language:t,code:n,theme:r,prism:o})=>{const s=t.toLowerCase(),l=((e,t)=>{const[n,r]=(0,a.useState)(H(t,e)),o=(0,a.useRef)(),i=(0,a.useRef)();return(0,a.useEffect)((()=>{t===o.current&&e===i.current||(o.current=t,i.current=e,r(H(t,e)))}),[e,t]),n})(s,r),c=(e=>(0,a.useCallback)((t=>{var n=t,{className:r,style:o,line:a}=n,s=w(n,["className","style","line"]);const l=v(y({},s),{className:(0,i.A)("token-line",r)});return"object"==typeof e&&"plain"in e&&(l.style=e.plain),"object"==typeof o&&(l.style=y(y({},l.style||{}),o)),l}),[e]))(l),u=(e=>{const t=(0,a.useCallback)((({types:t,empty:n})=>{if(null!=e)return 1===t.length&&"plain"===t[0]?null!=n?{display:"inline-block"}:void 0:1===t.length&&null!=n?e[t[0]]:Object.assign(null!=n?{display:"inline-block"}:{},...t.map((t=>e[t])))}),[e]);return(0,a.useCallback)((e=>{var n=e,{token:r,className:o,style:a}=n,s=w(n,["token","className","style"]);const l=v(y({},s),{className:(0,i.A)("token",...r.types,o),children:r.content,style:t(r)});return null!=a&&(l.style=y(y({},l.style||{}),a)),l}),[t])})(l),d=(({prism:e,code:t,grammar:n,language:r})=>{const o=(0,a.useRef)(e);return(0,a.useMemo)((()=>{if(null==n)return K([t]);const e={code:t,grammar:n,language:r,tokens:[]};return o.current.hooks.run("before-tokenize",e),e.tokens=o.current.tokenize(t,n),o.current.hooks.run("after-tokenize",e),K(e.tokens)}),[t,n,r])})({prism:o,language:s,code:n,grammar:o.languages[s]});return e({tokens:d,className:`prism-code language-${s}`,style:null!=l?l.root:{},getLineProps:c,getTokenProps:u})},Y=e=>(0,a.createElement)(Q,v(y({},e),{prism:e.prism||S,theme:e.theme||D,code:e.code,language:e.language}))},5385:(e,t,n)=>{"use strict";n.d(t,{A:()=>a});var r=!0,o="Invariant failed";function a(e,t){if(!e){if(r)throw new Error(o);var n="function"==typeof t?t():t,a=n?"".concat(o,": ").concat(n):o;throw new Error(a)}}},3422:(e,t,n)=>{"use strict";n.r(t),n.d(t,{__addDisposableResource:()=>R,__assign:()=>a,__asyncDelegator:()=>_,__asyncGenerator:()=>E,__asyncValues:()=>C,__await:()=>k,__awaiter:()=>m,__classPrivateFieldGet:()=>P,__classPrivateFieldIn:()=>I,__classPrivateFieldSet:()=>L,__createBinding:()=>g,__decorate:()=>s,__disposeResources:()=>D,__esDecorate:()=>c,__exportStar:()=>b,__extends:()=>o,__generator:()=>h,__importDefault:()=>T,__importStar:()=>O,__makeTemplateObject:()=>j,__metadata:()=>f,__param:()=>l,__propKey:()=>d,__read:()=>v,__rest:()=>i,__runInitializers:()=>u,__setFunctionName:()=>p,__spread:()=>w,__spreadArray:()=>x,__spreadArrays:()=>S,__values:()=>y,default:()=>M});var r=function(e,t){return r=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])},r(e,t)};function o(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");function n(){this.constructor=e}r(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)}var a=function(){return a=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var o in t=arguments[n])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e},a.apply(this,arguments)};function i(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&Object.prototype.propertyIsEnumerable.call(e,r[o])&&(n[r[o]]=e[r[o]])}return n}function s(e,t,n,r){var o,a=arguments.length,i=a<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,n):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(e,t,n,r);else for(var s=e.length-1;s>=0;s--)(o=e[s])&&(i=(a<3?o(i):a>3?o(t,n,i):o(t,n))||i);return a>3&&i&&Object.defineProperty(t,n,i),i}function l(e,t){return function(n,r){t(n,r,e)}}function c(e,t,n,r,o,a){function i(e){if(void 0!==e&&"function"!=typeof e)throw new TypeError("Function expected");return e}for(var s,l=r.kind,c="getter"===l?"get":"setter"===l?"set":"value",u=!t&&e?r.static?e:e.prototype:null,d=t||(u?Object.getOwnPropertyDescriptor(u,r.name):{}),p=!1,f=n.length-1;f>=0;f--){var m={};for(var h in r)m[h]="access"===h?{}:r[h];for(var h in r.access)m.access[h]=r.access[h];m.addInitializer=function(e){if(p)throw new TypeError("Cannot add initializers after decoration has completed");a.push(i(e||null))};var g=(0,n[f])("accessor"===l?{get:d.get,set:d.set}:d[c],m);if("accessor"===l){if(void 0===g)continue;if(null===g||"object"!=typeof g)throw new TypeError("Object expected");(s=i(g.get))&&(d.get=s),(s=i(g.set))&&(d.set=s),(s=i(g.init))&&o.unshift(s)}else(s=i(g))&&("field"===l?o.unshift(s):d[c]=s)}u&&Object.defineProperty(u,r.name,d),p=!0}function u(e,t,n){for(var r=arguments.length>2,o=0;o<t.length;o++)n=r?t[o].call(e,n):t[o].call(e);return r?n:void 0}function d(e){return"symbol"==typeof e?e:"".concat(e)}function p(e,t,n){return"symbol"==typeof t&&(t=t.description?"[".concat(t.description,"]"):""),Object.defineProperty(e,"name",{configurable:!0,value:n?"".concat(n," ",t):t})}function f(e,t){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(e,t)}function m(e,t,n,r){return new(n||(n=Promise))((function(o,a){function i(e){try{l(r.next(e))}catch(t){a(t)}}function s(e){try{l(r.throw(e))}catch(t){a(t)}}function l(e){var t;e.done?o(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(i,s)}l((r=r.apply(e,t||[])).next())}))}function h(e,t){var n,r,o,a,i={label:0,sent:function(){if(1&o[0])throw o[1];return o[1]},trys:[],ops:[]};return a={next:s(0),throw:s(1),return:s(2)},"function"==typeof Symbol&&(a[Symbol.iterator]=function(){return this}),a;function s(s){return function(l){return function(s){if(n)throw new TypeError("Generator is already executing.");for(;a&&(a=0,s[0]&&(i=0)),i;)try{if(n=1,r&&(o=2&s[0]?r.return:s[0]?r.throw||((o=r.return)&&o.call(r),0):r.next)&&!(o=o.call(r,s[1])).done)return o;switch(r=0,o&&(s=[2&s[0],o.value]),s[0]){case 0:case 1:o=s;break;case 4:return i.label++,{value:s[1],done:!1};case 5:i.label++,r=s[1],s=[0];continue;case 7:s=i.ops.pop(),i.trys.pop();continue;default:if(!(o=i.trys,(o=o.length>0&&o[o.length-1])||6!==s[0]&&2!==s[0])){i=0;continue}if(3===s[0]&&(!o||s[1]>o[0]&&s[1]<o[3])){i.label=s[1];break}if(6===s[0]&&i.label<o[1]){i.label=o[1],o=s;break}if(o&&i.label<o[2]){i.label=o[2],i.ops.push(s);break}o[2]&&i.ops.pop(),i.trys.pop();continue}s=t.call(e,i)}catch(l){s=[6,l],r=0}finally{n=o=0}if(5&s[0])throw s[1];return{value:s[0]?s[1]:void 0,done:!0}}([s,l])}}}var g=Object.create?function(e,t,n,r){void 0===r&&(r=n);var o=Object.getOwnPropertyDescriptor(t,n);o&&!("get"in o?!t.__esModule:o.writable||o.configurable)||(o={enumerable:!0,get:function(){return t[n]}}),Object.defineProperty(e,r,o)}:function(e,t,n,r){void 0===r&&(r=n),e[r]=t[n]};function b(e,t){for(var n in e)"default"===n||Object.prototype.hasOwnProperty.call(t,n)||g(t,e,n)}function y(e){var t="function"==typeof Symbol&&Symbol.iterator,n=t&&e[t],r=0;if(n)return n.call(e);if(e&&"number"==typeof e.length)return{next:function(){return e&&r>=e.length&&(e=void 0),{value:e&&e[r++],done:!e}}};throw new TypeError(t?"Object is not iterable.":"Symbol.iterator is not defined.")}function v(e,t){var n="function"==typeof Symbol&&e[Symbol.iterator];if(!n)return e;var r,o,a=n.call(e),i=[];try{for(;(void 0===t||t-- >0)&&!(r=a.next()).done;)i.push(r.value)}catch(s){o={error:s}}finally{try{r&&!r.done&&(n=a.return)&&n.call(a)}finally{if(o)throw o.error}}return i}function w(){for(var e=[],t=0;t<arguments.length;t++)e=e.concat(v(arguments[t]));return e}function S(){for(var e=0,t=0,n=arguments.length;t<n;t++)e+=arguments[t].length;var r=Array(e),o=0;for(t=0;t<n;t++)for(var a=arguments[t],i=0,s=a.length;i<s;i++,o++)r[o]=a[i];return r}function x(e,t,n){if(n||2===arguments.length)for(var r,o=0,a=t.length;o<a;o++)!r&&o in t||(r||(r=Array.prototype.slice.call(t,0,o)),r[o]=t[o]);return e.concat(r||Array.prototype.slice.call(t))}function k(e){return this instanceof k?(this.v=e,this):new k(e)}function E(e,t,n){if(!Symbol.asyncIterator)throw new TypeError("Symbol.asyncIterator is not defined.");var r,o=n.apply(e,t||[]),a=[];return r={},i("next"),i("throw"),i("return",(function(e){return function(t){return Promise.resolve(t).then(e,c)}})),r[Symbol.asyncIterator]=function(){return this},r;function i(e,t){o[e]&&(r[e]=function(t){return new Promise((function(n,r){a.push([e,t,n,r])>1||s(e,t)}))},t&&(r[e]=t(r[e])))}function s(e,t){try{(n=o[e](t)).value instanceof k?Promise.resolve(n.value.v).then(l,c):u(a[0][2],n)}catch(r){u(a[0][3],r)}var n}function l(e){s("next",e)}function c(e){s("throw",e)}function u(e,t){e(t),a.shift(),a.length&&s(a[0][0],a[0][1])}}function _(e){var t,n;return t={},r("next"),r("throw",(function(e){throw e})),r("return"),t[Symbol.iterator]=function(){return this},t;function r(r,o){t[r]=e[r]?function(t){return(n=!n)?{value:k(e[r](t)),done:!1}:o?o(t):t}:o}}function C(e){if(!Symbol.asyncIterator)throw new TypeError("Symbol.asyncIterator is not defined.");var t,n=e[Symbol.asyncIterator];return n?n.call(e):(e=y(e),t={},r("next"),r("throw"),r("return"),t[Symbol.asyncIterator]=function(){return this},t);function r(n){t[n]=e[n]&&function(t){return new Promise((function(r,o){(function(e,t,n,r){Promise.resolve(r).then((function(t){e({value:t,done:n})}),t)})(r,o,(t=e[n](t)).done,t.value)}))}}}function j(e,t){return Object.defineProperty?Object.defineProperty(e,"raw",{value:t}):e.raw=t,e}var A=Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t};function O(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var n in e)"default"!==n&&Object.prototype.hasOwnProperty.call(e,n)&&g(t,e,n);return A(t,e),t}function T(e){return e&&e.__esModule?e:{default:e}}function P(e,t,n,r){if("a"===n&&!r)throw new TypeError("Private accessor was defined without a getter");if("function"==typeof t?e!==t||!r:!t.has(e))throw new TypeError("Cannot read private member from an object whose class did not declare it");return"m"===n?r:"a"===n?r.call(e):r?r.value:t.get(e)}function L(e,t,n,r,o){if("m"===r)throw new TypeError("Private method is not writable");if("a"===r&&!o)throw new TypeError("Private accessor was defined without a setter");if("function"==typeof t?e!==t||!o:!t.has(e))throw new TypeError("Cannot write private member to an object whose class did not declare it");return"a"===r?o.call(e,n):o?o.value=n:t.set(e,n),n}function I(e,t){if(null===t||"object"!=typeof t&&"function"!=typeof t)throw new TypeError("Cannot use 'in' operator on non-object");return"function"==typeof e?t===e:e.has(t)}function R(e,t,n){if(null!=t){if("object"!=typeof t&&"function"!=typeof t)throw new TypeError("Object expected.");var r,o;if(n){if(!Symbol.asyncDispose)throw new TypeError("Symbol.asyncDispose is not defined.");r=t[Symbol.asyncDispose]}if(void 0===r){if(!Symbol.dispose)throw new TypeError("Symbol.dispose is not defined.");r=t[Symbol.dispose],n&&(o=r)}if("function"!=typeof r)throw new TypeError("Object not disposable.");o&&(r=function(){try{o.call(this)}catch(e){return Promise.reject(e)}}),e.stack.push({value:t,dispose:r,async:n})}else n&&e.stack.push({async:!0});return t}var N="function"==typeof SuppressedError?SuppressedError:function(e,t,n){var r=new Error(n);return r.name="SuppressedError",r.error=e,r.suppressed=t,r};function D(e){function t(t){e.error=e.hasError?new N(t,e.error,"An error was suppressed during disposal."):t,e.hasError=!0}return function n(){for(;e.stack.length;){var r=e.stack.pop();try{var o=r.dispose&&r.dispose.call(r.value);if(r.async)return Promise.resolve(o).then(n,(function(e){return t(e),n()}))}catch(a){t(a)}}if(e.hasError)throw e.error}()}const M={__extends:o,__assign:a,__rest:i,__decorate:s,__param:l,__metadata:f,__awaiter:m,__generator:h,__createBinding:g,__exportStar:b,__values:y,__read:v,__spread:w,__spreadArrays:S,__spreadArray:x,__await:k,__asyncGenerator:E,__asyncDelegator:_,__asyncValues:C,__makeTemplateObject:j,__importStar:O,__importDefault:T,__classPrivateFieldGet:P,__classPrivateFieldSet:L,__classPrivateFieldIn:I,__addDisposableResource:R,__disposeResources:D}},2654:e=>{"use strict";e.exports=JSON.parse('{"theme.AnnouncementBar.closeButtonAriaLabel":"\u0417\u0430\u043a\u0440\u044b\u0442\u044c","theme.BackToTopButton.buttonAriaLabel":"\u041f\u0440\u043e\u043a\u0440\u0443\u0442\u043a\u0430 \u043a \u043d\u0430\u0447\u0430\u043b\u0443","theme.CodeBlock.copied":"\u0421\u043a\u043e\u043f\u0438\u0440\u043e\u0432\u0430\u043d\u043e","theme.CodeBlock.copy":"\u0421\u043a\u043e\u043f\u0438\u0440\u043e\u0432\u0430\u0442\u044c","theme.CodeBlock.copyButtonAriaLabel":"\u0421\u043a\u043e\u043f\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u0432 \u0431\u0443\u0444\u0435\u0440 \u043e\u0431\u043c\u0435\u043d\u0430","theme.CodeBlock.wordWrapToggle":"\u041f\u0435\u0440\u0435\u043a\u043b\u044e\u0447\u0438\u0442\u044c \u043f\u0435\u0440\u0435\u043d\u043e\u0441 \u043f\u043e \u0441\u0442\u0440\u043e\u043a\u0430\u043c","theme.DocSidebarItem.collapseCategoryAriaLabel":"Collapse sidebar category \'{label}\'","theme.DocSidebarItem.expandCategoryAriaLabel":"Expand sidebar category \'{label}\'","theme.ErrorPageContent.title":"\u041d\u0430 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0435 \u043f\u0440\u043e\u0438\u0437\u043e\u0448\u0451\u043b \u0441\u0431\u043e\u0439.","theme.ErrorPageContent.tryAgain":"\u041f\u043e\u043f\u0440\u043e\u0431\u0443\u0439\u0442\u0435 \u0435\u0449\u0451 \u0440\u0430\u0437","theme.NavBar.navAriaLabel":"Main","theme.NotFound.p1":"\u041a \u0441\u043e\u0436\u0430\u043b\u0435\u043d\u0438\u044e, \u043c\u044b \u043d\u0435 \u0441\u043c\u043e\u0433\u043b\u0438 \u043d\u0430\u0439\u0442\u0438 \u0437\u0430\u043f\u0440\u0430\u0448\u0438\u0432\u0430\u0435\u043c\u0443\u044e \u0432\u0430\u043c\u0438 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0443.","theme.NotFound.p2":"\u041f\u043e\u0436\u0430\u043b\u0443\u0439\u0441\u0442\u0430, \u043e\u0431\u0440\u0430\u0442\u0438\u0442\u0435\u0441\u044c \u043a \u0432\u043b\u0430\u0434\u0435\u043b\u044c\u0446\u0443 \u0441\u0430\u0439\u0442\u0430, \u0441 \u043a\u043e\u0442\u043e\u0440\u043e\u0433\u043e \u0432\u044b \u043f\u0435\u0440\u0435\u0448\u043b\u0438 \u043d\u0430 \u044d\u0442\u0443 \u0441\u0441\u044b\u043b\u043a\u0443, \u0447\u0442\u043e\u0431\u044b \u0441\u043e\u043e\u0431\u0449\u0438\u0442\u044c \u0435\u043c\u0443 \u0441\u0441\u044b\u043b\u043a\u0430 \u043d\u0435 \u0440\u0430\u0431\u043e\u0442\u0430\u0435\u0442.","theme.NotFound.title":"\u0421\u0442\u0440\u0430\u043d\u0438\u0446\u0430 \u043d\u0435 \u043d\u0430\u0439\u0434\u0435\u043d\u0430","theme.TOCCollapsible.toggleButtonLabel":"\u0421\u043e\u0434\u0435\u0440\u0436\u0430\u043d\u0438\u0435 \u044d\u0442\u043e\u0439 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b","theme.admonition.caution":"\u043f\u0440\u0435\u0434\u0443\u043f\u0440\u0435\u0436\u0434\u0435\u043d\u0438\u0435","theme.admonition.danger":"\u043e\u0441\u0442\u043e\u0440\u043e\u0436\u043d\u043e","theme.admonition.info":"\u043a \u0441\u0432\u0435\u0434\u0435\u043d\u0438\u044e","theme.admonition.note":"\u043f\u0440\u0438\u043c\u0435\u0447\u0430\u043d\u0438\u0435","theme.admonition.tip":"\u043f\u043e\u0434\u0441\u043a\u0430\u0437\u043a\u0430","theme.admonition.warning":"warning","theme.blog.archive.description":"\u0410\u0440\u0445\u0438\u0432","theme.blog.archive.title":"\u0410\u0440\u0445\u0438\u0432","theme.blog.author.pageTitle":"{authorName} - {nPosts}","theme.blog.authorsList.pageTitle":"Authors","theme.blog.authorsList.viewAll":"View All Authors","theme.blog.paginator.navAriaLabel":"\u041d\u0430\u0432\u0438\u0433\u0430\u0446\u0438\u044f \u043f\u043e \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0435 \u0441\u043f\u0438\u0441\u043a\u0430 \u0431\u043b\u043e\u0433\u043e\u0432","theme.blog.paginator.newerEntries":"\u0421\u043b\u0435\u0434\u0443\u044e\u0449\u0438\u0435 \u0437\u0430\u043f\u0438\u0441\u0438","theme.blog.paginator.olderEntries":"\u041f\u0440\u0435\u0434\u044b\u0434\u0443\u0449\u0438\u0435 \u0437\u0430\u043f\u0438\u0441\u0438","theme.blog.post.paginator.navAriaLabel":"\u041d\u0430\u0432\u0438\u0433\u0430\u0446\u0438\u044f \u043f\u043e \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0435 \u043f\u043e\u0441\u0442\u0430 \u0431\u043b\u043e\u0433\u0430","theme.blog.post.paginator.newerPost":"\u0421\u043b\u0435\u0434\u0443\u044e\u0449\u0438\u0439 \u043f\u043e\u0441\u0442","theme.blog.post.paginator.olderPost":"\u041f\u0440\u0435\u0434\u044b\u0434\u0443\u0449\u0438\u0439 \u043f\u043e\u0441\u0442","theme.blog.post.plurals":"{count} \u0437\u0430\u043f\u0438\u0441\u044c|{count} \u0437\u0430\u043f\u0438\u0441\u0438|{count} \u0437\u0430\u043f\u0438\u0441\u0435\u0439","theme.blog.post.readMore":"\u0427\u0438\u0442\u0430\u0442\u044c \u0434\u0430\u043b\u044c\u0448\u0435","theme.blog.post.readMoreLabel":"\u041f\u043e\u0434\u0440\u043e\u0431\u043d\u0435\u0435 \u043e {title}","theme.blog.post.readingTime.plurals":"{readingTime} \u043c\u0438\u043d. \u0447\u0442\u0435\u043d\u0438\u044f","theme.blog.sidebar.navAriaLabel":"\u041d\u0430\u0432\u0438\u0433\u0430\u0446\u0438\u044f \u043f\u043e \u043f\u043e\u0441\u043b\u0435\u0434\u043d\u0438\u043c \u043f\u043e\u0441\u0442\u0430\u043c \u0432 \u0431\u043b\u043e\u0433\u0435","theme.blog.tagTitle":"{nPosts} \u0441 \u0442\u0435\u0433\u043e\u043c \\"{tagName}\\"","theme.colorToggle.ariaLabel":"\u041f\u0435\u0440\u0435\u043a\u043b\u044e\u0447\u0435\u043d\u0438\u0435 \u043c\u0435\u0436\u0434\u0443 \u0442\u0435\u043c\u043d\u044b\u043c \u0438 \u0441\u0432\u0435\u0442\u043b\u044b\u043c \u0440\u0435\u0436\u0438\u043c\u043e\u043c (\u0441\u0435\u0439\u0447\u0430\u0441 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u0442\u0441\u044f {mode})","theme.colorToggle.ariaLabel.mode.dark":"\u0422\u0451\u043c\u043d\u044b\u0439 \u0440\u0435\u0436\u0438\u043c","theme.colorToggle.ariaLabel.mode.light":"\u0421\u0432\u0435\u0442\u043b\u044b\u0439 \u0440\u0435\u0436\u0438\u043c","theme.common.editThisPage":"\u041e\u0442\u0440\u0435\u0434\u0430\u043a\u0442\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u044d\u0442\u0443 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0443","theme.common.headingLinkTitle":"\u041f\u0440\u044f\u043c\u0430\u044f \u0441\u0441\u044b\u043b\u043a\u0430 \u043d\u0430 \u044d\u0442\u043e\u0442 \u0437\u0430\u0433\u043e\u043b\u043e\u0432\u043e\u043a","theme.common.skipToMainContent":"\u041f\u0435\u0440\u0435\u0439\u0442\u0438 \u043a \u043e\u0441\u043d\u043e\u0432\u043d\u043e\u043c\u0443 \u0441\u043e\u0434\u0435\u0440\u0436\u0438\u043c\u043e\u043c\u0443","theme.contentVisibility.draftBanner.message":"This page is a draft. It will only be visible in dev and be excluded from the production build.","theme.contentVisibility.draftBanner.title":"Draft page","theme.contentVisibility.unlistedBanner.message":"This page is unlisted. Search engines will not index it, and only users having a direct link can access it.","theme.contentVisibility.unlistedBanner.title":"Unlisted page","theme.docs.DocCard.categoryDescription.plurals":"{count} \u044d\u043b\u0435\u043c\u0435\u043d\u0442|{count} \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u0430|{count} \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u043e\u0432","theme.docs.breadcrumbs.home":"\u0413\u043b\u0430\u0432\u043d\u0430\u044f \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0430","theme.docs.breadcrumbs.navAriaLabel":"\u041d\u0430\u0432\u0438\u0433\u0430\u0446\u0438\u043e\u043d\u043d\u0430\u044f \u0446\u0435\u043f\u043e\u0447\u043a\u0430 \u0442\u0435\u043a\u0443\u0449\u0435\u0439 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b","theme.docs.paginator.navAriaLabel":"\u041d\u0430\u0432\u0438\u0433\u0430\u0446\u0438\u044f \u043f\u043e \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0435 \u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u0430\u0446\u0438\u0438","theme.docs.paginator.next":"\u0421\u043b\u0435\u0434\u0443\u044e\u0449\u0430\u044f \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0430","theme.docs.paginator.previous":"\u041f\u0440\u0435\u0434\u044b\u0434\u0443\u0449\u0430\u044f \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0430","theme.docs.sidebar.closeSidebarButtonAriaLabel":"\u0417\u0430\u043a\u0440\u044b\u0442\u044c \u043f\u0430\u043d\u0435\u043b\u044c \u043d\u0430\u0432\u0438\u0433\u0430\u0446\u0438\u0438","theme.docs.sidebar.collapseButtonAriaLabel":"\u0421\u0432\u0435\u0440\u043d\u0443\u0442\u044c \u0441\u0430\u0439\u0434\u0431\u0430\u0440","theme.docs.sidebar.collapseButtonTitle":"\u0421\u0432\u0435\u0440\u043d\u0443\u0442\u044c \u0441\u0430\u0439\u0434\u0431\u0430\u0440","theme.docs.sidebar.expandButtonAriaLabel":"\u0420\u0430\u0437\u0432\u0435\u0440\u043d\u0443\u0442\u044c \u0441\u0430\u0439\u0434\u0431\u0430\u0440","theme.docs.sidebar.expandButtonTitle":"\u0420\u0430\u0437\u0432\u0435\u0440\u043d\u0443\u0442\u044c \u0441\u0430\u0439\u0434\u0431\u0430\u0440","theme.docs.sidebar.navAriaLabel":"Docs sidebar","theme.docs.sidebar.toggleSidebarButtonAriaLabel":"\u041f\u0435\u0440\u0435\u043a\u043b\u044e\u0447\u0438\u0442\u044c \u043d\u0430\u0432\u0438\u0433\u0430\u0446\u0438\u043e\u043d\u043d\u0443\u044e \u043f\u0430\u043d\u0435\u043b\u044c","theme.docs.tagDocListPageTitle":"{nDocsTagged} \u0441 \u0442\u0435\u0433\u043e\u043c \\"{tagName}\\"","theme.docs.tagDocListPageTitle.nDocsTagged":"\u041e\u0434\u043d\u0430 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0430|{count} \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b|{count} \u0441\u0442\u0440\u0430\u043d\u0438\u0446","theme.docs.versionBadge.label":"\u0412\u0435\u0440\u0441\u0438\u044f: {versionLabel}","theme.docs.versions.latestVersionLinkLabel":"\u043f\u043e\u0441\u043b\u0435\u0434\u043d\u0435\u0439 \u0432\u0435\u0440\u0441\u0438\u0438","theme.docs.versions.latestVersionSuggestionLabel":"\u0410\u043a\u0442\u0443\u0430\u043b\u044c\u043d\u0430\u044f \u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u0430\u0446\u0438\u044f \u043d\u0430\u0445\u043e\u0434\u0438\u0442\u0441\u044f \u043d\u0430 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0435 {latestVersionLink} ({versionLabel}).","theme.docs.versions.unmaintainedVersionLabel":"\u042d\u0442\u043e \u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u0430\u0446\u0438\u044f {siteTitle} \u0434\u043b\u044f \u0432\u0435\u0440\u0441\u0438\u0438 {versionLabel}, \u043a\u043e\u0442\u043e\u0440\u0430\u044f \u0443\u0436\u0435 \u043d\u0435 \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u0438\u0432\u0430\u0435\u0442\u0441\u044f.","theme.docs.versions.unreleasedVersionLabel":"\u042d\u0442\u043e \u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u0430\u0446\u0438\u044f \u0434\u043b\u044f \u0431\u0443\u0434\u0443\u0449\u0435\u0439 \u0432\u0435\u0440\u0441\u0438\u0438 {siteTitle} {versionLabel}.","theme.lastUpdated.atDate":" {date}","theme.lastUpdated.byUser":" \u043e\u0442 {user}","theme.lastUpdated.lastUpdatedAtBy":"\u041f\u043e\u0441\u043b\u0435\u0434\u043d\u0435\u0435 \u043e\u0431\u043d\u043e\u0432\u043b\u0435\u043d\u0438\u0435{atDate}{byUser}","theme.navbar.mobileLanguageDropdown.label":"\u042f\u0437\u044b\u043a\u0438","theme.navbar.mobileSidebarSecondaryMenu.backButtonLabel":"\u2190 \u041f\u0435\u0440\u0435\u0439\u0442\u0438 \u043a \u0433\u043b\u0430\u0432\u043d\u043e\u043c\u0443 \u043c\u0435\u043d\u044e","theme.navbar.mobileVersionsDropdown.label":"\u0412\u0435\u0440\u0441\u0438\u0438","theme.tags.tagsListLabel":"\u0422\u0435\u0433\u0438:","theme.tags.tagsPageLink":"\u041f\u043e\u0441\u043c\u043e\u0442\u0440\u0435\u0442\u044c \u0432\u0441\u0435 \u0442\u0435\u0433\u0438","theme.tags.tagsPageTitle":"\u0422\u0435\u0433\u0438","theme.SearchBar.label":"\u041f\u043e\u0438\u0441\u043a","theme.SearchBar.seeAll":"\u041f\u043e\u0441\u043c\u043e\u0442\u0440\u0435\u0442\u044c \u0432\u0441\u0435 \u0440\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442\u044b ({count})","theme.SearchModal.errorScreen.helpText":"\u041f\u0440\u043e\u0432\u0435\u0440\u044c\u0442\u0435 \u043f\u043e\u0434\u043a\u043b\u044e\u0447\u0435\u043d\u0438\u0435 \u043a \u0438\u043d\u0442\u0435\u0440\u043d\u0435\u0442\u0443.","theme.SearchModal.errorScreen.titleText":"\u041d\u0435\u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e \u0437\u0430\u0433\u0440\u0443\u0437\u0438\u0442\u044c \u0440\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442\u044b \u043f\u043e\u0438\u0441\u043a\u0430","theme.SearchModal.footer.closeKeyAriaLabel":"\u041a\u043b\u0430\u0432\u0438\u0448\u0430 Escape","theme.SearchModal.footer.closeText":"\u0437\u0430\u043a\u0440\u044b\u0442\u044c","theme.SearchModal.footer.navigateDownKeyAriaLabel":"\u041a\u043b\u0430\u0432\u0438\u0448\u0430 \u0441\u0442\u0440\u0435\u043b\u043a\u0430 \u0432\u043d\u0438\u0437","theme.SearchModal.footer.navigateText":"\u043d\u0430\u0432\u0438\u0433\u0430\u0446\u0438\u044f","theme.SearchModal.footer.navigateUpKeyAriaLabel":"\u041a\u043b\u0430\u0432\u0438\u0448\u0430 \u0441\u0442\u0440\u0435\u043b\u043a\u0430 \u0432\u0432\u0435\u0440\u0445","theme.SearchModal.footer.searchByText":"\u041f\u043e\u0438\u0441\u043a \u043e\u0442","theme.SearchModal.footer.selectKeyAriaLabel":"\u041a\u043b\u0430\u0432\u0438\u0448\u0430 Enter","theme.SearchModal.footer.selectText":"\u0432\u044b\u0431\u0440\u0430\u0442\u044c","theme.SearchModal.noResultsScreen.noResultsText":"\u041d\u0435\u0442 \u0440\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442\u043e\u0432 \u043f\u043e \u0437\u0430\u043f\u0440\u043e\u0441\u0443","theme.SearchModal.noResultsScreen.reportMissingResultsLinkText":"\u0421\u043e\u043e\u0431\u0449\u0438\u0442\u0435 \u043d\u0430\u043c.","theme.SearchModal.noResultsScreen.reportMissingResultsText":"\u041d\u0435\u0442 \u043f\u043e\u0434\u0445\u043e\u0434\u044f\u0449\u0435\u0433\u043e \u0440\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442\u0430 \u043f\u043e\u0438\u0441\u043a\u0430?","theme.SearchModal.noResultsScreen.suggestedQueryText":"\u041f\u043e\u043f\u0440\u043e\u0431\u0443\u0439\u0442\u0435","theme.SearchModal.placeholder":"\u041f\u043e\u0438\u0441\u043a","theme.SearchModal.searchBox.cancelButtonText":"\u041e\u0442\u043c\u0435\u043d\u0438\u0442\u044c","theme.SearchModal.searchBox.resetButtonTitle":"\u041e\u0447\u0438\u0441\u0442\u0438\u0442\u044c","theme.SearchModal.startScreen.favoriteSearchesTitle":"\u0418\u0437\u0431\u0440\u0430\u043d\u043d\u043e\u0435","theme.SearchModal.startScreen.noRecentSearchesText":"\u041d\u0435\u0442 \u0438\u0441\u0442\u043e\u0440\u0438\u0438 \u043f\u043e\u0438\u0441\u043a\u0430","theme.SearchModal.startScreen.recentSearchesTitle":"\u041d\u0435\u0434\u0430\u0432\u043d\u0435\u0435","theme.SearchModal.startScreen.removeFavoriteSearchButtonTitle":"\u0423\u0434\u0430\u043b\u0438\u0442\u044c \u0437\u0430\u043f\u0438\u0441\u044c \u0438\u0437 \u0438\u0437\u0431\u0440\u0430\u043d\u043d\u043e\u0435","theme.SearchModal.startScreen.removeRecentSearchButtonTitle":"\u0423\u0434\u0430\u043b\u0438\u0442\u044c \u0437\u0430\u043f\u0438\u0441\u044c \u0438\u0437 \u0438\u0441\u0442\u043e\u0440\u0438\u044e","theme.SearchModal.startScreen.saveRecentSearchButtonTitle":"\u0421\u043e\u0445\u0440\u0430\u043d\u0438\u0442\u044c \u043f\u043e\u0438\u0441\u043a\u043e\u0432\u044b\u0439 \u0437\u0430\u043f\u0440\u043e\u0441","theme.SearchPage.algoliaLabel":"\u041f\u043e\u0438\u0441\u043a \u043e\u0442 Algolia","theme.SearchPage.documentsFound.plurals":"{count} \u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442|{count} \u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u0430|{count} \u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u043e\u0432","theme.SearchPage.emptyResultsTitle":"\u041f\u043e\u0438\u0441\u043a \u043f\u043e \u0441\u0430\u0439\u0442\u0443","theme.SearchPage.existingResultsTitle":"\u0420\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442\u044b \u043f\u043e\u0438\u0441\u043a\u0430 \u043f\u043e \u0437\u0430\u043f\u0440\u043e\u0441\u0443 \\"{query}\\"","theme.SearchPage.fetchingNewResults":"\u0417\u0430\u0433\u0440\u0443\u0437\u043a\u0430 \u043d\u043e\u0432\u044b\u0445 \u0440\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442\u043e\u0432 \u043f\u043e\u0438\u0441\u043a\u0430...","theme.SearchPage.inputLabel":"\u041f\u043e\u0438\u0441\u043a","theme.SearchPage.inputPlaceholder":"\u0412\u0432\u0435\u0434\u0438\u0442\u0435 \u0444\u0440\u0430\u0437\u0443 \u0434\u043b\u044f \u043f\u043e\u0438\u0441\u043a\u0430","theme.SearchPage.noResultsText":"\u041f\u043e \u0437\u0430\u043f\u0440\u043e\u0441\u0443 \u043d\u0438\u0447\u0435\u0433\u043e \u043d\u0435 \u043d\u0430\u0439\u0434\u0435\u043d\u043e","theme.IdealImageMessage.404error":"404. \u0418\u0437\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u0435 \u043d\u0435 \u043d\u0430\u0439\u0434\u0435\u043d\u043e","theme.IdealImageMessage.error":"\u041e\u0448\u0438\u0431\u043a\u0430. \u041d\u0430\u0436\u043c\u0438\u0442\u0435 \u0434\u043b\u044f \u043f\u0435\u0440\u0435\u0437\u0430\u0433\u0440\u0443\u0437\u043a\u0438","theme.IdealImageMessage.load":"\u041d\u0430\u0436\u043c\u0438\u0442\u0435 \u0434\u043b\u044f \u0437\u0430\u0433\u0440\u0443\u0437\u043a\u0438 {sizeMessage}","theme.IdealImageMessage.loading":"\u0417\u0430\u0433\u0440\u0443\u0437\u043a\u0430...","theme.IdealImageMessage.offline":"\u0412\u0430\u0448 \u0431\u0440\u0430\u0443\u0437\u0435\u0440 \u043d\u0430\u0445\u043e\u0434\u0438\u0442\u0441\u044f \u0432 \u0430\u0432\u0442\u043e\u043d\u043e\u043c\u043d\u043e\u043c \u0440\u0435\u0436\u0438\u043c\u0435. \u0418\u0437\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u0435 \u043d\u0435 \u0437\u0430\u0433\u0440\u0443\u0436\u0435\u043d\u043e","pages.home.features.title":"\u041f\u0440\u0435\u0438\u043c\u0443\u0449\u0435\u0441\u0442\u0432\u0430","pages.home.features.logic.title":"\u042f\u0432\u043d\u0430\u044f \u0431\u0438\u0437\u043d\u0435\u0441-\u043b\u043e\u0433\u0438\u043a\u0430","pages.home.features.logic.description":"\u0410\u0440\u0445\u0438\u0442\u0435\u043a\u0442\u0443\u0440\u0443 \u043b\u0435\u0433\u043a\u043e \u043e\u0441\u0432\u0430\u0438\u0432\u0430\u0442\u044c, \u043f\u043e\u0441\u043a\u043e\u043b\u044c\u043a\u0443 \u043e\u043d\u0430 \u0441\u043e\u0441\u0442\u043e\u0438\u0442 \u0438\u0437 \u0434\u043e\u043c\u0435\u043d\u043d\u044b\u0445 \u043c\u043e\u0434\u0443\u043b\u0435\u0439","pages.home.features.adaptability.title":"\u0410\u0434\u0430\u043f\u0442\u0438\u0432\u043d\u043e\u0441\u0442\u044c","pages.home.features.adaptability.description":"\u041a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u044b \u0430\u0440\u0445\u0438\u0442\u0435\u043a\u0442\u0443\u0440\u044b \u043c\u043e\u0436\u043d\u043e \u0433\u0438\u0431\u043a\u043e \u0437\u0430\u043c\u0435\u043d\u044f\u0442\u044c, \u0434\u043e\u0431\u0430\u0432\u043b\u044f\u0442\u044c \u043f\u043e\u0434 \u043d\u043e\u0432\u044b\u0435 \u0443\u0441\u043b\u043e\u0432\u0438\u044f","pages.home.features.debt.title":"\u0422\u0435\u0445\u043d\u0438\u0447\u0435\u0441\u043a\u0438\u0439 \u0434\u043e\u043b\u0433","pages.home.features.debt.description":"\u041a\u0430\u0436\u0434\u044b\u0439 \u043c\u043e\u0434\u0443\u043b\u044c \u043c\u043e\u0436\u043d\u043e \u043d\u0435\u0437\u0430\u0432\u0438\u0441\u0438\u043c\u043e \u043c\u043e\u0434\u0438\u0444\u0438\u0446\u0438\u0440\u043e\u0432\u0430\u0442\u044c / \u043f\u0435\u0440\u0435\u043f\u0438\u0441\u0430\u0442\u044c \u0431\u0435\u0437 \u0441\u0430\u0439\u0434-\u044d\u0444\u0444\u0435\u043a\u0442\u043e\u0432","pages.home.features.shared.title":"\u042f\u0432\u043d\u0430\u044f \u043f\u0435\u0440\u0435\u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u043c\u043e\u0441\u0442\u044c","pages.home.features.shared.description":"\u0421\u043e\u0445\u0440\u0430\u043d\u044f\u0435\u0442\u0441\u044f \u0431\u0430\u043b\u0430\u043d\u0441 \u043c\u0435\u0436\u0434\u0443 DRY \u0438 \u043b\u043e\u043a\u0430\u043b\u044c\u043d\u043e\u0439 \u043a\u0430\u0441\u0442\u043e\u043c\u0438\u0437\u0430\u0446\u0438\u0435\u0439","pages.home.concepts.title":"\u041a\u043e\u043d\u0446\u0435\u043f\u0446\u0438\u0438","pages.home.concepts.public.title":"Public API","pages.home.concepts.public.description":"\u041a\u0430\u0436\u0434\u044b\u0439 \u043c\u043e\u0434\u0443\u043b\u044c \u0434\u043e\u043b\u0436\u0435\u043d \u0438\u043c\u0435\u0442\u044c \u043d\u0430 \u0432\u0435\u0440\u0445\u043d\u0435\u043c \u0443\u0440\u043e\u0432\u043d\u0435 \u0434\u0435\u043a\u043b\u0430\u0440\u0430\u0446\u0438\u044e \u0441\u0432\u043e\u0435\u0433\u043e \u043f\u0443\u0431\u043b\u0438\u0447\u043d\u043e\u0433\u043e API","pages.home.concepts.isolation.title":"\u0418\u0437\u043e\u043b\u044f\u0446\u0438\u044f","pages.home.concepts.isolation.description":"\u041c\u043e\u0434\u0443\u043b\u044c \u043d\u0435 \u0434\u043e\u043b\u0436\u0435\u043d \u0437\u0430\u0432\u0438\u0441\u0435\u0442\u044c \u043d\u0430\u043f\u0440\u044f\u043c\u0443\u044e \u043e\u0442 \u0434\u0440\u0443\u0433\u0438\u0445 \u043c\u043e\u0434\u0443\u043b\u0435\u0439 \u0442\u043e\u0433\u043e \u0436\u0435 \u0441\u043b\u043e\u044f \u0438\u043b\u0438 \u0432\u044b\u0448\u0435\u043b\u0435\u0436\u0430\u0448\u0438\u0445 \u0441\u043b\u043e\u0435\u0432","pages.home.concepts.needs.title":"\u041f\u043e\u043d\u0438\u043c\u0430\u043d\u0438\u0435 \u043f\u043e\u0442\u0440\u0435\u0431\u043d\u043e\u0441\u0442\u0435\u0439","pages.home.concepts.needs.description":"\u041e\u0440\u0438\u0435\u043d\u0442\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u0435 \u043d\u0430 \u043f\u043e\u0442\u0440\u0435\u0431\u043d\u043e\u0441\u0442\u0438 \u0431\u0438\u0437\u043d\u0435\u0441\u0430 \u0438 \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044f","pages.home.scheme.title":"\u0421\u0445\u0435\u043c\u0430","pages.home.companies.using":"\u041a\u043e\u043c\u043f\u0430\u043d\u0438\u0438, \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u044e\u0449\u0438\u0435 \u043c\u0435\u0442\u043e\u0434\u043e\u043b\u043e\u0433\u0438\u044e","pages.home.companies.add_me":"\u041c\u0435\u0442\u043e\u0434\u043e\u043b\u043e\u0433\u0438\u044f \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u0442\u0441\u044f \u0432 \u0412\u0430\u0448\u0435\u0439 \u043a\u043e\u043c\u043f\u0430\u043d\u0438\u0438?","pages.home.companies.tell_us":"\u0421\u043e\u043e\u0431\u0449\u0438\u0442\u0435 \u043d\u0430\u043c","pages.examples.title":"\u041f\u0440\u0438\u043c\u0435\u0440\u044b","pages.examples.subtitle":"\u0421\u043f\u0438\u0441\u043e\u043a \u0441\u0430\u0439\u0442\u043e\u0432, \u0441\u0434\u0435\u043b\u0430\u043d\u043d\u044b\u0445 \u043b\u044e\u0434\u044c\u043c\u0438 \u0441 FSD","pages.examples.add_me.title":"\u0414\u043e\u0431\u0430\u0432\u0438\u0442\u044c \u043f\u0440\u0438\u043c\u0435\u0440","pages.examples.repo.title":"\u0420\u0435\u043f\u043e\u0437\u0438\u0442\u043e\u0440\u0438\u0439","pages.examples.versions":"\u0421\u043c. \u0442\u0430\u043a\u0436\u0435 \u0441\u043f\u0438\u0441\u043e\u043a \u0432\u0435\u0440\u0441\u0438\u0439","pages.versions.title":"\u0412\u0435\u0440\u0441\u0438\u0438 Feature-Sliced Design","pages.versions.current":"\u0417\u0434\u0435\u0441\u044c \u043c\u043e\u0436\u043d\u043e \u043d\u0430\u0439\u0442\u0438 \u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u0430\u0446\u0438\u044e \u0434\u043b\u044f \u0442\u0435\u043a\u0443\u0449\u0435\u0439 \u043e\u043f\u0443\u0431\u043b\u0438\u043a\u043e\u0432\u0430\u043d\u043d\u043e\u0439 \u0432\u0435\u0440\u0441\u0438\u0438","pages.versions.legacy":"\u0417\u0434\u0435\u0441\u044c \u043c\u043e\u0436\u043d\u043e \u043d\u0430\u0439\u0442\u0438 \u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u0430\u0446\u0438\u044e \u0434\u043b\u044f \u0441\u0442\u0430\u0440\u044b\u0445 \u0432\u0435\u0440\u0441\u0438\u0439 {of}","pages.nav.title":"\ud83e\udded \u041d\u0430\u0432\u0438\u0433\u0430\u0446\u0438\u044f","pages.nav.legacy.title":"\u0423\u0441\u0442\u0430\u0440\u0435\u0432\u0448\u0438\u0435 \u0441\u0441\u044b\u043b\u043a\u0438","pages.nav.legacy.details":"\u041f\u043e\u0441\u043b\u0435 \u0440\u0435\u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u0438\u0437\u0430\u0446\u0438\u0438 \u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u0430\u0446\u0438\u0438, \u043d\u0435\u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u0441\u0441\u044b\u043b\u043a\u0438 \u043d\u0430 \u0441\u0442\u0430\u0442\u044c\u0438 \u0438\u0437\u043c\u0435\u043d\u0438\u043b\u0438\u0441\u044c. \u041d\u0438\u0436\u0435 \u043c\u043e\u0436\u043d\u043e \u043d\u0430\u0439\u0442\u0438 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0443, \u043a\u043e\u0442\u043e\u0440\u0443\u044e \u0432\u044b, \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e, \u0438\u0441\u043a\u0430\u043b\u0438.","pages.nav.legacy.subdetails":"\u041d\u043e \u0434\u043b\u044f \u0441\u043e\u0432\u043c\u0435\u0441\u0442\u0438\u043c\u043e\u0441\u0442\u0438 \u0435\u0441\u0442\u044c \u0440\u0435\u0434\u0438\u0440\u0435\u043a\u0442\u044b \u0441\u043e \u0441\u0442\u0430\u0440\u044b\u0445 \u0441\u0441\u044b\u043b\u043e\u043a","features.feedback-badge.label":"\u041f\u043e\u0434\u0435\u043b\u0438\u0441\u044c \u0444\u0438\u0434\u0431\u0435\u043a\u043e\u043c \u043f\u043e \u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u0430\u0446\u0438\u0438 \ud83e\udd19","features.feedback-badge.url":"https://forms.gle/7p4anU2shHAzmfqc8","features.feedback-doc.thanks":"\u0421\u043f\u0430\u0441\u0438\u0431\u043e, \u0447\u0442\u043e \u043f\u043e\u0434\u0435\u043b\u0438\u043b\u0438\u0441\u044c!","features.feedback-doc.title":"\u0421\u0442\u0440\u0430\u043d\u0438\u0446\u0430 \u0431\u044b\u043b\u0430 \u043f\u043e\u043b\u0435\u0437\u043d\u043e\u0439?","features.feedback-doc.subtitle":"\u0412\u0430\u0448 \u0444\u0438\u0434\u0431\u0435\u043a \u043f\u043e\u043c\u043e\u0433\u0430\u0435\u0442 \u043d\u0430\u043c \u0443\u043b\u0443\u0447\u0448\u0430\u0442\u044c \u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u0430\u0446\u0438\u044e","features.feedback-doc.button-text":"\u041e\u0441\u0442\u0430\u0432\u0438\u0442\u044c \u043e\u0442\u0437\u044b\u0432","features.feedback-doc.email-placeholder":"\u041e\u0441\u0442\u0430\u0432\u044c\u0442\u0435 \u0432\u0430\u0448 e-mail (\u043f\u043e \u0436\u0435\u043b\u0430\u043d\u0438\u044e)","features.feedback-doc.error-message":"\u041f\u043e\u0436\u0430\u043b\u0443\u0439\u0441\u0442\u0430, \u043f\u043e\u043f\u0440\u043e\u0431\u0443\u0439\u0442\u0435 \u043f\u043e\u0437\u0436\u0435.","features.feedback-doc.modal-title-error-403":"URL \u0437\u0430\u043f\u0440\u043e\u0441\u0430 \u043d\u0435 \u0441\u043e\u0432\u043f\u0430\u0434\u0430\u0435\u0442 \u0441 URL, \u0443\u043a\u0430\u0437\u0430\u043d\u043d\u044b\u043c \u0432 PushFeedback \u0434\u043b\u044f \u044d\u0442\u043e\u0433\u043e \u043f\u0440\u043e\u0435\u043a\u0442\u0430.","features.feedback-doc.modal-title-error-404":"\u041c\u044b \u043d\u0435 \u0441\u043c\u043e\u0433\u043b\u0438 \u043d\u0430\u0439\u0442\u0438 \u043f\u0440\u0435\u0434\u043e\u0441\u0442\u0430\u0432\u043b\u0435\u043d\u043d\u044b\u0439 \u0438\u0434\u0435\u043d\u0442\u0438\u0444\u0438\u043a\u0430\u0442\u043e\u0440 \u043f\u0440\u043e\u0435\u043a\u0442\u0430 \u0432 PushFeedback.","features.feedback-doc.message-placeholder":"\u041d\u0430\u043f\u0438\u0448\u0438\u0442\u0435 \u0432\u0430\u0448 \u043e\u0442\u0437\u044b\u0432 \u0437\u0434\u0435\u0441\u044c\u2026","features.feedback-doc.modal-title":"\u041f\u043e\u0434\u0435\u043b\u0438\u0442\u0435\u0441\u044c \u0432\u0430\u0448\u0438\u043c \u043c\u043d\u0435\u043d\u0438\u0435\u043c","features.feedback-doc.modal-title-error":"\u0423\u043f\u0441!","features.feedback-doc.modal-title-success":"\u0421\u043f\u0430\u0441\u0438\u0431\u043e \u0437\u0430 \u0432\u0430\u0448 \u043e\u0442\u0437\u044b\u0432!","features.feedback-doc.rating-placeholder":"\u0411\u044b\u043b\u0430 \u043b\u0438 \u044d\u0442\u0430 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0430 \u043f\u043e\u043b\u0435\u0437\u043d\u043e\u0439?","features.feedback-doc.rating-stars-placeholder":"\u041a\u0430\u043a \u0431\u044b \u0432\u044b \u043e\u0446\u0435\u043d\u0438\u043b\u0438 \u044d\u0442\u0443 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0443","features.feedback-doc.screenshot-button-text":"\u0421\u0434\u0435\u043b\u0430\u0442\u044c \u0441\u043a\u0440\u0438\u043d\u0448\u043e\u0442","features.feedback-doc.screenshot-topbar-text":"\u0412\u044b\u0431\u0435\u0440\u0438\u0442\u0435 \u044d\u043b\u0435\u043c\u0435\u043d\u0442 \u043d\u0430 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0435","features.feedback-doc.send-button-text":"\u041e\u0442\u043f\u0440\u0430\u0432\u0438\u0442\u044c","features.hero.tagline":"\u0410\u0440\u0445\u0438\u0442\u0435\u043a\u0442\u0443\u0440\u043d\u0430\u044f \u043c\u0435\u0442\u043e\u0434\u043e\u043b\u043e\u0433\u0438\u044f \u0434\u043b\u044f \u0444\u0440\u043e\u043d\u0442\u0435\u043d\u0434 \u043f\u0440\u043e\u0435\u043a\u0442\u043e\u0432","features.hero.get_started":"\u041e\u0437\u043d\u0430\u043a\u043e\u043c\u0438\u0442\u044c\u0441\u044f","features.hero.examples":"\u041f\u0440\u0438\u043c\u0435\u0440\u044b","features.hero.previous":"\u041f\u0440\u0435\u0434\u044b\u0434\u0443\u0449\u0430\u044f \u0432\u0435\u0440\u0441\u0438\u044f","shared.wip.title":"\u0421\u0442\u0430\u0442\u044c\u044f \u043d\u0430\u0445\u043e\u0434\u0438\u0442\u0441\u044f \u0432 \u043f\u0440\u043e\u0446\u0435\u0441\u0441\u0435 \u043d\u0430\u043f\u0438\u0441\u0430\u043d\u0438\u044f","shared.wip.subtitle":"\u0427\u0442\u043e\u0431\u044b \u0443\u0441\u043a\u043e\u0440\u0438\u0442\u044c \u0435\u0435 \u043f\u043e\u044f\u0432\u043b\u0435\u043d\u0438\u0435, \u043c\u043e\u0436\u043d\u043e:","shared.wip.var.feedback.base":"\ud83d\udce2 \u041f\u043e\u0434\u0435\u043b\u0438\u0442\u044c\u0441\u044f \u043e\u0431\u0440\u0430\u0442\u043d\u043e\u0439 \u0441\u0432\u044f\u0437\u044c\u044e ","shared.wip.var.feedback.link":"\u0432 \u0442\u0438\u043a\u0435\u0442\u0435 (\u043a\u043e\u043c\u043c\u0435\u043d\u0442\u0430\u0440\u0438\u0438/\u044d\u043c\u043e\u0434\u0437\u0438-\u0440\u0435\u0430\u043a\u0446\u0438\u044f)","shared.wip.var.material.base":"\ud83d\udcac \u0421\u043e\u0431\u0440\u0430\u0442\u044c \u0432 \u0442\u0438\u043a\u0435\u0442 \u043d\u0430\u043a\u043e\u043f\u043b\u0435\u043d\u043d\u044b\u0439 \u043f\u043e \u0442\u0435\u043c\u0435 ","shared.wip.var.material.link":"\u043c\u0430\u0442\u0435\u0440\u0438\u0430\u043b \u0438\u0437 \u0447\u0430\u0442\u0430","shared.wip.var.contribute.base":"\u2692\ufe0f \u041f\u043e\u0441\u043e\u0434\u0435\u0439\u0441\u0442\u0432\u043e\u0432\u0430\u0442\u044c ","shared.wip.var.contribute.link":"\u043b\u044e\u0431\u044b\u043c \u0434\u0440\u0443\u0433\u0438\u043c \u0441\u043f\u043e\u0441\u043e\u0431\u043e\u043c","theme.docs.sidebar.responsiveCloseButtonLabel":"\u0417\u0430\u043a\u0440\u044b\u0442\u044c \u043c\u0435\u043d\u044e","theme.docs.sidebar.responsiveOpenButtonLabel":"\u041e\u0442\u043a\u0440\u044b\u0442\u044c \u043c\u0435\u043d\u044e"}')},4054:e=>{"use strict";e.exports=JSON.parse('{"/ru/blog-aee":{"__comp":"a6aa9e1f","__context":{"plugin":"36994c47"},"sidebar":"814f3328","items":[{"content":"25a0b29f"},{"content":"f6bb872e"}],"__props":"b23f9b66"},"/ru/blog/archive-1c3":{"__comp":"9e4087bc","__context":{"plugin":"36994c47"},"__props":"aa7e92d2"},"/ru/blog/international-community-81b":{"__comp":"ccc49370","__context":{"data":{"blogMetadata":"acecf23e"},"plugin":"36994c47"},"sidebar":"814f3328","content":"f6760343"},"/ru/blog/rebranding-stable-e49":{"__comp":"ccc49370","__context":{"data":{"blogMetadata":"acecf23e"},"plugin":"36994c47"},"sidebar":"814f3328","content":"1943626f"},"/ru/blog/tags-1d3":{"__comp":"01a85c17","__context":{"plugin":"36994c47"},"sidebar":"814f3328","__props":"fe7e4cbc"},"/ru/blog/tags/brand-419":{"__comp":"6875c492","__context":{"plugin":"36994c47"},"sidebar":"814f3328","items":[{"content":"f6bb872e"}],"__props":"c46c2379"},"/ru/blog/tags/community-6d1":{"__comp":"6875c492","__context":{"plugin":"36994c47"},"sidebar":"814f3328","items":[{"content":"25a0b29f"}],"__props":"4a19993a"},"/ru/blog/tags/discord-c22":{"__comp":"6875c492","__context":{"plugin":"36994c47"},"sidebar":"814f3328","items":[{"content":"25a0b29f"}],"__props":"c7525d6a"},"/ru/blog/tags/promo-72b":{"__comp":"6875c492","__context":{"plugin":"36994c47"},"sidebar":"814f3328","items":[{"content":"25a0b29f"},{"content":"f6bb872e"}],"__props":"6507e290"},"/ru/examples-708":{"__comp":"b4c136e1","__context":{"plugin":"a7456010"},"config":"5e9f5e1a"},"/ru/nav-687":{"__comp":"f565db0c","__context":{"plugin":"a7456010"},"config":"5e9f5e1a"},"/ru/search-750":{"__comp":"1a4e3797","__context":{"plugin":"c141421f"}},"/ru/versions-d01":{"__comp":"90f695cb","__context":{"plugin":"a7456010"},"config":"5e9f5e1a"},"/ru/community-bf6":{"__comp":"5e95c892","__context":{"plugin":"e0719818"}},"/ru/community-e76":{"__comp":"a7bd4aaa","__props":"0481ad86"},"/ru/community-e1b":{"__comp":"a94703ab"},"/ru/community-76e":{"__comp":"17896441","content":"a61c55ce"},"/ru/community/team-e76":{"__comp":"17896441","content":"7313bf7a"},"/ru/docs-979":{"__comp":"5e95c892","__context":{"plugin":"aba21aa0"}},"/ru/docs-8bf":{"__comp":"a7bd4aaa","__props":"e86cc05b"},"/ru/docs-918":{"__comp":"a94703ab"},"/ru/docs-2db":{"__comp":"17896441","content":"808aa0e6"},"/ru/docs/about-2f6":{"__comp":"17896441","content":"9b6dbc63"},"/ru/docs/about/alternatives-2a8":{"__comp":"17896441","content":"44775544"},"/ru/docs/about/mission-529":{"__comp":"17896441","content":"ce6f052d"},"/ru/docs/about/motivation-275":{"__comp":"17896441","content":"670340e2"},"/ru/docs/about/promote/for-company-d2b":{"__comp":"17896441","content":"d178dcf5"},"/ru/docs/about/promote/for-team-9be":{"__comp":"17896441","content":"c0c4bf5d"},"/ru/docs/about/promote/integration-468":{"__comp":"17896441","content":"1c0a16b8"},"/ru/docs/about/promote/partial-application-7c8":{"__comp":"17896441","content":"6ee557b2"},"/ru/docs/about/understanding/abstractions-1e6":{"__comp":"17896441","content":"fee408fa"},"/ru/docs/about/understanding/architecture-70d":{"__comp":"17896441","content":"81cb5b69"},"/ru/docs/about/understanding/knowledge-types-34a":{"__comp":"17896441","content":"3b64669e"},"/ru/docs/about/understanding/naming-81e":{"__comp":"17896441","content":"d595dc26"},"/ru/docs/about/understanding/needs-driven-909":{"__comp":"17896441","content":"fcc88823"},"/ru/docs/about/understanding/signals-032":{"__comp":"17896441","content":"b9d2a7aa"},"/ru/docs/branding-430":{"__comp":"17896441","content":"9fc8add1"},"/ru/docs/get-started-3d9":{"__comp":"17896441","content":"1232fa31"},"/ru/docs/get-started/cheatsheet-63d":{"__comp":"17896441","content":"71d20f43"},"/ru/docs/get-started/faq-125":{"__comp":"17896441","content":"7b31d677"},"/ru/docs/get-started/overview-0c5":{"__comp":"17896441","content":"cf699f5e"},"/ru/docs/get-started/tutorial-bfd":{"__comp":"17896441","content":"bce03a1b"},"/ru/docs/guides-1db":{"__comp":"17896441","content":"07deeff8"},"/ru/docs/guides/examples-36d":{"__comp":"17896441","content":"2bd07bfd"},"/ru/docs/guides/examples/auth-985":{"__comp":"17896441","content":"7759802f"},"/ru/docs/guides/examples/autocompleted-daa":{"__comp":"17896441","content":"6becfc1a"},"/ru/docs/guides/examples/browser-api-3d4":{"__comp":"17896441","content":"a657d4fc"},"/ru/docs/guides/examples/cms-57a":{"__comp":"17896441","content":"f39d466e"},"/ru/docs/guides/examples/feedback-ed7":{"__comp":"17896441","content":"e9dc891f"},"/ru/docs/guides/examples/i18n-512":{"__comp":"17896441","content":"20c5a0f6"},"/ru/docs/guides/examples/metric-792":{"__comp":"17896441","content":"4eea1952"},"/ru/docs/guides/examples/monorepo-0bd":{"__comp":"17896441","content":"d1f19b62"},"/ru/docs/guides/examples/page-layout-177":{"__comp":"17896441","content":"f22b339c"},"/ru/docs/guides/examples/platforms-5e3":{"__comp":"17896441","content":"17f650ce"},"/ru/docs/guides/examples/ssr-c48":{"__comp":"17896441","content":"eb8bed87"},"/ru/docs/guides/examples/theme-719":{"__comp":"17896441","content":"a6bb2b9f"},"/ru/docs/guides/examples/types-eb5":{"__comp":"17896441","content":"e71e2184"},"/ru/docs/guides/examples/white-labels-362":{"__comp":"17896441","content":"8edc10e1"},"/ru/docs/guides/issues/cross-imports-cb6":{"__comp":"17896441","content":"dd4fd790"},"/ru/docs/guides/issues/desegmented-955":{"__comp":"17896441","content":"90c52043"},"/ru/docs/guides/issues/routes-ab8":{"__comp":"17896441","content":"04b1b9d4"},"/ru/docs/guides/migration/from-custom-0c9":{"__comp":"17896441","content":"b79c393c"},"/ru/docs/guides/migration/from-v1-98b":{"__comp":"17896441","content":"a01ebdbc"},"/ru/docs/guides/tech/with-nextjs-500":{"__comp":"17896441","content":"58b64b99"},"/ru/docs/guides/tech/with-nuxtjs-0de":{"__comp":"17896441","content":"62f42e37"},"/ru/docs/guides/tech/with-react-query-d11":{"__comp":"17896441","content":"a41378e3"},"/ru/docs/guides/tech/with-sveltekit-97c":{"__comp":"17896441","content":"a97f4ecc"},"/ru/docs/reference-5fa":{"__comp":"17896441","content":"6545b372"},"/ru/docs/reference/isolation-02f":{"__comp":"17896441","content":"ffe50de1"},"/ru/docs/reference/isolation/coupling-cohesion-6c9":{"__comp":"17896441","content":"352bcbef"},"/ru/docs/reference/isolation/decouple-entities-ca3":{"__comp":"17896441","content":"1d3222b5"},"/ru/docs/reference/layers-dca":{"__comp":"17896441","content":"457d5840"},"/ru/docs/reference/public-api-662":{"__comp":"17896441","content":"35c5367b"},"/ru/docs/reference/slices-segments-58c":{"__comp":"17896441","content":"e38a3126"},"/ru/-89c":{"__comp":"1df93b7f","__context":{"plugin":"a7456010"},"config":"5e9f5e1a"}}')}},e=>{e.O(0,[1869],(()=>{return t=3096,e(e.s=t);var t}));e.O()}]);
\ No newline at end of file
+/*! For license information please see main.ba59251d.js.LICENSE.txt */
+(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[8792],{7781:(e,t,n)=>{"use strict";n.d(t,{Bc:()=>g,E8:()=>$n,a1:()=>qn});var r=n(758);n(8143);function o(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function a(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?o(Object(n),!0).forEach((function(t){i(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):o(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function i(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function s(){return s=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},s.apply(this,arguments)}function l(e,t){if(null==e)return{};var n,r,o=function(e,t){if(null==e)return{};var n,r,o={},a=Object.keys(e);for(r=0;r<a.length;r++)n=a[r],t.indexOf(n)>=0||(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(r=0;r<a.length;r++)n=a[r],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}function c(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,a=[],i=!0,s=!1;try{for(n=n.call(e);!(i=(r=n.next()).done)&&(a.push(r.value),!t||a.length!==t);i=!0);}catch(e){s=!0,o=e}finally{try{i||null==n.return||n.return()}finally{if(s)throw o}}return a}}(e,t)||d(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function u(e){return function(e){if(Array.isArray(e))return p(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||d(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function d(e,t){if(e){if("string"==typeof e)return p(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?p(e,t):void 0}}function p(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function f(){return r.createElement("svg",{width:"15",height:"15",className:"DocSearch-Control-Key-Icon"},r.createElement("path",{d:"M4.505 4.496h2M5.505 5.496v5M8.216 4.496l.055 5.993M10 7.5c.333.333.5.667.5 1v2M12.326 4.5v5.996M8.384 4.496c1.674 0 2.116 0 2.116 1.5s-.442 1.5-2.116 1.5M3.205 9.303c-.09.448-.277 1.21-1.241 1.203C1 10.5.5 9.513.5 8V7c0-1.57.5-2.5 1.464-2.494.964.006 1.134.598 1.24 1.342M12.553 10.5h1.953",strokeWidth:"1.2",stroke:"currentColor",fill:"none",strokeLinecap:"square"}))}function m(){return r.createElement("svg",{width:"20",height:"20",className:"DocSearch-Search-Icon",viewBox:"0 0 20 20","aria-hidden":"true"},r.createElement("path",{d:"M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z",stroke:"currentColor",fill:"none",fillRule:"evenodd",strokeLinecap:"round",strokeLinejoin:"round"}))}var h=["translations"],g=r.forwardRef((function(e,t){var n=e.translations,o=void 0===n?{}:n,a=l(e,h),i=o.buttonText,u=void 0===i?"Search":i,d=o.buttonAriaLabel,p=void 0===d?"Search":d,g=c((0,r.useState)(null),2),y=g[0],v=g[1];return(0,r.useEffect)((function(){"undefined"!=typeof navigator&&(/(Mac|iPhone|iPod|iPad)/i.test(navigator.platform)?v("\u2318"):v("Ctrl"))}),[]),r.createElement("button",s({type:"button",className:"DocSearch DocSearch-Button","aria-label":p},a,{ref:t}),r.createElement("span",{className:"DocSearch-Button-Container"},r.createElement(m,null),r.createElement("span",{className:"DocSearch-Button-Placeholder"},u)),r.createElement("span",{className:"DocSearch-Button-Keys"},null!==y&&r.createElement(r.Fragment,null,r.createElement(b,{reactsToKey:"Ctrl"===y?"Ctrl":"Meta"},"Ctrl"===y?r.createElement(f,null):y),r.createElement(b,{reactsToKey:"k"},"K"))))}));function b(e){var t=e.reactsToKey,n=e.children,o=c((0,r.useState)(!1),2),a=o[0],i=o[1];return(0,r.useEffect)((function(){if(t)return window.addEventListener("keydown",e),window.addEventListener("keyup",n),function(){window.removeEventListener("keydown",e),window.removeEventListener("keyup",n)};function e(e){e.key===t&&i(!0)}function n(e){e.key!==t&&"Meta"!==e.key||i(!1)}}),[t]),r.createElement("kbd",{className:a?"DocSearch-Button-Key DocSearch-Button-Key--pressed":"DocSearch-Button-Key"},n)}function y(e,t){var n=void 0;return function(){for(var r=arguments.length,o=new Array(r),a=0;a<r;a++)o[a]=arguments[a];n&&clearTimeout(n),n=setTimeout((function(){return e.apply(void 0,o)}),t)}}function v(e){return e.reduce((function(e,t){return e.concat(t)}),[])}var w=0;function S(e){return 0===e.collections.length?0:e.collections.reduce((function(e,t){return e+t.items.length}),0)}function x(e){return e!==Object(e)}function k(e,t){if(e===t)return!0;if(x(e)||x(t)||"function"==typeof e||"function"==typeof t)return e===t;if(Object.keys(e).length!==Object.keys(t).length)return!1;for(var n=0,r=Object.keys(e);n<r.length;n++){var o=r[n];if(!(o in t))return!1;if(!k(e[o],t[o]))return!1}return!0}var E=function(){},_=[{segment:"autocomplete-core",version:"1.9.3"}];function C(e){var t=e.item,n=e.items;return{index:t.__autocomplete_indexName,items:[t],positions:[1+n.findIndex((function(e){return e.objectID===t.objectID}))],queryID:t.__autocomplete_queryID,algoliaSource:["autocomplete"]}}function j(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}var A=["items"],O=["items"];function T(e){return T="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},T(e)}function P(e){return function(e){if(Array.isArray(e))return L(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||function(e,t){if(e){if("string"==typeof e)return L(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?L(e,t):void 0}}(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function L(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function I(e,t){if(null==e)return{};var n,r,o=function(e,t){if(null==e)return{};var n,r,o={},a=Object.keys(e);for(r=0;r<a.length;r++)n=a[r],t.indexOf(n)>=0||(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(r=0;r<a.length;r++)n=a[r],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}function R(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function N(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?R(Object(n),!0).forEach((function(t){D(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):R(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function D(e,t,n){return(t=function(e){var t=function(e){if("object"!==T(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var n=t.call(e,"string");if("object"!==T(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"===T(t)?t:String(t)}(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function M(e){return e.map((function(e){var t=e.items,n=I(e,A);return N(N({},n),{},{objectIDs:(null==t?void 0:t.map((function(e){return e.objectID})))||n.objectIDs})}))}function F(e){var t,n,r,o=(t=function(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,a,i,s=[],l=!0,c=!1;try{if(a=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;l=!1}else for(;!(l=(r=a.call(n)).done)&&(s.push(r.value),s.length!==t);l=!0);}catch(e){c=!0,o=e}finally{try{if(!l&&null!=n.return&&(i=n.return(),Object(i)!==i))return}finally{if(c)throw o}}return s}}(e,t)||function(e,t){if(e){if("string"==typeof e)return j(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?j(e,t):void 0}}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}((e.version||"").split(".").map(Number),2),n=t[0],r=t[1],n>=3||2===n&&r>=4||1===n&&r>=10);function a(t,n,r){if(o&&void 0!==r){var a=r[0].__autocomplete_algoliaCredentials,i={"X-Algolia-Application-Id":a.appId,"X-Algolia-API-Key":a.apiKey};e.apply(void 0,[t].concat(P(n),[{headers:i}]))}else e.apply(void 0,[t].concat(P(n)))}return{init:function(t,n){e("init",{appId:t,apiKey:n})},setUserToken:function(t){e("setUserToken",t)},clickedObjectIDsAfterSearch:function(){for(var e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];t.length>0&&a("clickedObjectIDsAfterSearch",M(t),t[0].items)},clickedObjectIDs:function(){for(var e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];t.length>0&&a("clickedObjectIDs",M(t),t[0].items)},clickedFilters:function(){for(var t=arguments.length,n=new Array(t),r=0;r<t;r++)n[r]=arguments[r];n.length>0&&e.apply(void 0,["clickedFilters"].concat(n))},convertedObjectIDsAfterSearch:function(){for(var e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];t.length>0&&a("convertedObjectIDsAfterSearch",M(t),t[0].items)},convertedObjectIDs:function(){for(var e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];t.length>0&&a("convertedObjectIDs",M(t),t[0].items)},convertedFilters:function(){for(var t=arguments.length,n=new Array(t),r=0;r<t;r++)n[r]=arguments[r];n.length>0&&e.apply(void 0,["convertedFilters"].concat(n))},viewedObjectIDs:function(){for(var e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];t.length>0&&t.reduce((function(e,t){var n=t.items,r=I(t,O);return[].concat(P(e),P(function(e){for(var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:20,n=[],r=0;r<e.objectIDs.length;r+=t)n.push(N(N({},e),{},{objectIDs:e.objectIDs.slice(r,r+t)}));return n}(N(N({},r),{},{objectIDs:(null==n?void 0:n.map((function(e){return e.objectID})))||r.objectIDs})).map((function(e){return{items:n,payload:e}}))))}),[]).forEach((function(e){var t=e.items;return a("viewedObjectIDs",[e.payload],t)}))},viewedFilters:function(){for(var t=arguments.length,n=new Array(t),r=0;r<t;r++)n[r]=arguments[r];n.length>0&&e.apply(void 0,["viewedFilters"].concat(n))}}}function z(e){var t=e.items.reduce((function(e,t){var n;return e[t.__autocomplete_indexName]=(null!==(n=e[t.__autocomplete_indexName])&&void 0!==n?n:[]).concat(t),e}),{});return Object.keys(t).map((function(e){return{index:e,items:t[e],algoliaSource:["autocomplete"]}}))}function B(e){return e.objectID&&e.__autocomplete_indexName&&e.__autocomplete_queryID}function U(e){return U="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},U(e)}function q(e){return function(e){if(Array.isArray(e))return $(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||function(e,t){if(e){if("string"==typeof e)return $(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?$(e,t):void 0}}(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function $(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function H(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function V(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?H(Object(n),!0).forEach((function(t){G(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):H(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function G(e,t,n){return(t=function(e){var t=function(e){if("object"!==U(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var n=t.call(e,"string");if("object"!==U(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"===U(t)?t:String(t)}(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var W="https://cdn.jsdelivr.net/npm/search-insights@".concat("2.6.0","/dist/search-insights.min.js"),K=y((function(e){var t=e.onItemsChange,n=e.items,r=e.insights,o=e.state;t({insights:r,insightsEvents:z({items:n}).map((function(e){return V({eventName:"Items Viewed"},e)})),state:o})}),400);function Q(e){var t=function(e){return V({onItemsChange:function(e){var t=e.insights,n=e.insightsEvents;t.viewedObjectIDs.apply(t,q(n.map((function(e){return V(V({},e),{},{algoliaSource:[].concat(q(e.algoliaSource||[]),["autocomplete-internal"])})}))))},onSelect:function(e){var t=e.insights,n=e.insightsEvents;t.clickedObjectIDsAfterSearch.apply(t,q(n.map((function(e){return V(V({},e),{},{algoliaSource:[].concat(q(e.algoliaSource||[]),["autocomplete-internal"])})}))))},onActive:E},e)}(e),n=t.insightsClient,r=t.onItemsChange,o=t.onSelect,a=t.onActive,i=n;n||"undefined"!=typeof window&&function(e){var t=e.window,n=t.AlgoliaAnalyticsObject||"aa";"string"==typeof n&&(i=t[n]),i||(t.AlgoliaAnalyticsObject=n,t[n]||(t[n]=function(){t[n].queue||(t[n].queue=[]);for(var e=arguments.length,r=new Array(e),o=0;o<e;o++)r[o]=arguments[o];t[n].queue.push(r)}),t[n].version="2.6.0",i=t[n],function(e){var t="[Autocomplete]: Could not load search-insights.js. Please load it manually following https://alg.li/insights-autocomplete";try{var n=e.document.createElement("script");n.async=!0,n.src=W,n.onerror=function(){console.error(t)},document.body.appendChild(n)}catch(e){console.error(t)}}(t))}({window:window});var s=F(i),l={current:[]},c=y((function(e){var t=e.state;if(t.isOpen){var n=t.collections.reduce((function(e,t){return[].concat(q(e),q(t.items))}),[]).filter(B);k(l.current.map((function(e){return e.objectID})),n.map((function(e){return e.objectID})))||(l.current=n,n.length>0&&K({onItemsChange:r,items:n,insights:s,state:t}))}}),0);return{name:"aa.algoliaInsightsPlugin",subscribe:function(e){var t=e.setContext,n=e.onSelect,r=e.onActive;i("addAlgoliaAgent","insights-plugin"),t({algoliaInsightsPlugin:{__algoliaSearchParameters:{clickAnalytics:!0},insights:s}}),n((function(e){var t=e.item,n=e.state,r=e.event;B(t)&&o({state:n,event:r,insights:s,item:t,insightsEvents:[V({eventName:"Item Selected"},C({item:t,items:l.current}))]})})),r((function(e){var t=e.item,n=e.state,r=e.event;B(t)&&a({state:n,event:r,insights:s,item:t,insightsEvents:[V({eventName:"Item Active"},C({item:t,items:l.current}))]})}))},onStateChange:function(e){var t=e.state;c({state:t})},__autocomplete_pluginOptions:e}}function Y(e,t){var n=t;return{then:function(t,r){return Y(e.then(J(t,n,e),J(r,n,e)),n)},catch:function(t){return Y(e.catch(J(t,n,e)),n)},finally:function(t){return t&&n.onCancelList.push(t),Y(e.finally(J(t&&function(){return n.onCancelList=[],t()},n,e)),n)},cancel:function(){n.isCanceled=!0;var e=n.onCancelList;n.onCancelList=[],e.forEach((function(e){e()}))},isCanceled:function(){return!0===n.isCanceled}}}function Z(e){return Y(e,{isCanceled:!1,onCancelList:[]})}function J(e,t,n){return e?function(n){return t.isCanceled?n:e(n)}:n}function X(e,t,n,r){if(!n)return null;if(e<0&&(null===t||null!==r&&0===t))return n+e;var o=(null===t?-1:t)+e;return o<=-1||o>=n?null===r?null:0:o}function ee(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function te(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?ee(Object(n),!0).forEach((function(t){ne(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):ee(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function ne(e,t,n){return(t=function(e){var t=function(e){if("object"!==re(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var n=t.call(e,"string");if("object"!==re(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"===re(t)?t:String(t)}(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function re(e){return re="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},re(e)}function oe(e){var t=function(e){var t=e.collections.map((function(e){return e.items.length})).reduce((function(e,t,n){var r=(e[n-1]||0)+t;return e.push(r),e}),[]).reduce((function(t,n){return n<=e.activeItemId?t+1:t}),0);return e.collections[t]}(e);if(!t)return null;var n=t.items[function(e){for(var t=e.state,n=e.collection,r=!1,o=0,a=0;!1===r;){var i=t.collections[o];if(i===n){r=!0;break}a+=i.items.length,o++}return t.activeItemId-a}({state:e,collection:t})],r=t.source;return{item:n,itemInputValue:r.getItemInputValue({item:n,state:e}),itemUrl:r.getItemUrl({item:n,state:e}),source:r}}var ae=/((gt|sm)-|galaxy nexus)|samsung[- ]|samsungbrowser/i;function ie(e){return ie="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},ie(e)}function se(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function le(e,t,n){return(t=function(e){var t=function(e){if("object"!==ie(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var n=t.call(e,"string");if("object"!==ie(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"===ie(t)?t:String(t)}(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function ce(e){return ce="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},ce(e)}function ue(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function de(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?ue(Object(n),!0).forEach((function(t){pe(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):ue(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function pe(e,t,n){return(t=function(e){var t=function(e){if("object"!==ce(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var n=t.call(e,"string");if("object"!==ce(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"===ce(t)?t:String(t)}(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function fe(e){return fe="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},fe(e)}function me(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function he(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function ge(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?he(Object(n),!0).forEach((function(t){be(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):he(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function be(e,t,n){return(t=function(e){var t=function(e){if("object"!==fe(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var n=t.call(e,"string");if("object"!==fe(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"===fe(t)?t:String(t)}(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function ye(e,t){var n,r="undefined"!=typeof window?window:{},o=e.plugins||[];return ge(ge({debug:!1,openOnFocus:!1,placeholder:"",autoFocus:!1,defaultActiveItemId:null,stallThreshold:300,insights:!1,environment:r,shouldPanelOpen:function(e){return S(e.state)>0},reshape:function(e){return e.sources}},e),{},{id:null!==(n=e.id)&&void 0!==n?n:"autocomplete-".concat(w++),plugins:o,initialState:ge({activeItemId:null,query:"",completion:null,collections:[],isOpen:!1,status:"idle",context:{}},e.initialState),onStateChange:function(t){var n;null===(n=e.onStateChange)||void 0===n||n.call(e,t),o.forEach((function(e){var n;return null===(n=e.onStateChange)||void 0===n?void 0:n.call(e,t)}))},onSubmit:function(t){var n;null===(n=e.onSubmit)||void 0===n||n.call(e,t),o.forEach((function(e){var n;return null===(n=e.onSubmit)||void 0===n?void 0:n.call(e,t)}))},onReset:function(t){var n;null===(n=e.onReset)||void 0===n||n.call(e,t),o.forEach((function(e){var n;return null===(n=e.onReset)||void 0===n?void 0:n.call(e,t)}))},getSources:function(n){return Promise.all([].concat(function(e){return function(e){if(Array.isArray(e))return me(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||function(e,t){if(e){if("string"==typeof e)return me(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?me(e,t):void 0}}(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}(o.map((function(e){return e.getSources}))),[e.getSources]).filter(Boolean).map((function(e){return function(e,t){var n=[];return Promise.resolve(e(t)).then((function(e){return Promise.all(e.filter((function(e){return Boolean(e)})).map((function(e){if(e.sourceId,n.includes(e.sourceId))throw new Error("[Autocomplete] The `sourceId` ".concat(JSON.stringify(e.sourceId)," is not unique."));n.push(e.sourceId);var t={getItemInputValue:function(e){return e.state.query},getItemUrl:function(){},onSelect:function(e){(0,e.setIsOpen)(!1)},onActive:E,onResolve:E};Object.keys(t).forEach((function(e){t[e].__default=!0}));var r=te(te({},t),e);return Promise.resolve(r)})))}))}(e,n)}))).then((function(e){return v(e)})).then((function(e){return e.map((function(e){return ge(ge({},e),{},{onSelect:function(n){e.onSelect(n),t.forEach((function(e){var t;return null===(t=e.onSelect)||void 0===t?void 0:t.call(e,n)}))},onActive:function(n){e.onActive(n),t.forEach((function(e){var t;return null===(t=e.onActive)||void 0===t?void 0:t.call(e,n)}))},onResolve:function(n){e.onResolve(n),t.forEach((function(e){var t;return null===(t=e.onResolve)||void 0===t?void 0:t.call(e,n)}))}})}))}))},navigator:ge({navigate:function(e){var t=e.itemUrl;r.location.assign(t)},navigateNewTab:function(e){var t=e.itemUrl,n=r.open(t,"_blank","noopener");null==n||n.focus()},navigateNewWindow:function(e){var t=e.itemUrl;r.open(t,"_blank","noopener")}},e.navigator)})}function ve(e){return ve="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},ve(e)}function we(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function Se(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?we(Object(n),!0).forEach((function(t){xe(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):we(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function xe(e,t,n){return(t=function(e){var t=function(e){if("object"!==ve(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var n=t.call(e,"string");if("object"!==ve(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"===ve(t)?t:String(t)}(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function ke(e){return ke="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},ke(e)}function Ee(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function _e(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?Ee(Object(n),!0).forEach((function(t){Ce(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Ee(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function Ce(e,t,n){return(t=function(e){var t=function(e){if("object"!==ke(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var n=t.call(e,"string");if("object"!==ke(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"===ke(t)?t:String(t)}(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function je(e){return function(e){if(Array.isArray(e))return Ae(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||function(e,t){if(e){if("string"==typeof e)return Ae(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?Ae(e,t):void 0}}(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function Ae(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function Oe(e){return Boolean(e.execute)}function Te(e){var t=e.reduce((function(e,t){if(!Oe(t))return e.push(t),e;var n=t.searchClient,r=t.execute,o=t.requesterId,a=t.requests,i=e.find((function(e){return Oe(t)&&Oe(e)&&e.searchClient===n&&Boolean(o)&&e.requesterId===o}));if(i){var s;(s=i.items).push.apply(s,je(a))}else{var l={execute:r,requesterId:o,items:a,searchClient:n};e.push(l)}return e}),[]).map((function(e){if(!Oe(e))return Promise.resolve(e);var t=e,n=t.execute,r=t.items;return n({searchClient:t.searchClient,requests:r})}));return Promise.all(t).then((function(e){return v(e)}))}function Pe(e){return Pe="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},Pe(e)}var Le=["event","nextState","props","query","refresh","store"];function Ie(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function Re(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?Ie(Object(n),!0).forEach((function(t){Ne(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Ie(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function Ne(e,t,n){return(t=function(e){var t=function(e){if("object"!==Pe(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var n=t.call(e,"string");if("object"!==Pe(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"===Pe(t)?t:String(t)}(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var De,Me,Fe,ze=null,Be=(De=-1,Me=-1,Fe=void 0,function(e){var t=++De;return Promise.resolve(e).then((function(e){return Fe&&t<Me?Fe:(Me=t,Fe=e,e)}))});function Ue(e){var t=e.event,n=e.nextState,r=void 0===n?{}:n,o=e.props,a=e.query,i=e.refresh,s=e.store,l=function(e,t){if(null==e)return{};var n,r,o=function(e,t){if(null==e)return{};var n,r,o={},a=Object.keys(e);for(r=0;r<a.length;r++)n=a[r],t.indexOf(n)>=0||(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(r=0;r<a.length;r++)n=a[r],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}(e,Le);ze&&o.environment.clearTimeout(ze);var c=l.setCollections,u=l.setIsOpen,d=l.setQuery,p=l.setActiveItemId,f=l.setStatus;if(d(a),p(o.defaultActiveItemId),!a&&!1===o.openOnFocus){var m,h=s.getState().collections.map((function(e){return Re(Re({},e),{},{items:[]})}));f("idle"),c(h),u(null!==(m=r.isOpen)&&void 0!==m?m:o.shouldPanelOpen({state:s.getState()}));var g=Z(Be(h).then((function(){return Promise.resolve()})));return s.pendingRequests.add(g)}f("loading"),ze=o.environment.setTimeout((function(){f("stalled")}),o.stallThreshold);var b=Z(Be(o.getSources(Re({query:a,refresh:i,state:s.getState()},l)).then((function(e){return Promise.all(e.map((function(e){return Promise.resolve(e.getItems(Re({query:a,refresh:i,state:s.getState()},l))).then((function(t){return function(e,t,n){if(o=e,Boolean(null==o?void 0:o.execute)){var r="algolia"===e.requesterId?Object.assign.apply(Object,[{}].concat(je(Object.keys(n.context).map((function(e){var t;return null===(t=n.context[e])||void 0===t?void 0:t.__algoliaSearchParameters}))))):{};return _e(_e({},e),{},{requests:e.queries.map((function(n){return{query:"algolia"===e.requesterId?_e(_e({},n),{},{params:_e(_e({},r),n.params)}):n,sourceId:t,transformResponse:e.transformResponse}}))})}var o;return{items:e,sourceId:t}}(t,e.sourceId,s.getState())}))}))).then(Te).then((function(t){return function(e,t,n){return t.map((function(t){var r,o=e.filter((function(e){return e.sourceId===t.sourceId})),a=o.map((function(e){return e.items})),i=o[0].transformResponse,s=i?i({results:r=a,hits:r.map((function(e){return e.hits})).filter(Boolean),facetHits:r.map((function(e){var t;return null===(t=e.facetHits)||void 0===t?void 0:t.map((function(e){return{label:e.value,count:e.count,_highlightResult:{label:{value:e.highlighted}}}}))})).filter(Boolean)}):a;return t.onResolve({source:t,results:a,items:s,state:n.getState()}),s.every(Boolean),'The `getItems` function from source "'.concat(t.sourceId,'" must return an array of items but returned ').concat(JSON.stringify(void 0),".\n\nDid you forget to return items?\n\nSee: https://www.algolia.com/doc/ui-libraries/autocomplete/core-concepts/sources/#param-getitems"),{source:t,items:s}}))}(t,e,s)})).then((function(e){return function(e){var t=e.props,n=e.state,r=e.collections.reduce((function(e,t){return Se(Se({},e),{},xe({},t.source.sourceId,Se(Se({},t.source),{},{getItems:function(){return v(t.items)}})))}),{}),o=t.plugins.reduce((function(e,t){return t.reshape?t.reshape(e):e}),{sourcesBySourceId:r,state:n}).sourcesBySourceId;return v(t.reshape({sourcesBySourceId:o,sources:Object.values(o),state:n})).filter(Boolean).map((function(e){return{source:e,items:e.getItems()}}))}({collections:e,props:o,state:s.getState()})}))})))).then((function(e){var n;f("idle"),c(e);var d=o.shouldPanelOpen({state:s.getState()});u(null!==(n=r.isOpen)&&void 0!==n?n:o.openOnFocus&&!a&&d||d);var p=oe(s.getState());if(null!==s.getState().activeItemId&&p){var m=p.item,h=p.itemInputValue,g=p.itemUrl,b=p.source;b.onActive(Re({event:t,item:m,itemInputValue:h,itemUrl:g,refresh:i,source:b,state:s.getState()},l))}})).finally((function(){f("idle"),ze&&o.environment.clearTimeout(ze)}));return s.pendingRequests.add(b)}function qe(e){return qe="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},qe(e)}var $e=["event","props","refresh","store"];function He(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function Ve(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?He(Object(n),!0).forEach((function(t){Ge(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):He(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function Ge(e,t,n){return(t=function(e){var t=function(e){if("object"!==qe(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var n=t.call(e,"string");if("object"!==qe(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"===qe(t)?t:String(t)}(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function We(e){return We="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},We(e)}var Ke=["props","refresh","store"],Qe=["inputElement","formElement","panelElement"],Ye=["inputElement"],Ze=["inputElement","maxLength"],Je=["sourceIndex"],Xe=["sourceIndex"],et=["item","source","sourceIndex"];function tt(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function nt(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?tt(Object(n),!0).forEach((function(t){rt(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):tt(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function rt(e,t,n){return(t=function(e){var t=function(e){if("object"!==We(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var n=t.call(e,"string");if("object"!==We(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"===We(t)?t:String(t)}(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function ot(e,t){if(null==e)return{};var n,r,o=function(e,t){if(null==e)return{};var n,r,o={},a=Object.keys(e);for(r=0;r<a.length;r++)n=a[r],t.indexOf(n)>=0||(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(r=0;r<a.length;r++)n=a[r],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}function at(e){var t=e.props,n=e.refresh,r=e.store,o=ot(e,Ke),a=function(e,t){return void 0!==t?"".concat(e,"-").concat(t):e};return{getEnvironmentProps:function(e){var n=e.inputElement,o=e.formElement,a=e.panelElement;function i(e){!r.getState().isOpen&&r.pendingRequests.isEmpty()||e.target===n||!1===[o,a].some((function(t){return(n=t)===(r=e.target)||n.contains(r);var n,r}))&&(r.dispatch("blur",null),t.debug||r.pendingRequests.cancelAll())}return nt({onTouchStart:i,onMouseDown:i,onTouchMove:function(e){!1!==r.getState().isOpen&&n===t.environment.document.activeElement&&e.target!==n&&n.blur()}},ot(e,Qe))},getRootProps:function(e){return nt({role:"combobox","aria-expanded":r.getState().isOpen,"aria-haspopup":"listbox","aria-owns":r.getState().isOpen?"".concat(t.id,"-list"):void 0,"aria-labelledby":"".concat(t.id,"-label")},e)},getFormProps:function(e){return e.inputElement,nt({action:"",noValidate:!0,role:"search",onSubmit:function(a){var i;a.preventDefault(),t.onSubmit(nt({event:a,refresh:n,state:r.getState()},o)),r.dispatch("submit",null),null===(i=e.inputElement)||void 0===i||i.blur()},onReset:function(a){var i;a.preventDefault(),t.onReset(nt({event:a,refresh:n,state:r.getState()},o)),r.dispatch("reset",null),null===(i=e.inputElement)||void 0===i||i.focus()}},ot(e,Ye))},getLabelProps:function(e){var n=e||{},r=n.sourceIndex,o=ot(n,Je);return nt({htmlFor:"".concat(a(t.id,r),"-input"),id:"".concat(a(t.id,r),"-label")},o)},getInputProps:function(e){var a;function i(e){(t.openOnFocus||Boolean(r.getState().query))&&Ue(nt({event:e,props:t,query:r.getState().completion||r.getState().query,refresh:n,store:r},o)),r.dispatch("focus",null)}var s=e||{},l=(s.inputElement,s.maxLength),c=void 0===l?512:l,u=ot(s,Ze),d=oe(r.getState()),p=function(e){return Boolean(e&&e.match(ae))}((null===(a=t.environment.navigator)||void 0===a?void 0:a.userAgent)||""),f=null!=d&&d.itemUrl&&!p?"go":"search";return nt({"aria-autocomplete":"both","aria-activedescendant":r.getState().isOpen&&null!==r.getState().activeItemId?"".concat(t.id,"-item-").concat(r.getState().activeItemId):void 0,"aria-controls":r.getState().isOpen?"".concat(t.id,"-list"):void 0,"aria-labelledby":"".concat(t.id,"-label"),value:r.getState().completion||r.getState().query,id:"".concat(t.id,"-input"),autoComplete:"off",autoCorrect:"off",autoCapitalize:"off",enterKeyHint:f,spellCheck:"false",autoFocus:t.autoFocus,placeholder:t.placeholder,maxLength:c,type:"search",onChange:function(e){Ue(nt({event:e,props:t,query:e.currentTarget.value.slice(0,c),refresh:n,store:r},o))},onKeyDown:function(e){!function(e){var t=e.event,n=e.props,r=e.refresh,o=e.store,a=function(e,t){if(null==e)return{};var n,r,o=function(e,t){if(null==e)return{};var n,r,o={},a=Object.keys(e);for(r=0;r<a.length;r++)n=a[r],t.indexOf(n)>=0||(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(r=0;r<a.length;r++)n=a[r],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}(e,$e);if("ArrowUp"===t.key||"ArrowDown"===t.key){var i=function(){var e=n.environment.document.getElementById("".concat(n.id,"-item-").concat(o.getState().activeItemId));e&&(e.scrollIntoViewIfNeeded?e.scrollIntoViewIfNeeded(!1):e.scrollIntoView(!1))},s=function(){var e=oe(o.getState());if(null!==o.getState().activeItemId&&e){var n=e.item,i=e.itemInputValue,s=e.itemUrl,l=e.source;l.onActive(Ve({event:t,item:n,itemInputValue:i,itemUrl:s,refresh:r,source:l,state:o.getState()},a))}};t.preventDefault(),!1===o.getState().isOpen&&(n.openOnFocus||Boolean(o.getState().query))?Ue(Ve({event:t,props:n,query:o.getState().query,refresh:r,store:o},a)).then((function(){o.dispatch(t.key,{nextActiveItemId:n.defaultActiveItemId}),s(),setTimeout(i,0)})):(o.dispatch(t.key,{}),s(),i())}else if("Escape"===t.key)t.preventDefault(),o.dispatch(t.key,null),o.pendingRequests.cancelAll();else if("Tab"===t.key)o.dispatch("blur",null),o.pendingRequests.cancelAll();else if("Enter"===t.key){if(null===o.getState().activeItemId||o.getState().collections.every((function(e){return 0===e.items.length})))return void(n.debug||o.pendingRequests.cancelAll());t.preventDefault();var l=oe(o.getState()),c=l.item,u=l.itemInputValue,d=l.itemUrl,p=l.source;if(t.metaKey||t.ctrlKey)void 0!==d&&(p.onSelect(Ve({event:t,item:c,itemInputValue:u,itemUrl:d,refresh:r,source:p,state:o.getState()},a)),n.navigator.navigateNewTab({itemUrl:d,item:c,state:o.getState()}));else if(t.shiftKey)void 0!==d&&(p.onSelect(Ve({event:t,item:c,itemInputValue:u,itemUrl:d,refresh:r,source:p,state:o.getState()},a)),n.navigator.navigateNewWindow({itemUrl:d,item:c,state:o.getState()}));else if(t.altKey);else{if(void 0!==d)return p.onSelect(Ve({event:t,item:c,itemInputValue:u,itemUrl:d,refresh:r,source:p,state:o.getState()},a)),void n.navigator.navigate({itemUrl:d,item:c,state:o.getState()});Ue(Ve({event:t,nextState:{isOpen:!1},props:n,query:u,refresh:r,store:o},a)).then((function(){p.onSelect(Ve({event:t,item:c,itemInputValue:u,itemUrl:d,refresh:r,source:p,state:o.getState()},a))}))}}}(nt({event:e,props:t,refresh:n,store:r},o))},onFocus:i,onBlur:E,onClick:function(n){e.inputElement!==t.environment.document.activeElement||r.getState().isOpen||i(n)}},u)},getPanelProps:function(e){return nt({onMouseDown:function(e){e.preventDefault()},onMouseLeave:function(){r.dispatch("mouseleave",null)}},e)},getListProps:function(e){var n=e||{},r=n.sourceIndex,o=ot(n,Xe);return nt({role:"listbox","aria-labelledby":"".concat(a(t.id,r),"-label"),id:"".concat(a(t.id,r),"-list")},o)},getItemProps:function(e){var i=e.item,s=e.source,l=e.sourceIndex,c=ot(e,et);return nt({id:"".concat(a(t.id,l),"-item-").concat(i.__autocomplete_id),role:"option","aria-selected":r.getState().activeItemId===i.__autocomplete_id,onMouseMove:function(e){if(i.__autocomplete_id!==r.getState().activeItemId){r.dispatch("mousemove",i.__autocomplete_id);var t=oe(r.getState());if(null!==r.getState().activeItemId&&t){var a=t.item,s=t.itemInputValue,l=t.itemUrl,c=t.source;c.onActive(nt({event:e,item:a,itemInputValue:s,itemUrl:l,refresh:n,source:c,state:r.getState()},o))}}},onMouseDown:function(e){e.preventDefault()},onClick:function(e){var a=s.getItemInputValue({item:i,state:r.getState()}),l=s.getItemUrl({item:i,state:r.getState()});(l?Promise.resolve():Ue(nt({event:e,nextState:{isOpen:!1},props:t,query:a,refresh:n,store:r},o))).then((function(){s.onSelect(nt({event:e,item:i,itemInputValue:a,itemUrl:l,refresh:n,source:s,state:r.getState()},o))}))}},c)}}}function it(e){return it="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},it(e)}function st(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function lt(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?st(Object(n),!0).forEach((function(t){ct(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):st(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function ct(e,t,n){return(t=function(e){var t=function(e){if("object"!==it(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var n=t.call(e,"string");if("object"!==it(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"===it(t)?t:String(t)}(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function ut(e){var t,n,r,o,a=e.plugins,i=e.options,s=null===(t=((null===(n=i.__autocomplete_metadata)||void 0===n?void 0:n.userAgents)||[])[0])||void 0===t?void 0:t.segment,l=s?ct({},s,Object.keys((null===(r=i.__autocomplete_metadata)||void 0===r?void 0:r.options)||{})):{};return{plugins:a.map((function(e){return{name:e.name,options:Object.keys(e.__autocomplete_pluginOptions||[])}})),options:lt({"autocomplete-core":Object.keys(i)},l),ua:_.concat((null===(o=i.__autocomplete_metadata)||void 0===o?void 0:o.userAgents)||[])}}function dt(e){var t,n=e.state;return!1===n.isOpen||null===n.activeItemId?null:(null===(t=oe(n))||void 0===t?void 0:t.itemInputValue)||null}function pt(e){return pt="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},pt(e)}function ft(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function mt(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?ft(Object(n),!0).forEach((function(t){ht(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):ft(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function ht(e,t,n){return(t=function(e){var t=function(e){if("object"!==pt(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var n=t.call(e,"string");if("object"!==pt(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"===pt(t)?t:String(t)}(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var gt=function(e,t){switch(t.type){case"setActiveItemId":case"mousemove":return mt(mt({},e),{},{activeItemId:t.payload});case"setQuery":return mt(mt({},e),{},{query:t.payload,completion:null});case"setCollections":return mt(mt({},e),{},{collections:t.payload});case"setIsOpen":return mt(mt({},e),{},{isOpen:t.payload});case"setStatus":return mt(mt({},e),{},{status:t.payload});case"setContext":return mt(mt({},e),{},{context:mt(mt({},e.context),t.payload)});case"ArrowDown":var n=mt(mt({},e),{},{activeItemId:t.payload.hasOwnProperty("nextActiveItemId")?t.payload.nextActiveItemId:X(1,e.activeItemId,S(e),t.props.defaultActiveItemId)});return mt(mt({},n),{},{completion:dt({state:n})});case"ArrowUp":var r=mt(mt({},e),{},{activeItemId:X(-1,e.activeItemId,S(e),t.props.defaultActiveItemId)});return mt(mt({},r),{},{completion:dt({state:r})});case"Escape":return e.isOpen?mt(mt({},e),{},{activeItemId:null,isOpen:!1,completion:null}):mt(mt({},e),{},{activeItemId:null,query:"",status:"idle",collections:[]});case"submit":return mt(mt({},e),{},{activeItemId:null,isOpen:!1,status:"idle"});case"reset":return mt(mt({},e),{},{activeItemId:!0===t.props.openOnFocus?t.props.defaultActiveItemId:null,status:"idle",query:""});case"focus":return mt(mt({},e),{},{activeItemId:t.props.defaultActiveItemId,isOpen:(t.props.openOnFocus||Boolean(e.query))&&t.props.shouldPanelOpen({state:e})});case"blur":return t.props.debug?e:mt(mt({},e),{},{isOpen:!1,activeItemId:null});case"mouseleave":return mt(mt({},e),{},{activeItemId:t.props.defaultActiveItemId});default:return"The reducer action ".concat(JSON.stringify(t.type)," is not supported."),e}};function bt(e){return bt="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},bt(e)}function yt(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function vt(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?yt(Object(n),!0).forEach((function(t){wt(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):yt(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function wt(e,t,n){return(t=function(e){var t=function(e){if("object"!==bt(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var n=t.call(e,"string");if("object"!==bt(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"===bt(t)?t:String(t)}(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function St(e){var t=[],n=ye(e,t),r=function(e,t,n){var r,o=t.initialState;return{getState:function(){return o},dispatch:function(r,a){var i=function(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?se(Object(n),!0).forEach((function(t){le(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):se(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}({},o);o=e(o,{type:r,props:t,payload:a}),n({state:o,prevState:i})},pendingRequests:(r=[],{add:function(e){return r.push(e),e.finally((function(){r=r.filter((function(t){return t!==e}))}))},cancelAll:function(){r.forEach((function(e){return e.cancel()}))},isEmpty:function(){return 0===r.length}})}}(gt,n,(function(e){var t=e.prevState,r=e.state;n.onStateChange(vt({prevState:t,state:r,refresh:i,navigator:n.navigator},o))})),o=function(e){var t=e.store;return{setActiveItemId:function(e){t.dispatch("setActiveItemId",e)},setQuery:function(e){t.dispatch("setQuery",e)},setCollections:function(e){var n=0,r=e.map((function(e){return de(de({},e),{},{items:v(e.items).map((function(e){return de(de({},e),{},{__autocomplete_id:n++})}))})}));t.dispatch("setCollections",r)},setIsOpen:function(e){t.dispatch("setIsOpen",e)},setStatus:function(e){t.dispatch("setStatus",e)},setContext:function(e){t.dispatch("setContext",e)}}}({store:r}),a=at(vt({props:n,refresh:i,store:r,navigator:n.navigator},o));function i(){return Ue(vt({event:new Event("input"),nextState:{isOpen:r.getState().isOpen},props:n,navigator:n.navigator,query:r.getState().query,refresh:i,store:r},o))}if(e.insights&&!n.plugins.some((function(e){return"aa.algoliaInsightsPlugin"===e.name}))){var s="boolean"==typeof e.insights?{}:e.insights;n.plugins.push(Q(s))}return n.plugins.forEach((function(e){var r;return null===(r=e.subscribe)||void 0===r?void 0:r.call(e,vt(vt({},o),{},{navigator:n.navigator,refresh:i,onSelect:function(e){t.push({onSelect:e})},onActive:function(e){t.push({onActive:e})},onResolve:function(e){t.push({onResolve:e})}}))})),function(e){var t,n,r=e.metadata,o=e.environment;if(null===(t=o.navigator)||void 0===t||null===(n=t.userAgent)||void 0===n?void 0:n.includes("Algolia Crawler")){var a=o.document.createElement("meta"),i=o.document.querySelector("head");a.name="algolia:metadata",setTimeout((function(){a.content=JSON.stringify(r),i.appendChild(a)}),0)}}({metadata:ut({plugins:n.plugins,options:e}),environment:n.environment}),vt(vt({refresh:i,navigator:n.navigator},a),o)}function xt(e){var t=e.translations,n=(void 0===t?{}:t).searchByText,o=void 0===n?"Search by":n;return r.createElement("a",{href:"https://www.algolia.com/ref/docsearch/?utm_source=".concat(window.location.hostname,"&utm_medium=referral&utm_content=powered_by&utm_campaign=docsearch"),target:"_blank",rel:"noopener noreferrer"},r.createElement("span",{className:"DocSearch-Label"},o),r.createElement("svg",{width:"77",height:"19","aria-label":"Algolia",role:"img",id:"Layer_1",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 2196.2 500"},r.createElement("defs",null,r.createElement("style",null,".cls-1,.cls-2{fill:#003dff;}.cls-2{fill-rule:evenodd;}")),r.createElement("path",{className:"cls-2",d:"M1070.38,275.3V5.91c0-3.63-3.24-6.39-6.82-5.83l-50.46,7.94c-2.87,.45-4.99,2.93-4.99,5.84l.17,273.22c0,12.92,0,92.7,95.97,95.49,3.33,.1,6.09-2.58,6.09-5.91v-40.78c0-2.96-2.19-5.51-5.12-5.84-34.85-4.01-34.85-47.57-34.85-54.72Z"}),r.createElement("rect",{className:"cls-1",x:"1845.88",y:"104.73",width:"62.58",height:"277.9",rx:"5.9",ry:"5.9"}),r.createElement("path",{className:"cls-2",d:"M1851.78,71.38h50.77c3.26,0,5.9-2.64,5.9-5.9V5.9c0-3.62-3.24-6.39-6.82-5.83l-50.77,7.95c-2.87,.45-4.99,2.92-4.99,5.83v51.62c0,3.26,2.64,5.9,5.9,5.9Z"}),r.createElement("path",{className:"cls-2",d:"M1764.03,275.3V5.91c0-3.63-3.24-6.39-6.82-5.83l-50.46,7.94c-2.87,.45-4.99,2.93-4.99,5.84l.17,273.22c0,12.92,0,92.7,95.97,95.49,3.33,.1,6.09-2.58,6.09-5.91v-40.78c0-2.96-2.19-5.51-5.12-5.84-34.85-4.01-34.85-47.57-34.85-54.72Z"}),r.createElement("path",{className:"cls-2",d:"M1631.95,142.72c-11.14-12.25-24.83-21.65-40.78-28.31-15.92-6.53-33.26-9.85-52.07-9.85-18.78,0-36.15,3.17-51.92,9.85-15.59,6.66-29.29,16.05-40.76,28.31-11.47,12.23-20.38,26.87-26.76,44.03-6.38,17.17-9.24,37.37-9.24,58.36,0,20.99,3.19,36.87,9.55,54.21,6.38,17.32,15.14,32.11,26.45,44.36,11.29,12.23,24.83,21.62,40.6,28.46,15.77,6.83,40.12,10.33,52.4,10.48,12.25,0,36.78-3.82,52.7-10.48,15.92-6.68,29.46-16.23,40.78-28.46,11.29-12.25,20.05-27.04,26.25-44.36,6.22-17.34,9.24-33.22,9.24-54.21,0-20.99-3.34-41.19-10.03-58.36-6.38-17.17-15.14-31.8-26.43-44.03Zm-44.43,163.75c-11.47,15.75-27.56,23.7-48.09,23.7-20.55,0-36.63-7.8-48.1-23.7-11.47-15.75-17.21-34.01-17.21-61.2,0-26.89,5.59-49.14,17.06-64.87,11.45-15.75,27.54-23.52,48.07-23.52,20.55,0,36.63,7.78,48.09,23.52,11.47,15.57,17.36,37.98,17.36,64.87,0,27.19-5.72,45.3-17.19,61.2Z"}),r.createElement("path",{className:"cls-2",d:"M894.42,104.73h-49.33c-48.36,0-90.91,25.48-115.75,64.1-14.52,22.58-22.99,49.63-22.99,78.73,0,44.89,20.13,84.92,51.59,111.1,2.93,2.6,6.05,4.98,9.31,7.14,12.86,8.49,28.11,13.47,44.52,13.47,1.23,0,2.46-.03,3.68-.09,.36-.02,.71-.05,1.07-.07,.87-.05,1.75-.11,2.62-.2,.34-.03,.68-.08,1.02-.12,.91-.1,1.82-.21,2.73-.34,.21-.03,.42-.07,.63-.1,32.89-5.07,61.56-30.82,70.9-62.81v57.83c0,3.26,2.64,5.9,5.9,5.9h50.42c3.26,0,5.9-2.64,5.9-5.9V110.63c0-3.26-2.64-5.9-5.9-5.9h-56.32Zm0,206.92c-12.2,10.16-27.97,13.98-44.84,15.12-.16,.01-.33,.03-.49,.04-1.12,.07-2.24,.1-3.36,.1-42.24,0-77.12-35.89-77.12-79.37,0-10.25,1.96-20.01,5.42-28.98,11.22-29.12,38.77-49.74,71.06-49.74h49.33v142.83Z"}),r.createElement("path",{className:"cls-2",d:"M2133.97,104.73h-49.33c-48.36,0-90.91,25.48-115.75,64.1-14.52,22.58-22.99,49.63-22.99,78.73,0,44.89,20.13,84.92,51.59,111.1,2.93,2.6,6.05,4.98,9.31,7.14,12.86,8.49,28.11,13.47,44.52,13.47,1.23,0,2.46-.03,3.68-.09,.36-.02,.71-.05,1.07-.07,.87-.05,1.75-.11,2.62-.2,.34-.03,.68-.08,1.02-.12,.91-.1,1.82-.21,2.73-.34,.21-.03,.42-.07,.63-.1,32.89-5.07,61.56-30.82,70.9-62.81v57.83c0,3.26,2.64,5.9,5.9,5.9h50.42c3.26,0,5.9-2.64,5.9-5.9V110.63c0-3.26-2.64-5.9-5.9-5.9h-56.32Zm0,206.92c-12.2,10.16-27.97,13.98-44.84,15.12-.16,.01-.33,.03-.49,.04-1.12,.07-2.24,.1-3.36,.1-42.24,0-77.12-35.89-77.12-79.37,0-10.25,1.96-20.01,5.42-28.98,11.22-29.12,38.77-49.74,71.06-49.74h49.33v142.83Z"}),r.createElement("path",{className:"cls-2",d:"M1314.05,104.73h-49.33c-48.36,0-90.91,25.48-115.75,64.1-11.79,18.34-19.6,39.64-22.11,62.59-.58,5.3-.88,10.68-.88,16.14s.31,11.15,.93,16.59c4.28,38.09,23.14,71.61,50.66,94.52,2.93,2.6,6.05,4.98,9.31,7.14,12.86,8.49,28.11,13.47,44.52,13.47h0c17.99,0,34.61-5.93,48.16-15.97,16.29-11.58,28.88-28.54,34.48-47.75v50.26h-.11v11.08c0,21.84-5.71,38.27-17.34,49.36-11.61,11.08-31.04,16.63-58.25,16.63-11.12,0-28.79-.59-46.6-2.41-2.83-.29-5.46,1.5-6.27,4.22l-12.78,43.11c-1.02,3.46,1.27,7.02,4.83,7.53,21.52,3.08,42.52,4.68,54.65,4.68,48.91,0,85.16-10.75,108.89-32.21,21.48-19.41,33.15-48.89,35.2-88.52V110.63c0-3.26-2.64-5.9-5.9-5.9h-56.32Zm0,64.1s.65,139.13,0,143.36c-12.08,9.77-27.11,13.59-43.49,14.7-.16,.01-.33,.03-.49,.04-1.12,.07-2.24,.1-3.36,.1-1.32,0-2.63-.03-3.94-.1-40.41-2.11-74.52-37.26-74.52-79.38,0-10.25,1.96-20.01,5.42-28.98,11.22-29.12,38.77-49.74,71.06-49.74h49.33Z"}),r.createElement("path",{className:"cls-1",d:"M249.83,0C113.3,0,2,110.09,.03,246.16c-2,138.19,110.12,252.7,248.33,253.5,42.68,.25,83.79-10.19,120.3-30.03,3.56-1.93,4.11-6.83,1.08-9.51l-23.38-20.72c-4.75-4.21-11.51-5.4-17.36-2.92-25.48,10.84-53.17,16.38-81.71,16.03-111.68-1.37-201.91-94.29-200.13-205.96,1.76-110.26,92-199.41,202.67-199.41h202.69V407.41l-115-102.18c-3.72-3.31-9.42-2.66-12.42,1.31-18.46,24.44-48.53,39.64-81.93,37.34-46.33-3.2-83.87-40.5-87.34-86.81-4.15-55.24,39.63-101.52,94-101.52,49.18,0,89.68,37.85,93.91,85.95,.38,4.28,2.31,8.27,5.52,11.12l29.95,26.55c3.4,3.01,8.79,1.17,9.63-3.3,2.16-11.55,2.92-23.58,2.07-35.92-4.82-70.34-61.8-126.93-132.17-131.26-80.68-4.97-148.13,58.14-150.27,137.25-2.09,77.1,61.08,143.56,138.19,145.26,32.19,.71,62.03-9.41,86.14-26.95l150.26,133.2c6.44,5.71,16.61,1.14,16.61-7.47V9.48C499.66,4.25,495.42,0,490.18,0H249.83Z"})))}function kt(e){return r.createElement("svg",{width:"15",height:"15","aria-label":e.ariaLabel,role:"img"},r.createElement("g",{fill:"none",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"1.2"},e.children))}function Et(e){var t=e.translations,n=void 0===t?{}:t,o=n.selectText,a=void 0===o?"to select":o,i=n.selectKeyAriaLabel,s=void 0===i?"Enter key":i,l=n.navigateText,c=void 0===l?"to navigate":l,u=n.navigateUpKeyAriaLabel,d=void 0===u?"Arrow up":u,p=n.navigateDownKeyAriaLabel,f=void 0===p?"Arrow down":p,m=n.closeText,h=void 0===m?"to close":m,g=n.closeKeyAriaLabel,b=void 0===g?"Escape key":g,y=n.searchByText,v=void 0===y?"Search by":y;return r.createElement(r.Fragment,null,r.createElement("div",{className:"DocSearch-Logo"},r.createElement(xt,{translations:{searchByText:v}})),r.createElement("ul",{className:"DocSearch-Commands"},r.createElement("li",null,r.createElement("kbd",{className:"DocSearch-Commands-Key"},r.createElement(kt,{ariaLabel:s},r.createElement("path",{d:"M12 3.53088v3c0 1-1 2-2 2H4M7 11.53088l-3-3 3-3"}))),r.createElement("span",{className:"DocSearch-Label"},a)),r.createElement("li",null,r.createElement("kbd",{className:"DocSearch-Commands-Key"},r.createElement(kt,{ariaLabel:f},r.createElement("path",{d:"M7.5 3.5v8M10.5 8.5l-3 3-3-3"}))),r.createElement("kbd",{className:"DocSearch-Commands-Key"},r.createElement(kt,{ariaLabel:d},r.createElement("path",{d:"M7.5 11.5v-8M10.5 6.5l-3-3-3 3"}))),r.createElement("span",{className:"DocSearch-Label"},c)),r.createElement("li",null,r.createElement("kbd",{className:"DocSearch-Commands-Key"},r.createElement(kt,{ariaLabel:b},r.createElement("path",{d:"M13.6167 8.936c-.1065.3583-.6883.962-1.4875.962-.7993 0-1.653-.9165-1.653-2.1258v-.5678c0-1.2548.7896-2.1016 1.653-2.1016.8634 0 1.3601.4778 1.4875 1.0724M9 6c-.1352-.4735-.7506-.9219-1.46-.8972-.7092.0246-1.344.57-1.344 1.2166s.4198.8812 1.3445.9805C8.465 7.3992 8.968 7.9337 9 8.5c.032.5663-.454 1.398-1.4595 1.398C6.6593 9.898 6 9 5.963 8.4851m-1.4748.5368c-.2635.5941-.8099.876-1.5443.876s-1.7073-.6248-1.7073-2.204v-.4603c0-1.0416.721-2.131 1.7073-2.131.9864 0 1.6425 1.031 1.5443 2.2492h-2.956"}))),r.createElement("span",{className:"DocSearch-Label"},h))))}function _t(e){var t=e.hit,n=e.children;return r.createElement("a",{href:t.url},n)}function Ct(){return r.createElement("svg",{viewBox:"0 0 38 38",stroke:"currentColor",strokeOpacity:".5"},r.createElement("g",{fill:"none",fillRule:"evenodd"},r.createElement("g",{transform:"translate(1 1)",strokeWidth:"2"},r.createElement("circle",{strokeOpacity:".3",cx:"18",cy:"18",r:"18"}),r.createElement("path",{d:"M36 18c0-9.94-8.06-18-18-18"},r.createElement("animateTransform",{attributeName:"transform",type:"rotate",from:"0 18 18",to:"360 18 18",dur:"1s",repeatCount:"indefinite"})))))}function jt(){return r.createElement("svg",{width:"20",height:"20",viewBox:"0 0 20 20"},r.createElement("g",{stroke:"currentColor",fill:"none",fillRule:"evenodd",strokeLinecap:"round",strokeLinejoin:"round"},r.createElement("path",{d:"M3.18 6.6a8.23 8.23 0 1112.93 9.94h0a8.23 8.23 0 01-11.63 0"}),r.createElement("path",{d:"M6.44 7.25H2.55V3.36M10.45 6v5.6M10.45 11.6L13 13"})))}function At(){return r.createElement("svg",{width:"20",height:"20",viewBox:"0 0 20 20"},r.createElement("path",{d:"M10 10l5.09-5.09L10 10l5.09 5.09L10 10zm0 0L4.91 4.91 10 10l-5.09 5.09L10 10z",stroke:"currentColor",fill:"none",fillRule:"evenodd",strokeLinecap:"round",strokeLinejoin:"round"}))}function Ot(){return r.createElement("svg",{className:"DocSearch-Hit-Select-Icon",width:"20",height:"20",viewBox:"0 0 20 20"},r.createElement("g",{stroke:"currentColor",fill:"none",fillRule:"evenodd",strokeLinecap:"round",strokeLinejoin:"round"},r.createElement("path",{d:"M18 3v4c0 2-2 4-4 4H2"}),r.createElement("path",{d:"M8 17l-6-6 6-6"})))}var Tt=function(){return r.createElement("svg",{width:"20",height:"20",viewBox:"0 0 20 20"},r.createElement("path",{d:"M17 6v12c0 .52-.2 1-1 1H4c-.7 0-1-.33-1-1V2c0-.55.42-1 1-1h8l5 5zM14 8h-3.13c-.51 0-.87-.34-.87-.87V4",stroke:"currentColor",fill:"none",fillRule:"evenodd",strokeLinejoin:"round"}))};function Pt(e){switch(e.type){case"lvl1":return r.createElement(Tt,null);case"content":return r.createElement(It,null);default:return r.createElement(Lt,null)}}function Lt(){return r.createElement("svg",{width:"20",height:"20",viewBox:"0 0 20 20"},r.createElement("path",{d:"M13 13h4-4V8H7v5h6v4-4H7V8H3h4V3v5h6V3v5h4-4v5zm-6 0v4-4H3h4z",stroke:"currentColor",fill:"none",fillRule:"evenodd",strokeLinecap:"round",strokeLinejoin:"round"}))}function It(){return r.createElement("svg",{width:"20",height:"20",viewBox:"0 0 20 20"},r.createElement("path",{d:"M17 5H3h14zm0 5H3h14zm0 5H3h14z",stroke:"currentColor",fill:"none",fillRule:"evenodd",strokeLinejoin:"round"}))}function Rt(){return r.createElement("svg",{width:"20",height:"20",viewBox:"0 0 20 20"},r.createElement("path",{d:"M10 14.2L5 17l1-5.6-4-4 5.5-.7 2.5-5 2.5 5 5.6.8-4 4 .9 5.5z",stroke:"currentColor",fill:"none",fillRule:"evenodd",strokeLinejoin:"round"}))}function Nt(){return r.createElement("svg",{width:"40",height:"40",viewBox:"0 0 20 20",fill:"none",fillRule:"evenodd",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round"},r.createElement("path",{d:"M19 4.8a16 16 0 00-2-1.2m-3.3-1.2A16 16 0 001.1 4.7M16.7 8a12 12 0 00-2.8-1.4M10 6a12 12 0 00-6.7 2M12.3 14.7a4 4 0 00-4.5 0M14.5 11.4A8 8 0 0010 10M3 16L18 2M10 18h0"}))}function Dt(){return r.createElement("svg",{width:"40",height:"40",viewBox:"0 0 20 20",fill:"none",fillRule:"evenodd",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round"},r.createElement("path",{d:"M15.5 4.8c2 3 1.7 7-1 9.7h0l4.3 4.3-4.3-4.3a7.8 7.8 0 01-9.8 1m-2.2-2.2A7.8 7.8 0 0113.2 2.4M2 18L18 2"}))}function Mt(e){var t=e.translations,n=void 0===t?{}:t,o=n.titleText,a=void 0===o?"Unable to fetch results":o,i=n.helpText,s=void 0===i?"You might want to check your network connection.":i;return r.createElement("div",{className:"DocSearch-ErrorScreen"},r.createElement("div",{className:"DocSearch-Screen-Icon"},r.createElement(Nt,null)),r.createElement("p",{className:"DocSearch-Title"},a),r.createElement("p",{className:"DocSearch-Help"},s))}var Ft=["translations"];function zt(e){var t=e.translations,n=void 0===t?{}:t,o=l(e,Ft),a=n.noResultsText,i=void 0===a?"No results for":a,s=n.suggestedQueryText,c=void 0===s?"Try searching for":s,d=n.reportMissingResultsText,p=void 0===d?"Believe this query should return results?":d,f=n.reportMissingResultsLinkText,m=void 0===f?"Let us know.":f,h=o.state.context.searchSuggestions;return r.createElement("div",{className:"DocSearch-NoResults"},r.createElement("div",{className:"DocSearch-Screen-Icon"},r.createElement(Dt,null)),r.createElement("p",{className:"DocSearch-Title"},i,' "',r.createElement("strong",null,o.state.query),'"'),h&&h.length>0&&r.createElement("div",{className:"DocSearch-NoResults-Prefill-List"},r.createElement("p",{className:"DocSearch-Help"},c,":"),r.createElement("ul",null,h.slice(0,3).reduce((function(e,t){return[].concat(u(e),[r.createElement("li",{key:t},r.createElement("button",{className:"DocSearch-Prefill",key:t,type:"button",onClick:function(){o.setQuery(t.toLowerCase()+" "),o.refresh(),o.inputRef.current.focus()}},t))])}),[]))),o.getMissingResultsUrl&&r.createElement("p",{className:"DocSearch-Help"},"".concat(p," "),r.createElement("a",{href:o.getMissingResultsUrl({query:o.state.query}),target:"_blank",rel:"noopener noreferrer"},m)))}var Bt=["hit","attribute","tagName"];function Ut(e,t){return t.split(".").reduce((function(e,t){return null!=e&&e[t]?e[t]:null}),e)}function qt(e){var t=e.hit,n=e.attribute,o=e.tagName,i=void 0===o?"span":o,s=l(e,Bt);return(0,r.createElement)(i,a(a({},s),{},{dangerouslySetInnerHTML:{__html:Ut(t,"_snippetResult.".concat(n,".value"))||Ut(t,n)}}))}function $t(e){return e.collection&&0!==e.collection.items.length?r.createElement("section",{className:"DocSearch-Hits"},r.createElement("div",{className:"DocSearch-Hit-source"},e.title),r.createElement("ul",e.getListProps(),e.collection.items.map((function(t,n){return r.createElement(Ht,s({key:[e.title,t.objectID].join(":"),item:t,index:n},e))})))):null}function Ht(e){var t=e.item,n=e.index,o=e.renderIcon,a=e.renderAction,i=e.getItemProps,l=e.onItemClick,u=e.collection,d=e.hitComponent,p=c(r.useState(!1),2),f=p[0],m=p[1],h=c(r.useState(!1),2),g=h[0],b=h[1],y=r.useRef(null),v=d;return r.createElement("li",s({className:["DocSearch-Hit",t.__docsearch_parent&&"DocSearch-Hit--Child",f&&"DocSearch-Hit--deleting",g&&"DocSearch-Hit--favoriting"].filter(Boolean).join(" "),onTransitionEnd:function(){y.current&&y.current()}},i({item:t,source:u.source,onClick:function(e){l(t,e)}})),r.createElement(v,{hit:t},r.createElement("div",{className:"DocSearch-Hit-Container"},o({item:t,index:n}),t.hierarchy[t.type]&&"lvl1"===t.type&&r.createElement("div",{className:"DocSearch-Hit-content-wrapper"},r.createElement(qt,{className:"DocSearch-Hit-title",hit:t,attribute:"hierarchy.lvl1"}),t.content&&r.createElement(qt,{className:"DocSearch-Hit-path",hit:t,attribute:"content"})),t.hierarchy[t.type]&&("lvl2"===t.type||"lvl3"===t.type||"lvl4"===t.type||"lvl5"===t.type||"lvl6"===t.type)&&r.createElement("div",{className:"DocSearch-Hit-content-wrapper"},r.createElement(qt,{className:"DocSearch-Hit-title",hit:t,attribute:"hierarchy.".concat(t.type)}),r.createElement(qt,{className:"DocSearch-Hit-path",hit:t,attribute:"hierarchy.lvl1"})),"content"===t.type&&r.createElement("div",{className:"DocSearch-Hit-content-wrapper"},r.createElement(qt,{className:"DocSearch-Hit-title",hit:t,attribute:"content"}),r.createElement(qt,{className:"DocSearch-Hit-path",hit:t,attribute:"hierarchy.lvl1"})),a({item:t,runDeleteTransition:function(e){m(!0),y.current=e},runFavoriteTransition:function(e){b(!0),y.current=e}}))))}function Vt(e,t,n){return e.reduce((function(e,r){var o=t(r);return e.hasOwnProperty(o)||(e[o]=[]),e[o].length<(n||5)&&e[o].push(r),e}),{})}function Gt(e){return e}function Wt(e){return 1===e.button||e.altKey||e.ctrlKey||e.metaKey||e.shiftKey}function Kt(){}var Qt=/(<mark>|<\/mark>)/g,Yt=RegExp(Qt.source);function Zt(e){var t,n,r=e;if(!r.__docsearch_parent&&!e._highlightResult)return e.hierarchy.lvl0;var o=r.__docsearch_parent?null===(t=r.__docsearch_parent)||void 0===t||null===(t=t._highlightResult)||void 0===t||null===(t=t.hierarchy)||void 0===t?void 0:t.lvl0:null===(n=e._highlightResult)||void 0===n||null===(n=n.hierarchy)||void 0===n?void 0:n.lvl0;return o?o.value&&Yt.test(o.value)?o.value.replace(Qt,""):o.value:e.hierarchy.lvl0}function Jt(e){return r.createElement("div",{className:"DocSearch-Dropdown-Container"},e.state.collections.map((function(t){if(0===t.items.length)return null;var n=Zt(t.items[0]);return r.createElement($t,s({},e,{key:t.source.sourceId,title:n,collection:t,renderIcon:function(e){var n,o=e.item,a=e.index;return r.createElement(r.Fragment,null,o.__docsearch_parent&&r.createElement("svg",{className:"DocSearch-Hit-Tree",viewBox:"0 0 24 54"},r.createElement("g",{stroke:"currentColor",fill:"none",fillRule:"evenodd",strokeLinecap:"round",strokeLinejoin:"round"},o.__docsearch_parent!==(null===(n=t.items[a+1])||void 0===n?void 0:n.__docsearch_parent)?r.createElement("path",{d:"M8 6v21M20 27H8.3"}):r.createElement("path",{d:"M8 6v42M20 27H8.3"}))),r.createElement("div",{className:"DocSearch-Hit-icon"},r.createElement(Pt,{type:o.type})))},renderAction:function(){return r.createElement("div",{className:"DocSearch-Hit-action"},r.createElement(Ot,null))}}))})),e.resultsFooterComponent&&r.createElement("section",{className:"DocSearch-HitsFooter"},r.createElement(e.resultsFooterComponent,{state:e.state})))}var Xt=["translations"];function en(e){var t=e.translations,n=void 0===t?{}:t,o=l(e,Xt),a=n.recentSearchesTitle,i=void 0===a?"Recent":a,c=n.noRecentSearchesText,u=void 0===c?"No recent searches":c,d=n.saveRecentSearchButtonTitle,p=void 0===d?"Save this search":d,f=n.removeRecentSearchButtonTitle,m=void 0===f?"Remove this search from history":f,h=n.favoriteSearchesTitle,g=void 0===h?"Favorite":h,b=n.removeFavoriteSearchButtonTitle,y=void 0===b?"Remove this search from favorites":b;return"idle"===o.state.status&&!1===o.hasCollections?o.disableUserPersonalization?null:r.createElement("div",{className:"DocSearch-StartScreen"},r.createElement("p",{className:"DocSearch-Help"},u)):!1===o.hasCollections?null:r.createElement("div",{className:"DocSearch-Dropdown-Container"},r.createElement($t,s({},o,{title:i,collection:o.state.collections[0],renderIcon:function(){return r.createElement("div",{className:"DocSearch-Hit-icon"},r.createElement(jt,null))},renderAction:function(e){var t=e.item,n=e.runFavoriteTransition,a=e.runDeleteTransition;return r.createElement(r.Fragment,null,r.createElement("div",{className:"DocSearch-Hit-action"},r.createElement("button",{className:"DocSearch-Hit-action-button",title:p,type:"submit",onClick:function(e){e.preventDefault(),e.stopPropagation(),n((function(){o.favoriteSearches.add(t),o.recentSearches.remove(t),o.refresh()}))}},r.createElement(Rt,null))),r.createElement("div",{className:"DocSearch-Hit-action"},r.createElement("button",{className:"DocSearch-Hit-action-button",title:m,type:"submit",onClick:function(e){e.preventDefault(),e.stopPropagation(),a((function(){o.recentSearches.remove(t),o.refresh()}))}},r.createElement(At,null))))}})),r.createElement($t,s({},o,{title:g,collection:o.state.collections[1],renderIcon:function(){return r.createElement("div",{className:"DocSearch-Hit-icon"},r.createElement(Rt,null))},renderAction:function(e){var t=e.item,n=e.runDeleteTransition;return r.createElement("div",{className:"DocSearch-Hit-action"},r.createElement("button",{className:"DocSearch-Hit-action-button",title:y,type:"submit",onClick:function(e){e.preventDefault(),e.stopPropagation(),n((function(){o.favoriteSearches.remove(t),o.refresh()}))}},r.createElement(At,null)))}})))}var tn=["translations"],nn=r.memo((function(e){var t=e.translations,n=void 0===t?{}:t,o=l(e,tn);if("error"===o.state.status)return r.createElement(Mt,{translations:null==n?void 0:n.errorScreen});var a=o.state.collections.some((function(e){return e.items.length>0}));return o.state.query?!1===a?r.createElement(zt,s({},o,{translations:null==n?void 0:n.noResultsScreen})):r.createElement(Jt,o):r.createElement(en,s({},o,{hasCollections:a,translations:null==n?void 0:n.startScreen}))}),(function(e,t){return"loading"===t.state.status||"stalled"===t.state.status})),rn=["translations"];function on(e){var t=e.translations,n=void 0===t?{}:t,o=l(e,rn),a=n.resetButtonTitle,i=void 0===a?"Clear the query":a,c=n.resetButtonAriaLabel,u=void 0===c?"Clear the query":c,d=n.cancelButtonText,p=void 0===d?"Cancel":d,f=n.cancelButtonAriaLabel,h=void 0===f?"Cancel":f,g=n.searchInputLabel,b=void 0===g?"Search":g,y=o.getFormProps({inputElement:o.inputRef.current}).onReset;return r.useEffect((function(){o.autoFocus&&o.inputRef.current&&o.inputRef.current.focus()}),[o.autoFocus,o.inputRef]),r.useEffect((function(){o.isFromSelection&&o.inputRef.current&&o.inputRef.current.select()}),[o.isFromSelection,o.inputRef]),r.createElement(r.Fragment,null,r.createElement("form",{className:"DocSearch-Form",onSubmit:function(e){e.preventDefault()},onReset:y},r.createElement("label",s({className:"DocSearch-MagnifierLabel"},o.getLabelProps()),r.createElement(m,null),r.createElement("span",{className:"DocSearch-VisuallyHiddenForAccessibility"},b)),r.createElement("div",{className:"DocSearch-LoadingIndicator"},r.createElement(Ct,null)),r.createElement("input",s({className:"DocSearch-Input",ref:o.inputRef},o.getInputProps({inputElement:o.inputRef.current,autoFocus:o.autoFocus,maxLength:64}))),r.createElement("button",{type:"reset",title:i,className:"DocSearch-Reset","aria-label":u,hidden:!o.state.query},r.createElement(At,null))),r.createElement("button",{className:"DocSearch-Cancel",type:"reset","aria-label":h,onClick:o.onClose},p))}var an=["_highlightResult","_snippetResult"];function sn(e){var t=e.key,n=e.limit,r=void 0===n?5:n,o=function(e){return!1===function(){var e="__TEST_KEY__";try{return localStorage.setItem(e,""),localStorage.removeItem(e),!0}catch(e){return!1}}()?{setItem:function(){},getItem:function(){return[]}}:{setItem:function(t){return window.localStorage.setItem(e,JSON.stringify(t))},getItem:function(){var t=window.localStorage.getItem(e);return t?JSON.parse(t):[]}}}(t),a=o.getItem().slice(0,r);return{add:function(e){var t=e,n=(t._highlightResult,t._snippetResult,l(t,an)),i=a.findIndex((function(e){return e.objectID===n.objectID}));i>-1&&a.splice(i,1),a.unshift(n),a=a.slice(0,r),o.setItem(a)},remove:function(e){a=a.filter((function(t){return t.objectID!==e.objectID})),o.setItem(a)},getAll:function(){return a}}}function ln(e){const t=`algoliasearch-client-js-${e.key}`;let n;const r=()=>(void 0===n&&(n=e.localStorage||window.localStorage),n),o=()=>JSON.parse(r().getItem(t)||"{}"),a=e=>{r().setItem(t,JSON.stringify(e))};return{get:(t,n,r={miss:()=>Promise.resolve()})=>Promise.resolve().then((()=>{(()=>{const t=e.timeToLive?1e3*e.timeToLive:null,n=o(),r=Object.fromEntries(Object.entries(n).filter((([,e])=>void 0!==e.timestamp)));if(a(r),!t)return;const i=Object.fromEntries(Object.entries(r).filter((([,e])=>{const n=(new Date).getTime();return!(e.timestamp+t<n)})));a(i)})();const n=JSON.stringify(t);return o()[n]})).then((e=>Promise.all([e?e.value:n(),void 0!==e]))).then((([e,t])=>Promise.all([e,t||r.miss(e)]))).then((([e])=>e)),set:(e,n)=>Promise.resolve().then((()=>{const a=o();return a[JSON.stringify(e)]={timestamp:(new Date).getTime(),value:n},r().setItem(t,JSON.stringify(a)),n})),delete:e=>Promise.resolve().then((()=>{const n=o();delete n[JSON.stringify(e)],r().setItem(t,JSON.stringify(n))})),clear:()=>Promise.resolve().then((()=>{r().removeItem(t)}))}}function cn(e){const t=[...e.caches],n=t.shift();return void 0===n?{get:(e,t,n={miss:()=>Promise.resolve()})=>t().then((e=>Promise.all([e,n.miss(e)]))).then((([e])=>e)),set:(e,t)=>Promise.resolve(t),delete:e=>Promise.resolve(),clear:()=>Promise.resolve()}:{get:(e,r,o={miss:()=>Promise.resolve()})=>n.get(e,r,o).catch((()=>cn({caches:t}).get(e,r,o))),set:(e,r)=>n.set(e,r).catch((()=>cn({caches:t}).set(e,r))),delete:e=>n.delete(e).catch((()=>cn({caches:t}).delete(e))),clear:()=>n.clear().catch((()=>cn({caches:t}).clear()))}}function un(e={serializable:!0}){let t={};return{get(n,r,o={miss:()=>Promise.resolve()}){const a=JSON.stringify(n);if(a in t)return Promise.resolve(e.serializable?JSON.parse(t[a]):t[a]);const i=r(),s=o&&o.miss||(()=>Promise.resolve());return i.then((e=>s(e))).then((()=>i))},set:(n,r)=>(t[JSON.stringify(n)]=e.serializable?JSON.stringify(r):r,Promise.resolve(r)),delete:e=>(delete t[JSON.stringify(e)],Promise.resolve()),clear:()=>(t={},Promise.resolve())}}function dn(e){let t=e.length-1;for(;t>0;t--){const n=Math.floor(Math.random()*(t+1)),r=e[t];e[t]=e[n],e[n]=r}return e}function pn(e,t){return t?(Object.keys(t).forEach((n=>{e[n]=t[n](e)})),e):e}function fn(e,...t){let n=0;return e.replace(/%s/g,(()=>encodeURIComponent(t[n++])))}const mn={WithinQueryParameters:0,WithinHeaders:1};function hn(e,t){const n=e||{},r=n.data||{};return Object.keys(n).forEach((e=>{-1===["timeout","headers","queryParameters","data","cacheable"].indexOf(e)&&(r[e]=n[e])})),{data:Object.entries(r).length>0?r:void 0,timeout:n.timeout||t,headers:n.headers||{},queryParameters:n.queryParameters||{},cacheable:n.cacheable}}const gn={Read:1,Write:2,Any:3},bn=1,yn=3;function vn(e,t=bn){return{...e,status:t,lastUpdate:Date.now()}}function wn(e){return"string"==typeof e?{protocol:"https",url:e,accept:gn.Any}:{protocol:e.protocol||"https",url:e.url,accept:e.accept||gn.Any}}const Sn="GET",xn="POST";function kn(e,t,n,r){const o=[],a=function(e,t){if(e.method===Sn||void 0===e.data&&void 0===t.data)return;const n=Array.isArray(e.data)?e.data:{...e.data,...t.data};return JSON.stringify(n)}(n,r),i=function(e,t){const n={...e.headers,...t.headers},r={};return Object.keys(n).forEach((e=>{const t=n[e];r[e.toLowerCase()]=t})),r}(e,r),s=n.method,l=n.method!==Sn?{}:{...n.data,...r.data},c={"x-algolia-agent":e.userAgent.value,...e.queryParameters,...l,...r.queryParameters};let u=0;const d=(t,l)=>{const p=t.pop();if(void 0===p)throw{name:"RetryError",message:"Unreachable hosts - your application id may be incorrect. If the error persists, contact support@algolia.com.",transporterStackTrace:jn(o)};const f={data:a,headers:i,method:s,url:_n(p,n.path,c),connectTimeout:l(u,e.timeouts.connect),responseTimeout:l(u,r.timeout)},m=e=>{const n={request:f,response:e,host:p,triesLeft:t.length};return o.push(n),n},h={onSuccess:e=>function(e){try{return JSON.parse(e.content)}catch(t){throw function(e,t){return{name:"DeserializationError",message:e,response:t}}(t.message,e)}}(e),onRetry(n){const r=m(n);return n.isTimedOut&&u++,Promise.all([e.logger.info("Retryable failure",An(r)),e.hostsCache.set(p,vn(p,n.isTimedOut?yn:2))]).then((()=>d(t,l)))},onFail(e){throw m(e),function({content:e,status:t},n){let r=e;try{r=JSON.parse(e).message}catch(e){}return function(e,t,n){return{name:"ApiError",message:e,status:t,transporterStackTrace:n}}(r,t,n)}(e,jn(o))}};return e.requester.send(f).then((e=>((e,t)=>(e=>{const t=e.status;return e.isTimedOut||(({isTimedOut:e,status:t})=>!e&&!~~t)(e)||2!=~~(t/100)&&4!=~~(t/100)})(e)?t.onRetry(e):(({status:e})=>2==~~(e/100))(e)?t.onSuccess(e):t.onFail(e))(e,h)))};return function(e,t){return Promise.all(t.map((t=>e.get(t,(()=>Promise.resolve(vn(t))))))).then((e=>{const n=e.filter((e=>function(e){return e.status===bn||Date.now()-e.lastUpdate>12e4}(e))),r=e.filter((e=>function(e){return e.status===yn&&Date.now()-e.lastUpdate<=12e4}(e))),o=[...n,...r];return{getTimeout:(e,t)=>(0===r.length&&0===e?1:r.length+3+e)*t,statelessHosts:o.length>0?o.map((e=>wn(e))):t}}))}(e.hostsCache,t).then((e=>d([...e.statelessHosts].reverse(),e.getTimeout)))}function En(e){const t={value:`Algolia for JavaScript (${e})`,add(e){const n=`; ${e.segment}${void 0!==e.version?` (${e.version})`:""}`;return-1===t.value.indexOf(n)&&(t.value=`${t.value}${n}`),t}};return t}function _n(e,t,n){const r=Cn(n);let o=`${e.protocol}://${e.url}/${"/"===t.charAt(0)?t.substr(1):t}`;return r.length&&(o+=`?${r}`),o}function Cn(e){return Object.keys(e).map((t=>{return fn("%s=%s",t,(n=e[t],"[object Object]"===Object.prototype.toString.call(n)||"[object Array]"===Object.prototype.toString.call(n)?JSON.stringify(e[t]):e[t]));var n})).join("&")}function jn(e){return e.map((e=>An(e)))}function An(e){const t=e.request.headers["x-algolia-api-key"]?{"x-algolia-api-key":"*****"}:{};return{...e,request:{...e.request,headers:{...e.request.headers,...t}}}}const On=e=>{const t=e.appId,n=function(e,t,n){const r={"x-algolia-api-key":n,"x-algolia-application-id":t};return{headers:()=>e===mn.WithinHeaders?r:{},queryParameters:()=>e===mn.WithinQueryParameters?r:{}}}(void 0!==e.authMode?e.authMode:mn.WithinHeaders,t,e.apiKey),r=function(e){const{hostsCache:t,logger:n,requester:r,requestsCache:o,responsesCache:a,timeouts:i,userAgent:s,hosts:l,queryParameters:c,headers:u}=e,d={hostsCache:t,logger:n,requester:r,requestsCache:o,responsesCache:a,timeouts:i,userAgent:s,headers:u,queryParameters:c,hosts:l.map((e=>wn(e))),read(e,t){const n=hn(t,d.timeouts.read),r=()=>kn(d,d.hosts.filter((e=>!!(e.accept&gn.Read))),e,n);if(!0!==(void 0!==n.cacheable?n.cacheable:e.cacheable))return r();const o={request:e,mappedRequestOptions:n,transporter:{queryParameters:d.queryParameters,headers:d.headers}};return d.responsesCache.get(o,(()=>d.requestsCache.get(o,(()=>d.requestsCache.set(o,r()).then((e=>Promise.all([d.requestsCache.delete(o),e])),(e=>Promise.all([d.requestsCache.delete(o),Promise.reject(e)]))).then((([e,t])=>t))))),{miss:e=>d.responsesCache.set(o,e)})},write:(e,t)=>kn(d,d.hosts.filter((e=>!!(e.accept&gn.Write))),e,hn(t,d.timeouts.write))};return d}({hosts:[{url:`${t}-dsn.algolia.net`,accept:gn.Read},{url:`${t}.algolia.net`,accept:gn.Write}].concat(dn([{url:`${t}-1.algolianet.com`},{url:`${t}-2.algolianet.com`},{url:`${t}-3.algolianet.com`}])),...e,headers:{...n.headers(),"content-type":"application/x-www-form-urlencoded",...e.headers},queryParameters:{...n.queryParameters(),...e.queryParameters}}),o={transporter:r,appId:t,addAlgoliaAgent(e,t){r.userAgent.add({segment:e,version:t})},clearCache:()=>Promise.all([r.requestsCache.clear(),r.responsesCache.clear()]).then((()=>{}))};return pn(o,e.methods)},Tn=e=>(t,n)=>t.method===Sn?e.transporter.read(t,n):e.transporter.write(t,n),Pn=e=>(t,n={})=>pn({transporter:e.transporter,appId:e.appId,indexName:t},n.methods),Ln=e=>(t,n)=>{const r=t.map((e=>({...e,params:Cn(e.params||{})})));return e.transporter.read({method:xn,path:"1/indexes/*/queries",data:{requests:r},cacheable:!0},n)},In=e=>(t,n)=>Promise.all(t.map((t=>{const{facetName:r,facetQuery:o,...a}=t.params;return Pn(e)(t.indexName,{methods:{searchForFacetValues:Dn}}).searchForFacetValues(r,o,{...n,...a})}))),Rn=e=>(t,n,r)=>e.transporter.read({method:xn,path:fn("1/answers/%s/prediction",e.indexName),data:{query:t,queryLanguages:n},cacheable:!0},r),Nn=e=>(t,n)=>e.transporter.read({method:xn,path:fn("1/indexes/%s/query",e.indexName),data:{query:t},cacheable:!0},n),Dn=e=>(t,n,r)=>e.transporter.read({method:xn,path:fn("1/indexes/%s/facets/%s/query",e.indexName,t),data:{facetQuery:n},cacheable:!0},r),Mn=1,Fn=2,zn=3;function Bn(e,t,n){const r={appId:e,apiKey:t,timeouts:{connect:1,read:2,write:30},requester:{send:e=>new Promise((t=>{const n=new XMLHttpRequest;n.open(e.method,e.url,!0),Object.keys(e.headers).forEach((t=>n.setRequestHeader(t,e.headers[t])));const r=(e,r)=>setTimeout((()=>{n.abort(),t({status:0,content:r,isTimedOut:!0})}),1e3*e),o=r(e.connectTimeout,"Connection timeout");let a;n.onreadystatechange=()=>{n.readyState>n.OPENED&&void 0===a&&(clearTimeout(o),a=r(e.responseTimeout,"Socket timeout"))},n.onerror=()=>{0===n.status&&(clearTimeout(o),clearTimeout(a),t({content:n.responseText||"Network request failed",status:n.status,isTimedOut:!1}))},n.onload=()=>{clearTimeout(o),clearTimeout(a),t({content:n.responseText,status:n.status,isTimedOut:!1})},n.send(e.data)}))},logger:(o=zn,{debug:(e,t)=>(Mn>=o&&console.debug(e,t),Promise.resolve()),info:(e,t)=>(Fn>=o&&console.info(e,t),Promise.resolve()),error:(e,t)=>(console.error(e,t),Promise.resolve())}),responsesCache:un(),requestsCache:un({serializable:!1}),hostsCache:cn({caches:[ln({key:`4.19.1-${e}`}),un()]}),userAgent:En("4.19.1").add({segment:"Browser",version:"lite"}),authMode:mn.WithinQueryParameters};var o;return On({...r,...n,methods:{search:Ln,searchForFacetValues:In,multipleQueries:Ln,multipleSearchForFacetValues:In,customRequest:Tn,initIndex:e=>t=>Pn(e)(t,{methods:{search:Nn,searchForFacetValues:Dn,findAnswers:Rn}})}})}Bn.version="4.19.1";var Un=["footer","searchBox"];function qn(e){var t=e.appId,n=e.apiKey,o=e.indexName,i=e.placeholder,u=void 0===i?"Search docs":i,d=e.searchParameters,p=e.maxResultsPerGroup,f=e.onClose,m=void 0===f?Kt:f,h=e.transformItems,g=void 0===h?Gt:h,b=e.hitComponent,y=void 0===b?_t:b,v=e.resultsFooterComponent,w=void 0===v?function(){return null}:v,S=e.navigator,x=e.initialScrollY,k=void 0===x?0:x,E=e.transformSearchClient,_=void 0===E?Gt:E,C=e.disableUserPersonalization,j=void 0!==C&&C,A=e.initialQuery,O=void 0===A?"":A,T=e.translations,P=void 0===T?{}:T,L=e.getMissingResultsUrl,I=e.insights,R=void 0!==I&&I,N=P.footer,D=P.searchBox,M=l(P,Un),F=c(r.useState({query:"",collections:[],completion:null,context:{},isOpen:!1,activeItemId:null,status:"idle"}),2),z=F[0],B=F[1],U=r.useRef(null),q=r.useRef(null),$=r.useRef(null),H=r.useRef(null),V=r.useRef(null),G=r.useRef(10),W=r.useRef("undefined"!=typeof window?window.getSelection().toString().slice(0,64):"").current,K=r.useRef(O||W).current,Q=function(e,t,n){return r.useMemo((function(){var r=Bn(e,t);return r.addAlgoliaAgent("docsearch","3.6.2"),!1===/docsearch.js \(.*\)/.test(r.transporter.userAgent.value)&&r.addAlgoliaAgent("docsearch-react","3.6.2"),n(r)}),[e,t,n])}(t,n,_),Y=r.useRef(sn({key:"__DOCSEARCH_FAVORITE_SEARCHES__".concat(o),limit:10})).current,Z=r.useRef(sn({key:"__DOCSEARCH_RECENT_SEARCHES__".concat(o),limit:0===Y.getAll().length?7:4})).current,J=r.useCallback((function(e){if(!j){var t="content"===e.type?e.__docsearch_parent:e;t&&-1===Y.getAll().findIndex((function(e){return e.objectID===t.objectID}))&&Z.add(t)}}),[Y,Z,j]),X=r.useCallback((function(e){if(z.context.algoliaInsightsPlugin&&e.__autocomplete_id){var t=e,n={eventName:"Item Selected",index:t.__autocomplete_indexName,items:[t],positions:[e.__autocomplete_id],queryID:t.__autocomplete_queryID};z.context.algoliaInsightsPlugin.insights.clickedObjectIDsAfterSearch(n)}}),[z.context.algoliaInsightsPlugin]),ee=r.useMemo((function(){return St({id:"docsearch",defaultActiveItemId:0,placeholder:u,openOnFocus:!0,initialState:{query:K,context:{searchSuggestions:[]}},insights:R,navigator:S,onStateChange:function(e){B(e.state)},getSources:function(e){var r=e.query,i=e.state,s=e.setContext,l=e.setStatus;if(!r)return j?[]:[{sourceId:"recentSearches",onSelect:function(e){var t=e.item,n=e.event;J(t),Wt(n)||m()},getItemUrl:function(e){return e.item.url},getItems:function(){return Z.getAll()}},{sourceId:"favoriteSearches",onSelect:function(e){var t=e.item,n=e.event;J(t),Wt(n)||m()},getItemUrl:function(e){return e.item.url},getItems:function(){return Y.getAll()}}];var c=Boolean(R);return Q.search([{query:r,indexName:o,params:a({attributesToRetrieve:["hierarchy.lvl0","hierarchy.lvl1","hierarchy.lvl2","hierarchy.lvl3","hierarchy.lvl4","hierarchy.lvl5","hierarchy.lvl6","content","type","url"],attributesToSnippet:["hierarchy.lvl1:".concat(G.current),"hierarchy.lvl2:".concat(G.current),"hierarchy.lvl3:".concat(G.current),"hierarchy.lvl4:".concat(G.current),"hierarchy.lvl5:".concat(G.current),"hierarchy.lvl6:".concat(G.current),"content:".concat(G.current)],snippetEllipsisText:"\u2026",highlightPreTag:"<mark>",highlightPostTag:"</mark>",hitsPerPage:20,clickAnalytics:c},d)}]).catch((function(e){throw"RetryError"===e.name&&l("error"),e})).then((function(e){var r=e.results[0],l=r.hits,u=r.nbHits,d=Vt(l,(function(e){return Zt(e)}),p);i.context.searchSuggestions.length<Object.keys(d).length&&s({searchSuggestions:Object.keys(d)}),s({nbHits:u});var f={};return c&&(f={__autocomplete_indexName:o,__autocomplete_queryID:r.queryID,__autocomplete_algoliaCredentials:{appId:t,apiKey:n}}),Object.values(d).map((function(e,t){return{sourceId:"hits".concat(t),onSelect:function(e){var t=e.item,n=e.event;J(t),Wt(n)||m()},getItemUrl:function(e){return e.item.url},getItems:function(){return Object.values(Vt(e,(function(e){return e.hierarchy.lvl1}),p)).map(g).map((function(e){return e.map((function(t){var n=null,r=e.find((function(e){return"lvl1"===e.type&&e.hierarchy.lvl1===t.hierarchy.lvl1}));return"lvl1"!==t.type&&r&&(n=r),a(a({},t),{},{__docsearch_parent:n},f)}))})).flat()}}}))}))}})}),[o,d,p,Q,m,Z,Y,J,K,u,S,g,j,R,t,n]),te=ee.getEnvironmentProps,ne=ee.getRootProps,re=ee.refresh;return function(e){var t=e.getEnvironmentProps,n=e.panelElement,o=e.formElement,a=e.inputElement;r.useEffect((function(){if(n&&o&&a){var e=t({panelElement:n,formElement:o,inputElement:a}),r=e.onTouchStart,i=e.onTouchMove;return window.addEventListener("touchstart",r),window.addEventListener("touchmove",i),function(){window.removeEventListener("touchstart",r),window.removeEventListener("touchmove",i)}}}),[t,n,o,a])}({getEnvironmentProps:te,panelElement:H.current,formElement:$.current,inputElement:V.current}),function(e){var t=e.container;r.useEffect((function(){if(t){var e=t.querySelectorAll("a[href]:not([disabled]), button:not([disabled]), input:not([disabled])"),n=e[0],r=e[e.length-1];return t.addEventListener("keydown",o),function(){t.removeEventListener("keydown",o)}}function o(e){"Tab"===e.key&&(e.shiftKey?document.activeElement===n&&(e.preventDefault(),r.focus()):document.activeElement===r&&(e.preventDefault(),n.focus()))}}),[t])}({container:U.current}),r.useEffect((function(){return document.body.classList.add("DocSearch--active"),function(){var e,t;document.body.classList.remove("DocSearch--active"),null===(e=(t=window).scrollTo)||void 0===e||e.call(t,0,k)}}),[]),r.useEffect((function(){window.matchMedia("(max-width: 768px)").matches&&(G.current=5)}),[]),r.useEffect((function(){H.current&&(H.current.scrollTop=0)}),[z.query]),r.useEffect((function(){K.length>0&&(re(),V.current&&V.current.focus())}),[K,re]),r.useEffect((function(){function e(){if(q.current){var e=.01*window.innerHeight;q.current.style.setProperty("--docsearch-vh","".concat(e,"px"))}}return e(),window.addEventListener("resize",e),function(){window.removeEventListener("resize",e)}}),[]),r.createElement("div",s({ref:U},ne({"aria-expanded":!0}),{className:["DocSearch","DocSearch-Container","stalled"===z.status&&"DocSearch-Container--Stalled","error"===z.status&&"DocSearch-Container--Errored"].filter(Boolean).join(" "),role:"button",tabIndex:0,onMouseDown:function(e){e.target===e.currentTarget&&m()}}),r.createElement("div",{className:"DocSearch-Modal",ref:q},r.createElement("header",{className:"DocSearch-SearchBar",ref:$},r.createElement(on,s({},ee,{state:z,autoFocus:0===K.length,inputRef:V,isFromSelection:Boolean(K)&&K===W,translations:D,onClose:m}))),r.createElement("div",{className:"DocSearch-Dropdown",ref:H},r.createElement(nn,s({},ee,{indexName:o,state:z,hitComponent:y,resultsFooterComponent:w,disableUserPersonalization:j,recentSearches:Z,favoriteSearches:Y,inputRef:V,translations:M,getMissingResultsUrl:L,onItemClick:function(e,t){X(e),J(e),Wt(t)||m()}}))),r.createElement("footer",{className:"DocSearch-Footer"},r.createElement(Et,{translations:N}))))}function $n(e){var t=e.isOpen,n=e.onOpen,o=e.onClose,a=e.onInput,i=e.searchButtonRef;r.useEffect((function(){function e(e){var r;(27===e.keyCode&&t||"k"===(null===(r=e.key)||void 0===r?void 0:r.toLowerCase())&&(e.metaKey||e.ctrlKey)||!function(e){var t=e.target,n=t.tagName;return t.isContentEditable||"INPUT"===n||"SELECT"===n||"TEXTAREA"===n}(e)&&"/"===e.key&&!t)&&(e.preventDefault(),t?o():document.body.classList.contains("DocSearch--active")||document.body.classList.contains("DocSearch--active")||n()),i&&i.current===document.activeElement&&a&&/[a-zA-Z0-9]/.test(String.fromCharCode(e.keyCode))&&a(e)}return window.addEventListener("keydown",e),function(){window.removeEventListener("keydown",e)}}),[t,n,o,a,i])}},9927:(e,t,n)=>{var r={"./":6532};function o(e){var t=a(e);return n(t)}function a(e){if(!n.o(r,e)){var t=new Error("Cannot find module '"+e+"'");throw t.code="MODULE_NOT_FOUND",t}return r[e]}o.keys=function(){return Object.keys(r)},o.resolve=a,e.exports=o,o.id=9927},1377:(e,t,n)=>{"use strict";n.d(t,{A:()=>p});n(758);var r=n(9235),o=n.n(r),a=n(4054);const i={"01a85c17":[()=>Promise.all([n.e(1869),n.e(8209)]).then(n.bind(n,7975)),"@theme/BlogTagsListPage",7975],"0481ad86":[()=>n.e(7431).then(n.t.bind(n,2555,19)),"@generated/docusaurus-plugin-content-docs/community/p/ru-community-d37.json",2555],"04b1b9d4":[()=>n.e(5263).then(n.bind(n,4283)),"@site/i18n/ru/docusaurus-plugin-content-docs/current/guides/issues/routes.mdx",4283],"07deeff8":[()=>Promise.all([n.e(1869),n.e(9820),n.e(230)]).then(n.bind(n,128)),"@site/i18n/ru/docusaurus-plugin-content-docs/current/guides/index.mdx",128],"1232fa31":[()=>Promise.all([n.e(1869),n.e(9820),n.e(2338)]).then(n.bind(n,7490)),"@site/i18n/ru/docusaurus-plugin-content-docs/current/get-started/index.mdx",7490],17896441:[()=>Promise.all([n.e(1869),n.e(4342),n.e(1617),n.e(8401)]).then(n.bind(n,3097)),"@theme/DocItem",3097],"17f650ce":[()=>n.e(6008).then(n.bind(n,5952)),"@site/i18n/ru/docusaurus-plugin-content-docs/current/guides/examples/platforms.mdx",5952],"1943626f":[()=>n.e(6726).then(n.bind(n,3952)),"@site/blog/2022-06-04-rebranding.md",3952],"1a4e3797":[()=>Promise.all([n.e(1869),n.e(2138)]).then(n.bind(n,4164)),"@theme/SearchPage",4164],"1c0a16b8":[()=>n.e(6877).then(n.bind(n,9415)),"@site/i18n/ru/docusaurus-plugin-content-docs/current/about/promote/integration.mdx",9415],"1d3222b5":[()=>n.e(9316).then(n.bind(n,5002)),"@site/i18n/ru/docusaurus-plugin-content-docs/current/reference/isolation/decouple-entities.mdx",5002],"1df93b7f":[()=>Promise.all([n.e(1869),n.e(9820),n.e(7603),n.e(2511),n.e(4583)]).then(n.bind(n,3395)),"@site/src/pages/index.tsx",3395],"20c5a0f6":[()=>n.e(2538).then(n.bind(n,166)),"@site/i18n/ru/docusaurus-plugin-content-docs/current/guides/examples/i18n.mdx",166],"25a0b29f":[()=>n.e(422).then(n.bind(n,4688)),"@site/blog/2022-07-25-international-community.md?truncated=true",4688],"2bd07bfd":[()=>Promise.all([n.e(1869),n.e(9820),n.e(3902)]).then(n.bind(n,2612)),"@site/i18n/ru/docusaurus-plugin-content-docs/current/guides/examples/index.mdx",2612],"352bcbef":[()=>n.e(4401).then(n.bind(n,7593)),"@site/i18n/ru/docusaurus-plugin-content-docs/current/reference/isolation/coupling-cohesion.md",7593],"35c5367b":[()=>n.e(427).then(n.bind(n,1134)),"@site/i18n/ru/docusaurus-plugin-content-docs/current/reference/public-api.md",1134],"36994c47":[()=>n.e(9858).then(n.t.bind(n,5516,19)),"@generated/docusaurus-plugin-content-blog/default/__plugin.json",5516],"3b64669e":[()=>n.e(6400).then(n.bind(n,513)),"@site/i18n/ru/docusaurus-plugin-content-docs/current/about/understanding/knowledge-types.md",513],44775544:[()=>n.e(447).then(n.bind(n,6386)),"@site/i18n/ru/docusaurus-plugin-content-docs/current/about/alternatives.mdx",6386],"457d5840":[()=>n.e(6744).then(n.bind(n,7716)),"@site/i18n/ru/docusaurus-plugin-content-docs/current/reference/layers.mdx",7716],"4a19993a":[()=>n.e(2106).then(n.t.bind(n,5608,19)),"@generated/docusaurus-plugin-content-blog/default/p/ru-blog-tags-community-c3c.json",5608],"4eea1952":[()=>n.e(887).then(n.bind(n,3906)),"@site/i18n/ru/docusaurus-plugin-content-docs/current/guides/examples/metric.mdx",3906],"58b64b99":[()=>n.e(8056).then(n.bind(n,3870)),"@site/i18n/ru/docusaurus-plugin-content-docs/current/guides/tech/with-nextjs.mdx",3870],"5e95c892":[()=>n.e(9647).then(n.bind(n,9355)),"@theme/DocsRoot",9355],"5e9f5e1a":[()=>Promise.resolve().then(n.bind(n,4784)),"@generated/docusaurus.config",4784],"62f42e37":[()=>n.e(1268).then(n.bind(n,6990)),"@site/i18n/ru/docusaurus-plugin-content-docs/current/guides/tech/with-nuxtjs.mdx",6990],"6507e290":[()=>n.e(9937).then(n.t.bind(n,115,19)),"@generated/docusaurus-plugin-content-blog/default/p/ru-blog-tags-promo-bf6.json",115],"6545b372":[()=>Promise.all([n.e(1869),n.e(9820),n.e(8875)]).then(n.bind(n,7649)),"@site/i18n/ru/docusaurus-plugin-content-docs/current/reference/index.mdx",7649],"670340e2":[()=>n.e(9224).then(n.bind(n,1242)),"@site/i18n/ru/docusaurus-plugin-content-docs/current/about/motivation.md",1242],"6875c492":[()=>Promise.all([n.e(1869),n.e(4342),n.e(8492),n.e(4813)]).then(n.bind(n,677)),"@theme/BlogTagsPostsPage",677],"6becfc1a":[()=>n.e(1828).then(n.bind(n,7764)),"@site/i18n/ru/docusaurus-plugin-content-docs/current/guides/examples/autocompleted.mdx",7764],"6ee557b2":[()=>n.e(6334).then(n.bind(n,8907)),"@site/i18n/ru/docusaurus-plugin-content-docs/current/about/promote/partial-application.mdx",8907],"71d20f43":[()=>n.e(4232).then(n.bind(n,3885)),"@site/i18n/ru/docusaurus-plugin-content-docs/current/get-started/cheatsheet.mdx",3885],"7313bf7a":[()=>n.e(25).then(n.bind(n,7497)),"@site/i18n/en/docusaurus-plugin-content-docs/community/team.mdx",7497],"7759802f":[()=>n.e(4743).then(n.bind(n,2456)),"@site/i18n/ru/docusaurus-plugin-content-docs/current/guides/examples/auth.md",2456],"7b31d677":[()=>n.e(5496).then(n.bind(n,4745)),"@site/i18n/ru/docusaurus-plugin-content-docs/current/get-started/faq.md",4745],"808aa0e6":[()=>Promise.all([n.e(1869),n.e(2828)]).then(n.bind(n,6572)),"@site/i18n/ru/docusaurus-plugin-content-docs/current/intro.mdx",6572],"814f3328":[()=>n.e(7472).then(n.t.bind(n,5513,19)),"~blog/default/blog-post-list-prop-default.json",5513],"81cb5b69":[()=>n.e(8291).then(n.bind(n,7066)),"@site/i18n/ru/docusaurus-plugin-content-docs/current/about/understanding/architecture.md",7066],"8edc10e1":[()=>n.e(7968).then(n.bind(n,7323)),"@site/i18n/ru/docusaurus-plugin-content-docs/current/guides/examples/white-labels.mdx",7323],"90c52043":[()=>n.e(5425).then(n.bind(n,7138)),"@site/i18n/ru/docusaurus-plugin-content-docs/current/guides/issues/desegmented.mdx",7138],"90f695cb":[()=>n.e(7673).then(n.bind(n,1448)),"@site/src/pages/versions/index.tsx",1448],"9b6dbc63":[()=>Promise.all([n.e(1869),n.e(9820),n.e(2304)]).then(n.bind(n,1106)),"@site/i18n/ru/docusaurus-plugin-content-docs/current/about/index.mdx",1106],"9e4087bc":[()=>n.e(2711).then(n.bind(n,4757)),"@theme/BlogArchivePage",4757],"9fc8add1":[()=>n.e(6189).then(n.bind(n,7255)),"@site/i18n/ru/docusaurus-plugin-content-docs/current/branding.md",7255],a01ebdbc:[()=>n.e(4477).then(n.bind(n,2671)),"@site/i18n/ru/docusaurus-plugin-content-docs/current/guides/migration/from-v1.md",2671],a41378e3:[()=>n.e(3541).then(n.bind(n,8200)),"@site/i18n/ru/docusaurus-plugin-content-docs/current/guides/tech/with-react-query.mdx",8200],a61c55ce:[()=>Promise.all([n.e(1869),n.e(9820),n.e(8964)]).then(n.bind(n,738)),"@site/i18n/en/docusaurus-plugin-content-docs/community/index.mdx",738],a657d4fc:[()=>n.e(9783).then(n.bind(n,1399)),"@site/i18n/ru/docusaurus-plugin-content-docs/current/guides/examples/browser-api.mdx",1399],a6aa9e1f:[()=>Promise.all([n.e(1869),n.e(4342),n.e(8492),n.e(7643)]).then(n.bind(n,7110)),"@theme/BlogListPage",7110],a6bb2b9f:[()=>n.e(643).then(n.bind(n,2287)),"@site/i18n/ru/docusaurus-plugin-content-docs/current/guides/examples/theme.mdx",2287],a7456010:[()=>n.e(1235).then(n.t.bind(n,8552,19)),"@generated/docusaurus-plugin-content-pages/default/__plugin.json",8552],a7bd4aaa:[()=>n.e(7098).then(n.bind(n,3614)),"@theme/DocVersionRoot",3614],a94703ab:[()=>Promise.all([n.e(1869),n.e(9048)]).then(n.bind(n,2963)),"@theme/DocRoot",2963],a97f4ecc:[()=>n.e(1217).then(n.bind(n,8173)),"@site/i18n/ru/docusaurus-plugin-content-docs/current/guides/tech/with-sveltekit.mdx",8173],aa7e92d2:[()=>n.e(8494).then(n.t.bind(n,1799,19)),"@generated/docusaurus-plugin-content-blog/default/p/ru-blog-archive-5aa.json",1799],aba21aa0:[()=>n.e(5742).then(n.t.bind(n,7093,19)),"@generated/docusaurus-plugin-content-docs/default/__plugin.json",7093],acecf23e:[()=>n.e(1903).then(n.t.bind(n,1912,19)),"~blog/default/blogMetadata-default.json",1912],b23f9b66:[()=>n.e(5005).then(n.t.bind(n,9901,19)),"@generated/docusaurus-plugin-content-blog/default/p/ru-blog-a6c.json",9901],b4c136e1:[()=>Promise.all([n.e(1869),n.e(7603),n.e(868)]).then(n.bind(n,1908)),"@site/src/pages/examples/index.tsx",1908],b79c393c:[()=>n.e(3276).then(n.bind(n,4825)),"@site/i18n/ru/docusaurus-plugin-content-docs/current/guides/migration/from-custom.md",4825],b9d2a7aa:[()=>n.e(1732).then(n.bind(n,3424)),"@site/i18n/ru/docusaurus-plugin-content-docs/current/about/understanding/signals.mdx",3424],bce03a1b:[()=>n.e(3784).then(n.bind(n,2127)),"@site/i18n/ru/docusaurus-plugin-content-docs/current/get-started/tutorial.md",2127],c0c4bf5d:[()=>n.e(9772).then(n.bind(n,2648)),"@site/i18n/ru/docusaurus-plugin-content-docs/current/about/promote/for-team.mdx",2648],c141421f:[()=>n.e(957).then(n.t.bind(n,936,19)),"@generated/docusaurus-theme-search-algolia/default/__plugin.json",936],c46c2379:[()=>n.e(1486).then(n.t.bind(n,755,19)),"@generated/docusaurus-plugin-content-blog/default/p/ru-blog-tags-brand-215.json",755],c7525d6a:[()=>n.e(3512).then(n.t.bind(n,6512,19)),"@generated/docusaurus-plugin-content-blog/default/p/ru-blog-tags-discord-db0.json",6512],ccc49370:[()=>Promise.all([n.e(1869),n.e(4342),n.e(8492),n.e(3249)]).then(n.bind(n,7446)),"@theme/BlogPostPage",7446],ce6f052d:[()=>n.e(8376).then(n.bind(n,5212)),"@site/i18n/ru/docusaurus-plugin-content-docs/current/about/mission.md",5212],cf699f5e:[()=>n.e(1068).then(n.bind(n,8094)),"@site/i18n/ru/docusaurus-plugin-content-docs/current/get-started/overview.mdx",8094],d178dcf5:[()=>n.e(9467).then(n.bind(n,1374)),"@site/i18n/ru/docusaurus-plugin-content-docs/current/about/promote/for-company.mdx",1374],d1f19b62:[()=>n.e(9780).then(n.bind(n,4931)),"@site/i18n/ru/docusaurus-plugin-content-docs/current/guides/examples/monorepo.mdx",4931],d595dc26:[()=>n.e(8775).then(n.bind(n,5789)),"@site/i18n/ru/docusaurus-plugin-content-docs/current/about/understanding/naming.md",5789],dd4fd790:[()=>n.e(4793).then(n.bind(n,7688)),"@site/i18n/ru/docusaurus-plugin-content-docs/current/guides/issues/cross-imports.mdx",7688],e0719818:[()=>n.e(5220).then(n.t.bind(n,8669,19)),"@generated/docusaurus-plugin-content-docs/community/__plugin.json",8669],e38a3126:[()=>n.e(6766).then(n.bind(n,5584)),"@site/i18n/ru/docusaurus-plugin-content-docs/current/reference/slices-segments.mdx",5584],e71e2184:[()=>n.e(3670).then(n.bind(n,593)),"@site/i18n/ru/docusaurus-plugin-content-docs/current/guides/examples/types.md",593],e86cc05b:[()=>n.e(733).then(n.t.bind(n,4888,19)),"@generated/docusaurus-plugin-content-docs/default/p/ru-docs-278.json",4888],e9dc891f:[()=>n.e(3490).then(n.bind(n,5019)),"@site/i18n/ru/docusaurus-plugin-content-docs/current/guides/examples/feedback.mdx",5019],eb8bed87:[()=>n.e(7364).then(n.bind(n,836)),"@site/i18n/ru/docusaurus-plugin-content-docs/current/guides/examples/ssr.mdx",836],f22b339c:[()=>n.e(393).then(n.bind(n,896)),"@site/i18n/ru/docusaurus-plugin-content-docs/current/guides/examples/page-layout.md",896],f39d466e:[()=>n.e(2216).then(n.bind(n,9983)),"@site/i18n/ru/docusaurus-plugin-content-docs/current/guides/examples/cms.mdx",9983],f565db0c:[()=>Promise.all([n.e(1869),n.e(9534)]).then(n.bind(n,5352)),"@site/src/pages/nav/index.tsx",5352],f6760343:[()=>n.e(6956).then(n.bind(n,5540)),"@site/blog/2022-07-25-international-community.md",5540],f6bb872e:[()=>n.e(2563).then(n.bind(n,4204)),"@site/blog/2022-06-04-rebranding.md?truncated=true",4204],fcc88823:[()=>n.e(294).then(n.bind(n,8999)),"@site/i18n/ru/docusaurus-plugin-content-docs/current/about/understanding/needs-driven.md",8999],fe7e4cbc:[()=>n.e(8818).then(n.t.bind(n,2791,19)),"@generated/docusaurus-plugin-content-blog/default/p/ru-blog-tags-5ab.json",2791],fee408fa:[()=>n.e(7512).then(n.bind(n,2588)),"@site/i18n/ru/docusaurus-plugin-content-docs/current/about/understanding/abstractions.mdx",2588],ffe50de1:[()=>n.e(8091).then(n.bind(n,876)),"@site/i18n/ru/docusaurus-plugin-content-docs/current/reference/isolation/index.md",876]};var s=n(6070);function l(e){let{error:t,retry:n,pastDelay:r}=e;return t?(0,s.jsxs)("div",{style:{textAlign:"center",color:"#fff",backgroundColor:"#fa383e",borderColor:"#fa383e",borderStyle:"solid",borderRadius:"0.25rem",borderWidth:"1px",boxSizing:"border-box",display:"block",padding:"1rem",flex:"0 0 50%",marginLeft:"25%",marginRight:"25%",marginTop:"5rem",maxWidth:"50%",width:"100%"},children:[(0,s.jsx)("p",{children:String(t)}),(0,s.jsx)("div",{children:(0,s.jsx)("button",{type:"button",onClick:n,children:"Retry"})})]}):r?(0,s.jsx)("div",{style:{display:"flex",justifyContent:"center",alignItems:"center",height:"100vh"},children:(0,s.jsx)("svg",{id:"loader",style:{width:128,height:110,position:"absolute",top:"calc(100vh - 64%)"},viewBox:"0 0 45 45",xmlns:"http://www.w3.org/2000/svg",stroke:"#61dafb",children:(0,s.jsxs)("g",{fill:"none",fillRule:"evenodd",transform:"translate(1 1)",strokeWidth:"2",children:[(0,s.jsxs)("circle",{cx:"22",cy:"22",r:"6",strokeOpacity:"0",children:[(0,s.jsx)("animate",{attributeName:"r",begin:"1.5s",dur:"3s",values:"6;22",calcMode:"linear",repeatCount:"indefinite"}),(0,s.jsx)("animate",{attributeName:"stroke-opacity",begin:"1.5s",dur:"3s",values:"1;0",calcMode:"linear",repeatCount:"indefinite"}),(0,s.jsx)("animate",{attributeName:"stroke-width",begin:"1.5s",dur:"3s",values:"2;0",calcMode:"linear",repeatCount:"indefinite"})]}),(0,s.jsxs)("circle",{cx:"22",cy:"22",r:"6",strokeOpacity:"0",children:[(0,s.jsx)("animate",{attributeName:"r",begin:"3s",dur:"3s",values:"6;22",calcMode:"linear",repeatCount:"indefinite"}),(0,s.jsx)("animate",{attributeName:"stroke-opacity",begin:"3s",dur:"3s",values:"1;0",calcMode:"linear",repeatCount:"indefinite"}),(0,s.jsx)("animate",{attributeName:"stroke-width",begin:"3s",dur:"3s",values:"2;0",calcMode:"linear",repeatCount:"indefinite"})]}),(0,s.jsx)("circle",{cx:"22",cy:"22",r:"8",children:(0,s.jsx)("animate",{attributeName:"r",begin:"0s",dur:"1.5s",values:"6;1;2;3;4;5;6",calcMode:"linear",repeatCount:"indefinite"})})]})})}):null}var c=n(8116),u=n(8851);function d(e,t){if("*"===e)return o()({loading:l,loader:()=>n.e(9019).then(n.bind(n,9019)),modules:["@theme/NotFound"],webpack:()=>[9019],render(e,t){const n=e.default;return(0,s.jsx)(u.W,{value:{plugin:{name:"native",id:"default"}},children:(0,s.jsx)(n,{...t})})}});const r=a[`${e}-${t}`],d={},p=[],f=[],m=(0,c.A)(r);return Object.entries(m).forEach((e=>{let[t,n]=e;const r=i[n];r&&(d[t]=r[0],p.push(r[1]),f.push(r[2]))})),o().Map({loading:l,loader:d,modules:p,webpack:()=>f,render(t,n){const o=JSON.parse(JSON.stringify(r));Object.entries(t).forEach((t=>{let[n,r]=t;const a=r.default;if(!a)throw new Error(`The page component at ${e} doesn't have a default export. This makes it impossible to render anything. Consider default-exporting a React component.`);"object"!=typeof a&&"function"!=typeof a||Object.keys(r).filter((e=>"default"!==e)).forEach((e=>{a[e]=r[e]}));let i=o;const s=n.split(".");s.slice(0,-1).forEach((e=>{i=i[e]})),i[s[s.length-1]]=a}));const a=o.__comp;delete o.__comp;const i=o.__context;delete o.__context;const l=o.__props;return delete o.__props,(0,s.jsx)(u.W,{value:i,children:(0,s.jsx)(a,{...o,...l,...n})})}})}const p=[{path:"/ru/blog",component:d("/ru/blog","aee"),exact:!0},{path:"/ru/blog/archive",component:d("/ru/blog/archive","1c3"),exact:!0},{path:"/ru/blog/international-community",component:d("/ru/blog/international-community","81b"),exact:!0},{path:"/ru/blog/rebranding-stable",component:d("/ru/blog/rebranding-stable","e49"),exact:!0},{path:"/ru/blog/tags",component:d("/ru/blog/tags","1d3"),exact:!0},{path:"/ru/blog/tags/brand",component:d("/ru/blog/tags/brand","419"),exact:!0},{path:"/ru/blog/tags/community",component:d("/ru/blog/tags/community","6d1"),exact:!0},{path:"/ru/blog/tags/discord",component:d("/ru/blog/tags/discord","c22"),exact:!0},{path:"/ru/blog/tags/promo",component:d("/ru/blog/tags/promo","72b"),exact:!0},{path:"/ru/examples",component:d("/ru/examples","708"),exact:!0},{path:"/ru/nav",component:d("/ru/nav","687"),exact:!0},{path:"/ru/search",component:d("/ru/search","750"),exact:!0},{path:"/ru/versions",component:d("/ru/versions","d01"),exact:!0},{path:"/ru/community",component:d("/ru/community","46e"),routes:[{path:"/ru/community",component:d("/ru/community","ffd"),routes:[{path:"/ru/community",component:d("/ru/community","76b"),routes:[{path:"/ru/community",component:d("/ru/community","ac6"),exact:!0,sidebar:"community"},{path:"/ru/community/team",component:d("/ru/community/team","ba7"),exact:!0,sidebar:"community"}]}]}]},{path:"/ru/docs",component:d("/ru/docs","a2b"),routes:[{path:"/ru/docs",component:d("/ru/docs","656"),routes:[{path:"/ru/docs",component:d("/ru/docs","09e"),routes:[{path:"/ru/docs",component:d("/ru/docs","8fb"),exact:!0},{path:"/ru/docs/about",component:d("/ru/docs/about","970"),exact:!0,sidebar:"aboutSidebar"},{path:"/ru/docs/about/alternatives",component:d("/ru/docs/about/alternatives","4a7"),exact:!0,sidebar:"aboutSidebar"},{path:"/ru/docs/about/mission",component:d("/ru/docs/about/mission","615"),exact:!0,sidebar:"aboutSidebar"},{path:"/ru/docs/about/motivation",component:d("/ru/docs/about/motivation","e76"),exact:!0,sidebar:"aboutSidebar"},{path:"/ru/docs/about/promote/for-company",component:d("/ru/docs/about/promote/for-company","6e1"),exact:!0,sidebar:"aboutSidebar"},{path:"/ru/docs/about/promote/for-team",component:d("/ru/docs/about/promote/for-team","c81"),exact:!0,sidebar:"aboutSidebar"},{path:"/ru/docs/about/promote/integration",component:d("/ru/docs/about/promote/integration","45b"),exact:!0,sidebar:"aboutSidebar"},{path:"/ru/docs/about/promote/partial-application",component:d("/ru/docs/about/promote/partial-application","040"),exact:!0,sidebar:"aboutSidebar"},{path:"/ru/docs/about/understanding/abstractions",component:d("/ru/docs/about/understanding/abstractions","855"),exact:!0,sidebar:"aboutSidebar"},{path:"/ru/docs/about/understanding/architecture",component:d("/ru/docs/about/understanding/architecture","826"),exact:!0,sidebar:"aboutSidebar"},{path:"/ru/docs/about/understanding/knowledge-types",component:d("/ru/docs/about/understanding/knowledge-types","37b"),exact:!0,sidebar:"aboutSidebar"},{path:"/ru/docs/about/understanding/naming",component:d("/ru/docs/about/understanding/naming","2a7"),exact:!0,sidebar:"aboutSidebar"},{path:"/ru/docs/about/understanding/needs-driven",component:d("/ru/docs/about/understanding/needs-driven","e89"),exact:!0,sidebar:"aboutSidebar"},{path:"/ru/docs/about/understanding/signals",component:d("/ru/docs/about/understanding/signals","48f"),exact:!0,sidebar:"aboutSidebar"},{path:"/ru/docs/branding",component:d("/ru/docs/branding","4f0"),exact:!0},{path:"/ru/docs/get-started",component:d("/ru/docs/get-started","bc0"),exact:!0,sidebar:"getstartedSidebar"},{path:"/ru/docs/get-started/cheatsheet",component:d("/ru/docs/get-started/cheatsheet","4f2"),exact:!0,sidebar:"getstartedSidebar"},{path:"/ru/docs/get-started/faq",component:d("/ru/docs/get-started/faq","8c4"),exact:!0,sidebar:"getstartedSidebar"},{path:"/ru/docs/get-started/overview",component:d("/ru/docs/get-started/overview","686"),exact:!0,sidebar:"getstartedSidebar"},{path:"/ru/docs/get-started/tutorial",component:d("/ru/docs/get-started/tutorial","cad"),exact:!0,sidebar:"getstartedSidebar"},{path:"/ru/docs/guides",component:d("/ru/docs/guides","451"),exact:!0,sidebar:"guidesSidebar"},{path:"/ru/docs/guides/examples",component:d("/ru/docs/guides/examples","e51"),exact:!0,sidebar:"guidesSidebar"},{path:"/ru/docs/guides/examples/auth",component:d("/ru/docs/guides/examples/auth","7fa"),exact:!0,sidebar:"guidesSidebar"},{path:"/ru/docs/guides/examples/autocompleted",component:d("/ru/docs/guides/examples/autocompleted","8a2"),exact:!0,sidebar:"guidesSidebar"},{path:"/ru/docs/guides/examples/browser-api",component:d("/ru/docs/guides/examples/browser-api","76b"),exact:!0,sidebar:"guidesSidebar"},{path:"/ru/docs/guides/examples/cms",component:d("/ru/docs/guides/examples/cms","4cc"),exact:!0,sidebar:"guidesSidebar"},{path:"/ru/docs/guides/examples/feedback",component:d("/ru/docs/guides/examples/feedback","9fd"),exact:!0,sidebar:"guidesSidebar"},{path:"/ru/docs/guides/examples/i18n",component:d("/ru/docs/guides/examples/i18n","958"),exact:!0,sidebar:"guidesSidebar"},{path:"/ru/docs/guides/examples/metric",component:d("/ru/docs/guides/examples/metric","505"),exact:!0,sidebar:"guidesSidebar"},{path:"/ru/docs/guides/examples/monorepo",component:d("/ru/docs/guides/examples/monorepo","a63"),exact:!0,sidebar:"guidesSidebar"},{path:"/ru/docs/guides/examples/page-layout",component:d("/ru/docs/guides/examples/page-layout","f7d"),exact:!0,sidebar:"guidesSidebar"},{path:"/ru/docs/guides/examples/platforms",component:d("/ru/docs/guides/examples/platforms","2dc"),exact:!0,sidebar:"guidesSidebar"},{path:"/ru/docs/guides/examples/ssr",component:d("/ru/docs/guides/examples/ssr","326"),exact:!0,sidebar:"guidesSidebar"},{path:"/ru/docs/guides/examples/theme",component:d("/ru/docs/guides/examples/theme","795"),exact:!0,sidebar:"guidesSidebar"},{path:"/ru/docs/guides/examples/types",component:d("/ru/docs/guides/examples/types","c3d"),exact:!0,sidebar:"guidesSidebar"},{path:"/ru/docs/guides/examples/white-labels",component:d("/ru/docs/guides/examples/white-labels","fbb"),exact:!0,sidebar:"guidesSidebar"},{path:"/ru/docs/guides/issues/cross-imports",component:d("/ru/docs/guides/issues/cross-imports","f5c"),exact:!0,sidebar:"guidesSidebar"},{path:"/ru/docs/guides/issues/desegmented",component:d("/ru/docs/guides/issues/desegmented","932"),exact:!0,sidebar:"guidesSidebar"},{path:"/ru/docs/guides/issues/routes",component:d("/ru/docs/guides/issues/routes","479"),exact:!0,sidebar:"guidesSidebar"},{path:"/ru/docs/guides/migration/from-custom",component:d("/ru/docs/guides/migration/from-custom","0b7"),exact:!0,sidebar:"guidesSidebar"},{path:"/ru/docs/guides/migration/from-v1",component:d("/ru/docs/guides/migration/from-v1","6da"),exact:!0,sidebar:"guidesSidebar"},{path:"/ru/docs/guides/tech/with-nextjs",component:d("/ru/docs/guides/tech/with-nextjs","fb8"),exact:!0,sidebar:"guidesSidebar"},{path:"/ru/docs/guides/tech/with-nuxtjs",component:d("/ru/docs/guides/tech/with-nuxtjs","1db"),exact:!0,sidebar:"guidesSidebar"},{path:"/ru/docs/guides/tech/with-react-query",component:d("/ru/docs/guides/tech/with-react-query","5b3"),exact:!0,sidebar:"guidesSidebar"},{path:"/ru/docs/guides/tech/with-sveltekit",component:d("/ru/docs/guides/tech/with-sveltekit","4eb"),exact:!0,sidebar:"guidesSidebar"},{path:"/ru/docs/reference",component:d("/ru/docs/reference","533"),exact:!0,sidebar:"referenceSidebar"},{path:"/ru/docs/reference/isolation",component:d("/ru/docs/reference/isolation","878"),exact:!0,sidebar:"referenceSidebar"},{path:"/ru/docs/reference/isolation/coupling-cohesion",component:d("/ru/docs/reference/isolation/coupling-cohesion","dac"),exact:!0,sidebar:"referenceSidebar"},{path:"/ru/docs/reference/isolation/decouple-entities",component:d("/ru/docs/reference/isolation/decouple-entities","da8"),exact:!0,sidebar:"referenceSidebar"},{path:"/ru/docs/reference/layers",component:d("/ru/docs/reference/layers","9a5"),exact:!0,sidebar:"referenceSidebar"},{path:"/ru/docs/reference/public-api",component:d("/ru/docs/reference/public-api","a86"),exact:!0,sidebar:"referenceSidebar"},{path:"/ru/docs/reference/slices-segments",component:d("/ru/docs/reference/slices-segments","296"),exact:!0,sidebar:"referenceSidebar"}]}]}]},{path:"/ru/",component:d("/ru/","89c"),exact:!0},{path:"*",component:d("*")}]},5360:(e,t,n)=>{"use strict";n.d(t,{o:()=>a,x:()=>i});var r=n(758),o=n(6070);const a=r.createContext(!1);function i(e){let{children:t}=e;const[n,i]=(0,r.useState)(!1);return(0,r.useEffect)((()=>{i(!0)}),[]),(0,o.jsx)(a.Provider,{value:n,children:t})}},3096:(e,t,n)=>{"use strict";var r=n(758),o=n(9576),a=n(248),i=n(1742),s=n(4784),l=n(3088);const c=[n(4504),n(9773),n(5348),n(8602),n(8468)];var u=n(1377),d=n(5557),p=n(389),f=n(6070);function m(e){let{children:t}=e;return(0,f.jsx)(f.Fragment,{children:t})}var h=n(2293),g=n(9143),b=n(5252),y=n(316),v=n(898),w=n(1529),S=n(9782),x=n(4937),k=n(3509),E=n(1701);function _(){const{i18n:{currentLocale:e,defaultLocale:t,localeConfigs:n}}=(0,g.A)(),r=(0,w.o)(),o=n[e].htmlLang,a=e=>e.replace("-","_");return(0,f.jsxs)(h.A,{children:[Object.entries(n).map((e=>{let[t,{htmlLang:n}]=e;return(0,f.jsx)("link",{rel:"alternate",href:r.createUrl({locale:t,fullyQualified:!0}),hrefLang:n},t)})),(0,f.jsx)("link",{rel:"alternate",href:r.createUrl({locale:t,fullyQualified:!0}),hrefLang:"x-default"}),(0,f.jsx)("meta",{property:"og:locale",content:a(o)}),Object.values(n).filter((e=>o!==e.htmlLang)).map((e=>(0,f.jsx)("meta",{property:"og:locale:alternate",content:a(e.htmlLang)},`meta-og-${e.htmlLang}`)))]})}function C(e){let{permalink:t}=e;const{siteConfig:{url:n}}=(0,g.A)(),r=function(){const{siteConfig:{url:e,baseUrl:t,trailingSlash:n}}=(0,g.A)(),{pathname:r}=(0,d.zy)();return e+(0,k.Ks)((0,b.Ay)(r),{trailingSlash:n,baseUrl:t})}(),o=t?`${n}${t}`:r;return(0,f.jsxs)(h.A,{children:[(0,f.jsx)("meta",{property:"og:url",content:o}),(0,f.jsx)("link",{rel:"canonical",href:o})]})}function j(){const{i18n:{currentLocale:e}}=(0,g.A)(),{metadata:t,image:n}=(0,y.p)();return(0,f.jsxs)(f.Fragment,{children:[(0,f.jsxs)(h.A,{children:[(0,f.jsx)("meta",{name:"twitter:card",content:"summary_large_image"}),(0,f.jsx)("body",{className:S.w})]}),n&&(0,f.jsx)(v.be,{image:n}),(0,f.jsx)(C,{}),(0,f.jsx)(_,{}),(0,f.jsx)(E.A,{tag:x.C,locale:e}),(0,f.jsx)(h.A,{children:t.map(((e,t)=>(0,f.jsx)("meta",{...e},t)))})]})}const A=new Map;var O=n(5360),T=n(1170),P=n(8302);function L(e){for(var t=arguments.length,n=new Array(t>1?t-1:0),r=1;r<t;r++)n[r-1]=arguments[r];const o=c.map((t=>{const r=t.default?.[e]??t[e];return r?.(...n)}));return()=>o.forEach((e=>e?.()))}const I=function(e){let{children:t,location:n,previousLocation:r}=e;return(0,P.A)((()=>{r!==n&&(!function(e){let{location:t,previousLocation:n}=e;if(!n)return;const r=t.pathname===n.pathname,o=t.hash===n.hash,a=t.search===n.search;if(r&&o&&!a)return;const{hash:i}=t;if(i){const e=decodeURIComponent(i.substring(1)),t=document.getElementById(e);t?.scrollIntoView()}else window.scrollTo(0,0)}({location:n,previousLocation:r}),L("onRouteDidUpdate",{previousLocation:r,location:n}))}),[r,n]),t};function R(e){const t=Array.from(new Set([e,decodeURI(e)])).map((e=>(0,p.u)(u.A,e))).flat();return Promise.all(t.map((e=>e.route.component.preload?.())))}class N extends r.Component{previousLocation;routeUpdateCleanupCb;constructor(e){super(e),this.previousLocation=null,this.routeUpdateCleanupCb=l.A.canUseDOM?L("onRouteUpdate",{previousLocation:null,location:this.props.location}):()=>{},this.state={nextRouteHasLoaded:!0}}shouldComponentUpdate(e,t){if(e.location===this.props.location)return t.nextRouteHasLoaded;const n=e.location;return this.previousLocation=this.props.location,this.setState({nextRouteHasLoaded:!1}),this.routeUpdateCleanupCb=L("onRouteUpdate",{previousLocation:this.previousLocation,location:n}),R(n.pathname).then((()=>{this.routeUpdateCleanupCb(),this.setState({nextRouteHasLoaded:!0})})).catch((e=>{console.warn(e),window.location.reload()})),!1}render(){const{children:e,location:t}=this.props;return(0,f.jsx)(I,{previousLocation:this.previousLocation,location:t,children:(0,f.jsx)(d.qh,{location:t,render:()=>e})})}}const D=N,M="__docusaurus-base-url-issue-banner-container",F="__docusaurus-base-url-issue-banner",z="__docusaurus-base-url-issue-banner-suggestion-container";function B(e){return`\ndocument.addEventListener('DOMContentLoaded', function maybeInsertBanner() {\n  var shouldInsert = typeof window['docusaurus'] === 'undefined';\n  shouldInsert && insertBanner();\n});\n\nfunction insertBanner() {\n  var bannerContainer = document.createElement('div');\n  bannerContainer.id = '${M}';\n  var bannerHtml = ${JSON.stringify(function(e){return`\n<div id="${F}" style="border: thick solid red; background-color: rgb(255, 230, 179); margin: 20px; padding: 20px; font-size: 20px;">\n   <p style="font-weight: bold; font-size: 30px;">Your Docusaurus site did not load properly.</p>\n   <p>A very common reason is a wrong site <a href="https://docusaurus.io/docs/docusaurus.config.js/#baseUrl" style="font-weight: bold;">baseUrl configuration</a>.</p>\n   <p>Current configured baseUrl = <span style="font-weight: bold; color: red;">${e}</span> ${"/"===e?" (default value)":""}</p>\n   <p>We suggest trying baseUrl = <span id="${z}" style="font-weight: bold; color: green;"></span></p>\n</div>\n`}(e)).replace(/</g,"\\<")};\n  bannerContainer.innerHTML = bannerHtml;\n  document.body.prepend(bannerContainer);\n  var suggestionContainer = document.getElementById('${z}');\n  var actualHomePagePath = window.location.pathname;\n  var suggestedBaseUrl = actualHomePagePath.substr(-1) === '/'\n        ? actualHomePagePath\n        : actualHomePagePath + '/';\n  suggestionContainer.innerHTML = suggestedBaseUrl;\n}\n`}function U(){const{siteConfig:{baseUrl:e}}=(0,g.A)();return(0,f.jsx)(f.Fragment,{children:!l.A.canUseDOM&&(0,f.jsx)(h.A,{children:(0,f.jsx)("script",{children:B(e)})})})}function q(){const{siteConfig:{baseUrl:e,baseUrlIssueBanner:t}}=(0,g.A)(),{pathname:n}=(0,d.zy)();return t&&n===e?(0,f.jsx)(U,{}):null}function $(){const{siteConfig:{favicon:e,title:t,noIndex:n},i18n:{currentLocale:r,localeConfigs:o}}=(0,g.A)(),a=(0,b.Ay)(e),{htmlLang:i,direction:s}=o[r];return(0,f.jsxs)(h.A,{children:[(0,f.jsx)("html",{lang:i,dir:s}),(0,f.jsx)("title",{children:t}),(0,f.jsx)("meta",{property:"og:title",content:t}),(0,f.jsx)("meta",{name:"viewport",content:"width=device-width, initial-scale=1.0"}),n&&(0,f.jsx)("meta",{name:"robots",content:"noindex, nofollow"}),e&&(0,f.jsx)("link",{rel:"icon",href:a})]})}var H=n(356),V=n(2630);function G(){const e=(0,V.A)();return(0,f.jsx)(h.A,{children:(0,f.jsx)("html",{"data-has-hydrated":e})})}const W=(0,p.v)(u.A);function K(){const e=function(e){if(A.has(e.pathname))return{...e,pathname:A.get(e.pathname)};if((0,p.u)(u.A,e.pathname).some((e=>{let{route:t}=e;return!0===t.exact})))return A.set(e.pathname,e.pathname),e;const t=e.pathname.trim().replace(/(?:\/index)?\.html$/,"")||"/";return A.set(e.pathname,t),{...e,pathname:t}}((0,d.zy)());return(0,f.jsx)(D,{location:e,children:W})}function Q(){return(0,f.jsx)(H.A,{children:(0,f.jsx)(T.l,{children:(0,f.jsxs)(O.x,{children:[(0,f.jsxs)(m,{children:[(0,f.jsx)($,{}),(0,f.jsx)(j,{}),(0,f.jsx)(q,{}),(0,f.jsx)(K,{})]}),(0,f.jsx)(G,{})]})})})}var Y=n(4054);const Z=function(e){try{return document.createElement("link").relList.supports(e)}catch{return!1}}("prefetch")?function(e){return new Promise(((t,n)=>{if("undefined"==typeof document)return void n();const r=document.createElement("link");r.setAttribute("rel","prefetch"),r.setAttribute("href",e),r.onload=()=>t(),r.onerror=()=>n();const o=document.getElementsByTagName("head")[0]??document.getElementsByName("script")[0]?.parentNode;o?.appendChild(r)}))}:function(e){return new Promise(((t,n)=>{const r=new XMLHttpRequest;r.open("GET",e,!0),r.withCredentials=!0,r.onload=()=>{200===r.status?t():n()},r.send(null)}))};var J=n(8116);const X=new Set,ee=new Set,te=()=>navigator.connection?.effectiveType.includes("2g")||navigator.connection?.saveData,ne={prefetch:e=>{if(!(e=>!te()&&!ee.has(e)&&!X.has(e))(e))return!1;X.add(e);const t=(0,p.u)(u.A,e).flatMap((e=>{return t=e.route.path,Object.entries(Y).filter((e=>{let[n]=e;return n.replace(/-[^-]+$/,"")===t})).flatMap((e=>{let[,t]=e;return Object.values((0,J.A)(t))}));var t}));return Promise.all(t.map((e=>{const t=n.gca(e);return t&&!t.includes("undefined")?Z(t).catch((()=>{})):Promise.resolve()})))},preload:e=>!!(e=>!te()&&!ee.has(e))(e)&&(ee.add(e),R(e))},re=Object.freeze(ne);function oe(e){let{children:t}=e;return"hash"===s.default.future.experimental_router?(0,f.jsx)(i.I9,{children:t}):(0,f.jsx)(i.Kd,{children:t})}const ae=Boolean(!0);if(l.A.canUseDOM){window.docusaurus=re;const e=document.getElementById("__docusaurus"),t=(0,f.jsx)(a.vd,{children:(0,f.jsx)(oe,{children:(0,f.jsx)(Q,{})})}),n=(e,t)=>{console.error("Docusaurus React Root onRecoverableError:",e,t)},i=()=>{if(window.docusaurusRoot)window.docusaurusRoot.render(t);else if(ae)window.docusaurusRoot=o.hydrateRoot(e,t,{onRecoverableError:n});else{const r=o.createRoot(e,{onRecoverableError:n});r.render(t),window.docusaurusRoot=r}};R(window.location.pathname).then((()=>{(0,r.startTransition)(i)}))}},1170:(e,t,n)=>{"use strict";n.d(t,{o:()=>d,l:()=>p});var r=n(758),o=n(4784);const a=JSON.parse('{"docusaurus-plugin-content-docs":{"default":{"path":"/ru/docs","versions":[{"name":"current","label":"v2.0.0 \ud83c\udf70","isLast":true,"path":"/ru/docs","mainDocId":"intro","docs":[{"id":"about/alternatives","path":"/ru/docs/about/alternatives","sidebar":"aboutSidebar"},{"id":"about/index","path":"/ru/docs/about/","sidebar":"aboutSidebar"},{"id":"about/mission","path":"/ru/docs/about/mission","sidebar":"aboutSidebar"},{"id":"about/motivation","path":"/ru/docs/about/motivation","sidebar":"aboutSidebar"},{"id":"about/promote/for-company","path":"/ru/docs/about/promote/for-company","sidebar":"aboutSidebar"},{"id":"about/promote/for-team","path":"/ru/docs/about/promote/for-team","sidebar":"aboutSidebar"},{"id":"about/promote/integration","path":"/ru/docs/about/promote/integration","sidebar":"aboutSidebar"},{"id":"about/promote/partial-application","path":"/ru/docs/about/promote/partial-application","sidebar":"aboutSidebar"},{"id":"about/understanding/abstractions","path":"/ru/docs/about/understanding/abstractions","sidebar":"aboutSidebar"},{"id":"about/understanding/architecture","path":"/ru/docs/about/understanding/architecture","sidebar":"aboutSidebar"},{"id":"about/understanding/knowledge-types","path":"/ru/docs/about/understanding/knowledge-types","sidebar":"aboutSidebar"},{"id":"about/understanding/naming","path":"/ru/docs/about/understanding/naming","sidebar":"aboutSidebar"},{"id":"about/understanding/needs-driven","path":"/ru/docs/about/understanding/needs-driven","sidebar":"aboutSidebar"},{"id":"about/understanding/signals","path":"/ru/docs/about/understanding/signals","sidebar":"aboutSidebar"},{"id":"branding","path":"/ru/docs/branding"},{"id":"get-started/cheatsheet","path":"/ru/docs/get-started/cheatsheet","unlisted":true,"sidebar":"getstartedSidebar"},{"id":"get-started/faq","path":"/ru/docs/get-started/faq","sidebar":"getstartedSidebar"},{"id":"get-started/index","path":"/ru/docs/get-started/","sidebar":"getstartedSidebar"},{"id":"get-started/overview","path":"/ru/docs/get-started/overview","sidebar":"getstartedSidebar"},{"id":"get-started/tutorial","path":"/ru/docs/get-started/tutorial","sidebar":"getstartedSidebar"},{"id":"guides/examples/auth","path":"/ru/docs/guides/examples/auth","sidebar":"guidesSidebar"},{"id":"guides/examples/autocompleted","path":"/ru/docs/guides/examples/autocompleted","unlisted":true,"sidebar":"guidesSidebar"},{"id":"guides/examples/browser-api","path":"/ru/docs/guides/examples/browser-api","unlisted":true,"sidebar":"guidesSidebar"},{"id":"guides/examples/cms","path":"/ru/docs/guides/examples/cms","unlisted":true,"sidebar":"guidesSidebar"},{"id":"guides/examples/feedback","path":"/ru/docs/guides/examples/feedback","unlisted":true,"sidebar":"guidesSidebar"},{"id":"guides/examples/i18n","path":"/ru/docs/guides/examples/i18n","unlisted":true,"sidebar":"guidesSidebar"},{"id":"guides/examples/index","path":"/ru/docs/guides/examples/","sidebar":"guidesSidebar"},{"id":"guides/examples/metric","path":"/ru/docs/guides/examples/metric","unlisted":true,"sidebar":"guidesSidebar"},{"id":"guides/examples/monorepo","path":"/ru/docs/guides/examples/monorepo","unlisted":true,"sidebar":"guidesSidebar"},{"id":"guides/examples/page-layout","path":"/ru/docs/guides/examples/page-layout","sidebar":"guidesSidebar"},{"id":"guides/examples/platforms","path":"/ru/docs/guides/examples/platforms","unlisted":true,"sidebar":"guidesSidebar"},{"id":"guides/examples/ssr","path":"/ru/docs/guides/examples/ssr","unlisted":true,"sidebar":"guidesSidebar"},{"id":"guides/examples/theme","path":"/ru/docs/guides/examples/theme","unlisted":true,"sidebar":"guidesSidebar"},{"id":"guides/examples/types","path":"/ru/docs/guides/examples/types","sidebar":"guidesSidebar"},{"id":"guides/examples/white-labels","path":"/ru/docs/guides/examples/white-labels","unlisted":true,"sidebar":"guidesSidebar"},{"id":"guides/index","path":"/ru/docs/guides/","sidebar":"guidesSidebar"},{"id":"guides/issues/cross-imports","path":"/ru/docs/guides/issues/cross-imports","sidebar":"guidesSidebar"},{"id":"guides/issues/desegmented","path":"/ru/docs/guides/issues/desegmented","sidebar":"guidesSidebar"},{"id":"guides/issues/routes","path":"/ru/docs/guides/issues/routes","sidebar":"guidesSidebar"},{"id":"guides/migration/from-custom","path":"/ru/docs/guides/migration/from-custom","sidebar":"guidesSidebar"},{"id":"guides/migration/from-v1","path":"/ru/docs/guides/migration/from-v1","sidebar":"guidesSidebar"},{"id":"guides/tech/with-nextjs","path":"/ru/docs/guides/tech/with-nextjs","sidebar":"guidesSidebar"},{"id":"guides/tech/with-nuxtjs","path":"/ru/docs/guides/tech/with-nuxtjs","sidebar":"guidesSidebar"},{"id":"guides/tech/with-react-query","path":"/ru/docs/guides/tech/with-react-query","sidebar":"guidesSidebar"},{"id":"guides/tech/with-sveltekit","path":"/ru/docs/guides/tech/with-sveltekit","sidebar":"guidesSidebar"},{"id":"intro","path":"/ru/docs/"},{"id":"reference/index","path":"/ru/docs/reference/","sidebar":"referenceSidebar"},{"id":"reference/isolation/coupling-cohesion","path":"/ru/docs/reference/isolation/coupling-cohesion","sidebar":"referenceSidebar"},{"id":"reference/isolation/decouple-entities","path":"/ru/docs/reference/isolation/decouple-entities","sidebar":"referenceSidebar"},{"id":"reference/isolation/index","path":"/ru/docs/reference/isolation/","sidebar":"referenceSidebar"},{"id":"reference/layers","path":"/ru/docs/reference/layers","sidebar":"referenceSidebar"},{"id":"reference/public-api","path":"/ru/docs/reference/public-api","sidebar":"referenceSidebar"},{"id":"reference/slices-segments","path":"/ru/docs/reference/slices-segments","sidebar":"referenceSidebar"}],"draftIds":[],"sidebars":{"getstartedSidebar":{"link":{"path":"/ru/docs/get-started/","label":"\ud83d\ude80  \u0411\u044b\u0441\u0442\u0440\u044b\u0439 \u0441\u0442\u0430\u0440\u0442"}},"guidesSidebar":{"link":{"path":"/ru/docs/guides/","label":"\ud83c\udfaf  \u0413\u0430\u0439\u0434\u044b"}},"referenceSidebar":{"link":{"path":"/ru/docs/reference/","label":"\ud83d\udcda  \u0421\u043f\u0440\u0430\u0432\u043e\u0447\u043d\u0438\u043a"}},"aboutSidebar":{"link":{"path":"/ru/docs/about/","label":"\ud83c\udf70 \u041e \u043c\u0435\u0442\u043e\u0434\u043e\u043b\u043e\u0433\u0438\u0438"}}}}],"breadcrumbs":true},"community":{"path":"/ru/community","versions":[{"name":"current","label":"Next","isLast":true,"path":"/ru/community","mainDocId":"index","docs":[{"id":"index","path":"/ru/community/","sidebar":"community"},{"id":"team","path":"/ru/community/team","sidebar":"community"}],"draftIds":[],"sidebars":{"community":{"link":{"path":"/ru/community/","label":"\ud83d\udcab  Community"}}}}],"breadcrumbs":true}}}'),i=JSON.parse('{"defaultLocale":"en","locales":["ru","en","uz","kr","ja"],"path":"i18n","currentLocale":"ru","localeConfigs":{"ru":{"label":"\u0420\u0443\u0441\u0441\u043a\u0438\u0439","direction":"ltr","htmlLang":"ru","calendar":"gregory","path":"ru"},"en":{"label":"English","direction":"ltr","htmlLang":"en","calendar":"gregory","path":"en"},"uz":{"label":"O\'zbekcha","direction":"ltr","htmlLang":"uz","calendar":"gregory","path":"uz"},"kr":{"label":"\ud55c\uad6d\uc5b4","direction":"ltr","htmlLang":"kr","calendar":"gregory","path":"kr"},"ja":{"label":"\u65e5\u672c\u8a9e","direction":"ltr","htmlLang":"ja","calendar":"gregory","path":"ja"}}}');var s=n(2654);const l=JSON.parse('{"docusaurusVersion":"3.5.2","siteVersion":"2.0.0","pluginVersions":{"docusaurus-plugin-content-docs":{"type":"package","name":"@docusaurus/plugin-content-docs","version":"3.5.2"},"docusaurus-plugin-content-blog":{"type":"package","name":"@docusaurus/plugin-content-blog","version":"3.5.2"},"docusaurus-plugin-content-pages":{"type":"package","name":"@docusaurus/plugin-content-pages","version":"3.5.2"},"docusaurus-plugin-sitemap":{"type":"package","name":"@docusaurus/plugin-sitemap","version":"3.5.2"},"docusaurus-theme-classic":{"type":"package","name":"@docusaurus/theme-classic","version":"3.5.2"},"docusaurus-theme-search-algolia":{"type":"package","name":"@docusaurus/theme-search-algolia","version":"3.5.2"},"docusaurus-plugin-sass":{"type":"package","name":"docusaurus-plugin-sass","version":"0.2.5"},"docusaurus-plugin-client-redirects":{"type":"package","name":"@docusaurus/plugin-client-redirects","version":"3.5.2"},"docusaurus-plugin-ideal-image":{"type":"package","name":"@docusaurus/plugin-ideal-image","version":"3.5.2"},"docusaurus-plugin-image-zoom":{"type":"package","name":"plugin-image-zoom","version":"1.2.0"}}}');var c=n(6070);const u={siteConfig:o.default,siteMetadata:l,globalData:a,i18n:i,codeTranslations:s},d=r.createContext(u);function p(e){let{children:t}=e;return(0,c.jsx)(d.Provider,{value:u,children:t})}},356:(e,t,n)=>{"use strict";n.d(t,{A:()=>h});var r=n(758),o=n(3088),a=n(2293),i=n(3509),s=n(3041),l=n(8851),c=n(6070);function u(e){let{error:t,tryAgain:n}=e;return(0,c.jsxs)("div",{style:{display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"flex-start",minHeight:"100vh",width:"100%",maxWidth:"80ch",fontSize:"20px",margin:"0 auto",padding:"1rem"},children:[(0,c.jsx)("h1",{style:{fontSize:"3rem"},children:"This page crashed"}),(0,c.jsx)("button",{type:"button",onClick:n,style:{margin:"1rem 0",fontSize:"2rem",cursor:"pointer",borderRadius:20,padding:"1rem"},children:"Try again"}),(0,c.jsx)(d,{error:t})]})}function d(e){let{error:t}=e;const n=(0,i.rA)(t).map((e=>e.message)).join("\n\nCause:\n");return(0,c.jsx)("p",{style:{whiteSpace:"pre-wrap"},children:n})}function p(e){let{children:t}=e;return(0,c.jsx)(l.W,{value:{plugin:{name:"docusaurus-core-error-boundary",id:"default"}},children:t})}function f(e){let{error:t,tryAgain:n}=e;return(0,c.jsx)(p,{children:(0,c.jsxs)(h,{fallback:()=>(0,c.jsx)(u,{error:t,tryAgain:n}),children:[(0,c.jsx)(a.A,{children:(0,c.jsx)("title",{children:"Page Error"})}),(0,c.jsx)(s.A,{children:(0,c.jsx)(u,{error:t,tryAgain:n})})]})})}const m=e=>(0,c.jsx)(f,{...e});class h extends r.Component{constructor(e){super(e),this.state={error:null}}componentDidCatch(e){o.A.canUseDOM&&this.setState({error:e})}render(){const{children:e}=this.props,{error:t}=this.state;if(t){const e={error:t,tryAgain:()=>this.setState({error:null})};return(this.props.fallback??m)(e)}return e??null}}},3088:(e,t,n)=>{"use strict";n.d(t,{A:()=>o});const r="undefined"!=typeof window&&"document"in window&&"createElement"in window.document,o={canUseDOM:r,canUseEventListeners:r&&("addEventListener"in window||"attachEvent"in window),canUseIntersectionObserver:r&&"IntersectionObserver"in window,canUseViewport:r&&"screen"in window}},2293:(e,t,n)=>{"use strict";n.d(t,{A:()=>a});n(758);var r=n(248),o=n(6070);function a(e){return(0,o.jsx)(r.mg,{...e})}},6783:(e,t,n)=>{"use strict";n.d(t,{A:()=>f});var r=n(758),o=n(1742),a=n(3509),i=n(9143),s=n(1933),l=n(3088),c=n(6828),u=n(5252),d=n(6070);function p(e,t){let{isNavLink:n,to:p,href:f,activeClassName:m,isActive:h,"data-noBrokenLinkCheck":g,autoAddBaseUrl:b=!0,...y}=e;const{siteConfig:v}=(0,i.A)(),{trailingSlash:w,baseUrl:S}=v,x=v.future.experimental_router,{withBaseUrl:k}=(0,u.hH)(),E=(0,c.A)(),_=(0,r.useRef)(null);(0,r.useImperativeHandle)(t,(()=>_.current));const C=p||f;const j=(0,s.A)(C),A=C?.replace("pathname://","");let O=void 0!==A?(T=A,b&&(e=>e.startsWith("/"))(T)?k(T):T):void 0;var T;"hash"===x&&O?.startsWith("./")&&(O=O?.slice(1)),O&&j&&(O=(0,a.Ks)(O,{trailingSlash:w,baseUrl:S}));const P=(0,r.useRef)(!1),L=n?o.k2:o.N_,I=l.A.canUseIntersectionObserver,R=(0,r.useRef)(),N=()=>{P.current||null==O||(window.docusaurus.preload(O),P.current=!0)};(0,r.useEffect)((()=>(!I&&j&&l.A.canUseDOM&&null!=O&&window.docusaurus.prefetch(O),()=>{I&&R.current&&R.current.disconnect()})),[R,O,I,j]);const D=O?.startsWith("#")??!1,M=!y.target||"_self"===y.target,F=!O||!j||!M||D&&"hash"!==x;g||!D&&F||E.collectLink(O),y.id&&E.collectAnchor(y.id);const z={};return F?(0,d.jsx)("a",{ref:_,href:O,...C&&!j&&{target:"_blank",rel:"noopener noreferrer"},...y,...z}):(0,d.jsx)(L,{...y,onMouseEnter:N,onTouchStart:N,innerRef:e=>{_.current=e,I&&e&&j&&(R.current=new window.IntersectionObserver((t=>{t.forEach((t=>{e===t.target&&(t.isIntersecting||t.intersectionRatio>0)&&(R.current.unobserve(e),R.current.disconnect(),null!=O&&window.docusaurus.prefetch(O))}))})),R.current.observe(e))},to:O,...n&&{isActive:h,activeClassName:m},...z})}const f=r.forwardRef(p)},7765:(e,t,n)=>{"use strict";n.d(t,{A:()=>c,T:()=>l});var r=n(758),o=n(6070);function a(e,t){const n=e.split(/(\{\w+\})/).map(((e,n)=>{if(n%2==1){const n=t?.[e.slice(1,-1)];if(void 0!==n)return n}return e}));return n.some((e=>(0,r.isValidElement)(e)))?n.map(((e,t)=>(0,r.isValidElement)(e)?r.cloneElement(e,{key:t}):e)).filter((e=>""!==e)):n.join("")}var i=n(2654);function s(e){let{id:t,message:n}=e;if(void 0===t&&void 0===n)throw new Error("Docusaurus translation declarations must have at least a translation id or a default translation message");return i[t??n]??n??t}function l(e,t){let{message:n,id:r}=e;return a(s({message:n,id:r}),t)}function c(e){let{children:t,id:n,values:r}=e;if(t&&"string"!=typeof t)throw console.warn("Illegal <Translate> children",t),new Error("The Docusaurus <Translate> component only accept simple string values");const i=s({message:t,id:n});return(0,o.jsx)(o.Fragment,{children:a(i,r)})}},8470:(e,t,n)=>{"use strict";n.d(t,{W:()=>r});const r="default"},1933:(e,t,n)=>{"use strict";function r(e){return/^(?:\w*:|\/\/)/.test(e)}function o(e){return void 0!==e&&!r(e)}n.d(t,{A:()=>o,z:()=>r})},5252:(e,t,n)=>{"use strict";n.d(t,{Ay:()=>s,hH:()=>i});var r=n(758),o=n(9143),a=n(1933);function i(){const{siteConfig:e}=(0,o.A)(),{baseUrl:t,url:n}=e,i=e.future.experimental_router,s=(0,r.useCallback)(((e,r)=>function(e){let{siteUrl:t,baseUrl:n,url:r,options:{forcePrependBaseUrl:o=!1,absolute:i=!1}={},router:s}=e;if(!r||r.startsWith("#")||(0,a.z)(r))return r;if("hash"===s)return r.startsWith("/")?`.${r}`:`./${r}`;if(o)return n+r.replace(/^\//,"");if(r===n.replace(/\/$/,""))return n;const l=r.startsWith(n)?r:n+r.replace(/^\//,"");return i?t+l:l}({siteUrl:n,baseUrl:t,url:e,options:r,router:i})),[n,t,i]);return{withBaseUrl:s}}function s(e,t){void 0===t&&(t={});const{withBaseUrl:n}=i();return n(e,t)}},6828:(e,t,n)=>{"use strict";n.d(t,{A:()=>i});var r=n(758);n(6070);const o=r.createContext({collectAnchor:()=>{},collectLink:()=>{}}),a=()=>(0,r.useContext)(o);function i(){return a()}},9143:(e,t,n)=>{"use strict";n.d(t,{A:()=>a});var r=n(758),o=n(1170);function a(){return(0,r.useContext)(o.o)}},2630:(e,t,n)=>{"use strict";n.d(t,{A:()=>a});var r=n(758),o=n(5360);function a(){return(0,r.useContext)(o.o)}},8302:(e,t,n)=>{"use strict";n.d(t,{A:()=>o});var r=n(758);const o=n(3088).A.canUseDOM?r.useLayoutEffect:r.useEffect},3112:(e,t,n)=>{"use strict";n.d(t,{A:()=>a});var r=n(758),o=n(8851);function a(){const e=r.useContext(o.o);if(!e)throw new Error("Unexpected: no Docusaurus route context found");return e}},8116:(e,t,n)=>{"use strict";n.d(t,{A:()=>o});const r=e=>"object"==typeof e&&!!e&&Object.keys(e).length>0;function o(e){const t={};return function e(n,o){Object.entries(n).forEach((n=>{let[a,i]=n;const s=o?`${o}.${a}`:a;r(i)?e(i,s):t[s]=i}))}(e),t}},8851:(e,t,n)=>{"use strict";n.d(t,{W:()=>i,o:()=>a});var r=n(758),o=n(6070);const a=r.createContext(null);function i(e){let{children:t,value:n}=e;const i=r.useContext(a),s=(0,r.useMemo)((()=>function(e){let{parent:t,value:n}=e;if(!t){if(!n)throw new Error("Unexpected: no Docusaurus route context found");if(!("plugin"in n))throw new Error("Unexpected: Docusaurus topmost route context has no `plugin` attribute");return n}const r={...t.data,...n?.data};return{plugin:t.plugin,data:r}}({parent:i,value:n})),[i,n]);return(0,o.jsx)(a.Provider,{value:s,children:t})}},3724:(e,t,n)=>{"use strict";n.d(t,{VQ:()=>g,XK:()=>v,g1:()=>y});var r=n(758),o=n(9860),a=n(8470),i=n(316),s=n(3349),l=n(4902),c=n(6070);const u=e=>`docs-preferred-version-${e}`,d={save:(e,t,n)=>{(0,s.Wf)(u(e),{persistence:t}).set(n)},read:(e,t)=>(0,s.Wf)(u(e),{persistence:t}).get(),clear:(e,t)=>{(0,s.Wf)(u(e),{persistence:t}).del()}},p=e=>Object.fromEntries(e.map((e=>[e,{preferredVersionName:null}])));const f=r.createContext(null);function m(){const e=(0,o.Gy)(),t=(0,i.p)().docs.versionPersistence,n=(0,r.useMemo)((()=>Object.keys(e)),[e]),[a,s]=(0,r.useState)((()=>p(n)));(0,r.useEffect)((()=>{s(function(e){let{pluginIds:t,versionPersistence:n,allDocsData:r}=e;function o(e){const t=d.read(e,n);return r[e].versions.some((e=>e.name===t))?{preferredVersionName:t}:(d.clear(e,n),{preferredVersionName:null})}return Object.fromEntries(t.map((e=>[e,o(e)])))}({allDocsData:e,versionPersistence:t,pluginIds:n}))}),[e,t,n]);return[a,(0,r.useMemo)((()=>({savePreferredVersion:function(e,n){d.save(e,t,n),s((t=>({...t,[e]:{preferredVersionName:n}})))}})),[t])]}function h(e){let{children:t}=e;const n=m();return(0,c.jsx)(f.Provider,{value:n,children:t})}function g(e){let{children:t}=e;return(0,c.jsx)(h,{children:t})}function b(){const e=(0,r.useContext)(f);if(!e)throw new l.dV("DocsPreferredVersionContextProvider");return e}function y(e){void 0===e&&(e=a.W);const t=(0,o.ht)(e),[n,i]=b(),{preferredVersionName:s}=n[e];return{preferredVersion:t.versions.find((e=>e.name===s))??null,savePreferredVersionName:(0,r.useCallback)((t=>{i.savePreferredVersion(e,t)}),[i,e])}}function v(){const e=(0,o.Gy)(),[t]=b();function n(n){const r=e[n],{preferredVersionName:o}=t[n];return r.versions.find((e=>e.name===o))??null}const r=Object.keys(e);return Object.fromEntries(r.map((e=>[e,n(e)])))}},4619:(e,t,n)=>{"use strict";n.d(t,{k:()=>a,v:()=>i});var r=n(9860),o=n(3724);function a(e,t){return`docs-${e}-${t}`}function i(){const e=(0,r.Gy)(),t=(0,r.gk)(),n=(0,o.XK)();return[...Object.keys(e).map((function(r){const o=t?.activePlugin.pluginId===r?t.activeVersion:void 0,i=n[r],s=e[r].versions.find((e=>e.isLast));return a(r,(o??i??s).name)}))]}},3971:(e,t,n)=>{"use strict";n.d(t,{V:()=>l,t:()=>c});var r=n(758),o=n(4902),a=n(6070);const i=Symbol("EmptyContext"),s=r.createContext(i);function l(e){let{children:t,name:n,items:o}=e;const i=(0,r.useMemo)((()=>n&&o?{name:n,items:o}:null),[n,o]);return(0,a.jsx)(s.Provider,{value:i,children:t})}function c(){const e=(0,r.useContext)(s);if(e===i)throw new o.dV("DocsSidebarProvider");return e}},1630:(e,t,n)=>{"use strict";n.d(t,{B5:()=>k,Nr:()=>p,OF:()=>v,QB:()=>x,Vd:()=>w,Y:()=>b,fW:()=>S,w8:()=>h});var r=n(758),o=n(5557),a=n(389),i=n(9860),s=n(5763),l=n(2632),c=n(3724),u=n(1579),d=n(3971);function p(e){return"link"!==e.type||e.unlisted?"category"===e.type?function(e){if(e.href&&!e.linkUnlisted)return e.href;for(const t of e.items){const e=p(t);if(e)return e}}(e):void 0:e.href}const f=(e,t)=>void 0!==e&&(0,s.ys)(e,t),m=(e,t)=>e.some((e=>h(e,t)));function h(e,t){return"link"===e.type?f(e.href,t):"category"===e.type&&(f(e.href,t)||m(e.items,t))}function g(e,t){switch(e.type){case"category":return h(e,t)||e.items.some((e=>g(e,t)));case"link":return!e.unlisted||h(e,t);default:return!0}}function b(e,t){return(0,r.useMemo)((()=>e.filter((e=>g(e,t)))),[e,t])}function y(e){let{sidebarItems:t,pathname:n,onlyCategories:r=!1}=e;const o=[];return function e(t){for(const a of t)if("category"===a.type&&((0,s.ys)(a.href,n)||e(a.items))||"link"===a.type&&(0,s.ys)(a.href,n)){return r&&"category"!==a.type||o.unshift(a),!0}return!1}(t),o}function v(){const e=(0,d.t)(),{pathname:t}=(0,o.zy)(),n=(0,i.vT)()?.pluginData.breadcrumbs;return!1!==n&&e?y({sidebarItems:e.items,pathname:t}):null}function w(e){const{activeVersion:t}=(0,i.zK)(e),{preferredVersion:n}=(0,c.g1)(e),o=(0,i.r7)(e);return(0,r.useMemo)((()=>(0,l.sb)([t,n,o].filter(Boolean))),[t,n,o])}function S(e,t){const n=w(t);return(0,r.useMemo)((()=>{const t=n.flatMap((e=>e.sidebars?Object.entries(e.sidebars):[])),r=t.find((t=>t[0]===e));if(!r)throw new Error(`Can't find any sidebar with id "${e}" in version${n.length>1?"s":""} ${n.map((e=>e.name)).join(", ")}".\nAvailable sidebar ids are:\n- ${t.map((e=>e[0])).join("\n- ")}`);return r[1]}),[e,n])}function x(e,t){const n=w(t);return(0,r.useMemo)((()=>{const t=n.flatMap((e=>e.docs)),r=t.find((t=>t.id===e));if(!r){if(n.flatMap((e=>e.draftIds)).includes(e))return null;throw new Error(`Couldn't find any doc with id "${e}" in version${n.length>1?"s":""} "${n.map((e=>e.name)).join(", ")}".\nAvailable doc ids are:\n- ${(0,l.sb)(t.map((e=>e.id))).join("\n- ")}`)}return r}),[e,n])}function k(e){let{route:t}=e;const n=(0,o.zy)(),r=(0,u.r)(),i=t.routes,s=i.find((e=>(0,o.B6)(n.pathname,e)));if(!s)return null;const l=s.sidebar,c=l?r.docsSidebars[l]:void 0;return{docElement:(0,a.v)(i),sidebarName:l,sidebarItems:c}}},1579:(e,t,n)=>{"use strict";n.d(t,{n:()=>s,r:()=>l});var r=n(758),o=n(4902),a=n(6070);const i=r.createContext(null);function s(e){let{children:t,version:n}=e;return(0,a.jsx)(i.Provider,{value:n,children:t})}function l(){const e=(0,r.useContext)(i);if(null===e)throw new o.dV("DocsVersionProvider");return e}},9860:(e,t,n)=>{"use strict";n.d(t,{zK:()=>b,vT:()=>f,gk:()=>m,Gy:()=>d,HW:()=>y,ht:()=>p,r7:()=>g,jh:()=>h});var r=n(5557),o=n(9143),a=n(8470);function i(e,t){void 0===t&&(t={});const n=function(){const{globalData:e}=(0,o.A)();return e}()[e];if(!n&&t.failfast)throw new Error(`Docusaurus plugin global data not found for "${e}" plugin.`);return n}const s=e=>e.versions.find((e=>e.isLast));function l(e,t){return[...e.versions].sort(((e,t)=>e.path===t.path?0:e.path.includes(t.path)?-1:t.path.includes(e.path)?1:0)).find((e=>!!(0,r.B6)(t,{path:e.path,exact:!1,strict:!1})))}function c(e,t){const n=l(e,t),o=n?.docs.find((e=>!!(0,r.B6)(t,{path:e.path,exact:!0,strict:!1})));return{activeVersion:n,activeDoc:o,alternateDocVersions:o?function(t){const n={};return e.versions.forEach((e=>{e.docs.forEach((r=>{r.id===t&&(n[e.name]=r)}))})),n}(o.id):{}}}const u={},d=()=>i("docusaurus-plugin-content-docs")??u,p=e=>{try{return function(e,t,n){void 0===t&&(t=a.W),void 0===n&&(n={});const r=i(e),o=r?.[t];if(!o&&n.failfast)throw new Error(`Docusaurus plugin global data not found for "${e}" plugin with id "${t}".`);return o}("docusaurus-plugin-content-docs",e,{failfast:!0})}catch(t){throw new Error("You are using a feature of the Docusaurus docs plugin, but this plugin does not seem to be enabled"+("Default"===e?"":` (pluginId=${e}`),{cause:t})}};function f(e){void 0===e&&(e={});const t=d(),{pathname:n}=(0,r.zy)();return function(e,t,n){void 0===n&&(n={});const o=Object.entries(e).sort(((e,t)=>t[1].path.localeCompare(e[1].path))).find((e=>{let[,n]=e;return!!(0,r.B6)(t,{path:n.path,exact:!1,strict:!1})})),a=o?{pluginId:o[0],pluginData:o[1]}:void 0;if(!a&&n.failfast)throw new Error(`Can't find active docs plugin for "${t}" pathname, while it was expected to be found. Maybe you tried to use a docs feature that can only be used on a docs-related page? Existing docs plugin paths are: ${Object.values(e).map((e=>e.path)).join(", ")}`);return a}(t,n,e)}function m(e){void 0===e&&(e={});const t=f(e),{pathname:n}=(0,r.zy)();if(!t)return;return{activePlugin:t,activeVersion:l(t.pluginData,n)}}function h(e){return p(e).versions}function g(e){const t=p(e);return s(t)}function b(e){const t=p(e),{pathname:n}=(0,r.zy)();return c(t,n)}function y(e){const t=p(e),{pathname:n}=(0,r.zy)();return function(e,t){const n=s(e);return{latestDocSuggestion:c(e,t).alternateDocVersions[n.name],latestVersionSuggestion:n}}(t,n)}},9235:(e,t,n)=>{"use strict";function r(e,t){e.prototype=Object.create(t.prototype),e.prototype.constructor=e,e.__proto__=t}function o(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function a(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function i(){return i=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},i.apply(this,arguments)}var s=n(758),l=[],c=[];var u=s.createContext(null);function d(e){var t=e(),n={loading:!0,loaded:null,error:null};return n.promise=t.then((function(e){return n.loading=!1,n.loaded=e,e})).catch((function(e){throw n.loading=!1,n.error=e,e})),n}function p(e){var t={loading:!1,loaded:{},error:null},n=[];try{Object.keys(e).forEach((function(r){var o=d(e[r]);o.loading?t.loading=!0:(t.loaded[r]=o.loaded,t.error=o.error),n.push(o.promise),o.promise.then((function(e){t.loaded[r]=e})).catch((function(e){t.error=e}))}))}catch(r){t.error=r}return t.promise=Promise.all(n).then((function(e){return t.loading=!1,e})).catch((function(e){throw t.loading=!1,e})),t}function f(e,t){return s.createElement((n=e)&&n.__esModule?n.default:n,t);var n}function m(e,t){var d,p;if(!t.loading)throw new Error("react-loadable requires a `loading` component");var m=i({loader:null,loading:null,delay:200,timeout:null,render:f,webpack:null,modules:null},t),h=null;function g(){return h||(h=e(m.loader)),h.promise}return l.push(g),"function"==typeof m.webpack&&c.push((function(){if((0,m.webpack)().every((function(e){return void 0!==e&&void 0!==n.m[e]})))return g()})),p=d=function(t){function n(n){var r;return a(o(o(r=t.call(this,n)||this)),"retry",(function(){r.setState({error:null,loading:!0,timedOut:!1}),h=e(m.loader),r._loadModule()})),g(),r.state={error:h.error,pastDelay:!1,timedOut:!1,loading:h.loading,loaded:h.loaded},r}r(n,t),n.preload=function(){return g()};var i=n.prototype;return i.UNSAFE_componentWillMount=function(){this._loadModule()},i.componentDidMount=function(){this._mounted=!0},i._loadModule=function(){var e=this;if(this.context&&Array.isArray(m.modules)&&m.modules.forEach((function(t){e.context.report(t)})),h.loading){var t=function(t){e._mounted&&e.setState(t)};"number"==typeof m.delay&&(0===m.delay?this.setState({pastDelay:!0}):this._delay=setTimeout((function(){t({pastDelay:!0})}),m.delay)),"number"==typeof m.timeout&&(this._timeout=setTimeout((function(){t({timedOut:!0})}),m.timeout));var n=function(){t({error:h.error,loaded:h.loaded,loading:h.loading}),e._clearTimeouts()};h.promise.then((function(){return n(),null})).catch((function(e){return n(),null}))}},i.componentWillUnmount=function(){this._mounted=!1,this._clearTimeouts()},i._clearTimeouts=function(){clearTimeout(this._delay),clearTimeout(this._timeout)},i.render=function(){return this.state.loading||this.state.error?s.createElement(m.loading,{isLoading:this.state.loading,pastDelay:this.state.pastDelay,timedOut:this.state.timedOut,error:this.state.error,retry:this.retry}):this.state.loaded?m.render(this.state.loaded,this.props):null},n}(s.Component),a(d,"contextType",u),p}function h(e){return m(d,e)}h.Map=function(e){if("function"!=typeof e.render)throw new Error("LoadableMap requires a `render(loaded, props)` function");return m(p,e)};var g=function(e){function t(){return e.apply(this,arguments)||this}return r(t,e),t.prototype.render=function(){return s.createElement(u.Provider,{value:{report:this.props.report}},s.Children.only(this.props.children))},t}(s.Component);function b(e){for(var t=[];e.length;){var n=e.pop();t.push(n())}return Promise.all(t).then((function(){if(e.length)return b(e)}))}h.Capture=g,h.preloadAll=function(){return new Promise((function(e,t){b(l).then(e,t)}))},h.preloadReady=function(){return new Promise((function(e,t){b(c).then(e,e)}))},e.exports=h},5348:(e,t,n)=>{"use strict";n.r(t),n.d(t,{default:()=>a});var r=n(8744),o=n.n(r);o().configure({showSpinner:!1});const a={onRouteUpdate(e){let{location:t,previousLocation:n}=e;if(n&&t.pathname!==n.pathname){const e=window.setTimeout((()=>{o().start()}),200);return()=>window.clearTimeout(e)}},onRouteDidUpdate(){o().done()}}},9773:(e,t,n)=>{"use strict";var r=n(5371),o=n(4784);!function(e){const{themeConfig:{prism:t}}=o.default,{additionalLanguages:r}=t;globalThis.Prism=e,r.forEach((e=>{"php"===e&&n(1274),n(9927)(`./prism-${e}`)})),delete globalThis.Prism}(r.My)},1507:(e,t,n)=>{"use strict";n.d(t,{A:()=>u});n(758);var r=n(3526),o=n(7765),a=n(316),i=n(6783),s=n(6828);const l={anchorWithStickyNavbar:"anchorWithStickyNavbar_QzlE",anchorWithHideOnScrollNavbar:"anchorWithHideOnScrollNavbar_IGdS"};var c=n(6070);function u(e){let{as:t,id:n,...u}=e;const d=(0,s.A)(),{navbar:{hideOnScroll:p}}=(0,a.p)();if("h1"===t||!n)return(0,c.jsx)(t,{...u,id:void 0});d.collectAnchor(n);const f=(0,o.T)({id:"theme.common.headingLinkTitle",message:"Direct link to {heading}",description:"Title for link to heading"},{heading:"string"==typeof u.children?u.children:n});return(0,c.jsxs)(t,{...u,className:(0,r.A)("anchor",p?l.anchorWithHideOnScrollNavbar:l.anchorWithStickyNavbar,u.className),id:n,children:[u.children,(0,c.jsx)(i.A,{className:"hash-link",to:`#${n}`,"aria-label":f,title:f,children:"\u200b"})]})}},9503:(e,t,n)=>{"use strict";n.d(t,{A:()=>a});n(758);const r={iconExternalLink:"iconExternalLink_rel2"};var o=n(6070);function a(e){let{width:t=13.5,height:n=13.5}=e;return(0,o.jsx)("svg",{width:t,height:n,"aria-hidden":"true",viewBox:"0 0 24 24",className:r.iconExternalLink,children:(0,o.jsx)("path",{fill:"currentColor",d:"M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"})})}},3041:(e,t,n)=>{"use strict";n.d(t,{A:()=>Ct});var r=n(758),o=n(3526),a=n(356),i=n(898),s=n(5557),l=n(7765),c=n(2360),u=n(6070);const d="__docusaurus_skipToContent_fallback";function p(e){e.setAttribute("tabindex","-1"),e.focus(),e.removeAttribute("tabindex")}function f(){const e=(0,r.useRef)(null),{action:t}=(0,s.W6)(),n=(0,r.useCallback)((e=>{e.preventDefault();const t=document.querySelector("main:first-of-type")??document.getElementById(d);t&&p(t)}),[]);return(0,c.$)((n=>{let{location:r}=n;e.current&&!r.hash&&"PUSH"===t&&p(e.current)})),{containerRef:e,onClick:n}}const m=(0,l.T)({id:"theme.common.skipToMainContent",description:"The skip to content label used for accessibility, allowing to rapidly navigate to main content with keyboard tab/enter navigation",message:"Skip to main content"});function h(e){const t=e.children??m,{containerRef:n,onClick:r}=f();return(0,u.jsx)("div",{ref:n,role:"region","aria-label":m,children:(0,u.jsx)("a",{...e,href:`#${d}`,onClick:r,children:t})})}var g=n(8813),b=n(9782);const y={skipToContent:"skipToContent_iI6K"};function v(){return(0,u.jsx)(h,{className:y.skipToContent})}var w=n(316),S=n(1611);function x(e){let{width:t=21,height:n=21,color:r="currentColor",strokeWidth:o=1.2,className:a,...i}=e;return(0,u.jsx)("svg",{viewBox:"0 0 15 15",width:t,height:n,...i,children:(0,u.jsx)("g",{stroke:r,strokeWidth:o,children:(0,u.jsx)("path",{d:"M.75.75l13.5 13.5M14.25.75L.75 14.25"})})})}const k={closeButton:"closeButton_Y4Q2"};function E(e){return(0,u.jsx)("button",{type:"button","aria-label":(0,l.T)({id:"theme.AnnouncementBar.closeButtonAriaLabel",message:"Close",description:"The ARIA label for close button of announcement bar"}),...e,className:(0,o.A)("clean-btn close",k.closeButton,e.className),children:(0,u.jsx)(x,{width:14,height:14,strokeWidth:3.1})})}const _={content:"content_CxvN"};function C(e){const{announcementBar:t}=(0,w.p)(),{content:n}=t;return(0,u.jsx)("div",{...e,className:(0,o.A)(_.content,e.className),dangerouslySetInnerHTML:{__html:n}})}const j={announcementBar:"announcementBar_Wthk",announcementBarPlaceholder:"announcementBarPlaceholder_aISb",announcementBarClose:"announcementBarClose_vsml",announcementBarContent:"announcementBarContent_peeZ"};function A(){const{announcementBar:e}=(0,w.p)(),{isActive:t,close:n}=(0,S.M)();if(!t)return null;const{backgroundColor:r,textColor:o,isCloseable:a}=e;return(0,u.jsxs)("div",{className:j.announcementBar,style:{backgroundColor:r,color:o},role:"banner",children:[a&&(0,u.jsx)("div",{className:j.announcementBarPlaceholder}),(0,u.jsx)(C,{className:j.announcementBarContent}),a&&(0,u.jsx)(E,{onClick:n,className:j.announcementBarClose})]})}var O=n(1003),T=n(9030);var P=n(4902),L=n(646);const I=r.createContext(null);function R(e){let{children:t}=e;const n=function(){const e=(0,O.M)(),t=(0,L.YL)(),[n,o]=(0,r.useState)(!1),a=null!==t.component,i=(0,P.ZC)(a);return(0,r.useEffect)((()=>{a&&!i&&o(!0)}),[a,i]),(0,r.useEffect)((()=>{a?e.shown||o(!0):o(!1)}),[e.shown,a]),(0,r.useMemo)((()=>[n,o]),[n])}();return(0,u.jsx)(I.Provider,{value:n,children:t})}function N(e){if(e.component){const t=e.component;return(0,u.jsx)(t,{...e.props})}}function D(){const e=(0,r.useContext)(I);if(!e)throw new P.dV("NavbarSecondaryMenuDisplayProvider");const[t,n]=e,o=(0,r.useCallback)((()=>n(!1)),[n]),a=(0,L.YL)();return(0,r.useMemo)((()=>({shown:t,hide:o,content:N(a)})),[o,a,t])}function M(e){let{header:t,primaryMenu:n,secondaryMenu:r}=e;const{shown:a}=D();return(0,u.jsxs)("div",{className:"navbar-sidebar",children:[t,(0,u.jsxs)("div",{className:(0,o.A)("navbar-sidebar__items",{"navbar-sidebar__items--show-secondary":a}),children:[(0,u.jsx)("div",{className:"navbar-sidebar__item menu",children:n}),(0,u.jsx)("div",{className:"navbar-sidebar__item menu",children:r})]})]})}var F=n(9731),z=n(2630);function B(e){return(0,u.jsx)("svg",{viewBox:"0 0 24 24",width:24,height:24,...e,children:(0,u.jsx)("path",{fill:"currentColor",d:"M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"})})}function U(e){return(0,u.jsx)("svg",{viewBox:"0 0 24 24",width:24,height:24,...e,children:(0,u.jsx)("path",{fill:"currentColor",d:"M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"})})}const q={toggle:"toggle_rtf2",toggleButton:"toggleButton_lzER",darkToggleIcon:"darkToggleIcon_un8X",lightToggleIcon:"lightToggleIcon_isKo",toggleButtonDisabled:"toggleButtonDisabled_jUHO"};function $(e){let{className:t,buttonClassName:n,value:r,onChange:a}=e;const i=(0,z.A)(),s=(0,l.T)({message:"Switch between dark and light mode (currently {mode})",id:"theme.colorToggle.ariaLabel",description:"The ARIA label for the navbar color mode toggle"},{mode:"dark"===r?(0,l.T)({message:"dark mode",id:"theme.colorToggle.ariaLabel.mode.dark",description:"The name for the dark color mode"}):(0,l.T)({message:"light mode",id:"theme.colorToggle.ariaLabel.mode.light",description:"The name for the light color mode"})});return(0,u.jsx)("div",{className:(0,o.A)(q.toggle,t),children:(0,u.jsxs)("button",{className:(0,o.A)("clean-btn",q.toggleButton,!i&&q.toggleButtonDisabled,n),type:"button",onClick:()=>a("dark"===r?"light":"dark"),disabled:!i,title:s,"aria-label":s,"aria-live":"polite",children:[(0,u.jsx)(B,{className:(0,o.A)(q.toggleIcon,q.lightToggleIcon)}),(0,u.jsx)(U,{className:(0,o.A)(q.toggleIcon,q.darkToggleIcon)})]})})}const H=r.memo($),V={darkNavbarColorModeToggle:"darkNavbarColorModeToggle_NEom"};function G(e){let{className:t}=e;const n=(0,w.p)().navbar.style,r=(0,w.p)().colorMode.disableSwitch,{colorMode:o,setColorMode:a}=(0,F.G)();return r?null:(0,u.jsx)(H,{className:t,buttonClassName:"dark"===n?V.darkNavbarColorModeToggle:void 0,value:o,onChange:a})}var W=n(7007);function K(){return(0,u.jsx)(W.A,{className:"navbar__brand",imageClassName:"navbar__logo",titleClassName:"navbar__title text--truncate"})}function Q(){const e=(0,O.M)();return(0,u.jsx)("button",{type:"button","aria-label":(0,l.T)({id:"theme.docs.sidebar.closeSidebarButtonAriaLabel",message:"Close navigation bar",description:"The ARIA label for close button of mobile sidebar"}),className:"clean-btn navbar-sidebar__close",onClick:()=>e.toggle(),children:(0,u.jsx)(x,{color:"var(--ifm-color-emphasis-600)"})})}function Y(){return(0,u.jsxs)("div",{className:"navbar-sidebar__brand",children:[(0,u.jsx)(K,{}),(0,u.jsx)(G,{className:"margin-right--md"}),(0,u.jsx)(Q,{})]})}var Z=n(6783),J=n(5252),X=n(1933),ee=n(5130),te=n(9503);function ne(e){let{activeBasePath:t,activeBaseRegex:n,to:r,href:o,label:a,html:i,isDropdownLink:s,prependBaseUrlToHref:l,...c}=e;const d=(0,J.Ay)(r),p=(0,J.Ay)(t),f=(0,J.Ay)(o,{forcePrependBaseUrl:!0}),m=a&&o&&!(0,X.A)(o),h=i?{dangerouslySetInnerHTML:{__html:i}}:{children:(0,u.jsxs)(u.Fragment,{children:[a,m&&(0,u.jsx)(te.A,{...s&&{width:12,height:12}})]})};return o?(0,u.jsx)(Z.A,{href:l?f:o,...c,...h}):(0,u.jsx)(Z.A,{to:d,isNavLink:!0,...(t||n)&&{isActive:(e,t)=>n?(0,ee.G)(n,t.pathname):t.pathname.startsWith(p)},...c,...h})}function re(e){let{className:t,isDropdownItem:n=!1,...r}=e;const a=(0,u.jsx)(ne,{className:(0,o.A)(n?"dropdown__link":"navbar__item navbar__link",t),isDropdownLink:n,...r});return n?(0,u.jsx)("li",{children:a}):a}function oe(e){let{className:t,isDropdownItem:n,...r}=e;return(0,u.jsx)("li",{className:"menu__list-item",children:(0,u.jsx)(ne,{className:(0,o.A)("menu__link",t),...r})})}function ae(e){let{mobile:t=!1,position:n,...r}=e;const o=t?oe:re;return(0,u.jsx)(o,{...r,activeClassName:r.activeClassName??(t?"menu__link--active":"navbar__link--active")})}var ie=n(7064),se=n(5763),le=n(9143);const ce={dropdownNavbarItemMobile:"dropdownNavbarItemMobile_Uft3"};function ue(e,t){return e.some((e=>function(e,t){return!!(0,se.ys)(e.to,t)||!!(0,ee.G)(e.activeBaseRegex,t)||!(!e.activeBasePath||!t.startsWith(e.activeBasePath))}(e,t)))}function de(e){let{items:t,position:n,className:a,onClick:i,...s}=e;const l=(0,r.useRef)(null),[c,d]=(0,r.useState)(!1);return(0,r.useEffect)((()=>{const e=e=>{l.current&&!l.current.contains(e.target)&&d(!1)};return document.addEventListener("mousedown",e),document.addEventListener("touchstart",e),document.addEventListener("focusin",e),()=>{document.removeEventListener("mousedown",e),document.removeEventListener("touchstart",e),document.removeEventListener("focusin",e)}}),[l]),(0,u.jsxs)("div",{ref:l,className:(0,o.A)("navbar__item","dropdown","dropdown--hoverable",{"dropdown--right":"right"===n,"dropdown--show":c}),children:[(0,u.jsx)(ne,{"aria-haspopup":"true","aria-expanded":c,role:"button",href:s.to?void 0:"#",className:(0,o.A)("navbar__link",a),...s,onClick:s.to?void 0:e=>e.preventDefault(),onKeyDown:e=>{"Enter"===e.key&&(e.preventDefault(),d(!c))},children:s.children??s.label}),(0,u.jsx)("ul",{className:"dropdown__menu",children:t.map(((e,t)=>(0,r.createElement)(Fe,{isDropdownItem:!0,activeClassName:"dropdown__link--active",...e,key:t})))})]})}function pe(e){let{items:t,className:n,position:a,onClick:i,...l}=e;const c=function(){const{siteConfig:{baseUrl:e}}=(0,le.A)(),{pathname:t}=(0,s.zy)();return t.replace(e,"/")}(),d=ue(t,c),{collapsed:p,toggleCollapsed:f,setCollapsed:m}=(0,ie.u)({initialState:()=>!d});return(0,r.useEffect)((()=>{d&&m(!d)}),[c,d,m]),(0,u.jsxs)("li",{className:(0,o.A)("menu__list-item",{"menu__list-item--collapsed":p}),children:[(0,u.jsx)(ne,{role:"button",className:(0,o.A)(ce.dropdownNavbarItemMobile,"menu__link menu__link--sublist menu__link--sublist-caret",n),...l,onClick:e=>{e.preventDefault(),f()},children:l.children??l.label}),(0,u.jsx)(ie.N,{lazy:!0,as:"ul",className:"menu__list",collapsed:p,children:t.map(((e,t)=>(0,r.createElement)(Fe,{mobile:!0,isDropdownItem:!0,onClick:i,activeClassName:"menu__link--active",...e,key:t})))})]})}function fe(e){let{mobile:t=!1,...n}=e;const r=t?pe:de;return(0,u.jsx)(r,{...n})}var me=n(1529);function he(e){let{width:t=20,height:n=20,...r}=e;return(0,u.jsx)("svg",{viewBox:"0 0 24 24",width:t,height:n,"aria-hidden":!0,...r,children:(0,u.jsx)("path",{fill:"currentColor",d:"M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"})})}const ge="iconLanguage_wlog";var be=n(8143),ye=n(7781),ve=n(2293),we=n(8169),Se=n(1152),xe=n(4937),ke=n(4619);function Ee(){return[`language:${(0,le.A)().i18n.currentLocale}`,function(){const e=(0,ke.v)();return[xe.C,...e]}().map((e=>`docusaurus_tag:${e}`))]}const _e={button:{buttonText:(0,l.T)({id:"theme.SearchBar.label",message:"Search",description:"The ARIA label and placeholder for search button"}),buttonAriaLabel:(0,l.T)({id:"theme.SearchBar.label",message:"Search",description:"The ARIA label and placeholder for search button"})},modal:{searchBox:{resetButtonTitle:(0,l.T)({id:"theme.SearchModal.searchBox.resetButtonTitle",message:"Clear the query",description:"The label and ARIA label for search box reset button"}),resetButtonAriaLabel:(0,l.T)({id:"theme.SearchModal.searchBox.resetButtonTitle",message:"Clear the query",description:"The label and ARIA label for search box reset button"}),cancelButtonText:(0,l.T)({id:"theme.SearchModal.searchBox.cancelButtonText",message:"Cancel",description:"The label and ARIA label for search box cancel button"}),cancelButtonAriaLabel:(0,l.T)({id:"theme.SearchModal.searchBox.cancelButtonText",message:"Cancel",description:"The label and ARIA label for search box cancel button"})},startScreen:{recentSearchesTitle:(0,l.T)({id:"theme.SearchModal.startScreen.recentSearchesTitle",message:"Recent",description:"The title for recent searches"}),noRecentSearchesText:(0,l.T)({id:"theme.SearchModal.startScreen.noRecentSearchesText",message:"No recent searches",description:"The text when no recent searches"}),saveRecentSearchButtonTitle:(0,l.T)({id:"theme.SearchModal.startScreen.saveRecentSearchButtonTitle",message:"Save this search",description:"The label for save recent search button"}),removeRecentSearchButtonTitle:(0,l.T)({id:"theme.SearchModal.startScreen.removeRecentSearchButtonTitle",message:"Remove this search from history",description:"The label for remove recent search button"}),favoriteSearchesTitle:(0,l.T)({id:"theme.SearchModal.startScreen.favoriteSearchesTitle",message:"Favorite",description:"The title for favorite searches"}),removeFavoriteSearchButtonTitle:(0,l.T)({id:"theme.SearchModal.startScreen.removeFavoriteSearchButtonTitle",message:"Remove this search from favorites",description:"The label for remove favorite search button"})},errorScreen:{titleText:(0,l.T)({id:"theme.SearchModal.errorScreen.titleText",message:"Unable to fetch results",description:"The title for error screen of search modal"}),helpText:(0,l.T)({id:"theme.SearchModal.errorScreen.helpText",message:"You might want to check your network connection.",description:"The help text for error screen of search modal"})},footer:{selectText:(0,l.T)({id:"theme.SearchModal.footer.selectText",message:"to select",description:"The explanatory text of the action for the enter key"}),selectKeyAriaLabel:(0,l.T)({id:"theme.SearchModal.footer.selectKeyAriaLabel",message:"Enter key",description:"The ARIA label for the Enter key button that makes the selection"}),navigateText:(0,l.T)({id:"theme.SearchModal.footer.navigateText",message:"to navigate",description:"The explanatory text of the action for the Arrow up and Arrow down key"}),navigateUpKeyAriaLabel:(0,l.T)({id:"theme.SearchModal.footer.navigateUpKeyAriaLabel",message:"Arrow up",description:"The ARIA label for the Arrow up key button that makes the navigation"}),navigateDownKeyAriaLabel:(0,l.T)({id:"theme.SearchModal.footer.navigateDownKeyAriaLabel",message:"Arrow down",description:"The ARIA label for the Arrow down key button that makes the navigation"}),closeText:(0,l.T)({id:"theme.SearchModal.footer.closeText",message:"to close",description:"The explanatory text of the action for Escape key"}),closeKeyAriaLabel:(0,l.T)({id:"theme.SearchModal.footer.closeKeyAriaLabel",message:"Escape key",description:"The ARIA label for the Escape key button that close the modal"}),searchByText:(0,l.T)({id:"theme.SearchModal.footer.searchByText",message:"Search by",description:"The text explain that the search is making by Algolia"})},noResultsScreen:{noResultsText:(0,l.T)({id:"theme.SearchModal.noResultsScreen.noResultsText",message:"No results for",description:"The text explains that there are no results for the following search"}),suggestedQueryText:(0,l.T)({id:"theme.SearchModal.noResultsScreen.suggestedQueryText",message:"Try searching for",description:"The text for the suggested query when no results are found for the following search"}),reportMissingResultsText:(0,l.T)({id:"theme.SearchModal.noResultsScreen.reportMissingResultsText",message:"Believe this query should return results?",description:"The text for the question where the user thinks there are missing results"}),reportMissingResultsLinkText:(0,l.T)({id:"theme.SearchModal.noResultsScreen.reportMissingResultsLinkText",message:"Let us know.",description:"The text for the link to report missing results"})}},placeholder:(0,l.T)({id:"theme.SearchModal.placeholder",message:"Search docs",description:"The placeholder of the input of the DocSearch pop-up modal"})};let Ce=null;function je(e){let{hit:t,children:n}=e;return(0,u.jsx)(Z.A,{to:t.url,children:n})}function Ae(e){let{state:t,onClose:n}=e;const r=(0,we.w)();return(0,u.jsx)(Z.A,{to:r(t.query),onClick:n,children:(0,u.jsx)(l.A,{id:"theme.SearchBar.seeAll",values:{count:t.context.nbHits},children:"See all {count} results"})})}function Oe(e){let{contextualSearch:t,externalUrlRegex:o,...a}=e;const{siteMetadata:i}=(0,le.A)(),l=(0,Se.C)(),c=Ee(),d=a.searchParameters?.facetFilters??[],p=t?function(e,t){const n=e=>"string"==typeof e?[e]:e;return[...n(e),...n(t)]}(c,d):d,f={...a.searchParameters,facetFilters:p},m=(0,s.W6)(),h=(0,r.useRef)(null),g=(0,r.useRef)(null),[b,y]=(0,r.useState)(!1),[v,w]=(0,r.useState)(void 0),S=(0,r.useCallback)((()=>Ce?Promise.resolve():Promise.all([n.e(9553).then(n.bind(n,9553)),Promise.all([n.e(1869),n.e(9562)]).then(n.bind(n,9562)),Promise.all([n.e(1869),n.e(8570)]).then(n.bind(n,8570))]).then((e=>{let[{DocSearchModal:t}]=e;Ce=t}))),[]),x=(0,r.useCallback)((()=>{if(!h.current){const e=document.createElement("div");h.current=e,document.body.insertBefore(e,document.body.firstChild)}}),[]),k=(0,r.useCallback)((()=>{x(),S().then((()=>y(!0)))}),[S,x]),E=(0,r.useCallback)((()=>{y(!1),g.current?.focus()}),[]),_=(0,r.useCallback)((e=>{"f"===e.key&&(e.metaKey||e.ctrlKey)||(e.preventDefault(),w(e.key),k())}),[k]),C=(0,r.useRef)({navigate(e){let{itemUrl:t}=e;(0,ee.G)(o,t)?window.location.href=t:m.push(t)}}).current,j=(0,r.useRef)((e=>a.transformItems?a.transformItems(e):e.map((e=>({...e,url:l(e.url)}))))).current,A=(0,r.useMemo)((()=>e=>(0,u.jsx)(Ae,{...e,onClose:E})),[E]),O=(0,r.useCallback)((e=>(e.addAlgoliaAgent("docusaurus",i.docusaurusVersion),e)),[i.docusaurusVersion]);return(0,ye.E8)({isOpen:b,onOpen:k,onClose:E,onInput:_,searchButtonRef:g}),(0,u.jsxs)(u.Fragment,{children:[(0,u.jsx)(ve.A,{children:(0,u.jsx)("link",{rel:"preconnect",href:`https://${a.appId}-dsn.algolia.net`,crossOrigin:"anonymous"})}),(0,u.jsx)(ye.Bc,{onTouchStart:S,onFocus:S,onMouseOver:S,onClick:k,ref:g,translations:_e.button}),b&&Ce&&h.current&&(0,be.createPortal)((0,u.jsx)(Ce,{onClose:E,initialScrollY:window.scrollY,initialQuery:v,navigator:C,transformItems:j,hitComponent:je,transformSearchClient:O,...a.searchPagePath&&{resultsFooterComponent:A},...a,searchParameters:f,placeholder:_e.placeholder,translations:_e.modal}),h.current)]})}function Te(){const{siteConfig:e}=(0,le.A)();return(0,u.jsx)(Oe,{...e.themeConfig.algolia})}const Pe={navbarSearchContainer:"navbarSearchContainer_DsMw"};function Le(e){let{children:t,className:n}=e;return(0,u.jsx)("div",{className:(0,o.A)(n,Pe.navbarSearchContainer),children:t})}var Ie=n(9860),Re=n(1630);var Ne=n(3724);function De(e,t){return t.alternateDocVersions[e.name]??function(e){return e.docs.find((t=>t.id===e.mainDocId))}(e)}const Me={default:ae,localeDropdown:function(e){let{mobile:t,dropdownItemsBefore:n,dropdownItemsAfter:r,queryString:o="",...a}=e;const{i18n:{currentLocale:i,locales:c,localeConfigs:d}}=(0,le.A)(),p=(0,me.o)(),{search:f,hash:m}=(0,s.zy)(),h=[...n,...c.map((e=>{const n=`${`pathname://${p.createUrl({locale:e,fullyQualified:!1})}`}${f}${m}${o}`;return{label:d[e].label,lang:d[e].htmlLang,to:n,target:"_self",autoAddBaseUrl:!1,className:e===i?t?"menu__link--active":"dropdown__link--active":""}})),...r],g=t?(0,l.T)({message:"Languages",id:"theme.navbar.mobileLanguageDropdown.label",description:"The label for the mobile language switcher dropdown"}):d[i].label;return(0,u.jsx)(fe,{...a,mobile:t,label:(0,u.jsxs)(u.Fragment,{children:[(0,u.jsx)(he,{className:ge}),g]}),items:h})},search:function(e){let{mobile:t,className:n}=e;return t?null:(0,u.jsx)(Le,{className:n,children:(0,u.jsx)(Te,{})})},dropdown:fe,html:function(e){let{value:t,className:n,mobile:r=!1,isDropdownItem:a=!1}=e;const i=a?"li":"div";return(0,u.jsx)(i,{className:(0,o.A)({navbar__item:!r&&!a,"menu__list-item":r},n),dangerouslySetInnerHTML:{__html:t}})},doc:function(e){let{docId:t,label:n,docsPluginId:r,...o}=e;const{activeDoc:a}=(0,Ie.zK)(r),i=(0,Re.QB)(t,r),s=a?.path===i?.path;return null===i||i.unlisted&&!s?null:(0,u.jsx)(ae,{exact:!0,...o,isActive:()=>s||!!a?.sidebar&&a.sidebar===i.sidebar,label:n??i.id,to:i.path})},docSidebar:function(e){let{sidebarId:t,label:n,docsPluginId:r,...o}=e;const{activeDoc:a}=(0,Ie.zK)(r),i=(0,Re.fW)(t,r).link;if(!i)throw new Error(`DocSidebarNavbarItem: Sidebar with ID "${t}" doesn't have anything to be linked to.`);return(0,u.jsx)(ae,{exact:!0,...o,isActive:()=>a?.sidebar===t,label:n??i.label,to:i.path})},docsVersion:function(e){let{label:t,to:n,docsPluginId:r,...o}=e;const a=(0,Re.Vd)(r)[0],i=t??a.label,s=n??(e=>e.docs.find((t=>t.id===e.mainDocId)))(a).path;return(0,u.jsx)(ae,{...o,label:i,to:s})},docsVersionDropdown:function(e){let{mobile:t,docsPluginId:n,dropdownActiveClassDisabled:r,dropdownItemsBefore:o,dropdownItemsAfter:a,...i}=e;const{search:c,hash:d}=(0,s.zy)(),p=(0,Ie.zK)(n),f=(0,Ie.jh)(n),{savePreferredVersionName:m}=(0,Ne.g1)(n),h=[...o,...f.map((function(e){const t=De(e,p);return{label:e.label,to:`${t.path}${c}${d}`,isActive:()=>e===p.activeVersion,onClick:()=>m(e.name)}})),...a],g=(0,Re.Vd)(n)[0],b=t&&h.length>1?(0,l.T)({id:"theme.navbar.mobileVersionsDropdown.label",message:"Versions",description:"The label for the navbar versions dropdown on mobile view"}):g.label,y=t&&h.length>1?void 0:De(g,p).path;return h.length<=1?(0,u.jsx)(ae,{...i,mobile:t,label:b,to:y,isActive:r?()=>!1:void 0}):(0,u.jsx)(fe,{...i,mobile:t,label:b,to:y,items:h,isActive:r?()=>!1:void 0})}};function Fe(e){let{type:t,...n}=e;const r=function(e,t){return e&&"default"!==e?e:"items"in t?"dropdown":"default"}(t,n),o=Me[r];if(!o)throw new Error(`No NavbarItem component found for type "${t}".`);return(0,u.jsx)(o,{...n})}function ze(){const e=(0,O.M)(),t=(0,w.p)().navbar.items;return(0,u.jsx)("ul",{className:"menu__list",children:t.map(((t,n)=>(0,r.createElement)(Fe,{mobile:!0,...t,onClick:()=>e.toggle(),key:n})))})}function Be(e){return(0,u.jsx)("button",{...e,type:"button",className:"clean-btn navbar-sidebar__back",children:(0,u.jsx)(l.A,{id:"theme.navbar.mobileSidebarSecondaryMenu.backButtonLabel",description:"The label of the back button to return to main menu, inside the mobile navbar sidebar secondary menu (notably used to display the docs sidebar)",children:"\u2190 Back to main menu"})})}function Ue(){const e=0===(0,w.p)().navbar.items.length,t=D();return(0,u.jsxs)(u.Fragment,{children:[!e&&(0,u.jsx)(Be,{onClick:()=>t.hide()}),t.content]})}function qe(){const e=(0,O.M)();var t;return void 0===(t=e.shown)&&(t=!0),(0,r.useEffect)((()=>(document.body.style.overflow=t?"hidden":"visible",()=>{document.body.style.overflow="visible"})),[t]),e.shouldRender?(0,u.jsx)(M,{header:(0,u.jsx)(Y,{}),primaryMenu:(0,u.jsx)(ze,{}),secondaryMenu:(0,u.jsx)(Ue,{})}):null}const $e={navbarHideable:"navbarHideable_v02o",navbarHidden:"navbarHidden_YVDo"};function He(e){return(0,u.jsx)("div",{role:"presentation",...e,className:(0,o.A)("navbar-sidebar__backdrop",e.className)})}function Ve(e){let{children:t}=e;const{navbar:{hideOnScroll:n,style:a}}=(0,w.p)(),i=(0,O.M)(),{navbarRef:s,isNavbarVisible:d}=function(e){const[t,n]=(0,r.useState)(e),o=(0,r.useRef)(!1),a=(0,r.useRef)(0),i=(0,r.useCallback)((e=>{null!==e&&(a.current=e.getBoundingClientRect().height)}),[]);return(0,T.Mq)(((t,r)=>{let{scrollY:i}=t;if(!e)return;if(i<a.current)return void n(!0);if(o.current)return void(o.current=!1);const s=r?.scrollY,l=document.documentElement.scrollHeight-a.current,c=window.innerHeight;s&&i>=s?n(!1):i+c<l&&n(!0)})),(0,c.$)((t=>{if(!e)return;const r=t.location.hash;if(r?document.getElementById(r.substring(1)):void 0)return o.current=!0,void n(!1);n(!0)})),{navbarRef:i,isNavbarVisible:t}}(n);return(0,u.jsxs)("nav",{ref:s,"aria-label":(0,l.T)({id:"theme.NavBar.navAriaLabel",message:"Main",description:"The ARIA label for the main navigation"}),className:(0,o.A)("navbar","navbar--fixed-top",n&&[$e.navbarHideable,!d&&$e.navbarHidden],{"navbar--dark":"dark"===a,"navbar--primary":"primary"===a,"navbar-sidebar--show":i.shown}),children:[t,(0,u.jsx)(He,{onClick:i.toggle}),(0,u.jsx)(qe,{})]})}var Ge=n(3509);const We={errorBoundaryError:"errorBoundaryError_t0Si",errorBoundaryFallback:"errorBoundaryFallback_rqmh"};function Ke(e){return(0,u.jsx)("button",{type:"button",...e,children:(0,u.jsx)(l.A,{id:"theme.ErrorPageContent.tryAgain",description:"The label of the button to try again rendering when the React error boundary captures an error",children:"Try again"})})}function Qe(e){let{error:t}=e;const n=(0,Ge.rA)(t).map((e=>e.message)).join("\n\nCause:\n");return(0,u.jsx)("p",{className:We.errorBoundaryError,children:n})}class Ye extends r.Component{componentDidCatch(e,t){throw this.props.onError(e,t)}render(){return this.props.children}}const Ze="right";function Je(e){let{width:t=30,height:n=30,className:r,...o}=e;return(0,u.jsx)("svg",{className:r,width:t,height:n,viewBox:"0 0 30 30","aria-hidden":"true",...o,children:(0,u.jsx)("path",{stroke:"currentColor",strokeLinecap:"round",strokeMiterlimit:"10",strokeWidth:"2",d:"M4 7h22M4 15h22M4 23h22"})})}function Xe(){const{toggle:e,shown:t}=(0,O.M)();return(0,u.jsx)("button",{onClick:e,"aria-label":(0,l.T)({id:"theme.docs.sidebar.toggleSidebarButtonAriaLabel",message:"Toggle navigation bar",description:"The ARIA label for hamburger menu button of mobile navigation"}),"aria-expanded":t,className:"navbar__toggle clean-btn",type:"button",children:(0,u.jsx)(Je,{})})}const et={colorModeToggle:"colorModeToggle_G2yU"};function tt(e){let{items:t}=e;return(0,u.jsx)(u.Fragment,{children:t.map(((e,t)=>(0,u.jsx)(Ye,{onError:t=>new Error(`A theme navbar item failed to render.\nPlease double-check the following navbar item (themeConfig.navbar.items) of your Docusaurus config:\n${JSON.stringify(e,null,2)}`,{cause:t}),children:(0,u.jsx)(Fe,{...e})},t)))})}function nt(e){let{left:t,right:n}=e;return(0,u.jsxs)("div",{className:"navbar__inner",children:[(0,u.jsx)("div",{className:"navbar__items",children:t}),(0,u.jsx)("div",{className:"navbar__items navbar__items--right",children:n})]})}function rt(){const e=(0,O.M)(),t=(0,w.p)().navbar.items,[n,r]=function(e){function t(e){return"left"===(e.position??Ze)}return[e.filter(t),e.filter((e=>!t(e)))]}(t),o=t.find((e=>"search"===e.type));return(0,u.jsx)(nt,{left:(0,u.jsxs)(u.Fragment,{children:[!e.disabled&&(0,u.jsx)(Xe,{}),(0,u.jsx)(K,{}),(0,u.jsx)(tt,{items:n})]}),right:(0,u.jsxs)(u.Fragment,{children:[(0,u.jsx)(tt,{items:r}),(0,u.jsx)(G,{className:et.colorModeToggle}),!o&&(0,u.jsx)(Le,{children:(0,u.jsx)(Te,{})})]})})}function ot(){return(0,u.jsx)(Ve,{children:(0,u.jsx)(rt,{})})}function at(e){let{item:t}=e;const{to:n,href:r,label:o,prependBaseUrlToHref:a,...i}=t,s=(0,J.Ay)(n),l=(0,J.Ay)(r,{forcePrependBaseUrl:!0});return(0,u.jsxs)(Z.A,{className:"footer__link-item",...r?{href:a?l:r}:{to:s},...i,children:[o,r&&!(0,X.A)(r)&&(0,u.jsx)(te.A,{})]})}function it(e){let{item:t}=e;return t.html?(0,u.jsx)("li",{className:"footer__item",dangerouslySetInnerHTML:{__html:t.html}}):(0,u.jsx)("li",{className:"footer__item",children:(0,u.jsx)(at,{item:t})},t.href??t.to)}function st(e){let{column:t}=e;return(0,u.jsxs)("div",{className:"col footer__col",children:[(0,u.jsx)("div",{className:"footer__title",children:t.title}),(0,u.jsx)("ul",{className:"footer__items clean-list",children:t.items.map(((e,t)=>(0,u.jsx)(it,{item:e},t)))})]})}function lt(e){let{columns:t}=e;return(0,u.jsx)("div",{className:"row footer__links",children:t.map(((e,t)=>(0,u.jsx)(st,{column:e},t)))})}function ct(){return(0,u.jsx)("span",{className:"footer__link-separator",children:"\xb7"})}function ut(e){let{item:t}=e;return t.html?(0,u.jsx)("span",{className:"footer__link-item",dangerouslySetInnerHTML:{__html:t.html}}):(0,u.jsx)(at,{item:t})}function dt(e){let{links:t}=e;return(0,u.jsx)("div",{className:"footer__links text--center",children:(0,u.jsx)("div",{className:"footer__links",children:t.map(((e,n)=>(0,u.jsxs)(r.Fragment,{children:[(0,u.jsx)(ut,{item:e}),t.length!==n+1&&(0,u.jsx)(ct,{})]},n)))})})}function pt(e){let{links:t}=e;return function(e){return"title"in e[0]}(t)?(0,u.jsx)(lt,{columns:t}):(0,u.jsx)(dt,{links:t})}var ft=n(6012);const mt={footerLogoLink:"footerLogoLink_HxP9"};function ht(e){let{logo:t}=e;const{withBaseUrl:n}=(0,J.hH)(),r={light:n(t.src),dark:n(t.srcDark??t.src)};return(0,u.jsx)(ft.A,{className:(0,o.A)("footer__logo",t.className),alt:t.alt,sources:r,width:t.width,height:t.height,style:t.style})}function gt(e){let{logo:t}=e;return t.href?(0,u.jsx)(Z.A,{href:t.href,className:mt.footerLogoLink,target:t.target,children:(0,u.jsx)(ht,{logo:t})}):(0,u.jsx)(ht,{logo:t})}function bt(e){let{copyright:t}=e;return(0,u.jsx)("div",{className:"footer__copyright",dangerouslySetInnerHTML:{__html:t}})}function yt(e){let{style:t,links:n,logo:r,copyright:a}=e;return(0,u.jsx)("footer",{className:(0,o.A)("footer",{"footer--dark":"dark"===t}),children:(0,u.jsxs)("div",{className:"container container-fluid",children:[n,(r||a)&&(0,u.jsxs)("div",{className:"footer__bottom text--center",children:[r&&(0,u.jsx)("div",{className:"margin-bottom--sm",children:r}),a]})]})})}function vt(){const{footer:e}=(0,w.p)();if(!e)return null;const{copyright:t,links:n,logo:r,style:o}=e;return(0,u.jsx)(yt,{style:o,links:n&&n.length>0&&(0,u.jsx)(pt,{links:n}),logo:r&&(0,u.jsx)(gt,{logo:r}),copyright:t&&(0,u.jsx)(bt,{copyright:t})})}const wt=r.memo(vt),St=(0,P.fM)([F.a,S.o,T.Tv,Ne.VQ,i.Jx,function(e){let{children:t}=e;return(0,u.jsx)(L.y_,{children:(0,u.jsx)(O.e,{children:(0,u.jsx)(R,{children:t})})})}]);function xt(e){let{children:t}=e;return(0,u.jsx)(St,{children:t})}var kt=n(1507);function Et(e){let{error:t,tryAgain:n}=e;return(0,u.jsx)("main",{className:"container margin-vert--xl",children:(0,u.jsx)("div",{className:"row",children:(0,u.jsxs)("div",{className:"col col--6 col--offset-3",children:[(0,u.jsx)(kt.A,{as:"h1",className:"hero__title",children:(0,u.jsx)(l.A,{id:"theme.ErrorPageContent.title",description:"The title of the fallback page when the page crashed",children:"This page crashed."})}),(0,u.jsx)("div",{className:"margin-vert--lg",children:(0,u.jsx)(Ke,{onClick:n,className:"button button--primary shadow--lw"})}),(0,u.jsx)("hr",{}),(0,u.jsx)("div",{className:"margin-vert--md",children:(0,u.jsx)(Qe,{error:t})})]})})})}const _t={mainWrapper:"mainWrapper_ZPwK"};function Ct(e){const{children:t,noFooter:n,wrapperClassName:r,title:s,description:l}=e;return(0,b.J)(),(0,u.jsxs)(xt,{children:[(0,u.jsx)(i.be,{title:s,description:l}),(0,u.jsx)(v,{}),(0,u.jsx)(A,{}),(0,u.jsx)(ot,{}),(0,u.jsx)("div",{id:d,className:(0,o.A)(g.G.wrapper.main,_t.mainWrapper,r),children:(0,u.jsx)(a.A,{fallback:e=>(0,u.jsx)(Et,{...e}),children:t})}),!n&&(0,u.jsx)(wt,{})]})}},7007:(e,t,n)=>{"use strict";n.d(t,{A:()=>u});n(758);var r=n(6783),o=n(5252),a=n(9143),i=n(316),s=n(6012),l=n(6070);function c(e){let{logo:t,alt:n,imageClassName:r}=e;const a={light:(0,o.Ay)(t.src),dark:(0,o.Ay)(t.srcDark||t.src)},i=(0,l.jsx)(s.A,{className:t.className,sources:a,height:t.height,width:t.width,alt:n,style:t.style});return r?(0,l.jsx)("div",{className:r,children:i}):i}function u(e){const{siteConfig:{title:t}}=(0,a.A)(),{navbar:{title:n,logo:s}}=(0,i.p)(),{imageClassName:u,titleClassName:d,...p}=e,f=(0,o.Ay)(s?.href||"/"),m=n?"":t,h=s?.alt??m;return(0,l.jsxs)(r.A,{to:f,...p,...s?.target&&{target:s.target},children:[s&&(0,l.jsx)(c,{logo:s,alt:h,imageClassName:u}),null!=n&&(0,l.jsx)("b",{className:d,children:n})]})}},1701:(e,t,n)=>{"use strict";n.d(t,{A:()=>a});n(758);var r=n(2293),o=n(6070);function a(e){let{locale:t,version:n,tag:a}=e;const i=t;return(0,o.jsxs)(r.A,{children:[t&&(0,o.jsx)("meta",{name:"docusaurus_locale",content:t}),n&&(0,o.jsx)("meta",{name:"docusaurus_version",content:n}),a&&(0,o.jsx)("meta",{name:"docusaurus_tag",content:a}),i&&(0,o.jsx)("meta",{name:"docsearch:language",content:i}),n&&(0,o.jsx)("meta",{name:"docsearch:version",content:n}),a&&(0,o.jsx)("meta",{name:"docsearch:docusaurus_tag",content:a})]})}},6012:(e,t,n)=>{"use strict";n.d(t,{A:()=>u});var r=n(758),o=n(3526),a=n(2630),i=n(9731);const s={themedComponent:"themedComponent_v9BS","themedComponent--light":"themedComponent--light_bfJ3","themedComponent--dark":"themedComponent--dark_BRRK"};var l=n(6070);function c(e){let{className:t,children:n}=e;const c=(0,a.A)(),{colorMode:u}=(0,i.G)();return(0,l.jsx)(l.Fragment,{children:(c?"dark"===u?["dark"]:["light"]:["light","dark"]).map((e=>{const a=n({theme:e,className:(0,o.A)(t,s.themedComponent,s[`themedComponent--${e}`])});return(0,l.jsx)(r.Fragment,{children:a},e)}))})}function u(e){const{sources:t,className:n,alt:r,...o}=e;return(0,l.jsx)(c,{className:n,children:e=>{let{theme:n,className:a}=e;return(0,l.jsx)("img",{src:t[n],alt:r,className:a,...o})}})}},7064:(e,t,n)=>{"use strict";n.d(t,{N:()=>b,u:()=>c});var r=n(758),o=n(3088),a=n(8302),i=n(9963),s=n(6070);const l="ease-in-out";function c(e){let{initialState:t}=e;const[n,o]=(0,r.useState)(t??!1),a=(0,r.useCallback)((()=>{o((e=>!e))}),[]);return{collapsed:n,setCollapsed:o,toggleCollapsed:a}}const u={display:"none",overflow:"hidden",height:"0px"},d={display:"block",overflow:"visible",height:"auto"};function p(e,t){const n=t?u:d;e.style.display=n.display,e.style.overflow=n.overflow,e.style.height=n.height}function f(e){let{collapsibleRef:t,collapsed:n,animation:o}=e;const a=(0,r.useRef)(!1);(0,r.useEffect)((()=>{const e=t.current;function r(){const t=e.scrollHeight,n=o?.duration??function(e){if((0,i.O)())return 1;const t=e/36;return Math.round(10*(4+15*t**.25+t/5))}(t);return{transition:`height ${n}ms ${o?.easing??l}`,height:`${t}px`}}function s(){const t=r();e.style.transition=t.transition,e.style.height=t.height}if(!a.current)return p(e,n),void(a.current=!0);return e.style.willChange="height",function(){const t=requestAnimationFrame((()=>{n?(s(),requestAnimationFrame((()=>{e.style.height=u.height,e.style.overflow=u.overflow}))):(e.style.display="block",requestAnimationFrame((()=>{s()})))}));return()=>cancelAnimationFrame(t)}()}),[t,n,o])}function m(e){if(!o.A.canUseDOM)return e?u:d}function h(e){let{as:t="div",collapsed:n,children:o,animation:a,onCollapseTransitionEnd:i,className:l,disableSSRStyle:c}=e;const u=(0,r.useRef)(null);return f({collapsibleRef:u,collapsed:n,animation:a}),(0,s.jsx)(t,{ref:u,style:c?void 0:m(n),onTransitionEnd:e=>{"height"===e.propertyName&&(p(u.current,n),i?.(n))},className:l,children:o})}function g(e){let{collapsed:t,...n}=e;const[o,i]=(0,r.useState)(!t),[l,c]=(0,r.useState)(t);return(0,a.A)((()=>{t||i(!0)}),[t]),(0,a.A)((()=>{o&&c(t)}),[o,t]),o?(0,s.jsx)(h,{...n,collapsed:l}):null}function b(e){let{lazy:t,...n}=e;const r=t?g:h;return(0,s.jsx)(r,{...n})}},1611:(e,t,n)=>{"use strict";n.d(t,{M:()=>h,o:()=>m});var r=n(758),o=n(2630),a=n(3349),i=n(4902),s=n(316),l=n(6070);const c=(0,a.Wf)("docusaurus.announcement.dismiss"),u=(0,a.Wf)("docusaurus.announcement.id"),d=()=>"true"===c.get(),p=e=>c.set(String(e)),f=r.createContext(null);function m(e){let{children:t}=e;const n=function(){const{announcementBar:e}=(0,s.p)(),t=(0,o.A)(),[n,a]=(0,r.useState)((()=>!!t&&d()));(0,r.useEffect)((()=>{a(d())}),[]);const i=(0,r.useCallback)((()=>{p(!0),a(!0)}),[]);return(0,r.useEffect)((()=>{if(!e)return;const{id:t}=e;let n=u.get();"annoucement-bar"===n&&(n="announcement-bar");const r=t!==n;u.set(t),r&&p(!1),!r&&d()||a(!1)}),[e]),(0,r.useMemo)((()=>({isActive:!!e&&!n,close:i})),[e,n,i])}();return(0,l.jsx)(f.Provider,{value:n,children:t})}function h(){const e=(0,r.useContext)(f);if(!e)throw new i.dV("AnnouncementBarProvider");return e}},9731:(e,t,n)=>{"use strict";n.d(t,{G:()=>b,a:()=>g});var r=n(758),o=n(3088),a=n(4902),i=n(3349),s=n(316),l=n(6070);const c=r.createContext(void 0),u="theme",d=(0,i.Wf)(u),p={light:"light",dark:"dark"},f=e=>e===p.dark?p.dark:p.light,m=e=>o.A.canUseDOM?f(document.documentElement.getAttribute("data-theme")):f(e),h=e=>{d.set(f(e))};function g(e){let{children:t}=e;const n=function(){const{colorMode:{defaultMode:e,disableSwitch:t,respectPrefersColorScheme:n}}=(0,s.p)(),[o,a]=(0,r.useState)(m(e));(0,r.useEffect)((()=>{t&&d.del()}),[t]);const i=(0,r.useCallback)((function(t,r){void 0===r&&(r={});const{persist:o=!0}=r;t?(a(t),o&&h(t)):(a(n?window.matchMedia("(prefers-color-scheme: dark)").matches?p.dark:p.light:e),d.del())}),[n,e]);(0,r.useEffect)((()=>{document.documentElement.setAttribute("data-theme",f(o))}),[o]),(0,r.useEffect)((()=>{if(t)return;const e=e=>{if(e.key!==u)return;const t=d.get();null!==t&&i(f(t))};return window.addEventListener("storage",e),()=>window.removeEventListener("storage",e)}),[t,i]);const l=(0,r.useRef)(!1);return(0,r.useEffect)((()=>{if(t&&!n)return;const e=window.matchMedia("(prefers-color-scheme: dark)"),r=()=>{window.matchMedia("print").matches||l.current?l.current=window.matchMedia("print").matches:i(null)};return e.addListener(r),()=>e.removeListener(r)}),[i,t,n]),(0,r.useMemo)((()=>({colorMode:o,setColorMode:i,get isDarkTheme(){return o===p.dark},setLightTheme(){i(p.light)},setDarkTheme(){i(p.dark)}})),[o,i])}();return(0,l.jsx)(c.Provider,{value:n,children:t})}function b(){const e=(0,r.useContext)(c);if(null==e)throw new a.dV("ColorModeProvider","Please see https://docusaurus.io/docs/api/themes/configuration#use-color-mode.");return e}},1003:(e,t,n)=>{"use strict";n.d(t,{M:()=>f,e:()=>p});var r=n(758),o=n(646),a=n(9207),i=n(3979),s=n(316),l=n(4902),c=n(6070);const u=r.createContext(void 0);function d(){const e=function(){const e=(0,o.YL)(),{items:t}=(0,s.p)().navbar;return 0===t.length&&!e.component}(),t=(0,a.l)(),n=!e&&"mobile"===t,[l,c]=(0,r.useState)(!1);(0,i.$Z)((()=>{if(l)return c(!1),!1}));const u=(0,r.useCallback)((()=>{c((e=>!e))}),[]);return(0,r.useEffect)((()=>{"desktop"===t&&c(!1)}),[t]),(0,r.useMemo)((()=>({disabled:e,shouldRender:n,toggle:u,shown:l})),[e,n,u,l])}function p(e){let{children:t}=e;const n=d();return(0,c.jsx)(u.Provider,{value:n,children:t})}function f(){const e=r.useContext(u);if(void 0===e)throw new l.dV("NavbarMobileSidebarProvider");return e}},646:(e,t,n)=>{"use strict";n.d(t,{GX:()=>c,YL:()=>l,y_:()=>s});var r=n(758),o=n(4902),a=n(6070);const i=r.createContext(null);function s(e){let{children:t}=e;const n=(0,r.useState)({component:null,props:null});return(0,a.jsx)(i.Provider,{value:n,children:t})}function l(){const e=(0,r.useContext)(i);if(!e)throw new o.dV("NavbarSecondaryMenuContentProvider");return e[0]}function c(e){let{component:t,props:n}=e;const a=(0,r.useContext)(i);if(!a)throw new o.dV("NavbarSecondaryMenuContentProvider");const[,s]=a,l=(0,o.Be)(n);return(0,r.useEffect)((()=>{s({component:t,props:l})}),[s,t,l]),(0,r.useEffect)((()=>()=>s({component:null,props:null})),[s]),null}},9782:(e,t,n)=>{"use strict";n.d(t,{w:()=>o,J:()=>a});var r=n(758);const o="navigation-with-keyboard";function a(){(0,r.useEffect)((()=>{function e(e){"keydown"===e.type&&"Tab"===e.key&&document.body.classList.add(o),"mousedown"===e.type&&document.body.classList.remove(o)}return document.addEventListener("keydown",e),document.addEventListener("mousedown",e),()=>{document.body.classList.remove(o),document.removeEventListener("keydown",e),document.removeEventListener("mousedown",e)}}),[])}},8169:(e,t,n)=>{"use strict";n.d(t,{b:()=>s,w:()=>l});var r=n(758),o=n(9143),a=n(3979);const i="q";function s(){return(0,a.l)(i)}function l(){const{siteConfig:{baseUrl:e,themeConfig:t}}=(0,o.A)(),{algolia:{searchPagePath:n}}=t;return(0,r.useCallback)((t=>`${e}${n}?${i}=${encodeURIComponent(t)}`),[e,n])}},9207:(e,t,n)=>{"use strict";n.d(t,{l:()=>s});var r=n(758),o=n(3088);const a={desktop:"desktop",mobile:"mobile",ssr:"ssr"},i=996;function s(e){let{desktopBreakpoint:t=i}=void 0===e?{}:e;const[n,s]=(0,r.useState)((()=>"ssr"));return(0,r.useEffect)((()=>{function e(){s(function(e){if(!o.A.canUseDOM)throw new Error("getWindowSize() should only be called after React hydration");return window.innerWidth>e?a.desktop:a.mobile}(t))}return e(),window.addEventListener("resize",e),()=>{window.removeEventListener("resize",e)}}),[t]),n}},8813:(e,t,n)=>{"use strict";n.d(t,{G:()=>r});const r={page:{blogListPage:"blog-list-page",blogPostPage:"blog-post-page",blogTagsListPage:"blog-tags-list-page",blogTagPostListPage:"blog-tags-post-list-page",blogAuthorsListPage:"blog-authors-list-page",blogAuthorsPostsPage:"blog-authors-posts-page",docsDocPage:"docs-doc-page",docsTagsListPage:"docs-tags-list-page",docsTagDocListPage:"docs-tags-doc-list-page",mdxPage:"mdx-page"},wrapper:{main:"main-wrapper",blogPages:"blog-wrapper",docsPages:"docs-wrapper",mdxPages:"mdx-wrapper"},common:{editThisPage:"theme-edit-this-page",lastUpdated:"theme-last-updated",backToTopButton:"theme-back-to-top-button",codeBlock:"theme-code-block",admonition:"theme-admonition",unlistedBanner:"theme-unlisted-banner",draftBanner:"theme-draft-banner",admonitionType:e=>`theme-admonition-${e}`},layout:{},docs:{docVersionBanner:"theme-doc-version-banner",docVersionBadge:"theme-doc-version-badge",docBreadcrumbs:"theme-doc-breadcrumbs",docMarkdown:"theme-doc-markdown",docTocMobile:"theme-doc-toc-mobile",docTocDesktop:"theme-doc-toc-desktop",docFooter:"theme-doc-footer",docFooterTagsRow:"theme-doc-footer-tags-row",docFooterEditMetaRow:"theme-doc-footer-edit-meta-row",docSidebarContainer:"theme-doc-sidebar-container",docSidebarMenu:"theme-doc-sidebar-menu",docSidebarItemCategory:"theme-doc-sidebar-item-category",docSidebarItemLink:"theme-doc-sidebar-item-link",docSidebarItemCategoryLevel:e=>`theme-doc-sidebar-item-category-level-${e}`,docSidebarItemLinkLevel:e=>`theme-doc-sidebar-item-link-level-${e}`},blog:{blogFooterTagsRow:"theme-blog-footer-tags-row",blogFooterEditMetaRow:"theme-blog-footer-edit-meta-row"},pages:{pageFooterEditMetaRow:"theme-pages-footer-edit-meta-row"}}},9963:(e,t,n)=>{"use strict";function r(){return window.matchMedia("(prefers-reduced-motion: reduce)").matches}n.d(t,{O:()=>r})},7743:(e,t,n)=>{"use strict";n.d(t,{s:()=>o});var r=n(9143);function o(e){const{siteConfig:t}=(0,r.A)(),{title:n,titleDelimiter:o}=t;return e?.trim().length?`${e.trim()} ${o} ${n}`:n}},3979:(e,t,n)=>{"use strict";n.d(t,{$Z:()=>i,l:()=>l});var r=n(758),o=n(5557),a=n(4902);function i(e){!function(e){const t=(0,o.W6)(),n=(0,a._q)(e);(0,r.useEffect)((()=>t.block(((e,t)=>n(e,t)))),[t,n])}(((t,n)=>{if("POP"===n)return e(t,n)}))}function s(e){const t=(0,o.W6)();return(0,r.useSyncExternalStore)(t.listen,(()=>e(t)),(()=>e(t)))}function l(e){const t=function(e){return s((t=>null===e?null:new URLSearchParams(t.location.search).get(e)))}(e)??"",n=function(e){const t=(0,o.W6)();return(0,r.useCallback)(((n,r)=>{const o=new URLSearchParams(t.location.search);n?o.set(e,n):o.delete(e),(r?.push?t.push:t.replace)({search:o.toString()})}),[e,t])}(e);return[t,n]}},2632:(e,t,n)=>{"use strict";function r(e){return Array.from(new Set(e))}function o(e,t){const n={};let r=0;for(const o of e){const e=t(o,r);n[e]??=[],n[e].push(o),r+=1}return n}n.d(t,{$z:()=>o,sb:()=>r})},898:(e,t,n)=>{"use strict";n.d(t,{Jx:()=>f,be:()=>u,e3:()=>p});var r=n(758),o=n(3526),a=n(2293),i=n(3112),s=n(5252),l=n(7743),c=n(6070);function u(e){let{title:t,description:n,keywords:r,image:o,children:i}=e;const u=(0,l.s)(t),{withBaseUrl:d}=(0,s.hH)(),p=o?d(o,{absolute:!0}):void 0;return(0,c.jsxs)(a.A,{children:[t&&(0,c.jsx)("title",{children:u}),t&&(0,c.jsx)("meta",{property:"og:title",content:u}),n&&(0,c.jsx)("meta",{name:"description",content:n}),n&&(0,c.jsx)("meta",{property:"og:description",content:n}),r&&(0,c.jsx)("meta",{name:"keywords",content:Array.isArray(r)?r.join(","):r}),p&&(0,c.jsx)("meta",{property:"og:image",content:p}),p&&(0,c.jsx)("meta",{name:"twitter:image",content:p}),i]})}const d=r.createContext(void 0);function p(e){let{className:t,children:n}=e;const i=r.useContext(d),s=(0,o.A)(i,t);return(0,c.jsxs)(d.Provider,{value:s,children:[(0,c.jsx)(a.A,{children:(0,c.jsx)("html",{className:s})}),n]})}function f(e){let{children:t}=e;const n=(0,i.A)(),r=`plugin-${n.plugin.name.replace(/docusaurus-(?:plugin|theme)-(?:content-)?/gi,"")}`;const a=`plugin-id-${n.plugin.id}`;return(0,c.jsx)(p,{className:(0,o.A)(r,a),children:t})}},4902:(e,t,n)=>{"use strict";n.d(t,{Be:()=>c,ZC:()=>s,_q:()=>i,dV:()=>l,fM:()=>u});var r=n(758),o=n(8302),a=n(6070);function i(e){const t=(0,r.useRef)(e);return(0,o.A)((()=>{t.current=e}),[e]),(0,r.useCallback)((function(){return t.current(...arguments)}),[])}function s(e){const t=(0,r.useRef)();return(0,o.A)((()=>{t.current=e})),t.current}class l extends Error{constructor(e,t){super(),this.name="ReactContextError",this.message=`Hook ${this.stack?.split("\n")[1]?.match(/at (?:\w+\.)?(?<name>\w+)/)?.groups.name??""} is called outside the <${e}>. ${t??""}`}}function c(e){const t=Object.entries(e);return t.sort(((e,t)=>e[0].localeCompare(t[0]))),(0,r.useMemo)((()=>e),t.flat())}function u(e){return t=>{let{children:n}=t;return(0,a.jsx)(a.Fragment,{children:e.reduceRight(((e,t)=>(0,a.jsx)(t,{children:e})),n)})}}},5130:(e,t,n)=>{"use strict";function r(e,t){return void 0!==e&&void 0!==t&&new RegExp(e,"gi").test(t)}n.d(t,{G:()=>r})},5763:(e,t,n)=>{"use strict";n.d(t,{Dt:()=>s,ys:()=>i});var r=n(758),o=n(1377),a=n(9143);function i(e,t){const n=e=>(!e||e.endsWith("/")?e:`${e}/`)?.toLowerCase();return n(e)===n(t)}function s(){const{baseUrl:e}=(0,a.A)().siteConfig;return(0,r.useMemo)((()=>function(e){let{baseUrl:t,routes:n}=e;function r(e){return e.path===t&&!0===e.exact}function o(e){return e.path===t&&!e.exact}return function e(t){if(0===t.length)return;return t.find(r)||e(t.filter(o).flatMap((e=>e.routes??[])))}(n)}({routes:o.A,baseUrl:e})),[e])}},9030:(e,t,n)=>{"use strict";n.d(t,{Mq:()=>p,Tv:()=>c,gk:()=>f});var r=n(758),o=n(3088),a=n(2630),i=(n(8302),n(4902)),s=n(6070);const l=r.createContext(void 0);function c(e){let{children:t}=e;const n=function(){const e=(0,r.useRef)(!0);return(0,r.useMemo)((()=>({scrollEventsEnabledRef:e,enableScrollEvents:()=>{e.current=!0},disableScrollEvents:()=>{e.current=!1}})),[])}();return(0,s.jsx)(l.Provider,{value:n,children:t})}function u(){const e=(0,r.useContext)(l);if(null==e)throw new i.dV("ScrollControllerProvider");return e}const d=()=>o.A.canUseDOM?{scrollX:window.pageXOffset,scrollY:window.pageYOffset}:null;function p(e,t){void 0===t&&(t=[]);const{scrollEventsEnabledRef:n}=u(),o=(0,r.useRef)(d()),a=(0,i._q)(e);(0,r.useEffect)((()=>{const e=()=>{if(!n.current)return;const e=d();a(e,o.current),o.current=e},t={passive:!0};return e(),window.addEventListener("scroll",e,t),()=>window.removeEventListener("scroll",e,t)}),[a,n,...t])}function f(){const e=(0,r.useRef)(null),t=(0,a.A)()&&"smooth"===getComputedStyle(document.documentElement).scrollBehavior;return{startScroll:n=>{e.current=t?function(e){return window.scrollTo({top:e,behavior:"smooth"}),()=>{}}(n):function(e){let t=null;const n=document.documentElement.scrollTop>e;return function r(){const o=document.documentElement.scrollTop;(n&&o>e||!n&&o<e)&&(t=requestAnimationFrame(r),window.scrollTo(0,Math.floor(.85*(o-e))+e))}(),()=>t&&cancelAnimationFrame(t)}(n)},cancelScroll:()=>e.current?.()}}},4937:(e,t,n)=>{"use strict";n.d(t,{C:()=>r});const r="default"},3349:(e,t,n)=>{"use strict";n.d(t,{Wf:()=>c});n(758);const r=JSON.parse('{"N":"localStorage","M":""}'),o=r.N;function a(e){let{key:t,oldValue:n,newValue:r,storage:o}=e;if(n===r)return;const a=document.createEvent("StorageEvent");a.initStorageEvent("storage",!1,!1,t,n,r,window.location.href,o),window.dispatchEvent(a)}function i(e){if(void 0===e&&(e=o),"undefined"==typeof window)throw new Error("Browser storage is not available on Node.js/Docusaurus SSR process.");if("none"===e)return null;try{return window[e]}catch(n){return t=n,s||(console.warn("Docusaurus browser storage is not available.\nPossible reasons: running Docusaurus in an iframe, in an incognito browser session, or using too strict browser privacy settings.",t),s=!0),null}var t}let s=!1;const l={get:()=>null,set:()=>{},del:()=>{},listen:()=>()=>{}};function c(e,t){const n=`${e}${r.M}`;if("undefined"==typeof window)return function(e){function t(){throw new Error(`Illegal storage API usage for storage key "${e}".\nDocusaurus storage APIs are not supposed to be called on the server-rendering process.\nPlease only call storage APIs in effects and event handlers.`)}return{get:t,set:t,del:t,listen:t}}(n);const o=i(t?.persistence);return null===o?l:{get:()=>{try{return o.getItem(n)}catch(e){return console.error(`Docusaurus storage error, can't get key=${n}`,e),null}},set:e=>{try{const t=o.getItem(n);o.setItem(n,e),a({key:n,oldValue:t,newValue:e,storage:o})}catch(t){console.error(`Docusaurus storage error, can't set ${n}=${e}`,t)}},del:()=>{try{const e=o.getItem(n);o.removeItem(n),a({key:n,oldValue:e,newValue:null,storage:o})}catch(e){console.error(`Docusaurus storage error, can't delete key=${n}`,e)}},listen:e=>{try{const t=t=>{t.storageArea===o&&t.key===n&&e(t)};return window.addEventListener("storage",t),()=>window.removeEventListener("storage",t)}catch(t){return console.error(`Docusaurus storage error, can't listen for changes of key=${n}`,t),()=>{}}}}}},1529:(e,t,n)=>{"use strict";n.d(t,{o:()=>i});var r=n(9143),o=n(5557),a=n(3509);function i(){const{siteConfig:{baseUrl:e,url:t,trailingSlash:n},i18n:{defaultLocale:i,currentLocale:s}}=(0,r.A)(),{pathname:l}=(0,o.zy)(),c=(0,a.Ks)(l,{trailingSlash:n,baseUrl:e}),u=s===i?e:e.replace(`/${s}/`,"/"),d=c.replace(e,"");return{createUrl:function(e){let{locale:n,fullyQualified:r}=e;return`${r?t:""}${function(e){return e===i?`${u}`:`${u}${e}/`}(n)}${d}`}}}},2360:(e,t,n)=>{"use strict";n.d(t,{$:()=>i});var r=n(758),o=n(5557),a=n(4902);function i(e){const t=(0,o.zy)(),n=(0,a.ZC)(t),i=(0,a._q)(e);(0,r.useEffect)((()=>{n&&t!==n&&i({location:t,previousLocation:n})}),[i,t,n])}},316:(e,t,n)=>{"use strict";n.d(t,{p:()=>o});var r=n(9143);function o(){return(0,r.A)().siteConfig.themeConfig}},7e3:(e,t,n)=>{"use strict";n.d(t,{c:()=>o});var r=n(9143);function o(){const{siteConfig:{themeConfig:e}}=(0,r.A)();return e}},1152:(e,t,n)=>{"use strict";n.d(t,{C:()=>s});var r=n(758),o=n(5130),a=n(5252),i=n(7e3);function s(){const{withBaseUrl:e}=(0,a.hH)(),{algolia:{externalUrlRegex:t,replaceSearchResultPathname:n}}=(0,i.c)();return(0,r.useCallback)((r=>{const a=new URL(r);if((0,o.G)(t,a.href))return r;const i=`${a.pathname+a.hash}`;return e(function(e,t){return t?e.replaceAll(new RegExp(t.from,"g"),t.to):e}(i,n))}),[e,t,n])}},1640:(e,t,n)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.addTrailingSlash=o,t.default=function(e,t){const{trailingSlash:n,baseUrl:r}=t;if(e.startsWith("#"))return e;if(void 0===n)return e;const[i]=e.split(/[#?]/),s="/"===i||i===r?i:(l=i,c=n,c?o(l):a(l));var l,c;return e.replace(i,s)},t.addLeadingSlash=function(e){return(0,r.addPrefix)(e,"/")},t.removeTrailingSlash=a;const r=n(239);function o(e){return e.endsWith("/")?e:`${e}/`}function a(e){return(0,r.removeSuffix)(e,"/")}},4814:(e,t)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.getErrorCausalChain=function e(t){if(t.cause)return[t,...e(t.cause)];return[t]}},3509:(e,t,n)=>{"use strict";t.rA=t.Ks=t.LU=void 0;const r=n(3422);t.LU="__blog-post-container";var o=n(1640);Object.defineProperty(t,"Ks",{enumerable:!0,get:function(){return r.__importDefault(o).default}});var a=n(239);var i=n(4814);Object.defineProperty(t,"rA",{enumerable:!0,get:function(){return i.getErrorCausalChain}})},239:(e,t)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.addPrefix=function(e,t){return e.startsWith(t)?e:`${t}${e}`},t.removeSuffix=function(e,t){if(""===t)return e;return e.endsWith(t)?e.slice(0,-t.length):e},t.addSuffix=function(e,t){return e.endsWith(t)?e:`${e}${t}`},t.removePrefix=function(e,t){return e.startsWith(t)?e.slice(t.length):e}},3332:(e,t,n)=>{"use strict";n.d(t,{zR:()=>w,TM:()=>C,yJ:()=>f,sC:()=>A,AO:()=>p});var r=n(991);function o(e){return"/"===e.charAt(0)}function a(e,t){for(var n=t,r=n+1,o=e.length;r<o;n+=1,r+=1)e[n]=e[r];e.pop()}const i=function(e,t){void 0===t&&(t="");var n,r=e&&e.split("/")||[],i=t&&t.split("/")||[],s=e&&o(e),l=t&&o(t),c=s||l;if(e&&o(e)?i=r:r.length&&(i.pop(),i=i.concat(r)),!i.length)return"/";if(i.length){var u=i[i.length-1];n="."===u||".."===u||""===u}else n=!1;for(var d=0,p=i.length;p>=0;p--){var f=i[p];"."===f?a(i,p):".."===f?(a(i,p),d++):d&&(a(i,p),d--)}if(!c)for(;d--;d)i.unshift("..");!c||""===i[0]||i[0]&&o(i[0])||i.unshift("");var m=i.join("/");return n&&"/"!==m.substr(-1)&&(m+="/"),m};var s=n(5385);function l(e){return"/"===e.charAt(0)?e:"/"+e}function c(e){return"/"===e.charAt(0)?e.substr(1):e}function u(e,t){return function(e,t){return 0===e.toLowerCase().indexOf(t.toLowerCase())&&-1!=="/?#".indexOf(e.charAt(t.length))}(e,t)?e.substr(t.length):e}function d(e){return"/"===e.charAt(e.length-1)?e.slice(0,-1):e}function p(e){var t=e.pathname,n=e.search,r=e.hash,o=t||"/";return n&&"?"!==n&&(o+="?"===n.charAt(0)?n:"?"+n),r&&"#"!==r&&(o+="#"===r.charAt(0)?r:"#"+r),o}function f(e,t,n,o){var a;"string"==typeof e?(a=function(e){var t=e||"/",n="",r="",o=t.indexOf("#");-1!==o&&(r=t.substr(o),t=t.substr(0,o));var a=t.indexOf("?");return-1!==a&&(n=t.substr(a),t=t.substr(0,a)),{pathname:t,search:"?"===n?"":n,hash:"#"===r?"":r}}(e),a.state=t):(void 0===(a=(0,r.A)({},e)).pathname&&(a.pathname=""),a.search?"?"!==a.search.charAt(0)&&(a.search="?"+a.search):a.search="",a.hash?"#"!==a.hash.charAt(0)&&(a.hash="#"+a.hash):a.hash="",void 0!==t&&void 0===a.state&&(a.state=t));try{a.pathname=decodeURI(a.pathname)}catch(s){throw s instanceof URIError?new URIError('Pathname "'+a.pathname+'" could not be decoded. This is likely caused by an invalid percent-encoding.'):s}return n&&(a.key=n),o?a.pathname?"/"!==a.pathname.charAt(0)&&(a.pathname=i(a.pathname,o.pathname)):a.pathname=o.pathname:a.pathname||(a.pathname="/"),a}function m(){var e=null;var t=[];return{setPrompt:function(t){return e=t,function(){e===t&&(e=null)}},confirmTransitionTo:function(t,n,r,o){if(null!=e){var a="function"==typeof e?e(t,n):e;"string"==typeof a?"function"==typeof r?r(a,o):o(!0):o(!1!==a)}else o(!0)},appendListener:function(e){var n=!0;function r(){n&&e.apply(void 0,arguments)}return t.push(r),function(){n=!1,t=t.filter((function(e){return e!==r}))}},notifyListeners:function(){for(var e=arguments.length,n=new Array(e),r=0;r<e;r++)n[r]=arguments[r];t.forEach((function(e){return e.apply(void 0,n)}))}}}var h=!("undefined"==typeof window||!window.document||!window.document.createElement);function g(e,t){t(window.confirm(e))}var b="popstate",y="hashchange";function v(){try{return window.history.state||{}}catch(e){return{}}}function w(e){void 0===e&&(e={}),h||(0,s.A)(!1);var t,n=window.history,o=(-1===(t=window.navigator.userAgent).indexOf("Android 2.")&&-1===t.indexOf("Android 4.0")||-1===t.indexOf("Mobile Safari")||-1!==t.indexOf("Chrome")||-1!==t.indexOf("Windows Phone"))&&window.history&&"pushState"in window.history,a=!(-1===window.navigator.userAgent.indexOf("Trident")),i=e,c=i.forceRefresh,w=void 0!==c&&c,S=i.getUserConfirmation,x=void 0===S?g:S,k=i.keyLength,E=void 0===k?6:k,_=e.basename?d(l(e.basename)):"";function C(e){var t=e||{},n=t.key,r=t.state,o=window.location,a=o.pathname+o.search+o.hash;return _&&(a=u(a,_)),f(a,r,n)}function j(){return Math.random().toString(36).substr(2,E)}var A=m();function O(e){(0,r.A)(U,e),U.length=n.length,A.notifyListeners(U.location,U.action)}function T(e){(function(e){return void 0===e.state&&-1===navigator.userAgent.indexOf("CriOS")})(e)||I(C(e.state))}function P(){I(C(v()))}var L=!1;function I(e){if(L)L=!1,O();else{A.confirmTransitionTo(e,"POP",x,(function(t){t?O({action:"POP",location:e}):function(e){var t=U.location,n=N.indexOf(t.key);-1===n&&(n=0);var r=N.indexOf(e.key);-1===r&&(r=0);var o=n-r;o&&(L=!0,M(o))}(e)}))}}var R=C(v()),N=[R.key];function D(e){return _+p(e)}function M(e){n.go(e)}var F=0;function z(e){1===(F+=e)&&1===e?(window.addEventListener(b,T),a&&window.addEventListener(y,P)):0===F&&(window.removeEventListener(b,T),a&&window.removeEventListener(y,P))}var B=!1;var U={length:n.length,action:"POP",location:R,createHref:D,push:function(e,t){var r="PUSH",a=f(e,t,j(),U.location);A.confirmTransitionTo(a,r,x,(function(e){if(e){var t=D(a),i=a.key,s=a.state;if(o)if(n.pushState({key:i,state:s},null,t),w)window.location.href=t;else{var l=N.indexOf(U.location.key),c=N.slice(0,l+1);c.push(a.key),N=c,O({action:r,location:a})}else window.location.href=t}}))},replace:function(e,t){var r="REPLACE",a=f(e,t,j(),U.location);A.confirmTransitionTo(a,r,x,(function(e){if(e){var t=D(a),i=a.key,s=a.state;if(o)if(n.replaceState({key:i,state:s},null,t),w)window.location.replace(t);else{var l=N.indexOf(U.location.key);-1!==l&&(N[l]=a.key),O({action:r,location:a})}else window.location.replace(t)}}))},go:M,goBack:function(){M(-1)},goForward:function(){M(1)},block:function(e){void 0===e&&(e=!1);var t=A.setPrompt(e);return B||(z(1),B=!0),function(){return B&&(B=!1,z(-1)),t()}},listen:function(e){var t=A.appendListener(e);return z(1),function(){z(-1),t()}}};return U}var S="hashchange",x={hashbang:{encodePath:function(e){return"!"===e.charAt(0)?e:"!/"+c(e)},decodePath:function(e){return"!"===e.charAt(0)?e.substr(1):e}},noslash:{encodePath:c,decodePath:l},slash:{encodePath:l,decodePath:l}};function k(e){var t=e.indexOf("#");return-1===t?e:e.slice(0,t)}function E(){var e=window.location.href,t=e.indexOf("#");return-1===t?"":e.substring(t+1)}function _(e){window.location.replace(k(window.location.href)+"#"+e)}function C(e){void 0===e&&(e={}),h||(0,s.A)(!1);var t=window.history,n=(window.navigator.userAgent.indexOf("Firefox"),e),o=n.getUserConfirmation,a=void 0===o?g:o,i=n.hashType,c=void 0===i?"slash":i,b=e.basename?d(l(e.basename)):"",y=x[c],v=y.encodePath,w=y.decodePath;function C(){var e=w(E());return b&&(e=u(e,b)),f(e)}var j=m();function A(e){(0,r.A)(B,e),B.length=t.length,j.notifyListeners(B.location,B.action)}var O=!1,T=null;function P(){var e,t,n=E(),r=v(n);if(n!==r)_(r);else{var o=C(),i=B.location;if(!O&&(t=o,(e=i).pathname===t.pathname&&e.search===t.search&&e.hash===t.hash))return;if(T===p(o))return;T=null,function(e){if(O)O=!1,A();else{var t="POP";j.confirmTransitionTo(e,t,a,(function(n){n?A({action:t,location:e}):function(e){var t=B.location,n=N.lastIndexOf(p(t));-1===n&&(n=0);var r=N.lastIndexOf(p(e));-1===r&&(r=0);var o=n-r;o&&(O=!0,D(o))}(e)}))}}(o)}}var L=E(),I=v(L);L!==I&&_(I);var R=C(),N=[p(R)];function D(e){t.go(e)}var M=0;function F(e){1===(M+=e)&&1===e?window.addEventListener(S,P):0===M&&window.removeEventListener(S,P)}var z=!1;var B={length:t.length,action:"POP",location:R,createHref:function(e){var t=document.querySelector("base"),n="";return t&&t.getAttribute("href")&&(n=k(window.location.href)),n+"#"+v(b+p(e))},push:function(e,t){var n="PUSH",r=f(e,void 0,void 0,B.location);j.confirmTransitionTo(r,n,a,(function(e){if(e){var t=p(r),o=v(b+t);if(E()!==o){T=t,function(e){window.location.hash=e}(o);var a=N.lastIndexOf(p(B.location)),i=N.slice(0,a+1);i.push(t),N=i,A({action:n,location:r})}else A()}}))},replace:function(e,t){var n="REPLACE",r=f(e,void 0,void 0,B.location);j.confirmTransitionTo(r,n,a,(function(e){if(e){var t=p(r),o=v(b+t);E()!==o&&(T=t,_(o));var a=N.indexOf(p(B.location));-1!==a&&(N[a]=t),A({action:n,location:r})}}))},go:D,goBack:function(){D(-1)},goForward:function(){D(1)},block:function(e){void 0===e&&(e=!1);var t=j.setPrompt(e);return z||(F(1),z=!0),function(){return z&&(z=!1,F(-1)),t()}},listen:function(e){var t=j.appendListener(e);return F(1),function(){F(-1),t()}}};return B}function j(e,t,n){return Math.min(Math.max(e,t),n)}function A(e){void 0===e&&(e={});var t=e,n=t.getUserConfirmation,o=t.initialEntries,a=void 0===o?["/"]:o,i=t.initialIndex,s=void 0===i?0:i,l=t.keyLength,c=void 0===l?6:l,u=m();function d(e){(0,r.A)(w,e),w.length=w.entries.length,u.notifyListeners(w.location,w.action)}function h(){return Math.random().toString(36).substr(2,c)}var g=j(s,0,a.length-1),b=a.map((function(e){return f(e,void 0,"string"==typeof e?h():e.key||h())})),y=p;function v(e){var t=j(w.index+e,0,w.entries.length-1),r=w.entries[t];u.confirmTransitionTo(r,"POP",n,(function(e){e?d({action:"POP",location:r,index:t}):d()}))}var w={length:b.length,action:"POP",location:b[g],index:g,entries:b,createHref:y,push:function(e,t){var r="PUSH",o=f(e,t,h(),w.location);u.confirmTransitionTo(o,r,n,(function(e){if(e){var t=w.index+1,n=w.entries.slice(0);n.length>t?n.splice(t,n.length-t,o):n.push(o),d({action:r,location:o,index:t,entries:n})}}))},replace:function(e,t){var r="REPLACE",o=f(e,t,h(),w.location);u.confirmTransitionTo(o,r,n,(function(e){e&&(w.entries[w.index]=o,d({action:r,location:o}))}))},go:v,goBack:function(){v(-1)},goForward:function(){v(1)},canGo:function(e){var t=w.index+e;return t>=0&&t<w.entries.length},block:function(e){return void 0===e&&(e=!1),u.setPrompt(e)},listen:function(e){return u.appendListener(e)}};return w}},1035:(e,t,n)=>{"use strict";var r=n(5959),o={childContextTypes:!0,contextType:!0,contextTypes:!0,defaultProps:!0,displayName:!0,getDefaultProps:!0,getDerivedStateFromError:!0,getDerivedStateFromProps:!0,mixins:!0,propTypes:!0,type:!0},a={name:!0,length:!0,prototype:!0,caller:!0,callee:!0,arguments:!0,arity:!0},i={$$typeof:!0,compare:!0,defaultProps:!0,displayName:!0,propTypes:!0,type:!0},s={};function l(e){return r.isMemo(e)?i:s[e.$$typeof]||o}s[r.ForwardRef]={$$typeof:!0,render:!0,defaultProps:!0,displayName:!0,propTypes:!0},s[r.Memo]=i;var c=Object.defineProperty,u=Object.getOwnPropertyNames,d=Object.getOwnPropertySymbols,p=Object.getOwnPropertyDescriptor,f=Object.getPrototypeOf,m=Object.prototype;e.exports=function e(t,n,r){if("string"!=typeof n){if(m){var o=f(n);o&&o!==m&&e(t,o,r)}var i=u(n);d&&(i=i.concat(d(n)));for(var s=l(t),h=l(n),g=0;g<i.length;++g){var b=i[g];if(!(a[b]||r&&r[b]||h&&h[b]||s&&s[b])){var y=p(n,b);try{c(t,b,y)}catch(v){}}}}return t}},9597:e=>{"use strict";e.exports=function(e,t,n,r,o,a,i,s){if(!e){var l;if(void 0===t)l=new Error("Minified exception occurred; use the non-minified dev environment for the full error message and additional helpful warnings.");else{var c=[n,r,o,a,i,s],u=0;(l=new Error(t.replace(/%s/g,(function(){return c[u++]})))).name="Invariant Violation"}throw l.framesToPop=1,l}}},5526:e=>{e.exports=Array.isArray||function(e){return"[object Array]"==Object.prototype.toString.call(e)}},8602:(e,t,n)=>{"use strict";n.r(t)},4504:(e,t,n)=>{"use strict";n.r(t)},8744:function(e,t,n){var r,o;r=function(){var e,t,n={version:"0.2.0"},r=n.settings={minimum:.08,easing:"ease",positionUsing:"",speed:200,trickle:!0,trickleRate:.02,trickleSpeed:800,showSpinner:!0,barSelector:'[role="bar"]',spinnerSelector:'[role="spinner"]',parent:"body",template:'<div class="bar" role="bar"><div class="peg"></div></div><div class="spinner" role="spinner"><div class="spinner-icon"></div></div>'};function o(e,t,n){return e<t?t:e>n?n:e}function a(e){return 100*(-1+e)}function i(e,t,n){var o;return(o="translate3d"===r.positionUsing?{transform:"translate3d("+a(e)+"%,0,0)"}:"translate"===r.positionUsing?{transform:"translate("+a(e)+"%,0)"}:{"margin-left":a(e)+"%"}).transition="all "+t+"ms "+n,o}n.configure=function(e){var t,n;for(t in e)void 0!==(n=e[t])&&e.hasOwnProperty(t)&&(r[t]=n);return this},n.status=null,n.set=function(e){var t=n.isStarted();e=o(e,r.minimum,1),n.status=1===e?null:e;var a=n.render(!t),c=a.querySelector(r.barSelector),u=r.speed,d=r.easing;return a.offsetWidth,s((function(t){""===r.positionUsing&&(r.positionUsing=n.getPositioningCSS()),l(c,i(e,u,d)),1===e?(l(a,{transition:"none",opacity:1}),a.offsetWidth,setTimeout((function(){l(a,{transition:"all "+u+"ms linear",opacity:0}),setTimeout((function(){n.remove(),t()}),u)}),u)):setTimeout(t,u)})),this},n.isStarted=function(){return"number"==typeof n.status},n.start=function(){n.status||n.set(0);var e=function(){setTimeout((function(){n.status&&(n.trickle(),e())}),r.trickleSpeed)};return r.trickle&&e(),this},n.done=function(e){return e||n.status?n.inc(.3+.5*Math.random()).set(1):this},n.inc=function(e){var t=n.status;return t?("number"!=typeof e&&(e=(1-t)*o(Math.random()*t,.1,.95)),t=o(t+e,0,.994),n.set(t)):n.start()},n.trickle=function(){return n.inc(Math.random()*r.trickleRate)},e=0,t=0,n.promise=function(r){return r&&"resolved"!==r.state()?(0===t&&n.start(),e++,t++,r.always((function(){0==--t?(e=0,n.done()):n.set((e-t)/e)})),this):this},n.render=function(e){if(n.isRendered())return document.getElementById("nprogress");u(document.documentElement,"nprogress-busy");var t=document.createElement("div");t.id="nprogress",t.innerHTML=r.template;var o,i=t.querySelector(r.barSelector),s=e?"-100":a(n.status||0),c=document.querySelector(r.parent);return l(i,{transition:"all 0 linear",transform:"translate3d("+s+"%,0,0)"}),r.showSpinner||(o=t.querySelector(r.spinnerSelector))&&f(o),c!=document.body&&u(c,"nprogress-custom-parent"),c.appendChild(t),t},n.remove=function(){d(document.documentElement,"nprogress-busy"),d(document.querySelector(r.parent),"nprogress-custom-parent");var e=document.getElementById("nprogress");e&&f(e)},n.isRendered=function(){return!!document.getElementById("nprogress")},n.getPositioningCSS=function(){var e=document.body.style,t="WebkitTransform"in e?"Webkit":"MozTransform"in e?"Moz":"msTransform"in e?"ms":"OTransform"in e?"O":"";return t+"Perspective"in e?"translate3d":t+"Transform"in e?"translate":"margin"};var s=function(){var e=[];function t(){var n=e.shift();n&&n(t)}return function(n){e.push(n),1==e.length&&t()}}(),l=function(){var e=["Webkit","O","Moz","ms"],t={};function n(e){return e.replace(/^-ms-/,"ms-").replace(/-([\da-z])/gi,(function(e,t){return t.toUpperCase()}))}function r(t){var n=document.body.style;if(t in n)return t;for(var r,o=e.length,a=t.charAt(0).toUpperCase()+t.slice(1);o--;)if((r=e[o]+a)in n)return r;return t}function o(e){return e=n(e),t[e]||(t[e]=r(e))}function a(e,t,n){t=o(t),e.style[t]=n}return function(e,t){var n,r,o=arguments;if(2==o.length)for(n in t)void 0!==(r=t[n])&&t.hasOwnProperty(n)&&a(e,n,r);else a(e,o[1],o[2])}}();function c(e,t){return("string"==typeof e?e:p(e)).indexOf(" "+t+" ")>=0}function u(e,t){var n=p(e),r=n+t;c(n,t)||(e.className=r.substring(1))}function d(e,t){var n,r=p(e);c(e,t)&&(n=r.replace(" "+t+" "," "),e.className=n.substring(1,n.length-1))}function p(e){return(" "+(e.className||"")+" ").replace(/\s+/gi," ")}function f(e){e&&e.parentNode&&e.parentNode.removeChild(e)}return n},void 0===(o="function"==typeof r?r.call(t,n,t,e):r)||(e.exports=o)},6150:(e,t,n)=>{var r=n(5526);e.exports=f,e.exports.parse=a,e.exports.compile=function(e,t){return s(a(e,t),t)},e.exports.tokensToFunction=s,e.exports.tokensToRegExp=p;var o=new RegExp(["(\\\\.)","([\\/.])?(?:(?:\\:(\\w+)(?:\\(((?:\\\\.|[^\\\\()])+)\\))?|\\(((?:\\\\.|[^\\\\()])+)\\))([+*?])?|(\\*))"].join("|"),"g");function a(e,t){for(var n,r=[],a=0,i=0,s="",u=t&&t.delimiter||"/";null!=(n=o.exec(e));){var d=n[0],p=n[1],f=n.index;if(s+=e.slice(i,f),i=f+d.length,p)s+=p[1];else{var m=e[i],h=n[2],g=n[3],b=n[4],y=n[5],v=n[6],w=n[7];s&&(r.push(s),s="");var S=null!=h&&null!=m&&m!==h,x="+"===v||"*"===v,k="?"===v||"*"===v,E=n[2]||u,_=b||y;r.push({name:g||a++,prefix:h||"",delimiter:E,optional:k,repeat:x,partial:S,asterisk:!!w,pattern:_?c(_):w?".*":"[^"+l(E)+"]+?"})}}return i<e.length&&(s+=e.substr(i)),s&&r.push(s),r}function i(e){return encodeURI(e).replace(/[\/?#]/g,(function(e){return"%"+e.charCodeAt(0).toString(16).toUpperCase()}))}function s(e,t){for(var n=new Array(e.length),o=0;o<e.length;o++)"object"==typeof e[o]&&(n[o]=new RegExp("^(?:"+e[o].pattern+")$",d(t)));return function(t,o){for(var a="",s=t||{},l=(o||{}).pretty?i:encodeURIComponent,c=0;c<e.length;c++){var u=e[c];if("string"!=typeof u){var d,p=s[u.name];if(null==p){if(u.optional){u.partial&&(a+=u.prefix);continue}throw new TypeError('Expected "'+u.name+'" to be defined')}if(r(p)){if(!u.repeat)throw new TypeError('Expected "'+u.name+'" to not repeat, but received `'+JSON.stringify(p)+"`");if(0===p.length){if(u.optional)continue;throw new TypeError('Expected "'+u.name+'" to not be empty')}for(var f=0;f<p.length;f++){if(d=l(p[f]),!n[c].test(d))throw new TypeError('Expected all "'+u.name+'" to match "'+u.pattern+'", but received `'+JSON.stringify(d)+"`");a+=(0===f?u.prefix:u.delimiter)+d}}else{if(d=u.asterisk?encodeURI(p).replace(/[?#]/g,(function(e){return"%"+e.charCodeAt(0).toString(16).toUpperCase()})):l(p),!n[c].test(d))throw new TypeError('Expected "'+u.name+'" to match "'+u.pattern+'", but received "'+d+'"');a+=u.prefix+d}}else a+=u}return a}}function l(e){return e.replace(/([.+*?=^!:${}()[\]|\/\\])/g,"\\$1")}function c(e){return e.replace(/([=!:$\/()])/g,"\\$1")}function u(e,t){return e.keys=t,e}function d(e){return e&&e.sensitive?"":"i"}function p(e,t,n){r(t)||(n=t||n,t=[]);for(var o=(n=n||{}).strict,a=!1!==n.end,i="",s=0;s<e.length;s++){var c=e[s];if("string"==typeof c)i+=l(c);else{var p=l(c.prefix),f="(?:"+c.pattern+")";t.push(c),c.repeat&&(f+="(?:"+p+f+")*"),i+=f=c.optional?c.partial?p+"("+f+")?":"(?:"+p+"("+f+"))?":p+"("+f+")"}}var m=l(n.delimiter||"/"),h=i.slice(-m.length)===m;return o||(i=(h?i.slice(0,-m.length):i)+"(?:"+m+"(?=$))?"),i+=a?"$":o&&h?"":"(?="+m+"|$)",u(new RegExp("^"+i,d(n)),t)}function f(e,t,n){return r(t)||(n=t||n,t=[]),n=n||{},e instanceof RegExp?function(e,t){var n=e.source.match(/\((?!\?)/g);if(n)for(var r=0;r<n.length;r++)t.push({name:r,prefix:null,delimiter:null,optional:!1,repeat:!1,partial:!1,asterisk:!1,pattern:null});return u(e,t)}(e,t):r(e)?function(e,t,n){for(var r=[],o=0;o<e.length;o++)r.push(f(e[o],t,n).source);return u(new RegExp("(?:"+r.join("|")+")",d(n)),t)}(e,t,n):function(e,t,n){return p(a(e,n),t,n)}(e,t,n)}},8468:(e,t,n)=>{"use strict";n.r(t),n.d(t,{default:()=>p});var r=n(4784),o=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},a=function(e){return"IMG"===e.tagName},i=function(e){return e&&1===e.nodeType},s=function(e){return".svg"===(e.currentSrc||e.src).substr(-4).toLowerCase()},l=function(e){try{return Array.isArray(e)?e.filter(a):function(e){return NodeList.prototype.isPrototypeOf(e)}(e)?[].slice.call(e).filter(a):i(e)?[e].filter(a):"string"==typeof e?[].slice.call(document.querySelectorAll(e)).filter(a):[]}catch(t){throw new TypeError("The provided selector is invalid.\nExpects a CSS selector, a Node element, a NodeList or an array.\nSee: https://github.com/francoischalifour/medium-zoom")}},c=function(e,t){var n=o({bubbles:!1,cancelable:!1,detail:void 0},t);if("function"==typeof window.CustomEvent)return new CustomEvent(e,n);var r=document.createEvent("CustomEvent");return r.initCustomEvent(e,n.bubbles,n.cancelable,n.detail),r};!function(e,t){void 0===t&&(t={});var n=t.insertAt;if(e&&"undefined"!=typeof document){var r=document.head||document.getElementsByTagName("head")[0],o=document.createElement("style");o.type="text/css","top"===n&&r.firstChild?r.insertBefore(o,r.firstChild):r.appendChild(o),o.styleSheet?o.styleSheet.cssText=e:o.appendChild(document.createTextNode(e))}}(".medium-zoom-overlay{position:fixed;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity .3s;will-change:opacity}.medium-zoom--opened .medium-zoom-overlay{cursor:pointer;cursor:zoom-out;opacity:1}.medium-zoom-image{cursor:pointer;cursor:zoom-in;transition:transform .3s cubic-bezier(.2,0,.2,1)!important}.medium-zoom-image--hidden{visibility:hidden}.medium-zoom-image--opened{position:relative;cursor:pointer;cursor:zoom-out;will-change:transform}");const u=function e(t){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},r=window.Promise||function(e){function t(){}e(t,t)},a=function(){for(var e=arguments.length,t=Array(e),n=0;n<e;n++)t[n]=arguments[n];var r=t.reduce((function(e,t){return[].concat(e,l(t))}),[]);return r.filter((function(e){return-1===f.indexOf(e)})).forEach((function(e){f.push(e),e.classList.add("medium-zoom-image")})),m.forEach((function(e){var t=e.type,n=e.listener,o=e.options;r.forEach((function(e){e.addEventListener(t,n,o)}))})),w},u=function(){var e=(arguments.length>0&&void 0!==arguments[0]?arguments[0]:{}).target,t=function(){var e={width:document.documentElement.clientWidth,height:document.documentElement.clientHeight,left:0,top:0,right:0,bottom:0},t=void 0,n=void 0;if(b.container)if(b.container instanceof Object)t=(e=o({},e,b.container)).width-e.left-e.right-2*b.margin,n=e.height-e.top-e.bottom-2*b.margin;else{var r=(i(b.container)?b.container:document.querySelector(b.container)).getBoundingClientRect(),a=r.width,l=r.height,c=r.left,u=r.top;e=o({},e,{width:a,height:l,left:c,top:u})}t=t||e.width-2*b.margin,n=n||e.height-2*b.margin;var d=y.zoomedHd||y.original,p=s(d)?t:d.naturalWidth||t,f=s(d)?n:d.naturalHeight||n,m=d.getBoundingClientRect(),h=m.top,g=m.left,v=m.width,w=m.height,S=Math.min(Math.max(v,p),t)/v,x=Math.min(Math.max(w,f),n)/w,k=Math.min(S,x),E="scale("+k+") translate3d("+((t-v)/2-g+b.margin+e.left)/k+"px, "+((n-w)/2-h+b.margin+e.top)/k+"px, 0)";y.zoomed.style.transform=E,y.zoomedHd&&(y.zoomedHd.style.transform=E)};return new r((function(n){if(e&&-1===f.indexOf(e))n(w);else{if(y.zoomed)n(w);else{if(e)y.original=e;else{if(!(f.length>0))return void n(w);var r=f;y.original=r[0]}if(y.original.dispatchEvent(c("medium-zoom:open",{detail:{zoom:w}})),g=window.pageYOffset||document.documentElement.scrollTop||document.body.scrollTop||0,h=!0,y.zoomed=function(e){var t=e.getBoundingClientRect(),n=t.top,r=t.left,o=t.width,a=t.height,i=e.cloneNode(),s=window.pageYOffset||document.documentElement.scrollTop||document.body.scrollTop||0,l=window.pageXOffset||document.documentElement.scrollLeft||document.body.scrollLeft||0;return i.removeAttribute("id"),i.style.position="absolute",i.style.top=n+s+"px",i.style.left=r+l+"px",i.style.width=o+"px",i.style.height=a+"px",i.style.transform="",i}(y.original),document.body.appendChild(v),b.template){var o=i(b.template)?b.template:document.querySelector(b.template);y.template=document.createElement("div"),y.template.appendChild(o.content.cloneNode(!0)),document.body.appendChild(y.template)}if(y.original.parentElement&&"PICTURE"===y.original.parentElement.tagName&&y.original.currentSrc&&(y.zoomed.src=y.original.currentSrc),document.body.appendChild(y.zoomed),window.requestAnimationFrame((function(){document.body.classList.add("medium-zoom--opened")})),y.original.classList.add("medium-zoom-image--hidden"),y.zoomed.classList.add("medium-zoom-image--opened"),y.zoomed.addEventListener("click",d),y.zoomed.addEventListener("transitionend",(function e(){h=!1,y.zoomed.removeEventListener("transitionend",e),y.original.dispatchEvent(c("medium-zoom:opened",{detail:{zoom:w}})),n(w)})),y.original.getAttribute("data-zoom-src")){y.zoomedHd=y.zoomed.cloneNode(),y.zoomedHd.removeAttribute("srcset"),y.zoomedHd.removeAttribute("sizes"),y.zoomedHd.removeAttribute("loading"),y.zoomedHd.src=y.zoomed.getAttribute("data-zoom-src"),y.zoomedHd.onerror=function(){clearInterval(a),console.warn("Unable to reach the zoom image target "+y.zoomedHd.src),y.zoomedHd=null,t()};var a=setInterval((function(){y.zoomedHd.complete&&(clearInterval(a),y.zoomedHd.classList.add("medium-zoom-image--opened"),y.zoomedHd.addEventListener("click",d),document.body.appendChild(y.zoomedHd),t())}),10)}else if(y.original.hasAttribute("srcset")){y.zoomedHd=y.zoomed.cloneNode(),y.zoomedHd.removeAttribute("sizes"),y.zoomedHd.removeAttribute("loading");var s=y.zoomedHd.addEventListener("load",(function(){y.zoomedHd.removeEventListener("load",s),y.zoomedHd.classList.add("medium-zoom-image--opened"),y.zoomedHd.addEventListener("click",d),document.body.appendChild(y.zoomedHd),t()}))}else t()}}}))},d=function(){return new r((function(e){if(!h&&y.original){h=!0,document.body.classList.remove("medium-zoom--opened"),y.zoomed.style.transform="",y.zoomedHd&&(y.zoomedHd.style.transform=""),y.template&&(y.template.style.transition="opacity 150ms",y.template.style.opacity=0),y.original.dispatchEvent(c("medium-zoom:close",{detail:{zoom:w}})),y.zoomed.addEventListener("transitionend",(function t(){y.original.classList.remove("medium-zoom-image--hidden"),document.body.removeChild(y.zoomed),y.zoomedHd&&document.body.removeChild(y.zoomedHd),document.body.removeChild(v),y.zoomed.classList.remove("medium-zoom-image--opened"),y.template&&document.body.removeChild(y.template),h=!1,y.zoomed.removeEventListener("transitionend",t),y.original.dispatchEvent(c("medium-zoom:closed",{detail:{zoom:w}})),y.original=null,y.zoomed=null,y.zoomedHd=null,y.template=null,e(w)}))}else e(w)}))},p=function(){var e=(arguments.length>0&&void 0!==arguments[0]?arguments[0]:{}).target;return y.original?d():u({target:e})},f=[],m=[],h=!1,g=0,b=n,y={original:null,zoomed:null,zoomedHd:null,template:null};"[object Object]"===Object.prototype.toString.call(t)?b=t:(t||"string"==typeof t)&&a(t);var v=function(e){var t=document.createElement("div");return t.classList.add("medium-zoom-overlay"),t.style.background=e,t}((b=o({margin:0,background:"#fff",scrollOffset:40,container:null,template:null},b)).background);document.addEventListener("click",(function(e){var t=e.target;t!==v?-1!==f.indexOf(t)&&p({target:t}):d()})),document.addEventListener("keyup",(function(e){var t=e.key||e.keyCode;"Escape"!==t&&"Esc"!==t&&27!==t||d()})),document.addEventListener("scroll",(function(){if(!h&&y.original){var e=window.pageYOffset||document.documentElement.scrollTop||document.body.scrollTop||0;Math.abs(g-e)>b.scrollOffset&&setTimeout(d,150)}})),window.addEventListener("resize",d);var w={open:u,close:d,toggle:p,update:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=e;if(e.background&&(v.style.background=e.background),e.container&&e.container instanceof Object&&(t.container=o({},b.container,e.container)),e.template){var n=i(e.template)?e.template:document.querySelector(e.template);t.template=n}return b=o({},b,t),f.forEach((function(e){e.dispatchEvent(c("medium-zoom:update",{detail:{zoom:w}}))})),w},clone:function(){return e(o({},b,arguments.length>0&&void 0!==arguments[0]?arguments[0]:{}))},attach:a,detach:function(){for(var e=arguments.length,t=Array(e),n=0;n<e;n++)t[n]=arguments[n];y.zoomed&&d();var r=t.length>0?t.reduce((function(e,t){return[].concat(e,l(t))}),[]):f;return r.forEach((function(e){e.classList.remove("medium-zoom-image"),e.dispatchEvent(c("medium-zoom:detach",{detail:{zoom:w}}))})),f=f.filter((function(e){return-1===r.indexOf(e)})),w},on:function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};return f.forEach((function(r){r.addEventListener("medium-zoom:"+e,t,n)})),m.push({type:"medium-zoom:"+e,listener:t,options:n}),w},off:function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};return f.forEach((function(r){r.removeEventListener("medium-zoom:"+e,t,n)})),m=m.filter((function(n){return!(n.type==="medium-zoom:"+e&&n.listener.toString()===t.toString())})),w},getOptions:function(){return b},getImages:function(){return f},getZoomedImage:function(){return y.original}};return w},{themeConfig:d}=r.default,p=function(){if("undefined"==typeof window)return null;const{zoomSelector:e=".markdown img"}=d,{imageZoom:{selector:t=e,options:n}={}}=d;return setTimeout((()=>{u(t,n)}),1e3),{onRouteUpdate({location:e,previousLocation:r}){e&&e.hash&&e.hash.length||r&&e.pathname!==r.pathname&&setTimeout((()=>{u(t,n)}),1e3)}}}()},9227:e=>{e.exports&&(e.exports={core:{meta:{path:"components/prism-core.js",option:"mandatory"},core:"Core"},themes:{meta:{path:"themes/{id}.css",link:"index.html?theme={id}",exclusive:!0},prism:{title:"Default",option:"default"},"prism-dark":"Dark","prism-funky":"Funky","prism-okaidia":{title:"Okaidia",owner:"ocodia"},"prism-twilight":{title:"Twilight",owner:"remybach"},"prism-coy":{title:"Coy",owner:"tshedor"},"prism-solarizedlight":{title:"Solarized Light",owner:"hectormatos2011 "},"prism-tomorrow":{title:"Tomorrow Night",owner:"Rosey"}},languages:{meta:{path:"components/prism-{id}",noCSS:!0,examplesPath:"examples/prism-{id}",addCheckAll:!0},markup:{title:"Markup",alias:["html","xml","svg","mathml","ssml","atom","rss"],aliasTitles:{html:"HTML",xml:"XML",svg:"SVG",mathml:"MathML",ssml:"SSML",atom:"Atom",rss:"RSS"},option:"default"},css:{title:"CSS",option:"default",modify:"markup"},clike:{title:"C-like",option:"default"},javascript:{title:"JavaScript",require:"clike",modify:"markup",optional:"regex",alias:"js",option:"default"},abap:{title:"ABAP",owner:"dellagustin"},abnf:{title:"ABNF",owner:"RunDevelopment"},actionscript:{title:"ActionScript",require:"javascript",modify:"markup",owner:"Golmote"},ada:{title:"Ada",owner:"Lucretia"},agda:{title:"Agda",owner:"xy-ren"},al:{title:"AL",owner:"RunDevelopment"},antlr4:{title:"ANTLR4",alias:"g4",owner:"RunDevelopment"},apacheconf:{title:"Apache Configuration",owner:"GuiTeK"},apex:{title:"Apex",require:["clike","sql"],owner:"RunDevelopment"},apl:{title:"APL",owner:"ngn"},applescript:{title:"AppleScript",owner:"Golmote"},aql:{title:"AQL",owner:"RunDevelopment"},arduino:{title:"Arduino",require:"cpp",alias:"ino",owner:"dkern"},arff:{title:"ARFF",owner:"Golmote"},armasm:{title:"ARM Assembly",alias:"arm-asm",owner:"RunDevelopment"},arturo:{title:"Arturo",alias:"art",optional:["bash","css","javascript","markup","markdown","sql"],owner:"drkameleon"},asciidoc:{alias:"adoc",title:"AsciiDoc",owner:"Golmote"},aspnet:{title:"ASP.NET (C#)",require:["markup","csharp"],owner:"nauzilus"},asm6502:{title:"6502 Assembly",owner:"kzurawel"},asmatmel:{title:"Atmel AVR Assembly",owner:"cerkit"},autohotkey:{title:"AutoHotkey",owner:"aviaryan"},autoit:{title:"AutoIt",owner:"Golmote"},avisynth:{title:"AviSynth",alias:"avs",owner:"Zinfidel"},"avro-idl":{title:"Avro IDL",alias:"avdl",owner:"RunDevelopment"},awk:{title:"AWK",alias:"gawk",aliasTitles:{gawk:"GAWK"},owner:"RunDevelopment"},bash:{title:"Bash",alias:["sh","shell"],aliasTitles:{sh:"Shell",shell:"Shell"},owner:"zeitgeist87"},basic:{title:"BASIC",owner:"Golmote"},batch:{title:"Batch",owner:"Golmote"},bbcode:{title:"BBcode",alias:"shortcode",aliasTitles:{shortcode:"Shortcode"},owner:"RunDevelopment"},bbj:{title:"BBj",owner:"hyyan"},bicep:{title:"Bicep",owner:"johnnyreilly"},birb:{title:"Birb",require:"clike",owner:"Calamity210"},bison:{title:"Bison",require:"c",owner:"Golmote"},bnf:{title:"BNF",alias:"rbnf",aliasTitles:{rbnf:"RBNF"},owner:"RunDevelopment"},bqn:{title:"BQN",owner:"yewscion"},brainfuck:{title:"Brainfuck",owner:"Golmote"},brightscript:{title:"BrightScript",owner:"RunDevelopment"},bro:{title:"Bro",owner:"wayward710"},bsl:{title:"BSL (1C:Enterprise)",alias:"oscript",aliasTitles:{oscript:"OneScript"},owner:"Diversus23"},c:{title:"C",require:"clike",owner:"zeitgeist87"},csharp:{title:"C#",require:"clike",alias:["cs","dotnet"],owner:"mvalipour"},cpp:{title:"C++",require:"c",owner:"zeitgeist87"},cfscript:{title:"CFScript",require:"clike",alias:"cfc",owner:"mjclemente"},chaiscript:{title:"ChaiScript",require:["clike","cpp"],owner:"RunDevelopment"},cil:{title:"CIL",owner:"sbrl"},cilkc:{title:"Cilk/C",require:"c",alias:"cilk-c",owner:"OpenCilk"},cilkcpp:{title:"Cilk/C++",require:"cpp",alias:["cilk-cpp","cilk"],owner:"OpenCilk"},clojure:{title:"Clojure",owner:"troglotit"},cmake:{title:"CMake",owner:"mjrogozinski"},cobol:{title:"COBOL",owner:"RunDevelopment"},coffeescript:{title:"CoffeeScript",require:"javascript",alias:"coffee",owner:"R-osey"},concurnas:{title:"Concurnas",alias:"conc",owner:"jasontatton"},csp:{title:"Content-Security-Policy",owner:"ScottHelme"},cooklang:{title:"Cooklang",owner:"ahue"},coq:{title:"Coq",owner:"RunDevelopment"},crystal:{title:"Crystal",require:"ruby",owner:"MakeNowJust"},"css-extras":{title:"CSS Extras",require:"css",modify:"css",owner:"milesj"},csv:{title:"CSV",owner:"RunDevelopment"},cue:{title:"CUE",owner:"RunDevelopment"},cypher:{title:"Cypher",owner:"RunDevelopment"},d:{title:"D",require:"clike",owner:"Golmote"},dart:{title:"Dart",require:"clike",owner:"Golmote"},dataweave:{title:"DataWeave",owner:"machaval"},dax:{title:"DAX",owner:"peterbud"},dhall:{title:"Dhall",owner:"RunDevelopment"},diff:{title:"Diff",owner:"uranusjr"},django:{title:"Django/Jinja2",require:"markup-templating",alias:"jinja2",owner:"romanvm"},"dns-zone-file":{title:"DNS zone file",owner:"RunDevelopment",alias:"dns-zone"},docker:{title:"Docker",alias:"dockerfile",owner:"JustinBeckwith"},dot:{title:"DOT (Graphviz)",alias:"gv",optional:"markup",owner:"RunDevelopment"},ebnf:{title:"EBNF",owner:"RunDevelopment"},editorconfig:{title:"EditorConfig",owner:"osipxd"},eiffel:{title:"Eiffel",owner:"Conaclos"},ejs:{title:"EJS",require:["javascript","markup-templating"],owner:"RunDevelopment",alias:"eta",aliasTitles:{eta:"Eta"}},elixir:{title:"Elixir",owner:"Golmote"},elm:{title:"Elm",owner:"zwilias"},etlua:{title:"Embedded Lua templating",require:["lua","markup-templating"],owner:"RunDevelopment"},erb:{title:"ERB",require:["ruby","markup-templating"],owner:"Golmote"},erlang:{title:"Erlang",owner:"Golmote"},"excel-formula":{title:"Excel Formula",alias:["xlsx","xls"],owner:"RunDevelopment"},fsharp:{title:"F#",require:"clike",owner:"simonreynolds7"},factor:{title:"Factor",owner:"catb0t"},false:{title:"False",owner:"edukisto"},"firestore-security-rules":{title:"Firestore security rules",require:"clike",owner:"RunDevelopment"},flow:{title:"Flow",require:"javascript",owner:"Golmote"},fortran:{title:"Fortran",owner:"Golmote"},ftl:{title:"FreeMarker Template Language",require:"markup-templating",owner:"RunDevelopment"},gml:{title:"GameMaker Language",alias:"gamemakerlanguage",require:"clike",owner:"LiarOnce"},gap:{title:"GAP (CAS)",owner:"RunDevelopment"},gcode:{title:"G-code",owner:"RunDevelopment"},gdscript:{title:"GDScript",owner:"RunDevelopment"},gedcom:{title:"GEDCOM",owner:"Golmote"},gettext:{title:"gettext",alias:"po",owner:"RunDevelopment"},gherkin:{title:"Gherkin",owner:"hason"},git:{title:"Git",owner:"lgiraudel"},glsl:{title:"GLSL",require:"c",owner:"Golmote"},gn:{title:"GN",alias:"gni",owner:"RunDevelopment"},"linker-script":{title:"GNU Linker Script",alias:"ld",owner:"RunDevelopment"},go:{title:"Go",require:"clike",owner:"arnehormann"},"go-module":{title:"Go module",alias:"go-mod",owner:"RunDevelopment"},gradle:{title:"Gradle",require:"clike",owner:"zeabdelkhalek-badido18"},graphql:{title:"GraphQL",optional:"markdown",owner:"Golmote"},groovy:{title:"Groovy",require:"clike",owner:"robfletcher"},haml:{title:"Haml",require:"ruby",optional:["css","css-extras","coffeescript","erb","javascript","less","markdown","scss","textile"],owner:"Golmote"},handlebars:{title:"Handlebars",require:"markup-templating",alias:["hbs","mustache"],aliasTitles:{mustache:"Mustache"},owner:"Golmote"},haskell:{title:"Haskell",alias:"hs",owner:"bholst"},haxe:{title:"Haxe",require:"clike",optional:"regex",owner:"Golmote"},hcl:{title:"HCL",owner:"outsideris"},hlsl:{title:"HLSL",require:"c",owner:"RunDevelopment"},hoon:{title:"Hoon",owner:"matildepark"},http:{title:"HTTP",optional:["csp","css","hpkp","hsts","javascript","json","markup","uri"],owner:"danielgtaylor"},hpkp:{title:"HTTP Public-Key-Pins",owner:"ScottHelme"},hsts:{title:"HTTP Strict-Transport-Security",owner:"ScottHelme"},ichigojam:{title:"IchigoJam",owner:"BlueCocoa"},icon:{title:"Icon",owner:"Golmote"},"icu-message-format":{title:"ICU Message Format",owner:"RunDevelopment"},idris:{title:"Idris",alias:"idr",owner:"KeenS",require:"haskell"},ignore:{title:".ignore",owner:"osipxd",alias:["gitignore","hgignore","npmignore"],aliasTitles:{gitignore:".gitignore",hgignore:".hgignore",npmignore:".npmignore"}},inform7:{title:"Inform 7",owner:"Golmote"},ini:{title:"Ini",owner:"aviaryan"},io:{title:"Io",owner:"AlesTsurko"},j:{title:"J",owner:"Golmote"},java:{title:"Java",require:"clike",owner:"sherblot"},javadoc:{title:"JavaDoc",require:["markup","java","javadoclike"],modify:"java",optional:"scala",owner:"RunDevelopment"},javadoclike:{title:"JavaDoc-like",modify:["java","javascript","php"],owner:"RunDevelopment"},javastacktrace:{title:"Java stack trace",owner:"RunDevelopment"},jexl:{title:"Jexl",owner:"czosel"},jolie:{title:"Jolie",require:"clike",owner:"thesave"},jq:{title:"JQ",owner:"RunDevelopment"},jsdoc:{title:"JSDoc",require:["javascript","javadoclike","typescript"],modify:"javascript",optional:["actionscript","coffeescript"],owner:"RunDevelopment"},"js-extras":{title:"JS Extras",require:"javascript",modify:"javascript",optional:["actionscript","coffeescript","flow","n4js","typescript"],owner:"RunDevelopment"},json:{title:"JSON",alias:"webmanifest",aliasTitles:{webmanifest:"Web App Manifest"},owner:"CupOfTea696"},json5:{title:"JSON5",require:"json",owner:"RunDevelopment"},jsonp:{title:"JSONP",require:"json",owner:"RunDevelopment"},jsstacktrace:{title:"JS stack trace",owner:"sbrl"},"js-templates":{title:"JS Templates",require:"javascript",modify:"javascript",optional:["css","css-extras","graphql","markdown","markup","sql"],owner:"RunDevelopment"},julia:{title:"Julia",owner:"cdagnino"},keepalived:{title:"Keepalived Configure",owner:"dev-itsheng"},keyman:{title:"Keyman",owner:"mcdurdin"},kotlin:{title:"Kotlin",alias:["kt","kts"],aliasTitles:{kts:"Kotlin Script"},require:"clike",owner:"Golmote"},kumir:{title:"KuMir (\u041a\u0443\u041c\u0438\u0440)",alias:"kum",owner:"edukisto"},kusto:{title:"Kusto",owner:"RunDevelopment"},latex:{title:"LaTeX",alias:["tex","context"],aliasTitles:{tex:"TeX",context:"ConTeXt"},owner:"japborst"},latte:{title:"Latte",require:["clike","markup-templating","php"],owner:"nette"},less:{title:"Less",require:"css",optional:"css-extras",owner:"Golmote"},lilypond:{title:"LilyPond",require:"scheme",alias:"ly",owner:"RunDevelopment"},liquid:{title:"Liquid",require:"markup-templating",owner:"cinhtau"},lisp:{title:"Lisp",alias:["emacs","elisp","emacs-lisp"],owner:"JuanCaicedo"},livescript:{title:"LiveScript",owner:"Golmote"},llvm:{title:"LLVM IR",owner:"porglezomp"},log:{title:"Log file",optional:"javastacktrace",owner:"RunDevelopment"},lolcode:{title:"LOLCODE",owner:"Golmote"},lua:{title:"Lua",owner:"Golmote"},magma:{title:"Magma (CAS)",owner:"RunDevelopment"},makefile:{title:"Makefile",owner:"Golmote"},markdown:{title:"Markdown",require:"markup",optional:"yaml",alias:"md",owner:"Golmote"},"markup-templating":{title:"Markup templating",require:"markup",owner:"Golmote"},mata:{title:"Mata",owner:"RunDevelopment"},matlab:{title:"MATLAB",owner:"Golmote"},maxscript:{title:"MAXScript",owner:"RunDevelopment"},mel:{title:"MEL",owner:"Golmote"},mermaid:{title:"Mermaid",owner:"RunDevelopment"},metafont:{title:"METAFONT",owner:"LaeriExNihilo"},mizar:{title:"Mizar",owner:"Golmote"},mongodb:{title:"MongoDB",owner:"airs0urce",require:"javascript"},monkey:{title:"Monkey",owner:"Golmote"},moonscript:{title:"MoonScript",alias:"moon",owner:"RunDevelopment"},n1ql:{title:"N1QL",owner:"TMWilds"},n4js:{title:"N4JS",require:"javascript",optional:"jsdoc",alias:"n4jsd",owner:"bsmith-n4"},"nand2tetris-hdl":{title:"Nand To Tetris HDL",owner:"stephanmax"},naniscript:{title:"Naninovel Script",owner:"Elringus",alias:"nani"},nasm:{title:"NASM",owner:"rbmj"},neon:{title:"NEON",owner:"nette"},nevod:{title:"Nevod",owner:"nezaboodka"},nginx:{title:"nginx",owner:"volado"},nim:{title:"Nim",owner:"Golmote"},nix:{title:"Nix",owner:"Golmote"},nsis:{title:"NSIS",owner:"idleberg"},objectivec:{title:"Objective-C",require:"c",alias:"objc",owner:"uranusjr"},ocaml:{title:"OCaml",owner:"Golmote"},odin:{title:"Odin",owner:"edukisto"},opencl:{title:"OpenCL",require:"c",modify:["c","cpp"],owner:"Milania1"},openqasm:{title:"OpenQasm",alias:"qasm",owner:"RunDevelopment"},oz:{title:"Oz",owner:"Golmote"},parigp:{title:"PARI/GP",owner:"Golmote"},parser:{title:"Parser",require:"markup",owner:"Golmote"},pascal:{title:"Pascal",alias:"objectpascal",aliasTitles:{objectpascal:"Object Pascal"},owner:"Golmote"},pascaligo:{title:"Pascaligo",owner:"DefinitelyNotAGoat"},psl:{title:"PATROL Scripting Language",owner:"bertysentry"},pcaxis:{title:"PC-Axis",alias:"px",owner:"RunDevelopment"},peoplecode:{title:"PeopleCode",alias:"pcode",owner:"RunDevelopment"},perl:{title:"Perl",owner:"Golmote"},php:{title:"PHP",require:"markup-templating",owner:"milesj"},phpdoc:{title:"PHPDoc",require:["php","javadoclike"],modify:"php",owner:"RunDevelopment"},"php-extras":{title:"PHP Extras",require:"php",modify:"php",owner:"milesj"},"plant-uml":{title:"PlantUML",alias:"plantuml",owner:"RunDevelopment"},plsql:{title:"PL/SQL",require:"sql",owner:"Golmote"},powerquery:{title:"PowerQuery",alias:["pq","mscript"],owner:"peterbud"},powershell:{title:"PowerShell",owner:"nauzilus"},processing:{title:"Processing",require:"clike",owner:"Golmote"},prolog:{title:"Prolog",owner:"Golmote"},promql:{title:"PromQL",owner:"arendjr"},properties:{title:".properties",owner:"Golmote"},protobuf:{title:"Protocol Buffers",require:"clike",owner:"just-boris"},pug:{title:"Pug",require:["markup","javascript"],optional:["coffeescript","ejs","handlebars","less","livescript","markdown","scss","stylus","twig"],owner:"Golmote"},puppet:{title:"Puppet",owner:"Golmote"},pure:{title:"Pure",optional:["c","cpp","fortran"],owner:"Golmote"},purebasic:{title:"PureBasic",require:"clike",alias:"pbfasm",owner:"HeX0R101"},purescript:{title:"PureScript",require:"haskell",alias:"purs",owner:"sriharshachilakapati"},python:{title:"Python",alias:"py",owner:"multipetros"},qsharp:{title:"Q#",require:"clike",alias:"qs",owner:"fedonman"},q:{title:"Q (kdb+ database)",owner:"Golmote"},qml:{title:"QML",require:"javascript",owner:"RunDevelopment"},qore:{title:"Qore",require:"clike",owner:"temnroegg"},r:{title:"R",owner:"Golmote"},racket:{title:"Racket",require:"scheme",alias:"rkt",owner:"RunDevelopment"},cshtml:{title:"Razor C#",alias:"razor",require:["markup","csharp"],optional:["css","css-extras","javascript","js-extras"],owner:"RunDevelopment"},jsx:{title:"React JSX",require:["markup","javascript"],optional:["jsdoc","js-extras","js-templates"],owner:"vkbansal"},tsx:{title:"React TSX",require:["jsx","typescript"]},reason:{title:"Reason",require:"clike",owner:"Golmote"},regex:{title:"Regex",owner:"RunDevelopment"},rego:{title:"Rego",owner:"JordanSh"},renpy:{title:"Ren'py",alias:"rpy",owner:"HyuchiaDiego"},rescript:{title:"ReScript",alias:"res",owner:"vmarcosp"},rest:{title:"reST (reStructuredText)",owner:"Golmote"},rip:{title:"Rip",owner:"ravinggenius"},roboconf:{title:"Roboconf",owner:"Golmote"},robotframework:{title:"Robot Framework",alias:"robot",owner:"RunDevelopment"},ruby:{title:"Ruby",require:"clike",alias:"rb",owner:"samflores"},rust:{title:"Rust",owner:"Golmote"},sas:{title:"SAS",optional:["groovy","lua","sql"],owner:"Golmote"},sass:{title:"Sass (Sass)",require:"css",optional:"css-extras",owner:"Golmote"},scss:{title:"Sass (SCSS)",require:"css",optional:"css-extras",owner:"MoOx"},scala:{title:"Scala",require:"java",owner:"jozic"},scheme:{title:"Scheme",owner:"bacchus123"},"shell-session":{title:"Shell session",require:"bash",alias:["sh-session","shellsession"],owner:"RunDevelopment"},smali:{title:"Smali",owner:"RunDevelopment"},smalltalk:{title:"Smalltalk",owner:"Golmote"},smarty:{title:"Smarty",require:"markup-templating",optional:"php",owner:"Golmote"},sml:{title:"SML",alias:"smlnj",aliasTitles:{smlnj:"SML/NJ"},owner:"RunDevelopment"},solidity:{title:"Solidity (Ethereum)",alias:"sol",require:"clike",owner:"glachaud"},"solution-file":{title:"Solution file",alias:"sln",owner:"RunDevelopment"},soy:{title:"Soy (Closure Template)",require:"markup-templating",owner:"Golmote"},sparql:{title:"SPARQL",require:"turtle",owner:"Triply-Dev",alias:"rq"},"splunk-spl":{title:"Splunk SPL",owner:"RunDevelopment"},sqf:{title:"SQF: Status Quo Function (Arma 3)",require:"clike",owner:"RunDevelopment"},sql:{title:"SQL",owner:"multipetros"},squirrel:{title:"Squirrel",require:"clike",owner:"RunDevelopment"},stan:{title:"Stan",owner:"RunDevelopment"},stata:{title:"Stata Ado",require:["mata","java","python"],owner:"RunDevelopment"},iecst:{title:"Structured Text (IEC 61131-3)",owner:"serhioromano"},stylus:{title:"Stylus",owner:"vkbansal"},supercollider:{title:"SuperCollider",alias:"sclang",owner:"RunDevelopment"},swift:{title:"Swift",owner:"chrischares"},systemd:{title:"Systemd configuration file",owner:"RunDevelopment"},"t4-templating":{title:"T4 templating",owner:"RunDevelopment"},"t4-cs":{title:"T4 Text Templates (C#)",require:["t4-templating","csharp"],alias:"t4",owner:"RunDevelopment"},"t4-vb":{title:"T4 Text Templates (VB)",require:["t4-templating","vbnet"],owner:"RunDevelopment"},tap:{title:"TAP",owner:"isaacs",require:"yaml"},tcl:{title:"Tcl",owner:"PeterChaplin"},tt2:{title:"Template Toolkit 2",require:["clike","markup-templating"],owner:"gflohr"},textile:{title:"Textile",require:"markup",optional:"css",owner:"Golmote"},toml:{title:"TOML",owner:"RunDevelopment"},tremor:{title:"Tremor",alias:["trickle","troy"],owner:"darach",aliasTitles:{trickle:"trickle",troy:"troy"}},turtle:{title:"Turtle",alias:"trig",aliasTitles:{trig:"TriG"},owner:"jakubklimek"},twig:{title:"Twig",require:"markup-templating",owner:"brandonkelly"},typescript:{title:"TypeScript",require:"javascript",optional:"js-templates",alias:"ts",owner:"vkbansal"},typoscript:{title:"TypoScript",alias:"tsconfig",aliasTitles:{tsconfig:"TSConfig"},owner:"dkern"},unrealscript:{title:"UnrealScript",alias:["uscript","uc"],owner:"RunDevelopment"},uorazor:{title:"UO Razor Script",owner:"jaseowns"},uri:{title:"URI",alias:"url",aliasTitles:{url:"URL"},owner:"RunDevelopment"},v:{title:"V",require:"clike",owner:"taggon"},vala:{title:"Vala",require:"clike",optional:"regex",owner:"TemplarVolk"},vbnet:{title:"VB.Net",require:"basic",owner:"Bigsby"},velocity:{title:"Velocity",require:"markup",owner:"Golmote"},verilog:{title:"Verilog",owner:"a-rey"},vhdl:{title:"VHDL",owner:"a-rey"},vim:{title:"vim",owner:"westonganger"},"visual-basic":{title:"Visual Basic",alias:["vb","vba"],aliasTitles:{vba:"VBA"},owner:"Golmote"},warpscript:{title:"WarpScript",owner:"RunDevelopment"},wasm:{title:"WebAssembly",owner:"Golmote"},"web-idl":{title:"Web IDL",alias:"webidl",owner:"RunDevelopment"},wgsl:{title:"WGSL",owner:"Dr4gonthree"},wiki:{title:"Wiki markup",require:"markup",owner:"Golmote"},wolfram:{title:"Wolfram language",alias:["mathematica","nb","wl"],aliasTitles:{mathematica:"Mathematica",nb:"Mathematica Notebook"},owner:"msollami"},wren:{title:"Wren",owner:"clsource"},xeora:{title:"Xeora",require:"markup",alias:"xeoracube",aliasTitles:{xeoracube:"XeoraCube"},owner:"freakmaxi"},"xml-doc":{title:"XML doc (.net)",require:"markup",modify:["csharp","fsharp","vbnet"],owner:"RunDevelopment"},xojo:{title:"Xojo (REALbasic)",owner:"Golmote"},xquery:{title:"XQuery",require:"markup",owner:"Golmote"},yaml:{title:"YAML",alias:"yml",owner:"hason"},yang:{title:"YANG",owner:"RunDevelopment"},zig:{title:"Zig",owner:"RunDevelopment"}},plugins:{meta:{path:"plugins/{id}/prism-{id}",link:"plugins/{id}/"},"line-highlight":{title:"Line Highlight",description:"Highlights specific lines and/or line ranges."},"line-numbers":{title:"Line Numbers",description:"Line number at the beginning of code lines.",owner:"kuba-kubula"},"show-invisibles":{title:"Show Invisibles",description:"Show hidden characters such as tabs and line breaks.",optional:["autolinker","data-uri-highlight"]},autolinker:{title:"Autolinker",description:"Converts URLs and emails in code to clickable links. Parses Markdown links in comments."},wpd:{title:"WebPlatform Docs",description:'Makes tokens link to <a href="https://webplatform.github.io/docs/">WebPlatform.org documentation</a>. The links open in a new tab.'},"custom-class":{title:"Custom Class",description:"This plugin allows you to prefix Prism's default classes (<code>.comment</code> can become <code>.namespace--comment</code>) or replace them with your defined ones (like <code>.editor__comment</code>). You can even add new classes.",owner:"dvkndn",noCSS:!0},"file-highlight":{title:"File Highlight",description:"Fetch external files and highlight them with Prism. Used on the Prism website itself.",noCSS:!0},"show-language":{title:"Show Language",description:"Display the highlighted language in code blocks (inline code does not show the label).",owner:"nauzilus",noCSS:!0,require:"toolbar"},"jsonp-highlight":{title:"JSONP Highlight",description:"Fetch content with JSONP and highlight some interesting content (e.g. GitHub/Gists or Bitbucket API).",noCSS:!0,owner:"nauzilus"},"highlight-keywords":{title:"Highlight Keywords",description:"Adds special CSS classes for each keyword for fine-grained highlighting.",owner:"vkbansal",noCSS:!0},"remove-initial-line-feed":{title:"Remove initial line feed",description:"Removes the initial line feed in code blocks.",owner:"Golmote",noCSS:!0},"inline-color":{title:"Inline color",description:"Adds a small inline preview for colors in style sheets.",require:"css-extras",owner:"RunDevelopment"},previewers:{title:"Previewers",description:"Previewers for angles, colors, gradients, easing and time.",require:"css-extras",owner:"Golmote"},autoloader:{title:"Autoloader",description:"Automatically loads the needed languages to highlight the code blocks.",owner:"Golmote",noCSS:!0},"keep-markup":{title:"Keep Markup",description:"Prevents custom markup from being dropped out during highlighting.",owner:"Golmote",optional:"normalize-whitespace",noCSS:!0},"command-line":{title:"Command Line",description:"Display a command line with a prompt and, optionally, the output/response from the commands.",owner:"chriswells0"},"unescaped-markup":{title:"Unescaped Markup",description:"Write markup without having to escape anything."},"normalize-whitespace":{title:"Normalize Whitespace",description:"Supports multiple operations to normalize whitespace in code blocks.",owner:"zeitgeist87",optional:"unescaped-markup",noCSS:!0},"data-uri-highlight":{title:"Data-URI Highlight",description:"Highlights data-URI contents.",owner:"Golmote",noCSS:!0},toolbar:{title:"Toolbar",description:"Attach a toolbar for plugins to easily register buttons on the top of a code block.",owner:"mAAdhaTTah"},"copy-to-clipboard":{title:"Copy to Clipboard Button",description:"Add a button that copies the code block to the clipboard when clicked.",owner:"mAAdhaTTah",require:"toolbar",noCSS:!0},"download-button":{title:"Download Button",description:"A button in the toolbar of a code block adding a convenient way to download a code file.",owner:"Golmote",require:"toolbar",noCSS:!0},"match-braces":{title:"Match braces",description:"Highlights matching braces.",owner:"RunDevelopment"},"diff-highlight":{title:"Diff Highlight",description:"Highlights the code inside diff blocks.",owner:"RunDevelopment",require:"diff"},"filter-highlight-all":{title:"Filter highlightAll",description:"Filters the elements the <code>highlightAll</code> and <code>highlightAllUnder</code> methods actually highlight.",owner:"RunDevelopment",noCSS:!0},treeview:{title:"Treeview",description:"A language with special styles to highlight file system tree structures.",owner:"Golmote"}}})},6532:(e,t,n)=>{const r=n(9227),o=n(9670),a=new Set;function i(e){void 0===e?e=Object.keys(r.languages).filter((e=>"meta"!=e)):Array.isArray(e)||(e=[e]);const t=[...a,...Object.keys(Prism.languages)];o(r,e,t).load((e=>{if(!(e in r.languages))return void(i.silent||console.warn("Language does not exist: "+e));const t="./prism-"+e;delete n.c[n(7507).resolve(t)],delete Prism.languages[e],n(7507)(t),a.add(e)}))}i.silent=!1,e.exports=i},1274:()=>{!function(e){function t(e,t){return"___"+e.toUpperCase()+t+"___"}Object.defineProperties(e.languages["markup-templating"]={},{buildPlaceholders:{value:function(n,r,o,a){if(n.language===r){var i=n.tokenStack=[];n.code=n.code.replace(o,(function(e){if("function"==typeof a&&!a(e))return e;for(var o,s=i.length;-1!==n.code.indexOf(o=t(r,s));)++s;return i[s]=e,o})),n.grammar=e.languages.markup}}},tokenizePlaceholders:{value:function(n,r){if(n.language===r&&n.tokenStack){n.grammar=e.languages[r];var o=0,a=Object.keys(n.tokenStack);!function i(s){for(var l=0;l<s.length&&!(o>=a.length);l++){var c=s[l];if("string"==typeof c||c.content&&"string"==typeof c.content){var u=a[o],d=n.tokenStack[u],p="string"==typeof c?c:c.content,f=t(r,u),m=p.indexOf(f);if(m>-1){++o;var h=p.substring(0,m),g=new e.Token(r,e.tokenize(d,n.grammar),"language-"+r,d),b=p.substring(m+f.length),y=[];h&&y.push.apply(y,i([h])),y.push(g),b&&y.push.apply(y,i([b])),"string"==typeof c?s.splice.apply(s,[l,1].concat(y)):c.content=y}}else c.content&&i(c.content)}return s}(n.tokens)}}}})}(Prism)},7507:(e,t,n)=>{var r={"./":6532};function o(e){var t=a(e);return n(t)}function a(e){if(!n.o(r,e)){var t=new Error("Cannot find module '"+e+"'");throw t.code="MODULE_NOT_FOUND",t}return r[e]}o.keys=function(){return Object.keys(r)},o.resolve=a,e.exports=o,o.id=7507},9670:e=>{"use strict";var t=function(){var e=function(){};function t(e,t){Array.isArray(e)?e.forEach(t):null!=e&&t(e,0)}function n(e){for(var t={},n=0,r=e.length;n<r;n++)t[e[n]]=!0;return t}function r(e){var n={},r=[];function o(r,a){if(!(r in n)){a.push(r);var i=a.indexOf(r);if(i<a.length-1)throw new Error("Circular dependency: "+a.slice(i).join(" -> "));var s={},l=e[r];if(l){function c(t){if(!(t in e))throw new Error(r+" depends on an unknown component "+t);if(!(t in s))for(var i in o(t,a),s[t]=!0,n[t])s[i]=!0}t(l.require,c),t(l.optional,c),t(l.modify,c)}n[r]=s,a.pop()}}return function(e){var t=n[e];return t||(o(e,r),t=n[e]),t}}function o(e){for(var t in e)return!0;return!1}return function(a,i,s){var l=function(e){var t={};for(var n in e){var r=e[n];for(var o in r)if("meta"!=o){var a=r[o];t[o]="string"==typeof a?{title:a}:a}}return t}(a),c=function(e){var n;return function(r){if(r in e)return r;if(!n)for(var o in n={},e){var a=e[o];t(a&&a.alias,(function(t){if(t in n)throw new Error(t+" cannot be alias for both "+o+" and "+n[t]);if(t in e)throw new Error(t+" cannot be alias of "+o+" because it is a component.");n[t]=o}))}return n[r]||r}}(l);i=i.map(c),s=(s||[]).map(c);var u=n(i),d=n(s);i.forEach((function e(n){var r=l[n];t(r&&r.require,(function(t){t in d||(u[t]=!0,e(t))}))}));for(var p,f=r(l),m=u;o(m);){for(var h in p={},m){var g=l[h];t(g&&g.modify,(function(e){e in d&&(p[e]=!0)}))}for(var b in d)if(!(b in u))for(var y in f(b))if(y in u){p[b]=!0;break}for(var v in m=p)u[v]=!0}var w={getIds:function(){var e=[];return w.load((function(t){e.push(t)})),e},load:function(t,n){return function(t,n,r,o){var a=o?o.series:void 0,i=o?o.parallel:e,s={},l={};function c(e){if(e in s)return s[e];l[e]=!0;var o,u=[];for(var d in t(e))d in n&&u.push(d);if(0===u.length)o=r(e);else{var p=i(u.map((function(e){var t=c(e);return delete l[e],t})));a?o=a(p,(function(){return r(e)})):r(e)}return s[e]=o}for(var u in n)c(u);var d=[];for(var p in l)d.push(s[p]);return i(d)}(f,u,t,n)}};return w}}();e.exports=t},6186:(e,t,n)=>{"use strict";var r=n(2985);function o(){}function a(){}a.resetWarningCache=o,e.exports=function(){function e(e,t,n,o,a,i){if(i!==r){var s=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");throw s.name="Invariant Violation",s}}function t(){return e}e.isRequired=e;var n={array:e,bigint:e,bool:e,func:e,number:e,object:e,string:e,symbol:e,any:e,arrayOf:t,element:e,elementType:e,instanceOf:t,node:e,objectOf:t,oneOf:t,oneOfType:t,shape:t,exact:t,checkPropTypes:a,resetWarningCache:o};return n.PropTypes=n,n}},2736:(e,t,n)=>{e.exports=n(6186)()},2985:e=>{"use strict";e.exports="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"},9481:(e,t,n)=>{"use strict";var r=n(758),o=n(1896);function a(e){for(var t="https://reactjs.org/docs/error-decoder.html?invariant="+e,n=1;n<arguments.length;n++)t+="&args[]="+encodeURIComponent(arguments[n]);return"Minified React error #"+e+"; visit "+t+" for the full message or use the non-minified dev environment for full errors and additional helpful warnings."}var i=new Set,s={};function l(e,t){c(e,t),c(e+"Capture",t)}function c(e,t){for(s[e]=t,e=0;e<t.length;e++)i.add(t[e])}var u=!("undefined"==typeof window||void 0===window.document||void 0===window.document.createElement),d=Object.prototype.hasOwnProperty,p=/^[:A-Z_a-z\u00C0-\u00D6\u00D8-\u00F6\u00F8-\u02FF\u0370-\u037D\u037F-\u1FFF\u200C-\u200D\u2070-\u218F\u2C00-\u2FEF\u3001-\uD7FF\uF900-\uFDCF\uFDF0-\uFFFD][:A-Z_a-z\u00C0-\u00D6\u00D8-\u00F6\u00F8-\u02FF\u0370-\u037D\u037F-\u1FFF\u200C-\u200D\u2070-\u218F\u2C00-\u2FEF\u3001-\uD7FF\uF900-\uFDCF\uFDF0-\uFFFD\-.0-9\u00B7\u0300-\u036F\u203F-\u2040]*$/,f={},m={};function h(e,t,n,r,o,a,i){this.acceptsBooleans=2===t||3===t||4===t,this.attributeName=r,this.attributeNamespace=o,this.mustUseProperty=n,this.propertyName=e,this.type=t,this.sanitizeURL=a,this.removeEmptyString=i}var g={};"children dangerouslySetInnerHTML defaultValue defaultChecked innerHTML suppressContentEditableWarning suppressHydrationWarning style".split(" ").forEach((function(e){g[e]=new h(e,0,!1,e,null,!1,!1)})),[["acceptCharset","accept-charset"],["className","class"],["htmlFor","for"],["httpEquiv","http-equiv"]].forEach((function(e){var t=e[0];g[t]=new h(t,1,!1,e[1],null,!1,!1)})),["contentEditable","draggable","spellCheck","value"].forEach((function(e){g[e]=new h(e,2,!1,e.toLowerCase(),null,!1,!1)})),["autoReverse","externalResourcesRequired","focusable","preserveAlpha"].forEach((function(e){g[e]=new h(e,2,!1,e,null,!1,!1)})),"allowFullScreen async autoFocus autoPlay controls default defer disabled disablePictureInPicture disableRemotePlayback formNoValidate hidden loop noModule noValidate open playsInline readOnly required reversed scoped seamless itemScope".split(" ").forEach((function(e){g[e]=new h(e,3,!1,e.toLowerCase(),null,!1,!1)})),["checked","multiple","muted","selected"].forEach((function(e){g[e]=new h(e,3,!0,e,null,!1,!1)})),["capture","download"].forEach((function(e){g[e]=new h(e,4,!1,e,null,!1,!1)})),["cols","rows","size","span"].forEach((function(e){g[e]=new h(e,6,!1,e,null,!1,!1)})),["rowSpan","start"].forEach((function(e){g[e]=new h(e,5,!1,e.toLowerCase(),null,!1,!1)}));var b=/[\-:]([a-z])/g;function y(e){return e[1].toUpperCase()}function v(e,t,n,r){var o=g.hasOwnProperty(t)?g[t]:null;(null!==o?0!==o.type:r||!(2<t.length)||"o"!==t[0]&&"O"!==t[0]||"n"!==t[1]&&"N"!==t[1])&&(function(e,t,n,r){if(null==t||function(e,t,n,r){if(null!==n&&0===n.type)return!1;switch(typeof t){case"function":case"symbol":return!0;case"boolean":return!r&&(null!==n?!n.acceptsBooleans:"data-"!==(e=e.toLowerCase().slice(0,5))&&"aria-"!==e);default:return!1}}(e,t,n,r))return!0;if(r)return!1;if(null!==n)switch(n.type){case 3:return!t;case 4:return!1===t;case 5:return isNaN(t);case 6:return isNaN(t)||1>t}return!1}(t,n,o,r)&&(n=null),r||null===o?function(e){return!!d.call(m,e)||!d.call(f,e)&&(p.test(e)?m[e]=!0:(f[e]=!0,!1))}(t)&&(null===n?e.removeAttribute(t):e.setAttribute(t,""+n)):o.mustUseProperty?e[o.propertyName]=null===n?3!==o.type&&"":n:(t=o.attributeName,r=o.attributeNamespace,null===n?e.removeAttribute(t):(n=3===(o=o.type)||4===o&&!0===n?"":""+n,r?e.setAttributeNS(r,t,n):e.setAttribute(t,n))))}"accent-height alignment-baseline arabic-form baseline-shift cap-height clip-path clip-rule color-interpolation color-interpolation-filters color-profile color-rendering dominant-baseline enable-background fill-opacity fill-rule flood-color flood-opacity font-family font-size font-size-adjust font-stretch font-style font-variant font-weight glyph-name glyph-orientation-horizontal glyph-orientation-vertical horiz-adv-x horiz-origin-x image-rendering letter-spacing lighting-color marker-end marker-mid marker-start overline-position overline-thickness paint-order panose-1 pointer-events rendering-intent shape-rendering stop-color stop-opacity strikethrough-position strikethrough-thickness stroke-dasharray stroke-dashoffset stroke-linecap stroke-linejoin stroke-miterlimit stroke-opacity stroke-width text-anchor text-decoration text-rendering underline-position underline-thickness unicode-bidi unicode-range units-per-em v-alphabetic v-hanging v-ideographic v-mathematical vector-effect vert-adv-y vert-origin-x vert-origin-y word-spacing writing-mode xmlns:xlink x-height".split(" ").forEach((function(e){var t=e.replace(b,y);g[t]=new h(t,1,!1,e,null,!1,!1)})),"xlink:actuate xlink:arcrole xlink:role xlink:show xlink:title xlink:type".split(" ").forEach((function(e){var t=e.replace(b,y);g[t]=new h(t,1,!1,e,"http://www.w3.org/1999/xlink",!1,!1)})),["xml:base","xml:lang","xml:space"].forEach((function(e){var t=e.replace(b,y);g[t]=new h(t,1,!1,e,"http://www.w3.org/XML/1998/namespace",!1,!1)})),["tabIndex","crossOrigin"].forEach((function(e){g[e]=new h(e,1,!1,e.toLowerCase(),null,!1,!1)})),g.xlinkHref=new h("xlinkHref",1,!1,"xlink:href","http://www.w3.org/1999/xlink",!0,!1),["src","href","action","formAction"].forEach((function(e){g[e]=new h(e,1,!1,e.toLowerCase(),null,!0,!0)}));var w=r.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED,S=Symbol.for("react.element"),x=Symbol.for("react.portal"),k=Symbol.for("react.fragment"),E=Symbol.for("react.strict_mode"),_=Symbol.for("react.profiler"),C=Symbol.for("react.provider"),j=Symbol.for("react.context"),A=Symbol.for("react.forward_ref"),O=Symbol.for("react.suspense"),T=Symbol.for("react.suspense_list"),P=Symbol.for("react.memo"),L=Symbol.for("react.lazy");Symbol.for("react.scope"),Symbol.for("react.debug_trace_mode");var I=Symbol.for("react.offscreen");Symbol.for("react.legacy_hidden"),Symbol.for("react.cache"),Symbol.for("react.tracing_marker");var R=Symbol.iterator;function N(e){return null===e||"object"!=typeof e?null:"function"==typeof(e=R&&e[R]||e["@@iterator"])?e:null}var D,M=Object.assign;function F(e){if(void 0===D)try{throw Error()}catch(n){var t=n.stack.trim().match(/\n( *(at )?)/);D=t&&t[1]||""}return"\n"+D+e}var z=!1;function B(e,t){if(!e||z)return"";z=!0;var n=Error.prepareStackTrace;Error.prepareStackTrace=void 0;try{if(t)if(t=function(){throw Error()},Object.defineProperty(t.prototype,"props",{set:function(){throw Error()}}),"object"==typeof Reflect&&Reflect.construct){try{Reflect.construct(t,[])}catch(c){var r=c}Reflect.construct(e,[],t)}else{try{t.call()}catch(c){r=c}e.call(t.prototype)}else{try{throw Error()}catch(c){r=c}e()}}catch(c){if(c&&r&&"string"==typeof c.stack){for(var o=c.stack.split("\n"),a=r.stack.split("\n"),i=o.length-1,s=a.length-1;1<=i&&0<=s&&o[i]!==a[s];)s--;for(;1<=i&&0<=s;i--,s--)if(o[i]!==a[s]){if(1!==i||1!==s)do{if(i--,0>--s||o[i]!==a[s]){var l="\n"+o[i].replace(" at new "," at ");return e.displayName&&l.includes("<anonymous>")&&(l=l.replace("<anonymous>",e.displayName)),l}}while(1<=i&&0<=s);break}}}finally{z=!1,Error.prepareStackTrace=n}return(e=e?e.displayName||e.name:"")?F(e):""}function U(e){switch(e.tag){case 5:return F(e.type);case 16:return F("Lazy");case 13:return F("Suspense");case 19:return F("SuspenseList");case 0:case 2:case 15:return e=B(e.type,!1);case 11:return e=B(e.type.render,!1);case 1:return e=B(e.type,!0);default:return""}}function q(e){if(null==e)return null;if("function"==typeof e)return e.displayName||e.name||null;if("string"==typeof e)return e;switch(e){case k:return"Fragment";case x:return"Portal";case _:return"Profiler";case E:return"StrictMode";case O:return"Suspense";case T:return"SuspenseList"}if("object"==typeof e)switch(e.$$typeof){case j:return(e.displayName||"Context")+".Consumer";case C:return(e._context.displayName||"Context")+".Provider";case A:var t=e.render;return(e=e.displayName)||(e=""!==(e=t.displayName||t.name||"")?"ForwardRef("+e+")":"ForwardRef"),e;case P:return null!==(t=e.displayName||null)?t:q(e.type)||"Memo";case L:t=e._payload,e=e._init;try{return q(e(t))}catch(n){}}return null}function $(e){var t=e.type;switch(e.tag){case 24:return"Cache";case 9:return(t.displayName||"Context")+".Consumer";case 10:return(t._context.displayName||"Context")+".Provider";case 18:return"DehydratedFragment";case 11:return e=(e=t.render).displayName||e.name||"",t.displayName||(""!==e?"ForwardRef("+e+")":"ForwardRef");case 7:return"Fragment";case 5:return t;case 4:return"Portal";case 3:return"Root";case 6:return"Text";case 16:return q(t);case 8:return t===E?"StrictMode":"Mode";case 22:return"Offscreen";case 12:return"Profiler";case 21:return"Scope";case 13:return"Suspense";case 19:return"SuspenseList";case 25:return"TracingMarker";case 1:case 0:case 17:case 2:case 14:case 15:if("function"==typeof t)return t.displayName||t.name||null;if("string"==typeof t)return t}return null}function H(e){switch(typeof e){case"boolean":case"number":case"string":case"undefined":case"object":return e;default:return""}}function V(e){var t=e.type;return(e=e.nodeName)&&"input"===e.toLowerCase()&&("checkbox"===t||"radio"===t)}function G(e){e._valueTracker||(e._valueTracker=function(e){var t=V(e)?"checked":"value",n=Object.getOwnPropertyDescriptor(e.constructor.prototype,t),r=""+e[t];if(!e.hasOwnProperty(t)&&void 0!==n&&"function"==typeof n.get&&"function"==typeof n.set){var o=n.get,a=n.set;return Object.defineProperty(e,t,{configurable:!0,get:function(){return o.call(this)},set:function(e){r=""+e,a.call(this,e)}}),Object.defineProperty(e,t,{enumerable:n.enumerable}),{getValue:function(){return r},setValue:function(e){r=""+e},stopTracking:function(){e._valueTracker=null,delete e[t]}}}}(e))}function W(e){if(!e)return!1;var t=e._valueTracker;if(!t)return!0;var n=t.getValue(),r="";return e&&(r=V(e)?e.checked?"true":"false":e.value),(e=r)!==n&&(t.setValue(e),!0)}function K(e){if(void 0===(e=e||("undefined"!=typeof document?document:void 0)))return null;try{return e.activeElement||e.body}catch(t){return e.body}}function Q(e,t){var n=t.checked;return M({},t,{defaultChecked:void 0,defaultValue:void 0,value:void 0,checked:null!=n?n:e._wrapperState.initialChecked})}function Y(e,t){var n=null==t.defaultValue?"":t.defaultValue,r=null!=t.checked?t.checked:t.defaultChecked;n=H(null!=t.value?t.value:n),e._wrapperState={initialChecked:r,initialValue:n,controlled:"checkbox"===t.type||"radio"===t.type?null!=t.checked:null!=t.value}}function Z(e,t){null!=(t=t.checked)&&v(e,"checked",t,!1)}function J(e,t){Z(e,t);var n=H(t.value),r=t.type;if(null!=n)"number"===r?(0===n&&""===e.value||e.value!=n)&&(e.value=""+n):e.value!==""+n&&(e.value=""+n);else if("submit"===r||"reset"===r)return void e.removeAttribute("value");t.hasOwnProperty("value")?ee(e,t.type,n):t.hasOwnProperty("defaultValue")&&ee(e,t.type,H(t.defaultValue)),null==t.checked&&null!=t.defaultChecked&&(e.defaultChecked=!!t.defaultChecked)}function X(e,t,n){if(t.hasOwnProperty("value")||t.hasOwnProperty("defaultValue")){var r=t.type;if(!("submit"!==r&&"reset"!==r||void 0!==t.value&&null!==t.value))return;t=""+e._wrapperState.initialValue,n||t===e.value||(e.value=t),e.defaultValue=t}""!==(n=e.name)&&(e.name=""),e.defaultChecked=!!e._wrapperState.initialChecked,""!==n&&(e.name=n)}function ee(e,t,n){"number"===t&&K(e.ownerDocument)===e||(null==n?e.defaultValue=""+e._wrapperState.initialValue:e.defaultValue!==""+n&&(e.defaultValue=""+n))}var te=Array.isArray;function ne(e,t,n,r){if(e=e.options,t){t={};for(var o=0;o<n.length;o++)t["$"+n[o]]=!0;for(n=0;n<e.length;n++)o=t.hasOwnProperty("$"+e[n].value),e[n].selected!==o&&(e[n].selected=o),o&&r&&(e[n].defaultSelected=!0)}else{for(n=""+H(n),t=null,o=0;o<e.length;o++){if(e[o].value===n)return e[o].selected=!0,void(r&&(e[o].defaultSelected=!0));null!==t||e[o].disabled||(t=e[o])}null!==t&&(t.selected=!0)}}function re(e,t){if(null!=t.dangerouslySetInnerHTML)throw Error(a(91));return M({},t,{value:void 0,defaultValue:void 0,children:""+e._wrapperState.initialValue})}function oe(e,t){var n=t.value;if(null==n){if(n=t.children,t=t.defaultValue,null!=n){if(null!=t)throw Error(a(92));if(te(n)){if(1<n.length)throw Error(a(93));n=n[0]}t=n}null==t&&(t=""),n=t}e._wrapperState={initialValue:H(n)}}function ae(e,t){var n=H(t.value),r=H(t.defaultValue);null!=n&&((n=""+n)!==e.value&&(e.value=n),null==t.defaultValue&&e.defaultValue!==n&&(e.defaultValue=n)),null!=r&&(e.defaultValue=""+r)}function ie(e){var t=e.textContent;t===e._wrapperState.initialValue&&""!==t&&null!==t&&(e.value=t)}function se(e){switch(e){case"svg":return"http://www.w3.org/2000/svg";case"math":return"http://www.w3.org/1998/Math/MathML";default:return"http://www.w3.org/1999/xhtml"}}function le(e,t){return null==e||"http://www.w3.org/1999/xhtml"===e?se(t):"http://www.w3.org/2000/svg"===e&&"foreignObject"===t?"http://www.w3.org/1999/xhtml":e}var ce,ue,de=(ue=function(e,t){if("http://www.w3.org/2000/svg"!==e.namespaceURI||"innerHTML"in e)e.innerHTML=t;else{for((ce=ce||document.createElement("div")).innerHTML="<svg>"+t.valueOf().toString()+"</svg>",t=ce.firstChild;e.firstChild;)e.removeChild(e.firstChild);for(;t.firstChild;)e.appendChild(t.firstChild)}},"undefined"!=typeof MSApp&&MSApp.execUnsafeLocalFunction?function(e,t,n,r){MSApp.execUnsafeLocalFunction((function(){return ue(e,t)}))}:ue);function pe(e,t){if(t){var n=e.firstChild;if(n&&n===e.lastChild&&3===n.nodeType)return void(n.nodeValue=t)}e.textContent=t}var fe={animationIterationCount:!0,aspectRatio:!0,borderImageOutset:!0,borderImageSlice:!0,borderImageWidth:!0,boxFlex:!0,boxFlexGroup:!0,boxOrdinalGroup:!0,columnCount:!0,columns:!0,flex:!0,flexGrow:!0,flexPositive:!0,flexShrink:!0,flexNegative:!0,flexOrder:!0,gridArea:!0,gridRow:!0,gridRowEnd:!0,gridRowSpan:!0,gridRowStart:!0,gridColumn:!0,gridColumnEnd:!0,gridColumnSpan:!0,gridColumnStart:!0,fontWeight:!0,lineClamp:!0,lineHeight:!0,opacity:!0,order:!0,orphans:!0,tabSize:!0,widows:!0,zIndex:!0,zoom:!0,fillOpacity:!0,floodOpacity:!0,stopOpacity:!0,strokeDasharray:!0,strokeDashoffset:!0,strokeMiterlimit:!0,strokeOpacity:!0,strokeWidth:!0},me=["Webkit","ms","Moz","O"];function he(e,t,n){return null==t||"boolean"==typeof t||""===t?"":n||"number"!=typeof t||0===t||fe.hasOwnProperty(e)&&fe[e]?(""+t).trim():t+"px"}function ge(e,t){for(var n in e=e.style,t)if(t.hasOwnProperty(n)){var r=0===n.indexOf("--"),o=he(n,t[n],r);"float"===n&&(n="cssFloat"),r?e.setProperty(n,o):e[n]=o}}Object.keys(fe).forEach((function(e){me.forEach((function(t){t=t+e.charAt(0).toUpperCase()+e.substring(1),fe[t]=fe[e]}))}));var be=M({menuitem:!0},{area:!0,base:!0,br:!0,col:!0,embed:!0,hr:!0,img:!0,input:!0,keygen:!0,link:!0,meta:!0,param:!0,source:!0,track:!0,wbr:!0});function ye(e,t){if(t){if(be[e]&&(null!=t.children||null!=t.dangerouslySetInnerHTML))throw Error(a(137,e));if(null!=t.dangerouslySetInnerHTML){if(null!=t.children)throw Error(a(60));if("object"!=typeof t.dangerouslySetInnerHTML||!("__html"in t.dangerouslySetInnerHTML))throw Error(a(61))}if(null!=t.style&&"object"!=typeof t.style)throw Error(a(62))}}function ve(e,t){if(-1===e.indexOf("-"))return"string"==typeof t.is;switch(e){case"annotation-xml":case"color-profile":case"font-face":case"font-face-src":case"font-face-uri":case"font-face-format":case"font-face-name":case"missing-glyph":return!1;default:return!0}}var we=null;function Se(e){return(e=e.target||e.srcElement||window).correspondingUseElement&&(e=e.correspondingUseElement),3===e.nodeType?e.parentNode:e}var xe=null,ke=null,Ee=null;function _e(e){if(e=wo(e)){if("function"!=typeof xe)throw Error(a(280));var t=e.stateNode;t&&(t=xo(t),xe(e.stateNode,e.type,t))}}function Ce(e){ke?Ee?Ee.push(e):Ee=[e]:ke=e}function je(){if(ke){var e=ke,t=Ee;if(Ee=ke=null,_e(e),t)for(e=0;e<t.length;e++)_e(t[e])}}function Ae(e,t){return e(t)}function Oe(){}var Te=!1;function Pe(e,t,n){if(Te)return e(t,n);Te=!0;try{return Ae(e,t,n)}finally{Te=!1,(null!==ke||null!==Ee)&&(Oe(),je())}}function Le(e,t){var n=e.stateNode;if(null===n)return null;var r=xo(n);if(null===r)return null;n=r[t];e:switch(t){case"onClick":case"onClickCapture":case"onDoubleClick":case"onDoubleClickCapture":case"onMouseDown":case"onMouseDownCapture":case"onMouseMove":case"onMouseMoveCapture":case"onMouseUp":case"onMouseUpCapture":case"onMouseEnter":(r=!r.disabled)||(r=!("button"===(e=e.type)||"input"===e||"select"===e||"textarea"===e)),e=!r;break e;default:e=!1}if(e)return null;if(n&&"function"!=typeof n)throw Error(a(231,t,typeof n));return n}var Ie=!1;if(u)try{var Re={};Object.defineProperty(Re,"passive",{get:function(){Ie=!0}}),window.addEventListener("test",Re,Re),window.removeEventListener("test",Re,Re)}catch(ue){Ie=!1}function Ne(e,t,n,r,o,a,i,s,l){var c=Array.prototype.slice.call(arguments,3);try{t.apply(n,c)}catch(u){this.onError(u)}}var De=!1,Me=null,Fe=!1,ze=null,Be={onError:function(e){De=!0,Me=e}};function Ue(e,t,n,r,o,a,i,s,l){De=!1,Me=null,Ne.apply(Be,arguments)}function qe(e){var t=e,n=e;if(e.alternate)for(;t.return;)t=t.return;else{e=t;do{!!(4098&(t=e).flags)&&(n=t.return),e=t.return}while(e)}return 3===t.tag?n:null}function $e(e){if(13===e.tag){var t=e.memoizedState;if(null===t&&(null!==(e=e.alternate)&&(t=e.memoizedState)),null!==t)return t.dehydrated}return null}function He(e){if(qe(e)!==e)throw Error(a(188))}function Ve(e){return null!==(e=function(e){var t=e.alternate;if(!t){if(null===(t=qe(e)))throw Error(a(188));return t!==e?null:e}for(var n=e,r=t;;){var o=n.return;if(null===o)break;var i=o.alternate;if(null===i){if(null!==(r=o.return)){n=r;continue}break}if(o.child===i.child){for(i=o.child;i;){if(i===n)return He(o),e;if(i===r)return He(o),t;i=i.sibling}throw Error(a(188))}if(n.return!==r.return)n=o,r=i;else{for(var s=!1,l=o.child;l;){if(l===n){s=!0,n=o,r=i;break}if(l===r){s=!0,r=o,n=i;break}l=l.sibling}if(!s){for(l=i.child;l;){if(l===n){s=!0,n=i,r=o;break}if(l===r){s=!0,r=i,n=o;break}l=l.sibling}if(!s)throw Error(a(189))}}if(n.alternate!==r)throw Error(a(190))}if(3!==n.tag)throw Error(a(188));return n.stateNode.current===n?e:t}(e))?Ge(e):null}function Ge(e){if(5===e.tag||6===e.tag)return e;for(e=e.child;null!==e;){var t=Ge(e);if(null!==t)return t;e=e.sibling}return null}var We=o.unstable_scheduleCallback,Ke=o.unstable_cancelCallback,Qe=o.unstable_shouldYield,Ye=o.unstable_requestPaint,Ze=o.unstable_now,Je=o.unstable_getCurrentPriorityLevel,Xe=o.unstable_ImmediatePriority,et=o.unstable_UserBlockingPriority,tt=o.unstable_NormalPriority,nt=o.unstable_LowPriority,rt=o.unstable_IdlePriority,ot=null,at=null;var it=Math.clz32?Math.clz32:function(e){return e>>>=0,0===e?32:31-(st(e)/lt|0)|0},st=Math.log,lt=Math.LN2;var ct=64,ut=4194304;function dt(e){switch(e&-e){case 1:return 1;case 2:return 2;case 4:return 4;case 8:return 8;case 16:return 16;case 32:return 32;case 64:case 128:case 256:case 512:case 1024:case 2048:case 4096:case 8192:case 16384:case 32768:case 65536:case 131072:case 262144:case 524288:case 1048576:case 2097152:return 4194240&e;case 4194304:case 8388608:case 16777216:case 33554432:case 67108864:return 130023424&e;case 134217728:return 134217728;case 268435456:return 268435456;case 536870912:return 536870912;case 1073741824:return 1073741824;default:return e}}function pt(e,t){var n=e.pendingLanes;if(0===n)return 0;var r=0,o=e.suspendedLanes,a=e.pingedLanes,i=268435455&n;if(0!==i){var s=i&~o;0!==s?r=dt(s):0!==(a&=i)&&(r=dt(a))}else 0!==(i=n&~o)?r=dt(i):0!==a&&(r=dt(a));if(0===r)return 0;if(0!==t&&t!==r&&!(t&o)&&((o=r&-r)>=(a=t&-t)||16===o&&4194240&a))return t;if(4&r&&(r|=16&n),0!==(t=e.entangledLanes))for(e=e.entanglements,t&=r;0<t;)o=1<<(n=31-it(t)),r|=e[n],t&=~o;return r}function ft(e,t){switch(e){case 1:case 2:case 4:return t+250;case 8:case 16:case 32:case 64:case 128:case 256:case 512:case 1024:case 2048:case 4096:case 8192:case 16384:case 32768:case 65536:case 131072:case 262144:case 524288:case 1048576:case 2097152:return t+5e3;default:return-1}}function mt(e){return 0!==(e=-1073741825&e.pendingLanes)?e:1073741824&e?1073741824:0}function ht(){var e=ct;return!(4194240&(ct<<=1))&&(ct=64),e}function gt(e){for(var t=[],n=0;31>n;n++)t.push(e);return t}function bt(e,t,n){e.pendingLanes|=t,536870912!==t&&(e.suspendedLanes=0,e.pingedLanes=0),(e=e.eventTimes)[t=31-it(t)]=n}function yt(e,t){var n=e.entangledLanes|=t;for(e=e.entanglements;n;){var r=31-it(n),o=1<<r;o&t|e[r]&t&&(e[r]|=t),n&=~o}}var vt=0;function wt(e){return 1<(e&=-e)?4<e?268435455&e?16:536870912:4:1}var St,xt,kt,Et,_t,Ct=!1,jt=[],At=null,Ot=null,Tt=null,Pt=new Map,Lt=new Map,It=[],Rt="mousedown mouseup touchcancel touchend touchstart auxclick dblclick pointercancel pointerdown pointerup dragend dragstart drop compositionend compositionstart keydown keypress keyup input textInput copy cut paste click change contextmenu reset submit".split(" ");function Nt(e,t){switch(e){case"focusin":case"focusout":At=null;break;case"dragenter":case"dragleave":Ot=null;break;case"mouseover":case"mouseout":Tt=null;break;case"pointerover":case"pointerout":Pt.delete(t.pointerId);break;case"gotpointercapture":case"lostpointercapture":Lt.delete(t.pointerId)}}function Dt(e,t,n,r,o,a){return null===e||e.nativeEvent!==a?(e={blockedOn:t,domEventName:n,eventSystemFlags:r,nativeEvent:a,targetContainers:[o]},null!==t&&(null!==(t=wo(t))&&xt(t)),e):(e.eventSystemFlags|=r,t=e.targetContainers,null!==o&&-1===t.indexOf(o)&&t.push(o),e)}function Mt(e){var t=vo(e.target);if(null!==t){var n=qe(t);if(null!==n)if(13===(t=n.tag)){if(null!==(t=$e(n)))return e.blockedOn=t,void _t(e.priority,(function(){kt(n)}))}else if(3===t&&n.stateNode.current.memoizedState.isDehydrated)return void(e.blockedOn=3===n.tag?n.stateNode.containerInfo:null)}e.blockedOn=null}function Ft(e){if(null!==e.blockedOn)return!1;for(var t=e.targetContainers;0<t.length;){var n=Qt(e.domEventName,e.eventSystemFlags,t[0],e.nativeEvent);if(null!==n)return null!==(t=wo(n))&&xt(t),e.blockedOn=n,!1;var r=new(n=e.nativeEvent).constructor(n.type,n);we=r,n.target.dispatchEvent(r),we=null,t.shift()}return!0}function zt(e,t,n){Ft(e)&&n.delete(t)}function Bt(){Ct=!1,null!==At&&Ft(At)&&(At=null),null!==Ot&&Ft(Ot)&&(Ot=null),null!==Tt&&Ft(Tt)&&(Tt=null),Pt.forEach(zt),Lt.forEach(zt)}function Ut(e,t){e.blockedOn===t&&(e.blockedOn=null,Ct||(Ct=!0,o.unstable_scheduleCallback(o.unstable_NormalPriority,Bt)))}function qt(e){function t(t){return Ut(t,e)}if(0<jt.length){Ut(jt[0],e);for(var n=1;n<jt.length;n++){var r=jt[n];r.blockedOn===e&&(r.blockedOn=null)}}for(null!==At&&Ut(At,e),null!==Ot&&Ut(Ot,e),null!==Tt&&Ut(Tt,e),Pt.forEach(t),Lt.forEach(t),n=0;n<It.length;n++)(r=It[n]).blockedOn===e&&(r.blockedOn=null);for(;0<It.length&&null===(n=It[0]).blockedOn;)Mt(n),null===n.blockedOn&&It.shift()}var $t=w.ReactCurrentBatchConfig,Ht=!0;function Vt(e,t,n,r){var o=vt,a=$t.transition;$t.transition=null;try{vt=1,Wt(e,t,n,r)}finally{vt=o,$t.transition=a}}function Gt(e,t,n,r){var o=vt,a=$t.transition;$t.transition=null;try{vt=4,Wt(e,t,n,r)}finally{vt=o,$t.transition=a}}function Wt(e,t,n,r){if(Ht){var o=Qt(e,t,n,r);if(null===o)Hr(e,t,r,Kt,n),Nt(e,r);else if(function(e,t,n,r,o){switch(t){case"focusin":return At=Dt(At,e,t,n,r,o),!0;case"dragenter":return Ot=Dt(Ot,e,t,n,r,o),!0;case"mouseover":return Tt=Dt(Tt,e,t,n,r,o),!0;case"pointerover":var a=o.pointerId;return Pt.set(a,Dt(Pt.get(a)||null,e,t,n,r,o)),!0;case"gotpointercapture":return a=o.pointerId,Lt.set(a,Dt(Lt.get(a)||null,e,t,n,r,o)),!0}return!1}(o,e,t,n,r))r.stopPropagation();else if(Nt(e,r),4&t&&-1<Rt.indexOf(e)){for(;null!==o;){var a=wo(o);if(null!==a&&St(a),null===(a=Qt(e,t,n,r))&&Hr(e,t,r,Kt,n),a===o)break;o=a}null!==o&&r.stopPropagation()}else Hr(e,t,r,null,n)}}var Kt=null;function Qt(e,t,n,r){if(Kt=null,null!==(e=vo(e=Se(r))))if(null===(t=qe(e)))e=null;else if(13===(n=t.tag)){if(null!==(e=$e(t)))return e;e=null}else if(3===n){if(t.stateNode.current.memoizedState.isDehydrated)return 3===t.tag?t.stateNode.containerInfo:null;e=null}else t!==e&&(e=null);return Kt=e,null}function Yt(e){switch(e){case"cancel":case"click":case"close":case"contextmenu":case"copy":case"cut":case"auxclick":case"dblclick":case"dragend":case"dragstart":case"drop":case"focusin":case"focusout":case"input":case"invalid":case"keydown":case"keypress":case"keyup":case"mousedown":case"mouseup":case"paste":case"pause":case"play":case"pointercancel":case"pointerdown":case"pointerup":case"ratechange":case"reset":case"resize":case"seeked":case"submit":case"touchcancel":case"touchend":case"touchstart":case"volumechange":case"change":case"selectionchange":case"textInput":case"compositionstart":case"compositionend":case"compositionupdate":case"beforeblur":case"afterblur":case"beforeinput":case"blur":case"fullscreenchange":case"focus":case"hashchange":case"popstate":case"select":case"selectstart":return 1;case"drag":case"dragenter":case"dragexit":case"dragleave":case"dragover":case"mousemove":case"mouseout":case"mouseover":case"pointermove":case"pointerout":case"pointerover":case"scroll":case"toggle":case"touchmove":case"wheel":case"mouseenter":case"mouseleave":case"pointerenter":case"pointerleave":return 4;case"message":switch(Je()){case Xe:return 1;case et:return 4;case tt:case nt:return 16;case rt:return 536870912;default:return 16}default:return 16}}var Zt=null,Jt=null,Xt=null;function en(){if(Xt)return Xt;var e,t,n=Jt,r=n.length,o="value"in Zt?Zt.value:Zt.textContent,a=o.length;for(e=0;e<r&&n[e]===o[e];e++);var i=r-e;for(t=1;t<=i&&n[r-t]===o[a-t];t++);return Xt=o.slice(e,1<t?1-t:void 0)}function tn(e){var t=e.keyCode;return"charCode"in e?0===(e=e.charCode)&&13===t&&(e=13):e=t,10===e&&(e=13),32<=e||13===e?e:0}function nn(){return!0}function rn(){return!1}function on(e){function t(t,n,r,o,a){for(var i in this._reactName=t,this._targetInst=r,this.type=n,this.nativeEvent=o,this.target=a,this.currentTarget=null,e)e.hasOwnProperty(i)&&(t=e[i],this[i]=t?t(o):o[i]);return this.isDefaultPrevented=(null!=o.defaultPrevented?o.defaultPrevented:!1===o.returnValue)?nn:rn,this.isPropagationStopped=rn,this}return M(t.prototype,{preventDefault:function(){this.defaultPrevented=!0;var e=this.nativeEvent;e&&(e.preventDefault?e.preventDefault():"unknown"!=typeof e.returnValue&&(e.returnValue=!1),this.isDefaultPrevented=nn)},stopPropagation:function(){var e=this.nativeEvent;e&&(e.stopPropagation?e.stopPropagation():"unknown"!=typeof e.cancelBubble&&(e.cancelBubble=!0),this.isPropagationStopped=nn)},persist:function(){},isPersistent:nn}),t}var an,sn,ln,cn={eventPhase:0,bubbles:0,cancelable:0,timeStamp:function(e){return e.timeStamp||Date.now()},defaultPrevented:0,isTrusted:0},un=on(cn),dn=M({},cn,{view:0,detail:0}),pn=on(dn),fn=M({},dn,{screenX:0,screenY:0,clientX:0,clientY:0,pageX:0,pageY:0,ctrlKey:0,shiftKey:0,altKey:0,metaKey:0,getModifierState:_n,button:0,buttons:0,relatedTarget:function(e){return void 0===e.relatedTarget?e.fromElement===e.srcElement?e.toElement:e.fromElement:e.relatedTarget},movementX:function(e){return"movementX"in e?e.movementX:(e!==ln&&(ln&&"mousemove"===e.type?(an=e.screenX-ln.screenX,sn=e.screenY-ln.screenY):sn=an=0,ln=e),an)},movementY:function(e){return"movementY"in e?e.movementY:sn}}),mn=on(fn),hn=on(M({},fn,{dataTransfer:0})),gn=on(M({},dn,{relatedTarget:0})),bn=on(M({},cn,{animationName:0,elapsedTime:0,pseudoElement:0})),yn=M({},cn,{clipboardData:function(e){return"clipboardData"in e?e.clipboardData:window.clipboardData}}),vn=on(yn),wn=on(M({},cn,{data:0})),Sn={Esc:"Escape",Spacebar:" ",Left:"ArrowLeft",Up:"ArrowUp",Right:"ArrowRight",Down:"ArrowDown",Del:"Delete",Win:"OS",Menu:"ContextMenu",Apps:"ContextMenu",Scroll:"ScrollLock",MozPrintableKey:"Unidentified"},xn={8:"Backspace",9:"Tab",12:"Clear",13:"Enter",16:"Shift",17:"Control",18:"Alt",19:"Pause",20:"CapsLock",27:"Escape",32:" ",33:"PageUp",34:"PageDown",35:"End",36:"Home",37:"ArrowLeft",38:"ArrowUp",39:"ArrowRight",40:"ArrowDown",45:"Insert",46:"Delete",112:"F1",113:"F2",114:"F3",115:"F4",116:"F5",117:"F6",118:"F7",119:"F8",120:"F9",121:"F10",122:"F11",123:"F12",144:"NumLock",145:"ScrollLock",224:"Meta"},kn={Alt:"altKey",Control:"ctrlKey",Meta:"metaKey",Shift:"shiftKey"};function En(e){var t=this.nativeEvent;return t.getModifierState?t.getModifierState(e):!!(e=kn[e])&&!!t[e]}function _n(){return En}var Cn=M({},dn,{key:function(e){if(e.key){var t=Sn[e.key]||e.key;if("Unidentified"!==t)return t}return"keypress"===e.type?13===(e=tn(e))?"Enter":String.fromCharCode(e):"keydown"===e.type||"keyup"===e.type?xn[e.keyCode]||"Unidentified":""},code:0,location:0,ctrlKey:0,shiftKey:0,altKey:0,metaKey:0,repeat:0,locale:0,getModifierState:_n,charCode:function(e){return"keypress"===e.type?tn(e):0},keyCode:function(e){return"keydown"===e.type||"keyup"===e.type?e.keyCode:0},which:function(e){return"keypress"===e.type?tn(e):"keydown"===e.type||"keyup"===e.type?e.keyCode:0}}),jn=on(Cn),An=on(M({},fn,{pointerId:0,width:0,height:0,pressure:0,tangentialPressure:0,tiltX:0,tiltY:0,twist:0,pointerType:0,isPrimary:0})),On=on(M({},dn,{touches:0,targetTouches:0,changedTouches:0,altKey:0,metaKey:0,ctrlKey:0,shiftKey:0,getModifierState:_n})),Tn=on(M({},cn,{propertyName:0,elapsedTime:0,pseudoElement:0})),Pn=M({},fn,{deltaX:function(e){return"deltaX"in e?e.deltaX:"wheelDeltaX"in e?-e.wheelDeltaX:0},deltaY:function(e){return"deltaY"in e?e.deltaY:"wheelDeltaY"in e?-e.wheelDeltaY:"wheelDelta"in e?-e.wheelDelta:0},deltaZ:0,deltaMode:0}),Ln=on(Pn),In=[9,13,27,32],Rn=u&&"CompositionEvent"in window,Nn=null;u&&"documentMode"in document&&(Nn=document.documentMode);var Dn=u&&"TextEvent"in window&&!Nn,Mn=u&&(!Rn||Nn&&8<Nn&&11>=Nn),Fn=String.fromCharCode(32),zn=!1;function Bn(e,t){switch(e){case"keyup":return-1!==In.indexOf(t.keyCode);case"keydown":return 229!==t.keyCode;case"keypress":case"mousedown":case"focusout":return!0;default:return!1}}function Un(e){return"object"==typeof(e=e.detail)&&"data"in e?e.data:null}var qn=!1;var $n={color:!0,date:!0,datetime:!0,"datetime-local":!0,email:!0,month:!0,number:!0,password:!0,range:!0,search:!0,tel:!0,text:!0,time:!0,url:!0,week:!0};function Hn(e){var t=e&&e.nodeName&&e.nodeName.toLowerCase();return"input"===t?!!$n[e.type]:"textarea"===t}function Vn(e,t,n,r){Ce(r),0<(t=Gr(t,"onChange")).length&&(n=new un("onChange","change",null,n,r),e.push({event:n,listeners:t}))}var Gn=null,Wn=null;function Kn(e){Fr(e,0)}function Qn(e){if(W(So(e)))return e}function Yn(e,t){if("change"===e)return t}var Zn=!1;if(u){var Jn;if(u){var Xn="oninput"in document;if(!Xn){var er=document.createElement("div");er.setAttribute("oninput","return;"),Xn="function"==typeof er.oninput}Jn=Xn}else Jn=!1;Zn=Jn&&(!document.documentMode||9<document.documentMode)}function tr(){Gn&&(Gn.detachEvent("onpropertychange",nr),Wn=Gn=null)}function nr(e){if("value"===e.propertyName&&Qn(Wn)){var t=[];Vn(t,Wn,e,Se(e)),Pe(Kn,t)}}function rr(e,t,n){"focusin"===e?(tr(),Wn=n,(Gn=t).attachEvent("onpropertychange",nr)):"focusout"===e&&tr()}function or(e){if("selectionchange"===e||"keyup"===e||"keydown"===e)return Qn(Wn)}function ar(e,t){if("click"===e)return Qn(t)}function ir(e,t){if("input"===e||"change"===e)return Qn(t)}var sr="function"==typeof Object.is?Object.is:function(e,t){return e===t&&(0!==e||1/e==1/t)||e!=e&&t!=t};function lr(e,t){if(sr(e,t))return!0;if("object"!=typeof e||null===e||"object"!=typeof t||null===t)return!1;var n=Object.keys(e),r=Object.keys(t);if(n.length!==r.length)return!1;for(r=0;r<n.length;r++){var o=n[r];if(!d.call(t,o)||!sr(e[o],t[o]))return!1}return!0}function cr(e){for(;e&&e.firstChild;)e=e.firstChild;return e}function ur(e,t){var n,r=cr(e);for(e=0;r;){if(3===r.nodeType){if(n=e+r.textContent.length,e<=t&&n>=t)return{node:r,offset:t-e};e=n}e:{for(;r;){if(r.nextSibling){r=r.nextSibling;break e}r=r.parentNode}r=void 0}r=cr(r)}}function dr(e,t){return!(!e||!t)&&(e===t||(!e||3!==e.nodeType)&&(t&&3===t.nodeType?dr(e,t.parentNode):"contains"in e?e.contains(t):!!e.compareDocumentPosition&&!!(16&e.compareDocumentPosition(t))))}function pr(){for(var e=window,t=K();t instanceof e.HTMLIFrameElement;){try{var n="string"==typeof t.contentWindow.location.href}catch(r){n=!1}if(!n)break;t=K((e=t.contentWindow).document)}return t}function fr(e){var t=e&&e.nodeName&&e.nodeName.toLowerCase();return t&&("input"===t&&("text"===e.type||"search"===e.type||"tel"===e.type||"url"===e.type||"password"===e.type)||"textarea"===t||"true"===e.contentEditable)}function mr(e){var t=pr(),n=e.focusedElem,r=e.selectionRange;if(t!==n&&n&&n.ownerDocument&&dr(n.ownerDocument.documentElement,n)){if(null!==r&&fr(n))if(t=r.start,void 0===(e=r.end)&&(e=t),"selectionStart"in n)n.selectionStart=t,n.selectionEnd=Math.min(e,n.value.length);else if((e=(t=n.ownerDocument||document)&&t.defaultView||window).getSelection){e=e.getSelection();var o=n.textContent.length,a=Math.min(r.start,o);r=void 0===r.end?a:Math.min(r.end,o),!e.extend&&a>r&&(o=r,r=a,a=o),o=ur(n,a);var i=ur(n,r);o&&i&&(1!==e.rangeCount||e.anchorNode!==o.node||e.anchorOffset!==o.offset||e.focusNode!==i.node||e.focusOffset!==i.offset)&&((t=t.createRange()).setStart(o.node,o.offset),e.removeAllRanges(),a>r?(e.addRange(t),e.extend(i.node,i.offset)):(t.setEnd(i.node,i.offset),e.addRange(t)))}for(t=[],e=n;e=e.parentNode;)1===e.nodeType&&t.push({element:e,left:e.scrollLeft,top:e.scrollTop});for("function"==typeof n.focus&&n.focus(),n=0;n<t.length;n++)(e=t[n]).element.scrollLeft=e.left,e.element.scrollTop=e.top}}var hr=u&&"documentMode"in document&&11>=document.documentMode,gr=null,br=null,yr=null,vr=!1;function wr(e,t,n){var r=n.window===n?n.document:9===n.nodeType?n:n.ownerDocument;vr||null==gr||gr!==K(r)||("selectionStart"in(r=gr)&&fr(r)?r={start:r.selectionStart,end:r.selectionEnd}:r={anchorNode:(r=(r.ownerDocument&&r.ownerDocument.defaultView||window).getSelection()).anchorNode,anchorOffset:r.anchorOffset,focusNode:r.focusNode,focusOffset:r.focusOffset},yr&&lr(yr,r)||(yr=r,0<(r=Gr(br,"onSelect")).length&&(t=new un("onSelect","select",null,t,n),e.push({event:t,listeners:r}),t.target=gr)))}function Sr(e,t){var n={};return n[e.toLowerCase()]=t.toLowerCase(),n["Webkit"+e]="webkit"+t,n["Moz"+e]="moz"+t,n}var xr={animationend:Sr("Animation","AnimationEnd"),animationiteration:Sr("Animation","AnimationIteration"),animationstart:Sr("Animation","AnimationStart"),transitionend:Sr("Transition","TransitionEnd")},kr={},Er={};function _r(e){if(kr[e])return kr[e];if(!xr[e])return e;var t,n=xr[e];for(t in n)if(n.hasOwnProperty(t)&&t in Er)return kr[e]=n[t];return e}u&&(Er=document.createElement("div").style,"AnimationEvent"in window||(delete xr.animationend.animation,delete xr.animationiteration.animation,delete xr.animationstart.animation),"TransitionEvent"in window||delete xr.transitionend.transition);var Cr=_r("animationend"),jr=_r("animationiteration"),Ar=_r("animationstart"),Or=_r("transitionend"),Tr=new Map,Pr="abort auxClick cancel canPlay canPlayThrough click close contextMenu copy cut drag dragEnd dragEnter dragExit dragLeave dragOver dragStart drop durationChange emptied encrypted ended error gotPointerCapture input invalid keyDown keyPress keyUp load loadedData loadedMetadata loadStart lostPointerCapture mouseDown mouseMove mouseOut mouseOver mouseUp paste pause play playing pointerCancel pointerDown pointerMove pointerOut pointerOver pointerUp progress rateChange reset resize seeked seeking stalled submit suspend timeUpdate touchCancel touchEnd touchStart volumeChange scroll toggle touchMove waiting wheel".split(" ");function Lr(e,t){Tr.set(e,t),l(t,[e])}for(var Ir=0;Ir<Pr.length;Ir++){var Rr=Pr[Ir];Lr(Rr.toLowerCase(),"on"+(Rr[0].toUpperCase()+Rr.slice(1)))}Lr(Cr,"onAnimationEnd"),Lr(jr,"onAnimationIteration"),Lr(Ar,"onAnimationStart"),Lr("dblclick","onDoubleClick"),Lr("focusin","onFocus"),Lr("focusout","onBlur"),Lr(Or,"onTransitionEnd"),c("onMouseEnter",["mouseout","mouseover"]),c("onMouseLeave",["mouseout","mouseover"]),c("onPointerEnter",["pointerout","pointerover"]),c("onPointerLeave",["pointerout","pointerover"]),l("onChange","change click focusin focusout input keydown keyup selectionchange".split(" ")),l("onSelect","focusout contextmenu dragend focusin keydown keyup mousedown mouseup selectionchange".split(" ")),l("onBeforeInput",["compositionend","keypress","textInput","paste"]),l("onCompositionEnd","compositionend focusout keydown keypress keyup mousedown".split(" ")),l("onCompositionStart","compositionstart focusout keydown keypress keyup mousedown".split(" ")),l("onCompositionUpdate","compositionupdate focusout keydown keypress keyup mousedown".split(" "));var Nr="abort canplay canplaythrough durationchange emptied encrypted ended error loadeddata loadedmetadata loadstart pause play playing progress ratechange resize seeked seeking stalled suspend timeupdate volumechange waiting".split(" "),Dr=new Set("cancel close invalid load scroll toggle".split(" ").concat(Nr));function Mr(e,t,n){var r=e.type||"unknown-event";e.currentTarget=n,function(e,t,n,r,o,i,s,l,c){if(Ue.apply(this,arguments),De){if(!De)throw Error(a(198));var u=Me;De=!1,Me=null,Fe||(Fe=!0,ze=u)}}(r,t,void 0,e),e.currentTarget=null}function Fr(e,t){t=!!(4&t);for(var n=0;n<e.length;n++){var r=e[n],o=r.event;r=r.listeners;e:{var a=void 0;if(t)for(var i=r.length-1;0<=i;i--){var s=r[i],l=s.instance,c=s.currentTarget;if(s=s.listener,l!==a&&o.isPropagationStopped())break e;Mr(o,s,c),a=l}else for(i=0;i<r.length;i++){if(l=(s=r[i]).instance,c=s.currentTarget,s=s.listener,l!==a&&o.isPropagationStopped())break e;Mr(o,s,c),a=l}}}if(Fe)throw e=ze,Fe=!1,ze=null,e}function zr(e,t){var n=t[go];void 0===n&&(n=t[go]=new Set);var r=e+"__bubble";n.has(r)||($r(t,e,2,!1),n.add(r))}function Br(e,t,n){var r=0;t&&(r|=4),$r(n,e,r,t)}var Ur="_reactListening"+Math.random().toString(36).slice(2);function qr(e){if(!e[Ur]){e[Ur]=!0,i.forEach((function(t){"selectionchange"!==t&&(Dr.has(t)||Br(t,!1,e),Br(t,!0,e))}));var t=9===e.nodeType?e:e.ownerDocument;null===t||t[Ur]||(t[Ur]=!0,Br("selectionchange",!1,t))}}function $r(e,t,n,r){switch(Yt(t)){case 1:var o=Vt;break;case 4:o=Gt;break;default:o=Wt}n=o.bind(null,t,n,e),o=void 0,!Ie||"touchstart"!==t&&"touchmove"!==t&&"wheel"!==t||(o=!0),r?void 0!==o?e.addEventListener(t,n,{capture:!0,passive:o}):e.addEventListener(t,n,!0):void 0!==o?e.addEventListener(t,n,{passive:o}):e.addEventListener(t,n,!1)}function Hr(e,t,n,r,o){var a=r;if(!(1&t||2&t||null===r))e:for(;;){if(null===r)return;var i=r.tag;if(3===i||4===i){var s=r.stateNode.containerInfo;if(s===o||8===s.nodeType&&s.parentNode===o)break;if(4===i)for(i=r.return;null!==i;){var l=i.tag;if((3===l||4===l)&&((l=i.stateNode.containerInfo)===o||8===l.nodeType&&l.parentNode===o))return;i=i.return}for(;null!==s;){if(null===(i=vo(s)))return;if(5===(l=i.tag)||6===l){r=a=i;continue e}s=s.parentNode}}r=r.return}Pe((function(){var r=a,o=Se(n),i=[];e:{var s=Tr.get(e);if(void 0!==s){var l=un,c=e;switch(e){case"keypress":if(0===tn(n))break e;case"keydown":case"keyup":l=jn;break;case"focusin":c="focus",l=gn;break;case"focusout":c="blur",l=gn;break;case"beforeblur":case"afterblur":l=gn;break;case"click":if(2===n.button)break e;case"auxclick":case"dblclick":case"mousedown":case"mousemove":case"mouseup":case"mouseout":case"mouseover":case"contextmenu":l=mn;break;case"drag":case"dragend":case"dragenter":case"dragexit":case"dragleave":case"dragover":case"dragstart":case"drop":l=hn;break;case"touchcancel":case"touchend":case"touchmove":case"touchstart":l=On;break;case Cr:case jr:case Ar:l=bn;break;case Or:l=Tn;break;case"scroll":l=pn;break;case"wheel":l=Ln;break;case"copy":case"cut":case"paste":l=vn;break;case"gotpointercapture":case"lostpointercapture":case"pointercancel":case"pointerdown":case"pointermove":case"pointerout":case"pointerover":case"pointerup":l=An}var u=!!(4&t),d=!u&&"scroll"===e,p=u?null!==s?s+"Capture":null:s;u=[];for(var f,m=r;null!==m;){var h=(f=m).stateNode;if(5===f.tag&&null!==h&&(f=h,null!==p&&(null!=(h=Le(m,p))&&u.push(Vr(m,h,f)))),d)break;m=m.return}0<u.length&&(s=new l(s,c,null,n,o),i.push({event:s,listeners:u}))}}if(!(7&t)){if(l="mouseout"===e||"pointerout"===e,(!(s="mouseover"===e||"pointerover"===e)||n===we||!(c=n.relatedTarget||n.fromElement)||!vo(c)&&!c[ho])&&(l||s)&&(s=o.window===o?o:(s=o.ownerDocument)?s.defaultView||s.parentWindow:window,l?(l=r,null!==(c=(c=n.relatedTarget||n.toElement)?vo(c):null)&&(c!==(d=qe(c))||5!==c.tag&&6!==c.tag)&&(c=null)):(l=null,c=r),l!==c)){if(u=mn,h="onMouseLeave",p="onMouseEnter",m="mouse","pointerout"!==e&&"pointerover"!==e||(u=An,h="onPointerLeave",p="onPointerEnter",m="pointer"),d=null==l?s:So(l),f=null==c?s:So(c),(s=new u(h,m+"leave",l,n,o)).target=d,s.relatedTarget=f,h=null,vo(o)===r&&((u=new u(p,m+"enter",c,n,o)).target=f,u.relatedTarget=d,h=u),d=h,l&&c)e:{for(p=c,m=0,f=u=l;f;f=Wr(f))m++;for(f=0,h=p;h;h=Wr(h))f++;for(;0<m-f;)u=Wr(u),m--;for(;0<f-m;)p=Wr(p),f--;for(;m--;){if(u===p||null!==p&&u===p.alternate)break e;u=Wr(u),p=Wr(p)}u=null}else u=null;null!==l&&Kr(i,s,l,u,!1),null!==c&&null!==d&&Kr(i,d,c,u,!0)}if("select"===(l=(s=r?So(r):window).nodeName&&s.nodeName.toLowerCase())||"input"===l&&"file"===s.type)var g=Yn;else if(Hn(s))if(Zn)g=ir;else{g=or;var b=rr}else(l=s.nodeName)&&"input"===l.toLowerCase()&&("checkbox"===s.type||"radio"===s.type)&&(g=ar);switch(g&&(g=g(e,r))?Vn(i,g,n,o):(b&&b(e,s,r),"focusout"===e&&(b=s._wrapperState)&&b.controlled&&"number"===s.type&&ee(s,"number",s.value)),b=r?So(r):window,e){case"focusin":(Hn(b)||"true"===b.contentEditable)&&(gr=b,br=r,yr=null);break;case"focusout":yr=br=gr=null;break;case"mousedown":vr=!0;break;case"contextmenu":case"mouseup":case"dragend":vr=!1,wr(i,n,o);break;case"selectionchange":if(hr)break;case"keydown":case"keyup":wr(i,n,o)}var y;if(Rn)e:{switch(e){case"compositionstart":var v="onCompositionStart";break e;case"compositionend":v="onCompositionEnd";break e;case"compositionupdate":v="onCompositionUpdate";break e}v=void 0}else qn?Bn(e,n)&&(v="onCompositionEnd"):"keydown"===e&&229===n.keyCode&&(v="onCompositionStart");v&&(Mn&&"ko"!==n.locale&&(qn||"onCompositionStart"!==v?"onCompositionEnd"===v&&qn&&(y=en()):(Jt="value"in(Zt=o)?Zt.value:Zt.textContent,qn=!0)),0<(b=Gr(r,v)).length&&(v=new wn(v,e,null,n,o),i.push({event:v,listeners:b}),y?v.data=y:null!==(y=Un(n))&&(v.data=y))),(y=Dn?function(e,t){switch(e){case"compositionend":return Un(t);case"keypress":return 32!==t.which?null:(zn=!0,Fn);case"textInput":return(e=t.data)===Fn&&zn?null:e;default:return null}}(e,n):function(e,t){if(qn)return"compositionend"===e||!Rn&&Bn(e,t)?(e=en(),Xt=Jt=Zt=null,qn=!1,e):null;switch(e){case"paste":default:return null;case"keypress":if(!(t.ctrlKey||t.altKey||t.metaKey)||t.ctrlKey&&t.altKey){if(t.char&&1<t.char.length)return t.char;if(t.which)return String.fromCharCode(t.which)}return null;case"compositionend":return Mn&&"ko"!==t.locale?null:t.data}}(e,n))&&(0<(r=Gr(r,"onBeforeInput")).length&&(o=new wn("onBeforeInput","beforeinput",null,n,o),i.push({event:o,listeners:r}),o.data=y))}Fr(i,t)}))}function Vr(e,t,n){return{instance:e,listener:t,currentTarget:n}}function Gr(e,t){for(var n=t+"Capture",r=[];null!==e;){var o=e,a=o.stateNode;5===o.tag&&null!==a&&(o=a,null!=(a=Le(e,n))&&r.unshift(Vr(e,a,o)),null!=(a=Le(e,t))&&r.push(Vr(e,a,o))),e=e.return}return r}function Wr(e){if(null===e)return null;do{e=e.return}while(e&&5!==e.tag);return e||null}function Kr(e,t,n,r,o){for(var a=t._reactName,i=[];null!==n&&n!==r;){var s=n,l=s.alternate,c=s.stateNode;if(null!==l&&l===r)break;5===s.tag&&null!==c&&(s=c,o?null!=(l=Le(n,a))&&i.unshift(Vr(n,l,s)):o||null!=(l=Le(n,a))&&i.push(Vr(n,l,s))),n=n.return}0!==i.length&&e.push({event:t,listeners:i})}var Qr=/\r\n?/g,Yr=/\u0000|\uFFFD/g;function Zr(e){return("string"==typeof e?e:""+e).replace(Qr,"\n").replace(Yr,"")}function Jr(e,t,n){if(t=Zr(t),Zr(e)!==t&&n)throw Error(a(425))}function Xr(){}var eo=null,to=null;function no(e,t){return"textarea"===e||"noscript"===e||"string"==typeof t.children||"number"==typeof t.children||"object"==typeof t.dangerouslySetInnerHTML&&null!==t.dangerouslySetInnerHTML&&null!=t.dangerouslySetInnerHTML.__html}var ro="function"==typeof setTimeout?setTimeout:void 0,oo="function"==typeof clearTimeout?clearTimeout:void 0,ao="function"==typeof Promise?Promise:void 0,io="function"==typeof queueMicrotask?queueMicrotask:void 0!==ao?function(e){return ao.resolve(null).then(e).catch(so)}:ro;function so(e){setTimeout((function(){throw e}))}function lo(e,t){var n=t,r=0;do{var o=n.nextSibling;if(e.removeChild(n),o&&8===o.nodeType)if("/$"===(n=o.data)){if(0===r)return e.removeChild(o),void qt(t);r--}else"$"!==n&&"$?"!==n&&"$!"!==n||r++;n=o}while(n);qt(t)}function co(e){for(;null!=e;e=e.nextSibling){var t=e.nodeType;if(1===t||3===t)break;if(8===t){if("$"===(t=e.data)||"$!"===t||"$?"===t)break;if("/$"===t)return null}}return e}function uo(e){e=e.previousSibling;for(var t=0;e;){if(8===e.nodeType){var n=e.data;if("$"===n||"$!"===n||"$?"===n){if(0===t)return e;t--}else"/$"===n&&t++}e=e.previousSibling}return null}var po=Math.random().toString(36).slice(2),fo="__reactFiber$"+po,mo="__reactProps$"+po,ho="__reactContainer$"+po,go="__reactEvents$"+po,bo="__reactListeners$"+po,yo="__reactHandles$"+po;function vo(e){var t=e[fo];if(t)return t;for(var n=e.parentNode;n;){if(t=n[ho]||n[fo]){if(n=t.alternate,null!==t.child||null!==n&&null!==n.child)for(e=uo(e);null!==e;){if(n=e[fo])return n;e=uo(e)}return t}n=(e=n).parentNode}return null}function wo(e){return!(e=e[fo]||e[ho])||5!==e.tag&&6!==e.tag&&13!==e.tag&&3!==e.tag?null:e}function So(e){if(5===e.tag||6===e.tag)return e.stateNode;throw Error(a(33))}function xo(e){return e[mo]||null}var ko=[],Eo=-1;function _o(e){return{current:e}}function Co(e){0>Eo||(e.current=ko[Eo],ko[Eo]=null,Eo--)}function jo(e,t){Eo++,ko[Eo]=e.current,e.current=t}var Ao={},Oo=_o(Ao),To=_o(!1),Po=Ao;function Lo(e,t){var n=e.type.contextTypes;if(!n)return Ao;var r=e.stateNode;if(r&&r.__reactInternalMemoizedUnmaskedChildContext===t)return r.__reactInternalMemoizedMaskedChildContext;var o,a={};for(o in n)a[o]=t[o];return r&&((e=e.stateNode).__reactInternalMemoizedUnmaskedChildContext=t,e.__reactInternalMemoizedMaskedChildContext=a),a}function Io(e){return null!=(e=e.childContextTypes)}function Ro(){Co(To),Co(Oo)}function No(e,t,n){if(Oo.current!==Ao)throw Error(a(168));jo(Oo,t),jo(To,n)}function Do(e,t,n){var r=e.stateNode;if(t=t.childContextTypes,"function"!=typeof r.getChildContext)return n;for(var o in r=r.getChildContext())if(!(o in t))throw Error(a(108,$(e)||"Unknown",o));return M({},n,r)}function Mo(e){return e=(e=e.stateNode)&&e.__reactInternalMemoizedMergedChildContext||Ao,Po=Oo.current,jo(Oo,e),jo(To,To.current),!0}function Fo(e,t,n){var r=e.stateNode;if(!r)throw Error(a(169));n?(e=Do(e,t,Po),r.__reactInternalMemoizedMergedChildContext=e,Co(To),Co(Oo),jo(Oo,e)):Co(To),jo(To,n)}var zo=null,Bo=!1,Uo=!1;function qo(e){null===zo?zo=[e]:zo.push(e)}function $o(){if(!Uo&&null!==zo){Uo=!0;var e=0,t=vt;try{var n=zo;for(vt=1;e<n.length;e++){var r=n[e];do{r=r(!0)}while(null!==r)}zo=null,Bo=!1}catch(o){throw null!==zo&&(zo=zo.slice(e+1)),We(Xe,$o),o}finally{vt=t,Uo=!1}}return null}var Ho=[],Vo=0,Go=null,Wo=0,Ko=[],Qo=0,Yo=null,Zo=1,Jo="";function Xo(e,t){Ho[Vo++]=Wo,Ho[Vo++]=Go,Go=e,Wo=t}function ea(e,t,n){Ko[Qo++]=Zo,Ko[Qo++]=Jo,Ko[Qo++]=Yo,Yo=e;var r=Zo;e=Jo;var o=32-it(r)-1;r&=~(1<<o),n+=1;var a=32-it(t)+o;if(30<a){var i=o-o%5;a=(r&(1<<i)-1).toString(32),r>>=i,o-=i,Zo=1<<32-it(t)+o|n<<o|r,Jo=a+e}else Zo=1<<a|n<<o|r,Jo=e}function ta(e){null!==e.return&&(Xo(e,1),ea(e,1,0))}function na(e){for(;e===Go;)Go=Ho[--Vo],Ho[Vo]=null,Wo=Ho[--Vo],Ho[Vo]=null;for(;e===Yo;)Yo=Ko[--Qo],Ko[Qo]=null,Jo=Ko[--Qo],Ko[Qo]=null,Zo=Ko[--Qo],Ko[Qo]=null}var ra=null,oa=null,aa=!1,ia=null;function sa(e,t){var n=Pc(5,null,null,0);n.elementType="DELETED",n.stateNode=t,n.return=e,null===(t=e.deletions)?(e.deletions=[n],e.flags|=16):t.push(n)}function la(e,t){switch(e.tag){case 5:var n=e.type;return null!==(t=1!==t.nodeType||n.toLowerCase()!==t.nodeName.toLowerCase()?null:t)&&(e.stateNode=t,ra=e,oa=co(t.firstChild),!0);case 6:return null!==(t=""===e.pendingProps||3!==t.nodeType?null:t)&&(e.stateNode=t,ra=e,oa=null,!0);case 13:return null!==(t=8!==t.nodeType?null:t)&&(n=null!==Yo?{id:Zo,overflow:Jo}:null,e.memoizedState={dehydrated:t,treeContext:n,retryLane:1073741824},(n=Pc(18,null,null,0)).stateNode=t,n.return=e,e.child=n,ra=e,oa=null,!0);default:return!1}}function ca(e){return!(!(1&e.mode)||128&e.flags)}function ua(e){if(aa){var t=oa;if(t){var n=t;if(!la(e,t)){if(ca(e))throw Error(a(418));t=co(n.nextSibling);var r=ra;t&&la(e,t)?sa(r,n):(e.flags=-4097&e.flags|2,aa=!1,ra=e)}}else{if(ca(e))throw Error(a(418));e.flags=-4097&e.flags|2,aa=!1,ra=e}}}function da(e){for(e=e.return;null!==e&&5!==e.tag&&3!==e.tag&&13!==e.tag;)e=e.return;ra=e}function pa(e){if(e!==ra)return!1;if(!aa)return da(e),aa=!0,!1;var t;if((t=3!==e.tag)&&!(t=5!==e.tag)&&(t="head"!==(t=e.type)&&"body"!==t&&!no(e.type,e.memoizedProps)),t&&(t=oa)){if(ca(e))throw fa(),Error(a(418));for(;t;)sa(e,t),t=co(t.nextSibling)}if(da(e),13===e.tag){if(!(e=null!==(e=e.memoizedState)?e.dehydrated:null))throw Error(a(317));e:{for(e=e.nextSibling,t=0;e;){if(8===e.nodeType){var n=e.data;if("/$"===n){if(0===t){oa=co(e.nextSibling);break e}t--}else"$"!==n&&"$!"!==n&&"$?"!==n||t++}e=e.nextSibling}oa=null}}else oa=ra?co(e.stateNode.nextSibling):null;return!0}function fa(){for(var e=oa;e;)e=co(e.nextSibling)}function ma(){oa=ra=null,aa=!1}function ha(e){null===ia?ia=[e]:ia.push(e)}var ga=w.ReactCurrentBatchConfig;function ba(e,t,n){if(null!==(e=n.ref)&&"function"!=typeof e&&"object"!=typeof e){if(n._owner){if(n=n._owner){if(1!==n.tag)throw Error(a(309));var r=n.stateNode}if(!r)throw Error(a(147,e));var o=r,i=""+e;return null!==t&&null!==t.ref&&"function"==typeof t.ref&&t.ref._stringRef===i?t.ref:(t=function(e){var t=o.refs;null===e?delete t[i]:t[i]=e},t._stringRef=i,t)}if("string"!=typeof e)throw Error(a(284));if(!n._owner)throw Error(a(290,e))}return e}function ya(e,t){throw e=Object.prototype.toString.call(t),Error(a(31,"[object Object]"===e?"object with keys {"+Object.keys(t).join(", ")+"}":e))}function va(e){return(0,e._init)(e._payload)}function wa(e){function t(t,n){if(e){var r=t.deletions;null===r?(t.deletions=[n],t.flags|=16):r.push(n)}}function n(n,r){if(!e)return null;for(;null!==r;)t(n,r),r=r.sibling;return null}function r(e,t){for(e=new Map;null!==t;)null!==t.key?e.set(t.key,t):e.set(t.index,t),t=t.sibling;return e}function o(e,t){return(e=Ic(e,t)).index=0,e.sibling=null,e}function i(t,n,r){return t.index=r,e?null!==(r=t.alternate)?(r=r.index)<n?(t.flags|=2,n):r:(t.flags|=2,n):(t.flags|=1048576,n)}function s(t){return e&&null===t.alternate&&(t.flags|=2),t}function l(e,t,n,r){return null===t||6!==t.tag?((t=Mc(n,e.mode,r)).return=e,t):((t=o(t,n)).return=e,t)}function c(e,t,n,r){var a=n.type;return a===k?d(e,t,n.props.children,r,n.key):null!==t&&(t.elementType===a||"object"==typeof a&&null!==a&&a.$$typeof===L&&va(a)===t.type)?((r=o(t,n.props)).ref=ba(e,t,n),r.return=e,r):((r=Rc(n.type,n.key,n.props,null,e.mode,r)).ref=ba(e,t,n),r.return=e,r)}function u(e,t,n,r){return null===t||4!==t.tag||t.stateNode.containerInfo!==n.containerInfo||t.stateNode.implementation!==n.implementation?((t=Fc(n,e.mode,r)).return=e,t):((t=o(t,n.children||[])).return=e,t)}function d(e,t,n,r,a){return null===t||7!==t.tag?((t=Nc(n,e.mode,r,a)).return=e,t):((t=o(t,n)).return=e,t)}function p(e,t,n){if("string"==typeof t&&""!==t||"number"==typeof t)return(t=Mc(""+t,e.mode,n)).return=e,t;if("object"==typeof t&&null!==t){switch(t.$$typeof){case S:return(n=Rc(t.type,t.key,t.props,null,e.mode,n)).ref=ba(e,null,t),n.return=e,n;case x:return(t=Fc(t,e.mode,n)).return=e,t;case L:return p(e,(0,t._init)(t._payload),n)}if(te(t)||N(t))return(t=Nc(t,e.mode,n,null)).return=e,t;ya(e,t)}return null}function f(e,t,n,r){var o=null!==t?t.key:null;if("string"==typeof n&&""!==n||"number"==typeof n)return null!==o?null:l(e,t,""+n,r);if("object"==typeof n&&null!==n){switch(n.$$typeof){case S:return n.key===o?c(e,t,n,r):null;case x:return n.key===o?u(e,t,n,r):null;case L:return f(e,t,(o=n._init)(n._payload),r)}if(te(n)||N(n))return null!==o?null:d(e,t,n,r,null);ya(e,n)}return null}function m(e,t,n,r,o){if("string"==typeof r&&""!==r||"number"==typeof r)return l(t,e=e.get(n)||null,""+r,o);if("object"==typeof r&&null!==r){switch(r.$$typeof){case S:return c(t,e=e.get(null===r.key?n:r.key)||null,r,o);case x:return u(t,e=e.get(null===r.key?n:r.key)||null,r,o);case L:return m(e,t,n,(0,r._init)(r._payload),o)}if(te(r)||N(r))return d(t,e=e.get(n)||null,r,o,null);ya(t,r)}return null}function h(o,a,s,l){for(var c=null,u=null,d=a,h=a=0,g=null;null!==d&&h<s.length;h++){d.index>h?(g=d,d=null):g=d.sibling;var b=f(o,d,s[h],l);if(null===b){null===d&&(d=g);break}e&&d&&null===b.alternate&&t(o,d),a=i(b,a,h),null===u?c=b:u.sibling=b,u=b,d=g}if(h===s.length)return n(o,d),aa&&Xo(o,h),c;if(null===d){for(;h<s.length;h++)null!==(d=p(o,s[h],l))&&(a=i(d,a,h),null===u?c=d:u.sibling=d,u=d);return aa&&Xo(o,h),c}for(d=r(o,d);h<s.length;h++)null!==(g=m(d,o,h,s[h],l))&&(e&&null!==g.alternate&&d.delete(null===g.key?h:g.key),a=i(g,a,h),null===u?c=g:u.sibling=g,u=g);return e&&d.forEach((function(e){return t(o,e)})),aa&&Xo(o,h),c}function g(o,s,l,c){var u=N(l);if("function"!=typeof u)throw Error(a(150));if(null==(l=u.call(l)))throw Error(a(151));for(var d=u=null,h=s,g=s=0,b=null,y=l.next();null!==h&&!y.done;g++,y=l.next()){h.index>g?(b=h,h=null):b=h.sibling;var v=f(o,h,y.value,c);if(null===v){null===h&&(h=b);break}e&&h&&null===v.alternate&&t(o,h),s=i(v,s,g),null===d?u=v:d.sibling=v,d=v,h=b}if(y.done)return n(o,h),aa&&Xo(o,g),u;if(null===h){for(;!y.done;g++,y=l.next())null!==(y=p(o,y.value,c))&&(s=i(y,s,g),null===d?u=y:d.sibling=y,d=y);return aa&&Xo(o,g),u}for(h=r(o,h);!y.done;g++,y=l.next())null!==(y=m(h,o,g,y.value,c))&&(e&&null!==y.alternate&&h.delete(null===y.key?g:y.key),s=i(y,s,g),null===d?u=y:d.sibling=y,d=y);return e&&h.forEach((function(e){return t(o,e)})),aa&&Xo(o,g),u}return function e(r,a,i,l){if("object"==typeof i&&null!==i&&i.type===k&&null===i.key&&(i=i.props.children),"object"==typeof i&&null!==i){switch(i.$$typeof){case S:e:{for(var c=i.key,u=a;null!==u;){if(u.key===c){if((c=i.type)===k){if(7===u.tag){n(r,u.sibling),(a=o(u,i.props.children)).return=r,r=a;break e}}else if(u.elementType===c||"object"==typeof c&&null!==c&&c.$$typeof===L&&va(c)===u.type){n(r,u.sibling),(a=o(u,i.props)).ref=ba(r,u,i),a.return=r,r=a;break e}n(r,u);break}t(r,u),u=u.sibling}i.type===k?((a=Nc(i.props.children,r.mode,l,i.key)).return=r,r=a):((l=Rc(i.type,i.key,i.props,null,r.mode,l)).ref=ba(r,a,i),l.return=r,r=l)}return s(r);case x:e:{for(u=i.key;null!==a;){if(a.key===u){if(4===a.tag&&a.stateNode.containerInfo===i.containerInfo&&a.stateNode.implementation===i.implementation){n(r,a.sibling),(a=o(a,i.children||[])).return=r,r=a;break e}n(r,a);break}t(r,a),a=a.sibling}(a=Fc(i,r.mode,l)).return=r,r=a}return s(r);case L:return e(r,a,(u=i._init)(i._payload),l)}if(te(i))return h(r,a,i,l);if(N(i))return g(r,a,i,l);ya(r,i)}return"string"==typeof i&&""!==i||"number"==typeof i?(i=""+i,null!==a&&6===a.tag?(n(r,a.sibling),(a=o(a,i)).return=r,r=a):(n(r,a),(a=Mc(i,r.mode,l)).return=r,r=a),s(r)):n(r,a)}}var Sa=wa(!0),xa=wa(!1),ka=_o(null),Ea=null,_a=null,Ca=null;function ja(){Ca=_a=Ea=null}function Aa(e){var t=ka.current;Co(ka),e._currentValue=t}function Oa(e,t,n){for(;null!==e;){var r=e.alternate;if((e.childLanes&t)!==t?(e.childLanes|=t,null!==r&&(r.childLanes|=t)):null!==r&&(r.childLanes&t)!==t&&(r.childLanes|=t),e===n)break;e=e.return}}function Ta(e,t){Ea=e,Ca=_a=null,null!==(e=e.dependencies)&&null!==e.firstContext&&(!!(e.lanes&t)&&(vs=!0),e.firstContext=null)}function Pa(e){var t=e._currentValue;if(Ca!==e)if(e={context:e,memoizedValue:t,next:null},null===_a){if(null===Ea)throw Error(a(308));_a=e,Ea.dependencies={lanes:0,firstContext:e}}else _a=_a.next=e;return t}var La=null;function Ia(e){null===La?La=[e]:La.push(e)}function Ra(e,t,n,r){var o=t.interleaved;return null===o?(n.next=n,Ia(t)):(n.next=o.next,o.next=n),t.interleaved=n,Na(e,r)}function Na(e,t){e.lanes|=t;var n=e.alternate;for(null!==n&&(n.lanes|=t),n=e,e=e.return;null!==e;)e.childLanes|=t,null!==(n=e.alternate)&&(n.childLanes|=t),n=e,e=e.return;return 3===n.tag?n.stateNode:null}var Da=!1;function Ma(e){e.updateQueue={baseState:e.memoizedState,firstBaseUpdate:null,lastBaseUpdate:null,shared:{pending:null,interleaved:null,lanes:0},effects:null}}function Fa(e,t){e=e.updateQueue,t.updateQueue===e&&(t.updateQueue={baseState:e.baseState,firstBaseUpdate:e.firstBaseUpdate,lastBaseUpdate:e.lastBaseUpdate,shared:e.shared,effects:e.effects})}function za(e,t){return{eventTime:e,lane:t,tag:0,payload:null,callback:null,next:null}}function Ba(e,t,n){var r=e.updateQueue;if(null===r)return null;if(r=r.shared,2&Al){var o=r.pending;return null===o?t.next=t:(t.next=o.next,o.next=t),r.pending=t,Na(e,n)}return null===(o=r.interleaved)?(t.next=t,Ia(r)):(t.next=o.next,o.next=t),r.interleaved=t,Na(e,n)}function Ua(e,t,n){if(null!==(t=t.updateQueue)&&(t=t.shared,4194240&n)){var r=t.lanes;n|=r&=e.pendingLanes,t.lanes=n,yt(e,n)}}function qa(e,t){var n=e.updateQueue,r=e.alternate;if(null!==r&&n===(r=r.updateQueue)){var o=null,a=null;if(null!==(n=n.firstBaseUpdate)){do{var i={eventTime:n.eventTime,lane:n.lane,tag:n.tag,payload:n.payload,callback:n.callback,next:null};null===a?o=a=i:a=a.next=i,n=n.next}while(null!==n);null===a?o=a=t:a=a.next=t}else o=a=t;return n={baseState:r.baseState,firstBaseUpdate:o,lastBaseUpdate:a,shared:r.shared,effects:r.effects},void(e.updateQueue=n)}null===(e=n.lastBaseUpdate)?n.firstBaseUpdate=t:e.next=t,n.lastBaseUpdate=t}function $a(e,t,n,r){var o=e.updateQueue;Da=!1;var a=o.firstBaseUpdate,i=o.lastBaseUpdate,s=o.shared.pending;if(null!==s){o.shared.pending=null;var l=s,c=l.next;l.next=null,null===i?a=c:i.next=c,i=l;var u=e.alternate;null!==u&&((s=(u=u.updateQueue).lastBaseUpdate)!==i&&(null===s?u.firstBaseUpdate=c:s.next=c,u.lastBaseUpdate=l))}if(null!==a){var d=o.baseState;for(i=0,u=c=l=null,s=a;;){var p=s.lane,f=s.eventTime;if((r&p)===p){null!==u&&(u=u.next={eventTime:f,lane:0,tag:s.tag,payload:s.payload,callback:s.callback,next:null});e:{var m=e,h=s;switch(p=t,f=n,h.tag){case 1:if("function"==typeof(m=h.payload)){d=m.call(f,d,p);break e}d=m;break e;case 3:m.flags=-65537&m.flags|128;case 0:if(null==(p="function"==typeof(m=h.payload)?m.call(f,d,p):m))break e;d=M({},d,p);break e;case 2:Da=!0}}null!==s.callback&&0!==s.lane&&(e.flags|=64,null===(p=o.effects)?o.effects=[s]:p.push(s))}else f={eventTime:f,lane:p,tag:s.tag,payload:s.payload,callback:s.callback,next:null},null===u?(c=u=f,l=d):u=u.next=f,i|=p;if(null===(s=s.next)){if(null===(s=o.shared.pending))break;s=(p=s).next,p.next=null,o.lastBaseUpdate=p,o.shared.pending=null}}if(null===u&&(l=d),o.baseState=l,o.firstBaseUpdate=c,o.lastBaseUpdate=u,null!==(t=o.shared.interleaved)){o=t;do{i|=o.lane,o=o.next}while(o!==t)}else null===a&&(o.shared.lanes=0);Dl|=i,e.lanes=i,e.memoizedState=d}}function Ha(e,t,n){if(e=t.effects,t.effects=null,null!==e)for(t=0;t<e.length;t++){var r=e[t],o=r.callback;if(null!==o){if(r.callback=null,r=n,"function"!=typeof o)throw Error(a(191,o));o.call(r)}}}var Va={},Ga=_o(Va),Wa=_o(Va),Ka=_o(Va);function Qa(e){if(e===Va)throw Error(a(174));return e}function Ya(e,t){switch(jo(Ka,t),jo(Wa,e),jo(Ga,Va),e=t.nodeType){case 9:case 11:t=(t=t.documentElement)?t.namespaceURI:le(null,"");break;default:t=le(t=(e=8===e?t.parentNode:t).namespaceURI||null,e=e.tagName)}Co(Ga),jo(Ga,t)}function Za(){Co(Ga),Co(Wa),Co(Ka)}function Ja(e){Qa(Ka.current);var t=Qa(Ga.current),n=le(t,e.type);t!==n&&(jo(Wa,e),jo(Ga,n))}function Xa(e){Wa.current===e&&(Co(Ga),Co(Wa))}var ei=_o(0);function ti(e){for(var t=e;null!==t;){if(13===t.tag){var n=t.memoizedState;if(null!==n&&(null===(n=n.dehydrated)||"$?"===n.data||"$!"===n.data))return t}else if(19===t.tag&&void 0!==t.memoizedProps.revealOrder){if(128&t.flags)return t}else if(null!==t.child){t.child.return=t,t=t.child;continue}if(t===e)break;for(;null===t.sibling;){if(null===t.return||t.return===e)return null;t=t.return}t.sibling.return=t.return,t=t.sibling}return null}var ni=[];function ri(){for(var e=0;e<ni.length;e++)ni[e]._workInProgressVersionPrimary=null;ni.length=0}var oi=w.ReactCurrentDispatcher,ai=w.ReactCurrentBatchConfig,ii=0,si=null,li=null,ci=null,ui=!1,di=!1,pi=0,fi=0;function mi(){throw Error(a(321))}function hi(e,t){if(null===t)return!1;for(var n=0;n<t.length&&n<e.length;n++)if(!sr(e[n],t[n]))return!1;return!0}function gi(e,t,n,r,o,i){if(ii=i,si=t,t.memoizedState=null,t.updateQueue=null,t.lanes=0,oi.current=null===e||null===e.memoizedState?Xi:es,e=n(r,o),di){i=0;do{if(di=!1,pi=0,25<=i)throw Error(a(301));i+=1,ci=li=null,t.updateQueue=null,oi.current=ts,e=n(r,o)}while(di)}if(oi.current=Ji,t=null!==li&&null!==li.next,ii=0,ci=li=si=null,ui=!1,t)throw Error(a(300));return e}function bi(){var e=0!==pi;return pi=0,e}function yi(){var e={memoizedState:null,baseState:null,baseQueue:null,queue:null,next:null};return null===ci?si.memoizedState=ci=e:ci=ci.next=e,ci}function vi(){if(null===li){var e=si.alternate;e=null!==e?e.memoizedState:null}else e=li.next;var t=null===ci?si.memoizedState:ci.next;if(null!==t)ci=t,li=e;else{if(null===e)throw Error(a(310));e={memoizedState:(li=e).memoizedState,baseState:li.baseState,baseQueue:li.baseQueue,queue:li.queue,next:null},null===ci?si.memoizedState=ci=e:ci=ci.next=e}return ci}function wi(e,t){return"function"==typeof t?t(e):t}function Si(e){var t=vi(),n=t.queue;if(null===n)throw Error(a(311));n.lastRenderedReducer=e;var r=li,o=r.baseQueue,i=n.pending;if(null!==i){if(null!==o){var s=o.next;o.next=i.next,i.next=s}r.baseQueue=o=i,n.pending=null}if(null!==o){i=o.next,r=r.baseState;var l=s=null,c=null,u=i;do{var d=u.lane;if((ii&d)===d)null!==c&&(c=c.next={lane:0,action:u.action,hasEagerState:u.hasEagerState,eagerState:u.eagerState,next:null}),r=u.hasEagerState?u.eagerState:e(r,u.action);else{var p={lane:d,action:u.action,hasEagerState:u.hasEagerState,eagerState:u.eagerState,next:null};null===c?(l=c=p,s=r):c=c.next=p,si.lanes|=d,Dl|=d}u=u.next}while(null!==u&&u!==i);null===c?s=r:c.next=l,sr(r,t.memoizedState)||(vs=!0),t.memoizedState=r,t.baseState=s,t.baseQueue=c,n.lastRenderedState=r}if(null!==(e=n.interleaved)){o=e;do{i=o.lane,si.lanes|=i,Dl|=i,o=o.next}while(o!==e)}else null===o&&(n.lanes=0);return[t.memoizedState,n.dispatch]}function xi(e){var t=vi(),n=t.queue;if(null===n)throw Error(a(311));n.lastRenderedReducer=e;var r=n.dispatch,o=n.pending,i=t.memoizedState;if(null!==o){n.pending=null;var s=o=o.next;do{i=e(i,s.action),s=s.next}while(s!==o);sr(i,t.memoizedState)||(vs=!0),t.memoizedState=i,null===t.baseQueue&&(t.baseState=i),n.lastRenderedState=i}return[i,r]}function ki(){}function Ei(e,t){var n=si,r=vi(),o=t(),i=!sr(r.memoizedState,o);if(i&&(r.memoizedState=o,vs=!0),r=r.queue,Di(ji.bind(null,n,r,e),[e]),r.getSnapshot!==t||i||null!==ci&&1&ci.memoizedState.tag){if(n.flags|=2048,Pi(9,Ci.bind(null,n,r,o,t),void 0,null),null===Ol)throw Error(a(349));30&ii||_i(n,t,o)}return o}function _i(e,t,n){e.flags|=16384,e={getSnapshot:t,value:n},null===(t=si.updateQueue)?(t={lastEffect:null,stores:null},si.updateQueue=t,t.stores=[e]):null===(n=t.stores)?t.stores=[e]:n.push(e)}function Ci(e,t,n,r){t.value=n,t.getSnapshot=r,Ai(t)&&Oi(e)}function ji(e,t,n){return n((function(){Ai(t)&&Oi(e)}))}function Ai(e){var t=e.getSnapshot;e=e.value;try{var n=t();return!sr(e,n)}catch(r){return!0}}function Oi(e){var t=Na(e,1);null!==t&&nc(t,e,1,-1)}function Ti(e){var t=yi();return"function"==typeof e&&(e=e()),t.memoizedState=t.baseState=e,e={pending:null,interleaved:null,lanes:0,dispatch:null,lastRenderedReducer:wi,lastRenderedState:e},t.queue=e,e=e.dispatch=Ki.bind(null,si,e),[t.memoizedState,e]}function Pi(e,t,n,r){return e={tag:e,create:t,destroy:n,deps:r,next:null},null===(t=si.updateQueue)?(t={lastEffect:null,stores:null},si.updateQueue=t,t.lastEffect=e.next=e):null===(n=t.lastEffect)?t.lastEffect=e.next=e:(r=n.next,n.next=e,e.next=r,t.lastEffect=e),e}function Li(){return vi().memoizedState}function Ii(e,t,n,r){var o=yi();si.flags|=e,o.memoizedState=Pi(1|t,n,void 0,void 0===r?null:r)}function Ri(e,t,n,r){var o=vi();r=void 0===r?null:r;var a=void 0;if(null!==li){var i=li.memoizedState;if(a=i.destroy,null!==r&&hi(r,i.deps))return void(o.memoizedState=Pi(t,n,a,r))}si.flags|=e,o.memoizedState=Pi(1|t,n,a,r)}function Ni(e,t){return Ii(8390656,8,e,t)}function Di(e,t){return Ri(2048,8,e,t)}function Mi(e,t){return Ri(4,2,e,t)}function Fi(e,t){return Ri(4,4,e,t)}function zi(e,t){return"function"==typeof t?(e=e(),t(e),function(){t(null)}):null!=t?(e=e(),t.current=e,function(){t.current=null}):void 0}function Bi(e,t,n){return n=null!=n?n.concat([e]):null,Ri(4,4,zi.bind(null,t,e),n)}function Ui(){}function qi(e,t){var n=vi();t=void 0===t?null:t;var r=n.memoizedState;return null!==r&&null!==t&&hi(t,r[1])?r[0]:(n.memoizedState=[e,t],e)}function $i(e,t){var n=vi();t=void 0===t?null:t;var r=n.memoizedState;return null!==r&&null!==t&&hi(t,r[1])?r[0]:(e=e(),n.memoizedState=[e,t],e)}function Hi(e,t,n){return 21&ii?(sr(n,t)||(n=ht(),si.lanes|=n,Dl|=n,e.baseState=!0),t):(e.baseState&&(e.baseState=!1,vs=!0),e.memoizedState=n)}function Vi(e,t){var n=vt;vt=0!==n&&4>n?n:4,e(!0);var r=ai.transition;ai.transition={};try{e(!1),t()}finally{vt=n,ai.transition=r}}function Gi(){return vi().memoizedState}function Wi(e,t,n){var r=tc(e);if(n={lane:r,action:n,hasEagerState:!1,eagerState:null,next:null},Qi(e))Yi(t,n);else if(null!==(n=Ra(e,t,n,r))){nc(n,e,r,ec()),Zi(n,t,r)}}function Ki(e,t,n){var r=tc(e),o={lane:r,action:n,hasEagerState:!1,eagerState:null,next:null};if(Qi(e))Yi(t,o);else{var a=e.alternate;if(0===e.lanes&&(null===a||0===a.lanes)&&null!==(a=t.lastRenderedReducer))try{var i=t.lastRenderedState,s=a(i,n);if(o.hasEagerState=!0,o.eagerState=s,sr(s,i)){var l=t.interleaved;return null===l?(o.next=o,Ia(t)):(o.next=l.next,l.next=o),void(t.interleaved=o)}}catch(c){}null!==(n=Ra(e,t,o,r))&&(nc(n,e,r,o=ec()),Zi(n,t,r))}}function Qi(e){var t=e.alternate;return e===si||null!==t&&t===si}function Yi(e,t){di=ui=!0;var n=e.pending;null===n?t.next=t:(t.next=n.next,n.next=t),e.pending=t}function Zi(e,t,n){if(4194240&n){var r=t.lanes;n|=r&=e.pendingLanes,t.lanes=n,yt(e,n)}}var Ji={readContext:Pa,useCallback:mi,useContext:mi,useEffect:mi,useImperativeHandle:mi,useInsertionEffect:mi,useLayoutEffect:mi,useMemo:mi,useReducer:mi,useRef:mi,useState:mi,useDebugValue:mi,useDeferredValue:mi,useTransition:mi,useMutableSource:mi,useSyncExternalStore:mi,useId:mi,unstable_isNewReconciler:!1},Xi={readContext:Pa,useCallback:function(e,t){return yi().memoizedState=[e,void 0===t?null:t],e},useContext:Pa,useEffect:Ni,useImperativeHandle:function(e,t,n){return n=null!=n?n.concat([e]):null,Ii(4194308,4,zi.bind(null,t,e),n)},useLayoutEffect:function(e,t){return Ii(4194308,4,e,t)},useInsertionEffect:function(e,t){return Ii(4,2,e,t)},useMemo:function(e,t){var n=yi();return t=void 0===t?null:t,e=e(),n.memoizedState=[e,t],e},useReducer:function(e,t,n){var r=yi();return t=void 0!==n?n(t):t,r.memoizedState=r.baseState=t,e={pending:null,interleaved:null,lanes:0,dispatch:null,lastRenderedReducer:e,lastRenderedState:t},r.queue=e,e=e.dispatch=Wi.bind(null,si,e),[r.memoizedState,e]},useRef:function(e){return e={current:e},yi().memoizedState=e},useState:Ti,useDebugValue:Ui,useDeferredValue:function(e){return yi().memoizedState=e},useTransition:function(){var e=Ti(!1),t=e[0];return e=Vi.bind(null,e[1]),yi().memoizedState=e,[t,e]},useMutableSource:function(){},useSyncExternalStore:function(e,t,n){var r=si,o=yi();if(aa){if(void 0===n)throw Error(a(407));n=n()}else{if(n=t(),null===Ol)throw Error(a(349));30&ii||_i(r,t,n)}o.memoizedState=n;var i={value:n,getSnapshot:t};return o.queue=i,Ni(ji.bind(null,r,i,e),[e]),r.flags|=2048,Pi(9,Ci.bind(null,r,i,n,t),void 0,null),n},useId:function(){var e=yi(),t=Ol.identifierPrefix;if(aa){var n=Jo;t=":"+t+"R"+(n=(Zo&~(1<<32-it(Zo)-1)).toString(32)+n),0<(n=pi++)&&(t+="H"+n.toString(32)),t+=":"}else t=":"+t+"r"+(n=fi++).toString(32)+":";return e.memoizedState=t},unstable_isNewReconciler:!1},es={readContext:Pa,useCallback:qi,useContext:Pa,useEffect:Di,useImperativeHandle:Bi,useInsertionEffect:Mi,useLayoutEffect:Fi,useMemo:$i,useReducer:Si,useRef:Li,useState:function(){return Si(wi)},useDebugValue:Ui,useDeferredValue:function(e){return Hi(vi(),li.memoizedState,e)},useTransition:function(){return[Si(wi)[0],vi().memoizedState]},useMutableSource:ki,useSyncExternalStore:Ei,useId:Gi,unstable_isNewReconciler:!1},ts={readContext:Pa,useCallback:qi,useContext:Pa,useEffect:Di,useImperativeHandle:Bi,useInsertionEffect:Mi,useLayoutEffect:Fi,useMemo:$i,useReducer:xi,useRef:Li,useState:function(){return xi(wi)},useDebugValue:Ui,useDeferredValue:function(e){var t=vi();return null===li?t.memoizedState=e:Hi(t,li.memoizedState,e)},useTransition:function(){return[xi(wi)[0],vi().memoizedState]},useMutableSource:ki,useSyncExternalStore:Ei,useId:Gi,unstable_isNewReconciler:!1};function ns(e,t){if(e&&e.defaultProps){for(var n in t=M({},t),e=e.defaultProps)void 0===t[n]&&(t[n]=e[n]);return t}return t}function rs(e,t,n,r){n=null==(n=n(r,t=e.memoizedState))?t:M({},t,n),e.memoizedState=n,0===e.lanes&&(e.updateQueue.baseState=n)}var os={isMounted:function(e){return!!(e=e._reactInternals)&&qe(e)===e},enqueueSetState:function(e,t,n){e=e._reactInternals;var r=ec(),o=tc(e),a=za(r,o);a.payload=t,null!=n&&(a.callback=n),null!==(t=Ba(e,a,o))&&(nc(t,e,o,r),Ua(t,e,o))},enqueueReplaceState:function(e,t,n){e=e._reactInternals;var r=ec(),o=tc(e),a=za(r,o);a.tag=1,a.payload=t,null!=n&&(a.callback=n),null!==(t=Ba(e,a,o))&&(nc(t,e,o,r),Ua(t,e,o))},enqueueForceUpdate:function(e,t){e=e._reactInternals;var n=ec(),r=tc(e),o=za(n,r);o.tag=2,null!=t&&(o.callback=t),null!==(t=Ba(e,o,r))&&(nc(t,e,r,n),Ua(t,e,r))}};function as(e,t,n,r,o,a,i){return"function"==typeof(e=e.stateNode).shouldComponentUpdate?e.shouldComponentUpdate(r,a,i):!t.prototype||!t.prototype.isPureReactComponent||(!lr(n,r)||!lr(o,a))}function is(e,t,n){var r=!1,o=Ao,a=t.contextType;return"object"==typeof a&&null!==a?a=Pa(a):(o=Io(t)?Po:Oo.current,a=(r=null!=(r=t.contextTypes))?Lo(e,o):Ao),t=new t(n,a),e.memoizedState=null!==t.state&&void 0!==t.state?t.state:null,t.updater=os,e.stateNode=t,t._reactInternals=e,r&&((e=e.stateNode).__reactInternalMemoizedUnmaskedChildContext=o,e.__reactInternalMemoizedMaskedChildContext=a),t}function ss(e,t,n,r){e=t.state,"function"==typeof t.componentWillReceiveProps&&t.componentWillReceiveProps(n,r),"function"==typeof t.UNSAFE_componentWillReceiveProps&&t.UNSAFE_componentWillReceiveProps(n,r),t.state!==e&&os.enqueueReplaceState(t,t.state,null)}function ls(e,t,n,r){var o=e.stateNode;o.props=n,o.state=e.memoizedState,o.refs={},Ma(e);var a=t.contextType;"object"==typeof a&&null!==a?o.context=Pa(a):(a=Io(t)?Po:Oo.current,o.context=Lo(e,a)),o.state=e.memoizedState,"function"==typeof(a=t.getDerivedStateFromProps)&&(rs(e,t,a,n),o.state=e.memoizedState),"function"==typeof t.getDerivedStateFromProps||"function"==typeof o.getSnapshotBeforeUpdate||"function"!=typeof o.UNSAFE_componentWillMount&&"function"!=typeof o.componentWillMount||(t=o.state,"function"==typeof o.componentWillMount&&o.componentWillMount(),"function"==typeof o.UNSAFE_componentWillMount&&o.UNSAFE_componentWillMount(),t!==o.state&&os.enqueueReplaceState(o,o.state,null),$a(e,n,o,r),o.state=e.memoizedState),"function"==typeof o.componentDidMount&&(e.flags|=4194308)}function cs(e,t){try{var n="",r=t;do{n+=U(r),r=r.return}while(r);var o=n}catch(a){o="\nError generating stack: "+a.message+"\n"+a.stack}return{value:e,source:t,stack:o,digest:null}}function us(e,t,n){return{value:e,source:null,stack:null!=n?n:null,digest:null!=t?t:null}}function ds(e,t){try{console.error(t.value)}catch(n){setTimeout((function(){throw n}))}}var ps="function"==typeof WeakMap?WeakMap:Map;function fs(e,t,n){(n=za(-1,n)).tag=3,n.payload={element:null};var r=t.value;return n.callback=function(){Hl||(Hl=!0,Vl=r),ds(0,t)},n}function ms(e,t,n){(n=za(-1,n)).tag=3;var r=e.type.getDerivedStateFromError;if("function"==typeof r){var o=t.value;n.payload=function(){return r(o)},n.callback=function(){ds(0,t)}}var a=e.stateNode;return null!==a&&"function"==typeof a.componentDidCatch&&(n.callback=function(){ds(0,t),"function"!=typeof r&&(null===Gl?Gl=new Set([this]):Gl.add(this));var e=t.stack;this.componentDidCatch(t.value,{componentStack:null!==e?e:""})}),n}function hs(e,t,n){var r=e.pingCache;if(null===r){r=e.pingCache=new ps;var o=new Set;r.set(t,o)}else void 0===(o=r.get(t))&&(o=new Set,r.set(t,o));o.has(n)||(o.add(n),e=_c.bind(null,e,t,n),t.then(e,e))}function gs(e){do{var t;if((t=13===e.tag)&&(t=null===(t=e.memoizedState)||null!==t.dehydrated),t)return e;e=e.return}while(null!==e);return null}function bs(e,t,n,r,o){return 1&e.mode?(e.flags|=65536,e.lanes=o,e):(e===t?e.flags|=65536:(e.flags|=128,n.flags|=131072,n.flags&=-52805,1===n.tag&&(null===n.alternate?n.tag=17:((t=za(-1,1)).tag=2,Ba(n,t,1))),n.lanes|=1),e)}var ys=w.ReactCurrentOwner,vs=!1;function ws(e,t,n,r){t.child=null===e?xa(t,null,n,r):Sa(t,e.child,n,r)}function Ss(e,t,n,r,o){n=n.render;var a=t.ref;return Ta(t,o),r=gi(e,t,n,r,a,o),n=bi(),null===e||vs?(aa&&n&&ta(t),t.flags|=1,ws(e,t,r,o),t.child):(t.updateQueue=e.updateQueue,t.flags&=-2053,e.lanes&=~o,Hs(e,t,o))}function xs(e,t,n,r,o){if(null===e){var a=n.type;return"function"!=typeof a||Lc(a)||void 0!==a.defaultProps||null!==n.compare||void 0!==n.defaultProps?((e=Rc(n.type,null,r,t,t.mode,o)).ref=t.ref,e.return=t,t.child=e):(t.tag=15,t.type=a,ks(e,t,a,r,o))}if(a=e.child,!(e.lanes&o)){var i=a.memoizedProps;if((n=null!==(n=n.compare)?n:lr)(i,r)&&e.ref===t.ref)return Hs(e,t,o)}return t.flags|=1,(e=Ic(a,r)).ref=t.ref,e.return=t,t.child=e}function ks(e,t,n,r,o){if(null!==e){var a=e.memoizedProps;if(lr(a,r)&&e.ref===t.ref){if(vs=!1,t.pendingProps=r=a,!(e.lanes&o))return t.lanes=e.lanes,Hs(e,t,o);131072&e.flags&&(vs=!0)}}return Cs(e,t,n,r,o)}function Es(e,t,n){var r=t.pendingProps,o=r.children,a=null!==e?e.memoizedState:null;if("hidden"===r.mode)if(1&t.mode){if(!(1073741824&n))return e=null!==a?a.baseLanes|n:n,t.lanes=t.childLanes=1073741824,t.memoizedState={baseLanes:e,cachePool:null,transitions:null},t.updateQueue=null,jo(Il,Ll),Ll|=e,null;t.memoizedState={baseLanes:0,cachePool:null,transitions:null},r=null!==a?a.baseLanes:n,jo(Il,Ll),Ll|=r}else t.memoizedState={baseLanes:0,cachePool:null,transitions:null},jo(Il,Ll),Ll|=n;else null!==a?(r=a.baseLanes|n,t.memoizedState=null):r=n,jo(Il,Ll),Ll|=r;return ws(e,t,o,n),t.child}function _s(e,t){var n=t.ref;(null===e&&null!==n||null!==e&&e.ref!==n)&&(t.flags|=512,t.flags|=2097152)}function Cs(e,t,n,r,o){var a=Io(n)?Po:Oo.current;return a=Lo(t,a),Ta(t,o),n=gi(e,t,n,r,a,o),r=bi(),null===e||vs?(aa&&r&&ta(t),t.flags|=1,ws(e,t,n,o),t.child):(t.updateQueue=e.updateQueue,t.flags&=-2053,e.lanes&=~o,Hs(e,t,o))}function js(e,t,n,r,o){if(Io(n)){var a=!0;Mo(t)}else a=!1;if(Ta(t,o),null===t.stateNode)$s(e,t),is(t,n,r),ls(t,n,r,o),r=!0;else if(null===e){var i=t.stateNode,s=t.memoizedProps;i.props=s;var l=i.context,c=n.contextType;"object"==typeof c&&null!==c?c=Pa(c):c=Lo(t,c=Io(n)?Po:Oo.current);var u=n.getDerivedStateFromProps,d="function"==typeof u||"function"==typeof i.getSnapshotBeforeUpdate;d||"function"!=typeof i.UNSAFE_componentWillReceiveProps&&"function"!=typeof i.componentWillReceiveProps||(s!==r||l!==c)&&ss(t,i,r,c),Da=!1;var p=t.memoizedState;i.state=p,$a(t,r,i,o),l=t.memoizedState,s!==r||p!==l||To.current||Da?("function"==typeof u&&(rs(t,n,u,r),l=t.memoizedState),(s=Da||as(t,n,s,r,p,l,c))?(d||"function"!=typeof i.UNSAFE_componentWillMount&&"function"!=typeof i.componentWillMount||("function"==typeof i.componentWillMount&&i.componentWillMount(),"function"==typeof i.UNSAFE_componentWillMount&&i.UNSAFE_componentWillMount()),"function"==typeof i.componentDidMount&&(t.flags|=4194308)):("function"==typeof i.componentDidMount&&(t.flags|=4194308),t.memoizedProps=r,t.memoizedState=l),i.props=r,i.state=l,i.context=c,r=s):("function"==typeof i.componentDidMount&&(t.flags|=4194308),r=!1)}else{i=t.stateNode,Fa(e,t),s=t.memoizedProps,c=t.type===t.elementType?s:ns(t.type,s),i.props=c,d=t.pendingProps,p=i.context,"object"==typeof(l=n.contextType)&&null!==l?l=Pa(l):l=Lo(t,l=Io(n)?Po:Oo.current);var f=n.getDerivedStateFromProps;(u="function"==typeof f||"function"==typeof i.getSnapshotBeforeUpdate)||"function"!=typeof i.UNSAFE_componentWillReceiveProps&&"function"!=typeof i.componentWillReceiveProps||(s!==d||p!==l)&&ss(t,i,r,l),Da=!1,p=t.memoizedState,i.state=p,$a(t,r,i,o);var m=t.memoizedState;s!==d||p!==m||To.current||Da?("function"==typeof f&&(rs(t,n,f,r),m=t.memoizedState),(c=Da||as(t,n,c,r,p,m,l)||!1)?(u||"function"!=typeof i.UNSAFE_componentWillUpdate&&"function"!=typeof i.componentWillUpdate||("function"==typeof i.componentWillUpdate&&i.componentWillUpdate(r,m,l),"function"==typeof i.UNSAFE_componentWillUpdate&&i.UNSAFE_componentWillUpdate(r,m,l)),"function"==typeof i.componentDidUpdate&&(t.flags|=4),"function"==typeof i.getSnapshotBeforeUpdate&&(t.flags|=1024)):("function"!=typeof i.componentDidUpdate||s===e.memoizedProps&&p===e.memoizedState||(t.flags|=4),"function"!=typeof i.getSnapshotBeforeUpdate||s===e.memoizedProps&&p===e.memoizedState||(t.flags|=1024),t.memoizedProps=r,t.memoizedState=m),i.props=r,i.state=m,i.context=l,r=c):("function"!=typeof i.componentDidUpdate||s===e.memoizedProps&&p===e.memoizedState||(t.flags|=4),"function"!=typeof i.getSnapshotBeforeUpdate||s===e.memoizedProps&&p===e.memoizedState||(t.flags|=1024),r=!1)}return As(e,t,n,r,a,o)}function As(e,t,n,r,o,a){_s(e,t);var i=!!(128&t.flags);if(!r&&!i)return o&&Fo(t,n,!1),Hs(e,t,a);r=t.stateNode,ys.current=t;var s=i&&"function"!=typeof n.getDerivedStateFromError?null:r.render();return t.flags|=1,null!==e&&i?(t.child=Sa(t,e.child,null,a),t.child=Sa(t,null,s,a)):ws(e,t,s,a),t.memoizedState=r.state,o&&Fo(t,n,!0),t.child}function Os(e){var t=e.stateNode;t.pendingContext?No(0,t.pendingContext,t.pendingContext!==t.context):t.context&&No(0,t.context,!1),Ya(e,t.containerInfo)}function Ts(e,t,n,r,o){return ma(),ha(o),t.flags|=256,ws(e,t,n,r),t.child}var Ps,Ls,Is,Rs,Ns={dehydrated:null,treeContext:null,retryLane:0};function Ds(e){return{baseLanes:e,cachePool:null,transitions:null}}function Ms(e,t,n){var r,o=t.pendingProps,i=ei.current,s=!1,l=!!(128&t.flags);if((r=l)||(r=(null===e||null!==e.memoizedState)&&!!(2&i)),r?(s=!0,t.flags&=-129):null!==e&&null===e.memoizedState||(i|=1),jo(ei,1&i),null===e)return ua(t),null!==(e=t.memoizedState)&&null!==(e=e.dehydrated)?(1&t.mode?"$!"===e.data?t.lanes=8:t.lanes=1073741824:t.lanes=1,null):(l=o.children,e=o.fallback,s?(o=t.mode,s=t.child,l={mode:"hidden",children:l},1&o||null===s?s=Dc(l,o,0,null):(s.childLanes=0,s.pendingProps=l),e=Nc(e,o,n,null),s.return=t,e.return=t,s.sibling=e,t.child=s,t.child.memoizedState=Ds(n),t.memoizedState=Ns,e):Fs(t,l));if(null!==(i=e.memoizedState)&&null!==(r=i.dehydrated))return function(e,t,n,r,o,i,s){if(n)return 256&t.flags?(t.flags&=-257,zs(e,t,s,r=us(Error(a(422))))):null!==t.memoizedState?(t.child=e.child,t.flags|=128,null):(i=r.fallback,o=t.mode,r=Dc({mode:"visible",children:r.children},o,0,null),(i=Nc(i,o,s,null)).flags|=2,r.return=t,i.return=t,r.sibling=i,t.child=r,1&t.mode&&Sa(t,e.child,null,s),t.child.memoizedState=Ds(s),t.memoizedState=Ns,i);if(!(1&t.mode))return zs(e,t,s,null);if("$!"===o.data){if(r=o.nextSibling&&o.nextSibling.dataset)var l=r.dgst;return r=l,zs(e,t,s,r=us(i=Error(a(419)),r,void 0))}if(l=!!(s&e.childLanes),vs||l){if(null!==(r=Ol)){switch(s&-s){case 4:o=2;break;case 16:o=8;break;case 64:case 128:case 256:case 512:case 1024:case 2048:case 4096:case 8192:case 16384:case 32768:case 65536:case 131072:case 262144:case 524288:case 1048576:case 2097152:case 4194304:case 8388608:case 16777216:case 33554432:case 67108864:o=32;break;case 536870912:o=268435456;break;default:o=0}0!==(o=o&(r.suspendedLanes|s)?0:o)&&o!==i.retryLane&&(i.retryLane=o,Na(e,o),nc(r,e,o,-1))}return hc(),zs(e,t,s,r=us(Error(a(421))))}return"$?"===o.data?(t.flags|=128,t.child=e.child,t=jc.bind(null,e),o._reactRetry=t,null):(e=i.treeContext,oa=co(o.nextSibling),ra=t,aa=!0,ia=null,null!==e&&(Ko[Qo++]=Zo,Ko[Qo++]=Jo,Ko[Qo++]=Yo,Zo=e.id,Jo=e.overflow,Yo=t),t=Fs(t,r.children),t.flags|=4096,t)}(e,t,l,o,r,i,n);if(s){s=o.fallback,l=t.mode,r=(i=e.child).sibling;var c={mode:"hidden",children:o.children};return 1&l||t.child===i?(o=Ic(i,c)).subtreeFlags=14680064&i.subtreeFlags:((o=t.child).childLanes=0,o.pendingProps=c,t.deletions=null),null!==r?s=Ic(r,s):(s=Nc(s,l,n,null)).flags|=2,s.return=t,o.return=t,o.sibling=s,t.child=o,o=s,s=t.child,l=null===(l=e.child.memoizedState)?Ds(n):{baseLanes:l.baseLanes|n,cachePool:null,transitions:l.transitions},s.memoizedState=l,s.childLanes=e.childLanes&~n,t.memoizedState=Ns,o}return e=(s=e.child).sibling,o=Ic(s,{mode:"visible",children:o.children}),!(1&t.mode)&&(o.lanes=n),o.return=t,o.sibling=null,null!==e&&(null===(n=t.deletions)?(t.deletions=[e],t.flags|=16):n.push(e)),t.child=o,t.memoizedState=null,o}function Fs(e,t){return(t=Dc({mode:"visible",children:t},e.mode,0,null)).return=e,e.child=t}function zs(e,t,n,r){return null!==r&&ha(r),Sa(t,e.child,null,n),(e=Fs(t,t.pendingProps.children)).flags|=2,t.memoizedState=null,e}function Bs(e,t,n){e.lanes|=t;var r=e.alternate;null!==r&&(r.lanes|=t),Oa(e.return,t,n)}function Us(e,t,n,r,o){var a=e.memoizedState;null===a?e.memoizedState={isBackwards:t,rendering:null,renderingStartTime:0,last:r,tail:n,tailMode:o}:(a.isBackwards=t,a.rendering=null,a.renderingStartTime=0,a.last=r,a.tail=n,a.tailMode=o)}function qs(e,t,n){var r=t.pendingProps,o=r.revealOrder,a=r.tail;if(ws(e,t,r.children,n),2&(r=ei.current))r=1&r|2,t.flags|=128;else{if(null!==e&&128&e.flags)e:for(e=t.child;null!==e;){if(13===e.tag)null!==e.memoizedState&&Bs(e,n,t);else if(19===e.tag)Bs(e,n,t);else if(null!==e.child){e.child.return=e,e=e.child;continue}if(e===t)break e;for(;null===e.sibling;){if(null===e.return||e.return===t)break e;e=e.return}e.sibling.return=e.return,e=e.sibling}r&=1}if(jo(ei,r),1&t.mode)switch(o){case"forwards":for(n=t.child,o=null;null!==n;)null!==(e=n.alternate)&&null===ti(e)&&(o=n),n=n.sibling;null===(n=o)?(o=t.child,t.child=null):(o=n.sibling,n.sibling=null),Us(t,!1,o,n,a);break;case"backwards":for(n=null,o=t.child,t.child=null;null!==o;){if(null!==(e=o.alternate)&&null===ti(e)){t.child=o;break}e=o.sibling,o.sibling=n,n=o,o=e}Us(t,!0,n,null,a);break;case"together":Us(t,!1,null,null,void 0);break;default:t.memoizedState=null}else t.memoizedState=null;return t.child}function $s(e,t){!(1&t.mode)&&null!==e&&(e.alternate=null,t.alternate=null,t.flags|=2)}function Hs(e,t,n){if(null!==e&&(t.dependencies=e.dependencies),Dl|=t.lanes,!(n&t.childLanes))return null;if(null!==e&&t.child!==e.child)throw Error(a(153));if(null!==t.child){for(n=Ic(e=t.child,e.pendingProps),t.child=n,n.return=t;null!==e.sibling;)e=e.sibling,(n=n.sibling=Ic(e,e.pendingProps)).return=t;n.sibling=null}return t.child}function Vs(e,t){if(!aa)switch(e.tailMode){case"hidden":t=e.tail;for(var n=null;null!==t;)null!==t.alternate&&(n=t),t=t.sibling;null===n?e.tail=null:n.sibling=null;break;case"collapsed":n=e.tail;for(var r=null;null!==n;)null!==n.alternate&&(r=n),n=n.sibling;null===r?t||null===e.tail?e.tail=null:e.tail.sibling=null:r.sibling=null}}function Gs(e){var t=null!==e.alternate&&e.alternate.child===e.child,n=0,r=0;if(t)for(var o=e.child;null!==o;)n|=o.lanes|o.childLanes,r|=14680064&o.subtreeFlags,r|=14680064&o.flags,o.return=e,o=o.sibling;else for(o=e.child;null!==o;)n|=o.lanes|o.childLanes,r|=o.subtreeFlags,r|=o.flags,o.return=e,o=o.sibling;return e.subtreeFlags|=r,e.childLanes=n,t}function Ws(e,t,n){var r=t.pendingProps;switch(na(t),t.tag){case 2:case 16:case 15:case 0:case 11:case 7:case 8:case 12:case 9:case 14:return Gs(t),null;case 1:case 17:return Io(t.type)&&Ro(),Gs(t),null;case 3:return r=t.stateNode,Za(),Co(To),Co(Oo),ri(),r.pendingContext&&(r.context=r.pendingContext,r.pendingContext=null),null!==e&&null!==e.child||(pa(t)?t.flags|=4:null===e||e.memoizedState.isDehydrated&&!(256&t.flags)||(t.flags|=1024,null!==ia&&(ic(ia),ia=null))),Ls(e,t),Gs(t),null;case 5:Xa(t);var o=Qa(Ka.current);if(n=t.type,null!==e&&null!=t.stateNode)Is(e,t,n,r,o),e.ref!==t.ref&&(t.flags|=512,t.flags|=2097152);else{if(!r){if(null===t.stateNode)throw Error(a(166));return Gs(t),null}if(e=Qa(Ga.current),pa(t)){r=t.stateNode,n=t.type;var i=t.memoizedProps;switch(r[fo]=t,r[mo]=i,e=!!(1&t.mode),n){case"dialog":zr("cancel",r),zr("close",r);break;case"iframe":case"object":case"embed":zr("load",r);break;case"video":case"audio":for(o=0;o<Nr.length;o++)zr(Nr[o],r);break;case"source":zr("error",r);break;case"img":case"image":case"link":zr("error",r),zr("load",r);break;case"details":zr("toggle",r);break;case"input":Y(r,i),zr("invalid",r);break;case"select":r._wrapperState={wasMultiple:!!i.multiple},zr("invalid",r);break;case"textarea":oe(r,i),zr("invalid",r)}for(var l in ye(n,i),o=null,i)if(i.hasOwnProperty(l)){var c=i[l];"children"===l?"string"==typeof c?r.textContent!==c&&(!0!==i.suppressHydrationWarning&&Jr(r.textContent,c,e),o=["children",c]):"number"==typeof c&&r.textContent!==""+c&&(!0!==i.suppressHydrationWarning&&Jr(r.textContent,c,e),o=["children",""+c]):s.hasOwnProperty(l)&&null!=c&&"onScroll"===l&&zr("scroll",r)}switch(n){case"input":G(r),X(r,i,!0);break;case"textarea":G(r),ie(r);break;case"select":case"option":break;default:"function"==typeof i.onClick&&(r.onclick=Xr)}r=o,t.updateQueue=r,null!==r&&(t.flags|=4)}else{l=9===o.nodeType?o:o.ownerDocument,"http://www.w3.org/1999/xhtml"===e&&(e=se(n)),"http://www.w3.org/1999/xhtml"===e?"script"===n?((e=l.createElement("div")).innerHTML="<script><\/script>",e=e.removeChild(e.firstChild)):"string"==typeof r.is?e=l.createElement(n,{is:r.is}):(e=l.createElement(n),"select"===n&&(l=e,r.multiple?l.multiple=!0:r.size&&(l.size=r.size))):e=l.createElementNS(e,n),e[fo]=t,e[mo]=r,Ps(e,t,!1,!1),t.stateNode=e;e:{switch(l=ve(n,r),n){case"dialog":zr("cancel",e),zr("close",e),o=r;break;case"iframe":case"object":case"embed":zr("load",e),o=r;break;case"video":case"audio":for(o=0;o<Nr.length;o++)zr(Nr[o],e);o=r;break;case"source":zr("error",e),o=r;break;case"img":case"image":case"link":zr("error",e),zr("load",e),o=r;break;case"details":zr("toggle",e),o=r;break;case"input":Y(e,r),o=Q(e,r),zr("invalid",e);break;case"option":default:o=r;break;case"select":e._wrapperState={wasMultiple:!!r.multiple},o=M({},r,{value:void 0}),zr("invalid",e);break;case"textarea":oe(e,r),o=re(e,r),zr("invalid",e)}for(i in ye(n,o),c=o)if(c.hasOwnProperty(i)){var u=c[i];"style"===i?ge(e,u):"dangerouslySetInnerHTML"===i?null!=(u=u?u.__html:void 0)&&de(e,u):"children"===i?"string"==typeof u?("textarea"!==n||""!==u)&&pe(e,u):"number"==typeof u&&pe(e,""+u):"suppressContentEditableWarning"!==i&&"suppressHydrationWarning"!==i&&"autoFocus"!==i&&(s.hasOwnProperty(i)?null!=u&&"onScroll"===i&&zr("scroll",e):null!=u&&v(e,i,u,l))}switch(n){case"input":G(e),X(e,r,!1);break;case"textarea":G(e),ie(e);break;case"option":null!=r.value&&e.setAttribute("value",""+H(r.value));break;case"select":e.multiple=!!r.multiple,null!=(i=r.value)?ne(e,!!r.multiple,i,!1):null!=r.defaultValue&&ne(e,!!r.multiple,r.defaultValue,!0);break;default:"function"==typeof o.onClick&&(e.onclick=Xr)}switch(n){case"button":case"input":case"select":case"textarea":r=!!r.autoFocus;break e;case"img":r=!0;break e;default:r=!1}}r&&(t.flags|=4)}null!==t.ref&&(t.flags|=512,t.flags|=2097152)}return Gs(t),null;case 6:if(e&&null!=t.stateNode)Rs(e,t,e.memoizedProps,r);else{if("string"!=typeof r&&null===t.stateNode)throw Error(a(166));if(n=Qa(Ka.current),Qa(Ga.current),pa(t)){if(r=t.stateNode,n=t.memoizedProps,r[fo]=t,(i=r.nodeValue!==n)&&null!==(e=ra))switch(e.tag){case 3:Jr(r.nodeValue,n,!!(1&e.mode));break;case 5:!0!==e.memoizedProps.suppressHydrationWarning&&Jr(r.nodeValue,n,!!(1&e.mode))}i&&(t.flags|=4)}else(r=(9===n.nodeType?n:n.ownerDocument).createTextNode(r))[fo]=t,t.stateNode=r}return Gs(t),null;case 13:if(Co(ei),r=t.memoizedState,null===e||null!==e.memoizedState&&null!==e.memoizedState.dehydrated){if(aa&&null!==oa&&1&t.mode&&!(128&t.flags))fa(),ma(),t.flags|=98560,i=!1;else if(i=pa(t),null!==r&&null!==r.dehydrated){if(null===e){if(!i)throw Error(a(318));if(!(i=null!==(i=t.memoizedState)?i.dehydrated:null))throw Error(a(317));i[fo]=t}else ma(),!(128&t.flags)&&(t.memoizedState=null),t.flags|=4;Gs(t),i=!1}else null!==ia&&(ic(ia),ia=null),i=!0;if(!i)return 65536&t.flags?t:null}return 128&t.flags?(t.lanes=n,t):((r=null!==r)!==(null!==e&&null!==e.memoizedState)&&r&&(t.child.flags|=8192,1&t.mode&&(null===e||1&ei.current?0===Rl&&(Rl=3):hc())),null!==t.updateQueue&&(t.flags|=4),Gs(t),null);case 4:return Za(),Ls(e,t),null===e&&qr(t.stateNode.containerInfo),Gs(t),null;case 10:return Aa(t.type._context),Gs(t),null;case 19:if(Co(ei),null===(i=t.memoizedState))return Gs(t),null;if(r=!!(128&t.flags),null===(l=i.rendering))if(r)Vs(i,!1);else{if(0!==Rl||null!==e&&128&e.flags)for(e=t.child;null!==e;){if(null!==(l=ti(e))){for(t.flags|=128,Vs(i,!1),null!==(r=l.updateQueue)&&(t.updateQueue=r,t.flags|=4),t.subtreeFlags=0,r=n,n=t.child;null!==n;)e=r,(i=n).flags&=14680066,null===(l=i.alternate)?(i.childLanes=0,i.lanes=e,i.child=null,i.subtreeFlags=0,i.memoizedProps=null,i.memoizedState=null,i.updateQueue=null,i.dependencies=null,i.stateNode=null):(i.childLanes=l.childLanes,i.lanes=l.lanes,i.child=l.child,i.subtreeFlags=0,i.deletions=null,i.memoizedProps=l.memoizedProps,i.memoizedState=l.memoizedState,i.updateQueue=l.updateQueue,i.type=l.type,e=l.dependencies,i.dependencies=null===e?null:{lanes:e.lanes,firstContext:e.firstContext}),n=n.sibling;return jo(ei,1&ei.current|2),t.child}e=e.sibling}null!==i.tail&&Ze()>ql&&(t.flags|=128,r=!0,Vs(i,!1),t.lanes=4194304)}else{if(!r)if(null!==(e=ti(l))){if(t.flags|=128,r=!0,null!==(n=e.updateQueue)&&(t.updateQueue=n,t.flags|=4),Vs(i,!0),null===i.tail&&"hidden"===i.tailMode&&!l.alternate&&!aa)return Gs(t),null}else 2*Ze()-i.renderingStartTime>ql&&1073741824!==n&&(t.flags|=128,r=!0,Vs(i,!1),t.lanes=4194304);i.isBackwards?(l.sibling=t.child,t.child=l):(null!==(n=i.last)?n.sibling=l:t.child=l,i.last=l)}return null!==i.tail?(t=i.tail,i.rendering=t,i.tail=t.sibling,i.renderingStartTime=Ze(),t.sibling=null,n=ei.current,jo(ei,r?1&n|2:1&n),t):(Gs(t),null);case 22:case 23:return dc(),r=null!==t.memoizedState,null!==e&&null!==e.memoizedState!==r&&(t.flags|=8192),r&&1&t.mode?!!(1073741824&Ll)&&(Gs(t),6&t.subtreeFlags&&(t.flags|=8192)):Gs(t),null;case 24:case 25:return null}throw Error(a(156,t.tag))}function Ks(e,t){switch(na(t),t.tag){case 1:return Io(t.type)&&Ro(),65536&(e=t.flags)?(t.flags=-65537&e|128,t):null;case 3:return Za(),Co(To),Co(Oo),ri(),65536&(e=t.flags)&&!(128&e)?(t.flags=-65537&e|128,t):null;case 5:return Xa(t),null;case 13:if(Co(ei),null!==(e=t.memoizedState)&&null!==e.dehydrated){if(null===t.alternate)throw Error(a(340));ma()}return 65536&(e=t.flags)?(t.flags=-65537&e|128,t):null;case 19:return Co(ei),null;case 4:return Za(),null;case 10:return Aa(t.type._context),null;case 22:case 23:return dc(),null;default:return null}}Ps=function(e,t){for(var n=t.child;null!==n;){if(5===n.tag||6===n.tag)e.appendChild(n.stateNode);else if(4!==n.tag&&null!==n.child){n.child.return=n,n=n.child;continue}if(n===t)break;for(;null===n.sibling;){if(null===n.return||n.return===t)return;n=n.return}n.sibling.return=n.return,n=n.sibling}},Ls=function(){},Is=function(e,t,n,r){var o=e.memoizedProps;if(o!==r){e=t.stateNode,Qa(Ga.current);var a,i=null;switch(n){case"input":o=Q(e,o),r=Q(e,r),i=[];break;case"select":o=M({},o,{value:void 0}),r=M({},r,{value:void 0}),i=[];break;case"textarea":o=re(e,o),r=re(e,r),i=[];break;default:"function"!=typeof o.onClick&&"function"==typeof r.onClick&&(e.onclick=Xr)}for(u in ye(n,r),n=null,o)if(!r.hasOwnProperty(u)&&o.hasOwnProperty(u)&&null!=o[u])if("style"===u){var l=o[u];for(a in l)l.hasOwnProperty(a)&&(n||(n={}),n[a]="")}else"dangerouslySetInnerHTML"!==u&&"children"!==u&&"suppressContentEditableWarning"!==u&&"suppressHydrationWarning"!==u&&"autoFocus"!==u&&(s.hasOwnProperty(u)?i||(i=[]):(i=i||[]).push(u,null));for(u in r){var c=r[u];if(l=null!=o?o[u]:void 0,r.hasOwnProperty(u)&&c!==l&&(null!=c||null!=l))if("style"===u)if(l){for(a in l)!l.hasOwnProperty(a)||c&&c.hasOwnProperty(a)||(n||(n={}),n[a]="");for(a in c)c.hasOwnProperty(a)&&l[a]!==c[a]&&(n||(n={}),n[a]=c[a])}else n||(i||(i=[]),i.push(u,n)),n=c;else"dangerouslySetInnerHTML"===u?(c=c?c.__html:void 0,l=l?l.__html:void 0,null!=c&&l!==c&&(i=i||[]).push(u,c)):"children"===u?"string"!=typeof c&&"number"!=typeof c||(i=i||[]).push(u,""+c):"suppressContentEditableWarning"!==u&&"suppressHydrationWarning"!==u&&(s.hasOwnProperty(u)?(null!=c&&"onScroll"===u&&zr("scroll",e),i||l===c||(i=[])):(i=i||[]).push(u,c))}n&&(i=i||[]).push("style",n);var u=i;(t.updateQueue=u)&&(t.flags|=4)}},Rs=function(e,t,n,r){n!==r&&(t.flags|=4)};var Qs=!1,Ys=!1,Zs="function"==typeof WeakSet?WeakSet:Set,Js=null;function Xs(e,t){var n=e.ref;if(null!==n)if("function"==typeof n)try{n(null)}catch(r){Ec(e,t,r)}else n.current=null}function el(e,t,n){try{n()}catch(r){Ec(e,t,r)}}var tl=!1;function nl(e,t,n){var r=t.updateQueue;if(null!==(r=null!==r?r.lastEffect:null)){var o=r=r.next;do{if((o.tag&e)===e){var a=o.destroy;o.destroy=void 0,void 0!==a&&el(t,n,a)}o=o.next}while(o!==r)}}function rl(e,t){if(null!==(t=null!==(t=t.updateQueue)?t.lastEffect:null)){var n=t=t.next;do{if((n.tag&e)===e){var r=n.create;n.destroy=r()}n=n.next}while(n!==t)}}function ol(e){var t=e.ref;if(null!==t){var n=e.stateNode;e.tag,e=n,"function"==typeof t?t(e):t.current=e}}function al(e){var t=e.alternate;null!==t&&(e.alternate=null,al(t)),e.child=null,e.deletions=null,e.sibling=null,5===e.tag&&(null!==(t=e.stateNode)&&(delete t[fo],delete t[mo],delete t[go],delete t[bo],delete t[yo])),e.stateNode=null,e.return=null,e.dependencies=null,e.memoizedProps=null,e.memoizedState=null,e.pendingProps=null,e.stateNode=null,e.updateQueue=null}function il(e){return 5===e.tag||3===e.tag||4===e.tag}function sl(e){e:for(;;){for(;null===e.sibling;){if(null===e.return||il(e.return))return null;e=e.return}for(e.sibling.return=e.return,e=e.sibling;5!==e.tag&&6!==e.tag&&18!==e.tag;){if(2&e.flags)continue e;if(null===e.child||4===e.tag)continue e;e.child.return=e,e=e.child}if(!(2&e.flags))return e.stateNode}}function ll(e,t,n){var r=e.tag;if(5===r||6===r)e=e.stateNode,t?8===n.nodeType?n.parentNode.insertBefore(e,t):n.insertBefore(e,t):(8===n.nodeType?(t=n.parentNode).insertBefore(e,n):(t=n).appendChild(e),null!=(n=n._reactRootContainer)||null!==t.onclick||(t.onclick=Xr));else if(4!==r&&null!==(e=e.child))for(ll(e,t,n),e=e.sibling;null!==e;)ll(e,t,n),e=e.sibling}function cl(e,t,n){var r=e.tag;if(5===r||6===r)e=e.stateNode,t?n.insertBefore(e,t):n.appendChild(e);else if(4!==r&&null!==(e=e.child))for(cl(e,t,n),e=e.sibling;null!==e;)cl(e,t,n),e=e.sibling}var ul=null,dl=!1;function pl(e,t,n){for(n=n.child;null!==n;)fl(e,t,n),n=n.sibling}function fl(e,t,n){if(at&&"function"==typeof at.onCommitFiberUnmount)try{at.onCommitFiberUnmount(ot,n)}catch(s){}switch(n.tag){case 5:Ys||Xs(n,t);case 6:var r=ul,o=dl;ul=null,pl(e,t,n),dl=o,null!==(ul=r)&&(dl?(e=ul,n=n.stateNode,8===e.nodeType?e.parentNode.removeChild(n):e.removeChild(n)):ul.removeChild(n.stateNode));break;case 18:null!==ul&&(dl?(e=ul,n=n.stateNode,8===e.nodeType?lo(e.parentNode,n):1===e.nodeType&&lo(e,n),qt(e)):lo(ul,n.stateNode));break;case 4:r=ul,o=dl,ul=n.stateNode.containerInfo,dl=!0,pl(e,t,n),ul=r,dl=o;break;case 0:case 11:case 14:case 15:if(!Ys&&(null!==(r=n.updateQueue)&&null!==(r=r.lastEffect))){o=r=r.next;do{var a=o,i=a.destroy;a=a.tag,void 0!==i&&(2&a||4&a)&&el(n,t,i),o=o.next}while(o!==r)}pl(e,t,n);break;case 1:if(!Ys&&(Xs(n,t),"function"==typeof(r=n.stateNode).componentWillUnmount))try{r.props=n.memoizedProps,r.state=n.memoizedState,r.componentWillUnmount()}catch(s){Ec(n,t,s)}pl(e,t,n);break;case 21:pl(e,t,n);break;case 22:1&n.mode?(Ys=(r=Ys)||null!==n.memoizedState,pl(e,t,n),Ys=r):pl(e,t,n);break;default:pl(e,t,n)}}function ml(e){var t=e.updateQueue;if(null!==t){e.updateQueue=null;var n=e.stateNode;null===n&&(n=e.stateNode=new Zs),t.forEach((function(t){var r=Ac.bind(null,e,t);n.has(t)||(n.add(t),t.then(r,r))}))}}function hl(e,t){var n=t.deletions;if(null!==n)for(var r=0;r<n.length;r++){var o=n[r];try{var i=e,s=t,l=s;e:for(;null!==l;){switch(l.tag){case 5:ul=l.stateNode,dl=!1;break e;case 3:case 4:ul=l.stateNode.containerInfo,dl=!0;break e}l=l.return}if(null===ul)throw Error(a(160));fl(i,s,o),ul=null,dl=!1;var c=o.alternate;null!==c&&(c.return=null),o.return=null}catch(u){Ec(o,t,u)}}if(12854&t.subtreeFlags)for(t=t.child;null!==t;)gl(t,e),t=t.sibling}function gl(e,t){var n=e.alternate,r=e.flags;switch(e.tag){case 0:case 11:case 14:case 15:if(hl(t,e),bl(e),4&r){try{nl(3,e,e.return),rl(3,e)}catch(g){Ec(e,e.return,g)}try{nl(5,e,e.return)}catch(g){Ec(e,e.return,g)}}break;case 1:hl(t,e),bl(e),512&r&&null!==n&&Xs(n,n.return);break;case 5:if(hl(t,e),bl(e),512&r&&null!==n&&Xs(n,n.return),32&e.flags){var o=e.stateNode;try{pe(o,"")}catch(g){Ec(e,e.return,g)}}if(4&r&&null!=(o=e.stateNode)){var i=e.memoizedProps,s=null!==n?n.memoizedProps:i,l=e.type,c=e.updateQueue;if(e.updateQueue=null,null!==c)try{"input"===l&&"radio"===i.type&&null!=i.name&&Z(o,i),ve(l,s);var u=ve(l,i);for(s=0;s<c.length;s+=2){var d=c[s],p=c[s+1];"style"===d?ge(o,p):"dangerouslySetInnerHTML"===d?de(o,p):"children"===d?pe(o,p):v(o,d,p,u)}switch(l){case"input":J(o,i);break;case"textarea":ae(o,i);break;case"select":var f=o._wrapperState.wasMultiple;o._wrapperState.wasMultiple=!!i.multiple;var m=i.value;null!=m?ne(o,!!i.multiple,m,!1):f!==!!i.multiple&&(null!=i.defaultValue?ne(o,!!i.multiple,i.defaultValue,!0):ne(o,!!i.multiple,i.multiple?[]:"",!1))}o[mo]=i}catch(g){Ec(e,e.return,g)}}break;case 6:if(hl(t,e),bl(e),4&r){if(null===e.stateNode)throw Error(a(162));o=e.stateNode,i=e.memoizedProps;try{o.nodeValue=i}catch(g){Ec(e,e.return,g)}}break;case 3:if(hl(t,e),bl(e),4&r&&null!==n&&n.memoizedState.isDehydrated)try{qt(t.containerInfo)}catch(g){Ec(e,e.return,g)}break;case 4:default:hl(t,e),bl(e);break;case 13:hl(t,e),bl(e),8192&(o=e.child).flags&&(i=null!==o.memoizedState,o.stateNode.isHidden=i,!i||null!==o.alternate&&null!==o.alternate.memoizedState||(Ul=Ze())),4&r&&ml(e);break;case 22:if(d=null!==n&&null!==n.memoizedState,1&e.mode?(Ys=(u=Ys)||d,hl(t,e),Ys=u):hl(t,e),bl(e),8192&r){if(u=null!==e.memoizedState,(e.stateNode.isHidden=u)&&!d&&1&e.mode)for(Js=e,d=e.child;null!==d;){for(p=Js=d;null!==Js;){switch(m=(f=Js).child,f.tag){case 0:case 11:case 14:case 15:nl(4,f,f.return);break;case 1:Xs(f,f.return);var h=f.stateNode;if("function"==typeof h.componentWillUnmount){r=f,n=f.return;try{t=r,h.props=t.memoizedProps,h.state=t.memoizedState,h.componentWillUnmount()}catch(g){Ec(r,n,g)}}break;case 5:Xs(f,f.return);break;case 22:if(null!==f.memoizedState){Sl(p);continue}}null!==m?(m.return=f,Js=m):Sl(p)}d=d.sibling}e:for(d=null,p=e;;){if(5===p.tag){if(null===d){d=p;try{o=p.stateNode,u?"function"==typeof(i=o.style).setProperty?i.setProperty("display","none","important"):i.display="none":(l=p.stateNode,s=null!=(c=p.memoizedProps.style)&&c.hasOwnProperty("display")?c.display:null,l.style.display=he("display",s))}catch(g){Ec(e,e.return,g)}}}else if(6===p.tag){if(null===d)try{p.stateNode.nodeValue=u?"":p.memoizedProps}catch(g){Ec(e,e.return,g)}}else if((22!==p.tag&&23!==p.tag||null===p.memoizedState||p===e)&&null!==p.child){p.child.return=p,p=p.child;continue}if(p===e)break e;for(;null===p.sibling;){if(null===p.return||p.return===e)break e;d===p&&(d=null),p=p.return}d===p&&(d=null),p.sibling.return=p.return,p=p.sibling}}break;case 19:hl(t,e),bl(e),4&r&&ml(e);case 21:}}function bl(e){var t=e.flags;if(2&t){try{e:{for(var n=e.return;null!==n;){if(il(n)){var r=n;break e}n=n.return}throw Error(a(160))}switch(r.tag){case 5:var o=r.stateNode;32&r.flags&&(pe(o,""),r.flags&=-33),cl(e,sl(e),o);break;case 3:case 4:var i=r.stateNode.containerInfo;ll(e,sl(e),i);break;default:throw Error(a(161))}}catch(s){Ec(e,e.return,s)}e.flags&=-3}4096&t&&(e.flags&=-4097)}function yl(e,t,n){Js=e,vl(e,t,n)}function vl(e,t,n){for(var r=!!(1&e.mode);null!==Js;){var o=Js,a=o.child;if(22===o.tag&&r){var i=null!==o.memoizedState||Qs;if(!i){var s=o.alternate,l=null!==s&&null!==s.memoizedState||Ys;s=Qs;var c=Ys;if(Qs=i,(Ys=l)&&!c)for(Js=o;null!==Js;)l=(i=Js).child,22===i.tag&&null!==i.memoizedState?xl(o):null!==l?(l.return=i,Js=l):xl(o);for(;null!==a;)Js=a,vl(a,t,n),a=a.sibling;Js=o,Qs=s,Ys=c}wl(e)}else 8772&o.subtreeFlags&&null!==a?(a.return=o,Js=a):wl(e)}}function wl(e){for(;null!==Js;){var t=Js;if(8772&t.flags){var n=t.alternate;try{if(8772&t.flags)switch(t.tag){case 0:case 11:case 15:Ys||rl(5,t);break;case 1:var r=t.stateNode;if(4&t.flags&&!Ys)if(null===n)r.componentDidMount();else{var o=t.elementType===t.type?n.memoizedProps:ns(t.type,n.memoizedProps);r.componentDidUpdate(o,n.memoizedState,r.__reactInternalSnapshotBeforeUpdate)}var i=t.updateQueue;null!==i&&Ha(t,i,r);break;case 3:var s=t.updateQueue;if(null!==s){if(n=null,null!==t.child)switch(t.child.tag){case 5:case 1:n=t.child.stateNode}Ha(t,s,n)}break;case 5:var l=t.stateNode;if(null===n&&4&t.flags){n=l;var c=t.memoizedProps;switch(t.type){case"button":case"input":case"select":case"textarea":c.autoFocus&&n.focus();break;case"img":c.src&&(n.src=c.src)}}break;case 6:case 4:case 12:case 19:case 17:case 21:case 22:case 23:case 25:break;case 13:if(null===t.memoizedState){var u=t.alternate;if(null!==u){var d=u.memoizedState;if(null!==d){var p=d.dehydrated;null!==p&&qt(p)}}}break;default:throw Error(a(163))}Ys||512&t.flags&&ol(t)}catch(f){Ec(t,t.return,f)}}if(t===e){Js=null;break}if(null!==(n=t.sibling)){n.return=t.return,Js=n;break}Js=t.return}}function Sl(e){for(;null!==Js;){var t=Js;if(t===e){Js=null;break}var n=t.sibling;if(null!==n){n.return=t.return,Js=n;break}Js=t.return}}function xl(e){for(;null!==Js;){var t=Js;try{switch(t.tag){case 0:case 11:case 15:var n=t.return;try{rl(4,t)}catch(l){Ec(t,n,l)}break;case 1:var r=t.stateNode;if("function"==typeof r.componentDidMount){var o=t.return;try{r.componentDidMount()}catch(l){Ec(t,o,l)}}var a=t.return;try{ol(t)}catch(l){Ec(t,a,l)}break;case 5:var i=t.return;try{ol(t)}catch(l){Ec(t,i,l)}}}catch(l){Ec(t,t.return,l)}if(t===e){Js=null;break}var s=t.sibling;if(null!==s){s.return=t.return,Js=s;break}Js=t.return}}var kl,El=Math.ceil,_l=w.ReactCurrentDispatcher,Cl=w.ReactCurrentOwner,jl=w.ReactCurrentBatchConfig,Al=0,Ol=null,Tl=null,Pl=0,Ll=0,Il=_o(0),Rl=0,Nl=null,Dl=0,Ml=0,Fl=0,zl=null,Bl=null,Ul=0,ql=1/0,$l=null,Hl=!1,Vl=null,Gl=null,Wl=!1,Kl=null,Ql=0,Yl=0,Zl=null,Jl=-1,Xl=0;function ec(){return 6&Al?Ze():-1!==Jl?Jl:Jl=Ze()}function tc(e){return 1&e.mode?2&Al&&0!==Pl?Pl&-Pl:null!==ga.transition?(0===Xl&&(Xl=ht()),Xl):0!==(e=vt)?e:e=void 0===(e=window.event)?16:Yt(e.type):1}function nc(e,t,n,r){if(50<Yl)throw Yl=0,Zl=null,Error(a(185));bt(e,n,r),2&Al&&e===Ol||(e===Ol&&(!(2&Al)&&(Ml|=n),4===Rl&&sc(e,Pl)),rc(e,r),1===n&&0===Al&&!(1&t.mode)&&(ql=Ze()+500,Bo&&$o()))}function rc(e,t){var n=e.callbackNode;!function(e,t){for(var n=e.suspendedLanes,r=e.pingedLanes,o=e.expirationTimes,a=e.pendingLanes;0<a;){var i=31-it(a),s=1<<i,l=o[i];-1===l?s&n&&!(s&r)||(o[i]=ft(s,t)):l<=t&&(e.expiredLanes|=s),a&=~s}}(e,t);var r=pt(e,e===Ol?Pl:0);if(0===r)null!==n&&Ke(n),e.callbackNode=null,e.callbackPriority=0;else if(t=r&-r,e.callbackPriority!==t){if(null!=n&&Ke(n),1===t)0===e.tag?function(e){Bo=!0,qo(e)}(lc.bind(null,e)):qo(lc.bind(null,e)),io((function(){!(6&Al)&&$o()})),n=null;else{switch(wt(r)){case 1:n=Xe;break;case 4:n=et;break;case 16:default:n=tt;break;case 536870912:n=rt}n=Oc(n,oc.bind(null,e))}e.callbackPriority=t,e.callbackNode=n}}function oc(e,t){if(Jl=-1,Xl=0,6&Al)throw Error(a(327));var n=e.callbackNode;if(xc()&&e.callbackNode!==n)return null;var r=pt(e,e===Ol?Pl:0);if(0===r)return null;if(30&r||r&e.expiredLanes||t)t=gc(e,r);else{t=r;var o=Al;Al|=2;var i=mc();for(Ol===e&&Pl===t||($l=null,ql=Ze()+500,pc(e,t));;)try{yc();break}catch(l){fc(e,l)}ja(),_l.current=i,Al=o,null!==Tl?t=0:(Ol=null,Pl=0,t=Rl)}if(0!==t){if(2===t&&(0!==(o=mt(e))&&(r=o,t=ac(e,o))),1===t)throw n=Nl,pc(e,0),sc(e,r),rc(e,Ze()),n;if(6===t)sc(e,r);else{if(o=e.current.alternate,!(30&r||function(e){for(var t=e;;){if(16384&t.flags){var n=t.updateQueue;if(null!==n&&null!==(n=n.stores))for(var r=0;r<n.length;r++){var o=n[r],a=o.getSnapshot;o=o.value;try{if(!sr(a(),o))return!1}catch(s){return!1}}}if(n=t.child,16384&t.subtreeFlags&&null!==n)n.return=t,t=n;else{if(t===e)break;for(;null===t.sibling;){if(null===t.return||t.return===e)return!0;t=t.return}t.sibling.return=t.return,t=t.sibling}}return!0}(o)||(t=gc(e,r),2===t&&(i=mt(e),0!==i&&(r=i,t=ac(e,i))),1!==t)))throw n=Nl,pc(e,0),sc(e,r),rc(e,Ze()),n;switch(e.finishedWork=o,e.finishedLanes=r,t){case 0:case 1:throw Error(a(345));case 2:case 5:Sc(e,Bl,$l);break;case 3:if(sc(e,r),(130023424&r)===r&&10<(t=Ul+500-Ze())){if(0!==pt(e,0))break;if(((o=e.suspendedLanes)&r)!==r){ec(),e.pingedLanes|=e.suspendedLanes&o;break}e.timeoutHandle=ro(Sc.bind(null,e,Bl,$l),t);break}Sc(e,Bl,$l);break;case 4:if(sc(e,r),(4194240&r)===r)break;for(t=e.eventTimes,o=-1;0<r;){var s=31-it(r);i=1<<s,(s=t[s])>o&&(o=s),r&=~i}if(r=o,10<(r=(120>(r=Ze()-r)?120:480>r?480:1080>r?1080:1920>r?1920:3e3>r?3e3:4320>r?4320:1960*El(r/1960))-r)){e.timeoutHandle=ro(Sc.bind(null,e,Bl,$l),r);break}Sc(e,Bl,$l);break;default:throw Error(a(329))}}}return rc(e,Ze()),e.callbackNode===n?oc.bind(null,e):null}function ac(e,t){var n=zl;return e.current.memoizedState.isDehydrated&&(pc(e,t).flags|=256),2!==(e=gc(e,t))&&(t=Bl,Bl=n,null!==t&&ic(t)),e}function ic(e){null===Bl?Bl=e:Bl.push.apply(Bl,e)}function sc(e,t){for(t&=~Fl,t&=~Ml,e.suspendedLanes|=t,e.pingedLanes&=~t,e=e.expirationTimes;0<t;){var n=31-it(t),r=1<<n;e[n]=-1,t&=~r}}function lc(e){if(6&Al)throw Error(a(327));xc();var t=pt(e,0);if(!(1&t))return rc(e,Ze()),null;var n=gc(e,t);if(0!==e.tag&&2===n){var r=mt(e);0!==r&&(t=r,n=ac(e,r))}if(1===n)throw n=Nl,pc(e,0),sc(e,t),rc(e,Ze()),n;if(6===n)throw Error(a(345));return e.finishedWork=e.current.alternate,e.finishedLanes=t,Sc(e,Bl,$l),rc(e,Ze()),null}function cc(e,t){var n=Al;Al|=1;try{return e(t)}finally{0===(Al=n)&&(ql=Ze()+500,Bo&&$o())}}function uc(e){null!==Kl&&0===Kl.tag&&!(6&Al)&&xc();var t=Al;Al|=1;var n=jl.transition,r=vt;try{if(jl.transition=null,vt=1,e)return e()}finally{vt=r,jl.transition=n,!(6&(Al=t))&&$o()}}function dc(){Ll=Il.current,Co(Il)}function pc(e,t){e.finishedWork=null,e.finishedLanes=0;var n=e.timeoutHandle;if(-1!==n&&(e.timeoutHandle=-1,oo(n)),null!==Tl)for(n=Tl.return;null!==n;){var r=n;switch(na(r),r.tag){case 1:null!=(r=r.type.childContextTypes)&&Ro();break;case 3:Za(),Co(To),Co(Oo),ri();break;case 5:Xa(r);break;case 4:Za();break;case 13:case 19:Co(ei);break;case 10:Aa(r.type._context);break;case 22:case 23:dc()}n=n.return}if(Ol=e,Tl=e=Ic(e.current,null),Pl=Ll=t,Rl=0,Nl=null,Fl=Ml=Dl=0,Bl=zl=null,null!==La){for(t=0;t<La.length;t++)if(null!==(r=(n=La[t]).interleaved)){n.interleaved=null;var o=r.next,a=n.pending;if(null!==a){var i=a.next;a.next=o,r.next=i}n.pending=r}La=null}return e}function fc(e,t){for(;;){var n=Tl;try{if(ja(),oi.current=Ji,ui){for(var r=si.memoizedState;null!==r;){var o=r.queue;null!==o&&(o.pending=null),r=r.next}ui=!1}if(ii=0,ci=li=si=null,di=!1,pi=0,Cl.current=null,null===n||null===n.return){Rl=1,Nl=t,Tl=null;break}e:{var i=e,s=n.return,l=n,c=t;if(t=Pl,l.flags|=32768,null!==c&&"object"==typeof c&&"function"==typeof c.then){var u=c,d=l,p=d.tag;if(!(1&d.mode||0!==p&&11!==p&&15!==p)){var f=d.alternate;f?(d.updateQueue=f.updateQueue,d.memoizedState=f.memoizedState,d.lanes=f.lanes):(d.updateQueue=null,d.memoizedState=null)}var m=gs(s);if(null!==m){m.flags&=-257,bs(m,s,l,0,t),1&m.mode&&hs(i,u,t),c=u;var h=(t=m).updateQueue;if(null===h){var g=new Set;g.add(c),t.updateQueue=g}else h.add(c);break e}if(!(1&t)){hs(i,u,t),hc();break e}c=Error(a(426))}else if(aa&&1&l.mode){var b=gs(s);if(null!==b){!(65536&b.flags)&&(b.flags|=256),bs(b,s,l,0,t),ha(cs(c,l));break e}}i=c=cs(c,l),4!==Rl&&(Rl=2),null===zl?zl=[i]:zl.push(i),i=s;do{switch(i.tag){case 3:i.flags|=65536,t&=-t,i.lanes|=t,qa(i,fs(0,c,t));break e;case 1:l=c;var y=i.type,v=i.stateNode;if(!(128&i.flags||"function"!=typeof y.getDerivedStateFromError&&(null===v||"function"!=typeof v.componentDidCatch||null!==Gl&&Gl.has(v)))){i.flags|=65536,t&=-t,i.lanes|=t,qa(i,ms(i,l,t));break e}}i=i.return}while(null!==i)}wc(n)}catch(w){t=w,Tl===n&&null!==n&&(Tl=n=n.return);continue}break}}function mc(){var e=_l.current;return _l.current=Ji,null===e?Ji:e}function hc(){0!==Rl&&3!==Rl&&2!==Rl||(Rl=4),null===Ol||!(268435455&Dl)&&!(268435455&Ml)||sc(Ol,Pl)}function gc(e,t){var n=Al;Al|=2;var r=mc();for(Ol===e&&Pl===t||($l=null,pc(e,t));;)try{bc();break}catch(o){fc(e,o)}if(ja(),Al=n,_l.current=r,null!==Tl)throw Error(a(261));return Ol=null,Pl=0,Rl}function bc(){for(;null!==Tl;)vc(Tl)}function yc(){for(;null!==Tl&&!Qe();)vc(Tl)}function vc(e){var t=kl(e.alternate,e,Ll);e.memoizedProps=e.pendingProps,null===t?wc(e):Tl=t,Cl.current=null}function wc(e){var t=e;do{var n=t.alternate;if(e=t.return,32768&t.flags){if(null!==(n=Ks(n,t)))return n.flags&=32767,void(Tl=n);if(null===e)return Rl=6,void(Tl=null);e.flags|=32768,e.subtreeFlags=0,e.deletions=null}else if(null!==(n=Ws(n,t,Ll)))return void(Tl=n);if(null!==(t=t.sibling))return void(Tl=t);Tl=t=e}while(null!==t);0===Rl&&(Rl=5)}function Sc(e,t,n){var r=vt,o=jl.transition;try{jl.transition=null,vt=1,function(e,t,n,r){do{xc()}while(null!==Kl);if(6&Al)throw Error(a(327));n=e.finishedWork;var o=e.finishedLanes;if(null===n)return null;if(e.finishedWork=null,e.finishedLanes=0,n===e.current)throw Error(a(177));e.callbackNode=null,e.callbackPriority=0;var i=n.lanes|n.childLanes;if(function(e,t){var n=e.pendingLanes&~t;e.pendingLanes=t,e.suspendedLanes=0,e.pingedLanes=0,e.expiredLanes&=t,e.mutableReadLanes&=t,e.entangledLanes&=t,t=e.entanglements;var r=e.eventTimes;for(e=e.expirationTimes;0<n;){var o=31-it(n),a=1<<o;t[o]=0,r[o]=-1,e[o]=-1,n&=~a}}(e,i),e===Ol&&(Tl=Ol=null,Pl=0),!(2064&n.subtreeFlags)&&!(2064&n.flags)||Wl||(Wl=!0,Oc(tt,(function(){return xc(),null}))),i=!!(15990&n.flags),!!(15990&n.subtreeFlags)||i){i=jl.transition,jl.transition=null;var s=vt;vt=1;var l=Al;Al|=4,Cl.current=null,function(e,t){if(eo=Ht,fr(e=pr())){if("selectionStart"in e)var n={start:e.selectionStart,end:e.selectionEnd};else e:{var r=(n=(n=e.ownerDocument)&&n.defaultView||window).getSelection&&n.getSelection();if(r&&0!==r.rangeCount){n=r.anchorNode;var o=r.anchorOffset,i=r.focusNode;r=r.focusOffset;try{n.nodeType,i.nodeType}catch(S){n=null;break e}var s=0,l=-1,c=-1,u=0,d=0,p=e,f=null;t:for(;;){for(var m;p!==n||0!==o&&3!==p.nodeType||(l=s+o),p!==i||0!==r&&3!==p.nodeType||(c=s+r),3===p.nodeType&&(s+=p.nodeValue.length),null!==(m=p.firstChild);)f=p,p=m;for(;;){if(p===e)break t;if(f===n&&++u===o&&(l=s),f===i&&++d===r&&(c=s),null!==(m=p.nextSibling))break;f=(p=f).parentNode}p=m}n=-1===l||-1===c?null:{start:l,end:c}}else n=null}n=n||{start:0,end:0}}else n=null;for(to={focusedElem:e,selectionRange:n},Ht=!1,Js=t;null!==Js;)if(e=(t=Js).child,1028&t.subtreeFlags&&null!==e)e.return=t,Js=e;else for(;null!==Js;){t=Js;try{var h=t.alternate;if(1024&t.flags)switch(t.tag){case 0:case 11:case 15:case 5:case 6:case 4:case 17:break;case 1:if(null!==h){var g=h.memoizedProps,b=h.memoizedState,y=t.stateNode,v=y.getSnapshotBeforeUpdate(t.elementType===t.type?g:ns(t.type,g),b);y.__reactInternalSnapshotBeforeUpdate=v}break;case 3:var w=t.stateNode.containerInfo;1===w.nodeType?w.textContent="":9===w.nodeType&&w.documentElement&&w.removeChild(w.documentElement);break;default:throw Error(a(163))}}catch(S){Ec(t,t.return,S)}if(null!==(e=t.sibling)){e.return=t.return,Js=e;break}Js=t.return}h=tl,tl=!1}(e,n),gl(n,e),mr(to),Ht=!!eo,to=eo=null,e.current=n,yl(n,e,o),Ye(),Al=l,vt=s,jl.transition=i}else e.current=n;if(Wl&&(Wl=!1,Kl=e,Ql=o),i=e.pendingLanes,0===i&&(Gl=null),function(e){if(at&&"function"==typeof at.onCommitFiberRoot)try{at.onCommitFiberRoot(ot,e,void 0,!(128&~e.current.flags))}catch(t){}}(n.stateNode),rc(e,Ze()),null!==t)for(r=e.onRecoverableError,n=0;n<t.length;n++)o=t[n],r(o.value,{componentStack:o.stack,digest:o.digest});if(Hl)throw Hl=!1,e=Vl,Vl=null,e;!!(1&Ql)&&0!==e.tag&&xc(),i=e.pendingLanes,1&i?e===Zl?Yl++:(Yl=0,Zl=e):Yl=0,$o()}(e,t,n,r)}finally{jl.transition=o,vt=r}return null}function xc(){if(null!==Kl){var e=wt(Ql),t=jl.transition,n=vt;try{if(jl.transition=null,vt=16>e?16:e,null===Kl)var r=!1;else{if(e=Kl,Kl=null,Ql=0,6&Al)throw Error(a(331));var o=Al;for(Al|=4,Js=e.current;null!==Js;){var i=Js,s=i.child;if(16&Js.flags){var l=i.deletions;if(null!==l){for(var c=0;c<l.length;c++){var u=l[c];for(Js=u;null!==Js;){var d=Js;switch(d.tag){case 0:case 11:case 15:nl(8,d,i)}var p=d.child;if(null!==p)p.return=d,Js=p;else for(;null!==Js;){var f=(d=Js).sibling,m=d.return;if(al(d),d===u){Js=null;break}if(null!==f){f.return=m,Js=f;break}Js=m}}}var h=i.alternate;if(null!==h){var g=h.child;if(null!==g){h.child=null;do{var b=g.sibling;g.sibling=null,g=b}while(null!==g)}}Js=i}}if(2064&i.subtreeFlags&&null!==s)s.return=i,Js=s;else e:for(;null!==Js;){if(2048&(i=Js).flags)switch(i.tag){case 0:case 11:case 15:nl(9,i,i.return)}var y=i.sibling;if(null!==y){y.return=i.return,Js=y;break e}Js=i.return}}var v=e.current;for(Js=v;null!==Js;){var w=(s=Js).child;if(2064&s.subtreeFlags&&null!==w)w.return=s,Js=w;else e:for(s=v;null!==Js;){if(2048&(l=Js).flags)try{switch(l.tag){case 0:case 11:case 15:rl(9,l)}}catch(x){Ec(l,l.return,x)}if(l===s){Js=null;break e}var S=l.sibling;if(null!==S){S.return=l.return,Js=S;break e}Js=l.return}}if(Al=o,$o(),at&&"function"==typeof at.onPostCommitFiberRoot)try{at.onPostCommitFiberRoot(ot,e)}catch(x){}r=!0}return r}finally{vt=n,jl.transition=t}}return!1}function kc(e,t,n){e=Ba(e,t=fs(0,t=cs(n,t),1),1),t=ec(),null!==e&&(bt(e,1,t),rc(e,t))}function Ec(e,t,n){if(3===e.tag)kc(e,e,n);else for(;null!==t;){if(3===t.tag){kc(t,e,n);break}if(1===t.tag){var r=t.stateNode;if("function"==typeof t.type.getDerivedStateFromError||"function"==typeof r.componentDidCatch&&(null===Gl||!Gl.has(r))){t=Ba(t,e=ms(t,e=cs(n,e),1),1),e=ec(),null!==t&&(bt(t,1,e),rc(t,e));break}}t=t.return}}function _c(e,t,n){var r=e.pingCache;null!==r&&r.delete(t),t=ec(),e.pingedLanes|=e.suspendedLanes&n,Ol===e&&(Pl&n)===n&&(4===Rl||3===Rl&&(130023424&Pl)===Pl&&500>Ze()-Ul?pc(e,0):Fl|=n),rc(e,t)}function Cc(e,t){0===t&&(1&e.mode?(t=ut,!(130023424&(ut<<=1))&&(ut=4194304)):t=1);var n=ec();null!==(e=Na(e,t))&&(bt(e,t,n),rc(e,n))}function jc(e){var t=e.memoizedState,n=0;null!==t&&(n=t.retryLane),Cc(e,n)}function Ac(e,t){var n=0;switch(e.tag){case 13:var r=e.stateNode,o=e.memoizedState;null!==o&&(n=o.retryLane);break;case 19:r=e.stateNode;break;default:throw Error(a(314))}null!==r&&r.delete(t),Cc(e,n)}function Oc(e,t){return We(e,t)}function Tc(e,t,n,r){this.tag=e,this.key=n,this.sibling=this.child=this.return=this.stateNode=this.type=this.elementType=null,this.index=0,this.ref=null,this.pendingProps=t,this.dependencies=this.memoizedState=this.updateQueue=this.memoizedProps=null,this.mode=r,this.subtreeFlags=this.flags=0,this.deletions=null,this.childLanes=this.lanes=0,this.alternate=null}function Pc(e,t,n,r){return new Tc(e,t,n,r)}function Lc(e){return!(!(e=e.prototype)||!e.isReactComponent)}function Ic(e,t){var n=e.alternate;return null===n?((n=Pc(e.tag,t,e.key,e.mode)).elementType=e.elementType,n.type=e.type,n.stateNode=e.stateNode,n.alternate=e,e.alternate=n):(n.pendingProps=t,n.type=e.type,n.flags=0,n.subtreeFlags=0,n.deletions=null),n.flags=14680064&e.flags,n.childLanes=e.childLanes,n.lanes=e.lanes,n.child=e.child,n.memoizedProps=e.memoizedProps,n.memoizedState=e.memoizedState,n.updateQueue=e.updateQueue,t=e.dependencies,n.dependencies=null===t?null:{lanes:t.lanes,firstContext:t.firstContext},n.sibling=e.sibling,n.index=e.index,n.ref=e.ref,n}function Rc(e,t,n,r,o,i){var s=2;if(r=e,"function"==typeof e)Lc(e)&&(s=1);else if("string"==typeof e)s=5;else e:switch(e){case k:return Nc(n.children,o,i,t);case E:s=8,o|=8;break;case _:return(e=Pc(12,n,t,2|o)).elementType=_,e.lanes=i,e;case O:return(e=Pc(13,n,t,o)).elementType=O,e.lanes=i,e;case T:return(e=Pc(19,n,t,o)).elementType=T,e.lanes=i,e;case I:return Dc(n,o,i,t);default:if("object"==typeof e&&null!==e)switch(e.$$typeof){case C:s=10;break e;case j:s=9;break e;case A:s=11;break e;case P:s=14;break e;case L:s=16,r=null;break e}throw Error(a(130,null==e?e:typeof e,""))}return(t=Pc(s,n,t,o)).elementType=e,t.type=r,t.lanes=i,t}function Nc(e,t,n,r){return(e=Pc(7,e,r,t)).lanes=n,e}function Dc(e,t,n,r){return(e=Pc(22,e,r,t)).elementType=I,e.lanes=n,e.stateNode={isHidden:!1},e}function Mc(e,t,n){return(e=Pc(6,e,null,t)).lanes=n,e}function Fc(e,t,n){return(t=Pc(4,null!==e.children?e.children:[],e.key,t)).lanes=n,t.stateNode={containerInfo:e.containerInfo,pendingChildren:null,implementation:e.implementation},t}function zc(e,t,n,r,o){this.tag=t,this.containerInfo=e,this.finishedWork=this.pingCache=this.current=this.pendingChildren=null,this.timeoutHandle=-1,this.callbackNode=this.pendingContext=this.context=null,this.callbackPriority=0,this.eventTimes=gt(0),this.expirationTimes=gt(-1),this.entangledLanes=this.finishedLanes=this.mutableReadLanes=this.expiredLanes=this.pingedLanes=this.suspendedLanes=this.pendingLanes=0,this.entanglements=gt(0),this.identifierPrefix=r,this.onRecoverableError=o,this.mutableSourceEagerHydrationData=null}function Bc(e,t,n,r,o,a,i,s,l){return e=new zc(e,t,n,s,l),1===t?(t=1,!0===a&&(t|=8)):t=0,a=Pc(3,null,null,t),e.current=a,a.stateNode=e,a.memoizedState={element:r,isDehydrated:n,cache:null,transitions:null,pendingSuspenseBoundaries:null},Ma(a),e}function Uc(e){if(!e)return Ao;e:{if(qe(e=e._reactInternals)!==e||1!==e.tag)throw Error(a(170));var t=e;do{switch(t.tag){case 3:t=t.stateNode.context;break e;case 1:if(Io(t.type)){t=t.stateNode.__reactInternalMemoizedMergedChildContext;break e}}t=t.return}while(null!==t);throw Error(a(171))}if(1===e.tag){var n=e.type;if(Io(n))return Do(e,n,t)}return t}function qc(e,t,n,r,o,a,i,s,l){return(e=Bc(n,r,!0,e,0,a,0,s,l)).context=Uc(null),n=e.current,(a=za(r=ec(),o=tc(n))).callback=null!=t?t:null,Ba(n,a,o),e.current.lanes=o,bt(e,o,r),rc(e,r),e}function $c(e,t,n,r){var o=t.current,a=ec(),i=tc(o);return n=Uc(n),null===t.context?t.context=n:t.pendingContext=n,(t=za(a,i)).payload={element:e},null!==(r=void 0===r?null:r)&&(t.callback=r),null!==(e=Ba(o,t,i))&&(nc(e,o,i,a),Ua(e,o,i)),i}function Hc(e){return(e=e.current).child?(e.child.tag,e.child.stateNode):null}function Vc(e,t){if(null!==(e=e.memoizedState)&&null!==e.dehydrated){var n=e.retryLane;e.retryLane=0!==n&&n<t?n:t}}function Gc(e,t){Vc(e,t),(e=e.alternate)&&Vc(e,t)}kl=function(e,t,n){if(null!==e)if(e.memoizedProps!==t.pendingProps||To.current)vs=!0;else{if(!(e.lanes&n||128&t.flags))return vs=!1,function(e,t,n){switch(t.tag){case 3:Os(t),ma();break;case 5:Ja(t);break;case 1:Io(t.type)&&Mo(t);break;case 4:Ya(t,t.stateNode.containerInfo);break;case 10:var r=t.type._context,o=t.memoizedProps.value;jo(ka,r._currentValue),r._currentValue=o;break;case 13:if(null!==(r=t.memoizedState))return null!==r.dehydrated?(jo(ei,1&ei.current),t.flags|=128,null):n&t.child.childLanes?Ms(e,t,n):(jo(ei,1&ei.current),null!==(e=Hs(e,t,n))?e.sibling:null);jo(ei,1&ei.current);break;case 19:if(r=!!(n&t.childLanes),128&e.flags){if(r)return qs(e,t,n);t.flags|=128}if(null!==(o=t.memoizedState)&&(o.rendering=null,o.tail=null,o.lastEffect=null),jo(ei,ei.current),r)break;return null;case 22:case 23:return t.lanes=0,Es(e,t,n)}return Hs(e,t,n)}(e,t,n);vs=!!(131072&e.flags)}else vs=!1,aa&&1048576&t.flags&&ea(t,Wo,t.index);switch(t.lanes=0,t.tag){case 2:var r=t.type;$s(e,t),e=t.pendingProps;var o=Lo(t,Oo.current);Ta(t,n),o=gi(null,t,r,e,o,n);var i=bi();return t.flags|=1,"object"==typeof o&&null!==o&&"function"==typeof o.render&&void 0===o.$$typeof?(t.tag=1,t.memoizedState=null,t.updateQueue=null,Io(r)?(i=!0,Mo(t)):i=!1,t.memoizedState=null!==o.state&&void 0!==o.state?o.state:null,Ma(t),o.updater=os,t.stateNode=o,o._reactInternals=t,ls(t,r,e,n),t=As(null,t,r,!0,i,n)):(t.tag=0,aa&&i&&ta(t),ws(null,t,o,n),t=t.child),t;case 16:r=t.elementType;e:{switch($s(e,t),e=t.pendingProps,r=(o=r._init)(r._payload),t.type=r,o=t.tag=function(e){if("function"==typeof e)return Lc(e)?1:0;if(null!=e){if((e=e.$$typeof)===A)return 11;if(e===P)return 14}return 2}(r),e=ns(r,e),o){case 0:t=Cs(null,t,r,e,n);break e;case 1:t=js(null,t,r,e,n);break e;case 11:t=Ss(null,t,r,e,n);break e;case 14:t=xs(null,t,r,ns(r.type,e),n);break e}throw Error(a(306,r,""))}return t;case 0:return r=t.type,o=t.pendingProps,Cs(e,t,r,o=t.elementType===r?o:ns(r,o),n);case 1:return r=t.type,o=t.pendingProps,js(e,t,r,o=t.elementType===r?o:ns(r,o),n);case 3:e:{if(Os(t),null===e)throw Error(a(387));r=t.pendingProps,o=(i=t.memoizedState).element,Fa(e,t),$a(t,r,null,n);var s=t.memoizedState;if(r=s.element,i.isDehydrated){if(i={element:r,isDehydrated:!1,cache:s.cache,pendingSuspenseBoundaries:s.pendingSuspenseBoundaries,transitions:s.transitions},t.updateQueue.baseState=i,t.memoizedState=i,256&t.flags){t=Ts(e,t,r,n,o=cs(Error(a(423)),t));break e}if(r!==o){t=Ts(e,t,r,n,o=cs(Error(a(424)),t));break e}for(oa=co(t.stateNode.containerInfo.firstChild),ra=t,aa=!0,ia=null,n=xa(t,null,r,n),t.child=n;n;)n.flags=-3&n.flags|4096,n=n.sibling}else{if(ma(),r===o){t=Hs(e,t,n);break e}ws(e,t,r,n)}t=t.child}return t;case 5:return Ja(t),null===e&&ua(t),r=t.type,o=t.pendingProps,i=null!==e?e.memoizedProps:null,s=o.children,no(r,o)?s=null:null!==i&&no(r,i)&&(t.flags|=32),_s(e,t),ws(e,t,s,n),t.child;case 6:return null===e&&ua(t),null;case 13:return Ms(e,t,n);case 4:return Ya(t,t.stateNode.containerInfo),r=t.pendingProps,null===e?t.child=Sa(t,null,r,n):ws(e,t,r,n),t.child;case 11:return r=t.type,o=t.pendingProps,Ss(e,t,r,o=t.elementType===r?o:ns(r,o),n);case 7:return ws(e,t,t.pendingProps,n),t.child;case 8:case 12:return ws(e,t,t.pendingProps.children,n),t.child;case 10:e:{if(r=t.type._context,o=t.pendingProps,i=t.memoizedProps,s=o.value,jo(ka,r._currentValue),r._currentValue=s,null!==i)if(sr(i.value,s)){if(i.children===o.children&&!To.current){t=Hs(e,t,n);break e}}else for(null!==(i=t.child)&&(i.return=t);null!==i;){var l=i.dependencies;if(null!==l){s=i.child;for(var c=l.firstContext;null!==c;){if(c.context===r){if(1===i.tag){(c=za(-1,n&-n)).tag=2;var u=i.updateQueue;if(null!==u){var d=(u=u.shared).pending;null===d?c.next=c:(c.next=d.next,d.next=c),u.pending=c}}i.lanes|=n,null!==(c=i.alternate)&&(c.lanes|=n),Oa(i.return,n,t),l.lanes|=n;break}c=c.next}}else if(10===i.tag)s=i.type===t.type?null:i.child;else if(18===i.tag){if(null===(s=i.return))throw Error(a(341));s.lanes|=n,null!==(l=s.alternate)&&(l.lanes|=n),Oa(s,n,t),s=i.sibling}else s=i.child;if(null!==s)s.return=i;else for(s=i;null!==s;){if(s===t){s=null;break}if(null!==(i=s.sibling)){i.return=s.return,s=i;break}s=s.return}i=s}ws(e,t,o.children,n),t=t.child}return t;case 9:return o=t.type,r=t.pendingProps.children,Ta(t,n),r=r(o=Pa(o)),t.flags|=1,ws(e,t,r,n),t.child;case 14:return o=ns(r=t.type,t.pendingProps),xs(e,t,r,o=ns(r.type,o),n);case 15:return ks(e,t,t.type,t.pendingProps,n);case 17:return r=t.type,o=t.pendingProps,o=t.elementType===r?o:ns(r,o),$s(e,t),t.tag=1,Io(r)?(e=!0,Mo(t)):e=!1,Ta(t,n),is(t,r,o),ls(t,r,o,n),As(null,t,r,!0,e,n);case 19:return qs(e,t,n);case 22:return Es(e,t,n)}throw Error(a(156,t.tag))};var Wc="function"==typeof reportError?reportError:function(e){console.error(e)};function Kc(e){this._internalRoot=e}function Qc(e){this._internalRoot=e}function Yc(e){return!(!e||1!==e.nodeType&&9!==e.nodeType&&11!==e.nodeType)}function Zc(e){return!(!e||1!==e.nodeType&&9!==e.nodeType&&11!==e.nodeType&&(8!==e.nodeType||" react-mount-point-unstable "!==e.nodeValue))}function Jc(){}function Xc(e,t,n,r,o){var a=n._reactRootContainer;if(a){var i=a;if("function"==typeof o){var s=o;o=function(){var e=Hc(i);s.call(e)}}$c(t,i,e,o)}else i=function(e,t,n,r,o){if(o){if("function"==typeof r){var a=r;r=function(){var e=Hc(i);a.call(e)}}var i=qc(t,r,e,0,null,!1,0,"",Jc);return e._reactRootContainer=i,e[ho]=i.current,qr(8===e.nodeType?e.parentNode:e),uc(),i}for(;o=e.lastChild;)e.removeChild(o);if("function"==typeof r){var s=r;r=function(){var e=Hc(l);s.call(e)}}var l=Bc(e,0,!1,null,0,!1,0,"",Jc);return e._reactRootContainer=l,e[ho]=l.current,qr(8===e.nodeType?e.parentNode:e),uc((function(){$c(t,l,n,r)})),l}(n,t,e,o,r);return Hc(i)}Qc.prototype.render=Kc.prototype.render=function(e){var t=this._internalRoot;if(null===t)throw Error(a(409));$c(e,t,null,null)},Qc.prototype.unmount=Kc.prototype.unmount=function(){var e=this._internalRoot;if(null!==e){this._internalRoot=null;var t=e.containerInfo;uc((function(){$c(null,e,null,null)})),t[ho]=null}},Qc.prototype.unstable_scheduleHydration=function(e){if(e){var t=Et();e={blockedOn:null,target:e,priority:t};for(var n=0;n<It.length&&0!==t&&t<It[n].priority;n++);It.splice(n,0,e),0===n&&Mt(e)}},St=function(e){switch(e.tag){case 3:var t=e.stateNode;if(t.current.memoizedState.isDehydrated){var n=dt(t.pendingLanes);0!==n&&(yt(t,1|n),rc(t,Ze()),!(6&Al)&&(ql=Ze()+500,$o()))}break;case 13:uc((function(){var t=Na(e,1);if(null!==t){var n=ec();nc(t,e,1,n)}})),Gc(e,1)}},xt=function(e){if(13===e.tag){var t=Na(e,134217728);if(null!==t)nc(t,e,134217728,ec());Gc(e,134217728)}},kt=function(e){if(13===e.tag){var t=tc(e),n=Na(e,t);if(null!==n)nc(n,e,t,ec());Gc(e,t)}},Et=function(){return vt},_t=function(e,t){var n=vt;try{return vt=e,t()}finally{vt=n}},xe=function(e,t,n){switch(t){case"input":if(J(e,n),t=n.name,"radio"===n.type&&null!=t){for(n=e;n.parentNode;)n=n.parentNode;for(n=n.querySelectorAll("input[name="+JSON.stringify(""+t)+'][type="radio"]'),t=0;t<n.length;t++){var r=n[t];if(r!==e&&r.form===e.form){var o=xo(r);if(!o)throw Error(a(90));W(r),J(r,o)}}}break;case"textarea":ae(e,n);break;case"select":null!=(t=n.value)&&ne(e,!!n.multiple,t,!1)}},Ae=cc,Oe=uc;var eu={usingClientEntryPoint:!1,Events:[wo,So,xo,Ce,je,cc]},tu={findFiberByHostInstance:vo,bundleType:0,version:"18.3.1",rendererPackageName:"react-dom"},nu={bundleType:tu.bundleType,version:tu.version,rendererPackageName:tu.rendererPackageName,rendererConfig:tu.rendererConfig,overrideHookState:null,overrideHookStateDeletePath:null,overrideHookStateRenamePath:null,overrideProps:null,overridePropsDeletePath:null,overridePropsRenamePath:null,setErrorHandler:null,setSuspenseHandler:null,scheduleUpdate:null,currentDispatcherRef:w.ReactCurrentDispatcher,findHostInstanceByFiber:function(e){return null===(e=Ve(e))?null:e.stateNode},findFiberByHostInstance:tu.findFiberByHostInstance||function(){return null},findHostInstancesForRefresh:null,scheduleRefresh:null,scheduleRoot:null,setRefreshHandler:null,getCurrentFiber:null,reconcilerVersion:"18.3.1-next-f1338f8080-20240426"};if("undefined"!=typeof __REACT_DEVTOOLS_GLOBAL_HOOK__){var ru=__REACT_DEVTOOLS_GLOBAL_HOOK__;if(!ru.isDisabled&&ru.supportsFiber)try{ot=ru.inject(nu),at=ru}catch(ue){}}t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED=eu,t.createPortal=function(e,t){var n=2<arguments.length&&void 0!==arguments[2]?arguments[2]:null;if(!Yc(t))throw Error(a(200));return function(e,t,n){var r=3<arguments.length&&void 0!==arguments[3]?arguments[3]:null;return{$$typeof:x,key:null==r?null:""+r,children:e,containerInfo:t,implementation:n}}(e,t,null,n)},t.createRoot=function(e,t){if(!Yc(e))throw Error(a(299));var n=!1,r="",o=Wc;return null!=t&&(!0===t.unstable_strictMode&&(n=!0),void 0!==t.identifierPrefix&&(r=t.identifierPrefix),void 0!==t.onRecoverableError&&(o=t.onRecoverableError)),t=Bc(e,1,!1,null,0,n,0,r,o),e[ho]=t.current,qr(8===e.nodeType?e.parentNode:e),new Kc(t)},t.findDOMNode=function(e){if(null==e)return null;if(1===e.nodeType)return e;var t=e._reactInternals;if(void 0===t){if("function"==typeof e.render)throw Error(a(188));throw e=Object.keys(e).join(","),Error(a(268,e))}return e=null===(e=Ve(t))?null:e.stateNode},t.flushSync=function(e){return uc(e)},t.hydrate=function(e,t,n){if(!Zc(t))throw Error(a(200));return Xc(null,e,t,!0,n)},t.hydrateRoot=function(e,t,n){if(!Yc(e))throw Error(a(405));var r=null!=n&&n.hydratedSources||null,o=!1,i="",s=Wc;if(null!=n&&(!0===n.unstable_strictMode&&(o=!0),void 0!==n.identifierPrefix&&(i=n.identifierPrefix),void 0!==n.onRecoverableError&&(s=n.onRecoverableError)),t=qc(t,null,e,1,null!=n?n:null,o,0,i,s),e[ho]=t.current,qr(e),r)for(e=0;e<r.length;e++)o=(o=(n=r[e])._getVersion)(n._source),null==t.mutableSourceEagerHydrationData?t.mutableSourceEagerHydrationData=[n,o]:t.mutableSourceEagerHydrationData.push(n,o);return new Qc(t)},t.render=function(e,t,n){if(!Zc(t))throw Error(a(200));return Xc(null,e,t,!1,n)},t.unmountComponentAtNode=function(e){if(!Zc(e))throw Error(a(40));return!!e._reactRootContainer&&(uc((function(){Xc(null,null,e,!1,(function(){e._reactRootContainer=null,e[ho]=null}))})),!0)},t.unstable_batchedUpdates=cc,t.unstable_renderSubtreeIntoContainer=function(e,t,n,r){if(!Zc(n))throw Error(a(200));if(null==e||void 0===e._reactInternals)throw Error(a(38));return Xc(e,t,n,!1,r)},t.version="18.3.1-next-f1338f8080-20240426"},9576:(e,t,n)=>{"use strict";var r=n(8143);t.createRoot=r.createRoot,t.hydrateRoot=r.hydrateRoot},8143:(e,t,n)=>{"use strict";!function e(){if("undefined"!=typeof __REACT_DEVTOOLS_GLOBAL_HOOK__&&"function"==typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE)try{__REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE(e)}catch(t){console.error(t)}}(),e.exports=n(9481)},4072:e=>{var t="undefined"!=typeof Element,n="function"==typeof Map,r="function"==typeof Set,o="function"==typeof ArrayBuffer&&!!ArrayBuffer.isView;function a(e,i){if(e===i)return!0;if(e&&i&&"object"==typeof e&&"object"==typeof i){if(e.constructor!==i.constructor)return!1;var s,l,c,u;if(Array.isArray(e)){if((s=e.length)!=i.length)return!1;for(l=s;0!=l--;)if(!a(e[l],i[l]))return!1;return!0}if(n&&e instanceof Map&&i instanceof Map){if(e.size!==i.size)return!1;for(u=e.entries();!(l=u.next()).done;)if(!i.has(l.value[0]))return!1;for(u=e.entries();!(l=u.next()).done;)if(!a(l.value[1],i.get(l.value[0])))return!1;return!0}if(r&&e instanceof Set&&i instanceof Set){if(e.size!==i.size)return!1;for(u=e.entries();!(l=u.next()).done;)if(!i.has(l.value[0]))return!1;return!0}if(o&&ArrayBuffer.isView(e)&&ArrayBuffer.isView(i)){if((s=e.length)!=i.length)return!1;for(l=s;0!=l--;)if(e[l]!==i[l])return!1;return!0}if(e.constructor===RegExp)return e.source===i.source&&e.flags===i.flags;if(e.valueOf!==Object.prototype.valueOf&&"function"==typeof e.valueOf&&"function"==typeof i.valueOf)return e.valueOf()===i.valueOf();if(e.toString!==Object.prototype.toString&&"function"==typeof e.toString&&"function"==typeof i.toString)return e.toString()===i.toString();if((s=(c=Object.keys(e)).length)!==Object.keys(i).length)return!1;for(l=s;0!=l--;)if(!Object.prototype.hasOwnProperty.call(i,c[l]))return!1;if(t&&e instanceof Element)return!1;for(l=s;0!=l--;)if(("_owner"!==c[l]&&"__v"!==c[l]&&"__o"!==c[l]||!e.$$typeof)&&!a(e[c[l]],i[c[l]]))return!1;return!0}return e!=e&&i!=i}e.exports=function(e,t){try{return a(e,t)}catch(n){if((n.message||"").match(/stack|recursion/i))return console.warn("react-fast-compare cannot handle circular refs"),!1;throw n}}},248:(e,t,n)=>{"use strict";n.d(t,{mg:()=>X,vd:()=>V});var r=n(758),o=n(2736),a=n.n(o),i=n(4072),s=n.n(i),l=n(9597),c=n.n(l),u=n(2945),d=n.n(u);function p(){return p=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},p.apply(this,arguments)}function f(e,t){e.prototype=Object.create(t.prototype),e.prototype.constructor=e,m(e,t)}function m(e,t){return m=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e},m(e,t)}function h(e,t){if(null==e)return{};var n,r,o={},a=Object.keys(e);for(r=0;r<a.length;r++)t.indexOf(n=a[r])>=0||(o[n]=e[n]);return o}var g={BASE:"base",BODY:"body",HEAD:"head",HTML:"html",LINK:"link",META:"meta",NOSCRIPT:"noscript",SCRIPT:"script",STYLE:"style",TITLE:"title",FRAGMENT:"Symbol(react.fragment)"},b={rel:["amphtml","canonical","alternate"]},y={type:["application/ld+json"]},v={charset:"",name:["robots","description"],property:["og:type","og:title","og:url","og:image","og:image:alt","og:description","twitter:url","twitter:title","twitter:description","twitter:image","twitter:image:alt","twitter:card","twitter:site"]},w=Object.keys(g).map((function(e){return g[e]})),S={accesskey:"accessKey",charset:"charSet",class:"className",contenteditable:"contentEditable",contextmenu:"contextMenu","http-equiv":"httpEquiv",itemprop:"itemProp",tabindex:"tabIndex"},x=Object.keys(S).reduce((function(e,t){return e[S[t]]=t,e}),{}),k=function(e,t){for(var n=e.length-1;n>=0;n-=1){var r=e[n];if(Object.prototype.hasOwnProperty.call(r,t))return r[t]}return null},E=function(e){var t=k(e,g.TITLE),n=k(e,"titleTemplate");if(Array.isArray(t)&&(t=t.join("")),n&&t)return n.replace(/%s/g,(function(){return t}));var r=k(e,"defaultTitle");return t||r||void 0},_=function(e){return k(e,"onChangeClientState")||function(){}},C=function(e,t){return t.filter((function(t){return void 0!==t[e]})).map((function(t){return t[e]})).reduce((function(e,t){return p({},e,t)}),{})},j=function(e,t){return t.filter((function(e){return void 0!==e[g.BASE]})).map((function(e){return e[g.BASE]})).reverse().reduce((function(t,n){if(!t.length)for(var r=Object.keys(n),o=0;o<r.length;o+=1){var a=r[o].toLowerCase();if(-1!==e.indexOf(a)&&n[a])return t.concat(n)}return t}),[])},A=function(e,t,n){var r={};return n.filter((function(t){return!!Array.isArray(t[e])||(void 0!==t[e]&&console&&"function"==typeof console.warn&&console.warn("Helmet: "+e+' should be of type "Array". Instead found type "'+typeof t[e]+'"'),!1)})).map((function(t){return t[e]})).reverse().reduce((function(e,n){var o={};n.filter((function(e){for(var n,a=Object.keys(e),i=0;i<a.length;i+=1){var s=a[i],l=s.toLowerCase();-1===t.indexOf(l)||"rel"===n&&"canonical"===e[n].toLowerCase()||"rel"===l&&"stylesheet"===e[l].toLowerCase()||(n=l),-1===t.indexOf(s)||"innerHTML"!==s&&"cssText"!==s&&"itemprop"!==s||(n=s)}if(!n||!e[n])return!1;var c=e[n].toLowerCase();return r[n]||(r[n]={}),o[n]||(o[n]={}),!r[n][c]&&(o[n][c]=!0,!0)})).reverse().forEach((function(t){return e.push(t)}));for(var a=Object.keys(o),i=0;i<a.length;i+=1){var s=a[i],l=p({},r[s],o[s]);r[s]=l}return e}),[]).reverse()},O=function(e,t){if(Array.isArray(e)&&e.length)for(var n=0;n<e.length;n+=1)if(e[n][t])return!0;return!1},T=function(e){return Array.isArray(e)?e.join(""):e},P=function(e,t){return Array.isArray(e)?e.reduce((function(e,n){return function(e,t){for(var n=Object.keys(e),r=0;r<n.length;r+=1)if(t[n[r]]&&t[n[r]].includes(e[n[r]]))return!0;return!1}(n,t)?e.priority.push(n):e.default.push(n),e}),{priority:[],default:[]}):{default:e}},L=function(e,t){var n;return p({},e,((n={})[t]=void 0,n))},I=[g.NOSCRIPT,g.SCRIPT,g.STYLE],R=function(e,t){return void 0===t&&(t=!0),!1===t?String(e):String(e).replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;").replace(/'/g,"&#x27;")},N=function(e){return Object.keys(e).reduce((function(t,n){var r=void 0!==e[n]?n+'="'+e[n]+'"':""+n;return t?t+" "+r:r}),"")},D=function(e,t){return void 0===t&&(t={}),Object.keys(e).reduce((function(t,n){return t[S[n]||n]=e[n],t}),t)},M=function(e,t){return t.map((function(t,n){var o,a=((o={key:n})["data-rh"]=!0,o);return Object.keys(t).forEach((function(e){var n=S[e]||e;"innerHTML"===n||"cssText"===n?a.dangerouslySetInnerHTML={__html:t.innerHTML||t.cssText}:a[n]=t[e]})),r.createElement(e,a)}))},F=function(e,t,n){switch(e){case g.TITLE:return{toComponent:function(){return n=t.titleAttributes,(o={key:e=t.title})["data-rh"]=!0,a=D(n,o),[r.createElement(g.TITLE,a,e)];var e,n,o,a},toString:function(){return function(e,t,n,r){var o=N(n),a=T(t);return o?"<"+e+' data-rh="true" '+o+">"+R(a,r)+"</"+e+">":"<"+e+' data-rh="true">'+R(a,r)+"</"+e+">"}(e,t.title,t.titleAttributes,n)}};case"bodyAttributes":case"htmlAttributes":return{toComponent:function(){return D(t)},toString:function(){return N(t)}};default:return{toComponent:function(){return M(e,t)},toString:function(){return function(e,t,n){return t.reduce((function(t,r){var o=Object.keys(r).filter((function(e){return!("innerHTML"===e||"cssText"===e)})).reduce((function(e,t){var o=void 0===r[t]?t:t+'="'+R(r[t],n)+'"';return e?e+" "+o:o}),""),a=r.innerHTML||r.cssText||"",i=-1===I.indexOf(e);return t+"<"+e+' data-rh="true" '+o+(i?"/>":">"+a+"</"+e+">")}),"")}(e,t,n)}}}},z=function(e){var t=e.baseTag,n=e.bodyAttributes,r=e.encode,o=e.htmlAttributes,a=e.noscriptTags,i=e.styleTags,s=e.title,l=void 0===s?"":s,c=e.titleAttributes,u=e.linkTags,d=e.metaTags,p=e.scriptTags,f={toComponent:function(){},toString:function(){return""}};if(e.prioritizeSeoTags){var m=function(e){var t=e.linkTags,n=e.scriptTags,r=e.encode,o=P(e.metaTags,v),a=P(t,b),i=P(n,y);return{priorityMethods:{toComponent:function(){return[].concat(M(g.META,o.priority),M(g.LINK,a.priority),M(g.SCRIPT,i.priority))},toString:function(){return F(g.META,o.priority,r)+" "+F(g.LINK,a.priority,r)+" "+F(g.SCRIPT,i.priority,r)}},metaTags:o.default,linkTags:a.default,scriptTags:i.default}}(e);f=m.priorityMethods,u=m.linkTags,d=m.metaTags,p=m.scriptTags}return{priority:f,base:F(g.BASE,t,r),bodyAttributes:F("bodyAttributes",n,r),htmlAttributes:F("htmlAttributes",o,r),link:F(g.LINK,u,r),meta:F(g.META,d,r),noscript:F(g.NOSCRIPT,a,r),script:F(g.SCRIPT,p,r),style:F(g.STYLE,i,r),title:F(g.TITLE,{title:l,titleAttributes:c},r)}},B=[],U=function(e,t){var n=this;void 0===t&&(t="undefined"!=typeof document),this.instances=[],this.value={setHelmet:function(e){n.context.helmet=e},helmetInstances:{get:function(){return n.canUseDOM?B:n.instances},add:function(e){(n.canUseDOM?B:n.instances).push(e)},remove:function(e){var t=(n.canUseDOM?B:n.instances).indexOf(e);(n.canUseDOM?B:n.instances).splice(t,1)}}},this.context=e,this.canUseDOM=t,t||(e.helmet=z({baseTag:[],bodyAttributes:{},encodeSpecialCharacters:!0,htmlAttributes:{},linkTags:[],metaTags:[],noscriptTags:[],scriptTags:[],styleTags:[],title:"",titleAttributes:{}}))},q=r.createContext({}),$=a().shape({setHelmet:a().func,helmetInstances:a().shape({get:a().func,add:a().func,remove:a().func})}),H="undefined"!=typeof document,V=function(e){function t(n){var r;return(r=e.call(this,n)||this).helmetData=new U(r.props.context,t.canUseDOM),r}return f(t,e),t.prototype.render=function(){return r.createElement(q.Provider,{value:this.helmetData.value},this.props.children)},t}(r.Component);V.canUseDOM=H,V.propTypes={context:a().shape({helmet:a().shape()}),children:a().node.isRequired},V.defaultProps={context:{}},V.displayName="HelmetProvider";var G=function(e,t){var n,r=document.head||document.querySelector(g.HEAD),o=r.querySelectorAll(e+"[data-rh]"),a=[].slice.call(o),i=[];return t&&t.length&&t.forEach((function(t){var r=document.createElement(e);for(var o in t)Object.prototype.hasOwnProperty.call(t,o)&&("innerHTML"===o?r.innerHTML=t.innerHTML:"cssText"===o?r.styleSheet?r.styleSheet.cssText=t.cssText:r.appendChild(document.createTextNode(t.cssText)):r.setAttribute(o,void 0===t[o]?"":t[o]));r.setAttribute("data-rh","true"),a.some((function(e,t){return n=t,r.isEqualNode(e)}))?a.splice(n,1):i.push(r)})),a.forEach((function(e){return e.parentNode.removeChild(e)})),i.forEach((function(e){return r.appendChild(e)})),{oldTags:a,newTags:i}},W=function(e,t){var n=document.getElementsByTagName(e)[0];if(n){for(var r=n.getAttribute("data-rh"),o=r?r.split(","):[],a=[].concat(o),i=Object.keys(t),s=0;s<i.length;s+=1){var l=i[s],c=t[l]||"";n.getAttribute(l)!==c&&n.setAttribute(l,c),-1===o.indexOf(l)&&o.push(l);var u=a.indexOf(l);-1!==u&&a.splice(u,1)}for(var d=a.length-1;d>=0;d-=1)n.removeAttribute(a[d]);o.length===a.length?n.removeAttribute("data-rh"):n.getAttribute("data-rh")!==i.join(",")&&n.setAttribute("data-rh",i.join(","))}},K=function(e,t){var n=e.baseTag,r=e.htmlAttributes,o=e.linkTags,a=e.metaTags,i=e.noscriptTags,s=e.onChangeClientState,l=e.scriptTags,c=e.styleTags,u=e.title,d=e.titleAttributes;W(g.BODY,e.bodyAttributes),W(g.HTML,r),function(e,t){void 0!==e&&document.title!==e&&(document.title=T(e)),W(g.TITLE,t)}(u,d);var p={baseTag:G(g.BASE,n),linkTags:G(g.LINK,o),metaTags:G(g.META,a),noscriptTags:G(g.NOSCRIPT,i),scriptTags:G(g.SCRIPT,l),styleTags:G(g.STYLE,c)},f={},m={};Object.keys(p).forEach((function(e){var t=p[e],n=t.newTags,r=t.oldTags;n.length&&(f[e]=n),r.length&&(m[e]=p[e].oldTags)})),t&&t(),s(e,f,m)},Q=null,Y=function(e){function t(){for(var t,n=arguments.length,r=new Array(n),o=0;o<n;o++)r[o]=arguments[o];return(t=e.call.apply(e,[this].concat(r))||this).rendered=!1,t}f(t,e);var n=t.prototype;return n.shouldComponentUpdate=function(e){return!d()(e,this.props)},n.componentDidUpdate=function(){this.emitChange()},n.componentWillUnmount=function(){this.props.context.helmetInstances.remove(this),this.emitChange()},n.emitChange=function(){var e,t,n=this.props.context,r=n.setHelmet,o=null,a=(e=n.helmetInstances.get().map((function(e){var t=p({},e.props);return delete t.context,t})),{baseTag:j(["href"],e),bodyAttributes:C("bodyAttributes",e),defer:k(e,"defer"),encode:k(e,"encodeSpecialCharacters"),htmlAttributes:C("htmlAttributes",e),linkTags:A(g.LINK,["rel","href"],e),metaTags:A(g.META,["name","charset","http-equiv","property","itemprop"],e),noscriptTags:A(g.NOSCRIPT,["innerHTML"],e),onChangeClientState:_(e),scriptTags:A(g.SCRIPT,["src","innerHTML"],e),styleTags:A(g.STYLE,["cssText"],e),title:E(e),titleAttributes:C("titleAttributes",e),prioritizeSeoTags:O(e,"prioritizeSeoTags")});V.canUseDOM?(t=a,Q&&cancelAnimationFrame(Q),t.defer?Q=requestAnimationFrame((function(){K(t,(function(){Q=null}))})):(K(t),Q=null)):z&&(o=z(a)),r(o)},n.init=function(){this.rendered||(this.rendered=!0,this.props.context.helmetInstances.add(this),this.emitChange())},n.render=function(){return this.init(),null},t}(r.Component);Y.propTypes={context:$.isRequired},Y.displayName="HelmetDispatcher";var Z=["children"],J=["children"],X=function(e){function t(){return e.apply(this,arguments)||this}f(t,e);var n=t.prototype;return n.shouldComponentUpdate=function(e){return!s()(L(this.props,"helmetData"),L(e,"helmetData"))},n.mapNestedChildrenToProps=function(e,t){if(!t)return null;switch(e.type){case g.SCRIPT:case g.NOSCRIPT:return{innerHTML:t};case g.STYLE:return{cssText:t};default:throw new Error("<"+e.type+" /> elements are self-closing and can not contain children. Refer to our API for more information.")}},n.flattenArrayTypeChildren=function(e){var t,n=e.child,r=e.arrayTypeChildren;return p({},r,((t={})[n.type]=[].concat(r[n.type]||[],[p({},e.newChildProps,this.mapNestedChildrenToProps(n,e.nestedChildren))]),t))},n.mapObjectTypeChildren=function(e){var t,n,r=e.child,o=e.newProps,a=e.newChildProps,i=e.nestedChildren;switch(r.type){case g.TITLE:return p({},o,((t={})[r.type]=i,t.titleAttributes=p({},a),t));case g.BODY:return p({},o,{bodyAttributes:p({},a)});case g.HTML:return p({},o,{htmlAttributes:p({},a)});default:return p({},o,((n={})[r.type]=p({},a),n))}},n.mapArrayTypeChildrenToProps=function(e,t){var n=p({},t);return Object.keys(e).forEach((function(t){var r;n=p({},n,((r={})[t]=e[t],r))})),n},n.warnOnInvalidChildren=function(e,t){return c()(w.some((function(t){return e.type===t})),"function"==typeof e.type?"You may be attempting to nest <Helmet> components within each other, which is not allowed. Refer to our API for more information.":"Only elements types "+w.join(", ")+" are allowed. Helmet does not support rendering <"+e.type+"> elements. Refer to our API for more information."),c()(!t||"string"==typeof t||Array.isArray(t)&&!t.some((function(e){return"string"!=typeof e})),"Helmet expects a string as a child of <"+e.type+">. Did you forget to wrap your children in braces? ( <"+e.type+">{``}</"+e.type+"> ) Refer to our API for more information."),!0},n.mapChildrenToProps=function(e,t){var n=this,o={};return r.Children.forEach(e,(function(e){if(e&&e.props){var r=e.props,a=r.children,i=h(r,Z),s=Object.keys(i).reduce((function(e,t){return e[x[t]||t]=i[t],e}),{}),l=e.type;switch("symbol"==typeof l?l=l.toString():n.warnOnInvalidChildren(e,a),l){case g.FRAGMENT:t=n.mapChildrenToProps(a,t);break;case g.LINK:case g.META:case g.NOSCRIPT:case g.SCRIPT:case g.STYLE:o=n.flattenArrayTypeChildren({child:e,arrayTypeChildren:o,newChildProps:s,nestedChildren:a});break;default:t=n.mapObjectTypeChildren({child:e,newProps:t,newChildProps:s,nestedChildren:a})}}})),this.mapArrayTypeChildrenToProps(o,t)},n.render=function(){var e=this.props,t=e.children,n=h(e,J),o=p({},n),a=n.helmetData;return t&&(o=this.mapChildrenToProps(t,o)),!a||a instanceof U||(a=new U(a.context,a.instances)),a?r.createElement(Y,p({},o,{context:a.value,helmetData:void 0})):r.createElement(q.Consumer,null,(function(e){return r.createElement(Y,p({},o,{context:e}))}))},t}(r.Component);X.propTypes={base:a().object,bodyAttributes:a().object,children:a().oneOfType([a().arrayOf(a().node),a().node]),defaultTitle:a().string,defer:a().bool,encodeSpecialCharacters:a().bool,htmlAttributes:a().object,link:a().arrayOf(a().object),meta:a().arrayOf(a().object),noscript:a().arrayOf(a().object),onChangeClientState:a().func,script:a().arrayOf(a().object),style:a().arrayOf(a().object),title:a().string,titleAttributes:a().object,titleTemplate:a().string,prioritizeSeoTags:a().bool,helmetData:a().object},X.defaultProps={defer:!0,encodeSpecialCharacters:!0,prioritizeSeoTags:!1},X.displayName="Helmet"},5843:(e,t)=>{"use strict";var n="function"==typeof Symbol&&Symbol.for,r=n?Symbol.for("react.element"):60103,o=n?Symbol.for("react.portal"):60106,a=n?Symbol.for("react.fragment"):60107,i=n?Symbol.for("react.strict_mode"):60108,s=n?Symbol.for("react.profiler"):60114,l=n?Symbol.for("react.provider"):60109,c=n?Symbol.for("react.context"):60110,u=n?Symbol.for("react.async_mode"):60111,d=n?Symbol.for("react.concurrent_mode"):60111,p=n?Symbol.for("react.forward_ref"):60112,f=n?Symbol.for("react.suspense"):60113,m=n?Symbol.for("react.suspense_list"):60120,h=n?Symbol.for("react.memo"):60115,g=n?Symbol.for("react.lazy"):60116,b=n?Symbol.for("react.block"):60121,y=n?Symbol.for("react.fundamental"):60117,v=n?Symbol.for("react.responder"):60118,w=n?Symbol.for("react.scope"):60119;function S(e){if("object"==typeof e&&null!==e){var t=e.$$typeof;switch(t){case r:switch(e=e.type){case u:case d:case a:case s:case i:case f:return e;default:switch(e=e&&e.$$typeof){case c:case p:case g:case h:case l:return e;default:return t}}case o:return t}}}function x(e){return S(e)===d}t.AsyncMode=u,t.ConcurrentMode=d,t.ContextConsumer=c,t.ContextProvider=l,t.Element=r,t.ForwardRef=p,t.Fragment=a,t.Lazy=g,t.Memo=h,t.Portal=o,t.Profiler=s,t.StrictMode=i,t.Suspense=f,t.isAsyncMode=function(e){return x(e)||S(e)===u},t.isConcurrentMode=x,t.isContextConsumer=function(e){return S(e)===c},t.isContextProvider=function(e){return S(e)===l},t.isElement=function(e){return"object"==typeof e&&null!==e&&e.$$typeof===r},t.isForwardRef=function(e){return S(e)===p},t.isFragment=function(e){return S(e)===a},t.isLazy=function(e){return S(e)===g},t.isMemo=function(e){return S(e)===h},t.isPortal=function(e){return S(e)===o},t.isProfiler=function(e){return S(e)===s},t.isStrictMode=function(e){return S(e)===i},t.isSuspense=function(e){return S(e)===f},t.isValidElementType=function(e){return"string"==typeof e||"function"==typeof e||e===a||e===d||e===s||e===i||e===f||e===m||"object"==typeof e&&null!==e&&(e.$$typeof===g||e.$$typeof===h||e.$$typeof===l||e.$$typeof===c||e.$$typeof===p||e.$$typeof===y||e.$$typeof===v||e.$$typeof===w||e.$$typeof===b)},t.typeOf=S},5959:(e,t,n)=>{"use strict";e.exports=n(5843)},389:(e,t,n)=>{"use strict";n.d(t,{u:()=>i,v:()=>s});var r=n(5557),o=n(991),a=n(758);function i(e,t,n){return void 0===n&&(n=[]),e.some((function(e){var o=e.path?(0,r.B6)(t,e):n.length?n[n.length-1].match:r.Ix.computeRootMatch(t);return o&&(n.push({route:e,match:o}),e.routes&&i(e.routes,t,n)),o})),n}function s(e,t,n){return void 0===t&&(t={}),void 0===n&&(n={}),e?a.createElement(r.dO,n,e.map((function(e,n){return a.createElement(r.qh,{key:e.key||n,path:e.path,exact:e.exact,strict:e.strict,render:function(n){return e.render?e.render((0,o.A)({},n,{},t,{route:e})):a.createElement(e.component,(0,o.A)({},n,t,{route:e}))}})}))):null}},1742:(e,t,n)=>{"use strict";n.d(t,{I9:()=>d,Kd:()=>u,N_:()=>b,k2:()=>w});var r=n(5557),o=n(1141),a=n(758),i=n(3332),s=n(991),l=n(3302),c=n(5385),u=function(e){function t(){for(var t,n=arguments.length,r=new Array(n),o=0;o<n;o++)r[o]=arguments[o];return(t=e.call.apply(e,[this].concat(r))||this).history=(0,i.zR)(t.props),t}return(0,o.A)(t,e),t.prototype.render=function(){return a.createElement(r.Ix,{history:this.history,children:this.props.children})},t}(a.Component);var d=function(e){function t(){for(var t,n=arguments.length,r=new Array(n),o=0;o<n;o++)r[o]=arguments[o];return(t=e.call.apply(e,[this].concat(r))||this).history=(0,i.TM)(t.props),t}return(0,o.A)(t,e),t.prototype.render=function(){return a.createElement(r.Ix,{history:this.history,children:this.props.children})},t}(a.Component);var p=function(e,t){return"function"==typeof e?e(t):e},f=function(e,t){return"string"==typeof e?(0,i.yJ)(e,null,null,t):e},m=function(e){return e},h=a.forwardRef;void 0===h&&(h=m);var g=h((function(e,t){var n=e.innerRef,r=e.navigate,o=e.onClick,i=(0,l.A)(e,["innerRef","navigate","onClick"]),c=i.target,u=(0,s.A)({},i,{onClick:function(e){try{o&&o(e)}catch(t){throw e.preventDefault(),t}e.defaultPrevented||0!==e.button||c&&"_self"!==c||function(e){return!!(e.metaKey||e.altKey||e.ctrlKey||e.shiftKey)}(e)||(e.preventDefault(),r())}});return u.ref=m!==h&&t||n,a.createElement("a",u)}));var b=h((function(e,t){var n=e.component,o=void 0===n?g:n,u=e.replace,d=e.to,b=e.innerRef,y=(0,l.A)(e,["component","replace","to","innerRef"]);return a.createElement(r.XZ.Consumer,null,(function(e){e||(0,c.A)(!1);var n=e.history,r=f(p(d,e.location),e.location),l=r?n.createHref(r):"",g=(0,s.A)({},y,{href:l,navigate:function(){var t=p(d,e.location),r=(0,i.AO)(e.location)===(0,i.AO)(f(t));(u||r?n.replace:n.push)(t)}});return m!==h?g.ref=t||b:g.innerRef=b,a.createElement(o,g)}))})),y=function(e){return e},v=a.forwardRef;void 0===v&&(v=y);var w=v((function(e,t){var n=e["aria-current"],o=void 0===n?"page":n,i=e.activeClassName,u=void 0===i?"active":i,d=e.activeStyle,m=e.className,h=e.exact,g=e.isActive,w=e.location,S=e.sensitive,x=e.strict,k=e.style,E=e.to,_=e.innerRef,C=(0,l.A)(e,["aria-current","activeClassName","activeStyle","className","exact","isActive","location","sensitive","strict","style","to","innerRef"]);return a.createElement(r.XZ.Consumer,null,(function(e){e||(0,c.A)(!1);var n=w||e.location,i=f(p(E,n),n),l=i.pathname,j=l&&l.replace(/([.+*?=^!:${}()[\]|/\\])/g,"\\$1"),A=j?(0,r.B6)(n.pathname,{path:j,exact:h,sensitive:S,strict:x}):null,O=!!(g?g(A,n):A),T="function"==typeof m?m(O):m,P="function"==typeof k?k(O):k;O&&(T=function(){for(var e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];return t.filter((function(e){return e})).join(" ")}(T,u),P=(0,s.A)({},P,d));var L=(0,s.A)({"aria-current":O&&o||null,className:T,style:P,to:i},C);return y!==v?L.ref=t||_:L.innerRef=_,a.createElement(b,L)}))}))},5557:(e,t,n)=>{"use strict";n.d(t,{B6:()=>k,Ix:()=>v,W6:()=>L,XZ:()=>y,dO:()=>T,qh:()=>E,zy:()=>I});var r=n(1141),o=n(758),a=n(2736),i=n.n(a),s=n(3332),l=n(5385),c=n(991),u=n(6150),d=n.n(u),p=(n(5959),n(3302)),f=(n(1035),1073741823),m="undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:void 0!==n.g?n.g:{};var h=o.createContext||function(e,t){var n,a,s="__create-react-context-"+function(){var e="__global_unique_id__";return m[e]=(m[e]||0)+1}()+"__",l=function(e){function n(){for(var t,n,r,o=arguments.length,a=new Array(o),i=0;i<o;i++)a[i]=arguments[i];return(t=e.call.apply(e,[this].concat(a))||this).emitter=(n=t.props.value,r=[],{on:function(e){r.push(e)},off:function(e){r=r.filter((function(t){return t!==e}))},get:function(){return n},set:function(e,t){n=e,r.forEach((function(e){return e(n,t)}))}}),t}(0,r.A)(n,e);var o=n.prototype;return o.getChildContext=function(){var e;return(e={})[s]=this.emitter,e},o.componentWillReceiveProps=function(e){if(this.props.value!==e.value){var n,r=this.props.value,o=e.value;((a=r)===(i=o)?0!==a||1/a==1/i:a!=a&&i!=i)?n=0:(n="function"==typeof t?t(r,o):f,0!==(n|=0)&&this.emitter.set(e.value,n))}var a,i},o.render=function(){return this.props.children},n}(o.Component);l.childContextTypes=((n={})[s]=i().object.isRequired,n);var c=function(t){function n(){for(var e,n=arguments.length,r=new Array(n),o=0;o<n;o++)r[o]=arguments[o];return(e=t.call.apply(t,[this].concat(r))||this).observedBits=void 0,e.state={value:e.getValue()},e.onUpdate=function(t,n){(0|e.observedBits)&n&&e.setState({value:e.getValue()})},e}(0,r.A)(n,t);var o=n.prototype;return o.componentWillReceiveProps=function(e){var t=e.observedBits;this.observedBits=null==t?f:t},o.componentDidMount=function(){this.context[s]&&this.context[s].on(this.onUpdate);var e=this.props.observedBits;this.observedBits=null==e?f:e},o.componentWillUnmount=function(){this.context[s]&&this.context[s].off(this.onUpdate)},o.getValue=function(){return this.context[s]?this.context[s].get():e},o.render=function(){return(e=this.props.children,Array.isArray(e)?e[0]:e)(this.state.value);var e},n}(o.Component);return c.contextTypes=((a={})[s]=i().object,a),{Provider:l,Consumer:c}},g=function(e){var t=h();return t.displayName=e,t},b=g("Router-History"),y=g("Router"),v=function(e){function t(t){var n;return(n=e.call(this,t)||this).state={location:t.history.location},n._isMounted=!1,n._pendingLocation=null,t.staticContext||(n.unlisten=t.history.listen((function(e){n._pendingLocation=e}))),n}(0,r.A)(t,e),t.computeRootMatch=function(e){return{path:"/",url:"/",params:{},isExact:"/"===e}};var n=t.prototype;return n.componentDidMount=function(){var e=this;this._isMounted=!0,this.unlisten&&this.unlisten(),this.props.staticContext||(this.unlisten=this.props.history.listen((function(t){e._isMounted&&e.setState({location:t})}))),this._pendingLocation&&this.setState({location:this._pendingLocation})},n.componentWillUnmount=function(){this.unlisten&&(this.unlisten(),this._isMounted=!1,this._pendingLocation=null)},n.render=function(){return o.createElement(y.Provider,{value:{history:this.props.history,location:this.state.location,match:t.computeRootMatch(this.state.location.pathname),staticContext:this.props.staticContext}},o.createElement(b.Provider,{children:this.props.children||null,value:this.props.history}))},t}(o.Component);o.Component;o.Component;var w={},S=1e4,x=0;function k(e,t){void 0===t&&(t={}),("string"==typeof t||Array.isArray(t))&&(t={path:t});var n=t,r=n.path,o=n.exact,a=void 0!==o&&o,i=n.strict,s=void 0!==i&&i,l=n.sensitive,c=void 0!==l&&l;return[].concat(r).reduce((function(t,n){if(!n&&""!==n)return null;if(t)return t;var r=function(e,t){var n=""+t.end+t.strict+t.sensitive,r=w[n]||(w[n]={});if(r[e])return r[e];var o=[],a={regexp:d()(e,o,t),keys:o};return x<S&&(r[e]=a,x++),a}(n,{end:a,strict:s,sensitive:c}),o=r.regexp,i=r.keys,l=o.exec(e);if(!l)return null;var u=l[0],p=l.slice(1),f=e===u;return a&&!f?null:{path:n,url:"/"===n&&""===u?"/":u,isExact:f,params:i.reduce((function(e,t,n){return e[t.name]=p[n],e}),{})}}),null)}var E=function(e){function t(){return e.apply(this,arguments)||this}return(0,r.A)(t,e),t.prototype.render=function(){var e=this;return o.createElement(y.Consumer,null,(function(t){t||(0,l.A)(!1);var n=e.props.location||t.location,r=e.props.computedMatch?e.props.computedMatch:e.props.path?k(n.pathname,e.props):t.match,a=(0,c.A)({},t,{location:n,match:r}),i=e.props,s=i.children,u=i.component,d=i.render;return Array.isArray(s)&&function(e){return 0===o.Children.count(e)}(s)&&(s=null),o.createElement(y.Provider,{value:a},a.match?s?"function"==typeof s?s(a):s:u?o.createElement(u,a):d?d(a):null:"function"==typeof s?s(a):null)}))},t}(o.Component);function _(e){return"/"===e.charAt(0)?e:"/"+e}function C(e,t){if(!e)return t;var n=_(e);return 0!==t.pathname.indexOf(n)?t:(0,c.A)({},t,{pathname:t.pathname.substr(n.length)})}function j(e){return"string"==typeof e?e:(0,s.AO)(e)}function A(e){return function(){(0,l.A)(!1)}}function O(){}o.Component;var T=function(e){function t(){return e.apply(this,arguments)||this}return(0,r.A)(t,e),t.prototype.render=function(){var e=this;return o.createElement(y.Consumer,null,(function(t){t||(0,l.A)(!1);var n,r,a=e.props.location||t.location;return o.Children.forEach(e.props.children,(function(e){if(null==r&&o.isValidElement(e)){n=e;var i=e.props.path||e.props.from;r=i?k(a.pathname,(0,c.A)({},e.props,{path:i})):t.match}})),r?o.cloneElement(n,{location:a,computedMatch:r}):null}))},t}(o.Component);var P=o.useContext;function L(){return P(b)}function I(){return P(y).location}},7462:(e,t,n)=>{"use strict";var r=n(758),o=Symbol.for("react.element"),a=Symbol.for("react.fragment"),i=Object.prototype.hasOwnProperty,s=r.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,l={key:!0,ref:!0,__self:!0,__source:!0};function c(e,t,n){var r,a={},c=null,u=null;for(r in void 0!==n&&(c=""+n),void 0!==t.key&&(c=""+t.key),void 0!==t.ref&&(u=t.ref),t)i.call(t,r)&&!l.hasOwnProperty(r)&&(a[r]=t[r]);if(e&&e.defaultProps)for(r in t=e.defaultProps)void 0===a[r]&&(a[r]=t[r]);return{$$typeof:o,type:e,key:c,ref:u,props:a,_owner:s.current}}t.Fragment=a,t.jsx=c,t.jsxs=c},2713:(e,t)=>{"use strict";var n=Symbol.for("react.element"),r=Symbol.for("react.portal"),o=Symbol.for("react.fragment"),a=Symbol.for("react.strict_mode"),i=Symbol.for("react.profiler"),s=Symbol.for("react.provider"),l=Symbol.for("react.context"),c=Symbol.for("react.forward_ref"),u=Symbol.for("react.suspense"),d=Symbol.for("react.memo"),p=Symbol.for("react.lazy"),f=Symbol.iterator;var m={isMounted:function(){return!1},enqueueForceUpdate:function(){},enqueueReplaceState:function(){},enqueueSetState:function(){}},h=Object.assign,g={};function b(e,t,n){this.props=e,this.context=t,this.refs=g,this.updater=n||m}function y(){}function v(e,t,n){this.props=e,this.context=t,this.refs=g,this.updater=n||m}b.prototype.isReactComponent={},b.prototype.setState=function(e,t){if("object"!=typeof e&&"function"!=typeof e&&null!=e)throw Error("setState(...): takes an object of state variables to update or a function which returns an object of state variables.");this.updater.enqueueSetState(this,e,t,"setState")},b.prototype.forceUpdate=function(e){this.updater.enqueueForceUpdate(this,e,"forceUpdate")},y.prototype=b.prototype;var w=v.prototype=new y;w.constructor=v,h(w,b.prototype),w.isPureReactComponent=!0;var S=Array.isArray,x=Object.prototype.hasOwnProperty,k={current:null},E={key:!0,ref:!0,__self:!0,__source:!0};function _(e,t,r){var o,a={},i=null,s=null;if(null!=t)for(o in void 0!==t.ref&&(s=t.ref),void 0!==t.key&&(i=""+t.key),t)x.call(t,o)&&!E.hasOwnProperty(o)&&(a[o]=t[o]);var l=arguments.length-2;if(1===l)a.children=r;else if(1<l){for(var c=Array(l),u=0;u<l;u++)c[u]=arguments[u+2];a.children=c}if(e&&e.defaultProps)for(o in l=e.defaultProps)void 0===a[o]&&(a[o]=l[o]);return{$$typeof:n,type:e,key:i,ref:s,props:a,_owner:k.current}}function C(e){return"object"==typeof e&&null!==e&&e.$$typeof===n}var j=/\/+/g;function A(e,t){return"object"==typeof e&&null!==e&&null!=e.key?function(e){var t={"=":"=0",":":"=2"};return"$"+e.replace(/[=:]/g,(function(e){return t[e]}))}(""+e.key):t.toString(36)}function O(e,t,o,a,i){var s=typeof e;"undefined"!==s&&"boolean"!==s||(e=null);var l=!1;if(null===e)l=!0;else switch(s){case"string":case"number":l=!0;break;case"object":switch(e.$$typeof){case n:case r:l=!0}}if(l)return i=i(l=e),e=""===a?"."+A(l,0):a,S(i)?(o="",null!=e&&(o=e.replace(j,"$&/")+"/"),O(i,t,o,"",(function(e){return e}))):null!=i&&(C(i)&&(i=function(e,t){return{$$typeof:n,type:e.type,key:t,ref:e.ref,props:e.props,_owner:e._owner}}(i,o+(!i.key||l&&l.key===i.key?"":(""+i.key).replace(j,"$&/")+"/")+e)),t.push(i)),1;if(l=0,a=""===a?".":a+":",S(e))for(var c=0;c<e.length;c++){var u=a+A(s=e[c],c);l+=O(s,t,o,u,i)}else if(u=function(e){return null===e||"object"!=typeof e?null:"function"==typeof(e=f&&e[f]||e["@@iterator"])?e:null}(e),"function"==typeof u)for(e=u.call(e),c=0;!(s=e.next()).done;)l+=O(s=s.value,t,o,u=a+A(s,c++),i);else if("object"===s)throw t=String(e),Error("Objects are not valid as a React child (found: "+("[object Object]"===t?"object with keys {"+Object.keys(e).join(", ")+"}":t)+"). If you meant to render a collection of children, use an array instead.");return l}function T(e,t,n){if(null==e)return e;var r=[],o=0;return O(e,r,"","",(function(e){return t.call(n,e,o++)})),r}function P(e){if(-1===e._status){var t=e._result;(t=t()).then((function(t){0!==e._status&&-1!==e._status||(e._status=1,e._result=t)}),(function(t){0!==e._status&&-1!==e._status||(e._status=2,e._result=t)})),-1===e._status&&(e._status=0,e._result=t)}if(1===e._status)return e._result.default;throw e._result}var L={current:null},I={transition:null},R={ReactCurrentDispatcher:L,ReactCurrentBatchConfig:I,ReactCurrentOwner:k};function N(){throw Error("act(...) is not supported in production builds of React.")}t.Children={map:T,forEach:function(e,t,n){T(e,(function(){t.apply(this,arguments)}),n)},count:function(e){var t=0;return T(e,(function(){t++})),t},toArray:function(e){return T(e,(function(e){return e}))||[]},only:function(e){if(!C(e))throw Error("React.Children.only expected to receive a single React element child.");return e}},t.Component=b,t.Fragment=o,t.Profiler=i,t.PureComponent=v,t.StrictMode=a,t.Suspense=u,t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED=R,t.act=N,t.cloneElement=function(e,t,r){if(null==e)throw Error("React.cloneElement(...): The argument must be a React element, but you passed "+e+".");var o=h({},e.props),a=e.key,i=e.ref,s=e._owner;if(null!=t){if(void 0!==t.ref&&(i=t.ref,s=k.current),void 0!==t.key&&(a=""+t.key),e.type&&e.type.defaultProps)var l=e.type.defaultProps;for(c in t)x.call(t,c)&&!E.hasOwnProperty(c)&&(o[c]=void 0===t[c]&&void 0!==l?l[c]:t[c])}var c=arguments.length-2;if(1===c)o.children=r;else if(1<c){l=Array(c);for(var u=0;u<c;u++)l[u]=arguments[u+2];o.children=l}return{$$typeof:n,type:e.type,key:a,ref:i,props:o,_owner:s}},t.createContext=function(e){return(e={$$typeof:l,_currentValue:e,_currentValue2:e,_threadCount:0,Provider:null,Consumer:null,_defaultValue:null,_globalName:null}).Provider={$$typeof:s,_context:e},e.Consumer=e},t.createElement=_,t.createFactory=function(e){var t=_.bind(null,e);return t.type=e,t},t.createRef=function(){return{current:null}},t.forwardRef=function(e){return{$$typeof:c,render:e}},t.isValidElement=C,t.lazy=function(e){return{$$typeof:p,_payload:{_status:-1,_result:e},_init:P}},t.memo=function(e,t){return{$$typeof:d,type:e,compare:void 0===t?null:t}},t.startTransition=function(e){var t=I.transition;I.transition={};try{e()}finally{I.transition=t}},t.unstable_act=N,t.useCallback=function(e,t){return L.current.useCallback(e,t)},t.useContext=function(e){return L.current.useContext(e)},t.useDebugValue=function(){},t.useDeferredValue=function(e){return L.current.useDeferredValue(e)},t.useEffect=function(e,t){return L.current.useEffect(e,t)},t.useId=function(){return L.current.useId()},t.useImperativeHandle=function(e,t,n){return L.current.useImperativeHandle(e,t,n)},t.useInsertionEffect=function(e,t){return L.current.useInsertionEffect(e,t)},t.useLayoutEffect=function(e,t){return L.current.useLayoutEffect(e,t)},t.useMemo=function(e,t){return L.current.useMemo(e,t)},t.useReducer=function(e,t,n){return L.current.useReducer(e,t,n)},t.useRef=function(e){return L.current.useRef(e)},t.useState=function(e){return L.current.useState(e)},t.useSyncExternalStore=function(e,t,n){return L.current.useSyncExternalStore(e,t,n)},t.useTransition=function(){return L.current.useTransition()},t.version="18.3.1"},758:(e,t,n)=>{"use strict";e.exports=n(2713)},6070:(e,t,n)=>{"use strict";e.exports=n(7462)},4733:(e,t)=>{"use strict";function n(e,t){var n=e.length;e.push(t);e:for(;0<n;){var r=n-1>>>1,o=e[r];if(!(0<a(o,t)))break e;e[r]=t,e[n]=o,n=r}}function r(e){return 0===e.length?null:e[0]}function o(e){if(0===e.length)return null;var t=e[0],n=e.pop();if(n!==t){e[0]=n;e:for(var r=0,o=e.length,i=o>>>1;r<i;){var s=2*(r+1)-1,l=e[s],c=s+1,u=e[c];if(0>a(l,n))c<o&&0>a(u,l)?(e[r]=u,e[c]=n,r=c):(e[r]=l,e[s]=n,r=s);else{if(!(c<o&&0>a(u,n)))break e;e[r]=u,e[c]=n,r=c}}}return t}function a(e,t){var n=e.sortIndex-t.sortIndex;return 0!==n?n:e.id-t.id}if("object"==typeof performance&&"function"==typeof performance.now){var i=performance;t.unstable_now=function(){return i.now()}}else{var s=Date,l=s.now();t.unstable_now=function(){return s.now()-l}}var c=[],u=[],d=1,p=null,f=3,m=!1,h=!1,g=!1,b="function"==typeof setTimeout?setTimeout:null,y="function"==typeof clearTimeout?clearTimeout:null,v="undefined"!=typeof setImmediate?setImmediate:null;function w(e){for(var t=r(u);null!==t;){if(null===t.callback)o(u);else{if(!(t.startTime<=e))break;o(u),t.sortIndex=t.expirationTime,n(c,t)}t=r(u)}}function S(e){if(g=!1,w(e),!h)if(null!==r(c))h=!0,I(x);else{var t=r(u);null!==t&&R(S,t.startTime-e)}}function x(e,n){h=!1,g&&(g=!1,y(C),C=-1),m=!0;var a=f;try{for(w(n),p=r(c);null!==p&&(!(p.expirationTime>n)||e&&!O());){var i=p.callback;if("function"==typeof i){p.callback=null,f=p.priorityLevel;var s=i(p.expirationTime<=n);n=t.unstable_now(),"function"==typeof s?p.callback=s:p===r(c)&&o(c),w(n)}else o(c);p=r(c)}if(null!==p)var l=!0;else{var d=r(u);null!==d&&R(S,d.startTime-n),l=!1}return l}finally{p=null,f=a,m=!1}}"undefined"!=typeof navigator&&void 0!==navigator.scheduling&&void 0!==navigator.scheduling.isInputPending&&navigator.scheduling.isInputPending.bind(navigator.scheduling);var k,E=!1,_=null,C=-1,j=5,A=-1;function O(){return!(t.unstable_now()-A<j)}function T(){if(null!==_){var e=t.unstable_now();A=e;var n=!0;try{n=_(!0,e)}finally{n?k():(E=!1,_=null)}}else E=!1}if("function"==typeof v)k=function(){v(T)};else if("undefined"!=typeof MessageChannel){var P=new MessageChannel,L=P.port2;P.port1.onmessage=T,k=function(){L.postMessage(null)}}else k=function(){b(T,0)};function I(e){_=e,E||(E=!0,k())}function R(e,n){C=b((function(){e(t.unstable_now())}),n)}t.unstable_IdlePriority=5,t.unstable_ImmediatePriority=1,t.unstable_LowPriority=4,t.unstable_NormalPriority=3,t.unstable_Profiling=null,t.unstable_UserBlockingPriority=2,t.unstable_cancelCallback=function(e){e.callback=null},t.unstable_continueExecution=function(){h||m||(h=!0,I(x))},t.unstable_forceFrameRate=function(e){0>e||125<e?console.error("forceFrameRate takes a positive int between 0 and 125, forcing frame rates higher than 125 fps is not supported"):j=0<e?Math.floor(1e3/e):5},t.unstable_getCurrentPriorityLevel=function(){return f},t.unstable_getFirstCallbackNode=function(){return r(c)},t.unstable_next=function(e){switch(f){case 1:case 2:case 3:var t=3;break;default:t=f}var n=f;f=t;try{return e()}finally{f=n}},t.unstable_pauseExecution=function(){},t.unstable_requestPaint=function(){},t.unstable_runWithPriority=function(e,t){switch(e){case 1:case 2:case 3:case 4:case 5:break;default:e=3}var n=f;f=e;try{return t()}finally{f=n}},t.unstable_scheduleCallback=function(e,o,a){var i=t.unstable_now();switch("object"==typeof a&&null!==a?a="number"==typeof(a=a.delay)&&0<a?i+a:i:a=i,e){case 1:var s=-1;break;case 2:s=250;break;case 5:s=1073741823;break;case 4:s=1e4;break;default:s=5e3}return e={id:d++,callback:o,priorityLevel:e,startTime:a,expirationTime:s=a+s,sortIndex:-1},a>i?(e.sortIndex=a,n(u,e),null===r(c)&&e===r(u)&&(g?(y(C),C=-1):g=!0,R(S,a-i))):(e.sortIndex=s,n(c,e),h||m||(h=!0,I(x))),e},t.unstable_shouldYield=O,t.unstable_wrapCallback=function(e){var t=f;return function(){var n=f;f=t;try{return e.apply(this,arguments)}finally{f=n}}}},1896:(e,t,n)=>{"use strict";e.exports=n(4733)},2945:e=>{e.exports=function(e,t,n,r){var o=n?n.call(r,e,t):void 0;if(void 0!==o)return!!o;if(e===t)return!0;if("object"!=typeof e||!e||"object"!=typeof t||!t)return!1;var a=Object.keys(e),i=Object.keys(t);if(a.length!==i.length)return!1;for(var s=Object.prototype.hasOwnProperty.bind(t),l=0;l<a.length;l++){var c=a[l];if(!s(c))return!1;var u=e[c],d=t[c];if(!1===(o=n?n.call(r,u,d,c):void 0)||void 0===o&&u!==d)return!1}return!0}},4784:(e,t,n)=>{"use strict";n.r(t),n.d(t,{default:()=>r});const r={title:"Feature-Sliced Design",tagline:"Architectural methodology for frontend projects",organizationName:"feature-sliced",projectName:"documentation",url:"https://feature-sliced.design",favicon:"img/favicon/classic.png",baseUrl:"/ru/",i18n:{defaultLocale:"en",locales:["ru","en","uz","kr","ja"],localeConfigs:{ru:{label:"\u0420\u0443\u0441\u0441\u043a\u0438\u0439",direction:"ltr"},en:{label:"English",direction:"ltr"},uz:{label:"O'zbekcha",direction:"ltr"},kr:{label:"\ud55c\uad6d\uc5b4",direction:"ltr"},ja:{label:"\u65e5\u672c\u8a9e",direction:"ltr"}},path:"i18n"},presets:[["@docusaurus/preset-classic",{docs:{path:"i18n/en/docusaurus-plugin-content-docs/current",breadcrumbs:!0,editLocalizedFiles:!0,sidebarPath:"/home/runner/work/documentation/documentation/config/docusaurus/sidebars.docs.js",editUrl:"https://github.com/feature-sliced/documentation/edit/master/",showLastUpdateTime:!0,versions:{current:{label:"v2.0.0 \ud83c\udf70"}}},blog:{showReadingTime:!0,editUrl:"https://github.com/feature-sliced/documentation/edit/master/blog/",onInlineAuthors:"ignore"},theme:{customCss:"/home/runner/work/documentation/documentation/src/app/index.scss"},sitemap:{changefreq:"weekly",priority:.5}}]],plugins:[["@docusaurus/plugin-content-docs",{id:"community",breadcrumbs:!0,path:"i18n/en/docusaurus-plugin-content-docs/community",editLocalizedFiles:!0,routeBasePath:"community",editUrl:"https://github.com/feature-sliced/documentation/edit/master/",sidebarPath:"/home/runner/work/documentation/documentation/config/docusaurus/sidebars.community.js",showLastUpdateAuthor:!0,showLastUpdateTime:!0}],"docusaurus-plugin-sass",["@docusaurus/plugin-client-redirects",{redirects:[{from:"/branding",to:"/docs/branding"},{from:"/docs/guides/migration",to:"/docs/guides/migration/from-custom"},{from:"/docs/get-started/quick-start",to:"/docs/get-started/tutorial"},{from:"/docs/get-started/basics",to:"/docs/get-started/overview"},{from:["/docs/get-started/tutorial/decompose","/docs/get-started/tutorial/design-mockup","/docs/get-started/onboard/cheatsheet"],to:"/docs/get-started/cheatsheet"},{from:["/docs/about/alternatives/big-ball-of-mud","/docs/about/alternatives/design-principles","/docs/about/alternatives/ddd","/docs/about/alternatives/clean-architecture","/docs/about/alternatives/frameworks","/docs/about/alternatives/atomic-design","/docs/about/alternatives/smart-dumb-components","/docs/about/alternatives/feature-driven"],to:"/docs/about/alternatives"},{from:"/docs/reference/knowledge-types",to:"/docs/about/understanding/knowledge-types"},{from:"/docs/concepts/needs-driven",to:"/docs/about/understanding/needs-driven"},{from:"/docs/concepts/architecture",to:"/docs/about/understanding/architecture"},{from:"/docs/concepts/naming-adaptability",to:"/docs/about/understanding/naming"},{from:"/docs/concepts/signals",to:"/docs/about/understanding/signals"},{from:"/docs/concepts/abstractions",to:"/docs/about/understanding/abstractions"},{from:"/docs/concepts/decouple-entities",to:"/docs/reference/isolation/decouple-entities"},{from:"/docs/concepts/low-coupling",to:"/docs/reference/isolation/coupling-cohesion"},{from:"/docs/concepts/cross-communication",to:"/docs/reference/isolation"},{from:"/docs/concepts/app-splitting",to:"/docs/reference"},{from:"/docs/reference/units/decomposition",to:"/docs/reference"},{from:"/docs/reference/units",to:"/docs/reference"},{from:"/docs/reference/units/layers",to:"/docs/reference/layers"},{from:"/docs/reference/layers/overview",to:"/docs/reference/layers"},{from:"/docs/reference/units/layers/app",to:"/docs/reference/layers"},{from:"/docs/reference/units/layers/processes",to:"/docs/reference/layers"},{from:"/docs/reference/units/layers/pages",to:"/docs/reference/layers"},{from:"/docs/reference/units/layers/widgets",to:"/docs/reference/layers"},{from:"/docs/reference/layers/widgets",to:"/docs/reference/layers"},{from:"/docs/reference/units/layers/features",to:"/docs/reference/layers"},{from:"/docs/reference/units/layers/entities",to:"/docs/reference/layers"},{from:"/docs/reference/units/layers/shared",to:"/docs/reference/layers"},{from:"/docs/reference/units/segments",to:"/docs/reference/slices-segments"},{from:"/docs/concepts/issues/cross-imports",to:"/docs/guides/issues/cross-imports"},{from:"/docs/concepts/issues/desegmented",to:"/docs/guides/issues/desegmented"},{from:"/docs/concepts/issues/routes",to:"/docs/guides/issues/routes"},{from:"/docs/guides/examples/viewer",to:"/docs/guides/examples/auth"},{from:"/docs/guides/monorepo",to:"/docs/guides/examples/monorepo"},{from:"/docs/guides/white-labels",to:"/docs/guides/examples/white-labels"},{from:"/docs/guides/migration-from-v1",to:"/docs/guides/migration/from-v1"},{from:"/docs/guides/migration-from-legacy",to:"/docs/guides/migration/from-custom"},{from:"/docs/guides/usage-with-nextjs",to:"/docs/guides/tech/with-nextjs"},{from:"/docs/guides/migration/from-legacy",to:"/docs/guides/migration/from-custom"},{from:"/en/docs/about",to:"/docs/about"},{from:"/en/docs/about/alternatives",to:"/docs/about/alternatives"},{from:"/en/docs/about/mission",to:"/docs/about/mission"},{from:"/en/docs/about/motivation",to:"/docs/about/motivation"},{from:"/en/docs/about/promote/for-company",to:"/docs/about/promote/for-company"},{from:"/en/docs/about/promote/for-team",to:"/docs/about/promote/for-team"},{from:"/en/docs/about/promote/integration",to:"/docs/about/promote/integration"},{from:"/en/docs/about/promote/partial-application",to:"/docs/about/promote/partial-application"},{from:"/en/docs/branding",to:"/docs/branding"},{from:"/en/docs/get-started",to:"/docs/get-started"},{from:"/en/docs/get-started/overview",to:"/docs/get-started/overview"},{from:"/en/docs/get-started/cheatsheet",to:"/docs/get-started/cheatsheet"},{from:"/en/docs/get-started/faq",to:"/docs/get-started/faq"},{from:"/en/docs/get-started/tutorial",to:"/docs/get-started/tutorial"},{from:"/en/docs/guides",to:"/docs/guides"},{from:"/en/docs/guides/examples",to:"/docs/guides/examples"},{from:"/en/docs/guides/examples/auth",to:"/docs/guides/examples/auth"},{from:"/en/docs/guides/examples/autocompleted",to:"/docs/guides/examples/autocompleted"},{from:"/en/docs/guides/examples/browser-api",to:"/docs/guides/examples/browser-api"},{from:"/en/docs/guides/examples/cms",to:"/docs/guides/examples/cms"},{from:"/en/docs/guides/examples/feedback",to:"/docs/guides/examples/feedback"},{from:"/en/docs/guides/examples/i18n",to:"/docs/guides/examples/i18n"},{from:"/en/docs/guides/examples/metric",to:"/docs/guides/examples/metric"},{from:"/en/docs/guides/examples/monorepo",to:"/docs/guides/examples/monorepo"},{from:"/en/docs/guides/examples/page-layout",to:"/docs/guides/examples/page-layout"},{from:"/en/docs/guides/examples/platforms",to:"/docs/guides/examples/platforms"},{from:"/en/docs/guides/examples/ssr",to:"/docs/guides/examples/ssr"},{from:"/en/docs/guides/examples/theme",to:"/docs/guides/examples/theme"},{from:"/en/docs/guides/examples/types",to:"/docs/guides/examples/types"},{from:"/en/docs/guides/examples/white-labels",to:"/docs/guides/examples/white-labels"},{from:"/en/docs/guides/migration/from-custom",to:"/docs/guides/migration/from-custom"},{from:"/en/docs/guides/migration/from-v1",to:"/docs/guides/migration/from-v1"},{from:"/en/docs/guides/tech/with-nextjs",to:"/docs/guides/tech/with-nextjs"},{from:"/en/docs/",to:"/docs/"},{from:"/en/docs/reference",to:"/docs/reference"}]}],["@docusaurus/plugin-ideal-image",{quality:70,max:1030,min:640,steps:2}],"plugin-image-zoom"],onBrokenLinks:"throw",onBrokenMarkdownLinks:"throw",onDuplicateRoutes:"warn",customFields:{legacyRoutes:[{group:"\ud83d\ude80 Get Started",details:"Simplified and merged",children:[{title:"Tutorial",from:"/docs/get-started/quick-start",to:"/docs/get-started/tutorial"},{title:"Basics",from:"/docs/get-started/basics",to:"/docs/get-started/overview"},{title:"Decompose Cheatsheet",from:["/docs/get-started/tutorial/decompose","/docs/get-started/tutorial/design-mockup","/docs/get-started/onboard/cheatsheet"],to:"/docs/get-started/cheatsheet"}]},{group:"\ud83c\udf70 Alternatives",details:"Moved and merged to /about/alternatives as advanced materials",children:[{title:"Architecture approaches alternatives",from:["/docs/about/alternatives/big-ball-of-mud","/docs/about/alternatives/design-principles","/docs/about/alternatives/ddd","/docs/about/alternatives/clean-architecture","/docs/about/alternatives/frameworks","/docs/about/alternatives/atomic-design","/docs/about/alternatives/smart-dumb-components","/docs/about/alternatives/feature-driven"],to:"/docs/about/alternatives"}]},{group:"\ud83c\udf70 Promote & Understanding",details:"Moved to /about as advanced materials",children:[{title:"Knowledge types",from:"/docs/reference/knowledge-types",to:"/docs/about/understanding/knowledge-types"},{title:"Needs driven",from:"/docs/concepts/needs-driven",to:"/docs/about/understanding/needs-driven"},{title:"About architecture",from:"/docs/concepts/architecture",to:"/docs/about/understanding/architecture"},{title:"Naming adaptability",from:"/docs/concepts/naming-adaptability",to:"/docs/about/understanding/naming"},{title:"Signals of architecture",from:"/docs/concepts/signals",to:"/docs/about/understanding/signals"},{title:"Abstractions of architecture",from:"/docs/concepts/abstractions",to:"/docs/about/understanding/abstractions"}]},{group:"\ud83d\udcda Reference guidelines (isolation & units)",details:"Moved to /reference as theoretical materials (old concepts)",children:[{title:"Decouple of entities",from:"/docs/concepts/decouple-entities",to:"/docs/reference/isolation/decouple-entities"},{title:"Low Coupling & High Cohesion",from:"/docs/concepts/low-coupling",to:"/docs/reference/isolation/coupling-cohesion"},{title:"Cross-communication",from:"/docs/concepts/cross-communication",to:"/docs/reference/isolation"},{title:"App splitting",from:"/docs/concepts/app-splitting",to:"/docs/reference"},{title:"Decomposition",from:"/docs/reference/units/decomposition",to:"/docs/reference"},{title:"Units",from:"/docs/reference/units",to:"/docs/reference"},{title:"Layers",from:"/docs/reference/units/layers",to:"/docs/reference/layers"},{title:"Layer overview",from:"/docs/reference/layers/overview",to:"/docs/reference/layers"},{title:"App layer",from:"/docs/reference/units/layers/app",to:"/docs/reference/layers"},{title:"Processes layer",from:"/docs/reference/units/layers/processes",to:"/docs/reference/layers"},{title:"Pages layer",from:"/docs/reference/units/layers/pages",to:"/docs/reference/layers"},{title:"Widgets layer",from:"/docs/reference/units/layers/widgets",to:"/docs/reference/layers"},{title:"Widgets layer",from:"/docs/reference/layers/widgets",to:"/docs/reference/layers"},{title:"Features layer",from:"/docs/reference/units/layers/features",to:"/docs/reference/layers"},{title:"Entities layer",from:"/docs/reference/units/layers/entities",to:"/docs/reference/layers"},{title:"Shared layer",from:"/docs/reference/units/layers/shared",to:"/docs/reference/layers"},{title:"Segments",from:"/docs/reference/units/segments",to:"/docs/reference/slices-segments"}]},{group:"\ud83c\udfaf Bad Practices handbook",details:"Moved to /guides as practice materials",children:[{title:"Cross-imports",from:"/docs/concepts/issues/cross-imports",to:"/docs/guides/issues/cross-imports"},{title:"Desegmented",from:"/docs/concepts/issues/desegmented",to:"/docs/guides/issues/desegmented"},{title:"Routes",from:"/docs/concepts/issues/routes",to:"/docs/guides/issues/routes"}]},{group:"\ud83c\udfaf Examples",details:"Grouped and simplified into /guides/examples as practical examples",children:[{title:"Viewer logic",from:"/docs/guides/examples/viewer",to:"/docs/guides/examples/auth"},{title:"Monorepo",from:"/docs/guides/monorepo",to:"/docs/guides/examples/monorepo"},{title:"White Labels",from:"/docs/guides/white-labels",to:"/docs/guides/examples/white-labels"}]},{group:"\ud83c\udfaf Migration",details:"Grouped and simplified into /guides/migration as migration guidelines",children:[{title:"Migration from V1",from:"/docs/guides/migration-from-v1",to:"/docs/guides/migration/from-v1"},{title:"Migration from Legacy",from:"/docs/guides/migration-from-legacy",to:"/docs/guides/migration/from-custom"}]},{group:"\ud83c\udfaf Tech",details:"Grouped into /guides/tech as tech-specific usage guidelines",children:[{title:"Usage with NextJS",from:"/docs/guides/usage-with-nextjs",to:"/docs/guides/tech/with-nextjs"}]},{group:"Rename 'legacy' to 'custom'",details:"'Legacy' is derogatory, we don't get to call people's projects legacy",children:[{title:"Rename 'legacy' to custom",from:"/docs/guides/migration/from-legacy",to:"/docs/guides/migration/from-custom"}]}],pushFeedbackProjectId:"5i2vbxcpaz"},trailingSlash:!1,themeConfig:{image:"img/preview.png",docs:{sidebar:{hideable:!0,autoCollapseCategories:!0},versionPersistence:"localStorage"},colorMode:{respectPrefersColorScheme:!0,defaultMode:"light",disableSwitch:!1},navbar:{title:"",logo:{alt:"logo",src:"img/brand/logo-primary.png"},items:[{label:"\ud83d\udcd6 \u0414\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u0430\u0446\u0438\u044f",to:"/docs",position:"left"},{label:"\ud83d\udcab \u0421\u043e\u043e\u0431\u0449\u0435\u0441\u0442\u0432\u043e",to:"/community",position:"left"},{label:"\ud83d\udcdd \u0411\u043b\u043e\u0433",to:"/blog",position:"left"},{label:"\ud83d\udee0 \u041f\u0440\u0438\u043c\u0435\u0440\u044b",to:"/examples",position:"left"},{type:"docsVersionDropdown",position:"right",dropdownActiveClassDisabled:!0,dropdownItemsAfter:[{to:"https://feature-sliced.github.io/featureslices.dev/v1.0.html",label:"v1.0"},{to:"https://feature-sliced.github.io/featureslices.dev/v0.1.html",label:"v0.1"},{to:"https://github.com/feature-sliced/documentation/tree/rc/feature-driven",label:"feature-driven"},{to:"/versions",label:"All versions"}],dropdownItemsBefore:[]},{type:"localeDropdown",position:"right",dropdownItemsAfter:[{href:"https://github.com/feature-sliced/documentation/issues/244",label:"Help Us Translate"}],dropdownItemsBefore:[]},{href:"https://discord.gg/S8MzWTUsmp",position:"right",className:"ext-link discord","aria-label":"Discord community server"},{href:"https://github.com/feature-sliced/documentation",position:"right",className:"ext-link github","aria-label":"GitHub repository"}],hideOnScroll:!1},footer:{style:"dark",links:[{title:"\u0421\u043f\u0435\u0446\u0438\u0444\u0438\u043a\u0430\u0446\u0438\u044f",items:[{label:"\u0414\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u0430\u0446\u0438\u044f",to:"/docs"},{label:"\u0421\u043e\u043e\u0431\u0449\u0435\u0441\u0442\u0432\u043e",to:"/community"},{label:"\u041f\u043e\u043c\u043e\u0449\u044c",to:"/nav"},{label:"\u041e\u0431\u0441\u0443\u0436\u0434\u0435\u043d\u0438\u044f",href:"https://github.com/feature-sliced/documentation/discussions"}]},{title:"\u0421\u043e\u043e\u0431\u0449\u0435\u0441\u0442\u0432\u043e",items:[{label:"Discord",href:"https://discord.gg/S8MzWTUsmp"},{label:"Telegram (RU)",href:"https://t.me/feature_sliced"},{label:"Twitter",href:"https://twitter.com/feature_sliced"},{label:"Open Collective",href:"https://opencollective.com/feature-sliced"},{label:"YouTube",href:"https://www.youtube.com/c/FeatureSlicedDesign"}]},{title:"\u041e\u0441\u0442\u0430\u043b\u044c\u043d\u043e\u0435",items:[{label:"GitHub",href:"https://github.com/feature-sliced"},{label:"Contribution Guide",href:"https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md"},{label:"\u041b\u0438\u0446\u0435\u043d\u0437\u0438\u044f",href:"https://github.com/feature-sliced/documentation/blob/master/LICENSE"}]}],logo:{alt:"Feature-Sliced Design - Architectural methodology for frontend projects",src:"img/brand/logo-primary.png",href:"https://github.com/feature-sliced",width:160},copyright:"Copyright \xa9 2018-2023  Feature-Sliced Design"},algolia:{appId:"18IVO61EUN",apiKey:"a51704b2a1604c9eb41c62aa343c6e32",indexName:"feature-sliced",contextualSearch:!0,searchParameters:{},searchPagePath:"search"},metadata:[{name:"keywords",content:"architecture, frontend, project structure"},{name:"twitter:site",content:"@feature_sliced"},{name:"twitter:card",content:"summary_large_image"}],imageZoom:{selector:".markdown :not(a) > img",options:{background:"rgb(255 255 255 / 0.3)"}},prism:{theme:{plain:{backgroundColor:"hsl(230, 1%, 98%)",color:"hsl(230, 8%, 24%)"},styles:[{types:["comment","prolog","cdata"],style:{color:"hsl(230, 4%, 64%)"}},{types:["doctype","punctuation","entity"],style:{color:"hsl(230, 8%, 24%)"}},{types:["attr-name","class-name","boolean","constant","number","atrule"],style:{color:"hsl(35, 99%, 36%)"}},{types:["keyword"],style:{color:"hsl(301, 63%, 40%)"}},{types:["property","tag","symbol","deleted","important"],style:{color:"hsl(5, 74%, 59%)"}},{types:["selector","string","char","builtin","inserted","regex","attr-value","punctuation"],style:{color:"hsl(119, 34%, 47%)"}},{types:["variable","operator","function"],style:{color:"hsl(221, 87%, 60%)"}},{types:["url"],style:{color:"hsl(198, 99%, 37%)"}},{types:["deleted"],style:{textDecorationLine:"line-through"}},{types:["inserted"],style:{textDecorationLine:"underline"}},{types:["italic"],style:{fontStyle:"italic"}},{types:["important","bold"],style:{fontWeight:"bold"}},{types:["important"],style:{color:"hsl(230, 8%, 24%)"}}]},darkTheme:{plain:{backgroundColor:"hsl(220, 13%, 18%)",color:"hsl(220, 14%, 71%)",textShadow:"0 1px rgba(0, 0, 0, 0.3)"},styles:[{types:["comment","prolog","cdata"],style:{color:"hsl(220, 10%, 40%)"}},{types:["doctype","punctuation","entity"],style:{color:"hsl(220, 14%, 71%)"}},{types:["attr-name","class-name","maybe-class-name","boolean","constant","number","atrule"],style:{color:"hsl(29, 54%, 61%)"}},{types:["keyword"],style:{color:"hsl(286, 60%, 67%)"}},{types:["property","tag","symbol","deleted","important"],style:{color:"hsl(355, 65%, 65%)"}},{types:["selector","string","char","builtin","inserted","regex","attr-value"],style:{color:"hsl(95, 38%, 62%)"}},{types:["variable","operator","function"],style:{color:"hsl(207, 82%, 66%)"}},{types:["url"],style:{color:"hsl(187, 47%, 55%)"}},{types:["deleted"],style:{textDecorationLine:"line-through"}},{types:["inserted"],style:{textDecorationLine:"underline"}},{types:["italic"],style:{fontStyle:"italic"}},{types:["important","bold"],style:{fontWeight:"bold"}},{types:["important"],style:{color:"hsl(220, 14%, 71%)"}}]},additionalLanguages:[],magicComments:[{className:"theme-code-block-highlighted-line",line:"highlight-next-line",block:{start:"highlight-start",end:"highlight-end"}}]},blog:{sidebar:{groupByYear:!0}},tableOfContents:{minHeadingLevel:2,maxHeadingLevel:3}},baseUrlIssueBanner:!0,future:{experimental_storage:{type:"localStorage",namespace:!1},experimental_router:"browser"},onBrokenAnchors:"warn",staticDirectories:["static"],themes:[],scripts:[],headTags:[],stylesheets:[],clientModules:[],titleDelimiter:"|",noIndex:!1,markdown:{format:"mdx",mermaid:!1,mdx1Compat:{comments:!0,admonitions:!0,headingIds:!0},anchors:{maintainCase:!1}}}},991:(e,t,n)=>{"use strict";function r(){return r=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)({}).hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},r.apply(null,arguments)}n.d(t,{A:()=>r})},1141:(e,t,n)=>{"use strict";function r(e,t){return r=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},r(e,t)}function o(e,t){e.prototype=Object.create(t.prototype),e.prototype.constructor=e,r(e,t)}n.d(t,{A:()=>o})},3302:(e,t,n)=>{"use strict";function r(e,t){if(null==e)return{};var n={};for(var r in e)if({}.hasOwnProperty.call(e,r)){if(t.includes(r))continue;n[r]=e[r]}return n}n.d(t,{A:()=>r})},3526:(e,t,n)=>{"use strict";function r(e){var t,n,o="";if("string"==typeof e||"number"==typeof e)o+=e;else if("object"==typeof e)if(Array.isArray(e)){var a=e.length;for(t=0;t<a;t++)e[t]&&(n=r(e[t]))&&(o&&(o+=" "),o+=n)}else for(n in e)e[n]&&(o&&(o+=" "),o+=n);return o}n.d(t,{A:()=>o});const o=function(){for(var e,t,n=0,o="",a=arguments.length;n<a;n++)(e=arguments[n])&&(t=r(e))&&(o&&(o+=" "),o+=t);return o}},5371:(e,t,n)=>{"use strict";n.d(t,{My:()=>S,f4:()=>Y});var r,o,a=n(758),i=n(3526),s=Object.create,l=Object.defineProperty,c=Object.defineProperties,u=Object.getOwnPropertyDescriptor,d=Object.getOwnPropertyDescriptors,p=Object.getOwnPropertyNames,f=Object.getOwnPropertySymbols,m=Object.getPrototypeOf,h=Object.prototype.hasOwnProperty,g=Object.prototype.propertyIsEnumerable,b=(e,t,n)=>t in e?l(e,t,{enumerable:!0,configurable:!0,writable:!0,value:n}):e[t]=n,y=(e,t)=>{for(var n in t||(t={}))h.call(t,n)&&b(e,n,t[n]);if(f)for(var n of f(t))g.call(t,n)&&b(e,n,t[n]);return e},v=(e,t)=>c(e,d(t)),w=(e,t)=>{var n={};for(var r in e)h.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&f)for(var r of f(e))t.indexOf(r)<0&&g.call(e,r)&&(n[r]=e[r]);return n},S=((e,t,n)=>(n=null!=e?s(m(e)):{},((e,t,n,r)=>{if(t&&"object"==typeof t||"function"==typeof t)for(let o of p(t))h.call(e,o)||o===n||l(e,o,{get:()=>t[o],enumerable:!(r=u(t,o))||r.enumerable});return e})(!t&&e&&e.__esModule?n:l(n,"default",{value:e,enumerable:!0}),e)))((r={"../../node_modules/.pnpm/prismjs@1.29.0_patch_hash=vrxx3pzkik6jpmgpayxfjunetu/node_modules/prismjs/prism.js"(e,t){var n=function(){var e=/(?:^|\s)lang(?:uage)?-([\w-]+)(?=\s|$)/i,t=0,n={},r={util:{encode:function e(t){return t instanceof o?new o(t.type,e(t.content),t.alias):Array.isArray(t)?t.map(e):t.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/\u00a0/g," ")},type:function(e){return Object.prototype.toString.call(e).slice(8,-1)},objId:function(e){return e.__id||Object.defineProperty(e,"__id",{value:++t}),e.__id},clone:function e(t,n){var o,a;switch(n=n||{},r.util.type(t)){case"Object":if(a=r.util.objId(t),n[a])return n[a];for(var i in o={},n[a]=o,t)t.hasOwnProperty(i)&&(o[i]=e(t[i],n));return o;case"Array":return a=r.util.objId(t),n[a]?n[a]:(o=[],n[a]=o,t.forEach((function(t,r){o[r]=e(t,n)})),o);default:return t}},getLanguage:function(t){for(;t;){var n=e.exec(t.className);if(n)return n[1].toLowerCase();t=t.parentElement}return"none"},setLanguage:function(t,n){t.className=t.className.replace(RegExp(e,"gi"),""),t.classList.add("language-"+n)},isActive:function(e,t,n){for(var r="no-"+t;e;){var o=e.classList;if(o.contains(t))return!0;if(o.contains(r))return!1;e=e.parentElement}return!!n}},languages:{plain:n,plaintext:n,text:n,txt:n,extend:function(e,t){var n=r.util.clone(r.languages[e]);for(var o in t)n[o]=t[o];return n},insertBefore:function(e,t,n,o){var a=(o=o||r.languages)[e],i={};for(var s in a)if(a.hasOwnProperty(s)){if(s==t)for(var l in n)n.hasOwnProperty(l)&&(i[l]=n[l]);n.hasOwnProperty(s)||(i[s]=a[s])}var c=o[e];return o[e]=i,r.languages.DFS(r.languages,(function(t,n){n===c&&t!=e&&(this[t]=i)})),i},DFS:function e(t,n,o,a){a=a||{};var i=r.util.objId;for(var s in t)if(t.hasOwnProperty(s)){n.call(t,s,t[s],o||s);var l=t[s],c=r.util.type(l);"Object"!==c||a[i(l)]?"Array"!==c||a[i(l)]||(a[i(l)]=!0,e(l,n,s,a)):(a[i(l)]=!0,e(l,n,null,a))}}},plugins:{},highlight:function(e,t,n){var a={code:e,grammar:t,language:n};if(r.hooks.run("before-tokenize",a),!a.grammar)throw new Error('The language "'+a.language+'" has no grammar.');return a.tokens=r.tokenize(a.code,a.grammar),r.hooks.run("after-tokenize",a),o.stringify(r.util.encode(a.tokens),a.language)},tokenize:function(e,t){var n=t.rest;if(n){for(var r in n)t[r]=n[r];delete t.rest}var o=new s;return l(o,o.head,e),i(e,o,t,o.head,0),function(e){for(var t=[],n=e.head.next;n!==e.tail;)t.push(n.value),n=n.next;return t}(o)},hooks:{all:{},add:function(e,t){var n=r.hooks.all;n[e]=n[e]||[],n[e].push(t)},run:function(e,t){var n=r.hooks.all[e];if(n&&n.length)for(var o,a=0;o=n[a++];)o(t)}},Token:o};function o(e,t,n,r){this.type=e,this.content=t,this.alias=n,this.length=0|(r||"").length}function a(e,t,n,r){e.lastIndex=t;var o=e.exec(n);if(o&&r&&o[1]){var a=o[1].length;o.index+=a,o[0]=o[0].slice(a)}return o}function i(e,t,n,s,u,d){for(var p in n)if(n.hasOwnProperty(p)&&n[p]){var f=n[p];f=Array.isArray(f)?f:[f];for(var m=0;m<f.length;++m){if(d&&d.cause==p+","+m)return;var h=f[m],g=h.inside,b=!!h.lookbehind,y=!!h.greedy,v=h.alias;if(y&&!h.pattern.global){var w=h.pattern.toString().match(/[imsuy]*$/)[0];h.pattern=RegExp(h.pattern.source,w+"g")}for(var S=h.pattern||h,x=s.next,k=u;x!==t.tail&&!(d&&k>=d.reach);k+=x.value.length,x=x.next){var E=x.value;if(t.length>e.length)return;if(!(E instanceof o)){var _,C=1;if(y){if(!(_=a(S,k,e,b))||_.index>=e.length)break;var j=_.index,A=_.index+_[0].length,O=k;for(O+=x.value.length;j>=O;)O+=(x=x.next).value.length;if(k=O-=x.value.length,x.value instanceof o)continue;for(var T=x;T!==t.tail&&(O<A||"string"==typeof T.value);T=T.next)C++,O+=T.value.length;C--,E=e.slice(k,O),_.index-=k}else if(!(_=a(S,0,E,b)))continue;j=_.index;var P=_[0],L=E.slice(0,j),I=E.slice(j+P.length),R=k+E.length;d&&R>d.reach&&(d.reach=R);var N=x.prev;if(L&&(N=l(t,N,L),k+=L.length),c(t,N,C),x=l(t,N,new o(p,g?r.tokenize(P,g):P,v,P)),I&&l(t,x,I),C>1){var D={cause:p+","+m,reach:R};i(e,t,n,x.prev,k,D),d&&D.reach>d.reach&&(d.reach=D.reach)}}}}}}function s(){var e={value:null,prev:null,next:null},t={value:null,prev:e,next:null};e.next=t,this.head=e,this.tail=t,this.length=0}function l(e,t,n){var r=t.next,o={value:n,prev:t,next:r};return t.next=o,r.prev=o,e.length++,o}function c(e,t,n){for(var r=t.next,o=0;o<n&&r!==e.tail;o++)r=r.next;t.next=r,r.prev=t,e.length-=o}return o.stringify=function e(t,n){if("string"==typeof t)return t;if(Array.isArray(t)){var o="";return t.forEach((function(t){o+=e(t,n)})),o}var a={type:t.type,content:e(t.content,n),tag:"span",classes:["token",t.type],attributes:{},language:n},i=t.alias;i&&(Array.isArray(i)?Array.prototype.push.apply(a.classes,i):a.classes.push(i)),r.hooks.run("wrap",a);var s="";for(var l in a.attributes)s+=" "+l+'="'+(a.attributes[l]||"").replace(/"/g,"&quot;")+'"';return"<"+a.tag+' class="'+a.classes.join(" ")+'"'+s+">"+a.content+"</"+a.tag+">"},r}();t.exports=n,n.default=n}},function(){return o||(0,r[p(r)[0]])((o={exports:{}}).exports,o),o.exports})());S.languages.markup={comment:{pattern:/<!--(?:(?!<!--)[\s\S])*?-->/,greedy:!0},prolog:{pattern:/<\?[\s\S]+?\?>/,greedy:!0},doctype:{pattern:/<!DOCTYPE(?:[^>"'[\]]|"[^"]*"|'[^']*')+(?:\[(?:[^<"'\]]|"[^"]*"|'[^']*'|<(?!!--)|<!--(?:[^-]|-(?!->))*-->)*\]\s*)?>/i,greedy:!0,inside:{"internal-subset":{pattern:/(^[^\[]*\[)[\s\S]+(?=\]>$)/,lookbehind:!0,greedy:!0,inside:null},string:{pattern:/"[^"]*"|'[^']*'/,greedy:!0},punctuation:/^<!|>$|[[\]]/,"doctype-tag":/^DOCTYPE/i,name:/[^\s<>'"]+/}},cdata:{pattern:/<!\[CDATA\[[\s\S]*?\]\]>/i,greedy:!0},tag:{pattern:/<\/?(?!\d)[^\s>\/=$<%]+(?:\s(?:\s*[^\s>\/=]+(?:\s*=\s*(?:"[^"]*"|'[^']*'|[^\s'">=]+(?=[\s>]))|(?=[\s/>])))+)?\s*\/?>/,greedy:!0,inside:{tag:{pattern:/^<\/?[^\s>\/]+/,inside:{punctuation:/^<\/?/,namespace:/^[^\s>\/:]+:/}},"special-attr":[],"attr-value":{pattern:/=\s*(?:"[^"]*"|'[^']*'|[^\s'">=]+)/,inside:{punctuation:[{pattern:/^=/,alias:"attr-equals"},{pattern:/^(\s*)["']|["']$/,lookbehind:!0}]}},punctuation:/\/?>/,"attr-name":{pattern:/[^\s>\/]+/,inside:{namespace:/^[^\s>\/:]+:/}}}},entity:[{pattern:/&[\da-z]{1,8};/i,alias:"named-entity"},/&#x?[\da-f]{1,8};/i]},S.languages.markup.tag.inside["attr-value"].inside.entity=S.languages.markup.entity,S.languages.markup.doctype.inside["internal-subset"].inside=S.languages.markup,S.hooks.add("wrap",(function(e){"entity"===e.type&&(e.attributes.title=e.content.replace(/&amp;/,"&"))})),Object.defineProperty(S.languages.markup.tag,"addInlined",{value:function(e,t){var n;(t=((n=((n={})["language-"+t]={pattern:/(^<!\[CDATA\[)[\s\S]+?(?=\]\]>$)/i,lookbehind:!0,inside:S.languages[t]},n.cdata=/^<!\[CDATA\[|\]\]>$/i,{"included-cdata":{pattern:/<!\[CDATA\[[\s\S]*?\]\]>/i,inside:n}}))["language-"+t]={pattern:/[\s\S]+/,inside:S.languages[t]},{}))[e]={pattern:RegExp(/(<__[^>]*>)(?:<!\[CDATA\[(?:[^\]]|\](?!\]>))*\]\]>|(?!<!\[CDATA\[)[\s\S])*?(?=<\/__>)/.source.replace(/__/g,(function(){return e})),"i"),lookbehind:!0,greedy:!0,inside:n},S.languages.insertBefore("markup","cdata",t)}}),Object.defineProperty(S.languages.markup.tag,"addAttribute",{value:function(e,t){S.languages.markup.tag.inside["special-attr"].push({pattern:RegExp(/(^|["'\s])/.source+"(?:"+e+")"+/\s*=\s*(?:"[^"]*"|'[^']*'|[^\s'">=]+(?=[\s>]))/.source,"i"),lookbehind:!0,inside:{"attr-name":/^[^\s=]+/,"attr-value":{pattern:/=[\s\S]+/,inside:{value:{pattern:/(^=\s*(["']|(?!["'])))\S[\s\S]*(?=\2$)/,lookbehind:!0,alias:[t,"language-"+t],inside:S.languages[t]},punctuation:[{pattern:/^=/,alias:"attr-equals"},/"|'/]}}}})}}),S.languages.html=S.languages.markup,S.languages.mathml=S.languages.markup,S.languages.svg=S.languages.markup,S.languages.xml=S.languages.extend("markup",{}),S.languages.ssml=S.languages.xml,S.languages.atom=S.languages.xml,S.languages.rss=S.languages.xml,function(e){var t={pattern:/\\[\\(){}[\]^$+*?|.]/,alias:"escape"},n=/\\(?:x[\da-fA-F]{2}|u[\da-fA-F]{4}|u\{[\da-fA-F]+\}|0[0-7]{0,2}|[123][0-7]{2}|c[a-zA-Z]|.)/,r="(?:[^\\\\-]|"+n.source+")",o=(r=RegExp(r+"-"+r),{pattern:/(<|')[^<>']+(?=[>']$)/,lookbehind:!0,alias:"variable"});e.languages.regex={"char-class":{pattern:/((?:^|[^\\])(?:\\\\)*)\[(?:[^\\\]]|\\[\s\S])*\]/,lookbehind:!0,inside:{"char-class-negation":{pattern:/(^\[)\^/,lookbehind:!0,alias:"operator"},"char-class-punctuation":{pattern:/^\[|\]$/,alias:"punctuation"},range:{pattern:r,inside:{escape:n,"range-punctuation":{pattern:/-/,alias:"operator"}}},"special-escape":t,"char-set":{pattern:/\\[wsd]|\\p\{[^{}]+\}/i,alias:"class-name"},escape:n}},"special-escape":t,"char-set":{pattern:/\.|\\[wsd]|\\p\{[^{}]+\}/i,alias:"class-name"},backreference:[{pattern:/\\(?![123][0-7]{2})[1-9]/,alias:"keyword"},{pattern:/\\k<[^<>']+>/,alias:"keyword",inside:{"group-name":o}}],anchor:{pattern:/[$^]|\\[ABbGZz]/,alias:"function"},escape:n,group:[{pattern:/\((?:\?(?:<[^<>']+>|'[^<>']+'|[>:]|<?[=!]|[idmnsuxU]+(?:-[idmnsuxU]+)?:?))?/,alias:"punctuation",inside:{"group-name":o}},{pattern:/\)/,alias:"punctuation"}],quantifier:{pattern:/(?:[+*?]|\{\d+(?:,\d*)?\})[?+]?/,alias:"number"},alternation:{pattern:/\|/,alias:"keyword"}}}(S),S.languages.clike={comment:[{pattern:/(^|[^\\])\/\*[\s\S]*?(?:\*\/|$)/,lookbehind:!0,greedy:!0},{pattern:/(^|[^\\:])\/\/.*/,lookbehind:!0,greedy:!0}],string:{pattern:/(["'])(?:\\(?:\r\n|[\s\S])|(?!\1)[^\\\r\n])*\1/,greedy:!0},"class-name":{pattern:/(\b(?:class|extends|implements|instanceof|interface|new|trait)\s+|\bcatch\s+\()[\w.\\]+/i,lookbehind:!0,inside:{punctuation:/[.\\]/}},keyword:/\b(?:break|catch|continue|do|else|finally|for|function|if|in|instanceof|new|null|return|throw|try|while)\b/,boolean:/\b(?:false|true)\b/,function:/\b\w+(?=\()/,number:/\b0x[\da-f]+\b|(?:\b\d+(?:\.\d*)?|\B\.\d+)(?:e[+-]?\d+)?/i,operator:/[<>]=?|[!=]=?=?|--?|\+\+?|&&?|\|\|?|[?*/~^%]/,punctuation:/[{}[\];(),.:]/},S.languages.javascript=S.languages.extend("clike",{"class-name":[S.languages.clike["class-name"],{pattern:/(^|[^$\w\xA0-\uFFFF])(?!\s)[_$A-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\.(?:constructor|prototype))/,lookbehind:!0}],keyword:[{pattern:/((?:^|\})\s*)catch\b/,lookbehind:!0},{pattern:/(^|[^.]|\.\.\.\s*)\b(?:as|assert(?=\s*\{)|async(?=\s*(?:function\b|\(|[$\w\xA0-\uFFFF]|$))|await|break|case|class|const|continue|debugger|default|delete|do|else|enum|export|extends|finally(?=\s*(?:\{|$))|for|from(?=\s*(?:['"]|$))|function|(?:get|set)(?=\s*(?:[#\[$\w\xA0-\uFFFF]|$))|if|implements|import|in|instanceof|interface|let|new|null|of|package|private|protected|public|return|static|super|switch|this|throw|try|typeof|undefined|var|void|while|with|yield)\b/,lookbehind:!0}],function:/#?(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*(?:\.\s*(?:apply|bind|call)\s*)?\()/,number:{pattern:RegExp(/(^|[^\w$])/.source+"(?:"+/NaN|Infinity/.source+"|"+/0[bB][01]+(?:_[01]+)*n?/.source+"|"+/0[oO][0-7]+(?:_[0-7]+)*n?/.source+"|"+/0[xX][\dA-Fa-f]+(?:_[\dA-Fa-f]+)*n?/.source+"|"+/\d+(?:_\d+)*n/.source+"|"+/(?:\d+(?:_\d+)*(?:\.(?:\d+(?:_\d+)*)?)?|\.\d+(?:_\d+)*)(?:[Ee][+-]?\d+(?:_\d+)*)?/.source+")"+/(?![\w$])/.source),lookbehind:!0},operator:/--|\+\+|\*\*=?|=>|&&=?|\|\|=?|[!=]==|<<=?|>>>?=?|[-+*/%&|^!=<>]=?|\.{3}|\?\?=?|\?\.?|[~:]/}),S.languages.javascript["class-name"][0].pattern=/(\b(?:class|extends|implements|instanceof|interface|new)\s+)[\w.\\]+/,S.languages.insertBefore("javascript","keyword",{regex:{pattern:RegExp(/((?:^|[^$\w\xA0-\uFFFF."'\])\s]|\b(?:return|yield))\s*)/.source+/\//.source+"(?:"+/(?:\[(?:[^\]\\\r\n]|\\.)*\]|\\.|[^/\\\[\r\n])+\/[dgimyus]{0,7}/.source+"|"+/(?:\[(?:[^[\]\\\r\n]|\\.|\[(?:[^[\]\\\r\n]|\\.|\[(?:[^[\]\\\r\n]|\\.)*\])*\])*\]|\\.|[^/\\\[\r\n])+\/[dgimyus]{0,7}v[dgimyus]{0,7}/.source+")"+/(?=(?:\s|\/\*(?:[^*]|\*(?!\/))*\*\/)*(?:$|[\r\n,.;:})\]]|\/\/))/.source),lookbehind:!0,greedy:!0,inside:{"regex-source":{pattern:/^(\/)[\s\S]+(?=\/[a-z]*$)/,lookbehind:!0,alias:"language-regex",inside:S.languages.regex},"regex-delimiter":/^\/|\/$/,"regex-flags":/^[a-z]+$/}},"function-variable":{pattern:/#?(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*[=:]\s*(?:async\s*)?(?:\bfunction\b|(?:\((?:[^()]|\([^()]*\))*\)|(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*)\s*=>))/,alias:"function"},parameter:[{pattern:/(function(?:\s+(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*)?\s*\(\s*)(?!\s)(?:[^()\s]|\s+(?![\s)])|\([^()]*\))+(?=\s*\))/,lookbehind:!0,inside:S.languages.javascript},{pattern:/(^|[^$\w\xA0-\uFFFF])(?!\s)[_$a-z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*=>)/i,lookbehind:!0,inside:S.languages.javascript},{pattern:/(\(\s*)(?!\s)(?:[^()\s]|\s+(?![\s)])|\([^()]*\))+(?=\s*\)\s*=>)/,lookbehind:!0,inside:S.languages.javascript},{pattern:/((?:\b|\s|^)(?!(?:as|async|await|break|case|catch|class|const|continue|debugger|default|delete|do|else|enum|export|extends|finally|for|from|function|get|if|implements|import|in|instanceof|interface|let|new|null|of|package|private|protected|public|return|set|static|super|switch|this|throw|try|typeof|undefined|var|void|while|with|yield)(?![$\w\xA0-\uFFFF]))(?:(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*\s*)\(\s*|\]\s*\(\s*)(?!\s)(?:[^()\s]|\s+(?![\s)])|\([^()]*\))+(?=\s*\)\s*\{)/,lookbehind:!0,inside:S.languages.javascript}],constant:/\b[A-Z](?:[A-Z_]|\dx?)*\b/}),S.languages.insertBefore("javascript","string",{hashbang:{pattern:/^#!.*/,greedy:!0,alias:"comment"},"template-string":{pattern:/`(?:\\[\s\S]|\$\{(?:[^{}]|\{(?:[^{}]|\{[^}]*\})*\})+\}|(?!\$\{)[^\\`])*`/,greedy:!0,inside:{"template-punctuation":{pattern:/^`|`$/,alias:"string"},interpolation:{pattern:/((?:^|[^\\])(?:\\{2})*)\$\{(?:[^{}]|\{(?:[^{}]|\{[^}]*\})*\})+\}/,lookbehind:!0,inside:{"interpolation-punctuation":{pattern:/^\$\{|\}$/,alias:"punctuation"},rest:S.languages.javascript}},string:/[\s\S]+/}},"string-property":{pattern:/((?:^|[,{])[ \t]*)(["'])(?:\\(?:\r\n|[\s\S])|(?!\2)[^\\\r\n])*\2(?=\s*:)/m,lookbehind:!0,greedy:!0,alias:"property"}}),S.languages.insertBefore("javascript","operator",{"literal-property":{pattern:/((?:^|[,{])[ \t]*)(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*:)/m,lookbehind:!0,alias:"property"}}),S.languages.markup&&(S.languages.markup.tag.addInlined("script","javascript"),S.languages.markup.tag.addAttribute(/on(?:abort|blur|change|click|composition(?:end|start|update)|dblclick|error|focus(?:in|out)?|key(?:down|up)|load|mouse(?:down|enter|leave|move|out|over|up)|reset|resize|scroll|select|slotchange|submit|unload|wheel)/.source,"javascript")),S.languages.js=S.languages.javascript,S.languages.actionscript=S.languages.extend("javascript",{keyword:/\b(?:as|break|case|catch|class|const|default|delete|do|dynamic|each|else|extends|final|finally|for|function|get|if|implements|import|in|include|instanceof|interface|internal|is|namespace|native|new|null|override|package|private|protected|public|return|set|static|super|switch|this|throw|try|typeof|use|var|void|while|with)\b/,operator:/\+\+|--|(?:[+\-*\/%^]|&&?|\|\|?|<<?|>>?>?|[!=]=?)=?|[~?@]/}),S.languages.actionscript["class-name"].alias="function",delete S.languages.actionscript.parameter,delete S.languages.actionscript["literal-property"],S.languages.markup&&S.languages.insertBefore("actionscript","string",{xml:{pattern:/(^|[^.])<\/?\w+(?:\s+[^\s>\/=]+=("|')(?:\\[\s\S]|(?!\2)[^\\])*\2)*\s*\/?>/,lookbehind:!0,inside:S.languages.markup}}),function(e){var t=/#(?!\{).+/,n={pattern:/#\{[^}]+\}/,alias:"variable"};e.languages.coffeescript=e.languages.extend("javascript",{comment:t,string:[{pattern:/'(?:\\[\s\S]|[^\\'])*'/,greedy:!0},{pattern:/"(?:\\[\s\S]|[^\\"])*"/,greedy:!0,inside:{interpolation:n}}],keyword:/\b(?:and|break|by|catch|class|continue|debugger|delete|do|each|else|extend|extends|false|finally|for|if|in|instanceof|is|isnt|let|loop|namespace|new|no|not|null|of|off|on|or|own|return|super|switch|then|this|throw|true|try|typeof|undefined|unless|until|when|while|window|with|yes|yield)\b/,"class-member":{pattern:/@(?!\d)\w+/,alias:"variable"}}),e.languages.insertBefore("coffeescript","comment",{"multiline-comment":{pattern:/###[\s\S]+?###/,alias:"comment"},"block-regex":{pattern:/\/{3}[\s\S]*?\/{3}/,alias:"regex",inside:{comment:t,interpolation:n}}}),e.languages.insertBefore("coffeescript","string",{"inline-javascript":{pattern:/`(?:\\[\s\S]|[^\\`])*`/,inside:{delimiter:{pattern:/^`|`$/,alias:"punctuation"},script:{pattern:/[\s\S]+/,alias:"language-javascript",inside:e.languages.javascript}}},"multiline-string":[{pattern:/'''[\s\S]*?'''/,greedy:!0,alias:"string"},{pattern:/"""[\s\S]*?"""/,greedy:!0,alias:"string",inside:{interpolation:n}}]}),e.languages.insertBefore("coffeescript","keyword",{property:/(?!\d)\w+(?=\s*:(?!:))/}),delete e.languages.coffeescript["template-string"],e.languages.coffee=e.languages.coffeescript}(S),function(e){var t=e.languages.javadoclike={parameter:{pattern:/(^[\t ]*(?:\/{3}|\*|\/\*\*)\s*@(?:arg|arguments|param)\s+)\w+/m,lookbehind:!0},keyword:{pattern:/(^[\t ]*(?:\/{3}|\*|\/\*\*)\s*|\{)@[a-z][a-zA-Z-]+\b/m,lookbehind:!0},punctuation:/[{}]/};Object.defineProperty(t,"addSupport",{value:function(t,n){(t="string"==typeof t?[t]:t).forEach((function(t){var r=function(e){e.inside||(e.inside={}),e.inside.rest=n},o="doc-comment";if(a=e.languages[t]){var a,i=a[o];if((i=i||(a=e.languages.insertBefore(t,"comment",{"doc-comment":{pattern:/(^|[^\\])\/\*\*[^/][\s\S]*?(?:\*\/|$)/,lookbehind:!0,alias:"comment"}}))[o])instanceof RegExp&&(i=a[o]={pattern:i}),Array.isArray(i))for(var s=0,l=i.length;s<l;s++)i[s]instanceof RegExp&&(i[s]={pattern:i[s]}),r(i[s]);else r(i)}}))}}),t.addSupport(["java","javascript","php"],t)}(S),function(e){var t=/(?:"(?:\\(?:\r\n|[\s\S])|[^"\\\r\n])*"|'(?:\\(?:\r\n|[\s\S])|[^'\\\r\n])*')/;(t=(e.languages.css={comment:/\/\*[\s\S]*?\*\//,atrule:{pattern:RegExp("@[\\w-](?:"+/[^;{\s"']|\s+(?!\s)/.source+"|"+t.source+")*?"+/(?:;|(?=\s*\{))/.source),inside:{rule:/^@[\w-]+/,"selector-function-argument":{pattern:/(\bselector\s*\(\s*(?![\s)]))(?:[^()\s]|\s+(?![\s)])|\((?:[^()]|\([^()]*\))*\))+(?=\s*\))/,lookbehind:!0,alias:"selector"},keyword:{pattern:/(^|[^\w-])(?:and|not|only|or)(?![\w-])/,lookbehind:!0}}},url:{pattern:RegExp("\\burl\\((?:"+t.source+"|"+/(?:[^\\\r\n()"']|\\[\s\S])*/.source+")\\)","i"),greedy:!0,inside:{function:/^url/i,punctuation:/^\(|\)$/,string:{pattern:RegExp("^"+t.source+"$"),alias:"url"}}},selector:{pattern:RegExp("(^|[{}\\s])[^{}\\s](?:[^{};\"'\\s]|\\s+(?![\\s{])|"+t.source+")*(?=\\s*\\{)"),lookbehind:!0},string:{pattern:t,greedy:!0},property:{pattern:/(^|[^-\w\xA0-\uFFFF])(?!\s)[-_a-z\xA0-\uFFFF](?:(?!\s)[-\w\xA0-\uFFFF])*(?=\s*:)/i,lookbehind:!0},important:/!important\b/i,function:{pattern:/(^|[^-a-z0-9])[-a-z0-9]+(?=\()/i,lookbehind:!0},punctuation:/[(){};:,]/},e.languages.css.atrule.inside.rest=e.languages.css,e.languages.markup))&&(t.tag.addInlined("style","css"),t.tag.addAttribute("style","css"))}(S),function(e){var t=/("|')(?:\\(?:\r\n|[\s\S])|(?!\1)[^\\\r\n])*\1/,n=(t=(e.languages.css.selector={pattern:e.languages.css.selector.pattern,lookbehind:!0,inside:t={"pseudo-element":/:(?:after|before|first-letter|first-line|selection)|::[-\w]+/,"pseudo-class":/:[-\w]+/,class:/\.[-\w]+/,id:/#[-\w]+/,attribute:{pattern:RegExp("\\[(?:[^[\\]\"']|"+t.source+")*\\]"),greedy:!0,inside:{punctuation:/^\[|\]$/,"case-sensitivity":{pattern:/(\s)[si]$/i,lookbehind:!0,alias:"keyword"},namespace:{pattern:/^(\s*)(?:(?!\s)[-*\w\xA0-\uFFFF])*\|(?!=)/,lookbehind:!0,inside:{punctuation:/\|$/}},"attr-name":{pattern:/^(\s*)(?:(?!\s)[-\w\xA0-\uFFFF])+/,lookbehind:!0},"attr-value":[t,{pattern:/(=\s*)(?:(?!\s)[-\w\xA0-\uFFFF])+(?=\s*$)/,lookbehind:!0}],operator:/[|~*^$]?=/}},"n-th":[{pattern:/(\(\s*)[+-]?\d*[\dn](?:\s*[+-]\s*\d+)?(?=\s*\))/,lookbehind:!0,inside:{number:/[\dn]+/,operator:/[+-]/}},{pattern:/(\(\s*)(?:even|odd)(?=\s*\))/i,lookbehind:!0}],combinator:/>|\+|~|\|\|/,punctuation:/[(),]/}},e.languages.css.atrule.inside["selector-function-argument"].inside=t,e.languages.insertBefore("css","property",{variable:{pattern:/(^|[^-\w\xA0-\uFFFF])--(?!\s)[-_a-z\xA0-\uFFFF](?:(?!\s)[-\w\xA0-\uFFFF])*/i,lookbehind:!0}}),{pattern:/(\b\d+)(?:%|[a-z]+(?![\w-]))/,lookbehind:!0}),{pattern:/(^|[^\w.-])-?(?:\d+(?:\.\d+)?|\.\d+)/,lookbehind:!0});e.languages.insertBefore("css","function",{operator:{pattern:/(\s)[+\-*\/](?=\s)/,lookbehind:!0},hexcode:{pattern:/\B#[\da-f]{3,8}\b/i,alias:"color"},color:[{pattern:/(^|[^\w-])(?:AliceBlue|AntiqueWhite|Aqua|Aquamarine|Azure|Beige|Bisque|Black|BlanchedAlmond|Blue|BlueViolet|Brown|BurlyWood|CadetBlue|Chartreuse|Chocolate|Coral|CornflowerBlue|Cornsilk|Crimson|Cyan|DarkBlue|DarkCyan|DarkGoldenRod|DarkGr[ae]y|DarkGreen|DarkKhaki|DarkMagenta|DarkOliveGreen|DarkOrange|DarkOrchid|DarkRed|DarkSalmon|DarkSeaGreen|DarkSlateBlue|DarkSlateGr[ae]y|DarkTurquoise|DarkViolet|DeepPink|DeepSkyBlue|DimGr[ae]y|DodgerBlue|FireBrick|FloralWhite|ForestGreen|Fuchsia|Gainsboro|GhostWhite|Gold|GoldenRod|Gr[ae]y|Green|GreenYellow|HoneyDew|HotPink|IndianRed|Indigo|Ivory|Khaki|Lavender|LavenderBlush|LawnGreen|LemonChiffon|LightBlue|LightCoral|LightCyan|LightGoldenRodYellow|LightGr[ae]y|LightGreen|LightPink|LightSalmon|LightSeaGreen|LightSkyBlue|LightSlateGr[ae]y|LightSteelBlue|LightYellow|Lime|LimeGreen|Linen|Magenta|Maroon|MediumAquaMarine|MediumBlue|MediumOrchid|MediumPurple|MediumSeaGreen|MediumSlateBlue|MediumSpringGreen|MediumTurquoise|MediumVioletRed|MidnightBlue|MintCream|MistyRose|Moccasin|NavajoWhite|Navy|OldLace|Olive|OliveDrab|Orange|OrangeRed|Orchid|PaleGoldenRod|PaleGreen|PaleTurquoise|PaleVioletRed|PapayaWhip|PeachPuff|Peru|Pink|Plum|PowderBlue|Purple|RebeccaPurple|Red|RosyBrown|RoyalBlue|SaddleBrown|Salmon|SandyBrown|SeaGreen|SeaShell|Sienna|Silver|SkyBlue|SlateBlue|SlateGr[ae]y|Snow|SpringGreen|SteelBlue|Tan|Teal|Thistle|Tomato|Transparent|Turquoise|Violet|Wheat|White|WhiteSmoke|Yellow|YellowGreen)(?![\w-])/i,lookbehind:!0},{pattern:/\b(?:hsl|rgb)\(\s*\d{1,3}\s*,\s*\d{1,3}%?\s*,\s*\d{1,3}%?\s*\)\B|\b(?:hsl|rgb)a\(\s*\d{1,3}\s*,\s*\d{1,3}%?\s*,\s*\d{1,3}%?\s*,\s*(?:0|0?\.\d+|1)\s*\)\B/i,inside:{unit:t,number:n,function:/[\w-]+(?=\()/,punctuation:/[(),]/}}],entity:/\\[\da-f]{1,8}/i,unit:t,number:n})}(S),function(e){var t=/[*&][^\s[\]{},]+/,n=/!(?:<[\w\-%#;/?:@&=+$,.!~*'()[\]]+>|(?:[a-zA-Z\d-]*!)?[\w\-%#;/?:@&=+$.~*'()]+)?/,r="(?:"+n.source+"(?:[ \t]+"+t.source+")?|"+t.source+"(?:[ \t]+"+n.source+")?)",o=/(?:[^\s\x00-\x08\x0e-\x1f!"#%&'*,\-:>?@[\]`{|}\x7f-\x84\x86-\x9f\ud800-\udfff\ufffe\uffff]|[?:-]<PLAIN>)(?:[ \t]*(?:(?![#:])<PLAIN>|:<PLAIN>))*/.source.replace(/<PLAIN>/g,(function(){return/[^\s\x00-\x08\x0e-\x1f,[\]{}\x7f-\x84\x86-\x9f\ud800-\udfff\ufffe\uffff]/.source})),a=/"(?:[^"\\\r\n]|\\.)*"|'(?:[^'\\\r\n]|\\.)*'/.source;function i(e,t){t=(t||"").replace(/m/g,"")+"m";var n=/([:\-,[{]\s*(?:\s<<prop>>[ \t]+)?)(?:<<value>>)(?=[ \t]*(?:$|,|\]|\}|(?:[\r\n]\s*)?#))/.source.replace(/<<prop>>/g,(function(){return r})).replace(/<<value>>/g,(function(){return e}));return RegExp(n,t)}e.languages.yaml={scalar:{pattern:RegExp(/([\-:]\s*(?:\s<<prop>>[ \t]+)?[|>])[ \t]*(?:((?:\r?\n|\r)[ \t]+)\S[^\r\n]*(?:\2[^\r\n]+)*)/.source.replace(/<<prop>>/g,(function(){return r}))),lookbehind:!0,alias:"string"},comment:/#.*/,key:{pattern:RegExp(/((?:^|[:\-,[{\r\n?])[ \t]*(?:<<prop>>[ \t]+)?)<<key>>(?=\s*:\s)/.source.replace(/<<prop>>/g,(function(){return r})).replace(/<<key>>/g,(function(){return"(?:"+o+"|"+a+")"}))),lookbehind:!0,greedy:!0,alias:"atrule"},directive:{pattern:/(^[ \t]*)%.+/m,lookbehind:!0,alias:"important"},datetime:{pattern:i(/\d{4}-\d\d?-\d\d?(?:[tT]|[ \t]+)\d\d?:\d{2}:\d{2}(?:\.\d*)?(?:[ \t]*(?:Z|[-+]\d\d?(?::\d{2})?))?|\d{4}-\d{2}-\d{2}|\d\d?:\d{2}(?::\d{2}(?:\.\d*)?)?/.source),lookbehind:!0,alias:"number"},boolean:{pattern:i(/false|true/.source,"i"),lookbehind:!0,alias:"important"},null:{pattern:i(/null|~/.source,"i"),lookbehind:!0,alias:"important"},string:{pattern:i(a),lookbehind:!0,greedy:!0},number:{pattern:i(/[+-]?(?:0x[\da-f]+|0o[0-7]+|(?:\d+(?:\.\d*)?|\.\d+)(?:e[+-]?\d+)?|\.inf|\.nan)/.source,"i"),lookbehind:!0},tag:n,important:t,punctuation:/---|[:[\]{}\-,|>?]|\.\.\./},e.languages.yml=e.languages.yaml}(S),function(e){var t=/(?:\\.|[^\\\n\r]|(?:\n|\r\n?)(?![\r\n]))/.source;function n(e){return e=e.replace(/<inner>/g,(function(){return t})),RegExp(/((?:^|[^\\])(?:\\{2})*)/.source+"(?:"+e+")")}var r=/(?:\\.|``(?:[^`\r\n]|`(?!`))+``|`[^`\r\n]+`|[^\\|\r\n`])+/.source,o=/\|?__(?:\|__)+\|?(?:(?:\n|\r\n?)|(?![\s\S]))/.source.replace(/__/g,(function(){return r})),a=/\|?[ \t]*:?-{3,}:?[ \t]*(?:\|[ \t]*:?-{3,}:?[ \t]*)+\|?(?:\n|\r\n?)/.source,i=(e.languages.markdown=e.languages.extend("markup",{}),e.languages.insertBefore("markdown","prolog",{"front-matter-block":{pattern:/(^(?:\s*[\r\n])?)---(?!.)[\s\S]*?[\r\n]---(?!.)/,lookbehind:!0,greedy:!0,inside:{punctuation:/^---|---$/,"front-matter":{pattern:/\S+(?:\s+\S+)*/,alias:["yaml","language-yaml"],inside:e.languages.yaml}}},blockquote:{pattern:/^>(?:[\t ]*>)*/m,alias:"punctuation"},table:{pattern:RegExp("^"+o+a+"(?:"+o+")*","m"),inside:{"table-data-rows":{pattern:RegExp("^("+o+a+")(?:"+o+")*$"),lookbehind:!0,inside:{"table-data":{pattern:RegExp(r),inside:e.languages.markdown},punctuation:/\|/}},"table-line":{pattern:RegExp("^("+o+")"+a+"$"),lookbehind:!0,inside:{punctuation:/\||:?-{3,}:?/}},"table-header-row":{pattern:RegExp("^"+o+"$"),inside:{"table-header":{pattern:RegExp(r),alias:"important",inside:e.languages.markdown},punctuation:/\|/}}}},code:[{pattern:/((?:^|\n)[ \t]*\n|(?:^|\r\n?)[ \t]*\r\n?)(?: {4}|\t).+(?:(?:\n|\r\n?)(?: {4}|\t).+)*/,lookbehind:!0,alias:"keyword"},{pattern:/^```[\s\S]*?^```$/m,greedy:!0,inside:{"code-block":{pattern:/^(```.*(?:\n|\r\n?))[\s\S]+?(?=(?:\n|\r\n?)^```$)/m,lookbehind:!0},"code-language":{pattern:/^(```).+/,lookbehind:!0},punctuation:/```/}}],title:[{pattern:/\S.*(?:\n|\r\n?)(?:==+|--+)(?=[ \t]*$)/m,alias:"important",inside:{punctuation:/==+$|--+$/}},{pattern:/(^\s*)#.+/m,lookbehind:!0,alias:"important",inside:{punctuation:/^#+|#+$/}}],hr:{pattern:/(^\s*)([*-])(?:[\t ]*\2){2,}(?=\s*$)/m,lookbehind:!0,alias:"punctuation"},list:{pattern:/(^\s*)(?:[*+-]|\d+\.)(?=[\t ].)/m,lookbehind:!0,alias:"punctuation"},"url-reference":{pattern:/!?\[[^\]]+\]:[\t ]+(?:\S+|<(?:\\.|[^>\\])+>)(?:[\t ]+(?:"(?:\\.|[^"\\])*"|'(?:\\.|[^'\\])*'|\((?:\\.|[^)\\])*\)))?/,inside:{variable:{pattern:/^(!?\[)[^\]]+/,lookbehind:!0},string:/(?:"(?:\\.|[^"\\])*"|'(?:\\.|[^'\\])*'|\((?:\\.|[^)\\])*\))$/,punctuation:/^[\[\]!:]|[<>]/},alias:"url"},bold:{pattern:n(/\b__(?:(?!_)<inner>|_(?:(?!_)<inner>)+_)+__\b|\*\*(?:(?!\*)<inner>|\*(?:(?!\*)<inner>)+\*)+\*\*/.source),lookbehind:!0,greedy:!0,inside:{content:{pattern:/(^..)[\s\S]+(?=..$)/,lookbehind:!0,inside:{}},punctuation:/\*\*|__/}},italic:{pattern:n(/\b_(?:(?!_)<inner>|__(?:(?!_)<inner>)+__)+_\b|\*(?:(?!\*)<inner>|\*\*(?:(?!\*)<inner>)+\*\*)+\*/.source),lookbehind:!0,greedy:!0,inside:{content:{pattern:/(^.)[\s\S]+(?=.$)/,lookbehind:!0,inside:{}},punctuation:/[*_]/}},strike:{pattern:n(/(~~?)(?:(?!~)<inner>)+\2/.source),lookbehind:!0,greedy:!0,inside:{content:{pattern:/(^~~?)[\s\S]+(?=\1$)/,lookbehind:!0,inside:{}},punctuation:/~~?/}},"code-snippet":{pattern:/(^|[^\\`])(?:``[^`\r\n]+(?:`[^`\r\n]+)*``(?!`)|`[^`\r\n]+`(?!`))/,lookbehind:!0,greedy:!0,alias:["code","keyword"]},url:{pattern:n(/!?\[(?:(?!\])<inner>)+\](?:\([^\s)]+(?:[\t ]+"(?:\\.|[^"\\])*")?\)|[ \t]?\[(?:(?!\])<inner>)+\])/.source),lookbehind:!0,greedy:!0,inside:{operator:/^!/,content:{pattern:/(^\[)[^\]]+(?=\])/,lookbehind:!0,inside:{}},variable:{pattern:/(^\][ \t]?\[)[^\]]+(?=\]$)/,lookbehind:!0},url:{pattern:/(^\]\()[^\s)]+/,lookbehind:!0},string:{pattern:/(^[ \t]+)"(?:\\.|[^"\\])*"(?=\)$)/,lookbehind:!0}}}}),["url","bold","italic","strike"].forEach((function(t){["url","bold","italic","strike","code-snippet"].forEach((function(n){t!==n&&(e.languages.markdown[t].inside.content.inside[n]=e.languages.markdown[n])}))})),e.hooks.add("after-tokenize",(function(e){"markdown"!==e.language&&"md"!==e.language||function e(t){if(t&&"string"!=typeof t)for(var n=0,r=t.length;n<r;n++){var o,a=t[n];"code"!==a.type?e(a.content):(o=a.content[1],a=a.content[3],o&&a&&"code-language"===o.type&&"code-block"===a.type&&"string"==typeof o.content&&(o=o.content.replace(/\b#/g,"sharp").replace(/\b\+\+/g,"pp"),o="language-"+(o=(/[a-z][\w-]*/i.exec(o)||[""])[0].toLowerCase()),a.alias?"string"==typeof a.alias?a.alias=[a.alias,o]:a.alias.push(o):a.alias=[o]))}}(e.tokens)})),e.hooks.add("wrap",(function(t){if("code-block"===t.type){for(var n="",r=0,o=t.classes.length;r<o;r++){var a=t.classes[r];if(a=/language-(.+)/.exec(a)){n=a[1];break}}var c,u=e.languages[n];u?t.content=e.highlight(t.content.replace(i,"").replace(/&(\w{1,8}|#x?[\da-f]{1,8});/gi,(function(e,t){var n;return"#"===(t=t.toLowerCase())[0]?(n="x"===t[1]?parseInt(t.slice(2),16):Number(t.slice(1)),l(n)):s[t]||e})),u,n):n&&"none"!==n&&e.plugins.autoloader&&(c="md-"+(new Date).valueOf()+"-"+Math.floor(1e16*Math.random()),t.attributes.id=c,e.plugins.autoloader.loadLanguages(n,(function(){var t=document.getElementById(c);t&&(t.innerHTML=e.highlight(t.textContent,e.languages[n],n))})))}})),RegExp(e.languages.markup.tag.pattern.source,"gi")),s={amp:"&",lt:"<",gt:">",quot:'"'},l=String.fromCodePoint||String.fromCharCode;e.languages.md=e.languages.markdown}(S),S.languages.graphql={comment:/#.*/,description:{pattern:/(?:"""(?:[^"]|(?!""")")*"""|"(?:\\.|[^\\"\r\n])*")(?=\s*[a-z_])/i,greedy:!0,alias:"string",inside:{"language-markdown":{pattern:/(^"(?:"")?)(?!\1)[\s\S]+(?=\1$)/,lookbehind:!0,inside:S.languages.markdown}}},string:{pattern:/"""(?:[^"]|(?!""")")*"""|"(?:\\.|[^\\"\r\n])*"/,greedy:!0},number:/(?:\B-|\b)\d+(?:\.\d+)?(?:e[+-]?\d+)?\b/i,boolean:/\b(?:false|true)\b/,variable:/\$[a-z_]\w*/i,directive:{pattern:/@[a-z_]\w*/i,alias:"function"},"attr-name":{pattern:/\b[a-z_]\w*(?=\s*(?:\((?:[^()"]|"(?:\\.|[^\\"\r\n])*")*\))?:)/i,greedy:!0},"atom-input":{pattern:/\b[A-Z]\w*Input\b/,alias:"class-name"},scalar:/\b(?:Boolean|Float|ID|Int|String)\b/,constant:/\b[A-Z][A-Z_\d]*\b/,"class-name":{pattern:/(\b(?:enum|implements|interface|on|scalar|type|union)\s+|&\s*|:\s*|\[)[A-Z_]\w*/,lookbehind:!0},fragment:{pattern:/(\bfragment\s+|\.{3}\s*(?!on\b))[a-zA-Z_]\w*/,lookbehind:!0,alias:"function"},"definition-mutation":{pattern:/(\bmutation\s+)[a-zA-Z_]\w*/,lookbehind:!0,alias:"function"},"definition-query":{pattern:/(\bquery\s+)[a-zA-Z_]\w*/,lookbehind:!0,alias:"function"},keyword:/\b(?:directive|enum|extend|fragment|implements|input|interface|mutation|on|query|repeatable|scalar|schema|subscription|type|union)\b/,operator:/[!=|&]|\.{3}/,"property-query":/\w+(?=\s*\()/,object:/\w+(?=\s*\{)/,punctuation:/[!(){}\[\]:=,]/,property:/\w+/},S.hooks.add("after-tokenize",(function(e){if("graphql"===e.language)for(var t=e.tokens.filter((function(e){return"string"!=typeof e&&"comment"!==e.type&&"scalar"!==e.type})),n=0;n<t.length;){var r=t[n++];if("keyword"===r.type&&"mutation"===r.content){var o=[];if(d(["definition-mutation","punctuation"])&&"("===u(1).content){n+=2;var a=p(/^\($/,/^\)$/);if(-1===a)continue;for(;n<a;n++){var i=u(0);"variable"===i.type&&(f(i,"variable-input"),o.push(i.content))}n=a+1}if(d(["punctuation","property-query"])&&"{"===u(0).content&&(n++,f(u(0),"property-mutation"),0<o.length)){var s=p(/^\{$/,/^\}$/);if(-1!==s)for(var l=n;l<s;l++){var c=t[l];"variable"===c.type&&0<=o.indexOf(c.content)&&f(c,"variable-input")}}}}function u(e){return t[n+e]}function d(e,t){t=t||0;for(var n=0;n<e.length;n++){var r=u(n+t);if(!r||r.type!==e[n])return}return 1}function p(e,r){for(var o=1,a=n;a<t.length;a++){var i=t[a],s=i.content;if("punctuation"===i.type&&"string"==typeof s)if(e.test(s))o++;else if(r.test(s)&&0==--o)return a}return-1}function f(e,t){var n=e.alias;n?Array.isArray(n)||(e.alias=n=[n]):e.alias=n=[],n.push(t)}})),S.languages.sql={comment:{pattern:/(^|[^\\])(?:\/\*[\s\S]*?\*\/|(?:--|\/\/|#).*)/,lookbehind:!0},variable:[{pattern:/@(["'`])(?:\\[\s\S]|(?!\1)[^\\])+\1/,greedy:!0},/@[\w.$]+/],string:{pattern:/(^|[^@\\])("|')(?:\\[\s\S]|(?!\2)[^\\]|\2\2)*\2/,greedy:!0,lookbehind:!0},identifier:{pattern:/(^|[^@\\])`(?:\\[\s\S]|[^`\\]|``)*`/,greedy:!0,lookbehind:!0,inside:{punctuation:/^`|`$/}},function:/\b(?:AVG|COUNT|FIRST|FORMAT|LAST|LCASE|LEN|MAX|MID|MIN|MOD|NOW|ROUND|SUM|UCASE)(?=\s*\()/i,keyword:/\b(?:ACTION|ADD|AFTER|ALGORITHM|ALL|ALTER|ANALYZE|ANY|APPLY|AS|ASC|AUTHORIZATION|AUTO_INCREMENT|BACKUP|BDB|BEGIN|BERKELEYDB|BIGINT|BINARY|BIT|BLOB|BOOL|BOOLEAN|BREAK|BROWSE|BTREE|BULK|BY|CALL|CASCADED?|CASE|CHAIN|CHAR(?:ACTER|SET)?|CHECK(?:POINT)?|CLOSE|CLUSTERED|COALESCE|COLLATE|COLUMNS?|COMMENT|COMMIT(?:TED)?|COMPUTE|CONNECT|CONSISTENT|CONSTRAINT|CONTAINS(?:TABLE)?|CONTINUE|CONVERT|CREATE|CROSS|CURRENT(?:_DATE|_TIME|_TIMESTAMP|_USER)?|CURSOR|CYCLE|DATA(?:BASES?)?|DATE(?:TIME)?|DAY|DBCC|DEALLOCATE|DEC|DECIMAL|DECLARE|DEFAULT|DEFINER|DELAYED|DELETE|DELIMITERS?|DENY|DESC|DESCRIBE|DETERMINISTIC|DISABLE|DISCARD|DISK|DISTINCT|DISTINCTROW|DISTRIBUTED|DO|DOUBLE|DROP|DUMMY|DUMP(?:FILE)?|DUPLICATE|ELSE(?:IF)?|ENABLE|ENCLOSED|END|ENGINE|ENUM|ERRLVL|ERRORS|ESCAPED?|EXCEPT|EXEC(?:UTE)?|EXISTS|EXIT|EXPLAIN|EXTENDED|FETCH|FIELDS|FILE|FILLFACTOR|FIRST|FIXED|FLOAT|FOLLOWING|FOR(?: EACH ROW)?|FORCE|FOREIGN|FREETEXT(?:TABLE)?|FROM|FULL|FUNCTION|GEOMETRY(?:COLLECTION)?|GLOBAL|GOTO|GRANT|GROUP|HANDLER|HASH|HAVING|HOLDLOCK|HOUR|IDENTITY(?:COL|_INSERT)?|IF|IGNORE|IMPORT|INDEX|INFILE|INNER|INNODB|INOUT|INSERT|INT|INTEGER|INTERSECT|INTERVAL|INTO|INVOKER|ISOLATION|ITERATE|JOIN|KEYS?|KILL|LANGUAGE|LAST|LEAVE|LEFT|LEVEL|LIMIT|LINENO|LINES|LINESTRING|LOAD|LOCAL|LOCK|LONG(?:BLOB|TEXT)|LOOP|MATCH(?:ED)?|MEDIUM(?:BLOB|INT|TEXT)|MERGE|MIDDLEINT|MINUTE|MODE|MODIFIES|MODIFY|MONTH|MULTI(?:LINESTRING|POINT|POLYGON)|NATIONAL|NATURAL|NCHAR|NEXT|NO|NONCLUSTERED|NULLIF|NUMERIC|OFF?|OFFSETS?|ON|OPEN(?:DATASOURCE|QUERY|ROWSET)?|OPTIMIZE|OPTION(?:ALLY)?|ORDER|OUT(?:ER|FILE)?|OVER|PARTIAL|PARTITION|PERCENT|PIVOT|PLAN|POINT|POLYGON|PRECEDING|PRECISION|PREPARE|PREV|PRIMARY|PRINT|PRIVILEGES|PROC(?:EDURE)?|PUBLIC|PURGE|QUICK|RAISERROR|READS?|REAL|RECONFIGURE|REFERENCES|RELEASE|RENAME|REPEAT(?:ABLE)?|REPLACE|REPLICATION|REQUIRE|RESIGNAL|RESTORE|RESTRICT|RETURN(?:ING|S)?|REVOKE|RIGHT|ROLLBACK|ROUTINE|ROW(?:COUNT|GUIDCOL|S)?|RTREE|RULE|SAVE(?:POINT)?|SCHEMA|SECOND|SELECT|SERIAL(?:IZABLE)?|SESSION(?:_USER)?|SET(?:USER)?|SHARE|SHOW|SHUTDOWN|SIMPLE|SMALLINT|SNAPSHOT|SOME|SONAME|SQL|START(?:ING)?|STATISTICS|STATUS|STRIPED|SYSTEM_USER|TABLES?|TABLESPACE|TEMP(?:ORARY|TABLE)?|TERMINATED|TEXT(?:SIZE)?|THEN|TIME(?:STAMP)?|TINY(?:BLOB|INT|TEXT)|TOP?|TRAN(?:SACTIONS?)?|TRIGGER|TRUNCATE|TSEQUAL|TYPES?|UNBOUNDED|UNCOMMITTED|UNDEFINED|UNION|UNIQUE|UNLOCK|UNPIVOT|UNSIGNED|UPDATE(?:TEXT)?|USAGE|USE|USER|USING|VALUES?|VAR(?:BINARY|CHAR|CHARACTER|YING)|VIEW|WAITFOR|WARNINGS|WHEN|WHERE|WHILE|WITH(?: ROLLUP|IN)?|WORK|WRITE(?:TEXT)?|YEAR)\b/i,boolean:/\b(?:FALSE|NULL|TRUE)\b/i,number:/\b0x[\da-f]+\b|\b\d+(?:\.\d*)?|\B\.\d+\b/i,operator:/[-+*\/=%^~]|&&?|\|\|?|!=?|<(?:=>?|<|>)?|>[>=]?|\b(?:AND|BETWEEN|DIV|ILIKE|IN|IS|LIKE|NOT|OR|REGEXP|RLIKE|SOUNDS LIKE|XOR)\b/i,punctuation:/[;[\]()`,.]/},function(e){var t=e.languages.javascript["template-string"],n=t.pattern.source,r=t.inside.interpolation,o=r.inside["interpolation-punctuation"],a=r.pattern.source;function i(t,r){if(e.languages[t])return{pattern:RegExp("((?:"+r+")\\s*)"+n),lookbehind:!0,greedy:!0,inside:{"template-punctuation":{pattern:/^`|`$/,alias:"string"},"embedded-code":{pattern:/[\s\S]+/,alias:t}}}}function s(t,n,r){return t={code:t,grammar:n,language:r},e.hooks.run("before-tokenize",t),t.tokens=e.tokenize(t.code,t.grammar),e.hooks.run("after-tokenize",t),t.tokens}function l(t,n,i){var l=e.tokenize(t,{interpolation:{pattern:RegExp(a),lookbehind:!0}}),c=0,u={},d=(l=s(l.map((function(e){if("string"==typeof e)return e;var n,r;for(e=e.content;-1!==t.indexOf((r=c++,n="___"+i.toUpperCase()+"_"+r+"___")););return u[n]=e,n})).join(""),n,i),Object.keys(u));return c=0,function t(n){for(var a=0;a<n.length;a++){if(c>=d.length)return;var i,l,p,f,m,h,g,b=n[a];"string"==typeof b||"string"==typeof b.content?(i=d[c],-1!==(g=(h="string"==typeof b?b:b.content).indexOf(i))&&(++c,l=h.substring(0,g),m=u[i],p=void 0,(f={})["interpolation-punctuation"]=o,3===(f=e.tokenize(m,f)).length&&((p=[1,1]).push.apply(p,s(f[1],e.languages.javascript,"javascript")),f.splice.apply(f,p)),p=new e.Token("interpolation",f,r.alias,m),f=h.substring(g+i.length),m=[],l&&m.push(l),m.push(p),f&&(t(h=[f]),m.push.apply(m,h)),"string"==typeof b?(n.splice.apply(n,[a,1].concat(m)),a+=m.length-1):b.content=m)):(g=b.content,Array.isArray(g)?t(g):t([g]))}}(l),new e.Token(i,l,"language-"+i,t)}e.languages.javascript["template-string"]=[i("css",/\b(?:styled(?:\([^)]*\))?(?:\s*\.\s*\w+(?:\([^)]*\))*)*|css(?:\s*\.\s*(?:global|resolve))?|createGlobalStyle|keyframes)/.source),i("html",/\bhtml|\.\s*(?:inner|outer)HTML\s*\+?=/.source),i("svg",/\bsvg/.source),i("markdown",/\b(?:markdown|md)/.source),i("graphql",/\b(?:gql|graphql(?:\s*\.\s*experimental)?)/.source),i("sql",/\bsql/.source),t].filter(Boolean);var c={javascript:!0,js:!0,typescript:!0,ts:!0,jsx:!0,tsx:!0};function u(e){return"string"==typeof e?e:Array.isArray(e)?e.map(u).join(""):u(e.content)}e.hooks.add("after-tokenize",(function(t){t.language in c&&function t(n){for(var r=0,o=n.length;r<o;r++){var a,i,s,c=n[r];"string"!=typeof c&&(a=c.content,Array.isArray(a)?"template-string"===c.type?(c=a[1],3===a.length&&"string"!=typeof c&&"embedded-code"===c.type&&(i=u(c),c=c.alias,c=Array.isArray(c)?c[0]:c,s=e.languages[c])&&(a[1]=l(i,s,c))):t(a):"string"!=typeof a&&t([a]))}}(t.tokens)}))}(S),function(e){e.languages.typescript=e.languages.extend("javascript",{"class-name":{pattern:/(\b(?:class|extends|implements|instanceof|interface|new|type)\s+)(?!keyof\b)(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?:\s*<(?:[^<>]|<(?:[^<>]|<[^<>]*>)*>)*>)?/,lookbehind:!0,greedy:!0,inside:null},builtin:/\b(?:Array|Function|Promise|any|boolean|console|never|number|string|symbol|unknown)\b/}),e.languages.typescript.keyword.push(/\b(?:abstract|declare|is|keyof|readonly|require)\b/,/\b(?:asserts|infer|interface|module|namespace|type)\b(?=\s*(?:[{_$a-zA-Z\xA0-\uFFFF]|$))/,/\btype\b(?=\s*(?:[\{*]|$))/),delete e.languages.typescript.parameter,delete e.languages.typescript["literal-property"];var t=e.languages.extend("typescript",{});delete t["class-name"],e.languages.typescript["class-name"].inside=t,e.languages.insertBefore("typescript","function",{decorator:{pattern:/@[$\w\xA0-\uFFFF]+/,inside:{at:{pattern:/^@/,alias:"operator"},function:/^[\s\S]+/}},"generic-function":{pattern:/#?(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*\s*<(?:[^<>]|<(?:[^<>]|<[^<>]*>)*>)*>(?=\s*\()/,greedy:!0,inside:{function:/^#?(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*/,generic:{pattern:/<[\s\S]+/,alias:"class-name",inside:t}}}}),e.languages.ts=e.languages.typescript}(S),function(e){var t=e.languages.javascript,n=/\{(?:[^{}]|\{(?:[^{}]|\{[^{}]*\})*\})+\}/.source,r="(@(?:arg|argument|param|property)\\s+(?:"+n+"\\s+)?)";e.languages.jsdoc=e.languages.extend("javadoclike",{parameter:{pattern:RegExp(r+/(?:(?!\s)[$\w\xA0-\uFFFF.])+(?=\s|$)/.source),lookbehind:!0,inside:{punctuation:/\./}}}),e.languages.insertBefore("jsdoc","keyword",{"optional-parameter":{pattern:RegExp(r+/\[(?:(?!\s)[$\w\xA0-\uFFFF.])+(?:=[^[\]]+)?\](?=\s|$)/.source),lookbehind:!0,inside:{parameter:{pattern:/(^\[)[$\w\xA0-\uFFFF\.]+/,lookbehind:!0,inside:{punctuation:/\./}},code:{pattern:/(=)[\s\S]*(?=\]$)/,lookbehind:!0,inside:t,alias:"language-javascript"},punctuation:/[=[\]]/}},"class-name":[{pattern:RegExp(/(@(?:augments|class|extends|interface|memberof!?|template|this|typedef)\s+(?:<TYPE>\s+)?)[A-Z]\w*(?:\.[A-Z]\w*)*/.source.replace(/<TYPE>/g,(function(){return n}))),lookbehind:!0,inside:{punctuation:/\./}},{pattern:RegExp("(@[a-z]+\\s+)"+n),lookbehind:!0,inside:{string:t.string,number:t.number,boolean:t.boolean,keyword:e.languages.typescript.keyword,operator:/=>|\.\.\.|[&|?:*]/,punctuation:/[.,;=<>{}()[\]]/}}],example:{pattern:/(@example\s+(?!\s))(?:[^@\s]|\s+(?!\s))+?(?=\s*(?:\*\s*)?(?:@\w|\*\/))/,lookbehind:!0,inside:{code:{pattern:/^([\t ]*(?:\*\s*)?)\S.*$/m,lookbehind:!0,inside:t,alias:"language-javascript"}}}}),e.languages.javadoclike.addSupport("javascript",e.languages.jsdoc)}(S),function(e){e.languages.flow=e.languages.extend("javascript",{}),e.languages.insertBefore("flow","keyword",{type:[{pattern:/\b(?:[Bb]oolean|Function|[Nn]umber|[Ss]tring|[Ss]ymbol|any|mixed|null|void)\b/,alias:"class-name"}]}),e.languages.flow["function-variable"].pattern=/(?!\s)[_$a-z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*=\s*(?:function\b|(?:\([^()]*\)(?:\s*:\s*\w+)?|(?!\s)[_$a-z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*)\s*=>))/i,delete e.languages.flow.parameter,e.languages.insertBefore("flow","operator",{"flow-punctuation":{pattern:/\{\||\|\}/,alias:"punctuation"}}),Array.isArray(e.languages.flow.keyword)||(e.languages.flow.keyword=[e.languages.flow.keyword]),e.languages.flow.keyword.unshift({pattern:/(^|[^$]\b)(?:Class|declare|opaque|type)\b(?!\$)/,lookbehind:!0},{pattern:/(^|[^$]\B)\$(?:Diff|Enum|Exact|Keys|ObjMap|PropertyType|Record|Shape|Subtype|Supertype|await)\b(?!\$)/,lookbehind:!0})}(S),S.languages.n4js=S.languages.extend("javascript",{keyword:/\b(?:Array|any|boolean|break|case|catch|class|const|constructor|continue|debugger|declare|default|delete|do|else|enum|export|extends|false|finally|for|from|function|get|if|implements|import|in|instanceof|interface|let|module|new|null|number|package|private|protected|public|return|set|static|string|super|switch|this|throw|true|try|typeof|var|void|while|with|yield)\b/}),S.languages.insertBefore("n4js","constant",{annotation:{pattern:/@+\w+/,alias:"operator"}}),S.languages.n4jsd=S.languages.n4js,function(e){function t(e,t){return RegExp(e.replace(/<ID>/g,(function(){return/(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*/.source})),t)}e.languages.insertBefore("javascript","function-variable",{"method-variable":{pattern:RegExp("(\\.\\s*)"+e.languages.javascript["function-variable"].pattern.source),lookbehind:!0,alias:["function-variable","method","function","property-access"]}}),e.languages.insertBefore("javascript","function",{method:{pattern:RegExp("(\\.\\s*)"+e.languages.javascript.function.source),lookbehind:!0,alias:["function","property-access"]}}),e.languages.insertBefore("javascript","constant",{"known-class-name":[{pattern:/\b(?:(?:Float(?:32|64)|(?:Int|Uint)(?:8|16|32)|Uint8Clamped)?Array|ArrayBuffer|BigInt|Boolean|DataView|Date|Error|Function|Intl|JSON|(?:Weak)?(?:Map|Set)|Math|Number|Object|Promise|Proxy|Reflect|RegExp|String|Symbol|WebAssembly)\b/,alias:"class-name"},{pattern:/\b(?:[A-Z]\w*)Error\b/,alias:"class-name"}]}),e.languages.insertBefore("javascript","keyword",{imports:{pattern:t(/(\bimport\b\s*)(?:<ID>(?:\s*,\s*(?:\*\s*as\s+<ID>|\{[^{}]*\}))?|\*\s*as\s+<ID>|\{[^{}]*\})(?=\s*\bfrom\b)/.source),lookbehind:!0,inside:e.languages.javascript},exports:{pattern:t(/(\bexport\b\s*)(?:\*(?:\s*as\s+<ID>)?(?=\s*\bfrom\b)|\{[^{}]*\})/.source),lookbehind:!0,inside:e.languages.javascript}}),e.languages.javascript.keyword.unshift({pattern:/\b(?:as|default|export|from|import)\b/,alias:"module"},{pattern:/\b(?:await|break|catch|continue|do|else|finally|for|if|return|switch|throw|try|while|yield)\b/,alias:"control-flow"},{pattern:/\bnull\b/,alias:["null","nil"]},{pattern:/\bundefined\b/,alias:"nil"}),e.languages.insertBefore("javascript","operator",{spread:{pattern:/\.{3}/,alias:"operator"},arrow:{pattern:/=>/,alias:"operator"}}),e.languages.insertBefore("javascript","punctuation",{"property-access":{pattern:t(/(\.\s*)#?<ID>/.source),lookbehind:!0},"maybe-class-name":{pattern:/(^|[^$\w\xA0-\uFFFF])[A-Z][$\w\xA0-\uFFFF]+/,lookbehind:!0},dom:{pattern:/\b(?:document|(?:local|session)Storage|location|navigator|performance|window)\b/,alias:"variable"},console:{pattern:/\bconsole(?=\s*\.)/,alias:"class-name"}});for(var n=["function","function-variable","method","method-variable","property-access"],r=0;r<n.length;r++){var o=n[r],a=e.languages.javascript[o];o=(a="RegExp"===e.util.type(a)?e.languages.javascript[o]={pattern:a}:a).inside||{};(a.inside=o)["maybe-class-name"]=/^[A-Z][\s\S]*/}}(S),function(e){var t=e.util.clone(e.languages.javascript),n=/(?:\s|\/\/.*(?!.)|\/\*(?:[^*]|\*(?!\/))\*\/)/.source,r=/(?:\{(?:\{(?:\{[^{}]*\}|[^{}])*\}|[^{}])*\})/.source,o=/(?:\{<S>*\.{3}(?:[^{}]|<BRACES>)*\})/.source;function a(e,t){return e=e.replace(/<S>/g,(function(){return n})).replace(/<BRACES>/g,(function(){return r})).replace(/<SPREAD>/g,(function(){return o})),RegExp(e,t)}function i(t){for(var n=[],r=0;r<t.length;r++){var o=t[r],a=!1;"string"!=typeof o&&("tag"===o.type&&o.content[0]&&"tag"===o.content[0].type?"</"===o.content[0].content[0].content?0<n.length&&n[n.length-1].tagName===s(o.content[0].content[1])&&n.pop():"/>"!==o.content[o.content.length-1].content&&n.push({tagName:s(o.content[0].content[1]),openedBraces:0}):0<n.length&&"punctuation"===o.type&&"{"===o.content?n[n.length-1].openedBraces++:0<n.length&&0<n[n.length-1].openedBraces&&"punctuation"===o.type&&"}"===o.content?n[n.length-1].openedBraces--:a=!0),(a||"string"==typeof o)&&0<n.length&&0===n[n.length-1].openedBraces&&(a=s(o),r<t.length-1&&("string"==typeof t[r+1]||"plain-text"===t[r+1].type)&&(a+=s(t[r+1]),t.splice(r+1,1)),0<r&&("string"==typeof t[r-1]||"plain-text"===t[r-1].type)&&(a=s(t[r-1])+a,t.splice(r-1,1),r--),t[r]=new e.Token("plain-text",a,null,a)),o.content&&"string"!=typeof o.content&&i(o.content)}}o=a(o).source,e.languages.jsx=e.languages.extend("markup",t),e.languages.jsx.tag.pattern=a(/<\/?(?:[\w.:-]+(?:<S>+(?:[\w.:$-]+(?:=(?:"(?:\\[\s\S]|[^\\"])*"|'(?:\\[\s\S]|[^\\'])*'|[^\s{'"/>=]+|<BRACES>))?|<SPREAD>))*<S>*\/?)?>/.source),e.languages.jsx.tag.inside.tag.pattern=/^<\/?[^\s>\/]*/,e.languages.jsx.tag.inside["attr-value"].pattern=/=(?!\{)(?:"(?:\\[\s\S]|[^\\"])*"|'(?:\\[\s\S]|[^\\'])*'|[^\s'">]+)/,e.languages.jsx.tag.inside.tag.inside["class-name"]=/^[A-Z]\w*(?:\.[A-Z]\w*)*$/,e.languages.jsx.tag.inside.comment=t.comment,e.languages.insertBefore("inside","attr-name",{spread:{pattern:a(/<SPREAD>/.source),inside:e.languages.jsx}},e.languages.jsx.tag),e.languages.insertBefore("inside","special-attr",{script:{pattern:a(/=<BRACES>/.source),alias:"language-javascript",inside:{"script-punctuation":{pattern:/^=(?=\{)/,alias:"punctuation"},rest:e.languages.jsx}}},e.languages.jsx.tag);var s=function(e){return e?"string"==typeof e?e:"string"==typeof e.content?e.content:e.content.map(s).join(""):""};e.hooks.add("after-tokenize",(function(e){"jsx"!==e.language&&"tsx"!==e.language||i(e.tokens)}))}(S),function(e){var t=e.util.clone(e.languages.typescript);(t=(e.languages.tsx=e.languages.extend("jsx",t),delete e.languages.tsx.parameter,delete e.languages.tsx["literal-property"],e.languages.tsx.tag)).pattern=RegExp(/(^|[^\w$]|(?=<\/))/.source+"(?:"+t.pattern.source+")",t.pattern.flags),t.lookbehind=!0}(S),S.languages.swift={comment:{pattern:/(^|[^\\:])(?:\/\/.*|\/\*(?:[^/*]|\/(?!\*)|\*(?!\/)|\/\*(?:[^*]|\*(?!\/))*\*\/)*\*\/)/,lookbehind:!0,greedy:!0},"string-literal":[{pattern:RegExp(/(^|[^"#])/.source+"(?:"+/"(?:\\(?:\((?:[^()]|\([^()]*\))*\)|\r\n|[^(])|[^\\\r\n"])*"/.source+"|"+/"""(?:\\(?:\((?:[^()]|\([^()]*\))*\)|[^(])|[^\\"]|"(?!""))*"""/.source+")"+/(?!["#])/.source),lookbehind:!0,greedy:!0,inside:{interpolation:{pattern:/(\\\()(?:[^()]|\([^()]*\))*(?=\))/,lookbehind:!0,inside:null},"interpolation-punctuation":{pattern:/^\)|\\\($/,alias:"punctuation"},punctuation:/\\(?=[\r\n])/,string:/[\s\S]+/}},{pattern:RegExp(/(^|[^"#])(#+)/.source+"(?:"+/"(?:\\(?:#+\((?:[^()]|\([^()]*\))*\)|\r\n|[^#])|[^\\\r\n])*?"/.source+"|"+/"""(?:\\(?:#+\((?:[^()]|\([^()]*\))*\)|[^#])|[^\\])*?"""/.source+")\\2"),lookbehind:!0,greedy:!0,inside:{interpolation:{pattern:/(\\#+\()(?:[^()]|\([^()]*\))*(?=\))/,lookbehind:!0,inside:null},"interpolation-punctuation":{pattern:/^\)|\\#+\($/,alias:"punctuation"},string:/[\s\S]+/}}],directive:{pattern:RegExp(/#/.source+"(?:"+/(?:elseif|if)\b/.source+"(?:[ \t]*"+/(?:![ \t]*)?(?:\b\w+\b(?:[ \t]*\((?:[^()]|\([^()]*\))*\))?|\((?:[^()]|\([^()]*\))*\))(?:[ \t]*(?:&&|\|\|))?/.source+")+|"+/(?:else|endif)\b/.source+")"),alias:"property",inside:{"directive-name":/^#\w+/,boolean:/\b(?:false|true)\b/,number:/\b\d+(?:\.\d+)*\b/,operator:/!|&&|\|\||[<>]=?/,punctuation:/[(),]/}},literal:{pattern:/#(?:colorLiteral|column|dsohandle|file(?:ID|Literal|Path)?|function|imageLiteral|line)\b/,alias:"constant"},"other-directive":{pattern:/#\w+\b/,alias:"property"},attribute:{pattern:/@\w+/,alias:"atrule"},"function-definition":{pattern:/(\bfunc\s+)\w+/,lookbehind:!0,alias:"function"},label:{pattern:/\b(break|continue)\s+\w+|\b[a-zA-Z_]\w*(?=\s*:\s*(?:for|repeat|while)\b)/,lookbehind:!0,alias:"important"},keyword:/\b(?:Any|Protocol|Self|Type|actor|as|assignment|associatedtype|associativity|async|await|break|case|catch|class|continue|convenience|default|defer|deinit|didSet|do|dynamic|else|enum|extension|fallthrough|fileprivate|final|for|func|get|guard|higherThan|if|import|in|indirect|infix|init|inout|internal|is|isolated|lazy|left|let|lowerThan|mutating|none|nonisolated|nonmutating|open|operator|optional|override|postfix|precedencegroup|prefix|private|protocol|public|repeat|required|rethrows|return|right|safe|self|set|some|static|struct|subscript|super|switch|throw|throws|try|typealias|unowned|unsafe|var|weak|where|while|willSet)\b/,boolean:/\b(?:false|true)\b/,nil:{pattern:/\bnil\b/,alias:"constant"},"short-argument":/\$\d+\b/,omit:{pattern:/\b_\b/,alias:"keyword"},number:/\b(?:[\d_]+(?:\.[\de_]+)?|0x[a-f0-9_]+(?:\.[a-f0-9p_]+)?|0b[01_]+|0o[0-7_]+)\b/i,"class-name":/\b[A-Z](?:[A-Z_\d]*[a-z]\w*)?\b/,function:/\b[a-z_]\w*(?=\s*\()/i,constant:/\b(?:[A-Z_]{2,}|k[A-Z][A-Za-z_]+)\b/,operator:/[-+*/%=!<>&|^~?]+|\.[.\-+*/%=!<>&|^~?]+/,punctuation:/[{}[\]();,.:\\]/},S.languages.swift["string-literal"].forEach((function(e){e.inside.interpolation.inside=S.languages.swift})),function(e){e.languages.kotlin=e.languages.extend("clike",{keyword:{pattern:/(^|[^.])\b(?:abstract|actual|annotation|as|break|by|catch|class|companion|const|constructor|continue|crossinline|data|do|dynamic|else|enum|expect|external|final|finally|for|fun|get|if|import|in|infix|init|inline|inner|interface|internal|is|lateinit|noinline|null|object|open|operator|out|override|package|private|protected|public|reified|return|sealed|set|super|suspend|tailrec|this|throw|to|try|typealias|val|var|vararg|when|where|while)\b/,lookbehind:!0},function:[{pattern:/(?:`[^\r\n`]+`|\b\w+)(?=\s*\()/,greedy:!0},{pattern:/(\.)(?:`[^\r\n`]+`|\w+)(?=\s*\{)/,lookbehind:!0,greedy:!0}],number:/\b(?:0[xX][\da-fA-F]+(?:_[\da-fA-F]+)*|0[bB][01]+(?:_[01]+)*|\d+(?:_\d+)*(?:\.\d+(?:_\d+)*)?(?:[eE][+-]?\d+(?:_\d+)*)?[fFL]?)\b/,operator:/\+[+=]?|-[-=>]?|==?=?|!(?:!|==?)?|[\/*%<>]=?|[?:]:?|\.\.|&&|\|\||\b(?:and|inv|or|shl|shr|ushr|xor)\b/}),delete e.languages.kotlin["class-name"];var t={"interpolation-punctuation":{pattern:/^\$\{?|\}$/,alias:"punctuation"},expression:{pattern:/[\s\S]+/,inside:e.languages.kotlin}};e.languages.insertBefore("kotlin","string",{"string-literal":[{pattern:/"""(?:[^$]|\$(?:(?!\{)|\{[^{}]*\}))*?"""/,alias:"multiline",inside:{interpolation:{pattern:/\$(?:[a-z_]\w*|\{[^{}]*\})/i,inside:t},string:/[\s\S]+/}},{pattern:/"(?:[^"\\\r\n$]|\\.|\$(?:(?!\{)|\{[^{}]*\}))*"/,alias:"singleline",inside:{interpolation:{pattern:/((?:^|[^\\])(?:\\{2})*)\$(?:[a-z_]\w*|\{[^{}]*\})/i,lookbehind:!0,inside:t},string:/[\s\S]+/}}],char:{pattern:/'(?:[^'\\\r\n]|\\(?:.|u[a-fA-F0-9]{0,4}))'/,greedy:!0}}),delete e.languages.kotlin.string,e.languages.insertBefore("kotlin","keyword",{annotation:{pattern:/\B@(?:\w+:)?(?:[A-Z]\w*|\[[^\]]+\])/,alias:"builtin"}}),e.languages.insertBefore("kotlin","function",{label:{pattern:/\b\w+@|@\w+\b/,alias:"symbol"}}),e.languages.kt=e.languages.kotlin,e.languages.kts=e.languages.kotlin}(S),S.languages.c=S.languages.extend("clike",{comment:{pattern:/\/\/(?:[^\r\n\\]|\\(?:\r\n?|\n|(?![\r\n])))*|\/\*[\s\S]*?(?:\*\/|$)/,greedy:!0},string:{pattern:/"(?:\\(?:\r\n|[\s\S])|[^"\\\r\n])*"/,greedy:!0},"class-name":{pattern:/(\b(?:enum|struct)\s+(?:__attribute__\s*\(\([\s\S]*?\)\)\s*)?)\w+|\b[a-z]\w*_t\b/,lookbehind:!0},keyword:/\b(?:_Alignas|_Alignof|_Atomic|_Bool|_Complex|_Generic|_Imaginary|_Noreturn|_Static_assert|_Thread_local|__attribute__|asm|auto|break|case|char|const|continue|default|do|double|else|enum|extern|float|for|goto|if|inline|int|long|register|return|short|signed|sizeof|static|struct|switch|typedef|typeof|union|unsigned|void|volatile|while)\b/,function:/\b[a-z_]\w*(?=\s*\()/i,number:/(?:\b0x(?:[\da-f]+(?:\.[\da-f]*)?|\.[\da-f]+)(?:p[+-]?\d+)?|(?:\b\d+(?:\.\d*)?|\B\.\d+)(?:e[+-]?\d+)?)[ful]{0,4}/i,operator:/>>=?|<<=?|->|([-+&|:])\1|[?:~]|[-+*/%&|^!=<>]=?/}),S.languages.insertBefore("c","string",{char:{pattern:/'(?:\\(?:\r\n|[\s\S])|[^'\\\r\n]){0,32}'/,greedy:!0}}),S.languages.insertBefore("c","string",{macro:{pattern:/(^[\t ]*)#\s*[a-z](?:[^\r\n\\/]|\/(?!\*)|\/\*(?:[^*]|\*(?!\/))*\*\/|\\(?:\r\n|[\s\S]))*/im,lookbehind:!0,greedy:!0,alias:"property",inside:{string:[{pattern:/^(#\s*include\s*)<[^>]+>/,lookbehind:!0},S.languages.c.string],char:S.languages.c.char,comment:S.languages.c.comment,"macro-name":[{pattern:/(^#\s*define\s+)\w+\b(?!\()/i,lookbehind:!0},{pattern:/(^#\s*define\s+)\w+\b(?=\()/i,lookbehind:!0,alias:"function"}],directive:{pattern:/^(#\s*)[a-z]+/,lookbehind:!0,alias:"keyword"},"directive-hash":/^#/,punctuation:/##|\\(?=[\r\n])/,expression:{pattern:/\S[\s\S]*/,inside:S.languages.c}}}}),S.languages.insertBefore("c","function",{constant:/\b(?:EOF|NULL|SEEK_CUR|SEEK_END|SEEK_SET|__DATE__|__FILE__|__LINE__|__TIMESTAMP__|__TIME__|__func__|stderr|stdin|stdout)\b/}),delete S.languages.c.boolean,S.languages.objectivec=S.languages.extend("c",{string:{pattern:/@?"(?:\\(?:\r\n|[\s\S])|[^"\\\r\n])*"/,greedy:!0},keyword:/\b(?:asm|auto|break|case|char|const|continue|default|do|double|else|enum|extern|float|for|goto|if|in|inline|int|long|register|return|self|short|signed|sizeof|static|struct|super|switch|typedef|typeof|union|unsigned|void|volatile|while)\b|(?:@interface|@end|@implementation|@protocol|@class|@public|@protected|@private|@property|@try|@catch|@finally|@throw|@synthesize|@dynamic|@selector)\b/,operator:/-[->]?|\+\+?|!=?|<<?=?|>>?=?|==?|&&?|\|\|?|[~^%?*\/@]/}),delete S.languages.objectivec["class-name"],S.languages.objc=S.languages.objectivec,S.languages.reason=S.languages.extend("clike",{string:{pattern:/"(?:\\(?:\r\n|[\s\S])|[^\\\r\n"])*"/,greedy:!0},"class-name":/\b[A-Z]\w*/,keyword:/\b(?:and|as|assert|begin|class|constraint|do|done|downto|else|end|exception|external|for|fun|function|functor|if|in|include|inherit|initializer|lazy|let|method|module|mutable|new|nonrec|object|of|open|or|private|rec|sig|struct|switch|then|to|try|type|val|virtual|when|while|with)\b/,operator:/\.{3}|:[:=]|\|>|->|=(?:==?|>)?|<=?|>=?|[|^?'#!~`]|[+\-*\/]\.?|\b(?:asr|land|lor|lsl|lsr|lxor|mod)\b/}),S.languages.insertBefore("reason","class-name",{char:{pattern:/'(?:\\x[\da-f]{2}|\\o[0-3][0-7][0-7]|\\\d{3}|\\.|[^'\\\r\n])'/,greedy:!0},constructor:/\b[A-Z]\w*\b(?!\s*\.)/,label:{pattern:/\b[a-z]\w*(?=::)/,alias:"symbol"}}),delete S.languages.reason.function,function(e){for(var t=/\/\*(?:[^*/]|\*(?!\/)|\/(?!\*)|<self>)*\*\//.source,n=0;n<2;n++)t=t.replace(/<self>/g,(function(){return t}));t=t.replace(/<self>/g,(function(){return/[^\s\S]/.source})),e.languages.rust={comment:[{pattern:RegExp(/(^|[^\\])/.source+t),lookbehind:!0,greedy:!0},{pattern:/(^|[^\\:])\/\/.*/,lookbehind:!0,greedy:!0}],string:{pattern:/b?"(?:\\[\s\S]|[^\\"])*"|b?r(#*)"(?:[^"]|"(?!\1))*"\1/,greedy:!0},char:{pattern:/b?'(?:\\(?:x[0-7][\da-fA-F]|u\{(?:[\da-fA-F]_*){1,6}\}|.)|[^\\\r\n\t'])'/,greedy:!0},attribute:{pattern:/#!?\[(?:[^\[\]"]|"(?:\\[\s\S]|[^\\"])*")*\]/,greedy:!0,alias:"attr-name",inside:{string:null}},"closure-params":{pattern:/([=(,:]\s*|\bmove\s*)\|[^|]*\||\|[^|]*\|(?=\s*(?:\{|->))/,lookbehind:!0,greedy:!0,inside:{"closure-punctuation":{pattern:/^\||\|$/,alias:"punctuation"},rest:null}},"lifetime-annotation":{pattern:/'\w+/,alias:"symbol"},"fragment-specifier":{pattern:/(\$\w+:)[a-z]+/,lookbehind:!0,alias:"punctuation"},variable:/\$\w+/,"function-definition":{pattern:/(\bfn\s+)\w+/,lookbehind:!0,alias:"function"},"type-definition":{pattern:/(\b(?:enum|struct|trait|type|union)\s+)\w+/,lookbehind:!0,alias:"class-name"},"module-declaration":[{pattern:/(\b(?:crate|mod)\s+)[a-z][a-z_\d]*/,lookbehind:!0,alias:"namespace"},{pattern:/(\b(?:crate|self|super)\s*)::\s*[a-z][a-z_\d]*\b(?:\s*::(?:\s*[a-z][a-z_\d]*\s*::)*)?/,lookbehind:!0,alias:"namespace",inside:{punctuation:/::/}}],keyword:[/\b(?:Self|abstract|as|async|await|become|box|break|const|continue|crate|do|dyn|else|enum|extern|final|fn|for|if|impl|in|let|loop|macro|match|mod|move|mut|override|priv|pub|ref|return|self|static|struct|super|trait|try|type|typeof|union|unsafe|unsized|use|virtual|where|while|yield)\b/,/\b(?:bool|char|f(?:32|64)|[ui](?:8|16|32|64|128|size)|str)\b/],function:/\b[a-z_]\w*(?=\s*(?:::\s*<|\())/,macro:{pattern:/\b\w+!/,alias:"property"},constant:/\b[A-Z_][A-Z_\d]+\b/,"class-name":/\b[A-Z]\w*\b/,namespace:{pattern:/(?:\b[a-z][a-z_\d]*\s*::\s*)*\b[a-z][a-z_\d]*\s*::(?!\s*<)/,inside:{punctuation:/::/}},number:/\b(?:0x[\dA-Fa-f](?:_?[\dA-Fa-f])*|0o[0-7](?:_?[0-7])*|0b[01](?:_?[01])*|(?:(?:\d(?:_?\d)*)?\.)?\d(?:_?\d)*(?:[Ee][+-]?\d+)?)(?:_?(?:f32|f64|[iu](?:8|16|32|64|size)?))?\b/,boolean:/\b(?:false|true)\b/,punctuation:/->|\.\.=|\.{1,3}|::|[{}[\];(),:]/,operator:/[-+*\/%!^]=?|=[=>]?|&[&=]?|\|[|=]?|<<?=?|>>?=?|[@?]/},e.languages.rust["closure-params"].inside.rest=e.languages.rust,e.languages.rust.attribute.inside.string=e.languages.rust.string}(S),S.languages.go=S.languages.extend("clike",{string:{pattern:/(^|[^\\])"(?:\\.|[^"\\\r\n])*"|`[^`]*`/,lookbehind:!0,greedy:!0},keyword:/\b(?:break|case|chan|const|continue|default|defer|else|fallthrough|for|func|go(?:to)?|if|import|interface|map|package|range|return|select|struct|switch|type|var)\b/,boolean:/\b(?:_|false|iota|nil|true)\b/,number:[/\b0(?:b[01_]+|o[0-7_]+)i?\b/i,/\b0x(?:[a-f\d_]+(?:\.[a-f\d_]*)?|\.[a-f\d_]+)(?:p[+-]?\d+(?:_\d+)*)?i?(?!\w)/i,/(?:\b\d[\d_]*(?:\.[\d_]*)?|\B\.\d[\d_]*)(?:e[+-]?[\d_]+)?i?(?!\w)/i],operator:/[*\/%^!=]=?|\+[=+]?|-[=-]?|\|[=|]?|&(?:=|&|\^=?)?|>(?:>=?|=)?|<(?:<=?|=|-)?|:=|\.\.\./,builtin:/\b(?:append|bool|byte|cap|close|complex|complex(?:64|128)|copy|delete|error|float(?:32|64)|u?int(?:8|16|32|64)?|imag|len|make|new|panic|print(?:ln)?|real|recover|rune|string|uintptr)\b/}),S.languages.insertBefore("go","string",{char:{pattern:/'(?:\\.|[^'\\\r\n]){0,10}'/,greedy:!0}}),delete S.languages.go["class-name"],function(e){var t=/\b(?:alignas|alignof|asm|auto|bool|break|case|catch|char|char16_t|char32_t|char8_t|class|co_await|co_return|co_yield|compl|concept|const|const_cast|consteval|constexpr|constinit|continue|decltype|default|delete|do|double|dynamic_cast|else|enum|explicit|export|extern|final|float|for|friend|goto|if|import|inline|int|int16_t|int32_t|int64_t|int8_t|long|module|mutable|namespace|new|noexcept|nullptr|operator|override|private|protected|public|register|reinterpret_cast|requires|return|short|signed|sizeof|static|static_assert|static_cast|struct|switch|template|this|thread_local|throw|try|typedef|typeid|typename|uint16_t|uint32_t|uint64_t|uint8_t|union|unsigned|using|virtual|void|volatile|wchar_t|while)\b/,n=/\b(?!<keyword>)\w+(?:\s*\.\s*\w+)*\b/.source.replace(/<keyword>/g,(function(){return t.source}));e.languages.cpp=e.languages.extend("c",{"class-name":[{pattern:RegExp(/(\b(?:class|concept|enum|struct|typename)\s+)(?!<keyword>)\w+/.source.replace(/<keyword>/g,(function(){return t.source}))),lookbehind:!0},/\b[A-Z]\w*(?=\s*::\s*\w+\s*\()/,/\b[A-Z_]\w*(?=\s*::\s*~\w+\s*\()/i,/\b\w+(?=\s*<(?:[^<>]|<(?:[^<>]|<[^<>]*>)*>)*>\s*::\s*\w+\s*\()/],keyword:t,number:{pattern:/(?:\b0b[01']+|\b0x(?:[\da-f']+(?:\.[\da-f']*)?|\.[\da-f']+)(?:p[+-]?[\d']+)?|(?:\b[\d']+(?:\.[\d']*)?|\B\.[\d']+)(?:e[+-]?[\d']+)?)[ful]{0,4}/i,greedy:!0},operator:/>>=?|<<=?|->|--|\+\+|&&|\|\||[?:~]|<=>|[-+*/%&|^!=<>]=?|\b(?:and|and_eq|bitand|bitor|not|not_eq|or|or_eq|xor|xor_eq)\b/,boolean:/\b(?:false|true)\b/}),e.languages.insertBefore("cpp","string",{module:{pattern:RegExp(/(\b(?:import|module)\s+)/.source+"(?:"+/"(?:\\(?:\r\n|[\s\S])|[^"\\\r\n])*"|<[^<>\r\n]*>/.source+"|"+/<mod-name>(?:\s*:\s*<mod-name>)?|:\s*<mod-name>/.source.replace(/<mod-name>/g,(function(){return n}))+")"),lookbehind:!0,greedy:!0,inside:{string:/^[<"][\s\S]+/,operator:/:/,punctuation:/\./}},"raw-string":{pattern:/R"([^()\\ ]{0,16})\([\s\S]*?\)\1"/,alias:"string",greedy:!0}}),e.languages.insertBefore("cpp","keyword",{"generic-function":{pattern:/\b(?!operator\b)[a-z_]\w*\s*<(?:[^<>]|<[^<>]*>)*>(?=\s*\()/i,inside:{function:/^\w+/,generic:{pattern:/<[\s\S]+/,alias:"class-name",inside:e.languages.cpp}}}}),e.languages.insertBefore("cpp","operator",{"double-colon":{pattern:/::/,alias:"punctuation"}}),e.languages.insertBefore("cpp","class-name",{"base-clause":{pattern:/(\b(?:class|struct)\s+\w+\s*:\s*)[^;{}"'\s]+(?:\s+[^;{}"'\s]+)*(?=\s*[;{])/,lookbehind:!0,greedy:!0,inside:e.languages.extend("cpp",{})}}),e.languages.insertBefore("inside","double-colon",{"class-name":/\b[a-z_]\w*\b(?!\s*::)/i},e.languages.cpp["base-clause"])}(S),S.languages.python={comment:{pattern:/(^|[^\\])#.*/,lookbehind:!0,greedy:!0},"string-interpolation":{pattern:/(?:f|fr|rf)(?:("""|''')[\s\S]*?\1|("|')(?:\\.|(?!\2)[^\\\r\n])*\2)/i,greedy:!0,inside:{interpolation:{pattern:/((?:^|[^{])(?:\{\{)*)\{(?!\{)(?:[^{}]|\{(?!\{)(?:[^{}]|\{(?!\{)(?:[^{}])+\})+\})+\}/,lookbehind:!0,inside:{"format-spec":{pattern:/(:)[^:(){}]+(?=\}$)/,lookbehind:!0},"conversion-option":{pattern:/![sra](?=[:}]$)/,alias:"punctuation"},rest:null}},string:/[\s\S]+/}},"triple-quoted-string":{pattern:/(?:[rub]|br|rb)?("""|''')[\s\S]*?\1/i,greedy:!0,alias:"string"},string:{pattern:/(?:[rub]|br|rb)?("|')(?:\\.|(?!\1)[^\\\r\n])*\1/i,greedy:!0},function:{pattern:/((?:^|\s)def[ \t]+)[a-zA-Z_]\w*(?=\s*\()/g,lookbehind:!0},"class-name":{pattern:/(\bclass\s+)\w+/i,lookbehind:!0},decorator:{pattern:/(^[\t ]*)@\w+(?:\.\w+)*/m,lookbehind:!0,alias:["annotation","punctuation"],inside:{punctuation:/\./}},keyword:/\b(?:_(?=\s*:)|and|as|assert|async|await|break|case|class|continue|def|del|elif|else|except|exec|finally|for|from|global|if|import|in|is|lambda|match|nonlocal|not|or|pass|print|raise|return|try|while|with|yield)\b/,builtin:/\b(?:__import__|abs|all|any|apply|ascii|basestring|bin|bool|buffer|bytearray|bytes|callable|chr|classmethod|cmp|coerce|compile|complex|delattr|dict|dir|divmod|enumerate|eval|execfile|file|filter|float|format|frozenset|getattr|globals|hasattr|hash|help|hex|id|input|int|intern|isinstance|issubclass|iter|len|list|locals|long|map|max|memoryview|min|next|object|oct|open|ord|pow|property|range|raw_input|reduce|reload|repr|reversed|round|set|setattr|slice|sorted|staticmethod|str|sum|super|tuple|type|unichr|unicode|vars|xrange|zip)\b/,boolean:/\b(?:False|None|True)\b/,number:/\b0(?:b(?:_?[01])+|o(?:_?[0-7])+|x(?:_?[a-f0-9])+)\b|(?:\b\d+(?:_\d+)*(?:\.(?:\d+(?:_\d+)*)?)?|\B\.\d+(?:_\d+)*)(?:e[+-]?\d+(?:_\d+)*)?j?(?!\w)/i,operator:/[-+%=]=?|!=|:=|\*\*?=?|\/\/?=?|<[<=>]?|>[=>]?|[&|^~]/,punctuation:/[{}[\];(),.:]/},S.languages.python["string-interpolation"].inside.interpolation.inside.rest=S.languages.python,S.languages.py=S.languages.python,S.languages.json={property:{pattern:/(^|[^\\])"(?:\\.|[^\\"\r\n])*"(?=\s*:)/,lookbehind:!0,greedy:!0},string:{pattern:/(^|[^\\])"(?:\\.|[^\\"\r\n])*"(?!\s*:)/,lookbehind:!0,greedy:!0},comment:{pattern:/\/\/.*|\/\*[\s\S]*?(?:\*\/|$)/,greedy:!0},number:/-?\b\d+(?:\.\d+)?(?:e[+-]?\d+)?\b/i,punctuation:/[{}[\],]/,operator:/:/,boolean:/\b(?:false|true)\b/,null:{pattern:/\bnull\b/,alias:"keyword"}},S.languages.webmanifest=S.languages.json;((e,t)=>{for(var n in t)l(e,n,{get:t[n],enumerable:!0})})({},{dracula:()=>x,duotoneDark:()=>k,duotoneLight:()=>E,github:()=>_,gruvboxMaterialDark:()=>q,gruvboxMaterialLight:()=>$,jettwaveDark:()=>F,jettwaveLight:()=>z,nightOwl:()=>C,nightOwlLight:()=>j,oceanicNext:()=>T,okaidia:()=>P,oneDark:()=>B,oneLight:()=>U,palenight:()=>L,shadesOfPurple:()=>I,synthwave84:()=>R,ultramin:()=>N,vsDark:()=>D,vsLight:()=>M});var x={plain:{color:"#F8F8F2",backgroundColor:"#282A36"},styles:[{types:["prolog","constant","builtin"],style:{color:"rgb(189, 147, 249)"}},{types:["inserted","function"],style:{color:"rgb(80, 250, 123)"}},{types:["deleted"],style:{color:"rgb(255, 85, 85)"}},{types:["changed"],style:{color:"rgb(255, 184, 108)"}},{types:["punctuation","symbol"],style:{color:"rgb(248, 248, 242)"}},{types:["string","char","tag","selector"],style:{color:"rgb(255, 121, 198)"}},{types:["keyword","variable"],style:{color:"rgb(189, 147, 249)",fontStyle:"italic"}},{types:["comment"],style:{color:"rgb(98, 114, 164)"}},{types:["attr-name"],style:{color:"rgb(241, 250, 140)"}}]},k={plain:{backgroundColor:"#2a2734",color:"#9a86fd"},styles:[{types:["comment","prolog","doctype","cdata","punctuation"],style:{color:"#6c6783"}},{types:["namespace"],style:{opacity:.7}},{types:["tag","operator","number"],style:{color:"#e09142"}},{types:["property","function"],style:{color:"#9a86fd"}},{types:["tag-id","selector","atrule-id"],style:{color:"#eeebff"}},{types:["attr-name"],style:{color:"#c4b9fe"}},{types:["boolean","string","entity","url","attr-value","keyword","control","directive","unit","statement","regex","atrule","placeholder","variable"],style:{color:"#ffcc99"}},{types:["deleted"],style:{textDecorationLine:"line-through"}},{types:["inserted"],style:{textDecorationLine:"underline"}},{types:["italic"],style:{fontStyle:"italic"}},{types:["important","bold"],style:{fontWeight:"bold"}},{types:["important"],style:{color:"#c4b9fe"}}]},E={plain:{backgroundColor:"#faf8f5",color:"#728fcb"},styles:[{types:["comment","prolog","doctype","cdata","punctuation"],style:{color:"#b6ad9a"}},{types:["namespace"],style:{opacity:.7}},{types:["tag","operator","number"],style:{color:"#063289"}},{types:["property","function"],style:{color:"#b29762"}},{types:["tag-id","selector","atrule-id"],style:{color:"#2d2006"}},{types:["attr-name"],style:{color:"#896724"}},{types:["boolean","string","entity","url","attr-value","keyword","control","directive","unit","statement","regex","atrule"],style:{color:"#728fcb"}},{types:["placeholder","variable"],style:{color:"#93abdc"}},{types:["deleted"],style:{textDecorationLine:"line-through"}},{types:["inserted"],style:{textDecorationLine:"underline"}},{types:["italic"],style:{fontStyle:"italic"}},{types:["important","bold"],style:{fontWeight:"bold"}},{types:["important"],style:{color:"#896724"}}]},_={plain:{color:"#393A34",backgroundColor:"#f6f8fa"},styles:[{types:["comment","prolog","doctype","cdata"],style:{color:"#999988",fontStyle:"italic"}},{types:["namespace"],style:{opacity:.7}},{types:["string","attr-value"],style:{color:"#e3116c"}},{types:["punctuation","operator"],style:{color:"#393A34"}},{types:["entity","url","symbol","number","boolean","variable","constant","property","regex","inserted"],style:{color:"#36acaa"}},{types:["atrule","keyword","attr-name","selector"],style:{color:"#00a4db"}},{types:["function","deleted","tag"],style:{color:"#d73a49"}},{types:["function-variable"],style:{color:"#6f42c1"}},{types:["tag","selector","keyword"],style:{color:"#00009f"}}]},C={plain:{color:"#d6deeb",backgroundColor:"#011627"},styles:[{types:["changed"],style:{color:"rgb(162, 191, 252)",fontStyle:"italic"}},{types:["deleted"],style:{color:"rgba(239, 83, 80, 0.56)",fontStyle:"italic"}},{types:["inserted","attr-name"],style:{color:"rgb(173, 219, 103)",fontStyle:"italic"}},{types:["comment"],style:{color:"rgb(99, 119, 119)",fontStyle:"italic"}},{types:["string","url"],style:{color:"rgb(173, 219, 103)"}},{types:["variable"],style:{color:"rgb(214, 222, 235)"}},{types:["number"],style:{color:"rgb(247, 140, 108)"}},{types:["builtin","char","constant","function"],style:{color:"rgb(130, 170, 255)"}},{types:["punctuation"],style:{color:"rgb(199, 146, 234)"}},{types:["selector","doctype"],style:{color:"rgb(199, 146, 234)",fontStyle:"italic"}},{types:["class-name"],style:{color:"rgb(255, 203, 139)"}},{types:["tag","operator","keyword"],style:{color:"rgb(127, 219, 202)"}},{types:["boolean"],style:{color:"rgb(255, 88, 116)"}},{types:["property"],style:{color:"rgb(128, 203, 196)"}},{types:["namespace"],style:{color:"rgb(178, 204, 214)"}}]},j={plain:{color:"#403f53",backgroundColor:"#FBFBFB"},styles:[{types:["changed"],style:{color:"rgb(162, 191, 252)",fontStyle:"italic"}},{types:["deleted"],style:{color:"rgba(239, 83, 80, 0.56)",fontStyle:"italic"}},{types:["inserted","attr-name"],style:{color:"rgb(72, 118, 214)",fontStyle:"italic"}},{types:["comment"],style:{color:"rgb(152, 159, 177)",fontStyle:"italic"}},{types:["string","builtin","char","constant","url"],style:{color:"rgb(72, 118, 214)"}},{types:["variable"],style:{color:"rgb(201, 103, 101)"}},{types:["number"],style:{color:"rgb(170, 9, 130)"}},{types:["punctuation"],style:{color:"rgb(153, 76, 195)"}},{types:["function","selector","doctype"],style:{color:"rgb(153, 76, 195)",fontStyle:"italic"}},{types:["class-name"],style:{color:"rgb(17, 17, 17)"}},{types:["tag"],style:{color:"rgb(153, 76, 195)"}},{types:["operator","property","keyword","namespace"],style:{color:"rgb(12, 150, 155)"}},{types:["boolean"],style:{color:"rgb(188, 84, 84)"}}]},A="#c5a5c5",O="#8dc891",T={plain:{backgroundColor:"#282c34",color:"#ffffff"},styles:[{types:["attr-name"],style:{color:A}},{types:["attr-value"],style:{color:O}},{types:["comment","block-comment","prolog","doctype","cdata","shebang"],style:{color:"#999999"}},{types:["property","number","function-name","constant","symbol","deleted"],style:{color:"#5a9bcf"}},{types:["boolean"],style:{color:"#ff8b50"}},{types:["tag"],style:{color:"#fc929e"}},{types:["string"],style:{color:O}},{types:["punctuation"],style:{color:O}},{types:["selector","char","builtin","inserted"],style:{color:"#D8DEE9"}},{types:["function"],style:{color:"#79b6f2"}},{types:["operator","entity","url","variable"],style:{color:"#d7deea"}},{types:["keyword"],style:{color:A}},{types:["atrule","class-name"],style:{color:"#FAC863"}},{types:["important"],style:{fontWeight:"400"}},{types:["bold"],style:{fontWeight:"bold"}},{types:["italic"],style:{fontStyle:"italic"}},{types:["namespace"],style:{opacity:.7}}]},P={plain:{color:"#f8f8f2",backgroundColor:"#272822"},styles:[{types:["changed"],style:{color:"rgb(162, 191, 252)",fontStyle:"italic"}},{types:["deleted"],style:{color:"#f92672",fontStyle:"italic"}},{types:["inserted"],style:{color:"rgb(173, 219, 103)",fontStyle:"italic"}},{types:["comment"],style:{color:"#8292a2",fontStyle:"italic"}},{types:["string","url"],style:{color:"#a6e22e"}},{types:["variable"],style:{color:"#f8f8f2"}},{types:["number"],style:{color:"#ae81ff"}},{types:["builtin","char","constant","function","class-name"],style:{color:"#e6db74"}},{types:["punctuation"],style:{color:"#f8f8f2"}},{types:["selector","doctype"],style:{color:"#a6e22e",fontStyle:"italic"}},{types:["tag","operator","keyword"],style:{color:"#66d9ef"}},{types:["boolean"],style:{color:"#ae81ff"}},{types:["namespace"],style:{color:"rgb(178, 204, 214)",opacity:.7}},{types:["tag","property"],style:{color:"#f92672"}},{types:["attr-name"],style:{color:"#a6e22e !important"}},{types:["doctype"],style:{color:"#8292a2"}},{types:["rule"],style:{color:"#e6db74"}}]},L={plain:{color:"#bfc7d5",backgroundColor:"#292d3e"},styles:[{types:["comment"],style:{color:"rgb(105, 112, 152)",fontStyle:"italic"}},{types:["string","inserted"],style:{color:"rgb(195, 232, 141)"}},{types:["number"],style:{color:"rgb(247, 140, 108)"}},{types:["builtin","char","constant","function"],style:{color:"rgb(130, 170, 255)"}},{types:["punctuation","selector"],style:{color:"rgb(199, 146, 234)"}},{types:["variable"],style:{color:"rgb(191, 199, 213)"}},{types:["class-name","attr-name"],style:{color:"rgb(255, 203, 107)"}},{types:["tag","deleted"],style:{color:"rgb(255, 85, 114)"}},{types:["operator"],style:{color:"rgb(137, 221, 255)"}},{types:["boolean"],style:{color:"rgb(255, 88, 116)"}},{types:["keyword"],style:{fontStyle:"italic"}},{types:["doctype"],style:{color:"rgb(199, 146, 234)",fontStyle:"italic"}},{types:["namespace"],style:{color:"rgb(178, 204, 214)"}},{types:["url"],style:{color:"rgb(221, 221, 221)"}}]},I={plain:{color:"#9EFEFF",backgroundColor:"#2D2A55"},styles:[{types:["changed"],style:{color:"rgb(255, 238, 128)"}},{types:["deleted"],style:{color:"rgba(239, 83, 80, 0.56)"}},{types:["inserted"],style:{color:"rgb(173, 219, 103)"}},{types:["comment"],style:{color:"rgb(179, 98, 255)",fontStyle:"italic"}},{types:["punctuation"],style:{color:"rgb(255, 255, 255)"}},{types:["constant"],style:{color:"rgb(255, 98, 140)"}},{types:["string","url"],style:{color:"rgb(165, 255, 144)"}},{types:["variable"],style:{color:"rgb(255, 238, 128)"}},{types:["number","boolean"],style:{color:"rgb(255, 98, 140)"}},{types:["attr-name"],style:{color:"rgb(255, 180, 84)"}},{types:["keyword","operator","property","namespace","tag","selector","doctype"],style:{color:"rgb(255, 157, 0)"}},{types:["builtin","char","constant","function","class-name"],style:{color:"rgb(250, 208, 0)"}}]},R={plain:{backgroundColor:"linear-gradient(to bottom, #2a2139 75%, #34294f)",backgroundImage:"#34294f",color:"#f92aad",textShadow:"0 0 2px #100c0f, 0 0 5px #dc078e33, 0 0 10px #fff3"},styles:[{types:["comment","block-comment","prolog","doctype","cdata"],style:{color:"#495495",fontStyle:"italic"}},{types:["punctuation"],style:{color:"#ccc"}},{types:["tag","attr-name","namespace","number","unit","hexcode","deleted"],style:{color:"#e2777a"}},{types:["property","selector"],style:{color:"#72f1b8",textShadow:"0 0 2px #100c0f, 0 0 10px #257c5575, 0 0 35px #21272475"}},{types:["function-name"],style:{color:"#6196cc"}},{types:["boolean","selector-id","function"],style:{color:"#fdfdfd",textShadow:"0 0 2px #001716, 0 0 3px #03edf975, 0 0 5px #03edf975, 0 0 8px #03edf975"}},{types:["class-name","maybe-class-name","builtin"],style:{color:"#fff5f6",textShadow:"0 0 2px #000, 0 0 10px #fc1f2c75, 0 0 5px #fc1f2c75, 0 0 25px #fc1f2c75"}},{types:["constant","symbol"],style:{color:"#f92aad",textShadow:"0 0 2px #100c0f, 0 0 5px #dc078e33, 0 0 10px #fff3"}},{types:["important","atrule","keyword","selector-class"],style:{color:"#f4eee4",textShadow:"0 0 2px #393a33, 0 0 8px #f39f0575, 0 0 2px #f39f0575"}},{types:["string","char","attr-value","regex","variable"],style:{color:"#f87c32"}},{types:["parameter"],style:{fontStyle:"italic"}},{types:["entity","url"],style:{color:"#67cdcc"}},{types:["operator"],style:{color:"ffffffee"}},{types:["important","bold"],style:{fontWeight:"bold"}},{types:["italic"],style:{fontStyle:"italic"}},{types:["entity"],style:{cursor:"help"}},{types:["inserted"],style:{color:"green"}}]},N={plain:{color:"#282a2e",backgroundColor:"#ffffff"},styles:[{types:["comment"],style:{color:"rgb(197, 200, 198)"}},{types:["string","number","builtin","variable"],style:{color:"rgb(150, 152, 150)"}},{types:["class-name","function","tag","attr-name"],style:{color:"rgb(40, 42, 46)"}}]},D={plain:{color:"#9CDCFE",backgroundColor:"#1E1E1E"},styles:[{types:["prolog"],style:{color:"rgb(0, 0, 128)"}},{types:["comment"],style:{color:"rgb(106, 153, 85)"}},{types:["builtin","changed","keyword","interpolation-punctuation"],style:{color:"rgb(86, 156, 214)"}},{types:["number","inserted"],style:{color:"rgb(181, 206, 168)"}},{types:["constant"],style:{color:"rgb(100, 102, 149)"}},{types:["attr-name","variable"],style:{color:"rgb(156, 220, 254)"}},{types:["deleted","string","attr-value","template-punctuation"],style:{color:"rgb(206, 145, 120)"}},{types:["selector"],style:{color:"rgb(215, 186, 125)"}},{types:["tag"],style:{color:"rgb(78, 201, 176)"}},{types:["tag"],languages:["markup"],style:{color:"rgb(86, 156, 214)"}},{types:["punctuation","operator"],style:{color:"rgb(212, 212, 212)"}},{types:["punctuation"],languages:["markup"],style:{color:"#808080"}},{types:["function"],style:{color:"rgb(220, 220, 170)"}},{types:["class-name"],style:{color:"rgb(78, 201, 176)"}},{types:["char"],style:{color:"rgb(209, 105, 105)"}}]},M={plain:{color:"#000000",backgroundColor:"#ffffff"},styles:[{types:["comment"],style:{color:"rgb(0, 128, 0)"}},{types:["builtin"],style:{color:"rgb(0, 112, 193)"}},{types:["number","variable","inserted"],style:{color:"rgb(9, 134, 88)"}},{types:["operator"],style:{color:"rgb(0, 0, 0)"}},{types:["constant","char"],style:{color:"rgb(129, 31, 63)"}},{types:["tag"],style:{color:"rgb(128, 0, 0)"}},{types:["attr-name"],style:{color:"rgb(255, 0, 0)"}},{types:["deleted","string"],style:{color:"rgb(163, 21, 21)"}},{types:["changed","punctuation"],style:{color:"rgb(4, 81, 165)"}},{types:["function","keyword"],style:{color:"rgb(0, 0, 255)"}},{types:["class-name"],style:{color:"rgb(38, 127, 153)"}}]},F={plain:{color:"#f8fafc",backgroundColor:"#011627"},styles:[{types:["prolog"],style:{color:"#000080"}},{types:["comment"],style:{color:"#6A9955"}},{types:["builtin","changed","keyword","interpolation-punctuation"],style:{color:"#569CD6"}},{types:["number","inserted"],style:{color:"#B5CEA8"}},{types:["constant"],style:{color:"#f8fafc"}},{types:["attr-name","variable"],style:{color:"#9CDCFE"}},{types:["deleted","string","attr-value","template-punctuation"],style:{color:"#cbd5e1"}},{types:["selector"],style:{color:"#D7BA7D"}},{types:["tag"],style:{color:"#0ea5e9"}},{types:["tag"],languages:["markup"],style:{color:"#0ea5e9"}},{types:["punctuation","operator"],style:{color:"#D4D4D4"}},{types:["punctuation"],languages:["markup"],style:{color:"#808080"}},{types:["function"],style:{color:"#7dd3fc"}},{types:["class-name"],style:{color:"#0ea5e9"}},{types:["char"],style:{color:"#D16969"}}]},z={plain:{color:"#0f172a",backgroundColor:"#f1f5f9"},styles:[{types:["prolog"],style:{color:"#000080"}},{types:["comment"],style:{color:"#6A9955"}},{types:["builtin","changed","keyword","interpolation-punctuation"],style:{color:"#0c4a6e"}},{types:["number","inserted"],style:{color:"#B5CEA8"}},{types:["constant"],style:{color:"#0f172a"}},{types:["attr-name","variable"],style:{color:"#0c4a6e"}},{types:["deleted","string","attr-value","template-punctuation"],style:{color:"#64748b"}},{types:["selector"],style:{color:"#D7BA7D"}},{types:["tag"],style:{color:"#0ea5e9"}},{types:["tag"],languages:["markup"],style:{color:"#0ea5e9"}},{types:["punctuation","operator"],style:{color:"#475569"}},{types:["punctuation"],languages:["markup"],style:{color:"#808080"}},{types:["function"],style:{color:"#0e7490"}},{types:["class-name"],style:{color:"#0ea5e9"}},{types:["char"],style:{color:"#D16969"}}]},B={plain:{backgroundColor:"hsl(220, 13%, 18%)",color:"hsl(220, 14%, 71%)",textShadow:"0 1px rgba(0, 0, 0, 0.3)"},styles:[{types:["comment","prolog","cdata"],style:{color:"hsl(220, 10%, 40%)"}},{types:["doctype","punctuation","entity"],style:{color:"hsl(220, 14%, 71%)"}},{types:["attr-name","class-name","maybe-class-name","boolean","constant","number","atrule"],style:{color:"hsl(29, 54%, 61%)"}},{types:["keyword"],style:{color:"hsl(286, 60%, 67%)"}},{types:["property","tag","symbol","deleted","important"],style:{color:"hsl(355, 65%, 65%)"}},{types:["selector","string","char","builtin","inserted","regex","attr-value"],style:{color:"hsl(95, 38%, 62%)"}},{types:["variable","operator","function"],style:{color:"hsl(207, 82%, 66%)"}},{types:["url"],style:{color:"hsl(187, 47%, 55%)"}},{types:["deleted"],style:{textDecorationLine:"line-through"}},{types:["inserted"],style:{textDecorationLine:"underline"}},{types:["italic"],style:{fontStyle:"italic"}},{types:["important","bold"],style:{fontWeight:"bold"}},{types:["important"],style:{color:"hsl(220, 14%, 71%)"}}]},U={plain:{backgroundColor:"hsl(230, 1%, 98%)",color:"hsl(230, 8%, 24%)"},styles:[{types:["comment","prolog","cdata"],style:{color:"hsl(230, 4%, 64%)"}},{types:["doctype","punctuation","entity"],style:{color:"hsl(230, 8%, 24%)"}},{types:["attr-name","class-name","boolean","constant","number","atrule"],style:{color:"hsl(35, 99%, 36%)"}},{types:["keyword"],style:{color:"hsl(301, 63%, 40%)"}},{types:["property","tag","symbol","deleted","important"],style:{color:"hsl(5, 74%, 59%)"}},{types:["selector","string","char","builtin","inserted","regex","attr-value","punctuation"],style:{color:"hsl(119, 34%, 47%)"}},{types:["variable","operator","function"],style:{color:"hsl(221, 87%, 60%)"}},{types:["url"],style:{color:"hsl(198, 99%, 37%)"}},{types:["deleted"],style:{textDecorationLine:"line-through"}},{types:["inserted"],style:{textDecorationLine:"underline"}},{types:["italic"],style:{fontStyle:"italic"}},{types:["important","bold"],style:{fontWeight:"bold"}},{types:["important"],style:{color:"hsl(230, 8%, 24%)"}}]},q={plain:{color:"#ebdbb2",backgroundColor:"#292828"},styles:[{types:["imports","class-name","maybe-class-name","constant","doctype","builtin","function"],style:{color:"#d8a657"}},{types:["property-access"],style:{color:"#7daea3"}},{types:["tag"],style:{color:"#e78a4e"}},{types:["attr-name","char","url","regex"],style:{color:"#a9b665"}},{types:["attr-value","string"],style:{color:"#89b482"}},{types:["comment","prolog","cdata","operator","inserted"],style:{color:"#a89984"}},{types:["delimiter","boolean","keyword","selector","important","atrule","property","variable","deleted"],style:{color:"#ea6962"}},{types:["entity","number","symbol"],style:{color:"#d3869b"}}]},$={plain:{color:"#654735",backgroundColor:"#f9f5d7"},styles:[{types:["delimiter","boolean","keyword","selector","important","atrule","property","variable","deleted"],style:{color:"#af2528"}},{types:["imports","class-name","maybe-class-name","constant","doctype","builtin"],style:{color:"#b4730e"}},{types:["string","attr-value"],style:{color:"#477a5b"}},{types:["property-access"],style:{color:"#266b79"}},{types:["function","attr-name","char","url"],style:{color:"#72761e"}},{types:["tag"],style:{color:"#b94c07"}},{types:["comment","prolog","cdata","operator","inserted"],style:{color:"#a89984"}},{types:["entity","number","symbol"],style:{color:"#924f79"}}]},H=(e,t)=>{const{plain:n}=e,r=e.styles.reduce(((e,n)=>{const{languages:r,style:o}=n;return r&&!r.includes(t)||n.types.forEach((t=>{const n=y(y({},e[t]),o);e[t]=n})),e}),{});return r.root=n,r.plain=v(y({},n),{backgroundColor:void 0}),r},V=/\r\n|\r|\n/,G=e=>{0===e.length?e.push({types:["plain"],content:"\n",empty:!0}):1===e.length&&""===e[0].content&&(e[0].content="\n",e[0].empty=!0)},W=(e,t)=>{const n=e.length;return n>0&&e[n-1]===t?e:e.concat(t)},K=e=>{const t=[[]],n=[e],r=[0],o=[e.length];let a=0,i=0,s=[];const l=[s];for(;i>-1;){for(;(a=r[i]++)<o[i];){let e,c=t[i];const u=n[i][a];if("string"==typeof u?(c=i>0?c:["plain"],e=u):(c=W(c,u.type),u.alias&&(c=W(c,u.alias)),e=u.content),"string"!=typeof e){i++,t.push(c),n.push(e),r.push(0),o.push(e.length);continue}const d=e.split(V),p=d.length;s.push({types:c,content:d[0]});for(let t=1;t<p;t++)G(s),l.push(s=[]),s.push({types:c,content:d[t]})}i--,t.pop(),n.pop(),r.pop(),o.pop()}return G(s),l},Q=({children:e,language:t,code:n,theme:r,prism:o})=>{const s=t.toLowerCase(),l=((e,t)=>{const[n,r]=(0,a.useState)(H(t,e)),o=(0,a.useRef)(),i=(0,a.useRef)();return(0,a.useEffect)((()=>{t===o.current&&e===i.current||(o.current=t,i.current=e,r(H(t,e)))}),[e,t]),n})(s,r),c=(e=>(0,a.useCallback)((t=>{var n=t,{className:r,style:o,line:a}=n,s=w(n,["className","style","line"]);const l=v(y({},s),{className:(0,i.A)("token-line",r)});return"object"==typeof e&&"plain"in e&&(l.style=e.plain),"object"==typeof o&&(l.style=y(y({},l.style||{}),o)),l}),[e]))(l),u=(e=>{const t=(0,a.useCallback)((({types:t,empty:n})=>{if(null!=e)return 1===t.length&&"plain"===t[0]?null!=n?{display:"inline-block"}:void 0:1===t.length&&null!=n?e[t[0]]:Object.assign(null!=n?{display:"inline-block"}:{},...t.map((t=>e[t])))}),[e]);return(0,a.useCallback)((e=>{var n=e,{token:r,className:o,style:a}=n,s=w(n,["token","className","style"]);const l=v(y({},s),{className:(0,i.A)("token",...r.types,o),children:r.content,style:t(r)});return null!=a&&(l.style=y(y({},l.style||{}),a)),l}),[t])})(l),d=(({prism:e,code:t,grammar:n,language:r})=>{const o=(0,a.useRef)(e);return(0,a.useMemo)((()=>{if(null==n)return K([t]);const e={code:t,grammar:n,language:r,tokens:[]};return o.current.hooks.run("before-tokenize",e),e.tokens=o.current.tokenize(t,n),o.current.hooks.run("after-tokenize",e),K(e.tokens)}),[t,n,r])})({prism:o,language:s,code:n,grammar:o.languages[s]});return e({tokens:d,className:`prism-code language-${s}`,style:null!=l?l.root:{},getLineProps:c,getTokenProps:u})},Y=e=>(0,a.createElement)(Q,v(y({},e),{prism:e.prism||S,theme:e.theme||D,code:e.code,language:e.language}))},5385:(e,t,n)=>{"use strict";n.d(t,{A:()=>a});var r=!0,o="Invariant failed";function a(e,t){if(!e){if(r)throw new Error(o);var n="function"==typeof t?t():t,a=n?"".concat(o,": ").concat(n):o;throw new Error(a)}}},3422:(e,t,n)=>{"use strict";n.r(t),n.d(t,{__addDisposableResource:()=>R,__assign:()=>a,__asyncDelegator:()=>_,__asyncGenerator:()=>E,__asyncValues:()=>C,__await:()=>k,__awaiter:()=>m,__classPrivateFieldGet:()=>P,__classPrivateFieldIn:()=>I,__classPrivateFieldSet:()=>L,__createBinding:()=>g,__decorate:()=>s,__disposeResources:()=>D,__esDecorate:()=>c,__exportStar:()=>b,__extends:()=>o,__generator:()=>h,__importDefault:()=>T,__importStar:()=>O,__makeTemplateObject:()=>j,__metadata:()=>f,__param:()=>l,__propKey:()=>d,__read:()=>v,__rest:()=>i,__runInitializers:()=>u,__setFunctionName:()=>p,__spread:()=>w,__spreadArray:()=>x,__spreadArrays:()=>S,__values:()=>y,default:()=>M});var r=function(e,t){return r=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])},r(e,t)};function o(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");function n(){this.constructor=e}r(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)}var a=function(){return a=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var o in t=arguments[n])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e},a.apply(this,arguments)};function i(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&Object.prototype.propertyIsEnumerable.call(e,r[o])&&(n[r[o]]=e[r[o]])}return n}function s(e,t,n,r){var o,a=arguments.length,i=a<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,n):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(e,t,n,r);else for(var s=e.length-1;s>=0;s--)(o=e[s])&&(i=(a<3?o(i):a>3?o(t,n,i):o(t,n))||i);return a>3&&i&&Object.defineProperty(t,n,i),i}function l(e,t){return function(n,r){t(n,r,e)}}function c(e,t,n,r,o,a){function i(e){if(void 0!==e&&"function"!=typeof e)throw new TypeError("Function expected");return e}for(var s,l=r.kind,c="getter"===l?"get":"setter"===l?"set":"value",u=!t&&e?r.static?e:e.prototype:null,d=t||(u?Object.getOwnPropertyDescriptor(u,r.name):{}),p=!1,f=n.length-1;f>=0;f--){var m={};for(var h in r)m[h]="access"===h?{}:r[h];for(var h in r.access)m.access[h]=r.access[h];m.addInitializer=function(e){if(p)throw new TypeError("Cannot add initializers after decoration has completed");a.push(i(e||null))};var g=(0,n[f])("accessor"===l?{get:d.get,set:d.set}:d[c],m);if("accessor"===l){if(void 0===g)continue;if(null===g||"object"!=typeof g)throw new TypeError("Object expected");(s=i(g.get))&&(d.get=s),(s=i(g.set))&&(d.set=s),(s=i(g.init))&&o.unshift(s)}else(s=i(g))&&("field"===l?o.unshift(s):d[c]=s)}u&&Object.defineProperty(u,r.name,d),p=!0}function u(e,t,n){for(var r=arguments.length>2,o=0;o<t.length;o++)n=r?t[o].call(e,n):t[o].call(e);return r?n:void 0}function d(e){return"symbol"==typeof e?e:"".concat(e)}function p(e,t,n){return"symbol"==typeof t&&(t=t.description?"[".concat(t.description,"]"):""),Object.defineProperty(e,"name",{configurable:!0,value:n?"".concat(n," ",t):t})}function f(e,t){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(e,t)}function m(e,t,n,r){return new(n||(n=Promise))((function(o,a){function i(e){try{l(r.next(e))}catch(t){a(t)}}function s(e){try{l(r.throw(e))}catch(t){a(t)}}function l(e){var t;e.done?o(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(i,s)}l((r=r.apply(e,t||[])).next())}))}function h(e,t){var n,r,o,a,i={label:0,sent:function(){if(1&o[0])throw o[1];return o[1]},trys:[],ops:[]};return a={next:s(0),throw:s(1),return:s(2)},"function"==typeof Symbol&&(a[Symbol.iterator]=function(){return this}),a;function s(s){return function(l){return function(s){if(n)throw new TypeError("Generator is already executing.");for(;a&&(a=0,s[0]&&(i=0)),i;)try{if(n=1,r&&(o=2&s[0]?r.return:s[0]?r.throw||((o=r.return)&&o.call(r),0):r.next)&&!(o=o.call(r,s[1])).done)return o;switch(r=0,o&&(s=[2&s[0],o.value]),s[0]){case 0:case 1:o=s;break;case 4:return i.label++,{value:s[1],done:!1};case 5:i.label++,r=s[1],s=[0];continue;case 7:s=i.ops.pop(),i.trys.pop();continue;default:if(!(o=i.trys,(o=o.length>0&&o[o.length-1])||6!==s[0]&&2!==s[0])){i=0;continue}if(3===s[0]&&(!o||s[1]>o[0]&&s[1]<o[3])){i.label=s[1];break}if(6===s[0]&&i.label<o[1]){i.label=o[1],o=s;break}if(o&&i.label<o[2]){i.label=o[2],i.ops.push(s);break}o[2]&&i.ops.pop(),i.trys.pop();continue}s=t.call(e,i)}catch(l){s=[6,l],r=0}finally{n=o=0}if(5&s[0])throw s[1];return{value:s[0]?s[1]:void 0,done:!0}}([s,l])}}}var g=Object.create?function(e,t,n,r){void 0===r&&(r=n);var o=Object.getOwnPropertyDescriptor(t,n);o&&!("get"in o?!t.__esModule:o.writable||o.configurable)||(o={enumerable:!0,get:function(){return t[n]}}),Object.defineProperty(e,r,o)}:function(e,t,n,r){void 0===r&&(r=n),e[r]=t[n]};function b(e,t){for(var n in e)"default"===n||Object.prototype.hasOwnProperty.call(t,n)||g(t,e,n)}function y(e){var t="function"==typeof Symbol&&Symbol.iterator,n=t&&e[t],r=0;if(n)return n.call(e);if(e&&"number"==typeof e.length)return{next:function(){return e&&r>=e.length&&(e=void 0),{value:e&&e[r++],done:!e}}};throw new TypeError(t?"Object is not iterable.":"Symbol.iterator is not defined.")}function v(e,t){var n="function"==typeof Symbol&&e[Symbol.iterator];if(!n)return e;var r,o,a=n.call(e),i=[];try{for(;(void 0===t||t-- >0)&&!(r=a.next()).done;)i.push(r.value)}catch(s){o={error:s}}finally{try{r&&!r.done&&(n=a.return)&&n.call(a)}finally{if(o)throw o.error}}return i}function w(){for(var e=[],t=0;t<arguments.length;t++)e=e.concat(v(arguments[t]));return e}function S(){for(var e=0,t=0,n=arguments.length;t<n;t++)e+=arguments[t].length;var r=Array(e),o=0;for(t=0;t<n;t++)for(var a=arguments[t],i=0,s=a.length;i<s;i++,o++)r[o]=a[i];return r}function x(e,t,n){if(n||2===arguments.length)for(var r,o=0,a=t.length;o<a;o++)!r&&o in t||(r||(r=Array.prototype.slice.call(t,0,o)),r[o]=t[o]);return e.concat(r||Array.prototype.slice.call(t))}function k(e){return this instanceof k?(this.v=e,this):new k(e)}function E(e,t,n){if(!Symbol.asyncIterator)throw new TypeError("Symbol.asyncIterator is not defined.");var r,o=n.apply(e,t||[]),a=[];return r={},i("next"),i("throw"),i("return",(function(e){return function(t){return Promise.resolve(t).then(e,c)}})),r[Symbol.asyncIterator]=function(){return this},r;function i(e,t){o[e]&&(r[e]=function(t){return new Promise((function(n,r){a.push([e,t,n,r])>1||s(e,t)}))},t&&(r[e]=t(r[e])))}function s(e,t){try{(n=o[e](t)).value instanceof k?Promise.resolve(n.value.v).then(l,c):u(a[0][2],n)}catch(r){u(a[0][3],r)}var n}function l(e){s("next",e)}function c(e){s("throw",e)}function u(e,t){e(t),a.shift(),a.length&&s(a[0][0],a[0][1])}}function _(e){var t,n;return t={},r("next"),r("throw",(function(e){throw e})),r("return"),t[Symbol.iterator]=function(){return this},t;function r(r,o){t[r]=e[r]?function(t){return(n=!n)?{value:k(e[r](t)),done:!1}:o?o(t):t}:o}}function C(e){if(!Symbol.asyncIterator)throw new TypeError("Symbol.asyncIterator is not defined.");var t,n=e[Symbol.asyncIterator];return n?n.call(e):(e=y(e),t={},r("next"),r("throw"),r("return"),t[Symbol.asyncIterator]=function(){return this},t);function r(n){t[n]=e[n]&&function(t){return new Promise((function(r,o){(function(e,t,n,r){Promise.resolve(r).then((function(t){e({value:t,done:n})}),t)})(r,o,(t=e[n](t)).done,t.value)}))}}}function j(e,t){return Object.defineProperty?Object.defineProperty(e,"raw",{value:t}):e.raw=t,e}var A=Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t};function O(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var n in e)"default"!==n&&Object.prototype.hasOwnProperty.call(e,n)&&g(t,e,n);return A(t,e),t}function T(e){return e&&e.__esModule?e:{default:e}}function P(e,t,n,r){if("a"===n&&!r)throw new TypeError("Private accessor was defined without a getter");if("function"==typeof t?e!==t||!r:!t.has(e))throw new TypeError("Cannot read private member from an object whose class did not declare it");return"m"===n?r:"a"===n?r.call(e):r?r.value:t.get(e)}function L(e,t,n,r,o){if("m"===r)throw new TypeError("Private method is not writable");if("a"===r&&!o)throw new TypeError("Private accessor was defined without a setter");if("function"==typeof t?e!==t||!o:!t.has(e))throw new TypeError("Cannot write private member to an object whose class did not declare it");return"a"===r?o.call(e,n):o?o.value=n:t.set(e,n),n}function I(e,t){if(null===t||"object"!=typeof t&&"function"!=typeof t)throw new TypeError("Cannot use 'in' operator on non-object");return"function"==typeof e?t===e:e.has(t)}function R(e,t,n){if(null!=t){if("object"!=typeof t&&"function"!=typeof t)throw new TypeError("Object expected.");var r,o;if(n){if(!Symbol.asyncDispose)throw new TypeError("Symbol.asyncDispose is not defined.");r=t[Symbol.asyncDispose]}if(void 0===r){if(!Symbol.dispose)throw new TypeError("Symbol.dispose is not defined.");r=t[Symbol.dispose],n&&(o=r)}if("function"!=typeof r)throw new TypeError("Object not disposable.");o&&(r=function(){try{o.call(this)}catch(e){return Promise.reject(e)}}),e.stack.push({value:t,dispose:r,async:n})}else n&&e.stack.push({async:!0});return t}var N="function"==typeof SuppressedError?SuppressedError:function(e,t,n){var r=new Error(n);return r.name="SuppressedError",r.error=e,r.suppressed=t,r};function D(e){function t(t){e.error=e.hasError?new N(t,e.error,"An error was suppressed during disposal."):t,e.hasError=!0}return function n(){for(;e.stack.length;){var r=e.stack.pop();try{var o=r.dispose&&r.dispose.call(r.value);if(r.async)return Promise.resolve(o).then(n,(function(e){return t(e),n()}))}catch(a){t(a)}}if(e.hasError)throw e.error}()}const M={__extends:o,__assign:a,__rest:i,__decorate:s,__param:l,__metadata:f,__awaiter:m,__generator:h,__createBinding:g,__exportStar:b,__values:y,__read:v,__spread:w,__spreadArrays:S,__spreadArray:x,__await:k,__asyncGenerator:E,__asyncDelegator:_,__asyncValues:C,__makeTemplateObject:j,__importStar:O,__importDefault:T,__classPrivateFieldGet:P,__classPrivateFieldSet:L,__classPrivateFieldIn:I,__addDisposableResource:R,__disposeResources:D}},2654:e=>{"use strict";e.exports=JSON.parse('{"theme.AnnouncementBar.closeButtonAriaLabel":"\u0417\u0430\u043a\u0440\u044b\u0442\u044c","theme.BackToTopButton.buttonAriaLabel":"\u041f\u0440\u043e\u043a\u0440\u0443\u0442\u043a\u0430 \u043a \u043d\u0430\u0447\u0430\u043b\u0443","theme.CodeBlock.copied":"\u0421\u043a\u043e\u043f\u0438\u0440\u043e\u0432\u0430\u043d\u043e","theme.CodeBlock.copy":"\u0421\u043a\u043e\u043f\u0438\u0440\u043e\u0432\u0430\u0442\u044c","theme.CodeBlock.copyButtonAriaLabel":"\u0421\u043a\u043e\u043f\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u0432 \u0431\u0443\u0444\u0435\u0440 \u043e\u0431\u043c\u0435\u043d\u0430","theme.CodeBlock.wordWrapToggle":"\u041f\u0435\u0440\u0435\u043a\u043b\u044e\u0447\u0438\u0442\u044c \u043f\u0435\u0440\u0435\u043d\u043e\u0441 \u043f\u043e \u0441\u0442\u0440\u043e\u043a\u0430\u043c","theme.DocSidebarItem.collapseCategoryAriaLabel":"Collapse sidebar category \'{label}\'","theme.DocSidebarItem.expandCategoryAriaLabel":"Expand sidebar category \'{label}\'","theme.ErrorPageContent.title":"\u041d\u0430 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0435 \u043f\u0440\u043e\u0438\u0437\u043e\u0448\u0451\u043b \u0441\u0431\u043e\u0439.","theme.ErrorPageContent.tryAgain":"\u041f\u043e\u043f\u0440\u043e\u0431\u0443\u0439\u0442\u0435 \u0435\u0449\u0451 \u0440\u0430\u0437","theme.NavBar.navAriaLabel":"Main","theme.NotFound.p1":"\u041a \u0441\u043e\u0436\u0430\u043b\u0435\u043d\u0438\u044e, \u043c\u044b \u043d\u0435 \u0441\u043c\u043e\u0433\u043b\u0438 \u043d\u0430\u0439\u0442\u0438 \u0437\u0430\u043f\u0440\u0430\u0448\u0438\u0432\u0430\u0435\u043c\u0443\u044e \u0432\u0430\u043c\u0438 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0443.","theme.NotFound.p2":"\u041f\u043e\u0436\u0430\u043b\u0443\u0439\u0441\u0442\u0430, \u043e\u0431\u0440\u0430\u0442\u0438\u0442\u0435\u0441\u044c \u043a \u0432\u043b\u0430\u0434\u0435\u043b\u044c\u0446\u0443 \u0441\u0430\u0439\u0442\u0430, \u0441 \u043a\u043e\u0442\u043e\u0440\u043e\u0433\u043e \u0432\u044b \u043f\u0435\u0440\u0435\u0448\u043b\u0438 \u043d\u0430 \u044d\u0442\u0443 \u0441\u0441\u044b\u043b\u043a\u0443, \u0447\u0442\u043e\u0431\u044b \u0441\u043e\u043e\u0431\u0449\u0438\u0442\u044c \u0435\u043c\u0443 \u0441\u0441\u044b\u043b\u043a\u0430 \u043d\u0435 \u0440\u0430\u0431\u043e\u0442\u0430\u0435\u0442.","theme.NotFound.title":"\u0421\u0442\u0440\u0430\u043d\u0438\u0446\u0430 \u043d\u0435 \u043d\u0430\u0439\u0434\u0435\u043d\u0430","theme.TOCCollapsible.toggleButtonLabel":"\u0421\u043e\u0434\u0435\u0440\u0436\u0430\u043d\u0438\u0435 \u044d\u0442\u043e\u0439 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b","theme.admonition.caution":"\u043f\u0440\u0435\u0434\u0443\u043f\u0440\u0435\u0436\u0434\u0435\u043d\u0438\u0435","theme.admonition.danger":"\u043e\u0441\u0442\u043e\u0440\u043e\u0436\u043d\u043e","theme.admonition.info":"\u043a \u0441\u0432\u0435\u0434\u0435\u043d\u0438\u044e","theme.admonition.note":"\u043f\u0440\u0438\u043c\u0435\u0447\u0430\u043d\u0438\u0435","theme.admonition.tip":"\u043f\u043e\u0434\u0441\u043a\u0430\u0437\u043a\u0430","theme.admonition.warning":"warning","theme.blog.archive.description":"\u0410\u0440\u0445\u0438\u0432","theme.blog.archive.title":"\u0410\u0440\u0445\u0438\u0432","theme.blog.author.pageTitle":"{authorName} - {nPosts}","theme.blog.authorsList.pageTitle":"Authors","theme.blog.authorsList.viewAll":"View All Authors","theme.blog.paginator.navAriaLabel":"\u041d\u0430\u0432\u0438\u0433\u0430\u0446\u0438\u044f \u043f\u043e \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0435 \u0441\u043f\u0438\u0441\u043a\u0430 \u0431\u043b\u043e\u0433\u043e\u0432","theme.blog.paginator.newerEntries":"\u0421\u043b\u0435\u0434\u0443\u044e\u0449\u0438\u0435 \u0437\u0430\u043f\u0438\u0441\u0438","theme.blog.paginator.olderEntries":"\u041f\u0440\u0435\u0434\u044b\u0434\u0443\u0449\u0438\u0435 \u0437\u0430\u043f\u0438\u0441\u0438","theme.blog.post.paginator.navAriaLabel":"\u041d\u0430\u0432\u0438\u0433\u0430\u0446\u0438\u044f \u043f\u043e \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0435 \u043f\u043e\u0441\u0442\u0430 \u0431\u043b\u043e\u0433\u0430","theme.blog.post.paginator.newerPost":"\u0421\u043b\u0435\u0434\u0443\u044e\u0449\u0438\u0439 \u043f\u043e\u0441\u0442","theme.blog.post.paginator.olderPost":"\u041f\u0440\u0435\u0434\u044b\u0434\u0443\u0449\u0438\u0439 \u043f\u043e\u0441\u0442","theme.blog.post.plurals":"{count} \u0437\u0430\u043f\u0438\u0441\u044c|{count} \u0437\u0430\u043f\u0438\u0441\u0438|{count} \u0437\u0430\u043f\u0438\u0441\u0435\u0439","theme.blog.post.readMore":"\u0427\u0438\u0442\u0430\u0442\u044c \u0434\u0430\u043b\u044c\u0448\u0435","theme.blog.post.readMoreLabel":"\u041f\u043e\u0434\u0440\u043e\u0431\u043d\u0435\u0435 \u043e {title}","theme.blog.post.readingTime.plurals":"{readingTime} \u043c\u0438\u043d. \u0447\u0442\u0435\u043d\u0438\u044f","theme.blog.sidebar.navAriaLabel":"\u041d\u0430\u0432\u0438\u0433\u0430\u0446\u0438\u044f \u043f\u043e \u043f\u043e\u0441\u043b\u0435\u0434\u043d\u0438\u043c \u043f\u043e\u0441\u0442\u0430\u043c \u0432 \u0431\u043b\u043e\u0433\u0435","theme.blog.tagTitle":"{nPosts} \u0441 \u0442\u0435\u0433\u043e\u043c \\"{tagName}\\"","theme.colorToggle.ariaLabel":"\u041f\u0435\u0440\u0435\u043a\u043b\u044e\u0447\u0435\u043d\u0438\u0435 \u043c\u0435\u0436\u0434\u0443 \u0442\u0435\u043c\u043d\u044b\u043c \u0438 \u0441\u0432\u0435\u0442\u043b\u044b\u043c \u0440\u0435\u0436\u0438\u043c\u043e\u043c (\u0441\u0435\u0439\u0447\u0430\u0441 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u0442\u0441\u044f {mode})","theme.colorToggle.ariaLabel.mode.dark":"\u0422\u0451\u043c\u043d\u044b\u0439 \u0440\u0435\u0436\u0438\u043c","theme.colorToggle.ariaLabel.mode.light":"\u0421\u0432\u0435\u0442\u043b\u044b\u0439 \u0440\u0435\u0436\u0438\u043c","theme.common.editThisPage":"\u041e\u0442\u0440\u0435\u0434\u0430\u043a\u0442\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u044d\u0442\u0443 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0443","theme.common.headingLinkTitle":"\u041f\u0440\u044f\u043c\u0430\u044f \u0441\u0441\u044b\u043b\u043a\u0430 \u043d\u0430 \u044d\u0442\u043e\u0442 \u0437\u0430\u0433\u043e\u043b\u043e\u0432\u043e\u043a","theme.common.skipToMainContent":"\u041f\u0435\u0440\u0435\u0439\u0442\u0438 \u043a \u043e\u0441\u043d\u043e\u0432\u043d\u043e\u043c\u0443 \u0441\u043e\u0434\u0435\u0440\u0436\u0438\u043c\u043e\u043c\u0443","theme.contentVisibility.draftBanner.message":"This page is a draft. It will only be visible in dev and be excluded from the production build.","theme.contentVisibility.draftBanner.title":"Draft page","theme.contentVisibility.unlistedBanner.message":"This page is unlisted. Search engines will not index it, and only users having a direct link can access it.","theme.contentVisibility.unlistedBanner.title":"Unlisted page","theme.docs.DocCard.categoryDescription.plurals":"{count} \u044d\u043b\u0435\u043c\u0435\u043d\u0442|{count} \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u0430|{count} \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u043e\u0432","theme.docs.breadcrumbs.home":"\u0413\u043b\u0430\u0432\u043d\u0430\u044f \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0430","theme.docs.breadcrumbs.navAriaLabel":"\u041d\u0430\u0432\u0438\u0433\u0430\u0446\u0438\u043e\u043d\u043d\u0430\u044f \u0446\u0435\u043f\u043e\u0447\u043a\u0430 \u0442\u0435\u043a\u0443\u0449\u0435\u0439 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b","theme.docs.paginator.navAriaLabel":"\u041d\u0430\u0432\u0438\u0433\u0430\u0446\u0438\u044f \u043f\u043e \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0435 \u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u0430\u0446\u0438\u0438","theme.docs.paginator.next":"\u0421\u043b\u0435\u0434\u0443\u044e\u0449\u0430\u044f \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0430","theme.docs.paginator.previous":"\u041f\u0440\u0435\u0434\u044b\u0434\u0443\u0449\u0430\u044f \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0430","theme.docs.sidebar.closeSidebarButtonAriaLabel":"\u0417\u0430\u043a\u0440\u044b\u0442\u044c \u043f\u0430\u043d\u0435\u043b\u044c \u043d\u0430\u0432\u0438\u0433\u0430\u0446\u0438\u0438","theme.docs.sidebar.collapseButtonAriaLabel":"\u0421\u0432\u0435\u0440\u043d\u0443\u0442\u044c \u0441\u0430\u0439\u0434\u0431\u0430\u0440","theme.docs.sidebar.collapseButtonTitle":"\u0421\u0432\u0435\u0440\u043d\u0443\u0442\u044c \u0441\u0430\u0439\u0434\u0431\u0430\u0440","theme.docs.sidebar.expandButtonAriaLabel":"\u0420\u0430\u0437\u0432\u0435\u0440\u043d\u0443\u0442\u044c \u0441\u0430\u0439\u0434\u0431\u0430\u0440","theme.docs.sidebar.expandButtonTitle":"\u0420\u0430\u0437\u0432\u0435\u0440\u043d\u0443\u0442\u044c \u0441\u0430\u0439\u0434\u0431\u0430\u0440","theme.docs.sidebar.navAriaLabel":"Docs sidebar","theme.docs.sidebar.toggleSidebarButtonAriaLabel":"\u041f\u0435\u0440\u0435\u043a\u043b\u044e\u0447\u0438\u0442\u044c \u043d\u0430\u0432\u0438\u0433\u0430\u0446\u0438\u043e\u043d\u043d\u0443\u044e \u043f\u0430\u043d\u0435\u043b\u044c","theme.docs.tagDocListPageTitle":"{nDocsTagged} \u0441 \u0442\u0435\u0433\u043e\u043c \\"{tagName}\\"","theme.docs.tagDocListPageTitle.nDocsTagged":"\u041e\u0434\u043d\u0430 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0430|{count} \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b|{count} \u0441\u0442\u0440\u0430\u043d\u0438\u0446","theme.docs.versionBadge.label":"\u0412\u0435\u0440\u0441\u0438\u044f: {versionLabel}","theme.docs.versions.latestVersionLinkLabel":"\u043f\u043e\u0441\u043b\u0435\u0434\u043d\u0435\u0439 \u0432\u0435\u0440\u0441\u0438\u0438","theme.docs.versions.latestVersionSuggestionLabel":"\u0410\u043a\u0442\u0443\u0430\u043b\u044c\u043d\u0430\u044f \u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u0430\u0446\u0438\u044f \u043d\u0430\u0445\u043e\u0434\u0438\u0442\u0441\u044f \u043d\u0430 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0435 {latestVersionLink} ({versionLabel}).","theme.docs.versions.unmaintainedVersionLabel":"\u042d\u0442\u043e \u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u0430\u0446\u0438\u044f {siteTitle} \u0434\u043b\u044f \u0432\u0435\u0440\u0441\u0438\u0438 {versionLabel}, \u043a\u043e\u0442\u043e\u0440\u0430\u044f \u0443\u0436\u0435 \u043d\u0435 \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u0438\u0432\u0430\u0435\u0442\u0441\u044f.","theme.docs.versions.unreleasedVersionLabel":"\u042d\u0442\u043e \u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u0430\u0446\u0438\u044f \u0434\u043b\u044f \u0431\u0443\u0434\u0443\u0449\u0435\u0439 \u0432\u0435\u0440\u0441\u0438\u0438 {siteTitle} {versionLabel}.","theme.lastUpdated.atDate":" {date}","theme.lastUpdated.byUser":" \u043e\u0442 {user}","theme.lastUpdated.lastUpdatedAtBy":"\u041f\u043e\u0441\u043b\u0435\u0434\u043d\u0435\u0435 \u043e\u0431\u043d\u043e\u0432\u043b\u0435\u043d\u0438\u0435{atDate}{byUser}","theme.navbar.mobileLanguageDropdown.label":"\u042f\u0437\u044b\u043a\u0438","theme.navbar.mobileSidebarSecondaryMenu.backButtonLabel":"\u2190 \u041f\u0435\u0440\u0435\u0439\u0442\u0438 \u043a \u0433\u043b\u0430\u0432\u043d\u043e\u043c\u0443 \u043c\u0435\u043d\u044e","theme.navbar.mobileVersionsDropdown.label":"\u0412\u0435\u0440\u0441\u0438\u0438","theme.tags.tagsListLabel":"\u0422\u0435\u0433\u0438:","theme.tags.tagsPageLink":"\u041f\u043e\u0441\u043c\u043e\u0442\u0440\u0435\u0442\u044c \u0432\u0441\u0435 \u0442\u0435\u0433\u0438","theme.tags.tagsPageTitle":"\u0422\u0435\u0433\u0438","theme.SearchBar.label":"\u041f\u043e\u0438\u0441\u043a","theme.SearchBar.seeAll":"\u041f\u043e\u0441\u043c\u043e\u0442\u0440\u0435\u0442\u044c \u0432\u0441\u0435 \u0440\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442\u044b ({count})","theme.SearchModal.errorScreen.helpText":"\u041f\u0440\u043e\u0432\u0435\u0440\u044c\u0442\u0435 \u043f\u043e\u0434\u043a\u043b\u044e\u0447\u0435\u043d\u0438\u0435 \u043a \u0438\u043d\u0442\u0435\u0440\u043d\u0435\u0442\u0443.","theme.SearchModal.errorScreen.titleText":"\u041d\u0435\u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e \u0437\u0430\u0433\u0440\u0443\u0437\u0438\u0442\u044c \u0440\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442\u044b \u043f\u043e\u0438\u0441\u043a\u0430","theme.SearchModal.footer.closeKeyAriaLabel":"\u041a\u043b\u0430\u0432\u0438\u0448\u0430 Escape","theme.SearchModal.footer.closeText":"\u0437\u0430\u043a\u0440\u044b\u0442\u044c","theme.SearchModal.footer.navigateDownKeyAriaLabel":"\u041a\u043b\u0430\u0432\u0438\u0448\u0430 \u0441\u0442\u0440\u0435\u043b\u043a\u0430 \u0432\u043d\u0438\u0437","theme.SearchModal.footer.navigateText":"\u043d\u0430\u0432\u0438\u0433\u0430\u0446\u0438\u044f","theme.SearchModal.footer.navigateUpKeyAriaLabel":"\u041a\u043b\u0430\u0432\u0438\u0448\u0430 \u0441\u0442\u0440\u0435\u043b\u043a\u0430 \u0432\u0432\u0435\u0440\u0445","theme.SearchModal.footer.searchByText":"\u041f\u043e\u0438\u0441\u043a \u043e\u0442","theme.SearchModal.footer.selectKeyAriaLabel":"\u041a\u043b\u0430\u0432\u0438\u0448\u0430 Enter","theme.SearchModal.footer.selectText":"\u0432\u044b\u0431\u0440\u0430\u0442\u044c","theme.SearchModal.noResultsScreen.noResultsText":"\u041d\u0435\u0442 \u0440\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442\u043e\u0432 \u043f\u043e \u0437\u0430\u043f\u0440\u043e\u0441\u0443","theme.SearchModal.noResultsScreen.reportMissingResultsLinkText":"\u0421\u043e\u043e\u0431\u0449\u0438\u0442\u0435 \u043d\u0430\u043c.","theme.SearchModal.noResultsScreen.reportMissingResultsText":"\u041d\u0435\u0442 \u043f\u043e\u0434\u0445\u043e\u0434\u044f\u0449\u0435\u0433\u043e \u0440\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442\u0430 \u043f\u043e\u0438\u0441\u043a\u0430?","theme.SearchModal.noResultsScreen.suggestedQueryText":"\u041f\u043e\u043f\u0440\u043e\u0431\u0443\u0439\u0442\u0435","theme.SearchModal.placeholder":"\u041f\u043e\u0438\u0441\u043a","theme.SearchModal.searchBox.cancelButtonText":"\u041e\u0442\u043c\u0435\u043d\u0438\u0442\u044c","theme.SearchModal.searchBox.resetButtonTitle":"\u041e\u0447\u0438\u0441\u0442\u0438\u0442\u044c","theme.SearchModal.startScreen.favoriteSearchesTitle":"\u0418\u0437\u0431\u0440\u0430\u043d\u043d\u043e\u0435","theme.SearchModal.startScreen.noRecentSearchesText":"\u041d\u0435\u0442 \u0438\u0441\u0442\u043e\u0440\u0438\u0438 \u043f\u043e\u0438\u0441\u043a\u0430","theme.SearchModal.startScreen.recentSearchesTitle":"\u041d\u0435\u0434\u0430\u0432\u043d\u0435\u0435","theme.SearchModal.startScreen.removeFavoriteSearchButtonTitle":"\u0423\u0434\u0430\u043b\u0438\u0442\u044c \u0437\u0430\u043f\u0438\u0441\u044c \u0438\u0437 \u0438\u0437\u0431\u0440\u0430\u043d\u043d\u043e\u0435","theme.SearchModal.startScreen.removeRecentSearchButtonTitle":"\u0423\u0434\u0430\u043b\u0438\u0442\u044c \u0437\u0430\u043f\u0438\u0441\u044c \u0438\u0437 \u0438\u0441\u0442\u043e\u0440\u0438\u044e","theme.SearchModal.startScreen.saveRecentSearchButtonTitle":"\u0421\u043e\u0445\u0440\u0430\u043d\u0438\u0442\u044c \u043f\u043e\u0438\u0441\u043a\u043e\u0432\u044b\u0439 \u0437\u0430\u043f\u0440\u043e\u0441","theme.SearchPage.algoliaLabel":"\u041f\u043e\u0438\u0441\u043a \u043e\u0442 Algolia","theme.SearchPage.documentsFound.plurals":"{count} \u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442|{count} \u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u0430|{count} \u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u043e\u0432","theme.SearchPage.emptyResultsTitle":"\u041f\u043e\u0438\u0441\u043a \u043f\u043e \u0441\u0430\u0439\u0442\u0443","theme.SearchPage.existingResultsTitle":"\u0420\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442\u044b \u043f\u043e\u0438\u0441\u043a\u0430 \u043f\u043e \u0437\u0430\u043f\u0440\u043e\u0441\u0443 \\"{query}\\"","theme.SearchPage.fetchingNewResults":"\u0417\u0430\u0433\u0440\u0443\u0437\u043a\u0430 \u043d\u043e\u0432\u044b\u0445 \u0440\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442\u043e\u0432 \u043f\u043e\u0438\u0441\u043a\u0430...","theme.SearchPage.inputLabel":"\u041f\u043e\u0438\u0441\u043a","theme.SearchPage.inputPlaceholder":"\u0412\u0432\u0435\u0434\u0438\u0442\u0435 \u0444\u0440\u0430\u0437\u0443 \u0434\u043b\u044f \u043f\u043e\u0438\u0441\u043a\u0430","theme.SearchPage.noResultsText":"\u041f\u043e \u0437\u0430\u043f\u0440\u043e\u0441\u0443 \u043d\u0438\u0447\u0435\u0433\u043e \u043d\u0435 \u043d\u0430\u0439\u0434\u0435\u043d\u043e","theme.IdealImageMessage.404error":"404. \u0418\u0437\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u0435 \u043d\u0435 \u043d\u0430\u0439\u0434\u0435\u043d\u043e","theme.IdealImageMessage.error":"\u041e\u0448\u0438\u0431\u043a\u0430. \u041d\u0430\u0436\u043c\u0438\u0442\u0435 \u0434\u043b\u044f \u043f\u0435\u0440\u0435\u0437\u0430\u0433\u0440\u0443\u0437\u043a\u0438","theme.IdealImageMessage.load":"\u041d\u0430\u0436\u043c\u0438\u0442\u0435 \u0434\u043b\u044f \u0437\u0430\u0433\u0440\u0443\u0437\u043a\u0438 {sizeMessage}","theme.IdealImageMessage.loading":"\u0417\u0430\u0433\u0440\u0443\u0437\u043a\u0430...","theme.IdealImageMessage.offline":"\u0412\u0430\u0448 \u0431\u0440\u0430\u0443\u0437\u0435\u0440 \u043d\u0430\u0445\u043e\u0434\u0438\u0442\u0441\u044f \u0432 \u0430\u0432\u0442\u043e\u043d\u043e\u043c\u043d\u043e\u043c \u0440\u0435\u0436\u0438\u043c\u0435. \u0418\u0437\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u0435 \u043d\u0435 \u0437\u0430\u0433\u0440\u0443\u0436\u0435\u043d\u043e","pages.home.features.title":"\u041f\u0440\u0435\u0438\u043c\u0443\u0449\u0435\u0441\u0442\u0432\u0430","pages.home.features.logic.title":"\u042f\u0432\u043d\u0430\u044f \u0431\u0438\u0437\u043d\u0435\u0441-\u043b\u043e\u0433\u0438\u043a\u0430","pages.home.features.logic.description":"\u0410\u0440\u0445\u0438\u0442\u0435\u043a\u0442\u0443\u0440\u0443 \u043b\u0435\u0433\u043a\u043e \u043e\u0441\u0432\u0430\u0438\u0432\u0430\u0442\u044c, \u043f\u043e\u0441\u043a\u043e\u043b\u044c\u043a\u0443 \u043e\u043d\u0430 \u0441\u043e\u0441\u0442\u043e\u0438\u0442 \u0438\u0437 \u0434\u043e\u043c\u0435\u043d\u043d\u044b\u0445 \u043c\u043e\u0434\u0443\u043b\u0435\u0439","pages.home.features.adaptability.title":"\u0410\u0434\u0430\u043f\u0442\u0438\u0432\u043d\u043e\u0441\u0442\u044c","pages.home.features.adaptability.description":"\u041a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u044b \u0430\u0440\u0445\u0438\u0442\u0435\u043a\u0442\u0443\u0440\u044b \u043c\u043e\u0436\u043d\u043e \u0433\u0438\u0431\u043a\u043e \u0437\u0430\u043c\u0435\u043d\u044f\u0442\u044c, \u0434\u043e\u0431\u0430\u0432\u043b\u044f\u0442\u044c \u043f\u043e\u0434 \u043d\u043e\u0432\u044b\u0435 \u0443\u0441\u043b\u043e\u0432\u0438\u044f","pages.home.features.debt.title":"\u0422\u0435\u0445\u043d\u0438\u0447\u0435\u0441\u043a\u0438\u0439 \u0434\u043e\u043b\u0433","pages.home.features.debt.description":"\u041a\u0430\u0436\u0434\u044b\u0439 \u043c\u043e\u0434\u0443\u043b\u044c \u043c\u043e\u0436\u043d\u043e \u043d\u0435\u0437\u0430\u0432\u0438\u0441\u0438\u043c\u043e \u043c\u043e\u0434\u0438\u0444\u0438\u0446\u0438\u0440\u043e\u0432\u0430\u0442\u044c / \u043f\u0435\u0440\u0435\u043f\u0438\u0441\u0430\u0442\u044c \u0431\u0435\u0437 \u0441\u0430\u0439\u0434-\u044d\u0444\u0444\u0435\u043a\u0442\u043e\u0432","pages.home.features.shared.title":"\u042f\u0432\u043d\u0430\u044f \u043f\u0435\u0440\u0435\u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u043c\u043e\u0441\u0442\u044c","pages.home.features.shared.description":"\u0421\u043e\u0445\u0440\u0430\u043d\u044f\u0435\u0442\u0441\u044f \u0431\u0430\u043b\u0430\u043d\u0441 \u043c\u0435\u0436\u0434\u0443 DRY \u0438 \u043b\u043e\u043a\u0430\u043b\u044c\u043d\u043e\u0439 \u043a\u0430\u0441\u0442\u043e\u043c\u0438\u0437\u0430\u0446\u0438\u0435\u0439","pages.home.concepts.title":"\u041a\u043e\u043d\u0446\u0435\u043f\u0446\u0438\u0438","pages.home.concepts.public.title":"Public API","pages.home.concepts.public.description":"\u041a\u0430\u0436\u0434\u044b\u0439 \u043c\u043e\u0434\u0443\u043b\u044c \u0434\u043e\u043b\u0436\u0435\u043d \u0438\u043c\u0435\u0442\u044c \u043d\u0430 \u0432\u0435\u0440\u0445\u043d\u0435\u043c \u0443\u0440\u043e\u0432\u043d\u0435 \u0434\u0435\u043a\u043b\u0430\u0440\u0430\u0446\u0438\u044e \u0441\u0432\u043e\u0435\u0433\u043e \u043f\u0443\u0431\u043b\u0438\u0447\u043d\u043e\u0433\u043e API","pages.home.concepts.isolation.title":"\u0418\u0437\u043e\u043b\u044f\u0446\u0438\u044f","pages.home.concepts.isolation.description":"\u041c\u043e\u0434\u0443\u043b\u044c \u043d\u0435 \u0434\u043e\u043b\u0436\u0435\u043d \u0437\u0430\u0432\u0438\u0441\u0435\u0442\u044c \u043d\u0430\u043f\u0440\u044f\u043c\u0443\u044e \u043e\u0442 \u0434\u0440\u0443\u0433\u0438\u0445 \u043c\u043e\u0434\u0443\u043b\u0435\u0439 \u0442\u043e\u0433\u043e \u0436\u0435 \u0441\u043b\u043e\u044f \u0438\u043b\u0438 \u0432\u044b\u0448\u0435\u043b\u0435\u0436\u0430\u0448\u0438\u0445 \u0441\u043b\u043e\u0435\u0432","pages.home.concepts.needs.title":"\u041f\u043e\u043d\u0438\u043c\u0430\u043d\u0438\u0435 \u043f\u043e\u0442\u0440\u0435\u0431\u043d\u043e\u0441\u0442\u0435\u0439","pages.home.concepts.needs.description":"\u041e\u0440\u0438\u0435\u043d\u0442\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u0435 \u043d\u0430 \u043f\u043e\u0442\u0440\u0435\u0431\u043d\u043e\u0441\u0442\u0438 \u0431\u0438\u0437\u043d\u0435\u0441\u0430 \u0438 \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044f","pages.home.scheme.title":"\u0421\u0445\u0435\u043c\u0430","pages.home.companies.using":"\u041a\u043e\u043c\u043f\u0430\u043d\u0438\u0438, \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u044e\u0449\u0438\u0435 \u043c\u0435\u0442\u043e\u0434\u043e\u043b\u043e\u0433\u0438\u044e","pages.home.companies.add_me":"\u041c\u0435\u0442\u043e\u0434\u043e\u043b\u043e\u0433\u0438\u044f \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u0442\u0441\u044f \u0432 \u0412\u0430\u0448\u0435\u0439 \u043a\u043e\u043c\u043f\u0430\u043d\u0438\u0438?","pages.home.companies.tell_us":"\u0421\u043e\u043e\u0431\u0449\u0438\u0442\u0435 \u043d\u0430\u043c","pages.examples.title":"\u041f\u0440\u0438\u043c\u0435\u0440\u044b","pages.examples.subtitle":"\u0421\u043f\u0438\u0441\u043e\u043a \u0441\u0430\u0439\u0442\u043e\u0432, \u0441\u0434\u0435\u043b\u0430\u043d\u043d\u044b\u0445 \u043b\u044e\u0434\u044c\u043c\u0438 \u0441 FSD","pages.examples.add_me.title":"\u0414\u043e\u0431\u0430\u0432\u0438\u0442\u044c \u043f\u0440\u0438\u043c\u0435\u0440","pages.examples.repo.title":"\u0420\u0435\u043f\u043e\u0437\u0438\u0442\u043e\u0440\u0438\u0439","pages.examples.versions":"\u0421\u043c. \u0442\u0430\u043a\u0436\u0435 \u0441\u043f\u0438\u0441\u043e\u043a \u0432\u0435\u0440\u0441\u0438\u0439","pages.versions.title":"\u0412\u0435\u0440\u0441\u0438\u0438 Feature-Sliced Design","pages.versions.current":"\u0417\u0434\u0435\u0441\u044c \u043c\u043e\u0436\u043d\u043e \u043d\u0430\u0439\u0442\u0438 \u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u0430\u0446\u0438\u044e \u0434\u043b\u044f \u0442\u0435\u043a\u0443\u0449\u0435\u0439 \u043e\u043f\u0443\u0431\u043b\u0438\u043a\u043e\u0432\u0430\u043d\u043d\u043e\u0439 \u0432\u0435\u0440\u0441\u0438\u0438","pages.versions.legacy":"\u0417\u0434\u0435\u0441\u044c \u043c\u043e\u0436\u043d\u043e \u043d\u0430\u0439\u0442\u0438 \u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u0430\u0446\u0438\u044e \u0434\u043b\u044f \u0441\u0442\u0430\u0440\u044b\u0445 \u0432\u0435\u0440\u0441\u0438\u0439 {of}","pages.nav.title":"\ud83e\udded \u041d\u0430\u0432\u0438\u0433\u0430\u0446\u0438\u044f","pages.nav.legacy.title":"\u0423\u0441\u0442\u0430\u0440\u0435\u0432\u0448\u0438\u0435 \u0441\u0441\u044b\u043b\u043a\u0438","pages.nav.legacy.details":"\u041f\u043e\u0441\u043b\u0435 \u0440\u0435\u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u0438\u0437\u0430\u0446\u0438\u0438 \u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u0430\u0446\u0438\u0438, \u043d\u0435\u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u0441\u0441\u044b\u043b\u043a\u0438 \u043d\u0430 \u0441\u0442\u0430\u0442\u044c\u0438 \u0438\u0437\u043c\u0435\u043d\u0438\u043b\u0438\u0441\u044c. \u041d\u0438\u0436\u0435 \u043c\u043e\u0436\u043d\u043e \u043d\u0430\u0439\u0442\u0438 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0443, \u043a\u043e\u0442\u043e\u0440\u0443\u044e \u0432\u044b, \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e, \u0438\u0441\u043a\u0430\u043b\u0438.","pages.nav.legacy.subdetails":"\u041d\u043e \u0434\u043b\u044f \u0441\u043e\u0432\u043c\u0435\u0441\u0442\u0438\u043c\u043e\u0441\u0442\u0438 \u0435\u0441\u0442\u044c \u0440\u0435\u0434\u0438\u0440\u0435\u043a\u0442\u044b \u0441\u043e \u0441\u0442\u0430\u0440\u044b\u0445 \u0441\u0441\u044b\u043b\u043e\u043a","features.feedback-badge.label":"\u041f\u043e\u0434\u0435\u043b\u0438\u0441\u044c \u0444\u0438\u0434\u0431\u0435\u043a\u043e\u043c \u043f\u043e \u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u0430\u0446\u0438\u0438 \ud83e\udd19","features.feedback-badge.url":"https://forms.gle/7p4anU2shHAzmfqc8","features.feedback-doc.thanks":"\u0421\u043f\u0430\u0441\u0438\u0431\u043e, \u0447\u0442\u043e \u043f\u043e\u0434\u0435\u043b\u0438\u043b\u0438\u0441\u044c!","features.feedback-doc.title":"\u0421\u0442\u0440\u0430\u043d\u0438\u0446\u0430 \u0431\u044b\u043b\u0430 \u043f\u043e\u043b\u0435\u0437\u043d\u043e\u0439?","features.feedback-doc.subtitle":"\u0412\u0430\u0448 \u0444\u0438\u0434\u0431\u0435\u043a \u043f\u043e\u043c\u043e\u0433\u0430\u0435\u0442 \u043d\u0430\u043c \u0443\u043b\u0443\u0447\u0448\u0430\u0442\u044c \u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u0430\u0446\u0438\u044e","features.feedback-doc.button-text":"\u041e\u0441\u0442\u0430\u0432\u0438\u0442\u044c \u043e\u0442\u0437\u044b\u0432","features.feedback-doc.email-placeholder":"\u041e\u0441\u0442\u0430\u0432\u044c\u0442\u0435 \u0432\u0430\u0448 e-mail (\u043f\u043e \u0436\u0435\u043b\u0430\u043d\u0438\u044e)","features.feedback-doc.error-message":"\u041f\u043e\u0436\u0430\u043b\u0443\u0439\u0441\u0442\u0430, \u043f\u043e\u043f\u0440\u043e\u0431\u0443\u0439\u0442\u0435 \u043f\u043e\u0437\u0436\u0435.","features.feedback-doc.modal-title-error-403":"URL \u0437\u0430\u043f\u0440\u043e\u0441\u0430 \u043d\u0435 \u0441\u043e\u0432\u043f\u0430\u0434\u0430\u0435\u0442 \u0441 URL, \u0443\u043a\u0430\u0437\u0430\u043d\u043d\u044b\u043c \u0432 PushFeedback \u0434\u043b\u044f \u044d\u0442\u043e\u0433\u043e \u043f\u0440\u043e\u0435\u043a\u0442\u0430.","features.feedback-doc.modal-title-error-404":"\u041c\u044b \u043d\u0435 \u0441\u043c\u043e\u0433\u043b\u0438 \u043d\u0430\u0439\u0442\u0438 \u043f\u0440\u0435\u0434\u043e\u0441\u0442\u0430\u0432\u043b\u0435\u043d\u043d\u044b\u0439 \u0438\u0434\u0435\u043d\u0442\u0438\u0444\u0438\u043a\u0430\u0442\u043e\u0440 \u043f\u0440\u043e\u0435\u043a\u0442\u0430 \u0432 PushFeedback.","features.feedback-doc.message-placeholder":"\u041d\u0430\u043f\u0438\u0448\u0438\u0442\u0435 \u0432\u0430\u0448 \u043e\u0442\u0437\u044b\u0432 \u0437\u0434\u0435\u0441\u044c\u2026","features.feedback-doc.modal-title":"\u041f\u043e\u0434\u0435\u043b\u0438\u0442\u0435\u0441\u044c \u0432\u0430\u0448\u0438\u043c \u043c\u043d\u0435\u043d\u0438\u0435\u043c","features.feedback-doc.modal-title-error":"\u0423\u043f\u0441!","features.feedback-doc.modal-title-success":"\u0421\u043f\u0430\u0441\u0438\u0431\u043e \u0437\u0430 \u0432\u0430\u0448 \u043e\u0442\u0437\u044b\u0432!","features.feedback-doc.rating-placeholder":"\u0411\u044b\u043b\u0430 \u043b\u0438 \u044d\u0442\u0430 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0430 \u043f\u043e\u043b\u0435\u0437\u043d\u043e\u0439?","features.feedback-doc.rating-stars-placeholder":"\u041a\u0430\u043a \u0431\u044b \u0432\u044b \u043e\u0446\u0435\u043d\u0438\u043b\u0438 \u044d\u0442\u0443 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0443","features.feedback-doc.screenshot-button-text":"\u0421\u0434\u0435\u043b\u0430\u0442\u044c \u0441\u043a\u0440\u0438\u043d\u0448\u043e\u0442","features.feedback-doc.screenshot-topbar-text":"\u0412\u044b\u0431\u0435\u0440\u0438\u0442\u0435 \u044d\u043b\u0435\u043c\u0435\u043d\u0442 \u043d\u0430 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0435","features.feedback-doc.send-button-text":"\u041e\u0442\u043f\u0440\u0430\u0432\u0438\u0442\u044c","features.hero.tagline":"\u0410\u0440\u0445\u0438\u0442\u0435\u043a\u0442\u0443\u0440\u043d\u0430\u044f \u043c\u0435\u0442\u043e\u0434\u043e\u043b\u043e\u0433\u0438\u044f \u0434\u043b\u044f \u0444\u0440\u043e\u043d\u0442\u0435\u043d\u0434 \u043f\u0440\u043e\u0435\u043a\u0442\u043e\u0432","features.hero.get_started":"\u041e\u0437\u043d\u0430\u043a\u043e\u043c\u0438\u0442\u044c\u0441\u044f","features.hero.examples":"\u041f\u0440\u0438\u043c\u0435\u0440\u044b","features.hero.previous":"\u041f\u0440\u0435\u0434\u044b\u0434\u0443\u0449\u0430\u044f \u0432\u0435\u0440\u0441\u0438\u044f","shared.wip.title":"\u0421\u0442\u0430\u0442\u044c\u044f \u043d\u0430\u0445\u043e\u0434\u0438\u0442\u0441\u044f \u0432 \u043f\u0440\u043e\u0446\u0435\u0441\u0441\u0435 \u043d\u0430\u043f\u0438\u0441\u0430\u043d\u0438\u044f","shared.wip.subtitle":"\u0427\u0442\u043e\u0431\u044b \u0443\u0441\u043a\u043e\u0440\u0438\u0442\u044c \u0435\u0435 \u043f\u043e\u044f\u0432\u043b\u0435\u043d\u0438\u0435, \u043c\u043e\u0436\u043d\u043e:","shared.wip.var.feedback.base":"\ud83d\udce2 \u041f\u043e\u0434\u0435\u043b\u0438\u0442\u044c\u0441\u044f \u043e\u0431\u0440\u0430\u0442\u043d\u043e\u0439 \u0441\u0432\u044f\u0437\u044c\u044e ","shared.wip.var.feedback.link":"\u0432 \u0442\u0438\u043a\u0435\u0442\u0435 (\u043a\u043e\u043c\u043c\u0435\u043d\u0442\u0430\u0440\u0438\u0438/\u044d\u043c\u043e\u0434\u0437\u0438-\u0440\u0435\u0430\u043a\u0446\u0438\u044f)","shared.wip.var.material.base":"\ud83d\udcac \u0421\u043e\u0431\u0440\u0430\u0442\u044c \u0432 \u0442\u0438\u043a\u0435\u0442 \u043d\u0430\u043a\u043e\u043f\u043b\u0435\u043d\u043d\u044b\u0439 \u043f\u043e \u0442\u0435\u043c\u0435 ","shared.wip.var.material.link":"\u043c\u0430\u0442\u0435\u0440\u0438\u0430\u043b \u0438\u0437 \u0447\u0430\u0442\u0430","shared.wip.var.contribute.base":"\u2692\ufe0f \u041f\u043e\u0441\u043e\u0434\u0435\u0439\u0441\u0442\u0432\u043e\u0432\u0430\u0442\u044c ","shared.wip.var.contribute.link":"\u043b\u044e\u0431\u044b\u043c \u0434\u0440\u0443\u0433\u0438\u043c \u0441\u043f\u043e\u0441\u043e\u0431\u043e\u043c","theme.docs.sidebar.responsiveCloseButtonLabel":"\u0417\u0430\u043a\u0440\u044b\u0442\u044c \u043c\u0435\u043d\u044e","theme.docs.sidebar.responsiveOpenButtonLabel":"\u041e\u0442\u043a\u0440\u044b\u0442\u044c \u043c\u0435\u043d\u044e"}')},4054:e=>{"use strict";e.exports=JSON.parse('{"/ru/blog-aee":{"__comp":"a6aa9e1f","__context":{"plugin":"36994c47"},"sidebar":"814f3328","items":[{"content":"25a0b29f"},{"content":"f6bb872e"}],"__props":"b23f9b66"},"/ru/blog/archive-1c3":{"__comp":"9e4087bc","__context":{"plugin":"36994c47"},"__props":"aa7e92d2"},"/ru/blog/international-community-81b":{"__comp":"ccc49370","__context":{"data":{"blogMetadata":"acecf23e"},"plugin":"36994c47"},"sidebar":"814f3328","content":"f6760343"},"/ru/blog/rebranding-stable-e49":{"__comp":"ccc49370","__context":{"data":{"blogMetadata":"acecf23e"},"plugin":"36994c47"},"sidebar":"814f3328","content":"1943626f"},"/ru/blog/tags-1d3":{"__comp":"01a85c17","__context":{"plugin":"36994c47"},"sidebar":"814f3328","__props":"fe7e4cbc"},"/ru/blog/tags/brand-419":{"__comp":"6875c492","__context":{"plugin":"36994c47"},"sidebar":"814f3328","items":[{"content":"f6bb872e"}],"__props":"c46c2379"},"/ru/blog/tags/community-6d1":{"__comp":"6875c492","__context":{"plugin":"36994c47"},"sidebar":"814f3328","items":[{"content":"25a0b29f"}],"__props":"4a19993a"},"/ru/blog/tags/discord-c22":{"__comp":"6875c492","__context":{"plugin":"36994c47"},"sidebar":"814f3328","items":[{"content":"25a0b29f"}],"__props":"c7525d6a"},"/ru/blog/tags/promo-72b":{"__comp":"6875c492","__context":{"plugin":"36994c47"},"sidebar":"814f3328","items":[{"content":"25a0b29f"},{"content":"f6bb872e"}],"__props":"6507e290"},"/ru/examples-708":{"__comp":"b4c136e1","__context":{"plugin":"a7456010"},"config":"5e9f5e1a"},"/ru/nav-687":{"__comp":"f565db0c","__context":{"plugin":"a7456010"},"config":"5e9f5e1a"},"/ru/search-750":{"__comp":"1a4e3797","__context":{"plugin":"c141421f"}},"/ru/versions-d01":{"__comp":"90f695cb","__context":{"plugin":"a7456010"},"config":"5e9f5e1a"},"/ru/community-46e":{"__comp":"5e95c892","__context":{"plugin":"e0719818"}},"/ru/community-ffd":{"__comp":"a7bd4aaa","__props":"0481ad86"},"/ru/community-76b":{"__comp":"a94703ab"},"/ru/community-ac6":{"__comp":"17896441","content":"a61c55ce"},"/ru/community/team-ba7":{"__comp":"17896441","content":"7313bf7a"},"/ru/docs-a2b":{"__comp":"5e95c892","__context":{"plugin":"aba21aa0"}},"/ru/docs-656":{"__comp":"a7bd4aaa","__props":"e86cc05b"},"/ru/docs-09e":{"__comp":"a94703ab"},"/ru/docs-8fb":{"__comp":"17896441","content":"808aa0e6"},"/ru/docs/about-970":{"__comp":"17896441","content":"9b6dbc63"},"/ru/docs/about/alternatives-4a7":{"__comp":"17896441","content":"44775544"},"/ru/docs/about/mission-615":{"__comp":"17896441","content":"ce6f052d"},"/ru/docs/about/motivation-e76":{"__comp":"17896441","content":"670340e2"},"/ru/docs/about/promote/for-company-6e1":{"__comp":"17896441","content":"d178dcf5"},"/ru/docs/about/promote/for-team-c81":{"__comp":"17896441","content":"c0c4bf5d"},"/ru/docs/about/promote/integration-45b":{"__comp":"17896441","content":"1c0a16b8"},"/ru/docs/about/promote/partial-application-040":{"__comp":"17896441","content":"6ee557b2"},"/ru/docs/about/understanding/abstractions-855":{"__comp":"17896441","content":"fee408fa"},"/ru/docs/about/understanding/architecture-826":{"__comp":"17896441","content":"81cb5b69"},"/ru/docs/about/understanding/knowledge-types-37b":{"__comp":"17896441","content":"3b64669e"},"/ru/docs/about/understanding/naming-2a7":{"__comp":"17896441","content":"d595dc26"},"/ru/docs/about/understanding/needs-driven-e89":{"__comp":"17896441","content":"fcc88823"},"/ru/docs/about/understanding/signals-48f":{"__comp":"17896441","content":"b9d2a7aa"},"/ru/docs/branding-4f0":{"__comp":"17896441","content":"9fc8add1"},"/ru/docs/get-started-bc0":{"__comp":"17896441","content":"1232fa31"},"/ru/docs/get-started/cheatsheet-4f2":{"__comp":"17896441","content":"71d20f43"},"/ru/docs/get-started/faq-8c4":{"__comp":"17896441","content":"7b31d677"},"/ru/docs/get-started/overview-686":{"__comp":"17896441","content":"cf699f5e"},"/ru/docs/get-started/tutorial-cad":{"__comp":"17896441","content":"bce03a1b"},"/ru/docs/guides-451":{"__comp":"17896441","content":"07deeff8"},"/ru/docs/guides/examples-e51":{"__comp":"17896441","content":"2bd07bfd"},"/ru/docs/guides/examples/auth-7fa":{"__comp":"17896441","content":"7759802f"},"/ru/docs/guides/examples/autocompleted-8a2":{"__comp":"17896441","content":"6becfc1a"},"/ru/docs/guides/examples/browser-api-76b":{"__comp":"17896441","content":"a657d4fc"},"/ru/docs/guides/examples/cms-4cc":{"__comp":"17896441","content":"f39d466e"},"/ru/docs/guides/examples/feedback-9fd":{"__comp":"17896441","content":"e9dc891f"},"/ru/docs/guides/examples/i18n-958":{"__comp":"17896441","content":"20c5a0f6"},"/ru/docs/guides/examples/metric-505":{"__comp":"17896441","content":"4eea1952"},"/ru/docs/guides/examples/monorepo-a63":{"__comp":"17896441","content":"d1f19b62"},"/ru/docs/guides/examples/page-layout-f7d":{"__comp":"17896441","content":"f22b339c"},"/ru/docs/guides/examples/platforms-2dc":{"__comp":"17896441","content":"17f650ce"},"/ru/docs/guides/examples/ssr-326":{"__comp":"17896441","content":"eb8bed87"},"/ru/docs/guides/examples/theme-795":{"__comp":"17896441","content":"a6bb2b9f"},"/ru/docs/guides/examples/types-c3d":{"__comp":"17896441","content":"e71e2184"},"/ru/docs/guides/examples/white-labels-fbb":{"__comp":"17896441","content":"8edc10e1"},"/ru/docs/guides/issues/cross-imports-f5c":{"__comp":"17896441","content":"dd4fd790"},"/ru/docs/guides/issues/desegmented-932":{"__comp":"17896441","content":"90c52043"},"/ru/docs/guides/issues/routes-479":{"__comp":"17896441","content":"04b1b9d4"},"/ru/docs/guides/migration/from-custom-0b7":{"__comp":"17896441","content":"b79c393c"},"/ru/docs/guides/migration/from-v1-6da":{"__comp":"17896441","content":"a01ebdbc"},"/ru/docs/guides/tech/with-nextjs-fb8":{"__comp":"17896441","content":"58b64b99"},"/ru/docs/guides/tech/with-nuxtjs-1db":{"__comp":"17896441","content":"62f42e37"},"/ru/docs/guides/tech/with-react-query-5b3":{"__comp":"17896441","content":"a41378e3"},"/ru/docs/guides/tech/with-sveltekit-4eb":{"__comp":"17896441","content":"a97f4ecc"},"/ru/docs/reference-533":{"__comp":"17896441","content":"6545b372"},"/ru/docs/reference/isolation-878":{"__comp":"17896441","content":"ffe50de1"},"/ru/docs/reference/isolation/coupling-cohesion-dac":{"__comp":"17896441","content":"352bcbef"},"/ru/docs/reference/isolation/decouple-entities-da8":{"__comp":"17896441","content":"1d3222b5"},"/ru/docs/reference/layers-9a5":{"__comp":"17896441","content":"457d5840"},"/ru/docs/reference/public-api-a86":{"__comp":"17896441","content":"35c5367b"},"/ru/docs/reference/slices-segments-296":{"__comp":"17896441","content":"e38a3126"},"/ru/-89c":{"__comp":"1df93b7f","__context":{"plugin":"a7456010"},"config":"5e9f5e1a"}}')}},e=>{e.O(0,[1869],(()=>{return t=3096,e(e.s=t);var t}));e.O()}]);
\ No newline at end of file
diff --git a/ru/assets/js/main.d5dbc580.js.LICENSE.txt b/ru/assets/js/main.ba59251d.js.LICENSE.txt
similarity index 100%
rename from ru/assets/js/main.d5dbc580.js.LICENSE.txt
rename to ru/assets/js/main.ba59251d.js.LICENSE.txt
diff --git a/ru/assets/js/runtime~main.d88d86db.js b/ru/assets/js/runtime~main.83a61e56.js
similarity index 79%
rename from ru/assets/js/runtime~main.d88d86db.js
rename to ru/assets/js/runtime~main.83a61e56.js
index 6a47e7ec39..f348728737 100644
--- a/ru/assets/js/runtime~main.d88d86db.js
+++ b/ru/assets/js/runtime~main.83a61e56.js
@@ -1 +1 @@
-(()=>{"use strict";var e,a,c,f,b,d={},t={};function r(e){var a=t[e];if(void 0!==a)return a.exports;var c=t[e]={id:e,loaded:!1,exports:{}};return d[e].call(c.exports,c,c.exports,r),c.loaded=!0,c.exports}r.m=d,r.c=t,e=[],r.O=(a,c,f,b)=>{if(!c){var d=1/0;for(i=0;i<e.length;i++){c=e[i][0],f=e[i][1],b=e[i][2];for(var t=!0,o=0;o<c.length;o++)(!1&b||d>=b)&&Object.keys(r.O).every((e=>r.O[e](c[o])))?c.splice(o--,1):(t=!1,b<d&&(d=b));if(t){e.splice(i--,1);var n=f();void 0!==n&&(a=n)}}return a}b=b||0;for(var i=e.length;i>0&&e[i-1][2]>b;i--)e[i]=e[i-1];e[i]=[c,f,b]},r.n=e=>{var a=e&&e.__esModule?()=>e.default:()=>e;return r.d(a,{a:a}),a},c=Object.getPrototypeOf?e=>Object.getPrototypeOf(e):e=>e.__proto__,r.t=function(e,f){if(1&f&&(e=this(e)),8&f)return e;if("object"==typeof e&&e){if(4&f&&e.__esModule)return e;if(16&f&&"function"==typeof e.then)return e}var b=Object.create(null);r.r(b);var d={};a=a||[null,c({}),c([]),c(c)];for(var t=2&f&&e;"object"==typeof t&&!~a.indexOf(t);t=c(t))Object.getOwnPropertyNames(t).forEach((a=>d[a]=()=>e[a]));return d.default=()=>e,r.d(b,d),b},r.d=(e,a)=>{for(var c in a)r.o(a,c)&&!r.o(e,c)&&Object.defineProperty(e,c,{enumerable:!0,get:a[c]})},r.f={},r.e=e=>Promise.all(Object.keys(r.f).reduce(((a,c)=>(r.f[c](e,a),a)),[])),r.u=e=>"assets/js/"+({25:"7313bf7a",230:"07deeff8",294:"fcc88823",393:"f22b339c",422:"25a0b29f",427:"35c5367b",447:"44775544",643:"a6bb2b9f",733:"e86cc05b",868:"b4c136e1",887:"4eea1952",957:"c141421f",1068:"cf699f5e",1217:"a97f4ecc",1235:"a7456010",1268:"62f42e37",1486:"c46c2379",1732:"b9d2a7aa",1828:"6becfc1a",1903:"acecf23e",2106:"4a19993a",2138:"1a4e3797",2216:"f39d466e",2304:"9b6dbc63",2338:"1232fa31",2538:"20c5a0f6",2563:"f6bb872e",2711:"9e4087bc",2828:"808aa0e6",3249:"ccc49370",3276:"b79c393c",3490:"e9dc891f",3512:"c7525d6a",3541:"a41378e3",3670:"e71e2184",3784:"bce03a1b",3902:"2bd07bfd",4232:"71d20f43",4401:"352bcbef",4477:"a01ebdbc",4583:"1df93b7f",4743:"7759802f",4793:"dd4fd790",4813:"6875c492",5005:"b23f9b66",5220:"e0719818",5263:"04b1b9d4",5425:"90c52043",5496:"7b31d677",5742:"aba21aa0",6008:"17f650ce",6189:"9fc8add1",6334:"6ee557b2",6400:"3b64669e",6726:"1943626f",6744:"457d5840",6766:"e38a3126",6877:"1c0a16b8",6956:"f6760343",7098:"a7bd4aaa",7364:"eb8bed87",7431:"0481ad86",7472:"814f3328",7512:"fee408fa",7643:"a6aa9e1f",7673:"90f695cb",7968:"8edc10e1",8056:"58b64b99",8091:"ffe50de1",8209:"01a85c17",8291:"81cb5b69",8376:"ce6f052d",8401:"17896441",8494:"aa7e92d2",8775:"d595dc26",8818:"fe7e4cbc",8875:"6545b372",8964:"a61c55ce",9048:"a94703ab",9224:"670340e2",9316:"1d3222b5",9467:"d178dcf5",9534:"f565db0c",9647:"5e95c892",9772:"c0c4bf5d",9780:"d1f19b62",9783:"a657d4fc",9858:"36994c47",9937:"6507e290"}[e]||e)+"."+{25:"a32a0dfe",230:"51cdbf80",294:"f26b499c",393:"8629c7a7",422:"caaf7fb0",427:"ed09fd79",447:"c34d2da9",643:"10944df0",733:"dc69ebb2",868:"3939e03e",887:"a012775a",957:"ca3f2e5c",1068:"925b3e3f",1217:"10100931",1235:"8c0700e7",1268:"6b46c782",1486:"a6811c96",1617:"1642ae2d",1732:"1e615c0d",1828:"17b08d2f",1903:"14fd44a2",2106:"b671807a",2138:"0c9f1607",2216:"b2a318f0",2304:"10f77668",2338:"51692b42",2511:"965527ff",2538:"dbcf86c4",2563:"dc389cd2",2711:"8253d742",2828:"f2e7b441",3249:"19193401",3276:"3af7ae06",3490:"495e7915",3512:"facf23b1",3541:"e6284e14",3670:"c5c8511c",3784:"ba3b4b6f",3902:"af57590b",3904:"f1010d4d",4232:"48185897",4342:"90670778",4401:"dcdf5dcc",4477:"d9cf30b9",4583:"92aa2ad2",4743:"34da0f3f",4793:"032e147b",4813:"300f4959",5005:"82b6ec21",5220:"db5d6b94",5263:"62bd2c3f",5425:"45f58b8c",5496:"f9308af0",5742:"3bb3f2a5",6008:"2b5267fc",6189:"f6dbad72",6334:"0a7aaf36",6400:"8e1500cf",6726:"48966c0f",6744:"b0edcac0",6766:"a4e92772",6877:"be690b3d",6956:"5edf313e",7098:"b7517e69",7364:"31115718",7431:"41bd4102",7472:"3df71452",7512:"823c32ef",7603:"86ea2b4a",7643:"302c6647",7673:"f1ea0e2d",7968:"df720cb1",8056:"ceda65a2",8091:"162fb84e",8209:"04439e0c",8291:"f6c43b85",8376:"37a3fe4c",8401:"c275fb66",8492:"8f83b238",8494:"47383bf6",8570:"eb11179c",8775:"151b7d06",8818:"31c593f1",8875:"efc3df60",8964:"9c7f5d30",9019:"a35288c0",9048:"73d6d9fb",9224:"47b50646",9316:"e2418e16",9467:"d1e989cf",9534:"308ae3a0",9553:"77ed74a8",9562:"a9eb2898",9647:"15322503",9772:"7379ae24",9780:"97153798",9783:"cfcb092e",9820:"5e09da4f",9858:"842583d7",9937:"d1391365"}[e]+".js",r.miniCssF=e=>{},r.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(e){if("object"==typeof window)return window}}(),r.o=(e,a)=>Object.prototype.hasOwnProperty.call(e,a),f={},b="@feature-sliced/documentation:",r.l=(e,a,c,d)=>{if(f[e])f[e].push(a);else{var t,o;if(void 0!==c)for(var n=document.getElementsByTagName("script"),i=0;i<n.length;i++){var u=n[i];if(u.getAttribute("src")==e||u.getAttribute("data-webpack")==b+c){t=u;break}}t||(o=!0,(t=document.createElement("script")).charset="utf-8",t.timeout=120,r.nc&&t.setAttribute("nonce",r.nc),t.setAttribute("data-webpack",b+c),t.src=e),f[e]=[a];var l=(a,c)=>{t.onerror=t.onload=null,clearTimeout(s);var b=f[e];if(delete f[e],t.parentNode&&t.parentNode.removeChild(t),b&&b.forEach((e=>e(c))),a)return a(c)},s=setTimeout(l.bind(null,void 0,{type:"timeout",target:t}),12e4);t.onerror=l.bind(null,t.onerror),t.onload=l.bind(null,t.onload),o&&document.head.appendChild(t)}},r.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},r.p="/ru/",r.gca=function(e){return e={17896441:"8401",44775544:"447","7313bf7a":"25","07deeff8":"230",fcc88823:"294",f22b339c:"393","25a0b29f":"422","35c5367b":"427",a6bb2b9f:"643",e86cc05b:"733",b4c136e1:"868","4eea1952":"887",c141421f:"957",cf699f5e:"1068",a97f4ecc:"1217",a7456010:"1235","62f42e37":"1268",c46c2379:"1486",b9d2a7aa:"1732","6becfc1a":"1828",acecf23e:"1903","4a19993a":"2106","1a4e3797":"2138",f39d466e:"2216","9b6dbc63":"2304","1232fa31":"2338","20c5a0f6":"2538",f6bb872e:"2563","9e4087bc":"2711","808aa0e6":"2828",ccc49370:"3249",b79c393c:"3276",e9dc891f:"3490",c7525d6a:"3512",a41378e3:"3541",e71e2184:"3670",bce03a1b:"3784","2bd07bfd":"3902","71d20f43":"4232","352bcbef":"4401",a01ebdbc:"4477","1df93b7f":"4583","7759802f":"4743",dd4fd790:"4793","6875c492":"4813",b23f9b66:"5005",e0719818:"5220","04b1b9d4":"5263","90c52043":"5425","7b31d677":"5496",aba21aa0:"5742","17f650ce":"6008","9fc8add1":"6189","6ee557b2":"6334","3b64669e":"6400","1943626f":"6726","457d5840":"6744",e38a3126:"6766","1c0a16b8":"6877",f6760343:"6956",a7bd4aaa:"7098",eb8bed87:"7364","0481ad86":"7431","814f3328":"7472",fee408fa:"7512",a6aa9e1f:"7643","90f695cb":"7673","8edc10e1":"7968","58b64b99":"8056",ffe50de1:"8091","01a85c17":"8209","81cb5b69":"8291",ce6f052d:"8376",aa7e92d2:"8494",d595dc26:"8775",fe7e4cbc:"8818","6545b372":"8875",a61c55ce:"8964",a94703ab:"9048","670340e2":"9224","1d3222b5":"9316",d178dcf5:"9467",f565db0c:"9534","5e95c892":"9647",c0c4bf5d:"9772",d1f19b62:"9780",a657d4fc:"9783","36994c47":"9858","6507e290":"9937"}[e]||e,r.p+r.u(e)},(()=>{var e={5354:0,1869:0};r.f.j=(a,c)=>{var f=r.o(e,a)?e[a]:void 0;if(0!==f)if(f)c.push(f[2]);else if(/^(1869|5354)$/.test(a))e[a]=0;else{var b=new Promise(((c,b)=>f=e[a]=[c,b]));c.push(f[2]=b);var d=r.p+r.u(a),t=new Error;r.l(d,(c=>{if(r.o(e,a)&&(0!==(f=e[a])&&(e[a]=void 0),f)){var b=c&&("load"===c.type?"missing":c.type),d=c&&c.target&&c.target.src;t.message="Loading chunk "+a+" failed.\n("+b+": "+d+")",t.name="ChunkLoadError",t.type=b,t.request=d,f[1](t)}}),"chunk-"+a,a)}},r.O.j=a=>0===e[a];var a=(a,c)=>{var f,b,d=c[0],t=c[1],o=c[2],n=0;if(d.some((a=>0!==e[a]))){for(f in t)r.o(t,f)&&(r.m[f]=t[f]);if(o)var i=o(r)}for(a&&a(c);n<d.length;n++)b=d[n],r.o(e,b)&&e[b]&&e[b][0](),e[b]=0;return r.O(i)},c=self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[];c.forEach(a.bind(null,0)),c.push=a.bind(null,c.push.bind(c))})()})();
\ No newline at end of file
+(()=>{"use strict";var e,a,c,f,b,d={},t={};function r(e){var a=t[e];if(void 0!==a)return a.exports;var c=t[e]={id:e,loaded:!1,exports:{}};return d[e].call(c.exports,c,c.exports,r),c.loaded=!0,c.exports}r.m=d,r.c=t,e=[],r.O=(a,c,f,b)=>{if(!c){var d=1/0;for(i=0;i<e.length;i++){c=e[i][0],f=e[i][1],b=e[i][2];for(var t=!0,o=0;o<c.length;o++)(!1&b||d>=b)&&Object.keys(r.O).every((e=>r.O[e](c[o])))?c.splice(o--,1):(t=!1,b<d&&(d=b));if(t){e.splice(i--,1);var n=f();void 0!==n&&(a=n)}}return a}b=b||0;for(var i=e.length;i>0&&e[i-1][2]>b;i--)e[i]=e[i-1];e[i]=[c,f,b]},r.n=e=>{var a=e&&e.__esModule?()=>e.default:()=>e;return r.d(a,{a:a}),a},c=Object.getPrototypeOf?e=>Object.getPrototypeOf(e):e=>e.__proto__,r.t=function(e,f){if(1&f&&(e=this(e)),8&f)return e;if("object"==typeof e&&e){if(4&f&&e.__esModule)return e;if(16&f&&"function"==typeof e.then)return e}var b=Object.create(null);r.r(b);var d={};a=a||[null,c({}),c([]),c(c)];for(var t=2&f&&e;"object"==typeof t&&!~a.indexOf(t);t=c(t))Object.getOwnPropertyNames(t).forEach((a=>d[a]=()=>e[a]));return d.default=()=>e,r.d(b,d),b},r.d=(e,a)=>{for(var c in a)r.o(a,c)&&!r.o(e,c)&&Object.defineProperty(e,c,{enumerable:!0,get:a[c]})},r.f={},r.e=e=>Promise.all(Object.keys(r.f).reduce(((a,c)=>(r.f[c](e,a),a)),[])),r.u=e=>"assets/js/"+({25:"7313bf7a",230:"07deeff8",294:"fcc88823",393:"f22b339c",422:"25a0b29f",427:"35c5367b",447:"44775544",643:"a6bb2b9f",733:"e86cc05b",868:"b4c136e1",887:"4eea1952",957:"c141421f",1068:"cf699f5e",1217:"a97f4ecc",1235:"a7456010",1268:"62f42e37",1486:"c46c2379",1732:"b9d2a7aa",1828:"6becfc1a",1903:"acecf23e",2106:"4a19993a",2138:"1a4e3797",2216:"f39d466e",2304:"9b6dbc63",2338:"1232fa31",2538:"20c5a0f6",2563:"f6bb872e",2711:"9e4087bc",2828:"808aa0e6",3249:"ccc49370",3276:"b79c393c",3490:"e9dc891f",3512:"c7525d6a",3541:"a41378e3",3670:"e71e2184",3784:"bce03a1b",3902:"2bd07bfd",4232:"71d20f43",4401:"352bcbef",4477:"a01ebdbc",4583:"1df93b7f",4743:"7759802f",4793:"dd4fd790",4813:"6875c492",5005:"b23f9b66",5220:"e0719818",5263:"04b1b9d4",5425:"90c52043",5496:"7b31d677",5742:"aba21aa0",6008:"17f650ce",6189:"9fc8add1",6334:"6ee557b2",6400:"3b64669e",6726:"1943626f",6744:"457d5840",6766:"e38a3126",6877:"1c0a16b8",6956:"f6760343",7098:"a7bd4aaa",7364:"eb8bed87",7431:"0481ad86",7472:"814f3328",7512:"fee408fa",7643:"a6aa9e1f",7673:"90f695cb",7968:"8edc10e1",8056:"58b64b99",8091:"ffe50de1",8209:"01a85c17",8291:"81cb5b69",8376:"ce6f052d",8401:"17896441",8494:"aa7e92d2",8775:"d595dc26",8818:"fe7e4cbc",8875:"6545b372",8964:"a61c55ce",9048:"a94703ab",9224:"670340e2",9316:"1d3222b5",9467:"d178dcf5",9534:"f565db0c",9647:"5e95c892",9772:"c0c4bf5d",9780:"d1f19b62",9783:"a657d4fc",9858:"36994c47",9937:"6507e290"}[e]||e)+"."+{25:"8b640161",230:"825ba05c",294:"acd1ca66",393:"c035fbc2",422:"caaf7fb0",427:"1b719cdf",447:"9baa7621",643:"40b4145b",733:"dc69ebb2",868:"3939e03e",887:"76ec5d8f",957:"ca3f2e5c",1068:"5f7993d4",1217:"464ab23e",1235:"8c0700e7",1268:"e70b6e8f",1486:"a6811c96",1617:"1642ae2d",1732:"10ff0f4c",1828:"b428ca91",1903:"14fd44a2",2106:"b671807a",2138:"0c9f1607",2216:"589bb8f3",2304:"16561f6d",2338:"3a8fb5ed",2511:"965527ff",2538:"4d7a1a0b",2563:"dc389cd2",2711:"8253d742",2828:"e3cf08c1",3249:"19193401",3276:"0b7410b2",3490:"8c6febdc",3512:"facf23b1",3541:"4de46e44",3670:"a75f052b",3784:"3887e9f0",3902:"29f3f253",3904:"f1010d4d",4232:"3ae6b808",4342:"90670778",4401:"b3926fe6",4477:"fd711d89",4583:"92aa2ad2",4743:"77148186",4793:"c09bfd66",4813:"300f4959",5005:"82b6ec21",5220:"db5d6b94",5263:"d35f4177",5425:"39c01627",5496:"bbc3bd3d",5742:"3bb3f2a5",6008:"9d654aa8",6189:"3adf94c0",6334:"44b4116c",6400:"0c0aa088",6726:"48966c0f",6744:"bb98f460",6766:"871afbc9",6877:"1f95eaa9",6956:"5edf313e",7098:"b7517e69",7364:"bc6d1def",7431:"41bd4102",7472:"3df71452",7512:"58d0dbd3",7603:"86ea2b4a",7643:"302c6647",7673:"f1ea0e2d",7968:"06c454b2",8056:"7a2c20a7",8091:"96b7e3e5",8209:"04439e0c",8291:"7c38eedd",8376:"9165050e",8401:"c275fb66",8492:"8f83b238",8494:"47383bf6",8570:"eb11179c",8775:"a8f82a70",8818:"31c593f1",8875:"63345411",8964:"6a925e29",9019:"a35288c0",9048:"73d6d9fb",9224:"f3b95fbf",9316:"1f850dda",9467:"1765458a",9534:"308ae3a0",9553:"77ed74a8",9562:"a9eb2898",9647:"15322503",9772:"fc679494",9780:"57c55822",9783:"20d78aad",9820:"5e09da4f",9858:"842583d7",9937:"d1391365"}[e]+".js",r.miniCssF=e=>{},r.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(e){if("object"==typeof window)return window}}(),r.o=(e,a)=>Object.prototype.hasOwnProperty.call(e,a),f={},b="@feature-sliced/documentation:",r.l=(e,a,c,d)=>{if(f[e])f[e].push(a);else{var t,o;if(void 0!==c)for(var n=document.getElementsByTagName("script"),i=0;i<n.length;i++){var u=n[i];if(u.getAttribute("src")==e||u.getAttribute("data-webpack")==b+c){t=u;break}}t||(o=!0,(t=document.createElement("script")).charset="utf-8",t.timeout=120,r.nc&&t.setAttribute("nonce",r.nc),t.setAttribute("data-webpack",b+c),t.src=e),f[e]=[a];var l=(a,c)=>{t.onerror=t.onload=null,clearTimeout(s);var b=f[e];if(delete f[e],t.parentNode&&t.parentNode.removeChild(t),b&&b.forEach((e=>e(c))),a)return a(c)},s=setTimeout(l.bind(null,void 0,{type:"timeout",target:t}),12e4);t.onerror=l.bind(null,t.onerror),t.onload=l.bind(null,t.onload),o&&document.head.appendChild(t)}},r.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},r.p="/ru/",r.gca=function(e){return e={17896441:"8401",44775544:"447","7313bf7a":"25","07deeff8":"230",fcc88823:"294",f22b339c:"393","25a0b29f":"422","35c5367b":"427",a6bb2b9f:"643",e86cc05b:"733",b4c136e1:"868","4eea1952":"887",c141421f:"957",cf699f5e:"1068",a97f4ecc:"1217",a7456010:"1235","62f42e37":"1268",c46c2379:"1486",b9d2a7aa:"1732","6becfc1a":"1828",acecf23e:"1903","4a19993a":"2106","1a4e3797":"2138",f39d466e:"2216","9b6dbc63":"2304","1232fa31":"2338","20c5a0f6":"2538",f6bb872e:"2563","9e4087bc":"2711","808aa0e6":"2828",ccc49370:"3249",b79c393c:"3276",e9dc891f:"3490",c7525d6a:"3512",a41378e3:"3541",e71e2184:"3670",bce03a1b:"3784","2bd07bfd":"3902","71d20f43":"4232","352bcbef":"4401",a01ebdbc:"4477","1df93b7f":"4583","7759802f":"4743",dd4fd790:"4793","6875c492":"4813",b23f9b66:"5005",e0719818:"5220","04b1b9d4":"5263","90c52043":"5425","7b31d677":"5496",aba21aa0:"5742","17f650ce":"6008","9fc8add1":"6189","6ee557b2":"6334","3b64669e":"6400","1943626f":"6726","457d5840":"6744",e38a3126:"6766","1c0a16b8":"6877",f6760343:"6956",a7bd4aaa:"7098",eb8bed87:"7364","0481ad86":"7431","814f3328":"7472",fee408fa:"7512",a6aa9e1f:"7643","90f695cb":"7673","8edc10e1":"7968","58b64b99":"8056",ffe50de1:"8091","01a85c17":"8209","81cb5b69":"8291",ce6f052d:"8376",aa7e92d2:"8494",d595dc26:"8775",fe7e4cbc:"8818","6545b372":"8875",a61c55ce:"8964",a94703ab:"9048","670340e2":"9224","1d3222b5":"9316",d178dcf5:"9467",f565db0c:"9534","5e95c892":"9647",c0c4bf5d:"9772",d1f19b62:"9780",a657d4fc:"9783","36994c47":"9858","6507e290":"9937"}[e]||e,r.p+r.u(e)},(()=>{var e={5354:0,1869:0};r.f.j=(a,c)=>{var f=r.o(e,a)?e[a]:void 0;if(0!==f)if(f)c.push(f[2]);else if(/^(1869|5354)$/.test(a))e[a]=0;else{var b=new Promise(((c,b)=>f=e[a]=[c,b]));c.push(f[2]=b);var d=r.p+r.u(a),t=new Error;r.l(d,(c=>{if(r.o(e,a)&&(0!==(f=e[a])&&(e[a]=void 0),f)){var b=c&&("load"===c.type?"missing":c.type),d=c&&c.target&&c.target.src;t.message="Loading chunk "+a+" failed.\n("+b+": "+d+")",t.name="ChunkLoadError",t.type=b,t.request=d,f[1](t)}}),"chunk-"+a,a)}},r.O.j=a=>0===e[a];var a=(a,c)=>{var f,b,d=c[0],t=c[1],o=c[2],n=0;if(d.some((a=>0!==e[a]))){for(f in t)r.o(t,f)&&(r.m[f]=t[f]);if(o)var i=o(r)}for(a&&a(c);n<d.length;n++)b=d[n],r.o(e,b)&&e[b]&&e[b][0](),e[b]=0;return r.O(i)},c=self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[];c.forEach(a.bind(null,0)),c.push=a.bind(null,c.push.bind(c))})()})();
\ No newline at end of file
diff --git a/ru/blog.html b/ru/blog.html
index 96cc59aeb4..b969affcbb 100644
--- a/ru/blog.html
+++ b/ru/blog.html
@@ -9,8 +9,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/ru/opensearch.xml"><link rel="stylesheet" href="/ru/assets/css/styles.200d81f1.css">
-<script src="/ru/assets/js/runtime~main.d88d86db.js" defer="defer"></script>
-<script src="/ru/assets/js/main.d5dbc580.js" defer="defer"></script>
+<script src="/ru/assets/js/runtime~main.83a61e56.js" defer="defer"></script>
+<script src="/ru/assets/js/main.ba59251d.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Перейти к основному содержимому"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">Перейти к основному содержимому</a></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Переключить навигационную панель" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/ru/"><div class="navbar__logo"><img src="/ru/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/ru/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a class="navbar__item navbar__link" href="/ru/docs">📖 Документация</a><a class="navbar__item navbar__link" href="/ru/community">💫 Сообщество</a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/ru/blog">📝 Блог</a><a class="navbar__item navbar__link" href="/ru/examples">🛠 Примеры</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/ru/docs">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a class="dropdown__link" href="/ru/docs">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/ru/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>Русский</a><ul class="dropdown__menu"><li><a href="/ru/blog" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="ru">Русский</a></li><li><a href="/blog" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/uz/blog" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/blog" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="kr">한국어</a></li><li><a href="/ja/blog" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="Переключение между темным и светлым режимом (сейчас используется Светлый режим)" aria-label="Переключение между темным и светлым режимом (сейчас используется Светлый режим)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="Поиск"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Поиск</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_erB7 thin-scrollbar" aria-label="Навигация по последним постам в блоге"><div class="sidebarItemTitle_wsXF margin-bottom--md">Recent posts</div><div role="group"><h3 class="yearGroupHeading_F6cS">2022</h3><ul class="sidebarItemList_k2Wo clean-list"><li class="sidebarItem_wRf2"><a class="sidebarItemLink_Mezy" href="/ru/blog/international-community">🌎 FSD international community</a></li><li class="sidebarItem_wRf2"><a class="sidebarItemLink_Mezy" href="/ru/blog/rebranding-stable">💥 FSD rebranding!</a></li></ul></div></nav></aside><main class="col col--7"><article class="margin-bottom--xl"><header><h2 class="title_YWGh"><a href="/ru/blog/international-community">🌎 FSD international community</a></h2><div class="container_TmwD margin-vert--md"><time datetime="2022-07-25T00:00:00.000Z">25 июля 2022 г.</time> · <!-- -->2 мин. чтения</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--12 authorCol_jNa_"><div class="avatar margin-bottom--sm"><a href="https://github.com/unordinarity" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo authorImage_RWa9" src="https://github.com/unordinarity.png" alt="Anton Medvedev"></a><div class="avatar__intro authorDetails_x3i5"><div class="avatar__name"><a href="https://github.com/unordinarity" target="_blank" rel="noopener noreferrer"><span class="authorName_yyrl">Anton Medvedev</span></a></div><small class="authorTitle_qOEn" title="FSD core-team member">FSD core-team member</small><div class="authorSocials_SxLb"></div></div></div></div></div></header><div class="markdown"><div class="container text--center margin-vert--md"><img src="/img/blog/international-community.png" alt="post-cover" width="100%"></div>
diff --git a/ru/blog/archive.html b/ru/blog/archive.html
index 64f3d7b6e8..0b78f1166d 100644
--- a/ru/blog/archive.html
+++ b/ru/blog/archive.html
@@ -9,8 +9,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/ru/opensearch.xml"><link rel="stylesheet" href="/ru/assets/css/styles.200d81f1.css">
-<script src="/ru/assets/js/runtime~main.d88d86db.js" defer="defer"></script>
-<script src="/ru/assets/js/main.d5dbc580.js" defer="defer"></script>
+<script src="/ru/assets/js/runtime~main.83a61e56.js" defer="defer"></script>
+<script src="/ru/assets/js/main.ba59251d.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Перейти к основному содержимому"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">Перейти к основному содержимому</a></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Переключить навигационную панель" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/ru/"><div class="navbar__logo"><img src="/ru/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/ru/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a class="navbar__item navbar__link" href="/ru/docs">📖 Документация</a><a class="navbar__item navbar__link" href="/ru/community">💫 Сообщество</a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/ru/blog">📝 Блог</a><a class="navbar__item navbar__link" href="/ru/examples">🛠 Примеры</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/ru/docs">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a class="dropdown__link" href="/ru/docs">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/ru/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>Русский</a><ul class="dropdown__menu"><li><a href="/ru/blog/archive" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="ru">Русский</a></li><li><a href="/blog/archive" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/uz/blog/archive" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/blog/archive" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="kr">한국어</a></li><li><a href="/ja/blog/archive" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="Переключение между темным и светлым режимом (сейчас используется Светлый режим)" aria-label="Переключение между темным и светлым режимом (сейчас используется Светлый режим)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="Поиск"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Поиск</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><header class="hero hero--primary"><div class="container"><h1 class="hero__title">Архив</h1><p class="hero__subtitle">Архив</p></div></header><main><section class="margin-vert--lg"><div class="container"><div class="row"><div class="col col--4 margin-vert--lg"><h3 class="anchor anchorWithStickyNavbar_QzlE" id="2022">2022<a href="#2022" class="hash-link" aria-label="Прямая ссылка на этот заголовок" title="Прямая ссылка на этот заголовок">​</a></h3><ul><li><a href="/ru/blog/rebranding-stable">4 июня<!-- --> - <!-- -->💥 FSD rebranding!</a></li><li><a href="/ru/blog/international-community">25 июля<!-- --> - <!-- -->🌎 FSD international community</a></li></ul></div></div></div></section></main></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Спецификация</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/ru/docs">Документация</a></li><li class="footer__item"><a class="footer__link-item" href="/ru/community">Сообщество</a></li><li class="footer__item"><a class="footer__link-item" href="/ru/nav">Помощь</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Обсуждения<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Сообщество</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Остальное</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">Лицензия<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/ru/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/ru/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
diff --git a/ru/blog/international-community.html b/ru/blog/international-community.html
index 761b949ed1..705b6ef240 100644
--- a/ru/blog/international-community.html
+++ b/ru/blog/international-community.html
@@ -9,8 +9,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/ru/opensearch.xml"><link rel="stylesheet" href="/ru/assets/css/styles.200d81f1.css">
-<script src="/ru/assets/js/runtime~main.d88d86db.js" defer="defer"></script>
-<script src="/ru/assets/js/main.d5dbc580.js" defer="defer"></script>
+<script src="/ru/assets/js/runtime~main.83a61e56.js" defer="defer"></script>
+<script src="/ru/assets/js/main.ba59251d.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Перейти к основному содержимому"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">Перейти к основному содержимому</a></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Переключить навигационную панель" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/ru/"><div class="navbar__logo"><img src="/ru/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/ru/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a class="navbar__item navbar__link" href="/ru/docs">📖 Документация</a><a class="navbar__item navbar__link" href="/ru/community">💫 Сообщество</a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/ru/blog">📝 Блог</a><a class="navbar__item navbar__link" href="/ru/examples">🛠 Примеры</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/ru/docs">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a class="dropdown__link" href="/ru/docs">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/ru/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>Русский</a><ul class="dropdown__menu"><li><a href="/ru/blog/international-community" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="ru">Русский</a></li><li><a href="/blog/international-community" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/uz/blog/international-community" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/blog/international-community" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="kr">한국어</a></li><li><a href="/ja/blog/international-community" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="Переключение между темным и светлым режимом (сейчас используется Светлый режим)" aria-label="Переключение между темным и светлым режимом (сейчас используется Светлый режим)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="Поиск"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Поиск</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_erB7 thin-scrollbar" aria-label="Навигация по последним постам в блоге"><div class="sidebarItemTitle_wsXF margin-bottom--md">Recent posts</div><div role="group"><h3 class="yearGroupHeading_F6cS">2022</h3><ul class="sidebarItemList_k2Wo clean-list"><li class="sidebarItem_wRf2"><a aria-current="page" class="sidebarItemLink_Mezy sidebarItemLinkActive_QL4I" href="/ru/blog/international-community">🌎 FSD international community</a></li><li class="sidebarItem_wRf2"><a class="sidebarItemLink_Mezy" href="/ru/blog/rebranding-stable">💥 FSD rebranding!</a></li></ul></div></nav></aside><main class="col col--7"><article><header><h1 class="title_YWGh">🌎 FSD international community</h1><div class="container_TmwD margin-vert--md"><time datetime="2022-07-25T00:00:00.000Z">25 июля 2022 г.</time> · <!-- -->2 мин. чтения</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--12 authorCol_jNa_"><div class="avatar margin-bottom--sm"><a href="https://github.com/unordinarity" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo authorImage_RWa9" src="https://github.com/unordinarity.png" alt="Anton Medvedev"></a><div class="avatar__intro authorDetails_x3i5"><div class="avatar__name"><a href="https://github.com/unordinarity" target="_blank" rel="noopener noreferrer"><span class="authorName_yyrl">Anton Medvedev</span></a></div><small class="authorTitle_qOEn" title="FSD core-team member">FSD core-team member</small><div class="authorSocials_SxLb"></div></div></div></div></div></header><div id="__blog-post-container" class="markdown"><div class="container text--center margin-vert--md"><img src="/img/blog/international-community.png" alt="post-cover" width="100%"></div>
diff --git a/ru/blog/rebranding-stable.html b/ru/blog/rebranding-stable.html
index c8e0b4dad4..456aa36024 100644
--- a/ru/blog/rebranding-stable.html
+++ b/ru/blog/rebranding-stable.html
@@ -9,8 +9,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/ru/opensearch.xml"><link rel="stylesheet" href="/ru/assets/css/styles.200d81f1.css">
-<script src="/ru/assets/js/runtime~main.d88d86db.js" defer="defer"></script>
-<script src="/ru/assets/js/main.d5dbc580.js" defer="defer"></script>
+<script src="/ru/assets/js/runtime~main.83a61e56.js" defer="defer"></script>
+<script src="/ru/assets/js/main.ba59251d.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Перейти к основному содержимому"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">Перейти к основному содержимому</a></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Переключить навигационную панель" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/ru/"><div class="navbar__logo"><img src="/ru/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/ru/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a class="navbar__item navbar__link" href="/ru/docs">📖 Документация</a><a class="navbar__item navbar__link" href="/ru/community">💫 Сообщество</a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/ru/blog">📝 Блог</a><a class="navbar__item navbar__link" href="/ru/examples">🛠 Примеры</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/ru/docs">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a class="dropdown__link" href="/ru/docs">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/ru/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>Русский</a><ul class="dropdown__menu"><li><a href="/ru/blog/rebranding-stable" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="ru">Русский</a></li><li><a href="/blog/rebranding-stable" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/uz/blog/rebranding-stable" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/blog/rebranding-stable" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="kr">한국어</a></li><li><a href="/ja/blog/rebranding-stable" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="Переключение между темным и светлым режимом (сейчас используется Светлый режим)" aria-label="Переключение между темным и светлым режимом (сейчас используется Светлый режим)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="Поиск"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Поиск</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_erB7 thin-scrollbar" aria-label="Навигация по последним постам в блоге"><div class="sidebarItemTitle_wsXF margin-bottom--md">Recent posts</div><div role="group"><h3 class="yearGroupHeading_F6cS">2022</h3><ul class="sidebarItemList_k2Wo clean-list"><li class="sidebarItem_wRf2"><a class="sidebarItemLink_Mezy" href="/ru/blog/international-community">🌎 FSD international community</a></li><li class="sidebarItem_wRf2"><a aria-current="page" class="sidebarItemLink_Mezy sidebarItemLinkActive_QL4I" href="/ru/blog/rebranding-stable">💥 FSD rebranding!</a></li></ul></div></nav></aside><main class="col col--7"><article><header><h1 class="title_YWGh">💥 FSD rebranding!</h1><div class="container_TmwD margin-vert--md"><time datetime="2022-06-04T00:00:00.000Z">4 июня 2022 г.</time> · <!-- -->2 мин. чтения</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--12 authorCol_jNa_"><div class="avatar margin-bottom--sm"><a href="https://github.com/azinit" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo authorImage_RWa9" src="https://github.com/azinit.png" alt="Ilya Azin"></a><div class="avatar__intro authorDetails_x3i5"><div class="avatar__name"><a href="https://github.com/azinit" target="_blank" rel="noopener noreferrer"><span class="authorName_yyrl">Ilya Azin</span></a></div><small class="authorTitle_qOEn" title="FSD core-team member">FSD core-team member</small><div class="authorSocials_SxLb"></div></div></div></div></div></header><div id="__blog-post-container" class="markdown"><div class="container text--center margin-vert--md"><img src="/img/blog/rebranding-stable.png" alt="logo-primary" width="100%"></div>
diff --git a/ru/blog/tags.html b/ru/blog/tags.html
index ec737cbf03..bbb7f839ac 100644
--- a/ru/blog/tags.html
+++ b/ru/blog/tags.html
@@ -9,8 +9,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/ru/opensearch.xml"><link rel="stylesheet" href="/ru/assets/css/styles.200d81f1.css">
-<script src="/ru/assets/js/runtime~main.d88d86db.js" defer="defer"></script>
-<script src="/ru/assets/js/main.d5dbc580.js" defer="defer"></script>
+<script src="/ru/assets/js/runtime~main.83a61e56.js" defer="defer"></script>
+<script src="/ru/assets/js/main.ba59251d.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Перейти к основному содержимому"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">Перейти к основному содержимому</a></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Переключить навигационную панель" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/ru/"><div class="navbar__logo"><img src="/ru/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/ru/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a class="navbar__item navbar__link" href="/ru/docs">📖 Документация</a><a class="navbar__item navbar__link" href="/ru/community">💫 Сообщество</a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/ru/blog">📝 Блог</a><a class="navbar__item navbar__link" href="/ru/examples">🛠 Примеры</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/ru/docs">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a class="dropdown__link" href="/ru/docs">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/ru/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>Русский</a><ul class="dropdown__menu"><li><a href="/ru/blog/tags" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="ru">Русский</a></li><li><a href="/blog/tags" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/uz/blog/tags" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/blog/tags" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="kr">한국어</a></li><li><a href="/ja/blog/tags" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="Переключение между темным и светлым режимом (сейчас используется Светлый режим)" aria-label="Переключение между темным и светлым режимом (сейчас используется Светлый режим)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="Поиск"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Поиск</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_erB7 thin-scrollbar" aria-label="Навигация по последним постам в блоге"><div class="sidebarItemTitle_wsXF margin-bottom--md">Recent posts</div><div role="group"><h3 class="yearGroupHeading_F6cS">2022</h3><ul class="sidebarItemList_k2Wo clean-list"><li class="sidebarItem_wRf2"><a class="sidebarItemLink_Mezy" href="/ru/blog/international-community">🌎 FSD international community</a></li><li class="sidebarItem_wRf2"><a class="sidebarItemLink_Mezy" href="/ru/blog/rebranding-stable">💥 FSD rebranding!</a></li></ul></div></nav></aside><main class="col col--7"><h1>Теги</h1><section class="margin-vert--lg"><article><h2 class="anchor anchorWithStickyNavbar_QzlE" id="B">B<a href="#B" class="hash-link" aria-label="Прямая ссылка на этот заголовок" title="Прямая ссылка на этот заголовок">​</a></h2><ul class="padding--none"><li class="tag_KOYL"><a class="tag_mklG tagWithCount__yvt" href="/ru/blog/tags/brand">brand<span>1</span></a></li></ul><hr></article><article><h2 class="anchor anchorWithStickyNavbar_QzlE" id="C">C<a href="#C" class="hash-link" aria-label="Прямая ссылка на этот заголовок" title="Прямая ссылка на этот заголовок">​</a></h2><ul class="padding--none"><li class="tag_KOYL"><a class="tag_mklG tagWithCount__yvt" href="/ru/blog/tags/community">community<span>1</span></a></li></ul><hr></article><article><h2 class="anchor anchorWithStickyNavbar_QzlE" id="D">D<a href="#D" class="hash-link" aria-label="Прямая ссылка на этот заголовок" title="Прямая ссылка на этот заголовок">​</a></h2><ul class="padding--none"><li class="tag_KOYL"><a class="tag_mklG tagWithCount__yvt" href="/ru/blog/tags/discord">discord<span>1</span></a></li></ul><hr></article><article><h2 class="anchor anchorWithStickyNavbar_QzlE" id="P">P<a href="#P" class="hash-link" aria-label="Прямая ссылка на этот заголовок" title="Прямая ссылка на этот заголовок">​</a></h2><ul class="padding--none"><li class="tag_KOYL"><a class="tag_mklG tagWithCount__yvt" href="/ru/blog/tags/promo">promo<span>2</span></a></li></ul><hr></article></section></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Спецификация</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/ru/docs">Документация</a></li><li class="footer__item"><a class="footer__link-item" href="/ru/community">Сообщество</a></li><li class="footer__item"><a class="footer__link-item" href="/ru/nav">Помощь</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Обсуждения<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Сообщество</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Остальное</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">Лицензия<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/ru/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/ru/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
diff --git a/ru/blog/tags/brand.html b/ru/blog/tags/brand.html
index f85deec0dd..3409f783e3 100644
--- a/ru/blog/tags/brand.html
+++ b/ru/blog/tags/brand.html
@@ -9,8 +9,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/ru/opensearch.xml"><link rel="stylesheet" href="/ru/assets/css/styles.200d81f1.css">
-<script src="/ru/assets/js/runtime~main.d88d86db.js" defer="defer"></script>
-<script src="/ru/assets/js/main.d5dbc580.js" defer="defer"></script>
+<script src="/ru/assets/js/runtime~main.83a61e56.js" defer="defer"></script>
+<script src="/ru/assets/js/main.ba59251d.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Перейти к основному содержимому"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">Перейти к основному содержимому</a></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Переключить навигационную панель" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/ru/"><div class="navbar__logo"><img src="/ru/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/ru/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a class="navbar__item navbar__link" href="/ru/docs">📖 Документация</a><a class="navbar__item navbar__link" href="/ru/community">💫 Сообщество</a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/ru/blog">📝 Блог</a><a class="navbar__item navbar__link" href="/ru/examples">🛠 Примеры</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/ru/docs">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a class="dropdown__link" href="/ru/docs">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/ru/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>Русский</a><ul class="dropdown__menu"><li><a href="/ru/blog/tags/brand" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="ru">Русский</a></li><li><a href="/blog/tags/brand" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/uz/blog/tags/brand" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/blog/tags/brand" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="kr">한국어</a></li><li><a href="/ja/blog/tags/brand" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="Переключение между темным и светлым режимом (сейчас используется Светлый режим)" aria-label="Переключение между темным и светлым режимом (сейчас используется Светлый режим)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="Поиск"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Поиск</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_erB7 thin-scrollbar" aria-label="Навигация по последним постам в блоге"><div class="sidebarItemTitle_wsXF margin-bottom--md">Recent posts</div><div role="group"><h3 class="yearGroupHeading_F6cS">2022</h3><ul class="sidebarItemList_k2Wo clean-list"><li class="sidebarItem_wRf2"><a class="sidebarItemLink_Mezy" href="/ru/blog/international-community">🌎 FSD international community</a></li><li class="sidebarItem_wRf2"><a class="sidebarItemLink_Mezy" href="/ru/blog/rebranding-stable">💥 FSD rebranding!</a></li></ul></div></nav></aside><main class="col col--7"><header class="margin-bottom--xl"><h1>1 запись с тегом &quot;brand&quot;</h1><a href="/ru/blog/tags">Посмотреть все теги</a></header><article class="margin-bottom--xl"><header><h2 class="title_YWGh"><a href="/ru/blog/rebranding-stable">💥 FSD rebranding!</a></h2><div class="container_TmwD margin-vert--md"><time datetime="2022-06-04T00:00:00.000Z">4 июня 2022 г.</time> · <!-- -->2 мин. чтения</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--12 authorCol_jNa_"><div class="avatar margin-bottom--sm"><a href="https://github.com/azinit" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo authorImage_RWa9" src="https://github.com/azinit.png" alt="Ilya Azin"></a><div class="avatar__intro authorDetails_x3i5"><div class="avatar__name"><a href="https://github.com/azinit" target="_blank" rel="noopener noreferrer"><span class="authorName_yyrl">Ilya Azin</span></a></div><small class="authorTitle_qOEn" title="FSD core-team member">FSD core-team member</small><div class="authorSocials_SxLb"></div></div></div></div></div></header><div class="markdown"><div class="container text--center margin-vert--md"><img src="/img/blog/rebranding-stable.png" alt="logo-primary" width="100%"></div>
diff --git a/ru/blog/tags/community.html b/ru/blog/tags/community.html
index c7d690daa4..b81bf8a932 100644
--- a/ru/blog/tags/community.html
+++ b/ru/blog/tags/community.html
@@ -9,8 +9,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/ru/opensearch.xml"><link rel="stylesheet" href="/ru/assets/css/styles.200d81f1.css">
-<script src="/ru/assets/js/runtime~main.d88d86db.js" defer="defer"></script>
-<script src="/ru/assets/js/main.d5dbc580.js" defer="defer"></script>
+<script src="/ru/assets/js/runtime~main.83a61e56.js" defer="defer"></script>
+<script src="/ru/assets/js/main.ba59251d.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Перейти к основному содержимому"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">Перейти к основному содержимому</a></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Переключить навигационную панель" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/ru/"><div class="navbar__logo"><img src="/ru/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/ru/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a class="navbar__item navbar__link" href="/ru/docs">📖 Документация</a><a class="navbar__item navbar__link" href="/ru/community">💫 Сообщество</a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/ru/blog">📝 Блог</a><a class="navbar__item navbar__link" href="/ru/examples">🛠 Примеры</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/ru/docs">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a class="dropdown__link" href="/ru/docs">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/ru/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>Русский</a><ul class="dropdown__menu"><li><a href="/ru/blog/tags/community" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="ru">Русский</a></li><li><a href="/blog/tags/community" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/uz/blog/tags/community" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/blog/tags/community" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="kr">한국어</a></li><li><a href="/ja/blog/tags/community" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="Переключение между темным и светлым режимом (сейчас используется Светлый режим)" aria-label="Переключение между темным и светлым режимом (сейчас используется Светлый режим)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="Поиск"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Поиск</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_erB7 thin-scrollbar" aria-label="Навигация по последним постам в блоге"><div class="sidebarItemTitle_wsXF margin-bottom--md">Recent posts</div><div role="group"><h3 class="yearGroupHeading_F6cS">2022</h3><ul class="sidebarItemList_k2Wo clean-list"><li class="sidebarItem_wRf2"><a class="sidebarItemLink_Mezy" href="/ru/blog/international-community">🌎 FSD international community</a></li><li class="sidebarItem_wRf2"><a class="sidebarItemLink_Mezy" href="/ru/blog/rebranding-stable">💥 FSD rebranding!</a></li></ul></div></nav></aside><main class="col col--7"><header class="margin-bottom--xl"><h1>1 запись с тегом &quot;community&quot;</h1><a href="/ru/blog/tags">Посмотреть все теги</a></header><article class="margin-bottom--xl"><header><h2 class="title_YWGh"><a href="/ru/blog/international-community">🌎 FSD international community</a></h2><div class="container_TmwD margin-vert--md"><time datetime="2022-07-25T00:00:00.000Z">25 июля 2022 г.</time> · <!-- -->2 мин. чтения</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--12 authorCol_jNa_"><div class="avatar margin-bottom--sm"><a href="https://github.com/unordinarity" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo authorImage_RWa9" src="https://github.com/unordinarity.png" alt="Anton Medvedev"></a><div class="avatar__intro authorDetails_x3i5"><div class="avatar__name"><a href="https://github.com/unordinarity" target="_blank" rel="noopener noreferrer"><span class="authorName_yyrl">Anton Medvedev</span></a></div><small class="authorTitle_qOEn" title="FSD core-team member">FSD core-team member</small><div class="authorSocials_SxLb"></div></div></div></div></div></header><div class="markdown"><div class="container text--center margin-vert--md"><img src="/img/blog/international-community.png" alt="post-cover" width="100%"></div>
diff --git a/ru/blog/tags/discord.html b/ru/blog/tags/discord.html
index c2f460d11b..6cfc5c14c5 100644
--- a/ru/blog/tags/discord.html
+++ b/ru/blog/tags/discord.html
@@ -9,8 +9,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/ru/opensearch.xml"><link rel="stylesheet" href="/ru/assets/css/styles.200d81f1.css">
-<script src="/ru/assets/js/runtime~main.d88d86db.js" defer="defer"></script>
-<script src="/ru/assets/js/main.d5dbc580.js" defer="defer"></script>
+<script src="/ru/assets/js/runtime~main.83a61e56.js" defer="defer"></script>
+<script src="/ru/assets/js/main.ba59251d.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Перейти к основному содержимому"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">Перейти к основному содержимому</a></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Переключить навигационную панель" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/ru/"><div class="navbar__logo"><img src="/ru/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/ru/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a class="navbar__item navbar__link" href="/ru/docs">📖 Документация</a><a class="navbar__item navbar__link" href="/ru/community">💫 Сообщество</a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/ru/blog">📝 Блог</a><a class="navbar__item navbar__link" href="/ru/examples">🛠 Примеры</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/ru/docs">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a class="dropdown__link" href="/ru/docs">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/ru/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>Русский</a><ul class="dropdown__menu"><li><a href="/ru/blog/tags/discord" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="ru">Русский</a></li><li><a href="/blog/tags/discord" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/uz/blog/tags/discord" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/blog/tags/discord" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="kr">한국어</a></li><li><a href="/ja/blog/tags/discord" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="Переключение между темным и светлым режимом (сейчас используется Светлый режим)" aria-label="Переключение между темным и светлым режимом (сейчас используется Светлый режим)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="Поиск"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Поиск</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_erB7 thin-scrollbar" aria-label="Навигация по последним постам в блоге"><div class="sidebarItemTitle_wsXF margin-bottom--md">Recent posts</div><div role="group"><h3 class="yearGroupHeading_F6cS">2022</h3><ul class="sidebarItemList_k2Wo clean-list"><li class="sidebarItem_wRf2"><a class="sidebarItemLink_Mezy" href="/ru/blog/international-community">🌎 FSD international community</a></li><li class="sidebarItem_wRf2"><a class="sidebarItemLink_Mezy" href="/ru/blog/rebranding-stable">💥 FSD rebranding!</a></li></ul></div></nav></aside><main class="col col--7"><header class="margin-bottom--xl"><h1>1 запись с тегом &quot;discord&quot;</h1><a href="/ru/blog/tags">Посмотреть все теги</a></header><article class="margin-bottom--xl"><header><h2 class="title_YWGh"><a href="/ru/blog/international-community">🌎 FSD international community</a></h2><div class="container_TmwD margin-vert--md"><time datetime="2022-07-25T00:00:00.000Z">25 июля 2022 г.</time> · <!-- -->2 мин. чтения</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--12 authorCol_jNa_"><div class="avatar margin-bottom--sm"><a href="https://github.com/unordinarity" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo authorImage_RWa9" src="https://github.com/unordinarity.png" alt="Anton Medvedev"></a><div class="avatar__intro authorDetails_x3i5"><div class="avatar__name"><a href="https://github.com/unordinarity" target="_blank" rel="noopener noreferrer"><span class="authorName_yyrl">Anton Medvedev</span></a></div><small class="authorTitle_qOEn" title="FSD core-team member">FSD core-team member</small><div class="authorSocials_SxLb"></div></div></div></div></div></header><div class="markdown"><div class="container text--center margin-vert--md"><img src="/img/blog/international-community.png" alt="post-cover" width="100%"></div>
diff --git a/ru/blog/tags/promo.html b/ru/blog/tags/promo.html
index bc05affbe4..61dd47a606 100644
--- a/ru/blog/tags/promo.html
+++ b/ru/blog/tags/promo.html
@@ -9,8 +9,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/ru/opensearch.xml"><link rel="stylesheet" href="/ru/assets/css/styles.200d81f1.css">
-<script src="/ru/assets/js/runtime~main.d88d86db.js" defer="defer"></script>
-<script src="/ru/assets/js/main.d5dbc580.js" defer="defer"></script>
+<script src="/ru/assets/js/runtime~main.83a61e56.js" defer="defer"></script>
+<script src="/ru/assets/js/main.ba59251d.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Перейти к основному содержимому"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">Перейти к основному содержимому</a></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Переключить навигационную панель" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/ru/"><div class="navbar__logo"><img src="/ru/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/ru/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a class="navbar__item navbar__link" href="/ru/docs">📖 Документация</a><a class="navbar__item navbar__link" href="/ru/community">💫 Сообщество</a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/ru/blog">📝 Блог</a><a class="navbar__item navbar__link" href="/ru/examples">🛠 Примеры</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/ru/docs">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a class="dropdown__link" href="/ru/docs">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/ru/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>Русский</a><ul class="dropdown__menu"><li><a href="/ru/blog/tags/promo" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="ru">Русский</a></li><li><a href="/blog/tags/promo" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/uz/blog/tags/promo" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/blog/tags/promo" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="kr">한국어</a></li><li><a href="/ja/blog/tags/promo" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="Переключение между темным и светлым режимом (сейчас используется Светлый режим)" aria-label="Переключение между темным и светлым режимом (сейчас используется Светлый режим)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="Поиск"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Поиск</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_erB7 thin-scrollbar" aria-label="Навигация по последним постам в блоге"><div class="sidebarItemTitle_wsXF margin-bottom--md">Recent posts</div><div role="group"><h3 class="yearGroupHeading_F6cS">2022</h3><ul class="sidebarItemList_k2Wo clean-list"><li class="sidebarItem_wRf2"><a class="sidebarItemLink_Mezy" href="/ru/blog/international-community">🌎 FSD international community</a></li><li class="sidebarItem_wRf2"><a class="sidebarItemLink_Mezy" href="/ru/blog/rebranding-stable">💥 FSD rebranding!</a></li></ul></div></nav></aside><main class="col col--7"><header class="margin-bottom--xl"><h1>2 записи с тегом &quot;promo&quot;</h1><a href="/ru/blog/tags">Посмотреть все теги</a></header><article class="margin-bottom--xl"><header><h2 class="title_YWGh"><a href="/ru/blog/international-community">🌎 FSD international community</a></h2><div class="container_TmwD margin-vert--md"><time datetime="2022-07-25T00:00:00.000Z">25 июля 2022 г.</time> · <!-- -->2 мин. чтения</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--12 authorCol_jNa_"><div class="avatar margin-bottom--sm"><a href="https://github.com/unordinarity" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo authorImage_RWa9" src="https://github.com/unordinarity.png" alt="Anton Medvedev"></a><div class="avatar__intro authorDetails_x3i5"><div class="avatar__name"><a href="https://github.com/unordinarity" target="_blank" rel="noopener noreferrer"><span class="authorName_yyrl">Anton Medvedev</span></a></div><small class="authorTitle_qOEn" title="FSD core-team member">FSD core-team member</small><div class="authorSocials_SxLb"></div></div></div></div></div></header><div class="markdown"><div class="container text--center margin-vert--md"><img src="/img/blog/international-community.png" alt="post-cover" width="100%"></div>
diff --git a/ru/community.html b/ru/community.html
index 3bca959300..9e98cda67c 100644
--- a/ru/community.html
+++ b/ru/community.html
@@ -9,8 +9,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/ru/opensearch.xml"><link rel="stylesheet" href="/ru/assets/css/styles.200d81f1.css">
-<script src="/ru/assets/js/runtime~main.d88d86db.js" defer="defer"></script>
-<script src="/ru/assets/js/main.d5dbc580.js" defer="defer"></script>
+<script src="/ru/assets/js/runtime~main.83a61e56.js" defer="defer"></script>
+<script src="/ru/assets/js/main.ba59251d.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Перейти к основному содержимому"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">Перейти к основному содержимому</a></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Переключить навигационную панель" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/ru/"><div class="navbar__logo"><img src="/ru/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/ru/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a class="navbar__item navbar__link" href="/ru/docs">📖 Документация</a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/ru/community">💫 Сообщество</a><a class="navbar__item navbar__link" href="/ru/blog">📝 Блог</a><a class="navbar__item navbar__link" href="/ru/examples">🛠 Примеры</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/ru/docs">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a class="dropdown__link" href="/ru/docs">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/ru/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>Русский</a><ul class="dropdown__menu"><li><a href="/ru/community" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="ru">Русский</a></li><li><a href="/community" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/uz/community" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/community" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="kr">한국어</a></li><li><a href="/ja/community" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="Переключение между темным и светлым режимом (сейчас используется Светлый режим)" aria-label="Переключение между темным и светлым режимом (сейчас используется Светлый режим)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="Поиск"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Поиск</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><div class="docsWrapper_rDLg"><button aria-label="Прокрутка к началу" class="clean-btn theme-back-to-top-button backToTopButton_JQoL" type="button"></button><div class="docRoot_GkJk"><aside class="theme-doc-sidebar-container docSidebarContainer_xiHB"><div class="sidebarViewport_DaHB"><div class="sidebar_Kb82"><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_AkOp"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible menu__list-item-collapsible--active"><a class="menu__link menu__link--active" aria-current="page" href="/ru/community">💫  Community</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item sidebar-item--wip"><a class="menu__link" tabindex="0" href="/ru/community/team">Team</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/ru/examples">Examples</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a href="https://github.com/feature-sliced/awesome" target="_blank" rel="noopener noreferrer" class="menu__link menuExternalLink_riF1" tabindex="0">Awesome Resources<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a href="https://discord.com/invite/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="menu__link menuExternalLink_riF1" tabindex="0">Discord community server<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="menu__link menuExternalLink_riF1" tabindex="0">Telegram chat (Q&amp;A)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></li></ul></nav><button type="button" title="Свернуть сайдбар" aria-label="Свернуть сайдбар" class="button button--secondary button--outline collapseSidebarButton_L8vW"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_hYfn"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_uESP"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col"><div class="docItemContainer_b1tn"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_ioLt" aria-label="Навигационная цепочка текущей страницы"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Главная страница" class="breadcrumbs__link" href="/ru/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_ZfEo"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">💫  Community</span><meta itemprop="position" content="1"></li></ul></nav><div class="theme-doc-markdown markdown"><header><h1>💫 Community</h1></header>
@@ -20,6 +20,6 @@ <h2 class="anchor anchorWithStickyNavbar_QzlE" id="main">Main<a href="#main" cla
 <a href="https://github.com/feature-sliced/awesome" target="_blank" rel="noopener noreferrer" class="root_GfON defaultTheme_j3I8"><span role="img" aria-label="star" class="anticon anticon-star icon_ciqP"><svg viewBox="64 64 896 896" focusable="false" data-icon="star" width="1em" height="1em" fill="currentColor" aria-hidden="true"><path d="M908.1 353.1l-253.9-36.9L540.7 86.1c-3.1-6.3-8.2-11.4-14.5-14.5-15.8-7.8-35-1.3-42.9 14.5L369.8 316.2l-253.9 36.9c-7 1-13.4 4.3-18.3 9.3a32.05 32.05 0 00.6 45.3l183.7 179.1-43.4 252.9a31.95 31.95 0 0046.4 33.7L512 754l227.1 119.4c6.2 3.3 13.4 4.4 20.3 3.2 17.4-3 29.1-19.5 26.1-36.9l-43.4-252.9 183.7-179.1c5-4.9 8.3-11.3 9.3-18.3 2.7-17.5-9.5-33.7-27-36.3zM664.8 561.6l36.1 210.3L512 672.7 323.1 772l36.1-210.3-152.8-149L417.6 382 512 190.7 606.4 382l211.2 30.7-152.8 148.9z"></path></svg></span><div class="details_xxkR"><div><span class="title_pSH5">Awesome Resources</span><p class="description__Fep">A curated list of awesome FSD videos, articles, packages</p></div></div></a>
 <a class="root_GfON defaultTheme_j3I8" href="/ru/community/team"><span role="img" aria-label="team" class="anticon anticon-team icon_ciqP"><svg viewBox="64 64 896 896" focusable="false" data-icon="team" width="1em" height="1em" fill="currentColor" aria-hidden="true"><path d="M824.2 699.9a301.55 301.55 0 00-86.4-60.4C783.1 602.8 812 546.8 812 484c0-110.8-92.4-201.7-203.2-200-109.1 1.7-197 90.6-197 200 0 62.8 29 118.8 74.2 155.5a300.95 300.95 0 00-86.4 60.4C345 754.6 314 826.8 312 903.8a8 8 0 008 8.2h56c4.3 0 7.9-3.4 8-7.7 1.9-58 25.4-112.3 66.7-153.5A226.62 226.62 0 01612 684c60.9 0 118.2 23.7 161.3 66.8C814.5 792 838 846.3 840 904.3c.1 4.3 3.7 7.7 8 7.7h56a8 8 0 008-8.2c-2-77-33-149.2-87.8-203.9zM612 612c-34.2 0-66.4-13.3-90.5-37.5a126.86 126.86 0 01-37.5-91.8c.3-32.8 13.4-64.5 36.3-88 24-24.6 56.1-38.3 90.4-38.7 33.9-.3 66.8 12.9 91 36.6 24.8 24.3 38.4 56.8 38.4 91.4 0 34.2-13.3 66.3-37.5 90.5A127.3 127.3 0 01612 612zM361.5 510.4c-.9-8.7-1.4-17.5-1.4-26.4 0-15.9 1.5-31.4 4.3-46.5.7-3.6-1.2-7.3-4.5-8.8-13.6-6.1-26.1-14.5-36.9-25.1a127.54 127.54 0 01-38.7-95.4c.9-32.1 13.8-62.6 36.3-85.6 24.7-25.3 57.9-39.1 93.2-38.7 31.9.3 62.7 12.6 86 34.4 7.9 7.4 14.7 15.6 20.4 24.4 2 3.1 5.9 4.4 9.3 3.2 17.6-6.1 36.2-10.4 55.3-12.4 5.6-.6 8.8-6.6 6.3-11.6-32.5-64.3-98.9-108.7-175.7-109.9-110.9-1.7-203.3 89.2-203.3 199.9 0 62.8 28.9 118.8 74.2 155.5-31.8 14.7-61.1 35-86.5 60.4-54.8 54.7-85.8 126.9-87.8 204a8 8 0 008 8.2h56.1c4.3 0 7.9-3.4 8-7.7 1.9-58 25.4-112.3 66.7-153.5 29.4-29.4 65.4-49.8 104.7-59.7 3.9-1 6.5-4.7 6-8.7z"></path></svg></span><div class="details_xxkR"><div><span class="title_pSH5">Team</span><p class="description__Fep">Core-team, Champions, Contributors, Companies</p></div></div></a>
 <a class="root_GfON defaultTheme_j3I8" href="/ru/docs/branding"><span role="img" aria-label="verified" class="anticon anticon-verified icon_ciqP"><svg viewBox="64 64 896 896" focusable="false" data-icon="verified" width="1em" height="1em" fill="currentColor" aria-hidden="true"><defs><style></style></defs><path d="M447.8 588.8l-7.3-32.5c-.2-1-.6-1.9-1.1-2.7a7.94 7.94 0 00-11.1-2.2L405 567V411c0-4.4-3.6-8-8-8h-81c-4.4 0-8 3.6-8 8v36c0 4.4 3.6 8 8 8h37v192.4a8 8 0 0012.7 6.5l79-56.8c2.6-1.9 3.8-5.1 3.1-8.3zm-56.7-216.6l.2.2c3.2 3 8.3 2.8 11.3-.5l24.1-26.2a8.1 8.1 0 00-.3-11.2l-53.7-52.1a8 8 0 00-11.2.1l-24.7 24.7c-3.1 3.1-3.1 8.2.1 11.3l54.2 53.7z"></path><path d="M866.9 169.9L527.1 54.1C523 52.7 517.5 52 512 52s-11 .7-15.1 2.1L157.1 169.9c-8.3 2.8-15.1 12.4-15.1 21.2v482.4c0 8.8 5.7 20.4 12.6 25.9L499.3 968c3.5 2.7 8 4.1 12.6 4.1s9.2-1.4 12.6-4.1l344.7-268.6c6.9-5.4 12.6-17 12.6-25.9V191.1c.2-8.8-6.6-18.3-14.9-21.2zM810 654.3L512 886.5 214 654.3V226.7l298-101.6 298 101.6v427.6z"></path><path d="M452 297v36c0 4.4 3.6 8 8 8h108v274h-38V405c0-4.4-3.6-8-8-8h-35c-4.4 0-8 3.6-8 8v210h-31c-4.4 0-8 3.6-8 8v37c0 4.4 3.6 8 8 8h244c4.4 0 8-3.6 8-8v-37c0-4.4-3.6-8-8-8h-72V493h58c4.4 0 8-3.6 8-8v-35c0-4.4-3.6-8-8-8h-58V341h63c4.4 0 8-3.6 8-8v-36c0-4.4-3.6-8-8-8H460c-4.4 0-8 3.6-8 8z"></path></svg></span><div class="details_xxkR"><div><span class="title_pSH5">Brandbook</span><p class="description__Fep">Recommendations for FSD&#x27;s branding usage</p></div></div></a>
-<a href="#" class="root_GfON rootDisabled_SFUB defaultTheme_j3I8"><span role="img" aria-label="search" class="anticon anticon-search icon_ciqP"><svg viewBox="64 64 896 896" focusable="false" data-icon="search" width="1em" height="1em" fill="currentColor" aria-hidden="true"><path d="M909.6 854.5L649.9 594.8C690.2 542.7 712 479 712 412c0-80.2-31.3-155.4-87.9-212.1-56.6-56.7-132-87.9-212.1-87.9s-155.5 31.3-212.1 87.9C143.2 256.5 112 331.8 112 412c0 80.1 31.3 155.5 87.9 212.1C256.5 680.8 331.8 712 412 712c67 0 130.6-21.8 182.7-62l259.7 259.6a8.2 8.2 0 0011.6 0l43.6-43.5a8.2 8.2 0 000-11.6zM570.4 570.4C528 612.7 471.8 636 412 636s-116-23.3-158.4-65.6C211.3 528 188 471.8 188 412s23.3-116.1 65.6-158.4C296 211.3 352.2 188 412 188s116.1 23.2 158.4 65.6S636 352.2 636 412s-23.3 116.1-65.6 158.4z"></path></svg></span><div class="details_xxkR"><div><span class="title_pSH5">Contributing</span><p class="description__Fep">HowTo, Workflow, Support</p></div></div></a></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/community/index.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Отредактировать эту страницу</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Последнее обновление<!-- --> <b><time datetime="2024-09-29T11:02:46.000Z" itemprop="dateModified">29 сент. 2024 г.</time></b> от <b>ratomiru</b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Навигация по странице документации"><a class="pagination-nav__link pagination-nav__link--next" href="/ru/community/team"><div class="pagination-nav__sublabel">Следующая страница</div><div class="pagination-nav__label">Team</div></a></nav></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Спецификация</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/ru/docs">Документация</a></li><li class="footer__item"><a class="footer__link-item" href="/ru/community">Сообщество</a></li><li class="footer__item"><a class="footer__link-item" href="/ru/nav">Помощь</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Обсуждения<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Сообщество</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Остальное</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">Лицензия<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/ru/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/ru/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
+<a href="#" class="root_GfON rootDisabled_SFUB defaultTheme_j3I8"><span role="img" aria-label="search" class="anticon anticon-search icon_ciqP"><svg viewBox="64 64 896 896" focusable="false" data-icon="search" width="1em" height="1em" fill="currentColor" aria-hidden="true"><path d="M909.6 854.5L649.9 594.8C690.2 542.7 712 479 712 412c0-80.2-31.3-155.4-87.9-212.1-56.6-56.7-132-87.9-212.1-87.9s-155.5 31.3-212.1 87.9C143.2 256.5 112 331.8 112 412c0 80.1 31.3 155.5 87.9 212.1C256.5 680.8 331.8 712 412 712c67 0 130.6-21.8 182.7-62l259.7 259.6a8.2 8.2 0 0011.6 0l43.6-43.5a8.2 8.2 0 000-11.6zM570.4 570.4C528 612.7 471.8 636 412 636s-116-23.3-158.4-65.6C211.3 528 188 471.8 188 412s23.3-116.1 65.6-158.4C296 211.3 352.2 188 412 188s116.1 23.2 158.4 65.6S636 352.2 636 412s-23.3 116.1-65.6 158.4z"></path></svg></span><div class="details_xxkR"><div><span class="title_pSH5">Contributing</span><p class="description__Fep">HowTo, Workflow, Support</p></div></div></a></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/community/index.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Отредактировать эту страницу</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Последнее обновление<!-- --> <b><time datetime="2024-10-07T18:23:06.000Z" itemprop="dateModified">7 окт. 2024 г.</time></b> от <b>InJaEE</b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Навигация по странице документации"><a class="pagination-nav__link pagination-nav__link--next" href="/ru/community/team"><div class="pagination-nav__sublabel">Следующая страница</div><div class="pagination-nav__label">Team</div></a></nav></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Спецификация</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/ru/docs">Документация</a></li><li class="footer__item"><a class="footer__link-item" href="/ru/community">Сообщество</a></li><li class="footer__item"><a class="footer__link-item" href="/ru/nav">Помощь</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Обсуждения<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Сообщество</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Остальное</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">Лицензия<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/ru/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/ru/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
 </body>
 </html>
\ No newline at end of file
diff --git a/ru/community/team.html b/ru/community/team.html
index 5babd76531..6ebb6623a0 100644
--- a/ru/community/team.html
+++ b/ru/community/team.html
@@ -9,8 +9,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/ru/opensearch.xml"><link rel="stylesheet" href="/ru/assets/css/styles.200d81f1.css">
-<script src="/ru/assets/js/runtime~main.d88d86db.js" defer="defer"></script>
-<script src="/ru/assets/js/main.d5dbc580.js" defer="defer"></script>
+<script src="/ru/assets/js/runtime~main.83a61e56.js" defer="defer"></script>
+<script src="/ru/assets/js/main.ba59251d.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Перейти к основному содержимому"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">Перейти к основному содержимому</a></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Переключить навигационную панель" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/ru/"><div class="navbar__logo"><img src="/ru/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/ru/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a class="navbar__item navbar__link" href="/ru/docs">📖 Документация</a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/ru/community">💫 Сообщество</a><a class="navbar__item navbar__link" href="/ru/blog">📝 Блог</a><a class="navbar__item navbar__link" href="/ru/examples">🛠 Примеры</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/ru/docs">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a class="dropdown__link" href="/ru/docs">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/ru/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>Русский</a><ul class="dropdown__menu"><li><a href="/ru/community/team" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="ru">Русский</a></li><li><a href="/community/team" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/uz/community/team" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/community/team" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="kr">한국어</a></li><li><a href="/ja/community/team" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="Переключение между темным и светлым режимом (сейчас используется Светлый режим)" aria-label="Переключение между темным и светлым режимом (сейчас используется Светлый режим)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="Поиск"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Поиск</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><div class="docsWrapper_rDLg"><button aria-label="Прокрутка к началу" class="clean-btn theme-back-to-top-button backToTopButton_JQoL" type="button"></button><div class="docRoot_GkJk"><aside class="theme-doc-sidebar-container docSidebarContainer_xiHB"><div class="sidebarViewport_DaHB"><div class="sidebar_Kb82"><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_AkOp"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--active" href="/ru/community">💫  Community</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item sidebar-item--wip"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/ru/community/team">Team</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/ru/examples">Examples</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a href="https://github.com/feature-sliced/awesome" target="_blank" rel="noopener noreferrer" class="menu__link menuExternalLink_riF1" tabindex="0">Awesome Resources<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a href="https://discord.com/invite/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="menu__link menuExternalLink_riF1" tabindex="0">Discord community server<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="menu__link menuExternalLink_riF1" tabindex="0">Telegram chat (Q&amp;A)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></li></ul></nav><button type="button" title="Свернуть сайдбар" aria-label="Свернуть сайдбар" class="button button--secondary button--outline collapseSidebarButton_L8vW"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_hYfn"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_uESP"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_w6lk"><div class="docItemContainer_b1tn"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_ioLt" aria-label="Навигационная цепочка текущей страницы"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Главная страница" class="breadcrumbs__link" href="/ru/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_ZfEo"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/ru/community"><span itemprop="name">💫  Community</span></a><meta itemprop="position" content="1"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">Team</span><meta itemprop="position" content="2"></li></ul></nav><div class="tocCollapsible_EkMH theme-doc-toc-mobile tocMobile_XRnS"><button type="button" class="clean-btn tocCollapsibleButton_ID8T">Содержание этой страницы</button></div><div class="theme-doc-markdown markdown"><header><h1>Team</h1></header>
@@ -18,6 +18,6 @@
 <h2 class="anchor anchorWithStickyNavbar_QzlE" id="core-team">Core-team<a href="#core-team" class="hash-link" aria-label="Прямая ссылка на этот заголовок" title="Прямая ссылка на этот заголовок">​</a></h2>
 <h3 class="anchor anchorWithStickyNavbar_QzlE" id="champions">Champions<a href="#champions" class="hash-link" aria-label="Прямая ссылка на этот заголовок" title="Прямая ссылка на этот заголовок">​</a></h3>
 <h2 class="anchor anchorWithStickyNavbar_QzlE" id="contributors">Contributors<a href="#contributors" class="hash-link" aria-label="Прямая ссылка на этот заголовок" title="Прямая ссылка на этот заголовок">​</a></h2>
-<h2 class="anchor anchorWithStickyNavbar_QzlE" id="companies">Companies<a href="#companies" class="hash-link" aria-label="Прямая ссылка на этот заголовок" title="Прямая ссылка на этот заголовок">​</a></h2></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/community/team.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Отредактировать эту страницу</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Последнее обновление<!-- --> <b><time datetime="2024-09-29T11:02:46.000Z" itemprop="dateModified">29 сент. 2024 г.</time></b> от <b>ratomiru</b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Навигация по странице документации"><a class="pagination-nav__link pagination-nav__link--prev" href="/ru/community"><div class="pagination-nav__sublabel">Предыдущая страница</div><div class="pagination-nav__label">💫 Community</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#core-team" class="table-of-contents__link toc-highlight">Core-team</a><ul><li><a href="#champions" class="table-of-contents__link toc-highlight">Champions</a></li></ul></li><li><a href="#contributors" class="table-of-contents__link toc-highlight">Contributors</a></li><li><a href="#companies" class="table-of-contents__link toc-highlight">Companies</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Спецификация</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/ru/docs">Документация</a></li><li class="footer__item"><a class="footer__link-item" href="/ru/community">Сообщество</a></li><li class="footer__item"><a class="footer__link-item" href="/ru/nav">Помощь</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Обсуждения<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Сообщество</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Остальное</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">Лицензия<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/ru/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/ru/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
+<h2 class="anchor anchorWithStickyNavbar_QzlE" id="companies">Companies<a href="#companies" class="hash-link" aria-label="Прямая ссылка на этот заголовок" title="Прямая ссылка на этот заголовок">​</a></h2></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/community/team.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Отредактировать эту страницу</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Последнее обновление<!-- --> <b><time datetime="2024-10-07T18:23:06.000Z" itemprop="dateModified">7 окт. 2024 г.</time></b> от <b>InJaEE</b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Навигация по странице документации"><a class="pagination-nav__link pagination-nav__link--prev" href="/ru/community"><div class="pagination-nav__sublabel">Предыдущая страница</div><div class="pagination-nav__label">💫 Community</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#core-team" class="table-of-contents__link toc-highlight">Core-team</a><ul><li><a href="#champions" class="table-of-contents__link toc-highlight">Champions</a></li></ul></li><li><a href="#contributors" class="table-of-contents__link toc-highlight">Contributors</a></li><li><a href="#companies" class="table-of-contents__link toc-highlight">Companies</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Спецификация</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/ru/docs">Документация</a></li><li class="footer__item"><a class="footer__link-item" href="/ru/community">Сообщество</a></li><li class="footer__item"><a class="footer__link-item" href="/ru/nav">Помощь</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Обсуждения<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Сообщество</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Остальное</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">Лицензия<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/ru/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/ru/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
 </body>
 </html>
\ No newline at end of file
diff --git a/ru/docs.html b/ru/docs.html
index cc9923a9ea..84f43e4ce5 100644
--- a/ru/docs.html
+++ b/ru/docs.html
@@ -9,8 +9,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/ru/opensearch.xml"><link rel="stylesheet" href="/ru/assets/css/styles.200d81f1.css">
-<script src="/ru/assets/js/runtime~main.d88d86db.js" defer="defer"></script>
-<script src="/ru/assets/js/main.d5dbc580.js" defer="defer"></script>
+<script src="/ru/assets/js/runtime~main.83a61e56.js" defer="defer"></script>
+<script src="/ru/assets/js/main.ba59251d.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Перейти к основному содержимому"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">Перейти к основному содержимому</a></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Переключить навигационную панель" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/ru/"><div class="navbar__logo"><img src="/ru/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/ru/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/ru/docs">📖 Документация</a><a class="navbar__item navbar__link" href="/ru/community">💫 Сообщество</a><a class="navbar__item navbar__link" href="/ru/blog">📝 Блог</a><a class="navbar__item navbar__link" href="/ru/examples">🛠 Примеры</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/ru/docs">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a aria-current="page" class="dropdown__link dropdown__link--active" href="/ru/docs">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/ru/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>Русский</a><ul class="dropdown__menu"><li><a href="/ru/docs" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="ru">Русский</a></li><li><a href="/docs" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/uz/docs" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/docs" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="kr">한국어</a></li><li><a href="/ja/docs" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="Переключение между темным и светлым режимом (сейчас используется Светлый режим)" aria-label="Переключение между темным и светлым режимом (сейчас используется Светлый режим)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="Поиск"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Поиск</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><div class="docsWrapper_rDLg"><button aria-label="Прокрутка к началу" class="clean-btn theme-back-to-top-button backToTopButton_JQoL" type="button"></button><div class="docRoot_GkJk"><main class="docMainContainer_uESP docMainContainerEnhanced_GKE6"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_w6lk"><div class="docItemContainer_b1tn"><article><div class="theme-doc-markdown markdown"><header><h1>Документация</h1></header>
@@ -24,6 +24,6 @@
 <a class="root_GfON miniTheme_ePfp" href="/ru/docs/reference"><div class="details_xxkR"><div><span class="title_pSH5">📚 Справочник</span><p class="description__Fep">Справочная информация по ключевым понятиям и концепциям (для более эффективного применения на практике)</p></div><div class="detailsTags_uTQx">Юниты • Изоляция • Public API</div></div></a>
 <a class="root_GfON miniTheme_ePfp" href="/ru/docs/about"><div class="details_xxkR"><div><span class="title_pSH5">🍰 О методологии</span><p class="description__Fep">Философия методологии, ее цели и место в современном фронтенде</p></div><div class="detailsTags_uTQx">Миссия • Продвижение &amp; Интеграция</div></div></a>
 <a class="root_GfON miniTheme_ePfp" href="/ru/community"><div class="details_xxkR"><div><span class="title_pSH5">💫 Сообщество</span><p class="description__Fep">Ресурсы и дополнительные материалы, предоставленные сообществом</p></div><div class="detailsTags_uTQx">Awesome • Команда • Участие в проекте</div></div></a>
-<a class="root_GfON miniTheme_ePfp" href="/ru/examples"><div class="details_xxkR"><div><span class="title_pSH5">🛠 Примеры</span><p class="description__Fep">Примеры проектов, спроектированных по Feature-Sliced Design</p></div></div></a></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/ru/docusaurus-plugin-content-docs/current/intro.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Отредактировать эту страницу</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Последнее обновление<!-- --> <b><time datetime="2024-09-29T11:02:46.000Z" itemprop="dateModified">29 сент. 2024 г.</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Навигация по странице документации"><a class="pagination-nav__link pagination-nav__link--next" href="/ru/docs/get-started"><div class="pagination-nav__sublabel">Следующая страница</div><div class="pagination-nav__label">🚀 Быстрый старт</div></a></nav></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Спецификация</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/ru/docs">Документация</a></li><li class="footer__item"><a class="footer__link-item" href="/ru/community">Сообщество</a></li><li class="footer__item"><a class="footer__link-item" href="/ru/nav">Помощь</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Обсуждения<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Сообщество</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Остальное</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">Лицензия<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/ru/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/ru/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
+<a class="root_GfON miniTheme_ePfp" href="/ru/examples"><div class="details_xxkR"><div><span class="title_pSH5">🛠 Примеры</span><p class="description__Fep">Примеры проектов, спроектированных по Feature-Sliced Design</p></div></div></a></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/ru/docusaurus-plugin-content-docs/current/intro.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Отредактировать эту страницу</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Последнее обновление<!-- --> <b><time datetime="2024-10-07T18:23:06.000Z" itemprop="dateModified">7 окт. 2024 г.</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Навигация по странице документации"><a class="pagination-nav__link pagination-nav__link--next" href="/ru/docs/get-started"><div class="pagination-nav__sublabel">Следующая страница</div><div class="pagination-nav__label">🚀 Быстрый старт</div></a></nav></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Спецификация</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/ru/docs">Документация</a></li><li class="footer__item"><a class="footer__link-item" href="/ru/community">Сообщество</a></li><li class="footer__item"><a class="footer__link-item" href="/ru/nav">Помощь</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Обсуждения<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Сообщество</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Остальное</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">Лицензия<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/ru/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/ru/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
 </body>
 </html>
\ No newline at end of file
diff --git a/ru/docs/about.html b/ru/docs/about.html
index 6581b7a41d..481ae2b4cf 100644
--- a/ru/docs/about.html
+++ b/ru/docs/about.html
@@ -9,8 +9,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/ru/opensearch.xml"><link rel="stylesheet" href="/ru/assets/css/styles.200d81f1.css">
-<script src="/ru/assets/js/runtime~main.d88d86db.js" defer="defer"></script>
-<script src="/ru/assets/js/main.d5dbc580.js" defer="defer"></script>
+<script src="/ru/assets/js/runtime~main.83a61e56.js" defer="defer"></script>
+<script src="/ru/assets/js/main.ba59251d.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Перейти к основному содержимому"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">Перейти к основному содержимому</a></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Переключить навигационную панель" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/ru/"><div class="navbar__logo"><img src="/ru/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/ru/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/ru/docs">📖 Документация</a><a class="navbar__item navbar__link" href="/ru/community">💫 Сообщество</a><a class="navbar__item navbar__link" href="/ru/blog">📝 Блог</a><a class="navbar__item navbar__link" href="/ru/examples">🛠 Примеры</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/ru/docs/about">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a aria-current="page" class="dropdown__link dropdown__link--active" href="/ru/docs/about">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/ru/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>Русский</a><ul class="dropdown__menu"><li><a href="/ru/docs/about" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="ru">Русский</a></li><li><a href="/docs/about" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/uz/docs/about" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/docs/about" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="kr">한국어</a></li><li><a href="/ja/docs/about" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="Переключение между темным и светлым режимом (сейчас используется Светлый режим)" aria-label="Переключение между темным и светлым режимом (сейчас используется Светлый режим)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="Поиск"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Поиск</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><div class="docsWrapper_rDLg"><button aria-label="Прокрутка к началу" class="clean-btn theme-back-to-top-button backToTopButton_JQoL" type="button"></button><div class="docRoot_GkJk"><aside class="theme-doc-sidebar-container docSidebarContainer_xiHB"><div class="sidebarViewport_DaHB"><div class="sidebar_Kb82"><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_AkOp"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible menu__list-item-collapsible--active"><a class="menu__link menu__link--active" aria-current="page" href="/ru/docs/about">🍰 О методологии</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/ru/docs/about/mission">Миссия</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/ru/docs/about/motivation">Мотивация</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item sidebar-item--wip"><a class="menu__link" tabindex="0" href="/ru/docs/about/alternatives">Альтернативы</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/ru/docs/about/understanding/architecture">Понимание</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/ru/docs/about/promote/integration">Продвижение</a></div></li></ul></li></ul></nav><button type="button" title="Свернуть сайдбар" aria-label="Свернуть сайдбар" class="button button--secondary button--outline collapseSidebarButton_L8vW"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_hYfn"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_uESP"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col"><div class="docItemContainer_b1tn"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_ioLt" aria-label="Навигационная цепочка текущей страницы"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Главная страница" class="breadcrumbs__link" href="/ru/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_ZfEo"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">🍰 О методологии</span><meta itemprop="position" content="1"></li></ul></nav><div class="theme-doc-markdown markdown"><header><h1>🍰 О методологии</h1></header>
@@ -21,6 +21,6 @@ <h2 class="anchor anchorWithStickyNavbar_QzlE" id="main">Главное<a href="
 <a class="root_GfON defaultTheme_j3I8" href="/ru/docs/about/mission"><span role="img" aria-label="trophy" class="anticon anticon-trophy icon_ciqP"><svg viewBox="64 64 896 896" focusable="false" data-icon="trophy" width="1em" height="1em" fill="currentColor" aria-hidden="true"><path d="M868 160h-92v-40c0-4.4-3.6-8-8-8H256c-4.4 0-8 3.6-8 8v40h-92a44 44 0 00-44 44v148c0 81.7 60 149.6 138.2 162C265.7 630.2 359 721.7 476 734.5v105.2H280c-17.7 0-32 14.3-32 32V904c0 4.4 3.6 8 8 8h512c4.4 0 8-3.6 8-8v-32.3c0-17.7-14.3-32-32-32H548V734.5C665 721.7 758.3 630.2 773.8 514 852 501.6 912 433.7 912 352V204a44 44 0 00-44-44zM184 352V232h64v207.6a91.99 91.99 0 01-64-87.6zm520 128c0 49.1-19.1 95.4-53.9 130.1-34.8 34.8-81 53.9-130.1 53.9h-16c-49.1 0-95.4-19.1-130.1-53.9-34.8-34.8-53.9-81-53.9-130.1V184h384v296zm136-128c0 41-26.9 75.8-64 87.6V232h64v120z"></path></svg></span><div class="details_xxkR"><div><span class="title_pSH5">Миссия</span><p class="description__Fep">Цели и ограничения методологии</p></div></div></a>
 <a class="root_GfON defaultTheme_j3I8" href="/ru/docs/about/motivation"><span role="img" aria-label="star" class="anticon anticon-star icon_ciqP"><svg viewBox="64 64 896 896" focusable="false" data-icon="star" width="1em" height="1em" fill="currentColor" aria-hidden="true"><path d="M908.1 353.1l-253.9-36.9L540.7 86.1c-3.1-6.3-8.2-11.4-14.5-14.5-15.8-7.8-35-1.3-42.9 14.5L369.8 316.2l-253.9 36.9c-7 1-13.4 4.3-18.3 9.3a32.05 32.05 0 00.6 45.3l183.7 179.1-43.4 252.9a31.95 31.95 0 0046.4 33.7L512 754l227.1 119.4c6.2 3.3 13.4 4.4 20.3 3.2 17.4-3 29.1-19.5 26.1-36.9l-43.4-252.9 183.7-179.1c5-4.9 8.3-11.3 9.3-18.3 2.7-17.5-9.5-33.7-27-36.3zM664.8 561.6l36.1 210.3L512 672.7 323.1 772l36.1-210.3-152.8-149L417.6 382 512 190.7 606.4 382l211.2 30.7-152.8 148.9z"></path></svg></span><div class="details_xxkR"><div><span class="title_pSH5">Мотивация</span><p class="description__Fep">Причины создания и развития методологии</p></div></div></a>
 <a class="root_GfON defaultTheme_j3I8" href="/ru/docs/about/understanding/architecture"><span role="img" aria-label="bulb" class="anticon anticon-bulb icon_ciqP"><svg viewBox="64 64 896 896" focusable="false" data-icon="bulb" width="1em" height="1em" fill="currentColor" aria-hidden="true"><path d="M632 888H392c-4.4 0-8 3.6-8 8v32c0 17.7 14.3 32 32 32h192c17.7 0 32-14.3 32-32v-32c0-4.4-3.6-8-8-8zM512 64c-181.1 0-328 146.9-328 328 0 121.4 66 227.4 164 284.1V792c0 17.7 14.3 32 32 32h264c17.7 0 32-14.3 32-32V676.1c98-56.7 164-162.7 164-284.1 0-181.1-146.9-328-328-328zm127.9 549.8L604 634.6V752H420V634.6l-35.9-20.8C305.4 568.3 256 484.5 256 392c0-141.4 114.6-256 256-256s256 114.6 256 256c0 92.5-49.4 176.3-128.1 221.8z"></path></svg></span><div class="details_xxkR"><div><span class="title_pSH5">Понимание</span><p class="description__Fep">Углубленное понимание концепций FSD</p></div><div class="detailsTags_uTQx">Об архитектуре • Needs driven • Нейминг</div></div></a>
-<a class="root_GfON defaultTheme_j3I8" href="/ru/docs/about/promote/integration"><span role="img" aria-label="team" class="anticon anticon-team icon_ciqP"><svg viewBox="64 64 896 896" focusable="false" data-icon="team" width="1em" height="1em" fill="currentColor" aria-hidden="true"><path d="M824.2 699.9a301.55 301.55 0 00-86.4-60.4C783.1 602.8 812 546.8 812 484c0-110.8-92.4-201.7-203.2-200-109.1 1.7-197 90.6-197 200 0 62.8 29 118.8 74.2 155.5a300.95 300.95 0 00-86.4 60.4C345 754.6 314 826.8 312 903.8a8 8 0 008 8.2h56c4.3 0 7.9-3.4 8-7.7 1.9-58 25.4-112.3 66.7-153.5A226.62 226.62 0 01612 684c60.9 0 118.2 23.7 161.3 66.8C814.5 792 838 846.3 840 904.3c.1 4.3 3.7 7.7 8 7.7h56a8 8 0 008-8.2c-2-77-33-149.2-87.8-203.9zM612 612c-34.2 0-66.4-13.3-90.5-37.5a126.86 126.86 0 01-37.5-91.8c.3-32.8 13.4-64.5 36.3-88 24-24.6 56.1-38.3 90.4-38.7 33.9-.3 66.8 12.9 91 36.6 24.8 24.3 38.4 56.8 38.4 91.4 0 34.2-13.3 66.3-37.5 90.5A127.3 127.3 0 01612 612zM361.5 510.4c-.9-8.7-1.4-17.5-1.4-26.4 0-15.9 1.5-31.4 4.3-46.5.7-3.6-1.2-7.3-4.5-8.8-13.6-6.1-26.1-14.5-36.9-25.1a127.54 127.54 0 01-38.7-95.4c.9-32.1 13.8-62.6 36.3-85.6 24.7-25.3 57.9-39.1 93.2-38.7 31.9.3 62.7 12.6 86 34.4 7.9 7.4 14.7 15.6 20.4 24.4 2 3.1 5.9 4.4 9.3 3.2 17.6-6.1 36.2-10.4 55.3-12.4 5.6-.6 8.8-6.6 6.3-11.6-32.5-64.3-98.9-108.7-175.7-109.9-110.9-1.7-203.3 89.2-203.3 199.9 0 62.8 28.9 118.8 74.2 155.5-31.8 14.7-61.1 35-86.5 60.4-54.8 54.7-85.8 126.9-87.8 204a8 8 0 008 8.2h56.1c4.3 0 7.9-3.4 8-7.7 1.9-58 25.4-112.3 66.7-153.5 29.4-29.4 65.4-49.8 104.7-59.7 3.9-1 6.5-4.7 6-8.7z"></path></svg></span><div class="details_xxkR"><div><span class="title_pSH5">Продвижение</span><p class="description__Fep">О продвижении и интеграции FSD в компаниях</p></div><div class="detailsTags_uTQx">Интеграция • Продвижение в команде • Продвижение в компании</div></div></a></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/ru/docusaurus-plugin-content-docs/current/about/index.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Отредактировать эту страницу</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Последнее обновление<!-- --> <b><time datetime="2024-09-29T11:02:46.000Z" itemprop="dateModified">29 сент. 2024 г.</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Навигация по странице документации"><a class="pagination-nav__link pagination-nav__link--prev" href="/ru/docs/reference"><div class="pagination-nav__sublabel">Предыдущая страница</div><div class="pagination-nav__label">📚 Справочник</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/ru/docs/about/mission"><div class="pagination-nav__sublabel">Следующая страница</div><div class="pagination-nav__label">Миссия</div></a></nav></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Спецификация</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/ru/docs">Документация</a></li><li class="footer__item"><a class="footer__link-item" href="/ru/community">Сообщество</a></li><li class="footer__item"><a class="footer__link-item" href="/ru/nav">Помощь</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Обсуждения<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Сообщество</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Остальное</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">Лицензия<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/ru/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/ru/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
+<a class="root_GfON defaultTheme_j3I8" href="/ru/docs/about/promote/integration"><span role="img" aria-label="team" class="anticon anticon-team icon_ciqP"><svg viewBox="64 64 896 896" focusable="false" data-icon="team" width="1em" height="1em" fill="currentColor" aria-hidden="true"><path d="M824.2 699.9a301.55 301.55 0 00-86.4-60.4C783.1 602.8 812 546.8 812 484c0-110.8-92.4-201.7-203.2-200-109.1 1.7-197 90.6-197 200 0 62.8 29 118.8 74.2 155.5a300.95 300.95 0 00-86.4 60.4C345 754.6 314 826.8 312 903.8a8 8 0 008 8.2h56c4.3 0 7.9-3.4 8-7.7 1.9-58 25.4-112.3 66.7-153.5A226.62 226.62 0 01612 684c60.9 0 118.2 23.7 161.3 66.8C814.5 792 838 846.3 840 904.3c.1 4.3 3.7 7.7 8 7.7h56a8 8 0 008-8.2c-2-77-33-149.2-87.8-203.9zM612 612c-34.2 0-66.4-13.3-90.5-37.5a126.86 126.86 0 01-37.5-91.8c.3-32.8 13.4-64.5 36.3-88 24-24.6 56.1-38.3 90.4-38.7 33.9-.3 66.8 12.9 91 36.6 24.8 24.3 38.4 56.8 38.4 91.4 0 34.2-13.3 66.3-37.5 90.5A127.3 127.3 0 01612 612zM361.5 510.4c-.9-8.7-1.4-17.5-1.4-26.4 0-15.9 1.5-31.4 4.3-46.5.7-3.6-1.2-7.3-4.5-8.8-13.6-6.1-26.1-14.5-36.9-25.1a127.54 127.54 0 01-38.7-95.4c.9-32.1 13.8-62.6 36.3-85.6 24.7-25.3 57.9-39.1 93.2-38.7 31.9.3 62.7 12.6 86 34.4 7.9 7.4 14.7 15.6 20.4 24.4 2 3.1 5.9 4.4 9.3 3.2 17.6-6.1 36.2-10.4 55.3-12.4 5.6-.6 8.8-6.6 6.3-11.6-32.5-64.3-98.9-108.7-175.7-109.9-110.9-1.7-203.3 89.2-203.3 199.9 0 62.8 28.9 118.8 74.2 155.5-31.8 14.7-61.1 35-86.5 60.4-54.8 54.7-85.8 126.9-87.8 204a8 8 0 008 8.2h56.1c4.3 0 7.9-3.4 8-7.7 1.9-58 25.4-112.3 66.7-153.5 29.4-29.4 65.4-49.8 104.7-59.7 3.9-1 6.5-4.7 6-8.7z"></path></svg></span><div class="details_xxkR"><div><span class="title_pSH5">Продвижение</span><p class="description__Fep">О продвижении и интеграции FSD в компаниях</p></div><div class="detailsTags_uTQx">Интеграция • Продвижение в команде • Продвижение в компании</div></div></a></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/ru/docusaurus-plugin-content-docs/current/about/index.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Отредактировать эту страницу</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Последнее обновление<!-- --> <b><time datetime="2024-10-07T18:23:06.000Z" itemprop="dateModified">7 окт. 2024 г.</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Навигация по странице документации"><a class="pagination-nav__link pagination-nav__link--prev" href="/ru/docs/reference"><div class="pagination-nav__sublabel">Предыдущая страница</div><div class="pagination-nav__label">📚 Справочник</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/ru/docs/about/mission"><div class="pagination-nav__sublabel">Следующая страница</div><div class="pagination-nav__label">Миссия</div></a></nav></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Спецификация</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/ru/docs">Документация</a></li><li class="footer__item"><a class="footer__link-item" href="/ru/community">Сообщество</a></li><li class="footer__item"><a class="footer__link-item" href="/ru/nav">Помощь</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Обсуждения<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Сообщество</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Остальное</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">Лицензия<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/ru/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/ru/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
 </body>
 </html>
\ No newline at end of file
diff --git a/ru/docs/about/alternatives.html b/ru/docs/about/alternatives.html
index 6602efba83..490c983564 100644
--- a/ru/docs/about/alternatives.html
+++ b/ru/docs/about/alternatives.html
@@ -9,8 +9,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/ru/opensearch.xml"><link rel="stylesheet" href="/ru/assets/css/styles.200d81f1.css">
-<script src="/ru/assets/js/runtime~main.d88d86db.js" defer="defer"></script>
-<script src="/ru/assets/js/main.d5dbc580.js" defer="defer"></script>
+<script src="/ru/assets/js/runtime~main.83a61e56.js" defer="defer"></script>
+<script src="/ru/assets/js/main.ba59251d.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Перейти к основному содержимому"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">Перейти к основному содержимому</a></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Переключить навигационную панель" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/ru/"><div class="navbar__logo"><img src="/ru/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/ru/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/ru/docs">📖 Документация</a><a class="navbar__item navbar__link" href="/ru/community">💫 Сообщество</a><a class="navbar__item navbar__link" href="/ru/blog">📝 Блог</a><a class="navbar__item navbar__link" href="/ru/examples">🛠 Примеры</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/ru/docs/about/alternatives">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a aria-current="page" class="dropdown__link dropdown__link--active" href="/ru/docs/about/alternatives">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/ru/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>Русский</a><ul class="dropdown__menu"><li><a href="/ru/docs/about/alternatives" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="ru">Русский</a></li><li><a href="/docs/about/alternatives" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/uz/docs/about/alternatives" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/docs/about/alternatives" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="kr">한국어</a></li><li><a href="/ja/docs/about/alternatives" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="Переключение между темным и светлым режимом (сейчас используется Светлый режим)" aria-label="Переключение между темным и светлым режимом (сейчас используется Светлый режим)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="Поиск"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Поиск</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><div class="docsWrapper_rDLg"><button aria-label="Прокрутка к началу" class="clean-btn theme-back-to-top-button backToTopButton_JQoL" type="button"></button><div class="docRoot_GkJk"><aside class="theme-doc-sidebar-container docSidebarContainer_xiHB"><div class="sidebarViewport_DaHB"><div class="sidebar_Kb82"><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_AkOp"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--active" href="/ru/docs/about">🍰 О методологии</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/ru/docs/about/mission">Миссия</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/ru/docs/about/motivation">Мотивация</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item sidebar-item--wip"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/ru/docs/about/alternatives">Альтернативы</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/ru/docs/about/understanding/architecture">Понимание</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/ru/docs/about/promote/integration">Продвижение</a></div></li></ul></li></ul></nav><button type="button" title="Свернуть сайдбар" aria-label="Свернуть сайдбар" class="button button--secondary button--outline collapseSidebarButton_L8vW"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_hYfn"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_uESP"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_w6lk"><div class="docItemContainer_b1tn"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_ioLt" aria-label="Навигационная цепочка текущей страницы"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Главная страница" class="breadcrumbs__link" href="/ru/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_ZfEo"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/ru/docs/about"><span itemprop="name">🍰 О методологии</span></a><meta itemprop="position" content="1"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">Альтернативы</span><meta itemprop="position" content="2"></li></ul></nav><div class="tocCollapsible_EkMH theme-doc-toc-mobile tocMobile_XRnS"><button type="button" class="clean-btn tocCollapsibleButton_ID8T">Содержание этой страницы</button></div><div class="theme-doc-markdown markdown"><header><h1>Альтернативы</h1></header>
@@ -128,6 +128,6 @@ <h2 class="anchor anchorWithStickyNavbar_QzlE" id="feature-driven">Feature Drive
 <ul>
 <li><a href="https://youtu.be/BWAeYuWFHhs" target="_blank" rel="noopener noreferrer">(Доклад) Oleg Isonen - Feature Driven Architecture</a></li>
 <li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer">Feature Driven - Краткая спецификация (с точки зрения FSD)</a></li>
-</ul></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/ru/docusaurus-plugin-content-docs/current/about/alternatives.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Отредактировать эту страницу</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Последнее обновление<!-- --> <b><time datetime="2024-09-29T11:02:46.000Z" itemprop="dateModified">29 сент. 2024 г.</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Навигация по странице документации"><a class="pagination-nav__link pagination-nav__link--prev" href="/ru/docs/about/motivation"><div class="pagination-nav__sublabel">Предыдущая страница</div><div class="pagination-nav__label">Мотивация</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/ru/docs/about/understanding/architecture"><div class="pagination-nav__sublabel">Следующая страница</div><div class="pagination-nav__label">Об архитектуре</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#big-ball-of-mud" class="table-of-contents__link toc-highlight">Big Ball of Mud</a></li><li><a href="#smart--dumb-components" class="table-of-contents__link toc-highlight">Smart &amp; Dumb components</a></li><li><a href="#design-principles" class="table-of-contents__link toc-highlight">Design Principles</a></li><li><a href="#ddd" class="table-of-contents__link toc-highlight">DDD</a></li><li><a href="#see-also" class="table-of-contents__link toc-highlight">См. также</a></li><li><a href="#clean-architecture" class="table-of-contents__link toc-highlight">Clean Architecture</a></li><li><a href="#frameworks" class="table-of-contents__link toc-highlight">Frameworks</a></li><li><a href="#atomic-design" class="table-of-contents__link toc-highlight">Atomic Design</a><ul><li><a href="#что-это" class="table-of-contents__link toc-highlight">Что это?</a></li><li><a href="#применимость-во-фронтенде" class="table-of-contents__link toc-highlight">Применимость во фронтенде</a></li><li><a href="#как-оно-сочетается-с-fsd" class="table-of-contents__link toc-highlight">Как оно сочетается с FSD?</a></li></ul></li><li><a href="#feature-driven" class="table-of-contents__link toc-highlight">Feature Driven</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Спецификация</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/ru/docs">Документация</a></li><li class="footer__item"><a class="footer__link-item" href="/ru/community">Сообщество</a></li><li class="footer__item"><a class="footer__link-item" href="/ru/nav">Помощь</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Обсуждения<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Сообщество</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Остальное</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">Лицензия<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/ru/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/ru/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
+</ul></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/ru/docusaurus-plugin-content-docs/current/about/alternatives.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Отредактировать эту страницу</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Последнее обновление<!-- --> <b><time datetime="2024-10-07T18:23:06.000Z" itemprop="dateModified">7 окт. 2024 г.</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Навигация по странице документации"><a class="pagination-nav__link pagination-nav__link--prev" href="/ru/docs/about/motivation"><div class="pagination-nav__sublabel">Предыдущая страница</div><div class="pagination-nav__label">Мотивация</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/ru/docs/about/understanding/architecture"><div class="pagination-nav__sublabel">Следующая страница</div><div class="pagination-nav__label">Об архитектуре</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#big-ball-of-mud" class="table-of-contents__link toc-highlight">Big Ball of Mud</a></li><li><a href="#smart--dumb-components" class="table-of-contents__link toc-highlight">Smart &amp; Dumb components</a></li><li><a href="#design-principles" class="table-of-contents__link toc-highlight">Design Principles</a></li><li><a href="#ddd" class="table-of-contents__link toc-highlight">DDD</a></li><li><a href="#see-also" class="table-of-contents__link toc-highlight">См. также</a></li><li><a href="#clean-architecture" class="table-of-contents__link toc-highlight">Clean Architecture</a></li><li><a href="#frameworks" class="table-of-contents__link toc-highlight">Frameworks</a></li><li><a href="#atomic-design" class="table-of-contents__link toc-highlight">Atomic Design</a><ul><li><a href="#что-это" class="table-of-contents__link toc-highlight">Что это?</a></li><li><a href="#применимость-во-фронтенде" class="table-of-contents__link toc-highlight">Применимость во фронтенде</a></li><li><a href="#как-оно-сочетается-с-fsd" class="table-of-contents__link toc-highlight">Как оно сочетается с FSD?</a></li></ul></li><li><a href="#feature-driven" class="table-of-contents__link toc-highlight">Feature Driven</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Спецификация</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/ru/docs">Документация</a></li><li class="footer__item"><a class="footer__link-item" href="/ru/community">Сообщество</a></li><li class="footer__item"><a class="footer__link-item" href="/ru/nav">Помощь</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Обсуждения<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Сообщество</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Остальное</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">Лицензия<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/ru/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/ru/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
 </body>
 </html>
\ No newline at end of file
diff --git a/ru/docs/about/mission.html b/ru/docs/about/mission.html
index 4585f28816..b0c865666b 100644
--- a/ru/docs/about/mission.html
+++ b/ru/docs/about/mission.html
@@ -9,8 +9,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/ru/opensearch.xml"><link rel="stylesheet" href="/ru/assets/css/styles.200d81f1.css">
-<script src="/ru/assets/js/runtime~main.d88d86db.js" defer="defer"></script>
-<script src="/ru/assets/js/main.d5dbc580.js" defer="defer"></script>
+<script src="/ru/assets/js/runtime~main.83a61e56.js" defer="defer"></script>
+<script src="/ru/assets/js/main.ba59251d.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Перейти к основному содержимому"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">Перейти к основному содержимому</a></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Переключить навигационную панель" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/ru/"><div class="navbar__logo"><img src="/ru/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/ru/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/ru/docs">📖 Документация</a><a class="navbar__item navbar__link" href="/ru/community">💫 Сообщество</a><a class="navbar__item navbar__link" href="/ru/blog">📝 Блог</a><a class="navbar__item navbar__link" href="/ru/examples">🛠 Примеры</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/ru/docs/about/mission">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a aria-current="page" class="dropdown__link dropdown__link--active" href="/ru/docs/about/mission">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/ru/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>Русский</a><ul class="dropdown__menu"><li><a href="/ru/docs/about/mission" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="ru">Русский</a></li><li><a href="/docs/about/mission" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/uz/docs/about/mission" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/docs/about/mission" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="kr">한국어</a></li><li><a href="/ja/docs/about/mission" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="Переключение между темным и светлым режимом (сейчас используется Светлый режим)" aria-label="Переключение между темным и светлым режимом (сейчас используется Светлый режим)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="Поиск"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Поиск</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><div class="docsWrapper_rDLg"><button aria-label="Прокрутка к началу" class="clean-btn theme-back-to-top-button backToTopButton_JQoL" type="button"></button><div class="docRoot_GkJk"><aside class="theme-doc-sidebar-container docSidebarContainer_xiHB"><div class="sidebarViewport_DaHB"><div class="sidebar_Kb82"><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_AkOp"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--active" href="/ru/docs/about">🍰 О методологии</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/ru/docs/about/mission">Миссия</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/ru/docs/about/motivation">Мотивация</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item sidebar-item--wip"><a class="menu__link" tabindex="0" href="/ru/docs/about/alternatives">Альтернативы</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/ru/docs/about/understanding/architecture">Понимание</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/ru/docs/about/promote/integration">Продвижение</a></div></li></ul></li></ul></nav><button type="button" title="Свернуть сайдбар" aria-label="Свернуть сайдбар" class="button button--secondary button--outline collapseSidebarButton_L8vW"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_hYfn"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_uESP"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_w6lk"><div class="docItemContainer_b1tn"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_ioLt" aria-label="Навигационная цепочка текущей страницы"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Главная страница" class="breadcrumbs__link" href="/ru/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_ZfEo"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/ru/docs/about"><span itemprop="name">🍰 О методологии</span></a><meta itemprop="position" content="1"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">Миссия</span><meta itemprop="position" content="2"></li></ul></nav><div class="tocCollapsible_EkMH theme-doc-toc-mobile tocMobile_XRnS"><button type="button" class="clean-btn tocCollapsibleButton_ID8T">Содержание этой страницы</button></div><div class="theme-doc-markdown markdown"><header><h1>Миссия</h1></header>
@@ -50,6 +50,6 @@ <h2 class="anchor anchorWithStickyNavbar_QzlE" id="limitations">Ограниче
 <h2 class="anchor anchorWithStickyNavbar_QzlE" id="see-also">См. также<a href="#see-also" class="hash-link" aria-label="Прямая ссылка на этот заголовок" title="Прямая ссылка на этот заголовок">​</a></h2>
 <ul>
 <li><a href="/ru/docs/about/understanding/architecture#problems">Проблемы архитектуры</a></li>
-</ul></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/ru/docusaurus-plugin-content-docs/current/about/mission.md" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Отредактировать эту страницу</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Последнее обновление<!-- --> <b><time datetime="2024-09-29T11:02:46.000Z" itemprop="dateModified">29 сент. 2024 г.</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Навигация по странице документации"><a class="pagination-nav__link pagination-nav__link--prev" href="/ru/docs/about"><div class="pagination-nav__sublabel">Предыдущая страница</div><div class="pagination-nav__label">🍰 О методологии</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/ru/docs/about/motivation"><div class="pagination-nav__sublabel">Следующая страница</div><div class="pagination-nav__label">Мотивация</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#goals" class="table-of-contents__link toc-highlight">Цели</a><ul><li><a href="#intuitive-clarity-for-a-wide-range-of-developers" class="table-of-contents__link toc-highlight">Интуитивная понятность для широкого круга разработчиков</a></li><li><a href="#solving-everyday-problems" class="table-of-contents__link toc-highlight">Решение повседневных проблем</a></li></ul></li><li><a href="#limitations" class="table-of-contents__link toc-highlight">Ограничения</a></li><li><a href="#see-also" class="table-of-contents__link toc-highlight">См. также</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Спецификация</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/ru/docs">Документация</a></li><li class="footer__item"><a class="footer__link-item" href="/ru/community">Сообщество</a></li><li class="footer__item"><a class="footer__link-item" href="/ru/nav">Помощь</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Обсуждения<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Сообщество</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Остальное</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">Лицензия<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/ru/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/ru/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
+</ul></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/ru/docusaurus-plugin-content-docs/current/about/mission.md" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Отредактировать эту страницу</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Последнее обновление<!-- --> <b><time datetime="2024-10-07T18:23:06.000Z" itemprop="dateModified">7 окт. 2024 г.</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Навигация по странице документации"><a class="pagination-nav__link pagination-nav__link--prev" href="/ru/docs/about"><div class="pagination-nav__sublabel">Предыдущая страница</div><div class="pagination-nav__label">🍰 О методологии</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/ru/docs/about/motivation"><div class="pagination-nav__sublabel">Следующая страница</div><div class="pagination-nav__label">Мотивация</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#goals" class="table-of-contents__link toc-highlight">Цели</a><ul><li><a href="#intuitive-clarity-for-a-wide-range-of-developers" class="table-of-contents__link toc-highlight">Интуитивная понятность для широкого круга разработчиков</a></li><li><a href="#solving-everyday-problems" class="table-of-contents__link toc-highlight">Решение повседневных проблем</a></li></ul></li><li><a href="#limitations" class="table-of-contents__link toc-highlight">Ограничения</a></li><li><a href="#see-also" class="table-of-contents__link toc-highlight">См. также</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Спецификация</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/ru/docs">Документация</a></li><li class="footer__item"><a class="footer__link-item" href="/ru/community">Сообщество</a></li><li class="footer__item"><a class="footer__link-item" href="/ru/nav">Помощь</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Обсуждения<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Сообщество</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Остальное</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">Лицензия<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/ru/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/ru/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
 </body>
 </html>
\ No newline at end of file
diff --git a/ru/docs/about/motivation.html b/ru/docs/about/motivation.html
index 3eaaf2450c..e4504cdcdf 100644
--- a/ru/docs/about/motivation.html
+++ b/ru/docs/about/motivation.html
@@ -9,8 +9,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/ru/opensearch.xml"><link rel="stylesheet" href="/ru/assets/css/styles.200d81f1.css">
-<script src="/ru/assets/js/runtime~main.d88d86db.js" defer="defer"></script>
-<script src="/ru/assets/js/main.d5dbc580.js" defer="defer"></script>
+<script src="/ru/assets/js/runtime~main.83a61e56.js" defer="defer"></script>
+<script src="/ru/assets/js/main.ba59251d.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Перейти к основному содержимому"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">Перейти к основному содержимому</a></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Переключить навигационную панель" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/ru/"><div class="navbar__logo"><img src="/ru/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/ru/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/ru/docs">📖 Документация</a><a class="navbar__item navbar__link" href="/ru/community">💫 Сообщество</a><a class="navbar__item navbar__link" href="/ru/blog">📝 Блог</a><a class="navbar__item navbar__link" href="/ru/examples">🛠 Примеры</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/ru/docs/about/motivation">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a aria-current="page" class="dropdown__link dropdown__link--active" href="/ru/docs/about/motivation">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/ru/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>Русский</a><ul class="dropdown__menu"><li><a href="/ru/docs/about/motivation" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="ru">Русский</a></li><li><a href="/docs/about/motivation" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/uz/docs/about/motivation" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/docs/about/motivation" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="kr">한국어</a></li><li><a href="/ja/docs/about/motivation" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="Переключение между темным и светлым режимом (сейчас используется Светлый режим)" aria-label="Переключение между темным и светлым режимом (сейчас используется Светлый режим)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="Поиск"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Поиск</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><div class="docsWrapper_rDLg"><button aria-label="Прокрутка к началу" class="clean-btn theme-back-to-top-button backToTopButton_JQoL" type="button"></button><div class="docRoot_GkJk"><aside class="theme-doc-sidebar-container docSidebarContainer_xiHB"><div class="sidebarViewport_DaHB"><div class="sidebar_Kb82"><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_AkOp"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--active" href="/ru/docs/about">🍰 О методологии</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/ru/docs/about/mission">Миссия</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/ru/docs/about/motivation">Мотивация</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item sidebar-item--wip"><a class="menu__link" tabindex="0" href="/ru/docs/about/alternatives">Альтернативы</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/ru/docs/about/understanding/architecture">Понимание</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/ru/docs/about/promote/integration">Продвижение</a></div></li></ul></li></ul></nav><button type="button" title="Свернуть сайдбар" aria-label="Свернуть сайдбар" class="button button--secondary button--outline collapseSidebarButton_L8vW"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_hYfn"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_uESP"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_w6lk"><div class="docItemContainer_b1tn"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_ioLt" aria-label="Навигационная цепочка текущей страницы"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Главная страница" class="breadcrumbs__link" href="/ru/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_ZfEo"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/ru/docs/about"><span itemprop="name">🍰 О методологии</span></a><meta itemprop="position" content="1"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">Мотивация</span><meta itemprop="position" content="2"></li></ul></nav><div class="tocCollapsible_EkMH theme-doc-toc-mobile tocMobile_XRnS"><button type="button" class="clean-btn tocCollapsibleButton_ID8T">Содержание этой страницы</button></div><div class="theme-doc-markdown markdown"><header><h1>Мотивация</h1></header>
@@ -111,6 +111,6 @@ <h2 class="anchor anchorWithStickyNavbar_QzlE" id="see-also">См. также<a
 <li><a href="https://github.com/feature-sliced/documentation/discussions/27" target="_blank" rel="noopener noreferrer">(Обсуждение) Методология не нужна?</a></li>
 <li><a href="/ru/docs/about/mission">О миссии методологии: цели и ограничения</a></li>
 <li><a href="/ru/docs/about/understanding/knowledge-types">Типы знаний в проекте</a></li>
-</ul></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/ru/docusaurus-plugin-content-docs/current/about/motivation.md" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Отредактировать эту страницу</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Последнее обновление<!-- --> <b><time datetime="2024-09-29T11:02:46.000Z" itemprop="dateModified">29 сент. 2024 г.</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Навигация по странице документации"><a class="pagination-nav__link pagination-nav__link--prev" href="/ru/docs/about/mission"><div class="pagination-nav__sublabel">Предыдущая страница</div><div class="pagination-nav__label">Миссия</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/ru/docs/about/alternatives"><div class="pagination-nav__sublabel">Следующая страница</div><div class="pagination-nav__label">Альтернативы</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#intuitive-clarity-for-a-wide-range-of-developers" class="table-of-contents__link toc-highlight">Почему не хватает существующих решений?</a><ul><li><a href="#principles-alone-are-not-enough" class="table-of-contents__link toc-highlight">Одних принципов недостаточно</a></li><li><a href="#processes-dont-always-work" class="table-of-contents__link toc-highlight">Процессы не всегда работают</a></li><li><a href="#existing-frameworks-cannot-be-applied-everywhere" class="table-of-contents__link toc-highlight">Существующие фреймворки не везде могут быть применены</a></li><li><a href="#as-a-result" class="table-of-contents__link toc-highlight">По итогу</a></li></ul></li><li><a href="#why-do-developers-need-the-methodology" class="table-of-contents__link toc-highlight">Зачем методология разработчикам?</a><ul><li><a href="#focus-on-business-features-not-on-architecture-problems" class="table-of-contents__link toc-highlight">Концентрация на бизнес-фичах, а не на проблемах архитектуры</a></li><li><a href="#an-experience-proven-solution" class="table-of-contents__link toc-highlight">Проверенное опытом решение</a></li><li><a href="#project-health" class="table-of-contents__link toc-highlight">Здоровье проекта</a></li></ul></li><li><a href="#why-does-a-business-need-a-methodology" class="table-of-contents__link toc-highlight">Зачем методология бизнесу?</a><ul><li><a href="#fast-onboarding" class="table-of-contents__link toc-highlight">Быстрый onboarding</a></li><li><a href="#an-experience-proven-solution-1" class="table-of-contents__link toc-highlight">Проверенное опытом решение</a></li><li><a href="#applicability-for-different-stages-of-the-project" class="table-of-contents__link toc-highlight">Применимость для разных стадий проекта</a></li></ul></li><li><a href="#when-is-our-methodology-not-needed" class="table-of-contents__link toc-highlight">Когда наша методология не нужна?</a><ul><li><a href="#business-size" class="table-of-contents__link toc-highlight">Размеры бизнеса</a></li></ul></li><li><a href="#plans" class="table-of-contents__link toc-highlight">Планы</a><ul><li><a href="#combining-experience" class="table-of-contents__link toc-highlight">Объединение опыта</a></li><li><a href="#life-outside-the-specification" class="table-of-contents__link toc-highlight">Жизнь вне спецификации</a></li></ul></li><li><a href="#see-also" class="table-of-contents__link toc-highlight">См. также</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Спецификация</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/ru/docs">Документация</a></li><li class="footer__item"><a class="footer__link-item" href="/ru/community">Сообщество</a></li><li class="footer__item"><a class="footer__link-item" href="/ru/nav">Помощь</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Обсуждения<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Сообщество</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Остальное</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">Лицензия<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/ru/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/ru/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
+</ul></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/ru/docusaurus-plugin-content-docs/current/about/motivation.md" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Отредактировать эту страницу</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Последнее обновление<!-- --> <b><time datetime="2024-10-07T18:23:06.000Z" itemprop="dateModified">7 окт. 2024 г.</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Навигация по странице документации"><a class="pagination-nav__link pagination-nav__link--prev" href="/ru/docs/about/mission"><div class="pagination-nav__sublabel">Предыдущая страница</div><div class="pagination-nav__label">Миссия</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/ru/docs/about/alternatives"><div class="pagination-nav__sublabel">Следующая страница</div><div class="pagination-nav__label">Альтернативы</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#intuitive-clarity-for-a-wide-range-of-developers" class="table-of-contents__link toc-highlight">Почему не хватает существующих решений?</a><ul><li><a href="#principles-alone-are-not-enough" class="table-of-contents__link toc-highlight">Одних принципов недостаточно</a></li><li><a href="#processes-dont-always-work" class="table-of-contents__link toc-highlight">Процессы не всегда работают</a></li><li><a href="#existing-frameworks-cannot-be-applied-everywhere" class="table-of-contents__link toc-highlight">Существующие фреймворки не везде могут быть применены</a></li><li><a href="#as-a-result" class="table-of-contents__link toc-highlight">По итогу</a></li></ul></li><li><a href="#why-do-developers-need-the-methodology" class="table-of-contents__link toc-highlight">Зачем методология разработчикам?</a><ul><li><a href="#focus-on-business-features-not-on-architecture-problems" class="table-of-contents__link toc-highlight">Концентрация на бизнес-фичах, а не на проблемах архитектуры</a></li><li><a href="#an-experience-proven-solution" class="table-of-contents__link toc-highlight">Проверенное опытом решение</a></li><li><a href="#project-health" class="table-of-contents__link toc-highlight">Здоровье проекта</a></li></ul></li><li><a href="#why-does-a-business-need-a-methodology" class="table-of-contents__link toc-highlight">Зачем методология бизнесу?</a><ul><li><a href="#fast-onboarding" class="table-of-contents__link toc-highlight">Быстрый onboarding</a></li><li><a href="#an-experience-proven-solution-1" class="table-of-contents__link toc-highlight">Проверенное опытом решение</a></li><li><a href="#applicability-for-different-stages-of-the-project" class="table-of-contents__link toc-highlight">Применимость для разных стадий проекта</a></li></ul></li><li><a href="#when-is-our-methodology-not-needed" class="table-of-contents__link toc-highlight">Когда наша методология не нужна?</a><ul><li><a href="#business-size" class="table-of-contents__link toc-highlight">Размеры бизнеса</a></li></ul></li><li><a href="#plans" class="table-of-contents__link toc-highlight">Планы</a><ul><li><a href="#combining-experience" class="table-of-contents__link toc-highlight">Объединение опыта</a></li><li><a href="#life-outside-the-specification" class="table-of-contents__link toc-highlight">Жизнь вне спецификации</a></li></ul></li><li><a href="#see-also" class="table-of-contents__link toc-highlight">См. также</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Спецификация</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/ru/docs">Документация</a></li><li class="footer__item"><a class="footer__link-item" href="/ru/community">Сообщество</a></li><li class="footer__item"><a class="footer__link-item" href="/ru/nav">Помощь</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Обсуждения<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Сообщество</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Остальное</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">Лицензия<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/ru/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/ru/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
 </body>
 </html>
\ No newline at end of file
diff --git a/ru/docs/about/promote/for-company.html b/ru/docs/about/promote/for-company.html
index 12abc7562b..7c012ebcc0 100644
--- a/ru/docs/about/promote/for-company.html
+++ b/ru/docs/about/promote/for-company.html
@@ -9,8 +9,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/ru/opensearch.xml"><link rel="stylesheet" href="/ru/assets/css/styles.200d81f1.css">
-<script src="/ru/assets/js/runtime~main.d88d86db.js" defer="defer"></script>
-<script src="/ru/assets/js/main.d5dbc580.js" defer="defer"></script>
+<script src="/ru/assets/js/runtime~main.83a61e56.js" defer="defer"></script>
+<script src="/ru/assets/js/main.ba59251d.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Перейти к основному содержимому"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">Перейти к основному содержимому</a></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Переключить навигационную панель" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/ru/"><div class="navbar__logo"><img src="/ru/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/ru/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/ru/docs">📖 Документация</a><a class="navbar__item navbar__link" href="/ru/community">💫 Сообщество</a><a class="navbar__item navbar__link" href="/ru/blog">📝 Блог</a><a class="navbar__item navbar__link" href="/ru/examples">🛠 Примеры</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/ru/docs/about/promote/for-company">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a aria-current="page" class="dropdown__link dropdown__link--active" href="/ru/docs/about/promote/for-company">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/ru/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>Русский</a><ul class="dropdown__menu"><li><a href="/ru/docs/about/promote/for-company" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="ru">Русский</a></li><li><a href="/docs/about/promote/for-company" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/uz/docs/about/promote/for-company" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/docs/about/promote/for-company" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="kr">한국어</a></li><li><a href="/ja/docs/about/promote/for-company" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="Переключение между темным и светлым режимом (сейчас используется Светлый режим)" aria-label="Переключение между темным и светлым режимом (сейчас используется Светлый режим)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="Поиск"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Поиск</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><div class="docsWrapper_rDLg"><button aria-label="Прокрутка к началу" class="clean-btn theme-back-to-top-button backToTopButton_JQoL" type="button"></button><div class="docRoot_GkJk"><aside class="theme-doc-sidebar-container docSidebarContainer_xiHB"><div class="sidebarViewport_DaHB"><div class="sidebar_Kb82"><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_AkOp"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--active" href="/ru/docs/about">🍰 О методологии</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/ru/docs/about/mission">Миссия</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/ru/docs/about/motivation">Мотивация</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item sidebar-item--wip"><a class="menu__link" tabindex="0" href="/ru/docs/about/alternatives">Альтернативы</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/ru/docs/about/understanding/architecture">Понимание</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret menu__link--active" role="button" aria-expanded="true" tabindex="0" href="/ru/docs/about/promote/integration">Продвижение</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/ru/docs/about/promote/integration">Аспекты интеграции</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item sidebar-item--wip"><a class="menu__link" tabindex="0" href="/ru/docs/about/promote/partial-application">Частичное применение</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item sidebar-item--wip"><a class="menu__link" tabindex="0" href="/ru/docs/about/promote/for-team">Продвижение в команде</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item sidebar-item--wip"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/ru/docs/about/promote/for-company">Продвижение в компании</a></li></ul></li></ul></li></ul></nav><button type="button" title="Свернуть сайдбар" aria-label="Свернуть сайдбар" class="button button--secondary button--outline collapseSidebarButton_L8vW"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_hYfn"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_uESP"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_w6lk"><div class="docItemContainer_b1tn"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_ioLt" aria-label="Навигационная цепочка текущей страницы"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Главная страница" class="breadcrumbs__link" href="/ru/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_ZfEo"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/ru/docs/about"><span itemprop="name">🍰 О методологии</span></a><meta itemprop="position" content="1"></li><li class="breadcrumbs__item"><span class="breadcrumbs__link">Продвижение</span><meta itemprop="position" content="2"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">Продвижение в компании</span><meta itemprop="position" content="3"></li></ul></nav><div class="tocCollapsible_EkMH theme-doc-toc-mobile tocMobile_XRnS"><button type="button" class="clean-btn tocCollapsibleButton_ID8T">Содержание этой страницы</button></div><div class="theme-doc-markdown markdown"><header><h1>Продвижение в компании</h1></header>
@@ -20,6 +20,6 @@ <h2 class="anchor anchorWithStickyNavbar_QzlE" id="do-the-project-and-the-compan
 <p>Про оправданность применения и техдолг</p>
 </blockquote>
 <h2 class="anchor anchorWithStickyNavbar_QzlE" id="how-can-i-submit-a-methodology-to-a-business">Как подать методологию бизнесу?<a href="#how-can-i-submit-a-methodology-to-a-business" class="hash-link" aria-label="Прямая ссылка на этот заголовок" title="Прямая ссылка на этот заголовок">​</a></h2>
-<h2 class="anchor anchorWithStickyNavbar_QzlE" id="how-to-prepare-and-justify-a-plan-to-move-to-the-methodology">Как подготовить и оправдать план по переезду на методологию?<a href="#how-to-prepare-and-justify-a-plan-to-move-to-the-methodology" class="hash-link" aria-label="Прямая ссылка на этот заголовок" title="Прямая ссылка на этот заголовок">​</a></h2></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/ru/docusaurus-plugin-content-docs/current/about/promote/for-company.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Отредактировать эту страницу</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Последнее обновление<!-- --> <b><time datetime="2024-09-29T11:02:46.000Z" itemprop="dateModified">29 сент. 2024 г.</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Навигация по странице документации"><a class="pagination-nav__link pagination-nav__link--prev" href="/ru/docs/about/promote/for-team"><div class="pagination-nav__sublabel">Предыдущая страница</div><div class="pagination-nav__label">Продвижение в команде</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#do-the-project-and-the-company-need-a-methodology" class="table-of-contents__link toc-highlight">Нужна ли методология проекту и компании?</a></li><li><a href="#how-can-i-submit-a-methodology-to-a-business" class="table-of-contents__link toc-highlight">Как подать методологию бизнесу?</a></li><li><a href="#how-to-prepare-and-justify-a-plan-to-move-to-the-methodology" class="table-of-contents__link toc-highlight">Как подготовить и оправдать план по переезду на методологию?</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Спецификация</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/ru/docs">Документация</a></li><li class="footer__item"><a class="footer__link-item" href="/ru/community">Сообщество</a></li><li class="footer__item"><a class="footer__link-item" href="/ru/nav">Помощь</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Обсуждения<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Сообщество</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Остальное</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">Лицензия<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/ru/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/ru/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
+<h2 class="anchor anchorWithStickyNavbar_QzlE" id="how-to-prepare-and-justify-a-plan-to-move-to-the-methodology">Как подготовить и оправдать план по переезду на методологию?<a href="#how-to-prepare-and-justify-a-plan-to-move-to-the-methodology" class="hash-link" aria-label="Прямая ссылка на этот заголовок" title="Прямая ссылка на этот заголовок">​</a></h2></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/ru/docusaurus-plugin-content-docs/current/about/promote/for-company.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Отредактировать эту страницу</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Последнее обновление<!-- --> <b><time datetime="2024-10-07T18:23:06.000Z" itemprop="dateModified">7 окт. 2024 г.</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Навигация по странице документации"><a class="pagination-nav__link pagination-nav__link--prev" href="/ru/docs/about/promote/for-team"><div class="pagination-nav__sublabel">Предыдущая страница</div><div class="pagination-nav__label">Продвижение в команде</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#do-the-project-and-the-company-need-a-methodology" class="table-of-contents__link toc-highlight">Нужна ли методология проекту и компании?</a></li><li><a href="#how-can-i-submit-a-methodology-to-a-business" class="table-of-contents__link toc-highlight">Как подать методологию бизнесу?</a></li><li><a href="#how-to-prepare-and-justify-a-plan-to-move-to-the-methodology" class="table-of-contents__link toc-highlight">Как подготовить и оправдать план по переезду на методологию?</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Спецификация</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/ru/docs">Документация</a></li><li class="footer__item"><a class="footer__link-item" href="/ru/community">Сообщество</a></li><li class="footer__item"><a class="footer__link-item" href="/ru/nav">Помощь</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Обсуждения<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Сообщество</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Остальное</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">Лицензия<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/ru/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/ru/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
 </body>
 </html>
\ No newline at end of file
diff --git a/ru/docs/about/promote/for-team.html b/ru/docs/about/promote/for-team.html
index 3173f7df58..3d86b3ceaa 100644
--- a/ru/docs/about/promote/for-team.html
+++ b/ru/docs/about/promote/for-team.html
@@ -9,8 +9,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/ru/opensearch.xml"><link rel="stylesheet" href="/ru/assets/css/styles.200d81f1.css">
-<script src="/ru/assets/js/runtime~main.d88d86db.js" defer="defer"></script>
-<script src="/ru/assets/js/main.d5dbc580.js" defer="defer"></script>
+<script src="/ru/assets/js/runtime~main.83a61e56.js" defer="defer"></script>
+<script src="/ru/assets/js/main.ba59251d.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Перейти к основному содержимому"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">Перейти к основному содержимому</a></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Переключить навигационную панель" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/ru/"><div class="navbar__logo"><img src="/ru/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/ru/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/ru/docs">📖 Документация</a><a class="navbar__item navbar__link" href="/ru/community">💫 Сообщество</a><a class="navbar__item navbar__link" href="/ru/blog">📝 Блог</a><a class="navbar__item navbar__link" href="/ru/examples">🛠 Примеры</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/ru/docs/about/promote/for-team">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a aria-current="page" class="dropdown__link dropdown__link--active" href="/ru/docs/about/promote/for-team">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/ru/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>Русский</a><ul class="dropdown__menu"><li><a href="/ru/docs/about/promote/for-team" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="ru">Русский</a></li><li><a href="/docs/about/promote/for-team" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/uz/docs/about/promote/for-team" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/docs/about/promote/for-team" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="kr">한국어</a></li><li><a href="/ja/docs/about/promote/for-team" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="Переключение между темным и светлым режимом (сейчас используется Светлый режим)" aria-label="Переключение между темным и светлым режимом (сейчас используется Светлый режим)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="Поиск"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Поиск</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><div class="docsWrapper_rDLg"><button aria-label="Прокрутка к началу" class="clean-btn theme-back-to-top-button backToTopButton_JQoL" type="button"></button><div class="docRoot_GkJk"><aside class="theme-doc-sidebar-container docSidebarContainer_xiHB"><div class="sidebarViewport_DaHB"><div class="sidebar_Kb82"><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_AkOp"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--active" href="/ru/docs/about">🍰 О методологии</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/ru/docs/about/mission">Миссия</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/ru/docs/about/motivation">Мотивация</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item sidebar-item--wip"><a class="menu__link" tabindex="0" href="/ru/docs/about/alternatives">Альтернативы</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/ru/docs/about/understanding/architecture">Понимание</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret menu__link--active" role="button" aria-expanded="true" tabindex="0" href="/ru/docs/about/promote/integration">Продвижение</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/ru/docs/about/promote/integration">Аспекты интеграции</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item sidebar-item--wip"><a class="menu__link" tabindex="0" href="/ru/docs/about/promote/partial-application">Частичное применение</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item sidebar-item--wip"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/ru/docs/about/promote/for-team">Продвижение в команде</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item sidebar-item--wip"><a class="menu__link" tabindex="0" href="/ru/docs/about/promote/for-company">Продвижение в компании</a></li></ul></li></ul></li></ul></nav><button type="button" title="Свернуть сайдбар" aria-label="Свернуть сайдбар" class="button button--secondary button--outline collapseSidebarButton_L8vW"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_hYfn"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_uESP"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_w6lk"><div class="docItemContainer_b1tn"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_ioLt" aria-label="Навигационная цепочка текущей страницы"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Главная страница" class="breadcrumbs__link" href="/ru/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_ZfEo"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/ru/docs/about"><span itemprop="name">🍰 О методологии</span></a><meta itemprop="position" content="1"></li><li class="breadcrumbs__item"><span class="breadcrumbs__link">Продвижение</span><meta itemprop="position" content="2"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">Продвижение в команде</span><meta itemprop="position" content="3"></li></ul></nav><div class="tocCollapsible_EkMH theme-doc-toc-mobile tocMobile_XRnS"><button type="button" class="clean-btn tocCollapsibleButton_ID8T">Содержание этой страницы</button></div><div class="theme-doc-markdown markdown"><header><h1>Продвижение в команде</h1></header>
@@ -24,6 +24,6 @@ <h2 class="anchor anchorWithStickyNavbar_QzlE" id="see-also">См. также<a
 <ul>
 <li><a href="https://t.me/feature_sliced/3360" target="_blank" rel="noopener noreferrer">(Тред) Простота старых подходов и значение осознанности</a></li>
 <li><a href="https://t.me/feature_sliced/1918" target="_blank" rel="noopener noreferrer">(Тред) Про удобство поиска по слоям</a></li>
-</ul></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/ru/docusaurus-plugin-content-docs/current/about/promote/for-team.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Отредактировать эту страницу</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Последнее обновление<!-- --> <b><time datetime="2024-09-29T11:02:46.000Z" itemprop="dateModified">29 сент. 2024 г.</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Навигация по странице документации"><a class="pagination-nav__link pagination-nav__link--prev" href="/ru/docs/about/promote/partial-application"><div class="pagination-nav__sublabel">Предыдущая страница</div><div class="pagination-nav__label">Частичное применение</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/ru/docs/about/promote/for-company"><div class="pagination-nav__sublabel">Следующая страница</div><div class="pagination-nav__label">Продвижение в компании</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#see-also" class="table-of-contents__link toc-highlight">См. также</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Спецификация</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/ru/docs">Документация</a></li><li class="footer__item"><a class="footer__link-item" href="/ru/community">Сообщество</a></li><li class="footer__item"><a class="footer__link-item" href="/ru/nav">Помощь</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Обсуждения<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Сообщество</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Остальное</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">Лицензия<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/ru/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/ru/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
+</ul></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/ru/docusaurus-plugin-content-docs/current/about/promote/for-team.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Отредактировать эту страницу</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Последнее обновление<!-- --> <b><time datetime="2024-10-07T18:23:06.000Z" itemprop="dateModified">7 окт. 2024 г.</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Навигация по странице документации"><a class="pagination-nav__link pagination-nav__link--prev" href="/ru/docs/about/promote/partial-application"><div class="pagination-nav__sublabel">Предыдущая страница</div><div class="pagination-nav__label">Частичное применение</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/ru/docs/about/promote/for-company"><div class="pagination-nav__sublabel">Следующая страница</div><div class="pagination-nav__label">Продвижение в компании</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#see-also" class="table-of-contents__link toc-highlight">См. также</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Спецификация</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/ru/docs">Документация</a></li><li class="footer__item"><a class="footer__link-item" href="/ru/community">Сообщество</a></li><li class="footer__item"><a class="footer__link-item" href="/ru/nav">Помощь</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Обсуждения<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Сообщество</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Остальное</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">Лицензия<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/ru/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/ru/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
 </body>
 </html>
\ No newline at end of file
diff --git a/ru/docs/about/promote/integration.html b/ru/docs/about/promote/integration.html
index af014c993f..98d5a92ccd 100644
--- a/ru/docs/about/promote/integration.html
+++ b/ru/docs/about/promote/integration.html
@@ -9,8 +9,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/ru/opensearch.xml"><link rel="stylesheet" href="/ru/assets/css/styles.200d81f1.css">
-<script src="/ru/assets/js/runtime~main.d88d86db.js" defer="defer"></script>
-<script src="/ru/assets/js/main.d5dbc580.js" defer="defer"></script>
+<script src="/ru/assets/js/runtime~main.83a61e56.js" defer="defer"></script>
+<script src="/ru/assets/js/main.ba59251d.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Перейти к основному содержимому"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">Перейти к основному содержимому</a></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Переключить навигационную панель" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/ru/"><div class="navbar__logo"><img src="/ru/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/ru/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/ru/docs">📖 Документация</a><a class="navbar__item navbar__link" href="/ru/community">💫 Сообщество</a><a class="navbar__item navbar__link" href="/ru/blog">📝 Блог</a><a class="navbar__item navbar__link" href="/ru/examples">🛠 Примеры</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/ru/docs/about/promote/integration">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a aria-current="page" class="dropdown__link dropdown__link--active" href="/ru/docs/about/promote/integration">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/ru/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>Русский</a><ul class="dropdown__menu"><li><a href="/ru/docs/about/promote/integration" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="ru">Русский</a></li><li><a href="/docs/about/promote/integration" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/uz/docs/about/promote/integration" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/docs/about/promote/integration" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="kr">한국어</a></li><li><a href="/ja/docs/about/promote/integration" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="Переключение между темным и светлым режимом (сейчас используется Светлый режим)" aria-label="Переключение между темным и светлым режимом (сейчас используется Светлый режим)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="Поиск"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Поиск</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><div class="docsWrapper_rDLg"><button aria-label="Прокрутка к началу" class="clean-btn theme-back-to-top-button backToTopButton_JQoL" type="button"></button><div class="docRoot_GkJk"><aside class="theme-doc-sidebar-container docSidebarContainer_xiHB"><div class="sidebarViewport_DaHB"><div class="sidebar_Kb82"><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_AkOp"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--active" href="/ru/docs/about">🍰 О методологии</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/ru/docs/about/mission">Миссия</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/ru/docs/about/motivation">Мотивация</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item sidebar-item--wip"><a class="menu__link" tabindex="0" href="/ru/docs/about/alternatives">Альтернативы</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/ru/docs/about/understanding/architecture">Понимание</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret menu__link--active" role="button" aria-expanded="true" tabindex="0" href="/ru/docs/about/promote/integration">Продвижение</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/ru/docs/about/promote/integration">Аспекты интеграции</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item sidebar-item--wip"><a class="menu__link" tabindex="0" href="/ru/docs/about/promote/partial-application">Частичное применение</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item sidebar-item--wip"><a class="menu__link" tabindex="0" href="/ru/docs/about/promote/for-team">Продвижение в команде</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item sidebar-item--wip"><a class="menu__link" tabindex="0" href="/ru/docs/about/promote/for-company">Продвижение в компании</a></li></ul></li></ul></li></ul></nav><button type="button" title="Свернуть сайдбар" aria-label="Свернуть сайдбар" class="button button--secondary button--outline collapseSidebarButton_L8vW"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_hYfn"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_uESP"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_w6lk"><div class="docItemContainer_b1tn"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_ioLt" aria-label="Навигационная цепочка текущей страницы"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Главная страница" class="breadcrumbs__link" href="/ru/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_ZfEo"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/ru/docs/about"><span itemprop="name">🍰 О методологии</span></a><meta itemprop="position" content="1"></li><li class="breadcrumbs__item"><span class="breadcrumbs__link">Продвижение</span><meta itemprop="position" content="2"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">Аспекты интеграции</span><meta itemprop="position" content="3"></li></ul></nav><div class="tocCollapsible_EkMH theme-doc-toc-mobile tocMobile_XRnS"><button type="button" class="clean-btn tocCollapsibleButton_ID8T">Содержание этой страницы</button></div><div class="theme-doc-markdown markdown"><header><h1>Аспекты интеграции</h1></header>
@@ -30,6 +30,6 @@ <h2 class="anchor anchorWithStickyNavbar_QzlE" id="also">Также<a href="#als
 <li>Высокий порог входа</li>
 <li>&quot;Layers hell&quot;</li>
 <li>Типичные проблемы feature-based подхода</li>
-</ul></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/ru/docusaurus-plugin-content-docs/current/about/promote/integration.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Отредактировать эту страницу</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Последнее обновление<!-- --> <b><time datetime="2024-09-29T11:02:46.000Z" itemprop="dateModified">29 сент. 2024 г.</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Навигация по странице документации"><a class="pagination-nav__link pagination-nav__link--prev" href="/ru/docs/about/understanding/abstractions"><div class="pagination-nav__sublabel">Предыдущая страница</div><div class="pagination-nav__label">Абстракции</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/ru/docs/about/promote/partial-application"><div class="pagination-nav__sublabel">Следующая страница</div><div class="pagination-nav__label">Частичное применение</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#summary" class="table-of-contents__link toc-highlight">Что получаем в конечном счете?</a></li><li><a href="#also" class="table-of-contents__link toc-highlight">Также</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Спецификация</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/ru/docs">Документация</a></li><li class="footer__item"><a class="footer__link-item" href="/ru/community">Сообщество</a></li><li class="footer__item"><a class="footer__link-item" href="/ru/nav">Помощь</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Обсуждения<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Сообщество</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Остальное</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">Лицензия<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/ru/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/ru/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
+</ul></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/ru/docusaurus-plugin-content-docs/current/about/promote/integration.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Отредактировать эту страницу</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Последнее обновление<!-- --> <b><time datetime="2024-10-07T18:23:06.000Z" itemprop="dateModified">7 окт. 2024 г.</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Навигация по странице документации"><a class="pagination-nav__link pagination-nav__link--prev" href="/ru/docs/about/understanding/abstractions"><div class="pagination-nav__sublabel">Предыдущая страница</div><div class="pagination-nav__label">Абстракции</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/ru/docs/about/promote/partial-application"><div class="pagination-nav__sublabel">Следующая страница</div><div class="pagination-nav__label">Частичное применение</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#summary" class="table-of-contents__link toc-highlight">Что получаем в конечном счете?</a></li><li><a href="#also" class="table-of-contents__link toc-highlight">Также</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Спецификация</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/ru/docs">Документация</a></li><li class="footer__item"><a class="footer__link-item" href="/ru/community">Сообщество</a></li><li class="footer__item"><a class="footer__link-item" href="/ru/nav">Помощь</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Обсуждения<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Сообщество</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Остальное</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">Лицензия<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/ru/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/ru/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
 </body>
 </html>
\ No newline at end of file
diff --git a/ru/docs/about/promote/partial-application.html b/ru/docs/about/promote/partial-application.html
index b6522bec57..2a40bffc92 100644
--- a/ru/docs/about/promote/partial-application.html
+++ b/ru/docs/about/promote/partial-application.html
@@ -9,14 +9,14 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/ru/opensearch.xml"><link rel="stylesheet" href="/ru/assets/css/styles.200d81f1.css">
-<script src="/ru/assets/js/runtime~main.d88d86db.js" defer="defer"></script>
-<script src="/ru/assets/js/main.d5dbc580.js" defer="defer"></script>
+<script src="/ru/assets/js/runtime~main.83a61e56.js" defer="defer"></script>
+<script src="/ru/assets/js/main.ba59251d.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Перейти к основному содержимому"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">Перейти к основному содержимому</a></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Переключить навигационную панель" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/ru/"><div class="navbar__logo"><img src="/ru/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/ru/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/ru/docs">📖 Документация</a><a class="navbar__item navbar__link" href="/ru/community">💫 Сообщество</a><a class="navbar__item navbar__link" href="/ru/blog">📝 Блог</a><a class="navbar__item navbar__link" href="/ru/examples">🛠 Примеры</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/ru/docs/about/promote/partial-application">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a aria-current="page" class="dropdown__link dropdown__link--active" href="/ru/docs/about/promote/partial-application">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/ru/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>Русский</a><ul class="dropdown__menu"><li><a href="/ru/docs/about/promote/partial-application" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="ru">Русский</a></li><li><a href="/docs/about/promote/partial-application" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/uz/docs/about/promote/partial-application" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/docs/about/promote/partial-application" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="kr">한국어</a></li><li><a href="/ja/docs/about/promote/partial-application" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="Переключение между темным и светлым режимом (сейчас используется Светлый режим)" aria-label="Переключение между темным и светлым режимом (сейчас используется Светлый режим)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="Поиск"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Поиск</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><div class="docsWrapper_rDLg"><button aria-label="Прокрутка к началу" class="clean-btn theme-back-to-top-button backToTopButton_JQoL" type="button"></button><div class="docRoot_GkJk"><aside class="theme-doc-sidebar-container docSidebarContainer_xiHB"><div class="sidebarViewport_DaHB"><div class="sidebar_Kb82"><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_AkOp"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--active" href="/ru/docs/about">🍰 О методологии</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/ru/docs/about/mission">Миссия</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/ru/docs/about/motivation">Мотивация</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item sidebar-item--wip"><a class="menu__link" tabindex="0" href="/ru/docs/about/alternatives">Альтернативы</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/ru/docs/about/understanding/architecture">Понимание</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret menu__link--active" role="button" aria-expanded="true" tabindex="0" href="/ru/docs/about/promote/integration">Продвижение</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/ru/docs/about/promote/integration">Аспекты интеграции</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item sidebar-item--wip"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/ru/docs/about/promote/partial-application">Частичное применение</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item sidebar-item--wip"><a class="menu__link" tabindex="0" href="/ru/docs/about/promote/for-team">Продвижение в команде</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item sidebar-item--wip"><a class="menu__link" tabindex="0" href="/ru/docs/about/promote/for-company">Продвижение в компании</a></li></ul></li></ul></li></ul></nav><button type="button" title="Свернуть сайдбар" aria-label="Свернуть сайдбар" class="button button--secondary button--outline collapseSidebarButton_L8vW"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_hYfn"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_uESP"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_w6lk"><div class="docItemContainer_b1tn"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_ioLt" aria-label="Навигационная цепочка текущей страницы"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Главная страница" class="breadcrumbs__link" href="/ru/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_ZfEo"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/ru/docs/about"><span itemprop="name">🍰 О методологии</span></a><meta itemprop="position" content="1"></li><li class="breadcrumbs__item"><span class="breadcrumbs__link">Продвижение</span><meta itemprop="position" content="2"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">Частичное применение</span><meta itemprop="position" content="3"></li></ul></nav><div class="theme-doc-markdown markdown"><header><h1>Частичное применение</h1></header>
 <div class="theme-admonition theme-admonition-caution admonition_yLUd alert alert--warning"><div class="admonitionHeading_ulUq"><span class="admonitionIcon_Wbvt"><svg viewBox="0 0 16 16"><path fill-rule="evenodd" d="M8.893 1.5c-.183-.31-.52-.5-.887-.5s-.703.19-.886.5L.138 13.499a.98.98 0 0 0 0 1.001c.193.31.53.501.886.501h13.964c.367 0 .704-.19.877-.5a1.03 1.03 0 0 0 .01-1.002L8.893 1.5zm.133 11.497H6.987v-2.003h2.039v2.003zm0-3.004H6.987V5.987h2.039v4.006z"></path></svg></span>WIP</div><div class="admonitionContent_mbd8"><div><p>Статья находится в процессе написания</p><p>Чтобы ускорить ее появление, можно:</p><ul><li>📢 Поделиться обратной связью <a href="https://github.com/feature-sliced/documentation/issues/199" target="_blank" rel="noopener noreferrer">в тикете (комментарии/эмодзи-реакция)</a></li><li>💬 Собрать в тикет накопленный по теме <a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer">материал из чата</a></li><li>⚒️ Посодействовать <a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer">любым другим способом</a></li></ul><br><p><i>🍰 Stay tuned!</i></p></div></div></div>
 <blockquote>
 <p>Как частично применять методологию? Имеет ли смысл? Что если игнорировать?</p>
-</blockquote></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/ru/docusaurus-plugin-content-docs/current/about/promote/partial-application.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Отредактировать эту страницу</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Последнее обновление<!-- --> <b><time datetime="2024-09-29T11:02:46.000Z" itemprop="dateModified">29 сент. 2024 г.</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Навигация по странице документации"><a class="pagination-nav__link pagination-nav__link--prev" href="/ru/docs/about/promote/integration"><div class="pagination-nav__sublabel">Предыдущая страница</div><div class="pagination-nav__label">Аспекты интеграции</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/ru/docs/about/promote/for-team"><div class="pagination-nav__sublabel">Следующая страница</div><div class="pagination-nav__label">Продвижение в команде</div></a></nav></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Спецификация</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/ru/docs">Документация</a></li><li class="footer__item"><a class="footer__link-item" href="/ru/community">Сообщество</a></li><li class="footer__item"><a class="footer__link-item" href="/ru/nav">Помощь</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Обсуждения<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Сообщество</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Остальное</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">Лицензия<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/ru/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/ru/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
+</blockquote></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/ru/docusaurus-plugin-content-docs/current/about/promote/partial-application.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Отредактировать эту страницу</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Последнее обновление<!-- --> <b><time datetime="2024-10-07T18:23:06.000Z" itemprop="dateModified">7 окт. 2024 г.</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Навигация по странице документации"><a class="pagination-nav__link pagination-nav__link--prev" href="/ru/docs/about/promote/integration"><div class="pagination-nav__sublabel">Предыдущая страница</div><div class="pagination-nav__label">Аспекты интеграции</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/ru/docs/about/promote/for-team"><div class="pagination-nav__sublabel">Следующая страница</div><div class="pagination-nav__label">Продвижение в команде</div></a></nav></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Спецификация</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/ru/docs">Документация</a></li><li class="footer__item"><a class="footer__link-item" href="/ru/community">Сообщество</a></li><li class="footer__item"><a class="footer__link-item" href="/ru/nav">Помощь</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Обсуждения<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Сообщество</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Остальное</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">Лицензия<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/ru/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/ru/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
 </body>
 </html>
\ No newline at end of file
diff --git a/ru/docs/about/understanding/abstractions.html b/ru/docs/about/understanding/abstractions.html
index f1e4ed815a..dd7e4a37ce 100644
--- a/ru/docs/about/understanding/abstractions.html
+++ b/ru/docs/about/understanding/abstractions.html
@@ -9,8 +9,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/ru/opensearch.xml"><link rel="stylesheet" href="/ru/assets/css/styles.200d81f1.css">
-<script src="/ru/assets/js/runtime~main.d88d86db.js" defer="defer"></script>
-<script src="/ru/assets/js/main.d5dbc580.js" defer="defer"></script>
+<script src="/ru/assets/js/runtime~main.83a61e56.js" defer="defer"></script>
+<script src="/ru/assets/js/main.ba59251d.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Перейти к основному содержимому"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">Перейти к основному содержимому</a></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Переключить навигационную панель" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/ru/"><div class="navbar__logo"><img src="/ru/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/ru/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/ru/docs">📖 Документация</a><a class="navbar__item navbar__link" href="/ru/community">💫 Сообщество</a><a class="navbar__item navbar__link" href="/ru/blog">📝 Блог</a><a class="navbar__item navbar__link" href="/ru/examples">🛠 Примеры</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/ru/docs/about/understanding/abstractions">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a aria-current="page" class="dropdown__link dropdown__link--active" href="/ru/docs/about/understanding/abstractions">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/ru/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>Русский</a><ul class="dropdown__menu"><li><a href="/ru/docs/about/understanding/abstractions" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="ru">Русский</a></li><li><a href="/docs/about/understanding/abstractions" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/uz/docs/about/understanding/abstractions" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/docs/about/understanding/abstractions" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="kr">한국어</a></li><li><a href="/ja/docs/about/understanding/abstractions" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="Переключение между темным и светлым режимом (сейчас используется Светлый режим)" aria-label="Переключение между темным и светлым режимом (сейчас используется Светлый режим)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="Поиск"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Поиск</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><div class="docsWrapper_rDLg"><button aria-label="Прокрутка к началу" class="clean-btn theme-back-to-top-button backToTopButton_JQoL" type="button"></button><div class="docRoot_GkJk"><aside class="theme-doc-sidebar-container docSidebarContainer_xiHB"><div class="sidebarViewport_DaHB"><div class="sidebar_Kb82"><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_AkOp"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--active" href="/ru/docs/about">🍰 О методологии</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/ru/docs/about/mission">Миссия</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/ru/docs/about/motivation">Мотивация</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item sidebar-item--wip"><a class="menu__link" tabindex="0" href="/ru/docs/about/alternatives">Альтернативы</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret menu__link--active" role="button" aria-expanded="true" tabindex="0" href="/ru/docs/about/understanding/architecture">Понимание</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/ru/docs/about/understanding/architecture">Об архитектуре</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/ru/docs/about/understanding/needs-driven">Понимание потребностей</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/ru/docs/about/understanding/knowledge-types">Типы знаний</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/ru/docs/about/understanding/naming">Нейминг</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item sidebar-item--wip"><a class="menu__link" tabindex="0" href="/ru/docs/about/understanding/signals">Сигналы архитектуры</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item sidebar-item--wip"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/ru/docs/about/understanding/abstractions">Абстракции</a></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/ru/docs/about/promote/integration">Продвижение</a></div></li></ul></li></ul></nav><button type="button" title="Свернуть сайдбар" aria-label="Свернуть сайдбар" class="button button--secondary button--outline collapseSidebarButton_L8vW"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_hYfn"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_uESP"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_w6lk"><div class="docItemContainer_b1tn"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_ioLt" aria-label="Навигационная цепочка текущей страницы"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Главная страница" class="breadcrumbs__link" href="/ru/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_ZfEo"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/ru/docs/about"><span itemprop="name">🍰 О методологии</span></a><meta itemprop="position" content="1"></li><li class="breadcrumbs__item"><span class="breadcrumbs__link">Понимание</span><meta itemprop="position" content="2"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">Абстракции</span><meta itemprop="position" content="3"></li></ul></nav><div class="tocCollapsible_EkMH theme-doc-toc-mobile tocMobile_XRnS"><button type="button" class="clean-btn tocCollapsibleButton_ID8T">Содержание этой страницы</button></div><div class="theme-doc-markdown markdown"><header><h1>Абстракции</h1></header>
@@ -31,6 +31,6 @@ <h2 class="anchor anchorWithStickyNavbar_QzlE" id="see-also">См. также<a
 <ul>
 <li><a href="https://t.me/feature_sliced/2801" target="_blank" rel="noopener noreferrer">Про необходимость в новых слоях</a></li>
 <li><a href="https://t.me/feature_sliced/2619" target="_blank" rel="noopener noreferrer">Про сложность в понимании методологии и слоев</a></li>
-</ul></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/ru/docusaurus-plugin-content-docs/current/about/understanding/abstractions.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Отредактировать эту страницу</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Последнее обновление<!-- --> <b><time datetime="2024-09-29T11:02:46.000Z" itemprop="dateModified">29 сент. 2024 г.</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Навигация по странице документации"><a class="pagination-nav__link pagination-nav__link--prev" href="/ru/docs/about/understanding/signals"><div class="pagination-nav__sublabel">Предыдущая страница</div><div class="pagination-nav__label">Сигналы архитектуры</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/ru/docs/about/promote/integration"><div class="pagination-nav__sublabel">Следующая страница</div><div class="pagination-nav__label">Аспекты интеграции</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#the-law-of-leaky-abstractions" class="table-of-contents__link toc-highlight">Закон дырявых абстракций</a></li><li><a href="#why-are-there-so-many-abstractions" class="table-of-contents__link toc-highlight">Почему так много абстракций</a></li><li><a href="#about-scopes-of-responsibility" class="table-of-contents__link toc-highlight">Про скоупы ответственности</a></li><li><a href="#see-also" class="table-of-contents__link toc-highlight">См. также</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Спецификация</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/ru/docs">Документация</a></li><li class="footer__item"><a class="footer__link-item" href="/ru/community">Сообщество</a></li><li class="footer__item"><a class="footer__link-item" href="/ru/nav">Помощь</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Обсуждения<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Сообщество</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Остальное</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">Лицензия<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/ru/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/ru/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
+</ul></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/ru/docusaurus-plugin-content-docs/current/about/understanding/abstractions.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Отредактировать эту страницу</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Последнее обновление<!-- --> <b><time datetime="2024-10-07T18:23:06.000Z" itemprop="dateModified">7 окт. 2024 г.</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Навигация по странице документации"><a class="pagination-nav__link pagination-nav__link--prev" href="/ru/docs/about/understanding/signals"><div class="pagination-nav__sublabel">Предыдущая страница</div><div class="pagination-nav__label">Сигналы архитектуры</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/ru/docs/about/promote/integration"><div class="pagination-nav__sublabel">Следующая страница</div><div class="pagination-nav__label">Аспекты интеграции</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#the-law-of-leaky-abstractions" class="table-of-contents__link toc-highlight">Закон дырявых абстракций</a></li><li><a href="#why-are-there-so-many-abstractions" class="table-of-contents__link toc-highlight">Почему так много абстракций</a></li><li><a href="#about-scopes-of-responsibility" class="table-of-contents__link toc-highlight">Про скоупы ответственности</a></li><li><a href="#see-also" class="table-of-contents__link toc-highlight">См. также</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Спецификация</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/ru/docs">Документация</a></li><li class="footer__item"><a class="footer__link-item" href="/ru/community">Сообщество</a></li><li class="footer__item"><a class="footer__link-item" href="/ru/nav">Помощь</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Обсуждения<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Сообщество</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Остальное</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">Лицензия<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/ru/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/ru/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
 </body>
 </html>
\ No newline at end of file
diff --git a/ru/docs/about/understanding/architecture.html b/ru/docs/about/understanding/architecture.html
index 5c1376efa7..ae43040892 100644
--- a/ru/docs/about/understanding/architecture.html
+++ b/ru/docs/about/understanding/architecture.html
@@ -9,8 +9,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/ru/opensearch.xml"><link rel="stylesheet" href="/ru/assets/css/styles.200d81f1.css">
-<script src="/ru/assets/js/runtime~main.d88d86db.js" defer="defer"></script>
-<script src="/ru/assets/js/main.d5dbc580.js" defer="defer"></script>
+<script src="/ru/assets/js/runtime~main.83a61e56.js" defer="defer"></script>
+<script src="/ru/assets/js/main.ba59251d.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Перейти к основному содержимому"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">Перейти к основному содержимому</a></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Переключить навигационную панель" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/ru/"><div class="navbar__logo"><img src="/ru/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/ru/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/ru/docs">📖 Документация</a><a class="navbar__item navbar__link" href="/ru/community">💫 Сообщество</a><a class="navbar__item navbar__link" href="/ru/blog">📝 Блог</a><a class="navbar__item navbar__link" href="/ru/examples">🛠 Примеры</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/ru/docs/about/understanding/architecture">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a aria-current="page" class="dropdown__link dropdown__link--active" href="/ru/docs/about/understanding/architecture">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/ru/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>Русский</a><ul class="dropdown__menu"><li><a href="/ru/docs/about/understanding/architecture" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="ru">Русский</a></li><li><a href="/docs/about/understanding/architecture" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/uz/docs/about/understanding/architecture" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/docs/about/understanding/architecture" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="kr">한국어</a></li><li><a href="/ja/docs/about/understanding/architecture" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="Переключение между темным и светлым режимом (сейчас используется Светлый режим)" aria-label="Переключение между темным и светлым режимом (сейчас используется Светлый режим)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="Поиск"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Поиск</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><div class="docsWrapper_rDLg"><button aria-label="Прокрутка к началу" class="clean-btn theme-back-to-top-button backToTopButton_JQoL" type="button"></button><div class="docRoot_GkJk"><aside class="theme-doc-sidebar-container docSidebarContainer_xiHB"><div class="sidebarViewport_DaHB"><div class="sidebar_Kb82"><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_AkOp"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--active" href="/ru/docs/about">🍰 О методологии</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/ru/docs/about/mission">Миссия</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/ru/docs/about/motivation">Мотивация</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item sidebar-item--wip"><a class="menu__link" tabindex="0" href="/ru/docs/about/alternatives">Альтернативы</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret menu__link--active" role="button" aria-expanded="true" tabindex="0" href="/ru/docs/about/understanding/architecture">Понимание</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/ru/docs/about/understanding/architecture">Об архитектуре</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/ru/docs/about/understanding/needs-driven">Понимание потребностей</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/ru/docs/about/understanding/knowledge-types">Типы знаний</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/ru/docs/about/understanding/naming">Нейминг</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item sidebar-item--wip"><a class="menu__link" tabindex="0" href="/ru/docs/about/understanding/signals">Сигналы архитектуры</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item sidebar-item--wip"><a class="menu__link" tabindex="0" href="/ru/docs/about/understanding/abstractions">Абстракции</a></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/ru/docs/about/promote/integration">Продвижение</a></div></li></ul></li></ul></nav><button type="button" title="Свернуть сайдбар" aria-label="Свернуть сайдбар" class="button button--secondary button--outline collapseSidebarButton_L8vW"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_hYfn"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_uESP"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_w6lk"><div class="docItemContainer_b1tn"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_ioLt" aria-label="Навигационная цепочка текущей страницы"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Главная страница" class="breadcrumbs__link" href="/ru/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_ZfEo"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/ru/docs/about"><span itemprop="name">🍰 О методологии</span></a><meta itemprop="position" content="1"></li><li class="breadcrumbs__item"><span class="breadcrumbs__link">Понимание</span><meta itemprop="position" content="2"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">Об архитектуре</span><meta itemprop="position" content="3"></li></ul></nav><div class="tocCollapsible_EkMH theme-doc-toc-mobile tocMobile_XRnS"><button type="button" class="clean-btn tocCollapsibleButton_ID8T">Содержание этой страницы</button></div><div class="theme-doc-markdown markdown"><header><h1>Об архитектуре</h1></header>
@@ -88,6 +88,6 @@ <h2 class="anchor anchorWithStickyNavbar_QzlE" id="see-also">См. также<a
 <li><a href="https://t.me/feature_slices" target="_blank" rel="noopener noreferrer">(React SPB Meetup #1) Sergey Sova - Feature Slices</a></li>
 <li><a href="https://alexmngn.medium.com/why-react-developers-should-modularize-their-applications-d26d381854c1" target="_blank" rel="noopener noreferrer">(Статья) Про модуляризацию проектов</a></li>
 <li><a href="https://ryanlanciaux.com/blog/2017/08/20/a-feature-based-approach-to-react-development/" target="_blank" rel="noopener noreferrer">(Статья) Про Separation of Concerns и структурирование по фичам</a></li>
-</ul></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/ru/docusaurus-plugin-content-docs/current/about/understanding/architecture.md" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Отредактировать эту страницу</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Последнее обновление<!-- --> <b><time datetime="2024-09-29T11:02:46.000Z" itemprop="dateModified">29 сент. 2024 г.</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Навигация по странице документации"><a class="pagination-nav__link pagination-nav__link--prev" href="/ru/docs/about/alternatives"><div class="pagination-nav__sublabel">Предыдущая страница</div><div class="pagination-nav__label">Альтернативы</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/ru/docs/about/understanding/needs-driven"><div class="pagination-nav__sublabel">Следующая страница</div><div class="pagination-nav__label">Понимание потребностей</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#problems" class="table-of-contents__link toc-highlight">Проблемы</a><ul><li><a href="#bus-factor--onboarding" class="table-of-contents__link toc-highlight">Bus-factor &amp; Onboarding</a></li><li><a href="#implicit-and-uncontrolled-consequences" class="table-of-contents__link toc-highlight">Неявные и неконтролируемые последствия</a></li><li><a href="#uncontrolled-reuse-of-logic" class="table-of-contents__link toc-highlight">Неконтролируемое переиспользование логики</a></li></ul></li><li><a href="#requirements" class="table-of-contents__link toc-highlight">Требования</a><ul><li><a href="#explicitness" class="table-of-contents__link toc-highlight">Explicitness</a></li><li><a href="#control" class="table-of-contents__link toc-highlight">Control</a></li><li><a href="#adaptability" class="table-of-contents__link toc-highlight">Adaptability</a></li></ul></li><li><a href="#see-also" class="table-of-contents__link toc-highlight">См. также</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Спецификация</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/ru/docs">Документация</a></li><li class="footer__item"><a class="footer__link-item" href="/ru/community">Сообщество</a></li><li class="footer__item"><a class="footer__link-item" href="/ru/nav">Помощь</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Обсуждения<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Сообщество</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Остальное</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">Лицензия<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/ru/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/ru/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
+</ul></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/ru/docusaurus-plugin-content-docs/current/about/understanding/architecture.md" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Отредактировать эту страницу</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Последнее обновление<!-- --> <b><time datetime="2024-10-07T18:23:06.000Z" itemprop="dateModified">7 окт. 2024 г.</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Навигация по странице документации"><a class="pagination-nav__link pagination-nav__link--prev" href="/ru/docs/about/alternatives"><div class="pagination-nav__sublabel">Предыдущая страница</div><div class="pagination-nav__label">Альтернативы</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/ru/docs/about/understanding/needs-driven"><div class="pagination-nav__sublabel">Следующая страница</div><div class="pagination-nav__label">Понимание потребностей</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#problems" class="table-of-contents__link toc-highlight">Проблемы</a><ul><li><a href="#bus-factor--onboarding" class="table-of-contents__link toc-highlight">Bus-factor &amp; Onboarding</a></li><li><a href="#implicit-and-uncontrolled-consequences" class="table-of-contents__link toc-highlight">Неявные и неконтролируемые последствия</a></li><li><a href="#uncontrolled-reuse-of-logic" class="table-of-contents__link toc-highlight">Неконтролируемое переиспользование логики</a></li></ul></li><li><a href="#requirements" class="table-of-contents__link toc-highlight">Требования</a><ul><li><a href="#explicitness" class="table-of-contents__link toc-highlight">Explicitness</a></li><li><a href="#control" class="table-of-contents__link toc-highlight">Control</a></li><li><a href="#adaptability" class="table-of-contents__link toc-highlight">Adaptability</a></li></ul></li><li><a href="#see-also" class="table-of-contents__link toc-highlight">См. также</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Спецификация</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/ru/docs">Документация</a></li><li class="footer__item"><a class="footer__link-item" href="/ru/community">Сообщество</a></li><li class="footer__item"><a class="footer__link-item" href="/ru/nav">Помощь</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Обсуждения<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Сообщество</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Остальное</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">Лицензия<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/ru/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/ru/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
 </body>
 </html>
\ No newline at end of file
diff --git a/ru/docs/about/understanding/knowledge-types.html b/ru/docs/about/understanding/knowledge-types.html
index 95aa7ce4e4..d49ffbe0c1 100644
--- a/ru/docs/about/understanding/knowledge-types.html
+++ b/ru/docs/about/understanding/knowledge-types.html
@@ -9,8 +9,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/ru/opensearch.xml"><link rel="stylesheet" href="/ru/assets/css/styles.200d81f1.css">
-<script src="/ru/assets/js/runtime~main.d88d86db.js" defer="defer"></script>
-<script src="/ru/assets/js/main.d5dbc580.js" defer="defer"></script>
+<script src="/ru/assets/js/runtime~main.83a61e56.js" defer="defer"></script>
+<script src="/ru/assets/js/main.ba59251d.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Перейти к основному содержимому"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">Перейти к основному содержимому</a></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Переключить навигационную панель" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/ru/"><div class="navbar__logo"><img src="/ru/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/ru/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/ru/docs">📖 Документация</a><a class="navbar__item navbar__link" href="/ru/community">💫 Сообщество</a><a class="navbar__item navbar__link" href="/ru/blog">📝 Блог</a><a class="navbar__item navbar__link" href="/ru/examples">🛠 Примеры</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/ru/docs/about/understanding/knowledge-types">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a aria-current="page" class="dropdown__link dropdown__link--active" href="/ru/docs/about/understanding/knowledge-types">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/ru/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>Русский</a><ul class="dropdown__menu"><li><a href="/ru/docs/about/understanding/knowledge-types" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="ru">Русский</a></li><li><a href="/docs/about/understanding/knowledge-types" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/uz/docs/about/understanding/knowledge-types" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/docs/about/understanding/knowledge-types" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="kr">한국어</a></li><li><a href="/ja/docs/about/understanding/knowledge-types" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="Переключение между темным и светлым режимом (сейчас используется Светлый режим)" aria-label="Переключение между темным и светлым режимом (сейчас используется Светлый режим)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="Поиск"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Поиск</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><div class="docsWrapper_rDLg"><button aria-label="Прокрутка к началу" class="clean-btn theme-back-to-top-button backToTopButton_JQoL" type="button"></button><div class="docRoot_GkJk"><aside class="theme-doc-sidebar-container docSidebarContainer_xiHB"><div class="sidebarViewport_DaHB"><div class="sidebar_Kb82"><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_AkOp"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--active" href="/ru/docs/about">🍰 О методологии</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/ru/docs/about/mission">Миссия</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/ru/docs/about/motivation">Мотивация</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item sidebar-item--wip"><a class="menu__link" tabindex="0" href="/ru/docs/about/alternatives">Альтернативы</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret menu__link--active" role="button" aria-expanded="true" tabindex="0" href="/ru/docs/about/understanding/architecture">Понимание</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/ru/docs/about/understanding/architecture">Об архитектуре</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/ru/docs/about/understanding/needs-driven">Понимание потребностей</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/ru/docs/about/understanding/knowledge-types">Типы знаний</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/ru/docs/about/understanding/naming">Нейминг</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item sidebar-item--wip"><a class="menu__link" tabindex="0" href="/ru/docs/about/understanding/signals">Сигналы архитектуры</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item sidebar-item--wip"><a class="menu__link" tabindex="0" href="/ru/docs/about/understanding/abstractions">Абстракции</a></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/ru/docs/about/promote/integration">Продвижение</a></div></li></ul></li></ul></nav><button type="button" title="Свернуть сайдбар" aria-label="Свернуть сайдбар" class="button button--secondary button--outline collapseSidebarButton_L8vW"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_hYfn"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_uESP"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_w6lk"><div class="docItemContainer_b1tn"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_ioLt" aria-label="Навигационная цепочка текущей страницы"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Главная страница" class="breadcrumbs__link" href="/ru/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_ZfEo"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/ru/docs/about"><span itemprop="name">🍰 О методологии</span></a><meta itemprop="position" content="1"></li><li class="breadcrumbs__item"><span class="breadcrumbs__link">Понимание</span><meta itemprop="position" content="2"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">Типы знаний</span><meta itemprop="position" content="3"></li></ul></nav><div class="tocCollapsible_EkMH theme-doc-toc-mobile tocMobile_XRnS"><button type="button" class="clean-btn tocCollapsibleButton_ID8T">Содержание этой страницы</button></div><div class="theme-doc-markdown markdown"><header><h1>Типы знаний в проекте</h1></header>
@@ -33,6 +33,6 @@
 <h2 class="anchor anchorWithStickyNavbar_QzlE" id="see-also">См. также<a href="#see-also" class="hash-link" aria-label="Прямая ссылка на этот заголовок" title="Прямая ссылка на этот заголовок">​</a></h2>
 <ul>
 <li><a href="https://youtu.be/4xyb_tA-uw0?t=249" target="_blank" rel="noopener noreferrer">(Видео) Илья Климов — О типах знаний</a></li>
-</ul></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/ru/docusaurus-plugin-content-docs/current/about/understanding/knowledge-types.md" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Отредактировать эту страницу</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Последнее обновление<!-- --> <b><time datetime="2024-09-29T11:02:46.000Z" itemprop="dateModified">29 сент. 2024 г.</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Навигация по странице документации"><a class="pagination-nav__link pagination-nav__link--prev" href="/ru/docs/about/understanding/needs-driven"><div class="pagination-nav__sublabel">Предыдущая страница</div><div class="pagination-nav__label">Понимание потребностей</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/ru/docs/about/understanding/naming"><div class="pagination-nav__sublabel">Следующая страница</div><div class="pagination-nav__label">Нейминг</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#see-also" class="table-of-contents__link toc-highlight">См. также</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Спецификация</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/ru/docs">Документация</a></li><li class="footer__item"><a class="footer__link-item" href="/ru/community">Сообщество</a></li><li class="footer__item"><a class="footer__link-item" href="/ru/nav">Помощь</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Обсуждения<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Сообщество</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Остальное</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">Лицензия<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/ru/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/ru/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
+</ul></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/ru/docusaurus-plugin-content-docs/current/about/understanding/knowledge-types.md" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Отредактировать эту страницу</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Последнее обновление<!-- --> <b><time datetime="2024-10-07T18:23:06.000Z" itemprop="dateModified">7 окт. 2024 г.</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Навигация по странице документации"><a class="pagination-nav__link pagination-nav__link--prev" href="/ru/docs/about/understanding/needs-driven"><div class="pagination-nav__sublabel">Предыдущая страница</div><div class="pagination-nav__label">Понимание потребностей</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/ru/docs/about/understanding/naming"><div class="pagination-nav__sublabel">Следующая страница</div><div class="pagination-nav__label">Нейминг</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#see-also" class="table-of-contents__link toc-highlight">См. также</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Спецификация</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/ru/docs">Документация</a></li><li class="footer__item"><a class="footer__link-item" href="/ru/community">Сообщество</a></li><li class="footer__item"><a class="footer__link-item" href="/ru/nav">Помощь</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Обсуждения<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Сообщество</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Остальное</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">Лицензия<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/ru/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/ru/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
 </body>
 </html>
\ No newline at end of file
diff --git a/ru/docs/about/understanding/naming.html b/ru/docs/about/understanding/naming.html
index aa102f5433..99b4da6685 100644
--- a/ru/docs/about/understanding/naming.html
+++ b/ru/docs/about/understanding/naming.html
@@ -9,8 +9,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/ru/opensearch.xml"><link rel="stylesheet" href="/ru/assets/css/styles.200d81f1.css">
-<script src="/ru/assets/js/runtime~main.d88d86db.js" defer="defer"></script>
-<script src="/ru/assets/js/main.d5dbc580.js" defer="defer"></script>
+<script src="/ru/assets/js/runtime~main.83a61e56.js" defer="defer"></script>
+<script src="/ru/assets/js/main.ba59251d.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Перейти к основному содержимому"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">Перейти к основному содержимому</a></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Переключить навигационную панель" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/ru/"><div class="navbar__logo"><img src="/ru/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/ru/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/ru/docs">📖 Документация</a><a class="navbar__item navbar__link" href="/ru/community">💫 Сообщество</a><a class="navbar__item navbar__link" href="/ru/blog">📝 Блог</a><a class="navbar__item navbar__link" href="/ru/examples">🛠 Примеры</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/ru/docs/about/understanding/naming">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a aria-current="page" class="dropdown__link dropdown__link--active" href="/ru/docs/about/understanding/naming">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/ru/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>Русский</a><ul class="dropdown__menu"><li><a href="/ru/docs/about/understanding/naming" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="ru">Русский</a></li><li><a href="/docs/about/understanding/naming" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/uz/docs/about/understanding/naming" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/docs/about/understanding/naming" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="kr">한국어</a></li><li><a href="/ja/docs/about/understanding/naming" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="Переключение между темным и светлым режимом (сейчас используется Светлый режим)" aria-label="Переключение между темным и светлым режимом (сейчас используется Светлый режим)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="Поиск"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Поиск</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><div class="docsWrapper_rDLg"><button aria-label="Прокрутка к началу" class="clean-btn theme-back-to-top-button backToTopButton_JQoL" type="button"></button><div class="docRoot_GkJk"><aside class="theme-doc-sidebar-container docSidebarContainer_xiHB"><div class="sidebarViewport_DaHB"><div class="sidebar_Kb82"><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_AkOp"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--active" href="/ru/docs/about">🍰 О методологии</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/ru/docs/about/mission">Миссия</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/ru/docs/about/motivation">Мотивация</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item sidebar-item--wip"><a class="menu__link" tabindex="0" href="/ru/docs/about/alternatives">Альтернативы</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret menu__link--active" role="button" aria-expanded="true" tabindex="0" href="/ru/docs/about/understanding/architecture">Понимание</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/ru/docs/about/understanding/architecture">Об архитектуре</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/ru/docs/about/understanding/needs-driven">Понимание потребностей</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/ru/docs/about/understanding/knowledge-types">Типы знаний</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/ru/docs/about/understanding/naming">Нейминг</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item sidebar-item--wip"><a class="menu__link" tabindex="0" href="/ru/docs/about/understanding/signals">Сигналы архитектуры</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item sidebar-item--wip"><a class="menu__link" tabindex="0" href="/ru/docs/about/understanding/abstractions">Абстракции</a></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/ru/docs/about/promote/integration">Продвижение</a></div></li></ul></li></ul></nav><button type="button" title="Свернуть сайдбар" aria-label="Свернуть сайдбар" class="button button--secondary button--outline collapseSidebarButton_L8vW"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_hYfn"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_uESP"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_w6lk"><div class="docItemContainer_b1tn"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_ioLt" aria-label="Навигационная цепочка текущей страницы"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Главная страница" class="breadcrumbs__link" href="/ru/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_ZfEo"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/ru/docs/about"><span itemprop="name">🍰 О методологии</span></a><meta itemprop="position" content="1"></li><li class="breadcrumbs__item"><span class="breadcrumbs__link">Понимание</span><meta itemprop="position" content="2"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">Нейминг</span><meta itemprop="position" content="3"></li></ul></nav><div class="tocCollapsible_EkMH theme-doc-toc-mobile tocMobile_XRnS"><button type="button" class="clean-btn tocCollapsibleButton_ID8T">Содержание этой страницы</button></div><div class="theme-doc-markdown markdown"><header><h1>Нейминг</h1></header>
@@ -44,6 +44,6 @@ <h2 class="anchor anchorWithStickyNavbar_QzlE" id="see-also">См. также<a
 <li><a href="https://github.com/feature-sliced/documentation/discussions/31#discussioncomment-464894" target="_blank" rel="noopener noreferrer">(Обсуждение) Опрос по неймингу сущностей</a></li>
 <li><a href="https://github.com/feature-sliced/documentation/discussions/20" target="_blank" rel="noopener noreferrer">(Обсуждение) &quot;processes&quot; vs &quot;flows&quot; vs ...</a></li>
 <li><a href="https://github.com/feature-sliced/documentation/discussions/68" target="_blank" rel="noopener noreferrer">(Обсуждение) &quot;model&quot; vs &quot;store&quot; vs ...</a></li>
-</ul></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/ru/docusaurus-plugin-content-docs/current/about/understanding/naming.md" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Отредактировать эту страницу</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Последнее обновление<!-- --> <b><time datetime="2024-09-29T11:02:46.000Z" itemprop="dateModified">29 сент. 2024 г.</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Навигация по странице документации"><a class="pagination-nav__link pagination-nav__link--prev" href="/ru/docs/about/understanding/knowledge-types"><div class="pagination-nav__sublabel">Предыдущая страница</div><div class="pagination-nav__label">Типы знаний</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/ru/docs/about/understanding/signals"><div class="pagination-nav__sublabel">Следующая страница</div><div class="pagination-nav__label">Сигналы архитектуры</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#naming-in-fsd" class="table-of-contents__link toc-highlight">Нейминг в Feature-Sliced Design</a></li><li><a href="#when-can-naming-interfere" class="table-of-contents__link toc-highlight">Конфликты нейминга</a></li><li><a href="#see-also" class="table-of-contents__link toc-highlight">См. также</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Спецификация</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/ru/docs">Документация</a></li><li class="footer__item"><a class="footer__link-item" href="/ru/community">Сообщество</a></li><li class="footer__item"><a class="footer__link-item" href="/ru/nav">Помощь</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Обсуждения<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Сообщество</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Остальное</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">Лицензия<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/ru/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/ru/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
+</ul></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/ru/docusaurus-plugin-content-docs/current/about/understanding/naming.md" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Отредактировать эту страницу</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Последнее обновление<!-- --> <b><time datetime="2024-10-07T18:23:06.000Z" itemprop="dateModified">7 окт. 2024 г.</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Навигация по странице документации"><a class="pagination-nav__link pagination-nav__link--prev" href="/ru/docs/about/understanding/knowledge-types"><div class="pagination-nav__sublabel">Предыдущая страница</div><div class="pagination-nav__label">Типы знаний</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/ru/docs/about/understanding/signals"><div class="pagination-nav__sublabel">Следующая страница</div><div class="pagination-nav__label">Сигналы архитектуры</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#naming-in-fsd" class="table-of-contents__link toc-highlight">Нейминг в Feature-Sliced Design</a></li><li><a href="#when-can-naming-interfere" class="table-of-contents__link toc-highlight">Конфликты нейминга</a></li><li><a href="#see-also" class="table-of-contents__link toc-highlight">См. также</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Спецификация</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/ru/docs">Документация</a></li><li class="footer__item"><a class="footer__link-item" href="/ru/community">Сообщество</a></li><li class="footer__item"><a class="footer__link-item" href="/ru/nav">Помощь</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Обсуждения<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Сообщество</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Остальное</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">Лицензия<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/ru/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/ru/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
 </body>
 </html>
\ No newline at end of file
diff --git a/ru/docs/about/understanding/needs-driven.html b/ru/docs/about/understanding/needs-driven.html
index 2cdcf38141..3fc04db34c 100644
--- a/ru/docs/about/understanding/needs-driven.html
+++ b/ru/docs/about/understanding/needs-driven.html
@@ -9,8 +9,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/ru/opensearch.xml"><link rel="stylesheet" href="/ru/assets/css/styles.200d81f1.css">
-<script src="/ru/assets/js/runtime~main.d88d86db.js" defer="defer"></script>
-<script src="/ru/assets/js/main.d5dbc580.js" defer="defer"></script>
+<script src="/ru/assets/js/runtime~main.83a61e56.js" defer="defer"></script>
+<script src="/ru/assets/js/main.ba59251d.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Перейти к основному содержимому"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">Перейти к основному содержимому</a></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Переключить навигационную панель" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/ru/"><div class="navbar__logo"><img src="/ru/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/ru/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/ru/docs">📖 Документация</a><a class="navbar__item navbar__link" href="/ru/community">💫 Сообщество</a><a class="navbar__item navbar__link" href="/ru/blog">📝 Блог</a><a class="navbar__item navbar__link" href="/ru/examples">🛠 Примеры</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/ru/docs/about/understanding/needs-driven">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a aria-current="page" class="dropdown__link dropdown__link--active" href="/ru/docs/about/understanding/needs-driven">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/ru/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>Русский</a><ul class="dropdown__menu"><li><a href="/ru/docs/about/understanding/needs-driven" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="ru">Русский</a></li><li><a href="/docs/about/understanding/needs-driven" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/uz/docs/about/understanding/needs-driven" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/docs/about/understanding/needs-driven" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="kr">한국어</a></li><li><a href="/ja/docs/about/understanding/needs-driven" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="Переключение между темным и светлым режимом (сейчас используется Светлый режим)" aria-label="Переключение между темным и светлым режимом (сейчас используется Светлый режим)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="Поиск"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Поиск</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><div class="docsWrapper_rDLg"><button aria-label="Прокрутка к началу" class="clean-btn theme-back-to-top-button backToTopButton_JQoL" type="button"></button><div class="docRoot_GkJk"><aside class="theme-doc-sidebar-container docSidebarContainer_xiHB"><div class="sidebarViewport_DaHB"><div class="sidebar_Kb82"><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_AkOp"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--active" href="/ru/docs/about">🍰 О методологии</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/ru/docs/about/mission">Миссия</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/ru/docs/about/motivation">Мотивация</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item sidebar-item--wip"><a class="menu__link" tabindex="0" href="/ru/docs/about/alternatives">Альтернативы</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret menu__link--active" role="button" aria-expanded="true" tabindex="0" href="/ru/docs/about/understanding/architecture">Понимание</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/ru/docs/about/understanding/architecture">Об архитектуре</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/ru/docs/about/understanding/needs-driven">Понимание потребностей</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/ru/docs/about/understanding/knowledge-types">Типы знаний</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/ru/docs/about/understanding/naming">Нейминг</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item sidebar-item--wip"><a class="menu__link" tabindex="0" href="/ru/docs/about/understanding/signals">Сигналы архитектуры</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item sidebar-item--wip"><a class="menu__link" tabindex="0" href="/ru/docs/about/understanding/abstractions">Абстракции</a></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/ru/docs/about/promote/integration">Продвижение</a></div></li></ul></li></ul></nav><button type="button" title="Свернуть сайдбар" aria-label="Свернуть сайдбар" class="button button--secondary button--outline collapseSidebarButton_L8vW"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_hYfn"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_uESP"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_w6lk"><div class="docItemContainer_b1tn"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_ioLt" aria-label="Навигационная цепочка текущей страницы"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Главная страница" class="breadcrumbs__link" href="/ru/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_ZfEo"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/ru/docs/about"><span itemprop="name">🍰 О методологии</span></a><meta itemprop="position" content="1"></li><li class="breadcrumbs__item"><span class="breadcrumbs__link">Понимание</span><meta itemprop="position" content="2"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">Понимание потребностей</span><meta itemprop="position" content="3"></li></ul></nav><div class="tocCollapsible_EkMH theme-doc-toc-mobile tocMobile_XRnS"><button type="button" class="clean-btn tocCollapsibleButton_ID8T">Содержание этой страницы</button></div><div class="theme-doc-markdown markdown"><header><h1>О понимании потребностей и о формулировке задач</h1></header>
@@ -125,6 +125,6 @@ <h2 class="anchor anchorWithStickyNavbar_QzlE" id="see-also">См. также<a
 </li>
 <li><a href="https://t.me/atomicdesign/18972" target="_blank" rel="noopener noreferrer">(Обсуждение) Как разбить функциональность и что из себя она представляет</a></li>
 <li><a href="https://alexmngn.medium.com/how-to-better-organize-your-react-applications-2fd3ea1920f1" target="_blank" rel="noopener noreferrer">(Статья) &quot;How to better organize your applications&quot;</a></li>
-</ul></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/ru/docusaurus-plugin-content-docs/current/about/understanding/needs-driven.md" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Отредактировать эту страницу</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Последнее обновление<!-- --> <b><time datetime="2024-09-29T11:02:46.000Z" itemprop="dateModified">29 сент. 2024 г.</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Навигация по странице документации"><a class="pagination-nav__link pagination-nav__link--prev" href="/ru/docs/about/understanding/architecture"><div class="pagination-nav__sublabel">Предыдущая страница</div><div class="pagination-nav__label">Об архитектуре</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/ru/docs/about/understanding/knowledge-types"><div class="pagination-nav__sublabel">Следующая страница</div><div class="pagination-nav__label">Типы знаний</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#why" class="table-of-contents__link toc-highlight">Зачем?</a></li><li><a href="#what-tasks-are-we-talking-about" class="table-of-contents__link toc-highlight">О каких задачах речь?</a></li><li><a href="#how-does-this-affect-development" class="table-of-contents__link toc-highlight">Как это влияет на разработку?</a><ul><li><a href="#task-decomposition" class="table-of-contents__link toc-highlight">Декомпозиция задачи</a></li><li><a href="#understanding-the-essence-of-the-task" class="table-of-contents__link toc-highlight">Понимание сути задачи</a></li></ul></li><li><a href="#how-to-formulate-it" class="table-of-contents__link toc-highlight">Как сформулировать?</a></li><li><a href="#and-what-is-the-benefit" class="table-of-contents__link toc-highlight">А в чем выгода?</a><ul><li><a href="#1-understanding-user-tasks" class="table-of-contents__link toc-highlight">1. Понимание задач пользователей</a></li><li><a href="#2-structuring-and-ordering" class="table-of-contents__link toc-highlight">2. Структуризация и упорядочивание</a></li><li><a href="#3-understanding-the-feature-and-its-components" class="table-of-contents__link toc-highlight">3. Понимание фичи и ее составляющих</a></li><li><a href="#4-profit" class="table-of-contents__link toc-highlight">4. Profit</a></li></ul></li><li><a href="#back-to-reality" class="table-of-contents__link toc-highlight">Вернемся к реальности</a></li><li><a href="#the-role-of-methodology" class="table-of-contents__link toc-highlight">Роль методологии</a><ul><li><a href="#methodology-requirements" class="table-of-contents__link toc-highlight">Требования к методологии</a></li></ul></li><li><a href="#see-also" class="table-of-contents__link toc-highlight">См. также</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Спецификация</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/ru/docs">Документация</a></li><li class="footer__item"><a class="footer__link-item" href="/ru/community">Сообщество</a></li><li class="footer__item"><a class="footer__link-item" href="/ru/nav">Помощь</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Обсуждения<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Сообщество</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Остальное</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">Лицензия<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/ru/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/ru/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
+</ul></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/ru/docusaurus-plugin-content-docs/current/about/understanding/needs-driven.md" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Отредактировать эту страницу</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Последнее обновление<!-- --> <b><time datetime="2024-10-07T18:23:06.000Z" itemprop="dateModified">7 окт. 2024 г.</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Навигация по странице документации"><a class="pagination-nav__link pagination-nav__link--prev" href="/ru/docs/about/understanding/architecture"><div class="pagination-nav__sublabel">Предыдущая страница</div><div class="pagination-nav__label">Об архитектуре</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/ru/docs/about/understanding/knowledge-types"><div class="pagination-nav__sublabel">Следующая страница</div><div class="pagination-nav__label">Типы знаний</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#why" class="table-of-contents__link toc-highlight">Зачем?</a></li><li><a href="#what-tasks-are-we-talking-about" class="table-of-contents__link toc-highlight">О каких задачах речь?</a></li><li><a href="#how-does-this-affect-development" class="table-of-contents__link toc-highlight">Как это влияет на разработку?</a><ul><li><a href="#task-decomposition" class="table-of-contents__link toc-highlight">Декомпозиция задачи</a></li><li><a href="#understanding-the-essence-of-the-task" class="table-of-contents__link toc-highlight">Понимание сути задачи</a></li></ul></li><li><a href="#how-to-formulate-it" class="table-of-contents__link toc-highlight">Как сформулировать?</a></li><li><a href="#and-what-is-the-benefit" class="table-of-contents__link toc-highlight">А в чем выгода?</a><ul><li><a href="#1-understanding-user-tasks" class="table-of-contents__link toc-highlight">1. Понимание задач пользователей</a></li><li><a href="#2-structuring-and-ordering" class="table-of-contents__link toc-highlight">2. Структуризация и упорядочивание</a></li><li><a href="#3-understanding-the-feature-and-its-components" class="table-of-contents__link toc-highlight">3. Понимание фичи и ее составляющих</a></li><li><a href="#4-profit" class="table-of-contents__link toc-highlight">4. Profit</a></li></ul></li><li><a href="#back-to-reality" class="table-of-contents__link toc-highlight">Вернемся к реальности</a></li><li><a href="#the-role-of-methodology" class="table-of-contents__link toc-highlight">Роль методологии</a><ul><li><a href="#methodology-requirements" class="table-of-contents__link toc-highlight">Требования к методологии</a></li></ul></li><li><a href="#see-also" class="table-of-contents__link toc-highlight">См. также</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Спецификация</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/ru/docs">Документация</a></li><li class="footer__item"><a class="footer__link-item" href="/ru/community">Сообщество</a></li><li class="footer__item"><a class="footer__link-item" href="/ru/nav">Помощь</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Обсуждения<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Сообщество</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Остальное</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">Лицензия<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/ru/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/ru/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
 </body>
 </html>
\ No newline at end of file
diff --git a/ru/docs/about/understanding/signals.html b/ru/docs/about/understanding/signals.html
index 5d435f4203..cbbe306e7a 100644
--- a/ru/docs/about/understanding/signals.html
+++ b/ru/docs/about/understanding/signals.html
@@ -9,8 +9,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/ru/opensearch.xml"><link rel="stylesheet" href="/ru/assets/css/styles.200d81f1.css">
-<script src="/ru/assets/js/runtime~main.d88d86db.js" defer="defer"></script>
-<script src="/ru/assets/js/main.d5dbc580.js" defer="defer"></script>
+<script src="/ru/assets/js/runtime~main.83a61e56.js" defer="defer"></script>
+<script src="/ru/assets/js/main.ba59251d.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Перейти к основному содержимому"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">Перейти к основному содержимому</a></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Переключить навигационную панель" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/ru/"><div class="navbar__logo"><img src="/ru/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/ru/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/ru/docs">📖 Документация</a><a class="navbar__item navbar__link" href="/ru/community">💫 Сообщество</a><a class="navbar__item navbar__link" href="/ru/blog">📝 Блог</a><a class="navbar__item navbar__link" href="/ru/examples">🛠 Примеры</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/ru/docs/about/understanding/signals">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a aria-current="page" class="dropdown__link dropdown__link--active" href="/ru/docs/about/understanding/signals">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/ru/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>Русский</a><ul class="dropdown__menu"><li><a href="/ru/docs/about/understanding/signals" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="ru">Русский</a></li><li><a href="/docs/about/understanding/signals" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/uz/docs/about/understanding/signals" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/docs/about/understanding/signals" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="kr">한국어</a></li><li><a href="/ja/docs/about/understanding/signals" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="Переключение между темным и светлым режимом (сейчас используется Светлый режим)" aria-label="Переключение между темным и светлым режимом (сейчас используется Светлый режим)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="Поиск"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Поиск</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><div class="docsWrapper_rDLg"><button aria-label="Прокрутка к началу" class="clean-btn theme-back-to-top-button backToTopButton_JQoL" type="button"></button><div class="docRoot_GkJk"><aside class="theme-doc-sidebar-container docSidebarContainer_xiHB"><div class="sidebarViewport_DaHB"><div class="sidebar_Kb82"><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_AkOp"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--active" href="/ru/docs/about">🍰 О методологии</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/ru/docs/about/mission">Миссия</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/ru/docs/about/motivation">Мотивация</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item sidebar-item--wip"><a class="menu__link" tabindex="0" href="/ru/docs/about/alternatives">Альтернативы</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret menu__link--active" role="button" aria-expanded="true" tabindex="0" href="/ru/docs/about/understanding/architecture">Понимание</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/ru/docs/about/understanding/architecture">Об архитектуре</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/ru/docs/about/understanding/needs-driven">Понимание потребностей</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/ru/docs/about/understanding/knowledge-types">Типы знаний</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/ru/docs/about/understanding/naming">Нейминг</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item sidebar-item--wip"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/ru/docs/about/understanding/signals">Сигналы архитектуры</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item sidebar-item--wip"><a class="menu__link" tabindex="0" href="/ru/docs/about/understanding/abstractions">Абстракции</a></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/ru/docs/about/promote/integration">Продвижение</a></div></li></ul></li></ul></nav><button type="button" title="Свернуть сайдбар" aria-label="Свернуть сайдбар" class="button button--secondary button--outline collapseSidebarButton_L8vW"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_hYfn"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_uESP"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_w6lk"><div class="docItemContainer_b1tn"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_ioLt" aria-label="Навигационная цепочка текущей страницы"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Главная страница" class="breadcrumbs__link" href="/ru/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_ZfEo"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/ru/docs/about"><span itemprop="name">🍰 О методологии</span></a><meta itemprop="position" content="1"></li><li class="breadcrumbs__item"><span class="breadcrumbs__link">Понимание</span><meta itemprop="position" content="2"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">Сигналы архитектуры</span><meta itemprop="position" content="3"></li></ul></nav><div class="tocCollapsible_EkMH theme-doc-toc-mobile tocMobile_XRnS"><button type="button" class="clean-btn tocCollapsibleButton_ID8T">Содержание этой страницы</button></div><div class="theme-doc-markdown markdown"><header><h1>Сигналы архитектуры</h1></header>
@@ -27,6 +27,6 @@ <h2 class="anchor anchorWithStickyNavbar_QzlE" id="see-also">См. также<a
 <li><a href="https://t.me/feature_sliced/2492" target="_blank" rel="noopener noreferrer">(Тред) Про фундаментальность архитектуры</a></li>
 <li><a href="https://t.me/feature_sliced/3979" target="_blank" rel="noopener noreferrer">(Тред) Про подсвечивание слабых мест</a></li>
 <li><a href="https://t.me/feature_sliced/4228" target="_blank" rel="noopener noreferrer">(Тред) Как понять, что модель данных разбухла</a></li>
-</ul></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/ru/docusaurus-plugin-content-docs/current/about/understanding/signals.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Отредактировать эту страницу</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Последнее обновление<!-- --> <b><time datetime="2024-09-29T11:02:46.000Z" itemprop="dateModified">29 сент. 2024 г.</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Навигация по странице документации"><a class="pagination-nav__link pagination-nav__link--prev" href="/ru/docs/about/understanding/naming"><div class="pagination-nav__sublabel">Предыдущая страница</div><div class="pagination-nav__label">Нейминг</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/ru/docs/about/understanding/abstractions"><div class="pagination-nav__sublabel">Следующая страница</div><div class="pagination-nav__label">Абстракции</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#see-also" class="table-of-contents__link toc-highlight">См. также</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Спецификация</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/ru/docs">Документация</a></li><li class="footer__item"><a class="footer__link-item" href="/ru/community">Сообщество</a></li><li class="footer__item"><a class="footer__link-item" href="/ru/nav">Помощь</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Обсуждения<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Сообщество</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Остальное</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">Лицензия<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/ru/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/ru/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
+</ul></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/ru/docusaurus-plugin-content-docs/current/about/understanding/signals.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Отредактировать эту страницу</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Последнее обновление<!-- --> <b><time datetime="2024-10-07T18:23:06.000Z" itemprop="dateModified">7 окт. 2024 г.</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Навигация по странице документации"><a class="pagination-nav__link pagination-nav__link--prev" href="/ru/docs/about/understanding/naming"><div class="pagination-nav__sublabel">Предыдущая страница</div><div class="pagination-nav__label">Нейминг</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/ru/docs/about/understanding/abstractions"><div class="pagination-nav__sublabel">Следующая страница</div><div class="pagination-nav__label">Абстракции</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#see-also" class="table-of-contents__link toc-highlight">См. также</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Спецификация</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/ru/docs">Документация</a></li><li class="footer__item"><a class="footer__link-item" href="/ru/community">Сообщество</a></li><li class="footer__item"><a class="footer__link-item" href="/ru/nav">Помощь</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Обсуждения<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Сообщество</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Остальное</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">Лицензия<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/ru/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/ru/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
 </body>
 </html>
\ No newline at end of file
diff --git a/ru/docs/branding.html b/ru/docs/branding.html
index af4a15ded2..563b83b1d0 100644
--- a/ru/docs/branding.html
+++ b/ru/docs/branding.html
@@ -9,8 +9,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/ru/opensearch.xml"><link rel="stylesheet" href="/ru/assets/css/styles.200d81f1.css">
-<script src="/ru/assets/js/runtime~main.d88d86db.js" defer="defer"></script>
-<script src="/ru/assets/js/main.d5dbc580.js" defer="defer"></script>
+<script src="/ru/assets/js/runtime~main.83a61e56.js" defer="defer"></script>
+<script src="/ru/assets/js/main.ba59251d.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Перейти к основному содержимому"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">Перейти к основному содержимому</a></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Переключить навигационную панель" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/ru/"><div class="navbar__logo"><img src="/ru/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/ru/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/ru/docs">📖 Документация</a><a class="navbar__item navbar__link" href="/ru/community">💫 Сообщество</a><a class="navbar__item navbar__link" href="/ru/blog">📝 Блог</a><a class="navbar__item navbar__link" href="/ru/examples">🛠 Примеры</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/ru/docs/branding">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a aria-current="page" class="dropdown__link dropdown__link--active" href="/ru/docs/branding">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/ru/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>Русский</a><ul class="dropdown__menu"><li><a href="/ru/docs/branding" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="ru">Русский</a></li><li><a href="/docs/branding" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/uz/docs/branding" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/docs/branding" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="kr">한국어</a></li><li><a href="/ja/docs/branding" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="Переключение между темным и светлым режимом (сейчас используется Светлый режим)" aria-label="Переключение между темным и светлым режимом (сейчас используется Светлый режим)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="Поиск"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Поиск</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><div class="docsWrapper_rDLg"><button aria-label="Прокрутка к началу" class="clean-btn theme-back-to-top-button backToTopButton_JQoL" type="button"></button><div class="docRoot_GkJk"><main class="docMainContainer_uESP docMainContainerEnhanced_GKE6"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_w6lk"><div class="docItemContainer_b1tn"><article><div class="tocCollapsible_EkMH theme-doc-toc-mobile tocMobile_XRnS"><button type="button" class="clean-btn tocCollapsibleButton_ID8T">Содержание этой страницы</button></div><div class="theme-doc-markdown markdown"><header><h1>Рекомендации по брендингу</h1></header>
@@ -43,6 +43,6 @@ <h2 class="anchor anchorWithStickyNavbar_QzlE" id="see-also">См. также<a
 <li><a href="https://github.com/feature-sliced/documentation/discussions/399" target="_blank" rel="noopener noreferrer">Обсуждение (github)</a></li>
 <li><a href="https://www.figma.com/file/RPphccpoeasVB0lMpZwPVR/FSD-Brand?node-id=0%3A1" target="_blank" rel="noopener noreferrer">История ребрендинга с референсами (figma)</a></li>
 <li><a href="https://rebrand-sliced.netlify.app/en/" target="_blank" rel="noopener noreferrer">Демо ребрендинга</a></li>
-</ul></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/ru/docusaurus-plugin-content-docs/current/branding.md" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Отредактировать эту страницу</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Последнее обновление<!-- --> <b><time datetime="2024-09-29T11:02:46.000Z" itemprop="dateModified">29 сент. 2024 г.</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Навигация по странице документации"></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#title" class="table-of-contents__link toc-highlight">Название</a></li><li><a href="#emojii" class="table-of-contents__link toc-highlight">Эмодзи</a></li><li><a href="#logo--palettte" class="table-of-contents__link toc-highlight">Лого &amp; Палитра</a></li><li><a href="#banners--schemes" class="table-of-contents__link toc-highlight">Баннеры &amp; Схемы</a></li><li><a href="#social-preview" class="table-of-contents__link toc-highlight">Social Preview</a></li><li><a href="#presentation-template" class="table-of-contents__link toc-highlight">Шаблон для презентаций</a></li><li><a href="#see-also" class="table-of-contents__link toc-highlight">См. также</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Спецификация</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/ru/docs">Документация</a></li><li class="footer__item"><a class="footer__link-item" href="/ru/community">Сообщество</a></li><li class="footer__item"><a class="footer__link-item" href="/ru/nav">Помощь</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Обсуждения<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Сообщество</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Остальное</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">Лицензия<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/ru/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/ru/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
+</ul></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/ru/docusaurus-plugin-content-docs/current/branding.md" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Отредактировать эту страницу</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Последнее обновление<!-- --> <b><time datetime="2024-10-07T18:23:06.000Z" itemprop="dateModified">7 окт. 2024 г.</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Навигация по странице документации"></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#title" class="table-of-contents__link toc-highlight">Название</a></li><li><a href="#emojii" class="table-of-contents__link toc-highlight">Эмодзи</a></li><li><a href="#logo--palettte" class="table-of-contents__link toc-highlight">Лого &amp; Палитра</a></li><li><a href="#banners--schemes" class="table-of-contents__link toc-highlight">Баннеры &amp; Схемы</a></li><li><a href="#social-preview" class="table-of-contents__link toc-highlight">Social Preview</a></li><li><a href="#presentation-template" class="table-of-contents__link toc-highlight">Шаблон для презентаций</a></li><li><a href="#see-also" class="table-of-contents__link toc-highlight">См. также</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Спецификация</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/ru/docs">Документация</a></li><li class="footer__item"><a class="footer__link-item" href="/ru/community">Сообщество</a></li><li class="footer__item"><a class="footer__link-item" href="/ru/nav">Помощь</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Обсуждения<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Сообщество</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Остальное</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">Лицензия<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/ru/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/ru/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
 </body>
 </html>
\ No newline at end of file
diff --git a/ru/docs/get-started.html b/ru/docs/get-started.html
index 81cf3081f9..9e1efde12c 100644
--- a/ru/docs/get-started.html
+++ b/ru/docs/get-started.html
@@ -9,8 +9,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/ru/opensearch.xml"><link rel="stylesheet" href="/ru/assets/css/styles.200d81f1.css">
-<script src="/ru/assets/js/runtime~main.d88d86db.js" defer="defer"></script>
-<script src="/ru/assets/js/main.d5dbc580.js" defer="defer"></script>
+<script src="/ru/assets/js/runtime~main.83a61e56.js" defer="defer"></script>
+<script src="/ru/assets/js/main.ba59251d.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Перейти к основному содержимому"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">Перейти к основному содержимому</a></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Переключить навигационную панель" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/ru/"><div class="navbar__logo"><img src="/ru/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/ru/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/ru/docs">📖 Документация</a><a class="navbar__item navbar__link" href="/ru/community">💫 Сообщество</a><a class="navbar__item navbar__link" href="/ru/blog">📝 Блог</a><a class="navbar__item navbar__link" href="/ru/examples">🛠 Примеры</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/ru/docs/get-started">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a aria-current="page" class="dropdown__link dropdown__link--active" href="/ru/docs/get-started">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/ru/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>Русский</a><ul class="dropdown__menu"><li><a href="/ru/docs/get-started" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="ru">Русский</a></li><li><a href="/docs/get-started" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/uz/docs/get-started" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/docs/get-started" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="kr">한국어</a></li><li><a href="/ja/docs/get-started" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="Переключение между темным и светлым режимом (сейчас используется Светлый режим)" aria-label="Переключение между темным и светлым режимом (сейчас используется Светлый режим)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="Поиск"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Поиск</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><div class="docsWrapper_rDLg"><button aria-label="Прокрутка к началу" class="clean-btn theme-back-to-top-button backToTopButton_JQoL" type="button"></button><div class="docRoot_GkJk"><aside class="theme-doc-sidebar-container docSidebarContainer_xiHB"><div class="sidebarViewport_DaHB"><div class="sidebar_Kb82"><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_AkOp"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible menu__list-item-collapsible--active"><a class="menu__link menu__link--active" aria-current="page" href="/ru/docs/get-started">🚀  Быстрый старт</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/ru/docs/get-started/overview">Обзор</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/ru/docs/get-started/tutorial">Туториал</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/ru/docs/get-started/faq">FAQ</a></li></ul></li></ul></nav><button type="button" title="Свернуть сайдбар" aria-label="Свернуть сайдбар" class="button button--secondary button--outline collapseSidebarButton_L8vW"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_hYfn"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_uESP"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col"><div class="docItemContainer_b1tn"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_ioLt" aria-label="Навигационная цепочка текущей страницы"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Главная страница" class="breadcrumbs__link" href="/ru/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_ZfEo"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">🚀  Быстрый старт</span><meta itemprop="position" content="1"></li></ul></nav><div class="theme-doc-markdown markdown"><header><h1>🚀 Быстрый старт</h1></header>
@@ -18,6 +18,6 @@
 <a class="root_GfON defaultTheme_j3I8" href="/ru/docs/get-started/overview"><span role="img" aria-label="rocket" class="anticon anticon-rocket icon_ciqP"><svg viewBox="64 64 896 896" focusable="false" data-icon="rocket" width="1em" height="1em" fill="currentColor" aria-hidden="true"><path d="M864 736c0-111.6-65.4-208-160-252.9V317.3c0-15.1-5.3-29.7-15.1-41.2L536.5 95.4C530.1 87.8 521 84 512 84s-18.1 3.8-24.5 11.4L335.1 276.1a63.97 63.97 0 00-15.1 41.2v165.8C225.4 528 160 624.4 160 736h156.5c-2.3 7.2-3.5 15-3.5 23.8 0 22.1 7.6 43.7 21.4 60.8a97.2 97.2 0 0043.1 30.6c23.1 54 75.6 88.8 134.5 88.8 29.1 0 57.3-8.6 81.4-24.8 23.6-15.8 41.9-37.9 53-64a97 97 0 0043.1-30.5 97.52 97.52 0 0021.4-60.8c0-8.4-1.1-16.4-3.1-23.8H864zM762.3 621.4c9.4 14.6 17 30.3 22.5 46.6H700V558.7a211.6 211.6 0 0162.3 62.7zM388 483.1V318.8l124-147 124 147V668H388V483.1zM239.2 668c5.5-16.3 13.1-32 22.5-46.6 16.3-25.2 37.5-46.5 62.3-62.7V668h-84.8zm388.9 116.2c-5.2 3-11.2 4.2-17.1 3.4l-19.5-2.4-2.8 19.4c-5.4 37.9-38.4 66.5-76.7 66.5-38.3 0-71.3-28.6-76.7-66.5l-2.8-19.5-19.5 2.5a27.7 27.7 0 01-17.1-3.5c-8.7-5-14.1-14.3-14.1-24.4 0-10.6 5.9-19.4 14.6-23.8h231.3c8.8 4.5 14.6 13.3 14.6 23.8-.1 10.2-5.5 19.6-14.2 24.5zM464 400a48 48 0 1096 0 48 48 0 10-96 0z"></path></svg></span><div class="details_xxkR"><div><span class="title_pSH5">Обзор</span><p class="description__Fep">Краткий обзор методологии, ее концепций и применения</p></div></div></a>
 <a class="root_GfON defaultTheme_j3I8" href="/ru/docs/get-started/tutorial"><span role="img" aria-label="play-square" class="anticon anticon-play-square icon_ciqP"><svg viewBox="64 64 896 896" focusable="false" data-icon="play-square" width="1em" height="1em" fill="currentColor" aria-hidden="true"><path d="M442.3 677.6l199.4-156.7a11.3 11.3 0 000-17.7L442.3 346.4c-7.4-5.8-18.3-.6-18.3 8.8v313.5c0 9.4 10.9 14.7 18.3 8.9z"></path><path d="M880 112H144c-17.7 0-32 14.3-32 32v736c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V144c0-17.7-14.3-32-32-32zm-40 728H184V184h656v656z"></path></svg></span><div class="details_xxkR"><div><span class="title_pSH5">Туториал</span><p class="description__Fep">Вводный туториал по применению методологии</p></div></div></a>
 <a class="root_GfON defaultTheme_j3I8" href="/ru/docs/get-started/faq"><span role="img" aria-label="question-circle" class="anticon anticon-question-circle icon_ciqP"><svg viewBox="64 64 896 896" focusable="false" data-icon="question-circle" width="1em" height="1em" fill="currentColor" aria-hidden="true"><path d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z"></path><path d="M623.6 316.7C593.6 290.4 554 276 512 276s-81.6 14.5-111.6 40.7C369.2 344 352 380.7 352 420v7.6c0 4.4 3.6 8 8 8h48c4.4 0 8-3.6 8-8V420c0-44.1 43.1-80 96-80s96 35.9 96 80c0 31.1-22 59.6-56.1 72.7-21.2 8.1-39.2 22.3-52.1 40.9-13.1 19-19.9 41.8-19.9 64.9V620c0 4.4 3.6 8 8 8h48c4.4 0 8-3.6 8-8v-22.7a48.3 48.3 0 0130.9-44.8c59-22.7 97.1-74.7 97.1-132.5.1-39.3-17.1-76-48.3-103.3zM472 732a40 40 0 1080 0 40 40 0 10-80 0z"></path></svg></span><div class="details_xxkR"><div><span class="title_pSH5">FAQ</span><p class="description__Fep">Часто задаваемые вопросы</p></div></div></a>
-</div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/ru/docusaurus-plugin-content-docs/current/get-started/index.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Отредактировать эту страницу</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Последнее обновление<!-- --> <b><time datetime="2024-09-29T11:02:46.000Z" itemprop="dateModified">29 сент. 2024 г.</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Навигация по странице документации"><a class="pagination-nav__link pagination-nav__link--prev" href="/ru/docs"><div class="pagination-nav__sublabel">Предыдущая страница</div><div class="pagination-nav__label">Документация</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/ru/docs/get-started/overview"><div class="pagination-nav__sublabel">Следующая страница</div><div class="pagination-nav__label">Обзор</div></a></nav></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Спецификация</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/ru/docs">Документация</a></li><li class="footer__item"><a class="footer__link-item" href="/ru/community">Сообщество</a></li><li class="footer__item"><a class="footer__link-item" href="/ru/nav">Помощь</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Обсуждения<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Сообщество</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Остальное</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">Лицензия<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/ru/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/ru/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
+</div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/ru/docusaurus-plugin-content-docs/current/get-started/index.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Отредактировать эту страницу</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Последнее обновление<!-- --> <b><time datetime="2024-10-07T18:23:06.000Z" itemprop="dateModified">7 окт. 2024 г.</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Навигация по странице документации"><a class="pagination-nav__link pagination-nav__link--prev" href="/ru/docs"><div class="pagination-nav__sublabel">Предыдущая страница</div><div class="pagination-nav__label">Документация</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/ru/docs/get-started/overview"><div class="pagination-nav__sublabel">Следующая страница</div><div class="pagination-nav__label">Обзор</div></a></nav></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Спецификация</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/ru/docs">Документация</a></li><li class="footer__item"><a class="footer__link-item" href="/ru/community">Сообщество</a></li><li class="footer__item"><a class="footer__link-item" href="/ru/nav">Помощь</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Обсуждения<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Сообщество</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Остальное</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">Лицензия<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/ru/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/ru/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
 </body>
 </html>
\ No newline at end of file
diff --git a/ru/docs/get-started/cheatsheet.html b/ru/docs/get-started/cheatsheet.html
index 072d61bc11..6d4b4e5e7c 100644
--- a/ru/docs/get-started/cheatsheet.html
+++ b/ru/docs/get-started/cheatsheet.html
@@ -9,8 +9,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/ru/opensearch.xml"><link rel="stylesheet" href="/ru/assets/css/styles.200d81f1.css">
-<script src="/ru/assets/js/runtime~main.d88d86db.js" defer="defer"></script>
-<script src="/ru/assets/js/main.d5dbc580.js" defer="defer"></script>
+<script src="/ru/assets/js/runtime~main.83a61e56.js" defer="defer"></script>
+<script src="/ru/assets/js/main.ba59251d.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Перейти к основному содержимому"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">Перейти к основному содержимому</a></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Переключить навигационную панель" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/ru/"><div class="navbar__logo"><img src="/ru/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/ru/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/ru/docs">📖 Документация</a><a class="navbar__item navbar__link" href="/ru/community">💫 Сообщество</a><a class="navbar__item navbar__link" href="/ru/blog">📝 Блог</a><a class="navbar__item navbar__link" href="/ru/examples">🛠 Примеры</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/ru/docs/get-started/cheatsheet">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a aria-current="page" class="dropdown__link dropdown__link--active" href="/ru/docs/get-started/cheatsheet">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/ru/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>Русский</a><ul class="dropdown__menu"><li><a href="/ru/docs/get-started/cheatsheet" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="ru">Русский</a></li><li><a href="/docs/get-started/cheatsheet" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/uz/docs/get-started/cheatsheet" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/docs/get-started/cheatsheet" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="kr">한국어</a></li><li><a href="/ja/docs/get-started/cheatsheet" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="Переключение между темным и светлым режимом (сейчас используется Светлый режим)" aria-label="Переключение между темным и светлым режимом (сейчас используется Светлый режим)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="Поиск"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Поиск</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><div class="docsWrapper_rDLg"><button aria-label="Прокрутка к началу" class="clean-btn theme-back-to-top-button backToTopButton_JQoL" type="button"></button><div class="docRoot_GkJk"><aside class="theme-doc-sidebar-container docSidebarContainer_xiHB"><div class="sidebarViewport_DaHB"><div class="sidebar_Kb82"><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_AkOp"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--active" href="/ru/docs/get-started">🚀  Быстрый старт</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/ru/docs/get-started/overview">Обзор</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/ru/docs/get-started/tutorial">Туториал</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/ru/docs/get-started/faq">FAQ</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/ru/docs/get-started/cheatsheet">Памятка по декомпозиции</a></li></ul></li></ul></nav><button type="button" title="Свернуть сайдбар" aria-label="Свернуть сайдбар" class="button button--secondary button--outline collapseSidebarButton_L8vW"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_hYfn"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_uESP"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_w6lk"><div class="theme-admonition theme-admonition-caution admonition_yLUd alert alert--warning theme-unlisted-banner"><div class="admonitionHeading_ulUq"><span class="admonitionIcon_Wbvt"><svg viewBox="0 0 16 16"><path fill-rule="evenodd" d="M8.893 1.5c-.183-.31-.52-.5-.887-.5s-.703.19-.886.5L.138 13.499a.98.98 0 0 0 0 1.001c.193.31.53.501.886.501h13.964c.367 0 .704-.19.877-.5a1.03 1.03 0 0 0 .01-1.002L8.893 1.5zm.133 11.497H6.987v-2.003h2.039v2.003zm0-3.004H6.987V5.987h2.039v4.006z"></path></svg></span>Unlisted page</div><div class="admonitionContent_mbd8">This page is unlisted. Search engines will not index it, and only users having a direct link can access it.</div></div><div class="docItemContainer_b1tn"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_ioLt" aria-label="Навигационная цепочка текущей страницы"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Главная страница" class="breadcrumbs__link" href="/ru/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_ZfEo"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/ru/docs/get-started"><span itemprop="name">🚀  Быстрый старт</span></a><meta itemprop="position" content="1"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">Памятка по декомпозиции</span><meta itemprop="position" content="2"></li></ul></nav><div class="tocCollapsible_EkMH theme-doc-toc-mobile tocMobile_XRnS"><button type="button" class="clean-btn tocCollapsibleButton_ID8T">Содержание этой страницы</button></div><div class="theme-doc-markdown markdown"><header><h1>Памятка по декомпозиции</h1></header>
@@ -33,6 +33,6 @@ <h2 class="anchor anchorWithStickyNavbar_QzlE" id="see-also">См. также<a
 <li><a href="https://t.me/feature_sliced/3776" target="_blank" rel="noopener noreferrer">(Тред) Про разницу между фичами и сущностями</a></li>
 <li><a href="https://t.me/feature_sliced/3248" target="_blank" rel="noopener noreferrer">(Тред) Про разницу между фичами и сущностями (2)</a></li>
 <li><a href="https://t.me/feature_sliced/3833" target="_blank" rel="noopener noreferrer">(Тред) Про применение критериев при декомпозиции</a></li>
-</ul></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/ru/docusaurus-plugin-content-docs/current/get-started/cheatsheet.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Отредактировать эту страницу</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Последнее обновление<!-- --> <b><time datetime="2024-09-29T11:02:46.000Z" itemprop="dateModified">29 сент. 2024 г.</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Навигация по странице документации"></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#choosing-a-layer" class="table-of-contents__link toc-highlight">Выбор слоя</a></li><li><a href="#examples" class="table-of-contents__link toc-highlight">Примеры</a><ul><li><a href="#tweet" class="table-of-contents__link toc-highlight">Tweet</a></li><li><a href="#github" class="table-of-contents__link toc-highlight">GitHub</a></li></ul></li><li><a href="#see-also" class="table-of-contents__link toc-highlight">См. также</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Спецификация</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/ru/docs">Документация</a></li><li class="footer__item"><a class="footer__link-item" href="/ru/community">Сообщество</a></li><li class="footer__item"><a class="footer__link-item" href="/ru/nav">Помощь</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Обсуждения<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Сообщество</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Остальное</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">Лицензия<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/ru/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/ru/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
+</ul></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/ru/docusaurus-plugin-content-docs/current/get-started/cheatsheet.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Отредактировать эту страницу</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Последнее обновление<!-- --> <b><time datetime="2024-10-07T18:23:06.000Z" itemprop="dateModified">7 окт. 2024 г.</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Навигация по странице документации"></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#choosing-a-layer" class="table-of-contents__link toc-highlight">Выбор слоя</a></li><li><a href="#examples" class="table-of-contents__link toc-highlight">Примеры</a><ul><li><a href="#tweet" class="table-of-contents__link toc-highlight">Tweet</a></li><li><a href="#github" class="table-of-contents__link toc-highlight">GitHub</a></li></ul></li><li><a href="#see-also" class="table-of-contents__link toc-highlight">См. также</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Спецификация</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/ru/docs">Документация</a></li><li class="footer__item"><a class="footer__link-item" href="/ru/community">Сообщество</a></li><li class="footer__item"><a class="footer__link-item" href="/ru/nav">Помощь</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Обсуждения<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Сообщество</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Остальное</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">Лицензия<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/ru/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/ru/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
 </body>
 </html>
\ No newline at end of file
diff --git a/ru/docs/get-started/faq.html b/ru/docs/get-started/faq.html
index dc31a1fe0d..f67b05aa9c 100644
--- a/ru/docs/get-started/faq.html
+++ b/ru/docs/get-started/faq.html
@@ -9,8 +9,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/ru/opensearch.xml"><link rel="stylesheet" href="/ru/assets/css/styles.200d81f1.css">
-<script src="/ru/assets/js/runtime~main.d88d86db.js" defer="defer"></script>
-<script src="/ru/assets/js/main.d5dbc580.js" defer="defer"></script>
+<script src="/ru/assets/js/runtime~main.83a61e56.js" defer="defer"></script>
+<script src="/ru/assets/js/main.ba59251d.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Перейти к основному содержимому"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">Перейти к основному содержимому</a></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Переключить навигационную панель" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/ru/"><div class="navbar__logo"><img src="/ru/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/ru/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/ru/docs">📖 Документация</a><a class="navbar__item navbar__link" href="/ru/community">💫 Сообщество</a><a class="navbar__item navbar__link" href="/ru/blog">📝 Блог</a><a class="navbar__item navbar__link" href="/ru/examples">🛠 Примеры</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/ru/docs/get-started/faq">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a aria-current="page" class="dropdown__link dropdown__link--active" href="/ru/docs/get-started/faq">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/ru/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>Русский</a><ul class="dropdown__menu"><li><a href="/ru/docs/get-started/faq" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="ru">Русский</a></li><li><a href="/docs/get-started/faq" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/uz/docs/get-started/faq" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/docs/get-started/faq" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="kr">한국어</a></li><li><a href="/ja/docs/get-started/faq" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="Переключение между темным и светлым режимом (сейчас используется Светлый режим)" aria-label="Переключение между темным и светлым режимом (сейчас используется Светлый режим)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="Поиск"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Поиск</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><div class="docsWrapper_rDLg"><button aria-label="Прокрутка к началу" class="clean-btn theme-back-to-top-button backToTopButton_JQoL" type="button"></button><div class="docRoot_GkJk"><aside class="theme-doc-sidebar-container docSidebarContainer_xiHB"><div class="sidebarViewport_DaHB"><div class="sidebar_Kb82"><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_AkOp"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--active" href="/ru/docs/get-started">🚀  Быстрый старт</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/ru/docs/get-started/overview">Обзор</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/ru/docs/get-started/tutorial">Туториал</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/ru/docs/get-started/faq">FAQ</a></li></ul></li></ul></nav><button type="button" title="Свернуть сайдбар" aria-label="Свернуть сайдбар" class="button button--secondary button--outline collapseSidebarButton_L8vW"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_hYfn"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_uESP"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_w6lk"><div class="docItemContainer_b1tn"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_ioLt" aria-label="Навигационная цепочка текущей страницы"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Главная страница" class="breadcrumbs__link" href="/ru/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_ZfEo"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/ru/docs/get-started"><span itemprop="name">🚀  Быстрый старт</span></a><meta itemprop="position" content="1"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">FAQ</span><meta itemprop="position" content="2"></li></ul></nav><div class="tocCollapsible_EkMH theme-doc-toc-mobile tocMobile_XRnS"><button type="button" class="clean-btn tocCollapsibleButton_ID8T">Содержание этой страницы</button></div><div class="theme-doc-markdown markdown"><header><h1>FAQ</h1></header>
@@ -40,6 +40,6 @@ <h3 class="anchor anchorWithStickyNavbar_QzlE" id="does-a-novice-developer-need-
 <p>Скорее да, чем нет</p>
 <p><em>Обычно, когда проектируешь разрабатываешь проект в одно лицо - все идет гладко. Но если появляются паузы в разработке, добавляются новые разработчики в команду - тогда-то и наступают проблемы</em></p>
 <h3 class="anchor anchorWithStickyNavbar_QzlE" id="how-do-i-work-with-the-authorization-context">Как мне работать с контекстом авторизации?<a href="#how-do-i-work-with-the-authorization-context" class="hash-link" aria-label="Прямая ссылка на этот заголовок" title="Прямая ссылка на этот заголовок">​</a></h3>
-<p>Ответили <a href="/ru/docs/guides/examples/auth">здесь</a></p></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/ru/docusaurus-plugin-content-docs/current/get-started/faq.md" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Отредактировать эту страницу</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Последнее обновление<!-- --> <b><time datetime="2024-09-29T11:02:46.000Z" itemprop="dateModified">29 сент. 2024 г.</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Навигация по странице документации"><a class="pagination-nav__link pagination-nav__link--prev" href="/ru/docs/get-started/tutorial"><div class="pagination-nav__sublabel">Предыдущая страница</div><div class="pagination-nav__label">Туториал</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/ru/docs/guides"><div class="pagination-nav__sublabel">Следующая страница</div><div class="pagination-nav__label">🎯 Гайды</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#is-there-a-toolkit-or-a-linter" class="table-of-contents__link toc-highlight">Существует ли тулкит или линтер?</a></li><li><a href="#where-to-store-the-layouttemplate-of-pages" class="table-of-contents__link toc-highlight">Где хранить layout/template страниц?</a></li><li><a href="#what-is-the-difference-between-feature-and-entity" class="table-of-contents__link toc-highlight">В чем отличие feature от entity?</a></li><li><a href="#can-i-embed-pagesfeaturesentities-into-each-other" class="table-of-contents__link toc-highlight">Могу ли я вкладывать страницы/фичи/сущности друг в друга?</a></li><li><a href="#what-about-atomic-design" class="table-of-contents__link toc-highlight">А что с Atomic Design?</a></li><li><a href="#are-there-any-useful-resourcesarticlesetc-about-fsd" class="table-of-contents__link toc-highlight">Есть ли какие-нибудь полезные ресурсы/статьи/т.д. по FSD?</a></li><li><a href="#why-do-i-need-feature-sliced-design" class="table-of-contents__link toc-highlight">Зачем мне нужен Feature-Sliced Design?</a></li><li><a href="#does-a-novice-developer-need-an-architecturemethodology" class="table-of-contents__link toc-highlight">Нужна ли архитектура/методология начинающему разработчику?</a></li><li><a href="#how-do-i-work-with-the-authorization-context" class="table-of-contents__link toc-highlight">Как мне работать с контекстом авторизации?</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Спецификация</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/ru/docs">Документация</a></li><li class="footer__item"><a class="footer__link-item" href="/ru/community">Сообщество</a></li><li class="footer__item"><a class="footer__link-item" href="/ru/nav">Помощь</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Обсуждения<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Сообщество</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Остальное</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">Лицензия<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/ru/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/ru/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
+<p>Ответили <a href="/ru/docs/guides/examples/auth">здесь</a></p></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/ru/docusaurus-plugin-content-docs/current/get-started/faq.md" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Отредактировать эту страницу</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Последнее обновление<!-- --> <b><time datetime="2024-10-07T18:23:06.000Z" itemprop="dateModified">7 окт. 2024 г.</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Навигация по странице документации"><a class="pagination-nav__link pagination-nav__link--prev" href="/ru/docs/get-started/tutorial"><div class="pagination-nav__sublabel">Предыдущая страница</div><div class="pagination-nav__label">Туториал</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/ru/docs/guides"><div class="pagination-nav__sublabel">Следующая страница</div><div class="pagination-nav__label">🎯 Гайды</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#is-there-a-toolkit-or-a-linter" class="table-of-contents__link toc-highlight">Существует ли тулкит или линтер?</a></li><li><a href="#where-to-store-the-layouttemplate-of-pages" class="table-of-contents__link toc-highlight">Где хранить layout/template страниц?</a></li><li><a href="#what-is-the-difference-between-feature-and-entity" class="table-of-contents__link toc-highlight">В чем отличие feature от entity?</a></li><li><a href="#can-i-embed-pagesfeaturesentities-into-each-other" class="table-of-contents__link toc-highlight">Могу ли я вкладывать страницы/фичи/сущности друг в друга?</a></li><li><a href="#what-about-atomic-design" class="table-of-contents__link toc-highlight">А что с Atomic Design?</a></li><li><a href="#are-there-any-useful-resourcesarticlesetc-about-fsd" class="table-of-contents__link toc-highlight">Есть ли какие-нибудь полезные ресурсы/статьи/т.д. по FSD?</a></li><li><a href="#why-do-i-need-feature-sliced-design" class="table-of-contents__link toc-highlight">Зачем мне нужен Feature-Sliced Design?</a></li><li><a href="#does-a-novice-developer-need-an-architecturemethodology" class="table-of-contents__link toc-highlight">Нужна ли архитектура/методология начинающему разработчику?</a></li><li><a href="#how-do-i-work-with-the-authorization-context" class="table-of-contents__link toc-highlight">Как мне работать с контекстом авторизации?</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Спецификация</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/ru/docs">Документация</a></li><li class="footer__item"><a class="footer__link-item" href="/ru/community">Сообщество</a></li><li class="footer__item"><a class="footer__link-item" href="/ru/nav">Помощь</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Обсуждения<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Сообщество</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Остальное</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">Лицензия<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/ru/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/ru/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
 </body>
 </html>
\ No newline at end of file
diff --git a/ru/docs/get-started/overview.html b/ru/docs/get-started/overview.html
index 60a472bff8..ff0b277adb 100644
--- a/ru/docs/get-started/overview.html
+++ b/ru/docs/get-started/overview.html
@@ -9,8 +9,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/ru/opensearch.xml"><link rel="stylesheet" href="/ru/assets/css/styles.200d81f1.css">
-<script src="/ru/assets/js/runtime~main.d88d86db.js" defer="defer"></script>
-<script src="/ru/assets/js/main.d5dbc580.js" defer="defer"></script>
+<script src="/ru/assets/js/runtime~main.83a61e56.js" defer="defer"></script>
+<script src="/ru/assets/js/main.ba59251d.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Перейти к основному содержимому"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">Перейти к основному содержимому</a></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Переключить навигационную панель" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/ru/"><div class="navbar__logo"><img src="/ru/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/ru/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/ru/docs">📖 Документация</a><a class="navbar__item navbar__link" href="/ru/community">💫 Сообщество</a><a class="navbar__item navbar__link" href="/ru/blog">📝 Блог</a><a class="navbar__item navbar__link" href="/ru/examples">🛠 Примеры</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/ru/docs/get-started/overview">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a aria-current="page" class="dropdown__link dropdown__link--active" href="/ru/docs/get-started/overview">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/ru/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>Русский</a><ul class="dropdown__menu"><li><a href="/ru/docs/get-started/overview" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="ru">Русский</a></li><li><a href="/docs/get-started/overview" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/uz/docs/get-started/overview" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/docs/get-started/overview" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="kr">한국어</a></li><li><a href="/ja/docs/get-started/overview" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="Переключение между темным и светлым режимом (сейчас используется Светлый режим)" aria-label="Переключение между темным и светлым режимом (сейчас используется Светлый режим)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="Поиск"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Поиск</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><div class="docsWrapper_rDLg"><button aria-label="Прокрутка к началу" class="clean-btn theme-back-to-top-button backToTopButton_JQoL" type="button"></button><div class="docRoot_GkJk"><aside class="theme-doc-sidebar-container docSidebarContainer_xiHB"><div class="sidebarViewport_DaHB"><div class="sidebar_Kb82"><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_AkOp"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--active" href="/ru/docs/get-started">🚀  Быстрый старт</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/ru/docs/get-started/overview">Обзор</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/ru/docs/get-started/tutorial">Туториал</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/ru/docs/get-started/faq">FAQ</a></li></ul></li></ul></nav><button type="button" title="Свернуть сайдбар" aria-label="Свернуть сайдбар" class="button button--secondary button--outline collapseSidebarButton_L8vW"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_hYfn"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_uESP"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_w6lk"><div class="docItemContainer_b1tn"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_ioLt" aria-label="Навигационная цепочка текущей страницы"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Главная страница" class="breadcrumbs__link" href="/ru/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_ZfEo"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/ru/docs/get-started"><span itemprop="name">🚀  Быстрый старт</span></a><meta itemprop="position" content="1"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">Обзор</span><meta itemprop="position" content="2"></li></ul></nav><div class="tocCollapsible_EkMH theme-doc-toc-mobile tocMobile_XRnS"><button type="button" class="clean-btn tocCollapsibleButton_ID8T">Содержание этой страницы</button></div><div class="theme-doc-markdown markdown"><header><h1>Обзор</h1></header>
@@ -129,6 +129,6 @@ <h2 class="anchor anchorWithStickyNavbar_QzlE" id="next-steps">Следующи
 <li><strong>Хотите разобраться в том, как мыслить по-FSD-шному?</strong> Прочтите <a href="/ru/docs/get-started/tutorial">Туториал</a>.</li>
 <li><strong>Предпочитаете учиться на примерах?</strong> У нас их много в разделе <a href="/ru/examples">Примеры</a>.</li>
 <li><strong>Есть вопросы?</strong> Загляните в наш <a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer">чат Telegram</a> и спросите у сообщества.</li>
-</ul></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/ru/docusaurus-plugin-content-docs/current/get-started/overview.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Отредактировать эту страницу</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Последнее обновление<!-- --> <b><time datetime="2024-09-29T11:02:46.000Z" itemprop="dateModified">29 сент. 2024 г.</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Навигация по странице документации"><a class="pagination-nav__link pagination-nav__link--prev" href="/ru/docs/get-started"><div class="pagination-nav__sublabel">Предыдущая страница</div><div class="pagination-nav__label">🚀 Быстрый старт</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/ru/docs/get-started/tutorial"><div class="pagination-nav__sublabel">Следующая страница</div><div class="pagination-nav__label">Туториал</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#is-it-right-for-me" class="table-of-contents__link toc-highlight">Подходит ли FSD мне?</a></li><li><a href="#basic-example" class="table-of-contents__link toc-highlight">Базовый пример</a></li><li><a href="#concepts" class="table-of-contents__link toc-highlight">Понятия</a><ul><li><a href="#layers" class="table-of-contents__link toc-highlight">Слои</a></li><li><a href="#slices" class="table-of-contents__link toc-highlight">Слайсы</a></li><li><a href="#segments" class="table-of-contents__link toc-highlight">Сегменты</a></li></ul></li><li><a href="#advantages" class="table-of-contents__link toc-highlight">Преимущества</a></li><li><a href="#incremental-adoption" class="table-of-contents__link toc-highlight">Постепенное внедрение</a></li><li><a href="#next-steps" class="table-of-contents__link toc-highlight">Следующие шаги</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Спецификация</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/ru/docs">Документация</a></li><li class="footer__item"><a class="footer__link-item" href="/ru/community">Сообщество</a></li><li class="footer__item"><a class="footer__link-item" href="/ru/nav">Помощь</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Обсуждения<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Сообщество</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Остальное</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">Лицензия<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/ru/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/ru/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
+</ul></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/ru/docusaurus-plugin-content-docs/current/get-started/overview.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Отредактировать эту страницу</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Последнее обновление<!-- --> <b><time datetime="2024-10-07T18:23:06.000Z" itemprop="dateModified">7 окт. 2024 г.</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Навигация по странице документации"><a class="pagination-nav__link pagination-nav__link--prev" href="/ru/docs/get-started"><div class="pagination-nav__sublabel">Предыдущая страница</div><div class="pagination-nav__label">🚀 Быстрый старт</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/ru/docs/get-started/tutorial"><div class="pagination-nav__sublabel">Следующая страница</div><div class="pagination-nav__label">Туториал</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#is-it-right-for-me" class="table-of-contents__link toc-highlight">Подходит ли FSD мне?</a></li><li><a href="#basic-example" class="table-of-contents__link toc-highlight">Базовый пример</a></li><li><a href="#concepts" class="table-of-contents__link toc-highlight">Понятия</a><ul><li><a href="#layers" class="table-of-contents__link toc-highlight">Слои</a></li><li><a href="#slices" class="table-of-contents__link toc-highlight">Слайсы</a></li><li><a href="#segments" class="table-of-contents__link toc-highlight">Сегменты</a></li></ul></li><li><a href="#advantages" class="table-of-contents__link toc-highlight">Преимущества</a></li><li><a href="#incremental-adoption" class="table-of-contents__link toc-highlight">Постепенное внедрение</a></li><li><a href="#next-steps" class="table-of-contents__link toc-highlight">Следующие шаги</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Спецификация</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/ru/docs">Документация</a></li><li class="footer__item"><a class="footer__link-item" href="/ru/community">Сообщество</a></li><li class="footer__item"><a class="footer__link-item" href="/ru/nav">Помощь</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Обсуждения<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Сообщество</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Остальное</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">Лицензия<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/ru/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/ru/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
 </body>
 </html>
\ No newline at end of file
diff --git a/ru/docs/get-started/tutorial.html b/ru/docs/get-started/tutorial.html
index c8ad7029f0..6965a90bdb 100644
--- a/ru/docs/get-started/tutorial.html
+++ b/ru/docs/get-started/tutorial.html
@@ -9,8 +9,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/ru/opensearch.xml"><link rel="stylesheet" href="/ru/assets/css/styles.200d81f1.css">
-<script src="/ru/assets/js/runtime~main.d88d86db.js" defer="defer"></script>
-<script src="/ru/assets/js/main.d5dbc580.js" defer="defer"></script>
+<script src="/ru/assets/js/runtime~main.83a61e56.js" defer="defer"></script>
+<script src="/ru/assets/js/main.ba59251d.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Перейти к основному содержимому"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">Перейти к основному содержимому</a></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Переключить навигационную панель" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/ru/"><div class="navbar__logo"><img src="/ru/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/ru/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/ru/docs">📖 Документация</a><a class="navbar__item navbar__link" href="/ru/community">💫 Сообщество</a><a class="navbar__item navbar__link" href="/ru/blog">📝 Блог</a><a class="navbar__item navbar__link" href="/ru/examples">🛠 Примеры</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/ru/docs/get-started/tutorial">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a aria-current="page" class="dropdown__link dropdown__link--active" href="/ru/docs/get-started/tutorial">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/ru/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>Русский</a><ul class="dropdown__menu"><li><a href="/ru/docs/get-started/tutorial" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="ru">Русский</a></li><li><a href="/docs/get-started/tutorial" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/uz/docs/get-started/tutorial" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/docs/get-started/tutorial" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="kr">한국어</a></li><li><a href="/ja/docs/get-started/tutorial" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="Переключение между темным и светлым режимом (сейчас используется Светлый режим)" aria-label="Переключение между темным и светлым режимом (сейчас используется Светлый режим)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="Поиск"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Поиск</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><div class="docsWrapper_rDLg"><button aria-label="Прокрутка к началу" class="clean-btn theme-back-to-top-button backToTopButton_JQoL" type="button"></button><div class="docRoot_GkJk"><aside class="theme-doc-sidebar-container docSidebarContainer_xiHB"><div class="sidebarViewport_DaHB"><div class="sidebar_Kb82"><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_AkOp"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--active" href="/ru/docs/get-started">🚀  Быстрый старт</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/ru/docs/get-started/overview">Обзор</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/ru/docs/get-started/tutorial">Туториал</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/ru/docs/get-started/faq">FAQ</a></li></ul></li></ul></nav><button type="button" title="Свернуть сайдбар" aria-label="Свернуть сайдбар" class="button button--secondary button--outline collapseSidebarButton_L8vW"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_hYfn"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_uESP"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_w6lk"><div class="docItemContainer_b1tn"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_ioLt" aria-label="Навигационная цепочка текущей страницы"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Главная страница" class="breadcrumbs__link" href="/ru/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_ZfEo"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/ru/docs/get-started"><span itemprop="name">🚀  Быстрый старт</span></a><meta itemprop="position" content="1"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">Туториал</span><meta itemprop="position" content="2"></li></ul></nav><div class="tocCollapsible_EkMH theme-doc-toc-mobile tocMobile_XRnS"><button type="button" class="clean-btn tocCollapsibleButton_ID8T">Содержание этой страницы</button></div><div class="theme-doc-markdown markdown"><header><h1>Туториал</h1></header>
@@ -272,6 +272,6 @@ <h3 class="anchor anchorWithStickyNavbar_QzlE" id="редактор-статей
 <div class="language-tsx codeBlockContainer_IiXL theme-code-block" style="--prism-background-color:hsl(230, 1%, 98%);--prism-color:hsl(230, 8%, 24%)"><div class="codeBlockTitle_ajkA">app/routes/editor._index.tsx, app/routes/editor.$slug.tsx (одинаковое содержимое)</div><div class="codeBlockContent_Y78k"><pre tabindex="0" class="prism-code language-tsx codeBlock_gc_u thin-scrollbar" style="background-color:hsl(230, 1%, 98%);color:hsl(230, 8%, 24%)"><code class="codeBlockLines_PG8G"><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token keyword" style="color:hsl(301, 63%, 40%)">import</span><span class="token plain"> </span><span class="token imports punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token imports"> </span><span class="token imports maybe-class-name">ArticleEditPage</span><span class="token imports"> </span><span class="token imports punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token plain"> </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">from</span><span class="token plain"> </span><span class="token string" style="color:hsl(119, 34%, 47%)">&quot;pages/article-edit&quot;</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain" style="display:inline-block"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain"></span><span class="token keyword" style="color:hsl(301, 63%, 40%)">export</span><span class="token plain"> </span><span class="token exports punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token exports"> loader</span><span class="token exports punctuation" style="color:hsl(119, 34%, 47%)">,</span><span class="token exports"> action </span><span class="token exports punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token plain"> </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">from</span><span class="token plain"> </span><span class="token string" style="color:hsl(119, 34%, 47%)">&quot;pages/article-edit&quot;</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain" style="display:inline-block"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain"></span><span class="token keyword" style="color:hsl(301, 63%, 40%)">export</span><span class="token plain"> </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">default</span><span class="token plain"> </span><span class="token maybe-class-name">ArticleEditPage</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><br></span></code></pre><div class="buttonGroup_VWIG"><button type="button" aria-label="Скопировать в буфер обмена" title="Скопировать" class="clean-btn"><span class="copyButtonIcons_p0uL" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_LnVn"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_yLdc"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div>
 <p>Мы закончили! Войдите в систему и попробуйте создать новую статью. Или “забудьте” написать статью и посмотрите, как сработает валидация.</p>
 <figure><p><img decoding="async" loading="lazy" alt="Редактор статей Conduit, в поле заголовка которого написано “New article”, а остальные поля пусты. Над формой есть две ошибки: “Describe what this article is about” и “Write the article itself”." src="/ru/assets/images/realworld-article-editor-bc3ee45c96ae905fdbb54d6463d12723.jpg" width="2880" height="1488" class="img_Vtmu"></p><figcaption>Редактор статей Conduit, в поле заголовка которого написано “New article”, а остальные поля пусты. Над формой есть две ошибки: <strong>“Describe what this article is about”</strong> и <strong>“Write the article itself</strong>”.</figcaption></figure>
-<p>Страницы профиля и настроек очень похожи на страницы чтения и редактирования статей, они оставлены в качестве упражнения для читателя, то есть для вас :)</p></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/ru/docusaurus-plugin-content-docs/current/get-started/tutorial.md" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Отредактировать эту страницу</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Последнее обновление<!-- --> <b><time datetime="2024-09-29T11:02:46.000Z" itemprop="dateModified">29 сент. 2024 г.</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Навигация по странице документации"><a class="pagination-nav__link pagination-nav__link--prev" href="/ru/docs/get-started/overview"><div class="pagination-nav__sublabel">Предыдущая страница</div><div class="pagination-nav__label">Обзор</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/ru/docs/get-started/faq"><div class="pagination-nav__sublabel">Следующая страница</div><div class="pagination-nav__label">FAQ</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#часть-1-на-бумаге" class="table-of-contents__link toc-highlight">Часть 1. На бумаге</a><ul><li><a href="#начните-с-перечисления-страниц" class="table-of-contents__link toc-highlight">Начните с перечисления страниц</a></li><li><a href="#пристальный-взгляд-на-ленту" class="table-of-contents__link toc-highlight">Пристальный взгляд на ленту</a></li><li><a href="#переиспользование-общего-кода" class="table-of-contents__link toc-highlight">Переиспользование общего кода</a></li><li><a href="#определите-строгий-публичный-api" class="table-of-contents__link toc-highlight">Определите строгий публичный API</a></li><li><a href="#крупные-переиспользуемые-блоки-интерфейса" class="table-of-contents__link toc-highlight">Крупные переиспользуемые блоки интерфейса</a></li><li><a href="#пристальный-взгляд-на-страницу-с-формой" class="table-of-contents__link toc-highlight">Пристальный взгляд на страницу с формой</a></li><li><a href="#итоги" class="table-of-contents__link toc-highlight">Итоги</a></li></ul></li><li><a href="#часть-2-в-коде" class="table-of-contents__link toc-highlight">Часть 2. В коде</a><ul><li><a href="#разложим-по-страницам" class="table-of-contents__link toc-highlight">Разложим по страницам</a></li><li><a href="#подключим-страницу-фида" class="table-of-contents__link toc-highlight">Подключим страницу фида</a></li><li><a href="#api-клиент" class="table-of-contents__link toc-highlight">API-клиент</a></li><li><a href="#реальные-данные-в-ленте" class="table-of-contents__link toc-highlight">Реальные данные в ленте</a></li><li><a href="#фильтрация-по-тегам" class="table-of-contents__link toc-highlight">Фильтрация по тегам</a></li><li><a href="#пагинация" class="table-of-contents__link toc-highlight">Пагинация</a></li><li><a href="#authentication" class="table-of-contents__link toc-highlight">Аутентификация</a></li><li><a href="#хэдер" class="table-of-contents__link toc-highlight">Хэдер</a></li><li><a href="#вкладки" class="table-of-contents__link toc-highlight">Вкладки</a></li><li><a href="#читалка-статей" class="table-of-contents__link toc-highlight">Читалка статей</a></li><li><a href="#редактор-статей" class="table-of-contents__link toc-highlight">Редактор статей</a></li></ul></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Спецификация</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/ru/docs">Документация</a></li><li class="footer__item"><a class="footer__link-item" href="/ru/community">Сообщество</a></li><li class="footer__item"><a class="footer__link-item" href="/ru/nav">Помощь</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Обсуждения<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Сообщество</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Остальное</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">Лицензия<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/ru/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/ru/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
+<p>Страницы профиля и настроек очень похожи на страницы чтения и редактирования статей, они оставлены в качестве упражнения для читателя, то есть для вас :)</p></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/ru/docusaurus-plugin-content-docs/current/get-started/tutorial.md" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Отредактировать эту страницу</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Последнее обновление<!-- --> <b><time datetime="2024-10-07T18:23:06.000Z" itemprop="dateModified">7 окт. 2024 г.</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Навигация по странице документации"><a class="pagination-nav__link pagination-nav__link--prev" href="/ru/docs/get-started/overview"><div class="pagination-nav__sublabel">Предыдущая страница</div><div class="pagination-nav__label">Обзор</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/ru/docs/get-started/faq"><div class="pagination-nav__sublabel">Следующая страница</div><div class="pagination-nav__label">FAQ</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#часть-1-на-бумаге" class="table-of-contents__link toc-highlight">Часть 1. На бумаге</a><ul><li><a href="#начните-с-перечисления-страниц" class="table-of-contents__link toc-highlight">Начните с перечисления страниц</a></li><li><a href="#пристальный-взгляд-на-ленту" class="table-of-contents__link toc-highlight">Пристальный взгляд на ленту</a></li><li><a href="#переиспользование-общего-кода" class="table-of-contents__link toc-highlight">Переиспользование общего кода</a></li><li><a href="#определите-строгий-публичный-api" class="table-of-contents__link toc-highlight">Определите строгий публичный API</a></li><li><a href="#крупные-переиспользуемые-блоки-интерфейса" class="table-of-contents__link toc-highlight">Крупные переиспользуемые блоки интерфейса</a></li><li><a href="#пристальный-взгляд-на-страницу-с-формой" class="table-of-contents__link toc-highlight">Пристальный взгляд на страницу с формой</a></li><li><a href="#итоги" class="table-of-contents__link toc-highlight">Итоги</a></li></ul></li><li><a href="#часть-2-в-коде" class="table-of-contents__link toc-highlight">Часть 2. В коде</a><ul><li><a href="#разложим-по-страницам" class="table-of-contents__link toc-highlight">Разложим по страницам</a></li><li><a href="#подключим-страницу-фида" class="table-of-contents__link toc-highlight">Подключим страницу фида</a></li><li><a href="#api-клиент" class="table-of-contents__link toc-highlight">API-клиент</a></li><li><a href="#реальные-данные-в-ленте" class="table-of-contents__link toc-highlight">Реальные данные в ленте</a></li><li><a href="#фильтрация-по-тегам" class="table-of-contents__link toc-highlight">Фильтрация по тегам</a></li><li><a href="#пагинация" class="table-of-contents__link toc-highlight">Пагинация</a></li><li><a href="#authentication" class="table-of-contents__link toc-highlight">Аутентификация</a></li><li><a href="#хэдер" class="table-of-contents__link toc-highlight">Хэдер</a></li><li><a href="#вкладки" class="table-of-contents__link toc-highlight">Вкладки</a></li><li><a href="#читалка-статей" class="table-of-contents__link toc-highlight">Читалка статей</a></li><li><a href="#редактор-статей" class="table-of-contents__link toc-highlight">Редактор статей</a></li></ul></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Спецификация</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/ru/docs">Документация</a></li><li class="footer__item"><a class="footer__link-item" href="/ru/community">Сообщество</a></li><li class="footer__item"><a class="footer__link-item" href="/ru/nav">Помощь</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Обсуждения<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Сообщество</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Остальное</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">Лицензия<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/ru/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/ru/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
 </body>
 </html>
\ No newline at end of file
diff --git a/ru/docs/guides.html b/ru/docs/guides.html
index 4435c99485..b7a77dcb19 100644
--- a/ru/docs/guides.html
+++ b/ru/docs/guides.html
@@ -9,8 +9,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/ru/opensearch.xml"><link rel="stylesheet" href="/ru/assets/css/styles.200d81f1.css">
-<script src="/ru/assets/js/runtime~main.d88d86db.js" defer="defer"></script>
-<script src="/ru/assets/js/main.d5dbc580.js" defer="defer"></script>
+<script src="/ru/assets/js/runtime~main.83a61e56.js" defer="defer"></script>
+<script src="/ru/assets/js/main.ba59251d.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Перейти к основному содержимому"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">Перейти к основному содержимому</a></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Переключить навигационную панель" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/ru/"><div class="navbar__logo"><img src="/ru/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/ru/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/ru/docs">📖 Документация</a><a class="navbar__item navbar__link" href="/ru/community">💫 Сообщество</a><a class="navbar__item navbar__link" href="/ru/blog">📝 Блог</a><a class="navbar__item navbar__link" href="/ru/examples">🛠 Примеры</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/ru/docs/guides">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a aria-current="page" class="dropdown__link dropdown__link--active" href="/ru/docs/guides">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/ru/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>Русский</a><ul class="dropdown__menu"><li><a href="/ru/docs/guides" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="ru">Русский</a></li><li><a href="/docs/guides" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/uz/docs/guides" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/docs/guides" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="kr">한국어</a></li><li><a href="/ja/docs/guides" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="Переключение между темным и светлым режимом (сейчас используется Светлый режим)" aria-label="Переключение между темным и светлым режимом (сейчас используется Светлый режим)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="Поиск"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Поиск</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><div class="docsWrapper_rDLg"><button aria-label="Прокрутка к началу" class="clean-btn theme-back-to-top-button backToTopButton_JQoL" type="button"></button><div class="docRoot_GkJk"><aside class="theme-doc-sidebar-container docSidebarContainer_xiHB"><div class="sidebarViewport_DaHB"><div class="sidebar_Kb82"><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_AkOp"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible menu__list-item-collapsible--active"><a class="menu__link menu__link--active" aria-current="page" href="/ru/docs/guides">🎯  Гайды</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" tabindex="0" href="/ru/docs/guides/examples">Примеры</a><button aria-label="Expand sidebar category &#x27;Примеры&#x27;" aria-expanded="false" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/ru/docs/guides/migration/from-custom">Миграция</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/ru/docs/guides/tech/with-nextjs">Технологии</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/ru/docs/guides/issues/desegmented">Code smells &amp; Issues</a></div></li></ul></li></ul></nav><button type="button" title="Свернуть сайдбар" aria-label="Свернуть сайдбар" class="button button--secondary button--outline collapseSidebarButton_L8vW"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_hYfn"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_uESP"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col"><div class="docItemContainer_b1tn"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_ioLt" aria-label="Навигационная цепочка текущей страницы"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Главная страница" class="breadcrumbs__link" href="/ru/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_ZfEo"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">🎯  Гайды</span><meta itemprop="position" content="1"></li></ul></nav><div class="theme-doc-markdown markdown"><header><h1>🎯 Гайды</h1></header>
@@ -21,6 +21,6 @@ <h2 class="anchor anchorWithStickyNavbar_QzlE" id="main">Главное<a href="
 <a class="root_GfON defaultTheme_j3I8" href="/ru/docs/guides/examples"><span role="img" aria-label="tool" class="anticon anticon-tool icon_ciqP"><svg viewBox="64 64 896 896" focusable="false" data-icon="tool" width="1em" height="1em" fill="currentColor" aria-hidden="true"><path d="M876.6 239.5c-.5-.9-1.2-1.8-2-2.5-5-5-13.1-5-18.1 0L684.2 409.3l-67.9-67.9L788.7 169c.8-.8 1.4-1.6 2-2.5 3.6-6.1 1.6-13.9-4.5-17.5-98.2-58-226.8-44.7-311.3 39.7-67 67-89.2 162-66.5 247.4l-293 293c-3 3-2.8 7.9.3 11l169.7 169.7c3.1 3.1 8.1 3.3 11 .3l292.9-292.9c85.5 22.8 180.5.7 247.6-66.4 84.4-84.5 97.7-213.1 39.7-311.3zM786 499.8c-58.1 58.1-145.3 69.3-214.6 33.6l-8.8 8.8-.1-.1-274 274.1-79.2-79.2 230.1-230.1s0 .1.1.1l52.8-52.8c-35.7-69.3-24.5-156.5 33.6-214.6a184.2 184.2 0 01144-53.5L537 318.9a32.05 32.05 0 000 45.3l124.5 124.5a32.05 32.05 0 0045.3 0l132.8-132.8c3.7 51.8-14.4 104.8-53.6 143.9z"></path></svg></span><div class="details_xxkR"><div><span class="title_pSH5">Примеры</span><p class="description__Fep">Практические примеры по применению методологии</p></div><div class="detailsTags_uTQx">Авторизация • Типы • Лейаут страницы</div></div></a>
 <a class="root_GfON defaultTheme_j3I8" href="/ru/docs/guides/migration/from-v1"><span role="img" aria-label="import" class="anticon anticon-import icon_ciqP"><svg fill-rule="evenodd" viewBox="64 64 896 896" focusable="false" data-icon="import" width="1em" height="1em" fill="currentColor" aria-hidden="true"><path d="M880 912H144c-17.7 0-32-14.3-32-32V144c0-17.7 14.3-32 32-32h360c4.4 0 8 3.6 8 8v56c0 4.4-3.6 8-8 8H184v656h656V520c0-4.4 3.6-8 8-8h56c4.4 0 8 3.6 8 8v360c0 17.7-14.3 32-32 32zM653.3 424.6l52.2 52.2a8.01 8.01 0 01-4.7 13.6l-179.4 21c-5.1.6-9.5-3.7-8.9-8.9l21-179.4c.8-6.6 8.9-9.4 13.6-4.7l52.4 52.4 256.2-256.2c3.1-3.1 8.2-3.1 11.3 0l42.4 42.4c3.1 3.1 3.1 8.2 0 11.3L653.3 424.6z"></path></svg></span><div class="details_xxkR"><div><span class="title_pSH5">Миграция</span><p class="description__Fep">Гайды по миграции с других архитектур</p></div><div class="detailsTags_uTQx">Кастомная архитектура • FSv1</div></div></a>
 <a class="root_GfON defaultTheme_j3I8" href="/ru/docs/guides/tech/with-nextjs"><span role="img" aria-label="function" class="anticon anticon-function icon_ciqP"><svg viewBox="64 64 896 896" focusable="false" data-icon="function" width="1em" height="1em" fill="currentColor" aria-hidden="true"><defs><style></style></defs><path d="M841 370c3-3.3 2.7-8.3-.6-11.3a8.24 8.24 0 00-5.3-2.1h-72.6c-2.4 0-4.6 1-6.1 2.8L633.5 504.6a7.96 7.96 0 01-13.4-1.9l-63.5-141.3a7.9 7.9 0 00-7.3-4.7H380.7l.9-4.7 8-42.3c10.5-55.4 38-81.4 85.8-81.4 18.6 0 35.5 1.7 48.8 4.7l14.1-66.8c-22.6-4.7-35.2-6.1-54.9-6.1-103.3 0-156.4 44.3-175.9 147.3l-9.4 49.4h-97.6c-3.8 0-7.1 2.7-7.8 6.4L181.9 415a8.07 8.07 0 007.8 9.7H284l-89 429.9a8.07 8.07 0 007.8 9.7H269c3.8 0 7.1-2.7 7.8-6.4l89.7-433.1h135.8l68.2 139.1c1.4 2.9 1 6.4-1.2 8.8l-180.6 203c-2.9 3.3-2.6 8.4.7 11.3 1.5 1.3 3.4 2 5.3 2h72.7c2.4 0 4.6-1 6.1-2.8l123.7-146.7c2.8-3.4 7.9-3.8 11.3-1 .9.8 1.6 1.7 2.1 2.8L676.4 784c1.3 2.8 4.1 4.7 7.3 4.7h64.6a8.02 8.02 0 007.2-11.5l-95.2-198.9c-1.4-2.9-.9-6.4 1.3-8.8L841 370z"></path></svg></span><div class="details_xxkR"><div><span class="title_pSH5">Технологии</span><p class="description__Fep">Ориентированные на конкретные фреймворки гайды по использованию</p></div></div></a>
-<a class="root_GfON defaultTheme_j3I8" href="/ru/docs/guides/issues/desegmented"><span role="img" aria-label="bug" class="anticon anticon-bug icon_ciqP"><svg viewBox="64 64 896 896" focusable="false" data-icon="bug" width="1em" height="1em" fill="currentColor" aria-hidden="true"><path d="M304 280h56c4.4 0 8-3.6 8-8 0-28.3 5.9-53.2 17.1-73.5 10.6-19.4 26-34.8 45.4-45.4C450.9 142 475.7 136 504 136h16c28.3 0 53.2 5.9 73.5 17.1 19.4 10.6 34.8 26 45.4 45.4C650 218.9 656 243.7 656 272c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8 0-40-8.8-76.7-25.9-108.1a184.31 184.31 0 00-74-74C596.7 72.8 560 64 520 64h-16c-40 0-76.7 8.8-108.1 25.9a184.31 184.31 0 00-74 74C304.8 195.3 296 232 296 272c0 4.4 3.6 8 8 8z"></path><path d="M940 512H792V412c76.8 0 139-62.2 139-139 0-4.4-3.6-8-8-8h-60c-4.4 0-8 3.6-8 8a63 63 0 01-63 63H232a63 63 0 01-63-63c0-4.4-3.6-8-8-8h-60c-4.4 0-8 3.6-8 8 0 76.8 62.2 139 139 139v100H84c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h148v96c0 6.5.2 13 .7 19.3C164.1 728.6 116 796.7 116 876c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8 0-44.2 23.9-82.9 59.6-103.7a273 273 0 0022.7 49c24.3 41.5 59 76.2 100.5 100.5S460.5 960 512 960s99.8-13.9 141.3-38.2a281.38 281.38 0 00123.2-149.5A120 120 0 01836 876c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8 0-79.3-48.1-147.4-116.7-176.7.4-6.4.7-12.8.7-19.3v-96h148c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8zM716 680c0 36.8-9.7 72-27.8 102.9-17.7 30.3-43 55.6-73.3 73.3C584 874.3 548.8 884 512 884s-72-9.7-102.9-27.8c-30.3-17.7-55.6-43-73.3-73.3A202.75 202.75 0 01308 680V412h408v268z"></path></svg></span><div class="details_xxkR"><div><span class="title_pSH5">Code Issues (Smells)</span><p class="description__Fep">Общие архитектурные проблемы для выявления в коде</p></div><div class="detailsTags_uTQx">Десегментация • Роутинг • Кросс-импорты</div></div></a></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/ru/docusaurus-plugin-content-docs/current/guides/index.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Отредактировать эту страницу</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Последнее обновление<!-- --> <b><time datetime="2024-09-29T11:02:46.000Z" itemprop="dateModified">29 сент. 2024 г.</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Навигация по странице документации"><a class="pagination-nav__link pagination-nav__link--prev" href="/ru/docs/get-started"><div class="pagination-nav__sublabel">Предыдущая страница</div><div class="pagination-nav__label">🚀 Быстрый старт</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/ru/docs/guides/examples"><div class="pagination-nav__sublabel">Следующая страница</div><div class="pagination-nav__label">Примеры</div></a></nav></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Спецификация</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/ru/docs">Документация</a></li><li class="footer__item"><a class="footer__link-item" href="/ru/community">Сообщество</a></li><li class="footer__item"><a class="footer__link-item" href="/ru/nav">Помощь</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Обсуждения<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Сообщество</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Остальное</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">Лицензия<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/ru/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/ru/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
+<a class="root_GfON defaultTheme_j3I8" href="/ru/docs/guides/issues/desegmented"><span role="img" aria-label="bug" class="anticon anticon-bug icon_ciqP"><svg viewBox="64 64 896 896" focusable="false" data-icon="bug" width="1em" height="1em" fill="currentColor" aria-hidden="true"><path d="M304 280h56c4.4 0 8-3.6 8-8 0-28.3 5.9-53.2 17.1-73.5 10.6-19.4 26-34.8 45.4-45.4C450.9 142 475.7 136 504 136h16c28.3 0 53.2 5.9 73.5 17.1 19.4 10.6 34.8 26 45.4 45.4C650 218.9 656 243.7 656 272c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8 0-40-8.8-76.7-25.9-108.1a184.31 184.31 0 00-74-74C596.7 72.8 560 64 520 64h-16c-40 0-76.7 8.8-108.1 25.9a184.31 184.31 0 00-74 74C304.8 195.3 296 232 296 272c0 4.4 3.6 8 8 8z"></path><path d="M940 512H792V412c76.8 0 139-62.2 139-139 0-4.4-3.6-8-8-8h-60c-4.4 0-8 3.6-8 8a63 63 0 01-63 63H232a63 63 0 01-63-63c0-4.4-3.6-8-8-8h-60c-4.4 0-8 3.6-8 8 0 76.8 62.2 139 139 139v100H84c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h148v96c0 6.5.2 13 .7 19.3C164.1 728.6 116 796.7 116 876c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8 0-44.2 23.9-82.9 59.6-103.7a273 273 0 0022.7 49c24.3 41.5 59 76.2 100.5 100.5S460.5 960 512 960s99.8-13.9 141.3-38.2a281.38 281.38 0 00123.2-149.5A120 120 0 01836 876c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8 0-79.3-48.1-147.4-116.7-176.7.4-6.4.7-12.8.7-19.3v-96h148c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8zM716 680c0 36.8-9.7 72-27.8 102.9-17.7 30.3-43 55.6-73.3 73.3C584 874.3 548.8 884 512 884s-72-9.7-102.9-27.8c-30.3-17.7-55.6-43-73.3-73.3A202.75 202.75 0 01308 680V412h408v268z"></path></svg></span><div class="details_xxkR"><div><span class="title_pSH5">Code Issues (Smells)</span><p class="description__Fep">Общие архитектурные проблемы для выявления в коде</p></div><div class="detailsTags_uTQx">Десегментация • Роутинг • Кросс-импорты</div></div></a></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/ru/docusaurus-plugin-content-docs/current/guides/index.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Отредактировать эту страницу</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Последнее обновление<!-- --> <b><time datetime="2024-10-07T18:23:06.000Z" itemprop="dateModified">7 окт. 2024 г.</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Навигация по странице документации"><a class="pagination-nav__link pagination-nav__link--prev" href="/ru/docs/get-started"><div class="pagination-nav__sublabel">Предыдущая страница</div><div class="pagination-nav__label">🚀 Быстрый старт</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/ru/docs/guides/examples"><div class="pagination-nav__sublabel">Следующая страница</div><div class="pagination-nav__label">Примеры</div></a></nav></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Спецификация</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/ru/docs">Документация</a></li><li class="footer__item"><a class="footer__link-item" href="/ru/community">Сообщество</a></li><li class="footer__item"><a class="footer__link-item" href="/ru/nav">Помощь</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Обсуждения<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Сообщество</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Остальное</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">Лицензия<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/ru/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/ru/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
 </body>
 </html>
\ No newline at end of file
diff --git a/ru/docs/guides/examples.html b/ru/docs/guides/examples.html
index b5a0f735ed..dd1524cb1b 100644
--- a/ru/docs/guides/examples.html
+++ b/ru/docs/guides/examples.html
@@ -9,8 +9,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/ru/opensearch.xml"><link rel="stylesheet" href="/ru/assets/css/styles.200d81f1.css">
-<script src="/ru/assets/js/runtime~main.d88d86db.js" defer="defer"></script>
-<script src="/ru/assets/js/main.d5dbc580.js" defer="defer"></script>
+<script src="/ru/assets/js/runtime~main.83a61e56.js" defer="defer"></script>
+<script src="/ru/assets/js/main.ba59251d.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Перейти к основному содержимому"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">Перейти к основному содержимому</a></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Переключить навигационную панель" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/ru/"><div class="navbar__logo"><img src="/ru/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/ru/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/ru/docs">📖 Документация</a><a class="navbar__item navbar__link" href="/ru/community">💫 Сообщество</a><a class="navbar__item navbar__link" href="/ru/blog">📝 Блог</a><a class="navbar__item navbar__link" href="/ru/examples">🛠 Примеры</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/ru/docs/guides/examples">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a aria-current="page" class="dropdown__link dropdown__link--active" href="/ru/docs/guides/examples">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/ru/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>Русский</a><ul class="dropdown__menu"><li><a href="/ru/docs/guides/examples" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="ru">Русский</a></li><li><a href="/docs/guides/examples" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/uz/docs/guides/examples" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/docs/guides/examples" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="kr">한국어</a></li><li><a href="/ja/docs/guides/examples" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="Переключение между темным и светлым режимом (сейчас используется Светлый режим)" aria-label="Переключение между темным и светлым режимом (сейчас используется Светлый режим)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="Поиск"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Поиск</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><div class="docsWrapper_rDLg"><button aria-label="Прокрутка к началу" class="clean-btn theme-back-to-top-button backToTopButton_JQoL" type="button"></button><div class="docRoot_GkJk"><aside class="theme-doc-sidebar-container docSidebarContainer_xiHB"><div class="sidebarViewport_DaHB"><div class="sidebar_Kb82"><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_AkOp"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--active" href="/ru/docs/guides">🎯  Гайды</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item"><div class="menu__list-item-collapsible menu__list-item-collapsible--active"><a class="menu__link menu__link--sublist menu__link--active" aria-current="page" tabindex="0" href="/ru/docs/guides/examples">Примеры</a><button aria-label="Collapse sidebar category &#x27;Примеры&#x27;" aria-expanded="true" type="button" class="clean-btn menu__caret"></button></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/ru/docs/guides/examples/auth">Авторизация</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/ru/docs/guides/examples/types">Типы</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/ru/docs/guides/examples/page-layout">Лейауты страниц</a></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/ru/docs/guides/migration/from-custom">Миграция</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/ru/docs/guides/tech/with-nextjs">Технологии</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/ru/docs/guides/issues/desegmented">Code smells &amp; Issues</a></div></li></ul></li></ul></nav><button type="button" title="Свернуть сайдбар" aria-label="Свернуть сайдбар" class="button button--secondary button--outline collapseSidebarButton_L8vW"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_hYfn"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_uESP"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col"><div class="docItemContainer_b1tn"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_ioLt" aria-label="Навигационная цепочка текущей страницы"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Главная страница" class="breadcrumbs__link" href="/ru/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_ZfEo"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/ru/docs/guides"><span itemprop="name">🎯  Гайды</span></a><meta itemprop="position" content="1"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">Примеры</span><meta itemprop="position" content="2"></li></ul></nav><div class="theme-doc-markdown markdown"><header><h1>Примеры</h1></header>
@@ -19,6 +19,6 @@ <h2 class="anchor anchorWithStickyNavbar_QzlE" id="main">Главное<a href="
 <!-- -->
 <a class="root_GfON defaultTheme_j3I8" href="/ru/docs/guides/examples/auth"><span role="img" aria-label="user-switch" class="anticon anticon-user-switch icon_ciqP"><svg viewBox="64 64 896 896" focusable="false" data-icon="user-switch" width="1em" height="1em" fill="currentColor" aria-hidden="true"><defs><style></style></defs><path d="M759 335c0-137-111-248-248-248S263 198 263 335c0 82.8 40.6 156.2 103 201.2-.4.2-.7.3-.9.4-44.7 18.9-84.8 46-119.3 80.6a373.42 373.42 0 00-80.4 119.5A373.6 373.6 0 00136 874.8a8 8 0 008 8.2h59.9c4.3 0 7.9-3.5 8-7.8 2-77.2 32.9-149.5 87.6-204.3C356 614.2 431 583 511 583c137 0 248-111 248-248zM511 507c-95 0-172-77-172-172s77-172 172-172 172 77 172 172-77 172-172 172zm105 221h264c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8H703.5l47.2-60.1a8.1 8.1 0 001.7-4.9c0-4.4-3.6-8-8-8h-72.6c-4.9 0-9.5 2.3-12.6 6.1l-68.5 87.1c-4.4 5.6-6.8 12.6-6.8 19.8.1 17.7 14.4 32 32.1 32zm240 64H592c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h176.5l-47.2 60.1a8.1 8.1 0 00-1.7 4.9c0 4.4 3.6 8 8 8h72.6c4.9 0 9.5-2.3 12.6-6.1l68.5-87.1c4.4-5.6 6.8-12.6 6.8-19.8-.1-17.7-14.4-32-32.1-32z"></path></svg></span><div class="details_xxkR"><div><span class="title_pSH5">Авторизация</span><p class="description__Fep">Декомпозиция логики авторизации</p></div><div class="detailsTags_uTQx">Формы • 2FA • OAuth • Хранение токенов • Обновление токена</div></div></a>
 <a class="root_GfON defaultTheme_j3I8" href="/ru/docs/guides/examples/types"><span role="img" aria-label="font-size" class="anticon anticon-font-size icon_ciqP"><svg viewBox="64 64 896 896" focusable="false" data-icon="font-size" width="1em" height="1em" fill="currentColor" aria-hidden="true"><path d="M920 416H616c-4.4 0-8 3.6-8 8v112c0 4.4 3.6 8 8 8h48c4.4 0 8-3.6 8-8v-56h60v320h-46c-4.4 0-8 3.6-8 8v48c0 4.4 3.6 8 8 8h164c4.4 0 8-3.6 8-8v-48c0-4.4-3.6-8-8-8h-46V480h60v56c0 4.4 3.6 8 8 8h48c4.4 0 8-3.6 8-8V424c0-4.4-3.6-8-8-8zM656 296V168c0-4.4-3.6-8-8-8H104c-4.4 0-8 3.6-8 8v128c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-64h168v560h-92c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h264c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8h-92V232h168v64c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8z"></path></svg></span><div class="details_xxkR"><div><span class="title_pSH5">Типы</span><p class="description__Fep">Где стоит располагать типы? Каких видов они бывают в контексте FSD?</p></div><div class="detailsTags_uTQx">DTO • Мапперы • Связи сущностей • Авто-генерация • Схемы валидации</div></div></a>
-<a class="root_GfON defaultTheme_j3I8" href="/ru/docs/guides/examples/page-layout"><span role="img" aria-label="layout" class="anticon anticon-layout icon_ciqP"><svg viewBox="64 64 896 896" focusable="false" data-icon="layout" width="1em" height="1em" fill="currentColor" aria-hidden="true"><path d="M880 112H144c-17.7 0-32 14.3-32 32v736c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V144c0-17.7-14.3-32-32-32zm-696 72h136v656H184V184zm656 656H384V384h456v456zM384 320V184h456v136H384z"></path></svg></span><div class="details_xxkR"><div><span class="title_pSH5">Лейауты страниц</span><p class="description__Fep">Основные кейсы с лейаутами</p></div><div class="detailsTags_uTQx">Где хранить • Использование виджетов в лейауте</div></div></a></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/ru/docusaurus-plugin-content-docs/current/guides/examples/index.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Отредактировать эту страницу</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Последнее обновление<!-- --> <b><time datetime="2024-09-29T11:02:46.000Z" itemprop="dateModified">29 сент. 2024 г.</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Навигация по странице документации"><a class="pagination-nav__link pagination-nav__link--prev" href="/ru/docs/guides"><div class="pagination-nav__sublabel">Предыдущая страница</div><div class="pagination-nav__label">🎯 Гайды</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/ru/docs/guides/examples/auth"><div class="pagination-nav__sublabel">Следующая страница</div><div class="pagination-nav__label">Авторизация</div></a></nav></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Спецификация</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/ru/docs">Документация</a></li><li class="footer__item"><a class="footer__link-item" href="/ru/community">Сообщество</a></li><li class="footer__item"><a class="footer__link-item" href="/ru/nav">Помощь</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Обсуждения<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Сообщество</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Остальное</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">Лицензия<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/ru/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/ru/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
+<a class="root_GfON defaultTheme_j3I8" href="/ru/docs/guides/examples/page-layout"><span role="img" aria-label="layout" class="anticon anticon-layout icon_ciqP"><svg viewBox="64 64 896 896" focusable="false" data-icon="layout" width="1em" height="1em" fill="currentColor" aria-hidden="true"><path d="M880 112H144c-17.7 0-32 14.3-32 32v736c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V144c0-17.7-14.3-32-32-32zm-696 72h136v656H184V184zm656 656H384V384h456v456zM384 320V184h456v136H384z"></path></svg></span><div class="details_xxkR"><div><span class="title_pSH5">Лейауты страниц</span><p class="description__Fep">Основные кейсы с лейаутами</p></div><div class="detailsTags_uTQx">Где хранить • Использование виджетов в лейауте</div></div></a></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/ru/docusaurus-plugin-content-docs/current/guides/examples/index.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Отредактировать эту страницу</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Последнее обновление<!-- --> <b><time datetime="2024-10-07T18:23:06.000Z" itemprop="dateModified">7 окт. 2024 г.</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Навигация по странице документации"><a class="pagination-nav__link pagination-nav__link--prev" href="/ru/docs/guides"><div class="pagination-nav__sublabel">Предыдущая страница</div><div class="pagination-nav__label">🎯 Гайды</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/ru/docs/guides/examples/auth"><div class="pagination-nav__sublabel">Следующая страница</div><div class="pagination-nav__label">Авторизация</div></a></nav></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Спецификация</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/ru/docs">Документация</a></li><li class="footer__item"><a class="footer__link-item" href="/ru/community">Сообщество</a></li><li class="footer__item"><a class="footer__link-item" href="/ru/nav">Помощь</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Обсуждения<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Сообщество</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Остальное</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">Лицензия<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/ru/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/ru/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
 </body>
 </html>
\ No newline at end of file
diff --git a/ru/docs/guides/examples/auth.html b/ru/docs/guides/examples/auth.html
index 68ff6a9028..153496ebec 100644
--- a/ru/docs/guides/examples/auth.html
+++ b/ru/docs/guides/examples/auth.html
@@ -9,8 +9,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/ru/opensearch.xml"><link rel="stylesheet" href="/ru/assets/css/styles.200d81f1.css">
-<script src="/ru/assets/js/runtime~main.d88d86db.js" defer="defer"></script>
-<script src="/ru/assets/js/main.d5dbc580.js" defer="defer"></script>
+<script src="/ru/assets/js/runtime~main.83a61e56.js" defer="defer"></script>
+<script src="/ru/assets/js/main.ba59251d.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Перейти к основному содержимому"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">Перейти к основному содержимому</a></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Переключить навигационную панель" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/ru/"><div class="navbar__logo"><img src="/ru/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/ru/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/ru/docs">📖 Документация</a><a class="navbar__item navbar__link" href="/ru/community">💫 Сообщество</a><a class="navbar__item navbar__link" href="/ru/blog">📝 Блог</a><a class="navbar__item navbar__link" href="/ru/examples">🛠 Примеры</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/ru/docs/guides/examples/auth">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a aria-current="page" class="dropdown__link dropdown__link--active" href="/ru/docs/guides/examples/auth">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/ru/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>Русский</a><ul class="dropdown__menu"><li><a href="/ru/docs/guides/examples/auth" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="ru">Русский</a></li><li><a href="/docs/guides/examples/auth" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/uz/docs/guides/examples/auth" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/docs/guides/examples/auth" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="kr">한국어</a></li><li><a href="/ja/docs/guides/examples/auth" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="Переключение между темным и светлым режимом (сейчас используется Светлый режим)" aria-label="Переключение между темным и светлым режимом (сейчас используется Светлый режим)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="Поиск"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Поиск</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><div class="docsWrapper_rDLg"><button aria-label="Прокрутка к началу" class="clean-btn theme-back-to-top-button backToTopButton_JQoL" type="button"></button><div class="docRoot_GkJk"><aside class="theme-doc-sidebar-container docSidebarContainer_xiHB"><div class="sidebarViewport_DaHB"><div class="sidebar_Kb82"><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_AkOp"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--active" href="/ru/docs/guides">🎯  Гайды</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--active" tabindex="0" href="/ru/docs/guides/examples">Примеры</a><button aria-label="Collapse sidebar category &#x27;Примеры&#x27;" aria-expanded="true" type="button" class="clean-btn menu__caret"></button></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/ru/docs/guides/examples/auth">Авторизация</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/ru/docs/guides/examples/types">Типы</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/ru/docs/guides/examples/page-layout">Лейауты страниц</a></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/ru/docs/guides/migration/from-custom">Миграция</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/ru/docs/guides/tech/with-nextjs">Технологии</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/ru/docs/guides/issues/desegmented">Code smells &amp; Issues</a></div></li></ul></li></ul></nav><button type="button" title="Свернуть сайдбар" aria-label="Свернуть сайдбар" class="button button--secondary button--outline collapseSidebarButton_L8vW"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_hYfn"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_uESP"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_w6lk"><div class="docItemContainer_b1tn"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_ioLt" aria-label="Навигационная цепочка текущей страницы"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Главная страница" class="breadcrumbs__link" href="/ru/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_ZfEo"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/ru/docs/guides"><span itemprop="name">🎯  Гайды</span></a><meta itemprop="position" content="1"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/ru/docs/guides/examples"><span itemprop="name">Примеры</span></a><meta itemprop="position" content="2"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">Авторизация</span><meta itemprop="position" content="3"></li></ul></nav><div class="tocCollapsible_EkMH theme-doc-toc-mobile tocMobile_XRnS"><button type="button" class="clean-btn tocCollapsibleButton_ID8T">Содержание этой страницы</button></div><div class="theme-doc-markdown markdown"><header><h1>Авторизация</h1></header>
@@ -164,6 +164,6 @@ <h2 class="anchor anchorWithStickyNavbar_QzlE" id="логаут-и-аннули
 <p>Если вы храните все ваши запросы в <code>shared/api</code>, оставьте там функцию для запроса на логаут, рядом с функцией для логина. Если нет, разместите функцию-запрос на логаут рядом с кнопкой, которая её вызывает. Например, если у вас есть виджет хэдера, который есть на каждой странице и содержит ссылку для логаута, поместите этот запрос в сегмент <code>api</code> этого виджета.</p>
 <p>Обновление хранилища токенов также должно будет запускаться с места кнопки логаута, как, например, виджет заголовка. Вы можете объединить запрос и обновление хранилища в сегменте <code>model</code> этого виджета.</p>
 <h3 class="anchor anchorWithStickyNavbar_QzlE" id="автоматический-логаут">Автоматический логаут<a href="#автоматический-логаут" class="hash-link" aria-label="Прямая ссылка на этот заголовок" title="Прямая ссылка на этот заголовок">​</a></h3>
-<p>Не забудьте предусмотреть ситуации сбоя запроса на логаут или сбоя запроса на обновление токена. В обоих случаях вам следует очистить хранилище токенов. Если вы храните свой токен в Entities, этот код можно поместить в сегмент <code>model</code>, поскольку это чистая бизнес-логика. Если вы храните токен в Shared, размещение этой логики в <code>shared/api</code> может раздуть сегмент и размыть его предназначение. Если вы замечаете, что ваш сегмент <code>api</code> содержит две несвязанные вещи, рассмотрите возможность выделения логики управления токенами в другой сегмент, например, <code>shared/auth</code>.</p></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/ru/docusaurus-plugin-content-docs/current/guides/examples/auth.md" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Отредактировать эту страницу</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Последнее обновление<!-- --> <b><time datetime="2024-09-29T11:02:46.000Z" itemprop="dateModified">29 сент. 2024 г.</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Навигация по странице документации"><a class="pagination-nav__link pagination-nav__link--prev" href="/ru/docs/guides/examples"><div class="pagination-nav__sublabel">Предыдущая страница</div><div class="pagination-nav__label">Примеры</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/ru/docs/guides/examples/types"><div class="pagination-nav__sublabel">Следующая страница</div><div class="pagination-nav__label">Типы</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#как-получить-учетные-данные-пользователя" class="table-of-contents__link toc-highlight">Как получить учетные данные пользователя</a><ul><li><a href="#отдельная-страница-для-логина" class="table-of-contents__link toc-highlight">Отдельная страница для логина</a></li><li><a href="#диалог-для-логина" class="table-of-contents__link toc-highlight">Диалог для логина</a></li><li><a href="#клиентская-валидация" class="table-of-contents__link toc-highlight">Клиентская валидация</a></li></ul></li><li><a href="#как-отправить-учетные-данные-на-бэкенд" class="table-of-contents__link toc-highlight">Как отправить учетные данные на бэкенд</a><ul><li><a href="#где-хранить-функцию-запроса" class="table-of-contents__link toc-highlight">Где хранить функцию запроса</a></li><li><a href="#двухфакторная-аутентификация" class="table-of-contents__link toc-highlight">Двухфакторная аутентификация</a></li></ul></li><li><a href="#how-to-store-the-token-for-authenticated-requests" class="table-of-contents__link toc-highlight">Как хранить токен для авторизованных запросов</a><ul><li><a href="#в-shared" class="table-of-contents__link toc-highlight">В Shared</a></li><li><a href="#в-entities" class="table-of-contents__link toc-highlight">В Entities</a></li><li><a href="#в-pageswidgets-не-рекомендуется" class="table-of-contents__link toc-highlight">В Pages/Widgets (не рекомендуется)</a></li></ul></li><li><a href="#логаут-и-аннулирование-токена" class="table-of-contents__link toc-highlight">Логаут и аннулирование токена</a><ul><li><a href="#автоматический-логаут" class="table-of-contents__link toc-highlight">Автоматический логаут</a></li></ul></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Спецификация</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/ru/docs">Документация</a></li><li class="footer__item"><a class="footer__link-item" href="/ru/community">Сообщество</a></li><li class="footer__item"><a class="footer__link-item" href="/ru/nav">Помощь</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Обсуждения<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Сообщество</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Остальное</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">Лицензия<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/ru/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/ru/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
+<p>Не забудьте предусмотреть ситуации сбоя запроса на логаут или сбоя запроса на обновление токена. В обоих случаях вам следует очистить хранилище токенов. Если вы храните свой токен в Entities, этот код можно поместить в сегмент <code>model</code>, поскольку это чистая бизнес-логика. Если вы храните токен в Shared, размещение этой логики в <code>shared/api</code> может раздуть сегмент и размыть его предназначение. Если вы замечаете, что ваш сегмент <code>api</code> содержит две несвязанные вещи, рассмотрите возможность выделения логики управления токенами в другой сегмент, например, <code>shared/auth</code>.</p></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/ru/docusaurus-plugin-content-docs/current/guides/examples/auth.md" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Отредактировать эту страницу</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Последнее обновление<!-- --> <b><time datetime="2024-10-07T18:23:06.000Z" itemprop="dateModified">7 окт. 2024 г.</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Навигация по странице документации"><a class="pagination-nav__link pagination-nav__link--prev" href="/ru/docs/guides/examples"><div class="pagination-nav__sublabel">Предыдущая страница</div><div class="pagination-nav__label">Примеры</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/ru/docs/guides/examples/types"><div class="pagination-nav__sublabel">Следующая страница</div><div class="pagination-nav__label">Типы</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#как-получить-учетные-данные-пользователя" class="table-of-contents__link toc-highlight">Как получить учетные данные пользователя</a><ul><li><a href="#отдельная-страница-для-логина" class="table-of-contents__link toc-highlight">Отдельная страница для логина</a></li><li><a href="#диалог-для-логина" class="table-of-contents__link toc-highlight">Диалог для логина</a></li><li><a href="#клиентская-валидация" class="table-of-contents__link toc-highlight">Клиентская валидация</a></li></ul></li><li><a href="#как-отправить-учетные-данные-на-бэкенд" class="table-of-contents__link toc-highlight">Как отправить учетные данные на бэкенд</a><ul><li><a href="#где-хранить-функцию-запроса" class="table-of-contents__link toc-highlight">Где хранить функцию запроса</a></li><li><a href="#двухфакторная-аутентификация" class="table-of-contents__link toc-highlight">Двухфакторная аутентификация</a></li></ul></li><li><a href="#how-to-store-the-token-for-authenticated-requests" class="table-of-contents__link toc-highlight">Как хранить токен для авторизованных запросов</a><ul><li><a href="#в-shared" class="table-of-contents__link toc-highlight">В Shared</a></li><li><a href="#в-entities" class="table-of-contents__link toc-highlight">В Entities</a></li><li><a href="#в-pageswidgets-не-рекомендуется" class="table-of-contents__link toc-highlight">В Pages/Widgets (не рекомендуется)</a></li></ul></li><li><a href="#логаут-и-аннулирование-токена" class="table-of-contents__link toc-highlight">Логаут и аннулирование токена</a><ul><li><a href="#автоматический-логаут" class="table-of-contents__link toc-highlight">Автоматический логаут</a></li></ul></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Спецификация</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/ru/docs">Документация</a></li><li class="footer__item"><a class="footer__link-item" href="/ru/community">Сообщество</a></li><li class="footer__item"><a class="footer__link-item" href="/ru/nav">Помощь</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Обсуждения<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Сообщество</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Остальное</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">Лицензия<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/ru/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/ru/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
 </body>
 </html>
\ No newline at end of file
diff --git a/ru/docs/guides/examples/autocompleted.html b/ru/docs/guides/examples/autocompleted.html
index ef21b34719..0013454b67 100644
--- a/ru/docs/guides/examples/autocompleted.html
+++ b/ru/docs/guides/examples/autocompleted.html
@@ -9,8 +9,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/ru/opensearch.xml"><link rel="stylesheet" href="/ru/assets/css/styles.200d81f1.css">
-<script src="/ru/assets/js/runtime~main.d88d86db.js" defer="defer"></script>
-<script src="/ru/assets/js/main.d5dbc580.js" defer="defer"></script>
+<script src="/ru/assets/js/runtime~main.83a61e56.js" defer="defer"></script>
+<script src="/ru/assets/js/main.ba59251d.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Перейти к основному содержимому"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">Перейти к основному содержимому</a></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Переключить навигационную панель" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/ru/"><div class="navbar__logo"><img src="/ru/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/ru/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/ru/docs">📖 Документация</a><a class="navbar__item navbar__link" href="/ru/community">💫 Сообщество</a><a class="navbar__item navbar__link" href="/ru/blog">📝 Блог</a><a class="navbar__item navbar__link" href="/ru/examples">🛠 Примеры</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/ru/docs/guides/examples/autocompleted">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a aria-current="page" class="dropdown__link dropdown__link--active" href="/ru/docs/guides/examples/autocompleted">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/ru/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>Русский</a><ul class="dropdown__menu"><li><a href="/ru/docs/guides/examples/autocompleted" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="ru">Русский</a></li><li><a href="/docs/guides/examples/autocompleted" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/uz/docs/guides/examples/autocompleted" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/docs/guides/examples/autocompleted" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="kr">한국어</a></li><li><a href="/ja/docs/guides/examples/autocompleted" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="Переключение между темным и светлым режимом (сейчас используется Светлый режим)" aria-label="Переключение между темным и светлым режимом (сейчас используется Светлый режим)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="Поиск"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Поиск</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><div class="docsWrapper_rDLg"><button aria-label="Прокрутка к началу" class="clean-btn theme-back-to-top-button backToTopButton_JQoL" type="button"></button><div class="docRoot_GkJk"><aside class="theme-doc-sidebar-container docSidebarContainer_xiHB"><div class="sidebarViewport_DaHB"><div class="sidebar_Kb82"><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_AkOp"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--active" href="/ru/docs/guides">🎯  Гайды</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--active" tabindex="0" href="/ru/docs/guides/examples">Примеры</a><button aria-label="Collapse sidebar category &#x27;Примеры&#x27;" aria-expanded="true" type="button" class="clean-btn menu__caret"></button></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/ru/docs/guides/examples/auth">Авторизация</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/ru/docs/guides/examples/types">Типы</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/ru/docs/guides/examples/page-layout">Лейауты страниц</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item sidebar-item--wip"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/ru/docs/guides/examples/autocompleted">Автокомплит</a></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/ru/docs/guides/migration/from-custom">Миграция</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/ru/docs/guides/tech/with-nextjs">Технологии</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/ru/docs/guides/issues/desegmented">Code smells &amp; Issues</a></div></li></ul></li></ul></nav><button type="button" title="Свернуть сайдбар" aria-label="Свернуть сайдбар" class="button button--secondary button--outline collapseSidebarButton_L8vW"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_hYfn"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_uESP"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_w6lk"><div class="theme-admonition theme-admonition-caution admonition_yLUd alert alert--warning theme-unlisted-banner"><div class="admonitionHeading_ulUq"><span class="admonitionIcon_Wbvt"><svg viewBox="0 0 16 16"><path fill-rule="evenodd" d="M8.893 1.5c-.183-.31-.52-.5-.887-.5s-.703.19-.886.5L.138 13.499a.98.98 0 0 0 0 1.001c.193.31.53.501.886.501h13.964c.367 0 .704-.19.877-.5a1.03 1.03 0 0 0 .01-1.002L8.893 1.5zm.133 11.497H6.987v-2.003h2.039v2.003zm0-3.004H6.987V5.987h2.039v4.006z"></path></svg></span>Unlisted page</div><div class="admonitionContent_mbd8">This page is unlisted. Search engines will not index it, and only users having a direct link can access it.</div></div><div class="docItemContainer_b1tn"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_ioLt" aria-label="Навигационная цепочка текущей страницы"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Главная страница" class="breadcrumbs__link" href="/ru/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_ZfEo"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/ru/docs/guides"><span itemprop="name">🎯  Гайды</span></a><meta itemprop="position" content="1"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/ru/docs/guides/examples"><span itemprop="name">Примеры</span></a><meta itemprop="position" content="2"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">Автокомплит</span><meta itemprop="position" content="3"></li></ul></nav><div class="tocCollapsible_EkMH theme-doc-toc-mobile tocMobile_XRnS"><button type="button" class="clean-btn tocCollapsibleButton_ID8T">Содержание этой страницы</button></div><div class="theme-doc-markdown markdown"><header><h1>Автокомплит</h1></header>
@@ -21,6 +21,6 @@
 <h2 class="anchor anchorWithStickyNavbar_QzlE" id="see-also">См. также<a href="#see-also" class="hash-link" aria-label="Прямая ссылка на этот заголовок" title="Прямая ссылка на этот заголовок">​</a></h2>
 <ul>
 <li><a href="https://github.com/feature-sliced/documentation/discussions/65#discussioncomment-480807" target="_blank" rel="noopener noreferrer">(Дискуссия) Про применение методологии для селекта с подгружаемыми справочниками</a></li>
-</ul></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/ru/docusaurus-plugin-content-docs/current/guides/examples/autocompleted.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Отредактировать эту страницу</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Последнее обновление<!-- --> <b><time datetime="2024-09-29T11:02:46.000Z" itemprop="dateModified">29 сент. 2024 г.</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Навигация по странице документации"></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#see-also" class="table-of-contents__link toc-highlight">См. также</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Спецификация</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/ru/docs">Документация</a></li><li class="footer__item"><a class="footer__link-item" href="/ru/community">Сообщество</a></li><li class="footer__item"><a class="footer__link-item" href="/ru/nav">Помощь</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Обсуждения<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Сообщество</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Остальное</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">Лицензия<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/ru/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/ru/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
+</ul></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/ru/docusaurus-plugin-content-docs/current/guides/examples/autocompleted.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Отредактировать эту страницу</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Последнее обновление<!-- --> <b><time datetime="2024-10-07T18:23:06.000Z" itemprop="dateModified">7 окт. 2024 г.</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Навигация по странице документации"></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#see-also" class="table-of-contents__link toc-highlight">См. также</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Спецификация</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/ru/docs">Документация</a></li><li class="footer__item"><a class="footer__link-item" href="/ru/community">Сообщество</a></li><li class="footer__item"><a class="footer__link-item" href="/ru/nav">Помощь</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Обсуждения<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Сообщество</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Остальное</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">Лицензия<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/ru/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/ru/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
 </body>
 </html>
\ No newline at end of file
diff --git a/ru/docs/guides/examples/browser-api.html b/ru/docs/guides/examples/browser-api.html
index 8b8a15b47a..89accbb517 100644
--- a/ru/docs/guides/examples/browser-api.html
+++ b/ru/docs/guides/examples/browser-api.html
@@ -9,8 +9,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/ru/opensearch.xml"><link rel="stylesheet" href="/ru/assets/css/styles.200d81f1.css">
-<script src="/ru/assets/js/runtime~main.d88d86db.js" defer="defer"></script>
-<script src="/ru/assets/js/main.d5dbc580.js" defer="defer"></script>
+<script src="/ru/assets/js/runtime~main.83a61e56.js" defer="defer"></script>
+<script src="/ru/assets/js/main.ba59251d.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Перейти к основному содержимому"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">Перейти к основному содержимому</a></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Переключить навигационную панель" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/ru/"><div class="navbar__logo"><img src="/ru/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/ru/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/ru/docs">📖 Документация</a><a class="navbar__item navbar__link" href="/ru/community">💫 Сообщество</a><a class="navbar__item navbar__link" href="/ru/blog">📝 Блог</a><a class="navbar__item navbar__link" href="/ru/examples">🛠 Примеры</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/ru/docs/guides/examples/browser-api">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a aria-current="page" class="dropdown__link dropdown__link--active" href="/ru/docs/guides/examples/browser-api">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/ru/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>Русский</a><ul class="dropdown__menu"><li><a href="/ru/docs/guides/examples/browser-api" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="ru">Русский</a></li><li><a href="/docs/guides/examples/browser-api" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/uz/docs/guides/examples/browser-api" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/docs/guides/examples/browser-api" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="kr">한국어</a></li><li><a href="/ja/docs/guides/examples/browser-api" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="Переключение между темным и светлым режимом (сейчас используется Светлый режим)" aria-label="Переключение между темным и светлым режимом (сейчас используется Светлый режим)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="Поиск"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Поиск</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><div class="docsWrapper_rDLg"><button aria-label="Прокрутка к началу" class="clean-btn theme-back-to-top-button backToTopButton_JQoL" type="button"></button><div class="docRoot_GkJk"><aside class="theme-doc-sidebar-container docSidebarContainer_xiHB"><div class="sidebarViewport_DaHB"><div class="sidebar_Kb82"><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_AkOp"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--active" href="/ru/docs/guides">🎯  Гайды</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--active" tabindex="0" href="/ru/docs/guides/examples">Примеры</a><button aria-label="Collapse sidebar category &#x27;Примеры&#x27;" aria-expanded="true" type="button" class="clean-btn menu__caret"></button></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/ru/docs/guides/examples/auth">Авторизация</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/ru/docs/guides/examples/types">Типы</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/ru/docs/guides/examples/page-layout">Лейауты страниц</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item sidebar-item--wip"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/ru/docs/guides/examples/browser-api">Browser API</a></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/ru/docs/guides/migration/from-custom">Миграция</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/ru/docs/guides/tech/with-nextjs">Технологии</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/ru/docs/guides/issues/desegmented">Code smells &amp; Issues</a></div></li></ul></li></ul></nav><button type="button" title="Свернуть сайдбар" aria-label="Свернуть сайдбар" class="button button--secondary button--outline collapseSidebarButton_L8vW"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_hYfn"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_uESP"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_w6lk"><div class="theme-admonition theme-admonition-caution admonition_yLUd alert alert--warning theme-unlisted-banner"><div class="admonitionHeading_ulUq"><span class="admonitionIcon_Wbvt"><svg viewBox="0 0 16 16"><path fill-rule="evenodd" d="M8.893 1.5c-.183-.31-.52-.5-.887-.5s-.703.19-.886.5L.138 13.499a.98.98 0 0 0 0 1.001c.193.31.53.501.886.501h13.964c.367 0 .704-.19.877-.5a1.03 1.03 0 0 0 .01-1.002L8.893 1.5zm.133 11.497H6.987v-2.003h2.039v2.003zm0-3.004H6.987V5.987h2.039v4.006z"></path></svg></span>Unlisted page</div><div class="admonitionContent_mbd8">This page is unlisted. Search engines will not index it, and only users having a direct link can access it.</div></div><div class="docItemContainer_b1tn"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_ioLt" aria-label="Навигационная цепочка текущей страницы"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Главная страница" class="breadcrumbs__link" href="/ru/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_ZfEo"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/ru/docs/guides"><span itemprop="name">🎯  Гайды</span></a><meta itemprop="position" content="1"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/ru/docs/guides/examples"><span itemprop="name">Примеры</span></a><meta itemprop="position" content="2"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">Browser API</span><meta itemprop="position" content="3"></li></ul></nav><div class="theme-doc-markdown markdown"><header><h1>Browser API</h1></header>
@@ -18,6 +18,6 @@
 <blockquote>
 <p>Про работу с Browser API: localStorage, audioApi, bluetoothAPI и т.п.</p>
 <p>Подробнее про идею можно спросить <a href="https://t.me/alex_novich" target="_blank" rel="noopener noreferrer">@alex_novi</a></p>
-</blockquote></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/ru/docusaurus-plugin-content-docs/current/guides/examples/browser-api.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Отредактировать эту страницу</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Последнее обновление<!-- --> <b><time datetime="2024-09-29T11:02:46.000Z" itemprop="dateModified">29 сент. 2024 г.</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Навигация по странице документации"></nav></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Спецификация</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/ru/docs">Документация</a></li><li class="footer__item"><a class="footer__link-item" href="/ru/community">Сообщество</a></li><li class="footer__item"><a class="footer__link-item" href="/ru/nav">Помощь</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Обсуждения<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Сообщество</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Остальное</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">Лицензия<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/ru/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/ru/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
+</blockquote></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/ru/docusaurus-plugin-content-docs/current/guides/examples/browser-api.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Отредактировать эту страницу</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Последнее обновление<!-- --> <b><time datetime="2024-10-07T18:23:06.000Z" itemprop="dateModified">7 окт. 2024 г.</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Навигация по странице документации"></nav></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Спецификация</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/ru/docs">Документация</a></li><li class="footer__item"><a class="footer__link-item" href="/ru/community">Сообщество</a></li><li class="footer__item"><a class="footer__link-item" href="/ru/nav">Помощь</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Обсуждения<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Сообщество</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Остальное</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">Лицензия<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/ru/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/ru/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
 </body>
 </html>
\ No newline at end of file
diff --git a/ru/docs/guides/examples/cms.html b/ru/docs/guides/examples/cms.html
index aa89ce0559..44f6c49172 100644
--- a/ru/docs/guides/examples/cms.html
+++ b/ru/docs/guides/examples/cms.html
@@ -9,8 +9,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/ru/opensearch.xml"><link rel="stylesheet" href="/ru/assets/css/styles.200d81f1.css">
-<script src="/ru/assets/js/runtime~main.d88d86db.js" defer="defer"></script>
-<script src="/ru/assets/js/main.d5dbc580.js" defer="defer"></script>
+<script src="/ru/assets/js/runtime~main.83a61e56.js" defer="defer"></script>
+<script src="/ru/assets/js/main.ba59251d.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Перейти к основному содержимому"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">Перейти к основному содержимому</a></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Переключить навигационную панель" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/ru/"><div class="navbar__logo"><img src="/ru/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/ru/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/ru/docs">📖 Документация</a><a class="navbar__item navbar__link" href="/ru/community">💫 Сообщество</a><a class="navbar__item navbar__link" href="/ru/blog">📝 Блог</a><a class="navbar__item navbar__link" href="/ru/examples">🛠 Примеры</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/ru/docs/guides/examples/cms">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a aria-current="page" class="dropdown__link dropdown__link--active" href="/ru/docs/guides/examples/cms">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/ru/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>Русский</a><ul class="dropdown__menu"><li><a href="/ru/docs/guides/examples/cms" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="ru">Русский</a></li><li><a href="/docs/guides/examples/cms" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/uz/docs/guides/examples/cms" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/docs/guides/examples/cms" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="kr">한국어</a></li><li><a href="/ja/docs/guides/examples/cms" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="Переключение между темным и светлым режимом (сейчас используется Светлый режим)" aria-label="Переключение между темным и светлым режимом (сейчас используется Светлый режим)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="Поиск"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Поиск</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><div class="docsWrapper_rDLg"><button aria-label="Прокрутка к началу" class="clean-btn theme-back-to-top-button backToTopButton_JQoL" type="button"></button><div class="docRoot_GkJk"><aside class="theme-doc-sidebar-container docSidebarContainer_xiHB"><div class="sidebarViewport_DaHB"><div class="sidebar_Kb82"><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_AkOp"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--active" href="/ru/docs/guides">🎯  Гайды</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--active" tabindex="0" href="/ru/docs/guides/examples">Примеры</a><button aria-label="Collapse sidebar category &#x27;Примеры&#x27;" aria-expanded="true" type="button" class="clean-btn menu__caret"></button></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/ru/docs/guides/examples/auth">Авторизация</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/ru/docs/guides/examples/types">Типы</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/ru/docs/guides/examples/page-layout">Лейауты страниц</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item sidebar-item--wip"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/ru/docs/guides/examples/cms">CMS</a></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/ru/docs/guides/migration/from-custom">Миграция</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/ru/docs/guides/tech/with-nextjs">Технологии</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/ru/docs/guides/issues/desegmented">Code smells &amp; Issues</a></div></li></ul></li></ul></nav><button type="button" title="Свернуть сайдбар" aria-label="Свернуть сайдбар" class="button button--secondary button--outline collapseSidebarButton_L8vW"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_hYfn"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_uESP"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_w6lk"><div class="theme-admonition theme-admonition-caution admonition_yLUd alert alert--warning theme-unlisted-banner"><div class="admonitionHeading_ulUq"><span class="admonitionIcon_Wbvt"><svg viewBox="0 0 16 16"><path fill-rule="evenodd" d="M8.893 1.5c-.183-.31-.52-.5-.887-.5s-.703.19-.886.5L.138 13.499a.98.98 0 0 0 0 1.001c.193.31.53.501.886.501h13.964c.367 0 .704-.19.877-.5a1.03 1.03 0 0 0 .01-1.002L8.893 1.5zm.133 11.497H6.987v-2.003h2.039v2.003zm0-3.004H6.987V5.987h2.039v4.006z"></path></svg></span>Unlisted page</div><div class="admonitionContent_mbd8">This page is unlisted. Search engines will not index it, and only users having a direct link can access it.</div></div><div class="docItemContainer_b1tn"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_ioLt" aria-label="Навигационная цепочка текущей страницы"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Главная страница" class="breadcrumbs__link" href="/ru/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_ZfEo"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/ru/docs/guides"><span itemprop="name">🎯  Гайды</span></a><meta itemprop="position" content="1"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/ru/docs/guides/examples"><span itemprop="name">Примеры</span></a><meta itemprop="position" content="2"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">CMS</span><meta itemprop="position" content="3"></li></ul></nav><div class="tocCollapsible_EkMH theme-doc-toc-mobile tocMobile_XRnS"><button type="button" class="clean-btn tocCollapsibleButton_ID8T">Содержание этой страницы</button></div><div class="theme-doc-markdown markdown"><header><h1>CMS</h1></header>
@@ -26,6 +26,6 @@ <h2 class="anchor anchorWithStickyNavbar_QzlE" id="how-to-work-more-correctly-wi
 </blockquote>
 <blockquote>
 <p><a href="https://t.me/feature_sliced/1553" target="_blank" rel="noopener noreferrer">https://t.me/feature_sliced/1553</a></p>
-</blockquote></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/ru/docusaurus-plugin-content-docs/current/guides/examples/cms.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Отредактировать эту страницу</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Последнее обновление<!-- --> <b><time datetime="2024-09-29T11:02:46.000Z" itemprop="dateModified">29 сент. 2024 г.</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Навигация по странице документации"></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#features-may-be-different" class="table-of-contents__link toc-highlight">Фичи бывают разные</a></li><li><a href="#how-to-work-more-correctly-with-cms-markup" class="table-of-contents__link toc-highlight">Как корректней работать с CMS-разметкой</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Спецификация</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/ru/docs">Документация</a></li><li class="footer__item"><a class="footer__link-item" href="/ru/community">Сообщество</a></li><li class="footer__item"><a class="footer__link-item" href="/ru/nav">Помощь</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Обсуждения<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Сообщество</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Остальное</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">Лицензия<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/ru/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/ru/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
+</blockquote></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/ru/docusaurus-plugin-content-docs/current/guides/examples/cms.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Отредактировать эту страницу</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Последнее обновление<!-- --> <b><time datetime="2024-10-07T18:23:06.000Z" itemprop="dateModified">7 окт. 2024 г.</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Навигация по странице документации"></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#features-may-be-different" class="table-of-contents__link toc-highlight">Фичи бывают разные</a></li><li><a href="#how-to-work-more-correctly-with-cms-markup" class="table-of-contents__link toc-highlight">Как корректней работать с CMS-разметкой</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Спецификация</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/ru/docs">Документация</a></li><li class="footer__item"><a class="footer__link-item" href="/ru/community">Сообщество</a></li><li class="footer__item"><a class="footer__link-item" href="/ru/nav">Помощь</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Обсуждения<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Сообщество</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Остальное</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">Лицензия<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/ru/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/ru/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
 </body>
 </html>
\ No newline at end of file
diff --git a/ru/docs/guides/examples/feedback.html b/ru/docs/guides/examples/feedback.html
index eccd18e5be..382f1848ff 100644
--- a/ru/docs/guides/examples/feedback.html
+++ b/ru/docs/guides/examples/feedback.html
@@ -9,14 +9,14 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/ru/opensearch.xml"><link rel="stylesheet" href="/ru/assets/css/styles.200d81f1.css">
-<script src="/ru/assets/js/runtime~main.d88d86db.js" defer="defer"></script>
-<script src="/ru/assets/js/main.d5dbc580.js" defer="defer"></script>
+<script src="/ru/assets/js/runtime~main.83a61e56.js" defer="defer"></script>
+<script src="/ru/assets/js/main.ba59251d.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Перейти к основному содержимому"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">Перейти к основному содержимому</a></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Переключить навигационную панель" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/ru/"><div class="navbar__logo"><img src="/ru/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/ru/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/ru/docs">📖 Документация</a><a class="navbar__item navbar__link" href="/ru/community">💫 Сообщество</a><a class="navbar__item navbar__link" href="/ru/blog">📝 Блог</a><a class="navbar__item navbar__link" href="/ru/examples">🛠 Примеры</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/ru/docs/guides/examples/feedback">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a aria-current="page" class="dropdown__link dropdown__link--active" href="/ru/docs/guides/examples/feedback">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/ru/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>Русский</a><ul class="dropdown__menu"><li><a href="/ru/docs/guides/examples/feedback" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="ru">Русский</a></li><li><a href="/docs/guides/examples/feedback" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/uz/docs/guides/examples/feedback" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/docs/guides/examples/feedback" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="kr">한국어</a></li><li><a href="/ja/docs/guides/examples/feedback" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="Переключение между темным и светлым режимом (сейчас используется Светлый режим)" aria-label="Переключение между темным и светлым режимом (сейчас используется Светлый режим)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="Поиск"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Поиск</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><div class="docsWrapper_rDLg"><button aria-label="Прокрутка к началу" class="clean-btn theme-back-to-top-button backToTopButton_JQoL" type="button"></button><div class="docRoot_GkJk"><aside class="theme-doc-sidebar-container docSidebarContainer_xiHB"><div class="sidebarViewport_DaHB"><div class="sidebar_Kb82"><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_AkOp"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--active" href="/ru/docs/guides">🎯  Гайды</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--active" tabindex="0" href="/ru/docs/guides/examples">Примеры</a><button aria-label="Collapse sidebar category &#x27;Примеры&#x27;" aria-expanded="true" type="button" class="clean-btn menu__caret"></button></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/ru/docs/guides/examples/auth">Авторизация</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/ru/docs/guides/examples/types">Типы</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/ru/docs/guides/examples/page-layout">Лейауты страниц</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item sidebar-item--wip"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/ru/docs/guides/examples/feedback">Обратная связь</a></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/ru/docs/guides/migration/from-custom">Миграция</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/ru/docs/guides/tech/with-nextjs">Технологии</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/ru/docs/guides/issues/desegmented">Code smells &amp; Issues</a></div></li></ul></li></ul></nav><button type="button" title="Свернуть сайдбар" aria-label="Свернуть сайдбар" class="button button--secondary button--outline collapseSidebarButton_L8vW"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_hYfn"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_uESP"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_w6lk"><div class="theme-admonition theme-admonition-caution admonition_yLUd alert alert--warning theme-unlisted-banner"><div class="admonitionHeading_ulUq"><span class="admonitionIcon_Wbvt"><svg viewBox="0 0 16 16"><path fill-rule="evenodd" d="M8.893 1.5c-.183-.31-.52-.5-.887-.5s-.703.19-.886.5L.138 13.499a.98.98 0 0 0 0 1.001c.193.31.53.501.886.501h13.964c.367 0 .704-.19.877-.5a1.03 1.03 0 0 0 .01-1.002L8.893 1.5zm.133 11.497H6.987v-2.003h2.039v2.003zm0-3.004H6.987V5.987h2.039v4.006z"></path></svg></span>Unlisted page</div><div class="admonitionContent_mbd8">This page is unlisted. Search engines will not index it, and only users having a direct link can access it.</div></div><div class="docItemContainer_b1tn"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_ioLt" aria-label="Навигационная цепочка текущей страницы"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Главная страница" class="breadcrumbs__link" href="/ru/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_ZfEo"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/ru/docs/guides"><span itemprop="name">🎯  Гайды</span></a><meta itemprop="position" content="1"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/ru/docs/guides/examples"><span itemprop="name">Примеры</span></a><meta itemprop="position" content="2"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">Обратная связь</span><meta itemprop="position" content="3"></li></ul></nav><div class="theme-doc-markdown markdown"><header><h1>Обратная связь</h1></header>
 <div class="theme-admonition theme-admonition-caution admonition_yLUd alert alert--warning"><div class="admonitionHeading_ulUq"><span class="admonitionIcon_Wbvt"><svg viewBox="0 0 16 16"><path fill-rule="evenodd" d="M8.893 1.5c-.183-.31-.52-.5-.887-.5s-.703.19-.886.5L.138 13.499a.98.98 0 0 0 0 1.001c.193.31.53.501.886.501h13.964c.367 0 .704-.19.877-.5a1.03 1.03 0 0 0 .01-1.002L8.893 1.5zm.133 11.497H6.987v-2.003h2.039v2.003zm0-3.004H6.987V5.987h2.039v4.006z"></path></svg></span>WIP</div><div class="admonitionContent_mbd8"><div><p>Статья находится в процессе написания</p><p>Чтобы ускорить ее появление, можно:</p><ul><li>📢 Поделиться обратной связью <a href="https://github.com/feature-sliced/documentation/issues/187" target="_blank" rel="noopener noreferrer">в тикете (комментарии/эмодзи-реакция)</a></li><li>💬 Собрать в тикет накопленный по теме <a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer">материал из чата</a></li><li>⚒️ Посодействовать <a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer">любым другим способом</a></li></ul><br><p><i>🍰 Stay tuned!</i></p></div></div></div>
 <blockquote>
 <p>Errors, Alerts, Notifications, ...</p>
-</blockquote></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/ru/docusaurus-plugin-content-docs/current/guides/examples/feedback.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Отредактировать эту страницу</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Последнее обновление<!-- --> <b><time datetime="2024-09-29T11:02:46.000Z" itemprop="dateModified">29 сент. 2024 г.</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Навигация по странице документации"></nav></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Спецификация</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/ru/docs">Документация</a></li><li class="footer__item"><a class="footer__link-item" href="/ru/community">Сообщество</a></li><li class="footer__item"><a class="footer__link-item" href="/ru/nav">Помощь</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Обсуждения<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Сообщество</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Остальное</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">Лицензия<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/ru/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/ru/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
+</blockquote></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/ru/docusaurus-plugin-content-docs/current/guides/examples/feedback.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Отредактировать эту страницу</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Последнее обновление<!-- --> <b><time datetime="2024-10-07T18:23:06.000Z" itemprop="dateModified">7 окт. 2024 г.</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Навигация по странице документации"></nav></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Спецификация</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/ru/docs">Документация</a></li><li class="footer__item"><a class="footer__link-item" href="/ru/community">Сообщество</a></li><li class="footer__item"><a class="footer__link-item" href="/ru/nav">Помощь</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Обсуждения<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Сообщество</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Остальное</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">Лицензия<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/ru/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/ru/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
 </body>
 </html>
\ No newline at end of file
diff --git a/ru/docs/guides/examples/i18n.html b/ru/docs/guides/examples/i18n.html
index 6347fcdada..b8104d1b71 100644
--- a/ru/docs/guides/examples/i18n.html
+++ b/ru/docs/guides/examples/i18n.html
@@ -9,8 +9,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/ru/opensearch.xml"><link rel="stylesheet" href="/ru/assets/css/styles.200d81f1.css">
-<script src="/ru/assets/js/runtime~main.d88d86db.js" defer="defer"></script>
-<script src="/ru/assets/js/main.d5dbc580.js" defer="defer"></script>
+<script src="/ru/assets/js/runtime~main.83a61e56.js" defer="defer"></script>
+<script src="/ru/assets/js/main.ba59251d.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Перейти к основному содержимому"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">Перейти к основному содержимому</a></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Переключить навигационную панель" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/ru/"><div class="navbar__logo"><img src="/ru/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/ru/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/ru/docs">📖 Документация</a><a class="navbar__item navbar__link" href="/ru/community">💫 Сообщество</a><a class="navbar__item navbar__link" href="/ru/blog">📝 Блог</a><a class="navbar__item navbar__link" href="/ru/examples">🛠 Примеры</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/ru/docs/guides/examples/i18n">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a aria-current="page" class="dropdown__link dropdown__link--active" href="/ru/docs/guides/examples/i18n">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/ru/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>Русский</a><ul class="dropdown__menu"><li><a href="/ru/docs/guides/examples/i18n" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="ru">Русский</a></li><li><a href="/docs/guides/examples/i18n" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/uz/docs/guides/examples/i18n" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/docs/guides/examples/i18n" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="kr">한국어</a></li><li><a href="/ja/docs/guides/examples/i18n" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="Переключение между темным и светлым режимом (сейчас используется Светлый режим)" aria-label="Переключение между темным и светлым режимом (сейчас используется Светлый режим)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="Поиск"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Поиск</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><div class="docsWrapper_rDLg"><button aria-label="Прокрутка к началу" class="clean-btn theme-back-to-top-button backToTopButton_JQoL" type="button"></button><div class="docRoot_GkJk"><aside class="theme-doc-sidebar-container docSidebarContainer_xiHB"><div class="sidebarViewport_DaHB"><div class="sidebar_Kb82"><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_AkOp"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--active" href="/ru/docs/guides">🎯  Гайды</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--active" tabindex="0" href="/ru/docs/guides/examples">Примеры</a><button aria-label="Collapse sidebar category &#x27;Примеры&#x27;" aria-expanded="true" type="button" class="clean-btn menu__caret"></button></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/ru/docs/guides/examples/auth">Авторизация</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/ru/docs/guides/examples/types">Типы</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/ru/docs/guides/examples/page-layout">Лейауты страниц</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item sidebar-item--wip"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/ru/docs/guides/examples/i18n">i18n</a></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/ru/docs/guides/migration/from-custom">Миграция</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/ru/docs/guides/tech/with-nextjs">Технологии</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/ru/docs/guides/issues/desegmented">Code smells &amp; Issues</a></div></li></ul></li></ul></nav><button type="button" title="Свернуть сайдбар" aria-label="Свернуть сайдбар" class="button button--secondary button--outline collapseSidebarButton_L8vW"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_hYfn"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_uESP"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_w6lk"><div class="theme-admonition theme-admonition-caution admonition_yLUd alert alert--warning theme-unlisted-banner"><div class="admonitionHeading_ulUq"><span class="admonitionIcon_Wbvt"><svg viewBox="0 0 16 16"><path fill-rule="evenodd" d="M8.893 1.5c-.183-.31-.52-.5-.887-.5s-.703.19-.886.5L.138 13.499a.98.98 0 0 0 0 1.001c.193.31.53.501.886.501h13.964c.367 0 .704-.19.877-.5a1.03 1.03 0 0 0 .01-1.002L8.893 1.5zm.133 11.497H6.987v-2.003h2.039v2.003zm0-3.004H6.987V5.987h2.039v4.006z"></path></svg></span>Unlisted page</div><div class="admonitionContent_mbd8">This page is unlisted. Search engines will not index it, and only users having a direct link can access it.</div></div><div class="docItemContainer_b1tn"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_ioLt" aria-label="Навигационная цепочка текущей страницы"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Главная страница" class="breadcrumbs__link" href="/ru/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_ZfEo"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/ru/docs/guides"><span itemprop="name">🎯  Гайды</span></a><meta itemprop="position" content="1"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/ru/docs/guides/examples"><span itemprop="name">Примеры</span></a><meta itemprop="position" content="2"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">i18n</span><meta itemprop="position" content="3"></li></ul></nav><div class="tocCollapsible_EkMH theme-doc-toc-mobile tocMobile_XRnS"><button type="button" class="clean-btn tocCollapsibleButton_ID8T">Содержание этой страницы</button></div><div class="theme-doc-markdown markdown"><header><h1>i18n</h1></header>
@@ -20,6 +20,6 @@ <h2 class="anchor anchorWithStickyNavbar_QzlE" id="where-to-place-it-how-to-work
 <li><a href="https://t.me/feature_sliced/4425" target="_blank" rel="noopener noreferrer">https://t.me/feature_sliced/4425</a></li>
 <li><a href="https://t.me/feature_sliced/2325" target="_blank" rel="noopener noreferrer">https://t.me/feature_sliced/2325</a></li>
 <li><a href="https://t.me/feature_sliced/1867" target="_blank" rel="noopener noreferrer">https://t.me/feature_sliced/1867</a></li>
-</ul></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/ru/docusaurus-plugin-content-docs/current/guides/examples/i18n.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Отредактировать эту страницу</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Последнее обновление<!-- --> <b><time datetime="2024-09-29T11:02:46.000Z" itemprop="dateModified">29 сент. 2024 г.</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Навигация по странице документации"></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#where-to-place-it-how-to-work-with-this" class="table-of-contents__link toc-highlight">Куда положить? Как с этим работать?</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Спецификация</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/ru/docs">Документация</a></li><li class="footer__item"><a class="footer__link-item" href="/ru/community">Сообщество</a></li><li class="footer__item"><a class="footer__link-item" href="/ru/nav">Помощь</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Обсуждения<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Сообщество</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Остальное</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">Лицензия<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/ru/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/ru/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
+</ul></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/ru/docusaurus-plugin-content-docs/current/guides/examples/i18n.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Отредактировать эту страницу</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Последнее обновление<!-- --> <b><time datetime="2024-10-07T18:23:06.000Z" itemprop="dateModified">7 окт. 2024 г.</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Навигация по странице документации"></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#where-to-place-it-how-to-work-with-this" class="table-of-contents__link toc-highlight">Куда положить? Как с этим работать?</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Спецификация</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/ru/docs">Документация</a></li><li class="footer__item"><a class="footer__link-item" href="/ru/community">Сообщество</a></li><li class="footer__item"><a class="footer__link-item" href="/ru/nav">Помощь</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Обсуждения<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Сообщество</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Остальное</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">Лицензия<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/ru/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/ru/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
 </body>
 </html>
\ No newline at end of file
diff --git a/ru/docs/guides/examples/metric.html b/ru/docs/guides/examples/metric.html
index 07ce539f88..a63fa96cc8 100644
--- a/ru/docs/guides/examples/metric.html
+++ b/ru/docs/guides/examples/metric.html
@@ -9,14 +9,14 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/ru/opensearch.xml"><link rel="stylesheet" href="/ru/assets/css/styles.200d81f1.css">
-<script src="/ru/assets/js/runtime~main.d88d86db.js" defer="defer"></script>
-<script src="/ru/assets/js/main.d5dbc580.js" defer="defer"></script>
+<script src="/ru/assets/js/runtime~main.83a61e56.js" defer="defer"></script>
+<script src="/ru/assets/js/main.ba59251d.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Перейти к основному содержимому"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">Перейти к основному содержимому</a></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Переключить навигационную панель" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/ru/"><div class="navbar__logo"><img src="/ru/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/ru/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/ru/docs">📖 Документация</a><a class="navbar__item navbar__link" href="/ru/community">💫 Сообщество</a><a class="navbar__item navbar__link" href="/ru/blog">📝 Блог</a><a class="navbar__item navbar__link" href="/ru/examples">🛠 Примеры</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/ru/docs/guides/examples/metric">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a aria-current="page" class="dropdown__link dropdown__link--active" href="/ru/docs/guides/examples/metric">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/ru/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>Русский</a><ul class="dropdown__menu"><li><a href="/ru/docs/guides/examples/metric" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="ru">Русский</a></li><li><a href="/docs/guides/examples/metric" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/uz/docs/guides/examples/metric" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/docs/guides/examples/metric" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="kr">한국어</a></li><li><a href="/ja/docs/guides/examples/metric" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="Переключение между темным и светлым режимом (сейчас используется Светлый режим)" aria-label="Переключение между темным и светлым режимом (сейчас используется Светлый режим)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="Поиск"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Поиск</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><div class="docsWrapper_rDLg"><button aria-label="Прокрутка к началу" class="clean-btn theme-back-to-top-button backToTopButton_JQoL" type="button"></button><div class="docRoot_GkJk"><aside class="theme-doc-sidebar-container docSidebarContainer_xiHB"><div class="sidebarViewport_DaHB"><div class="sidebar_Kb82"><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_AkOp"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--active" href="/ru/docs/guides">🎯  Гайды</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--active" tabindex="0" href="/ru/docs/guides/examples">Примеры</a><button aria-label="Collapse sidebar category &#x27;Примеры&#x27;" aria-expanded="true" type="button" class="clean-btn menu__caret"></button></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/ru/docs/guides/examples/auth">Авторизация</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/ru/docs/guides/examples/types">Типы</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/ru/docs/guides/examples/page-layout">Лейауты страниц</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item sidebar-item--wip"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/ru/docs/guides/examples/metric">Метрика</a></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/ru/docs/guides/migration/from-custom">Миграция</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/ru/docs/guides/tech/with-nextjs">Технологии</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/ru/docs/guides/issues/desegmented">Code smells &amp; Issues</a></div></li></ul></li></ul></nav><button type="button" title="Свернуть сайдбар" aria-label="Свернуть сайдбар" class="button button--secondary button--outline collapseSidebarButton_L8vW"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_hYfn"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_uESP"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_w6lk"><div class="theme-admonition theme-admonition-caution admonition_yLUd alert alert--warning theme-unlisted-banner"><div class="admonitionHeading_ulUq"><span class="admonitionIcon_Wbvt"><svg viewBox="0 0 16 16"><path fill-rule="evenodd" d="M8.893 1.5c-.183-.31-.52-.5-.887-.5s-.703.19-.886.5L.138 13.499a.98.98 0 0 0 0 1.001c.193.31.53.501.886.501h13.964c.367 0 .704-.19.877-.5a1.03 1.03 0 0 0 .01-1.002L8.893 1.5zm.133 11.497H6.987v-2.003h2.039v2.003zm0-3.004H6.987V5.987h2.039v4.006z"></path></svg></span>Unlisted page</div><div class="admonitionContent_mbd8">This page is unlisted. Search engines will not index it, and only users having a direct link can access it.</div></div><div class="docItemContainer_b1tn"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_ioLt" aria-label="Навигационная цепочка текущей страницы"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Главная страница" class="breadcrumbs__link" href="/ru/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_ZfEo"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/ru/docs/guides"><span itemprop="name">🎯  Гайды</span></a><meta itemprop="position" content="1"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/ru/docs/guides/examples"><span itemprop="name">Примеры</span></a><meta itemprop="position" content="2"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">Метрика</span><meta itemprop="position" content="3"></li></ul></nav><div class="theme-doc-markdown markdown"><header><h1>Метрика</h1></header>
 <div class="theme-admonition theme-admonition-caution admonition_yLUd alert alert--warning"><div class="admonitionHeading_ulUq"><span class="admonitionIcon_Wbvt"><svg viewBox="0 0 16 16"><path fill-rule="evenodd" d="M8.893 1.5c-.183-.31-.52-.5-.887-.5s-.703.19-.886.5L.138 13.499a.98.98 0 0 0 0 1.001c.193.31.53.501.886.501h13.964c.367 0 .704-.19.877-.5a1.03 1.03 0 0 0 .01-1.002L8.893 1.5zm.133 11.497H6.987v-2.003h2.039v2.003zm0-3.004H6.987V5.987h2.039v4.006z"></path></svg></span>WIP</div><div class="admonitionContent_mbd8"><div><p>Статья находится в процессе написания</p><p>Чтобы ускорить ее появление, можно:</p><ul><li>📢 Поделиться обратной связью <a href="https://github.com/feature-sliced/documentation/issues/181" target="_blank" rel="noopener noreferrer">в тикете (комментарии/эмодзи-реакция)</a></li><li>💬 Собрать в тикет накопленный по теме <a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer">материал из чата</a></li><li>⚒️ Посодействовать <a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer">любым другим способом</a></li></ul><br><p><i>🍰 Stay tuned!</i></p></div></div></div>
 <blockquote>
 <p>Про способы инициализировать метрики в приложении</p>
-</blockquote></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/ru/docusaurus-plugin-content-docs/current/guides/examples/metric.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Отредактировать эту страницу</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Последнее обновление<!-- --> <b><time datetime="2024-09-29T11:02:46.000Z" itemprop="dateModified">29 сент. 2024 г.</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Навигация по странице документации"></nav></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Спецификация</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/ru/docs">Документация</a></li><li class="footer__item"><a class="footer__link-item" href="/ru/community">Сообщество</a></li><li class="footer__item"><a class="footer__link-item" href="/ru/nav">Помощь</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Обсуждения<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Сообщество</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Остальное</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">Лицензия<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/ru/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/ru/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
+</blockquote></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/ru/docusaurus-plugin-content-docs/current/guides/examples/metric.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Отредактировать эту страницу</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Последнее обновление<!-- --> <b><time datetime="2024-10-07T18:23:06.000Z" itemprop="dateModified">7 окт. 2024 г.</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Навигация по странице документации"></nav></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Спецификация</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/ru/docs">Документация</a></li><li class="footer__item"><a class="footer__link-item" href="/ru/community">Сообщество</a></li><li class="footer__item"><a class="footer__link-item" href="/ru/nav">Помощь</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Обсуждения<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Сообщество</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Остальное</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">Лицензия<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/ru/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/ru/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
 </body>
 </html>
\ No newline at end of file
diff --git a/ru/docs/guides/examples/monorepo.html b/ru/docs/guides/examples/monorepo.html
index c0124acbd9..2ee36f47f1 100644
--- a/ru/docs/guides/examples/monorepo.html
+++ b/ru/docs/guides/examples/monorepo.html
@@ -9,8 +9,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/ru/opensearch.xml"><link rel="stylesheet" href="/ru/assets/css/styles.200d81f1.css">
-<script src="/ru/assets/js/runtime~main.d88d86db.js" defer="defer"></script>
-<script src="/ru/assets/js/main.d5dbc580.js" defer="defer"></script>
+<script src="/ru/assets/js/runtime~main.83a61e56.js" defer="defer"></script>
+<script src="/ru/assets/js/main.ba59251d.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Перейти к основному содержимому"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">Перейти к основному содержимому</a></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Переключить навигационную панель" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/ru/"><div class="navbar__logo"><img src="/ru/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/ru/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/ru/docs">📖 Документация</a><a class="navbar__item navbar__link" href="/ru/community">💫 Сообщество</a><a class="navbar__item navbar__link" href="/ru/blog">📝 Блог</a><a class="navbar__item navbar__link" href="/ru/examples">🛠 Примеры</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/ru/docs/guides/examples/monorepo">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a aria-current="page" class="dropdown__link dropdown__link--active" href="/ru/docs/guides/examples/monorepo">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/ru/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>Русский</a><ul class="dropdown__menu"><li><a href="/ru/docs/guides/examples/monorepo" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="ru">Русский</a></li><li><a href="/docs/guides/examples/monorepo" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/uz/docs/guides/examples/monorepo" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/docs/guides/examples/monorepo" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="kr">한국어</a></li><li><a href="/ja/docs/guides/examples/monorepo" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="Переключение между темным и светлым режимом (сейчас используется Светлый режим)" aria-label="Переключение между темным и светлым режимом (сейчас используется Светлый режим)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="Поиск"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Поиск</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><div class="docsWrapper_rDLg"><button aria-label="Прокрутка к началу" class="clean-btn theme-back-to-top-button backToTopButton_JQoL" type="button"></button><div class="docRoot_GkJk"><aside class="theme-doc-sidebar-container docSidebarContainer_xiHB"><div class="sidebarViewport_DaHB"><div class="sidebar_Kb82"><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_AkOp"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--active" href="/ru/docs/guides">🎯  Гайды</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--active" tabindex="0" href="/ru/docs/guides/examples">Примеры</a><button aria-label="Collapse sidebar category &#x27;Примеры&#x27;" aria-expanded="true" type="button" class="clean-btn menu__caret"></button></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/ru/docs/guides/examples/auth">Авторизация</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/ru/docs/guides/examples/types">Типы</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/ru/docs/guides/examples/page-layout">Лейауты страниц</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item sidebar-item--wip"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/ru/docs/guides/examples/monorepo">Монорепозитории</a></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/ru/docs/guides/migration/from-custom">Миграция</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/ru/docs/guides/tech/with-nextjs">Технологии</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/ru/docs/guides/issues/desegmented">Code smells &amp; Issues</a></div></li></ul></li></ul></nav><button type="button" title="Свернуть сайдбар" aria-label="Свернуть сайдбар" class="button button--secondary button--outline collapseSidebarButton_L8vW"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_hYfn"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_uESP"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_w6lk"><div class="theme-admonition theme-admonition-caution admonition_yLUd alert alert--warning theme-unlisted-banner"><div class="admonitionHeading_ulUq"><span class="admonitionIcon_Wbvt"><svg viewBox="0 0 16 16"><path fill-rule="evenodd" d="M8.893 1.5c-.183-.31-.52-.5-.887-.5s-.703.19-.886.5L.138 13.499a.98.98 0 0 0 0 1.001c.193.31.53.501.886.501h13.964c.367 0 .704-.19.877-.5a1.03 1.03 0 0 0 .01-1.002L8.893 1.5zm.133 11.497H6.987v-2.003h2.039v2.003zm0-3.004H6.987V5.987h2.039v4.006z"></path></svg></span>Unlisted page</div><div class="admonitionContent_mbd8">This page is unlisted. Search engines will not index it, and only users having a direct link can access it.</div></div><div class="docItemContainer_b1tn"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_ioLt" aria-label="Навигационная цепочка текущей страницы"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Главная страница" class="breadcrumbs__link" href="/ru/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_ZfEo"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/ru/docs/guides"><span itemprop="name">🎯  Гайды</span></a><meta itemprop="position" content="1"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/ru/docs/guides/examples"><span itemprop="name">Примеры</span></a><meta itemprop="position" content="2"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">Монорепозитории</span><meta itemprop="position" content="3"></li></ul></nav><div class="tocCollapsible_EkMH theme-doc-toc-mobile tocMobile_XRnS"><button type="button" class="clean-btn tocCollapsibleButton_ID8T">Содержание этой страницы</button></div><div class="theme-doc-markdown markdown"><header><h1>Монорепозитории</h1></header>
@@ -22,6 +22,6 @@ <h2 class="anchor anchorWithStickyNavbar_QzlE" id="see-also">См. также<a
 <ul>
 <li><a href="https://github.com/feature-sliced/documentation/discussions/50" target="_blank" rel="noopener noreferrer">(Дискуссия) Про монорепозитории и подключаемые модули-пакеты</a></li>
 <li><a href="https://t.me/feature_sliced/2412" target="_blank" rel="noopener noreferrer">(Тред) Про применение для монорепозитория</a></li>
-</ul></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/ru/docusaurus-plugin-content-docs/current/guides/examples/monorepo.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Отредактировать эту страницу</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Последнее обновление<!-- --> <b><time datetime="2024-09-29T11:02:46.000Z" itemprop="dateModified">29 сент. 2024 г.</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Навигация по странице документации"></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#see-also" class="table-of-contents__link toc-highlight">См. также</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Спецификация</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/ru/docs">Документация</a></li><li class="footer__item"><a class="footer__link-item" href="/ru/community">Сообщество</a></li><li class="footer__item"><a class="footer__link-item" href="/ru/nav">Помощь</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Обсуждения<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Сообщество</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Остальное</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">Лицензия<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/ru/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/ru/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
+</ul></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/ru/docusaurus-plugin-content-docs/current/guides/examples/monorepo.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Отредактировать эту страницу</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Последнее обновление<!-- --> <b><time datetime="2024-10-07T18:23:06.000Z" itemprop="dateModified">7 окт. 2024 г.</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Навигация по странице документации"></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#see-also" class="table-of-contents__link toc-highlight">См. также</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Спецификация</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/ru/docs">Документация</a></li><li class="footer__item"><a class="footer__link-item" href="/ru/community">Сообщество</a></li><li class="footer__item"><a class="footer__link-item" href="/ru/nav">Помощь</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Обсуждения<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Сообщество</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Остальное</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">Лицензия<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/ru/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/ru/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
 </body>
 </html>
\ No newline at end of file
diff --git a/ru/docs/guides/examples/page-layout.html b/ru/docs/guides/examples/page-layout.html
index ca1a7f97e2..28e56d7082 100644
--- a/ru/docs/guides/examples/page-layout.html
+++ b/ru/docs/guides/examples/page-layout.html
@@ -9,8 +9,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/ru/opensearch.xml"><link rel="stylesheet" href="/ru/assets/css/styles.200d81f1.css">
-<script src="/ru/assets/js/runtime~main.d88d86db.js" defer="defer"></script>
-<script src="/ru/assets/js/main.d5dbc580.js" defer="defer"></script>
+<script src="/ru/assets/js/runtime~main.83a61e56.js" defer="defer"></script>
+<script src="/ru/assets/js/main.ba59251d.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Перейти к основному содержимому"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">Перейти к основному содержимому</a></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Переключить навигационную панель" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/ru/"><div class="navbar__logo"><img src="/ru/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/ru/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/ru/docs">📖 Документация</a><a class="navbar__item navbar__link" href="/ru/community">💫 Сообщество</a><a class="navbar__item navbar__link" href="/ru/blog">📝 Блог</a><a class="navbar__item navbar__link" href="/ru/examples">🛠 Примеры</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/ru/docs/guides/examples/page-layout">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a aria-current="page" class="dropdown__link dropdown__link--active" href="/ru/docs/guides/examples/page-layout">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/ru/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>Русский</a><ul class="dropdown__menu"><li><a href="/ru/docs/guides/examples/page-layout" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="ru">Русский</a></li><li><a href="/docs/guides/examples/page-layout" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/uz/docs/guides/examples/page-layout" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/docs/guides/examples/page-layout" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="kr">한국어</a></li><li><a href="/ja/docs/guides/examples/page-layout" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="Переключение между темным и светлым режимом (сейчас используется Светлый режим)" aria-label="Переключение между темным и светлым режимом (сейчас используется Светлый режим)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="Поиск"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Поиск</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><div class="docsWrapper_rDLg"><button aria-label="Прокрутка к началу" class="clean-btn theme-back-to-top-button backToTopButton_JQoL" type="button"></button><div class="docRoot_GkJk"><aside class="theme-doc-sidebar-container docSidebarContainer_xiHB"><div class="sidebarViewport_DaHB"><div class="sidebar_Kb82"><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_AkOp"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--active" href="/ru/docs/guides">🎯  Гайды</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--active" tabindex="0" href="/ru/docs/guides/examples">Примеры</a><button aria-label="Collapse sidebar category &#x27;Примеры&#x27;" aria-expanded="true" type="button" class="clean-btn menu__caret"></button></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/ru/docs/guides/examples/auth">Авторизация</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/ru/docs/guides/examples/types">Типы</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/ru/docs/guides/examples/page-layout">Лейауты страниц</a></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/ru/docs/guides/migration/from-custom">Миграция</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/ru/docs/guides/tech/with-nextjs">Технологии</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/ru/docs/guides/issues/desegmented">Code smells &amp; Issues</a></div></li></ul></li></ul></nav><button type="button" title="Свернуть сайдбар" aria-label="Свернуть сайдбар" class="button button--secondary button--outline collapseSidebarButton_L8vW"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_hYfn"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_uESP"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_w6lk"><div class="docItemContainer_b1tn"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_ioLt" aria-label="Навигационная цепочка текущей страницы"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Главная страница" class="breadcrumbs__link" href="/ru/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_ZfEo"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/ru/docs/guides"><span itemprop="name">🎯  Гайды</span></a><meta itemprop="position" content="1"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/ru/docs/guides/examples"><span itemprop="name">Примеры</span></a><meta itemprop="position" content="2"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">Лейауты страниц</span><meta itemprop="position" content="3"></li></ul></nav><div class="tocCollapsible_EkMH theme-doc-toc-mobile tocMobile_XRnS"><button type="button" class="clean-btn tocCollapsibleButton_ID8T">Содержание этой страницы</button></div><div class="theme-doc-markdown markdown"><header><h1>Лейауты страниц</h1></header>
@@ -51,6 +51,6 @@ <h2 class="anchor anchorWithStickyNavbar_QzlE" id="использование-в
 <h2 class="anchor anchorWithStickyNavbar_QzlE" id="дополнительные-материалы">Дополнительные материалы<a href="#дополнительные-материалы" class="hash-link" aria-label="Прямая ссылка на этот заголовок" title="Прямая ссылка на этот заголовок">​</a></h2>
 <ul>
 <li>Пример создания лейаута с аутентификацией с помощью React и Remix (аналогичен React Router) можно найти в <a href="/ru/docs/get-started/tutorial">туториале</a>.</li>
-</ul></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/ru/docusaurus-plugin-content-docs/current/guides/examples/page-layout.md" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Отредактировать эту страницу</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Последнее обновление<!-- --> <b><time datetime="2024-09-29T11:02:46.000Z" itemprop="dateModified">29 сент. 2024 г.</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Навигация по странице документации"><a class="pagination-nav__link pagination-nav__link--prev" href="/ru/docs/guides/examples/types"><div class="pagination-nav__sublabel">Предыдущая страница</div><div class="pagination-nav__label">Типы</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/ru/docs/guides/migration/from-custom"><div class="pagination-nav__sublabel">Следующая страница</div><div class="pagination-nav__label">С кастомной архитектуры</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#простой-лейаут" class="table-of-contents__link toc-highlight">Простой лейаут</a></li><li><a href="#использование-виджетов-в-лейауте" class="table-of-contents__link toc-highlight">Использование виджетов в лейауте</a></li><li><a href="#дополнительные-материалы" class="table-of-contents__link toc-highlight">Дополнительные материалы</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Спецификация</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/ru/docs">Документация</a></li><li class="footer__item"><a class="footer__link-item" href="/ru/community">Сообщество</a></li><li class="footer__item"><a class="footer__link-item" href="/ru/nav">Помощь</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Обсуждения<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Сообщество</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Остальное</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">Лицензия<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/ru/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/ru/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
+</ul></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/ru/docusaurus-plugin-content-docs/current/guides/examples/page-layout.md" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Отредактировать эту страницу</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Последнее обновление<!-- --> <b><time datetime="2024-10-07T18:23:06.000Z" itemprop="dateModified">7 окт. 2024 г.</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Навигация по странице документации"><a class="pagination-nav__link pagination-nav__link--prev" href="/ru/docs/guides/examples/types"><div class="pagination-nav__sublabel">Предыдущая страница</div><div class="pagination-nav__label">Типы</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/ru/docs/guides/migration/from-custom"><div class="pagination-nav__sublabel">Следующая страница</div><div class="pagination-nav__label">С кастомной архитектуры</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#простой-лейаут" class="table-of-contents__link toc-highlight">Простой лейаут</a></li><li><a href="#использование-виджетов-в-лейауте" class="table-of-contents__link toc-highlight">Использование виджетов в лейауте</a></li><li><a href="#дополнительные-материалы" class="table-of-contents__link toc-highlight">Дополнительные материалы</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Спецификация</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/ru/docs">Документация</a></li><li class="footer__item"><a class="footer__link-item" href="/ru/community">Сообщество</a></li><li class="footer__item"><a class="footer__link-item" href="/ru/nav">Помощь</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Обсуждения<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Сообщество</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Остальное</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">Лицензия<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/ru/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/ru/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
 </body>
 </html>
\ No newline at end of file
diff --git a/ru/docs/guides/examples/platforms.html b/ru/docs/guides/examples/platforms.html
index 1fe50dd58f..74c8d352a0 100644
--- a/ru/docs/guides/examples/platforms.html
+++ b/ru/docs/guides/examples/platforms.html
@@ -9,14 +9,14 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/ru/opensearch.xml"><link rel="stylesheet" href="/ru/assets/css/styles.200d81f1.css">
-<script src="/ru/assets/js/runtime~main.d88d86db.js" defer="defer"></script>
-<script src="/ru/assets/js/main.d5dbc580.js" defer="defer"></script>
+<script src="/ru/assets/js/runtime~main.83a61e56.js" defer="defer"></script>
+<script src="/ru/assets/js/main.ba59251d.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Перейти к основному содержимому"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">Перейти к основному содержимому</a></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Переключить навигационную панель" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/ru/"><div class="navbar__logo"><img src="/ru/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/ru/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/ru/docs">📖 Документация</a><a class="navbar__item navbar__link" href="/ru/community">💫 Сообщество</a><a class="navbar__item navbar__link" href="/ru/blog">📝 Блог</a><a class="navbar__item navbar__link" href="/ru/examples">🛠 Примеры</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/ru/docs/guides/examples/platforms">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a aria-current="page" class="dropdown__link dropdown__link--active" href="/ru/docs/guides/examples/platforms">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/ru/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>Русский</a><ul class="dropdown__menu"><li><a href="/ru/docs/guides/examples/platforms" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="ru">Русский</a></li><li><a href="/docs/guides/examples/platforms" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/uz/docs/guides/examples/platforms" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/docs/guides/examples/platforms" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="kr">한국어</a></li><li><a href="/ja/docs/guides/examples/platforms" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="Переключение между темным и светлым режимом (сейчас используется Светлый режим)" aria-label="Переключение между темным и светлым режимом (сейчас используется Светлый режим)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="Поиск"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Поиск</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><div class="docsWrapper_rDLg"><button aria-label="Прокрутка к началу" class="clean-btn theme-back-to-top-button backToTopButton_JQoL" type="button"></button><div class="docRoot_GkJk"><aside class="theme-doc-sidebar-container docSidebarContainer_xiHB"><div class="sidebarViewport_DaHB"><div class="sidebar_Kb82"><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_AkOp"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--active" href="/ru/docs/guides">🎯  Гайды</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--active" tabindex="0" href="/ru/docs/guides/examples">Примеры</a><button aria-label="Collapse sidebar category &#x27;Примеры&#x27;" aria-expanded="true" type="button" class="clean-btn menu__caret"></button></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/ru/docs/guides/examples/auth">Авторизация</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/ru/docs/guides/examples/types">Типы</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/ru/docs/guides/examples/page-layout">Лейауты страниц</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item sidebar-item--wip"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/ru/docs/guides/examples/platforms">Desktop/Touch платформы</a></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/ru/docs/guides/migration/from-custom">Миграция</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/ru/docs/guides/tech/with-nextjs">Технологии</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/ru/docs/guides/issues/desegmented">Code smells &amp; Issues</a></div></li></ul></li></ul></nav><button type="button" title="Свернуть сайдбар" aria-label="Свернуть сайдбар" class="button button--secondary button--outline collapseSidebarButton_L8vW"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_hYfn"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_uESP"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_w6lk"><div class="theme-admonition theme-admonition-caution admonition_yLUd alert alert--warning theme-unlisted-banner"><div class="admonitionHeading_ulUq"><span class="admonitionIcon_Wbvt"><svg viewBox="0 0 16 16"><path fill-rule="evenodd" d="M8.893 1.5c-.183-.31-.52-.5-.887-.5s-.703.19-.886.5L.138 13.499a.98.98 0 0 0 0 1.001c.193.31.53.501.886.501h13.964c.367 0 .704-.19.877-.5a1.03 1.03 0 0 0 .01-1.002L8.893 1.5zm.133 11.497H6.987v-2.003h2.039v2.003zm0-3.004H6.987V5.987h2.039v4.006z"></path></svg></span>Unlisted page</div><div class="admonitionContent_mbd8">This page is unlisted. Search engines will not index it, and only users having a direct link can access it.</div></div><div class="docItemContainer_b1tn"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_ioLt" aria-label="Навигационная цепочка текущей страницы"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Главная страница" class="breadcrumbs__link" href="/ru/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_ZfEo"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/ru/docs/guides"><span itemprop="name">🎯  Гайды</span></a><meta itemprop="position" content="1"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/ru/docs/guides/examples"><span itemprop="name">Примеры</span></a><meta itemprop="position" content="2"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">Desktop/Touch платформы</span><meta itemprop="position" content="3"></li></ul></nav><div class="theme-doc-markdown markdown"><header><h1>Desktop/Touch платформы</h1></header>
 <div class="theme-admonition theme-admonition-caution admonition_yLUd alert alert--warning"><div class="admonitionHeading_ulUq"><span class="admonitionIcon_Wbvt"><svg viewBox="0 0 16 16"><path fill-rule="evenodd" d="M8.893 1.5c-.183-.31-.52-.5-.887-.5s-.703.19-.886.5L.138 13.499a.98.98 0 0 0 0 1.001c.193.31.53.501.886.501h13.964c.367 0 .704-.19.877-.5a1.03 1.03 0 0 0 .01-1.002L8.893 1.5zm.133 11.497H6.987v-2.003h2.039v2.003zm0-3.004H6.987V5.987h2.039v4.006z"></path></svg></span>WIP</div><div class="admonitionContent_mbd8"><div><p>Статья находится в процессе написания</p><p>Чтобы ускорить ее появление, можно:</p><ul><li>📢 Поделиться обратной связью <a href="https://github.com/feature-sliced/documentation/issues/198" target="_blank" rel="noopener noreferrer">в тикете (комментарии/эмодзи-реакция)</a></li><li>💬 Собрать в тикет накопленный по теме <a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer">материал из чата</a></li><li>⚒️ Посодействовать <a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer">любым другим способом</a></li></ul><br><p><i>🍰 Stay tuned!</i></p></div></div></div>
 <blockquote>
 <p>Про применение методологии для desktop/touch</p>
-</blockquote></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/ru/docusaurus-plugin-content-docs/current/guides/examples/platforms.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Отредактировать эту страницу</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Последнее обновление<!-- --> <b><time datetime="2024-09-29T11:02:46.000Z" itemprop="dateModified">29 сент. 2024 г.</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Навигация по странице документации"></nav></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Спецификация</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/ru/docs">Документация</a></li><li class="footer__item"><a class="footer__link-item" href="/ru/community">Сообщество</a></li><li class="footer__item"><a class="footer__link-item" href="/ru/nav">Помощь</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Обсуждения<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Сообщество</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Остальное</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">Лицензия<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/ru/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/ru/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
+</blockquote></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/ru/docusaurus-plugin-content-docs/current/guides/examples/platforms.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Отредактировать эту страницу</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Последнее обновление<!-- --> <b><time datetime="2024-10-07T18:23:06.000Z" itemprop="dateModified">7 окт. 2024 г.</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Навигация по странице документации"></nav></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Спецификация</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/ru/docs">Документация</a></li><li class="footer__item"><a class="footer__link-item" href="/ru/community">Сообщество</a></li><li class="footer__item"><a class="footer__link-item" href="/ru/nav">Помощь</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Обсуждения<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Сообщество</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Остальное</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">Лицензия<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/ru/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/ru/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
 </body>
 </html>
\ No newline at end of file
diff --git a/ru/docs/guides/examples/ssr.html b/ru/docs/guides/examples/ssr.html
index 784fddd561..85929ce839 100644
--- a/ru/docs/guides/examples/ssr.html
+++ b/ru/docs/guides/examples/ssr.html
@@ -9,14 +9,14 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/ru/opensearch.xml"><link rel="stylesheet" href="/ru/assets/css/styles.200d81f1.css">
-<script src="/ru/assets/js/runtime~main.d88d86db.js" defer="defer"></script>
-<script src="/ru/assets/js/main.d5dbc580.js" defer="defer"></script>
+<script src="/ru/assets/js/runtime~main.83a61e56.js" defer="defer"></script>
+<script src="/ru/assets/js/main.ba59251d.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Перейти к основному содержимому"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">Перейти к основному содержимому</a></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Переключить навигационную панель" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/ru/"><div class="navbar__logo"><img src="/ru/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/ru/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/ru/docs">📖 Документация</a><a class="navbar__item navbar__link" href="/ru/community">💫 Сообщество</a><a class="navbar__item navbar__link" href="/ru/blog">📝 Блог</a><a class="navbar__item navbar__link" href="/ru/examples">🛠 Примеры</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/ru/docs/guides/examples/ssr">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a aria-current="page" class="dropdown__link dropdown__link--active" href="/ru/docs/guides/examples/ssr">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/ru/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>Русский</a><ul class="dropdown__menu"><li><a href="/ru/docs/guides/examples/ssr" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="ru">Русский</a></li><li><a href="/docs/guides/examples/ssr" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/uz/docs/guides/examples/ssr" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/docs/guides/examples/ssr" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="kr">한국어</a></li><li><a href="/ja/docs/guides/examples/ssr" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="Переключение между темным и светлым режимом (сейчас используется Светлый режим)" aria-label="Переключение между темным и светлым режимом (сейчас используется Светлый режим)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="Поиск"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Поиск</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><div class="docsWrapper_rDLg"><button aria-label="Прокрутка к началу" class="clean-btn theme-back-to-top-button backToTopButton_JQoL" type="button"></button><div class="docRoot_GkJk"><aside class="theme-doc-sidebar-container docSidebarContainer_xiHB"><div class="sidebarViewport_DaHB"><div class="sidebar_Kb82"><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_AkOp"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--active" href="/ru/docs/guides">🎯  Гайды</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--active" tabindex="0" href="/ru/docs/guides/examples">Примеры</a><button aria-label="Collapse sidebar category &#x27;Примеры&#x27;" aria-expanded="true" type="button" class="clean-btn menu__caret"></button></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/ru/docs/guides/examples/auth">Авторизация</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/ru/docs/guides/examples/types">Типы</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/ru/docs/guides/examples/page-layout">Лейауты страниц</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item sidebar-item--wip"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/ru/docs/guides/examples/ssr">SSR</a></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/ru/docs/guides/migration/from-custom">Миграция</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/ru/docs/guides/tech/with-nextjs">Технологии</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/ru/docs/guides/issues/desegmented">Code smells &amp; Issues</a></div></li></ul></li></ul></nav><button type="button" title="Свернуть сайдбар" aria-label="Свернуть сайдбар" class="button button--secondary button--outline collapseSidebarButton_L8vW"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_hYfn"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_uESP"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_w6lk"><div class="theme-admonition theme-admonition-caution admonition_yLUd alert alert--warning theme-unlisted-banner"><div class="admonitionHeading_ulUq"><span class="admonitionIcon_Wbvt"><svg viewBox="0 0 16 16"><path fill-rule="evenodd" d="M8.893 1.5c-.183-.31-.52-.5-.887-.5s-.703.19-.886.5L.138 13.499a.98.98 0 0 0 0 1.001c.193.31.53.501.886.501h13.964c.367 0 .704-.19.877-.5a1.03 1.03 0 0 0 .01-1.002L8.893 1.5zm.133 11.497H6.987v-2.003h2.039v2.003zm0-3.004H6.987V5.987h2.039v4.006z"></path></svg></span>Unlisted page</div><div class="admonitionContent_mbd8">This page is unlisted. Search engines will not index it, and only users having a direct link can access it.</div></div><div class="docItemContainer_b1tn"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_ioLt" aria-label="Навигационная цепочка текущей страницы"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Главная страница" class="breadcrumbs__link" href="/ru/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_ZfEo"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/ru/docs/guides"><span itemprop="name">🎯  Гайды</span></a><meta itemprop="position" content="1"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/ru/docs/guides/examples"><span itemprop="name">Примеры</span></a><meta itemprop="position" content="2"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">SSR</span><meta itemprop="position" content="3"></li></ul></nav><div class="theme-doc-markdown markdown"><header><h1>SSR</h1></header>
 <div class="theme-admonition theme-admonition-caution admonition_yLUd alert alert--warning"><div class="admonitionHeading_ulUq"><span class="admonitionIcon_Wbvt"><svg viewBox="0 0 16 16"><path fill-rule="evenodd" d="M8.893 1.5c-.183-.31-.52-.5-.887-.5s-.703.19-.886.5L.138 13.499a.98.98 0 0 0 0 1.001c.193.31.53.501.886.501h13.964c.367 0 .704-.19.877-.5a1.03 1.03 0 0 0 .01-1.002L8.893 1.5zm.133 11.497H6.987v-2.003h2.039v2.003zm0-3.004H6.987V5.987h2.039v4.006z"></path></svg></span>WIP</div><div class="admonitionContent_mbd8"><div><p>Статья находится в процессе написания</p><p>Чтобы ускорить ее появление, можно:</p><ul><li>📢 Поделиться обратной связью <a href="https://github.com/feature-sliced/documentation/issues/173" target="_blank" rel="noopener noreferrer">в тикете (комментарии/эмодзи-реакция)</a></li><li>💬 Собрать в тикет накопленный по теме <a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer">материал из чата</a></li><li>⚒️ Посодействовать <a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer">любым другим способом</a></li></ul><br><p><i>🍰 Stay tuned!</i></p></div></div></div>
 <blockquote>
 <p>Про реализацию SSR с применением методологии</p>
-</blockquote></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/ru/docusaurus-plugin-content-docs/current/guides/examples/ssr.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Отредактировать эту страницу</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Последнее обновление<!-- --> <b><time datetime="2024-09-29T11:02:46.000Z" itemprop="dateModified">29 сент. 2024 г.</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Навигация по странице документации"></nav></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Спецификация</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/ru/docs">Документация</a></li><li class="footer__item"><a class="footer__link-item" href="/ru/community">Сообщество</a></li><li class="footer__item"><a class="footer__link-item" href="/ru/nav">Помощь</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Обсуждения<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Сообщество</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Остальное</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">Лицензия<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/ru/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/ru/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
+</blockquote></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/ru/docusaurus-plugin-content-docs/current/guides/examples/ssr.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Отредактировать эту страницу</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Последнее обновление<!-- --> <b><time datetime="2024-10-07T18:23:06.000Z" itemprop="dateModified">7 окт. 2024 г.</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Навигация по странице документации"></nav></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Спецификация</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/ru/docs">Документация</a></li><li class="footer__item"><a class="footer__link-item" href="/ru/community">Сообщество</a></li><li class="footer__item"><a class="footer__link-item" href="/ru/nav">Помощь</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Обсуждения<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Сообщество</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Остальное</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">Лицензия<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/ru/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/ru/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
 </body>
 </html>
\ No newline at end of file
diff --git a/ru/docs/guides/examples/theme.html b/ru/docs/guides/examples/theme.html
index bc0d9da231..ce817647ae 100644
--- a/ru/docs/guides/examples/theme.html
+++ b/ru/docs/guides/examples/theme.html
@@ -9,8 +9,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/ru/opensearch.xml"><link rel="stylesheet" href="/ru/assets/css/styles.200d81f1.css">
-<script src="/ru/assets/js/runtime~main.d88d86db.js" defer="defer"></script>
-<script src="/ru/assets/js/main.d5dbc580.js" defer="defer"></script>
+<script src="/ru/assets/js/runtime~main.83a61e56.js" defer="defer"></script>
+<script src="/ru/assets/js/main.ba59251d.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Перейти к основному содержимому"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">Перейти к основному содержимому</a></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Переключить навигационную панель" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/ru/"><div class="navbar__logo"><img src="/ru/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/ru/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/ru/docs">📖 Документация</a><a class="navbar__item navbar__link" href="/ru/community">💫 Сообщество</a><a class="navbar__item navbar__link" href="/ru/blog">📝 Блог</a><a class="navbar__item navbar__link" href="/ru/examples">🛠 Примеры</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/ru/docs/guides/examples/theme">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a aria-current="page" class="dropdown__link dropdown__link--active" href="/ru/docs/guides/examples/theme">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/ru/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>Русский</a><ul class="dropdown__menu"><li><a href="/ru/docs/guides/examples/theme" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="ru">Русский</a></li><li><a href="/docs/guides/examples/theme" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/uz/docs/guides/examples/theme" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/docs/guides/examples/theme" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="kr">한국어</a></li><li><a href="/ja/docs/guides/examples/theme" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="Переключение между темным и светлым режимом (сейчас используется Светлый режим)" aria-label="Переключение между темным и светлым режимом (сейчас используется Светлый режим)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="Поиск"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Поиск</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><div class="docsWrapper_rDLg"><button aria-label="Прокрутка к началу" class="clean-btn theme-back-to-top-button backToTopButton_JQoL" type="button"></button><div class="docRoot_GkJk"><aside class="theme-doc-sidebar-container docSidebarContainer_xiHB"><div class="sidebarViewport_DaHB"><div class="sidebar_Kb82"><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_AkOp"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--active" href="/ru/docs/guides">🎯  Гайды</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--active" tabindex="0" href="/ru/docs/guides/examples">Примеры</a><button aria-label="Collapse sidebar category &#x27;Примеры&#x27;" aria-expanded="true" type="button" class="clean-btn menu__caret"></button></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/ru/docs/guides/examples/auth">Авторизация</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/ru/docs/guides/examples/types">Типы</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/ru/docs/guides/examples/page-layout">Лейауты страниц</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item sidebar-item--wip"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/ru/docs/guides/examples/theme">Темизация</a></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/ru/docs/guides/migration/from-custom">Миграция</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/ru/docs/guides/tech/with-nextjs">Технологии</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/ru/docs/guides/issues/desegmented">Code smells &amp; Issues</a></div></li></ul></li></ul></nav><button type="button" title="Свернуть сайдбар" aria-label="Свернуть сайдбар" class="button button--secondary button--outline collapseSidebarButton_L8vW"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_hYfn"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_uESP"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_w6lk"><div class="theme-admonition theme-admonition-caution admonition_yLUd alert alert--warning theme-unlisted-banner"><div class="admonitionHeading_ulUq"><span class="admonitionIcon_Wbvt"><svg viewBox="0 0 16 16"><path fill-rule="evenodd" d="M8.893 1.5c-.183-.31-.52-.5-.887-.5s-.703.19-.886.5L.138 13.499a.98.98 0 0 0 0 1.001c.193.31.53.501.886.501h13.964c.367 0 .704-.19.877-.5a1.03 1.03 0 0 0 .01-1.002L8.893 1.5zm.133 11.497H6.987v-2.003h2.039v2.003zm0-3.004H6.987V5.987h2.039v4.006z"></path></svg></span>Unlisted page</div><div class="admonitionContent_mbd8">This page is unlisted. Search engines will not index it, and only users having a direct link can access it.</div></div><div class="docItemContainer_b1tn"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_ioLt" aria-label="Навигационная цепочка текущей страницы"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Главная страница" class="breadcrumbs__link" href="/ru/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_ZfEo"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/ru/docs/guides"><span itemprop="name">🎯  Гайды</span></a><meta itemprop="position" content="1"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/ru/docs/guides/examples"><span itemprop="name">Примеры</span></a><meta itemprop="position" content="2"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">Темизация</span><meta itemprop="position" content="3"></li></ul></nav><div class="tocCollapsible_EkMH theme-doc-toc-mobile tocMobile_XRnS"><button type="button" class="clean-btn tocCollapsibleButton_ID8T">Содержание этой страницы</button></div><div class="theme-doc-markdown markdown"><header><h1>Темизация</h1></header>
@@ -22,6 +22,6 @@ <h2 class="anchor anchorWithStickyNavbar_QzlE" id="where-should-i-put-my-work-wi
 <h2 class="anchor anchorWithStickyNavbar_QzlE" id="discussion-about-the-location-of-the-theme-i18n-logic">Рассуждения про расположение theme, i18n логики<a href="#discussion-about-the-location-of-the-theme-i18n-logic" class="hash-link" aria-label="Прямая ссылка на этот заголовок" title="Прямая ссылка на этот заголовок">​</a></h2>
 <blockquote>
 <p><a href="https://youtu.be/b_nBvHWqxP8?t=133" target="_blank" rel="noopener noreferrer">https://youtu.be/b_nBvHWqxP8?t=133</a></p>
-</blockquote></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/ru/docusaurus-plugin-content-docs/current/guides/examples/theme.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Отредактировать эту страницу</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Последнее обновление<!-- --> <b><time datetime="2024-09-29T11:02:46.000Z" itemprop="dateModified">29 сент. 2024 г.</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Навигация по странице документации"></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#where-should-i-put-my-work-with-the-theme-and-palette" class="table-of-contents__link toc-highlight">Куда положить работу с темой и палитрой?</a></li><li><a href="#discussion-about-the-location-of-the-theme-i18n-logic" class="table-of-contents__link toc-highlight">Рассуждения про расположение theme, i18n логики</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Спецификация</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/ru/docs">Документация</a></li><li class="footer__item"><a class="footer__link-item" href="/ru/community">Сообщество</a></li><li class="footer__item"><a class="footer__link-item" href="/ru/nav">Помощь</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Обсуждения<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Сообщество</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Остальное</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">Лицензия<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/ru/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/ru/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
+</blockquote></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/ru/docusaurus-plugin-content-docs/current/guides/examples/theme.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Отредактировать эту страницу</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Последнее обновление<!-- --> <b><time datetime="2024-10-07T18:23:06.000Z" itemprop="dateModified">7 окт. 2024 г.</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Навигация по странице документации"></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#where-should-i-put-my-work-with-the-theme-and-palette" class="table-of-contents__link toc-highlight">Куда положить работу с темой и палитрой?</a></li><li><a href="#discussion-about-the-location-of-the-theme-i18n-logic" class="table-of-contents__link toc-highlight">Рассуждения про расположение theme, i18n логики</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Спецификация</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/ru/docs">Документация</a></li><li class="footer__item"><a class="footer__link-item" href="/ru/community">Сообщество</a></li><li class="footer__item"><a class="footer__link-item" href="/ru/nav">Помощь</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Обсуждения<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Сообщество</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Остальное</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">Лицензия<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/ru/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/ru/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
 </body>
 </html>
\ No newline at end of file
diff --git a/ru/docs/guides/examples/types.html b/ru/docs/guides/examples/types.html
index 371ca1859e..f8a27a7089 100644
--- a/ru/docs/guides/examples/types.html
+++ b/ru/docs/guides/examples/types.html
@@ -9,8 +9,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/ru/opensearch.xml"><link rel="stylesheet" href="/ru/assets/css/styles.200d81f1.css">
-<script src="/ru/assets/js/runtime~main.d88d86db.js" defer="defer"></script>
-<script src="/ru/assets/js/main.d5dbc580.js" defer="defer"></script>
+<script src="/ru/assets/js/runtime~main.83a61e56.js" defer="defer"></script>
+<script src="/ru/assets/js/main.ba59251d.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Перейти к основному содержимому"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">Перейти к основному содержимому</a></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Переключить навигационную панель" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/ru/"><div class="navbar__logo"><img src="/ru/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/ru/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/ru/docs">📖 Документация</a><a class="navbar__item navbar__link" href="/ru/community">💫 Сообщество</a><a class="navbar__item navbar__link" href="/ru/blog">📝 Блог</a><a class="navbar__item navbar__link" href="/ru/examples">🛠 Примеры</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/ru/docs/guides/examples/types">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a aria-current="page" class="dropdown__link dropdown__link--active" href="/ru/docs/guides/examples/types">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/ru/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>Русский</a><ul class="dropdown__menu"><li><a href="/ru/docs/guides/examples/types" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="ru">Русский</a></li><li><a href="/docs/guides/examples/types" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/uz/docs/guides/examples/types" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/docs/guides/examples/types" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="kr">한국어</a></li><li><a href="/ja/docs/guides/examples/types" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="Переключение между темным и светлым режимом (сейчас используется Светлый режим)" aria-label="Переключение между темным и светлым режимом (сейчас используется Светлый режим)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="Поиск"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Поиск</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><div class="docsWrapper_rDLg"><button aria-label="Прокрутка к началу" class="clean-btn theme-back-to-top-button backToTopButton_JQoL" type="button"></button><div class="docRoot_GkJk"><aside class="theme-doc-sidebar-container docSidebarContainer_xiHB"><div class="sidebarViewport_DaHB"><div class="sidebar_Kb82"><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_AkOp"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--active" href="/ru/docs/guides">🎯  Гайды</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--active" tabindex="0" href="/ru/docs/guides/examples">Примеры</a><button aria-label="Collapse sidebar category &#x27;Примеры&#x27;" aria-expanded="true" type="button" class="clean-btn menu__caret"></button></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/ru/docs/guides/examples/auth">Авторизация</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/ru/docs/guides/examples/types">Типы</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/ru/docs/guides/examples/page-layout">Лейауты страниц</a></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/ru/docs/guides/migration/from-custom">Миграция</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/ru/docs/guides/tech/with-nextjs">Технологии</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/ru/docs/guides/issues/desegmented">Code smells &amp; Issues</a></div></li></ul></li></ul></nav><button type="button" title="Свернуть сайдбар" aria-label="Свернуть сайдбар" class="button button--secondary button--outline collapseSidebarButton_L8vW"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_hYfn"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_uESP"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_w6lk"><div class="docItemContainer_b1tn"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_ioLt" aria-label="Навигационная цепочка текущей страницы"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Главная страница" class="breadcrumbs__link" href="/ru/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_ZfEo"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/ru/docs/guides"><span itemprop="name">🎯  Гайды</span></a><meta itemprop="position" content="1"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/ru/docs/guides/examples"><span itemprop="name">Примеры</span></a><meta itemprop="position" content="2"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">Типы</span><meta itemprop="position" content="3"></li></ul></nav><div class="tocCollapsible_EkMH theme-doc-toc-mobile tocMobile_XRnS"><button type="button" class="clean-btn tocCollapsibleButton_ID8T">Содержание этой страницы</button></div><div class="theme-doc-markdown markdown"><header><h1>Типы</h1></header>
@@ -138,6 +138,6 @@ <h2 class="anchor anchorWithStickyNavbar_QzlE" id="декларационные-
 <p>Другие пакеты просто не имеют типов, и вам может понадобиться объявить их как нетипизированные или даже написать собственные типы для них. Хорошим местом для этих типов будет <code>shared/lib</code>, в папке типа <code>shared/lib/untyped-packages</code>. Создайте там файл <code>%LIBRARY_NAME%.d.ts</code> и объявите типы, которые вам нужны:</p>
 <div class="language-ts codeBlockContainer_IiXL theme-code-block" style="--prism-background-color:hsl(230, 1%, 98%);--prism-color:hsl(230, 8%, 24%)"><div class="codeBlockTitle_ajkA">shared/lib/untyped-packages/use-react-screenshot.d.ts</div><div class="codeBlockContent_Y78k"><pre tabindex="0" class="prism-code language-ts codeBlock_gc_u thin-scrollbar" style="background-color:hsl(230, 1%, 98%);color:hsl(230, 8%, 24%)"><code class="codeBlockLines_PG8G"><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token comment" style="color:hsl(230, 4%, 64%)">// У этой библиотеки нет типов, и мы не хотели заморачиваться с написанием своих.</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain"></span><span class="token keyword" style="color:hsl(301, 63%, 40%)">declare</span><span class="token plain"> </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">module</span><span class="token plain"> </span><span class="token string" style="color:hsl(119, 34%, 47%)">&quot;use-react-screenshot&quot;</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><br></span></code></pre><div class="buttonGroup_VWIG"><button type="button" aria-label="Скопировать в буфер обмена" title="Скопировать" class="clean-btn"><span class="copyButtonIcons_p0uL" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_LnVn"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_yLdc"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div>
 <h2 class="anchor anchorWithStickyNavbar_QzlE" id="автогенерация-типов">Автогенерация типов<a href="#автогенерация-типов" class="hash-link" aria-label="Прямая ссылка на этот заголовок" title="Прямая ссылка на этот заголовок">​</a></h2>
-<p>Часто бывает полезно генерировать типы из внешних источников, например, генерировать типы бэкенда из схемы OpenAPI. В этом случае создайте специальное место в вашем коде для этих типов, например, <code>shared/api/openapi</code>. Идеально, если вы также включите README в эту папку, который описывает, что это за файлы, как их перегенерировать и т. д.</p></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/ru/docusaurus-plugin-content-docs/current/guides/examples/types.md" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Отредактировать эту страницу</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Последнее обновление<!-- --> <b><time datetime="2024-09-29T11:02:46.000Z" itemprop="dateModified">29 сент. 2024 г.</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Навигация по странице документации"><a class="pagination-nav__link pagination-nav__link--prev" href="/ru/docs/guides/examples/auth"><div class="pagination-nav__sublabel">Предыдущая страница</div><div class="pagination-nav__label">Авторизация</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/ru/docs/guides/examples/page-layout"><div class="pagination-nav__sublabel">Следующая страница</div><div class="pagination-nav__label">Лейауты страниц</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#типы-утилиты" class="table-of-contents__link toc-highlight">Типы-утилиты</a></li><li><a href="#бизнес-сущности-и-их-ссылки-друг-на-друга" class="table-of-contents__link toc-highlight">Бизнес-сущности и их ссылки друг на друга</a></li><li><a href="#data-transfer-objects-and-mappers" class="table-of-contents__link toc-highlight">Объекты передачи данных (DTO) и мапперы</a><ul><li><a href="#куда-положить-dto" class="table-of-contents__link toc-highlight">Куда положить DTO</a></li><li><a href="#куда-положить-мапперы" class="table-of-contents__link toc-highlight">Куда положить мапперы</a></li><li><a href="#что-делать-с-вложенными-dto" class="table-of-contents__link toc-highlight">Что делать с вложенными DTO</a></li></ul></li><li><a href="#глобальные-типы-и-redux" class="table-of-contents__link toc-highlight">Глобальные типы и Redux</a></li><li><a href="#схемы-валидации-типов-и-zod" class="table-of-contents__link toc-highlight">Схемы валидации типов и Zod</a></li><li><a href="#типизация-пропов-компонентов-и-контекста" class="table-of-contents__link toc-highlight">Типизация пропов компонентов и контекста</a></li><li><a href="#декларационные-файлы-окружения-dts" class="table-of-contents__link toc-highlight">Декларационные файлы окружения (<code>*.d.ts</code>)</a></li><li><a href="#автогенерация-типов" class="table-of-contents__link toc-highlight">Автогенерация типов</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Спецификация</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/ru/docs">Документация</a></li><li class="footer__item"><a class="footer__link-item" href="/ru/community">Сообщество</a></li><li class="footer__item"><a class="footer__link-item" href="/ru/nav">Помощь</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Обсуждения<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Сообщество</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Остальное</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">Лицензия<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/ru/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/ru/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
+<p>Часто бывает полезно генерировать типы из внешних источников, например, генерировать типы бэкенда из схемы OpenAPI. В этом случае создайте специальное место в вашем коде для этих типов, например, <code>shared/api/openapi</code>. Идеально, если вы также включите README в эту папку, который описывает, что это за файлы, как их перегенерировать и т. д.</p></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/ru/docusaurus-plugin-content-docs/current/guides/examples/types.md" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Отредактировать эту страницу</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Последнее обновление<!-- --> <b><time datetime="2024-10-07T18:23:06.000Z" itemprop="dateModified">7 окт. 2024 г.</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Навигация по странице документации"><a class="pagination-nav__link pagination-nav__link--prev" href="/ru/docs/guides/examples/auth"><div class="pagination-nav__sublabel">Предыдущая страница</div><div class="pagination-nav__label">Авторизация</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/ru/docs/guides/examples/page-layout"><div class="pagination-nav__sublabel">Следующая страница</div><div class="pagination-nav__label">Лейауты страниц</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#типы-утилиты" class="table-of-contents__link toc-highlight">Типы-утилиты</a></li><li><a href="#бизнес-сущности-и-их-ссылки-друг-на-друга" class="table-of-contents__link toc-highlight">Бизнес-сущности и их ссылки друг на друга</a></li><li><a href="#data-transfer-objects-and-mappers" class="table-of-contents__link toc-highlight">Объекты передачи данных (DTO) и мапперы</a><ul><li><a href="#куда-положить-dto" class="table-of-contents__link toc-highlight">Куда положить DTO</a></li><li><a href="#куда-положить-мапперы" class="table-of-contents__link toc-highlight">Куда положить мапперы</a></li><li><a href="#что-делать-с-вложенными-dto" class="table-of-contents__link toc-highlight">Что делать с вложенными DTO</a></li></ul></li><li><a href="#глобальные-типы-и-redux" class="table-of-contents__link toc-highlight">Глобальные типы и Redux</a></li><li><a href="#схемы-валидации-типов-и-zod" class="table-of-contents__link toc-highlight">Схемы валидации типов и Zod</a></li><li><a href="#типизация-пропов-компонентов-и-контекста" class="table-of-contents__link toc-highlight">Типизация пропов компонентов и контекста</a></li><li><a href="#декларационные-файлы-окружения-dts" class="table-of-contents__link toc-highlight">Декларационные файлы окружения (<code>*.d.ts</code>)</a></li><li><a href="#автогенерация-типов" class="table-of-contents__link toc-highlight">Автогенерация типов</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Спецификация</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/ru/docs">Документация</a></li><li class="footer__item"><a class="footer__link-item" href="/ru/community">Сообщество</a></li><li class="footer__item"><a class="footer__link-item" href="/ru/nav">Помощь</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Обсуждения<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Сообщество</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Остальное</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">Лицензия<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/ru/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/ru/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
 </body>
 </html>
\ No newline at end of file
diff --git a/ru/docs/guides/examples/white-labels.html b/ru/docs/guides/examples/white-labels.html
index 563447e66a..4985bed968 100644
--- a/ru/docs/guides/examples/white-labels.html
+++ b/ru/docs/guides/examples/white-labels.html
@@ -9,8 +9,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/ru/opensearch.xml"><link rel="stylesheet" href="/ru/assets/css/styles.200d81f1.css">
-<script src="/ru/assets/js/runtime~main.d88d86db.js" defer="defer"></script>
-<script src="/ru/assets/js/main.d5dbc580.js" defer="defer"></script>
+<script src="/ru/assets/js/runtime~main.83a61e56.js" defer="defer"></script>
+<script src="/ru/assets/js/main.ba59251d.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Перейти к основному содержимому"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">Перейти к основному содержимому</a></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Переключить навигационную панель" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/ru/"><div class="navbar__logo"><img src="/ru/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/ru/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/ru/docs">📖 Документация</a><a class="navbar__item navbar__link" href="/ru/community">💫 Сообщество</a><a class="navbar__item navbar__link" href="/ru/blog">📝 Блог</a><a class="navbar__item navbar__link" href="/ru/examples">🛠 Примеры</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/ru/docs/guides/examples/white-labels">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a aria-current="page" class="dropdown__link dropdown__link--active" href="/ru/docs/guides/examples/white-labels">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/ru/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>Русский</a><ul class="dropdown__menu"><li><a href="/ru/docs/guides/examples/white-labels" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="ru">Русский</a></li><li><a href="/docs/guides/examples/white-labels" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/uz/docs/guides/examples/white-labels" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/docs/guides/examples/white-labels" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="kr">한국어</a></li><li><a href="/ja/docs/guides/examples/white-labels" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="Переключение между темным и светлым режимом (сейчас используется Светлый режим)" aria-label="Переключение между темным и светлым режимом (сейчас используется Светлый режим)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="Поиск"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Поиск</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><div class="docsWrapper_rDLg"><button aria-label="Прокрутка к началу" class="clean-btn theme-back-to-top-button backToTopButton_JQoL" type="button"></button><div class="docRoot_GkJk"><aside class="theme-doc-sidebar-container docSidebarContainer_xiHB"><div class="sidebarViewport_DaHB"><div class="sidebar_Kb82"><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_AkOp"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--active" href="/ru/docs/guides">🎯  Гайды</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--active" tabindex="0" href="/ru/docs/guides/examples">Примеры</a><button aria-label="Collapse sidebar category &#x27;Примеры&#x27;" aria-expanded="true" type="button" class="clean-btn menu__caret"></button></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/ru/docs/guides/examples/auth">Авторизация</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/ru/docs/guides/examples/types">Типы</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/ru/docs/guides/examples/page-layout">Лейауты страниц</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item sidebar-item--wip"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/ru/docs/guides/examples/white-labels">White Labels</a></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/ru/docs/guides/migration/from-custom">Миграция</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/ru/docs/guides/tech/with-nextjs">Технологии</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/ru/docs/guides/issues/desegmented">Code smells &amp; Issues</a></div></li></ul></li></ul></nav><button type="button" title="Свернуть сайдбар" aria-label="Свернуть сайдбар" class="button button--secondary button--outline collapseSidebarButton_L8vW"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_hYfn"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_uESP"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_w6lk"><div class="theme-admonition theme-admonition-caution admonition_yLUd alert alert--warning theme-unlisted-banner"><div class="admonitionHeading_ulUq"><span class="admonitionIcon_Wbvt"><svg viewBox="0 0 16 16"><path fill-rule="evenodd" d="M8.893 1.5c-.183-.31-.52-.5-.887-.5s-.703.19-.886.5L.138 13.499a.98.98 0 0 0 0 1.001c.193.31.53.501.886.501h13.964c.367 0 .704-.19.877-.5a1.03 1.03 0 0 0 .01-1.002L8.893 1.5zm.133 11.497H6.987v-2.003h2.039v2.003zm0-3.004H6.987V5.987h2.039v4.006z"></path></svg></span>Unlisted page</div><div class="admonitionContent_mbd8">This page is unlisted. Search engines will not index it, and only users having a direct link can access it.</div></div><div class="docItemContainer_b1tn"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_ioLt" aria-label="Навигационная цепочка текущей страницы"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Главная страница" class="breadcrumbs__link" href="/ru/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_ZfEo"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/ru/docs/guides"><span itemprop="name">🎯  Гайды</span></a><meta itemprop="position" content="1"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/ru/docs/guides/examples"><span itemprop="name">Примеры</span></a><meta itemprop="position" content="2"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">White Labels</span><meta itemprop="position" content="3"></li></ul></nav><div class="tocCollapsible_EkMH theme-doc-toc-mobile tocMobile_XRnS"><button type="button" class="clean-btn tocCollapsibleButton_ID8T">Содержание этой страницы</button></div><div class="theme-doc-markdown markdown"><header><h1>White Labels</h1></header>
@@ -22,6 +22,6 @@ <h2 class="anchor anchorWithStickyNavbar_QzlE" id="see-also">См. также<a
 <ul>
 <li><a href="https://t.me/feature_sliced/1543" target="_blank" rel="noopener noreferrer">(Тред) Про применение для white-labels (брендированных) проектов</a></li>
 <li><a href="https://yadi.sk/i/5IdhzsWrpO3v4Q" target="_blank" rel="noopener noreferrer">(Презентация) Про white-labels приложения и дизайн</a></li>
-</ul></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/ru/docusaurus-plugin-content-docs/current/guides/examples/white-labels.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Отредактировать эту страницу</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Последнее обновление<!-- --> <b><time datetime="2024-09-29T11:02:46.000Z" itemprop="dateModified">29 сент. 2024 г.</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Навигация по странице документации"></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#see-also" class="table-of-contents__link toc-highlight">См. также</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Спецификация</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/ru/docs">Документация</a></li><li class="footer__item"><a class="footer__link-item" href="/ru/community">Сообщество</a></li><li class="footer__item"><a class="footer__link-item" href="/ru/nav">Помощь</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Обсуждения<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Сообщество</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Остальное</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">Лицензия<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/ru/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/ru/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
+</ul></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/ru/docusaurus-plugin-content-docs/current/guides/examples/white-labels.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Отредактировать эту страницу</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Последнее обновление<!-- --> <b><time datetime="2024-10-07T18:23:06.000Z" itemprop="dateModified">7 окт. 2024 г.</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Навигация по странице документации"></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#see-also" class="table-of-contents__link toc-highlight">См. также</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Спецификация</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/ru/docs">Документация</a></li><li class="footer__item"><a class="footer__link-item" href="/ru/community">Сообщество</a></li><li class="footer__item"><a class="footer__link-item" href="/ru/nav">Помощь</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Обсуждения<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Сообщество</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Остальное</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">Лицензия<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/ru/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/ru/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
 </body>
 </html>
\ No newline at end of file
diff --git a/ru/docs/guides/issues/cross-imports.html b/ru/docs/guides/issues/cross-imports.html
index c138d8b1dc..232e8f453f 100644
--- a/ru/docs/guides/issues/cross-imports.html
+++ b/ru/docs/guides/issues/cross-imports.html
@@ -9,8 +9,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/ru/opensearch.xml"><link rel="stylesheet" href="/ru/assets/css/styles.200d81f1.css">
-<script src="/ru/assets/js/runtime~main.d88d86db.js" defer="defer"></script>
-<script src="/ru/assets/js/main.d5dbc580.js" defer="defer"></script>
+<script src="/ru/assets/js/runtime~main.83a61e56.js" defer="defer"></script>
+<script src="/ru/assets/js/main.ba59251d.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Перейти к основному содержимому"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">Перейти к основному содержимому</a></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Переключить навигационную панель" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/ru/"><div class="navbar__logo"><img src="/ru/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/ru/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/ru/docs">📖 Документация</a><a class="navbar__item navbar__link" href="/ru/community">💫 Сообщество</a><a class="navbar__item navbar__link" href="/ru/blog">📝 Блог</a><a class="navbar__item navbar__link" href="/ru/examples">🛠 Примеры</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/ru/docs/guides/issues/cross-imports">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a aria-current="page" class="dropdown__link dropdown__link--active" href="/ru/docs/guides/issues/cross-imports">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/ru/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>Русский</a><ul class="dropdown__menu"><li><a href="/ru/docs/guides/issues/cross-imports" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="ru">Русский</a></li><li><a href="/docs/guides/issues/cross-imports" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/uz/docs/guides/issues/cross-imports" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/docs/guides/issues/cross-imports" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="kr">한국어</a></li><li><a href="/ja/docs/guides/issues/cross-imports" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="Переключение между темным и светлым режимом (сейчас используется Светлый режим)" aria-label="Переключение между темным и светлым режимом (сейчас используется Светлый режим)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="Поиск"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Поиск</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><div class="docsWrapper_rDLg"><button aria-label="Прокрутка к началу" class="clean-btn theme-back-to-top-button backToTopButton_JQoL" type="button"></button><div class="docRoot_GkJk"><aside class="theme-doc-sidebar-container docSidebarContainer_xiHB"><div class="sidebarViewport_DaHB"><div class="sidebar_Kb82"><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_AkOp"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--active" href="/ru/docs/guides">🎯  Гайды</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" tabindex="0" href="/ru/docs/guides/examples">Примеры</a><button aria-label="Expand sidebar category &#x27;Примеры&#x27;" aria-expanded="false" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/ru/docs/guides/migration/from-custom">Миграция</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/ru/docs/guides/tech/with-nextjs">Технологии</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret menu__link--active" role="button" aria-expanded="true" tabindex="0" href="/ru/docs/guides/issues/desegmented">Code smells &amp; Issues</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item sidebar-item--wip"><a class="menu__link" tabindex="0" href="/ru/docs/guides/issues/desegmented">Десегментация</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item sidebar-item--wip"><a class="menu__link" tabindex="0" href="/ru/docs/guides/issues/routes">Роутинг</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item sidebar-item--wip"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/ru/docs/guides/issues/cross-imports">Кросс-импорты</a></li></ul></li></ul></li></ul></nav><button type="button" title="Свернуть сайдбар" aria-label="Свернуть сайдбар" class="button button--secondary button--outline collapseSidebarButton_L8vW"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_hYfn"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_uESP"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_w6lk"><div class="docItemContainer_b1tn"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_ioLt" aria-label="Навигационная цепочка текущей страницы"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Главная страница" class="breadcrumbs__link" href="/ru/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_ZfEo"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/ru/docs/guides"><span itemprop="name">🎯  Гайды</span></a><meta itemprop="position" content="1"></li><li class="breadcrumbs__item"><span class="breadcrumbs__link">Code smells &amp; Issues</span><meta itemprop="position" content="2"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">Кросс-импорты</span><meta itemprop="position" content="3"></li></ul></nav><div class="tocCollapsible_EkMH theme-doc-toc-mobile tocMobile_XRnS"><button type="button" class="clean-btn tocCollapsibleButton_ID8T">Содержание этой страницы</button></div><div class="theme-doc-markdown markdown"><header><h1>Кросс-импорты</h1></header>
@@ -25,6 +25,6 @@ <h2 class="anchor anchorWithStickyNavbar_QzlE" id="see-also">См. также<a
 <li><a href="https://t.me/feature_sliced/3287" target="_blank" rel="noopener noreferrer">(Тред) Про кросс-импорты и ответственность</a></li>
 <li><a href="https://t.me/feature_sliced/4021" target="_blank" rel="noopener noreferrer">(Тред) Про импорты между сегментами</a></li>
 <li><a href="https://t.me/feature_sliced/3618" target="_blank" rel="noopener noreferrer">(Тред) Про кросс-импорты внутри shared</a></li>
-</ul></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/ru/docusaurus-plugin-content-docs/current/guides/issues/cross-imports.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Отредактировать эту страницу</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Последнее обновление<!-- --> <b><time datetime="2024-09-29T11:02:46.000Z" itemprop="dateModified">29 сент. 2024 г.</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Навигация по странице документации"><a class="pagination-nav__link pagination-nav__link--prev" href="/ru/docs/guides/issues/routes"><div class="pagination-nav__sublabel">Предыдущая страница</div><div class="pagination-nav__label">Роутинг</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/ru/docs/reference"><div class="pagination-nav__sublabel">Следующая страница</div><div class="pagination-nav__label">📚 Справочник</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#see-also" class="table-of-contents__link toc-highlight">См. также</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Спецификация</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/ru/docs">Документация</a></li><li class="footer__item"><a class="footer__link-item" href="/ru/community">Сообщество</a></li><li class="footer__item"><a class="footer__link-item" href="/ru/nav">Помощь</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Обсуждения<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Сообщество</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Остальное</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">Лицензия<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/ru/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/ru/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
+</ul></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/ru/docusaurus-plugin-content-docs/current/guides/issues/cross-imports.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Отредактировать эту страницу</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Последнее обновление<!-- --> <b><time datetime="2024-10-07T18:23:06.000Z" itemprop="dateModified">7 окт. 2024 г.</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Навигация по странице документации"><a class="pagination-nav__link pagination-nav__link--prev" href="/ru/docs/guides/issues/routes"><div class="pagination-nav__sublabel">Предыдущая страница</div><div class="pagination-nav__label">Роутинг</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/ru/docs/reference"><div class="pagination-nav__sublabel">Следующая страница</div><div class="pagination-nav__label">📚 Справочник</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#see-also" class="table-of-contents__link toc-highlight">См. также</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Спецификация</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/ru/docs">Документация</a></li><li class="footer__item"><a class="footer__link-item" href="/ru/community">Сообщество</a></li><li class="footer__item"><a class="footer__link-item" href="/ru/nav">Помощь</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Обсуждения<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Сообщество</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Остальное</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">Лицензия<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/ru/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/ru/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
 </body>
 </html>
\ No newline at end of file
diff --git a/ru/docs/guides/issues/desegmented.html b/ru/docs/guides/issues/desegmented.html
index 640f0bde38..24b4d429ff 100644
--- a/ru/docs/guides/issues/desegmented.html
+++ b/ru/docs/guides/issues/desegmented.html
@@ -9,8 +9,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/ru/opensearch.xml"><link rel="stylesheet" href="/ru/assets/css/styles.200d81f1.css">
-<script src="/ru/assets/js/runtime~main.d88d86db.js" defer="defer"></script>
-<script src="/ru/assets/js/main.d5dbc580.js" defer="defer"></script>
+<script src="/ru/assets/js/runtime~main.83a61e56.js" defer="defer"></script>
+<script src="/ru/assets/js/main.ba59251d.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Перейти к основному содержимому"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">Перейти к основному содержимому</a></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Переключить навигационную панель" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/ru/"><div class="navbar__logo"><img src="/ru/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/ru/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/ru/docs">📖 Документация</a><a class="navbar__item navbar__link" href="/ru/community">💫 Сообщество</a><a class="navbar__item navbar__link" href="/ru/blog">📝 Блог</a><a class="navbar__item navbar__link" href="/ru/examples">🛠 Примеры</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/ru/docs/guides/issues/desegmented">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a aria-current="page" class="dropdown__link dropdown__link--active" href="/ru/docs/guides/issues/desegmented">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/ru/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>Русский</a><ul class="dropdown__menu"><li><a href="/ru/docs/guides/issues/desegmented" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="ru">Русский</a></li><li><a href="/docs/guides/issues/desegmented" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/uz/docs/guides/issues/desegmented" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/docs/guides/issues/desegmented" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="kr">한국어</a></li><li><a href="/ja/docs/guides/issues/desegmented" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="Переключение между темным и светлым режимом (сейчас используется Светлый режим)" aria-label="Переключение между темным и светлым режимом (сейчас используется Светлый режим)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="Поиск"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Поиск</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><div class="docsWrapper_rDLg"><button aria-label="Прокрутка к началу" class="clean-btn theme-back-to-top-button backToTopButton_JQoL" type="button"></button><div class="docRoot_GkJk"><aside class="theme-doc-sidebar-container docSidebarContainer_xiHB"><div class="sidebarViewport_DaHB"><div class="sidebar_Kb82"><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_AkOp"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--active" href="/ru/docs/guides">🎯  Гайды</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" tabindex="0" href="/ru/docs/guides/examples">Примеры</a><button aria-label="Expand sidebar category &#x27;Примеры&#x27;" aria-expanded="false" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/ru/docs/guides/migration/from-custom">Миграция</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/ru/docs/guides/tech/with-nextjs">Технологии</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret menu__link--active" role="button" aria-expanded="true" tabindex="0" href="/ru/docs/guides/issues/desegmented">Code smells &amp; Issues</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item sidebar-item--wip"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/ru/docs/guides/issues/desegmented">Десегментация</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item sidebar-item--wip"><a class="menu__link" tabindex="0" href="/ru/docs/guides/issues/routes">Роутинг</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item sidebar-item--wip"><a class="menu__link" tabindex="0" href="/ru/docs/guides/issues/cross-imports">Кросс-импорты</a></li></ul></li></ul></li></ul></nav><button type="button" title="Свернуть сайдбар" aria-label="Свернуть сайдбар" class="button button--secondary button--outline collapseSidebarButton_L8vW"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_hYfn"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_uESP"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_w6lk"><div class="docItemContainer_b1tn"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_ioLt" aria-label="Навигационная цепочка текущей страницы"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Главная страница" class="breadcrumbs__link" href="/ru/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_ZfEo"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/ru/docs/guides"><span itemprop="name">🎯  Гайды</span></a><meta itemprop="position" content="1"></li><li class="breadcrumbs__item"><span class="breadcrumbs__link">Code smells &amp; Issues</span><meta itemprop="position" content="2"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">Десегментация</span><meta itemprop="position" content="3"></li></ul></nav><div class="tocCollapsible_EkMH theme-doc-toc-mobile tocMobile_XRnS"><button type="button" class="clean-btn tocCollapsibleButton_ID8T">Содержание этой страницы</button></div><div class="theme-doc-markdown markdown"><header><h1>Десегментация</h1></header>
@@ -41,6 +41,6 @@ <h2 class="anchor anchorWithStickyNavbar_QzlE" id="see-also">См. также<a
 <ul>
 <li><a href="https://enterprisecraftsmanship.com/posts/cohesion-coupling-difference/" target="_blank" rel="noopener noreferrer">(Статья) Про Low Coupling и High Cohesion наглядно</a></li>
 <li><a href="https://medium.com/german-gorelkin/low-coupling-high-cohesion-d36369fb1be9" target="_blank" rel="noopener noreferrer">(Статья) Low Coupling и High Cohesion. Закон Деметры</a></li>
-</ul></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/ru/docusaurus-plugin-content-docs/current/guides/issues/desegmented.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Отредактировать эту страницу</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Последнее обновление<!-- --> <b><time datetime="2024-09-29T11:02:46.000Z" itemprop="dateModified">29 сент. 2024 г.</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Навигация по странице документации"><a class="pagination-nav__link pagination-nav__link--prev" href="/ru/docs/guides/tech/with-sveltekit"><div class="pagination-nav__sublabel">Предыдущая страница</div><div class="pagination-nav__label">Использование с SvelteKit</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/ru/docs/guides/issues/routes"><div class="pagination-nav__sublabel">Следующая страница</div><div class="pagination-nav__label">Роутинг</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#situation" class="table-of-contents__link toc-highlight">Ситуация</a></li><li><a href="#problem" class="table-of-contents__link toc-highlight">Проблема</a></li><li><a href="#if-you-ignore-it" class="table-of-contents__link toc-highlight">Если проигнорировать</a></li><li><a href="#solution" class="table-of-contents__link toc-highlight">Решение</a></li><li><a href="#see-also" class="table-of-contents__link toc-highlight">См. также</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Спецификация</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/ru/docs">Документация</a></li><li class="footer__item"><a class="footer__link-item" href="/ru/community">Сообщество</a></li><li class="footer__item"><a class="footer__link-item" href="/ru/nav">Помощь</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Обсуждения<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Сообщество</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Остальное</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">Лицензия<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/ru/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/ru/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
+</ul></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/ru/docusaurus-plugin-content-docs/current/guides/issues/desegmented.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Отредактировать эту страницу</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Последнее обновление<!-- --> <b><time datetime="2024-10-07T18:23:06.000Z" itemprop="dateModified">7 окт. 2024 г.</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Навигация по странице документации"><a class="pagination-nav__link pagination-nav__link--prev" href="/ru/docs/guides/tech/with-sveltekit"><div class="pagination-nav__sublabel">Предыдущая страница</div><div class="pagination-nav__label">Использование с SvelteKit</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/ru/docs/guides/issues/routes"><div class="pagination-nav__sublabel">Следующая страница</div><div class="pagination-nav__label">Роутинг</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#situation" class="table-of-contents__link toc-highlight">Ситуация</a></li><li><a href="#problem" class="table-of-contents__link toc-highlight">Проблема</a></li><li><a href="#if-you-ignore-it" class="table-of-contents__link toc-highlight">Если проигнорировать</a></li><li><a href="#solution" class="table-of-contents__link toc-highlight">Решение</a></li><li><a href="#see-also" class="table-of-contents__link toc-highlight">См. также</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Спецификация</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/ru/docs">Документация</a></li><li class="footer__item"><a class="footer__link-item" href="/ru/community">Сообщество</a></li><li class="footer__item"><a class="footer__link-item" href="/ru/nav">Помощь</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Обсуждения<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Сообщество</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Остальное</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">Лицензия<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/ru/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/ru/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
 </body>
 </html>
\ No newline at end of file
diff --git a/ru/docs/guides/issues/routes.html b/ru/docs/guides/issues/routes.html
index dd2a869d4a..f15fb83040 100644
--- a/ru/docs/guides/issues/routes.html
+++ b/ru/docs/guides/issues/routes.html
@@ -9,8 +9,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/ru/opensearch.xml"><link rel="stylesheet" href="/ru/assets/css/styles.200d81f1.css">
-<script src="/ru/assets/js/runtime~main.d88d86db.js" defer="defer"></script>
-<script src="/ru/assets/js/main.d5dbc580.js" defer="defer"></script>
+<script src="/ru/assets/js/runtime~main.83a61e56.js" defer="defer"></script>
+<script src="/ru/assets/js/main.ba59251d.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Перейти к основному содержимому"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">Перейти к основному содержимому</a></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Переключить навигационную панель" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/ru/"><div class="navbar__logo"><img src="/ru/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/ru/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/ru/docs">📖 Документация</a><a class="navbar__item navbar__link" href="/ru/community">💫 Сообщество</a><a class="navbar__item navbar__link" href="/ru/blog">📝 Блог</a><a class="navbar__item navbar__link" href="/ru/examples">🛠 Примеры</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/ru/docs/guides/issues/routes">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a aria-current="page" class="dropdown__link dropdown__link--active" href="/ru/docs/guides/issues/routes">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/ru/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>Русский</a><ul class="dropdown__menu"><li><a href="/ru/docs/guides/issues/routes" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="ru">Русский</a></li><li><a href="/docs/guides/issues/routes" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/uz/docs/guides/issues/routes" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/docs/guides/issues/routes" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="kr">한국어</a></li><li><a href="/ja/docs/guides/issues/routes" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="Переключение между темным и светлым режимом (сейчас используется Светлый режим)" aria-label="Переключение между темным и светлым режимом (сейчас используется Светлый режим)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="Поиск"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Поиск</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><div class="docsWrapper_rDLg"><button aria-label="Прокрутка к началу" class="clean-btn theme-back-to-top-button backToTopButton_JQoL" type="button"></button><div class="docRoot_GkJk"><aside class="theme-doc-sidebar-container docSidebarContainer_xiHB"><div class="sidebarViewport_DaHB"><div class="sidebar_Kb82"><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_AkOp"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--active" href="/ru/docs/guides">🎯  Гайды</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" tabindex="0" href="/ru/docs/guides/examples">Примеры</a><button aria-label="Expand sidebar category &#x27;Примеры&#x27;" aria-expanded="false" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/ru/docs/guides/migration/from-custom">Миграция</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/ru/docs/guides/tech/with-nextjs">Технологии</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret menu__link--active" role="button" aria-expanded="true" tabindex="0" href="/ru/docs/guides/issues/desegmented">Code smells &amp; Issues</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item sidebar-item--wip"><a class="menu__link" tabindex="0" href="/ru/docs/guides/issues/desegmented">Десегментация</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item sidebar-item--wip"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/ru/docs/guides/issues/routes">Роутинг</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item sidebar-item--wip"><a class="menu__link" tabindex="0" href="/ru/docs/guides/issues/cross-imports">Кросс-импорты</a></li></ul></li></ul></li></ul></nav><button type="button" title="Свернуть сайдбар" aria-label="Свернуть сайдбар" class="button button--secondary button--outline collapseSidebarButton_L8vW"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_hYfn"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_uESP"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_w6lk"><div class="docItemContainer_b1tn"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_ioLt" aria-label="Навигационная цепочка текущей страницы"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Главная страница" class="breadcrumbs__link" href="/ru/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_ZfEo"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/ru/docs/guides"><span itemprop="name">🎯  Гайды</span></a><meta itemprop="position" content="1"></li><li class="breadcrumbs__item"><span class="breadcrumbs__link">Code smells &amp; Issues</span><meta itemprop="position" content="2"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">Роутинг</span><meta itemprop="position" content="3"></li></ul></nav><div class="tocCollapsible_EkMH theme-doc-toc-mobile tocMobile_XRnS"><button type="button" class="clean-btn tocCollapsibleButton_ID8T">Содержание этой страницы</button></div><div class="theme-doc-markdown markdown"><header><h1>Роутинг</h1></header>
@@ -30,6 +30,6 @@ <h2 class="anchor anchorWithStickyNavbar_QzlE" id="see-also">См. также<a
 <ul>
 <li><a href="https://t.me/feature_sliced/4389" target="_blank" rel="noopener noreferrer">(Тред) Что если &quot;зашивать&quot; роутинг в entities/features/widgets</a></li>
 <li><a href="https://t.me/feature_sliced/3756" target="_blank" rel="noopener noreferrer">(Тред) Почему размазывае логику роутов только в pages</a></li>
-</ul></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/ru/docusaurus-plugin-content-docs/current/guides/issues/routes.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Отредактировать эту страницу</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Последнее обновление<!-- --> <b><time datetime="2024-09-29T11:02:46.000Z" itemprop="dateModified">29 сент. 2024 г.</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Навигация по странице документации"><a class="pagination-nav__link pagination-nav__link--prev" href="/ru/docs/guides/issues/desegmented"><div class="pagination-nav__sublabel">Предыдущая страница</div><div class="pagination-nav__label">Десегментация</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/ru/docs/guides/issues/cross-imports"><div class="pagination-nav__sublabel">Следующая страница</div><div class="pagination-nav__label">Кросс-импорты</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#situation" class="table-of-contents__link toc-highlight">Ситуация</a></li><li><a href="#problem" class="table-of-contents__link toc-highlight">Проблема</a></li><li><a href="#if-you-ignore-it" class="table-of-contents__link toc-highlight">Если проигнорировать</a></li><li><a href="#solution" class="table-of-contents__link toc-highlight">Решение</a></li><li><a href="#see-also" class="table-of-contents__link toc-highlight">См. также</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Спецификация</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/ru/docs">Документация</a></li><li class="footer__item"><a class="footer__link-item" href="/ru/community">Сообщество</a></li><li class="footer__item"><a class="footer__link-item" href="/ru/nav">Помощь</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Обсуждения<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Сообщество</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Остальное</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">Лицензия<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/ru/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/ru/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
+</ul></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/ru/docusaurus-plugin-content-docs/current/guides/issues/routes.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Отредактировать эту страницу</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Последнее обновление<!-- --> <b><time datetime="2024-10-07T18:23:06.000Z" itemprop="dateModified">7 окт. 2024 г.</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Навигация по странице документации"><a class="pagination-nav__link pagination-nav__link--prev" href="/ru/docs/guides/issues/desegmented"><div class="pagination-nav__sublabel">Предыдущая страница</div><div class="pagination-nav__label">Десегментация</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/ru/docs/guides/issues/cross-imports"><div class="pagination-nav__sublabel">Следующая страница</div><div class="pagination-nav__label">Кросс-импорты</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#situation" class="table-of-contents__link toc-highlight">Ситуация</a></li><li><a href="#problem" class="table-of-contents__link toc-highlight">Проблема</a></li><li><a href="#if-you-ignore-it" class="table-of-contents__link toc-highlight">Если проигнорировать</a></li><li><a href="#solution" class="table-of-contents__link toc-highlight">Решение</a></li><li><a href="#see-also" class="table-of-contents__link toc-highlight">См. также</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Спецификация</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/ru/docs">Документация</a></li><li class="footer__item"><a class="footer__link-item" href="/ru/community">Сообщество</a></li><li class="footer__item"><a class="footer__link-item" href="/ru/nav">Помощь</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Обсуждения<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Сообщество</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Остальное</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">Лицензия<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/ru/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/ru/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
 </body>
 </html>
\ No newline at end of file
diff --git a/ru/docs/guides/migration/from-custom.html b/ru/docs/guides/migration/from-custom.html
index f2530a99af..46d7d536d0 100644
--- a/ru/docs/guides/migration/from-custom.html
+++ b/ru/docs/guides/migration/from-custom.html
@@ -9,8 +9,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/ru/opensearch.xml"><link rel="stylesheet" href="/ru/assets/css/styles.200d81f1.css">
-<script src="/ru/assets/js/runtime~main.d88d86db.js" defer="defer"></script>
-<script src="/ru/assets/js/main.d5dbc580.js" defer="defer"></script>
+<script src="/ru/assets/js/runtime~main.83a61e56.js" defer="defer"></script>
+<script src="/ru/assets/js/main.ba59251d.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Перейти к основному содержимому"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">Перейти к основному содержимому</a></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Переключить навигационную панель" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/ru/"><div class="navbar__logo"><img src="/ru/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/ru/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/ru/docs">📖 Документация</a><a class="navbar__item navbar__link" href="/ru/community">💫 Сообщество</a><a class="navbar__item navbar__link" href="/ru/blog">📝 Блог</a><a class="navbar__item navbar__link" href="/ru/examples">🛠 Примеры</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/ru/docs/guides/migration/from-custom">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a aria-current="page" class="dropdown__link dropdown__link--active" href="/ru/docs/guides/migration/from-custom">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/ru/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>Русский</a><ul class="dropdown__menu"><li><a href="/ru/docs/guides/migration/from-custom" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="ru">Русский</a></li><li><a href="/docs/guides/migration/from-custom" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/uz/docs/guides/migration/from-custom" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/docs/guides/migration/from-custom" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="kr">한국어</a></li><li><a href="/ja/docs/guides/migration/from-custom" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="Переключение между темным и светлым режимом (сейчас используется Светлый режим)" aria-label="Переключение между темным и светлым режимом (сейчас используется Светлый режим)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="Поиск"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Поиск</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><div class="docsWrapper_rDLg"><button aria-label="Прокрутка к началу" class="clean-btn theme-back-to-top-button backToTopButton_JQoL" type="button"></button><div class="docRoot_GkJk"><aside class="theme-doc-sidebar-container docSidebarContainer_xiHB"><div class="sidebarViewport_DaHB"><div class="sidebar_Kb82"><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_AkOp"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--active" href="/ru/docs/guides">🎯  Гайды</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" tabindex="0" href="/ru/docs/guides/examples">Примеры</a><button aria-label="Expand sidebar category &#x27;Примеры&#x27;" aria-expanded="false" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret menu__link--active" role="button" aria-expanded="true" tabindex="0" href="/ru/docs/guides/migration/from-custom">Миграция</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/ru/docs/guides/migration/from-custom">С кастомной архитектуры</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/ru/docs/guides/migration/from-v1">Миграция с v1</a></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/ru/docs/guides/tech/with-nextjs">Технологии</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/ru/docs/guides/issues/desegmented">Code smells &amp; Issues</a></div></li></ul></li></ul></nav><button type="button" title="Свернуть сайдбар" aria-label="Свернуть сайдбар" class="button button--secondary button--outline collapseSidebarButton_L8vW"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_hYfn"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_uESP"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_w6lk"><div class="docItemContainer_b1tn"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_ioLt" aria-label="Навигационная цепочка текущей страницы"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Главная страница" class="breadcrumbs__link" href="/ru/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_ZfEo"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/ru/docs/guides"><span itemprop="name">🎯  Гайды</span></a><meta itemprop="position" content="1"></li><li class="breadcrumbs__item"><span class="breadcrumbs__link">Миграция</span><meta itemprop="position" content="2"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">С кастомной архитектуры</span><meta itemprop="position" content="3"></li></ul></nav><div class="tocCollapsible_EkMH theme-doc-toc-mobile tocMobile_XRnS"><button type="button" class="clean-btn tocCollapsibleButton_ID8T">Содержание этой страницы</button></div><div class="theme-doc-markdown markdown"><header><h1>Миграция с кастомной архитектуры</h1></header>
@@ -98,6 +98,6 @@ <h3 class="anchor anchorWithStickyNavbar_QzlE" id="form-clean-ui-foundation">Ш
 <h2 class="anchor anchorWithStickyNavbar_QzlE" id="see-also">See also<a href="#see-also" class="hash-link" aria-label="Прямая ссылка на этот заголовок" title="Прямая ссылка на этот заголовок">​</a></h2>
 <ul>
 <li><a href="https://youtu.be/aOiJ3k2UvO4" target="_blank" rel="noopener noreferrer">(Доклад) Ilya Klimov — Крысиные бега бесконечного рефакторинга: как не дать техническому долгу убить мотивацию и продукт</a></li>
-</ul></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/ru/docusaurus-plugin-content-docs/current/guides/migration/from-custom.md" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Отредактировать эту страницу</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Последнее обновление<!-- --> <b><time datetime="2024-09-29T11:02:46.000Z" itemprop="dateModified">29 сент. 2024 г.</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Навигация по странице документации"><a class="pagination-nav__link pagination-nav__link--prev" href="/ru/docs/guides/examples/page-layout"><div class="pagination-nav__sublabel">Предыдущая страница</div><div class="pagination-nav__label">Лейауты страниц</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/ru/docs/guides/migration/from-v1"><div class="pagination-nav__sublabel">Следующая страница</div><div class="pagination-nav__label">Миграция с v1</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#before-you-start" class="table-of-contents__link toc-highlight">Перед началом</a></li><li><a href="#divide-code-by-pages" class="table-of-contents__link toc-highlight">Шаг 1. Разделите код по страницам</a></li><li><a href="#separate-everything-else-from-pages" class="table-of-contents__link toc-highlight">Шаг 2. Отделите все остальное от страниц</a></li><li><a href="#tackle-cross-imports-between-pages" class="table-of-contents__link toc-highlight">Шаг 3. Устраните кросс-импорты между страницами</a></li><li><a href="#unpack-shared-layer" class="table-of-contents__link toc-highlight">Шаг 4. Разберите слой Shared</a></li><li><a href="#organize-by-technical-purpose" class="table-of-contents__link toc-highlight">Шаг 5. Распределите код по техническому назначению</a></li><li><a href="#optional-steps" class="table-of-contents__link toc-highlight">Шаги по желанию</a><ul><li><a href="#form-entities-features-from-redux" class="table-of-contents__link toc-highlight">Шаг 6. Создайте сущности/фичи ёмкостью из Redux-слайсов, которые используются на нескольких страницах</a></li><li><a href="#refactor-your-modules" class="table-of-contents__link toc-highlight">Шаг 7. Проведите рефакторинг modules</a></li><li><a href="#form-clean-ui-foundation" class="table-of-contents__link toc-highlight">Шаг 8. Сформируйте чистый фундамент UI в <code>shared/ui</code></a></li></ul></li><li><a href="#see-also" class="table-of-contents__link toc-highlight">See also</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Спецификация</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/ru/docs">Документация</a></li><li class="footer__item"><a class="footer__link-item" href="/ru/community">Сообщество</a></li><li class="footer__item"><a class="footer__link-item" href="/ru/nav">Помощь</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Обсуждения<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Сообщество</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Остальное</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">Лицензия<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/ru/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/ru/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
+</ul></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/ru/docusaurus-plugin-content-docs/current/guides/migration/from-custom.md" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Отредактировать эту страницу</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Последнее обновление<!-- --> <b><time datetime="2024-10-07T18:23:06.000Z" itemprop="dateModified">7 окт. 2024 г.</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Навигация по странице документации"><a class="pagination-nav__link pagination-nav__link--prev" href="/ru/docs/guides/examples/page-layout"><div class="pagination-nav__sublabel">Предыдущая страница</div><div class="pagination-nav__label">Лейауты страниц</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/ru/docs/guides/migration/from-v1"><div class="pagination-nav__sublabel">Следующая страница</div><div class="pagination-nav__label">Миграция с v1</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#before-you-start" class="table-of-contents__link toc-highlight">Перед началом</a></li><li><a href="#divide-code-by-pages" class="table-of-contents__link toc-highlight">Шаг 1. Разделите код по страницам</a></li><li><a href="#separate-everything-else-from-pages" class="table-of-contents__link toc-highlight">Шаг 2. Отделите все остальное от страниц</a></li><li><a href="#tackle-cross-imports-between-pages" class="table-of-contents__link toc-highlight">Шаг 3. Устраните кросс-импорты между страницами</a></li><li><a href="#unpack-shared-layer" class="table-of-contents__link toc-highlight">Шаг 4. Разберите слой Shared</a></li><li><a href="#organize-by-technical-purpose" class="table-of-contents__link toc-highlight">Шаг 5. Распределите код по техническому назначению</a></li><li><a href="#optional-steps" class="table-of-contents__link toc-highlight">Шаги по желанию</a><ul><li><a href="#form-entities-features-from-redux" class="table-of-contents__link toc-highlight">Шаг 6. Создайте сущности/фичи ёмкостью из Redux-слайсов, которые используются на нескольких страницах</a></li><li><a href="#refactor-your-modules" class="table-of-contents__link toc-highlight">Шаг 7. Проведите рефакторинг modules</a></li><li><a href="#form-clean-ui-foundation" class="table-of-contents__link toc-highlight">Шаг 8. Сформируйте чистый фундамент UI в <code>shared/ui</code></a></li></ul></li><li><a href="#see-also" class="table-of-contents__link toc-highlight">See also</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Спецификация</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/ru/docs">Документация</a></li><li class="footer__item"><a class="footer__link-item" href="/ru/community">Сообщество</a></li><li class="footer__item"><a class="footer__link-item" href="/ru/nav">Помощь</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Обсуждения<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Сообщество</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Остальное</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">Лицензия<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/ru/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/ru/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
 </body>
 </html>
\ No newline at end of file
diff --git a/ru/docs/guides/migration/from-v1.html b/ru/docs/guides/migration/from-v1.html
index 6a00d2aad3..69bd2949fe 100644
--- a/ru/docs/guides/migration/from-v1.html
+++ b/ru/docs/guides/migration/from-v1.html
@@ -9,8 +9,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/ru/opensearch.xml"><link rel="stylesheet" href="/ru/assets/css/styles.200d81f1.css">
-<script src="/ru/assets/js/runtime~main.d88d86db.js" defer="defer"></script>
-<script src="/ru/assets/js/main.d5dbc580.js" defer="defer"></script>
+<script src="/ru/assets/js/runtime~main.83a61e56.js" defer="defer"></script>
+<script src="/ru/assets/js/main.ba59251d.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Перейти к основному содержимому"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">Перейти к основному содержимому</a></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Переключить навигационную панель" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/ru/"><div class="navbar__logo"><img src="/ru/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/ru/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/ru/docs">📖 Документация</a><a class="navbar__item navbar__link" href="/ru/community">💫 Сообщество</a><a class="navbar__item navbar__link" href="/ru/blog">📝 Блог</a><a class="navbar__item navbar__link" href="/ru/examples">🛠 Примеры</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/ru/docs/guides/migration/from-v1">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a aria-current="page" class="dropdown__link dropdown__link--active" href="/ru/docs/guides/migration/from-v1">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/ru/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>Русский</a><ul class="dropdown__menu"><li><a href="/ru/docs/guides/migration/from-v1" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="ru">Русский</a></li><li><a href="/docs/guides/migration/from-v1" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/uz/docs/guides/migration/from-v1" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/docs/guides/migration/from-v1" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="kr">한국어</a></li><li><a href="/ja/docs/guides/migration/from-v1" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="Переключение между темным и светлым режимом (сейчас используется Светлый режим)" aria-label="Переключение между темным и светлым режимом (сейчас используется Светлый режим)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="Поиск"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Поиск</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><div class="docsWrapper_rDLg"><button aria-label="Прокрутка к началу" class="clean-btn theme-back-to-top-button backToTopButton_JQoL" type="button"></button><div class="docRoot_GkJk"><aside class="theme-doc-sidebar-container docSidebarContainer_xiHB"><div class="sidebarViewport_DaHB"><div class="sidebar_Kb82"><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_AkOp"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--active" href="/ru/docs/guides">🎯  Гайды</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" tabindex="0" href="/ru/docs/guides/examples">Примеры</a><button aria-label="Expand sidebar category &#x27;Примеры&#x27;" aria-expanded="false" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret menu__link--active" role="button" aria-expanded="true" tabindex="0" href="/ru/docs/guides/migration/from-custom">Миграция</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/ru/docs/guides/migration/from-custom">С кастомной архитектуры</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/ru/docs/guides/migration/from-v1">Миграция с v1</a></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/ru/docs/guides/tech/with-nextjs">Технологии</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/ru/docs/guides/issues/desegmented">Code smells &amp; Issues</a></div></li></ul></li></ul></nav><button type="button" title="Свернуть сайдбар" aria-label="Свернуть сайдбар" class="button button--secondary button--outline collapseSidebarButton_L8vW"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_hYfn"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_uESP"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_w6lk"><div class="docItemContainer_b1tn"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_ioLt" aria-label="Навигационная цепочка текущей страницы"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Главная страница" class="breadcrumbs__link" href="/ru/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_ZfEo"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/ru/docs/guides"><span itemprop="name">🎯  Гайды</span></a><meta itemprop="position" content="1"></li><li class="breadcrumbs__item"><span class="breadcrumbs__link">Миграция</span><meta itemprop="position" content="2"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">Миграция с v1</span><meta itemprop="position" content="3"></li></ul></nav><div class="tocCollapsible_EkMH theme-doc-toc-mobile tocMobile_XRnS"><button type="button" class="clean-btn tocCollapsibleButton_ID8T">Содержание этой страницы</button></div><div class="theme-doc-markdown markdown"><header><h1>Миграция с v1</h1></header>
@@ -194,6 +194,6 @@ <h2 class="anchor anchorWithStickyNavbar_QzlE" id="see-also">См. также<a
 <li><a href="https://t.me/feature_sliced/493" target="_blank" rel="noopener noreferrer">Сравнение с v1 (community-chat)</a></li>
 <li><a href="https://t.me/atomicdesign/18708" target="_blank" rel="noopener noreferrer">Новые идеи v2 с пояснениями (atomicdesign-chat)</a></li>
 <li><a href="https://github.com/feature-sliced/documentation/discussions/31" target="_blank" rel="noopener noreferrer">Обсуждение абстракций и нейминга для новой версии методологии (v2)</a></li>
-</ul></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/ru/docusaurus-plugin-content-docs/current/guides/migration/from-v1.md" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Отредактировать эту страницу</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Последнее обновление<!-- --> <b><time datetime="2024-09-29T11:02:46.000Z" itemprop="dateModified">29 сент. 2024 г.</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Навигация по странице документации"><a class="pagination-nav__link pagination-nav__link--prev" href="/ru/docs/guides/migration/from-custom"><div class="pagination-nav__sublabel">Предыдущая страница</div><div class="pagination-nav__label">С кастомной архитектуры</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/ru/docs/guides/tech/with-nextjs"><div class="pagination-nav__sublabel">Следующая страница</div><div class="pagination-nav__label">Использование с NextJS</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#why-v2" class="table-of-contents__link toc-highlight">Зачем v2?</a></li><li><a href="#why-does-it-make-sense-to-migrate-the-project-to-v2" class="table-of-contents__link toc-highlight">Почему имеет смысл мигрировать проект на v2?</a></li><li><a href="#changelog" class="table-of-contents__link toc-highlight">Changelog</a><ul><li><a href="#breaking-layers" class="table-of-contents__link toc-highlight"><code>BREAKING</code> Layers</a></li><li><a href="#breaking-shared" class="table-of-contents__link toc-highlight"><code>BREAKING</code> Shared</a></li><li><a href="#new-entities-processes" class="table-of-contents__link toc-highlight"><code>NEW</code> Entities, Processes</a></li><li><a href="#breaking-abstractions--naming" class="table-of-contents__link toc-highlight"><code>BREAKING</code> Abstractions &amp; Naming</a></li><li><a href="#refined-low-coupling" class="table-of-contents__link toc-highlight"><code>REFINED</code> Low coupling</a></li></ul></li><li><a href="#see-also" class="table-of-contents__link toc-highlight">См. также</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Спецификация</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/ru/docs">Документация</a></li><li class="footer__item"><a class="footer__link-item" href="/ru/community">Сообщество</a></li><li class="footer__item"><a class="footer__link-item" href="/ru/nav">Помощь</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Обсуждения<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Сообщество</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Остальное</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">Лицензия<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/ru/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/ru/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
+</ul></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/ru/docusaurus-plugin-content-docs/current/guides/migration/from-v1.md" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Отредактировать эту страницу</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Последнее обновление<!-- --> <b><time datetime="2024-10-07T18:23:06.000Z" itemprop="dateModified">7 окт. 2024 г.</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Навигация по странице документации"><a class="pagination-nav__link pagination-nav__link--prev" href="/ru/docs/guides/migration/from-custom"><div class="pagination-nav__sublabel">Предыдущая страница</div><div class="pagination-nav__label">С кастомной архитектуры</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/ru/docs/guides/tech/with-nextjs"><div class="pagination-nav__sublabel">Следующая страница</div><div class="pagination-nav__label">Использование с NextJS</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#why-v2" class="table-of-contents__link toc-highlight">Зачем v2?</a></li><li><a href="#why-does-it-make-sense-to-migrate-the-project-to-v2" class="table-of-contents__link toc-highlight">Почему имеет смысл мигрировать проект на v2?</a></li><li><a href="#changelog" class="table-of-contents__link toc-highlight">Changelog</a><ul><li><a href="#breaking-layers" class="table-of-contents__link toc-highlight"><code>BREAKING</code> Layers</a></li><li><a href="#breaking-shared" class="table-of-contents__link toc-highlight"><code>BREAKING</code> Shared</a></li><li><a href="#new-entities-processes" class="table-of-contents__link toc-highlight"><code>NEW</code> Entities, Processes</a></li><li><a href="#breaking-abstractions--naming" class="table-of-contents__link toc-highlight"><code>BREAKING</code> Abstractions &amp; Naming</a></li><li><a href="#refined-low-coupling" class="table-of-contents__link toc-highlight"><code>REFINED</code> Low coupling</a></li></ul></li><li><a href="#see-also" class="table-of-contents__link toc-highlight">См. также</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Спецификация</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/ru/docs">Документация</a></li><li class="footer__item"><a class="footer__link-item" href="/ru/community">Сообщество</a></li><li class="footer__item"><a class="footer__link-item" href="/ru/nav">Помощь</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Обсуждения<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Сообщество</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Остальное</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">Лицензия<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/ru/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/ru/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
 </body>
 </html>
\ No newline at end of file
diff --git a/ru/docs/guides/tech/with-nextjs.html b/ru/docs/guides/tech/with-nextjs.html
index 00be0f283a..63cbe36520 100644
--- a/ru/docs/guides/tech/with-nextjs.html
+++ b/ru/docs/guides/tech/with-nextjs.html
@@ -9,8 +9,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/ru/opensearch.xml"><link rel="stylesheet" href="/ru/assets/css/styles.200d81f1.css">
-<script src="/ru/assets/js/runtime~main.d88d86db.js" defer="defer"></script>
-<script src="/ru/assets/js/main.d5dbc580.js" defer="defer"></script>
+<script src="/ru/assets/js/runtime~main.83a61e56.js" defer="defer"></script>
+<script src="/ru/assets/js/main.ba59251d.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Перейти к основному содержимому"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">Перейти к основному содержимому</a></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Переключить навигационную панель" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/ru/"><div class="navbar__logo"><img src="/ru/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/ru/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/ru/docs">📖 Документация</a><a class="navbar__item navbar__link" href="/ru/community">💫 Сообщество</a><a class="navbar__item navbar__link" href="/ru/blog">📝 Блог</a><a class="navbar__item navbar__link" href="/ru/examples">🛠 Примеры</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/ru/docs/guides/tech/with-nextjs">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a aria-current="page" class="dropdown__link dropdown__link--active" href="/ru/docs/guides/tech/with-nextjs">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/ru/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>Русский</a><ul class="dropdown__menu"><li><a href="/ru/docs/guides/tech/with-nextjs" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="ru">Русский</a></li><li><a href="/docs/guides/tech/with-nextjs" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/uz/docs/guides/tech/with-nextjs" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/docs/guides/tech/with-nextjs" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="kr">한국어</a></li><li><a href="/ja/docs/guides/tech/with-nextjs" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="Переключение между темным и светлым режимом (сейчас используется Светлый режим)" aria-label="Переключение между темным и светлым режимом (сейчас используется Светлый режим)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="Поиск"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Поиск</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><div class="docsWrapper_rDLg"><button aria-label="Прокрутка к началу" class="clean-btn theme-back-to-top-button backToTopButton_JQoL" type="button"></button><div class="docRoot_GkJk"><aside class="theme-doc-sidebar-container docSidebarContainer_xiHB"><div class="sidebarViewport_DaHB"><div class="sidebar_Kb82"><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_AkOp"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--active" href="/ru/docs/guides">🎯  Гайды</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" tabindex="0" href="/ru/docs/guides/examples">Примеры</a><button aria-label="Expand sidebar category &#x27;Примеры&#x27;" aria-expanded="false" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/ru/docs/guides/migration/from-custom">Миграция</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret menu__link--active" role="button" aria-expanded="true" tabindex="0" href="/ru/docs/guides/tech/with-nextjs">Технологии</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/ru/docs/guides/tech/with-nextjs">Использование с NextJS</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/ru/docs/guides/tech/with-nuxtjs">Использование с NuxtJS</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/ru/docs/guides/tech/with-react-query">Использование с React Query</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/ru/docs/guides/tech/with-sveltekit">Использование с SvelteKit</a></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/ru/docs/guides/issues/desegmented">Code smells &amp; Issues</a></div></li></ul></li></ul></nav><button type="button" title="Свернуть сайдбар" aria-label="Свернуть сайдбар" class="button button--secondary button--outline collapseSidebarButton_L8vW"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_hYfn"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_uESP"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_w6lk"><div class="docItemContainer_b1tn"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_ioLt" aria-label="Навигационная цепочка текущей страницы"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Главная страница" class="breadcrumbs__link" href="/ru/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_ZfEo"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/ru/docs/guides"><span itemprop="name">🎯  Гайды</span></a><meta itemprop="position" content="1"></li><li class="breadcrumbs__item"><span class="breadcrumbs__link">Технологии</span><meta itemprop="position" content="2"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">Использование с NextJS</span><meta itemprop="position" content="3"></li></ul></nav><div class="tocCollapsible_EkMH theme-doc-toc-mobile tocMobile_XRnS"><button type="button" class="clean-btn tocCollapsibleButton_ID8T">Содержание этой страницы</button></div><div class="theme-doc-markdown markdown"><header><h1>Использование с NextJS</h1></header>
@@ -52,6 +52,6 @@ <h2 class="anchor anchorWithStickyNavbar_QzlE" id="app-router">Работа с A
 <h2 class="anchor anchorWithStickyNavbar_QzlE" id="see-also">См. также<a href="#see-also" class="hash-link" aria-label="Прямая ссылка на этот заголовок" title="Прямая ссылка на этот заголовок">​</a></h2>
 <ul>
 <li><a href="https://t.me/feature_sliced/3623" target="_blank" rel="noopener noreferrer">(Тред) Про pages директорию в NextJS</a></li>
-</ul></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/ru/docusaurus-plugin-content-docs/current/guides/tech/with-nextjs.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Отредактировать эту страницу</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Последнее обновление<!-- --> <b><time datetime="2024-09-29T11:02:46.000Z" itemprop="dateModified">29 сент. 2024 г.</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Навигация по странице документации"><a class="pagination-nav__link pagination-nav__link--prev" href="/ru/docs/guides/migration/from-v1"><div class="pagination-nav__sublabel">Предыдущая страница</div><div class="pagination-nav__label">Миграция с v1</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/ru/docs/guides/tech/with-nuxtjs"><div class="pagination-nav__sublabel">Следующая страница</div><div class="pagination-nav__label">Использование с NuxtJS</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#pages-conflict" class="table-of-contents__link toc-highlight">Конфликт между FSD и NextJS в слое <code>pages</code></a><ul><li><a href="#перемещение-папки-pages-nextjs-в-корневую-папку-проекта-рекомендуется" class="table-of-contents__link toc-highlight">Перемещение папки <code>pages</code> NextJS в корневую папку проекта (рекомендуется)</a></li><li><a href="#переименование-папки-pages-в-структуре-fsd" class="table-of-contents__link toc-highlight">Переименование папки <code>pages</code> в структуре FSD</a></li></ul></li><li><a href="#app-absence" class="table-of-contents__link toc-highlight">Отсутствие папки <code>app</code> в NextJS</a><ul><li><a href="#импорт-функциональности-в-pages_apptsx" class="table-of-contents__link toc-highlight">Импорт функциональности в <code>pages/_app.tsx</code></a></li></ul></li><li><a href="#app-router" class="table-of-contents__link toc-highlight">Работа с App Router</a></li><li><a href="#see-also" class="table-of-contents__link toc-highlight">См. также</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Спецификация</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/ru/docs">Документация</a></li><li class="footer__item"><a class="footer__link-item" href="/ru/community">Сообщество</a></li><li class="footer__item"><a class="footer__link-item" href="/ru/nav">Помощь</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Обсуждения<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Сообщество</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Остальное</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">Лицензия<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/ru/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/ru/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
+</ul></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/ru/docusaurus-plugin-content-docs/current/guides/tech/with-nextjs.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Отредактировать эту страницу</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Последнее обновление<!-- --> <b><time datetime="2024-10-07T18:23:06.000Z" itemprop="dateModified">7 окт. 2024 г.</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Навигация по странице документации"><a class="pagination-nav__link pagination-nav__link--prev" href="/ru/docs/guides/migration/from-v1"><div class="pagination-nav__sublabel">Предыдущая страница</div><div class="pagination-nav__label">Миграция с v1</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/ru/docs/guides/tech/with-nuxtjs"><div class="pagination-nav__sublabel">Следующая страница</div><div class="pagination-nav__label">Использование с NuxtJS</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#pages-conflict" class="table-of-contents__link toc-highlight">Конфликт между FSD и NextJS в слое <code>pages</code></a><ul><li><a href="#перемещение-папки-pages-nextjs-в-корневую-папку-проекта-рекомендуется" class="table-of-contents__link toc-highlight">Перемещение папки <code>pages</code> NextJS в корневую папку проекта (рекомендуется)</a></li><li><a href="#переименование-папки-pages-в-структуре-fsd" class="table-of-contents__link toc-highlight">Переименование папки <code>pages</code> в структуре FSD</a></li></ul></li><li><a href="#app-absence" class="table-of-contents__link toc-highlight">Отсутствие папки <code>app</code> в NextJS</a><ul><li><a href="#импорт-функциональности-в-pages_apptsx" class="table-of-contents__link toc-highlight">Импорт функциональности в <code>pages/_app.tsx</code></a></li></ul></li><li><a href="#app-router" class="table-of-contents__link toc-highlight">Работа с App Router</a></li><li><a href="#see-also" class="table-of-contents__link toc-highlight">См. также</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Спецификация</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/ru/docs">Документация</a></li><li class="footer__item"><a class="footer__link-item" href="/ru/community">Сообщество</a></li><li class="footer__item"><a class="footer__link-item" href="/ru/nav">Помощь</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Обсуждения<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Сообщество</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Остальное</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">Лицензия<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/ru/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/ru/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
 </body>
 </html>
\ No newline at end of file
diff --git a/ru/docs/guides/tech/with-nuxtjs.html b/ru/docs/guides/tech/with-nuxtjs.html
index 1fbe405421..9249ed2ff6 100644
--- a/ru/docs/guides/tech/with-nuxtjs.html
+++ b/ru/docs/guides/tech/with-nuxtjs.html
@@ -9,8 +9,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/ru/opensearch.xml"><link rel="stylesheet" href="/ru/assets/css/styles.200d81f1.css">
-<script src="/ru/assets/js/runtime~main.d88d86db.js" defer="defer"></script>
-<script src="/ru/assets/js/main.d5dbc580.js" defer="defer"></script>
+<script src="/ru/assets/js/runtime~main.83a61e56.js" defer="defer"></script>
+<script src="/ru/assets/js/main.ba59251d.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Перейти к основному содержимому"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">Перейти к основному содержимому</a></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Переключить навигационную панель" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/ru/"><div class="navbar__logo"><img src="/ru/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/ru/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/ru/docs">📖 Документация</a><a class="navbar__item navbar__link" href="/ru/community">💫 Сообщество</a><a class="navbar__item navbar__link" href="/ru/blog">📝 Блог</a><a class="navbar__item navbar__link" href="/ru/examples">🛠 Примеры</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/ru/docs/guides/tech/with-nuxtjs">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a aria-current="page" class="dropdown__link dropdown__link--active" href="/ru/docs/guides/tech/with-nuxtjs">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/ru/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>Русский</a><ul class="dropdown__menu"><li><a href="/ru/docs/guides/tech/with-nuxtjs" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="ru">Русский</a></li><li><a href="/docs/guides/tech/with-nuxtjs" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/uz/docs/guides/tech/with-nuxtjs" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/docs/guides/tech/with-nuxtjs" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="kr">한국어</a></li><li><a href="/ja/docs/guides/tech/with-nuxtjs" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="Переключение между темным и светлым режимом (сейчас используется Светлый режим)" aria-label="Переключение между темным и светлым режимом (сейчас используется Светлый режим)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="Поиск"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Поиск</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><div class="docsWrapper_rDLg"><button aria-label="Прокрутка к началу" class="clean-btn theme-back-to-top-button backToTopButton_JQoL" type="button"></button><div class="docRoot_GkJk"><aside class="theme-doc-sidebar-container docSidebarContainer_xiHB"><div class="sidebarViewport_DaHB"><div class="sidebar_Kb82"><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_AkOp"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--active" href="/ru/docs/guides">🎯  Гайды</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" tabindex="0" href="/ru/docs/guides/examples">Примеры</a><button aria-label="Expand sidebar category &#x27;Примеры&#x27;" aria-expanded="false" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/ru/docs/guides/migration/from-custom">Миграция</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret menu__link--active" role="button" aria-expanded="true" tabindex="0" href="/ru/docs/guides/tech/with-nextjs">Технологии</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/ru/docs/guides/tech/with-nextjs">Использование с NextJS</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/ru/docs/guides/tech/with-nuxtjs">Использование с NuxtJS</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/ru/docs/guides/tech/with-react-query">Использование с React Query</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/ru/docs/guides/tech/with-sveltekit">Использование с SvelteKit</a></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/ru/docs/guides/issues/desegmented">Code smells &amp; Issues</a></div></li></ul></li></ul></nav><button type="button" title="Свернуть сайдбар" aria-label="Свернуть сайдбар" class="button button--secondary button--outline collapseSidebarButton_L8vW"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_hYfn"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_uESP"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_w6lk"><div class="docItemContainer_b1tn"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_ioLt" aria-label="Навигационная цепочка текущей страницы"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Главная страница" class="breadcrumbs__link" href="/ru/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_ZfEo"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/ru/docs/guides"><span itemprop="name">🎯  Гайды</span></a><meta itemprop="position" content="1"></li><li class="breadcrumbs__item"><span class="breadcrumbs__link">Технологии</span><meta itemprop="position" content="2"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">Использование с NuxtJS</span><meta itemprop="position" content="3"></li></ul></nav><div class="tocCollapsible_EkMH theme-doc-toc-mobile tocMobile_XRnS"><button type="button" class="clean-btn tocCollapsibleButton_ID8T">Содержание этой страницы</button></div><div class="theme-doc-markdown markdown"><header><h1>Использование с NuxtJS</h1></header>
@@ -70,6 +70,6 @@ <h2 class="anchor anchorWithStickyNavbar_QzlE" id="см-также">См. так
 <li><a href="https://nuxt.com/docs/api/nuxt-config#dir" target="_blank" rel="noopener noreferrer">Документация по изменению конфига директорий в NuxtJS</a></li>
 <li><a href="https://nuxt.com/docs/guide/recipes/custom-routing#router-config" target="_blank" rel="noopener noreferrer">Документация по изменению конфига роутера в NuxtJS</a></li>
 <li><a href="https://nuxt.com/docs/api/nuxt-config#alias" target="_blank" rel="noopener noreferrer">Документация по изменению алиасов в NuxtJS</a></li>
-</ul></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/ru/docusaurus-plugin-content-docs/current/guides/tech/with-nuxtjs.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Отредактировать эту страницу</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Последнее обновление<!-- --> <b><time datetime="2024-09-29T11:02:46.000Z" itemprop="dateModified">29 сент. 2024 г.</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Навигация по странице документации"><a class="pagination-nav__link pagination-nav__link--prev" href="/ru/docs/guides/tech/with-nextjs"><div class="pagination-nav__sublabel">Предыдущая страница</div><div class="pagination-nav__label">Использование с NextJS</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/ru/docs/guides/tech/with-react-query"><div class="pagination-nav__sublabel">Следующая страница</div><div class="pagination-nav__label">Использование с React Query</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#добавление-алиаса-для-src-директории" class="table-of-contents__link toc-highlight">Добавление алиаса для <code>src</code> директории</a></li><li><a href="#выбор-способа-настройки-роутера" class="table-of-contents__link toc-highlight">Выбор способа настройки роутера</a><ul><li><a href="#роутинг-с-помощью-конфига" class="table-of-contents__link toc-highlight">Роутинг с помощью конфига</a></li><li><a href="#файловый-роутинг" class="table-of-contents__link toc-highlight">Файловый роутинг</a></li></ul></li><li><a href="#что-делать-с-layouts" class="table-of-contents__link toc-highlight">Что делать с <code>layouts</code>?</a></li><li><a href="#см-также" class="table-of-contents__link toc-highlight">См. также</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Спецификация</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/ru/docs">Документация</a></li><li class="footer__item"><a class="footer__link-item" href="/ru/community">Сообщество</a></li><li class="footer__item"><a class="footer__link-item" href="/ru/nav">Помощь</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Обсуждения<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Сообщество</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Остальное</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">Лицензия<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/ru/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/ru/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
+</ul></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/ru/docusaurus-plugin-content-docs/current/guides/tech/with-nuxtjs.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Отредактировать эту страницу</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Последнее обновление<!-- --> <b><time datetime="2024-10-07T18:23:06.000Z" itemprop="dateModified">7 окт. 2024 г.</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Навигация по странице документации"><a class="pagination-nav__link pagination-nav__link--prev" href="/ru/docs/guides/tech/with-nextjs"><div class="pagination-nav__sublabel">Предыдущая страница</div><div class="pagination-nav__label">Использование с NextJS</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/ru/docs/guides/tech/with-react-query"><div class="pagination-nav__sublabel">Следующая страница</div><div class="pagination-nav__label">Использование с React Query</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#добавление-алиаса-для-src-директории" class="table-of-contents__link toc-highlight">Добавление алиаса для <code>src</code> директории</a></li><li><a href="#выбор-способа-настройки-роутера" class="table-of-contents__link toc-highlight">Выбор способа настройки роутера</a><ul><li><a href="#роутинг-с-помощью-конфига" class="table-of-contents__link toc-highlight">Роутинг с помощью конфига</a></li><li><a href="#файловый-роутинг" class="table-of-contents__link toc-highlight">Файловый роутинг</a></li></ul></li><li><a href="#что-делать-с-layouts" class="table-of-contents__link toc-highlight">Что делать с <code>layouts</code>?</a></li><li><a href="#см-также" class="table-of-contents__link toc-highlight">См. также</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Спецификация</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/ru/docs">Документация</a></li><li class="footer__item"><a class="footer__link-item" href="/ru/community">Сообщество</a></li><li class="footer__item"><a class="footer__link-item" href="/ru/nav">Помощь</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Обсуждения<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Сообщество</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Остальное</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">Лицензия<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/ru/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/ru/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
 </body>
 </html>
\ No newline at end of file
diff --git a/ru/docs/guides/tech/with-react-query.html b/ru/docs/guides/tech/with-react-query.html
index 05cb6b5d65..60cde18ec8 100644
--- a/ru/docs/guides/tech/with-react-query.html
+++ b/ru/docs/guides/tech/with-react-query.html
@@ -9,8 +9,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/ru/opensearch.xml"><link rel="stylesheet" href="/ru/assets/css/styles.200d81f1.css">
-<script src="/ru/assets/js/runtime~main.d88d86db.js" defer="defer"></script>
-<script src="/ru/assets/js/main.d5dbc580.js" defer="defer"></script>
+<script src="/ru/assets/js/runtime~main.83a61e56.js" defer="defer"></script>
+<script src="/ru/assets/js/main.ba59251d.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Перейти к основному содержимому"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">Перейти к основному содержимому</a></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Переключить навигационную панель" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/ru/"><div class="navbar__logo"><img src="/ru/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/ru/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/ru/docs">📖 Документация</a><a class="navbar__item navbar__link" href="/ru/community">💫 Сообщество</a><a class="navbar__item navbar__link" href="/ru/blog">📝 Блог</a><a class="navbar__item navbar__link" href="/ru/examples">🛠 Примеры</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/ru/docs/guides/tech/with-react-query">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a aria-current="page" class="dropdown__link dropdown__link--active" href="/ru/docs/guides/tech/with-react-query">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/ru/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>Русский</a><ul class="dropdown__menu"><li><a href="/ru/docs/guides/tech/with-react-query" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="ru">Русский</a></li><li><a href="/docs/guides/tech/with-react-query" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/uz/docs/guides/tech/with-react-query" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/docs/guides/tech/with-react-query" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="kr">한국어</a></li><li><a href="/ja/docs/guides/tech/with-react-query" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="Переключение между темным и светлым режимом (сейчас используется Светлый режим)" aria-label="Переключение между темным и светлым режимом (сейчас используется Светлый режим)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="Поиск"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Поиск</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><div class="docsWrapper_rDLg"><button aria-label="Прокрутка к началу" class="clean-btn theme-back-to-top-button backToTopButton_JQoL" type="button"></button><div class="docRoot_GkJk"><aside class="theme-doc-sidebar-container docSidebarContainer_xiHB"><div class="sidebarViewport_DaHB"><div class="sidebar_Kb82"><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_AkOp"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--active" href="/ru/docs/guides">🎯  Гайды</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" tabindex="0" href="/ru/docs/guides/examples">Примеры</a><button aria-label="Expand sidebar category &#x27;Примеры&#x27;" aria-expanded="false" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/ru/docs/guides/migration/from-custom">Миграция</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret menu__link--active" role="button" aria-expanded="true" tabindex="0" href="/ru/docs/guides/tech/with-nextjs">Технологии</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/ru/docs/guides/tech/with-nextjs">Использование с NextJS</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/ru/docs/guides/tech/with-nuxtjs">Использование с NuxtJS</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/ru/docs/guides/tech/with-react-query">Использование с React Query</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/ru/docs/guides/tech/with-sveltekit">Использование с SvelteKit</a></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/ru/docs/guides/issues/desegmented">Code smells &amp; Issues</a></div></li></ul></li></ul></nav><button type="button" title="Свернуть сайдбар" aria-label="Свернуть сайдбар" class="button button--secondary button--outline collapseSidebarButton_L8vW"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_hYfn"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_uESP"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_w6lk"><div class="docItemContainer_b1tn"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_ioLt" aria-label="Навигационная цепочка текущей страницы"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Главная страница" class="breadcrumbs__link" href="/ru/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_ZfEo"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/ru/docs/guides"><span itemprop="name">🎯  Гайды</span></a><meta itemprop="position" content="1"></li><li class="breadcrumbs__item"><span class="breadcrumbs__link">Технологии</span><meta itemprop="position" content="2"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">Использование с React Query</span><meta itemprop="position" content="3"></li></ul></nav><div class="tocCollapsible_EkMH theme-doc-toc-mobile tocMobile_XRnS"><button type="button" class="clean-btn tocCollapsibleButton_ID8T">Содержание этой страницы</button></div><div class="theme-doc-markdown markdown"><header><h1>Использование с React Query</h1></header>
@@ -88,6 +88,6 @@ <h2 class="anchor anchorWithStickyNavbar_QzlE" id="see-also">Полезные с
 <li><a href="https://github.com/ruslan4432013/fsd-react-query-example" target="_blank" rel="noopener noreferrer">(GitHub) Пример проекта</a></li>
 <li><a href="https://codesandbox.io/p/github/ruslan4432013/fsd-react-query-example/main" target="_blank" rel="noopener noreferrer">(CodeSandbox) Пример проекта</a></li>
 <li><a href="https://tkdodo.eu/blog/the-query-options-api" target="_blank" rel="noopener noreferrer">О фабрике запросов</a></li>
-</ul></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/ru/docusaurus-plugin-content-docs/current/guides/tech/with-react-query.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Отредактировать эту страницу</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Последнее обновление<!-- --> <b><time datetime="2024-09-29T11:02:46.000Z" itemprop="dateModified">29 сент. 2024 г.</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Навигация по странице документации"><a class="pagination-nav__link pagination-nav__link--prev" href="/ru/docs/guides/tech/with-nuxtjs"><div class="pagination-nav__sublabel">Предыдущая страница</div><div class="pagination-nav__label">Использование с NuxtJS</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/ru/docs/guides/tech/with-sveltekit"><div class="pagination-nav__sublabel">Следующая страница</div><div class="pagination-nav__label">Использование с SvelteKit</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#проблема-куда-положить-ключи" class="table-of-contents__link toc-highlight">Проблема «куда положить ключи»</a><ul><li><a href="#решение---разбить-по-сущностям" class="table-of-contents__link toc-highlight">Решение - разбить по сущностям</a></li><li><a href="#альтернативное-решение--хранить-запросы-в-общем-доступе" class="table-of-contents__link toc-highlight">Альтернативное решение — хранить запросы в общем доступе.</a></li></ul></li><li><a href="#проблема-куда-мутации" class="table-of-contents__link toc-highlight">Проблема «Куда мутации?»</a><ul><li><a href="#1-определить-кастомный-хук-в-сегменте-api-рядом-с-местом-использования" class="table-of-contents__link toc-highlight">1. Определить кастомный хук в сегменте api рядом с местом использования</a></li><li><a href="#2-определить-функцию-мутации-в-другом-месте-shared-или-entities-и-использовать-usemutation-напрямую-в-компоненте" class="table-of-contents__link toc-highlight">2. Определить функцию мутации в другом месте (Shared или Entities) и использовать <code>useMutation</code> напрямую в компоненте</a></li></ul></li><li><a href="#организация-запросов" class="table-of-contents__link toc-highlight">Организация запросов</a><ul><li><a href="#фабрика-запросов" class="table-of-contents__link toc-highlight">Фабрика запросов</a></li><li><a href="#1-создание-фабрики-запросов" class="table-of-contents__link toc-highlight">1. Создание Фабрики запросов</a></li><li><a href="#2-применение-фабрики-запросов-в-коде-приложения" class="table-of-contents__link toc-highlight">2. Применение Фабрики запросов в коде приложения</a></li><li><a href="#преимущества-использования-фабрики-запросов" class="table-of-contents__link toc-highlight">Преимущества использования Фабрики запросов</a></li></ul></li><li><a href="#пагинация" class="table-of-contents__link toc-highlight">Пагинация</a><ul><li><a href="#1-создание-функции-getposts" class="table-of-contents__link toc-highlight">1. Создание функции <code>getPosts</code></a></li><li><a href="#2-фабрика-запросов-для-пагинации" class="table-of-contents__link toc-highlight">2. Фабрика запросов для пагинации</a></li><li><a href="#3-использование-в-коде-приложения" class="table-of-contents__link toc-highlight">3. Использование в коде приложения</a></li></ul></li><li><a href="#queryprovider-для-управления-запросами" class="table-of-contents__link toc-highlight"><code>QueryProvider</code> для управления запросами</a><ul><li><a href="#1-создание-queryprovider" class="table-of-contents__link toc-highlight">1. Создание <code>QueryProvider</code></a></li><li><a href="#2-создание-queryclient" class="table-of-contents__link toc-highlight">2. Создание <code>QueryClient</code></a></li></ul></li><li><a href="#кодогенерация" class="table-of-contents__link toc-highlight">Кодогенерация</a></li><li><a href="#дополнительный-совет-по-организации-rq" class="table-of-contents__link toc-highlight">Дополнительный совет по организации RQ</a><ul><li><a href="#api-клиент" class="table-of-contents__link toc-highlight">API-Клиент</a></li></ul></li><li><a href="#see-also" class="table-of-contents__link toc-highlight">Полезные ссылки</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Спецификация</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/ru/docs">Документация</a></li><li class="footer__item"><a class="footer__link-item" href="/ru/community">Сообщество</a></li><li class="footer__item"><a class="footer__link-item" href="/ru/nav">Помощь</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Обсуждения<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Сообщество</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Остальное</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">Лицензия<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/ru/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/ru/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
+</ul></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/ru/docusaurus-plugin-content-docs/current/guides/tech/with-react-query.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Отредактировать эту страницу</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Последнее обновление<!-- --> <b><time datetime="2024-10-07T18:23:06.000Z" itemprop="dateModified">7 окт. 2024 г.</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Навигация по странице документации"><a class="pagination-nav__link pagination-nav__link--prev" href="/ru/docs/guides/tech/with-nuxtjs"><div class="pagination-nav__sublabel">Предыдущая страница</div><div class="pagination-nav__label">Использование с NuxtJS</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/ru/docs/guides/tech/with-sveltekit"><div class="pagination-nav__sublabel">Следующая страница</div><div class="pagination-nav__label">Использование с SvelteKit</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#проблема-куда-положить-ключи" class="table-of-contents__link toc-highlight">Проблема «куда положить ключи»</a><ul><li><a href="#решение---разбить-по-сущностям" class="table-of-contents__link toc-highlight">Решение - разбить по сущностям</a></li><li><a href="#альтернативное-решение--хранить-запросы-в-общем-доступе" class="table-of-contents__link toc-highlight">Альтернативное решение — хранить запросы в общем доступе.</a></li></ul></li><li><a href="#проблема-куда-мутации" class="table-of-contents__link toc-highlight">Проблема «Куда мутации?»</a><ul><li><a href="#1-определить-кастомный-хук-в-сегменте-api-рядом-с-местом-использования" class="table-of-contents__link toc-highlight">1. Определить кастомный хук в сегменте api рядом с местом использования</a></li><li><a href="#2-определить-функцию-мутации-в-другом-месте-shared-или-entities-и-использовать-usemutation-напрямую-в-компоненте" class="table-of-contents__link toc-highlight">2. Определить функцию мутации в другом месте (Shared или Entities) и использовать <code>useMutation</code> напрямую в компоненте</a></li></ul></li><li><a href="#организация-запросов" class="table-of-contents__link toc-highlight">Организация запросов</a><ul><li><a href="#фабрика-запросов" class="table-of-contents__link toc-highlight">Фабрика запросов</a></li><li><a href="#1-создание-фабрики-запросов" class="table-of-contents__link toc-highlight">1. Создание Фабрики запросов</a></li><li><a href="#2-применение-фабрики-запросов-в-коде-приложения" class="table-of-contents__link toc-highlight">2. Применение Фабрики запросов в коде приложения</a></li><li><a href="#преимущества-использования-фабрики-запросов" class="table-of-contents__link toc-highlight">Преимущества использования Фабрики запросов</a></li></ul></li><li><a href="#пагинация" class="table-of-contents__link toc-highlight">Пагинация</a><ul><li><a href="#1-создание-функции-getposts" class="table-of-contents__link toc-highlight">1. Создание функции <code>getPosts</code></a></li><li><a href="#2-фабрика-запросов-для-пагинации" class="table-of-contents__link toc-highlight">2. Фабрика запросов для пагинации</a></li><li><a href="#3-использование-в-коде-приложения" class="table-of-contents__link toc-highlight">3. Использование в коде приложения</a></li></ul></li><li><a href="#queryprovider-для-управления-запросами" class="table-of-contents__link toc-highlight"><code>QueryProvider</code> для управления запросами</a><ul><li><a href="#1-создание-queryprovider" class="table-of-contents__link toc-highlight">1. Создание <code>QueryProvider</code></a></li><li><a href="#2-создание-queryclient" class="table-of-contents__link toc-highlight">2. Создание <code>QueryClient</code></a></li></ul></li><li><a href="#кодогенерация" class="table-of-contents__link toc-highlight">Кодогенерация</a></li><li><a href="#дополнительный-совет-по-организации-rq" class="table-of-contents__link toc-highlight">Дополнительный совет по организации RQ</a><ul><li><a href="#api-клиент" class="table-of-contents__link toc-highlight">API-Клиент</a></li></ul></li><li><a href="#see-also" class="table-of-contents__link toc-highlight">Полезные ссылки</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Спецификация</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/ru/docs">Документация</a></li><li class="footer__item"><a class="footer__link-item" href="/ru/community">Сообщество</a></li><li class="footer__item"><a class="footer__link-item" href="/ru/nav">Помощь</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Обсуждения<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Сообщество</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Остальное</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">Лицензия<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/ru/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/ru/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
 </body>
 </html>
\ No newline at end of file
diff --git a/ru/docs/guides/tech/with-sveltekit.html b/ru/docs/guides/tech/with-sveltekit.html
index a33a743da7..ba4b749061 100644
--- a/ru/docs/guides/tech/with-sveltekit.html
+++ b/ru/docs/guides/tech/with-sveltekit.html
@@ -9,8 +9,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/ru/opensearch.xml"><link rel="stylesheet" href="/ru/assets/css/styles.200d81f1.css">
-<script src="/ru/assets/js/runtime~main.d88d86db.js" defer="defer"></script>
-<script src="/ru/assets/js/main.d5dbc580.js" defer="defer"></script>
+<script src="/ru/assets/js/runtime~main.83a61e56.js" defer="defer"></script>
+<script src="/ru/assets/js/main.ba59251d.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Перейти к основному содержимому"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">Перейти к основному содержимому</a></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Переключить навигационную панель" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/ru/"><div class="navbar__logo"><img src="/ru/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/ru/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/ru/docs">📖 Документация</a><a class="navbar__item navbar__link" href="/ru/community">💫 Сообщество</a><a class="navbar__item navbar__link" href="/ru/blog">📝 Блог</a><a class="navbar__item navbar__link" href="/ru/examples">🛠 Примеры</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/ru/docs/guides/tech/with-sveltekit">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a aria-current="page" class="dropdown__link dropdown__link--active" href="/ru/docs/guides/tech/with-sveltekit">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/ru/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>Русский</a><ul class="dropdown__menu"><li><a href="/ru/docs/guides/tech/with-sveltekit" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="ru">Русский</a></li><li><a href="/docs/guides/tech/with-sveltekit" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/uz/docs/guides/tech/with-sveltekit" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/docs/guides/tech/with-sveltekit" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="kr">한국어</a></li><li><a href="/ja/docs/guides/tech/with-sveltekit" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="Переключение между темным и светлым режимом (сейчас используется Светлый режим)" aria-label="Переключение между темным и светлым режимом (сейчас используется Светлый режим)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="Поиск"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Поиск</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><div class="docsWrapper_rDLg"><button aria-label="Прокрутка к началу" class="clean-btn theme-back-to-top-button backToTopButton_JQoL" type="button"></button><div class="docRoot_GkJk"><aside class="theme-doc-sidebar-container docSidebarContainer_xiHB"><div class="sidebarViewport_DaHB"><div class="sidebar_Kb82"><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_AkOp"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--active" href="/ru/docs/guides">🎯  Гайды</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" tabindex="0" href="/ru/docs/guides/examples">Примеры</a><button aria-label="Expand sidebar category &#x27;Примеры&#x27;" aria-expanded="false" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/ru/docs/guides/migration/from-custom">Миграция</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret menu__link--active" role="button" aria-expanded="true" tabindex="0" href="/ru/docs/guides/tech/with-nextjs">Технологии</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/ru/docs/guides/tech/with-nextjs">Использование с NextJS</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/ru/docs/guides/tech/with-nuxtjs">Использование с NuxtJS</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/ru/docs/guides/tech/with-react-query">Использование с React Query</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/ru/docs/guides/tech/with-sveltekit">Использование с SvelteKit</a></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/ru/docs/guides/issues/desegmented">Code smells &amp; Issues</a></div></li></ul></li></ul></nav><button type="button" title="Свернуть сайдбар" aria-label="Свернуть сайдбар" class="button button--secondary button--outline collapseSidebarButton_L8vW"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_hYfn"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_uESP"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_w6lk"><div class="docItemContainer_b1tn"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_ioLt" aria-label="Навигационная цепочка текущей страницы"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Главная страница" class="breadcrumbs__link" href="/ru/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_ZfEo"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/ru/docs/guides"><span itemprop="name">🎯  Гайды</span></a><meta itemprop="position" content="1"></li><li class="breadcrumbs__item"><span class="breadcrumbs__link">Технологии</span><meta itemprop="position" content="2"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">Использование с SvelteKit</span><meta itemprop="position" content="3"></li></ul></nav><div class="tocCollapsible_EkMH theme-doc-toc-mobile tocMobile_XRnS"><button type="button" class="clean-btn tocCollapsibleButton_ID8T">Содержание этой страницы</button></div><div class="theme-doc-markdown markdown"><header><h1>Использование с SvelteKit</h1></header>
@@ -43,6 +43,6 @@ <h2 class="anchor anchorWithStickyNavbar_QzlE" id="перемещение-фай
 <h2 class="anchor anchorWithStickyNavbar_QzlE" id="см-также">См. также<a href="#см-также" class="hash-link" aria-label="Прямая ссылка на этот заголовок" title="Прямая ссылка на этот заголовок">​</a></h2>
 <ul>
 <li><a href="https://kit.svelte.dev/docs/configuration#files" target="_blank" rel="noopener noreferrer">Документация по изменению конфига директорий в SvelteKit</a></li>
-</ul></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/ru/docusaurus-plugin-content-docs/current/guides/tech/with-sveltekit.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Отредактировать эту страницу</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Последнее обновление<!-- --> <b><time datetime="2024-09-29T11:02:46.000Z" itemprop="dateModified">29 сент. 2024 г.</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Навигация по странице документации"><a class="pagination-nav__link pagination-nav__link--prev" href="/ru/docs/guides/tech/with-react-query"><div class="pagination-nav__sublabel">Предыдущая страница</div><div class="pagination-nav__label">Использование с React Query</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/ru/docs/guides/issues/desegmented"><div class="pagination-nav__sublabel">Следующая страница</div><div class="pagination-nav__label">Десегментация</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#настроим-конфиг" class="table-of-contents__link toc-highlight">Настроим конфиг</a></li><li><a href="#перемещение-файлового-роутинга-в-srcapp" class="table-of-contents__link toc-highlight">Перемещение файлового роутинга в <code>src/app</code></a></li><li><a href="#см-также" class="table-of-contents__link toc-highlight">См. также</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Спецификация</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/ru/docs">Документация</a></li><li class="footer__item"><a class="footer__link-item" href="/ru/community">Сообщество</a></li><li class="footer__item"><a class="footer__link-item" href="/ru/nav">Помощь</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Обсуждения<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Сообщество</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Остальное</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">Лицензия<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/ru/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/ru/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
+</ul></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/ru/docusaurus-plugin-content-docs/current/guides/tech/with-sveltekit.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Отредактировать эту страницу</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Последнее обновление<!-- --> <b><time datetime="2024-10-07T18:23:06.000Z" itemprop="dateModified">7 окт. 2024 г.</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Навигация по странице документации"><a class="pagination-nav__link pagination-nav__link--prev" href="/ru/docs/guides/tech/with-react-query"><div class="pagination-nav__sublabel">Предыдущая страница</div><div class="pagination-nav__label">Использование с React Query</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/ru/docs/guides/issues/desegmented"><div class="pagination-nav__sublabel">Следующая страница</div><div class="pagination-nav__label">Десегментация</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#настроим-конфиг" class="table-of-contents__link toc-highlight">Настроим конфиг</a></li><li><a href="#перемещение-файлового-роутинга-в-srcapp" class="table-of-contents__link toc-highlight">Перемещение файлового роутинга в <code>src/app</code></a></li><li><a href="#см-также" class="table-of-contents__link toc-highlight">См. также</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Спецификация</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/ru/docs">Документация</a></li><li class="footer__item"><a class="footer__link-item" href="/ru/community">Сообщество</a></li><li class="footer__item"><a class="footer__link-item" href="/ru/nav">Помощь</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Обсуждения<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Сообщество</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Остальное</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">Лицензия<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/ru/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/ru/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
 </body>
 </html>
\ No newline at end of file
diff --git a/ru/docs/reference.html b/ru/docs/reference.html
index b822b032c3..ec8ced61b4 100644
--- a/ru/docs/reference.html
+++ b/ru/docs/reference.html
@@ -9,8 +9,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/ru/opensearch.xml"><link rel="stylesheet" href="/ru/assets/css/styles.200d81f1.css">
-<script src="/ru/assets/js/runtime~main.d88d86db.js" defer="defer"></script>
-<script src="/ru/assets/js/main.d5dbc580.js" defer="defer"></script>
+<script src="/ru/assets/js/runtime~main.83a61e56.js" defer="defer"></script>
+<script src="/ru/assets/js/main.ba59251d.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Перейти к основному содержимому"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">Перейти к основному содержимому</a></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Переключить навигационную панель" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/ru/"><div class="navbar__logo"><img src="/ru/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/ru/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/ru/docs">📖 Документация</a><a class="navbar__item navbar__link" href="/ru/community">💫 Сообщество</a><a class="navbar__item navbar__link" href="/ru/blog">📝 Блог</a><a class="navbar__item navbar__link" href="/ru/examples">🛠 Примеры</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/ru/docs/reference">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a aria-current="page" class="dropdown__link dropdown__link--active" href="/ru/docs/reference">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/ru/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>Русский</a><ul class="dropdown__menu"><li><a href="/ru/docs/reference" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="ru">Русский</a></li><li><a href="/docs/reference" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/uz/docs/reference" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/docs/reference" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="kr">한국어</a></li><li><a href="/ja/docs/reference" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="Переключение между темным и светлым режимом (сейчас используется Светлый режим)" aria-label="Переключение между темным и светлым режимом (сейчас используется Светлый режим)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="Поиск"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Поиск</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><div class="docsWrapper_rDLg"><button aria-label="Прокрутка к началу" class="clean-btn theme-back-to-top-button backToTopButton_JQoL" type="button"></button><div class="docRoot_GkJk"><aside class="theme-doc-sidebar-container docSidebarContainer_xiHB"><div class="sidebarViewport_DaHB"><div class="sidebar_Kb82"><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_AkOp"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible menu__list-item-collapsible--active"><a class="menu__link menu__link--active" aria-current="page" href="/ru/docs/reference">📚  Справочник</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/ru/docs/reference/layers">Слои</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/ru/docs/reference/slices-segments">Слайсы и сегменты</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/ru/docs/reference/public-api">Public API</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" tabindex="0" href="/ru/docs/reference/isolation">Изоляция</a><button aria-label="Expand sidebar category &#x27;Изоляция&#x27;" aria-expanded="false" type="button" class="clean-btn menu__caret"></button></div></li></ul></li></ul></nav><button type="button" title="Свернуть сайдбар" aria-label="Свернуть сайдбар" class="button button--secondary button--outline collapseSidebarButton_L8vW"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_hYfn"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_uESP"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col"><div class="docItemContainer_b1tn"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_ioLt" aria-label="Навигационная цепочка текущей страницы"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Главная страница" class="breadcrumbs__link" href="/ru/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_ZfEo"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">📚  Справочник</span><meta itemprop="position" content="1"></li></ul></nav><div class="theme-doc-markdown markdown"><header><h1>📚 Справочник</h1></header>
@@ -18,6 +18,6 @@
 <a class="root_GfON defaultTheme_j3I8" href="/ru/docs/reference/layers"><span role="img" aria-label="group" class="anticon anticon-group icon_ciqP"><svg viewBox="64 64 896 896" focusable="false" data-icon="group" width="1em" height="1em" fill="currentColor" aria-hidden="true"><defs><style></style></defs><path d="M912 820.1V203.9c28-9.9 48-36.6 48-67.9 0-39.8-32.2-72-72-72-31.3 0-58 20-67.9 48H203.9C194 84 167.3 64 136 64c-39.8 0-72 32.2-72 72 0 31.3 20 58 48 67.9v616.2C84 830 64 856.7 64 888c0 39.8 32.2 72 72 72 31.3 0 58-20 67.9-48h616.2c9.9 28 36.6 48 67.9 48 39.8 0 72-32.2 72-72 0-31.3-20-58-48-67.9zM888 112c13.3 0 24 10.7 24 24s-10.7 24-24 24-24-10.7-24-24 10.7-24 24-24zM136 912c-13.3 0-24-10.7-24-24s10.7-24 24-24 24 10.7 24 24-10.7 24-24 24zm0-752c-13.3 0-24-10.7-24-24s10.7-24 24-24 24 10.7 24 24-10.7 24-24 24zm704 680H184V184h656v656zm48 72c-13.3 0-24-10.7-24-24s10.7-24 24-24 24 10.7 24 24-10.7 24-24 24z"></path><path d="M288 474h448c8.8 0 16-7.2 16-16V282c0-8.8-7.2-16-16-16H288c-8.8 0-16 7.2-16 16v176c0 8.8 7.2 16 16 16zm56-136h336v64H344v-64zm-56 420h448c8.8 0 16-7.2 16-16V566c0-8.8-7.2-16-16-16H288c-8.8 0-16 7.2-16 16v176c0 8.8 7.2 16 16 16zm56-136h336v64H344v-64z"></path></svg></span><div class="details_xxkR"><div><span class="title_pSH5">Слои</span><p class="description__Fep">Определение слоя и пояснение смысла всех слоев</p></div></div></a>
 <a class="root_GfON defaultTheme_j3I8" href="/ru/docs/reference/slices-segments"><span role="img" aria-label="appstore" class="anticon anticon-appstore icon_ciqP"><svg viewBox="64 64 896 896" focusable="false" data-icon="appstore" width="1em" height="1em" fill="currentColor" aria-hidden="true"><path d="M464 144H160c-8.8 0-16 7.2-16 16v304c0 8.8 7.2 16 16 16h304c8.8 0 16-7.2 16-16V160c0-8.8-7.2-16-16-16zm-52 268H212V212h200v200zm452-268H560c-8.8 0-16 7.2-16 16v304c0 8.8 7.2 16 16 16h304c8.8 0 16-7.2 16-16V160c0-8.8-7.2-16-16-16zm-52 268H612V212h200v200zM464 544H160c-8.8 0-16 7.2-16 16v304c0 8.8 7.2 16 16 16h304c8.8 0 16-7.2 16-16V560c0-8.8-7.2-16-16-16zm-52 268H212V612h200v200zm452-268H560c-8.8 0-16 7.2-16 16v304c0 8.8 7.2 16 16 16h304c8.8 0 16-7.2 16-16V560c0-8.8-7.2-16-16-16zm-52 268H612V612h200v200z"></path></svg></span><div class="details_xxkR"><div><span class="title_pSH5">Слайсы и сегменты</span><p class="description__Fep">Определения слайса и сегмента, примеры содержимого сегментов на разных слоях</p></div></div></a>
 <a class="root_GfON defaultTheme_j3I8" href="/ru/docs/reference/isolation"><span role="img" aria-label="node-index" class="anticon anticon-node-index icon_ciqP"><svg viewBox="64 64 896 896" focusable="false" data-icon="node-index" width="1em" height="1em" fill="currentColor" aria-hidden="true"><defs><style></style></defs><path d="M843.5 737.4c-12.4-75.2-79.2-129.1-155.3-125.4S550.9 676 546 752c-153.5-4.8-208-40.7-199.1-113.7 3.3-27.3 19.8-41.9 50.1-49 18.4-4.3 38.8-4.9 57.3-3.2 1.7.2 3.5.3 5.2.5 11.3 2.7 22.8 5 34.3 6.8 34.1 5.6 68.8 8.4 101.8 6.6 92.8-5 156-45.9 159.2-132.7 3.1-84.1-54.7-143.7-147.9-183.6-29.9-12.8-61.6-22.7-93.3-30.2-14.3-3.4-26.3-5.7-35.2-7.2-7.9-75.9-71.5-133.8-147.8-134.4-76.3-.6-140.9 56.1-150.1 131.9s40 146.3 114.2 163.9c74.2 17.6 149.9-23.3 175.7-95.1 9.4 1.7 18.7 3.6 28 5.8 28.2 6.6 56.4 15.4 82.4 26.6 70.7 30.2 109.3 70.1 107.5 119.9-1.6 44.6-33.6 65.2-96.2 68.6-27.5 1.5-57.6-.9-87.3-5.8-8.3-1.4-15.9-2.8-22.6-4.3-3.9-.8-6.6-1.5-7.8-1.8l-3.1-.6c-2.2-.3-5.9-.8-10.7-1.3-25-2.3-52.1-1.5-78.5 4.6-55.2 12.9-93.9 47.2-101.1 105.8-15.7 126.2 78.6 184.7 276 188.9 29.1 70.4 106.4 107.9 179.6 87 73.3-20.9 119.3-93.4 106.9-168.6zM329.1 345.2a83.3 83.3 0 11.01-166.61 83.3 83.3 0 01-.01 166.61zM695.6 845a83.3 83.3 0 11.01-166.61A83.3 83.3 0 01695.6 845z"></path></svg></span><div class="details_xxkR"><div><span class="title_pSH5">Изоляция</span><p class="description__Fep">Практики масштабируемого и эффективного взаимодействия модулей</p></div></div></a>
-<a class="root_GfON defaultTheme_j3I8" href="/ru/docs/reference/public-api"><span role="img" aria-label="api" class="anticon anticon-api icon_ciqP"><svg viewBox="64 64 896 896" focusable="false" data-icon="api" width="1em" height="1em" fill="currentColor" aria-hidden="true"><path d="M917.7 148.8l-42.4-42.4c-1.6-1.6-3.6-2.3-5.7-2.3s-4.1.8-5.7 2.3l-76.1 76.1a199.27 199.27 0 00-112.1-34.3c-51.2 0-102.4 19.5-141.5 58.6L432.3 308.7a8.03 8.03 0 000 11.3L704 591.7c1.6 1.6 3.6 2.3 5.7 2.3 2 0 4.1-.8 5.7-2.3l101.9-101.9c68.9-69 77-175.7 24.3-253.5l76.1-76.1c3.1-3.2 3.1-8.3 0-11.4zM769.1 441.7l-59.4 59.4-186.8-186.8 59.4-59.4c24.9-24.9 58.1-38.7 93.4-38.7 35.3 0 68.4 13.7 93.4 38.7 24.9 24.9 38.7 58.1 38.7 93.4 0 35.3-13.8 68.4-38.7 93.4zm-190.2 105a8.03 8.03 0 00-11.3 0L501 613.3 410.7 523l66.7-66.7c3.1-3.1 3.1-8.2 0-11.3L441 408.6a8.03 8.03 0 00-11.3 0L363 475.3l-43-43a7.85 7.85 0 00-5.7-2.3c-2 0-4.1.8-5.7 2.3L206.8 534.2c-68.9 69-77 175.7-24.3 253.5l-76.1 76.1a8.03 8.03 0 000 11.3l42.4 42.4c1.6 1.6 3.6 2.3 5.7 2.3s4.1-.8 5.7-2.3l76.1-76.1c33.7 22.9 72.9 34.3 112.1 34.3 51.2 0 102.4-19.5 141.5-58.6l101.9-101.9c3.1-3.1 3.1-8.2 0-11.3l-43-43 66.7-66.7c3.1-3.1 3.1-8.2 0-11.3l-36.6-36.2zM441.7 769.1a131.32 131.32 0 01-93.4 38.7c-35.3 0-68.4-13.7-93.4-38.7a131.32 131.32 0 01-38.7-93.4c0-35.3 13.7-68.4 38.7-93.4l59.4-59.4 186.8 186.8-59.4 59.4z"></path></svg></span><div class="details_xxkR"><div><span class="title_pSH5">Public API</span><p class="description__Fep">Практики по проектированию устойчивых и удобных для интеграции модулей</p></div></div></a></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/ru/docusaurus-plugin-content-docs/current/reference/index.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Отредактировать эту страницу</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Последнее обновление<!-- --> <b><time datetime="2024-09-29T11:02:46.000Z" itemprop="dateModified">29 сент. 2024 г.</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Навигация по странице документации"><a class="pagination-nav__link pagination-nav__link--prev" href="/ru/docs/guides"><div class="pagination-nav__sublabel">Предыдущая страница</div><div class="pagination-nav__label">🎯 Гайды</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/ru/docs/reference/layers"><div class="pagination-nav__sublabel">Следующая страница</div><div class="pagination-nav__label">Слои</div></a></nav></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Спецификация</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/ru/docs">Документация</a></li><li class="footer__item"><a class="footer__link-item" href="/ru/community">Сообщество</a></li><li class="footer__item"><a class="footer__link-item" href="/ru/nav">Помощь</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Обсуждения<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Сообщество</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Остальное</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">Лицензия<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/ru/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/ru/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
+<a class="root_GfON defaultTheme_j3I8" href="/ru/docs/reference/public-api"><span role="img" aria-label="api" class="anticon anticon-api icon_ciqP"><svg viewBox="64 64 896 896" focusable="false" data-icon="api" width="1em" height="1em" fill="currentColor" aria-hidden="true"><path d="M917.7 148.8l-42.4-42.4c-1.6-1.6-3.6-2.3-5.7-2.3s-4.1.8-5.7 2.3l-76.1 76.1a199.27 199.27 0 00-112.1-34.3c-51.2 0-102.4 19.5-141.5 58.6L432.3 308.7a8.03 8.03 0 000 11.3L704 591.7c1.6 1.6 3.6 2.3 5.7 2.3 2 0 4.1-.8 5.7-2.3l101.9-101.9c68.9-69 77-175.7 24.3-253.5l76.1-76.1c3.1-3.2 3.1-8.3 0-11.4zM769.1 441.7l-59.4 59.4-186.8-186.8 59.4-59.4c24.9-24.9 58.1-38.7 93.4-38.7 35.3 0 68.4 13.7 93.4 38.7 24.9 24.9 38.7 58.1 38.7 93.4 0 35.3-13.8 68.4-38.7 93.4zm-190.2 105a8.03 8.03 0 00-11.3 0L501 613.3 410.7 523l66.7-66.7c3.1-3.1 3.1-8.2 0-11.3L441 408.6a8.03 8.03 0 00-11.3 0L363 475.3l-43-43a7.85 7.85 0 00-5.7-2.3c-2 0-4.1.8-5.7 2.3L206.8 534.2c-68.9 69-77 175.7-24.3 253.5l-76.1 76.1a8.03 8.03 0 000 11.3l42.4 42.4c1.6 1.6 3.6 2.3 5.7 2.3s4.1-.8 5.7-2.3l76.1-76.1c33.7 22.9 72.9 34.3 112.1 34.3 51.2 0 102.4-19.5 141.5-58.6l101.9-101.9c3.1-3.1 3.1-8.2 0-11.3l-43-43 66.7-66.7c3.1-3.1 3.1-8.2 0-11.3l-36.6-36.2zM441.7 769.1a131.32 131.32 0 01-93.4 38.7c-35.3 0-68.4-13.7-93.4-38.7a131.32 131.32 0 01-38.7-93.4c0-35.3 13.7-68.4 38.7-93.4l59.4-59.4 186.8 186.8-59.4 59.4z"></path></svg></span><div class="details_xxkR"><div><span class="title_pSH5">Public API</span><p class="description__Fep">Практики по проектированию устойчивых и удобных для интеграции модулей</p></div></div></a></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/ru/docusaurus-plugin-content-docs/current/reference/index.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Отредактировать эту страницу</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Последнее обновление<!-- --> <b><time datetime="2024-10-07T18:23:06.000Z" itemprop="dateModified">7 окт. 2024 г.</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Навигация по странице документации"><a class="pagination-nav__link pagination-nav__link--prev" href="/ru/docs/guides"><div class="pagination-nav__sublabel">Предыдущая страница</div><div class="pagination-nav__label">🎯 Гайды</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/ru/docs/reference/layers"><div class="pagination-nav__sublabel">Следующая страница</div><div class="pagination-nav__label">Слои</div></a></nav></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Спецификация</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/ru/docs">Документация</a></li><li class="footer__item"><a class="footer__link-item" href="/ru/community">Сообщество</a></li><li class="footer__item"><a class="footer__link-item" href="/ru/nav">Помощь</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Обсуждения<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Сообщество</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Остальное</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">Лицензия<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/ru/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/ru/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
 </body>
 </html>
\ No newline at end of file
diff --git a/ru/docs/reference/isolation.html b/ru/docs/reference/isolation.html
index 8a3caf47b0..05d01f5e27 100644
--- a/ru/docs/reference/isolation.html
+++ b/ru/docs/reference/isolation.html
@@ -9,8 +9,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/ru/opensearch.xml"><link rel="stylesheet" href="/ru/assets/css/styles.200d81f1.css">
-<script src="/ru/assets/js/runtime~main.d88d86db.js" defer="defer"></script>
-<script src="/ru/assets/js/main.d5dbc580.js" defer="defer"></script>
+<script src="/ru/assets/js/runtime~main.83a61e56.js" defer="defer"></script>
+<script src="/ru/assets/js/main.ba59251d.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Перейти к основному содержимому"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">Перейти к основному содержимому</a></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Переключить навигационную панель" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/ru/"><div class="navbar__logo"><img src="/ru/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/ru/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/ru/docs">📖 Документация</a><a class="navbar__item navbar__link" href="/ru/community">💫 Сообщество</a><a class="navbar__item navbar__link" href="/ru/blog">📝 Блог</a><a class="navbar__item navbar__link" href="/ru/examples">🛠 Примеры</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/ru/docs/reference/isolation">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a aria-current="page" class="dropdown__link dropdown__link--active" href="/ru/docs/reference/isolation">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/ru/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>Русский</a><ul class="dropdown__menu"><li><a href="/ru/docs/reference/isolation" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="ru">Русский</a></li><li><a href="/docs/reference/isolation" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/uz/docs/reference/isolation" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/docs/reference/isolation" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="kr">한국어</a></li><li><a href="/ja/docs/reference/isolation" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="Переключение между темным и светлым режимом (сейчас используется Светлый режим)" aria-label="Переключение между темным и светлым режимом (сейчас используется Светлый режим)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="Поиск"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Поиск</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><div class="docsWrapper_rDLg"><button aria-label="Прокрутка к началу" class="clean-btn theme-back-to-top-button backToTopButton_JQoL" type="button"></button><div class="docRoot_GkJk"><aside class="theme-doc-sidebar-container docSidebarContainer_xiHB"><div class="sidebarViewport_DaHB"><div class="sidebar_Kb82"><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_AkOp"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--active" href="/ru/docs/reference">📚  Справочник</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/ru/docs/reference/layers">Слои</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/ru/docs/reference/slices-segments">Слайсы и сегменты</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/ru/docs/reference/public-api">Public API</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item"><div class="menu__list-item-collapsible menu__list-item-collapsible--active"><a class="menu__link menu__link--sublist menu__link--active" aria-current="page" tabindex="0" href="/ru/docs/reference/isolation">Изоляция</a><button aria-label="Collapse sidebar category &#x27;Изоляция&#x27;" aria-expanded="true" type="button" class="clean-btn menu__caret"></button></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/ru/docs/reference/isolation/coupling-cohesion">Low Coupling &amp; High Cohesion</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item sidebar-item--wip"><a class="menu__link" tabindex="0" href="/ru/docs/reference/isolation/decouple-entities">Decouple entities</a></li></ul></li></ul></li></ul></nav><button type="button" title="Свернуть сайдбар" aria-label="Свернуть сайдбар" class="button button--secondary button--outline collapseSidebarButton_L8vW"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_hYfn"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_uESP"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_w6lk"><div class="docItemContainer_b1tn"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_ioLt" aria-label="Навигационная цепочка текущей страницы"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Главная страница" class="breadcrumbs__link" href="/ru/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_ZfEo"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/ru/docs/reference"><span itemprop="name">📚  Справочник</span></a><meta itemprop="position" content="1"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">Изоляция</span><meta itemprop="position" content="2"></li></ul></nav><div class="tocCollapsible_EkMH theme-doc-toc-mobile tocMobile_XRnS"><button type="button" class="clean-btn tocCollapsibleButton_ID8T">Содержание этой страницы</button></div><div class="theme-doc-markdown markdown"><header><h1>Изоляция модулей</h1></header>
@@ -76,6 +76,6 @@ <h2 class="anchor anchorWithStickyNavbar_QzlE" id="see-also">См. также<a
 <li><a href="https://github.com/feature-sliced/documentation/discussions/49" target="_blank" rel="noopener noreferrer">(Обсуждение) Entities в методологии и их связность</a></li>
 <li><a href="https://github.com/feature-sliced/documentation/discussions/65#discussioncomment-480822" target="_blank" rel="noopener noreferrer">(Обсуждение) Про cross-импорты и анализ зависимостей</a></li>
 <li><a href="https://ru.wikipedia.org/wiki/GRASP" target="_blank" rel="noopener noreferrer">Паттерны <strong>GRASP</strong></a></li>
-</ul></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/ru/docusaurus-plugin-content-docs/current/reference/isolation/index.md" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Отредактировать эту страницу</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Последнее обновление<!-- --> <b><time datetime="2024-09-29T11:02:46.000Z" itemprop="dateModified">29 сент. 2024 г.</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Навигация по странице документации"><a class="pagination-nav__link pagination-nav__link--prev" href="/ru/docs/reference/public-api"><div class="pagination-nav__sublabel">Предыдущая страница</div><div class="pagination-nav__label">Public API</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/ru/docs/reference/isolation/coupling-cohesion"><div class="pagination-nav__sublabel">Следующая страница</div><div class="pagination-nav__label">Low Coupling &amp; High Cohesion</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#requirements" class="table-of-contents__link toc-highlight">Требования</a></li><li><a href="#rule" class="table-of-contents__link toc-highlight">Правило</a></li><li><a href="#identifying-problems" class="table-of-contents__link toc-highlight">Выявление проблем</a></li><li><a href="#see-also" class="table-of-contents__link toc-highlight">См. также</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Спецификация</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/ru/docs">Документация</a></li><li class="footer__item"><a class="footer__link-item" href="/ru/community">Сообщество</a></li><li class="footer__item"><a class="footer__link-item" href="/ru/nav">Помощь</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Обсуждения<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Сообщество</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Остальное</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">Лицензия<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/ru/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/ru/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
+</ul></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/ru/docusaurus-plugin-content-docs/current/reference/isolation/index.md" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Отредактировать эту страницу</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Последнее обновление<!-- --> <b><time datetime="2024-10-07T18:23:06.000Z" itemprop="dateModified">7 окт. 2024 г.</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Навигация по странице документации"><a class="pagination-nav__link pagination-nav__link--prev" href="/ru/docs/reference/public-api"><div class="pagination-nav__sublabel">Предыдущая страница</div><div class="pagination-nav__label">Public API</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/ru/docs/reference/isolation/coupling-cohesion"><div class="pagination-nav__sublabel">Следующая страница</div><div class="pagination-nav__label">Low Coupling &amp; High Cohesion</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#requirements" class="table-of-contents__link toc-highlight">Требования</a></li><li><a href="#rule" class="table-of-contents__link toc-highlight">Правило</a></li><li><a href="#identifying-problems" class="table-of-contents__link toc-highlight">Выявление проблем</a></li><li><a href="#see-also" class="table-of-contents__link toc-highlight">См. также</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Спецификация</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/ru/docs">Документация</a></li><li class="footer__item"><a class="footer__link-item" href="/ru/community">Сообщество</a></li><li class="footer__item"><a class="footer__link-item" href="/ru/nav">Помощь</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Обсуждения<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Сообщество</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Остальное</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">Лицензия<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/ru/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/ru/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
 </body>
 </html>
\ No newline at end of file
diff --git a/ru/docs/reference/isolation/coupling-cohesion.html b/ru/docs/reference/isolation/coupling-cohesion.html
index 6401004039..c7b26d490e 100644
--- a/ru/docs/reference/isolation/coupling-cohesion.html
+++ b/ru/docs/reference/isolation/coupling-cohesion.html
@@ -9,8 +9,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/ru/opensearch.xml"><link rel="stylesheet" href="/ru/assets/css/styles.200d81f1.css">
-<script src="/ru/assets/js/runtime~main.d88d86db.js" defer="defer"></script>
-<script src="/ru/assets/js/main.d5dbc580.js" defer="defer"></script>
+<script src="/ru/assets/js/runtime~main.83a61e56.js" defer="defer"></script>
+<script src="/ru/assets/js/main.ba59251d.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Перейти к основному содержимому"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">Перейти к основному содержимому</a></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Переключить навигационную панель" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/ru/"><div class="navbar__logo"><img src="/ru/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/ru/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/ru/docs">📖 Документация</a><a class="navbar__item navbar__link" href="/ru/community">💫 Сообщество</a><a class="navbar__item navbar__link" href="/ru/blog">📝 Блог</a><a class="navbar__item navbar__link" href="/ru/examples">🛠 Примеры</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/ru/docs/reference/isolation/coupling-cohesion">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a aria-current="page" class="dropdown__link dropdown__link--active" href="/ru/docs/reference/isolation/coupling-cohesion">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/ru/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>Русский</a><ul class="dropdown__menu"><li><a href="/ru/docs/reference/isolation/coupling-cohesion" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="ru">Русский</a></li><li><a href="/docs/reference/isolation/coupling-cohesion" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/uz/docs/reference/isolation/coupling-cohesion" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/docs/reference/isolation/coupling-cohesion" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="kr">한국어</a></li><li><a href="/ja/docs/reference/isolation/coupling-cohesion" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="Переключение между темным и светлым режимом (сейчас используется Светлый режим)" aria-label="Переключение между темным и светлым режимом (сейчас используется Светлый режим)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="Поиск"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Поиск</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><div class="docsWrapper_rDLg"><button aria-label="Прокрутка к началу" class="clean-btn theme-back-to-top-button backToTopButton_JQoL" type="button"></button><div class="docRoot_GkJk"><aside class="theme-doc-sidebar-container docSidebarContainer_xiHB"><div class="sidebarViewport_DaHB"><div class="sidebar_Kb82"><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_AkOp"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--active" href="/ru/docs/reference">📚  Справочник</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/ru/docs/reference/layers">Слои</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/ru/docs/reference/slices-segments">Слайсы и сегменты</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/ru/docs/reference/public-api">Public API</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--active" tabindex="0" href="/ru/docs/reference/isolation">Изоляция</a><button aria-label="Collapse sidebar category &#x27;Изоляция&#x27;" aria-expanded="true" type="button" class="clean-btn menu__caret"></button></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/ru/docs/reference/isolation/coupling-cohesion">Low Coupling &amp; High Cohesion</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item sidebar-item--wip"><a class="menu__link" tabindex="0" href="/ru/docs/reference/isolation/decouple-entities">Decouple entities</a></li></ul></li></ul></li></ul></nav><button type="button" title="Свернуть сайдбар" aria-label="Свернуть сайдбар" class="button button--secondary button--outline collapseSidebarButton_L8vW"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_hYfn"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_uESP"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_w6lk"><div class="docItemContainer_b1tn"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_ioLt" aria-label="Навигационная цепочка текущей страницы"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Главная страница" class="breadcrumbs__link" href="/ru/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_ZfEo"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/ru/docs/reference"><span itemprop="name">📚  Справочник</span></a><meta itemprop="position" content="1"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/ru/docs/reference/isolation"><span itemprop="name">Изоляция</span></a><meta itemprop="position" content="2"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">Low Coupling &amp; High Cohesion</span><meta itemprop="position" content="3"></li></ul></nav><div class="tocCollapsible_EkMH theme-doc-toc-mobile tocMobile_XRnS"><button type="button" class="clean-btn tocCollapsibleButton_ID8T">Содержание этой страницы</button></div><div class="theme-doc-markdown markdown"><header><h1>Low Coupling &amp; High Cohesion</h1></header>
@@ -78,6 +78,6 @@ <h2 class="anchor anchorWithStickyNavbar_QzlE" id="see-also">См. также<a
 </li>
 <li><a href="https://medium.com/german-gorelkin/low-coupling-high-cohesion-d36369fb1be9" target="_blank" rel="noopener noreferrer">(Статья) Low Coupling и High Cohesion. Закон Деметры</a></li>
 <li><a href="https://www.slideshare.net/cristalngo/software-design-principles-57388843" target="_blank" rel="noopener noreferrer">(Презентация) Про принципы проектирования (включая Low Coupling &amp; High Cohesion)</a></li>
-</ul></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/ru/docusaurus-plugin-content-docs/current/reference/isolation/coupling-cohesion.md" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Отредактировать эту страницу</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Последнее обновление<!-- --> <b><time datetime="2024-09-29T11:02:46.000Z" itemprop="dateModified">29 сент. 2024 г.</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Навигация по странице документации"><a class="pagination-nav__link pagination-nav__link--prev" href="/ru/docs/reference/isolation"><div class="pagination-nav__sublabel">Предыдущая страница</div><div class="pagination-nav__label">Изоляция модулей</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/ru/docs/reference/isolation/decouple-entities"><div class="pagination-nav__sublabel">Следующая страница</div><div class="pagination-nav__label">Decouple entities</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#components-composition-ui-level" class="table-of-contents__link toc-highlight">Композиция компонентов (UI level)</a><ul><li><a href="#example" class="table-of-contents__link toc-highlight">Пример</a></li></ul></li><li><a href="#layer-composition-app-level" class="table-of-contents__link toc-highlight">Композиция слоев (APP level)</a><ul><li><a href="#example" class="table-of-contents__link toc-highlight">Пример</a></li></ul></li><li><a href="#summary" class="table-of-contents__link toc-highlight">Итого</a></li><li><a href="#see-also" class="table-of-contents__link toc-highlight">См. также</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Спецификация</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/ru/docs">Документация</a></li><li class="footer__item"><a class="footer__link-item" href="/ru/community">Сообщество</a></li><li class="footer__item"><a class="footer__link-item" href="/ru/nav">Помощь</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Обсуждения<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Сообщество</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Остальное</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">Лицензия<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/ru/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/ru/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
+</ul></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/ru/docusaurus-plugin-content-docs/current/reference/isolation/coupling-cohesion.md" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Отредактировать эту страницу</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Последнее обновление<!-- --> <b><time datetime="2024-10-07T18:23:06.000Z" itemprop="dateModified">7 окт. 2024 г.</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Навигация по странице документации"><a class="pagination-nav__link pagination-nav__link--prev" href="/ru/docs/reference/isolation"><div class="pagination-nav__sublabel">Предыдущая страница</div><div class="pagination-nav__label">Изоляция модулей</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/ru/docs/reference/isolation/decouple-entities"><div class="pagination-nav__sublabel">Следующая страница</div><div class="pagination-nav__label">Decouple entities</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#components-composition-ui-level" class="table-of-contents__link toc-highlight">Композиция компонентов (UI level)</a><ul><li><a href="#example" class="table-of-contents__link toc-highlight">Пример</a></li></ul></li><li><a href="#layer-composition-app-level" class="table-of-contents__link toc-highlight">Композиция слоев (APP level)</a><ul><li><a href="#example" class="table-of-contents__link toc-highlight">Пример</a></li></ul></li><li><a href="#summary" class="table-of-contents__link toc-highlight">Итого</a></li><li><a href="#see-also" class="table-of-contents__link toc-highlight">См. также</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Спецификация</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/ru/docs">Документация</a></li><li class="footer__item"><a class="footer__link-item" href="/ru/community">Сообщество</a></li><li class="footer__item"><a class="footer__link-item" href="/ru/nav">Помощь</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Обсуждения<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Сообщество</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Остальное</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">Лицензия<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/ru/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/ru/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
 </body>
 </html>
\ No newline at end of file
diff --git a/ru/docs/reference/isolation/decouple-entities.html b/ru/docs/reference/isolation/decouple-entities.html
index e88148ad1b..efe39ece87 100644
--- a/ru/docs/reference/isolation/decouple-entities.html
+++ b/ru/docs/reference/isolation/decouple-entities.html
@@ -9,8 +9,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/ru/opensearch.xml"><link rel="stylesheet" href="/ru/assets/css/styles.200d81f1.css">
-<script src="/ru/assets/js/runtime~main.d88d86db.js" defer="defer"></script>
-<script src="/ru/assets/js/main.d5dbc580.js" defer="defer"></script>
+<script src="/ru/assets/js/runtime~main.83a61e56.js" defer="defer"></script>
+<script src="/ru/assets/js/main.ba59251d.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Перейти к основному содержимому"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">Перейти к основному содержимому</a></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Переключить навигационную панель" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/ru/"><div class="navbar__logo"><img src="/ru/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/ru/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/ru/docs">📖 Документация</a><a class="navbar__item navbar__link" href="/ru/community">💫 Сообщество</a><a class="navbar__item navbar__link" href="/ru/blog">📝 Блог</a><a class="navbar__item navbar__link" href="/ru/examples">🛠 Примеры</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/ru/docs/reference/isolation/decouple-entities">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a aria-current="page" class="dropdown__link dropdown__link--active" href="/ru/docs/reference/isolation/decouple-entities">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/ru/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>Русский</a><ul class="dropdown__menu"><li><a href="/ru/docs/reference/isolation/decouple-entities" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="ru">Русский</a></li><li><a href="/docs/reference/isolation/decouple-entities" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/uz/docs/reference/isolation/decouple-entities" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/docs/reference/isolation/decouple-entities" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="kr">한국어</a></li><li><a href="/ja/docs/reference/isolation/decouple-entities" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="Переключение между темным и светлым режимом (сейчас используется Светлый режим)" aria-label="Переключение между темным и светлым режимом (сейчас используется Светлый режим)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="Поиск"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Поиск</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><div class="docsWrapper_rDLg"><button aria-label="Прокрутка к началу" class="clean-btn theme-back-to-top-button backToTopButton_JQoL" type="button"></button><div class="docRoot_GkJk"><aside class="theme-doc-sidebar-container docSidebarContainer_xiHB"><div class="sidebarViewport_DaHB"><div class="sidebar_Kb82"><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_AkOp"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--active" href="/ru/docs/reference">📚  Справочник</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/ru/docs/reference/layers">Слои</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/ru/docs/reference/slices-segments">Слайсы и сегменты</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/ru/docs/reference/public-api">Public API</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--active" tabindex="0" href="/ru/docs/reference/isolation">Изоляция</a><button aria-label="Collapse sidebar category &#x27;Изоляция&#x27;" aria-expanded="true" type="button" class="clean-btn menu__caret"></button></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/ru/docs/reference/isolation/coupling-cohesion">Low Coupling &amp; High Cohesion</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item sidebar-item--wip"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/ru/docs/reference/isolation/decouple-entities">Decouple entities</a></li></ul></li></ul></li></ul></nav><button type="button" title="Свернуть сайдбар" aria-label="Свернуть сайдбар" class="button button--secondary button--outline collapseSidebarButton_L8vW"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_hYfn"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_uESP"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_w6lk"><div class="docItemContainer_b1tn"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_ioLt" aria-label="Навигационная цепочка текущей страницы"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Главная страница" class="breadcrumbs__link" href="/ru/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_ZfEo"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/ru/docs/reference"><span itemprop="name">📚  Справочник</span></a><meta itemprop="position" content="1"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/ru/docs/reference/isolation"><span itemprop="name">Изоляция</span></a><meta itemprop="position" content="2"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">Decouple entities</span><meta itemprop="position" content="3"></li></ul></nav><div class="tocCollapsible_EkMH theme-doc-toc-mobile tocMobile_XRnS"><button type="button" class="clean-btn tocCollapsibleButton_ID8T">Содержание этой страницы</button></div><div class="theme-doc-markdown markdown"><header><h1>Decouple entities</h1></header>
@@ -27,6 +27,6 @@ <h2 class="anchor anchorWithStickyNavbar_QzlE" id="see-also">См. также<a
 <li><a href="https://t.me/feature_sliced/3316" target="_blank" rel="noopener noreferrer">(Тред) Пример декомпозиции для &quot;связных сущностей&quot; (users/pets/friends)</a></li>
 <li><a href="https://t.me/feature_sliced/4276" target="_blank" rel="noopener noreferrer">(Тред) Про кросс-импорты типов/адаптеров в сущностях</a></li>
 <li><a href="https://t.me/feature_sliced/4521" target="_blank" rel="noopener noreferrer">(Тред) Про границы сущностей и фич</a></li>
-</ul></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/ru/docusaurus-plugin-content-docs/current/reference/isolation/decouple-entities.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Отредактировать эту страницу</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Последнее обновление<!-- --> <b><time datetime="2024-09-29T11:02:46.000Z" itemprop="dateModified">29 сент. 2024 г.</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Навигация по странице документации"><a class="pagination-nav__link pagination-nav__link--prev" href="/ru/docs/reference/isolation/coupling-cohesion"><div class="pagination-nav__sublabel">Предыдущая страница</div><div class="pagination-nav__label">Low Coupling &amp; High Cohesion</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#see-also" class="table-of-contents__link toc-highlight">См. также</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Спецификация</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/ru/docs">Документация</a></li><li class="footer__item"><a class="footer__link-item" href="/ru/community">Сообщество</a></li><li class="footer__item"><a class="footer__link-item" href="/ru/nav">Помощь</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Обсуждения<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Сообщество</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Остальное</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">Лицензия<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/ru/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/ru/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
+</ul></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/ru/docusaurus-plugin-content-docs/current/reference/isolation/decouple-entities.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Отредактировать эту страницу</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Последнее обновление<!-- --> <b><time datetime="2024-10-07T18:23:06.000Z" itemprop="dateModified">7 окт. 2024 г.</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Навигация по странице документации"><a class="pagination-nav__link pagination-nav__link--prev" href="/ru/docs/reference/isolation/coupling-cohesion"><div class="pagination-nav__sublabel">Предыдущая страница</div><div class="pagination-nav__label">Low Coupling &amp; High Cohesion</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#see-also" class="table-of-contents__link toc-highlight">См. также</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Спецификация</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/ru/docs">Документация</a></li><li class="footer__item"><a class="footer__link-item" href="/ru/community">Сообщество</a></li><li class="footer__item"><a class="footer__link-item" href="/ru/nav">Помощь</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Обсуждения<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Сообщество</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Остальное</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">Лицензия<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/ru/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/ru/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
 </body>
 </html>
\ No newline at end of file
diff --git a/ru/docs/reference/layers.html b/ru/docs/reference/layers.html
index 23ff29ed44..908f7ed0d7 100644
--- a/ru/docs/reference/layers.html
+++ b/ru/docs/reference/layers.html
@@ -9,8 +9,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/ru/opensearch.xml"><link rel="stylesheet" href="/ru/assets/css/styles.200d81f1.css">
-<script src="/ru/assets/js/runtime~main.d88d86db.js" defer="defer"></script>
-<script src="/ru/assets/js/main.d5dbc580.js" defer="defer"></script>
+<script src="/ru/assets/js/runtime~main.83a61e56.js" defer="defer"></script>
+<script src="/ru/assets/js/main.ba59251d.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Перейти к основному содержимому"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">Перейти к основному содержимому</a></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Переключить навигационную панель" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/ru/"><div class="navbar__logo"><img src="/ru/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/ru/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/ru/docs">📖 Документация</a><a class="navbar__item navbar__link" href="/ru/community">💫 Сообщество</a><a class="navbar__item navbar__link" href="/ru/blog">📝 Блог</a><a class="navbar__item navbar__link" href="/ru/examples">🛠 Примеры</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/ru/docs/reference/layers">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a aria-current="page" class="dropdown__link dropdown__link--active" href="/ru/docs/reference/layers">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/ru/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>Русский</a><ul class="dropdown__menu"><li><a href="/ru/docs/reference/layers" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="ru">Русский</a></li><li><a href="/docs/reference/layers" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/uz/docs/reference/layers" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/docs/reference/layers" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="kr">한국어</a></li><li><a href="/ja/docs/reference/layers" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="Переключение между темным и светлым режимом (сейчас используется Светлый режим)" aria-label="Переключение между темным и светлым режимом (сейчас используется Светлый режим)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="Поиск"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Поиск</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><div class="docsWrapper_rDLg"><button aria-label="Прокрутка к началу" class="clean-btn theme-back-to-top-button backToTopButton_JQoL" type="button"></button><div class="docRoot_GkJk"><aside class="theme-doc-sidebar-container docSidebarContainer_xiHB"><div class="sidebarViewport_DaHB"><div class="sidebar_Kb82"><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_AkOp"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--active" href="/ru/docs/reference">📚  Справочник</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/ru/docs/reference/layers">Слои</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/ru/docs/reference/slices-segments">Слайсы и сегменты</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/ru/docs/reference/public-api">Public API</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" tabindex="0" href="/ru/docs/reference/isolation">Изоляция</a><button aria-label="Expand sidebar category &#x27;Изоляция&#x27;" aria-expanded="false" type="button" class="clean-btn menu__caret"></button></div></li></ul></li></ul></nav><button type="button" title="Свернуть сайдбар" aria-label="Свернуть сайдбар" class="button button--secondary button--outline collapseSidebarButton_L8vW"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_hYfn"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_uESP"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_w6lk"><div class="docItemContainer_b1tn"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_ioLt" aria-label="Навигационная цепочка текущей страницы"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Главная страница" class="breadcrumbs__link" href="/ru/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_ZfEo"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/ru/docs/reference"><span itemprop="name">📚  Справочник</span></a><meta itemprop="position" content="1"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">Слои</span><meta itemprop="position" content="2"></li></ul></nav><div class="tocCollapsible_EkMH theme-doc-toc-mobile tocMobile_XRnS"><button type="button" class="clean-btn tocCollapsibleButton_ID8T">Содержание этой страницы</button></div><div class="theme-doc-markdown markdown"><header><h1>Слои</h1></header>
@@ -87,6 +87,6 @@ <h3 class="anchor anchorWithStickyNavbar_QzlE" id="app">App<a href="#app" class=
 <li>Роутер</li>
 <li>Хранилища данных и прочие провайдеры контекста</li>
 <li>Инициализация аналитики</li>
-</ul></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/ru/docusaurus-plugin-content-docs/current/reference/layers.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Отредактировать эту страницу</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Последнее обновление<!-- --> <b><time datetime="2024-09-29T11:02:46.000Z" itemprop="dateModified">29 сент. 2024 г.</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Навигация по странице документации"><a class="pagination-nav__link pagination-nav__link--prev" href="/ru/docs/reference"><div class="pagination-nav__sublabel">Предыдущая страница</div><div class="pagination-nav__label">📚 Справочник</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/ru/docs/reference/slices-segments"><div class="pagination-nav__sublabel">Следующая страница</div><div class="pagination-nav__label">Слайсы и сегменты</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#import-rule-on-layers" class="table-of-contents__link toc-highlight">Правило импортов для слоёв</a></li><li><a href="#определения-слоёв" class="table-of-contents__link toc-highlight">Определения слоёв</a><ul><li><a href="#shared" class="table-of-contents__link toc-highlight">Shared</a></li><li><a href="#entities" class="table-of-contents__link toc-highlight">Entities</a></li><li><a href="#features" class="table-of-contents__link toc-highlight">Features</a></li><li><a href="#widgets" class="table-of-contents__link toc-highlight">Widgets</a></li><li><a href="#pages" class="table-of-contents__link toc-highlight">Pages</a></li><li><a href="#processes" class="table-of-contents__link toc-highlight">Processes</a></li><li><a href="#app" class="table-of-contents__link toc-highlight">App</a></li></ul></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Спецификация</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/ru/docs">Документация</a></li><li class="footer__item"><a class="footer__link-item" href="/ru/community">Сообщество</a></li><li class="footer__item"><a class="footer__link-item" href="/ru/nav">Помощь</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Обсуждения<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Сообщество</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Остальное</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">Лицензия<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/ru/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/ru/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
+</ul></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/ru/docusaurus-plugin-content-docs/current/reference/layers.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Отредактировать эту страницу</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Последнее обновление<!-- --> <b><time datetime="2024-10-07T18:23:06.000Z" itemprop="dateModified">7 окт. 2024 г.</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Навигация по странице документации"><a class="pagination-nav__link pagination-nav__link--prev" href="/ru/docs/reference"><div class="pagination-nav__sublabel">Предыдущая страница</div><div class="pagination-nav__label">📚 Справочник</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/ru/docs/reference/slices-segments"><div class="pagination-nav__sublabel">Следующая страница</div><div class="pagination-nav__label">Слайсы и сегменты</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#import-rule-on-layers" class="table-of-contents__link toc-highlight">Правило импортов для слоёв</a></li><li><a href="#определения-слоёв" class="table-of-contents__link toc-highlight">Определения слоёв</a><ul><li><a href="#shared" class="table-of-contents__link toc-highlight">Shared</a></li><li><a href="#entities" class="table-of-contents__link toc-highlight">Entities</a></li><li><a href="#features" class="table-of-contents__link toc-highlight">Features</a></li><li><a href="#widgets" class="table-of-contents__link toc-highlight">Widgets</a></li><li><a href="#pages" class="table-of-contents__link toc-highlight">Pages</a></li><li><a href="#processes" class="table-of-contents__link toc-highlight">Processes</a></li><li><a href="#app" class="table-of-contents__link toc-highlight">App</a></li></ul></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Спецификация</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/ru/docs">Документация</a></li><li class="footer__item"><a class="footer__link-item" href="/ru/community">Сообщество</a></li><li class="footer__item"><a class="footer__link-item" href="/ru/nav">Помощь</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Обсуждения<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Сообщество</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Остальное</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">Лицензия<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/ru/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/ru/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
 </body>
 </html>
\ No newline at end of file
diff --git a/ru/docs/reference/public-api.html b/ru/docs/reference/public-api.html
index fb4e55870f..cb7fc2eeef 100644
--- a/ru/docs/reference/public-api.html
+++ b/ru/docs/reference/public-api.html
@@ -9,8 +9,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/ru/opensearch.xml"><link rel="stylesheet" href="/ru/assets/css/styles.200d81f1.css">
-<script src="/ru/assets/js/runtime~main.d88d86db.js" defer="defer"></script>
-<script src="/ru/assets/js/main.d5dbc580.js" defer="defer"></script>
+<script src="/ru/assets/js/runtime~main.83a61e56.js" defer="defer"></script>
+<script src="/ru/assets/js/main.ba59251d.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Перейти к основному содержимому"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">Перейти к основному содержимому</a></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Переключить навигационную панель" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/ru/"><div class="navbar__logo"><img src="/ru/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/ru/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/ru/docs">📖 Документация</a><a class="navbar__item navbar__link" href="/ru/community">💫 Сообщество</a><a class="navbar__item navbar__link" href="/ru/blog">📝 Блог</a><a class="navbar__item navbar__link" href="/ru/examples">🛠 Примеры</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/ru/docs/reference/public-api">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a aria-current="page" class="dropdown__link dropdown__link--active" href="/ru/docs/reference/public-api">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/ru/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>Русский</a><ul class="dropdown__menu"><li><a href="/ru/docs/reference/public-api" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="ru">Русский</a></li><li><a href="/docs/reference/public-api" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/uz/docs/reference/public-api" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/docs/reference/public-api" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="kr">한국어</a></li><li><a href="/ja/docs/reference/public-api" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="Переключение между темным и светлым режимом (сейчас используется Светлый режим)" aria-label="Переключение между темным и светлым режимом (сейчас используется Светлый режим)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="Поиск"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Поиск</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><div class="docsWrapper_rDLg"><button aria-label="Прокрутка к началу" class="clean-btn theme-back-to-top-button backToTopButton_JQoL" type="button"></button><div class="docRoot_GkJk"><aside class="theme-doc-sidebar-container docSidebarContainer_xiHB"><div class="sidebarViewport_DaHB"><div class="sidebar_Kb82"><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_AkOp"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--active" href="/ru/docs/reference">📚  Справочник</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/ru/docs/reference/layers">Слои</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/ru/docs/reference/slices-segments">Слайсы и сегменты</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/ru/docs/reference/public-api">Public API</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" tabindex="0" href="/ru/docs/reference/isolation">Изоляция</a><button aria-label="Expand sidebar category &#x27;Изоляция&#x27;" aria-expanded="false" type="button" class="clean-btn menu__caret"></button></div></li></ul></li></ul></nav><button type="button" title="Свернуть сайдбар" aria-label="Свернуть сайдбар" class="button button--secondary button--outline collapseSidebarButton_L8vW"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_hYfn"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_uESP"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_w6lk"><div class="docItemContainer_b1tn"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_ioLt" aria-label="Навигационная цепочка текущей страницы"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Главная страница" class="breadcrumbs__link" href="/ru/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_ZfEo"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/ru/docs/reference"><span itemprop="name">📚  Справочник</span></a><meta itemprop="position" content="1"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">Public API</span><meta itemprop="position" content="2"></li></ul></nav><div class="tocCollapsible_EkMH theme-doc-toc-mobile tocMobile_XRnS"><button type="button" class="clean-btn tocCollapsibleButton_ID8T">Содержание этой страницы</button></div><div class="theme-doc-markdown markdown"><header><h1>Публичное API модуля приложения</h1></header>
@@ -140,6 +140,6 @@ <h2 class="anchor anchorWithStickyNavbar_QzlE" id="see-also">См. также<a
 <li><a href="https://github.com/feature-sliced/documentation/discussions/41" target="_blank" rel="noopener noreferrer">(Обсуждение) Public API абстракции</a></li>
 <li><a href="https://ru.wikipedia.org/wiki/SOLID" target="_blank" rel="noopener noreferrer">Принципы <strong>SOLID</strong></a></li>
 <li><a href="https://ru.wikipedia.org/wiki/GRASP" target="_blank" rel="noopener noreferrer">Паттерны <strong>GRASP</strong></a></li>
-</ul></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/ru/docusaurus-plugin-content-docs/current/reference/public-api.md" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Отредактировать эту страницу</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Последнее обновление<!-- --> <b><time datetime="2024-09-29T11:02:46.000Z" itemprop="dateModified">29 сент. 2024 г.</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Навигация по странице документации"><a class="pagination-nav__link pagination-nav__link--prev" href="/ru/docs/reference/slices-segments"><div class="pagination-nav__sublabel">Предыдущая страница</div><div class="pagination-nav__label">Слайсы и сегменты</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/ru/docs/about"><div class="pagination-nav__sublabel">Следующая страница</div><div class="pagination-nav__label">🍰 О методологии</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#goals" class="table-of-contents__link toc-highlight">Цели</a></li><li><a href="#requirements-for-the-public-api" class="table-of-contents__link toc-highlight">Требования к публичному API</a><ul><li><a href="#1-access-control" class="table-of-contents__link toc-highlight">1. Контроль доступа</a></li><li><a href="#2-sustainability-for-changes" class="table-of-contents__link toc-highlight">2. Устойчивость к изменениям</a></li><li><a href="#3-integrability" class="table-of-contents__link toc-highlight">3. Интегрируемость</a></li></ul></li><li><a href="#about-re-exports" class="table-of-contents__link toc-highlight">О реэкспортах</a><ul><li><a href="#disadvantages" class="table-of-contents__link toc-highlight">Недостатки</a></li><li><a href="#possible-solutions" class="table-of-contents__link toc-highlight">Возможные пути решения</a></li></ul></li><li><a href="#see-also" class="table-of-contents__link toc-highlight">См. также</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Спецификация</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/ru/docs">Документация</a></li><li class="footer__item"><a class="footer__link-item" href="/ru/community">Сообщество</a></li><li class="footer__item"><a class="footer__link-item" href="/ru/nav">Помощь</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Обсуждения<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Сообщество</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Остальное</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">Лицензия<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/ru/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/ru/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
+</ul></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/ru/docusaurus-plugin-content-docs/current/reference/public-api.md" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Отредактировать эту страницу</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Последнее обновление<!-- --> <b><time datetime="2024-10-07T18:23:06.000Z" itemprop="dateModified">7 окт. 2024 г.</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Навигация по странице документации"><a class="pagination-nav__link pagination-nav__link--prev" href="/ru/docs/reference/slices-segments"><div class="pagination-nav__sublabel">Предыдущая страница</div><div class="pagination-nav__label">Слайсы и сегменты</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/ru/docs/about"><div class="pagination-nav__sublabel">Следующая страница</div><div class="pagination-nav__label">🍰 О методологии</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#goals" class="table-of-contents__link toc-highlight">Цели</a></li><li><a href="#requirements-for-the-public-api" class="table-of-contents__link toc-highlight">Требования к публичному API</a><ul><li><a href="#1-access-control" class="table-of-contents__link toc-highlight">1. Контроль доступа</a></li><li><a href="#2-sustainability-for-changes" class="table-of-contents__link toc-highlight">2. Устойчивость к изменениям</a></li><li><a href="#3-integrability" class="table-of-contents__link toc-highlight">3. Интегрируемость</a></li></ul></li><li><a href="#about-re-exports" class="table-of-contents__link toc-highlight">О реэкспортах</a><ul><li><a href="#disadvantages" class="table-of-contents__link toc-highlight">Недостатки</a></li><li><a href="#possible-solutions" class="table-of-contents__link toc-highlight">Возможные пути решения</a></li></ul></li><li><a href="#see-also" class="table-of-contents__link toc-highlight">См. также</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Спецификация</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/ru/docs">Документация</a></li><li class="footer__item"><a class="footer__link-item" href="/ru/community">Сообщество</a></li><li class="footer__item"><a class="footer__link-item" href="/ru/nav">Помощь</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Обсуждения<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Сообщество</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Остальное</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">Лицензия<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/ru/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/ru/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
 </body>
 </html>
\ No newline at end of file
diff --git a/ru/docs/reference/slices-segments.html b/ru/docs/reference/slices-segments.html
index e974f94509..feda633e8f 100644
--- a/ru/docs/reference/slices-segments.html
+++ b/ru/docs/reference/slices-segments.html
@@ -9,8 +9,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/ru/opensearch.xml"><link rel="stylesheet" href="/ru/assets/css/styles.200d81f1.css">
-<script src="/ru/assets/js/runtime~main.d88d86db.js" defer="defer"></script>
-<script src="/ru/assets/js/main.d5dbc580.js" defer="defer"></script>
+<script src="/ru/assets/js/runtime~main.83a61e56.js" defer="defer"></script>
+<script src="/ru/assets/js/main.ba59251d.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Перейти к основному содержимому"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">Перейти к основному содержимому</a></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Переключить навигационную панель" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/ru/"><div class="navbar__logo"><img src="/ru/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/ru/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/ru/docs">📖 Документация</a><a class="navbar__item navbar__link" href="/ru/community">💫 Сообщество</a><a class="navbar__item navbar__link" href="/ru/blog">📝 Блог</a><a class="navbar__item navbar__link" href="/ru/examples">🛠 Примеры</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/ru/docs/reference/slices-segments">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a aria-current="page" class="dropdown__link dropdown__link--active" href="/ru/docs/reference/slices-segments">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/ru/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>Русский</a><ul class="dropdown__menu"><li><a href="/ru/docs/reference/slices-segments" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="ru">Русский</a></li><li><a href="/docs/reference/slices-segments" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/uz/docs/reference/slices-segments" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/docs/reference/slices-segments" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="kr">한국어</a></li><li><a href="/ja/docs/reference/slices-segments" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="Переключение между темным и светлым режимом (сейчас используется Светлый режим)" aria-label="Переключение между темным и светлым режимом (сейчас используется Светлый режим)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="Поиск"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Поиск</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><div class="docsWrapper_rDLg"><button aria-label="Прокрутка к началу" class="clean-btn theme-back-to-top-button backToTopButton_JQoL" type="button"></button><div class="docRoot_GkJk"><aside class="theme-doc-sidebar-container docSidebarContainer_xiHB"><div class="sidebarViewport_DaHB"><div class="sidebar_Kb82"><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_AkOp"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--active" href="/ru/docs/reference">📚  Справочник</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/ru/docs/reference/layers">Слои</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/ru/docs/reference/slices-segments">Слайсы и сегменты</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/ru/docs/reference/public-api">Public API</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" tabindex="0" href="/ru/docs/reference/isolation">Изоляция</a><button aria-label="Expand sidebar category &#x27;Изоляция&#x27;" aria-expanded="false" type="button" class="clean-btn menu__caret"></button></div></li></ul></li></ul></nav><button type="button" title="Свернуть сайдбар" aria-label="Свернуть сайдбар" class="button button--secondary button--outline collapseSidebarButton_L8vW"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_hYfn"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_uESP"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_w6lk"><div class="docItemContainer_b1tn"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_ioLt" aria-label="Навигационная цепочка текущей страницы"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Главная страница" class="breadcrumbs__link" href="/ru/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_ZfEo"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/ru/docs/reference"><span itemprop="name">📚  Справочник</span></a><meta itemprop="position" content="1"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">Слайсы и сегменты</span><meta itemprop="position" content="2"></li></ul></nav><div class="tocCollapsible_EkMH theme-doc-toc-mobile tocMobile_XRnS"><button type="button" class="clean-btn tocCollapsibleButton_ID8T">Содержание этой страницы</button></div><div class="theme-doc-markdown markdown"><header><h1>Слайсы и сегменты</h1></header>
@@ -38,6 +38,6 @@ <h2 class="anchor anchorWithStickyNavbar_QzlE" id="сегменты">Сегме
 </ul>
 <p>Другие сегменты допускаются, но должны создаваться только по необходимости. Наиболее распространенными местами для других сегментов являются слои App и Shared, где срезы не имеют смысла.</p>
 <h3 class="anchor anchorWithStickyNavbar_QzlE" id="примеры">Примеры<a href="#примеры" class="hash-link" aria-label="Прямая ссылка на этот заголовок" title="Прямая ссылка на этот заголовок">​</a></h3>
-<table><thead><tr><th style="text-align:left">Layer</th><th style="text-align:left"><code>ui</code></th><th style="text-align:left"><code>model</code></th><th style="text-align:left"><code>lib</code></th><th style="text-align:left"><code>api</code></th></tr></thead><tbody><tr><td style="text-align:left">Shared</td><td style="text-align:left">UI-библиотека</td><td style="text-align:left">Обычно не используется</td><td style="text-align:left">Утилитарные модули из нескольких связанных файлов. <br> Если вам нужны индивидуальные вспомогательные функции, обратите внимание на библиотеки утилит, например, <a href="https://www.npmjs.com/package/lodash-es" target="_blank" rel="noopener noreferrer"><code>lodash-es</code></a>.</td><td style="text-align:left">Примитивный API-клиент с дополнительными функциями, такими как аутентификация или кэширование.</td></tr><tr><td style="text-align:left">Entities</td><td style="text-align:left">Скелет бизнес-сущности со слотами для интерактивных элементов</td><td style="text-align:left">Хранилище объектов этой сущности, а также функции для обработки этих объектов. <br> Этот сегмент лучше всего подходит для хранения данных с сервера. Если вы используете <a href="https://tanstack.com/query/latest" target="_blank" rel="noopener noreferrer">TanStack Query</a> или другие методы неявного хранения, вы можете опустить этот сегмент.</td><td style="text-align:left">Функции над объектами этой сущности, не связанные с хранением данных</td><td style="text-align:left">API-методы, использующие API-клиент из Shared для упрощения коммуникации с бэкендом</td></tr><tr><td style="text-align:left">Features</td><td style="text-align:left">Интерактивные элементы, позволяющие пользователям использовать эту функцию</td><td style="text-align:left">Бизнес-логика и хранилище инфраструктурных данных, если требуется (например, текущая тема приложения). Здесь лежит код, который непосредственно создает пользу для пользователя</td><td style="text-align:left">Инфраструктурный код, который позволяет сегменту <code>model</code> более кратко описать бизнес-логику</td><td style="text-align:left">API-методы, представляющие эту функцию на бэкенде. <br> Может объединять API-методы из Entities.</td></tr><tr><td style="text-align:left">Widgets</td><td style="text-align:left">Композиция Entities и Features в самодостаточные блоки интерфейса. <br> Также может содержать ограничители ошибок и состояния загрузки.</td><td style="text-align:left">Хранилище инфраструктурных данных, если требуется</td><td style="text-align:left">Не-бизнес-взаимодействия (например, жесты) и прочий код, необходимый для функционирования этого блока на странице</td><td style="text-align:left">Обычно не используется, но может содержать загрузчики данных в контексте вложенного роутинга (например, <a href="https://remix.run" target="_blank" rel="noopener noreferrer">Remix</a>)</td></tr><tr><td style="text-align:left">Pages</td><td style="text-align:left">Композиция Entities, Features и Widgets в полноценные страницы. <br> Также может содержать ограничители ошибок и состояния загрузки.</td><td style="text-align:left">Обычно не используется</td><td style="text-align:left">Не-бизнес-взаимодействия (например, жесты) и прочий код, необходимый для создания полноценного пользовательского опыта на этой странице</td><td style="text-align:left">Загрузчики данных для фреймворков, ориентированных на SSR (рендеринг на сервере)</td></tr></tbody></table></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/ru/docusaurus-plugin-content-docs/current/reference/slices-segments.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Отредактировать эту страницу</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Последнее обновление<!-- --> <b><time datetime="2024-09-29T11:02:46.000Z" itemprop="dateModified">29 сент. 2024 г.</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Навигация по странице документации"><a class="pagination-nav__link pagination-nav__link--prev" href="/ru/docs/reference/layers"><div class="pagination-nav__sublabel">Предыдущая страница</div><div class="pagination-nav__label">Слои</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/ru/docs/reference/public-api"><div class="pagination-nav__sublabel">Следующая страница</div><div class="pagination-nav__label">Public API</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#слайсы" class="table-of-contents__link toc-highlight">Слайсы</a><ul><li><a href="#правило-публичного-api-для-слайсов" class="table-of-contents__link toc-highlight">Правило публичного API для слайсов</a></li></ul></li><li><a href="#сегменты" class="table-of-contents__link toc-highlight">Сегменты</a><ul><li><a href="#примеры" class="table-of-contents__link toc-highlight">Примеры</a></li></ul></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Спецификация</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/ru/docs">Документация</a></li><li class="footer__item"><a class="footer__link-item" href="/ru/community">Сообщество</a></li><li class="footer__item"><a class="footer__link-item" href="/ru/nav">Помощь</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Обсуждения<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Сообщество</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Остальное</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">Лицензия<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/ru/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/ru/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
+<table><thead><tr><th style="text-align:left">Layer</th><th style="text-align:left"><code>ui</code></th><th style="text-align:left"><code>model</code></th><th style="text-align:left"><code>lib</code></th><th style="text-align:left"><code>api</code></th></tr></thead><tbody><tr><td style="text-align:left">Shared</td><td style="text-align:left">UI-библиотека</td><td style="text-align:left">Обычно не используется</td><td style="text-align:left">Утилитарные модули из нескольких связанных файлов. <br> Если вам нужны индивидуальные вспомогательные функции, обратите внимание на библиотеки утилит, например, <a href="https://www.npmjs.com/package/lodash-es" target="_blank" rel="noopener noreferrer"><code>lodash-es</code></a>.</td><td style="text-align:left">Примитивный API-клиент с дополнительными функциями, такими как аутентификация или кэширование.</td></tr><tr><td style="text-align:left">Entities</td><td style="text-align:left">Скелет бизнес-сущности со слотами для интерактивных элементов</td><td style="text-align:left">Хранилище объектов этой сущности, а также функции для обработки этих объектов. <br> Этот сегмент лучше всего подходит для хранения данных с сервера. Если вы используете <a href="https://tanstack.com/query/latest" target="_blank" rel="noopener noreferrer">TanStack Query</a> или другие методы неявного хранения, вы можете опустить этот сегмент.</td><td style="text-align:left">Функции над объектами этой сущности, не связанные с хранением данных</td><td style="text-align:left">API-методы, использующие API-клиент из Shared для упрощения коммуникации с бэкендом</td></tr><tr><td style="text-align:left">Features</td><td style="text-align:left">Интерактивные элементы, позволяющие пользователям использовать эту функцию</td><td style="text-align:left">Бизнес-логика и хранилище инфраструктурных данных, если требуется (например, текущая тема приложения). Здесь лежит код, который непосредственно создает пользу для пользователя</td><td style="text-align:left">Инфраструктурный код, который позволяет сегменту <code>model</code> более кратко описать бизнес-логику</td><td style="text-align:left">API-методы, представляющие эту функцию на бэкенде. <br> Может объединять API-методы из Entities.</td></tr><tr><td style="text-align:left">Widgets</td><td style="text-align:left">Композиция Entities и Features в самодостаточные блоки интерфейса. <br> Также может содержать ограничители ошибок и состояния загрузки.</td><td style="text-align:left">Хранилище инфраструктурных данных, если требуется</td><td style="text-align:left">Не-бизнес-взаимодействия (например, жесты) и прочий код, необходимый для функционирования этого блока на странице</td><td style="text-align:left">Обычно не используется, но может содержать загрузчики данных в контексте вложенного роутинга (например, <a href="https://remix.run" target="_blank" rel="noopener noreferrer">Remix</a>)</td></tr><tr><td style="text-align:left">Pages</td><td style="text-align:left">Композиция Entities, Features и Widgets в полноценные страницы. <br> Также может содержать ограничители ошибок и состояния загрузки.</td><td style="text-align:left">Обычно не используется</td><td style="text-align:left">Не-бизнес-взаимодействия (например, жесты) и прочий код, необходимый для создания полноценного пользовательского опыта на этой странице</td><td style="text-align:left">Загрузчики данных для фреймворков, ориентированных на SSR (рендеринг на сервере)</td></tr></tbody></table></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/ru/docusaurus-plugin-content-docs/current/reference/slices-segments.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Отредактировать эту страницу</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Последнее обновление<!-- --> <b><time datetime="2024-10-07T18:23:06.000Z" itemprop="dateModified">7 окт. 2024 г.</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Навигация по странице документации"><a class="pagination-nav__link pagination-nav__link--prev" href="/ru/docs/reference/layers"><div class="pagination-nav__sublabel">Предыдущая страница</div><div class="pagination-nav__label">Слои</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/ru/docs/reference/public-api"><div class="pagination-nav__sublabel">Следующая страница</div><div class="pagination-nav__label">Public API</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#слайсы" class="table-of-contents__link toc-highlight">Слайсы</a><ul><li><a href="#правило-публичного-api-для-слайсов" class="table-of-contents__link toc-highlight">Правило публичного API для слайсов</a></li></ul></li><li><a href="#сегменты" class="table-of-contents__link toc-highlight">Сегменты</a><ul><li><a href="#примеры" class="table-of-contents__link toc-highlight">Примеры</a></li></ul></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Спецификация</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/ru/docs">Документация</a></li><li class="footer__item"><a class="footer__link-item" href="/ru/community">Сообщество</a></li><li class="footer__item"><a class="footer__link-item" href="/ru/nav">Помощь</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Обсуждения<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Сообщество</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Остальное</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">Лицензия<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/ru/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/ru/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
 </body>
 </html>
\ No newline at end of file
diff --git a/ru/examples.html b/ru/examples.html
index d6c9d80ed1..bd9d81cc13 100644
--- a/ru/examples.html
+++ b/ru/examples.html
@@ -9,8 +9,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/ru/opensearch.xml"><link rel="stylesheet" href="/ru/assets/css/styles.200d81f1.css">
-<script src="/ru/assets/js/runtime~main.d88d86db.js" defer="defer"></script>
-<script src="/ru/assets/js/main.d5dbc580.js" defer="defer"></script>
+<script src="/ru/assets/js/runtime~main.83a61e56.js" defer="defer"></script>
+<script src="/ru/assets/js/main.ba59251d.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Перейти к основному содержимому"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">Перейти к основному содержимому</a></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Переключить навигационную панель" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/ru/"><div class="navbar__logo"><img src="/ru/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/ru/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a class="navbar__item navbar__link" href="/ru/docs">📖 Документация</a><a class="navbar__item navbar__link" href="/ru/community">💫 Сообщество</a><a class="navbar__item navbar__link" href="/ru/blog">📝 Блог</a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/ru/examples">🛠 Примеры</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/ru/docs">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a class="dropdown__link" href="/ru/docs">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/ru/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>Русский</a><ul class="dropdown__menu"><li><a href="/ru/examples" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="ru">Русский</a></li><li><a href="/examples" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/uz/examples" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/examples" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="kr">한국어</a></li><li><a href="/ja/examples" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="Переключение между темным и светлым режимом (сейчас используется Светлый режим)" aria-label="Переключение между темным и светлым режимом (сейчас используется Светлый режим)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="Поиск"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Поиск</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><main class="container margin-vert--lg"><div class="text--center"><h1>Примеры</h1><p>Список сайтов, сделанных людьми с FSD</p><div class="button-group"><a class="button button--primary" href="https://github.com/feature-sliced/documentation/blob/master/src/pages/examples/_config.ts" target="_blank" rel="noreferrer noopener">🙏<!-- --> <!-- -->Добавить пример</a><a class="button button--secondary" href="https://github.com/feature-sliced/examples" target="_blank" rel="noreferrer noopener">Репозиторий</a></div><div class="margin-top--sm"><a href="/versions">См. также список версий</a></div></div><section class="container margin-top--lg"><div class="margin-top--lg"><div class="row"><article class="col col--4 margin-bottom--lg"><article class="card root_v5qN"><div class="card__image preview_MRaB"><div class="ribbon_JKNF">v2</div><div style="background-size:cover;background-repeat:no-repeat;position:relative;background-image:url(&quot;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAGCAIAAAB1kpiRAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAYklEQVR4nFXOMQ5EIQgEUAQZWaCkNxbe/4qb+M1m/+sIkwFiZjNzdwBE1FqjfwDWWnvvqvoccjDzTXjEnLOqMpOIRATAGENVqYu4e2b23p9yEVFVM7sF7fide8a7i4jXL29fuHgDoFe9xoYAAAAASUVORK5CYII=&quot;)"><svg style="width:100%;height:auto;max-width:100%;margin-bottom:-4px" width="640" height="360"></svg><noscript><img style="width:100%;height:auto;max-width:100%;margin-bottom:-4px;position:absolute;top:0;left:0" src="/ru/assets/ideal-img/tiny-bunny.dd60f55.640.png" srcset="/ru/assets/ideal-img/tiny-bunny.dd60f55.640.png 640w,/ru/assets/ideal-img/tiny-bunny.f21aad8.1030.png 1030w" alt="Tiny Bunny Mini Game" width="640" height="360"></noscript></div></div><div class="card__body"><span class="title_xhac">Tiny Bunny Mini Game</span><p class="description_y_AQ">Mini-game &quot;21 points&quot; in the universe of the visual novel &quot;Tiny Bunny&quot;.</p><div class="techList_Nt0m"><span class="techListItem_MNXE">react</span><span class="techListItem_MNXE">redux-toolkit</span><span class="techListItem_MNXE">typescript</span></div></div><div class="card__footer"><div class="button-group button-group--block"><a class="button button--small button--secondary button--block" href="https://sanua356.github.io/tiny-bunny/" target="_blank" rel="noreferrer noopener">Website</a><a class="button button--small button--secondary button--block" href="https://github.com/sanua356/tiny-bunny" target="_blank" rel="noreferrer noopener">Source</a></div></div></article></article><article class="col col--4 margin-bottom--lg"><article class="card root_v5qN"><div class="card__image preview_MRaB"><div class="ribbon_JKNF">v2</div><div style="background-size:cover;background-repeat:no-repeat;position:relative;background-image:url(&quot;data:image/jpeg;base64,/9j/2wBDAAYEBQYFBAYGBQYHBwYIChAKCgkJChQODwwQFxQYGBcUFhYaHSUfGhsjHBYWICwgIyYnKSopGR8tMC0oMCUoKSj/2wBDAQcHBwoIChMKChMoGhYaKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCj/wAARCAAHAAoDASIAAhEBAxEB/8QAFgABAQEAAAAAAAAAAAAAAAAAAAEI/8QAGxAAAgEFAAAAAAAAAAAAAAAAAAERAxJhkdH/xAAUAQEAAAAAAAAAAAAAAAAAAAAA/8QAFBEBAAAAAAAAAAAAAAAAAAAAAP/aAAwDAQACEQMRAD8A1KqcQulsy9gAf//Z&quot;)"><svg style="width:100%;height:auto;max-width:100%;margin-bottom:-4px" width="640" height="420"></svg><noscript><img style="width:100%;height:auto;max-width:100%;margin-bottom:-4px;position:absolute;top:0;left:0" src="/ru/assets/ideal-img/roketo-business.56b7a49.640.jpg" srcset="/ru/assets/ideal-img/roketo-business.56b7a49.640.jpg 640w,/ru/assets/ideal-img/roketo-business.1737b96.774.jpg 774w" alt="Roke.to Business" width="640" height="420"></noscript></div></div><div class="card__body"><span class="title_xhac">Roke.to Business</span><p class="description_y_AQ">Business branch of Roketo, a crypto streaming service which allows paying people by the second</p><div class="techList_Nt0m"><span class="techListItem_MNXE">react</span><span class="techListItem_MNXE">effector</span><span class="techListItem_MNXE">tailwindcss</span><span class="techListItem_MNXE">turbo</span></div></div><div class="card__footer"><div class="button-group button-group--block"><a class="button button--small button--secondary button--block" href="https://github.com/roke-to/roketo-business-ui" target="_blank" rel="noreferrer noopener">Source</a></div></div></article></article><article class="col col--4 margin-bottom--lg"><article class="card root_v5qN"><div class="card__image preview_MRaB"><div class="ribbon_JKNF">v2</div><div style="background-size:cover;background-repeat:no-repeat;position:relative;background-image:url(&quot;data:image/jpeg;base64,/9j/2wBDAAYEBQYFBAYGBQYHBwYIChAKCgkJChQODwwQFxQYGBcUFhYaHSUfGhsjHBYWICwgIyYnKSopGR8tMC0oMCUoKSj/2wBDAQcHBwoIChMKChMoGhYaKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCj/wAARCAAJAAoDASIAAhEBAxEB/8QAFgABAQEAAAAAAAAAAAAAAAAAAwII/8QAGhAAAwEAAwAAAAAAAAAAAAAAAAERAiExUf/EABQBAQAAAAAAAAAAAAAAAAAAAAH/xAAVEQEBAAAAAAAAAAAAAAAAAAAAEf/aAAwDAQACEQMRAD8A1JjLTVU59LVSikCz1kAYH//Z&quot;)"><svg style="width:100%;height:auto;max-width:100%;margin-bottom:-4px" width="640" height="583"></svg><noscript><img style="width:100%;height:auto;max-width:100%;margin-bottom:-4px;position:absolute;top:0;left:0" src="/ru/assets/ideal-img/roketo.a3c9b55.640.jpg" srcset="/ru/assets/ideal-img/roketo.a3c9b55.640.jpg 640w,/ru/assets/ideal-img/roketo.70ec047.1030.jpg 1030w" alt="Roke.to dApp" width="640" height="583"></noscript></div></div><div class="card__body"><span class="title_xhac">Roke.to dApp</span><p class="description_y_AQ">A crypto streaming service which allows paying people by the second</p><div class="techList_Nt0m"><span class="techListItem_MNXE">react</span><span class="techListItem_MNXE">effector</span><span class="techListItem_MNXE">tailwindcss</span></div></div><div class="card__footer"><div class="button-group button-group--block"><a class="button button--small button--secondary button--block" href="https://app2.roke.to/" target="_blank" rel="noreferrer noopener">Website</a><a class="button button--small button--secondary button--block" href="https://github.com/roke-to/roketo-ui" target="_blank" rel="noreferrer noopener">Source</a></div></div></article></article><article class="col col--4 margin-bottom--lg"><article class="card root_v5qN"><div class="card__image preview_MRaB"><div class="ribbon_JKNF">v2</div><div style="background-size:cover;background-repeat:no-repeat;position:relative;background-image:url(&quot;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAFCAYAAAB8ZH1oAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAvElEQVR4nAXBy0oCYRiA4f8+W2aiK2/BXRcQCq4EvQK1ReSRRjyCIpoGExgJOsJk4zji6f++1+cxqGJFuVlFVRCxiAoqAvaGWIuqYvJuRG7qkx15ZEYeL8M1ufGW50VI+nNH4csn7x4xic4/Sccn2drw9PbD46tL7H3FQ21Jqlgi3liS6IaY2vpM07vQ3wkff8IwEnpHZRJcmc7mVFcB9c0FA3A4nel9/3IN94zbLfrVCk6zTNcZEIQRVuEO4Z2vfe539+MAAAAASUVORK5CYII=&quot;)"><svg style="width:100%;height:auto;max-width:100%;margin-bottom:-4px" width="640" height="328"></svg><noscript><img style="width:100%;height:auto;max-width:100%;margin-bottom:-4px;position:absolute;top:0;left:0" src="/ru/assets/ideal-img/it-bookstore.2f6de0a.640.png" srcset="/ru/assets/ideal-img/it-bookstore.2f6de0a.640.png 640w,/ru/assets/ideal-img/it-bookstore.39c4ce7.1030.png 1030w" alt="IT bookstore" width="640" height="328"></noscript></div></div><div class="card__body"><span class="title_xhac">IT bookstore</span><p class="description_y_AQ">Catalog for viewing and searching information technology books</p><div class="techList_Nt0m"><span class="techListItem_MNXE">react</span><span class="techListItem_MNXE">redux toolkit</span><span class="techListItem_MNXE">typescript</span><span class="techListItem_MNXE">react router</span><span class="techListItem_MNXE">vite</span><span class="techListItem_MNXE">scss</span></div></div><div class="card__footer"><div class="button-group button-group--block"><a class="button button--small button--secondary button--block" href="https://umttikhinadasha.github.io/IT-Bookstore/" target="_blank" rel="noreferrer noopener">Website</a><a class="button button--small button--secondary button--block" href="https://github.com/UmttikhinaDasha/IT-Bookstore" target="_blank" rel="noreferrer noopener">Source</a></div></div></article></article><article class="col col--4 margin-bottom--lg"><article class="card root_v5qN"><div class="card__image preview_MRaB"><div class="ribbon_JKNF">v2</div><div style="background-size:cover;background-repeat:no-repeat;position:relative;background-image:url(&quot;data:image/jpeg;base64,/9j/2wBDAAYEBQYFBAYGBQYHBwYIChAKCgkJChQODwwQFxQYGBcUFhYaHSUfGhsjHBYWICwgIyYnKSopGR8tMC0oMCUoKSj/2wBDAQcHBwoIChMKChMoGhYaKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCj/wAARCAAFAAoDASIAAhEBAxEB/8QAFgABAQEAAAAAAAAAAAAAAAAAAAMH/8QAHhAAAgICAgMAAAAAAAAAAAAAAgMBBAARITFykaH/xAAVAQEBAAAAAAAAAAAAAAAAAAAAA//EABcRAQEBAQAAAAAAAAAAAAAAAAEAAiH/2gAMAwEAAhEDEQA/AM1BbmtOu2wZwl1qRLqeVR3rx+5OvRhldRy09kMTPrGMZVO0tBf/2Q==&quot;)"><svg style="width:100%;height:auto;max-width:100%;margin-bottom:-4px" width="640" height="331"></svg><noscript><img style="width:100%;height:auto;max-width:100%;margin-bottom:-4px;position:absolute;top:0;left:0" src="/ru/assets/ideal-img/moke-smoke.aacde86.640.jpg" srcset="/ru/assets/ideal-img/moke-smoke.aacde86.640.jpg 640w,/ru/assets/ideal-img/moke-smoke.2f90276.1030.jpg 1030w" alt="Moke Smoke (React Native example)" width="640" height="331"></noscript></div></div><div class="card__body"><span class="title_xhac">Moke Smoke (React Native example)</span><p class="description_y_AQ">An application that helps you quit smoking, published in the App Store and Google. Developed with React Native</p><div class="techList_Nt0m"><span class="techListItem_MNXE">react</span><span class="techListItem_MNXE">rtk</span><span class="techListItem_MNXE">persist</span><span class="techListItem_MNXE">typescript</span><span class="techListItem_MNXE">firebase</span></div></div><div class="card__footer"><div class="button-group button-group--block"><a class="button button--small button--secondary button--block" href="https://dontsmoke.vasyl.site" target="_blank" rel="noreferrer noopener">Website</a><a class="button button--small button--secondary button--block" href="https://github.com/penteleichuk/Moke-Smoke" target="_blank" rel="noreferrer noopener">Source</a></div></div></article></article><article class="col col--4 margin-bottom--lg"><article class="card root_v5qN"><div class="card__image preview_MRaB"><div class="ribbon_JKNF">v2</div><div style="background-size:cover;background-repeat:no-repeat;position:relative;background-image:url(&quot;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAFCAYAAAB8ZH1oAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAY0lEQVR4nGWOWw7CQAwDe/+zAgW6S5LmMWi3qpCof2xLEyvL7b7yfG081jeZRURSVfxr2VpH1BARVA13n/kC7h70j9Bax2xHzTiOdXYRvYKZSUTMVZ9+ZKgfOFbGbwM+/dToX4BhxGwdRFovAAAAAElFTkSuQmCC&quot;)"><svg style="width:100%;height:auto;max-width:100%;margin-bottom:-4px" width="640" height="331"></svg><noscript><img style="width:100%;height:auto;max-width:100%;margin-bottom:-4px;position:absolute;top:0;left:0" src="/ru/assets/ideal-img/moonlogs.6c8da51.640.png" srcset="/ru/assets/ideal-img/moonlogs.6c8da51.640.png 640w,/ru/assets/ideal-img/moonlogs.bf1bb68.1030.png 1030w" alt="Moonlogs (Effector + Forest example)" width="640" height="331"></noscript></div></div><div class="card__body"><span class="title_xhac">Moonlogs (Effector + Forest example)</span><p class="description_y_AQ">Moonlogs is a business-event logging tool with a built-in user-friendly web interface for easy access to events</p><div class="techList_Nt0m"><span class="techListItem_MNXE">forest</span><span class="techListItem_MNXE">effector</span><span class="techListItem_MNXE">tailwind</span><span class="techListItem_MNXE">typescript</span><span class="techListItem_MNXE">go</span></div></div><div class="card__footer"><div class="button-group button-group--block"><a class="button button--small button--secondary button--block" href="https://github.com/pijng/moonlogs" target="_blank" rel="noreferrer noopener">Source</a></div></div></article></article><article class="col col--4 margin-bottom--lg"><article class="card root_v5qN"><div class="card__image preview_MRaB"><div class="ribbon_JKNF">v2</div><div style="background-size:cover;background-repeat:no-repeat;position:relative;background-image:url(&quot;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAHCAYAAAAxrNxjAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAxklEQVR4nCWPzU4DMQyE8/6Pw4UK9cCVS6tKPACHbgu03WTX+bGTwIeyHD5pbEszY/dyPLM7TOyO/+xPF/aniefD2J95evvg9f2KUy1kVcyUVpWiRtFCtYypsqxCb4YbIuWCxESMedMp6zaP2xwWJGWcSOTzsbJI2hxuXjZGkqTC9b6garh5nhl478k5U1RRVVJKhBC43R/EGHGrCNO3JyxCq4aXjF8z1YywRqaveevtzIzaf2m9k8t4xFCrm2trndp/6L3zB/m1CjKv8gkqAAAAAElFTkSuQmCC&quot;)"><svg style="width:100%;height:auto;max-width:100%;margin-bottom:-4px" width="640" height="479"></svg><noscript><img style="width:100%;height:auto;max-width:100%;margin-bottom:-4px;position:absolute;top:0;left:0" src="/ru/assets/ideal-img/react-query-example.774ff87.640.png" srcset="/ru/assets/ideal-img/react-query-example.774ff87.640.png 640w,/ru/assets/ideal-img/react-query-example.94414c9.816.png 816w" alt="Posts (React Query example)" width="640" height="479"></noscript></div></div><div class="card__body"><span class="title_xhac">Posts (React Query example)</span><p class="description_y_AQ">Example of using FSD with React Query (Mutation, Query, Pagination)</p><div class="techList_Nt0m"><span class="techListItem_MNXE">react</span><span class="techListItem_MNXE">react-query</span><span class="techListItem_MNXE">typescript</span><span class="techListItem_MNXE">material ui</span></div></div><div class="card__footer"><div class="button-group button-group--block"><a class="button button--small button--secondary button--block" href="https://fsd-react-query-example.vercel.app/" target="_blank" rel="noreferrer noopener">Website</a><a class="button button--small button--secondary button--block" href="https://github.com/ruslan4432013/fsd-react-query-example" target="_blank" rel="noreferrer noopener">Source</a></div></div></article></article><article class="col col--4 margin-bottom--lg"><article class="card root_v5qN"><div class="card__image preview_MRaB"><div class="ribbon_JKNF">v2</div><div style="background-size:cover;background-repeat:no-repeat;position:relative;background-image:url(&quot;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAFCAYAAAB8ZH1oAAAACXBIWXMAABJ0AAASdAHeZh94AAAAb0lEQVR4nG3OSQ7CMBBEUV8GgRhkt91uOw5DgiK4/4k+CsMiEYu3K32Vi8nwQdHckFSRWBaCZGqdcCefUOvxYngpn/FKiAW3OxwRLQz3B5fbRPqVFzrcZrtnrl7HJ10//C3OvkOlthG19r6xlu3MC/v1UKrA7p2wAAAAAElFTkSuQmCC&quot;)"><svg style="width:100%;height:auto;max-width:100%;margin-bottom:-4px" width="640" height="290"></svg><noscript><img style="width:100%;height:auto;max-width:100%;margin-bottom:-4px;position:absolute;top:0;left:0" src="/ru/assets/ideal-img/falkchat.39ad979.640.png" srcset="/ru/assets/ideal-img/falkchat.39ad979.640.png 640w,/ru/assets/ideal-img/falkchat.fcb09ea.1030.png 1030w" alt="FalkChat" width="640" height="290"></noscript></div></div><div class="card__body"><span class="title_xhac">FalkChat</span><p class="description_y_AQ">FalkChat is your go-to destination for seamless and engaging online conversations.</p><div class="techList_Nt0m"><span class="techListItem_MNXE">react</span><span class="techListItem_MNXE">next</span><span class="techListItem_MNXE">prettier</span><span class="techListItem_MNXE">clerk</span><span class="techListItem_MNXE">typescript</span><span class="techListItem_MNXE">tailwind</span><span class="techListItem_MNXE">shadcn/ui</span><span class="techListItem_MNXE">zustand</span></div></div><div class="card__footer"><div class="button-group button-group--block"><a class="button button--small button--secondary button--block" href="https://chat.falkomer.tech" target="_blank" rel="noreferrer noopener">Website</a><a class="button button--small button--secondary button--block" href="https://github.com/falkomerr/falkchat" target="_blank" rel="noreferrer noopener">Source</a></div></div></article></article><article class="col col--4 margin-bottom--lg"><article class="card root_v5qN"><div class="card__image preview_MRaB"><div class="ribbon_JKNF">v2</div><div style="background-size:cover;background-repeat:no-repeat;position:relative;background-image:url(&quot;data:image/jpeg;base64,/9j/2wBDAAYEBQYFBAYGBQYHBwYIChAKCgkJChQODwwQFxQYGBcUFhYaHSUfGhsjHBYWICwgIyYnKSopGR8tMC0oMCUoKSj/2wBDAQcHBwoIChMKChMoGhYaKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCj/wAARCAAGAAoDASIAAhEBAxEB/8QAFgABAQEAAAAAAAAAAAAAAAAAAAYI/8QAHhAAAgICAgMAAAAAAAAAAAAAAQIDBAAFESExUWH/xAAVAQEBAAAAAAAAAAAAAAAAAAABAv/EABgRAQADAQAAAAAAAAAAAAAAAAEAAhEh/9oADAMBAAIRAxEAPwDQO+1O5vbAPUtRQVlUhAliaNifoXr3lNGvEahuCwABPnGMA5Ksu5P/2Q==&quot;)"><svg style="width:100%;height:auto;max-width:100%;margin-bottom:-4px" width="640" height="366"></svg><noscript><img style="width:100%;height:auto;max-width:100%;margin-bottom:-4px;position:absolute;top:0;left:0" src="/ru/assets/ideal-img/polka.4ba359f.640.jpg" srcset="/ru/assets/ideal-img/polka.4ba359f.640.jpg 640w,/ru/assets/ideal-img/polka.9df2a2f.1030.jpg 1030w" alt="Polka" width="640" height="366"></noscript></div></div><div class="card__body"><span class="title_xhac">Polka</span><p class="description_y_AQ">The application is a bookshelf where you can add your favorite books. The application works with the Google Books API.</p><div class="techList_Nt0m"><span class="techListItem_MNXE">vue3</span><span class="techListItem_MNXE">pinia</span><span class="techListItem_MNXE">typescript</span><span class="techListItem_MNXE">vue-router</span><span class="techListItem_MNXE">eslint</span><span class="techListItem_MNXE">prettier</span><span class="techListItem_MNXE">vite</span><span class="techListItem_MNXE">vuetify</span></div></div><div class="card__footer"><div class="button-group button-group--block"><a class="button button--small button--secondary button--block" href="https://polka-fsd.netlify.app/" target="_blank" rel="noreferrer noopener">Website</a><a class="button button--small button--secondary button--block" href="https://github.com/lollipopfly/polka" target="_blank" rel="noreferrer noopener">Source</a></div></div></article></article><article class="col col--4 margin-bottom--lg"><article class="card root_v5qN"><div class="card__image preview_MRaB"><div class="ribbon_JKNF">v2</div><div style="background-size:cover;background-repeat:no-repeat;position:relative;background-image:url(&quot;data:image/jpeg;base64,/9j/2wBDAAYEBQYFBAYGBQYHBwYIChAKCgkJChQODwwQFxQYGBcUFhYaHSUfGhsjHBYWICwgIyYnKSopGR8tMC0oMCUoKSj/2wBDAQcHBwoIChMKChMoGhYaKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCj/wAARCAAHAAoDASIAAhEBAxEB/8QAFgABAQEAAAAAAAAAAAAAAAAAAAYH/8QAIBAAAgICAgIDAAAAAAAAAAAAAQIDBAARBTESIQYTYf/EABQBAQAAAAAAAAAAAAAAAAAAAAH/xAAVEQEBAAAAAAAAAAAAAAAAAAAAEf/aAAwDAQACEQMRAD8AzyjP8dj4qSlNfoSzFHb7peMkaUEqAF8vLWgejrv3+ZM2hx0lqZ0uxIrOSFSqwUDfQG/QxjGiP//Z&quot;)"><svg style="width:100%;height:auto;max-width:100%;margin-bottom:-4px" width="640" height="445"></svg><noscript><img style="width:100%;height:auto;max-width:100%;margin-bottom:-4px;position:absolute;top:0;left:0" src="/ru/assets/ideal-img/fake-cyber-web-store.e8fb321.640.jpg" srcset="/ru/assets/ideal-img/fake-cyber-web-store.e8fb321.640.jpg 640w,/ru/assets/ideal-img/fake-cyber-web-store.19be0d9.1030.jpg 1030w" alt="Fake Cyber Web Store" width="640" height="445"></noscript></div></div><div class="card__body"><span class="title_xhac">Fake Cyber Web Store</span><p class="description_y_AQ">Example web store on Vue3</p><div class="techList_Nt0m"><span class="techListItem_MNXE">vue3</span><span class="techListItem_MNXE">pinia</span><span class="techListItem_MNXE">typescript</span><span class="techListItem_MNXE">firebase</span><span class="techListItem_MNXE">vue-router</span><span class="techListItem_MNXE">eslint</span><span class="techListItem_MNXE">prettier</span><span class="techListItem_MNXE">vite</span></div></div><div class="card__footer"><div class="button-group button-group--block"><a class="button button--small button--secondary button--block" href="https://akosogorov.github.io/fake-cyber-web-store/" target="_blank" rel="noreferrer noopener">Website</a><a class="button button--small button--secondary button--block" href="https://github.com/AKosogorov/fake-cyber-web-store" target="_blank" rel="noreferrer noopener">Source</a></div></div></article></article><article class="col col--4 margin-bottom--lg"><article class="card root_v5qN"><div class="card__image preview_MRaB"><div class="ribbon_JKNF">v2</div><div style="background-size:cover;background-repeat:no-repeat;position:relative;background-image:url(&quot;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAGCAYAAAD68A/GAAAACXBIWXMAAAsTAAALEwEAmpwYAAAA1klEQVR4nCXKy0rDQBiA0ewFMVo6uWcaJ7+TiZRo0sQIWkRoRbxsuip1oztfwCdy4wu4E9/sc+FZH885RymWKIpJkowwjKhdjSlPSLOcOElRKsCzImidU502FKYkDAOsrRApMcZQVdV/NOLQueBKochmaG0YxxH/aErbDWhdICJ4By/fjItPvm5CftcfPLz9YK8bWklZXswpZgVNbfEmw4bhcseu07z2Tyz6LVerJe+bnu39GUPb8ry6xfODPe4e19TnDXromKt9jrVGRQH+4YQkjpgqxR8W8FySOwU2BwAAAABJRU5ErkJggg==&quot;)"><svg style="width:100%;height:auto;max-width:100%;margin-bottom:-4px" width="640" height="373"></svg><noscript><img style="width:100%;height:auto;max-width:100%;margin-bottom:-4px;position:absolute;top:0;left:0" src="/ru/assets/ideal-img/vkaudiopad.b2e6ff1.640.png" srcset="/ru/assets/ideal-img/vkaudiopad.b2e6ff1.640.png 640w,/ru/assets/ideal-img/vkaudiopad.2e724df.1030.png 1030w" alt="VK Audiopad" width="640" height="373"></noscript></div></div><div class="card__body"><span class="title_xhac">VK Audiopad</span><p class="description_y_AQ">Chrome extension for VK Music</p><div class="techList_Nt0m"><span class="techListItem_MNXE">react</span><span class="techListItem_MNXE">vkui</span><span class="techListItem_MNXE">typescript</span></div></div><div class="card__footer"><div class="button-group button-group--block"><a class="button button--small button--secondary button--block" href="https://chrome.google.com/webstore/detail/plclpmphdjmdgmdpfkcmdkmohgpfecip" target="_blank" rel="noreferrer noopener">Website</a><a class="button button--small button--secondary button--block" href="https://github.com/vissh/vkui-audiopad" target="_blank" rel="noreferrer noopener">Source</a></div></div></article></article><article class="col col--4 margin-bottom--lg"><article class="card root_v5qN"><div class="card__image preview_MRaB"><div class="ribbon_JKNF">v2</div><div style="background-size:cover;background-repeat:no-repeat;position:relative;background-image:url(&quot;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAFCAYAAAB8ZH1oAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAjElEQVR4nG2NPQrCQBhE93wewMIj2duLpxCsAl5AFLW1sDQkJGb3+8k+2RU7B4aBmYEXLg+huSeam3E4G8/Wgcw8Z3IuOROTEXbHnuX2ymozsFgP7E9Ckfn3+HPou44pvjFT2u6FiKBqSJpwN1ISzJwwxYiq1mKMI+6OmaGiFVu2kkHUMPd6yLlS/+oD81i++VZUEfgAAAAASUVORK5CYII=&quot;)"><svg style="width:100%;height:auto;max-width:100%;margin-bottom:-4px" width="640" height="299"></svg><noscript><img style="width:100%;height:auto;max-width:100%;margin-bottom:-4px;position:absolute;top:0;left:0" src="/ru/assets/ideal-img/cryptolight.eabc473.640.png" srcset="/ru/assets/ideal-img/cryptolight.eabc473.640.png 640w,/ru/assets/ideal-img/cryptolight.741f5ae.1030.png 1030w" alt="Сryptolight" width="640" height="299"></noscript></div></div><div class="card__body"><span class="title_xhac">Сryptolight</span><p class="description_y_AQ">Cryptocurrency review site based on Feature-Sliced Design (Architectural methodology for frontend projects).</p><div class="techList_Nt0m"><span class="techListItem_MNXE">react</span><span class="techListItem_MNXE">effector</span><span class="techListItem_MNXE">nextui</span><span class="techListItem_MNXE">typescript</span><span class="techListItem_MNXE">vite</span></div></div><div class="card__footer"><div class="button-group button-group--block"><a class="button button--small button--secondary button--block" href="http://crypto-light.space/" target="_blank" rel="noreferrer noopener">Website</a><a class="button button--small button--secondary button--block" href="https://github.com/Yar56/cryptolight" target="_blank" rel="noreferrer noopener">Source</a></div></div></article></article><article class="col col--4 margin-bottom--lg"><article class="card root_v5qN"><div class="card__image preview_MRaB"><div class="ribbon_JKNF">v2</div><div style="background-size:cover;background-repeat:no-repeat;position:relative;background-image:url(&quot;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAACXBIWXMAAAsTAAALEwEAmpwYAAABMUlEQVR4nCWQSU7DUBBEfQmQEk9/cAweg53vzEzBgkUkJrFALGARxB5xAbgAQnAPOOJD/lm01GqVquuVI6MGFY+RaoRQI3Q8QWlDKGvUYIKKGqQ2OIE4ILQzpO+m7LopO72EXj/BD4d4QYkXFDhC1VTmnDhZ0PdSNrcbnu9e6LkJhxdrbtsbpKhwdGRo23uKqrXC389v/r5+cL2MZr5mMV0jtsIxs8U1aXmK5xe8vz7y8faEH5ZkxYr9/JhQ1TiBrBDqAD8obBYdN0hV4fm5BdMDQ8dhYaKOOjL2tVCGLrfrpfbWNRCI4RbGTC7ZS5d4fkZdn7GfHVnHrFyR5CdI3eBIXdOeP5AWK+uynF2QD7s9Zzy/Yrq8sRGcrnA9mKDjmS18kBwSJ0uENmTlqXXV8ZR/dJ2b1OvCcEQAAAAASUVORK5CYII=&quot;)"><svg style="width:100%;height:auto;max-width:100%;margin-bottom:-4px" width="640" height="626"></svg><noscript><img style="width:100%;height:auto;max-width:100%;margin-bottom:-4px;position:absolute;top:0;left:0" src="/ru/assets/ideal-img/moneyflow.ec991f6.640.png" srcset="/ru/assets/ideal-img/moneyflow.ec991f6.640.png 640w,/ru/assets/ideal-img/moneyflow.f27bbad.1030.png 1030w" alt="Money Flow" width="640" height="626"></noscript></div></div><div class="card__body"><span class="title_xhac">Money Flow</span><p class="description_y_AQ">A mobile application for tracking your expenses and incomes.</p><div class="techList_Nt0m"><span class="techListItem_MNXE">capacitorjs</span><span class="techListItem_MNXE">react</span><span class="techListItem_MNXE">react-router</span><span class="techListItem_MNXE">zustand</span><span class="techListItem_MNXE">vite</span><span class="techListItem_MNXE">typescript</span><span class="techListItem_MNXE">mobile</span><span class="techListItem_MNXE">android</span><span class="techListItem_MNXE">ios</span></div></div><div class="card__footer"><div class="button-group button-group--block"><a class="button button--small button--secondary button--block" href="https://github.com/moneyflow-dev/moneyflow" target="_blank" rel="noreferrer noopener">Source</a></div></div></article></article><article class="col col--4 margin-bottom--lg"><article class="card root_v5qN"><div class="card__image preview_MRaB"><div class="ribbon_JKNF">v2</div><div style="background-size:cover;background-repeat:no-repeat;position:relative;background-image:url(&quot;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAFCAYAAAB8ZH1oAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAgUlEQVR4nEWOuwoCQQxF5/+xtNnSxs7PsF3wF2YEYZYpVtiVeSRHElEDedzkJjcBoPduCVWltebYarMxhufg8UOj90FKiRjjj/i1YI3/trDvL/dHKTy3DVXxuRNzzqQYqbUiInac+5Ip64qKOnbpy/nEdDxwm68ubz/agv0rRkR5A077wWNjtiUrAAAAAElFTkSuQmCC&quot;)"><svg style="width:100%;height:auto;max-width:100%;margin-bottom:-4px" width="640" height="321"></svg><noscript><img style="width:100%;height:auto;max-width:100%;margin-bottom:-4px;position:absolute;top:0;left:0" src="/ru/assets/ideal-img/e-commerce.a9cf87f.640.png" srcset="/ru/assets/ideal-img/e-commerce.a9cf87f.640.png 640w,/ru/assets/ideal-img/e-commerce.de058bd.1030.png 1030w" alt="E-Commerce" width="640" height="321"></noscript></div></div><div class="card__body"><span class="title_xhac">E-Commerce</span><p class="description_y_AQ">This project is an online store built using React. It provides the ability to view the product catalog and product pages</p><div class="techList_Nt0m"><span class="techListItem_MNXE">react</span><span class="techListItem_MNXE">mobx</span><span class="techListItem_MNXE">webpack</span><span class="techListItem_MNXE">typescript</span><span class="techListItem_MNXE">ssr</span></div></div><div class="card__footer"><div class="button-group button-group--block"><a class="button button--small button--secondary button--block" href="https://ruslan4432013.github.io/e-commerce-kts/" target="_blank" rel="noreferrer noopener">Website</a><a class="button button--small button--secondary button--block" href="https://github.com/ruslan4432013/e-commerce-kts" target="_blank" rel="noreferrer noopener">Source</a></div></div></article></article><article class="col col--4 margin-bottom--lg"><article class="card root_v5qN"><div class="card__image preview_MRaB"><div class="ribbon_JKNF">v2</div><div style="background-size:cover;background-repeat:no-repeat;position:relative;background-image:url(&quot;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAFCAYAAAB8ZH1oAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAkElEQVR4nFXOwQqCQBSFYd+6IFppo3ZnRiM3ShIZQVjZoojA3iurxR9aUV04cOB8i+uICCKacRiQZin7w5lLXTPPZ4S+j2hNaxytNXFk6Q9HLMsjnyvKE72BSxRZWtNBaw2u51Os1jT3B9fmRpYv8FSAMeYLu4iQJFOqake52RLHE7SW1/YH378opbq0/Xd7Arkoi+KchMB/AAAAAElFTkSuQmCC&quot;)"><svg style="width:100%;height:auto;max-width:100%;margin-bottom:-4px" width="640" height="312"></svg><noscript><img style="width:100%;height:auto;max-width:100%;margin-bottom:-4px;position:absolute;top:0;left:0" src="/ru/assets/ideal-img/todo-vue-pinia.0fbcdd9.640.png" srcset="/ru/assets/ideal-img/todo-vue-pinia.0fbcdd9.640.png 640w,/ru/assets/ideal-img/todo-vue-pinia.db151a8.1030.png 1030w" alt="Todo app (Vue 3 + Pinia)" width="640" height="312"></noscript></div></div><div class="card__body"><span class="title_xhac">Todo app (Vue 3 + Pinia)</span><p class="description_y_AQ">QuickStart todo-app example for Vue developers with pinia store</p><div class="techList_Nt0m"><span class="techListItem_MNXE">vue 3</span><span class="techListItem_MNXE">pinia</span><span class="techListItem_MNXE">vite</span><span class="techListItem_MNXE">typescript</span></div></div><div class="card__footer"><div class="button-group button-group--block"><a class="button button--small button--secondary button--block" href="https://fsd-tasks.netlify.app/" target="_blank" rel="noreferrer noopener">Website</a><a class="button button--small button--secondary button--block" href="https://github.com/hoach-linux/fsd-vue-antd" target="_blank" rel="noreferrer noopener">Source</a></div></div></article></article><article class="col col--4 margin-bottom--lg"><article class="card root_v5qN"><div class="card__image preview_MRaB"><div class="ribbon_JKNF">v2</div><div style="background-size:cover;background-repeat:no-repeat;position:relative;background-image:url(&quot;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAHCAYAAAAxrNxjAAAACXBIWXMAABJ0AAASdAHeZh94AAAAtklEQVR4nFWOwWoCQRBE59MFQT0a/0DY9Sh+hCGggeSUFTyLeBOjOz3dM/PCjBi0oKiiu7po13Yt8585RZuuYblfstqvql/sWtquqTs33o4ZbUZMPieV068ps+83ynywHjD8GFbvyBD6QLRIskTUu5oa7+sNx8OJApdy4vp7RYKgqgQNd5qipqSUyGRcSfe3Hi+ChIAUFSHGWJsecOTM5Xzh5nu89/8sR69BIIhgZrXlwfLSc/AP/FEAChfiHhAAAAAASUVORK5CYII=&quot;)"><svg style="width:100%;height:auto;max-width:100%;margin-bottom:-4px" width="640" height="427"></svg><noscript><img style="width:100%;height:auto;max-width:100%;margin-bottom:-4px;position:absolute;top:0;left:0" src="/ru/assets/ideal-img/conduit.f4d5ff9.640.png" srcset="/ru/assets/ideal-img/conduit.f4d5ff9.640.png 640w,/ru/assets/ideal-img/conduit.f876505.1030.png 1030w" alt="Conduit" width="640" height="427"></noscript></div></div><div class="card__body"><span class="title_xhac">Conduit</span><p class="description_y_AQ">A social blogging site powered by Feature-Sliced Design architectural methodology.</p><div class="techList_Nt0m"><span class="techListItem_MNXE">react</span><span class="techListItem_MNXE">react-router</span><span class="techListItem_MNXE">react-query</span><span class="techListItem_MNXE">zustand</span><span class="techListItem_MNXE">vite</span><span class="techListItem_MNXE">typescript</span></div></div><div class="card__footer"><div class="button-group button-group--block"><a class="button button--small button--secondary button--block" href="https://realworld-fsd.netlify.app/" target="_blank" rel="noreferrer noopener">Website</a><a class="button button--small button--secondary button--block" href="https://github.com/sldk-yuri/realworld-react-fsd" target="_blank" rel="noreferrer noopener">Source</a></div></div></article></article><article class="col col--4 margin-bottom--lg"><article class="card root_v5qN"><div class="card__image preview_MRaB"><div class="ribbon_JKNF">v2</div><div style="background-size:cover;background-repeat:no-repeat;position:relative;background-image:url(&quot;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAGCAYAAAD68A/GAAAACXBIWXMAAAsTAAALEwEAmpwYAAAA10lEQVR4nAXB606CYACAYbbGAj74kIOA4gIVGcrJMMaUf/3osLXVWlt2FV2BP7uTus6351E0QyCkz7VuogmJLmxU3UE1PK40GyuasaxalPMYoRkG63VOU7ZEaU1RHdl392x2I8nzA99/vyiXj4zTNiRbLanKhlm+Z6hWdEVGnWc8fZ35vPygvPcBm9hikZUk9UC4Hdj1I01/oigr7tpbkvyAEvsmbjDFDeYIe4p0Avw4JVwkOJ6H59pIV6LMDZWjL3h9PPD2MqCaEc7EQ8oJlptyE5YUy45/2+FVhPvR2VIAAAAASUVORK5CYII=&quot;)"><svg style="width:100%;height:auto;max-width:100%;margin-bottom:-4px" width="640" height="360"></svg><noscript><img style="width:100%;height:auto;max-width:100%;margin-bottom:-4px;position:absolute;top:0;left:0" src="/ru/assets/ideal-img/kinomore.53d816d.640.png" srcset="/ru/assets/ideal-img/kinomore.53d816d.640.png 640w,/ru/assets/ideal-img/kinomore.fca4c32.1030.png 1030w" alt="Kinomore (React+Effector)" width="640" height="360"></noscript></div></div><div class="card__body"><span class="title_xhac">Kinomore (React+Effector)</span><p class="description_y_AQ">Large project on the effector/fsd stack</p><div class="techList_Nt0m"><span class="techListItem_MNXE">react</span><span class="techListItem_MNXE">effector</span><span class="techListItem_MNXE">typescript</span><span class="techListItem_MNXE">nextjs</span><span class="techListItem_MNXE">react-testing-library</span></div></div><div class="card__footer"><div class="button-group button-group--block"><a class="button button--small button--secondary button--block" href="https://kinomore.netlify.app/" target="_blank" rel="noreferrer noopener">Website</a><a class="button button--small button--secondary button--block" href="https://github.com/Shiyan7/kinomore-v2" target="_blank" rel="noreferrer noopener">Source</a></div></div></article></article><article class="col col--4 margin-bottom--lg"><article class="card root_v5qN"><div class="card__image preview_MRaB"><div class="ribbon_JKNF">v2</div><div style="background-size:cover;background-repeat:no-repeat;position:relative;background-image:url(&quot;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAGCAYAAAD68A/GAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAnElEQVR4nE3OOw7CMBREUfZMz6KoaKgo2AFFRINAICGLxJ/3HDvYF8VIhGK6o5lZAYy5kqZCKYXBeVwQaq28S6HWWcCqwZTwogRRfFDimLCScTq1gh/0mnj2DudDiw2Rm1GuRrEyLVBiwgxf1Jo1Mjilt0Ic8wLnqRkMThBVHi/hePYcOs/FpP+Puf0LEslj5HRXNjvLetuz72KDHz325wCKvSmhAAAAAElFTkSuQmCC&quot;)"><svg style="width:100%;height:auto;max-width:100%;margin-bottom:-4px" width="640" height="360"></svg><noscript><img style="width:100%;height:auto;max-width:100%;margin-bottom:-4px;position:absolute;top:0;left:0" src="/ru/assets/ideal-img/sudoku.adbf6dd.640.png" srcset="/ru/assets/ideal-img/sudoku.adbf6dd.640.png 640w,/ru/assets/ideal-img/sudoku.dce19b5.1030.png 1030w" alt="Sudoku (React+Effector)" width="640" height="360"></noscript></div></div><div class="card__body"><span class="title_xhac">Sudoku (React+Effector)</span><p class="description_y_AQ">A simple crossword of numbers on effector / fsd</p><div class="techList_Nt0m"><span class="techListItem_MNXE">react</span><span class="techListItem_MNXE">effector</span><span class="techListItem_MNXE">typescript</span><span class="techListItem_MNXE">vite</span><span class="techListItem_MNXE">tailwind</span><span class="techListItem_MNXE">atomic-router</span></div></div><div class="card__footer"><div class="button-group button-group--block"><a class="button button--small button--secondary button--block" href="https://sudoku-effector.pages.dev/" target="_blank" rel="noreferrer noopener">Website</a><a class="button button--small button--secondary button--block" href="https://github.com/Shiyan7/sudoku-effector" target="_blank" rel="noreferrer noopener">Source</a></div></div></article></article><article class="col col--4 margin-bottom--lg"><article class="card root_v5qN"><div class="card__image preview_MRaB"><div class="ribbon_JKNF">v2</div><div style="background-size:cover;background-repeat:no-repeat;position:relative;background-image:url(&quot;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAGCAYAAAD68A/GAAAACXBIWXMAABYlAAAWJQFJUiTwAAAA4ElEQVR4nAXBS06DUABAUQZNGrB9hIKvASmkvvA3Uk2xKLSNqTGi6diBdWLiCvyNXIIjV+HMBbi36znaY7vjbfXJQ/hMPCpJnBMis6TaX3IZdLwWH7xk72ihmePJiKNlx8SfYeoStWiJihan73NR37Fu7tGEbpMM9qj9kJ5hEhiC27FiKBz0Xp9kYOEKD20RKn42c77VisBy+arO+K1OCYXDU5Xyt23ZqhTNdwts6SKEj3Qz5PgAwzIZyRhvohhKC8eeos2zjvxwzdSrOc5uKOMNyjsnj66YpdcoryFyG/4BLrxaqXjXb/UAAAAASUVORK5CYII=&quot;)"><svg style="width:100%;height:auto;max-width:100%;margin-bottom:-4px" width="640" height="396"></svg><noscript><img style="width:100%;height:auto;max-width:100%;margin-bottom:-4px;position:absolute;top:0;left:0" src="/ru/assets/ideal-img/nukeapp.a191248.640.png" srcset="/ru/assets/ideal-img/nukeapp.a191248.640.png 640w,/ru/assets/ideal-img/nukeapp.f8e32db.1030.png 1030w" alt="Nukeapp (React+ReduxToolkit)" width="640" height="396"></noscript></div></div><div class="card__body"><span class="title_xhac">Nukeapp (React+ReduxToolkit)</span><p class="description_y_AQ">Shopping app build on React/ReduxToolkit stack</p><div class="techList_Nt0m"><span class="techListItem_MNXE">react</span><span class="techListItem_MNXE">redux-toolkit</span><span class="techListItem_MNXE">typescript</span><span class="techListItem_MNXE">vite</span></div></div><div class="card__footer"><div class="button-group button-group--block"><a class="button button--small button--secondary button--block" href="https://nukeapp.netlify.app/" target="_blank" rel="noreferrer noopener">Website</a><a class="button button--small button--secondary button--block" href="https://github.com/noveogroup-amorgunov/nukeapp" target="_blank" rel="noreferrer noopener">Source</a></div></div></article></article><article class="col col--4 margin-bottom--lg"><article class="card root_v5qN"><div class="card__image preview_MRaB"><div class="ribbon_JKNF">v2</div><div style="background-size:cover;background-repeat:no-repeat;position:relative;background-image:url(&quot;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAFCAYAAAB8ZH1oAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAk0lEQVR4nGWMsQ7BUBiF+xqe0S5MHsCmxGQXi9Fg1JJIjCysvUPbtJUO5d77/58oBnGSk+8MJ18wP5QMNxcG6xOzfcE4SgnjjDDKWk7inOkuJwBQaXC2RlVQcT/9JvCiiIIqvLYTpXSCVRDvcckZV5q3sbV+aB6eUVJxtUBlkF4HXXb/j7VXtreGQoB7ja76cFzwBCkDuWJkHI3CAAAAAElFTkSuQmCC&quot;)"><svg style="width:100%;height:auto;max-width:100%;margin-bottom:-4px" width="640" height="314"></svg><noscript><img style="width:100%;height:auto;max-width:100%;margin-bottom:-4px;position:absolute;top:0;left:0" src="/ru/assets/ideal-img/greenhouse.2358c1a.640.png" srcset="/ru/assets/ideal-img/greenhouse.2358c1a.640.png 640w,/ru/assets/ideal-img/greenhouse.d85b70a.1030.png 1030w" alt="Simple Greenhouse App (React+MobX)" width="640" height="314"></noscript></div></div><div class="card__body"><span class="title_xhac">Simple Greenhouse App (React+MobX)</span><p class="description_y_AQ">Simple demonstration of how FSD can be implemented with TypeScript, React.js, MobX and Firebase</p><div class="techList_Nt0m"><span class="techListItem_MNXE">react</span><span class="techListItem_MNXE">mobx</span><span class="techListItem_MNXE">typescript</span><span class="techListItem_MNXE">firebase</span><span class="techListItem_MNXE">mui</span><span class="techListItem_MNXE">vite</span></div></div><div class="card__footer"><div class="button-group button-group--block"><a class="button button--small button--secondary button--block" href="https://github.com/NIRumiantsev/feature-sliced-design" target="_blank" rel="noreferrer noopener">Source</a></div></div></article></article><article class="col col--4 margin-bottom--lg"><article class="card root_v5qN"><div class="card__image preview_MRaB"><div class="ribbon_JKNF">v2</div><div style="background-size:cover;background-repeat:no-repeat;position:relative;background-image:url(&quot;data:image/png;base64,/9j/2wBDAAYEBQYFBAYGBQYHBwYIChAKCgkJChQODwwQFxQYGBcUFhYaHSUfGhsjHBYWICwgIyYnKSopGR8tMC0oMCUoKSj/2wBDAQcHBwoIChMKChMoGhYaKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCj/wAARCAAHAAoDASIAAhEBAxEB/8QAFQABAQAAAAAAAAAAAAAAAAAAAAf/xAAiEAABBAECBwAAAAAAAAAAAAABAAIDBQQGBxESITVBkdL/xAAUAQEAAAAAAAAAAAAAAAAAAAAA/8QAFBEBAAAAAAAAAAAAAAAAAAAAAP/aAAwDAQACEQMRAD8AvurqyW70nZ1ePLHFLmY74WvkB5Wk+Tw6qFjYW8I7xUepflEQf//Z&quot;)"><svg style="width:100%;height:auto;max-width:100%;margin-bottom:-4px" width="640" height="462"></svg><noscript><img style="width:100%;height:auto;max-width:100%;margin-bottom:-4px;position:absolute;top:0;left:0" src="/ru/assets/ideal-img/fs-rn-todo-app.efe4008.640.png" srcset="/ru/assets/ideal-img/fs-rn-todo-app.efe4008.640.png 640w,/ru/assets/ideal-img/fs-rn-todo-app.19be902.1030.png 1030w" alt="Todo App (ReactNative+Redux)" width="640" height="462"></noscript></div></div><div class="card__body"><span class="title_xhac">Todo App (ReactNative+Redux)</span><p class="description_y_AQ">QuickStart todo-app example for ReactNative(Expo) developers</p><div class="techList_Nt0m"><span class="techListItem_MNXE">react-native</span><span class="techListItem_MNXE">expo</span><span class="techListItem_MNXE">redux</span></div></div><div class="card__footer"><div class="button-group button-group--block"><a class="button button--small button--secondary button--block" href="https://github.com/berdimyradov/fs-rn-todo-app" target="_blank" rel="noreferrer noopener">Source</a></div></div></article></article><article class="col col--4 margin-bottom--lg"><article class="card root_v5qN"><div class="card__image preview_MRaB"><div class="ribbon_JKNF">v2</div><div style="background-size:cover;background-repeat:no-repeat;position:relative;background-image:url(&quot;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAGCAYAAAD68A/GAAAACXBIWXMAABJ0AAASdAHeZh94AAAA2ElEQVR4nEXKy0rDQABA0fyHGyVtTWeSzEyaJiTUmAR89rEQFK0m5BuEqqBF/E1xr4hr0c1c0Y1nfZw4L2ycF6gkpyc1rtAIk6DGGTqdUE876vkcZ+gruy0CkjSnXV7RtR3Fbk3fkwgdsThrODxa4Pgqslt9j+biks/nF3h9Y31zx8amix4l7J2cU81O/2O7bLDvH/D1zeP9+i+GZkxaHRCX+zgyNHYgAoqi4uF6xdPqlunxjJ4n8VVElJWYrMQRgbYyNPxm1zcM1Ij+0EcGGhFoVDJBpTv8ADojbmp+UdkUAAAAAElFTkSuQmCC&quot;)"><svg style="width:100%;height:auto;max-width:100%;margin-bottom:-4px" width="640" height="360"></svg><noscript><img style="width:100%;height:auto;max-width:100%;margin-bottom:-4px;position:absolute;top:0;left:0" src="/ru/assets/ideal-img/rastrr-editor.9ad239d.640.png" srcset="/ru/assets/ideal-img/rastrr-editor.9ad239d.640.png 640w,/ru/assets/ideal-img/rastrr-editor.4ac8d84.1030.png 1030w" alt="Rastrr" width="640" height="360"></noscript></div></div><div class="card__body"><span class="title_xhac">Rastrr</span><p class="description_y_AQ">A simple and free graphic editor for novice artists</p><div class="techList_Nt0m"><span class="techListItem_MNXE">svelte</span></div></div><div class="card__footer"><div class="button-group button-group--block"><a class="button button--small button--secondary button--block" href="https://rastrr.ru" target="_blank" rel="noreferrer noopener">Website</a><a class="button button--small button--secondary button--block" href="https://github.com/rastrr-editor/client" target="_blank" rel="noreferrer noopener">Source</a></div></div></article></article><article class="col col--4 margin-bottom--lg"><article class="card root_v5qN"><div class="card__image preview_MRaB"><div class="ribbon_JKNF">v2</div><div style="background-size:cover;background-repeat:no-repeat;position:relative;background-image:url(&quot;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAGCAYAAAD68A/GAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAlklEQVR4nFWOuw7CMAxF++1M7Cx8DgMSIITYQWwg0TRh6CtNneSghBbBlezh+vjaBYC1FqVULuccvR1o2p4QQhpnFalprfHe49yAqjT3x5PL9UbddhmKcQKNMRkuy5K6aaj0i0ob4jdvAmOMiAgh+Gymk8n7VQZniQREfH5jFP+fOC92vbBY7dkdTmy2Z5brI70dPz8Cb+qV54GITsVPAAAAAElFTkSuQmCC&quot;)"><svg style="width:100%;height:auto;max-width:100%;margin-bottom:-4px" width="640" height="413"></svg><noscript><img style="width:100%;height:auto;max-width:100%;margin-bottom:-4px;position:absolute;top:0;left:0" src="/ru/assets/ideal-img/draw-ill-help.032419e.640.png" srcset="/ru/assets/ideal-img/draw-ill-help.032419e.640.png 640w,/ru/assets/ideal-img/draw-ill-help.fd1ae96.795.png 795w" alt="Draw, I&#x27;ll Help" width="640" height="413"></noscript></div></div><div class="card__body"><span class="title_xhac">Draw, I&#x27;ll Help</span><p class="description_y_AQ">A drawing app with shape correction powered by ML</p><div class="techList_Nt0m"><span class="techListItem_MNXE">svelte</span></div></div><div class="card__footer"><div class="button-group button-group--block"><a class="button button--small button--secondary button--block" href="https://illright.github.io/draw-ill-help/" target="_blank" rel="noreferrer noopener">Website</a><a class="button button--small button--secondary button--block" href="https://github.com/illright/draw-ill-help" target="_blank" rel="noreferrer noopener">Source</a></div></div></article></article><article class="col col--4 margin-bottom--lg"><article class="card root_v5qN"><div class="card__image preview_MRaB"><div class="ribbon_JKNF">v2</div><div style="background-size:cover;background-repeat:no-repeat;position:relative;background-image:url(&quot;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAGCAYAAAD68A/GAAAACXBIWXMAABYlAAAWJQFJUiTwAAAA5klEQVR4nAXBwU6CAACAYd7Cc602xUuIIYFhiYigUWSZONdQ2yyGZhm1Zpkc2jpZhw6tJ+gt/75PiKIHyqaPWKyz/vrBbQVkNkuE4znBIMa7GFF1uwhnnRGibJFXGqTvaxonfbJFi2A44/P7l790RZK8IQSXN+iGTUGzie6WKMYx6r7HVfTEZP7C8nlFL4wRwjDmwGxSLDtMkxTNaiPpTca3C5zTIXZ7QMXpImRlk8yWyo7WJLp/RTI8RKXO9WyBWu2wkbcp6EcItVafnGyxVztnvvigdOiT27WZPKZUnB7bko+kuvwDBm12q0q6hT4AAAAASUVORK5CYII=&quot;)"><svg style="width:100%;height:auto;max-width:100%;margin-bottom:-4px" width="640" height="398"></svg><noscript><img style="width:100%;height:auto;max-width:100%;margin-bottom:-4px;position:absolute;top:0;left:0" src="/ru/assets/ideal-img/cast.2d78953.640.png" srcset="/ru/assets/ideal-img/cast.2d78953.640.png 640w,/ru/assets/ideal-img/cast.f813960.1030.png 1030w" alt="Cast" width="640" height="398"></noscript></div></div><div class="card__body"><span class="title_xhac">Cast</span><p class="description_y_AQ">A podcast listening PWA with automated quality assurance</p><div class="techList_Nt0m"><span class="techListItem_MNXE">svelte</span></div></div><div class="card__footer"><div class="button-group button-group--block"><a class="button button--small button--secondary button--block" href="https://cast-iu.pages.dev/" target="_blank" rel="noreferrer noopener">Website</a><a class="button button--small button--secondary button--block" href="https://github.com/aabounegm/cast" target="_blank" rel="noreferrer noopener">Source</a></div></div></article></article><article class="col col--4 margin-bottom--lg"><article class="card root_v5qN"><div class="card__image preview_MRaB"><div class="ribbon_JKNF">v2</div><div style="background-size:cover;background-repeat:no-repeat;position:relative;background-image:url(&quot;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAICAYAAADA+m62AAAACXBIWXMAAA7DAAAOwwHHb6hkAAAAsUlEQVR4nHVPXQuCQBC8n9prv6h/EQQ91pPQQyCUpU+ZVnd+dGfqIYRmN3FnCPYxsMzu7CzDEsYYdB2OAWzHxWbnYb31YNl7BGEIxigopSBRFEMIAc45gtMFXNzgngWWTmi0LMuQJAmIlBIaSj0NS99C4c7fmjKc5zlIVVVm0GibB67TMYrZCG1T9/rQqBT0fe0vUKwmaO9d0pexC+m47/9Ff2Jg1J/ph8qy/Fl6l6YpXhcMMAYFFnR9AAAAAElFTkSuQmCC&quot;)"><svg style="width:100%;height:auto;max-width:100%;margin-bottom:-4px" width="640" height="507"></svg><noscript><img style="width:100%;height:auto;max-width:100%;margin-bottom:-4px;position:absolute;top:0;left:0" src="/ru/assets/ideal-img/loripsum-generator.d367419.640.png" srcset="/ru/assets/ideal-img/loripsum-generator.d367419.640.png 640w,/ru/assets/ideal-img/loripsum-generator.4188839.949.png 949w" alt="Loripsum generator" width="640" height="507"></noscript></div></div><div class="card__body"><span class="title_xhac">Loripsum generator</span><p class="description_y_AQ">Simple fish text generator</p><div class="techList_Nt0m"><span class="techListItem_MNXE">react</span><span class="techListItem_MNXE">effector</span></div></div><div class="card__footer"><div class="button-group button-group--block"><a class="button button--small button--secondary button--block" href="https://loripsum-generator.vercel.app" target="_blank" rel="noreferrer noopener">Website</a><a class="button button--small button--secondary button--block" href="https://github.com/yesnoruly/loripsum-generator" target="_blank" rel="noreferrer noopener">Source</a></div></div></article></article><article class="col col--4 margin-bottom--lg"><article class="card root_v5qN"><div class="card__image preview_MRaB"><div class="ribbon_JKNF">v2</div><div style="background-size:cover;background-repeat:no-repeat;position:relative;background-image:url(&quot;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAGCAIAAAB1kpiRAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAnElEQVR4nF3JuwrCMBQA0HyVg4IOIhZEUSj9AdFZtK72K+2L9EHBUaGmed8k0urkWQ8CACGlcw4ApFSEUNIxTtmbdJRyJKTSYIztQdsyrpjQ3avlQjOhER8ejDXWAHtWdZWmSZYk9zguyhIp1a8bWEGj6LbzN36wXa29c3hC3/i1tZdrOF9OF95sPBkdjvv/rptHhoscF2mOy7r5AAf2maewMqkpAAAAAElFTkSuQmCC&quot;)"><svg style="width:100%;height:auto;max-width:100%;margin-bottom:-4px" width="640" height="360"></svg><noscript><img style="width:100%;height:auto;max-width:100%;margin-bottom:-4px;position:absolute;top:0;left:0" src="/ru/assets/ideal-img/projentry.de287b8.640.png" srcset="/ru/assets/ideal-img/projentry.de287b8.640.png 640w,/ru/assets/ideal-img/projentry.d85bc5e.1030.png 1030w" alt="Projentry (demo)" width="640" height="360"></noscript></div></div><div class="card__body"><span class="title_xhac">Projentry (demo)</span><p class="description_y_AQ">Assistant for your projects</p><div class="techList_Nt0m"><span class="techListItem_MNXE">react</span><span class="techListItem_MNXE">antd</span></div></div><div class="card__footer"><div class="button-group button-group--block"><a class="button button--small button--secondary button--block" href="https://projentry.netlify.app/" target="_blank" rel="noreferrer noopener">Website</a><a class="button button--small button--secondary button--block" href="https://github.com/ani-team/projentry" target="_blank" rel="noreferrer noopener">Source</a></div></div></article></article><article class="col col--4 margin-bottom--lg"><article class="card root_v5qN"><div class="card__image preview_MRaB"><div class="ribbon_JKNF">v2</div><div style="background-size:cover;background-repeat:no-repeat;position:relative;background-image:url(&quot;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAGCAIAAAB1kpiRAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAdklEQVR4nCWNQQ6EMAwD+f8rF64rbYGWponjZNXi22hkeyNpZhFB0gFRL50i4xGD+xYR913V4AwAal4knZERmTn1Zz+Gaq4M1at1c8I5dWb23knGGzphNseWXu39kcE5yP2Hb4UNmTh1RikngJf70HJerdVY33/lW6+qu2B+5AAAAABJRU5ErkJggg==&quot;)"><svg style="width:100%;height:auto;max-width:100%;margin-bottom:-4px" width="640" height="360"></svg><noscript><img style="width:100%;height:auto;max-width:100%;margin-bottom:-4px;position:absolute;top:0;left:0" src="/ru/assets/ideal-img/sharead.b0f4725.640.png" srcset="/ru/assets/ideal-img/sharead.b0f4725.640.png 640w,/ru/assets/ideal-img/sharead.c179800.1030.png 1030w" alt="Sharead (demo)" width="640" height="360"></noscript></div></div><div class="card__body"><span class="title_xhac">Sharead (demo)</span><p class="description_y_AQ">Book Marketplace</p><div class="techList_Nt0m"><span class="techListItem_MNXE">react</span><span class="techListItem_MNXE">effector</span><span class="techListItem_MNXE">antd</span></div></div><div class="card__footer"><div class="button-group button-group--block"><a class="button button--small button--secondary button--block" href="https://dev-sharead.netlify.app/" target="_blank" rel="noreferrer noopener">Website</a><a class="button button--small button--secondary button--block" href="https://github.com/select-name/sharead-frontend" target="_blank" rel="noreferrer noopener">Source</a></div></div></article></article><article class="col col--4 margin-bottom--lg"><article class="card root_v5qN"><div class="card__image preview_MRaB"><div class="ribbon_JKNF">v2</div><div style="background-size:cover;background-repeat:no-repeat;position:relative;background-image:url(&quot;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAFCAIAAADzBuo/AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAgklEQVR4nGP4DwN//vz58ePHnz9/4CL///9ngLM+f/785fPnv////fr4+fW89U/nr//x/iNM+t+/71+//vjy9f///0+zWp5Yxl6wjbuaXIuQ/vHt+/cvX3/+//+0fdbLuJpbMVV32mYiDP/06dO7t28/f/3y+cnzh9GVV0NLvj59CQD68oUMUGcwrwAAAABJRU5ErkJggg==&quot;)"><svg style="width:100%;height:auto;max-width:100%;margin-bottom:-4px" width="640" height="348"></svg><noscript><img style="width:100%;height:auto;max-width:100%;margin-bottom:-4px;position:absolute;top:0;left:0" src="/ru/assets/ideal-img/todo-app-angular.05f9a25.640.png" srcset="/ru/assets/ideal-img/todo-app-angular.05f9a25.640.png 640w,/ru/assets/ideal-img/todo-app-angular.73d76af.1030.png 1030w" alt="Todo App (Angular 13)" width="640" height="348"></noscript></div></div><div class="card__body"><span class="title_xhac">Todo App (Angular 13)</span><p class="description_y_AQ">QuickStart todo-app example for Angular developers</p><div class="techList_Nt0m"><span class="techListItem_MNXE">angular</span><span class="techListItem_MNXE">rxjs</span></div></div><div class="card__footer"><div class="button-group button-group--block"><a class="button button--small button--secondary button--block" href="https://angular-feature-sliced-architecture.netlify.app/" target="_blank" rel="noreferrer noopener">Website</a><a class="button button--small button--secondary button--block" href="https://github.com/Affiction/angular-feature-sliced" target="_blank" rel="noreferrer noopener">Source</a></div></div></article></article><article class="col col--4 margin-bottom--lg"><article class="card root_v5qN"><div class="card__image preview_MRaB"><div class="ribbon_JKNF">v2</div><div style="background-size:cover;background-repeat:no-repeat;position:relative;background-image:url(&quot;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAFCAIAAADzBuo/AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAjUlEQVR4nB3CTQ4BQRAG0L6d2Fq5yETiBBKnsMMhJMQRRMLWTyQMY1R3ddVXNS28vNBS+kSmyDHx7UlNS5otC35ZA7EqzGCAwczNr+/6/mzqujm9HoGSxAzOEAFnLVYWx21vXPVH1eywDsRI4gqHuZqbdeh8uJwO5hPuENookTWL8n/MUqxszvvVZVdQvh2liN/jkShXAAAAAElFTkSuQmCC&quot;)"><svg style="width:100%;height:auto;max-width:100%;margin-bottom:-4px" width="640" height="348"></svg><noscript><img style="width:100%;height:auto;max-width:100%;margin-bottom:-4px;position:absolute;top:0;left:0" src="/ru/assets/ideal-img/todo-app-vue.35dda32.640.png" srcset="/ru/assets/ideal-img/todo-app-vue.35dda32.640.png 640w,/ru/assets/ideal-img/todo-app-vue.752b5ca.1030.png 1030w" alt="Todo App (Vue 3)" width="640" height="348"></noscript></div></div><div class="card__body"><span class="title_xhac">Todo App (Vue 3)</span><p class="description_y_AQ">QuickStart todo-app example for Vue developers</p><div class="techList_Nt0m"><span class="techListItem_MNXE">vue</span><span class="techListItem_MNXE">vuex</span><span class="techListItem_MNXE">antd</span></div></div><div class="card__footer"><div class="button-group button-group--block"><a class="button button--small button--secondary button--block" href="https://github.com/EliseyMartynov/fs-vue" target="_blank" rel="noreferrer noopener">Source</a></div></div></article></article><article class="col col--4 margin-bottom--lg"><article class="card root_v5qN"><div class="card__image preview_MRaB"><div class="ribbon_JKNF">v2</div><div style="background-size:cover;background-repeat:no-repeat;position:relative;background-image:url(&quot;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAFCAIAAADzBuo/AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAgElEQVR4nB3GOwrCQBQF0Fm8G3EBKjb2Nml0AWJhiIUfBAkz73/foBA4xSmVpLESK4u+vjRXIlEWY9FKUkgjkIkEEtmxXAOGDGQhcTaowR3mQODDvn+07Ti/qxZSiPdAR/bI/uv9Vn19p9XmchymUtlZwzx0YR7N4vRsu8P1PEx/Y7uNMbvMtEcAAAAASUVORK5CYII=&quot;)"><svg style="width:100%;height:auto;max-width:100%;margin-bottom:-4px" width="640" height="348"></svg><noscript><img style="width:100%;height:auto;max-width:100%;margin-bottom:-4px;position:absolute;top:0;left:0" src="/ru/assets/ideal-img/todo-app-react-redux.34636b9.640.png" srcset="/ru/assets/ideal-img/todo-app-react-redux.34636b9.640.png 640w,/ru/assets/ideal-img/todo-app-react-redux.91678c5.1030.png 1030w" alt="Todo App (React+Redux)" width="640" height="348"></noscript></div></div><div class="card__body"><span class="title_xhac">Todo App (React+Redux)</span><p class="description_y_AQ">QuickStart todo-app example for React developers (Redux version)</p><div class="techList_Nt0m"><span class="techListItem_MNXE">react</span><span class="techListItem_MNXE">redux</span><span class="techListItem_MNXE">antd</span></div></div><div class="card__footer"><div class="button-group button-group--block"><a class="button button--small button--secondary button--block" href="https://github.com/EliseyMartynov/fs-rtk" target="_blank" rel="noreferrer noopener">Source</a></div></div></article></article><article class="col col--4 margin-bottom--lg"><article class="card root_v5qN"><div class="card__image preview_MRaB"><div class="ribbon_JKNF">v2</div><div style="background-size:cover;background-repeat:no-repeat;position:relative;background-image:url(&quot;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAFCAIAAADzBuo/AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAgElEQVR4nB3GOwrCQBQF0Fmfm3ItLkGwt1ZMo52QLmAwoDLz/vcNEQKnOKWSNFZiZdH5Q79KJMZiwtpICmkEMpFAIju2a6TkishC4mxQgzvMgcDCfpzqaXzN5IUU4j3QkT2yrz1HwuH5vu130+NcKjtrmIduzKOpXxcZ7sN3vPwBVmeNDga/n9QAAAAASUVORK5CYII=&quot;)"><svg style="width:100%;height:auto;max-width:100%;margin-bottom:-4px" width="640" height="348"></svg><noscript><img style="width:100%;height:auto;max-width:100%;margin-bottom:-4px;position:absolute;top:0;left:0" src="/ru/assets/ideal-img/todo-app-react-effector.cfe95f6.640.png" srcset="/ru/assets/ideal-img/todo-app-react-effector.cfe95f6.640.png 640w,/ru/assets/ideal-img/todo-app-react-effector.155b845.1030.png 1030w" alt="Todo App (React+Effector)" width="640" height="348"></noscript></div></div><div class="card__body"><span class="title_xhac">Todo App (React+Effector)</span><p class="description_y_AQ">QuickStart todo-app example for React developers (Effector version)</p><div class="techList_Nt0m"><span class="techListItem_MNXE">react</span><span class="techListItem_MNXE">effector</span><span class="techListItem_MNXE">antd</span></div></div><div class="card__footer"><div class="button-group button-group--block"><a class="button button--small button--secondary button--block" href="https://7b64m.csb.app/" target="_blank" rel="noreferrer noopener">Website</a><a class="button button--small button--secondary button--block" href="https://github.com/feature-sliced/examples/tree/master/todo-app" target="_blank" rel="noreferrer noopener">Source</a></div></div></article></article><article class="col col--4 margin-bottom--lg"><article class="card root_v5qN"><div class="card__image preview_MRaB"><div class="ribbon_JKNF">v2</div><div style="background-size:cover;background-repeat:no-repeat;position:relative;background-image:url(&quot;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAGCAIAAAB1kpiRAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAn0lEQVR4nDXBwQrCMAwA0P7/QdSiwmD3fY5MBhMUFdE1aedl6zqzJvHke6Ysy93+YO1u/7fZ2tXaFkVRVZVRVeFMKYmIiqjKuIhLQqo5syEij3i9XByAc+CcG4YhpnlKc4yTYeaue7dtiz44APQhxpiXheib0mxY8vv5OTf30AdEj97HOBFRzllEjIi+HremPob+A4gAMI4jMyP6+tT8AAIgnuz02zq5AAAAAElFTkSuQmCC&quot;)"><svg style="width:100%;height:auto;max-width:100%;margin-bottom:-4px" width="640" height="360"></svg><noscript><img style="width:100%;height:auto;max-width:100%;margin-bottom:-4px;position:absolute;top:0;left:0" src="/ru/assets/ideal-img/github-client.fe390ad.640.png" srcset="/ru/assets/ideal-img/github-client.fe390ad.640.png 640w,/ru/assets/ideal-img/github-client.aa0edb7.1030.png 1030w" alt="Github Client" width="640" height="360"></noscript></div></div><div class="card__body"><span class="title_xhac">Github Client</span><p class="description_y_AQ">React &amp; GraphQL powered github web-client</p><div class="techList_Nt0m"><span class="techListItem_MNXE">react</span><span class="techListItem_MNXE">graphql</span><span class="techListItem_MNXE">antd</span></div></div><div class="card__footer"><div class="button-group button-group--block"><a class="button button--small button--secondary button--block" href="https://github.com/ani-team/github-client/tree/workshop/feature-sliced-next" target="_blank" rel="noreferrer noopener">Source</a></div></div></article></article><article class="col col--4 margin-bottom--lg"><article class="card root_v5qN"><div class="card__image preview_MRaB"><div class="ribbon_JKNF">v2</div><div style="background-size:cover;background-repeat:no-repeat;position:relative;background-image:url(&quot;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAGCAIAAAB1kpiRAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAgklEQVR4nD2OwQoCMQxE9/9/T6+CgqJVhKTbJpkm20p3wXcb3gzMkl7l88YWEe4RMXbC+/dLpdhyuz7Pp8tjck8pjTF67+49vG/bWFSFiZiyiMJQSl3zamYAImKpVTKvplBRKJiYKe/RWvOpmRgGGJrNkql584Y211KFiFX0EMe1Pz+Oia0hqYR1vAAAAABJRU5ErkJggg==&quot;)"><svg style="width:100%;height:auto;max-width:100%;margin-bottom:-4px" width="640" height="360"></svg><noscript><img style="width:100%;height:auto;max-width:100%;margin-bottom:-4px;position:absolute;top:0;left:0" src="/ru/assets/ideal-img/cardbox.7993374.640.png" srcset="/ru/assets/ideal-img/cardbox.7993374.640.png 640w,/ru/assets/ideal-img/cardbox.943b121.1030.png 1030w" alt="Cardbox" width="640" height="360"></noscript></div></div><div class="card__body"><span class="title_xhac">Cardbox</span><p class="description_y_AQ">The best solutions from developers in one place</p><div class="techList_Nt0m"><span class="techListItem_MNXE">react</span><span class="techListItem_MNXE">effector</span></div></div><div class="card__footer"><div class="button-group button-group--block"><a class="button button--small button--secondary button--block" href="https://github.com/cardbox/frontend" target="_blank" rel="noreferrer noopener">Source</a></div></div></article></article></div></div></section></main></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Спецификация</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/ru/docs">Документация</a></li><li class="footer__item"><a class="footer__link-item" href="/ru/community">Сообщество</a></li><li class="footer__item"><a class="footer__link-item" href="/ru/nav">Помощь</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Обсуждения<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Сообщество</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Остальное</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">Лицензия<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/ru/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/ru/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
diff --git a/ru/index.html b/ru/index.html
index efe465ee87..b98aa293f0 100644
--- a/ru/index.html
+++ b/ru/index.html
@@ -9,8 +9,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/ru/opensearch.xml"><link rel="stylesheet" href="/ru/assets/css/styles.200d81f1.css">
-<script src="/ru/assets/js/runtime~main.d88d86db.js" defer="defer"></script>
-<script src="/ru/assets/js/main.d5dbc580.js" defer="defer"></script>
+<script src="/ru/assets/js/runtime~main.83a61e56.js" defer="defer"></script>
+<script src="/ru/assets/js/main.ba59251d.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Перейти к основному содержимому"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">Перейти к основному содержимому</a></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Переключить навигационную панель" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/ru/"><div class="navbar__logo"><img src="/ru/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/ru/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a class="navbar__item navbar__link" href="/ru/docs">📖 Документация</a><a class="navbar__item navbar__link" href="/ru/community">💫 Сообщество</a><a class="navbar__item navbar__link" href="/ru/blog">📝 Блог</a><a class="navbar__item navbar__link" href="/ru/examples">🛠 Примеры</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/ru/docs">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a class="dropdown__link" href="/ru/docs">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/ru/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>Русский</a><ul class="dropdown__menu"><li><a href="/ru/" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="ru">Русский</a></li><li><a href="/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/uz/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="kr">한국어</a></li><li><a href="/ja/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="Переключение между темным и светлым режимом (сейчас используется Светлый режим)" aria-label="Переключение между темным и светлым режимом (сейчас используется Светлый режим)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="Поиск"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Поиск</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><header class="hero hero--primary heroBanner_PbTQ"><div class="container"><h1 class="hero__title">Feature-Sliced Design</h1><p class="hero__subtitle">Архитектурная методология для фронтенд проектов</p><div class="button-group"><a class="button button--primary button--lg" href="/ru/docs">Ознакомиться</a><a class="button button--secondary button--lg" href="/ru/examples">Примеры</a></div><div class="margin-top--md"><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="link_Ogy3">Предыдущая версия<!-- --> <!-- -->(feature-slices@v1)</a></div></div></header><main><section id="преимущества" class="section_o6sW"><div class="container"><h2 class="title_v0wz">Преимущества</h2><div class="row"><div class="col col--3"><div class="text--center"><span role="img" aria-label="eye" alt="Явная бизнес-логика" class="anticon anticon-eye icon_zeNy"><svg viewBox="64 64 896 896" focusable="false" data-icon="eye" width="1em" height="1em" fill="currentColor" aria-hidden="true"><path d="M942.2 486.2C847.4 286.5 704.1 186 512 186c-192.2 0-335.4 100.5-430.2 300.3a60.3 60.3 0 000 51.5C176.6 737.5 319.9 838 512 838c192.2 0 335.4-100.5 430.2-300.3 7.7-16.2 7.7-35 0-51.5zM512 766c-161.3 0-279.4-81.8-362.7-254C232.6 339.8 350.7 258 512 258c161.3 0 279.4 81.8 362.7 254C791.5 684.2 673.4 766 512 766zm-4-430c-97.2 0-176 78.8-176 176s78.8 176 176 176 176-78.8 176-176-78.8-176-176-176zm0 288c-61.9 0-112-50.1-112-112s50.1-112 112-112 112 50.1 112 112-50.1 112-112 112z"></path></svg></span></div><div class="text--center padding-horiz--md"><h3>Явная бизнес-логика</h3><p>Архитектуру легко осваивать, поскольку она состоит из доменных модулей</p></div></div><div class="col col--3"><div class="text--center"><span role="img" aria-label="login" alt="Адаптивность" class="anticon anticon-login icon_zeNy"><svg viewBox="64 64 896 896" focusable="false" data-icon="login" width="1em" height="1em" fill="currentColor" aria-hidden="true"><defs><style></style></defs><path d="M521.7 82c-152.5-.4-286.7 78.5-363.4 197.7-3.4 5.3.4 12.3 6.7 12.3h70.3c4.8 0 9.3-2.1 12.3-5.8 7-8.5 14.5-16.7 22.4-24.5 32.6-32.5 70.5-58.1 112.7-75.9 43.6-18.4 90-27.8 137.9-27.8 47.9 0 94.3 9.3 137.9 27.8 42.2 17.8 80.1 43.4 112.7 75.9 32.6 32.5 58.1 70.4 76 112.5C865.7 417.8 875 464.1 875 512c0 47.9-9.4 94.2-27.8 137.8-17.8 42.1-43.4 80-76 112.5s-70.5 58.1-112.7 75.9A352.8 352.8 0 01520.6 866c-47.9 0-94.3-9.4-137.9-27.8A353.84 353.84 0 01270 762.3c-7.9-7.9-15.3-16.1-22.4-24.5-3-3.7-7.6-5.8-12.3-5.8H165c-6.3 0-10.2 7-6.7 12.3C234.9 863.2 368.5 942 520.6 942c236.2 0 428-190.1 430.4-425.6C953.4 277.1 761.3 82.6 521.7 82zM395.02 624v-76h-314c-4.4 0-8-3.6-8-8v-56c0-4.4 3.6-8 8-8h314v-76c0-6.7 7.8-10.5 13-6.3l141.9 112a8 8 0 010 12.6l-141.9 112c-5.2 4.1-13 .4-13-6.3z"></path></svg></span></div><div class="text--center padding-horiz--md"><h3>Адаптивность</h3><p>Компоненты архитектуры можно гибко заменять, добавлять под новые условия</p></div></div><div class="col col--3"><div class="text--center"><span role="img" aria-label="file-protect" alt="Технический долг" class="anticon anticon-file-protect icon_zeNy"><svg viewBox="64 64 896 896" focusable="false" data-icon="file-protect" width="1em" height="1em" fill="currentColor" aria-hidden="true"><path d="M644.7 669.2a7.92 7.92 0 00-6.5-3.3H594c-6.5 0-10.3 7.4-6.5 12.7l73.8 102.1c3.2 4.4 9.7 4.4 12.9 0l114.2-158c3.8-5.3 0-12.7-6.5-12.7h-44.3c-2.6 0-5 1.2-6.5 3.3l-63.5 87.8-22.9-31.9zM688 306v-48c0-4.4-3.6-8-8-8H296c-4.4 0-8 3.6-8 8v48c0 4.4 3.6 8 8 8h384c4.4 0 8-3.6 8-8zm-392 88c-4.4 0-8 3.6-8 8v48c0 4.4 3.6 8 8 8h184c4.4 0 8-3.6 8-8v-48c0-4.4-3.6-8-8-8H296zm184 458H208V148h560v296c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8V108c0-17.7-14.3-32-32-32H168c-17.7 0-32 14.3-32 32v784c0 17.7 14.3 32 32 32h312c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8zm402.6-320.8l-192-66.7c-.9-.3-1.7-.4-2.6-.4s-1.8.1-2.6.4l-192 66.7a7.96 7.96 0 00-5.4 7.5v251.1c0 2.5 1.1 4.8 3.1 6.3l192 150.2c1.4 1.1 3.2 1.7 4.9 1.7s3.5-.6 4.9-1.7l192-150.2c1.9-1.5 3.1-3.8 3.1-6.3V538.7c0-3.4-2.2-6.4-5.4-7.5zM826 763.7L688 871.6 550 763.7V577l138-48 138 48v186.7z"></path></svg></span></div><div class="text--center padding-horiz--md"><h3>Технический долг</h3><p>Каждый модуль можно независимо модифицировать / переписать без сайд-эффектов</p></div></div><div class="col col--3"><div class="text--center"><span role="img" aria-label="build" alt="Явная переиспользуемость" class="anticon anticon-build icon_zeNy"><svg viewBox="64 64 896 896" focusable="false" data-icon="build" width="1em" height="1em" fill="currentColor" aria-hidden="true"><path d="M916 210H376c-17.7 0-32 14.3-32 32v236H108c-17.7 0-32 14.3-32 32v272c0 17.7 14.3 32 32 32h540c17.7 0 32-14.3 32-32V546h236c17.7 0 32-14.3 32-32V242c0-17.7-14.3-32-32-32zm-504 68h200v200H412V278zm-68 468H144V546h200v200zm268 0H412V546h200v200zm268-268H680V278h200v200z"></path></svg></span></div><div class="text--center padding-horiz--md"><h3>Явная переиспользуемость</h3><p>Сохраняется баланс между DRY и локальной кастомизацией</p></div></div></div></div></section><section id="концепции" class="section_o6sW sectionAlt_eaXm"><div class="container"><h2 class="title_v0wz">Концепции</h2><div class="row"><div class="col col--4"><div class="text--center"><span role="img" aria-label="api" alt="Public API" class="anticon anticon-api icon_zeNy"><svg viewBox="64 64 896 896" focusable="false" data-icon="api" width="1em" height="1em" fill="currentColor" aria-hidden="true"><path d="M917.7 148.8l-42.4-42.4c-1.6-1.6-3.6-2.3-5.7-2.3s-4.1.8-5.7 2.3l-76.1 76.1a199.27 199.27 0 00-112.1-34.3c-51.2 0-102.4 19.5-141.5 58.6L432.3 308.7a8.03 8.03 0 000 11.3L704 591.7c1.6 1.6 3.6 2.3 5.7 2.3 2 0 4.1-.8 5.7-2.3l101.9-101.9c68.9-69 77-175.7 24.3-253.5l76.1-76.1c3.1-3.2 3.1-8.3 0-11.4zM769.1 441.7l-59.4 59.4-186.8-186.8 59.4-59.4c24.9-24.9 58.1-38.7 93.4-38.7 35.3 0 68.4 13.7 93.4 38.7 24.9 24.9 38.7 58.1 38.7 93.4 0 35.3-13.8 68.4-38.7 93.4zm-190.2 105a8.03 8.03 0 00-11.3 0L501 613.3 410.7 523l66.7-66.7c3.1-3.1 3.1-8.2 0-11.3L441 408.6a8.03 8.03 0 00-11.3 0L363 475.3l-43-43a7.85 7.85 0 00-5.7-2.3c-2 0-4.1.8-5.7 2.3L206.8 534.2c-68.9 69-77 175.7-24.3 253.5l-76.1 76.1a8.03 8.03 0 000 11.3l42.4 42.4c1.6 1.6 3.6 2.3 5.7 2.3s4.1-.8 5.7-2.3l76.1-76.1c33.7 22.9 72.9 34.3 112.1 34.3 51.2 0 102.4-19.5 141.5-58.6l101.9-101.9c3.1-3.1 3.1-8.2 0-11.3l-43-43 66.7-66.7c3.1-3.1 3.1-8.2 0-11.3l-36.6-36.2zM441.7 769.1a131.32 131.32 0 01-93.4 38.7c-35.3 0-68.4-13.7-93.4-38.7a131.32 131.32 0 01-38.7-93.4c0-35.3 13.7-68.4 38.7-93.4l59.4-59.4 186.8 186.8-59.4 59.4z"></path></svg></span></div><div class="text--center padding-horiz--md"><h3>Public API</h3><p>Каждый модуль должен иметь на верхнем уровне декларацию своего публичного API</p></div></div><div class="col col--4"><div class="text--center"><span role="img" aria-label="block" alt="Изоляция" class="anticon anticon-block icon_zeNy"><svg viewBox="64 64 896 896" focusable="false" data-icon="block" width="1em" height="1em" fill="currentColor" aria-hidden="true"><path d="M856 376H648V168c0-8.8-7.2-16-16-16H168c-8.8 0-16 7.2-16 16v464c0 8.8 7.2 16 16 16h208v208c0 8.8 7.2 16 16 16h464c8.8 0 16-7.2 16-16V392c0-8.8-7.2-16-16-16zm-480 16v188H220V220h360v156H392c-8.8 0-16 7.2-16 16zm204 52v136H444V444h136zm224 360H444V648h188c8.8 0 16-7.2 16-16V444h156v360z"></path></svg></span></div><div class="text--center padding-horiz--md"><h3>Изоляция</h3><p>Модуль не должен зависеть напрямую от других модулей того же слоя или вышележаших слоев</p></div></div><div class="col col--4"><div class="text--center"><span role="img" aria-label="like" alt="Понимание потребностей" class="anticon anticon-like icon_zeNy"><svg viewBox="64 64 896 896" focusable="false" data-icon="like" width="1em" height="1em" fill="currentColor" aria-hidden="true"><path d="M885.9 533.7c16.8-22.2 26.1-49.4 26.1-77.7 0-44.9-25.1-87.4-65.5-111.1a67.67 67.67 0 00-34.3-9.3H572.4l6-122.9c1.4-29.7-9.1-57.9-29.5-79.4A106.62 106.62 0 00471 99.9c-52 0-98 35-111.8 85.1l-85.9 311H144c-17.7 0-32 14.3-32 32v364c0 17.7 14.3 32 32 32h601.3c9.2 0 18.2-1.8 26.5-5.4 47.6-20.3 78.3-66.8 78.3-118.4 0-12.6-1.8-25-5.4-37 16.8-22.2 26.1-49.4 26.1-77.7 0-12.6-1.8-25-5.4-37 16.8-22.2 26.1-49.4 26.1-77.7-.2-12.6-2-25.1-5.6-37.1zM184 852V568h81v284h-81zm636.4-353l-21.9 19 13.9 25.4a56.2 56.2 0 016.9 27.3c0 16.5-7.2 32.2-19.6 43l-21.9 19 13.9 25.4a56.2 56.2 0 016.9 27.3c0 16.5-7.2 32.2-19.6 43l-21.9 19 13.9 25.4a56.2 56.2 0 016.9 27.3c0 22.4-13.2 42.6-33.6 51.8H329V564.8l99.5-360.5a44.1 44.1 0 0142.2-32.3c7.6 0 15.1 2.2 21.1 6.7 9.9 7.4 15.2 18.6 14.6 30.5l-9.6 198.4h314.4C829 418.5 840 436.9 840 456c0 16.5-7.2 32.1-19.6 43z"></path></svg></span></div><div class="text--center padding-horiz--md"><h3>Понимание потребностей</h3><p>Ориентирование на потребности бизнеса и пользователя</p></div></div></div></div></section><section id="схема" class="section_o6sW"><div class="container"><h2 class="title_v0wz">Схема</h2><div class="row scheme_O0RH"><div class="schemeImg_h_tq" style="background-size:cover;background-repeat:no-repeat;position:relative;background-image:url(&quot;data:image/jpeg;base64,/9j/2wBDAAYEBQYFBAYGBQYHBwYIChAKCgkJChQODwwQFxQYGBcUFhYaHSUfGhsjHBYWICwgIyYnKSopGR8tMC0oMCUoKSj/2wBDAQcHBwoIChMKChMoGhYaKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCj/wAARCAAGAAoDASIAAhEBAxEB/8QAFgABAQEAAAAAAAAAAAAAAAAAAAQI/8QAHRAAAgICAwEAAAAAAAAAAAAAAQIABAMREyExYf/EABQBAQAAAAAAAAAAAAAAAAAAAAH/xAAWEQEBAQAAAAAAAAAAAAAAAAAAASH/2gAMAwEAAhEDEQA/ANL069ytjKcmNgXdtsWJ789lSmwVBJxb19iIQ3H/2Q==&quot;)"><svg style="width:100%;height:auto;max-width:100%;margin-bottom:-4px" width="640" height="356"></svg><noscript><img style="width:100%;height:auto;max-width:100%;margin-bottom:-4px;position:absolute;top:0;left:0" src="/ru/assets/ideal-img/visual_schema.5d0b672.640.jpg" srcset="/ru/assets/ideal-img/visual_schema.5d0b672.640.jpg 640w,/ru/assets/ideal-img/visual_schema.b6c18f6.1030.jpg 1030w" alt="feature-sliced-scheme,themed--scheme" width="640" height="356"></noscript></div></div></div></section><section id="компании, использующие методологию" class="section_o6sW root_M0ZT"><div class="rootContainer_QdPn"><h2 class="title_v0wz">Компании, использующие методологию</h2><div class="row"><span class="addMe_pbNn">Методология используется в Вашей компании?<!-- --> <a href="https://github.com/feature-sliced/documentation/issues/131" target="_blank" rel="noopener noreferrer">Сообщите нам</a></span></div></div></section></main></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Спецификация</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/ru/docs">Документация</a></li><li class="footer__item"><a class="footer__link-item" href="/ru/community">Сообщество</a></li><li class="footer__item"><a class="footer__link-item" href="/ru/nav">Помощь</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Обсуждения<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Сообщество</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Остальное</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">Лицензия<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/ru/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/ru/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
diff --git a/ru/nav.html b/ru/nav.html
index 2a2d5c70b2..4626f89d33 100644
--- a/ru/nav.html
+++ b/ru/nav.html
@@ -9,8 +9,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/ru/opensearch.xml"><link rel="stylesheet" href="/ru/assets/css/styles.200d81f1.css">
-<script src="/ru/assets/js/runtime~main.d88d86db.js" defer="defer"></script>
-<script src="/ru/assets/js/main.d5dbc580.js" defer="defer"></script>
+<script src="/ru/assets/js/runtime~main.83a61e56.js" defer="defer"></script>
+<script src="/ru/assets/js/main.ba59251d.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Перейти к основному содержимому"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">Перейти к основному содержимому</a></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Переключить навигационную панель" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/ru/"><div class="navbar__logo"><img src="/ru/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/ru/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a class="navbar__item navbar__link" href="/ru/docs">📖 Документация</a><a class="navbar__item navbar__link" href="/ru/community">💫 Сообщество</a><a class="navbar__item navbar__link" href="/ru/blog">📝 Блог</a><a class="navbar__item navbar__link" href="/ru/examples">🛠 Примеры</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/ru/docs">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a class="dropdown__link" href="/ru/docs">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/ru/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>Русский</a><ul class="dropdown__menu"><li><a href="/ru/nav" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="ru">Русский</a></li><li><a href="/nav" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/uz/nav" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/nav" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="kr">한국어</a></li><li><a href="/ja/nav" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="Переключение между темным и светлым режимом (сейчас используется Светлый режим)" aria-label="Переключение между темным и светлым режимом (сейчас используется Светлый режим)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="Поиск"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Поиск</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><main class="container root_EnwK"><h1>🧭 Навигация</h1><section class="section_Jn7s"><h2>Устаревшие ссылки</h2><p>После реструктуризации документации, некоторые ссылки на статьи изменились. Ниже можно найти страницу, которую вы, возможно, искали.</p><p class="subdetails_sVZK">Но для совместимости есть редиректы со старых ссылок</p><div><div class="group_tWrt"><h3>🚀 Get Started</h3><p>⚡️ <!-- -->Simplified and merged</p><div class="groupItems_NJ5Z"><a class="root_GfON groupItemsRow_3wzs defaultTheme_j3I8" href="/ru/docs/get-started/tutorial"><div class="details_xxkR"><div><span class="title_pSH5">Tutorial</span><p class="description__Fep"></p><div class="route_vdvl"><div><b>old</b>:<!-- --> <!-- -->/docs/get-started/quick-start</div><div><b>new</b>: <!-- -->/docs/get-started/tutorial</div></div><p></p></div></div></a><a class="root_GfON groupItemsRow_3wzs defaultTheme_j3I8" href="/ru/docs/get-started/overview"><div class="details_xxkR"><div><span class="title_pSH5">Basics</span><p class="description__Fep"></p><div class="route_vdvl"><div><b>old</b>:<!-- --> <!-- -->/docs/get-started/basics</div><div><b>new</b>: <!-- -->/docs/get-started/overview</div></div><p></p></div></div></a><a class="root_GfON groupItemsRow_3wzs defaultTheme_j3I8" href="/ru/docs/get-started/cheatsheet"><div class="details_xxkR"><div><span class="title_pSH5">Decompose Cheatsheet</span><p class="description__Fep"></p><div class="route_vdvl"><div><b>old</b>:<!-- --> <!-- -->/docs/get-started/tutorial/decompose;
diff --git a/ru/search.html b/ru/search.html
index 6456c5e719..1e2f2b025b 100644
--- a/ru/search.html
+++ b/ru/search.html
@@ -9,8 +9,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/ru/opensearch.xml"><link rel="stylesheet" href="/ru/assets/css/styles.200d81f1.css">
-<script src="/ru/assets/js/runtime~main.d88d86db.js" defer="defer"></script>
-<script src="/ru/assets/js/main.d5dbc580.js" defer="defer"></script>
+<script src="/ru/assets/js/runtime~main.83a61e56.js" defer="defer"></script>
+<script src="/ru/assets/js/main.ba59251d.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Перейти к основному содержимому"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">Перейти к основному содержимому</a></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Переключить навигационную панель" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/ru/"><div class="navbar__logo"><img src="/ru/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/ru/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a class="navbar__item navbar__link" href="/ru/docs">📖 Документация</a><a class="navbar__item navbar__link" href="/ru/community">💫 Сообщество</a><a class="navbar__item navbar__link" href="/ru/blog">📝 Блог</a><a class="navbar__item navbar__link" href="/ru/examples">🛠 Примеры</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/ru/docs">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a class="dropdown__link" href="/ru/docs">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/ru/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>Русский</a><ul class="dropdown__menu"><li><a href="/ru/search" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="ru">Русский</a></li><li><a href="/search" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/uz/search" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/search" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="kr">한국어</a></li><li><a href="/ja/search" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="Переключение между темным и светлым режимом (сейчас используется Светлый режим)" aria-label="Переключение между темным и светлым режимом (сейчас используется Светлый режим)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="Поиск"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Поиск</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><div class="container margin-vert--lg"><h1>Поиск по сайту</h1><form class="row"><div class="col searchQueryColumn_N3LV col--12"><input type="search" name="q" class="searchQueryInput_wdJ7" placeholder="Введите фразу для поиска" aria-label="Поиск" autocomplete="off" autofocus=""></div></form><div class="row"><div class="col col--8 searchResultsColumn_hbJ5"></div><div class="col col--4 text--right searchLogoColumn_CFO_"><a href="https://www.algolia.com/" target="_blank" rel="noopener noreferrer" aria-label="Поиск от Algolia"><svg viewBox="0 0 168 24" class="algoliaLogo_yo0i"><g fill="none"><path class="algoliaLogoPathFill_Qkgc" d="M120.925 18.804c-4.386.02-4.386-3.54-4.386-4.106l-.007-13.336 2.675-.424v13.254c0 .322 0 2.358 1.718 2.364v2.248zm-10.846-2.18c.821 0 1.43-.047 1.855-.129v-2.719a6.334 6.334 0 0 0-1.574-.199 5.7 5.7 0 0 0-.897.069 2.699 2.699 0 0 0-.814.24c-.24.116-.439.28-.582.491-.15.212-.219.335-.219.656 0 .628.219.991.616 1.23s.938.362 1.615.362zm-.233-9.7c.883 0 1.629.109 2.231.328.602.218 1.088.525 1.444.915.363.396.609.922.76 1.483.157.56.232 1.175.232 1.85v6.874a32.5 32.5 0 0 1-1.868.314c-.834.123-1.772.185-2.813.185-.69 0-1.327-.069-1.895-.198a4.001 4.001 0 0 1-1.471-.636 3.085 3.085 0 0 1-.951-1.134c-.226-.465-.343-1.12-.343-1.803 0-.656.13-1.073.384-1.525a3.24 3.24 0 0 1 1.047-1.106c.445-.287.95-.492 1.532-.615a8.8 8.8 0 0 1 1.82-.185 8.404 8.404 0 0 1 1.972.24v-.438c0-.307-.035-.6-.11-.874a1.88 1.88 0 0 0-.384-.73 1.784 1.784 0 0 0-.724-.493 3.164 3.164 0 0 0-1.143-.205c-.616 0-1.177.075-1.69.164a7.735 7.735 0 0 0-1.26.307l-.321-2.192c.335-.117.834-.233 1.478-.349a10.98 10.98 0 0 1 2.073-.178zm52.842 9.626c.822 0 1.43-.048 1.854-.13V13.7a6.347 6.347 0 0 0-1.574-.199c-.294 0-.595.021-.896.069a2.7 2.7 0 0 0-.814.24 1.46 1.46 0 0 0-.582.491c-.15.212-.218.335-.218.656 0 .628.218.991.615 1.23.404.245.938.362 1.615.362zm-.226-9.694c.883 0 1.629.108 2.231.327.602.219 1.088.526 1.444.915.355.39.609.923.759 1.483a6.8 6.8 0 0 1 .233 1.852v6.873c-.41.088-1.034.19-1.868.314-.834.123-1.772.184-2.813.184-.69 0-1.327-.068-1.895-.198a4.001 4.001 0 0 1-1.471-.635 3.085 3.085 0 0 1-.951-1.134c-.226-.465-.343-1.12-.343-1.804 0-.656.13-1.073.384-1.524.26-.45.608-.82 1.047-1.107.445-.286.95-.491 1.532-.614a8.803 8.803 0 0 1 2.751-.13c.329.034.671.096 1.04.185v-.437a3.3 3.3 0 0 0-.109-.875 1.873 1.873 0 0 0-.384-.731 1.784 1.784 0 0 0-.724-.492 3.165 3.165 0 0 0-1.143-.205c-.616 0-1.177.075-1.69.164a7.75 7.75 0 0 0-1.26.307l-.321-2.193c.335-.116.834-.232 1.478-.348a11.633 11.633 0 0 1 2.073-.177zm-8.034-1.271a1.626 1.626 0 0 1-1.628-1.62c0-.895.725-1.62 1.628-1.62.904 0 1.63.725 1.63 1.62 0 .895-.733 1.62-1.63 1.62zm1.348 13.22h-2.689V7.27l2.69-.423v11.956zm-4.714 0c-4.386.02-4.386-3.54-4.386-4.107l-.008-13.336 2.676-.424v13.254c0 .322 0 2.358 1.718 2.364v2.248zm-8.698-5.903c0-1.156-.253-2.119-.746-2.788-.493-.677-1.183-1.01-2.067-1.01-.882 0-1.574.333-2.065 1.01-.493.676-.733 1.632-.733 2.788 0 1.168.246 1.953.74 2.63.492.683 1.183 1.018 2.066 1.018.882 0 1.574-.342 2.067-1.019.492-.683.738-1.46.738-2.63zm2.737-.007c0 .902-.13 1.584-.397 2.33a5.52 5.52 0 0 1-1.128 1.906 4.986 4.986 0 0 1-1.752 1.223c-.685.286-1.739.45-2.265.45-.528-.006-1.574-.157-2.252-.45a5.096 5.096 0 0 1-1.744-1.223c-.487-.527-.863-1.162-1.137-1.906a6.345 6.345 0 0 1-.41-2.33c0-.902.123-1.77.397-2.508a5.554 5.554 0 0 1 1.15-1.892 5.133 5.133 0 0 1 1.75-1.216c.679-.287 1.425-.423 2.232-.423.808 0 1.553.142 2.237.423a4.88 4.88 0 0 1 1.753 1.216 5.644 5.644 0 0 1 1.135 1.892c.287.738.431 1.606.431 2.508zm-20.138 0c0 1.12.246 2.363.738 2.882.493.52 1.13.78 1.91.78.424 0 .828-.062 1.204-.178.377-.116.677-.253.917-.417V9.33a10.476 10.476 0 0 0-1.766-.226c-.971-.028-1.71.37-2.23 1.004-.513.636-.773 1.75-.773 2.788zm7.438 5.274c0 1.824-.466 3.156-1.404 4.004-.936.846-2.367 1.27-4.296 1.27-.705 0-2.17-.137-3.34-.396l.431-2.118c.98.205 2.272.26 2.95.26 1.074 0 1.84-.219 2.299-.656.459-.437.684-1.086.684-1.948v-.437a8.07 8.07 0 0 1-1.047.397c-.43.13-.93.198-1.492.198-.739 0-1.41-.116-2.018-.349a4.206 4.206 0 0 1-1.567-1.025c-.431-.45-.774-1.017-1.013-1.694-.24-.677-.363-1.885-.363-2.773 0-.834.13-1.88.384-2.577.26-.696.629-1.298 1.129-1.796.493-.498 1.095-.881 1.8-1.162a6.605 6.605 0 0 1 2.428-.457c.87 0 1.67.109 2.45.24.78.129 1.444.265 1.985.415V18.17zM6.972 6.677v1.627c-.712-.446-1.52-.67-2.425-.67-.585 0-1.045.13-1.38.391a1.24 1.24 0 0 0-.502 1.03c0 .425.164.765.494 1.02.33.256.835.532 1.516.83.447.192.795.356 1.045.495.25.138.537.332.862.582.324.25.563.548.718.894.154.345.23.741.23 1.188 0 .947-.334 1.691-1.004 2.234-.67.542-1.537.814-2.601.814-1.18 0-2.16-.229-2.936-.686v-1.708c.84.628 1.814.942 2.92.942.585 0 1.048-.136 1.388-.407.34-.271.51-.646.51-1.125 0-.287-.1-.55-.302-.79-.203-.24-.42-.42-.655-.542-.234-.123-.585-.29-1.053-.503a61.27 61.27 0 0 1-.582-.271 13.67 13.67 0 0 1-.55-.287 4.275 4.275 0 0 1-.567-.351 6.92 6.92 0 0 1-.455-.4c-.18-.17-.31-.34-.39-.51-.08-.17-.155-.37-.224-.598a2.553 2.553 0 0 1-.104-.742c0-.915.333-1.638.998-2.17.664-.532 1.523-.798 2.576-.798.968 0 1.793.17 2.473.51zm7.468 5.696v-.287c-.022-.607-.187-1.088-.495-1.444-.309-.357-.75-.535-1.324-.535-.532 0-.99.194-1.373.583-.382.388-.622.949-.717 1.683h3.909zm1.005 2.792v1.404c-.596.34-1.383.51-2.362.51-1.255 0-2.255-.377-3-1.132-.744-.755-1.116-1.744-1.116-2.968 0-1.297.34-2.316 1.021-3.055.68-.74 1.548-1.11 2.6-1.11 1.033 0 1.852.323 2.458.966.606.644.91 1.572.91 2.784 0 .33-.033.676-.096 1.038h-5.314c.107.702.405 1.239.894 1.611.49.372 1.106.558 1.85.558.862 0 1.58-.202 2.155-.606zm6.605-1.77h-1.212c-.596 0-1.045.116-1.349.35-.303.234-.454.532-.454.894 0 .372.117.664.35.877.235.213.575.32 1.022.32.51 0 .912-.142 1.204-.424.293-.281.44-.651.44-1.108v-.91zm-4.068-2.554V9.325c.627-.361 1.457-.542 2.489-.542 2.116 0 3.175 1.026 3.175 3.08V17h-1.548v-.957c-.415.68-1.143 1.02-2.186 1.02-.766 0-1.38-.22-1.843-.661-.462-.442-.694-1.003-.694-1.684 0-.776.293-1.38.878-1.81.585-.431 1.404-.647 2.457-.647h1.34V11.8c0-.554-.133-.971-.399-1.253-.266-.282-.707-.423-1.324-.423a4.07 4.07 0 0 0-2.345.718zm9.333-1.93v1.42c.394-1 1.101-1.5 2.123-1.5.148 0 .313.016.494.048v1.531a1.885 1.885 0 0 0-.75-.143c-.542 0-.989.24-1.34.718-.351.479-.527 1.048-.527 1.707V17h-1.563V8.91h1.563zm5.01 4.084c.022.82.272 1.492.75 2.019.479.526 1.15.79 2.01.79.639 0 1.235-.176 1.788-.527v1.404c-.521.319-1.186.479-1.995.479-1.265 0-2.276-.4-3.031-1.197-.755-.798-1.133-1.792-1.133-2.984 0-1.16.38-2.151 1.14-2.975.761-.825 1.79-1.237 3.088-1.237.702 0 1.346.149 1.93.447v1.436a3.242 3.242 0 0 0-1.77-.495c-.84 0-1.513.266-2.019.798-.505.532-.758 1.213-.758 2.042zM40.24 5.72v4.579c.458-1 1.293-1.5 2.505-1.5.787 0 1.42.245 1.899.734.479.49.718 1.17.718 2.042V17h-1.564v-5.106c0-.553-.14-.98-.422-1.284-.282-.303-.652-.455-1.11-.455-.531 0-1.002.202-1.411.606-.41.405-.615 1.022-.615 1.851V17h-1.563V5.72h1.563zm14.966 10.02c.596 0 1.096-.253 1.5-.758.404-.506.606-1.157.606-1.955 0-.915-.202-1.62-.606-2.114-.404-.495-.92-.742-1.548-.742-.553 0-1.05.224-1.491.67-.442.447-.662 1.133-.662 2.058 0 .958.212 1.67.638 2.138.425.469.946.703 1.563.703zM53.004 5.72v4.42c.574-.894 1.388-1.341 2.44-1.341 1.022 0 1.857.383 2.506 1.149.649.766.973 1.781.973 3.047 0 1.138-.309 2.109-.925 2.912-.617.803-1.463 1.205-2.537 1.205-1.075 0-1.894-.447-2.457-1.34V17h-1.58V5.72h1.58zm9.908 11.104l-3.223-7.913h1.739l1.005 2.632 1.26 3.415c.096-.32.48-1.458 1.15-3.415l.909-2.632h1.66l-2.92 7.866c-.777 2.074-1.963 3.11-3.559 3.11a2.92 2.92 0 0 1-.734-.079v-1.34c.17.042.351.064.543.064 1.032 0 1.755-.57 2.17-1.708z"></path><path fill="#5468FF" d="M78.988.938h16.594a2.968 2.968 0 0 1 2.966 2.966V20.5a2.967 2.967 0 0 1-2.966 2.964H78.988a2.967 2.967 0 0 1-2.966-2.964V3.897A2.961 2.961 0 0 1 78.988.938z"></path><path fill="white" d="M89.632 5.967v-.772a.978.978 0 0 0-.978-.977h-2.28a.978.978 0 0 0-.978.977v.793c0 .088.082.15.171.13a7.127 7.127 0 0 1 1.984-.28c.65 0 1.295.088 1.917.259.082.02.164-.04.164-.13m-6.248 1.01l-.39-.389a.977.977 0 0 0-1.382 0l-.465.465a.973.973 0 0 0 0 1.38l.383.383c.062.061.15.047.205-.014.226-.307.472-.601.746-.874.281-.28.568-.526.883-.751.068-.042.075-.137.02-.2m4.16 2.453v3.341c0 .096.104.165.192.117l2.97-1.537c.068-.034.089-.117.055-.184a3.695 3.695 0 0 0-3.08-1.866c-.068 0-.136.054-.136.13m0 8.048a4.489 4.489 0 0 1-4.49-4.482 4.488 4.488 0 0 1 4.49-4.482 4.488 4.488 0 0 1 4.489 4.482 4.484 4.484 0 0 1-4.49 4.482m0-10.85a6.363 6.363 0 1 0 0 12.729 6.37 6.37 0 0 0 6.372-6.368 6.358 6.358 0 0 0-6.371-6.36"></path></g></svg></a></div></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Спецификация</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/ru/docs">Документация</a></li><li class="footer__item"><a class="footer__link-item" href="/ru/community">Сообщество</a></li><li class="footer__item"><a class="footer__link-item" href="/ru/nav">Помощь</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Обсуждения<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Сообщество</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Остальное</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">Лицензия<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/ru/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/ru/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
diff --git a/ru/versions.html b/ru/versions.html
index f854e8020c..f413f6a353 100644
--- a/ru/versions.html
+++ b/ru/versions.html
@@ -9,8 +9,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/ru/opensearch.xml"><link rel="stylesheet" href="/ru/assets/css/styles.200d81f1.css">
-<script src="/ru/assets/js/runtime~main.d88d86db.js" defer="defer"></script>
-<script src="/ru/assets/js/main.d5dbc580.js" defer="defer"></script>
+<script src="/ru/assets/js/runtime~main.83a61e56.js" defer="defer"></script>
+<script src="/ru/assets/js/main.ba59251d.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Перейти к основному содержимому"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">Перейти к основному содержимому</a></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Переключить навигационную панель" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/ru/"><div class="navbar__logo"><img src="/ru/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/ru/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a class="navbar__item navbar__link" href="/ru/docs">📖 Документация</a><a class="navbar__item navbar__link" href="/ru/community">💫 Сообщество</a><a class="navbar__item navbar__link" href="/ru/blog">📝 Блог</a><a class="navbar__item navbar__link" href="/ru/examples">🛠 Примеры</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/ru/docs">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a class="dropdown__link" href="/ru/docs">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a aria-current="page" class="dropdown__link dropdown__link--active" href="/ru/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>Русский</a><ul class="dropdown__menu"><li><a href="/ru/versions" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="ru">Русский</a></li><li><a href="/versions" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/uz/versions" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/versions" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="kr">한국어</a></li><li><a href="/ja/versions" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="Переключение между темным и светлым режимом (сейчас используется Светлый режим)" aria-label="Переключение между темным и светлым режимом (сейчас используется Светлый режим)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="Поиск"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Поиск</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><main class="container margin-vert--lg"><h1>Версии Feature-Sliced Design</h1><div class="margin-bottom--lg"><h3 id="next">Feature-Sliced Design v2.0.0 (Current)</h3><p>Здесь можно найти документацию для текущей опубликованной версии</p><table><tbody><tr><th>v2.0.0 🍰</th><td><a href="https://github.com/feature-sliced/documentation/releases/tag/v2.0.0">Release Notes</a></td><td><a href="/ru/docs">Documentation</a></td><td><a href="/ru/docs/guides/migration/from-v1">Migration from v1</a></td></tr></tbody></table></div><div class="margin-bottom--lg"><h3 id="legacy">Feature Slices v1 (Legacy)</h3><p>Здесь можно найти документацию для старых версий feature-slices</p><table><tbody><tr><th>v1.0</th><td><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html">Documentation</a></td></tr><tr><th>v0.1</th><td><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html">Documentation</a></td></tr></tbody></table></div><div class="margin-bottom--lg"><h3 id="legacy">Feature Driven (Legacy)</h3><p>Здесь можно найти документацию для старых версий feature-driven</p><table><tbody><tr><th>v0.1</th><td><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven">Documentation</a></td></tr><tr><th>Example (kof)</th><td><a href="https://github.com/kof/feature-driven-architecture">Github</a></td></tr></tbody></table></div></main></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Спецификация</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/ru/docs">Документация</a></li><li class="footer__item"><a class="footer__link-item" href="/ru/community">Сообщество</a></li><li class="footer__item"><a class="footer__link-item" href="/ru/nav">Помощь</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Обсуждения<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Сообщество</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Остальное</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">Лицензия<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/ru/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/ru/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
diff --git a/search.html b/search.html
index 2e9f363626..88c3058f01 100644
--- a/search.html
+++ b/search.html
@@ -9,8 +9,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/opensearch.xml"><link rel="stylesheet" href="/assets/css/styles.04fd99a1.css">
-<script src="/assets/js/runtime~main.06c92bf3.js" defer="defer"></script>
-<script src="/assets/js/main.e2ab5a51.js" defer="defer"></script>
+<script src="/assets/js/runtime~main.29fb6ef5.js" defer="defer"></script>
+<script src="/assets/js/main.360a9d35.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a class="navbar__item navbar__link" href="/docs">📖 Docs</a><a class="navbar__item navbar__link" href="/community">💫 Community</a><a class="navbar__item navbar__link" href="/blog">📝 Blog</a><a class="navbar__item navbar__link" href="/examples">🛠 Examples</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/docs">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a class="dropdown__link" href="/docs">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>English</a><ul class="dropdown__menu"><li><a href="/ru/search" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ru">Русский</a></li><li><a href="/search" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="en">English</a></li><li><a href="/uz/search" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/search" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="kr">한국어</a></li><li><a href="/ja/search" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><div class="container margin-vert--lg"><h1>Search the documentation</h1><form class="row"><div class="col searchQueryColumn_N3LV col--12"><input type="search" name="q" class="searchQueryInput_wdJ7" placeholder="Type your search here" aria-label="Search" autocomplete="off" autofocus=""></div></form><div class="row"><div class="col col--8 searchResultsColumn_hbJ5"></div><div class="col col--4 text--right searchLogoColumn_CFO_"><a href="https://www.algolia.com/" target="_blank" rel="noopener noreferrer" aria-label="Search by Algolia"><svg viewBox="0 0 168 24" class="algoliaLogo_yo0i"><g fill="none"><path class="algoliaLogoPathFill_Qkgc" d="M120.925 18.804c-4.386.02-4.386-3.54-4.386-4.106l-.007-13.336 2.675-.424v13.254c0 .322 0 2.358 1.718 2.364v2.248zm-10.846-2.18c.821 0 1.43-.047 1.855-.129v-2.719a6.334 6.334 0 0 0-1.574-.199 5.7 5.7 0 0 0-.897.069 2.699 2.699 0 0 0-.814.24c-.24.116-.439.28-.582.491-.15.212-.219.335-.219.656 0 .628.219.991.616 1.23s.938.362 1.615.362zm-.233-9.7c.883 0 1.629.109 2.231.328.602.218 1.088.525 1.444.915.363.396.609.922.76 1.483.157.56.232 1.175.232 1.85v6.874a32.5 32.5 0 0 1-1.868.314c-.834.123-1.772.185-2.813.185-.69 0-1.327-.069-1.895-.198a4.001 4.001 0 0 1-1.471-.636 3.085 3.085 0 0 1-.951-1.134c-.226-.465-.343-1.12-.343-1.803 0-.656.13-1.073.384-1.525a3.24 3.24 0 0 1 1.047-1.106c.445-.287.95-.492 1.532-.615a8.8 8.8 0 0 1 1.82-.185 8.404 8.404 0 0 1 1.972.24v-.438c0-.307-.035-.6-.11-.874a1.88 1.88 0 0 0-.384-.73 1.784 1.784 0 0 0-.724-.493 3.164 3.164 0 0 0-1.143-.205c-.616 0-1.177.075-1.69.164a7.735 7.735 0 0 0-1.26.307l-.321-2.192c.335-.117.834-.233 1.478-.349a10.98 10.98 0 0 1 2.073-.178zm52.842 9.626c.822 0 1.43-.048 1.854-.13V13.7a6.347 6.347 0 0 0-1.574-.199c-.294 0-.595.021-.896.069a2.7 2.7 0 0 0-.814.24 1.46 1.46 0 0 0-.582.491c-.15.212-.218.335-.218.656 0 .628.218.991.615 1.23.404.245.938.362 1.615.362zm-.226-9.694c.883 0 1.629.108 2.231.327.602.219 1.088.526 1.444.915.355.39.609.923.759 1.483a6.8 6.8 0 0 1 .233 1.852v6.873c-.41.088-1.034.19-1.868.314-.834.123-1.772.184-2.813.184-.69 0-1.327-.068-1.895-.198a4.001 4.001 0 0 1-1.471-.635 3.085 3.085 0 0 1-.951-1.134c-.226-.465-.343-1.12-.343-1.804 0-.656.13-1.073.384-1.524.26-.45.608-.82 1.047-1.107.445-.286.95-.491 1.532-.614a8.803 8.803 0 0 1 2.751-.13c.329.034.671.096 1.04.185v-.437a3.3 3.3 0 0 0-.109-.875 1.873 1.873 0 0 0-.384-.731 1.784 1.784 0 0 0-.724-.492 3.165 3.165 0 0 0-1.143-.205c-.616 0-1.177.075-1.69.164a7.75 7.75 0 0 0-1.26.307l-.321-2.193c.335-.116.834-.232 1.478-.348a11.633 11.633 0 0 1 2.073-.177zm-8.034-1.271a1.626 1.626 0 0 1-1.628-1.62c0-.895.725-1.62 1.628-1.62.904 0 1.63.725 1.63 1.62 0 .895-.733 1.62-1.63 1.62zm1.348 13.22h-2.689V7.27l2.69-.423v11.956zm-4.714 0c-4.386.02-4.386-3.54-4.386-4.107l-.008-13.336 2.676-.424v13.254c0 .322 0 2.358 1.718 2.364v2.248zm-8.698-5.903c0-1.156-.253-2.119-.746-2.788-.493-.677-1.183-1.01-2.067-1.01-.882 0-1.574.333-2.065 1.01-.493.676-.733 1.632-.733 2.788 0 1.168.246 1.953.74 2.63.492.683 1.183 1.018 2.066 1.018.882 0 1.574-.342 2.067-1.019.492-.683.738-1.46.738-2.63zm2.737-.007c0 .902-.13 1.584-.397 2.33a5.52 5.52 0 0 1-1.128 1.906 4.986 4.986 0 0 1-1.752 1.223c-.685.286-1.739.45-2.265.45-.528-.006-1.574-.157-2.252-.45a5.096 5.096 0 0 1-1.744-1.223c-.487-.527-.863-1.162-1.137-1.906a6.345 6.345 0 0 1-.41-2.33c0-.902.123-1.77.397-2.508a5.554 5.554 0 0 1 1.15-1.892 5.133 5.133 0 0 1 1.75-1.216c.679-.287 1.425-.423 2.232-.423.808 0 1.553.142 2.237.423a4.88 4.88 0 0 1 1.753 1.216 5.644 5.644 0 0 1 1.135 1.892c.287.738.431 1.606.431 2.508zm-20.138 0c0 1.12.246 2.363.738 2.882.493.52 1.13.78 1.91.78.424 0 .828-.062 1.204-.178.377-.116.677-.253.917-.417V9.33a10.476 10.476 0 0 0-1.766-.226c-.971-.028-1.71.37-2.23 1.004-.513.636-.773 1.75-.773 2.788zm7.438 5.274c0 1.824-.466 3.156-1.404 4.004-.936.846-2.367 1.27-4.296 1.27-.705 0-2.17-.137-3.34-.396l.431-2.118c.98.205 2.272.26 2.95.26 1.074 0 1.84-.219 2.299-.656.459-.437.684-1.086.684-1.948v-.437a8.07 8.07 0 0 1-1.047.397c-.43.13-.93.198-1.492.198-.739 0-1.41-.116-2.018-.349a4.206 4.206 0 0 1-1.567-1.025c-.431-.45-.774-1.017-1.013-1.694-.24-.677-.363-1.885-.363-2.773 0-.834.13-1.88.384-2.577.26-.696.629-1.298 1.129-1.796.493-.498 1.095-.881 1.8-1.162a6.605 6.605 0 0 1 2.428-.457c.87 0 1.67.109 2.45.24.78.129 1.444.265 1.985.415V18.17zM6.972 6.677v1.627c-.712-.446-1.52-.67-2.425-.67-.585 0-1.045.13-1.38.391a1.24 1.24 0 0 0-.502 1.03c0 .425.164.765.494 1.02.33.256.835.532 1.516.83.447.192.795.356 1.045.495.25.138.537.332.862.582.324.25.563.548.718.894.154.345.23.741.23 1.188 0 .947-.334 1.691-1.004 2.234-.67.542-1.537.814-2.601.814-1.18 0-2.16-.229-2.936-.686v-1.708c.84.628 1.814.942 2.92.942.585 0 1.048-.136 1.388-.407.34-.271.51-.646.51-1.125 0-.287-.1-.55-.302-.79-.203-.24-.42-.42-.655-.542-.234-.123-.585-.29-1.053-.503a61.27 61.27 0 0 1-.582-.271 13.67 13.67 0 0 1-.55-.287 4.275 4.275 0 0 1-.567-.351 6.92 6.92 0 0 1-.455-.4c-.18-.17-.31-.34-.39-.51-.08-.17-.155-.37-.224-.598a2.553 2.553 0 0 1-.104-.742c0-.915.333-1.638.998-2.17.664-.532 1.523-.798 2.576-.798.968 0 1.793.17 2.473.51zm7.468 5.696v-.287c-.022-.607-.187-1.088-.495-1.444-.309-.357-.75-.535-1.324-.535-.532 0-.99.194-1.373.583-.382.388-.622.949-.717 1.683h3.909zm1.005 2.792v1.404c-.596.34-1.383.51-2.362.51-1.255 0-2.255-.377-3-1.132-.744-.755-1.116-1.744-1.116-2.968 0-1.297.34-2.316 1.021-3.055.68-.74 1.548-1.11 2.6-1.11 1.033 0 1.852.323 2.458.966.606.644.91 1.572.91 2.784 0 .33-.033.676-.096 1.038h-5.314c.107.702.405 1.239.894 1.611.49.372 1.106.558 1.85.558.862 0 1.58-.202 2.155-.606zm6.605-1.77h-1.212c-.596 0-1.045.116-1.349.35-.303.234-.454.532-.454.894 0 .372.117.664.35.877.235.213.575.32 1.022.32.51 0 .912-.142 1.204-.424.293-.281.44-.651.44-1.108v-.91zm-4.068-2.554V9.325c.627-.361 1.457-.542 2.489-.542 2.116 0 3.175 1.026 3.175 3.08V17h-1.548v-.957c-.415.68-1.143 1.02-2.186 1.02-.766 0-1.38-.22-1.843-.661-.462-.442-.694-1.003-.694-1.684 0-.776.293-1.38.878-1.81.585-.431 1.404-.647 2.457-.647h1.34V11.8c0-.554-.133-.971-.399-1.253-.266-.282-.707-.423-1.324-.423a4.07 4.07 0 0 0-2.345.718zm9.333-1.93v1.42c.394-1 1.101-1.5 2.123-1.5.148 0 .313.016.494.048v1.531a1.885 1.885 0 0 0-.75-.143c-.542 0-.989.24-1.34.718-.351.479-.527 1.048-.527 1.707V17h-1.563V8.91h1.563zm5.01 4.084c.022.82.272 1.492.75 2.019.479.526 1.15.79 2.01.79.639 0 1.235-.176 1.788-.527v1.404c-.521.319-1.186.479-1.995.479-1.265 0-2.276-.4-3.031-1.197-.755-.798-1.133-1.792-1.133-2.984 0-1.16.38-2.151 1.14-2.975.761-.825 1.79-1.237 3.088-1.237.702 0 1.346.149 1.93.447v1.436a3.242 3.242 0 0 0-1.77-.495c-.84 0-1.513.266-2.019.798-.505.532-.758 1.213-.758 2.042zM40.24 5.72v4.579c.458-1 1.293-1.5 2.505-1.5.787 0 1.42.245 1.899.734.479.49.718 1.17.718 2.042V17h-1.564v-5.106c0-.553-.14-.98-.422-1.284-.282-.303-.652-.455-1.11-.455-.531 0-1.002.202-1.411.606-.41.405-.615 1.022-.615 1.851V17h-1.563V5.72h1.563zm14.966 10.02c.596 0 1.096-.253 1.5-.758.404-.506.606-1.157.606-1.955 0-.915-.202-1.62-.606-2.114-.404-.495-.92-.742-1.548-.742-.553 0-1.05.224-1.491.67-.442.447-.662 1.133-.662 2.058 0 .958.212 1.67.638 2.138.425.469.946.703 1.563.703zM53.004 5.72v4.42c.574-.894 1.388-1.341 2.44-1.341 1.022 0 1.857.383 2.506 1.149.649.766.973 1.781.973 3.047 0 1.138-.309 2.109-.925 2.912-.617.803-1.463 1.205-2.537 1.205-1.075 0-1.894-.447-2.457-1.34V17h-1.58V5.72h1.58zm9.908 11.104l-3.223-7.913h1.739l1.005 2.632 1.26 3.415c.096-.32.48-1.458 1.15-3.415l.909-2.632h1.66l-2.92 7.866c-.777 2.074-1.963 3.11-3.559 3.11a2.92 2.92 0 0 1-.734-.079v-1.34c.17.042.351.064.543.064 1.032 0 1.755-.57 2.17-1.708z"></path><path fill="#5468FF" d="M78.988.938h16.594a2.968 2.968 0 0 1 2.966 2.966V20.5a2.967 2.967 0 0 1-2.966 2.964H78.988a2.967 2.967 0 0 1-2.966-2.964V3.897A2.961 2.961 0 0 1 78.988.938z"></path><path fill="white" d="M89.632 5.967v-.772a.978.978 0 0 0-.978-.977h-2.28a.978.978 0 0 0-.978.977v.793c0 .088.082.15.171.13a7.127 7.127 0 0 1 1.984-.28c.65 0 1.295.088 1.917.259.082.02.164-.04.164-.13m-6.248 1.01l-.39-.389a.977.977 0 0 0-1.382 0l-.465.465a.973.973 0 0 0 0 1.38l.383.383c.062.061.15.047.205-.014.226-.307.472-.601.746-.874.281-.28.568-.526.883-.751.068-.042.075-.137.02-.2m4.16 2.453v3.341c0 .096.104.165.192.117l2.97-1.537c.068-.034.089-.117.055-.184a3.695 3.695 0 0 0-3.08-1.866c-.068 0-.136.054-.136.13m0 8.048a4.489 4.489 0 0 1-4.49-4.482 4.488 4.488 0 0 1 4.49-4.482 4.488 4.488 0 0 1 4.489 4.482 4.484 4.484 0 0 1-4.49 4.482m0-10.85a6.363 6.363 0 1 0 0 12.729 6.37 6.37 0 0 0 6.372-6.368 6.358 6.358 0 0 0-6.371-6.36"></path></g></svg></a></div></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Specs</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/docs">Documentation</a></li><li class="footer__item"><a class="footer__link-item" href="/community">Community</a></li><li class="footer__item"><a class="footer__link-item" href="/nav">Help</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">License<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
diff --git a/uz/404.html b/uz/404.html
index c2f4bc592e..f3db26450c 100644
--- a/uz/404.html
+++ b/uz/404.html
@@ -9,8 +9,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/uz/opensearch.xml"><link rel="stylesheet" href="/uz/assets/css/styles.6a4ac441.css">
-<script src="/uz/assets/js/runtime~main.a1b42f8f.js" defer="defer"></script>
-<script src="/uz/assets/js/main.ef087bb6.js" defer="defer"></script>
+<script src="/uz/assets/js/runtime~main.d90f1c87.js" defer="defer"></script>
+<script src="/uz/assets/js/main.b67529a2.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Asosiy tarkibga o&#x27;tish"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">Asosiy tarkibga o&#x27;tish</a></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/uz/"><div class="navbar__logo"><img src="/uz/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/uz/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a class="navbar__item navbar__link" href="/uz/docs">📖 Hujjatlar</a><a class="navbar__item navbar__link" href="/uz/community">💫 Jamiyat</a><a class="navbar__item navbar__link" href="/uz/blog">📝 Blog</a><a class="navbar__item navbar__link" href="/uz/examples">🛠 Namunalar</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/uz/docs">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a class="dropdown__link" href="/uz/docs">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/uz/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>O&#x27;zbekcha</a><ul class="dropdown__menu"><li><a href="/ru/404" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ru">Русский</a></li><li><a href="/404" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/uz/404" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/404" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="kr">한국어</a></li><li><a href="/ja/404" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><main class="container margin-vert--xl"><div class="row"><div class="col col--6 col--offset-3"><h1 class="hero__title">Sahifa topilmadi</h1><p>Afsuski, siz hohlagan sahifa topilmadi</p><p>Iltimos, ushbu havolaga kirgan sayt egasiga havola ishlamayotganligi haqida xabar bering.</p></div></div></main></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Spetsifikatsiya</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/uz/docs">Hujjatlar</a></li><li class="footer__item"><a class="footer__link-item" href="/uz/community">Jamiyat</a></li><li class="footer__item"><a class="footer__link-item" href="/uz/nav">Yordam</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Munozaralar<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Jamiyat</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Yana</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">Litsenziya<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/uz/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/uz/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
diff --git a/uz/assets/js/022a3ac7.ad4cacab.js b/uz/assets/js/022a3ac7.83e1f395.js
similarity index 98%
rename from uz/assets/js/022a3ac7.ad4cacab.js
rename to uz/assets/js/022a3ac7.83e1f395.js
index 5717f85622..c5300402e2 100644
--- a/uz/assets/js/022a3ac7.ad4cacab.js
+++ b/uz/assets/js/022a3ac7.83e1f395.js
@@ -1,2 +1,2 @@
-/*! For license information please see 022a3ac7.ad4cacab.js.LICENSE.txt */
-"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[9856],{923:(e,t,a)=>{a.d(t,{A:()=>o});var n=a(991),s=a(758);const c={icon:{tag:"svg",attrs:{viewBox:"64 64 896 896",focusable:"false"},children:[{tag:"path",attrs:{d:"M917.7 148.8l-42.4-42.4c-1.6-1.6-3.6-2.3-5.7-2.3s-4.1.8-5.7 2.3l-76.1 76.1a199.27 199.27 0 00-112.1-34.3c-51.2 0-102.4 19.5-141.5 58.6L432.3 308.7a8.03 8.03 0 000 11.3L704 591.7c1.6 1.6 3.6 2.3 5.7 2.3 2 0 4.1-.8 5.7-2.3l101.9-101.9c68.9-69 77-175.7 24.3-253.5l76.1-76.1c3.1-3.2 3.1-8.3 0-11.4zM769.1 441.7l-59.4 59.4-186.8-186.8 59.4-59.4c24.9-24.9 58.1-38.7 93.4-38.7 35.3 0 68.4 13.7 93.4 38.7 24.9 24.9 38.7 58.1 38.7 93.4 0 35.3-13.8 68.4-38.7 93.4zm-190.2 105a8.03 8.03 0 00-11.3 0L501 613.3 410.7 523l66.7-66.7c3.1-3.1 3.1-8.2 0-11.3L441 408.6a8.03 8.03 0 00-11.3 0L363 475.3l-43-43a7.85 7.85 0 00-5.7-2.3c-2 0-4.1.8-5.7 2.3L206.8 534.2c-68.9 69-77 175.7-24.3 253.5l-76.1 76.1a8.03 8.03 0 000 11.3l42.4 42.4c1.6 1.6 3.6 2.3 5.7 2.3s4.1-.8 5.7-2.3l76.1-76.1c33.7 22.9 72.9 34.3 112.1 34.3 51.2 0 102.4-19.5 141.5-58.6l101.9-101.9c3.1-3.1 3.1-8.2 0-11.3l-43-43 66.7-66.7c3.1-3.1 3.1-8.2 0-11.3l-36.6-36.2zM441.7 769.1a131.32 131.32 0 01-93.4 38.7c-35.3 0-68.4-13.7-93.4-38.7a131.32 131.32 0 01-38.7-93.4c0-35.3 13.7-68.4 38.7-93.4l59.4-59.4 186.8 186.8-59.4 59.4z"}}]},name:"api",theme:"outlined"};var i=a(9820),r=function(e,t){return s.createElement(i.A,(0,n.A)({},e,{ref:t,icon:c}))};const o=s.forwardRef(r)},7946:(e,t,a)=>{a.d(t,{Ay:()=>o,RM:()=>i});var n=a(6070),s=a(1100),c=a(5988);const i=[];function r(e){return(0,n.jsx)(c.A,{...e})}function o(e={}){const{wrapper:t}={...(0,s.R)(),...e.components};return t?(0,n.jsx)(t,{...e,children:(0,n.jsx)(r,{...e})}):r(e)}},2459:(e,t,a)=>{a.r(t),a.d(t,{assets:()=>y,contentTitle:()=>_,default:()=>A,frontMatter:()=>z,metadata:()=>j,toc:()=>M});var n=a(6070),s=a(1100),c=a(7946),i=a(991),r=a(758);const o={icon:{tag:"svg",attrs:{viewBox:"64 64 896 896",focusable:"false"},children:[{tag:"defs",attrs:{},children:[{tag:"style",attrs:{}}]},{tag:"path",attrs:{d:"M912 820.1V203.9c28-9.9 48-36.6 48-67.9 0-39.8-32.2-72-72-72-31.3 0-58 20-67.9 48H203.9C194 84 167.3 64 136 64c-39.8 0-72 32.2-72 72 0 31.3 20 58 48 67.9v616.2C84 830 64 856.7 64 888c0 39.8 32.2 72 72 72 31.3 0 58-20 67.9-48h616.2c9.9 28 36.6 48 67.9 48 39.8 0 72-32.2 72-72 0-31.3-20-58-48-67.9zM888 112c13.3 0 24 10.7 24 24s-10.7 24-24 24-24-10.7-24-24 10.7-24 24-24zM136 912c-13.3 0-24-10.7-24-24s10.7-24 24-24 24 10.7 24 24-10.7 24-24 24zm0-752c-13.3 0-24-10.7-24-24s10.7-24 24-24 24 10.7 24 24-10.7 24-24 24zm704 680H184V184h656v656zm48 72c-13.3 0-24-10.7-24-24s10.7-24 24-24 24 10.7 24 24-10.7 24-24 24z"}},{tag:"path",attrs:{d:"M288 474h448c8.8 0 16-7.2 16-16V282c0-8.8-7.2-16-16-16H288c-8.8 0-16 7.2-16 16v176c0 8.8 7.2 16 16 16zm56-136h336v64H344v-64zm-56 420h448c8.8 0 16-7.2 16-16V566c0-8.8-7.2-16-16-16H288c-8.8 0-16 7.2-16 16v176c0 8.8 7.2 16 16 16zm56-136h336v64H344v-64z"}}]},name:"group",theme:"outlined"};var l=a(9820),d=function(e,t){return r.createElement(l.A,(0,i.A)({},e,{ref:t,icon:o}))};const u=r.forwardRef(d);const m={icon:{tag:"svg",attrs:{viewBox:"64 64 896 896",focusable:"false"},children:[{tag:"path",attrs:{d:"M464 144H160c-8.8 0-16 7.2-16 16v304c0 8.8 7.2 16 16 16h304c8.8 0 16-7.2 16-16V160c0-8.8-7.2-16-16-16zm-52 268H212V212h200v200zm452-268H560c-8.8 0-16 7.2-16 16v304c0 8.8 7.2 16 16 16h304c8.8 0 16-7.2 16-16V160c0-8.8-7.2-16-16-16zm-52 268H612V212h200v200zM464 544H160c-8.8 0-16 7.2-16 16v304c0 8.8 7.2 16 16 16h304c8.8 0 16-7.2 16-16V560c0-8.8-7.2-16-16-16zm-52 268H212V612h200v200zm452-268H560c-8.8 0-16 7.2-16 16v304c0 8.8 7.2 16 16 16h304c8.8 0 16-7.2 16-16V560c0-8.8-7.2-16-16-16zm-52 268H612V612h200v200z"}}]},name:"appstore",theme:"outlined"};var h=function(e,t){return r.createElement(l.A,(0,i.A)({},e,{ref:t,icon:m}))};const f=r.forwardRef(h);const p={icon:{tag:"svg",attrs:{viewBox:"64 64 896 896",focusable:"false"},children:[{tag:"defs",attrs:{},children:[{tag:"style",attrs:{}}]},{tag:"path",attrs:{d:"M843.5 737.4c-12.4-75.2-79.2-129.1-155.3-125.4S550.9 676 546 752c-153.5-4.8-208-40.7-199.1-113.7 3.3-27.3 19.8-41.9 50.1-49 18.4-4.3 38.8-4.9 57.3-3.2 1.7.2 3.5.3 5.2.5 11.3 2.7 22.8 5 34.3 6.8 34.1 5.6 68.8 8.4 101.8 6.6 92.8-5 156-45.9 159.2-132.7 3.1-84.1-54.7-143.7-147.9-183.6-29.9-12.8-61.6-22.7-93.3-30.2-14.3-3.4-26.3-5.7-35.2-7.2-7.9-75.9-71.5-133.8-147.8-134.4-76.3-.6-140.9 56.1-150.1 131.9s40 146.3 114.2 163.9c74.2 17.6 149.9-23.3 175.7-95.1 9.4 1.7 18.7 3.6 28 5.8 28.2 6.6 56.4 15.4 82.4 26.6 70.7 30.2 109.3 70.1 107.5 119.9-1.6 44.6-33.6 65.2-96.2 68.6-27.5 1.5-57.6-.9-87.3-5.8-8.3-1.4-15.9-2.8-22.6-4.3-3.9-.8-6.6-1.5-7.8-1.8l-3.1-.6c-2.2-.3-5.9-.8-10.7-1.3-25-2.3-52.1-1.5-78.5 4.6-55.2 12.9-93.9 47.2-101.1 105.8-15.7 126.2 78.6 184.7 276 188.9 29.1 70.4 106.4 107.9 179.6 87 73.3-20.9 119.3-93.4 106.9-168.6zM329.1 345.2a83.3 83.3 0 11.01-166.61 83.3 83.3 0 01-.01 166.61zM695.6 845a83.3 83.3 0 11.01-166.61A83.3 83.3 0 01695.6 845z"}}]},name:"node-index",theme:"outlined"};var v=function(e,t){return r.createElement(l.A,(0,i.A)({},e,{ref:t,icon:p}))};const g=r.forwardRef(v);var x=a(923);const z={sidebar_position:0,hide_table_of_contents:!0,pagination_prev:"guides/index"},_="\ud83d\udcda Malumot",j={id:"reference/index",title:"\ud83d\udcda Malumot",description:"Feature-Sliced Design asosiy tushunchalarining batafsil tavsifi.",source:"@site/i18n/uz/docusaurus-plugin-content-docs/current/reference/index.mdx",sourceDirName:"reference",slug:"/reference/",permalink:"/uz/docs/reference/",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/uz/docusaurus-plugin-content-docs/current/reference/index.mdx",tags:[],version:"current",lastUpdatedAt:1727607766e3,sidebarPosition:0,frontMatter:{sidebar_position:0,hide_table_of_contents:!0,pagination_prev:"guides/index"},sidebar:"referenceSidebar",previous:{title:"\ud83c\udfaf Guides",permalink:"/uz/docs/guides/"},next:{title:"Qatlamlar",permalink:"/uz/docs/reference/layers"}},y={},M=[...c.RM,...c.RM,...c.RM,...c.RM];function b(e){const t={h1:"h1",header:"header",p:"p",...(0,s.R)(),...e.components};return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(t.header,{children:(0,n.jsx)(t.h1,{id:"-malumot",children:"\ud83d\udcda Malumot"})}),"\n",(0,n.jsx)("p",{class:"summary",children:(0,n.jsx)(t.p,{children:"Feature-Sliced Design asosiy tushunchalarining batafsil tavsifi."})}),"\n",(0,n.jsx)(c.Ay,{title:"Qatlamlar",description:"Qatlamning ta'rifi va barcha qatlamlar uchun tushuntirishlar",to:"/docs/reference/layers",Icon:u}),"\n",(0,n.jsx)(c.Ay,{title:"Bo'lak va segmentlar",description:"Bo'lak va segmentning ta'riflari, turli qatlamlardagi segmentlar uchun kontent misollari",to:"/docs/reference/slices-segments",Icon:f}),"\n",(0,n.jsx)(c.Ay,{title:"Izolyatsiya",description:"O'lchovli va samarali modul o'zaro ta'siri uchun amaliyotlar",to:"/docs/reference/isolation",Icon:g}),"\n",(0,n.jsx)(c.Ay,{title:"Ommaviy API",description:"Kengaytiriladigan va integratsiyalashuvi oson modullarni loyihalash amaliyoti",to:"/docs/reference/public-api",Icon:x.A})]})}function A(e={}){const{wrapper:t}={...(0,s.R)(),...e.components};return t?(0,n.jsx)(t,{...e,children:(0,n.jsx)(b,{...e})}):b(e)}},5988:(e,t,a)=>{a.d(t,{Y:()=>r,A:()=>l});a(758);var n=a(3526),s=a(6783);const c={root:"root_GfON",rootDisabled:"rootDisabled_SFUB",details:"details_xxkR",detailsTags:"detailsTags_uTQx",icon:"icon_ciqP",title:"title_pSH5",description:"description__Fep",miniTheme:"miniTheme_ePfp",primaryTheme:"primaryTheme_CilO",defaultTheme:"defaultTheme_j3I8"};var i=a(6070);const r=e=>{const{title:t,description:a,to:r,Icon:l,tags:d,className:u,disabled:m,theme:h="default"}=e;return(0,i.jsxs)(s.A,{className:(0,n.A)(c.root,u,m&&c.rootDisabled,c[`${h}Theme`]),to:r,children:[(0,i.jsx)(o,{Icon:l}),(0,i.jsxs)("div",{className:c.details,children:[(0,i.jsxs)("div",{className:c.detailsMain,children:[(0,i.jsx)("span",{className:c.title,children:t}),(0,i.jsx)("p",{className:c.description,children:a})]}),d&&(0,i.jsx)("div",{className:c.detailsTags,children:d.join(" \u2022 ")})]})]})},o=e=>{let{Icon:t}=e;return t?"string"==typeof t?(0,i.jsx)("span",{className:c.icon,children:t}):(0,i.jsx)(t,{className:c.icon}):null},l=r},1100:(e,t,a)=>{a.d(t,{R:()=>i,x:()=>r});var n=a(758);const s={},c=n.createContext(s);function i(e){const t=n.useContext(c);return n.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function r(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(s):e.components||s:i(e.components),n.createElement(c.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
+/*! For license information please see 022a3ac7.83e1f395.js.LICENSE.txt */
+"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[9856],{923:(e,t,a)=>{a.d(t,{A:()=>o});var n=a(991),s=a(758);const c={icon:{tag:"svg",attrs:{viewBox:"64 64 896 896",focusable:"false"},children:[{tag:"path",attrs:{d:"M917.7 148.8l-42.4-42.4c-1.6-1.6-3.6-2.3-5.7-2.3s-4.1.8-5.7 2.3l-76.1 76.1a199.27 199.27 0 00-112.1-34.3c-51.2 0-102.4 19.5-141.5 58.6L432.3 308.7a8.03 8.03 0 000 11.3L704 591.7c1.6 1.6 3.6 2.3 5.7 2.3 2 0 4.1-.8 5.7-2.3l101.9-101.9c68.9-69 77-175.7 24.3-253.5l76.1-76.1c3.1-3.2 3.1-8.3 0-11.4zM769.1 441.7l-59.4 59.4-186.8-186.8 59.4-59.4c24.9-24.9 58.1-38.7 93.4-38.7 35.3 0 68.4 13.7 93.4 38.7 24.9 24.9 38.7 58.1 38.7 93.4 0 35.3-13.8 68.4-38.7 93.4zm-190.2 105a8.03 8.03 0 00-11.3 0L501 613.3 410.7 523l66.7-66.7c3.1-3.1 3.1-8.2 0-11.3L441 408.6a8.03 8.03 0 00-11.3 0L363 475.3l-43-43a7.85 7.85 0 00-5.7-2.3c-2 0-4.1.8-5.7 2.3L206.8 534.2c-68.9 69-77 175.7-24.3 253.5l-76.1 76.1a8.03 8.03 0 000 11.3l42.4 42.4c1.6 1.6 3.6 2.3 5.7 2.3s4.1-.8 5.7-2.3l76.1-76.1c33.7 22.9 72.9 34.3 112.1 34.3 51.2 0 102.4-19.5 141.5-58.6l101.9-101.9c3.1-3.1 3.1-8.2 0-11.3l-43-43 66.7-66.7c3.1-3.1 3.1-8.2 0-11.3l-36.6-36.2zM441.7 769.1a131.32 131.32 0 01-93.4 38.7c-35.3 0-68.4-13.7-93.4-38.7a131.32 131.32 0 01-38.7-93.4c0-35.3 13.7-68.4 38.7-93.4l59.4-59.4 186.8 186.8-59.4 59.4z"}}]},name:"api",theme:"outlined"};var i=a(9820),r=function(e,t){return s.createElement(i.A,(0,n.A)({},e,{ref:t,icon:c}))};const o=s.forwardRef(r)},7946:(e,t,a)=>{a.d(t,{Ay:()=>o,RM:()=>i});var n=a(6070),s=a(1100),c=a(5988);const i=[];function r(e){return(0,n.jsx)(c.A,{...e})}function o(e={}){const{wrapper:t}={...(0,s.R)(),...e.components};return t?(0,n.jsx)(t,{...e,children:(0,n.jsx)(r,{...e})}):r(e)}},2459:(e,t,a)=>{a.r(t),a.d(t,{assets:()=>y,contentTitle:()=>_,default:()=>A,frontMatter:()=>z,metadata:()=>j,toc:()=>M});var n=a(6070),s=a(1100),c=a(7946),i=a(991),r=a(758);const o={icon:{tag:"svg",attrs:{viewBox:"64 64 896 896",focusable:"false"},children:[{tag:"defs",attrs:{},children:[{tag:"style",attrs:{}}]},{tag:"path",attrs:{d:"M912 820.1V203.9c28-9.9 48-36.6 48-67.9 0-39.8-32.2-72-72-72-31.3 0-58 20-67.9 48H203.9C194 84 167.3 64 136 64c-39.8 0-72 32.2-72 72 0 31.3 20 58 48 67.9v616.2C84 830 64 856.7 64 888c0 39.8 32.2 72 72 72 31.3 0 58-20 67.9-48h616.2c9.9 28 36.6 48 67.9 48 39.8 0 72-32.2 72-72 0-31.3-20-58-48-67.9zM888 112c13.3 0 24 10.7 24 24s-10.7 24-24 24-24-10.7-24-24 10.7-24 24-24zM136 912c-13.3 0-24-10.7-24-24s10.7-24 24-24 24 10.7 24 24-10.7 24-24 24zm0-752c-13.3 0-24-10.7-24-24s10.7-24 24-24 24 10.7 24 24-10.7 24-24 24zm704 680H184V184h656v656zm48 72c-13.3 0-24-10.7-24-24s10.7-24 24-24 24 10.7 24 24-10.7 24-24 24z"}},{tag:"path",attrs:{d:"M288 474h448c8.8 0 16-7.2 16-16V282c0-8.8-7.2-16-16-16H288c-8.8 0-16 7.2-16 16v176c0 8.8 7.2 16 16 16zm56-136h336v64H344v-64zm-56 420h448c8.8 0 16-7.2 16-16V566c0-8.8-7.2-16-16-16H288c-8.8 0-16 7.2-16 16v176c0 8.8 7.2 16 16 16zm56-136h336v64H344v-64z"}}]},name:"group",theme:"outlined"};var l=a(9820),d=function(e,t){return r.createElement(l.A,(0,i.A)({},e,{ref:t,icon:o}))};const u=r.forwardRef(d);const m={icon:{tag:"svg",attrs:{viewBox:"64 64 896 896",focusable:"false"},children:[{tag:"path",attrs:{d:"M464 144H160c-8.8 0-16 7.2-16 16v304c0 8.8 7.2 16 16 16h304c8.8 0 16-7.2 16-16V160c0-8.8-7.2-16-16-16zm-52 268H212V212h200v200zm452-268H560c-8.8 0-16 7.2-16 16v304c0 8.8 7.2 16 16 16h304c8.8 0 16-7.2 16-16V160c0-8.8-7.2-16-16-16zm-52 268H612V212h200v200zM464 544H160c-8.8 0-16 7.2-16 16v304c0 8.8 7.2 16 16 16h304c8.8 0 16-7.2 16-16V560c0-8.8-7.2-16-16-16zm-52 268H212V612h200v200zm452-268H560c-8.8 0-16 7.2-16 16v304c0 8.8 7.2 16 16 16h304c8.8 0 16-7.2 16-16V560c0-8.8-7.2-16-16-16zm-52 268H612V612h200v200z"}}]},name:"appstore",theme:"outlined"};var h=function(e,t){return r.createElement(l.A,(0,i.A)({},e,{ref:t,icon:m}))};const f=r.forwardRef(h);const p={icon:{tag:"svg",attrs:{viewBox:"64 64 896 896",focusable:"false"},children:[{tag:"defs",attrs:{},children:[{tag:"style",attrs:{}}]},{tag:"path",attrs:{d:"M843.5 737.4c-12.4-75.2-79.2-129.1-155.3-125.4S550.9 676 546 752c-153.5-4.8-208-40.7-199.1-113.7 3.3-27.3 19.8-41.9 50.1-49 18.4-4.3 38.8-4.9 57.3-3.2 1.7.2 3.5.3 5.2.5 11.3 2.7 22.8 5 34.3 6.8 34.1 5.6 68.8 8.4 101.8 6.6 92.8-5 156-45.9 159.2-132.7 3.1-84.1-54.7-143.7-147.9-183.6-29.9-12.8-61.6-22.7-93.3-30.2-14.3-3.4-26.3-5.7-35.2-7.2-7.9-75.9-71.5-133.8-147.8-134.4-76.3-.6-140.9 56.1-150.1 131.9s40 146.3 114.2 163.9c74.2 17.6 149.9-23.3 175.7-95.1 9.4 1.7 18.7 3.6 28 5.8 28.2 6.6 56.4 15.4 82.4 26.6 70.7 30.2 109.3 70.1 107.5 119.9-1.6 44.6-33.6 65.2-96.2 68.6-27.5 1.5-57.6-.9-87.3-5.8-8.3-1.4-15.9-2.8-22.6-4.3-3.9-.8-6.6-1.5-7.8-1.8l-3.1-.6c-2.2-.3-5.9-.8-10.7-1.3-25-2.3-52.1-1.5-78.5 4.6-55.2 12.9-93.9 47.2-101.1 105.8-15.7 126.2 78.6 184.7 276 188.9 29.1 70.4 106.4 107.9 179.6 87 73.3-20.9 119.3-93.4 106.9-168.6zM329.1 345.2a83.3 83.3 0 11.01-166.61 83.3 83.3 0 01-.01 166.61zM695.6 845a83.3 83.3 0 11.01-166.61A83.3 83.3 0 01695.6 845z"}}]},name:"node-index",theme:"outlined"};var v=function(e,t){return r.createElement(l.A,(0,i.A)({},e,{ref:t,icon:p}))};const g=r.forwardRef(v);var x=a(923);const z={sidebar_position:0,hide_table_of_contents:!0,pagination_prev:"guides/index"},_="\ud83d\udcda Malumot",j={id:"reference/index",title:"\ud83d\udcda Malumot",description:"Feature-Sliced Design asosiy tushunchalarining batafsil tavsifi.",source:"@site/i18n/uz/docusaurus-plugin-content-docs/current/reference/index.mdx",sourceDirName:"reference",slug:"/reference/",permalink:"/uz/docs/reference/",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/uz/docusaurus-plugin-content-docs/current/reference/index.mdx",tags:[],version:"current",lastUpdatedAt:1728325386e3,sidebarPosition:0,frontMatter:{sidebar_position:0,hide_table_of_contents:!0,pagination_prev:"guides/index"},sidebar:"referenceSidebar",previous:{title:"\ud83c\udfaf Guides",permalink:"/uz/docs/guides/"},next:{title:"Qatlamlar",permalink:"/uz/docs/reference/layers"}},y={},M=[...c.RM,...c.RM,...c.RM,...c.RM];function b(e){const t={h1:"h1",header:"header",p:"p",...(0,s.R)(),...e.components};return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(t.header,{children:(0,n.jsx)(t.h1,{id:"-malumot",children:"\ud83d\udcda Malumot"})}),"\n",(0,n.jsx)("p",{class:"summary",children:(0,n.jsx)(t.p,{children:"Feature-Sliced Design asosiy tushunchalarining batafsil tavsifi."})}),"\n",(0,n.jsx)(c.Ay,{title:"Qatlamlar",description:"Qatlamning ta'rifi va barcha qatlamlar uchun tushuntirishlar",to:"/docs/reference/layers",Icon:u}),"\n",(0,n.jsx)(c.Ay,{title:"Bo'lak va segmentlar",description:"Bo'lak va segmentning ta'riflari, turli qatlamlardagi segmentlar uchun kontent misollari",to:"/docs/reference/slices-segments",Icon:f}),"\n",(0,n.jsx)(c.Ay,{title:"Izolyatsiya",description:"O'lchovli va samarali modul o'zaro ta'siri uchun amaliyotlar",to:"/docs/reference/isolation",Icon:g}),"\n",(0,n.jsx)(c.Ay,{title:"Ommaviy API",description:"Kengaytiriladigan va integratsiyalashuvi oson modullarni loyihalash amaliyoti",to:"/docs/reference/public-api",Icon:x.A})]})}function A(e={}){const{wrapper:t}={...(0,s.R)(),...e.components};return t?(0,n.jsx)(t,{...e,children:(0,n.jsx)(b,{...e})}):b(e)}},5988:(e,t,a)=>{a.d(t,{Y:()=>r,A:()=>l});a(758);var n=a(3526),s=a(6783);const c={root:"root_GfON",rootDisabled:"rootDisabled_SFUB",details:"details_xxkR",detailsTags:"detailsTags_uTQx",icon:"icon_ciqP",title:"title_pSH5",description:"description__Fep",miniTheme:"miniTheme_ePfp",primaryTheme:"primaryTheme_CilO",defaultTheme:"defaultTheme_j3I8"};var i=a(6070);const r=e=>{const{title:t,description:a,to:r,Icon:l,tags:d,className:u,disabled:m,theme:h="default"}=e;return(0,i.jsxs)(s.A,{className:(0,n.A)(c.root,u,m&&c.rootDisabled,c[`${h}Theme`]),to:r,children:[(0,i.jsx)(o,{Icon:l}),(0,i.jsxs)("div",{className:c.details,children:[(0,i.jsxs)("div",{className:c.detailsMain,children:[(0,i.jsx)("span",{className:c.title,children:t}),(0,i.jsx)("p",{className:c.description,children:a})]}),d&&(0,i.jsx)("div",{className:c.detailsTags,children:d.join(" \u2022 ")})]})]})},o=e=>{let{Icon:t}=e;return t?"string"==typeof t?(0,i.jsx)("span",{className:c.icon,children:t}):(0,i.jsx)(t,{className:c.icon}):null},l=r},1100:(e,t,a)=>{a.d(t,{R:()=>i,x:()=>r});var n=a(758);const s={},c=n.createContext(s);function i(e){const t=n.useContext(c);return n.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function r(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(s):e.components||s:i(e.components),n.createElement(c.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
diff --git a/uz/assets/js/022a3ac7.ad4cacab.js.LICENSE.txt b/uz/assets/js/022a3ac7.83e1f395.js.LICENSE.txt
similarity index 100%
rename from uz/assets/js/022a3ac7.ad4cacab.js.LICENSE.txt
rename to uz/assets/js/022a3ac7.83e1f395.js.LICENSE.txt
diff --git a/uz/assets/js/0499e362.73fb0383.js b/uz/assets/js/0499e362.12e093af.js
similarity index 98%
rename from uz/assets/js/0499e362.73fb0383.js
rename to uz/assets/js/0499e362.12e093af.js
index e97781e31f..d446b76ce9 100644
--- a/uz/assets/js/0499e362.73fb0383.js
+++ b/uz/assets/js/0499e362.12e093af.js
@@ -1 +1 @@
-"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[4005],{1539:(e,t,s)=>{s.r(t),s.d(t,{assets:()=>c,contentTitle:()=>r,default:()=>h,frontMatter:()=>o,metadata:()=>a,toc:()=>d});var i=s(6070),n=s(1100);const o={unlisted:!0},r="Decomposition cheatsheet",a={id:"get-started/cheatsheet",title:"Decomposition cheatsheet",description:"Use this as a quick reference when you're deciding how to decompose your UI. PDF versions are also available below, so you can print it out and keep one under your pillow.",source:"@site/i18n/en/docusaurus-plugin-content-docs/current/get-started/cheatsheet.mdx",sourceDirName:"get-started",slug:"/get-started/cheatsheet",permalink:"/uz/docs/get-started/cheatsheet",draft:!1,unlisted:!0,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/get-started/cheatsheet.mdx",tags:[],version:"current",lastUpdatedAt:1727607766e3,frontMatter:{unlisted:!0},sidebar:"getstartedSidebar"},c={},d=[{value:"Choosing a layer",id:"choosing-a-layer",level:2},{value:"Examples",id:"examples",level:2},{value:"Tweet",id:"tweet",level:3},{value:"GitHub",id:"github",level:3},{value:"See also",id:"see-also",level:2}];function l(e){const t={a:"a",h1:"h1",h2:"h2",h3:"h3",header:"header",img:"img",li:"li",p:"p",ul:"ul",...(0,n.R)(),...e.components};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(t.header,{children:(0,i.jsx)(t.h1,{id:"decomposition-cheatsheet",children:"Decomposition cheatsheet"})}),"\n",(0,i.jsx)(t.p,{children:"Use this as a quick reference when you're deciding how to decompose your UI. PDF versions are also available below, so you can print it out and keep one under your pillow."}),"\n",(0,i.jsx)(t.h2,{id:"choosing-a-layer",children:"Choosing a layer"}),"\n",(0,i.jsx)(t.p,{children:(0,i.jsx)(t.a,{target:"_blank","data-noBrokenLinkCheck":!0,href:s(9603).A+"",children:"Download PDF"})}),"\n",(0,i.jsx)(t.p,{children:(0,i.jsx)(t.img,{alt:"Definitions of all layers and self-check questions",src:s(4603).A+"",width:"1684",height:"1190"})}),"\n",(0,i.jsx)(t.h2,{id:"examples",children:"Examples"}),"\n",(0,i.jsx)(t.h3,{id:"tweet",children:"Tweet"}),"\n",(0,i.jsx)(t.p,{children:(0,i.jsx)(t.img,{alt:"decomposed-tweet-bordered-bgLight",src:s(8898).A+"",width:"1200",height:"2364"})}),"\n",(0,i.jsx)(t.h3,{id:"github",children:"GitHub"}),"\n",(0,i.jsx)(t.p,{children:(0,i.jsx)(t.img,{alt:"decomposed-github-bordered",src:s(8142).A+"",width:"2291",height:"1080"})}),"\n",(0,i.jsx)(t.h2,{id:"see-also",children:"See also"}),"\n",(0,i.jsxs)(t.ul,{children:["\n",(0,i.jsx)(t.li,{children:(0,i.jsx)(t.a,{href:"https://t.me/feature_sliced/4262",children:"(Thread) General logic for features and entities"})}),"\n",(0,i.jsx)(t.li,{children:(0,i.jsx)(t.a,{href:"https://t.me/feature_sliced/4210",children:"(Thread) Decomposition of swollen logic"})}),"\n",(0,i.jsx)(t.li,{children:(0,i.jsx)(t.a,{href:"https://t.me/feature_sliced/4088",children:"(Thread) About understanding the areas of responsibility during decomposition"})}),"\n",(0,i.jsx)(t.li,{children:(0,i.jsx)(t.a,{href:"https://t.me/feature_sliced/3828",children:"(Thread) Decomposition of the Product List widget"})}),"\n",(0,i.jsx)(t.li,{children:(0,i.jsx)(t.a,{href:"https://www.pluralsight.com/guides/how-to-organize-your-react-+-redux-codebase",children:"(Article) Different approaches to the decomposition of logic"})}),"\n",(0,i.jsx)(t.li,{children:(0,i.jsx)(t.a,{href:"https://t.me/feature_sliced/3776",children:"(Thread) About the difference between features and entities"})}),"\n",(0,i.jsx)(t.li,{children:(0,i.jsx)(t.a,{href:"https://t.me/feature_sliced/3248",children:"(Thread) About the difference between things and entities (2)"})}),"\n",(0,i.jsx)(t.li,{children:(0,i.jsx)(t.a,{href:"https://t.me/feature_sliced/3833",children:"(Thread) About the application of criteria for decomposition"})}),"\n"]})]})}function h(e={}){const{wrapper:t}={...(0,n.R)(),...e.components};return t?(0,i.jsx)(t,{...e,children:(0,i.jsx)(l,{...e})}):l(e)}},9603:(e,t,s)=>{s.d(t,{A:()=>i});const i=s.p+"assets/files/choosing-a-layer-en-12fdf3265c8fc4f6b58687352b81fce7.pdf"},4603:(e,t,s)=>{s.d(t,{A:()=>i});const i=s.p+"assets/images/choosing-a-layer-en-5b67f20bb921ba17d78a56c0dc7654a9.jpg"},8142:(e,t,s)=>{s.d(t,{A:()=>i});const i=s.p+"assets/images/decompose-github-a0eeb839a4b5ef5c480a73726a4451b0.jpg"},8898:(e,t,s)=>{s.d(t,{A:()=>i});const i=s.p+"assets/images/decompose-twitter-7b9a50f879d763c49305b3bf0751ee35.png"},1100:(e,t,s)=>{s.d(t,{R:()=>r,x:()=>a});var i=s(758);const n={},o=i.createContext(n);function r(e){const t=i.useContext(o);return i.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function a(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(n):e.components||n:r(e.components),i.createElement(o.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
+"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[4005],{1539:(e,t,s)=>{s.r(t),s.d(t,{assets:()=>c,contentTitle:()=>r,default:()=>h,frontMatter:()=>o,metadata:()=>a,toc:()=>d});var i=s(6070),n=s(1100);const o={unlisted:!0},r="Decomposition cheatsheet",a={id:"get-started/cheatsheet",title:"Decomposition cheatsheet",description:"Use this as a quick reference when you're deciding how to decompose your UI. PDF versions are also available below, so you can print it out and keep one under your pillow.",source:"@site/i18n/en/docusaurus-plugin-content-docs/current/get-started/cheatsheet.mdx",sourceDirName:"get-started",slug:"/get-started/cheatsheet",permalink:"/uz/docs/get-started/cheatsheet",draft:!1,unlisted:!0,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/get-started/cheatsheet.mdx",tags:[],version:"current",lastUpdatedAt:1728325386e3,frontMatter:{unlisted:!0},sidebar:"getstartedSidebar"},c={},d=[{value:"Choosing a layer",id:"choosing-a-layer",level:2},{value:"Examples",id:"examples",level:2},{value:"Tweet",id:"tweet",level:3},{value:"GitHub",id:"github",level:3},{value:"See also",id:"see-also",level:2}];function l(e){const t={a:"a",h1:"h1",h2:"h2",h3:"h3",header:"header",img:"img",li:"li",p:"p",ul:"ul",...(0,n.R)(),...e.components};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(t.header,{children:(0,i.jsx)(t.h1,{id:"decomposition-cheatsheet",children:"Decomposition cheatsheet"})}),"\n",(0,i.jsx)(t.p,{children:"Use this as a quick reference when you're deciding how to decompose your UI. PDF versions are also available below, so you can print it out and keep one under your pillow."}),"\n",(0,i.jsx)(t.h2,{id:"choosing-a-layer",children:"Choosing a layer"}),"\n",(0,i.jsx)(t.p,{children:(0,i.jsx)(t.a,{target:"_blank","data-noBrokenLinkCheck":!0,href:s(9603).A+"",children:"Download PDF"})}),"\n",(0,i.jsx)(t.p,{children:(0,i.jsx)(t.img,{alt:"Definitions of all layers and self-check questions",src:s(4603).A+"",width:"1684",height:"1190"})}),"\n",(0,i.jsx)(t.h2,{id:"examples",children:"Examples"}),"\n",(0,i.jsx)(t.h3,{id:"tweet",children:"Tweet"}),"\n",(0,i.jsx)(t.p,{children:(0,i.jsx)(t.img,{alt:"decomposed-tweet-bordered-bgLight",src:s(8898).A+"",width:"1200",height:"2364"})}),"\n",(0,i.jsx)(t.h3,{id:"github",children:"GitHub"}),"\n",(0,i.jsx)(t.p,{children:(0,i.jsx)(t.img,{alt:"decomposed-github-bordered",src:s(8142).A+"",width:"2291",height:"1080"})}),"\n",(0,i.jsx)(t.h2,{id:"see-also",children:"See also"}),"\n",(0,i.jsxs)(t.ul,{children:["\n",(0,i.jsx)(t.li,{children:(0,i.jsx)(t.a,{href:"https://t.me/feature_sliced/4262",children:"(Thread) General logic for features and entities"})}),"\n",(0,i.jsx)(t.li,{children:(0,i.jsx)(t.a,{href:"https://t.me/feature_sliced/4210",children:"(Thread) Decomposition of swollen logic"})}),"\n",(0,i.jsx)(t.li,{children:(0,i.jsx)(t.a,{href:"https://t.me/feature_sliced/4088",children:"(Thread) About understanding the areas of responsibility during decomposition"})}),"\n",(0,i.jsx)(t.li,{children:(0,i.jsx)(t.a,{href:"https://t.me/feature_sliced/3828",children:"(Thread) Decomposition of the Product List widget"})}),"\n",(0,i.jsx)(t.li,{children:(0,i.jsx)(t.a,{href:"https://www.pluralsight.com/guides/how-to-organize-your-react-+-redux-codebase",children:"(Article) Different approaches to the decomposition of logic"})}),"\n",(0,i.jsx)(t.li,{children:(0,i.jsx)(t.a,{href:"https://t.me/feature_sliced/3776",children:"(Thread) About the difference between features and entities"})}),"\n",(0,i.jsx)(t.li,{children:(0,i.jsx)(t.a,{href:"https://t.me/feature_sliced/3248",children:"(Thread) About the difference between things and entities (2)"})}),"\n",(0,i.jsx)(t.li,{children:(0,i.jsx)(t.a,{href:"https://t.me/feature_sliced/3833",children:"(Thread) About the application of criteria for decomposition"})}),"\n"]})]})}function h(e={}){const{wrapper:t}={...(0,n.R)(),...e.components};return t?(0,i.jsx)(t,{...e,children:(0,i.jsx)(l,{...e})}):l(e)}},9603:(e,t,s)=>{s.d(t,{A:()=>i});const i=s.p+"assets/files/choosing-a-layer-en-12fdf3265c8fc4f6b58687352b81fce7.pdf"},4603:(e,t,s)=>{s.d(t,{A:()=>i});const i=s.p+"assets/images/choosing-a-layer-en-5b67f20bb921ba17d78a56c0dc7654a9.jpg"},8142:(e,t,s)=>{s.d(t,{A:()=>i});const i=s.p+"assets/images/decompose-github-a0eeb839a4b5ef5c480a73726a4451b0.jpg"},8898:(e,t,s)=>{s.d(t,{A:()=>i});const i=s.p+"assets/images/decompose-twitter-7b9a50f879d763c49305b3bf0751ee35.png"},1100:(e,t,s)=>{s.d(t,{R:()=>r,x:()=>a});var i=s(758);const n={},o=i.createContext(n);function r(e){const t=i.useContext(o);return i.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function a(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(n):e.components||n:r(e.components),i.createElement(o.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
diff --git a/uz/assets/js/066221cc.71a2ab79.js b/uz/assets/js/066221cc.84e17c5f.js
similarity index 99%
rename from uz/assets/js/066221cc.71a2ab79.js
rename to uz/assets/js/066221cc.84e17c5f.js
index dd6453300d..53e885ec08 100644
--- a/uz/assets/js/066221cc.71a2ab79.js
+++ b/uz/assets/js/066221cc.84e17c5f.js
@@ -1 +1 @@
-"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[3120],{3760:(e,n,s)=>{s.r(n),s.d(n,{assets:()=>l,contentTitle:()=>o,default:()=>h,frontMatter:()=>r,metadata:()=>a,toc:()=>d});var i=s(6070),t=s(1100);const r={sidebar_position:1},o="Overview",a={id:"get-started/overview",title:"Overview",description:"Feature-Sliced Design (FSD) is an architectural methodology for scaffolding front-end applications. Simply put, it's a compilation of rules and conventions on organizing code. The main purpose of this methodology is to make the project more understandable and stable in the face of ever-changing business requirements.",source:"@site/i18n/en/docusaurus-plugin-content-docs/current/get-started/overview.mdx",sourceDirName:"get-started",slug:"/get-started/overview",permalink:"/uz/docs/get-started/overview",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/get-started/overview.mdx",tags:[],version:"current",lastUpdatedAt:1727607766e3,sidebarPosition:1,frontMatter:{sidebar_position:1},sidebar:"getstartedSidebar",previous:{title:"\ud83d\ude80 Get Started",permalink:"/uz/docs/get-started/"},next:{title:"Tutorial",permalink:"/uz/docs/get-started/tutorial"}},l={},d=[{value:"Is it right for me?",id:"is-it-right-for-me",level:2},{value:"Basic example",id:"basic-example",level:2},{value:"Concepts",id:"concepts",level:2},{value:"Layers",id:"layers",level:3},{value:"Slices",id:"slices",level:3},{value:"Segments",id:"segments",level:3},{value:"Advantages",id:"advantages",level:2},{value:"Incremental adoption",id:"incremental-adoption",level:2},{value:"Next steps",id:"next-steps",level:2}];function c(e){const n={a:"a",br:"br",code:"code",em:"em",h1:"h1",h2:"h2",h3:"h3",header:"header",img:"img",li:"li",ol:"ol",p:"p",strong:"strong",ul:"ul",...(0,t.R)(),...e.components};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(n.header,{children:(0,i.jsx)(n.h1,{id:"overview",children:"Overview"})}),"\n",(0,i.jsxs)(n.p,{children:[(0,i.jsx)(n.strong,{children:"Feature-Sliced Design"})," (FSD) is an architectural methodology for scaffolding front-end applications. Simply put, it's a compilation of rules and conventions on organizing code. The main purpose of this methodology is to make the project more understandable and stable in the face of ever-changing business requirements."]}),"\n",(0,i.jsxs)(n.p,{children:["Apart from a set of conventions, FSD is also a toolchain. We have a ",(0,i.jsx)(n.a,{href:"https://github.com/feature-sliced/steiger",children:"linter"})," to check your project's architecture, ",(0,i.jsx)(n.a,{href:"https://github.com/feature-sliced/awesome?tab=readme-ov-file#tools",children:"folder generators"})," through a CLI or IDEs, as well as a rich library of ",(0,i.jsx)(n.a,{href:"/examples",children:"examples"}),"."]}),"\n",(0,i.jsx)(n.h2,{id:"is-it-right-for-me",children:"Is it right for me?"}),"\n",(0,i.jsx)(n.p,{children:"FSD can be implemented in projects and teams of any size. It is right for your project if:"}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsxs)(n.li,{children:["You're doing ",(0,i.jsx)(n.strong,{children:"frontend"})," (UI on web, mobile, desktop, etc.)"]}),"\n",(0,i.jsxs)(n.li,{children:["You're building an ",(0,i.jsx)(n.strong,{children:"application"}),", not a library"]}),"\n"]}),"\n",(0,i.jsx)(n.p,{children:"And that's it! There are no restrictions on what programming language, UI framework, or state manager you use. You can also adopt FSD incrementally, use it in monorepos, and scale to great lengths by breaking your app into packages and implementing FSD individually within them."}),"\n",(0,i.jsxs)(n.p,{children:["If you already have an architecture and you're considering a switch to FSD, make sure that the current architecture is ",(0,i.jsx)(n.strong,{children:"causing trouble"})," in your team. For example, if your project has grown too large and inter-connected to efficiently implement new features, or if you're expecting a lot of new members to join the team. If the current architecture works, maybe it's not worth changing. But if you do decide to migrate, see the ",(0,i.jsx)(n.a,{href:"/docs/guides/migration/from-custom",children:"Migration"})," section for guidance."]}),"\n",(0,i.jsx)(n.h2,{id:"basic-example",children:"Basic example"}),"\n",(0,i.jsx)(n.p,{children:"Here is a simple project that implements FSD:"}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsx)(n.li,{children:(0,i.jsx)(n.code,{children:"\ud83d\udcc1 app"})}),"\n",(0,i.jsx)(n.li,{children:(0,i.jsx)(n.code,{children:"\ud83d\udcc1 pages"})}),"\n",(0,i.jsx)(n.li,{children:(0,i.jsx)(n.code,{children:"\ud83d\udcc1 shared"})}),"\n"]}),"\n",(0,i.jsxs)(n.p,{children:["These top-level folders are called ",(0,i.jsx)(n.em,{children:"layers"}),". Let's look deeper:"]}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsxs)(n.li,{children:[(0,i.jsx)(n.code,{children:"\ud83d\udcc2 app"}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsx)(n.li,{children:(0,i.jsx)(n.code,{children:"\ud83d\udcc1 routes"})}),"\n",(0,i.jsx)(n.li,{children:(0,i.jsx)(n.code,{children:"\ud83d\udcc1 analytics"})}),"\n"]}),"\n"]}),"\n",(0,i.jsxs)(n.li,{children:[(0,i.jsx)(n.code,{children:"\ud83d\udcc2 pages"}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsx)(n.li,{children:(0,i.jsx)(n.code,{children:"\ud83d\udcc1 home"})}),"\n",(0,i.jsxs)(n.li,{children:[(0,i.jsx)(n.code,{children:"\ud83d\udcc2 article-reader"}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsx)(n.li,{children:(0,i.jsx)(n.code,{children:"\ud83d\udcc1 ui"})}),"\n",(0,i.jsx)(n.li,{children:(0,i.jsx)(n.code,{children:"\ud83d\udcc1 api"})}),"\n"]}),"\n"]}),"\n",(0,i.jsx)(n.li,{children:(0,i.jsx)(n.code,{children:"\ud83d\udcc1 settings"})}),"\n"]}),"\n"]}),"\n",(0,i.jsxs)(n.li,{children:[(0,i.jsx)(n.code,{children:"\ud83d\udcc2 shared"}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsx)(n.li,{children:(0,i.jsx)(n.code,{children:"\ud83d\udcc1 ui"})}),"\n",(0,i.jsx)(n.li,{children:(0,i.jsx)(n.code,{children:"\ud83d\udcc1 api"})}),"\n"]}),"\n"]}),"\n"]}),"\n",(0,i.jsxs)(n.p,{children:["Folders inside ",(0,i.jsx)(n.code,{children:"\ud83d\udcc2 pages"})," are called ",(0,i.jsx)(n.em,{children:"slices"}),". They divide the layer by domain (in this case, by pages)."]}),"\n",(0,i.jsxs)(n.p,{children:["Folders inside ",(0,i.jsx)(n.code,{children:"\ud83d\udcc2 app"}),", ",(0,i.jsx)(n.code,{children:"\ud83d\udcc2 shared"}),", and ",(0,i.jsx)(n.code,{children:"\ud83d\udcc2 pages/article-reader"})," are called ",(0,i.jsx)(n.em,{children:"segments"}),", and they divide slices (or layers) by technical purpose, i.e. what the code is for."]}),"\n",(0,i.jsx)(n.h2,{id:"concepts",children:"Concepts"}),"\n",(0,i.jsx)(n.p,{children:"Layers, slices, and segments form a hierarchy like this:"}),"\n",(0,i.jsxs)("figure",{children:[(0,i.jsx)(n.p,{children:(0,i.jsx)(n.img,{alt:"Hierarchy of FSD concepts, described below",src:s(9273).A+"",width:"1355",height:"754"})}),(0,i.jsxs)("figcaption",{style:{fontStyle:"italic",fontSize:"0.9em"},children:[(0,i.jsx)("p",{children:'Pictured above: three pillars, labeled left to right as "Layers", "Slices", and "Segments" respectively.'}),(0,i.jsx)("p",{children:'The "Layers" pillar contains seven divisions arranged top to bottom and labeled "app", "processes", "pages", "widgets", "features", "entities", and "shared". The "processes" division is crossed out. The "entities" division is connected to the second pillar "Slices" in a way that conveys that the second pillar is the content of "entities".'}),(0,i.jsx)("p",{children:'The "Slices" pillar contains three divisions arranged top to bottom and labeled "user", "post", and "comment". The "post" division is connected to the third pillar "Segments" in the same way such that it\'s the content of "post".'}),(0,i.jsx)("p",{children:'The "Segments" pillar contains three divisions, arranged top to bottom and labeled "ui", "model", and "api".'})]})]}),"\n",(0,i.jsx)(n.h3,{id:"layers",children:"Layers"}),"\n",(0,i.jsx)(n.p,{children:"Layers are standardized across all FSD projects. You don't have to use all of the layers, but their names are important. There are currently seven of them (from top to bottom):"}),"\n",(0,i.jsxs)(n.ol,{children:["\n",(0,i.jsx)(n.li,{children:"App* \u2014 everything that makes the app run \u2014 routing, entrypoints, global styles, providers."}),"\n",(0,i.jsx)(n.li,{children:"Processes (deprecated) \u2014 complex inter-page scenarios."}),"\n",(0,i.jsx)(n.li,{children:"Pages \u2014 full pages or large parts of a page in nested routing."}),"\n",(0,i.jsx)(n.li,{children:"Widgets \u2014 large self-contained chunks of functionality or UI, usually delivering an entire use case."}),"\n",(0,i.jsxs)(n.li,{children:["Features \u2014 ",(0,i.jsx)(n.em,{children:"reused"})," implementations of entire product features, i.e. actions that bring business value to the user."]}),"\n",(0,i.jsxs)(n.li,{children:["Entities \u2014 business entities that the project works with, like ",(0,i.jsx)(n.code,{children:"user"})," or ",(0,i.jsx)(n.code,{children:"product"}),"."]}),"\n",(0,i.jsx)(n.li,{children:"Shared* \u2014 reusable functionality, especially when it's detached from the specifics of the project/business, though not necessarily."}),"\n"]}),"\n",(0,i.jsx)(n.p,{children:(0,i.jsx)(n.em,{children:"* \u2014 these layers, App and Shared, unlike the other layers, don't have slices, and are made up of segments directly."})}),"\n",(0,i.jsx)(n.p,{children:"The trick with layers is that modules on one layer can only know about and import from modules from the layers strictly below."}),"\n",(0,i.jsx)(n.h3,{id:"slices",children:"Slices"}),"\n",(0,i.jsx)(n.p,{children:"Next up are slices, which partition the code by business domain. You're free to choose any names for them, and create as many as you wish. Slices make your codebase easier to navigate by keeping logically related modules close together."}),"\n",(0,i.jsx)(n.p,{children:"Slices cannot use other slices on the same layer, and that helps with high cohesion and low coupling."}),"\n",(0,i.jsx)(n.h3,{id:"segments",children:"Segments"}),"\n",(0,i.jsx)(n.p,{children:"Slices, as well as layers App and Shared, consist of segments, and segments group your code by its purpose. Segment names are not constrained by the standard, but there are several conventional names for the most common purposes:"}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsxs)(n.li,{children:[(0,i.jsx)(n.code,{children:"ui"})," \u2014 everything related to UI display: UI components, date formatters, styles, etc."]}),"\n",(0,i.jsxs)(n.li,{children:[(0,i.jsx)(n.code,{children:"api"})," \u2014 backend interactions: request functions, data types, mappers, etc."]}),"\n",(0,i.jsxs)(n.li,{children:[(0,i.jsx)(n.code,{children:"model"})," \u2014 the data model: schemas, interfaces, stores, and business logic."]}),"\n",(0,i.jsxs)(n.li,{children:[(0,i.jsx)(n.code,{children:"lib"})," \u2014 library code that other modules on this slice need."]}),"\n",(0,i.jsxs)(n.li,{children:[(0,i.jsx)(n.code,{children:"config"})," \u2014 configuration files and feature flags."]}),"\n"]}),"\n",(0,i.jsx)(n.p,{children:"Usually these segments are enough for most layers, you would only create your own segments in Shared or App, but this is not a rule."}),"\n",(0,i.jsx)(n.h2,{id:"advantages",children:"Advantages"}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsxs)(n.li,{children:["\n",(0,i.jsxs)(n.p,{children:[(0,i.jsx)(n.strong,{children:"Uniformity"}),(0,i.jsx)(n.br,{}),"\n","Since the structure is standardized, projects become more uniform, which makes onboarding new members easier for the team."]}),"\n"]}),"\n",(0,i.jsxs)(n.li,{children:["\n",(0,i.jsxs)(n.p,{children:[(0,i.jsx)(n.strong,{children:"Stability in face of changes and refactoring"}),(0,i.jsx)(n.br,{}),"\n","A module on one layer cannot use other modules on the same layer, or the layers above.",(0,i.jsx)(n.br,{}),"\n","This allows you to make isolated modifications without unforeseen consequences to the rest of the app."]}),"\n"]}),"\n",(0,i.jsxs)(n.li,{children:["\n",(0,i.jsxs)(n.p,{children:[(0,i.jsx)(n.strong,{children:"Controlled reuse of logic"}),(0,i.jsx)(n.br,{}),"\n","Depending on the layer, you can make code very reusable or very local.",(0,i.jsx)(n.br,{}),"\n","This keeps a balance between following the ",(0,i.jsx)(n.strong,{children:"DRY"})," principle and practicality."]}),"\n"]}),"\n",(0,i.jsxs)(n.li,{children:["\n",(0,i.jsxs)(n.p,{children:[(0,i.jsx)(n.strong,{children:"Orientation to business and users needs"}),(0,i.jsx)(n.br,{}),"\n","The app is split into business domains and usage of the business language is encouraged in naming, so that you can do useful product work without fully understanding all other unrelated parts of the project."]}),"\n"]}),"\n"]}),"\n",(0,i.jsx)(n.h2,{id:"incremental-adoption",children:"Incremental adoption"}),"\n",(0,i.jsx)(n.p,{children:"If you have an existing codebase that you want to migrate to FSD, we suggest the following strategy. We found it useful in our own migration experience."}),"\n",(0,i.jsxs)(n.ol,{children:["\n",(0,i.jsxs)(n.li,{children:["\n",(0,i.jsx)(n.p,{children:"Start by slowly shaping up the App and Shared layers module-by-module to create a foundation."}),"\n"]}),"\n",(0,i.jsxs)(n.li,{children:["\n",(0,i.jsx)(n.p,{children:"Distribute all of the existing UI across Widgets and Pages using broad strokes, even if they have dependencies that violate the rules of FSD."}),"\n"]}),"\n",(0,i.jsxs)(n.li,{children:["\n",(0,i.jsx)(n.p,{children:"Start gradually resolving import violations and also extracting Entities and possibly even Features."}),"\n"]}),"\n"]}),"\n",(0,i.jsx)(n.p,{children:"It's advised to refrain from adding new large entities while refactoring or refactoring only certain parts of the project."}),"\n",(0,i.jsx)(n.h2,{id:"next-steps",children:"Next steps"}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsxs)(n.li,{children:[(0,i.jsx)(n.strong,{children:"Want to get a good grasp of how to think in FSD?"})," Check out the ",(0,i.jsx)(n.a,{href:"/docs/get-started/tutorial",children:"Tutorial"}),"."]}),"\n",(0,i.jsxs)(n.li,{children:[(0,i.jsx)(n.strong,{children:"Prefer to learn from examples?"})," We have a lot in the ",(0,i.jsx)(n.a,{href:"/examples",children:"Examples"})," section."]}),"\n",(0,i.jsxs)(n.li,{children:[(0,i.jsx)(n.strong,{children:"Have questions?"})," Drop by our ",(0,i.jsx)(n.a,{href:"https://t.me/feature_sliced",children:"Telegram chat"})," and get help from the community."]}),"\n"]})]})}function h(e={}){const{wrapper:n}={...(0,t.R)(),...e.components};return n?(0,i.jsx)(n,{...e,children:(0,i.jsx)(c,{...e})}):c(e)}},9273:(e,n,s)=>{s.d(n,{A:()=>i});const i=s.p+"assets/images/visual_schema-e826067f573946613dcdc76e3f585082.jpg"},1100:(e,n,s)=>{s.d(n,{R:()=>o,x:()=>a});var i=s(758);const t={},r=i.createContext(t);function o(e){const n=i.useContext(r);return i.useMemo((function(){return"function"==typeof e?e(n):{...n,...e}}),[n,e])}function a(e){let n;return n=e.disableParentContext?"function"==typeof e.components?e.components(t):e.components||t:o(e.components),i.createElement(r.Provider,{value:n},e.children)}}}]);
\ No newline at end of file
+"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[3120],{3760:(e,n,s)=>{s.r(n),s.d(n,{assets:()=>l,contentTitle:()=>o,default:()=>h,frontMatter:()=>r,metadata:()=>a,toc:()=>d});var i=s(6070),t=s(1100);const r={sidebar_position:1},o="Overview",a={id:"get-started/overview",title:"Overview",description:"Feature-Sliced Design (FSD) is an architectural methodology for scaffolding front-end applications. Simply put, it's a compilation of rules and conventions on organizing code. The main purpose of this methodology is to make the project more understandable and stable in the face of ever-changing business requirements.",source:"@site/i18n/en/docusaurus-plugin-content-docs/current/get-started/overview.mdx",sourceDirName:"get-started",slug:"/get-started/overview",permalink:"/uz/docs/get-started/overview",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/get-started/overview.mdx",tags:[],version:"current",lastUpdatedAt:1728325386e3,sidebarPosition:1,frontMatter:{sidebar_position:1},sidebar:"getstartedSidebar",previous:{title:"\ud83d\ude80 Get Started",permalink:"/uz/docs/get-started/"},next:{title:"Tutorial",permalink:"/uz/docs/get-started/tutorial"}},l={},d=[{value:"Is it right for me?",id:"is-it-right-for-me",level:2},{value:"Basic example",id:"basic-example",level:2},{value:"Concepts",id:"concepts",level:2},{value:"Layers",id:"layers",level:3},{value:"Slices",id:"slices",level:3},{value:"Segments",id:"segments",level:3},{value:"Advantages",id:"advantages",level:2},{value:"Incremental adoption",id:"incremental-adoption",level:2},{value:"Next steps",id:"next-steps",level:2}];function c(e){const n={a:"a",br:"br",code:"code",em:"em",h1:"h1",h2:"h2",h3:"h3",header:"header",img:"img",li:"li",ol:"ol",p:"p",strong:"strong",ul:"ul",...(0,t.R)(),...e.components};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(n.header,{children:(0,i.jsx)(n.h1,{id:"overview",children:"Overview"})}),"\n",(0,i.jsxs)(n.p,{children:[(0,i.jsx)(n.strong,{children:"Feature-Sliced Design"})," (FSD) is an architectural methodology for scaffolding front-end applications. Simply put, it's a compilation of rules and conventions on organizing code. The main purpose of this methodology is to make the project more understandable and stable in the face of ever-changing business requirements."]}),"\n",(0,i.jsxs)(n.p,{children:["Apart from a set of conventions, FSD is also a toolchain. We have a ",(0,i.jsx)(n.a,{href:"https://github.com/feature-sliced/steiger",children:"linter"})," to check your project's architecture, ",(0,i.jsx)(n.a,{href:"https://github.com/feature-sliced/awesome?tab=readme-ov-file#tools",children:"folder generators"})," through a CLI or IDEs, as well as a rich library of ",(0,i.jsx)(n.a,{href:"/examples",children:"examples"}),"."]}),"\n",(0,i.jsx)(n.h2,{id:"is-it-right-for-me",children:"Is it right for me?"}),"\n",(0,i.jsx)(n.p,{children:"FSD can be implemented in projects and teams of any size. It is right for your project if:"}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsxs)(n.li,{children:["You're doing ",(0,i.jsx)(n.strong,{children:"frontend"})," (UI on web, mobile, desktop, etc.)"]}),"\n",(0,i.jsxs)(n.li,{children:["You're building an ",(0,i.jsx)(n.strong,{children:"application"}),", not a library"]}),"\n"]}),"\n",(0,i.jsx)(n.p,{children:"And that's it! There are no restrictions on what programming language, UI framework, or state manager you use. You can also adopt FSD incrementally, use it in monorepos, and scale to great lengths by breaking your app into packages and implementing FSD individually within them."}),"\n",(0,i.jsxs)(n.p,{children:["If you already have an architecture and you're considering a switch to FSD, make sure that the current architecture is ",(0,i.jsx)(n.strong,{children:"causing trouble"})," in your team. For example, if your project has grown too large and inter-connected to efficiently implement new features, or if you're expecting a lot of new members to join the team. If the current architecture works, maybe it's not worth changing. But if you do decide to migrate, see the ",(0,i.jsx)(n.a,{href:"/docs/guides/migration/from-custom",children:"Migration"})," section for guidance."]}),"\n",(0,i.jsx)(n.h2,{id:"basic-example",children:"Basic example"}),"\n",(0,i.jsx)(n.p,{children:"Here is a simple project that implements FSD:"}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsx)(n.li,{children:(0,i.jsx)(n.code,{children:"\ud83d\udcc1 app"})}),"\n",(0,i.jsx)(n.li,{children:(0,i.jsx)(n.code,{children:"\ud83d\udcc1 pages"})}),"\n",(0,i.jsx)(n.li,{children:(0,i.jsx)(n.code,{children:"\ud83d\udcc1 shared"})}),"\n"]}),"\n",(0,i.jsxs)(n.p,{children:["These top-level folders are called ",(0,i.jsx)(n.em,{children:"layers"}),". Let's look deeper:"]}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsxs)(n.li,{children:[(0,i.jsx)(n.code,{children:"\ud83d\udcc2 app"}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsx)(n.li,{children:(0,i.jsx)(n.code,{children:"\ud83d\udcc1 routes"})}),"\n",(0,i.jsx)(n.li,{children:(0,i.jsx)(n.code,{children:"\ud83d\udcc1 analytics"})}),"\n"]}),"\n"]}),"\n",(0,i.jsxs)(n.li,{children:[(0,i.jsx)(n.code,{children:"\ud83d\udcc2 pages"}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsx)(n.li,{children:(0,i.jsx)(n.code,{children:"\ud83d\udcc1 home"})}),"\n",(0,i.jsxs)(n.li,{children:[(0,i.jsx)(n.code,{children:"\ud83d\udcc2 article-reader"}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsx)(n.li,{children:(0,i.jsx)(n.code,{children:"\ud83d\udcc1 ui"})}),"\n",(0,i.jsx)(n.li,{children:(0,i.jsx)(n.code,{children:"\ud83d\udcc1 api"})}),"\n"]}),"\n"]}),"\n",(0,i.jsx)(n.li,{children:(0,i.jsx)(n.code,{children:"\ud83d\udcc1 settings"})}),"\n"]}),"\n"]}),"\n",(0,i.jsxs)(n.li,{children:[(0,i.jsx)(n.code,{children:"\ud83d\udcc2 shared"}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsx)(n.li,{children:(0,i.jsx)(n.code,{children:"\ud83d\udcc1 ui"})}),"\n",(0,i.jsx)(n.li,{children:(0,i.jsx)(n.code,{children:"\ud83d\udcc1 api"})}),"\n"]}),"\n"]}),"\n"]}),"\n",(0,i.jsxs)(n.p,{children:["Folders inside ",(0,i.jsx)(n.code,{children:"\ud83d\udcc2 pages"})," are called ",(0,i.jsx)(n.em,{children:"slices"}),". They divide the layer by domain (in this case, by pages)."]}),"\n",(0,i.jsxs)(n.p,{children:["Folders inside ",(0,i.jsx)(n.code,{children:"\ud83d\udcc2 app"}),", ",(0,i.jsx)(n.code,{children:"\ud83d\udcc2 shared"}),", and ",(0,i.jsx)(n.code,{children:"\ud83d\udcc2 pages/article-reader"})," are called ",(0,i.jsx)(n.em,{children:"segments"}),", and they divide slices (or layers) by technical purpose, i.e. what the code is for."]}),"\n",(0,i.jsx)(n.h2,{id:"concepts",children:"Concepts"}),"\n",(0,i.jsx)(n.p,{children:"Layers, slices, and segments form a hierarchy like this:"}),"\n",(0,i.jsxs)("figure",{children:[(0,i.jsx)(n.p,{children:(0,i.jsx)(n.img,{alt:"Hierarchy of FSD concepts, described below",src:s(9273).A+"",width:"1355",height:"754"})}),(0,i.jsxs)("figcaption",{style:{fontStyle:"italic",fontSize:"0.9em"},children:[(0,i.jsx)("p",{children:'Pictured above: three pillars, labeled left to right as "Layers", "Slices", and "Segments" respectively.'}),(0,i.jsx)("p",{children:'The "Layers" pillar contains seven divisions arranged top to bottom and labeled "app", "processes", "pages", "widgets", "features", "entities", and "shared". The "processes" division is crossed out. The "entities" division is connected to the second pillar "Slices" in a way that conveys that the second pillar is the content of "entities".'}),(0,i.jsx)("p",{children:'The "Slices" pillar contains three divisions arranged top to bottom and labeled "user", "post", and "comment". The "post" division is connected to the third pillar "Segments" in the same way such that it\'s the content of "post".'}),(0,i.jsx)("p",{children:'The "Segments" pillar contains three divisions, arranged top to bottom and labeled "ui", "model", and "api".'})]})]}),"\n",(0,i.jsx)(n.h3,{id:"layers",children:"Layers"}),"\n",(0,i.jsx)(n.p,{children:"Layers are standardized across all FSD projects. You don't have to use all of the layers, but their names are important. There are currently seven of them (from top to bottom):"}),"\n",(0,i.jsxs)(n.ol,{children:["\n",(0,i.jsx)(n.li,{children:"App* \u2014 everything that makes the app run \u2014 routing, entrypoints, global styles, providers."}),"\n",(0,i.jsx)(n.li,{children:"Processes (deprecated) \u2014 complex inter-page scenarios."}),"\n",(0,i.jsx)(n.li,{children:"Pages \u2014 full pages or large parts of a page in nested routing."}),"\n",(0,i.jsx)(n.li,{children:"Widgets \u2014 large self-contained chunks of functionality or UI, usually delivering an entire use case."}),"\n",(0,i.jsxs)(n.li,{children:["Features \u2014 ",(0,i.jsx)(n.em,{children:"reused"})," implementations of entire product features, i.e. actions that bring business value to the user."]}),"\n",(0,i.jsxs)(n.li,{children:["Entities \u2014 business entities that the project works with, like ",(0,i.jsx)(n.code,{children:"user"})," or ",(0,i.jsx)(n.code,{children:"product"}),"."]}),"\n",(0,i.jsx)(n.li,{children:"Shared* \u2014 reusable functionality, especially when it's detached from the specifics of the project/business, though not necessarily."}),"\n"]}),"\n",(0,i.jsx)(n.p,{children:(0,i.jsx)(n.em,{children:"* \u2014 these layers, App and Shared, unlike the other layers, don't have slices, and are made up of segments directly."})}),"\n",(0,i.jsx)(n.p,{children:"The trick with layers is that modules on one layer can only know about and import from modules from the layers strictly below."}),"\n",(0,i.jsx)(n.h3,{id:"slices",children:"Slices"}),"\n",(0,i.jsx)(n.p,{children:"Next up are slices, which partition the code by business domain. You're free to choose any names for them, and create as many as you wish. Slices make your codebase easier to navigate by keeping logically related modules close together."}),"\n",(0,i.jsx)(n.p,{children:"Slices cannot use other slices on the same layer, and that helps with high cohesion and low coupling."}),"\n",(0,i.jsx)(n.h3,{id:"segments",children:"Segments"}),"\n",(0,i.jsx)(n.p,{children:"Slices, as well as layers App and Shared, consist of segments, and segments group your code by its purpose. Segment names are not constrained by the standard, but there are several conventional names for the most common purposes:"}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsxs)(n.li,{children:[(0,i.jsx)(n.code,{children:"ui"})," \u2014 everything related to UI display: UI components, date formatters, styles, etc."]}),"\n",(0,i.jsxs)(n.li,{children:[(0,i.jsx)(n.code,{children:"api"})," \u2014 backend interactions: request functions, data types, mappers, etc."]}),"\n",(0,i.jsxs)(n.li,{children:[(0,i.jsx)(n.code,{children:"model"})," \u2014 the data model: schemas, interfaces, stores, and business logic."]}),"\n",(0,i.jsxs)(n.li,{children:[(0,i.jsx)(n.code,{children:"lib"})," \u2014 library code that other modules on this slice need."]}),"\n",(0,i.jsxs)(n.li,{children:[(0,i.jsx)(n.code,{children:"config"})," \u2014 configuration files and feature flags."]}),"\n"]}),"\n",(0,i.jsx)(n.p,{children:"Usually these segments are enough for most layers, you would only create your own segments in Shared or App, but this is not a rule."}),"\n",(0,i.jsx)(n.h2,{id:"advantages",children:"Advantages"}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsxs)(n.li,{children:["\n",(0,i.jsxs)(n.p,{children:[(0,i.jsx)(n.strong,{children:"Uniformity"}),(0,i.jsx)(n.br,{}),"\n","Since the structure is standardized, projects become more uniform, which makes onboarding new members easier for the team."]}),"\n"]}),"\n",(0,i.jsxs)(n.li,{children:["\n",(0,i.jsxs)(n.p,{children:[(0,i.jsx)(n.strong,{children:"Stability in face of changes and refactoring"}),(0,i.jsx)(n.br,{}),"\n","A module on one layer cannot use other modules on the same layer, or the layers above.",(0,i.jsx)(n.br,{}),"\n","This allows you to make isolated modifications without unforeseen consequences to the rest of the app."]}),"\n"]}),"\n",(0,i.jsxs)(n.li,{children:["\n",(0,i.jsxs)(n.p,{children:[(0,i.jsx)(n.strong,{children:"Controlled reuse of logic"}),(0,i.jsx)(n.br,{}),"\n","Depending on the layer, you can make code very reusable or very local.",(0,i.jsx)(n.br,{}),"\n","This keeps a balance between following the ",(0,i.jsx)(n.strong,{children:"DRY"})," principle and practicality."]}),"\n"]}),"\n",(0,i.jsxs)(n.li,{children:["\n",(0,i.jsxs)(n.p,{children:[(0,i.jsx)(n.strong,{children:"Orientation to business and users needs"}),(0,i.jsx)(n.br,{}),"\n","The app is split into business domains and usage of the business language is encouraged in naming, so that you can do useful product work without fully understanding all other unrelated parts of the project."]}),"\n"]}),"\n"]}),"\n",(0,i.jsx)(n.h2,{id:"incremental-adoption",children:"Incremental adoption"}),"\n",(0,i.jsx)(n.p,{children:"If you have an existing codebase that you want to migrate to FSD, we suggest the following strategy. We found it useful in our own migration experience."}),"\n",(0,i.jsxs)(n.ol,{children:["\n",(0,i.jsxs)(n.li,{children:["\n",(0,i.jsx)(n.p,{children:"Start by slowly shaping up the App and Shared layers module-by-module to create a foundation."}),"\n"]}),"\n",(0,i.jsxs)(n.li,{children:["\n",(0,i.jsx)(n.p,{children:"Distribute all of the existing UI across Widgets and Pages using broad strokes, even if they have dependencies that violate the rules of FSD."}),"\n"]}),"\n",(0,i.jsxs)(n.li,{children:["\n",(0,i.jsx)(n.p,{children:"Start gradually resolving import violations and also extracting Entities and possibly even Features."}),"\n"]}),"\n"]}),"\n",(0,i.jsx)(n.p,{children:"It's advised to refrain from adding new large entities while refactoring or refactoring only certain parts of the project."}),"\n",(0,i.jsx)(n.h2,{id:"next-steps",children:"Next steps"}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsxs)(n.li,{children:[(0,i.jsx)(n.strong,{children:"Want to get a good grasp of how to think in FSD?"})," Check out the ",(0,i.jsx)(n.a,{href:"/docs/get-started/tutorial",children:"Tutorial"}),"."]}),"\n",(0,i.jsxs)(n.li,{children:[(0,i.jsx)(n.strong,{children:"Prefer to learn from examples?"})," We have a lot in the ",(0,i.jsx)(n.a,{href:"/examples",children:"Examples"})," section."]}),"\n",(0,i.jsxs)(n.li,{children:[(0,i.jsx)(n.strong,{children:"Have questions?"})," Drop by our ",(0,i.jsx)(n.a,{href:"https://t.me/feature_sliced",children:"Telegram chat"})," and get help from the community."]}),"\n"]})]})}function h(e={}){const{wrapper:n}={...(0,t.R)(),...e.components};return n?(0,i.jsx)(n,{...e,children:(0,i.jsx)(c,{...e})}):c(e)}},9273:(e,n,s)=>{s.d(n,{A:()=>i});const i=s.p+"assets/images/visual_schema-e826067f573946613dcdc76e3f585082.jpg"},1100:(e,n,s)=>{s.d(n,{R:()=>o,x:()=>a});var i=s(758);const t={},r=i.createContext(t);function o(e){const n=i.useContext(r);return i.useMemo((function(){return"function"==typeof e?e(n):{...n,...e}}),[n,e])}function a(e){let n;return n=e.disableParentContext?"function"==typeof e.components?e.components(t):e.components||t:o(e.components),i.createElement(r.Provider,{value:n},e.children)}}}]);
\ No newline at end of file
diff --git a/uz/assets/js/0a4ee302.d33b4f03.js b/uz/assets/js/0a4ee302.dc42dfbb.js
similarity index 99%
rename from uz/assets/js/0a4ee302.d33b4f03.js
rename to uz/assets/js/0a4ee302.dc42dfbb.js
index d973b5f837..4b10d1f077 100644
--- a/uz/assets/js/0a4ee302.d33b4f03.js
+++ b/uz/assets/js/0a4ee302.dc42dfbb.js
@@ -1 +1 @@
-"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[5977],{1540:(e,n,t)=>{t.r(n),t.d(n,{assets:()=>a,contentTitle:()=>r,default:()=>u,frontMatter:()=>o,metadata:()=>c,toc:()=>d});var s=t(6070),i=t(1100);const o={sidebar_position:10},r="Usage with NuxtJS",c={id:"guides/tech/with-nuxtjs",title:"Usage with NuxtJS",description:"It is possible to implement FSD in a NuxtJS project, but conflicts arise due to the differences between NuxtJS project structure requirements and FSD principles:",source:"@site/i18n/en/docusaurus-plugin-content-docs/current/guides/tech/with-nuxtjs.mdx",sourceDirName:"guides/tech",slug:"/guides/tech/with-nuxtjs",permalink:"/uz/docs/guides/tech/with-nuxtjs",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/guides/tech/with-nuxtjs.mdx",tags:[],version:"current",lastUpdatedAt:1727607766e3,sidebarPosition:10,frontMatter:{sidebar_position:10},sidebar:"guidesSidebar",previous:{title:"Usage with NextJS",permalink:"/uz/docs/guides/tech/with-nextjs"},next:{title:"Usage with React Query",permalink:"/uz/docs/guides/tech/with-react-query"}},a={},d=[{value:"Adding an alias for the <code>src</code> directory",id:"adding-an-alias-for-the-src-directory",level:2},{value:"Choose how to configure the router",id:"choose-how-to-configure-the-router",level:2},{value:"Routing using config",id:"routing-using-config",level:3},{value:"File Routing",id:"file-routing",level:3},{value:"What to do with <code>layouts</code>?",id:"what-to-do-with-layouts",level:2},{value:"See also",id:"see-also",level:2}];function l(e){const n={a:"a",code:"code",h1:"h1",h2:"h2",h3:"h3",header:"header",li:"li",p:"p",pre:"pre",ul:"ul",...(0,i.R)(),...e.components};return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(n.header,{children:(0,s.jsx)(n.h1,{id:"usage-with-nuxtjs",children:"Usage with NuxtJS"})}),"\n",(0,s.jsx)(n.p,{children:"It is possible to implement FSD in a NuxtJS project, but conflicts arise due to the differences between NuxtJS project structure requirements and FSD principles:"}),"\n",(0,s.jsxs)(n.ul,{children:["\n",(0,s.jsxs)(n.li,{children:["Initially, NuxtJS offers a project file structure without a ",(0,s.jsx)(n.code,{children:"src"})," folder, i.e. in the root of the project."]}),"\n",(0,s.jsxs)(n.li,{children:["The file routing is in the ",(0,s.jsx)(n.code,{children:"pages"})," folder, while in FSD this folder is reserved for the flat slice structure."]}),"\n"]}),"\n",(0,s.jsxs)(n.h2,{id:"adding-an-alias-for-the-src-directory",children:["Adding an alias for the ",(0,s.jsx)(n.code,{children:"src"})," directory"]}),"\n",(0,s.jsxs)(n.p,{children:["Add an ",(0,s.jsx)(n.code,{children:"alias"})," object to your config:"]}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-ts",metastring:'title="nuxt.config.ts"',children:"export default defineNuxtConfig({\n  devtools: { enabled: true }, // Not FSD related, enabled at project startup\n  alias: {\n    \"@\": '../src'\n  },\n})\n"})}),"\n",(0,s.jsx)(n.h2,{id:"choose-how-to-configure-the-router",children:"Choose how to configure the router"}),"\n",(0,s.jsxs)(n.p,{children:["In NuxtJS, there are two ways to customize the routing - using a config and using a file structure.\nIn the case of file-based routing, you will create index.vue files in folders inside the app/routes directory, and in the case of configure, you will configure the routers in the ",(0,s.jsx)(n.code,{children:"router.options.ts"})," file."]}),"\n",(0,s.jsx)(n.h3,{id:"routing-using-config",children:"Routing using config"}),"\n",(0,s.jsxs)(n.p,{children:["In the ",(0,s.jsx)(n.code,{children:"app"})," layer, create a ",(0,s.jsx)(n.code,{children:"router.options.ts"})," file, and export a config object from it:"]}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-ts",metastring:'title="app/router.options.ts"',children:"import type { RouterConfig } from '@nuxt/schema';\n\nexport default <RouterConfig> {\n  routes: (_routes) => [],\n};\n\n"})}),"\n",(0,s.jsxs)(n.p,{children:["To add a ",(0,s.jsx)(n.code,{children:"Home"})," page to your project, you need to do the following steps:"]}),"\n",(0,s.jsxs)(n.ul,{children:["\n",(0,s.jsxs)(n.li,{children:["Add a page slice inside the ",(0,s.jsx)(n.code,{children:"pages"})," layer"]}),"\n",(0,s.jsxs)(n.li,{children:["Add the appropriate route to the ",(0,s.jsx)(n.code,{children:"app/router.config.ts"})," config"]}),"\n"]}),"\n",(0,s.jsxs)(n.p,{children:["To create a page slice, let's use the ",(0,s.jsx)(n.a,{href:"https://github.com/feature-sliced/cli",children:"CLI"}),":"]}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-shell",children:"fsd pages home\n"})}),"\n",(0,s.jsxs)(n.p,{children:["Create a ",(0,s.jsx)(n.code,{children:"home-page.vue"})," file inside the ui segment, access it using the Public API"]}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-ts",metastring:'title="src/pages/home/index.ts"',children:"export { default as HomePage } from './ui/home-page';\n"})}),"\n",(0,s.jsx)(n.p,{children:"Thus, the file structure will look like this:"}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-sh",children:"|\u2500\u2500 src\n\u2502   \u251c\u2500\u2500 app\n\u2502   \u2502   \u251c\u2500\u2500 router.config.ts\n\u2502   \u251c\u2500\u2500 pages\n\u2502   \u2502   \u251c\u2500\u2500 home\n\u2502   \u2502   \u2502   \u251c\u2500\u2500 ui\n\u2502   \u2502   \u2502   \u2502   \u251c\u2500\u2500 home-page.vue\n\u2502   \u2502   \u2502   \u251c\u2500\u2500 index.ts\n"})}),"\n",(0,s.jsx)(n.p,{children:"Finally, let's add a root to the config:"}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-ts",metastring:'title="app/router.config.ts"',children:"import type { RouterConfig } from '@nuxt/schema'\n\nexport default <RouterConfig> {\n  routes: (_routes) => [\n    {\n      name: 'home',\n      path: '/',\n      component: () => import('@/pages/home.vue').then(r => r.default || r)\n    }\n  ],\n}\n"})}),"\n",(0,s.jsx)(n.h3,{id:"file-routing",children:"File Routing"}),"\n",(0,s.jsxs)(n.p,{children:["First of all, create a ",(0,s.jsx)(n.code,{children:"src"})," directory in the root of your project, and create app and pages layers inside this directory and a routes folder inside the app layer.\nThus, your file structure should look like this:"]}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-sh",children:"\u251c\u2500\u2500 src\n\u2502   \u251c\u2500\u2500 app\n\u2502   \u2502   \u251c\u2500\u2500 routes\n\u2502   \u251c\u2500\u2500 pages                         # Pages folder, related to FSD\n"})}),"\n",(0,s.jsxs)(n.p,{children:["In order for NuxtJS to use the routes folder inside the ",(0,s.jsx)(n.code,{children:"app"})," layer for file routing, you need to modify ",(0,s.jsx)(n.code,{children:"nuxt.config.ts"})," as follows:"]}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-ts",metastring:'title="nuxt.config.ts"',children:"export default defineNuxtConfig({\n  devtools: { enabled: true }, // Not FSD related, enabled at project startup\n  alias: {\n    \"@\": '../src'\n  },\n  dir: {\n    pages: './src/app/routes'\n  }\n})\n"})}),"\n",(0,s.jsxs)(n.p,{children:["Now, you can create routes for pages within ",(0,s.jsx)(n.code,{children:"app"})," and connect pages from ",(0,s.jsx)(n.code,{children:"pages"})," to them."]}),"\n",(0,s.jsxs)(n.p,{children:["For example, to add a ",(0,s.jsx)(n.code,{children:"Home"})," page to your project, you need to do the following steps:"]}),"\n",(0,s.jsxs)(n.ul,{children:["\n",(0,s.jsxs)(n.li,{children:["Add a page slice inside the ",(0,s.jsx)(n.code,{children:"pages"})," layer"]}),"\n",(0,s.jsxs)(n.li,{children:["Add the corresponding root inside the ",(0,s.jsx)(n.code,{children:"app"})," layer"]}),"\n",(0,s.jsx)(n.li,{children:"Align the page from the slice with the root"}),"\n"]}),"\n",(0,s.jsxs)(n.p,{children:["To create a page slice, let's use the ",(0,s.jsx)(n.a,{href:"https://github.com/feature-sliced/cli",children:"CLI"}),":"]}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-shell",children:"fsd pages home\n"})}),"\n",(0,s.jsxs)(n.p,{children:["Create a ",(0,s.jsx)(n.code,{children:"home-page.vue"})," file inside the ui segment, access it using the Public API"]}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-ts",metastring:'title="src/pages/home/index.ts"',children:"export { default as HomePage } from './ui/home-page';\n"})}),"\n",(0,s.jsxs)(n.p,{children:["Create a root for this page inside the ",(0,s.jsx)(n.code,{children:"app"})," layer:"]}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-sh",children:"\n\u251c\u2500\u2500 src\n\u2502   \u251c\u2500\u2500 app\n\u2502   \u2502   \u251c\u2500\u2500 routes\n\u2502   \u2502   \u2502   \u251c\u2500\u2500 index.vue\n\u2502   \u251c\u2500\u2500 pages\n\u2502   \u2502   \u251c\u2500\u2500 home\n\u2502   \u2502   \u2502   \u251c\u2500\u2500 ui\n\u2502   \u2502   \u2502   \u2502   \u251c\u2500\u2500 home-page.vue\n\u2502   \u2502   \u2502   \u251c\u2500\u2500 index.ts\n"})}),"\n",(0,s.jsxs)(n.p,{children:["Add your page component inside the ",(0,s.jsx)(n.code,{children:"index.vue"})," file:"]}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-html",metastring:'title="src/app/routes/index.vue"',children:"<script setup>\n  import { HomePage } from '@/pages/home';\n<\/script>\n\n<template>\n  <HomePage/>\n</template>\n"})}),"\n",(0,s.jsxs)(n.h2,{id:"what-to-do-with-layouts",children:["What to do with ",(0,s.jsx)(n.code,{children:"layouts"}),"?"]}),"\n",(0,s.jsxs)(n.p,{children:["You can place layouts inside the ",(0,s.jsx)(n.code,{children:"app"})," layer, to do this you need to modify the config as follows:"]}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-ts",metastring:'title="nuxt.config.ts"',children:"export default defineNuxtConfig({\n  devtools: { enabled: true }, // Not related to FSD, enabled at project startup\n  alias: {\n    \"@\": '../src'\n  },\n  dir: {\n    pages: './src/app/routes',\n    layouts: './src/app/layouts'\n  }\n})\n"})}),"\n",(0,s.jsx)(n.h2,{id:"see-also",children:"See also"}),"\n",(0,s.jsxs)(n.ul,{children:["\n",(0,s.jsx)(n.li,{children:(0,s.jsx)(n.a,{href:"https://nuxt.com/docs/api/nuxt-config#dir",children:"Documentation on changing directory config in NuxtJS"})}),"\n",(0,s.jsx)(n.li,{children:(0,s.jsx)(n.a,{href:"https://nuxt.com/docs/guide/recipes/custom-routing#router-config",children:"Documentation on changing router config in NuxtJS"})}),"\n",(0,s.jsx)(n.li,{children:(0,s.jsx)(n.a,{href:"https://nuxt.com/docs/api/nuxt-config#alias",children:"Documentation on changing aliases in NuxtJS"})}),"\n"]})]})}function u(e={}){const{wrapper:n}={...(0,i.R)(),...e.components};return n?(0,s.jsx)(n,{...e,children:(0,s.jsx)(l,{...e})}):l(e)}},1100:(e,n,t)=>{t.d(n,{R:()=>r,x:()=>c});var s=t(758);const i={},o=s.createContext(i);function r(e){const n=s.useContext(o);return s.useMemo((function(){return"function"==typeof e?e(n):{...n,...e}}),[n,e])}function c(e){let n;return n=e.disableParentContext?"function"==typeof e.components?e.components(i):e.components||i:r(e.components),s.createElement(o.Provider,{value:n},e.children)}}}]);
\ No newline at end of file
+"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[5977],{1540:(e,n,t)=>{t.r(n),t.d(n,{assets:()=>a,contentTitle:()=>r,default:()=>u,frontMatter:()=>o,metadata:()=>c,toc:()=>d});var s=t(6070),i=t(1100);const o={sidebar_position:10},r="Usage with NuxtJS",c={id:"guides/tech/with-nuxtjs",title:"Usage with NuxtJS",description:"It is possible to implement FSD in a NuxtJS project, but conflicts arise due to the differences between NuxtJS project structure requirements and FSD principles:",source:"@site/i18n/en/docusaurus-plugin-content-docs/current/guides/tech/with-nuxtjs.mdx",sourceDirName:"guides/tech",slug:"/guides/tech/with-nuxtjs",permalink:"/uz/docs/guides/tech/with-nuxtjs",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/guides/tech/with-nuxtjs.mdx",tags:[],version:"current",lastUpdatedAt:1728325386e3,sidebarPosition:10,frontMatter:{sidebar_position:10},sidebar:"guidesSidebar",previous:{title:"Usage with NextJS",permalink:"/uz/docs/guides/tech/with-nextjs"},next:{title:"Usage with React Query",permalink:"/uz/docs/guides/tech/with-react-query"}},a={},d=[{value:"Adding an alias for the <code>src</code> directory",id:"adding-an-alias-for-the-src-directory",level:2},{value:"Choose how to configure the router",id:"choose-how-to-configure-the-router",level:2},{value:"Routing using config",id:"routing-using-config",level:3},{value:"File Routing",id:"file-routing",level:3},{value:"What to do with <code>layouts</code>?",id:"what-to-do-with-layouts",level:2},{value:"See also",id:"see-also",level:2}];function l(e){const n={a:"a",code:"code",h1:"h1",h2:"h2",h3:"h3",header:"header",li:"li",p:"p",pre:"pre",ul:"ul",...(0,i.R)(),...e.components};return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(n.header,{children:(0,s.jsx)(n.h1,{id:"usage-with-nuxtjs",children:"Usage with NuxtJS"})}),"\n",(0,s.jsx)(n.p,{children:"It is possible to implement FSD in a NuxtJS project, but conflicts arise due to the differences between NuxtJS project structure requirements and FSD principles:"}),"\n",(0,s.jsxs)(n.ul,{children:["\n",(0,s.jsxs)(n.li,{children:["Initially, NuxtJS offers a project file structure without a ",(0,s.jsx)(n.code,{children:"src"})," folder, i.e. in the root of the project."]}),"\n",(0,s.jsxs)(n.li,{children:["The file routing is in the ",(0,s.jsx)(n.code,{children:"pages"})," folder, while in FSD this folder is reserved for the flat slice structure."]}),"\n"]}),"\n",(0,s.jsxs)(n.h2,{id:"adding-an-alias-for-the-src-directory",children:["Adding an alias for the ",(0,s.jsx)(n.code,{children:"src"})," directory"]}),"\n",(0,s.jsxs)(n.p,{children:["Add an ",(0,s.jsx)(n.code,{children:"alias"})," object to your config:"]}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-ts",metastring:'title="nuxt.config.ts"',children:"export default defineNuxtConfig({\n  devtools: { enabled: true }, // Not FSD related, enabled at project startup\n  alias: {\n    \"@\": '../src'\n  },\n})\n"})}),"\n",(0,s.jsx)(n.h2,{id:"choose-how-to-configure-the-router",children:"Choose how to configure the router"}),"\n",(0,s.jsxs)(n.p,{children:["In NuxtJS, there are two ways to customize the routing - using a config and using a file structure.\nIn the case of file-based routing, you will create index.vue files in folders inside the app/routes directory, and in the case of configure, you will configure the routers in the ",(0,s.jsx)(n.code,{children:"router.options.ts"})," file."]}),"\n",(0,s.jsx)(n.h3,{id:"routing-using-config",children:"Routing using config"}),"\n",(0,s.jsxs)(n.p,{children:["In the ",(0,s.jsx)(n.code,{children:"app"})," layer, create a ",(0,s.jsx)(n.code,{children:"router.options.ts"})," file, and export a config object from it:"]}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-ts",metastring:'title="app/router.options.ts"',children:"import type { RouterConfig } from '@nuxt/schema';\n\nexport default <RouterConfig> {\n  routes: (_routes) => [],\n};\n\n"})}),"\n",(0,s.jsxs)(n.p,{children:["To add a ",(0,s.jsx)(n.code,{children:"Home"})," page to your project, you need to do the following steps:"]}),"\n",(0,s.jsxs)(n.ul,{children:["\n",(0,s.jsxs)(n.li,{children:["Add a page slice inside the ",(0,s.jsx)(n.code,{children:"pages"})," layer"]}),"\n",(0,s.jsxs)(n.li,{children:["Add the appropriate route to the ",(0,s.jsx)(n.code,{children:"app/router.config.ts"})," config"]}),"\n"]}),"\n",(0,s.jsxs)(n.p,{children:["To create a page slice, let's use the ",(0,s.jsx)(n.a,{href:"https://github.com/feature-sliced/cli",children:"CLI"}),":"]}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-shell",children:"fsd pages home\n"})}),"\n",(0,s.jsxs)(n.p,{children:["Create a ",(0,s.jsx)(n.code,{children:"home-page.vue"})," file inside the ui segment, access it using the Public API"]}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-ts",metastring:'title="src/pages/home/index.ts"',children:"export { default as HomePage } from './ui/home-page';\n"})}),"\n",(0,s.jsx)(n.p,{children:"Thus, the file structure will look like this:"}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-sh",children:"|\u2500\u2500 src\n\u2502   \u251c\u2500\u2500 app\n\u2502   \u2502   \u251c\u2500\u2500 router.config.ts\n\u2502   \u251c\u2500\u2500 pages\n\u2502   \u2502   \u251c\u2500\u2500 home\n\u2502   \u2502   \u2502   \u251c\u2500\u2500 ui\n\u2502   \u2502   \u2502   \u2502   \u251c\u2500\u2500 home-page.vue\n\u2502   \u2502   \u2502   \u251c\u2500\u2500 index.ts\n"})}),"\n",(0,s.jsx)(n.p,{children:"Finally, let's add a root to the config:"}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-ts",metastring:'title="app/router.config.ts"',children:"import type { RouterConfig } from '@nuxt/schema'\n\nexport default <RouterConfig> {\n  routes: (_routes) => [\n    {\n      name: 'home',\n      path: '/',\n      component: () => import('@/pages/home.vue').then(r => r.default || r)\n    }\n  ],\n}\n"})}),"\n",(0,s.jsx)(n.h3,{id:"file-routing",children:"File Routing"}),"\n",(0,s.jsxs)(n.p,{children:["First of all, create a ",(0,s.jsx)(n.code,{children:"src"})," directory in the root of your project, and create app and pages layers inside this directory and a routes folder inside the app layer.\nThus, your file structure should look like this:"]}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-sh",children:"\u251c\u2500\u2500 src\n\u2502   \u251c\u2500\u2500 app\n\u2502   \u2502   \u251c\u2500\u2500 routes\n\u2502   \u251c\u2500\u2500 pages                         # Pages folder, related to FSD\n"})}),"\n",(0,s.jsxs)(n.p,{children:["In order for NuxtJS to use the routes folder inside the ",(0,s.jsx)(n.code,{children:"app"})," layer for file routing, you need to modify ",(0,s.jsx)(n.code,{children:"nuxt.config.ts"})," as follows:"]}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-ts",metastring:'title="nuxt.config.ts"',children:"export default defineNuxtConfig({\n  devtools: { enabled: true }, // Not FSD related, enabled at project startup\n  alias: {\n    \"@\": '../src'\n  },\n  dir: {\n    pages: './src/app/routes'\n  }\n})\n"})}),"\n",(0,s.jsxs)(n.p,{children:["Now, you can create routes for pages within ",(0,s.jsx)(n.code,{children:"app"})," and connect pages from ",(0,s.jsx)(n.code,{children:"pages"})," to them."]}),"\n",(0,s.jsxs)(n.p,{children:["For example, to add a ",(0,s.jsx)(n.code,{children:"Home"})," page to your project, you need to do the following steps:"]}),"\n",(0,s.jsxs)(n.ul,{children:["\n",(0,s.jsxs)(n.li,{children:["Add a page slice inside the ",(0,s.jsx)(n.code,{children:"pages"})," layer"]}),"\n",(0,s.jsxs)(n.li,{children:["Add the corresponding root inside the ",(0,s.jsx)(n.code,{children:"app"})," layer"]}),"\n",(0,s.jsx)(n.li,{children:"Align the page from the slice with the root"}),"\n"]}),"\n",(0,s.jsxs)(n.p,{children:["To create a page slice, let's use the ",(0,s.jsx)(n.a,{href:"https://github.com/feature-sliced/cli",children:"CLI"}),":"]}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-shell",children:"fsd pages home\n"})}),"\n",(0,s.jsxs)(n.p,{children:["Create a ",(0,s.jsx)(n.code,{children:"home-page.vue"})," file inside the ui segment, access it using the Public API"]}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-ts",metastring:'title="src/pages/home/index.ts"',children:"export { default as HomePage } from './ui/home-page';\n"})}),"\n",(0,s.jsxs)(n.p,{children:["Create a root for this page inside the ",(0,s.jsx)(n.code,{children:"app"})," layer:"]}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-sh",children:"\n\u251c\u2500\u2500 src\n\u2502   \u251c\u2500\u2500 app\n\u2502   \u2502   \u251c\u2500\u2500 routes\n\u2502   \u2502   \u2502   \u251c\u2500\u2500 index.vue\n\u2502   \u251c\u2500\u2500 pages\n\u2502   \u2502   \u251c\u2500\u2500 home\n\u2502   \u2502   \u2502   \u251c\u2500\u2500 ui\n\u2502   \u2502   \u2502   \u2502   \u251c\u2500\u2500 home-page.vue\n\u2502   \u2502   \u2502   \u251c\u2500\u2500 index.ts\n"})}),"\n",(0,s.jsxs)(n.p,{children:["Add your page component inside the ",(0,s.jsx)(n.code,{children:"index.vue"})," file:"]}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-html",metastring:'title="src/app/routes/index.vue"',children:"<script setup>\n  import { HomePage } from '@/pages/home';\n<\/script>\n\n<template>\n  <HomePage/>\n</template>\n"})}),"\n",(0,s.jsxs)(n.h2,{id:"what-to-do-with-layouts",children:["What to do with ",(0,s.jsx)(n.code,{children:"layouts"}),"?"]}),"\n",(0,s.jsxs)(n.p,{children:["You can place layouts inside the ",(0,s.jsx)(n.code,{children:"app"})," layer, to do this you need to modify the config as follows:"]}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-ts",metastring:'title="nuxt.config.ts"',children:"export default defineNuxtConfig({\n  devtools: { enabled: true }, // Not related to FSD, enabled at project startup\n  alias: {\n    \"@\": '../src'\n  },\n  dir: {\n    pages: './src/app/routes',\n    layouts: './src/app/layouts'\n  }\n})\n"})}),"\n",(0,s.jsx)(n.h2,{id:"see-also",children:"See also"}),"\n",(0,s.jsxs)(n.ul,{children:["\n",(0,s.jsx)(n.li,{children:(0,s.jsx)(n.a,{href:"https://nuxt.com/docs/api/nuxt-config#dir",children:"Documentation on changing directory config in NuxtJS"})}),"\n",(0,s.jsx)(n.li,{children:(0,s.jsx)(n.a,{href:"https://nuxt.com/docs/guide/recipes/custom-routing#router-config",children:"Documentation on changing router config in NuxtJS"})}),"\n",(0,s.jsx)(n.li,{children:(0,s.jsx)(n.a,{href:"https://nuxt.com/docs/api/nuxt-config#alias",children:"Documentation on changing aliases in NuxtJS"})}),"\n"]})]})}function u(e={}){const{wrapper:n}={...(0,i.R)(),...e.components};return n?(0,s.jsx)(n,{...e,children:(0,s.jsx)(l,{...e})}):l(e)}},1100:(e,n,t)=>{t.d(n,{R:()=>r,x:()=>c});var s=t(758);const i={},o=s.createContext(i);function r(e){const n=s.useContext(o);return s.useMemo((function(){return"function"==typeof e?e(n):{...n,...e}}),[n,e])}function c(e){let n;return n=e.disableParentContext?"function"==typeof e.components?e.components(i):e.components||i:r(e.components),s.createElement(o.Provider,{value:n},e.children)}}}]);
\ No newline at end of file
diff --git a/uz/assets/js/2f764a0f.6f4a9237.js b/uz/assets/js/2f764a0f.7e4b0937.js
similarity index 99%
rename from uz/assets/js/2f764a0f.6f4a9237.js
rename to uz/assets/js/2f764a0f.7e4b0937.js
index 64b325017c..7e89cbce69 100644
--- a/uz/assets/js/2f764a0f.6f4a9237.js
+++ b/uz/assets/js/2f764a0f.7e4b0937.js
@@ -1 +1 @@
-"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[8039],{7162:(e,t,n)=>{n.r(t),n.d(t,{assets:()=>h,contentTitle:()=>r,default:()=>c,frontMatter:()=>o,metadata:()=>a,toc:()=>l});var s=n(6070),i=n(1100);const o={sidebar_position:2},r="Needs driven",a={id:"about/understanding/needs-driven",title:"Needs driven",description:"\u2014 Can't you formulate the goal that the new feature will solve? Or maybe the problem is that the task itself is not formulated? **The point is also that the methodology helps to pull out the problematic definition of tasks and goals**",source:"@site/i18n/en/docusaurus-plugin-content-docs/current/about/understanding/needs-driven.md",sourceDirName:"about/understanding",slug:"/about/understanding/needs-driven",permalink:"/uz/docs/about/understanding/needs-driven",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/about/understanding/needs-driven.md",tags:[],version:"current",lastUpdatedAt:1727607766e3,sidebarPosition:2,frontMatter:{sidebar_position:2},sidebar:"aboutSidebar",previous:{title:"About architecture",permalink:"/uz/docs/about/understanding/architecture"},next:{title:"Knowledge types",permalink:"/uz/docs/about/understanding/knowledge-types"}},h={},l=[{value:"Why?",id:"why",level:2},{value:"What tasks are we talking about?",id:"what-tasks-are-we-talking-about",level:2},{value:"How does this affect development?",id:"how-does-this-affect-development",level:2},{value:"Task decomposition",id:"task-decomposition",level:3},{value:"Understanding the essence of the task",id:"understanding-the-essence-of-the-task",level:3},{value:"How to formulate it?",id:"how-to-formulate-it",level:2},{value:"And what is the benefit?",id:"and-what-is-the-benefit",level:2},{value:"1. Understanding user tasks",id:"1-understanding-user-tasks",level:3},{value:"2. Structuring and ordering",id:"2-structuring-and-ordering",level:3},{value:"3. Understanding the feature and its components",id:"3-understanding-the-feature-and-its-components",level:3},{value:"4. Profit",id:"4-profit",level:3},{value:"Back to reality",id:"back-to-reality",level:2},{value:"The role of methodology",id:"the-role-of-methodology",level:2},{value:"Methodology requirements",id:"methodology-requirements",level:3},{value:"See also",id:"see-also",level:2}];function d(e){const t={a:"a",admonition:"admonition",blockquote:"blockquote",code:"code",em:"em",h1:"h1",h2:"h2",h3:"h3",header:"header",hr:"hr",li:"li",ol:"ol",p:"p",strong:"strong",ul:"ul",...(0,i.R)(),...e.components};return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(t.header,{children:(0,s.jsx)(t.h1,{id:"needs-driven",children:"Needs driven"})}),"\n",(0,s.jsxs)(t.admonition,{title:"TL;DR",type:"note",children:[(0,s.jsxs)(t.p,{children:["\u2014 ",(0,s.jsxs)(t.em,{children:["Can't you formulate the goal that the new feature will solve? Or maybe the problem is that the task itself is not formulated? ",(0,s.jsx)(t.strong,{children:"The point is also that the methodology helps to pull out the problematic definition of tasks and goals"})]})]}),(0,s.jsxs)(t.p,{children:["\u2014 ",(0,s.jsxs)(t.em,{children:["project does not live in static - requirements and functionality are constantly changing. Over time, the code turns into mush, because at the start the project was designed only for the initial impression of wishes. ",(0,s.jsx)(t.strong,{children:"And the task of a good architecture is also to be sharpened for changing development conditions."})]})]})]}),"\n",(0,s.jsx)(t.h2,{id:"why",children:"Why?"}),"\n",(0,s.jsxs)(t.p,{children:["To choose a clear name for an entity and understand its components, ",(0,s.jsx)(t.strong,{children:"you need to clearly understand what task will be solved with the help of all this code."})]}),"\n",(0,s.jsxs)(t.blockquote,{children:["\n",(0,s.jsx)(t.p,{children:(0,s.jsx)(t.em,{children:"@sergeysova: During development, we try to give each entity or function a name that clearly reflects the intentions and meaning of the code being executed."})}),"\n"]}),"\n",(0,s.jsx)(t.p,{children:(0,s.jsx)(t.em,{children:"After all, without understanding the task, it is impossible to write the right tests that cover the most important cases, put down errors that help the user in the right places, even it is banal not to interrupt the user's flow because of fixable non-critical errors."})}),"\n",(0,s.jsx)(t.h2,{id:"what-tasks-are-we-talking-about",children:"What tasks are we talking about?"}),"\n",(0,s.jsx)(t.p,{children:"Frontend develops applications and interfaces for end users, so we solve the tasks of these consumers."}),"\n",(0,s.jsxs)(t.p,{children:["When a person comes to us, ",(0,s.jsx)(t.strong,{children:"he wants to solve some of his pain or close a need."})]}),"\n",(0,s.jsx)(t.p,{children:(0,s.jsx)(t.em,{children:"The task of managers and analysts is to formulate this need, and implement developers taking into account the features of web development (loss of communication, backend error, typo, missed the cursor or finger)."})}),"\n",(0,s.jsx)(t.p,{children:(0,s.jsx)(t.strong,{children:"This very goal, with which the user came, is the task of the developers."})}),"\n",(0,s.jsxs)(t.blockquote,{children:["\n",(0,s.jsx)(t.p,{children:(0,s.jsx)(t.em,{children:"One small solved problem is a feature in the Feature-Sliced Design methodology \u2014 you need to cut the entire scope of project tasks into small goals."})}),"\n"]}),"\n",(0,s.jsx)(t.h2,{id:"how-does-this-affect-development",children:"How does this affect development?"}),"\n",(0,s.jsx)(t.h3,{id:"task-decomposition",children:"Task decomposition"}),"\n",(0,s.jsxs)(t.p,{children:["When a developer begins to implement a task, in order to simplify the understanding and support of the code, he mentally ",(0,s.jsx)(t.strong,{children:"cuts it into stages"}),":"]}),"\n",(0,s.jsxs)(t.ul,{children:["\n",(0,s.jsxs)(t.li,{children:["first ",(0,s.jsx)(t.em,{children:"split into top-level entities"})," and ",(0,s.jsx)(t.em,{children:"implement them"}),","]}),"\n",(0,s.jsxs)(t.li,{children:["then these entities ",(0,s.jsx)(t.em,{children:"split into smaller ones"})]}),"\n",(0,s.jsx)(t.li,{children:"and so on"}),"\n"]}),"\n",(0,s.jsxs)(t.p,{children:[(0,s.jsx)(t.em,{children:"In the process of splitting into entities, the developer is forced to give them a name that would clearly reflect his idea and help to understand what task the code solves when reading the listing"}),"\n",(0,s.jsx)(t.em,{children:"At the same time, we do not forget that we are trying to help the user reduce pain or realize needs"})]}),"\n",(0,s.jsx)(t.h3,{id:"understanding-the-essence-of-the-task",children:"Understanding the essence of the task"}),"\n",(0,s.jsxs)(t.p,{children:["But to give a clear name to an entity, ",(0,s.jsx)(t.strong,{children:"the developer must know enough about its purpose"})]}),"\n",(0,s.jsxs)(t.ul,{children:["\n",(0,s.jsx)(t.li,{children:"how is he going to use this entity,"}),"\n",(0,s.jsx)(t.li,{children:"what part of the user's task does it implement, where else can this entity be applied,"}),"\n",(0,s.jsx)(t.li,{children:"in what other tasks can it participate,"}),"\n",(0,s.jsx)(t.li,{children:"and so on"}),"\n"]}),"\n",(0,s.jsxs)(t.p,{children:["It is not difficult to draw a conclusion: ",(0,s.jsx)(t.strong,{children:"while the developer will reflect on the name of entities within the framework of the methodology, he will be able to find poorly formulated tasks even before writing the code."})]}),"\n",(0,s.jsxs)(t.blockquote,{children:["\n",(0,s.jsx)(t.p,{children:"How to give a name to an entity if you do not understand well what tasks it can solve, how can you even divide a task into entities if you do not understand it well?"}),"\n"]}),"\n",(0,s.jsx)(t.h2,{id:"how-to-formulate-it",children:"How to formulate it?"}),"\n",(0,s.jsxs)(t.p,{children:[(0,s.jsx)(t.strong,{children:"To formulate a task that is solved by features, you need to understand the task itself"}),", and this is already the responsibility of the project manager and analysts."]}),"\n",(0,s.jsx)(t.p,{children:(0,s.jsx)(t.em,{children:"The methodology can only tell the developer what tasks the product manager should pay close attention to."})}),"\n",(0,s.jsxs)(t.blockquote,{children:["\n",(0,s.jsx)(t.p,{children:(0,s.jsx)(t.em,{children:'@sergeysova: the Whole frontend is primarily a display of information, any component in the first turn, displays, and then the task "to show the user something" has no practical value.'})}),"\n",(0,s.jsx)(t.p,{children:(0,s.jsx)(t.em,{children:'Even without taking into account the specifics of the frontend can ask, "why do I have to show you", so you can continue to ask until\'t get out of pain or the need of the consumer.'})}),"\n"]}),"\n",(0,s.jsxs)(t.p,{children:["As soon as we were able to get to the basic needs or pains, we can go back and figure out ",(0,s.jsx)(t.strong,{children:"how exactly your product or service can help the user with his goals"})]}),"\n",(0,s.jsx)(t.p,{children:"Any new task in your tracker is aimed at solving business problems, and the business tries to solve the user's tasks at the same time earning money on it. This means that each task has certain goals, even if they are not spelled out in the description text."}),"\n",(0,s.jsx)(t.p,{children:(0,s.jsxs)(t.em,{children:[(0,s.jsx)(t.strong,{children:"The developer must clearly understand what goal this or that task is pursuing"}),', but not every company can afford to build processes perfectly, although this is a separate conversation, nevertheless, the developer may well "ping" the right managers himself to find out this and do his part of the work effectively.']})}),"\n",(0,s.jsx)(t.h2,{id:"and-what-is-the-benefit",children:"And what is the benefit?"}),"\n",(0,s.jsx)(t.p,{children:"Now let's look at the whole process from beginning to end."}),"\n",(0,s.jsx)(t.h3,{id:"1-understanding-user-tasks",children:"1. Understanding user tasks"}),"\n",(0,s.jsx)(t.p,{children:"When a developer understands his pain and how the business closes them, he can offer solutions that are not available to the business due to the specifics of web development."}),"\n",(0,s.jsxs)(t.blockquote,{children:["\n",(0,s.jsxs)(t.p,{children:["But of course, all this can work only if the developer is not indifferent to what he is doing and for what, otherwise ",(0,s.jsx)(t.em,{children:"why then the methodology and some approaches?"})]}),"\n"]}),"\n",(0,s.jsx)(t.h3,{id:"2-structuring-and-ordering",children:"2. Structuring and ordering"}),"\n",(0,s.jsxs)(t.p,{children:["With the understanding of tasks comes ",(0,s.jsx)(t.strong,{children:"a clear structure both in the head and in the tasks along with the code"})]}),"\n",(0,s.jsx)(t.h3,{id:"3-understanding-the-feature-and-its-components",children:"3. Understanding the feature and its components"}),"\n",(0,s.jsx)(t.p,{children:(0,s.jsx)(t.strong,{children:"One feature is one useful functionality for the user"})}),"\n",(0,s.jsxs)(t.ul,{children:["\n",(0,s.jsxs)(t.li,{children:["When several features are implemented in one feature, this is ",(0,s.jsx)(t.strong,{children:"a violation of borders"})]}),"\n",(0,s.jsxs)(t.li,{children:["The feature can be indivisible and growing - ",(0,s.jsx)(t.strong,{children:"and this is not bad"})]}),"\n",(0,s.jsxs)(t.li,{children:[(0,s.jsx)(t.strong,{children:"Bad"})," - when the feature does not answer the question ",(0,s.jsx)(t.em,{children:'"What is the business value for the user?"'})]}),"\n",(0,s.jsxs)(t.li,{children:['There can be no "map-office" feature',"\n",(0,s.jsxs)(t.ul,{children:["\n",(0,s.jsxs)(t.li,{children:["But ",(0,s.jsx)(t.code,{children:"booking-meeting-on-the-map"}),", ",(0,s.jsx)(t.code,{children:"search-for-an-employee"}),", ",(0,s.jsx)(t.code,{children:"change-of-workplace"})," - ",(0,s.jsx)(t.strong,{children:"yes"})]}),"\n"]}),"\n"]}),"\n"]}),"\n",(0,s.jsxs)(t.blockquote,{children:["\n",(0,s.jsxs)(t.p,{children:[(0,s.jsx)(t.em,{children:"@sergeysova: The point is that the feature contains only code that implements the functionality itself"}),", without unnecessary details and internal solutions (ideally)*"]}),"\n",(0,s.jsx)(t.p,{children:(0,s.jsxs)(t.em,{children:["Open the feature code ",(0,s.jsx)(t.strong,{children:"and see only what relates to the task"})," - no more"]})}),"\n"]}),"\n",(0,s.jsx)(t.h3,{id:"4-profit",children:"4. Profit"}),"\n",(0,s.jsxs)(t.p,{children:["Business very rarely turns its course radically in the other direction, which means ",(0,s.jsx)(t.strong,{children:"the reflection of business tasks in the frontend application code is a very significant profit."})]}),"\n",(0,s.jsx)(t.p,{children:(0,s.jsxs)(t.em,{children:["Then you don't have to explain to each new team member what this or that code does, and in general why it was added - ",(0,s.jsx)(t.strong,{children:"everything will be explained through the business tasks that are already reflected in the code."})]})}),"\n",(0,s.jsxs)(t.blockquote,{children:["\n",(0,s.jsxs)(t.p,{children:["What is called ",(0,s.jsx)(t.a,{href:"https://thedomaindrivendesign.io/developing-the-ubiquitous-language",children:'"Business Language" in Domain Driven Development'})]}),"\n"]}),"\n",(0,s.jsx)(t.hr,{}),"\n",(0,s.jsx)(t.h2,{id:"back-to-reality",children:"Back to reality"}),"\n",(0,s.jsxs)(t.p,{children:["If business processes are understood and good names are given at the design stage - ",(0,s.jsx)(t.em,{children:"then it is not particularly problematic to transfer this understanding and logic to the code."})]}),"\n",(0,s.jsxs)(t.p,{children:[(0,s.jsx)(t.strong,{children:"However, in practice"}),', tasks and functionality are usually developed "too" iteratively and (or) there is no time to think through the design.']}),"\n",(0,s.jsx)(t.p,{children:(0,s.jsx)(t.strong,{children:"As a result, the feature makes sense today, and if you expand this feature in a month, you can rewrite the gender of the project."})}),"\n",(0,s.jsxs)(t.blockquote,{children:["\n",(0,s.jsx)(t.p,{children:(0,s.jsxs)(t.em,{children:["[",(0,s.jsx)(t.a,{href:"https://t.me/sergeysova/318",children:"From the discussion"}),"]: The developer tries to think 2-3 steps ahead, taking into account future wishes, but here he rests on his own experience"]})}),"\n",(0,s.jsx)(t.p,{children:(0,s.jsx)(t.em,{children:"Burns experience engineer usually immediately looking 10 steps ahead, and understand where one feature to divide and combine with the other"})}),"\n",(0,s.jsx)(t.p,{children:(0,s.jsx)(t.em,{children:"But sometimes that comes the task which had to face the experience, and nowhere to take the understanding of how literacy to decompose, with the least unfortunate consequences in the future"})}),"\n"]}),"\n",(0,s.jsx)(t.h2,{id:"the-role-of-methodology",children:"The role of methodology"}),"\n",(0,s.jsx)(t.p,{children:(0,s.jsx)(t.strong,{children:"The methodology helps to solve the problems of developers, so that it is easier to solve the problems of users."})}),"\n",(0,s.jsx)(t.p,{children:"There is no solution to the problems of developers only for the sake of developers"}),"\n",(0,s.jsxs)(t.p,{children:["But in order for the developer to solve his tasks, ",(0,s.jsx)(t.strong,{children:"you need to understand the user's tasks"})," - on the contrary, it will not work"]}),"\n",(0,s.jsx)(t.h3,{id:"methodology-requirements",children:"Methodology requirements"}),"\n",(0,s.jsxs)(t.p,{children:["It becomes clear that you need to identify at least two requirements for ",(0,s.jsx)(t.strong,{children:"Feature-Sliced Design"}),":"]}),"\n",(0,s.jsxs)(t.ol,{children:["\n",(0,s.jsxs)(t.li,{children:["\n",(0,s.jsxs)(t.p,{children:["The methodology should tell ",(0,s.jsx)(t.strong,{children:"how to create features, processes and entities"})]}),"\n",(0,s.jsxs)(t.ul,{children:["\n",(0,s.jsxs)(t.li,{children:["Which means it should clearly explain ",(0,s.jsx)(t.em,{children:"how to divide the code between them"}),", which means that the naming of these entities should also be laid down in the specification."]}),"\n"]}),"\n"]}),"\n",(0,s.jsxs)(t.li,{children:["\n",(0,s.jsxs)(t.p,{children:["The methodology should help the architecture ",(0,s.jsx)(t.strong,{children:(0,s.jsx)(t.a,{href:"architecture#adaptability",children:"easily adapt to the changing requirements of the project"})})]}),"\n"]}),"\n"]}),"\n",(0,s.jsx)(t.h2,{id:"see-also",children:"See also"}),"\n",(0,s.jsxs)(t.ul,{children:["\n",(0,s.jsxs)(t.li,{children:[(0,s.jsx)(t.a,{href:"https://t.me/sergeysova/318",children:"(Post) Stimulation for a clear formulation of tasks (+ discussion)"}),"\n",(0,s.jsxs)(t.blockquote,{children:["\n",(0,s.jsx)(t.p,{children:(0,s.jsxs)(t.em,{children:[(0,s.jsx)(t.strong,{children:"The current article"})," is an adaptation of this discussion, you can read the full uncut version at the link"]})}),"\n"]}),"\n"]}),"\n",(0,s.jsx)(t.li,{children:(0,s.jsx)(t.a,{href:"https://t.me/atomicdesign/18972",children:"(Discussion) How to break the functionality and what it is"})}),"\n",(0,s.jsx)(t.li,{children:(0,s.jsx)(t.a,{href:"https://alexmngn.medium.com/how-to-better-organize-your-react-applications-2fd3ea1920f1",children:'(Article) "How to better organize your applications"'})}),"\n"]})]})}function c(e={}){const{wrapper:t}={...(0,i.R)(),...e.components};return t?(0,s.jsx)(t,{...e,children:(0,s.jsx)(d,{...e})}):d(e)}},1100:(e,t,n)=>{n.d(t,{R:()=>r,x:()=>a});var s=n(758);const i={},o=s.createContext(i);function r(e){const t=s.useContext(o);return s.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function a(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(i):e.components||i:r(e.components),s.createElement(o.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
+"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[8039],{7162:(e,t,n)=>{n.r(t),n.d(t,{assets:()=>h,contentTitle:()=>r,default:()=>c,frontMatter:()=>o,metadata:()=>a,toc:()=>l});var s=n(6070),i=n(1100);const o={sidebar_position:2},r="Needs driven",a={id:"about/understanding/needs-driven",title:"Needs driven",description:"\u2014 Can't you formulate the goal that the new feature will solve? Or maybe the problem is that the task itself is not formulated? **The point is also that the methodology helps to pull out the problematic definition of tasks and goals**",source:"@site/i18n/en/docusaurus-plugin-content-docs/current/about/understanding/needs-driven.md",sourceDirName:"about/understanding",slug:"/about/understanding/needs-driven",permalink:"/uz/docs/about/understanding/needs-driven",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/about/understanding/needs-driven.md",tags:[],version:"current",lastUpdatedAt:1728325386e3,sidebarPosition:2,frontMatter:{sidebar_position:2},sidebar:"aboutSidebar",previous:{title:"About architecture",permalink:"/uz/docs/about/understanding/architecture"},next:{title:"Knowledge types",permalink:"/uz/docs/about/understanding/knowledge-types"}},h={},l=[{value:"Why?",id:"why",level:2},{value:"What tasks are we talking about?",id:"what-tasks-are-we-talking-about",level:2},{value:"How does this affect development?",id:"how-does-this-affect-development",level:2},{value:"Task decomposition",id:"task-decomposition",level:3},{value:"Understanding the essence of the task",id:"understanding-the-essence-of-the-task",level:3},{value:"How to formulate it?",id:"how-to-formulate-it",level:2},{value:"And what is the benefit?",id:"and-what-is-the-benefit",level:2},{value:"1. Understanding user tasks",id:"1-understanding-user-tasks",level:3},{value:"2. Structuring and ordering",id:"2-structuring-and-ordering",level:3},{value:"3. Understanding the feature and its components",id:"3-understanding-the-feature-and-its-components",level:3},{value:"4. Profit",id:"4-profit",level:3},{value:"Back to reality",id:"back-to-reality",level:2},{value:"The role of methodology",id:"the-role-of-methodology",level:2},{value:"Methodology requirements",id:"methodology-requirements",level:3},{value:"See also",id:"see-also",level:2}];function d(e){const t={a:"a",admonition:"admonition",blockquote:"blockquote",code:"code",em:"em",h1:"h1",h2:"h2",h3:"h3",header:"header",hr:"hr",li:"li",ol:"ol",p:"p",strong:"strong",ul:"ul",...(0,i.R)(),...e.components};return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(t.header,{children:(0,s.jsx)(t.h1,{id:"needs-driven",children:"Needs driven"})}),"\n",(0,s.jsxs)(t.admonition,{title:"TL;DR",type:"note",children:[(0,s.jsxs)(t.p,{children:["\u2014 ",(0,s.jsxs)(t.em,{children:["Can't you formulate the goal that the new feature will solve? Or maybe the problem is that the task itself is not formulated? ",(0,s.jsx)(t.strong,{children:"The point is also that the methodology helps to pull out the problematic definition of tasks and goals"})]})]}),(0,s.jsxs)(t.p,{children:["\u2014 ",(0,s.jsxs)(t.em,{children:["project does not live in static - requirements and functionality are constantly changing. Over time, the code turns into mush, because at the start the project was designed only for the initial impression of wishes. ",(0,s.jsx)(t.strong,{children:"And the task of a good architecture is also to be sharpened for changing development conditions."})]})]})]}),"\n",(0,s.jsx)(t.h2,{id:"why",children:"Why?"}),"\n",(0,s.jsxs)(t.p,{children:["To choose a clear name for an entity and understand its components, ",(0,s.jsx)(t.strong,{children:"you need to clearly understand what task will be solved with the help of all this code."})]}),"\n",(0,s.jsxs)(t.blockquote,{children:["\n",(0,s.jsx)(t.p,{children:(0,s.jsx)(t.em,{children:"@sergeysova: During development, we try to give each entity or function a name that clearly reflects the intentions and meaning of the code being executed."})}),"\n"]}),"\n",(0,s.jsx)(t.p,{children:(0,s.jsx)(t.em,{children:"After all, without understanding the task, it is impossible to write the right tests that cover the most important cases, put down errors that help the user in the right places, even it is banal not to interrupt the user's flow because of fixable non-critical errors."})}),"\n",(0,s.jsx)(t.h2,{id:"what-tasks-are-we-talking-about",children:"What tasks are we talking about?"}),"\n",(0,s.jsx)(t.p,{children:"Frontend develops applications and interfaces for end users, so we solve the tasks of these consumers."}),"\n",(0,s.jsxs)(t.p,{children:["When a person comes to us, ",(0,s.jsx)(t.strong,{children:"he wants to solve some of his pain or close a need."})]}),"\n",(0,s.jsx)(t.p,{children:(0,s.jsx)(t.em,{children:"The task of managers and analysts is to formulate this need, and implement developers taking into account the features of web development (loss of communication, backend error, typo, missed the cursor or finger)."})}),"\n",(0,s.jsx)(t.p,{children:(0,s.jsx)(t.strong,{children:"This very goal, with which the user came, is the task of the developers."})}),"\n",(0,s.jsxs)(t.blockquote,{children:["\n",(0,s.jsx)(t.p,{children:(0,s.jsx)(t.em,{children:"One small solved problem is a feature in the Feature-Sliced Design methodology \u2014 you need to cut the entire scope of project tasks into small goals."})}),"\n"]}),"\n",(0,s.jsx)(t.h2,{id:"how-does-this-affect-development",children:"How does this affect development?"}),"\n",(0,s.jsx)(t.h3,{id:"task-decomposition",children:"Task decomposition"}),"\n",(0,s.jsxs)(t.p,{children:["When a developer begins to implement a task, in order to simplify the understanding and support of the code, he mentally ",(0,s.jsx)(t.strong,{children:"cuts it into stages"}),":"]}),"\n",(0,s.jsxs)(t.ul,{children:["\n",(0,s.jsxs)(t.li,{children:["first ",(0,s.jsx)(t.em,{children:"split into top-level entities"})," and ",(0,s.jsx)(t.em,{children:"implement them"}),","]}),"\n",(0,s.jsxs)(t.li,{children:["then these entities ",(0,s.jsx)(t.em,{children:"split into smaller ones"})]}),"\n",(0,s.jsx)(t.li,{children:"and so on"}),"\n"]}),"\n",(0,s.jsxs)(t.p,{children:[(0,s.jsx)(t.em,{children:"In the process of splitting into entities, the developer is forced to give them a name that would clearly reflect his idea and help to understand what task the code solves when reading the listing"}),"\n",(0,s.jsx)(t.em,{children:"At the same time, we do not forget that we are trying to help the user reduce pain or realize needs"})]}),"\n",(0,s.jsx)(t.h3,{id:"understanding-the-essence-of-the-task",children:"Understanding the essence of the task"}),"\n",(0,s.jsxs)(t.p,{children:["But to give a clear name to an entity, ",(0,s.jsx)(t.strong,{children:"the developer must know enough about its purpose"})]}),"\n",(0,s.jsxs)(t.ul,{children:["\n",(0,s.jsx)(t.li,{children:"how is he going to use this entity,"}),"\n",(0,s.jsx)(t.li,{children:"what part of the user's task does it implement, where else can this entity be applied,"}),"\n",(0,s.jsx)(t.li,{children:"in what other tasks can it participate,"}),"\n",(0,s.jsx)(t.li,{children:"and so on"}),"\n"]}),"\n",(0,s.jsxs)(t.p,{children:["It is not difficult to draw a conclusion: ",(0,s.jsx)(t.strong,{children:"while the developer will reflect on the name of entities within the framework of the methodology, he will be able to find poorly formulated tasks even before writing the code."})]}),"\n",(0,s.jsxs)(t.blockquote,{children:["\n",(0,s.jsx)(t.p,{children:"How to give a name to an entity if you do not understand well what tasks it can solve, how can you even divide a task into entities if you do not understand it well?"}),"\n"]}),"\n",(0,s.jsx)(t.h2,{id:"how-to-formulate-it",children:"How to formulate it?"}),"\n",(0,s.jsxs)(t.p,{children:[(0,s.jsx)(t.strong,{children:"To formulate a task that is solved by features, you need to understand the task itself"}),", and this is already the responsibility of the project manager and analysts."]}),"\n",(0,s.jsx)(t.p,{children:(0,s.jsx)(t.em,{children:"The methodology can only tell the developer what tasks the product manager should pay close attention to."})}),"\n",(0,s.jsxs)(t.blockquote,{children:["\n",(0,s.jsx)(t.p,{children:(0,s.jsx)(t.em,{children:'@sergeysova: the Whole frontend is primarily a display of information, any component in the first turn, displays, and then the task "to show the user something" has no practical value.'})}),"\n",(0,s.jsx)(t.p,{children:(0,s.jsx)(t.em,{children:'Even without taking into account the specifics of the frontend can ask, "why do I have to show you", so you can continue to ask until\'t get out of pain or the need of the consumer.'})}),"\n"]}),"\n",(0,s.jsxs)(t.p,{children:["As soon as we were able to get to the basic needs or pains, we can go back and figure out ",(0,s.jsx)(t.strong,{children:"how exactly your product or service can help the user with his goals"})]}),"\n",(0,s.jsx)(t.p,{children:"Any new task in your tracker is aimed at solving business problems, and the business tries to solve the user's tasks at the same time earning money on it. This means that each task has certain goals, even if they are not spelled out in the description text."}),"\n",(0,s.jsx)(t.p,{children:(0,s.jsxs)(t.em,{children:[(0,s.jsx)(t.strong,{children:"The developer must clearly understand what goal this or that task is pursuing"}),', but not every company can afford to build processes perfectly, although this is a separate conversation, nevertheless, the developer may well "ping" the right managers himself to find out this and do his part of the work effectively.']})}),"\n",(0,s.jsx)(t.h2,{id:"and-what-is-the-benefit",children:"And what is the benefit?"}),"\n",(0,s.jsx)(t.p,{children:"Now let's look at the whole process from beginning to end."}),"\n",(0,s.jsx)(t.h3,{id:"1-understanding-user-tasks",children:"1. Understanding user tasks"}),"\n",(0,s.jsx)(t.p,{children:"When a developer understands his pain and how the business closes them, he can offer solutions that are not available to the business due to the specifics of web development."}),"\n",(0,s.jsxs)(t.blockquote,{children:["\n",(0,s.jsxs)(t.p,{children:["But of course, all this can work only if the developer is not indifferent to what he is doing and for what, otherwise ",(0,s.jsx)(t.em,{children:"why then the methodology and some approaches?"})]}),"\n"]}),"\n",(0,s.jsx)(t.h3,{id:"2-structuring-and-ordering",children:"2. Structuring and ordering"}),"\n",(0,s.jsxs)(t.p,{children:["With the understanding of tasks comes ",(0,s.jsx)(t.strong,{children:"a clear structure both in the head and in the tasks along with the code"})]}),"\n",(0,s.jsx)(t.h3,{id:"3-understanding-the-feature-and-its-components",children:"3. Understanding the feature and its components"}),"\n",(0,s.jsx)(t.p,{children:(0,s.jsx)(t.strong,{children:"One feature is one useful functionality for the user"})}),"\n",(0,s.jsxs)(t.ul,{children:["\n",(0,s.jsxs)(t.li,{children:["When several features are implemented in one feature, this is ",(0,s.jsx)(t.strong,{children:"a violation of borders"})]}),"\n",(0,s.jsxs)(t.li,{children:["The feature can be indivisible and growing - ",(0,s.jsx)(t.strong,{children:"and this is not bad"})]}),"\n",(0,s.jsxs)(t.li,{children:[(0,s.jsx)(t.strong,{children:"Bad"})," - when the feature does not answer the question ",(0,s.jsx)(t.em,{children:'"What is the business value for the user?"'})]}),"\n",(0,s.jsxs)(t.li,{children:['There can be no "map-office" feature',"\n",(0,s.jsxs)(t.ul,{children:["\n",(0,s.jsxs)(t.li,{children:["But ",(0,s.jsx)(t.code,{children:"booking-meeting-on-the-map"}),", ",(0,s.jsx)(t.code,{children:"search-for-an-employee"}),", ",(0,s.jsx)(t.code,{children:"change-of-workplace"})," - ",(0,s.jsx)(t.strong,{children:"yes"})]}),"\n"]}),"\n"]}),"\n"]}),"\n",(0,s.jsxs)(t.blockquote,{children:["\n",(0,s.jsxs)(t.p,{children:[(0,s.jsx)(t.em,{children:"@sergeysova: The point is that the feature contains only code that implements the functionality itself"}),", without unnecessary details and internal solutions (ideally)*"]}),"\n",(0,s.jsx)(t.p,{children:(0,s.jsxs)(t.em,{children:["Open the feature code ",(0,s.jsx)(t.strong,{children:"and see only what relates to the task"})," - no more"]})}),"\n"]}),"\n",(0,s.jsx)(t.h3,{id:"4-profit",children:"4. Profit"}),"\n",(0,s.jsxs)(t.p,{children:["Business very rarely turns its course radically in the other direction, which means ",(0,s.jsx)(t.strong,{children:"the reflection of business tasks in the frontend application code is a very significant profit."})]}),"\n",(0,s.jsx)(t.p,{children:(0,s.jsxs)(t.em,{children:["Then you don't have to explain to each new team member what this or that code does, and in general why it was added - ",(0,s.jsx)(t.strong,{children:"everything will be explained through the business tasks that are already reflected in the code."})]})}),"\n",(0,s.jsxs)(t.blockquote,{children:["\n",(0,s.jsxs)(t.p,{children:["What is called ",(0,s.jsx)(t.a,{href:"https://thedomaindrivendesign.io/developing-the-ubiquitous-language",children:'"Business Language" in Domain Driven Development'})]}),"\n"]}),"\n",(0,s.jsx)(t.hr,{}),"\n",(0,s.jsx)(t.h2,{id:"back-to-reality",children:"Back to reality"}),"\n",(0,s.jsxs)(t.p,{children:["If business processes are understood and good names are given at the design stage - ",(0,s.jsx)(t.em,{children:"then it is not particularly problematic to transfer this understanding and logic to the code."})]}),"\n",(0,s.jsxs)(t.p,{children:[(0,s.jsx)(t.strong,{children:"However, in practice"}),', tasks and functionality are usually developed "too" iteratively and (or) there is no time to think through the design.']}),"\n",(0,s.jsx)(t.p,{children:(0,s.jsx)(t.strong,{children:"As a result, the feature makes sense today, and if you expand this feature in a month, you can rewrite the gender of the project."})}),"\n",(0,s.jsxs)(t.blockquote,{children:["\n",(0,s.jsx)(t.p,{children:(0,s.jsxs)(t.em,{children:["[",(0,s.jsx)(t.a,{href:"https://t.me/sergeysova/318",children:"From the discussion"}),"]: The developer tries to think 2-3 steps ahead, taking into account future wishes, but here he rests on his own experience"]})}),"\n",(0,s.jsx)(t.p,{children:(0,s.jsx)(t.em,{children:"Burns experience engineer usually immediately looking 10 steps ahead, and understand where one feature to divide and combine with the other"})}),"\n",(0,s.jsx)(t.p,{children:(0,s.jsx)(t.em,{children:"But sometimes that comes the task which had to face the experience, and nowhere to take the understanding of how literacy to decompose, with the least unfortunate consequences in the future"})}),"\n"]}),"\n",(0,s.jsx)(t.h2,{id:"the-role-of-methodology",children:"The role of methodology"}),"\n",(0,s.jsx)(t.p,{children:(0,s.jsx)(t.strong,{children:"The methodology helps to solve the problems of developers, so that it is easier to solve the problems of users."})}),"\n",(0,s.jsx)(t.p,{children:"There is no solution to the problems of developers only for the sake of developers"}),"\n",(0,s.jsxs)(t.p,{children:["But in order for the developer to solve his tasks, ",(0,s.jsx)(t.strong,{children:"you need to understand the user's tasks"})," - on the contrary, it will not work"]}),"\n",(0,s.jsx)(t.h3,{id:"methodology-requirements",children:"Methodology requirements"}),"\n",(0,s.jsxs)(t.p,{children:["It becomes clear that you need to identify at least two requirements for ",(0,s.jsx)(t.strong,{children:"Feature-Sliced Design"}),":"]}),"\n",(0,s.jsxs)(t.ol,{children:["\n",(0,s.jsxs)(t.li,{children:["\n",(0,s.jsxs)(t.p,{children:["The methodology should tell ",(0,s.jsx)(t.strong,{children:"how to create features, processes and entities"})]}),"\n",(0,s.jsxs)(t.ul,{children:["\n",(0,s.jsxs)(t.li,{children:["Which means it should clearly explain ",(0,s.jsx)(t.em,{children:"how to divide the code between them"}),", which means that the naming of these entities should also be laid down in the specification."]}),"\n"]}),"\n"]}),"\n",(0,s.jsxs)(t.li,{children:["\n",(0,s.jsxs)(t.p,{children:["The methodology should help the architecture ",(0,s.jsx)(t.strong,{children:(0,s.jsx)(t.a,{href:"architecture#adaptability",children:"easily adapt to the changing requirements of the project"})})]}),"\n"]}),"\n"]}),"\n",(0,s.jsx)(t.h2,{id:"see-also",children:"See also"}),"\n",(0,s.jsxs)(t.ul,{children:["\n",(0,s.jsxs)(t.li,{children:[(0,s.jsx)(t.a,{href:"https://t.me/sergeysova/318",children:"(Post) Stimulation for a clear formulation of tasks (+ discussion)"}),"\n",(0,s.jsxs)(t.blockquote,{children:["\n",(0,s.jsx)(t.p,{children:(0,s.jsxs)(t.em,{children:[(0,s.jsx)(t.strong,{children:"The current article"})," is an adaptation of this discussion, you can read the full uncut version at the link"]})}),"\n"]}),"\n"]}),"\n",(0,s.jsx)(t.li,{children:(0,s.jsx)(t.a,{href:"https://t.me/atomicdesign/18972",children:"(Discussion) How to break the functionality and what it is"})}),"\n",(0,s.jsx)(t.li,{children:(0,s.jsx)(t.a,{href:"https://alexmngn.medium.com/how-to-better-organize-your-react-applications-2fd3ea1920f1",children:'(Article) "How to better organize your applications"'})}),"\n"]})]})}function c(e={}){const{wrapper:t}={...(0,i.R)(),...e.components};return t?(0,s.jsx)(t,{...e,children:(0,s.jsx)(d,{...e})}):d(e)}},1100:(e,t,n)=>{n.d(t,{R:()=>r,x:()=>a});var s=n(758);const i={},o=s.createContext(i);function r(e){const t=s.useContext(o);return s.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function a(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(i):e.components||i:r(e.components),s.createElement(o.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
diff --git a/uz/assets/js/3121f8ae.a3f7fb1b.js b/uz/assets/js/3121f8ae.b4f4a5e4.js
similarity index 98%
rename from uz/assets/js/3121f8ae.a3f7fb1b.js
rename to uz/assets/js/3121f8ae.b4f4a5e4.js
index 7c8c61be97..b624d65a48 100644
--- a/uz/assets/js/3121f8ae.a3f7fb1b.js
+++ b/uz/assets/js/3121f8ae.b4f4a5e4.js
@@ -1 +1 @@
-"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[9064],{1928:(e,t,s)=>{s.d(t,{Ay:()=>l,RM:()=>d});var n=s(6070),i=s(1100),o=(s(758),s(6783)),r=s(7765);const c=e=>{let{ticket:t}=e;const s=`https://github.com/feature-sliced/documentation/issues/${t}`;return(0,n.jsxs)("div",{children:[(0,n.jsx)("p",{children:(0,r.T)({id:"shared.wip.title"})}),(0,n.jsx)("p",{children:(0,r.T)({id:"shared.wip.subtitle"})}),(0,n.jsxs)("ul",{children:[(0,n.jsxs)("li",{children:[(0,r.T)({id:"shared.wip.var.feedback.base"}),(0,n.jsx)(o.A,{to:s,children:(0,r.T)({id:"shared.wip.var.feedback.link"})})]}),(0,n.jsxs)("li",{children:[(0,r.T)({id:"shared.wip.var.material.base"}),(0,n.jsx)(o.A,{to:"https://t.me/feature_sliced",children:(0,r.T)({id:"shared.wip.var.material.link"})})]}),(0,n.jsxs)("li",{children:[(0,r.T)({id:"shared.wip.var.contribute.base"}),(0,n.jsx)(o.A,{to:"https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md",children:(0,r.T)({id:"shared.wip.var.contribute.link"})})]})]}),(0,n.jsx)("br",{}),(0,n.jsx)("p",{children:(0,n.jsx)("i",{children:"\ud83c\udf70 Stay tuned!"})})]})},d=[];function a(e){const t={admonition:"admonition",...(0,i.R)(),...e.components};return(0,n.jsx)(t.admonition,{title:"WIP",type:"caution",children:(0,n.jsx)(c,{ticket:e.ticket})})}function l(e={}){const{wrapper:t}={...(0,i.R)(),...e.components};return t?(0,n.jsx)(t,{...e,children:(0,n.jsx)(a,{...e})}):a(e)}},3190:(e,t,s)=>{s.r(t),s.d(t,{assets:()=>a,contentTitle:()=>c,default:()=>p,frontMatter:()=>r,metadata:()=>d,toc:()=>l});var n=s(6070),i=s(1100),o=s(1928);const r={sidebar_class_name:"sidebar-item--wip",unlisted:!0},c="Desktop/Touch platforms",d={id:"guides/examples/platforms",title:"Desktop/Touch platforms",description:"About the application of the methodology for desktop/touch",source:"@site/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/platforms.mdx",sourceDirName:"guides/examples",slug:"/guides/examples/platforms",permalink:"/uz/docs/guides/examples/platforms",draft:!1,unlisted:!0,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/platforms.mdx",tags:[],version:"current",lastUpdatedAt:1727607766e3,frontMatter:{sidebar_class_name:"sidebar-item--wip",unlisted:!0},sidebar:"guidesSidebar"},a={},l=[...o.RM];function u(e){const t={blockquote:"blockquote",h1:"h1",header:"header",p:"p",...(0,i.R)(),...e.components};return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(t.header,{children:(0,n.jsx)(t.h1,{id:"desktoptouch-platforms",children:"Desktop/Touch platforms"})}),"\n",(0,n.jsx)(o.Ay,{ticket:"198"}),"\n",(0,n.jsxs)(t.blockquote,{children:["\n",(0,n.jsx)(t.p,{children:"About the application of the methodology for desktop/touch"}),"\n"]})]})}function p(e={}){const{wrapper:t}={...(0,i.R)(),...e.components};return t?(0,n.jsx)(t,{...e,children:(0,n.jsx)(u,{...e})}):u(e)}},1100:(e,t,s)=>{s.d(t,{R:()=>r,x:()=>c});var n=s(758);const i={},o=n.createContext(i);function r(e){const t=n.useContext(o);return n.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function c(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(i):e.components||i:r(e.components),n.createElement(o.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
+"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[9064],{1928:(e,t,s)=>{s.d(t,{Ay:()=>l,RM:()=>d});var n=s(6070),i=s(1100),o=(s(758),s(6783)),r=s(7765);const c=e=>{let{ticket:t}=e;const s=`https://github.com/feature-sliced/documentation/issues/${t}`;return(0,n.jsxs)("div",{children:[(0,n.jsx)("p",{children:(0,r.T)({id:"shared.wip.title"})}),(0,n.jsx)("p",{children:(0,r.T)({id:"shared.wip.subtitle"})}),(0,n.jsxs)("ul",{children:[(0,n.jsxs)("li",{children:[(0,r.T)({id:"shared.wip.var.feedback.base"}),(0,n.jsx)(o.A,{to:s,children:(0,r.T)({id:"shared.wip.var.feedback.link"})})]}),(0,n.jsxs)("li",{children:[(0,r.T)({id:"shared.wip.var.material.base"}),(0,n.jsx)(o.A,{to:"https://t.me/feature_sliced",children:(0,r.T)({id:"shared.wip.var.material.link"})})]}),(0,n.jsxs)("li",{children:[(0,r.T)({id:"shared.wip.var.contribute.base"}),(0,n.jsx)(o.A,{to:"https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md",children:(0,r.T)({id:"shared.wip.var.contribute.link"})})]})]}),(0,n.jsx)("br",{}),(0,n.jsx)("p",{children:(0,n.jsx)("i",{children:"\ud83c\udf70 Stay tuned!"})})]})},d=[];function a(e){const t={admonition:"admonition",...(0,i.R)(),...e.components};return(0,n.jsx)(t.admonition,{title:"WIP",type:"caution",children:(0,n.jsx)(c,{ticket:e.ticket})})}function l(e={}){const{wrapper:t}={...(0,i.R)(),...e.components};return t?(0,n.jsx)(t,{...e,children:(0,n.jsx)(a,{...e})}):a(e)}},3190:(e,t,s)=>{s.r(t),s.d(t,{assets:()=>a,contentTitle:()=>c,default:()=>p,frontMatter:()=>r,metadata:()=>d,toc:()=>l});var n=s(6070),i=s(1100),o=s(1928);const r={sidebar_class_name:"sidebar-item--wip",unlisted:!0},c="Desktop/Touch platforms",d={id:"guides/examples/platforms",title:"Desktop/Touch platforms",description:"About the application of the methodology for desktop/touch",source:"@site/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/platforms.mdx",sourceDirName:"guides/examples",slug:"/guides/examples/platforms",permalink:"/uz/docs/guides/examples/platforms",draft:!1,unlisted:!0,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/platforms.mdx",tags:[],version:"current",lastUpdatedAt:1728325386e3,frontMatter:{sidebar_class_name:"sidebar-item--wip",unlisted:!0},sidebar:"guidesSidebar"},a={},l=[...o.RM];function u(e){const t={blockquote:"blockquote",h1:"h1",header:"header",p:"p",...(0,i.R)(),...e.components};return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(t.header,{children:(0,n.jsx)(t.h1,{id:"desktoptouch-platforms",children:"Desktop/Touch platforms"})}),"\n",(0,n.jsx)(o.Ay,{ticket:"198"}),"\n",(0,n.jsxs)(t.blockquote,{children:["\n",(0,n.jsx)(t.p,{children:"About the application of the methodology for desktop/touch"}),"\n"]})]})}function p(e={}){const{wrapper:t}={...(0,i.R)(),...e.components};return t?(0,n.jsx)(t,{...e,children:(0,n.jsx)(u,{...e})}):u(e)}},1100:(e,t,s)=>{s.d(t,{R:()=>r,x:()=>c});var n=s(758);const i={},o=n.createContext(i);function r(e){const t=n.useContext(o);return n.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function c(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(i):e.components||i:r(e.components),n.createElement(o.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
diff --git a/uz/assets/js/350d1c3d.f3a39c04.js b/uz/assets/js/350d1c3d.d3870da7.js
similarity index 99%
rename from uz/assets/js/350d1c3d.f3a39c04.js
rename to uz/assets/js/350d1c3d.d3870da7.js
index 2892ba9c54..2b8f174e4f 100644
--- a/uz/assets/js/350d1c3d.f3a39c04.js
+++ b/uz/assets/js/350d1c3d.d3870da7.js
@@ -1 +1 @@
-"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[9706],{3350:(e,t,s)=>{s.r(t),s.d(t,{assets:()=>a,contentTitle:()=>r,default:()=>h,frontMatter:()=>l,metadata:()=>o,toc:()=>c});var n=s(6070),i=s(1100);const l={title:"Slices and segments",sidebar_position:2,pagination_next:"reference/public-api"},r="Slices and segments",o={id:"reference/slices-segments",title:"Slices and segments",description:"Slices",source:"@site/i18n/en/docusaurus-plugin-content-docs/current/reference/slices-segments.mdx",sourceDirName:"reference",slug:"/reference/slices-segments",permalink:"/uz/docs/reference/slices-segments",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/reference/slices-segments.mdx",tags:[],version:"current",lastUpdatedAt:1727607766e3,sidebarPosition:2,frontMatter:{title:"Slices and segments",sidebar_position:2,pagination_next:"reference/public-api"},sidebar:"referenceSidebar",previous:{title:"Qatlamlar",permalink:"/uz/docs/reference/layers"},next:{title:"Public API",permalink:"/uz/docs/reference/public-api"}},a={},c=[{value:"Slices",id:"slices",level:2},{value:"Public API rule on slices",id:"public-api-rule-on-slices",level:3},{value:"Segments",id:"segments",level:2},{value:"Examples",id:"examples",level:3}];function d(e){const t={a:"a",blockquote:"blockquote",code:"code",em:"em",h1:"h1",h2:"h2",h3:"h3",header:"header",img:"img",li:"li",p:"p",strong:"strong",table:"table",tbody:"tbody",td:"td",th:"th",thead:"thead",tr:"tr",ul:"ul",...(0,i.R)(),...e.components};return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(t.header,{children:(0,n.jsx)(t.h1,{id:"slices-and-segments",children:"Slices and segments"})}),"\n",(0,n.jsx)(t.h2,{id:"slices",children:"Slices"}),"\n",(0,n.jsx)(t.p,{children:"Slices are the second level in the organizational hierarchy of Feature-Sliced Design. Their main purpose is to group code by its meaning for the product, business or just the application."}),"\n",(0,n.jsxs)(t.p,{children:["The names of slices are not standardized because they are directly determined by the business domain of your application. For example, a photo gallery might have slices ",(0,n.jsx)(t.code,{children:"photo"}),", ",(0,n.jsx)(t.code,{children:"create-album"}),", ",(0,n.jsx)(t.code,{children:"gallery-page"}),". A social network would require different slices, for example, ",(0,n.jsx)(t.code,{children:"post"}),", ",(0,n.jsx)(t.code,{children:"add-user-to-friends"}),", ",(0,n.jsx)(t.code,{children:"news-feed"}),"."]}),"\n",(0,n.jsxs)(t.p,{children:["Closely related slices can be structurally grouped in a directory, but they should exercise the same isolation rules as other slices \u2014 there should be ",(0,n.jsx)(t.strong,{children:"no code sharing"})," in that directory."]}),"\n",(0,n.jsx)(t.p,{children:(0,n.jsx)(t.img,{alt:"Features &quot;compose&quot;, &quot;like&quot; and &quot;delete&quot; grouped in a directory &quot;post&quot;. In that directory there is also a file &quot;some-shared-code.ts&quot; that is crossed out to imply that it&#39;s not allowed.",src:s(628).A+"",width:"365",height:"236"})}),"\n",(0,n.jsx)(t.p,{children:"The layers Shared and App don't contain slices. That is because Shared should contain no business logic at all, hence has no meaning for the product, and App should contain only code that concerns the entire application, so no splitting is necessary."}),"\n",(0,n.jsx)(t.h3,{id:"public-api-rule-on-slices",children:"Public API rule on slices"}),"\n",(0,n.jsxs)(t.p,{children:["Inside a slice, the code could be organized very liberally, and that doesn't pose any issues as long as the slice provides a good public API. This is enforced with the ",(0,n.jsx)(t.strong,{children:"public API rule on slices"}),":"]}),"\n",(0,n.jsxs)(t.blockquote,{children:["\n",(0,n.jsx)(t.p,{children:(0,n.jsx)(t.em,{children:"Every slice (and segment on layers that don't have slices) must contain a public API definition."})}),"\n",(0,n.jsx)(t.p,{children:(0,n.jsx)(t.em,{children:"Modules outside of this slice/segment can only reference the public API, not the internal file structure of the slice/segment."})}),"\n"]}),"\n",(0,n.jsxs)(t.p,{children:["Read more about the rationale of public APIs and the best practices on creating one in the ",(0,n.jsx)(t.a,{href:"/docs/reference/public-api",children:"Public API reference"}),"."]}),"\n",(0,n.jsx)(t.h2,{id:"segments",children:"Segments"}),"\n",(0,n.jsx)(t.p,{children:"Segments are the third and final level in the organizational hierarchy, and their purpose is to group code by its technical nature."}),"\n",(0,n.jsx)(t.p,{children:"There a few standardized segment names:"}),"\n",(0,n.jsxs)(t.ul,{children:["\n",(0,n.jsxs)(t.li,{children:[(0,n.jsx)(t.code,{children:"ui"})," \u2014 UI components, data formatting functions"]}),"\n",(0,n.jsxs)(t.li,{children:[(0,n.jsx)(t.code,{children:"model"})," \u2014 business logic and data storage, as well as functions to manipulate this data"]}),"\n",(0,n.jsxs)(t.li,{children:[(0,n.jsx)(t.code,{children:"lib"})," \u2014 auxiliary and infrastructural code"]}),"\n",(0,n.jsxs)(t.li,{children:[(0,n.jsx)(t.code,{children:"api"})," \u2014 communication with external APIs, backend API methods"]}),"\n"]}),"\n",(0,n.jsx)(t.p,{children:"Custom segments are permitted, but should be created sparingly. The most common places for custom segments are the App layer and the Shared layer, where slices don't make sense."}),"\n",(0,n.jsx)(t.h3,{id:"examples",children:"Examples"}),"\n",(0,n.jsxs)(t.table,{children:[(0,n.jsx)(t.thead,{children:(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.th,{style:{textAlign:"left"},children:"Layer"}),(0,n.jsx)(t.th,{style:{textAlign:"left"},children:(0,n.jsx)(t.code,{children:"ui"})}),(0,n.jsx)(t.th,{style:{textAlign:"left"},children:(0,n.jsx)(t.code,{children:"model"})}),(0,n.jsx)(t.th,{style:{textAlign:"left"},children:(0,n.jsx)(t.code,{children:"lib"})}),(0,n.jsx)(t.th,{style:{textAlign:"left"},children:(0,n.jsx)(t.code,{children:"api"})})]})}),(0,n.jsxs)(t.tbody,{children:[(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{style:{textAlign:"left"},children:"Shared"}),(0,n.jsx)(t.td,{style:{textAlign:"left"},children:"UI kit"}),(0,n.jsx)(t.td,{style:{textAlign:"left"},children:"Usually not used"}),(0,n.jsxs)(t.td,{style:{textAlign:"left"},children:["Utility modules of several related files. ",(0,n.jsx)("br",{}),"If you need to use individual helpers, consider using utility libraries such as ",(0,n.jsx)(t.a,{href:"https://www.npmjs.com/package/lodash-es",children:(0,n.jsx)(t.code,{children:"lodash-es"})}),"."]}),(0,n.jsx)(t.td,{style:{textAlign:"left"},children:"Rudimentary API client with additional features like authentication or caching."})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{style:{textAlign:"left"},children:"Entities"}),(0,n.jsx)(t.td,{style:{textAlign:"left"},children:"Skeleton of a business entity with slots for interactive elements"}),(0,n.jsxs)(t.td,{style:{textAlign:"left"},children:["Data storage of instances of this entity as well as functions for manipulating that data. ",(0,n.jsx)("br",{})," This segment is most fit for storing server-side data. If you use ",(0,n.jsx)(t.a,{href:"https://tanstack.com/query/latest",children:"TanStack Query"})," or other methods of implicit storage, you may choose to omit this segment."]}),(0,n.jsx)(t.td,{style:{textAlign:"left"},children:"Functions for manipulating instances of this entity that aren't related to storage"}),(0,n.jsx)(t.td,{style:{textAlign:"left"},children:"API methods using the API client from Shared for easy communication with the backend"})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{style:{textAlign:"left"},children:"Features"}),(0,n.jsx)(t.td,{style:{textAlign:"left"},children:"Interactive elements that enable users to use this feature"}),(0,n.jsx)(t.td,{style:{textAlign:"left"},children:"Business logic and infrastructure data storage, if needed (e.g., current app theme). This is the code that actually produces value for the user."}),(0,n.jsxs)(t.td,{style:{textAlign:"left"},children:["Infrastructural code that helps to concisely describe the business logic in the ",(0,n.jsx)(t.code,{children:"model"})," segment"]}),(0,n.jsxs)(t.td,{style:{textAlign:"left"},children:["API methods that represent this feature on the backend. ",(0,n.jsx)("br",{})," May compose API methods from Entities."]})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{style:{textAlign:"left"},children:"Widgets"}),(0,n.jsxs)(t.td,{style:{textAlign:"left"},children:["Composition of Entities and Features into self-contained UI blocks. ",(0,n.jsx)("br",{})," Can also contain error boundaries and loading states."]}),(0,n.jsx)(t.td,{style:{textAlign:"left"},children:"Infrastructure data storage, if needed"}),(0,n.jsx)(t.td,{style:{textAlign:"left"},children:"Non-business interactions (e.g., gestures) and other necessary code for the block to function on a page"}),(0,n.jsxs)(t.td,{style:{textAlign:"left"},children:["Usually not used, but can contain data loaders in nested routing contexts (e.g., ",(0,n.jsx)(t.a,{href:"https://remix.run",children:"Remix"}),")"]})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{style:{textAlign:"left"},children:"Pages"}),(0,n.jsxs)(t.td,{style:{textAlign:"left"},children:["Composition of Entities, Features and Widgets into complete pages. ",(0,n.jsx)("br",{})," Can also contain error boundaries and loading states."]}),(0,n.jsx)(t.td,{style:{textAlign:"left"},children:"Usually not used"}),(0,n.jsx)(t.td,{style:{textAlign:"left"},children:"Non-business interactions (e.g., gestures) and other necessary code for the page to deliver a complete user experience"}),(0,n.jsx)(t.td,{style:{textAlign:"left"},children:"Data loaders for SSR-oriented frameworks"})]})]})]})]})}function h(e={}){const{wrapper:t}={...(0,i.R)(),...e.components};return t?(0,n.jsx)(t,{...e,children:(0,n.jsx)(d,{...e})}):d(e)}},628:(e,t,s)=>{s.d(t,{A:()=>n});const n=s.p+"assets/images/graphic-nested-slices-b9c44e6cc55ecdbf3e50bf40a61e5a27.svg"},1100:(e,t,s)=>{s.d(t,{R:()=>r,x:()=>o});var n=s(758);const i={},l=n.createContext(i);function r(e){const t=n.useContext(l);return n.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function o(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(i):e.components||i:r(e.components),n.createElement(l.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
+"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[9706],{3350:(e,t,s)=>{s.r(t),s.d(t,{assets:()=>a,contentTitle:()=>r,default:()=>h,frontMatter:()=>l,metadata:()=>o,toc:()=>c});var n=s(6070),i=s(1100);const l={title:"Slices and segments",sidebar_position:2,pagination_next:"reference/public-api"},r="Slices and segments",o={id:"reference/slices-segments",title:"Slices and segments",description:"Slices",source:"@site/i18n/en/docusaurus-plugin-content-docs/current/reference/slices-segments.mdx",sourceDirName:"reference",slug:"/reference/slices-segments",permalink:"/uz/docs/reference/slices-segments",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/reference/slices-segments.mdx",tags:[],version:"current",lastUpdatedAt:1728325386e3,sidebarPosition:2,frontMatter:{title:"Slices and segments",sidebar_position:2,pagination_next:"reference/public-api"},sidebar:"referenceSidebar",previous:{title:"Qatlamlar",permalink:"/uz/docs/reference/layers"},next:{title:"Public API",permalink:"/uz/docs/reference/public-api"}},a={},c=[{value:"Slices",id:"slices",level:2},{value:"Public API rule on slices",id:"public-api-rule-on-slices",level:3},{value:"Segments",id:"segments",level:2},{value:"Examples",id:"examples",level:3}];function d(e){const t={a:"a",blockquote:"blockquote",code:"code",em:"em",h1:"h1",h2:"h2",h3:"h3",header:"header",img:"img",li:"li",p:"p",strong:"strong",table:"table",tbody:"tbody",td:"td",th:"th",thead:"thead",tr:"tr",ul:"ul",...(0,i.R)(),...e.components};return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(t.header,{children:(0,n.jsx)(t.h1,{id:"slices-and-segments",children:"Slices and segments"})}),"\n",(0,n.jsx)(t.h2,{id:"slices",children:"Slices"}),"\n",(0,n.jsx)(t.p,{children:"Slices are the second level in the organizational hierarchy of Feature-Sliced Design. Their main purpose is to group code by its meaning for the product, business or just the application."}),"\n",(0,n.jsxs)(t.p,{children:["The names of slices are not standardized because they are directly determined by the business domain of your application. For example, a photo gallery might have slices ",(0,n.jsx)(t.code,{children:"photo"}),", ",(0,n.jsx)(t.code,{children:"create-album"}),", ",(0,n.jsx)(t.code,{children:"gallery-page"}),". A social network would require different slices, for example, ",(0,n.jsx)(t.code,{children:"post"}),", ",(0,n.jsx)(t.code,{children:"add-user-to-friends"}),", ",(0,n.jsx)(t.code,{children:"news-feed"}),"."]}),"\n",(0,n.jsxs)(t.p,{children:["Closely related slices can be structurally grouped in a directory, but they should exercise the same isolation rules as other slices \u2014 there should be ",(0,n.jsx)(t.strong,{children:"no code sharing"})," in that directory."]}),"\n",(0,n.jsx)(t.p,{children:(0,n.jsx)(t.img,{alt:"Features &quot;compose&quot;, &quot;like&quot; and &quot;delete&quot; grouped in a directory &quot;post&quot;. In that directory there is also a file &quot;some-shared-code.ts&quot; that is crossed out to imply that it&#39;s not allowed.",src:s(628).A+"",width:"365",height:"236"})}),"\n",(0,n.jsx)(t.p,{children:"The layers Shared and App don't contain slices. That is because Shared should contain no business logic at all, hence has no meaning for the product, and App should contain only code that concerns the entire application, so no splitting is necessary."}),"\n",(0,n.jsx)(t.h3,{id:"public-api-rule-on-slices",children:"Public API rule on slices"}),"\n",(0,n.jsxs)(t.p,{children:["Inside a slice, the code could be organized very liberally, and that doesn't pose any issues as long as the slice provides a good public API. This is enforced with the ",(0,n.jsx)(t.strong,{children:"public API rule on slices"}),":"]}),"\n",(0,n.jsxs)(t.blockquote,{children:["\n",(0,n.jsx)(t.p,{children:(0,n.jsx)(t.em,{children:"Every slice (and segment on layers that don't have slices) must contain a public API definition."})}),"\n",(0,n.jsx)(t.p,{children:(0,n.jsx)(t.em,{children:"Modules outside of this slice/segment can only reference the public API, not the internal file structure of the slice/segment."})}),"\n"]}),"\n",(0,n.jsxs)(t.p,{children:["Read more about the rationale of public APIs and the best practices on creating one in the ",(0,n.jsx)(t.a,{href:"/docs/reference/public-api",children:"Public API reference"}),"."]}),"\n",(0,n.jsx)(t.h2,{id:"segments",children:"Segments"}),"\n",(0,n.jsx)(t.p,{children:"Segments are the third and final level in the organizational hierarchy, and their purpose is to group code by its technical nature."}),"\n",(0,n.jsx)(t.p,{children:"There a few standardized segment names:"}),"\n",(0,n.jsxs)(t.ul,{children:["\n",(0,n.jsxs)(t.li,{children:[(0,n.jsx)(t.code,{children:"ui"})," \u2014 UI components, data formatting functions"]}),"\n",(0,n.jsxs)(t.li,{children:[(0,n.jsx)(t.code,{children:"model"})," \u2014 business logic and data storage, as well as functions to manipulate this data"]}),"\n",(0,n.jsxs)(t.li,{children:[(0,n.jsx)(t.code,{children:"lib"})," \u2014 auxiliary and infrastructural code"]}),"\n",(0,n.jsxs)(t.li,{children:[(0,n.jsx)(t.code,{children:"api"})," \u2014 communication with external APIs, backend API methods"]}),"\n"]}),"\n",(0,n.jsx)(t.p,{children:"Custom segments are permitted, but should be created sparingly. The most common places for custom segments are the App layer and the Shared layer, where slices don't make sense."}),"\n",(0,n.jsx)(t.h3,{id:"examples",children:"Examples"}),"\n",(0,n.jsxs)(t.table,{children:[(0,n.jsx)(t.thead,{children:(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.th,{style:{textAlign:"left"},children:"Layer"}),(0,n.jsx)(t.th,{style:{textAlign:"left"},children:(0,n.jsx)(t.code,{children:"ui"})}),(0,n.jsx)(t.th,{style:{textAlign:"left"},children:(0,n.jsx)(t.code,{children:"model"})}),(0,n.jsx)(t.th,{style:{textAlign:"left"},children:(0,n.jsx)(t.code,{children:"lib"})}),(0,n.jsx)(t.th,{style:{textAlign:"left"},children:(0,n.jsx)(t.code,{children:"api"})})]})}),(0,n.jsxs)(t.tbody,{children:[(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{style:{textAlign:"left"},children:"Shared"}),(0,n.jsx)(t.td,{style:{textAlign:"left"},children:"UI kit"}),(0,n.jsx)(t.td,{style:{textAlign:"left"},children:"Usually not used"}),(0,n.jsxs)(t.td,{style:{textAlign:"left"},children:["Utility modules of several related files. ",(0,n.jsx)("br",{}),"If you need to use individual helpers, consider using utility libraries such as ",(0,n.jsx)(t.a,{href:"https://www.npmjs.com/package/lodash-es",children:(0,n.jsx)(t.code,{children:"lodash-es"})}),"."]}),(0,n.jsx)(t.td,{style:{textAlign:"left"},children:"Rudimentary API client with additional features like authentication or caching."})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{style:{textAlign:"left"},children:"Entities"}),(0,n.jsx)(t.td,{style:{textAlign:"left"},children:"Skeleton of a business entity with slots for interactive elements"}),(0,n.jsxs)(t.td,{style:{textAlign:"left"},children:["Data storage of instances of this entity as well as functions for manipulating that data. ",(0,n.jsx)("br",{})," This segment is most fit for storing server-side data. If you use ",(0,n.jsx)(t.a,{href:"https://tanstack.com/query/latest",children:"TanStack Query"})," or other methods of implicit storage, you may choose to omit this segment."]}),(0,n.jsx)(t.td,{style:{textAlign:"left"},children:"Functions for manipulating instances of this entity that aren't related to storage"}),(0,n.jsx)(t.td,{style:{textAlign:"left"},children:"API methods using the API client from Shared for easy communication with the backend"})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{style:{textAlign:"left"},children:"Features"}),(0,n.jsx)(t.td,{style:{textAlign:"left"},children:"Interactive elements that enable users to use this feature"}),(0,n.jsx)(t.td,{style:{textAlign:"left"},children:"Business logic and infrastructure data storage, if needed (e.g., current app theme). This is the code that actually produces value for the user."}),(0,n.jsxs)(t.td,{style:{textAlign:"left"},children:["Infrastructural code that helps to concisely describe the business logic in the ",(0,n.jsx)(t.code,{children:"model"})," segment"]}),(0,n.jsxs)(t.td,{style:{textAlign:"left"},children:["API methods that represent this feature on the backend. ",(0,n.jsx)("br",{})," May compose API methods from Entities."]})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{style:{textAlign:"left"},children:"Widgets"}),(0,n.jsxs)(t.td,{style:{textAlign:"left"},children:["Composition of Entities and Features into self-contained UI blocks. ",(0,n.jsx)("br",{})," Can also contain error boundaries and loading states."]}),(0,n.jsx)(t.td,{style:{textAlign:"left"},children:"Infrastructure data storage, if needed"}),(0,n.jsx)(t.td,{style:{textAlign:"left"},children:"Non-business interactions (e.g., gestures) and other necessary code for the block to function on a page"}),(0,n.jsxs)(t.td,{style:{textAlign:"left"},children:["Usually not used, but can contain data loaders in nested routing contexts (e.g., ",(0,n.jsx)(t.a,{href:"https://remix.run",children:"Remix"}),")"]})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{style:{textAlign:"left"},children:"Pages"}),(0,n.jsxs)(t.td,{style:{textAlign:"left"},children:["Composition of Entities, Features and Widgets into complete pages. ",(0,n.jsx)("br",{})," Can also contain error boundaries and loading states."]}),(0,n.jsx)(t.td,{style:{textAlign:"left"},children:"Usually not used"}),(0,n.jsx)(t.td,{style:{textAlign:"left"},children:"Non-business interactions (e.g., gestures) and other necessary code for the page to deliver a complete user experience"}),(0,n.jsx)(t.td,{style:{textAlign:"left"},children:"Data loaders for SSR-oriented frameworks"})]})]})]})]})}function h(e={}){const{wrapper:t}={...(0,i.R)(),...e.components};return t?(0,n.jsx)(t,{...e,children:(0,n.jsx)(d,{...e})}):d(e)}},628:(e,t,s)=>{s.d(t,{A:()=>n});const n=s.p+"assets/images/graphic-nested-slices-b9c44e6cc55ecdbf3e50bf40a61e5a27.svg"},1100:(e,t,s)=>{s.d(t,{R:()=>r,x:()=>o});var n=s(758);const i={},l=n.createContext(i);function r(e){const t=n.useContext(l);return n.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function o(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(i):e.components||i:r(e.components),n.createElement(l.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
diff --git a/uz/assets/js/370f8845.b5f6ec0f.js b/uz/assets/js/370f8845.96639f72.js
similarity index 99%
rename from uz/assets/js/370f8845.b5f6ec0f.js
rename to uz/assets/js/370f8845.96639f72.js
index af326390a4..473b3b610b 100644
--- a/uz/assets/js/370f8845.b5f6ec0f.js
+++ b/uz/assets/js/370f8845.96639f72.js
@@ -1 +1 @@
-"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[8754],{1610:(e,n,t)=>{t.r(n),t.d(n,{assets:()=>l,contentTitle:()=>o,default:()=>u,frontMatter:()=>r,metadata:()=>a,toc:()=>c});var i=t(6070),s=t(1100);const r={sidebar_position:10},o="Usage with React Query",a={id:"guides/tech/with-react-query",title:"Usage with React Query",description:"The problem of \u201cwhere to put the keys\u201d",source:"@site/i18n/en/docusaurus-plugin-content-docs/current/guides/tech/with-react-query.mdx",sourceDirName:"guides/tech",slug:"/guides/tech/with-react-query",permalink:"/uz/docs/guides/tech/with-react-query",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/guides/tech/with-react-query.mdx",tags:[],version:"current",lastUpdatedAt:1727607766e3,sidebarPosition:10,frontMatter:{sidebar_position:10},sidebar:"guidesSidebar",previous:{title:"Usage with NuxtJS",permalink:"/uz/docs/guides/tech/with-nuxtjs"},next:{title:"Usage with SvelteKit",permalink:"/uz/docs/guides/tech/with-sveltekit"}},l={},c=[{value:"The problem of \u201cwhere to put the keys\u201d",id:"the-problem-of-where-to-put-the-keys",level:2},{value:"Solution \u2014 break down by entities",id:"solution--break-down-by-entities",level:3},{value:"Alternative solution \u2014 keep it in shared",id:"alternative-solution--keep-it-in-shared",level:3},{value:"The problem of \u201cWhere to insert mutations?\u201d",id:"the-problem-of-where-to-insert-mutations",level:2},{value:"1. Define a custom hook in the <code>api</code> segment near the place of use",id:"1-define-a-custom-hook-in-the-api-segment-near-the-place-of-use",level:3},{value:"2. Define a mutation function somewhere else (Shared or Entities) and use <code>useMutation</code> directly in the component",id:"2-define-a-mutation-function-somewhere-else-shared-or-entities-and-use-usemutation-directly-in-the-component",level:3},{value:"Organization of requests",id:"organization-of-requests",level:2},{value:"Query factory",id:"query-factory",level:3},{value:"1. Creating a Query Factory",id:"1-creating-a-query-factory",level:3},{value:"2. Using Query Factory in application code",id:"2-using-query-factory-in-application-code",level:3},{value:"Benefits of using a Query Factory",id:"benefits-of-using-a-query-factory",level:3},{value:"Pagination",id:"pagination",level:2},{value:"1. Creating a function <code>getPosts</code>",id:"1-creating-a-function-getposts",level:3},{value:"2. Query factory for pagination",id:"2-query-factory-for-pagination",level:3},{value:"3. Use in application code",id:"3-use-in-application-code",level:3},{value:"<code>QueryProvider</code> for managing queries",id:"queryprovider-for-managing-queries",level:2},{value:"1. Creating a <code>QueryProvider</code>",id:"1-creating-a-queryprovider",level:3},{value:"2. Creating a <code>QueryClient</code>",id:"2-creating-a-queryclient",level:3},{value:"Code generation",id:"code-generation",level:2},{value:"Additional advice for organizing RQ",id:"additional-advice-for-organizing-rq",level:2},{value:"API Client",id:"api-client",level:3},{value:"See also",id:"see-also",level:2}];function d(e){const n={a:"a",admonition:"admonition",code:"code",h1:"h1",h2:"h2",h3:"h3",header:"header",li:"li",p:"p",pre:"pre",strong:"strong",ul:"ul",...(0,s.R)(),...e.components};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(n.header,{children:(0,i.jsx)(n.h1,{id:"usage-with-react-query",children:"Usage with React Query"})}),"\n",(0,i.jsx)(n.h2,{id:"the-problem-of-where-to-put-the-keys",children:"The problem of \u201cwhere to put the keys\u201d"}),"\n",(0,i.jsx)(n.h3,{id:"solution--break-down-by-entities",children:"Solution \u2014 break down by entities"}),"\n",(0,i.jsx)(n.p,{children:"If the project already has a division into entities, and each request corresponds to a single entity,\nthe purest division will be by entity. In this case, we suggest using the following structure:"}),"\n",(0,i.jsx)(n.pre,{children:(0,i.jsx)(n.code,{className:"language-sh",children:"\u2514\u2500\u2500 src/                                        #\n    \u251c\u2500\u2500 app/                                    #\n    |   ...                                     #\n    \u251c\u2500\u2500 pages/                                  #\n    |   ...                                     #\n    \u251c\u2500\u2500 entities/                               #\n    |     \u251c\u2500\u2500 {entity}/                         #\n    |    ...     \u2514\u2500\u2500 api/                       #\n    |                 \u251c\u2500\u2500 `{entity}.query`      # Query-factory where are the keys and functions\n    |                 \u251c\u2500\u2500 `get-{entity}`        # Entity getter function\n    |                 \u251c\u2500\u2500 `create-{entity}`     # Entity creation function\n    |                 \u251c\u2500\u2500 `update-{entity}`     # Entity update function\n    |                 \u251c\u2500\u2500 `delete-{entity}`     # Entity delete function\n    |                ...                        #\n    |                                           #\n    \u251c\u2500\u2500 features/                               #\n    |   ...                                     #\n    \u251c\u2500\u2500 widgets/                                #\n    |   ...                                     #\n    \u2514\u2500\u2500 shared/                                 #\n        ...                                     #\n"})}),"\n",(0,i.jsxs)(n.p,{children:["If there are connections between the entities (for example, the Country entity has a field-list of City entities),\nthen you can use an ",(0,i.jsx)(n.a,{href:"https://github.com/feature-sliced/documentation/discussions/390#discussioncomment-5570073",children:"experimental approach to organized cross-imports\nvia @x-notation"})," or consider the alternative solution below."]}),"\n",(0,i.jsx)(n.h3,{id:"alternative-solution--keep-it-in-shared",children:"Alternative solution \u2014 keep it in shared"}),"\n",(0,i.jsx)(n.p,{children:"In cases where entity separation is not appropriate, the following structure can be considered:"}),"\n",(0,i.jsx)(n.pre,{children:(0,i.jsx)(n.code,{className:"language-sh",children:"\u2514\u2500\u2500 src/                                        #\n   ...                                          #\n    \u2514\u2500\u2500 shared/                                 #\n          \u251c\u2500\u2500 api/                              #\n         ...   \u251c\u2500\u2500 `queries`                    # Query-factories\n               |      \u251c\u2500\u2500 `document.ts`         #\n               |      \u251c\u2500\u2500 `background-jobs.ts`  #\n               |     ...                        #\n               \u2514\u2500\u2500  index.ts                    #\n"})}),"\n",(0,i.jsxs)(n.p,{children:["Then in ",(0,i.jsx)(n.code,{children:"@/shared/api/index.ts"}),":"]}),"\n",(0,i.jsx)(n.pre,{children:(0,i.jsx)(n.code,{className:"language-ts",metastring:'title="@/shared/api/index.ts"',children:'export { documentQueries } from "./queries/document";\n'})}),"\n",(0,i.jsx)(n.h2,{id:"the-problem-of-where-to-insert-mutations",children:"The problem of \u201cWhere to insert mutations?\u201d"}),"\n",(0,i.jsx)(n.p,{children:"It is not recommended to mix mutations with queries. There are two options:"}),"\n",(0,i.jsxs)(n.h3,{id:"1-define-a-custom-hook-in-the-api-segment-near-the-place-of-use",children:["1. Define a custom hook in the ",(0,i.jsx)(n.code,{children:"api"})," segment near the place of use"]}),"\n",(0,i.jsx)(n.pre,{children:(0,i.jsx)(n.code,{className:"language-tsx",metastring:'title="@/features/update-post/api/use-update-title.ts"',children:"export const useUpdateTitle = () => {\n  const queryClient = useQueryClient();\n\n  return useMutation({\n    mutationFn: ({ id, newTitle }) =>\n      apiClient\n        .patch(`/posts/${id}`, { title: newTitle })\n        .then((data) => console.log(data)),\n\n    onSuccess: (newPost) => {\n      queryClient.setQueryData(postsQueries.ids(id), newPost);\n    },\n  });\n};\n"})}),"\n",(0,i.jsxs)(n.h3,{id:"2-define-a-mutation-function-somewhere-else-shared-or-entities-and-use-usemutation-directly-in-the-component",children:["2. Define a mutation function somewhere else (Shared or Entities) and use ",(0,i.jsx)(n.code,{children:"useMutation"})," directly in the component"]}),"\n",(0,i.jsx)(n.pre,{children:(0,i.jsx)(n.code,{className:"language-tsx",children:"const { mutateAsync, isPending } = useMutation({\n  mutationFn: postApi.createPost,\n});\n"})}),"\n",(0,i.jsx)(n.pre,{children:(0,i.jsx)(n.code,{className:"language-tsx",metastring:'title="@/pages/post-create/ui/post-create-page.tsx"',children:'export const CreatePost = () => {\n  const { classes } = useStyles();\n  const [title, setTitle] = useState("");\n\n  const { mutate, isPending } = useMutation({\n    mutationFn: postApi.createPost,\n  });\n\n  const handleChange = (e: ChangeEvent<HTMLInputElement>) =>\n    setTitle(e.target.value);\n  const handleSubmit = (e: FormEvent<HTMLFormElement>) => {\n    e.preventDefault();\n    mutate({ title, userId: DEFAULT_USER_ID });\n  };\n\n  return (\n    <form className={classes.create_form} onSubmit={handleSubmit}>\n      <TextField onChange={handleChange} value={title} />\n      <LoadingButton type="submit" variant="contained" loading={isPending}>\n        Create\n      </LoadingButton>\n    </form>\n  );\n};\n'})}),"\n",(0,i.jsx)(n.h2,{id:"organization-of-requests",children:"Organization of requests"}),"\n",(0,i.jsx)(n.h3,{id:"query-factory",children:"Query factory"}),"\n",(0,i.jsx)(n.p,{children:"A query factory is an object where the key values are functions that return a list of query keys. Here's how to use it:"}),"\n",(0,i.jsx)(n.pre,{children:(0,i.jsx)(n.code,{className:"language-ts",children:'const keyFactory = {\n  all: () => ["entity"],\n  lists: () => [...postQueries.all(), "list"],\n};\n'})}),"\n",(0,i.jsxs)(n.admonition,{type:"info",children:[(0,i.jsxs)(n.p,{children:[(0,i.jsx)(n.code,{children:"queryOptions"})," is a built-in utility in react-query@v5 (optional)"]}),(0,i.jsx)(n.pre,{children:(0,i.jsx)(n.code,{className:"language-ts",children:"queryOptions({\n  queryKey,\n  ...options,\n});\n"})}),(0,i.jsxs)(n.p,{children:["For greater type safety, further compatibility with future versions of react-query, and easy access to functions and query keys,\nyou can use the built-in queryOptions function from \u201c@tanstack/react-query\u201d\n",(0,i.jsx)(n.a,{href:"https://tkdodo.eu/blog/the-query-options-api#queryoptions",children:"(More details here)"}),"."]})]}),"\n",(0,i.jsx)(n.h3,{id:"1-creating-a-query-factory",children:"1. Creating a Query Factory"}),"\n",(0,i.jsx)(n.pre,{children:(0,i.jsx)(n.code,{className:"language-tsx",metastring:'title="@/entities/post/api/post.queries.ts"',children:'import { keepPreviousData, queryOptions } from "@tanstack/react-query";\nimport { getPosts } from "./get-posts";\nimport { getDetailPost } from "./get-detail-post";\nimport { PostDetailQuery } from "./query/post.query";\n\nexport const postQueries = {\n  all: () => ["posts"],\n\n  lists: () => [...postQueries.all(), "list"],\n  list: (page: number, limit: number) =>\n    queryOptions({\n      queryKey: [...postQueries.lists(), page, limit],\n      queryFn: () => getPosts(page, limit),\n      placeholderData: keepPreviousData,\n    }),\n\n  details: () => [...postQueries.all(), "detail"],\n  detail: (query?: PostDetailQuery) =>\n    queryOptions({\n      queryKey: [...postQueries.details(), query?.id],\n      queryFn: () => getDetailPost({ id: query?.id }),\n      staleTime: 5000,\n    }),\n};\n'})}),"\n",(0,i.jsx)(n.h3,{id:"2-using-query-factory-in-application-code",children:"2. Using Query Factory in application code"}),"\n",(0,i.jsx)(n.pre,{children:(0,i.jsx)(n.code,{className:"language-tsx",children:'import { useParams } from "react-router-dom";\nimport { postApi } from "@/entities/post";\nimport { useQuery } from "@tanstack/react-query";\n\ntype Params = {\n  postId: string;\n};\n\nexport const PostPage = () => {\n  const { postId } = useParams<Params>();\n  const id = parseInt(postId || "");\n  const {\n    data: post,\n    error,\n    isLoading,\n    isError,\n  } = useQuery(postApi.postQueries.detail({ id }));\n\n  if (isLoading) {\n    return <div>Loading...</div>;\n  }\n\n  if (isError || !post) {\n    return <>{error?.message}</>;\n  }\n\n  return (\n    <div>\n      <p>Post id: {post.id}</p>\n      <div>\n        <h1>{post.title}</h1>\n        <div>\n          <p>{post.body}</p>\n        </div>\n      </div>\n      <div>Owner: {post.userId}</div>\n    </div>\n  );\n};\n'})}),"\n",(0,i.jsx)(n.h3,{id:"benefits-of-using-a-query-factory",children:"Benefits of using a Query Factory"}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsxs)(n.li,{children:[(0,i.jsx)(n.strong,{children:"Request structuring:"})," A factory allows you to organize all API requests in one place, making your code more readable and maintainable."]}),"\n",(0,i.jsxs)(n.li,{children:[(0,i.jsx)(n.strong,{children:"Convenient access to queries and keys:"})," The factory provides convenient methods for accessing different types of queries and their keys."]}),"\n",(0,i.jsxs)(n.li,{children:[(0,i.jsx)(n.strong,{children:"Query Refetching Ability:"})," The factory allows easy refetching without the need to change query keys in different parts of the application."]}),"\n"]}),"\n",(0,i.jsx)(n.h2,{id:"pagination",children:"Pagination"}),"\n",(0,i.jsxs)(n.p,{children:["In this section, we'll look at an example of the ",(0,i.jsx)(n.code,{children:"getPosts"})," function, which makes an API request to retrieve post entities using pagination."]}),"\n",(0,i.jsxs)(n.h3,{id:"1-creating-a-function-getposts",children:["1. Creating a function ",(0,i.jsx)(n.code,{children:"getPosts"})]}),"\n",(0,i.jsxs)(n.p,{children:["The getPosts function is located in the ",(0,i.jsx)(n.code,{children:"get-posts.ts"})," file, which is located in the ",(0,i.jsx)(n.code,{children:"api"})," segment"]}),"\n",(0,i.jsx)(n.pre,{children:(0,i.jsx)(n.code,{className:"language-tsx",metastring:'title="@/pages/post-feed/api/get-posts.ts"',children:'import { apiClient } from "@/shared/api/base";\n\nimport { PostWithPaginationDto } from "./dto/post-with-pagination.dto";\nimport { PostQuery } from "./query/post.query";\nimport { mapPost } from "./mapper/map-post";\nimport { PostWithPagination } from "../model/post-with-pagination";\n\nconst calculatePostPage = (totalCount: number, limit: number) =>\n  Math.floor(totalCount / limit);\n\nexport const getPosts = async (\n  page: number,\n  limit: number,\n): Promise<PostWithPagination> => {\n  const skip = page * limit;\n  const query: PostQuery = { skip, limit };\n  const result = await apiClient.get<PostWithPaginationDto>("/posts", query);\n\n  return {\n    posts: result.posts.map((post) => mapPost(post)),\n    limit: result.limit,\n    skip: result.skip,\n    total: result.total,\n    totalPages: calculatePostPage(result.total, limit),\n  };\n};\n'})}),"\n",(0,i.jsx)(n.h3,{id:"2-query-factory-for-pagination",children:"2. Query factory for pagination"}),"\n",(0,i.jsxs)(n.p,{children:["The ",(0,i.jsx)(n.code,{children:"postQueries"})," query factory defines various query options for working with posts,\nincluding requesting a list of posts with a specific page and limit."]}),"\n",(0,i.jsx)(n.pre,{children:(0,i.jsx)(n.code,{className:"language-tsx",children:'import { keepPreviousData, queryOptions } from "@tanstack/react-query";\nimport { getPosts } from "./get-posts";\n\nexport const postQueries = {\n  all: () => ["posts"],\n  lists: () => [...postQueries.all(), "list"],\n  list: (page: number, limit: number) =>\n    queryOptions({\n      queryKey: [...postQueries.lists(), page, limit],\n      queryFn: () => getPosts(page, limit),\n      placeholderData: keepPreviousData,\n    }),\n};\n'})}),"\n",(0,i.jsx)(n.h3,{id:"3-use-in-application-code",children:"3. Use in application code"}),"\n",(0,i.jsx)(n.pre,{children:(0,i.jsx)(n.code,{className:"language-tsx",metastring:'title="@/pages/home/ui/index.tsx"',children:'export const HomePage = () => {\n  const itemsOnScreen = DEFAULT_ITEMS_ON_SCREEN;\n  const [page, setPage] = usePageParam(DEFAULT_PAGE);\n  const { data, isFetching, isLoading } = useQuery(\n    postApi.postQueries.list(page, itemsOnScreen),\n  );\n  return (\n    <>\n      <Pagination\n        onChange={(_, page) => setPage(page)}\n        page={page}\n        count={data?.totalPages}\n        variant="outlined"\n        color="primary"\n      />\n      <Posts posts={data?.posts} />\n    </>\n  );\n};\n'})}),"\n",(0,i.jsx)(n.admonition,{type:"note",children:(0,i.jsxs)(n.p,{children:["The example is simplified, the full version is available on ",(0,i.jsx)(n.a,{href:"https://github.com/ruslan4432013/fsd-react-query-example",children:"GitHub"})]})}),"\n",(0,i.jsxs)(n.h2,{id:"queryprovider-for-managing-queries",children:[(0,i.jsx)(n.code,{children:"QueryProvider"})," for managing queries"]}),"\n",(0,i.jsxs)(n.p,{children:["In this guide, we will look at how to organize a ",(0,i.jsx)(n.code,{children:"QueryProvider"}),"."]}),"\n",(0,i.jsxs)(n.h3,{id:"1-creating-a-queryprovider",children:["1. Creating a ",(0,i.jsx)(n.code,{children:"QueryProvider"})]}),"\n",(0,i.jsxs)(n.p,{children:["The file ",(0,i.jsx)(n.code,{children:"query-provider.tsx"})," is located at the path ",(0,i.jsx)(n.code,{children:"@/app/providers/query-provider.tsx"}),"."]}),"\n",(0,i.jsx)(n.pre,{children:(0,i.jsx)(n.code,{className:"language-tsx",metastring:'title="@/app/providers/query-provider.tsx"',children:'import { QueryClient, QueryClientProvider } from "@tanstack/react-query";\nimport { ReactQueryDevtools } from "@tanstack/react-query-devtools";\nimport { ReactNode } from "react";\n\ntype Props = {\n  children: ReactNode;\n  client: QueryClient;\n};\n\nexport const QueryProvider = ({ client, children }: Props) => {\n  return (\n    <QueryClientProvider client={client}>\n      {children}\n      <ReactQueryDevtools />\n    </QueryClientProvider>\n  );\n};\n'})}),"\n",(0,i.jsxs)(n.h3,{id:"2-creating-a-queryclient",children:["2. Creating a ",(0,i.jsx)(n.code,{children:"QueryClient"})]}),"\n",(0,i.jsxs)(n.p,{children:[(0,i.jsx)(n.code,{children:"QueryClient"})," is an instance used to manage API requests.\nThe ",(0,i.jsx)(n.code,{children:"query-client.ts"})," file is located at ",(0,i.jsx)(n.code,{children:"@/shared/api/query-client.ts"}),".\n",(0,i.jsx)(n.code,{children:"QueryClient"})," is created with certain settings for query caching."]}),"\n",(0,i.jsx)(n.pre,{children:(0,i.jsx)(n.code,{className:"language-tsx",metastring:'title="@/shared/api/query-client.ts"',children:'import { QueryClient } from "@tanstack/react-query";\n\nexport const queryClient = new QueryClient({\n  defaultOptions: {\n    queries: {\n      staleTime: 5 * 60 * 1000,\n      gcTime: 5 * 60 * 1000,\n    },\n  },\n});\n'})}),"\n",(0,i.jsx)(n.h2,{id:"code-generation",children:"Code generation"}),"\n",(0,i.jsxs)(n.p,{children:["There are tools that can generate API code for you, but they are less flexible than the manual approach described above.\nIf your Swagger file is well-structured,\nand you're using one of these tools, it might make sense to generate all the code in the ",(0,i.jsx)(n.code,{children:"@/shared/api"})," directory."]}),"\n",(0,i.jsx)(n.h2,{id:"additional-advice-for-organizing-rq",children:"Additional advice for organizing RQ"}),"\n",(0,i.jsx)(n.h3,{id:"api-client",children:"API Client"}),"\n",(0,i.jsx)(n.p,{children:"Using a custom API client class in the shared layer,\nyou can standardize the configuration and work with the API in the project.\nThis allows you to manage logging,\nheaders and data exchange format (such as JSON or XML) from one place.\nThis approach makes it easier to maintain and develop the project because it simplifies changes and updates to interactions with the API."}),"\n",(0,i.jsx)(n.pre,{children:(0,i.jsx)(n.code,{className:"language-tsx",metastring:'title="@/shared/api/api-client.ts"',children:'import { API_URL } from "@/shared/config";\n\nexport class ApiClient {\n  private baseUrl: string;\n\n  constructor(url: string) {\n    this.baseUrl = url;\n  }\n\n  async handleResponse<TResult>(response: Response): Promise<TResult> {\n    if (!response.ok) {\n      throw new Error(`HTTP error! Status: ${response.status}`);\n    }\n\n    try {\n      return await response.json();\n    } catch (error) {\n      throw new Error("Error parsing JSON response");\n    }\n  }\n\n  public async get<TResult = unknown>(\n    endpoint: string,\n    queryParams?: Record<string, string | number>,\n  ): Promise<TResult> {\n    const url = new URL(endpoint, this.baseUrl);\n\n    if (queryParams) {\n      Object.entries(queryParams).forEach(([key, value]) => {\n        url.searchParams.append(key, value.toString());\n      });\n    }\n    const response = await fetch(url.toString(), {\n      method: "GET",\n      headers: {\n        "Content-Type": "application/json",\n      },\n    });\n\n    return this.handleResponse<TResult>(response);\n  }\n\n  public async post<TResult = unknown, TData = Record<string, unknown>>(\n    endpoint: string,\n    body: TData,\n  ): Promise<TResult> {\n    const response = await fetch(`${this.baseUrl}${endpoint}`, {\n      method: "POST",\n      headers: {\n        "Content-Type": "application/json",\n      },\n      body: JSON.stringify(body),\n    });\n\n    return this.handleResponse<TResult>(response);\n  }\n}\n\nexport const apiClient = new ApiClient(API_URL);\n'})}),"\n",(0,i.jsx)(n.h2,{id:"see-also",children:"See also"}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsx)(n.li,{children:(0,i.jsx)(n.a,{href:"https://github.com/ruslan4432013/fsd-react-query-example",children:"(GitHub) Sample Project"})}),"\n",(0,i.jsx)(n.li,{children:(0,i.jsx)(n.a,{href:"https://codesandbox.io/p/github/ruslan4432013/fsd-react-query-example/main",children:"(CodeSandbox) Sample Project"})}),"\n",(0,i.jsx)(n.li,{children:(0,i.jsx)(n.a,{href:"https://tkdodo.eu/blog/the-query-options-api",children:"About the query factory"})}),"\n"]})]})}function u(e={}){const{wrapper:n}={...(0,s.R)(),...e.components};return n?(0,i.jsx)(n,{...e,children:(0,i.jsx)(d,{...e})}):d(e)}},1100:(e,n,t)=>{t.d(n,{R:()=>o,x:()=>a});var i=t(758);const s={},r=i.createContext(s);function o(e){const n=i.useContext(r);return i.useMemo((function(){return"function"==typeof e?e(n):{...n,...e}}),[n,e])}function a(e){let n;return n=e.disableParentContext?"function"==typeof e.components?e.components(s):e.components||s:o(e.components),i.createElement(r.Provider,{value:n},e.children)}}}]);
\ No newline at end of file
+"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[8754],{1610:(e,n,t)=>{t.r(n),t.d(n,{assets:()=>l,contentTitle:()=>o,default:()=>u,frontMatter:()=>r,metadata:()=>a,toc:()=>c});var i=t(6070),s=t(1100);const r={sidebar_position:10},o="Usage with React Query",a={id:"guides/tech/with-react-query",title:"Usage with React Query",description:"The problem of \u201cwhere to put the keys\u201d",source:"@site/i18n/en/docusaurus-plugin-content-docs/current/guides/tech/with-react-query.mdx",sourceDirName:"guides/tech",slug:"/guides/tech/with-react-query",permalink:"/uz/docs/guides/tech/with-react-query",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/guides/tech/with-react-query.mdx",tags:[],version:"current",lastUpdatedAt:1728325386e3,sidebarPosition:10,frontMatter:{sidebar_position:10},sidebar:"guidesSidebar",previous:{title:"Usage with NuxtJS",permalink:"/uz/docs/guides/tech/with-nuxtjs"},next:{title:"Usage with SvelteKit",permalink:"/uz/docs/guides/tech/with-sveltekit"}},l={},c=[{value:"The problem of \u201cwhere to put the keys\u201d",id:"the-problem-of-where-to-put-the-keys",level:2},{value:"Solution \u2014 break down by entities",id:"solution--break-down-by-entities",level:3},{value:"Alternative solution \u2014 keep it in shared",id:"alternative-solution--keep-it-in-shared",level:3},{value:"The problem of \u201cWhere to insert mutations?\u201d",id:"the-problem-of-where-to-insert-mutations",level:2},{value:"1. Define a custom hook in the <code>api</code> segment near the place of use",id:"1-define-a-custom-hook-in-the-api-segment-near-the-place-of-use",level:3},{value:"2. Define a mutation function somewhere else (Shared or Entities) and use <code>useMutation</code> directly in the component",id:"2-define-a-mutation-function-somewhere-else-shared-or-entities-and-use-usemutation-directly-in-the-component",level:3},{value:"Organization of requests",id:"organization-of-requests",level:2},{value:"Query factory",id:"query-factory",level:3},{value:"1. Creating a Query Factory",id:"1-creating-a-query-factory",level:3},{value:"2. Using Query Factory in application code",id:"2-using-query-factory-in-application-code",level:3},{value:"Benefits of using a Query Factory",id:"benefits-of-using-a-query-factory",level:3},{value:"Pagination",id:"pagination",level:2},{value:"1. Creating a function <code>getPosts</code>",id:"1-creating-a-function-getposts",level:3},{value:"2. Query factory for pagination",id:"2-query-factory-for-pagination",level:3},{value:"3. Use in application code",id:"3-use-in-application-code",level:3},{value:"<code>QueryProvider</code> for managing queries",id:"queryprovider-for-managing-queries",level:2},{value:"1. Creating a <code>QueryProvider</code>",id:"1-creating-a-queryprovider",level:3},{value:"2. Creating a <code>QueryClient</code>",id:"2-creating-a-queryclient",level:3},{value:"Code generation",id:"code-generation",level:2},{value:"Additional advice for organizing RQ",id:"additional-advice-for-organizing-rq",level:2},{value:"API Client",id:"api-client",level:3},{value:"See also",id:"see-also",level:2}];function d(e){const n={a:"a",admonition:"admonition",code:"code",h1:"h1",h2:"h2",h3:"h3",header:"header",li:"li",p:"p",pre:"pre",strong:"strong",ul:"ul",...(0,s.R)(),...e.components};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(n.header,{children:(0,i.jsx)(n.h1,{id:"usage-with-react-query",children:"Usage with React Query"})}),"\n",(0,i.jsx)(n.h2,{id:"the-problem-of-where-to-put-the-keys",children:"The problem of \u201cwhere to put the keys\u201d"}),"\n",(0,i.jsx)(n.h3,{id:"solution--break-down-by-entities",children:"Solution \u2014 break down by entities"}),"\n",(0,i.jsx)(n.p,{children:"If the project already has a division into entities, and each request corresponds to a single entity,\nthe purest division will be by entity. In this case, we suggest using the following structure:"}),"\n",(0,i.jsx)(n.pre,{children:(0,i.jsx)(n.code,{className:"language-sh",children:"\u2514\u2500\u2500 src/                                        #\n    \u251c\u2500\u2500 app/                                    #\n    |   ...                                     #\n    \u251c\u2500\u2500 pages/                                  #\n    |   ...                                     #\n    \u251c\u2500\u2500 entities/                               #\n    |     \u251c\u2500\u2500 {entity}/                         #\n    |    ...     \u2514\u2500\u2500 api/                       #\n    |                 \u251c\u2500\u2500 `{entity}.query`      # Query-factory where are the keys and functions\n    |                 \u251c\u2500\u2500 `get-{entity}`        # Entity getter function\n    |                 \u251c\u2500\u2500 `create-{entity}`     # Entity creation function\n    |                 \u251c\u2500\u2500 `update-{entity}`     # Entity update function\n    |                 \u251c\u2500\u2500 `delete-{entity}`     # Entity delete function\n    |                ...                        #\n    |                                           #\n    \u251c\u2500\u2500 features/                               #\n    |   ...                                     #\n    \u251c\u2500\u2500 widgets/                                #\n    |   ...                                     #\n    \u2514\u2500\u2500 shared/                                 #\n        ...                                     #\n"})}),"\n",(0,i.jsxs)(n.p,{children:["If there are connections between the entities (for example, the Country entity has a field-list of City entities),\nthen you can use an ",(0,i.jsx)(n.a,{href:"https://github.com/feature-sliced/documentation/discussions/390#discussioncomment-5570073",children:"experimental approach to organized cross-imports\nvia @x-notation"})," or consider the alternative solution below."]}),"\n",(0,i.jsx)(n.h3,{id:"alternative-solution--keep-it-in-shared",children:"Alternative solution \u2014 keep it in shared"}),"\n",(0,i.jsx)(n.p,{children:"In cases where entity separation is not appropriate, the following structure can be considered:"}),"\n",(0,i.jsx)(n.pre,{children:(0,i.jsx)(n.code,{className:"language-sh",children:"\u2514\u2500\u2500 src/                                        #\n   ...                                          #\n    \u2514\u2500\u2500 shared/                                 #\n          \u251c\u2500\u2500 api/                              #\n         ...   \u251c\u2500\u2500 `queries`                    # Query-factories\n               |      \u251c\u2500\u2500 `document.ts`         #\n               |      \u251c\u2500\u2500 `background-jobs.ts`  #\n               |     ...                        #\n               \u2514\u2500\u2500  index.ts                    #\n"})}),"\n",(0,i.jsxs)(n.p,{children:["Then in ",(0,i.jsx)(n.code,{children:"@/shared/api/index.ts"}),":"]}),"\n",(0,i.jsx)(n.pre,{children:(0,i.jsx)(n.code,{className:"language-ts",metastring:'title="@/shared/api/index.ts"',children:'export { documentQueries } from "./queries/document";\n'})}),"\n",(0,i.jsx)(n.h2,{id:"the-problem-of-where-to-insert-mutations",children:"The problem of \u201cWhere to insert mutations?\u201d"}),"\n",(0,i.jsx)(n.p,{children:"It is not recommended to mix mutations with queries. There are two options:"}),"\n",(0,i.jsxs)(n.h3,{id:"1-define-a-custom-hook-in-the-api-segment-near-the-place-of-use",children:["1. Define a custom hook in the ",(0,i.jsx)(n.code,{children:"api"})," segment near the place of use"]}),"\n",(0,i.jsx)(n.pre,{children:(0,i.jsx)(n.code,{className:"language-tsx",metastring:'title="@/features/update-post/api/use-update-title.ts"',children:"export const useUpdateTitle = () => {\n  const queryClient = useQueryClient();\n\n  return useMutation({\n    mutationFn: ({ id, newTitle }) =>\n      apiClient\n        .patch(`/posts/${id}`, { title: newTitle })\n        .then((data) => console.log(data)),\n\n    onSuccess: (newPost) => {\n      queryClient.setQueryData(postsQueries.ids(id), newPost);\n    },\n  });\n};\n"})}),"\n",(0,i.jsxs)(n.h3,{id:"2-define-a-mutation-function-somewhere-else-shared-or-entities-and-use-usemutation-directly-in-the-component",children:["2. Define a mutation function somewhere else (Shared or Entities) and use ",(0,i.jsx)(n.code,{children:"useMutation"})," directly in the component"]}),"\n",(0,i.jsx)(n.pre,{children:(0,i.jsx)(n.code,{className:"language-tsx",children:"const { mutateAsync, isPending } = useMutation({\n  mutationFn: postApi.createPost,\n});\n"})}),"\n",(0,i.jsx)(n.pre,{children:(0,i.jsx)(n.code,{className:"language-tsx",metastring:'title="@/pages/post-create/ui/post-create-page.tsx"',children:'export const CreatePost = () => {\n  const { classes } = useStyles();\n  const [title, setTitle] = useState("");\n\n  const { mutate, isPending } = useMutation({\n    mutationFn: postApi.createPost,\n  });\n\n  const handleChange = (e: ChangeEvent<HTMLInputElement>) =>\n    setTitle(e.target.value);\n  const handleSubmit = (e: FormEvent<HTMLFormElement>) => {\n    e.preventDefault();\n    mutate({ title, userId: DEFAULT_USER_ID });\n  };\n\n  return (\n    <form className={classes.create_form} onSubmit={handleSubmit}>\n      <TextField onChange={handleChange} value={title} />\n      <LoadingButton type="submit" variant="contained" loading={isPending}>\n        Create\n      </LoadingButton>\n    </form>\n  );\n};\n'})}),"\n",(0,i.jsx)(n.h2,{id:"organization-of-requests",children:"Organization of requests"}),"\n",(0,i.jsx)(n.h3,{id:"query-factory",children:"Query factory"}),"\n",(0,i.jsx)(n.p,{children:"A query factory is an object where the key values are functions that return a list of query keys. Here's how to use it:"}),"\n",(0,i.jsx)(n.pre,{children:(0,i.jsx)(n.code,{className:"language-ts",children:'const keyFactory = {\n  all: () => ["entity"],\n  lists: () => [...postQueries.all(), "list"],\n};\n'})}),"\n",(0,i.jsxs)(n.admonition,{type:"info",children:[(0,i.jsxs)(n.p,{children:[(0,i.jsx)(n.code,{children:"queryOptions"})," is a built-in utility in react-query@v5 (optional)"]}),(0,i.jsx)(n.pre,{children:(0,i.jsx)(n.code,{className:"language-ts",children:"queryOptions({\n  queryKey,\n  ...options,\n});\n"})}),(0,i.jsxs)(n.p,{children:["For greater type safety, further compatibility with future versions of react-query, and easy access to functions and query keys,\nyou can use the built-in queryOptions function from \u201c@tanstack/react-query\u201d\n",(0,i.jsx)(n.a,{href:"https://tkdodo.eu/blog/the-query-options-api#queryoptions",children:"(More details here)"}),"."]})]}),"\n",(0,i.jsx)(n.h3,{id:"1-creating-a-query-factory",children:"1. Creating a Query Factory"}),"\n",(0,i.jsx)(n.pre,{children:(0,i.jsx)(n.code,{className:"language-tsx",metastring:'title="@/entities/post/api/post.queries.ts"',children:'import { keepPreviousData, queryOptions } from "@tanstack/react-query";\nimport { getPosts } from "./get-posts";\nimport { getDetailPost } from "./get-detail-post";\nimport { PostDetailQuery } from "./query/post.query";\n\nexport const postQueries = {\n  all: () => ["posts"],\n\n  lists: () => [...postQueries.all(), "list"],\n  list: (page: number, limit: number) =>\n    queryOptions({\n      queryKey: [...postQueries.lists(), page, limit],\n      queryFn: () => getPosts(page, limit),\n      placeholderData: keepPreviousData,\n    }),\n\n  details: () => [...postQueries.all(), "detail"],\n  detail: (query?: PostDetailQuery) =>\n    queryOptions({\n      queryKey: [...postQueries.details(), query?.id],\n      queryFn: () => getDetailPost({ id: query?.id }),\n      staleTime: 5000,\n    }),\n};\n'})}),"\n",(0,i.jsx)(n.h3,{id:"2-using-query-factory-in-application-code",children:"2. Using Query Factory in application code"}),"\n",(0,i.jsx)(n.pre,{children:(0,i.jsx)(n.code,{className:"language-tsx",children:'import { useParams } from "react-router-dom";\nimport { postApi } from "@/entities/post";\nimport { useQuery } from "@tanstack/react-query";\n\ntype Params = {\n  postId: string;\n};\n\nexport const PostPage = () => {\n  const { postId } = useParams<Params>();\n  const id = parseInt(postId || "");\n  const {\n    data: post,\n    error,\n    isLoading,\n    isError,\n  } = useQuery(postApi.postQueries.detail({ id }));\n\n  if (isLoading) {\n    return <div>Loading...</div>;\n  }\n\n  if (isError || !post) {\n    return <>{error?.message}</>;\n  }\n\n  return (\n    <div>\n      <p>Post id: {post.id}</p>\n      <div>\n        <h1>{post.title}</h1>\n        <div>\n          <p>{post.body}</p>\n        </div>\n      </div>\n      <div>Owner: {post.userId}</div>\n    </div>\n  );\n};\n'})}),"\n",(0,i.jsx)(n.h3,{id:"benefits-of-using-a-query-factory",children:"Benefits of using a Query Factory"}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsxs)(n.li,{children:[(0,i.jsx)(n.strong,{children:"Request structuring:"})," A factory allows you to organize all API requests in one place, making your code more readable and maintainable."]}),"\n",(0,i.jsxs)(n.li,{children:[(0,i.jsx)(n.strong,{children:"Convenient access to queries and keys:"})," The factory provides convenient methods for accessing different types of queries and their keys."]}),"\n",(0,i.jsxs)(n.li,{children:[(0,i.jsx)(n.strong,{children:"Query Refetching Ability:"})," The factory allows easy refetching without the need to change query keys in different parts of the application."]}),"\n"]}),"\n",(0,i.jsx)(n.h2,{id:"pagination",children:"Pagination"}),"\n",(0,i.jsxs)(n.p,{children:["In this section, we'll look at an example of the ",(0,i.jsx)(n.code,{children:"getPosts"})," function, which makes an API request to retrieve post entities using pagination."]}),"\n",(0,i.jsxs)(n.h3,{id:"1-creating-a-function-getposts",children:["1. Creating a function ",(0,i.jsx)(n.code,{children:"getPosts"})]}),"\n",(0,i.jsxs)(n.p,{children:["The getPosts function is located in the ",(0,i.jsx)(n.code,{children:"get-posts.ts"})," file, which is located in the ",(0,i.jsx)(n.code,{children:"api"})," segment"]}),"\n",(0,i.jsx)(n.pre,{children:(0,i.jsx)(n.code,{className:"language-tsx",metastring:'title="@/pages/post-feed/api/get-posts.ts"',children:'import { apiClient } from "@/shared/api/base";\n\nimport { PostWithPaginationDto } from "./dto/post-with-pagination.dto";\nimport { PostQuery } from "./query/post.query";\nimport { mapPost } from "./mapper/map-post";\nimport { PostWithPagination } from "../model/post-with-pagination";\n\nconst calculatePostPage = (totalCount: number, limit: number) =>\n  Math.floor(totalCount / limit);\n\nexport const getPosts = async (\n  page: number,\n  limit: number,\n): Promise<PostWithPagination> => {\n  const skip = page * limit;\n  const query: PostQuery = { skip, limit };\n  const result = await apiClient.get<PostWithPaginationDto>("/posts", query);\n\n  return {\n    posts: result.posts.map((post) => mapPost(post)),\n    limit: result.limit,\n    skip: result.skip,\n    total: result.total,\n    totalPages: calculatePostPage(result.total, limit),\n  };\n};\n'})}),"\n",(0,i.jsx)(n.h3,{id:"2-query-factory-for-pagination",children:"2. Query factory for pagination"}),"\n",(0,i.jsxs)(n.p,{children:["The ",(0,i.jsx)(n.code,{children:"postQueries"})," query factory defines various query options for working with posts,\nincluding requesting a list of posts with a specific page and limit."]}),"\n",(0,i.jsx)(n.pre,{children:(0,i.jsx)(n.code,{className:"language-tsx",children:'import { keepPreviousData, queryOptions } from "@tanstack/react-query";\nimport { getPosts } from "./get-posts";\n\nexport const postQueries = {\n  all: () => ["posts"],\n  lists: () => [...postQueries.all(), "list"],\n  list: (page: number, limit: number) =>\n    queryOptions({\n      queryKey: [...postQueries.lists(), page, limit],\n      queryFn: () => getPosts(page, limit),\n      placeholderData: keepPreviousData,\n    }),\n};\n'})}),"\n",(0,i.jsx)(n.h3,{id:"3-use-in-application-code",children:"3. Use in application code"}),"\n",(0,i.jsx)(n.pre,{children:(0,i.jsx)(n.code,{className:"language-tsx",metastring:'title="@/pages/home/ui/index.tsx"',children:'export const HomePage = () => {\n  const itemsOnScreen = DEFAULT_ITEMS_ON_SCREEN;\n  const [page, setPage] = usePageParam(DEFAULT_PAGE);\n  const { data, isFetching, isLoading } = useQuery(\n    postApi.postQueries.list(page, itemsOnScreen),\n  );\n  return (\n    <>\n      <Pagination\n        onChange={(_, page) => setPage(page)}\n        page={page}\n        count={data?.totalPages}\n        variant="outlined"\n        color="primary"\n      />\n      <Posts posts={data?.posts} />\n    </>\n  );\n};\n'})}),"\n",(0,i.jsx)(n.admonition,{type:"note",children:(0,i.jsxs)(n.p,{children:["The example is simplified, the full version is available on ",(0,i.jsx)(n.a,{href:"https://github.com/ruslan4432013/fsd-react-query-example",children:"GitHub"})]})}),"\n",(0,i.jsxs)(n.h2,{id:"queryprovider-for-managing-queries",children:[(0,i.jsx)(n.code,{children:"QueryProvider"})," for managing queries"]}),"\n",(0,i.jsxs)(n.p,{children:["In this guide, we will look at how to organize a ",(0,i.jsx)(n.code,{children:"QueryProvider"}),"."]}),"\n",(0,i.jsxs)(n.h3,{id:"1-creating-a-queryprovider",children:["1. Creating a ",(0,i.jsx)(n.code,{children:"QueryProvider"})]}),"\n",(0,i.jsxs)(n.p,{children:["The file ",(0,i.jsx)(n.code,{children:"query-provider.tsx"})," is located at the path ",(0,i.jsx)(n.code,{children:"@/app/providers/query-provider.tsx"}),"."]}),"\n",(0,i.jsx)(n.pre,{children:(0,i.jsx)(n.code,{className:"language-tsx",metastring:'title="@/app/providers/query-provider.tsx"',children:'import { QueryClient, QueryClientProvider } from "@tanstack/react-query";\nimport { ReactQueryDevtools } from "@tanstack/react-query-devtools";\nimport { ReactNode } from "react";\n\ntype Props = {\n  children: ReactNode;\n  client: QueryClient;\n};\n\nexport const QueryProvider = ({ client, children }: Props) => {\n  return (\n    <QueryClientProvider client={client}>\n      {children}\n      <ReactQueryDevtools />\n    </QueryClientProvider>\n  );\n};\n'})}),"\n",(0,i.jsxs)(n.h3,{id:"2-creating-a-queryclient",children:["2. Creating a ",(0,i.jsx)(n.code,{children:"QueryClient"})]}),"\n",(0,i.jsxs)(n.p,{children:[(0,i.jsx)(n.code,{children:"QueryClient"})," is an instance used to manage API requests.\nThe ",(0,i.jsx)(n.code,{children:"query-client.ts"})," file is located at ",(0,i.jsx)(n.code,{children:"@/shared/api/query-client.ts"}),".\n",(0,i.jsx)(n.code,{children:"QueryClient"})," is created with certain settings for query caching."]}),"\n",(0,i.jsx)(n.pre,{children:(0,i.jsx)(n.code,{className:"language-tsx",metastring:'title="@/shared/api/query-client.ts"',children:'import { QueryClient } from "@tanstack/react-query";\n\nexport const queryClient = new QueryClient({\n  defaultOptions: {\n    queries: {\n      staleTime: 5 * 60 * 1000,\n      gcTime: 5 * 60 * 1000,\n    },\n  },\n});\n'})}),"\n",(0,i.jsx)(n.h2,{id:"code-generation",children:"Code generation"}),"\n",(0,i.jsxs)(n.p,{children:["There are tools that can generate API code for you, but they are less flexible than the manual approach described above.\nIf your Swagger file is well-structured,\nand you're using one of these tools, it might make sense to generate all the code in the ",(0,i.jsx)(n.code,{children:"@/shared/api"})," directory."]}),"\n",(0,i.jsx)(n.h2,{id:"additional-advice-for-organizing-rq",children:"Additional advice for organizing RQ"}),"\n",(0,i.jsx)(n.h3,{id:"api-client",children:"API Client"}),"\n",(0,i.jsx)(n.p,{children:"Using a custom API client class in the shared layer,\nyou can standardize the configuration and work with the API in the project.\nThis allows you to manage logging,\nheaders and data exchange format (such as JSON or XML) from one place.\nThis approach makes it easier to maintain and develop the project because it simplifies changes and updates to interactions with the API."}),"\n",(0,i.jsx)(n.pre,{children:(0,i.jsx)(n.code,{className:"language-tsx",metastring:'title="@/shared/api/api-client.ts"',children:'import { API_URL } from "@/shared/config";\n\nexport class ApiClient {\n  private baseUrl: string;\n\n  constructor(url: string) {\n    this.baseUrl = url;\n  }\n\n  async handleResponse<TResult>(response: Response): Promise<TResult> {\n    if (!response.ok) {\n      throw new Error(`HTTP error! Status: ${response.status}`);\n    }\n\n    try {\n      return await response.json();\n    } catch (error) {\n      throw new Error("Error parsing JSON response");\n    }\n  }\n\n  public async get<TResult = unknown>(\n    endpoint: string,\n    queryParams?: Record<string, string | number>,\n  ): Promise<TResult> {\n    const url = new URL(endpoint, this.baseUrl);\n\n    if (queryParams) {\n      Object.entries(queryParams).forEach(([key, value]) => {\n        url.searchParams.append(key, value.toString());\n      });\n    }\n    const response = await fetch(url.toString(), {\n      method: "GET",\n      headers: {\n        "Content-Type": "application/json",\n      },\n    });\n\n    return this.handleResponse<TResult>(response);\n  }\n\n  public async post<TResult = unknown, TData = Record<string, unknown>>(\n    endpoint: string,\n    body: TData,\n  ): Promise<TResult> {\n    const response = await fetch(`${this.baseUrl}${endpoint}`, {\n      method: "POST",\n      headers: {\n        "Content-Type": "application/json",\n      },\n      body: JSON.stringify(body),\n    });\n\n    return this.handleResponse<TResult>(response);\n  }\n}\n\nexport const apiClient = new ApiClient(API_URL);\n'})}),"\n",(0,i.jsx)(n.h2,{id:"see-also",children:"See also"}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsx)(n.li,{children:(0,i.jsx)(n.a,{href:"https://github.com/ruslan4432013/fsd-react-query-example",children:"(GitHub) Sample Project"})}),"\n",(0,i.jsx)(n.li,{children:(0,i.jsx)(n.a,{href:"https://codesandbox.io/p/github/ruslan4432013/fsd-react-query-example/main",children:"(CodeSandbox) Sample Project"})}),"\n",(0,i.jsx)(n.li,{children:(0,i.jsx)(n.a,{href:"https://tkdodo.eu/blog/the-query-options-api",children:"About the query factory"})}),"\n"]})]})}function u(e={}){const{wrapper:n}={...(0,s.R)(),...e.components};return n?(0,i.jsx)(n,{...e,children:(0,i.jsx)(d,{...e})}):d(e)}},1100:(e,n,t)=>{t.d(n,{R:()=>o,x:()=>a});var i=t(758);const s={},r=i.createContext(s);function o(e){const n=i.useContext(r);return i.useMemo((function(){return"function"==typeof e?e(n):{...n,...e}}),[n,e])}function a(e){let n;return n=e.disableParentContext?"function"==typeof e.components?e.components(s):e.components||s:o(e.components),i.createElement(r.Provider,{value:n},e.children)}}}]);
\ No newline at end of file
diff --git a/uz/assets/js/3d2652fb.02ae8c39.js b/uz/assets/js/3d2652fb.10dc0a29.js
similarity index 99%
rename from uz/assets/js/3d2652fb.02ae8c39.js
rename to uz/assets/js/3d2652fb.10dc0a29.js
index 9ee84f173d..ba5f576c44 100644
--- a/uz/assets/js/3d2652fb.02ae8c39.js
+++ b/uz/assets/js/3d2652fb.10dc0a29.js
@@ -1 +1 @@
-"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[7811],{5472:(e,n,s)=>{s.r(n),s.d(n,{assets:()=>a,contentTitle:()=>o,default:()=>h,frontMatter:()=>r,metadata:()=>l,toc:()=>c});var t=s(6070),i=s(1100);const r={sidebar_position:3,pagination_next:"about/index"},o="Public API",l={id:"reference/public-api",title:"Public API",description:"Each entity of the methodology is designed as a user-friendly and integrable module.",source:"@site/i18n/en/docusaurus-plugin-content-docs/current/reference/public-api.md",sourceDirName:"reference",slug:"/reference/public-api",permalink:"/uz/docs/reference/public-api",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/reference/public-api.md",tags:[],version:"current",lastUpdatedAt:1727607766e3,sidebarPosition:3,frontMatter:{sidebar_position:3,pagination_next:"about/index"},sidebar:"referenceSidebar",previous:{title:"Slices and segments",permalink:"/uz/docs/reference/slices-segments"},next:{title:"\ud83c\udf70 About",permalink:"/uz/docs/about/"}},a={},c=[{value:"Goals",id:"goals",level:2},{value:"Requirements for the public API",id:"requirements-for-the-public-api",level:2},{value:"1. Access Control",id:"1-access-control",level:3},{value:"Examples",id:"examples",level:4},{value:"Suspension from private imports",id:"suspension-from-private-imports",level:5},{value:"2. Sustainability for changes",id:"2-sustainability-for-changes",level:3},{value:"Examples",id:"examples-1",level:4},{value:"Abstracting from the implementation",id:"abstracting-from-the-implementation",level:5},{value:"3. Integrability",id:"3-integrability",level:3},{value:"Examples",id:"examples-2",level:4},{value:"Name collision",id:"name-collision",level:5},{value:"Flexible use",id:"flexible-use",level:5},{value:"Resolution of collisions",id:"resolution-of-collisions",level:5},{value:"About re-exports",id:"about-re-exports",level:2},{value:"Disadvantages",id:"disadvantages",level:3},{value:"Possible solutions",id:"possible-solutions",level:3},{value:"See also",id:"see-also",level:2}];function d(e){const n={a:"a",admonition:"admonition",blockquote:"blockquote",code:"code",em:"em",h1:"h1",h2:"h2",h3:"h3",h4:"h4",h5:"h5",header:"header",li:"li",ol:"ol",p:"p",pre:"pre",strong:"strong",ul:"ul",...(0,i.R)(),...e.components};return(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(n.header,{children:(0,t.jsx)(n.h1,{id:"public-api",children:"Public API"})}),"\n",(0,t.jsxs)(n.p,{children:["Each entity of the methodology is designed as a ",(0,t.jsx)(n.strong,{children:"user-friendly and integrable module."})]}),"\n",(0,t.jsx)(n.h2,{id:"goals",children:"Goals"}),"\n",(0,t.jsxs)(n.p,{children:["The convenience of using and integrating the module is achieved through the fulfillment of ",(0,t.jsx)(n.em,{children:"a number of goals"}),":"]}),"\n",(0,t.jsxs)(n.ol,{children:["\n",(0,t.jsxs)(n.li,{children:["The application must be ",(0,t.jsx)(n.strong,{children:"protected from changes"})," to the internal structure of individual modules"]}),"\n",(0,t.jsxs)(n.li,{children:["The processing of the internal structure of the module ",(0,t.jsx)(n.strong,{children:"should not affect"})," other modules"]}),"\n",(0,t.jsxs)(n.li,{children:["Significant changes in the behavior of the module should be ",(0,t.jsx)(n.strong,{children:"easily detectable"}),"\n",(0,t.jsxs)(n.blockquote,{children:["\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Significant changes in the behavior of the module"})," - changes that break the expectations of the user entities of the module."]}),"\n"]}),"\n"]}),"\n"]}),"\n",(0,t.jsx)(n.p,{children:"These goals can be achieved by introducing a public interface (Public API), which is a single access point to the module's capabilities and defines the \"contract\" of the module's interaction with the outside world."}),"\n",(0,t.jsx)(n.admonition,{title:"Important",type:"info",children:(0,t.jsx)(n.p,{children:"The entity structure must have a single entry point that provides a public interface"})}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-sh",children:"\u2514\u2500\u2500 features/\xa0 \xa0 \xa0 \xa0 \xa0 \xa0 \xa0 \xa0#\xa0\n       \u251c\u2500\u2500 auth-form /      # Internal structure of the feature\n       |     \u251c\u2500\u2500 ui/\xa0 \xa0 \xa0 \xa0 #\n       |     \u251c\u2500\u2500 model/\xa0 \xa0 \xa0#\n       |     \u251c\u2500\u2500 {...}/\xa0 \xa0 \xa0#\n       \u251c\u2500\u2500 index.ts         # Entrypoint features with its public API\n"})}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-ts",metastring:'title="**/**/index.ts"',children:'export { Form as AuthForm } from "./ui"\nexport * as authFormModel from "./model"\n'})}),"\n",(0,t.jsx)(n.h2,{id:"requirements-for-the-public-api",children:"Requirements for the public API"}),"\n",(0,t.jsxs)(n.p,{children:["Meeting these requirements allows you to reduce interaction with the module to ",(0,t.jsx)(n.strong,{children:"the implementation of a public interface-contract"})," and, thereby, achieve reliability and ease of use of the module."]}),"\n",(0,t.jsx)(n.h3,{id:"1-access-control",children:"1. Access Control"}),"\n",(0,t.jsxs)(n.p,{children:["The public API must ",(0,t.jsx)(n.strong,{children:"control access"})," to the contents of the module"]}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsxs)(n.li,{children:["Other parts of the application can use ",(0,t.jsx)(n.strong,{children:"only those module entities that are presented in the public interface"})]}),"\n",(0,t.jsxs)(n.li,{children:["The internal part of the module outside the public interface ",(0,t.jsx)(n.strong,{children:"is accessible only to the module itself"}),"."]}),"\n"]}),"\n",(0,t.jsx)(n.h4,{id:"examples",children:"Examples"}),"\n",(0,t.jsx)(n.h5,{id:"suspension-from-private-imports",children:"Suspension from private imports"}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Bad"}),": There is a direct access to the internal parts of the module, bypassing the public access interface - it is dangerous, especially when refactoring the module"]}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-diff",children:'- import { Form } from "features/auth-form/components/view/form"\n'})}),"\n"]}),"\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Good:"})," The API exports only what is necessary and allowed in advance, the module developer now needs to think only about not breaking the Public API when refactoring"]}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-diff",children:'+ import { AuthForm } from "features/auth-form"\n'})}),"\n"]}),"\n"]}),"\n",(0,t.jsx)(n.h3,{id:"2-sustainability-for-changes",children:"2. Sustainability for changes"}),"\n",(0,t.jsx)(n.p,{children:"The public API should be sustainable for changes inside the module"}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsx)(n.li,{children:"Breaking changes in the behavior of the module are reflected in the change of the Public API"}),"\n"]}),"\n",(0,t.jsx)(n.h4,{id:"examples-1",children:"Examples"}),"\n",(0,t.jsx)(n.h5,{id:"abstracting-from-the-implementation",children:"Abstracting from the implementation"}),"\n",(0,t.jsx)(n.p,{children:"Changing the internal structure should not lead to a change in the Public API"}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Bad:"})," moving or renaming this component inside the feature will lead to the need to refactor imports in all places where the component is used."]}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-diff",children:'- import { Form } from "features/auth-form/ui/form"\n'})}),"\n"]}),"\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Good:"}),' the interface of the feature does not display its internal structure, external "users" of the feature will not suffer from moving or renaming the component inside the feature']}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-diff",children:'+ import { AuthForm } from "features/auth-form"\n'})}),"\n"]}),"\n"]}),"\n",(0,t.jsx)(n.h3,{id:"3-integrability",children:"3. Integrability"}),"\n",(0,t.jsxs)(n.p,{children:["The public API should facilitate ",(0,t.jsx)(n.strong,{children:"easy and flexible integration"})]}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsx)(n.li,{children:"Should be convenient for use by the rest of the application, in particular, to solve the problem of name collisions"}),"\n"]}),"\n",(0,t.jsx)(n.h4,{id:"examples-2",children:"Examples"}),"\n",(0,t.jsx)(n.h5,{id:"name-collision",children:"Name collision"}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Bad:"})," there will be a name collision"]}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-ts",metastring:'title="features/auth-form/index.ts"',children:'export { Form } from "./ui"\nexport * as model from "./model"\n'})}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-ts",metastring:'title="features/post-form/index.ts"',children:'export { Form } from "./ui"\nexport * as model from "./model"\n'})}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-diff",children:'- import { Form, model } from "features/auth-form"\n- import { Form, model } from "features/post-form"\n'})}),"\n"]}),"\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Good:"})," the collision is solved at the interface level"]}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-ts",metastring:'title="features/auth-form/index.ts"',children:'export { Form as AuthForm } from "./ui"\nexport * as authFormModel from "./model"\n'})}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-ts",metastring:'title="features/post-form/index.ts"',children:'export { Form as PostForm } from "./ui"\nexport * as postFormModel from "./model"\n'})}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-diff",children:'+ import { AuthForm, authFormModel } from "features/auth-form"\n+ import { PostForm, postFormModel } from "features/post-form"\n'})}),"\n"]}),"\n"]}),"\n",(0,t.jsx)(n.h5,{id:"flexible-use",children:"Flexible use"}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Bad:"}),' it is inconvenient to write, it is inconvenient to read, the" user " of the feature suffers']}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-diff",children:'- import { storeActionUpdateUserDetails } from "features/auth-form"\n- dispatch(storeActionUpdateUserDetails(...))\n'})}),"\n"]}),"\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Good:"}),' the "user" of the feature gets access to the necessary things iteratively and flexibly']}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-diff",children:'+ import { authFormModel } from "features/auth-form"\n+ dispatch(authFormModel.effects.updateUserDetails(...)) // redux\n+ authFormModel.updateUserDetailsFx(...) // effector\n'})}),"\n"]}),"\n"]}),"\n",(0,t.jsx)(n.h5,{id:"resolution-of-collisions",children:"Resolution of collisions"}),"\n",(0,t.jsx)(n.p,{children:"Name collisions should be resolved at the level of the public interface, not the implementation"}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Bad:"})," name collisions are resolved at the implementation level"]}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-ts",metastring:'title="features/auth-form/index.ts"',children:'export { AuthForm } from "./ui"\nexport { authFormActions, authFormReducer } from "model"\n'})}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-ts",metastring:'title="features/post-form/index.ts"',children:'export { PostForm } from "./ui"\nexport { postFormActions, postFormReducer } from "model"\n'})}),"\n"]}),"\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Good:"})," name collisions are resolved at the interface level"]}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-ts",metastring:'title="features/auth-form/model.ts"',children:"export { actions, reducer }\n"})}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-ts",metastring:'title="features/auth-form/index.ts"',children:'export { Form as AuthForm } from "./ui"\nexport * as authFormModel from "./model"\n'})}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-ts",metastring:'title="features/post-form/model.ts"',children:"export { actions, reducer }\n"})}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-ts",metastring:'title="features/post-form/index.ts"',children:'export { Form as PostForm } from "./ui"\nexport * as postFormModel from "./model"\n'})}),"\n"]}),"\n"]}),"\n",(0,t.jsx)(n.h2,{id:"about-re-exports",children:"About re-exports"}),"\n",(0,t.jsxs)(n.p,{children:["In JavaScript, the public interface of a module is created by re-exporting entities from inside the module in an ",(0,t.jsx)(n.code,{children:"index"})," file:"]}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-ts",metastring:'title="**/**/index.ts"',children:'export { Form as AuthForm } from "./ui"\nexport * as authModel from "./model"\n'})}),"\n",(0,t.jsx)(n.h3,{id:"disadvantages",children:"Disadvantages"}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsxs)(n.p,{children:["In most popular bundlers, due to re-exports, ",(0,t.jsx)(n.strong,{children:"the code-splitting works worse"}),", because ",(0,t.jsx)(n.a,{href:"https://webpack.js.org/guides/tree-shaking/",children:"tree-shaking"})," with this approach, it is safe to discard only the entire module, but not part of it."]}),"\n",(0,t.jsxs)(n.blockquote,{children:["\n",(0,t.jsxs)(n.p,{children:["For example, importing ",(0,t.jsx)(n.code,{children:"authModel"})," into the page model will cause the ",(0,t.jsx)(n.code,{children:"AuthForm"})," component to get into the chunk of this page, even if this component is not used there."]}),"\n"]}),"\n"]}),"\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsx)(n.p,{children:'As a result, initialization of the chunk becomes more expensive, because the browser must process all the modules in it, including those that got into the bundle "for the company"'}),"\n"]}),"\n"]}),"\n",(0,t.jsx)(n.h3,{id:"possible-solutions",children:"Possible solutions"}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsxs)(n.li,{children:[(0,t.jsx)(n.code,{children:"webpack"})," allows you to mark re-export files as ",(0,t.jsx)(n.a,{href:"https://webpack.js.org/guides/tree-shaking/#mark-the-file-as-side-effect-free",children:(0,t.jsx)(n.strong,{children:"side effects free"})})," - this allows ",(0,t.jsx)(n.code,{children:"webpack"})," to use more aggressive optimizations when working with such a file"]}),"\n"]}),"\n",(0,t.jsx)(n.h2,{id:"see-also",children:"See also"}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsx)(n.li,{children:(0,t.jsx)(n.a,{href:"https://github.com/feature-sliced/documentation/discussions/41",children:"(Discussion) Public Abstraction API"})}),"\n",(0,t.jsx)(n.li,{children:(0,t.jsxs)(n.a,{href:"https://ru.wikipedia.org/wiki/SOLID",children:["Principles ",(0,t.jsx)(n.strong,{children:"SOLID"})]})}),"\n",(0,t.jsx)(n.li,{children:(0,t.jsxs)(n.a,{href:"https://ru.wikipedia.org/wiki/GRASP",children:["Patterns ",(0,t.jsx)(n.strong,{children:"GRASP"})]})}),"\n"]})]})}function h(e={}){const{wrapper:n}={...(0,i.R)(),...e.components};return n?(0,t.jsx)(n,{...e,children:(0,t.jsx)(d,{...e})}):d(e)}},1100:(e,n,s)=>{s.d(n,{R:()=>o,x:()=>l});var t=s(758);const i={},r=t.createContext(i);function o(e){const n=t.useContext(r);return t.useMemo((function(){return"function"==typeof e?e(n):{...n,...e}}),[n,e])}function l(e){let n;return n=e.disableParentContext?"function"==typeof e.components?e.components(i):e.components||i:o(e.components),t.createElement(r.Provider,{value:n},e.children)}}}]);
\ No newline at end of file
+"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[7811],{5472:(e,n,s)=>{s.r(n),s.d(n,{assets:()=>a,contentTitle:()=>o,default:()=>h,frontMatter:()=>r,metadata:()=>l,toc:()=>c});var t=s(6070),i=s(1100);const r={sidebar_position:3,pagination_next:"about/index"},o="Public API",l={id:"reference/public-api",title:"Public API",description:"Each entity of the methodology is designed as a user-friendly and integrable module.",source:"@site/i18n/en/docusaurus-plugin-content-docs/current/reference/public-api.md",sourceDirName:"reference",slug:"/reference/public-api",permalink:"/uz/docs/reference/public-api",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/reference/public-api.md",tags:[],version:"current",lastUpdatedAt:1728325386e3,sidebarPosition:3,frontMatter:{sidebar_position:3,pagination_next:"about/index"},sidebar:"referenceSidebar",previous:{title:"Slices and segments",permalink:"/uz/docs/reference/slices-segments"},next:{title:"\ud83c\udf70 About",permalink:"/uz/docs/about/"}},a={},c=[{value:"Goals",id:"goals",level:2},{value:"Requirements for the public API",id:"requirements-for-the-public-api",level:2},{value:"1. Access Control",id:"1-access-control",level:3},{value:"Examples",id:"examples",level:4},{value:"Suspension from private imports",id:"suspension-from-private-imports",level:5},{value:"2. Sustainability for changes",id:"2-sustainability-for-changes",level:3},{value:"Examples",id:"examples-1",level:4},{value:"Abstracting from the implementation",id:"abstracting-from-the-implementation",level:5},{value:"3. Integrability",id:"3-integrability",level:3},{value:"Examples",id:"examples-2",level:4},{value:"Name collision",id:"name-collision",level:5},{value:"Flexible use",id:"flexible-use",level:5},{value:"Resolution of collisions",id:"resolution-of-collisions",level:5},{value:"About re-exports",id:"about-re-exports",level:2},{value:"Disadvantages",id:"disadvantages",level:3},{value:"Possible solutions",id:"possible-solutions",level:3},{value:"See also",id:"see-also",level:2}];function d(e){const n={a:"a",admonition:"admonition",blockquote:"blockquote",code:"code",em:"em",h1:"h1",h2:"h2",h3:"h3",h4:"h4",h5:"h5",header:"header",li:"li",ol:"ol",p:"p",pre:"pre",strong:"strong",ul:"ul",...(0,i.R)(),...e.components};return(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(n.header,{children:(0,t.jsx)(n.h1,{id:"public-api",children:"Public API"})}),"\n",(0,t.jsxs)(n.p,{children:["Each entity of the methodology is designed as a ",(0,t.jsx)(n.strong,{children:"user-friendly and integrable module."})]}),"\n",(0,t.jsx)(n.h2,{id:"goals",children:"Goals"}),"\n",(0,t.jsxs)(n.p,{children:["The convenience of using and integrating the module is achieved through the fulfillment of ",(0,t.jsx)(n.em,{children:"a number of goals"}),":"]}),"\n",(0,t.jsxs)(n.ol,{children:["\n",(0,t.jsxs)(n.li,{children:["The application must be ",(0,t.jsx)(n.strong,{children:"protected from changes"})," to the internal structure of individual modules"]}),"\n",(0,t.jsxs)(n.li,{children:["The processing of the internal structure of the module ",(0,t.jsx)(n.strong,{children:"should not affect"})," other modules"]}),"\n",(0,t.jsxs)(n.li,{children:["Significant changes in the behavior of the module should be ",(0,t.jsx)(n.strong,{children:"easily detectable"}),"\n",(0,t.jsxs)(n.blockquote,{children:["\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Significant changes in the behavior of the module"})," - changes that break the expectations of the user entities of the module."]}),"\n"]}),"\n"]}),"\n"]}),"\n",(0,t.jsx)(n.p,{children:"These goals can be achieved by introducing a public interface (Public API), which is a single access point to the module's capabilities and defines the \"contract\" of the module's interaction with the outside world."}),"\n",(0,t.jsx)(n.admonition,{title:"Important",type:"info",children:(0,t.jsx)(n.p,{children:"The entity structure must have a single entry point that provides a public interface"})}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-sh",children:"\u2514\u2500\u2500 features/\xa0 \xa0 \xa0 \xa0 \xa0 \xa0 \xa0 \xa0#\xa0\n       \u251c\u2500\u2500 auth-form /      # Internal structure of the feature\n       |     \u251c\u2500\u2500 ui/\xa0 \xa0 \xa0 \xa0 #\n       |     \u251c\u2500\u2500 model/\xa0 \xa0 \xa0#\n       |     \u251c\u2500\u2500 {...}/\xa0 \xa0 \xa0#\n       \u251c\u2500\u2500 index.ts         # Entrypoint features with its public API\n"})}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-ts",metastring:'title="**/**/index.ts"',children:'export { Form as AuthForm } from "./ui"\nexport * as authFormModel from "./model"\n'})}),"\n",(0,t.jsx)(n.h2,{id:"requirements-for-the-public-api",children:"Requirements for the public API"}),"\n",(0,t.jsxs)(n.p,{children:["Meeting these requirements allows you to reduce interaction with the module to ",(0,t.jsx)(n.strong,{children:"the implementation of a public interface-contract"})," and, thereby, achieve reliability and ease of use of the module."]}),"\n",(0,t.jsx)(n.h3,{id:"1-access-control",children:"1. Access Control"}),"\n",(0,t.jsxs)(n.p,{children:["The public API must ",(0,t.jsx)(n.strong,{children:"control access"})," to the contents of the module"]}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsxs)(n.li,{children:["Other parts of the application can use ",(0,t.jsx)(n.strong,{children:"only those module entities that are presented in the public interface"})]}),"\n",(0,t.jsxs)(n.li,{children:["The internal part of the module outside the public interface ",(0,t.jsx)(n.strong,{children:"is accessible only to the module itself"}),"."]}),"\n"]}),"\n",(0,t.jsx)(n.h4,{id:"examples",children:"Examples"}),"\n",(0,t.jsx)(n.h5,{id:"suspension-from-private-imports",children:"Suspension from private imports"}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Bad"}),": There is a direct access to the internal parts of the module, bypassing the public access interface - it is dangerous, especially when refactoring the module"]}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-diff",children:'- import { Form } from "features/auth-form/components/view/form"\n'})}),"\n"]}),"\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Good:"})," The API exports only what is necessary and allowed in advance, the module developer now needs to think only about not breaking the Public API when refactoring"]}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-diff",children:'+ import { AuthForm } from "features/auth-form"\n'})}),"\n"]}),"\n"]}),"\n",(0,t.jsx)(n.h3,{id:"2-sustainability-for-changes",children:"2. Sustainability for changes"}),"\n",(0,t.jsx)(n.p,{children:"The public API should be sustainable for changes inside the module"}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsx)(n.li,{children:"Breaking changes in the behavior of the module are reflected in the change of the Public API"}),"\n"]}),"\n",(0,t.jsx)(n.h4,{id:"examples-1",children:"Examples"}),"\n",(0,t.jsx)(n.h5,{id:"abstracting-from-the-implementation",children:"Abstracting from the implementation"}),"\n",(0,t.jsx)(n.p,{children:"Changing the internal structure should not lead to a change in the Public API"}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Bad:"})," moving or renaming this component inside the feature will lead to the need to refactor imports in all places where the component is used."]}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-diff",children:'- import { Form } from "features/auth-form/ui/form"\n'})}),"\n"]}),"\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Good:"}),' the interface of the feature does not display its internal structure, external "users" of the feature will not suffer from moving or renaming the component inside the feature']}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-diff",children:'+ import { AuthForm } from "features/auth-form"\n'})}),"\n"]}),"\n"]}),"\n",(0,t.jsx)(n.h3,{id:"3-integrability",children:"3. Integrability"}),"\n",(0,t.jsxs)(n.p,{children:["The public API should facilitate ",(0,t.jsx)(n.strong,{children:"easy and flexible integration"})]}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsx)(n.li,{children:"Should be convenient for use by the rest of the application, in particular, to solve the problem of name collisions"}),"\n"]}),"\n",(0,t.jsx)(n.h4,{id:"examples-2",children:"Examples"}),"\n",(0,t.jsx)(n.h5,{id:"name-collision",children:"Name collision"}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Bad:"})," there will be a name collision"]}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-ts",metastring:'title="features/auth-form/index.ts"',children:'export { Form } from "./ui"\nexport * as model from "./model"\n'})}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-ts",metastring:'title="features/post-form/index.ts"',children:'export { Form } from "./ui"\nexport * as model from "./model"\n'})}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-diff",children:'- import { Form, model } from "features/auth-form"\n- import { Form, model } from "features/post-form"\n'})}),"\n"]}),"\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Good:"})," the collision is solved at the interface level"]}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-ts",metastring:'title="features/auth-form/index.ts"',children:'export { Form as AuthForm } from "./ui"\nexport * as authFormModel from "./model"\n'})}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-ts",metastring:'title="features/post-form/index.ts"',children:'export { Form as PostForm } from "./ui"\nexport * as postFormModel from "./model"\n'})}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-diff",children:'+ import { AuthForm, authFormModel } from "features/auth-form"\n+ import { PostForm, postFormModel } from "features/post-form"\n'})}),"\n"]}),"\n"]}),"\n",(0,t.jsx)(n.h5,{id:"flexible-use",children:"Flexible use"}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Bad:"}),' it is inconvenient to write, it is inconvenient to read, the" user " of the feature suffers']}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-diff",children:'- import { storeActionUpdateUserDetails } from "features/auth-form"\n- dispatch(storeActionUpdateUserDetails(...))\n'})}),"\n"]}),"\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Good:"}),' the "user" of the feature gets access to the necessary things iteratively and flexibly']}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-diff",children:'+ import { authFormModel } from "features/auth-form"\n+ dispatch(authFormModel.effects.updateUserDetails(...)) // redux\n+ authFormModel.updateUserDetailsFx(...) // effector\n'})}),"\n"]}),"\n"]}),"\n",(0,t.jsx)(n.h5,{id:"resolution-of-collisions",children:"Resolution of collisions"}),"\n",(0,t.jsx)(n.p,{children:"Name collisions should be resolved at the level of the public interface, not the implementation"}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Bad:"})," name collisions are resolved at the implementation level"]}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-ts",metastring:'title="features/auth-form/index.ts"',children:'export { AuthForm } from "./ui"\nexport { authFormActions, authFormReducer } from "model"\n'})}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-ts",metastring:'title="features/post-form/index.ts"',children:'export { PostForm } from "./ui"\nexport { postFormActions, postFormReducer } from "model"\n'})}),"\n"]}),"\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Good:"})," name collisions are resolved at the interface level"]}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-ts",metastring:'title="features/auth-form/model.ts"',children:"export { actions, reducer }\n"})}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-ts",metastring:'title="features/auth-form/index.ts"',children:'export { Form as AuthForm } from "./ui"\nexport * as authFormModel from "./model"\n'})}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-ts",metastring:'title="features/post-form/model.ts"',children:"export { actions, reducer }\n"})}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-ts",metastring:'title="features/post-form/index.ts"',children:'export { Form as PostForm } from "./ui"\nexport * as postFormModel from "./model"\n'})}),"\n"]}),"\n"]}),"\n",(0,t.jsx)(n.h2,{id:"about-re-exports",children:"About re-exports"}),"\n",(0,t.jsxs)(n.p,{children:["In JavaScript, the public interface of a module is created by re-exporting entities from inside the module in an ",(0,t.jsx)(n.code,{children:"index"})," file:"]}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-ts",metastring:'title="**/**/index.ts"',children:'export { Form as AuthForm } from "./ui"\nexport * as authModel from "./model"\n'})}),"\n",(0,t.jsx)(n.h3,{id:"disadvantages",children:"Disadvantages"}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsxs)(n.p,{children:["In most popular bundlers, due to re-exports, ",(0,t.jsx)(n.strong,{children:"the code-splitting works worse"}),", because ",(0,t.jsx)(n.a,{href:"https://webpack.js.org/guides/tree-shaking/",children:"tree-shaking"})," with this approach, it is safe to discard only the entire module, but not part of it."]}),"\n",(0,t.jsxs)(n.blockquote,{children:["\n",(0,t.jsxs)(n.p,{children:["For example, importing ",(0,t.jsx)(n.code,{children:"authModel"})," into the page model will cause the ",(0,t.jsx)(n.code,{children:"AuthForm"})," component to get into the chunk of this page, even if this component is not used there."]}),"\n"]}),"\n"]}),"\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsx)(n.p,{children:'As a result, initialization of the chunk becomes more expensive, because the browser must process all the modules in it, including those that got into the bundle "for the company"'}),"\n"]}),"\n"]}),"\n",(0,t.jsx)(n.h3,{id:"possible-solutions",children:"Possible solutions"}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsxs)(n.li,{children:[(0,t.jsx)(n.code,{children:"webpack"})," allows you to mark re-export files as ",(0,t.jsx)(n.a,{href:"https://webpack.js.org/guides/tree-shaking/#mark-the-file-as-side-effect-free",children:(0,t.jsx)(n.strong,{children:"side effects free"})})," - this allows ",(0,t.jsx)(n.code,{children:"webpack"})," to use more aggressive optimizations when working with such a file"]}),"\n"]}),"\n",(0,t.jsx)(n.h2,{id:"see-also",children:"See also"}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsx)(n.li,{children:(0,t.jsx)(n.a,{href:"https://github.com/feature-sliced/documentation/discussions/41",children:"(Discussion) Public Abstraction API"})}),"\n",(0,t.jsx)(n.li,{children:(0,t.jsxs)(n.a,{href:"https://ru.wikipedia.org/wiki/SOLID",children:["Principles ",(0,t.jsx)(n.strong,{children:"SOLID"})]})}),"\n",(0,t.jsx)(n.li,{children:(0,t.jsxs)(n.a,{href:"https://ru.wikipedia.org/wiki/GRASP",children:["Patterns ",(0,t.jsx)(n.strong,{children:"GRASP"})]})}),"\n"]})]})}function h(e={}){const{wrapper:n}={...(0,i.R)(),...e.components};return n?(0,t.jsx)(n,{...e,children:(0,t.jsx)(d,{...e})}):d(e)}},1100:(e,n,s)=>{s.d(n,{R:()=>o,x:()=>l});var t=s(758);const i={},r=t.createContext(i);function o(e){const n=t.useContext(r);return t.useMemo((function(){return"function"==typeof e?e(n):{...n,...e}}),[n,e])}function l(e){let n;return n=e.disableParentContext?"function"==typeof e.components?e.components(i):e.components||i:o(e.components),t.createElement(r.Provider,{value:n},e.children)}}}]);
\ No newline at end of file
diff --git a/uz/assets/js/4044d4ea.14b9b7c2.js b/uz/assets/js/4044d4ea.ce610255.js
similarity index 99%
rename from uz/assets/js/4044d4ea.14b9b7c2.js
rename to uz/assets/js/4044d4ea.ce610255.js
index 385bb7768a..56f4852a12 100644
--- a/uz/assets/js/4044d4ea.14b9b7c2.js
+++ b/uz/assets/js/4044d4ea.ce610255.js
@@ -1 +1 @@
-"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[3165],{5041:(n,i,e)=>{e.r(i),e.d(i,{assets:()=>o,contentTitle:()=>d,default:()=>h,frontMatter:()=>s,metadata:()=>l,toc:()=>t});var a=e(6070),r=e(1100);const s={},d="Brending bo'yicha tavsiyalar",l={id:"branding",title:"Brending bo'yicha tavsiyalar",description:"FSD ning vizual identifikatsiyasi uning asosiy tushunchalariga asoslanadi: Layered, Sliced self-contained parts, Parts & Compose, Segmented.",source:"@site/i18n/uz/docusaurus-plugin-content-docs/current/branding.md",sourceDirName:".",slug:"/branding",permalink:"/uz/docs/branding",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/uz/docusaurus-plugin-content-docs/current/branding.md",tags:[],version:"current",lastUpdatedAt:1727607766e3,frontMatter:{}},o={},t=[{value:"Nomlash",id:"title",level:2},{value:"Emodzi",id:"emojii",level:2},{value:"Logo &amp; Palitra",id:"logo--palettte",level:2},{value:"Bannerlar &amp; Sxemalar",id:"banners--schemes",level:2},{value:"Social Preview",id:"social-preview",level:2},{value:"Prezintatsiya uchun shablon",id:"presentation-template",level:2},{value:"Shuningdek qarang",id:"see-also",level:2}];function c(n){const i={a:"a",admonition:"admonition",blockquote:"blockquote",code:"code",em:"em",h1:"h1",h2:"h2",header:"header",li:"li",p:"p",strong:"strong",ul:"ul",...(0,r.R)(),...n.components};return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(i.header,{children:(0,a.jsx)(i.h1,{id:"brending-boyicha-tavsiyalar",children:"Brending bo'yicha tavsiyalar"})}),"\n",(0,a.jsxs)(i.p,{children:["FSD ning vizual identifikatsiyasi uning asosiy tushunchalariga asoslanadi: ",(0,a.jsx)(i.code,{children:"Layered"}),", ",(0,a.jsx)(i.code,{children:"Sliced self-contained parts"}),", ",(0,a.jsx)(i.code,{children:"Parts & Compose"}),", ",(0,a.jsx)(i.code,{children:"Segmented"}),"."]}),"\n",(0,a.jsx)(i.p,{children:"Lekin biz FSD falsafasini aks ettiruvchi va osongina tanib olinadigan oddiy va chiroyli identifikatsiyaga intilamiz."}),"\n",(0,a.jsxs)(i.p,{children:[(0,a.jsx)(i.strong,{children:'Iltimos, qulayligingiz uchun FSD identifikatoridan o\'zgarmagan holda "as-is", aktivlarimizdan foydalaning.'})," Bu FSD ning brend-gayd identifikatoridan to'g'ri foydalanishga yordam beradi."]}),"\n",(0,a.jsxs)(i.admonition,{title:"Moslik",type:"caution",children:[(0,a.jsxs)(i.p,{children:["Ilgari FSD ",(0,a.jsx)(i.a,{href:"https://drive.google.com/drive/folders/11Y-3qZ_C9jOFoW2UbSp11YasOhw4yBdl?usp=sharing",children:"boshqa legasiy-aydentikaga"})," ega bolgan. Eski dizayn metodologiyaning asosiy tushunchalarini aks ettirmagan. Hamda, u yangilanishi kerak bo'lgan qo'pol qoralama sifatida yaratilgan."]}),(0,a.jsxs)(i.p,{children:[(0,a.jsx)(i.strong,{children:"FSD \ud83c\udf70 identifikatoridan mos va uzoq muddatli foydalanganingizga ishonch hosil qilish uchun,"})," biz yillar davomida (2021-2022) rebrending ustida puxta ishladik."]}),(0,a.jsx)(i.p,{children:(0,a.jsx)(i.em,{children:"Eski emas, ya'niy yangi aydentikadan foydalaning!"})})]}),"\n",(0,a.jsx)(i.h2,{id:"title",children:"Nomlash"}),"\n",(0,a.jsxs)(i.ul,{children:["\n",(0,a.jsxs)(i.li,{children:["\u2705 ",(0,a.jsx)(i.strong,{children:"To'g'ri:"})," ",(0,a.jsx)(i.code,{children:"Feature-Sliced Design"}),", ",(0,a.jsx)(i.code,{children:"FSD"})]}),"\n",(0,a.jsxs)(i.li,{children:["\u274c ",(0,a.jsx)(i.strong,{children:"Noto'g'ri:"})," ",(0,a.jsx)(i.code,{children:"Feature-Sliced"}),", ",(0,a.jsx)(i.code,{children:"Feature Sliced"}),", ",(0,a.jsx)(i.code,{children:"FeatureSliced"}),", ",(0,a.jsx)(i.code,{children:"feature-sliced"}),", ",(0,a.jsx)(i.code,{children:"feature sliced"}),", ",(0,a.jsx)(i.code,{children:"FS"})]}),"\n"]}),"\n",(0,a.jsx)(i.h2,{id:"emojii",children:"Emodzi"}),"\n",(0,a.jsx)(i.p,{children:"Tort tasviri \ud83c\udf70 FSD-ning asosiy tushunchalarini yaxshi aks ettiradi, shuning uchun u bizning emojimiz sifatida tanlangan."}),"\n",(0,a.jsxs)(i.blockquote,{children:["\n",(0,a.jsxs)(i.p,{children:["Namuna: ",(0,a.jsx)(i.em,{children:'"\ud83c\udf70 Architectural design methodology for Frontend projects"'})]}),"\n"]}),"\n",(0,a.jsx)(i.h2,{id:"logo--palettte",children:"Logo & Palitra"}),"\n",(0,a.jsxs)(i.p,{children:["FSD har xil konteksda bir nechta logotipga ega, lekin ",(0,a.jsx)(i.strong,{children:"primary"})," dan foydalanish tavsiya etiladi"]}),"\n",(0,a.jsxs)("table",{style:{textAlign:"center"},children:[(0,a.jsxs)("tr",{children:[(0,a.jsx)("td",{children:"Tema"}),(0,a.jsxs)("td",{children:["Logo ",(0,a.jsx)("sub",{style:{color:"gray",display:"block"},children:"(Ctrl/Cmd + Click yuklab olish uchun)"})]}),(0,a.jsx)("td",{children:"Foydalanish"})]}),(0,a.jsxs)("tr",{children:[(0,a.jsxs)("td",{style:{color:"#FFF",background:"linear-gradient(135deg, rgba(41,190,220,1) 0%, rgba(81,122,237,1) 100%)"},children:["primary ",(0,a.jsx)("br",{})," (#29BEDC, #517AED)"]}),(0,a.jsx)("td",{children:(0,a.jsx)("a",{href:"/img/brand/logo-primary.png",download:!0,children:(0,a.jsx)("img",{src:"/img/brand/logo-primary.png",height:"130",alt:"logo-primary"})})}),(0,a.jsx)("td",{children:"Aksariyat hollarda afzal ko'riladi"})]}),(0,a.jsxs)("tr",{children:[(0,a.jsxs)("td",{style:{color:"#FFF",background:"#3193FF"},children:["flat ",(0,a.jsx)("br",{})," (#3193FF)"]}),(0,a.jsx)("td",{children:(0,a.jsx)("a",{href:"/img/brand/logo-flat.png",download:!0,children:(0,a.jsx)("img",{src:"/img/brand/logo-flat.png",height:"130",alt:"logo-flat"})})}),(0,a.jsx)("td",{children:"Bir rangli kontekst uchun"})]}),(0,a.jsxs)("tr",{children:[(0,a.jsxs)("td",{style:{color:"#000",background:"#FFF"},children:["monochrome ",(0,a.jsx)("br",{})," (#FFF)"]}),(0,a.jsx)("td",{style:{color:"#000",background:"#242526"},children:(0,a.jsx)("a",{href:"/img/brand/logo-monochrome.png",download:!0,children:(0,a.jsx)("img",{src:"/img/brand/logo-monochrome.png",height:"130",alt:"logo-monocrhome"})})}),(0,a.jsx)("td",{children:"Oq qora kontekst uchun"})]}),(0,a.jsxs)("tr",{children:[(0,a.jsxs)("td",{style:{color:"#FFF",background:"#3193FF"},children:["square ",(0,a.jsx)("br",{})," (#3193FF)"]}),(0,a.jsx)("td",{children:(0,a.jsx)("a",{href:"/img/brand/logo-square.png",download:!0,children:(0,a.jsx)("img",{src:"/img/brand/logo-square.png",height:"130",alt:"logo-square"})})}),(0,a.jsx)("td",{children:"Kvadrat o'lchamlar uchun"})]})]}),"\n",(0,a.jsx)(i.h2,{id:"banners--schemes",children:"Bannerlar & Sxemalar"}),"\n",(0,a.jsx)("a",{href:"/img/brand/banner-primary.jpg",download:!0,children:(0,a.jsx)("img",{src:"/img/brand/banner-primary.jpg",height:"256",alt:"banner-primary"})}),"\n",(0,a.jsx)("a",{href:"/img/brand/banner-monochrome.jpg",download:!0,children:(0,a.jsx)("img",{src:"/img/brand/banner-monochrome.jpg",height:"256",alt:"banner-monochrome"})}),"\n",(0,a.jsx)(i.h2,{id:"social-preview",children:"Social Preview"}),"\n",(0,a.jsx)(i.p,{children:"Ish davom etmoqda..."}),"\n",(0,a.jsx)(i.h2,{id:"presentation-template",children:"Prezintatsiya uchun shablon"}),"\n",(0,a.jsx)(i.p,{children:"Ish davom etmoqda..."}),"\n",(0,a.jsx)(i.h2,{id:"see-also",children:"Shuningdek qarang"}),"\n",(0,a.jsxs)(i.ul,{children:["\n",(0,a.jsx)(i.li,{children:(0,a.jsx)(i.a,{href:"https://github.com/feature-sliced/documentation/discussions/399",children:"Muhokama (github)"})}),"\n",(0,a.jsx)(i.li,{children:(0,a.jsx)(i.a,{href:"https://www.figma.com/file/RPphccpoeasVB0lMpZwPVR/FSD-Brand?node-id=0%3A1",children:"Ma'lumotnomalar bilan rebrending tarixi (figma)"})}),"\n",(0,a.jsx)(i.li,{children:(0,a.jsx)(i.a,{href:"https://rebrand-sliced.netlify.app/en/",children:"Rebrending demosi"})}),"\n"]})]})}function h(n={}){const{wrapper:i}={...(0,r.R)(),...n.components};return i?(0,a.jsx)(i,{...n,children:(0,a.jsx)(c,{...n})}):c(n)}},1100:(n,i,e)=>{e.d(i,{R:()=>d,x:()=>l});var a=e(758);const r={},s=a.createContext(r);function d(n){const i=a.useContext(s);return a.useMemo((function(){return"function"==typeof n?n(i):{...i,...n}}),[i,n])}function l(n){let i;return i=n.disableParentContext?"function"==typeof n.components?n.components(r):n.components||r:d(n.components),a.createElement(s.Provider,{value:i},n.children)}}}]);
\ No newline at end of file
+"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[3165],{5041:(n,i,e)=>{e.r(i),e.d(i,{assets:()=>o,contentTitle:()=>d,default:()=>h,frontMatter:()=>s,metadata:()=>l,toc:()=>t});var a=e(6070),r=e(1100);const s={},d="Brending bo'yicha tavsiyalar",l={id:"branding",title:"Brending bo'yicha tavsiyalar",description:"FSD ning vizual identifikatsiyasi uning asosiy tushunchalariga asoslanadi: Layered, Sliced self-contained parts, Parts & Compose, Segmented.",source:"@site/i18n/uz/docusaurus-plugin-content-docs/current/branding.md",sourceDirName:".",slug:"/branding",permalink:"/uz/docs/branding",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/uz/docusaurus-plugin-content-docs/current/branding.md",tags:[],version:"current",lastUpdatedAt:1728325386e3,frontMatter:{}},o={},t=[{value:"Nomlash",id:"title",level:2},{value:"Emodzi",id:"emojii",level:2},{value:"Logo &amp; Palitra",id:"logo--palettte",level:2},{value:"Bannerlar &amp; Sxemalar",id:"banners--schemes",level:2},{value:"Social Preview",id:"social-preview",level:2},{value:"Prezintatsiya uchun shablon",id:"presentation-template",level:2},{value:"Shuningdek qarang",id:"see-also",level:2}];function c(n){const i={a:"a",admonition:"admonition",blockquote:"blockquote",code:"code",em:"em",h1:"h1",h2:"h2",header:"header",li:"li",p:"p",strong:"strong",ul:"ul",...(0,r.R)(),...n.components};return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(i.header,{children:(0,a.jsx)(i.h1,{id:"brending-boyicha-tavsiyalar",children:"Brending bo'yicha tavsiyalar"})}),"\n",(0,a.jsxs)(i.p,{children:["FSD ning vizual identifikatsiyasi uning asosiy tushunchalariga asoslanadi: ",(0,a.jsx)(i.code,{children:"Layered"}),", ",(0,a.jsx)(i.code,{children:"Sliced self-contained parts"}),", ",(0,a.jsx)(i.code,{children:"Parts & Compose"}),", ",(0,a.jsx)(i.code,{children:"Segmented"}),"."]}),"\n",(0,a.jsx)(i.p,{children:"Lekin biz FSD falsafasini aks ettiruvchi va osongina tanib olinadigan oddiy va chiroyli identifikatsiyaga intilamiz."}),"\n",(0,a.jsxs)(i.p,{children:[(0,a.jsx)(i.strong,{children:'Iltimos, qulayligingiz uchun FSD identifikatoridan o\'zgarmagan holda "as-is", aktivlarimizdan foydalaning.'})," Bu FSD ning brend-gayd identifikatoridan to'g'ri foydalanishga yordam beradi."]}),"\n",(0,a.jsxs)(i.admonition,{title:"Moslik",type:"caution",children:[(0,a.jsxs)(i.p,{children:["Ilgari FSD ",(0,a.jsx)(i.a,{href:"https://drive.google.com/drive/folders/11Y-3qZ_C9jOFoW2UbSp11YasOhw4yBdl?usp=sharing",children:"boshqa legasiy-aydentikaga"})," ega bolgan. Eski dizayn metodologiyaning asosiy tushunchalarini aks ettirmagan. Hamda, u yangilanishi kerak bo'lgan qo'pol qoralama sifatida yaratilgan."]}),(0,a.jsxs)(i.p,{children:[(0,a.jsx)(i.strong,{children:"FSD \ud83c\udf70 identifikatoridan mos va uzoq muddatli foydalanganingizga ishonch hosil qilish uchun,"})," biz yillar davomida (2021-2022) rebrending ustida puxta ishladik."]}),(0,a.jsx)(i.p,{children:(0,a.jsx)(i.em,{children:"Eski emas, ya'niy yangi aydentikadan foydalaning!"})})]}),"\n",(0,a.jsx)(i.h2,{id:"title",children:"Nomlash"}),"\n",(0,a.jsxs)(i.ul,{children:["\n",(0,a.jsxs)(i.li,{children:["\u2705 ",(0,a.jsx)(i.strong,{children:"To'g'ri:"})," ",(0,a.jsx)(i.code,{children:"Feature-Sliced Design"}),", ",(0,a.jsx)(i.code,{children:"FSD"})]}),"\n",(0,a.jsxs)(i.li,{children:["\u274c ",(0,a.jsx)(i.strong,{children:"Noto'g'ri:"})," ",(0,a.jsx)(i.code,{children:"Feature-Sliced"}),", ",(0,a.jsx)(i.code,{children:"Feature Sliced"}),", ",(0,a.jsx)(i.code,{children:"FeatureSliced"}),", ",(0,a.jsx)(i.code,{children:"feature-sliced"}),", ",(0,a.jsx)(i.code,{children:"feature sliced"}),", ",(0,a.jsx)(i.code,{children:"FS"})]}),"\n"]}),"\n",(0,a.jsx)(i.h2,{id:"emojii",children:"Emodzi"}),"\n",(0,a.jsx)(i.p,{children:"Tort tasviri \ud83c\udf70 FSD-ning asosiy tushunchalarini yaxshi aks ettiradi, shuning uchun u bizning emojimiz sifatida tanlangan."}),"\n",(0,a.jsxs)(i.blockquote,{children:["\n",(0,a.jsxs)(i.p,{children:["Namuna: ",(0,a.jsx)(i.em,{children:'"\ud83c\udf70 Architectural design methodology for Frontend projects"'})]}),"\n"]}),"\n",(0,a.jsx)(i.h2,{id:"logo--palettte",children:"Logo & Palitra"}),"\n",(0,a.jsxs)(i.p,{children:["FSD har xil konteksda bir nechta logotipga ega, lekin ",(0,a.jsx)(i.strong,{children:"primary"})," dan foydalanish tavsiya etiladi"]}),"\n",(0,a.jsxs)("table",{style:{textAlign:"center"},children:[(0,a.jsxs)("tr",{children:[(0,a.jsx)("td",{children:"Tema"}),(0,a.jsxs)("td",{children:["Logo ",(0,a.jsx)("sub",{style:{color:"gray",display:"block"},children:"(Ctrl/Cmd + Click yuklab olish uchun)"})]}),(0,a.jsx)("td",{children:"Foydalanish"})]}),(0,a.jsxs)("tr",{children:[(0,a.jsxs)("td",{style:{color:"#FFF",background:"linear-gradient(135deg, rgba(41,190,220,1) 0%, rgba(81,122,237,1) 100%)"},children:["primary ",(0,a.jsx)("br",{})," (#29BEDC, #517AED)"]}),(0,a.jsx)("td",{children:(0,a.jsx)("a",{href:"/img/brand/logo-primary.png",download:!0,children:(0,a.jsx)("img",{src:"/img/brand/logo-primary.png",height:"130",alt:"logo-primary"})})}),(0,a.jsx)("td",{children:"Aksariyat hollarda afzal ko'riladi"})]}),(0,a.jsxs)("tr",{children:[(0,a.jsxs)("td",{style:{color:"#FFF",background:"#3193FF"},children:["flat ",(0,a.jsx)("br",{})," (#3193FF)"]}),(0,a.jsx)("td",{children:(0,a.jsx)("a",{href:"/img/brand/logo-flat.png",download:!0,children:(0,a.jsx)("img",{src:"/img/brand/logo-flat.png",height:"130",alt:"logo-flat"})})}),(0,a.jsx)("td",{children:"Bir rangli kontekst uchun"})]}),(0,a.jsxs)("tr",{children:[(0,a.jsxs)("td",{style:{color:"#000",background:"#FFF"},children:["monochrome ",(0,a.jsx)("br",{})," (#FFF)"]}),(0,a.jsx)("td",{style:{color:"#000",background:"#242526"},children:(0,a.jsx)("a",{href:"/img/brand/logo-monochrome.png",download:!0,children:(0,a.jsx)("img",{src:"/img/brand/logo-monochrome.png",height:"130",alt:"logo-monocrhome"})})}),(0,a.jsx)("td",{children:"Oq qora kontekst uchun"})]}),(0,a.jsxs)("tr",{children:[(0,a.jsxs)("td",{style:{color:"#FFF",background:"#3193FF"},children:["square ",(0,a.jsx)("br",{})," (#3193FF)"]}),(0,a.jsx)("td",{children:(0,a.jsx)("a",{href:"/img/brand/logo-square.png",download:!0,children:(0,a.jsx)("img",{src:"/img/brand/logo-square.png",height:"130",alt:"logo-square"})})}),(0,a.jsx)("td",{children:"Kvadrat o'lchamlar uchun"})]})]}),"\n",(0,a.jsx)(i.h2,{id:"banners--schemes",children:"Bannerlar & Sxemalar"}),"\n",(0,a.jsx)("a",{href:"/img/brand/banner-primary.jpg",download:!0,children:(0,a.jsx)("img",{src:"/img/brand/banner-primary.jpg",height:"256",alt:"banner-primary"})}),"\n",(0,a.jsx)("a",{href:"/img/brand/banner-monochrome.jpg",download:!0,children:(0,a.jsx)("img",{src:"/img/brand/banner-monochrome.jpg",height:"256",alt:"banner-monochrome"})}),"\n",(0,a.jsx)(i.h2,{id:"social-preview",children:"Social Preview"}),"\n",(0,a.jsx)(i.p,{children:"Ish davom etmoqda..."}),"\n",(0,a.jsx)(i.h2,{id:"presentation-template",children:"Prezintatsiya uchun shablon"}),"\n",(0,a.jsx)(i.p,{children:"Ish davom etmoqda..."}),"\n",(0,a.jsx)(i.h2,{id:"see-also",children:"Shuningdek qarang"}),"\n",(0,a.jsxs)(i.ul,{children:["\n",(0,a.jsx)(i.li,{children:(0,a.jsx)(i.a,{href:"https://github.com/feature-sliced/documentation/discussions/399",children:"Muhokama (github)"})}),"\n",(0,a.jsx)(i.li,{children:(0,a.jsx)(i.a,{href:"https://www.figma.com/file/RPphccpoeasVB0lMpZwPVR/FSD-Brand?node-id=0%3A1",children:"Ma'lumotnomalar bilan rebrending tarixi (figma)"})}),"\n",(0,a.jsx)(i.li,{children:(0,a.jsx)(i.a,{href:"https://rebrand-sliced.netlify.app/en/",children:"Rebrending demosi"})}),"\n"]})]})}function h(n={}){const{wrapper:i}={...(0,r.R)(),...n.components};return i?(0,a.jsx)(i,{...n,children:(0,a.jsx)(c,{...n})}):c(n)}},1100:(n,i,e)=>{e.d(i,{R:()=>d,x:()=>l});var a=e(758);const r={},s=a.createContext(r);function d(n){const i=a.useContext(s);return a.useMemo((function(){return"function"==typeof n?n(i):{...i,...n}}),[i,n])}function l(n){let i;return i=n.disableParentContext?"function"==typeof n.components?n.components(r):n.components||r:d(n.components),a.createElement(s.Provider,{value:i},n.children)}}}]);
\ No newline at end of file
diff --git a/uz/assets/js/480f28a3.22c7908e.js b/uz/assets/js/480f28a3.88ad57ae.js
similarity index 98%
rename from uz/assets/js/480f28a3.22c7908e.js
rename to uz/assets/js/480f28a3.88ad57ae.js
index f094af78d5..836eb0b9ab 100644
--- a/uz/assets/js/480f28a3.22c7908e.js
+++ b/uz/assets/js/480f28a3.88ad57ae.js
@@ -1 +1 @@
-"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[7951],{5852:(e,n,o)=>{o.r(n),o.d(n,{assets:()=>a,contentTitle:()=>l,default:()=>h,frontMatter:()=>s,metadata:()=>r,toc:()=>d});var i=o(6070),t=o(1100);const s={sidebar_position:1},l="Mission",r={id:"about/mission",title:"Mission",description:"Here we describe the goals and limitations of the applicability of the methodology-which we are guided by when developing the methodology",source:"@site/i18n/en/docusaurus-plugin-content-docs/current/about/mission.md",sourceDirName:"about",slug:"/about/mission",permalink:"/uz/docs/about/mission",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/about/mission.md",tags:[],version:"current",lastUpdatedAt:1727607766e3,sidebarPosition:1,frontMatter:{sidebar_position:1},sidebar:"aboutSidebar",previous:{title:"\ud83c\udf70 About",permalink:"/uz/docs/about/"},next:{title:"Motivation",permalink:"/uz/docs/about/motivation"}},a={},d=[{value:"Goals",id:"goals",level:2},{value:"Intuitive clarity for a wide range of developers",id:"intuitive-clarity-for-a-wide-range-of-developers",level:3},{value:"Solving everyday problems",id:"solving-everyday-problems",level:3},{value:"Limitations",id:"limitations",level:2},{value:"See also",id:"see-also",level:2}];function c(e){const n={a:"a",blockquote:"blockquote",em:"em",h1:"h1",h2:"h2",h3:"h3",header:"header",li:"li",p:"p",strong:"strong",ul:"ul",...(0,t.R)(),...e.components};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(n.header,{children:(0,i.jsx)(n.h1,{id:"mission",children:"Mission"})}),"\n",(0,i.jsx)(n.p,{children:"Here we describe the goals and limitations of the applicability of the methodology-which we are guided by when developing the methodology"}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsx)(n.li,{children:"We see our goal as a balance between ideology and simplicity"}),"\n",(0,i.jsx)(n.li,{children:"We won't be able to make a silver bullet that fits everyone"}),"\n"]}),"\n",(0,i.jsx)(n.p,{children:(0,i.jsx)(n.strong,{children:"Nevertheless, the methodology should be close and accessible to a fairly wide range of developers"})}),"\n",(0,i.jsx)(n.h2,{id:"goals",children:"Goals"}),"\n",(0,i.jsx)(n.h3,{id:"intuitive-clarity-for-a-wide-range-of-developers",children:"Intuitive clarity for a wide range of developers"}),"\n",(0,i.jsx)(n.p,{children:"The methodology should be accessible - for most of the team in projects"}),"\n",(0,i.jsx)(n.p,{children:(0,i.jsx)(n.em,{children:"Because even with all the future tools , it will not be enough, if only experienced seniors/leads will understand the methodology"})}),"\n",(0,i.jsx)(n.h3,{id:"solving-everyday-problems",children:"Solving everyday problems"}),"\n",(0,i.jsx)(n.p,{children:"The methodology should set out the reasons and solutions to our everyday problems when developing projects"}),"\n",(0,i.jsx)(n.p,{children:(0,i.jsx)(n.strong,{children:"And also-attach tools to all this (cli, linters)"})}),"\n",(0,i.jsxs)(n.p,{children:["So that developers can use a ",(0,i.jsx)(n.em,{children:"battle-tested"})," approach that allows them to bypass long-standing problems of architecture and development"]}),"\n",(0,i.jsxs)(n.blockquote,{children:["\n",(0,i.jsx)(n.p,{children:(0,i.jsx)(n.em,{children:"@sergeysova: Imagine, that a developer writes code within the framework of the methodology and he has problems 10 times less often, simply because other people have thought out the solution to many problems."})}),"\n"]}),"\n",(0,i.jsx)(n.h2,{id:"limitations",children:"Limitations"}),"\n",(0,i.jsxs)(n.p,{children:["We do not want to ",(0,i.jsx)(n.em,{children:"impose our point of view"}),", and at the same time we understand that ",(0,i.jsx)(n.em,{children:"many of our habits, as developers, interfere from day to day"})]}),"\n",(0,i.jsxs)(n.p,{children:["Everyone has their own level of experience in designing and developing systems, ",(0,i.jsx)(n.strong,{children:"therefore, it is worth understanding the following:"})]}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsxs)(n.li,{children:["\n",(0,i.jsxs)(n.p,{children:[(0,i.jsx)(n.strong,{children:"Will not work"}),": very simple, very clear, for everyone"]}),"\n",(0,i.jsxs)(n.blockquote,{children:["\n",(0,i.jsx)(n.p,{children:(0,i.jsx)(n.em,{children:"@sergeysova: Some concepts cannot be intuitively understood until you encounter problems and spend years solving them."})}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsx)(n.li,{children:(0,i.jsx)(n.em,{children:"In math world: is graph theory."})}),"\n",(0,i.jsx)(n.li,{children:(0,i.jsx)(n.em,{children:"In physics: quantum mechanics."})}),"\n",(0,i.jsx)(n.li,{children:(0,i.jsx)(n.em,{children:"In programming: application architecture."})}),"\n"]}),"\n"]}),"\n"]}),"\n",(0,i.jsxs)(n.li,{children:["\n",(0,i.jsxs)(n.p,{children:[(0,i.jsx)(n.strong,{children:"Possible and desirable"}),": simplicity, extensibility"]}),"\n"]}),"\n"]}),"\n",(0,i.jsx)(n.h2,{id:"see-also",children:"See also"}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsx)(n.li,{children:(0,i.jsx)(n.a,{href:"/docs/about/understanding/architecture#problems",children:"Architecture problems"})}),"\n"]})]})}function h(e={}){const{wrapper:n}={...(0,t.R)(),...e.components};return n?(0,i.jsx)(n,{...e,children:(0,i.jsx)(c,{...e})}):c(e)}},1100:(e,n,o)=>{o.d(n,{R:()=>l,x:()=>r});var i=o(758);const t={},s=i.createContext(t);function l(e){const n=i.useContext(s);return i.useMemo((function(){return"function"==typeof e?e(n):{...n,...e}}),[n,e])}function r(e){let n;return n=e.disableParentContext?"function"==typeof e.components?e.components(t):e.components||t:l(e.components),i.createElement(s.Provider,{value:n},e.children)}}}]);
\ No newline at end of file
+"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[7951],{5852:(e,n,o)=>{o.r(n),o.d(n,{assets:()=>a,contentTitle:()=>l,default:()=>h,frontMatter:()=>s,metadata:()=>r,toc:()=>d});var i=o(6070),t=o(1100);const s={sidebar_position:1},l="Mission",r={id:"about/mission",title:"Mission",description:"Here we describe the goals and limitations of the applicability of the methodology-which we are guided by when developing the methodology",source:"@site/i18n/en/docusaurus-plugin-content-docs/current/about/mission.md",sourceDirName:"about",slug:"/about/mission",permalink:"/uz/docs/about/mission",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/about/mission.md",tags:[],version:"current",lastUpdatedAt:1728325386e3,sidebarPosition:1,frontMatter:{sidebar_position:1},sidebar:"aboutSidebar",previous:{title:"\ud83c\udf70 About",permalink:"/uz/docs/about/"},next:{title:"Motivation",permalink:"/uz/docs/about/motivation"}},a={},d=[{value:"Goals",id:"goals",level:2},{value:"Intuitive clarity for a wide range of developers",id:"intuitive-clarity-for-a-wide-range-of-developers",level:3},{value:"Solving everyday problems",id:"solving-everyday-problems",level:3},{value:"Limitations",id:"limitations",level:2},{value:"See also",id:"see-also",level:2}];function c(e){const n={a:"a",blockquote:"blockquote",em:"em",h1:"h1",h2:"h2",h3:"h3",header:"header",li:"li",p:"p",strong:"strong",ul:"ul",...(0,t.R)(),...e.components};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(n.header,{children:(0,i.jsx)(n.h1,{id:"mission",children:"Mission"})}),"\n",(0,i.jsx)(n.p,{children:"Here we describe the goals and limitations of the applicability of the methodology-which we are guided by when developing the methodology"}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsx)(n.li,{children:"We see our goal as a balance between ideology and simplicity"}),"\n",(0,i.jsx)(n.li,{children:"We won't be able to make a silver bullet that fits everyone"}),"\n"]}),"\n",(0,i.jsx)(n.p,{children:(0,i.jsx)(n.strong,{children:"Nevertheless, the methodology should be close and accessible to a fairly wide range of developers"})}),"\n",(0,i.jsx)(n.h2,{id:"goals",children:"Goals"}),"\n",(0,i.jsx)(n.h3,{id:"intuitive-clarity-for-a-wide-range-of-developers",children:"Intuitive clarity for a wide range of developers"}),"\n",(0,i.jsx)(n.p,{children:"The methodology should be accessible - for most of the team in projects"}),"\n",(0,i.jsx)(n.p,{children:(0,i.jsx)(n.em,{children:"Because even with all the future tools , it will not be enough, if only experienced seniors/leads will understand the methodology"})}),"\n",(0,i.jsx)(n.h3,{id:"solving-everyday-problems",children:"Solving everyday problems"}),"\n",(0,i.jsx)(n.p,{children:"The methodology should set out the reasons and solutions to our everyday problems when developing projects"}),"\n",(0,i.jsx)(n.p,{children:(0,i.jsx)(n.strong,{children:"And also-attach tools to all this (cli, linters)"})}),"\n",(0,i.jsxs)(n.p,{children:["So that developers can use a ",(0,i.jsx)(n.em,{children:"battle-tested"})," approach that allows them to bypass long-standing problems of architecture and development"]}),"\n",(0,i.jsxs)(n.blockquote,{children:["\n",(0,i.jsx)(n.p,{children:(0,i.jsx)(n.em,{children:"@sergeysova: Imagine, that a developer writes code within the framework of the methodology and he has problems 10 times less often, simply because other people have thought out the solution to many problems."})}),"\n"]}),"\n",(0,i.jsx)(n.h2,{id:"limitations",children:"Limitations"}),"\n",(0,i.jsxs)(n.p,{children:["We do not want to ",(0,i.jsx)(n.em,{children:"impose our point of view"}),", and at the same time we understand that ",(0,i.jsx)(n.em,{children:"many of our habits, as developers, interfere from day to day"})]}),"\n",(0,i.jsxs)(n.p,{children:["Everyone has their own level of experience in designing and developing systems, ",(0,i.jsx)(n.strong,{children:"therefore, it is worth understanding the following:"})]}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsxs)(n.li,{children:["\n",(0,i.jsxs)(n.p,{children:[(0,i.jsx)(n.strong,{children:"Will not work"}),": very simple, very clear, for everyone"]}),"\n",(0,i.jsxs)(n.blockquote,{children:["\n",(0,i.jsx)(n.p,{children:(0,i.jsx)(n.em,{children:"@sergeysova: Some concepts cannot be intuitively understood until you encounter problems and spend years solving them."})}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsx)(n.li,{children:(0,i.jsx)(n.em,{children:"In math world: is graph theory."})}),"\n",(0,i.jsx)(n.li,{children:(0,i.jsx)(n.em,{children:"In physics: quantum mechanics."})}),"\n",(0,i.jsx)(n.li,{children:(0,i.jsx)(n.em,{children:"In programming: application architecture."})}),"\n"]}),"\n"]}),"\n"]}),"\n",(0,i.jsxs)(n.li,{children:["\n",(0,i.jsxs)(n.p,{children:[(0,i.jsx)(n.strong,{children:"Possible and desirable"}),": simplicity, extensibility"]}),"\n"]}),"\n"]}),"\n",(0,i.jsx)(n.h2,{id:"see-also",children:"See also"}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsx)(n.li,{children:(0,i.jsx)(n.a,{href:"/docs/about/understanding/architecture#problems",children:"Architecture problems"})}),"\n"]})]})}function h(e={}){const{wrapper:n}={...(0,t.R)(),...e.components};return n?(0,i.jsx)(n,{...e,children:(0,i.jsx)(c,{...e})}):c(e)}},1100:(e,n,o)=>{o.d(n,{R:()=>l,x:()=>r});var i=o(758);const t={},s=i.createContext(t);function l(e){const n=i.useContext(s);return i.useMemo((function(){return"function"==typeof e?e(n):{...n,...e}}),[n,e])}function r(e){let n;return n=e.disableParentContext?"function"==typeof e.components?e.components(t):e.components||t:l(e.components),i.createElement(s.Provider,{value:n},e.children)}}}]);
\ No newline at end of file
diff --git a/uz/assets/js/488b6464.9b46068d.js b/uz/assets/js/488b6464.3de89d08.js
similarity index 99%
rename from uz/assets/js/488b6464.9b46068d.js
rename to uz/assets/js/488b6464.3de89d08.js
index 7e40eaea5b..603be9124e 100644
--- a/uz/assets/js/488b6464.9b46068d.js
+++ b/uz/assets/js/488b6464.3de89d08.js
@@ -1 +1 @@
-"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[6369],{4487:(e,n,i)=>{i.r(n),i.d(n,{assets:()=>a,contentTitle:()=>l,default:()=>h,frontMatter:()=>o,metadata:()=>r,toc:()=>c});var t=i(6070),s=i(1100);const o={sidebar_position:1},l="Low Coupling & High Cohesion",r={id:"reference/isolation/coupling-cohesion",title:"Low Coupling & High Cohesion",description:"Application modules should be designed according to high cohesion (should solve one specific task) and low coupling (independent of other modules) principles.",source:"@site/i18n/en/docusaurus-plugin-content-docs/current/reference/isolation/coupling-cohesion.md",sourceDirName:"reference/isolation",slug:"/reference/isolation/coupling-cohesion",permalink:"/uz/docs/reference/isolation/coupling-cohesion",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/reference/isolation/coupling-cohesion.md",tags:[],version:"current",lastUpdatedAt:1727607766e3,sidebarPosition:1,frontMatter:{sidebar_position:1},sidebar:"referenceSidebar",previous:{title:"Isolation of modules",permalink:"/uz/docs/reference/isolation/"},next:{title:"Decouple entities",permalink:"/uz/docs/reference/isolation/decouple-entities"}},a={},c=[{value:"Components composition (UI level)",id:"components-composition-ui-level",level:2},{value:"Example",id:"example",level:3},{value:"Laying the extensibility",id:"laying-the-extensibility",level:4},{value:"Using the composition",id:"using-the-composition",level:4},{value:"Layer composition (APP level)",id:"layer-composition-app-level",level:2},{value:"Example",id:"example-1",level:3},{value:"Let&#39;s tie it all together",id:"lets-tie-it-all-together",level:4},{value:"Data model",id:"data-model",level:4},{value:"Summary",id:"summary",level:2},{value:"See also",id:"see-also",level:2}];function d(e){const n={a:"a",blockquote:"blockquote",code:"code",em:"em",h1:"h1",h2:"h2",h3:"h3",h4:"h4",header:"header",li:"li",ol:"ol",p:"p",pre:"pre",strong:"strong",ul:"ul",...(0,s.R)(),...e.components};return(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(n.header,{children:(0,t.jsx)(n.h1,{id:"low-coupling--high-cohesion",children:"Low Coupling & High Cohesion"})}),"\n",(0,t.jsxs)(n.p,{children:["Application modules should be designed according to ",(0,t.jsx)(n.strong,{children:"high cohesion"})," (should solve one specific task) and ",(0,t.jsx)(n.strong,{children:"low coupling"})," (independent of other modules) principles."]}),"\n",(0,t.jsxs)("figure",{children:[(0,t.jsx)("img",{src:"/img/coupling-cohesion-light.svg#light-mode-only",alt:""}),(0,t.jsx)("img",{src:"/img/coupling-cohesion-dark.svg#dark-mode-only",alt:""}),(0,t.jsx)("figcaption",{children:(0,t.jsxs)(n.p,{children:["Image inspired by ",(0,t.jsx)(n.a,{href:"https://enterprisecraftsmanship.com/posts/cohesion-coupling-difference/",children:"https://enterprisecraftsmanship.com/posts/cohesion-coupling-difference/"})]})})]}),"\n",(0,t.jsx)(n.p,{children:"Within the methodology, this is achieved through:"}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsx)(n.li,{children:"Splitting the application into layers and slices that implement specific functionality"}),"\n",(0,t.jsxs)(n.li,{children:["Providing a ",(0,t.jsx)(n.a,{href:"/docs/reference/public-api",children:"public access interface"})," for each module"]}),"\n",(0,t.jsxs)(n.li,{children:["Setting up restrictions for ",(0,t.jsx)(n.a,{href:"/docs/reference/isolation",children:"modules interactions"})," - each module can depend only on the modules below it, but not on modules from the same or higher layer"]}),"\n"]}),"\n",(0,t.jsx)(n.h2,{id:"components-composition-ui-level",children:"Components composition (UI level)"}),"\n",(0,t.jsx)(n.p,{children:"The majority of modern UI frameworks and libraries provide a component model in which each component can have its own properties, state, child components, and even slots."}),"\n",(0,t.jsxs)(n.p,{children:["This model allows you to design an interface as a ",(0,t.jsx)(n.strong,{children:"composition of various components that are not directly related to each other"})," and, thereby, achieve ",(0,t.jsx)(n.strong,{children:"low coupling"})," of the interface components."]}),"\n",(0,t.jsx)(n.h3,{id:"example",children:"Example"}),"\n",(0,t.jsxs)(n.p,{children:["Let's consider such a composition using the example of a ",(0,t.jsx)(n.strong,{children:"list with a header:"})]}),"\n",(0,t.jsx)(n.h4,{id:"laying-the-extensibility",children:"Laying the extensibility"}),"\n",(0,t.jsx)(n.p,{children:"List component will not itself define the look and structure of the header components and list elements, instead it will accept them as parameters"}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-tsx",children:'interface ListProps {\n    Header: React.ReactNode;\n    Items: React.ReactNode;\n}\n\nconst List: Component<ListProps> = ({ Header, Items }) => (\n    <div class="wrapper">\n        {Header}\n        <ul class="...">\n            {Items}\n        </ul>\n    </div>\n)\n\n'})}),"\n",(0,t.jsx)(n.h4,{id:"using-the-composition",children:"Using the composition"}),"\n",(0,t.jsxs)(n.p,{children:["This allows you to ",(0,t.jsx)(n.strong,{children:"reuse and independently change"})," components with different Header and list Items. Header and Items components can have both their own local state and their binding to the general state of the application - the List component will not know anything about it, and therefore will not depend on it"]}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-tsx",children:'<List Header={<FancyHeader />} Items={<ToDoItems />} />\n\n<List Items={<CartItems />} />\n\n<List Header={<FancyHeaderV2 color="red" />} Items={<FancyItems />} />\n\n'})}),"\n",(0,t.jsx)(n.h2,{id:"layer-composition-app-level",children:"Layer composition (APP level)"}),"\n",(0,t.jsxs)(n.p,{children:["The methodology suggests putting the functionality that is valuable for the user into ",(0,t.jsx)(n.strong,{children:"features slice"}),", and the logic related to business entities - into ",(0,t.jsx)(n.strong,{children:"entities"}),". Both features and entities ",(0,t.jsx)(n.strong,{children:"should be designed as modules with high cohesion"}),", i.e. aimed at solving ",(0,t.jsx)(n.strong,{children:"one specific task"})," or related to ",(0,t.jsx)(n.strong,{children:"one specific entity."})]}),"\n",(0,t.jsxs)(n.p,{children:["All interactions between such modules, similar to the UI components from the example above, should be coordinated via a ",(0,t.jsx)(n.strong,{children:"modules composition"}),"."]}),"\n",(0,t.jsx)(n.h3,{id:"example-1",children:"Example"}),"\n",(0,t.jsx)(n.p,{children:"Let's use an example of a chat application with the following features:"}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsx)(n.li,{children:"user can open a contact list and select a friend"}),"\n",(0,t.jsx)(n.li,{children:"user can open a conversation with a selected friend"}),"\n"]}),"\n",(0,t.jsx)(n.p,{children:"According to methodology principles, it can be represented as:"}),"\n",(0,t.jsx)(n.p,{children:"Entities"}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsx)(n.li,{children:"User (contains user's state)"}),"\n",(0,t.jsx)(n.li,{children:"Contact (state of the contact list, utilities for working with an individual contact)"}),"\n",(0,t.jsx)(n.li,{children:"Chat (the state of the current chat and utilies for it)"}),"\n"]}),"\n",(0,t.jsx)(n.p,{children:"Features"}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsx)(n.li,{children:"Form for sending a message"}),"\n",(0,t.jsx)(n.li,{children:"Chat selection menu"}),"\n"]}),"\n",(0,t.jsx)(n.h4,{id:"lets-tie-it-all-together",children:"Let's tie it all together"}),"\n",(0,t.jsx)(n.p,{children:"The application, to begin with, will have one page, and the interface will be slightly modified from the first example"}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-tsx",metastring:'title="page/main/ui.tsx"',children:"<List\n    Header={<ConversationSwitch />}\n    Items={<Messages />}\n    Footer={<MessageInput />}\n/>\n"})}),"\n",(0,t.jsx)(n.h4,{id:"data-model",children:"Data model"}),"\n",(0,t.jsxs)(n.p,{children:["The page data model will be organized as a ",(0,t.jsx)(n.strong,{children:"composition of features and entities"}),". In this example, the features will be implemented as factories and they will access the interface of entities through the parameters of these factories."]}),"\n",(0,t.jsxs)(n.blockquote,{children:["\n",(0,t.jsx)(n.p,{children:"However, the implementation using factory is optional - the feature may directly depend on the lower layers."}),"\n"]}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-ts",metastring:'title="pages/main/model.ts"',children:'import { userModel } from "entitites/user"\nimport { conversationModel } from "entities/conversation"\nimport { contactModel } from "entities/contact"\n\nimport { createMessageInput } from "features/message-input"\nimport { createConversationSwitch } from "features/conversation-switch"\n\nimport { beautifiy } from "shared/lib/beautify-text"\n\nexport const { allConversations, setConversation } = createConversationSwitch({\n    contacts: contactModel.allContacts,\n    setConversation: conversationModel.setConversation,\n    currentConversation: conversationModel.conversation,\n    currentUser: userModel.currentUser\n})\n\nexport const { sendMessage, attachFile } = createMessageInput({\n    author: userModel.currentUser\n    send: conversationModel.sendMessage,\n    formatMessage: beautify\n})\n'})}),"\n",(0,t.jsx)(n.h2,{id:"summary",children:"Summary"}),"\n",(0,t.jsxs)(n.ol,{children:["\n",(0,t.jsxs)(n.li,{children:["Modules must have ",(0,t.jsx)(n.strong,{children:"high cohesion"})," (have one responsibility, solve one specific task) and provide a ",(0,t.jsx)(n.a,{href:"/docs/reference/public-api",children:(0,t.jsx)(n.strong,{children:"public interface"})})," access"]}),"\n",(0,t.jsxs)(n.li,{children:[(0,t.jsx)(n.strong,{children:"Low coupling"})," is achieved through the composition of elements - UI components, features and entities"]}),"\n",(0,t.jsxs)(n.li,{children:["To reduce entanglement, modules ",(0,t.jsx)(n.strong,{children:"should interact with each other only through a public interfaces"})," - this makes modules independent of each other's internal implementation"]}),"\n"]}),"\n",(0,t.jsx)(n.h2,{id:"see-also",children:"See also"}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsxs)(n.li,{children:[(0,t.jsx)(n.a,{href:"https://enterprisecraftsmanship.com/posts/cohesion-coupling-difference/",children:"(Article) Low Coupling and High Cohesion in details"}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsx)(n.li,{children:(0,t.jsx)(n.em,{children:"The diagram at the beginning is inspired by this article"})}),"\n"]}),"\n"]}),"\n",(0,t.jsx)(n.li,{children:(0,t.jsx)(n.a,{href:"https://medium.com/german-gorelkin/low-coupling-high-cohesion-d36369fb1be9",children:"(Article) Low Coupling and High Cohesion. The Law of Demeter"})}),"\n",(0,t.jsx)(n.li,{children:(0,t.jsx)(n.a,{href:"https://www.slideshare.net/cristalngo/software-design-principles-57388843",children:"(Presentation) On design principles (including Low Coupling & High Cohesion)"})}),"\n"]})]})}function h(e={}){const{wrapper:n}={...(0,s.R)(),...e.components};return n?(0,t.jsx)(n,{...e,children:(0,t.jsx)(d,{...e})}):d(e)}},1100:(e,n,i)=>{i.d(n,{R:()=>l,x:()=>r});var t=i(758);const s={},o=t.createContext(s);function l(e){const n=t.useContext(o);return t.useMemo((function(){return"function"==typeof e?e(n):{...n,...e}}),[n,e])}function r(e){let n;return n=e.disableParentContext?"function"==typeof e.components?e.components(s):e.components||s:l(e.components),t.createElement(o.Provider,{value:n},e.children)}}}]);
\ No newline at end of file
+"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[6369],{4487:(e,n,i)=>{i.r(n),i.d(n,{assets:()=>a,contentTitle:()=>l,default:()=>h,frontMatter:()=>o,metadata:()=>r,toc:()=>c});var t=i(6070),s=i(1100);const o={sidebar_position:1},l="Low Coupling & High Cohesion",r={id:"reference/isolation/coupling-cohesion",title:"Low Coupling & High Cohesion",description:"Application modules should be designed according to high cohesion (should solve one specific task) and low coupling (independent of other modules) principles.",source:"@site/i18n/en/docusaurus-plugin-content-docs/current/reference/isolation/coupling-cohesion.md",sourceDirName:"reference/isolation",slug:"/reference/isolation/coupling-cohesion",permalink:"/uz/docs/reference/isolation/coupling-cohesion",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/reference/isolation/coupling-cohesion.md",tags:[],version:"current",lastUpdatedAt:1728325386e3,sidebarPosition:1,frontMatter:{sidebar_position:1},sidebar:"referenceSidebar",previous:{title:"Isolation of modules",permalink:"/uz/docs/reference/isolation/"},next:{title:"Decouple entities",permalink:"/uz/docs/reference/isolation/decouple-entities"}},a={},c=[{value:"Components composition (UI level)",id:"components-composition-ui-level",level:2},{value:"Example",id:"example",level:3},{value:"Laying the extensibility",id:"laying-the-extensibility",level:4},{value:"Using the composition",id:"using-the-composition",level:4},{value:"Layer composition (APP level)",id:"layer-composition-app-level",level:2},{value:"Example",id:"example-1",level:3},{value:"Let&#39;s tie it all together",id:"lets-tie-it-all-together",level:4},{value:"Data model",id:"data-model",level:4},{value:"Summary",id:"summary",level:2},{value:"See also",id:"see-also",level:2}];function d(e){const n={a:"a",blockquote:"blockquote",code:"code",em:"em",h1:"h1",h2:"h2",h3:"h3",h4:"h4",header:"header",li:"li",ol:"ol",p:"p",pre:"pre",strong:"strong",ul:"ul",...(0,s.R)(),...e.components};return(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(n.header,{children:(0,t.jsx)(n.h1,{id:"low-coupling--high-cohesion",children:"Low Coupling & High Cohesion"})}),"\n",(0,t.jsxs)(n.p,{children:["Application modules should be designed according to ",(0,t.jsx)(n.strong,{children:"high cohesion"})," (should solve one specific task) and ",(0,t.jsx)(n.strong,{children:"low coupling"})," (independent of other modules) principles."]}),"\n",(0,t.jsxs)("figure",{children:[(0,t.jsx)("img",{src:"/img/coupling-cohesion-light.svg#light-mode-only",alt:""}),(0,t.jsx)("img",{src:"/img/coupling-cohesion-dark.svg#dark-mode-only",alt:""}),(0,t.jsx)("figcaption",{children:(0,t.jsxs)(n.p,{children:["Image inspired by ",(0,t.jsx)(n.a,{href:"https://enterprisecraftsmanship.com/posts/cohesion-coupling-difference/",children:"https://enterprisecraftsmanship.com/posts/cohesion-coupling-difference/"})]})})]}),"\n",(0,t.jsx)(n.p,{children:"Within the methodology, this is achieved through:"}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsx)(n.li,{children:"Splitting the application into layers and slices that implement specific functionality"}),"\n",(0,t.jsxs)(n.li,{children:["Providing a ",(0,t.jsx)(n.a,{href:"/docs/reference/public-api",children:"public access interface"})," for each module"]}),"\n",(0,t.jsxs)(n.li,{children:["Setting up restrictions for ",(0,t.jsx)(n.a,{href:"/docs/reference/isolation",children:"modules interactions"})," - each module can depend only on the modules below it, but not on modules from the same or higher layer"]}),"\n"]}),"\n",(0,t.jsx)(n.h2,{id:"components-composition-ui-level",children:"Components composition (UI level)"}),"\n",(0,t.jsx)(n.p,{children:"The majority of modern UI frameworks and libraries provide a component model in which each component can have its own properties, state, child components, and even slots."}),"\n",(0,t.jsxs)(n.p,{children:["This model allows you to design an interface as a ",(0,t.jsx)(n.strong,{children:"composition of various components that are not directly related to each other"})," and, thereby, achieve ",(0,t.jsx)(n.strong,{children:"low coupling"})," of the interface components."]}),"\n",(0,t.jsx)(n.h3,{id:"example",children:"Example"}),"\n",(0,t.jsxs)(n.p,{children:["Let's consider such a composition using the example of a ",(0,t.jsx)(n.strong,{children:"list with a header:"})]}),"\n",(0,t.jsx)(n.h4,{id:"laying-the-extensibility",children:"Laying the extensibility"}),"\n",(0,t.jsx)(n.p,{children:"List component will not itself define the look and structure of the header components and list elements, instead it will accept them as parameters"}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-tsx",children:'interface ListProps {\n    Header: React.ReactNode;\n    Items: React.ReactNode;\n}\n\nconst List: Component<ListProps> = ({ Header, Items }) => (\n    <div class="wrapper">\n        {Header}\n        <ul class="...">\n            {Items}\n        </ul>\n    </div>\n)\n\n'})}),"\n",(0,t.jsx)(n.h4,{id:"using-the-composition",children:"Using the composition"}),"\n",(0,t.jsxs)(n.p,{children:["This allows you to ",(0,t.jsx)(n.strong,{children:"reuse and independently change"})," components with different Header and list Items. Header and Items components can have both their own local state and their binding to the general state of the application - the List component will not know anything about it, and therefore will not depend on it"]}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-tsx",children:'<List Header={<FancyHeader />} Items={<ToDoItems />} />\n\n<List Items={<CartItems />} />\n\n<List Header={<FancyHeaderV2 color="red" />} Items={<FancyItems />} />\n\n'})}),"\n",(0,t.jsx)(n.h2,{id:"layer-composition-app-level",children:"Layer composition (APP level)"}),"\n",(0,t.jsxs)(n.p,{children:["The methodology suggests putting the functionality that is valuable for the user into ",(0,t.jsx)(n.strong,{children:"features slice"}),", and the logic related to business entities - into ",(0,t.jsx)(n.strong,{children:"entities"}),". Both features and entities ",(0,t.jsx)(n.strong,{children:"should be designed as modules with high cohesion"}),", i.e. aimed at solving ",(0,t.jsx)(n.strong,{children:"one specific task"})," or related to ",(0,t.jsx)(n.strong,{children:"one specific entity."})]}),"\n",(0,t.jsxs)(n.p,{children:["All interactions between such modules, similar to the UI components from the example above, should be coordinated via a ",(0,t.jsx)(n.strong,{children:"modules composition"}),"."]}),"\n",(0,t.jsx)(n.h3,{id:"example-1",children:"Example"}),"\n",(0,t.jsx)(n.p,{children:"Let's use an example of a chat application with the following features:"}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsx)(n.li,{children:"user can open a contact list and select a friend"}),"\n",(0,t.jsx)(n.li,{children:"user can open a conversation with a selected friend"}),"\n"]}),"\n",(0,t.jsx)(n.p,{children:"According to methodology principles, it can be represented as:"}),"\n",(0,t.jsx)(n.p,{children:"Entities"}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsx)(n.li,{children:"User (contains user's state)"}),"\n",(0,t.jsx)(n.li,{children:"Contact (state of the contact list, utilities for working with an individual contact)"}),"\n",(0,t.jsx)(n.li,{children:"Chat (the state of the current chat and utilies for it)"}),"\n"]}),"\n",(0,t.jsx)(n.p,{children:"Features"}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsx)(n.li,{children:"Form for sending a message"}),"\n",(0,t.jsx)(n.li,{children:"Chat selection menu"}),"\n"]}),"\n",(0,t.jsx)(n.h4,{id:"lets-tie-it-all-together",children:"Let's tie it all together"}),"\n",(0,t.jsx)(n.p,{children:"The application, to begin with, will have one page, and the interface will be slightly modified from the first example"}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-tsx",metastring:'title="page/main/ui.tsx"',children:"<List\n    Header={<ConversationSwitch />}\n    Items={<Messages />}\n    Footer={<MessageInput />}\n/>\n"})}),"\n",(0,t.jsx)(n.h4,{id:"data-model",children:"Data model"}),"\n",(0,t.jsxs)(n.p,{children:["The page data model will be organized as a ",(0,t.jsx)(n.strong,{children:"composition of features and entities"}),". In this example, the features will be implemented as factories and they will access the interface of entities through the parameters of these factories."]}),"\n",(0,t.jsxs)(n.blockquote,{children:["\n",(0,t.jsx)(n.p,{children:"However, the implementation using factory is optional - the feature may directly depend on the lower layers."}),"\n"]}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-ts",metastring:'title="pages/main/model.ts"',children:'import { userModel } from "entitites/user"\nimport { conversationModel } from "entities/conversation"\nimport { contactModel } from "entities/contact"\n\nimport { createMessageInput } from "features/message-input"\nimport { createConversationSwitch } from "features/conversation-switch"\n\nimport { beautifiy } from "shared/lib/beautify-text"\n\nexport const { allConversations, setConversation } = createConversationSwitch({\n    contacts: contactModel.allContacts,\n    setConversation: conversationModel.setConversation,\n    currentConversation: conversationModel.conversation,\n    currentUser: userModel.currentUser\n})\n\nexport const { sendMessage, attachFile } = createMessageInput({\n    author: userModel.currentUser\n    send: conversationModel.sendMessage,\n    formatMessage: beautify\n})\n'})}),"\n",(0,t.jsx)(n.h2,{id:"summary",children:"Summary"}),"\n",(0,t.jsxs)(n.ol,{children:["\n",(0,t.jsxs)(n.li,{children:["Modules must have ",(0,t.jsx)(n.strong,{children:"high cohesion"})," (have one responsibility, solve one specific task) and provide a ",(0,t.jsx)(n.a,{href:"/docs/reference/public-api",children:(0,t.jsx)(n.strong,{children:"public interface"})})," access"]}),"\n",(0,t.jsxs)(n.li,{children:[(0,t.jsx)(n.strong,{children:"Low coupling"})," is achieved through the composition of elements - UI components, features and entities"]}),"\n",(0,t.jsxs)(n.li,{children:["To reduce entanglement, modules ",(0,t.jsx)(n.strong,{children:"should interact with each other only through a public interfaces"})," - this makes modules independent of each other's internal implementation"]}),"\n"]}),"\n",(0,t.jsx)(n.h2,{id:"see-also",children:"See also"}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsxs)(n.li,{children:[(0,t.jsx)(n.a,{href:"https://enterprisecraftsmanship.com/posts/cohesion-coupling-difference/",children:"(Article) Low Coupling and High Cohesion in details"}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsx)(n.li,{children:(0,t.jsx)(n.em,{children:"The diagram at the beginning is inspired by this article"})}),"\n"]}),"\n"]}),"\n",(0,t.jsx)(n.li,{children:(0,t.jsx)(n.a,{href:"https://medium.com/german-gorelkin/low-coupling-high-cohesion-d36369fb1be9",children:"(Article) Low Coupling and High Cohesion. The Law of Demeter"})}),"\n",(0,t.jsx)(n.li,{children:(0,t.jsx)(n.a,{href:"https://www.slideshare.net/cristalngo/software-design-principles-57388843",children:"(Presentation) On design principles (including Low Coupling & High Cohesion)"})}),"\n"]})]})}function h(e={}){const{wrapper:n}={...(0,s.R)(),...e.components};return n?(0,t.jsx)(n,{...e,children:(0,t.jsx)(d,{...e})}):d(e)}},1100:(e,n,i)=>{i.d(n,{R:()=>l,x:()=>r});var t=i(758);const s={},o=t.createContext(s);function l(e){const n=t.useContext(o);return t.useMemo((function(){return"function"==typeof e?e(n):{...n,...e}}),[n,e])}function r(e){let n;return n=e.disableParentContext?"function"==typeof e.components?e.components(s):e.components||s:l(e.components),t.createElement(o.Provider,{value:n},e.children)}}}]);
\ No newline at end of file
diff --git a/uz/assets/js/49161156.df00022c.js b/uz/assets/js/49161156.2e7c70be.js
similarity index 98%
rename from uz/assets/js/49161156.df00022c.js
rename to uz/assets/js/49161156.2e7c70be.js
index 21528c3b14..36286cbd31 100644
--- a/uz/assets/js/49161156.df00022c.js
+++ b/uz/assets/js/49161156.2e7c70be.js
@@ -1 +1 @@
-"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[7028],{3787:(e,n,s)=>{s.r(n),s.d(n,{assets:()=>c,contentTitle:()=>r,default:()=>h,frontMatter:()=>o,metadata:()=>a,toc:()=>d});var i=s(6070),t=s(1100);const o={sidebar_position:4},r="Naming",a={id:"about/understanding/naming",title:"Naming",description:"Different developers have different experiences and contexts, which can lead to misunderstandings on the team when the same entities are called differently. For example:",source:"@site/i18n/en/docusaurus-plugin-content-docs/current/about/understanding/naming.md",sourceDirName:"about/understanding",slug:"/about/understanding/naming",permalink:"/uz/docs/about/understanding/naming",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/about/understanding/naming.md",tags:[],version:"current",lastUpdatedAt:1727607766e3,sidebarPosition:4,frontMatter:{sidebar_position:4},sidebar:"aboutSidebar",previous:{title:"Knowledge types",permalink:"/uz/docs/about/understanding/knowledge-types"},next:{title:"Signals of architecture",permalink:"/uz/docs/about/understanding/signals"}},c={},d=[{value:"Naming in Feature-Sliced Design",id:"naming-in-fsd",level:2},{value:"Naming Conflicts",id:"when-can-naming-interfere",level:2},{value:"See also",id:"see-also",level:2}];function l(e){const n={a:"a",code:"code",h1:"h1",h2:"h2",header:"header",li:"li",p:"p",strong:"strong",ul:"ul",...(0,t.R)(),...e.components};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(n.header,{children:(0,i.jsx)(n.h1,{id:"naming",children:"Naming"})}),"\n",(0,i.jsx)(n.p,{children:"Different developers have different experiences and contexts, which can lead to misunderstandings on the team when the same entities are called differently. For example:"}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsx)(n.li,{children:'Components for display can be called "ui", "components", "ui-kit", "views", \u2026'}),"\n",(0,i.jsx)(n.li,{children:'The code that is reused throughout the application can be called "core", "shared", "app", \u2026'}),"\n",(0,i.jsx)(n.li,{children:'Business logic code can be called "store", "model", "state", \u2026'}),"\n"]}),"\n",(0,i.jsx)(n.h2,{id:"naming-in-fsd",children:"Naming in Feature-Sliced Design"}),"\n",(0,i.jsx)(n.p,{children:"The methodology uses specific terms such as:"}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsx)(n.li,{children:'"app", "process", "page", "feature", "entity", "shared" as layer names,'}),"\n",(0,i.jsx)(n.li,{children:'"ui\', "model", "lib", "api", "config" as segment names.'}),"\n"]}),"\n",(0,i.jsx)(n.p,{children:"It is very important to stick to these terms to prevent confusion among team members and new developers joining the project. Using standard names also helps when asking for help from the community."}),"\n",(0,i.jsx)(n.h2,{id:"when-can-naming-interfere",children:"Naming Conflicts"}),"\n",(0,i.jsx)(n.p,{children:"Naming conflicts can occur when terms used in the FSD methodology overlap with terms used in the business:"}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsxs)(n.li,{children:[(0,i.jsx)(n.code,{children:"FSD#process"})," vs simulated process in an application,"]}),"\n",(0,i.jsxs)(n.li,{children:[(0,i.jsx)(n.code,{children:"FSD#page"})," vs log page,"]}),"\n",(0,i.jsxs)(n.li,{children:[(0,i.jsx)(n.code,{children:"FSD#model"})," vs car model."]}),"\n"]}),"\n",(0,i.jsxs)(n.p,{children:['For example, a developer who sees the word "process" in the code will spend extra time trying to figure out what process is meant. Such ',(0,i.jsx)(n.strong,{children:"collisions can disrupt the development process"}),"."]}),"\n",(0,i.jsx)(n.p,{children:"When the project glossary contains terminology specific to FSD, it is critical to be careful when discussing these terms with the team and technical disinterested parties."}),"\n",(0,i.jsx)(n.p,{children:'To communicate effectively with the team, it is recommended that the abbreviation "FSD" be used to prefix the methodology terms. For example, when talking about a process, you might say, "We can put this process on the FSD features layer."'}),"\n",(0,i.jsx)(n.p,{children:"Conversely, when communicating with non-technical stakeholders, it is better to limit the use of FSD terminology and refrain from mentioning the internal structure of the code base."}),"\n",(0,i.jsx)(n.h2,{id:"see-also",children:"See also"}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsx)(n.li,{children:(0,i.jsx)(n.a,{href:"https://github.com/feature-sliced/documentation/discussions/16",children:"(Discussion) Adaptability of naming"})}),"\n",(0,i.jsx)(n.li,{children:(0,i.jsx)(n.a,{href:"https://github.com/feature-sliced/documentation/discussions/31#discussioncomment-464894",children:"(Discussion) Entity Naming Survey"})}),"\n",(0,i.jsx)(n.li,{children:(0,i.jsx)(n.a,{href:"https://github.com/feature-sliced/documentation/discussions/20",children:'(Discussion) "processes" vs "flows" vs ...'})}),"\n",(0,i.jsx)(n.li,{children:(0,i.jsx)(n.a,{href:"https://github.com/feature-sliced/documentation/discussions/68",children:'(Discussion) "model" vs "store" vs ...'})}),"\n"]})]})}function h(e={}){const{wrapper:n}={...(0,t.R)(),...e.components};return n?(0,i.jsx)(n,{...e,children:(0,i.jsx)(l,{...e})}):l(e)}},1100:(e,n,s)=>{s.d(n,{R:()=>r,x:()=>a});var i=s(758);const t={},o=i.createContext(t);function r(e){const n=i.useContext(o);return i.useMemo((function(){return"function"==typeof e?e(n):{...n,...e}}),[n,e])}function a(e){let n;return n=e.disableParentContext?"function"==typeof e.components?e.components(t):e.components||t:r(e.components),i.createElement(o.Provider,{value:n},e.children)}}}]);
\ No newline at end of file
+"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[7028],{3787:(e,n,s)=>{s.r(n),s.d(n,{assets:()=>c,contentTitle:()=>r,default:()=>h,frontMatter:()=>o,metadata:()=>a,toc:()=>d});var i=s(6070),t=s(1100);const o={sidebar_position:4},r="Naming",a={id:"about/understanding/naming",title:"Naming",description:"Different developers have different experiences and contexts, which can lead to misunderstandings on the team when the same entities are called differently. For example:",source:"@site/i18n/en/docusaurus-plugin-content-docs/current/about/understanding/naming.md",sourceDirName:"about/understanding",slug:"/about/understanding/naming",permalink:"/uz/docs/about/understanding/naming",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/about/understanding/naming.md",tags:[],version:"current",lastUpdatedAt:1728325386e3,sidebarPosition:4,frontMatter:{sidebar_position:4},sidebar:"aboutSidebar",previous:{title:"Knowledge types",permalink:"/uz/docs/about/understanding/knowledge-types"},next:{title:"Signals of architecture",permalink:"/uz/docs/about/understanding/signals"}},c={},d=[{value:"Naming in Feature-Sliced Design",id:"naming-in-fsd",level:2},{value:"Naming Conflicts",id:"when-can-naming-interfere",level:2},{value:"See also",id:"see-also",level:2}];function l(e){const n={a:"a",code:"code",h1:"h1",h2:"h2",header:"header",li:"li",p:"p",strong:"strong",ul:"ul",...(0,t.R)(),...e.components};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(n.header,{children:(0,i.jsx)(n.h1,{id:"naming",children:"Naming"})}),"\n",(0,i.jsx)(n.p,{children:"Different developers have different experiences and contexts, which can lead to misunderstandings on the team when the same entities are called differently. For example:"}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsx)(n.li,{children:'Components for display can be called "ui", "components", "ui-kit", "views", \u2026'}),"\n",(0,i.jsx)(n.li,{children:'The code that is reused throughout the application can be called "core", "shared", "app", \u2026'}),"\n",(0,i.jsx)(n.li,{children:'Business logic code can be called "store", "model", "state", \u2026'}),"\n"]}),"\n",(0,i.jsx)(n.h2,{id:"naming-in-fsd",children:"Naming in Feature-Sliced Design"}),"\n",(0,i.jsx)(n.p,{children:"The methodology uses specific terms such as:"}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsx)(n.li,{children:'"app", "process", "page", "feature", "entity", "shared" as layer names,'}),"\n",(0,i.jsx)(n.li,{children:'"ui\', "model", "lib", "api", "config" as segment names.'}),"\n"]}),"\n",(0,i.jsx)(n.p,{children:"It is very important to stick to these terms to prevent confusion among team members and new developers joining the project. Using standard names also helps when asking for help from the community."}),"\n",(0,i.jsx)(n.h2,{id:"when-can-naming-interfere",children:"Naming Conflicts"}),"\n",(0,i.jsx)(n.p,{children:"Naming conflicts can occur when terms used in the FSD methodology overlap with terms used in the business:"}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsxs)(n.li,{children:[(0,i.jsx)(n.code,{children:"FSD#process"})," vs simulated process in an application,"]}),"\n",(0,i.jsxs)(n.li,{children:[(0,i.jsx)(n.code,{children:"FSD#page"})," vs log page,"]}),"\n",(0,i.jsxs)(n.li,{children:[(0,i.jsx)(n.code,{children:"FSD#model"})," vs car model."]}),"\n"]}),"\n",(0,i.jsxs)(n.p,{children:['For example, a developer who sees the word "process" in the code will spend extra time trying to figure out what process is meant. Such ',(0,i.jsx)(n.strong,{children:"collisions can disrupt the development process"}),"."]}),"\n",(0,i.jsx)(n.p,{children:"When the project glossary contains terminology specific to FSD, it is critical to be careful when discussing these terms with the team and technical disinterested parties."}),"\n",(0,i.jsx)(n.p,{children:'To communicate effectively with the team, it is recommended that the abbreviation "FSD" be used to prefix the methodology terms. For example, when talking about a process, you might say, "We can put this process on the FSD features layer."'}),"\n",(0,i.jsx)(n.p,{children:"Conversely, when communicating with non-technical stakeholders, it is better to limit the use of FSD terminology and refrain from mentioning the internal structure of the code base."}),"\n",(0,i.jsx)(n.h2,{id:"see-also",children:"See also"}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsx)(n.li,{children:(0,i.jsx)(n.a,{href:"https://github.com/feature-sliced/documentation/discussions/16",children:"(Discussion) Adaptability of naming"})}),"\n",(0,i.jsx)(n.li,{children:(0,i.jsx)(n.a,{href:"https://github.com/feature-sliced/documentation/discussions/31#discussioncomment-464894",children:"(Discussion) Entity Naming Survey"})}),"\n",(0,i.jsx)(n.li,{children:(0,i.jsx)(n.a,{href:"https://github.com/feature-sliced/documentation/discussions/20",children:'(Discussion) "processes" vs "flows" vs ...'})}),"\n",(0,i.jsx)(n.li,{children:(0,i.jsx)(n.a,{href:"https://github.com/feature-sliced/documentation/discussions/68",children:'(Discussion) "model" vs "store" vs ...'})}),"\n"]})]})}function h(e={}){const{wrapper:n}={...(0,t.R)(),...e.components};return n?(0,i.jsx)(n,{...e,children:(0,i.jsx)(l,{...e})}):l(e)}},1100:(e,n,s)=>{s.d(n,{R:()=>r,x:()=>a});var i=s(758);const t={},o=i.createContext(t);function r(e){const n=i.useContext(o);return i.useMemo((function(){return"function"==typeof e?e(n):{...n,...e}}),[n,e])}function a(e){let n;return n=e.disableParentContext?"function"==typeof e.components?e.components(t):e.components||t:r(e.components),i.createElement(o.Provider,{value:n},e.children)}}}]);
\ No newline at end of file
diff --git a/uz/assets/js/5187bed2.49b5c072.js b/uz/assets/js/5187bed2.eabbc829.js
similarity index 99%
rename from uz/assets/js/5187bed2.49b5c072.js
rename to uz/assets/js/5187bed2.eabbc829.js
index 6eeff3f6c0..c7e2575eed 100644
--- a/uz/assets/js/5187bed2.49b5c072.js
+++ b/uz/assets/js/5187bed2.eabbc829.js
@@ -1 +1 @@
-"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[4043],{4716:(e,n,t)=>{t.r(n),t.d(n,{assets:()=>c,contentTitle:()=>l,default:()=>h,frontMatter:()=>r,metadata:()=>o,toc:()=>d});var i=t(6070),s=t(1100);const r={sidebar_position:1},l="About architecture",o={id:"about/understanding/architecture",title:"About architecture",description:"Problems",source:"@site/i18n/en/docusaurus-plugin-content-docs/current/about/understanding/architecture.md",sourceDirName:"about/understanding",slug:"/about/understanding/architecture",permalink:"/uz/docs/about/understanding/architecture",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/about/understanding/architecture.md",tags:[],version:"current",lastUpdatedAt:1727607766e3,sidebarPosition:1,frontMatter:{sidebar_position:1},sidebar:"aboutSidebar",previous:{title:"Alternatives",permalink:"/uz/docs/about/alternatives"},next:{title:"Needs driven",permalink:"/uz/docs/about/understanding/needs-driven"}},c={},d=[{value:"Problems",id:"problems",level:2},{value:"Bus-factor &amp; Onboarding",id:"bus-factor--onboarding",level:3},{value:"Implicit and uncontrolled consequences",id:"implicit-and-uncontrolled-consequences",level:3},{value:"Uncontrolled reuse of logic",id:"uncontrolled-reuse-of-logic",level:3},{value:"Requirements",id:"requirements",level:2},{value:"Explicitness",id:"explicitness",level:3},{value:"Control",id:"control",level:3},{value:"Adaptability",id:"adaptability",level:3},{value:"See also",id:"see-also",level:2}];function a(e){const n={a:"a",admonition:"admonition",code:"code",em:"em",h1:"h1",h2:"h2",h3:"h3",header:"header",li:"li",p:"p",strong:"strong",ul:"ul",...(0,s.R)(),...e.components};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(n.header,{children:(0,i.jsx)(n.h1,{id:"about-architecture",children:"About architecture"})}),"\n",(0,i.jsx)(n.h2,{id:"problems",children:"Problems"}),"\n",(0,i.jsx)(n.p,{children:"Usually, the conversation about architecture is raised when the development stops due to certain problems in the project."}),"\n",(0,i.jsx)(n.h3,{id:"bus-factor--onboarding",children:"Bus-factor & Onboarding"}),"\n",(0,i.jsx)(n.p,{children:"Only a limited number of people understand the project and its architecture"}),"\n",(0,i.jsx)(n.p,{children:(0,i.jsx)(n.strong,{children:"Examples:"})}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsx)(n.li,{children:(0,i.jsx)(n.em,{children:'"It\'s difficult to add a person to the development"'})}),"\n",(0,i.jsx)(n.li,{children:(0,i.jsx)(n.em,{children:'"For every problem, everyone has their own opinion on how to get around" (let\'s envy the angular)'})}),"\n",(0,i.jsx)(n.li,{children:(0,i.jsx)(n.em,{children:'"I don\'t understand what is happening in this big piece of monolith"'})}),"\n"]}),"\n",(0,i.jsx)(n.h3,{id:"implicit-and-uncontrolled-consequences",children:"Implicit and uncontrolled consequences"}),"\n",(0,i.jsxs)(n.p,{children:["A lot of implicit side effects during development/refactoring ",(0,i.jsx)(n.em,{children:'("everything depends on everything")'})]}),"\n",(0,i.jsx)(n.p,{children:(0,i.jsx)(n.strong,{children:"Examples:"})}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsx)(n.li,{children:(0,i.jsx)(n.em,{children:'"The feature imports the feature"'})}),"\n",(0,i.jsx)(n.li,{children:(0,i.jsx)(n.em,{children:'"I updated the store of one page, and the functionality fell off on the other"'})}),"\n",(0,i.jsx)(n.li,{children:(0,i.jsx)(n.em,{children:'"The logic is smeared all over the application, and it is impossible to track where the beginning is, where the end is"'})}),"\n"]}),"\n",(0,i.jsx)(n.h3,{id:"uncontrolled-reuse-of-logic",children:"Uncontrolled reuse of logic"}),"\n",(0,i.jsx)(n.p,{children:"It is difficult to reuse/modify existing logic"}),"\n",(0,i.jsxs)(n.p,{children:["At the same time, there are usually ",(0,i.jsx)(n.a,{href:"https://github.com/feature-sliced/documentation/discussions/14",children:"two extremes"}),":"]}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsxs)(n.li,{children:["Either the logic is written completely from scratch for each module ",(0,i.jsx)(n.em,{children:"(with possible repetitions in the existing codebase)"})]}),"\n",(0,i.jsxs)(n.li,{children:["Either there is a tendency to transfer all-all implemented modules to ",(0,i.jsx)(n.code,{children:"shared"})," folders, thereby creating a large dump of modules ",(0,i.jsx)(n.em,{children:"from it (where most are used only in one place)"})]}),"\n"]}),"\n",(0,i.jsx)(n.p,{children:(0,i.jsx)(n.strong,{children:"Examples:"})}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsx)(n.li,{children:(0,i.jsxs)(n.em,{children:['"I have ',(0,i.jsx)(n.strong,{children:"N"}),' implementations of the same business logic in my project, for which I still pay"']})}),"\n",(0,i.jsx)(n.li,{children:(0,i.jsx)(n.em,{children:'"There are 6 different components of the button/pop-up/... In the project"'})}),"\n",(0,i.jsx)(n.li,{children:(0,i.jsx)(n.em,{children:'"Dump of helpers"'})}),"\n"]}),"\n",(0,i.jsx)(n.h2,{id:"requirements",children:"Requirements"}),"\n",(0,i.jsxs)(n.p,{children:["Therefore, it seems logical to present the desired ",(0,i.jsx)(n.em,{children:"requirements for an ideal architecture:"})]}),"\n",(0,i.jsx)(n.admonition,{type:"note",children:(0,i.jsxs)(n.p,{children:['Wherever it says "easy", it means "relatively easy for a wide range of developers", because it is clear that ',(0,i.jsx)(n.a,{href:"/docs/about/mission#limitations",children:"it will not be possible to make an ideal solution for absolutely everyone"})]})}),"\n",(0,i.jsx)(n.h3,{id:"explicitness",children:"Explicitness"}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsxs)(n.li,{children:["It should be ",(0,i.jsx)(n.strong,{children:"easy to master and explain"})," the project and its architecture to the team"]}),"\n",(0,i.jsxs)(n.li,{children:["The structure should reflect the real ",(0,i.jsx)(n.strong,{children:"business values of the project"})]}),"\n",(0,i.jsxs)(n.li,{children:["There must be explicit ",(0,i.jsx)(n.strong,{children:"side effects and connections"})," between abstractions"]}),"\n",(0,i.jsxs)(n.li,{children:["It should be ",(0,i.jsx)(n.strong,{children:"easy to detect duplicate logic"})," without interfering with unique implementations"]}),"\n",(0,i.jsxs)(n.li,{children:["There should be no ",(0,i.jsx)(n.strong,{children:"dispersion of logic"})," throughout the project"]}),"\n",(0,i.jsxs)(n.li,{children:["There should not be ",(0,i.jsx)(n.strong,{children:"too many heterogeneous abstractions and rules"})," for a good architecture"]}),"\n"]}),"\n",(0,i.jsx)(n.h3,{id:"control",children:"Control"}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsxs)(n.li,{children:["A good architecture should ",(0,i.jsx)(n.strong,{children:"speed up the solution of tasks, the introduction of features"})]}),"\n",(0,i.jsx)(n.li,{children:"It should be possible to control the development of the project"}),"\n",(0,i.jsxs)(n.li,{children:["It should be easy to ",(0,i.jsx)(n.strong,{children:"expand, modify, delete the code"})]}),"\n",(0,i.jsx)(n.li,{children:"The * decomposition and isolation of** functionality must be observed"}),"\n",(0,i.jsxs)(n.li,{children:["Each component of the system must be ",(0,i.jsx)(n.strong,{children:"easily replaceable and removable"}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsx)(n.li,{children:(0,i.jsxs)(n.em,{children:[(0,i.jsx)(n.a,{href:"https://youtu.be/BWAeYuWFHhs?t=1631",children:"No need to optimize for changes"})," - we can't predict the future"]})}),"\n",(0,i.jsx)(n.li,{children:(0,i.jsxs)(n.em,{children:[(0,i.jsx)(n.a,{href:"https://youtu.be/BWAeYuWFHhs?t=1666",children:"Better-optimize for deletion"})," - based on the context that already exists"]})}),"\n"]}),"\n"]}),"\n"]}),"\n",(0,i.jsx)(n.h3,{id:"adaptability",children:"Adaptability"}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsxs)(n.li,{children:["A good architecture should be applicable ",(0,i.jsx)(n.strong,{children:"to most projects"}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsx)(n.li,{children:(0,i.jsx)(n.em,{children:"With existing infrastructure solutions"})}),"\n",(0,i.jsx)(n.li,{children:(0,i.jsx)(n.em,{children:"At any stage of development"})}),"\n"]}),"\n"]}),"\n",(0,i.jsx)(n.li,{children:"There should be no dependence on the framework and platform"}),"\n",(0,i.jsxs)(n.li,{children:["It should be possible to ",(0,i.jsx)(n.strong,{children:"easily scale the project and the team"}),", with the possibility of parallelization of development"]}),"\n",(0,i.jsxs)(n.li,{children:["It should be easy ",(0,i.jsx)(n.strong,{children:"to adapt to changing requirements and circumstances"})]}),"\n"]}),"\n",(0,i.jsx)(n.h2,{id:"see-also",children:"See also"}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsx)(n.li,{children:(0,i.jsx)(n.a,{href:"https://youtu.be/BWAeYuWFHhs",children:"(React Berlin Talk) Oleg Isonen - Feature Driven Architecture"})}),"\n",(0,i.jsx)(n.li,{children:(0,i.jsx)(n.a,{href:"https://t.me/feature_slices",children:"(React SPB Meetup #1) Sergey Sova - Feature Slices"})}),"\n",(0,i.jsx)(n.li,{children:(0,i.jsx)(n.a,{href:"https://alexmngn.medium.com/why-react-developers-should-modularize-their-applications-d26d381854c1",children:"(Article) About project modularization"})}),"\n",(0,i.jsx)(n.li,{children:(0,i.jsx)(n.a,{href:"https://ryanlanciaux.com/blog/2017/08/20/a-feature-based-approach-to-react-development/",children:"(Article) About Separation of Concerns and structuring by features"})}),"\n"]})]})}function h(e={}){const{wrapper:n}={...(0,s.R)(),...e.components};return n?(0,i.jsx)(n,{...e,children:(0,i.jsx)(a,{...e})}):a(e)}},1100:(e,n,t)=>{t.d(n,{R:()=>l,x:()=>o});var i=t(758);const s={},r=i.createContext(s);function l(e){const n=i.useContext(r);return i.useMemo((function(){return"function"==typeof e?e(n):{...n,...e}}),[n,e])}function o(e){let n;return n=e.disableParentContext?"function"==typeof e.components?e.components(s):e.components||s:l(e.components),i.createElement(r.Provider,{value:n},e.children)}}}]);
\ No newline at end of file
+"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[4043],{4716:(e,n,t)=>{t.r(n),t.d(n,{assets:()=>c,contentTitle:()=>l,default:()=>h,frontMatter:()=>r,metadata:()=>o,toc:()=>d});var i=t(6070),s=t(1100);const r={sidebar_position:1},l="About architecture",o={id:"about/understanding/architecture",title:"About architecture",description:"Problems",source:"@site/i18n/en/docusaurus-plugin-content-docs/current/about/understanding/architecture.md",sourceDirName:"about/understanding",slug:"/about/understanding/architecture",permalink:"/uz/docs/about/understanding/architecture",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/about/understanding/architecture.md",tags:[],version:"current",lastUpdatedAt:1728325386e3,sidebarPosition:1,frontMatter:{sidebar_position:1},sidebar:"aboutSidebar",previous:{title:"Alternatives",permalink:"/uz/docs/about/alternatives"},next:{title:"Needs driven",permalink:"/uz/docs/about/understanding/needs-driven"}},c={},d=[{value:"Problems",id:"problems",level:2},{value:"Bus-factor &amp; Onboarding",id:"bus-factor--onboarding",level:3},{value:"Implicit and uncontrolled consequences",id:"implicit-and-uncontrolled-consequences",level:3},{value:"Uncontrolled reuse of logic",id:"uncontrolled-reuse-of-logic",level:3},{value:"Requirements",id:"requirements",level:2},{value:"Explicitness",id:"explicitness",level:3},{value:"Control",id:"control",level:3},{value:"Adaptability",id:"adaptability",level:3},{value:"See also",id:"see-also",level:2}];function a(e){const n={a:"a",admonition:"admonition",code:"code",em:"em",h1:"h1",h2:"h2",h3:"h3",header:"header",li:"li",p:"p",strong:"strong",ul:"ul",...(0,s.R)(),...e.components};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(n.header,{children:(0,i.jsx)(n.h1,{id:"about-architecture",children:"About architecture"})}),"\n",(0,i.jsx)(n.h2,{id:"problems",children:"Problems"}),"\n",(0,i.jsx)(n.p,{children:"Usually, the conversation about architecture is raised when the development stops due to certain problems in the project."}),"\n",(0,i.jsx)(n.h3,{id:"bus-factor--onboarding",children:"Bus-factor & Onboarding"}),"\n",(0,i.jsx)(n.p,{children:"Only a limited number of people understand the project and its architecture"}),"\n",(0,i.jsx)(n.p,{children:(0,i.jsx)(n.strong,{children:"Examples:"})}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsx)(n.li,{children:(0,i.jsx)(n.em,{children:'"It\'s difficult to add a person to the development"'})}),"\n",(0,i.jsx)(n.li,{children:(0,i.jsx)(n.em,{children:'"For every problem, everyone has their own opinion on how to get around" (let\'s envy the angular)'})}),"\n",(0,i.jsx)(n.li,{children:(0,i.jsx)(n.em,{children:'"I don\'t understand what is happening in this big piece of monolith"'})}),"\n"]}),"\n",(0,i.jsx)(n.h3,{id:"implicit-and-uncontrolled-consequences",children:"Implicit and uncontrolled consequences"}),"\n",(0,i.jsxs)(n.p,{children:["A lot of implicit side effects during development/refactoring ",(0,i.jsx)(n.em,{children:'("everything depends on everything")'})]}),"\n",(0,i.jsx)(n.p,{children:(0,i.jsx)(n.strong,{children:"Examples:"})}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsx)(n.li,{children:(0,i.jsx)(n.em,{children:'"The feature imports the feature"'})}),"\n",(0,i.jsx)(n.li,{children:(0,i.jsx)(n.em,{children:'"I updated the store of one page, and the functionality fell off on the other"'})}),"\n",(0,i.jsx)(n.li,{children:(0,i.jsx)(n.em,{children:'"The logic is smeared all over the application, and it is impossible to track where the beginning is, where the end is"'})}),"\n"]}),"\n",(0,i.jsx)(n.h3,{id:"uncontrolled-reuse-of-logic",children:"Uncontrolled reuse of logic"}),"\n",(0,i.jsx)(n.p,{children:"It is difficult to reuse/modify existing logic"}),"\n",(0,i.jsxs)(n.p,{children:["At the same time, there are usually ",(0,i.jsx)(n.a,{href:"https://github.com/feature-sliced/documentation/discussions/14",children:"two extremes"}),":"]}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsxs)(n.li,{children:["Either the logic is written completely from scratch for each module ",(0,i.jsx)(n.em,{children:"(with possible repetitions in the existing codebase)"})]}),"\n",(0,i.jsxs)(n.li,{children:["Either there is a tendency to transfer all-all implemented modules to ",(0,i.jsx)(n.code,{children:"shared"})," folders, thereby creating a large dump of modules ",(0,i.jsx)(n.em,{children:"from it (where most are used only in one place)"})]}),"\n"]}),"\n",(0,i.jsx)(n.p,{children:(0,i.jsx)(n.strong,{children:"Examples:"})}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsx)(n.li,{children:(0,i.jsxs)(n.em,{children:['"I have ',(0,i.jsx)(n.strong,{children:"N"}),' implementations of the same business logic in my project, for which I still pay"']})}),"\n",(0,i.jsx)(n.li,{children:(0,i.jsx)(n.em,{children:'"There are 6 different components of the button/pop-up/... In the project"'})}),"\n",(0,i.jsx)(n.li,{children:(0,i.jsx)(n.em,{children:'"Dump of helpers"'})}),"\n"]}),"\n",(0,i.jsx)(n.h2,{id:"requirements",children:"Requirements"}),"\n",(0,i.jsxs)(n.p,{children:["Therefore, it seems logical to present the desired ",(0,i.jsx)(n.em,{children:"requirements for an ideal architecture:"})]}),"\n",(0,i.jsx)(n.admonition,{type:"note",children:(0,i.jsxs)(n.p,{children:['Wherever it says "easy", it means "relatively easy for a wide range of developers", because it is clear that ',(0,i.jsx)(n.a,{href:"/docs/about/mission#limitations",children:"it will not be possible to make an ideal solution for absolutely everyone"})]})}),"\n",(0,i.jsx)(n.h3,{id:"explicitness",children:"Explicitness"}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsxs)(n.li,{children:["It should be ",(0,i.jsx)(n.strong,{children:"easy to master and explain"})," the project and its architecture to the team"]}),"\n",(0,i.jsxs)(n.li,{children:["The structure should reflect the real ",(0,i.jsx)(n.strong,{children:"business values of the project"})]}),"\n",(0,i.jsxs)(n.li,{children:["There must be explicit ",(0,i.jsx)(n.strong,{children:"side effects and connections"})," between abstractions"]}),"\n",(0,i.jsxs)(n.li,{children:["It should be ",(0,i.jsx)(n.strong,{children:"easy to detect duplicate logic"})," without interfering with unique implementations"]}),"\n",(0,i.jsxs)(n.li,{children:["There should be no ",(0,i.jsx)(n.strong,{children:"dispersion of logic"})," throughout the project"]}),"\n",(0,i.jsxs)(n.li,{children:["There should not be ",(0,i.jsx)(n.strong,{children:"too many heterogeneous abstractions and rules"})," for a good architecture"]}),"\n"]}),"\n",(0,i.jsx)(n.h3,{id:"control",children:"Control"}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsxs)(n.li,{children:["A good architecture should ",(0,i.jsx)(n.strong,{children:"speed up the solution of tasks, the introduction of features"})]}),"\n",(0,i.jsx)(n.li,{children:"It should be possible to control the development of the project"}),"\n",(0,i.jsxs)(n.li,{children:["It should be easy to ",(0,i.jsx)(n.strong,{children:"expand, modify, delete the code"})]}),"\n",(0,i.jsx)(n.li,{children:"The * decomposition and isolation of** functionality must be observed"}),"\n",(0,i.jsxs)(n.li,{children:["Each component of the system must be ",(0,i.jsx)(n.strong,{children:"easily replaceable and removable"}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsx)(n.li,{children:(0,i.jsxs)(n.em,{children:[(0,i.jsx)(n.a,{href:"https://youtu.be/BWAeYuWFHhs?t=1631",children:"No need to optimize for changes"})," - we can't predict the future"]})}),"\n",(0,i.jsx)(n.li,{children:(0,i.jsxs)(n.em,{children:[(0,i.jsx)(n.a,{href:"https://youtu.be/BWAeYuWFHhs?t=1666",children:"Better-optimize for deletion"})," - based on the context that already exists"]})}),"\n"]}),"\n"]}),"\n"]}),"\n",(0,i.jsx)(n.h3,{id:"adaptability",children:"Adaptability"}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsxs)(n.li,{children:["A good architecture should be applicable ",(0,i.jsx)(n.strong,{children:"to most projects"}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsx)(n.li,{children:(0,i.jsx)(n.em,{children:"With existing infrastructure solutions"})}),"\n",(0,i.jsx)(n.li,{children:(0,i.jsx)(n.em,{children:"At any stage of development"})}),"\n"]}),"\n"]}),"\n",(0,i.jsx)(n.li,{children:"There should be no dependence on the framework and platform"}),"\n",(0,i.jsxs)(n.li,{children:["It should be possible to ",(0,i.jsx)(n.strong,{children:"easily scale the project and the team"}),", with the possibility of parallelization of development"]}),"\n",(0,i.jsxs)(n.li,{children:["It should be easy ",(0,i.jsx)(n.strong,{children:"to adapt to changing requirements and circumstances"})]}),"\n"]}),"\n",(0,i.jsx)(n.h2,{id:"see-also",children:"See also"}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsx)(n.li,{children:(0,i.jsx)(n.a,{href:"https://youtu.be/BWAeYuWFHhs",children:"(React Berlin Talk) Oleg Isonen - Feature Driven Architecture"})}),"\n",(0,i.jsx)(n.li,{children:(0,i.jsx)(n.a,{href:"https://t.me/feature_slices",children:"(React SPB Meetup #1) Sergey Sova - Feature Slices"})}),"\n",(0,i.jsx)(n.li,{children:(0,i.jsx)(n.a,{href:"https://alexmngn.medium.com/why-react-developers-should-modularize-their-applications-d26d381854c1",children:"(Article) About project modularization"})}),"\n",(0,i.jsx)(n.li,{children:(0,i.jsx)(n.a,{href:"https://ryanlanciaux.com/blog/2017/08/20/a-feature-based-approach-to-react-development/",children:"(Article) About Separation of Concerns and structuring by features"})}),"\n"]})]})}function h(e={}){const{wrapper:n}={...(0,s.R)(),...e.components};return n?(0,i.jsx)(n,{...e,children:(0,i.jsx)(a,{...e})}):a(e)}},1100:(e,n,t)=>{t.d(n,{R:()=>l,x:()=>o});var i=t(758);const s={},r=i.createContext(s);function l(e){const n=i.useContext(r);return i.useMemo((function(){return"function"==typeof e?e(n):{...n,...e}}),[n,e])}function o(e){let n;return n=e.disableParentContext?"function"==typeof e.components?e.components(s):e.components||s:l(e.components),i.createElement(r.Provider,{value:n},e.children)}}}]);
\ No newline at end of file
diff --git a/uz/assets/js/53f8e831.1735c9f8.js b/uz/assets/js/53f8e831.4b4983e2.js
similarity index 97%
rename from uz/assets/js/53f8e831.1735c9f8.js
rename to uz/assets/js/53f8e831.4b4983e2.js
index eb1bb50360..997b9c7b03 100644
--- a/uz/assets/js/53f8e831.1735c9f8.js
+++ b/uz/assets/js/53f8e831.4b4983e2.js
@@ -1,2 +1,2 @@
-/*! For license information please see 53f8e831.1735c9f8.js.LICENSE.txt */
-"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[2978],{7946:(e,t,s)=>{s.d(t,{Ay:()=>r,RM:()=>a});var n=s(6070),c=s(1100),i=s(5988);const a=[];function o(e){return(0,n.jsx)(i.A,{...e})}function r(e={}){const{wrapper:t}={...(0,c.R)(),...e.components};return t?(0,n.jsx)(t,{...e,children:(0,n.jsx)(o,{...e})}):o(e)}},6382:(e,t,s)=>{s.r(t),s.d(t,{assets:()=>y,contentTitle:()=>A,default:()=>C,frontMatter:()=>b,metadata:()=>M,toc:()=>T});var n=s(6070),c=s(1100),i=s(7946),a=s(991),o=s(758);const r={icon:{tag:"svg",attrs:{viewBox:"64 64 896 896",focusable:"false"},children:[{tag:"path",attrs:{d:"M876.6 239.5c-.5-.9-1.2-1.8-2-2.5-5-5-13.1-5-18.1 0L684.2 409.3l-67.9-67.9L788.7 169c.8-.8 1.4-1.6 2-2.5 3.6-6.1 1.6-13.9-4.5-17.5-98.2-58-226.8-44.7-311.3 39.7-67 67-89.2 162-66.5 247.4l-293 293c-3 3-2.8 7.9.3 11l169.7 169.7c3.1 3.1 8.1 3.3 11 .3l292.9-292.9c85.5 22.8 180.5.7 247.6-66.4 84.4-84.5 97.7-213.1 39.7-311.3zM786 499.8c-58.1 58.1-145.3 69.3-214.6 33.6l-8.8 8.8-.1-.1-274 274.1-79.2-79.2 230.1-230.1s0 .1.1.1l52.8-52.8c-35.7-69.3-24.5-156.5 33.6-214.6a184.2 184.2 0 01144-53.5L537 318.9a32.05 32.05 0 000 45.3l124.5 124.5a32.05 32.05 0 0045.3 0l132.8-132.8c3.7 51.8-14.4 104.8-53.6 143.9z"}}]},name:"tool",theme:"outlined"};var l=s(9820),d=function(e,t){return o.createElement(l.A,(0,a.A)({},e,{ref:t,icon:r}))};const u=o.forwardRef(d);const h={icon:{tag:"svg",attrs:{"fill-rule":"evenodd",viewBox:"64 64 896 896",focusable:"false"},children:[{tag:"path",attrs:{d:"M880 912H144c-17.7 0-32-14.3-32-32V144c0-17.7 14.3-32 32-32h360c4.4 0 8 3.6 8 8v56c0 4.4-3.6 8-8 8H184v656h656V520c0-4.4 3.6-8 8-8h56c4.4 0 8 3.6 8 8v360c0 17.7-14.3 32-32 32zM653.3 424.6l52.2 52.2a8.01 8.01 0 01-4.7 13.6l-179.4 21c-5.1.6-9.5-3.7-8.9-8.9l21-179.4c.8-6.6 8.9-9.4 13.6-4.7l52.4 52.4 256.2-256.2c3.1-3.1 8.2-3.1 11.3 0l42.4 42.4c3.1 3.1 3.1 8.2 0 11.3L653.3 424.6z"}}]},name:"import",theme:"outlined"};var m=function(e,t){return o.createElement(l.A,(0,a.A)({},e,{ref:t,icon:h}))};const p=o.forwardRef(m);const g={icon:{tag:"svg",attrs:{viewBox:"64 64 896 896",focusable:"false"},children:[{tag:"defs",attrs:{},children:[{tag:"style",attrs:{}}]},{tag:"path",attrs:{d:"M841 370c3-3.3 2.7-8.3-.6-11.3a8.24 8.24 0 00-5.3-2.1h-72.6c-2.4 0-4.6 1-6.1 2.8L633.5 504.6a7.96 7.96 0 01-13.4-1.9l-63.5-141.3a7.9 7.9 0 00-7.3-4.7H380.7l.9-4.7 8-42.3c10.5-55.4 38-81.4 85.8-81.4 18.6 0 35.5 1.7 48.8 4.7l14.1-66.8c-22.6-4.7-35.2-6.1-54.9-6.1-103.3 0-156.4 44.3-175.9 147.3l-9.4 49.4h-97.6c-3.8 0-7.1 2.7-7.8 6.4L181.9 415a8.07 8.07 0 007.8 9.7H284l-89 429.9a8.07 8.07 0 007.8 9.7H269c3.8 0 7.1-2.7 7.8-6.4l89.7-433.1h135.8l68.2 139.1c1.4 2.9 1 6.4-1.2 8.8l-180.6 203c-2.9 3.3-2.6 8.4.7 11.3 1.5 1.3 3.4 2 5.3 2h72.7c2.4 0 4.6-1 6.1-2.8l123.7-146.7c2.8-3.4 7.9-3.8 11.3-1 .9.8 1.6 1.7 2.1 2.8L676.4 784c1.3 2.8 4.1 4.7 7.3 4.7h64.6a8.02 8.02 0 007.2-11.5l-95.2-198.9c-1.4-2.9-.9-6.4 1.3-8.8L841 370z"}}]},name:"function",theme:"outlined"};var f=function(e,t){return o.createElement(l.A,(0,a.A)({},e,{ref:t,icon:g}))};const x=o.forwardRef(f);const v={icon:{tag:"svg",attrs:{viewBox:"64 64 896 896",focusable:"false"},children:[{tag:"path",attrs:{d:"M304 280h56c4.4 0 8-3.6 8-8 0-28.3 5.9-53.2 17.1-73.5 10.6-19.4 26-34.8 45.4-45.4C450.9 142 475.7 136 504 136h16c28.3 0 53.2 5.9 73.5 17.1 19.4 10.6 34.8 26 45.4 45.4C650 218.9 656 243.7 656 272c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8 0-40-8.8-76.7-25.9-108.1a184.31 184.31 0 00-74-74C596.7 72.8 560 64 520 64h-16c-40 0-76.7 8.8-108.1 25.9a184.31 184.31 0 00-74 74C304.8 195.3 296 232 296 272c0 4.4 3.6 8 8 8z"}},{tag:"path",attrs:{d:"M940 512H792V412c76.8 0 139-62.2 139-139 0-4.4-3.6-8-8-8h-60c-4.4 0-8 3.6-8 8a63 63 0 01-63 63H232a63 63 0 01-63-63c0-4.4-3.6-8-8-8h-60c-4.4 0-8 3.6-8 8 0 76.8 62.2 139 139 139v100H84c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h148v96c0 6.5.2 13 .7 19.3C164.1 728.6 116 796.7 116 876c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8 0-44.2 23.9-82.9 59.6-103.7a273 273 0 0022.7 49c24.3 41.5 59 76.2 100.5 100.5S460.5 960 512 960s99.8-13.9 141.3-38.2a281.38 281.38 0 00123.2-149.5A120 120 0 01836 876c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8 0-79.3-48.1-147.4-116.7-176.7.4-6.4.7-12.8.7-19.3v-96h148c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8zM716 680c0 36.8-9.7 72-27.8 102.9-17.7 30.3-43 55.6-73.3 73.3C584 874.3 548.8 884 512 884s-72-9.7-102.9-27.8c-30.3-17.7-55.6-43-73.3-73.3A202.75 202.75 0 01308 680V412h408v268z"}}]},name:"bug",theme:"outlined"};var j=function(e,t){return o.createElement(l.A,(0,a.A)({},e,{ref:t,icon:v}))};const _=o.forwardRef(j),b={hide_table_of_contents:!0,pagination_prev:"get-started/index"},A="\ud83c\udfaf Guides",M={id:"guides/index",title:"\ud83c\udfaf Guides",description:"PRACTICE-ORIENTED",source:"@site/i18n/en/docusaurus-plugin-content-docs/current/guides/index.mdx",sourceDirName:"guides",slug:"/guides/",permalink:"/uz/docs/guides/",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/guides/index.mdx",tags:[],version:"current",lastUpdatedAt:1727607766e3,frontMatter:{hide_table_of_contents:!0,pagination_prev:"get-started/index"},sidebar:"guidesSidebar",previous:{title:"\ud83d\ude80 Get Started",permalink:"/uz/docs/get-started/"},next:{title:"Examples",permalink:"/uz/docs/guides/examples/"}},y={},T=[{value:"Main",id:"main",level:2},...i.RM,...i.RM,...i.RM,...i.RM];function R(e){const t={h1:"h1",h2:"h2",header:"header",p:"p",...(0,c.R)(),...e.components};return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(t.header,{children:(0,n.jsx)(t.h1,{id:"-guides",children:"\ud83c\udfaf Guides"})}),"\n",(0,n.jsx)("span",{class:"badge badge--primary margin-bottom--md",children:"PRACTICE-ORIENTED"}),"\n",(0,n.jsx)("p",{class:"summary",children:(0,n.jsx)(t.p,{children:'Practical guides and examples on the use of Feature-Sliced Design. There is also describe migration guides and a handbook of harmful practices. It is most useful when you are trying to implement something specific or want to look at the methodology "in battle"'})}),"\n",(0,n.jsx)(t.h2,{id:"main",children:"Main"}),"\n","\n",(0,n.jsx)(i.Ay,{title:"Examples",description:"Practical examples on the application of the methodology",to:"/docs/guides/examples",Icon:u,tags:["Authentication","Types","Page layout"]}),"\n",(0,n.jsx)(i.Ay,{title:"Migration",description:"Migration guides from other architectures",to:"/docs/guides/migration/from-v1",Icon:p,tags:["From custom architecture","From FSv1"]}),"\n",(0,n.jsx)(i.Ay,{title:"Tech",description:"Tech-specific guides for FSD usage",to:"/docs/guides/tech/with-nextjs",Icon:x}),"\n",(0,n.jsx)(i.Ay,{title:"Code Issues (Smells)",description:"General architecture issues for legacy code",to:"/docs/guides/issues/desegmented",Icon:_,tags:["Desegmented","Routing","Cross-imports"]})]})}function C(e={}){const{wrapper:t}={...(0,c.R)(),...e.components};return t?(0,n.jsx)(t,{...e,children:(0,n.jsx)(R,{...e})}):R(e)}},5988:(e,t,s)=>{s.d(t,{Y:()=>o,A:()=>l});s(758);var n=s(3526),c=s(6783);const i={root:"root_GfON",rootDisabled:"rootDisabled_SFUB",details:"details_xxkR",detailsTags:"detailsTags_uTQx",icon:"icon_ciqP",title:"title_pSH5",description:"description__Fep",miniTheme:"miniTheme_ePfp",primaryTheme:"primaryTheme_CilO",defaultTheme:"defaultTheme_j3I8"};var a=s(6070);const o=e=>{const{title:t,description:s,to:o,Icon:l,tags:d,className:u,disabled:h,theme:m="default"}=e;return(0,a.jsxs)(c.A,{className:(0,n.A)(i.root,u,h&&i.rootDisabled,i[`${m}Theme`]),to:o,children:[(0,a.jsx)(r,{Icon:l}),(0,a.jsxs)("div",{className:i.details,children:[(0,a.jsxs)("div",{className:i.detailsMain,children:[(0,a.jsx)("span",{className:i.title,children:t}),(0,a.jsx)("p",{className:i.description,children:s})]}),d&&(0,a.jsx)("div",{className:i.detailsTags,children:d.join(" \u2022 ")})]})]})},r=e=>{let{Icon:t}=e;return t?"string"==typeof t?(0,a.jsx)("span",{className:i.icon,children:t}):(0,a.jsx)(t,{className:i.icon}):null},l=o},1100:(e,t,s)=>{s.d(t,{R:()=>a,x:()=>o});var n=s(758);const c={},i=n.createContext(c);function a(e){const t=n.useContext(i);return n.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function o(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(c):e.components||c:a(e.components),n.createElement(i.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
+/*! For license information please see 53f8e831.4b4983e2.js.LICENSE.txt */
+"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[2978],{7946:(e,t,s)=>{s.d(t,{Ay:()=>r,RM:()=>a});var n=s(6070),c=s(1100),i=s(5988);const a=[];function o(e){return(0,n.jsx)(i.A,{...e})}function r(e={}){const{wrapper:t}={...(0,c.R)(),...e.components};return t?(0,n.jsx)(t,{...e,children:(0,n.jsx)(o,{...e})}):o(e)}},6382:(e,t,s)=>{s.r(t),s.d(t,{assets:()=>y,contentTitle:()=>A,default:()=>C,frontMatter:()=>b,metadata:()=>M,toc:()=>T});var n=s(6070),c=s(1100),i=s(7946),a=s(991),o=s(758);const r={icon:{tag:"svg",attrs:{viewBox:"64 64 896 896",focusable:"false"},children:[{tag:"path",attrs:{d:"M876.6 239.5c-.5-.9-1.2-1.8-2-2.5-5-5-13.1-5-18.1 0L684.2 409.3l-67.9-67.9L788.7 169c.8-.8 1.4-1.6 2-2.5 3.6-6.1 1.6-13.9-4.5-17.5-98.2-58-226.8-44.7-311.3 39.7-67 67-89.2 162-66.5 247.4l-293 293c-3 3-2.8 7.9.3 11l169.7 169.7c3.1 3.1 8.1 3.3 11 .3l292.9-292.9c85.5 22.8 180.5.7 247.6-66.4 84.4-84.5 97.7-213.1 39.7-311.3zM786 499.8c-58.1 58.1-145.3 69.3-214.6 33.6l-8.8 8.8-.1-.1-274 274.1-79.2-79.2 230.1-230.1s0 .1.1.1l52.8-52.8c-35.7-69.3-24.5-156.5 33.6-214.6a184.2 184.2 0 01144-53.5L537 318.9a32.05 32.05 0 000 45.3l124.5 124.5a32.05 32.05 0 0045.3 0l132.8-132.8c3.7 51.8-14.4 104.8-53.6 143.9z"}}]},name:"tool",theme:"outlined"};var l=s(9820),d=function(e,t){return o.createElement(l.A,(0,a.A)({},e,{ref:t,icon:r}))};const u=o.forwardRef(d);const h={icon:{tag:"svg",attrs:{"fill-rule":"evenodd",viewBox:"64 64 896 896",focusable:"false"},children:[{tag:"path",attrs:{d:"M880 912H144c-17.7 0-32-14.3-32-32V144c0-17.7 14.3-32 32-32h360c4.4 0 8 3.6 8 8v56c0 4.4-3.6 8-8 8H184v656h656V520c0-4.4 3.6-8 8-8h56c4.4 0 8 3.6 8 8v360c0 17.7-14.3 32-32 32zM653.3 424.6l52.2 52.2a8.01 8.01 0 01-4.7 13.6l-179.4 21c-5.1.6-9.5-3.7-8.9-8.9l21-179.4c.8-6.6 8.9-9.4 13.6-4.7l52.4 52.4 256.2-256.2c3.1-3.1 8.2-3.1 11.3 0l42.4 42.4c3.1 3.1 3.1 8.2 0 11.3L653.3 424.6z"}}]},name:"import",theme:"outlined"};var m=function(e,t){return o.createElement(l.A,(0,a.A)({},e,{ref:t,icon:h}))};const p=o.forwardRef(m);const g={icon:{tag:"svg",attrs:{viewBox:"64 64 896 896",focusable:"false"},children:[{tag:"defs",attrs:{},children:[{tag:"style",attrs:{}}]},{tag:"path",attrs:{d:"M841 370c3-3.3 2.7-8.3-.6-11.3a8.24 8.24 0 00-5.3-2.1h-72.6c-2.4 0-4.6 1-6.1 2.8L633.5 504.6a7.96 7.96 0 01-13.4-1.9l-63.5-141.3a7.9 7.9 0 00-7.3-4.7H380.7l.9-4.7 8-42.3c10.5-55.4 38-81.4 85.8-81.4 18.6 0 35.5 1.7 48.8 4.7l14.1-66.8c-22.6-4.7-35.2-6.1-54.9-6.1-103.3 0-156.4 44.3-175.9 147.3l-9.4 49.4h-97.6c-3.8 0-7.1 2.7-7.8 6.4L181.9 415a8.07 8.07 0 007.8 9.7H284l-89 429.9a8.07 8.07 0 007.8 9.7H269c3.8 0 7.1-2.7 7.8-6.4l89.7-433.1h135.8l68.2 139.1c1.4 2.9 1 6.4-1.2 8.8l-180.6 203c-2.9 3.3-2.6 8.4.7 11.3 1.5 1.3 3.4 2 5.3 2h72.7c2.4 0 4.6-1 6.1-2.8l123.7-146.7c2.8-3.4 7.9-3.8 11.3-1 .9.8 1.6 1.7 2.1 2.8L676.4 784c1.3 2.8 4.1 4.7 7.3 4.7h64.6a8.02 8.02 0 007.2-11.5l-95.2-198.9c-1.4-2.9-.9-6.4 1.3-8.8L841 370z"}}]},name:"function",theme:"outlined"};var f=function(e,t){return o.createElement(l.A,(0,a.A)({},e,{ref:t,icon:g}))};const x=o.forwardRef(f);const v={icon:{tag:"svg",attrs:{viewBox:"64 64 896 896",focusable:"false"},children:[{tag:"path",attrs:{d:"M304 280h56c4.4 0 8-3.6 8-8 0-28.3 5.9-53.2 17.1-73.5 10.6-19.4 26-34.8 45.4-45.4C450.9 142 475.7 136 504 136h16c28.3 0 53.2 5.9 73.5 17.1 19.4 10.6 34.8 26 45.4 45.4C650 218.9 656 243.7 656 272c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8 0-40-8.8-76.7-25.9-108.1a184.31 184.31 0 00-74-74C596.7 72.8 560 64 520 64h-16c-40 0-76.7 8.8-108.1 25.9a184.31 184.31 0 00-74 74C304.8 195.3 296 232 296 272c0 4.4 3.6 8 8 8z"}},{tag:"path",attrs:{d:"M940 512H792V412c76.8 0 139-62.2 139-139 0-4.4-3.6-8-8-8h-60c-4.4 0-8 3.6-8 8a63 63 0 01-63 63H232a63 63 0 01-63-63c0-4.4-3.6-8-8-8h-60c-4.4 0-8 3.6-8 8 0 76.8 62.2 139 139 139v100H84c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h148v96c0 6.5.2 13 .7 19.3C164.1 728.6 116 796.7 116 876c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8 0-44.2 23.9-82.9 59.6-103.7a273 273 0 0022.7 49c24.3 41.5 59 76.2 100.5 100.5S460.5 960 512 960s99.8-13.9 141.3-38.2a281.38 281.38 0 00123.2-149.5A120 120 0 01836 876c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8 0-79.3-48.1-147.4-116.7-176.7.4-6.4.7-12.8.7-19.3v-96h148c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8zM716 680c0 36.8-9.7 72-27.8 102.9-17.7 30.3-43 55.6-73.3 73.3C584 874.3 548.8 884 512 884s-72-9.7-102.9-27.8c-30.3-17.7-55.6-43-73.3-73.3A202.75 202.75 0 01308 680V412h408v268z"}}]},name:"bug",theme:"outlined"};var j=function(e,t){return o.createElement(l.A,(0,a.A)({},e,{ref:t,icon:v}))};const _=o.forwardRef(j),b={hide_table_of_contents:!0,pagination_prev:"get-started/index"},A="\ud83c\udfaf Guides",M={id:"guides/index",title:"\ud83c\udfaf Guides",description:"PRACTICE-ORIENTED",source:"@site/i18n/en/docusaurus-plugin-content-docs/current/guides/index.mdx",sourceDirName:"guides",slug:"/guides/",permalink:"/uz/docs/guides/",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/guides/index.mdx",tags:[],version:"current",lastUpdatedAt:1728325386e3,frontMatter:{hide_table_of_contents:!0,pagination_prev:"get-started/index"},sidebar:"guidesSidebar",previous:{title:"\ud83d\ude80 Get Started",permalink:"/uz/docs/get-started/"},next:{title:"Examples",permalink:"/uz/docs/guides/examples/"}},y={},T=[{value:"Main",id:"main",level:2},...i.RM,...i.RM,...i.RM,...i.RM];function R(e){const t={h1:"h1",h2:"h2",header:"header",p:"p",...(0,c.R)(),...e.components};return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(t.header,{children:(0,n.jsx)(t.h1,{id:"-guides",children:"\ud83c\udfaf Guides"})}),"\n",(0,n.jsx)("span",{class:"badge badge--primary margin-bottom--md",children:"PRACTICE-ORIENTED"}),"\n",(0,n.jsx)("p",{class:"summary",children:(0,n.jsx)(t.p,{children:'Practical guides and examples on the use of Feature-Sliced Design. There is also describe migration guides and a handbook of harmful practices. It is most useful when you are trying to implement something specific or want to look at the methodology "in battle"'})}),"\n",(0,n.jsx)(t.h2,{id:"main",children:"Main"}),"\n","\n",(0,n.jsx)(i.Ay,{title:"Examples",description:"Practical examples on the application of the methodology",to:"/docs/guides/examples",Icon:u,tags:["Authentication","Types","Page layout"]}),"\n",(0,n.jsx)(i.Ay,{title:"Migration",description:"Migration guides from other architectures",to:"/docs/guides/migration/from-v1",Icon:p,tags:["From custom architecture","From FSv1"]}),"\n",(0,n.jsx)(i.Ay,{title:"Tech",description:"Tech-specific guides for FSD usage",to:"/docs/guides/tech/with-nextjs",Icon:x}),"\n",(0,n.jsx)(i.Ay,{title:"Code Issues (Smells)",description:"General architecture issues for legacy code",to:"/docs/guides/issues/desegmented",Icon:_,tags:["Desegmented","Routing","Cross-imports"]})]})}function C(e={}){const{wrapper:t}={...(0,c.R)(),...e.components};return t?(0,n.jsx)(t,{...e,children:(0,n.jsx)(R,{...e})}):R(e)}},5988:(e,t,s)=>{s.d(t,{Y:()=>o,A:()=>l});s(758);var n=s(3526),c=s(6783);const i={root:"root_GfON",rootDisabled:"rootDisabled_SFUB",details:"details_xxkR",detailsTags:"detailsTags_uTQx",icon:"icon_ciqP",title:"title_pSH5",description:"description__Fep",miniTheme:"miniTheme_ePfp",primaryTheme:"primaryTheme_CilO",defaultTheme:"defaultTheme_j3I8"};var a=s(6070);const o=e=>{const{title:t,description:s,to:o,Icon:l,tags:d,className:u,disabled:h,theme:m="default"}=e;return(0,a.jsxs)(c.A,{className:(0,n.A)(i.root,u,h&&i.rootDisabled,i[`${m}Theme`]),to:o,children:[(0,a.jsx)(r,{Icon:l}),(0,a.jsxs)("div",{className:i.details,children:[(0,a.jsxs)("div",{className:i.detailsMain,children:[(0,a.jsx)("span",{className:i.title,children:t}),(0,a.jsx)("p",{className:i.description,children:s})]}),d&&(0,a.jsx)("div",{className:i.detailsTags,children:d.join(" \u2022 ")})]})]})},r=e=>{let{Icon:t}=e;return t?"string"==typeof t?(0,a.jsx)("span",{className:i.icon,children:t}):(0,a.jsx)(t,{className:i.icon}):null},l=o},1100:(e,t,s)=>{s.d(t,{R:()=>a,x:()=>o});var n=s(758);const c={},i=n.createContext(c);function a(e){const t=n.useContext(i);return n.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function o(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(c):e.components||c:a(e.components),n.createElement(i.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
diff --git a/uz/assets/js/53f8e831.1735c9f8.js.LICENSE.txt b/uz/assets/js/53f8e831.4b4983e2.js.LICENSE.txt
similarity index 100%
rename from uz/assets/js/53f8e831.1735c9f8.js.LICENSE.txt
rename to uz/assets/js/53f8e831.4b4983e2.js.LICENSE.txt
diff --git a/uz/assets/js/55b0769a.1f4d98f5.js b/uz/assets/js/55b0769a.48fd81fd.js
similarity index 99%
rename from uz/assets/js/55b0769a.1f4d98f5.js
rename to uz/assets/js/55b0769a.48fd81fd.js
index 5e65cb238e..f53d4d678f 100644
--- a/uz/assets/js/55b0769a.1f4d98f5.js
+++ b/uz/assets/js/55b0769a.48fd81fd.js
@@ -1 +1 @@
-"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[9386],{3794:(e,t,n)=>{n.r(t),n.d(t,{assets:()=>l,contentTitle:()=>a,default:()=>u,frontMatter:()=>o,metadata:()=>r,toc:()=>d});var s=n(6070),i=n(1100);const o={sidebar_position:3},a="Page layouts",r={id:"guides/examples/page-layout",title:"Page layouts",description:"This guide examines the abstraction of a page layout \u2014 when several pages share the same overall structure, and differ only in the main content.",source:"@site/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/page-layout.md",sourceDirName:"guides/examples",slug:"/guides/examples/page-layout",permalink:"/uz/docs/guides/examples/page-layout",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/page-layout.md",tags:[],version:"current",lastUpdatedAt:1727607766e3,sidebarPosition:3,frontMatter:{sidebar_position:3},sidebar:"guidesSidebar",previous:{title:"Types",permalink:"/uz/docs/guides/examples/types"},next:{title:"From a custom architecture",permalink:"/uz/docs/guides/migration/from-custom"}},l={},d=[{value:"Simple layout",id:"simple-layout",level:2},{value:"Using widgets in the layout",id:"using-widgets-in-the-layout",level:2},{value:"Further reading",id:"further-reading",level:2}];function h(e){const t={a:"a",admonition:"admonition",blockquote:"blockquote",br:"br",code:"code",em:"em",h1:"h1",h2:"h2",header:"header",li:"li",ol:"ol",p:"p",pre:"pre",strong:"strong",ul:"ul",...(0,i.R)(),...e.components};return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(t.header,{children:(0,s.jsx)(t.h1,{id:"page-layouts",children:"Page layouts"})}),"\n",(0,s.jsxs)(t.p,{children:["This guide examines the abstraction of a ",(0,s.jsx)(t.em,{children:"page layout"})," \u2014 when several pages share the same overall structure, and differ only in the main content."]}),"\n",(0,s.jsx)(t.admonition,{type:"info",children:(0,s.jsx)(t.p,{children:"Is your question not covered by this guide? Post your question by leaving feedback on this article (blue button on the right) and we will consider expanding this guide!"})}),"\n",(0,s.jsx)(t.h2,{id:"simple-layout",children:"Simple layout"}),"\n",(0,s.jsxs)(t.p,{children:["The simplest layout can be seen on this page. It has a header with site navigation, two sidebars, and a footer with external links. There is no complicated business logic, and the only dynamic parts are sidebars and the switchers on the right side of the header. Such a layout can be placed entirely in ",(0,s.jsx)(t.code,{children:"shared/ui"})," or in ",(0,s.jsx)(t.code,{children:"app/layouts"}),", with props filling in the content for the sidebars:"]}),"\n",(0,s.jsx)(t.pre,{children:(0,s.jsx)(t.code,{className:"language-tsx",metastring:'title="shared/ui/layout/Layout.tsx"',children:'import { Link, Outlet } from "react-router-dom";\nimport { useThemeSwitcher } from "./useThemeSwitcher";\n\nexport function Layout({ siblingPages, headings }) {\n  const [theme, toggleTheme] = useThemeSwitcher();\n\n  return (\n    <div>\n      <header>\n        <nav>\n          <ul>\n            <li> <Link to="/">Home</Link> </li>\n            <li> <Link to="/docs">Docs</Link> </li>\n            <li> <Link to="/blog">Blog</Link> </li>\n          </ul>\n        </nav>\n        <button onClick={toggleTheme}>{theme}</button>\n      </header>\n      <main>\n        <SiblingPageSidebar siblingPages={siblingPages} />\n        <Outlet /> {/* This is where the main content goes */}\n        <HeadingsSidebar headings={headings} />\n      </main>\n      <footer>\n        <ul>\n          <li>GitHub</li>\n          <li>Twitter</li>\n        </ul>\n      </footer>\n    </div>\n  );\n}\n'})}),"\n",(0,s.jsx)(t.pre,{children:(0,s.jsx)(t.code,{className:"language-ts",metastring:'title="shared/ui/layout/useThemeSwitcher.ts"',children:'export function useThemeSwitcher() {\n  const [theme, setTheme] = useState("light");\n\n  function toggleTheme() {\n    setTheme(theme === "light" ? "dark" : "light");\n  }\n\n  useEffect(() => {\n    document.body.classList.remove("light", "dark");\n    document.body.classList.add(theme);\n  }, [theme]);\n\n  return [theme, toggleTheme] as const;\n}\n'})}),"\n",(0,s.jsx)(t.p,{children:"The code of sidebars is left as an exercise for the reader \ud83d\ude09."}),"\n",(0,s.jsx)(t.h2,{id:"using-widgets-in-the-layout",children:"Using widgets in the layout"}),"\n",(0,s.jsxs)(t.p,{children:["Sometimes you want to include certain business logic in the layout, especially if you're using deeply nested routes with a router like ",(0,s.jsx)(t.a,{href:"https://reactrouter.com/",children:"React Router"}),". Then you can't store the layout in Shared or in Widgets due to ",(0,s.jsx)(t.a,{href:"/docs/reference/layers#import-rule-on-layers",children:"the import rule on layers"}),":"]}),"\n",(0,s.jsxs)(t.blockquote,{children:["\n",(0,s.jsx)(t.p,{children:"A module in a slice can only import other slices when they are located on layers strictly below."}),"\n"]}),"\n",(0,s.jsxs)(t.p,{children:["Before we discuss solutions, we need to discuss if it's even a problem in the first place. Do you ",(0,s.jsx)(t.em,{children:"really need"})," that layout, and if so, does it ",(0,s.jsx)(t.em,{children:"really need"})," to be a Widget? If the block of business logic in question is reused on 2-3 pages, and the layout is simply a small wrapper for that widget, consider one of these two options:"]}),"\n",(0,s.jsxs)(t.ol,{children:["\n",(0,s.jsxs)(t.li,{children:["\n",(0,s.jsxs)(t.p,{children:[(0,s.jsx)(t.strong,{children:"Write the layout inline on the App layer, where you configure the routing"}),(0,s.jsx)(t.br,{}),"\n","This is great for routers that support nesting, because you can group certain routes and apply the layout only to them."]}),"\n"]}),"\n",(0,s.jsxs)(t.li,{children:["\n",(0,s.jsxs)(t.p,{children:[(0,s.jsx)(t.strong,{children:"Just copy-paste it"}),(0,s.jsx)(t.br,{}),"\n","The urge to abstract code is often very overrated. It is especially the case for layouts, which rarely change. At some point, if one of these pages will need to change, you can simply do the change without needlessly affecting other pages. If you're worried that someone might forget to update the other pages, you can always leave a comment that describes the relationship between the pages."]}),"\n"]}),"\n"]}),"\n",(0,s.jsx)(t.p,{children:"If none of the above are applicable, there are two solutions to include a widget in the layout:"}),"\n",(0,s.jsxs)(t.ol,{children:["\n",(0,s.jsxs)(t.li,{children:[(0,s.jsx)(t.strong,{children:"Use render props or slots"}),(0,s.jsx)(t.br,{}),"\n","Most frameworks allow you to pass a piece of UI externally. In React, it's called ",(0,s.jsx)(t.a,{href:"https://www.patterns.dev/react/render-props-pattern/",children:"render props"}),", in Vue it's called ",(0,s.jsx)(t.a,{href:"https://vuejs.org/guide/components/slots",children:"slots"}),"."]}),"\n",(0,s.jsxs)(t.li,{children:[(0,s.jsx)(t.strong,{children:"Move the layout to the App layer"}),(0,s.jsx)(t.br,{}),"\n","You can also store your layout on the App layer, for example, in ",(0,s.jsx)(t.code,{children:"app/layouts"}),", and compose any widgets you want."]}),"\n"]}),"\n",(0,s.jsx)(t.h2,{id:"further-reading",children:"Further reading"}),"\n",(0,s.jsxs)(t.ul,{children:["\n",(0,s.jsxs)(t.li,{children:["There's an example of how to build a layout with authentication with React and Remix (equivalent to React Router) in the ",(0,s.jsx)(t.a,{href:"/docs/get-started/tutorial",children:"tutorial"}),"."]}),"\n"]})]})}function u(e={}){const{wrapper:t}={...(0,i.R)(),...e.components};return t?(0,s.jsx)(t,{...e,children:(0,s.jsx)(h,{...e})}):h(e)}},1100:(e,t,n)=>{n.d(t,{R:()=>a,x:()=>r});var s=n(758);const i={},o=s.createContext(i);function a(e){const t=s.useContext(o);return s.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function r(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(i):e.components||i:a(e.components),s.createElement(o.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
+"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[9386],{3794:(e,t,n)=>{n.r(t),n.d(t,{assets:()=>l,contentTitle:()=>a,default:()=>u,frontMatter:()=>o,metadata:()=>r,toc:()=>d});var s=n(6070),i=n(1100);const o={sidebar_position:3},a="Page layouts",r={id:"guides/examples/page-layout",title:"Page layouts",description:"This guide examines the abstraction of a page layout \u2014 when several pages share the same overall structure, and differ only in the main content.",source:"@site/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/page-layout.md",sourceDirName:"guides/examples",slug:"/guides/examples/page-layout",permalink:"/uz/docs/guides/examples/page-layout",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/page-layout.md",tags:[],version:"current",lastUpdatedAt:1728325386e3,sidebarPosition:3,frontMatter:{sidebar_position:3},sidebar:"guidesSidebar",previous:{title:"Types",permalink:"/uz/docs/guides/examples/types"},next:{title:"From a custom architecture",permalink:"/uz/docs/guides/migration/from-custom"}},l={},d=[{value:"Simple layout",id:"simple-layout",level:2},{value:"Using widgets in the layout",id:"using-widgets-in-the-layout",level:2},{value:"Further reading",id:"further-reading",level:2}];function h(e){const t={a:"a",admonition:"admonition",blockquote:"blockquote",br:"br",code:"code",em:"em",h1:"h1",h2:"h2",header:"header",li:"li",ol:"ol",p:"p",pre:"pre",strong:"strong",ul:"ul",...(0,i.R)(),...e.components};return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(t.header,{children:(0,s.jsx)(t.h1,{id:"page-layouts",children:"Page layouts"})}),"\n",(0,s.jsxs)(t.p,{children:["This guide examines the abstraction of a ",(0,s.jsx)(t.em,{children:"page layout"})," \u2014 when several pages share the same overall structure, and differ only in the main content."]}),"\n",(0,s.jsx)(t.admonition,{type:"info",children:(0,s.jsx)(t.p,{children:"Is your question not covered by this guide? Post your question by leaving feedback on this article (blue button on the right) and we will consider expanding this guide!"})}),"\n",(0,s.jsx)(t.h2,{id:"simple-layout",children:"Simple layout"}),"\n",(0,s.jsxs)(t.p,{children:["The simplest layout can be seen on this page. It has a header with site navigation, two sidebars, and a footer with external links. There is no complicated business logic, and the only dynamic parts are sidebars and the switchers on the right side of the header. Such a layout can be placed entirely in ",(0,s.jsx)(t.code,{children:"shared/ui"})," or in ",(0,s.jsx)(t.code,{children:"app/layouts"}),", with props filling in the content for the sidebars:"]}),"\n",(0,s.jsx)(t.pre,{children:(0,s.jsx)(t.code,{className:"language-tsx",metastring:'title="shared/ui/layout/Layout.tsx"',children:'import { Link, Outlet } from "react-router-dom";\nimport { useThemeSwitcher } from "./useThemeSwitcher";\n\nexport function Layout({ siblingPages, headings }) {\n  const [theme, toggleTheme] = useThemeSwitcher();\n\n  return (\n    <div>\n      <header>\n        <nav>\n          <ul>\n            <li> <Link to="/">Home</Link> </li>\n            <li> <Link to="/docs">Docs</Link> </li>\n            <li> <Link to="/blog">Blog</Link> </li>\n          </ul>\n        </nav>\n        <button onClick={toggleTheme}>{theme}</button>\n      </header>\n      <main>\n        <SiblingPageSidebar siblingPages={siblingPages} />\n        <Outlet /> {/* This is where the main content goes */}\n        <HeadingsSidebar headings={headings} />\n      </main>\n      <footer>\n        <ul>\n          <li>GitHub</li>\n          <li>Twitter</li>\n        </ul>\n      </footer>\n    </div>\n  );\n}\n'})}),"\n",(0,s.jsx)(t.pre,{children:(0,s.jsx)(t.code,{className:"language-ts",metastring:'title="shared/ui/layout/useThemeSwitcher.ts"',children:'export function useThemeSwitcher() {\n  const [theme, setTheme] = useState("light");\n\n  function toggleTheme() {\n    setTheme(theme === "light" ? "dark" : "light");\n  }\n\n  useEffect(() => {\n    document.body.classList.remove("light", "dark");\n    document.body.classList.add(theme);\n  }, [theme]);\n\n  return [theme, toggleTheme] as const;\n}\n'})}),"\n",(0,s.jsx)(t.p,{children:"The code of sidebars is left as an exercise for the reader \ud83d\ude09."}),"\n",(0,s.jsx)(t.h2,{id:"using-widgets-in-the-layout",children:"Using widgets in the layout"}),"\n",(0,s.jsxs)(t.p,{children:["Sometimes you want to include certain business logic in the layout, especially if you're using deeply nested routes with a router like ",(0,s.jsx)(t.a,{href:"https://reactrouter.com/",children:"React Router"}),". Then you can't store the layout in Shared or in Widgets due to ",(0,s.jsx)(t.a,{href:"/docs/reference/layers#import-rule-on-layers",children:"the import rule on layers"}),":"]}),"\n",(0,s.jsxs)(t.blockquote,{children:["\n",(0,s.jsx)(t.p,{children:"A module in a slice can only import other slices when they are located on layers strictly below."}),"\n"]}),"\n",(0,s.jsxs)(t.p,{children:["Before we discuss solutions, we need to discuss if it's even a problem in the first place. Do you ",(0,s.jsx)(t.em,{children:"really need"})," that layout, and if so, does it ",(0,s.jsx)(t.em,{children:"really need"})," to be a Widget? If the block of business logic in question is reused on 2-3 pages, and the layout is simply a small wrapper for that widget, consider one of these two options:"]}),"\n",(0,s.jsxs)(t.ol,{children:["\n",(0,s.jsxs)(t.li,{children:["\n",(0,s.jsxs)(t.p,{children:[(0,s.jsx)(t.strong,{children:"Write the layout inline on the App layer, where you configure the routing"}),(0,s.jsx)(t.br,{}),"\n","This is great for routers that support nesting, because you can group certain routes and apply the layout only to them."]}),"\n"]}),"\n",(0,s.jsxs)(t.li,{children:["\n",(0,s.jsxs)(t.p,{children:[(0,s.jsx)(t.strong,{children:"Just copy-paste it"}),(0,s.jsx)(t.br,{}),"\n","The urge to abstract code is often very overrated. It is especially the case for layouts, which rarely change. At some point, if one of these pages will need to change, you can simply do the change without needlessly affecting other pages. If you're worried that someone might forget to update the other pages, you can always leave a comment that describes the relationship between the pages."]}),"\n"]}),"\n"]}),"\n",(0,s.jsx)(t.p,{children:"If none of the above are applicable, there are two solutions to include a widget in the layout:"}),"\n",(0,s.jsxs)(t.ol,{children:["\n",(0,s.jsxs)(t.li,{children:[(0,s.jsx)(t.strong,{children:"Use render props or slots"}),(0,s.jsx)(t.br,{}),"\n","Most frameworks allow you to pass a piece of UI externally. In React, it's called ",(0,s.jsx)(t.a,{href:"https://www.patterns.dev/react/render-props-pattern/",children:"render props"}),", in Vue it's called ",(0,s.jsx)(t.a,{href:"https://vuejs.org/guide/components/slots",children:"slots"}),"."]}),"\n",(0,s.jsxs)(t.li,{children:[(0,s.jsx)(t.strong,{children:"Move the layout to the App layer"}),(0,s.jsx)(t.br,{}),"\n","You can also store your layout on the App layer, for example, in ",(0,s.jsx)(t.code,{children:"app/layouts"}),", and compose any widgets you want."]}),"\n"]}),"\n",(0,s.jsx)(t.h2,{id:"further-reading",children:"Further reading"}),"\n",(0,s.jsxs)(t.ul,{children:["\n",(0,s.jsxs)(t.li,{children:["There's an example of how to build a layout with authentication with React and Remix (equivalent to React Router) in the ",(0,s.jsx)(t.a,{href:"/docs/get-started/tutorial",children:"tutorial"}),"."]}),"\n"]})]})}function u(e={}){const{wrapper:t}={...(0,i.R)(),...e.components};return t?(0,s.jsx)(t,{...e,children:(0,s.jsx)(h,{...e})}):h(e)}},1100:(e,t,n)=>{n.d(t,{R:()=>a,x:()=>r});var s=n(758);const i={},o=s.createContext(i);function a(e){const t=s.useContext(o);return s.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function r(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(i):e.components||i:a(e.components),s.createElement(o.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
diff --git a/uz/assets/js/590d98cc.f6cb0142.js b/uz/assets/js/590d98cc.01ccb2ef.js
similarity index 98%
rename from uz/assets/js/590d98cc.f6cb0142.js
rename to uz/assets/js/590d98cc.01ccb2ef.js
index 064dd2ef2d..d5723561eb 100644
--- a/uz/assets/js/590d98cc.f6cb0142.js
+++ b/uz/assets/js/590d98cc.01ccb2ef.js
@@ -1 +1 @@
-"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[7604],{1928:(e,t,i)=>{i.d(t,{Ay:()=>l,RM:()=>d});var n=i(6070),s=i(1100),o=(i(758),i(6783)),r=i(7765);const c=e=>{let{ticket:t}=e;const i=`https://github.com/feature-sliced/documentation/issues/${t}`;return(0,n.jsxs)("div",{children:[(0,n.jsx)("p",{children:(0,r.T)({id:"shared.wip.title"})}),(0,n.jsx)("p",{children:(0,r.T)({id:"shared.wip.subtitle"})}),(0,n.jsxs)("ul",{children:[(0,n.jsxs)("li",{children:[(0,r.T)({id:"shared.wip.var.feedback.base"}),(0,n.jsx)(o.A,{to:i,children:(0,r.T)({id:"shared.wip.var.feedback.link"})})]}),(0,n.jsxs)("li",{children:[(0,r.T)({id:"shared.wip.var.material.base"}),(0,n.jsx)(o.A,{to:"https://t.me/feature_sliced",children:(0,r.T)({id:"shared.wip.var.material.link"})})]}),(0,n.jsxs)("li",{children:[(0,r.T)({id:"shared.wip.var.contribute.base"}),(0,n.jsx)(o.A,{to:"https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md",children:(0,r.T)({id:"shared.wip.var.contribute.link"})})]})]}),(0,n.jsx)("br",{}),(0,n.jsx)("p",{children:(0,n.jsx)("i",{children:"\ud83c\udf70 Stay tuned!"})})]})},d=[];function a(e){const t={admonition:"admonition",...(0,s.R)(),...e.components};return(0,n.jsx)(t.admonition,{title:"WIP",type:"caution",children:(0,n.jsx)(c,{ticket:e.ticket})})}function l(e={}){const{wrapper:t}={...(0,s.R)(),...e.components};return t?(0,n.jsx)(t,{...e,children:(0,n.jsx)(a,{...e})}):a(e)}},664:(e,t,i)=>{i.r(t),i.d(t,{assets:()=>a,contentTitle:()=>c,default:()=>h,frontMatter:()=>r,metadata:()=>d,toc:()=>l});var n=i(6070),s=i(1100),o=i(1928);const r={sidebar_position:2,sidebar_class_name:"sidebar-item--wip"},c="Decouple entities",d={id:"reference/isolation/decouple-entities",title:"Decouple entities",description:"About cross-imports of types, adapters and about how to explicitly build connections between entities",source:"@site/i18n/en/docusaurus-plugin-content-docs/current/reference/isolation/decouple-entities.mdx",sourceDirName:"reference/isolation",slug:"/reference/isolation/decouple-entities",permalink:"/uz/docs/reference/isolation/decouple-entities",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/reference/isolation/decouple-entities.mdx",tags:[],version:"current",lastUpdatedAt:1727607766e3,sidebarPosition:2,frontMatter:{sidebar_position:2,sidebar_class_name:"sidebar-item--wip"},sidebar:"referenceSidebar",previous:{title:"Low Coupling & High Cohesion",permalink:"/uz/docs/reference/isolation/coupling-cohesion"}},a={},l=[...o.RM,{value:"See also",id:"see-also",level:2}];function u(e){const t={a:"a",blockquote:"blockquote",h1:"h1",h2:"h2",header:"header",li:"li",p:"p",ul:"ul",...(0,s.R)(),...e.components};return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(t.header,{children:(0,n.jsx)(t.h1,{id:"decouple-entities",children:"Decouple entities"})}),"\n",(0,n.jsx)(o.Ay,{ticket:"202"}),"\n",(0,n.jsxs)(t.blockquote,{children:["\n",(0,n.jsx)(t.p,{children:"About cross-imports of types, adapters and about how to explicitly build connections between entities"}),"\n"]}),"\n",(0,n.jsxs)(t.blockquote,{children:["\n",(0,n.jsx)(t.p,{children:"Also about mythical absolutely-decoupled entities"}),"\n"]}),"\n",(0,n.jsx)(t.h2,{id:"see-also",children:"See also"}),"\n",(0,n.jsxs)(t.ul,{children:["\n",(0,n.jsx)(t.li,{children:(0,n.jsx)(t.a,{href:"https://t.me/feature_sliced/3633",children:"(Thread) Memo about decomposition by entities and building explicit links between them"})}),"\n",(0,n.jsx)(t.li,{children:(0,n.jsx)(t.a,{href:"https://t.me/feature_sliced/3316",children:'(Thread) Example of decomposition for "connected entities" (users/pets/friends)'})}),"\n",(0,n.jsx)(t.li,{children:(0,n.jsx)(t.a,{href:"https://t.me/feature_sliced/4276",children:"(Thread) About cross-imports of types/adapters in entities"})}),"\n",(0,n.jsx)(t.li,{children:(0,n.jsx)(t.a,{href:"https://t.me/feature_sliced/4521",children:"(Thread) About the boundaries of entities and features"})}),"\n"]})]})}function h(e={}){const{wrapper:t}={...(0,s.R)(),...e.components};return t?(0,n.jsx)(t,{...e,children:(0,n.jsx)(u,{...e})}):u(e)}},1100:(e,t,i)=>{i.d(t,{R:()=>r,x:()=>c});var n=i(758);const s={},o=n.createContext(s);function r(e){const t=n.useContext(o);return n.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function c(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(s):e.components||s:r(e.components),n.createElement(o.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
+"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[7604],{1928:(e,t,i)=>{i.d(t,{Ay:()=>l,RM:()=>d});var n=i(6070),s=i(1100),o=(i(758),i(6783)),r=i(7765);const c=e=>{let{ticket:t}=e;const i=`https://github.com/feature-sliced/documentation/issues/${t}`;return(0,n.jsxs)("div",{children:[(0,n.jsx)("p",{children:(0,r.T)({id:"shared.wip.title"})}),(0,n.jsx)("p",{children:(0,r.T)({id:"shared.wip.subtitle"})}),(0,n.jsxs)("ul",{children:[(0,n.jsxs)("li",{children:[(0,r.T)({id:"shared.wip.var.feedback.base"}),(0,n.jsx)(o.A,{to:i,children:(0,r.T)({id:"shared.wip.var.feedback.link"})})]}),(0,n.jsxs)("li",{children:[(0,r.T)({id:"shared.wip.var.material.base"}),(0,n.jsx)(o.A,{to:"https://t.me/feature_sliced",children:(0,r.T)({id:"shared.wip.var.material.link"})})]}),(0,n.jsxs)("li",{children:[(0,r.T)({id:"shared.wip.var.contribute.base"}),(0,n.jsx)(o.A,{to:"https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md",children:(0,r.T)({id:"shared.wip.var.contribute.link"})})]})]}),(0,n.jsx)("br",{}),(0,n.jsx)("p",{children:(0,n.jsx)("i",{children:"\ud83c\udf70 Stay tuned!"})})]})},d=[];function a(e){const t={admonition:"admonition",...(0,s.R)(),...e.components};return(0,n.jsx)(t.admonition,{title:"WIP",type:"caution",children:(0,n.jsx)(c,{ticket:e.ticket})})}function l(e={}){const{wrapper:t}={...(0,s.R)(),...e.components};return t?(0,n.jsx)(t,{...e,children:(0,n.jsx)(a,{...e})}):a(e)}},664:(e,t,i)=>{i.r(t),i.d(t,{assets:()=>a,contentTitle:()=>c,default:()=>h,frontMatter:()=>r,metadata:()=>d,toc:()=>l});var n=i(6070),s=i(1100),o=i(1928);const r={sidebar_position:2,sidebar_class_name:"sidebar-item--wip"},c="Decouple entities",d={id:"reference/isolation/decouple-entities",title:"Decouple entities",description:"About cross-imports of types, adapters and about how to explicitly build connections between entities",source:"@site/i18n/en/docusaurus-plugin-content-docs/current/reference/isolation/decouple-entities.mdx",sourceDirName:"reference/isolation",slug:"/reference/isolation/decouple-entities",permalink:"/uz/docs/reference/isolation/decouple-entities",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/reference/isolation/decouple-entities.mdx",tags:[],version:"current",lastUpdatedAt:1728325386e3,sidebarPosition:2,frontMatter:{sidebar_position:2,sidebar_class_name:"sidebar-item--wip"},sidebar:"referenceSidebar",previous:{title:"Low Coupling & High Cohesion",permalink:"/uz/docs/reference/isolation/coupling-cohesion"}},a={},l=[...o.RM,{value:"See also",id:"see-also",level:2}];function u(e){const t={a:"a",blockquote:"blockquote",h1:"h1",h2:"h2",header:"header",li:"li",p:"p",ul:"ul",...(0,s.R)(),...e.components};return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(t.header,{children:(0,n.jsx)(t.h1,{id:"decouple-entities",children:"Decouple entities"})}),"\n",(0,n.jsx)(o.Ay,{ticket:"202"}),"\n",(0,n.jsxs)(t.blockquote,{children:["\n",(0,n.jsx)(t.p,{children:"About cross-imports of types, adapters and about how to explicitly build connections between entities"}),"\n"]}),"\n",(0,n.jsxs)(t.blockquote,{children:["\n",(0,n.jsx)(t.p,{children:"Also about mythical absolutely-decoupled entities"}),"\n"]}),"\n",(0,n.jsx)(t.h2,{id:"see-also",children:"See also"}),"\n",(0,n.jsxs)(t.ul,{children:["\n",(0,n.jsx)(t.li,{children:(0,n.jsx)(t.a,{href:"https://t.me/feature_sliced/3633",children:"(Thread) Memo about decomposition by entities and building explicit links between them"})}),"\n",(0,n.jsx)(t.li,{children:(0,n.jsx)(t.a,{href:"https://t.me/feature_sliced/3316",children:'(Thread) Example of decomposition for "connected entities" (users/pets/friends)'})}),"\n",(0,n.jsx)(t.li,{children:(0,n.jsx)(t.a,{href:"https://t.me/feature_sliced/4276",children:"(Thread) About cross-imports of types/adapters in entities"})}),"\n",(0,n.jsx)(t.li,{children:(0,n.jsx)(t.a,{href:"https://t.me/feature_sliced/4521",children:"(Thread) About the boundaries of entities and features"})}),"\n"]})]})}function h(e={}){const{wrapper:t}={...(0,s.R)(),...e.components};return t?(0,n.jsx)(t,{...e,children:(0,n.jsx)(u,{...e})}):u(e)}},1100:(e,t,i)=>{i.d(t,{R:()=>r,x:()=>c});var n=i(758);const s={},o=n.createContext(s);function r(e){const t=n.useContext(o);return n.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function c(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(s):e.components||s:r(e.components),n.createElement(o.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
diff --git a/uz/assets/js/5bd61d3b.7d17a70b.js b/uz/assets/js/5bd61d3b.eb1aed45.js
similarity index 98%
rename from uz/assets/js/5bd61d3b.7d17a70b.js
rename to uz/assets/js/5bd61d3b.eb1aed45.js
index 459619df5e..7530fa84f2 100644
--- a/uz/assets/js/5bd61d3b.7d17a70b.js
+++ b/uz/assets/js/5bd61d3b.eb1aed45.js
@@ -1 +1 @@
-"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[9536],{1928:(e,t,n)=>{n.d(t,{Ay:()=>l,RM:()=>d});var i=n(6070),s=n(1100),r=(n(758),n(6783)),a=n(7765);const o=e=>{let{ticket:t}=e;const n=`https://github.com/feature-sliced/documentation/issues/${t}`;return(0,i.jsxs)("div",{children:[(0,i.jsx)("p",{children:(0,a.T)({id:"shared.wip.title"})}),(0,i.jsx)("p",{children:(0,a.T)({id:"shared.wip.subtitle"})}),(0,i.jsxs)("ul",{children:[(0,i.jsxs)("li",{children:[(0,a.T)({id:"shared.wip.var.feedback.base"}),(0,i.jsx)(r.A,{to:n,children:(0,a.T)({id:"shared.wip.var.feedback.link"})})]}),(0,i.jsxs)("li",{children:[(0,a.T)({id:"shared.wip.var.material.base"}),(0,i.jsx)(r.A,{to:"https://t.me/feature_sliced",children:(0,a.T)({id:"shared.wip.var.material.link"})})]}),(0,i.jsxs)("li",{children:[(0,a.T)({id:"shared.wip.var.contribute.base"}),(0,i.jsx)(r.A,{to:"https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md",children:(0,a.T)({id:"shared.wip.var.contribute.link"})})]})]}),(0,i.jsx)("br",{}),(0,i.jsx)("p",{children:(0,i.jsx)("i",{children:"\ud83c\udf70 Stay tuned!"})})]})},d=[];function c(e){const t={admonition:"admonition",...(0,s.R)(),...e.components};return(0,i.jsx)(t.admonition,{title:"WIP",type:"caution",children:(0,i.jsx)(o,{ticket:e.ticket})})}function l(e={}){const{wrapper:t}={...(0,s.R)(),...e.components};return t?(0,i.jsx)(t,{...e,children:(0,i.jsx)(c,{...e})}):c(e)}},6202:(e,t,n)=>{n.r(t),n.d(t,{assets:()=>c,contentTitle:()=>o,default:()=>h,frontMatter:()=>a,metadata:()=>d,toc:()=>l});var i=n(6070),s=n(1100),r=n(1928);const a={sidebar_position:5,sidebar_class_name:"sidebar-item--wip"},o="Signals of architecture",d={id:"about/understanding/signals",title:"Signals of architecture",description:"If there is a limitation on the part of the architecture, then there are obvious reasons for this, and consequences if they are ignored",source:"@site/i18n/en/docusaurus-plugin-content-docs/current/about/understanding/signals.mdx",sourceDirName:"about/understanding",slug:"/about/understanding/signals",permalink:"/uz/docs/about/understanding/signals",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/about/understanding/signals.mdx",tags:[],version:"current",lastUpdatedAt:1727607766e3,sidebarPosition:5,frontMatter:{sidebar_position:5,sidebar_class_name:"sidebar-item--wip"},sidebar:"aboutSidebar",previous:{title:"Naming",permalink:"/uz/docs/about/understanding/naming"},next:{title:"Abstractions",permalink:"/uz/docs/about/understanding/abstractions"}},c={},l=[...r.RM,{value:"See also",id:"see-also",level:2}];function u(e){const t={a:"a",blockquote:"blockquote",h1:"h1",h2:"h2",header:"header",li:"li",p:"p",ul:"ul",...(0,s.R)(),...e.components};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(t.header,{children:(0,i.jsx)(t.h1,{id:"signals-of-architecture",children:"Signals of architecture"})}),"\n",(0,i.jsx)(r.Ay,{ticket:"194"}),"\n",(0,i.jsxs)(t.blockquote,{children:["\n",(0,i.jsx)(t.p,{children:"If there is a limitation on the part of the architecture, then there are obvious reasons for this, and consequences if they are ignored"}),"\n"]}),"\n",(0,i.jsxs)(t.blockquote,{children:["\n",(0,i.jsx)(t.p,{children:"The methodology and architecture gives signals, and how to deal with it depends on what risks you are ready to take on and what is most suitable for your team)"}),"\n"]}),"\n",(0,i.jsx)(t.h2,{id:"see-also",children:"See also"}),"\n",(0,i.jsxs)(t.ul,{children:["\n",(0,i.jsx)(t.li,{children:(0,i.jsx)(t.a,{href:"https://t.me/feature_sliced/2070",children:"(Thread) About signals from architecture and dataflow"})}),"\n",(0,i.jsx)(t.li,{children:(0,i.jsx)(t.a,{href:"https://t.me/feature_sliced/2492",children:"(Thread) About the fundamental nature of architecture"})}),"\n",(0,i.jsx)(t.li,{children:(0,i.jsx)(t.a,{href:"https://t.me/feature_sliced/3979",children:"(Thread) About highlighting weak points"})}),"\n",(0,i.jsx)(t.li,{children:(0,i.jsx)(t.a,{href:"https://t.me/feature_sliced/4228",children:"(Thread) How to understand that the data model is swollen"})}),"\n"]})]})}function h(e={}){const{wrapper:t}={...(0,s.R)(),...e.components};return t?(0,i.jsx)(t,{...e,children:(0,i.jsx)(u,{...e})}):u(e)}},1100:(e,t,n)=>{n.d(t,{R:()=>a,x:()=>o});var i=n(758);const s={},r=i.createContext(s);function a(e){const t=i.useContext(r);return i.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function o(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(s):e.components||s:a(e.components),i.createElement(r.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
+"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[9536],{1928:(e,t,n)=>{n.d(t,{Ay:()=>l,RM:()=>d});var i=n(6070),s=n(1100),r=(n(758),n(6783)),a=n(7765);const o=e=>{let{ticket:t}=e;const n=`https://github.com/feature-sliced/documentation/issues/${t}`;return(0,i.jsxs)("div",{children:[(0,i.jsx)("p",{children:(0,a.T)({id:"shared.wip.title"})}),(0,i.jsx)("p",{children:(0,a.T)({id:"shared.wip.subtitle"})}),(0,i.jsxs)("ul",{children:[(0,i.jsxs)("li",{children:[(0,a.T)({id:"shared.wip.var.feedback.base"}),(0,i.jsx)(r.A,{to:n,children:(0,a.T)({id:"shared.wip.var.feedback.link"})})]}),(0,i.jsxs)("li",{children:[(0,a.T)({id:"shared.wip.var.material.base"}),(0,i.jsx)(r.A,{to:"https://t.me/feature_sliced",children:(0,a.T)({id:"shared.wip.var.material.link"})})]}),(0,i.jsxs)("li",{children:[(0,a.T)({id:"shared.wip.var.contribute.base"}),(0,i.jsx)(r.A,{to:"https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md",children:(0,a.T)({id:"shared.wip.var.contribute.link"})})]})]}),(0,i.jsx)("br",{}),(0,i.jsx)("p",{children:(0,i.jsx)("i",{children:"\ud83c\udf70 Stay tuned!"})})]})},d=[];function c(e){const t={admonition:"admonition",...(0,s.R)(),...e.components};return(0,i.jsx)(t.admonition,{title:"WIP",type:"caution",children:(0,i.jsx)(o,{ticket:e.ticket})})}function l(e={}){const{wrapper:t}={...(0,s.R)(),...e.components};return t?(0,i.jsx)(t,{...e,children:(0,i.jsx)(c,{...e})}):c(e)}},6202:(e,t,n)=>{n.r(t),n.d(t,{assets:()=>c,contentTitle:()=>o,default:()=>h,frontMatter:()=>a,metadata:()=>d,toc:()=>l});var i=n(6070),s=n(1100),r=n(1928);const a={sidebar_position:5,sidebar_class_name:"sidebar-item--wip"},o="Signals of architecture",d={id:"about/understanding/signals",title:"Signals of architecture",description:"If there is a limitation on the part of the architecture, then there are obvious reasons for this, and consequences if they are ignored",source:"@site/i18n/en/docusaurus-plugin-content-docs/current/about/understanding/signals.mdx",sourceDirName:"about/understanding",slug:"/about/understanding/signals",permalink:"/uz/docs/about/understanding/signals",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/about/understanding/signals.mdx",tags:[],version:"current",lastUpdatedAt:1728325386e3,sidebarPosition:5,frontMatter:{sidebar_position:5,sidebar_class_name:"sidebar-item--wip"},sidebar:"aboutSidebar",previous:{title:"Naming",permalink:"/uz/docs/about/understanding/naming"},next:{title:"Abstractions",permalink:"/uz/docs/about/understanding/abstractions"}},c={},l=[...r.RM,{value:"See also",id:"see-also",level:2}];function u(e){const t={a:"a",blockquote:"blockquote",h1:"h1",h2:"h2",header:"header",li:"li",p:"p",ul:"ul",...(0,s.R)(),...e.components};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(t.header,{children:(0,i.jsx)(t.h1,{id:"signals-of-architecture",children:"Signals of architecture"})}),"\n",(0,i.jsx)(r.Ay,{ticket:"194"}),"\n",(0,i.jsxs)(t.blockquote,{children:["\n",(0,i.jsx)(t.p,{children:"If there is a limitation on the part of the architecture, then there are obvious reasons for this, and consequences if they are ignored"}),"\n"]}),"\n",(0,i.jsxs)(t.blockquote,{children:["\n",(0,i.jsx)(t.p,{children:"The methodology and architecture gives signals, and how to deal with it depends on what risks you are ready to take on and what is most suitable for your team)"}),"\n"]}),"\n",(0,i.jsx)(t.h2,{id:"see-also",children:"See also"}),"\n",(0,i.jsxs)(t.ul,{children:["\n",(0,i.jsx)(t.li,{children:(0,i.jsx)(t.a,{href:"https://t.me/feature_sliced/2070",children:"(Thread) About signals from architecture and dataflow"})}),"\n",(0,i.jsx)(t.li,{children:(0,i.jsx)(t.a,{href:"https://t.me/feature_sliced/2492",children:"(Thread) About the fundamental nature of architecture"})}),"\n",(0,i.jsx)(t.li,{children:(0,i.jsx)(t.a,{href:"https://t.me/feature_sliced/3979",children:"(Thread) About highlighting weak points"})}),"\n",(0,i.jsx)(t.li,{children:(0,i.jsx)(t.a,{href:"https://t.me/feature_sliced/4228",children:"(Thread) How to understand that the data model is swollen"})}),"\n"]})]})}function h(e={}){const{wrapper:t}={...(0,s.R)(),...e.components};return t?(0,i.jsx)(t,{...e,children:(0,i.jsx)(u,{...e})}):u(e)}},1100:(e,t,n)=>{n.d(t,{R:()=>a,x:()=>o});var i=n(758);const s={},r=i.createContext(s);function a(e){const t=i.useContext(r);return i.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function o(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(s):e.components||s:a(e.components),i.createElement(r.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
diff --git a/uz/assets/js/5f7e5f34.5339c6fc.js b/uz/assets/js/5f7e5f34.94a86491.js
similarity index 99%
rename from uz/assets/js/5f7e5f34.5339c6fc.js
rename to uz/assets/js/5f7e5f34.94a86491.js
index 1fd2f5d594..b6aab6321e 100644
--- a/uz/assets/js/5f7e5f34.5339c6fc.js
+++ b/uz/assets/js/5f7e5f34.94a86491.js
@@ -1 +1 @@
-"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[3366],{1928:(e,n,i)=>{i.d(n,{Ay:()=>a,RM:()=>d});var s=i(6070),t=i(1100),o=(i(758),i(6783)),r=i(7765);const c=e=>{let{ticket:n}=e;const i=`https://github.com/feature-sliced/documentation/issues/${n}`;return(0,s.jsxs)("div",{children:[(0,s.jsx)("p",{children:(0,r.T)({id:"shared.wip.title"})}),(0,s.jsx)("p",{children:(0,r.T)({id:"shared.wip.subtitle"})}),(0,s.jsxs)("ul",{children:[(0,s.jsxs)("li",{children:[(0,r.T)({id:"shared.wip.var.feedback.base"}),(0,s.jsx)(o.A,{to:i,children:(0,r.T)({id:"shared.wip.var.feedback.link"})})]}),(0,s.jsxs)("li",{children:[(0,r.T)({id:"shared.wip.var.material.base"}),(0,s.jsx)(o.A,{to:"https://t.me/feature_sliced",children:(0,r.T)({id:"shared.wip.var.material.link"})})]}),(0,s.jsxs)("li",{children:[(0,r.T)({id:"shared.wip.var.contribute.base"}),(0,s.jsx)(o.A,{to:"https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md",children:(0,r.T)({id:"shared.wip.var.contribute.link"})})]})]}),(0,s.jsx)("br",{}),(0,s.jsx)("p",{children:(0,s.jsx)("i",{children:"\ud83c\udf70 Stay tuned!"})})]})},d=[];function l(e){const n={admonition:"admonition",...(0,t.R)(),...e.components};return(0,s.jsx)(n.admonition,{title:"WIP",type:"caution",children:(0,s.jsx)(c,{ticket:e.ticket})})}function a(e={}){const{wrapper:n}={...(0,t.R)(),...e.components};return n?(0,s.jsx)(n,{...e,children:(0,s.jsx)(l,{...e})}):l(e)}},7908:(e,n,i)=>{i.r(n),i.d(n,{assets:()=>l,contentTitle:()=>c,default:()=>h,frontMatter:()=>r,metadata:()=>d,toc:()=>a});var s=i(6070),t=i(1100),o=i(1928);const r={sidebar_position:2,sidebar_class_name:"sidebar-item--wip"},c="Desegemented",d={id:"guides/issues/desegmented",title:"Desegemented",description:"Situation",source:"@site/i18n/en/docusaurus-plugin-content-docs/current/guides/issues/desegmented.mdx",sourceDirName:"guides/issues",slug:"/guides/issues/desegmented",permalink:"/uz/docs/guides/issues/desegmented",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/guides/issues/desegmented.mdx",tags:[],version:"current",lastUpdatedAt:1727607766e3,sidebarPosition:2,frontMatter:{sidebar_position:2,sidebar_class_name:"sidebar-item--wip"},sidebar:"guidesSidebar",previous:{title:"Usage with SvelteKit",permalink:"/uz/docs/guides/tech/with-sveltekit"},next:{title:"Routing",permalink:"/uz/docs/guides/issues/routes"}},l={},a=[...o.RM,{value:"Situation",id:"situation",level:2},{value:"Problem",id:"problem",level:2},{value:"If you ignore it",id:"if-you-ignore-it",level:2},{value:"Solution",id:"solution",level:2},{value:"See also",id:"see-also",level:2}];function u(e){const n={a:"a",blockquote:"blockquote",code:"code",h1:"h1",h2:"h2",header:"header",li:"li",p:"p",pre:"pre",ul:"ul",...(0,t.R)(),...e.components};return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(n.header,{children:(0,s.jsx)(n.h1,{id:"desegemented",children:"Desegemented"})}),"\n",(0,s.jsx)(o.Ay,{ticket:"148"}),"\n",(0,s.jsx)(n.h2,{id:"situation",children:"Situation"}),"\n",(0,s.jsx)(n.p,{children:"Very often, there is a situation on projects when modules related to a specific domain from the subject area are unnecessarily desegmented and scattered around the project"}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-sh",children:"\u251c\u2500\u2500 components/\n|    \u251c\u2500\u2500 DeliveryCard\n|    \u251c\u2500\u2500 DeliveryChoice\n|    \u251c\u2500\u2500 RegionSelect\n|    \u251c\u2500\u2500 UserAvatar\n\u251c\u2500\u2500 actions/\n|    \u251c\u2500\u2500 delivery.js\n|    \u251c\u2500\u2500 region.js\n|    \u251c\u2500\u2500 user.js\n\u251c\u2500\u2500 epics/\n|    \u251c\u2500\u2500 delivery.js\n|    \u251c\u2500\u2500 region.js\n|    \u251c\u2500\u2500 user.js\n\u251c\u2500\u2500 constants/\n|    \u251c\u2500\u2500 delivery.js\n|    \u251c\u2500\u2500 region.js\n|    \u251c\u2500\u2500 user.js\n\u251c\u2500\u2500 helpers/\n|    \u251c\u2500\u2500 delivery.js\n|    \u251c\u2500\u2500 region.js\n|    \u251c\u2500\u2500 user.js\n\u251c\u2500\u2500 entities/\n|    \u251c\u2500\u2500 delivery/\n|    |      \u251c\u2500\u2500 getters.js\n|    |      \u251c\u2500\u2500 selectors.js\n|    \u251c\u2500\u2500 region/\n|    \u251c\u2500\u2500 user/\n"})}),"\n",(0,s.jsx)(n.h2,{id:"problem",children:"Problem"}),"\n",(0,s.jsx)(n.p,{children:"The problem manifests itself at least in violation of the principle of * * High Cohesion** and excessive stretching * * of the axis of changes**"}),"\n",(0,s.jsx)(n.h2,{id:"if-you-ignore-it",children:"If you ignore it"}),"\n",(0,s.jsxs)(n.ul,{children:["\n",(0,s.jsx)(n.li,{children:"If necessary, touch on the logic, for example, delivery - we will have to keep in mind that it lies in several places and touch on several places in the code-which unnecessarily stretches our * * Axis of changes**"}),"\n",(0,s.jsx)(n.li,{children:"If we need to study the logic of the user, we will have to go through the whole project to study in detail * * actions, epics, constants, entities, components** - instead of it lying in one place"}),"\n",(0,s.jsx)(n.li,{children:"Implicit connections and the uncontrollability of a growing subject area"}),"\n",(0,s.jsx)(n.li,{children:'With this approach, the eye is very often blurred and you may not notice how we "create constants for the sake of constants", creating a dump in the corresponding project directory'}),"\n"]}),"\n",(0,s.jsx)(n.h2,{id:"solution",children:"Solution"}),"\n",(0,s.jsx)(n.p,{children:"Place all modules related to a specific domain/user case - directly next to each other"}),"\n",(0,s.jsx)(n.p,{children:"So that when studying a particular module, all its components lie side by side, and are not scattered around the project"}),"\n",(0,s.jsxs)(n.blockquote,{children:["\n",(0,s.jsx)(n.p,{children:"It also increases the discoverability and clarity of the code base and the relationships between modules"}),"\n"]}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-diff",children:"- \u251c\u2500\u2500 components/\n- |    \u251c\u2500\u2500 DeliveryCard\n- |    \u251c\u2500\u2500 DeliveryChoice\n- |    \u251c\u2500\u2500 RegionSelect\n- |    \u251c\u2500\u2500 UserAvatar\n- \u251c\u2500\u2500 actions/\n- |    \u251c\u2500\u2500 delivery.js\n- |    \u251c\u2500\u2500 region.js\n- |    \u251c\u2500\u2500 user.js\n- \u251c\u2500\u2500 epics/{...}\n- \u251c\u2500\u2500 constants/{...}\n- \u251c\u2500\u2500 helpers/{...}\n  \u251c\u2500\u2500 entities/\n  |    \u251c\u2500\u2500 delivery/\n+ |    |      \u251c\u2500\u2500 ui/ # ~ components/\n+ |    |      |   \u251c\u2500\u2500 card.js\n+ |    |      |   \u251c\u2500\u2500 choice.js\n+ |    |      \u251c\u2500\u2500 model/\n+ |    |      |   \u251c\u2500\u2500 actions.js\n+ |    |      |   \u251c\u2500\u2500 constants.js\n+ |    |      |   \u251c\u2500\u2500 epics.js\n+ |    |      |   \u251c\u2500\u2500 getters.js\n+ |    |      |   \u251c\u2500\u2500 selectors.js\n+ |    |      \u251c\u2500\u2500 lib/ # ~ helpers\n  |    \u251c\u2500\u2500 region/\n  |    \u251c\u2500\u2500 user/\n"})}),"\n",(0,s.jsx)(n.h2,{id:"see-also",children:"See also"}),"\n",(0,s.jsxs)(n.ul,{children:["\n",(0,s.jsx)(n.li,{children:(0,s.jsx)(n.a,{href:"https://enterprisecraftsmanship.com/posts/cohesion-coupling-difference/",children:"(Article) About Low Coupling and High Cohesion clearly"})}),"\n",(0,s.jsx)(n.li,{children:(0,s.jsx)(n.a,{href:"https://medium.com/german-gorelkin/low-coupling-high-cohesion-d36369fb1be9",children:"(Article) Low Coupling and High Cohesion. The Law of Demeter"})}),"\n"]})]})}function h(e={}){const{wrapper:n}={...(0,t.R)(),...e.components};return n?(0,s.jsx)(n,{...e,children:(0,s.jsx)(u,{...e})}):u(e)}},1100:(e,n,i)=>{i.d(n,{R:()=>r,x:()=>c});var s=i(758);const t={},o=s.createContext(t);function r(e){const n=s.useContext(o);return s.useMemo((function(){return"function"==typeof e?e(n):{...n,...e}}),[n,e])}function c(e){let n;return n=e.disableParentContext?"function"==typeof e.components?e.components(t):e.components||t:r(e.components),s.createElement(o.Provider,{value:n},e.children)}}}]);
\ No newline at end of file
+"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[3366],{1928:(e,n,i)=>{i.d(n,{Ay:()=>a,RM:()=>d});var s=i(6070),t=i(1100),o=(i(758),i(6783)),r=i(7765);const c=e=>{let{ticket:n}=e;const i=`https://github.com/feature-sliced/documentation/issues/${n}`;return(0,s.jsxs)("div",{children:[(0,s.jsx)("p",{children:(0,r.T)({id:"shared.wip.title"})}),(0,s.jsx)("p",{children:(0,r.T)({id:"shared.wip.subtitle"})}),(0,s.jsxs)("ul",{children:[(0,s.jsxs)("li",{children:[(0,r.T)({id:"shared.wip.var.feedback.base"}),(0,s.jsx)(o.A,{to:i,children:(0,r.T)({id:"shared.wip.var.feedback.link"})})]}),(0,s.jsxs)("li",{children:[(0,r.T)({id:"shared.wip.var.material.base"}),(0,s.jsx)(o.A,{to:"https://t.me/feature_sliced",children:(0,r.T)({id:"shared.wip.var.material.link"})})]}),(0,s.jsxs)("li",{children:[(0,r.T)({id:"shared.wip.var.contribute.base"}),(0,s.jsx)(o.A,{to:"https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md",children:(0,r.T)({id:"shared.wip.var.contribute.link"})})]})]}),(0,s.jsx)("br",{}),(0,s.jsx)("p",{children:(0,s.jsx)("i",{children:"\ud83c\udf70 Stay tuned!"})})]})},d=[];function l(e){const n={admonition:"admonition",...(0,t.R)(),...e.components};return(0,s.jsx)(n.admonition,{title:"WIP",type:"caution",children:(0,s.jsx)(c,{ticket:e.ticket})})}function a(e={}){const{wrapper:n}={...(0,t.R)(),...e.components};return n?(0,s.jsx)(n,{...e,children:(0,s.jsx)(l,{...e})}):l(e)}},7908:(e,n,i)=>{i.r(n),i.d(n,{assets:()=>l,contentTitle:()=>c,default:()=>h,frontMatter:()=>r,metadata:()=>d,toc:()=>a});var s=i(6070),t=i(1100),o=i(1928);const r={sidebar_position:2,sidebar_class_name:"sidebar-item--wip"},c="Desegemented",d={id:"guides/issues/desegmented",title:"Desegemented",description:"Situation",source:"@site/i18n/en/docusaurus-plugin-content-docs/current/guides/issues/desegmented.mdx",sourceDirName:"guides/issues",slug:"/guides/issues/desegmented",permalink:"/uz/docs/guides/issues/desegmented",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/guides/issues/desegmented.mdx",tags:[],version:"current",lastUpdatedAt:1728325386e3,sidebarPosition:2,frontMatter:{sidebar_position:2,sidebar_class_name:"sidebar-item--wip"},sidebar:"guidesSidebar",previous:{title:"Usage with SvelteKit",permalink:"/uz/docs/guides/tech/with-sveltekit"},next:{title:"Routing",permalink:"/uz/docs/guides/issues/routes"}},l={},a=[...o.RM,{value:"Situation",id:"situation",level:2},{value:"Problem",id:"problem",level:2},{value:"If you ignore it",id:"if-you-ignore-it",level:2},{value:"Solution",id:"solution",level:2},{value:"See also",id:"see-also",level:2}];function u(e){const n={a:"a",blockquote:"blockquote",code:"code",h1:"h1",h2:"h2",header:"header",li:"li",p:"p",pre:"pre",ul:"ul",...(0,t.R)(),...e.components};return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(n.header,{children:(0,s.jsx)(n.h1,{id:"desegemented",children:"Desegemented"})}),"\n",(0,s.jsx)(o.Ay,{ticket:"148"}),"\n",(0,s.jsx)(n.h2,{id:"situation",children:"Situation"}),"\n",(0,s.jsx)(n.p,{children:"Very often, there is a situation on projects when modules related to a specific domain from the subject area are unnecessarily desegmented and scattered around the project"}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-sh",children:"\u251c\u2500\u2500 components/\n|    \u251c\u2500\u2500 DeliveryCard\n|    \u251c\u2500\u2500 DeliveryChoice\n|    \u251c\u2500\u2500 RegionSelect\n|    \u251c\u2500\u2500 UserAvatar\n\u251c\u2500\u2500 actions/\n|    \u251c\u2500\u2500 delivery.js\n|    \u251c\u2500\u2500 region.js\n|    \u251c\u2500\u2500 user.js\n\u251c\u2500\u2500 epics/\n|    \u251c\u2500\u2500 delivery.js\n|    \u251c\u2500\u2500 region.js\n|    \u251c\u2500\u2500 user.js\n\u251c\u2500\u2500 constants/\n|    \u251c\u2500\u2500 delivery.js\n|    \u251c\u2500\u2500 region.js\n|    \u251c\u2500\u2500 user.js\n\u251c\u2500\u2500 helpers/\n|    \u251c\u2500\u2500 delivery.js\n|    \u251c\u2500\u2500 region.js\n|    \u251c\u2500\u2500 user.js\n\u251c\u2500\u2500 entities/\n|    \u251c\u2500\u2500 delivery/\n|    |      \u251c\u2500\u2500 getters.js\n|    |      \u251c\u2500\u2500 selectors.js\n|    \u251c\u2500\u2500 region/\n|    \u251c\u2500\u2500 user/\n"})}),"\n",(0,s.jsx)(n.h2,{id:"problem",children:"Problem"}),"\n",(0,s.jsx)(n.p,{children:"The problem manifests itself at least in violation of the principle of * * High Cohesion** and excessive stretching * * of the axis of changes**"}),"\n",(0,s.jsx)(n.h2,{id:"if-you-ignore-it",children:"If you ignore it"}),"\n",(0,s.jsxs)(n.ul,{children:["\n",(0,s.jsx)(n.li,{children:"If necessary, touch on the logic, for example, delivery - we will have to keep in mind that it lies in several places and touch on several places in the code-which unnecessarily stretches our * * Axis of changes**"}),"\n",(0,s.jsx)(n.li,{children:"If we need to study the logic of the user, we will have to go through the whole project to study in detail * * actions, epics, constants, entities, components** - instead of it lying in one place"}),"\n",(0,s.jsx)(n.li,{children:"Implicit connections and the uncontrollability of a growing subject area"}),"\n",(0,s.jsx)(n.li,{children:'With this approach, the eye is very often blurred and you may not notice how we "create constants for the sake of constants", creating a dump in the corresponding project directory'}),"\n"]}),"\n",(0,s.jsx)(n.h2,{id:"solution",children:"Solution"}),"\n",(0,s.jsx)(n.p,{children:"Place all modules related to a specific domain/user case - directly next to each other"}),"\n",(0,s.jsx)(n.p,{children:"So that when studying a particular module, all its components lie side by side, and are not scattered around the project"}),"\n",(0,s.jsxs)(n.blockquote,{children:["\n",(0,s.jsx)(n.p,{children:"It also increases the discoverability and clarity of the code base and the relationships between modules"}),"\n"]}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-diff",children:"- \u251c\u2500\u2500 components/\n- |    \u251c\u2500\u2500 DeliveryCard\n- |    \u251c\u2500\u2500 DeliveryChoice\n- |    \u251c\u2500\u2500 RegionSelect\n- |    \u251c\u2500\u2500 UserAvatar\n- \u251c\u2500\u2500 actions/\n- |    \u251c\u2500\u2500 delivery.js\n- |    \u251c\u2500\u2500 region.js\n- |    \u251c\u2500\u2500 user.js\n- \u251c\u2500\u2500 epics/{...}\n- \u251c\u2500\u2500 constants/{...}\n- \u251c\u2500\u2500 helpers/{...}\n  \u251c\u2500\u2500 entities/\n  |    \u251c\u2500\u2500 delivery/\n+ |    |      \u251c\u2500\u2500 ui/ # ~ components/\n+ |    |      |   \u251c\u2500\u2500 card.js\n+ |    |      |   \u251c\u2500\u2500 choice.js\n+ |    |      \u251c\u2500\u2500 model/\n+ |    |      |   \u251c\u2500\u2500 actions.js\n+ |    |      |   \u251c\u2500\u2500 constants.js\n+ |    |      |   \u251c\u2500\u2500 epics.js\n+ |    |      |   \u251c\u2500\u2500 getters.js\n+ |    |      |   \u251c\u2500\u2500 selectors.js\n+ |    |      \u251c\u2500\u2500 lib/ # ~ helpers\n  |    \u251c\u2500\u2500 region/\n  |    \u251c\u2500\u2500 user/\n"})}),"\n",(0,s.jsx)(n.h2,{id:"see-also",children:"See also"}),"\n",(0,s.jsxs)(n.ul,{children:["\n",(0,s.jsx)(n.li,{children:(0,s.jsx)(n.a,{href:"https://enterprisecraftsmanship.com/posts/cohesion-coupling-difference/",children:"(Article) About Low Coupling and High Cohesion clearly"})}),"\n",(0,s.jsx)(n.li,{children:(0,s.jsx)(n.a,{href:"https://medium.com/german-gorelkin/low-coupling-high-cohesion-d36369fb1be9",children:"(Article) Low Coupling and High Cohesion. The Law of Demeter"})}),"\n"]})]})}function h(e={}){const{wrapper:n}={...(0,t.R)(),...e.components};return n?(0,s.jsx)(n,{...e,children:(0,s.jsx)(u,{...e})}):u(e)}},1100:(e,n,i)=>{i.d(n,{R:()=>r,x:()=>c});var s=i(758);const t={},o=s.createContext(t);function r(e){const n=s.useContext(o);return s.useMemo((function(){return"function"==typeof e?e(n):{...n,...e}}),[n,e])}function c(e){let n;return n=e.disableParentContext?"function"==typeof e.components?e.components(t):e.components||t:r(e.components),s.createElement(o.Provider,{value:n},e.children)}}}]);
\ No newline at end of file
diff --git a/uz/assets/js/6636c8dc.6186197e.js b/uz/assets/js/6636c8dc.a7c7b845.js
similarity index 97%
rename from uz/assets/js/6636c8dc.6186197e.js
rename to uz/assets/js/6636c8dc.a7c7b845.js
index 2143a09488..d583216c88 100644
--- a/uz/assets/js/6636c8dc.6186197e.js
+++ b/uz/assets/js/6636c8dc.a7c7b845.js
@@ -1 +1 @@
-"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[106],{1737:(e,t,n)=>{n.r(t),n.d(t,{assets:()=>c,contentTitle:()=>s,default:()=>u,frontMatter:()=>o,metadata:()=>a,toc:()=>l});var r=n(6070),i=n(1100);const o={sidebar_position:1},s="Integration aspects",a={id:"about/promote/integration",title:"Integration aspects",description:"Summary",source:"@site/i18n/en/docusaurus-plugin-content-docs/current/about/promote/integration.mdx",sourceDirName:"about/promote",slug:"/about/promote/integration",permalink:"/uz/docs/about/promote/integration",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/about/promote/integration.mdx",tags:[],version:"current",lastUpdatedAt:1727607766e3,sidebarPosition:1,frontMatter:{sidebar_position:1},sidebar:"aboutSidebar",previous:{title:"Abstractions",permalink:"/uz/docs/about/understanding/abstractions"},next:{title:"Partial Application",permalink:"/uz/docs/about/promote/partial-application"}},c={},l=[{value:"Summary",id:"summary",level:2},{value:"Also",id:"also",level:2}];function d(e){const t={a:"a",h1:"h1",h2:"h2",header:"header",li:"li",p:"p",strong:"strong",ul:"ul",...(0,i.R)(),...e.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(t.header,{children:(0,r.jsx)(t.h1,{id:"integration-aspects",children:"Integration aspects"})}),"\n",(0,r.jsx)(t.h2,{id:"summary",children:"Summary"}),"\n",(0,r.jsx)(t.p,{children:"First 5 minutes (RU):"}),"\n",(0,r.jsx)("iframe",{className:"youtube",src:"https://www.youtube.com/embed/TFA6zRO_Cl0?start=2110",title:"YouTube video player",frameborder:"0",allow:"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture",allowfullscreen:!0}),"\n",(0,r.jsx)(t.h2,{id:"also",children:"Also"}),"\n",(0,r.jsxs)(t.p,{children:[(0,r.jsx)(t.strong,{children:"Advantages"}),":"]}),"\n",(0,r.jsxs)(t.ul,{children:["\n",(0,r.jsx)(t.li,{children:(0,r.jsx)(t.a,{href:"/docs/get-started/overview",children:"Overview"})}),"\n",(0,r.jsx)(t.li,{children:"CodeReview"}),"\n",(0,r.jsx)(t.li,{children:"Onboarding"}),"\n"]}),"\n",(0,r.jsx)(t.p,{children:(0,r.jsx)(t.strong,{children:"Disadvantages:"})}),"\n",(0,r.jsxs)(t.ul,{children:["\n",(0,r.jsx)(t.li,{children:"Mental complexity"}),"\n",(0,r.jsx)(t.li,{children:"High entry threshold"}),"\n",(0,r.jsx)(t.li,{children:'"Layers hell"'}),"\n",(0,r.jsx)(t.li,{children:"Typical problems of feature-based approaches"}),"\n"]})]})}function u(e={}){const{wrapper:t}={...(0,i.R)(),...e.components};return t?(0,r.jsx)(t,{...e,children:(0,r.jsx)(d,{...e})}):d(e)}},1100:(e,t,n)=>{n.d(t,{R:()=>s,x:()=>a});var r=n(758);const i={},o=r.createContext(i);function s(e){const t=r.useContext(o);return r.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function a(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(i):e.components||i:s(e.components),r.createElement(o.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
+"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[106],{1737:(e,t,n)=>{n.r(t),n.d(t,{assets:()=>c,contentTitle:()=>s,default:()=>u,frontMatter:()=>o,metadata:()=>a,toc:()=>l});var r=n(6070),i=n(1100);const o={sidebar_position:1},s="Integration aspects",a={id:"about/promote/integration",title:"Integration aspects",description:"Summary",source:"@site/i18n/en/docusaurus-plugin-content-docs/current/about/promote/integration.mdx",sourceDirName:"about/promote",slug:"/about/promote/integration",permalink:"/uz/docs/about/promote/integration",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/about/promote/integration.mdx",tags:[],version:"current",lastUpdatedAt:1728325386e3,sidebarPosition:1,frontMatter:{sidebar_position:1},sidebar:"aboutSidebar",previous:{title:"Abstractions",permalink:"/uz/docs/about/understanding/abstractions"},next:{title:"Partial Application",permalink:"/uz/docs/about/promote/partial-application"}},c={},l=[{value:"Summary",id:"summary",level:2},{value:"Also",id:"also",level:2}];function d(e){const t={a:"a",h1:"h1",h2:"h2",header:"header",li:"li",p:"p",strong:"strong",ul:"ul",...(0,i.R)(),...e.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(t.header,{children:(0,r.jsx)(t.h1,{id:"integration-aspects",children:"Integration aspects"})}),"\n",(0,r.jsx)(t.h2,{id:"summary",children:"Summary"}),"\n",(0,r.jsx)(t.p,{children:"First 5 minutes (RU):"}),"\n",(0,r.jsx)("iframe",{className:"youtube",src:"https://www.youtube.com/embed/TFA6zRO_Cl0?start=2110",title:"YouTube video player",frameborder:"0",allow:"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture",allowfullscreen:!0}),"\n",(0,r.jsx)(t.h2,{id:"also",children:"Also"}),"\n",(0,r.jsxs)(t.p,{children:[(0,r.jsx)(t.strong,{children:"Advantages"}),":"]}),"\n",(0,r.jsxs)(t.ul,{children:["\n",(0,r.jsx)(t.li,{children:(0,r.jsx)(t.a,{href:"/docs/get-started/overview",children:"Overview"})}),"\n",(0,r.jsx)(t.li,{children:"CodeReview"}),"\n",(0,r.jsx)(t.li,{children:"Onboarding"}),"\n"]}),"\n",(0,r.jsx)(t.p,{children:(0,r.jsx)(t.strong,{children:"Disadvantages:"})}),"\n",(0,r.jsxs)(t.ul,{children:["\n",(0,r.jsx)(t.li,{children:"Mental complexity"}),"\n",(0,r.jsx)(t.li,{children:"High entry threshold"}),"\n",(0,r.jsx)(t.li,{children:'"Layers hell"'}),"\n",(0,r.jsx)(t.li,{children:"Typical problems of feature-based approaches"}),"\n"]})]})}function u(e={}){const{wrapper:t}={...(0,i.R)(),...e.components};return t?(0,r.jsx)(t,{...e,children:(0,r.jsx)(d,{...e})}):d(e)}},1100:(e,t,n)=>{n.d(t,{R:()=>s,x:()=>a});var r=n(758);const i={},o=r.createContext(i);function s(e){const t=r.useContext(o);return r.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function a(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(i):e.components||i:s(e.components),r.createElement(o.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
diff --git a/uz/assets/js/664a648d.1511c618.js b/uz/assets/js/664a648d.85f82e4c.js
similarity index 98%
rename from uz/assets/js/664a648d.1511c618.js
rename to uz/assets/js/664a648d.85f82e4c.js
index aea15910a1..cdc862e846 100644
--- a/uz/assets/js/664a648d.1511c618.js
+++ b/uz/assets/js/664a648d.85f82e4c.js
@@ -1 +1 @@
-"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[5936],{1928:(t,e,i)=>{i.d(e,{Ay:()=>l,RM:()=>c});var n=i(6070),o=i(1100),a=(i(758),i(6783)),r=i(7765);const s=t=>{let{ticket:e}=t;const i=`https://github.com/feature-sliced/documentation/issues/${e}`;return(0,n.jsxs)("div",{children:[(0,n.jsx)("p",{children:(0,r.T)({id:"shared.wip.title"})}),(0,n.jsx)("p",{children:(0,r.T)({id:"shared.wip.subtitle"})}),(0,n.jsxs)("ul",{children:[(0,n.jsxs)("li",{children:[(0,r.T)({id:"shared.wip.var.feedback.base"}),(0,n.jsx)(a.A,{to:i,children:(0,r.T)({id:"shared.wip.var.feedback.link"})})]}),(0,n.jsxs)("li",{children:[(0,r.T)({id:"shared.wip.var.material.base"}),(0,n.jsx)(a.A,{to:"https://t.me/feature_sliced",children:(0,r.T)({id:"shared.wip.var.material.link"})})]}),(0,n.jsxs)("li",{children:[(0,r.T)({id:"shared.wip.var.contribute.base"}),(0,n.jsx)(a.A,{to:"https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md",children:(0,r.T)({id:"shared.wip.var.contribute.link"})})]})]}),(0,n.jsx)("br",{}),(0,n.jsx)("p",{children:(0,n.jsx)("i",{children:"\ud83c\udf70 Stay tuned!"})})]})},c=[];function d(t){const e={admonition:"admonition",...(0,o.R)(),...t.components};return(0,n.jsx)(e.admonition,{title:"WIP",type:"caution",children:(0,n.jsx)(s,{ticket:t.ticket})})}function l(t={}){const{wrapper:e}={...(0,o.R)(),...t.components};return e?(0,n.jsx)(e,{...t,children:(0,n.jsx)(d,{...t})}):d(t)}},8345:(t,e,i)=>{i.r(e),i.d(e,{assets:()=>d,contentTitle:()=>s,default:()=>u,frontMatter:()=>r,metadata:()=>c,toc:()=>l});var n=i(6070),o=i(1100),a=i(1928);const r={sidebar_position:2,sidebar_class_name:"sidebar-item--wip"},s="Partial Application",c={id:"about/promote/partial-application",title:"Partial Application",description:"How to partially apply the methodology? Does it make sense? What if I ignore it?",source:"@site/i18n/en/docusaurus-plugin-content-docs/current/about/promote/partial-application.mdx",sourceDirName:"about/promote",slug:"/about/promote/partial-application",permalink:"/uz/docs/about/promote/partial-application",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/about/promote/partial-application.mdx",tags:[],version:"current",lastUpdatedAt:1727607766e3,sidebarPosition:2,frontMatter:{sidebar_position:2,sidebar_class_name:"sidebar-item--wip"},sidebar:"aboutSidebar",previous:{title:"Integration aspects",permalink:"/uz/docs/about/promote/integration"},next:{title:"Promote in team",permalink:"/uz/docs/about/promote/for-team"}},d={},l=[...a.RM];function p(t){const e={blockquote:"blockquote",h1:"h1",header:"header",p:"p",...(0,o.R)(),...t.components};return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(e.header,{children:(0,n.jsx)(e.h1,{id:"partial-application",children:"Partial Application"})}),"\n",(0,n.jsx)(a.Ay,{ticket:"199"}),"\n",(0,n.jsxs)(e.blockquote,{children:["\n",(0,n.jsx)(e.p,{children:"How to partially apply the methodology? Does it make sense? What if I ignore it?"}),"\n"]})]})}function u(t={}){const{wrapper:e}={...(0,o.R)(),...t.components};return e?(0,n.jsx)(e,{...t,children:(0,n.jsx)(p,{...t})}):p(t)}},1100:(t,e,i)=>{i.d(e,{R:()=>r,x:()=>s});var n=i(758);const o={},a=n.createContext(o);function r(t){const e=n.useContext(a);return n.useMemo((function(){return"function"==typeof t?t(e):{...e,...t}}),[e,t])}function s(t){let e;return e=t.disableParentContext?"function"==typeof t.components?t.components(o):t.components||o:r(t.components),n.createElement(a.Provider,{value:e},t.children)}}}]);
\ No newline at end of file
+"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[5936],{1928:(t,e,i)=>{i.d(e,{Ay:()=>l,RM:()=>c});var n=i(6070),o=i(1100),a=(i(758),i(6783)),r=i(7765);const s=t=>{let{ticket:e}=t;const i=`https://github.com/feature-sliced/documentation/issues/${e}`;return(0,n.jsxs)("div",{children:[(0,n.jsx)("p",{children:(0,r.T)({id:"shared.wip.title"})}),(0,n.jsx)("p",{children:(0,r.T)({id:"shared.wip.subtitle"})}),(0,n.jsxs)("ul",{children:[(0,n.jsxs)("li",{children:[(0,r.T)({id:"shared.wip.var.feedback.base"}),(0,n.jsx)(a.A,{to:i,children:(0,r.T)({id:"shared.wip.var.feedback.link"})})]}),(0,n.jsxs)("li",{children:[(0,r.T)({id:"shared.wip.var.material.base"}),(0,n.jsx)(a.A,{to:"https://t.me/feature_sliced",children:(0,r.T)({id:"shared.wip.var.material.link"})})]}),(0,n.jsxs)("li",{children:[(0,r.T)({id:"shared.wip.var.contribute.base"}),(0,n.jsx)(a.A,{to:"https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md",children:(0,r.T)({id:"shared.wip.var.contribute.link"})})]})]}),(0,n.jsx)("br",{}),(0,n.jsx)("p",{children:(0,n.jsx)("i",{children:"\ud83c\udf70 Stay tuned!"})})]})},c=[];function d(t){const e={admonition:"admonition",...(0,o.R)(),...t.components};return(0,n.jsx)(e.admonition,{title:"WIP",type:"caution",children:(0,n.jsx)(s,{ticket:t.ticket})})}function l(t={}){const{wrapper:e}={...(0,o.R)(),...t.components};return e?(0,n.jsx)(e,{...t,children:(0,n.jsx)(d,{...t})}):d(t)}},8345:(t,e,i)=>{i.r(e),i.d(e,{assets:()=>d,contentTitle:()=>s,default:()=>u,frontMatter:()=>r,metadata:()=>c,toc:()=>l});var n=i(6070),o=i(1100),a=i(1928);const r={sidebar_position:2,sidebar_class_name:"sidebar-item--wip"},s="Partial Application",c={id:"about/promote/partial-application",title:"Partial Application",description:"How to partially apply the methodology? Does it make sense? What if I ignore it?",source:"@site/i18n/en/docusaurus-plugin-content-docs/current/about/promote/partial-application.mdx",sourceDirName:"about/promote",slug:"/about/promote/partial-application",permalink:"/uz/docs/about/promote/partial-application",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/about/promote/partial-application.mdx",tags:[],version:"current",lastUpdatedAt:1728325386e3,sidebarPosition:2,frontMatter:{sidebar_position:2,sidebar_class_name:"sidebar-item--wip"},sidebar:"aboutSidebar",previous:{title:"Integration aspects",permalink:"/uz/docs/about/promote/integration"},next:{title:"Promote in team",permalink:"/uz/docs/about/promote/for-team"}},d={},l=[...a.RM];function p(t){const e={blockquote:"blockquote",h1:"h1",header:"header",p:"p",...(0,o.R)(),...t.components};return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(e.header,{children:(0,n.jsx)(e.h1,{id:"partial-application",children:"Partial Application"})}),"\n",(0,n.jsx)(a.Ay,{ticket:"199"}),"\n",(0,n.jsxs)(e.blockquote,{children:["\n",(0,n.jsx)(e.p,{children:"How to partially apply the methodology? Does it make sense? What if I ignore it?"}),"\n"]})]})}function u(t={}){const{wrapper:e}={...(0,o.R)(),...t.components};return e?(0,n.jsx)(e,{...t,children:(0,n.jsx)(p,{...t})}):p(t)}},1100:(t,e,i)=>{i.d(e,{R:()=>r,x:()=>s});var n=i(758);const o={},a=n.createContext(o);function r(t){const e=n.useContext(a);return n.useMemo((function(){return"function"==typeof t?t(e):{...e,...t}}),[e,t])}function s(t){let e;return e=t.disableParentContext?"function"==typeof t.components?t.components(o):t.components||o:r(t.components),n.createElement(a.Provider,{value:e},t.children)}}}]);
\ No newline at end of file
diff --git a/uz/assets/js/66d3db7c.9d217177.js b/uz/assets/js/66d3db7c.3b1ad8f2.js
similarity index 99%
rename from uz/assets/js/66d3db7c.9d217177.js
rename to uz/assets/js/66d3db7c.3b1ad8f2.js
index 2aeae538f3..619ff32ab5 100644
--- a/uz/assets/js/66d3db7c.9d217177.js
+++ b/uz/assets/js/66d3db7c.3b1ad8f2.js
@@ -1 +1 @@
-"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[7068],{9311:(e,t,n)=>{n.r(t),n.d(t,{assets:()=>c,contentTitle:()=>o,default:()=>h,frontMatter:()=>r,metadata:()=>a,toc:()=>d});var s=n(6070),i=n(1100);const r={sidebar_position:2},o="Types",a={id:"guides/examples/types",title:"Types",description:"This guide concerns data types from typed languages like TypeScript and describes where they fit within FSD.",source:"@site/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/types.md",sourceDirName:"guides/examples",slug:"/guides/examples/types",permalink:"/uz/docs/guides/examples/types",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/types.md",tags:[],version:"current",lastUpdatedAt:1727607766e3,sidebarPosition:2,frontMatter:{sidebar_position:2},sidebar:"guidesSidebar",previous:{title:"Authentication",permalink:"/uz/docs/guides/examples/auth"},next:{title:"Page layouts",permalink:"/uz/docs/guides/examples/page-layout"}},c={},d=[{value:"Utility types",id:"utility-types",level:2},{value:"Business entities and their cross-references",id:"business-entities-and-their-cross-references",level:2},{value:"Data transfer objects and mappers",id:"data-transfer-objects-and-mappers",level:2},{value:"Where to put DTOs",id:"where-to-put-dtos",level:3},{value:"Where to put mappers",id:"where-to-put-mappers",level:3},{value:"How to deal with nested DTOs",id:"how-to-deal-with-nested-dtos",level:3},{value:"Global types and Redux",id:"global-types-and-redux",level:2},{value:"Enums",id:"enums",level:2},{value:"Type validation schemas and Zod",id:"type-validation-schemas-and-zod",level:2},{value:"Typings of component props and context",id:"typings-of-component-props-and-context",level:2},{value:"Ambient declaration files (<code>*.d.ts</code>)",id:"ambient-declaration-files-dts",level:2},{value:"Auto-generation of types",id:"auto-generation-of-types",level:2}];function l(e){const t={a:"a",admonition:"admonition",blockquote:"blockquote",br:"br",code:"code",em:"em",h1:"h1",h2:"h2",h3:"h3",header:"header",li:"li",ol:"ol",p:"p",pre:"pre",strong:"strong",ul:"ul",...(0,i.R)(),...e.components};return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(t.header,{children:(0,s.jsx)(t.h1,{id:"types",children:"Types"})}),"\n",(0,s.jsx)(t.p,{children:"This guide concerns data types from typed languages like TypeScript and describes where they fit within FSD."}),"\n",(0,s.jsx)(t.admonition,{type:"info",children:(0,s.jsx)(t.p,{children:"Is your question not covered by this guide? Post your question by leaving feedback on this article (blue button on the right) and we will consider expanding this guide!"})}),"\n",(0,s.jsx)(t.h2,{id:"utility-types",children:"Utility types"}),"\n",(0,s.jsx)(t.p,{children:"Utility types are types that don't have much meaning on their own and are usually used with other types. For example:"}),"\n",(0,s.jsxs)("figure",{children:[(0,s.jsx)(t.pre,{children:(0,s.jsx)(t.code,{className:"language-ts",children:"type ArrayValues<T extends readonly unknown[]> = T[number];\n"})}),(0,s.jsx)("figcaption",{children:(0,s.jsxs)(t.p,{children:["Source: ",(0,s.jsx)(t.a,{href:"https://github.com/sindresorhus/type-fest/blob/main/source/array-values.d.ts",children:"https://github.com/sindresorhus/type-fest/blob/main/source/array-values.d.ts"})]})})]}),"\n",(0,s.jsxs)(t.p,{children:["To make utility types available across your project, either install a library like ",(0,s.jsx)(t.a,{href:"https://github.com/sindresorhus/type-fest",children:(0,s.jsx)(t.code,{children:"type-fest"})}),", or create your own library in ",(0,s.jsx)(t.code,{children:"shared/lib"}),". Make sure to clearly indicate what new types ",(0,s.jsx)(t.em,{children:"should"})," be added to this library, and what types ",(0,s.jsx)(t.em,{children:"don't belong"})," there. For example, call it ",(0,s.jsx)(t.code,{children:"shared/lib/utility-types"})," and add a README inside that describes what is a utility type in your team."]}),"\n",(0,s.jsx)(t.p,{children:"Don't overestimate the potential reusability of a utility type. Just because it can be reused, doesn't mean it will be, and as such, not every utility type needs to be in Shared. Some utility types are fine right next to where they are needed:"}),"\n",(0,s.jsxs)(t.ul,{children:["\n",(0,s.jsxs)(t.li,{children:["\ud83d\udcc2 pages","\n",(0,s.jsxs)(t.ul,{children:["\n",(0,s.jsxs)(t.li,{children:["\ud83d\udcc2 home","\n",(0,s.jsxs)(t.ul,{children:["\n",(0,s.jsxs)(t.li,{children:["\ud83d\udcc2 api","\n",(0,s.jsxs)(t.ul,{children:["\n",(0,s.jsx)(t.li,{children:"\ud83d\udcc4 ArrayValues.ts (utility type)"}),"\n",(0,s.jsx)(t.li,{children:"\ud83d\udcc4 getMemoryUsageMetrics.ts (the code that uses the utility type)"}),"\n"]}),"\n"]}),"\n"]}),"\n"]}),"\n"]}),"\n"]}),"\n"]}),"\n",(0,s.jsx)(t.admonition,{type:"warning",children:(0,s.jsxs)(t.p,{children:["Resist the temptation to create a ",(0,s.jsx)(t.code,{children:"shared/types"})," folder, or to add a ",(0,s.jsx)(t.code,{children:"types"}),' segment to your slices. The category "types" is similar to the category "components" or "hooks" in that it describes what the contents are, not what they are for. Segments should describe the purpose of the code, not the essence.']})}),"\n",(0,s.jsx)(t.h2,{id:"business-entities-and-their-cross-references",children:"Business entities and their cross-references"}),"\n",(0,s.jsxs)(t.p,{children:["Among the most important types in an app are the types of business entities, i.e. the real-world things that your app works with. For example, in a music streaming app, you might have business entities ",(0,s.jsx)(t.em,{children:"Song"}),", ",(0,s.jsx)(t.em,{children:"Album"}),", etc."]}),"\n",(0,s.jsxs)(t.p,{children:["Business entities often come from the backend, so the first step is to type the backend responses. It's convenient to have a function to make a request to every endpoint, and to type the response of this function. For extra type safety, you may want to run the response through a schema validation library like ",(0,s.jsx)(t.a,{href:"https://zod.dev",children:"Zod"}),"."]}),"\n",(0,s.jsx)(t.p,{children:"For example, if you keep all your requests in Shared, you could do it like this:"}),"\n",(0,s.jsx)(t.pre,{children:(0,s.jsx)(t.code,{className:"language-ts",metastring:'title="shared/api/songs.ts"',children:"import type { Artist } from \"./artists\";\n\ninterface Song {\n  id: number;\n  title: string;\n  artists: Array<Artist>;\n}\n\nexport function listSongs() {\n  return fetch('/api/songs').then((res) => res.json() as Promise<Array<Song>>);\n}\n"})}),"\n",(0,s.jsxs)(t.p,{children:["You might notice that the ",(0,s.jsx)(t.code,{children:"Song"})," type references a different entity, ",(0,s.jsx)(t.code,{children:"Artist"}),". This is a benefit of storing your requests in Shared \u2014 real-world types are often intertwined. If we kept this function in ",(0,s.jsx)(t.code,{children:"entities/song/api"}),", we wouldn't be able to simply import ",(0,s.jsx)(t.code,{children:"Artist"})," from ",(0,s.jsx)(t.code,{children:"entities/artist"}),", because FSD restricts cross-imports between slices with ",(0,s.jsx)(t.a,{href:"/docs/reference/layers#import-rule-on-layers",children:"the import rule on layers"}),":"]}),"\n",(0,s.jsxs)(t.blockquote,{children:["\n",(0,s.jsx)(t.p,{children:"A module in a slice can only import other slices when they are located on layers strictly below."}),"\n"]}),"\n",(0,s.jsx)(t.p,{children:"There are two ways to deal with this issue:"}),"\n",(0,s.jsxs)(t.ol,{children:["\n",(0,s.jsxs)(t.li,{children:["\n",(0,s.jsxs)(t.p,{children:[(0,s.jsx)(t.strong,{children:"Parametrize your types"}),(0,s.jsx)(t.br,{}),"\n","You can make your types accept type arguments as slots for connections with other entities, and even impose constraints on those slots. For example:"]}),"\n",(0,s.jsx)(t.pre,{children:(0,s.jsx)(t.code,{className:"language-ts",metastring:'title="entities/song/model/song.ts"',children:"interface Song<ArtistType extends { id: string }> {\n  id: number;\n  title: string;\n  artists: Array<ArtistType>;\n}\n"})}),"\n",(0,s.jsxs)(t.p,{children:["This works better for some types than others. A simple type like ",(0,s.jsx)(t.code,{children:"Cart = { items: Array<Product> }"})," can easily be made to work with any type of product. More connected types, like ",(0,s.jsx)(t.code,{children:"Country"})," and ",(0,s.jsx)(t.code,{children:"City"}),", may not be as easy to separate."]}),"\n"]}),"\n",(0,s.jsxs)(t.li,{children:["\n",(0,s.jsxs)(t.p,{children:[(0,s.jsx)(t.strong,{children:"Cross-import (but do it right)"}),(0,s.jsx)(t.br,{}),"\n","To make cross-imports between entities in FSD, you can use a special public API specifically for each slice that will be cross-importing. For example, if we have entities ",(0,s.jsx)(t.code,{children:"song"}),", ",(0,s.jsx)(t.code,{children:"artist"}),", and ",(0,s.jsx)(t.code,{children:"playlist"}),", and the latter two need to reference ",(0,s.jsx)(t.code,{children:"song"}),", we can make two special public APIs for both of them in the ",(0,s.jsx)(t.code,{children:"song"})," entity with the ",(0,s.jsx)(t.code,{children:"@x"})," notation:"]}),"\n",(0,s.jsxs)(t.ul,{children:["\n",(0,s.jsxs)(t.li,{children:["\ud83d\udcc2 entities","\n",(0,s.jsxs)(t.ul,{children:["\n",(0,s.jsxs)(t.li,{children:["\ud83d\udcc2 song","\n",(0,s.jsxs)(t.ul,{children:["\n",(0,s.jsxs)(t.li,{children:["\ud83d\udcc2 @x","\n",(0,s.jsxs)(t.ul,{children:["\n",(0,s.jsxs)(t.li,{children:["\ud83d\udcc4 artist.ts (a public API for the ",(0,s.jsx)(t.code,{children:"artist"})," entity to import from)"]}),"\n",(0,s.jsxs)(t.li,{children:["\ud83d\udcc4 playlist.ts (a public API for the ",(0,s.jsx)(t.code,{children:"playlist"})," entity to import from)"]}),"\n"]}),"\n"]}),"\n",(0,s.jsx)(t.li,{children:"\ud83d\udcc4 index.ts (regular public API)"}),"\n"]}),"\n"]}),"\n"]}),"\n"]}),"\n"]}),"\n",(0,s.jsxs)(t.p,{children:["The contents of a file ",(0,s.jsx)(t.code,{children:"\ud83d\udcc4 entities/song/@x/artist.ts"})," are similar to ",(0,s.jsx)(t.code,{children:"\ud83d\udcc4 entities/song/index.ts"}),":"]}),"\n",(0,s.jsx)(t.pre,{children:(0,s.jsx)(t.code,{className:"language-ts",metastring:'title="entities/song/@x/artist.ts"',children:'export type { Song } from "../model/song.ts";\n'})}),"\n",(0,s.jsxs)(t.p,{children:["Then the ",(0,s.jsx)(t.code,{children:"\ud83d\udcc4 entities/artist/model/artist.ts"})," can import ",(0,s.jsx)(t.code,{children:"Song"})," like this:"]}),"\n",(0,s.jsx)(t.pre,{children:(0,s.jsx)(t.code,{className:"language-ts",metastring:'title="entities/artist/model/artist.ts"',children:'import type { Song } from "entities/song/@x/artist";\n\nexport interface Artist {\n  name: string;\n  songs: Array<Song>;\n}\n'})}),"\n",(0,s.jsx)(t.p,{children:"By making explicit connections between entities, we stay on top of inter-dependencies and maintain a decent level of domain separation."}),"\n"]}),"\n"]}),"\n",(0,s.jsx)(t.h2,{id:"data-transfer-objects-and-mappers",children:"Data transfer objects and mappers"}),"\n",(0,s.jsx)(t.p,{children:"Data transfer objects, or DTOs, is a term that describes the shape of data that comes from the backend. Sometimes, the DTO is fine to use as is, but sometimes it's inconvenient for the frontend. That's where mappers come in \u2014 they transform a DTO into a more convenient shape."}),"\n",(0,s.jsx)(t.h3,{id:"where-to-put-dtos",children:"Where to put DTOs"}),"\n",(0,s.jsx)(t.p,{children:"If you have backend types in a separate package (for example, if you share code between the frontend and the backend), then just import your DTOs from there and you're done! If you don't share code between the backend and frontend, then you need to keep DTOs somewhere in your frontend codebase, and we will explore this case below."}),"\n",(0,s.jsxs)(t.p,{children:["If you have your request functions in ",(0,s.jsx)(t.code,{children:"shared/api"}),", that's where the DTOs should be, right next to the function that uses them:"]}),"\n",(0,s.jsx)(t.pre,{children:(0,s.jsx)(t.code,{className:"language-ts",metastring:'title="shared/api/songs.ts"',children:'import type { ArtistDTO } from "./artists";\n\ninterface SongDTO {\n  id: number;\n  title: string;\n  artist_ids: Array<ArtistDTO["id"]>;\n}\n\nexport function listSongs() {\n  return fetch(\'/api/songs\').then((res) => res.json() as Promise<Array<SongDTO>>);\n}\n'})}),"\n",(0,s.jsx)(t.p,{children:"As mentioned in the previous section, storing your requests and DTOs in Shared comes with the benefit of being able to reference other DTOs."}),"\n",(0,s.jsx)(t.h3,{id:"where-to-put-mappers",children:"Where to put mappers"}),"\n",(0,s.jsxs)(t.p,{children:["Mappers are functions that accept a DTO for transformation, and as such, they should be located near the definition of the DTO. In practice this means that if your requests and DTOs are defined in ",(0,s.jsx)(t.code,{children:"shared/api"}),", then the mappers should go there as well:"]}),"\n",(0,s.jsx)(t.pre,{children:(0,s.jsx)(t.code,{className:"language-ts",metastring:'title="shared/api/songs.ts"',children:'import type { ArtistDTO } from "./artists";\n\ninterface SongDTO {\n  id: number;\n  title: string;\n  disc_no: number;\n  artist_ids: Array<ArtistDTO["id"]>;\n}\n\ninterface Song {\n  id: string;\n  title: string;\n  /** The full title of the song, including the disc number. */\n  fullTitle: string;\n  artistIds: Array<string>;\n}\n\nfunction adaptSongDTO(dto: SongDTO): Song {\n  return {\n    id: String(dto.id),\n    title: dto.title,\n    fullTitle: `${dto.disc_no} / ${dto.title}`,\n    artistIds: dto.artist_ids.map(String),\n  };\n}\n\nexport function listSongs() {\n  return fetch(\'/api/songs\').then(async (res) => (await res.json()).map(adaptSongDTO));\n}\n'})}),"\n",(0,s.jsx)(t.p,{children:"If your requests and stores are defined in entity slices, then all this code would go there, keeping in mind the limitations of cross-imports between slices:"}),"\n",(0,s.jsx)(t.pre,{children:(0,s.jsx)(t.code,{className:"language-ts",metastring:'title="entities/song/api/dto.ts"',children:'import type { ArtistDTO } from "entities/artist/@x/song";\n\nexport interface SongDTO {\n  id: number;\n  title: string;\n  disc_no: number;\n  artist_ids: Array<ArtistDTO["id"]>;\n}\n'})}),"\n",(0,s.jsx)(t.pre,{children:(0,s.jsx)(t.code,{className:"language-ts",metastring:'title="entities/song/api/mapper.ts"',children:'import type { SongDTO } from "./dto";\n\nexport interface Song {\n  id: string;\n  title: string;\n  /** The full title of the song, including the disc number. */\n  fullTitle: string;\n  artistIds: Array<string>;\n}\n\nexport function adaptSongDTO(dto: SongDTO): Song {\n  return {\n    id: String(dto.id),\n    title: dto.title,\n    fullTitle: `${dto.disc_no} / ${dto.title}`,\n    artistIds: dto.artist_ids.map(String),\n  };\n}\n'})}),"\n",(0,s.jsx)(t.pre,{children:(0,s.jsx)(t.code,{className:"language-ts",metastring:'title="entities/song/api/listSongs.ts"',children:"import { adaptSongDTO } from \"./mapper\";\n\nexport function listSongs() {\n  return fetch('/api/songs').then(async (res) => (await res.json()).map(adaptSongDTO));\n}\n"})}),"\n",(0,s.jsx)(t.pre,{children:(0,s.jsx)(t.code,{className:"language-ts",metastring:'title="entities/song/model/songs.ts"',children:'import { createSlice, createEntityAdapter } from "@reduxjs/toolkit";\n\nimport { listSongs } from "../api/listSongs";\n\nexport const fetchSongs = createAsyncThunk(\'songs/fetchSongs\', listSongs);\n\nconst songAdapter = createEntityAdapter();\nconst songsSlice = createSlice({\n  name: "songs",\n  initialState: songAdapter.getInitialState(),\n  reducers: {},\n  extraReducers: (builder) => {\n    builder.addCase(fetchSongs.fulfilled, (state, action) => {\n      songAdapter.upsertMany(state, action.payload);\n    })\n  },\n});\n'})}),"\n",(0,s.jsx)(t.h3,{id:"how-to-deal-with-nested-dtos",children:"How to deal with nested DTOs"}),"\n",(0,s.jsxs)(t.p,{children:["The most problematic part is when a response from the backend contains several entities. For example, if the song included not just the authors' IDs, but the entire author objects. In this case, it is impossible for entities not to know about each other (unless we want to discard the data or have a firm conversation with the backend team). Instead of coming up with solutions for indirect connections between slices (such as a common middleware that would dispatch actions to other slices), prefer explicit cross-imports with the ",(0,s.jsx)(t.code,{children:"@x"})," notation. Here is how we can implement it with Redux Toolkit:"]}),"\n",(0,s.jsx)(t.pre,{children:(0,s.jsx)(t.code,{className:"language-ts",metastring:'title="entities/song/model/songs.ts"',children:"import {\n  createSlice,\n  createEntityAdapter,\n  createAsyncThunk,\n  createSelector,\n} from '@reduxjs/toolkit'\nimport { normalize, schema } from 'normalizr'\n\nimport { getSong } from \"../api/getSong\";\n\n// Define normalizr entity schemas\nexport const artistEntity = new schema.Entity('artists')\nexport const songEntity = new schema.Entity('songs', {\n  artists: [artistEntity],\n})\n\nconst songAdapter = createEntityAdapter()\n\nexport const fetchSong = createAsyncThunk(\n  'songs/fetchSong',\n  async (id: string) => {\n    const data = await getSong(id)\n    // Normalize the data so reducers can load a predictable payload, like:\n    // `action.payload = { songs: {}, artists: {} }`\n    const normalized = normalize(data, songEntity)\n    return normalized.entities\n  }\n)\n\nexport const slice = createSlice({\n  name: 'songs',\n  initialState: songAdapter.getInitialState(),\n  reducers: {},\n  extraReducers: (builder) => {\n    builder.addCase(fetchSong.fulfilled, (state, action) => {\n      songAdapter.upsertMany(state, action.payload.songs)\n    })\n  },\n})\n\nconst reducer = slice.reducer\nexport default reducer\n"})}),"\n",(0,s.jsx)(t.pre,{children:(0,s.jsx)(t.code,{className:"language-ts",metastring:'title="entities/song/@x/artist.ts"',children:'export { fetchSong } from "../model/songs";\n'})}),"\n",(0,s.jsx)(t.pre,{children:(0,s.jsx)(t.code,{className:"language-ts",metastring:'title="entities/artist/model/artists.ts"',children:"import { createSlice, createEntityAdapter } from '@reduxjs/toolkit'\n\nimport { fetchSong } from 'entities/song/@x/artist'\n\nconst artistAdapter = createEntityAdapter()\n\nexport const slice = createSlice({\n  name: 'users',\n  initialState: artistAdapter.getInitialState(),\n  reducers: {},\n  extraReducers: (builder) => {\n    builder.addCase(fetchSong.fulfilled, (state, action) => {\n      // And handle the same fetch result by inserting the artists here\n      usersAdapter.upsertMany(state, action.payload.users)\n    })\n  },\n})\n\nconst reducer = slice.reducer\nexport default reducer\n"})}),"\n",(0,s.jsx)(t.p,{children:"This slightly limits the benefits of slice isolation, but it accurately represents a connection between these two entities that we have no control over. If these entities are to ever be refactored, they have to be refactored together."}),"\n",(0,s.jsx)(t.h2,{id:"global-types-and-redux",children:"Global types and Redux"}),"\n",(0,s.jsx)(t.p,{children:"Global types are types that will be used across the whole application. There are two kinds of global types, based on what they need to know about:"}),"\n",(0,s.jsxs)(t.ol,{children:["\n",(0,s.jsx)(t.li,{children:"Generic types that don't have any application specifics"}),"\n",(0,s.jsx)(t.li,{children:"Types that need to know about the whole application"}),"\n"]}),"\n",(0,s.jsxs)(t.p,{children:["The first case is simple to resolve \u2014 place your types in Shared, in an appropriate segment. For example, if you have an interface for a global variable for analytics, you can put it in ",(0,s.jsx)(t.code,{children:"shared/analytics"}),"."]}),"\n",(0,s.jsx)(t.admonition,{type:"warning",children:(0,s.jsxs)(t.p,{children:["Avoid creating the ",(0,s.jsx)(t.code,{children:"shared/types"}),' folder. It groups unrelated things based only on the property of "being a type", and that property is usually not useful when searching for code in a project.']})}),"\n",(0,s.jsx)(t.p,{children:"The second case is commonly encountered in projects with Redux without RTK. Your final store type is only available once you add all the reducers together, but this store type needs to be available to selectors that you use across the app. For example, here's your typical store definition:"}),"\n",(0,s.jsx)(t.pre,{children:(0,s.jsx)(t.code,{className:"language-ts",metastring:'title="app/store/index.ts"',children:'import { combineReducers, rootReducer } from "redux";\n\nimport { songReducer } from "entities/song";\nimport { artistReducer } from "entities/artist";\n\nconst rootReducer = combineReducers(songReducer, artistReducer);\n\nconst store = createStore(rootReducer);\n\ntype RootState = ReturnType<typeof rootReducer>;\ntype AppDispatch = typeof store.dispatch;\n'})}),"\n",(0,s.jsxs)(t.p,{children:["It would be nice to have typed Redux hooks ",(0,s.jsx)(t.code,{children:"useAppDispatch"})," and ",(0,s.jsx)(t.code,{children:"useAppSelector"})," in ",(0,s.jsx)(t.code,{children:"shared/store"}),", but they cannot import ",(0,s.jsx)(t.code,{children:"RootState"})," and ",(0,s.jsx)(t.code,{children:"AppDispatch"})," from the App layer due to the ",(0,s.jsx)(t.a,{href:"/docs/reference/layers#import-rule-on-layers",children:"import rule on layers"}),":"]}),"\n",(0,s.jsxs)(t.blockquote,{children:["\n",(0,s.jsx)(t.p,{children:"A module in a slice can only import other slices when they are located on layers strictly below."}),"\n"]}),"\n",(0,s.jsxs)(t.p,{children:["The recommended solution in this case is to create an implicit dependency between layers Shared and App. These two types, ",(0,s.jsx)(t.code,{children:"RootState"})," and ",(0,s.jsx)(t.code,{children:"AppDispatch"})," are unlikely to change, and they will be familiar to Redux developers, so we don't have to worry about them as much."]}),"\n",(0,s.jsx)(t.p,{children:"In TypeScript, you can do it by declaring the types as global like this:"}),"\n",(0,s.jsx)(t.pre,{children:(0,s.jsx)(t.code,{className:"language-ts",metastring:'title="app/store/index.ts"',children:"/* same content as in the code block before\u2026 */\n\ndeclare type RootState = ReturnType<typeof rootReducer>;\ndeclare type AppDispatch = typeof store.dispatch;\n"})}),"\n",(0,s.jsx)(t.pre,{children:(0,s.jsx)(t.code,{className:"language-ts",metastring:'title="shared/store/index.ts"',children:'import { useDispatch, useSelector, type TypedUseSelectorHook } from "react-redux";\n\nexport const useAppDispatch = useDispatch.withTypes<AppDispatch>()\nexport const useAppSelector: TypedUseSelectorHook<RootState> = useSelector;\n'})}),"\n",(0,s.jsx)(t.h2,{id:"enums",children:"Enums"}),"\n",(0,s.jsxs)(t.p,{children:["The general rule with enums is that they should be defined ",(0,s.jsx)(t.strong,{children:"as close to the usage locations as possible"}),". When an enum represents values specific to a single feature, it should be defined in that same feature."]}),"\n",(0,s.jsxs)(t.p,{children:["The choice of segment should be dictated by usage locations as well. If your enum contains, for example, positions of a toast on the screen, it should be placed in the ",(0,s.jsx)(t.code,{children:"ui"})," segment. If it represents the loading state of a backend operation, it should be placed in the ",(0,s.jsx)(t.code,{children:"api"})," segment."]}),"\n",(0,s.jsxs)(t.p,{children:["Some enums are truly common across the whole project, like general backend response statuses or design system tokens. In this case, you can place them in Shared, and choose the segment based on what the enum represents (",(0,s.jsx)(t.code,{children:"api"})," for response statuses, ",(0,s.jsx)(t.code,{children:"ui"})," for design tokens, etc.)."]}),"\n",(0,s.jsx)(t.h2,{id:"type-validation-schemas-and-zod",children:"Type validation schemas and Zod"}),"\n",(0,s.jsxs)(t.p,{children:["If you want to validate that your data conforms to a certain shape or constraints, you can define a validation schema. In TypeScript, a popular library for this job is ",(0,s.jsx)(t.a,{href:"https://zod.dev",children:"Zod"}),". Validation schemas should also be colocated with the code that uses them, as much as possible."]}),"\n",(0,s.jsxs)(t.p,{children:["Validation schemas are similar to mappers (as discussed in the ",(0,s.jsx)(t.a,{href:"#data-transfer-objects-and-mappers",children:"Data transfer objects and mappers"})," section) in the sense that they take a data transfer object and parse it, producing an error if the parsing fails."]}),"\n",(0,s.jsxs)(t.p,{children:["One of the most common cases of validation is for the data that comes from the backend. Typically, you want to fail the request when the data doesn't match the schema, so it makes sense to put the schema in the same place as the request function, which is usually the ",(0,s.jsx)(t.code,{children:"api"})," segment."]}),"\n",(0,s.jsxs)(t.p,{children:["If your data comes through user input, like a form, the validation should happen as the data is being entered. You can place your schema in the ",(0,s.jsx)(t.code,{children:"ui"})," segment, next to the form component, or in the ",(0,s.jsx)(t.code,{children:"model"})," segment, if the ",(0,s.jsx)(t.code,{children:"ui"})," segment is too crowded."]}),"\n",(0,s.jsx)(t.h2,{id:"typings-of-component-props-and-context",children:"Typings of component props and context"}),"\n",(0,s.jsxs)(t.p,{children:["In general, it's best to keep the props or context interface in the same file as the component or context that uses them. If you have a framework with single-file components, like Vue or Svelte, and you can't define the props interface in the same file, or you want to share that interface between several components, create a separate file in the same folder, typically, the ",(0,s.jsx)(t.code,{children:"ui"})," segment."]}),"\n",(0,s.jsx)(t.p,{children:"Here's an example with JSX (React or Solid):"}),"\n",(0,s.jsx)(t.pre,{children:(0,s.jsx)(t.code,{className:"language-ts",metastring:'title="pages/home/ui/RecentActions.tsx"',children:"interface RecentActionsProps {\n  actions: Array<{ id: string; text: string }>;\n}\n\nexport function RecentActions({ actions }: RecentActionsProps) {\n  /* \u2026 */\n}\n"})}),"\n",(0,s.jsx)(t.p,{children:"And here's an example with the interface stored in a separate file for Vue:"}),"\n",(0,s.jsx)(t.pre,{children:(0,s.jsx)(t.code,{className:"language-ts",metastring:'title="pages/home/ui/RecentActionsProps.ts"',children:"export interface RecentActionsProps {\n  actions: Array<{ id: string; text: string }>;\n}\n"})}),"\n",(0,s.jsx)(t.pre,{children:(0,s.jsx)(t.code,{className:"language-html",metastring:'title="pages/home/ui/RecentActions.vue"',children:'<script setup lang="ts">\n  import type { RecentActionsProps } from "./RecentActionsProps";\n\n  const props = defineProps<RecentActionsProps>();\n<\/script>\n'})}),"\n",(0,s.jsxs)(t.h2,{id:"ambient-declaration-files-dts",children:["Ambient declaration files (",(0,s.jsx)(t.code,{children:"*.d.ts"}),")"]}),"\n",(0,s.jsxs)(t.p,{children:["Some packages, for example, ",(0,s.jsx)(t.a,{href:"https://vitejs.dev",children:"Vite"})," or ",(0,s.jsx)(t.a,{href:"https://www.totaltypescript.com/ts-reset",children:"ts-reset"}),", require ambient declaration files to work across your app. Usually, they aren't large or complicated, so they often don't require any architecting, it's fine to just throw them in the ",(0,s.jsx)(t.code,{children:"src/"})," folder. To keep the ",(0,s.jsx)(t.code,{children:"src"})," more organized, you can keep them on the App layer, in ",(0,s.jsx)(t.code,{children:"app/ambient/"}),"."]}),"\n",(0,s.jsxs)(t.p,{children:["Other packages simply don't have typings, and you might want to declare them as untyped or even write your own typings for them. A good place for those typings would be ",(0,s.jsx)(t.code,{children:"shared/lib"}),", in a folder like ",(0,s.jsx)(t.code,{children:"shared/lib/untyped-packages"}),". Create a ",(0,s.jsx)(t.code,{children:"%LIBRARY_NAME%.d.ts"})," file there and declare the types you need:"]}),"\n",(0,s.jsx)(t.pre,{children:(0,s.jsx)(t.code,{className:"language-ts",metastring:'title="shared/lib/untyped-packages/use-react-screenshot.d.ts"',children:"// This library doesn't have typings, and we didn't want to bother writing our own.\ndeclare module \"use-react-screenshot\";\n"})}),"\n",(0,s.jsx)(t.h2,{id:"auto-generation-of-types",children:"Auto-generation of types"}),"\n",(0,s.jsxs)(t.p,{children:["It's common to generate types from external sources, for example, generating backend types from an OpenAPI schema. In this case, create a dedicated place in your codebase for these types, like ",(0,s.jsx)(t.code,{children:"shared/api/openapi"}),". Ideally, you should also include a README in that folder that describes what these files are, how to regenerate them, etc."]})]})}function h(e={}){const{wrapper:t}={...(0,i.R)(),...e.components};return t?(0,s.jsx)(t,{...e,children:(0,s.jsx)(l,{...e})}):l(e)}},1100:(e,t,n)=>{n.d(t,{R:()=>o,x:()=>a});var s=n(758);const i={},r=s.createContext(i);function o(e){const t=s.useContext(r);return s.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function a(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(i):e.components||i:o(e.components),s.createElement(r.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
+"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[7068],{9311:(e,t,n)=>{n.r(t),n.d(t,{assets:()=>c,contentTitle:()=>o,default:()=>h,frontMatter:()=>r,metadata:()=>a,toc:()=>d});var s=n(6070),i=n(1100);const r={sidebar_position:2},o="Types",a={id:"guides/examples/types",title:"Types",description:"This guide concerns data types from typed languages like TypeScript and describes where they fit within FSD.",source:"@site/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/types.md",sourceDirName:"guides/examples",slug:"/guides/examples/types",permalink:"/uz/docs/guides/examples/types",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/types.md",tags:[],version:"current",lastUpdatedAt:1728325386e3,sidebarPosition:2,frontMatter:{sidebar_position:2},sidebar:"guidesSidebar",previous:{title:"Authentication",permalink:"/uz/docs/guides/examples/auth"},next:{title:"Page layouts",permalink:"/uz/docs/guides/examples/page-layout"}},c={},d=[{value:"Utility types",id:"utility-types",level:2},{value:"Business entities and their cross-references",id:"business-entities-and-their-cross-references",level:2},{value:"Data transfer objects and mappers",id:"data-transfer-objects-and-mappers",level:2},{value:"Where to put DTOs",id:"where-to-put-dtos",level:3},{value:"Where to put mappers",id:"where-to-put-mappers",level:3},{value:"How to deal with nested DTOs",id:"how-to-deal-with-nested-dtos",level:3},{value:"Global types and Redux",id:"global-types-and-redux",level:2},{value:"Enums",id:"enums",level:2},{value:"Type validation schemas and Zod",id:"type-validation-schemas-and-zod",level:2},{value:"Typings of component props and context",id:"typings-of-component-props-and-context",level:2},{value:"Ambient declaration files (<code>*.d.ts</code>)",id:"ambient-declaration-files-dts",level:2},{value:"Auto-generation of types",id:"auto-generation-of-types",level:2}];function l(e){const t={a:"a",admonition:"admonition",blockquote:"blockquote",br:"br",code:"code",em:"em",h1:"h1",h2:"h2",h3:"h3",header:"header",li:"li",ol:"ol",p:"p",pre:"pre",strong:"strong",ul:"ul",...(0,i.R)(),...e.components};return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(t.header,{children:(0,s.jsx)(t.h1,{id:"types",children:"Types"})}),"\n",(0,s.jsx)(t.p,{children:"This guide concerns data types from typed languages like TypeScript and describes where they fit within FSD."}),"\n",(0,s.jsx)(t.admonition,{type:"info",children:(0,s.jsx)(t.p,{children:"Is your question not covered by this guide? Post your question by leaving feedback on this article (blue button on the right) and we will consider expanding this guide!"})}),"\n",(0,s.jsx)(t.h2,{id:"utility-types",children:"Utility types"}),"\n",(0,s.jsx)(t.p,{children:"Utility types are types that don't have much meaning on their own and are usually used with other types. For example:"}),"\n",(0,s.jsxs)("figure",{children:[(0,s.jsx)(t.pre,{children:(0,s.jsx)(t.code,{className:"language-ts",children:"type ArrayValues<T extends readonly unknown[]> = T[number];\n"})}),(0,s.jsx)("figcaption",{children:(0,s.jsxs)(t.p,{children:["Source: ",(0,s.jsx)(t.a,{href:"https://github.com/sindresorhus/type-fest/blob/main/source/array-values.d.ts",children:"https://github.com/sindresorhus/type-fest/blob/main/source/array-values.d.ts"})]})})]}),"\n",(0,s.jsxs)(t.p,{children:["To make utility types available across your project, either install a library like ",(0,s.jsx)(t.a,{href:"https://github.com/sindresorhus/type-fest",children:(0,s.jsx)(t.code,{children:"type-fest"})}),", or create your own library in ",(0,s.jsx)(t.code,{children:"shared/lib"}),". Make sure to clearly indicate what new types ",(0,s.jsx)(t.em,{children:"should"})," be added to this library, and what types ",(0,s.jsx)(t.em,{children:"don't belong"})," there. For example, call it ",(0,s.jsx)(t.code,{children:"shared/lib/utility-types"})," and add a README inside that describes what is a utility type in your team."]}),"\n",(0,s.jsx)(t.p,{children:"Don't overestimate the potential reusability of a utility type. Just because it can be reused, doesn't mean it will be, and as such, not every utility type needs to be in Shared. Some utility types are fine right next to where they are needed:"}),"\n",(0,s.jsxs)(t.ul,{children:["\n",(0,s.jsxs)(t.li,{children:["\ud83d\udcc2 pages","\n",(0,s.jsxs)(t.ul,{children:["\n",(0,s.jsxs)(t.li,{children:["\ud83d\udcc2 home","\n",(0,s.jsxs)(t.ul,{children:["\n",(0,s.jsxs)(t.li,{children:["\ud83d\udcc2 api","\n",(0,s.jsxs)(t.ul,{children:["\n",(0,s.jsx)(t.li,{children:"\ud83d\udcc4 ArrayValues.ts (utility type)"}),"\n",(0,s.jsx)(t.li,{children:"\ud83d\udcc4 getMemoryUsageMetrics.ts (the code that uses the utility type)"}),"\n"]}),"\n"]}),"\n"]}),"\n"]}),"\n"]}),"\n"]}),"\n"]}),"\n",(0,s.jsx)(t.admonition,{type:"warning",children:(0,s.jsxs)(t.p,{children:["Resist the temptation to create a ",(0,s.jsx)(t.code,{children:"shared/types"})," folder, or to add a ",(0,s.jsx)(t.code,{children:"types"}),' segment to your slices. The category "types" is similar to the category "components" or "hooks" in that it describes what the contents are, not what they are for. Segments should describe the purpose of the code, not the essence.']})}),"\n",(0,s.jsx)(t.h2,{id:"business-entities-and-their-cross-references",children:"Business entities and their cross-references"}),"\n",(0,s.jsxs)(t.p,{children:["Among the most important types in an app are the types of business entities, i.e. the real-world things that your app works with. For example, in a music streaming app, you might have business entities ",(0,s.jsx)(t.em,{children:"Song"}),", ",(0,s.jsx)(t.em,{children:"Album"}),", etc."]}),"\n",(0,s.jsxs)(t.p,{children:["Business entities often come from the backend, so the first step is to type the backend responses. It's convenient to have a function to make a request to every endpoint, and to type the response of this function. For extra type safety, you may want to run the response through a schema validation library like ",(0,s.jsx)(t.a,{href:"https://zod.dev",children:"Zod"}),"."]}),"\n",(0,s.jsx)(t.p,{children:"For example, if you keep all your requests in Shared, you could do it like this:"}),"\n",(0,s.jsx)(t.pre,{children:(0,s.jsx)(t.code,{className:"language-ts",metastring:'title="shared/api/songs.ts"',children:"import type { Artist } from \"./artists\";\n\ninterface Song {\n  id: number;\n  title: string;\n  artists: Array<Artist>;\n}\n\nexport function listSongs() {\n  return fetch('/api/songs').then((res) => res.json() as Promise<Array<Song>>);\n}\n"})}),"\n",(0,s.jsxs)(t.p,{children:["You might notice that the ",(0,s.jsx)(t.code,{children:"Song"})," type references a different entity, ",(0,s.jsx)(t.code,{children:"Artist"}),". This is a benefit of storing your requests in Shared \u2014 real-world types are often intertwined. If we kept this function in ",(0,s.jsx)(t.code,{children:"entities/song/api"}),", we wouldn't be able to simply import ",(0,s.jsx)(t.code,{children:"Artist"})," from ",(0,s.jsx)(t.code,{children:"entities/artist"}),", because FSD restricts cross-imports between slices with ",(0,s.jsx)(t.a,{href:"/docs/reference/layers#import-rule-on-layers",children:"the import rule on layers"}),":"]}),"\n",(0,s.jsxs)(t.blockquote,{children:["\n",(0,s.jsx)(t.p,{children:"A module in a slice can only import other slices when they are located on layers strictly below."}),"\n"]}),"\n",(0,s.jsx)(t.p,{children:"There are two ways to deal with this issue:"}),"\n",(0,s.jsxs)(t.ol,{children:["\n",(0,s.jsxs)(t.li,{children:["\n",(0,s.jsxs)(t.p,{children:[(0,s.jsx)(t.strong,{children:"Parametrize your types"}),(0,s.jsx)(t.br,{}),"\n","You can make your types accept type arguments as slots for connections with other entities, and even impose constraints on those slots. For example:"]}),"\n",(0,s.jsx)(t.pre,{children:(0,s.jsx)(t.code,{className:"language-ts",metastring:'title="entities/song/model/song.ts"',children:"interface Song<ArtistType extends { id: string }> {\n  id: number;\n  title: string;\n  artists: Array<ArtistType>;\n}\n"})}),"\n",(0,s.jsxs)(t.p,{children:["This works better for some types than others. A simple type like ",(0,s.jsx)(t.code,{children:"Cart = { items: Array<Product> }"})," can easily be made to work with any type of product. More connected types, like ",(0,s.jsx)(t.code,{children:"Country"})," and ",(0,s.jsx)(t.code,{children:"City"}),", may not be as easy to separate."]}),"\n"]}),"\n",(0,s.jsxs)(t.li,{children:["\n",(0,s.jsxs)(t.p,{children:[(0,s.jsx)(t.strong,{children:"Cross-import (but do it right)"}),(0,s.jsx)(t.br,{}),"\n","To make cross-imports between entities in FSD, you can use a special public API specifically for each slice that will be cross-importing. For example, if we have entities ",(0,s.jsx)(t.code,{children:"song"}),", ",(0,s.jsx)(t.code,{children:"artist"}),", and ",(0,s.jsx)(t.code,{children:"playlist"}),", and the latter two need to reference ",(0,s.jsx)(t.code,{children:"song"}),", we can make two special public APIs for both of them in the ",(0,s.jsx)(t.code,{children:"song"})," entity with the ",(0,s.jsx)(t.code,{children:"@x"})," notation:"]}),"\n",(0,s.jsxs)(t.ul,{children:["\n",(0,s.jsxs)(t.li,{children:["\ud83d\udcc2 entities","\n",(0,s.jsxs)(t.ul,{children:["\n",(0,s.jsxs)(t.li,{children:["\ud83d\udcc2 song","\n",(0,s.jsxs)(t.ul,{children:["\n",(0,s.jsxs)(t.li,{children:["\ud83d\udcc2 @x","\n",(0,s.jsxs)(t.ul,{children:["\n",(0,s.jsxs)(t.li,{children:["\ud83d\udcc4 artist.ts (a public API for the ",(0,s.jsx)(t.code,{children:"artist"})," entity to import from)"]}),"\n",(0,s.jsxs)(t.li,{children:["\ud83d\udcc4 playlist.ts (a public API for the ",(0,s.jsx)(t.code,{children:"playlist"})," entity to import from)"]}),"\n"]}),"\n"]}),"\n",(0,s.jsx)(t.li,{children:"\ud83d\udcc4 index.ts (regular public API)"}),"\n"]}),"\n"]}),"\n"]}),"\n"]}),"\n"]}),"\n",(0,s.jsxs)(t.p,{children:["The contents of a file ",(0,s.jsx)(t.code,{children:"\ud83d\udcc4 entities/song/@x/artist.ts"})," are similar to ",(0,s.jsx)(t.code,{children:"\ud83d\udcc4 entities/song/index.ts"}),":"]}),"\n",(0,s.jsx)(t.pre,{children:(0,s.jsx)(t.code,{className:"language-ts",metastring:'title="entities/song/@x/artist.ts"',children:'export type { Song } from "../model/song.ts";\n'})}),"\n",(0,s.jsxs)(t.p,{children:["Then the ",(0,s.jsx)(t.code,{children:"\ud83d\udcc4 entities/artist/model/artist.ts"})," can import ",(0,s.jsx)(t.code,{children:"Song"})," like this:"]}),"\n",(0,s.jsx)(t.pre,{children:(0,s.jsx)(t.code,{className:"language-ts",metastring:'title="entities/artist/model/artist.ts"',children:'import type { Song } from "entities/song/@x/artist";\n\nexport interface Artist {\n  name: string;\n  songs: Array<Song>;\n}\n'})}),"\n",(0,s.jsx)(t.p,{children:"By making explicit connections between entities, we stay on top of inter-dependencies and maintain a decent level of domain separation."}),"\n"]}),"\n"]}),"\n",(0,s.jsx)(t.h2,{id:"data-transfer-objects-and-mappers",children:"Data transfer objects and mappers"}),"\n",(0,s.jsx)(t.p,{children:"Data transfer objects, or DTOs, is a term that describes the shape of data that comes from the backend. Sometimes, the DTO is fine to use as is, but sometimes it's inconvenient for the frontend. That's where mappers come in \u2014 they transform a DTO into a more convenient shape."}),"\n",(0,s.jsx)(t.h3,{id:"where-to-put-dtos",children:"Where to put DTOs"}),"\n",(0,s.jsx)(t.p,{children:"If you have backend types in a separate package (for example, if you share code between the frontend and the backend), then just import your DTOs from there and you're done! If you don't share code between the backend and frontend, then you need to keep DTOs somewhere in your frontend codebase, and we will explore this case below."}),"\n",(0,s.jsxs)(t.p,{children:["If you have your request functions in ",(0,s.jsx)(t.code,{children:"shared/api"}),", that's where the DTOs should be, right next to the function that uses them:"]}),"\n",(0,s.jsx)(t.pre,{children:(0,s.jsx)(t.code,{className:"language-ts",metastring:'title="shared/api/songs.ts"',children:'import type { ArtistDTO } from "./artists";\n\ninterface SongDTO {\n  id: number;\n  title: string;\n  artist_ids: Array<ArtistDTO["id"]>;\n}\n\nexport function listSongs() {\n  return fetch(\'/api/songs\').then((res) => res.json() as Promise<Array<SongDTO>>);\n}\n'})}),"\n",(0,s.jsx)(t.p,{children:"As mentioned in the previous section, storing your requests and DTOs in Shared comes with the benefit of being able to reference other DTOs."}),"\n",(0,s.jsx)(t.h3,{id:"where-to-put-mappers",children:"Where to put mappers"}),"\n",(0,s.jsxs)(t.p,{children:["Mappers are functions that accept a DTO for transformation, and as such, they should be located near the definition of the DTO. In practice this means that if your requests and DTOs are defined in ",(0,s.jsx)(t.code,{children:"shared/api"}),", then the mappers should go there as well:"]}),"\n",(0,s.jsx)(t.pre,{children:(0,s.jsx)(t.code,{className:"language-ts",metastring:'title="shared/api/songs.ts"',children:'import type { ArtistDTO } from "./artists";\n\ninterface SongDTO {\n  id: number;\n  title: string;\n  disc_no: number;\n  artist_ids: Array<ArtistDTO["id"]>;\n}\n\ninterface Song {\n  id: string;\n  title: string;\n  /** The full title of the song, including the disc number. */\n  fullTitle: string;\n  artistIds: Array<string>;\n}\n\nfunction adaptSongDTO(dto: SongDTO): Song {\n  return {\n    id: String(dto.id),\n    title: dto.title,\n    fullTitle: `${dto.disc_no} / ${dto.title}`,\n    artistIds: dto.artist_ids.map(String),\n  };\n}\n\nexport function listSongs() {\n  return fetch(\'/api/songs\').then(async (res) => (await res.json()).map(adaptSongDTO));\n}\n'})}),"\n",(0,s.jsx)(t.p,{children:"If your requests and stores are defined in entity slices, then all this code would go there, keeping in mind the limitations of cross-imports between slices:"}),"\n",(0,s.jsx)(t.pre,{children:(0,s.jsx)(t.code,{className:"language-ts",metastring:'title="entities/song/api/dto.ts"',children:'import type { ArtistDTO } from "entities/artist/@x/song";\n\nexport interface SongDTO {\n  id: number;\n  title: string;\n  disc_no: number;\n  artist_ids: Array<ArtistDTO["id"]>;\n}\n'})}),"\n",(0,s.jsx)(t.pre,{children:(0,s.jsx)(t.code,{className:"language-ts",metastring:'title="entities/song/api/mapper.ts"',children:'import type { SongDTO } from "./dto";\n\nexport interface Song {\n  id: string;\n  title: string;\n  /** The full title of the song, including the disc number. */\n  fullTitle: string;\n  artistIds: Array<string>;\n}\n\nexport function adaptSongDTO(dto: SongDTO): Song {\n  return {\n    id: String(dto.id),\n    title: dto.title,\n    fullTitle: `${dto.disc_no} / ${dto.title}`,\n    artistIds: dto.artist_ids.map(String),\n  };\n}\n'})}),"\n",(0,s.jsx)(t.pre,{children:(0,s.jsx)(t.code,{className:"language-ts",metastring:'title="entities/song/api/listSongs.ts"',children:"import { adaptSongDTO } from \"./mapper\";\n\nexport function listSongs() {\n  return fetch('/api/songs').then(async (res) => (await res.json()).map(adaptSongDTO));\n}\n"})}),"\n",(0,s.jsx)(t.pre,{children:(0,s.jsx)(t.code,{className:"language-ts",metastring:'title="entities/song/model/songs.ts"',children:'import { createSlice, createEntityAdapter } from "@reduxjs/toolkit";\n\nimport { listSongs } from "../api/listSongs";\n\nexport const fetchSongs = createAsyncThunk(\'songs/fetchSongs\', listSongs);\n\nconst songAdapter = createEntityAdapter();\nconst songsSlice = createSlice({\n  name: "songs",\n  initialState: songAdapter.getInitialState(),\n  reducers: {},\n  extraReducers: (builder) => {\n    builder.addCase(fetchSongs.fulfilled, (state, action) => {\n      songAdapter.upsertMany(state, action.payload);\n    })\n  },\n});\n'})}),"\n",(0,s.jsx)(t.h3,{id:"how-to-deal-with-nested-dtos",children:"How to deal with nested DTOs"}),"\n",(0,s.jsxs)(t.p,{children:["The most problematic part is when a response from the backend contains several entities. For example, if the song included not just the authors' IDs, but the entire author objects. In this case, it is impossible for entities not to know about each other (unless we want to discard the data or have a firm conversation with the backend team). Instead of coming up with solutions for indirect connections between slices (such as a common middleware that would dispatch actions to other slices), prefer explicit cross-imports with the ",(0,s.jsx)(t.code,{children:"@x"})," notation. Here is how we can implement it with Redux Toolkit:"]}),"\n",(0,s.jsx)(t.pre,{children:(0,s.jsx)(t.code,{className:"language-ts",metastring:'title="entities/song/model/songs.ts"',children:"import {\n  createSlice,\n  createEntityAdapter,\n  createAsyncThunk,\n  createSelector,\n} from '@reduxjs/toolkit'\nimport { normalize, schema } from 'normalizr'\n\nimport { getSong } from \"../api/getSong\";\n\n// Define normalizr entity schemas\nexport const artistEntity = new schema.Entity('artists')\nexport const songEntity = new schema.Entity('songs', {\n  artists: [artistEntity],\n})\n\nconst songAdapter = createEntityAdapter()\n\nexport const fetchSong = createAsyncThunk(\n  'songs/fetchSong',\n  async (id: string) => {\n    const data = await getSong(id)\n    // Normalize the data so reducers can load a predictable payload, like:\n    // `action.payload = { songs: {}, artists: {} }`\n    const normalized = normalize(data, songEntity)\n    return normalized.entities\n  }\n)\n\nexport const slice = createSlice({\n  name: 'songs',\n  initialState: songAdapter.getInitialState(),\n  reducers: {},\n  extraReducers: (builder) => {\n    builder.addCase(fetchSong.fulfilled, (state, action) => {\n      songAdapter.upsertMany(state, action.payload.songs)\n    })\n  },\n})\n\nconst reducer = slice.reducer\nexport default reducer\n"})}),"\n",(0,s.jsx)(t.pre,{children:(0,s.jsx)(t.code,{className:"language-ts",metastring:'title="entities/song/@x/artist.ts"',children:'export { fetchSong } from "../model/songs";\n'})}),"\n",(0,s.jsx)(t.pre,{children:(0,s.jsx)(t.code,{className:"language-ts",metastring:'title="entities/artist/model/artists.ts"',children:"import { createSlice, createEntityAdapter } from '@reduxjs/toolkit'\n\nimport { fetchSong } from 'entities/song/@x/artist'\n\nconst artistAdapter = createEntityAdapter()\n\nexport const slice = createSlice({\n  name: 'users',\n  initialState: artistAdapter.getInitialState(),\n  reducers: {},\n  extraReducers: (builder) => {\n    builder.addCase(fetchSong.fulfilled, (state, action) => {\n      // And handle the same fetch result by inserting the artists here\n      usersAdapter.upsertMany(state, action.payload.users)\n    })\n  },\n})\n\nconst reducer = slice.reducer\nexport default reducer\n"})}),"\n",(0,s.jsx)(t.p,{children:"This slightly limits the benefits of slice isolation, but it accurately represents a connection between these two entities that we have no control over. If these entities are to ever be refactored, they have to be refactored together."}),"\n",(0,s.jsx)(t.h2,{id:"global-types-and-redux",children:"Global types and Redux"}),"\n",(0,s.jsx)(t.p,{children:"Global types are types that will be used across the whole application. There are two kinds of global types, based on what they need to know about:"}),"\n",(0,s.jsxs)(t.ol,{children:["\n",(0,s.jsx)(t.li,{children:"Generic types that don't have any application specifics"}),"\n",(0,s.jsx)(t.li,{children:"Types that need to know about the whole application"}),"\n"]}),"\n",(0,s.jsxs)(t.p,{children:["The first case is simple to resolve \u2014 place your types in Shared, in an appropriate segment. For example, if you have an interface for a global variable for analytics, you can put it in ",(0,s.jsx)(t.code,{children:"shared/analytics"}),"."]}),"\n",(0,s.jsx)(t.admonition,{type:"warning",children:(0,s.jsxs)(t.p,{children:["Avoid creating the ",(0,s.jsx)(t.code,{children:"shared/types"}),' folder. It groups unrelated things based only on the property of "being a type", and that property is usually not useful when searching for code in a project.']})}),"\n",(0,s.jsx)(t.p,{children:"The second case is commonly encountered in projects with Redux without RTK. Your final store type is only available once you add all the reducers together, but this store type needs to be available to selectors that you use across the app. For example, here's your typical store definition:"}),"\n",(0,s.jsx)(t.pre,{children:(0,s.jsx)(t.code,{className:"language-ts",metastring:'title="app/store/index.ts"',children:'import { combineReducers, rootReducer } from "redux";\n\nimport { songReducer } from "entities/song";\nimport { artistReducer } from "entities/artist";\n\nconst rootReducer = combineReducers(songReducer, artistReducer);\n\nconst store = createStore(rootReducer);\n\ntype RootState = ReturnType<typeof rootReducer>;\ntype AppDispatch = typeof store.dispatch;\n'})}),"\n",(0,s.jsxs)(t.p,{children:["It would be nice to have typed Redux hooks ",(0,s.jsx)(t.code,{children:"useAppDispatch"})," and ",(0,s.jsx)(t.code,{children:"useAppSelector"})," in ",(0,s.jsx)(t.code,{children:"shared/store"}),", but they cannot import ",(0,s.jsx)(t.code,{children:"RootState"})," and ",(0,s.jsx)(t.code,{children:"AppDispatch"})," from the App layer due to the ",(0,s.jsx)(t.a,{href:"/docs/reference/layers#import-rule-on-layers",children:"import rule on layers"}),":"]}),"\n",(0,s.jsxs)(t.blockquote,{children:["\n",(0,s.jsx)(t.p,{children:"A module in a slice can only import other slices when they are located on layers strictly below."}),"\n"]}),"\n",(0,s.jsxs)(t.p,{children:["The recommended solution in this case is to create an implicit dependency between layers Shared and App. These two types, ",(0,s.jsx)(t.code,{children:"RootState"})," and ",(0,s.jsx)(t.code,{children:"AppDispatch"})," are unlikely to change, and they will be familiar to Redux developers, so we don't have to worry about them as much."]}),"\n",(0,s.jsx)(t.p,{children:"In TypeScript, you can do it by declaring the types as global like this:"}),"\n",(0,s.jsx)(t.pre,{children:(0,s.jsx)(t.code,{className:"language-ts",metastring:'title="app/store/index.ts"',children:"/* same content as in the code block before\u2026 */\n\ndeclare type RootState = ReturnType<typeof rootReducer>;\ndeclare type AppDispatch = typeof store.dispatch;\n"})}),"\n",(0,s.jsx)(t.pre,{children:(0,s.jsx)(t.code,{className:"language-ts",metastring:'title="shared/store/index.ts"',children:'import { useDispatch, useSelector, type TypedUseSelectorHook } from "react-redux";\n\nexport const useAppDispatch = useDispatch.withTypes<AppDispatch>()\nexport const useAppSelector: TypedUseSelectorHook<RootState> = useSelector;\n'})}),"\n",(0,s.jsx)(t.h2,{id:"enums",children:"Enums"}),"\n",(0,s.jsxs)(t.p,{children:["The general rule with enums is that they should be defined ",(0,s.jsx)(t.strong,{children:"as close to the usage locations as possible"}),". When an enum represents values specific to a single feature, it should be defined in that same feature."]}),"\n",(0,s.jsxs)(t.p,{children:["The choice of segment should be dictated by usage locations as well. If your enum contains, for example, positions of a toast on the screen, it should be placed in the ",(0,s.jsx)(t.code,{children:"ui"})," segment. If it represents the loading state of a backend operation, it should be placed in the ",(0,s.jsx)(t.code,{children:"api"})," segment."]}),"\n",(0,s.jsxs)(t.p,{children:["Some enums are truly common across the whole project, like general backend response statuses or design system tokens. In this case, you can place them in Shared, and choose the segment based on what the enum represents (",(0,s.jsx)(t.code,{children:"api"})," for response statuses, ",(0,s.jsx)(t.code,{children:"ui"})," for design tokens, etc.)."]}),"\n",(0,s.jsx)(t.h2,{id:"type-validation-schemas-and-zod",children:"Type validation schemas and Zod"}),"\n",(0,s.jsxs)(t.p,{children:["If you want to validate that your data conforms to a certain shape or constraints, you can define a validation schema. In TypeScript, a popular library for this job is ",(0,s.jsx)(t.a,{href:"https://zod.dev",children:"Zod"}),". Validation schemas should also be colocated with the code that uses them, as much as possible."]}),"\n",(0,s.jsxs)(t.p,{children:["Validation schemas are similar to mappers (as discussed in the ",(0,s.jsx)(t.a,{href:"#data-transfer-objects-and-mappers",children:"Data transfer objects and mappers"})," section) in the sense that they take a data transfer object and parse it, producing an error if the parsing fails."]}),"\n",(0,s.jsxs)(t.p,{children:["One of the most common cases of validation is for the data that comes from the backend. Typically, you want to fail the request when the data doesn't match the schema, so it makes sense to put the schema in the same place as the request function, which is usually the ",(0,s.jsx)(t.code,{children:"api"})," segment."]}),"\n",(0,s.jsxs)(t.p,{children:["If your data comes through user input, like a form, the validation should happen as the data is being entered. You can place your schema in the ",(0,s.jsx)(t.code,{children:"ui"})," segment, next to the form component, or in the ",(0,s.jsx)(t.code,{children:"model"})," segment, if the ",(0,s.jsx)(t.code,{children:"ui"})," segment is too crowded."]}),"\n",(0,s.jsx)(t.h2,{id:"typings-of-component-props-and-context",children:"Typings of component props and context"}),"\n",(0,s.jsxs)(t.p,{children:["In general, it's best to keep the props or context interface in the same file as the component or context that uses them. If you have a framework with single-file components, like Vue or Svelte, and you can't define the props interface in the same file, or you want to share that interface between several components, create a separate file in the same folder, typically, the ",(0,s.jsx)(t.code,{children:"ui"})," segment."]}),"\n",(0,s.jsx)(t.p,{children:"Here's an example with JSX (React or Solid):"}),"\n",(0,s.jsx)(t.pre,{children:(0,s.jsx)(t.code,{className:"language-ts",metastring:'title="pages/home/ui/RecentActions.tsx"',children:"interface RecentActionsProps {\n  actions: Array<{ id: string; text: string }>;\n}\n\nexport function RecentActions({ actions }: RecentActionsProps) {\n  /* \u2026 */\n}\n"})}),"\n",(0,s.jsx)(t.p,{children:"And here's an example with the interface stored in a separate file for Vue:"}),"\n",(0,s.jsx)(t.pre,{children:(0,s.jsx)(t.code,{className:"language-ts",metastring:'title="pages/home/ui/RecentActionsProps.ts"',children:"export interface RecentActionsProps {\n  actions: Array<{ id: string; text: string }>;\n}\n"})}),"\n",(0,s.jsx)(t.pre,{children:(0,s.jsx)(t.code,{className:"language-html",metastring:'title="pages/home/ui/RecentActions.vue"',children:'<script setup lang="ts">\n  import type { RecentActionsProps } from "./RecentActionsProps";\n\n  const props = defineProps<RecentActionsProps>();\n<\/script>\n'})}),"\n",(0,s.jsxs)(t.h2,{id:"ambient-declaration-files-dts",children:["Ambient declaration files (",(0,s.jsx)(t.code,{children:"*.d.ts"}),")"]}),"\n",(0,s.jsxs)(t.p,{children:["Some packages, for example, ",(0,s.jsx)(t.a,{href:"https://vitejs.dev",children:"Vite"})," or ",(0,s.jsx)(t.a,{href:"https://www.totaltypescript.com/ts-reset",children:"ts-reset"}),", require ambient declaration files to work across your app. Usually, they aren't large or complicated, so they often don't require any architecting, it's fine to just throw them in the ",(0,s.jsx)(t.code,{children:"src/"})," folder. To keep the ",(0,s.jsx)(t.code,{children:"src"})," more organized, you can keep them on the App layer, in ",(0,s.jsx)(t.code,{children:"app/ambient/"}),"."]}),"\n",(0,s.jsxs)(t.p,{children:["Other packages simply don't have typings, and you might want to declare them as untyped or even write your own typings for them. A good place for those typings would be ",(0,s.jsx)(t.code,{children:"shared/lib"}),", in a folder like ",(0,s.jsx)(t.code,{children:"shared/lib/untyped-packages"}),". Create a ",(0,s.jsx)(t.code,{children:"%LIBRARY_NAME%.d.ts"})," file there and declare the types you need:"]}),"\n",(0,s.jsx)(t.pre,{children:(0,s.jsx)(t.code,{className:"language-ts",metastring:'title="shared/lib/untyped-packages/use-react-screenshot.d.ts"',children:"// This library doesn't have typings, and we didn't want to bother writing our own.\ndeclare module \"use-react-screenshot\";\n"})}),"\n",(0,s.jsx)(t.h2,{id:"auto-generation-of-types",children:"Auto-generation of types"}),"\n",(0,s.jsxs)(t.p,{children:["It's common to generate types from external sources, for example, generating backend types from an OpenAPI schema. In this case, create a dedicated place in your codebase for these types, like ",(0,s.jsx)(t.code,{children:"shared/api/openapi"}),". Ideally, you should also include a README in that folder that describes what these files are, how to regenerate them, etc."]})]})}function h(e={}){const{wrapper:t}={...(0,i.R)(),...e.components};return t?(0,s.jsx)(t,{...e,children:(0,s.jsx)(l,{...e})}):l(e)}},1100:(e,t,n)=>{n.d(t,{R:()=>o,x:()=>a});var s=n(758);const i={},r=s.createContext(i);function o(e){const t=s.useContext(r);return s.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function a(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(i):e.components||i:o(e.components),s.createElement(r.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
diff --git a/uz/assets/js/7313bf7a.70a9af1d.js b/uz/assets/js/7313bf7a.70a9af1d.js
new file mode 100644
index 0000000000..fc31e773fc
--- /dev/null
+++ b/uz/assets/js/7313bf7a.70a9af1d.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[25],{7497:(e,t,i)=>{i.r(t),i.d(t,{assets:()=>d,contentTitle:()=>a,default:()=>m,frontMatter:()=>o,metadata:()=>c,toc:()=>l});var n=i(6070),s=i(1100),r=i(1928);const o={sidebar_class_name:"sidebar-item--wip",sidebar_position:2},a="Team",c={id:"team",title:"Team",description:"Core-team",source:"@site/i18n/en/docusaurus-plugin-content-docs/community/team.mdx",sourceDirName:".",slug:"/team",permalink:"/uz/community/team",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/community/team.mdx",tags:[],version:"current",lastUpdatedBy:"InJaEE",lastUpdatedAt:1728325386e3,sidebarPosition:2,frontMatter:{sidebar_class_name:"sidebar-item--wip",sidebar_position:2},sidebar:"community",previous:{title:"\ud83d\udcab Community",permalink:"/uz/community/"}},d={},l=[...r.RM,{value:"Core-team",id:"core-team",level:2},{value:"Champions",id:"champions",level:3},{value:"Contributors",id:"contributors",level:2},{value:"Companies",id:"companies",level:2}];function u(e){const t={h1:"h1",h2:"h2",h3:"h3",header:"header",...(0,s.R)(),...e.components};return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(t.header,{children:(0,n.jsx)(t.h1,{id:"team",children:"Team"})}),"\n",(0,n.jsx)(r.Ay,{ticket:"192"}),"\n",(0,n.jsx)(t.h2,{id:"core-team",children:"Core-team"}),"\n",(0,n.jsx)(t.h3,{id:"champions",children:"Champions"}),"\n",(0,n.jsx)(t.h2,{id:"contributors",children:"Contributors"}),"\n",(0,n.jsx)(t.h2,{id:"companies",children:"Companies"})]})}function m(e={}){const{wrapper:t}={...(0,s.R)(),...e.components};return t?(0,n.jsx)(t,{...e,children:(0,n.jsx)(u,{...e})}):u(e)}},1928:(e,t,i)=>{i.d(t,{Ay:()=>l,RM:()=>c});var n=i(6070),s=i(1100),r=(i(758),i(6783)),o=i(7765);const a=e=>{let{ticket:t}=e;const i=`https://github.com/feature-sliced/documentation/issues/${t}`;return(0,n.jsxs)("div",{children:[(0,n.jsx)("p",{children:(0,o.T)({id:"shared.wip.title"})}),(0,n.jsx)("p",{children:(0,o.T)({id:"shared.wip.subtitle"})}),(0,n.jsxs)("ul",{children:[(0,n.jsxs)("li",{children:[(0,o.T)({id:"shared.wip.var.feedback.base"}),(0,n.jsx)(r.A,{to:i,children:(0,o.T)({id:"shared.wip.var.feedback.link"})})]}),(0,n.jsxs)("li",{children:[(0,o.T)({id:"shared.wip.var.material.base"}),(0,n.jsx)(r.A,{to:"https://t.me/feature_sliced",children:(0,o.T)({id:"shared.wip.var.material.link"})})]}),(0,n.jsxs)("li",{children:[(0,o.T)({id:"shared.wip.var.contribute.base"}),(0,n.jsx)(r.A,{to:"https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md",children:(0,o.T)({id:"shared.wip.var.contribute.link"})})]})]}),(0,n.jsx)("br",{}),(0,n.jsx)("p",{children:(0,n.jsx)("i",{children:"\ud83c\udf70 Stay tuned!"})})]})},c=[];function d(e){const t={admonition:"admonition",...(0,s.R)(),...e.components};return(0,n.jsx)(t.admonition,{title:"WIP",type:"caution",children:(0,n.jsx)(a,{ticket:e.ticket})})}function l(e={}){const{wrapper:t}={...(0,s.R)(),...e.components};return t?(0,n.jsx)(t,{...e,children:(0,n.jsx)(d,{...e})}):d(e)}},1100:(e,t,i)=>{i.d(t,{R:()=>o,x:()=>a});var n=i(758);const s={},r=n.createContext(s);function o(e){const t=n.useContext(r);return n.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function a(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(s):e.components||s:o(e.components),n.createElement(r.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
diff --git a/uz/assets/js/7313bf7a.fc2094fb.js b/uz/assets/js/7313bf7a.fc2094fb.js
deleted file mode 100644
index d71a5a75fe..0000000000
--- a/uz/assets/js/7313bf7a.fc2094fb.js
+++ /dev/null
@@ -1 +0,0 @@
-"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[25],{7497:(e,t,i)=>{i.r(t),i.d(t,{assets:()=>d,contentTitle:()=>a,default:()=>m,frontMatter:()=>o,metadata:()=>c,toc:()=>u});var n=i(6070),s=i(1100),r=i(1928);const o={sidebar_class_name:"sidebar-item--wip",sidebar_position:2},a="Team",c={id:"team",title:"Team",description:"Core-team",source:"@site/i18n/en/docusaurus-plugin-content-docs/community/team.mdx",sourceDirName:".",slug:"/team",permalink:"/uz/community/team",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/community/team.mdx",tags:[],version:"current",lastUpdatedBy:"ratomiru",lastUpdatedAt:1727607766e3,sidebarPosition:2,frontMatter:{sidebar_class_name:"sidebar-item--wip",sidebar_position:2},sidebar:"community",previous:{title:"\ud83d\udcab Community",permalink:"/uz/community/"}},d={},u=[...r.RM,{value:"Core-team",id:"core-team",level:2},{value:"Champions",id:"champions",level:3},{value:"Contributors",id:"contributors",level:2},{value:"Companies",id:"companies",level:2}];function l(e){const t={h1:"h1",h2:"h2",h3:"h3",header:"header",...(0,s.R)(),...e.components};return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(t.header,{children:(0,n.jsx)(t.h1,{id:"team",children:"Team"})}),"\n",(0,n.jsx)(r.Ay,{ticket:"192"}),"\n",(0,n.jsx)(t.h2,{id:"core-team",children:"Core-team"}),"\n",(0,n.jsx)(t.h3,{id:"champions",children:"Champions"}),"\n",(0,n.jsx)(t.h2,{id:"contributors",children:"Contributors"}),"\n",(0,n.jsx)(t.h2,{id:"companies",children:"Companies"})]})}function m(e={}){const{wrapper:t}={...(0,s.R)(),...e.components};return t?(0,n.jsx)(t,{...e,children:(0,n.jsx)(l,{...e})}):l(e)}},1928:(e,t,i)=>{i.d(t,{Ay:()=>u,RM:()=>c});var n=i(6070),s=i(1100),r=(i(758),i(6783)),o=i(7765);const a=e=>{let{ticket:t}=e;const i=`https://github.com/feature-sliced/documentation/issues/${t}`;return(0,n.jsxs)("div",{children:[(0,n.jsx)("p",{children:(0,o.T)({id:"shared.wip.title"})}),(0,n.jsx)("p",{children:(0,o.T)({id:"shared.wip.subtitle"})}),(0,n.jsxs)("ul",{children:[(0,n.jsxs)("li",{children:[(0,o.T)({id:"shared.wip.var.feedback.base"}),(0,n.jsx)(r.A,{to:i,children:(0,o.T)({id:"shared.wip.var.feedback.link"})})]}),(0,n.jsxs)("li",{children:[(0,o.T)({id:"shared.wip.var.material.base"}),(0,n.jsx)(r.A,{to:"https://t.me/feature_sliced",children:(0,o.T)({id:"shared.wip.var.material.link"})})]}),(0,n.jsxs)("li",{children:[(0,o.T)({id:"shared.wip.var.contribute.base"}),(0,n.jsx)(r.A,{to:"https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md",children:(0,o.T)({id:"shared.wip.var.contribute.link"})})]})]}),(0,n.jsx)("br",{}),(0,n.jsx)("p",{children:(0,n.jsx)("i",{children:"\ud83c\udf70 Stay tuned!"})})]})},c=[];function d(e){const t={admonition:"admonition",...(0,s.R)(),...e.components};return(0,n.jsx)(t.admonition,{title:"WIP",type:"caution",children:(0,n.jsx)(a,{ticket:e.ticket})})}function u(e={}){const{wrapper:t}={...(0,s.R)(),...e.components};return t?(0,n.jsx)(t,{...e,children:(0,n.jsx)(d,{...e})}):d(e)}},1100:(e,t,i)=>{i.d(t,{R:()=>o,x:()=>a});var n=i(758);const s={},r=n.createContext(s);function o(e){const t=n.useContext(r);return n.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function a(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(s):e.components||s:o(e.components),n.createElement(r.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
diff --git a/uz/assets/js/7a790ed0.73f7ad1c.js b/uz/assets/js/7a790ed0.a824e762.js
similarity index 99%
rename from uz/assets/js/7a790ed0.73f7ad1c.js
rename to uz/assets/js/7a790ed0.a824e762.js
index 006c52070c..62f7b9538b 100644
--- a/uz/assets/js/7a790ed0.73f7ad1c.js
+++ b/uz/assets/js/7a790ed0.a824e762.js
@@ -1 +1 @@
-"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[6422],{4813:(e,n,i)=>{i.r(n),i.d(n,{assets:()=>c,contentTitle:()=>t,default:()=>a,frontMatter:()=>r,metadata:()=>l,toc:()=>d});var s=i(6070),o=i(1100);const r={},t="Isolation of modules",l={id:"reference/isolation/index",title:"Isolation of modules",description:"Within the framework of the methodology, all modules are distributed by scopes of responsibility (layer, slice, segment)",source:"@site/i18n/en/docusaurus-plugin-content-docs/current/reference/isolation/index.md",sourceDirName:"reference/isolation",slug:"/reference/isolation/",permalink:"/uz/docs/reference/isolation/",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/reference/isolation/index.md",tags:[],version:"current",lastUpdatedAt:1727607766e3,frontMatter:{},sidebar:"referenceSidebar",previous:{title:"Public API",permalink:"/uz/docs/reference/public-api"},next:{title:"Low Coupling & High Cohesion",permalink:"/uz/docs/reference/isolation/coupling-cohesion"}},c={},d=[{value:"Requirements",id:"requirements",level:2},{value:"Rule",id:"rule",level:2},{value:"Identifying problems",id:"identifying-problems",level:2},{value:"See also",id:"see-also",level:2}];function h(e){const n={a:"a",admonition:"admonition",code:"code",em:"em",h1:"h1",h2:"h2",header:"header",li:"li",ol:"ol",p:"p",strong:"strong",ul:"ul",...(0,o.R)(),...e.components};return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(n.header,{children:(0,s.jsx)(n.h1,{id:"isolation-of-modules",children:"Isolation of modules"})}),"\n",(0,s.jsx)(n.p,{children:"Within the framework of the methodology, all modules are distributed by scopes of responsibility (layer, slice, segment)"}),"\n",(0,s.jsx)(n.p,{children:"The layers, in turn, are organized vertically:"}),"\n",(0,s.jsxs)(n.ul,{children:["\n",(0,s.jsx)(n.li,{children:'"At the bottom" are the reused modules (ui-kit, internal libraries of the project), as the most abstract'}),"\n",(0,s.jsx)(n.li,{children:'And as you move "up", more specific modules are located.'}),"\n"]}),"\n",(0,s.jsxs)(n.p,{children:["Regardless of whether it belongs to any slice, each module ",(0,s.jsx)(n.a,{href:"/docs/reference/public-api",children:(0,s.jsx)(n.strong,{children:"is required to provide a public access interface"})}),"."]}),"\n",(0,s.jsx)(n.h2,{id:"requirements",children:"Requirements"}),"\n",(0,s.jsx)(n.p,{children:"The interaction of each module with the rest of the application is designed taking into account a number of requirements:"}),"\n",(0,s.jsxs)(n.ol,{children:["\n",(0,s.jsxs)(n.li,{children:["\n",(0,s.jsxs)(n.p,{children:[(0,s.jsx)(n.strong,{children:"Low coupling"})," with other modules"]}),"\n",(0,s.jsxs)(n.ul,{children:["\n",(0,s.jsx)(n.li,{children:(0,s.jsx)(n.em,{children:"A change in one module should have a weak and predictable effect on others"})}),"\n"]}),"\n"]}),"\n",(0,s.jsxs)(n.li,{children:["\n",(0,s.jsxs)(n.p,{children:[(0,s.jsx)(n.strong,{children:"High cohesion"}),' - the responsibilities of each module are "focused" on one task']}),"\n",(0,s.jsxs)(n.ul,{children:["\n",(0,s.jsx)(n.li,{children:(0,s.jsx)(n.em,{children:'If the module has too many responsibilities (starts "doing too much") - this should be noticed as soon as possible'})}),"\n"]}),"\n"]}),"\n",(0,s.jsxs)(n.li,{children:["\n",(0,s.jsxs)(n.p,{children:[(0,s.jsx)(n.strong,{children:"Absence of cyclic dependencies"})," on the scale of the entire application"]}),"\n",(0,s.jsxs)(n.ul,{children:["\n",(0,s.jsx)(n.li,{children:(0,s.jsx)(n.em,{children:"Often lead to unexpected, undesirable behavior, it is better to avoid them altogether"})}),"\n"]}),"\n"]}),"\n"]}),"\n",(0,s.jsx)(n.h2,{id:"rule",children:"Rule"}),"\n",(0,s.jsx)(n.p,{children:"To meet these requirements, within the framework of the methodology, it is necessary to observe the basic rule:"}),"\n",(0,s.jsx)(n.admonition,{title:"Important",type:"info",children:(0,s.jsx)(n.p,{children:'A module can depend only on "underlying" modules, but not on modules from the same or higher layer'})}),"\n",(0,s.jsxs)(n.ul,{children:["\n",(0,s.jsxs)(n.li,{children:[(0,s.jsx)(n.code,{children:"features/auth"})," ",(0,s.jsx)(n.strong,{children:"cannot"})," depend on ",(0,s.jsx)(n.code,{children:"features/filters"})," ",(0,s.jsx)(n.strong,{children:"and vice versa"})]}),"\n",(0,s.jsxs)(n.li,{children:[(0,s.jsx)(n.code,{children:"features/auth"})," ",(0,s.jsx)(n.strong,{children:"may"})," depend on ",(0,s.jsx)(n.code,{children:"shared/ui/button"}),", ",(0,s.jsx)(n.strong,{children:"but not vice versa"})]}),"\n"]}),"\n",(0,s.jsxs)(n.p,{children:["Following this rule allows you to keep dependencies ",(0,s.jsx)(n.strong,{children:'"unidirectional"'})," - which automatically ",(0,s.jsx)(n.strong,{children:"eliminates cyclic imports"})," and significantly ",(0,s.jsx)(n.strong,{children:"simplifies tracking dependencies"})," between modules in the application."]}),"\n",(0,s.jsx)(n.h2,{id:"identifying-problems",children:"Identifying problems"}),"\n",(0,s.jsx)(n.p,{children:"Violation of this rule is a signal of problems:"}),"\n",(0,s.jsxs)(n.ol,{children:["\n",(0,s.jsxs)(n.li,{children:["\n",(0,s.jsxs)(n.p,{children:["The module has ",(0,s.jsx)(n.strong,{children:"import from another module"})," from its own layer"]}),"\n",(0,s.jsxs)(n.ul,{children:["\n",(0,s.jsxs)(n.li,{children:["Perhaps the module was ",(0,s.jsx)(n.strong,{children:"unnecessarily fragmented"})," or has ",(0,s.jsx)(n.strong,{children:"unnecessary responsibility."})]}),"\n",(0,s.jsxs)(n.li,{children:["You should ",(0,s.jsx)(n.strong,{children:"combine"})," it with the imported module or ",(0,s.jsx)(n.strong,{children:"move it (partially or completely) to the layer below"})," or transfer the logic of relationships to modules on higher layers."]}),"\n"]}),"\n"]}),"\n",(0,s.jsxs)(n.li,{children:["\n",(0,s.jsxs)(n.p,{children:["The module ",(0,s.jsx)(n.strong,{children:"is imported by many modules"})," from its own layer"]}),"\n",(0,s.jsxs)(n.ul,{children:["\n",(0,s.jsxs)(n.li,{children:["Perhaps the module has ",(0,s.jsx)(n.strong,{children:"extra responsibility."})]}),"\n",(0,s.jsxs)(n.li,{children:["You should ",(0,s.jsx)(n.strong,{children:"move it (partially or entirely) to the layer below"}),", or transfer the logic of connections to modules on higher layers."]}),"\n"]}),"\n"]}),"\n",(0,s.jsxs)(n.li,{children:["\n",(0,s.jsxs)(n.p,{children:["The module ",(0,s.jsx)(n.strong,{children:"has imports from many modules"})," from its own layer"]}),"\n",(0,s.jsxs)(n.ul,{children:["\n",(0,s.jsxs)(n.li,{children:["Perhaps the module belongs to ",(0,s.jsx)(n.strong,{children:"another scope of responsibility."})]}),"\n",(0,s.jsxs)(n.li,{children:["You should ",(0,s.jsx)(n.strong,{children:"move it (partially or completely) to the layer above"}),"."]}),"\n"]}),"\n"]}),"\n"]}),"\n",(0,s.jsx)(n.h2,{id:"see-also",children:"See also"}),"\n",(0,s.jsxs)(n.ul,{children:["\n",(0,s.jsx)(n.li,{children:(0,s.jsx)(n.a,{href:"/docs/reference/isolation/coupling-cohesion",children:"(Guide) About achieving low coupling"})}),"\n",(0,s.jsx)(n.li,{children:(0,s.jsx)(n.a,{href:"https://github.com/feature-sliced/documentation/discussions/49",children:"(Discussion) Coupled entities"})}),"\n",(0,s.jsx)(n.li,{children:(0,s.jsx)(n.a,{href:"https://github.com/feature-sliced/documentation/discussions/65#discussioncomment-480822",children:"(Discussion) About cross-imports and analysis \u0437\u0430\u0432\u0438\u0441\u0438\u043c\u043e\u0441\u0442\u0435\u0439"})}),"\n",(0,s.jsx)(n.li,{children:(0,s.jsxs)(n.a,{href:"https://en.wikipedia.org/wiki/GRASP_(object-oriented_design)",children:[(0,s.jsx)(n.strong,{children:"GRASP"})," Patterns"]})}),"\n"]})]})}function a(e={}){const{wrapper:n}={...(0,o.R)(),...e.components};return n?(0,s.jsx)(n,{...e,children:(0,s.jsx)(h,{...e})}):h(e)}},1100:(e,n,i)=>{i.d(n,{R:()=>t,x:()=>l});var s=i(758);const o={},r=s.createContext(o);function t(e){const n=s.useContext(r);return s.useMemo((function(){return"function"==typeof e?e(n):{...n,...e}}),[n,e])}function l(e){let n;return n=e.disableParentContext?"function"==typeof e.components?e.components(o):e.components||o:t(e.components),s.createElement(r.Provider,{value:n},e.children)}}}]);
\ No newline at end of file
+"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[6422],{4813:(e,n,i)=>{i.r(n),i.d(n,{assets:()=>c,contentTitle:()=>t,default:()=>a,frontMatter:()=>r,metadata:()=>l,toc:()=>d});var s=i(6070),o=i(1100);const r={},t="Isolation of modules",l={id:"reference/isolation/index",title:"Isolation of modules",description:"Within the framework of the methodology, all modules are distributed by scopes of responsibility (layer, slice, segment)",source:"@site/i18n/en/docusaurus-plugin-content-docs/current/reference/isolation/index.md",sourceDirName:"reference/isolation",slug:"/reference/isolation/",permalink:"/uz/docs/reference/isolation/",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/reference/isolation/index.md",tags:[],version:"current",lastUpdatedAt:1728325386e3,frontMatter:{},sidebar:"referenceSidebar",previous:{title:"Public API",permalink:"/uz/docs/reference/public-api"},next:{title:"Low Coupling & High Cohesion",permalink:"/uz/docs/reference/isolation/coupling-cohesion"}},c={},d=[{value:"Requirements",id:"requirements",level:2},{value:"Rule",id:"rule",level:2},{value:"Identifying problems",id:"identifying-problems",level:2},{value:"See also",id:"see-also",level:2}];function h(e){const n={a:"a",admonition:"admonition",code:"code",em:"em",h1:"h1",h2:"h2",header:"header",li:"li",ol:"ol",p:"p",strong:"strong",ul:"ul",...(0,o.R)(),...e.components};return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(n.header,{children:(0,s.jsx)(n.h1,{id:"isolation-of-modules",children:"Isolation of modules"})}),"\n",(0,s.jsx)(n.p,{children:"Within the framework of the methodology, all modules are distributed by scopes of responsibility (layer, slice, segment)"}),"\n",(0,s.jsx)(n.p,{children:"The layers, in turn, are organized vertically:"}),"\n",(0,s.jsxs)(n.ul,{children:["\n",(0,s.jsx)(n.li,{children:'"At the bottom" are the reused modules (ui-kit, internal libraries of the project), as the most abstract'}),"\n",(0,s.jsx)(n.li,{children:'And as you move "up", more specific modules are located.'}),"\n"]}),"\n",(0,s.jsxs)(n.p,{children:["Regardless of whether it belongs to any slice, each module ",(0,s.jsx)(n.a,{href:"/docs/reference/public-api",children:(0,s.jsx)(n.strong,{children:"is required to provide a public access interface"})}),"."]}),"\n",(0,s.jsx)(n.h2,{id:"requirements",children:"Requirements"}),"\n",(0,s.jsx)(n.p,{children:"The interaction of each module with the rest of the application is designed taking into account a number of requirements:"}),"\n",(0,s.jsxs)(n.ol,{children:["\n",(0,s.jsxs)(n.li,{children:["\n",(0,s.jsxs)(n.p,{children:[(0,s.jsx)(n.strong,{children:"Low coupling"})," with other modules"]}),"\n",(0,s.jsxs)(n.ul,{children:["\n",(0,s.jsx)(n.li,{children:(0,s.jsx)(n.em,{children:"A change in one module should have a weak and predictable effect on others"})}),"\n"]}),"\n"]}),"\n",(0,s.jsxs)(n.li,{children:["\n",(0,s.jsxs)(n.p,{children:[(0,s.jsx)(n.strong,{children:"High cohesion"}),' - the responsibilities of each module are "focused" on one task']}),"\n",(0,s.jsxs)(n.ul,{children:["\n",(0,s.jsx)(n.li,{children:(0,s.jsx)(n.em,{children:'If the module has too many responsibilities (starts "doing too much") - this should be noticed as soon as possible'})}),"\n"]}),"\n"]}),"\n",(0,s.jsxs)(n.li,{children:["\n",(0,s.jsxs)(n.p,{children:[(0,s.jsx)(n.strong,{children:"Absence of cyclic dependencies"})," on the scale of the entire application"]}),"\n",(0,s.jsxs)(n.ul,{children:["\n",(0,s.jsx)(n.li,{children:(0,s.jsx)(n.em,{children:"Often lead to unexpected, undesirable behavior, it is better to avoid them altogether"})}),"\n"]}),"\n"]}),"\n"]}),"\n",(0,s.jsx)(n.h2,{id:"rule",children:"Rule"}),"\n",(0,s.jsx)(n.p,{children:"To meet these requirements, within the framework of the methodology, it is necessary to observe the basic rule:"}),"\n",(0,s.jsx)(n.admonition,{title:"Important",type:"info",children:(0,s.jsx)(n.p,{children:'A module can depend only on "underlying" modules, but not on modules from the same or higher layer'})}),"\n",(0,s.jsxs)(n.ul,{children:["\n",(0,s.jsxs)(n.li,{children:[(0,s.jsx)(n.code,{children:"features/auth"})," ",(0,s.jsx)(n.strong,{children:"cannot"})," depend on ",(0,s.jsx)(n.code,{children:"features/filters"})," ",(0,s.jsx)(n.strong,{children:"and vice versa"})]}),"\n",(0,s.jsxs)(n.li,{children:[(0,s.jsx)(n.code,{children:"features/auth"})," ",(0,s.jsx)(n.strong,{children:"may"})," depend on ",(0,s.jsx)(n.code,{children:"shared/ui/button"}),", ",(0,s.jsx)(n.strong,{children:"but not vice versa"})]}),"\n"]}),"\n",(0,s.jsxs)(n.p,{children:["Following this rule allows you to keep dependencies ",(0,s.jsx)(n.strong,{children:'"unidirectional"'})," - which automatically ",(0,s.jsx)(n.strong,{children:"eliminates cyclic imports"})," and significantly ",(0,s.jsx)(n.strong,{children:"simplifies tracking dependencies"})," between modules in the application."]}),"\n",(0,s.jsx)(n.h2,{id:"identifying-problems",children:"Identifying problems"}),"\n",(0,s.jsx)(n.p,{children:"Violation of this rule is a signal of problems:"}),"\n",(0,s.jsxs)(n.ol,{children:["\n",(0,s.jsxs)(n.li,{children:["\n",(0,s.jsxs)(n.p,{children:["The module has ",(0,s.jsx)(n.strong,{children:"import from another module"})," from its own layer"]}),"\n",(0,s.jsxs)(n.ul,{children:["\n",(0,s.jsxs)(n.li,{children:["Perhaps the module was ",(0,s.jsx)(n.strong,{children:"unnecessarily fragmented"})," or has ",(0,s.jsx)(n.strong,{children:"unnecessary responsibility."})]}),"\n",(0,s.jsxs)(n.li,{children:["You should ",(0,s.jsx)(n.strong,{children:"combine"})," it with the imported module or ",(0,s.jsx)(n.strong,{children:"move it (partially or completely) to the layer below"})," or transfer the logic of relationships to modules on higher layers."]}),"\n"]}),"\n"]}),"\n",(0,s.jsxs)(n.li,{children:["\n",(0,s.jsxs)(n.p,{children:["The module ",(0,s.jsx)(n.strong,{children:"is imported by many modules"})," from its own layer"]}),"\n",(0,s.jsxs)(n.ul,{children:["\n",(0,s.jsxs)(n.li,{children:["Perhaps the module has ",(0,s.jsx)(n.strong,{children:"extra responsibility."})]}),"\n",(0,s.jsxs)(n.li,{children:["You should ",(0,s.jsx)(n.strong,{children:"move it (partially or entirely) to the layer below"}),", or transfer the logic of connections to modules on higher layers."]}),"\n"]}),"\n"]}),"\n",(0,s.jsxs)(n.li,{children:["\n",(0,s.jsxs)(n.p,{children:["The module ",(0,s.jsx)(n.strong,{children:"has imports from many modules"})," from its own layer"]}),"\n",(0,s.jsxs)(n.ul,{children:["\n",(0,s.jsxs)(n.li,{children:["Perhaps the module belongs to ",(0,s.jsx)(n.strong,{children:"another scope of responsibility."})]}),"\n",(0,s.jsxs)(n.li,{children:["You should ",(0,s.jsx)(n.strong,{children:"move it (partially or completely) to the layer above"}),"."]}),"\n"]}),"\n"]}),"\n"]}),"\n",(0,s.jsx)(n.h2,{id:"see-also",children:"See also"}),"\n",(0,s.jsxs)(n.ul,{children:["\n",(0,s.jsx)(n.li,{children:(0,s.jsx)(n.a,{href:"/docs/reference/isolation/coupling-cohesion",children:"(Guide) About achieving low coupling"})}),"\n",(0,s.jsx)(n.li,{children:(0,s.jsx)(n.a,{href:"https://github.com/feature-sliced/documentation/discussions/49",children:"(Discussion) Coupled entities"})}),"\n",(0,s.jsx)(n.li,{children:(0,s.jsx)(n.a,{href:"https://github.com/feature-sliced/documentation/discussions/65#discussioncomment-480822",children:"(Discussion) About cross-imports and analysis \u0437\u0430\u0432\u0438\u0441\u0438\u043c\u043e\u0441\u0442\u0435\u0439"})}),"\n",(0,s.jsx)(n.li,{children:(0,s.jsxs)(n.a,{href:"https://en.wikipedia.org/wiki/GRASP_(object-oriented_design)",children:[(0,s.jsx)(n.strong,{children:"GRASP"})," Patterns"]})}),"\n"]})]})}function a(e={}){const{wrapper:n}={...(0,o.R)(),...e.components};return n?(0,s.jsx)(n,{...e,children:(0,s.jsx)(h,{...e})}):h(e)}},1100:(e,n,i)=>{i.d(n,{R:()=>t,x:()=>l});var s=i(758);const o={},r=s.createContext(o);function t(e){const n=s.useContext(r);return s.useMemo((function(){return"function"==typeof e?e(n):{...n,...e}}),[n,e])}function l(e){let n;return n=e.disableParentContext?"function"==typeof e.components?e.components(o):e.components||o:t(e.components),s.createElement(r.Provider,{value:n},e.children)}}}]);
\ No newline at end of file
diff --git a/uz/assets/js/84a0dbae.6e142b73.js b/uz/assets/js/84a0dbae.8ae8fa4b.js
similarity index 99%
rename from uz/assets/js/84a0dbae.6e142b73.js
rename to uz/assets/js/84a0dbae.8ae8fa4b.js
index 59dd65419c..11ea1829b0 100644
--- a/uz/assets/js/84a0dbae.6e142b73.js
+++ b/uz/assets/js/84a0dbae.8ae8fa4b.js
@@ -1 +1 @@
-"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[7660],{6660:(e,t,n)=>{n.r(t),n.d(t,{assets:()=>d,contentTitle:()=>r,default:()=>p,frontMatter:()=>i,metadata:()=>c,toc:()=>a});var s=n(6070),o=n(1100);const i={sidebar_position:10},r="Usage with NextJS",c={id:"guides/tech/with-nextjs",title:"Usage with NextJS",description:"It is possible to implement FSD in a NextJS project, but conflicts arise due to differences between the requirements for the NextJS project structure and the principles of FSD in two points:",source:"@site/i18n/en/docusaurus-plugin-content-docs/current/guides/tech/with-nextjs.mdx",sourceDirName:"guides/tech",slug:"/guides/tech/with-nextjs",permalink:"/uz/docs/guides/tech/with-nextjs",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/guides/tech/with-nextjs.mdx",tags:[],version:"current",lastUpdatedAt:1727607766e3,sidebarPosition:10,frontMatter:{sidebar_position:10},sidebar:"guidesSidebar",previous:{title:"Migration from v1",permalink:"/uz/docs/guides/migration/from-v1"},next:{title:"Usage with NuxtJS",permalink:"/uz/docs/guides/tech/with-nuxtjs"}},d={},a=[{value:"Conflict between FSD and NextJS on <code>pages</code> layer",id:"pages-conflict",level:2},{value:"Moving the <code>pages</code> folder of NextJS to the root folder of the project (recommended)",id:"moving-the-pages-folder-of-nextjs-to-the-root-folder-of-the-project-recommended",level:3},{value:"Renaming the <code>pages</code> layer within the FSD structure",id:"renaming-the-pages-layer-within-the-fsd-structure",level:3},{value:"The absence of the <code>app</code> folder in NextJS",id:"app-absence",level:2},{value:"Importing app functionality to <code>pages/_app.tsx</code> file",id:"importing-app-functionality-to-pages_apptsx-file",level:3},{value:"Dealing with App Router",id:"app-router",level:2},{value:"See also",id:"see-also",level:2}];function l(e){const t={a:"a",code:"code",h1:"h1",h2:"h2",h3:"h3",header:"header",img:"img",li:"li",p:"p",pre:"pre",strong:"strong",ul:"ul",...(0,o.R)(),...e.components};return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(t.header,{children:(0,s.jsx)(t.h1,{id:"usage-with-nextjs",children:"Usage with NextJS"})}),"\n",(0,s.jsx)(t.p,{children:"It is possible to implement FSD in a NextJS project, but conflicts arise due to differences between the requirements for the NextJS project structure and the principles of FSD in two points:\xa0"}),"\n",(0,s.jsxs)(t.ul,{children:["\n",(0,s.jsxs)(t.li,{children:["Routing files in the ",(0,s.jsx)(t.code,{children:"pages"})," layer"]}),"\n",(0,s.jsxs)(t.li,{children:["Conflict or absence of the ",(0,s.jsx)(t.code,{children:"app"})," layer in NextJS"]}),"\n"]}),"\n",(0,s.jsxs)(t.h2,{id:"pages-conflict",children:["Conflict between FSD and NextJS on ",(0,s.jsx)(t.code,{children:"pages"})," layer"]}),"\n",(0,s.jsxs)(t.p,{children:["NextJS suggests using the ",(0,s.jsx)(t.code,{children:"pages"})," folder to define application routes. NextJS expects files in the ",(0,s.jsx)(t.code,{children:"pages"})," folder to match URLs.\nThis routing mechanism ",(0,s.jsx)(t.strong,{children:"does not correspond"})," to the FSD concept, since it is not possible to maintain a flat slice structure in such a routing mechanism."]}),"\n",(0,s.jsxs)(t.h3,{id:"moving-the-pages-folder-of-nextjs-to-the-root-folder-of-the-project-recommended",children:["Moving the ",(0,s.jsx)(t.code,{children:"pages"})," folder of NextJS to the root folder of the project (recommended)"]}),"\n",(0,s.jsxs)(t.p,{children:["The approach is to move the ",(0,s.jsx)(t.code,{children:"pages"})," NextJS folder to the root folder of the project and import the FSD pages into the ",(0,s.jsx)(t.code,{children:"pages"})," NextJS folder. This saves\nthe FSD project structure inside the ",(0,s.jsx)(t.code,{children:"src"})," folder."]}),"\n",(0,s.jsx)(t.pre,{children:(0,s.jsx)(t.code,{className:"language-sh",children:"\u251c\u2500\u2500 pages              # NextJS pages folder\n\u251c\u2500\u2500 src\n\u2502   \u251c\u2500\u2500 app\n\u2502   \u251c\u2500\u2500 entities\n\u2502   \u251c\u2500\u2500 features\n\u2502   \u251c\u2500\u2500 pages          # FSD pages folder\n\u2502   \u251c\u2500\u2500 shared\n\u2502   \u251c\u2500\u2500 widgets\n"})}),"\n",(0,s.jsxs)(t.h3,{id:"renaming-the-pages-layer-within-the-fsd-structure",children:["Renaming the ",(0,s.jsx)(t.code,{children:"pages"})," layer within the FSD structure"]}),"\n",(0,s.jsxs)(t.p,{children:["Another way to solve the problem is to rename the ",(0,s.jsx)(t.code,{children:"pages"})," layer in the FSD structure to avoid conflicts with the NextJS ",(0,s.jsx)(t.code,{children:"pages"})," folder.\nYou can rename the ",(0,s.jsx)(t.code,{children:"pages"})," layer in FSD to ",(0,s.jsx)(t.code,{children:"views"}),".\nIn that way, the structure of the project in the ",(0,s.jsx)(t.code,{children:"src"})," folder is preserved without contradiction with the requirements of NextJS."]}),"\n",(0,s.jsx)(t.pre,{children:(0,s.jsx)(t.code,{className:"language-sh",children:"\u251c\u2500\u2500 app\n\u251c\u2500\u2500 entities\n\u251c\u2500\u2500 features\n\u251c\u2500\u2500 pages              # NextJS pages folder\n\u251c\u2500\u2500 views              # Renamed FSD pages folder\n\u251c\u2500\u2500 shared\n\u251c\u2500\u2500 widgets\n"})}),"\n",(0,s.jsxs)(t.p,{children:["Keep in mind that it's highly recommended to document this rename prominently in your project's README or internal documentation. This rename is a part of your ",(0,s.jsx)(t.a,{href:"/docs/about/understanding/knowledge-types",children:'"project knowledge"'}),"."]}),"\n",(0,s.jsxs)(t.h2,{id:"app-absence",children:["The absence of the ",(0,s.jsx)(t.code,{children:"app"})," folder in NextJS"]}),"\n",(0,s.jsxs)(t.p,{children:["In NextJS below version 13, there is no explicit ",(0,s.jsx)(t.code,{children:"app"})," folder, instead NextJS provides the ",(0,s.jsx)(t.code,{children:"_app.tsx"})," file,\nwhich plays the role of a wrapping component for all project pages."]}),"\n",(0,s.jsxs)(t.h3,{id:"importing-app-functionality-to-pages_apptsx-file",children:["Importing app functionality to ",(0,s.jsx)(t.code,{children:"pages/_app.tsx"})," file"]}),"\n",(0,s.jsxs)(t.p,{children:["To solve the problem of missing the ",(0,s.jsx)(t.code,{children:"app"})," folder in the NextJS structure, you can create an ",(0,s.jsx)(t.code,{children:"App"})," component inside the ",(0,s.jsx)(t.code,{children:"app"})," layer and import the ",(0,s.jsx)(t.code,{children:"App"})," component into ",(0,s.jsx)(t.code,{children:"pages/_app.tsx"})," so that NextJS can work with it.\nFor example:"]}),"\n",(0,s.jsx)(t.pre,{children:(0,s.jsx)(t.code,{className:"language-tsx",children:"// app/providers/index.tsx\n\nconst App = ({ Component, pageProps }: AppProps) => {\n  return (\n    <Provider1>\n      <Provider2>\n        <BaseLayout>\n            <Component {...pageProps} />\n        </BaseLayout>\n      </Provider2>\n    </Provider1>\n  );\n};\n\nexport default App;\n"})}),"\n",(0,s.jsxs)(t.p,{children:["Then you can import the ",(0,s.jsx)(t.code,{children:"App"})," component and global project styles into ",(0,s.jsx)(t.code,{children:"pages/_app.tsx"})," as follows:"]}),"\n",(0,s.jsx)(t.pre,{children:(0,s.jsx)(t.code,{className:"language-tsx",children:"// pages/_app.tsx\n\nimport 'app/styles/index.scss'\n\nexport { default } from 'app/providers';\n"})}),"\n",(0,s.jsx)(t.h2,{id:"app-router",children:"Dealing with App Router"}),"\n",(0,s.jsxs)(t.p,{children:["App Router has become stable in NextJS version 13.4. App Router allows you to use the ",(0,s.jsx)(t.code,{children:"app"})," folder for routing instead of the ",(0,s.jsx)(t.code,{children:"pages"})," folder.\nTo comply with the principles of FSD, you should treat the NextJS ",(0,s.jsx)(t.code,{children:"app"})," folder in the same way as recommended\nto resolve a conflict with the NextJS ",(0,s.jsx)(t.code,{children:"pages"})," folder."]}),"\n",(0,s.jsxs)(t.p,{children:["The approach is to move the NextJS ",(0,s.jsx)(t.code,{children:"app"})," folder to the root folder of the project and import the FSD pages into the NextJS ",(0,s.jsx)(t.code,{children:"app"})," folder. This saves\nthe FSD project structure inside the ",(0,s.jsx)(t.code,{children:"src"})," folder. You should still also add the ",(0,s.jsx)(t.code,{children:"pages"})," folder to the root, because the App router is compatible with the Pages router."]}),"\n",(0,s.jsx)(t.pre,{children:(0,s.jsx)(t.code,{children:"\u251c\u2500\u2500 app                # NextJS app folder\n\u251c\u2500\u2500 pages              # Stub NextJS pages folder\n\u2502   \u251c\u2500\u2500 README.md      # Description of why this folder exists\n\u251c\u2500\u2500 src\n\u2502   \u251c\u2500\u2500 app            # FSD app folder\n\u2502   \u251c\u2500\u2500 entities\n\u2502   \u251c\u2500\u2500 features\n\u2502   \u251c\u2500\u2500 pages          # FSD app folder\n\u2502   \u251c\u2500\u2500 shared\n\u2502   \u251c\u2500\u2500 widgets\n"})}),"\n",(0,s.jsx)(t.p,{children:(0,s.jsx)(t.a,{href:"https://stackblitz.com/edit/stackblitz-starters-aiez55?file=README.md",children:(0,s.jsx)(t.img,{src:"https://developer.stackblitz.com/img/open_in_stackblitz.svg",alt:"Open in StackBlitz"})})}),"\n",(0,s.jsx)(t.h2,{id:"see-also",children:"See also"}),"\n",(0,s.jsxs)(t.ul,{children:["\n",(0,s.jsx)(t.li,{children:(0,s.jsx)(t.a,{href:"https://t.me/feature_sliced/3623",children:"(Thread) About the pages directory in NextJS"})}),"\n"]})]})}function p(e={}){const{wrapper:t}={...(0,o.R)(),...e.components};return t?(0,s.jsx)(t,{...e,children:(0,s.jsx)(l,{...e})}):l(e)}},1100:(e,t,n)=>{n.d(t,{R:()=>r,x:()=>c});var s=n(758);const o={},i=s.createContext(o);function r(e){const t=s.useContext(i);return s.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function c(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(o):e.components||o:r(e.components),s.createElement(i.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
+"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[7660],{6660:(e,t,n)=>{n.r(t),n.d(t,{assets:()=>d,contentTitle:()=>r,default:()=>p,frontMatter:()=>i,metadata:()=>c,toc:()=>a});var s=n(6070),o=n(1100);const i={sidebar_position:10},r="Usage with NextJS",c={id:"guides/tech/with-nextjs",title:"Usage with NextJS",description:"It is possible to implement FSD in a NextJS project, but conflicts arise due to differences between the requirements for the NextJS project structure and the principles of FSD in two points:",source:"@site/i18n/en/docusaurus-plugin-content-docs/current/guides/tech/with-nextjs.mdx",sourceDirName:"guides/tech",slug:"/guides/tech/with-nextjs",permalink:"/uz/docs/guides/tech/with-nextjs",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/guides/tech/with-nextjs.mdx",tags:[],version:"current",lastUpdatedAt:1728325386e3,sidebarPosition:10,frontMatter:{sidebar_position:10},sidebar:"guidesSidebar",previous:{title:"Migration from v1",permalink:"/uz/docs/guides/migration/from-v1"},next:{title:"Usage with NuxtJS",permalink:"/uz/docs/guides/tech/with-nuxtjs"}},d={},a=[{value:"Conflict between FSD and NextJS on <code>pages</code> layer",id:"pages-conflict",level:2},{value:"Moving the <code>pages</code> folder of NextJS to the root folder of the project (recommended)",id:"moving-the-pages-folder-of-nextjs-to-the-root-folder-of-the-project-recommended",level:3},{value:"Renaming the <code>pages</code> layer within the FSD structure",id:"renaming-the-pages-layer-within-the-fsd-structure",level:3},{value:"The absence of the <code>app</code> folder in NextJS",id:"app-absence",level:2},{value:"Importing app functionality to <code>pages/_app.tsx</code> file",id:"importing-app-functionality-to-pages_apptsx-file",level:3},{value:"Dealing with App Router",id:"app-router",level:2},{value:"See also",id:"see-also",level:2}];function l(e){const t={a:"a",code:"code",h1:"h1",h2:"h2",h3:"h3",header:"header",img:"img",li:"li",p:"p",pre:"pre",strong:"strong",ul:"ul",...(0,o.R)(),...e.components};return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(t.header,{children:(0,s.jsx)(t.h1,{id:"usage-with-nextjs",children:"Usage with NextJS"})}),"\n",(0,s.jsx)(t.p,{children:"It is possible to implement FSD in a NextJS project, but conflicts arise due to differences between the requirements for the NextJS project structure and the principles of FSD in two points:\xa0"}),"\n",(0,s.jsxs)(t.ul,{children:["\n",(0,s.jsxs)(t.li,{children:["Routing files in the ",(0,s.jsx)(t.code,{children:"pages"})," layer"]}),"\n",(0,s.jsxs)(t.li,{children:["Conflict or absence of the ",(0,s.jsx)(t.code,{children:"app"})," layer in NextJS"]}),"\n"]}),"\n",(0,s.jsxs)(t.h2,{id:"pages-conflict",children:["Conflict between FSD and NextJS on ",(0,s.jsx)(t.code,{children:"pages"})," layer"]}),"\n",(0,s.jsxs)(t.p,{children:["NextJS suggests using the ",(0,s.jsx)(t.code,{children:"pages"})," folder to define application routes. NextJS expects files in the ",(0,s.jsx)(t.code,{children:"pages"})," folder to match URLs.\nThis routing mechanism ",(0,s.jsx)(t.strong,{children:"does not correspond"})," to the FSD concept, since it is not possible to maintain a flat slice structure in such a routing mechanism."]}),"\n",(0,s.jsxs)(t.h3,{id:"moving-the-pages-folder-of-nextjs-to-the-root-folder-of-the-project-recommended",children:["Moving the ",(0,s.jsx)(t.code,{children:"pages"})," folder of NextJS to the root folder of the project (recommended)"]}),"\n",(0,s.jsxs)(t.p,{children:["The approach is to move the ",(0,s.jsx)(t.code,{children:"pages"})," NextJS folder to the root folder of the project and import the FSD pages into the ",(0,s.jsx)(t.code,{children:"pages"})," NextJS folder. This saves\nthe FSD project structure inside the ",(0,s.jsx)(t.code,{children:"src"})," folder."]}),"\n",(0,s.jsx)(t.pre,{children:(0,s.jsx)(t.code,{className:"language-sh",children:"\u251c\u2500\u2500 pages              # NextJS pages folder\n\u251c\u2500\u2500 src\n\u2502   \u251c\u2500\u2500 app\n\u2502   \u251c\u2500\u2500 entities\n\u2502   \u251c\u2500\u2500 features\n\u2502   \u251c\u2500\u2500 pages          # FSD pages folder\n\u2502   \u251c\u2500\u2500 shared\n\u2502   \u251c\u2500\u2500 widgets\n"})}),"\n",(0,s.jsxs)(t.h3,{id:"renaming-the-pages-layer-within-the-fsd-structure",children:["Renaming the ",(0,s.jsx)(t.code,{children:"pages"})," layer within the FSD structure"]}),"\n",(0,s.jsxs)(t.p,{children:["Another way to solve the problem is to rename the ",(0,s.jsx)(t.code,{children:"pages"})," layer in the FSD structure to avoid conflicts with the NextJS ",(0,s.jsx)(t.code,{children:"pages"})," folder.\nYou can rename the ",(0,s.jsx)(t.code,{children:"pages"})," layer in FSD to ",(0,s.jsx)(t.code,{children:"views"}),".\nIn that way, the structure of the project in the ",(0,s.jsx)(t.code,{children:"src"})," folder is preserved without contradiction with the requirements of NextJS."]}),"\n",(0,s.jsx)(t.pre,{children:(0,s.jsx)(t.code,{className:"language-sh",children:"\u251c\u2500\u2500 app\n\u251c\u2500\u2500 entities\n\u251c\u2500\u2500 features\n\u251c\u2500\u2500 pages              # NextJS pages folder\n\u251c\u2500\u2500 views              # Renamed FSD pages folder\n\u251c\u2500\u2500 shared\n\u251c\u2500\u2500 widgets\n"})}),"\n",(0,s.jsxs)(t.p,{children:["Keep in mind that it's highly recommended to document this rename prominently in your project's README or internal documentation. This rename is a part of your ",(0,s.jsx)(t.a,{href:"/docs/about/understanding/knowledge-types",children:'"project knowledge"'}),"."]}),"\n",(0,s.jsxs)(t.h2,{id:"app-absence",children:["The absence of the ",(0,s.jsx)(t.code,{children:"app"})," folder in NextJS"]}),"\n",(0,s.jsxs)(t.p,{children:["In NextJS below version 13, there is no explicit ",(0,s.jsx)(t.code,{children:"app"})," folder, instead NextJS provides the ",(0,s.jsx)(t.code,{children:"_app.tsx"})," file,\nwhich plays the role of a wrapping component for all project pages."]}),"\n",(0,s.jsxs)(t.h3,{id:"importing-app-functionality-to-pages_apptsx-file",children:["Importing app functionality to ",(0,s.jsx)(t.code,{children:"pages/_app.tsx"})," file"]}),"\n",(0,s.jsxs)(t.p,{children:["To solve the problem of missing the ",(0,s.jsx)(t.code,{children:"app"})," folder in the NextJS structure, you can create an ",(0,s.jsx)(t.code,{children:"App"})," component inside the ",(0,s.jsx)(t.code,{children:"app"})," layer and import the ",(0,s.jsx)(t.code,{children:"App"})," component into ",(0,s.jsx)(t.code,{children:"pages/_app.tsx"})," so that NextJS can work with it.\nFor example:"]}),"\n",(0,s.jsx)(t.pre,{children:(0,s.jsx)(t.code,{className:"language-tsx",children:"// app/providers/index.tsx\n\nconst App = ({ Component, pageProps }: AppProps) => {\n  return (\n    <Provider1>\n      <Provider2>\n        <BaseLayout>\n            <Component {...pageProps} />\n        </BaseLayout>\n      </Provider2>\n    </Provider1>\n  );\n};\n\nexport default App;\n"})}),"\n",(0,s.jsxs)(t.p,{children:["Then you can import the ",(0,s.jsx)(t.code,{children:"App"})," component and global project styles into ",(0,s.jsx)(t.code,{children:"pages/_app.tsx"})," as follows:"]}),"\n",(0,s.jsx)(t.pre,{children:(0,s.jsx)(t.code,{className:"language-tsx",children:"// pages/_app.tsx\n\nimport 'app/styles/index.scss'\n\nexport { default } from 'app/providers';\n"})}),"\n",(0,s.jsx)(t.h2,{id:"app-router",children:"Dealing with App Router"}),"\n",(0,s.jsxs)(t.p,{children:["App Router has become stable in NextJS version 13.4. App Router allows you to use the ",(0,s.jsx)(t.code,{children:"app"})," folder for routing instead of the ",(0,s.jsx)(t.code,{children:"pages"})," folder.\nTo comply with the principles of FSD, you should treat the NextJS ",(0,s.jsx)(t.code,{children:"app"})," folder in the same way as recommended\nto resolve a conflict with the NextJS ",(0,s.jsx)(t.code,{children:"pages"})," folder."]}),"\n",(0,s.jsxs)(t.p,{children:["The approach is to move the NextJS ",(0,s.jsx)(t.code,{children:"app"})," folder to the root folder of the project and import the FSD pages into the NextJS ",(0,s.jsx)(t.code,{children:"app"})," folder. This saves\nthe FSD project structure inside the ",(0,s.jsx)(t.code,{children:"src"})," folder. You should still also add the ",(0,s.jsx)(t.code,{children:"pages"})," folder to the root, because the App router is compatible with the Pages router."]}),"\n",(0,s.jsx)(t.pre,{children:(0,s.jsx)(t.code,{children:"\u251c\u2500\u2500 app                # NextJS app folder\n\u251c\u2500\u2500 pages              # Stub NextJS pages folder\n\u2502   \u251c\u2500\u2500 README.md      # Description of why this folder exists\n\u251c\u2500\u2500 src\n\u2502   \u251c\u2500\u2500 app            # FSD app folder\n\u2502   \u251c\u2500\u2500 entities\n\u2502   \u251c\u2500\u2500 features\n\u2502   \u251c\u2500\u2500 pages          # FSD app folder\n\u2502   \u251c\u2500\u2500 shared\n\u2502   \u251c\u2500\u2500 widgets\n"})}),"\n",(0,s.jsx)(t.p,{children:(0,s.jsx)(t.a,{href:"https://stackblitz.com/edit/stackblitz-starters-aiez55?file=README.md",children:(0,s.jsx)(t.img,{src:"https://developer.stackblitz.com/img/open_in_stackblitz.svg",alt:"Open in StackBlitz"})})}),"\n",(0,s.jsx)(t.h2,{id:"see-also",children:"See also"}),"\n",(0,s.jsxs)(t.ul,{children:["\n",(0,s.jsx)(t.li,{children:(0,s.jsx)(t.a,{href:"https://t.me/feature_sliced/3623",children:"(Thread) About the pages directory in NextJS"})}),"\n"]})]})}function p(e={}){const{wrapper:t}={...(0,o.R)(),...e.components};return t?(0,s.jsx)(t,{...e,children:(0,s.jsx)(l,{...e})}):l(e)}},1100:(e,t,n)=>{n.d(t,{R:()=>r,x:()=>c});var s=n(758);const o={},i=s.createContext(o);function r(e){const t=s.useContext(i);return s.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function c(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(o):e.components||o:r(e.components),s.createElement(i.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
diff --git a/uz/assets/js/857ae1bf.2e68d5f3.js b/uz/assets/js/857ae1bf.40d72e5b.js
similarity index 99%
rename from uz/assets/js/857ae1bf.2e68d5f3.js
rename to uz/assets/js/857ae1bf.40d72e5b.js
index 987b1686b3..6e8208fbad 100644
--- a/uz/assets/js/857ae1bf.2e68d5f3.js
+++ b/uz/assets/js/857ae1bf.40d72e5b.js
@@ -1 +1 @@
-"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[4472],{4673:(e,n,t)=>{t.r(n),t.d(n,{assets:()=>l,contentTitle:()=>i,default:()=>h,frontMatter:()=>s,metadata:()=>o,toc:()=>c});var a=t(6070),r=t(1100);const s={sidebar_position:2},i="Tutorial",o={id:"get-started/tutorial",title:"Tutorial",description:"Part 1. On paper",source:"@site/i18n/en/docusaurus-plugin-content-docs/current/get-started/tutorial.md",sourceDirName:"get-started",slug:"/get-started/tutorial",permalink:"/uz/docs/get-started/tutorial",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/get-started/tutorial.md",tags:[],version:"current",lastUpdatedAt:1727607766e3,sidebarPosition:2,frontMatter:{sidebar_position:2},sidebar:"getstartedSidebar",previous:{title:"Overview",permalink:"/uz/docs/get-started/overview"},next:{title:"FAQ",permalink:"/uz/docs/get-started/faq"}},l={},c=[{value:"Part 1. On paper",id:"part-1-on-paper",level:2},{value:"Start by listing the pages",id:"start-by-listing-the-pages",level:3},{value:"Close look at the feed",id:"close-look-at-the-feed",level:3},{value:"List of tags",id:"list-of-tags",level:4},{value:"Articles",id:"articles",level:4},{value:"Reuse generic code",id:"reuse-generic-code",level:3},{value:"Define a strict public API",id:"define-a-strict-public-api",level:3},{value:"Large reused blocks in the UI",id:"large-reused-blocks-in-the-ui",level:3},{value:"Close look at a page with a form",id:"close-look-at-a-page-with-a-form",level:3},{value:"Summary",id:"summary",level:3},{value:"Part 2. In code",id:"part-2-in-code",level:2},{value:"Lay out the pages",id:"lay-out-the-pages",level:3},{value:"Connect the feed page",id:"connect-the-feed-page",level:3},{value:"API client",id:"api-client",level:3},{value:"Real data in the feed",id:"real-data-in-the-feed",level:3},{value:"Filtering by tag",id:"filtering-by-tag",level:3},{value:"Pagination",id:"pagination",level:3},{value:"Authentication",id:"authentication",level:3},{value:"Header",id:"header",level:3},{value:"Tabs",id:"tabs",level:3},{value:"Article reader",id:"article-reader",level:3},{value:"Article editor",id:"article-editor",level:3}];function d(e){const n={a:"a",code:"code",em:"em",h1:"h1",h2:"h2",h3:"h3",h4:"h4",header:"header",img:"img",li:"li",ol:"ol",p:"p",pre:"pre",strong:"strong",ul:"ul",...(0,r.R)(),...e.components};return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(n.header,{children:(0,a.jsx)(n.h1,{id:"tutorial",children:"Tutorial"})}),"\n",(0,a.jsx)(n.h2,{id:"part-1-on-paper",children:"Part 1. On paper"}),"\n",(0,a.jsxs)(n.p,{children:["This tutorial will examine the Real World App, also known as Conduit. Conduit is a basic ",(0,a.jsx)(n.a,{href:"https://medium.com/",children:"Medium"})," clone \u2014 it lets you read and write articles as well as comment on the articles of others."]}),"\n",(0,a.jsx)(n.p,{children:(0,a.jsx)(n.img,{alt:"Conduit home page",src:t(9703).A+"",width:"2880",height:"1504"})}),"\n",(0,a.jsxs)(n.p,{children:["This is a pretty small application, so we will keep it simple and avoid excessive decomposition. It\u2019s highly likely that the entire app will fit into just three layers: ",(0,a.jsx)(n.strong,{children:"App"}),", ",(0,a.jsx)(n.strong,{children:"Pages"}),", and ",(0,a.jsx)(n.strong,{children:"Shared"}),". If not, we will introduce additional layers as we go. Ready?"]}),"\n",(0,a.jsx)(n.h3,{id:"start-by-listing-the-pages",children:"Start by listing the pages"}),"\n",(0,a.jsx)(n.p,{children:"If we look at the screenshot above, we can assume at least the following pages:"}),"\n",(0,a.jsxs)(n.ul,{children:["\n",(0,a.jsx)(n.li,{children:"Home (article feed)"}),"\n",(0,a.jsx)(n.li,{children:"Sign in and sign up"}),"\n",(0,a.jsx)(n.li,{children:"Article reader"}),"\n",(0,a.jsx)(n.li,{children:"Article editor"}),"\n",(0,a.jsx)(n.li,{children:"User profile viewer"}),"\n",(0,a.jsx)(n.li,{children:"User profile editor (user settings)"}),"\n"]}),"\n",(0,a.jsxs)(n.p,{children:["Every one of these pages will become its own ",(0,a.jsx)(n.em,{children:"slice"})," on the Pages ",(0,a.jsx)(n.em,{children:"layer"}),". Recall from the overview that slices are simply folders inside of layers and layers are simply folders with predefined names like ",(0,a.jsx)(n.code,{children:"pages"}),"."]}),"\n",(0,a.jsx)(n.p,{children:"As such, our Pages folder will look like this:"}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{children:"\ud83d\udcc2 pages/\n  \ud83d\udcc1 feed/\n  \ud83d\udcc1 sign-in/\n  \ud83d\udcc1 article-read/\n  \ud83d\udcc1 article-edit/\n  \ud83d\udcc1 profile/\n  \ud83d\udcc1 settings/\n"})}),"\n",(0,a.jsxs)(n.p,{children:["The key difference of Feature-Sliced Design from an unregulated code structure is that pages cannot reference each other. That is, one page cannot import code from another page. This is due to the ",(0,a.jsx)(n.strong,{children:"import rule on layers"}),":"]}),"\n",(0,a.jsx)(n.p,{children:(0,a.jsx)(n.em,{children:"A module in a slice can only import other slices when they are located on layers strictly below."})}),"\n",(0,a.jsx)(n.p,{children:"In this case, a page is a slice, so modules (files) inside this page can only reference code from layers below, not from the same layer, Pages."}),"\n",(0,a.jsx)(n.h3,{id:"close-look-at-the-feed",children:"Close look at the feed"}),"\n",(0,a.jsxs)("figure",{children:[(0,a.jsx)(n.p,{children:(0,a.jsx)(n.img,{alt:"Anonymous user\u2019s perspective",src:t(9703).A+"",width:"2880",height:"1504"})}),(0,a.jsx)("figcaption",{children:(0,a.jsx)(n.p,{children:(0,a.jsx)(n.em,{children:"Anonymous user\u2019s perspective"})})})]}),"\n",(0,a.jsxs)("figure",{children:[(0,a.jsx)(n.p,{children:(0,a.jsx)(n.img,{alt:"Authenticated user\u2019s perspective",src:t(1405).A+"",width:"2880",height:"1504"})}),(0,a.jsx)("figcaption",{children:(0,a.jsx)(n.p,{children:(0,a.jsx)(n.em,{children:"Authenticated user\u2019s perspective"})})})]}),"\n",(0,a.jsx)(n.p,{children:"There are three dynamic areas on the feed page:"}),"\n",(0,a.jsxs)(n.ol,{children:["\n",(0,a.jsx)(n.li,{children:"Sign-in links with an indication if you are signed in"}),"\n",(0,a.jsx)(n.li,{children:"List of tags that triggers filtering in the feed"}),"\n",(0,a.jsx)(n.li,{children:"One/two feeds of articles, each article with a like button"}),"\n"]}),"\n",(0,a.jsx)(n.p,{children:"The sign-in links are a part of a header that is common to all pages, we will revisit it separately."}),"\n",(0,a.jsx)(n.h4,{id:"list-of-tags",children:"List of tags"}),"\n",(0,a.jsxs)(n.p,{children:["To build the list of tags, we need to fetch the available tags, render each tag as a chip, and store the selected tags in a client-side storage. These operations fall into categories \u201cAPI interaction\u201d, \u201cuser interface\u201d, and \u201cstorage\u201d, respectively. In Feature-Sliced Design, code is separated by purpose using ",(0,a.jsx)(n.em,{children:"segments"}),". Segments are folders in slices, and they can have arbitrary names that describe the purpose, but some purposes are so common that there\u2019s a convention for certain segment names:"]}),"\n",(0,a.jsxs)(n.ul,{children:["\n",(0,a.jsxs)(n.li,{children:["\ud83d\udcc2\xa0",(0,a.jsx)(n.code,{children:"api/"})," for backend interactions"]}),"\n",(0,a.jsxs)(n.li,{children:["\ud83d\udcc2\xa0",(0,a.jsx)(n.code,{children:"ui/"})," for code that handles rendering and appearance"]}),"\n",(0,a.jsxs)(n.li,{children:["\ud83d\udcc2\xa0",(0,a.jsx)(n.code,{children:"model/"})," for storage and business logic"]}),"\n",(0,a.jsxs)(n.li,{children:["\ud83d\udcc2\xa0",(0,a.jsx)(n.code,{children:"config/"})," for feature flags, environment variables and other forms of configuration"]}),"\n"]}),"\n",(0,a.jsxs)(n.p,{children:["We will place code that fetches tags into ",(0,a.jsx)(n.code,{children:"api"}),", the tag component into ",(0,a.jsx)(n.code,{children:"ui"}),", and the storage interaction into ",(0,a.jsx)(n.code,{children:"model"}),"."]}),"\n",(0,a.jsx)(n.h4,{id:"articles",children:"Articles"}),"\n",(0,a.jsx)(n.p,{children:"Using the same grouping principles, we can decompose the feed of articles into the same three segments:"}),"\n",(0,a.jsxs)(n.ul,{children:["\n",(0,a.jsxs)(n.li,{children:["\ud83d\udcc2\xa0",(0,a.jsx)(n.code,{children:"api/"}),": fetch paginated articles with like count; like an article"]}),"\n",(0,a.jsxs)(n.li,{children:["\ud83d\udcc2\xa0",(0,a.jsx)(n.code,{children:"ui/"}),":","\n",(0,a.jsxs)(n.ul,{children:["\n",(0,a.jsx)(n.li,{children:"tab list that can render an extra tab if a tag is selected"}),"\n",(0,a.jsx)(n.li,{children:"individual article"}),"\n",(0,a.jsx)(n.li,{children:"functional pagination"}),"\n"]}),"\n"]}),"\n",(0,a.jsxs)(n.li,{children:["\ud83d\udcc2\xa0",(0,a.jsx)(n.code,{children:"model/"}),": client-side storage of the currently loaded articles and current page (if needed)"]}),"\n"]}),"\n",(0,a.jsx)(n.h3,{id:"reuse-generic-code",children:"Reuse generic code"}),"\n",(0,a.jsxs)(n.p,{children:["Most pages are very different in intent, but certain things stay the same across the entire app \u2014 for example, the UI kit that conforms to the design language, or the convention on the backend that everything is done with a REST API with the same authentication method. Since slices are meant to be isolated, code reuse is facilitated by a lower layer, ",(0,a.jsx)(n.strong,{children:"Shared"}),"."]}),"\n",(0,a.jsx)(n.p,{children:"Shared is different from other layers in the sense that it contains segments, not slices. In this way, the Shared layer can be thought of as a hybrid between a layer and a slice."}),"\n",(0,a.jsx)(n.p,{children:"Usually, the code in Shared is not planned ahead of time, but rather extracted during development, because only during development does it become clear which parts of code are actually shared. However, it\u2019s still helpful to keep a mental note of what kind of code naturally belongs in Shared:"}),"\n",(0,a.jsxs)(n.ul,{children:["\n",(0,a.jsxs)(n.li,{children:["\ud83d\udcc2\xa0",(0,a.jsx)(n.code,{children:"ui/"})," \u2014 the UI kit, pure appearance, no business logic. For example, buttons, modal dialogs, form inputs."]}),"\n",(0,a.jsxs)(n.li,{children:["\ud83d\udcc2\xa0",(0,a.jsx)(n.code,{children:"api/"})," \u2014 convenience wrappers around request making primitives (like ",(0,a.jsx)(n.code,{children:"fetch()"})," on the Web) and, optionally, functions for triggering particular requests according to the backend specification."]}),"\n",(0,a.jsxs)(n.li,{children:["\ud83d\udcc2\xa0",(0,a.jsx)(n.code,{children:"config/"})," \u2014 parsing environment variables"]}),"\n",(0,a.jsxs)(n.li,{children:["\ud83d\udcc2\xa0",(0,a.jsx)(n.code,{children:"i18n/"})," \u2014 configuration of language support"]}),"\n",(0,a.jsxs)(n.li,{children:["\ud83d\udcc2\xa0",(0,a.jsx)(n.code,{children:"router/"})," \u2014 routing primitives and route constants"]}),"\n"]}),"\n",(0,a.jsxs)(n.p,{children:["Those are just a few examples of segment names in Shared, but you can omit any of them or create your own. The only important thing to remember when creating new segments is that segment names should describe ",(0,a.jsx)(n.strong,{children:"purpose (the why), not essence (the what)"}),". Names like \u201ccomponents\u201d, \u201chooks\u201d, \u201cmodals\u201d ",(0,a.jsx)(n.em,{children:"should not"})," be used because they describe what these files are, but don\u2019t help to navigate the code inside. This requires people on the team to dig through every file in such folders and also keeps unrelated code close, which leads to broad areas of code being affected by refactoring and thus makes code review and testing harder."]}),"\n",(0,a.jsx)(n.h3,{id:"define-a-strict-public-api",children:"Define a strict public API"}),"\n",(0,a.jsxs)(n.p,{children:["In the context of Feature-Sliced Design, the term ",(0,a.jsx)(n.em,{children:"public API"})," refers to a slice or segment declaring what can be imported from it by other modules in the project. For example, in JavaScript that can be an ",(0,a.jsx)(n.code,{children:"index.js"})," file re-exporting objects from other files in the slice. This enables freedom in refactoring code inside a slice as long as the contract with the outside world (i.e. the public API) stays the same."]}),"\n",(0,a.jsx)(n.p,{children:"For the Shared layer that has no slices, it\u2019s usually more convenient to define a separate public API for each segment as opposed to defining one single index of everything in Shared. This keeps imports from Shared naturally organized by intent. For other layers that have slices, the opposite is true \u2014 it\u2019s usually more practical to define one index per slice and let the slice decide its own set of segments that is unknown to the outside world because other layers usually have a lot less exports."}),"\n",(0,a.jsx)(n.p,{children:"Our slices/segments will appear to each other as follows:"}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{children:"\ud83d\udcc2 pages/\n  \ud83d\udcc2 feed/\n    \ud83d\udcc4 index\n  \ud83d\udcc2 sign-in/\n    \ud83d\udcc4 index\n  \ud83d\udcc2 article-read/\n    \ud83d\udcc4 index\n  \ud83d\udcc1 \u2026\n\ud83d\udcc2 shared/\n  \ud83d\udcc2 ui/\n    \ud83d\udcc4 index\n  \ud83d\udcc2 api/\n    \ud83d\udcc4 index\n  \ud83d\udcc1 \u2026\n"})}),"\n",(0,a.jsxs)(n.p,{children:["Whatever is inside folders like ",(0,a.jsx)(n.code,{children:"pages/feed"})," or ",(0,a.jsx)(n.code,{children:"shared/ui"})," is only known to those folders, and other files should not rely on the internal structure of these folders."]}),"\n",(0,a.jsx)(n.h3,{id:"large-reused-blocks-in-the-ui",children:"Large reused blocks in the UI"}),"\n",(0,a.jsx)(n.p,{children:"Earlier we made a note to revisit the header that appears on every page. Rebuilding it from scratch on every page would be impractical, so it\u2019s only natural to want to reuse it. We already have Shared to facilitate code reuse, however, there\u2019s a caveat to putting large blocks of UI in Shared \u2014 the Shared layer is not supposed to know about any of the layers above."}),"\n",(0,a.jsx)(n.p,{children:"Between Shared and Pages there are three other layers: Entities, Features, and Widgets.  Some projects may have something in those layers that they need in a large reusable block, and that means we can\u2019t put that reusable block in Shared, or else it would be importing from upper layers, which is prohibited. That\u2019s where the Widgets layer comes in. It is located above Shared, Entities, and Features, so it can use them all."}),"\n",(0,a.jsxs)(n.p,{children:["In our case, the header is very simple \u2014 it\u2019s a static logo and top-level navigation. The navigation needs to make a request to the API to determine if the user is currently logged in or not, but that can be handled by a simple import from the ",(0,a.jsx)(n.code,{children:"api"})," segment. Therefore, we will keep our header in Shared."]}),"\n",(0,a.jsx)(n.h3,{id:"close-look-at-a-page-with-a-form",children:"Close look at a page with a form"}),"\n",(0,a.jsx)(n.p,{children:"Let\u2019s also examine a page that\u2019s intended for editing, not reading. For example, the article writer:"}),"\n",(0,a.jsx)(n.p,{children:(0,a.jsx)(n.img,{alt:"Conduit post editor",src:t(9922).A+"",width:"2880",height:"1200"})}),"\n",(0,a.jsx)(n.p,{children:"It looks trivial, but contains several aspects of application development that we haven\u2019t explored yet \u2014 form validation, error states, and data persistence."}),"\n",(0,a.jsxs)(n.p,{children:["If we were to build this page, we would grab some inputs and buttons from Shared and put together a form in the ",(0,a.jsx)(n.code,{children:"ui"})," segment of this page. Then, in the ",(0,a.jsx)(n.code,{children:"api"})," segment, we would define a mutation request to create the article on the backend."]}),"\n",(0,a.jsxs)(n.p,{children:["To validate the request before sending, we need a validation schema, and a good place for it is the ",(0,a.jsx)(n.code,{children:"model"})," segment, since it\u2019s the data model. There we will produce error messages and display them using another component in the ",(0,a.jsx)(n.code,{children:"ui"})," segment."]}),"\n",(0,a.jsxs)(n.p,{children:["To improve user experience, we could also persist the inputs to prevent accidental data loss. This is also a job of the ",(0,a.jsx)(n.code,{children:"model"})," segment."]}),"\n",(0,a.jsx)(n.h3,{id:"summary",children:"Summary"}),"\n",(0,a.jsx)(n.p,{children:"We have examined several pages and outlined a preliminary structure for our application:"}),"\n",(0,a.jsxs)(n.ol,{children:["\n",(0,a.jsxs)(n.li,{children:["Shared layer","\n",(0,a.jsxs)(n.ol,{children:["\n",(0,a.jsxs)(n.li,{children:[(0,a.jsx)(n.code,{children:"ui"}),"  will contain our reusable UI kit"]}),"\n",(0,a.jsxs)(n.li,{children:[(0,a.jsx)(n.code,{children:"api"}),"  will contain our primitive interactions with the backend"]}),"\n",(0,a.jsx)(n.li,{children:"The rest will be arranged on demand"}),"\n"]}),"\n"]}),"\n",(0,a.jsxs)(n.li,{children:["Pages layer \u2014 each page is a separate slice","\n",(0,a.jsxs)(n.ol,{children:["\n",(0,a.jsxs)(n.li,{children:[(0,a.jsx)(n.code,{children:"ui"}),"  will contain the page itself and all of its parts"]}),"\n",(0,a.jsxs)(n.li,{children:[(0,a.jsx)(n.code,{children:"api"}),"  will contain more specialized data fetching, using ",(0,a.jsx)(n.code,{children:"shared/api"})]}),"\n",(0,a.jsxs)(n.li,{children:[(0,a.jsx)(n.code,{children:"model"}),"  might contain client-side storage of the data that we will display"]}),"\n"]}),"\n"]}),"\n"]}),"\n",(0,a.jsx)(n.p,{children:"Let\u2019s get building!"}),"\n",(0,a.jsx)(n.h2,{id:"part-2-in-code",children:"Part 2. In code"}),"\n",(0,a.jsxs)(n.p,{children:["Now that we have a plan, let\u2019s put it to practice. We will use React and ",(0,a.jsx)(n.a,{href:"https://remix.run",children:"Remix"}),"."]}),"\n",(0,a.jsxs)(n.p,{children:["There's a template ready for this project, clone it from GitHub to get a headstart: ",(0,a.jsx)(n.a,{href:"https://github.com/feature-sliced/tutorial-conduit/tree/clean",children:"https://github.com/feature-sliced/tutorial-conduit/tree/clean"}),"."]}),"\n",(0,a.jsxs)(n.p,{children:["Install dependencies with ",(0,a.jsx)(n.code,{children:"npm install"})," and start the development server with ",(0,a.jsx)(n.code,{children:"npm run dev"}),". Open ",(0,a.jsx)(n.a,{href:"http://localhost:3000",children:"http://localhost:3000"})," and you should see a blank app."]}),"\n",(0,a.jsx)(n.h3,{id:"lay-out-the-pages",children:"Lay out the pages"}),"\n",(0,a.jsx)(n.p,{children:"Let\u2019s start by creating blank components for all our pages. Run the following command in your project:"}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{className:"language-bash",children:"npx fsd pages feed sign-in article-read article-edit profile settings --segments ui\n"})}),"\n",(0,a.jsxs)(n.p,{children:["This will create folders like ",(0,a.jsx)(n.code,{children:"pages/feed/ui/"})," and an index file, ",(0,a.jsx)(n.code,{children:"pages/feed/index.ts"}),", for every page."]}),"\n",(0,a.jsx)(n.h3,{id:"connect-the-feed-page",children:"Connect the feed page"}),"\n",(0,a.jsxs)(n.p,{children:["Let\u2019s connect the root route of our application to the feed page. Create a component, ",(0,a.jsx)(n.code,{children:"FeedPage.tsx"})," in ",(0,a.jsx)(n.code,{children:"pages/feed/ui"})," and put the following inside it:"]}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/feed/ui/FeedPage.tsx"',children:'export function FeedPage() {\n  return (\n    <div className="home-page">\n      <div className="banner">\n        <div className="container">\n          <h1 className="logo-font">conduit</h1>\n          <p>A place to share your knowledge.</p>\n        </div>\n      </div>\n    </div>\n  );\n}\n'})}),"\n",(0,a.jsxs)(n.p,{children:["Then re-export this component in the feed page\u2019s public API, the ",(0,a.jsx)(n.code,{children:"pages/feed/index.ts"})," file:"]}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{className:"language-ts",metastring:'title="pages/feed/index.ts"',children:'export { FeedPage } from "./ui/FeedPage";\n'})}),"\n",(0,a.jsxs)(n.p,{children:["Now connect it to the root route. In Remix, routing is file-based, and the route files are located in the ",(0,a.jsx)(n.code,{children:"app/routes"})," folder, which nicely coincides with Feature-Sliced Design."]}),"\n",(0,a.jsxs)(n.p,{children:["Use the ",(0,a.jsx)(n.code,{children:"FeedPage"})," component in ",(0,a.jsx)(n.code,{children:"app/routes/_index.tsx"}),":"]}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{className:"language-tsx",metastring:'title="app/routes/_index.tsx"',children:'import type { MetaFunction } from "@remix-run/node";\nimport { FeedPage } from "pages/feed";\n\nexport const meta: MetaFunction = () => {\n  return [{ title: "Conduit" }];\n};\n\nexport default FeedPage;\n'})}),"\n",(0,a.jsx)(n.p,{children:"Then, if you run the dev server and open the application, you should see the Conduit banner!"}),"\n",(0,a.jsx)(n.p,{children:(0,a.jsx)(n.img,{alt:"The banner of Conduit",src:t(8891).A+"",width:"2880",height:"338"})}),"\n",(0,a.jsx)(n.h3,{id:"api-client",children:"API client"}),"\n",(0,a.jsxs)(n.p,{children:["To talk to the RealWorld backend, let\u2019s create a convenient API client in Shared. Create two segments, ",(0,a.jsx)(n.code,{children:"api"})," for the client and ",(0,a.jsx)(n.code,{children:"config"})," for variables like the backend base URL:"]}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{className:"language-bash",children:"npx fsd shared --segments api config\n"})}),"\n",(0,a.jsxs)(n.p,{children:["Then create ",(0,a.jsx)(n.code,{children:"shared/config/backend.ts"}),":"]}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{className:"language-tsx",metastring:'title="shared/config/backend.ts"',children:'export const backendBaseUrl = "https://api.realworld.io/api";\n'})}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{className:"language-tsx",metastring:'title="shared/config/index.ts"',children:'export { backendBaseUrl } from "./backend";\n'})}),"\n",(0,a.jsxs)(n.p,{children:["Since the RealWorld project conveniently provides an ",(0,a.jsx)(n.a,{href:"https://github.com/gothinkster/realworld/blob/main/api/openapi.yml",children:"OpenAPI specification"}),", we can take advantage of auto-generated types for our client. We will use ",(0,a.jsxs)(n.a,{href:"https://openapi-ts.pages.dev/openapi-fetch/",children:["the ",(0,a.jsx)(n.code,{children:"openapi-fetch"})," package"]})," that comes with an additional type generator."]}),"\n",(0,a.jsx)(n.p,{children:"Run the following command to generate up-to-date API typings:"}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{className:"language-bash",children:"npm run generate-api-types\n"})}),"\n",(0,a.jsxs)(n.p,{children:["This will create a file ",(0,a.jsx)(n.code,{children:"shared/api/v1.d.ts"}),". We will use this file to create a typed API client in ",(0,a.jsx)(n.code,{children:"shared/api/client.ts"}),":"]}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{className:"language-tsx",metastring:'title="shared/api/client.ts"',children:'import createClient from "openapi-fetch";\n\nimport { backendBaseUrl } from "shared/config";\nimport type { paths } from "./v1";\n\nexport const { GET, POST, PUT, DELETE } = createClient<paths>({ baseUrl: backendBaseUrl });\n'})}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{className:"language-tsx",metastring:'title="shared/api/index.ts"',children:'export { GET, POST, PUT, DELETE } from "./client";\n'})}),"\n",(0,a.jsx)(n.h3,{id:"real-data-in-the-feed",children:"Real data in the feed"}),"\n",(0,a.jsx)(n.p,{children:"We can now proceed to adding articles to the feed, fetched from the backend. Let\u2019s begin by implementing an article preview component."}),"\n",(0,a.jsxs)(n.p,{children:["Create ",(0,a.jsx)(n.code,{children:"pages/feed/ui/ArticlePreview.tsx"})," with the following content:"]}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/feed/ui/ArticlePreview.tsx"',children:"export function ArticlePreview({ article }) { /* TODO */ }\n"})}),"\n",(0,a.jsxs)(n.p,{children:["Since we\u2019re writing in TypeScript, it would be nice to have a typed article object. If we explore the generated ",(0,a.jsx)(n.code,{children:"v1.d.ts"}),", we can see that the article object is available through ",(0,a.jsx)(n.code,{children:'components["schemas"]["Article"]'}),". So let\u2019s create a file with our data models in Shared and export the models:"]}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{className:"language-tsx",metastring:'title="shared/api/models.ts"',children:'import type { components } from "./v1";\n\nexport type Article = components["schemas"]["Article"];\n'})}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{className:"language-tsx",metastring:'title="shared/api/index.ts"',children:'export { GET, POST, PUT, DELETE } from "./client";\n\nexport type { Article } from "./models";\n'})}),"\n",(0,a.jsx)(n.p,{children:"Now we can come back to the article preview component and fill the markup with data. Update the component with the following content:"}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/feed/ui/ArticlePreview.tsx"',children:'import { Link } from "@remix-run/react";\nimport type { Article } from "shared/api";\n\ninterface ArticlePreviewProps {\n  article: Article;\n}\n\nexport function ArticlePreview({ article }: ArticlePreviewProps) {\n  return (\n    <div className="article-preview">\n      <div className="article-meta">\n        <Link to={`/profile/${article.author.username}`} prefetch="intent">\n          <img src={article.author.image} alt="" />\n        </Link>\n        <div className="info">\n          <Link\n            to={`/profile/${article.author.username}`}\n            className="author"\n            prefetch="intent"\n          >\n            {article.author.username}\n          </Link>\n          <span className="date" suppressHydrationWarning>\n            {new Date(article.createdAt).toLocaleDateString(undefined, {\n              dateStyle: "long",\n            })}\n          </span>\n        </div>\n        <button className="btn btn-outline-primary btn-sm pull-xs-right">\n          <i className="ion-heart"></i> {article.favoritesCount}\n        </button>\n      </div>\n      <Link\n        to={`/article/${article.slug}`}\n        className="preview-link"\n        prefetch="intent"\n      >\n        <h1>{article.title}</h1>\n        <p>{article.description}</p>\n        <span>Read more...</span>\n        <ul className="tag-list">\n          {article.tagList.map((tag) => (\n            <li key={tag} className="tag-default tag-pill tag-outline">\n              {tag}\n            </li>\n          ))}\n        </ul>\n      </Link>\n    </div>\n  );\n}\n'})}),"\n",(0,a.jsx)(n.p,{children:"The like button doesn\u2019t do anything for now, we will fix that when we get to the article reader page and implement the liking functionality."}),"\n",(0,a.jsxs)(n.p,{children:["Now we can fetch the articles and render out a bunch of these cards. Fetching data in Remix is done with ",(0,a.jsx)(n.em,{children:"loaders"})," \u2014 server-side functions that fetch exactly what a page needs. Loaders interact with the API on the page\u2019s behalf, so we will put them in the ",(0,a.jsx)(n.code,{children:"api"})," segment of a page:"]}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/feed/api/loader.ts"',children:'import { json } from "@remix-run/node";\n\nimport { GET } from "shared/api";\n\nexport const loader = async () => {\n  const { data: articles, error, response } = await GET("/articles");\n\n  if (error !== undefined) {\n    throw json(error, { status: response.status });\n  }\n\n  return json({ articles });\n};\n'})}),"\n",(0,a.jsxs)(n.p,{children:["To connect it to the page, we need to export it with the name ",(0,a.jsx)(n.code,{children:"loader"})," from the route file:"]}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/feed/index.ts"',children:'export { FeedPage } from "./ui/FeedPage";\nexport { loader } from "./api/loader";\n'})}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{className:"language-tsx",metastring:'title="app/routes/_index.tsx"',children:'import type { MetaFunction } from "@remix-run/node";\nimport { FeedPage } from "pages/feed";\n\nexport { loader } from "pages/feed";\n\nexport const meta: MetaFunction = () => {\n  return [{ title: "Conduit" }];\n};\n\nexport default FeedPage;\n'})}),"\n",(0,a.jsxs)(n.p,{children:["And the final step is to render these cards in the feed. Update your ",(0,a.jsx)(n.code,{children:"FeedPage"})," with the following code:"]}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/feed/ui/FeedPage.tsx"',children:'import { useLoaderData } from "@remix-run/react";\n\nimport type { loader } from "../api/loader";\nimport { ArticlePreview } from "./ArticlePreview";\n\nexport function FeedPage() {\n  const { articles } = useLoaderData<typeof loader>();\n\n  return (\n    <div className="home-page">\n      <div className="banner">\n        <div className="container">\n          <h1 className="logo-font">conduit</h1>\n          <p>A place to share your knowledge.</p>\n        </div>\n      </div>\n\n      <div className="container page">\n        <div className="row">\n          <div className="col-md-9">\n            {articles.articles.map((article) => (\n              <ArticlePreview key={article.slug} article={article} />\n            ))}\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n}\n'})}),"\n",(0,a.jsx)(n.h3,{id:"filtering-by-tag",children:"Filtering by tag"}),"\n",(0,a.jsxs)(n.p,{children:["Regarding the tags, our job is to fetch them from the backend and to store the currently selected tag. We already know how to do fetching \u2014 it\u2019s another request from the loader. We will use a convenience function ",(0,a.jsx)(n.code,{children:"promiseHash"})," from a package ",(0,a.jsx)(n.code,{children:"remix-utils"}),", which is already installed."]}),"\n",(0,a.jsxs)(n.p,{children:["Update the loader file, ",(0,a.jsx)(n.code,{children:"pages/feed/api/loader.ts"}),", with the following code:"]}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/feed/api/loader.ts"',children:'import { json } from "@remix-run/node";\nimport type { FetchResponse } from "openapi-fetch";\nimport { promiseHash } from "remix-utils/promise";\n\nimport { GET } from "shared/api";\n\nasync function throwAnyErrors<T, O, Media extends `${string}/${string}`>(\n  responsePromise: Promise<FetchResponse<T, O, Media>>,\n) {\n  const { data, error, response } = await responsePromise;\n\n  if (error !== undefined) {\n    throw json(error, { status: response.status });\n  }\n\n  return data as NonNullable<typeof data>;\n}\n\nexport const loader = async () => {\n  return json(\n    await promiseHash({\n      articles: throwAnyErrors(GET("/articles")),\n      tags: throwAnyErrors(GET("/tags")),\n    }),\n  );\n};\n'})}),"\n",(0,a.jsxs)(n.p,{children:["You might notice that we extracted the error handling into a generic function ",(0,a.jsx)(n.code,{children:"throwAnyErrors"}),". It looks pretty useful, so we might want to reuse it later, but for now let\u2019s just keep an eye on it."]}),"\n",(0,a.jsx)(n.p,{children:"Now, to the list of tags. It needs to be interactive \u2014 clicking on a tag should make that tag selected. By Remix convention, we will use the URL search parameters as our storage for the selected tag. Let the browser take care of storage while we focus on more important things."}),"\n",(0,a.jsxs)(n.p,{children:["Update ",(0,a.jsx)(n.code,{children:"pages/feed/ui/FeedPage.tsx"})," with the following code:"]}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/feed/ui/FeedPage.tsx"',children:'import { Form, useLoaderData } from "@remix-run/react";\nimport { ExistingSearchParams } from "remix-utils/existing-search-params";\n\nimport type { loader } from "../api/loader";\nimport { ArticlePreview } from "./ArticlePreview";\n\nexport function FeedPage() {\n  const { articles, tags } = useLoaderData<typeof loader>();\n\n  return (\n    <div className="home-page">\n      <div className="banner">\n        <div className="container">\n          <h1 className="logo-font">conduit</h1>\n          <p>A place to share your knowledge.</p>\n        </div>\n      </div>\n\n      <div className="container page">\n        <div className="row">\n          <div className="col-md-9">\n            {articles.articles.map((article) => (\n              <ArticlePreview key={article.slug} article={article} />\n            ))}\n          </div>\n\n          <div className="col-md-3">\n            <div className="sidebar">\n              <p>Popular Tags</p>\n\n              <Form>\n                <ExistingSearchParams exclude={["tag"]} />\n                <div className="tag-list">\n                  {tags.tags.map((tag) => (\n                    <button\n                      key={tag}\n                      name="tag"\n                      value={tag}\n                      className="tag-pill tag-default"\n                    >\n                      {tag}\n                    </button>\n                  ))}\n                </div>\n              </Form>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n} \n'})}),"\n",(0,a.jsxs)(n.p,{children:["Then we need to use the ",(0,a.jsx)(n.code,{children:"tag"})," search parameter in our loader. Change the ",(0,a.jsx)(n.code,{children:"loader"})," function in ",(0,a.jsx)(n.code,{children:"pages/feed/api/loader.ts"})," to the following:"]}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/feed/api/loader.ts"',children:'import { json, type LoaderFunctionArgs } from "@remix-run/node";\nimport type { FetchResponse } from "openapi-fetch";\nimport { promiseHash } from "remix-utils/promise";\n\nimport { GET } from "shared/api";\n\nasync function throwAnyErrors<T, O, Media extends `${string}/${string}`>(\n  responsePromise: Promise<FetchResponse<T, O, Media>>,\n) {\n  const { data, error, response } = await responsePromise;\n\n  if (error !== undefined) {\n    throw json(error, { status: response.status });\n  }\n\n  return data as NonNullable<typeof data>;\n}\n\nexport const loader = async ({ request }: LoaderFunctionArgs) => {\n  const url = new URL(request.url);\n  const selectedTag = url.searchParams.get("tag") ?? undefined;\n\n  return json(\n    await promiseHash({\n      articles: throwAnyErrors(\n        GET("/articles", { params: { query: { tag: selectedTag } } }),\n      ),\n      tags: throwAnyErrors(GET("/tags")),\n    }),\n  );\n};\n'})}),"\n",(0,a.jsxs)(n.p,{children:["That\u2019s it, no ",(0,a.jsx)(n.code,{children:"model"})," segment necessary. Remix is pretty neat."]}),"\n",(0,a.jsx)(n.h3,{id:"pagination",children:"Pagination"}),"\n",(0,a.jsx)(n.p,{children:"In a similar fashion, we can implement the pagination. Feel free to give it a shot yourself or just copy the code below. There\u2019s no one to judge you anyway."}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/feed/api/loader.ts"',children:'import { json, type LoaderFunctionArgs } from "@remix-run/node";\nimport type { FetchResponse } from "openapi-fetch";\nimport { promiseHash } from "remix-utils/promise";\n\nimport { GET } from "shared/api";\n\nasync function throwAnyErrors<T, O, Media extends `${string}/${string}`>(\n  responsePromise: Promise<FetchResponse<T, O, Media>>,\n) {\n  const { data, error, response } = await responsePromise;\n\n  if (error !== undefined) {\n    throw json(error, { status: response.status });\n  }\n\n  return data as NonNullable<typeof data>;\n}\n\n/** Amount of articles on one page. */\nexport const LIMIT = 20;\n\nexport const loader = async ({ request }: LoaderFunctionArgs) => {\n  const url = new URL(request.url);\n  const selectedTag = url.searchParams.get("tag") ?? undefined;\n  const page = parseInt(url.searchParams.get("page") ?? "", 10);\n\n  return json(\n    await promiseHash({\n      articles: throwAnyErrors(\n        GET("/articles", {\n          params: {\n            query: {\n              tag: selectedTag,\n              limit: LIMIT,\n              offset: !Number.isNaN(page) ? page * LIMIT : undefined,\n            },\n          },\n        }),\n      ),\n      tags: throwAnyErrors(GET("/tags")),\n    }),\n  );\n};\n'})}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/feed/ui/FeedPage.tsx"',children:'import { Form, useLoaderData, useSearchParams } from "@remix-run/react";\nimport { ExistingSearchParams } from "remix-utils/existing-search-params";\n\nimport { LIMIT, type loader } from "../api/loader";\nimport { ArticlePreview } from "./ArticlePreview";\n\nexport function FeedPage() {\n  const [searchParams] = useSearchParams();\n  const { articles, tags } = useLoaderData<typeof loader>();\n  const pageAmount = Math.ceil(articles.articlesCount / LIMIT);\n  const currentPage = parseInt(searchParams.get("page") ?? "1", 10);\n\n  return (\n    <div className="home-page">\n      <div className="banner">\n        <div className="container">\n          <h1 className="logo-font">conduit</h1>\n          <p>A place to share your knowledge.</p>\n        </div>\n      </div>\n\n      <div className="container page">\n        <div className="row">\n          <div className="col-md-9">\n            {articles.articles.map((article) => (\n              <ArticlePreview key={article.slug} article={article} />\n            ))}\n\n            <Form>\n              <ExistingSearchParams exclude={["page"]} />\n              <ul className="pagination">\n                {Array(pageAmount)\n                  .fill(null)\n                  .map((_, index) =>\n                    index + 1 === currentPage ? (\n                      <li key={index} className="page-item active">\n                        <span className="page-link">{index + 1}</span>\n                      </li>\n                    ) : (\n                      <li key={index} className="page-item">\n                        <button\n                          className="page-link"\n                          name="page"\n                          value={index + 1}\n                        >\n                          {index + 1}\n                        </button>\n                      </li>\n                    ),\n                  )}\n              </ul>\n            </Form>\n          </div>\n\n          <div className="col-md-3">\n            <div className="sidebar">\n              <p>Popular Tags</p>\n\n              <Form>\n                <ExistingSearchParams exclude={["tag", "page"]} />\n                <div className="tag-list">\n                  {tags.tags.map((tag) => (\n                    <button\n                      key={tag}\n                      name="tag"\n                      value={tag}\n                      className="tag-pill tag-default"\n                    >\n                      {tag}\n                    </button>\n                  ))}\n                </div>\n              </Form>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n}\n'})}),"\n",(0,a.jsx)(n.p,{children:"So that\u2019s also done. There\u2019s also the tab list that can be similarly implemented, but let\u2019s hold on to that until we implement authentication. Speaking of which!"}),"\n",(0,a.jsx)(n.h3,{id:"authentication",children:"Authentication"}),"\n",(0,a.jsxs)(n.p,{children:["Authentication involves two pages \u2014 one to login and another to register. They are mostly the same, so it makes sense to keep them in the same slice, ",(0,a.jsx)(n.code,{children:"sign-in"}),", so that they can reuse code if needed."]}),"\n",(0,a.jsxs)(n.p,{children:["Create ",(0,a.jsx)(n.code,{children:"RegisterPage.tsx"})," in the ",(0,a.jsx)(n.code,{children:"ui"})," segment of ",(0,a.jsx)(n.code,{children:"pages/sign-in"})," with the following content:"]}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/sign-in/ui/RegisterPage.tsx"',children:'import { Form, Link, useActionData } from "@remix-run/react";\n\nimport type { register } from "../api/register";\n\nexport function RegisterPage() {\n  const registerData = useActionData<typeof register>();\n\n  return (\n    <div className="auth-page">\n      <div className="container page">\n        <div className="row">\n          <div className="col-md-6 offset-md-3 col-xs-12">\n            <h1 className="text-xs-center">Sign up</h1>\n            <p className="text-xs-center">\n              <Link to="/login">Have an account?</Link>\n            </p>\n\n            {registerData?.error && (\n              <ul className="error-messages">\n                {registerData.error.errors.body.map((error) => (\n                  <li key={error}>{error}</li>\n                ))}\n              </ul>\n            )}\n\n            <Form method="post">\n              <fieldset className="form-group">\n                <input\n                  className="form-control form-control-lg"\n                  type="text"\n                  name="username"\n                  placeholder="Username"\n                />\n              </fieldset>\n              <fieldset className="form-group">\n                <input\n                  className="form-control form-control-lg"\n                  type="text"\n                  name="email"\n                  placeholder="Email"\n                />\n              </fieldset>\n              <fieldset className="form-group">\n                <input\n                  className="form-control form-control-lg"\n                  type="password"\n                  name="password"\n                  placeholder="Password"\n                />\n              </fieldset>\n              <button className="btn btn-lg btn-primary pull-xs-right">\n                Sign up\n              </button>\n            </Form>\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n}\n'})}),"\n",(0,a.jsx)(n.p,{children:"We have a broken import to fix now. It involves a new segment, so create that:"}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{className:"language-bash",children:"npx fsd pages sign-in -s api\n"})}),"\n",(0,a.jsx)(n.p,{children:"However, before we can implement the backend part of registering, we need some infrastructure code for Remix to handle sessions. That goes to Shared, in case any other page needs it."}),"\n",(0,a.jsxs)(n.p,{children:["Put the following code in ",(0,a.jsx)(n.code,{children:"shared/api/auth.server.ts"}),". This is highly Remix-specific, so don\u2019t worry too much about it, just copy-paste:"]}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{className:"language-tsx",metastring:'title="shared/api/auth.server.ts"',children:'import { createCookieSessionStorage, redirect } from "@remix-run/node";\nimport invariant from "tiny-invariant";\n\nimport type { User } from "./models";\n\ninvariant(\n  process.env.SESSION_SECRET,\n  "SESSION_SECRET must be set for authentication to work",\n);\n\nconst sessionStorage = createCookieSessionStorage<{\n  user: User;\n}>({\n  cookie: {\n    name: "__session",\n    httpOnly: true,\n    path: "/",\n    sameSite: "lax",\n    secrets: [process.env.SESSION_SECRET],\n    secure: process.env.NODE_ENV === "production",\n  },\n});\n\nexport async function createUserSession({\n  request,\n  user,\n  redirectTo,\n}: {\n  request: Request;\n  user: User;\n  redirectTo: string;\n}) {\n  const cookie = request.headers.get("Cookie");\n  const session = await sessionStorage.getSession(cookie);\n\n  session.set("user", user);\n\n  return redirect(redirectTo, {\n    headers: {\n      "Set-Cookie": await sessionStorage.commitSession(session, {\n        maxAge: 60 * 60 * 24 * 7, // 7 days\n      }),\n    },\n  });\n}\n\nexport async function getUserFromSession(request: Request) {\n  const cookie = request.headers.get("Cookie");\n  const session = await sessionStorage.getSession(cookie);\n\n  return session.get("user") ?? null;\n}\n\nexport async function requireUser(request: Request) {\n  const user = await getUserFromSession(request);\n\n  if (user === null) {\n    throw redirect("/login");\n  }\n\n  return user;\n}\n'})}),"\n",(0,a.jsxs)(n.p,{children:["And also export the ",(0,a.jsx)(n.code,{children:"User"})," model from the ",(0,a.jsx)(n.code,{children:"models.ts"})," file right next to it:"]}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{className:"language-tsx",metastring:'title="shared/api/models.ts"',children:'import type { components } from "./v1";\n\nexport type Article = components["schemas"]["Article"];\nexport type User = components["schemas"]["User"];\n'})}),"\n",(0,a.jsxs)(n.p,{children:["Before this code can work, the ",(0,a.jsx)(n.code,{children:"SESSION_SECRET"})," environment variable needs to be set. Create a file called ",(0,a.jsx)(n.code,{children:".env"})," in the root of the project, write ",(0,a.jsx)(n.code,{children:"SESSION_SECRET="})," and then mash some keys on your keyboard to create a long random string. You should get something like this:"]}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{className:"language-bash",metastring:'title=".env"',children:"SESSION_SECRET=dontyoudarecopypastethis\n"})}),"\n",(0,a.jsx)(n.p,{children:"Finally, add some exports to the public API to make use of this code:"}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{className:"language-tsx",metastring:'title="shared/api/index.ts"',children:'export { GET, POST, PUT, DELETE } from "./client";\n\nexport type { Article } from "./models";\n\nexport { createUserSession, getUserFromSession, requireUser } from "./auth.server";\n'})}),"\n",(0,a.jsxs)(n.p,{children:["Now we can write the code that will talk to the RealWorld backend to actually do the registration. We will keep that in ",(0,a.jsx)(n.code,{children:"pages/sign-in/api"}),". Create a file called ",(0,a.jsx)(n.code,{children:"register.ts"})," and put the following code inside:"]}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/sign-in/api/register.ts"',children:'import { json, type ActionFunctionArgs } from "@remix-run/node";\n\nimport { POST, createUserSession } from "shared/api";\n\nexport const register = async ({ request }: ActionFunctionArgs) => {\n  const formData = await request.formData();\n  const username = formData.get("username")?.toString() ?? "";\n  const email = formData.get("email")?.toString() ?? "";\n  const password = formData.get("password")?.toString() ?? "";\n\n  const { data, error } = await POST("/users", {\n    body: { user: { email, password, username } },\n  });\n\n  if (error) {\n    return json({ error }, { status: 400 });\n  } else {\n    return createUserSession({\n      request: request,\n      user: data.user,\n      redirectTo: "/",\n    });\n  }\n};\n'})}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/sign-in/index.ts"',children:"export { RegisterPage } from './ui/RegisterPage';\nexport { register } from './api/register';\n"})}),"\n",(0,a.jsxs)(n.p,{children:["Almost done! Just need to connect the page and action to the ",(0,a.jsx)(n.code,{children:"/register"})," route. Create ",(0,a.jsx)(n.code,{children:"register.tsx"})," in ",(0,a.jsx)(n.code,{children:"app/routes"}),":"]}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{className:"language-tsx",metastring:'title="app/routes/register.tsx"',children:'import { RegisterPage, register } from "pages/sign-in";\n\nexport { register as action };\n\nexport default RegisterPage;\n'})}),"\n",(0,a.jsxs)(n.p,{children:["Now if you go to ",(0,a.jsx)(n.a,{href:"http://localhost:3000/register",children:"http://localhost:3000/register"}),", you should be able to create a user! The rest of the application won\u2019t react to this yet, we\u2019ll address that momentarily."]}),"\n",(0,a.jsx)(n.p,{children:"In a very similar way, we can implement the login page. Give it a try or just grab the code and move on:"}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/sign-in/api/sign-in.ts"',children:'import { json, type ActionFunctionArgs } from "@remix-run/node";\n\nimport { POST, createUserSession } from "shared/api";\n\nexport const signIn = async ({ request }: ActionFunctionArgs) => {\n  const formData = await request.formData();\n  const email = formData.get("email")?.toString() ?? "";\n  const password = formData.get("password")?.toString() ?? "";\n\n  const { data, error } = await POST("/users/login", {\n    body: { user: { email, password } },\n  });\n\n  if (error) {\n    return json({ error }, { status: 400 });\n  } else {\n    return createUserSession({\n      request: request,\n      user: data.user,\n      redirectTo: "/",\n    });\n  }\n};\n'})}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/sign-in/ui/SignInPage.tsx"',children:'import { Form, Link, useActionData } from "@remix-run/react";\n\nimport type { signIn } from "../api/sign-in";\n\nexport function SignInPage() {\n  const signInData = useActionData<typeof signIn>();\n\n  return (\n    <div className="auth-page">\n      <div className="container page">\n        <div className="row">\n          <div className="col-md-6 offset-md-3 col-xs-12">\n            <h1 className="text-xs-center">Sign in</h1>\n            <p className="text-xs-center">\n              <Link to="/register">Need an account?</Link>\n            </p>\n\n            {signInData?.error && (\n              <ul className="error-messages">\n                {signInData.error.errors.body.map((error) => (\n                  <li key={error}>{error}</li>\n                ))}\n              </ul>\n            )}\n\n            <Form method="post">\n              <fieldset className="form-group">\n                <input\n                  className="form-control form-control-lg"\n                  name="email"\n                  type="text"\n                  placeholder="Email"\n                />\n              </fieldset>\n              <fieldset className="form-group">\n                <input\n                  className="form-control form-control-lg"\n                  name="password"\n                  type="password"\n                  placeholder="Password"\n                />\n              </fieldset>\n              <button className="btn btn-lg btn-primary pull-xs-right">\n                Sign in\n              </button>\n            </Form>\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n}\n'})}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/sign-in/index.ts"',children:"export { RegisterPage } from './ui/RegisterPage';\nexport { register } from './api/register';\nexport { SignInPage } from './ui/SignInPage';\nexport { signIn } from './api/sign-in';\n"})}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{className:"language-tsx",metastring:'title="app/routes/login.tsx"',children:'import { SignInPage, signIn } from "pages/sign-in";\n\nexport { signIn as action };\n\nexport default SignInPage;\n'})}),"\n",(0,a.jsx)(n.p,{children:"Now let\u2019s give the users a way to actually get to these pages."}),"\n",(0,a.jsx)(n.h3,{id:"header",children:"Header"}),"\n",(0,a.jsx)(n.p,{children:"As we discussed in part 1, the app header is commonly placed either in Widgets or in Shared. We will put it in Shared because it\u2019s very simple and all the business logic can be kept outside of it. Let\u2019s create a place for it:"}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{className:"language-bash",children:"npx fsd shared ui\n"})}),"\n",(0,a.jsxs)(n.p,{children:["Now create ",(0,a.jsx)(n.code,{children:"shared/ui/Header.tsx"}),"  with the following contents:"]}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{className:"language-tsx",metastring:'title="shared/ui/Header.tsx"',children:'import { useContext } from "react";\nimport { Link, useLocation } from "@remix-run/react";\n\nimport { CurrentUser } from "../api/currentUser";\n\nexport function Header() {\n  const currentUser = useContext(CurrentUser);\n  const { pathname } = useLocation();\n\n  return (\n    <nav className="navbar navbar-light">\n      <div className="container">\n        <Link className="navbar-brand" to="/" prefetch="intent">\n          conduit\n        </Link>\n        <ul className="nav navbar-nav pull-xs-right">\n          <li className="nav-item">\n            <Link\n              prefetch="intent"\n              className={`nav-link ${pathname == "/" ? "active" : ""}`}\n              to="/"\n            >\n              Home\n            </Link>\n          </li>\n          {currentUser == null ? (\n            <>\n              <li className="nav-item">\n                <Link\n                  prefetch="intent"\n                  className={`nav-link ${pathname == "/login" ? "active" : ""}`}\n                  to="/login"\n                >\n                  Sign in\n                </Link>\n              </li>\n              <li className="nav-item">\n                <Link\n                  prefetch="intent"\n                  className={`nav-link ${pathname == "/register" ? "active" : ""}`}\n                  to="/register"\n                >\n                  Sign up\n                </Link>\n              </li>\n            </>\n          ) : (\n            <>\n              <li className="nav-item">\n                <Link\n                  prefetch="intent"\n                  className={`nav-link ${pathname == "/editor" ? "active" : ""}`}\n                  to="/editor"\n                >\n                  <i className="ion-compose"></i>&nbsp;New Article{" "}\n                </Link>\n              </li>\n\n              <li className="nav-item">\n                <Link\n                  prefetch="intent"\n                  className={`nav-link ${pathname == "/settings" ? "active" : ""}`}\n                  to="/settings"\n                >\n                  {" "}\n                  <i className="ion-gear-a"></i>&nbsp;Settings{" "}\n                </Link>\n              </li>\n              <li className="nav-item">\n                <Link\n                  prefetch="intent"\n                  className={`nav-link ${pathname.includes("/profile") ? "active" : ""}`}\n                  to={`/profile/${currentUser.username}`}\n                >\n                  {currentUser.image && (\n                    <img\n                      width={25}\n                      height={25}\n                      src={currentUser.image}\n                      className="user-pic"\n                      alt=""\n                    />\n                  )}\n                  {currentUser.username}\n                </Link>\n              </li>\n            </>\n          )}\n        </ul>\n      </div>\n    </nav>\n  );\n}\n'})}),"\n",(0,a.jsxs)(n.p,{children:["Export this component from ",(0,a.jsx)(n.code,{children:"shared/ui"}),":"]}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{className:"language-tsx",metastring:'title="shared/ui/index.ts"',children:'export { Header } from "./Header";\n'})}),"\n",(0,a.jsxs)(n.p,{children:["In the header, we rely on the context that\u2019s kept in ",(0,a.jsx)(n.code,{children:"shared/api"}),". Create that as well:"]}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{className:"language-tsx",metastring:'title="shared/api/currentUser.ts"',children:'import { createContext } from "react";\n\nimport type { User } from "./models";\n\nexport const CurrentUser = createContext<User | null>(null);\n'})}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{className:"language-tsx",metastring:'title="shared/api/index.ts"',children:'export { GET, POST, PUT, DELETE } from "./client";\n\nexport type { Article } from "./models";\n\nexport { createUserSession, getUserFromSession, requireUser } from "./auth.server";\nexport { CurrentUser } from "./currentUser";\n'})}),"\n",(0,a.jsxs)(n.p,{children:["Now let\u2019s add the header to the page. We want it to be on every single page, so it makes sense to simply add it to the root route and wrap the outlet (the place where the page will be rendered) with the ",(0,a.jsx)(n.code,{children:"CurrentUser"})," context provider. This way our entire app and also the header has access to the current user object. We will also add a loader to actually obtain the current user object from cookies. Drop the following into ",(0,a.jsx)(n.code,{children:"app/root.tsx"}),":"]}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{className:"language-tsx",metastring:'title="app/root.tsx"',children:'import { cssBundleHref } from "@remix-run/css-bundle";\nimport type { LinksFunction, LoaderFunctionArgs } from "@remix-run/node";\nimport {\n  Links,\n  LiveReload,\n  Meta,\n  Outlet,\n  Scripts,\n  ScrollRestoration,\n  useLoaderData,\n} from "@remix-run/react";\n\nimport { Header } from "shared/ui";\nimport { getUserFromSession, CurrentUser } from "shared/api";\n\nexport const links: LinksFunction = () => [\n  ...(cssBundleHref ? [{ rel: "stylesheet", href: cssBundleHref }] : []),\n];\n\nexport const loader = ({ request }: LoaderFunctionArgs) =>\n  getUserFromSession(request);\n\nexport default function App() {\n  const user = useLoaderData<typeof loader>();\n\n  return (\n    <html lang="en">\n      <head>\n        <meta charSet="utf-8" />\n        <meta name="viewport" content="width=device-width, initial-scale=1" />\n        <Meta />\n        <Links />\n        <link\n          href="//code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css"\n          rel="stylesheet"\n          type="text/css"\n        />\n        <link\n          href="//fonts.googleapis.com/css?family=Titillium+Web:700|Source+Serif+Pro:400,700|Merriweather+Sans:400,700|Source+Sans+Pro:400,300,600,700,300italic,400italic,600italic,700italic"\n          rel="stylesheet"\n          type="text/css"\n        />\n        <link rel="stylesheet" href="//demo.productionready.io/main.css" />\n        <style>{`\n          button {\n            border: 0;\n          }\n        `}</style>\n      </head>\n      <body>\n        <CurrentUser.Provider value={user}>\n          <Header />\n          <Outlet />\n        </CurrentUser.Provider>\n        <ScrollRestoration />\n        <Scripts />\n        <LiveReload />\n      </body>\n    </html>\n  );\n}\n'})}),"\n",(0,a.jsx)(n.p,{children:"At this point, you should end up with the following on the home page:"}),"\n",(0,a.jsxs)("figure",{children:[(0,a.jsx)(n.p,{children:(0,a.jsx)(n.img,{alt:"The feed page of Conduit, including the header, the feed, and the tags. The tabs are still missing.",src:t(6231).A+"",width:"2880",height:"1488"})}),(0,a.jsx)("figcaption",{children:"The feed page of Conduit, including the header, the feed, and the tags. The tabs are still missing."})]}),"\n",(0,a.jsx)(n.h3,{id:"tabs",children:"Tabs"}),"\n",(0,a.jsxs)(n.p,{children:["Now that we can detect the authentication state, let\u2019s also quickly implement the tabs and post likes to be done with the feed page. We need another form, but this page file is getting kind of large, so let\u2019s move these forms into adjacent files. We will create ",(0,a.jsx)(n.code,{children:"Tabs.tsx"}),", ",(0,a.jsx)(n.code,{children:"PopularTags.tsx"}),", and ",(0,a.jsx)(n.code,{children:"Pagination.tsx"})," with the following content:"]}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/feed/ui/Tabs.tsx"',children:'import { useContext } from "react";\nimport { Form, useSearchParams } from "@remix-run/react";\n\nimport { CurrentUser } from "shared/api";\n\nexport function Tabs() {\n  const [searchParams] = useSearchParams();\n  const currentUser = useContext(CurrentUser);\n\n  return (\n    <Form>\n      <div className="feed-toggle">\n        <ul className="nav nav-pills outline-active">\n          {currentUser !== null && (\n            <li className="nav-item">\n              <button\n                name="source"\n                value="my-feed"\n                className={`nav-link ${searchParams.get("source") === "my-feed" ? "active" : ""}`}\n              >\n                Your Feed\n              </button>\n            </li>\n          )}\n          <li className="nav-item">\n            <button\n              className={`nav-link ${searchParams.has("tag") || searchParams.has("source") ? "" : "active"}`}\n            >\n              Global Feed\n            </button>\n          </li>\n          {searchParams.has("tag") && (\n            <li className="nav-item">\n              <span className="nav-link active">\n                <i className="ion-pound"></i> {searchParams.get("tag")}\n              </span>\n            </li>\n          )}\n        </ul>\n      </div>\n    </Form>\n  );\n}\n'})}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/feed/ui/PopularTags.tsx"',children:'import { Form, useLoaderData } from "@remix-run/react";\nimport { ExistingSearchParams } from "remix-utils/existing-search-params";\n\nimport type { loader } from "../api/loader";\n\nexport function PopularTags() {\n  const { tags } = useLoaderData<typeof loader>();\n\n  return (\n    <div className="sidebar">\n      <p>Popular Tags</p>\n\n      <Form>\n        <ExistingSearchParams exclude={["tag", "page", "source"]} />\n        <div className="tag-list">\n          {tags.tags.map((tag) => (\n            <button\n              key={tag}\n              name="tag"\n              value={tag}\n              className="tag-pill tag-default"\n            >\n              {tag}\n            </button>\n          ))}\n        </div>\n      </Form>\n    </div>\n  );\n}\n'})}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/feed/ui/Pagination.tsx"',children:'import { Form, useLoaderData, useSearchParams } from "@remix-run/react";\nimport { ExistingSearchParams } from "remix-utils/existing-search-params";\n\nimport { LIMIT, type loader } from "../api/loader";\n\nexport function Pagination() {\n  const [searchParams] = useSearchParams();\n  const { articles } = useLoaderData<typeof loader>();\n  const pageAmount = Math.ceil(articles.articlesCount / LIMIT);\n  const currentPage = parseInt(searchParams.get("page") ?? "1", 10);\n\n  return (\n    <Form>\n      <ExistingSearchParams exclude={["page"]} />\n      <ul className="pagination">\n        {Array(pageAmount)\n          .fill(null)\n          .map((_, index) =>\n            index + 1 === currentPage ? (\n              <li key={index} className="page-item active">\n                <span className="page-link">{index + 1}</span>\n              </li>\n            ) : (\n              <li key={index} className="page-item">\n                <button className="page-link" name="page" value={index + 1}>\n                  {index + 1}\n                </button>\n              </li>\n            ),\n          )}\n      </ul>\n    </Form>\n  );\n}\n'})}),"\n",(0,a.jsx)(n.p,{children:"And now we can significantly simplify the feed page itself:"}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/feed/ui/FeedPage.tsx"',children:'import { useLoaderData } from "@remix-run/react";\n\nimport type { loader } from "../api/loader";\nimport { ArticlePreview } from "./ArticlePreview";\nimport { Tabs } from "./Tabs";\nimport { PopularTags } from "./PopularTags";\nimport { Pagination } from "./Pagination";\n\nexport function FeedPage() {\n  const { articles } = useLoaderData<typeof loader>();\n\n  return (\n    <div className="home-page">\n      <div className="banner">\n        <div className="container">\n          <h1 className="logo-font">conduit</h1>\n          <p>A place to share your knowledge.</p>\n        </div>\n      </div>\n\n      <div className="container page">\n        <div className="row">\n          <div className="col-md-9">\n            <Tabs />\n\n            {articles.articles.map((article) => (\n              <ArticlePreview key={article.slug} article={article} />\n            ))}\n\n            <Pagination />\n          </div>\n\n          <div className="col-md-3">\n            <PopularTags />\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n}\n'})}),"\n",(0,a.jsx)(n.p,{children:"We also need to account for the new tab in the loader function:"}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/feed/api/loader.ts"',children:'import { json, type LoaderFunctionArgs } from "@remix-run/node";\nimport type { FetchResponse } from "openapi-fetch";\nimport { promiseHash } from "remix-utils/promise";\n\nimport { GET, requireUser } from "shared/api";\n\nasync function throwAnyErrors<T, O, Media extends `${string}/${string}`>(\n  responsePromise: Promise<FetchResponse<T, O, Media>>,\n) {\n  /* unchanged */\n}\n\n/** Amount of articles on one page. */\nexport const LIMIT = 20;\n\nexport const loader = async ({ request }: LoaderFunctionArgs) => {\n  const url = new URL(request.url);\n  const selectedTag = url.searchParams.get("tag") ?? undefined;\n  const page = parseInt(url.searchParams.get("page") ?? "", 10);\n\n  if (url.searchParams.get("source") === "my-feed") {\n    const userSession = await requireUser(request);\n\n    return json(\n      await promiseHash({\n        articles: throwAnyErrors(\n          GET("/articles/feed", {\n            params: {\n              query: {\n                limit: LIMIT,\n                offset: !Number.isNaN(page) ? page * LIMIT : undefined,\n              },\n            },\n            headers: { Authorization: `Token ${userSession.token}` },\n          }),\n        ),\n        tags: throwAnyErrors(GET("/tags")),\n      }),\n    );\n  }\n\n  return json(\n    await promiseHash({\n      articles: throwAnyErrors(\n        GET("/articles", {\n          params: {\n            query: {\n              tag: selectedTag,\n              limit: LIMIT,\n              offset: !Number.isNaN(page) ? page * LIMIT : undefined,\n            },\n          },\n        }),\n      ),\n      tags: throwAnyErrors(GET("/tags")),\n    }),\n  );\n};\n'})}),"\n",(0,a.jsxs)(n.p,{children:["Before we leave the feed page, let\u2019s add some code that handles likes to posts. Change your ",(0,a.jsx)(n.code,{children:"ArticlePreview.tsx"})," to the following:"]}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/feed/ui/ArticlePreview.tsx"',children:'import { Form, Link } from "@remix-run/react";\nimport type { Article } from "shared/api";\n\ninterface ArticlePreviewProps {\n  article: Article;\n}\n\nexport function ArticlePreview({ article }: ArticlePreviewProps) {\n  return (\n    <div className="article-preview">\n      <div className="article-meta">\n        <Link to={`/profile/${article.author.username}`} prefetch="intent">\n          <img src={article.author.image} alt="" />\n        </Link>\n        <div className="info">\n          <Link\n            to={`/profile/${article.author.username}`}\n            className="author"\n            prefetch="intent"\n          >\n            {article.author.username}\n          </Link>\n          <span className="date" suppressHydrationWarning>\n            {new Date(article.createdAt).toLocaleDateString(undefined, {\n              dateStyle: "long",\n            })}\n          </span>\n        </div>\n        <Form\n          method="post"\n          action={`/article/${article.slug}`}\n          preventScrollReset\n        >\n          <button\n            name="_action"\n            value={article.favorited ? "unfavorite" : "favorite"}\n            className={`btn ${article.favorited ? "btn-primary" : "btn-outline-primary"} btn-sm pull-xs-right`}\n          >\n            <i className="ion-heart"></i> {article.favoritesCount}\n          </button>\n        </Form>\n      </div>\n      <Link\n        to={`/article/${article.slug}`}\n        className="preview-link"\n        prefetch="intent"\n      >\n        <h1>{article.title}</h1>\n        <p>{article.description}</p>\n        <span>Read more...</span>\n        <ul className="tag-list">\n          {article.tagList.map((tag) => (\n            <li key={tag} className="tag-default tag-pill tag-outline">\n              {tag}\n            </li>\n          ))}\n        </ul>\n      </Link>\n    </div>\n  );\n}\n'})}),"\n",(0,a.jsxs)(n.p,{children:["This code will send a POST request to ",(0,a.jsx)(n.code,{children:"/article/:slug"}),"  with ",(0,a.jsx)(n.code,{children:"_action=favorite"})," to mark the article as favorite. It won\u2019t work yet, but as we start working on the article reader, we will implement this too."]}),"\n",(0,a.jsx)(n.p,{children:"And with that we are officially done with the feed! Yay!"}),"\n",(0,a.jsx)(n.h3,{id:"article-reader",children:"Article reader"}),"\n",(0,a.jsx)(n.p,{children:"First, we need data. Let\u2019s create a loader:"}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{className:"language-bash",children:"npx fsd pages article-read -s api\n"})}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/article-read/api/loader.ts"',children:'import { json, type LoaderFunctionArgs } from "@remix-run/node";\nimport invariant from "tiny-invariant";\nimport type { FetchResponse } from "openapi-fetch";\nimport { promiseHash } from "remix-utils/promise";\n\nimport { GET, getUserFromSession } from "shared/api";\n\nasync function throwAnyErrors<T, O, Media extends `${string}/${string}`>(\n  responsePromise: Promise<FetchResponse<T, O, Media>>,\n) {\n  const { data, error, response } = await responsePromise;\n\n  if (error !== undefined) {\n    throw json(error, { status: response.status });\n  }\n\n  return data as NonNullable<typeof data>;\n}\n\nexport const loader = async ({ request, params }: LoaderFunctionArgs) => {\n  invariant(params.slug, "Expected a slug parameter");\n  const currentUser = await getUserFromSession(request);\n  const authorization = currentUser\n    ? { Authorization: `Token ${currentUser.token}` }\n    : undefined;\n\n  return json(\n    await promiseHash({\n      article: throwAnyErrors(\n        GET("/articles/{slug}", {\n          params: {\n            path: { slug: params.slug },\n          },\n          headers: authorization,\n        }),\n      ),\n      comments: throwAnyErrors(\n        GET("/articles/{slug}/comments", {\n          params: {\n            path: { slug: params.slug },\n          },\n          headers: authorization,\n        }),\n      ),\n    }),\n  );\n};\n'})}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/article-read/index.ts"',children:'export { loader } from "./api/loader";\n'})}),"\n",(0,a.jsxs)(n.p,{children:["Now we can connect it to the route ",(0,a.jsx)(n.code,{children:"/article/:slug"})," by creating the a route file called ",(0,a.jsx)(n.code,{children:"article.$slug.tsx"}),":"]}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{className:"language-tsx",metastring:'title="app/routes/article.$slug.tsx"',children:'export { loader } from "pages/article-read";\n'})}),"\n",(0,a.jsx)(n.p,{children:"The page itself consists of three main blocks \u2014 the article header with actions (repeated twice), the article body, and the comments section. This is the markup for the page, it\u2019s not particularly interesting:"}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/article-read/ui/ArticleReadPage.tsx"',children:'import { useLoaderData } from "@remix-run/react";\n\nimport type { loader } from "../api/loader";\nimport { ArticleMeta } from "./ArticleMeta";\nimport { Comments } from "./Comments";\n\nexport function ArticleReadPage() {\n  const { article } = useLoaderData<typeof loader>();\n\n  return (\n    <div className="article-page">\n      <div className="banner">\n        <div className="container">\n          <h1>{article.article.title}</h1>\n\n          <ArticleMeta />\n        </div>\n      </div>\n\n      <div className="container page">\n        <div className="row article-content">\n          <div className="col-md-12">\n            <p>{article.article.body}</p>\n            <ul className="tag-list">\n              {article.article.tagList.map((tag) => (\n                <li className="tag-default tag-pill tag-outline" key={tag}>\n                  {tag}\n                </li>\n              ))}\n            </ul>\n          </div>\n        </div>\n\n        <hr />\n\n        <div className="article-actions">\n          <ArticleMeta />\n        </div>\n\n        <div className="row">\n          <Comments />\n        </div>\n      </div>\n    </div>\n  );\n}\n'})}),"\n",(0,a.jsxs)(n.p,{children:["What\u2019s more interesting is the ",(0,a.jsx)(n.code,{children:"ArticleMeta"})," and ",(0,a.jsx)(n.code,{children:"Comments"}),". They contain write operations such as liking an article, leaving a comment, etc. To get them to work, we first need to implement the backend part. Create ",(0,a.jsx)(n.code,{children:"action.ts"})," in the ",(0,a.jsx)(n.code,{children:"api"})," segment of the page:"]}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/article-read/api/action.ts"',children:'import { redirect, type ActionFunctionArgs } from "@remix-run/node";\nimport { namedAction } from "remix-utils/named-action";\nimport { redirectBack } from "remix-utils/redirect-back";\nimport invariant from "tiny-invariant";\n\nimport { DELETE, POST, requireUser } from "shared/api";\n\nexport const action = async ({ request, params }: ActionFunctionArgs) => {\n  const currentUser = await requireUser(request);\n\n  const authorization = { Authorization: `Token ${currentUser.token}` };\n\n  const formData = await request.formData();\n\n  return namedAction(formData, {\n    async delete() {\n      invariant(params.slug, "Expected a slug parameter");\n      await DELETE("/articles/{slug}", {\n        params: { path: { slug: params.slug } },\n        headers: authorization,\n      });\n      return redirect("/");\n    },\n    async favorite() {\n      invariant(params.slug, "Expected a slug parameter");\n      await POST("/articles/{slug}/favorite", {\n        params: { path: { slug: params.slug } },\n        headers: authorization,\n      });\n      return redirectBack(request, { fallback: "/" });\n    },\n    async unfavorite() {\n      invariant(params.slug, "Expected a slug parameter");\n      await DELETE("/articles/{slug}/favorite", {\n        params: { path: { slug: params.slug } },\n        headers: authorization,\n      });\n      return redirectBack(request, { fallback: "/" });\n    },\n    async createComment() {\n      invariant(params.slug, "Expected a slug parameter");\n      const comment = formData.get("comment");\n      invariant(typeof comment === "string", "Expected a comment parameter");\n      await POST("/articles/{slug}/comments", {\n        params: { path: { slug: params.slug } },\n        headers: { ...authorization, "Content-Type": "application/json" },\n        body: { comment: { body: comment } },\n      });\n      return redirectBack(request, { fallback: "/" });\n    },\n    async deleteComment() {\n      invariant(params.slug, "Expected a slug parameter");\n      const commentId = formData.get("id");\n      invariant(typeof commentId === "string", "Expected an id parameter");\n      const commentIdNumeric = parseInt(commentId, 10);\n      invariant(\n        !Number.isNaN(commentIdNumeric),\n        "Expected a numeric id parameter",\n      );\n      await DELETE("/articles/{slug}/comments/{id}", {\n        params: { path: { slug: params.slug, id: commentIdNumeric } },\n        headers: authorization,\n      });\n      return redirectBack(request, { fallback: "/" });\n    },\n    async followAuthor() {\n      const authorUsername = formData.get("username");\n      invariant(\n        typeof authorUsername === "string",\n        "Expected a username parameter",\n      );\n      await POST("/profiles/{username}/follow", {\n        params: { path: { username: authorUsername } },\n        headers: authorization,\n      });\n      return redirectBack(request, { fallback: "/" });\n    },\n    async unfollowAuthor() {\n      const authorUsername = formData.get("username");\n      invariant(\n        typeof authorUsername === "string",\n        "Expected a username parameter",\n      );\n      await DELETE("/profiles/{username}/follow", {\n        params: { path: { username: authorUsername } },\n        headers: authorization,\n      });\n      return redirectBack(request, { fallback: "/" });\n    },\n  });\n};\n'})}),"\n",(0,a.jsx)(n.p,{children:"Export that from the slice and then from the route. While we\u2019re at it, let\u2019s also connect the page itself:"}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/article-read/index.ts"',children:'export { ArticleReadPage } from "./ui/ArticleReadPage";\nexport { loader } from "./api/loader";\nexport { action } from "./api/action";\n'})}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{className:"language-tsx",metastring:'title="app/routes/article.$slug.tsx"',children:'import { ArticleReadPage } from "pages/article-read";\n\nexport { loader, action } from "pages/article-read";\n\nexport default ArticleReadPage;\n'})}),"\n",(0,a.jsx)(n.p,{children:"Now, even though we haven\u2019t implemented the like button on the reader page yet, the like button in the feed will start working! That\u2019s because it\u2019s been sending \u201clike\u201d requests to this route. Give that a try."}),"\n",(0,a.jsxs)(n.p,{children:[(0,a.jsx)(n.code,{children:"ArticleMeta"})," and ",(0,a.jsx)(n.code,{children:"Comments"})," are, again, a bunch of forms. We\u2019ve done this before, let\u2019s grab their code and move on:"]}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/article-read/ui/ArticleMeta.tsx"',children:'import { Form, Link, useLoaderData } from "@remix-run/react";\nimport { useContext } from "react";\n\nimport { CurrentUser } from "shared/api";\nimport type { loader } from "../api/loader";\n\nexport function ArticleMeta() {\n  const currentUser = useContext(CurrentUser);\n  const { article } = useLoaderData<typeof loader>();\n\n  return (\n    <Form method="post">\n      <div className="article-meta">\n        <Link\n          prefetch="intent"\n          to={`/profile/${article.article.author.username}`}\n        >\n          <img src={article.article.author.image} alt="" />\n        </Link>\n\n        <div className="info">\n          <Link\n            prefetch="intent"\n            to={`/profile/${article.article.author.username}`}\n            className="author"\n          >\n            {article.article.author.username}\n          </Link>\n          <span className="date">{article.article.createdAt}</span>\n        </div>\n\n        {article.article.author.username == currentUser?.username ? (\n          <>\n            <Link\n              prefetch="intent"\n              to={`/editor/${article.article.slug}`}\n              className="btn btn-sm btn-outline-secondary"\n            >\n              <i className="ion-edit"></i> Edit Article\n            </Link>\n            &nbsp;&nbsp;\n            <button\n              name="_action"\n              value="delete"\n              className="btn btn-sm btn-outline-danger"\n            >\n              <i className="ion-trash-a"></i> Delete Article\n            </button>\n          </>\n        ) : (\n          <>\n            <input\n              name="username"\n              value={article.article.author.username}\n              type="hidden"\n            />\n            <button\n              name="_action"\n              value={\n                article.article.author.following\n                  ? "unfollowAuthor"\n                  : "followAuthor"\n              }\n              className={`btn btn-sm ${article.article.author.following ? "btn-secondary" : "btn-outline-secondary"}`}\n            >\n              <i className="ion-plus-round"></i>\n              &nbsp;{" "}\n              {article.article.author.following\n                ? "Unfollow"\n                : "Follow"}{" "}\n              {article.article.author.username}\n            </button>\n            &nbsp;&nbsp;\n            <button\n              name="_action"\n              value={article.article.favorited ? "unfavorite" : "favorite"}\n              className={`btn btn-sm ${article.article.favorited ? "btn-primary" : "btn-outline-primary"}`}\n            >\n              <i className="ion-heart"></i>\n              &nbsp; {article.article.favorited\n                ? "Unfavorite"\n                : "Favorite"}{" "}\n              Post{" "}\n              <span className="counter">\n                ({article.article.favoritesCount})\n              </span>\n            </button>\n          </>\n        )}\n      </div>\n    </Form>\n  );\n}\n'})}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/article-read/ui/Comments.tsx"',children:'import { useContext } from "react";\nimport { Form, Link, useLoaderData } from "@remix-run/react";\n\nimport { CurrentUser } from "shared/api";\nimport type { loader } from "../api/loader";\n\nexport function Comments() {\n  const { comments } = useLoaderData<typeof loader>();\n  const currentUser = useContext(CurrentUser);\n\n  return (\n    <div className="col-xs-12 col-md-8 offset-md-2">\n      {currentUser !== null ? (\n        <Form\n          preventScrollReset={true}\n          method="post"\n          className="card comment-form"\n        >\n          <div className="card-block">\n            <textarea\n              required\n              className="form-control"\n              name="comment"\n              placeholder="Write a comment..."\n              rows={3}\n            ></textarea>\n          </div>\n          <div className="card-footer">\n            <img\n              src={currentUser.image}\n              className="comment-author-img"\n              alt=""\n            />\n            <button\n              className="btn btn-sm btn-primary"\n              name="_action"\n              value="createComment"\n            >\n              Post Comment\n            </button>\n          </div>\n        </Form>\n      ) : (\n        <div className="row">\n          <div className="col-xs-12 col-md-8 offset-md-2">\n            <p>\n              <Link to="/login">Sign in</Link>\n              &nbsp; or &nbsp;\n              <Link to="/register">Sign up</Link>\n              &nbsp; to add comments on this article.\n            </p>\n          </div>\n        </div>\n      )}\n\n      {comments.comments.map((comment) => (\n        <div className="card" key={comment.id}>\n          <div className="card-block">\n            <p className="card-text">{comment.body}</p>\n          </div>\n\n          <div className="card-footer">\n            <Link\n              to={`/profile/${comment.author.username}`}\n              className="comment-author"\n            >\n              <img\n                src={comment.author.image}\n                className="comment-author-img"\n                alt=""\n              />\n            </Link>\n            &nbsp;\n            <Link\n              to={`/profile/${comment.author.username}`}\n              className="comment-author"\n            >\n              {comment.author.username}\n            </Link>\n            <span className="date-posted">{comment.createdAt}</span>\n            {comment.author.username === currentUser?.username && (\n              <span className="mod-options">\n                <Form method="post" preventScrollReset={true}>\n                  <input type="hidden" name="id" value={comment.id} />\n                  <button\n                    name="_action"\n                    value="deleteComment"\n                    style={{\n                      border: "none",\n                      outline: "none",\n                      backgroundColor: "transparent",\n                    }}\n                  >\n                    <i className="ion-trash-a"></i>\n                  </button>\n                </Form>\n              </span>\n            )}\n          </div>\n        </div>\n      ))}\n    </div>\n  );\n}\n'})}),"\n",(0,a.jsx)(n.p,{children:"And with that our article reader is also complete! The buttons to follow the author, like a post, and leave a comment should now function as expected."}),"\n",(0,a.jsxs)("figure",{children:[(0,a.jsx)(n.p,{children:(0,a.jsx)(n.img,{alt:"Article reader with functioning buttons to like and follow",src:t(6953).A+"",width:"2880",height:"1488"})}),(0,a.jsx)("figcaption",{children:"Article reader with functioning buttons to like and follow"})]}),"\n",(0,a.jsx)(n.h3,{id:"article-editor",children:"Article editor"}),"\n",(0,a.jsx)(n.p,{children:"This is the last page that we will cover in this tutorial, and the most interesting part here is how we\u2019re going to validate form data."}),"\n",(0,a.jsxs)(n.p,{children:["The page itself, ",(0,a.jsx)(n.code,{children:"article-edit/ui/ArticleEditPage.tsx"}),", will be quite simple, extra complexity stowed away into two other components:"]}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/article-edit/ui/ArticleEditPage.tsx"',children:'import { Form, useLoaderData } from "@remix-run/react";\n\nimport type { loader } from "../api/loader";\nimport { TagsInput } from "./TagsInput";\nimport { FormErrors } from "./FormErrors";\n\nexport function ArticleEditPage() {\n  const article = useLoaderData<typeof loader>();\n\n  return (\n    <div className="editor-page">\n      <div className="container page">\n        <div className="row">\n          <div className="col-md-10 offset-md-1 col-xs-12">\n            <FormErrors />\n\n            <Form method="post">\n              <fieldset>\n                <fieldset className="form-group">\n                  <input\n                    type="text"\n                    className="form-control form-control-lg"\n                    name="title"\n                    placeholder="Article Title"\n                    defaultValue={article.article?.title}\n                  />\n                </fieldset>\n                <fieldset className="form-group">\n                  <input\n                    type="text"\n                    className="form-control"\n                    name="description"\n                    placeholder="What\'s this article about?"\n                    defaultValue={article.article?.description}\n                  />\n                </fieldset>\n                <fieldset className="form-group">\n                  <textarea\n                    className="form-control"\n                    name="body"\n                    rows={8}\n                    placeholder="Write your article (in markdown)"\n                    defaultValue={article.article?.body}\n                  ></textarea>\n                </fieldset>\n                <fieldset className="form-group">\n                  <TagsInput\n                    name="tags"\n                    defaultValue={article.article?.tagList ?? []}\n                  />\n                </fieldset>\n\n                <button className="btn btn-lg pull-xs-right btn-primary">\n                  Publish Article\n                </button>\n              </fieldset>\n            </Form>\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n}\n'})}),"\n",(0,a.jsxs)(n.p,{children:["This page gets the current article (unless we\u2019re writing from scratch) and fills in the corresponding form fields. We\u2019ve seen this before. The interesting part is ",(0,a.jsx)(n.code,{children:"FormErrors"}),", because it will receive the validation result and display it to the user. Let\u2019s take a look:"]}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/article-edit/ui/FormErrors.tsx"',children:'import { useActionData } from "@remix-run/react";\nimport type { action } from "../api/action";\n\nexport function FormErrors() {\n  const actionData = useActionData<typeof action>();\n\n  return actionData?.errors != null ? (\n    <ul className="error-messages">\n      {actionData.errors.map((error) => (\n        <li key={error}>{error}</li>\n      ))}\n    </ul>\n  ) : null;\n}\n'})}),"\n",(0,a.jsxs)(n.p,{children:["Here we are assuming that our action will return the ",(0,a.jsx)(n.code,{children:"errors"})," field, an array of human-readable error messages. We will get to the action shortly."]}),"\n",(0,a.jsx)(n.p,{children:"Another component is the tags input. It\u2019s just a plain input field with an additional preview of chosen tags. Not much to see here:"}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/article-edit/ui/TagsInput.tsx"',children:'import { useEffect, useRef, useState } from "react";\n\nexport function TagsInput({\n  name,\n  defaultValue,\n}: {\n  name: string;\n  defaultValue?: Array<string>;\n}) {\n  const [tagListState, setTagListState] = useState(defaultValue ?? []);\n\n  function removeTag(tag: string): void {\n    const newTagList = tagListState.filter((t) => t !== tag);\n    setTagListState(newTagList);\n  }\n\n  const tagsInput = useRef<HTMLInputElement>(null);\n  useEffect(() => {\n    tagsInput.current && (tagsInput.current.value = tagListState.join(","));\n  }, [tagListState]);\n\n  return (\n    <>\n      <input\n        type="text"\n        className="form-control"\n        id="tags"\n        name={name}\n        placeholder="Enter tags"\n        defaultValue={tagListState.join(",")}\n        onChange={(e) =>\n          setTagListState(e.target.value.split(",").filter(Boolean))\n        }\n      />\n      <div className="tag-list">\n        {tagListState.map((tag) => (\n          <span className="tag-default tag-pill" key={tag}>\n            <i\n              className="ion-close-round"\n              role="button"\n              tabIndex={0}\n              onKeyDown={(e) =>\n                [" ", "Enter"].includes(e.key) && removeTag(tag)\n              }\n              onClick={() => removeTag(tag)}\n            ></i>{" "}\n            {tag}\n          </span>\n        ))}\n      </div>\n    </>\n  );\n}\n'})}),"\n",(0,a.jsx)(n.p,{children:"Now, for the API part. The loader should look at the URL, and if it contains an article slug, that means we\u2019re editing an existing article, and its data should be loaded. Otherwise, return nothing. Let\u2019s create that loader:"}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{className:"language-ts",metastring:'title="pages/article-edit/api/loader.ts"',children:'import { json, type LoaderFunctionArgs } from "@remix-run/node";\nimport type { FetchResponse } from "openapi-fetch";\n\nimport { GET, requireUser } from "shared/api";\n\nasync function throwAnyErrors<T, O, Media extends `${string}/${string}`>(\n  responsePromise: Promise<FetchResponse<T, O, Media>>,\n) {\n  const { data, error, response } = await responsePromise;\n\n  if (error !== undefined) {\n    throw json(error, { status: response.status });\n  }\n\n  return data as NonNullable<typeof data>;\n}\n\nexport const loader = async ({ params, request }: LoaderFunctionArgs) => {\n  const currentUser = await requireUser(request);\n\n  if (!params.slug) {\n    return { article: null };\n  }\n\n  return throwAnyErrors(\n    GET("/articles/{slug}", {\n      params: { path: { slug: params.slug } },\n      headers: { Authorization: `Token ${currentUser.token}` },\n    }),\n  );\n};\n'})}),"\n",(0,a.jsx)(n.p,{children:"The action will take the new field values, run them through our data schema, and if everything is correct, commit those changes to the backend, either by updating an existing article or creating a new one:"}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/article-edit/api/action.ts"',children:'import { json, redirect, type ActionFunctionArgs } from "@remix-run/node";\n\nimport { POST, PUT, requireUser } from "shared/api";\nimport { parseAsArticle } from "../model/parseAsArticle";\n\nexport const action = async ({ request, params }: ActionFunctionArgs) => {\n  try {\n    const { body, description, title, tags } = parseAsArticle(\n      await request.formData(),\n    );\n    const tagList = tags?.split(",") ?? [];\n\n    const currentUser = await requireUser(request);\n    const payload = {\n      body: {\n        article: {\n          title,\n          description,\n          body,\n          tagList,\n        },\n      },\n      headers: { Authorization: `Token ${currentUser.token}` },\n    };\n\n    const { data, error } = await (params.slug\n      ? PUT("/articles/{slug}", {\n          params: { path: { slug: params.slug } },\n          ...payload,\n        })\n      : POST("/articles", payload));\n\n    if (error) {\n      return json({ errors: error }, { status: 422 });\n    }\n\n    return redirect(`/article/${data.article.slug ?? ""}`);\n  } catch (errors) {\n    return json({ errors }, { status: 400 });\n  }\n};\n'})}),"\n",(0,a.jsxs)(n.p,{children:["The schema doubles as a parsing function for ",(0,a.jsx)(n.code,{children:"FormData"}),", which allows us to conveniently get the clean fields or just throw the errors to handle at the end. Here\u2019s how that parsing function could look:"]}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/article-edit/model/parseAsArticle.ts"',children:'export function parseAsArticle(data: FormData) {\n  const errors = [];\n\n  const title = data.get("title");\n  if (typeof title !== "string" || title === "") {\n    errors.push("Give this article a title");\n  }\n\n  const description = data.get("description");\n  if (typeof description !== "string" || description === "") {\n    errors.push("Describe what this article is about");\n  }\n\n  const body = data.get("body");\n  if (typeof body !== "string" || body === "") {\n    errors.push("Write the article itself");\n  }\n\n  const tags = data.get("tags");\n  if (typeof tags !== "string") {\n    errors.push("The tags must be a string");\n  }\n\n  if (errors.length > 0) {\n    throw errors;\n  }\n\n  return { title, description, body, tags: data.get("tags") ?? "" } as {\n    title: string;\n    description: string;\n    body: string;\n    tags: string;\n  };\n}\n'})}),"\n",(0,a.jsx)(n.p,{children:"Arguably, it\u2019s a bit lengthy and repetitive, but that\u2019s the price we pay for human-readable errors. This could also be a Zod schema, for example, but then we would have to render error messages on the frontend, and this form is not worth the complication."}),"\n",(0,a.jsxs)(n.p,{children:["One last step \u2014 connect the page, the loader, and the action to the routes. Since we neatly support both creation and editing, we can export the same thing from both ",(0,a.jsx)(n.code,{children:"editor._index.tsx"})," and ",(0,a.jsx)(n.code,{children:"editor.$slug.tsx"}),":"]}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/article-edit/index.ts"',children:'export { ArticleEditPage } from "./ui/ArticleEditPage";\nexport { loader } from "./api/loader";\nexport { action } from "./api/action";\n'})}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{className:"language-tsx",metastring:'title="app/routes/editor._index.tsx, app/routes/editor.$slug.tsx (same content)"',children:'import { ArticleEditPage } from "pages/article-edit";\n\nexport { loader, action } from "pages/article-edit";\n\nexport default ArticleEditPage;\n'})}),"\n",(0,a.jsx)(n.p,{children:"We\u2019re done now! Log in and try creating a new article. Or \u201cforget\u201d to write the article and see the validation kick in."}),"\n",(0,a.jsxs)("figure",{children:[(0,a.jsx)(n.p,{children:(0,a.jsx)(n.img,{alt:"The Conduit article editor, with the title field saying \u201cNew article\u201d and the rest of the fields empty. Above the form there are two errors: \u201cDescribe what this article is about\u201d and \u201cWrite the article itself\u201d.",src:t(6011).A+"",width:"2880",height:"1488"})}),(0,a.jsxs)("figcaption",{children:["The Conduit article editor, with the title field saying \u201cNew article\u201d and the rest of the fields empty. Above the form there are two errors: ",(0,a.jsx)(n.strong,{children:"\u201cDescribe what this article is about\u201d"})," and ",(0,a.jsx)(n.strong,{children:"\u201cWrite the article itself\u201d"}),"."]})]}),"\n",(0,a.jsx)(n.p,{children:"The profile and settings pages are very similar to the article reader and editor, they are left as an exercise for the reader, that\u2019s you :)"})]})}function h(e={}){const{wrapper:n}={...(0,r.R)(),...e.components};return n?(0,a.jsx)(n,{...e,children:(0,a.jsx)(d,{...e})}):d(e)}},8891:(e,n,t)=>{t.d(n,{A:()=>a});const a=t.p+"assets/images/conduit-banner-a20e38edcd109ee21a8b1426d93a66b3.jpg"},6011:(e,n,t)=>{t.d(n,{A:()=>a});const a=t.p+"assets/images/realworld-article-editor-bc3ee45c96ae905fdbb54d6463d12723.jpg"},6953:(e,n,t)=>{t.d(n,{A:()=>a});const a=t.p+"assets/images/realworld-article-reader-6a420e4f2afe139d2bdd54d62974f0b9.jpg"},9922:(e,n,t)=>{t.d(n,{A:()=>a});const a=t.p+"assets/images/realworld-editor-authenticated-10de4d01479270886859e08592045b1e.jpg"},9703:(e,n,t)=>{t.d(n,{A:()=>a});const a=t.p+"assets/images/realworld-feed-anonymous-8cbba45f488931979f6c8da8968ad685.jpg"},1405:(e,n,t)=>{t.d(n,{A:()=>a});const a=t.p+"assets/images/realworld-feed-authenticated-15427d9ff7baae009b47b501bee6c059.jpg"},6231:(e,n,t)=>{t.d(n,{A:()=>a});const a=t.p+"assets/images/realworld-feed-without-tabs-5da4c9072101ac20e82e2234bd3badbe.jpg"},1100:(e,n,t)=>{t.d(n,{R:()=>i,x:()=>o});var a=t(758);const r={},s=a.createContext(r);function i(e){const n=a.useContext(s);return a.useMemo((function(){return"function"==typeof e?e(n):{...n,...e}}),[n,e])}function o(e){let n;return n=e.disableParentContext?"function"==typeof e.components?e.components(r):e.components||r:i(e.components),a.createElement(s.Provider,{value:n},e.children)}}}]);
\ No newline at end of file
+"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[4472],{4673:(e,n,t)=>{t.r(n),t.d(n,{assets:()=>l,contentTitle:()=>i,default:()=>h,frontMatter:()=>s,metadata:()=>o,toc:()=>c});var a=t(6070),r=t(1100);const s={sidebar_position:2},i="Tutorial",o={id:"get-started/tutorial",title:"Tutorial",description:"Part 1. On paper",source:"@site/i18n/en/docusaurus-plugin-content-docs/current/get-started/tutorial.md",sourceDirName:"get-started",slug:"/get-started/tutorial",permalink:"/uz/docs/get-started/tutorial",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/get-started/tutorial.md",tags:[],version:"current",lastUpdatedAt:1728325386e3,sidebarPosition:2,frontMatter:{sidebar_position:2},sidebar:"getstartedSidebar",previous:{title:"Overview",permalink:"/uz/docs/get-started/overview"},next:{title:"FAQ",permalink:"/uz/docs/get-started/faq"}},l={},c=[{value:"Part 1. On paper",id:"part-1-on-paper",level:2},{value:"Start by listing the pages",id:"start-by-listing-the-pages",level:3},{value:"Close look at the feed",id:"close-look-at-the-feed",level:3},{value:"List of tags",id:"list-of-tags",level:4},{value:"Articles",id:"articles",level:4},{value:"Reuse generic code",id:"reuse-generic-code",level:3},{value:"Define a strict public API",id:"define-a-strict-public-api",level:3},{value:"Large reused blocks in the UI",id:"large-reused-blocks-in-the-ui",level:3},{value:"Close look at a page with a form",id:"close-look-at-a-page-with-a-form",level:3},{value:"Summary",id:"summary",level:3},{value:"Part 2. In code",id:"part-2-in-code",level:2},{value:"Lay out the pages",id:"lay-out-the-pages",level:3},{value:"Connect the feed page",id:"connect-the-feed-page",level:3},{value:"API client",id:"api-client",level:3},{value:"Real data in the feed",id:"real-data-in-the-feed",level:3},{value:"Filtering by tag",id:"filtering-by-tag",level:3},{value:"Pagination",id:"pagination",level:3},{value:"Authentication",id:"authentication",level:3},{value:"Header",id:"header",level:3},{value:"Tabs",id:"tabs",level:3},{value:"Article reader",id:"article-reader",level:3},{value:"Article editor",id:"article-editor",level:3}];function d(e){const n={a:"a",code:"code",em:"em",h1:"h1",h2:"h2",h3:"h3",h4:"h4",header:"header",img:"img",li:"li",ol:"ol",p:"p",pre:"pre",strong:"strong",ul:"ul",...(0,r.R)(),...e.components};return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(n.header,{children:(0,a.jsx)(n.h1,{id:"tutorial",children:"Tutorial"})}),"\n",(0,a.jsx)(n.h2,{id:"part-1-on-paper",children:"Part 1. On paper"}),"\n",(0,a.jsxs)(n.p,{children:["This tutorial will examine the Real World App, also known as Conduit. Conduit is a basic ",(0,a.jsx)(n.a,{href:"https://medium.com/",children:"Medium"})," clone \u2014 it lets you read and write articles as well as comment on the articles of others."]}),"\n",(0,a.jsx)(n.p,{children:(0,a.jsx)(n.img,{alt:"Conduit home page",src:t(9703).A+"",width:"2880",height:"1504"})}),"\n",(0,a.jsxs)(n.p,{children:["This is a pretty small application, so we will keep it simple and avoid excessive decomposition. It\u2019s highly likely that the entire app will fit into just three layers: ",(0,a.jsx)(n.strong,{children:"App"}),", ",(0,a.jsx)(n.strong,{children:"Pages"}),", and ",(0,a.jsx)(n.strong,{children:"Shared"}),". If not, we will introduce additional layers as we go. Ready?"]}),"\n",(0,a.jsx)(n.h3,{id:"start-by-listing-the-pages",children:"Start by listing the pages"}),"\n",(0,a.jsx)(n.p,{children:"If we look at the screenshot above, we can assume at least the following pages:"}),"\n",(0,a.jsxs)(n.ul,{children:["\n",(0,a.jsx)(n.li,{children:"Home (article feed)"}),"\n",(0,a.jsx)(n.li,{children:"Sign in and sign up"}),"\n",(0,a.jsx)(n.li,{children:"Article reader"}),"\n",(0,a.jsx)(n.li,{children:"Article editor"}),"\n",(0,a.jsx)(n.li,{children:"User profile viewer"}),"\n",(0,a.jsx)(n.li,{children:"User profile editor (user settings)"}),"\n"]}),"\n",(0,a.jsxs)(n.p,{children:["Every one of these pages will become its own ",(0,a.jsx)(n.em,{children:"slice"})," on the Pages ",(0,a.jsx)(n.em,{children:"layer"}),". Recall from the overview that slices are simply folders inside of layers and layers are simply folders with predefined names like ",(0,a.jsx)(n.code,{children:"pages"}),"."]}),"\n",(0,a.jsx)(n.p,{children:"As such, our Pages folder will look like this:"}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{children:"\ud83d\udcc2 pages/\n  \ud83d\udcc1 feed/\n  \ud83d\udcc1 sign-in/\n  \ud83d\udcc1 article-read/\n  \ud83d\udcc1 article-edit/\n  \ud83d\udcc1 profile/\n  \ud83d\udcc1 settings/\n"})}),"\n",(0,a.jsxs)(n.p,{children:["The key difference of Feature-Sliced Design from an unregulated code structure is that pages cannot reference each other. That is, one page cannot import code from another page. This is due to the ",(0,a.jsx)(n.strong,{children:"import rule on layers"}),":"]}),"\n",(0,a.jsx)(n.p,{children:(0,a.jsx)(n.em,{children:"A module in a slice can only import other slices when they are located on layers strictly below."})}),"\n",(0,a.jsx)(n.p,{children:"In this case, a page is a slice, so modules (files) inside this page can only reference code from layers below, not from the same layer, Pages."}),"\n",(0,a.jsx)(n.h3,{id:"close-look-at-the-feed",children:"Close look at the feed"}),"\n",(0,a.jsxs)("figure",{children:[(0,a.jsx)(n.p,{children:(0,a.jsx)(n.img,{alt:"Anonymous user\u2019s perspective",src:t(9703).A+"",width:"2880",height:"1504"})}),(0,a.jsx)("figcaption",{children:(0,a.jsx)(n.p,{children:(0,a.jsx)(n.em,{children:"Anonymous user\u2019s perspective"})})})]}),"\n",(0,a.jsxs)("figure",{children:[(0,a.jsx)(n.p,{children:(0,a.jsx)(n.img,{alt:"Authenticated user\u2019s perspective",src:t(1405).A+"",width:"2880",height:"1504"})}),(0,a.jsx)("figcaption",{children:(0,a.jsx)(n.p,{children:(0,a.jsx)(n.em,{children:"Authenticated user\u2019s perspective"})})})]}),"\n",(0,a.jsx)(n.p,{children:"There are three dynamic areas on the feed page:"}),"\n",(0,a.jsxs)(n.ol,{children:["\n",(0,a.jsx)(n.li,{children:"Sign-in links with an indication if you are signed in"}),"\n",(0,a.jsx)(n.li,{children:"List of tags that triggers filtering in the feed"}),"\n",(0,a.jsx)(n.li,{children:"One/two feeds of articles, each article with a like button"}),"\n"]}),"\n",(0,a.jsx)(n.p,{children:"The sign-in links are a part of a header that is common to all pages, we will revisit it separately."}),"\n",(0,a.jsx)(n.h4,{id:"list-of-tags",children:"List of tags"}),"\n",(0,a.jsxs)(n.p,{children:["To build the list of tags, we need to fetch the available tags, render each tag as a chip, and store the selected tags in a client-side storage. These operations fall into categories \u201cAPI interaction\u201d, \u201cuser interface\u201d, and \u201cstorage\u201d, respectively. In Feature-Sliced Design, code is separated by purpose using ",(0,a.jsx)(n.em,{children:"segments"}),". Segments are folders in slices, and they can have arbitrary names that describe the purpose, but some purposes are so common that there\u2019s a convention for certain segment names:"]}),"\n",(0,a.jsxs)(n.ul,{children:["\n",(0,a.jsxs)(n.li,{children:["\ud83d\udcc2\xa0",(0,a.jsx)(n.code,{children:"api/"})," for backend interactions"]}),"\n",(0,a.jsxs)(n.li,{children:["\ud83d\udcc2\xa0",(0,a.jsx)(n.code,{children:"ui/"})," for code that handles rendering and appearance"]}),"\n",(0,a.jsxs)(n.li,{children:["\ud83d\udcc2\xa0",(0,a.jsx)(n.code,{children:"model/"})," for storage and business logic"]}),"\n",(0,a.jsxs)(n.li,{children:["\ud83d\udcc2\xa0",(0,a.jsx)(n.code,{children:"config/"})," for feature flags, environment variables and other forms of configuration"]}),"\n"]}),"\n",(0,a.jsxs)(n.p,{children:["We will place code that fetches tags into ",(0,a.jsx)(n.code,{children:"api"}),", the tag component into ",(0,a.jsx)(n.code,{children:"ui"}),", and the storage interaction into ",(0,a.jsx)(n.code,{children:"model"}),"."]}),"\n",(0,a.jsx)(n.h4,{id:"articles",children:"Articles"}),"\n",(0,a.jsx)(n.p,{children:"Using the same grouping principles, we can decompose the feed of articles into the same three segments:"}),"\n",(0,a.jsxs)(n.ul,{children:["\n",(0,a.jsxs)(n.li,{children:["\ud83d\udcc2\xa0",(0,a.jsx)(n.code,{children:"api/"}),": fetch paginated articles with like count; like an article"]}),"\n",(0,a.jsxs)(n.li,{children:["\ud83d\udcc2\xa0",(0,a.jsx)(n.code,{children:"ui/"}),":","\n",(0,a.jsxs)(n.ul,{children:["\n",(0,a.jsx)(n.li,{children:"tab list that can render an extra tab if a tag is selected"}),"\n",(0,a.jsx)(n.li,{children:"individual article"}),"\n",(0,a.jsx)(n.li,{children:"functional pagination"}),"\n"]}),"\n"]}),"\n",(0,a.jsxs)(n.li,{children:["\ud83d\udcc2\xa0",(0,a.jsx)(n.code,{children:"model/"}),": client-side storage of the currently loaded articles and current page (if needed)"]}),"\n"]}),"\n",(0,a.jsx)(n.h3,{id:"reuse-generic-code",children:"Reuse generic code"}),"\n",(0,a.jsxs)(n.p,{children:["Most pages are very different in intent, but certain things stay the same across the entire app \u2014 for example, the UI kit that conforms to the design language, or the convention on the backend that everything is done with a REST API with the same authentication method. Since slices are meant to be isolated, code reuse is facilitated by a lower layer, ",(0,a.jsx)(n.strong,{children:"Shared"}),"."]}),"\n",(0,a.jsx)(n.p,{children:"Shared is different from other layers in the sense that it contains segments, not slices. In this way, the Shared layer can be thought of as a hybrid between a layer and a slice."}),"\n",(0,a.jsx)(n.p,{children:"Usually, the code in Shared is not planned ahead of time, but rather extracted during development, because only during development does it become clear which parts of code are actually shared. However, it\u2019s still helpful to keep a mental note of what kind of code naturally belongs in Shared:"}),"\n",(0,a.jsxs)(n.ul,{children:["\n",(0,a.jsxs)(n.li,{children:["\ud83d\udcc2\xa0",(0,a.jsx)(n.code,{children:"ui/"})," \u2014 the UI kit, pure appearance, no business logic. For example, buttons, modal dialogs, form inputs."]}),"\n",(0,a.jsxs)(n.li,{children:["\ud83d\udcc2\xa0",(0,a.jsx)(n.code,{children:"api/"})," \u2014 convenience wrappers around request making primitives (like ",(0,a.jsx)(n.code,{children:"fetch()"})," on the Web) and, optionally, functions for triggering particular requests according to the backend specification."]}),"\n",(0,a.jsxs)(n.li,{children:["\ud83d\udcc2\xa0",(0,a.jsx)(n.code,{children:"config/"})," \u2014 parsing environment variables"]}),"\n",(0,a.jsxs)(n.li,{children:["\ud83d\udcc2\xa0",(0,a.jsx)(n.code,{children:"i18n/"})," \u2014 configuration of language support"]}),"\n",(0,a.jsxs)(n.li,{children:["\ud83d\udcc2\xa0",(0,a.jsx)(n.code,{children:"router/"})," \u2014 routing primitives and route constants"]}),"\n"]}),"\n",(0,a.jsxs)(n.p,{children:["Those are just a few examples of segment names in Shared, but you can omit any of them or create your own. The only important thing to remember when creating new segments is that segment names should describe ",(0,a.jsx)(n.strong,{children:"purpose (the why), not essence (the what)"}),". Names like \u201ccomponents\u201d, \u201chooks\u201d, \u201cmodals\u201d ",(0,a.jsx)(n.em,{children:"should not"})," be used because they describe what these files are, but don\u2019t help to navigate the code inside. This requires people on the team to dig through every file in such folders and also keeps unrelated code close, which leads to broad areas of code being affected by refactoring and thus makes code review and testing harder."]}),"\n",(0,a.jsx)(n.h3,{id:"define-a-strict-public-api",children:"Define a strict public API"}),"\n",(0,a.jsxs)(n.p,{children:["In the context of Feature-Sliced Design, the term ",(0,a.jsx)(n.em,{children:"public API"})," refers to a slice or segment declaring what can be imported from it by other modules in the project. For example, in JavaScript that can be an ",(0,a.jsx)(n.code,{children:"index.js"})," file re-exporting objects from other files in the slice. This enables freedom in refactoring code inside a slice as long as the contract with the outside world (i.e. the public API) stays the same."]}),"\n",(0,a.jsx)(n.p,{children:"For the Shared layer that has no slices, it\u2019s usually more convenient to define a separate public API for each segment as opposed to defining one single index of everything in Shared. This keeps imports from Shared naturally organized by intent. For other layers that have slices, the opposite is true \u2014 it\u2019s usually more practical to define one index per slice and let the slice decide its own set of segments that is unknown to the outside world because other layers usually have a lot less exports."}),"\n",(0,a.jsx)(n.p,{children:"Our slices/segments will appear to each other as follows:"}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{children:"\ud83d\udcc2 pages/\n  \ud83d\udcc2 feed/\n    \ud83d\udcc4 index\n  \ud83d\udcc2 sign-in/\n    \ud83d\udcc4 index\n  \ud83d\udcc2 article-read/\n    \ud83d\udcc4 index\n  \ud83d\udcc1 \u2026\n\ud83d\udcc2 shared/\n  \ud83d\udcc2 ui/\n    \ud83d\udcc4 index\n  \ud83d\udcc2 api/\n    \ud83d\udcc4 index\n  \ud83d\udcc1 \u2026\n"})}),"\n",(0,a.jsxs)(n.p,{children:["Whatever is inside folders like ",(0,a.jsx)(n.code,{children:"pages/feed"})," or ",(0,a.jsx)(n.code,{children:"shared/ui"})," is only known to those folders, and other files should not rely on the internal structure of these folders."]}),"\n",(0,a.jsx)(n.h3,{id:"large-reused-blocks-in-the-ui",children:"Large reused blocks in the UI"}),"\n",(0,a.jsx)(n.p,{children:"Earlier we made a note to revisit the header that appears on every page. Rebuilding it from scratch on every page would be impractical, so it\u2019s only natural to want to reuse it. We already have Shared to facilitate code reuse, however, there\u2019s a caveat to putting large blocks of UI in Shared \u2014 the Shared layer is not supposed to know about any of the layers above."}),"\n",(0,a.jsx)(n.p,{children:"Between Shared and Pages there are three other layers: Entities, Features, and Widgets.  Some projects may have something in those layers that they need in a large reusable block, and that means we can\u2019t put that reusable block in Shared, or else it would be importing from upper layers, which is prohibited. That\u2019s where the Widgets layer comes in. It is located above Shared, Entities, and Features, so it can use them all."}),"\n",(0,a.jsxs)(n.p,{children:["In our case, the header is very simple \u2014 it\u2019s a static logo and top-level navigation. The navigation needs to make a request to the API to determine if the user is currently logged in or not, but that can be handled by a simple import from the ",(0,a.jsx)(n.code,{children:"api"})," segment. Therefore, we will keep our header in Shared."]}),"\n",(0,a.jsx)(n.h3,{id:"close-look-at-a-page-with-a-form",children:"Close look at a page with a form"}),"\n",(0,a.jsx)(n.p,{children:"Let\u2019s also examine a page that\u2019s intended for editing, not reading. For example, the article writer:"}),"\n",(0,a.jsx)(n.p,{children:(0,a.jsx)(n.img,{alt:"Conduit post editor",src:t(9922).A+"",width:"2880",height:"1200"})}),"\n",(0,a.jsx)(n.p,{children:"It looks trivial, but contains several aspects of application development that we haven\u2019t explored yet \u2014 form validation, error states, and data persistence."}),"\n",(0,a.jsxs)(n.p,{children:["If we were to build this page, we would grab some inputs and buttons from Shared and put together a form in the ",(0,a.jsx)(n.code,{children:"ui"})," segment of this page. Then, in the ",(0,a.jsx)(n.code,{children:"api"})," segment, we would define a mutation request to create the article on the backend."]}),"\n",(0,a.jsxs)(n.p,{children:["To validate the request before sending, we need a validation schema, and a good place for it is the ",(0,a.jsx)(n.code,{children:"model"})," segment, since it\u2019s the data model. There we will produce error messages and display them using another component in the ",(0,a.jsx)(n.code,{children:"ui"})," segment."]}),"\n",(0,a.jsxs)(n.p,{children:["To improve user experience, we could also persist the inputs to prevent accidental data loss. This is also a job of the ",(0,a.jsx)(n.code,{children:"model"})," segment."]}),"\n",(0,a.jsx)(n.h3,{id:"summary",children:"Summary"}),"\n",(0,a.jsx)(n.p,{children:"We have examined several pages and outlined a preliminary structure for our application:"}),"\n",(0,a.jsxs)(n.ol,{children:["\n",(0,a.jsxs)(n.li,{children:["Shared layer","\n",(0,a.jsxs)(n.ol,{children:["\n",(0,a.jsxs)(n.li,{children:[(0,a.jsx)(n.code,{children:"ui"}),"  will contain our reusable UI kit"]}),"\n",(0,a.jsxs)(n.li,{children:[(0,a.jsx)(n.code,{children:"api"}),"  will contain our primitive interactions with the backend"]}),"\n",(0,a.jsx)(n.li,{children:"The rest will be arranged on demand"}),"\n"]}),"\n"]}),"\n",(0,a.jsxs)(n.li,{children:["Pages layer \u2014 each page is a separate slice","\n",(0,a.jsxs)(n.ol,{children:["\n",(0,a.jsxs)(n.li,{children:[(0,a.jsx)(n.code,{children:"ui"}),"  will contain the page itself and all of its parts"]}),"\n",(0,a.jsxs)(n.li,{children:[(0,a.jsx)(n.code,{children:"api"}),"  will contain more specialized data fetching, using ",(0,a.jsx)(n.code,{children:"shared/api"})]}),"\n",(0,a.jsxs)(n.li,{children:[(0,a.jsx)(n.code,{children:"model"}),"  might contain client-side storage of the data that we will display"]}),"\n"]}),"\n"]}),"\n"]}),"\n",(0,a.jsx)(n.p,{children:"Let\u2019s get building!"}),"\n",(0,a.jsx)(n.h2,{id:"part-2-in-code",children:"Part 2. In code"}),"\n",(0,a.jsxs)(n.p,{children:["Now that we have a plan, let\u2019s put it to practice. We will use React and ",(0,a.jsx)(n.a,{href:"https://remix.run",children:"Remix"}),"."]}),"\n",(0,a.jsxs)(n.p,{children:["There's a template ready for this project, clone it from GitHub to get a headstart: ",(0,a.jsx)(n.a,{href:"https://github.com/feature-sliced/tutorial-conduit/tree/clean",children:"https://github.com/feature-sliced/tutorial-conduit/tree/clean"}),"."]}),"\n",(0,a.jsxs)(n.p,{children:["Install dependencies with ",(0,a.jsx)(n.code,{children:"npm install"})," and start the development server with ",(0,a.jsx)(n.code,{children:"npm run dev"}),". Open ",(0,a.jsx)(n.a,{href:"http://localhost:3000",children:"http://localhost:3000"})," and you should see a blank app."]}),"\n",(0,a.jsx)(n.h3,{id:"lay-out-the-pages",children:"Lay out the pages"}),"\n",(0,a.jsx)(n.p,{children:"Let\u2019s start by creating blank components for all our pages. Run the following command in your project:"}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{className:"language-bash",children:"npx fsd pages feed sign-in article-read article-edit profile settings --segments ui\n"})}),"\n",(0,a.jsxs)(n.p,{children:["This will create folders like ",(0,a.jsx)(n.code,{children:"pages/feed/ui/"})," and an index file, ",(0,a.jsx)(n.code,{children:"pages/feed/index.ts"}),", for every page."]}),"\n",(0,a.jsx)(n.h3,{id:"connect-the-feed-page",children:"Connect the feed page"}),"\n",(0,a.jsxs)(n.p,{children:["Let\u2019s connect the root route of our application to the feed page. Create a component, ",(0,a.jsx)(n.code,{children:"FeedPage.tsx"})," in ",(0,a.jsx)(n.code,{children:"pages/feed/ui"})," and put the following inside it:"]}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/feed/ui/FeedPage.tsx"',children:'export function FeedPage() {\n  return (\n    <div className="home-page">\n      <div className="banner">\n        <div className="container">\n          <h1 className="logo-font">conduit</h1>\n          <p>A place to share your knowledge.</p>\n        </div>\n      </div>\n    </div>\n  );\n}\n'})}),"\n",(0,a.jsxs)(n.p,{children:["Then re-export this component in the feed page\u2019s public API, the ",(0,a.jsx)(n.code,{children:"pages/feed/index.ts"})," file:"]}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{className:"language-ts",metastring:'title="pages/feed/index.ts"',children:'export { FeedPage } from "./ui/FeedPage";\n'})}),"\n",(0,a.jsxs)(n.p,{children:["Now connect it to the root route. In Remix, routing is file-based, and the route files are located in the ",(0,a.jsx)(n.code,{children:"app/routes"})," folder, which nicely coincides with Feature-Sliced Design."]}),"\n",(0,a.jsxs)(n.p,{children:["Use the ",(0,a.jsx)(n.code,{children:"FeedPage"})," component in ",(0,a.jsx)(n.code,{children:"app/routes/_index.tsx"}),":"]}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{className:"language-tsx",metastring:'title="app/routes/_index.tsx"',children:'import type { MetaFunction } from "@remix-run/node";\nimport { FeedPage } from "pages/feed";\n\nexport const meta: MetaFunction = () => {\n  return [{ title: "Conduit" }];\n};\n\nexport default FeedPage;\n'})}),"\n",(0,a.jsx)(n.p,{children:"Then, if you run the dev server and open the application, you should see the Conduit banner!"}),"\n",(0,a.jsx)(n.p,{children:(0,a.jsx)(n.img,{alt:"The banner of Conduit",src:t(8891).A+"",width:"2880",height:"338"})}),"\n",(0,a.jsx)(n.h3,{id:"api-client",children:"API client"}),"\n",(0,a.jsxs)(n.p,{children:["To talk to the RealWorld backend, let\u2019s create a convenient API client in Shared. Create two segments, ",(0,a.jsx)(n.code,{children:"api"})," for the client and ",(0,a.jsx)(n.code,{children:"config"})," for variables like the backend base URL:"]}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{className:"language-bash",children:"npx fsd shared --segments api config\n"})}),"\n",(0,a.jsxs)(n.p,{children:["Then create ",(0,a.jsx)(n.code,{children:"shared/config/backend.ts"}),":"]}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{className:"language-tsx",metastring:'title="shared/config/backend.ts"',children:'export const backendBaseUrl = "https://api.realworld.io/api";\n'})}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{className:"language-tsx",metastring:'title="shared/config/index.ts"',children:'export { backendBaseUrl } from "./backend";\n'})}),"\n",(0,a.jsxs)(n.p,{children:["Since the RealWorld project conveniently provides an ",(0,a.jsx)(n.a,{href:"https://github.com/gothinkster/realworld/blob/main/api/openapi.yml",children:"OpenAPI specification"}),", we can take advantage of auto-generated types for our client. We will use ",(0,a.jsxs)(n.a,{href:"https://openapi-ts.pages.dev/openapi-fetch/",children:["the ",(0,a.jsx)(n.code,{children:"openapi-fetch"})," package"]})," that comes with an additional type generator."]}),"\n",(0,a.jsx)(n.p,{children:"Run the following command to generate up-to-date API typings:"}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{className:"language-bash",children:"npm run generate-api-types\n"})}),"\n",(0,a.jsxs)(n.p,{children:["This will create a file ",(0,a.jsx)(n.code,{children:"shared/api/v1.d.ts"}),". We will use this file to create a typed API client in ",(0,a.jsx)(n.code,{children:"shared/api/client.ts"}),":"]}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{className:"language-tsx",metastring:'title="shared/api/client.ts"',children:'import createClient from "openapi-fetch";\n\nimport { backendBaseUrl } from "shared/config";\nimport type { paths } from "./v1";\n\nexport const { GET, POST, PUT, DELETE } = createClient<paths>({ baseUrl: backendBaseUrl });\n'})}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{className:"language-tsx",metastring:'title="shared/api/index.ts"',children:'export { GET, POST, PUT, DELETE } from "./client";\n'})}),"\n",(0,a.jsx)(n.h3,{id:"real-data-in-the-feed",children:"Real data in the feed"}),"\n",(0,a.jsx)(n.p,{children:"We can now proceed to adding articles to the feed, fetched from the backend. Let\u2019s begin by implementing an article preview component."}),"\n",(0,a.jsxs)(n.p,{children:["Create ",(0,a.jsx)(n.code,{children:"pages/feed/ui/ArticlePreview.tsx"})," with the following content:"]}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/feed/ui/ArticlePreview.tsx"',children:"export function ArticlePreview({ article }) { /* TODO */ }\n"})}),"\n",(0,a.jsxs)(n.p,{children:["Since we\u2019re writing in TypeScript, it would be nice to have a typed article object. If we explore the generated ",(0,a.jsx)(n.code,{children:"v1.d.ts"}),", we can see that the article object is available through ",(0,a.jsx)(n.code,{children:'components["schemas"]["Article"]'}),". So let\u2019s create a file with our data models in Shared and export the models:"]}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{className:"language-tsx",metastring:'title="shared/api/models.ts"',children:'import type { components } from "./v1";\n\nexport type Article = components["schemas"]["Article"];\n'})}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{className:"language-tsx",metastring:'title="shared/api/index.ts"',children:'export { GET, POST, PUT, DELETE } from "./client";\n\nexport type { Article } from "./models";\n'})}),"\n",(0,a.jsx)(n.p,{children:"Now we can come back to the article preview component and fill the markup with data. Update the component with the following content:"}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/feed/ui/ArticlePreview.tsx"',children:'import { Link } from "@remix-run/react";\nimport type { Article } from "shared/api";\n\ninterface ArticlePreviewProps {\n  article: Article;\n}\n\nexport function ArticlePreview({ article }: ArticlePreviewProps) {\n  return (\n    <div className="article-preview">\n      <div className="article-meta">\n        <Link to={`/profile/${article.author.username}`} prefetch="intent">\n          <img src={article.author.image} alt="" />\n        </Link>\n        <div className="info">\n          <Link\n            to={`/profile/${article.author.username}`}\n            className="author"\n            prefetch="intent"\n          >\n            {article.author.username}\n          </Link>\n          <span className="date" suppressHydrationWarning>\n            {new Date(article.createdAt).toLocaleDateString(undefined, {\n              dateStyle: "long",\n            })}\n          </span>\n        </div>\n        <button className="btn btn-outline-primary btn-sm pull-xs-right">\n          <i className="ion-heart"></i> {article.favoritesCount}\n        </button>\n      </div>\n      <Link\n        to={`/article/${article.slug}`}\n        className="preview-link"\n        prefetch="intent"\n      >\n        <h1>{article.title}</h1>\n        <p>{article.description}</p>\n        <span>Read more...</span>\n        <ul className="tag-list">\n          {article.tagList.map((tag) => (\n            <li key={tag} className="tag-default tag-pill tag-outline">\n              {tag}\n            </li>\n          ))}\n        </ul>\n      </Link>\n    </div>\n  );\n}\n'})}),"\n",(0,a.jsx)(n.p,{children:"The like button doesn\u2019t do anything for now, we will fix that when we get to the article reader page and implement the liking functionality."}),"\n",(0,a.jsxs)(n.p,{children:["Now we can fetch the articles and render out a bunch of these cards. Fetching data in Remix is done with ",(0,a.jsx)(n.em,{children:"loaders"})," \u2014 server-side functions that fetch exactly what a page needs. Loaders interact with the API on the page\u2019s behalf, so we will put them in the ",(0,a.jsx)(n.code,{children:"api"})," segment of a page:"]}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/feed/api/loader.ts"',children:'import { json } from "@remix-run/node";\n\nimport { GET } from "shared/api";\n\nexport const loader = async () => {\n  const { data: articles, error, response } = await GET("/articles");\n\n  if (error !== undefined) {\n    throw json(error, { status: response.status });\n  }\n\n  return json({ articles });\n};\n'})}),"\n",(0,a.jsxs)(n.p,{children:["To connect it to the page, we need to export it with the name ",(0,a.jsx)(n.code,{children:"loader"})," from the route file:"]}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/feed/index.ts"',children:'export { FeedPage } from "./ui/FeedPage";\nexport { loader } from "./api/loader";\n'})}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{className:"language-tsx",metastring:'title="app/routes/_index.tsx"',children:'import type { MetaFunction } from "@remix-run/node";\nimport { FeedPage } from "pages/feed";\n\nexport { loader } from "pages/feed";\n\nexport const meta: MetaFunction = () => {\n  return [{ title: "Conduit" }];\n};\n\nexport default FeedPage;\n'})}),"\n",(0,a.jsxs)(n.p,{children:["And the final step is to render these cards in the feed. Update your ",(0,a.jsx)(n.code,{children:"FeedPage"})," with the following code:"]}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/feed/ui/FeedPage.tsx"',children:'import { useLoaderData } from "@remix-run/react";\n\nimport type { loader } from "../api/loader";\nimport { ArticlePreview } from "./ArticlePreview";\n\nexport function FeedPage() {\n  const { articles } = useLoaderData<typeof loader>();\n\n  return (\n    <div className="home-page">\n      <div className="banner">\n        <div className="container">\n          <h1 className="logo-font">conduit</h1>\n          <p>A place to share your knowledge.</p>\n        </div>\n      </div>\n\n      <div className="container page">\n        <div className="row">\n          <div className="col-md-9">\n            {articles.articles.map((article) => (\n              <ArticlePreview key={article.slug} article={article} />\n            ))}\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n}\n'})}),"\n",(0,a.jsx)(n.h3,{id:"filtering-by-tag",children:"Filtering by tag"}),"\n",(0,a.jsxs)(n.p,{children:["Regarding the tags, our job is to fetch them from the backend and to store the currently selected tag. We already know how to do fetching \u2014 it\u2019s another request from the loader. We will use a convenience function ",(0,a.jsx)(n.code,{children:"promiseHash"})," from a package ",(0,a.jsx)(n.code,{children:"remix-utils"}),", which is already installed."]}),"\n",(0,a.jsxs)(n.p,{children:["Update the loader file, ",(0,a.jsx)(n.code,{children:"pages/feed/api/loader.ts"}),", with the following code:"]}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/feed/api/loader.ts"',children:'import { json } from "@remix-run/node";\nimport type { FetchResponse } from "openapi-fetch";\nimport { promiseHash } from "remix-utils/promise";\n\nimport { GET } from "shared/api";\n\nasync function throwAnyErrors<T, O, Media extends `${string}/${string}`>(\n  responsePromise: Promise<FetchResponse<T, O, Media>>,\n) {\n  const { data, error, response } = await responsePromise;\n\n  if (error !== undefined) {\n    throw json(error, { status: response.status });\n  }\n\n  return data as NonNullable<typeof data>;\n}\n\nexport const loader = async () => {\n  return json(\n    await promiseHash({\n      articles: throwAnyErrors(GET("/articles")),\n      tags: throwAnyErrors(GET("/tags")),\n    }),\n  );\n};\n'})}),"\n",(0,a.jsxs)(n.p,{children:["You might notice that we extracted the error handling into a generic function ",(0,a.jsx)(n.code,{children:"throwAnyErrors"}),". It looks pretty useful, so we might want to reuse it later, but for now let\u2019s just keep an eye on it."]}),"\n",(0,a.jsx)(n.p,{children:"Now, to the list of tags. It needs to be interactive \u2014 clicking on a tag should make that tag selected. By Remix convention, we will use the URL search parameters as our storage for the selected tag. Let the browser take care of storage while we focus on more important things."}),"\n",(0,a.jsxs)(n.p,{children:["Update ",(0,a.jsx)(n.code,{children:"pages/feed/ui/FeedPage.tsx"})," with the following code:"]}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/feed/ui/FeedPage.tsx"',children:'import { Form, useLoaderData } from "@remix-run/react";\nimport { ExistingSearchParams } from "remix-utils/existing-search-params";\n\nimport type { loader } from "../api/loader";\nimport { ArticlePreview } from "./ArticlePreview";\n\nexport function FeedPage() {\n  const { articles, tags } = useLoaderData<typeof loader>();\n\n  return (\n    <div className="home-page">\n      <div className="banner">\n        <div className="container">\n          <h1 className="logo-font">conduit</h1>\n          <p>A place to share your knowledge.</p>\n        </div>\n      </div>\n\n      <div className="container page">\n        <div className="row">\n          <div className="col-md-9">\n            {articles.articles.map((article) => (\n              <ArticlePreview key={article.slug} article={article} />\n            ))}\n          </div>\n\n          <div className="col-md-3">\n            <div className="sidebar">\n              <p>Popular Tags</p>\n\n              <Form>\n                <ExistingSearchParams exclude={["tag"]} />\n                <div className="tag-list">\n                  {tags.tags.map((tag) => (\n                    <button\n                      key={tag}\n                      name="tag"\n                      value={tag}\n                      className="tag-pill tag-default"\n                    >\n                      {tag}\n                    </button>\n                  ))}\n                </div>\n              </Form>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n} \n'})}),"\n",(0,a.jsxs)(n.p,{children:["Then we need to use the ",(0,a.jsx)(n.code,{children:"tag"})," search parameter in our loader. Change the ",(0,a.jsx)(n.code,{children:"loader"})," function in ",(0,a.jsx)(n.code,{children:"pages/feed/api/loader.ts"})," to the following:"]}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/feed/api/loader.ts"',children:'import { json, type LoaderFunctionArgs } from "@remix-run/node";\nimport type { FetchResponse } from "openapi-fetch";\nimport { promiseHash } from "remix-utils/promise";\n\nimport { GET } from "shared/api";\n\nasync function throwAnyErrors<T, O, Media extends `${string}/${string}`>(\n  responsePromise: Promise<FetchResponse<T, O, Media>>,\n) {\n  const { data, error, response } = await responsePromise;\n\n  if (error !== undefined) {\n    throw json(error, { status: response.status });\n  }\n\n  return data as NonNullable<typeof data>;\n}\n\nexport const loader = async ({ request }: LoaderFunctionArgs) => {\n  const url = new URL(request.url);\n  const selectedTag = url.searchParams.get("tag") ?? undefined;\n\n  return json(\n    await promiseHash({\n      articles: throwAnyErrors(\n        GET("/articles", { params: { query: { tag: selectedTag } } }),\n      ),\n      tags: throwAnyErrors(GET("/tags")),\n    }),\n  );\n};\n'})}),"\n",(0,a.jsxs)(n.p,{children:["That\u2019s it, no ",(0,a.jsx)(n.code,{children:"model"})," segment necessary. Remix is pretty neat."]}),"\n",(0,a.jsx)(n.h3,{id:"pagination",children:"Pagination"}),"\n",(0,a.jsx)(n.p,{children:"In a similar fashion, we can implement the pagination. Feel free to give it a shot yourself or just copy the code below. There\u2019s no one to judge you anyway."}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/feed/api/loader.ts"',children:'import { json, type LoaderFunctionArgs } from "@remix-run/node";\nimport type { FetchResponse } from "openapi-fetch";\nimport { promiseHash } from "remix-utils/promise";\n\nimport { GET } from "shared/api";\n\nasync function throwAnyErrors<T, O, Media extends `${string}/${string}`>(\n  responsePromise: Promise<FetchResponse<T, O, Media>>,\n) {\n  const { data, error, response } = await responsePromise;\n\n  if (error !== undefined) {\n    throw json(error, { status: response.status });\n  }\n\n  return data as NonNullable<typeof data>;\n}\n\n/** Amount of articles on one page. */\nexport const LIMIT = 20;\n\nexport const loader = async ({ request }: LoaderFunctionArgs) => {\n  const url = new URL(request.url);\n  const selectedTag = url.searchParams.get("tag") ?? undefined;\n  const page = parseInt(url.searchParams.get("page") ?? "", 10);\n\n  return json(\n    await promiseHash({\n      articles: throwAnyErrors(\n        GET("/articles", {\n          params: {\n            query: {\n              tag: selectedTag,\n              limit: LIMIT,\n              offset: !Number.isNaN(page) ? page * LIMIT : undefined,\n            },\n          },\n        }),\n      ),\n      tags: throwAnyErrors(GET("/tags")),\n    }),\n  );\n};\n'})}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/feed/ui/FeedPage.tsx"',children:'import { Form, useLoaderData, useSearchParams } from "@remix-run/react";\nimport { ExistingSearchParams } from "remix-utils/existing-search-params";\n\nimport { LIMIT, type loader } from "../api/loader";\nimport { ArticlePreview } from "./ArticlePreview";\n\nexport function FeedPage() {\n  const [searchParams] = useSearchParams();\n  const { articles, tags } = useLoaderData<typeof loader>();\n  const pageAmount = Math.ceil(articles.articlesCount / LIMIT);\n  const currentPage = parseInt(searchParams.get("page") ?? "1", 10);\n\n  return (\n    <div className="home-page">\n      <div className="banner">\n        <div className="container">\n          <h1 className="logo-font">conduit</h1>\n          <p>A place to share your knowledge.</p>\n        </div>\n      </div>\n\n      <div className="container page">\n        <div className="row">\n          <div className="col-md-9">\n            {articles.articles.map((article) => (\n              <ArticlePreview key={article.slug} article={article} />\n            ))}\n\n            <Form>\n              <ExistingSearchParams exclude={["page"]} />\n              <ul className="pagination">\n                {Array(pageAmount)\n                  .fill(null)\n                  .map((_, index) =>\n                    index + 1 === currentPage ? (\n                      <li key={index} className="page-item active">\n                        <span className="page-link">{index + 1}</span>\n                      </li>\n                    ) : (\n                      <li key={index} className="page-item">\n                        <button\n                          className="page-link"\n                          name="page"\n                          value={index + 1}\n                        >\n                          {index + 1}\n                        </button>\n                      </li>\n                    ),\n                  )}\n              </ul>\n            </Form>\n          </div>\n\n          <div className="col-md-3">\n            <div className="sidebar">\n              <p>Popular Tags</p>\n\n              <Form>\n                <ExistingSearchParams exclude={["tag", "page"]} />\n                <div className="tag-list">\n                  {tags.tags.map((tag) => (\n                    <button\n                      key={tag}\n                      name="tag"\n                      value={tag}\n                      className="tag-pill tag-default"\n                    >\n                      {tag}\n                    </button>\n                  ))}\n                </div>\n              </Form>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n}\n'})}),"\n",(0,a.jsx)(n.p,{children:"So that\u2019s also done. There\u2019s also the tab list that can be similarly implemented, but let\u2019s hold on to that until we implement authentication. Speaking of which!"}),"\n",(0,a.jsx)(n.h3,{id:"authentication",children:"Authentication"}),"\n",(0,a.jsxs)(n.p,{children:["Authentication involves two pages \u2014 one to login and another to register. They are mostly the same, so it makes sense to keep them in the same slice, ",(0,a.jsx)(n.code,{children:"sign-in"}),", so that they can reuse code if needed."]}),"\n",(0,a.jsxs)(n.p,{children:["Create ",(0,a.jsx)(n.code,{children:"RegisterPage.tsx"})," in the ",(0,a.jsx)(n.code,{children:"ui"})," segment of ",(0,a.jsx)(n.code,{children:"pages/sign-in"})," with the following content:"]}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/sign-in/ui/RegisterPage.tsx"',children:'import { Form, Link, useActionData } from "@remix-run/react";\n\nimport type { register } from "../api/register";\n\nexport function RegisterPage() {\n  const registerData = useActionData<typeof register>();\n\n  return (\n    <div className="auth-page">\n      <div className="container page">\n        <div className="row">\n          <div className="col-md-6 offset-md-3 col-xs-12">\n            <h1 className="text-xs-center">Sign up</h1>\n            <p className="text-xs-center">\n              <Link to="/login">Have an account?</Link>\n            </p>\n\n            {registerData?.error && (\n              <ul className="error-messages">\n                {registerData.error.errors.body.map((error) => (\n                  <li key={error}>{error}</li>\n                ))}\n              </ul>\n            )}\n\n            <Form method="post">\n              <fieldset className="form-group">\n                <input\n                  className="form-control form-control-lg"\n                  type="text"\n                  name="username"\n                  placeholder="Username"\n                />\n              </fieldset>\n              <fieldset className="form-group">\n                <input\n                  className="form-control form-control-lg"\n                  type="text"\n                  name="email"\n                  placeholder="Email"\n                />\n              </fieldset>\n              <fieldset className="form-group">\n                <input\n                  className="form-control form-control-lg"\n                  type="password"\n                  name="password"\n                  placeholder="Password"\n                />\n              </fieldset>\n              <button className="btn btn-lg btn-primary pull-xs-right">\n                Sign up\n              </button>\n            </Form>\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n}\n'})}),"\n",(0,a.jsx)(n.p,{children:"We have a broken import to fix now. It involves a new segment, so create that:"}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{className:"language-bash",children:"npx fsd pages sign-in -s api\n"})}),"\n",(0,a.jsx)(n.p,{children:"However, before we can implement the backend part of registering, we need some infrastructure code for Remix to handle sessions. That goes to Shared, in case any other page needs it."}),"\n",(0,a.jsxs)(n.p,{children:["Put the following code in ",(0,a.jsx)(n.code,{children:"shared/api/auth.server.ts"}),". This is highly Remix-specific, so don\u2019t worry too much about it, just copy-paste:"]}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{className:"language-tsx",metastring:'title="shared/api/auth.server.ts"',children:'import { createCookieSessionStorage, redirect } from "@remix-run/node";\nimport invariant from "tiny-invariant";\n\nimport type { User } from "./models";\n\ninvariant(\n  process.env.SESSION_SECRET,\n  "SESSION_SECRET must be set for authentication to work",\n);\n\nconst sessionStorage = createCookieSessionStorage<{\n  user: User;\n}>({\n  cookie: {\n    name: "__session",\n    httpOnly: true,\n    path: "/",\n    sameSite: "lax",\n    secrets: [process.env.SESSION_SECRET],\n    secure: process.env.NODE_ENV === "production",\n  },\n});\n\nexport async function createUserSession({\n  request,\n  user,\n  redirectTo,\n}: {\n  request: Request;\n  user: User;\n  redirectTo: string;\n}) {\n  const cookie = request.headers.get("Cookie");\n  const session = await sessionStorage.getSession(cookie);\n\n  session.set("user", user);\n\n  return redirect(redirectTo, {\n    headers: {\n      "Set-Cookie": await sessionStorage.commitSession(session, {\n        maxAge: 60 * 60 * 24 * 7, // 7 days\n      }),\n    },\n  });\n}\n\nexport async function getUserFromSession(request: Request) {\n  const cookie = request.headers.get("Cookie");\n  const session = await sessionStorage.getSession(cookie);\n\n  return session.get("user") ?? null;\n}\n\nexport async function requireUser(request: Request) {\n  const user = await getUserFromSession(request);\n\n  if (user === null) {\n    throw redirect("/login");\n  }\n\n  return user;\n}\n'})}),"\n",(0,a.jsxs)(n.p,{children:["And also export the ",(0,a.jsx)(n.code,{children:"User"})," model from the ",(0,a.jsx)(n.code,{children:"models.ts"})," file right next to it:"]}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{className:"language-tsx",metastring:'title="shared/api/models.ts"',children:'import type { components } from "./v1";\n\nexport type Article = components["schemas"]["Article"];\nexport type User = components["schemas"]["User"];\n'})}),"\n",(0,a.jsxs)(n.p,{children:["Before this code can work, the ",(0,a.jsx)(n.code,{children:"SESSION_SECRET"})," environment variable needs to be set. Create a file called ",(0,a.jsx)(n.code,{children:".env"})," in the root of the project, write ",(0,a.jsx)(n.code,{children:"SESSION_SECRET="})," and then mash some keys on your keyboard to create a long random string. You should get something like this:"]}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{className:"language-bash",metastring:'title=".env"',children:"SESSION_SECRET=dontyoudarecopypastethis\n"})}),"\n",(0,a.jsx)(n.p,{children:"Finally, add some exports to the public API to make use of this code:"}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{className:"language-tsx",metastring:'title="shared/api/index.ts"',children:'export { GET, POST, PUT, DELETE } from "./client";\n\nexport type { Article } from "./models";\n\nexport { createUserSession, getUserFromSession, requireUser } from "./auth.server";\n'})}),"\n",(0,a.jsxs)(n.p,{children:["Now we can write the code that will talk to the RealWorld backend to actually do the registration. We will keep that in ",(0,a.jsx)(n.code,{children:"pages/sign-in/api"}),". Create a file called ",(0,a.jsx)(n.code,{children:"register.ts"})," and put the following code inside:"]}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/sign-in/api/register.ts"',children:'import { json, type ActionFunctionArgs } from "@remix-run/node";\n\nimport { POST, createUserSession } from "shared/api";\n\nexport const register = async ({ request }: ActionFunctionArgs) => {\n  const formData = await request.formData();\n  const username = formData.get("username")?.toString() ?? "";\n  const email = formData.get("email")?.toString() ?? "";\n  const password = formData.get("password")?.toString() ?? "";\n\n  const { data, error } = await POST("/users", {\n    body: { user: { email, password, username } },\n  });\n\n  if (error) {\n    return json({ error }, { status: 400 });\n  } else {\n    return createUserSession({\n      request: request,\n      user: data.user,\n      redirectTo: "/",\n    });\n  }\n};\n'})}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/sign-in/index.ts"',children:"export { RegisterPage } from './ui/RegisterPage';\nexport { register } from './api/register';\n"})}),"\n",(0,a.jsxs)(n.p,{children:["Almost done! Just need to connect the page and action to the ",(0,a.jsx)(n.code,{children:"/register"})," route. Create ",(0,a.jsx)(n.code,{children:"register.tsx"})," in ",(0,a.jsx)(n.code,{children:"app/routes"}),":"]}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{className:"language-tsx",metastring:'title="app/routes/register.tsx"',children:'import { RegisterPage, register } from "pages/sign-in";\n\nexport { register as action };\n\nexport default RegisterPage;\n'})}),"\n",(0,a.jsxs)(n.p,{children:["Now if you go to ",(0,a.jsx)(n.a,{href:"http://localhost:3000/register",children:"http://localhost:3000/register"}),", you should be able to create a user! The rest of the application won\u2019t react to this yet, we\u2019ll address that momentarily."]}),"\n",(0,a.jsx)(n.p,{children:"In a very similar way, we can implement the login page. Give it a try or just grab the code and move on:"}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/sign-in/api/sign-in.ts"',children:'import { json, type ActionFunctionArgs } from "@remix-run/node";\n\nimport { POST, createUserSession } from "shared/api";\n\nexport const signIn = async ({ request }: ActionFunctionArgs) => {\n  const formData = await request.formData();\n  const email = formData.get("email")?.toString() ?? "";\n  const password = formData.get("password")?.toString() ?? "";\n\n  const { data, error } = await POST("/users/login", {\n    body: { user: { email, password } },\n  });\n\n  if (error) {\n    return json({ error }, { status: 400 });\n  } else {\n    return createUserSession({\n      request: request,\n      user: data.user,\n      redirectTo: "/",\n    });\n  }\n};\n'})}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/sign-in/ui/SignInPage.tsx"',children:'import { Form, Link, useActionData } from "@remix-run/react";\n\nimport type { signIn } from "../api/sign-in";\n\nexport function SignInPage() {\n  const signInData = useActionData<typeof signIn>();\n\n  return (\n    <div className="auth-page">\n      <div className="container page">\n        <div className="row">\n          <div className="col-md-6 offset-md-3 col-xs-12">\n            <h1 className="text-xs-center">Sign in</h1>\n            <p className="text-xs-center">\n              <Link to="/register">Need an account?</Link>\n            </p>\n\n            {signInData?.error && (\n              <ul className="error-messages">\n                {signInData.error.errors.body.map((error) => (\n                  <li key={error}>{error}</li>\n                ))}\n              </ul>\n            )}\n\n            <Form method="post">\n              <fieldset className="form-group">\n                <input\n                  className="form-control form-control-lg"\n                  name="email"\n                  type="text"\n                  placeholder="Email"\n                />\n              </fieldset>\n              <fieldset className="form-group">\n                <input\n                  className="form-control form-control-lg"\n                  name="password"\n                  type="password"\n                  placeholder="Password"\n                />\n              </fieldset>\n              <button className="btn btn-lg btn-primary pull-xs-right">\n                Sign in\n              </button>\n            </Form>\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n}\n'})}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/sign-in/index.ts"',children:"export { RegisterPage } from './ui/RegisterPage';\nexport { register } from './api/register';\nexport { SignInPage } from './ui/SignInPage';\nexport { signIn } from './api/sign-in';\n"})}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{className:"language-tsx",metastring:'title="app/routes/login.tsx"',children:'import { SignInPage, signIn } from "pages/sign-in";\n\nexport { signIn as action };\n\nexport default SignInPage;\n'})}),"\n",(0,a.jsx)(n.p,{children:"Now let\u2019s give the users a way to actually get to these pages."}),"\n",(0,a.jsx)(n.h3,{id:"header",children:"Header"}),"\n",(0,a.jsx)(n.p,{children:"As we discussed in part 1, the app header is commonly placed either in Widgets or in Shared. We will put it in Shared because it\u2019s very simple and all the business logic can be kept outside of it. Let\u2019s create a place for it:"}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{className:"language-bash",children:"npx fsd shared ui\n"})}),"\n",(0,a.jsxs)(n.p,{children:["Now create ",(0,a.jsx)(n.code,{children:"shared/ui/Header.tsx"}),"  with the following contents:"]}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{className:"language-tsx",metastring:'title="shared/ui/Header.tsx"',children:'import { useContext } from "react";\nimport { Link, useLocation } from "@remix-run/react";\n\nimport { CurrentUser } from "../api/currentUser";\n\nexport function Header() {\n  const currentUser = useContext(CurrentUser);\n  const { pathname } = useLocation();\n\n  return (\n    <nav className="navbar navbar-light">\n      <div className="container">\n        <Link className="navbar-brand" to="/" prefetch="intent">\n          conduit\n        </Link>\n        <ul className="nav navbar-nav pull-xs-right">\n          <li className="nav-item">\n            <Link\n              prefetch="intent"\n              className={`nav-link ${pathname == "/" ? "active" : ""}`}\n              to="/"\n            >\n              Home\n            </Link>\n          </li>\n          {currentUser == null ? (\n            <>\n              <li className="nav-item">\n                <Link\n                  prefetch="intent"\n                  className={`nav-link ${pathname == "/login" ? "active" : ""}`}\n                  to="/login"\n                >\n                  Sign in\n                </Link>\n              </li>\n              <li className="nav-item">\n                <Link\n                  prefetch="intent"\n                  className={`nav-link ${pathname == "/register" ? "active" : ""}`}\n                  to="/register"\n                >\n                  Sign up\n                </Link>\n              </li>\n            </>\n          ) : (\n            <>\n              <li className="nav-item">\n                <Link\n                  prefetch="intent"\n                  className={`nav-link ${pathname == "/editor" ? "active" : ""}`}\n                  to="/editor"\n                >\n                  <i className="ion-compose"></i>&nbsp;New Article{" "}\n                </Link>\n              </li>\n\n              <li className="nav-item">\n                <Link\n                  prefetch="intent"\n                  className={`nav-link ${pathname == "/settings" ? "active" : ""}`}\n                  to="/settings"\n                >\n                  {" "}\n                  <i className="ion-gear-a"></i>&nbsp;Settings{" "}\n                </Link>\n              </li>\n              <li className="nav-item">\n                <Link\n                  prefetch="intent"\n                  className={`nav-link ${pathname.includes("/profile") ? "active" : ""}`}\n                  to={`/profile/${currentUser.username}`}\n                >\n                  {currentUser.image && (\n                    <img\n                      width={25}\n                      height={25}\n                      src={currentUser.image}\n                      className="user-pic"\n                      alt=""\n                    />\n                  )}\n                  {currentUser.username}\n                </Link>\n              </li>\n            </>\n          )}\n        </ul>\n      </div>\n    </nav>\n  );\n}\n'})}),"\n",(0,a.jsxs)(n.p,{children:["Export this component from ",(0,a.jsx)(n.code,{children:"shared/ui"}),":"]}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{className:"language-tsx",metastring:'title="shared/ui/index.ts"',children:'export { Header } from "./Header";\n'})}),"\n",(0,a.jsxs)(n.p,{children:["In the header, we rely on the context that\u2019s kept in ",(0,a.jsx)(n.code,{children:"shared/api"}),". Create that as well:"]}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{className:"language-tsx",metastring:'title="shared/api/currentUser.ts"',children:'import { createContext } from "react";\n\nimport type { User } from "./models";\n\nexport const CurrentUser = createContext<User | null>(null);\n'})}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{className:"language-tsx",metastring:'title="shared/api/index.ts"',children:'export { GET, POST, PUT, DELETE } from "./client";\n\nexport type { Article } from "./models";\n\nexport { createUserSession, getUserFromSession, requireUser } from "./auth.server";\nexport { CurrentUser } from "./currentUser";\n'})}),"\n",(0,a.jsxs)(n.p,{children:["Now let\u2019s add the header to the page. We want it to be on every single page, so it makes sense to simply add it to the root route and wrap the outlet (the place where the page will be rendered) with the ",(0,a.jsx)(n.code,{children:"CurrentUser"})," context provider. This way our entire app and also the header has access to the current user object. We will also add a loader to actually obtain the current user object from cookies. Drop the following into ",(0,a.jsx)(n.code,{children:"app/root.tsx"}),":"]}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{className:"language-tsx",metastring:'title="app/root.tsx"',children:'import { cssBundleHref } from "@remix-run/css-bundle";\nimport type { LinksFunction, LoaderFunctionArgs } from "@remix-run/node";\nimport {\n  Links,\n  LiveReload,\n  Meta,\n  Outlet,\n  Scripts,\n  ScrollRestoration,\n  useLoaderData,\n} from "@remix-run/react";\n\nimport { Header } from "shared/ui";\nimport { getUserFromSession, CurrentUser } from "shared/api";\n\nexport const links: LinksFunction = () => [\n  ...(cssBundleHref ? [{ rel: "stylesheet", href: cssBundleHref }] : []),\n];\n\nexport const loader = ({ request }: LoaderFunctionArgs) =>\n  getUserFromSession(request);\n\nexport default function App() {\n  const user = useLoaderData<typeof loader>();\n\n  return (\n    <html lang="en">\n      <head>\n        <meta charSet="utf-8" />\n        <meta name="viewport" content="width=device-width, initial-scale=1" />\n        <Meta />\n        <Links />\n        <link\n          href="//code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css"\n          rel="stylesheet"\n          type="text/css"\n        />\n        <link\n          href="//fonts.googleapis.com/css?family=Titillium+Web:700|Source+Serif+Pro:400,700|Merriweather+Sans:400,700|Source+Sans+Pro:400,300,600,700,300italic,400italic,600italic,700italic"\n          rel="stylesheet"\n          type="text/css"\n        />\n        <link rel="stylesheet" href="//demo.productionready.io/main.css" />\n        <style>{`\n          button {\n            border: 0;\n          }\n        `}</style>\n      </head>\n      <body>\n        <CurrentUser.Provider value={user}>\n          <Header />\n          <Outlet />\n        </CurrentUser.Provider>\n        <ScrollRestoration />\n        <Scripts />\n        <LiveReload />\n      </body>\n    </html>\n  );\n}\n'})}),"\n",(0,a.jsx)(n.p,{children:"At this point, you should end up with the following on the home page:"}),"\n",(0,a.jsxs)("figure",{children:[(0,a.jsx)(n.p,{children:(0,a.jsx)(n.img,{alt:"The feed page of Conduit, including the header, the feed, and the tags. The tabs are still missing.",src:t(6231).A+"",width:"2880",height:"1488"})}),(0,a.jsx)("figcaption",{children:"The feed page of Conduit, including the header, the feed, and the tags. The tabs are still missing."})]}),"\n",(0,a.jsx)(n.h3,{id:"tabs",children:"Tabs"}),"\n",(0,a.jsxs)(n.p,{children:["Now that we can detect the authentication state, let\u2019s also quickly implement the tabs and post likes to be done with the feed page. We need another form, but this page file is getting kind of large, so let\u2019s move these forms into adjacent files. We will create ",(0,a.jsx)(n.code,{children:"Tabs.tsx"}),", ",(0,a.jsx)(n.code,{children:"PopularTags.tsx"}),", and ",(0,a.jsx)(n.code,{children:"Pagination.tsx"})," with the following content:"]}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/feed/ui/Tabs.tsx"',children:'import { useContext } from "react";\nimport { Form, useSearchParams } from "@remix-run/react";\n\nimport { CurrentUser } from "shared/api";\n\nexport function Tabs() {\n  const [searchParams] = useSearchParams();\n  const currentUser = useContext(CurrentUser);\n\n  return (\n    <Form>\n      <div className="feed-toggle">\n        <ul className="nav nav-pills outline-active">\n          {currentUser !== null && (\n            <li className="nav-item">\n              <button\n                name="source"\n                value="my-feed"\n                className={`nav-link ${searchParams.get("source") === "my-feed" ? "active" : ""}`}\n              >\n                Your Feed\n              </button>\n            </li>\n          )}\n          <li className="nav-item">\n            <button\n              className={`nav-link ${searchParams.has("tag") || searchParams.has("source") ? "" : "active"}`}\n            >\n              Global Feed\n            </button>\n          </li>\n          {searchParams.has("tag") && (\n            <li className="nav-item">\n              <span className="nav-link active">\n                <i className="ion-pound"></i> {searchParams.get("tag")}\n              </span>\n            </li>\n          )}\n        </ul>\n      </div>\n    </Form>\n  );\n}\n'})}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/feed/ui/PopularTags.tsx"',children:'import { Form, useLoaderData } from "@remix-run/react";\nimport { ExistingSearchParams } from "remix-utils/existing-search-params";\n\nimport type { loader } from "../api/loader";\n\nexport function PopularTags() {\n  const { tags } = useLoaderData<typeof loader>();\n\n  return (\n    <div className="sidebar">\n      <p>Popular Tags</p>\n\n      <Form>\n        <ExistingSearchParams exclude={["tag", "page", "source"]} />\n        <div className="tag-list">\n          {tags.tags.map((tag) => (\n            <button\n              key={tag}\n              name="tag"\n              value={tag}\n              className="tag-pill tag-default"\n            >\n              {tag}\n            </button>\n          ))}\n        </div>\n      </Form>\n    </div>\n  );\n}\n'})}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/feed/ui/Pagination.tsx"',children:'import { Form, useLoaderData, useSearchParams } from "@remix-run/react";\nimport { ExistingSearchParams } from "remix-utils/existing-search-params";\n\nimport { LIMIT, type loader } from "../api/loader";\n\nexport function Pagination() {\n  const [searchParams] = useSearchParams();\n  const { articles } = useLoaderData<typeof loader>();\n  const pageAmount = Math.ceil(articles.articlesCount / LIMIT);\n  const currentPage = parseInt(searchParams.get("page") ?? "1", 10);\n\n  return (\n    <Form>\n      <ExistingSearchParams exclude={["page"]} />\n      <ul className="pagination">\n        {Array(pageAmount)\n          .fill(null)\n          .map((_, index) =>\n            index + 1 === currentPage ? (\n              <li key={index} className="page-item active">\n                <span className="page-link">{index + 1}</span>\n              </li>\n            ) : (\n              <li key={index} className="page-item">\n                <button className="page-link" name="page" value={index + 1}>\n                  {index + 1}\n                </button>\n              </li>\n            ),\n          )}\n      </ul>\n    </Form>\n  );\n}\n'})}),"\n",(0,a.jsx)(n.p,{children:"And now we can significantly simplify the feed page itself:"}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/feed/ui/FeedPage.tsx"',children:'import { useLoaderData } from "@remix-run/react";\n\nimport type { loader } from "../api/loader";\nimport { ArticlePreview } from "./ArticlePreview";\nimport { Tabs } from "./Tabs";\nimport { PopularTags } from "./PopularTags";\nimport { Pagination } from "./Pagination";\n\nexport function FeedPage() {\n  const { articles } = useLoaderData<typeof loader>();\n\n  return (\n    <div className="home-page">\n      <div className="banner">\n        <div className="container">\n          <h1 className="logo-font">conduit</h1>\n          <p>A place to share your knowledge.</p>\n        </div>\n      </div>\n\n      <div className="container page">\n        <div className="row">\n          <div className="col-md-9">\n            <Tabs />\n\n            {articles.articles.map((article) => (\n              <ArticlePreview key={article.slug} article={article} />\n            ))}\n\n            <Pagination />\n          </div>\n\n          <div className="col-md-3">\n            <PopularTags />\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n}\n'})}),"\n",(0,a.jsx)(n.p,{children:"We also need to account for the new tab in the loader function:"}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/feed/api/loader.ts"',children:'import { json, type LoaderFunctionArgs } from "@remix-run/node";\nimport type { FetchResponse } from "openapi-fetch";\nimport { promiseHash } from "remix-utils/promise";\n\nimport { GET, requireUser } from "shared/api";\n\nasync function throwAnyErrors<T, O, Media extends `${string}/${string}`>(\n  responsePromise: Promise<FetchResponse<T, O, Media>>,\n) {\n  /* unchanged */\n}\n\n/** Amount of articles on one page. */\nexport const LIMIT = 20;\n\nexport const loader = async ({ request }: LoaderFunctionArgs) => {\n  const url = new URL(request.url);\n  const selectedTag = url.searchParams.get("tag") ?? undefined;\n  const page = parseInt(url.searchParams.get("page") ?? "", 10);\n\n  if (url.searchParams.get("source") === "my-feed") {\n    const userSession = await requireUser(request);\n\n    return json(\n      await promiseHash({\n        articles: throwAnyErrors(\n          GET("/articles/feed", {\n            params: {\n              query: {\n                limit: LIMIT,\n                offset: !Number.isNaN(page) ? page * LIMIT : undefined,\n              },\n            },\n            headers: { Authorization: `Token ${userSession.token}` },\n          }),\n        ),\n        tags: throwAnyErrors(GET("/tags")),\n      }),\n    );\n  }\n\n  return json(\n    await promiseHash({\n      articles: throwAnyErrors(\n        GET("/articles", {\n          params: {\n            query: {\n              tag: selectedTag,\n              limit: LIMIT,\n              offset: !Number.isNaN(page) ? page * LIMIT : undefined,\n            },\n          },\n        }),\n      ),\n      tags: throwAnyErrors(GET("/tags")),\n    }),\n  );\n};\n'})}),"\n",(0,a.jsxs)(n.p,{children:["Before we leave the feed page, let\u2019s add some code that handles likes to posts. Change your ",(0,a.jsx)(n.code,{children:"ArticlePreview.tsx"})," to the following:"]}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/feed/ui/ArticlePreview.tsx"',children:'import { Form, Link } from "@remix-run/react";\nimport type { Article } from "shared/api";\n\ninterface ArticlePreviewProps {\n  article: Article;\n}\n\nexport function ArticlePreview({ article }: ArticlePreviewProps) {\n  return (\n    <div className="article-preview">\n      <div className="article-meta">\n        <Link to={`/profile/${article.author.username}`} prefetch="intent">\n          <img src={article.author.image} alt="" />\n        </Link>\n        <div className="info">\n          <Link\n            to={`/profile/${article.author.username}`}\n            className="author"\n            prefetch="intent"\n          >\n            {article.author.username}\n          </Link>\n          <span className="date" suppressHydrationWarning>\n            {new Date(article.createdAt).toLocaleDateString(undefined, {\n              dateStyle: "long",\n            })}\n          </span>\n        </div>\n        <Form\n          method="post"\n          action={`/article/${article.slug}`}\n          preventScrollReset\n        >\n          <button\n            name="_action"\n            value={article.favorited ? "unfavorite" : "favorite"}\n            className={`btn ${article.favorited ? "btn-primary" : "btn-outline-primary"} btn-sm pull-xs-right`}\n          >\n            <i className="ion-heart"></i> {article.favoritesCount}\n          </button>\n        </Form>\n      </div>\n      <Link\n        to={`/article/${article.slug}`}\n        className="preview-link"\n        prefetch="intent"\n      >\n        <h1>{article.title}</h1>\n        <p>{article.description}</p>\n        <span>Read more...</span>\n        <ul className="tag-list">\n          {article.tagList.map((tag) => (\n            <li key={tag} className="tag-default tag-pill tag-outline">\n              {tag}\n            </li>\n          ))}\n        </ul>\n      </Link>\n    </div>\n  );\n}\n'})}),"\n",(0,a.jsxs)(n.p,{children:["This code will send a POST request to ",(0,a.jsx)(n.code,{children:"/article/:slug"}),"  with ",(0,a.jsx)(n.code,{children:"_action=favorite"})," to mark the article as favorite. It won\u2019t work yet, but as we start working on the article reader, we will implement this too."]}),"\n",(0,a.jsx)(n.p,{children:"And with that we are officially done with the feed! Yay!"}),"\n",(0,a.jsx)(n.h3,{id:"article-reader",children:"Article reader"}),"\n",(0,a.jsx)(n.p,{children:"First, we need data. Let\u2019s create a loader:"}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{className:"language-bash",children:"npx fsd pages article-read -s api\n"})}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/article-read/api/loader.ts"',children:'import { json, type LoaderFunctionArgs } from "@remix-run/node";\nimport invariant from "tiny-invariant";\nimport type { FetchResponse } from "openapi-fetch";\nimport { promiseHash } from "remix-utils/promise";\n\nimport { GET, getUserFromSession } from "shared/api";\n\nasync function throwAnyErrors<T, O, Media extends `${string}/${string}`>(\n  responsePromise: Promise<FetchResponse<T, O, Media>>,\n) {\n  const { data, error, response } = await responsePromise;\n\n  if (error !== undefined) {\n    throw json(error, { status: response.status });\n  }\n\n  return data as NonNullable<typeof data>;\n}\n\nexport const loader = async ({ request, params }: LoaderFunctionArgs) => {\n  invariant(params.slug, "Expected a slug parameter");\n  const currentUser = await getUserFromSession(request);\n  const authorization = currentUser\n    ? { Authorization: `Token ${currentUser.token}` }\n    : undefined;\n\n  return json(\n    await promiseHash({\n      article: throwAnyErrors(\n        GET("/articles/{slug}", {\n          params: {\n            path: { slug: params.slug },\n          },\n          headers: authorization,\n        }),\n      ),\n      comments: throwAnyErrors(\n        GET("/articles/{slug}/comments", {\n          params: {\n            path: { slug: params.slug },\n          },\n          headers: authorization,\n        }),\n      ),\n    }),\n  );\n};\n'})}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/article-read/index.ts"',children:'export { loader } from "./api/loader";\n'})}),"\n",(0,a.jsxs)(n.p,{children:["Now we can connect it to the route ",(0,a.jsx)(n.code,{children:"/article/:slug"})," by creating the a route file called ",(0,a.jsx)(n.code,{children:"article.$slug.tsx"}),":"]}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{className:"language-tsx",metastring:'title="app/routes/article.$slug.tsx"',children:'export { loader } from "pages/article-read";\n'})}),"\n",(0,a.jsx)(n.p,{children:"The page itself consists of three main blocks \u2014 the article header with actions (repeated twice), the article body, and the comments section. This is the markup for the page, it\u2019s not particularly interesting:"}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/article-read/ui/ArticleReadPage.tsx"',children:'import { useLoaderData } from "@remix-run/react";\n\nimport type { loader } from "../api/loader";\nimport { ArticleMeta } from "./ArticleMeta";\nimport { Comments } from "./Comments";\n\nexport function ArticleReadPage() {\n  const { article } = useLoaderData<typeof loader>();\n\n  return (\n    <div className="article-page">\n      <div className="banner">\n        <div className="container">\n          <h1>{article.article.title}</h1>\n\n          <ArticleMeta />\n        </div>\n      </div>\n\n      <div className="container page">\n        <div className="row article-content">\n          <div className="col-md-12">\n            <p>{article.article.body}</p>\n            <ul className="tag-list">\n              {article.article.tagList.map((tag) => (\n                <li className="tag-default tag-pill tag-outline" key={tag}>\n                  {tag}\n                </li>\n              ))}\n            </ul>\n          </div>\n        </div>\n\n        <hr />\n\n        <div className="article-actions">\n          <ArticleMeta />\n        </div>\n\n        <div className="row">\n          <Comments />\n        </div>\n      </div>\n    </div>\n  );\n}\n'})}),"\n",(0,a.jsxs)(n.p,{children:["What\u2019s more interesting is the ",(0,a.jsx)(n.code,{children:"ArticleMeta"})," and ",(0,a.jsx)(n.code,{children:"Comments"}),". They contain write operations such as liking an article, leaving a comment, etc. To get them to work, we first need to implement the backend part. Create ",(0,a.jsx)(n.code,{children:"action.ts"})," in the ",(0,a.jsx)(n.code,{children:"api"})," segment of the page:"]}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/article-read/api/action.ts"',children:'import { redirect, type ActionFunctionArgs } from "@remix-run/node";\nimport { namedAction } from "remix-utils/named-action";\nimport { redirectBack } from "remix-utils/redirect-back";\nimport invariant from "tiny-invariant";\n\nimport { DELETE, POST, requireUser } from "shared/api";\n\nexport const action = async ({ request, params }: ActionFunctionArgs) => {\n  const currentUser = await requireUser(request);\n\n  const authorization = { Authorization: `Token ${currentUser.token}` };\n\n  const formData = await request.formData();\n\n  return namedAction(formData, {\n    async delete() {\n      invariant(params.slug, "Expected a slug parameter");\n      await DELETE("/articles/{slug}", {\n        params: { path: { slug: params.slug } },\n        headers: authorization,\n      });\n      return redirect("/");\n    },\n    async favorite() {\n      invariant(params.slug, "Expected a slug parameter");\n      await POST("/articles/{slug}/favorite", {\n        params: { path: { slug: params.slug } },\n        headers: authorization,\n      });\n      return redirectBack(request, { fallback: "/" });\n    },\n    async unfavorite() {\n      invariant(params.slug, "Expected a slug parameter");\n      await DELETE("/articles/{slug}/favorite", {\n        params: { path: { slug: params.slug } },\n        headers: authorization,\n      });\n      return redirectBack(request, { fallback: "/" });\n    },\n    async createComment() {\n      invariant(params.slug, "Expected a slug parameter");\n      const comment = formData.get("comment");\n      invariant(typeof comment === "string", "Expected a comment parameter");\n      await POST("/articles/{slug}/comments", {\n        params: { path: { slug: params.slug } },\n        headers: { ...authorization, "Content-Type": "application/json" },\n        body: { comment: { body: comment } },\n      });\n      return redirectBack(request, { fallback: "/" });\n    },\n    async deleteComment() {\n      invariant(params.slug, "Expected a slug parameter");\n      const commentId = formData.get("id");\n      invariant(typeof commentId === "string", "Expected an id parameter");\n      const commentIdNumeric = parseInt(commentId, 10);\n      invariant(\n        !Number.isNaN(commentIdNumeric),\n        "Expected a numeric id parameter",\n      );\n      await DELETE("/articles/{slug}/comments/{id}", {\n        params: { path: { slug: params.slug, id: commentIdNumeric } },\n        headers: authorization,\n      });\n      return redirectBack(request, { fallback: "/" });\n    },\n    async followAuthor() {\n      const authorUsername = formData.get("username");\n      invariant(\n        typeof authorUsername === "string",\n        "Expected a username parameter",\n      );\n      await POST("/profiles/{username}/follow", {\n        params: { path: { username: authorUsername } },\n        headers: authorization,\n      });\n      return redirectBack(request, { fallback: "/" });\n    },\n    async unfollowAuthor() {\n      const authorUsername = formData.get("username");\n      invariant(\n        typeof authorUsername === "string",\n        "Expected a username parameter",\n      );\n      await DELETE("/profiles/{username}/follow", {\n        params: { path: { username: authorUsername } },\n        headers: authorization,\n      });\n      return redirectBack(request, { fallback: "/" });\n    },\n  });\n};\n'})}),"\n",(0,a.jsx)(n.p,{children:"Export that from the slice and then from the route. While we\u2019re at it, let\u2019s also connect the page itself:"}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/article-read/index.ts"',children:'export { ArticleReadPage } from "./ui/ArticleReadPage";\nexport { loader } from "./api/loader";\nexport { action } from "./api/action";\n'})}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{className:"language-tsx",metastring:'title="app/routes/article.$slug.tsx"',children:'import { ArticleReadPage } from "pages/article-read";\n\nexport { loader, action } from "pages/article-read";\n\nexport default ArticleReadPage;\n'})}),"\n",(0,a.jsx)(n.p,{children:"Now, even though we haven\u2019t implemented the like button on the reader page yet, the like button in the feed will start working! That\u2019s because it\u2019s been sending \u201clike\u201d requests to this route. Give that a try."}),"\n",(0,a.jsxs)(n.p,{children:[(0,a.jsx)(n.code,{children:"ArticleMeta"})," and ",(0,a.jsx)(n.code,{children:"Comments"})," are, again, a bunch of forms. We\u2019ve done this before, let\u2019s grab their code and move on:"]}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/article-read/ui/ArticleMeta.tsx"',children:'import { Form, Link, useLoaderData } from "@remix-run/react";\nimport { useContext } from "react";\n\nimport { CurrentUser } from "shared/api";\nimport type { loader } from "../api/loader";\n\nexport function ArticleMeta() {\n  const currentUser = useContext(CurrentUser);\n  const { article } = useLoaderData<typeof loader>();\n\n  return (\n    <Form method="post">\n      <div className="article-meta">\n        <Link\n          prefetch="intent"\n          to={`/profile/${article.article.author.username}`}\n        >\n          <img src={article.article.author.image} alt="" />\n        </Link>\n\n        <div className="info">\n          <Link\n            prefetch="intent"\n            to={`/profile/${article.article.author.username}`}\n            className="author"\n          >\n            {article.article.author.username}\n          </Link>\n          <span className="date">{article.article.createdAt}</span>\n        </div>\n\n        {article.article.author.username == currentUser?.username ? (\n          <>\n            <Link\n              prefetch="intent"\n              to={`/editor/${article.article.slug}`}\n              className="btn btn-sm btn-outline-secondary"\n            >\n              <i className="ion-edit"></i> Edit Article\n            </Link>\n            &nbsp;&nbsp;\n            <button\n              name="_action"\n              value="delete"\n              className="btn btn-sm btn-outline-danger"\n            >\n              <i className="ion-trash-a"></i> Delete Article\n            </button>\n          </>\n        ) : (\n          <>\n            <input\n              name="username"\n              value={article.article.author.username}\n              type="hidden"\n            />\n            <button\n              name="_action"\n              value={\n                article.article.author.following\n                  ? "unfollowAuthor"\n                  : "followAuthor"\n              }\n              className={`btn btn-sm ${article.article.author.following ? "btn-secondary" : "btn-outline-secondary"}`}\n            >\n              <i className="ion-plus-round"></i>\n              &nbsp;{" "}\n              {article.article.author.following\n                ? "Unfollow"\n                : "Follow"}{" "}\n              {article.article.author.username}\n            </button>\n            &nbsp;&nbsp;\n            <button\n              name="_action"\n              value={article.article.favorited ? "unfavorite" : "favorite"}\n              className={`btn btn-sm ${article.article.favorited ? "btn-primary" : "btn-outline-primary"}`}\n            >\n              <i className="ion-heart"></i>\n              &nbsp; {article.article.favorited\n                ? "Unfavorite"\n                : "Favorite"}{" "}\n              Post{" "}\n              <span className="counter">\n                ({article.article.favoritesCount})\n              </span>\n            </button>\n          </>\n        )}\n      </div>\n    </Form>\n  );\n}\n'})}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/article-read/ui/Comments.tsx"',children:'import { useContext } from "react";\nimport { Form, Link, useLoaderData } from "@remix-run/react";\n\nimport { CurrentUser } from "shared/api";\nimport type { loader } from "../api/loader";\n\nexport function Comments() {\n  const { comments } = useLoaderData<typeof loader>();\n  const currentUser = useContext(CurrentUser);\n\n  return (\n    <div className="col-xs-12 col-md-8 offset-md-2">\n      {currentUser !== null ? (\n        <Form\n          preventScrollReset={true}\n          method="post"\n          className="card comment-form"\n        >\n          <div className="card-block">\n            <textarea\n              required\n              className="form-control"\n              name="comment"\n              placeholder="Write a comment..."\n              rows={3}\n            ></textarea>\n          </div>\n          <div className="card-footer">\n            <img\n              src={currentUser.image}\n              className="comment-author-img"\n              alt=""\n            />\n            <button\n              className="btn btn-sm btn-primary"\n              name="_action"\n              value="createComment"\n            >\n              Post Comment\n            </button>\n          </div>\n        </Form>\n      ) : (\n        <div className="row">\n          <div className="col-xs-12 col-md-8 offset-md-2">\n            <p>\n              <Link to="/login">Sign in</Link>\n              &nbsp; or &nbsp;\n              <Link to="/register">Sign up</Link>\n              &nbsp; to add comments on this article.\n            </p>\n          </div>\n        </div>\n      )}\n\n      {comments.comments.map((comment) => (\n        <div className="card" key={comment.id}>\n          <div className="card-block">\n            <p className="card-text">{comment.body}</p>\n          </div>\n\n          <div className="card-footer">\n            <Link\n              to={`/profile/${comment.author.username}`}\n              className="comment-author"\n            >\n              <img\n                src={comment.author.image}\n                className="comment-author-img"\n                alt=""\n              />\n            </Link>\n            &nbsp;\n            <Link\n              to={`/profile/${comment.author.username}`}\n              className="comment-author"\n            >\n              {comment.author.username}\n            </Link>\n            <span className="date-posted">{comment.createdAt}</span>\n            {comment.author.username === currentUser?.username && (\n              <span className="mod-options">\n                <Form method="post" preventScrollReset={true}>\n                  <input type="hidden" name="id" value={comment.id} />\n                  <button\n                    name="_action"\n                    value="deleteComment"\n                    style={{\n                      border: "none",\n                      outline: "none",\n                      backgroundColor: "transparent",\n                    }}\n                  >\n                    <i className="ion-trash-a"></i>\n                  </button>\n                </Form>\n              </span>\n            )}\n          </div>\n        </div>\n      ))}\n    </div>\n  );\n}\n'})}),"\n",(0,a.jsx)(n.p,{children:"And with that our article reader is also complete! The buttons to follow the author, like a post, and leave a comment should now function as expected."}),"\n",(0,a.jsxs)("figure",{children:[(0,a.jsx)(n.p,{children:(0,a.jsx)(n.img,{alt:"Article reader with functioning buttons to like and follow",src:t(6953).A+"",width:"2880",height:"1488"})}),(0,a.jsx)("figcaption",{children:"Article reader with functioning buttons to like and follow"})]}),"\n",(0,a.jsx)(n.h3,{id:"article-editor",children:"Article editor"}),"\n",(0,a.jsx)(n.p,{children:"This is the last page that we will cover in this tutorial, and the most interesting part here is how we\u2019re going to validate form data."}),"\n",(0,a.jsxs)(n.p,{children:["The page itself, ",(0,a.jsx)(n.code,{children:"article-edit/ui/ArticleEditPage.tsx"}),", will be quite simple, extra complexity stowed away into two other components:"]}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/article-edit/ui/ArticleEditPage.tsx"',children:'import { Form, useLoaderData } from "@remix-run/react";\n\nimport type { loader } from "../api/loader";\nimport { TagsInput } from "./TagsInput";\nimport { FormErrors } from "./FormErrors";\n\nexport function ArticleEditPage() {\n  const article = useLoaderData<typeof loader>();\n\n  return (\n    <div className="editor-page">\n      <div className="container page">\n        <div className="row">\n          <div className="col-md-10 offset-md-1 col-xs-12">\n            <FormErrors />\n\n            <Form method="post">\n              <fieldset>\n                <fieldset className="form-group">\n                  <input\n                    type="text"\n                    className="form-control form-control-lg"\n                    name="title"\n                    placeholder="Article Title"\n                    defaultValue={article.article?.title}\n                  />\n                </fieldset>\n                <fieldset className="form-group">\n                  <input\n                    type="text"\n                    className="form-control"\n                    name="description"\n                    placeholder="What\'s this article about?"\n                    defaultValue={article.article?.description}\n                  />\n                </fieldset>\n                <fieldset className="form-group">\n                  <textarea\n                    className="form-control"\n                    name="body"\n                    rows={8}\n                    placeholder="Write your article (in markdown)"\n                    defaultValue={article.article?.body}\n                  ></textarea>\n                </fieldset>\n                <fieldset className="form-group">\n                  <TagsInput\n                    name="tags"\n                    defaultValue={article.article?.tagList ?? []}\n                  />\n                </fieldset>\n\n                <button className="btn btn-lg pull-xs-right btn-primary">\n                  Publish Article\n                </button>\n              </fieldset>\n            </Form>\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n}\n'})}),"\n",(0,a.jsxs)(n.p,{children:["This page gets the current article (unless we\u2019re writing from scratch) and fills in the corresponding form fields. We\u2019ve seen this before. The interesting part is ",(0,a.jsx)(n.code,{children:"FormErrors"}),", because it will receive the validation result and display it to the user. Let\u2019s take a look:"]}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/article-edit/ui/FormErrors.tsx"',children:'import { useActionData } from "@remix-run/react";\nimport type { action } from "../api/action";\n\nexport function FormErrors() {\n  const actionData = useActionData<typeof action>();\n\n  return actionData?.errors != null ? (\n    <ul className="error-messages">\n      {actionData.errors.map((error) => (\n        <li key={error}>{error}</li>\n      ))}\n    </ul>\n  ) : null;\n}\n'})}),"\n",(0,a.jsxs)(n.p,{children:["Here we are assuming that our action will return the ",(0,a.jsx)(n.code,{children:"errors"})," field, an array of human-readable error messages. We will get to the action shortly."]}),"\n",(0,a.jsx)(n.p,{children:"Another component is the tags input. It\u2019s just a plain input field with an additional preview of chosen tags. Not much to see here:"}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/article-edit/ui/TagsInput.tsx"',children:'import { useEffect, useRef, useState } from "react";\n\nexport function TagsInput({\n  name,\n  defaultValue,\n}: {\n  name: string;\n  defaultValue?: Array<string>;\n}) {\n  const [tagListState, setTagListState] = useState(defaultValue ?? []);\n\n  function removeTag(tag: string): void {\n    const newTagList = tagListState.filter((t) => t !== tag);\n    setTagListState(newTagList);\n  }\n\n  const tagsInput = useRef<HTMLInputElement>(null);\n  useEffect(() => {\n    tagsInput.current && (tagsInput.current.value = tagListState.join(","));\n  }, [tagListState]);\n\n  return (\n    <>\n      <input\n        type="text"\n        className="form-control"\n        id="tags"\n        name={name}\n        placeholder="Enter tags"\n        defaultValue={tagListState.join(",")}\n        onChange={(e) =>\n          setTagListState(e.target.value.split(",").filter(Boolean))\n        }\n      />\n      <div className="tag-list">\n        {tagListState.map((tag) => (\n          <span className="tag-default tag-pill" key={tag}>\n            <i\n              className="ion-close-round"\n              role="button"\n              tabIndex={0}\n              onKeyDown={(e) =>\n                [" ", "Enter"].includes(e.key) && removeTag(tag)\n              }\n              onClick={() => removeTag(tag)}\n            ></i>{" "}\n            {tag}\n          </span>\n        ))}\n      </div>\n    </>\n  );\n}\n'})}),"\n",(0,a.jsx)(n.p,{children:"Now, for the API part. The loader should look at the URL, and if it contains an article slug, that means we\u2019re editing an existing article, and its data should be loaded. Otherwise, return nothing. Let\u2019s create that loader:"}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{className:"language-ts",metastring:'title="pages/article-edit/api/loader.ts"',children:'import { json, type LoaderFunctionArgs } from "@remix-run/node";\nimport type { FetchResponse } from "openapi-fetch";\n\nimport { GET, requireUser } from "shared/api";\n\nasync function throwAnyErrors<T, O, Media extends `${string}/${string}`>(\n  responsePromise: Promise<FetchResponse<T, O, Media>>,\n) {\n  const { data, error, response } = await responsePromise;\n\n  if (error !== undefined) {\n    throw json(error, { status: response.status });\n  }\n\n  return data as NonNullable<typeof data>;\n}\n\nexport const loader = async ({ params, request }: LoaderFunctionArgs) => {\n  const currentUser = await requireUser(request);\n\n  if (!params.slug) {\n    return { article: null };\n  }\n\n  return throwAnyErrors(\n    GET("/articles/{slug}", {\n      params: { path: { slug: params.slug } },\n      headers: { Authorization: `Token ${currentUser.token}` },\n    }),\n  );\n};\n'})}),"\n",(0,a.jsx)(n.p,{children:"The action will take the new field values, run them through our data schema, and if everything is correct, commit those changes to the backend, either by updating an existing article or creating a new one:"}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/article-edit/api/action.ts"',children:'import { json, redirect, type ActionFunctionArgs } from "@remix-run/node";\n\nimport { POST, PUT, requireUser } from "shared/api";\nimport { parseAsArticle } from "../model/parseAsArticle";\n\nexport const action = async ({ request, params }: ActionFunctionArgs) => {\n  try {\n    const { body, description, title, tags } = parseAsArticle(\n      await request.formData(),\n    );\n    const tagList = tags?.split(",") ?? [];\n\n    const currentUser = await requireUser(request);\n    const payload = {\n      body: {\n        article: {\n          title,\n          description,\n          body,\n          tagList,\n        },\n      },\n      headers: { Authorization: `Token ${currentUser.token}` },\n    };\n\n    const { data, error } = await (params.slug\n      ? PUT("/articles/{slug}", {\n          params: { path: { slug: params.slug } },\n          ...payload,\n        })\n      : POST("/articles", payload));\n\n    if (error) {\n      return json({ errors: error }, { status: 422 });\n    }\n\n    return redirect(`/article/${data.article.slug ?? ""}`);\n  } catch (errors) {\n    return json({ errors }, { status: 400 });\n  }\n};\n'})}),"\n",(0,a.jsxs)(n.p,{children:["The schema doubles as a parsing function for ",(0,a.jsx)(n.code,{children:"FormData"}),", which allows us to conveniently get the clean fields or just throw the errors to handle at the end. Here\u2019s how that parsing function could look:"]}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/article-edit/model/parseAsArticle.ts"',children:'export function parseAsArticle(data: FormData) {\n  const errors = [];\n\n  const title = data.get("title");\n  if (typeof title !== "string" || title === "") {\n    errors.push("Give this article a title");\n  }\n\n  const description = data.get("description");\n  if (typeof description !== "string" || description === "") {\n    errors.push("Describe what this article is about");\n  }\n\n  const body = data.get("body");\n  if (typeof body !== "string" || body === "") {\n    errors.push("Write the article itself");\n  }\n\n  const tags = data.get("tags");\n  if (typeof tags !== "string") {\n    errors.push("The tags must be a string");\n  }\n\n  if (errors.length > 0) {\n    throw errors;\n  }\n\n  return { title, description, body, tags: data.get("tags") ?? "" } as {\n    title: string;\n    description: string;\n    body: string;\n    tags: string;\n  };\n}\n'})}),"\n",(0,a.jsx)(n.p,{children:"Arguably, it\u2019s a bit lengthy and repetitive, but that\u2019s the price we pay for human-readable errors. This could also be a Zod schema, for example, but then we would have to render error messages on the frontend, and this form is not worth the complication."}),"\n",(0,a.jsxs)(n.p,{children:["One last step \u2014 connect the page, the loader, and the action to the routes. Since we neatly support both creation and editing, we can export the same thing from both ",(0,a.jsx)(n.code,{children:"editor._index.tsx"})," and ",(0,a.jsx)(n.code,{children:"editor.$slug.tsx"}),":"]}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{className:"language-tsx",metastring:'title="pages/article-edit/index.ts"',children:'export { ArticleEditPage } from "./ui/ArticleEditPage";\nexport { loader } from "./api/loader";\nexport { action } from "./api/action";\n'})}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{className:"language-tsx",metastring:'title="app/routes/editor._index.tsx, app/routes/editor.$slug.tsx (same content)"',children:'import { ArticleEditPage } from "pages/article-edit";\n\nexport { loader, action } from "pages/article-edit";\n\nexport default ArticleEditPage;\n'})}),"\n",(0,a.jsx)(n.p,{children:"We\u2019re done now! Log in and try creating a new article. Or \u201cforget\u201d to write the article and see the validation kick in."}),"\n",(0,a.jsxs)("figure",{children:[(0,a.jsx)(n.p,{children:(0,a.jsx)(n.img,{alt:"The Conduit article editor, with the title field saying \u201cNew article\u201d and the rest of the fields empty. Above the form there are two errors: \u201cDescribe what this article is about\u201d and \u201cWrite the article itself\u201d.",src:t(6011).A+"",width:"2880",height:"1488"})}),(0,a.jsxs)("figcaption",{children:["The Conduit article editor, with the title field saying \u201cNew article\u201d and the rest of the fields empty. Above the form there are two errors: ",(0,a.jsx)(n.strong,{children:"\u201cDescribe what this article is about\u201d"})," and ",(0,a.jsx)(n.strong,{children:"\u201cWrite the article itself\u201d"}),"."]})]}),"\n",(0,a.jsx)(n.p,{children:"The profile and settings pages are very similar to the article reader and editor, they are left as an exercise for the reader, that\u2019s you :)"})]})}function h(e={}){const{wrapper:n}={...(0,r.R)(),...e.components};return n?(0,a.jsx)(n,{...e,children:(0,a.jsx)(d,{...e})}):d(e)}},8891:(e,n,t)=>{t.d(n,{A:()=>a});const a=t.p+"assets/images/conduit-banner-a20e38edcd109ee21a8b1426d93a66b3.jpg"},6011:(e,n,t)=>{t.d(n,{A:()=>a});const a=t.p+"assets/images/realworld-article-editor-bc3ee45c96ae905fdbb54d6463d12723.jpg"},6953:(e,n,t)=>{t.d(n,{A:()=>a});const a=t.p+"assets/images/realworld-article-reader-6a420e4f2afe139d2bdd54d62974f0b9.jpg"},9922:(e,n,t)=>{t.d(n,{A:()=>a});const a=t.p+"assets/images/realworld-editor-authenticated-10de4d01479270886859e08592045b1e.jpg"},9703:(e,n,t)=>{t.d(n,{A:()=>a});const a=t.p+"assets/images/realworld-feed-anonymous-8cbba45f488931979f6c8da8968ad685.jpg"},1405:(e,n,t)=>{t.d(n,{A:()=>a});const a=t.p+"assets/images/realworld-feed-authenticated-15427d9ff7baae009b47b501bee6c059.jpg"},6231:(e,n,t)=>{t.d(n,{A:()=>a});const a=t.p+"assets/images/realworld-feed-without-tabs-5da4c9072101ac20e82e2234bd3badbe.jpg"},1100:(e,n,t)=>{t.d(n,{R:()=>i,x:()=>o});var a=t(758);const r={},s=a.createContext(r);function i(e){const n=a.useContext(s);return a.useMemo((function(){return"function"==typeof e?e(n):{...n,...e}}),[n,e])}function o(e){let n;return n=e.disableParentContext?"function"==typeof e.components?e.components(r):e.components||r:i(e.components),a.createElement(s.Provider,{value:n},e.children)}}}]);
\ No newline at end of file
diff --git a/uz/assets/js/8651fb1e.dc4c7115.js b/uz/assets/js/8651fb1e.3fd24d62.js
similarity index 99%
rename from uz/assets/js/8651fb1e.dc4c7115.js
rename to uz/assets/js/8651fb1e.3fd24d62.js
index 8246f3dbdc..d4898c1551 100644
--- a/uz/assets/js/8651fb1e.dc4c7115.js
+++ b/uz/assets/js/8651fb1e.3fd24d62.js
@@ -1 +1 @@
-"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[2249],{8478:(a,i,l)=>{l.r(i),l.d(i,{assets:()=>d,contentTitle:()=>e,default:()=>c,frontMatter:()=>s,metadata:()=>t,toc:()=>h});var n=l(6070),r=l(1100);const s={sidebar_position:1,pagination_next:"reference/slices-segments"},e="Qatlamlar",t={id:"reference/layers",title:"Qatlamlar",description:"Qatlamlar - Xususiyatlar bilan kesilgan dizayndagi tashkiliy ierarxiyaning birinchi darajasi. Ularning maqsadi kodni qanchalik mas'uliyatga muhtojligi va dasturda qancha boshqa modullarga bog'liqligi asosida ajratishdir.",source:"@site/i18n/uz/docusaurus-plugin-content-docs/current/reference/layers.mdx",sourceDirName:"reference",slug:"/reference/layers",permalink:"/uz/docs/reference/layers",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/uz/docusaurus-plugin-content-docs/current/reference/layers.mdx",tags:[],version:"current",lastUpdatedAt:1727607766e3,sidebarPosition:1,frontMatter:{sidebar_position:1,pagination_next:"reference/slices-segments"},sidebar:"referenceSidebar",previous:{title:"\ud83d\udcda Malumot",permalink:"/uz/docs/reference/"},next:{title:"Slices and segments",permalink:"/uz/docs/reference/slices-segments"}},d={},h=[{value:"Qatlamlar uchun import qoidasi",id:"import-rule-on-layers",level:2},{value:"Qatlam ta&#39;riflari",id:"qatlam-tariflari",level:2},{value:"Shared",id:"shared",level:3},{value:"Entities",id:"entities",level:3},{value:"Features",id:"features",level:3},{value:"Widgets",id:"widgets",level:3},{value:"Pages",id:"pages",level:3},{value:"Processes",id:"processes",level:3},{value:"App",id:"app",level:3}];function o(a){const i={a:"a",admonition:"admonition",blockquote:"blockquote",code:"code",del:"del",em:"em",h1:"h1",h2:"h2",h3:"h3",header:"header",li:"li",ol:"ol",p:"p",strong:"strong",ul:"ul",...(0,r.R)(),...a.components};return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(i.header,{children:(0,n.jsx)(i.h1,{id:"qatlamlar",children:"Qatlamlar"})}),"\n",(0,n.jsx)(i.p,{children:"Qatlamlar - Xususiyatlar bilan kesilgan dizayndagi tashkiliy ierarxiyaning birinchi darajasi. Ularning maqsadi kodni qanchalik mas'uliyatga muhtojligi va dasturda qancha boshqa modullarga bog'liqligi asosida ajratishdir."}),"\n",(0,n.jsx)(i.admonition,{type:"note",children:(0,n.jsxs)(i.p,{children:["Ushbu sahifada ",(0,n.jsx)(i.em,{children:"module"})," ilovadagi ichki modul - indeks fayli bo'lgan fayl yoki katalogni bildiradi. Npm paketlari bilan adashtirmaslik kerak."]})}),"\n",(0,n.jsxs)(i.p,{children:["Har bir qatlam o'ziga xos semantik ma'noga ega bo'lib, kodingizdagi modulga qanday mas'uliyat yuklanishi kerakligini aniqlashga yordam beradi. Qatlam nomlari va qiymatlari Feature-Sliced \u200b\u200bDesign yordamida qurilgan barcha loyihalar uchun standartlashtirilgan.\nHammasi bo'lib ",(0,n.jsx)(i.strong,{children:"7 ta qatlam"})," mavjud bo'lib, ular eng katta mas'uliyat va\xa0bog'liqlikdan tortib to eng kichikgacha tartiblangan:"]}),"\n",(0,n.jsx)("img",{src:"/img/layers/folders-graphic-light.svg#light-mode-only",width:"180",style:{float:"right",margin:"0 1em"},alt:"\u0414\u0435\u0440\u0435\u0432\u043e \u0444\u0430\u0439\u043b\u043e\u0432\u043e\u0439 \u0441\u0438\u0441\u0442\u0435\u043c\u044b \u0441 \u043e\u0434\u043d\u043e\u0439 \u043a\u043e\u0440\u043d\u0435\u0432\u043e\u0439 \u043f\u0430\u043f\u043a\u043e\u0439 src \u0438 \u0441\u0435\u043c\u044c\u044e \u043f\u043e\u0434\u043f\u0430\u043f\u043a\u0430\u043c\u0438: app, processes, pages, widgets, features, entities, shared. \u041f\u0430\u043f\u043a\u0430 processes \u043e\u0442\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0430 \u043d\u0435\u043c\u043d\u043e\u0433\u043e \u0442\u0443\u0441\u043a\u043b\u043e."}),"\n",(0,n.jsx)("img",{src:"/img/layers/folders-graphic-dark.svg#dark-mode-only",width:"180",style:{float:"right",margin:"0 1em"},alt:"\u0414\u0435\u0440\u0435\u0432\u043e \u0444\u0430\u0439\u043b\u043e\u0432\u043e\u0439 \u0441\u0438\u0441\u0442\u0435\u043c\u044b \u0441 \u043e\u0434\u043d\u043e\u0439 \u043a\u043e\u0440\u043d\u0435\u0432\u043e\u0439 \u043f\u0430\u043f\u043a\u043e\u0439 src \u0438 \u0441\u0435\u043c\u044c\u044e \u043f\u043e\u0434\u043f\u0430\u043f\u043a\u0430\u043c\u0438: app, processes, pages, widgets, features, entities, shared. \u041f\u0430\u043f\u043a\u0430 processes \u043e\u0442\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0430 \u043d\u0435\u043c\u043d\u043e\u0433\u043e \u0442\u0443\u0441\u043a\u043b\u043e."}),"\n",(0,n.jsxs)(i.ol,{children:["\n",(0,n.jsx)(i.li,{children:"App (Ilova)"}),"\n",(0,n.jsx)(i.li,{children:"Processes (Jarayonlar, eski qatlam)"}),"\n",(0,n.jsx)(i.li,{children:"Pages (Sahifalar)"}),"\n",(0,n.jsx)(i.li,{children:"Widgets (Vidjetlar)"}),"\n",(0,n.jsx)(i.li,{children:"Features (Ficha/funksiyalar)"}),"\n",(0,n.jsx)(i.li,{children:"Entities (\u0421\u0443\u0449\u043d\u043e\u0441\u0442\u0438)"}),"\n",(0,n.jsx)(i.li,{children:"Shared (Umumiy)"}),"\n"]}),"\n",(0,n.jsx)(i.p,{children:"Loyihangizdagi barcha qatlamlardan foydalanish shart emas - faqat loyihangizga foyda keltiradigan qatlamlarni qo'shing."}),"\n",(0,n.jsx)(i.h2,{id:"import-rule-on-layers",children:"Qatlamlar uchun import qoidasi"}),"\n",(0,n.jsxs)(i.p,{children:["Qatlamlar ",(0,n.jsx)(i.em,{children:"slices"})," - kuchli bog'langan modullar guruhidan iborat. Xususiyatlarga ega Dilimlangan dizayn past ulanishni saqlaydi, shuning uchun bo'limlar orasidagi bog'liqliklar ",(0,n.jsx)(i.strong,{children:"qatlamlar uchun import qoidasi"})," bilan boshqariladi:"]}),"\n",(0,n.jsxs)(i.blockquote,{children:["\n",(0,n.jsx)(i.p,{children:(0,n.jsx)(i.em,{children:"Slaysdagi modul faqat boshqa bo'limlarni quyidagi qatlamlarda joylashgan bo'lsagina import qilishi mumkin."})}),"\n"]}),"\n",(0,n.jsxs)(i.p,{children:["Masalan, ",(0,n.jsx)(i.code,{children:"~/features/aaa"})," bo",(0,n.jsx)(i.code,{children:"limida bo"}),"lak ",(0,n.jsx)(i.code,{children:"aaa"})," bo",(0,n.jsx)(i.code,{children:"lgani uchun "}),(0,n.jsxs)(i.del,{children:["/features/aaa/api/request.ts",(0,n.jsx)(i.code,{children:"fayli"})]}),"/features/ papkasida biron bir moduldan kodni import qila olmaydi. bbb",(0,n.jsx)(i.code,{children:", lekin"}),(0,n.jsxs)(i.del,{children:["/ob'ektlar",(0,n.jsx)(i.code,{children:"va"})]}),"/shared",(0,n.jsx)(i.code,{children:"dan, shuningdek,"}),"~/features/aaa",(0,n.jsx)(i.code,{children:" qo"}),"shni modullaridan kodni import qilishi mumkin."]}),"\n",(0,n.jsx)(i.h2,{id:"qatlam-tariflari",children:"Qatlam ta'riflari"}),"\n",(0,n.jsx)(i.h3,{id:"shared",children:"Shared"}),"\n",(0,n.jsxs)(i.p,{children:["Izolyatsiya qilingan modullar, komponentlar va abstraktsiyalar loyiha yoki biznes xususiyatlaridan ajralib turadi.\nOgohlantirish: Bu qatlamni ",(0,n.jsx)(i.a,{href:"https://sova.dev/ru/why-utils-and-helpers-is-a-dump/",children:"utility dump"})," sifatida ishlatmang!"]}),"\n",(0,n.jsx)(i.p,{children:"Bu qatlam, boshqalardan farqli o'laroq, tilimlardan emas, balki to'g'ridan-to'g'ri segmentlardan iborat."}),"\n",(0,n.jsxs)(i.p,{children:[(0,n.jsx)(i.strong,{children:"Tarkibga misollar"}),":"]}),"\n",(0,n.jsxs)(i.ul,{children:["\n",(0,n.jsx)(i.li,{children:"UI-biblioteka"}),"\n",(0,n.jsx)(i.li,{children:"API-klient"}),"\n",(0,n.jsx)(i.li,{children:"Brauzer API bilan ishlaydigan kod"}),"\n"]}),"\n",(0,n.jsx)(i.h3,{id:"entities",children:"Entities"}),"\n",(0,n.jsx)(i.p,{children:"Loyihaning mohiyatini birgalikda tashkil etuvchi real dunyo tushunchalari. Odatda, bular korxona mahsulotni tavsiflash uchun foydalanadigan atamalardir."}),"\n",(0,n.jsx)(i.p,{children:"Ushbu qatlamning har bir qismi statik UI elementlarini, ma'lumotlarni saqlashni va CRUD (Yaratish-O'qish-O'zgartirish-O'chirish) operatsiyalarini o'z ichiga oladi."}),"\n",(0,n.jsxs)(i.p,{children:[(0,n.jsx)(i.strong,{children:"Slayslar namunasi"}),":"]}),"\n",(0,n.jsxs)("table",{children:[(0,n.jsx)("thead",{children:(0,n.jsxs)("tr",{children:[(0,n.jsx)("th",{children:" Ijtimoiy tarmoq uchun "}),(0,n.jsx)("th",{children:" Git frontend uchun (masalan, GitHub) "})]})}),(0,n.jsx)("tbody",{children:(0,n.jsxs)("tr",{children:[(0,n.jsx)("td",{children:(0,n.jsxs)("ul",{children:[(0,n.jsx)("li",{children:"Foydalanuvchi"}),(0,n.jsx)("li",{children:"Nashr"}),(0,n.jsx)("li",{children:"Gruppa"})]})}),(0,n.jsx)("td",{children:(0,n.jsxs)("ul",{children:[(0,n.jsx)("li",{children:"Repezitoriy"}),(0,n.jsx)("li",{children:"Fayl"}),(0,n.jsx)("li",{children:"Kommit"})]})})]})})]}),"\n",(0,n.jsxs)(i.admonition,{type:"tip",children:[(0,n.jsxs)(i.p,{children:["Git frontend misolida ",(0,n.jsx)(i.em,{children:"repository"})," faylida _fayllar mavjudligini ko'rishingiz mumkin. Bu omborni boshqa ob'ektlar joylashtirilgan yuqori darajadagi ob'ektga aylantiradi. Bu ob'ektlar uchun odatiy hol bo'lib, qatlamni import qilish qoidasini buzmasdan bunday yuqori darajadagi ob'ektlarga ega bo'lish ba'zan qiyin."]}),(0,n.jsx)(i.p,{children:"Bu muammoni hal qilish bo'yicha ba'zi tavsiyalar:"}),(0,n.jsxs)(i.ul,{children:["\n",(0,n.jsx)(i.li,{children:"Ob'ekt foydalanuvchi interfeysida quyi darajadagi ob'ektlar kiritiladigan joylar uchun slotlar bo'lishi kerak"}),"\n",(0,n.jsx)(i.li,{children:"Ob'ektning o'zaro ta'siri bilan bog'liq biznes mantig'i \"Xususiyatlar\" ga joylashtirilishi kerak (ko'p hollarda)"}),"\n",(0,n.jsx)(i.li,{children:"Ma'lumotlar bazasidan ob'ekt interfeyslari API mijozi yonidagi Umumiy qatlamga chiqarilishi mumkin"}),"\n"]})]}),"\n",(0,n.jsx)(i.h3,{id:"features",children:"Features"}),"\n",(0,n.jsx)(i.p,{children:"Foydalanuvchi o'zi uchun qimmatli natijaga erishish uchun tadbirkorlik sub'ektlari bilan o'zaro aloqada bo'lish uchun ilovada amalga oshirishi mumkin bo'lgan harakatlar. Shuningdek, u foydalanuvchi uchun qiymat yaratish uchun foydalanuvchi nomidan dastur bajaradigan amallarni ham o'z ichiga oladi."}),"\n",(0,n.jsxs)(i.p,{children:["Ushbu qatlamdagi bo'lak ",(0,n.jsx)(i.em,{children:"interactive"})," foydalanuvchi interfeysi elementlarini, ichki holatni va qiymat yaratuvchi amallarni bajarishga imkon beruvchi API so'rovlarini o'z ichiga olishi mumkin."]}),"\n",(0,n.jsxs)(i.p,{children:[(0,n.jsx)(i.strong,{children:"Slayslar namunasi"}),":"]}),"\n",(0,n.jsxs)("table",{children:[(0,n.jsx)("thead",{children:(0,n.jsxs)("tr",{children:[(0,n.jsx)("th",{children:" Ijtimoiy tarmoq uchun "}),(0,n.jsx)("th",{children:" Git frontend uchun (masalan, GitHub) "}),(0,n.jsx)("th",{children:" Foydalanuvchi nomidan harakatlar "})]})}),(0,n.jsx)("tbody",{children:(0,n.jsxs)("tr",{children:[(0,n.jsx)("td",{children:(0,n.jsxs)("ul",{children:[(0,n.jsx)("li",{children:"Tizimga kirish"}),(0,n.jsx)("li",{children:"Post yaratish"}),(0,n.jsx)("li",{children:"Guruhga qo'shilish"})]})}),(0,n.jsx)("td",{children:(0,n.jsxs)("ul",{children:[(0,n.jsx)("li",{children:"Fayl o'zgartirish"}),(0,n.jsx)("li",{children:"Izoh qoldirish"}),(0,n.jsx)("li",{children:"Vetkalarni birlashtirish"})]})}),(0,n.jsx)("td",{children:(0,n.jsxs)("ul",{children:[(0,n.jsx)("li",{children:"Tungi mavzuni avtomatik yoqish"}),(0,n.jsx)("li",{children:"Orqa fonda hisob-kitoblarni bajarish"}),(0,n.jsx)("li",{children:"User-Agent asosidagi harakatlar"})]})})]})})]}),"\n",(0,n.jsx)(i.h3,{id:"widgets",children:"Widgets"}),"\n",(0,n.jsx)(i.p,{children:"O'z-o'zidan tuzilgan UI bloklari ob'ektlar va funktsiyalar kabi quyi darajadagi birliklar tarkibidan paydo bo'ldi."}),"\n",(0,n.jsx)(i.p,{children:"Ushbu qatlam ob'ektlar interfeysida qolgan bo'shliqlarni boshqa ob'ektlar va funktsiyalardan interaktiv elementlar bilan to'ldirish imkoniyatini beradi. Shuning uchun biznes mantig'i odatda ushbu qatlamga joylashtirilmaydi, aksincha u xususiyatlarda saqlanadi. Ushbu qatlamdagi har bir bo'lak foydalanishga tayyor UI komponentlarini va ba'zan ishoralar, klaviatura o'zaro ta'siri va boshqalar kabi biznes bo'lmagan mantiqni o'z ichiga oladi."}),"\n",(0,n.jsx)(i.p,{children:"Ba'zan ushbu qatlamga biznes mantiqini joylashtirish qulayroqdir. Ko'pincha, bu vidjet juda ko'p interaktivlikka ega (masalan, interaktiv jadvallar) va undagi biznes mantig'i qayta ishlatilmasa sodir bo'ladi."}),"\n",(0,n.jsxs)(i.p,{children:[(0,n.jsx)(i.strong,{children:"Slayslar namunasi"}),":"]}),"\n",(0,n.jsxs)("table",{children:[(0,n.jsx)("thead",{children:(0,n.jsxs)("tr",{children:[(0,n.jsx)("th",{children:" Ijtimoiy tarmoq uchun "}),(0,n.jsx)("th",{children:" Git frontend uchun (masalan, GitHub) "})]})}),(0,n.jsx)("tbody",{children:(0,n.jsxs)("tr",{children:[(0,n.jsx)("td",{children:(0,n.jsxs)("ul",{children:[(0,n.jsx)("li",{children:"Nashr kartasi"}),(0,n.jsx)("li",{children:"Foydalanuvchi profili sarlavhasi (harakatlari bilan)"})]})}),(0,n.jsx)("td",{children:(0,n.jsxs)("ul",{children:[(0,n.jsx)("li",{children:"Ombordagi fayllarni ro'yxatlash (amallar bilan)"}),(0,n.jsx)("li",{children:"Izohlar qatorida fikr bildiring"}),(0,n.jsx)("li",{children:"Repozitoriy kartasi"})]})})]})})]}),"\n",(0,n.jsx)(i.admonition,{type:"tip",children:(0,n.jsxs)(i.p,{children:["Agar siz ichki o'rnatilgan marshrutlash tizimidan foydalanayotgan bo'lsangiz (masalan, ",(0,n.jsx)(i.a,{href:"https://remix.run",children:"Remix"})," router), Vidjetlar qatlamini tekis marshrutlash tizimidagi Sahifalar qatlamiga o'xshash tarzda ishlatish foydali bo'lishi mumkin - yaratish uchun backend, yuklash holatlari va xato cheklovchilaridan tegishli ma'lumotlarga ega to'liq huquqli interfeys bloklari. Bu yerda siz Sahifalar qatlami uchun tartiblarni ham joylashtirishingiz mumkin."]})}),"\n",(0,n.jsx)(i.h3,{id:"pages",children:"Pages"}),"\n",(0,n.jsx)(i.p,{children:"Sahifa ilovalari uchun to\u02bbliq sahifalar (masalan, veb-saytlar) yoki ekran ilovalari uchun ekranlar/faoliyatlar (masalan, mobil ilovalar)."}),"\n",(0,n.jsx)(i.p,{children:"O'zining kompozitsion tabiatiga ko'ra, bu qatlam kattaroq miqyosda bo'lsa-da, Vidjetlarga o'xshaydi. Ushbu qatlamdagi har bir bo'lak marshrutizatorga ulanishga tayyor foydalanuvchi interfeysi komponentlarini o'z ichiga oladi, shuningdek, ma'lumotlarni qabul qilish va xatolarni qayta ishlash uchun mantiqni o'z ichiga olishi mumkin."}),"\n",(0,n.jsxs)(i.p,{children:[(0,n.jsx)(i.strong,{children:"Slayslar namunasi"}),":"]}),"\n",(0,n.jsxs)("table",{children:[(0,n.jsx)("thead",{children:(0,n.jsxs)("tr",{children:[(0,n.jsx)("th",{children:" Ijtimoiy tarmoq uchun "}),(0,n.jsx)("th",{children:" Git frontend uchun (masalan, GitHub) "})]})}),(0,n.jsx)("tbody",{children:(0,n.jsxs)("tr",{children:[(0,n.jsx)("td",{children:(0,n.jsxs)("ul",{children:[(0,n.jsx)("li",{children:"Yangiliklar lentasi"}),(0,n.jsx)("li",{children:"Jamiyat sahifasi"}),(0,n.jsx)("li",{children:"Foydalanuvchi ommaviy profili"})]})}),(0,n.jsx)("td",{children:(0,n.jsxs)("ul",{children:[(0,n.jsx)("li",{children:"Repezitoriy sahifasi"}),(0,n.jsx)("li",{children:"Foydalanuvchi repezitorisi"}),(0,n.jsx)("li",{children:"Repezitoriydagi brenchlar"})]})})]})})]}),"\n",(0,n.jsx)(i.h3,{id:"processes",children:"Processes"}),"\n",(0,n.jsx)(i.admonition,{type:"caution",children:(0,n.jsxs)(i.p,{children:["\u042d\u0442\u043e\u0442 \u0441\u043b\u043e\u0439 \u0441\u0447\u0438\u0442\u0430\u0435\u0442\u0441\u044f \u0443\u0441\u0442\u0430\u0440\u0435\u0432\u0448\u0438\u043c. \u0422\u0435\u043a\u0443\u0449\u0430\u044f \u0432\u0435\u0440\u0441\u0438\u044f \u0441\u043f\u0435\u0446\u0438\u0444\u0438\u043a\u0430\u0446\u0438\u0438 \u0440\u0435\u043a\u043e\u043c\u0435\u043d\u0434\u0443\u0435\u0442 \u0438\u0437\u0431\u0435\u0433\u0430\u0442\u044c \u0435\u0433\u043e \u0438 \u043f\u0435\u0440\u0435\u043c\u0435\u0449\u0430\u0442\u044c \u0435\u0433\u043e \u0441\u043e\u0434\u0435\u0440\u0436\u0438\u043c\u043e\u0435 \u0432 ",(0,n.jsx)(i.code,{children:"features"})," \u0438 ",(0,n.jsx)(i.code,{children:"app"}),"."]})}),"\n",(0,n.jsx)(i.p,{children:"Murakkab ko'p sahifali shovqin talab qilinadigan vaziyatlardan chiqish yo'li."}),"\n",(0,n.jsx)(i.p,{children:"Bu daraja ataylab aniqlanmagan holda qoldiriladi. Aksariyat ilovalar ushbu qatlamga muhtoj bo'lmaydi, yo'riqnoma va server darajasidagi mantiq Ilova darajasida qoldirilishi kerak. Ilova qatlami qo\u2018llab-quvvatlanmaydigan darajada kattalashganda va uni olib tashlash kerak bo\u2018lgandagina ushbu qatlamdan foydalanishni o\u2018ylab ko\u2018ring."}),"\n",(0,n.jsx)(i.h3,{id:"app",children:"App"}),"\n",(0,n.jsx)(i.p,{children:"Texnik ma'noda (masalan, kontekst provayderlari) va biznes ma'nosida (masalan, tahlil) butun dasturga tegishli bo'lgan har qanday narsa."}),"\n",(0,n.jsx)(i.p,{children:"Bu qatlam odatda Shared kabi bo\u02bblaklarni o\u02bbz ichiga olmaydi, aksincha u to\u02bbg\u02bbridan-to\u02bbg\u02bbri segmentlarni o\u02bbz ichiga oladi."}),"\n",(0,n.jsxs)(i.p,{children:[(0,n.jsx)(i.strong,{children:"Tarkibga misollar"}),":"]}),"\n",(0,n.jsxs)(i.ul,{children:["\n",(0,n.jsx)(i.li,{children:"Stillar"}),"\n",(0,n.jsx)(i.li,{children:"Router"}),"\n",(0,n.jsx)(i.li,{children:"Ma'lumotlar do'konlari va boshqa kontekst provayderlari"}),"\n",(0,n.jsx)(i.li,{children:"Analitika initsializatsiyasi"}),"\n"]})]})}function c(a={}){const{wrapper:i}={...(0,r.R)(),...a.components};return i?(0,n.jsx)(i,{...a,children:(0,n.jsx)(o,{...a})}):o(a)}},1100:(a,i,l)=>{l.d(i,{R:()=>e,x:()=>t});var n=l(758);const r={},s=n.createContext(r);function e(a){const i=n.useContext(s);return n.useMemo((function(){return"function"==typeof a?a(i):{...i,...a}}),[i,a])}function t(a){let i;return i=a.disableParentContext?"function"==typeof a.components?a.components(r):a.components||r:e(a.components),n.createElement(s.Provider,{value:i},a.children)}}}]);
\ No newline at end of file
+"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[2249],{8478:(a,i,l)=>{l.r(i),l.d(i,{assets:()=>d,contentTitle:()=>e,default:()=>c,frontMatter:()=>s,metadata:()=>t,toc:()=>h});var n=l(6070),r=l(1100);const s={sidebar_position:1,pagination_next:"reference/slices-segments"},e="Qatlamlar",t={id:"reference/layers",title:"Qatlamlar",description:"Qatlamlar - Xususiyatlar bilan kesilgan dizayndagi tashkiliy ierarxiyaning birinchi darajasi. Ularning maqsadi kodni qanchalik mas'uliyatga muhtojligi va dasturda qancha boshqa modullarga bog'liqligi asosida ajratishdir.",source:"@site/i18n/uz/docusaurus-plugin-content-docs/current/reference/layers.mdx",sourceDirName:"reference",slug:"/reference/layers",permalink:"/uz/docs/reference/layers",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/uz/docusaurus-plugin-content-docs/current/reference/layers.mdx",tags:[],version:"current",lastUpdatedAt:1728325386e3,sidebarPosition:1,frontMatter:{sidebar_position:1,pagination_next:"reference/slices-segments"},sidebar:"referenceSidebar",previous:{title:"\ud83d\udcda Malumot",permalink:"/uz/docs/reference/"},next:{title:"Slices and segments",permalink:"/uz/docs/reference/slices-segments"}},d={},h=[{value:"Qatlamlar uchun import qoidasi",id:"import-rule-on-layers",level:2},{value:"Qatlam ta&#39;riflari",id:"qatlam-tariflari",level:2},{value:"Shared",id:"shared",level:3},{value:"Entities",id:"entities",level:3},{value:"Features",id:"features",level:3},{value:"Widgets",id:"widgets",level:3},{value:"Pages",id:"pages",level:3},{value:"Processes",id:"processes",level:3},{value:"App",id:"app",level:3}];function o(a){const i={a:"a",admonition:"admonition",blockquote:"blockquote",code:"code",del:"del",em:"em",h1:"h1",h2:"h2",h3:"h3",header:"header",li:"li",ol:"ol",p:"p",strong:"strong",ul:"ul",...(0,r.R)(),...a.components};return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(i.header,{children:(0,n.jsx)(i.h1,{id:"qatlamlar",children:"Qatlamlar"})}),"\n",(0,n.jsx)(i.p,{children:"Qatlamlar - Xususiyatlar bilan kesilgan dizayndagi tashkiliy ierarxiyaning birinchi darajasi. Ularning maqsadi kodni qanchalik mas'uliyatga muhtojligi va dasturda qancha boshqa modullarga bog'liqligi asosida ajratishdir."}),"\n",(0,n.jsx)(i.admonition,{type:"note",children:(0,n.jsxs)(i.p,{children:["Ushbu sahifada ",(0,n.jsx)(i.em,{children:"module"})," ilovadagi ichki modul - indeks fayli bo'lgan fayl yoki katalogni bildiradi. Npm paketlari bilan adashtirmaslik kerak."]})}),"\n",(0,n.jsxs)(i.p,{children:["Har bir qatlam o'ziga xos semantik ma'noga ega bo'lib, kodingizdagi modulga qanday mas'uliyat yuklanishi kerakligini aniqlashga yordam beradi. Qatlam nomlari va qiymatlari Feature-Sliced \u200b\u200bDesign yordamida qurilgan barcha loyihalar uchun standartlashtirilgan.\nHammasi bo'lib ",(0,n.jsx)(i.strong,{children:"7 ta qatlam"})," mavjud bo'lib, ular eng katta mas'uliyat va\xa0bog'liqlikdan tortib to eng kichikgacha tartiblangan:"]}),"\n",(0,n.jsx)("img",{src:"/img/layers/folders-graphic-light.svg#light-mode-only",width:"180",style:{float:"right",margin:"0 1em"},alt:"\u0414\u0435\u0440\u0435\u0432\u043e \u0444\u0430\u0439\u043b\u043e\u0432\u043e\u0439 \u0441\u0438\u0441\u0442\u0435\u043c\u044b \u0441 \u043e\u0434\u043d\u043e\u0439 \u043a\u043e\u0440\u043d\u0435\u0432\u043e\u0439 \u043f\u0430\u043f\u043a\u043e\u0439 src \u0438 \u0441\u0435\u043c\u044c\u044e \u043f\u043e\u0434\u043f\u0430\u043f\u043a\u0430\u043c\u0438: app, processes, pages, widgets, features, entities, shared. \u041f\u0430\u043f\u043a\u0430 processes \u043e\u0442\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0430 \u043d\u0435\u043c\u043d\u043e\u0433\u043e \u0442\u0443\u0441\u043a\u043b\u043e."}),"\n",(0,n.jsx)("img",{src:"/img/layers/folders-graphic-dark.svg#dark-mode-only",width:"180",style:{float:"right",margin:"0 1em"},alt:"\u0414\u0435\u0440\u0435\u0432\u043e \u0444\u0430\u0439\u043b\u043e\u0432\u043e\u0439 \u0441\u0438\u0441\u0442\u0435\u043c\u044b \u0441 \u043e\u0434\u043d\u043e\u0439 \u043a\u043e\u0440\u043d\u0435\u0432\u043e\u0439 \u043f\u0430\u043f\u043a\u043e\u0439 src \u0438 \u0441\u0435\u043c\u044c\u044e \u043f\u043e\u0434\u043f\u0430\u043f\u043a\u0430\u043c\u0438: app, processes, pages, widgets, features, entities, shared. \u041f\u0430\u043f\u043a\u0430 processes \u043e\u0442\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0430 \u043d\u0435\u043c\u043d\u043e\u0433\u043e \u0442\u0443\u0441\u043a\u043b\u043e."}),"\n",(0,n.jsxs)(i.ol,{children:["\n",(0,n.jsx)(i.li,{children:"App (Ilova)"}),"\n",(0,n.jsx)(i.li,{children:"Processes (Jarayonlar, eski qatlam)"}),"\n",(0,n.jsx)(i.li,{children:"Pages (Sahifalar)"}),"\n",(0,n.jsx)(i.li,{children:"Widgets (Vidjetlar)"}),"\n",(0,n.jsx)(i.li,{children:"Features (Ficha/funksiyalar)"}),"\n",(0,n.jsx)(i.li,{children:"Entities (\u0421\u0443\u0449\u043d\u043e\u0441\u0442\u0438)"}),"\n",(0,n.jsx)(i.li,{children:"Shared (Umumiy)"}),"\n"]}),"\n",(0,n.jsx)(i.p,{children:"Loyihangizdagi barcha qatlamlardan foydalanish shart emas - faqat loyihangizga foyda keltiradigan qatlamlarni qo'shing."}),"\n",(0,n.jsx)(i.h2,{id:"import-rule-on-layers",children:"Qatlamlar uchun import qoidasi"}),"\n",(0,n.jsxs)(i.p,{children:["Qatlamlar ",(0,n.jsx)(i.em,{children:"slices"})," - kuchli bog'langan modullar guruhidan iborat. Xususiyatlarga ega Dilimlangan dizayn past ulanishni saqlaydi, shuning uchun bo'limlar orasidagi bog'liqliklar ",(0,n.jsx)(i.strong,{children:"qatlamlar uchun import qoidasi"})," bilan boshqariladi:"]}),"\n",(0,n.jsxs)(i.blockquote,{children:["\n",(0,n.jsx)(i.p,{children:(0,n.jsx)(i.em,{children:"Slaysdagi modul faqat boshqa bo'limlarni quyidagi qatlamlarda joylashgan bo'lsagina import qilishi mumkin."})}),"\n"]}),"\n",(0,n.jsxs)(i.p,{children:["Masalan, ",(0,n.jsx)(i.code,{children:"~/features/aaa"})," bo",(0,n.jsx)(i.code,{children:"limida bo"}),"lak ",(0,n.jsx)(i.code,{children:"aaa"})," bo",(0,n.jsx)(i.code,{children:"lgani uchun "}),(0,n.jsxs)(i.del,{children:["/features/aaa/api/request.ts",(0,n.jsx)(i.code,{children:"fayli"})]}),"/features/ papkasida biron bir moduldan kodni import qila olmaydi. bbb",(0,n.jsx)(i.code,{children:", lekin"}),(0,n.jsxs)(i.del,{children:["/ob'ektlar",(0,n.jsx)(i.code,{children:"va"})]}),"/shared",(0,n.jsx)(i.code,{children:"dan, shuningdek,"}),"~/features/aaa",(0,n.jsx)(i.code,{children:" qo"}),"shni modullaridan kodni import qilishi mumkin."]}),"\n",(0,n.jsx)(i.h2,{id:"qatlam-tariflari",children:"Qatlam ta'riflari"}),"\n",(0,n.jsx)(i.h3,{id:"shared",children:"Shared"}),"\n",(0,n.jsxs)(i.p,{children:["Izolyatsiya qilingan modullar, komponentlar va abstraktsiyalar loyiha yoki biznes xususiyatlaridan ajralib turadi.\nOgohlantirish: Bu qatlamni ",(0,n.jsx)(i.a,{href:"https://sova.dev/ru/why-utils-and-helpers-is-a-dump/",children:"utility dump"})," sifatida ishlatmang!"]}),"\n",(0,n.jsx)(i.p,{children:"Bu qatlam, boshqalardan farqli o'laroq, tilimlardan emas, balki to'g'ridan-to'g'ri segmentlardan iborat."}),"\n",(0,n.jsxs)(i.p,{children:[(0,n.jsx)(i.strong,{children:"Tarkibga misollar"}),":"]}),"\n",(0,n.jsxs)(i.ul,{children:["\n",(0,n.jsx)(i.li,{children:"UI-biblioteka"}),"\n",(0,n.jsx)(i.li,{children:"API-klient"}),"\n",(0,n.jsx)(i.li,{children:"Brauzer API bilan ishlaydigan kod"}),"\n"]}),"\n",(0,n.jsx)(i.h3,{id:"entities",children:"Entities"}),"\n",(0,n.jsx)(i.p,{children:"Loyihaning mohiyatini birgalikda tashkil etuvchi real dunyo tushunchalari. Odatda, bular korxona mahsulotni tavsiflash uchun foydalanadigan atamalardir."}),"\n",(0,n.jsx)(i.p,{children:"Ushbu qatlamning har bir qismi statik UI elementlarini, ma'lumotlarni saqlashni va CRUD (Yaratish-O'qish-O'zgartirish-O'chirish) operatsiyalarini o'z ichiga oladi."}),"\n",(0,n.jsxs)(i.p,{children:[(0,n.jsx)(i.strong,{children:"Slayslar namunasi"}),":"]}),"\n",(0,n.jsxs)("table",{children:[(0,n.jsx)("thead",{children:(0,n.jsxs)("tr",{children:[(0,n.jsx)("th",{children:" Ijtimoiy tarmoq uchun "}),(0,n.jsx)("th",{children:" Git frontend uchun (masalan, GitHub) "})]})}),(0,n.jsx)("tbody",{children:(0,n.jsxs)("tr",{children:[(0,n.jsx)("td",{children:(0,n.jsxs)("ul",{children:[(0,n.jsx)("li",{children:"Foydalanuvchi"}),(0,n.jsx)("li",{children:"Nashr"}),(0,n.jsx)("li",{children:"Gruppa"})]})}),(0,n.jsx)("td",{children:(0,n.jsxs)("ul",{children:[(0,n.jsx)("li",{children:"Repezitoriy"}),(0,n.jsx)("li",{children:"Fayl"}),(0,n.jsx)("li",{children:"Kommit"})]})})]})})]}),"\n",(0,n.jsxs)(i.admonition,{type:"tip",children:[(0,n.jsxs)(i.p,{children:["Git frontend misolida ",(0,n.jsx)(i.em,{children:"repository"})," faylida _fayllar mavjudligini ko'rishingiz mumkin. Bu omborni boshqa ob'ektlar joylashtirilgan yuqori darajadagi ob'ektga aylantiradi. Bu ob'ektlar uchun odatiy hol bo'lib, qatlamni import qilish qoidasini buzmasdan bunday yuqori darajadagi ob'ektlarga ega bo'lish ba'zan qiyin."]}),(0,n.jsx)(i.p,{children:"Bu muammoni hal qilish bo'yicha ba'zi tavsiyalar:"}),(0,n.jsxs)(i.ul,{children:["\n",(0,n.jsx)(i.li,{children:"Ob'ekt foydalanuvchi interfeysida quyi darajadagi ob'ektlar kiritiladigan joylar uchun slotlar bo'lishi kerak"}),"\n",(0,n.jsx)(i.li,{children:"Ob'ektning o'zaro ta'siri bilan bog'liq biznes mantig'i \"Xususiyatlar\" ga joylashtirilishi kerak (ko'p hollarda)"}),"\n",(0,n.jsx)(i.li,{children:"Ma'lumotlar bazasidan ob'ekt interfeyslari API mijozi yonidagi Umumiy qatlamga chiqarilishi mumkin"}),"\n"]})]}),"\n",(0,n.jsx)(i.h3,{id:"features",children:"Features"}),"\n",(0,n.jsx)(i.p,{children:"Foydalanuvchi o'zi uchun qimmatli natijaga erishish uchun tadbirkorlik sub'ektlari bilan o'zaro aloqada bo'lish uchun ilovada amalga oshirishi mumkin bo'lgan harakatlar. Shuningdek, u foydalanuvchi uchun qiymat yaratish uchun foydalanuvchi nomidan dastur bajaradigan amallarni ham o'z ichiga oladi."}),"\n",(0,n.jsxs)(i.p,{children:["Ushbu qatlamdagi bo'lak ",(0,n.jsx)(i.em,{children:"interactive"})," foydalanuvchi interfeysi elementlarini, ichki holatni va qiymat yaratuvchi amallarni bajarishga imkon beruvchi API so'rovlarini o'z ichiga olishi mumkin."]}),"\n",(0,n.jsxs)(i.p,{children:[(0,n.jsx)(i.strong,{children:"Slayslar namunasi"}),":"]}),"\n",(0,n.jsxs)("table",{children:[(0,n.jsx)("thead",{children:(0,n.jsxs)("tr",{children:[(0,n.jsx)("th",{children:" Ijtimoiy tarmoq uchun "}),(0,n.jsx)("th",{children:" Git frontend uchun (masalan, GitHub) "}),(0,n.jsx)("th",{children:" Foydalanuvchi nomidan harakatlar "})]})}),(0,n.jsx)("tbody",{children:(0,n.jsxs)("tr",{children:[(0,n.jsx)("td",{children:(0,n.jsxs)("ul",{children:[(0,n.jsx)("li",{children:"Tizimga kirish"}),(0,n.jsx)("li",{children:"Post yaratish"}),(0,n.jsx)("li",{children:"Guruhga qo'shilish"})]})}),(0,n.jsx)("td",{children:(0,n.jsxs)("ul",{children:[(0,n.jsx)("li",{children:"Fayl o'zgartirish"}),(0,n.jsx)("li",{children:"Izoh qoldirish"}),(0,n.jsx)("li",{children:"Vetkalarni birlashtirish"})]})}),(0,n.jsx)("td",{children:(0,n.jsxs)("ul",{children:[(0,n.jsx)("li",{children:"Tungi mavzuni avtomatik yoqish"}),(0,n.jsx)("li",{children:"Orqa fonda hisob-kitoblarni bajarish"}),(0,n.jsx)("li",{children:"User-Agent asosidagi harakatlar"})]})})]})})]}),"\n",(0,n.jsx)(i.h3,{id:"widgets",children:"Widgets"}),"\n",(0,n.jsx)(i.p,{children:"O'z-o'zidan tuzilgan UI bloklari ob'ektlar va funktsiyalar kabi quyi darajadagi birliklar tarkibidan paydo bo'ldi."}),"\n",(0,n.jsx)(i.p,{children:"Ushbu qatlam ob'ektlar interfeysida qolgan bo'shliqlarni boshqa ob'ektlar va funktsiyalardan interaktiv elementlar bilan to'ldirish imkoniyatini beradi. Shuning uchun biznes mantig'i odatda ushbu qatlamga joylashtirilmaydi, aksincha u xususiyatlarda saqlanadi. Ushbu qatlamdagi har bir bo'lak foydalanishga tayyor UI komponentlarini va ba'zan ishoralar, klaviatura o'zaro ta'siri va boshqalar kabi biznes bo'lmagan mantiqni o'z ichiga oladi."}),"\n",(0,n.jsx)(i.p,{children:"Ba'zan ushbu qatlamga biznes mantiqini joylashtirish qulayroqdir. Ko'pincha, bu vidjet juda ko'p interaktivlikka ega (masalan, interaktiv jadvallar) va undagi biznes mantig'i qayta ishlatilmasa sodir bo'ladi."}),"\n",(0,n.jsxs)(i.p,{children:[(0,n.jsx)(i.strong,{children:"Slayslar namunasi"}),":"]}),"\n",(0,n.jsxs)("table",{children:[(0,n.jsx)("thead",{children:(0,n.jsxs)("tr",{children:[(0,n.jsx)("th",{children:" Ijtimoiy tarmoq uchun "}),(0,n.jsx)("th",{children:" Git frontend uchun (masalan, GitHub) "})]})}),(0,n.jsx)("tbody",{children:(0,n.jsxs)("tr",{children:[(0,n.jsx)("td",{children:(0,n.jsxs)("ul",{children:[(0,n.jsx)("li",{children:"Nashr kartasi"}),(0,n.jsx)("li",{children:"Foydalanuvchi profili sarlavhasi (harakatlari bilan)"})]})}),(0,n.jsx)("td",{children:(0,n.jsxs)("ul",{children:[(0,n.jsx)("li",{children:"Ombordagi fayllarni ro'yxatlash (amallar bilan)"}),(0,n.jsx)("li",{children:"Izohlar qatorida fikr bildiring"}),(0,n.jsx)("li",{children:"Repozitoriy kartasi"})]})})]})})]}),"\n",(0,n.jsx)(i.admonition,{type:"tip",children:(0,n.jsxs)(i.p,{children:["Agar siz ichki o'rnatilgan marshrutlash tizimidan foydalanayotgan bo'lsangiz (masalan, ",(0,n.jsx)(i.a,{href:"https://remix.run",children:"Remix"})," router), Vidjetlar qatlamini tekis marshrutlash tizimidagi Sahifalar qatlamiga o'xshash tarzda ishlatish foydali bo'lishi mumkin - yaratish uchun backend, yuklash holatlari va xato cheklovchilaridan tegishli ma'lumotlarga ega to'liq huquqli interfeys bloklari. Bu yerda siz Sahifalar qatlami uchun tartiblarni ham joylashtirishingiz mumkin."]})}),"\n",(0,n.jsx)(i.h3,{id:"pages",children:"Pages"}),"\n",(0,n.jsx)(i.p,{children:"Sahifa ilovalari uchun to\u02bbliq sahifalar (masalan, veb-saytlar) yoki ekran ilovalari uchun ekranlar/faoliyatlar (masalan, mobil ilovalar)."}),"\n",(0,n.jsx)(i.p,{children:"O'zining kompozitsion tabiatiga ko'ra, bu qatlam kattaroq miqyosda bo'lsa-da, Vidjetlarga o'xshaydi. Ushbu qatlamdagi har bir bo'lak marshrutizatorga ulanishga tayyor foydalanuvchi interfeysi komponentlarini o'z ichiga oladi, shuningdek, ma'lumotlarni qabul qilish va xatolarni qayta ishlash uchun mantiqni o'z ichiga olishi mumkin."}),"\n",(0,n.jsxs)(i.p,{children:[(0,n.jsx)(i.strong,{children:"Slayslar namunasi"}),":"]}),"\n",(0,n.jsxs)("table",{children:[(0,n.jsx)("thead",{children:(0,n.jsxs)("tr",{children:[(0,n.jsx)("th",{children:" Ijtimoiy tarmoq uchun "}),(0,n.jsx)("th",{children:" Git frontend uchun (masalan, GitHub) "})]})}),(0,n.jsx)("tbody",{children:(0,n.jsxs)("tr",{children:[(0,n.jsx)("td",{children:(0,n.jsxs)("ul",{children:[(0,n.jsx)("li",{children:"Yangiliklar lentasi"}),(0,n.jsx)("li",{children:"Jamiyat sahifasi"}),(0,n.jsx)("li",{children:"Foydalanuvchi ommaviy profili"})]})}),(0,n.jsx)("td",{children:(0,n.jsxs)("ul",{children:[(0,n.jsx)("li",{children:"Repezitoriy sahifasi"}),(0,n.jsx)("li",{children:"Foydalanuvchi repezitorisi"}),(0,n.jsx)("li",{children:"Repezitoriydagi brenchlar"})]})})]})})]}),"\n",(0,n.jsx)(i.h3,{id:"processes",children:"Processes"}),"\n",(0,n.jsx)(i.admonition,{type:"caution",children:(0,n.jsxs)(i.p,{children:["\u042d\u0442\u043e\u0442 \u0441\u043b\u043e\u0439 \u0441\u0447\u0438\u0442\u0430\u0435\u0442\u0441\u044f \u0443\u0441\u0442\u0430\u0440\u0435\u0432\u0448\u0438\u043c. \u0422\u0435\u043a\u0443\u0449\u0430\u044f \u0432\u0435\u0440\u0441\u0438\u044f \u0441\u043f\u0435\u0446\u0438\u0444\u0438\u043a\u0430\u0446\u0438\u0438 \u0440\u0435\u043a\u043e\u043c\u0435\u043d\u0434\u0443\u0435\u0442 \u0438\u0437\u0431\u0435\u0433\u0430\u0442\u044c \u0435\u0433\u043e \u0438 \u043f\u0435\u0440\u0435\u043c\u0435\u0449\u0430\u0442\u044c \u0435\u0433\u043e \u0441\u043e\u0434\u0435\u0440\u0436\u0438\u043c\u043e\u0435 \u0432 ",(0,n.jsx)(i.code,{children:"features"})," \u0438 ",(0,n.jsx)(i.code,{children:"app"}),"."]})}),"\n",(0,n.jsx)(i.p,{children:"Murakkab ko'p sahifali shovqin talab qilinadigan vaziyatlardan chiqish yo'li."}),"\n",(0,n.jsx)(i.p,{children:"Bu daraja ataylab aniqlanmagan holda qoldiriladi. Aksariyat ilovalar ushbu qatlamga muhtoj bo'lmaydi, yo'riqnoma va server darajasidagi mantiq Ilova darajasida qoldirilishi kerak. Ilova qatlami qo\u2018llab-quvvatlanmaydigan darajada kattalashganda va uni olib tashlash kerak bo\u2018lgandagina ushbu qatlamdan foydalanishni o\u2018ylab ko\u2018ring."}),"\n",(0,n.jsx)(i.h3,{id:"app",children:"App"}),"\n",(0,n.jsx)(i.p,{children:"Texnik ma'noda (masalan, kontekst provayderlari) va biznes ma'nosida (masalan, tahlil) butun dasturga tegishli bo'lgan har qanday narsa."}),"\n",(0,n.jsx)(i.p,{children:"Bu qatlam odatda Shared kabi bo\u02bblaklarni o\u02bbz ichiga olmaydi, aksincha u to\u02bbg\u02bbridan-to\u02bbg\u02bbri segmentlarni o\u02bbz ichiga oladi."}),"\n",(0,n.jsxs)(i.p,{children:[(0,n.jsx)(i.strong,{children:"Tarkibga misollar"}),":"]}),"\n",(0,n.jsxs)(i.ul,{children:["\n",(0,n.jsx)(i.li,{children:"Stillar"}),"\n",(0,n.jsx)(i.li,{children:"Router"}),"\n",(0,n.jsx)(i.li,{children:"Ma'lumotlar do'konlari va boshqa kontekst provayderlari"}),"\n",(0,n.jsx)(i.li,{children:"Analitika initsializatsiyasi"}),"\n"]})]})}function c(a={}){const{wrapper:i}={...(0,r.R)(),...a.components};return i?(0,n.jsx)(i,{...a,children:(0,n.jsx)(o,{...a})}):o(a)}},1100:(a,i,l)=>{l.d(i,{R:()=>e,x:()=>t});var n=l(758);const r={},s=n.createContext(r);function e(a){const i=n.useContext(s);return n.useMemo((function(){return"function"==typeof a?a(i):{...i,...a}}),[i,a])}function t(a){let i;return i=a.disableParentContext?"function"==typeof a.components?a.components(r):a.components||r:e(a.components),n.createElement(s.Provider,{value:i},a.children)}}}]);
\ No newline at end of file
diff --git a/uz/assets/js/87e5c187.e7f927d9.js b/uz/assets/js/87e5c187.1ab41db9.js
similarity index 98%
rename from uz/assets/js/87e5c187.e7f927d9.js
rename to uz/assets/js/87e5c187.1ab41db9.js
index 9dfd4488d7..829f950551 100644
--- a/uz/assets/js/87e5c187.e7f927d9.js
+++ b/uz/assets/js/87e5c187.1ab41db9.js
@@ -1 +1 @@
-"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[8913],{1928:(e,t,s)=>{s.d(t,{Ay:()=>u,RM:()=>c});var n=s(6070),i=s(1100),r=(s(758),s(6783)),o=s(7765);const d=e=>{let{ticket:t}=e;const s=`https://github.com/feature-sliced/documentation/issues/${t}`;return(0,n.jsxs)("div",{children:[(0,n.jsx)("p",{children:(0,o.T)({id:"shared.wip.title"})}),(0,n.jsx)("p",{children:(0,o.T)({id:"shared.wip.subtitle"})}),(0,n.jsxs)("ul",{children:[(0,n.jsxs)("li",{children:[(0,o.T)({id:"shared.wip.var.feedback.base"}),(0,n.jsx)(r.A,{to:s,children:(0,o.T)({id:"shared.wip.var.feedback.link"})})]}),(0,n.jsxs)("li",{children:[(0,o.T)({id:"shared.wip.var.material.base"}),(0,n.jsx)(r.A,{to:"https://t.me/feature_sliced",children:(0,o.T)({id:"shared.wip.var.material.link"})})]}),(0,n.jsxs)("li",{children:[(0,o.T)({id:"shared.wip.var.contribute.base"}),(0,n.jsx)(r.A,{to:"https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md",children:(0,o.T)({id:"shared.wip.var.contribute.link"})})]})]}),(0,n.jsx)("br",{}),(0,n.jsx)("p",{children:(0,n.jsx)("i",{children:"\ud83c\udf70 Stay tuned!"})})]})},c=[];function a(e){const t={admonition:"admonition",...(0,i.R)(),...e.components};return(0,n.jsx)(t.admonition,{title:"WIP",type:"caution",children:(0,n.jsx)(d,{ticket:e.ticket})})}function u(e={}){const{wrapper:t}={...(0,i.R)(),...e.components};return t?(0,n.jsx)(t,{...e,children:(0,n.jsx)(a,{...e})}):a(e)}},9286:(e,t,s)=>{s.r(t),s.d(t,{assets:()=>a,contentTitle:()=>d,default:()=>h,frontMatter:()=>o,metadata:()=>c,toc:()=>u});var n=s(6070),i=s(1100),r=s(1928);const o={sidebar_class_name:"sidebar-item--wip",unlisted:!0},d="SSR",c={id:"guides/examples/ssr",title:"SSR",description:"About the implementation of SSR using the methodology",source:"@site/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/ssr.mdx",sourceDirName:"guides/examples",slug:"/guides/examples/ssr",permalink:"/uz/docs/guides/examples/ssr",draft:!1,unlisted:!0,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/ssr.mdx",tags:[],version:"current",lastUpdatedAt:1727607766e3,frontMatter:{sidebar_class_name:"sidebar-item--wip",unlisted:!0},sidebar:"guidesSidebar"},a={},u=[...r.RM];function l(e){const t={blockquote:"blockquote",h1:"h1",header:"header",p:"p",...(0,i.R)(),...e.components};return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(t.header,{children:(0,n.jsx)(t.h1,{id:"ssr",children:"SSR"})}),"\n",(0,n.jsx)(r.Ay,{ticket:"173"}),"\n",(0,n.jsxs)(t.blockquote,{children:["\n",(0,n.jsx)(t.p,{children:"About the implementation of SSR using the methodology"}),"\n"]})]})}function h(e={}){const{wrapper:t}={...(0,i.R)(),...e.components};return t?(0,n.jsx)(t,{...e,children:(0,n.jsx)(l,{...e})}):l(e)}},1100:(e,t,s)=>{s.d(t,{R:()=>o,x:()=>d});var n=s(758);const i={},r=n.createContext(i);function o(e){const t=n.useContext(r);return n.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function d(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(i):e.components||i:o(e.components),n.createElement(r.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
+"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[8913],{1928:(e,t,s)=>{s.d(t,{Ay:()=>u,RM:()=>c});var n=s(6070),i=s(1100),r=(s(758),s(6783)),o=s(7765);const d=e=>{let{ticket:t}=e;const s=`https://github.com/feature-sliced/documentation/issues/${t}`;return(0,n.jsxs)("div",{children:[(0,n.jsx)("p",{children:(0,o.T)({id:"shared.wip.title"})}),(0,n.jsx)("p",{children:(0,o.T)({id:"shared.wip.subtitle"})}),(0,n.jsxs)("ul",{children:[(0,n.jsxs)("li",{children:[(0,o.T)({id:"shared.wip.var.feedback.base"}),(0,n.jsx)(r.A,{to:s,children:(0,o.T)({id:"shared.wip.var.feedback.link"})})]}),(0,n.jsxs)("li",{children:[(0,o.T)({id:"shared.wip.var.material.base"}),(0,n.jsx)(r.A,{to:"https://t.me/feature_sliced",children:(0,o.T)({id:"shared.wip.var.material.link"})})]}),(0,n.jsxs)("li",{children:[(0,o.T)({id:"shared.wip.var.contribute.base"}),(0,n.jsx)(r.A,{to:"https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md",children:(0,o.T)({id:"shared.wip.var.contribute.link"})})]})]}),(0,n.jsx)("br",{}),(0,n.jsx)("p",{children:(0,n.jsx)("i",{children:"\ud83c\udf70 Stay tuned!"})})]})},c=[];function a(e){const t={admonition:"admonition",...(0,i.R)(),...e.components};return(0,n.jsx)(t.admonition,{title:"WIP",type:"caution",children:(0,n.jsx)(d,{ticket:e.ticket})})}function u(e={}){const{wrapper:t}={...(0,i.R)(),...e.components};return t?(0,n.jsx)(t,{...e,children:(0,n.jsx)(a,{...e})}):a(e)}},9286:(e,t,s)=>{s.r(t),s.d(t,{assets:()=>a,contentTitle:()=>d,default:()=>h,frontMatter:()=>o,metadata:()=>c,toc:()=>u});var n=s(6070),i=s(1100),r=s(1928);const o={sidebar_class_name:"sidebar-item--wip",unlisted:!0},d="SSR",c={id:"guides/examples/ssr",title:"SSR",description:"About the implementation of SSR using the methodology",source:"@site/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/ssr.mdx",sourceDirName:"guides/examples",slug:"/guides/examples/ssr",permalink:"/uz/docs/guides/examples/ssr",draft:!1,unlisted:!0,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/ssr.mdx",tags:[],version:"current",lastUpdatedAt:1728325386e3,frontMatter:{sidebar_class_name:"sidebar-item--wip",unlisted:!0},sidebar:"guidesSidebar"},a={},u=[...r.RM];function l(e){const t={blockquote:"blockquote",h1:"h1",header:"header",p:"p",...(0,i.R)(),...e.components};return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(t.header,{children:(0,n.jsx)(t.h1,{id:"ssr",children:"SSR"})}),"\n",(0,n.jsx)(r.Ay,{ticket:"173"}),"\n",(0,n.jsxs)(t.blockquote,{children:["\n",(0,n.jsx)(t.p,{children:"About the implementation of SSR using the methodology"}),"\n"]})]})}function h(e={}){const{wrapper:t}={...(0,i.R)(),...e.components};return t?(0,n.jsx)(t,{...e,children:(0,n.jsx)(l,{...e})}):l(e)}},1100:(e,t,s)=>{s.d(t,{R:()=>o,x:()=>d});var n=s(758);const i={},r=n.createContext(i);function o(e){const t=n.useContext(r);return n.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function d(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(i):e.components||i:o(e.components),n.createElement(r.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
diff --git a/uz/assets/js/8b5a42c3.91c00e92.js b/uz/assets/js/8b5a42c3.eb52aa5d.js
similarity index 98%
rename from uz/assets/js/8b5a42c3.91c00e92.js
rename to uz/assets/js/8b5a42c3.eb52aa5d.js
index a8925e04f3..6cd173bae0 100644
--- a/uz/assets/js/8b5a42c3.91c00e92.js
+++ b/uz/assets/js/8b5a42c3.eb52aa5d.js
@@ -1 +1 @@
-"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[192],{1928:(e,t,n)=>{n.d(t,{Ay:()=>l,RM:()=>c});var i=n(6070),r=n(1100),o=(n(758),n(6783)),s=n(7765);const a=e=>{let{ticket:t}=e;const n=`https://github.com/feature-sliced/documentation/issues/${t}`;return(0,i.jsxs)("div",{children:[(0,i.jsx)("p",{children:(0,s.T)({id:"shared.wip.title"})}),(0,i.jsx)("p",{children:(0,s.T)({id:"shared.wip.subtitle"})}),(0,i.jsxs)("ul",{children:[(0,i.jsxs)("li",{children:[(0,s.T)({id:"shared.wip.var.feedback.base"}),(0,i.jsx)(o.A,{to:n,children:(0,s.T)({id:"shared.wip.var.feedback.link"})})]}),(0,i.jsxs)("li",{children:[(0,s.T)({id:"shared.wip.var.material.base"}),(0,i.jsx)(o.A,{to:"https://t.me/feature_sliced",children:(0,s.T)({id:"shared.wip.var.material.link"})})]}),(0,i.jsxs)("li",{children:[(0,s.T)({id:"shared.wip.var.contribute.base"}),(0,i.jsx)(o.A,{to:"https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md",children:(0,s.T)({id:"shared.wip.var.contribute.link"})})]})]}),(0,i.jsx)("br",{}),(0,i.jsx)("p",{children:(0,i.jsx)("i",{children:"\ud83c\udf70 Stay tuned!"})})]})},c=[];function d(e){const t={admonition:"admonition",...(0,r.R)(),...e.components};return(0,i.jsx)(t.admonition,{title:"WIP",type:"caution",children:(0,i.jsx)(a,{ticket:e.ticket})})}function l(e={}){const{wrapper:t}={...(0,r.R)(),...e.components};return t?(0,i.jsx)(t,{...e,children:(0,i.jsx)(d,{...e})}):d(e)}},8110:(e,t,n)=>{n.r(t),n.d(t,{assets:()=>d,contentTitle:()=>a,default:()=>m,frontMatter:()=>s,metadata:()=>c,toc:()=>l});var i=n(6070),r=n(1100),o=n(1928);const s={sidebar_position:3,sidebar_class_name:"sidebar-item--wip"},a="Promote in team",c={id:"about/promote/for-team",title:"Promote in team",description:"- Onboard newcomers",source:"@site/i18n/en/docusaurus-plugin-content-docs/current/about/promote/for-team.mdx",sourceDirName:"about/promote",slug:"/about/promote/for-team",permalink:"/uz/docs/about/promote/for-team",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/about/promote/for-team.mdx",tags:[],version:"current",lastUpdatedAt:1727607766e3,sidebarPosition:3,frontMatter:{sidebar_position:3,sidebar_class_name:"sidebar-item--wip"},sidebar:"aboutSidebar",previous:{title:"Partial Application",permalink:"/uz/docs/about/promote/partial-application"},next:{title:"Promote in company",permalink:"/uz/docs/about/promote/for-company"}},d={},l=[...o.RM,{value:"See also",id:"see-also",level:2}];function u(e){const t={a:"a",h1:"h1",h2:"h2",header:"header",li:"li",ul:"ul",...(0,r.R)(),...e.components};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(t.header,{children:(0,i.jsx)(t.h1,{id:"promote-in-team",children:"Promote in team"})}),"\n",(0,i.jsx)(o.Ay,{ticket:"182"}),"\n",(0,i.jsxs)(t.ul,{children:["\n",(0,i.jsx)(t.li,{children:"Onboard newcomers"}),"\n",(0,i.jsx)(t.li,{children:'Development Guidelines ("where to search N module", etc...)'}),"\n",(0,i.jsx)(t.li,{children:"New approach for tasks"}),"\n"]}),"\n",(0,i.jsx)(t.h2,{id:"see-also",children:"See also"}),"\n",(0,i.jsxs)(t.ul,{children:["\n",(0,i.jsx)(t.li,{children:(0,i.jsx)(t.a,{href:"https://t.me/feature_sliced/3360",children:"(Thread) The simplicity of the old approaches and the importance of mindfulness"})}),"\n",(0,i.jsx)(t.li,{children:(0,i.jsx)(t.a,{href:"https://t.me/feature_sliced/1918",children:"(Thread) About the convenience of searching by layers"})}),"\n"]})]})}function m(e={}){const{wrapper:t}={...(0,r.R)(),...e.components};return t?(0,i.jsx)(t,{...e,children:(0,i.jsx)(u,{...e})}):u(e)}},1100:(e,t,n)=>{n.d(t,{R:()=>s,x:()=>a});var i=n(758);const r={},o=i.createContext(r);function s(e){const t=i.useContext(o);return i.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function a(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(r):e.components||r:s(e.components),i.createElement(o.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
+"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[192],{1928:(e,t,n)=>{n.d(t,{Ay:()=>l,RM:()=>c});var i=n(6070),r=n(1100),o=(n(758),n(6783)),s=n(7765);const a=e=>{let{ticket:t}=e;const n=`https://github.com/feature-sliced/documentation/issues/${t}`;return(0,i.jsxs)("div",{children:[(0,i.jsx)("p",{children:(0,s.T)({id:"shared.wip.title"})}),(0,i.jsx)("p",{children:(0,s.T)({id:"shared.wip.subtitle"})}),(0,i.jsxs)("ul",{children:[(0,i.jsxs)("li",{children:[(0,s.T)({id:"shared.wip.var.feedback.base"}),(0,i.jsx)(o.A,{to:n,children:(0,s.T)({id:"shared.wip.var.feedback.link"})})]}),(0,i.jsxs)("li",{children:[(0,s.T)({id:"shared.wip.var.material.base"}),(0,i.jsx)(o.A,{to:"https://t.me/feature_sliced",children:(0,s.T)({id:"shared.wip.var.material.link"})})]}),(0,i.jsxs)("li",{children:[(0,s.T)({id:"shared.wip.var.contribute.base"}),(0,i.jsx)(o.A,{to:"https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md",children:(0,s.T)({id:"shared.wip.var.contribute.link"})})]})]}),(0,i.jsx)("br",{}),(0,i.jsx)("p",{children:(0,i.jsx)("i",{children:"\ud83c\udf70 Stay tuned!"})})]})},c=[];function d(e){const t={admonition:"admonition",...(0,r.R)(),...e.components};return(0,i.jsx)(t.admonition,{title:"WIP",type:"caution",children:(0,i.jsx)(a,{ticket:e.ticket})})}function l(e={}){const{wrapper:t}={...(0,r.R)(),...e.components};return t?(0,i.jsx)(t,{...e,children:(0,i.jsx)(d,{...e})}):d(e)}},8110:(e,t,n)=>{n.r(t),n.d(t,{assets:()=>d,contentTitle:()=>a,default:()=>m,frontMatter:()=>s,metadata:()=>c,toc:()=>l});var i=n(6070),r=n(1100),o=n(1928);const s={sidebar_position:3,sidebar_class_name:"sidebar-item--wip"},a="Promote in team",c={id:"about/promote/for-team",title:"Promote in team",description:"- Onboard newcomers",source:"@site/i18n/en/docusaurus-plugin-content-docs/current/about/promote/for-team.mdx",sourceDirName:"about/promote",slug:"/about/promote/for-team",permalink:"/uz/docs/about/promote/for-team",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/about/promote/for-team.mdx",tags:[],version:"current",lastUpdatedAt:1728325386e3,sidebarPosition:3,frontMatter:{sidebar_position:3,sidebar_class_name:"sidebar-item--wip"},sidebar:"aboutSidebar",previous:{title:"Partial Application",permalink:"/uz/docs/about/promote/partial-application"},next:{title:"Promote in company",permalink:"/uz/docs/about/promote/for-company"}},d={},l=[...o.RM,{value:"See also",id:"see-also",level:2}];function u(e){const t={a:"a",h1:"h1",h2:"h2",header:"header",li:"li",ul:"ul",...(0,r.R)(),...e.components};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(t.header,{children:(0,i.jsx)(t.h1,{id:"promote-in-team",children:"Promote in team"})}),"\n",(0,i.jsx)(o.Ay,{ticket:"182"}),"\n",(0,i.jsxs)(t.ul,{children:["\n",(0,i.jsx)(t.li,{children:"Onboard newcomers"}),"\n",(0,i.jsx)(t.li,{children:'Development Guidelines ("where to search N module", etc...)'}),"\n",(0,i.jsx)(t.li,{children:"New approach for tasks"}),"\n"]}),"\n",(0,i.jsx)(t.h2,{id:"see-also",children:"See also"}),"\n",(0,i.jsxs)(t.ul,{children:["\n",(0,i.jsx)(t.li,{children:(0,i.jsx)(t.a,{href:"https://t.me/feature_sliced/3360",children:"(Thread) The simplicity of the old approaches and the importance of mindfulness"})}),"\n",(0,i.jsx)(t.li,{children:(0,i.jsx)(t.a,{href:"https://t.me/feature_sliced/1918",children:"(Thread) About the convenience of searching by layers"})}),"\n"]})]})}function m(e={}){const{wrapper:t}={...(0,r.R)(),...e.components};return t?(0,i.jsx)(t,{...e,children:(0,i.jsx)(u,{...e})}):u(e)}},1100:(e,t,n)=>{n.d(t,{R:()=>s,x:()=>a});var i=n(758);const r={},o=i.createContext(r);function s(e){const t=i.useContext(o);return i.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function a(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(r):e.components||r:s(e.components),i.createElement(o.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
diff --git a/uz/assets/js/8b93e59a.e82e9dd9.js b/uz/assets/js/8b93e59a.0c26b843.js
similarity index 99%
rename from uz/assets/js/8b93e59a.e82e9dd9.js
rename to uz/assets/js/8b93e59a.0c26b843.js
index dccb82457a..ee9cf7f09e 100644
--- a/uz/assets/js/8b93e59a.e82e9dd9.js
+++ b/uz/assets/js/8b93e59a.0c26b843.js
@@ -1 +1 @@
-"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[6813],{1822:(e,t,n)=>{n.r(t),n.d(t,{assets:()=>l,contentTitle:()=>r,default:()=>c,frontMatter:()=>s,metadata:()=>a,toc:()=>h});var i=n(6070),o=n(1100);const s={sidebar_position:1},r="Authentication",a={id:"guides/examples/auth",title:"Authentication",description:"Broadly, authentication consists of the following steps:",source:"@site/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/auth.md",sourceDirName:"guides/examples",slug:"/guides/examples/auth",permalink:"/uz/docs/guides/examples/auth",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/auth.md",tags:[],version:"current",lastUpdatedAt:1727607766e3,sidebarPosition:1,frontMatter:{sidebar_position:1},sidebar:"guidesSidebar",previous:{title:"Examples",permalink:"/uz/docs/guides/examples/"},next:{title:"Types",permalink:"/uz/docs/guides/examples/types"}},l={},h=[{value:"How to get credentials from the user",id:"how-to-get-credentials-from-the-user",level:2},{value:"Dedicated page for login",id:"dedicated-page-for-login",level:3},{value:"Dialog for login",id:"dialog-for-login",level:3},{value:"Client-side validation",id:"client-side-validation",level:3},{value:"How to send credentials to the backend",id:"how-to-send-credentials-to-the-backend",level:2},{value:"Where to store the request function",id:"where-to-store-the-request-function",level:3},{value:"In <code>shared/api</code>",id:"in-sharedapi",level:4},{value:"In the <code>api</code> segment of the page",id:"in-the-api-segment-of-the-page",level:4},{value:"Two-factor authentication",id:"two-factor-authentication",level:3},{value:"How to store the token for authenticated requests",id:"how-to-store-the-token-for-authenticated-requests",level:2},{value:"In Shared",id:"in-shared",level:3},{value:"In Entities",id:"in-entities",level:3},{value:"In Pages/Widgets (not recommended)",id:"in-pageswidgets-not-recommended",level:3},{value:"Logout and token invalidation",id:"logout-and-token-invalidation",level:2},{value:"Automatic logout",id:"automatic-logout",level:3}];function d(e){const t={a:"a",admonition:"admonition",blockquote:"blockquote",br:"br",code:"code",h1:"h1",h2:"h2",h3:"h3",h4:"h4",header:"header",li:"li",ol:"ol",p:"p",pre:"pre",strong:"strong",ul:"ul",...(0,o.R)(),...e.components};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(t.header,{children:(0,i.jsx)(t.h1,{id:"authentication",children:"Authentication"})}),"\n",(0,i.jsx)(t.p,{children:"Broadly, authentication consists of the following steps:"}),"\n",(0,i.jsxs)(t.ol,{children:["\n",(0,i.jsx)(t.li,{children:"Get the credentials from the user"}),"\n",(0,i.jsx)(t.li,{children:"Send them to the backend"}),"\n",(0,i.jsx)(t.li,{children:"Store the token to make authenticated requests"}),"\n"]}),"\n",(0,i.jsx)(t.h2,{id:"how-to-get-credentials-from-the-user",children:"How to get credentials from the user"}),"\n",(0,i.jsxs)(t.p,{children:["We are assuming that your app is responsible for getting credentials. If you have authentication via OAuth, you can simply create a login page with a link to the OAuth provider's login page and skip to ",(0,i.jsx)(t.a,{href:"#how-to-store-the-token-for-authenticated-requests",children:"step 3"}),"."]}),"\n",(0,i.jsx)(t.h3,{id:"dedicated-page-for-login",children:"Dedicated page for login"}),"\n",(0,i.jsx)(t.p,{children:"Usually, websites have dedicated pages for login, where you enter your username and password. These pages are quite simple, so they don't require decomposition. Login and registration forms are quite similar in appearance, so they can even be grouped into one page. Create a slice for your login/registration page on the Pages layer:"}),"\n",(0,i.jsxs)(t.ul,{children:["\n",(0,i.jsxs)(t.li,{children:["\ud83d\udcc2 pages","\n",(0,i.jsxs)(t.ul,{children:["\n",(0,i.jsxs)(t.li,{children:["\ud83d\udcc2 login","\n",(0,i.jsxs)(t.ul,{children:["\n",(0,i.jsxs)(t.li,{children:["\ud83d\udcc2 ui","\n",(0,i.jsxs)(t.ul,{children:["\n",(0,i.jsx)(t.li,{children:"\ud83d\udcc4 LoginPage.tsx (or your framework's component file format)"}),"\n",(0,i.jsx)(t.li,{children:"\ud83d\udcc4 RegisterPage.tsx"}),"\n"]}),"\n"]}),"\n",(0,i.jsx)(t.li,{children:"\ud83d\udcc4 index.ts"}),"\n"]}),"\n"]}),"\n",(0,i.jsx)(t.li,{children:"other pages\u2026"}),"\n"]}),"\n"]}),"\n"]}),"\n",(0,i.jsx)(t.p,{children:"Here we created two components and exported them both in the index file of the slice. These components will contain forms that are responsible for presenting the user with understandable controls to get their credentials."}),"\n",(0,i.jsx)(t.h3,{id:"dialog-for-login",children:"Dialog for login"}),"\n",(0,i.jsx)(t.p,{children:"If your app has a dialog for login that can be used on any page, consider making that dialog a widget. That way, you can still avoid too much decomposition, but have the freedom to reuse this dialog on any page."}),"\n",(0,i.jsxs)(t.ul,{children:["\n",(0,i.jsxs)(t.li,{children:["\ud83d\udcc2 widgets","\n",(0,i.jsxs)(t.ul,{children:["\n",(0,i.jsxs)(t.li,{children:["\ud83d\udcc2 login-dialog","\n",(0,i.jsxs)(t.ul,{children:["\n",(0,i.jsxs)(t.li,{children:["\ud83d\udcc2 ui","\n",(0,i.jsxs)(t.ul,{children:["\n",(0,i.jsx)(t.li,{children:"\ud83d\udcc4 LoginDialog.tsx"}),"\n"]}),"\n"]}),"\n",(0,i.jsx)(t.li,{children:"\ud83d\udcc4 index.ts"}),"\n"]}),"\n"]}),"\n",(0,i.jsx)(t.li,{children:"other widgets\u2026"}),"\n"]}),"\n"]}),"\n"]}),"\n",(0,i.jsx)(t.p,{children:"The rest of this guide is written for the dedicated page approach, but the same principles apply to the dialog widget."}),"\n",(0,i.jsx)(t.h3,{id:"client-side-validation",children:"Client-side validation"}),"\n",(0,i.jsxs)(t.p,{children:["Sometimes, especially for registration, it makes sense to perform client-side validation to let the user know quickly that they made a mistake. Validation can take place in the ",(0,i.jsx)(t.code,{children:"model"})," segment of the login page. Use a schema validation library, for example, ",(0,i.jsx)(t.a,{href:"https://zod.dev",children:"Zod"})," for JS/TS, and expose that schema to the ",(0,i.jsx)(t.code,{children:"ui"})," segment:"]}),"\n",(0,i.jsx)(t.pre,{children:(0,i.jsx)(t.code,{className:"language-ts",metastring:'title="pages/login/model/registration-schema.ts"',children:'import { z } from "zod";\n\nexport const registrationData = z.object({\n    email: z.string().email(),\n    password: z.string().min(6),\n    confirmPassword: z.string(),\n}).refine((data) => data.password === data.confirmPassword, {\n    message: "Passwords do not match",\n    path: ["confirmPassword"],\n});\n'})}),"\n",(0,i.jsxs)(t.p,{children:["Then, in the ",(0,i.jsx)(t.code,{children:"ui"})," segment, you can use this schema to validate the user input:"]}),"\n",(0,i.jsx)(t.pre,{children:(0,i.jsx)(t.code,{className:"language-tsx",metastring:'title="pages/login/ui/RegisterPage.tsx"',children:'import { registrationData } from "../model/registration-schema";\n\nfunction validate(formData: FormData) {\n    const data = Object.fromEntries(formData.entries());\n    try {\n        registrationData.parse(data);\n    } catch (error) {\n        // TODO: Show error message to the user\n    }\n}\n\nexport function RegisterPage() {\n    return (\n        <form onSubmit={(e) => validate(new FormData(e.target))}>\n            <label htmlFor="email">E-mail</label>\n            <input id="email" name="email" required />\n\n            <label htmlFor="password">Password (min. 6 characters)</label>\n            <input id="password" name="password" type="password" required />\n\n            <label htmlFor="confirmPassword">Confirm password</label>\n            <input id="confirmPassword" name="confirmPassword" type="password" required />\n        </form>\n    )\n}\n'})}),"\n",(0,i.jsx)(t.h2,{id:"how-to-send-credentials-to-the-backend",children:"How to send credentials to the backend"}),"\n",(0,i.jsx)(t.p,{children:"Create a function that makes a request to your backend's login endpoint. This function can either be called directly in the component code using a mutation library (e.g. TanStack Query), or it can be called as a side effect in a state manager."}),"\n",(0,i.jsx)(t.h3,{id:"where-to-store-the-request-function",children:"Where to store the request function"}),"\n",(0,i.jsxs)(t.p,{children:["There are two places you can put this function: in ",(0,i.jsx)(t.code,{children:"shared/api"}),", or in the ",(0,i.jsx)(t.code,{children:"api"})," segment of the page."]}),"\n",(0,i.jsxs)(t.h4,{id:"in-sharedapi",children:["In ",(0,i.jsx)(t.code,{children:"shared/api"})]}),"\n",(0,i.jsxs)(t.p,{children:["This approach goes well with when you put all your API requests in ",(0,i.jsx)(t.code,{children:"shared/api"}),", grouped by endpoint, for example. The file structure might look like this:"]}),"\n",(0,i.jsxs)(t.ul,{children:["\n",(0,i.jsxs)(t.li,{children:["\ud83d\udcc2 shared","\n",(0,i.jsxs)(t.ul,{children:["\n",(0,i.jsxs)(t.li,{children:["\ud83d\udcc2 api","\n",(0,i.jsxs)(t.ul,{children:["\n",(0,i.jsxs)(t.li,{children:["\ud83d\udcc2 endpoints","\n",(0,i.jsxs)(t.ul,{children:["\n",(0,i.jsx)(t.li,{children:"\ud83d\udcc4 login.ts"}),"\n",(0,i.jsx)(t.li,{children:"other endpoint functions\u2026"}),"\n"]}),"\n"]}),"\n",(0,i.jsx)(t.li,{children:"\ud83d\udcc4 client.ts"}),"\n",(0,i.jsx)(t.li,{children:"\ud83d\udcc4 index.ts"}),"\n"]}),"\n"]}),"\n"]}),"\n"]}),"\n"]}),"\n",(0,i.jsxs)(t.p,{children:["The ",(0,i.jsx)(t.code,{children:"\ud83d\udcc4 client.ts"})," file contains a wrapper around your request-making primitive (for example, ",(0,i.jsx)(t.code,{children:"fetch()"}),"). This wrapper would know about the base URL of your backend, set necessary headers, serialize data correctly, etc."]}),"\n",(0,i.jsx)(t.pre,{children:(0,i.jsx)(t.code,{className:"language-ts",metastring:'title="shared/api/endpoints/login.ts"',children:'import { POST } from "../client";\n\nexport function login({ email, password }: { email: string, password: string }) {\n    return POST("/login", { email, password });\n}\n'})}),"\n",(0,i.jsx)(t.pre,{children:(0,i.jsx)(t.code,{className:"language-ts",metastring:'title="shared/api/index.ts"',children:'export { login } from "./endpoints/login";\n'})}),"\n",(0,i.jsxs)(t.h4,{id:"in-the-api-segment-of-the-page",children:["In the ",(0,i.jsx)(t.code,{children:"api"})," segment of the page"]}),"\n",(0,i.jsxs)(t.p,{children:["If you don't keep all your requests in one place, consider stashing the login request in the ",(0,i.jsx)(t.code,{children:"api"})," segment of the login page."]}),"\n",(0,i.jsxs)(t.ul,{children:["\n",(0,i.jsxs)(t.li,{children:["\ud83d\udcc2 pages","\n",(0,i.jsxs)(t.ul,{children:["\n",(0,i.jsxs)(t.li,{children:["\ud83d\udcc2 login","\n",(0,i.jsxs)(t.ul,{children:["\n",(0,i.jsxs)(t.li,{children:["\ud83d\udcc2 api","\n",(0,i.jsxs)(t.ul,{children:["\n",(0,i.jsx)(t.li,{children:"\ud83d\udcc4 login.ts"}),"\n"]}),"\n"]}),"\n",(0,i.jsxs)(t.li,{children:["\ud83d\udcc2 ui","\n",(0,i.jsxs)(t.ul,{children:["\n",(0,i.jsx)(t.li,{children:"\ud83d\udcc4 LoginPage.tsx"}),"\n"]}),"\n"]}),"\n",(0,i.jsx)(t.li,{children:"\ud83d\udcc4 index.ts"}),"\n"]}),"\n"]}),"\n",(0,i.jsx)(t.li,{children:"other pages\u2026"}),"\n"]}),"\n"]}),"\n"]}),"\n",(0,i.jsx)(t.pre,{children:(0,i.jsx)(t.code,{className:"language-ts",metastring:'title="pages/login/api/login.ts"',children:'import { POST } from "shared/api";\n\nexport function login({ email, password }: { email: string, password: string }) {\n    return POST("/login", { email, password });\n}\n'})}),"\n",(0,i.jsxs)(t.p,{children:["You don't have to export the ",(0,i.jsx)(t.code,{children:"login()"})," function in the page's public API, because it's unlikely that any other place in the app will need this request."]}),"\n",(0,i.jsx)(t.h3,{id:"two-factor-authentication",children:"Two-factor authentication"}),"\n",(0,i.jsxs)(t.p,{children:["If your app supports two-factor authentication (2FA), you might have to redirect to another page where a user can enter a one-time password. Usually your ",(0,i.jsx)(t.code,{children:"POST /login"})," request would return the user object with a flag indicating that the user has 2FA enabled. If that flag is set, redirect the user to the 2FA page."]}),"\n",(0,i.jsxs)(t.p,{children:["Since this page is very related to logging in, you can also keep it in the same slice, ",(0,i.jsx)(t.code,{children:"login"})," on the Pages layer."]}),"\n",(0,i.jsxs)(t.p,{children:["You would also need another request function, similar to ",(0,i.jsx)(t.code,{children:"login()"})," that we created above. Place them together, either in Shared, or in the ",(0,i.jsx)(t.code,{children:"api"})," segment of the ",(0,i.jsx)(t.code,{children:"login"})," page."]}),"\n",(0,i.jsx)(t.h2,{id:"how-to-store-the-token-for-authenticated-requests",children:"How to store the token for authenticated requests"}),"\n",(0,i.jsx)(t.p,{children:"Regardless of the authentication scheme you have, be it a simple login & password, OAuth, or two-factor authentication, at the end you will receive a token. This token should be stored so that subsequent requests can identify themselves."}),"\n",(0,i.jsxs)(t.p,{children:["The ideal token storage for a web app is a ",(0,i.jsx)(t.strong,{children:"cookie"})," \u2014 it requires no manual token storage or handling. As such, cookie storage needs almost no consideration from the frontend architecture side. If your frontend framework has a server side (for example, ",(0,i.jsx)(t.a,{href:"https://remix.run",children:"Remix"}),"), then you should store the server-side cookie infrastructure in ",(0,i.jsx)(t.code,{children:"shared/api"}),". There is an example in ",(0,i.jsx)(t.a,{href:"/docs/get-started/tutorial#authentication",children:"the Authentication section of the tutorial"})," of how to do that with Remix."]}),"\n",(0,i.jsx)(t.p,{children:"Sometimes, however, cookie storage is not an option. In this case, you will have to store the token manually. Apart from storing the token, you may also need to set up logic for refreshing your token when it expires. With FSD, there are several places where you can store the token, as well as several ways to make it available for the rest of the app."}),"\n",(0,i.jsx)(t.h3,{id:"in-shared",children:"In Shared"}),"\n",(0,i.jsxs)(t.p,{children:["This approach plays well with an API client defined in ",(0,i.jsx)(t.code,{children:"shared/api"})," because the token is freely available for other request functions that require authentication to succeed. You can make the API client hold state, either with a reactive store or simply a module-level variable, and update that state in your ",(0,i.jsx)(t.code,{children:"login()"}),"/",(0,i.jsx)(t.code,{children:"logout()"})," functions."]}),"\n",(0,i.jsx)(t.p,{children:"Automatic token refresh can be implemented as a middleware in the API client \u2014 something that can execute every time you make any request. It can work like this:"}),"\n",(0,i.jsxs)(t.ul,{children:["\n",(0,i.jsx)(t.li,{children:"Authenticate and store the access token as well as the refresh token"}),"\n",(0,i.jsx)(t.li,{children:"Make any request that requires authentication"}),"\n",(0,i.jsx)(t.li,{children:"If the request fails with a status code that indicates token expiration, and there is a token in the store, make a refresh request, store the new tokens, and retry the original request"}),"\n"]}),"\n",(0,i.jsxs)(t.p,{children:["One of the drawbacks of this approach is that the logic of managing and refreshing the token doesn't have a dedicated place. This can be fine for some apps or teams, but if the token management logic is more complex, it may be preferable to separate responsibilities of making requests and managing tokens. You can do that by keeping your requests and API client in ",(0,i.jsx)(t.code,{children:"shared/api"}),", but the token store and management logic in ",(0,i.jsx)(t.code,{children:"shared/auth"}),"."]}),"\n",(0,i.jsxs)(t.p,{children:["Another drawback of this approach is that if your backend returns an object of your current user's information along with the token, you have to store that somewhere or discard that information and request it again from an endpoint like ",(0,i.jsx)(t.code,{children:"/me"})," or ",(0,i.jsx)(t.code,{children:"/users/current"}),"."]}),"\n",(0,i.jsx)(t.h3,{id:"in-entities",children:"In Entities"}),"\n",(0,i.jsx)(t.p,{children:"It's common for FSD projects to have an entity for a user and/or an entity for the current user. It can even be the same entity for both."}),"\n",(0,i.jsx)(t.admonition,{type:"note",children:(0,i.jsxs)(t.p,{children:["The ",(0,i.jsx)(t.strong,{children:"current user"}),' is also sometimes called "viewer" or "me". This is to distinguish the single authenticated user, with permissions and private information, from a list of all users with publicly accessible information.']})}),"\n",(0,i.jsxs)(t.p,{children:["To store the token in the User entity, create a reactive store in the ",(0,i.jsx)(t.code,{children:"model"})," segment. That store can contain both the token and the user object."]}),"\n",(0,i.jsxs)(t.p,{children:["Since the API client is usually defined in ",(0,i.jsx)(t.code,{children:"shared/api"})," or spreaded across the entities, the main challenge to this approach is making the token available to other requests that need it without breaking ",(0,i.jsx)(t.a,{href:"/docs/reference/layers#import-rule-on-layers",children:"the import rule on layers"}),":"]}),"\n",(0,i.jsxs)(t.blockquote,{children:["\n",(0,i.jsx)(t.p,{children:"A module in a slice can only import other slices when they are located on layers strictly below."}),"\n"]}),"\n",(0,i.jsx)(t.p,{children:"There are several solutions to this challenge:"}),"\n",(0,i.jsxs)(t.ol,{children:["\n",(0,i.jsxs)(t.li,{children:[(0,i.jsx)(t.strong,{children:"Pass the token manually every time you make a request"}),(0,i.jsx)(t.br,{}),"\n","This is the simplest solution, but it quickly becomes cumbersome, and if you don't have type safety, it's easy to forget. It's also not compatible with middlewares pattern for the API client in Shared."]}),"\n",(0,i.jsxs)(t.li,{children:[(0,i.jsxs)(t.strong,{children:["Expose the token to the entire app with a context or a global store like ",(0,i.jsx)(t.code,{children:"localStorage"})]}),(0,i.jsx)(t.br,{}),"\n","The key to retrieve the token will be kept in ",(0,i.jsx)(t.code,{children:"shared/api"})," so that the API client can access it. The reactive store of the token will be exported from the User entity, and the context provider (if needed) will be set up on the App layer. This gives more freedom for designing the API client, however, this creates an implicit dependency on higher layers to provide context. When following this approach, consider providing helpful error messages if the context or ",(0,i.jsx)(t.code,{children:"localStorage"})," are not set up correctly."]}),"\n",(0,i.jsxs)(t.li,{children:[(0,i.jsx)(t.strong,{children:"Inject the token into the API client every time it changes"}),(0,i.jsx)(t.br,{}),"\n",'If your store is reactive, you can create a subscription that will update the API client\'s token store every time the store in the entity changes. This is similar to the previous solution in that they both create an implicit dependency on higher layers, but this one is more imperative ("push"), while the previous one is more declarative ("pull").']}),"\n"]}),"\n",(0,i.jsxs)(t.p,{children:["Once you overcome the challenge of exposing the token that is stored in the entity's model, you can encode more business logic related to token management. For example, the ",(0,i.jsx)(t.code,{children:"model"})," segment can contain logic to invalidate the token after a certain period of time, or to refresh the token when it expires. To actually make requests to the backend, use the ",(0,i.jsx)(t.code,{children:"api"})," segment of the User entity or ",(0,i.jsx)(t.code,{children:"shared/api"}),"."]}),"\n",(0,i.jsx)(t.h3,{id:"in-pageswidgets-not-recommended",children:"In Pages/Widgets (not recommended)"}),"\n",(0,i.jsxs)(t.p,{children:["It is discouraged to store app-wide state like an access token in pages or widgets. Avoid placing your token store in the ",(0,i.jsx)(t.code,{children:"model"})," segment of the login page, instead choose from the first two solutions, Shared or Entities."]}),"\n",(0,i.jsx)(t.h2,{id:"logout-and-token-invalidation",children:"Logout and token invalidation"}),"\n",(0,i.jsx)(t.p,{children:"Usually, apps don't have an entire page for logging out, but the logout functionality is still very important. It consists of an authenticated request to the backend and an update to the token store."}),"\n",(0,i.jsxs)(t.p,{children:["If you store all your requests in ",(0,i.jsx)(t.code,{children:"shared/api"}),", keep the logout request function there, close to the login function. Otherwise, consider keeping the logout request function next to the button that triggers it. For example, if you have a header widget that appears on every page and contains the logout link, put that request in the ",(0,i.jsx)(t.code,{children:"api"})," segment of that widget."]}),"\n",(0,i.jsxs)(t.p,{children:["The update to the token store will have to be triggered from the place of the logout button, like a header widget. You can combine the request and the store update in the ",(0,i.jsx)(t.code,{children:"model"})," segment of that widget."]}),"\n",(0,i.jsx)(t.h3,{id:"automatic-logout",children:"Automatic logout"}),"\n",(0,i.jsxs)(t.p,{children:["Don't forget to build failsafes for when a request to log out fails, or a request to refresh a login token fails. In both of these cases, you should clear the token store. If you keep your token in Entities, this code can be placed in the ",(0,i.jsx)(t.code,{children:"model"})," segment as it is pure business logic. If you keep your token in Shared, placing this logic in ",(0,i.jsx)(t.code,{children:"shared/api"})," might bloat the segment and dilute its purpose. If you're noticing that your API segment contains two several unrelated things, consider splitting out the token management logic into another segment, for example, ",(0,i.jsx)(t.code,{children:"shared/auth"}),"."]})]})}function c(e={}){const{wrapper:t}={...(0,o.R)(),...e.components};return t?(0,i.jsx)(t,{...e,children:(0,i.jsx)(d,{...e})}):d(e)}},1100:(e,t,n)=>{n.d(t,{R:()=>r,x:()=>a});var i=n(758);const o={},s=i.createContext(o);function r(e){const t=i.useContext(s);return i.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function a(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(o):e.components||o:r(e.components),i.createElement(s.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
+"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[6813],{1822:(e,t,n)=>{n.r(t),n.d(t,{assets:()=>l,contentTitle:()=>r,default:()=>c,frontMatter:()=>s,metadata:()=>a,toc:()=>h});var i=n(6070),o=n(1100);const s={sidebar_position:1},r="Authentication",a={id:"guides/examples/auth",title:"Authentication",description:"Broadly, authentication consists of the following steps:",source:"@site/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/auth.md",sourceDirName:"guides/examples",slug:"/guides/examples/auth",permalink:"/uz/docs/guides/examples/auth",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/auth.md",tags:[],version:"current",lastUpdatedAt:1728325386e3,sidebarPosition:1,frontMatter:{sidebar_position:1},sidebar:"guidesSidebar",previous:{title:"Examples",permalink:"/uz/docs/guides/examples/"},next:{title:"Types",permalink:"/uz/docs/guides/examples/types"}},l={},h=[{value:"How to get credentials from the user",id:"how-to-get-credentials-from-the-user",level:2},{value:"Dedicated page for login",id:"dedicated-page-for-login",level:3},{value:"Dialog for login",id:"dialog-for-login",level:3},{value:"Client-side validation",id:"client-side-validation",level:3},{value:"How to send credentials to the backend",id:"how-to-send-credentials-to-the-backend",level:2},{value:"Where to store the request function",id:"where-to-store-the-request-function",level:3},{value:"In <code>shared/api</code>",id:"in-sharedapi",level:4},{value:"In the <code>api</code> segment of the page",id:"in-the-api-segment-of-the-page",level:4},{value:"Two-factor authentication",id:"two-factor-authentication",level:3},{value:"How to store the token for authenticated requests",id:"how-to-store-the-token-for-authenticated-requests",level:2},{value:"In Shared",id:"in-shared",level:3},{value:"In Entities",id:"in-entities",level:3},{value:"In Pages/Widgets (not recommended)",id:"in-pageswidgets-not-recommended",level:3},{value:"Logout and token invalidation",id:"logout-and-token-invalidation",level:2},{value:"Automatic logout",id:"automatic-logout",level:3}];function d(e){const t={a:"a",admonition:"admonition",blockquote:"blockquote",br:"br",code:"code",h1:"h1",h2:"h2",h3:"h3",h4:"h4",header:"header",li:"li",ol:"ol",p:"p",pre:"pre",strong:"strong",ul:"ul",...(0,o.R)(),...e.components};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(t.header,{children:(0,i.jsx)(t.h1,{id:"authentication",children:"Authentication"})}),"\n",(0,i.jsx)(t.p,{children:"Broadly, authentication consists of the following steps:"}),"\n",(0,i.jsxs)(t.ol,{children:["\n",(0,i.jsx)(t.li,{children:"Get the credentials from the user"}),"\n",(0,i.jsx)(t.li,{children:"Send them to the backend"}),"\n",(0,i.jsx)(t.li,{children:"Store the token to make authenticated requests"}),"\n"]}),"\n",(0,i.jsx)(t.h2,{id:"how-to-get-credentials-from-the-user",children:"How to get credentials from the user"}),"\n",(0,i.jsxs)(t.p,{children:["We are assuming that your app is responsible for getting credentials. If you have authentication via OAuth, you can simply create a login page with a link to the OAuth provider's login page and skip to ",(0,i.jsx)(t.a,{href:"#how-to-store-the-token-for-authenticated-requests",children:"step 3"}),"."]}),"\n",(0,i.jsx)(t.h3,{id:"dedicated-page-for-login",children:"Dedicated page for login"}),"\n",(0,i.jsx)(t.p,{children:"Usually, websites have dedicated pages for login, where you enter your username and password. These pages are quite simple, so they don't require decomposition. Login and registration forms are quite similar in appearance, so they can even be grouped into one page. Create a slice for your login/registration page on the Pages layer:"}),"\n",(0,i.jsxs)(t.ul,{children:["\n",(0,i.jsxs)(t.li,{children:["\ud83d\udcc2 pages","\n",(0,i.jsxs)(t.ul,{children:["\n",(0,i.jsxs)(t.li,{children:["\ud83d\udcc2 login","\n",(0,i.jsxs)(t.ul,{children:["\n",(0,i.jsxs)(t.li,{children:["\ud83d\udcc2 ui","\n",(0,i.jsxs)(t.ul,{children:["\n",(0,i.jsx)(t.li,{children:"\ud83d\udcc4 LoginPage.tsx (or your framework's component file format)"}),"\n",(0,i.jsx)(t.li,{children:"\ud83d\udcc4 RegisterPage.tsx"}),"\n"]}),"\n"]}),"\n",(0,i.jsx)(t.li,{children:"\ud83d\udcc4 index.ts"}),"\n"]}),"\n"]}),"\n",(0,i.jsx)(t.li,{children:"other pages\u2026"}),"\n"]}),"\n"]}),"\n"]}),"\n",(0,i.jsx)(t.p,{children:"Here we created two components and exported them both in the index file of the slice. These components will contain forms that are responsible for presenting the user with understandable controls to get their credentials."}),"\n",(0,i.jsx)(t.h3,{id:"dialog-for-login",children:"Dialog for login"}),"\n",(0,i.jsx)(t.p,{children:"If your app has a dialog for login that can be used on any page, consider making that dialog a widget. That way, you can still avoid too much decomposition, but have the freedom to reuse this dialog on any page."}),"\n",(0,i.jsxs)(t.ul,{children:["\n",(0,i.jsxs)(t.li,{children:["\ud83d\udcc2 widgets","\n",(0,i.jsxs)(t.ul,{children:["\n",(0,i.jsxs)(t.li,{children:["\ud83d\udcc2 login-dialog","\n",(0,i.jsxs)(t.ul,{children:["\n",(0,i.jsxs)(t.li,{children:["\ud83d\udcc2 ui","\n",(0,i.jsxs)(t.ul,{children:["\n",(0,i.jsx)(t.li,{children:"\ud83d\udcc4 LoginDialog.tsx"}),"\n"]}),"\n"]}),"\n",(0,i.jsx)(t.li,{children:"\ud83d\udcc4 index.ts"}),"\n"]}),"\n"]}),"\n",(0,i.jsx)(t.li,{children:"other widgets\u2026"}),"\n"]}),"\n"]}),"\n"]}),"\n",(0,i.jsx)(t.p,{children:"The rest of this guide is written for the dedicated page approach, but the same principles apply to the dialog widget."}),"\n",(0,i.jsx)(t.h3,{id:"client-side-validation",children:"Client-side validation"}),"\n",(0,i.jsxs)(t.p,{children:["Sometimes, especially for registration, it makes sense to perform client-side validation to let the user know quickly that they made a mistake. Validation can take place in the ",(0,i.jsx)(t.code,{children:"model"})," segment of the login page. Use a schema validation library, for example, ",(0,i.jsx)(t.a,{href:"https://zod.dev",children:"Zod"})," for JS/TS, and expose that schema to the ",(0,i.jsx)(t.code,{children:"ui"})," segment:"]}),"\n",(0,i.jsx)(t.pre,{children:(0,i.jsx)(t.code,{className:"language-ts",metastring:'title="pages/login/model/registration-schema.ts"',children:'import { z } from "zod";\n\nexport const registrationData = z.object({\n    email: z.string().email(),\n    password: z.string().min(6),\n    confirmPassword: z.string(),\n}).refine((data) => data.password === data.confirmPassword, {\n    message: "Passwords do not match",\n    path: ["confirmPassword"],\n});\n'})}),"\n",(0,i.jsxs)(t.p,{children:["Then, in the ",(0,i.jsx)(t.code,{children:"ui"})," segment, you can use this schema to validate the user input:"]}),"\n",(0,i.jsx)(t.pre,{children:(0,i.jsx)(t.code,{className:"language-tsx",metastring:'title="pages/login/ui/RegisterPage.tsx"',children:'import { registrationData } from "../model/registration-schema";\n\nfunction validate(formData: FormData) {\n    const data = Object.fromEntries(formData.entries());\n    try {\n        registrationData.parse(data);\n    } catch (error) {\n        // TODO: Show error message to the user\n    }\n}\n\nexport function RegisterPage() {\n    return (\n        <form onSubmit={(e) => validate(new FormData(e.target))}>\n            <label htmlFor="email">E-mail</label>\n            <input id="email" name="email" required />\n\n            <label htmlFor="password">Password (min. 6 characters)</label>\n            <input id="password" name="password" type="password" required />\n\n            <label htmlFor="confirmPassword">Confirm password</label>\n            <input id="confirmPassword" name="confirmPassword" type="password" required />\n        </form>\n    )\n}\n'})}),"\n",(0,i.jsx)(t.h2,{id:"how-to-send-credentials-to-the-backend",children:"How to send credentials to the backend"}),"\n",(0,i.jsx)(t.p,{children:"Create a function that makes a request to your backend's login endpoint. This function can either be called directly in the component code using a mutation library (e.g. TanStack Query), or it can be called as a side effect in a state manager."}),"\n",(0,i.jsx)(t.h3,{id:"where-to-store-the-request-function",children:"Where to store the request function"}),"\n",(0,i.jsxs)(t.p,{children:["There are two places you can put this function: in ",(0,i.jsx)(t.code,{children:"shared/api"}),", or in the ",(0,i.jsx)(t.code,{children:"api"})," segment of the page."]}),"\n",(0,i.jsxs)(t.h4,{id:"in-sharedapi",children:["In ",(0,i.jsx)(t.code,{children:"shared/api"})]}),"\n",(0,i.jsxs)(t.p,{children:["This approach goes well with when you put all your API requests in ",(0,i.jsx)(t.code,{children:"shared/api"}),", grouped by endpoint, for example. The file structure might look like this:"]}),"\n",(0,i.jsxs)(t.ul,{children:["\n",(0,i.jsxs)(t.li,{children:["\ud83d\udcc2 shared","\n",(0,i.jsxs)(t.ul,{children:["\n",(0,i.jsxs)(t.li,{children:["\ud83d\udcc2 api","\n",(0,i.jsxs)(t.ul,{children:["\n",(0,i.jsxs)(t.li,{children:["\ud83d\udcc2 endpoints","\n",(0,i.jsxs)(t.ul,{children:["\n",(0,i.jsx)(t.li,{children:"\ud83d\udcc4 login.ts"}),"\n",(0,i.jsx)(t.li,{children:"other endpoint functions\u2026"}),"\n"]}),"\n"]}),"\n",(0,i.jsx)(t.li,{children:"\ud83d\udcc4 client.ts"}),"\n",(0,i.jsx)(t.li,{children:"\ud83d\udcc4 index.ts"}),"\n"]}),"\n"]}),"\n"]}),"\n"]}),"\n"]}),"\n",(0,i.jsxs)(t.p,{children:["The ",(0,i.jsx)(t.code,{children:"\ud83d\udcc4 client.ts"})," file contains a wrapper around your request-making primitive (for example, ",(0,i.jsx)(t.code,{children:"fetch()"}),"). This wrapper would know about the base URL of your backend, set necessary headers, serialize data correctly, etc."]}),"\n",(0,i.jsx)(t.pre,{children:(0,i.jsx)(t.code,{className:"language-ts",metastring:'title="shared/api/endpoints/login.ts"',children:'import { POST } from "../client";\n\nexport function login({ email, password }: { email: string, password: string }) {\n    return POST("/login", { email, password });\n}\n'})}),"\n",(0,i.jsx)(t.pre,{children:(0,i.jsx)(t.code,{className:"language-ts",metastring:'title="shared/api/index.ts"',children:'export { login } from "./endpoints/login";\n'})}),"\n",(0,i.jsxs)(t.h4,{id:"in-the-api-segment-of-the-page",children:["In the ",(0,i.jsx)(t.code,{children:"api"})," segment of the page"]}),"\n",(0,i.jsxs)(t.p,{children:["If you don't keep all your requests in one place, consider stashing the login request in the ",(0,i.jsx)(t.code,{children:"api"})," segment of the login page."]}),"\n",(0,i.jsxs)(t.ul,{children:["\n",(0,i.jsxs)(t.li,{children:["\ud83d\udcc2 pages","\n",(0,i.jsxs)(t.ul,{children:["\n",(0,i.jsxs)(t.li,{children:["\ud83d\udcc2 login","\n",(0,i.jsxs)(t.ul,{children:["\n",(0,i.jsxs)(t.li,{children:["\ud83d\udcc2 api","\n",(0,i.jsxs)(t.ul,{children:["\n",(0,i.jsx)(t.li,{children:"\ud83d\udcc4 login.ts"}),"\n"]}),"\n"]}),"\n",(0,i.jsxs)(t.li,{children:["\ud83d\udcc2 ui","\n",(0,i.jsxs)(t.ul,{children:["\n",(0,i.jsx)(t.li,{children:"\ud83d\udcc4 LoginPage.tsx"}),"\n"]}),"\n"]}),"\n",(0,i.jsx)(t.li,{children:"\ud83d\udcc4 index.ts"}),"\n"]}),"\n"]}),"\n",(0,i.jsx)(t.li,{children:"other pages\u2026"}),"\n"]}),"\n"]}),"\n"]}),"\n",(0,i.jsx)(t.pre,{children:(0,i.jsx)(t.code,{className:"language-ts",metastring:'title="pages/login/api/login.ts"',children:'import { POST } from "shared/api";\n\nexport function login({ email, password }: { email: string, password: string }) {\n    return POST("/login", { email, password });\n}\n'})}),"\n",(0,i.jsxs)(t.p,{children:["You don't have to export the ",(0,i.jsx)(t.code,{children:"login()"})," function in the page's public API, because it's unlikely that any other place in the app will need this request."]}),"\n",(0,i.jsx)(t.h3,{id:"two-factor-authentication",children:"Two-factor authentication"}),"\n",(0,i.jsxs)(t.p,{children:["If your app supports two-factor authentication (2FA), you might have to redirect to another page where a user can enter a one-time password. Usually your ",(0,i.jsx)(t.code,{children:"POST /login"})," request would return the user object with a flag indicating that the user has 2FA enabled. If that flag is set, redirect the user to the 2FA page."]}),"\n",(0,i.jsxs)(t.p,{children:["Since this page is very related to logging in, you can also keep it in the same slice, ",(0,i.jsx)(t.code,{children:"login"})," on the Pages layer."]}),"\n",(0,i.jsxs)(t.p,{children:["You would also need another request function, similar to ",(0,i.jsx)(t.code,{children:"login()"})," that we created above. Place them together, either in Shared, or in the ",(0,i.jsx)(t.code,{children:"api"})," segment of the ",(0,i.jsx)(t.code,{children:"login"})," page."]}),"\n",(0,i.jsx)(t.h2,{id:"how-to-store-the-token-for-authenticated-requests",children:"How to store the token for authenticated requests"}),"\n",(0,i.jsx)(t.p,{children:"Regardless of the authentication scheme you have, be it a simple login & password, OAuth, or two-factor authentication, at the end you will receive a token. This token should be stored so that subsequent requests can identify themselves."}),"\n",(0,i.jsxs)(t.p,{children:["The ideal token storage for a web app is a ",(0,i.jsx)(t.strong,{children:"cookie"})," \u2014 it requires no manual token storage or handling. As such, cookie storage needs almost no consideration from the frontend architecture side. If your frontend framework has a server side (for example, ",(0,i.jsx)(t.a,{href:"https://remix.run",children:"Remix"}),"), then you should store the server-side cookie infrastructure in ",(0,i.jsx)(t.code,{children:"shared/api"}),". There is an example in ",(0,i.jsx)(t.a,{href:"/docs/get-started/tutorial#authentication",children:"the Authentication section of the tutorial"})," of how to do that with Remix."]}),"\n",(0,i.jsx)(t.p,{children:"Sometimes, however, cookie storage is not an option. In this case, you will have to store the token manually. Apart from storing the token, you may also need to set up logic for refreshing your token when it expires. With FSD, there are several places where you can store the token, as well as several ways to make it available for the rest of the app."}),"\n",(0,i.jsx)(t.h3,{id:"in-shared",children:"In Shared"}),"\n",(0,i.jsxs)(t.p,{children:["This approach plays well with an API client defined in ",(0,i.jsx)(t.code,{children:"shared/api"})," because the token is freely available for other request functions that require authentication to succeed. You can make the API client hold state, either with a reactive store or simply a module-level variable, and update that state in your ",(0,i.jsx)(t.code,{children:"login()"}),"/",(0,i.jsx)(t.code,{children:"logout()"})," functions."]}),"\n",(0,i.jsx)(t.p,{children:"Automatic token refresh can be implemented as a middleware in the API client \u2014 something that can execute every time you make any request. It can work like this:"}),"\n",(0,i.jsxs)(t.ul,{children:["\n",(0,i.jsx)(t.li,{children:"Authenticate and store the access token as well as the refresh token"}),"\n",(0,i.jsx)(t.li,{children:"Make any request that requires authentication"}),"\n",(0,i.jsx)(t.li,{children:"If the request fails with a status code that indicates token expiration, and there is a token in the store, make a refresh request, store the new tokens, and retry the original request"}),"\n"]}),"\n",(0,i.jsxs)(t.p,{children:["One of the drawbacks of this approach is that the logic of managing and refreshing the token doesn't have a dedicated place. This can be fine for some apps or teams, but if the token management logic is more complex, it may be preferable to separate responsibilities of making requests and managing tokens. You can do that by keeping your requests and API client in ",(0,i.jsx)(t.code,{children:"shared/api"}),", but the token store and management logic in ",(0,i.jsx)(t.code,{children:"shared/auth"}),"."]}),"\n",(0,i.jsxs)(t.p,{children:["Another drawback of this approach is that if your backend returns an object of your current user's information along with the token, you have to store that somewhere or discard that information and request it again from an endpoint like ",(0,i.jsx)(t.code,{children:"/me"})," or ",(0,i.jsx)(t.code,{children:"/users/current"}),"."]}),"\n",(0,i.jsx)(t.h3,{id:"in-entities",children:"In Entities"}),"\n",(0,i.jsx)(t.p,{children:"It's common for FSD projects to have an entity for a user and/or an entity for the current user. It can even be the same entity for both."}),"\n",(0,i.jsx)(t.admonition,{type:"note",children:(0,i.jsxs)(t.p,{children:["The ",(0,i.jsx)(t.strong,{children:"current user"}),' is also sometimes called "viewer" or "me". This is to distinguish the single authenticated user, with permissions and private information, from a list of all users with publicly accessible information.']})}),"\n",(0,i.jsxs)(t.p,{children:["To store the token in the User entity, create a reactive store in the ",(0,i.jsx)(t.code,{children:"model"})," segment. That store can contain both the token and the user object."]}),"\n",(0,i.jsxs)(t.p,{children:["Since the API client is usually defined in ",(0,i.jsx)(t.code,{children:"shared/api"})," or spreaded across the entities, the main challenge to this approach is making the token available to other requests that need it without breaking ",(0,i.jsx)(t.a,{href:"/docs/reference/layers#import-rule-on-layers",children:"the import rule on layers"}),":"]}),"\n",(0,i.jsxs)(t.blockquote,{children:["\n",(0,i.jsx)(t.p,{children:"A module in a slice can only import other slices when they are located on layers strictly below."}),"\n"]}),"\n",(0,i.jsx)(t.p,{children:"There are several solutions to this challenge:"}),"\n",(0,i.jsxs)(t.ol,{children:["\n",(0,i.jsxs)(t.li,{children:[(0,i.jsx)(t.strong,{children:"Pass the token manually every time you make a request"}),(0,i.jsx)(t.br,{}),"\n","This is the simplest solution, but it quickly becomes cumbersome, and if you don't have type safety, it's easy to forget. It's also not compatible with middlewares pattern for the API client in Shared."]}),"\n",(0,i.jsxs)(t.li,{children:[(0,i.jsxs)(t.strong,{children:["Expose the token to the entire app with a context or a global store like ",(0,i.jsx)(t.code,{children:"localStorage"})]}),(0,i.jsx)(t.br,{}),"\n","The key to retrieve the token will be kept in ",(0,i.jsx)(t.code,{children:"shared/api"})," so that the API client can access it. The reactive store of the token will be exported from the User entity, and the context provider (if needed) will be set up on the App layer. This gives more freedom for designing the API client, however, this creates an implicit dependency on higher layers to provide context. When following this approach, consider providing helpful error messages if the context or ",(0,i.jsx)(t.code,{children:"localStorage"})," are not set up correctly."]}),"\n",(0,i.jsxs)(t.li,{children:[(0,i.jsx)(t.strong,{children:"Inject the token into the API client every time it changes"}),(0,i.jsx)(t.br,{}),"\n",'If your store is reactive, you can create a subscription that will update the API client\'s token store every time the store in the entity changes. This is similar to the previous solution in that they both create an implicit dependency on higher layers, but this one is more imperative ("push"), while the previous one is more declarative ("pull").']}),"\n"]}),"\n",(0,i.jsxs)(t.p,{children:["Once you overcome the challenge of exposing the token that is stored in the entity's model, you can encode more business logic related to token management. For example, the ",(0,i.jsx)(t.code,{children:"model"})," segment can contain logic to invalidate the token after a certain period of time, or to refresh the token when it expires. To actually make requests to the backend, use the ",(0,i.jsx)(t.code,{children:"api"})," segment of the User entity or ",(0,i.jsx)(t.code,{children:"shared/api"}),"."]}),"\n",(0,i.jsx)(t.h3,{id:"in-pageswidgets-not-recommended",children:"In Pages/Widgets (not recommended)"}),"\n",(0,i.jsxs)(t.p,{children:["It is discouraged to store app-wide state like an access token in pages or widgets. Avoid placing your token store in the ",(0,i.jsx)(t.code,{children:"model"})," segment of the login page, instead choose from the first two solutions, Shared or Entities."]}),"\n",(0,i.jsx)(t.h2,{id:"logout-and-token-invalidation",children:"Logout and token invalidation"}),"\n",(0,i.jsx)(t.p,{children:"Usually, apps don't have an entire page for logging out, but the logout functionality is still very important. It consists of an authenticated request to the backend and an update to the token store."}),"\n",(0,i.jsxs)(t.p,{children:["If you store all your requests in ",(0,i.jsx)(t.code,{children:"shared/api"}),", keep the logout request function there, close to the login function. Otherwise, consider keeping the logout request function next to the button that triggers it. For example, if you have a header widget that appears on every page and contains the logout link, put that request in the ",(0,i.jsx)(t.code,{children:"api"})," segment of that widget."]}),"\n",(0,i.jsxs)(t.p,{children:["The update to the token store will have to be triggered from the place of the logout button, like a header widget. You can combine the request and the store update in the ",(0,i.jsx)(t.code,{children:"model"})," segment of that widget."]}),"\n",(0,i.jsx)(t.h3,{id:"automatic-logout",children:"Automatic logout"}),"\n",(0,i.jsxs)(t.p,{children:["Don't forget to build failsafes for when a request to log out fails, or a request to refresh a login token fails. In both of these cases, you should clear the token store. If you keep your token in Entities, this code can be placed in the ",(0,i.jsx)(t.code,{children:"model"})," segment as it is pure business logic. If you keep your token in Shared, placing this logic in ",(0,i.jsx)(t.code,{children:"shared/api"})," might bloat the segment and dilute its purpose. If you're noticing that your API segment contains two several unrelated things, consider splitting out the token management logic into another segment, for example, ",(0,i.jsx)(t.code,{children:"shared/auth"}),"."]})]})}function c(e={}){const{wrapper:t}={...(0,o.R)(),...e.components};return t?(0,i.jsx)(t,{...e,children:(0,i.jsx)(d,{...e})}):d(e)}},1100:(e,t,n)=>{n.d(t,{R:()=>r,x:()=>a});var i=n(758);const o={},s=i.createContext(o);function r(e){const t=i.useContext(s);return i.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function a(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(o):e.components||o:r(e.components),i.createElement(s.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
diff --git a/uz/assets/js/8c1e6152.fcce3de2.js b/uz/assets/js/8c1e6152.ee0d5298.js
similarity index 99%
rename from uz/assets/js/8c1e6152.fcce3de2.js
rename to uz/assets/js/8c1e6152.ee0d5298.js
index b7300efd66..19a797fe72 100644
--- a/uz/assets/js/8c1e6152.fcce3de2.js
+++ b/uz/assets/js/8c1e6152.ee0d5298.js
@@ -1 +1 @@
-"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[1616],{3193:(e,s,n)=>{n.r(s),n.d(s,{assets:()=>c,contentTitle:()=>l,default:()=>a,frontMatter:()=>t,metadata:()=>o,toc:()=>d});var i=n(6070),r=n(1100);const t={sidebar_position:4},l="Migration from v1",o={id:"guides/migration/from-v1",title:"Migration from v1",description:"Why v2?",source:"@site/i18n/en/docusaurus-plugin-content-docs/current/guides/migration/from-v1.md",sourceDirName:"guides/migration",slug:"/guides/migration/from-v1",permalink:"/uz/docs/guides/migration/from-v1",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/guides/migration/from-v1.md",tags:[],version:"current",lastUpdatedAt:1727607766e3,sidebarPosition:4,frontMatter:{sidebar_position:4},sidebar:"guidesSidebar",previous:{title:"From a custom architecture",permalink:"/uz/docs/guides/migration/from-custom"},next:{title:"Usage with NextJS",permalink:"/uz/docs/guides/tech/with-nextjs"}},c={},d=[{value:"Why v2?",id:"why-v2",level:2},{value:"Why does it make sense to migrate the project to v2?",id:"why-does-it-make-sense-to-migrate-the-project-to-v2",level:2},{value:"\ud83d\udd0d More transparent and simple architecture",id:"-more-transparent-and-simple-architecture",level:4},{value:"\ud83d\udce6 More flexible and honest modularity",id:"-more-flexible-and-honest-modularity",level:4},{value:"\ud83d\ude80 More specifications, plans, community",id:"-more-specifications-plans-community",level:4},{value:"Changelog",id:"changelog",level:2},{value:"<code>BREAKING</code> Layers",id:"breaking-layers",level:3},{value:"<code>BREAKING</code> Shared",id:"breaking-shared",level:3},{value:"<code>NEW</code> Entities, Processes",id:"new-entities-processes",level:3},{value:"<code>BREAKING</code> Abstractions &amp; Naming",id:"breaking-abstractions--naming",level:3},{value:"Layers",id:"layers",level:4},{value:"Segments",id:"segments",level:4},{value:"<code>REFINED</code> Low coupling",id:"refined-low-coupling",level:3},{value:"See also",id:"see-also",level:2}];function h(e){const s={a:"a",blockquote:"blockquote",code:"code",em:"em",h1:"h1",h2:"h2",h3:"h3",h4:"h4",header:"header",li:"li",p:"p",strong:"strong",ul:"ul",...(0,r.R)(),...e.components};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(s.header,{children:(0,i.jsx)(s.h1,{id:"migration-from-v1",children:"Migration from v1"})}),"\n",(0,i.jsx)(s.h2,{id:"why-v2",children:"Why v2?"}),"\n",(0,i.jsxs)(s.p,{children:["The original concept of ",(0,i.jsx)(s.strong,{children:"feature-slices"})," ",(0,i.jsx)(s.a,{href:"https://t.me/feature_slices",children:"was announced"})," in 2018."]}),"\n",(0,i.jsxs)(s.p,{children:["Since then, many transformations of the methodology have taken place, but at the same time ",(0,i.jsx)(s.strong,{children:(0,i.jsx)(s.a,{href:"https://feature-sliced.github.io/featureslices.dev/v1.0.html",children:"the basic principles were preserved"})}),":"]}),"\n",(0,i.jsxs)(s.ul,{children:["\n",(0,i.jsxs)(s.li,{children:["Using a ",(0,i.jsx)(s.em,{children:"standardized"})," frontend project structure"]}),"\n",(0,i.jsxs)(s.li,{children:["Splitting the application in the first place-according to ",(0,i.jsx)(s.em,{children:"business logic"})]}),"\n",(0,i.jsxs)(s.li,{children:["Use of ",(0,i.jsx)(s.em,{children:"isolated features"})," to prevent implicit side effects and cyclic dependencies"]}),"\n",(0,i.jsxs)(s.li,{children:["Using the ",(0,i.jsx)(s.em,{children:"Public API"}),' with a ban on climbing "into the insides" of the module']}),"\n"]}),"\n",(0,i.jsxs)(s.p,{children:["At the same time, in the previous version of the methodology, there were still ",(0,i.jsx)(s.strong,{children:"weak points"})," that"]}),"\n",(0,i.jsxs)(s.ul,{children:["\n",(0,i.jsx)(s.li,{children:"Sometimes it leads to boilerplate code"}),"\n",(0,i.jsx)(s.li,{children:"Sometimes it leads to excessive complication of the code base and non-obvious rules between abstractions"}),"\n",(0,i.jsx)(s.li,{children:"Sometimes it leads to implicit architectural solutions, which prevented the project from being pulled up and new people from onboarding"}),"\n"]}),"\n",(0,i.jsxs)(s.p,{children:["The new version of the methodology (",(0,i.jsx)(s.a,{href:"https://github.com/feature-sliced/documentation",children:"v2"}),") is designed ",(0,i.jsx)(s.strong,{children:"to eliminate these shortcomings, while preserving the existing advantages"})," of the approach."]}),"\n",(0,i.jsxs)(s.p,{children:["Since 2018, ",(0,i.jsx)(s.a,{href:"https://github.com/kof/feature-driven-architecture/issues",children:"has also developed"})," another similar methodology - ",(0,i.jsx)(s.a,{href:"https://github.com/feature-sliced/documentation/tree/rc/feature-driven",children:(0,i.jsx)(s.strong,{children:"feature-driven"})}),", which was first announced by ",(0,i.jsx)(s.a,{href:"https://github.com/kof",children:"Oleg Isonen"}),"."]}),"\n",(0,i.jsxs)(s.p,{children:["After merging of the two approaches, we have ",(0,i.jsx)(s.strong,{children:"improved and refined existing practices"})," - towards greater flexibility, clarity and efficiency in application."]}),"\n",(0,i.jsxs)(s.blockquote,{children:["\n",(0,i.jsxs)(s.p,{children:["As a result, this has even affected the name of the methodology - ",(0,i.jsxs)(s.em,{children:['"feature-slice',(0,i.jsx)(s.strong,{children:"d"}),'"']})]}),"\n"]}),"\n",(0,i.jsx)(s.h2,{id:"why-does-it-make-sense-to-migrate-the-project-to-v2",children:"Why does it make sense to migrate the project to v2?"}),"\n",(0,i.jsxs)(s.blockquote,{children:["\n",(0,i.jsxs)(s.p,{children:[(0,i.jsx)(s.code,{children:"WIP:"})," The current version of the methodology is under development and some details ",(0,i.jsx)(s.em,{children:"may change"})]}),"\n"]}),"\n",(0,i.jsx)(s.h4,{id:"-more-transparent-and-simple-architecture",children:"\ud83d\udd0d More transparent and simple architecture"}),"\n",(0,i.jsxs)(s.p,{children:["The methodology (v2) offers ",(0,i.jsx)(s.strong,{children:"more intuitive and more common abstractions and ways of separating logic among developers."})]}),"\n",(0,i.jsx)(s.p,{children:"All this has an extremely positive effect on attracting new people, as well as studying the current state of the project, and distributing the business logic of the application."}),"\n",(0,i.jsx)(s.h4,{id:"-more-flexible-and-honest-modularity",children:"\ud83d\udce6 More flexible and honest modularity"}),"\n",(0,i.jsxs)(s.p,{children:["The methodology (v2) allows ",(0,i.jsx)(s.strong,{children:"to distribute logic in a more flexible way:"})]}),"\n",(0,i.jsxs)(s.ul,{children:["\n",(0,i.jsx)(s.li,{children:"With the ability to refactor isolated parts from scratch"}),"\n",(0,i.jsx)(s.li,{children:"With the ability to rely on the same abstractions, but without unnecessary interweaving of dependencies"}),"\n",(0,i.jsxs)(s.li,{children:["With simpler requirements for the location of the new module ",(0,i.jsx)(s.em,{children:"(layer => slice => segment)"})]}),"\n"]}),"\n",(0,i.jsx)(s.h4,{id:"-more-specifications-plans-community",children:"\ud83d\ude80 More specifications, plans, community"}),"\n",(0,i.jsxs)(s.p,{children:["At the moment, the ",(0,i.jsx)(s.code,{children:"core-team"})," is actively working on the latest (v2) version of the methodology"]}),"\n",(0,i.jsx)(s.p,{children:"So it is for her:"}),"\n",(0,i.jsxs)(s.ul,{children:["\n",(0,i.jsx)(s.li,{children:"there will be more described cases / problems"}),"\n",(0,i.jsx)(s.li,{children:"there will be more guides on the application"}),"\n",(0,i.jsx)(s.li,{children:"there will be more real examples"}),"\n",(0,i.jsx)(s.li,{children:"in general, there will be more documentation for onboarding new people and studying the concepts of the methodology"}),"\n",(0,i.jsx)(s.li,{children:"the toolkit will be developed in the future to comply with the concepts and conventions on architecture"}),"\n"]}),"\n",(0,i.jsxs)(s.blockquote,{children:["\n",(0,i.jsx)(s.p,{children:"Of course, there will be user support for the first version as well - but the latest version is still a priority for us"}),"\n",(0,i.jsxs)(s.p,{children:["In the future, with the next major updates, you will still have access to the current version (v2) of the methodology, ",(0,i.jsx)(s.strong,{children:"without risks for your teams and projects"})]}),"\n"]}),"\n",(0,i.jsx)(s.h2,{id:"changelog",children:"Changelog"}),"\n",(0,i.jsxs)(s.h3,{id:"breaking-layers",children:[(0,i.jsx)(s.code,{children:"BREAKING"})," Layers"]}),"\n",(0,i.jsx)(s.p,{children:"Now the methodology assumes explicit allocation of layers at the top level"}),"\n",(0,i.jsxs)(s.ul,{children:["\n",(0,i.jsxs)(s.li,{children:["\n",(0,i.jsxs)(s.p,{children:[(0,i.jsx)(s.code,{children:"/app"})," > ",(0,i.jsx)(s.code,{children:"/processes"})," > ",(0,i.jsx)(s.strong,{children:(0,i.jsx)(s.code,{children:"/pages"})})," > ",(0,i.jsx)(s.strong,{children:(0,i.jsx)(s.code,{children:"/features"})})," > ",(0,i.jsx)(s.code,{children:"/entities"})," > ",(0,i.jsx)(s.code,{children:"/shared"})]}),"\n"]}),"\n",(0,i.jsxs)(s.li,{children:["\n",(0,i.jsx)(s.p,{children:(0,i.jsx)(s.em,{children:"That is, not everything is now treated as features/pages"})}),"\n"]}),"\n",(0,i.jsxs)(s.li,{children:["\n",(0,i.jsxs)(s.p,{children:["This approach allows you to ",(0,i.jsx)(s.a,{href:"https://t.me/atomicdesign/18708",children:"explicitly set rules for layers"}),":"]}),"\n"]}),"\n",(0,i.jsxs)(s.li,{children:["\n",(0,i.jsxs)(s.p,{children:["The ",(0,i.jsx)(s.strong,{children:"higher the layer"})," of the module is located , the more ",(0,i.jsx)(s.strong,{children:"context"})," it has"]}),"\n",(0,i.jsx)(s.p,{children:(0,i.jsx)(s.em,{children:"(in other words-each module of the layer - can import only the modules of the underlying layers, but not higher)"})}),"\n"]}),"\n",(0,i.jsxs)(s.li,{children:["\n",(0,i.jsxs)(s.p,{children:["The ",(0,i.jsx)(s.strong,{children:"lower the layer of the"})," module is located , the more ",(0,i.jsx)(s.strong,{children:"danger and responsibility"})," to make changes to it"]}),"\n",(0,i.jsx)(s.p,{children:(0,i.jsx)(s.em,{children:"(because it is usually the underlying layers that are more overused)"})}),"\n"]}),"\n"]}),"\n",(0,i.jsxs)(s.h3,{id:"breaking-shared",children:[(0,i.jsx)(s.code,{children:"BREAKING"})," Shared"]}),"\n",(0,i.jsxs)(s.p,{children:["The infrastructure abstractions ",(0,i.jsx)(s.code,{children:"/ui"}),", ",(0,i.jsx)(s.code,{children:"/lib"}),", ",(0,i.jsx)(s.code,{children:"/api"}),", which used to lie in the src root of the project, are now separated by a separate directory ",(0,i.jsx)(s.code,{children:"/src/shared"})]}),"\n",(0,i.jsxs)(s.ul,{children:["\n",(0,i.jsxs)(s.li,{children:[(0,i.jsx)(s.code,{children:"shared/ui"})," - Still the same general uikit of the application (optional)","\n",(0,i.jsxs)(s.ul,{children:["\n",(0,i.jsx)(s.li,{children:(0,i.jsxs)(s.em,{children:["At the same time, no one forbids using ",(0,i.jsx)(s.code,{children:"Atomic Design"})," here as before"]})}),"\n"]}),"\n"]}),"\n",(0,i.jsxs)(s.li,{children:[(0,i.jsx)(s.code,{children:"shared/lib"})," - A set of auxiliary libraries for implementing logic","\n",(0,i.jsxs)(s.ul,{children:["\n",(0,i.jsx)(s.li,{children:(0,i.jsx)(s.em,{children:"Still - without a dump of helpers"})}),"\n"]}),"\n"]}),"\n",(0,i.jsxs)(s.li,{children:[(0,i.jsx)(s.code,{children:"shared/api"})," - A common entry point for accessing the API","\n",(0,i.jsxs)(s.ul,{children:["\n",(0,i.jsx)(s.li,{children:(0,i.jsx)(s.em,{children:"Can also be registered locally in each feature / page - but it is not recommended"})}),"\n"]}),"\n"]}),"\n",(0,i.jsxs)(s.li,{children:["As before - there should be no explicit binding to business logic in ",(0,i.jsx)(s.code,{children:"shared"}),"\n",(0,i.jsxs)(s.ul,{children:["\n",(0,i.jsx)(s.li,{children:(0,i.jsxs)(s.em,{children:["If necessary, you need to take this relationship to the ",(0,i.jsx)(s.code,{children:"entities"})," level or even higher"]})}),"\n"]}),"\n"]}),"\n"]}),"\n",(0,i.jsxs)(s.h3,{id:"new-entities-processes",children:[(0,i.jsx)(s.code,{children:"NEW"})," Entities, Processes"]}),"\n",(0,i.jsxs)(s.p,{children:["In v2 ",(0,i.jsx)(s.strong,{children:", other new abstractions"})," have been added to eliminate the problems of logic complexity and high coupling."]}),"\n",(0,i.jsxs)(s.ul,{children:["\n",(0,i.jsxs)(s.li,{children:[(0,i.jsx)(s.code,{children:"/entities"})," - layer ",(0,i.jsx)(s.strong,{children:"business entities"})," containing slices that are related directly to the business models or synthetic entities required only on frontend","\n",(0,i.jsxs)(s.ul,{children:["\n",(0,i.jsx)(s.li,{children:(0,i.jsxs)(s.em,{children:["Examples: ",(0,i.jsx)(s.code,{children:"user"}),", ",(0,i.jsx)(s.code,{children:"i18n"}),", ",(0,i.jsx)(s.code,{children:"order"}),", ",(0,i.jsx)(s.code,{children:"blog"})]})}),"\n"]}),"\n"]}),"\n",(0,i.jsxs)(s.li,{children:[(0,i.jsx)(s.code,{children:"/processes"})," - layer ",(0,i.jsx)(s.strong,{children:"business processes"}),", penetrating app","\n",(0,i.jsxs)(s.ul,{children:["\n",(0,i.jsxs)(s.li,{children:[(0,i.jsx)(s.strong,{children:"The layer is optional"}),", it is usually recommended to use it when ",(0,i.jsx)(s.em,{children:"the logic grows and begins to blur in several pages"})]}),"\n",(0,i.jsx)(s.li,{children:(0,i.jsxs)(s.em,{children:["Examples: ",(0,i.jsx)(s.code,{children:"payment"}),", ",(0,i.jsx)(s.code,{children:"auth"}),", ",(0,i.jsx)(s.code,{children:"quick-tour"})]})}),"\n"]}),"\n"]}),"\n"]}),"\n",(0,i.jsxs)(s.h3,{id:"breaking-abstractions--naming",children:[(0,i.jsx)(s.code,{children:"BREAKING"})," Abstractions & Naming"]}),"\n",(0,i.jsxs)(s.p,{children:["Now specific abstractions and ",(0,i.jsx)(s.a,{href:"/docs/about/understanding/naming",children:"clear recommendations for naming them"}),"are defined"]}),"\n",(0,i.jsx)(s.h4,{id:"layers",children:"Layers"}),"\n",(0,i.jsxs)(s.ul,{children:["\n",(0,i.jsxs)(s.li,{children:[(0,i.jsx)(s.code,{children:"/app"})," \u2014 ",(0,i.jsx)(s.strong,{children:"application initialization layer"}),"\n",(0,i.jsxs)(s.ul,{children:["\n",(0,i.jsx)(s.li,{children:(0,i.jsxs)(s.em,{children:["Previous versions: ",(0,i.jsx)(s.code,{children:"app"}),", ",(0,i.jsx)(s.code,{children:"core"}),",",(0,i.jsx)(s.code,{children:"init"}),", ",(0,i.jsx)(s.code,{children:"src/index"})," (and this happens)"]})}),"\n"]}),"\n"]}),"\n",(0,i.jsxs)(s.li,{children:[(0,i.jsx)(s.code,{children:"/processes"})," \u2014 ",(0,i.jsx)(s.a,{href:"https://github.com/feature-sliced/documentation/discussions/20",children:(0,i.jsx)(s.strong,{children:"business process layer"})}),"\n",(0,i.jsxs)(s.ul,{children:["\n",(0,i.jsx)(s.li,{children:(0,i.jsxs)(s.em,{children:["Previous versions: ",(0,i.jsx)(s.code,{children:"processes"}),", ",(0,i.jsx)(s.code,{children:"flows"}),", ",(0,i.jsx)(s.code,{children:"workflows"})]})}),"\n"]}),"\n"]}),"\n",(0,i.jsxs)(s.li,{children:[(0,i.jsx)(s.code,{children:"/pages"})," \u2014 ",(0,i.jsx)(s.strong,{children:"application page layer"}),"\n",(0,i.jsxs)(s.ul,{children:["\n",(0,i.jsx)(s.li,{children:(0,i.jsxs)(s.em,{children:["Previous versions: ",(0,i.jsx)(s.code,{children:"pages"}),", ",(0,i.jsx)(s.code,{children:"screens"}),", ",(0,i.jsx)(s.code,{children:"views"}),", ",(0,i.jsx)(s.code,{children:"layouts"}),", ",(0,i.jsx)(s.code,{children:"components"}),", ",(0,i.jsx)(s.code,{children:"containers"})]})}),"\n"]}),"\n"]}),"\n",(0,i.jsxs)(s.li,{children:[(0,i.jsx)(s.code,{children:"/features"})," \u2014 ",(0,i.jsx)(s.a,{href:"https://github.com/feature-sliced/documentation/discussions/23",children:(0,i.jsx)(s.strong,{children:"functionality parts layer"})}),"\n",(0,i.jsxs)(s.ul,{children:["\n",(0,i.jsx)(s.li,{children:(0,i.jsxs)(s.em,{children:["Previous versions: ",(0,i.jsx)(s.code,{children:"features"}),", ",(0,i.jsx)(s.code,{children:"components"}),", ",(0,i.jsx)(s.code,{children:"containers"})]})}),"\n"]}),"\n"]}),"\n",(0,i.jsxs)(s.li,{children:[(0,i.jsx)(s.code,{children:"/entities"})," \u2014 ",(0,i.jsx)(s.a,{href:"https://github.com/feature-sliced/documentation/discussions/18#discussioncomment-422649",children:(0,i.jsx)(s.strong,{children:"business entity layer"})}),"\n",(0,i.jsxs)(s.ul,{children:["\n",(0,i.jsx)(s.li,{children:(0,i.jsxs)(s.em,{children:["Previous versions: ",(0,i.jsx)(s.code,{children:"entities"}),", ",(0,i.jsx)(s.code,{children:"models"}),", ",(0,i.jsx)(s.code,{children:"shared"})]})}),"\n"]}),"\n"]}),"\n",(0,i.jsxs)(s.li,{children:[(0,i.jsx)(s.code,{children:"/shared"})," \u2014 ",(0,i.jsx)(s.a,{href:"https://github.com/feature-sliced/documentation/discussions/31#discussioncomment-453020",children:(0,i.jsx)(s.strong,{children:"layer of reused infrastructure code"})})," \ud83d\udd25","\n",(0,i.jsxs)(s.ul,{children:["\n",(0,i.jsx)(s.li,{children:(0,i.jsxs)(s.em,{children:["Previous versions: ",(0,i.jsx)(s.code,{children:"shared"}),", ",(0,i.jsx)(s.code,{children:"common"}),", ",(0,i.jsx)(s.code,{children:"lib"})]})}),"\n"]}),"\n"]}),"\n"]}),"\n",(0,i.jsx)(s.h4,{id:"segments",children:"Segments"}),"\n",(0,i.jsxs)(s.ul,{children:["\n",(0,i.jsxs)(s.li,{children:[(0,i.jsx)(s.code,{children:"/ui"})," \u2014 ",(0,i.jsx)(s.a,{href:"https://github.com/feature-sliced/documentation/discussions/31#discussioncomment-453132",children:(0,i.jsx)(s.strong,{children:"UI segment"})})," \ud83d\udd25","\n",(0,i.jsxs)(s.ul,{children:["\n",(0,i.jsx)(s.li,{children:(0,i.jsxs)(s.em,{children:["Previous versions: ",(0,i.jsx)(s.code,{children:"ui"}),", ",(0,i.jsx)(s.code,{children:"components"}),", ",(0,i.jsx)(s.code,{children:"view"})]})}),"\n"]}),"\n"]}),"\n",(0,i.jsxs)(s.li,{children:[(0,i.jsx)(s.code,{children:"/model"})," \u2014 ",(0,i.jsx)(s.a,{href:"https://github.com/feature-sliced/documentation/discussions/31#discussioncomment-472645",children:(0,i.jsx)(s.strong,{children:"BL-segment"})})," \ud83d\udd25","\n",(0,i.jsxs)(s.ul,{children:["\n",(0,i.jsx)(s.li,{children:(0,i.jsxs)(s.em,{children:["Previous versions: ",(0,i.jsx)(s.code,{children:"model"}),", ",(0,i.jsx)(s.code,{children:"store"}),", ",(0,i.jsx)(s.code,{children:"state"}),", ",(0,i.jsx)(s.code,{children:"services"}),", ",(0,i.jsx)(s.code,{children:"controller"})]})}),"\n"]}),"\n"]}),"\n",(0,i.jsxs)(s.li,{children:[(0,i.jsx)(s.code,{children:"/lib"})," \u2014 segment ",(0,i.jsx)(s.strong,{children:"of auxiliary code"}),"\n",(0,i.jsxs)(s.ul,{children:["\n",(0,i.jsx)(s.li,{children:(0,i.jsxs)(s.em,{children:["Previous versions: ",(0,i.jsx)(s.code,{children:"lib"}),", ",(0,i.jsx)(s.code,{children:"libs"}),", ",(0,i.jsx)(s.code,{children:"utils"}),", ",(0,i.jsx)(s.code,{children:"helpers"})]})}),"\n"]}),"\n"]}),"\n",(0,i.jsxs)(s.li,{children:[(0,i.jsx)(s.code,{children:"/api"})," \u2014 ",(0,i.jsx)(s.a,{href:"https://github.com/feature-sliced/documentation/discussions/66",children:(0,i.jsx)(s.strong,{children:"API segment"})}),"\n",(0,i.jsxs)(s.ul,{children:["\n",(0,i.jsx)(s.li,{children:(0,i.jsxs)(s.em,{children:["Previous versions: ",(0,i.jsx)(s.code,{children:"api"}),", ",(0,i.jsx)(s.code,{children:"service"}),", ",(0,i.jsx)(s.code,{children:"requests"}),", ",(0,i.jsx)(s.code,{children:"queries"})]})}),"\n"]}),"\n"]}),"\n",(0,i.jsxs)(s.li,{children:[(0,i.jsx)(s.code,{children:"/config"})," \u2014 ",(0,i.jsx)(s.strong,{children:"application configuration segment"}),"\n",(0,i.jsxs)(s.ul,{children:["\n",(0,i.jsx)(s.li,{children:(0,i.jsxs)(s.em,{children:["Previous versions: ",(0,i.jsx)(s.code,{children:"config"}),", ",(0,i.jsx)(s.code,{children:"env"}),", ",(0,i.jsx)(s.code,{children:"get-env"})]})}),"\n"]}),"\n"]}),"\n"]}),"\n",(0,i.jsxs)(s.h3,{id:"refined-low-coupling",children:[(0,i.jsx)(s.code,{children:"REFINED"})," Low coupling"]}),"\n",(0,i.jsxs)(s.p,{children:["Now it is much easier to ",(0,i.jsx)(s.a,{href:"/docs/reference/isolation/coupling-cohesion",children:"observe the principle of low coupling"})," between modules, thanks to the new layers."]}),"\n",(0,i.jsx)(s.p,{children:(0,i.jsx)(s.em,{children:'At the same time, it is still recommended to avoid as much as possible cases where it is extremely difficult to "uncouple" modules'})}),"\n",(0,i.jsx)(s.h2,{id:"see-also",children:"See also"}),"\n",(0,i.jsxs)(s.ul,{children:["\n",(0,i.jsx)(s.li,{children:(0,i.jsx)(s.a,{href:"https://t.me/feature_slices",children:'Notes from the report "React SPB Meetup #1"'})}),"\n",(0,i.jsx)(s.li,{children:(0,i.jsx)(s.a,{href:"https://www.youtube.com/watch?v=BWAeYuWFHhs",children:'React Berlin Talk - Oleg Isonen "Feature Driven Architecture"'})}),"\n",(0,i.jsx)(s.li,{children:(0,i.jsx)(s.a,{href:"https://t.me/feature_sliced/493",children:"Comparison with v1 (community-chat)"})}),"\n",(0,i.jsx)(s.li,{children:(0,i.jsx)(s.a,{href:"https://t.me/atomicdesign/18708",children:"New ideas v2 with explanations (atomicdesign-chat)"})}),"\n",(0,i.jsx)(s.li,{children:(0,i.jsx)(s.a,{href:"https://github.com/feature-sliced/documentation/discussions/31",children:"Discussion of abstractions and naming for the new version of the methodology (v2)"})}),"\n"]})]})}function a(e={}){const{wrapper:s}={...(0,r.R)(),...e.components};return s?(0,i.jsx)(s,{...e,children:(0,i.jsx)(h,{...e})}):h(e)}},1100:(e,s,n)=>{n.d(s,{R:()=>l,x:()=>o});var i=n(758);const r={},t=i.createContext(r);function l(e){const s=i.useContext(t);return i.useMemo((function(){return"function"==typeof e?e(s):{...s,...e}}),[s,e])}function o(e){let s;return s=e.disableParentContext?"function"==typeof e.components?e.components(r):e.components||r:l(e.components),i.createElement(t.Provider,{value:s},e.children)}}}]);
\ No newline at end of file
+"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[1616],{3193:(e,s,n)=>{n.r(s),n.d(s,{assets:()=>c,contentTitle:()=>l,default:()=>a,frontMatter:()=>t,metadata:()=>o,toc:()=>d});var i=n(6070),r=n(1100);const t={sidebar_position:4},l="Migration from v1",o={id:"guides/migration/from-v1",title:"Migration from v1",description:"Why v2?",source:"@site/i18n/en/docusaurus-plugin-content-docs/current/guides/migration/from-v1.md",sourceDirName:"guides/migration",slug:"/guides/migration/from-v1",permalink:"/uz/docs/guides/migration/from-v1",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/guides/migration/from-v1.md",tags:[],version:"current",lastUpdatedAt:1728325386e3,sidebarPosition:4,frontMatter:{sidebar_position:4},sidebar:"guidesSidebar",previous:{title:"From a custom architecture",permalink:"/uz/docs/guides/migration/from-custom"},next:{title:"Usage with NextJS",permalink:"/uz/docs/guides/tech/with-nextjs"}},c={},d=[{value:"Why v2?",id:"why-v2",level:2},{value:"Why does it make sense to migrate the project to v2?",id:"why-does-it-make-sense-to-migrate-the-project-to-v2",level:2},{value:"\ud83d\udd0d More transparent and simple architecture",id:"-more-transparent-and-simple-architecture",level:4},{value:"\ud83d\udce6 More flexible and honest modularity",id:"-more-flexible-and-honest-modularity",level:4},{value:"\ud83d\ude80 More specifications, plans, community",id:"-more-specifications-plans-community",level:4},{value:"Changelog",id:"changelog",level:2},{value:"<code>BREAKING</code> Layers",id:"breaking-layers",level:3},{value:"<code>BREAKING</code> Shared",id:"breaking-shared",level:3},{value:"<code>NEW</code> Entities, Processes",id:"new-entities-processes",level:3},{value:"<code>BREAKING</code> Abstractions &amp; Naming",id:"breaking-abstractions--naming",level:3},{value:"Layers",id:"layers",level:4},{value:"Segments",id:"segments",level:4},{value:"<code>REFINED</code> Low coupling",id:"refined-low-coupling",level:3},{value:"See also",id:"see-also",level:2}];function h(e){const s={a:"a",blockquote:"blockquote",code:"code",em:"em",h1:"h1",h2:"h2",h3:"h3",h4:"h4",header:"header",li:"li",p:"p",strong:"strong",ul:"ul",...(0,r.R)(),...e.components};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(s.header,{children:(0,i.jsx)(s.h1,{id:"migration-from-v1",children:"Migration from v1"})}),"\n",(0,i.jsx)(s.h2,{id:"why-v2",children:"Why v2?"}),"\n",(0,i.jsxs)(s.p,{children:["The original concept of ",(0,i.jsx)(s.strong,{children:"feature-slices"})," ",(0,i.jsx)(s.a,{href:"https://t.me/feature_slices",children:"was announced"})," in 2018."]}),"\n",(0,i.jsxs)(s.p,{children:["Since then, many transformations of the methodology have taken place, but at the same time ",(0,i.jsx)(s.strong,{children:(0,i.jsx)(s.a,{href:"https://feature-sliced.github.io/featureslices.dev/v1.0.html",children:"the basic principles were preserved"})}),":"]}),"\n",(0,i.jsxs)(s.ul,{children:["\n",(0,i.jsxs)(s.li,{children:["Using a ",(0,i.jsx)(s.em,{children:"standardized"})," frontend project structure"]}),"\n",(0,i.jsxs)(s.li,{children:["Splitting the application in the first place-according to ",(0,i.jsx)(s.em,{children:"business logic"})]}),"\n",(0,i.jsxs)(s.li,{children:["Use of ",(0,i.jsx)(s.em,{children:"isolated features"})," to prevent implicit side effects and cyclic dependencies"]}),"\n",(0,i.jsxs)(s.li,{children:["Using the ",(0,i.jsx)(s.em,{children:"Public API"}),' with a ban on climbing "into the insides" of the module']}),"\n"]}),"\n",(0,i.jsxs)(s.p,{children:["At the same time, in the previous version of the methodology, there were still ",(0,i.jsx)(s.strong,{children:"weak points"})," that"]}),"\n",(0,i.jsxs)(s.ul,{children:["\n",(0,i.jsx)(s.li,{children:"Sometimes it leads to boilerplate code"}),"\n",(0,i.jsx)(s.li,{children:"Sometimes it leads to excessive complication of the code base and non-obvious rules between abstractions"}),"\n",(0,i.jsx)(s.li,{children:"Sometimes it leads to implicit architectural solutions, which prevented the project from being pulled up and new people from onboarding"}),"\n"]}),"\n",(0,i.jsxs)(s.p,{children:["The new version of the methodology (",(0,i.jsx)(s.a,{href:"https://github.com/feature-sliced/documentation",children:"v2"}),") is designed ",(0,i.jsx)(s.strong,{children:"to eliminate these shortcomings, while preserving the existing advantages"})," of the approach."]}),"\n",(0,i.jsxs)(s.p,{children:["Since 2018, ",(0,i.jsx)(s.a,{href:"https://github.com/kof/feature-driven-architecture/issues",children:"has also developed"})," another similar methodology - ",(0,i.jsx)(s.a,{href:"https://github.com/feature-sliced/documentation/tree/rc/feature-driven",children:(0,i.jsx)(s.strong,{children:"feature-driven"})}),", which was first announced by ",(0,i.jsx)(s.a,{href:"https://github.com/kof",children:"Oleg Isonen"}),"."]}),"\n",(0,i.jsxs)(s.p,{children:["After merging of the two approaches, we have ",(0,i.jsx)(s.strong,{children:"improved and refined existing practices"})," - towards greater flexibility, clarity and efficiency in application."]}),"\n",(0,i.jsxs)(s.blockquote,{children:["\n",(0,i.jsxs)(s.p,{children:["As a result, this has even affected the name of the methodology - ",(0,i.jsxs)(s.em,{children:['"feature-slice',(0,i.jsx)(s.strong,{children:"d"}),'"']})]}),"\n"]}),"\n",(0,i.jsx)(s.h2,{id:"why-does-it-make-sense-to-migrate-the-project-to-v2",children:"Why does it make sense to migrate the project to v2?"}),"\n",(0,i.jsxs)(s.blockquote,{children:["\n",(0,i.jsxs)(s.p,{children:[(0,i.jsx)(s.code,{children:"WIP:"})," The current version of the methodology is under development and some details ",(0,i.jsx)(s.em,{children:"may change"})]}),"\n"]}),"\n",(0,i.jsx)(s.h4,{id:"-more-transparent-and-simple-architecture",children:"\ud83d\udd0d More transparent and simple architecture"}),"\n",(0,i.jsxs)(s.p,{children:["The methodology (v2) offers ",(0,i.jsx)(s.strong,{children:"more intuitive and more common abstractions and ways of separating logic among developers."})]}),"\n",(0,i.jsx)(s.p,{children:"All this has an extremely positive effect on attracting new people, as well as studying the current state of the project, and distributing the business logic of the application."}),"\n",(0,i.jsx)(s.h4,{id:"-more-flexible-and-honest-modularity",children:"\ud83d\udce6 More flexible and honest modularity"}),"\n",(0,i.jsxs)(s.p,{children:["The methodology (v2) allows ",(0,i.jsx)(s.strong,{children:"to distribute logic in a more flexible way:"})]}),"\n",(0,i.jsxs)(s.ul,{children:["\n",(0,i.jsx)(s.li,{children:"With the ability to refactor isolated parts from scratch"}),"\n",(0,i.jsx)(s.li,{children:"With the ability to rely on the same abstractions, but without unnecessary interweaving of dependencies"}),"\n",(0,i.jsxs)(s.li,{children:["With simpler requirements for the location of the new module ",(0,i.jsx)(s.em,{children:"(layer => slice => segment)"})]}),"\n"]}),"\n",(0,i.jsx)(s.h4,{id:"-more-specifications-plans-community",children:"\ud83d\ude80 More specifications, plans, community"}),"\n",(0,i.jsxs)(s.p,{children:["At the moment, the ",(0,i.jsx)(s.code,{children:"core-team"})," is actively working on the latest (v2) version of the methodology"]}),"\n",(0,i.jsx)(s.p,{children:"So it is for her:"}),"\n",(0,i.jsxs)(s.ul,{children:["\n",(0,i.jsx)(s.li,{children:"there will be more described cases / problems"}),"\n",(0,i.jsx)(s.li,{children:"there will be more guides on the application"}),"\n",(0,i.jsx)(s.li,{children:"there will be more real examples"}),"\n",(0,i.jsx)(s.li,{children:"in general, there will be more documentation for onboarding new people and studying the concepts of the methodology"}),"\n",(0,i.jsx)(s.li,{children:"the toolkit will be developed in the future to comply with the concepts and conventions on architecture"}),"\n"]}),"\n",(0,i.jsxs)(s.blockquote,{children:["\n",(0,i.jsx)(s.p,{children:"Of course, there will be user support for the first version as well - but the latest version is still a priority for us"}),"\n",(0,i.jsxs)(s.p,{children:["In the future, with the next major updates, you will still have access to the current version (v2) of the methodology, ",(0,i.jsx)(s.strong,{children:"without risks for your teams and projects"})]}),"\n"]}),"\n",(0,i.jsx)(s.h2,{id:"changelog",children:"Changelog"}),"\n",(0,i.jsxs)(s.h3,{id:"breaking-layers",children:[(0,i.jsx)(s.code,{children:"BREAKING"})," Layers"]}),"\n",(0,i.jsx)(s.p,{children:"Now the methodology assumes explicit allocation of layers at the top level"}),"\n",(0,i.jsxs)(s.ul,{children:["\n",(0,i.jsxs)(s.li,{children:["\n",(0,i.jsxs)(s.p,{children:[(0,i.jsx)(s.code,{children:"/app"})," > ",(0,i.jsx)(s.code,{children:"/processes"})," > ",(0,i.jsx)(s.strong,{children:(0,i.jsx)(s.code,{children:"/pages"})})," > ",(0,i.jsx)(s.strong,{children:(0,i.jsx)(s.code,{children:"/features"})})," > ",(0,i.jsx)(s.code,{children:"/entities"})," > ",(0,i.jsx)(s.code,{children:"/shared"})]}),"\n"]}),"\n",(0,i.jsxs)(s.li,{children:["\n",(0,i.jsx)(s.p,{children:(0,i.jsx)(s.em,{children:"That is, not everything is now treated as features/pages"})}),"\n"]}),"\n",(0,i.jsxs)(s.li,{children:["\n",(0,i.jsxs)(s.p,{children:["This approach allows you to ",(0,i.jsx)(s.a,{href:"https://t.me/atomicdesign/18708",children:"explicitly set rules for layers"}),":"]}),"\n"]}),"\n",(0,i.jsxs)(s.li,{children:["\n",(0,i.jsxs)(s.p,{children:["The ",(0,i.jsx)(s.strong,{children:"higher the layer"})," of the module is located , the more ",(0,i.jsx)(s.strong,{children:"context"})," it has"]}),"\n",(0,i.jsx)(s.p,{children:(0,i.jsx)(s.em,{children:"(in other words-each module of the layer - can import only the modules of the underlying layers, but not higher)"})}),"\n"]}),"\n",(0,i.jsxs)(s.li,{children:["\n",(0,i.jsxs)(s.p,{children:["The ",(0,i.jsx)(s.strong,{children:"lower the layer of the"})," module is located , the more ",(0,i.jsx)(s.strong,{children:"danger and responsibility"})," to make changes to it"]}),"\n",(0,i.jsx)(s.p,{children:(0,i.jsx)(s.em,{children:"(because it is usually the underlying layers that are more overused)"})}),"\n"]}),"\n"]}),"\n",(0,i.jsxs)(s.h3,{id:"breaking-shared",children:[(0,i.jsx)(s.code,{children:"BREAKING"})," Shared"]}),"\n",(0,i.jsxs)(s.p,{children:["The infrastructure abstractions ",(0,i.jsx)(s.code,{children:"/ui"}),", ",(0,i.jsx)(s.code,{children:"/lib"}),", ",(0,i.jsx)(s.code,{children:"/api"}),", which used to lie in the src root of the project, are now separated by a separate directory ",(0,i.jsx)(s.code,{children:"/src/shared"})]}),"\n",(0,i.jsxs)(s.ul,{children:["\n",(0,i.jsxs)(s.li,{children:[(0,i.jsx)(s.code,{children:"shared/ui"})," - Still the same general uikit of the application (optional)","\n",(0,i.jsxs)(s.ul,{children:["\n",(0,i.jsx)(s.li,{children:(0,i.jsxs)(s.em,{children:["At the same time, no one forbids using ",(0,i.jsx)(s.code,{children:"Atomic Design"})," here as before"]})}),"\n"]}),"\n"]}),"\n",(0,i.jsxs)(s.li,{children:[(0,i.jsx)(s.code,{children:"shared/lib"})," - A set of auxiliary libraries for implementing logic","\n",(0,i.jsxs)(s.ul,{children:["\n",(0,i.jsx)(s.li,{children:(0,i.jsx)(s.em,{children:"Still - without a dump of helpers"})}),"\n"]}),"\n"]}),"\n",(0,i.jsxs)(s.li,{children:[(0,i.jsx)(s.code,{children:"shared/api"})," - A common entry point for accessing the API","\n",(0,i.jsxs)(s.ul,{children:["\n",(0,i.jsx)(s.li,{children:(0,i.jsx)(s.em,{children:"Can also be registered locally in each feature / page - but it is not recommended"})}),"\n"]}),"\n"]}),"\n",(0,i.jsxs)(s.li,{children:["As before - there should be no explicit binding to business logic in ",(0,i.jsx)(s.code,{children:"shared"}),"\n",(0,i.jsxs)(s.ul,{children:["\n",(0,i.jsx)(s.li,{children:(0,i.jsxs)(s.em,{children:["If necessary, you need to take this relationship to the ",(0,i.jsx)(s.code,{children:"entities"})," level or even higher"]})}),"\n"]}),"\n"]}),"\n"]}),"\n",(0,i.jsxs)(s.h3,{id:"new-entities-processes",children:[(0,i.jsx)(s.code,{children:"NEW"})," Entities, Processes"]}),"\n",(0,i.jsxs)(s.p,{children:["In v2 ",(0,i.jsx)(s.strong,{children:", other new abstractions"})," have been added to eliminate the problems of logic complexity and high coupling."]}),"\n",(0,i.jsxs)(s.ul,{children:["\n",(0,i.jsxs)(s.li,{children:[(0,i.jsx)(s.code,{children:"/entities"})," - layer ",(0,i.jsx)(s.strong,{children:"business entities"})," containing slices that are related directly to the business models or synthetic entities required only on frontend","\n",(0,i.jsxs)(s.ul,{children:["\n",(0,i.jsx)(s.li,{children:(0,i.jsxs)(s.em,{children:["Examples: ",(0,i.jsx)(s.code,{children:"user"}),", ",(0,i.jsx)(s.code,{children:"i18n"}),", ",(0,i.jsx)(s.code,{children:"order"}),", ",(0,i.jsx)(s.code,{children:"blog"})]})}),"\n"]}),"\n"]}),"\n",(0,i.jsxs)(s.li,{children:[(0,i.jsx)(s.code,{children:"/processes"})," - layer ",(0,i.jsx)(s.strong,{children:"business processes"}),", penetrating app","\n",(0,i.jsxs)(s.ul,{children:["\n",(0,i.jsxs)(s.li,{children:[(0,i.jsx)(s.strong,{children:"The layer is optional"}),", it is usually recommended to use it when ",(0,i.jsx)(s.em,{children:"the logic grows and begins to blur in several pages"})]}),"\n",(0,i.jsx)(s.li,{children:(0,i.jsxs)(s.em,{children:["Examples: ",(0,i.jsx)(s.code,{children:"payment"}),", ",(0,i.jsx)(s.code,{children:"auth"}),", ",(0,i.jsx)(s.code,{children:"quick-tour"})]})}),"\n"]}),"\n"]}),"\n"]}),"\n",(0,i.jsxs)(s.h3,{id:"breaking-abstractions--naming",children:[(0,i.jsx)(s.code,{children:"BREAKING"})," Abstractions & Naming"]}),"\n",(0,i.jsxs)(s.p,{children:["Now specific abstractions and ",(0,i.jsx)(s.a,{href:"/docs/about/understanding/naming",children:"clear recommendations for naming them"}),"are defined"]}),"\n",(0,i.jsx)(s.h4,{id:"layers",children:"Layers"}),"\n",(0,i.jsxs)(s.ul,{children:["\n",(0,i.jsxs)(s.li,{children:[(0,i.jsx)(s.code,{children:"/app"})," \u2014 ",(0,i.jsx)(s.strong,{children:"application initialization layer"}),"\n",(0,i.jsxs)(s.ul,{children:["\n",(0,i.jsx)(s.li,{children:(0,i.jsxs)(s.em,{children:["Previous versions: ",(0,i.jsx)(s.code,{children:"app"}),", ",(0,i.jsx)(s.code,{children:"core"}),",",(0,i.jsx)(s.code,{children:"init"}),", ",(0,i.jsx)(s.code,{children:"src/index"})," (and this happens)"]})}),"\n"]}),"\n"]}),"\n",(0,i.jsxs)(s.li,{children:[(0,i.jsx)(s.code,{children:"/processes"})," \u2014 ",(0,i.jsx)(s.a,{href:"https://github.com/feature-sliced/documentation/discussions/20",children:(0,i.jsx)(s.strong,{children:"business process layer"})}),"\n",(0,i.jsxs)(s.ul,{children:["\n",(0,i.jsx)(s.li,{children:(0,i.jsxs)(s.em,{children:["Previous versions: ",(0,i.jsx)(s.code,{children:"processes"}),", ",(0,i.jsx)(s.code,{children:"flows"}),", ",(0,i.jsx)(s.code,{children:"workflows"})]})}),"\n"]}),"\n"]}),"\n",(0,i.jsxs)(s.li,{children:[(0,i.jsx)(s.code,{children:"/pages"})," \u2014 ",(0,i.jsx)(s.strong,{children:"application page layer"}),"\n",(0,i.jsxs)(s.ul,{children:["\n",(0,i.jsx)(s.li,{children:(0,i.jsxs)(s.em,{children:["Previous versions: ",(0,i.jsx)(s.code,{children:"pages"}),", ",(0,i.jsx)(s.code,{children:"screens"}),", ",(0,i.jsx)(s.code,{children:"views"}),", ",(0,i.jsx)(s.code,{children:"layouts"}),", ",(0,i.jsx)(s.code,{children:"components"}),", ",(0,i.jsx)(s.code,{children:"containers"})]})}),"\n"]}),"\n"]}),"\n",(0,i.jsxs)(s.li,{children:[(0,i.jsx)(s.code,{children:"/features"})," \u2014 ",(0,i.jsx)(s.a,{href:"https://github.com/feature-sliced/documentation/discussions/23",children:(0,i.jsx)(s.strong,{children:"functionality parts layer"})}),"\n",(0,i.jsxs)(s.ul,{children:["\n",(0,i.jsx)(s.li,{children:(0,i.jsxs)(s.em,{children:["Previous versions: ",(0,i.jsx)(s.code,{children:"features"}),", ",(0,i.jsx)(s.code,{children:"components"}),", ",(0,i.jsx)(s.code,{children:"containers"})]})}),"\n"]}),"\n"]}),"\n",(0,i.jsxs)(s.li,{children:[(0,i.jsx)(s.code,{children:"/entities"})," \u2014 ",(0,i.jsx)(s.a,{href:"https://github.com/feature-sliced/documentation/discussions/18#discussioncomment-422649",children:(0,i.jsx)(s.strong,{children:"business entity layer"})}),"\n",(0,i.jsxs)(s.ul,{children:["\n",(0,i.jsx)(s.li,{children:(0,i.jsxs)(s.em,{children:["Previous versions: ",(0,i.jsx)(s.code,{children:"entities"}),", ",(0,i.jsx)(s.code,{children:"models"}),", ",(0,i.jsx)(s.code,{children:"shared"})]})}),"\n"]}),"\n"]}),"\n",(0,i.jsxs)(s.li,{children:[(0,i.jsx)(s.code,{children:"/shared"})," \u2014 ",(0,i.jsx)(s.a,{href:"https://github.com/feature-sliced/documentation/discussions/31#discussioncomment-453020",children:(0,i.jsx)(s.strong,{children:"layer of reused infrastructure code"})})," \ud83d\udd25","\n",(0,i.jsxs)(s.ul,{children:["\n",(0,i.jsx)(s.li,{children:(0,i.jsxs)(s.em,{children:["Previous versions: ",(0,i.jsx)(s.code,{children:"shared"}),", ",(0,i.jsx)(s.code,{children:"common"}),", ",(0,i.jsx)(s.code,{children:"lib"})]})}),"\n"]}),"\n"]}),"\n"]}),"\n",(0,i.jsx)(s.h4,{id:"segments",children:"Segments"}),"\n",(0,i.jsxs)(s.ul,{children:["\n",(0,i.jsxs)(s.li,{children:[(0,i.jsx)(s.code,{children:"/ui"})," \u2014 ",(0,i.jsx)(s.a,{href:"https://github.com/feature-sliced/documentation/discussions/31#discussioncomment-453132",children:(0,i.jsx)(s.strong,{children:"UI segment"})})," \ud83d\udd25","\n",(0,i.jsxs)(s.ul,{children:["\n",(0,i.jsx)(s.li,{children:(0,i.jsxs)(s.em,{children:["Previous versions: ",(0,i.jsx)(s.code,{children:"ui"}),", ",(0,i.jsx)(s.code,{children:"components"}),", ",(0,i.jsx)(s.code,{children:"view"})]})}),"\n"]}),"\n"]}),"\n",(0,i.jsxs)(s.li,{children:[(0,i.jsx)(s.code,{children:"/model"})," \u2014 ",(0,i.jsx)(s.a,{href:"https://github.com/feature-sliced/documentation/discussions/31#discussioncomment-472645",children:(0,i.jsx)(s.strong,{children:"BL-segment"})})," \ud83d\udd25","\n",(0,i.jsxs)(s.ul,{children:["\n",(0,i.jsx)(s.li,{children:(0,i.jsxs)(s.em,{children:["Previous versions: ",(0,i.jsx)(s.code,{children:"model"}),", ",(0,i.jsx)(s.code,{children:"store"}),", ",(0,i.jsx)(s.code,{children:"state"}),", ",(0,i.jsx)(s.code,{children:"services"}),", ",(0,i.jsx)(s.code,{children:"controller"})]})}),"\n"]}),"\n"]}),"\n",(0,i.jsxs)(s.li,{children:[(0,i.jsx)(s.code,{children:"/lib"})," \u2014 segment ",(0,i.jsx)(s.strong,{children:"of auxiliary code"}),"\n",(0,i.jsxs)(s.ul,{children:["\n",(0,i.jsx)(s.li,{children:(0,i.jsxs)(s.em,{children:["Previous versions: ",(0,i.jsx)(s.code,{children:"lib"}),", ",(0,i.jsx)(s.code,{children:"libs"}),", ",(0,i.jsx)(s.code,{children:"utils"}),", ",(0,i.jsx)(s.code,{children:"helpers"})]})}),"\n"]}),"\n"]}),"\n",(0,i.jsxs)(s.li,{children:[(0,i.jsx)(s.code,{children:"/api"})," \u2014 ",(0,i.jsx)(s.a,{href:"https://github.com/feature-sliced/documentation/discussions/66",children:(0,i.jsx)(s.strong,{children:"API segment"})}),"\n",(0,i.jsxs)(s.ul,{children:["\n",(0,i.jsx)(s.li,{children:(0,i.jsxs)(s.em,{children:["Previous versions: ",(0,i.jsx)(s.code,{children:"api"}),", ",(0,i.jsx)(s.code,{children:"service"}),", ",(0,i.jsx)(s.code,{children:"requests"}),", ",(0,i.jsx)(s.code,{children:"queries"})]})}),"\n"]}),"\n"]}),"\n",(0,i.jsxs)(s.li,{children:[(0,i.jsx)(s.code,{children:"/config"})," \u2014 ",(0,i.jsx)(s.strong,{children:"application configuration segment"}),"\n",(0,i.jsxs)(s.ul,{children:["\n",(0,i.jsx)(s.li,{children:(0,i.jsxs)(s.em,{children:["Previous versions: ",(0,i.jsx)(s.code,{children:"config"}),", ",(0,i.jsx)(s.code,{children:"env"}),", ",(0,i.jsx)(s.code,{children:"get-env"})]})}),"\n"]}),"\n"]}),"\n"]}),"\n",(0,i.jsxs)(s.h3,{id:"refined-low-coupling",children:[(0,i.jsx)(s.code,{children:"REFINED"})," Low coupling"]}),"\n",(0,i.jsxs)(s.p,{children:["Now it is much easier to ",(0,i.jsx)(s.a,{href:"/docs/reference/isolation/coupling-cohesion",children:"observe the principle of low coupling"})," between modules, thanks to the new layers."]}),"\n",(0,i.jsx)(s.p,{children:(0,i.jsx)(s.em,{children:'At the same time, it is still recommended to avoid as much as possible cases where it is extremely difficult to "uncouple" modules'})}),"\n",(0,i.jsx)(s.h2,{id:"see-also",children:"See also"}),"\n",(0,i.jsxs)(s.ul,{children:["\n",(0,i.jsx)(s.li,{children:(0,i.jsx)(s.a,{href:"https://t.me/feature_slices",children:'Notes from the report "React SPB Meetup #1"'})}),"\n",(0,i.jsx)(s.li,{children:(0,i.jsx)(s.a,{href:"https://www.youtube.com/watch?v=BWAeYuWFHhs",children:'React Berlin Talk - Oleg Isonen "Feature Driven Architecture"'})}),"\n",(0,i.jsx)(s.li,{children:(0,i.jsx)(s.a,{href:"https://t.me/feature_sliced/493",children:"Comparison with v1 (community-chat)"})}),"\n",(0,i.jsx)(s.li,{children:(0,i.jsx)(s.a,{href:"https://t.me/atomicdesign/18708",children:"New ideas v2 with explanations (atomicdesign-chat)"})}),"\n",(0,i.jsx)(s.li,{children:(0,i.jsx)(s.a,{href:"https://github.com/feature-sliced/documentation/discussions/31",children:"Discussion of abstractions and naming for the new version of the methodology (v2)"})}),"\n"]})]})}function a(e={}){const{wrapper:s}={...(0,r.R)(),...e.components};return s?(0,i.jsx)(s,{...e,children:(0,i.jsx)(h,{...e})}):h(e)}},1100:(e,s,n)=>{n.d(s,{R:()=>l,x:()=>o});var i=n(758);const r={},t=i.createContext(r);function l(e){const s=i.useContext(t);return i.useMemo((function(){return"function"==typeof e?e(s):{...s,...e}}),[s,e])}function o(e){let s;return s=e.disableParentContext?"function"==typeof e.components?e.components(r):e.components||r:l(e.components),i.createElement(t.Provider,{value:s},e.children)}}}]);
\ No newline at end of file
diff --git a/uz/assets/js/8ce83ff6.8cc8f521.js b/uz/assets/js/8ce83ff6.bb687c48.js
similarity index 98%
rename from uz/assets/js/8ce83ff6.8cc8f521.js
rename to uz/assets/js/8ce83ff6.bb687c48.js
index 9a1b5f6335..3d23270d5c 100644
--- a/uz/assets/js/8ce83ff6.8cc8f521.js
+++ b/uz/assets/js/8ce83ff6.bb687c48.js
@@ -1 +1 @@
-"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[6684],{1928:(e,s,t)=>{t.d(s,{Ay:()=>l,RM:()=>d});var i=t(6070),r=t(1100),n=(t(758),t(6783)),o=t(7765);const a=e=>{let{ticket:s}=e;const t=`https://github.com/feature-sliced/documentation/issues/${s}`;return(0,i.jsxs)("div",{children:[(0,i.jsx)("p",{children:(0,o.T)({id:"shared.wip.title"})}),(0,i.jsx)("p",{children:(0,o.T)({id:"shared.wip.subtitle"})}),(0,i.jsxs)("ul",{children:[(0,i.jsxs)("li",{children:[(0,o.T)({id:"shared.wip.var.feedback.base"}),(0,i.jsx)(n.A,{to:t,children:(0,o.T)({id:"shared.wip.var.feedback.link"})})]}),(0,i.jsxs)("li",{children:[(0,o.T)({id:"shared.wip.var.material.base"}),(0,i.jsx)(n.A,{to:"https://t.me/feature_sliced",children:(0,o.T)({id:"shared.wip.var.material.link"})})]}),(0,i.jsxs)("li",{children:[(0,o.T)({id:"shared.wip.var.contribute.base"}),(0,i.jsx)(n.A,{to:"https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md",children:(0,o.T)({id:"shared.wip.var.contribute.link"})})]})]}),(0,i.jsx)("br",{}),(0,i.jsx)("p",{children:(0,i.jsx)("i",{children:"\ud83c\udf70 Stay tuned!"})})]})},d=[];function c(e){const s={admonition:"admonition",...(0,r.R)(),...e.components};return(0,i.jsx)(s.admonition,{title:"WIP",type:"caution",children:(0,i.jsx)(a,{ticket:e.ticket})})}function l(e={}){const{wrapper:s}={...(0,r.R)(),...e.components};return s?(0,i.jsx)(s,{...e,children:(0,i.jsx)(c,{...e})}):c(e)}},526:(e,s,t)=>{t.r(s),t.d(s,{assets:()=>c,contentTitle:()=>a,default:()=>h,frontMatter:()=>o,metadata:()=>d,toc:()=>l});var i=t(6070),r=t(1100),n=t(1928);const o={sidebar_position:4,sidebar_class_name:"sidebar-item--wip",pagination_next:"reference/index"},a="Cross-imports",d={id:"guides/issues/cross-imports",title:"Cross-imports",description:"Cross-imports appear when the layer or abstraction begins to take too much responsibility than it should. That is why the methodology identifies new layers that allow you to uncouple these cross-imports",source:"@site/i18n/en/docusaurus-plugin-content-docs/current/guides/issues/cross-imports.mdx",sourceDirName:"guides/issues",slug:"/guides/issues/cross-imports",permalink:"/uz/docs/guides/issues/cross-imports",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/guides/issues/cross-imports.mdx",tags:[],version:"current",lastUpdatedAt:1727607766e3,sidebarPosition:4,frontMatter:{sidebar_position:4,sidebar_class_name:"sidebar-item--wip",pagination_next:"reference/index"},sidebar:"guidesSidebar",previous:{title:"Routing",permalink:"/uz/docs/guides/issues/routes"},next:{title:"\ud83d\udcda Malumot",permalink:"/uz/docs/reference/"}},c={},l=[...n.RM,{value:"See also",id:"see-also",level:2}];function u(e){const s={a:"a",blockquote:"blockquote",h1:"h1",h2:"h2",header:"header",li:"li",p:"p",ul:"ul",...(0,r.R)(),...e.components};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(s.header,{children:(0,i.jsx)(s.h1,{id:"cross-imports",children:"Cross-imports"})}),"\n",(0,i.jsx)(n.Ay,{ticket:"220"}),"\n",(0,i.jsxs)(s.blockquote,{children:["\n",(0,i.jsx)(s.p,{children:"Cross-imports appear when the layer or abstraction begins to take too much responsibility than it should. That is why the methodology identifies new layers that allow you to uncouple these cross-imports"}),"\n"]}),"\n",(0,i.jsx)(s.h2,{id:"see-also",children:"See also"}),"\n",(0,i.jsxs)(s.ul,{children:["\n",(0,i.jsx)(s.li,{children:(0,i.jsx)(s.a,{href:"https://t.me/feature_sliced/4515",children:"(Thread) About the supposed inevitability of cross-ports"})}),"\n",(0,i.jsx)(s.li,{children:(0,i.jsx)(s.a,{href:"https://t.me/feature_sliced/3678",children:"(Thread) About resolving cross-ports in entities"})}),"\n",(0,i.jsx)(s.li,{children:(0,i.jsx)(s.a,{href:"https://t.me/feature_sliced/3287",children:"(Thread) About cross-imports and responsibility"})}),"\n",(0,i.jsx)(s.li,{children:(0,i.jsx)(s.a,{href:"https://t.me/feature_sliced/4021",children:"(Thread) About imports between segments"})}),"\n",(0,i.jsx)(s.li,{children:(0,i.jsx)(s.a,{href:"https://t.me/feature_sliced/3618",children:"(Thread) About cross-imports inside shared"})}),"\n"]})]})}function h(e={}){const{wrapper:s}={...(0,r.R)(),...e.components};return s?(0,i.jsx)(s,{...e,children:(0,i.jsx)(u,{...e})}):u(e)}},1100:(e,s,t)=>{t.d(s,{R:()=>o,x:()=>a});var i=t(758);const r={},n=i.createContext(r);function o(e){const s=i.useContext(n);return i.useMemo((function(){return"function"==typeof e?e(s):{...s,...e}}),[s,e])}function a(e){let s;return s=e.disableParentContext?"function"==typeof e.components?e.components(r):e.components||r:o(e.components),i.createElement(n.Provider,{value:s},e.children)}}}]);
\ No newline at end of file
+"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[6684],{1928:(e,s,t)=>{t.d(s,{Ay:()=>l,RM:()=>d});var i=t(6070),r=t(1100),n=(t(758),t(6783)),o=t(7765);const a=e=>{let{ticket:s}=e;const t=`https://github.com/feature-sliced/documentation/issues/${s}`;return(0,i.jsxs)("div",{children:[(0,i.jsx)("p",{children:(0,o.T)({id:"shared.wip.title"})}),(0,i.jsx)("p",{children:(0,o.T)({id:"shared.wip.subtitle"})}),(0,i.jsxs)("ul",{children:[(0,i.jsxs)("li",{children:[(0,o.T)({id:"shared.wip.var.feedback.base"}),(0,i.jsx)(n.A,{to:t,children:(0,o.T)({id:"shared.wip.var.feedback.link"})})]}),(0,i.jsxs)("li",{children:[(0,o.T)({id:"shared.wip.var.material.base"}),(0,i.jsx)(n.A,{to:"https://t.me/feature_sliced",children:(0,o.T)({id:"shared.wip.var.material.link"})})]}),(0,i.jsxs)("li",{children:[(0,o.T)({id:"shared.wip.var.contribute.base"}),(0,i.jsx)(n.A,{to:"https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md",children:(0,o.T)({id:"shared.wip.var.contribute.link"})})]})]}),(0,i.jsx)("br",{}),(0,i.jsx)("p",{children:(0,i.jsx)("i",{children:"\ud83c\udf70 Stay tuned!"})})]})},d=[];function c(e){const s={admonition:"admonition",...(0,r.R)(),...e.components};return(0,i.jsx)(s.admonition,{title:"WIP",type:"caution",children:(0,i.jsx)(a,{ticket:e.ticket})})}function l(e={}){const{wrapper:s}={...(0,r.R)(),...e.components};return s?(0,i.jsx)(s,{...e,children:(0,i.jsx)(c,{...e})}):c(e)}},526:(e,s,t)=>{t.r(s),t.d(s,{assets:()=>c,contentTitle:()=>a,default:()=>h,frontMatter:()=>o,metadata:()=>d,toc:()=>l});var i=t(6070),r=t(1100),n=t(1928);const o={sidebar_position:4,sidebar_class_name:"sidebar-item--wip",pagination_next:"reference/index"},a="Cross-imports",d={id:"guides/issues/cross-imports",title:"Cross-imports",description:"Cross-imports appear when the layer or abstraction begins to take too much responsibility than it should. That is why the methodology identifies new layers that allow you to uncouple these cross-imports",source:"@site/i18n/en/docusaurus-plugin-content-docs/current/guides/issues/cross-imports.mdx",sourceDirName:"guides/issues",slug:"/guides/issues/cross-imports",permalink:"/uz/docs/guides/issues/cross-imports",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/guides/issues/cross-imports.mdx",tags:[],version:"current",lastUpdatedAt:1728325386e3,sidebarPosition:4,frontMatter:{sidebar_position:4,sidebar_class_name:"sidebar-item--wip",pagination_next:"reference/index"},sidebar:"guidesSidebar",previous:{title:"Routing",permalink:"/uz/docs/guides/issues/routes"},next:{title:"\ud83d\udcda Malumot",permalink:"/uz/docs/reference/"}},c={},l=[...n.RM,{value:"See also",id:"see-also",level:2}];function u(e){const s={a:"a",blockquote:"blockquote",h1:"h1",h2:"h2",header:"header",li:"li",p:"p",ul:"ul",...(0,r.R)(),...e.components};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(s.header,{children:(0,i.jsx)(s.h1,{id:"cross-imports",children:"Cross-imports"})}),"\n",(0,i.jsx)(n.Ay,{ticket:"220"}),"\n",(0,i.jsxs)(s.blockquote,{children:["\n",(0,i.jsx)(s.p,{children:"Cross-imports appear when the layer or abstraction begins to take too much responsibility than it should. That is why the methodology identifies new layers that allow you to uncouple these cross-imports"}),"\n"]}),"\n",(0,i.jsx)(s.h2,{id:"see-also",children:"See also"}),"\n",(0,i.jsxs)(s.ul,{children:["\n",(0,i.jsx)(s.li,{children:(0,i.jsx)(s.a,{href:"https://t.me/feature_sliced/4515",children:"(Thread) About the supposed inevitability of cross-ports"})}),"\n",(0,i.jsx)(s.li,{children:(0,i.jsx)(s.a,{href:"https://t.me/feature_sliced/3678",children:"(Thread) About resolving cross-ports in entities"})}),"\n",(0,i.jsx)(s.li,{children:(0,i.jsx)(s.a,{href:"https://t.me/feature_sliced/3287",children:"(Thread) About cross-imports and responsibility"})}),"\n",(0,i.jsx)(s.li,{children:(0,i.jsx)(s.a,{href:"https://t.me/feature_sliced/4021",children:"(Thread) About imports between segments"})}),"\n",(0,i.jsx)(s.li,{children:(0,i.jsx)(s.a,{href:"https://t.me/feature_sliced/3618",children:"(Thread) About cross-imports inside shared"})}),"\n"]})]})}function h(e={}){const{wrapper:s}={...(0,r.R)(),...e.components};return s?(0,i.jsx)(s,{...e,children:(0,i.jsx)(u,{...e})}):u(e)}},1100:(e,s,t)=>{t.d(s,{R:()=>o,x:()=>a});var i=t(758);const r={},n=i.createContext(r);function o(e){const s=i.useContext(n);return i.useMemo((function(){return"function"==typeof e?e(s):{...s,...e}}),[s,e])}function a(e){let s;return s=e.disableParentContext?"function"==typeof e.components?e.components(r):e.components||r:o(e.components),i.createElement(n.Provider,{value:s},e.children)}}}]);
\ No newline at end of file
diff --git a/uz/assets/js/9b83d7f4.d86d9673.js b/uz/assets/js/9b83d7f4.cdb6b642.js
similarity index 98%
rename from uz/assets/js/9b83d7f4.d86d9673.js
rename to uz/assets/js/9b83d7f4.cdb6b642.js
index e3262e8291..faf9dd141a 100644
--- a/uz/assets/js/9b83d7f4.d86d9673.js
+++ b/uz/assets/js/9b83d7f4.cdb6b642.js
@@ -1 +1 @@
-"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[9568],{1928:(e,t,i)=>{i.d(t,{Ay:()=>l,RM:()=>c});var s=i(6070),n=i(1100),o=(i(758),i(6783)),d=i(7765);const r=e=>{let{ticket:t}=e;const i=`https://github.com/feature-sliced/documentation/issues/${t}`;return(0,s.jsxs)("div",{children:[(0,s.jsx)("p",{children:(0,d.T)({id:"shared.wip.title"})}),(0,s.jsx)("p",{children:(0,d.T)({id:"shared.wip.subtitle"})}),(0,s.jsxs)("ul",{children:[(0,s.jsxs)("li",{children:[(0,d.T)({id:"shared.wip.var.feedback.base"}),(0,s.jsx)(o.A,{to:i,children:(0,d.T)({id:"shared.wip.var.feedback.link"})})]}),(0,s.jsxs)("li",{children:[(0,d.T)({id:"shared.wip.var.material.base"}),(0,s.jsx)(o.A,{to:"https://t.me/feature_sliced",children:(0,d.T)({id:"shared.wip.var.material.link"})})]}),(0,s.jsxs)("li",{children:[(0,d.T)({id:"shared.wip.var.contribute.base"}),(0,s.jsx)(o.A,{to:"https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md",children:(0,d.T)({id:"shared.wip.var.contribute.link"})})]})]}),(0,s.jsx)("br",{}),(0,s.jsx)("p",{children:(0,s.jsx)("i",{children:"\ud83c\udf70 Stay tuned!"})})]})},c=[];function a(e){const t={admonition:"admonition",...(0,n.R)(),...e.components};return(0,s.jsx)(t.admonition,{title:"WIP",type:"caution",children:(0,s.jsx)(r,{ticket:e.ticket})})}function l(e={}){const{wrapper:t}={...(0,n.R)(),...e.components};return t?(0,s.jsx)(t,{...e,children:(0,s.jsx)(a,{...e})}):a(e)}},4526:(e,t,i)=>{i.r(t),i.d(t,{assets:()=>a,contentTitle:()=>r,default:()=>p,frontMatter:()=>d,metadata:()=>c,toc:()=>l});var s=i(6070),n=i(1100),o=i(1928);const d={sidebar_position:5,sidebar_class_name:"sidebar-item--wip",unlisted:!0},r="Autocomplete",c={id:"guides/examples/autocompleted",title:"Autocomplete",description:"About decomposition by layers",source:"@site/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/autocompleted.mdx",sourceDirName:"guides/examples",slug:"/guides/examples/autocompleted",permalink:"/uz/docs/guides/examples/autocompleted",draft:!1,unlisted:!0,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/autocompleted.mdx",tags:[],version:"current",lastUpdatedAt:1727607766e3,sidebarPosition:5,frontMatter:{sidebar_position:5,sidebar_class_name:"sidebar-item--wip",unlisted:!0},sidebar:"guidesSidebar"},a={},l=[...o.RM,{value:"See also",id:"see-also",level:2}];function u(e){const t={a:"a",blockquote:"blockquote",h1:"h1",h2:"h2",header:"header",li:"li",p:"p",ul:"ul",...(0,n.R)(),...e.components};return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(t.header,{children:(0,s.jsx)(t.h1,{id:"autocomplete",children:"Autocomplete"})}),"\n",(0,s.jsx)(o.Ay,{ticket:"170"}),"\n",(0,s.jsxs)(t.blockquote,{children:["\n",(0,s.jsx)(t.p,{children:"About decomposition by layers"}),"\n"]}),"\n",(0,s.jsx)(t.h2,{id:"see-also",children:"See also"}),"\n",(0,s.jsxs)(t.ul,{children:["\n",(0,s.jsx)(t.li,{children:(0,s.jsx)(t.a,{href:"https://github.com/feature-sliced/documentation/discussions/65#discussioncomment-480807",children:"(Discussion) About the application of the methodology for the selection with loaded dictionaries"})}),"\n"]})]})}function p(e={}){const{wrapper:t}={...(0,n.R)(),...e.components};return t?(0,s.jsx)(t,{...e,children:(0,s.jsx)(u,{...e})}):u(e)}},1100:(e,t,i)=>{i.d(t,{R:()=>d,x:()=>r});var s=i(758);const n={},o=s.createContext(n);function d(e){const t=s.useContext(o);return s.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function r(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(n):e.components||n:d(e.components),s.createElement(o.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
+"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[9568],{1928:(e,t,i)=>{i.d(t,{Ay:()=>l,RM:()=>c});var s=i(6070),n=i(1100),o=(i(758),i(6783)),d=i(7765);const r=e=>{let{ticket:t}=e;const i=`https://github.com/feature-sliced/documentation/issues/${t}`;return(0,s.jsxs)("div",{children:[(0,s.jsx)("p",{children:(0,d.T)({id:"shared.wip.title"})}),(0,s.jsx)("p",{children:(0,d.T)({id:"shared.wip.subtitle"})}),(0,s.jsxs)("ul",{children:[(0,s.jsxs)("li",{children:[(0,d.T)({id:"shared.wip.var.feedback.base"}),(0,s.jsx)(o.A,{to:i,children:(0,d.T)({id:"shared.wip.var.feedback.link"})})]}),(0,s.jsxs)("li",{children:[(0,d.T)({id:"shared.wip.var.material.base"}),(0,s.jsx)(o.A,{to:"https://t.me/feature_sliced",children:(0,d.T)({id:"shared.wip.var.material.link"})})]}),(0,s.jsxs)("li",{children:[(0,d.T)({id:"shared.wip.var.contribute.base"}),(0,s.jsx)(o.A,{to:"https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md",children:(0,d.T)({id:"shared.wip.var.contribute.link"})})]})]}),(0,s.jsx)("br",{}),(0,s.jsx)("p",{children:(0,s.jsx)("i",{children:"\ud83c\udf70 Stay tuned!"})})]})},c=[];function a(e){const t={admonition:"admonition",...(0,n.R)(),...e.components};return(0,s.jsx)(t.admonition,{title:"WIP",type:"caution",children:(0,s.jsx)(r,{ticket:e.ticket})})}function l(e={}){const{wrapper:t}={...(0,n.R)(),...e.components};return t?(0,s.jsx)(t,{...e,children:(0,s.jsx)(a,{...e})}):a(e)}},4526:(e,t,i)=>{i.r(t),i.d(t,{assets:()=>a,contentTitle:()=>r,default:()=>p,frontMatter:()=>d,metadata:()=>c,toc:()=>l});var s=i(6070),n=i(1100),o=i(1928);const d={sidebar_position:5,sidebar_class_name:"sidebar-item--wip",unlisted:!0},r="Autocomplete",c={id:"guides/examples/autocompleted",title:"Autocomplete",description:"About decomposition by layers",source:"@site/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/autocompleted.mdx",sourceDirName:"guides/examples",slug:"/guides/examples/autocompleted",permalink:"/uz/docs/guides/examples/autocompleted",draft:!1,unlisted:!0,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/autocompleted.mdx",tags:[],version:"current",lastUpdatedAt:1728325386e3,sidebarPosition:5,frontMatter:{sidebar_position:5,sidebar_class_name:"sidebar-item--wip",unlisted:!0},sidebar:"guidesSidebar"},a={},l=[...o.RM,{value:"See also",id:"see-also",level:2}];function u(e){const t={a:"a",blockquote:"blockquote",h1:"h1",h2:"h2",header:"header",li:"li",p:"p",ul:"ul",...(0,n.R)(),...e.components};return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(t.header,{children:(0,s.jsx)(t.h1,{id:"autocomplete",children:"Autocomplete"})}),"\n",(0,s.jsx)(o.Ay,{ticket:"170"}),"\n",(0,s.jsxs)(t.blockquote,{children:["\n",(0,s.jsx)(t.p,{children:"About decomposition by layers"}),"\n"]}),"\n",(0,s.jsx)(t.h2,{id:"see-also",children:"See also"}),"\n",(0,s.jsxs)(t.ul,{children:["\n",(0,s.jsx)(t.li,{children:(0,s.jsx)(t.a,{href:"https://github.com/feature-sliced/documentation/discussions/65#discussioncomment-480807",children:"(Discussion) About the application of the methodology for the selection with loaded dictionaries"})}),"\n"]})]})}function p(e={}){const{wrapper:t}={...(0,n.R)(),...e.components};return t?(0,s.jsx)(t,{...e,children:(0,s.jsx)(u,{...e})}):u(e)}},1100:(e,t,i)=>{i.d(t,{R:()=>d,x:()=>r});var s=i(758);const n={},o=s.createContext(n);function d(e){const t=s.useContext(o);return s.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function r(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(n):e.components||n:d(e.components),s.createElement(o.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
diff --git a/uz/assets/js/a1521a63.5ece9b65.js b/uz/assets/js/a1521a63.c7c64816.js
similarity index 98%
rename from uz/assets/js/a1521a63.5ece9b65.js
rename to uz/assets/js/a1521a63.c7c64816.js
index 438e62128d..557ea6d9fa 100644
--- a/uz/assets/js/a1521a63.5ece9b65.js
+++ b/uz/assets/js/a1521a63.c7c64816.js
@@ -1 +1 @@
-"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[9687],{1928:(e,t,i)=>{i.d(t,{Ay:()=>u,RM:()=>c});var s=i(6070),n=i(1100),r=(i(758),i(6783)),o=i(7765);const a=e=>{let{ticket:t}=e;const i=`https://github.com/feature-sliced/documentation/issues/${t}`;return(0,s.jsxs)("div",{children:[(0,s.jsx)("p",{children:(0,o.T)({id:"shared.wip.title"})}),(0,s.jsx)("p",{children:(0,o.T)({id:"shared.wip.subtitle"})}),(0,s.jsxs)("ul",{children:[(0,s.jsxs)("li",{children:[(0,o.T)({id:"shared.wip.var.feedback.base"}),(0,s.jsx)(r.A,{to:i,children:(0,o.T)({id:"shared.wip.var.feedback.link"})})]}),(0,s.jsxs)("li",{children:[(0,o.T)({id:"shared.wip.var.material.base"}),(0,s.jsx)(r.A,{to:"https://t.me/feature_sliced",children:(0,o.T)({id:"shared.wip.var.material.link"})})]}),(0,s.jsxs)("li",{children:[(0,o.T)({id:"shared.wip.var.contribute.base"}),(0,s.jsx)(r.A,{to:"https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md",children:(0,o.T)({id:"shared.wip.var.contribute.link"})})]})]}),(0,s.jsx)("br",{}),(0,s.jsx)("p",{children:(0,s.jsx)("i",{children:"\ud83c\udf70 Stay tuned!"})})]})},c=[];function d(e){const t={admonition:"admonition",...(0,n.R)(),...e.components};return(0,s.jsx)(t.admonition,{title:"WIP",type:"caution",children:(0,s.jsx)(a,{ticket:e.ticket})})}function u(e={}){const{wrapper:t}={...(0,n.R)(),...e.components};return t?(0,s.jsx)(t,{...e,children:(0,s.jsx)(d,{...e})}):d(e)}},9021:(e,t,i)=>{i.r(t),i.d(t,{assets:()=>d,contentTitle:()=>a,default:()=>p,frontMatter:()=>o,metadata:()=>c,toc:()=>u});var s=i(6070),n=i(1100),r=i(1928);const o={sidebar_class_name:"sidebar-item--wip",unlisted:!0},a="Browser API",c={id:"guides/examples/browser-api",title:"Browser API",description:"About working with the Browser API: localStorage, audio Api, bluetooth API, etc.",source:"@site/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/browser-api.mdx",sourceDirName:"guides/examples",slug:"/guides/examples/browser-api",permalink:"/uz/docs/guides/examples/browser-api",draft:!1,unlisted:!0,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/browser-api.mdx",tags:[],version:"current",lastUpdatedAt:1727607766e3,frontMatter:{sidebar_class_name:"sidebar-item--wip",unlisted:!0},sidebar:"guidesSidebar"},d={},u=[...r.RM];function l(e){const t={a:"a",blockquote:"blockquote",h1:"h1",header:"header",p:"p",...(0,n.R)(),...e.components};return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(t.header,{children:(0,s.jsx)(t.h1,{id:"browser-api",children:"Browser API"})}),"\n",(0,s.jsx)(r.Ay,{ticket:"197"}),"\n",(0,s.jsxs)(t.blockquote,{children:["\n",(0,s.jsx)(t.p,{children:"About working with the Browser API: localStorage, audio Api, bluetooth API, etc."}),"\n",(0,s.jsxs)(t.p,{children:["You can ask about the idea in more detail ",(0,s.jsx)(t.a,{href:"https://t.me/alex_novich",children:"@alex_novi"})]}),"\n"]})]})}function p(e={}){const{wrapper:t}={...(0,n.R)(),...e.components};return t?(0,s.jsx)(t,{...e,children:(0,s.jsx)(l,{...e})}):l(e)}},1100:(e,t,i)=>{i.d(t,{R:()=>o,x:()=>a});var s=i(758);const n={},r=s.createContext(n);function o(e){const t=s.useContext(r);return s.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function a(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(n):e.components||n:o(e.components),s.createElement(r.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
+"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[9687],{1928:(e,t,i)=>{i.d(t,{Ay:()=>u,RM:()=>c});var s=i(6070),n=i(1100),r=(i(758),i(6783)),o=i(7765);const a=e=>{let{ticket:t}=e;const i=`https://github.com/feature-sliced/documentation/issues/${t}`;return(0,s.jsxs)("div",{children:[(0,s.jsx)("p",{children:(0,o.T)({id:"shared.wip.title"})}),(0,s.jsx)("p",{children:(0,o.T)({id:"shared.wip.subtitle"})}),(0,s.jsxs)("ul",{children:[(0,s.jsxs)("li",{children:[(0,o.T)({id:"shared.wip.var.feedback.base"}),(0,s.jsx)(r.A,{to:i,children:(0,o.T)({id:"shared.wip.var.feedback.link"})})]}),(0,s.jsxs)("li",{children:[(0,o.T)({id:"shared.wip.var.material.base"}),(0,s.jsx)(r.A,{to:"https://t.me/feature_sliced",children:(0,o.T)({id:"shared.wip.var.material.link"})})]}),(0,s.jsxs)("li",{children:[(0,o.T)({id:"shared.wip.var.contribute.base"}),(0,s.jsx)(r.A,{to:"https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md",children:(0,o.T)({id:"shared.wip.var.contribute.link"})})]})]}),(0,s.jsx)("br",{}),(0,s.jsx)("p",{children:(0,s.jsx)("i",{children:"\ud83c\udf70 Stay tuned!"})})]})},c=[];function d(e){const t={admonition:"admonition",...(0,n.R)(),...e.components};return(0,s.jsx)(t.admonition,{title:"WIP",type:"caution",children:(0,s.jsx)(a,{ticket:e.ticket})})}function u(e={}){const{wrapper:t}={...(0,n.R)(),...e.components};return t?(0,s.jsx)(t,{...e,children:(0,s.jsx)(d,{...e})}):d(e)}},9021:(e,t,i)=>{i.r(t),i.d(t,{assets:()=>d,contentTitle:()=>a,default:()=>p,frontMatter:()=>o,metadata:()=>c,toc:()=>u});var s=i(6070),n=i(1100),r=i(1928);const o={sidebar_class_name:"sidebar-item--wip",unlisted:!0},a="Browser API",c={id:"guides/examples/browser-api",title:"Browser API",description:"About working with the Browser API: localStorage, audio Api, bluetooth API, etc.",source:"@site/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/browser-api.mdx",sourceDirName:"guides/examples",slug:"/guides/examples/browser-api",permalink:"/uz/docs/guides/examples/browser-api",draft:!1,unlisted:!0,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/browser-api.mdx",tags:[],version:"current",lastUpdatedAt:1728325386e3,frontMatter:{sidebar_class_name:"sidebar-item--wip",unlisted:!0},sidebar:"guidesSidebar"},d={},u=[...r.RM];function l(e){const t={a:"a",blockquote:"blockquote",h1:"h1",header:"header",p:"p",...(0,n.R)(),...e.components};return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(t.header,{children:(0,s.jsx)(t.h1,{id:"browser-api",children:"Browser API"})}),"\n",(0,s.jsx)(r.Ay,{ticket:"197"}),"\n",(0,s.jsxs)(t.blockquote,{children:["\n",(0,s.jsx)(t.p,{children:"About working with the Browser API: localStorage, audio Api, bluetooth API, etc."}),"\n",(0,s.jsxs)(t.p,{children:["You can ask about the idea in more detail ",(0,s.jsx)(t.a,{href:"https://t.me/alex_novich",children:"@alex_novi"})]}),"\n"]})]})}function p(e={}){const{wrapper:t}={...(0,n.R)(),...e.components};return t?(0,s.jsx)(t,{...e,children:(0,s.jsx)(l,{...e})}):l(e)}},1100:(e,t,i)=>{i.d(t,{R:()=>o,x:()=>a});var s=i(758);const n={},r=s.createContext(n);function o(e){const t=s.useContext(r);return s.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function a(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(n):e.components||n:o(e.components),s.createElement(r.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
diff --git a/uz/assets/js/a386f730.2936ede0.js b/uz/assets/js/a386f730.2d8446ab.js
similarity index 99%
rename from uz/assets/js/a386f730.2936ede0.js
rename to uz/assets/js/a386f730.2d8446ab.js
index 665dd6c8f8..4f3d1bfc99 100644
--- a/uz/assets/js/a386f730.2936ede0.js
+++ b/uz/assets/js/a386f730.2d8446ab.js
@@ -1 +1 @@
-"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[6865],{1928:(e,i,n)=>{n.d(i,{Ay:()=>d,RM:()=>a});var t=n(6070),o=n(1100),s=(n(758),n(6783)),r=n(7765);const l=e=>{let{ticket:i}=e;const n=`https://github.com/feature-sliced/documentation/issues/${i}`;return(0,t.jsxs)("div",{children:[(0,t.jsx)("p",{children:(0,r.T)({id:"shared.wip.title"})}),(0,t.jsx)("p",{children:(0,r.T)({id:"shared.wip.subtitle"})}),(0,t.jsxs)("ul",{children:[(0,t.jsxs)("li",{children:[(0,r.T)({id:"shared.wip.var.feedback.base"}),(0,t.jsx)(s.A,{to:n,children:(0,r.T)({id:"shared.wip.var.feedback.link"})})]}),(0,t.jsxs)("li",{children:[(0,r.T)({id:"shared.wip.var.material.base"}),(0,t.jsx)(s.A,{to:"https://t.me/feature_sliced",children:(0,r.T)({id:"shared.wip.var.material.link"})})]}),(0,t.jsxs)("li",{children:[(0,r.T)({id:"shared.wip.var.contribute.base"}),(0,t.jsx)(s.A,{to:"https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md",children:(0,r.T)({id:"shared.wip.var.contribute.link"})})]})]}),(0,t.jsx)("br",{}),(0,t.jsx)("p",{children:(0,t.jsx)("i",{children:"\ud83c\udf70 Stay tuned!"})})]})},a=[];function c(e){const i={admonition:"admonition",...(0,o.R)(),...e.components};return(0,t.jsx)(i.admonition,{title:"WIP",type:"caution",children:(0,t.jsx)(l,{ticket:e.ticket})})}function d(e={}){const{wrapper:i}={...(0,o.R)(),...e.components};return i?(0,t.jsx)(i,{...e,children:(0,t.jsx)(c,{...e})}):c(e)}},5444:(e,i,n)=>{n.r(i),n.d(i,{assets:()=>c,contentTitle:()=>l,default:()=>u,frontMatter:()=>r,metadata:()=>a,toc:()=>d});var t=n(6070),o=n(1100),s=n(1928);const r={sidebar_class_name:"sidebar-item--wip",sidebar_position:3},l="Alternatives",a={id:"about/alternatives",title:"Alternatives",description:"History of architecture approaches",source:"@site/i18n/en/docusaurus-plugin-content-docs/current/about/alternatives.mdx",sourceDirName:"about",slug:"/about/alternatives",permalink:"/uz/docs/about/alternatives",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/about/alternatives.mdx",tags:[],version:"current",lastUpdatedAt:1727607766e3,sidebarPosition:3,frontMatter:{sidebar_class_name:"sidebar-item--wip",sidebar_position:3},sidebar:"aboutSidebar",previous:{title:"Motivation",permalink:"/uz/docs/about/motivation"},next:{title:"About architecture",permalink:"/uz/docs/about/understanding/architecture"}},c={},d=[...s.RM,{value:"Big Ball of Mud",id:"big-ball-of-mud",level:2},...s.RM,{value:"Smart &amp; Dumb components",id:"smart--dumb-components",level:2},...s.RM,{value:"Design Principles",id:"design-principles",level:2},...s.RM,{value:"DDD",id:"ddd",level:2},...s.RM,{value:"Clean Architecture",id:"clean-architecture",level:2},...s.RM,{value:"Frameworks",id:"frameworks",level:2},...s.RM,{value:"Atomic Design",id:"atomic-design",level:2},{value:"What is it?",id:"what-is-it",level:3},{value:"Applicability to frontend",id:"applicability-to-frontend",level:3},{value:"How does it relate to FSD?",id:"how-does-it-relate-to-fsd",level:3},{value:"Feature Driven",id:"feature-driven",level:2},...s.RM];function h(e){const i={a:"a",blockquote:"blockquote",code:"code",h1:"h1",h2:"h2",h3:"h3",header:"header",li:"li",ol:"ol",p:"p",pre:"pre",strong:"strong",ul:"ul",...(0,o.R)(),...e.components};return(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(i.header,{children:(0,t.jsx)(i.h1,{id:"alternatives",children:"Alternatives"})}),"\n",(0,t.jsx)(s.Ay,{ticket:"62"}),"\n",(0,t.jsx)(i.p,{children:"History of architecture approaches"}),"\n",(0,t.jsx)(i.h2,{id:"big-ball-of-mud",children:"Big Ball of Mud"}),"\n",(0,t.jsx)(s.Ay,{ticket:"258"}),"\n",(0,t.jsxs)(i.blockquote,{children:["\n",(0,t.jsx)(i.p,{children:"What is it; Why is it so common; When it starts to bring problems; What to do and how does FSD help in this"}),"\n"]}),"\n",(0,t.jsxs)(i.ul,{children:["\n",(0,t.jsx)(i.li,{children:(0,t.jsx)(i.a,{href:"https://oleg008.medium.com/last-words-on-ui-architecture-before-an-ai-takes-over-468c78f18f0d",children:"(Article) Oleg Isonen - Last words on UI architecture before an AI takes over"})}),"\n",(0,t.jsx)(i.li,{children:(0,t.jsx)(i.a,{href:"http://youtu.be/gna4Ynz1YNI",children:"(Report) Julia Nikolaeva, iSpring - Big Ball of Mud and other problems of the monolith, we have handled"})}),"\n",(0,t.jsx)(i.li,{children:(0,t.jsx)(i.a,{href:"https://thedomaindrivendesign.io/big-ball-of-mud/",children:"(Article) DD - Big Ball of mud"})}),"\n"]}),"\n",(0,t.jsx)(i.h2,{id:"smart--dumb-components",children:"Smart & Dumb components"}),"\n",(0,t.jsx)(s.Ay,{ticket:"214"}),"\n",(0,t.jsxs)(i.blockquote,{children:["\n",(0,t.jsx)(i.p,{children:"About the approach; About applicability in the frontend; Methodology position"}),"\n"]}),"\n",(0,t.jsx)(i.p,{children:"About obsolescence, about a new view from the methodology"}),"\n",(0,t.jsx)(i.p,{children:"Why component-containers approach is evil?"}),"\n",(0,t.jsxs)(i.ul,{children:["\n",(0,t.jsx)(i.li,{children:(0,t.jsx)(i.a,{href:"https://medium.com/@dan_abramov/smart-and-dumb-components-7ca2f9a7c7d0",children:"(Article) Den Abramov-Presentation and Container Components (TLDR: deprecated)"})}),"\n"]}),"\n",(0,t.jsx)(i.h2,{id:"design-principles",children:"Design Principles"}),"\n",(0,t.jsx)(s.Ay,{ticket:"59"}),"\n",(0,t.jsxs)(i.blockquote,{children:["\n",(0,t.jsx)(i.p,{children:"What are we talking about; FSD position"}),"\n"]}),"\n",(0,t.jsx)(i.p,{children:"SOLID, GRASP, KISS, YAGNI, ... - and why they don't work well together in practice"}),"\n",(0,t.jsx)(i.p,{children:"And how does it aggregate these practices"}),"\n",(0,t.jsxs)(i.ul,{children:["\n",(0,t.jsx)(i.li,{children:(0,t.jsx)(i.a,{href:"https://youtu.be/SnzPAr_FJ7w?t=380",children:"(Talk) Ilya Azin - Feature-Sliced Design (fragment about Design Principles)"})}),"\n"]}),"\n",(0,t.jsx)(i.h2,{id:"ddd",children:"DDD"}),"\n",(0,t.jsx)(s.Ay,{ticket:"1"}),"\n",(0,t.jsxs)(i.blockquote,{children:["\n",(0,t.jsx)(i.p,{children:"About the approach; Why does it work poorly in practice"}),"\n"]}),"\n",(0,t.jsx)(i.p,{children:"What is the difference, how does it improve applicability, where does it adopt practices"}),"\n",(0,t.jsxs)(i.ul,{children:["\n",(0,t.jsx)(i.li,{children:(0,t.jsx)(i.a,{href:"https://herbertograca.com/2017/11/16/explicit-architecture-01-ddd-hexagonal-onion-clean-cqrs-how-i-put-it-all-together/",children:"(Article) DDD, Hexagonal, Onion, Clean, CQRS, ... How I put it all together"})}),"\n",(0,t.jsx)(i.li,{children:(0,t.jsx)(i.a,{href:"https://youtu.be/SnzPAr_FJ7w?t=528",children:"(Talk) Ilya Azin - Feature-Sliced Design (fragment about Clean Architecture, DDD)"})}),"\n"]}),"\n",(0,t.jsx)(i.h2,{id:"clean-architecture",children:"Clean Architecture"}),"\n",(0,t.jsx)(s.Ay,{ticket:"165"}),"\n",(0,t.jsxs)(i.blockquote,{children:["\n",(0,t.jsx)(i.p,{children:"About the approach; About applicability in the frontend; FSD position"}),"\n"]}),"\n",(0,t.jsx)(i.p,{children:"How are they similar (to many), how are they different"}),"\n",(0,t.jsxs)(i.ul,{children:["\n",(0,t.jsx)(i.li,{children:(0,t.jsx)(i.a,{href:"https://t.me/feature_sliced/3897",children:"(Thread) About use-case/interactor in the methodology"})}),"\n",(0,t.jsx)(i.li,{children:(0,t.jsx)(i.a,{href:"https://t.me/feature_sliced/4592",children:"(Thread) About DI in the methodology"})}),"\n",(0,t.jsx)(i.li,{children:(0,t.jsx)(i.a,{href:"https://bespoyasov.me/blog/clean-architecture-on-frontend/",children:"(Article) Alex Bespoyasov - Clean Architecture on frontend"})}),"\n",(0,t.jsx)(i.li,{children:(0,t.jsx)(i.a,{href:"https://herbertograca.com/2017/11/16/explicit-architecture-01-ddd-hexagonal-onion-clean-cqrs-how-i-put-it-all-together/",children:"(Article) DDD, Hexagonal, Onion, Clean, CQRS, ... How I put it all together"})}),"\n",(0,t.jsx)(i.li,{children:(0,t.jsx)(i.a,{href:"https://youtu.be/SnzPAr_FJ7w?t=528",children:"(Talk) Ilya Azin - Feature-Sliced Design (fragment about Clean Architecture, DDD)"})}),"\n",(0,t.jsx)(i.li,{children:(0,t.jsx)(i.a,{href:"http://habr.com/ru/company/mobileup/blog/335382/",children:"(Article) Misconceptions of Clean Architecture"})}),"\n"]}),"\n",(0,t.jsx)(i.h2,{id:"frameworks",children:"Frameworks"}),"\n",(0,t.jsx)(s.Ay,{ticket:"58"}),"\n",(0,t.jsxs)(i.blockquote,{children:["\n",(0,t.jsx)(i.p,{children:"About applicability in the frontend; Why frameworks do not solve problems; why there is no single approach; FSD position"}),"\n"]}),"\n",(0,t.jsx)(i.p,{children:"Framework-agnostic, conventional-approach"}),"\n",(0,t.jsxs)(i.ul,{children:["\n",(0,t.jsx)(i.li,{children:(0,t.jsx)(i.a,{href:"/docs/about/motivation",children:"(Article) About the reasons for creating the methodology (fragment about frameworks)"})}),"\n",(0,t.jsx)(i.li,{children:(0,t.jsx)(i.a,{href:"https://t.me/feature_sliced/3867",children:"(Thread) About the applicability of the methodology for different frameworks"})}),"\n"]}),"\n",(0,t.jsx)(i.h2,{id:"atomic-design",children:"Atomic Design"}),"\n",(0,t.jsx)(i.h3,{id:"what-is-it",children:"What is it?"}),"\n",(0,t.jsx)(i.p,{children:"In Atomic Design, the scope of responsibility is divided into standardized layers."}),"\n",(0,t.jsxs)(i.p,{children:["Atomic Design is broken down into ",(0,t.jsx)(i.strong,{children:"5 layers"})," (from top to bottom):"]}),"\n",(0,t.jsxs)(i.ol,{children:["\n",(0,t.jsxs)(i.li,{children:[(0,t.jsx)(i.code,{children:"pages"})," - Functionality similar to the ",(0,t.jsx)(i.code,{children:"pages"})," layer in FSD."]}),"\n",(0,t.jsxs)(i.li,{children:[(0,t.jsx)(i.code,{children:"templates"})," - Components that define the structure of a page without tying to specific content."]}),"\n",(0,t.jsxs)(i.li,{children:[(0,t.jsx)(i.code,{children:"organisms"})," - Modules consisting of molecules that have business logic."]}),"\n",(0,t.jsxs)(i.li,{children:[(0,t.jsx)(i.code,{children:"molecules"})," - More complex components that generally do not contain business logic."]}),"\n",(0,t.jsxs)(i.li,{children:[(0,t.jsx)(i.code,{children:"atoms"})," - UI components without business logic."]}),"\n"]}),"\n",(0,t.jsx)(i.p,{children:"Modules at one layer interact only with modules in the layers below, similar to FSD.\nThat is, molecules are built from atoms, organisms from molecules, templates from organisms, and pages from templates.\nAtomic Design also implies the use of Public API within modules for isolation."}),"\n",(0,t.jsx)(i.h3,{id:"applicability-to-frontend",children:"Applicability to frontend"}),"\n",(0,t.jsx)(i.p,{children:"Atomic Design is relatively common in projects. Atomic Design is more popular among web designers than in development.\nWeb designers often use Atomic Design to create scalable and easily maintainable designs.\nIn development, Atomic Design is often mixed with other architectural methodologies."}),"\n",(0,t.jsx)(i.p,{children:"However, since Atomic Design focuses on UI components and their composition, a problem arises with implementing\nbusiness logic within the architecture."}),"\n",(0,t.jsx)(i.p,{children:"The problem is that Atomic Design does not provide a clear level of responsibility for business logic,\nleading to its distribution across various components and levels, complicating maintenance and testing.\nThe business logic becomes blurred, making it difficult to clearly separate responsibilities and rendering\nthe code less modular and reusable."}),"\n",(0,t.jsx)(i.h3,{id:"how-does-it-relate-to-fsd",children:"How does it relate to FSD?"}),"\n",(0,t.jsxs)(i.p,{children:["In the context of FSD, some elements of Atomic Design can be applied to create flexible and scalable UI components.\nThe ",(0,t.jsx)(i.code,{children:"atoms"})," and ",(0,t.jsx)(i.code,{children:"molecules"})," layers can be implemented in ",(0,t.jsx)(i.code,{children:"shared/ui"})," in FSD, simplifying the reuse and\nmaintenance of basic UI elements."]}),"\n",(0,t.jsx)(i.pre,{children:(0,t.jsx)(i.code,{children:"\u251c\u2500\u2500 shared\n\u2502   \u251c\u2500\u2500 ui\n\u2502   \u2502   \u251c\u2500\u2500 atoms\n\u2502   \u2502   \u251c\u2500\u2500 molecules\n\u2502   ...\n"})}),"\n",(0,t.jsx)(i.p,{children:"A comparison of FSD and Atomic Design shows that both methodologies strive for modularity and reusability\nbut focus on different aspects. Atomic Design is oriented towards visual components and their composition.\nFSD focuses on dividing the application's functionality into independent modules and their interconnections."}),"\n",(0,t.jsxs)(i.ul,{children:["\n",(0,t.jsx)(i.li,{children:(0,t.jsx)(i.a,{href:"https://atomicdesign.bradfrost.com/table-of-contents/",children:"Atomic Design Methodology"})}),"\n",(0,t.jsx)(i.li,{children:(0,t.jsx)(i.a,{href:"https://t.me/feature_sliced/1653",children:"(Thread) About applicability in shared / ui"})}),"\n",(0,t.jsx)(i.li,{children:(0,t.jsx)(i.a,{href:"https://youtu.be/Yi-A20x2dcA",children:"(Video) Briefly about Atomic Design"})}),"\n",(0,t.jsx)(i.li,{children:(0,t.jsx)(i.a,{href:"https://youtu.be/SnzPAr_FJ7w?t=587",children:"(Talk) Ilya Azin - Feature-Sliced Design (fragment about Atomic Design)"})}),"\n"]}),"\n",(0,t.jsx)(i.h2,{id:"feature-driven",children:"Feature Driven"}),"\n",(0,t.jsx)(s.Ay,{ticket:"219"}),"\n",(0,t.jsxs)(i.blockquote,{children:["\n",(0,t.jsx)(i.p,{children:"About the approach; About applicability in the frontend; FSD position"}),"\n"]}),"\n",(0,t.jsx)(i.p,{children:"About compatibility, historical development and comparison"}),"\n",(0,t.jsxs)(i.ul,{children:["\n",(0,t.jsx)(i.li,{children:(0,t.jsx)(i.a,{href:"https://youtu.be/BWAeYuWFHhs",children:"(Talk) Oleg Isonen - Feature Driven Architecture"})}),"\n",(0,t.jsx)(i.li,{children:(0,t.jsx)(i.a,{href:"https://github.com/feature-sliced/documentation/tree/rc/feature-driven",children:"Feature Driven-Short specification (from the point of view of FSD)"})}),"\n"]})]})}function u(e={}){const{wrapper:i}={...(0,o.R)(),...e.components};return i?(0,t.jsx)(i,{...e,children:(0,t.jsx)(h,{...e})}):h(e)}},1100:(e,i,n)=>{n.d(i,{R:()=>r,x:()=>l});var t=n(758);const o={},s=t.createContext(o);function r(e){const i=t.useContext(s);return t.useMemo((function(){return"function"==typeof e?e(i):{...i,...e}}),[i,e])}function l(e){let i;return i=e.disableParentContext?"function"==typeof e.components?e.components(o):e.components||o:r(e.components),t.createElement(s.Provider,{value:i},e.children)}}}]);
\ No newline at end of file
+"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[6865],{1928:(e,i,n)=>{n.d(i,{Ay:()=>d,RM:()=>a});var t=n(6070),o=n(1100),s=(n(758),n(6783)),r=n(7765);const l=e=>{let{ticket:i}=e;const n=`https://github.com/feature-sliced/documentation/issues/${i}`;return(0,t.jsxs)("div",{children:[(0,t.jsx)("p",{children:(0,r.T)({id:"shared.wip.title"})}),(0,t.jsx)("p",{children:(0,r.T)({id:"shared.wip.subtitle"})}),(0,t.jsxs)("ul",{children:[(0,t.jsxs)("li",{children:[(0,r.T)({id:"shared.wip.var.feedback.base"}),(0,t.jsx)(s.A,{to:n,children:(0,r.T)({id:"shared.wip.var.feedback.link"})})]}),(0,t.jsxs)("li",{children:[(0,r.T)({id:"shared.wip.var.material.base"}),(0,t.jsx)(s.A,{to:"https://t.me/feature_sliced",children:(0,r.T)({id:"shared.wip.var.material.link"})})]}),(0,t.jsxs)("li",{children:[(0,r.T)({id:"shared.wip.var.contribute.base"}),(0,t.jsx)(s.A,{to:"https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md",children:(0,r.T)({id:"shared.wip.var.contribute.link"})})]})]}),(0,t.jsx)("br",{}),(0,t.jsx)("p",{children:(0,t.jsx)("i",{children:"\ud83c\udf70 Stay tuned!"})})]})},a=[];function c(e){const i={admonition:"admonition",...(0,o.R)(),...e.components};return(0,t.jsx)(i.admonition,{title:"WIP",type:"caution",children:(0,t.jsx)(l,{ticket:e.ticket})})}function d(e={}){const{wrapper:i}={...(0,o.R)(),...e.components};return i?(0,t.jsx)(i,{...e,children:(0,t.jsx)(c,{...e})}):c(e)}},5444:(e,i,n)=>{n.r(i),n.d(i,{assets:()=>c,contentTitle:()=>l,default:()=>u,frontMatter:()=>r,metadata:()=>a,toc:()=>d});var t=n(6070),o=n(1100),s=n(1928);const r={sidebar_class_name:"sidebar-item--wip",sidebar_position:3},l="Alternatives",a={id:"about/alternatives",title:"Alternatives",description:"History of architecture approaches",source:"@site/i18n/en/docusaurus-plugin-content-docs/current/about/alternatives.mdx",sourceDirName:"about",slug:"/about/alternatives",permalink:"/uz/docs/about/alternatives",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/about/alternatives.mdx",tags:[],version:"current",lastUpdatedAt:1728325386e3,sidebarPosition:3,frontMatter:{sidebar_class_name:"sidebar-item--wip",sidebar_position:3},sidebar:"aboutSidebar",previous:{title:"Motivation",permalink:"/uz/docs/about/motivation"},next:{title:"About architecture",permalink:"/uz/docs/about/understanding/architecture"}},c={},d=[...s.RM,{value:"Big Ball of Mud",id:"big-ball-of-mud",level:2},...s.RM,{value:"Smart &amp; Dumb components",id:"smart--dumb-components",level:2},...s.RM,{value:"Design Principles",id:"design-principles",level:2},...s.RM,{value:"DDD",id:"ddd",level:2},...s.RM,{value:"Clean Architecture",id:"clean-architecture",level:2},...s.RM,{value:"Frameworks",id:"frameworks",level:2},...s.RM,{value:"Atomic Design",id:"atomic-design",level:2},{value:"What is it?",id:"what-is-it",level:3},{value:"Applicability to frontend",id:"applicability-to-frontend",level:3},{value:"How does it relate to FSD?",id:"how-does-it-relate-to-fsd",level:3},{value:"Feature Driven",id:"feature-driven",level:2},...s.RM];function h(e){const i={a:"a",blockquote:"blockquote",code:"code",h1:"h1",h2:"h2",h3:"h3",header:"header",li:"li",ol:"ol",p:"p",pre:"pre",strong:"strong",ul:"ul",...(0,o.R)(),...e.components};return(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(i.header,{children:(0,t.jsx)(i.h1,{id:"alternatives",children:"Alternatives"})}),"\n",(0,t.jsx)(s.Ay,{ticket:"62"}),"\n",(0,t.jsx)(i.p,{children:"History of architecture approaches"}),"\n",(0,t.jsx)(i.h2,{id:"big-ball-of-mud",children:"Big Ball of Mud"}),"\n",(0,t.jsx)(s.Ay,{ticket:"258"}),"\n",(0,t.jsxs)(i.blockquote,{children:["\n",(0,t.jsx)(i.p,{children:"What is it; Why is it so common; When it starts to bring problems; What to do and how does FSD help in this"}),"\n"]}),"\n",(0,t.jsxs)(i.ul,{children:["\n",(0,t.jsx)(i.li,{children:(0,t.jsx)(i.a,{href:"https://oleg008.medium.com/last-words-on-ui-architecture-before-an-ai-takes-over-468c78f18f0d",children:"(Article) Oleg Isonen - Last words on UI architecture before an AI takes over"})}),"\n",(0,t.jsx)(i.li,{children:(0,t.jsx)(i.a,{href:"http://youtu.be/gna4Ynz1YNI",children:"(Report) Julia Nikolaeva, iSpring - Big Ball of Mud and other problems of the monolith, we have handled"})}),"\n",(0,t.jsx)(i.li,{children:(0,t.jsx)(i.a,{href:"https://thedomaindrivendesign.io/big-ball-of-mud/",children:"(Article) DD - Big Ball of mud"})}),"\n"]}),"\n",(0,t.jsx)(i.h2,{id:"smart--dumb-components",children:"Smart & Dumb components"}),"\n",(0,t.jsx)(s.Ay,{ticket:"214"}),"\n",(0,t.jsxs)(i.blockquote,{children:["\n",(0,t.jsx)(i.p,{children:"About the approach; About applicability in the frontend; Methodology position"}),"\n"]}),"\n",(0,t.jsx)(i.p,{children:"About obsolescence, about a new view from the methodology"}),"\n",(0,t.jsx)(i.p,{children:"Why component-containers approach is evil?"}),"\n",(0,t.jsxs)(i.ul,{children:["\n",(0,t.jsx)(i.li,{children:(0,t.jsx)(i.a,{href:"https://medium.com/@dan_abramov/smart-and-dumb-components-7ca2f9a7c7d0",children:"(Article) Den Abramov-Presentation and Container Components (TLDR: deprecated)"})}),"\n"]}),"\n",(0,t.jsx)(i.h2,{id:"design-principles",children:"Design Principles"}),"\n",(0,t.jsx)(s.Ay,{ticket:"59"}),"\n",(0,t.jsxs)(i.blockquote,{children:["\n",(0,t.jsx)(i.p,{children:"What are we talking about; FSD position"}),"\n"]}),"\n",(0,t.jsx)(i.p,{children:"SOLID, GRASP, KISS, YAGNI, ... - and why they don't work well together in practice"}),"\n",(0,t.jsx)(i.p,{children:"And how does it aggregate these practices"}),"\n",(0,t.jsxs)(i.ul,{children:["\n",(0,t.jsx)(i.li,{children:(0,t.jsx)(i.a,{href:"https://youtu.be/SnzPAr_FJ7w?t=380",children:"(Talk) Ilya Azin - Feature-Sliced Design (fragment about Design Principles)"})}),"\n"]}),"\n",(0,t.jsx)(i.h2,{id:"ddd",children:"DDD"}),"\n",(0,t.jsx)(s.Ay,{ticket:"1"}),"\n",(0,t.jsxs)(i.blockquote,{children:["\n",(0,t.jsx)(i.p,{children:"About the approach; Why does it work poorly in practice"}),"\n"]}),"\n",(0,t.jsx)(i.p,{children:"What is the difference, how does it improve applicability, where does it adopt practices"}),"\n",(0,t.jsxs)(i.ul,{children:["\n",(0,t.jsx)(i.li,{children:(0,t.jsx)(i.a,{href:"https://herbertograca.com/2017/11/16/explicit-architecture-01-ddd-hexagonal-onion-clean-cqrs-how-i-put-it-all-together/",children:"(Article) DDD, Hexagonal, Onion, Clean, CQRS, ... How I put it all together"})}),"\n",(0,t.jsx)(i.li,{children:(0,t.jsx)(i.a,{href:"https://youtu.be/SnzPAr_FJ7w?t=528",children:"(Talk) Ilya Azin - Feature-Sliced Design (fragment about Clean Architecture, DDD)"})}),"\n"]}),"\n",(0,t.jsx)(i.h2,{id:"clean-architecture",children:"Clean Architecture"}),"\n",(0,t.jsx)(s.Ay,{ticket:"165"}),"\n",(0,t.jsxs)(i.blockquote,{children:["\n",(0,t.jsx)(i.p,{children:"About the approach; About applicability in the frontend; FSD position"}),"\n"]}),"\n",(0,t.jsx)(i.p,{children:"How are they similar (to many), how are they different"}),"\n",(0,t.jsxs)(i.ul,{children:["\n",(0,t.jsx)(i.li,{children:(0,t.jsx)(i.a,{href:"https://t.me/feature_sliced/3897",children:"(Thread) About use-case/interactor in the methodology"})}),"\n",(0,t.jsx)(i.li,{children:(0,t.jsx)(i.a,{href:"https://t.me/feature_sliced/4592",children:"(Thread) About DI in the methodology"})}),"\n",(0,t.jsx)(i.li,{children:(0,t.jsx)(i.a,{href:"https://bespoyasov.me/blog/clean-architecture-on-frontend/",children:"(Article) Alex Bespoyasov - Clean Architecture on frontend"})}),"\n",(0,t.jsx)(i.li,{children:(0,t.jsx)(i.a,{href:"https://herbertograca.com/2017/11/16/explicit-architecture-01-ddd-hexagonal-onion-clean-cqrs-how-i-put-it-all-together/",children:"(Article) DDD, Hexagonal, Onion, Clean, CQRS, ... How I put it all together"})}),"\n",(0,t.jsx)(i.li,{children:(0,t.jsx)(i.a,{href:"https://youtu.be/SnzPAr_FJ7w?t=528",children:"(Talk) Ilya Azin - Feature-Sliced Design (fragment about Clean Architecture, DDD)"})}),"\n",(0,t.jsx)(i.li,{children:(0,t.jsx)(i.a,{href:"http://habr.com/ru/company/mobileup/blog/335382/",children:"(Article) Misconceptions of Clean Architecture"})}),"\n"]}),"\n",(0,t.jsx)(i.h2,{id:"frameworks",children:"Frameworks"}),"\n",(0,t.jsx)(s.Ay,{ticket:"58"}),"\n",(0,t.jsxs)(i.blockquote,{children:["\n",(0,t.jsx)(i.p,{children:"About applicability in the frontend; Why frameworks do not solve problems; why there is no single approach; FSD position"}),"\n"]}),"\n",(0,t.jsx)(i.p,{children:"Framework-agnostic, conventional-approach"}),"\n",(0,t.jsxs)(i.ul,{children:["\n",(0,t.jsx)(i.li,{children:(0,t.jsx)(i.a,{href:"/docs/about/motivation",children:"(Article) About the reasons for creating the methodology (fragment about frameworks)"})}),"\n",(0,t.jsx)(i.li,{children:(0,t.jsx)(i.a,{href:"https://t.me/feature_sliced/3867",children:"(Thread) About the applicability of the methodology for different frameworks"})}),"\n"]}),"\n",(0,t.jsx)(i.h2,{id:"atomic-design",children:"Atomic Design"}),"\n",(0,t.jsx)(i.h3,{id:"what-is-it",children:"What is it?"}),"\n",(0,t.jsx)(i.p,{children:"In Atomic Design, the scope of responsibility is divided into standardized layers."}),"\n",(0,t.jsxs)(i.p,{children:["Atomic Design is broken down into ",(0,t.jsx)(i.strong,{children:"5 layers"})," (from top to bottom):"]}),"\n",(0,t.jsxs)(i.ol,{children:["\n",(0,t.jsxs)(i.li,{children:[(0,t.jsx)(i.code,{children:"pages"})," - Functionality similar to the ",(0,t.jsx)(i.code,{children:"pages"})," layer in FSD."]}),"\n",(0,t.jsxs)(i.li,{children:[(0,t.jsx)(i.code,{children:"templates"})," - Components that define the structure of a page without tying to specific content."]}),"\n",(0,t.jsxs)(i.li,{children:[(0,t.jsx)(i.code,{children:"organisms"})," - Modules consisting of molecules that have business logic."]}),"\n",(0,t.jsxs)(i.li,{children:[(0,t.jsx)(i.code,{children:"molecules"})," - More complex components that generally do not contain business logic."]}),"\n",(0,t.jsxs)(i.li,{children:[(0,t.jsx)(i.code,{children:"atoms"})," - UI components without business logic."]}),"\n"]}),"\n",(0,t.jsx)(i.p,{children:"Modules at one layer interact only with modules in the layers below, similar to FSD.\nThat is, molecules are built from atoms, organisms from molecules, templates from organisms, and pages from templates.\nAtomic Design also implies the use of Public API within modules for isolation."}),"\n",(0,t.jsx)(i.h3,{id:"applicability-to-frontend",children:"Applicability to frontend"}),"\n",(0,t.jsx)(i.p,{children:"Atomic Design is relatively common in projects. Atomic Design is more popular among web designers than in development.\nWeb designers often use Atomic Design to create scalable and easily maintainable designs.\nIn development, Atomic Design is often mixed with other architectural methodologies."}),"\n",(0,t.jsx)(i.p,{children:"However, since Atomic Design focuses on UI components and their composition, a problem arises with implementing\nbusiness logic within the architecture."}),"\n",(0,t.jsx)(i.p,{children:"The problem is that Atomic Design does not provide a clear level of responsibility for business logic,\nleading to its distribution across various components and levels, complicating maintenance and testing.\nThe business logic becomes blurred, making it difficult to clearly separate responsibilities and rendering\nthe code less modular and reusable."}),"\n",(0,t.jsx)(i.h3,{id:"how-does-it-relate-to-fsd",children:"How does it relate to FSD?"}),"\n",(0,t.jsxs)(i.p,{children:["In the context of FSD, some elements of Atomic Design can be applied to create flexible and scalable UI components.\nThe ",(0,t.jsx)(i.code,{children:"atoms"})," and ",(0,t.jsx)(i.code,{children:"molecules"})," layers can be implemented in ",(0,t.jsx)(i.code,{children:"shared/ui"})," in FSD, simplifying the reuse and\nmaintenance of basic UI elements."]}),"\n",(0,t.jsx)(i.pre,{children:(0,t.jsx)(i.code,{children:"\u251c\u2500\u2500 shared\n\u2502   \u251c\u2500\u2500 ui\n\u2502   \u2502   \u251c\u2500\u2500 atoms\n\u2502   \u2502   \u251c\u2500\u2500 molecules\n\u2502   ...\n"})}),"\n",(0,t.jsx)(i.p,{children:"A comparison of FSD and Atomic Design shows that both methodologies strive for modularity and reusability\nbut focus on different aspects. Atomic Design is oriented towards visual components and their composition.\nFSD focuses on dividing the application's functionality into independent modules and their interconnections."}),"\n",(0,t.jsxs)(i.ul,{children:["\n",(0,t.jsx)(i.li,{children:(0,t.jsx)(i.a,{href:"https://atomicdesign.bradfrost.com/table-of-contents/",children:"Atomic Design Methodology"})}),"\n",(0,t.jsx)(i.li,{children:(0,t.jsx)(i.a,{href:"https://t.me/feature_sliced/1653",children:"(Thread) About applicability in shared / ui"})}),"\n",(0,t.jsx)(i.li,{children:(0,t.jsx)(i.a,{href:"https://youtu.be/Yi-A20x2dcA",children:"(Video) Briefly about Atomic Design"})}),"\n",(0,t.jsx)(i.li,{children:(0,t.jsx)(i.a,{href:"https://youtu.be/SnzPAr_FJ7w?t=587",children:"(Talk) Ilya Azin - Feature-Sliced Design (fragment about Atomic Design)"})}),"\n"]}),"\n",(0,t.jsx)(i.h2,{id:"feature-driven",children:"Feature Driven"}),"\n",(0,t.jsx)(s.Ay,{ticket:"219"}),"\n",(0,t.jsxs)(i.blockquote,{children:["\n",(0,t.jsx)(i.p,{children:"About the approach; About applicability in the frontend; FSD position"}),"\n"]}),"\n",(0,t.jsx)(i.p,{children:"About compatibility, historical development and comparison"}),"\n",(0,t.jsxs)(i.ul,{children:["\n",(0,t.jsx)(i.li,{children:(0,t.jsx)(i.a,{href:"https://youtu.be/BWAeYuWFHhs",children:"(Talk) Oleg Isonen - Feature Driven Architecture"})}),"\n",(0,t.jsx)(i.li,{children:(0,t.jsx)(i.a,{href:"https://github.com/feature-sliced/documentation/tree/rc/feature-driven",children:"Feature Driven-Short specification (from the point of view of FSD)"})}),"\n"]})]})}function u(e={}){const{wrapper:i}={...(0,o.R)(),...e.components};return i?(0,t.jsx)(i,{...e,children:(0,t.jsx)(h,{...e})}):h(e)}},1100:(e,i,n)=>{n.d(i,{R:()=>r,x:()=>l});var t=n(758);const o={},s=t.createContext(o);function r(e){const i=t.useContext(s);return t.useMemo((function(){return"function"==typeof e?e(i):{...i,...e}}),[i,e])}function l(e){let i;return i=e.disableParentContext?"function"==typeof e.components?e.components(o):e.components||o:r(e.components),t.createElement(s.Provider,{value:i},e.children)}}}]);
\ No newline at end of file
diff --git a/uz/assets/js/a61c55ce.38ef8e5c.js b/uz/assets/js/a61c55ce.40ef7f63.js
similarity index 63%
rename from uz/assets/js/a61c55ce.38ef8e5c.js
rename to uz/assets/js/a61c55ce.40ef7f63.js
index c3291f53be..952b68809e 100644
--- a/uz/assets/js/a61c55ce.38ef8e5c.js
+++ b/uz/assets/js/a61c55ce.40ef7f63.js
@@ -1,2 +1,2 @@
-/*! For license information please see a61c55ce.38ef8e5c.js.LICENSE.txt */
-"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[8964],{1350:(e,t,n)=>{n.d(t,{A:()=>r});var a=n(991),s=n(758);const c={icon:{tag:"svg",attrs:{viewBox:"64 64 896 896",focusable:"false"},children:[{tag:"path",attrs:{d:"M908.1 353.1l-253.9-36.9L540.7 86.1c-3.1-6.3-8.2-11.4-14.5-14.5-15.8-7.8-35-1.3-42.9 14.5L369.8 316.2l-253.9 36.9c-7 1-13.4 4.3-18.3 9.3a32.05 32.05 0 00.6 45.3l183.7 179.1-43.4 252.9a31.95 31.95 0 0046.4 33.7L512 754l227.1 119.4c6.2 3.3 13.4 4.4 20.3 3.2 17.4-3 29.1-19.5 26.1-36.9l-43.4-252.9 183.7-179.1c5-4.9 8.3-11.3 9.3-18.3 2.7-17.5-9.5-33.7-27-36.3zM664.8 561.6l36.1 210.3L512 672.7 323.1 772l36.1-210.3-152.8-149L417.6 382 512 190.7 606.4 382l211.2 30.7-152.8 148.9z"}}]},name:"star",theme:"outlined"};var o=n(9820),i=function(e,t){return s.createElement(o.A,(0,a.A)({},e,{ref:t,icon:c}))};const r=s.forwardRef(i)},1825:(e,t,n)=>{n.d(t,{A:()=>r});var a=n(991),s=n(758);const c={icon:{tag:"svg",attrs:{viewBox:"64 64 896 896",focusable:"false"},children:[{tag:"path",attrs:{d:"M824.2 699.9a301.55 301.55 0 00-86.4-60.4C783.1 602.8 812 546.8 812 484c0-110.8-92.4-201.7-203.2-200-109.1 1.7-197 90.6-197 200 0 62.8 29 118.8 74.2 155.5a300.95 300.95 0 00-86.4 60.4C345 754.6 314 826.8 312 903.8a8 8 0 008 8.2h56c4.3 0 7.9-3.4 8-7.7 1.9-58 25.4-112.3 66.7-153.5A226.62 226.62 0 01612 684c60.9 0 118.2 23.7 161.3 66.8C814.5 792 838 846.3 840 904.3c.1 4.3 3.7 7.7 8 7.7h56a8 8 0 008-8.2c-2-77-33-149.2-87.8-203.9zM612 612c-34.2 0-66.4-13.3-90.5-37.5a126.86 126.86 0 01-37.5-91.8c.3-32.8 13.4-64.5 36.3-88 24-24.6 56.1-38.3 90.4-38.7 33.9-.3 66.8 12.9 91 36.6 24.8 24.3 38.4 56.8 38.4 91.4 0 34.2-13.3 66.3-37.5 90.5A127.3 127.3 0 01612 612zM361.5 510.4c-.9-8.7-1.4-17.5-1.4-26.4 0-15.9 1.5-31.4 4.3-46.5.7-3.6-1.2-7.3-4.5-8.8-13.6-6.1-26.1-14.5-36.9-25.1a127.54 127.54 0 01-38.7-95.4c.9-32.1 13.8-62.6 36.3-85.6 24.7-25.3 57.9-39.1 93.2-38.7 31.9.3 62.7 12.6 86 34.4 7.9 7.4 14.7 15.6 20.4 24.4 2 3.1 5.9 4.4 9.3 3.2 17.6-6.1 36.2-10.4 55.3-12.4 5.6-.6 8.8-6.6 6.3-11.6-32.5-64.3-98.9-108.7-175.7-109.9-110.9-1.7-203.3 89.2-203.3 199.9 0 62.8 28.9 118.8 74.2 155.5-31.8 14.7-61.1 35-86.5 60.4-54.8 54.7-85.8 126.9-87.8 204a8 8 0 008 8.2h56.1c4.3 0 7.9-3.4 8-7.7 1.9-58 25.4-112.3 66.7-153.5 29.4-29.4 65.4-49.8 104.7-59.7 3.9-1 6.5-4.7 6-8.7z"}}]},name:"team",theme:"outlined"};var o=n(9820),i=function(e,t){return s.createElement(o.A,(0,a.A)({},e,{ref:t,icon:c}))};const r=s.forwardRef(i)},738:(e,t,n)=>{n.r(t),n.d(t,{assets:()=>A,contentTitle:()=>g,default:()=>_,frontMatter:()=>v,metadata:()=>j,toc:()=>C});var a=n(6070),s=n(1100),c=n(7946),o=n(1350),i=n(1825),r=n(991),l=n(758);const d={icon:{tag:"svg",attrs:{viewBox:"64 64 896 896",focusable:"false"},children:[{tag:"defs",attrs:{},children:[{tag:"style",attrs:{}}]},{tag:"path",attrs:{d:"M447.8 588.8l-7.3-32.5c-.2-1-.6-1.9-1.1-2.7a7.94 7.94 0 00-11.1-2.2L405 567V411c0-4.4-3.6-8-8-8h-81c-4.4 0-8 3.6-8 8v36c0 4.4 3.6 8 8 8h37v192.4a8 8 0 0012.7 6.5l79-56.8c2.6-1.9 3.8-5.1 3.1-8.3zm-56.7-216.6l.2.2c3.2 3 8.3 2.8 11.3-.5l24.1-26.2a8.1 8.1 0 00-.3-11.2l-53.7-52.1a8 8 0 00-11.2.1l-24.7 24.7c-3.1 3.1-3.1 8.2.1 11.3l54.2 53.7z"}},{tag:"path",attrs:{d:"M866.9 169.9L527.1 54.1C523 52.7 517.5 52 512 52s-11 .7-15.1 2.1L157.1 169.9c-8.3 2.8-15.1 12.4-15.1 21.2v482.4c0 8.8 5.7 20.4 12.6 25.9L499.3 968c3.5 2.7 8 4.1 12.6 4.1s9.2-1.4 12.6-4.1l344.7-268.6c6.9-5.4 12.6-17 12.6-25.9V191.1c.2-8.8-6.6-18.3-14.9-21.2zM810 654.3L512 886.5 214 654.3V226.7l298-101.6 298 101.6v427.6z"}},{tag:"path",attrs:{d:"M452 297v36c0 4.4 3.6 8 8 8h108v274h-38V405c0-4.4-3.6-8-8-8h-35c-4.4 0-8 3.6-8 8v210h-31c-4.4 0-8 3.6-8 8v37c0 4.4 3.6 8 8 8h244c4.4 0 8-3.6 8-8v-37c0-4.4-3.6-8-8-8h-72V493h58c4.4 0 8-3.6 8-8v-35c0-4.4-3.6-8-8-8h-58V341h63c4.4 0 8-3.6 8-8v-36c0-4.4-3.6-8-8-8H460c-4.4 0-8 3.6-8 8z"}}]},name:"verified",theme:"outlined"};var m=n(9820),u=function(e,t){return l.createElement(m.A,(0,r.A)({},e,{ref:t,icon:d}))};const h=l.forwardRef(u);const f={icon:{tag:"svg",attrs:{viewBox:"64 64 896 896",focusable:"false"},children:[{tag:"path",attrs:{d:"M909.6 854.5L649.9 594.8C690.2 542.7 712 479 712 412c0-80.2-31.3-155.4-87.9-212.1-56.6-56.7-132-87.9-212.1-87.9s-155.5 31.3-212.1 87.9C143.2 256.5 112 331.8 112 412c0 80.1 31.3 155.5 87.9 212.1C256.5 680.8 331.8 712 412 712c67 0 130.6-21.8 182.7-62l259.7 259.6a8.2 8.2 0 0011.6 0l43.6-43.5a8.2 8.2 0 000-11.6zM570.4 570.4C528 612.7 471.8 636 412 636s-116-23.3-158.4-65.6C211.3 528 188 471.8 188 412s23.3-116.1 65.6-158.4C296 211.3 352.2 188 412 188s116.1 23.2 158.4 65.6S636 352.2 636 412s-23.3 116.1-65.6 158.4z"}}]},name:"search",theme:"outlined"};var p=function(e,t){return l.createElement(m.A,(0,r.A)({},e,{ref:t,icon:f}))};const x=l.forwardRef(p),v={hide_table_of_contents:!0},g="\ud83d\udcab Community",j={id:"index",title:"\ud83d\udcab Community",description:"Community resources, additional materials",source:"@site/i18n/en/docusaurus-plugin-content-docs/community/index.mdx",sourceDirName:".",slug:"/",permalink:"/uz/community/",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/community/index.mdx",tags:[],version:"current",lastUpdatedBy:"ratomiru",lastUpdatedAt:1727607766e3,frontMatter:{hide_table_of_contents:!0},sidebar:"community",next:{title:"Team",permalink:"/uz/community/team"}},A={},C=[{value:"Main",id:"main",level:2},...c.RM,...c.RM,...c.RM,...c.RM];function y(e){const t={h1:"h1",h2:"h2",header:"header",p:"p",...(0,s.R)(),...e.components};return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(t.header,{children:(0,a.jsx)(t.h1,{id:"-community",children:"\ud83d\udcab Community"})}),"\n",(0,a.jsx)("p",{class:"summary",children:(0,a.jsx)(t.p,{children:"Community resources, additional materials"})}),"\n",(0,a.jsx)(t.h2,{id:"main",children:"Main"}),"\n","\n",(0,a.jsx)(c.Ay,{title:"Awesome Resources",description:"A curated list of awesome FSD videos, articles, packages",to:"https://github.com/feature-sliced/awesome",Icon:o.A}),"\n",(0,a.jsx)(c.Ay,{title:"Team",description:"Core-team, Champions, Contributors, Companies",to:"/community/team",Icon:i.A}),"\n",(0,a.jsx)(c.Ay,{title:"Brandbook",description:"Recommendations for FSD's branding usage",to:"/docs/branding",Icon:h}),"\n",(0,a.jsx)(c.Ay,{title:"Contributing",description:"HowTo, Workflow, Support",to:"#",Icon:x,disabled:!0})]})}function _(e={}){const{wrapper:t}={...(0,s.R)(),...e.components};return t?(0,a.jsx)(t,{...e,children:(0,a.jsx)(y,{...e})}):y(e)}},7946:(e,t,n)=>{n.d(t,{Ay:()=>r,RM:()=>o});var a=n(6070),s=n(1100),c=n(5988);const o=[];function i(e){return(0,a.jsx)(c.A,{...e})}function r(e={}){const{wrapper:t}={...(0,s.R)(),...e.components};return t?(0,a.jsx)(t,{...e,children:(0,a.jsx)(i,{...e})}):i(e)}},5988:(e,t,n)=>{n.d(t,{Y:()=>i,A:()=>l});n(758);var a=n(3526),s=n(6783);const c={root:"root_GfON",rootDisabled:"rootDisabled_SFUB",details:"details_xxkR",detailsTags:"detailsTags_uTQx",icon:"icon_ciqP",title:"title_pSH5",description:"description__Fep",miniTheme:"miniTheme_ePfp",primaryTheme:"primaryTheme_CilO",defaultTheme:"defaultTheme_j3I8"};var o=n(6070);const i=e=>{const{title:t,description:n,to:i,Icon:l,tags:d,className:m,disabled:u,theme:h="default"}=e;return(0,o.jsxs)(s.A,{className:(0,a.A)(c.root,m,u&&c.rootDisabled,c[`${h}Theme`]),to:i,children:[(0,o.jsx)(r,{Icon:l}),(0,o.jsxs)("div",{className:c.details,children:[(0,o.jsxs)("div",{className:c.detailsMain,children:[(0,o.jsx)("span",{className:c.title,children:t}),(0,o.jsx)("p",{className:c.description,children:n})]}),d&&(0,o.jsx)("div",{className:c.detailsTags,children:d.join(" \u2022 ")})]})]})},r=e=>{let{Icon:t}=e;return t?"string"==typeof t?(0,o.jsx)("span",{className:c.icon,children:t}):(0,o.jsx)(t,{className:c.icon}):null},l=i},1100:(e,t,n)=>{n.d(t,{R:()=>o,x:()=>i});var a=n(758);const s={},c=a.createContext(s);function o(e){const t=a.useContext(c);return a.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function i(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(s):e.components||s:o(e.components),a.createElement(c.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
+/*! For license information please see a61c55ce.40ef7f63.js.LICENSE.txt */
+"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[8964],{1350:(e,t,n)=>{n.d(t,{A:()=>r});var a=n(991),s=n(758);const c={icon:{tag:"svg",attrs:{viewBox:"64 64 896 896",focusable:"false"},children:[{tag:"path",attrs:{d:"M908.1 353.1l-253.9-36.9L540.7 86.1c-3.1-6.3-8.2-11.4-14.5-14.5-15.8-7.8-35-1.3-42.9 14.5L369.8 316.2l-253.9 36.9c-7 1-13.4 4.3-18.3 9.3a32.05 32.05 0 00.6 45.3l183.7 179.1-43.4 252.9a31.95 31.95 0 0046.4 33.7L512 754l227.1 119.4c6.2 3.3 13.4 4.4 20.3 3.2 17.4-3 29.1-19.5 26.1-36.9l-43.4-252.9 183.7-179.1c5-4.9 8.3-11.3 9.3-18.3 2.7-17.5-9.5-33.7-27-36.3zM664.8 561.6l36.1 210.3L512 672.7 323.1 772l36.1-210.3-152.8-149L417.6 382 512 190.7 606.4 382l211.2 30.7-152.8 148.9z"}}]},name:"star",theme:"outlined"};var o=n(9820),i=function(e,t){return s.createElement(o.A,(0,a.A)({},e,{ref:t,icon:c}))};const r=s.forwardRef(i)},1825:(e,t,n)=>{n.d(t,{A:()=>r});var a=n(991),s=n(758);const c={icon:{tag:"svg",attrs:{viewBox:"64 64 896 896",focusable:"false"},children:[{tag:"path",attrs:{d:"M824.2 699.9a301.55 301.55 0 00-86.4-60.4C783.1 602.8 812 546.8 812 484c0-110.8-92.4-201.7-203.2-200-109.1 1.7-197 90.6-197 200 0 62.8 29 118.8 74.2 155.5a300.95 300.95 0 00-86.4 60.4C345 754.6 314 826.8 312 903.8a8 8 0 008 8.2h56c4.3 0 7.9-3.4 8-7.7 1.9-58 25.4-112.3 66.7-153.5A226.62 226.62 0 01612 684c60.9 0 118.2 23.7 161.3 66.8C814.5 792 838 846.3 840 904.3c.1 4.3 3.7 7.7 8 7.7h56a8 8 0 008-8.2c-2-77-33-149.2-87.8-203.9zM612 612c-34.2 0-66.4-13.3-90.5-37.5a126.86 126.86 0 01-37.5-91.8c.3-32.8 13.4-64.5 36.3-88 24-24.6 56.1-38.3 90.4-38.7 33.9-.3 66.8 12.9 91 36.6 24.8 24.3 38.4 56.8 38.4 91.4 0 34.2-13.3 66.3-37.5 90.5A127.3 127.3 0 01612 612zM361.5 510.4c-.9-8.7-1.4-17.5-1.4-26.4 0-15.9 1.5-31.4 4.3-46.5.7-3.6-1.2-7.3-4.5-8.8-13.6-6.1-26.1-14.5-36.9-25.1a127.54 127.54 0 01-38.7-95.4c.9-32.1 13.8-62.6 36.3-85.6 24.7-25.3 57.9-39.1 93.2-38.7 31.9.3 62.7 12.6 86 34.4 7.9 7.4 14.7 15.6 20.4 24.4 2 3.1 5.9 4.4 9.3 3.2 17.6-6.1 36.2-10.4 55.3-12.4 5.6-.6 8.8-6.6 6.3-11.6-32.5-64.3-98.9-108.7-175.7-109.9-110.9-1.7-203.3 89.2-203.3 199.9 0 62.8 28.9 118.8 74.2 155.5-31.8 14.7-61.1 35-86.5 60.4-54.8 54.7-85.8 126.9-87.8 204a8 8 0 008 8.2h56.1c4.3 0 7.9-3.4 8-7.7 1.9-58 25.4-112.3 66.7-153.5 29.4-29.4 65.4-49.8 104.7-59.7 3.9-1 6.5-4.7 6-8.7z"}}]},name:"team",theme:"outlined"};var o=n(9820),i=function(e,t){return s.createElement(o.A,(0,a.A)({},e,{ref:t,icon:c}))};const r=s.forwardRef(i)},738:(e,t,n)=>{n.r(t),n.d(t,{assets:()=>A,contentTitle:()=>g,default:()=>_,frontMatter:()=>v,metadata:()=>j,toc:()=>C});var a=n(6070),s=n(1100),c=n(7946),o=n(1350),i=n(1825),r=n(991),l=n(758);const d={icon:{tag:"svg",attrs:{viewBox:"64 64 896 896",focusable:"false"},children:[{tag:"defs",attrs:{},children:[{tag:"style",attrs:{}}]},{tag:"path",attrs:{d:"M447.8 588.8l-7.3-32.5c-.2-1-.6-1.9-1.1-2.7a7.94 7.94 0 00-11.1-2.2L405 567V411c0-4.4-3.6-8-8-8h-81c-4.4 0-8 3.6-8 8v36c0 4.4 3.6 8 8 8h37v192.4a8 8 0 0012.7 6.5l79-56.8c2.6-1.9 3.8-5.1 3.1-8.3zm-56.7-216.6l.2.2c3.2 3 8.3 2.8 11.3-.5l24.1-26.2a8.1 8.1 0 00-.3-11.2l-53.7-52.1a8 8 0 00-11.2.1l-24.7 24.7c-3.1 3.1-3.1 8.2.1 11.3l54.2 53.7z"}},{tag:"path",attrs:{d:"M866.9 169.9L527.1 54.1C523 52.7 517.5 52 512 52s-11 .7-15.1 2.1L157.1 169.9c-8.3 2.8-15.1 12.4-15.1 21.2v482.4c0 8.8 5.7 20.4 12.6 25.9L499.3 968c3.5 2.7 8 4.1 12.6 4.1s9.2-1.4 12.6-4.1l344.7-268.6c6.9-5.4 12.6-17 12.6-25.9V191.1c.2-8.8-6.6-18.3-14.9-21.2zM810 654.3L512 886.5 214 654.3V226.7l298-101.6 298 101.6v427.6z"}},{tag:"path",attrs:{d:"M452 297v36c0 4.4 3.6 8 8 8h108v274h-38V405c0-4.4-3.6-8-8-8h-35c-4.4 0-8 3.6-8 8v210h-31c-4.4 0-8 3.6-8 8v37c0 4.4 3.6 8 8 8h244c4.4 0 8-3.6 8-8v-37c0-4.4-3.6-8-8-8h-72V493h58c4.4 0 8-3.6 8-8v-35c0-4.4-3.6-8-8-8h-58V341h63c4.4 0 8-3.6 8-8v-36c0-4.4-3.6-8-8-8H460c-4.4 0-8 3.6-8 8z"}}]},name:"verified",theme:"outlined"};var m=n(9820),u=function(e,t){return l.createElement(m.A,(0,r.A)({},e,{ref:t,icon:d}))};const h=l.forwardRef(u);const f={icon:{tag:"svg",attrs:{viewBox:"64 64 896 896",focusable:"false"},children:[{tag:"path",attrs:{d:"M909.6 854.5L649.9 594.8C690.2 542.7 712 479 712 412c0-80.2-31.3-155.4-87.9-212.1-56.6-56.7-132-87.9-212.1-87.9s-155.5 31.3-212.1 87.9C143.2 256.5 112 331.8 112 412c0 80.1 31.3 155.5 87.9 212.1C256.5 680.8 331.8 712 412 712c67 0 130.6-21.8 182.7-62l259.7 259.6a8.2 8.2 0 0011.6 0l43.6-43.5a8.2 8.2 0 000-11.6zM570.4 570.4C528 612.7 471.8 636 412 636s-116-23.3-158.4-65.6C211.3 528 188 471.8 188 412s23.3-116.1 65.6-158.4C296 211.3 352.2 188 412 188s116.1 23.2 158.4 65.6S636 352.2 636 412s-23.3 116.1-65.6 158.4z"}}]},name:"search",theme:"outlined"};var p=function(e,t){return l.createElement(m.A,(0,r.A)({},e,{ref:t,icon:f}))};const x=l.forwardRef(p),v={hide_table_of_contents:!0},g="\ud83d\udcab Community",j={id:"index",title:"\ud83d\udcab Community",description:"Community resources, additional materials",source:"@site/i18n/en/docusaurus-plugin-content-docs/community/index.mdx",sourceDirName:".",slug:"/",permalink:"/uz/community/",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/community/index.mdx",tags:[],version:"current",lastUpdatedBy:"InJaEE",lastUpdatedAt:1728325386e3,frontMatter:{hide_table_of_contents:!0},sidebar:"community",next:{title:"Team",permalink:"/uz/community/team"}},A={},C=[{value:"Main",id:"main",level:2},...c.RM,...c.RM,...c.RM,...c.RM];function y(e){const t={h1:"h1",h2:"h2",header:"header",p:"p",...(0,s.R)(),...e.components};return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(t.header,{children:(0,a.jsx)(t.h1,{id:"-community",children:"\ud83d\udcab Community"})}),"\n",(0,a.jsx)("p",{class:"summary",children:(0,a.jsx)(t.p,{children:"Community resources, additional materials"})}),"\n",(0,a.jsx)(t.h2,{id:"main",children:"Main"}),"\n","\n",(0,a.jsx)(c.Ay,{title:"Awesome Resources",description:"A curated list of awesome FSD videos, articles, packages",to:"https://github.com/feature-sliced/awesome",Icon:o.A}),"\n",(0,a.jsx)(c.Ay,{title:"Team",description:"Core-team, Champions, Contributors, Companies",to:"/community/team",Icon:i.A}),"\n",(0,a.jsx)(c.Ay,{title:"Brandbook",description:"Recommendations for FSD's branding usage",to:"/docs/branding",Icon:h}),"\n",(0,a.jsx)(c.Ay,{title:"Contributing",description:"HowTo, Workflow, Support",to:"#",Icon:x,disabled:!0})]})}function _(e={}){const{wrapper:t}={...(0,s.R)(),...e.components};return t?(0,a.jsx)(t,{...e,children:(0,a.jsx)(y,{...e})}):y(e)}},7946:(e,t,n)=>{n.d(t,{Ay:()=>r,RM:()=>o});var a=n(6070),s=n(1100),c=n(5988);const o=[];function i(e){return(0,a.jsx)(c.A,{...e})}function r(e={}){const{wrapper:t}={...(0,s.R)(),...e.components};return t?(0,a.jsx)(t,{...e,children:(0,a.jsx)(i,{...e})}):i(e)}},5988:(e,t,n)=>{n.d(t,{Y:()=>i,A:()=>l});n(758);var a=n(3526),s=n(6783);const c={root:"root_GfON",rootDisabled:"rootDisabled_SFUB",details:"details_xxkR",detailsTags:"detailsTags_uTQx",icon:"icon_ciqP",title:"title_pSH5",description:"description__Fep",miniTheme:"miniTheme_ePfp",primaryTheme:"primaryTheme_CilO",defaultTheme:"defaultTheme_j3I8"};var o=n(6070);const i=e=>{const{title:t,description:n,to:i,Icon:l,tags:d,className:m,disabled:u,theme:h="default"}=e;return(0,o.jsxs)(s.A,{className:(0,a.A)(c.root,m,u&&c.rootDisabled,c[`${h}Theme`]),to:i,children:[(0,o.jsx)(r,{Icon:l}),(0,o.jsxs)("div",{className:c.details,children:[(0,o.jsxs)("div",{className:c.detailsMain,children:[(0,o.jsx)("span",{className:c.title,children:t}),(0,o.jsx)("p",{className:c.description,children:n})]}),d&&(0,o.jsx)("div",{className:c.detailsTags,children:d.join(" \u2022 ")})]})]})},r=e=>{let{Icon:t}=e;return t?"string"==typeof t?(0,o.jsx)("span",{className:c.icon,children:t}):(0,o.jsx)(t,{className:c.icon}):null},l=i},1100:(e,t,n)=>{n.d(t,{R:()=>o,x:()=>i});var a=n(758);const s={},c=a.createContext(s);function o(e){const t=a.useContext(c);return a.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function i(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(s):e.components||s:o(e.components),a.createElement(c.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
diff --git a/uz/assets/js/a61c55ce.38ef8e5c.js.LICENSE.txt b/uz/assets/js/a61c55ce.40ef7f63.js.LICENSE.txt
similarity index 100%
rename from uz/assets/js/a61c55ce.38ef8e5c.js.LICENSE.txt
rename to uz/assets/js/a61c55ce.40ef7f63.js.LICENSE.txt
diff --git a/uz/assets/js/acaf5b8a.7ee7061a.js b/uz/assets/js/acaf5b8a.e76787b7.js
similarity index 96%
rename from uz/assets/js/acaf5b8a.7ee7061a.js
rename to uz/assets/js/acaf5b8a.e76787b7.js
index 45614a799c..df58db9ec1 100644
--- a/uz/assets/js/acaf5b8a.7ee7061a.js
+++ b/uz/assets/js/acaf5b8a.e76787b7.js
@@ -1 +1 @@
-"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[6170],{1928:(e,t,i)=>{i.d(t,{Ay:()=>h,RM:()=>a});var n=i(6070),s=i(1100),o=(i(758),i(6783)),r=i(7765);const d=e=>{let{ticket:t}=e;const i=`https://github.com/feature-sliced/documentation/issues/${t}`;return(0,n.jsxs)("div",{children:[(0,n.jsx)("p",{children:(0,r.T)({id:"shared.wip.title"})}),(0,n.jsx)("p",{children:(0,r.T)({id:"shared.wip.subtitle"})}),(0,n.jsxs)("ul",{children:[(0,n.jsxs)("li",{children:[(0,r.T)({id:"shared.wip.var.feedback.base"}),(0,n.jsx)(o.A,{to:i,children:(0,r.T)({id:"shared.wip.var.feedback.link"})})]}),(0,n.jsxs)("li",{children:[(0,r.T)({id:"shared.wip.var.material.base"}),(0,n.jsx)(o.A,{to:"https://t.me/feature_sliced",children:(0,r.T)({id:"shared.wip.var.material.link"})})]}),(0,n.jsxs)("li",{children:[(0,r.T)({id:"shared.wip.var.contribute.base"}),(0,n.jsx)(o.A,{to:"https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md",children:(0,r.T)({id:"shared.wip.var.contribute.link"})})]})]}),(0,n.jsx)("br",{}),(0,n.jsx)("p",{children:(0,n.jsx)("i",{children:"\ud83c\udf70 Stay tuned!"})})]})},a=[];function c(e){const t={admonition:"admonition",...(0,s.R)(),...e.components};return(0,n.jsx)(t.admonition,{title:"WIP",type:"caution",children:(0,n.jsx)(d,{ticket:e.ticket})})}function h(e={}){const{wrapper:t}={...(0,s.R)(),...e.components};return t?(0,n.jsx)(t,{...e,children:(0,n.jsx)(c,{...e})}):c(e)}},5533:(e,t,i)=>{i.r(t),i.d(t,{assets:()=>c,contentTitle:()=>d,default:()=>u,frontMatter:()=>r,metadata:()=>a,toc:()=>h});var n=i(6070),s=i(1100),o=i(1928);const r={sidebar_position:4,sidebar_class_name:"sidebar-item--wip",unlisted:!0},d="Theme",a={id:"guides/examples/theme",title:"Theme",description:"Where should I put my work with the theme and palette?",source:"@site/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/theme.mdx",sourceDirName:"guides/examples",slug:"/guides/examples/theme",permalink:"/uz/docs/guides/examples/theme",draft:!1,unlisted:!0,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/theme.mdx",tags:[],version:"current",lastUpdatedAt:1727607766e3,sidebarPosition:4,frontMatter:{sidebar_position:4,sidebar_class_name:"sidebar-item--wip",unlisted:!0},sidebar:"guidesSidebar"},c={},h=[...o.RM,{value:"Where should I put my work with the theme and palette?",id:"where-should-i-put-my-work-with-the-theme-and-palette",level:2},{value:"Discussion about the location of the theme, i18n logic",id:"discussion-about-the-location-of-the-theme-i18n-logic",level:2}];function l(e){const t={a:"a",blockquote:"blockquote",h1:"h1",h2:"h2",header:"header",p:"p",...(0,s.R)(),...e.components};return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(t.header,{children:(0,n.jsx)(t.h1,{id:"theme",children:"Theme"})}),"\n",(0,n.jsx)(o.Ay,{ticket:"207"}),"\n",(0,n.jsx)(t.h2,{id:"where-should-i-put-my-work-with-the-theme-and-palette",children:"Where should I put my work with the theme and palette?"}),"\n",(0,n.jsxs)(t.blockquote,{children:["\n",(0,n.jsx)(t.p,{children:(0,n.jsx)(t.a,{href:"https://t.me/feature_sliced/4410",children:"https://t.me/feature_sliced/4410"})}),"\n"]}),"\n",(0,n.jsx)(t.h2,{id:"discussion-about-the-location-of-the-theme-i18n-logic",children:"Discussion about the location of the theme, i18n logic"}),"\n",(0,n.jsxs)(t.blockquote,{children:["\n",(0,n.jsx)(t.p,{children:(0,n.jsx)(t.a,{href:"https://youtu.be/b_nBvHWqxP8?t=133",children:"https://youtu.be/b_nBvHWqxP8?t=133"})}),"\n"]})]})}function u(e={}){const{wrapper:t}={...(0,s.R)(),...e.components};return t?(0,n.jsx)(t,{...e,children:(0,n.jsx)(l,{...e})}):l(e)}},1100:(e,t,i)=>{i.d(t,{R:()=>r,x:()=>d});var n=i(758);const s={},o=n.createContext(s);function r(e){const t=n.useContext(o);return n.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function d(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(s):e.components||s:r(e.components),n.createElement(o.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
+"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[6170],{1928:(e,t,i)=>{i.d(t,{Ay:()=>h,RM:()=>a});var n=i(6070),s=i(1100),o=(i(758),i(6783)),r=i(7765);const d=e=>{let{ticket:t}=e;const i=`https://github.com/feature-sliced/documentation/issues/${t}`;return(0,n.jsxs)("div",{children:[(0,n.jsx)("p",{children:(0,r.T)({id:"shared.wip.title"})}),(0,n.jsx)("p",{children:(0,r.T)({id:"shared.wip.subtitle"})}),(0,n.jsxs)("ul",{children:[(0,n.jsxs)("li",{children:[(0,r.T)({id:"shared.wip.var.feedback.base"}),(0,n.jsx)(o.A,{to:i,children:(0,r.T)({id:"shared.wip.var.feedback.link"})})]}),(0,n.jsxs)("li",{children:[(0,r.T)({id:"shared.wip.var.material.base"}),(0,n.jsx)(o.A,{to:"https://t.me/feature_sliced",children:(0,r.T)({id:"shared.wip.var.material.link"})})]}),(0,n.jsxs)("li",{children:[(0,r.T)({id:"shared.wip.var.contribute.base"}),(0,n.jsx)(o.A,{to:"https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md",children:(0,r.T)({id:"shared.wip.var.contribute.link"})})]})]}),(0,n.jsx)("br",{}),(0,n.jsx)("p",{children:(0,n.jsx)("i",{children:"\ud83c\udf70 Stay tuned!"})})]})},a=[];function c(e){const t={admonition:"admonition",...(0,s.R)(),...e.components};return(0,n.jsx)(t.admonition,{title:"WIP",type:"caution",children:(0,n.jsx)(d,{ticket:e.ticket})})}function h(e={}){const{wrapper:t}={...(0,s.R)(),...e.components};return t?(0,n.jsx)(t,{...e,children:(0,n.jsx)(c,{...e})}):c(e)}},5533:(e,t,i)=>{i.r(t),i.d(t,{assets:()=>c,contentTitle:()=>d,default:()=>u,frontMatter:()=>r,metadata:()=>a,toc:()=>h});var n=i(6070),s=i(1100),o=i(1928);const r={sidebar_position:4,sidebar_class_name:"sidebar-item--wip",unlisted:!0},d="Theme",a={id:"guides/examples/theme",title:"Theme",description:"Where should I put my work with the theme and palette?",source:"@site/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/theme.mdx",sourceDirName:"guides/examples",slug:"/guides/examples/theme",permalink:"/uz/docs/guides/examples/theme",draft:!1,unlisted:!0,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/theme.mdx",tags:[],version:"current",lastUpdatedAt:1728325386e3,sidebarPosition:4,frontMatter:{sidebar_position:4,sidebar_class_name:"sidebar-item--wip",unlisted:!0},sidebar:"guidesSidebar"},c={},h=[...o.RM,{value:"Where should I put my work with the theme and palette?",id:"where-should-i-put-my-work-with-the-theme-and-palette",level:2},{value:"Discussion about the location of the theme, i18n logic",id:"discussion-about-the-location-of-the-theme-i18n-logic",level:2}];function l(e){const t={a:"a",blockquote:"blockquote",h1:"h1",h2:"h2",header:"header",p:"p",...(0,s.R)(),...e.components};return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(t.header,{children:(0,n.jsx)(t.h1,{id:"theme",children:"Theme"})}),"\n",(0,n.jsx)(o.Ay,{ticket:"207"}),"\n",(0,n.jsx)(t.h2,{id:"where-should-i-put-my-work-with-the-theme-and-palette",children:"Where should I put my work with the theme and palette?"}),"\n",(0,n.jsxs)(t.blockquote,{children:["\n",(0,n.jsx)(t.p,{children:(0,n.jsx)(t.a,{href:"https://t.me/feature_sliced/4410",children:"https://t.me/feature_sliced/4410"})}),"\n"]}),"\n",(0,n.jsx)(t.h2,{id:"discussion-about-the-location-of-the-theme-i18n-logic",children:"Discussion about the location of the theme, i18n logic"}),"\n",(0,n.jsxs)(t.blockquote,{children:["\n",(0,n.jsx)(t.p,{children:(0,n.jsx)(t.a,{href:"https://youtu.be/b_nBvHWqxP8?t=133",children:"https://youtu.be/b_nBvHWqxP8?t=133"})}),"\n"]})]})}function u(e={}){const{wrapper:t}={...(0,s.R)(),...e.components};return t?(0,n.jsx)(t,{...e,children:(0,n.jsx)(l,{...e})}):l(e)}},1100:(e,t,i)=>{i.d(t,{R:()=>r,x:()=>d});var n=i(758);const s={},o=n.createContext(s);function r(e){const t=n.useContext(o);return n.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function d(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(s):e.components||s:r(e.components),n.createElement(o.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
diff --git a/uz/assets/js/ba8bb0f7.8111f9d8.js b/uz/assets/js/ba8bb0f7.df9c18d8.js
similarity index 99%
rename from uz/assets/js/ba8bb0f7.8111f9d8.js
rename to uz/assets/js/ba8bb0f7.df9c18d8.js
index 68ded521d6..788720727c 100644
--- a/uz/assets/js/ba8bb0f7.8111f9d8.js
+++ b/uz/assets/js/ba8bb0f7.df9c18d8.js
@@ -1 +1 @@
-"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[533],{8299:(e,t,n)=>{n.r(t),n.d(t,{assets:()=>d,contentTitle:()=>a,default:()=>l,frontMatter:()=>r,metadata:()=>s,toc:()=>h});var i=n(6070),o=n(1100);const r={sidebar_position:20,pagination_next:"guides/index"},a="FAQ",s={id:"get-started/faq",title:"FAQ",description:"You can ask your question in our Telegram chat, Discord community, and GitHub Discussions.",source:"@site/i18n/en/docusaurus-plugin-content-docs/current/get-started/faq.md",sourceDirName:"get-started",slug:"/get-started/faq",permalink:"/uz/docs/get-started/faq",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/get-started/faq.md",tags:[],version:"current",lastUpdatedAt:1727607766e3,sidebarPosition:20,frontMatter:{sidebar_position:20,pagination_next:"guides/index"},sidebar:"getstartedSidebar",previous:{title:"Tutorial",permalink:"/uz/docs/get-started/tutorial"},next:{title:"\ud83c\udfaf Guides",permalink:"/uz/docs/guides/"}},d={},h=[{value:"Is there a toolkit or a linter?",id:"is-there-a-toolkit-or-a-linter",level:3},{value:"Where to store the layout/template of pages?",id:"where-to-store-the-layouttemplate-of-pages",level:3},{value:"What is the difference between a feature and an entity?",id:"what-is-the-difference-between-a-feature-and-an-entity",level:3},{value:"Can I embed pages/features/entities into each other?",id:"can-i-embed-pagesfeaturesentities-into-each-other",level:3},{value:"What about Atomic Design?",id:"what-about-atomic-design",level:3},{value:"Are there any useful resources/articles/etc. about FSD?",id:"are-there-any-useful-resourcesarticlesetc-about-fsd",level:3},{value:"Why do I need Feature-Sliced Design?",id:"why-do-i-need-feature-sliced-design",level:3},{value:"Does a novice developer need an architecture/methodology?",id:"does-a-novice-developer-need-an-architecturemethodology",level:3},{value:"How do I work with the authorization context?",id:"how-do-i-work-with-the-authorization-context",level:3}];function c(e){const t={a:"a",admonition:"admonition",code:"code",em:"em",h1:"h1",h3:"h3",header:"header",li:"li",p:"p",strong:"strong",ul:"ul",...(0,o.R)(),...e.components};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(t.header,{children:(0,i.jsx)(t.h1,{id:"faq",children:"FAQ"})}),"\n",(0,i.jsx)(t.admonition,{type:"info",children:(0,i.jsxs)(t.p,{children:["You can ask your question in our ",(0,i.jsx)(t.a,{href:"https://t.me/feature_sliced",children:"Telegram chat"}),", ",(0,i.jsx)(t.a,{href:"https://discord.gg/S8MzWTUsmp",children:"Discord community"}),", and ",(0,i.jsx)(t.a,{href:"https://github.com/feature-sliced/documentation/discussions",children:"GitHub Discussions"}),"."]})}),"\n",(0,i.jsx)(t.h3,{id:"is-there-a-toolkit-or-a-linter",children:"Is there a toolkit or a linter?"}),"\n",(0,i.jsxs)(t.p,{children:["There is an official ESLint config \u2014 ",(0,i.jsx)(t.a,{href:"https://github.com/feature-sliced/eslint-config",children:"@feature-sliced/eslint-config"}),", and an ESLint plugin \u2014 ",(0,i.jsx)(t.a,{href:"https://github.com/conarti/eslint-plugin-feature-sliced",children:"@conarti/eslint-plugin-feature-sliced"}),", created by Aleksandr Belous, a community member. You're welcome to contribute to these projects or start your own!"]}),"\n",(0,i.jsx)(t.h3,{id:"where-to-store-the-layouttemplate-of-pages",children:"Where to store the layout/template of pages?"}),"\n",(0,i.jsxs)(t.p,{children:["If you need plain markup layouts, you can keep them in ",(0,i.jsx)(t.code,{children:"shared/ui"}),". If you need to use higher layers inside, there are a few options:"]}),"\n",(0,i.jsxs)(t.ul,{children:["\n",(0,i.jsx)(t.li,{children:"Perhaps you don't need layouts at all? If the layout is only a few lines, it might be reasonable to duplicate the code in each page rather than try to abstract it."}),"\n",(0,i.jsx)(t.li,{children:"If you do need layouts, you can have them as separate widgets or pages, and compose them in your router configuration in App. Nested routing is another option."}),"\n"]}),"\n",(0,i.jsx)(t.h3,{id:"what-is-the-difference-between-a-feature-and-an-entity",children:"What is the difference between a feature and an entity?"}),"\n",(0,i.jsxs)(t.p,{children:["An ",(0,i.jsx)(t.em,{children:"entity"})," is a real-life concept that your app is working with. A ",(0,i.jsx)(t.em,{children:"feature"})," is an interaction that provides real-life value to\xa0your app\u2019s users, the thing people want to do with your entities."]}),"\n",(0,i.jsxs)(t.p,{children:["For more information, along with examples, see the Reference page on ",(0,i.jsx)(t.a,{href:"/docs/reference/layers#entities",children:"slices"}),"."]}),"\n",(0,i.jsx)(t.h3,{id:"can-i-embed-pagesfeaturesentities-into-each-other",children:"Can I embed pages/features/entities into each other?"}),"\n",(0,i.jsx)(t.p,{children:"Yes, but this embedding should happen in higher layers. For example, inside a widget, you can import both features and then insert one feature into another as props/children."}),"\n",(0,i.jsxs)(t.p,{children:["You cannot import one feature from another feature, this is prohibited by the ",(0,i.jsx)(t.a,{href:"/docs/reference/layers#import-rule-on-layers",children:(0,i.jsx)(t.strong,{children:"import rule on layers"})}),"."]}),"\n",(0,i.jsx)(t.h3,{id:"what-about-atomic-design",children:"What about Atomic Design?"}),"\n",(0,i.jsx)(t.p,{children:"The current version of the methodology does not require nor prohibit the use of Atomic Design together with Feature-Sliced Design."}),"\n",(0,i.jsxs)(t.p,{children:["For example, Atomic Design ",(0,i.jsx)(t.a,{href:"https://t.me/feature_sliced/1653",children:"can be applied well"})," for the ",(0,i.jsx)(t.code,{children:"ui"})," segment of modules."]}),"\n",(0,i.jsx)(t.h3,{id:"are-there-any-useful-resourcesarticlesetc-about-fsd",children:"Are there any useful resources/articles/etc. about FSD?"}),"\n",(0,i.jsxs)(t.p,{children:["Yes! ",(0,i.jsx)(t.a,{href:"https://github.com/feature-sliced/awesome",children:"https://github.com/feature-sliced/awesome"})]}),"\n",(0,i.jsx)(t.h3,{id:"why-do-i-need-feature-sliced-design",children:"Why do I need Feature-Sliced Design?"}),"\n",(0,i.jsxs)(t.p,{children:["It helps you and your team to quickly overview the project in terms of its main value-bringing components. A standardized architecture helps to speed up onboarding and resolves debates about code structure. See the ",(0,i.jsx)(t.a,{href:"/docs/about/motivation",children:"motivation"})," page to learn more about why FSD was created."]}),"\n",(0,i.jsx)(t.h3,{id:"does-a-novice-developer-need-an-architecturemethodology",children:"Does a novice developer need an architecture/methodology?"}),"\n",(0,i.jsx)(t.p,{children:"Rather yes than no"}),"\n",(0,i.jsx)(t.p,{children:(0,i.jsx)(t.em,{children:"Usually, when you design and develop a project in one person, everything goes smoothly. But if there are pauses in development, new developers are added to the team - then problems come"})}),"\n",(0,i.jsx)(t.h3,{id:"how-do-i-work-with-the-authorization-context",children:"How do I work with the authorization context?"}),"\n",(0,i.jsxs)(t.p,{children:["Answered ",(0,i.jsx)(t.a,{href:"/docs/guides/examples/auth",children:"here"})]})]})}function l(e={}){const{wrapper:t}={...(0,o.R)(),...e.components};return t?(0,i.jsx)(t,{...e,children:(0,i.jsx)(c,{...e})}):c(e)}},1100:(e,t,n)=>{n.d(t,{R:()=>a,x:()=>s});var i=n(758);const o={},r=i.createContext(o);function a(e){const t=i.useContext(r);return i.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function s(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(o):e.components||o:a(e.components),i.createElement(r.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
+"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[533],{8299:(e,t,n)=>{n.r(t),n.d(t,{assets:()=>d,contentTitle:()=>a,default:()=>l,frontMatter:()=>r,metadata:()=>s,toc:()=>h});var i=n(6070),o=n(1100);const r={sidebar_position:20,pagination_next:"guides/index"},a="FAQ",s={id:"get-started/faq",title:"FAQ",description:"You can ask your question in our Telegram chat, Discord community, and GitHub Discussions.",source:"@site/i18n/en/docusaurus-plugin-content-docs/current/get-started/faq.md",sourceDirName:"get-started",slug:"/get-started/faq",permalink:"/uz/docs/get-started/faq",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/get-started/faq.md",tags:[],version:"current",lastUpdatedAt:1728325386e3,sidebarPosition:20,frontMatter:{sidebar_position:20,pagination_next:"guides/index"},sidebar:"getstartedSidebar",previous:{title:"Tutorial",permalink:"/uz/docs/get-started/tutorial"},next:{title:"\ud83c\udfaf Guides",permalink:"/uz/docs/guides/"}},d={},h=[{value:"Is there a toolkit or a linter?",id:"is-there-a-toolkit-or-a-linter",level:3},{value:"Where to store the layout/template of pages?",id:"where-to-store-the-layouttemplate-of-pages",level:3},{value:"What is the difference between a feature and an entity?",id:"what-is-the-difference-between-a-feature-and-an-entity",level:3},{value:"Can I embed pages/features/entities into each other?",id:"can-i-embed-pagesfeaturesentities-into-each-other",level:3},{value:"What about Atomic Design?",id:"what-about-atomic-design",level:3},{value:"Are there any useful resources/articles/etc. about FSD?",id:"are-there-any-useful-resourcesarticlesetc-about-fsd",level:3},{value:"Why do I need Feature-Sliced Design?",id:"why-do-i-need-feature-sliced-design",level:3},{value:"Does a novice developer need an architecture/methodology?",id:"does-a-novice-developer-need-an-architecturemethodology",level:3},{value:"How do I work with the authorization context?",id:"how-do-i-work-with-the-authorization-context",level:3}];function c(e){const t={a:"a",admonition:"admonition",code:"code",em:"em",h1:"h1",h3:"h3",header:"header",li:"li",p:"p",strong:"strong",ul:"ul",...(0,o.R)(),...e.components};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(t.header,{children:(0,i.jsx)(t.h1,{id:"faq",children:"FAQ"})}),"\n",(0,i.jsx)(t.admonition,{type:"info",children:(0,i.jsxs)(t.p,{children:["You can ask your question in our ",(0,i.jsx)(t.a,{href:"https://t.me/feature_sliced",children:"Telegram chat"}),", ",(0,i.jsx)(t.a,{href:"https://discord.gg/S8MzWTUsmp",children:"Discord community"}),", and ",(0,i.jsx)(t.a,{href:"https://github.com/feature-sliced/documentation/discussions",children:"GitHub Discussions"}),"."]})}),"\n",(0,i.jsx)(t.h3,{id:"is-there-a-toolkit-or-a-linter",children:"Is there a toolkit or a linter?"}),"\n",(0,i.jsxs)(t.p,{children:["There is an official ESLint config \u2014 ",(0,i.jsx)(t.a,{href:"https://github.com/feature-sliced/eslint-config",children:"@feature-sliced/eslint-config"}),", and an ESLint plugin \u2014 ",(0,i.jsx)(t.a,{href:"https://github.com/conarti/eslint-plugin-feature-sliced",children:"@conarti/eslint-plugin-feature-sliced"}),", created by Aleksandr Belous, a community member. You're welcome to contribute to these projects or start your own!"]}),"\n",(0,i.jsx)(t.h3,{id:"where-to-store-the-layouttemplate-of-pages",children:"Where to store the layout/template of pages?"}),"\n",(0,i.jsxs)(t.p,{children:["If you need plain markup layouts, you can keep them in ",(0,i.jsx)(t.code,{children:"shared/ui"}),". If you need to use higher layers inside, there are a few options:"]}),"\n",(0,i.jsxs)(t.ul,{children:["\n",(0,i.jsx)(t.li,{children:"Perhaps you don't need layouts at all? If the layout is only a few lines, it might be reasonable to duplicate the code in each page rather than try to abstract it."}),"\n",(0,i.jsx)(t.li,{children:"If you do need layouts, you can have them as separate widgets or pages, and compose them in your router configuration in App. Nested routing is another option."}),"\n"]}),"\n",(0,i.jsx)(t.h3,{id:"what-is-the-difference-between-a-feature-and-an-entity",children:"What is the difference between a feature and an entity?"}),"\n",(0,i.jsxs)(t.p,{children:["An ",(0,i.jsx)(t.em,{children:"entity"})," is a real-life concept that your app is working with. A ",(0,i.jsx)(t.em,{children:"feature"})," is an interaction that provides real-life value to\xa0your app\u2019s users, the thing people want to do with your entities."]}),"\n",(0,i.jsxs)(t.p,{children:["For more information, along with examples, see the Reference page on ",(0,i.jsx)(t.a,{href:"/docs/reference/layers#entities",children:"slices"}),"."]}),"\n",(0,i.jsx)(t.h3,{id:"can-i-embed-pagesfeaturesentities-into-each-other",children:"Can I embed pages/features/entities into each other?"}),"\n",(0,i.jsx)(t.p,{children:"Yes, but this embedding should happen in higher layers. For example, inside a widget, you can import both features and then insert one feature into another as props/children."}),"\n",(0,i.jsxs)(t.p,{children:["You cannot import one feature from another feature, this is prohibited by the ",(0,i.jsx)(t.a,{href:"/docs/reference/layers#import-rule-on-layers",children:(0,i.jsx)(t.strong,{children:"import rule on layers"})}),"."]}),"\n",(0,i.jsx)(t.h3,{id:"what-about-atomic-design",children:"What about Atomic Design?"}),"\n",(0,i.jsx)(t.p,{children:"The current version of the methodology does not require nor prohibit the use of Atomic Design together with Feature-Sliced Design."}),"\n",(0,i.jsxs)(t.p,{children:["For example, Atomic Design ",(0,i.jsx)(t.a,{href:"https://t.me/feature_sliced/1653",children:"can be applied well"})," for the ",(0,i.jsx)(t.code,{children:"ui"})," segment of modules."]}),"\n",(0,i.jsx)(t.h3,{id:"are-there-any-useful-resourcesarticlesetc-about-fsd",children:"Are there any useful resources/articles/etc. about FSD?"}),"\n",(0,i.jsxs)(t.p,{children:["Yes! ",(0,i.jsx)(t.a,{href:"https://github.com/feature-sliced/awesome",children:"https://github.com/feature-sliced/awesome"})]}),"\n",(0,i.jsx)(t.h3,{id:"why-do-i-need-feature-sliced-design",children:"Why do I need Feature-Sliced Design?"}),"\n",(0,i.jsxs)(t.p,{children:["It helps you and your team to quickly overview the project in terms of its main value-bringing components. A standardized architecture helps to speed up onboarding and resolves debates about code structure. See the ",(0,i.jsx)(t.a,{href:"/docs/about/motivation",children:"motivation"})," page to learn more about why FSD was created."]}),"\n",(0,i.jsx)(t.h3,{id:"does-a-novice-developer-need-an-architecturemethodology",children:"Does a novice developer need an architecture/methodology?"}),"\n",(0,i.jsx)(t.p,{children:"Rather yes than no"}),"\n",(0,i.jsx)(t.p,{children:(0,i.jsx)(t.em,{children:"Usually, when you design and develop a project in one person, everything goes smoothly. But if there are pauses in development, new developers are added to the team - then problems come"})}),"\n",(0,i.jsx)(t.h3,{id:"how-do-i-work-with-the-authorization-context",children:"How do I work with the authorization context?"}),"\n",(0,i.jsxs)(t.p,{children:["Answered ",(0,i.jsx)(t.a,{href:"/docs/guides/examples/auth",children:"here"})]})]})}function l(e={}){const{wrapper:t}={...(0,o.R)(),...e.components};return t?(0,i.jsx)(t,{...e,children:(0,i.jsx)(c,{...e})}):c(e)}},1100:(e,t,n)=>{n.d(t,{R:()=>a,x:()=>s});var i=n(758);const o={},r=i.createContext(o);function a(e){const t=i.useContext(r);return i.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function s(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(o):e.components||o:a(e.components),i.createElement(r.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
diff --git a/uz/assets/js/c0c6474c.6a6b25d1.js b/uz/assets/js/c0c6474c.69356088.js
similarity index 98%
rename from uz/assets/js/c0c6474c.6a6b25d1.js
rename to uz/assets/js/c0c6474c.69356088.js
index aa353c4e63..174ac7e189 100644
--- a/uz/assets/js/c0c6474c.6a6b25d1.js
+++ b/uz/assets/js/c0c6474c.69356088.js
@@ -1 +1 @@
-"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[4581],{1928:(e,t,i)=>{i.d(t,{Ay:()=>u,RM:()=>a});var n=i(6070),s=i(1100),r=(i(758),i(6783)),c=i(7765);const d=e=>{let{ticket:t}=e;const i=`https://github.com/feature-sliced/documentation/issues/${t}`;return(0,n.jsxs)("div",{children:[(0,n.jsx)("p",{children:(0,c.T)({id:"shared.wip.title"})}),(0,n.jsx)("p",{children:(0,c.T)({id:"shared.wip.subtitle"})}),(0,n.jsxs)("ul",{children:[(0,n.jsxs)("li",{children:[(0,c.T)({id:"shared.wip.var.feedback.base"}),(0,n.jsx)(r.A,{to:i,children:(0,c.T)({id:"shared.wip.var.feedback.link"})})]}),(0,n.jsxs)("li",{children:[(0,c.T)({id:"shared.wip.var.material.base"}),(0,n.jsx)(r.A,{to:"https://t.me/feature_sliced",children:(0,c.T)({id:"shared.wip.var.material.link"})})]}),(0,n.jsxs)("li",{children:[(0,c.T)({id:"shared.wip.var.contribute.base"}),(0,n.jsx)(r.A,{to:"https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md",children:(0,c.T)({id:"shared.wip.var.contribute.link"})})]})]}),(0,n.jsx)("br",{}),(0,n.jsx)("p",{children:(0,n.jsx)("i",{children:"\ud83c\udf70 Stay tuned!"})})]})},a=[];function o(e){const t={admonition:"admonition",...(0,s.R)(),...e.components};return(0,n.jsx)(t.admonition,{title:"WIP",type:"caution",children:(0,n.jsx)(d,{ticket:e.ticket})})}function u(e={}){const{wrapper:t}={...(0,s.R)(),...e.components};return t?(0,n.jsx)(t,{...e,children:(0,n.jsx)(o,{...e})}):o(e)}},3396:(e,t,i)=>{i.r(t),i.d(t,{assets:()=>o,contentTitle:()=>d,default:()=>p,frontMatter:()=>c,metadata:()=>a,toc:()=>u});var n=i(6070),s=i(1100),r=i(1928);const c={sidebar_class_name:"sidebar-item--wip",unlisted:!0},d="Metric",a={id:"guides/examples/metric",title:"Metric",description:"About ways to initialize metrics in the application",source:"@site/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/metric.mdx",sourceDirName:"guides/examples",slug:"/guides/examples/metric",permalink:"/uz/docs/guides/examples/metric",draft:!1,unlisted:!0,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/metric.mdx",tags:[],version:"current",lastUpdatedAt:1727607766e3,frontMatter:{sidebar_class_name:"sidebar-item--wip",unlisted:!0},sidebar:"guidesSidebar"},o={},u=[...r.RM];function l(e){const t={blockquote:"blockquote",h1:"h1",header:"header",p:"p",...(0,s.R)(),...e.components};return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(t.header,{children:(0,n.jsx)(t.h1,{id:"metric",children:"Metric"})}),"\n",(0,n.jsx)(r.Ay,{ticket:"181"}),"\n",(0,n.jsxs)(t.blockquote,{children:["\n",(0,n.jsx)(t.p,{children:"About ways to initialize metrics in the application"}),"\n"]})]})}function p(e={}){const{wrapper:t}={...(0,s.R)(),...e.components};return t?(0,n.jsx)(t,{...e,children:(0,n.jsx)(l,{...e})}):l(e)}},1100:(e,t,i)=>{i.d(t,{R:()=>c,x:()=>d});var n=i(758);const s={},r=n.createContext(s);function c(e){const t=n.useContext(r);return n.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function d(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(s):e.components||s:c(e.components),n.createElement(r.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
+"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[4581],{1928:(e,t,i)=>{i.d(t,{Ay:()=>u,RM:()=>a});var n=i(6070),s=i(1100),r=(i(758),i(6783)),c=i(7765);const d=e=>{let{ticket:t}=e;const i=`https://github.com/feature-sliced/documentation/issues/${t}`;return(0,n.jsxs)("div",{children:[(0,n.jsx)("p",{children:(0,c.T)({id:"shared.wip.title"})}),(0,n.jsx)("p",{children:(0,c.T)({id:"shared.wip.subtitle"})}),(0,n.jsxs)("ul",{children:[(0,n.jsxs)("li",{children:[(0,c.T)({id:"shared.wip.var.feedback.base"}),(0,n.jsx)(r.A,{to:i,children:(0,c.T)({id:"shared.wip.var.feedback.link"})})]}),(0,n.jsxs)("li",{children:[(0,c.T)({id:"shared.wip.var.material.base"}),(0,n.jsx)(r.A,{to:"https://t.me/feature_sliced",children:(0,c.T)({id:"shared.wip.var.material.link"})})]}),(0,n.jsxs)("li",{children:[(0,c.T)({id:"shared.wip.var.contribute.base"}),(0,n.jsx)(r.A,{to:"https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md",children:(0,c.T)({id:"shared.wip.var.contribute.link"})})]})]}),(0,n.jsx)("br",{}),(0,n.jsx)("p",{children:(0,n.jsx)("i",{children:"\ud83c\udf70 Stay tuned!"})})]})},a=[];function o(e){const t={admonition:"admonition",...(0,s.R)(),...e.components};return(0,n.jsx)(t.admonition,{title:"WIP",type:"caution",children:(0,n.jsx)(d,{ticket:e.ticket})})}function u(e={}){const{wrapper:t}={...(0,s.R)(),...e.components};return t?(0,n.jsx)(t,{...e,children:(0,n.jsx)(o,{...e})}):o(e)}},3396:(e,t,i)=>{i.r(t),i.d(t,{assets:()=>o,contentTitle:()=>d,default:()=>p,frontMatter:()=>c,metadata:()=>a,toc:()=>u});var n=i(6070),s=i(1100),r=i(1928);const c={sidebar_class_name:"sidebar-item--wip",unlisted:!0},d="Metric",a={id:"guides/examples/metric",title:"Metric",description:"About ways to initialize metrics in the application",source:"@site/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/metric.mdx",sourceDirName:"guides/examples",slug:"/guides/examples/metric",permalink:"/uz/docs/guides/examples/metric",draft:!1,unlisted:!0,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/metric.mdx",tags:[],version:"current",lastUpdatedAt:1728325386e3,frontMatter:{sidebar_class_name:"sidebar-item--wip",unlisted:!0},sidebar:"guidesSidebar"},o={},u=[...r.RM];function l(e){const t={blockquote:"blockquote",h1:"h1",header:"header",p:"p",...(0,s.R)(),...e.components};return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(t.header,{children:(0,n.jsx)(t.h1,{id:"metric",children:"Metric"})}),"\n",(0,n.jsx)(r.Ay,{ticket:"181"}),"\n",(0,n.jsxs)(t.blockquote,{children:["\n",(0,n.jsx)(t.p,{children:"About ways to initialize metrics in the application"}),"\n"]})]})}function p(e={}){const{wrapper:t}={...(0,s.R)(),...e.components};return t?(0,n.jsx)(t,{...e,children:(0,n.jsx)(l,{...e})}):l(e)}},1100:(e,t,i)=>{i.d(t,{R:()=>c,x:()=>d});var n=i(758);const s={},r=n.createContext(s);function c(e){const t=n.useContext(r);return n.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function d(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(s):e.components||s:c(e.components),n.createElement(r.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
diff --git a/uz/assets/js/c4d0faae.50153733.js b/uz/assets/js/c4d0faae.68d43b7e.js
similarity index 98%
rename from uz/assets/js/c4d0faae.50153733.js
rename to uz/assets/js/c4d0faae.68d43b7e.js
index 493fec2ade..4748fbaf01 100644
--- a/uz/assets/js/c4d0faae.50153733.js
+++ b/uz/assets/js/c4d0faae.68d43b7e.js
@@ -1 +1 @@
-"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[5755],{1928:(e,t,o)=>{o.d(t,{Ay:()=>l,RM:()=>d});var n=o(6070),i=o(1100),a=(o(758),o(6783)),r=o(7765);const s=e=>{let{ticket:t}=e;const o=`https://github.com/feature-sliced/documentation/issues/${t}`;return(0,n.jsxs)("div",{children:[(0,n.jsx)("p",{children:(0,r.T)({id:"shared.wip.title"})}),(0,n.jsx)("p",{children:(0,r.T)({id:"shared.wip.subtitle"})}),(0,n.jsxs)("ul",{children:[(0,n.jsxs)("li",{children:[(0,r.T)({id:"shared.wip.var.feedback.base"}),(0,n.jsx)(a.A,{to:o,children:(0,r.T)({id:"shared.wip.var.feedback.link"})})]}),(0,n.jsxs)("li",{children:[(0,r.T)({id:"shared.wip.var.material.base"}),(0,n.jsx)(a.A,{to:"https://t.me/feature_sliced",children:(0,r.T)({id:"shared.wip.var.material.link"})})]}),(0,n.jsxs)("li",{children:[(0,r.T)({id:"shared.wip.var.contribute.base"}),(0,n.jsx)(a.A,{to:"https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md",children:(0,r.T)({id:"shared.wip.var.contribute.link"})})]})]}),(0,n.jsx)("br",{}),(0,n.jsx)("p",{children:(0,n.jsx)("i",{children:"\ud83c\udf70 Stay tuned!"})})]})},d=[];function c(e){const t={admonition:"admonition",...(0,i.R)(),...e.components};return(0,n.jsx)(t.admonition,{title:"WIP",type:"caution",children:(0,n.jsx)(s,{ticket:e.ticket})})}function l(e={}){const{wrapper:t}={...(0,i.R)(),...e.components};return t?(0,n.jsx)(t,{...e,children:(0,n.jsx)(c,{...e})}):c(e)}},5300:(e,t,o)=>{o.r(t),o.d(t,{assets:()=>c,contentTitle:()=>s,default:()=>p,frontMatter:()=>r,metadata:()=>d,toc:()=>l});var n=o(6070),i=o(1100),a=o(1928);const r={sidebar_position:4,sidebar_class_name:"sidebar-item--wip"},s="Promote in company",d={id:"about/promote/for-company",title:"Promote in company",description:"Do the project and the company need a methodology?",source:"@site/i18n/en/docusaurus-plugin-content-docs/current/about/promote/for-company.mdx",sourceDirName:"about/promote",slug:"/about/promote/for-company",permalink:"/uz/docs/about/promote/for-company",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/about/promote/for-company.mdx",tags:[],version:"current",lastUpdatedAt:1727607766e3,sidebarPosition:4,frontMatter:{sidebar_position:4,sidebar_class_name:"sidebar-item--wip"},sidebar:"aboutSidebar",previous:{title:"Promote in team",permalink:"/uz/docs/about/promote/for-team"}},c={},l=[...a.RM,{value:"Do the project and the company need a methodology?",id:"do-the-project-and-the-company-need-a-methodology",level:2},{value:"How can I submit a methodology to a business?",id:"how-can-i-submit-a-methodology-to-a-business",level:2},{value:"How to prepare and justify a plan to move to the methodology?",id:"how-to-prepare-and-justify-a-plan-to-move-to-the-methodology",level:2}];function u(e){const t={blockquote:"blockquote",h1:"h1",h2:"h2",header:"header",p:"p",...(0,i.R)(),...e.components};return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(t.header,{children:(0,n.jsx)(t.h1,{id:"promote-in-company",children:"Promote in company"})}),"\n",(0,n.jsx)(a.Ay,{ticket:"206"}),"\n",(0,n.jsx)(t.h2,{id:"do-the-project-and-the-company-need-a-methodology",children:"Do the project and the company need a methodology?"}),"\n",(0,n.jsxs)(t.blockquote,{children:["\n",(0,n.jsx)(t.p,{children:"About the justification of the application, Those duty"}),"\n"]}),"\n",(0,n.jsx)(t.h2,{id:"how-can-i-submit-a-methodology-to-a-business",children:"How can I submit a methodology to a business?"}),"\n",(0,n.jsx)(t.h2,{id:"how-to-prepare-and-justify-a-plan-to-move-to-the-methodology",children:"How to prepare and justify a plan to move to the methodology?"})]})}function p(e={}){const{wrapper:t}={...(0,i.R)(),...e.components};return t?(0,n.jsx)(t,{...e,children:(0,n.jsx)(u,{...e})}):u(e)}},1100:(e,t,o)=>{o.d(t,{R:()=>r,x:()=>s});var n=o(758);const i={},a=n.createContext(i);function r(e){const t=n.useContext(a);return n.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function s(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(i):e.components||i:r(e.components),n.createElement(a.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
+"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[5755],{1928:(e,t,o)=>{o.d(t,{Ay:()=>l,RM:()=>d});var n=o(6070),i=o(1100),a=(o(758),o(6783)),r=o(7765);const s=e=>{let{ticket:t}=e;const o=`https://github.com/feature-sliced/documentation/issues/${t}`;return(0,n.jsxs)("div",{children:[(0,n.jsx)("p",{children:(0,r.T)({id:"shared.wip.title"})}),(0,n.jsx)("p",{children:(0,r.T)({id:"shared.wip.subtitle"})}),(0,n.jsxs)("ul",{children:[(0,n.jsxs)("li",{children:[(0,r.T)({id:"shared.wip.var.feedback.base"}),(0,n.jsx)(a.A,{to:o,children:(0,r.T)({id:"shared.wip.var.feedback.link"})})]}),(0,n.jsxs)("li",{children:[(0,r.T)({id:"shared.wip.var.material.base"}),(0,n.jsx)(a.A,{to:"https://t.me/feature_sliced",children:(0,r.T)({id:"shared.wip.var.material.link"})})]}),(0,n.jsxs)("li",{children:[(0,r.T)({id:"shared.wip.var.contribute.base"}),(0,n.jsx)(a.A,{to:"https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md",children:(0,r.T)({id:"shared.wip.var.contribute.link"})})]})]}),(0,n.jsx)("br",{}),(0,n.jsx)("p",{children:(0,n.jsx)("i",{children:"\ud83c\udf70 Stay tuned!"})})]})},d=[];function c(e){const t={admonition:"admonition",...(0,i.R)(),...e.components};return(0,n.jsx)(t.admonition,{title:"WIP",type:"caution",children:(0,n.jsx)(s,{ticket:e.ticket})})}function l(e={}){const{wrapper:t}={...(0,i.R)(),...e.components};return t?(0,n.jsx)(t,{...e,children:(0,n.jsx)(c,{...e})}):c(e)}},5300:(e,t,o)=>{o.r(t),o.d(t,{assets:()=>c,contentTitle:()=>s,default:()=>p,frontMatter:()=>r,metadata:()=>d,toc:()=>l});var n=o(6070),i=o(1100),a=o(1928);const r={sidebar_position:4,sidebar_class_name:"sidebar-item--wip"},s="Promote in company",d={id:"about/promote/for-company",title:"Promote in company",description:"Do the project and the company need a methodology?",source:"@site/i18n/en/docusaurus-plugin-content-docs/current/about/promote/for-company.mdx",sourceDirName:"about/promote",slug:"/about/promote/for-company",permalink:"/uz/docs/about/promote/for-company",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/about/promote/for-company.mdx",tags:[],version:"current",lastUpdatedAt:1728325386e3,sidebarPosition:4,frontMatter:{sidebar_position:4,sidebar_class_name:"sidebar-item--wip"},sidebar:"aboutSidebar",previous:{title:"Promote in team",permalink:"/uz/docs/about/promote/for-team"}},c={},l=[...a.RM,{value:"Do the project and the company need a methodology?",id:"do-the-project-and-the-company-need-a-methodology",level:2},{value:"How can I submit a methodology to a business?",id:"how-can-i-submit-a-methodology-to-a-business",level:2},{value:"How to prepare and justify a plan to move to the methodology?",id:"how-to-prepare-and-justify-a-plan-to-move-to-the-methodology",level:2}];function u(e){const t={blockquote:"blockquote",h1:"h1",h2:"h2",header:"header",p:"p",...(0,i.R)(),...e.components};return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(t.header,{children:(0,n.jsx)(t.h1,{id:"promote-in-company",children:"Promote in company"})}),"\n",(0,n.jsx)(a.Ay,{ticket:"206"}),"\n",(0,n.jsx)(t.h2,{id:"do-the-project-and-the-company-need-a-methodology",children:"Do the project and the company need a methodology?"}),"\n",(0,n.jsxs)(t.blockquote,{children:["\n",(0,n.jsx)(t.p,{children:"About the justification of the application, Those duty"}),"\n"]}),"\n",(0,n.jsx)(t.h2,{id:"how-can-i-submit-a-methodology-to-a-business",children:"How can I submit a methodology to a business?"}),"\n",(0,n.jsx)(t.h2,{id:"how-to-prepare-and-justify-a-plan-to-move-to-the-methodology",children:"How to prepare and justify a plan to move to the methodology?"})]})}function p(e={}){const{wrapper:t}={...(0,i.R)(),...e.components};return t?(0,n.jsx)(t,{...e,children:(0,n.jsx)(u,{...e})}):u(e)}},1100:(e,t,o)=>{o.d(t,{R:()=>r,x:()=>s});var n=o(758);const i={},a=n.createContext(i);function r(e){const t=n.useContext(a);return n.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function s(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(i):e.components||i:r(e.components),n.createElement(a.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
diff --git a/uz/assets/js/c5666f39.77b2d559.js b/uz/assets/js/c5666f39.b6dea57c.js
similarity index 98%
rename from uz/assets/js/c5666f39.77b2d559.js
rename to uz/assets/js/c5666f39.b6dea57c.js
index 18ea47cce9..415fa45a39 100644
--- a/uz/assets/js/c5666f39.77b2d559.js
+++ b/uz/assets/js/c5666f39.b6dea57c.js
@@ -1,2 +1,2 @@
-/*! For license information please see c5666f39.77b2d559.js.LICENSE.txt */
-"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[5715],{1350:(e,t,n)=>{n.d(t,{A:()=>r});var o=n(991),a=n(758);const i={icon:{tag:"svg",attrs:{viewBox:"64 64 896 896",focusable:"false"},children:[{tag:"path",attrs:{d:"M908.1 353.1l-253.9-36.9L540.7 86.1c-3.1-6.3-8.2-11.4-14.5-14.5-15.8-7.8-35-1.3-42.9 14.5L369.8 316.2l-253.9 36.9c-7 1-13.4 4.3-18.3 9.3a32.05 32.05 0 00.6 45.3l183.7 179.1-43.4 252.9a31.95 31.95 0 0046.4 33.7L512 754l227.1 119.4c6.2 3.3 13.4 4.4 20.3 3.2 17.4-3 29.1-19.5 26.1-36.9l-43.4-252.9 183.7-179.1c5-4.9 8.3-11.3 9.3-18.3 2.7-17.5-9.5-33.7-27-36.3zM664.8 561.6l36.1 210.3L512 672.7 323.1 772l36.1-210.3-152.8-149L417.6 382 512 190.7 606.4 382l211.2 30.7-152.8 148.9z"}}]},name:"star",theme:"outlined"};var s=n(9820),c=function(e,t){return a.createElement(s.A,(0,o.A)({},e,{ref:t,icon:i}))};const r=a.forwardRef(c)},1825:(e,t,n)=>{n.d(t,{A:()=>r});var o=n(991),a=n(758);const i={icon:{tag:"svg",attrs:{viewBox:"64 64 896 896",focusable:"false"},children:[{tag:"path",attrs:{d:"M824.2 699.9a301.55 301.55 0 00-86.4-60.4C783.1 602.8 812 546.8 812 484c0-110.8-92.4-201.7-203.2-200-109.1 1.7-197 90.6-197 200 0 62.8 29 118.8 74.2 155.5a300.95 300.95 0 00-86.4 60.4C345 754.6 314 826.8 312 903.8a8 8 0 008 8.2h56c4.3 0 7.9-3.4 8-7.7 1.9-58 25.4-112.3 66.7-153.5A226.62 226.62 0 01612 684c60.9 0 118.2 23.7 161.3 66.8C814.5 792 838 846.3 840 904.3c.1 4.3 3.7 7.7 8 7.7h56a8 8 0 008-8.2c-2-77-33-149.2-87.8-203.9zM612 612c-34.2 0-66.4-13.3-90.5-37.5a126.86 126.86 0 01-37.5-91.8c.3-32.8 13.4-64.5 36.3-88 24-24.6 56.1-38.3 90.4-38.7 33.9-.3 66.8 12.9 91 36.6 24.8 24.3 38.4 56.8 38.4 91.4 0 34.2-13.3 66.3-37.5 90.5A127.3 127.3 0 01612 612zM361.5 510.4c-.9-8.7-1.4-17.5-1.4-26.4 0-15.9 1.5-31.4 4.3-46.5.7-3.6-1.2-7.3-4.5-8.8-13.6-6.1-26.1-14.5-36.9-25.1a127.54 127.54 0 01-38.7-95.4c.9-32.1 13.8-62.6 36.3-85.6 24.7-25.3 57.9-39.1 93.2-38.7 31.9.3 62.7 12.6 86 34.4 7.9 7.4 14.7 15.6 20.4 24.4 2 3.1 5.9 4.4 9.3 3.2 17.6-6.1 36.2-10.4 55.3-12.4 5.6-.6 8.8-6.6 6.3-11.6-32.5-64.3-98.9-108.7-175.7-109.9-110.9-1.7-203.3 89.2-203.3 199.9 0 62.8 28.9 118.8 74.2 155.5-31.8 14.7-61.1 35-86.5 60.4-54.8 54.7-85.8 126.9-87.8 204a8 8 0 008 8.2h56.1c4.3 0 7.9-3.4 8-7.7 1.9-58 25.4-112.3 66.7-153.5 29.4-29.4 65.4-49.8 104.7-59.7 3.9-1 6.5-4.7 6-8.7z"}}]},name:"team",theme:"outlined"};var s=n(9820),c=function(e,t){return a.createElement(s.A,(0,o.A)({},e,{ref:t,icon:i}))};const r=a.forwardRef(c)},7946:(e,t,n)=>{n.d(t,{Ay:()=>r,RM:()=>s});var o=n(6070),a=n(1100),i=n(5988);const s=[];function c(e){return(0,o.jsx)(i.A,{...e})}function r(e={}){const{wrapper:t}={...(0,a.R)(),...e.components};return t?(0,o.jsx)(t,{...e,children:(0,o.jsx)(c,{...e})}):c(e)}},4200:(e,t,n)=>{n.r(t),n.d(t,{assets:()=>A,contentTitle:()=>g,default:()=>M,frontMatter:()=>x,metadata:()=>b,toc:()=>j});var o=n(6070),a=n(1100),i=n(7946),s=n(991),c=n(758);const r={icon:{tag:"svg",attrs:{viewBox:"64 64 896 896",focusable:"false"},children:[{tag:"path",attrs:{d:"M868 160h-92v-40c0-4.4-3.6-8-8-8H256c-4.4 0-8 3.6-8 8v40h-92a44 44 0 00-44 44v148c0 81.7 60 149.6 138.2 162C265.7 630.2 359 721.7 476 734.5v105.2H280c-17.7 0-32 14.3-32 32V904c0 4.4 3.6 8 8 8h512c4.4 0 8-3.6 8-8v-32.3c0-17.7-14.3-32-32-32H548V734.5C665 721.7 758.3 630.2 773.8 514 852 501.6 912 433.7 912 352V204a44 44 0 00-44-44zM184 352V232h64v207.6a91.99 91.99 0 01-64-87.6zm520 128c0 49.1-19.1 95.4-53.9 130.1-34.8 34.8-81 53.9-130.1 53.9h-16c-49.1 0-95.4-19.1-130.1-53.9-34.8-34.8-53.9-81-53.9-130.1V184h384v296zm136-128c0 41-26.9 75.8-64 87.6V232h64v120z"}}]},name:"trophy",theme:"outlined"};var d=n(9820),l=function(e,t){return c.createElement(d.A,(0,s.A)({},e,{ref:t,icon:r}))};const u=c.forwardRef(l);var m=n(1350);const h={icon:{tag:"svg",attrs:{viewBox:"64 64 896 896",focusable:"false"},children:[{tag:"path",attrs:{d:"M632 888H392c-4.4 0-8 3.6-8 8v32c0 17.7 14.3 32 32 32h192c17.7 0 32-14.3 32-32v-32c0-4.4-3.6-8-8-8zM512 64c-181.1 0-328 146.9-328 328 0 121.4 66 227.4 164 284.1V792c0 17.7 14.3 32 32 32h264c17.7 0 32-14.3 32-32V676.1c98-56.7 164-162.7 164-284.1 0-181.1-146.9-328-328-328zm127.9 549.8L604 634.6V752H420V634.6l-35.9-20.8C305.4 568.3 256 484.5 256 392c0-141.4 114.6-256 256-256s256 114.6 256 256c0 92.5-49.4 176.3-128.1 221.8z"}}]},name:"bulb",theme:"outlined"};var p=function(e,t){return c.createElement(d.A,(0,s.A)({},e,{ref:t,icon:h}))};const f=c.forwardRef(p);var v=n(1825);const x={hide_table_of_contents:!0,pagination_prev:"reference/index"},g="\ud83c\udf70 About",b={id:"about/index",title:"\ud83c\udf70 About",description:"BACKGROUND-ORIENTED",source:"@site/i18n/en/docusaurus-plugin-content-docs/current/about/index.mdx",sourceDirName:"about",slug:"/about/",permalink:"/uz/docs/about/",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/about/index.mdx",tags:[],version:"current",lastUpdatedAt:1727607766e3,frontMatter:{hide_table_of_contents:!0,pagination_prev:"reference/index"},sidebar:"aboutSidebar",previous:{title:"\ud83d\udcda Malumot",permalink:"/uz/docs/reference/"},next:{title:"Mission",permalink:"/uz/docs/about/mission"}},A={},j=[{value:"Main",id:"main",level:2},...i.RM,...i.RM,...i.RM,...i.RM];function _(e){const t={h1:"h1",h2:"h2",header:"header",p:"p",...(0,a.R)(),...e.components};return(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(t.header,{children:(0,o.jsx)(t.h1,{id:"-about",children:"\ud83c\udf70 About"})}),"\n",(0,o.jsx)("span",{class:"badge badge--violet margin-bottom--md",children:"BACKGROUND-ORIENTED"}),"\n",(0,o.jsx)("p",{class:"summary",children:(0,o.jsx)(t.p,{children:"General information about methodology, team, community and development history"})}),"\n",(0,o.jsx)(t.h2,{id:"main",children:"Main"}),"\n","\n",(0,o.jsx)(i.Ay,{title:"Mission",description:"Goals and limitations of the methodology",to:"/docs/about/mission",Icon:u}),"\n",(0,o.jsx)(i.Ay,{title:"Motivation",description:"Reasons for the creation and development of the methodology",to:"/docs/about/motivation",Icon:m.A}),"\n",(0,o.jsx)(i.Ay,{title:"Understanding",description:"Deep understanding of FSD concepts",to:"/docs/about/understanding/architecture",Icon:f,tags:["About architecture","Needs driven","Naming"]}),"\n",(0,o.jsx)(i.Ay,{title:"Promote",description:"About promotion and integration FSD at companies",to:"/docs/about/promote/integration",Icon:v.A,tags:["Integration","Promoting in team","Promoting in company"]})]})}function M(e={}){const{wrapper:t}={...(0,a.R)(),...e.components};return t?(0,o.jsx)(t,{...e,children:(0,o.jsx)(_,{...e})}):_(e)}},5988:(e,t,n)=>{n.d(t,{Y:()=>c,A:()=>d});n(758);var o=n(3526),a=n(6783);const i={root:"root_GfON",rootDisabled:"rootDisabled_SFUB",details:"details_xxkR",detailsTags:"detailsTags_uTQx",icon:"icon_ciqP",title:"title_pSH5",description:"description__Fep",miniTheme:"miniTheme_ePfp",primaryTheme:"primaryTheme_CilO",defaultTheme:"defaultTheme_j3I8"};var s=n(6070);const c=e=>{const{title:t,description:n,to:c,Icon:d,tags:l,className:u,disabled:m,theme:h="default"}=e;return(0,s.jsxs)(a.A,{className:(0,o.A)(i.root,u,m&&i.rootDisabled,i[`${h}Theme`]),to:c,children:[(0,s.jsx)(r,{Icon:d}),(0,s.jsxs)("div",{className:i.details,children:[(0,s.jsxs)("div",{className:i.detailsMain,children:[(0,s.jsx)("span",{className:i.title,children:t}),(0,s.jsx)("p",{className:i.description,children:n})]}),l&&(0,s.jsx)("div",{className:i.detailsTags,children:l.join(" \u2022 ")})]})]})},r=e=>{let{Icon:t}=e;return t?"string"==typeof t?(0,s.jsx)("span",{className:i.icon,children:t}):(0,s.jsx)(t,{className:i.icon}):null},d=c},1100:(e,t,n)=>{n.d(t,{R:()=>s,x:()=>c});var o=n(758);const a={},i=o.createContext(a);function s(e){const t=o.useContext(i);return o.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function c(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(a):e.components||a:s(e.components),o.createElement(i.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
+/*! For license information please see c5666f39.b6dea57c.js.LICENSE.txt */
+"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[5715],{1350:(e,t,n)=>{n.d(t,{A:()=>r});var o=n(991),a=n(758);const i={icon:{tag:"svg",attrs:{viewBox:"64 64 896 896",focusable:"false"},children:[{tag:"path",attrs:{d:"M908.1 353.1l-253.9-36.9L540.7 86.1c-3.1-6.3-8.2-11.4-14.5-14.5-15.8-7.8-35-1.3-42.9 14.5L369.8 316.2l-253.9 36.9c-7 1-13.4 4.3-18.3 9.3a32.05 32.05 0 00.6 45.3l183.7 179.1-43.4 252.9a31.95 31.95 0 0046.4 33.7L512 754l227.1 119.4c6.2 3.3 13.4 4.4 20.3 3.2 17.4-3 29.1-19.5 26.1-36.9l-43.4-252.9 183.7-179.1c5-4.9 8.3-11.3 9.3-18.3 2.7-17.5-9.5-33.7-27-36.3zM664.8 561.6l36.1 210.3L512 672.7 323.1 772l36.1-210.3-152.8-149L417.6 382 512 190.7 606.4 382l211.2 30.7-152.8 148.9z"}}]},name:"star",theme:"outlined"};var s=n(9820),c=function(e,t){return a.createElement(s.A,(0,o.A)({},e,{ref:t,icon:i}))};const r=a.forwardRef(c)},1825:(e,t,n)=>{n.d(t,{A:()=>r});var o=n(991),a=n(758);const i={icon:{tag:"svg",attrs:{viewBox:"64 64 896 896",focusable:"false"},children:[{tag:"path",attrs:{d:"M824.2 699.9a301.55 301.55 0 00-86.4-60.4C783.1 602.8 812 546.8 812 484c0-110.8-92.4-201.7-203.2-200-109.1 1.7-197 90.6-197 200 0 62.8 29 118.8 74.2 155.5a300.95 300.95 0 00-86.4 60.4C345 754.6 314 826.8 312 903.8a8 8 0 008 8.2h56c4.3 0 7.9-3.4 8-7.7 1.9-58 25.4-112.3 66.7-153.5A226.62 226.62 0 01612 684c60.9 0 118.2 23.7 161.3 66.8C814.5 792 838 846.3 840 904.3c.1 4.3 3.7 7.7 8 7.7h56a8 8 0 008-8.2c-2-77-33-149.2-87.8-203.9zM612 612c-34.2 0-66.4-13.3-90.5-37.5a126.86 126.86 0 01-37.5-91.8c.3-32.8 13.4-64.5 36.3-88 24-24.6 56.1-38.3 90.4-38.7 33.9-.3 66.8 12.9 91 36.6 24.8 24.3 38.4 56.8 38.4 91.4 0 34.2-13.3 66.3-37.5 90.5A127.3 127.3 0 01612 612zM361.5 510.4c-.9-8.7-1.4-17.5-1.4-26.4 0-15.9 1.5-31.4 4.3-46.5.7-3.6-1.2-7.3-4.5-8.8-13.6-6.1-26.1-14.5-36.9-25.1a127.54 127.54 0 01-38.7-95.4c.9-32.1 13.8-62.6 36.3-85.6 24.7-25.3 57.9-39.1 93.2-38.7 31.9.3 62.7 12.6 86 34.4 7.9 7.4 14.7 15.6 20.4 24.4 2 3.1 5.9 4.4 9.3 3.2 17.6-6.1 36.2-10.4 55.3-12.4 5.6-.6 8.8-6.6 6.3-11.6-32.5-64.3-98.9-108.7-175.7-109.9-110.9-1.7-203.3 89.2-203.3 199.9 0 62.8 28.9 118.8 74.2 155.5-31.8 14.7-61.1 35-86.5 60.4-54.8 54.7-85.8 126.9-87.8 204a8 8 0 008 8.2h56.1c4.3 0 7.9-3.4 8-7.7 1.9-58 25.4-112.3 66.7-153.5 29.4-29.4 65.4-49.8 104.7-59.7 3.9-1 6.5-4.7 6-8.7z"}}]},name:"team",theme:"outlined"};var s=n(9820),c=function(e,t){return a.createElement(s.A,(0,o.A)({},e,{ref:t,icon:i}))};const r=a.forwardRef(c)},7946:(e,t,n)=>{n.d(t,{Ay:()=>r,RM:()=>s});var o=n(6070),a=n(1100),i=n(5988);const s=[];function c(e){return(0,o.jsx)(i.A,{...e})}function r(e={}){const{wrapper:t}={...(0,a.R)(),...e.components};return t?(0,o.jsx)(t,{...e,children:(0,o.jsx)(c,{...e})}):c(e)}},4200:(e,t,n)=>{n.r(t),n.d(t,{assets:()=>A,contentTitle:()=>g,default:()=>M,frontMatter:()=>x,metadata:()=>b,toc:()=>j});var o=n(6070),a=n(1100),i=n(7946),s=n(991),c=n(758);const r={icon:{tag:"svg",attrs:{viewBox:"64 64 896 896",focusable:"false"},children:[{tag:"path",attrs:{d:"M868 160h-92v-40c0-4.4-3.6-8-8-8H256c-4.4 0-8 3.6-8 8v40h-92a44 44 0 00-44 44v148c0 81.7 60 149.6 138.2 162C265.7 630.2 359 721.7 476 734.5v105.2H280c-17.7 0-32 14.3-32 32V904c0 4.4 3.6 8 8 8h512c4.4 0 8-3.6 8-8v-32.3c0-17.7-14.3-32-32-32H548V734.5C665 721.7 758.3 630.2 773.8 514 852 501.6 912 433.7 912 352V204a44 44 0 00-44-44zM184 352V232h64v207.6a91.99 91.99 0 01-64-87.6zm520 128c0 49.1-19.1 95.4-53.9 130.1-34.8 34.8-81 53.9-130.1 53.9h-16c-49.1 0-95.4-19.1-130.1-53.9-34.8-34.8-53.9-81-53.9-130.1V184h384v296zm136-128c0 41-26.9 75.8-64 87.6V232h64v120z"}}]},name:"trophy",theme:"outlined"};var d=n(9820),l=function(e,t){return c.createElement(d.A,(0,s.A)({},e,{ref:t,icon:r}))};const u=c.forwardRef(l);var m=n(1350);const h={icon:{tag:"svg",attrs:{viewBox:"64 64 896 896",focusable:"false"},children:[{tag:"path",attrs:{d:"M632 888H392c-4.4 0-8 3.6-8 8v32c0 17.7 14.3 32 32 32h192c17.7 0 32-14.3 32-32v-32c0-4.4-3.6-8-8-8zM512 64c-181.1 0-328 146.9-328 328 0 121.4 66 227.4 164 284.1V792c0 17.7 14.3 32 32 32h264c17.7 0 32-14.3 32-32V676.1c98-56.7 164-162.7 164-284.1 0-181.1-146.9-328-328-328zm127.9 549.8L604 634.6V752H420V634.6l-35.9-20.8C305.4 568.3 256 484.5 256 392c0-141.4 114.6-256 256-256s256 114.6 256 256c0 92.5-49.4 176.3-128.1 221.8z"}}]},name:"bulb",theme:"outlined"};var p=function(e,t){return c.createElement(d.A,(0,s.A)({},e,{ref:t,icon:h}))};const f=c.forwardRef(p);var v=n(1825);const x={hide_table_of_contents:!0,pagination_prev:"reference/index"},g="\ud83c\udf70 About",b={id:"about/index",title:"\ud83c\udf70 About",description:"BACKGROUND-ORIENTED",source:"@site/i18n/en/docusaurus-plugin-content-docs/current/about/index.mdx",sourceDirName:"about",slug:"/about/",permalink:"/uz/docs/about/",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/about/index.mdx",tags:[],version:"current",lastUpdatedAt:1728325386e3,frontMatter:{hide_table_of_contents:!0,pagination_prev:"reference/index"},sidebar:"aboutSidebar",previous:{title:"\ud83d\udcda Malumot",permalink:"/uz/docs/reference/"},next:{title:"Mission",permalink:"/uz/docs/about/mission"}},A={},j=[{value:"Main",id:"main",level:2},...i.RM,...i.RM,...i.RM,...i.RM];function _(e){const t={h1:"h1",h2:"h2",header:"header",p:"p",...(0,a.R)(),...e.components};return(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(t.header,{children:(0,o.jsx)(t.h1,{id:"-about",children:"\ud83c\udf70 About"})}),"\n",(0,o.jsx)("span",{class:"badge badge--violet margin-bottom--md",children:"BACKGROUND-ORIENTED"}),"\n",(0,o.jsx)("p",{class:"summary",children:(0,o.jsx)(t.p,{children:"General information about methodology, team, community and development history"})}),"\n",(0,o.jsx)(t.h2,{id:"main",children:"Main"}),"\n","\n",(0,o.jsx)(i.Ay,{title:"Mission",description:"Goals and limitations of the methodology",to:"/docs/about/mission",Icon:u}),"\n",(0,o.jsx)(i.Ay,{title:"Motivation",description:"Reasons for the creation and development of the methodology",to:"/docs/about/motivation",Icon:m.A}),"\n",(0,o.jsx)(i.Ay,{title:"Understanding",description:"Deep understanding of FSD concepts",to:"/docs/about/understanding/architecture",Icon:f,tags:["About architecture","Needs driven","Naming"]}),"\n",(0,o.jsx)(i.Ay,{title:"Promote",description:"About promotion and integration FSD at companies",to:"/docs/about/promote/integration",Icon:v.A,tags:["Integration","Promoting in team","Promoting in company"]})]})}function M(e={}){const{wrapper:t}={...(0,a.R)(),...e.components};return t?(0,o.jsx)(t,{...e,children:(0,o.jsx)(_,{...e})}):_(e)}},5988:(e,t,n)=>{n.d(t,{Y:()=>c,A:()=>d});n(758);var o=n(3526),a=n(6783);const i={root:"root_GfON",rootDisabled:"rootDisabled_SFUB",details:"details_xxkR",detailsTags:"detailsTags_uTQx",icon:"icon_ciqP",title:"title_pSH5",description:"description__Fep",miniTheme:"miniTheme_ePfp",primaryTheme:"primaryTheme_CilO",defaultTheme:"defaultTheme_j3I8"};var s=n(6070);const c=e=>{const{title:t,description:n,to:c,Icon:d,tags:l,className:u,disabled:m,theme:h="default"}=e;return(0,s.jsxs)(a.A,{className:(0,o.A)(i.root,u,m&&i.rootDisabled,i[`${h}Theme`]),to:c,children:[(0,s.jsx)(r,{Icon:d}),(0,s.jsxs)("div",{className:i.details,children:[(0,s.jsxs)("div",{className:i.detailsMain,children:[(0,s.jsx)("span",{className:i.title,children:t}),(0,s.jsx)("p",{className:i.description,children:n})]}),l&&(0,s.jsx)("div",{className:i.detailsTags,children:l.join(" \u2022 ")})]})]})},r=e=>{let{Icon:t}=e;return t?"string"==typeof t?(0,s.jsx)("span",{className:i.icon,children:t}):(0,s.jsx)(t,{className:i.icon}):null},d=c},1100:(e,t,n)=>{n.d(t,{R:()=>s,x:()=>c});var o=n(758);const a={},i=o.createContext(a);function s(e){const t=o.useContext(i);return o.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function c(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(a):e.components||a:s(e.components),o.createElement(i.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
diff --git a/uz/assets/js/c5666f39.77b2d559.js.LICENSE.txt b/uz/assets/js/c5666f39.b6dea57c.js.LICENSE.txt
similarity index 100%
rename from uz/assets/js/c5666f39.77b2d559.js.LICENSE.txt
rename to uz/assets/js/c5666f39.b6dea57c.js.LICENSE.txt
diff --git a/uz/assets/js/cb388a7b.30332c99.js b/uz/assets/js/cb388a7b.34f03135.js
similarity index 99%
rename from uz/assets/js/cb388a7b.30332c99.js
rename to uz/assets/js/cb388a7b.34f03135.js
index ca85e9bed8..a7f4946380 100644
--- a/uz/assets/js/cb388a7b.30332c99.js
+++ b/uz/assets/js/cb388a7b.34f03135.js
@@ -1 +1 @@
-"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[5535],{7040:(e,t,o)=>{o.r(t),o.d(t,{assets:()=>a,contentTitle:()=>r,default:()=>c,frontMatter:()=>i,metadata:()=>l,toc:()=>d});var n=o(6070),s=o(1100);const i={sidebar_position:2},r="Motivation",l={id:"about/motivation",title:"Motivation",description:"The main idea of Feature-Sliced Design is to facilitate and reduce the cost of developing complex and developing projects, based on combining research results, discussing the experience of various kinds of a wide range of developers.",source:"@site/i18n/en/docusaurus-plugin-content-docs/current/about/motivation.md",sourceDirName:"about",slug:"/about/motivation",permalink:"/uz/docs/about/motivation",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/about/motivation.md",tags:[],version:"current",lastUpdatedAt:1727607766e3,sidebarPosition:2,frontMatter:{sidebar_position:2},sidebar:"aboutSidebar",previous:{title:"Mission",permalink:"/uz/docs/about/mission"},next:{title:"Alternatives",permalink:"/uz/docs/about/alternatives"}},a={},d=[{value:"Why are there not enough existing solutions?",id:"why-are-there-not-enough-existing-solutions",level:2},{value:"Principles alone are not enough",id:"principles-alone-are-not-enough",level:3},{value:"Processes don&#39;t always work",id:"processes-dont-always-work",level:3},{value:"Existing frameworks cannot be applied everywhere",id:"existing-frameworks-cannot-be-applied-everywhere",level:3},{value:"As a result",id:"as-a-result",level:3},{value:"Why do developers need the methodology?",id:"why-do-developers-need-the-methodology",level:2},{value:"Focus on business features, not on architecture problems",id:"focus-on-business-features-not-on-architecture-problems",level:3},{value:"An experience-proven solution",id:"an-experience-proven-solution",level:3},{value:"Project Health",id:"project-health",level:3},{value:"Why does a business need a methodology?",id:"why-does-a-business-need-a-methodology",level:2},{value:"Fast onboarding",id:"fast-onboarding",level:3},{value:"An experience-proven solution",id:"an-experience-proven-solution-1",level:3},{value:"Applicability for different stages of the project",id:"applicability-for-different-stages-of-the-project",level:3},{value:"When is our methodology not needed?",id:"when-is-our-methodology-not-needed",level:2},{value:"Business Size",id:"business-size",level:3},{value:"Plans",id:"plans",level:2},{value:"Combining experience",id:"combining-experience",level:3},{value:"Life outside the specification",id:"life-outside-the-specification",level:3},{value:"See also",id:"see-also",level:2}];function h(e){const t={a:"a",admonition:"admonition",blockquote:"blockquote",code:"code",em:"em",h1:"h1",h2:"h2",h3:"h3",header:"header",li:"li",p:"p",strong:"strong",ul:"ul",...(0,s.R)(),...e.components};return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(t.header,{children:(0,n.jsx)(t.h1,{id:"motivation",children:"Motivation"})}),"\n",(0,n.jsxs)(t.p,{children:["The main idea of ",(0,n.jsx)(t.strong,{children:"Feature-Sliced Design"})," is to facilitate and reduce the cost of developing complex and developing projects, based on ",(0,n.jsx)(t.a,{href:"https://github.com/feature-sliced/documentation/discussions",children:"combining research results, discussing the experience of various kinds of a wide range of developers"}),"."]}),"\n",(0,n.jsxs)(t.p,{children:["Obviously, this will not be a silver bullet, and of course, the methodology will have its own ",(0,n.jsx)(t.a,{href:"/docs/about/mission",children:"limits of applicability"}),"."]}),"\n",(0,n.jsxs)(t.p,{children:["Nevertheless, there are reasonable questions regarding ",(0,n.jsx)(t.em,{children:"the feasibility of such a methodology as a whole"})]}),"\n",(0,n.jsx)(t.admonition,{type:"note",children:(0,n.jsxs)(t.p,{children:["More details ",(0,n.jsx)(t.a,{href:"https://github.com/feature-sliced/documentation/discussions/27",children:"discussed in the discussion"})]})}),"\n",(0,n.jsx)(t.h2,{id:"why-are-there-not-enough-existing-solutions",children:"Why are there not enough existing solutions?"}),"\n",(0,n.jsxs)(t.blockquote,{children:["\n",(0,n.jsx)(t.p,{children:"It usually, these arguments:"}),"\n",(0,n.jsxs)(t.ul,{children:["\n",(0,n.jsx)(t.li,{children:(0,n.jsxs)(t.em,{children:['"Why you need some new methodology, if you already have long-established approaches and principles of design such as ',(0,n.jsx)(t.code,{children:"SOLID"}),", ",(0,n.jsx)(t.code,{children:"KISS"}),", ",(0,n.jsx)(t.code,{children:"YAGNI"}),", ",(0,n.jsx)(t.code,{children:"DDD"}),", ",(0,n.jsx)(t.code,{children:"GRASP"}),", ",(0,n.jsx)(t.code,{children:"DRY"}),', etc."']})}),"\n",(0,n.jsx)(t.li,{children:(0,n.jsx)(t.em,{children:'"All the problems are solved by good project documentation, tests, and structured processes"'})}),"\n",(0,n.jsx)(t.li,{children:(0,n.jsx)(t.em,{children:'"Problems would not have happened if all developers are following all the above"'})}),"\n",(0,n.jsx)(t.li,{children:(0,n.jsx)(t.em,{children:'"Everything was invented before you, you just can\'t use it"'})}),"\n",(0,n.jsx)(t.li,{children:(0,n.jsx)(t.em,{children:'"Take {FRAMEWORK_NAME} - everything has already been decided for you there"'})}),"\n"]}),"\n"]}),"\n",(0,n.jsx)(t.h3,{id:"principles-alone-are-not-enough",children:"Principles alone are not enough"}),"\n",(0,n.jsx)(t.p,{children:(0,n.jsx)(t.strong,{children:"The existence of principles alone is not enough to design a good architecture"})}),"\n",(0,n.jsx)(t.p,{children:"Not everyone knows them completely, even fewer understand and apply them correctly"}),"\n",(0,n.jsx)(t.p,{children:(0,n.jsx)(t.em,{children:'The design principles are too general, and do not give a specific answer to the question: "How to design the structure and architecture of a scalable and flexible application?"'})}),"\n",(0,n.jsx)(t.h3,{id:"processes-dont-always-work",children:"Processes don't always work"}),"\n",(0,n.jsxs)(t.p,{children:[(0,n.jsx)(t.em,{children:"Documentation/Tests/Processes"})," are, of course, good, but alas, even at high costs for them - ",(0,n.jsx)(t.strong,{children:"they do not always solve the problems posed by the architecture and the introduction of new people into the project"})]}),"\n",(0,n.jsxs)(t.ul,{children:["\n",(0,n.jsx)(t.li,{children:"The time of entry of each developer into the project is not greatly reduced, because the documentation will most often come out huge / outdated"}),"\n",(0,n.jsx)(t.li,{children:"Constantly make sure that everyone understands architecture in the same way-it also requires a huge amount of resources"}),"\n",(0,n.jsx)(t.li,{children:"Do not forget about the bus-factor"}),"\n"]}),"\n",(0,n.jsx)(t.h3,{id:"existing-frameworks-cannot-be-applied-everywhere",children:"Existing frameworks cannot be applied everywhere"}),"\n",(0,n.jsxs)(t.ul,{children:["\n",(0,n.jsx)(t.li,{children:"Existing solutions usually have a high entry threshold, which makes it difficult to find new developers"}),"\n",(0,n.jsxs)(t.li,{children:['Also, most often, the choice of technology has already been determined before the onset of serious problems in the project, and therefore you need to be able to "work with what is" - ',(0,n.jsx)(t.strong,{children:"without being tied to the technology"})]}),"\n"]}),"\n",(0,n.jsxs)(t.blockquote,{children:["\n",(0,n.jsxs)(t.p,{children:["Q: ",(0,n.jsxs)(t.em,{children:['"In my project ',(0,n.jsx)(t.code,{children:"React/Vue/Redux/Effector/Mobx/{YOUR_TECH}"}),' - how can I better build the structure of entities and the relationships between them?"']})]}),"\n"]}),"\n",(0,n.jsx)(t.h3,{id:"as-a-result",children:"As a result"}),"\n",(0,n.jsxs)(t.p,{children:["We get ",(0,n.jsx)(t.em,{children:'"unique as snowflakes"'})," projects, each of which requires a long immersion of the employee, and knowledge that is unlikely to be applicable on another project"]}),"\n",(0,n.jsxs)(t.blockquote,{children:["\n",(0,n.jsxs)(t.p,{children:["@sergeysova: ",(0,n.jsx)(t.em,{children:'"This is exactly the situation that currently exists in our field of frontend development: each lead will invent different architectures and project structures, while it is not a fact that these structures will pass the test of time, as a result, a maximum of two people can develop the project besides him, and each new developer needs to be immersed again."'})]}),"\n"]}),"\n",(0,n.jsx)(t.h2,{id:"why-do-developers-need-the-methodology",children:"Why do developers need the methodology?"}),"\n",(0,n.jsx)(t.h3,{id:"focus-on-business-features-not-on-architecture-problems",children:"Focus on business features, not on architecture problems"}),"\n",(0,n.jsx)(t.p,{children:"The methodology allows you to save resources on designing a scalable and flexible architecture, instead directing the attention of developers to the development of the main functionality. At the same time, the architectural solutions themselves are standardized from project to project."}),"\n",(0,n.jsx)(t.p,{children:(0,n.jsx)(t.em,{children:"A separate question is that the methodology should earn the trust of the community, so that another developer can get acquainted with it and rely on it in solving the problems of his project within the time available to him"})}),"\n",(0,n.jsx)(t.h3,{id:"an-experience-proven-solution",children:"An experience-proven solution"}),"\n",(0,n.jsxs)(t.p,{children:["The methodology is designed for developers who are aimed at ",(0,n.jsx)(t.em,{children:"a proven solution for designing complex business logic"})]}),"\n",(0,n.jsx)(t.p,{children:(0,n.jsx)(t.em,{children:"However, it is clear that the methodology is generally about a set of best-practices, articles that address certain problems and cases during development. Therefore, the methodology will also be useful for the rest of the developers-who somehow face problems during development and design"})}),"\n",(0,n.jsx)(t.h3,{id:"project-health",children:"Project Health"}),"\n",(0,n.jsxs)(t.p,{children:["The methodology will allow ",(0,n.jsx)(t.em,{children:"to solve and track the problems of the project in advance, without requiring a huge amount of resources"})]}),"\n",(0,n.jsx)(t.p,{children:(0,n.jsx)(t.strong,{children:"Most often, technical debt accumulates and accumulates over time, and the responsibility for its resolution lies on both the lead and the team"})}),"\n",(0,n.jsxs)(t.p,{children:["The methodology will allow you to ",(0,n.jsx)(t.em,{children:"warn"})," possible problems in the scaling and development of the project in advance"]}),"\n",(0,n.jsx)(t.h2,{id:"why-does-a-business-need-a-methodology",children:"Why does a business need a methodology?"}),"\n",(0,n.jsx)(t.h3,{id:"fast-onboarding",children:"Fast onboarding"}),"\n",(0,n.jsxs)(t.p,{children:["With the methodology, you can hire a person to the project who ",(0,n.jsx)(t.strong,{children:"is already previously familiar with this approach, and not train again"})]}),"\n",(0,n.jsx)(t.p,{children:(0,n.jsx)(t.em,{children:"People start to understand and benefit the project faster, and there are additional guarantees to find people for the next iterations of the project"})}),"\n",(0,n.jsx)(t.h3,{id:"an-experience-proven-solution-1",children:"An experience-proven solution"}),"\n",(0,n.jsxs)(t.p,{children:["With the methodology, the business will get ",(0,n.jsx)(t.em,{children:"a solution for most of the issues that arise during the development of systems"})]}),"\n",(0,n.jsx)(t.p,{children:"Since most often a business wants to get a framework / solution that would solve the lion's share of problems during the development of the project"}),"\n",(0,n.jsx)(t.h3,{id:"applicability-for-different-stages-of-the-project",children:"Applicability for different stages of the project"}),"\n",(0,n.jsxs)(t.p,{children:["The methodology can benefit the project ",(0,n.jsx)(t.em,{children:"both at the stage of project support and development, and at the MVP stage"})]}),"\n",(0,n.jsxs)(t.p,{children:["Yes, the most important thing for MVP is ",(0,n.jsx)(t.em,{children:'"features, not the architecture laid down for the future"'}),". But even in conditions of limited deadlines, knowing the best-practices from the methodology, you can ",(0,n.jsx)(t.em,{children:'"do with little blood"'}),', when designing the MVP version of the system, finding a reasonable compromise\n(rather than modeling features "at random")']}),"\n",(0,n.jsx)(t.p,{children:(0,n.jsx)(t.em,{children:"The same can be said about testing"})}),"\n",(0,n.jsx)(t.h2,{id:"when-is-our-methodology-not-needed",children:"When is our methodology not needed?"}),"\n",(0,n.jsxs)(t.ul,{children:["\n",(0,n.jsx)(t.li,{children:"If the project will live for a short time"}),"\n",(0,n.jsx)(t.li,{children:"If the project does not need a supported architecture"}),"\n",(0,n.jsx)(t.li,{children:"If the business does not perceive the connection between the code base and the speed of feature delivery"}),"\n",(0,n.jsx)(t.li,{children:"If it is more important for the business to close orders as soon as possible, without further support"}),"\n"]}),"\n",(0,n.jsx)(t.h3,{id:"business-size",children:"Business Size"}),"\n",(0,n.jsxs)(t.ul,{children:["\n",(0,n.jsxs)(t.li,{children:[(0,n.jsx)(t.strong,{children:"Small business"})," - most often needs a ready-made and very fast solution. Only when the business grows (at least to almost average), he understands that in order for customers to continue using, it is necessary, among other things, to devote time to the quality and stability of the solutions being developed"]}),"\n",(0,n.jsxs)(t.li,{children:[(0,n.jsx)(t.strong,{children:"Medium-sized business"})," - usually understands all the problems of development, and even if it is necessary to ",(0,n.jsx)(t.em,{children:'"arrange a race for features"'}),", he still spends time on quality improvements, refactoring and tests (and of course-on an extensible architecture)"]}),"\n",(0,n.jsxs)(t.li,{children:[(0,n.jsx)(t.strong,{children:"Big business"})," - usually already has an extensive audience, staff, and a much more extensive set of its practices, and probably even its own approach to architecture, so the idea of taking someone else's comes to them not so often"]}),"\n"]}),"\n",(0,n.jsx)(t.h2,{id:"plans",children:"Plans"}),"\n",(0,n.jsxs)(t.p,{children:["The main part of the goals ",(0,n.jsx)(t.a,{href:"/docs/about/mission#goals",children:"is set out here"}),", but in addition, it is worth talking about our expectations from the methodology in the future"]}),"\n",(0,n.jsx)(t.h3,{id:"combining-experience",children:"Combining experience"}),"\n",(0,n.jsxs)(t.p,{children:["Now we are trying to combine all our diverse experience of the ",(0,n.jsx)(t.code,{children:"core-team"}),", and get a methodology hardened by practice as a result"]}),"\n",(0,n.jsxs)(t.p,{children:["Of course, we can get Angular 3.0 as a result, but it is much more important here to ",(0,n.jsx)(t.strong,{children:"investigate the very problem of designing the architecture of complex systems"})]}),"\n",(0,n.jsx)(t.p,{children:(0,n.jsx)(t.em,{children:"And yes - we have complaints about the current version of the methodology, but we want to work together to come to a single and optimal solution (taking into account, among other things, the experience of the community)"})}),"\n",(0,n.jsx)(t.h3,{id:"life-outside-the-specification",children:"Life outside the specification"}),"\n",(0,n.jsx)(t.p,{children:"If everything goes well, then the methodology will not be limited only to the specification and the toolkit"}),"\n",(0,n.jsxs)(t.ul,{children:["\n",(0,n.jsx)(t.li,{children:"Perhaps there will be reports, articles"}),"\n",(0,n.jsxs)(t.li,{children:["There may be ",(0,n.jsx)(t.code,{children:"CODE_MODEs"})," for migrations to other technologies of projects written according to the methodology"]}),"\n",(0,n.jsxs)(t.li,{children:["It is possible that as a result we will be able to reach the maintainers of large technological solutions","\n",(0,n.jsxs)(t.ul,{children:["\n",(0,n.jsx)(t.li,{children:(0,n.jsx)(t.em,{children:"Especially for React, compared to other frameworks - this is the main problem, because it does not say how to solve certain problems"})}),"\n"]}),"\n"]}),"\n"]}),"\n",(0,n.jsx)(t.h2,{id:"see-also",children:"See also"}),"\n",(0,n.jsxs)(t.ul,{children:["\n",(0,n.jsx)(t.li,{children:(0,n.jsx)(t.a,{href:"https://github.com/feature-sliced/documentation/discussions/27",children:"(Discussion) Don't need a methodology?"})}),"\n",(0,n.jsx)(t.li,{children:(0,n.jsx)(t.a,{href:"/docs/about/mission",children:"About the methodology's mission: goals and limitations"})}),"\n",(0,n.jsx)(t.li,{children:(0,n.jsx)(t.a,{href:"/docs/about/understanding/knowledge-types",children:"Types of knowledge in the project"})}),"\n"]})]})}function c(e={}){const{wrapper:t}={...(0,s.R)(),...e.components};return t?(0,n.jsx)(t,{...e,children:(0,n.jsx)(h,{...e})}):h(e)}},1100:(e,t,o)=>{o.d(t,{R:()=>r,x:()=>l});var n=o(758);const s={},i=n.createContext(s);function r(e){const t=n.useContext(i);return n.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function l(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(s):e.components||s:r(e.components),n.createElement(i.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
+"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[5535],{7040:(e,t,o)=>{o.r(t),o.d(t,{assets:()=>a,contentTitle:()=>r,default:()=>c,frontMatter:()=>i,metadata:()=>l,toc:()=>d});var n=o(6070),s=o(1100);const i={sidebar_position:2},r="Motivation",l={id:"about/motivation",title:"Motivation",description:"The main idea of Feature-Sliced Design is to facilitate and reduce the cost of developing complex and developing projects, based on combining research results, discussing the experience of various kinds of a wide range of developers.",source:"@site/i18n/en/docusaurus-plugin-content-docs/current/about/motivation.md",sourceDirName:"about",slug:"/about/motivation",permalink:"/uz/docs/about/motivation",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/about/motivation.md",tags:[],version:"current",lastUpdatedAt:1728325386e3,sidebarPosition:2,frontMatter:{sidebar_position:2},sidebar:"aboutSidebar",previous:{title:"Mission",permalink:"/uz/docs/about/mission"},next:{title:"Alternatives",permalink:"/uz/docs/about/alternatives"}},a={},d=[{value:"Why are there not enough existing solutions?",id:"why-are-there-not-enough-existing-solutions",level:2},{value:"Principles alone are not enough",id:"principles-alone-are-not-enough",level:3},{value:"Processes don&#39;t always work",id:"processes-dont-always-work",level:3},{value:"Existing frameworks cannot be applied everywhere",id:"existing-frameworks-cannot-be-applied-everywhere",level:3},{value:"As a result",id:"as-a-result",level:3},{value:"Why do developers need the methodology?",id:"why-do-developers-need-the-methodology",level:2},{value:"Focus on business features, not on architecture problems",id:"focus-on-business-features-not-on-architecture-problems",level:3},{value:"An experience-proven solution",id:"an-experience-proven-solution",level:3},{value:"Project Health",id:"project-health",level:3},{value:"Why does a business need a methodology?",id:"why-does-a-business-need-a-methodology",level:2},{value:"Fast onboarding",id:"fast-onboarding",level:3},{value:"An experience-proven solution",id:"an-experience-proven-solution-1",level:3},{value:"Applicability for different stages of the project",id:"applicability-for-different-stages-of-the-project",level:3},{value:"When is our methodology not needed?",id:"when-is-our-methodology-not-needed",level:2},{value:"Business Size",id:"business-size",level:3},{value:"Plans",id:"plans",level:2},{value:"Combining experience",id:"combining-experience",level:3},{value:"Life outside the specification",id:"life-outside-the-specification",level:3},{value:"See also",id:"see-also",level:2}];function h(e){const t={a:"a",admonition:"admonition",blockquote:"blockquote",code:"code",em:"em",h1:"h1",h2:"h2",h3:"h3",header:"header",li:"li",p:"p",strong:"strong",ul:"ul",...(0,s.R)(),...e.components};return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(t.header,{children:(0,n.jsx)(t.h1,{id:"motivation",children:"Motivation"})}),"\n",(0,n.jsxs)(t.p,{children:["The main idea of ",(0,n.jsx)(t.strong,{children:"Feature-Sliced Design"})," is to facilitate and reduce the cost of developing complex and developing projects, based on ",(0,n.jsx)(t.a,{href:"https://github.com/feature-sliced/documentation/discussions",children:"combining research results, discussing the experience of various kinds of a wide range of developers"}),"."]}),"\n",(0,n.jsxs)(t.p,{children:["Obviously, this will not be a silver bullet, and of course, the methodology will have its own ",(0,n.jsx)(t.a,{href:"/docs/about/mission",children:"limits of applicability"}),"."]}),"\n",(0,n.jsxs)(t.p,{children:["Nevertheless, there are reasonable questions regarding ",(0,n.jsx)(t.em,{children:"the feasibility of such a methodology as a whole"})]}),"\n",(0,n.jsx)(t.admonition,{type:"note",children:(0,n.jsxs)(t.p,{children:["More details ",(0,n.jsx)(t.a,{href:"https://github.com/feature-sliced/documentation/discussions/27",children:"discussed in the discussion"})]})}),"\n",(0,n.jsx)(t.h2,{id:"why-are-there-not-enough-existing-solutions",children:"Why are there not enough existing solutions?"}),"\n",(0,n.jsxs)(t.blockquote,{children:["\n",(0,n.jsx)(t.p,{children:"It usually, these arguments:"}),"\n",(0,n.jsxs)(t.ul,{children:["\n",(0,n.jsx)(t.li,{children:(0,n.jsxs)(t.em,{children:['"Why you need some new methodology, if you already have long-established approaches and principles of design such as ',(0,n.jsx)(t.code,{children:"SOLID"}),", ",(0,n.jsx)(t.code,{children:"KISS"}),", ",(0,n.jsx)(t.code,{children:"YAGNI"}),", ",(0,n.jsx)(t.code,{children:"DDD"}),", ",(0,n.jsx)(t.code,{children:"GRASP"}),", ",(0,n.jsx)(t.code,{children:"DRY"}),', etc."']})}),"\n",(0,n.jsx)(t.li,{children:(0,n.jsx)(t.em,{children:'"All the problems are solved by good project documentation, tests, and structured processes"'})}),"\n",(0,n.jsx)(t.li,{children:(0,n.jsx)(t.em,{children:'"Problems would not have happened if all developers are following all the above"'})}),"\n",(0,n.jsx)(t.li,{children:(0,n.jsx)(t.em,{children:'"Everything was invented before you, you just can\'t use it"'})}),"\n",(0,n.jsx)(t.li,{children:(0,n.jsx)(t.em,{children:'"Take {FRAMEWORK_NAME} - everything has already been decided for you there"'})}),"\n"]}),"\n"]}),"\n",(0,n.jsx)(t.h3,{id:"principles-alone-are-not-enough",children:"Principles alone are not enough"}),"\n",(0,n.jsx)(t.p,{children:(0,n.jsx)(t.strong,{children:"The existence of principles alone is not enough to design a good architecture"})}),"\n",(0,n.jsx)(t.p,{children:"Not everyone knows them completely, even fewer understand and apply them correctly"}),"\n",(0,n.jsx)(t.p,{children:(0,n.jsx)(t.em,{children:'The design principles are too general, and do not give a specific answer to the question: "How to design the structure and architecture of a scalable and flexible application?"'})}),"\n",(0,n.jsx)(t.h3,{id:"processes-dont-always-work",children:"Processes don't always work"}),"\n",(0,n.jsxs)(t.p,{children:[(0,n.jsx)(t.em,{children:"Documentation/Tests/Processes"})," are, of course, good, but alas, even at high costs for them - ",(0,n.jsx)(t.strong,{children:"they do not always solve the problems posed by the architecture and the introduction of new people into the project"})]}),"\n",(0,n.jsxs)(t.ul,{children:["\n",(0,n.jsx)(t.li,{children:"The time of entry of each developer into the project is not greatly reduced, because the documentation will most often come out huge / outdated"}),"\n",(0,n.jsx)(t.li,{children:"Constantly make sure that everyone understands architecture in the same way-it also requires a huge amount of resources"}),"\n",(0,n.jsx)(t.li,{children:"Do not forget about the bus-factor"}),"\n"]}),"\n",(0,n.jsx)(t.h3,{id:"existing-frameworks-cannot-be-applied-everywhere",children:"Existing frameworks cannot be applied everywhere"}),"\n",(0,n.jsxs)(t.ul,{children:["\n",(0,n.jsx)(t.li,{children:"Existing solutions usually have a high entry threshold, which makes it difficult to find new developers"}),"\n",(0,n.jsxs)(t.li,{children:['Also, most often, the choice of technology has already been determined before the onset of serious problems in the project, and therefore you need to be able to "work with what is" - ',(0,n.jsx)(t.strong,{children:"without being tied to the technology"})]}),"\n"]}),"\n",(0,n.jsxs)(t.blockquote,{children:["\n",(0,n.jsxs)(t.p,{children:["Q: ",(0,n.jsxs)(t.em,{children:['"In my project ',(0,n.jsx)(t.code,{children:"React/Vue/Redux/Effector/Mobx/{YOUR_TECH}"}),' - how can I better build the structure of entities and the relationships between them?"']})]}),"\n"]}),"\n",(0,n.jsx)(t.h3,{id:"as-a-result",children:"As a result"}),"\n",(0,n.jsxs)(t.p,{children:["We get ",(0,n.jsx)(t.em,{children:'"unique as snowflakes"'})," projects, each of which requires a long immersion of the employee, and knowledge that is unlikely to be applicable on another project"]}),"\n",(0,n.jsxs)(t.blockquote,{children:["\n",(0,n.jsxs)(t.p,{children:["@sergeysova: ",(0,n.jsx)(t.em,{children:'"This is exactly the situation that currently exists in our field of frontend development: each lead will invent different architectures and project structures, while it is not a fact that these structures will pass the test of time, as a result, a maximum of two people can develop the project besides him, and each new developer needs to be immersed again."'})]}),"\n"]}),"\n",(0,n.jsx)(t.h2,{id:"why-do-developers-need-the-methodology",children:"Why do developers need the methodology?"}),"\n",(0,n.jsx)(t.h3,{id:"focus-on-business-features-not-on-architecture-problems",children:"Focus on business features, not on architecture problems"}),"\n",(0,n.jsx)(t.p,{children:"The methodology allows you to save resources on designing a scalable and flexible architecture, instead directing the attention of developers to the development of the main functionality. At the same time, the architectural solutions themselves are standardized from project to project."}),"\n",(0,n.jsx)(t.p,{children:(0,n.jsx)(t.em,{children:"A separate question is that the methodology should earn the trust of the community, so that another developer can get acquainted with it and rely on it in solving the problems of his project within the time available to him"})}),"\n",(0,n.jsx)(t.h3,{id:"an-experience-proven-solution",children:"An experience-proven solution"}),"\n",(0,n.jsxs)(t.p,{children:["The methodology is designed for developers who are aimed at ",(0,n.jsx)(t.em,{children:"a proven solution for designing complex business logic"})]}),"\n",(0,n.jsx)(t.p,{children:(0,n.jsx)(t.em,{children:"However, it is clear that the methodology is generally about a set of best-practices, articles that address certain problems and cases during development. Therefore, the methodology will also be useful for the rest of the developers-who somehow face problems during development and design"})}),"\n",(0,n.jsx)(t.h3,{id:"project-health",children:"Project Health"}),"\n",(0,n.jsxs)(t.p,{children:["The methodology will allow ",(0,n.jsx)(t.em,{children:"to solve and track the problems of the project in advance, without requiring a huge amount of resources"})]}),"\n",(0,n.jsx)(t.p,{children:(0,n.jsx)(t.strong,{children:"Most often, technical debt accumulates and accumulates over time, and the responsibility for its resolution lies on both the lead and the team"})}),"\n",(0,n.jsxs)(t.p,{children:["The methodology will allow you to ",(0,n.jsx)(t.em,{children:"warn"})," possible problems in the scaling and development of the project in advance"]}),"\n",(0,n.jsx)(t.h2,{id:"why-does-a-business-need-a-methodology",children:"Why does a business need a methodology?"}),"\n",(0,n.jsx)(t.h3,{id:"fast-onboarding",children:"Fast onboarding"}),"\n",(0,n.jsxs)(t.p,{children:["With the methodology, you can hire a person to the project who ",(0,n.jsx)(t.strong,{children:"is already previously familiar with this approach, and not train again"})]}),"\n",(0,n.jsx)(t.p,{children:(0,n.jsx)(t.em,{children:"People start to understand and benefit the project faster, and there are additional guarantees to find people for the next iterations of the project"})}),"\n",(0,n.jsx)(t.h3,{id:"an-experience-proven-solution-1",children:"An experience-proven solution"}),"\n",(0,n.jsxs)(t.p,{children:["With the methodology, the business will get ",(0,n.jsx)(t.em,{children:"a solution for most of the issues that arise during the development of systems"})]}),"\n",(0,n.jsx)(t.p,{children:"Since most often a business wants to get a framework / solution that would solve the lion's share of problems during the development of the project"}),"\n",(0,n.jsx)(t.h3,{id:"applicability-for-different-stages-of-the-project",children:"Applicability for different stages of the project"}),"\n",(0,n.jsxs)(t.p,{children:["The methodology can benefit the project ",(0,n.jsx)(t.em,{children:"both at the stage of project support and development, and at the MVP stage"})]}),"\n",(0,n.jsxs)(t.p,{children:["Yes, the most important thing for MVP is ",(0,n.jsx)(t.em,{children:'"features, not the architecture laid down for the future"'}),". But even in conditions of limited deadlines, knowing the best-practices from the methodology, you can ",(0,n.jsx)(t.em,{children:'"do with little blood"'}),', when designing the MVP version of the system, finding a reasonable compromise\n(rather than modeling features "at random")']}),"\n",(0,n.jsx)(t.p,{children:(0,n.jsx)(t.em,{children:"The same can be said about testing"})}),"\n",(0,n.jsx)(t.h2,{id:"when-is-our-methodology-not-needed",children:"When is our methodology not needed?"}),"\n",(0,n.jsxs)(t.ul,{children:["\n",(0,n.jsx)(t.li,{children:"If the project will live for a short time"}),"\n",(0,n.jsx)(t.li,{children:"If the project does not need a supported architecture"}),"\n",(0,n.jsx)(t.li,{children:"If the business does not perceive the connection between the code base and the speed of feature delivery"}),"\n",(0,n.jsx)(t.li,{children:"If it is more important for the business to close orders as soon as possible, without further support"}),"\n"]}),"\n",(0,n.jsx)(t.h3,{id:"business-size",children:"Business Size"}),"\n",(0,n.jsxs)(t.ul,{children:["\n",(0,n.jsxs)(t.li,{children:[(0,n.jsx)(t.strong,{children:"Small business"})," - most often needs a ready-made and very fast solution. Only when the business grows (at least to almost average), he understands that in order for customers to continue using, it is necessary, among other things, to devote time to the quality and stability of the solutions being developed"]}),"\n",(0,n.jsxs)(t.li,{children:[(0,n.jsx)(t.strong,{children:"Medium-sized business"})," - usually understands all the problems of development, and even if it is necessary to ",(0,n.jsx)(t.em,{children:'"arrange a race for features"'}),", he still spends time on quality improvements, refactoring and tests (and of course-on an extensible architecture)"]}),"\n",(0,n.jsxs)(t.li,{children:[(0,n.jsx)(t.strong,{children:"Big business"})," - usually already has an extensive audience, staff, and a much more extensive set of its practices, and probably even its own approach to architecture, so the idea of taking someone else's comes to them not so often"]}),"\n"]}),"\n",(0,n.jsx)(t.h2,{id:"plans",children:"Plans"}),"\n",(0,n.jsxs)(t.p,{children:["The main part of the goals ",(0,n.jsx)(t.a,{href:"/docs/about/mission#goals",children:"is set out here"}),", but in addition, it is worth talking about our expectations from the methodology in the future"]}),"\n",(0,n.jsx)(t.h3,{id:"combining-experience",children:"Combining experience"}),"\n",(0,n.jsxs)(t.p,{children:["Now we are trying to combine all our diverse experience of the ",(0,n.jsx)(t.code,{children:"core-team"}),", and get a methodology hardened by practice as a result"]}),"\n",(0,n.jsxs)(t.p,{children:["Of course, we can get Angular 3.0 as a result, but it is much more important here to ",(0,n.jsx)(t.strong,{children:"investigate the very problem of designing the architecture of complex systems"})]}),"\n",(0,n.jsx)(t.p,{children:(0,n.jsx)(t.em,{children:"And yes - we have complaints about the current version of the methodology, but we want to work together to come to a single and optimal solution (taking into account, among other things, the experience of the community)"})}),"\n",(0,n.jsx)(t.h3,{id:"life-outside-the-specification",children:"Life outside the specification"}),"\n",(0,n.jsx)(t.p,{children:"If everything goes well, then the methodology will not be limited only to the specification and the toolkit"}),"\n",(0,n.jsxs)(t.ul,{children:["\n",(0,n.jsx)(t.li,{children:"Perhaps there will be reports, articles"}),"\n",(0,n.jsxs)(t.li,{children:["There may be ",(0,n.jsx)(t.code,{children:"CODE_MODEs"})," for migrations to other technologies of projects written according to the methodology"]}),"\n",(0,n.jsxs)(t.li,{children:["It is possible that as a result we will be able to reach the maintainers of large technological solutions","\n",(0,n.jsxs)(t.ul,{children:["\n",(0,n.jsx)(t.li,{children:(0,n.jsx)(t.em,{children:"Especially for React, compared to other frameworks - this is the main problem, because it does not say how to solve certain problems"})}),"\n"]}),"\n"]}),"\n"]}),"\n",(0,n.jsx)(t.h2,{id:"see-also",children:"See also"}),"\n",(0,n.jsxs)(t.ul,{children:["\n",(0,n.jsx)(t.li,{children:(0,n.jsx)(t.a,{href:"https://github.com/feature-sliced/documentation/discussions/27",children:"(Discussion) Don't need a methodology?"})}),"\n",(0,n.jsx)(t.li,{children:(0,n.jsx)(t.a,{href:"/docs/about/mission",children:"About the methodology's mission: goals and limitations"})}),"\n",(0,n.jsx)(t.li,{children:(0,n.jsx)(t.a,{href:"/docs/about/understanding/knowledge-types",children:"Types of knowledge in the project"})}),"\n"]})]})}function c(e={}){const{wrapper:t}={...(0,s.R)(),...e.components};return t?(0,n.jsx)(t,{...e,children:(0,n.jsx)(h,{...e})}):h(e)}},1100:(e,t,o)=>{o.d(t,{R:()=>r,x:()=>l});var n=o(758);const s={},i=n.createContext(s);function r(e){const t=n.useContext(i);return n.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function l(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(s):e.components||s:r(e.components),n.createElement(i.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
diff --git a/uz/assets/js/d13cbfb8.eada72eb.js b/uz/assets/js/d13cbfb8.5d6516bb.js
similarity index 97%
rename from uz/assets/js/d13cbfb8.eada72eb.js
rename to uz/assets/js/d13cbfb8.5d6516bb.js
index f37b9f8983..132b21ecc1 100644
--- a/uz/assets/js/d13cbfb8.eada72eb.js
+++ b/uz/assets/js/d13cbfb8.5d6516bb.js
@@ -1,2 +1,2 @@
-/*! For license information please see d13cbfb8.eada72eb.js.LICENSE.txt */
-"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[5570],{7946:(e,t,s)=>{s.d(t,{Ay:()=>r,RM:()=>i});var n=s(6070),a=s(1100),c=s(5988);const i=[];function o(e){return(0,n.jsx)(c.A,{...e})}function r(e={}){const{wrapper:t}={...(0,a.R)(),...e.components};return t?(0,n.jsx)(t,{...e,children:(0,n.jsx)(o,{...e})}):o(e)}},9346:(e,t,s)=>{s.r(t),s.d(t,{assets:()=>_,contentTitle:()=>j,default:()=>T,frontMatter:()=>v,metadata:()=>y,toc:()=>A});var n=s(6070),a=s(1100),c=s(7946),i=s(991),o=s(758);const r={icon:{tag:"svg",attrs:{viewBox:"64 64 896 896",focusable:"false"},children:[{tag:"defs",attrs:{},children:[{tag:"style",attrs:{}}]},{tag:"path",attrs:{d:"M759 335c0-137-111-248-248-248S263 198 263 335c0 82.8 40.6 156.2 103 201.2-.4.2-.7.3-.9.4-44.7 18.9-84.8 46-119.3 80.6a373.42 373.42 0 00-80.4 119.5A373.6 373.6 0 00136 874.8a8 8 0 008 8.2h59.9c4.3 0 7.9-3.5 8-7.8 2-77.2 32.9-149.5 87.6-204.3C356 614.2 431 583 511 583c137 0 248-111 248-248zM511 507c-95 0-172-77-172-172s77-172 172-172 172 77 172 172-77 172-172 172zm105 221h264c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8H703.5l47.2-60.1a8.1 8.1 0 001.7-4.9c0-4.4-3.6-8-8-8h-72.6c-4.9 0-9.5 2.3-12.6 6.1l-68.5 87.1c-4.4 5.6-6.8 12.6-6.8 19.8.1 17.7 14.4 32 32.1 32zm240 64H592c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h176.5l-47.2 60.1a8.1 8.1 0 00-1.7 4.9c0 4.4 3.6 8 8 8h72.6c4.9 0 9.5-2.3 12.6-6.1l68.5-87.1c4.4-5.6 6.8-12.6 6.8-19.8-.1-17.7-14.4-32-32.1-32z"}}]},name:"user-switch",theme:"outlined"};var l=s(9820),d=function(e,t){return o.createElement(l.A,(0,i.A)({},e,{ref:t,icon:r}))};const u=o.forwardRef(d);const h={icon:{tag:"svg",attrs:{viewBox:"64 64 896 896",focusable:"false"},children:[{tag:"path",attrs:{d:"M920 416H616c-4.4 0-8 3.6-8 8v112c0 4.4 3.6 8 8 8h48c4.4 0 8-3.6 8-8v-56h60v320h-46c-4.4 0-8 3.6-8 8v48c0 4.4 3.6 8 8 8h164c4.4 0 8-3.6 8-8v-48c0-4.4-3.6-8-8-8h-46V480h60v56c0 4.4 3.6 8 8 8h48c4.4 0 8-3.6 8-8V424c0-4.4-3.6-8-8-8zM656 296V168c0-4.4-3.6-8-8-8H104c-4.4 0-8 3.6-8 8v128c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-64h168v560h-92c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h264c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8h-92V232h168v64c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8z"}}]},name:"font-size",theme:"outlined"};var m=function(e,t){return o.createElement(l.A,(0,i.A)({},e,{ref:t,icon:h}))};const p=o.forwardRef(m);const x={icon:{tag:"svg",attrs:{viewBox:"64 64 896 896",focusable:"false"},children:[{tag:"path",attrs:{d:"M880 112H144c-17.7 0-32 14.3-32 32v736c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V144c0-17.7-14.3-32-32-32zm-696 72h136v656H184V184zm656 656H384V384h456v456zM384 320V184h456v136H384z"}}]},name:"layout",theme:"outlined"};var f=function(e,t){return o.createElement(l.A,(0,i.A)({},e,{ref:t,icon:x}))};const g=o.forwardRef(f),v={hide_table_of_contents:!0},j="Examples",y={id:"guides/examples/index",title:"Examples",description:"Small practical examples of the methodology application",source:"@site/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/index.mdx",sourceDirName:"guides/examples",slug:"/guides/examples/",permalink:"/uz/docs/guides/examples/",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/index.mdx",tags:[],version:"current",lastUpdatedAt:1727607766e3,frontMatter:{hide_table_of_contents:!0},sidebar:"guidesSidebar",previous:{title:"\ud83c\udfaf Guides",permalink:"/uz/docs/guides/"},next:{title:"Authentication",permalink:"/uz/docs/guides/examples/auth"}},_={},A=[{value:"Main",id:"main",level:2},...c.RM,...c.RM,...c.RM];function M(e){const t={h1:"h1",h2:"h2",header:"header",p:"p",...(0,a.R)(),...e.components};return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(t.header,{children:(0,n.jsx)(t.h1,{id:"examples",children:"Examples"})}),"\n",(0,n.jsx)("p",{class:"summary",children:(0,n.jsx)(t.p,{children:"Small practical examples of the methodology application"})}),"\n",(0,n.jsx)(t.h2,{id:"main",children:"Main"}),"\n","\n",(0,n.jsx)(c.Ay,{title:"Authentication",description:"Decomposition of authentication logic",to:"/docs/guides/examples/auth",Icon:u,tags:["Forms","2FA","OAuth","Token storage","Token refresh"]}),"\n",(0,n.jsx)(c.Ay,{title:"Types",description:"Where to keep the types? What kinds of types are there in the context of FSD?",to:"/docs/guides/examples/types",Icon:p,tags:["DTO","Mappers","Entity relationships","Auto-generation","Validation schemas"]}),"\n",(0,n.jsx)(c.Ay,{title:"Page layouts",description:"Main cases with layouts",to:"/docs/guides/examples/page-layout",Icon:g,tags:["Where to store them","Using widgets in layouts"]})]})}function T(e={}){const{wrapper:t}={...(0,a.R)(),...e.components};return t?(0,n.jsx)(t,{...e,children:(0,n.jsx)(M,{...e})}):M(e)}},5988:(e,t,s)=>{s.d(t,{Y:()=>o,A:()=>l});s(758);var n=s(3526),a=s(6783);const c={root:"root_GfON",rootDisabled:"rootDisabled_SFUB",details:"details_xxkR",detailsTags:"detailsTags_uTQx",icon:"icon_ciqP",title:"title_pSH5",description:"description__Fep",miniTheme:"miniTheme_ePfp",primaryTheme:"primaryTheme_CilO",defaultTheme:"defaultTheme_j3I8"};var i=s(6070);const o=e=>{const{title:t,description:s,to:o,Icon:l,tags:d,className:u,disabled:h,theme:m="default"}=e;return(0,i.jsxs)(a.A,{className:(0,n.A)(c.root,u,h&&c.rootDisabled,c[`${m}Theme`]),to:o,children:[(0,i.jsx)(r,{Icon:l}),(0,i.jsxs)("div",{className:c.details,children:[(0,i.jsxs)("div",{className:c.detailsMain,children:[(0,i.jsx)("span",{className:c.title,children:t}),(0,i.jsx)("p",{className:c.description,children:s})]}),d&&(0,i.jsx)("div",{className:c.detailsTags,children:d.join(" \u2022 ")})]})]})},r=e=>{let{Icon:t}=e;return t?"string"==typeof t?(0,i.jsx)("span",{className:c.icon,children:t}):(0,i.jsx)(t,{className:c.icon}):null},l=o},1100:(e,t,s)=>{s.d(t,{R:()=>i,x:()=>o});var n=s(758);const a={},c=n.createContext(a);function i(e){const t=n.useContext(c);return n.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function o(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(a):e.components||a:i(e.components),n.createElement(c.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
+/*! For license information please see d13cbfb8.5d6516bb.js.LICENSE.txt */
+"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[5570],{7946:(e,t,s)=>{s.d(t,{Ay:()=>r,RM:()=>i});var n=s(6070),a=s(1100),c=s(5988);const i=[];function o(e){return(0,n.jsx)(c.A,{...e})}function r(e={}){const{wrapper:t}={...(0,a.R)(),...e.components};return t?(0,n.jsx)(t,{...e,children:(0,n.jsx)(o,{...e})}):o(e)}},9346:(e,t,s)=>{s.r(t),s.d(t,{assets:()=>_,contentTitle:()=>j,default:()=>T,frontMatter:()=>v,metadata:()=>y,toc:()=>A});var n=s(6070),a=s(1100),c=s(7946),i=s(991),o=s(758);const r={icon:{tag:"svg",attrs:{viewBox:"64 64 896 896",focusable:"false"},children:[{tag:"defs",attrs:{},children:[{tag:"style",attrs:{}}]},{tag:"path",attrs:{d:"M759 335c0-137-111-248-248-248S263 198 263 335c0 82.8 40.6 156.2 103 201.2-.4.2-.7.3-.9.4-44.7 18.9-84.8 46-119.3 80.6a373.42 373.42 0 00-80.4 119.5A373.6 373.6 0 00136 874.8a8 8 0 008 8.2h59.9c4.3 0 7.9-3.5 8-7.8 2-77.2 32.9-149.5 87.6-204.3C356 614.2 431 583 511 583c137 0 248-111 248-248zM511 507c-95 0-172-77-172-172s77-172 172-172 172 77 172 172-77 172-172 172zm105 221h264c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8H703.5l47.2-60.1a8.1 8.1 0 001.7-4.9c0-4.4-3.6-8-8-8h-72.6c-4.9 0-9.5 2.3-12.6 6.1l-68.5 87.1c-4.4 5.6-6.8 12.6-6.8 19.8.1 17.7 14.4 32 32.1 32zm240 64H592c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h176.5l-47.2 60.1a8.1 8.1 0 00-1.7 4.9c0 4.4 3.6 8 8 8h72.6c4.9 0 9.5-2.3 12.6-6.1l68.5-87.1c4.4-5.6 6.8-12.6 6.8-19.8-.1-17.7-14.4-32-32.1-32z"}}]},name:"user-switch",theme:"outlined"};var l=s(9820),d=function(e,t){return o.createElement(l.A,(0,i.A)({},e,{ref:t,icon:r}))};const u=o.forwardRef(d);const h={icon:{tag:"svg",attrs:{viewBox:"64 64 896 896",focusable:"false"},children:[{tag:"path",attrs:{d:"M920 416H616c-4.4 0-8 3.6-8 8v112c0 4.4 3.6 8 8 8h48c4.4 0 8-3.6 8-8v-56h60v320h-46c-4.4 0-8 3.6-8 8v48c0 4.4 3.6 8 8 8h164c4.4 0 8-3.6 8-8v-48c0-4.4-3.6-8-8-8h-46V480h60v56c0 4.4 3.6 8 8 8h48c4.4 0 8-3.6 8-8V424c0-4.4-3.6-8-8-8zM656 296V168c0-4.4-3.6-8-8-8H104c-4.4 0-8 3.6-8 8v128c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-64h168v560h-92c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h264c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8h-92V232h168v64c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8z"}}]},name:"font-size",theme:"outlined"};var m=function(e,t){return o.createElement(l.A,(0,i.A)({},e,{ref:t,icon:h}))};const p=o.forwardRef(m);const x={icon:{tag:"svg",attrs:{viewBox:"64 64 896 896",focusable:"false"},children:[{tag:"path",attrs:{d:"M880 112H144c-17.7 0-32 14.3-32 32v736c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V144c0-17.7-14.3-32-32-32zm-696 72h136v656H184V184zm656 656H384V384h456v456zM384 320V184h456v136H384z"}}]},name:"layout",theme:"outlined"};var f=function(e,t){return o.createElement(l.A,(0,i.A)({},e,{ref:t,icon:x}))};const g=o.forwardRef(f),v={hide_table_of_contents:!0},j="Examples",y={id:"guides/examples/index",title:"Examples",description:"Small practical examples of the methodology application",source:"@site/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/index.mdx",sourceDirName:"guides/examples",slug:"/guides/examples/",permalink:"/uz/docs/guides/examples/",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/index.mdx",tags:[],version:"current",lastUpdatedAt:1728325386e3,frontMatter:{hide_table_of_contents:!0},sidebar:"guidesSidebar",previous:{title:"\ud83c\udfaf Guides",permalink:"/uz/docs/guides/"},next:{title:"Authentication",permalink:"/uz/docs/guides/examples/auth"}},_={},A=[{value:"Main",id:"main",level:2},...c.RM,...c.RM,...c.RM];function M(e){const t={h1:"h1",h2:"h2",header:"header",p:"p",...(0,a.R)(),...e.components};return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(t.header,{children:(0,n.jsx)(t.h1,{id:"examples",children:"Examples"})}),"\n",(0,n.jsx)("p",{class:"summary",children:(0,n.jsx)(t.p,{children:"Small practical examples of the methodology application"})}),"\n",(0,n.jsx)(t.h2,{id:"main",children:"Main"}),"\n","\n",(0,n.jsx)(c.Ay,{title:"Authentication",description:"Decomposition of authentication logic",to:"/docs/guides/examples/auth",Icon:u,tags:["Forms","2FA","OAuth","Token storage","Token refresh"]}),"\n",(0,n.jsx)(c.Ay,{title:"Types",description:"Where to keep the types? What kinds of types are there in the context of FSD?",to:"/docs/guides/examples/types",Icon:p,tags:["DTO","Mappers","Entity relationships","Auto-generation","Validation schemas"]}),"\n",(0,n.jsx)(c.Ay,{title:"Page layouts",description:"Main cases with layouts",to:"/docs/guides/examples/page-layout",Icon:g,tags:["Where to store them","Using widgets in layouts"]})]})}function T(e={}){const{wrapper:t}={...(0,a.R)(),...e.components};return t?(0,n.jsx)(t,{...e,children:(0,n.jsx)(M,{...e})}):M(e)}},5988:(e,t,s)=>{s.d(t,{Y:()=>o,A:()=>l});s(758);var n=s(3526),a=s(6783);const c={root:"root_GfON",rootDisabled:"rootDisabled_SFUB",details:"details_xxkR",detailsTags:"detailsTags_uTQx",icon:"icon_ciqP",title:"title_pSH5",description:"description__Fep",miniTheme:"miniTheme_ePfp",primaryTheme:"primaryTheme_CilO",defaultTheme:"defaultTheme_j3I8"};var i=s(6070);const o=e=>{const{title:t,description:s,to:o,Icon:l,tags:d,className:u,disabled:h,theme:m="default"}=e;return(0,i.jsxs)(a.A,{className:(0,n.A)(c.root,u,h&&c.rootDisabled,c[`${m}Theme`]),to:o,children:[(0,i.jsx)(r,{Icon:l}),(0,i.jsxs)("div",{className:c.details,children:[(0,i.jsxs)("div",{className:c.detailsMain,children:[(0,i.jsx)("span",{className:c.title,children:t}),(0,i.jsx)("p",{className:c.description,children:s})]}),d&&(0,i.jsx)("div",{className:c.detailsTags,children:d.join(" \u2022 ")})]})]})},r=e=>{let{Icon:t}=e;return t?"string"==typeof t?(0,i.jsx)("span",{className:c.icon,children:t}):(0,i.jsx)(t,{className:c.icon}):null},l=o},1100:(e,t,s)=>{s.d(t,{R:()=>i,x:()=>o});var n=s(758);const a={},c=n.createContext(a);function i(e){const t=n.useContext(c);return n.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function o(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(a):e.components||a:i(e.components),n.createElement(c.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
diff --git a/uz/assets/js/d13cbfb8.eada72eb.js.LICENSE.txt b/uz/assets/js/d13cbfb8.5d6516bb.js.LICENSE.txt
similarity index 100%
rename from uz/assets/js/d13cbfb8.eada72eb.js.LICENSE.txt
rename to uz/assets/js/d13cbfb8.5d6516bb.js.LICENSE.txt
diff --git a/uz/assets/js/d7baea7e.73fa66c9.js b/uz/assets/js/d7baea7e.c50c2f40.js
similarity index 98%
rename from uz/assets/js/d7baea7e.73fa66c9.js
rename to uz/assets/js/d7baea7e.c50c2f40.js
index 0c6bfa8543..1b015e3f64 100644
--- a/uz/assets/js/d7baea7e.73fa66c9.js
+++ b/uz/assets/js/d7baea7e.c50c2f40.js
@@ -1,2 +1,2 @@
-/*! For license information please see d7baea7e.73fa66c9.js.LICENSE.txt */
-"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[9549],{7946:(e,t,n)=>{n.d(t,{Ay:()=>c,RM:()=>r});var s=n(6070),a=n(1100),o=n(5988);const r=[];function i(e){return(0,s.jsx)(o.A,{...e})}function c(e={}){const{wrapper:t}={...(0,a.R)(),...e.components};return t?(0,s.jsx)(t,{...e,children:(0,s.jsx)(i,{...e})}):i(e)}},8e3:(e,t,n)=>{n.r(t),n.d(t,{assets:()=>y,contentTitle:()=>j,default:()=>b,frontMatter:()=>x,metadata:()=>_,toc:()=>w});var s=n(6070),a=n(1100),o=n(7946),r=n(991),i=n(758);const c={icon:{tag:"svg",attrs:{viewBox:"64 64 896 896",focusable:"false"},children:[{tag:"path",attrs:{d:"M864 736c0-111.6-65.4-208-160-252.9V317.3c0-15.1-5.3-29.7-15.1-41.2L536.5 95.4C530.1 87.8 521 84 512 84s-18.1 3.8-24.5 11.4L335.1 276.1a63.97 63.97 0 00-15.1 41.2v165.8C225.4 528 160 624.4 160 736h156.5c-2.3 7.2-3.5 15-3.5 23.8 0 22.1 7.6 43.7 21.4 60.8a97.2 97.2 0 0043.1 30.6c23.1 54 75.6 88.8 134.5 88.8 29.1 0 57.3-8.6 81.4-24.8 23.6-15.8 41.9-37.9 53-64a97 97 0 0043.1-30.5 97.52 97.52 0 0021.4-60.8c0-8.4-1.1-16.4-3.1-23.8H864zM762.3 621.4c9.4 14.6 17 30.3 22.5 46.6H700V558.7a211.6 211.6 0 0162.3 62.7zM388 483.1V318.8l124-147 124 147V668H388V483.1zM239.2 668c5.5-16.3 13.1-32 22.5-46.6 16.3-25.2 37.5-46.5 62.3-62.7V668h-84.8zm388.9 116.2c-5.2 3-11.2 4.2-17.1 3.4l-19.5-2.4-2.8 19.4c-5.4 37.9-38.4 66.5-76.7 66.5-38.3 0-71.3-28.6-76.7-66.5l-2.8-19.5-19.5 2.5a27.7 27.7 0 01-17.1-3.5c-8.7-5-14.1-14.3-14.1-24.4 0-10.6 5.9-19.4 14.6-23.8h231.3c8.8 4.5 14.6 13.3 14.6 23.8-.1 10.2-5.5 19.6-14.2 24.5zM464 400a48 48 0 1096 0 48 48 0 10-96 0z"}}]},name:"rocket",theme:"outlined"};var d=n(9820),l=function(e,t){return i.createElement(d.A,(0,r.A)({},e,{ref:t,icon:c}))};const u=i.forwardRef(l);const h={icon:{tag:"svg",attrs:{viewBox:"64 64 896 896",focusable:"false"},children:[{tag:"path",attrs:{d:"M442.3 677.6l199.4-156.7a11.3 11.3 0 000-17.7L442.3 346.4c-7.4-5.8-18.3-.6-18.3 8.8v313.5c0 9.4 10.9 14.7 18.3 8.9z"}},{tag:"path",attrs:{d:"M880 112H144c-17.7 0-32 14.3-32 32v736c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V144c0-17.7-14.3-32-32-32zm-40 728H184V184h656v656z"}}]},name:"play-square",theme:"outlined"};var m=function(e,t){return i.createElement(d.A,(0,r.A)({},e,{ref:t,icon:h}))};const p=i.forwardRef(m);const f={icon:{tag:"svg",attrs:{viewBox:"64 64 896 896",focusable:"false"},children:[{tag:"path",attrs:{d:"M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z"}},{tag:"path",attrs:{d:"M623.6 316.7C593.6 290.4 554 276 512 276s-81.6 14.5-111.6 40.7C369.2 344 352 380.7 352 420v7.6c0 4.4 3.6 8 8 8h48c4.4 0 8-3.6 8-8V420c0-44.1 43.1-80 96-80s96 35.9 96 80c0 31.1-22 59.6-56.1 72.7-21.2 8.1-39.2 22.3-52.1 40.9-13.1 19-19.9 41.8-19.9 64.9V620c0 4.4 3.6 8 8 8h48c4.4 0 8-3.6 8-8v-22.7a48.3 48.3 0 0130.9-44.8c59-22.7 97.1-74.7 97.1-132.5.1-39.3-17.1-76-48.3-103.3zM472 732a40 40 0 1080 0 40 40 0 10-80 0z"}}]},name:"question-circle",theme:"outlined"};var g=function(e,t){return i.createElement(d.A,(0,r.A)({},e,{ref:t,icon:f}))};const v=i.forwardRef(g),x={hide_table_of_contents:!0,pagination_prev:"intro"},j="\ud83d\ude80 Get Started",_={id:"get-started/index",title:"\ud83d\ude80 Get Started",description:"Welcome! This section helps you to get acquainted with the application of Feature-Sliced Design and the basics of the methodology. You will also understand the key advantages of the methodology and the reasons for its creation.",source:"@site/i18n/en/docusaurus-plugin-content-docs/current/get-started/index.mdx",sourceDirName:"get-started",slug:"/get-started/",permalink:"/uz/docs/get-started/",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/get-started/index.mdx",tags:[],version:"current",lastUpdatedAt:1727607766e3,frontMatter:{hide_table_of_contents:!0,pagination_prev:"intro"},sidebar:"getstartedSidebar",previous:{title:"Hujjatlar",permalink:"/uz/docs/"},next:{title:"Overview",permalink:"/uz/docs/get-started/overview"}},y={},w=[...o.RM,...o.RM,...o.RM];function M(e){const t={h1:"h1",header:"header",p:"p",...(0,a.R)(),...e.components};return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(t.header,{children:(0,s.jsx)(t.h1,{id:"-get-started",children:"\ud83d\ude80 Get Started"})}),"\n",(0,s.jsx)("p",{class:"summary",children:(0,s.jsx)(t.p,{children:"Welcome! This section helps you to get acquainted with the application of Feature-Sliced Design and the basics of the methodology. You will also understand the key advantages of the methodology and the reasons for its creation."})}),"\n",(0,s.jsx)(o.Ay,{title:"Overview",description:"Brief overview of methodology concepts and usage",to:"/docs/get-started/overview",Icon:u}),"\n",(0,s.jsx)(o.Ay,{title:"Tutorial",description:"Introductory tutorial on the usage of the methodology",to:"/docs/get-started/tutorial",Icon:p}),"\n",(0,s.jsx)(o.Ay,{title:"FAQ",description:"Frequently asked questions",to:"/docs/get-started/faq",Icon:v}),"\n"]})}function b(e={}){const{wrapper:t}={...(0,a.R)(),...e.components};return t?(0,s.jsx)(t,{...e,children:(0,s.jsx)(M,{...e})}):M(e)}},5988:(e,t,n)=>{n.d(t,{Y:()=>i,A:()=>d});n(758);var s=n(3526),a=n(6783);const o={root:"root_GfON",rootDisabled:"rootDisabled_SFUB",details:"details_xxkR",detailsTags:"detailsTags_uTQx",icon:"icon_ciqP",title:"title_pSH5",description:"description__Fep",miniTheme:"miniTheme_ePfp",primaryTheme:"primaryTheme_CilO",defaultTheme:"defaultTheme_j3I8"};var r=n(6070);const i=e=>{const{title:t,description:n,to:i,Icon:d,tags:l,className:u,disabled:h,theme:m="default"}=e;return(0,r.jsxs)(a.A,{className:(0,s.A)(o.root,u,h&&o.rootDisabled,o[`${m}Theme`]),to:i,children:[(0,r.jsx)(c,{Icon:d}),(0,r.jsxs)("div",{className:o.details,children:[(0,r.jsxs)("div",{className:o.detailsMain,children:[(0,r.jsx)("span",{className:o.title,children:t}),(0,r.jsx)("p",{className:o.description,children:n})]}),l&&(0,r.jsx)("div",{className:o.detailsTags,children:l.join(" \u2022 ")})]})]})},c=e=>{let{Icon:t}=e;return t?"string"==typeof t?(0,r.jsx)("span",{className:o.icon,children:t}):(0,r.jsx)(t,{className:o.icon}):null},d=i},1100:(e,t,n)=>{n.d(t,{R:()=>r,x:()=>i});var s=n(758);const a={},o=s.createContext(a);function r(e){const t=s.useContext(o);return s.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function i(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(a):e.components||a:r(e.components),s.createElement(o.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
+/*! For license information please see d7baea7e.c50c2f40.js.LICENSE.txt */
+"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[9549],{7946:(e,t,n)=>{n.d(t,{Ay:()=>c,RM:()=>r});var s=n(6070),a=n(1100),o=n(5988);const r=[];function i(e){return(0,s.jsx)(o.A,{...e})}function c(e={}){const{wrapper:t}={...(0,a.R)(),...e.components};return t?(0,s.jsx)(t,{...e,children:(0,s.jsx)(i,{...e})}):i(e)}},8e3:(e,t,n)=>{n.r(t),n.d(t,{assets:()=>y,contentTitle:()=>j,default:()=>b,frontMatter:()=>x,metadata:()=>_,toc:()=>w});var s=n(6070),a=n(1100),o=n(7946),r=n(991),i=n(758);const c={icon:{tag:"svg",attrs:{viewBox:"64 64 896 896",focusable:"false"},children:[{tag:"path",attrs:{d:"M864 736c0-111.6-65.4-208-160-252.9V317.3c0-15.1-5.3-29.7-15.1-41.2L536.5 95.4C530.1 87.8 521 84 512 84s-18.1 3.8-24.5 11.4L335.1 276.1a63.97 63.97 0 00-15.1 41.2v165.8C225.4 528 160 624.4 160 736h156.5c-2.3 7.2-3.5 15-3.5 23.8 0 22.1 7.6 43.7 21.4 60.8a97.2 97.2 0 0043.1 30.6c23.1 54 75.6 88.8 134.5 88.8 29.1 0 57.3-8.6 81.4-24.8 23.6-15.8 41.9-37.9 53-64a97 97 0 0043.1-30.5 97.52 97.52 0 0021.4-60.8c0-8.4-1.1-16.4-3.1-23.8H864zM762.3 621.4c9.4 14.6 17 30.3 22.5 46.6H700V558.7a211.6 211.6 0 0162.3 62.7zM388 483.1V318.8l124-147 124 147V668H388V483.1zM239.2 668c5.5-16.3 13.1-32 22.5-46.6 16.3-25.2 37.5-46.5 62.3-62.7V668h-84.8zm388.9 116.2c-5.2 3-11.2 4.2-17.1 3.4l-19.5-2.4-2.8 19.4c-5.4 37.9-38.4 66.5-76.7 66.5-38.3 0-71.3-28.6-76.7-66.5l-2.8-19.5-19.5 2.5a27.7 27.7 0 01-17.1-3.5c-8.7-5-14.1-14.3-14.1-24.4 0-10.6 5.9-19.4 14.6-23.8h231.3c8.8 4.5 14.6 13.3 14.6 23.8-.1 10.2-5.5 19.6-14.2 24.5zM464 400a48 48 0 1096 0 48 48 0 10-96 0z"}}]},name:"rocket",theme:"outlined"};var d=n(9820),l=function(e,t){return i.createElement(d.A,(0,r.A)({},e,{ref:t,icon:c}))};const u=i.forwardRef(l);const h={icon:{tag:"svg",attrs:{viewBox:"64 64 896 896",focusable:"false"},children:[{tag:"path",attrs:{d:"M442.3 677.6l199.4-156.7a11.3 11.3 0 000-17.7L442.3 346.4c-7.4-5.8-18.3-.6-18.3 8.8v313.5c0 9.4 10.9 14.7 18.3 8.9z"}},{tag:"path",attrs:{d:"M880 112H144c-17.7 0-32 14.3-32 32v736c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V144c0-17.7-14.3-32-32-32zm-40 728H184V184h656v656z"}}]},name:"play-square",theme:"outlined"};var m=function(e,t){return i.createElement(d.A,(0,r.A)({},e,{ref:t,icon:h}))};const p=i.forwardRef(m);const f={icon:{tag:"svg",attrs:{viewBox:"64 64 896 896",focusable:"false"},children:[{tag:"path",attrs:{d:"M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z"}},{tag:"path",attrs:{d:"M623.6 316.7C593.6 290.4 554 276 512 276s-81.6 14.5-111.6 40.7C369.2 344 352 380.7 352 420v7.6c0 4.4 3.6 8 8 8h48c4.4 0 8-3.6 8-8V420c0-44.1 43.1-80 96-80s96 35.9 96 80c0 31.1-22 59.6-56.1 72.7-21.2 8.1-39.2 22.3-52.1 40.9-13.1 19-19.9 41.8-19.9 64.9V620c0 4.4 3.6 8 8 8h48c4.4 0 8-3.6 8-8v-22.7a48.3 48.3 0 0130.9-44.8c59-22.7 97.1-74.7 97.1-132.5.1-39.3-17.1-76-48.3-103.3zM472 732a40 40 0 1080 0 40 40 0 10-80 0z"}}]},name:"question-circle",theme:"outlined"};var g=function(e,t){return i.createElement(d.A,(0,r.A)({},e,{ref:t,icon:f}))};const v=i.forwardRef(g),x={hide_table_of_contents:!0,pagination_prev:"intro"},j="\ud83d\ude80 Get Started",_={id:"get-started/index",title:"\ud83d\ude80 Get Started",description:"Welcome! This section helps you to get acquainted with the application of Feature-Sliced Design and the basics of the methodology. You will also understand the key advantages of the methodology and the reasons for its creation.",source:"@site/i18n/en/docusaurus-plugin-content-docs/current/get-started/index.mdx",sourceDirName:"get-started",slug:"/get-started/",permalink:"/uz/docs/get-started/",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/get-started/index.mdx",tags:[],version:"current",lastUpdatedAt:1728325386e3,frontMatter:{hide_table_of_contents:!0,pagination_prev:"intro"},sidebar:"getstartedSidebar",previous:{title:"Hujjatlar",permalink:"/uz/docs/"},next:{title:"Overview",permalink:"/uz/docs/get-started/overview"}},y={},w=[...o.RM,...o.RM,...o.RM];function M(e){const t={h1:"h1",header:"header",p:"p",...(0,a.R)(),...e.components};return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(t.header,{children:(0,s.jsx)(t.h1,{id:"-get-started",children:"\ud83d\ude80 Get Started"})}),"\n",(0,s.jsx)("p",{class:"summary",children:(0,s.jsx)(t.p,{children:"Welcome! This section helps you to get acquainted with the application of Feature-Sliced Design and the basics of the methodology. You will also understand the key advantages of the methodology and the reasons for its creation."})}),"\n",(0,s.jsx)(o.Ay,{title:"Overview",description:"Brief overview of methodology concepts and usage",to:"/docs/get-started/overview",Icon:u}),"\n",(0,s.jsx)(o.Ay,{title:"Tutorial",description:"Introductory tutorial on the usage of the methodology",to:"/docs/get-started/tutorial",Icon:p}),"\n",(0,s.jsx)(o.Ay,{title:"FAQ",description:"Frequently asked questions",to:"/docs/get-started/faq",Icon:v}),"\n"]})}function b(e={}){const{wrapper:t}={...(0,a.R)(),...e.components};return t?(0,s.jsx)(t,{...e,children:(0,s.jsx)(M,{...e})}):M(e)}},5988:(e,t,n)=>{n.d(t,{Y:()=>i,A:()=>d});n(758);var s=n(3526),a=n(6783);const o={root:"root_GfON",rootDisabled:"rootDisabled_SFUB",details:"details_xxkR",detailsTags:"detailsTags_uTQx",icon:"icon_ciqP",title:"title_pSH5",description:"description__Fep",miniTheme:"miniTheme_ePfp",primaryTheme:"primaryTheme_CilO",defaultTheme:"defaultTheme_j3I8"};var r=n(6070);const i=e=>{const{title:t,description:n,to:i,Icon:d,tags:l,className:u,disabled:h,theme:m="default"}=e;return(0,r.jsxs)(a.A,{className:(0,s.A)(o.root,u,h&&o.rootDisabled,o[`${m}Theme`]),to:i,children:[(0,r.jsx)(c,{Icon:d}),(0,r.jsxs)("div",{className:o.details,children:[(0,r.jsxs)("div",{className:o.detailsMain,children:[(0,r.jsx)("span",{className:o.title,children:t}),(0,r.jsx)("p",{className:o.description,children:n})]}),l&&(0,r.jsx)("div",{className:o.detailsTags,children:l.join(" \u2022 ")})]})]})},c=e=>{let{Icon:t}=e;return t?"string"==typeof t?(0,r.jsx)("span",{className:o.icon,children:t}):(0,r.jsx)(t,{className:o.icon}):null},d=i},1100:(e,t,n)=>{n.d(t,{R:()=>r,x:()=>i});var s=n(758);const a={},o=s.createContext(a);function r(e){const t=s.useContext(o);return s.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function i(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(a):e.components||a:r(e.components),s.createElement(o.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
diff --git a/uz/assets/js/d7baea7e.73fa66c9.js.LICENSE.txt b/uz/assets/js/d7baea7e.c50c2f40.js.LICENSE.txt
similarity index 100%
rename from uz/assets/js/d7baea7e.73fa66c9.js.LICENSE.txt
rename to uz/assets/js/d7baea7e.c50c2f40.js.LICENSE.txt
diff --git a/uz/assets/js/d999437a.68bc4aeb.js b/uz/assets/js/d999437a.396e9869.js
similarity index 98%
rename from uz/assets/js/d999437a.68bc4aeb.js
rename to uz/assets/js/d999437a.396e9869.js
index 5369c19c4e..ada05009db 100644
--- a/uz/assets/js/d999437a.68bc4aeb.js
+++ b/uz/assets/js/d999437a.396e9869.js
@@ -1 +1 @@
-"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[7091],{1928:(e,t,n)=>{n.d(t,{Ay:()=>u,RM:()=>a});var s=n(6070),i=n(1100),r=(n(758),n(6783)),c=n(7765);const d=e=>{let{ticket:t}=e;const n=`https://github.com/feature-sliced/documentation/issues/${t}`;return(0,s.jsxs)("div",{children:[(0,s.jsx)("p",{children:(0,c.T)({id:"shared.wip.title"})}),(0,s.jsx)("p",{children:(0,c.T)({id:"shared.wip.subtitle"})}),(0,s.jsxs)("ul",{children:[(0,s.jsxs)("li",{children:[(0,c.T)({id:"shared.wip.var.feedback.base"}),(0,s.jsx)(r.A,{to:n,children:(0,c.T)({id:"shared.wip.var.feedback.link"})})]}),(0,s.jsxs)("li",{children:[(0,c.T)({id:"shared.wip.var.material.base"}),(0,s.jsx)(r.A,{to:"https://t.me/feature_sliced",children:(0,c.T)({id:"shared.wip.var.material.link"})})]}),(0,s.jsxs)("li",{children:[(0,c.T)({id:"shared.wip.var.contribute.base"}),(0,s.jsx)(r.A,{to:"https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md",children:(0,c.T)({id:"shared.wip.var.contribute.link"})})]})]}),(0,s.jsx)("br",{}),(0,s.jsx)("p",{children:(0,s.jsx)("i",{children:"\ud83c\udf70 Stay tuned!"})})]})},a=[];function o(e){const t={admonition:"admonition",...(0,i.R)(),...e.components};return(0,s.jsx)(t.admonition,{title:"WIP",type:"caution",children:(0,s.jsx)(d,{ticket:e.ticket})})}function u(e={}){const{wrapper:t}={...(0,i.R)(),...e.components};return t?(0,s.jsx)(t,{...e,children:(0,s.jsx)(o,{...e})}):o(e)}},8909:(e,t,n)=>{n.r(t),n.d(t,{assets:()=>o,contentTitle:()=>d,default:()=>p,frontMatter:()=>c,metadata:()=>a,toc:()=>u});var s=n(6070),i=n(1100),r=n(1928);const c={sidebar_class_name:"sidebar-item--wip",unlisted:!0},d="Feedback",a={id:"guides/examples/feedback",title:"Feedback",description:"Errors, Alerts, Notifications, ...",source:"@site/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/feedback.mdx",sourceDirName:"guides/examples",slug:"/guides/examples/feedback",permalink:"/uz/docs/guides/examples/feedback",draft:!1,unlisted:!0,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/feedback.mdx",tags:[],version:"current",lastUpdatedAt:1727607766e3,frontMatter:{sidebar_class_name:"sidebar-item--wip",unlisted:!0},sidebar:"guidesSidebar"},o={},u=[...r.RM];function l(e){const t={blockquote:"blockquote",h1:"h1",header:"header",p:"p",...(0,i.R)(),...e.components};return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(t.header,{children:(0,s.jsx)(t.h1,{id:"feedback",children:"Feedback"})}),"\n",(0,s.jsx)(r.Ay,{ticket:"187"}),"\n",(0,s.jsxs)(t.blockquote,{children:["\n",(0,s.jsx)(t.p,{children:"Errors, Alerts, Notifications, ..."}),"\n"]})]})}function p(e={}){const{wrapper:t}={...(0,i.R)(),...e.components};return t?(0,s.jsx)(t,{...e,children:(0,s.jsx)(l,{...e})}):l(e)}},1100:(e,t,n)=>{n.d(t,{R:()=>c,x:()=>d});var s=n(758);const i={},r=s.createContext(i);function c(e){const t=s.useContext(r);return s.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function d(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(i):e.components||i:c(e.components),s.createElement(r.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
+"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[7091],{1928:(e,t,n)=>{n.d(t,{Ay:()=>u,RM:()=>a});var s=n(6070),i=n(1100),r=(n(758),n(6783)),c=n(7765);const d=e=>{let{ticket:t}=e;const n=`https://github.com/feature-sliced/documentation/issues/${t}`;return(0,s.jsxs)("div",{children:[(0,s.jsx)("p",{children:(0,c.T)({id:"shared.wip.title"})}),(0,s.jsx)("p",{children:(0,c.T)({id:"shared.wip.subtitle"})}),(0,s.jsxs)("ul",{children:[(0,s.jsxs)("li",{children:[(0,c.T)({id:"shared.wip.var.feedback.base"}),(0,s.jsx)(r.A,{to:n,children:(0,c.T)({id:"shared.wip.var.feedback.link"})})]}),(0,s.jsxs)("li",{children:[(0,c.T)({id:"shared.wip.var.material.base"}),(0,s.jsx)(r.A,{to:"https://t.me/feature_sliced",children:(0,c.T)({id:"shared.wip.var.material.link"})})]}),(0,s.jsxs)("li",{children:[(0,c.T)({id:"shared.wip.var.contribute.base"}),(0,s.jsx)(r.A,{to:"https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md",children:(0,c.T)({id:"shared.wip.var.contribute.link"})})]})]}),(0,s.jsx)("br",{}),(0,s.jsx)("p",{children:(0,s.jsx)("i",{children:"\ud83c\udf70 Stay tuned!"})})]})},a=[];function o(e){const t={admonition:"admonition",...(0,i.R)(),...e.components};return(0,s.jsx)(t.admonition,{title:"WIP",type:"caution",children:(0,s.jsx)(d,{ticket:e.ticket})})}function u(e={}){const{wrapper:t}={...(0,i.R)(),...e.components};return t?(0,s.jsx)(t,{...e,children:(0,s.jsx)(o,{...e})}):o(e)}},8909:(e,t,n)=>{n.r(t),n.d(t,{assets:()=>o,contentTitle:()=>d,default:()=>p,frontMatter:()=>c,metadata:()=>a,toc:()=>u});var s=n(6070),i=n(1100),r=n(1928);const c={sidebar_class_name:"sidebar-item--wip",unlisted:!0},d="Feedback",a={id:"guides/examples/feedback",title:"Feedback",description:"Errors, Alerts, Notifications, ...",source:"@site/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/feedback.mdx",sourceDirName:"guides/examples",slug:"/guides/examples/feedback",permalink:"/uz/docs/guides/examples/feedback",draft:!1,unlisted:!0,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/feedback.mdx",tags:[],version:"current",lastUpdatedAt:1728325386e3,frontMatter:{sidebar_class_name:"sidebar-item--wip",unlisted:!0},sidebar:"guidesSidebar"},o={},u=[...r.RM];function l(e){const t={blockquote:"blockquote",h1:"h1",header:"header",p:"p",...(0,i.R)(),...e.components};return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(t.header,{children:(0,s.jsx)(t.h1,{id:"feedback",children:"Feedback"})}),"\n",(0,s.jsx)(r.Ay,{ticket:"187"}),"\n",(0,s.jsxs)(t.blockquote,{children:["\n",(0,s.jsx)(t.p,{children:"Errors, Alerts, Notifications, ..."}),"\n"]})]})}function p(e={}){const{wrapper:t}={...(0,i.R)(),...e.components};return t?(0,s.jsx)(t,{...e,children:(0,s.jsx)(l,{...e})}):l(e)}},1100:(e,t,n)=>{n.d(t,{R:()=>c,x:()=>d});var s=n(758);const i={},r=s.createContext(i);function c(e){const t=s.useContext(r);return s.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function d(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(i):e.components||i:c(e.components),s.createElement(r.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
diff --git a/uz/assets/js/dfe5ecdf.9524dec2.js b/uz/assets/js/dfe5ecdf.fa6a02f5.js
similarity index 98%
rename from uz/assets/js/dfe5ecdf.9524dec2.js
rename to uz/assets/js/dfe5ecdf.fa6a02f5.js
index c6d2fb5ca5..454c35c20f 100644
--- a/uz/assets/js/dfe5ecdf.9524dec2.js
+++ b/uz/assets/js/dfe5ecdf.fa6a02f5.js
@@ -1 +1 @@
-"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[6949],{1928:(e,t,i)=>{i.d(t,{Ay:()=>l,RM:()=>d});var s=i(6070),n=i(1100),o=(i(758),i(6783)),r=i(7765);const a=e=>{let{ticket:t}=e;const i=`https://github.com/feature-sliced/documentation/issues/${t}`;return(0,s.jsxs)("div",{children:[(0,s.jsx)("p",{children:(0,r.T)({id:"shared.wip.title"})}),(0,s.jsx)("p",{children:(0,r.T)({id:"shared.wip.subtitle"})}),(0,s.jsxs)("ul",{children:[(0,s.jsxs)("li",{children:[(0,r.T)({id:"shared.wip.var.feedback.base"}),(0,s.jsx)(o.A,{to:i,children:(0,r.T)({id:"shared.wip.var.feedback.link"})})]}),(0,s.jsxs)("li",{children:[(0,r.T)({id:"shared.wip.var.material.base"}),(0,s.jsx)(o.A,{to:"https://t.me/feature_sliced",children:(0,r.T)({id:"shared.wip.var.material.link"})})]}),(0,s.jsxs)("li",{children:[(0,r.T)({id:"shared.wip.var.contribute.base"}),(0,s.jsx)(o.A,{to:"https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md",children:(0,r.T)({id:"shared.wip.var.contribute.link"})})]})]}),(0,s.jsx)("br",{}),(0,s.jsx)("p",{children:(0,s.jsx)("i",{children:"\ud83c\udf70 Stay tuned!"})})]})},d=[];function c(e){const t={admonition:"admonition",...(0,n.R)(),...e.components};return(0,s.jsx)(t.admonition,{title:"WIP",type:"caution",children:(0,s.jsx)(a,{ticket:e.ticket})})}function l(e={}){const{wrapper:t}={...(0,n.R)(),...e.components};return t?(0,s.jsx)(t,{...e,children:(0,s.jsx)(c,{...e})}):c(e)}},4089:(e,t,i)=>{i.r(t),i.d(t,{assets:()=>c,contentTitle:()=>a,default:()=>p,frontMatter:()=>r,metadata:()=>d,toc:()=>l});var s=i(6070),n=i(1100),o=i(1928);const r={sidebar_position:9,sidebar_class_name:"sidebar-item--wip",unlisted:!0},a="Monorepositories",d={id:"guides/examples/monorepo",title:"Monorepositories",description:"About applicability for mono repositories, about bff, about microapps",source:"@site/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/monorepo.mdx",sourceDirName:"guides/examples",slug:"/guides/examples/monorepo",permalink:"/uz/docs/guides/examples/monorepo",draft:!1,unlisted:!0,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/monorepo.mdx",tags:[],version:"current",lastUpdatedAt:1727607766e3,sidebarPosition:9,frontMatter:{sidebar_position:9,sidebar_class_name:"sidebar-item--wip",unlisted:!0},sidebar:"guidesSidebar"},c={},l=[...o.RM,{value:"See also",id:"see-also",level:2}];function u(e){const t={a:"a",blockquote:"blockquote",h1:"h1",h2:"h2",header:"header",li:"li",p:"p",ul:"ul",...(0,n.R)(),...e.components};return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(t.header,{children:(0,s.jsx)(t.h1,{id:"monorepositories",children:"Monorepositories"})}),"\n",(0,s.jsx)(o.Ay,{ticket:"221"}),"\n",(0,s.jsxs)(t.blockquote,{children:["\n",(0,s.jsx)(t.p,{children:"About applicability for mono repositories, about bff, about microapps"}),"\n"]}),"\n",(0,s.jsx)(t.h2,{id:"see-also",children:"See also"}),"\n",(0,s.jsxs)(t.ul,{children:["\n",(0,s.jsx)(t.li,{children:(0,s.jsx)(t.a,{href:"https://github.com/feature-sliced/documentation/discussions/50",children:"(Discussion) About mono repositories and plug-ins-packages"})}),"\n",(0,s.jsx)(t.li,{children:(0,s.jsx)(t.a,{href:"https://t.me/feature_sliced/2412",children:"(Thread) About the application for a mono repository"})}),"\n"]})]})}function p(e={}){const{wrapper:t}={...(0,n.R)(),...e.components};return t?(0,s.jsx)(t,{...e,children:(0,s.jsx)(u,{...e})}):u(e)}},1100:(e,t,i)=>{i.d(t,{R:()=>r,x:()=>a});var s=i(758);const n={},o=s.createContext(n);function r(e){const t=s.useContext(o);return s.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function a(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(n):e.components||n:r(e.components),s.createElement(o.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
+"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[6949],{1928:(e,t,i)=>{i.d(t,{Ay:()=>l,RM:()=>d});var s=i(6070),n=i(1100),o=(i(758),i(6783)),r=i(7765);const a=e=>{let{ticket:t}=e;const i=`https://github.com/feature-sliced/documentation/issues/${t}`;return(0,s.jsxs)("div",{children:[(0,s.jsx)("p",{children:(0,r.T)({id:"shared.wip.title"})}),(0,s.jsx)("p",{children:(0,r.T)({id:"shared.wip.subtitle"})}),(0,s.jsxs)("ul",{children:[(0,s.jsxs)("li",{children:[(0,r.T)({id:"shared.wip.var.feedback.base"}),(0,s.jsx)(o.A,{to:i,children:(0,r.T)({id:"shared.wip.var.feedback.link"})})]}),(0,s.jsxs)("li",{children:[(0,r.T)({id:"shared.wip.var.material.base"}),(0,s.jsx)(o.A,{to:"https://t.me/feature_sliced",children:(0,r.T)({id:"shared.wip.var.material.link"})})]}),(0,s.jsxs)("li",{children:[(0,r.T)({id:"shared.wip.var.contribute.base"}),(0,s.jsx)(o.A,{to:"https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md",children:(0,r.T)({id:"shared.wip.var.contribute.link"})})]})]}),(0,s.jsx)("br",{}),(0,s.jsx)("p",{children:(0,s.jsx)("i",{children:"\ud83c\udf70 Stay tuned!"})})]})},d=[];function c(e){const t={admonition:"admonition",...(0,n.R)(),...e.components};return(0,s.jsx)(t.admonition,{title:"WIP",type:"caution",children:(0,s.jsx)(a,{ticket:e.ticket})})}function l(e={}){const{wrapper:t}={...(0,n.R)(),...e.components};return t?(0,s.jsx)(t,{...e,children:(0,s.jsx)(c,{...e})}):c(e)}},4089:(e,t,i)=>{i.r(t),i.d(t,{assets:()=>c,contentTitle:()=>a,default:()=>p,frontMatter:()=>r,metadata:()=>d,toc:()=>l});var s=i(6070),n=i(1100),o=i(1928);const r={sidebar_position:9,sidebar_class_name:"sidebar-item--wip",unlisted:!0},a="Monorepositories",d={id:"guides/examples/monorepo",title:"Monorepositories",description:"About applicability for mono repositories, about bff, about microapps",source:"@site/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/monorepo.mdx",sourceDirName:"guides/examples",slug:"/guides/examples/monorepo",permalink:"/uz/docs/guides/examples/monorepo",draft:!1,unlisted:!0,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/monorepo.mdx",tags:[],version:"current",lastUpdatedAt:1728325386e3,sidebarPosition:9,frontMatter:{sidebar_position:9,sidebar_class_name:"sidebar-item--wip",unlisted:!0},sidebar:"guidesSidebar"},c={},l=[...o.RM,{value:"See also",id:"see-also",level:2}];function u(e){const t={a:"a",blockquote:"blockquote",h1:"h1",h2:"h2",header:"header",li:"li",p:"p",ul:"ul",...(0,n.R)(),...e.components};return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(t.header,{children:(0,s.jsx)(t.h1,{id:"monorepositories",children:"Monorepositories"})}),"\n",(0,s.jsx)(o.Ay,{ticket:"221"}),"\n",(0,s.jsxs)(t.blockquote,{children:["\n",(0,s.jsx)(t.p,{children:"About applicability for mono repositories, about bff, about microapps"}),"\n"]}),"\n",(0,s.jsx)(t.h2,{id:"see-also",children:"See also"}),"\n",(0,s.jsxs)(t.ul,{children:["\n",(0,s.jsx)(t.li,{children:(0,s.jsx)(t.a,{href:"https://github.com/feature-sliced/documentation/discussions/50",children:"(Discussion) About mono repositories and plug-ins-packages"})}),"\n",(0,s.jsx)(t.li,{children:(0,s.jsx)(t.a,{href:"https://t.me/feature_sliced/2412",children:"(Thread) About the application for a mono repository"})}),"\n"]})]})}function p(e={}){const{wrapper:t}={...(0,n.R)(),...e.components};return t?(0,s.jsx)(t,{...e,children:(0,s.jsx)(u,{...e})}):u(e)}},1100:(e,t,i)=>{i.d(t,{R:()=>r,x:()=>a});var s=i(758);const n={},o=s.createContext(n);function r(e){const t=s.useContext(o);return s.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function a(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(n):e.components||n:r(e.components),s.createElement(o.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
diff --git a/uz/assets/js/e01c2047.27093293.js b/uz/assets/js/e01c2047.dacc89e2.js
similarity index 98%
rename from uz/assets/js/e01c2047.27093293.js
rename to uz/assets/js/e01c2047.dacc89e2.js
index 5bf24b29ae..0c3125c4ff 100644
--- a/uz/assets/js/e01c2047.27093293.js
+++ b/uz/assets/js/e01c2047.dacc89e2.js
@@ -1 +1 @@
-"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[1405],{7703:(e,n,t)=>{t.r(n),t.d(n,{assets:()=>a,contentTitle:()=>r,default:()=>u,frontMatter:()=>i,metadata:()=>d,toc:()=>l});var s=t(6070),o=t(1100);const i={sidebar_position:3,sidebar_label:"Knowledge types"},r="Knowledge types in the project",d={id:"about/understanding/knowledge-types",title:"Knowledge types in the project",description:'The following "types of knowledge" can be distinguished in any project:',source:"@site/i18n/en/docusaurus-plugin-content-docs/current/about/understanding/knowledge-types.md",sourceDirName:"about/understanding",slug:"/about/understanding/knowledge-types",permalink:"/uz/docs/about/understanding/knowledge-types",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/about/understanding/knowledge-types.md",tags:[],version:"current",lastUpdatedAt:1727607766e3,sidebarPosition:3,frontMatter:{sidebar_position:3,sidebar_label:"Knowledge types"},sidebar:"aboutSidebar",previous:{title:"Needs driven",permalink:"/uz/docs/about/understanding/needs-driven"},next:{title:"Naming",permalink:"/uz/docs/about/understanding/naming"}},a={},l=[{value:"See also",id:"see-also",level:2}];function c(e){const n={a:"a",admonition:"admonition",br:"br",h1:"h1",h2:"h2",header:"header",li:"li",p:"p",strong:"strong",ul:"ul",...(0,o.R)(),...e.components};return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(n.header,{children:(0,s.jsx)(n.h1,{id:"knowledge-types-in-the-project",children:"Knowledge types in the project"})}),"\n",(0,s.jsx)(n.p,{children:'The following "types of knowledge" can be distinguished in any project:'}),"\n",(0,s.jsxs)(n.ul,{children:["\n",(0,s.jsxs)(n.li,{children:["\n",(0,s.jsxs)(n.p,{children:[(0,s.jsx)(n.strong,{children:"Fundamental knowledge"}),(0,s.jsx)(n.br,{}),"\n","Knowledge that does not change much over time, such as algorithms, computer science, programming language mechanisms and its APIs."]}),"\n"]}),"\n",(0,s.jsxs)(n.li,{children:["\n",(0,s.jsxs)(n.p,{children:[(0,s.jsx)(n.strong,{children:"Technology stack"}),(0,s.jsx)(n.br,{}),"\n","Knowledge of the set of technical solutions used in a project, including programming languages, frameworks, and libraries."]}),"\n"]}),"\n",(0,s.jsxs)(n.li,{children:["\n",(0,s.jsxs)(n.p,{children:[(0,s.jsx)(n.strong,{children:"Project knowledge"}),(0,s.jsx)(n.br,{}),"\n","Knowledge that is specific to the current project and not valuable outside of it. This knowledge is essential for newly-onboarded developers to be able to contribute effectively."]}),"\n"]}),"\n"]}),"\n",(0,s.jsx)(n.admonition,{type:"note",children:(0,s.jsxs)(n.p,{children:[(0,s.jsx)(n.strong,{children:"Feature-Sliced Design"}),' is designed to reduce reliance on "project knowledge", take more responsibility, and make it easier to onboard new team members.']})}),"\n",(0,s.jsx)(n.h2,{id:"see-also",children:"See also"}),"\n",(0,s.jsxs)(n.ul,{children:["\n",(0,s.jsx)(n.li,{children:(0,s.jsx)(n.a,{href:"https://youtu.be/4xyb_tA-uw0?t=249",children:"(Video \ud83c\uddf7\ud83c\uddfa) Ilya Klimov - On Types of Knowledge"})}),"\n"]})]})}function u(e={}){const{wrapper:n}={...(0,o.R)(),...e.components};return n?(0,s.jsx)(n,{...e,children:(0,s.jsx)(c,{...e})}):c(e)}},1100:(e,n,t)=>{t.d(n,{R:()=>r,x:()=>d});var s=t(758);const o={},i=s.createContext(o);function r(e){const n=s.useContext(i);return s.useMemo((function(){return"function"==typeof e?e(n):{...n,...e}}),[n,e])}function d(e){let n;return n=e.disableParentContext?"function"==typeof e.components?e.components(o):e.components||o:r(e.components),s.createElement(i.Provider,{value:n},e.children)}}}]);
\ No newline at end of file
+"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[1405],{7703:(e,n,t)=>{t.r(n),t.d(n,{assets:()=>a,contentTitle:()=>r,default:()=>u,frontMatter:()=>i,metadata:()=>d,toc:()=>l});var s=t(6070),o=t(1100);const i={sidebar_position:3,sidebar_label:"Knowledge types"},r="Knowledge types in the project",d={id:"about/understanding/knowledge-types",title:"Knowledge types in the project",description:'The following "types of knowledge" can be distinguished in any project:',source:"@site/i18n/en/docusaurus-plugin-content-docs/current/about/understanding/knowledge-types.md",sourceDirName:"about/understanding",slug:"/about/understanding/knowledge-types",permalink:"/uz/docs/about/understanding/knowledge-types",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/about/understanding/knowledge-types.md",tags:[],version:"current",lastUpdatedAt:1728325386e3,sidebarPosition:3,frontMatter:{sidebar_position:3,sidebar_label:"Knowledge types"},sidebar:"aboutSidebar",previous:{title:"Needs driven",permalink:"/uz/docs/about/understanding/needs-driven"},next:{title:"Naming",permalink:"/uz/docs/about/understanding/naming"}},a={},l=[{value:"See also",id:"see-also",level:2}];function c(e){const n={a:"a",admonition:"admonition",br:"br",h1:"h1",h2:"h2",header:"header",li:"li",p:"p",strong:"strong",ul:"ul",...(0,o.R)(),...e.components};return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(n.header,{children:(0,s.jsx)(n.h1,{id:"knowledge-types-in-the-project",children:"Knowledge types in the project"})}),"\n",(0,s.jsx)(n.p,{children:'The following "types of knowledge" can be distinguished in any project:'}),"\n",(0,s.jsxs)(n.ul,{children:["\n",(0,s.jsxs)(n.li,{children:["\n",(0,s.jsxs)(n.p,{children:[(0,s.jsx)(n.strong,{children:"Fundamental knowledge"}),(0,s.jsx)(n.br,{}),"\n","Knowledge that does not change much over time, such as algorithms, computer science, programming language mechanisms and its APIs."]}),"\n"]}),"\n",(0,s.jsxs)(n.li,{children:["\n",(0,s.jsxs)(n.p,{children:[(0,s.jsx)(n.strong,{children:"Technology stack"}),(0,s.jsx)(n.br,{}),"\n","Knowledge of the set of technical solutions used in a project, including programming languages, frameworks, and libraries."]}),"\n"]}),"\n",(0,s.jsxs)(n.li,{children:["\n",(0,s.jsxs)(n.p,{children:[(0,s.jsx)(n.strong,{children:"Project knowledge"}),(0,s.jsx)(n.br,{}),"\n","Knowledge that is specific to the current project and not valuable outside of it. This knowledge is essential for newly-onboarded developers to be able to contribute effectively."]}),"\n"]}),"\n"]}),"\n",(0,s.jsx)(n.admonition,{type:"note",children:(0,s.jsxs)(n.p,{children:[(0,s.jsx)(n.strong,{children:"Feature-Sliced Design"}),' is designed to reduce reliance on "project knowledge", take more responsibility, and make it easier to onboard new team members.']})}),"\n",(0,s.jsx)(n.h2,{id:"see-also",children:"See also"}),"\n",(0,s.jsxs)(n.ul,{children:["\n",(0,s.jsx)(n.li,{children:(0,s.jsx)(n.a,{href:"https://youtu.be/4xyb_tA-uw0?t=249",children:"(Video \ud83c\uddf7\ud83c\uddfa) Ilya Klimov - On Types of Knowledge"})}),"\n"]})]})}function u(e={}){const{wrapper:n}={...(0,o.R)(),...e.components};return n?(0,s.jsx)(n,{...e,children:(0,s.jsx)(c,{...e})}):c(e)}},1100:(e,n,t)=>{t.d(n,{R:()=>r,x:()=>d});var s=t(758);const o={},i=s.createContext(o);function r(e){const n=s.useContext(i);return s.useMemo((function(){return"function"==typeof e?e(n):{...n,...e}}),[n,e])}function d(e){let n;return n=e.disableParentContext?"function"==typeof e.components?e.components(o):e.components||o:r(e.components),s.createElement(i.Provider,{value:n},e.children)}}}]);
\ No newline at end of file
diff --git a/uz/assets/js/e1003eab.01c9737e.js b/uz/assets/js/e1003eab.5819ec7d.js
similarity index 98%
rename from uz/assets/js/e1003eab.01c9737e.js
rename to uz/assets/js/e1003eab.5819ec7d.js
index 6cb3a4977f..83caf5ac23 100644
--- a/uz/assets/js/e1003eab.01c9737e.js
+++ b/uz/assets/js/e1003eab.5819ec7d.js
@@ -1 +1 @@
-"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[9136],{1928:(e,t,i)=>{i.d(t,{Ay:()=>c,RM:()=>d});var s=i(6070),n=i(1100),r=(i(758),i(6783)),o=i(7765);const a=e=>{let{ticket:t}=e;const i=`https://github.com/feature-sliced/documentation/issues/${t}`;return(0,s.jsxs)("div",{children:[(0,s.jsx)("p",{children:(0,o.T)({id:"shared.wip.title"})}),(0,s.jsx)("p",{children:(0,o.T)({id:"shared.wip.subtitle"})}),(0,s.jsxs)("ul",{children:[(0,s.jsxs)("li",{children:[(0,o.T)({id:"shared.wip.var.feedback.base"}),(0,s.jsx)(r.A,{to:i,children:(0,o.T)({id:"shared.wip.var.feedback.link"})})]}),(0,s.jsxs)("li",{children:[(0,o.T)({id:"shared.wip.var.material.base"}),(0,s.jsx)(r.A,{to:"https://t.me/feature_sliced",children:(0,o.T)({id:"shared.wip.var.material.link"})})]}),(0,s.jsxs)("li",{children:[(0,o.T)({id:"shared.wip.var.contribute.base"}),(0,s.jsx)(r.A,{to:"https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md",children:(0,o.T)({id:"shared.wip.var.contribute.link"})})]})]}),(0,s.jsx)("br",{}),(0,s.jsx)("p",{children:(0,s.jsx)("i",{children:"\ud83c\udf70 Stay tuned!"})})]})},d=[];function l(e){const t={admonition:"admonition",...(0,n.R)(),...e.components};return(0,s.jsx)(t.admonition,{title:"WIP",type:"caution",children:(0,s.jsx)(a,{ticket:e.ticket})})}function c(e={}){const{wrapper:t}={...(0,n.R)(),...e.components};return t?(0,s.jsx)(t,{...e,children:(0,s.jsx)(l,{...e})}):l(e)}},8665:(e,t,i)=>{i.r(t),i.d(t,{assets:()=>l,contentTitle:()=>a,default:()=>h,frontMatter:()=>o,metadata:()=>d,toc:()=>c});var s=i(6070),n=i(1100),r=i(1928);const o={sidebar_position:3,sidebar_class_name:"sidebar-item--wip"},a="Routing",d={id:"guides/issues/routes",title:"Routing",description:"Situation",source:"@site/i18n/en/docusaurus-plugin-content-docs/current/guides/issues/routes.mdx",sourceDirName:"guides/issues",slug:"/guides/issues/routes",permalink:"/uz/docs/guides/issues/routes",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/guides/issues/routes.mdx",tags:[],version:"current",lastUpdatedAt:1727607766e3,sidebarPosition:3,frontMatter:{sidebar_position:3,sidebar_class_name:"sidebar-item--wip"},sidebar:"guidesSidebar",previous:{title:"Desegemented",permalink:"/uz/docs/guides/issues/desegmented"},next:{title:"Cross-imports",permalink:"/uz/docs/guides/issues/cross-imports"}},l={},c=[...r.RM,{value:"Situation",id:"situation",level:2},{value:"Problem",id:"problem",level:2},{value:"If you ignore it",id:"if-you-ignore-it",level:2},{value:"Solution",id:"solution",level:2},{value:"See also",id:"see-also",level:2}];function u(e){const t={a:"a",code:"code",h1:"h1",h2:"h2",header:"header",li:"li",p:"p",pre:"pre",ul:"ul",...(0,n.R)(),...e.components};return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(t.header,{children:(0,s.jsx)(t.h1,{id:"routing",children:"Routing"})}),"\n",(0,s.jsx)(r.Ay,{ticket:"169"}),"\n",(0,s.jsx)(t.h2,{id:"situation",children:"Situation"}),"\n",(0,s.jsx)(t.p,{children:"Urls to pages are hardcoded in the layers below pages"}),"\n",(0,s.jsx)(t.pre,{children:(0,s.jsx)(t.code,{className:"language-tsx",metastring:'title="entities/post/card"',children:"\n<Card>\n    <Card.Title \n        href={`/post/${data.id}`}\n        title={data.name}\n    />\n    ...\n</Card>\n"})}),"\n",(0,s.jsx)(t.h2,{id:"problem",children:"Problem"}),"\n",(0,s.jsx)(t.p,{children:"Urls are not concentrated in the page layer, where they belong according to the scope of responsibility"}),"\n",(0,s.jsx)(t.h2,{id:"if-you-ignore-it",children:"If you ignore it"}),"\n",(0,s.jsx)(t.p,{children:"Then, when changing urls, you will have to keep in mind that these urls (and the logic of urls/redirects) can be in all layers except pages"}),"\n",(0,s.jsx)(t.p,{children:"And it also means that now even a simple product card takes part of the responsibility from the pages, which smears the logic of the project"}),"\n",(0,s.jsx)(t.h2,{id:"solution",children:"Solution"}),"\n",(0,s.jsx)(t.p,{children:"Determine how to work with urls/redirects from the page level and above"}),"\n",(0,s.jsx)(t.p,{children:"Transfer to the layers below via composition/props/factories"}),"\n",(0,s.jsx)(t.h2,{id:"see-also",children:"See also"}),"\n",(0,s.jsxs)(t.ul,{children:["\n",(0,s.jsx)(t.li,{children:(0,s.jsx)(t.a,{href:"https://t.me/feature_sliced/4389",children:'(Thread) What if I "sew up" routing in entities/features/widgets'})}),"\n",(0,s.jsx)(t.li,{children:(0,s.jsx)(t.a,{href:"https://t.me/feature_sliced/3756",children:"(Thread) Why does it smear the logic of routes only in pages"})}),"\n"]})]})}function h(e={}){const{wrapper:t}={...(0,n.R)(),...e.components};return t?(0,s.jsx)(t,{...e,children:(0,s.jsx)(u,{...e})}):u(e)}},1100:(e,t,i)=>{i.d(t,{R:()=>o,x:()=>a});var s=i(758);const n={},r=s.createContext(n);function o(e){const t=s.useContext(r);return s.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function a(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(n):e.components||n:o(e.components),s.createElement(r.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
+"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[9136],{1928:(e,t,i)=>{i.d(t,{Ay:()=>c,RM:()=>d});var s=i(6070),n=i(1100),r=(i(758),i(6783)),o=i(7765);const a=e=>{let{ticket:t}=e;const i=`https://github.com/feature-sliced/documentation/issues/${t}`;return(0,s.jsxs)("div",{children:[(0,s.jsx)("p",{children:(0,o.T)({id:"shared.wip.title"})}),(0,s.jsx)("p",{children:(0,o.T)({id:"shared.wip.subtitle"})}),(0,s.jsxs)("ul",{children:[(0,s.jsxs)("li",{children:[(0,o.T)({id:"shared.wip.var.feedback.base"}),(0,s.jsx)(r.A,{to:i,children:(0,o.T)({id:"shared.wip.var.feedback.link"})})]}),(0,s.jsxs)("li",{children:[(0,o.T)({id:"shared.wip.var.material.base"}),(0,s.jsx)(r.A,{to:"https://t.me/feature_sliced",children:(0,o.T)({id:"shared.wip.var.material.link"})})]}),(0,s.jsxs)("li",{children:[(0,o.T)({id:"shared.wip.var.contribute.base"}),(0,s.jsx)(r.A,{to:"https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md",children:(0,o.T)({id:"shared.wip.var.contribute.link"})})]})]}),(0,s.jsx)("br",{}),(0,s.jsx)("p",{children:(0,s.jsx)("i",{children:"\ud83c\udf70 Stay tuned!"})})]})},d=[];function l(e){const t={admonition:"admonition",...(0,n.R)(),...e.components};return(0,s.jsx)(t.admonition,{title:"WIP",type:"caution",children:(0,s.jsx)(a,{ticket:e.ticket})})}function c(e={}){const{wrapper:t}={...(0,n.R)(),...e.components};return t?(0,s.jsx)(t,{...e,children:(0,s.jsx)(l,{...e})}):l(e)}},8665:(e,t,i)=>{i.r(t),i.d(t,{assets:()=>l,contentTitle:()=>a,default:()=>h,frontMatter:()=>o,metadata:()=>d,toc:()=>c});var s=i(6070),n=i(1100),r=i(1928);const o={sidebar_position:3,sidebar_class_name:"sidebar-item--wip"},a="Routing",d={id:"guides/issues/routes",title:"Routing",description:"Situation",source:"@site/i18n/en/docusaurus-plugin-content-docs/current/guides/issues/routes.mdx",sourceDirName:"guides/issues",slug:"/guides/issues/routes",permalink:"/uz/docs/guides/issues/routes",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/guides/issues/routes.mdx",tags:[],version:"current",lastUpdatedAt:1728325386e3,sidebarPosition:3,frontMatter:{sidebar_position:3,sidebar_class_name:"sidebar-item--wip"},sidebar:"guidesSidebar",previous:{title:"Desegemented",permalink:"/uz/docs/guides/issues/desegmented"},next:{title:"Cross-imports",permalink:"/uz/docs/guides/issues/cross-imports"}},l={},c=[...r.RM,{value:"Situation",id:"situation",level:2},{value:"Problem",id:"problem",level:2},{value:"If you ignore it",id:"if-you-ignore-it",level:2},{value:"Solution",id:"solution",level:2},{value:"See also",id:"see-also",level:2}];function u(e){const t={a:"a",code:"code",h1:"h1",h2:"h2",header:"header",li:"li",p:"p",pre:"pre",ul:"ul",...(0,n.R)(),...e.components};return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(t.header,{children:(0,s.jsx)(t.h1,{id:"routing",children:"Routing"})}),"\n",(0,s.jsx)(r.Ay,{ticket:"169"}),"\n",(0,s.jsx)(t.h2,{id:"situation",children:"Situation"}),"\n",(0,s.jsx)(t.p,{children:"Urls to pages are hardcoded in the layers below pages"}),"\n",(0,s.jsx)(t.pre,{children:(0,s.jsx)(t.code,{className:"language-tsx",metastring:'title="entities/post/card"',children:"\n<Card>\n    <Card.Title \n        href={`/post/${data.id}`}\n        title={data.name}\n    />\n    ...\n</Card>\n"})}),"\n",(0,s.jsx)(t.h2,{id:"problem",children:"Problem"}),"\n",(0,s.jsx)(t.p,{children:"Urls are not concentrated in the page layer, where they belong according to the scope of responsibility"}),"\n",(0,s.jsx)(t.h2,{id:"if-you-ignore-it",children:"If you ignore it"}),"\n",(0,s.jsx)(t.p,{children:"Then, when changing urls, you will have to keep in mind that these urls (and the logic of urls/redirects) can be in all layers except pages"}),"\n",(0,s.jsx)(t.p,{children:"And it also means that now even a simple product card takes part of the responsibility from the pages, which smears the logic of the project"}),"\n",(0,s.jsx)(t.h2,{id:"solution",children:"Solution"}),"\n",(0,s.jsx)(t.p,{children:"Determine how to work with urls/redirects from the page level and above"}),"\n",(0,s.jsx)(t.p,{children:"Transfer to the layers below via composition/props/factories"}),"\n",(0,s.jsx)(t.h2,{id:"see-also",children:"See also"}),"\n",(0,s.jsxs)(t.ul,{children:["\n",(0,s.jsx)(t.li,{children:(0,s.jsx)(t.a,{href:"https://t.me/feature_sliced/4389",children:'(Thread) What if I "sew up" routing in entities/features/widgets'})}),"\n",(0,s.jsx)(t.li,{children:(0,s.jsx)(t.a,{href:"https://t.me/feature_sliced/3756",children:"(Thread) Why does it smear the logic of routes only in pages"})}),"\n"]})]})}function h(e={}){const{wrapper:t}={...(0,n.R)(),...e.components};return t?(0,s.jsx)(t,{...e,children:(0,s.jsx)(u,{...e})}):u(e)}},1100:(e,t,i)=>{i.d(t,{R:()=>o,x:()=>a});var s=i(758);const n={},r=s.createContext(n);function o(e){const t=s.useContext(r);return s.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function a(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(n):e.components||n:o(e.components),s.createElement(r.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
diff --git a/uz/assets/js/e1c0d304.c0e39259.js b/uz/assets/js/e1c0d304.648e4c85.js
similarity index 98%
rename from uz/assets/js/e1c0d304.c0e39259.js
rename to uz/assets/js/e1c0d304.648e4c85.js
index fd50108b0b..24bdd41cea 100644
--- a/uz/assets/js/e1c0d304.c0e39259.js
+++ b/uz/assets/js/e1c0d304.648e4c85.js
@@ -1 +1 @@
-"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[9867],{1928:(e,t,n)=>{n.d(t,{Ay:()=>l,RM:()=>c});var s=n(6070),i=n(1100),a=(n(758),n(6783)),r=n(7765);const o=e=>{let{ticket:t}=e;const n=`https://github.com/feature-sliced/documentation/issues/${t}`;return(0,s.jsxs)("div",{children:[(0,s.jsx)("p",{children:(0,r.T)({id:"shared.wip.title"})}),(0,s.jsx)("p",{children:(0,r.T)({id:"shared.wip.subtitle"})}),(0,s.jsxs)("ul",{children:[(0,s.jsxs)("li",{children:[(0,r.T)({id:"shared.wip.var.feedback.base"}),(0,s.jsx)(a.A,{to:n,children:(0,r.T)({id:"shared.wip.var.feedback.link"})})]}),(0,s.jsxs)("li",{children:[(0,r.T)({id:"shared.wip.var.material.base"}),(0,s.jsx)(a.A,{to:"https://t.me/feature_sliced",children:(0,r.T)({id:"shared.wip.var.material.link"})})]}),(0,s.jsxs)("li",{children:[(0,r.T)({id:"shared.wip.var.contribute.base"}),(0,s.jsx)(a.A,{to:"https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md",children:(0,r.T)({id:"shared.wip.var.contribute.link"})})]})]}),(0,s.jsx)("br",{}),(0,s.jsx)("p",{children:(0,s.jsx)("i",{children:"\ud83c\udf70 Stay tuned!"})})]})},c=[];function d(e){const t={admonition:"admonition",...(0,i.R)(),...e.components};return(0,s.jsx)(t.admonition,{title:"WIP",type:"caution",children:(0,s.jsx)(o,{ticket:e.ticket})})}function l(e={}){const{wrapper:t}={...(0,i.R)(),...e.components};return t?(0,s.jsx)(t,{...e,children:(0,s.jsx)(d,{...e})}):d(e)}},3870:(e,t,n)=>{n.r(t),n.d(t,{assets:()=>d,contentTitle:()=>o,default:()=>h,frontMatter:()=>r,metadata:()=>c,toc:()=>l});var s=n(6070),i=n(1100),a=n(1928);const r={sidebar_position:6,sidebar_class_name:"sidebar-item--wip"},o="Abstractions",c={id:"about/understanding/abstractions",title:"Abstractions",description:"The law of leaky abstractions",source:"@site/i18n/en/docusaurus-plugin-content-docs/current/about/understanding/abstractions.mdx",sourceDirName:"about/understanding",slug:"/about/understanding/abstractions",permalink:"/uz/docs/about/understanding/abstractions",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/about/understanding/abstractions.mdx",tags:[],version:"current",lastUpdatedAt:1727607766e3,sidebarPosition:6,frontMatter:{sidebar_position:6,sidebar_class_name:"sidebar-item--wip"},sidebar:"aboutSidebar",previous:{title:"Signals of architecture",permalink:"/uz/docs/about/understanding/signals"},next:{title:"Integration aspects",permalink:"/uz/docs/about/promote/integration"}},d={},l=[...a.RM,{value:"The law of leaky abstractions",id:"the-law-of-leaky-abstractions",level:2},{value:"Why are there so many abstractions",id:"why-are-there-so-many-abstractions",level:2},{value:"About scopes of responsibility",id:"about-scopes-of-responsibility",level:2},{value:"See also",id:"see-also",level:2}];function u(e){const t={a:"a",blockquote:"blockquote",h1:"h1",h2:"h2",header:"header",li:"li",p:"p",ul:"ul",...(0,i.R)(),...e.components};return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(t.header,{children:(0,s.jsx)(t.h1,{id:"abstractions",children:"Abstractions"})}),"\n",(0,s.jsx)(a.Ay,{ticket:"186"}),"\n",(0,s.jsx)(t.h2,{id:"the-law-of-leaky-abstractions",children:"The law of leaky abstractions"}),"\n",(0,s.jsx)(t.h2,{id:"why-are-there-so-many-abstractions",children:"Why are there so many abstractions"}),"\n",(0,s.jsxs)(t.blockquote,{children:["\n",(0,s.jsx)(t.p,{children:"Abstractions help to cope with the complexity of the project. The question is - will these abstractions be specific only for this project, or will we try to derive general abstractions based on the specifics of the frontend"}),"\n"]}),"\n",(0,s.jsxs)(t.blockquote,{children:["\n",(0,s.jsx)(t.p,{children:"Architecture and applications in general are inherently complex, and the only question is how to better distribute and describe this complexity"}),"\n"]}),"\n",(0,s.jsx)(t.h2,{id:"about-scopes-of-responsibility",children:"About scopes of responsibility"}),"\n",(0,s.jsxs)(t.blockquote,{children:["\n",(0,s.jsx)(t.p,{children:"About optional abstractions"}),"\n"]}),"\n",(0,s.jsx)(t.h2,{id:"see-also",children:"See also"}),"\n",(0,s.jsxs)(t.ul,{children:["\n",(0,s.jsx)(t.li,{children:(0,s.jsx)(t.a,{href:"https://t.me/feature_sliced/2801",children:"About the need for new layers"})}),"\n",(0,s.jsx)(t.li,{children:(0,s.jsx)(t.a,{href:"https://t.me/feature_sliced/2619",children:"About the difficulty in understanding the methodology and layers"})}),"\n"]})]})}function h(e={}){const{wrapper:t}={...(0,i.R)(),...e.components};return t?(0,s.jsx)(t,{...e,children:(0,s.jsx)(u,{...e})}):u(e)}},1100:(e,t,n)=>{n.d(t,{R:()=>r,x:()=>o});var s=n(758);const i={},a=s.createContext(i);function r(e){const t=s.useContext(a);return s.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function o(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(i):e.components||i:r(e.components),s.createElement(a.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
+"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[9867],{1928:(e,t,n)=>{n.d(t,{Ay:()=>l,RM:()=>c});var s=n(6070),i=n(1100),a=(n(758),n(6783)),r=n(7765);const o=e=>{let{ticket:t}=e;const n=`https://github.com/feature-sliced/documentation/issues/${t}`;return(0,s.jsxs)("div",{children:[(0,s.jsx)("p",{children:(0,r.T)({id:"shared.wip.title"})}),(0,s.jsx)("p",{children:(0,r.T)({id:"shared.wip.subtitle"})}),(0,s.jsxs)("ul",{children:[(0,s.jsxs)("li",{children:[(0,r.T)({id:"shared.wip.var.feedback.base"}),(0,s.jsx)(a.A,{to:n,children:(0,r.T)({id:"shared.wip.var.feedback.link"})})]}),(0,s.jsxs)("li",{children:[(0,r.T)({id:"shared.wip.var.material.base"}),(0,s.jsx)(a.A,{to:"https://t.me/feature_sliced",children:(0,r.T)({id:"shared.wip.var.material.link"})})]}),(0,s.jsxs)("li",{children:[(0,r.T)({id:"shared.wip.var.contribute.base"}),(0,s.jsx)(a.A,{to:"https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md",children:(0,r.T)({id:"shared.wip.var.contribute.link"})})]})]}),(0,s.jsx)("br",{}),(0,s.jsx)("p",{children:(0,s.jsx)("i",{children:"\ud83c\udf70 Stay tuned!"})})]})},c=[];function d(e){const t={admonition:"admonition",...(0,i.R)(),...e.components};return(0,s.jsx)(t.admonition,{title:"WIP",type:"caution",children:(0,s.jsx)(o,{ticket:e.ticket})})}function l(e={}){const{wrapper:t}={...(0,i.R)(),...e.components};return t?(0,s.jsx)(t,{...e,children:(0,s.jsx)(d,{...e})}):d(e)}},3870:(e,t,n)=>{n.r(t),n.d(t,{assets:()=>d,contentTitle:()=>o,default:()=>h,frontMatter:()=>r,metadata:()=>c,toc:()=>l});var s=n(6070),i=n(1100),a=n(1928);const r={sidebar_position:6,sidebar_class_name:"sidebar-item--wip"},o="Abstractions",c={id:"about/understanding/abstractions",title:"Abstractions",description:"The law of leaky abstractions",source:"@site/i18n/en/docusaurus-plugin-content-docs/current/about/understanding/abstractions.mdx",sourceDirName:"about/understanding",slug:"/about/understanding/abstractions",permalink:"/uz/docs/about/understanding/abstractions",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/about/understanding/abstractions.mdx",tags:[],version:"current",lastUpdatedAt:1728325386e3,sidebarPosition:6,frontMatter:{sidebar_position:6,sidebar_class_name:"sidebar-item--wip"},sidebar:"aboutSidebar",previous:{title:"Signals of architecture",permalink:"/uz/docs/about/understanding/signals"},next:{title:"Integration aspects",permalink:"/uz/docs/about/promote/integration"}},d={},l=[...a.RM,{value:"The law of leaky abstractions",id:"the-law-of-leaky-abstractions",level:2},{value:"Why are there so many abstractions",id:"why-are-there-so-many-abstractions",level:2},{value:"About scopes of responsibility",id:"about-scopes-of-responsibility",level:2},{value:"See also",id:"see-also",level:2}];function u(e){const t={a:"a",blockquote:"blockquote",h1:"h1",h2:"h2",header:"header",li:"li",p:"p",ul:"ul",...(0,i.R)(),...e.components};return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(t.header,{children:(0,s.jsx)(t.h1,{id:"abstractions",children:"Abstractions"})}),"\n",(0,s.jsx)(a.Ay,{ticket:"186"}),"\n",(0,s.jsx)(t.h2,{id:"the-law-of-leaky-abstractions",children:"The law of leaky abstractions"}),"\n",(0,s.jsx)(t.h2,{id:"why-are-there-so-many-abstractions",children:"Why are there so many abstractions"}),"\n",(0,s.jsxs)(t.blockquote,{children:["\n",(0,s.jsx)(t.p,{children:"Abstractions help to cope with the complexity of the project. The question is - will these abstractions be specific only for this project, or will we try to derive general abstractions based on the specifics of the frontend"}),"\n"]}),"\n",(0,s.jsxs)(t.blockquote,{children:["\n",(0,s.jsx)(t.p,{children:"Architecture and applications in general are inherently complex, and the only question is how to better distribute and describe this complexity"}),"\n"]}),"\n",(0,s.jsx)(t.h2,{id:"about-scopes-of-responsibility",children:"About scopes of responsibility"}),"\n",(0,s.jsxs)(t.blockquote,{children:["\n",(0,s.jsx)(t.p,{children:"About optional abstractions"}),"\n"]}),"\n",(0,s.jsx)(t.h2,{id:"see-also",children:"See also"}),"\n",(0,s.jsxs)(t.ul,{children:["\n",(0,s.jsx)(t.li,{children:(0,s.jsx)(t.a,{href:"https://t.me/feature_sliced/2801",children:"About the need for new layers"})}),"\n",(0,s.jsx)(t.li,{children:(0,s.jsx)(t.a,{href:"https://t.me/feature_sliced/2619",children:"About the difficulty in understanding the methodology and layers"})}),"\n"]})]})}function h(e={}){const{wrapper:t}={...(0,i.R)(),...e.components};return t?(0,s.jsx)(t,{...e,children:(0,s.jsx)(u,{...e})}):u(e)}},1100:(e,t,n)=>{n.d(t,{R:()=>r,x:()=>o});var s=n(758);const i={},a=s.createContext(i);function r(e){const t=s.useContext(a);return s.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function o(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(i):e.components||i:r(e.components),s.createElement(a.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
diff --git a/uz/assets/js/e3309638.9cd142cc.js b/uz/assets/js/e3309638.db32984a.js
similarity index 99%
rename from uz/assets/js/e3309638.9cd142cc.js
rename to uz/assets/js/e3309638.db32984a.js
index 23fdc3a56b..dd8982ad0b 100644
--- a/uz/assets/js/e3309638.9cd142cc.js
+++ b/uz/assets/js/e3309638.db32984a.js
@@ -1 +1 @@
-"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[8034],{7946:(A,o,t)=>{t.d(o,{Ay:()=>n,RM:()=>e});var a=t(6070),i=t(1100),s=t(5988);const e=[];function g(A){return(0,a.jsx)(s.A,{...A})}function n(A={}){const{wrapper:o}={...(0,i.R)(),...A.components};return o?(0,a.jsx)(o,{...A,children:(0,a.jsx)(g,{...A})}):g(A)}},1446:(A,o,t)=>{t.r(o),t.d(o,{assets:()=>l,contentTitle:()=>g,default:()=>F,frontMatter:()=>e,metadata:()=>n,toc:()=>U});var a=t(6070),i=t(1100),s=t(7946);t(6783);const e={sidebar_position:1,slug:"/",pagination_next:"get-started/index"},g="Hujjatlar",n={id:"intro",title:"Hujjatlar",description:"feature-sliced-banner",source:"@site/i18n/uz/docusaurus-plugin-content-docs/current/intro.mdx",sourceDirName:".",slug:"/",permalink:"/uz/docs/",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/uz/docusaurus-plugin-content-docs/current/intro.mdx",tags:[],version:"current",lastUpdatedAt:1727607766e3,sidebarPosition:1,frontMatter:{sidebar_position:1,slug:"/",pagination_next:"get-started/index"},next:{title:"\ud83d\ude80 Get Started",permalink:"/uz/docs/get-started/"}},l={},U=[...s.RM,...s.RM,...s.RM,...s.RM,...s.RM,...s.RM,...s.RM];function C(A){const o={h1:"h1",header:"header",img:"img",p:"p",strong:"strong",...(0,i.R)(),...A.components};return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(o.header,{children:(0,a.jsx)(o.h1,{id:"hujjatlar",children:"Hujjatlar"})}),"\n",(0,a.jsx)(o.p,{children:(0,a.jsx)(o.img,{alt:"feature-sliced-banner",src:t(1589).A+"",width:"1400",height:"320"})}),"\n",(0,a.jsxs)(o.p,{children:[(0,a.jsx)(o.strong,{children:"Feature-Sliced Design"})," (FSD) \u2014 bu frontend ilovalarini loyihalash uchun arxitektura metodologiyasi. Oddiy qilib aytganda, bu kodni tashkil qilish uchun qoidalar va konventsiyalar to'plami. Metodologiyaning asosiy maqsadi loyihani tushunarli va tizimli qilishdir, ayniqsa biznes talablarining muntazam o'zgarishi sharoitida."]}),"\n","\n",(0,a.jsx)(s.Ay,{theme:"primary",Icon:"\ud83c\udf70",title:"FSDda tajribangiz yo'qmi?",description:"Asoslarni va metodologiyaning qisqacha sharhini organing",to:"/docs/get-started/overview"}),"\n",(0,a.jsx)("br",{}),"\n",(0,a.jsx)(s.Ay,{theme:"mini",title:"\ud83d\ude80 Boshlash",description:"Asosiy tushunchalar va tuzilmalar bo'yicha ekskursiya, shuningdek, React bo'yicha loyihaning batafsil tahlili",to:"/docs/get-started",tags:["Asoslari","Qo'llanmalar","Motivatsiya"]}),"\n",(0,a.jsx)(s.Ay,{theme:"mini",title:"\ud83c\udfaf Qo'llanmalar",description:"Feature-Sliced Design bo'yicha amaliy qo'llanmalar va qo'llash misollari",to:"/docs/guides",tags:["v1","Legasi","Misollar"]}),"\n",(0,a.jsx)(s.Ay,{theme:"mini",title:"\ud83d\udcda Malumot",description:"Asosiy tushunchalar va tushunchalar haqida ma'lumot (amalda yaxshiroq qo'llash uchun)",to:"/docs/reference",tags:["Yunitlar","Izolyatsiya","Ommaviy API"]}),"\n",(0,a.jsx)(s.Ay,{theme:"mini",title:"\ud83c\udf70 Metodologiya haqida",description:"Metodologiya falsafasi, uning maqsadlari va zamonaviy frontenddagi o'rni",to:"/docs/about",tags:["Missiya","Rag'batlantirish va integratsiya"]}),"\n",(0,a.jsx)(s.Ay,{theme:"mini",title:"\ud83d\udcab Jamiyat",description:"Hamjamiyat tomonidan qo\u02bbshilgan manbalar va qo\u02bbshimcha kontent",to:"/community",tags:["Awesome","Komanda","Loyihada ishtirok etish"]}),"\n",(0,a.jsx)(s.Ay,{theme:"mini",title:"\ud83d\udee0 Misollar",description:"Feature-Sliced Design da qurilgan loyihalar",to:"/examples"})]})}function F(A={}){const{wrapper:o}={...(0,i.R)(),...A.components};return o?(0,a.jsx)(o,{...A,children:(0,a.jsx)(C,{...A})}):C(A)}},5988:(A,o,t)=>{t.d(o,{Y:()=>g,A:()=>l});t(758);var a=t(3526),i=t(6783);const s={root:"root_GfON",rootDisabled:"rootDisabled_SFUB",details:"details_xxkR",detailsTags:"detailsTags_uTQx",icon:"icon_ciqP",title:"title_pSH5",description:"description__Fep",miniTheme:"miniTheme_ePfp",primaryTheme:"primaryTheme_CilO",defaultTheme:"defaultTheme_j3I8"};var e=t(6070);const g=A=>{const{title:o,description:t,to:g,Icon:l,tags:U,className:C,disabled:F,theme:B="default"}=A;return(0,e.jsxs)(i.A,{className:(0,a.A)(s.root,C,F&&s.rootDisabled,s[`${B}Theme`]),to:g,children:[(0,e.jsx)(n,{Icon:l}),(0,e.jsxs)("div",{className:s.details,children:[(0,e.jsxs)("div",{className:s.detailsMain,children:[(0,e.jsx)("span",{className:s.title,children:o}),(0,e.jsx)("p",{className:s.description,children:t})]}),U&&(0,e.jsx)("div",{className:s.detailsTags,children:U.join(" \u2022 ")})]})]})},n=A=>{let{Icon:o}=A;return o?"string"==typeof o?(0,e.jsx)("span",{className:s.icon,children:o}):(0,e.jsx)(o,{className:s.icon}):null},l=g},1589:(A,o,t)=>{t.d(o,{A:()=>a});const a="data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAoHBwkHBgoJCAkLCwoMDxkQDw4ODx4WFxIZJCAmJSMgIyIoLTkwKCo2KyIjMkQyNjs9QEBAJjBGS0U+Sjk/QD3/2wBDAQsLCw8NDx0QEB09KSMpPT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT3/wgARCAFABXgDAREAAhEBAxEB/8QAGgABAQADAQEAAAAAAAAAAAAAAAEDBAUGAv/EABkBAQEAAwEAAAAAAAAAAAAAAAABAgMEBf/aAAwDAQACEAMQAAAA8V0+cAoAAAKAAACgAAAoAoAAUAFAAUACgAAAFoAAAUAAoCgCooJQFAUAAoCgChAAAVQFgC0AAAAAAKAAAUAUAAAKAAAAAAAAAAAAAAAHx5moAKAAACgAAAoAAAKAKAAFABQAFAAoAAABaAAAFAAKAoAqKCUBQFAAKAoAoQAAFUBYAtAAAAAACgAAFAFAAACgAAAAAAAAAAAAAAPjzNQACgAAAoAAAKAAACgCgABQAUABQAKAAAAWgAABQACgKAKiglAUBQACgKAKEAABVAWALQAAAAAAoAABQBQAAAoAAAAAAAAAAAAAAY/M1UAAUAAAFAAABQAAAUAUAAKACgAKABQAAAC0AAAKAAUBQBUUEoCgKAAUBQBQgAAKoCwBaAAAAAAFAAAKAKAAAFAAAAAAAAAAAAAAY/M1CgACgAAAoAAAKAAACgCgABQAUABQAKAAAAWgAABQACgKAKiglAUBQACgKAKEAABVAWALQAAAAAAoAABQBQAAAoAAAAAAAAAAAAAY/M1AUAAUAAAFAAABQAAAUAUAAKACgAKABQAAAC0AAAKAAUBQBUUEoCgKAAUBQBQgAAKoCwBaAAAAAAFAAAKAKAAAFAAAAAAAAAAAAAY/M1ACgACgAAAoAAAKAAACgCgABQAUABQAKAAAAWgAABQACgKAKiglAUBQACgKAKEAABVAWALQAAAAAAoAABQBQAAAoAAAAAAAAAAAAY/M1AAUAAUAAAFAAABQAAAUAUAAKACgAKABQAAAC0AAAKAAUBQBUUEoCgKAAUBQBQgAAKoCwBaAAAAAAFAAAKAKAAAFAAAAAAAAAAAAY/M1AACgACgAAAoAAAKAAACgCgABQAUABQAKAAAAWgAABQACgKAKiglAUBQACgKAKEAABVAWALQAAAAAAoAABQBQAAAoAAAAAAAAAAAY/M1AAAUAAUAAAFAAABQAAAUAUAAKACgAKABQAAAC0AAAKAAUBQBUUEoCgKAAUBQBQgAAKoCwBaAAAAAAFAAAKAKAAAFAAAAAAAAAAAY/M1AAACgACgAAAoAAAKAAACgCgABQAUABQAKAAAAWgAABQACgKAKiglAUBQACgKAKEAABVAWALQAAAAAAoAABQBQAAAoAAAAAAAAAAY/M1AAAAUAAUAAAFAAABQAAAUAUAAKACgAKABQAAAC0AAAKAAUBQBUUEoCgKAAUBQBQgAAKoCwBaAAAAAAFAAAKAKAAAFAAAAAAAAAAY/M1AAAACgACgAAAoAAAKAAACgCgABQAUABQAKAAAAWgAABQACgKAKiglAUBQACgKAKEAABVAWALQAAAAAAoAABQBQAAAoAAAAAAAAAY/M1AAAAAUAAUAAAFAAABQAAAUAUAAKACgAKABQAAAy3Dcz0iWhaIoVq4bcWOQCtzLRksUVRYauGzFMslx3sueKULcMz1cdoCgKAKEAABVAWALQAAAAAAoAABQBQAAAoAAAAAAAADH5moAAAAAUAAUAAAFAAABQAAAUAUAAKACgAKABQAAHR2cvqunyIylsuUuUtjKWy3zvJ387TvAHq+ryN3PTLlLZcpbGXnuXu5uro3sub1u/xZcpbLlGXKw6/Pc/ogBQFAFCAAAqgLAFoAAAAAAUAAAoAoAAAUAAAAAAAAMfmagAAAAAKAAKAAACgAAAoAAAKAKAAFABQAFAAoAAbmeju7+CKtlsVcostW8fm6dPXt2stPf3edLYq5S0stlpeRo6tLXt2rp7+7zVsWXJbFlpfP83djmQUBQBQgAAKoCwBaAAAAAAFAAAKAKAAAFAAAAAAAAY/M1AAAAAACgACgAAAoAAAKAAACgCgABQAUABQAKAA2stXY3cS2LLYq2LLS8zRv1dezZy1dndwy0stLLSy2LzdPRq4Z57r7W3gLLVsVbFW8Xn68cyAUBQBQgAAKoCwBaAAAAAAFAAAKAKAAAFAAAAAAADH5moAAAAAACgACgAAAoAAAKAAACgCgABQAUABQAKAHT28vrevyJcpbLl5bj9Tl6ekAAdDZzew6/GlylsuUuUt1cd3jvP8AUoBvZ8/serxZcpbLlLlLZcpcpcvOcfdy9G8BQFAFCAAAqgLAFoAAAAAAUAAAoAoAAAUAAAAAABj8zUAAAAAAAKAAKAAACgAAAoAAAKAKAAFABQAFAAoDZy1dffyFlpcMz+GQlpdHTtwYZfVma4djfxy0sti45lxufqFBny19ndxRlKLLSy0st52nfq68wAoCgChAAAVQFgC0AAAAAAKAAAUAUAAAKAAAAAAGPzNQAAAAAAAFAAFAAABQAAAUAAAFAFAACgAoACgAUN7Zo9D0+fLZciy2XKWxZcuJx9Olp2Aeu7vIjJbLYywTPzfF3AU28tXo+nzJclsWWy5S0ylvG5enQ1bQAFAUAUIAACqAsAWgAAAAABQAACgCgAABQAAAAAGPzNQAAAAAAAAoAAoAAAKAAACgAAAoAoAAUAFAAUACt7Zo9B1cEuRZbLlFlq5S3icXRpadgA9D18G3s1y5S2WmXmuDrxzIbeer0fT5y2LLlLYq5S2W8bl6dHRsUAAoCgChAAAVQFgC0AAAAAAKAAAUAUAAAKAAAAAGPzNQAAAAAAAAFAAFAAABQAAAUAAAFAFAACgAoACgA2c9fW6OUsti4pl8TILZbpaNmDDIAdfo5c2eJZathzefdgxy+Zc+WHY3ca2Ktiy0stW87Rt1tWYUAAoCgChAAAVQFgC0AAAAAAKAAAUAUAAAKAAAAAx+ZqAAAAAAAAAFAAFAAABQAAAUAAAFAFAACgAoACgHS3c/qu/zZbLlLl5ng7uZz7wAtAA9X6Hm727XLlLYy+blLl57z+nm8+ze2aPXdvly2XKXKXKWxl83KXLgcPTzObaAoABQFAFCAAAqgLAFoAAAAAAUAAAoAoAAAUAAAAMfmagAAAAAAAAAKAAKAAACgAAAoAAAKAKAAFABQAFBs56+t080VbF5nPv1deYAC3Yy19bo5lolpZatirebzbNbVlnzw7G/klyKqWxZaXkcm/4gFAUAAoCgChAAAVQFgC0AAAAAAKAAAUAUAAAKAAAAx+ZqAAAAAAAAAAFAAFAAABQAAAUAAAFAFAACgAoACm3s1dnq5VsWW8jl6NTVsAAGzsw7fTxrZaZS2WxVst5fJt1NOWxnr7vTxy5RVstirZbw+Lox4qAoCgAFAUAUIAACqAsAWgAAAAABQAACgCgAABQAAAx+ZqAAAAAAAAAAAoAAoAAAKAAACgAAAoAoAAUAFAAdDdp9J3cMuUtly8/wdXP0bQABu7dXpu/hiy5S2XKW4MM/MeX1KA3Nmr0/dwS2MpbLlzdG7h8XQqKCUBQFAAKAoAoQAAFUBYAtAAAAAACgAAFAFAAACgAAMfmagAAAAAAAAAABQABQAAAUAAAFAAABQBQAAoAKAGXLHa2YBRdXXnjxoAAyWbW3WFoiq+ZdTTmFD7uO3s1qKqLjxy19eQVFBKAoCgAFAUAUIAACqAsAWgAAAAABQAACgCgAABQAAx+ZqAAAAAAAAAAAAoAAoAAAKAAACgAAAoAoAAUAFAAUACgAAAFoAAAUAAoCgCooJQFAUAAoCgChAAAVQFgC0AAAAAAKAAAUAUAAAKAAx+ZqAAAAAAAAAAAAFAAFAAABQAAAUAAAFAFAACgAoACgAUAAAAtAAACgAFAUAVFBKAoCgAFAUAUIAACqAsAWgAAAAABQAACgCgAABQAx+ZqAAAAAAAAAAAAAoAAoAAAKAAACgAAAoAoAAUAFAAUACgAAAFoAAAUAAoCgCooJQFAUAAoCgChAAAVQFgC0AAAAAAKAAAUAUAAAKAx+ZqAAAAAAAAAAAAAFAAFAAABQAAAUAAAFAFAACgAoACgAUAAAAtAAACgAFAUAVFBKAoCgAFAUAUIAACqAsAWgAAAAABQAACgCgAABQx+ZqAAAAAAAAAAAAAAoAAoAAAKAAACgAAAoAoAAUAFAAUACgAAAFoAAAUAAoCgCooJQFAUAAoCgChAAAVQFgC0AAAAAAKAAAUAUAAAKx+ZqAAAAAAAAAAAAAAFAAFAAABQAAAUAAAFAFAACgAoACgAUAAAAtAAACgAFAUAVFBKAoCgAFAUAUIAACqAsAWgAAAAABQAACgCgAADH5uoAAAAAAAAAAAAAACgACgAAAoAAAKAAACgCgABQAUABQAKAAAAWgAABQACgKAKiglAUBQACgKAKEAABVAWALQAAAAAAoAABQBQAAMfm6gAAAAAAAAAAAAAABQABQAAAUAAAFAAABQBQAAoAKAAoAFAAAALQAAAoABQFAFRQSgKAoABQFAFCAAAqgLAFoAAAAAAUAAAoAoAAx+bqAAAAAAAAAAAAAAAAoAAoAAAKAAACgAAAoAoAAUAFAAUACgAAAFoAAAUAAoCgCooJQFAUAAoCgChAAAVQFgC0AAAAAAKAAAUAUADH5uoAAAAAAAAAAAAAAAAUAAUAAAFAAABQAAAUAUAAKACgAKABQAAAC0AAAKAAUBQBUUEoCgKAAUBQBQgAAKoCwBaAAAAAAFAAAKAKAMfm6gAAAAAAAAAAAAAAAAKAAKAAACgAAAoAAAKAKAAFABQAFAAoAAABaAAAFAAKAoAqKCUBQFAAKAoAoQAAFUBYAtAAAAAACgAAFAFAx+bqAAAAAAAAAAAAAAAAAFAAFAAABQAAAUAAAFAFAACgAoACgAUAAAAtAAACgAFAUAVFBKAoCgAFAUAUIAACqAsAWgAAAAABQAACgCjH5uoAAAAAAAAAAAAAAAAACgACgAAAoAAAKAAACgCgABQAUABQAKAAAAWgAABQACgKAKiglAUBQACgKAKEAABVAWALQAAAAAAoAABQBf/EACgQAAIBBAEEAgIDAQEAAAAAAAAEAwIFFRYBERIUIBNwEDUGIbAwNP/aAAgBAQABCAD/ABKVlpW5uIoMBcTAXEwNxMDcTBXAwVwMHcDBvmEfGFpVZfjm9ILQ61DTLDgriYK4GDuBg3zCPmEfGFpVJOycggkZmpihwFxMDcTA3EwVwMFcBm2tJx8Vz/SFhlohulFcuRTMimZFMyChkFDIKGQUPPVPPVL5LRM/3R+lldWitMNEmQUMgoZBQyCh56p56pfZaJn+KoizSURXaCuTIpmRTMioZBQyChf2oJ0aKYvpC1J0PPUwyawoawoayqayqa0qa2qa2qa4qa6qXNShJv4oy2K0OvxwSawoawoayoayqa0qa2qa4qa4sa6sXROhJriKMtq1Dj8UEmsKGsqGsqmtKmtqmtqmuKmuqjMfELUsdP0bbXPAcpnNpNpNoNoNnNnNmNmNlLg55zPy/i3teE7HObSbSbQbObObMbKbKbIXB3zmOJfwgz4Tsc5tJtBtBs5sxsxspshPXzMxJL9Hfx79tQdODpwdODpwfyH9n72H9zAdODpwdODpwdODpwXHjjHMetk/cQHTg6cHTg6cHTg6cHTg6cHTgv8A/wC+jp9GW+GdhumhbE3YxN2MVdjFXUksL01XdLrjRrrRrzJrzI2pWnN8UhHJXFXxXHkHDE3YxV2MVdTF3Uxd0GLdcY15K5fRGKWZyOODE3YxN2MVdjFXUxd1MXdDGXQxl0MZcy4QTwT8Us/RlnZiUuFMs2et5nUDOoGcQM4gZtAzaJmkTNIl2Yjac74fznUDOoGcQM4gZtAcu6cqc1FHpa541rjFLLnUDOoGdQM4gZxAzaJmkTNImZSLwzE03TXD9GWdaJq4UxTYK3mDQMGgYRAwiBhUDComGRMMiXZeJZzsh9LXalGbdFLNhEDCIGFRMKiYZEYo4jZlop/FrhjZuMUUuCQMGgYNAwiBhEDComFRMMiYdIu60SrVNEP0Zb5pl26a1stdjK3Uyt1MpdCS+uxVdsuwtGwsmwMmfZG2q3Jvlk9EX34E6KIMpdDKXQyl0MnczJ3MkVallrr5kiriq7ZBKWWFuiuDK3Uyt1MpdTKXQyl0MpdDJ3MydzMlch+eeefipj6MsH7Wg7uDu4O7g68F/wD2P/Ky88YiE7uDu4O7g68HXg68F9/t/j8WX9tAd3B3cHdwd3B3cHdwdeDrwdeC/f29R9G29Tzm6YTWjWjWzWy4J+Cz8Xuir5rlEBrPBrJrZrhrhrprxrxr4+p4U/Ef4SW8tuOE1o1o1w1w10101414mo5hnkj+jrY1Qk7TNJsaxsaxsSxsKxc26HW/lj9rczSo9HNXsaxsaxsSxsKxsKxsCxn1zPrmeXLk3Q4zxJGW9ilR6OavY1jY1jYljYVjYFjYFzPrmfXGJOJWJZKfo2yx0S3KimTwVTwVTwVTwVS9RURP9sftZ6KJbpDRJ4Kp4Kp4Kp4Kp4Sp4Sw6ovQlNVT6WmimS5w0V+CqeCqeCqeCqeEqXteGJOiqP6QXYkVl4khzT5mnzMvGZeJ2JWZO+b2gnkWmplizT5mnzMvGZeMw8Zh0rujctFVFfpDNWvLTLFmnzNPmZeMy8Zh4nfYao4om/wAS3//EADMQAAEDBAAFAgMHBQEBAAAAAAEAAgMEEaLREpGSk+EQICFRcBMiMUFScbFTYoGwsjBh/9oACAEBAAk/AP8ASUt4nn8rgKnzbtU+bdqnzbtU+bdqnzbtU+bdqnzbtQZt2oM27TeF1r2uD7YeJjvwPE3ap827VPm3ap827UGbdqDNu1Bm3aZwute1wfRvE934BU+bdqnzbtU+bdqnzbtU+bdqLgaTa/ED9EXtY2x+LlVQ9YVVD1hVUPWFVQ9YVTD1hVMPWFUw9YVTD1hVMPWE9r28AF2+2eJrhxXBcP1FVUPWFUw9YVTD1hVMPWFUw9YVTF1hPa8cAF2m/wA/Rwa0E3J/Yqqh6wqqHrCqoesKph6wqmHrCmY8iQGzXX/I/REuDSCbtUs3MaUs3MaUs3MaUs3MaUk3MaUk3MaUk3MaUkvMaUkvMIuI4Qfj6Ehr73t/8BKlm5jSlm5jSkm5jSkm5jSkm5jSkm5jSkm5jSkl5jSkl5jSLiC0H73oSGvveylm5jSlm5jSkm5jSkm5jSkm5jSkm5jSkl5hSS8wr2Y8tH+D9DmcdgRa9lR5+FR5+FR5+FSZ+FSZ+FS5+FS5+FS5+FS5+Ezg+AFr39GcfBf7t7XuCFR5+FR5+FR5+FSZ+FSZ+FSZ+FSZ+FS5+FS5+Ezgs3hte/ozj4L/AHb2VHn4VHn4VJn4VJn4VJn4VJn4VJn4VLn4Tbcbi63yufod+lyAQQCAX6B7/wC7/koIIIIIL+m72/M/wUEEEAgPQIIL+mP5P0Nk+zksbOuQq8916rz3XKuPdcq491ynY93zc4lSQ8zpSRczpSRczpSRczpFpda/w9HuY4fg5psVVz9wqvPdcq491yrj3XKuPdcq491yqy5jWkuH2jjce1/BIb2de1lXHuvVee65Vx7rlXHuuVce65Vp7rlWnuuVae65Vp7rlL9o8tuDxE/C5+f0NdwsAKnwdpT4O0p8HaU+DtKfB2lPg7SmwdpTYOU2BTuJvCB7J8HaU+DtKfB2lPg7SnwdpS3c5hAHCfabMbe5/wAFT4O0p8HaU+DtKfB2lPg7SnwdpTYOU2DlNgU7iaGAfL8z9DW8TCCoM3bUGbtqDN21Bm7agzdtQ5u2oc3bUOblDmdpvC3hB9sXE917niPzKgzdtQZu2oM3bUObtqHM7Qs1ryBz9RxMde/JQZu2oM3bUGbtqDN21Bm7agzdtQ5u2ocyocym8LSwE8z9DY/tJLGzbEqhPacqE9pyoj2nKiPacoGMd8nNIUcXI7UcXI7UcXI7TIuR2g0G1vh7aUvjF7O4HH81RHtOVEe05UR7TlRHtOVGe05U0t3Ek2YUxzD8nC3ozjkF7Nte6oT2nKhPacqI9pyoj2nKiPacqI9pyoj2nKjPacqM9tyj+zfw2tYj4fQ39LkUUUV+gf8Al/d/0UUUUUfT9A/k+nzP8FFFFFFFFFFf0x/J+hr+C4Jva6q8PKq8PKqsPKqsPKfx/AG9re9/Bx3+Nr2sLqqw8qqw8qqw8qqw8qqw8qqw8qqw8qqw8qpw8p/Hdt72t6P4OP8ANVeHlVeHlVWHlVWHlVWHlVWHlVWHlVWHlOvwOLb/ADt9DgS0Aj4KOXkNqOXkNqOXkNqOXkNoOA4QPj7wS1t72/YhRy8htRy8htRy8htRy8htRyqOVRy8go5UyRBwHCB8fQEtbe9lHLyCjl5Dajl5BRy8go5eQUcqjl5DajlX4PeXDn9DmNe2x+BVND0BU0XQFTRdAVPF0BMaxvAPgB72hzTe4P7FU0PQFTRdAVPF0BU8XQFTxdAVPF0BQxghhsQ0e1oc03uD+xVND0BU8XQFTxdAVPF0BU8XQFExh4wLtbb8j9EXcLx+drqfBulPg3SnwbpT4N0ncTrWva3vdwvb+BU+DdKfBulPg3SnwbpT4N0p8G6U12uFiOEe13C9v4FT4N0p8G6U+DdKfBulPg3Sk4mg3tYD/SXf/8QAJBEAAgICAgEFAQEBAAAAAAAAAAIBEwMUERIgBBAhMnAwMbD/2gAIAQIBAQgA/wCJTETPxFbFTFTlTlTlLlLlLlLjLKzxPhCNMcxWxU5U5U5U5S4yys8SR8nRjoxWxWxWxKTHzP4hjnhjsp3U7qd1O6ndTup3U7qZ5iX+PDG0Qp2U7qd1O6ndTupnmJb4E/07QdoO0HaDsplmJX8RRe08FKlClClCmuprqa6msprKZUhG4gSO08FMFMFKlMFClClCmuprqZUhJ4gWOZ4KoKoKoKYKVKVKFKFGjiZj8ORus8l5ebBsGwbJsmybRkfu3PsrdZ5Li4vLy82DYNk2TI/eefZZ4nktLi4uLy8vNgmeZ5/DsP28c/388X2jzf6T44/t/L1H2/DUiZniK8hVkKshVlKHn/dZjWc1XNVx0lJ4kieDuxXkK8hVkKshVlGx5IiZnwXmZ+OjlbleQryFeQryFWQqyFWUyKyzw34ZiaFbmbkLkLkL0L8ZfjL8ZsYzYxmd4d+V97kLkLkLkL0HzJKzEeCTENzNqFqFqFyFyFyFyFyF6Gd4ZuY/DMSwzcTShQhQhQhRjNfGa+M18Zr4zOkI/EeGLErLEzShQhQhRjNfGNHDTHukctxNSFSFKFKFKFCFCFCFGMzpCNxH4ZjmYnmLcpblLcpblJ9Q8f7tObTm25tuZMkvPM+CO8LxFuUtyluUtyl2UlHmeSYmPiRJmJ+LMhZkLMhZkLchblLcpblLcplZmnlvwzB9/H1P3/lg+kefqvv7YvvH8vVff8Nxp3bg1TVNU1TKnRuPNF7NwaxrGqapqmoahqGmZsdbceyL2ng1zXNY1jWNU1TUGjrMx+HYnhG5nZU2kNpDaQzPDtzHljbq0TOypsqbKGyhtIbSG2htobaGfJGRuYEbq3M7CmwpsKbKmypsobSG0g88tM/h2CIl+JrQrQrQqQ9SsQ/EeWGIl4ia0K0K0K0KkKkMmNISZ8cUcvBWpWpWpWhWh6lFVPj8QVpWeYvyGxkNjIbGQZ5eeW8laVnmL8hfkL8hsZDYyGxkJz5JjifBZlZ5i9y/IX5C/IX5BsrvHDf8S3//xAAdEQEBAAICAwEAAAAAAAAAAAABAAIgMHAQgLAR/9oACAECAQk/APiVERERERuRERHAdJszMzMzuzMzOjMzPqERERERGhEREREaEREREen7M2U6OjMzMzszMzMzZT0czMzMzOrMzM7MzMzMz0eRERERG5ERGpEREREdHljY2MRERsWNjY2NjDoRERY2NjYx+enrMzwszMzM2U+WZmZmekSI4zwRERxEdIERHCREREbERER0kzM8LMzMzszMzPxLv//EACYRAAICAgEEAgIDAQAAAAAAAAACAQMTFBEEEBIgM3AxMhUhMLD/2gAIAQMBAQgA/wCJS9i1x5Nu0G5SbdJt0m1UbVRs1GzUbFYrw0cx6P1NaT4tt0m3SbVRs1GzUbFYjw8cqO6ovk27QbtBuUm3SbdIlyWTwv0h1iy1UxGCwwWGGww2GFzE5FTmJyKnOniYTifTqana2ZjDYYbDC5FTmJyKnOmiYTiTqllqWiMFpgsIosMNhhsOjrZXmZ+kOotmpPKN+w3rDesN1zcc3HNtzac2XKnl15kvsmuuXjfsN+w3rDdc3HNxzbc2nNpyl5deZL7Jrrlo37DfsN6w3rDdc3HNtzbcSeVifo6+rKniaBoGiaRpGmaZqGqVp4Rx2uryJKH8eaBomiaRpmmahqlaeEcdrq8iSh/HmgaBomkaRpmoLHjER9HdZ8U9o79J8fv1fwyQR61fvHr1fwsQR/h036/RtzKqcvnoM9BnoM1IvU1x+NpDZU2FM6iNDRzBMQ0cThrM9BnoM1JmpMtItlczER6WsqpMtsdOZ6DPQZ6DNSZqTNSZajLUVsrRyv0Z1CS9fiuraatprWGtYa9hgsMDmFzC5UsqvE99W01rTWsNew17BKXhomfS9JeuVXUtNW01bTWsNaw17DA5gcwuUrKrxP0Z1Dyicrs2mzabFhsWGewzuZnMzmVyuZleZ9LrnV5iNiwz2GewzOZnF/Ed72lK5mNq02bTZtNiwz2GewzOZnMzlTS0cz9GWqrLw2CkwUmGkw1EdOk/jXUwKYFMKir4xx62VVs0y2Gow1GKoxVmOshliOCJ57WKrJMNgoMFJgpMNJhqMVRirMdZjrEiIj+vozqvjkiDgiO3T/p/lf8AJPaIIjtEdqv17dR8UkQcER2iCIIgiO1X6/Rtr+C+Rtm0bJslb+cc+9j+CyxuG2bRsmwZzOZjKK3MdrH8FljbNs2jZNg2DOZiJ5j6OtSXXiNVjWY1mNditZVeJ9rUl0lY1HNVjWY12MDGBjDJikxSJHEdrUl0lY1HNVjWY1mNdjAxhYwyRHEfR18zCf1kc83IdjzYpmZX3umYSeMjmRyHY82PNiGYRp59bpmEnjI5kch2PNiHYpmZn6RZYaOJwVmFDChiQhYX+o9mWGjicFZgrMKGFDEhjUhFj1ZYaOJwVmCswoYUMSCoq/j/AIlv/8QAIxEBAQEAAgEDBQEBAAAAAAAAAQACIKFwETCxECExgLBBkf/aAAgBAwEJPwD+JT+LXTa+Z+ZmZmeT95+ZmZn6/i102um18z8zPhEstlstlssMRHIstlhhiOGWy2Wy2WP88JBBBBBERxCCCCCIjiEEEEEER4PfS11atWrVqZnhrq1atWrVqZ4a6tdWrVq1an9Pj1LHRZ6LPRZ6I9jJ/wAs9Fnos9Fnos9WeJ6ljosdFnos9Fnos9WerNmPBxEREREcSIiI5ERERER4PZmZmZnkzMzPFmZmZmfBz6Frstdlru1PtP3tWrUzP1fQtdlrstd2rVqZn9PsxEezmIiIiI4ZsxEREeEH3H3GfCzMz7LMzM82ZmfCZER7JEREcyIiP4l//9k="},1100:(A,o,t)=>{t.d(o,{R:()=>e,x:()=>g});var a=t(758);const i={},s=a.createContext(i);function e(A){const o=a.useContext(s);return a.useMemo((function(){return"function"==typeof A?A(o):{...o,...A}}),[o,A])}function g(A){let o;return o=A.disableParentContext?"function"==typeof A.components?A.components(i):A.components||i:e(A.components),a.createElement(s.Provider,{value:o},A.children)}}}]);
\ No newline at end of file
+"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[8034],{7946:(A,o,t)=>{t.d(o,{Ay:()=>n,RM:()=>e});var a=t(6070),i=t(1100),s=t(5988);const e=[];function g(A){return(0,a.jsx)(s.A,{...A})}function n(A={}){const{wrapper:o}={...(0,i.R)(),...A.components};return o?(0,a.jsx)(o,{...A,children:(0,a.jsx)(g,{...A})}):g(A)}},1446:(A,o,t)=>{t.r(o),t.d(o,{assets:()=>l,contentTitle:()=>g,default:()=>F,frontMatter:()=>e,metadata:()=>n,toc:()=>U});var a=t(6070),i=t(1100),s=t(7946);t(6783);const e={sidebar_position:1,slug:"/",pagination_next:"get-started/index"},g="Hujjatlar",n={id:"intro",title:"Hujjatlar",description:"feature-sliced-banner",source:"@site/i18n/uz/docusaurus-plugin-content-docs/current/intro.mdx",sourceDirName:".",slug:"/",permalink:"/uz/docs/",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/uz/docusaurus-plugin-content-docs/current/intro.mdx",tags:[],version:"current",lastUpdatedAt:1728325386e3,sidebarPosition:1,frontMatter:{sidebar_position:1,slug:"/",pagination_next:"get-started/index"},next:{title:"\ud83d\ude80 Get Started",permalink:"/uz/docs/get-started/"}},l={},U=[...s.RM,...s.RM,...s.RM,...s.RM,...s.RM,...s.RM,...s.RM];function C(A){const o={h1:"h1",header:"header",img:"img",p:"p",strong:"strong",...(0,i.R)(),...A.components};return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(o.header,{children:(0,a.jsx)(o.h1,{id:"hujjatlar",children:"Hujjatlar"})}),"\n",(0,a.jsx)(o.p,{children:(0,a.jsx)(o.img,{alt:"feature-sliced-banner",src:t(1589).A+"",width:"1400",height:"320"})}),"\n",(0,a.jsxs)(o.p,{children:[(0,a.jsx)(o.strong,{children:"Feature-Sliced Design"})," (FSD) \u2014 bu frontend ilovalarini loyihalash uchun arxitektura metodologiyasi. Oddiy qilib aytganda, bu kodni tashkil qilish uchun qoidalar va konventsiyalar to'plami. Metodologiyaning asosiy maqsadi loyihani tushunarli va tizimli qilishdir, ayniqsa biznes talablarining muntazam o'zgarishi sharoitida."]}),"\n","\n",(0,a.jsx)(s.Ay,{theme:"primary",Icon:"\ud83c\udf70",title:"FSDda tajribangiz yo'qmi?",description:"Asoslarni va metodologiyaning qisqacha sharhini organing",to:"/docs/get-started/overview"}),"\n",(0,a.jsx)("br",{}),"\n",(0,a.jsx)(s.Ay,{theme:"mini",title:"\ud83d\ude80 Boshlash",description:"Asosiy tushunchalar va tuzilmalar bo'yicha ekskursiya, shuningdek, React bo'yicha loyihaning batafsil tahlili",to:"/docs/get-started",tags:["Asoslari","Qo'llanmalar","Motivatsiya"]}),"\n",(0,a.jsx)(s.Ay,{theme:"mini",title:"\ud83c\udfaf Qo'llanmalar",description:"Feature-Sliced Design bo'yicha amaliy qo'llanmalar va qo'llash misollari",to:"/docs/guides",tags:["v1","Legasi","Misollar"]}),"\n",(0,a.jsx)(s.Ay,{theme:"mini",title:"\ud83d\udcda Malumot",description:"Asosiy tushunchalar va tushunchalar haqida ma'lumot (amalda yaxshiroq qo'llash uchun)",to:"/docs/reference",tags:["Yunitlar","Izolyatsiya","Ommaviy API"]}),"\n",(0,a.jsx)(s.Ay,{theme:"mini",title:"\ud83c\udf70 Metodologiya haqida",description:"Metodologiya falsafasi, uning maqsadlari va zamonaviy frontenddagi o'rni",to:"/docs/about",tags:["Missiya","Rag'batlantirish va integratsiya"]}),"\n",(0,a.jsx)(s.Ay,{theme:"mini",title:"\ud83d\udcab Jamiyat",description:"Hamjamiyat tomonidan qo\u02bbshilgan manbalar va qo\u02bbshimcha kontent",to:"/community",tags:["Awesome","Komanda","Loyihada ishtirok etish"]}),"\n",(0,a.jsx)(s.Ay,{theme:"mini",title:"\ud83d\udee0 Misollar",description:"Feature-Sliced Design da qurilgan loyihalar",to:"/examples"})]})}function F(A={}){const{wrapper:o}={...(0,i.R)(),...A.components};return o?(0,a.jsx)(o,{...A,children:(0,a.jsx)(C,{...A})}):C(A)}},5988:(A,o,t)=>{t.d(o,{Y:()=>g,A:()=>l});t(758);var a=t(3526),i=t(6783);const s={root:"root_GfON",rootDisabled:"rootDisabled_SFUB",details:"details_xxkR",detailsTags:"detailsTags_uTQx",icon:"icon_ciqP",title:"title_pSH5",description:"description__Fep",miniTheme:"miniTheme_ePfp",primaryTheme:"primaryTheme_CilO",defaultTheme:"defaultTheme_j3I8"};var e=t(6070);const g=A=>{const{title:o,description:t,to:g,Icon:l,tags:U,className:C,disabled:F,theme:B="default"}=A;return(0,e.jsxs)(i.A,{className:(0,a.A)(s.root,C,F&&s.rootDisabled,s[`${B}Theme`]),to:g,children:[(0,e.jsx)(n,{Icon:l}),(0,e.jsxs)("div",{className:s.details,children:[(0,e.jsxs)("div",{className:s.detailsMain,children:[(0,e.jsx)("span",{className:s.title,children:o}),(0,e.jsx)("p",{className:s.description,children:t})]}),U&&(0,e.jsx)("div",{className:s.detailsTags,children:U.join(" \u2022 ")})]})]})},n=A=>{let{Icon:o}=A;return o?"string"==typeof o?(0,e.jsx)("span",{className:s.icon,children:o}):(0,e.jsx)(o,{className:s.icon}):null},l=g},1589:(A,o,t)=>{t.d(o,{A:()=>a});const a="data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAoHBwkHBgoJCAkLCwoMDxkQDw4ODx4WFxIZJCAmJSMgIyIoLTkwKCo2KyIjMkQyNjs9QEBAJjBGS0U+Sjk/QD3/2wBDAQsLCw8NDx0QEB09KSMpPT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT3/wgARCAFABXgDAREAAhEBAxEB/8QAGgABAQADAQEAAAAAAAAAAAAAAAEDBAUGAv/EABkBAQEAAwEAAAAAAAAAAAAAAAABAgMEBf/aAAwDAQACEAMQAAAA8V0+cAoAAAKAAACgAAAoAoAAUAFAAUACgAAAFoAAAUAAoCgCooJQFAUAAoCgChAAAVQFgC0AAAAAAKAAAUAUAAAKAAAAAAAAAAAAAAAHx5moAKAAACgAAAoAAAKAKAAFABQAFAAoAAABaAAAFAAKAoAqKCUBQFAAKAoAoQAAFUBYAtAAAAAACgAAFAFAAACgAAAAAAAAAAAAAAPjzNQACgAAAoAAAKAAACgCgABQAUABQAKAAAAWgAABQACgKAKiglAUBQACgKAKEAABVAWALQAAAAAAoAABQBQAAAoAAAAAAAAAAAAAAY/M1UAAUAAAFAAABQAAAUAUAAKACgAKABQAAAC0AAAKAAUBQBUUEoCgKAAUBQBQgAAKoCwBaAAAAAAFAAAKAKAAAFAAAAAAAAAAAAAAY/M1CgACgAAAoAAAKAAACgCgABQAUABQAKAAAAWgAABQACgKAKiglAUBQACgKAKEAABVAWALQAAAAAAoAABQBQAAAoAAAAAAAAAAAAAY/M1AUAAUAAAFAAABQAAAUAUAAKACgAKABQAAAC0AAAKAAUBQBUUEoCgKAAUBQBQgAAKoCwBaAAAAAAFAAAKAKAAAFAAAAAAAAAAAAAY/M1ACgACgAAAoAAAKAAACgCgABQAUABQAKAAAAWgAABQACgKAKiglAUBQACgKAKEAABVAWALQAAAAAAoAABQBQAAAoAAAAAAAAAAAAY/M1AAUAAUAAAFAAABQAAAUAUAAKACgAKABQAAAC0AAAKAAUBQBUUEoCgKAAUBQBQgAAKoCwBaAAAAAAFAAAKAKAAAFAAAAAAAAAAAAY/M1AACgACgAAAoAAAKAAACgCgABQAUABQAKAAAAWgAABQACgKAKiglAUBQACgKAKEAABVAWALQAAAAAAoAABQBQAAAoAAAAAAAAAAAY/M1AAAUAAUAAAFAAABQAAAUAUAAKACgAKABQAAAC0AAAKAAUBQBUUEoCgKAAUBQBQgAAKoCwBaAAAAAAFAAAKAKAAAFAAAAAAAAAAAY/M1AAACgACgAAAoAAAKAAACgCgABQAUABQAKAAAAWgAABQACgKAKiglAUBQACgKAKEAABVAWALQAAAAAAoAABQBQAAAoAAAAAAAAAAY/M1AAAAUAAUAAAFAAABQAAAUAUAAKACgAKABQAAAC0AAAKAAUBQBUUEoCgKAAUBQBQgAAKoCwBaAAAAAAFAAAKAKAAAFAAAAAAAAAAY/M1AAAACgACgAAAoAAAKAAACgCgABQAUABQAKAAAAWgAABQACgKAKiglAUBQACgKAKEAABVAWALQAAAAAAoAABQBQAAAoAAAAAAAAAY/M1AAAAAUAAUAAAFAAABQAAAUAUAAKACgAKABQAAAy3Dcz0iWhaIoVq4bcWOQCtzLRksUVRYauGzFMslx3sueKULcMz1cdoCgKAKEAABVAWALQAAAAAAoAABQBQAAAoAAAAAAAADH5moAAAAAUAAUAAAFAAABQAAAUAUAAKACgAKABQAAHR2cvqunyIylsuUuUtjKWy3zvJ387TvAHq+ryN3PTLlLZcpbGXnuXu5uro3sub1u/xZcpbLlGXKw6/Pc/ogBQFAFCAAAqgLAFoAAAAAAUAAAoAoAAAUAAAAAAAAMfmagAAAAAKAAKAAACgAAAoAAAKAKAAFABQAFAAoAAbmeju7+CKtlsVcostW8fm6dPXt2stPf3edLYq5S0stlpeRo6tLXt2rp7+7zVsWXJbFlpfP83djmQUBQBQgAAKoCwBaAAAAAAFAAAKAKAAAFAAAAAAAAY/M1AAAAAACgACgAAAoAAAKAAACgCgABQAUABQAKAA2stXY3cS2LLYq2LLS8zRv1dezZy1dndwy0stLLSy2LzdPRq4Z57r7W3gLLVsVbFW8Xn68cyAUBQBQgAAKoCwBaAAAAAAFAAAKAKAAAFAAAAAAADH5moAAAAAACgACgAAAoAAAKAAACgCgABQAUABQAKAHT28vrevyJcpbLl5bj9Tl6ekAAdDZzew6/GlylsuUuUt1cd3jvP8AUoBvZ8/serxZcpbLlLlLZcpcpcvOcfdy9G8BQFAFCAAAqgLAFoAAAAAAUAAAoAoAAAUAAAAAABj8zUAAAAAAAKAAKAAACgAAAoAAAKAKAAFABQAFAAoDZy1dffyFlpcMz+GQlpdHTtwYZfVma4djfxy0sti45lxufqFBny19ndxRlKLLSy0st52nfq68wAoCgChAAAVQFgC0AAAAAAKAAAUAUAAAKAAAAAAGPzNQAAAAAAAFAAFAAABQAAAUAAAFAFAACgAoACgAUN7Zo9D0+fLZciy2XKWxZcuJx9Olp2Aeu7vIjJbLYywTPzfF3AU28tXo+nzJclsWWy5S0ylvG5enQ1bQAFAUAUIAACqAsAWgAAAAABQAACgCgAABQAAAAAGPzNQAAAAAAAAoAAoAAAKAAACgAAAoAoAAUAFAAUACt7Zo9B1cEuRZbLlFlq5S3icXRpadgA9D18G3s1y5S2WmXmuDrxzIbeer0fT5y2LLlLYq5S2W8bl6dHRsUAAoCgChAAAVQFgC0AAAAAAKAAAUAUAAAKAAAAAGPzNQAAAAAAAAFAAFAAABQAAAUAAAFAFAACgAoACgA2c9fW6OUsti4pl8TILZbpaNmDDIAdfo5c2eJZathzefdgxy+Zc+WHY3ca2Ktiy0stW87Rt1tWYUAAoCgChAAAVQFgC0AAAAAAKAAAUAUAAAKAAAAAx+ZqAAAAAAAAAFAAFAAABQAAAUAAAFAFAACgAoACgHS3c/qu/zZbLlLl5ng7uZz7wAtAA9X6Hm727XLlLYy+blLl57z+nm8+ze2aPXdvly2XKXKXKWxl83KXLgcPTzObaAoABQFAFCAAAqgLAFoAAAAAAUAAAoAoAAAUAAAAMfmagAAAAAAAAAKAAKAAACgAAAoAAAKAKAAFABQAFBs56+t080VbF5nPv1deYAC3Yy19bo5lolpZatirebzbNbVlnzw7G/klyKqWxZaXkcm/4gFAUAAoCgChAAAVQFgC0AAAAAAKAAAUAUAAAKAAAAx+ZqAAAAAAAAAAFAAFAAABQAAAUAAAFAFAACgAoACm3s1dnq5VsWW8jl6NTVsAAGzsw7fTxrZaZS2WxVst5fJt1NOWxnr7vTxy5RVstirZbw+Lox4qAoCgAFAUAUIAACqAsAWgAAAAABQAACgCgAABQAAAx+ZqAAAAAAAAAAAoAAoAAAKAAACgAAAoAoAAUAFAAdDdp9J3cMuUtly8/wdXP0bQABu7dXpu/hiy5S2XKW4MM/MeX1KA3Nmr0/dwS2MpbLlzdG7h8XQqKCUBQFAAKAoAoQAAFUBYAtAAAAAACgAAFAFAAACgAAMfmagAAAAAAAAAABQABQAAAUAAAFAAABQBQAAoAKAGXLHa2YBRdXXnjxoAAyWbW3WFoiq+ZdTTmFD7uO3s1qKqLjxy19eQVFBKAoCgAFAUAUIAACqAsAWgAAAAABQAACgCgAABQAAx+ZqAAAAAAAAAAAAoAAoAAAKAAACgAAAoAoAAUAFAAUACgAAAFoAAAUAAoCgCooJQFAUAAoCgChAAAVQFgC0AAAAAAKAAAUAUAAAKAAx+ZqAAAAAAAAAAAAFAAFAAABQAAAUAAAFAFAACgAoACgAUAAAAtAAACgAFAUAVFBKAoCgAFAUAUIAACqAsAWgAAAAABQAACgCgAABQAx+ZqAAAAAAAAAAAAAoAAoAAAKAAACgAAAoAoAAUAFAAUACgAAAFoAAAUAAoCgCooJQFAUAAoCgChAAAVQFgC0AAAAAAKAAAUAUAAAKAx+ZqAAAAAAAAAAAAAFAAFAAABQAAAUAAAFAFAACgAoACgAUAAAAtAAACgAFAUAVFBKAoCgAFAUAUIAACqAsAWgAAAAABQAACgCgAABQx+ZqAAAAAAAAAAAAAAoAAoAAAKAAACgAAAoAoAAUAFAAUACgAAAFoAAAUAAoCgCooJQFAUAAoCgChAAAVQFgC0AAAAAAKAAAUAUAAAKx+ZqAAAAAAAAAAAAAAFAAFAAABQAAAUAAAFAFAACgAoACgAUAAAAtAAACgAFAUAVFBKAoCgAFAUAUIAACqAsAWgAAAAABQAACgCgAADH5uoAAAAAAAAAAAAAACgACgAAAoAAAKAAACgCgABQAUABQAKAAAAWgAABQACgKAKiglAUBQACgKAKEAABVAWALQAAAAAAoAABQBQAAMfm6gAAAAAAAAAAAAAABQABQAAAUAAAFAAABQBQAAoAKAAoAFAAAALQAAAoABQFAFRQSgKAoABQFAFCAAAqgLAFoAAAAAAUAAAoAoAAx+bqAAAAAAAAAAAAAAAAoAAoAAAKAAACgAAAoAoAAUAFAAUACgAAAFoAAAUAAoCgCooJQFAUAAoCgChAAAVQFgC0AAAAAAKAAAUAUADH5uoAAAAAAAAAAAAAAAAUAAUAAAFAAABQAAAUAUAAKACgAKABQAAAC0AAAKAAUBQBUUEoCgKAAUBQBQgAAKoCwBaAAAAAAFAAAKAKAMfm6gAAAAAAAAAAAAAAAAKAAKAAACgAAAoAAAKAKAAFABQAFAAoAAABaAAAFAAKAoAqKCUBQFAAKAoAoQAAFUBYAtAAAAAACgAAFAFAx+bqAAAAAAAAAAAAAAAAAFAAFAAABQAAAUAAAFAFAACgAoACgAUAAAAtAAACgAFAUAVFBKAoCgAFAUAUIAACqAsAWgAAAAABQAACgCjH5uoAAAAAAAAAAAAAAAAACgACgAAAoAAAKAAACgCgABQAUABQAKAAAAWgAABQACgKAKiglAUBQACgKAKEAABVAWALQAAAAAAoAABQBf/EACgQAAIBBAEEAgIDAQEAAAAAAAAEAwIFFRYBERIUIBNwEDUGIbAwNP/aAAgBAQABCAD/ABKVlpW5uIoMBcTAXEwNxMDcTBXAwVwMHcDBvmEfGFpVZfjm9ILQ61DTLDgriYK4GDuBg3zCPmEfGFpVJOycggkZmpihwFxMDcTA3EwVwMFcBm2tJx8Vz/SFhlohulFcuRTMimZFMyChkFDIKGQUPPVPPVL5LRM/3R+lldWitMNEmQUMgoZBQyCh56p56pfZaJn+KoizSURXaCuTIpmRTMioZBQyChf2oJ0aKYvpC1J0PPUwyawoawoayqayqa0qa2qa2qa4qa6qXNShJv4oy2K0OvxwSawoawoayoayqa0qa2qa4qa4sa6sXROhJriKMtq1Dj8UEmsKGsqGsqmtKmtqmtqmuKmuqjMfELUsdP0bbXPAcpnNpNpNoNoNnNnNmNmNlLg55zPy/i3teE7HObSbSbQbObObMbKbKbIXB3zmOJfwgz4Tsc5tJtBtBs5sxsxspshPXzMxJL9Hfx79tQdODpwdODpwfyH9n72H9zAdODpwdODpwdODpwXHjjHMetk/cQHTg6cHTg6cHTg6cHTg6cHTgv8A/wC+jp9GW+GdhumhbE3YxN2MVdjFXUksL01XdLrjRrrRrzJrzI2pWnN8UhHJXFXxXHkHDE3YxV2MVdTF3Uxd0GLdcY15K5fRGKWZyOODE3YxN2MVdjFXUxd1MXdDGXQxl0MZcy4QTwT8Us/RlnZiUuFMs2et5nUDOoGcQM4gZtAzaJmkTNIl2Yjac74fznUDOoGcQM4gZtAcu6cqc1FHpa541rjFLLnUDOoGdQM4gZxAzaJmkTNImZSLwzE03TXD9GWdaJq4UxTYK3mDQMGgYRAwiBhUDComGRMMiXZeJZzsh9LXalGbdFLNhEDCIGFRMKiYZEYo4jZlop/FrhjZuMUUuCQMGgYNAwiBhEDComFRMMiYdIu60SrVNEP0Zb5pl26a1stdjK3Uyt1MpdCS+uxVdsuwtGwsmwMmfZG2q3Jvlk9EX34E6KIMpdDKXQyl0MnczJ3MkVallrr5kiriq7ZBKWWFuiuDK3Uyt1MpdTKXQyl0MpdDJ3MydzMlch+eeefipj6MsH7Wg7uDu4O7g68F/wD2P/Ky88YiE7uDu4O7g68HXg68F9/t/j8WX9tAd3B3cHdwd3B3cHdwdeDrwdeC/f29R9G29Tzm6YTWjWjWzWy4J+Cz8Xuir5rlEBrPBrJrZrhrhrprxrxr4+p4U/Ef4SW8tuOE1o1o1w1w10101414mo5hnkj+jrY1Qk7TNJsaxsaxsSxsKxc26HW/lj9rczSo9HNXsaxsaxsSxsKxsKxsCxn1zPrmeXLk3Q4zxJGW9ilR6OavY1jY1jYljYVjYFjYFzPrmfXGJOJWJZKfo2yx0S3KimTwVTwVTwVTwVS9RURP9sftZ6KJbpDRJ4Kp4Kp4Kp4Kp4Sp4Sw6ovQlNVT6WmimS5w0V+CqeCqeCqeCqeEqXteGJOiqP6QXYkVl4khzT5mnzMvGZeJ2JWZO+b2gnkWmplizT5mnzMvGZeMw8Zh0rujctFVFfpDNWvLTLFmnzNPmZeMy8Zh4nfYao4om/wAS3//EADMQAAEDBAAFAgMHBQEBAAAAAAEAAgMEEaLREpGSk+EQICFRcBMiMUFScbFTYoGwsjBh/9oACAEBAAk/AP8ASUt4nn8rgKnzbtU+bdqnzbtU+bdqnzbtU+bdqnzbtQZt2oM27TeF1r2uD7YeJjvwPE3ap827VPm3ap827UGbdqDNu1Bm3aZwute1wfRvE934BU+bdqnzbtU+bdqnzbtU+bdqLgaTa/ED9EXtY2x+LlVQ9YVVD1hVUPWFVQ9YVTD1hVMPWFUw9YVTD1hVMPWE9r28AF2+2eJrhxXBcP1FVUPWFUw9YVTD1hVMPWFUw9YVTF1hPa8cAF2m/wA/Rwa0E3J/Yqqh6wqqHrCqoesKph6wqmHrCmY8iQGzXX/I/REuDSCbtUs3MaUs3MaUs3MaUs3MaUk3MaUk3MaUk3MaUkvMaUkvMIuI4Qfj6Ehr73t/8BKlm5jSlm5jSkm5jSkm5jSkm5jSkm5jSkm5jSkl5jSkl5jSLiC0H73oSGvveylm5jSlm5jSkm5jSkm5jSkm5jSkm5jSkl5hSS8wr2Y8tH+D9DmcdgRa9lR5+FR5+FR5+FSZ+FSZ+FS5+FS5+FS5+FS5+Ezg+AFr39GcfBf7t7XuCFR5+FR5+FR5+FSZ+FSZ+FSZ+FSZ+FS5+FS5+Ezgs3hte/ozj4L/AHb2VHn4VHn4VJn4VJn4VJn4VJn4VJn4VLn4Tbcbi63yufod+lyAQQCAX6B7/wC7/koIIIIIL+m72/M/wUEEEAgPQIIL+mP5P0Nk+zksbOuQq8916rz3XKuPdcq491ynY93zc4lSQ8zpSRczpSRczpSRczpFpda/w9HuY4fg5psVVz9wqvPdcq491yrj3XKuPdcq491yqy5jWkuH2jjce1/BIb2de1lXHuvVee65Vx7rlXHuuVce65Vp7rlWnuuVae65Vp7rlL9o8tuDxE/C5+f0NdwsAKnwdpT4O0p8HaU+DtKfB2lPg7SmwdpTYOU2BTuJvCB7J8HaU+DtKfB2lPg7SnwdpS3c5hAHCfabMbe5/wAFT4O0p8HaU+DtKfB2lPg7SnwdpTYOU2DlNgU7iaGAfL8z9DW8TCCoM3bUGbtqDN21Bm7agzdtQ5u2oc3bUOblDmdpvC3hB9sXE917niPzKgzdtQZu2oM3bUObtqHM7Qs1ryBz9RxMde/JQZu2oM3bUGbtqDN21Bm7agzdtQ5u2ocyocym8LSwE8z9DY/tJLGzbEqhPacqE9pyoj2nKiPacoGMd8nNIUcXI7UcXI7UcXI7TIuR2g0G1vh7aUvjF7O4HH81RHtOVEe05UR7TlRHtOVGe05U0t3Ek2YUxzD8nC3ozjkF7Nte6oT2nKhPacqI9pyoj2nKiPacqI9pyoj2nKjPacqM9tyj+zfw2tYj4fQ39LkUUUV+gf8Al/d/0UUUUUfT9A/k+nzP8FFFFFFFFFFf0x/J+hr+C4Jva6q8PKq8PKqsPKqsPKfx/AG9re9/Bx3+Nr2sLqqw8qqw8qqw8qqw8qqw8qqw8qqw8qqw8qpw8p/Hdt72t6P4OP8ANVeHlVeHlVWHlVWHlVWHlVWHlVWHlVWHlOvwOLb/ADt9DgS0Aj4KOXkNqOXkNqOXkNqOXkNoOA4QPj7wS1t72/YhRy8htRy8htRy8htRy8htRyqOVRy8go5UyRBwHCB8fQEtbe9lHLyCjl5Dajl5BRy8go5eQUcqjl5DajlX4PeXDn9DmNe2x+BVND0BU0XQFTRdAVPF0BMaxvAPgB72hzTe4P7FU0PQFTRdAVPF0BU8XQFTxdAVPF0BQxghhsQ0e1oc03uD+xVND0BU8XQFTxdAVPF0BU8XQFExh4wLtbb8j9EXcLx+drqfBulPg3SnwbpT4N0ncTrWva3vdwvb+BU+DdKfBulPg3SnwbpT4N0p8G6U12uFiOEe13C9v4FT4N0p8G6U+DdKfBulPg3Sk4mg3tYD/SXf/8QAJBEAAgICAgEFAQEBAAAAAAAAAAIBEwMUERIgBBAhMnAwMbD/2gAIAQIBAQgA/wCJTETPxFbFTFTlTlTlLlLlLlLjLKzxPhCNMcxWxU5U5U5U5S4yys8SR8nRjoxWxWxWxKTHzP4hjnhjsp3U7qd1O6ndTup3U7qZ5iX+PDG0Qp2U7qd1O6ndTupnmJb4E/07QdoO0HaDsplmJX8RRe08FKlClClCmuprqa6msprKZUhG4gSO08FMFMFKlMFClClCmuprqZUhJ4gWOZ4KoKoKoKYKVKVKFKFGjiZj8ORus8l5ebBsGwbJsmybRkfu3PsrdZ5Li4vLy82DYNk2TI/eefZZ4nktLi4uLy8vNgmeZ5/DsP28c/388X2jzf6T44/t/L1H2/DUiZniK8hVkKshVlKHn/dZjWc1XNVx0lJ4kieDuxXkK8hVkKshVlGx5IiZnwXmZ+OjlbleQryFeQryFWQqyFWUyKyzw34ZiaFbmbkLkLkL0L8ZfjL8ZsYzYxmd4d+V97kLkLkLkL0HzJKzEeCTENzNqFqFqFyFyFyFyFyF6Gd4ZuY/DMSwzcTShQhQhQhRjNfGa+M18Zr4zOkI/EeGLErLEzShQhQhRjNfGNHDTHukctxNSFSFKFKFKFCFCFCFGMzpCNxH4ZjmYnmLcpblLcpblJ9Q8f7tObTm25tuZMkvPM+CO8LxFuUtyluUtyl2UlHmeSYmPiRJmJ+LMhZkLMhZkLchblLcpblLcplZmnlvwzB9/H1P3/lg+kefqvv7YvvH8vVff8Nxp3bg1TVNU1TKnRuPNF7NwaxrGqapqmoahqGmZsdbceyL2ng1zXNY1jWNU1TUGjrMx+HYnhG5nZU2kNpDaQzPDtzHljbq0TOypsqbKGyhtIbSG2htobaGfJGRuYEbq3M7CmwpsKbKmypsobSG0g88tM/h2CIl+JrQrQrQqQ9SsQ/EeWGIl4ia0K0K0K0KkKkMmNISZ8cUcvBWpWpWpWhWh6lFVPj8QVpWeYvyGxkNjIbGQZ5eeW8laVnmL8hfkL8hsZDYyGxkJz5JjifBZlZ5i9y/IX5C/IX5BsrvHDf8S3//xAAdEQEBAAICAwEAAAAAAAAAAAABAAIgMHAQgLAR/9oACAECAQk/APiVERERERuRERHAdJszMzMzuzMzOjMzPqERERERGhEREREaEREREen7M2U6OjMzMzszMzMzZT0czMzMzOrMzM7MzMzMz0eRERERG5ERGpEREREdHljY2MRERsWNjY2NjDoRERY2NjYx+enrMzwszMzM2U+WZmZmekSI4zwRERxEdIERHCREREbERER0kzM8LMzMzszMzPxLv//EACYRAAICAgEEAgIDAQAAAAAAAAACAQMTFBEEEBIgM3AxMhUhMLD/2gAIAQMBAQgA/wCJS9i1x5Nu0G5SbdJt0m1UbVRs1GzUbFYrw0cx6P1NaT4tt0m3SbVRs1GzUbFYjw8cqO6ovk27QbtBuUm3SbdIlyWTwv0h1iy1UxGCwwWGGww2GFzE5FTmJyKnOniYTifTqana2ZjDYYbDC5FTmJyKnOmiYTiTqllqWiMFpgsIosMNhhsOjrZXmZ+kOotmpPKN+w3rDesN1zcc3HNtzac2XKnl15kvsmuuXjfsN+w3rDdc3HNxzbc2nNpyl5deZL7Jrrlo37DfsN6w3rDdc3HNtzbcSeVifo6+rKniaBoGiaRpGmaZqGqVp4Rx2uryJKH8eaBomiaRpmmahqlaeEcdrq8iSh/HmgaBomkaRpmoLHjER9HdZ8U9o79J8fv1fwyQR61fvHr1fwsQR/h036/RtzKqcvnoM9BnoM1IvU1x+NpDZU2FM6iNDRzBMQ0cThrM9BnoM1JmpMtItlczER6WsqpMtsdOZ6DPQZ6DNSZqTNSZajLUVsrRyv0Z1CS9fiuraatprWGtYa9hgsMDmFzC5UsqvE99W01rTWsNew17BKXhomfS9JeuVXUtNW01bTWsNaw17DA5gcwuUrKrxP0Z1Dyicrs2mzabFhsWGewzuZnMzmVyuZleZ9LrnV5iNiwz2GewzOZnF/Ed72lK5mNq02bTZtNiwz2GewzOZnMzlTS0cz9GWqrLw2CkwUmGkw1EdOk/jXUwKYFMKir4xx62VVs0y2Gow1GKoxVmOshliOCJ57WKrJMNgoMFJgpMNJhqMVRirMdZjrEiIj+vozqvjkiDgiO3T/p/lf8AJPaIIjtEdqv17dR8UkQcER2iCIIgiO1X6/Rtr+C+Rtm0bJslb+cc+9j+CyxuG2bRsmwZzOZjKK3MdrH8FljbNs2jZNg2DOZiJ5j6OtSXXiNVjWY1mNditZVeJ9rUl0lY1HNVjWY12MDGBjDJikxSJHEdrUl0lY1HNVjWY1mNdjAxhYwyRHEfR18zCf1kc83IdjzYpmZX3umYSeMjmRyHY82PNiGYRp59bpmEnjI5kch2PNiHYpmZn6RZYaOJwVmFDChiQhYX+o9mWGjicFZgrMKGFDEhjUhFj1ZYaOJwVmCswoYUMSCoq/j/AIlv/8QAIxEBAQEAAgEDBQEBAAAAAAAAAQACIKFwETCxECExgLBBkf/aAAgBAwEJPwD+JT+LXTa+Z+ZmZmeT95+ZmZn6/i102um18z8zPhEstlstlssMRHIstlhhiOGWy2Wy2WP88JBBBBBERxCCCCCIjiEEEEEER4PfS11atWrVqZnhrq1atWrVqZ4a6tdWrVq1an9Pj1LHRZ6LPRZ6I9jJ/wAs9Fnos9Fnos9WeJ6ljosdFnos9Fnos9WerNmPBxEREREcSIiI5ERERER4PZmZmZnkzMzPFmZmZmfBz6Frstdlru1PtP3tWrUzP1fQtdlrstd2rVqZn9PsxEezmIiIiI4ZsxEREeEH3H3GfCzMz7LMzM82ZmfCZER7JEREcyIiP4l//9k="},1100:(A,o,t)=>{t.d(o,{R:()=>e,x:()=>g});var a=t(758);const i={},s=a.createContext(i);function e(A){const o=a.useContext(s);return a.useMemo((function(){return"function"==typeof A?A(o):{...o,...A}}),[o,A])}function g(A){let o;return o=A.disableParentContext?"function"==typeof A.components?A.components(i):A.components||i:e(A.components),a.createElement(s.Provider,{value:o},A.children)}}}]);
\ No newline at end of file
diff --git a/uz/assets/js/e6bf8eb6.c12ce56f.js b/uz/assets/js/e6bf8eb6.3e49af40.js
similarity index 99%
rename from uz/assets/js/e6bf8eb6.c12ce56f.js
rename to uz/assets/js/e6bf8eb6.3e49af40.js
index b93bd4183f..018793ac09 100644
--- a/uz/assets/js/e6bf8eb6.c12ce56f.js
+++ b/uz/assets/js/e6bf8eb6.3e49af40.js
@@ -1 +1 @@
-"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[679],{9239:(e,t,s)=>{s.r(t),s.d(t,{assets:()=>l,contentTitle:()=>o,default:()=>h,frontMatter:()=>r,metadata:()=>c,toc:()=>a});var n=s(6070),i=s(1100);const r={sidebar_position:10},o="Usage with SvelteKit",c={id:"guides/tech/with-sveltekit",title:"Usage with SvelteKit",description:"It is possible to implement FSD in a SvelteKit project, but conflicts arise due to the differences between the structure requirements of a SvelteKit project and the principles of FSD:",source:"@site/i18n/en/docusaurus-plugin-content-docs/current/guides/tech/with-sveltekit.mdx",sourceDirName:"guides/tech",slug:"/guides/tech/with-sveltekit",permalink:"/uz/docs/guides/tech/with-sveltekit",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/guides/tech/with-sveltekit.mdx",tags:[],version:"current",lastUpdatedAt:1727607766e3,sidebarPosition:10,frontMatter:{sidebar_position:10},sidebar:"guidesSidebar",previous:{title:"Usage with React Query",permalink:"/uz/docs/guides/tech/with-react-query"},next:{title:"Desegemented",permalink:"/uz/docs/guides/issues/desegmented"}},l={},a=[{value:"Let&#39;s set up the config",id:"lets-set-up-the-config",level:2},{value:"Move file routing to <code>src/app</code>.",id:"move-file-routing-to-srcapp",level:2},{value:"See also.",id:"see-also",level:2}];function d(e){const t={a:"a",code:"code",h1:"h1",h2:"h2",header:"header",li:"li",p:"p",pre:"pre",ul:"ul",...(0,i.R)(),...e.components};return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(t.header,{children:(0,n.jsx)(t.h1,{id:"usage-with-sveltekit",children:"Usage with SvelteKit"})}),"\n",(0,n.jsx)(t.p,{children:"It is possible to implement FSD in a SvelteKit project, but conflicts arise due to the differences between the structure requirements of a SvelteKit project and the principles of FSD:"}),"\n",(0,n.jsxs)(t.ul,{children:["\n",(0,n.jsxs)(t.li,{children:["Initially, SvelteKit offers a file structure inside the ",(0,n.jsx)(t.code,{children:"src/routes"})," folder, while in FSD the routing must be part of the ",(0,n.jsx)(t.code,{children:"app"})," layer."]}),"\n",(0,n.jsxs)(t.li,{children:["SvelteKit suggests putting everything not related to routing in the ",(0,n.jsx)(t.code,{children:"src/lib"})," folder."]}),"\n"]}),"\n",(0,n.jsx)(t.h2,{id:"lets-set-up-the-config",children:"Let's set up the config"}),"\n",(0,n.jsx)(t.pre,{children:(0,n.jsx)(t.code,{className:"language-ts",metastring:'title="svelte.config.ts"',children:"import adapter from '@sveltejs/adapter-auto';\nimport { vitePreprocess } from '@sveltejs/vite-plugin-svelte';\n\n/** @type {import('@sveltejs/kit').Config}*/\nconst config = {\n  preprocess: [vitePreprocess()],\n  kit: {\n    adapter: adapter(),\n    files: {\n      routes: 'src/app/routes',             // move routing inside the app layer\n      lib: 'src',\n      appTemplate: 'src/app/index.html',    // Move the application entry point inside the app layer\n      assets: 'public'\n    },\n    alias: {\n      '@/*': 'src/*'                        // Create an alias for the src directory\n    }\n  }\n};\nexport default config;\n"})}),"\n",(0,n.jsxs)(t.h2,{id:"move-file-routing-to-srcapp",children:["Move file routing to ",(0,n.jsx)(t.code,{children:"src/app"}),"."]}),"\n",(0,n.jsxs)(t.p,{children:["Let's create an app layer, move the app's entry point ",(0,n.jsx)(t.code,{children:"index.html"})," into it, and create a routes folder.\nThus, your file structure should look like this:"]}),"\n",(0,n.jsx)(t.pre,{children:(0,n.jsx)(t.code,{className:"language-sh",children:"\u251c\u2500\u2500 src\n\u2502   \u251c\u2500\u2500 app\n\u2502   \u2502   \u251c\u2500\u2500 index.html\n\u2502   \u2502   \u251c\u2500\u2500 routes\n\u2502   \u251c\u2500\u2500 pages                               # \u041f\u0430\u043f\u043a\u0430 pages, \u0437\u0430\u043a\u0440\u0435\u043f\u043b\u0451\u043d\u043d\u0430\u044f \u0437\u0430 FSD\n"})}),"\n",(0,n.jsxs)(t.p,{children:["Now, you can create roots for pages within ",(0,n.jsx)(t.code,{children:"app"})," and connect pages from ",(0,n.jsx)(t.code,{children:"pages"})," to them."]}),"\n",(0,n.jsx)(t.p,{children:"For example, to add a home page to your project, you need to do the following steps:"}),"\n",(0,n.jsxs)(t.ul,{children:["\n",(0,n.jsxs)(t.li,{children:["Add a page slice inside the ",(0,n.jsx)(t.code,{children:"pages"})," layer"]}),"\n",(0,n.jsxs)(t.li,{children:["Add the corresponding rooute to the ",(0,n.jsx)(t.code,{children:"routes"})," folder from the ",(0,n.jsx)(t.code,{children:"app"})," layer"]}),"\n",(0,n.jsx)(t.li,{children:"Align the page from the slice with the rooute"}),"\n"]}),"\n",(0,n.jsxs)(t.p,{children:["To create a page slice, let's use the ",(0,n.jsx)(t.a,{href:"https://github.com/feature-sliced/cli",children:"CLI"}),":"]}),"\n",(0,n.jsx)(t.pre,{children:(0,n.jsx)(t.code,{className:"language-shell",children:"fsd pages home\n"})}),"\n",(0,n.jsxs)(t.p,{children:["Create a ",(0,n.jsx)(t.code,{children:"home-page.vue"})," file inside the ui segment, access it using the Public API"]}),"\n",(0,n.jsx)(t.pre,{children:(0,n.jsx)(t.code,{className:"language-ts",metastring:'title="src/pages/home/index.ts"',children:"export { default as HomePage } from './ui/home-page';\n"})}),"\n",(0,n.jsxs)(t.p,{children:["Create a root for this page inside the ",(0,n.jsx)(t.code,{children:"app"})," layer:"]}),"\n",(0,n.jsx)(t.pre,{children:(0,n.jsx)(t.code,{className:"language-sh",children:"\n\u251c\u2500\u2500 src\n\u2502   \u251c\u2500\u2500 app\n\u2502   \u2502   \u251c\u2500\u2500 routes\n\u2502   \u2502   \u2502   \u251c\u2500\u2500 +page.svelte\n\u2502   \u2502   \u251c\u2500\u2500 index.html\n\u2502   \u251c\u2500\u2500 pages\n\u2502   \u2502   \u251c\u2500\u2500 home\n\u2502   \u2502   \u2502   \u251c\u2500\u2500 ui\n\u2502   \u2502   \u2502   \u2502   \u251c\u2500\u2500 home-page.svelte\n\u2502   \u2502   \u2502   \u251c\u2500\u2500 index.ts\n"})}),"\n",(0,n.jsxs)(t.p,{children:["Add your page component inside the ",(0,n.jsx)(t.code,{children:"index.svelte"})," file:"]}),"\n",(0,n.jsx)(t.pre,{children:(0,n.jsx)(t.code,{className:"language-html",metastring:'title="src/app/routes/+page.svelte"',children:"<script>\n  import { HomePage } from '@/pages/home';\n<\/script>\n\n\n<HomePage/>\n"})}),"\n",(0,n.jsx)(t.h2,{id:"see-also",children:"See also."}),"\n",(0,n.jsxs)(t.ul,{children:["\n",(0,n.jsx)(t.li,{children:(0,n.jsx)(t.a,{href:"https://kit.svelte.dev/docs/configuration#files",children:"Documentation on changing directory config in SvelteKit"})}),"\n"]})]})}function h(e={}){const{wrapper:t}={...(0,i.R)(),...e.components};return t?(0,n.jsx)(t,{...e,children:(0,n.jsx)(d,{...e})}):d(e)}},1100:(e,t,s)=>{s.d(t,{R:()=>o,x:()=>c});var n=s(758);const i={},r=n.createContext(i);function o(e){const t=n.useContext(r);return n.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function c(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(i):e.components||i:o(e.components),n.createElement(r.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
+"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[679],{9239:(e,t,s)=>{s.r(t),s.d(t,{assets:()=>l,contentTitle:()=>o,default:()=>h,frontMatter:()=>r,metadata:()=>c,toc:()=>a});var n=s(6070),i=s(1100);const r={sidebar_position:10},o="Usage with SvelteKit",c={id:"guides/tech/with-sveltekit",title:"Usage with SvelteKit",description:"It is possible to implement FSD in a SvelteKit project, but conflicts arise due to the differences between the structure requirements of a SvelteKit project and the principles of FSD:",source:"@site/i18n/en/docusaurus-plugin-content-docs/current/guides/tech/with-sveltekit.mdx",sourceDirName:"guides/tech",slug:"/guides/tech/with-sveltekit",permalink:"/uz/docs/guides/tech/with-sveltekit",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/guides/tech/with-sveltekit.mdx",tags:[],version:"current",lastUpdatedAt:1728325386e3,sidebarPosition:10,frontMatter:{sidebar_position:10},sidebar:"guidesSidebar",previous:{title:"Usage with React Query",permalink:"/uz/docs/guides/tech/with-react-query"},next:{title:"Desegemented",permalink:"/uz/docs/guides/issues/desegmented"}},l={},a=[{value:"Let&#39;s set up the config",id:"lets-set-up-the-config",level:2},{value:"Move file routing to <code>src/app</code>.",id:"move-file-routing-to-srcapp",level:2},{value:"See also.",id:"see-also",level:2}];function d(e){const t={a:"a",code:"code",h1:"h1",h2:"h2",header:"header",li:"li",p:"p",pre:"pre",ul:"ul",...(0,i.R)(),...e.components};return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(t.header,{children:(0,n.jsx)(t.h1,{id:"usage-with-sveltekit",children:"Usage with SvelteKit"})}),"\n",(0,n.jsx)(t.p,{children:"It is possible to implement FSD in a SvelteKit project, but conflicts arise due to the differences between the structure requirements of a SvelteKit project and the principles of FSD:"}),"\n",(0,n.jsxs)(t.ul,{children:["\n",(0,n.jsxs)(t.li,{children:["Initially, SvelteKit offers a file structure inside the ",(0,n.jsx)(t.code,{children:"src/routes"})," folder, while in FSD the routing must be part of the ",(0,n.jsx)(t.code,{children:"app"})," layer."]}),"\n",(0,n.jsxs)(t.li,{children:["SvelteKit suggests putting everything not related to routing in the ",(0,n.jsx)(t.code,{children:"src/lib"})," folder."]}),"\n"]}),"\n",(0,n.jsx)(t.h2,{id:"lets-set-up-the-config",children:"Let's set up the config"}),"\n",(0,n.jsx)(t.pre,{children:(0,n.jsx)(t.code,{className:"language-ts",metastring:'title="svelte.config.ts"',children:"import adapter from '@sveltejs/adapter-auto';\nimport { vitePreprocess } from '@sveltejs/vite-plugin-svelte';\n\n/** @type {import('@sveltejs/kit').Config}*/\nconst config = {\n  preprocess: [vitePreprocess()],\n  kit: {\n    adapter: adapter(),\n    files: {\n      routes: 'src/app/routes',             // move routing inside the app layer\n      lib: 'src',\n      appTemplate: 'src/app/index.html',    // Move the application entry point inside the app layer\n      assets: 'public'\n    },\n    alias: {\n      '@/*': 'src/*'                        // Create an alias for the src directory\n    }\n  }\n};\nexport default config;\n"})}),"\n",(0,n.jsxs)(t.h2,{id:"move-file-routing-to-srcapp",children:["Move file routing to ",(0,n.jsx)(t.code,{children:"src/app"}),"."]}),"\n",(0,n.jsxs)(t.p,{children:["Let's create an app layer, move the app's entry point ",(0,n.jsx)(t.code,{children:"index.html"})," into it, and create a routes folder.\nThus, your file structure should look like this:"]}),"\n",(0,n.jsx)(t.pre,{children:(0,n.jsx)(t.code,{className:"language-sh",children:"\u251c\u2500\u2500 src\n\u2502   \u251c\u2500\u2500 app\n\u2502   \u2502   \u251c\u2500\u2500 index.html\n\u2502   \u2502   \u251c\u2500\u2500 routes\n\u2502   \u251c\u2500\u2500 pages                               # \u041f\u0430\u043f\u043a\u0430 pages, \u0437\u0430\u043a\u0440\u0435\u043f\u043b\u0451\u043d\u043d\u0430\u044f \u0437\u0430 FSD\n"})}),"\n",(0,n.jsxs)(t.p,{children:["Now, you can create roots for pages within ",(0,n.jsx)(t.code,{children:"app"})," and connect pages from ",(0,n.jsx)(t.code,{children:"pages"})," to them."]}),"\n",(0,n.jsx)(t.p,{children:"For example, to add a home page to your project, you need to do the following steps:"}),"\n",(0,n.jsxs)(t.ul,{children:["\n",(0,n.jsxs)(t.li,{children:["Add a page slice inside the ",(0,n.jsx)(t.code,{children:"pages"})," layer"]}),"\n",(0,n.jsxs)(t.li,{children:["Add the corresponding rooute to the ",(0,n.jsx)(t.code,{children:"routes"})," folder from the ",(0,n.jsx)(t.code,{children:"app"})," layer"]}),"\n",(0,n.jsx)(t.li,{children:"Align the page from the slice with the rooute"}),"\n"]}),"\n",(0,n.jsxs)(t.p,{children:["To create a page slice, let's use the ",(0,n.jsx)(t.a,{href:"https://github.com/feature-sliced/cli",children:"CLI"}),":"]}),"\n",(0,n.jsx)(t.pre,{children:(0,n.jsx)(t.code,{className:"language-shell",children:"fsd pages home\n"})}),"\n",(0,n.jsxs)(t.p,{children:["Create a ",(0,n.jsx)(t.code,{children:"home-page.vue"})," file inside the ui segment, access it using the Public API"]}),"\n",(0,n.jsx)(t.pre,{children:(0,n.jsx)(t.code,{className:"language-ts",metastring:'title="src/pages/home/index.ts"',children:"export { default as HomePage } from './ui/home-page';\n"})}),"\n",(0,n.jsxs)(t.p,{children:["Create a root for this page inside the ",(0,n.jsx)(t.code,{children:"app"})," layer:"]}),"\n",(0,n.jsx)(t.pre,{children:(0,n.jsx)(t.code,{className:"language-sh",children:"\n\u251c\u2500\u2500 src\n\u2502   \u251c\u2500\u2500 app\n\u2502   \u2502   \u251c\u2500\u2500 routes\n\u2502   \u2502   \u2502   \u251c\u2500\u2500 +page.svelte\n\u2502   \u2502   \u251c\u2500\u2500 index.html\n\u2502   \u251c\u2500\u2500 pages\n\u2502   \u2502   \u251c\u2500\u2500 home\n\u2502   \u2502   \u2502   \u251c\u2500\u2500 ui\n\u2502   \u2502   \u2502   \u2502   \u251c\u2500\u2500 home-page.svelte\n\u2502   \u2502   \u2502   \u251c\u2500\u2500 index.ts\n"})}),"\n",(0,n.jsxs)(t.p,{children:["Add your page component inside the ",(0,n.jsx)(t.code,{children:"index.svelte"})," file:"]}),"\n",(0,n.jsx)(t.pre,{children:(0,n.jsx)(t.code,{className:"language-html",metastring:'title="src/app/routes/+page.svelte"',children:"<script>\n  import { HomePage } from '@/pages/home';\n<\/script>\n\n\n<HomePage/>\n"})}),"\n",(0,n.jsx)(t.h2,{id:"see-also",children:"See also."}),"\n",(0,n.jsxs)(t.ul,{children:["\n",(0,n.jsx)(t.li,{children:(0,n.jsx)(t.a,{href:"https://kit.svelte.dev/docs/configuration#files",children:"Documentation on changing directory config in SvelteKit"})}),"\n"]})]})}function h(e={}){const{wrapper:t}={...(0,i.R)(),...e.components};return t?(0,n.jsx)(t,{...e,children:(0,n.jsx)(d,{...e})}):d(e)}},1100:(e,t,s)=>{s.d(t,{R:()=>o,x:()=>c});var n=s(758);const i={},r=n.createContext(i);function o(e){const t=n.useContext(r);return n.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function c(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(i):e.components||i:o(e.components),n.createElement(r.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
diff --git a/uz/assets/js/ed3dcfcb.9707b8a9.js b/uz/assets/js/ed3dcfcb.a59bd261.js
similarity index 98%
rename from uz/assets/js/ed3dcfcb.9707b8a9.js
rename to uz/assets/js/ed3dcfcb.a59bd261.js
index 662b34785b..f4d3a9f533 100644
--- a/uz/assets/js/ed3dcfcb.9707b8a9.js
+++ b/uz/assets/js/ed3dcfcb.a59bd261.js
@@ -1 +1 @@
-"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[993],{1928:(e,t,i)=>{i.d(t,{Ay:()=>l,RM:()=>a});var s=i(6070),n=i(1100),r=(i(758),i(6783)),d=i(7765);const c=e=>{let{ticket:t}=e;const i=`https://github.com/feature-sliced/documentation/issues/${t}`;return(0,s.jsxs)("div",{children:[(0,s.jsx)("p",{children:(0,d.T)({id:"shared.wip.title"})}),(0,s.jsx)("p",{children:(0,d.T)({id:"shared.wip.subtitle"})}),(0,s.jsxs)("ul",{children:[(0,s.jsxs)("li",{children:[(0,d.T)({id:"shared.wip.var.feedback.base"}),(0,s.jsx)(r.A,{to:i,children:(0,d.T)({id:"shared.wip.var.feedback.link"})})]}),(0,s.jsxs)("li",{children:[(0,d.T)({id:"shared.wip.var.material.base"}),(0,s.jsx)(r.A,{to:"https://t.me/feature_sliced",children:(0,d.T)({id:"shared.wip.var.material.link"})})]}),(0,s.jsxs)("li",{children:[(0,d.T)({id:"shared.wip.var.contribute.base"}),(0,s.jsx)(r.A,{to:"https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md",children:(0,d.T)({id:"shared.wip.var.contribute.link"})})]})]}),(0,s.jsx)("br",{}),(0,s.jsx)("p",{children:(0,s.jsx)("i",{children:"\ud83c\udf70 Stay tuned!"})})]})},a=[];function o(e){const t={admonition:"admonition",...(0,n.R)(),...e.components};return(0,s.jsx)(t.admonition,{title:"WIP",type:"caution",children:(0,s.jsx)(c,{ticket:e.ticket})})}function l(e={}){const{wrapper:t}={...(0,n.R)(),...e.components};return t?(0,s.jsx)(t,{...e,children:(0,s.jsx)(o,{...e})}):o(e)}},4:(e,t,i)=>{i.r(t),i.d(t,{assets:()=>o,contentTitle:()=>c,default:()=>h,frontMatter:()=>d,metadata:()=>a,toc:()=>l});var s=i(6070),n=i(1100),r=i(1928);const d={sidebar_position:6,sidebar_class_name:"sidebar-item--wip",unlisted:!0},c="i18n",a={id:"guides/examples/i18n",title:"i18n",description:"Where to place it? How to work with this?",source:"@site/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/i18n.mdx",sourceDirName:"guides/examples",slug:"/guides/examples/i18n",permalink:"/uz/docs/guides/examples/i18n",draft:!1,unlisted:!0,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/i18n.mdx",tags:[],version:"current",lastUpdatedAt:1727607766e3,sidebarPosition:6,frontMatter:{sidebar_position:6,sidebar_class_name:"sidebar-item--wip",unlisted:!0},sidebar:"guidesSidebar"},o={},l=[...r.RM,{value:"Where to place it? How to work with this?",id:"where-to-place-it-how-to-work-with-this",level:2}];function u(e){const t={a:"a",h1:"h1",h2:"h2",header:"header",li:"li",ul:"ul",...(0,n.R)(),...e.components};return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(t.header,{children:(0,s.jsx)(t.h1,{id:"i18n",children:"i18n"})}),"\n",(0,s.jsx)(r.Ay,{ticket:"171"}),"\n",(0,s.jsx)(t.h2,{id:"where-to-place-it-how-to-work-with-this",children:"Where to place it? How to work with this?"}),"\n",(0,s.jsxs)(t.ul,{children:["\n",(0,s.jsx)(t.li,{children:(0,s.jsx)(t.a,{href:"https://t.me/feature_sliced/4425",children:"https://t.me/feature_sliced/4425"})}),"\n",(0,s.jsx)(t.li,{children:(0,s.jsx)(t.a,{href:"https://t.me/feature_sliced/2325",children:"https://t.me/feature_sliced/2325"})}),"\n",(0,s.jsx)(t.li,{children:(0,s.jsx)(t.a,{href:"https://t.me/feature_sliced/1867",children:"https://t.me/feature_sliced/1867"})}),"\n"]})]})}function h(e={}){const{wrapper:t}={...(0,n.R)(),...e.components};return t?(0,s.jsx)(t,{...e,children:(0,s.jsx)(u,{...e})}):u(e)}},1100:(e,t,i)=>{i.d(t,{R:()=>d,x:()=>c});var s=i(758);const n={},r=s.createContext(n);function d(e){const t=s.useContext(r);return s.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function c(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(n):e.components||n:d(e.components),s.createElement(r.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
+"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[993],{1928:(e,t,i)=>{i.d(t,{Ay:()=>l,RM:()=>a});var s=i(6070),n=i(1100),r=(i(758),i(6783)),d=i(7765);const c=e=>{let{ticket:t}=e;const i=`https://github.com/feature-sliced/documentation/issues/${t}`;return(0,s.jsxs)("div",{children:[(0,s.jsx)("p",{children:(0,d.T)({id:"shared.wip.title"})}),(0,s.jsx)("p",{children:(0,d.T)({id:"shared.wip.subtitle"})}),(0,s.jsxs)("ul",{children:[(0,s.jsxs)("li",{children:[(0,d.T)({id:"shared.wip.var.feedback.base"}),(0,s.jsx)(r.A,{to:i,children:(0,d.T)({id:"shared.wip.var.feedback.link"})})]}),(0,s.jsxs)("li",{children:[(0,d.T)({id:"shared.wip.var.material.base"}),(0,s.jsx)(r.A,{to:"https://t.me/feature_sliced",children:(0,d.T)({id:"shared.wip.var.material.link"})})]}),(0,s.jsxs)("li",{children:[(0,d.T)({id:"shared.wip.var.contribute.base"}),(0,s.jsx)(r.A,{to:"https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md",children:(0,d.T)({id:"shared.wip.var.contribute.link"})})]})]}),(0,s.jsx)("br",{}),(0,s.jsx)("p",{children:(0,s.jsx)("i",{children:"\ud83c\udf70 Stay tuned!"})})]})},a=[];function o(e){const t={admonition:"admonition",...(0,n.R)(),...e.components};return(0,s.jsx)(t.admonition,{title:"WIP",type:"caution",children:(0,s.jsx)(c,{ticket:e.ticket})})}function l(e={}){const{wrapper:t}={...(0,n.R)(),...e.components};return t?(0,s.jsx)(t,{...e,children:(0,s.jsx)(o,{...e})}):o(e)}},4:(e,t,i)=>{i.r(t),i.d(t,{assets:()=>o,contentTitle:()=>c,default:()=>h,frontMatter:()=>d,metadata:()=>a,toc:()=>l});var s=i(6070),n=i(1100),r=i(1928);const d={sidebar_position:6,sidebar_class_name:"sidebar-item--wip",unlisted:!0},c="i18n",a={id:"guides/examples/i18n",title:"i18n",description:"Where to place it? How to work with this?",source:"@site/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/i18n.mdx",sourceDirName:"guides/examples",slug:"/guides/examples/i18n",permalink:"/uz/docs/guides/examples/i18n",draft:!1,unlisted:!0,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/i18n.mdx",tags:[],version:"current",lastUpdatedAt:1728325386e3,sidebarPosition:6,frontMatter:{sidebar_position:6,sidebar_class_name:"sidebar-item--wip",unlisted:!0},sidebar:"guidesSidebar"},o={},l=[...r.RM,{value:"Where to place it? How to work with this?",id:"where-to-place-it-how-to-work-with-this",level:2}];function u(e){const t={a:"a",h1:"h1",h2:"h2",header:"header",li:"li",ul:"ul",...(0,n.R)(),...e.components};return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(t.header,{children:(0,s.jsx)(t.h1,{id:"i18n",children:"i18n"})}),"\n",(0,s.jsx)(r.Ay,{ticket:"171"}),"\n",(0,s.jsx)(t.h2,{id:"where-to-place-it-how-to-work-with-this",children:"Where to place it? How to work with this?"}),"\n",(0,s.jsxs)(t.ul,{children:["\n",(0,s.jsx)(t.li,{children:(0,s.jsx)(t.a,{href:"https://t.me/feature_sliced/4425",children:"https://t.me/feature_sliced/4425"})}),"\n",(0,s.jsx)(t.li,{children:(0,s.jsx)(t.a,{href:"https://t.me/feature_sliced/2325",children:"https://t.me/feature_sliced/2325"})}),"\n",(0,s.jsx)(t.li,{children:(0,s.jsx)(t.a,{href:"https://t.me/feature_sliced/1867",children:"https://t.me/feature_sliced/1867"})}),"\n"]})]})}function h(e={}){const{wrapper:t}={...(0,n.R)(),...e.components};return t?(0,s.jsx)(t,{...e,children:(0,s.jsx)(u,{...e})}):u(e)}},1100:(e,t,i)=>{i.d(t,{R:()=>d,x:()=>c});var s=i(758);const n={},r=s.createContext(n);function d(e){const t=s.useContext(r);return s.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function c(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(n):e.components||n:d(e.components),s.createElement(r.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
diff --git a/uz/assets/js/f2567325.8e9beaae.js b/uz/assets/js/f2567325.68ff21f9.js
similarity index 98%
rename from uz/assets/js/f2567325.8e9beaae.js
rename to uz/assets/js/f2567325.68ff21f9.js
index 129cec1b14..ea52a43ae1 100644
--- a/uz/assets/js/f2567325.8e9beaae.js
+++ b/uz/assets/js/f2567325.68ff21f9.js
@@ -1 +1 @@
-"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[8211],{1928:(e,t,i)=>{i.d(t,{Ay:()=>c,RM:()=>l});var s=i(6070),n=i(1100),a=(i(758),i(6783)),r=i(7765);const d=e=>{let{ticket:t}=e;const i=`https://github.com/feature-sliced/documentation/issues/${t}`;return(0,s.jsxs)("div",{children:[(0,s.jsx)("p",{children:(0,r.T)({id:"shared.wip.title"})}),(0,s.jsx)("p",{children:(0,r.T)({id:"shared.wip.subtitle"})}),(0,s.jsxs)("ul",{children:[(0,s.jsxs)("li",{children:[(0,r.T)({id:"shared.wip.var.feedback.base"}),(0,s.jsx)(a.A,{to:i,children:(0,r.T)({id:"shared.wip.var.feedback.link"})})]}),(0,s.jsxs)("li",{children:[(0,r.T)({id:"shared.wip.var.material.base"}),(0,s.jsx)(a.A,{to:"https://t.me/feature_sliced",children:(0,r.T)({id:"shared.wip.var.material.link"})})]}),(0,s.jsxs)("li",{children:[(0,r.T)({id:"shared.wip.var.contribute.base"}),(0,s.jsx)(a.A,{to:"https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md",children:(0,r.T)({id:"shared.wip.var.contribute.link"})})]})]}),(0,s.jsx)("br",{}),(0,s.jsx)("p",{children:(0,s.jsx)("i",{children:"\ud83c\udf70 Stay tuned!"})})]})},l=[];function o(e){const t={admonition:"admonition",...(0,n.R)(),...e.components};return(0,s.jsx)(t.admonition,{title:"WIP",type:"caution",children:(0,s.jsx)(d,{ticket:e.ticket})})}function c(e={}){const{wrapper:t}={...(0,n.R)(),...e.components};return t?(0,s.jsx)(t,{...e,children:(0,s.jsx)(o,{...e})}):o(e)}},9129:(e,t,i)=>{i.r(t),i.d(t,{assets:()=>o,contentTitle:()=>d,default:()=>h,frontMatter:()=>r,metadata:()=>l,toc:()=>c});var s=i(6070),n=i(1100),a=i(1928);const r={sidebar_position:8,sidebar_class_name:"sidebar-item--wip",unlisted:!0},d="White Labels",l={id:"guides/examples/white-labels",title:"White Labels",description:"Figma, brand uikit, templates, adaptability to brands",source:"@site/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/white-labels.mdx",sourceDirName:"guides/examples",slug:"/guides/examples/white-labels",permalink:"/uz/docs/guides/examples/white-labels",draft:!1,unlisted:!0,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/white-labels.mdx",tags:[],version:"current",lastUpdatedAt:1727607766e3,sidebarPosition:8,frontMatter:{sidebar_position:8,sidebar_class_name:"sidebar-item--wip",unlisted:!0},sidebar:"guidesSidebar"},o={},c=[...a.RM,{value:"See also",id:"see-also",level:2}];function u(e){const t={a:"a",blockquote:"blockquote",h1:"h1",h2:"h2",header:"header",li:"li",p:"p",ul:"ul",...(0,n.R)(),...e.components};return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(t.header,{children:(0,s.jsx)(t.h1,{id:"white-labels",children:"White Labels"})}),"\n",(0,s.jsx)(a.Ay,{ticket:"215"}),"\n",(0,s.jsxs)(t.blockquote,{children:["\n",(0,s.jsx)(t.p,{children:"Figma, brand uikit, templates, adaptability to brands"}),"\n"]}),"\n",(0,s.jsx)(t.h2,{id:"see-also",children:"See also"}),"\n",(0,s.jsxs)(t.ul,{children:["\n",(0,s.jsx)(t.li,{children:(0,s.jsx)(t.a,{href:"https://t.me/feature_sliced/1543",children:"(Thread) About the application for white-labels (branded) projects"})}),"\n",(0,s.jsx)(t.li,{children:(0,s.jsx)(t.a,{href:"http://yadi.sk/i/5IdhzsWrpO3v4Q",children:"(Presentation) About white-labels apps and design"})}),"\n"]})]})}function h(e={}){const{wrapper:t}={...(0,n.R)(),...e.components};return t?(0,s.jsx)(t,{...e,children:(0,s.jsx)(u,{...e})}):u(e)}},1100:(e,t,i)=>{i.d(t,{R:()=>r,x:()=>d});var s=i(758);const n={},a=s.createContext(n);function r(e){const t=s.useContext(a);return s.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function d(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(n):e.components||n:r(e.components),s.createElement(a.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
+"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[8211],{1928:(e,t,i)=>{i.d(t,{Ay:()=>c,RM:()=>l});var s=i(6070),n=i(1100),a=(i(758),i(6783)),r=i(7765);const d=e=>{let{ticket:t}=e;const i=`https://github.com/feature-sliced/documentation/issues/${t}`;return(0,s.jsxs)("div",{children:[(0,s.jsx)("p",{children:(0,r.T)({id:"shared.wip.title"})}),(0,s.jsx)("p",{children:(0,r.T)({id:"shared.wip.subtitle"})}),(0,s.jsxs)("ul",{children:[(0,s.jsxs)("li",{children:[(0,r.T)({id:"shared.wip.var.feedback.base"}),(0,s.jsx)(a.A,{to:i,children:(0,r.T)({id:"shared.wip.var.feedback.link"})})]}),(0,s.jsxs)("li",{children:[(0,r.T)({id:"shared.wip.var.material.base"}),(0,s.jsx)(a.A,{to:"https://t.me/feature_sliced",children:(0,r.T)({id:"shared.wip.var.material.link"})})]}),(0,s.jsxs)("li",{children:[(0,r.T)({id:"shared.wip.var.contribute.base"}),(0,s.jsx)(a.A,{to:"https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md",children:(0,r.T)({id:"shared.wip.var.contribute.link"})})]})]}),(0,s.jsx)("br",{}),(0,s.jsx)("p",{children:(0,s.jsx)("i",{children:"\ud83c\udf70 Stay tuned!"})})]})},l=[];function o(e){const t={admonition:"admonition",...(0,n.R)(),...e.components};return(0,s.jsx)(t.admonition,{title:"WIP",type:"caution",children:(0,s.jsx)(d,{ticket:e.ticket})})}function c(e={}){const{wrapper:t}={...(0,n.R)(),...e.components};return t?(0,s.jsx)(t,{...e,children:(0,s.jsx)(o,{...e})}):o(e)}},9129:(e,t,i)=>{i.r(t),i.d(t,{assets:()=>o,contentTitle:()=>d,default:()=>h,frontMatter:()=>r,metadata:()=>l,toc:()=>c});var s=i(6070),n=i(1100),a=i(1928);const r={sidebar_position:8,sidebar_class_name:"sidebar-item--wip",unlisted:!0},d="White Labels",l={id:"guides/examples/white-labels",title:"White Labels",description:"Figma, brand uikit, templates, adaptability to brands",source:"@site/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/white-labels.mdx",sourceDirName:"guides/examples",slug:"/guides/examples/white-labels",permalink:"/uz/docs/guides/examples/white-labels",draft:!1,unlisted:!0,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/white-labels.mdx",tags:[],version:"current",lastUpdatedAt:1728325386e3,sidebarPosition:8,frontMatter:{sidebar_position:8,sidebar_class_name:"sidebar-item--wip",unlisted:!0},sidebar:"guidesSidebar"},o={},c=[...a.RM,{value:"See also",id:"see-also",level:2}];function u(e){const t={a:"a",blockquote:"blockquote",h1:"h1",h2:"h2",header:"header",li:"li",p:"p",ul:"ul",...(0,n.R)(),...e.components};return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(t.header,{children:(0,s.jsx)(t.h1,{id:"white-labels",children:"White Labels"})}),"\n",(0,s.jsx)(a.Ay,{ticket:"215"}),"\n",(0,s.jsxs)(t.blockquote,{children:["\n",(0,s.jsx)(t.p,{children:"Figma, brand uikit, templates, adaptability to brands"}),"\n"]}),"\n",(0,s.jsx)(t.h2,{id:"see-also",children:"See also"}),"\n",(0,s.jsxs)(t.ul,{children:["\n",(0,s.jsx)(t.li,{children:(0,s.jsx)(t.a,{href:"https://t.me/feature_sliced/1543",children:"(Thread) About the application for white-labels (branded) projects"})}),"\n",(0,s.jsx)(t.li,{children:(0,s.jsx)(t.a,{href:"http://yadi.sk/i/5IdhzsWrpO3v4Q",children:"(Presentation) About white-labels apps and design"})}),"\n"]})]})}function h(e={}){const{wrapper:t}={...(0,n.R)(),...e.components};return t?(0,s.jsx)(t,{...e,children:(0,s.jsx)(u,{...e})}):u(e)}},1100:(e,t,i)=>{i.d(t,{R:()=>r,x:()=>d});var s=i(758);const n={},a=s.createContext(n);function r(e){const t=s.useContext(a);return s.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function d(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(n):e.components||n:r(e.components),s.createElement(a.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
diff --git a/uz/assets/js/f2c174dc.ec3571c4.js b/uz/assets/js/f2c174dc.d9ce33ca.js
similarity index 99%
rename from uz/assets/js/f2c174dc.ec3571c4.js
rename to uz/assets/js/f2c174dc.d9ce33ca.js
index 22e84edd1b..2f4cef6ac0 100644
--- a/uz/assets/js/f2c174dc.ec3571c4.js
+++ b/uz/assets/js/f2c174dc.d9ce33ca.js
@@ -1 +1 @@
-"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[4861],{8595:(e,s,i)=>{i.r(s),i.d(s,{assets:()=>a,contentTitle:()=>o,default:()=>h,frontMatter:()=>r,metadata:()=>l,toc:()=>c});var n=i(6070),t=i(1100);const r={sidebar_position:3,sidebar_label:"From a custom architecture"},o="Migration from a custom architecture",l={id:"guides/migration/from-custom",title:"Migration from a custom architecture",description:"This guide describes an approach that might be helpful when migrating from a custom self-made architecture to Feature-Sliced Design.",source:"@site/i18n/en/docusaurus-plugin-content-docs/current/guides/migration/from-custom.md",sourceDirName:"guides/migration",slug:"/guides/migration/from-custom",permalink:"/uz/docs/guides/migration/from-custom",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/guides/migration/from-custom.md",tags:[],version:"current",lastUpdatedAt:1727607766e3,sidebarPosition:3,frontMatter:{sidebar_position:3,sidebar_label:"From a custom architecture"},sidebar:"guidesSidebar",previous:{title:"Page layouts",permalink:"/uz/docs/guides/examples/page-layout"},next:{title:"Migration from v1",permalink:"/uz/docs/guides/migration/from-v1"}},a={},c=[{value:"Before you start",id:"before-you-start",level:2},{value:"Step 1. Divide the code by pages",id:"divide-code-by-pages",level:2},{value:"Step 2. Separate everything else from the pages",id:"separate-everything-else-from-pages",level:2},{value:"Step 3. Tackle cross-imports between pages",id:"tackle-cross-imports-between-pages",level:2},{value:"Step 4. Unpack the Shared layer",id:"unpack-shared-layer",level:2},{value:"Step 5. Organize code by technical purpose",id:"organize-by-technical-purpose",level:2},{value:"Optional steps",id:"optional-steps",level:2},{value:"Step 6. Form entities/features from Redux slices that are used on several pages",id:"form-entities-features-from-redux",level:3},{value:"Step 7. Refactor your modules",id:"refactor-your-modules",level:3},{value:"Step 8. Form a clean UI foundation in <code>shared/ui</code>",id:"form-clean-ui-foundation",level:3},{value:"See also",id:"see-also",level:2}];function d(e){const s={a:"a",admonition:"admonition",br:"br",code:"code",em:"em",h1:"h1",h2:"h2",h3:"h3",header:"header",hr:"hr",li:"li",ol:"ol",p:"p",pre:"pre",strong:"strong",ul:"ul",...(0,t.R)(),...e.components},{Details:i}=s;return i||function(e,s){throw new Error("Expected "+(s?"component":"object")+" `"+e+"` to be defined: you likely forgot to import, pass, or provide it.")}("Details",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(s.header,{children:(0,n.jsx)(s.h1,{id:"migration-from-a-custom-architecture",children:"Migration from a custom architecture"})}),"\n",(0,n.jsx)(s.p,{children:"This guide describes an approach that might be helpful when migrating from a custom self-made architecture to Feature-Sliced Design."}),"\n",(0,n.jsxs)(s.p,{children:["Here is the folder structure of a typical custom architecture. We will be using it as an example in this guide.",(0,n.jsx)(s.br,{}),"\n","Click on the blue arrow to open the folder."]}),"\n",(0,n.jsxs)(i,{className:"file-tree",children:[(0,n.jsx)("summary",{children:"\ud83d\udcc1 src"}),(0,n.jsxs)("ul",{children:[(0,n.jsx)("li",{children:(0,n.jsxs)(i,{className:"file-tree",children:[(0,n.jsx)("summary",{children:"\ud83d\udcc1 actions"}),(0,n.jsxs)("ul",{children:[(0,n.jsx)("li",{children:"\ud83d\udcc1 product"}),(0,n.jsx)("li",{children:"\ud83d\udcc1 order"})]})]})}),(0,n.jsx)("li",{children:"\ud83d\udcc1 api"}),(0,n.jsx)("li",{children:"\ud83d\udcc1 components"}),(0,n.jsx)("li",{children:"\ud83d\udcc1 containers"}),(0,n.jsx)("li",{children:"\ud83d\udcc1 constants"}),(0,n.jsx)("li",{children:"\ud83d\udcc1 i18n"}),(0,n.jsx)("li",{children:"\ud83d\udcc1 modules"}),(0,n.jsx)("li",{children:"\ud83d\udcc1 helpers"}),(0,n.jsx)("li",{children:(0,n.jsxs)(i,{className:"file-tree",children:[(0,n.jsx)("summary",{children:"\ud83d\udcc1 routes"}),(0,n.jsxs)("ul",{children:[(0,n.jsx)("li",{children:"\ud83d\udcc1 products.jsx"}),(0,n.jsx)("li",{children:"\ud83d\udcc4 products.[id].jsx"})]})]})}),(0,n.jsx)("li",{children:"\ud83d\udcc1 utils"}),(0,n.jsx)("li",{children:"\ud83d\udcc1 reducers"}),(0,n.jsx)("li",{children:"\ud83d\udcc1 selectors"}),(0,n.jsx)("li",{children:"\ud83d\udcc1 styles"}),(0,n.jsx)("li",{children:"\ud83d\udcc4 App.jsx"}),(0,n.jsx)("li",{children:"\ud83d\udcc4 index.js"})]})]}),"\n",(0,n.jsx)(s.h2,{id:"before-you-start",children:"Before you start"}),"\n",(0,n.jsxs)(s.p,{children:["The most important question to ask your team when considering to switch to Feature-Sliced Design is \u2014 ",(0,n.jsx)(s.em,{children:"do you really need it?"})," We love Feature-Sliced Design, but even we recognize that some projects are perfectly fine without it."]}),"\n",(0,n.jsx)(s.p,{children:"Here are some reasons to consider making the switch:"}),"\n",(0,n.jsxs)(s.ol,{children:["\n",(0,n.jsx)(s.li,{children:"New team members are complaining that it's hard to get to a productive level"}),"\n",(0,n.jsxs)(s.li,{children:["Making modifications to one part of the code ",(0,n.jsx)(s.strong,{children:"often"})," causes another unrelated part to break"]}),"\n",(0,n.jsx)(s.li,{children:"Adding new functionality is difficult due to the sheer amount of things you need to think about"}),"\n"]}),"\n",(0,n.jsxs)(s.p,{children:[(0,n.jsx)(s.strong,{children:"Avoid switching to FSD against the will of your teammates"}),", even if you are the lead.",(0,n.jsx)(s.br,{}),"\n","First, convince your teammates that the benefits outweigh the cost of migration and the cost of learning a new architecture instead of the established one."]}),"\n",(0,n.jsx)(s.p,{children:"Also keep in mind that any kind of architectural changes are not immediately observable to the management. Make sure they are on board with the switch before starting and explain to them why it might benefit the project."}),"\n",(0,n.jsxs)(s.admonition,{type:"tip",children:[(0,n.jsx)(s.p,{children:"If you need help convincing the project manager that FSD is beneficial, consider some of these points:"}),(0,n.jsxs)(s.ol,{children:["\n",(0,n.jsx)(s.li,{children:"Migration to FSD can happen incrementally, so it will not halt the development of new features"}),"\n",(0,n.jsx)(s.li,{children:"A good architecture can significantly decrease the time that a new developer needs to get productive"}),"\n",(0,n.jsx)(s.li,{children:"FSD is a documented architecture, so the team doesn't have to continuously spend time on maintaining their own documentation"}),"\n"]})]}),"\n",(0,n.jsx)(s.hr,{}),"\n",(0,n.jsxs)(s.p,{children:["If you made the decision to start migrating, then the first thing you want to do is to set up an alias for ",(0,n.jsx)(s.code,{children:"\ud83d\udcc1 src"}),". It will be helpful later to refer to top-level folders. We will consider ",(0,n.jsx)(s.code,{children:"@"})," as an alias for ",(0,n.jsx)(s.code,{children:"./src"})," for the rest of this guide."]}),"\n",(0,n.jsx)(s.h2,{id:"divide-code-by-pages",children:"Step 1. Divide the code by pages"}),"\n",(0,n.jsxs)(s.p,{children:["Most custom architectures already have a division by pages, however small or large in logic. If you already have ",(0,n.jsx)(s.code,{children:"\ud83d\udcc1 pages"}),", you may skip this step."]}),"\n",(0,n.jsxs)(s.p,{children:["If you only have ",(0,n.jsx)(s.code,{children:"\ud83d\udcc1 routes"}),", create ",(0,n.jsx)(s.code,{children:"\ud83d\udcc1 pages"})," and try to move as much component code from ",(0,n.jsx)(s.code,{children:"\ud83d\udcc1 routes"})," as possible. Ideally, you would have a tiny route and a larger page. As you're moving code, create a folder for each page and add an index file:"]}),"\n",(0,n.jsx)(s.admonition,{type:"note",children:(0,n.jsx)(s.p,{children:"For now, it's okay if your pages reference each other. You can tackle that later, but for now, focus on establishing a prominent division by pages."})}),"\n",(0,n.jsx)(s.p,{children:"Route file:"}),"\n",(0,n.jsx)(s.pre,{children:(0,n.jsx)(s.code,{className:"language-js",metastring:'title="src/routes/products.[id].js"',children:'export { ProductPage as default } from "@/pages/product"\n'})}),"\n",(0,n.jsx)(s.p,{children:"Page index file:"}),"\n",(0,n.jsx)(s.pre,{children:(0,n.jsx)(s.code,{className:"language-js",metastring:'title="src/pages/product/index.js"',children:'export { ProductPage } from "./ProductPage.jsx"\n'})}),"\n",(0,n.jsx)(s.p,{children:"Page component file:"}),"\n",(0,n.jsx)(s.pre,{children:(0,n.jsx)(s.code,{className:"language-jsx",metastring:'title="src/pages/product/ProductPage.jsx"',children:"export function ProductPage(props) {\n  return <div />;\n}\n"})}),"\n",(0,n.jsx)(s.h2,{id:"separate-everything-else-from-pages",children:"Step 2. Separate everything else from the pages"}),"\n",(0,n.jsxs)(s.p,{children:["Create a folder ",(0,n.jsx)(s.code,{children:"\ud83d\udcc1 src/shared"})," and move everything that doesn't import from ",(0,n.jsx)(s.code,{children:"\ud83d\udcc1 pages"})," or ",(0,n.jsx)(s.code,{children:"\ud83d\udcc1 routes"})," there. Create a folder ",(0,n.jsx)(s.code,{children:"\ud83d\udcc1 src/app"})," and move everything that does import the pages or routes there, including the routes themselves."]}),"\n",(0,n.jsx)(s.p,{children:"Remember that the Shared layer doesn't have slices, so it's fine if segments import from each other."}),"\n",(0,n.jsx)(s.p,{children:"You should end up with a file structure like this:"}),"\n",(0,n.jsxs)(i,{className:"file-tree",open:!0,children:[(0,n.jsx)("summary",{children:"\ud83d\udcc1 src"}),(0,n.jsxs)("ul",{children:[(0,n.jsx)("li",{children:(0,n.jsxs)(i,{className:"file-tree",children:[(0,n.jsx)("summary",{children:"\ud83d\udcc1 app"}),(0,n.jsxs)("ul",{children:[(0,n.jsx)("li",{children:(0,n.jsxs)(i,{className:"file-tree",children:[(0,n.jsx)("summary",{children:"\ud83d\udcc1 routes"}),(0,n.jsxs)("ul",{children:[(0,n.jsx)("li",{children:"\ud83d\udcc4 products.jsx"}),(0,n.jsx)("li",{children:"\ud83d\udcc4 products.[id].jsx"})]})]})}),(0,n.jsx)("li",{children:"\ud83d\udcc4 App.jsx"}),(0,n.jsx)("li",{children:"\ud83d\udcc4 index.js"})]})]})}),(0,n.jsx)("li",{children:(0,n.jsxs)(i,{className:"file-tree",children:[(0,n.jsx)("summary",{children:"\ud83d\udcc1 pages"}),(0,n.jsxs)("ul",{children:[(0,n.jsx)("li",{children:(0,n.jsxs)(i,{className:"file-tree",children:[(0,n.jsx)("summary",{children:"\ud83d\udcc1 product"}),(0,n.jsxs)("ul",{children:[(0,n.jsx)("li",{children:(0,n.jsxs)(i,{className:"file-tree",children:[(0,n.jsx)("summary",{children:"\ud83d\udcc1 ui"}),(0,n.jsx)("ul",{children:(0,n.jsx)("li",{children:"\ud83d\udcc4 ProductPage.jsx"})})]})}),(0,n.jsx)("li",{children:"\ud83d\udcc4 index.js"})]})]})}),(0,n.jsx)("li",{children:"\ud83d\udcc1 catalog"})]})]})}),(0,n.jsx)("li",{children:(0,n.jsxs)(i,{className:"file-tree",children:[(0,n.jsx)("summary",{children:"\ud83d\udcc1 shared"}),(0,n.jsxs)("ul",{children:[(0,n.jsx)("li",{children:"\ud83d\udcc1 actions"}),(0,n.jsx)("li",{children:"\ud83d\udcc1 api"}),(0,n.jsx)("li",{children:"\ud83d\udcc1 components"}),(0,n.jsx)("li",{children:"\ud83d\udcc1 containers"}),(0,n.jsx)("li",{children:"\ud83d\udcc1 constants"}),(0,n.jsx)("li",{children:"\ud83d\udcc1 i18n"}),(0,n.jsx)("li",{children:"\ud83d\udcc1 modules"}),(0,n.jsx)("li",{children:"\ud83d\udcc1 helpers"}),(0,n.jsx)("li",{children:"\ud83d\udcc1 utils"}),(0,n.jsx)("li",{children:"\ud83d\udcc1 reducers"}),(0,n.jsx)("li",{children:"\ud83d\udcc1 selectors"}),(0,n.jsx)("li",{children:"\ud83d\udcc1 styles"})]})]})})]})]}),"\n",(0,n.jsx)(s.h2,{id:"tackle-cross-imports-between-pages",children:"Step 3. Tackle cross-imports between pages"}),"\n",(0,n.jsx)(s.p,{children:"Find all instances where one page is importing from the other and do one of the two things:"}),"\n",(0,n.jsxs)(s.ol,{children:["\n",(0,n.jsx)(s.li,{children:"Copy-paste the imported code into the depending page to remove the dependency"}),"\n",(0,n.jsxs)(s.li,{children:["Move the code to a proper segment in Shared:","\n",(0,n.jsxs)(s.ul,{children:["\n",(0,n.jsxs)(s.li,{children:["if it's a part of the UI kit, move it to ",(0,n.jsx)(s.code,{children:"\ud83d\udcc1 shared/ui"}),";"]}),"\n",(0,n.jsxs)(s.li,{children:["if it's a configuration constant, move it to ",(0,n.jsx)(s.code,{children:"\ud83d\udcc1 shared/config"}),";"]}),"\n",(0,n.jsxs)(s.li,{children:["if it's a backend interaction, move it to ",(0,n.jsx)(s.code,{children:"\ud83d\udcc1 shared/api"}),"."]}),"\n"]}),"\n"]}),"\n"]}),"\n",(0,n.jsxs)(s.admonition,{type:"note",children:[(0,n.jsxs)(s.p,{children:[(0,n.jsx)(s.strong,{children:"Copy-pasting isn't architecturally wrong"}),", in fact, sometimes it may be more correct to duplicate than to abstract into a new reusable module. The reason is that sometimes the shared parts of pages start drifting apart, and you don't want dependencies getting in your way in these cases."]}),(0,n.jsx)(s.p,{children:"However, there is still sense in the DRY (\"don't repeat yourself\") principle, so make sure you're not copy-pasting business logic. Otherwise you will need to remember to fix bugs in several places at once."})]}),"\n",(0,n.jsx)(s.h2,{id:"unpack-shared-layer",children:"Step 4. Unpack the Shared layer"}),"\n",(0,n.jsx)(s.p,{children:"You might have a lot of stuff in the Shared layer on this step, and you generally want to avoid that. The reason is that the Shared layer may be a dependency for any other layer in your codebase, so making changes to that code is automatically more prone to unintended consequences."}),"\n",(0,n.jsxs)(s.p,{children:["Find all the objects that are only used on one page and move it to the slice of that page. And yes, ",(0,n.jsx)(s.em,{children:"that applies to actions, reducers, and selectors, too"}),". There is no benefit in grouping all actions together, but there is benefit in colocating relevant actions close to their usage."]}),"\n",(0,n.jsx)(s.p,{children:"You should end up with a file structure like this:"}),"\n",(0,n.jsxs)(i,{className:"file-tree",open:!0,children:[(0,n.jsx)("summary",{children:"\ud83d\udcc1 src"}),(0,n.jsxs)("ul",{children:[(0,n.jsx)("li",{children:"\ud83d\udcc1 app (unchanged)"}),(0,n.jsx)("li",{children:(0,n.jsxs)(i,{className:"file-tree",open:!0,children:[(0,n.jsx)("summary",{children:"\ud83d\udcc1 pages"}),(0,n.jsxs)("ul",{children:[(0,n.jsx)("li",{children:(0,n.jsxs)(i,{className:"file-tree",open:!0,children:[(0,n.jsx)("summary",{children:"\ud83d\udcc1 product"}),(0,n.jsxs)("ul",{children:[(0,n.jsx)("li",{children:"\ud83d\udcc1 actions"}),(0,n.jsx)("li",{children:"\ud83d\udcc1 reducers"}),(0,n.jsx)("li",{children:"\ud83d\udcc1 selectors"}),(0,n.jsx)("li",{children:(0,n.jsxs)(i,{className:"file-tree",children:[(0,n.jsx)("summary",{children:"\ud83d\udcc1 ui"}),(0,n.jsxs)("ul",{children:[(0,n.jsx)("li",{children:"\ud83d\udcc4 Component.jsx"}),(0,n.jsx)("li",{children:"\ud83d\udcc4 Container.jsx"}),(0,n.jsx)("li",{children:"\ud83d\udcc4 ProductPage.jsx"})]})]})}),(0,n.jsx)("li",{children:"\ud83d\udcc4 index.js"})]})]})}),(0,n.jsx)("li",{children:"\ud83d\udcc1 catalog"})]})]})}),(0,n.jsx)("li",{children:(0,n.jsxs)(i,{className:"file-tree",children:[(0,n.jsx)("summary",{children:"\ud83d\udcc1 shared (only objects that are reused)"}),(0,n.jsxs)("ul",{children:[(0,n.jsx)("li",{children:"\ud83d\udcc1 actions"}),(0,n.jsx)("li",{children:"\ud83d\udcc1 api"}),(0,n.jsx)("li",{children:"\ud83d\udcc1 components"}),(0,n.jsx)("li",{children:"\ud83d\udcc1 containers"}),(0,n.jsx)("li",{children:"\ud83d\udcc1 constants"}),(0,n.jsx)("li",{children:"\ud83d\udcc1 i18n"}),(0,n.jsx)("li",{children:"\ud83d\udcc1 modules"}),(0,n.jsx)("li",{children:"\ud83d\udcc1 helpers"}),(0,n.jsx)("li",{children:"\ud83d\udcc1 utils"}),(0,n.jsx)("li",{children:"\ud83d\udcc1 reducers"}),(0,n.jsx)("li",{children:"\ud83d\udcc1 selectors"}),(0,n.jsx)("li",{children:"\ud83d\udcc1 styles"})]})]})})]})]}),"\n",(0,n.jsx)(s.h2,{id:"organize-by-technical-purpose",children:"Step 5. Organize code by technical purpose"}),"\n",(0,n.jsxs)(s.p,{children:["In FSD, division by technical purpose is done with ",(0,n.jsx)(s.em,{children:"segments"}),". There are a few common ones:"]}),"\n",(0,n.jsxs)(s.ul,{children:["\n",(0,n.jsxs)(s.li,{children:[(0,n.jsx)(s.code,{children:"ui"})," \u2014 everything related to UI display: UI components, date formatters, styles, etc."]}),"\n",(0,n.jsxs)(s.li,{children:[(0,n.jsx)(s.code,{children:"api"})," \u2014 backend interactions: request functions, data types, mappers, etc."]}),"\n",(0,n.jsxs)(s.li,{children:[(0,n.jsx)(s.code,{children:"model"})," \u2014 the data model: schemas, interfaces, stores, and business logic."]}),"\n",(0,n.jsxs)(s.li,{children:[(0,n.jsx)(s.code,{children:"lib"})," \u2014 library code that other modules on this slice need."]}),"\n",(0,n.jsxs)(s.li,{children:[(0,n.jsx)(s.code,{children:"config"})," \u2014 configuration files and feature flags."]}),"\n"]}),"\n",(0,n.jsxs)(s.p,{children:["You can create your own segments, too, if you need. Make sure not to create segments that group code by what it is, like ",(0,n.jsx)(s.code,{children:"components"}),", ",(0,n.jsx)(s.code,{children:"actions"}),", ",(0,n.jsx)(s.code,{children:"types"}),", ",(0,n.jsx)(s.code,{children:"utils"}),". Instead, group the code by what it's for."]}),"\n",(0,n.jsxs)(s.p,{children:["Reorganize your pages to separate code by segments. You should already have a ",(0,n.jsx)(s.code,{children:"ui"})," segment, now it's time to create other segments, like ",(0,n.jsx)(s.code,{children:"model"})," for your actions, reducers, and selectors, or ",(0,n.jsx)(s.code,{children:"api"})," for your thunks and mutations."]}),"\n",(0,n.jsx)(s.p,{children:"Also reorganize the Shared layer to remove these folders:"}),"\n",(0,n.jsxs)(s.ul,{children:["\n",(0,n.jsxs)(s.li,{children:[(0,n.jsx)(s.code,{children:"\ud83d\udcc1 components"}),", ",(0,n.jsx)(s.code,{children:"\ud83d\udcc1 containers"})," \u2014 most of it should become ",(0,n.jsx)(s.code,{children:"\ud83d\udcc1 shared/ui"}),";"]}),"\n",(0,n.jsxs)(s.li,{children:[(0,n.jsx)(s.code,{children:"\ud83d\udcc1 helpers"}),", ",(0,n.jsx)(s.code,{children:"\ud83d\udcc1 utils"})," \u2014 if there are some reused helpers left, group them together by function, like dates or type conversions, and move theses groups to ",(0,n.jsx)(s.code,{children:"\ud83d\udcc1 shared/lib"}),";"]}),"\n",(0,n.jsxs)(s.li,{children:[(0,n.jsx)(s.code,{children:"\ud83d\udcc1 constants"})," \u2014 again, group by function and move to ",(0,n.jsx)(s.code,{children:"\ud83d\udcc1 shared/config"}),"."]}),"\n"]}),"\n",(0,n.jsx)(s.h2,{id:"optional-steps",children:"Optional steps"}),"\n",(0,n.jsx)(s.h3,{id:"form-entities-features-from-redux",children:"Step 6. Form entities/features from Redux slices that are used on several pages"}),"\n",(0,n.jsx)(s.p,{children:"Usually, these reused Redux slices will describe something relevant to the business, for example, products or users, so these can be moved to the Entities layer, one entity per one folder. If the Redux slice is related to an action that your users want to do in your app, like comments, then you can move it to the Features layer."}),"\n",(0,n.jsxs)(s.p,{children:["Entities and features are meant to be independent from each other. If your business domain contains inherent connections between entities, refer to the ",(0,n.jsx)(s.a,{href:"/docs/guides/examples/types#business-entities-and-their-cross-references",children:"guide on business entities"})," for advice on how to organize these connections."]}),"\n",(0,n.jsxs)(s.p,{children:["The API functions related to these slices can stay in ",(0,n.jsx)(s.code,{children:"\ud83d\udcc1 shared/api"}),"."]}),"\n",(0,n.jsx)(s.h3,{id:"refactor-your-modules",children:"Step 7. Refactor your modules"}),"\n",(0,n.jsxs)(s.p,{children:["The ",(0,n.jsx)(s.code,{children:"\ud83d\udcc1 modules"})," folder is commonly used for business logic, so it's already pretty similar in nature to the Features layer from FSD. Some modules might also be describe large chunks of the UI, like an app header. In that case, you should migrate them to the Widgets layer."]}),"\n",(0,n.jsxs)(s.h3,{id:"form-clean-ui-foundation",children:["Step 8. Form a clean UI foundation in ",(0,n.jsx)(s.code,{children:"shared/ui"})]}),"\n",(0,n.jsxs)(s.p,{children:[(0,n.jsx)(s.code,{children:"\ud83d\udcc1 shared/ui"})," should ideally contain a set of UI elements that don't have any business logic encoded in them. They should also be highly reusable."]}),"\n",(0,n.jsxs)(s.p,{children:["Refactor the UI components that used to be in ",(0,n.jsx)(s.code,{children:"\ud83d\udcc1 components"})," and ",(0,n.jsx)(s.code,{children:"\ud83d\udcc1 containers"})," to separate out the business logic. Move that business logic to the higher layers. If it's not used in too many places, you could even consider copy-pasting."]}),"\n",(0,n.jsx)(s.h2,{id:"see-also",children:"See also"}),"\n",(0,n.jsxs)(s.ul,{children:["\n",(0,n.jsx)(s.li,{children:(0,n.jsx)(s.a,{href:"https://youtu.be/aOiJ3k2UvO4",children:"(Talk in Russian) Ilya Klimov \u2014 \u041a\u0440\u044b\u0441\u0438\u043d\u044b\u0435 \u0431\u0435\u0433\u0430 \u0431\u0435\u0441\u043a\u043e\u043d\u0435\u0447\u043d\u043e\u0433\u043e \u0440\u0435\u0444\u0430\u043a\u0442\u043e\u0440\u0438\u043d\u0433\u0430: \u043a\u0430\u043a \u043d\u0435 \u0434\u0430\u0442\u044c \u0442\u0435\u0445\u043d\u0438\u0447\u0435\u0441\u043a\u043e\u043c\u0443 \u0434\u043e\u043b\u0433\u0443 \u0443\u0431\u0438\u0442\u044c \u043c\u043e\u0442\u0438\u0432\u0430\u0446\u0438\u044e \u0438 \u043f\u0440\u043e\u0434\u0443\u043a\u0442"})}),"\n"]})]})}function h(e={}){const{wrapper:s}={...(0,t.R)(),...e.components};return s?(0,n.jsx)(s,{...e,children:(0,n.jsx)(d,{...e})}):d(e)}},1100:(e,s,i)=>{i.d(s,{R:()=>o,x:()=>l});var n=i(758);const t={},r=n.createContext(t);function o(e){const s=n.useContext(r);return n.useMemo((function(){return"function"==typeof e?e(s):{...s,...e}}),[s,e])}function l(e){let s;return s=e.disableParentContext?"function"==typeof e.components?e.components(t):e.components||t:o(e.components),n.createElement(r.Provider,{value:s},e.children)}}}]);
\ No newline at end of file
+"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[4861],{8595:(e,s,i)=>{i.r(s),i.d(s,{assets:()=>a,contentTitle:()=>o,default:()=>h,frontMatter:()=>r,metadata:()=>l,toc:()=>c});var n=i(6070),t=i(1100);const r={sidebar_position:3,sidebar_label:"From a custom architecture"},o="Migration from a custom architecture",l={id:"guides/migration/from-custom",title:"Migration from a custom architecture",description:"This guide describes an approach that might be helpful when migrating from a custom self-made architecture to Feature-Sliced Design.",source:"@site/i18n/en/docusaurus-plugin-content-docs/current/guides/migration/from-custom.md",sourceDirName:"guides/migration",slug:"/guides/migration/from-custom",permalink:"/uz/docs/guides/migration/from-custom",draft:!1,unlisted:!1,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/guides/migration/from-custom.md",tags:[],version:"current",lastUpdatedAt:1728325386e3,sidebarPosition:3,frontMatter:{sidebar_position:3,sidebar_label:"From a custom architecture"},sidebar:"guidesSidebar",previous:{title:"Page layouts",permalink:"/uz/docs/guides/examples/page-layout"},next:{title:"Migration from v1",permalink:"/uz/docs/guides/migration/from-v1"}},a={},c=[{value:"Before you start",id:"before-you-start",level:2},{value:"Step 1. Divide the code by pages",id:"divide-code-by-pages",level:2},{value:"Step 2. Separate everything else from the pages",id:"separate-everything-else-from-pages",level:2},{value:"Step 3. Tackle cross-imports between pages",id:"tackle-cross-imports-between-pages",level:2},{value:"Step 4. Unpack the Shared layer",id:"unpack-shared-layer",level:2},{value:"Step 5. Organize code by technical purpose",id:"organize-by-technical-purpose",level:2},{value:"Optional steps",id:"optional-steps",level:2},{value:"Step 6. Form entities/features from Redux slices that are used on several pages",id:"form-entities-features-from-redux",level:3},{value:"Step 7. Refactor your modules",id:"refactor-your-modules",level:3},{value:"Step 8. Form a clean UI foundation in <code>shared/ui</code>",id:"form-clean-ui-foundation",level:3},{value:"See also",id:"see-also",level:2}];function d(e){const s={a:"a",admonition:"admonition",br:"br",code:"code",em:"em",h1:"h1",h2:"h2",h3:"h3",header:"header",hr:"hr",li:"li",ol:"ol",p:"p",pre:"pre",strong:"strong",ul:"ul",...(0,t.R)(),...e.components},{Details:i}=s;return i||function(e,s){throw new Error("Expected "+(s?"component":"object")+" `"+e+"` to be defined: you likely forgot to import, pass, or provide it.")}("Details",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(s.header,{children:(0,n.jsx)(s.h1,{id:"migration-from-a-custom-architecture",children:"Migration from a custom architecture"})}),"\n",(0,n.jsx)(s.p,{children:"This guide describes an approach that might be helpful when migrating from a custom self-made architecture to Feature-Sliced Design."}),"\n",(0,n.jsxs)(s.p,{children:["Here is the folder structure of a typical custom architecture. We will be using it as an example in this guide.",(0,n.jsx)(s.br,{}),"\n","Click on the blue arrow to open the folder."]}),"\n",(0,n.jsxs)(i,{className:"file-tree",children:[(0,n.jsx)("summary",{children:"\ud83d\udcc1 src"}),(0,n.jsxs)("ul",{children:[(0,n.jsx)("li",{children:(0,n.jsxs)(i,{className:"file-tree",children:[(0,n.jsx)("summary",{children:"\ud83d\udcc1 actions"}),(0,n.jsxs)("ul",{children:[(0,n.jsx)("li",{children:"\ud83d\udcc1 product"}),(0,n.jsx)("li",{children:"\ud83d\udcc1 order"})]})]})}),(0,n.jsx)("li",{children:"\ud83d\udcc1 api"}),(0,n.jsx)("li",{children:"\ud83d\udcc1 components"}),(0,n.jsx)("li",{children:"\ud83d\udcc1 containers"}),(0,n.jsx)("li",{children:"\ud83d\udcc1 constants"}),(0,n.jsx)("li",{children:"\ud83d\udcc1 i18n"}),(0,n.jsx)("li",{children:"\ud83d\udcc1 modules"}),(0,n.jsx)("li",{children:"\ud83d\udcc1 helpers"}),(0,n.jsx)("li",{children:(0,n.jsxs)(i,{className:"file-tree",children:[(0,n.jsx)("summary",{children:"\ud83d\udcc1 routes"}),(0,n.jsxs)("ul",{children:[(0,n.jsx)("li",{children:"\ud83d\udcc1 products.jsx"}),(0,n.jsx)("li",{children:"\ud83d\udcc4 products.[id].jsx"})]})]})}),(0,n.jsx)("li",{children:"\ud83d\udcc1 utils"}),(0,n.jsx)("li",{children:"\ud83d\udcc1 reducers"}),(0,n.jsx)("li",{children:"\ud83d\udcc1 selectors"}),(0,n.jsx)("li",{children:"\ud83d\udcc1 styles"}),(0,n.jsx)("li",{children:"\ud83d\udcc4 App.jsx"}),(0,n.jsx)("li",{children:"\ud83d\udcc4 index.js"})]})]}),"\n",(0,n.jsx)(s.h2,{id:"before-you-start",children:"Before you start"}),"\n",(0,n.jsxs)(s.p,{children:["The most important question to ask your team when considering to switch to Feature-Sliced Design is \u2014 ",(0,n.jsx)(s.em,{children:"do you really need it?"})," We love Feature-Sliced Design, but even we recognize that some projects are perfectly fine without it."]}),"\n",(0,n.jsx)(s.p,{children:"Here are some reasons to consider making the switch:"}),"\n",(0,n.jsxs)(s.ol,{children:["\n",(0,n.jsx)(s.li,{children:"New team members are complaining that it's hard to get to a productive level"}),"\n",(0,n.jsxs)(s.li,{children:["Making modifications to one part of the code ",(0,n.jsx)(s.strong,{children:"often"})," causes another unrelated part to break"]}),"\n",(0,n.jsx)(s.li,{children:"Adding new functionality is difficult due to the sheer amount of things you need to think about"}),"\n"]}),"\n",(0,n.jsxs)(s.p,{children:[(0,n.jsx)(s.strong,{children:"Avoid switching to FSD against the will of your teammates"}),", even if you are the lead.",(0,n.jsx)(s.br,{}),"\n","First, convince your teammates that the benefits outweigh the cost of migration and the cost of learning a new architecture instead of the established one."]}),"\n",(0,n.jsx)(s.p,{children:"Also keep in mind that any kind of architectural changes are not immediately observable to the management. Make sure they are on board with the switch before starting and explain to them why it might benefit the project."}),"\n",(0,n.jsxs)(s.admonition,{type:"tip",children:[(0,n.jsx)(s.p,{children:"If you need help convincing the project manager that FSD is beneficial, consider some of these points:"}),(0,n.jsxs)(s.ol,{children:["\n",(0,n.jsx)(s.li,{children:"Migration to FSD can happen incrementally, so it will not halt the development of new features"}),"\n",(0,n.jsx)(s.li,{children:"A good architecture can significantly decrease the time that a new developer needs to get productive"}),"\n",(0,n.jsx)(s.li,{children:"FSD is a documented architecture, so the team doesn't have to continuously spend time on maintaining their own documentation"}),"\n"]})]}),"\n",(0,n.jsx)(s.hr,{}),"\n",(0,n.jsxs)(s.p,{children:["If you made the decision to start migrating, then the first thing you want to do is to set up an alias for ",(0,n.jsx)(s.code,{children:"\ud83d\udcc1 src"}),". It will be helpful later to refer to top-level folders. We will consider ",(0,n.jsx)(s.code,{children:"@"})," as an alias for ",(0,n.jsx)(s.code,{children:"./src"})," for the rest of this guide."]}),"\n",(0,n.jsx)(s.h2,{id:"divide-code-by-pages",children:"Step 1. Divide the code by pages"}),"\n",(0,n.jsxs)(s.p,{children:["Most custom architectures already have a division by pages, however small or large in logic. If you already have ",(0,n.jsx)(s.code,{children:"\ud83d\udcc1 pages"}),", you may skip this step."]}),"\n",(0,n.jsxs)(s.p,{children:["If you only have ",(0,n.jsx)(s.code,{children:"\ud83d\udcc1 routes"}),", create ",(0,n.jsx)(s.code,{children:"\ud83d\udcc1 pages"})," and try to move as much component code from ",(0,n.jsx)(s.code,{children:"\ud83d\udcc1 routes"})," as possible. Ideally, you would have a tiny route and a larger page. As you're moving code, create a folder for each page and add an index file:"]}),"\n",(0,n.jsx)(s.admonition,{type:"note",children:(0,n.jsx)(s.p,{children:"For now, it's okay if your pages reference each other. You can tackle that later, but for now, focus on establishing a prominent division by pages."})}),"\n",(0,n.jsx)(s.p,{children:"Route file:"}),"\n",(0,n.jsx)(s.pre,{children:(0,n.jsx)(s.code,{className:"language-js",metastring:'title="src/routes/products.[id].js"',children:'export { ProductPage as default } from "@/pages/product"\n'})}),"\n",(0,n.jsx)(s.p,{children:"Page index file:"}),"\n",(0,n.jsx)(s.pre,{children:(0,n.jsx)(s.code,{className:"language-js",metastring:'title="src/pages/product/index.js"',children:'export { ProductPage } from "./ProductPage.jsx"\n'})}),"\n",(0,n.jsx)(s.p,{children:"Page component file:"}),"\n",(0,n.jsx)(s.pre,{children:(0,n.jsx)(s.code,{className:"language-jsx",metastring:'title="src/pages/product/ProductPage.jsx"',children:"export function ProductPage(props) {\n  return <div />;\n}\n"})}),"\n",(0,n.jsx)(s.h2,{id:"separate-everything-else-from-pages",children:"Step 2. Separate everything else from the pages"}),"\n",(0,n.jsxs)(s.p,{children:["Create a folder ",(0,n.jsx)(s.code,{children:"\ud83d\udcc1 src/shared"})," and move everything that doesn't import from ",(0,n.jsx)(s.code,{children:"\ud83d\udcc1 pages"})," or ",(0,n.jsx)(s.code,{children:"\ud83d\udcc1 routes"})," there. Create a folder ",(0,n.jsx)(s.code,{children:"\ud83d\udcc1 src/app"})," and move everything that does import the pages or routes there, including the routes themselves."]}),"\n",(0,n.jsx)(s.p,{children:"Remember that the Shared layer doesn't have slices, so it's fine if segments import from each other."}),"\n",(0,n.jsx)(s.p,{children:"You should end up with a file structure like this:"}),"\n",(0,n.jsxs)(i,{className:"file-tree",open:!0,children:[(0,n.jsx)("summary",{children:"\ud83d\udcc1 src"}),(0,n.jsxs)("ul",{children:[(0,n.jsx)("li",{children:(0,n.jsxs)(i,{className:"file-tree",children:[(0,n.jsx)("summary",{children:"\ud83d\udcc1 app"}),(0,n.jsxs)("ul",{children:[(0,n.jsx)("li",{children:(0,n.jsxs)(i,{className:"file-tree",children:[(0,n.jsx)("summary",{children:"\ud83d\udcc1 routes"}),(0,n.jsxs)("ul",{children:[(0,n.jsx)("li",{children:"\ud83d\udcc4 products.jsx"}),(0,n.jsx)("li",{children:"\ud83d\udcc4 products.[id].jsx"})]})]})}),(0,n.jsx)("li",{children:"\ud83d\udcc4 App.jsx"}),(0,n.jsx)("li",{children:"\ud83d\udcc4 index.js"})]})]})}),(0,n.jsx)("li",{children:(0,n.jsxs)(i,{className:"file-tree",children:[(0,n.jsx)("summary",{children:"\ud83d\udcc1 pages"}),(0,n.jsxs)("ul",{children:[(0,n.jsx)("li",{children:(0,n.jsxs)(i,{className:"file-tree",children:[(0,n.jsx)("summary",{children:"\ud83d\udcc1 product"}),(0,n.jsxs)("ul",{children:[(0,n.jsx)("li",{children:(0,n.jsxs)(i,{className:"file-tree",children:[(0,n.jsx)("summary",{children:"\ud83d\udcc1 ui"}),(0,n.jsx)("ul",{children:(0,n.jsx)("li",{children:"\ud83d\udcc4 ProductPage.jsx"})})]})}),(0,n.jsx)("li",{children:"\ud83d\udcc4 index.js"})]})]})}),(0,n.jsx)("li",{children:"\ud83d\udcc1 catalog"})]})]})}),(0,n.jsx)("li",{children:(0,n.jsxs)(i,{className:"file-tree",children:[(0,n.jsx)("summary",{children:"\ud83d\udcc1 shared"}),(0,n.jsxs)("ul",{children:[(0,n.jsx)("li",{children:"\ud83d\udcc1 actions"}),(0,n.jsx)("li",{children:"\ud83d\udcc1 api"}),(0,n.jsx)("li",{children:"\ud83d\udcc1 components"}),(0,n.jsx)("li",{children:"\ud83d\udcc1 containers"}),(0,n.jsx)("li",{children:"\ud83d\udcc1 constants"}),(0,n.jsx)("li",{children:"\ud83d\udcc1 i18n"}),(0,n.jsx)("li",{children:"\ud83d\udcc1 modules"}),(0,n.jsx)("li",{children:"\ud83d\udcc1 helpers"}),(0,n.jsx)("li",{children:"\ud83d\udcc1 utils"}),(0,n.jsx)("li",{children:"\ud83d\udcc1 reducers"}),(0,n.jsx)("li",{children:"\ud83d\udcc1 selectors"}),(0,n.jsx)("li",{children:"\ud83d\udcc1 styles"})]})]})})]})]}),"\n",(0,n.jsx)(s.h2,{id:"tackle-cross-imports-between-pages",children:"Step 3. Tackle cross-imports between pages"}),"\n",(0,n.jsx)(s.p,{children:"Find all instances where one page is importing from the other and do one of the two things:"}),"\n",(0,n.jsxs)(s.ol,{children:["\n",(0,n.jsx)(s.li,{children:"Copy-paste the imported code into the depending page to remove the dependency"}),"\n",(0,n.jsxs)(s.li,{children:["Move the code to a proper segment in Shared:","\n",(0,n.jsxs)(s.ul,{children:["\n",(0,n.jsxs)(s.li,{children:["if it's a part of the UI kit, move it to ",(0,n.jsx)(s.code,{children:"\ud83d\udcc1 shared/ui"}),";"]}),"\n",(0,n.jsxs)(s.li,{children:["if it's a configuration constant, move it to ",(0,n.jsx)(s.code,{children:"\ud83d\udcc1 shared/config"}),";"]}),"\n",(0,n.jsxs)(s.li,{children:["if it's a backend interaction, move it to ",(0,n.jsx)(s.code,{children:"\ud83d\udcc1 shared/api"}),"."]}),"\n"]}),"\n"]}),"\n"]}),"\n",(0,n.jsxs)(s.admonition,{type:"note",children:[(0,n.jsxs)(s.p,{children:[(0,n.jsx)(s.strong,{children:"Copy-pasting isn't architecturally wrong"}),", in fact, sometimes it may be more correct to duplicate than to abstract into a new reusable module. The reason is that sometimes the shared parts of pages start drifting apart, and you don't want dependencies getting in your way in these cases."]}),(0,n.jsx)(s.p,{children:"However, there is still sense in the DRY (\"don't repeat yourself\") principle, so make sure you're not copy-pasting business logic. Otherwise you will need to remember to fix bugs in several places at once."})]}),"\n",(0,n.jsx)(s.h2,{id:"unpack-shared-layer",children:"Step 4. Unpack the Shared layer"}),"\n",(0,n.jsx)(s.p,{children:"You might have a lot of stuff in the Shared layer on this step, and you generally want to avoid that. The reason is that the Shared layer may be a dependency for any other layer in your codebase, so making changes to that code is automatically more prone to unintended consequences."}),"\n",(0,n.jsxs)(s.p,{children:["Find all the objects that are only used on one page and move it to the slice of that page. And yes, ",(0,n.jsx)(s.em,{children:"that applies to actions, reducers, and selectors, too"}),". There is no benefit in grouping all actions together, but there is benefit in colocating relevant actions close to their usage."]}),"\n",(0,n.jsx)(s.p,{children:"You should end up with a file structure like this:"}),"\n",(0,n.jsxs)(i,{className:"file-tree",open:!0,children:[(0,n.jsx)("summary",{children:"\ud83d\udcc1 src"}),(0,n.jsxs)("ul",{children:[(0,n.jsx)("li",{children:"\ud83d\udcc1 app (unchanged)"}),(0,n.jsx)("li",{children:(0,n.jsxs)(i,{className:"file-tree",open:!0,children:[(0,n.jsx)("summary",{children:"\ud83d\udcc1 pages"}),(0,n.jsxs)("ul",{children:[(0,n.jsx)("li",{children:(0,n.jsxs)(i,{className:"file-tree",open:!0,children:[(0,n.jsx)("summary",{children:"\ud83d\udcc1 product"}),(0,n.jsxs)("ul",{children:[(0,n.jsx)("li",{children:"\ud83d\udcc1 actions"}),(0,n.jsx)("li",{children:"\ud83d\udcc1 reducers"}),(0,n.jsx)("li",{children:"\ud83d\udcc1 selectors"}),(0,n.jsx)("li",{children:(0,n.jsxs)(i,{className:"file-tree",children:[(0,n.jsx)("summary",{children:"\ud83d\udcc1 ui"}),(0,n.jsxs)("ul",{children:[(0,n.jsx)("li",{children:"\ud83d\udcc4 Component.jsx"}),(0,n.jsx)("li",{children:"\ud83d\udcc4 Container.jsx"}),(0,n.jsx)("li",{children:"\ud83d\udcc4 ProductPage.jsx"})]})]})}),(0,n.jsx)("li",{children:"\ud83d\udcc4 index.js"})]})]})}),(0,n.jsx)("li",{children:"\ud83d\udcc1 catalog"})]})]})}),(0,n.jsx)("li",{children:(0,n.jsxs)(i,{className:"file-tree",children:[(0,n.jsx)("summary",{children:"\ud83d\udcc1 shared (only objects that are reused)"}),(0,n.jsxs)("ul",{children:[(0,n.jsx)("li",{children:"\ud83d\udcc1 actions"}),(0,n.jsx)("li",{children:"\ud83d\udcc1 api"}),(0,n.jsx)("li",{children:"\ud83d\udcc1 components"}),(0,n.jsx)("li",{children:"\ud83d\udcc1 containers"}),(0,n.jsx)("li",{children:"\ud83d\udcc1 constants"}),(0,n.jsx)("li",{children:"\ud83d\udcc1 i18n"}),(0,n.jsx)("li",{children:"\ud83d\udcc1 modules"}),(0,n.jsx)("li",{children:"\ud83d\udcc1 helpers"}),(0,n.jsx)("li",{children:"\ud83d\udcc1 utils"}),(0,n.jsx)("li",{children:"\ud83d\udcc1 reducers"}),(0,n.jsx)("li",{children:"\ud83d\udcc1 selectors"}),(0,n.jsx)("li",{children:"\ud83d\udcc1 styles"})]})]})})]})]}),"\n",(0,n.jsx)(s.h2,{id:"organize-by-technical-purpose",children:"Step 5. Organize code by technical purpose"}),"\n",(0,n.jsxs)(s.p,{children:["In FSD, division by technical purpose is done with ",(0,n.jsx)(s.em,{children:"segments"}),". There are a few common ones:"]}),"\n",(0,n.jsxs)(s.ul,{children:["\n",(0,n.jsxs)(s.li,{children:[(0,n.jsx)(s.code,{children:"ui"})," \u2014 everything related to UI display: UI components, date formatters, styles, etc."]}),"\n",(0,n.jsxs)(s.li,{children:[(0,n.jsx)(s.code,{children:"api"})," \u2014 backend interactions: request functions, data types, mappers, etc."]}),"\n",(0,n.jsxs)(s.li,{children:[(0,n.jsx)(s.code,{children:"model"})," \u2014 the data model: schemas, interfaces, stores, and business logic."]}),"\n",(0,n.jsxs)(s.li,{children:[(0,n.jsx)(s.code,{children:"lib"})," \u2014 library code that other modules on this slice need."]}),"\n",(0,n.jsxs)(s.li,{children:[(0,n.jsx)(s.code,{children:"config"})," \u2014 configuration files and feature flags."]}),"\n"]}),"\n",(0,n.jsxs)(s.p,{children:["You can create your own segments, too, if you need. Make sure not to create segments that group code by what it is, like ",(0,n.jsx)(s.code,{children:"components"}),", ",(0,n.jsx)(s.code,{children:"actions"}),", ",(0,n.jsx)(s.code,{children:"types"}),", ",(0,n.jsx)(s.code,{children:"utils"}),". Instead, group the code by what it's for."]}),"\n",(0,n.jsxs)(s.p,{children:["Reorganize your pages to separate code by segments. You should already have a ",(0,n.jsx)(s.code,{children:"ui"})," segment, now it's time to create other segments, like ",(0,n.jsx)(s.code,{children:"model"})," for your actions, reducers, and selectors, or ",(0,n.jsx)(s.code,{children:"api"})," for your thunks and mutations."]}),"\n",(0,n.jsx)(s.p,{children:"Also reorganize the Shared layer to remove these folders:"}),"\n",(0,n.jsxs)(s.ul,{children:["\n",(0,n.jsxs)(s.li,{children:[(0,n.jsx)(s.code,{children:"\ud83d\udcc1 components"}),", ",(0,n.jsx)(s.code,{children:"\ud83d\udcc1 containers"})," \u2014 most of it should become ",(0,n.jsx)(s.code,{children:"\ud83d\udcc1 shared/ui"}),";"]}),"\n",(0,n.jsxs)(s.li,{children:[(0,n.jsx)(s.code,{children:"\ud83d\udcc1 helpers"}),", ",(0,n.jsx)(s.code,{children:"\ud83d\udcc1 utils"})," \u2014 if there are some reused helpers left, group them together by function, like dates or type conversions, and move theses groups to ",(0,n.jsx)(s.code,{children:"\ud83d\udcc1 shared/lib"}),";"]}),"\n",(0,n.jsxs)(s.li,{children:[(0,n.jsx)(s.code,{children:"\ud83d\udcc1 constants"})," \u2014 again, group by function and move to ",(0,n.jsx)(s.code,{children:"\ud83d\udcc1 shared/config"}),"."]}),"\n"]}),"\n",(0,n.jsx)(s.h2,{id:"optional-steps",children:"Optional steps"}),"\n",(0,n.jsx)(s.h3,{id:"form-entities-features-from-redux",children:"Step 6. Form entities/features from Redux slices that are used on several pages"}),"\n",(0,n.jsx)(s.p,{children:"Usually, these reused Redux slices will describe something relevant to the business, for example, products or users, so these can be moved to the Entities layer, one entity per one folder. If the Redux slice is related to an action that your users want to do in your app, like comments, then you can move it to the Features layer."}),"\n",(0,n.jsxs)(s.p,{children:["Entities and features are meant to be independent from each other. If your business domain contains inherent connections between entities, refer to the ",(0,n.jsx)(s.a,{href:"/docs/guides/examples/types#business-entities-and-their-cross-references",children:"guide on business entities"})," for advice on how to organize these connections."]}),"\n",(0,n.jsxs)(s.p,{children:["The API functions related to these slices can stay in ",(0,n.jsx)(s.code,{children:"\ud83d\udcc1 shared/api"}),"."]}),"\n",(0,n.jsx)(s.h3,{id:"refactor-your-modules",children:"Step 7. Refactor your modules"}),"\n",(0,n.jsxs)(s.p,{children:["The ",(0,n.jsx)(s.code,{children:"\ud83d\udcc1 modules"})," folder is commonly used for business logic, so it's already pretty similar in nature to the Features layer from FSD. Some modules might also be describe large chunks of the UI, like an app header. In that case, you should migrate them to the Widgets layer."]}),"\n",(0,n.jsxs)(s.h3,{id:"form-clean-ui-foundation",children:["Step 8. Form a clean UI foundation in ",(0,n.jsx)(s.code,{children:"shared/ui"})]}),"\n",(0,n.jsxs)(s.p,{children:[(0,n.jsx)(s.code,{children:"\ud83d\udcc1 shared/ui"})," should ideally contain a set of UI elements that don't have any business logic encoded in them. They should also be highly reusable."]}),"\n",(0,n.jsxs)(s.p,{children:["Refactor the UI components that used to be in ",(0,n.jsx)(s.code,{children:"\ud83d\udcc1 components"})," and ",(0,n.jsx)(s.code,{children:"\ud83d\udcc1 containers"})," to separate out the business logic. Move that business logic to the higher layers. If it's not used in too many places, you could even consider copy-pasting."]}),"\n",(0,n.jsx)(s.h2,{id:"see-also",children:"See also"}),"\n",(0,n.jsxs)(s.ul,{children:["\n",(0,n.jsx)(s.li,{children:(0,n.jsx)(s.a,{href:"https://youtu.be/aOiJ3k2UvO4",children:"(Talk in Russian) Ilya Klimov \u2014 \u041a\u0440\u044b\u0441\u0438\u043d\u044b\u0435 \u0431\u0435\u0433\u0430 \u0431\u0435\u0441\u043a\u043e\u043d\u0435\u0447\u043d\u043e\u0433\u043e \u0440\u0435\u0444\u0430\u043a\u0442\u043e\u0440\u0438\u043d\u0433\u0430: \u043a\u0430\u043a \u043d\u0435 \u0434\u0430\u0442\u044c \u0442\u0435\u0445\u043d\u0438\u0447\u0435\u0441\u043a\u043e\u043c\u0443 \u0434\u043e\u043b\u0433\u0443 \u0443\u0431\u0438\u0442\u044c \u043c\u043e\u0442\u0438\u0432\u0430\u0446\u0438\u044e \u0438 \u043f\u0440\u043e\u0434\u0443\u043a\u0442"})}),"\n"]})]})}function h(e={}){const{wrapper:s}={...(0,t.R)(),...e.components};return s?(0,n.jsx)(s,{...e,children:(0,n.jsx)(d,{...e})}):d(e)}},1100:(e,s,i)=>{i.d(s,{R:()=>o,x:()=>l});var n=i(758);const t={},r=n.createContext(t);function o(e){const s=n.useContext(r);return n.useMemo((function(){return"function"==typeof e?e(s):{...s,...e}}),[s,e])}function l(e){let s;return s=e.disableParentContext?"function"==typeof e.components?e.components(t):e.components||t:o(e.components),n.createElement(r.Provider,{value:s},e.children)}}}]);
\ No newline at end of file
diff --git a/uz/assets/js/fe129f8e.f1eace81.js b/uz/assets/js/fe129f8e.4a58ea5c.js
similarity index 96%
rename from uz/assets/js/fe129f8e.f1eace81.js
rename to uz/assets/js/fe129f8e.4a58ea5c.js
index fd84b0b65f..7b4a06b709 100644
--- a/uz/assets/js/fe129f8e.f1eace81.js
+++ b/uz/assets/js/fe129f8e.4a58ea5c.js
@@ -1 +1 @@
-"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[6217],{1928:(e,t,s)=>{s.d(t,{Ay:()=>u,RM:()=>o});var n=s(6070),i=s(1100),r=(s(758),s(6783)),c=s(7765);const d=e=>{let{ticket:t}=e;const s=`https://github.com/feature-sliced/documentation/issues/${t}`;return(0,n.jsxs)("div",{children:[(0,n.jsx)("p",{children:(0,c.T)({id:"shared.wip.title"})}),(0,n.jsx)("p",{children:(0,c.T)({id:"shared.wip.subtitle"})}),(0,n.jsxs)("ul",{children:[(0,n.jsxs)("li",{children:[(0,c.T)({id:"shared.wip.var.feedback.base"}),(0,n.jsx)(r.A,{to:s,children:(0,c.T)({id:"shared.wip.var.feedback.link"})})]}),(0,n.jsxs)("li",{children:[(0,c.T)({id:"shared.wip.var.material.base"}),(0,n.jsx)(r.A,{to:"https://t.me/feature_sliced",children:(0,c.T)({id:"shared.wip.var.material.link"})})]}),(0,n.jsxs)("li",{children:[(0,c.T)({id:"shared.wip.var.contribute.base"}),(0,n.jsx)(r.A,{to:"https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md",children:(0,c.T)({id:"shared.wip.var.contribute.link"})})]})]}),(0,n.jsx)("br",{}),(0,n.jsx)("p",{children:(0,n.jsx)("i",{children:"\ud83c\udf70 Stay tuned!"})})]})},o=[];function a(e){const t={admonition:"admonition",...(0,i.R)(),...e.components};return(0,n.jsx)(t.admonition,{title:"WIP",type:"caution",children:(0,n.jsx)(d,{ticket:e.ticket})})}function u(e={}){const{wrapper:t}={...(0,i.R)(),...e.components};return t?(0,n.jsx)(t,{...e,children:(0,n.jsx)(a,{...e})}):a(e)}},5845:(e,t,s)=>{s.r(t),s.d(t,{assets:()=>a,contentTitle:()=>d,default:()=>h,frontMatter:()=>c,metadata:()=>o,toc:()=>u});var n=s(6070),i=s(1100),r=s(1928);const c={sidebar_class_name:"sidebar-item--wip",unlisted:!0},d="CMS",o={id:"guides/examples/cms",title:"CMS",description:"Features may be different",source:"@site/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/cms.mdx",sourceDirName:"guides/examples",slug:"/guides/examples/cms",permalink:"/uz/docs/guides/examples/cms",draft:!1,unlisted:!0,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/cms.mdx",tags:[],version:"current",lastUpdatedAt:1727607766e3,frontMatter:{sidebar_class_name:"sidebar-item--wip",unlisted:!0},sidebar:"guidesSidebar"},a={},u=[...r.RM,{value:"Features may be different",id:"features-may-be-different",level:2},{value:"How to work more correctly with CMS markup",id:"how-to-work-more-correctly-with-cms-markup",level:2}];function l(e){const t={a:"a",blockquote:"blockquote",h1:"h1",h2:"h2",header:"header",p:"p",...(0,i.R)(),...e.components};return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(t.header,{children:(0,n.jsx)(t.h1,{id:"cms",children:"CMS"})}),"\n",(0,n.jsx)(r.Ay,{ticket:"172"}),"\n",(0,n.jsx)(t.h2,{id:"features-may-be-different",children:"Features may be different"}),"\n",(0,n.jsx)(t.p,{children:"In some projects, all the functionality is concentrated in data from the server"}),"\n",(0,n.jsxs)(t.blockquote,{children:["\n",(0,n.jsx)(t.p,{children:(0,n.jsx)(t.a,{href:"https://github.com/feature-sliced/documentation/discussions/65#discussioncomment-480785",children:"https://github.com/feature-sliced/documentation/discussions/65#discussioncomment-480785"})}),"\n"]}),"\n",(0,n.jsx)(t.h2,{id:"how-to-work-more-correctly-with-cms-markup",children:"How to work more correctly with CMS markup"}),"\n",(0,n.jsxs)(t.blockquote,{children:["\n",(0,n.jsx)(t.p,{children:(0,n.jsx)(t.a,{href:"https://t.me/feature_sliced/1557",children:"https://t.me/feature_sliced/1557"})}),"\n"]}),"\n",(0,n.jsxs)(t.blockquote,{children:["\n",(0,n.jsx)(t.p,{children:(0,n.jsx)(t.a,{href:"https://t.me/feature_sliced/1553",children:"https://t.me/feature_sliced/1553"})}),"\n"]})]})}function h(e={}){const{wrapper:t}={...(0,i.R)(),...e.components};return t?(0,n.jsx)(t,{...e,children:(0,n.jsx)(l,{...e})}):l(e)}},1100:(e,t,s)=>{s.d(t,{R:()=>c,x:()=>d});var n=s(758);const i={},r=n.createContext(i);function c(e){const t=n.useContext(r);return n.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function d(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(i):e.components||i:c(e.components),n.createElement(r.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
+"use strict";(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[6217],{1928:(e,t,s)=>{s.d(t,{Ay:()=>u,RM:()=>o});var n=s(6070),i=s(1100),r=(s(758),s(6783)),c=s(7765);const d=e=>{let{ticket:t}=e;const s=`https://github.com/feature-sliced/documentation/issues/${t}`;return(0,n.jsxs)("div",{children:[(0,n.jsx)("p",{children:(0,c.T)({id:"shared.wip.title"})}),(0,n.jsx)("p",{children:(0,c.T)({id:"shared.wip.subtitle"})}),(0,n.jsxs)("ul",{children:[(0,n.jsxs)("li",{children:[(0,c.T)({id:"shared.wip.var.feedback.base"}),(0,n.jsx)(r.A,{to:s,children:(0,c.T)({id:"shared.wip.var.feedback.link"})})]}),(0,n.jsxs)("li",{children:[(0,c.T)({id:"shared.wip.var.material.base"}),(0,n.jsx)(r.A,{to:"https://t.me/feature_sliced",children:(0,c.T)({id:"shared.wip.var.material.link"})})]}),(0,n.jsxs)("li",{children:[(0,c.T)({id:"shared.wip.var.contribute.base"}),(0,n.jsx)(r.A,{to:"https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md",children:(0,c.T)({id:"shared.wip.var.contribute.link"})})]})]}),(0,n.jsx)("br",{}),(0,n.jsx)("p",{children:(0,n.jsx)("i",{children:"\ud83c\udf70 Stay tuned!"})})]})},o=[];function a(e){const t={admonition:"admonition",...(0,i.R)(),...e.components};return(0,n.jsx)(t.admonition,{title:"WIP",type:"caution",children:(0,n.jsx)(d,{ticket:e.ticket})})}function u(e={}){const{wrapper:t}={...(0,i.R)(),...e.components};return t?(0,n.jsx)(t,{...e,children:(0,n.jsx)(a,{...e})}):a(e)}},5845:(e,t,s)=>{s.r(t),s.d(t,{assets:()=>a,contentTitle:()=>d,default:()=>h,frontMatter:()=>c,metadata:()=>o,toc:()=>u});var n=s(6070),i=s(1100),r=s(1928);const c={sidebar_class_name:"sidebar-item--wip",unlisted:!0},d="CMS",o={id:"guides/examples/cms",title:"CMS",description:"Features may be different",source:"@site/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/cms.mdx",sourceDirName:"guides/examples",slug:"/guides/examples/cms",permalink:"/uz/docs/guides/examples/cms",draft:!1,unlisted:!0,editUrl:"https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/cms.mdx",tags:[],version:"current",lastUpdatedAt:1728325386e3,frontMatter:{sidebar_class_name:"sidebar-item--wip",unlisted:!0},sidebar:"guidesSidebar"},a={},u=[...r.RM,{value:"Features may be different",id:"features-may-be-different",level:2},{value:"How to work more correctly with CMS markup",id:"how-to-work-more-correctly-with-cms-markup",level:2}];function l(e){const t={a:"a",blockquote:"blockquote",h1:"h1",h2:"h2",header:"header",p:"p",...(0,i.R)(),...e.components};return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(t.header,{children:(0,n.jsx)(t.h1,{id:"cms",children:"CMS"})}),"\n",(0,n.jsx)(r.Ay,{ticket:"172"}),"\n",(0,n.jsx)(t.h2,{id:"features-may-be-different",children:"Features may be different"}),"\n",(0,n.jsx)(t.p,{children:"In some projects, all the functionality is concentrated in data from the server"}),"\n",(0,n.jsxs)(t.blockquote,{children:["\n",(0,n.jsx)(t.p,{children:(0,n.jsx)(t.a,{href:"https://github.com/feature-sliced/documentation/discussions/65#discussioncomment-480785",children:"https://github.com/feature-sliced/documentation/discussions/65#discussioncomment-480785"})}),"\n"]}),"\n",(0,n.jsx)(t.h2,{id:"how-to-work-more-correctly-with-cms-markup",children:"How to work more correctly with CMS markup"}),"\n",(0,n.jsxs)(t.blockquote,{children:["\n",(0,n.jsx)(t.p,{children:(0,n.jsx)(t.a,{href:"https://t.me/feature_sliced/1557",children:"https://t.me/feature_sliced/1557"})}),"\n"]}),"\n",(0,n.jsxs)(t.blockquote,{children:["\n",(0,n.jsx)(t.p,{children:(0,n.jsx)(t.a,{href:"https://t.me/feature_sliced/1553",children:"https://t.me/feature_sliced/1553"})}),"\n"]})]})}function h(e={}){const{wrapper:t}={...(0,i.R)(),...e.components};return t?(0,n.jsx)(t,{...e,children:(0,n.jsx)(l,{...e})}):l(e)}},1100:(e,t,s)=>{s.d(t,{R:()=>c,x:()=>d});var n=s(758);const i={},r=n.createContext(i);function c(e){const t=n.useContext(r);return n.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function d(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(i):e.components||i:c(e.components),n.createElement(r.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
diff --git a/uz/assets/js/main.ef087bb6.js b/uz/assets/js/main.b67529a2.js
similarity index 98%
rename from uz/assets/js/main.ef087bb6.js
rename to uz/assets/js/main.b67529a2.js
index 671877fc08..4461bb80f6 100644
--- a/uz/assets/js/main.ef087bb6.js
+++ b/uz/assets/js/main.b67529a2.js
@@ -1,2 +1,2 @@
-/*! For license information please see main.ef087bb6.js.LICENSE.txt */
-(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[8792],{7781:(e,t,n)=>{"use strict";n.d(t,{Bc:()=>g,E8:()=>$n,a1:()=>qn});var r=n(758);n(8143);function o(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function a(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?o(Object(n),!0).forEach((function(t){i(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):o(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function i(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function s(){return s=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},s.apply(this,arguments)}function l(e,t){if(null==e)return{};var n,r,o=function(e,t){if(null==e)return{};var n,r,o={},a=Object.keys(e);for(r=0;r<a.length;r++)n=a[r],t.indexOf(n)>=0||(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(r=0;r<a.length;r++)n=a[r],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}function c(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,a=[],i=!0,s=!1;try{for(n=n.call(e);!(i=(r=n.next()).done)&&(a.push(r.value),!t||a.length!==t);i=!0);}catch(e){s=!0,o=e}finally{try{i||null==n.return||n.return()}finally{if(s)throw o}}return a}}(e,t)||d(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function u(e){return function(e){if(Array.isArray(e))return p(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||d(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function d(e,t){if(e){if("string"==typeof e)return p(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?p(e,t):void 0}}function p(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function f(){return r.createElement("svg",{width:"15",height:"15",className:"DocSearch-Control-Key-Icon"},r.createElement("path",{d:"M4.505 4.496h2M5.505 5.496v5M8.216 4.496l.055 5.993M10 7.5c.333.333.5.667.5 1v2M12.326 4.5v5.996M8.384 4.496c1.674 0 2.116 0 2.116 1.5s-.442 1.5-2.116 1.5M3.205 9.303c-.09.448-.277 1.21-1.241 1.203C1 10.5.5 9.513.5 8V7c0-1.57.5-2.5 1.464-2.494.964.006 1.134.598 1.24 1.342M12.553 10.5h1.953",strokeWidth:"1.2",stroke:"currentColor",fill:"none",strokeLinecap:"square"}))}function m(){return r.createElement("svg",{width:"20",height:"20",className:"DocSearch-Search-Icon",viewBox:"0 0 20 20","aria-hidden":"true"},r.createElement("path",{d:"M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z",stroke:"currentColor",fill:"none",fillRule:"evenodd",strokeLinecap:"round",strokeLinejoin:"round"}))}var h=["translations"],g=r.forwardRef((function(e,t){var n=e.translations,o=void 0===n?{}:n,a=l(e,h),i=o.buttonText,u=void 0===i?"Search":i,d=o.buttonAriaLabel,p=void 0===d?"Search":d,g=c((0,r.useState)(null),2),y=g[0],v=g[1];return(0,r.useEffect)((function(){"undefined"!=typeof navigator&&(/(Mac|iPhone|iPod|iPad)/i.test(navigator.platform)?v("\u2318"):v("Ctrl"))}),[]),r.createElement("button",s({type:"button",className:"DocSearch DocSearch-Button","aria-label":p},a,{ref:t}),r.createElement("span",{className:"DocSearch-Button-Container"},r.createElement(m,null),r.createElement("span",{className:"DocSearch-Button-Placeholder"},u)),r.createElement("span",{className:"DocSearch-Button-Keys"},null!==y&&r.createElement(r.Fragment,null,r.createElement(b,{reactsToKey:"Ctrl"===y?"Ctrl":"Meta"},"Ctrl"===y?r.createElement(f,null):y),r.createElement(b,{reactsToKey:"k"},"K"))))}));function b(e){var t=e.reactsToKey,n=e.children,o=c((0,r.useState)(!1),2),a=o[0],i=o[1];return(0,r.useEffect)((function(){if(t)return window.addEventListener("keydown",e),window.addEventListener("keyup",n),function(){window.removeEventListener("keydown",e),window.removeEventListener("keyup",n)};function e(e){e.key===t&&i(!0)}function n(e){e.key!==t&&"Meta"!==e.key||i(!1)}}),[t]),r.createElement("kbd",{className:a?"DocSearch-Button-Key DocSearch-Button-Key--pressed":"DocSearch-Button-Key"},n)}function y(e,t){var n=void 0;return function(){for(var r=arguments.length,o=new Array(r),a=0;a<r;a++)o[a]=arguments[a];n&&clearTimeout(n),n=setTimeout((function(){return e.apply(void 0,o)}),t)}}function v(e){return e.reduce((function(e,t){return e.concat(t)}),[])}var w=0;function k(e){return 0===e.collections.length?0:e.collections.reduce((function(e,t){return e+t.items.length}),0)}function S(e){return e!==Object(e)}function x(e,t){if(e===t)return!0;if(S(e)||S(t)||"function"==typeof e||"function"==typeof t)return e===t;if(Object.keys(e).length!==Object.keys(t).length)return!1;for(var n=0,r=Object.keys(e);n<r.length;n++){var o=r[n];if(!(o in t))return!1;if(!x(e[o],t[o]))return!1}return!0}var E=function(){},_=[{segment:"autocomplete-core",version:"1.9.3"}];function j(e){var t=e.item,n=e.items;return{index:t.__autocomplete_indexName,items:[t],positions:[1+n.findIndex((function(e){return e.objectID===t.objectID}))],queryID:t.__autocomplete_queryID,algoliaSource:["autocomplete"]}}function C(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}var O=["items"],A=["items"];function T(e){return T="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},T(e)}function P(e){return function(e){if(Array.isArray(e))return z(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||function(e,t){if(e){if("string"==typeof e)return z(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?z(e,t):void 0}}(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function z(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function I(e,t){if(null==e)return{};var n,r,o=function(e,t){if(null==e)return{};var n,r,o={},a=Object.keys(e);for(r=0;r<a.length;r++)n=a[r],t.indexOf(n)>=0||(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(r=0;r<a.length;r++)n=a[r],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}function L(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function N(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?L(Object(n),!0).forEach((function(t){R(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):L(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function R(e,t,n){return(t=function(e){var t=function(e){if("object"!==T(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var n=t.call(e,"string");if("object"!==T(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"===T(t)?t:String(t)}(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function D(e){return e.map((function(e){var t=e.items,n=I(e,O);return N(N({},n),{},{objectIDs:(null==t?void 0:t.map((function(e){return e.objectID})))||n.objectIDs})}))}function M(e){var t,n,r,o=(t=function(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,a,i,s=[],l=!0,c=!1;try{if(a=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;l=!1}else for(;!(l=(r=a.call(n)).done)&&(s.push(r.value),s.length!==t);l=!0);}catch(e){c=!0,o=e}finally{try{if(!l&&null!=n.return&&(i=n.return(),Object(i)!==i))return}finally{if(c)throw o}}return s}}(e,t)||function(e,t){if(e){if("string"==typeof e)return C(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?C(e,t):void 0}}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}((e.version||"").split(".").map(Number),2),n=t[0],r=t[1],n>=3||2===n&&r>=4||1===n&&r>=10);function a(t,n,r){if(o&&void 0!==r){var a=r[0].__autocomplete_algoliaCredentials,i={"X-Algolia-Application-Id":a.appId,"X-Algolia-API-Key":a.apiKey};e.apply(void 0,[t].concat(P(n),[{headers:i}]))}else e.apply(void 0,[t].concat(P(n)))}return{init:function(t,n){e("init",{appId:t,apiKey:n})},setUserToken:function(t){e("setUserToken",t)},clickedObjectIDsAfterSearch:function(){for(var e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];t.length>0&&a("clickedObjectIDsAfterSearch",D(t),t[0].items)},clickedObjectIDs:function(){for(var e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];t.length>0&&a("clickedObjectIDs",D(t),t[0].items)},clickedFilters:function(){for(var t=arguments.length,n=new Array(t),r=0;r<t;r++)n[r]=arguments[r];n.length>0&&e.apply(void 0,["clickedFilters"].concat(n))},convertedObjectIDsAfterSearch:function(){for(var e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];t.length>0&&a("convertedObjectIDsAfterSearch",D(t),t[0].items)},convertedObjectIDs:function(){for(var e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];t.length>0&&a("convertedObjectIDs",D(t),t[0].items)},convertedFilters:function(){for(var t=arguments.length,n=new Array(t),r=0;r<t;r++)n[r]=arguments[r];n.length>0&&e.apply(void 0,["convertedFilters"].concat(n))},viewedObjectIDs:function(){for(var e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];t.length>0&&t.reduce((function(e,t){var n=t.items,r=I(t,A);return[].concat(P(e),P(function(e){for(var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:20,n=[],r=0;r<e.objectIDs.length;r+=t)n.push(N(N({},e),{},{objectIDs:e.objectIDs.slice(r,r+t)}));return n}(N(N({},r),{},{objectIDs:(null==n?void 0:n.map((function(e){return e.objectID})))||r.objectIDs})).map((function(e){return{items:n,payload:e}}))))}),[]).forEach((function(e){var t=e.items;return a("viewedObjectIDs",[e.payload],t)}))},viewedFilters:function(){for(var t=arguments.length,n=new Array(t),r=0;r<t;r++)n[r]=arguments[r];n.length>0&&e.apply(void 0,["viewedFilters"].concat(n))}}}function F(e){var t=e.items.reduce((function(e,t){var n;return e[t.__autocomplete_indexName]=(null!==(n=e[t.__autocomplete_indexName])&&void 0!==n?n:[]).concat(t),e}),{});return Object.keys(t).map((function(e){return{index:e,items:t[e],algoliaSource:["autocomplete"]}}))}function B(e){return e.objectID&&e.__autocomplete_indexName&&e.__autocomplete_queryID}function U(e){return U="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},U(e)}function q(e){return function(e){if(Array.isArray(e))return $(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||function(e,t){if(e){if("string"==typeof e)return $(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?$(e,t):void 0}}(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function $(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function H(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function V(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?H(Object(n),!0).forEach((function(t){G(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):H(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function G(e,t,n){return(t=function(e){var t=function(e){if("object"!==U(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var n=t.call(e,"string");if("object"!==U(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"===U(t)?t:String(t)}(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var W="https://cdn.jsdelivr.net/npm/search-insights@".concat("2.6.0","/dist/search-insights.min.js"),K=y((function(e){var t=e.onItemsChange,n=e.items,r=e.insights,o=e.state;t({insights:r,insightsEvents:F({items:n}).map((function(e){return V({eventName:"Items Viewed"},e)})),state:o})}),400);function Q(e){var t=function(e){return V({onItemsChange:function(e){var t=e.insights,n=e.insightsEvents;t.viewedObjectIDs.apply(t,q(n.map((function(e){return V(V({},e),{},{algoliaSource:[].concat(q(e.algoliaSource||[]),["autocomplete-internal"])})}))))},onSelect:function(e){var t=e.insights,n=e.insightsEvents;t.clickedObjectIDsAfterSearch.apply(t,q(n.map((function(e){return V(V({},e),{},{algoliaSource:[].concat(q(e.algoliaSource||[]),["autocomplete-internal"])})}))))},onActive:E},e)}(e),n=t.insightsClient,r=t.onItemsChange,o=t.onSelect,a=t.onActive,i=n;n||"undefined"!=typeof window&&function(e){var t=e.window,n=t.AlgoliaAnalyticsObject||"aa";"string"==typeof n&&(i=t[n]),i||(t.AlgoliaAnalyticsObject=n,t[n]||(t[n]=function(){t[n].queue||(t[n].queue=[]);for(var e=arguments.length,r=new Array(e),o=0;o<e;o++)r[o]=arguments[o];t[n].queue.push(r)}),t[n].version="2.6.0",i=t[n],function(e){var t="[Autocomplete]: Could not load search-insights.js. Please load it manually following https://alg.li/insights-autocomplete";try{var n=e.document.createElement("script");n.async=!0,n.src=W,n.onerror=function(){console.error(t)},document.body.appendChild(n)}catch(e){console.error(t)}}(t))}({window:window});var s=M(i),l={current:[]},c=y((function(e){var t=e.state;if(t.isOpen){var n=t.collections.reduce((function(e,t){return[].concat(q(e),q(t.items))}),[]).filter(B);x(l.current.map((function(e){return e.objectID})),n.map((function(e){return e.objectID})))||(l.current=n,n.length>0&&K({onItemsChange:r,items:n,insights:s,state:t}))}}),0);return{name:"aa.algoliaInsightsPlugin",subscribe:function(e){var t=e.setContext,n=e.onSelect,r=e.onActive;i("addAlgoliaAgent","insights-plugin"),t({algoliaInsightsPlugin:{__algoliaSearchParameters:{clickAnalytics:!0},insights:s}}),n((function(e){var t=e.item,n=e.state,r=e.event;B(t)&&o({state:n,event:r,insights:s,item:t,insightsEvents:[V({eventName:"Item Selected"},j({item:t,items:l.current}))]})})),r((function(e){var t=e.item,n=e.state,r=e.event;B(t)&&a({state:n,event:r,insights:s,item:t,insightsEvents:[V({eventName:"Item Active"},j({item:t,items:l.current}))]})}))},onStateChange:function(e){var t=e.state;c({state:t})},__autocomplete_pluginOptions:e}}function Y(e,t){var n=t;return{then:function(t,r){return Y(e.then(J(t,n,e),J(r,n,e)),n)},catch:function(t){return Y(e.catch(J(t,n,e)),n)},finally:function(t){return t&&n.onCancelList.push(t),Y(e.finally(J(t&&function(){return n.onCancelList=[],t()},n,e)),n)},cancel:function(){n.isCanceled=!0;var e=n.onCancelList;n.onCancelList=[],e.forEach((function(e){e()}))},isCanceled:function(){return!0===n.isCanceled}}}function Z(e){return Y(e,{isCanceled:!1,onCancelList:[]})}function J(e,t,n){return e?function(n){return t.isCanceled?n:e(n)}:n}function X(e,t,n,r){if(!n)return null;if(e<0&&(null===t||null!==r&&0===t))return n+e;var o=(null===t?-1:t)+e;return o<=-1||o>=n?null===r?null:0:o}function ee(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function te(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?ee(Object(n),!0).forEach((function(t){ne(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):ee(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function ne(e,t,n){return(t=function(e){var t=function(e){if("object"!==re(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var n=t.call(e,"string");if("object"!==re(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"===re(t)?t:String(t)}(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function re(e){return re="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},re(e)}function oe(e){var t=function(e){var t=e.collections.map((function(e){return e.items.length})).reduce((function(e,t,n){var r=(e[n-1]||0)+t;return e.push(r),e}),[]).reduce((function(t,n){return n<=e.activeItemId?t+1:t}),0);return e.collections[t]}(e);if(!t)return null;var n=t.items[function(e){for(var t=e.state,n=e.collection,r=!1,o=0,a=0;!1===r;){var i=t.collections[o];if(i===n){r=!0;break}a+=i.items.length,o++}return t.activeItemId-a}({state:e,collection:t})],r=t.source;return{item:n,itemInputValue:r.getItemInputValue({item:n,state:e}),itemUrl:r.getItemUrl({item:n,state:e}),source:r}}var ae=/((gt|sm)-|galaxy nexus)|samsung[- ]|samsungbrowser/i;function ie(e){return ie="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},ie(e)}function se(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function le(e,t,n){return(t=function(e){var t=function(e){if("object"!==ie(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var n=t.call(e,"string");if("object"!==ie(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"===ie(t)?t:String(t)}(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function ce(e){return ce="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},ce(e)}function ue(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function de(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?ue(Object(n),!0).forEach((function(t){pe(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):ue(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function pe(e,t,n){return(t=function(e){var t=function(e){if("object"!==ce(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var n=t.call(e,"string");if("object"!==ce(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"===ce(t)?t:String(t)}(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function fe(e){return fe="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},fe(e)}function me(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function he(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function ge(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?he(Object(n),!0).forEach((function(t){be(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):he(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function be(e,t,n){return(t=function(e){var t=function(e){if("object"!==fe(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var n=t.call(e,"string");if("object"!==fe(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"===fe(t)?t:String(t)}(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function ye(e,t){var n,r="undefined"!=typeof window?window:{},o=e.plugins||[];return ge(ge({debug:!1,openOnFocus:!1,placeholder:"",autoFocus:!1,defaultActiveItemId:null,stallThreshold:300,insights:!1,environment:r,shouldPanelOpen:function(e){return k(e.state)>0},reshape:function(e){return e.sources}},e),{},{id:null!==(n=e.id)&&void 0!==n?n:"autocomplete-".concat(w++),plugins:o,initialState:ge({activeItemId:null,query:"",completion:null,collections:[],isOpen:!1,status:"idle",context:{}},e.initialState),onStateChange:function(t){var n;null===(n=e.onStateChange)||void 0===n||n.call(e,t),o.forEach((function(e){var n;return null===(n=e.onStateChange)||void 0===n?void 0:n.call(e,t)}))},onSubmit:function(t){var n;null===(n=e.onSubmit)||void 0===n||n.call(e,t),o.forEach((function(e){var n;return null===(n=e.onSubmit)||void 0===n?void 0:n.call(e,t)}))},onReset:function(t){var n;null===(n=e.onReset)||void 0===n||n.call(e,t),o.forEach((function(e){var n;return null===(n=e.onReset)||void 0===n?void 0:n.call(e,t)}))},getSources:function(n){return Promise.all([].concat(function(e){return function(e){if(Array.isArray(e))return me(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||function(e,t){if(e){if("string"==typeof e)return me(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?me(e,t):void 0}}(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}(o.map((function(e){return e.getSources}))),[e.getSources]).filter(Boolean).map((function(e){return function(e,t){var n=[];return Promise.resolve(e(t)).then((function(e){return Promise.all(e.filter((function(e){return Boolean(e)})).map((function(e){if(e.sourceId,n.includes(e.sourceId))throw new Error("[Autocomplete] The `sourceId` ".concat(JSON.stringify(e.sourceId)," is not unique."));n.push(e.sourceId);var t={getItemInputValue:function(e){return e.state.query},getItemUrl:function(){},onSelect:function(e){(0,e.setIsOpen)(!1)},onActive:E,onResolve:E};Object.keys(t).forEach((function(e){t[e].__default=!0}));var r=te(te({},t),e);return Promise.resolve(r)})))}))}(e,n)}))).then((function(e){return v(e)})).then((function(e){return e.map((function(e){return ge(ge({},e),{},{onSelect:function(n){e.onSelect(n),t.forEach((function(e){var t;return null===(t=e.onSelect)||void 0===t?void 0:t.call(e,n)}))},onActive:function(n){e.onActive(n),t.forEach((function(e){var t;return null===(t=e.onActive)||void 0===t?void 0:t.call(e,n)}))},onResolve:function(n){e.onResolve(n),t.forEach((function(e){var t;return null===(t=e.onResolve)||void 0===t?void 0:t.call(e,n)}))}})}))}))},navigator:ge({navigate:function(e){var t=e.itemUrl;r.location.assign(t)},navigateNewTab:function(e){var t=e.itemUrl,n=r.open(t,"_blank","noopener");null==n||n.focus()},navigateNewWindow:function(e){var t=e.itemUrl;r.open(t,"_blank","noopener")}},e.navigator)})}function ve(e){return ve="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},ve(e)}function we(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function ke(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?we(Object(n),!0).forEach((function(t){Se(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):we(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function Se(e,t,n){return(t=function(e){var t=function(e){if("object"!==ve(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var n=t.call(e,"string");if("object"!==ve(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"===ve(t)?t:String(t)}(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function xe(e){return xe="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},xe(e)}function Ee(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function _e(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?Ee(Object(n),!0).forEach((function(t){je(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Ee(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function je(e,t,n){return(t=function(e){var t=function(e){if("object"!==xe(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var n=t.call(e,"string");if("object"!==xe(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"===xe(t)?t:String(t)}(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function Ce(e){return function(e){if(Array.isArray(e))return Oe(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||function(e,t){if(e){if("string"==typeof e)return Oe(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?Oe(e,t):void 0}}(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function Oe(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function Ae(e){return Boolean(e.execute)}function Te(e){var t=e.reduce((function(e,t){if(!Ae(t))return e.push(t),e;var n=t.searchClient,r=t.execute,o=t.requesterId,a=t.requests,i=e.find((function(e){return Ae(t)&&Ae(e)&&e.searchClient===n&&Boolean(o)&&e.requesterId===o}));if(i){var s;(s=i.items).push.apply(s,Ce(a))}else{var l={execute:r,requesterId:o,items:a,searchClient:n};e.push(l)}return e}),[]).map((function(e){if(!Ae(e))return Promise.resolve(e);var t=e,n=t.execute,r=t.items;return n({searchClient:t.searchClient,requests:r})}));return Promise.all(t).then((function(e){return v(e)}))}function Pe(e){return Pe="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},Pe(e)}var ze=["event","nextState","props","query","refresh","store"];function Ie(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function Le(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?Ie(Object(n),!0).forEach((function(t){Ne(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Ie(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function Ne(e,t,n){return(t=function(e){var t=function(e){if("object"!==Pe(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var n=t.call(e,"string");if("object"!==Pe(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"===Pe(t)?t:String(t)}(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var Re,De,Me,Fe=null,Be=(Re=-1,De=-1,Me=void 0,function(e){var t=++Re;return Promise.resolve(e).then((function(e){return Me&&t<De?Me:(De=t,Me=e,e)}))});function Ue(e){var t=e.event,n=e.nextState,r=void 0===n?{}:n,o=e.props,a=e.query,i=e.refresh,s=e.store,l=function(e,t){if(null==e)return{};var n,r,o=function(e,t){if(null==e)return{};var n,r,o={},a=Object.keys(e);for(r=0;r<a.length;r++)n=a[r],t.indexOf(n)>=0||(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(r=0;r<a.length;r++)n=a[r],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}(e,ze);Fe&&o.environment.clearTimeout(Fe);var c=l.setCollections,u=l.setIsOpen,d=l.setQuery,p=l.setActiveItemId,f=l.setStatus;if(d(a),p(o.defaultActiveItemId),!a&&!1===o.openOnFocus){var m,h=s.getState().collections.map((function(e){return Le(Le({},e),{},{items:[]})}));f("idle"),c(h),u(null!==(m=r.isOpen)&&void 0!==m?m:o.shouldPanelOpen({state:s.getState()}));var g=Z(Be(h).then((function(){return Promise.resolve()})));return s.pendingRequests.add(g)}f("loading"),Fe=o.environment.setTimeout((function(){f("stalled")}),o.stallThreshold);var b=Z(Be(o.getSources(Le({query:a,refresh:i,state:s.getState()},l)).then((function(e){return Promise.all(e.map((function(e){return Promise.resolve(e.getItems(Le({query:a,refresh:i,state:s.getState()},l))).then((function(t){return function(e,t,n){if(o=e,Boolean(null==o?void 0:o.execute)){var r="algolia"===e.requesterId?Object.assign.apply(Object,[{}].concat(Ce(Object.keys(n.context).map((function(e){var t;return null===(t=n.context[e])||void 0===t?void 0:t.__algoliaSearchParameters}))))):{};return _e(_e({},e),{},{requests:e.queries.map((function(n){return{query:"algolia"===e.requesterId?_e(_e({},n),{},{params:_e(_e({},r),n.params)}):n,sourceId:t,transformResponse:e.transformResponse}}))})}var o;return{items:e,sourceId:t}}(t,e.sourceId,s.getState())}))}))).then(Te).then((function(t){return function(e,t,n){return t.map((function(t){var r,o=e.filter((function(e){return e.sourceId===t.sourceId})),a=o.map((function(e){return e.items})),i=o[0].transformResponse,s=i?i({results:r=a,hits:r.map((function(e){return e.hits})).filter(Boolean),facetHits:r.map((function(e){var t;return null===(t=e.facetHits)||void 0===t?void 0:t.map((function(e){return{label:e.value,count:e.count,_highlightResult:{label:{value:e.highlighted}}}}))})).filter(Boolean)}):a;return t.onResolve({source:t,results:a,items:s,state:n.getState()}),s.every(Boolean),'The `getItems` function from source "'.concat(t.sourceId,'" must return an array of items but returned ').concat(JSON.stringify(void 0),".\n\nDid you forget to return items?\n\nSee: https://www.algolia.com/doc/ui-libraries/autocomplete/core-concepts/sources/#param-getitems"),{source:t,items:s}}))}(t,e,s)})).then((function(e){return function(e){var t=e.props,n=e.state,r=e.collections.reduce((function(e,t){return ke(ke({},e),{},Se({},t.source.sourceId,ke(ke({},t.source),{},{getItems:function(){return v(t.items)}})))}),{}),o=t.plugins.reduce((function(e,t){return t.reshape?t.reshape(e):e}),{sourcesBySourceId:r,state:n}).sourcesBySourceId;return v(t.reshape({sourcesBySourceId:o,sources:Object.values(o),state:n})).filter(Boolean).map((function(e){return{source:e,items:e.getItems()}}))}({collections:e,props:o,state:s.getState()})}))})))).then((function(e){var n;f("idle"),c(e);var d=o.shouldPanelOpen({state:s.getState()});u(null!==(n=r.isOpen)&&void 0!==n?n:o.openOnFocus&&!a&&d||d);var p=oe(s.getState());if(null!==s.getState().activeItemId&&p){var m=p.item,h=p.itemInputValue,g=p.itemUrl,b=p.source;b.onActive(Le({event:t,item:m,itemInputValue:h,itemUrl:g,refresh:i,source:b,state:s.getState()},l))}})).finally((function(){f("idle"),Fe&&o.environment.clearTimeout(Fe)}));return s.pendingRequests.add(b)}function qe(e){return qe="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},qe(e)}var $e=["event","props","refresh","store"];function He(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function Ve(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?He(Object(n),!0).forEach((function(t){Ge(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):He(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function Ge(e,t,n){return(t=function(e){var t=function(e){if("object"!==qe(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var n=t.call(e,"string");if("object"!==qe(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"===qe(t)?t:String(t)}(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function We(e){return We="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},We(e)}var Ke=["props","refresh","store"],Qe=["inputElement","formElement","panelElement"],Ye=["inputElement"],Ze=["inputElement","maxLength"],Je=["sourceIndex"],Xe=["sourceIndex"],et=["item","source","sourceIndex"];function tt(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function nt(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?tt(Object(n),!0).forEach((function(t){rt(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):tt(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function rt(e,t,n){return(t=function(e){var t=function(e){if("object"!==We(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var n=t.call(e,"string");if("object"!==We(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"===We(t)?t:String(t)}(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function ot(e,t){if(null==e)return{};var n,r,o=function(e,t){if(null==e)return{};var n,r,o={},a=Object.keys(e);for(r=0;r<a.length;r++)n=a[r],t.indexOf(n)>=0||(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(r=0;r<a.length;r++)n=a[r],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}function at(e){var t=e.props,n=e.refresh,r=e.store,o=ot(e,Ke),a=function(e,t){return void 0!==t?"".concat(e,"-").concat(t):e};return{getEnvironmentProps:function(e){var n=e.inputElement,o=e.formElement,a=e.panelElement;function i(e){!r.getState().isOpen&&r.pendingRequests.isEmpty()||e.target===n||!1===[o,a].some((function(t){return(n=t)===(r=e.target)||n.contains(r);var n,r}))&&(r.dispatch("blur",null),t.debug||r.pendingRequests.cancelAll())}return nt({onTouchStart:i,onMouseDown:i,onTouchMove:function(e){!1!==r.getState().isOpen&&n===t.environment.document.activeElement&&e.target!==n&&n.blur()}},ot(e,Qe))},getRootProps:function(e){return nt({role:"combobox","aria-expanded":r.getState().isOpen,"aria-haspopup":"listbox","aria-owns":r.getState().isOpen?"".concat(t.id,"-list"):void 0,"aria-labelledby":"".concat(t.id,"-label")},e)},getFormProps:function(e){return e.inputElement,nt({action:"",noValidate:!0,role:"search",onSubmit:function(a){var i;a.preventDefault(),t.onSubmit(nt({event:a,refresh:n,state:r.getState()},o)),r.dispatch("submit",null),null===(i=e.inputElement)||void 0===i||i.blur()},onReset:function(a){var i;a.preventDefault(),t.onReset(nt({event:a,refresh:n,state:r.getState()},o)),r.dispatch("reset",null),null===(i=e.inputElement)||void 0===i||i.focus()}},ot(e,Ye))},getLabelProps:function(e){var n=e||{},r=n.sourceIndex,o=ot(n,Je);return nt({htmlFor:"".concat(a(t.id,r),"-input"),id:"".concat(a(t.id,r),"-label")},o)},getInputProps:function(e){var a;function i(e){(t.openOnFocus||Boolean(r.getState().query))&&Ue(nt({event:e,props:t,query:r.getState().completion||r.getState().query,refresh:n,store:r},o)),r.dispatch("focus",null)}var s=e||{},l=(s.inputElement,s.maxLength),c=void 0===l?512:l,u=ot(s,Ze),d=oe(r.getState()),p=function(e){return Boolean(e&&e.match(ae))}((null===(a=t.environment.navigator)||void 0===a?void 0:a.userAgent)||""),f=null!=d&&d.itemUrl&&!p?"go":"search";return nt({"aria-autocomplete":"both","aria-activedescendant":r.getState().isOpen&&null!==r.getState().activeItemId?"".concat(t.id,"-item-").concat(r.getState().activeItemId):void 0,"aria-controls":r.getState().isOpen?"".concat(t.id,"-list"):void 0,"aria-labelledby":"".concat(t.id,"-label"),value:r.getState().completion||r.getState().query,id:"".concat(t.id,"-input"),autoComplete:"off",autoCorrect:"off",autoCapitalize:"off",enterKeyHint:f,spellCheck:"false",autoFocus:t.autoFocus,placeholder:t.placeholder,maxLength:c,type:"search",onChange:function(e){Ue(nt({event:e,props:t,query:e.currentTarget.value.slice(0,c),refresh:n,store:r},o))},onKeyDown:function(e){!function(e){var t=e.event,n=e.props,r=e.refresh,o=e.store,a=function(e,t){if(null==e)return{};var n,r,o=function(e,t){if(null==e)return{};var n,r,o={},a=Object.keys(e);for(r=0;r<a.length;r++)n=a[r],t.indexOf(n)>=0||(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(r=0;r<a.length;r++)n=a[r],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}(e,$e);if("ArrowUp"===t.key||"ArrowDown"===t.key){var i=function(){var e=n.environment.document.getElementById("".concat(n.id,"-item-").concat(o.getState().activeItemId));e&&(e.scrollIntoViewIfNeeded?e.scrollIntoViewIfNeeded(!1):e.scrollIntoView(!1))},s=function(){var e=oe(o.getState());if(null!==o.getState().activeItemId&&e){var n=e.item,i=e.itemInputValue,s=e.itemUrl,l=e.source;l.onActive(Ve({event:t,item:n,itemInputValue:i,itemUrl:s,refresh:r,source:l,state:o.getState()},a))}};t.preventDefault(),!1===o.getState().isOpen&&(n.openOnFocus||Boolean(o.getState().query))?Ue(Ve({event:t,props:n,query:o.getState().query,refresh:r,store:o},a)).then((function(){o.dispatch(t.key,{nextActiveItemId:n.defaultActiveItemId}),s(),setTimeout(i,0)})):(o.dispatch(t.key,{}),s(),i())}else if("Escape"===t.key)t.preventDefault(),o.dispatch(t.key,null),o.pendingRequests.cancelAll();else if("Tab"===t.key)o.dispatch("blur",null),o.pendingRequests.cancelAll();else if("Enter"===t.key){if(null===o.getState().activeItemId||o.getState().collections.every((function(e){return 0===e.items.length})))return void(n.debug||o.pendingRequests.cancelAll());t.preventDefault();var l=oe(o.getState()),c=l.item,u=l.itemInputValue,d=l.itemUrl,p=l.source;if(t.metaKey||t.ctrlKey)void 0!==d&&(p.onSelect(Ve({event:t,item:c,itemInputValue:u,itemUrl:d,refresh:r,source:p,state:o.getState()},a)),n.navigator.navigateNewTab({itemUrl:d,item:c,state:o.getState()}));else if(t.shiftKey)void 0!==d&&(p.onSelect(Ve({event:t,item:c,itemInputValue:u,itemUrl:d,refresh:r,source:p,state:o.getState()},a)),n.navigator.navigateNewWindow({itemUrl:d,item:c,state:o.getState()}));else if(t.altKey);else{if(void 0!==d)return p.onSelect(Ve({event:t,item:c,itemInputValue:u,itemUrl:d,refresh:r,source:p,state:o.getState()},a)),void n.navigator.navigate({itemUrl:d,item:c,state:o.getState()});Ue(Ve({event:t,nextState:{isOpen:!1},props:n,query:u,refresh:r,store:o},a)).then((function(){p.onSelect(Ve({event:t,item:c,itemInputValue:u,itemUrl:d,refresh:r,source:p,state:o.getState()},a))}))}}}(nt({event:e,props:t,refresh:n,store:r},o))},onFocus:i,onBlur:E,onClick:function(n){e.inputElement!==t.environment.document.activeElement||r.getState().isOpen||i(n)}},u)},getPanelProps:function(e){return nt({onMouseDown:function(e){e.preventDefault()},onMouseLeave:function(){r.dispatch("mouseleave",null)}},e)},getListProps:function(e){var n=e||{},r=n.sourceIndex,o=ot(n,Xe);return nt({role:"listbox","aria-labelledby":"".concat(a(t.id,r),"-label"),id:"".concat(a(t.id,r),"-list")},o)},getItemProps:function(e){var i=e.item,s=e.source,l=e.sourceIndex,c=ot(e,et);return nt({id:"".concat(a(t.id,l),"-item-").concat(i.__autocomplete_id),role:"option","aria-selected":r.getState().activeItemId===i.__autocomplete_id,onMouseMove:function(e){if(i.__autocomplete_id!==r.getState().activeItemId){r.dispatch("mousemove",i.__autocomplete_id);var t=oe(r.getState());if(null!==r.getState().activeItemId&&t){var a=t.item,s=t.itemInputValue,l=t.itemUrl,c=t.source;c.onActive(nt({event:e,item:a,itemInputValue:s,itemUrl:l,refresh:n,source:c,state:r.getState()},o))}}},onMouseDown:function(e){e.preventDefault()},onClick:function(e){var a=s.getItemInputValue({item:i,state:r.getState()}),l=s.getItemUrl({item:i,state:r.getState()});(l?Promise.resolve():Ue(nt({event:e,nextState:{isOpen:!1},props:t,query:a,refresh:n,store:r},o))).then((function(){s.onSelect(nt({event:e,item:i,itemInputValue:a,itemUrl:l,refresh:n,source:s,state:r.getState()},o))}))}},c)}}}function it(e){return it="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},it(e)}function st(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function lt(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?st(Object(n),!0).forEach((function(t){ct(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):st(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function ct(e,t,n){return(t=function(e){var t=function(e){if("object"!==it(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var n=t.call(e,"string");if("object"!==it(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"===it(t)?t:String(t)}(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function ut(e){var t,n,r,o,a=e.plugins,i=e.options,s=null===(t=((null===(n=i.__autocomplete_metadata)||void 0===n?void 0:n.userAgents)||[])[0])||void 0===t?void 0:t.segment,l=s?ct({},s,Object.keys((null===(r=i.__autocomplete_metadata)||void 0===r?void 0:r.options)||{})):{};return{plugins:a.map((function(e){return{name:e.name,options:Object.keys(e.__autocomplete_pluginOptions||[])}})),options:lt({"autocomplete-core":Object.keys(i)},l),ua:_.concat((null===(o=i.__autocomplete_metadata)||void 0===o?void 0:o.userAgents)||[])}}function dt(e){var t,n=e.state;return!1===n.isOpen||null===n.activeItemId?null:(null===(t=oe(n))||void 0===t?void 0:t.itemInputValue)||null}function pt(e){return pt="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},pt(e)}function ft(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function mt(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?ft(Object(n),!0).forEach((function(t){ht(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):ft(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function ht(e,t,n){return(t=function(e){var t=function(e){if("object"!==pt(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var n=t.call(e,"string");if("object"!==pt(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"===pt(t)?t:String(t)}(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var gt=function(e,t){switch(t.type){case"setActiveItemId":case"mousemove":return mt(mt({},e),{},{activeItemId:t.payload});case"setQuery":return mt(mt({},e),{},{query:t.payload,completion:null});case"setCollections":return mt(mt({},e),{},{collections:t.payload});case"setIsOpen":return mt(mt({},e),{},{isOpen:t.payload});case"setStatus":return mt(mt({},e),{},{status:t.payload});case"setContext":return mt(mt({},e),{},{context:mt(mt({},e.context),t.payload)});case"ArrowDown":var n=mt(mt({},e),{},{activeItemId:t.payload.hasOwnProperty("nextActiveItemId")?t.payload.nextActiveItemId:X(1,e.activeItemId,k(e),t.props.defaultActiveItemId)});return mt(mt({},n),{},{completion:dt({state:n})});case"ArrowUp":var r=mt(mt({},e),{},{activeItemId:X(-1,e.activeItemId,k(e),t.props.defaultActiveItemId)});return mt(mt({},r),{},{completion:dt({state:r})});case"Escape":return e.isOpen?mt(mt({},e),{},{activeItemId:null,isOpen:!1,completion:null}):mt(mt({},e),{},{activeItemId:null,query:"",status:"idle",collections:[]});case"submit":return mt(mt({},e),{},{activeItemId:null,isOpen:!1,status:"idle"});case"reset":return mt(mt({},e),{},{activeItemId:!0===t.props.openOnFocus?t.props.defaultActiveItemId:null,status:"idle",query:""});case"focus":return mt(mt({},e),{},{activeItemId:t.props.defaultActiveItemId,isOpen:(t.props.openOnFocus||Boolean(e.query))&&t.props.shouldPanelOpen({state:e})});case"blur":return t.props.debug?e:mt(mt({},e),{},{isOpen:!1,activeItemId:null});case"mouseleave":return mt(mt({},e),{},{activeItemId:t.props.defaultActiveItemId});default:return"The reducer action ".concat(JSON.stringify(t.type)," is not supported."),e}};function bt(e){return bt="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},bt(e)}function yt(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function vt(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?yt(Object(n),!0).forEach((function(t){wt(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):yt(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function wt(e,t,n){return(t=function(e){var t=function(e){if("object"!==bt(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var n=t.call(e,"string");if("object"!==bt(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"===bt(t)?t:String(t)}(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function kt(e){var t=[],n=ye(e,t),r=function(e,t,n){var r,o=t.initialState;return{getState:function(){return o},dispatch:function(r,a){var i=function(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?se(Object(n),!0).forEach((function(t){le(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):se(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}({},o);o=e(o,{type:r,props:t,payload:a}),n({state:o,prevState:i})},pendingRequests:(r=[],{add:function(e){return r.push(e),e.finally((function(){r=r.filter((function(t){return t!==e}))}))},cancelAll:function(){r.forEach((function(e){return e.cancel()}))},isEmpty:function(){return 0===r.length}})}}(gt,n,(function(e){var t=e.prevState,r=e.state;n.onStateChange(vt({prevState:t,state:r,refresh:i,navigator:n.navigator},o))})),o=function(e){var t=e.store;return{setActiveItemId:function(e){t.dispatch("setActiveItemId",e)},setQuery:function(e){t.dispatch("setQuery",e)},setCollections:function(e){var n=0,r=e.map((function(e){return de(de({},e),{},{items:v(e.items).map((function(e){return de(de({},e),{},{__autocomplete_id:n++})}))})}));t.dispatch("setCollections",r)},setIsOpen:function(e){t.dispatch("setIsOpen",e)},setStatus:function(e){t.dispatch("setStatus",e)},setContext:function(e){t.dispatch("setContext",e)}}}({store:r}),a=at(vt({props:n,refresh:i,store:r,navigator:n.navigator},o));function i(){return Ue(vt({event:new Event("input"),nextState:{isOpen:r.getState().isOpen},props:n,navigator:n.navigator,query:r.getState().query,refresh:i,store:r},o))}if(e.insights&&!n.plugins.some((function(e){return"aa.algoliaInsightsPlugin"===e.name}))){var s="boolean"==typeof e.insights?{}:e.insights;n.plugins.push(Q(s))}return n.plugins.forEach((function(e){var r;return null===(r=e.subscribe)||void 0===r?void 0:r.call(e,vt(vt({},o),{},{navigator:n.navigator,refresh:i,onSelect:function(e){t.push({onSelect:e})},onActive:function(e){t.push({onActive:e})},onResolve:function(e){t.push({onResolve:e})}}))})),function(e){var t,n,r=e.metadata,o=e.environment;if(null===(t=o.navigator)||void 0===t||null===(n=t.userAgent)||void 0===n?void 0:n.includes("Algolia Crawler")){var a=o.document.createElement("meta"),i=o.document.querySelector("head");a.name="algolia:metadata",setTimeout((function(){a.content=JSON.stringify(r),i.appendChild(a)}),0)}}({metadata:ut({plugins:n.plugins,options:e}),environment:n.environment}),vt(vt({refresh:i,navigator:n.navigator},a),o)}function St(e){var t=e.translations,n=(void 0===t?{}:t).searchByText,o=void 0===n?"Search by":n;return r.createElement("a",{href:"https://www.algolia.com/ref/docsearch/?utm_source=".concat(window.location.hostname,"&utm_medium=referral&utm_content=powered_by&utm_campaign=docsearch"),target:"_blank",rel:"noopener noreferrer"},r.createElement("span",{className:"DocSearch-Label"},o),r.createElement("svg",{width:"77",height:"19","aria-label":"Algolia",role:"img",id:"Layer_1",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 2196.2 500"},r.createElement("defs",null,r.createElement("style",null,".cls-1,.cls-2{fill:#003dff;}.cls-2{fill-rule:evenodd;}")),r.createElement("path",{className:"cls-2",d:"M1070.38,275.3V5.91c0-3.63-3.24-6.39-6.82-5.83l-50.46,7.94c-2.87,.45-4.99,2.93-4.99,5.84l.17,273.22c0,12.92,0,92.7,95.97,95.49,3.33,.1,6.09-2.58,6.09-5.91v-40.78c0-2.96-2.19-5.51-5.12-5.84-34.85-4.01-34.85-47.57-34.85-54.72Z"}),r.createElement("rect",{className:"cls-1",x:"1845.88",y:"104.73",width:"62.58",height:"277.9",rx:"5.9",ry:"5.9"}),r.createElement("path",{className:"cls-2",d:"M1851.78,71.38h50.77c3.26,0,5.9-2.64,5.9-5.9V5.9c0-3.62-3.24-6.39-6.82-5.83l-50.77,7.95c-2.87,.45-4.99,2.92-4.99,5.83v51.62c0,3.26,2.64,5.9,5.9,5.9Z"}),r.createElement("path",{className:"cls-2",d:"M1764.03,275.3V5.91c0-3.63-3.24-6.39-6.82-5.83l-50.46,7.94c-2.87,.45-4.99,2.93-4.99,5.84l.17,273.22c0,12.92,0,92.7,95.97,95.49,3.33,.1,6.09-2.58,6.09-5.91v-40.78c0-2.96-2.19-5.51-5.12-5.84-34.85-4.01-34.85-47.57-34.85-54.72Z"}),r.createElement("path",{className:"cls-2",d:"M1631.95,142.72c-11.14-12.25-24.83-21.65-40.78-28.31-15.92-6.53-33.26-9.85-52.07-9.85-18.78,0-36.15,3.17-51.92,9.85-15.59,6.66-29.29,16.05-40.76,28.31-11.47,12.23-20.38,26.87-26.76,44.03-6.38,17.17-9.24,37.37-9.24,58.36,0,20.99,3.19,36.87,9.55,54.21,6.38,17.32,15.14,32.11,26.45,44.36,11.29,12.23,24.83,21.62,40.6,28.46,15.77,6.83,40.12,10.33,52.4,10.48,12.25,0,36.78-3.82,52.7-10.48,15.92-6.68,29.46-16.23,40.78-28.46,11.29-12.25,20.05-27.04,26.25-44.36,6.22-17.34,9.24-33.22,9.24-54.21,0-20.99-3.34-41.19-10.03-58.36-6.38-17.17-15.14-31.8-26.43-44.03Zm-44.43,163.75c-11.47,15.75-27.56,23.7-48.09,23.7-20.55,0-36.63-7.8-48.1-23.7-11.47-15.75-17.21-34.01-17.21-61.2,0-26.89,5.59-49.14,17.06-64.87,11.45-15.75,27.54-23.52,48.07-23.52,20.55,0,36.63,7.78,48.09,23.52,11.47,15.57,17.36,37.98,17.36,64.87,0,27.19-5.72,45.3-17.19,61.2Z"}),r.createElement("path",{className:"cls-2",d:"M894.42,104.73h-49.33c-48.36,0-90.91,25.48-115.75,64.1-14.52,22.58-22.99,49.63-22.99,78.73,0,44.89,20.13,84.92,51.59,111.1,2.93,2.6,6.05,4.98,9.31,7.14,12.86,8.49,28.11,13.47,44.52,13.47,1.23,0,2.46-.03,3.68-.09,.36-.02,.71-.05,1.07-.07,.87-.05,1.75-.11,2.62-.2,.34-.03,.68-.08,1.02-.12,.91-.1,1.82-.21,2.73-.34,.21-.03,.42-.07,.63-.1,32.89-5.07,61.56-30.82,70.9-62.81v57.83c0,3.26,2.64,5.9,5.9,5.9h50.42c3.26,0,5.9-2.64,5.9-5.9V110.63c0-3.26-2.64-5.9-5.9-5.9h-56.32Zm0,206.92c-12.2,10.16-27.97,13.98-44.84,15.12-.16,.01-.33,.03-.49,.04-1.12,.07-2.24,.1-3.36,.1-42.24,0-77.12-35.89-77.12-79.37,0-10.25,1.96-20.01,5.42-28.98,11.22-29.12,38.77-49.74,71.06-49.74h49.33v142.83Z"}),r.createElement("path",{className:"cls-2",d:"M2133.97,104.73h-49.33c-48.36,0-90.91,25.48-115.75,64.1-14.52,22.58-22.99,49.63-22.99,78.73,0,44.89,20.13,84.92,51.59,111.1,2.93,2.6,6.05,4.98,9.31,7.14,12.86,8.49,28.11,13.47,44.52,13.47,1.23,0,2.46-.03,3.68-.09,.36-.02,.71-.05,1.07-.07,.87-.05,1.75-.11,2.62-.2,.34-.03,.68-.08,1.02-.12,.91-.1,1.82-.21,2.73-.34,.21-.03,.42-.07,.63-.1,32.89-5.07,61.56-30.82,70.9-62.81v57.83c0,3.26,2.64,5.9,5.9,5.9h50.42c3.26,0,5.9-2.64,5.9-5.9V110.63c0-3.26-2.64-5.9-5.9-5.9h-56.32Zm0,206.92c-12.2,10.16-27.97,13.98-44.84,15.12-.16,.01-.33,.03-.49,.04-1.12,.07-2.24,.1-3.36,.1-42.24,0-77.12-35.89-77.12-79.37,0-10.25,1.96-20.01,5.42-28.98,11.22-29.12,38.77-49.74,71.06-49.74h49.33v142.83Z"}),r.createElement("path",{className:"cls-2",d:"M1314.05,104.73h-49.33c-48.36,0-90.91,25.48-115.75,64.1-11.79,18.34-19.6,39.64-22.11,62.59-.58,5.3-.88,10.68-.88,16.14s.31,11.15,.93,16.59c4.28,38.09,23.14,71.61,50.66,94.52,2.93,2.6,6.05,4.98,9.31,7.14,12.86,8.49,28.11,13.47,44.52,13.47h0c17.99,0,34.61-5.93,48.16-15.97,16.29-11.58,28.88-28.54,34.48-47.75v50.26h-.11v11.08c0,21.84-5.71,38.27-17.34,49.36-11.61,11.08-31.04,16.63-58.25,16.63-11.12,0-28.79-.59-46.6-2.41-2.83-.29-5.46,1.5-6.27,4.22l-12.78,43.11c-1.02,3.46,1.27,7.02,4.83,7.53,21.52,3.08,42.52,4.68,54.65,4.68,48.91,0,85.16-10.75,108.89-32.21,21.48-19.41,33.15-48.89,35.2-88.52V110.63c0-3.26-2.64-5.9-5.9-5.9h-56.32Zm0,64.1s.65,139.13,0,143.36c-12.08,9.77-27.11,13.59-43.49,14.7-.16,.01-.33,.03-.49,.04-1.12,.07-2.24,.1-3.36,.1-1.32,0-2.63-.03-3.94-.1-40.41-2.11-74.52-37.26-74.52-79.38,0-10.25,1.96-20.01,5.42-28.98,11.22-29.12,38.77-49.74,71.06-49.74h49.33Z"}),r.createElement("path",{className:"cls-1",d:"M249.83,0C113.3,0,2,110.09,.03,246.16c-2,138.19,110.12,252.7,248.33,253.5,42.68,.25,83.79-10.19,120.3-30.03,3.56-1.93,4.11-6.83,1.08-9.51l-23.38-20.72c-4.75-4.21-11.51-5.4-17.36-2.92-25.48,10.84-53.17,16.38-81.71,16.03-111.68-1.37-201.91-94.29-200.13-205.96,1.76-110.26,92-199.41,202.67-199.41h202.69V407.41l-115-102.18c-3.72-3.31-9.42-2.66-12.42,1.31-18.46,24.44-48.53,39.64-81.93,37.34-46.33-3.2-83.87-40.5-87.34-86.81-4.15-55.24,39.63-101.52,94-101.52,49.18,0,89.68,37.85,93.91,85.95,.38,4.28,2.31,8.27,5.52,11.12l29.95,26.55c3.4,3.01,8.79,1.17,9.63-3.3,2.16-11.55,2.92-23.58,2.07-35.92-4.82-70.34-61.8-126.93-132.17-131.26-80.68-4.97-148.13,58.14-150.27,137.25-2.09,77.1,61.08,143.56,138.19,145.26,32.19,.71,62.03-9.41,86.14-26.95l150.26,133.2c6.44,5.71,16.61,1.14,16.61-7.47V9.48C499.66,4.25,495.42,0,490.18,0H249.83Z"})))}function xt(e){return r.createElement("svg",{width:"15",height:"15","aria-label":e.ariaLabel,role:"img"},r.createElement("g",{fill:"none",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"1.2"},e.children))}function Et(e){var t=e.translations,n=void 0===t?{}:t,o=n.selectText,a=void 0===o?"to select":o,i=n.selectKeyAriaLabel,s=void 0===i?"Enter key":i,l=n.navigateText,c=void 0===l?"to navigate":l,u=n.navigateUpKeyAriaLabel,d=void 0===u?"Arrow up":u,p=n.navigateDownKeyAriaLabel,f=void 0===p?"Arrow down":p,m=n.closeText,h=void 0===m?"to close":m,g=n.closeKeyAriaLabel,b=void 0===g?"Escape key":g,y=n.searchByText,v=void 0===y?"Search by":y;return r.createElement(r.Fragment,null,r.createElement("div",{className:"DocSearch-Logo"},r.createElement(St,{translations:{searchByText:v}})),r.createElement("ul",{className:"DocSearch-Commands"},r.createElement("li",null,r.createElement("kbd",{className:"DocSearch-Commands-Key"},r.createElement(xt,{ariaLabel:s},r.createElement("path",{d:"M12 3.53088v3c0 1-1 2-2 2H4M7 11.53088l-3-3 3-3"}))),r.createElement("span",{className:"DocSearch-Label"},a)),r.createElement("li",null,r.createElement("kbd",{className:"DocSearch-Commands-Key"},r.createElement(xt,{ariaLabel:f},r.createElement("path",{d:"M7.5 3.5v8M10.5 8.5l-3 3-3-3"}))),r.createElement("kbd",{className:"DocSearch-Commands-Key"},r.createElement(xt,{ariaLabel:d},r.createElement("path",{d:"M7.5 11.5v-8M10.5 6.5l-3-3-3 3"}))),r.createElement("span",{className:"DocSearch-Label"},c)),r.createElement("li",null,r.createElement("kbd",{className:"DocSearch-Commands-Key"},r.createElement(xt,{ariaLabel:b},r.createElement("path",{d:"M13.6167 8.936c-.1065.3583-.6883.962-1.4875.962-.7993 0-1.653-.9165-1.653-2.1258v-.5678c0-1.2548.7896-2.1016 1.653-2.1016.8634 0 1.3601.4778 1.4875 1.0724M9 6c-.1352-.4735-.7506-.9219-1.46-.8972-.7092.0246-1.344.57-1.344 1.2166s.4198.8812 1.3445.9805C8.465 7.3992 8.968 7.9337 9 8.5c.032.5663-.454 1.398-1.4595 1.398C6.6593 9.898 6 9 5.963 8.4851m-1.4748.5368c-.2635.5941-.8099.876-1.5443.876s-1.7073-.6248-1.7073-2.204v-.4603c0-1.0416.721-2.131 1.7073-2.131.9864 0 1.6425 1.031 1.5443 2.2492h-2.956"}))),r.createElement("span",{className:"DocSearch-Label"},h))))}function _t(e){var t=e.hit,n=e.children;return r.createElement("a",{href:t.url},n)}function jt(){return r.createElement("svg",{viewBox:"0 0 38 38",stroke:"currentColor",strokeOpacity:".5"},r.createElement("g",{fill:"none",fillRule:"evenodd"},r.createElement("g",{transform:"translate(1 1)",strokeWidth:"2"},r.createElement("circle",{strokeOpacity:".3",cx:"18",cy:"18",r:"18"}),r.createElement("path",{d:"M36 18c0-9.94-8.06-18-18-18"},r.createElement("animateTransform",{attributeName:"transform",type:"rotate",from:"0 18 18",to:"360 18 18",dur:"1s",repeatCount:"indefinite"})))))}function Ct(){return r.createElement("svg",{width:"20",height:"20",viewBox:"0 0 20 20"},r.createElement("g",{stroke:"currentColor",fill:"none",fillRule:"evenodd",strokeLinecap:"round",strokeLinejoin:"round"},r.createElement("path",{d:"M3.18 6.6a8.23 8.23 0 1112.93 9.94h0a8.23 8.23 0 01-11.63 0"}),r.createElement("path",{d:"M6.44 7.25H2.55V3.36M10.45 6v5.6M10.45 11.6L13 13"})))}function Ot(){return r.createElement("svg",{width:"20",height:"20",viewBox:"0 0 20 20"},r.createElement("path",{d:"M10 10l5.09-5.09L10 10l5.09 5.09L10 10zm0 0L4.91 4.91 10 10l-5.09 5.09L10 10z",stroke:"currentColor",fill:"none",fillRule:"evenodd",strokeLinecap:"round",strokeLinejoin:"round"}))}function At(){return r.createElement("svg",{className:"DocSearch-Hit-Select-Icon",width:"20",height:"20",viewBox:"0 0 20 20"},r.createElement("g",{stroke:"currentColor",fill:"none",fillRule:"evenodd",strokeLinecap:"round",strokeLinejoin:"round"},r.createElement("path",{d:"M18 3v4c0 2-2 4-4 4H2"}),r.createElement("path",{d:"M8 17l-6-6 6-6"})))}var Tt=function(){return r.createElement("svg",{width:"20",height:"20",viewBox:"0 0 20 20"},r.createElement("path",{d:"M17 6v12c0 .52-.2 1-1 1H4c-.7 0-1-.33-1-1V2c0-.55.42-1 1-1h8l5 5zM14 8h-3.13c-.51 0-.87-.34-.87-.87V4",stroke:"currentColor",fill:"none",fillRule:"evenodd",strokeLinejoin:"round"}))};function Pt(e){switch(e.type){case"lvl1":return r.createElement(Tt,null);case"content":return r.createElement(It,null);default:return r.createElement(zt,null)}}function zt(){return r.createElement("svg",{width:"20",height:"20",viewBox:"0 0 20 20"},r.createElement("path",{d:"M13 13h4-4V8H7v5h6v4-4H7V8H3h4V3v5h6V3v5h4-4v5zm-6 0v4-4H3h4z",stroke:"currentColor",fill:"none",fillRule:"evenodd",strokeLinecap:"round",strokeLinejoin:"round"}))}function It(){return r.createElement("svg",{width:"20",height:"20",viewBox:"0 0 20 20"},r.createElement("path",{d:"M17 5H3h14zm0 5H3h14zm0 5H3h14z",stroke:"currentColor",fill:"none",fillRule:"evenodd",strokeLinejoin:"round"}))}function Lt(){return r.createElement("svg",{width:"20",height:"20",viewBox:"0 0 20 20"},r.createElement("path",{d:"M10 14.2L5 17l1-5.6-4-4 5.5-.7 2.5-5 2.5 5 5.6.8-4 4 .9 5.5z",stroke:"currentColor",fill:"none",fillRule:"evenodd",strokeLinejoin:"round"}))}function Nt(){return r.createElement("svg",{width:"40",height:"40",viewBox:"0 0 20 20",fill:"none",fillRule:"evenodd",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round"},r.createElement("path",{d:"M19 4.8a16 16 0 00-2-1.2m-3.3-1.2A16 16 0 001.1 4.7M16.7 8a12 12 0 00-2.8-1.4M10 6a12 12 0 00-6.7 2M12.3 14.7a4 4 0 00-4.5 0M14.5 11.4A8 8 0 0010 10M3 16L18 2M10 18h0"}))}function Rt(){return r.createElement("svg",{width:"40",height:"40",viewBox:"0 0 20 20",fill:"none",fillRule:"evenodd",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round"},r.createElement("path",{d:"M15.5 4.8c2 3 1.7 7-1 9.7h0l4.3 4.3-4.3-4.3a7.8 7.8 0 01-9.8 1m-2.2-2.2A7.8 7.8 0 0113.2 2.4M2 18L18 2"}))}function Dt(e){var t=e.translations,n=void 0===t?{}:t,o=n.titleText,a=void 0===o?"Unable to fetch results":o,i=n.helpText,s=void 0===i?"You might want to check your network connection.":i;return r.createElement("div",{className:"DocSearch-ErrorScreen"},r.createElement("div",{className:"DocSearch-Screen-Icon"},r.createElement(Nt,null)),r.createElement("p",{className:"DocSearch-Title"},a),r.createElement("p",{className:"DocSearch-Help"},s))}var Mt=["translations"];function Ft(e){var t=e.translations,n=void 0===t?{}:t,o=l(e,Mt),a=n.noResultsText,i=void 0===a?"No results for":a,s=n.suggestedQueryText,c=void 0===s?"Try searching for":s,d=n.reportMissingResultsText,p=void 0===d?"Believe this query should return results?":d,f=n.reportMissingResultsLinkText,m=void 0===f?"Let us know.":f,h=o.state.context.searchSuggestions;return r.createElement("div",{className:"DocSearch-NoResults"},r.createElement("div",{className:"DocSearch-Screen-Icon"},r.createElement(Rt,null)),r.createElement("p",{className:"DocSearch-Title"},i,' "',r.createElement("strong",null,o.state.query),'"'),h&&h.length>0&&r.createElement("div",{className:"DocSearch-NoResults-Prefill-List"},r.createElement("p",{className:"DocSearch-Help"},c,":"),r.createElement("ul",null,h.slice(0,3).reduce((function(e,t){return[].concat(u(e),[r.createElement("li",{key:t},r.createElement("button",{className:"DocSearch-Prefill",key:t,type:"button",onClick:function(){o.setQuery(t.toLowerCase()+" "),o.refresh(),o.inputRef.current.focus()}},t))])}),[]))),o.getMissingResultsUrl&&r.createElement("p",{className:"DocSearch-Help"},"".concat(p," "),r.createElement("a",{href:o.getMissingResultsUrl({query:o.state.query}),target:"_blank",rel:"noopener noreferrer"},m)))}var Bt=["hit","attribute","tagName"];function Ut(e,t){return t.split(".").reduce((function(e,t){return null!=e&&e[t]?e[t]:null}),e)}function qt(e){var t=e.hit,n=e.attribute,o=e.tagName,i=void 0===o?"span":o,s=l(e,Bt);return(0,r.createElement)(i,a(a({},s),{},{dangerouslySetInnerHTML:{__html:Ut(t,"_snippetResult.".concat(n,".value"))||Ut(t,n)}}))}function $t(e){return e.collection&&0!==e.collection.items.length?r.createElement("section",{className:"DocSearch-Hits"},r.createElement("div",{className:"DocSearch-Hit-source"},e.title),r.createElement("ul",e.getListProps(),e.collection.items.map((function(t,n){return r.createElement(Ht,s({key:[e.title,t.objectID].join(":"),item:t,index:n},e))})))):null}function Ht(e){var t=e.item,n=e.index,o=e.renderIcon,a=e.renderAction,i=e.getItemProps,l=e.onItemClick,u=e.collection,d=e.hitComponent,p=c(r.useState(!1),2),f=p[0],m=p[1],h=c(r.useState(!1),2),g=h[0],b=h[1],y=r.useRef(null),v=d;return r.createElement("li",s({className:["DocSearch-Hit",t.__docsearch_parent&&"DocSearch-Hit--Child",f&&"DocSearch-Hit--deleting",g&&"DocSearch-Hit--favoriting"].filter(Boolean).join(" "),onTransitionEnd:function(){y.current&&y.current()}},i({item:t,source:u.source,onClick:function(e){l(t,e)}})),r.createElement(v,{hit:t},r.createElement("div",{className:"DocSearch-Hit-Container"},o({item:t,index:n}),t.hierarchy[t.type]&&"lvl1"===t.type&&r.createElement("div",{className:"DocSearch-Hit-content-wrapper"},r.createElement(qt,{className:"DocSearch-Hit-title",hit:t,attribute:"hierarchy.lvl1"}),t.content&&r.createElement(qt,{className:"DocSearch-Hit-path",hit:t,attribute:"content"})),t.hierarchy[t.type]&&("lvl2"===t.type||"lvl3"===t.type||"lvl4"===t.type||"lvl5"===t.type||"lvl6"===t.type)&&r.createElement("div",{className:"DocSearch-Hit-content-wrapper"},r.createElement(qt,{className:"DocSearch-Hit-title",hit:t,attribute:"hierarchy.".concat(t.type)}),r.createElement(qt,{className:"DocSearch-Hit-path",hit:t,attribute:"hierarchy.lvl1"})),"content"===t.type&&r.createElement("div",{className:"DocSearch-Hit-content-wrapper"},r.createElement(qt,{className:"DocSearch-Hit-title",hit:t,attribute:"content"}),r.createElement(qt,{className:"DocSearch-Hit-path",hit:t,attribute:"hierarchy.lvl1"})),a({item:t,runDeleteTransition:function(e){m(!0),y.current=e},runFavoriteTransition:function(e){b(!0),y.current=e}}))))}function Vt(e,t,n){return e.reduce((function(e,r){var o=t(r);return e.hasOwnProperty(o)||(e[o]=[]),e[o].length<(n||5)&&e[o].push(r),e}),{})}function Gt(e){return e}function Wt(e){return 1===e.button||e.altKey||e.ctrlKey||e.metaKey||e.shiftKey}function Kt(){}var Qt=/(<mark>|<\/mark>)/g,Yt=RegExp(Qt.source);function Zt(e){var t,n,r=e;if(!r.__docsearch_parent&&!e._highlightResult)return e.hierarchy.lvl0;var o=r.__docsearch_parent?null===(t=r.__docsearch_parent)||void 0===t||null===(t=t._highlightResult)||void 0===t||null===(t=t.hierarchy)||void 0===t?void 0:t.lvl0:null===(n=e._highlightResult)||void 0===n||null===(n=n.hierarchy)||void 0===n?void 0:n.lvl0;return o?o.value&&Yt.test(o.value)?o.value.replace(Qt,""):o.value:e.hierarchy.lvl0}function Jt(e){return r.createElement("div",{className:"DocSearch-Dropdown-Container"},e.state.collections.map((function(t){if(0===t.items.length)return null;var n=Zt(t.items[0]);return r.createElement($t,s({},e,{key:t.source.sourceId,title:n,collection:t,renderIcon:function(e){var n,o=e.item,a=e.index;return r.createElement(r.Fragment,null,o.__docsearch_parent&&r.createElement("svg",{className:"DocSearch-Hit-Tree",viewBox:"0 0 24 54"},r.createElement("g",{stroke:"currentColor",fill:"none",fillRule:"evenodd",strokeLinecap:"round",strokeLinejoin:"round"},o.__docsearch_parent!==(null===(n=t.items[a+1])||void 0===n?void 0:n.__docsearch_parent)?r.createElement("path",{d:"M8 6v21M20 27H8.3"}):r.createElement("path",{d:"M8 6v42M20 27H8.3"}))),r.createElement("div",{className:"DocSearch-Hit-icon"},r.createElement(Pt,{type:o.type})))},renderAction:function(){return r.createElement("div",{className:"DocSearch-Hit-action"},r.createElement(At,null))}}))})),e.resultsFooterComponent&&r.createElement("section",{className:"DocSearch-HitsFooter"},r.createElement(e.resultsFooterComponent,{state:e.state})))}var Xt=["translations"];function en(e){var t=e.translations,n=void 0===t?{}:t,o=l(e,Xt),a=n.recentSearchesTitle,i=void 0===a?"Recent":a,c=n.noRecentSearchesText,u=void 0===c?"No recent searches":c,d=n.saveRecentSearchButtonTitle,p=void 0===d?"Save this search":d,f=n.removeRecentSearchButtonTitle,m=void 0===f?"Remove this search from history":f,h=n.favoriteSearchesTitle,g=void 0===h?"Favorite":h,b=n.removeFavoriteSearchButtonTitle,y=void 0===b?"Remove this search from favorites":b;return"idle"===o.state.status&&!1===o.hasCollections?o.disableUserPersonalization?null:r.createElement("div",{className:"DocSearch-StartScreen"},r.createElement("p",{className:"DocSearch-Help"},u)):!1===o.hasCollections?null:r.createElement("div",{className:"DocSearch-Dropdown-Container"},r.createElement($t,s({},o,{title:i,collection:o.state.collections[0],renderIcon:function(){return r.createElement("div",{className:"DocSearch-Hit-icon"},r.createElement(Ct,null))},renderAction:function(e){var t=e.item,n=e.runFavoriteTransition,a=e.runDeleteTransition;return r.createElement(r.Fragment,null,r.createElement("div",{className:"DocSearch-Hit-action"},r.createElement("button",{className:"DocSearch-Hit-action-button",title:p,type:"submit",onClick:function(e){e.preventDefault(),e.stopPropagation(),n((function(){o.favoriteSearches.add(t),o.recentSearches.remove(t),o.refresh()}))}},r.createElement(Lt,null))),r.createElement("div",{className:"DocSearch-Hit-action"},r.createElement("button",{className:"DocSearch-Hit-action-button",title:m,type:"submit",onClick:function(e){e.preventDefault(),e.stopPropagation(),a((function(){o.recentSearches.remove(t),o.refresh()}))}},r.createElement(Ot,null))))}})),r.createElement($t,s({},o,{title:g,collection:o.state.collections[1],renderIcon:function(){return r.createElement("div",{className:"DocSearch-Hit-icon"},r.createElement(Lt,null))},renderAction:function(e){var t=e.item,n=e.runDeleteTransition;return r.createElement("div",{className:"DocSearch-Hit-action"},r.createElement("button",{className:"DocSearch-Hit-action-button",title:y,type:"submit",onClick:function(e){e.preventDefault(),e.stopPropagation(),n((function(){o.favoriteSearches.remove(t),o.refresh()}))}},r.createElement(Ot,null)))}})))}var tn=["translations"],nn=r.memo((function(e){var t=e.translations,n=void 0===t?{}:t,o=l(e,tn);if("error"===o.state.status)return r.createElement(Dt,{translations:null==n?void 0:n.errorScreen});var a=o.state.collections.some((function(e){return e.items.length>0}));return o.state.query?!1===a?r.createElement(Ft,s({},o,{translations:null==n?void 0:n.noResultsScreen})):r.createElement(Jt,o):r.createElement(en,s({},o,{hasCollections:a,translations:null==n?void 0:n.startScreen}))}),(function(e,t){return"loading"===t.state.status||"stalled"===t.state.status})),rn=["translations"];function on(e){var t=e.translations,n=void 0===t?{}:t,o=l(e,rn),a=n.resetButtonTitle,i=void 0===a?"Clear the query":a,c=n.resetButtonAriaLabel,u=void 0===c?"Clear the query":c,d=n.cancelButtonText,p=void 0===d?"Cancel":d,f=n.cancelButtonAriaLabel,h=void 0===f?"Cancel":f,g=n.searchInputLabel,b=void 0===g?"Search":g,y=o.getFormProps({inputElement:o.inputRef.current}).onReset;return r.useEffect((function(){o.autoFocus&&o.inputRef.current&&o.inputRef.current.focus()}),[o.autoFocus,o.inputRef]),r.useEffect((function(){o.isFromSelection&&o.inputRef.current&&o.inputRef.current.select()}),[o.isFromSelection,o.inputRef]),r.createElement(r.Fragment,null,r.createElement("form",{className:"DocSearch-Form",onSubmit:function(e){e.preventDefault()},onReset:y},r.createElement("label",s({className:"DocSearch-MagnifierLabel"},o.getLabelProps()),r.createElement(m,null),r.createElement("span",{className:"DocSearch-VisuallyHiddenForAccessibility"},b)),r.createElement("div",{className:"DocSearch-LoadingIndicator"},r.createElement(jt,null)),r.createElement("input",s({className:"DocSearch-Input",ref:o.inputRef},o.getInputProps({inputElement:o.inputRef.current,autoFocus:o.autoFocus,maxLength:64}))),r.createElement("button",{type:"reset",title:i,className:"DocSearch-Reset","aria-label":u,hidden:!o.state.query},r.createElement(Ot,null))),r.createElement("button",{className:"DocSearch-Cancel",type:"reset","aria-label":h,onClick:o.onClose},p))}var an=["_highlightResult","_snippetResult"];function sn(e){var t=e.key,n=e.limit,r=void 0===n?5:n,o=function(e){return!1===function(){var e="__TEST_KEY__";try{return localStorage.setItem(e,""),localStorage.removeItem(e),!0}catch(e){return!1}}()?{setItem:function(){},getItem:function(){return[]}}:{setItem:function(t){return window.localStorage.setItem(e,JSON.stringify(t))},getItem:function(){var t=window.localStorage.getItem(e);return t?JSON.parse(t):[]}}}(t),a=o.getItem().slice(0,r);return{add:function(e){var t=e,n=(t._highlightResult,t._snippetResult,l(t,an)),i=a.findIndex((function(e){return e.objectID===n.objectID}));i>-1&&a.splice(i,1),a.unshift(n),a=a.slice(0,r),o.setItem(a)},remove:function(e){a=a.filter((function(t){return t.objectID!==e.objectID})),o.setItem(a)},getAll:function(){return a}}}function ln(e){const t=`algoliasearch-client-js-${e.key}`;let n;const r=()=>(void 0===n&&(n=e.localStorage||window.localStorage),n),o=()=>JSON.parse(r().getItem(t)||"{}"),a=e=>{r().setItem(t,JSON.stringify(e))};return{get:(t,n,r={miss:()=>Promise.resolve()})=>Promise.resolve().then((()=>{(()=>{const t=e.timeToLive?1e3*e.timeToLive:null,n=o(),r=Object.fromEntries(Object.entries(n).filter((([,e])=>void 0!==e.timestamp)));if(a(r),!t)return;const i=Object.fromEntries(Object.entries(r).filter((([,e])=>{const n=(new Date).getTime();return!(e.timestamp+t<n)})));a(i)})();const n=JSON.stringify(t);return o()[n]})).then((e=>Promise.all([e?e.value:n(),void 0!==e]))).then((([e,t])=>Promise.all([e,t||r.miss(e)]))).then((([e])=>e)),set:(e,n)=>Promise.resolve().then((()=>{const a=o();return a[JSON.stringify(e)]={timestamp:(new Date).getTime(),value:n},r().setItem(t,JSON.stringify(a)),n})),delete:e=>Promise.resolve().then((()=>{const n=o();delete n[JSON.stringify(e)],r().setItem(t,JSON.stringify(n))})),clear:()=>Promise.resolve().then((()=>{r().removeItem(t)}))}}function cn(e){const t=[...e.caches],n=t.shift();return void 0===n?{get:(e,t,n={miss:()=>Promise.resolve()})=>t().then((e=>Promise.all([e,n.miss(e)]))).then((([e])=>e)),set:(e,t)=>Promise.resolve(t),delete:e=>Promise.resolve(),clear:()=>Promise.resolve()}:{get:(e,r,o={miss:()=>Promise.resolve()})=>n.get(e,r,o).catch((()=>cn({caches:t}).get(e,r,o))),set:(e,r)=>n.set(e,r).catch((()=>cn({caches:t}).set(e,r))),delete:e=>n.delete(e).catch((()=>cn({caches:t}).delete(e))),clear:()=>n.clear().catch((()=>cn({caches:t}).clear()))}}function un(e={serializable:!0}){let t={};return{get(n,r,o={miss:()=>Promise.resolve()}){const a=JSON.stringify(n);if(a in t)return Promise.resolve(e.serializable?JSON.parse(t[a]):t[a]);const i=r(),s=o&&o.miss||(()=>Promise.resolve());return i.then((e=>s(e))).then((()=>i))},set:(n,r)=>(t[JSON.stringify(n)]=e.serializable?JSON.stringify(r):r,Promise.resolve(r)),delete:e=>(delete t[JSON.stringify(e)],Promise.resolve()),clear:()=>(t={},Promise.resolve())}}function dn(e){let t=e.length-1;for(;t>0;t--){const n=Math.floor(Math.random()*(t+1)),r=e[t];e[t]=e[n],e[n]=r}return e}function pn(e,t){return t?(Object.keys(t).forEach((n=>{e[n]=t[n](e)})),e):e}function fn(e,...t){let n=0;return e.replace(/%s/g,(()=>encodeURIComponent(t[n++])))}const mn={WithinQueryParameters:0,WithinHeaders:1};function hn(e,t){const n=e||{},r=n.data||{};return Object.keys(n).forEach((e=>{-1===["timeout","headers","queryParameters","data","cacheable"].indexOf(e)&&(r[e]=n[e])})),{data:Object.entries(r).length>0?r:void 0,timeout:n.timeout||t,headers:n.headers||{},queryParameters:n.queryParameters||{},cacheable:n.cacheable}}const gn={Read:1,Write:2,Any:3},bn=1,yn=3;function vn(e,t=bn){return{...e,status:t,lastUpdate:Date.now()}}function wn(e){return"string"==typeof e?{protocol:"https",url:e,accept:gn.Any}:{protocol:e.protocol||"https",url:e.url,accept:e.accept||gn.Any}}const kn="GET",Sn="POST";function xn(e,t,n,r){const o=[],a=function(e,t){if(e.method===kn||void 0===e.data&&void 0===t.data)return;const n=Array.isArray(e.data)?e.data:{...e.data,...t.data};return JSON.stringify(n)}(n,r),i=function(e,t){const n={...e.headers,...t.headers},r={};return Object.keys(n).forEach((e=>{const t=n[e];r[e.toLowerCase()]=t})),r}(e,r),s=n.method,l=n.method!==kn?{}:{...n.data,...r.data},c={"x-algolia-agent":e.userAgent.value,...e.queryParameters,...l,...r.queryParameters};let u=0;const d=(t,l)=>{const p=t.pop();if(void 0===p)throw{name:"RetryError",message:"Unreachable hosts - your application id may be incorrect. If the error persists, contact support@algolia.com.",transporterStackTrace:Cn(o)};const f={data:a,headers:i,method:s,url:_n(p,n.path,c),connectTimeout:l(u,e.timeouts.connect),responseTimeout:l(u,r.timeout)},m=e=>{const n={request:f,response:e,host:p,triesLeft:t.length};return o.push(n),n},h={onSuccess:e=>function(e){try{return JSON.parse(e.content)}catch(t){throw function(e,t){return{name:"DeserializationError",message:e,response:t}}(t.message,e)}}(e),onRetry(n){const r=m(n);return n.isTimedOut&&u++,Promise.all([e.logger.info("Retryable failure",On(r)),e.hostsCache.set(p,vn(p,n.isTimedOut?yn:2))]).then((()=>d(t,l)))},onFail(e){throw m(e),function({content:e,status:t},n){let r=e;try{r=JSON.parse(e).message}catch(e){}return function(e,t,n){return{name:"ApiError",message:e,status:t,transporterStackTrace:n}}(r,t,n)}(e,Cn(o))}};return e.requester.send(f).then((e=>((e,t)=>(e=>{const t=e.status;return e.isTimedOut||(({isTimedOut:e,status:t})=>!e&&!~~t)(e)||2!=~~(t/100)&&4!=~~(t/100)})(e)?t.onRetry(e):(({status:e})=>2==~~(e/100))(e)?t.onSuccess(e):t.onFail(e))(e,h)))};return function(e,t){return Promise.all(t.map((t=>e.get(t,(()=>Promise.resolve(vn(t))))))).then((e=>{const n=e.filter((e=>function(e){return e.status===bn||Date.now()-e.lastUpdate>12e4}(e))),r=e.filter((e=>function(e){return e.status===yn&&Date.now()-e.lastUpdate<=12e4}(e))),o=[...n,...r];return{getTimeout:(e,t)=>(0===r.length&&0===e?1:r.length+3+e)*t,statelessHosts:o.length>0?o.map((e=>wn(e))):t}}))}(e.hostsCache,t).then((e=>d([...e.statelessHosts].reverse(),e.getTimeout)))}function En(e){const t={value:`Algolia for JavaScript (${e})`,add(e){const n=`; ${e.segment}${void 0!==e.version?` (${e.version})`:""}`;return-1===t.value.indexOf(n)&&(t.value=`${t.value}${n}`),t}};return t}function _n(e,t,n){const r=jn(n);let o=`${e.protocol}://${e.url}/${"/"===t.charAt(0)?t.substr(1):t}`;return r.length&&(o+=`?${r}`),o}function jn(e){return Object.keys(e).map((t=>{return fn("%s=%s",t,(n=e[t],"[object Object]"===Object.prototype.toString.call(n)||"[object Array]"===Object.prototype.toString.call(n)?JSON.stringify(e[t]):e[t]));var n})).join("&")}function Cn(e){return e.map((e=>On(e)))}function On(e){const t=e.request.headers["x-algolia-api-key"]?{"x-algolia-api-key":"*****"}:{};return{...e,request:{...e.request,headers:{...e.request.headers,...t}}}}const An=e=>{const t=e.appId,n=function(e,t,n){const r={"x-algolia-api-key":n,"x-algolia-application-id":t};return{headers:()=>e===mn.WithinHeaders?r:{},queryParameters:()=>e===mn.WithinQueryParameters?r:{}}}(void 0!==e.authMode?e.authMode:mn.WithinHeaders,t,e.apiKey),r=function(e){const{hostsCache:t,logger:n,requester:r,requestsCache:o,responsesCache:a,timeouts:i,userAgent:s,hosts:l,queryParameters:c,headers:u}=e,d={hostsCache:t,logger:n,requester:r,requestsCache:o,responsesCache:a,timeouts:i,userAgent:s,headers:u,queryParameters:c,hosts:l.map((e=>wn(e))),read(e,t){const n=hn(t,d.timeouts.read),r=()=>xn(d,d.hosts.filter((e=>!!(e.accept&gn.Read))),e,n);if(!0!==(void 0!==n.cacheable?n.cacheable:e.cacheable))return r();const o={request:e,mappedRequestOptions:n,transporter:{queryParameters:d.queryParameters,headers:d.headers}};return d.responsesCache.get(o,(()=>d.requestsCache.get(o,(()=>d.requestsCache.set(o,r()).then((e=>Promise.all([d.requestsCache.delete(o),e])),(e=>Promise.all([d.requestsCache.delete(o),Promise.reject(e)]))).then((([e,t])=>t))))),{miss:e=>d.responsesCache.set(o,e)})},write:(e,t)=>xn(d,d.hosts.filter((e=>!!(e.accept&gn.Write))),e,hn(t,d.timeouts.write))};return d}({hosts:[{url:`${t}-dsn.algolia.net`,accept:gn.Read},{url:`${t}.algolia.net`,accept:gn.Write}].concat(dn([{url:`${t}-1.algolianet.com`},{url:`${t}-2.algolianet.com`},{url:`${t}-3.algolianet.com`}])),...e,headers:{...n.headers(),"content-type":"application/x-www-form-urlencoded",...e.headers},queryParameters:{...n.queryParameters(),...e.queryParameters}}),o={transporter:r,appId:t,addAlgoliaAgent(e,t){r.userAgent.add({segment:e,version:t})},clearCache:()=>Promise.all([r.requestsCache.clear(),r.responsesCache.clear()]).then((()=>{}))};return pn(o,e.methods)},Tn=e=>(t,n)=>t.method===kn?e.transporter.read(t,n):e.transporter.write(t,n),Pn=e=>(t,n={})=>pn({transporter:e.transporter,appId:e.appId,indexName:t},n.methods),zn=e=>(t,n)=>{const r=t.map((e=>({...e,params:jn(e.params||{})})));return e.transporter.read({method:Sn,path:"1/indexes/*/queries",data:{requests:r},cacheable:!0},n)},In=e=>(t,n)=>Promise.all(t.map((t=>{const{facetName:r,facetQuery:o,...a}=t.params;return Pn(e)(t.indexName,{methods:{searchForFacetValues:Rn}}).searchForFacetValues(r,o,{...n,...a})}))),Ln=e=>(t,n,r)=>e.transporter.read({method:Sn,path:fn("1/answers/%s/prediction",e.indexName),data:{query:t,queryLanguages:n},cacheable:!0},r),Nn=e=>(t,n)=>e.transporter.read({method:Sn,path:fn("1/indexes/%s/query",e.indexName),data:{query:t},cacheable:!0},n),Rn=e=>(t,n,r)=>e.transporter.read({method:Sn,path:fn("1/indexes/%s/facets/%s/query",e.indexName,t),data:{facetQuery:n},cacheable:!0},r),Dn=1,Mn=2,Fn=3;function Bn(e,t,n){const r={appId:e,apiKey:t,timeouts:{connect:1,read:2,write:30},requester:{send:e=>new Promise((t=>{const n=new XMLHttpRequest;n.open(e.method,e.url,!0),Object.keys(e.headers).forEach((t=>n.setRequestHeader(t,e.headers[t])));const r=(e,r)=>setTimeout((()=>{n.abort(),t({status:0,content:r,isTimedOut:!0})}),1e3*e),o=r(e.connectTimeout,"Connection timeout");let a;n.onreadystatechange=()=>{n.readyState>n.OPENED&&void 0===a&&(clearTimeout(o),a=r(e.responseTimeout,"Socket timeout"))},n.onerror=()=>{0===n.status&&(clearTimeout(o),clearTimeout(a),t({content:n.responseText||"Network request failed",status:n.status,isTimedOut:!1}))},n.onload=()=>{clearTimeout(o),clearTimeout(a),t({content:n.responseText,status:n.status,isTimedOut:!1})},n.send(e.data)}))},logger:(o=Fn,{debug:(e,t)=>(Dn>=o&&console.debug(e,t),Promise.resolve()),info:(e,t)=>(Mn>=o&&console.info(e,t),Promise.resolve()),error:(e,t)=>(console.error(e,t),Promise.resolve())}),responsesCache:un(),requestsCache:un({serializable:!1}),hostsCache:cn({caches:[ln({key:`4.19.1-${e}`}),un()]}),userAgent:En("4.19.1").add({segment:"Browser",version:"lite"}),authMode:mn.WithinQueryParameters};var o;return An({...r,...n,methods:{search:zn,searchForFacetValues:In,multipleQueries:zn,multipleSearchForFacetValues:In,customRequest:Tn,initIndex:e=>t=>Pn(e)(t,{methods:{search:Nn,searchForFacetValues:Rn,findAnswers:Ln}})}})}Bn.version="4.19.1";var Un=["footer","searchBox"];function qn(e){var t=e.appId,n=e.apiKey,o=e.indexName,i=e.placeholder,u=void 0===i?"Search docs":i,d=e.searchParameters,p=e.maxResultsPerGroup,f=e.onClose,m=void 0===f?Kt:f,h=e.transformItems,g=void 0===h?Gt:h,b=e.hitComponent,y=void 0===b?_t:b,v=e.resultsFooterComponent,w=void 0===v?function(){return null}:v,k=e.navigator,S=e.initialScrollY,x=void 0===S?0:S,E=e.transformSearchClient,_=void 0===E?Gt:E,j=e.disableUserPersonalization,C=void 0!==j&&j,O=e.initialQuery,A=void 0===O?"":O,T=e.translations,P=void 0===T?{}:T,z=e.getMissingResultsUrl,I=e.insights,L=void 0!==I&&I,N=P.footer,R=P.searchBox,D=l(P,Un),M=c(r.useState({query:"",collections:[],completion:null,context:{},isOpen:!1,activeItemId:null,status:"idle"}),2),F=M[0],B=M[1],U=r.useRef(null),q=r.useRef(null),$=r.useRef(null),H=r.useRef(null),V=r.useRef(null),G=r.useRef(10),W=r.useRef("undefined"!=typeof window?window.getSelection().toString().slice(0,64):"").current,K=r.useRef(A||W).current,Q=function(e,t,n){return r.useMemo((function(){var r=Bn(e,t);return r.addAlgoliaAgent("docsearch","3.6.2"),!1===/docsearch.js \(.*\)/.test(r.transporter.userAgent.value)&&r.addAlgoliaAgent("docsearch-react","3.6.2"),n(r)}),[e,t,n])}(t,n,_),Y=r.useRef(sn({key:"__DOCSEARCH_FAVORITE_SEARCHES__".concat(o),limit:10})).current,Z=r.useRef(sn({key:"__DOCSEARCH_RECENT_SEARCHES__".concat(o),limit:0===Y.getAll().length?7:4})).current,J=r.useCallback((function(e){if(!C){var t="content"===e.type?e.__docsearch_parent:e;t&&-1===Y.getAll().findIndex((function(e){return e.objectID===t.objectID}))&&Z.add(t)}}),[Y,Z,C]),X=r.useCallback((function(e){if(F.context.algoliaInsightsPlugin&&e.__autocomplete_id){var t=e,n={eventName:"Item Selected",index:t.__autocomplete_indexName,items:[t],positions:[e.__autocomplete_id],queryID:t.__autocomplete_queryID};F.context.algoliaInsightsPlugin.insights.clickedObjectIDsAfterSearch(n)}}),[F.context.algoliaInsightsPlugin]),ee=r.useMemo((function(){return kt({id:"docsearch",defaultActiveItemId:0,placeholder:u,openOnFocus:!0,initialState:{query:K,context:{searchSuggestions:[]}},insights:L,navigator:k,onStateChange:function(e){B(e.state)},getSources:function(e){var r=e.query,i=e.state,s=e.setContext,l=e.setStatus;if(!r)return C?[]:[{sourceId:"recentSearches",onSelect:function(e){var t=e.item,n=e.event;J(t),Wt(n)||m()},getItemUrl:function(e){return e.item.url},getItems:function(){return Z.getAll()}},{sourceId:"favoriteSearches",onSelect:function(e){var t=e.item,n=e.event;J(t),Wt(n)||m()},getItemUrl:function(e){return e.item.url},getItems:function(){return Y.getAll()}}];var c=Boolean(L);return Q.search([{query:r,indexName:o,params:a({attributesToRetrieve:["hierarchy.lvl0","hierarchy.lvl1","hierarchy.lvl2","hierarchy.lvl3","hierarchy.lvl4","hierarchy.lvl5","hierarchy.lvl6","content","type","url"],attributesToSnippet:["hierarchy.lvl1:".concat(G.current),"hierarchy.lvl2:".concat(G.current),"hierarchy.lvl3:".concat(G.current),"hierarchy.lvl4:".concat(G.current),"hierarchy.lvl5:".concat(G.current),"hierarchy.lvl6:".concat(G.current),"content:".concat(G.current)],snippetEllipsisText:"\u2026",highlightPreTag:"<mark>",highlightPostTag:"</mark>",hitsPerPage:20,clickAnalytics:c},d)}]).catch((function(e){throw"RetryError"===e.name&&l("error"),e})).then((function(e){var r=e.results[0],l=r.hits,u=r.nbHits,d=Vt(l,(function(e){return Zt(e)}),p);i.context.searchSuggestions.length<Object.keys(d).length&&s({searchSuggestions:Object.keys(d)}),s({nbHits:u});var f={};return c&&(f={__autocomplete_indexName:o,__autocomplete_queryID:r.queryID,__autocomplete_algoliaCredentials:{appId:t,apiKey:n}}),Object.values(d).map((function(e,t){return{sourceId:"hits".concat(t),onSelect:function(e){var t=e.item,n=e.event;J(t),Wt(n)||m()},getItemUrl:function(e){return e.item.url},getItems:function(){return Object.values(Vt(e,(function(e){return e.hierarchy.lvl1}),p)).map(g).map((function(e){return e.map((function(t){var n=null,r=e.find((function(e){return"lvl1"===e.type&&e.hierarchy.lvl1===t.hierarchy.lvl1}));return"lvl1"!==t.type&&r&&(n=r),a(a({},t),{},{__docsearch_parent:n},f)}))})).flat()}}}))}))}})}),[o,d,p,Q,m,Z,Y,J,K,u,k,g,C,L,t,n]),te=ee.getEnvironmentProps,ne=ee.getRootProps,re=ee.refresh;return function(e){var t=e.getEnvironmentProps,n=e.panelElement,o=e.formElement,a=e.inputElement;r.useEffect((function(){if(n&&o&&a){var e=t({panelElement:n,formElement:o,inputElement:a}),r=e.onTouchStart,i=e.onTouchMove;return window.addEventListener("touchstart",r),window.addEventListener("touchmove",i),function(){window.removeEventListener("touchstart",r),window.removeEventListener("touchmove",i)}}}),[t,n,o,a])}({getEnvironmentProps:te,panelElement:H.current,formElement:$.current,inputElement:V.current}),function(e){var t=e.container;r.useEffect((function(){if(t){var e=t.querySelectorAll("a[href]:not([disabled]), button:not([disabled]), input:not([disabled])"),n=e[0],r=e[e.length-1];return t.addEventListener("keydown",o),function(){t.removeEventListener("keydown",o)}}function o(e){"Tab"===e.key&&(e.shiftKey?document.activeElement===n&&(e.preventDefault(),r.focus()):document.activeElement===r&&(e.preventDefault(),n.focus()))}}),[t])}({container:U.current}),r.useEffect((function(){return document.body.classList.add("DocSearch--active"),function(){var e,t;document.body.classList.remove("DocSearch--active"),null===(e=(t=window).scrollTo)||void 0===e||e.call(t,0,x)}}),[]),r.useEffect((function(){window.matchMedia("(max-width: 768px)").matches&&(G.current=5)}),[]),r.useEffect((function(){H.current&&(H.current.scrollTop=0)}),[F.query]),r.useEffect((function(){K.length>0&&(re(),V.current&&V.current.focus())}),[K,re]),r.useEffect((function(){function e(){if(q.current){var e=.01*window.innerHeight;q.current.style.setProperty("--docsearch-vh","".concat(e,"px"))}}return e(),window.addEventListener("resize",e),function(){window.removeEventListener("resize",e)}}),[]),r.createElement("div",s({ref:U},ne({"aria-expanded":!0}),{className:["DocSearch","DocSearch-Container","stalled"===F.status&&"DocSearch-Container--Stalled","error"===F.status&&"DocSearch-Container--Errored"].filter(Boolean).join(" "),role:"button",tabIndex:0,onMouseDown:function(e){e.target===e.currentTarget&&m()}}),r.createElement("div",{className:"DocSearch-Modal",ref:q},r.createElement("header",{className:"DocSearch-SearchBar",ref:$},r.createElement(on,s({},ee,{state:F,autoFocus:0===K.length,inputRef:V,isFromSelection:Boolean(K)&&K===W,translations:R,onClose:m}))),r.createElement("div",{className:"DocSearch-Dropdown",ref:H},r.createElement(nn,s({},ee,{indexName:o,state:F,hitComponent:y,resultsFooterComponent:w,disableUserPersonalization:C,recentSearches:Z,favoriteSearches:Y,inputRef:V,translations:D,getMissingResultsUrl:z,onItemClick:function(e,t){X(e),J(e),Wt(t)||m()}}))),r.createElement("footer",{className:"DocSearch-Footer"},r.createElement(Et,{translations:N}))))}function $n(e){var t=e.isOpen,n=e.onOpen,o=e.onClose,a=e.onInput,i=e.searchButtonRef;r.useEffect((function(){function e(e){var r;(27===e.keyCode&&t||"k"===(null===(r=e.key)||void 0===r?void 0:r.toLowerCase())&&(e.metaKey||e.ctrlKey)||!function(e){var t=e.target,n=t.tagName;return t.isContentEditable||"INPUT"===n||"SELECT"===n||"TEXTAREA"===n}(e)&&"/"===e.key&&!t)&&(e.preventDefault(),t?o():document.body.classList.contains("DocSearch--active")||document.body.classList.contains("DocSearch--active")||n()),i&&i.current===document.activeElement&&a&&/[a-zA-Z0-9]/.test(String.fromCharCode(e.keyCode))&&a(e)}return window.addEventListener("keydown",e),function(){window.removeEventListener("keydown",e)}}),[t,n,o,a,i])}},9927:(e,t,n)=>{var r={"./":6532};function o(e){var t=a(e);return n(t)}function a(e){if(!n.o(r,e)){var t=new Error("Cannot find module '"+e+"'");throw t.code="MODULE_NOT_FOUND",t}return r[e]}o.keys=function(){return Object.keys(r)},o.resolve=a,e.exports=o,o.id=9927},1377:(e,t,n)=>{"use strict";n.d(t,{A:()=>p});n(758);var r=n(9235),o=n.n(r),a=n(4054);const i={"01a85c17":[()=>Promise.all([n.e(1869),n.e(8209)]).then(n.bind(n,7975)),"@theme/BlogTagsListPage",7975],"022a3ac7":[()=>Promise.all([n.e(1869),n.e(9820),n.e(9856)]).then(n.bind(n,2459)),"@site/i18n/uz/docusaurus-plugin-content-docs/current/reference/index.mdx",2459],"0499e362":[()=>n.e(4005).then(n.bind(n,1539)),"@site/i18n/en/docusaurus-plugin-content-docs/current/get-started/cheatsheet.mdx",1539],"066221cc":[()=>n.e(3120).then(n.bind(n,3760)),"@site/i18n/en/docusaurus-plugin-content-docs/current/get-started/overview.mdx",3760],"087a1d0d":[()=>n.e(2252).then(n.t.bind(n,8184,19)),"@generated/docusaurus-plugin-content-blog/default/p/uz-blog-tags-007.json",8184],"0a4ee302":[()=>n.e(5977).then(n.bind(n,1540)),"@site/i18n/en/docusaurus-plugin-content-docs/current/guides/tech/with-nuxtjs.mdx",1540],17896441:[()=>Promise.all([n.e(1869),n.e(4342),n.e(1617),n.e(8401)]).then(n.bind(n,3097)),"@theme/DocItem",3097],"19277cce":[()=>n.e(4150).then(n.t.bind(n,4107,19)),"@generated/docusaurus-plugin-content-blog/default/p/uz-blog-9d9.json",4107],"1943626f":[()=>n.e(6726).then(n.bind(n,3952)),"@site/blog/2022-06-04-rebranding.md",3952],"1a4e3797":[()=>Promise.all([n.e(1869),n.e(2138)]).then(n.bind(n,4164)),"@theme/SearchPage",4164],"1df93b7f":[()=>Promise.all([n.e(1869),n.e(9820),n.e(7603),n.e(2511),n.e(4583)]).then(n.bind(n,3395)),"@site/src/pages/index.tsx",3395],"25a0b29f":[()=>n.e(422).then(n.bind(n,4688)),"@site/blog/2022-07-25-international-community.md?truncated=true",4688],"2f764a0f":[()=>n.e(8039).then(n.bind(n,7162)),"@site/i18n/en/docusaurus-plugin-content-docs/current/about/understanding/needs-driven.md",7162],"3121f8ae":[()=>n.e(9064).then(n.bind(n,3190)),"@site/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/platforms.mdx",3190],"350d1c3d":[()=>n.e(9706).then(n.bind(n,3350)),"@site/i18n/en/docusaurus-plugin-content-docs/current/reference/slices-segments.mdx",3350],"36994c47":[()=>n.e(9858).then(n.t.bind(n,5516,19)),"@generated/docusaurus-plugin-content-blog/default/__plugin.json",5516],"370f8845":[()=>n.e(8754).then(n.bind(n,1610)),"@site/i18n/en/docusaurus-plugin-content-docs/current/guides/tech/with-react-query.mdx",1610],"3d2652fb":[()=>n.e(7811).then(n.bind(n,5472)),"@site/i18n/en/docusaurus-plugin-content-docs/current/reference/public-api.md",5472],"3dc6975d":[()=>n.e(4682).then(n.t.bind(n,8413,19)),"@generated/docusaurus-plugin-content-blog/default/p/uz-blog-tags-promo-55d.json",8413],"4044d4ea":[()=>n.e(3165).then(n.bind(n,5041)),"@site/i18n/uz/docusaurus-plugin-content-docs/current/branding.md",5041],"43315e98":[()=>n.e(8061).then(n.t.bind(n,6048,19)),"@generated/docusaurus-plugin-content-docs/default/p/uz-docs-5a7.json",6048],"43e8141f":[()=>n.e(4037).then(n.t.bind(n,5521,19)),"@generated/docusaurus-plugin-content-blog/default/p/uz-blog-tags-brand-246.json",5521],"480f28a3":[()=>n.e(7951).then(n.bind(n,5852)),"@site/i18n/en/docusaurus-plugin-content-docs/current/about/mission.md",5852],"488b6464":[()=>n.e(6369).then(n.bind(n,4487)),"@site/i18n/en/docusaurus-plugin-content-docs/current/reference/isolation/coupling-cohesion.md",4487],49161156:[()=>n.e(7028).then(n.bind(n,3787)),"@site/i18n/en/docusaurus-plugin-content-docs/current/about/understanding/naming.md",3787],"5187bed2":[()=>n.e(4043).then(n.bind(n,4716)),"@site/i18n/en/docusaurus-plugin-content-docs/current/about/understanding/architecture.md",4716],"53f8e831":[()=>Promise.all([n.e(1869),n.e(9820),n.e(2978)]).then(n.bind(n,6382)),"@site/i18n/en/docusaurus-plugin-content-docs/current/guides/index.mdx",6382],"55b0769a":[()=>n.e(9386).then(n.bind(n,3794)),"@site/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/page-layout.md",3794],"590d98cc":[()=>n.e(7604).then(n.bind(n,664)),"@site/i18n/en/docusaurus-plugin-content-docs/current/reference/isolation/decouple-entities.mdx",664],"5bd61d3b":[()=>n.e(9536).then(n.bind(n,6202)),"@site/i18n/en/docusaurus-plugin-content-docs/current/about/understanding/signals.mdx",6202],"5e95c892":[()=>n.e(9647).then(n.bind(n,9355)),"@theme/DocsRoot",9355],"5e9f5e1a":[()=>Promise.resolve().then(n.bind(n,4784)),"@generated/docusaurus.config",4784],"5f7e5f34":[()=>n.e(3366).then(n.bind(n,7908)),"@site/i18n/en/docusaurus-plugin-content-docs/current/guides/issues/desegmented.mdx",7908],"6636c8dc":[()=>n.e(106).then(n.bind(n,1737)),"@site/i18n/en/docusaurus-plugin-content-docs/current/about/promote/integration.mdx",1737],"664a648d":[()=>n.e(5936).then(n.bind(n,8345)),"@site/i18n/en/docusaurus-plugin-content-docs/current/about/promote/partial-application.mdx",8345],"66d3db7c":[()=>n.e(7068).then(n.bind(n,9311)),"@site/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/types.md",9311],"6875c492":[()=>Promise.all([n.e(1869),n.e(4342),n.e(8492),n.e(4813)]).then(n.bind(n,677)),"@theme/BlogTagsPostsPage",677],"6f9fce13":[()=>n.e(5718).then(n.t.bind(n,9986,19)),"@generated/docusaurus-plugin-content-blog/default/p/uz-blog-tags-community-da2.json",9986],"7313bf7a":[()=>n.e(25).then(n.bind(n,7497)),"@site/i18n/en/docusaurus-plugin-content-docs/community/team.mdx",7497],"7a790ed0":[()=>n.e(6422).then(n.bind(n,4813)),"@site/i18n/en/docusaurus-plugin-content-docs/current/reference/isolation/index.md",4813],"814f3328":[()=>n.e(7472).then(n.t.bind(n,5513,19)),"~blog/default/blog-post-list-prop-default.json",5513],"84a0dbae":[()=>n.e(7660).then(n.bind(n,6660)),"@site/i18n/en/docusaurus-plugin-content-docs/current/guides/tech/with-nextjs.mdx",6660],"857ae1bf":[()=>n.e(4472).then(n.bind(n,4673)),"@site/i18n/en/docusaurus-plugin-content-docs/current/get-started/tutorial.md",4673],"8651fb1e":[()=>n.e(2249).then(n.bind(n,8478)),"@site/i18n/uz/docusaurus-plugin-content-docs/current/reference/layers.mdx",8478],"87e5c187":[()=>n.e(8913).then(n.bind(n,9286)),"@site/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/ssr.mdx",9286],"8b5a42c3":[()=>n.e(192).then(n.bind(n,8110)),"@site/i18n/en/docusaurus-plugin-content-docs/current/about/promote/for-team.mdx",8110],"8b93e59a":[()=>n.e(6813).then(n.bind(n,1822)),"@site/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/auth.md",1822],"8c1e6152":[()=>n.e(1616).then(n.bind(n,3193)),"@site/i18n/en/docusaurus-plugin-content-docs/current/guides/migration/from-v1.md",3193],"8ce83ff6":[()=>n.e(6684).then(n.bind(n,526)),"@site/i18n/en/docusaurus-plugin-content-docs/current/guides/issues/cross-imports.mdx",526],"90f695cb":[()=>n.e(7673).then(n.bind(n,1448)),"@site/src/pages/versions/index.tsx",1448],"963cad68":[()=>n.e(69).then(n.t.bind(n,4226,19)),"@generated/docusaurus-plugin-content-docs/community/p/uz-community-8ed.json",4226],"9b83d7f4":[()=>n.e(9568).then(n.bind(n,4526)),"@site/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/autocompleted.mdx",4526],"9e4087bc":[()=>n.e(2711).then(n.bind(n,4757)),"@theme/BlogArchivePage",4757],a1521a63:[()=>n.e(9687).then(n.bind(n,9021)),"@site/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/browser-api.mdx",9021],a386f730:[()=>n.e(6865).then(n.bind(n,5444)),"@site/i18n/en/docusaurus-plugin-content-docs/current/about/alternatives.mdx",5444],a61c55ce:[()=>Promise.all([n.e(1869),n.e(9820),n.e(8964)]).then(n.bind(n,738)),"@site/i18n/en/docusaurus-plugin-content-docs/community/index.mdx",738],a6aa9e1f:[()=>Promise.all([n.e(1869),n.e(4342),n.e(8492),n.e(7643)]).then(n.bind(n,7110)),"@theme/BlogListPage",7110],a7456010:[()=>n.e(1235).then(n.t.bind(n,8552,19)),"@generated/docusaurus-plugin-content-pages/default/__plugin.json",8552],a7bd4aaa:[()=>n.e(7098).then(n.bind(n,3614)),"@theme/DocVersionRoot",3614],a94703ab:[()=>Promise.all([n.e(1869),n.e(9048)]).then(n.bind(n,2963)),"@theme/DocRoot",2963],aba21aa0:[()=>n.e(5742).then(n.t.bind(n,7093,19)),"@generated/docusaurus-plugin-content-docs/default/__plugin.json",7093],acaf5b8a:[()=>n.e(6170).then(n.bind(n,5533)),"@site/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/theme.mdx",5533],acecf23e:[()=>n.e(1903).then(n.t.bind(n,1912,19)),"~blog/default/blogMetadata-default.json",1912],b135d55d:[()=>n.e(5654).then(n.t.bind(n,834,19)),"@generated/docusaurus-plugin-content-blog/default/p/uz-blog-archive-afe.json",834],b4c136e1:[()=>Promise.all([n.e(1869),n.e(7603),n.e(868)]).then(n.bind(n,1908)),"@site/src/pages/examples/index.tsx",1908],ba8bb0f7:[()=>n.e(533).then(n.bind(n,8299)),"@site/i18n/en/docusaurus-plugin-content-docs/current/get-started/faq.md",8299],c0c6474c:[()=>n.e(4581).then(n.bind(n,3396)),"@site/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/metric.mdx",3396],c141421f:[()=>n.e(957).then(n.t.bind(n,936,19)),"@generated/docusaurus-theme-search-algolia/default/__plugin.json",936],c4d0faae:[()=>n.e(5755).then(n.bind(n,5300)),"@site/i18n/en/docusaurus-plugin-content-docs/current/about/promote/for-company.mdx",5300],c5666f39:[()=>Promise.all([n.e(1869),n.e(9820),n.e(5715)]).then(n.bind(n,4200)),"@site/i18n/en/docusaurus-plugin-content-docs/current/about/index.mdx",4200],cb388a7b:[()=>n.e(5535).then(n.bind(n,7040)),"@site/i18n/en/docusaurus-plugin-content-docs/current/about/motivation.md",7040],ccc49370:[()=>Promise.all([n.e(1869),n.e(4342),n.e(8492),n.e(3249)]).then(n.bind(n,7446)),"@theme/BlogPostPage",7446],d13cbfb8:[()=>Promise.all([n.e(1869),n.e(9820),n.e(5570)]).then(n.bind(n,9346)),"@site/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/index.mdx",9346],d7baea7e:[()=>Promise.all([n.e(1869),n.e(9820),n.e(9549)]).then(n.bind(n,8e3)),"@site/i18n/en/docusaurus-plugin-content-docs/current/get-started/index.mdx",8e3],d999437a:[()=>n.e(7091).then(n.bind(n,8909)),"@site/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/feedback.mdx",8909],dfe5ecdf:[()=>n.e(6949).then(n.bind(n,4089)),"@site/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/monorepo.mdx",4089],e01c2047:[()=>n.e(1405).then(n.bind(n,7703)),"@site/i18n/en/docusaurus-plugin-content-docs/current/about/understanding/knowledge-types.md",7703],e0719818:[()=>n.e(5220).then(n.t.bind(n,8669,19)),"@generated/docusaurus-plugin-content-docs/community/__plugin.json",8669],e1003eab:[()=>n.e(9136).then(n.bind(n,8665)),"@site/i18n/en/docusaurus-plugin-content-docs/current/guides/issues/routes.mdx",8665],e1c0d304:[()=>n.e(9867).then(n.bind(n,3870)),"@site/i18n/en/docusaurus-plugin-content-docs/current/about/understanding/abstractions.mdx",3870],e3309638:[()=>Promise.all([n.e(1869),n.e(8034)]).then(n.bind(n,1446)),"@site/i18n/uz/docusaurus-plugin-content-docs/current/intro.mdx",1446],e58a523b:[()=>n.e(1754).then(n.t.bind(n,2068,19)),"@generated/docusaurus-plugin-content-blog/default/p/uz-blog-tags-discord-aef.json",2068],e6bf8eb6:[()=>n.e(679).then(n.bind(n,9239)),"@site/i18n/en/docusaurus-plugin-content-docs/current/guides/tech/with-sveltekit.mdx",9239],ed3dcfcb:[()=>n.e(993).then(n.bind(n,4)),"@site/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/i18n.mdx",4],f2567325:[()=>n.e(8211).then(n.bind(n,9129)),"@site/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/white-labels.mdx",9129],f2c174dc:[()=>n.e(4861).then(n.bind(n,8595)),"@site/i18n/en/docusaurus-plugin-content-docs/current/guides/migration/from-custom.md",8595],f565db0c:[()=>Promise.all([n.e(1869),n.e(9534)]).then(n.bind(n,5352)),"@site/src/pages/nav/index.tsx",5352],f6760343:[()=>n.e(6956).then(n.bind(n,5540)),"@site/blog/2022-07-25-international-community.md",5540],f6bb872e:[()=>n.e(2563).then(n.bind(n,4204)),"@site/blog/2022-06-04-rebranding.md?truncated=true",4204],fe129f8e:[()=>n.e(6217).then(n.bind(n,5845)),"@site/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/cms.mdx",5845]};var s=n(6070);function l(e){let{error:t,retry:n,pastDelay:r}=e;return t?(0,s.jsxs)("div",{style:{textAlign:"center",color:"#fff",backgroundColor:"#fa383e",borderColor:"#fa383e",borderStyle:"solid",borderRadius:"0.25rem",borderWidth:"1px",boxSizing:"border-box",display:"block",padding:"1rem",flex:"0 0 50%",marginLeft:"25%",marginRight:"25%",marginTop:"5rem",maxWidth:"50%",width:"100%"},children:[(0,s.jsx)("p",{children:String(t)}),(0,s.jsx)("div",{children:(0,s.jsx)("button",{type:"button",onClick:n,children:"Retry"})})]}):r?(0,s.jsx)("div",{style:{display:"flex",justifyContent:"center",alignItems:"center",height:"100vh"},children:(0,s.jsx)("svg",{id:"loader",style:{width:128,height:110,position:"absolute",top:"calc(100vh - 64%)"},viewBox:"0 0 45 45",xmlns:"http://www.w3.org/2000/svg",stroke:"#61dafb",children:(0,s.jsxs)("g",{fill:"none",fillRule:"evenodd",transform:"translate(1 1)",strokeWidth:"2",children:[(0,s.jsxs)("circle",{cx:"22",cy:"22",r:"6",strokeOpacity:"0",children:[(0,s.jsx)("animate",{attributeName:"r",begin:"1.5s",dur:"3s",values:"6;22",calcMode:"linear",repeatCount:"indefinite"}),(0,s.jsx)("animate",{attributeName:"stroke-opacity",begin:"1.5s",dur:"3s",values:"1;0",calcMode:"linear",repeatCount:"indefinite"}),(0,s.jsx)("animate",{attributeName:"stroke-width",begin:"1.5s",dur:"3s",values:"2;0",calcMode:"linear",repeatCount:"indefinite"})]}),(0,s.jsxs)("circle",{cx:"22",cy:"22",r:"6",strokeOpacity:"0",children:[(0,s.jsx)("animate",{attributeName:"r",begin:"3s",dur:"3s",values:"6;22",calcMode:"linear",repeatCount:"indefinite"}),(0,s.jsx)("animate",{attributeName:"stroke-opacity",begin:"3s",dur:"3s",values:"1;0",calcMode:"linear",repeatCount:"indefinite"}),(0,s.jsx)("animate",{attributeName:"stroke-width",begin:"3s",dur:"3s",values:"2;0",calcMode:"linear",repeatCount:"indefinite"})]}),(0,s.jsx)("circle",{cx:"22",cy:"22",r:"8",children:(0,s.jsx)("animate",{attributeName:"r",begin:"0s",dur:"1.5s",values:"6;1;2;3;4;5;6",calcMode:"linear",repeatCount:"indefinite"})})]})})}):null}var c=n(8116),u=n(8851);function d(e,t){if("*"===e)return o()({loading:l,loader:()=>n.e(9019).then(n.bind(n,9019)),modules:["@theme/NotFound"],webpack:()=>[9019],render(e,t){const n=e.default;return(0,s.jsx)(u.W,{value:{plugin:{name:"native",id:"default"}},children:(0,s.jsx)(n,{...t})})}});const r=a[`${e}-${t}`],d={},p=[],f=[],m=(0,c.A)(r);return Object.entries(m).forEach((e=>{let[t,n]=e;const r=i[n];r&&(d[t]=r[0],p.push(r[1]),f.push(r[2]))})),o().Map({loading:l,loader:d,modules:p,webpack:()=>f,render(t,n){const o=JSON.parse(JSON.stringify(r));Object.entries(t).forEach((t=>{let[n,r]=t;const a=r.default;if(!a)throw new Error(`The page component at ${e} doesn't have a default export. This makes it impossible to render anything. Consider default-exporting a React component.`);"object"!=typeof a&&"function"!=typeof a||Object.keys(r).filter((e=>"default"!==e)).forEach((e=>{a[e]=r[e]}));let i=o;const s=n.split(".");s.slice(0,-1).forEach((e=>{i=i[e]})),i[s[s.length-1]]=a}));const a=o.__comp;delete o.__comp;const i=o.__context;delete o.__context;const l=o.__props;return delete o.__props,(0,s.jsx)(u.W,{value:i,children:(0,s.jsx)(a,{...o,...l,...n})})}})}const p=[{path:"/uz/blog",component:d("/uz/blog","2d9"),exact:!0},{path:"/uz/blog/archive",component:d("/uz/blog/archive","d95"),exact:!0},{path:"/uz/blog/international-community",component:d("/uz/blog/international-community","9b7"),exact:!0},{path:"/uz/blog/rebranding-stable",component:d("/uz/blog/rebranding-stable","99b"),exact:!0},{path:"/uz/blog/tags",component:d("/uz/blog/tags","035"),exact:!0},{path:"/uz/blog/tags/brand",component:d("/uz/blog/tags/brand","b0d"),exact:!0},{path:"/uz/blog/tags/community",component:d("/uz/blog/tags/community","627"),exact:!0},{path:"/uz/blog/tags/discord",component:d("/uz/blog/tags/discord","c58"),exact:!0},{path:"/uz/blog/tags/promo",component:d("/uz/blog/tags/promo","905"),exact:!0},{path:"/uz/examples",component:d("/uz/examples","102"),exact:!0},{path:"/uz/nav",component:d("/uz/nav","769"),exact:!0},{path:"/uz/search",component:d("/uz/search","55f"),exact:!0},{path:"/uz/versions",component:d("/uz/versions","3d0"),exact:!0},{path:"/uz/community",component:d("/uz/community","7a2"),routes:[{path:"/uz/community",component:d("/uz/community","ef5"),routes:[{path:"/uz/community",component:d("/uz/community","da5"),routes:[{path:"/uz/community",component:d("/uz/community","142"),exact:!0,sidebar:"community"},{path:"/uz/community/team",component:d("/uz/community/team","27a"),exact:!0,sidebar:"community"}]}]}]},{path:"/uz/docs",component:d("/uz/docs","26f"),routes:[{path:"/uz/docs",component:d("/uz/docs","ff0"),routes:[{path:"/uz/docs",component:d("/uz/docs","da8"),routes:[{path:"/uz/docs",component:d("/uz/docs","a9d"),exact:!0},{path:"/uz/docs/about",component:d("/uz/docs/about","02b"),exact:!0,sidebar:"aboutSidebar"},{path:"/uz/docs/about/alternatives",component:d("/uz/docs/about/alternatives","b16"),exact:!0,sidebar:"aboutSidebar"},{path:"/uz/docs/about/mission",component:d("/uz/docs/about/mission","29a"),exact:!0,sidebar:"aboutSidebar"},{path:"/uz/docs/about/motivation",component:d("/uz/docs/about/motivation","d48"),exact:!0,sidebar:"aboutSidebar"},{path:"/uz/docs/about/promote/for-company",component:d("/uz/docs/about/promote/for-company","fcd"),exact:!0,sidebar:"aboutSidebar"},{path:"/uz/docs/about/promote/for-team",component:d("/uz/docs/about/promote/for-team","db4"),exact:!0,sidebar:"aboutSidebar"},{path:"/uz/docs/about/promote/integration",component:d("/uz/docs/about/promote/integration","9f3"),exact:!0,sidebar:"aboutSidebar"},{path:"/uz/docs/about/promote/partial-application",component:d("/uz/docs/about/promote/partial-application","900"),exact:!0,sidebar:"aboutSidebar"},{path:"/uz/docs/about/understanding/abstractions",component:d("/uz/docs/about/understanding/abstractions","9d9"),exact:!0,sidebar:"aboutSidebar"},{path:"/uz/docs/about/understanding/architecture",component:d("/uz/docs/about/understanding/architecture","05d"),exact:!0,sidebar:"aboutSidebar"},{path:"/uz/docs/about/understanding/knowledge-types",component:d("/uz/docs/about/understanding/knowledge-types","97b"),exact:!0,sidebar:"aboutSidebar"},{path:"/uz/docs/about/understanding/naming",component:d("/uz/docs/about/understanding/naming","759"),exact:!0,sidebar:"aboutSidebar"},{path:"/uz/docs/about/understanding/needs-driven",component:d("/uz/docs/about/understanding/needs-driven","3ea"),exact:!0,sidebar:"aboutSidebar"},{path:"/uz/docs/about/understanding/signals",component:d("/uz/docs/about/understanding/signals","a86"),exact:!0,sidebar:"aboutSidebar"},{path:"/uz/docs/branding",component:d("/uz/docs/branding","188"),exact:!0},{path:"/uz/docs/get-started",component:d("/uz/docs/get-started","a45"),exact:!0,sidebar:"getstartedSidebar"},{path:"/uz/docs/get-started/cheatsheet",component:d("/uz/docs/get-started/cheatsheet","340"),exact:!0,sidebar:"getstartedSidebar"},{path:"/uz/docs/get-started/faq",component:d("/uz/docs/get-started/faq","ce9"),exact:!0,sidebar:"getstartedSidebar"},{path:"/uz/docs/get-started/overview",component:d("/uz/docs/get-started/overview","c78"),exact:!0,sidebar:"getstartedSidebar"},{path:"/uz/docs/get-started/tutorial",component:d("/uz/docs/get-started/tutorial","d79"),exact:!0,sidebar:"getstartedSidebar"},{path:"/uz/docs/guides",component:d("/uz/docs/guides","304"),exact:!0,sidebar:"guidesSidebar"},{path:"/uz/docs/guides/examples",component:d("/uz/docs/guides/examples","0a1"),exact:!0,sidebar:"guidesSidebar"},{path:"/uz/docs/guides/examples/auth",component:d("/uz/docs/guides/examples/auth","d4f"),exact:!0,sidebar:"guidesSidebar"},{path:"/uz/docs/guides/examples/autocompleted",component:d("/uz/docs/guides/examples/autocompleted","799"),exact:!0,sidebar:"guidesSidebar"},{path:"/uz/docs/guides/examples/browser-api",component:d("/uz/docs/guides/examples/browser-api","a91"),exact:!0,sidebar:"guidesSidebar"},{path:"/uz/docs/guides/examples/cms",component:d("/uz/docs/guides/examples/cms","250"),exact:!0,sidebar:"guidesSidebar"},{path:"/uz/docs/guides/examples/feedback",component:d("/uz/docs/guides/examples/feedback","788"),exact:!0,sidebar:"guidesSidebar"},{path:"/uz/docs/guides/examples/i18n",component:d("/uz/docs/guides/examples/i18n","6e1"),exact:!0,sidebar:"guidesSidebar"},{path:"/uz/docs/guides/examples/metric",component:d("/uz/docs/guides/examples/metric","e04"),exact:!0,sidebar:"guidesSidebar"},{path:"/uz/docs/guides/examples/monorepo",component:d("/uz/docs/guides/examples/monorepo","7c0"),exact:!0,sidebar:"guidesSidebar"},{path:"/uz/docs/guides/examples/page-layout",component:d("/uz/docs/guides/examples/page-layout","b15"),exact:!0,sidebar:"guidesSidebar"},{path:"/uz/docs/guides/examples/platforms",component:d("/uz/docs/guides/examples/platforms","175"),exact:!0,sidebar:"guidesSidebar"},{path:"/uz/docs/guides/examples/ssr",component:d("/uz/docs/guides/examples/ssr","4e2"),exact:!0,sidebar:"guidesSidebar"},{path:"/uz/docs/guides/examples/theme",component:d("/uz/docs/guides/examples/theme","d5d"),exact:!0,sidebar:"guidesSidebar"},{path:"/uz/docs/guides/examples/types",component:d("/uz/docs/guides/examples/types","837"),exact:!0,sidebar:"guidesSidebar"},{path:"/uz/docs/guides/examples/white-labels",component:d("/uz/docs/guides/examples/white-labels","982"),exact:!0,sidebar:"guidesSidebar"},{path:"/uz/docs/guides/issues/cross-imports",component:d("/uz/docs/guides/issues/cross-imports","d54"),exact:!0,sidebar:"guidesSidebar"},{path:"/uz/docs/guides/issues/desegmented",component:d("/uz/docs/guides/issues/desegmented","0fc"),exact:!0,sidebar:"guidesSidebar"},{path:"/uz/docs/guides/issues/routes",component:d("/uz/docs/guides/issues/routes","bda"),exact:!0,sidebar:"guidesSidebar"},{path:"/uz/docs/guides/migration/from-custom",component:d("/uz/docs/guides/migration/from-custom","bd2"),exact:!0,sidebar:"guidesSidebar"},{path:"/uz/docs/guides/migration/from-v1",component:d("/uz/docs/guides/migration/from-v1","248"),exact:!0,sidebar:"guidesSidebar"},{path:"/uz/docs/guides/tech/with-nextjs",component:d("/uz/docs/guides/tech/with-nextjs","383"),exact:!0,sidebar:"guidesSidebar"},{path:"/uz/docs/guides/tech/with-nuxtjs",component:d("/uz/docs/guides/tech/with-nuxtjs","64e"),exact:!0,sidebar:"guidesSidebar"},{path:"/uz/docs/guides/tech/with-react-query",component:d("/uz/docs/guides/tech/with-react-query","02d"),exact:!0,sidebar:"guidesSidebar"},{path:"/uz/docs/guides/tech/with-sveltekit",component:d("/uz/docs/guides/tech/with-sveltekit","849"),exact:!0,sidebar:"guidesSidebar"},{path:"/uz/docs/reference",component:d("/uz/docs/reference","5e2"),exact:!0,sidebar:"referenceSidebar"},{path:"/uz/docs/reference/isolation",component:d("/uz/docs/reference/isolation","29f"),exact:!0,sidebar:"referenceSidebar"},{path:"/uz/docs/reference/isolation/coupling-cohesion",component:d("/uz/docs/reference/isolation/coupling-cohesion","fa4"),exact:!0,sidebar:"referenceSidebar"},{path:"/uz/docs/reference/isolation/decouple-entities",component:d("/uz/docs/reference/isolation/decouple-entities","91c"),exact:!0,sidebar:"referenceSidebar"},{path:"/uz/docs/reference/layers",component:d("/uz/docs/reference/layers","3d1"),exact:!0,sidebar:"referenceSidebar"},{path:"/uz/docs/reference/public-api",component:d("/uz/docs/reference/public-api","995"),exact:!0,sidebar:"referenceSidebar"},{path:"/uz/docs/reference/slices-segments",component:d("/uz/docs/reference/slices-segments","c61"),exact:!0,sidebar:"referenceSidebar"}]}]}]},{path:"/uz/",component:d("/uz/","baa"),exact:!0},{path:"*",component:d("*")}]},5360:(e,t,n)=>{"use strict";n.d(t,{o:()=>a,x:()=>i});var r=n(758),o=n(6070);const a=r.createContext(!1);function i(e){let{children:t}=e;const[n,i]=(0,r.useState)(!1);return(0,r.useEffect)((()=>{i(!0)}),[]),(0,o.jsx)(a.Provider,{value:n,children:t})}},3096:(e,t,n)=>{"use strict";var r=n(758),o=n(9576),a=n(248),i=n(1742),s=n(4784),l=n(3088);const c=[n(4504),n(9773),n(5348),n(8602),n(8468)];var u=n(1377),d=n(5557),p=n(389),f=n(6070);function m(e){let{children:t}=e;return(0,f.jsx)(f.Fragment,{children:t})}var h=n(2293),g=n(9143),b=n(5252),y=n(316),v=n(898),w=n(1529),k=n(9782),S=n(4937),x=n(3509),E=n(1701);function _(){const{i18n:{currentLocale:e,defaultLocale:t,localeConfigs:n}}=(0,g.A)(),r=(0,w.o)(),o=n[e].htmlLang,a=e=>e.replace("-","_");return(0,f.jsxs)(h.A,{children:[Object.entries(n).map((e=>{let[t,{htmlLang:n}]=e;return(0,f.jsx)("link",{rel:"alternate",href:r.createUrl({locale:t,fullyQualified:!0}),hrefLang:n},t)})),(0,f.jsx)("link",{rel:"alternate",href:r.createUrl({locale:t,fullyQualified:!0}),hrefLang:"x-default"}),(0,f.jsx)("meta",{property:"og:locale",content:a(o)}),Object.values(n).filter((e=>o!==e.htmlLang)).map((e=>(0,f.jsx)("meta",{property:"og:locale:alternate",content:a(e.htmlLang)},`meta-og-${e.htmlLang}`)))]})}function j(e){let{permalink:t}=e;const{siteConfig:{url:n}}=(0,g.A)(),r=function(){const{siteConfig:{url:e,baseUrl:t,trailingSlash:n}}=(0,g.A)(),{pathname:r}=(0,d.zy)();return e+(0,x.Ks)((0,b.Ay)(r),{trailingSlash:n,baseUrl:t})}(),o=t?`${n}${t}`:r;return(0,f.jsxs)(h.A,{children:[(0,f.jsx)("meta",{property:"og:url",content:o}),(0,f.jsx)("link",{rel:"canonical",href:o})]})}function C(){const{i18n:{currentLocale:e}}=(0,g.A)(),{metadata:t,image:n}=(0,y.p)();return(0,f.jsxs)(f.Fragment,{children:[(0,f.jsxs)(h.A,{children:[(0,f.jsx)("meta",{name:"twitter:card",content:"summary_large_image"}),(0,f.jsx)("body",{className:k.w})]}),n&&(0,f.jsx)(v.be,{image:n}),(0,f.jsx)(j,{}),(0,f.jsx)(_,{}),(0,f.jsx)(E.A,{tag:S.C,locale:e}),(0,f.jsx)(h.A,{children:t.map(((e,t)=>(0,f.jsx)("meta",{...e},t)))})]})}const O=new Map;var A=n(5360),T=n(1170),P=n(8302);function z(e){for(var t=arguments.length,n=new Array(t>1?t-1:0),r=1;r<t;r++)n[r-1]=arguments[r];const o=c.map((t=>{const r=t.default?.[e]??t[e];return r?.(...n)}));return()=>o.forEach((e=>e?.()))}const I=function(e){let{children:t,location:n,previousLocation:r}=e;return(0,P.A)((()=>{r!==n&&(!function(e){let{location:t,previousLocation:n}=e;if(!n)return;const r=t.pathname===n.pathname,o=t.hash===n.hash,a=t.search===n.search;if(r&&o&&!a)return;const{hash:i}=t;if(i){const e=decodeURIComponent(i.substring(1)),t=document.getElementById(e);t?.scrollIntoView()}else window.scrollTo(0,0)}({location:n,previousLocation:r}),z("onRouteDidUpdate",{previousLocation:r,location:n}))}),[r,n]),t};function L(e){const t=Array.from(new Set([e,decodeURI(e)])).map((e=>(0,p.u)(u.A,e))).flat();return Promise.all(t.map((e=>e.route.component.preload?.())))}class N extends r.Component{previousLocation;routeUpdateCleanupCb;constructor(e){super(e),this.previousLocation=null,this.routeUpdateCleanupCb=l.A.canUseDOM?z("onRouteUpdate",{previousLocation:null,location:this.props.location}):()=>{},this.state={nextRouteHasLoaded:!0}}shouldComponentUpdate(e,t){if(e.location===this.props.location)return t.nextRouteHasLoaded;const n=e.location;return this.previousLocation=this.props.location,this.setState({nextRouteHasLoaded:!1}),this.routeUpdateCleanupCb=z("onRouteUpdate",{previousLocation:this.previousLocation,location:n}),L(n.pathname).then((()=>{this.routeUpdateCleanupCb(),this.setState({nextRouteHasLoaded:!0})})).catch((e=>{console.warn(e),window.location.reload()})),!1}render(){const{children:e,location:t}=this.props;return(0,f.jsx)(I,{previousLocation:this.previousLocation,location:t,children:(0,f.jsx)(d.qh,{location:t,render:()=>e})})}}const R=N,D="__docusaurus-base-url-issue-banner-container",M="__docusaurus-base-url-issue-banner",F="__docusaurus-base-url-issue-banner-suggestion-container";function B(e){return`\ndocument.addEventListener('DOMContentLoaded', function maybeInsertBanner() {\n  var shouldInsert = typeof window['docusaurus'] === 'undefined';\n  shouldInsert && insertBanner();\n});\n\nfunction insertBanner() {\n  var bannerContainer = document.createElement('div');\n  bannerContainer.id = '${D}';\n  var bannerHtml = ${JSON.stringify(function(e){return`\n<div id="${M}" style="border: thick solid red; background-color: rgb(255, 230, 179); margin: 20px; padding: 20px; font-size: 20px;">\n   <p style="font-weight: bold; font-size: 30px;">Your Docusaurus site did not load properly.</p>\n   <p>A very common reason is a wrong site <a href="https://docusaurus.io/docs/docusaurus.config.js/#baseUrl" style="font-weight: bold;">baseUrl configuration</a>.</p>\n   <p>Current configured baseUrl = <span style="font-weight: bold; color: red;">${e}</span> ${"/"===e?" (default value)":""}</p>\n   <p>We suggest trying baseUrl = <span id="${F}" style="font-weight: bold; color: green;"></span></p>\n</div>\n`}(e)).replace(/</g,"\\<")};\n  bannerContainer.innerHTML = bannerHtml;\n  document.body.prepend(bannerContainer);\n  var suggestionContainer = document.getElementById('${F}');\n  var actualHomePagePath = window.location.pathname;\n  var suggestedBaseUrl = actualHomePagePath.substr(-1) === '/'\n        ? actualHomePagePath\n        : actualHomePagePath + '/';\n  suggestionContainer.innerHTML = suggestedBaseUrl;\n}\n`}function U(){const{siteConfig:{baseUrl:e}}=(0,g.A)();return(0,f.jsx)(f.Fragment,{children:!l.A.canUseDOM&&(0,f.jsx)(h.A,{children:(0,f.jsx)("script",{children:B(e)})})})}function q(){const{siteConfig:{baseUrl:e,baseUrlIssueBanner:t}}=(0,g.A)(),{pathname:n}=(0,d.zy)();return t&&n===e?(0,f.jsx)(U,{}):null}function $(){const{siteConfig:{favicon:e,title:t,noIndex:n},i18n:{currentLocale:r,localeConfigs:o}}=(0,g.A)(),a=(0,b.Ay)(e),{htmlLang:i,direction:s}=o[r];return(0,f.jsxs)(h.A,{children:[(0,f.jsx)("html",{lang:i,dir:s}),(0,f.jsx)("title",{children:t}),(0,f.jsx)("meta",{property:"og:title",content:t}),(0,f.jsx)("meta",{name:"viewport",content:"width=device-width, initial-scale=1.0"}),n&&(0,f.jsx)("meta",{name:"robots",content:"noindex, nofollow"}),e&&(0,f.jsx)("link",{rel:"icon",href:a})]})}var H=n(356),V=n(2630);function G(){const e=(0,V.A)();return(0,f.jsx)(h.A,{children:(0,f.jsx)("html",{"data-has-hydrated":e})})}const W=(0,p.v)(u.A);function K(){const e=function(e){if(O.has(e.pathname))return{...e,pathname:O.get(e.pathname)};if((0,p.u)(u.A,e.pathname).some((e=>{let{route:t}=e;return!0===t.exact})))return O.set(e.pathname,e.pathname),e;const t=e.pathname.trim().replace(/(?:\/index)?\.html$/,"")||"/";return O.set(e.pathname,t),{...e,pathname:t}}((0,d.zy)());return(0,f.jsx)(R,{location:e,children:W})}function Q(){return(0,f.jsx)(H.A,{children:(0,f.jsx)(T.l,{children:(0,f.jsxs)(A.x,{children:[(0,f.jsxs)(m,{children:[(0,f.jsx)($,{}),(0,f.jsx)(C,{}),(0,f.jsx)(q,{}),(0,f.jsx)(K,{})]}),(0,f.jsx)(G,{})]})})})}var Y=n(4054);const Z=function(e){try{return document.createElement("link").relList.supports(e)}catch{return!1}}("prefetch")?function(e){return new Promise(((t,n)=>{if("undefined"==typeof document)return void n();const r=document.createElement("link");r.setAttribute("rel","prefetch"),r.setAttribute("href",e),r.onload=()=>t(),r.onerror=()=>n();const o=document.getElementsByTagName("head")[0]??document.getElementsByName("script")[0]?.parentNode;o?.appendChild(r)}))}:function(e){return new Promise(((t,n)=>{const r=new XMLHttpRequest;r.open("GET",e,!0),r.withCredentials=!0,r.onload=()=>{200===r.status?t():n()},r.send(null)}))};var J=n(8116);const X=new Set,ee=new Set,te=()=>navigator.connection?.effectiveType.includes("2g")||navigator.connection?.saveData,ne={prefetch:e=>{if(!(e=>!te()&&!ee.has(e)&&!X.has(e))(e))return!1;X.add(e);const t=(0,p.u)(u.A,e).flatMap((e=>{return t=e.route.path,Object.entries(Y).filter((e=>{let[n]=e;return n.replace(/-[^-]+$/,"")===t})).flatMap((e=>{let[,t]=e;return Object.values((0,J.A)(t))}));var t}));return Promise.all(t.map((e=>{const t=n.gca(e);return t&&!t.includes("undefined")?Z(t).catch((()=>{})):Promise.resolve()})))},preload:e=>!!(e=>!te()&&!ee.has(e))(e)&&(ee.add(e),L(e))},re=Object.freeze(ne);function oe(e){let{children:t}=e;return"hash"===s.default.future.experimental_router?(0,f.jsx)(i.I9,{children:t}):(0,f.jsx)(i.Kd,{children:t})}const ae=Boolean(!0);if(l.A.canUseDOM){window.docusaurus=re;const e=document.getElementById("__docusaurus"),t=(0,f.jsx)(a.vd,{children:(0,f.jsx)(oe,{children:(0,f.jsx)(Q,{})})}),n=(e,t)=>{console.error("Docusaurus React Root onRecoverableError:",e,t)},i=()=>{if(window.docusaurusRoot)window.docusaurusRoot.render(t);else if(ae)window.docusaurusRoot=o.hydrateRoot(e,t,{onRecoverableError:n});else{const r=o.createRoot(e,{onRecoverableError:n});r.render(t),window.docusaurusRoot=r}};L(window.location.pathname).then((()=>{(0,r.startTransition)(i)}))}},1170:(e,t,n)=>{"use strict";n.d(t,{o:()=>d,l:()=>p});var r=n(758),o=n(4784);const a=JSON.parse('{"docusaurus-plugin-content-docs":{"default":{"path":"/uz/docs","versions":[{"name":"current","label":"v2.0.0 \ud83c\udf70","isLast":true,"path":"/uz/docs","mainDocId":"intro","docs":[{"id":"about/alternatives","path":"/uz/docs/about/alternatives","sidebar":"aboutSidebar"},{"id":"about/index","path":"/uz/docs/about/","sidebar":"aboutSidebar"},{"id":"about/mission","path":"/uz/docs/about/mission","sidebar":"aboutSidebar"},{"id":"about/motivation","path":"/uz/docs/about/motivation","sidebar":"aboutSidebar"},{"id":"about/promote/for-company","path":"/uz/docs/about/promote/for-company","sidebar":"aboutSidebar"},{"id":"about/promote/for-team","path":"/uz/docs/about/promote/for-team","sidebar":"aboutSidebar"},{"id":"about/promote/integration","path":"/uz/docs/about/promote/integration","sidebar":"aboutSidebar"},{"id":"about/promote/partial-application","path":"/uz/docs/about/promote/partial-application","sidebar":"aboutSidebar"},{"id":"about/understanding/abstractions","path":"/uz/docs/about/understanding/abstractions","sidebar":"aboutSidebar"},{"id":"about/understanding/architecture","path":"/uz/docs/about/understanding/architecture","sidebar":"aboutSidebar"},{"id":"about/understanding/knowledge-types","path":"/uz/docs/about/understanding/knowledge-types","sidebar":"aboutSidebar"},{"id":"about/understanding/naming","path":"/uz/docs/about/understanding/naming","sidebar":"aboutSidebar"},{"id":"about/understanding/needs-driven","path":"/uz/docs/about/understanding/needs-driven","sidebar":"aboutSidebar"},{"id":"about/understanding/signals","path":"/uz/docs/about/understanding/signals","sidebar":"aboutSidebar"},{"id":"branding","path":"/uz/docs/branding"},{"id":"get-started/cheatsheet","path":"/uz/docs/get-started/cheatsheet","unlisted":true,"sidebar":"getstartedSidebar"},{"id":"get-started/faq","path":"/uz/docs/get-started/faq","sidebar":"getstartedSidebar"},{"id":"get-started/index","path":"/uz/docs/get-started/","sidebar":"getstartedSidebar"},{"id":"get-started/overview","path":"/uz/docs/get-started/overview","sidebar":"getstartedSidebar"},{"id":"get-started/tutorial","path":"/uz/docs/get-started/tutorial","sidebar":"getstartedSidebar"},{"id":"guides/examples/auth","path":"/uz/docs/guides/examples/auth","sidebar":"guidesSidebar"},{"id":"guides/examples/autocompleted","path":"/uz/docs/guides/examples/autocompleted","unlisted":true,"sidebar":"guidesSidebar"},{"id":"guides/examples/browser-api","path":"/uz/docs/guides/examples/browser-api","unlisted":true,"sidebar":"guidesSidebar"},{"id":"guides/examples/cms","path":"/uz/docs/guides/examples/cms","unlisted":true,"sidebar":"guidesSidebar"},{"id":"guides/examples/feedback","path":"/uz/docs/guides/examples/feedback","unlisted":true,"sidebar":"guidesSidebar"},{"id":"guides/examples/i18n","path":"/uz/docs/guides/examples/i18n","unlisted":true,"sidebar":"guidesSidebar"},{"id":"guides/examples/index","path":"/uz/docs/guides/examples/","sidebar":"guidesSidebar"},{"id":"guides/examples/metric","path":"/uz/docs/guides/examples/metric","unlisted":true,"sidebar":"guidesSidebar"},{"id":"guides/examples/monorepo","path":"/uz/docs/guides/examples/monorepo","unlisted":true,"sidebar":"guidesSidebar"},{"id":"guides/examples/page-layout","path":"/uz/docs/guides/examples/page-layout","sidebar":"guidesSidebar"},{"id":"guides/examples/platforms","path":"/uz/docs/guides/examples/platforms","unlisted":true,"sidebar":"guidesSidebar"},{"id":"guides/examples/ssr","path":"/uz/docs/guides/examples/ssr","unlisted":true,"sidebar":"guidesSidebar"},{"id":"guides/examples/theme","path":"/uz/docs/guides/examples/theme","unlisted":true,"sidebar":"guidesSidebar"},{"id":"guides/examples/types","path":"/uz/docs/guides/examples/types","sidebar":"guidesSidebar"},{"id":"guides/examples/white-labels","path":"/uz/docs/guides/examples/white-labels","unlisted":true,"sidebar":"guidesSidebar"},{"id":"guides/index","path":"/uz/docs/guides/","sidebar":"guidesSidebar"},{"id":"guides/issues/cross-imports","path":"/uz/docs/guides/issues/cross-imports","sidebar":"guidesSidebar"},{"id":"guides/issues/desegmented","path":"/uz/docs/guides/issues/desegmented","sidebar":"guidesSidebar"},{"id":"guides/issues/routes","path":"/uz/docs/guides/issues/routes","sidebar":"guidesSidebar"},{"id":"guides/migration/from-custom","path":"/uz/docs/guides/migration/from-custom","sidebar":"guidesSidebar"},{"id":"guides/migration/from-v1","path":"/uz/docs/guides/migration/from-v1","sidebar":"guidesSidebar"},{"id":"guides/tech/with-nextjs","path":"/uz/docs/guides/tech/with-nextjs","sidebar":"guidesSidebar"},{"id":"guides/tech/with-nuxtjs","path":"/uz/docs/guides/tech/with-nuxtjs","sidebar":"guidesSidebar"},{"id":"guides/tech/with-react-query","path":"/uz/docs/guides/tech/with-react-query","sidebar":"guidesSidebar"},{"id":"guides/tech/with-sveltekit","path":"/uz/docs/guides/tech/with-sveltekit","sidebar":"guidesSidebar"},{"id":"intro","path":"/uz/docs/"},{"id":"reference/index","path":"/uz/docs/reference/","sidebar":"referenceSidebar"},{"id":"reference/isolation/coupling-cohesion","path":"/uz/docs/reference/isolation/coupling-cohesion","sidebar":"referenceSidebar"},{"id":"reference/isolation/decouple-entities","path":"/uz/docs/reference/isolation/decouple-entities","sidebar":"referenceSidebar"},{"id":"reference/isolation/index","path":"/uz/docs/reference/isolation/","sidebar":"referenceSidebar"},{"id":"reference/layers","path":"/uz/docs/reference/layers","sidebar":"referenceSidebar"},{"id":"reference/public-api","path":"/uz/docs/reference/public-api","sidebar":"referenceSidebar"},{"id":"reference/slices-segments","path":"/uz/docs/reference/slices-segments","sidebar":"referenceSidebar"}],"draftIds":[],"sidebars":{"getstartedSidebar":{"link":{"path":"/uz/docs/get-started/","label":"\ud83d\ude80  Get Started"}},"guidesSidebar":{"link":{"path":"/uz/docs/guides/","label":"\ud83c\udfaf  Guides"}},"referenceSidebar":{"link":{"path":"/uz/docs/reference/","label":"\ud83d\udcda  Reference"}},"aboutSidebar":{"link":{"path":"/uz/docs/about/","label":"\ud83c\udf70  About"}}}}],"breadcrumbs":true},"community":{"path":"/uz/community","versions":[{"name":"current","label":"Next","isLast":true,"path":"/uz/community","mainDocId":"index","docs":[{"id":"index","path":"/uz/community/","sidebar":"community"},{"id":"team","path":"/uz/community/team","sidebar":"community"}],"draftIds":[],"sidebars":{"community":{"link":{"path":"/uz/community/","label":"\ud83d\udcab  Community"}}}}],"breadcrumbs":true}}}'),i=JSON.parse('{"defaultLocale":"en","locales":["ru","en","uz","kr","ja"],"path":"i18n","currentLocale":"uz","localeConfigs":{"ru":{"label":"\u0420\u0443\u0441\u0441\u043a\u0438\u0439","direction":"ltr","htmlLang":"ru","calendar":"gregory","path":"ru"},"en":{"label":"English","direction":"ltr","htmlLang":"en","calendar":"gregory","path":"en"},"uz":{"label":"O\'zbekcha","direction":"ltr","htmlLang":"uz","calendar":"gregory","path":"uz"},"kr":{"label":"\ud55c\uad6d\uc5b4","direction":"ltr","htmlLang":"kr","calendar":"gregory","path":"kr"},"ja":{"label":"\u65e5\u672c\u8a9e","direction":"ltr","htmlLang":"ja","calendar":"gregory","path":"ja"}}}');var s=n(2654);const l=JSON.parse('{"docusaurusVersion":"3.5.2","siteVersion":"2.0.0","pluginVersions":{"docusaurus-plugin-content-docs":{"type":"package","name":"@docusaurus/plugin-content-docs","version":"3.5.2"},"docusaurus-plugin-content-blog":{"type":"package","name":"@docusaurus/plugin-content-blog","version":"3.5.2"},"docusaurus-plugin-content-pages":{"type":"package","name":"@docusaurus/plugin-content-pages","version":"3.5.2"},"docusaurus-plugin-sitemap":{"type":"package","name":"@docusaurus/plugin-sitemap","version":"3.5.2"},"docusaurus-theme-classic":{"type":"package","name":"@docusaurus/theme-classic","version":"3.5.2"},"docusaurus-theme-search-algolia":{"type":"package","name":"@docusaurus/theme-search-algolia","version":"3.5.2"},"docusaurus-plugin-sass":{"type":"package","name":"docusaurus-plugin-sass","version":"0.2.5"},"docusaurus-plugin-client-redirects":{"type":"package","name":"@docusaurus/plugin-client-redirects","version":"3.5.2"},"docusaurus-plugin-ideal-image":{"type":"package","name":"@docusaurus/plugin-ideal-image","version":"3.5.2"},"docusaurus-plugin-image-zoom":{"type":"package","name":"plugin-image-zoom","version":"1.2.0"}}}');var c=n(6070);const u={siteConfig:o.default,siteMetadata:l,globalData:a,i18n:i,codeTranslations:s},d=r.createContext(u);function p(e){let{children:t}=e;return(0,c.jsx)(d.Provider,{value:u,children:t})}},356:(e,t,n)=>{"use strict";n.d(t,{A:()=>h});var r=n(758),o=n(3088),a=n(2293),i=n(3509),s=n(3041),l=n(8851),c=n(6070);function u(e){let{error:t,tryAgain:n}=e;return(0,c.jsxs)("div",{style:{display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"flex-start",minHeight:"100vh",width:"100%",maxWidth:"80ch",fontSize:"20px",margin:"0 auto",padding:"1rem"},children:[(0,c.jsx)("h1",{style:{fontSize:"3rem"},children:"This page crashed"}),(0,c.jsx)("button",{type:"button",onClick:n,style:{margin:"1rem 0",fontSize:"2rem",cursor:"pointer",borderRadius:20,padding:"1rem"},children:"Try again"}),(0,c.jsx)(d,{error:t})]})}function d(e){let{error:t}=e;const n=(0,i.rA)(t).map((e=>e.message)).join("\n\nCause:\n");return(0,c.jsx)("p",{style:{whiteSpace:"pre-wrap"},children:n})}function p(e){let{children:t}=e;return(0,c.jsx)(l.W,{value:{plugin:{name:"docusaurus-core-error-boundary",id:"default"}},children:t})}function f(e){let{error:t,tryAgain:n}=e;return(0,c.jsx)(p,{children:(0,c.jsxs)(h,{fallback:()=>(0,c.jsx)(u,{error:t,tryAgain:n}),children:[(0,c.jsx)(a.A,{children:(0,c.jsx)("title",{children:"Page Error"})}),(0,c.jsx)(s.A,{children:(0,c.jsx)(u,{error:t,tryAgain:n})})]})})}const m=e=>(0,c.jsx)(f,{...e});class h extends r.Component{constructor(e){super(e),this.state={error:null}}componentDidCatch(e){o.A.canUseDOM&&this.setState({error:e})}render(){const{children:e}=this.props,{error:t}=this.state;if(t){const e={error:t,tryAgain:()=>this.setState({error:null})};return(this.props.fallback??m)(e)}return e??null}}},3088:(e,t,n)=>{"use strict";n.d(t,{A:()=>o});const r="undefined"!=typeof window&&"document"in window&&"createElement"in window.document,o={canUseDOM:r,canUseEventListeners:r&&("addEventListener"in window||"attachEvent"in window),canUseIntersectionObserver:r&&"IntersectionObserver"in window,canUseViewport:r&&"screen"in window}},2293:(e,t,n)=>{"use strict";n.d(t,{A:()=>a});n(758);var r=n(248),o=n(6070);function a(e){return(0,o.jsx)(r.mg,{...e})}},6783:(e,t,n)=>{"use strict";n.d(t,{A:()=>f});var r=n(758),o=n(1742),a=n(3509),i=n(9143),s=n(1933),l=n(3088),c=n(6828),u=n(5252),d=n(6070);function p(e,t){let{isNavLink:n,to:p,href:f,activeClassName:m,isActive:h,"data-noBrokenLinkCheck":g,autoAddBaseUrl:b=!0,...y}=e;const{siteConfig:v}=(0,i.A)(),{trailingSlash:w,baseUrl:k}=v,S=v.future.experimental_router,{withBaseUrl:x}=(0,u.hH)(),E=(0,c.A)(),_=(0,r.useRef)(null);(0,r.useImperativeHandle)(t,(()=>_.current));const j=p||f;const C=(0,s.A)(j),O=j?.replace("pathname://","");let A=void 0!==O?(T=O,b&&(e=>e.startsWith("/"))(T)?x(T):T):void 0;var T;"hash"===S&&A?.startsWith("./")&&(A=A?.slice(1)),A&&C&&(A=(0,a.Ks)(A,{trailingSlash:w,baseUrl:k}));const P=(0,r.useRef)(!1),z=n?o.k2:o.N_,I=l.A.canUseIntersectionObserver,L=(0,r.useRef)(),N=()=>{P.current||null==A||(window.docusaurus.preload(A),P.current=!0)};(0,r.useEffect)((()=>(!I&&C&&l.A.canUseDOM&&null!=A&&window.docusaurus.prefetch(A),()=>{I&&L.current&&L.current.disconnect()})),[L,A,I,C]);const R=A?.startsWith("#")??!1,D=!y.target||"_self"===y.target,M=!A||!C||!D||R&&"hash"!==S;g||!R&&M||E.collectLink(A),y.id&&E.collectAnchor(y.id);const F={};return M?(0,d.jsx)("a",{ref:_,href:A,...j&&!C&&{target:"_blank",rel:"noopener noreferrer"},...y,...F}):(0,d.jsx)(z,{...y,onMouseEnter:N,onTouchStart:N,innerRef:e=>{_.current=e,I&&e&&C&&(L.current=new window.IntersectionObserver((t=>{t.forEach((t=>{e===t.target&&(t.isIntersecting||t.intersectionRatio>0)&&(L.current.unobserve(e),L.current.disconnect(),null!=A&&window.docusaurus.prefetch(A))}))})),L.current.observe(e))},to:A,...n&&{isActive:h,activeClassName:m},...F})}const f=r.forwardRef(p)},7765:(e,t,n)=>{"use strict";n.d(t,{A:()=>c,T:()=>l});var r=n(758),o=n(6070);function a(e,t){const n=e.split(/(\{\w+\})/).map(((e,n)=>{if(n%2==1){const n=t?.[e.slice(1,-1)];if(void 0!==n)return n}return e}));return n.some((e=>(0,r.isValidElement)(e)))?n.map(((e,t)=>(0,r.isValidElement)(e)?r.cloneElement(e,{key:t}):e)).filter((e=>""!==e)):n.join("")}var i=n(2654);function s(e){let{id:t,message:n}=e;if(void 0===t&&void 0===n)throw new Error("Docusaurus translation declarations must have at least a translation id or a default translation message");return i[t??n]??n??t}function l(e,t){let{message:n,id:r}=e;return a(s({message:n,id:r}),t)}function c(e){let{children:t,id:n,values:r}=e;if(t&&"string"!=typeof t)throw console.warn("Illegal <Translate> children",t),new Error("The Docusaurus <Translate> component only accept simple string values");const i=s({message:t,id:n});return(0,o.jsx)(o.Fragment,{children:a(i,r)})}},8470:(e,t,n)=>{"use strict";n.d(t,{W:()=>r});const r="default"},1933:(e,t,n)=>{"use strict";function r(e){return/^(?:\w*:|\/\/)/.test(e)}function o(e){return void 0!==e&&!r(e)}n.d(t,{A:()=>o,z:()=>r})},5252:(e,t,n)=>{"use strict";n.d(t,{Ay:()=>s,hH:()=>i});var r=n(758),o=n(9143),a=n(1933);function i(){const{siteConfig:e}=(0,o.A)(),{baseUrl:t,url:n}=e,i=e.future.experimental_router,s=(0,r.useCallback)(((e,r)=>function(e){let{siteUrl:t,baseUrl:n,url:r,options:{forcePrependBaseUrl:o=!1,absolute:i=!1}={},router:s}=e;if(!r||r.startsWith("#")||(0,a.z)(r))return r;if("hash"===s)return r.startsWith("/")?`.${r}`:`./${r}`;if(o)return n+r.replace(/^\//,"");if(r===n.replace(/\/$/,""))return n;const l=r.startsWith(n)?r:n+r.replace(/^\//,"");return i?t+l:l}({siteUrl:n,baseUrl:t,url:e,options:r,router:i})),[n,t,i]);return{withBaseUrl:s}}function s(e,t){void 0===t&&(t={});const{withBaseUrl:n}=i();return n(e,t)}},6828:(e,t,n)=>{"use strict";n.d(t,{A:()=>i});var r=n(758);n(6070);const o=r.createContext({collectAnchor:()=>{},collectLink:()=>{}}),a=()=>(0,r.useContext)(o);function i(){return a()}},9143:(e,t,n)=>{"use strict";n.d(t,{A:()=>a});var r=n(758),o=n(1170);function a(){return(0,r.useContext)(o.o)}},2630:(e,t,n)=>{"use strict";n.d(t,{A:()=>a});var r=n(758),o=n(5360);function a(){return(0,r.useContext)(o.o)}},8302:(e,t,n)=>{"use strict";n.d(t,{A:()=>o});var r=n(758);const o=n(3088).A.canUseDOM?r.useLayoutEffect:r.useEffect},3112:(e,t,n)=>{"use strict";n.d(t,{A:()=>a});var r=n(758),o=n(8851);function a(){const e=r.useContext(o.o);if(!e)throw new Error("Unexpected: no Docusaurus route context found");return e}},8116:(e,t,n)=>{"use strict";n.d(t,{A:()=>o});const r=e=>"object"==typeof e&&!!e&&Object.keys(e).length>0;function o(e){const t={};return function e(n,o){Object.entries(n).forEach((n=>{let[a,i]=n;const s=o?`${o}.${a}`:a;r(i)?e(i,s):t[s]=i}))}(e),t}},8851:(e,t,n)=>{"use strict";n.d(t,{W:()=>i,o:()=>a});var r=n(758),o=n(6070);const a=r.createContext(null);function i(e){let{children:t,value:n}=e;const i=r.useContext(a),s=(0,r.useMemo)((()=>function(e){let{parent:t,value:n}=e;if(!t){if(!n)throw new Error("Unexpected: no Docusaurus route context found");if(!("plugin"in n))throw new Error("Unexpected: Docusaurus topmost route context has no `plugin` attribute");return n}const r={...t.data,...n?.data};return{plugin:t.plugin,data:r}}({parent:i,value:n})),[i,n]);return(0,o.jsx)(a.Provider,{value:s,children:t})}},3724:(e,t,n)=>{"use strict";n.d(t,{VQ:()=>g,XK:()=>v,g1:()=>y});var r=n(758),o=n(9860),a=n(8470),i=n(316),s=n(3349),l=n(4902),c=n(6070);const u=e=>`docs-preferred-version-${e}`,d={save:(e,t,n)=>{(0,s.Wf)(u(e),{persistence:t}).set(n)},read:(e,t)=>(0,s.Wf)(u(e),{persistence:t}).get(),clear:(e,t)=>{(0,s.Wf)(u(e),{persistence:t}).del()}},p=e=>Object.fromEntries(e.map((e=>[e,{preferredVersionName:null}])));const f=r.createContext(null);function m(){const e=(0,o.Gy)(),t=(0,i.p)().docs.versionPersistence,n=(0,r.useMemo)((()=>Object.keys(e)),[e]),[a,s]=(0,r.useState)((()=>p(n)));(0,r.useEffect)((()=>{s(function(e){let{pluginIds:t,versionPersistence:n,allDocsData:r}=e;function o(e){const t=d.read(e,n);return r[e].versions.some((e=>e.name===t))?{preferredVersionName:t}:(d.clear(e,n),{preferredVersionName:null})}return Object.fromEntries(t.map((e=>[e,o(e)])))}({allDocsData:e,versionPersistence:t,pluginIds:n}))}),[e,t,n]);return[a,(0,r.useMemo)((()=>({savePreferredVersion:function(e,n){d.save(e,t,n),s((t=>({...t,[e]:{preferredVersionName:n}})))}})),[t])]}function h(e){let{children:t}=e;const n=m();return(0,c.jsx)(f.Provider,{value:n,children:t})}function g(e){let{children:t}=e;return(0,c.jsx)(h,{children:t})}function b(){const e=(0,r.useContext)(f);if(!e)throw new l.dV("DocsPreferredVersionContextProvider");return e}function y(e){void 0===e&&(e=a.W);const t=(0,o.ht)(e),[n,i]=b(),{preferredVersionName:s}=n[e];return{preferredVersion:t.versions.find((e=>e.name===s))??null,savePreferredVersionName:(0,r.useCallback)((t=>{i.savePreferredVersion(e,t)}),[i,e])}}function v(){const e=(0,o.Gy)(),[t]=b();function n(n){const r=e[n],{preferredVersionName:o}=t[n];return r.versions.find((e=>e.name===o))??null}const r=Object.keys(e);return Object.fromEntries(r.map((e=>[e,n(e)])))}},4619:(e,t,n)=>{"use strict";n.d(t,{k:()=>a,v:()=>i});var r=n(9860),o=n(3724);function a(e,t){return`docs-${e}-${t}`}function i(){const e=(0,r.Gy)(),t=(0,r.gk)(),n=(0,o.XK)();return[...Object.keys(e).map((function(r){const o=t?.activePlugin.pluginId===r?t.activeVersion:void 0,i=n[r],s=e[r].versions.find((e=>e.isLast));return a(r,(o??i??s).name)}))]}},3971:(e,t,n)=>{"use strict";n.d(t,{V:()=>l,t:()=>c});var r=n(758),o=n(4902),a=n(6070);const i=Symbol("EmptyContext"),s=r.createContext(i);function l(e){let{children:t,name:n,items:o}=e;const i=(0,r.useMemo)((()=>n&&o?{name:n,items:o}:null),[n,o]);return(0,a.jsx)(s.Provider,{value:i,children:t})}function c(){const e=(0,r.useContext)(s);if(e===i)throw new o.dV("DocsSidebarProvider");return e}},1630:(e,t,n)=>{"use strict";n.d(t,{B5:()=>x,Nr:()=>p,OF:()=>v,QB:()=>S,Vd:()=>w,Y:()=>b,fW:()=>k,w8:()=>h});var r=n(758),o=n(5557),a=n(389),i=n(9860),s=n(5763),l=n(2632),c=n(3724),u=n(1579),d=n(3971);function p(e){return"link"!==e.type||e.unlisted?"category"===e.type?function(e){if(e.href&&!e.linkUnlisted)return e.href;for(const t of e.items){const e=p(t);if(e)return e}}(e):void 0:e.href}const f=(e,t)=>void 0!==e&&(0,s.ys)(e,t),m=(e,t)=>e.some((e=>h(e,t)));function h(e,t){return"link"===e.type?f(e.href,t):"category"===e.type&&(f(e.href,t)||m(e.items,t))}function g(e,t){switch(e.type){case"category":return h(e,t)||e.items.some((e=>g(e,t)));case"link":return!e.unlisted||h(e,t);default:return!0}}function b(e,t){return(0,r.useMemo)((()=>e.filter((e=>g(e,t)))),[e,t])}function y(e){let{sidebarItems:t,pathname:n,onlyCategories:r=!1}=e;const o=[];return function e(t){for(const a of t)if("category"===a.type&&((0,s.ys)(a.href,n)||e(a.items))||"link"===a.type&&(0,s.ys)(a.href,n)){return r&&"category"!==a.type||o.unshift(a),!0}return!1}(t),o}function v(){const e=(0,d.t)(),{pathname:t}=(0,o.zy)(),n=(0,i.vT)()?.pluginData.breadcrumbs;return!1!==n&&e?y({sidebarItems:e.items,pathname:t}):null}function w(e){const{activeVersion:t}=(0,i.zK)(e),{preferredVersion:n}=(0,c.g1)(e),o=(0,i.r7)(e);return(0,r.useMemo)((()=>(0,l.sb)([t,n,o].filter(Boolean))),[t,n,o])}function k(e,t){const n=w(t);return(0,r.useMemo)((()=>{const t=n.flatMap((e=>e.sidebars?Object.entries(e.sidebars):[])),r=t.find((t=>t[0]===e));if(!r)throw new Error(`Can't find any sidebar with id "${e}" in version${n.length>1?"s":""} ${n.map((e=>e.name)).join(", ")}".\nAvailable sidebar ids are:\n- ${t.map((e=>e[0])).join("\n- ")}`);return r[1]}),[e,n])}function S(e,t){const n=w(t);return(0,r.useMemo)((()=>{const t=n.flatMap((e=>e.docs)),r=t.find((t=>t.id===e));if(!r){if(n.flatMap((e=>e.draftIds)).includes(e))return null;throw new Error(`Couldn't find any doc with id "${e}" in version${n.length>1?"s":""} "${n.map((e=>e.name)).join(", ")}".\nAvailable doc ids are:\n- ${(0,l.sb)(t.map((e=>e.id))).join("\n- ")}`)}return r}),[e,n])}function x(e){let{route:t}=e;const n=(0,o.zy)(),r=(0,u.r)(),i=t.routes,s=i.find((e=>(0,o.B6)(n.pathname,e)));if(!s)return null;const l=s.sidebar,c=l?r.docsSidebars[l]:void 0;return{docElement:(0,a.v)(i),sidebarName:l,sidebarItems:c}}},1579:(e,t,n)=>{"use strict";n.d(t,{n:()=>s,r:()=>l});var r=n(758),o=n(4902),a=n(6070);const i=r.createContext(null);function s(e){let{children:t,version:n}=e;return(0,a.jsx)(i.Provider,{value:n,children:t})}function l(){const e=(0,r.useContext)(i);if(null===e)throw new o.dV("DocsVersionProvider");return e}},9860:(e,t,n)=>{"use strict";n.d(t,{zK:()=>b,vT:()=>f,gk:()=>m,Gy:()=>d,HW:()=>y,ht:()=>p,r7:()=>g,jh:()=>h});var r=n(5557),o=n(9143),a=n(8470);function i(e,t){void 0===t&&(t={});const n=function(){const{globalData:e}=(0,o.A)();return e}()[e];if(!n&&t.failfast)throw new Error(`Docusaurus plugin global data not found for "${e}" plugin.`);return n}const s=e=>e.versions.find((e=>e.isLast));function l(e,t){return[...e.versions].sort(((e,t)=>e.path===t.path?0:e.path.includes(t.path)?-1:t.path.includes(e.path)?1:0)).find((e=>!!(0,r.B6)(t,{path:e.path,exact:!1,strict:!1})))}function c(e,t){const n=l(e,t),o=n?.docs.find((e=>!!(0,r.B6)(t,{path:e.path,exact:!0,strict:!1})));return{activeVersion:n,activeDoc:o,alternateDocVersions:o?function(t){const n={};return e.versions.forEach((e=>{e.docs.forEach((r=>{r.id===t&&(n[e.name]=r)}))})),n}(o.id):{}}}const u={},d=()=>i("docusaurus-plugin-content-docs")??u,p=e=>{try{return function(e,t,n){void 0===t&&(t=a.W),void 0===n&&(n={});const r=i(e),o=r?.[t];if(!o&&n.failfast)throw new Error(`Docusaurus plugin global data not found for "${e}" plugin with id "${t}".`);return o}("docusaurus-plugin-content-docs",e,{failfast:!0})}catch(t){throw new Error("You are using a feature of the Docusaurus docs plugin, but this plugin does not seem to be enabled"+("Default"===e?"":` (pluginId=${e}`),{cause:t})}};function f(e){void 0===e&&(e={});const t=d(),{pathname:n}=(0,r.zy)();return function(e,t,n){void 0===n&&(n={});const o=Object.entries(e).sort(((e,t)=>t[1].path.localeCompare(e[1].path))).find((e=>{let[,n]=e;return!!(0,r.B6)(t,{path:n.path,exact:!1,strict:!1})})),a=o?{pluginId:o[0],pluginData:o[1]}:void 0;if(!a&&n.failfast)throw new Error(`Can't find active docs plugin for "${t}" pathname, while it was expected to be found. Maybe you tried to use a docs feature that can only be used on a docs-related page? Existing docs plugin paths are: ${Object.values(e).map((e=>e.path)).join(", ")}`);return a}(t,n,e)}function m(e){void 0===e&&(e={});const t=f(e),{pathname:n}=(0,r.zy)();if(!t)return;return{activePlugin:t,activeVersion:l(t.pluginData,n)}}function h(e){return p(e).versions}function g(e){const t=p(e);return s(t)}function b(e){const t=p(e),{pathname:n}=(0,r.zy)();return c(t,n)}function y(e){const t=p(e),{pathname:n}=(0,r.zy)();return function(e,t){const n=s(e);return{latestDocSuggestion:c(e,t).alternateDocVersions[n.name],latestVersionSuggestion:n}}(t,n)}},9235:(e,t,n)=>{"use strict";function r(e,t){e.prototype=Object.create(t.prototype),e.prototype.constructor=e,e.__proto__=t}function o(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function a(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function i(){return i=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},i.apply(this,arguments)}var s=n(758),l=[],c=[];var u=s.createContext(null);function d(e){var t=e(),n={loading:!0,loaded:null,error:null};return n.promise=t.then((function(e){return n.loading=!1,n.loaded=e,e})).catch((function(e){throw n.loading=!1,n.error=e,e})),n}function p(e){var t={loading:!1,loaded:{},error:null},n=[];try{Object.keys(e).forEach((function(r){var o=d(e[r]);o.loading?t.loading=!0:(t.loaded[r]=o.loaded,t.error=o.error),n.push(o.promise),o.promise.then((function(e){t.loaded[r]=e})).catch((function(e){t.error=e}))}))}catch(r){t.error=r}return t.promise=Promise.all(n).then((function(e){return t.loading=!1,e})).catch((function(e){throw t.loading=!1,e})),t}function f(e,t){return s.createElement((n=e)&&n.__esModule?n.default:n,t);var n}function m(e,t){var d,p;if(!t.loading)throw new Error("react-loadable requires a `loading` component");var m=i({loader:null,loading:null,delay:200,timeout:null,render:f,webpack:null,modules:null},t),h=null;function g(){return h||(h=e(m.loader)),h.promise}return l.push(g),"function"==typeof m.webpack&&c.push((function(){if((0,m.webpack)().every((function(e){return void 0!==e&&void 0!==n.m[e]})))return g()})),p=d=function(t){function n(n){var r;return a(o(o(r=t.call(this,n)||this)),"retry",(function(){r.setState({error:null,loading:!0,timedOut:!1}),h=e(m.loader),r._loadModule()})),g(),r.state={error:h.error,pastDelay:!1,timedOut:!1,loading:h.loading,loaded:h.loaded},r}r(n,t),n.preload=function(){return g()};var i=n.prototype;return i.UNSAFE_componentWillMount=function(){this._loadModule()},i.componentDidMount=function(){this._mounted=!0},i._loadModule=function(){var e=this;if(this.context&&Array.isArray(m.modules)&&m.modules.forEach((function(t){e.context.report(t)})),h.loading){var t=function(t){e._mounted&&e.setState(t)};"number"==typeof m.delay&&(0===m.delay?this.setState({pastDelay:!0}):this._delay=setTimeout((function(){t({pastDelay:!0})}),m.delay)),"number"==typeof m.timeout&&(this._timeout=setTimeout((function(){t({timedOut:!0})}),m.timeout));var n=function(){t({error:h.error,loaded:h.loaded,loading:h.loading}),e._clearTimeouts()};h.promise.then((function(){return n(),null})).catch((function(e){return n(),null}))}},i.componentWillUnmount=function(){this._mounted=!1,this._clearTimeouts()},i._clearTimeouts=function(){clearTimeout(this._delay),clearTimeout(this._timeout)},i.render=function(){return this.state.loading||this.state.error?s.createElement(m.loading,{isLoading:this.state.loading,pastDelay:this.state.pastDelay,timedOut:this.state.timedOut,error:this.state.error,retry:this.retry}):this.state.loaded?m.render(this.state.loaded,this.props):null},n}(s.Component),a(d,"contextType",u),p}function h(e){return m(d,e)}h.Map=function(e){if("function"!=typeof e.render)throw new Error("LoadableMap requires a `render(loaded, props)` function");return m(p,e)};var g=function(e){function t(){return e.apply(this,arguments)||this}return r(t,e),t.prototype.render=function(){return s.createElement(u.Provider,{value:{report:this.props.report}},s.Children.only(this.props.children))},t}(s.Component);function b(e){for(var t=[];e.length;){var n=e.pop();t.push(n())}return Promise.all(t).then((function(){if(e.length)return b(e)}))}h.Capture=g,h.preloadAll=function(){return new Promise((function(e,t){b(l).then(e,t)}))},h.preloadReady=function(){return new Promise((function(e,t){b(c).then(e,e)}))},e.exports=h},5348:(e,t,n)=>{"use strict";n.r(t),n.d(t,{default:()=>a});var r=n(8744),o=n.n(r);o().configure({showSpinner:!1});const a={onRouteUpdate(e){let{location:t,previousLocation:n}=e;if(n&&t.pathname!==n.pathname){const e=window.setTimeout((()=>{o().start()}),200);return()=>window.clearTimeout(e)}},onRouteDidUpdate(){o().done()}}},9773:(e,t,n)=>{"use strict";var r=n(5371),o=n(4784);!function(e){const{themeConfig:{prism:t}}=o.default,{additionalLanguages:r}=t;globalThis.Prism=e,r.forEach((e=>{"php"===e&&n(1274),n(9927)(`./prism-${e}`)})),delete globalThis.Prism}(r.My)},1507:(e,t,n)=>{"use strict";n.d(t,{A:()=>u});n(758);var r=n(3526),o=n(7765),a=n(316),i=n(6783),s=n(6828);const l={anchorWithStickyNavbar:"anchorWithStickyNavbar_QzlE",anchorWithHideOnScrollNavbar:"anchorWithHideOnScrollNavbar_IGdS"};var c=n(6070);function u(e){let{as:t,id:n,...u}=e;const d=(0,s.A)(),{navbar:{hideOnScroll:p}}=(0,a.p)();if("h1"===t||!n)return(0,c.jsx)(t,{...u,id:void 0});d.collectAnchor(n);const f=(0,o.T)({id:"theme.common.headingLinkTitle",message:"Direct link to {heading}",description:"Title for link to heading"},{heading:"string"==typeof u.children?u.children:n});return(0,c.jsxs)(t,{...u,className:(0,r.A)("anchor",p?l.anchorWithHideOnScrollNavbar:l.anchorWithStickyNavbar,u.className),id:n,children:[u.children,(0,c.jsx)(i.A,{className:"hash-link",to:`#${n}`,"aria-label":f,title:f,children:"\u200b"})]})}},9503:(e,t,n)=>{"use strict";n.d(t,{A:()=>a});n(758);const r={iconExternalLink:"iconExternalLink_rel2"};var o=n(6070);function a(e){let{width:t=13.5,height:n=13.5}=e;return(0,o.jsx)("svg",{width:t,height:n,"aria-hidden":"true",viewBox:"0 0 24 24",className:r.iconExternalLink,children:(0,o.jsx)("path",{fill:"currentColor",d:"M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"})})}},3041:(e,t,n)=>{"use strict";n.d(t,{A:()=>jt});var r=n(758),o=n(3526),a=n(356),i=n(898),s=n(5557),l=n(7765),c=n(2360),u=n(6070);const d="__docusaurus_skipToContent_fallback";function p(e){e.setAttribute("tabindex","-1"),e.focus(),e.removeAttribute("tabindex")}function f(){const e=(0,r.useRef)(null),{action:t}=(0,s.W6)(),n=(0,r.useCallback)((e=>{e.preventDefault();const t=document.querySelector("main:first-of-type")??document.getElementById(d);t&&p(t)}),[]);return(0,c.$)((n=>{let{location:r}=n;e.current&&!r.hash&&"PUSH"===t&&p(e.current)})),{containerRef:e,onClick:n}}const m=(0,l.T)({id:"theme.common.skipToMainContent",description:"The skip to content label used for accessibility, allowing to rapidly navigate to main content with keyboard tab/enter navigation",message:"Skip to main content"});function h(e){const t=e.children??m,{containerRef:n,onClick:r}=f();return(0,u.jsx)("div",{ref:n,role:"region","aria-label":m,children:(0,u.jsx)("a",{...e,href:`#${d}`,onClick:r,children:t})})}var g=n(8813),b=n(9782);const y={skipToContent:"skipToContent_iI6K"};function v(){return(0,u.jsx)(h,{className:y.skipToContent})}var w=n(316),k=n(1611);function S(e){let{width:t=21,height:n=21,color:r="currentColor",strokeWidth:o=1.2,className:a,...i}=e;return(0,u.jsx)("svg",{viewBox:"0 0 15 15",width:t,height:n,...i,children:(0,u.jsx)("g",{stroke:r,strokeWidth:o,children:(0,u.jsx)("path",{d:"M.75.75l13.5 13.5M14.25.75L.75 14.25"})})})}const x={closeButton:"closeButton_Y4Q2"};function E(e){return(0,u.jsx)("button",{type:"button","aria-label":(0,l.T)({id:"theme.AnnouncementBar.closeButtonAriaLabel",message:"Close",description:"The ARIA label for close button of announcement bar"}),...e,className:(0,o.A)("clean-btn close",x.closeButton,e.className),children:(0,u.jsx)(S,{width:14,height:14,strokeWidth:3.1})})}const _={content:"content_CxvN"};function j(e){const{announcementBar:t}=(0,w.p)(),{content:n}=t;return(0,u.jsx)("div",{...e,className:(0,o.A)(_.content,e.className),dangerouslySetInnerHTML:{__html:n}})}const C={announcementBar:"announcementBar_Wthk",announcementBarPlaceholder:"announcementBarPlaceholder_aISb",announcementBarClose:"announcementBarClose_vsml",announcementBarContent:"announcementBarContent_peeZ"};function O(){const{announcementBar:e}=(0,w.p)(),{isActive:t,close:n}=(0,k.M)();if(!t)return null;const{backgroundColor:r,textColor:o,isCloseable:a}=e;return(0,u.jsxs)("div",{className:C.announcementBar,style:{backgroundColor:r,color:o},role:"banner",children:[a&&(0,u.jsx)("div",{className:C.announcementBarPlaceholder}),(0,u.jsx)(j,{className:C.announcementBarContent}),a&&(0,u.jsx)(E,{onClick:n,className:C.announcementBarClose})]})}var A=n(1003),T=n(9030);var P=n(4902),z=n(646);const I=r.createContext(null);function L(e){let{children:t}=e;const n=function(){const e=(0,A.M)(),t=(0,z.YL)(),[n,o]=(0,r.useState)(!1),a=null!==t.component,i=(0,P.ZC)(a);return(0,r.useEffect)((()=>{a&&!i&&o(!0)}),[a,i]),(0,r.useEffect)((()=>{a?e.shown||o(!0):o(!1)}),[e.shown,a]),(0,r.useMemo)((()=>[n,o]),[n])}();return(0,u.jsx)(I.Provider,{value:n,children:t})}function N(e){if(e.component){const t=e.component;return(0,u.jsx)(t,{...e.props})}}function R(){const e=(0,r.useContext)(I);if(!e)throw new P.dV("NavbarSecondaryMenuDisplayProvider");const[t,n]=e,o=(0,r.useCallback)((()=>n(!1)),[n]),a=(0,z.YL)();return(0,r.useMemo)((()=>({shown:t,hide:o,content:N(a)})),[o,a,t])}function D(e){let{header:t,primaryMenu:n,secondaryMenu:r}=e;const{shown:a}=R();return(0,u.jsxs)("div",{className:"navbar-sidebar",children:[t,(0,u.jsxs)("div",{className:(0,o.A)("navbar-sidebar__items",{"navbar-sidebar__items--show-secondary":a}),children:[(0,u.jsx)("div",{className:"navbar-sidebar__item menu",children:n}),(0,u.jsx)("div",{className:"navbar-sidebar__item menu",children:r})]})]})}var M=n(9731),F=n(2630);function B(e){return(0,u.jsx)("svg",{viewBox:"0 0 24 24",width:24,height:24,...e,children:(0,u.jsx)("path",{fill:"currentColor",d:"M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"})})}function U(e){return(0,u.jsx)("svg",{viewBox:"0 0 24 24",width:24,height:24,...e,children:(0,u.jsx)("path",{fill:"currentColor",d:"M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"})})}const q={toggle:"toggle_rtf2",toggleButton:"toggleButton_lzER",darkToggleIcon:"darkToggleIcon_un8X",lightToggleIcon:"lightToggleIcon_isKo",toggleButtonDisabled:"toggleButtonDisabled_jUHO"};function $(e){let{className:t,buttonClassName:n,value:r,onChange:a}=e;const i=(0,F.A)(),s=(0,l.T)({message:"Switch between dark and light mode (currently {mode})",id:"theme.colorToggle.ariaLabel",description:"The ARIA label for the navbar color mode toggle"},{mode:"dark"===r?(0,l.T)({message:"dark mode",id:"theme.colorToggle.ariaLabel.mode.dark",description:"The name for the dark color mode"}):(0,l.T)({message:"light mode",id:"theme.colorToggle.ariaLabel.mode.light",description:"The name for the light color mode"})});return(0,u.jsx)("div",{className:(0,o.A)(q.toggle,t),children:(0,u.jsxs)("button",{className:(0,o.A)("clean-btn",q.toggleButton,!i&&q.toggleButtonDisabled,n),type:"button",onClick:()=>a("dark"===r?"light":"dark"),disabled:!i,title:s,"aria-label":s,"aria-live":"polite",children:[(0,u.jsx)(B,{className:(0,o.A)(q.toggleIcon,q.lightToggleIcon)}),(0,u.jsx)(U,{className:(0,o.A)(q.toggleIcon,q.darkToggleIcon)})]})})}const H=r.memo($),V={darkNavbarColorModeToggle:"darkNavbarColorModeToggle_NEom"};function G(e){let{className:t}=e;const n=(0,w.p)().navbar.style,r=(0,w.p)().colorMode.disableSwitch,{colorMode:o,setColorMode:a}=(0,M.G)();return r?null:(0,u.jsx)(H,{className:t,buttonClassName:"dark"===n?V.darkNavbarColorModeToggle:void 0,value:o,onChange:a})}var W=n(7007);function K(){return(0,u.jsx)(W.A,{className:"navbar__brand",imageClassName:"navbar__logo",titleClassName:"navbar__title text--truncate"})}function Q(){const e=(0,A.M)();return(0,u.jsx)("button",{type:"button","aria-label":(0,l.T)({id:"theme.docs.sidebar.closeSidebarButtonAriaLabel",message:"Close navigation bar",description:"The ARIA label for close button of mobile sidebar"}),className:"clean-btn navbar-sidebar__close",onClick:()=>e.toggle(),children:(0,u.jsx)(S,{color:"var(--ifm-color-emphasis-600)"})})}function Y(){return(0,u.jsxs)("div",{className:"navbar-sidebar__brand",children:[(0,u.jsx)(K,{}),(0,u.jsx)(G,{className:"margin-right--md"}),(0,u.jsx)(Q,{})]})}var Z=n(6783),J=n(5252),X=n(1933),ee=n(5130),te=n(9503);function ne(e){let{activeBasePath:t,activeBaseRegex:n,to:r,href:o,label:a,html:i,isDropdownLink:s,prependBaseUrlToHref:l,...c}=e;const d=(0,J.Ay)(r),p=(0,J.Ay)(t),f=(0,J.Ay)(o,{forcePrependBaseUrl:!0}),m=a&&o&&!(0,X.A)(o),h=i?{dangerouslySetInnerHTML:{__html:i}}:{children:(0,u.jsxs)(u.Fragment,{children:[a,m&&(0,u.jsx)(te.A,{...s&&{width:12,height:12}})]})};return o?(0,u.jsx)(Z.A,{href:l?f:o,...c,...h}):(0,u.jsx)(Z.A,{to:d,isNavLink:!0,...(t||n)&&{isActive:(e,t)=>n?(0,ee.G)(n,t.pathname):t.pathname.startsWith(p)},...c,...h})}function re(e){let{className:t,isDropdownItem:n=!1,...r}=e;const a=(0,u.jsx)(ne,{className:(0,o.A)(n?"dropdown__link":"navbar__item navbar__link",t),isDropdownLink:n,...r});return n?(0,u.jsx)("li",{children:a}):a}function oe(e){let{className:t,isDropdownItem:n,...r}=e;return(0,u.jsx)("li",{className:"menu__list-item",children:(0,u.jsx)(ne,{className:(0,o.A)("menu__link",t),...r})})}function ae(e){let{mobile:t=!1,position:n,...r}=e;const o=t?oe:re;return(0,u.jsx)(o,{...r,activeClassName:r.activeClassName??(t?"menu__link--active":"navbar__link--active")})}var ie=n(7064),se=n(5763),le=n(9143);const ce={dropdownNavbarItemMobile:"dropdownNavbarItemMobile_Uft3"};function ue(e,t){return e.some((e=>function(e,t){return!!(0,se.ys)(e.to,t)||!!(0,ee.G)(e.activeBaseRegex,t)||!(!e.activeBasePath||!t.startsWith(e.activeBasePath))}(e,t)))}function de(e){let{items:t,position:n,className:a,onClick:i,...s}=e;const l=(0,r.useRef)(null),[c,d]=(0,r.useState)(!1);return(0,r.useEffect)((()=>{const e=e=>{l.current&&!l.current.contains(e.target)&&d(!1)};return document.addEventListener("mousedown",e),document.addEventListener("touchstart",e),document.addEventListener("focusin",e),()=>{document.removeEventListener("mousedown",e),document.removeEventListener("touchstart",e),document.removeEventListener("focusin",e)}}),[l]),(0,u.jsxs)("div",{ref:l,className:(0,o.A)("navbar__item","dropdown","dropdown--hoverable",{"dropdown--right":"right"===n,"dropdown--show":c}),children:[(0,u.jsx)(ne,{"aria-haspopup":"true","aria-expanded":c,role:"button",href:s.to?void 0:"#",className:(0,o.A)("navbar__link",a),...s,onClick:s.to?void 0:e=>e.preventDefault(),onKeyDown:e=>{"Enter"===e.key&&(e.preventDefault(),d(!c))},children:s.children??s.label}),(0,u.jsx)("ul",{className:"dropdown__menu",children:t.map(((e,t)=>(0,r.createElement)(Me,{isDropdownItem:!0,activeClassName:"dropdown__link--active",...e,key:t})))})]})}function pe(e){let{items:t,className:n,position:a,onClick:i,...l}=e;const c=function(){const{siteConfig:{baseUrl:e}}=(0,le.A)(),{pathname:t}=(0,s.zy)();return t.replace(e,"/")}(),d=ue(t,c),{collapsed:p,toggleCollapsed:f,setCollapsed:m}=(0,ie.u)({initialState:()=>!d});return(0,r.useEffect)((()=>{d&&m(!d)}),[c,d,m]),(0,u.jsxs)("li",{className:(0,o.A)("menu__list-item",{"menu__list-item--collapsed":p}),children:[(0,u.jsx)(ne,{role:"button",className:(0,o.A)(ce.dropdownNavbarItemMobile,"menu__link menu__link--sublist menu__link--sublist-caret",n),...l,onClick:e=>{e.preventDefault(),f()},children:l.children??l.label}),(0,u.jsx)(ie.N,{lazy:!0,as:"ul",className:"menu__list",collapsed:p,children:t.map(((e,t)=>(0,r.createElement)(Me,{mobile:!0,isDropdownItem:!0,onClick:i,activeClassName:"menu__link--active",...e,key:t})))})]})}function fe(e){let{mobile:t=!1,...n}=e;const r=t?pe:de;return(0,u.jsx)(r,{...n})}var me=n(1529);function he(e){let{width:t=20,height:n=20,...r}=e;return(0,u.jsx)("svg",{viewBox:"0 0 24 24",width:t,height:n,"aria-hidden":!0,...r,children:(0,u.jsx)("path",{fill:"currentColor",d:"M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"})})}const ge="iconLanguage_wlog";var be=n(8143),ye=n(7781),ve=n(2293),we=n(8169),ke=n(1152),Se=n(4937),xe=n(4619);function Ee(){return[`language:${(0,le.A)().i18n.currentLocale}`,function(){const e=(0,xe.v)();return[Se.C,...e]}().map((e=>`docusaurus_tag:${e}`))]}const _e={button:{buttonText:(0,l.T)({id:"theme.SearchBar.label",message:"Search",description:"The ARIA label and placeholder for search button"}),buttonAriaLabel:(0,l.T)({id:"theme.SearchBar.label",message:"Search",description:"The ARIA label and placeholder for search button"})},modal:{searchBox:{resetButtonTitle:(0,l.T)({id:"theme.SearchModal.searchBox.resetButtonTitle",message:"Clear the query",description:"The label and ARIA label for search box reset button"}),resetButtonAriaLabel:(0,l.T)({id:"theme.SearchModal.searchBox.resetButtonTitle",message:"Clear the query",description:"The label and ARIA label for search box reset button"}),cancelButtonText:(0,l.T)({id:"theme.SearchModal.searchBox.cancelButtonText",message:"Cancel",description:"The label and ARIA label for search box cancel button"}),cancelButtonAriaLabel:(0,l.T)({id:"theme.SearchModal.searchBox.cancelButtonText",message:"Cancel",description:"The label and ARIA label for search box cancel button"})},startScreen:{recentSearchesTitle:(0,l.T)({id:"theme.SearchModal.startScreen.recentSearchesTitle",message:"Recent",description:"The title for recent searches"}),noRecentSearchesText:(0,l.T)({id:"theme.SearchModal.startScreen.noRecentSearchesText",message:"No recent searches",description:"The text when no recent searches"}),saveRecentSearchButtonTitle:(0,l.T)({id:"theme.SearchModal.startScreen.saveRecentSearchButtonTitle",message:"Save this search",description:"The label for save recent search button"}),removeRecentSearchButtonTitle:(0,l.T)({id:"theme.SearchModal.startScreen.removeRecentSearchButtonTitle",message:"Remove this search from history",description:"The label for remove recent search button"}),favoriteSearchesTitle:(0,l.T)({id:"theme.SearchModal.startScreen.favoriteSearchesTitle",message:"Favorite",description:"The title for favorite searches"}),removeFavoriteSearchButtonTitle:(0,l.T)({id:"theme.SearchModal.startScreen.removeFavoriteSearchButtonTitle",message:"Remove this search from favorites",description:"The label for remove favorite search button"})},errorScreen:{titleText:(0,l.T)({id:"theme.SearchModal.errorScreen.titleText",message:"Unable to fetch results",description:"The title for error screen of search modal"}),helpText:(0,l.T)({id:"theme.SearchModal.errorScreen.helpText",message:"You might want to check your network connection.",description:"The help text for error screen of search modal"})},footer:{selectText:(0,l.T)({id:"theme.SearchModal.footer.selectText",message:"to select",description:"The explanatory text of the action for the enter key"}),selectKeyAriaLabel:(0,l.T)({id:"theme.SearchModal.footer.selectKeyAriaLabel",message:"Enter key",description:"The ARIA label for the Enter key button that makes the selection"}),navigateText:(0,l.T)({id:"theme.SearchModal.footer.navigateText",message:"to navigate",description:"The explanatory text of the action for the Arrow up and Arrow down key"}),navigateUpKeyAriaLabel:(0,l.T)({id:"theme.SearchModal.footer.navigateUpKeyAriaLabel",message:"Arrow up",description:"The ARIA label for the Arrow up key button that makes the navigation"}),navigateDownKeyAriaLabel:(0,l.T)({id:"theme.SearchModal.footer.navigateDownKeyAriaLabel",message:"Arrow down",description:"The ARIA label for the Arrow down key button that makes the navigation"}),closeText:(0,l.T)({id:"theme.SearchModal.footer.closeText",message:"to close",description:"The explanatory text of the action for Escape key"}),closeKeyAriaLabel:(0,l.T)({id:"theme.SearchModal.footer.closeKeyAriaLabel",message:"Escape key",description:"The ARIA label for the Escape key button that close the modal"}),searchByText:(0,l.T)({id:"theme.SearchModal.footer.searchByText",message:"Search by",description:"The text explain that the search is making by Algolia"})},noResultsScreen:{noResultsText:(0,l.T)({id:"theme.SearchModal.noResultsScreen.noResultsText",message:"No results for",description:"The text explains that there are no results for the following search"}),suggestedQueryText:(0,l.T)({id:"theme.SearchModal.noResultsScreen.suggestedQueryText",message:"Try searching for",description:"The text for the suggested query when no results are found for the following search"}),reportMissingResultsText:(0,l.T)({id:"theme.SearchModal.noResultsScreen.reportMissingResultsText",message:"Believe this query should return results?",description:"The text for the question where the user thinks there are missing results"}),reportMissingResultsLinkText:(0,l.T)({id:"theme.SearchModal.noResultsScreen.reportMissingResultsLinkText",message:"Let us know.",description:"The text for the link to report missing results"})}},placeholder:(0,l.T)({id:"theme.SearchModal.placeholder",message:"Search docs",description:"The placeholder of the input of the DocSearch pop-up modal"})};let je=null;function Ce(e){let{hit:t,children:n}=e;return(0,u.jsx)(Z.A,{to:t.url,children:n})}function Oe(e){let{state:t,onClose:n}=e;const r=(0,we.w)();return(0,u.jsx)(Z.A,{to:r(t.query),onClick:n,children:(0,u.jsx)(l.A,{id:"theme.SearchBar.seeAll",values:{count:t.context.nbHits},children:"See all {count} results"})})}function Ae(e){let{contextualSearch:t,externalUrlRegex:o,...a}=e;const{siteMetadata:i}=(0,le.A)(),l=(0,ke.C)(),c=Ee(),d=a.searchParameters?.facetFilters??[],p=t?function(e,t){const n=e=>"string"==typeof e?[e]:e;return[...n(e),...n(t)]}(c,d):d,f={...a.searchParameters,facetFilters:p},m=(0,s.W6)(),h=(0,r.useRef)(null),g=(0,r.useRef)(null),[b,y]=(0,r.useState)(!1),[v,w]=(0,r.useState)(void 0),k=(0,r.useCallback)((()=>je?Promise.resolve():Promise.all([n.e(9553).then(n.bind(n,9553)),Promise.all([n.e(1869),n.e(9562)]).then(n.bind(n,9562)),Promise.all([n.e(1869),n.e(8570)]).then(n.bind(n,8570))]).then((e=>{let[{DocSearchModal:t}]=e;je=t}))),[]),S=(0,r.useCallback)((()=>{if(!h.current){const e=document.createElement("div");h.current=e,document.body.insertBefore(e,document.body.firstChild)}}),[]),x=(0,r.useCallback)((()=>{S(),k().then((()=>y(!0)))}),[k,S]),E=(0,r.useCallback)((()=>{y(!1),g.current?.focus()}),[]),_=(0,r.useCallback)((e=>{"f"===e.key&&(e.metaKey||e.ctrlKey)||(e.preventDefault(),w(e.key),x())}),[x]),j=(0,r.useRef)({navigate(e){let{itemUrl:t}=e;(0,ee.G)(o,t)?window.location.href=t:m.push(t)}}).current,C=(0,r.useRef)((e=>a.transformItems?a.transformItems(e):e.map((e=>({...e,url:l(e.url)}))))).current,O=(0,r.useMemo)((()=>e=>(0,u.jsx)(Oe,{...e,onClose:E})),[E]),A=(0,r.useCallback)((e=>(e.addAlgoliaAgent("docusaurus",i.docusaurusVersion),e)),[i.docusaurusVersion]);return(0,ye.E8)({isOpen:b,onOpen:x,onClose:E,onInput:_,searchButtonRef:g}),(0,u.jsxs)(u.Fragment,{children:[(0,u.jsx)(ve.A,{children:(0,u.jsx)("link",{rel:"preconnect",href:`https://${a.appId}-dsn.algolia.net`,crossOrigin:"anonymous"})}),(0,u.jsx)(ye.Bc,{onTouchStart:k,onFocus:k,onMouseOver:k,onClick:x,ref:g,translations:_e.button}),b&&je&&h.current&&(0,be.createPortal)((0,u.jsx)(je,{onClose:E,initialScrollY:window.scrollY,initialQuery:v,navigator:j,transformItems:C,hitComponent:Ce,transformSearchClient:A,...a.searchPagePath&&{resultsFooterComponent:O},...a,searchParameters:f,placeholder:_e.placeholder,translations:_e.modal}),h.current)]})}function Te(){const{siteConfig:e}=(0,le.A)();return(0,u.jsx)(Ae,{...e.themeConfig.algolia})}const Pe={navbarSearchContainer:"navbarSearchContainer_DsMw"};function ze(e){let{children:t,className:n}=e;return(0,u.jsx)("div",{className:(0,o.A)(n,Pe.navbarSearchContainer),children:t})}var Ie=n(9860),Le=n(1630);var Ne=n(3724);function Re(e,t){return t.alternateDocVersions[e.name]??function(e){return e.docs.find((t=>t.id===e.mainDocId))}(e)}const De={default:ae,localeDropdown:function(e){let{mobile:t,dropdownItemsBefore:n,dropdownItemsAfter:r,queryString:o="",...a}=e;const{i18n:{currentLocale:i,locales:c,localeConfigs:d}}=(0,le.A)(),p=(0,me.o)(),{search:f,hash:m}=(0,s.zy)(),h=[...n,...c.map((e=>{const n=`${`pathname://${p.createUrl({locale:e,fullyQualified:!1})}`}${f}${m}${o}`;return{label:d[e].label,lang:d[e].htmlLang,to:n,target:"_self",autoAddBaseUrl:!1,className:e===i?t?"menu__link--active":"dropdown__link--active":""}})),...r],g=t?(0,l.T)({message:"Languages",id:"theme.navbar.mobileLanguageDropdown.label",description:"The label for the mobile language switcher dropdown"}):d[i].label;return(0,u.jsx)(fe,{...a,mobile:t,label:(0,u.jsxs)(u.Fragment,{children:[(0,u.jsx)(he,{className:ge}),g]}),items:h})},search:function(e){let{mobile:t,className:n}=e;return t?null:(0,u.jsx)(ze,{className:n,children:(0,u.jsx)(Te,{})})},dropdown:fe,html:function(e){let{value:t,className:n,mobile:r=!1,isDropdownItem:a=!1}=e;const i=a?"li":"div";return(0,u.jsx)(i,{className:(0,o.A)({navbar__item:!r&&!a,"menu__list-item":r},n),dangerouslySetInnerHTML:{__html:t}})},doc:function(e){let{docId:t,label:n,docsPluginId:r,...o}=e;const{activeDoc:a}=(0,Ie.zK)(r),i=(0,Le.QB)(t,r),s=a?.path===i?.path;return null===i||i.unlisted&&!s?null:(0,u.jsx)(ae,{exact:!0,...o,isActive:()=>s||!!a?.sidebar&&a.sidebar===i.sidebar,label:n??i.id,to:i.path})},docSidebar:function(e){let{sidebarId:t,label:n,docsPluginId:r,...o}=e;const{activeDoc:a}=(0,Ie.zK)(r),i=(0,Le.fW)(t,r).link;if(!i)throw new Error(`DocSidebarNavbarItem: Sidebar with ID "${t}" doesn't have anything to be linked to.`);return(0,u.jsx)(ae,{exact:!0,...o,isActive:()=>a?.sidebar===t,label:n??i.label,to:i.path})},docsVersion:function(e){let{label:t,to:n,docsPluginId:r,...o}=e;const a=(0,Le.Vd)(r)[0],i=t??a.label,s=n??(e=>e.docs.find((t=>t.id===e.mainDocId)))(a).path;return(0,u.jsx)(ae,{...o,label:i,to:s})},docsVersionDropdown:function(e){let{mobile:t,docsPluginId:n,dropdownActiveClassDisabled:r,dropdownItemsBefore:o,dropdownItemsAfter:a,...i}=e;const{search:c,hash:d}=(0,s.zy)(),p=(0,Ie.zK)(n),f=(0,Ie.jh)(n),{savePreferredVersionName:m}=(0,Ne.g1)(n),h=[...o,...f.map((function(e){const t=Re(e,p);return{label:e.label,to:`${t.path}${c}${d}`,isActive:()=>e===p.activeVersion,onClick:()=>m(e.name)}})),...a],g=(0,Le.Vd)(n)[0],b=t&&h.length>1?(0,l.T)({id:"theme.navbar.mobileVersionsDropdown.label",message:"Versions",description:"The label for the navbar versions dropdown on mobile view"}):g.label,y=t&&h.length>1?void 0:Re(g,p).path;return h.length<=1?(0,u.jsx)(ae,{...i,mobile:t,label:b,to:y,isActive:r?()=>!1:void 0}):(0,u.jsx)(fe,{...i,mobile:t,label:b,to:y,items:h,isActive:r?()=>!1:void 0})}};function Me(e){let{type:t,...n}=e;const r=function(e,t){return e&&"default"!==e?e:"items"in t?"dropdown":"default"}(t,n),o=De[r];if(!o)throw new Error(`No NavbarItem component found for type "${t}".`);return(0,u.jsx)(o,{...n})}function Fe(){const e=(0,A.M)(),t=(0,w.p)().navbar.items;return(0,u.jsx)("ul",{className:"menu__list",children:t.map(((t,n)=>(0,r.createElement)(Me,{mobile:!0,...t,onClick:()=>e.toggle(),key:n})))})}function Be(e){return(0,u.jsx)("button",{...e,type:"button",className:"clean-btn navbar-sidebar__back",children:(0,u.jsx)(l.A,{id:"theme.navbar.mobileSidebarSecondaryMenu.backButtonLabel",description:"The label of the back button to return to main menu, inside the mobile navbar sidebar secondary menu (notably used to display the docs sidebar)",children:"\u2190 Back to main menu"})})}function Ue(){const e=0===(0,w.p)().navbar.items.length,t=R();return(0,u.jsxs)(u.Fragment,{children:[!e&&(0,u.jsx)(Be,{onClick:()=>t.hide()}),t.content]})}function qe(){const e=(0,A.M)();var t;return void 0===(t=e.shown)&&(t=!0),(0,r.useEffect)((()=>(document.body.style.overflow=t?"hidden":"visible",()=>{document.body.style.overflow="visible"})),[t]),e.shouldRender?(0,u.jsx)(D,{header:(0,u.jsx)(Y,{}),primaryMenu:(0,u.jsx)(Fe,{}),secondaryMenu:(0,u.jsx)(Ue,{})}):null}const $e={navbarHideable:"navbarHideable_v02o",navbarHidden:"navbarHidden_YVDo"};function He(e){return(0,u.jsx)("div",{role:"presentation",...e,className:(0,o.A)("navbar-sidebar__backdrop",e.className)})}function Ve(e){let{children:t}=e;const{navbar:{hideOnScroll:n,style:a}}=(0,w.p)(),i=(0,A.M)(),{navbarRef:s,isNavbarVisible:d}=function(e){const[t,n]=(0,r.useState)(e),o=(0,r.useRef)(!1),a=(0,r.useRef)(0),i=(0,r.useCallback)((e=>{null!==e&&(a.current=e.getBoundingClientRect().height)}),[]);return(0,T.Mq)(((t,r)=>{let{scrollY:i}=t;if(!e)return;if(i<a.current)return void n(!0);if(o.current)return void(o.current=!1);const s=r?.scrollY,l=document.documentElement.scrollHeight-a.current,c=window.innerHeight;s&&i>=s?n(!1):i+c<l&&n(!0)})),(0,c.$)((t=>{if(!e)return;const r=t.location.hash;if(r?document.getElementById(r.substring(1)):void 0)return o.current=!0,void n(!1);n(!0)})),{navbarRef:i,isNavbarVisible:t}}(n);return(0,u.jsxs)("nav",{ref:s,"aria-label":(0,l.T)({id:"theme.NavBar.navAriaLabel",message:"Main",description:"The ARIA label for the main navigation"}),className:(0,o.A)("navbar","navbar--fixed-top",n&&[$e.navbarHideable,!d&&$e.navbarHidden],{"navbar--dark":"dark"===a,"navbar--primary":"primary"===a,"navbar-sidebar--show":i.shown}),children:[t,(0,u.jsx)(He,{onClick:i.toggle}),(0,u.jsx)(qe,{})]})}var Ge=n(3509);const We={errorBoundaryError:"errorBoundaryError_t0Si",errorBoundaryFallback:"errorBoundaryFallback_rqmh"};function Ke(e){return(0,u.jsx)("button",{type:"button",...e,children:(0,u.jsx)(l.A,{id:"theme.ErrorPageContent.tryAgain",description:"The label of the button to try again rendering when the React error boundary captures an error",children:"Try again"})})}function Qe(e){let{error:t}=e;const n=(0,Ge.rA)(t).map((e=>e.message)).join("\n\nCause:\n");return(0,u.jsx)("p",{className:We.errorBoundaryError,children:n})}class Ye extends r.Component{componentDidCatch(e,t){throw this.props.onError(e,t)}render(){return this.props.children}}const Ze="right";function Je(e){let{width:t=30,height:n=30,className:r,...o}=e;return(0,u.jsx)("svg",{className:r,width:t,height:n,viewBox:"0 0 30 30","aria-hidden":"true",...o,children:(0,u.jsx)("path",{stroke:"currentColor",strokeLinecap:"round",strokeMiterlimit:"10",strokeWidth:"2",d:"M4 7h22M4 15h22M4 23h22"})})}function Xe(){const{toggle:e,shown:t}=(0,A.M)();return(0,u.jsx)("button",{onClick:e,"aria-label":(0,l.T)({id:"theme.docs.sidebar.toggleSidebarButtonAriaLabel",message:"Toggle navigation bar",description:"The ARIA label for hamburger menu button of mobile navigation"}),"aria-expanded":t,className:"navbar__toggle clean-btn",type:"button",children:(0,u.jsx)(Je,{})})}const et={colorModeToggle:"colorModeToggle_G2yU"};function tt(e){let{items:t}=e;return(0,u.jsx)(u.Fragment,{children:t.map(((e,t)=>(0,u.jsx)(Ye,{onError:t=>new Error(`A theme navbar item failed to render.\nPlease double-check the following navbar item (themeConfig.navbar.items) of your Docusaurus config:\n${JSON.stringify(e,null,2)}`,{cause:t}),children:(0,u.jsx)(Me,{...e})},t)))})}function nt(e){let{left:t,right:n}=e;return(0,u.jsxs)("div",{className:"navbar__inner",children:[(0,u.jsx)("div",{className:"navbar__items",children:t}),(0,u.jsx)("div",{className:"navbar__items navbar__items--right",children:n})]})}function rt(){const e=(0,A.M)(),t=(0,w.p)().navbar.items,[n,r]=function(e){function t(e){return"left"===(e.position??Ze)}return[e.filter(t),e.filter((e=>!t(e)))]}(t),o=t.find((e=>"search"===e.type));return(0,u.jsx)(nt,{left:(0,u.jsxs)(u.Fragment,{children:[!e.disabled&&(0,u.jsx)(Xe,{}),(0,u.jsx)(K,{}),(0,u.jsx)(tt,{items:n})]}),right:(0,u.jsxs)(u.Fragment,{children:[(0,u.jsx)(tt,{items:r}),(0,u.jsx)(G,{className:et.colorModeToggle}),!o&&(0,u.jsx)(ze,{children:(0,u.jsx)(Te,{})})]})})}function ot(){return(0,u.jsx)(Ve,{children:(0,u.jsx)(rt,{})})}function at(e){let{item:t}=e;const{to:n,href:r,label:o,prependBaseUrlToHref:a,...i}=t,s=(0,J.Ay)(n),l=(0,J.Ay)(r,{forcePrependBaseUrl:!0});return(0,u.jsxs)(Z.A,{className:"footer__link-item",...r?{href:a?l:r}:{to:s},...i,children:[o,r&&!(0,X.A)(r)&&(0,u.jsx)(te.A,{})]})}function it(e){let{item:t}=e;return t.html?(0,u.jsx)("li",{className:"footer__item",dangerouslySetInnerHTML:{__html:t.html}}):(0,u.jsx)("li",{className:"footer__item",children:(0,u.jsx)(at,{item:t})},t.href??t.to)}function st(e){let{column:t}=e;return(0,u.jsxs)("div",{className:"col footer__col",children:[(0,u.jsx)("div",{className:"footer__title",children:t.title}),(0,u.jsx)("ul",{className:"footer__items clean-list",children:t.items.map(((e,t)=>(0,u.jsx)(it,{item:e},t)))})]})}function lt(e){let{columns:t}=e;return(0,u.jsx)("div",{className:"row footer__links",children:t.map(((e,t)=>(0,u.jsx)(st,{column:e},t)))})}function ct(){return(0,u.jsx)("span",{className:"footer__link-separator",children:"\xb7"})}function ut(e){let{item:t}=e;return t.html?(0,u.jsx)("span",{className:"footer__link-item",dangerouslySetInnerHTML:{__html:t.html}}):(0,u.jsx)(at,{item:t})}function dt(e){let{links:t}=e;return(0,u.jsx)("div",{className:"footer__links text--center",children:(0,u.jsx)("div",{className:"footer__links",children:t.map(((e,n)=>(0,u.jsxs)(r.Fragment,{children:[(0,u.jsx)(ut,{item:e}),t.length!==n+1&&(0,u.jsx)(ct,{})]},n)))})})}function pt(e){let{links:t}=e;return function(e){return"title"in e[0]}(t)?(0,u.jsx)(lt,{columns:t}):(0,u.jsx)(dt,{links:t})}var ft=n(6012);const mt={footerLogoLink:"footerLogoLink_HxP9"};function ht(e){let{logo:t}=e;const{withBaseUrl:n}=(0,J.hH)(),r={light:n(t.src),dark:n(t.srcDark??t.src)};return(0,u.jsx)(ft.A,{className:(0,o.A)("footer__logo",t.className),alt:t.alt,sources:r,width:t.width,height:t.height,style:t.style})}function gt(e){let{logo:t}=e;return t.href?(0,u.jsx)(Z.A,{href:t.href,className:mt.footerLogoLink,target:t.target,children:(0,u.jsx)(ht,{logo:t})}):(0,u.jsx)(ht,{logo:t})}function bt(e){let{copyright:t}=e;return(0,u.jsx)("div",{className:"footer__copyright",dangerouslySetInnerHTML:{__html:t}})}function yt(e){let{style:t,links:n,logo:r,copyright:a}=e;return(0,u.jsx)("footer",{className:(0,o.A)("footer",{"footer--dark":"dark"===t}),children:(0,u.jsxs)("div",{className:"container container-fluid",children:[n,(r||a)&&(0,u.jsxs)("div",{className:"footer__bottom text--center",children:[r&&(0,u.jsx)("div",{className:"margin-bottom--sm",children:r}),a]})]})})}function vt(){const{footer:e}=(0,w.p)();if(!e)return null;const{copyright:t,links:n,logo:r,style:o}=e;return(0,u.jsx)(yt,{style:o,links:n&&n.length>0&&(0,u.jsx)(pt,{links:n}),logo:r&&(0,u.jsx)(gt,{logo:r}),copyright:t&&(0,u.jsx)(bt,{copyright:t})})}const wt=r.memo(vt),kt=(0,P.fM)([M.a,k.o,T.Tv,Ne.VQ,i.Jx,function(e){let{children:t}=e;return(0,u.jsx)(z.y_,{children:(0,u.jsx)(A.e,{children:(0,u.jsx)(L,{children:t})})})}]);function St(e){let{children:t}=e;return(0,u.jsx)(kt,{children:t})}var xt=n(1507);function Et(e){let{error:t,tryAgain:n}=e;return(0,u.jsx)("main",{className:"container margin-vert--xl",children:(0,u.jsx)("div",{className:"row",children:(0,u.jsxs)("div",{className:"col col--6 col--offset-3",children:[(0,u.jsx)(xt.A,{as:"h1",className:"hero__title",children:(0,u.jsx)(l.A,{id:"theme.ErrorPageContent.title",description:"The title of the fallback page when the page crashed",children:"This page crashed."})}),(0,u.jsx)("div",{className:"margin-vert--lg",children:(0,u.jsx)(Ke,{onClick:n,className:"button button--primary shadow--lw"})}),(0,u.jsx)("hr",{}),(0,u.jsx)("div",{className:"margin-vert--md",children:(0,u.jsx)(Qe,{error:t})})]})})})}const _t={mainWrapper:"mainWrapper_ZPwK"};function jt(e){const{children:t,noFooter:n,wrapperClassName:r,title:s,description:l}=e;return(0,b.J)(),(0,u.jsxs)(St,{children:[(0,u.jsx)(i.be,{title:s,description:l}),(0,u.jsx)(v,{}),(0,u.jsx)(O,{}),(0,u.jsx)(ot,{}),(0,u.jsx)("div",{id:d,className:(0,o.A)(g.G.wrapper.main,_t.mainWrapper,r),children:(0,u.jsx)(a.A,{fallback:e=>(0,u.jsx)(Et,{...e}),children:t})}),!n&&(0,u.jsx)(wt,{})]})}},7007:(e,t,n)=>{"use strict";n.d(t,{A:()=>u});n(758);var r=n(6783),o=n(5252),a=n(9143),i=n(316),s=n(6012),l=n(6070);function c(e){let{logo:t,alt:n,imageClassName:r}=e;const a={light:(0,o.Ay)(t.src),dark:(0,o.Ay)(t.srcDark||t.src)},i=(0,l.jsx)(s.A,{className:t.className,sources:a,height:t.height,width:t.width,alt:n,style:t.style});return r?(0,l.jsx)("div",{className:r,children:i}):i}function u(e){const{siteConfig:{title:t}}=(0,a.A)(),{navbar:{title:n,logo:s}}=(0,i.p)(),{imageClassName:u,titleClassName:d,...p}=e,f=(0,o.Ay)(s?.href||"/"),m=n?"":t,h=s?.alt??m;return(0,l.jsxs)(r.A,{to:f,...p,...s?.target&&{target:s.target},children:[s&&(0,l.jsx)(c,{logo:s,alt:h,imageClassName:u}),null!=n&&(0,l.jsx)("b",{className:d,children:n})]})}},1701:(e,t,n)=>{"use strict";n.d(t,{A:()=>a});n(758);var r=n(2293),o=n(6070);function a(e){let{locale:t,version:n,tag:a}=e;const i=t;return(0,o.jsxs)(r.A,{children:[t&&(0,o.jsx)("meta",{name:"docusaurus_locale",content:t}),n&&(0,o.jsx)("meta",{name:"docusaurus_version",content:n}),a&&(0,o.jsx)("meta",{name:"docusaurus_tag",content:a}),i&&(0,o.jsx)("meta",{name:"docsearch:language",content:i}),n&&(0,o.jsx)("meta",{name:"docsearch:version",content:n}),a&&(0,o.jsx)("meta",{name:"docsearch:docusaurus_tag",content:a})]})}},6012:(e,t,n)=>{"use strict";n.d(t,{A:()=>u});var r=n(758),o=n(3526),a=n(2630),i=n(9731);const s={themedComponent:"themedComponent_v9BS","themedComponent--light":"themedComponent--light_bfJ3","themedComponent--dark":"themedComponent--dark_BRRK"};var l=n(6070);function c(e){let{className:t,children:n}=e;const c=(0,a.A)(),{colorMode:u}=(0,i.G)();return(0,l.jsx)(l.Fragment,{children:(c?"dark"===u?["dark"]:["light"]:["light","dark"]).map((e=>{const a=n({theme:e,className:(0,o.A)(t,s.themedComponent,s[`themedComponent--${e}`])});return(0,l.jsx)(r.Fragment,{children:a},e)}))})}function u(e){const{sources:t,className:n,alt:r,...o}=e;return(0,l.jsx)(c,{className:n,children:e=>{let{theme:n,className:a}=e;return(0,l.jsx)("img",{src:t[n],alt:r,className:a,...o})}})}},7064:(e,t,n)=>{"use strict";n.d(t,{N:()=>b,u:()=>c});var r=n(758),o=n(3088),a=n(8302),i=n(9963),s=n(6070);const l="ease-in-out";function c(e){let{initialState:t}=e;const[n,o]=(0,r.useState)(t??!1),a=(0,r.useCallback)((()=>{o((e=>!e))}),[]);return{collapsed:n,setCollapsed:o,toggleCollapsed:a}}const u={display:"none",overflow:"hidden",height:"0px"},d={display:"block",overflow:"visible",height:"auto"};function p(e,t){const n=t?u:d;e.style.display=n.display,e.style.overflow=n.overflow,e.style.height=n.height}function f(e){let{collapsibleRef:t,collapsed:n,animation:o}=e;const a=(0,r.useRef)(!1);(0,r.useEffect)((()=>{const e=t.current;function r(){const t=e.scrollHeight,n=o?.duration??function(e){if((0,i.O)())return 1;const t=e/36;return Math.round(10*(4+15*t**.25+t/5))}(t);return{transition:`height ${n}ms ${o?.easing??l}`,height:`${t}px`}}function s(){const t=r();e.style.transition=t.transition,e.style.height=t.height}if(!a.current)return p(e,n),void(a.current=!0);return e.style.willChange="height",function(){const t=requestAnimationFrame((()=>{n?(s(),requestAnimationFrame((()=>{e.style.height=u.height,e.style.overflow=u.overflow}))):(e.style.display="block",requestAnimationFrame((()=>{s()})))}));return()=>cancelAnimationFrame(t)}()}),[t,n,o])}function m(e){if(!o.A.canUseDOM)return e?u:d}function h(e){let{as:t="div",collapsed:n,children:o,animation:a,onCollapseTransitionEnd:i,className:l,disableSSRStyle:c}=e;const u=(0,r.useRef)(null);return f({collapsibleRef:u,collapsed:n,animation:a}),(0,s.jsx)(t,{ref:u,style:c?void 0:m(n),onTransitionEnd:e=>{"height"===e.propertyName&&(p(u.current,n),i?.(n))},className:l,children:o})}function g(e){let{collapsed:t,...n}=e;const[o,i]=(0,r.useState)(!t),[l,c]=(0,r.useState)(t);return(0,a.A)((()=>{t||i(!0)}),[t]),(0,a.A)((()=>{o&&c(t)}),[o,t]),o?(0,s.jsx)(h,{...n,collapsed:l}):null}function b(e){let{lazy:t,...n}=e;const r=t?g:h;return(0,s.jsx)(r,{...n})}},1611:(e,t,n)=>{"use strict";n.d(t,{M:()=>h,o:()=>m});var r=n(758),o=n(2630),a=n(3349),i=n(4902),s=n(316),l=n(6070);const c=(0,a.Wf)("docusaurus.announcement.dismiss"),u=(0,a.Wf)("docusaurus.announcement.id"),d=()=>"true"===c.get(),p=e=>c.set(String(e)),f=r.createContext(null);function m(e){let{children:t}=e;const n=function(){const{announcementBar:e}=(0,s.p)(),t=(0,o.A)(),[n,a]=(0,r.useState)((()=>!!t&&d()));(0,r.useEffect)((()=>{a(d())}),[]);const i=(0,r.useCallback)((()=>{p(!0),a(!0)}),[]);return(0,r.useEffect)((()=>{if(!e)return;const{id:t}=e;let n=u.get();"annoucement-bar"===n&&(n="announcement-bar");const r=t!==n;u.set(t),r&&p(!1),!r&&d()||a(!1)}),[e]),(0,r.useMemo)((()=>({isActive:!!e&&!n,close:i})),[e,n,i])}();return(0,l.jsx)(f.Provider,{value:n,children:t})}function h(){const e=(0,r.useContext)(f);if(!e)throw new i.dV("AnnouncementBarProvider");return e}},9731:(e,t,n)=>{"use strict";n.d(t,{G:()=>b,a:()=>g});var r=n(758),o=n(3088),a=n(4902),i=n(3349),s=n(316),l=n(6070);const c=r.createContext(void 0),u="theme",d=(0,i.Wf)(u),p={light:"light",dark:"dark"},f=e=>e===p.dark?p.dark:p.light,m=e=>o.A.canUseDOM?f(document.documentElement.getAttribute("data-theme")):f(e),h=e=>{d.set(f(e))};function g(e){let{children:t}=e;const n=function(){const{colorMode:{defaultMode:e,disableSwitch:t,respectPrefersColorScheme:n}}=(0,s.p)(),[o,a]=(0,r.useState)(m(e));(0,r.useEffect)((()=>{t&&d.del()}),[t]);const i=(0,r.useCallback)((function(t,r){void 0===r&&(r={});const{persist:o=!0}=r;t?(a(t),o&&h(t)):(a(n?window.matchMedia("(prefers-color-scheme: dark)").matches?p.dark:p.light:e),d.del())}),[n,e]);(0,r.useEffect)((()=>{document.documentElement.setAttribute("data-theme",f(o))}),[o]),(0,r.useEffect)((()=>{if(t)return;const e=e=>{if(e.key!==u)return;const t=d.get();null!==t&&i(f(t))};return window.addEventListener("storage",e),()=>window.removeEventListener("storage",e)}),[t,i]);const l=(0,r.useRef)(!1);return(0,r.useEffect)((()=>{if(t&&!n)return;const e=window.matchMedia("(prefers-color-scheme: dark)"),r=()=>{window.matchMedia("print").matches||l.current?l.current=window.matchMedia("print").matches:i(null)};return e.addListener(r),()=>e.removeListener(r)}),[i,t,n]),(0,r.useMemo)((()=>({colorMode:o,setColorMode:i,get isDarkTheme(){return o===p.dark},setLightTheme(){i(p.light)},setDarkTheme(){i(p.dark)}})),[o,i])}();return(0,l.jsx)(c.Provider,{value:n,children:t})}function b(){const e=(0,r.useContext)(c);if(null==e)throw new a.dV("ColorModeProvider","Please see https://docusaurus.io/docs/api/themes/configuration#use-color-mode.");return e}},1003:(e,t,n)=>{"use strict";n.d(t,{M:()=>f,e:()=>p});var r=n(758),o=n(646),a=n(9207),i=n(3979),s=n(316),l=n(4902),c=n(6070);const u=r.createContext(void 0);function d(){const e=function(){const e=(0,o.YL)(),{items:t}=(0,s.p)().navbar;return 0===t.length&&!e.component}(),t=(0,a.l)(),n=!e&&"mobile"===t,[l,c]=(0,r.useState)(!1);(0,i.$Z)((()=>{if(l)return c(!1),!1}));const u=(0,r.useCallback)((()=>{c((e=>!e))}),[]);return(0,r.useEffect)((()=>{"desktop"===t&&c(!1)}),[t]),(0,r.useMemo)((()=>({disabled:e,shouldRender:n,toggle:u,shown:l})),[e,n,u,l])}function p(e){let{children:t}=e;const n=d();return(0,c.jsx)(u.Provider,{value:n,children:t})}function f(){const e=r.useContext(u);if(void 0===e)throw new l.dV("NavbarMobileSidebarProvider");return e}},646:(e,t,n)=>{"use strict";n.d(t,{GX:()=>c,YL:()=>l,y_:()=>s});var r=n(758),o=n(4902),a=n(6070);const i=r.createContext(null);function s(e){let{children:t}=e;const n=(0,r.useState)({component:null,props:null});return(0,a.jsx)(i.Provider,{value:n,children:t})}function l(){const e=(0,r.useContext)(i);if(!e)throw new o.dV("NavbarSecondaryMenuContentProvider");return e[0]}function c(e){let{component:t,props:n}=e;const a=(0,r.useContext)(i);if(!a)throw new o.dV("NavbarSecondaryMenuContentProvider");const[,s]=a,l=(0,o.Be)(n);return(0,r.useEffect)((()=>{s({component:t,props:l})}),[s,t,l]),(0,r.useEffect)((()=>()=>s({component:null,props:null})),[s]),null}},9782:(e,t,n)=>{"use strict";n.d(t,{w:()=>o,J:()=>a});var r=n(758);const o="navigation-with-keyboard";function a(){(0,r.useEffect)((()=>{function e(e){"keydown"===e.type&&"Tab"===e.key&&document.body.classList.add(o),"mousedown"===e.type&&document.body.classList.remove(o)}return document.addEventListener("keydown",e),document.addEventListener("mousedown",e),()=>{document.body.classList.remove(o),document.removeEventListener("keydown",e),document.removeEventListener("mousedown",e)}}),[])}},8169:(e,t,n)=>{"use strict";n.d(t,{b:()=>s,w:()=>l});var r=n(758),o=n(9143),a=n(3979);const i="q";function s(){return(0,a.l)(i)}function l(){const{siteConfig:{baseUrl:e,themeConfig:t}}=(0,o.A)(),{algolia:{searchPagePath:n}}=t;return(0,r.useCallback)((t=>`${e}${n}?${i}=${encodeURIComponent(t)}`),[e,n])}},9207:(e,t,n)=>{"use strict";n.d(t,{l:()=>s});var r=n(758),o=n(3088);const a={desktop:"desktop",mobile:"mobile",ssr:"ssr"},i=996;function s(e){let{desktopBreakpoint:t=i}=void 0===e?{}:e;const[n,s]=(0,r.useState)((()=>"ssr"));return(0,r.useEffect)((()=>{function e(){s(function(e){if(!o.A.canUseDOM)throw new Error("getWindowSize() should only be called after React hydration");return window.innerWidth>e?a.desktop:a.mobile}(t))}return e(),window.addEventListener("resize",e),()=>{window.removeEventListener("resize",e)}}),[t]),n}},8813:(e,t,n)=>{"use strict";n.d(t,{G:()=>r});const r={page:{blogListPage:"blog-list-page",blogPostPage:"blog-post-page",blogTagsListPage:"blog-tags-list-page",blogTagPostListPage:"blog-tags-post-list-page",blogAuthorsListPage:"blog-authors-list-page",blogAuthorsPostsPage:"blog-authors-posts-page",docsDocPage:"docs-doc-page",docsTagsListPage:"docs-tags-list-page",docsTagDocListPage:"docs-tags-doc-list-page",mdxPage:"mdx-page"},wrapper:{main:"main-wrapper",blogPages:"blog-wrapper",docsPages:"docs-wrapper",mdxPages:"mdx-wrapper"},common:{editThisPage:"theme-edit-this-page",lastUpdated:"theme-last-updated",backToTopButton:"theme-back-to-top-button",codeBlock:"theme-code-block",admonition:"theme-admonition",unlistedBanner:"theme-unlisted-banner",draftBanner:"theme-draft-banner",admonitionType:e=>`theme-admonition-${e}`},layout:{},docs:{docVersionBanner:"theme-doc-version-banner",docVersionBadge:"theme-doc-version-badge",docBreadcrumbs:"theme-doc-breadcrumbs",docMarkdown:"theme-doc-markdown",docTocMobile:"theme-doc-toc-mobile",docTocDesktop:"theme-doc-toc-desktop",docFooter:"theme-doc-footer",docFooterTagsRow:"theme-doc-footer-tags-row",docFooterEditMetaRow:"theme-doc-footer-edit-meta-row",docSidebarContainer:"theme-doc-sidebar-container",docSidebarMenu:"theme-doc-sidebar-menu",docSidebarItemCategory:"theme-doc-sidebar-item-category",docSidebarItemLink:"theme-doc-sidebar-item-link",docSidebarItemCategoryLevel:e=>`theme-doc-sidebar-item-category-level-${e}`,docSidebarItemLinkLevel:e=>`theme-doc-sidebar-item-link-level-${e}`},blog:{blogFooterTagsRow:"theme-blog-footer-tags-row",blogFooterEditMetaRow:"theme-blog-footer-edit-meta-row"},pages:{pageFooterEditMetaRow:"theme-pages-footer-edit-meta-row"}}},9963:(e,t,n)=>{"use strict";function r(){return window.matchMedia("(prefers-reduced-motion: reduce)").matches}n.d(t,{O:()=>r})},7743:(e,t,n)=>{"use strict";n.d(t,{s:()=>o});var r=n(9143);function o(e){const{siteConfig:t}=(0,r.A)(),{title:n,titleDelimiter:o}=t;return e?.trim().length?`${e.trim()} ${o} ${n}`:n}},3979:(e,t,n)=>{"use strict";n.d(t,{$Z:()=>i,l:()=>l});var r=n(758),o=n(5557),a=n(4902);function i(e){!function(e){const t=(0,o.W6)(),n=(0,a._q)(e);(0,r.useEffect)((()=>t.block(((e,t)=>n(e,t)))),[t,n])}(((t,n)=>{if("POP"===n)return e(t,n)}))}function s(e){const t=(0,o.W6)();return(0,r.useSyncExternalStore)(t.listen,(()=>e(t)),(()=>e(t)))}function l(e){const t=function(e){return s((t=>null===e?null:new URLSearchParams(t.location.search).get(e)))}(e)??"",n=function(e){const t=(0,o.W6)();return(0,r.useCallback)(((n,r)=>{const o=new URLSearchParams(t.location.search);n?o.set(e,n):o.delete(e),(r?.push?t.push:t.replace)({search:o.toString()})}),[e,t])}(e);return[t,n]}},2632:(e,t,n)=>{"use strict";function r(e){return Array.from(new Set(e))}function o(e,t){const n={};let r=0;for(const o of e){const e=t(o,r);n[e]??=[],n[e].push(o),r+=1}return n}n.d(t,{$z:()=>o,sb:()=>r})},898:(e,t,n)=>{"use strict";n.d(t,{Jx:()=>f,be:()=>u,e3:()=>p});var r=n(758),o=n(3526),a=n(2293),i=n(3112),s=n(5252),l=n(7743),c=n(6070);function u(e){let{title:t,description:n,keywords:r,image:o,children:i}=e;const u=(0,l.s)(t),{withBaseUrl:d}=(0,s.hH)(),p=o?d(o,{absolute:!0}):void 0;return(0,c.jsxs)(a.A,{children:[t&&(0,c.jsx)("title",{children:u}),t&&(0,c.jsx)("meta",{property:"og:title",content:u}),n&&(0,c.jsx)("meta",{name:"description",content:n}),n&&(0,c.jsx)("meta",{property:"og:description",content:n}),r&&(0,c.jsx)("meta",{name:"keywords",content:Array.isArray(r)?r.join(","):r}),p&&(0,c.jsx)("meta",{property:"og:image",content:p}),p&&(0,c.jsx)("meta",{name:"twitter:image",content:p}),i]})}const d=r.createContext(void 0);function p(e){let{className:t,children:n}=e;const i=r.useContext(d),s=(0,o.A)(i,t);return(0,c.jsxs)(d.Provider,{value:s,children:[(0,c.jsx)(a.A,{children:(0,c.jsx)("html",{className:s})}),n]})}function f(e){let{children:t}=e;const n=(0,i.A)(),r=`plugin-${n.plugin.name.replace(/docusaurus-(?:plugin|theme)-(?:content-)?/gi,"")}`;const a=`plugin-id-${n.plugin.id}`;return(0,c.jsx)(p,{className:(0,o.A)(r,a),children:t})}},4902:(e,t,n)=>{"use strict";n.d(t,{Be:()=>c,ZC:()=>s,_q:()=>i,dV:()=>l,fM:()=>u});var r=n(758),o=n(8302),a=n(6070);function i(e){const t=(0,r.useRef)(e);return(0,o.A)((()=>{t.current=e}),[e]),(0,r.useCallback)((function(){return t.current(...arguments)}),[])}function s(e){const t=(0,r.useRef)();return(0,o.A)((()=>{t.current=e})),t.current}class l extends Error{constructor(e,t){super(),this.name="ReactContextError",this.message=`Hook ${this.stack?.split("\n")[1]?.match(/at (?:\w+\.)?(?<name>\w+)/)?.groups.name??""} is called outside the <${e}>. ${t??""}`}}function c(e){const t=Object.entries(e);return t.sort(((e,t)=>e[0].localeCompare(t[0]))),(0,r.useMemo)((()=>e),t.flat())}function u(e){return t=>{let{children:n}=t;return(0,a.jsx)(a.Fragment,{children:e.reduceRight(((e,t)=>(0,a.jsx)(t,{children:e})),n)})}}},5130:(e,t,n)=>{"use strict";function r(e,t){return void 0!==e&&void 0!==t&&new RegExp(e,"gi").test(t)}n.d(t,{G:()=>r})},5763:(e,t,n)=>{"use strict";n.d(t,{Dt:()=>s,ys:()=>i});var r=n(758),o=n(1377),a=n(9143);function i(e,t){const n=e=>(!e||e.endsWith("/")?e:`${e}/`)?.toLowerCase();return n(e)===n(t)}function s(){const{baseUrl:e}=(0,a.A)().siteConfig;return(0,r.useMemo)((()=>function(e){let{baseUrl:t,routes:n}=e;function r(e){return e.path===t&&!0===e.exact}function o(e){return e.path===t&&!e.exact}return function e(t){if(0===t.length)return;return t.find(r)||e(t.filter(o).flatMap((e=>e.routes??[])))}(n)}({routes:o.A,baseUrl:e})),[e])}},9030:(e,t,n)=>{"use strict";n.d(t,{Mq:()=>p,Tv:()=>c,gk:()=>f});var r=n(758),o=n(3088),a=n(2630),i=(n(8302),n(4902)),s=n(6070);const l=r.createContext(void 0);function c(e){let{children:t}=e;const n=function(){const e=(0,r.useRef)(!0);return(0,r.useMemo)((()=>({scrollEventsEnabledRef:e,enableScrollEvents:()=>{e.current=!0},disableScrollEvents:()=>{e.current=!1}})),[])}();return(0,s.jsx)(l.Provider,{value:n,children:t})}function u(){const e=(0,r.useContext)(l);if(null==e)throw new i.dV("ScrollControllerProvider");return e}const d=()=>o.A.canUseDOM?{scrollX:window.pageXOffset,scrollY:window.pageYOffset}:null;function p(e,t){void 0===t&&(t=[]);const{scrollEventsEnabledRef:n}=u(),o=(0,r.useRef)(d()),a=(0,i._q)(e);(0,r.useEffect)((()=>{const e=()=>{if(!n.current)return;const e=d();a(e,o.current),o.current=e},t={passive:!0};return e(),window.addEventListener("scroll",e,t),()=>window.removeEventListener("scroll",e,t)}),[a,n,...t])}function f(){const e=(0,r.useRef)(null),t=(0,a.A)()&&"smooth"===getComputedStyle(document.documentElement).scrollBehavior;return{startScroll:n=>{e.current=t?function(e){return window.scrollTo({top:e,behavior:"smooth"}),()=>{}}(n):function(e){let t=null;const n=document.documentElement.scrollTop>e;return function r(){const o=document.documentElement.scrollTop;(n&&o>e||!n&&o<e)&&(t=requestAnimationFrame(r),window.scrollTo(0,Math.floor(.85*(o-e))+e))}(),()=>t&&cancelAnimationFrame(t)}(n)},cancelScroll:()=>e.current?.()}}},4937:(e,t,n)=>{"use strict";n.d(t,{C:()=>r});const r="default"},3349:(e,t,n)=>{"use strict";n.d(t,{Wf:()=>c});n(758);const r=JSON.parse('{"N":"localStorage","M":""}'),o=r.N;function a(e){let{key:t,oldValue:n,newValue:r,storage:o}=e;if(n===r)return;const a=document.createEvent("StorageEvent");a.initStorageEvent("storage",!1,!1,t,n,r,window.location.href,o),window.dispatchEvent(a)}function i(e){if(void 0===e&&(e=o),"undefined"==typeof window)throw new Error("Browser storage is not available on Node.js/Docusaurus SSR process.");if("none"===e)return null;try{return window[e]}catch(n){return t=n,s||(console.warn("Docusaurus browser storage is not available.\nPossible reasons: running Docusaurus in an iframe, in an incognito browser session, or using too strict browser privacy settings.",t),s=!0),null}var t}let s=!1;const l={get:()=>null,set:()=>{},del:()=>{},listen:()=>()=>{}};function c(e,t){const n=`${e}${r.M}`;if("undefined"==typeof window)return function(e){function t(){throw new Error(`Illegal storage API usage for storage key "${e}".\nDocusaurus storage APIs are not supposed to be called on the server-rendering process.\nPlease only call storage APIs in effects and event handlers.`)}return{get:t,set:t,del:t,listen:t}}(n);const o=i(t?.persistence);return null===o?l:{get:()=>{try{return o.getItem(n)}catch(e){return console.error(`Docusaurus storage error, can't get key=${n}`,e),null}},set:e=>{try{const t=o.getItem(n);o.setItem(n,e),a({key:n,oldValue:t,newValue:e,storage:o})}catch(t){console.error(`Docusaurus storage error, can't set ${n}=${e}`,t)}},del:()=>{try{const e=o.getItem(n);o.removeItem(n),a({key:n,oldValue:e,newValue:null,storage:o})}catch(e){console.error(`Docusaurus storage error, can't delete key=${n}`,e)}},listen:e=>{try{const t=t=>{t.storageArea===o&&t.key===n&&e(t)};return window.addEventListener("storage",t),()=>window.removeEventListener("storage",t)}catch(t){return console.error(`Docusaurus storage error, can't listen for changes of key=${n}`,t),()=>{}}}}}},1529:(e,t,n)=>{"use strict";n.d(t,{o:()=>i});var r=n(9143),o=n(5557),a=n(3509);function i(){const{siteConfig:{baseUrl:e,url:t,trailingSlash:n},i18n:{defaultLocale:i,currentLocale:s}}=(0,r.A)(),{pathname:l}=(0,o.zy)(),c=(0,a.Ks)(l,{trailingSlash:n,baseUrl:e}),u=s===i?e:e.replace(`/${s}/`,"/"),d=c.replace(e,"");return{createUrl:function(e){let{locale:n,fullyQualified:r}=e;return`${r?t:""}${function(e){return e===i?`${u}`:`${u}${e}/`}(n)}${d}`}}}},2360:(e,t,n)=>{"use strict";n.d(t,{$:()=>i});var r=n(758),o=n(5557),a=n(4902);function i(e){const t=(0,o.zy)(),n=(0,a.ZC)(t),i=(0,a._q)(e);(0,r.useEffect)((()=>{n&&t!==n&&i({location:t,previousLocation:n})}),[i,t,n])}},316:(e,t,n)=>{"use strict";n.d(t,{p:()=>o});var r=n(9143);function o(){return(0,r.A)().siteConfig.themeConfig}},7e3:(e,t,n)=>{"use strict";n.d(t,{c:()=>o});var r=n(9143);function o(){const{siteConfig:{themeConfig:e}}=(0,r.A)();return e}},1152:(e,t,n)=>{"use strict";n.d(t,{C:()=>s});var r=n(758),o=n(5130),a=n(5252),i=n(7e3);function s(){const{withBaseUrl:e}=(0,a.hH)(),{algolia:{externalUrlRegex:t,replaceSearchResultPathname:n}}=(0,i.c)();return(0,r.useCallback)((r=>{const a=new URL(r);if((0,o.G)(t,a.href))return r;const i=`${a.pathname+a.hash}`;return e(function(e,t){return t?e.replaceAll(new RegExp(t.from,"g"),t.to):e}(i,n))}),[e,t,n])}},1640:(e,t,n)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.addTrailingSlash=o,t.default=function(e,t){const{trailingSlash:n,baseUrl:r}=t;if(e.startsWith("#"))return e;if(void 0===n)return e;const[i]=e.split(/[#?]/),s="/"===i||i===r?i:(l=i,c=n,c?o(l):a(l));var l,c;return e.replace(i,s)},t.addLeadingSlash=function(e){return(0,r.addPrefix)(e,"/")},t.removeTrailingSlash=a;const r=n(239);function o(e){return e.endsWith("/")?e:`${e}/`}function a(e){return(0,r.removeSuffix)(e,"/")}},4814:(e,t)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.getErrorCausalChain=function e(t){if(t.cause)return[t,...e(t.cause)];return[t]}},3509:(e,t,n)=>{"use strict";t.rA=t.Ks=t.LU=void 0;const r=n(3422);t.LU="__blog-post-container";var o=n(1640);Object.defineProperty(t,"Ks",{enumerable:!0,get:function(){return r.__importDefault(o).default}});var a=n(239);var i=n(4814);Object.defineProperty(t,"rA",{enumerable:!0,get:function(){return i.getErrorCausalChain}})},239:(e,t)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.addPrefix=function(e,t){return e.startsWith(t)?e:`${t}${e}`},t.removeSuffix=function(e,t){if(""===t)return e;return e.endsWith(t)?e.slice(0,-t.length):e},t.addSuffix=function(e,t){return e.endsWith(t)?e:`${e}${t}`},t.removePrefix=function(e,t){return e.startsWith(t)?e.slice(t.length):e}},3332:(e,t,n)=>{"use strict";n.d(t,{zR:()=>w,TM:()=>j,yJ:()=>f,sC:()=>O,AO:()=>p});var r=n(991);function o(e){return"/"===e.charAt(0)}function a(e,t){for(var n=t,r=n+1,o=e.length;r<o;n+=1,r+=1)e[n]=e[r];e.pop()}const i=function(e,t){void 0===t&&(t="");var n,r=e&&e.split("/")||[],i=t&&t.split("/")||[],s=e&&o(e),l=t&&o(t),c=s||l;if(e&&o(e)?i=r:r.length&&(i.pop(),i=i.concat(r)),!i.length)return"/";if(i.length){var u=i[i.length-1];n="."===u||".."===u||""===u}else n=!1;for(var d=0,p=i.length;p>=0;p--){var f=i[p];"."===f?a(i,p):".."===f?(a(i,p),d++):d&&(a(i,p),d--)}if(!c)for(;d--;d)i.unshift("..");!c||""===i[0]||i[0]&&o(i[0])||i.unshift("");var m=i.join("/");return n&&"/"!==m.substr(-1)&&(m+="/"),m};var s=n(5385);function l(e){return"/"===e.charAt(0)?e:"/"+e}function c(e){return"/"===e.charAt(0)?e.substr(1):e}function u(e,t){return function(e,t){return 0===e.toLowerCase().indexOf(t.toLowerCase())&&-1!=="/?#".indexOf(e.charAt(t.length))}(e,t)?e.substr(t.length):e}function d(e){return"/"===e.charAt(e.length-1)?e.slice(0,-1):e}function p(e){var t=e.pathname,n=e.search,r=e.hash,o=t||"/";return n&&"?"!==n&&(o+="?"===n.charAt(0)?n:"?"+n),r&&"#"!==r&&(o+="#"===r.charAt(0)?r:"#"+r),o}function f(e,t,n,o){var a;"string"==typeof e?(a=function(e){var t=e||"/",n="",r="",o=t.indexOf("#");-1!==o&&(r=t.substr(o),t=t.substr(0,o));var a=t.indexOf("?");return-1!==a&&(n=t.substr(a),t=t.substr(0,a)),{pathname:t,search:"?"===n?"":n,hash:"#"===r?"":r}}(e),a.state=t):(void 0===(a=(0,r.A)({},e)).pathname&&(a.pathname=""),a.search?"?"!==a.search.charAt(0)&&(a.search="?"+a.search):a.search="",a.hash?"#"!==a.hash.charAt(0)&&(a.hash="#"+a.hash):a.hash="",void 0!==t&&void 0===a.state&&(a.state=t));try{a.pathname=decodeURI(a.pathname)}catch(s){throw s instanceof URIError?new URIError('Pathname "'+a.pathname+'" could not be decoded. This is likely caused by an invalid percent-encoding.'):s}return n&&(a.key=n),o?a.pathname?"/"!==a.pathname.charAt(0)&&(a.pathname=i(a.pathname,o.pathname)):a.pathname=o.pathname:a.pathname||(a.pathname="/"),a}function m(){var e=null;var t=[];return{setPrompt:function(t){return e=t,function(){e===t&&(e=null)}},confirmTransitionTo:function(t,n,r,o){if(null!=e){var a="function"==typeof e?e(t,n):e;"string"==typeof a?"function"==typeof r?r(a,o):o(!0):o(!1!==a)}else o(!0)},appendListener:function(e){var n=!0;function r(){n&&e.apply(void 0,arguments)}return t.push(r),function(){n=!1,t=t.filter((function(e){return e!==r}))}},notifyListeners:function(){for(var e=arguments.length,n=new Array(e),r=0;r<e;r++)n[r]=arguments[r];t.forEach((function(e){return e.apply(void 0,n)}))}}}var h=!("undefined"==typeof window||!window.document||!window.document.createElement);function g(e,t){t(window.confirm(e))}var b="popstate",y="hashchange";function v(){try{return window.history.state||{}}catch(e){return{}}}function w(e){void 0===e&&(e={}),h||(0,s.A)(!1);var t,n=window.history,o=(-1===(t=window.navigator.userAgent).indexOf("Android 2.")&&-1===t.indexOf("Android 4.0")||-1===t.indexOf("Mobile Safari")||-1!==t.indexOf("Chrome")||-1!==t.indexOf("Windows Phone"))&&window.history&&"pushState"in window.history,a=!(-1===window.navigator.userAgent.indexOf("Trident")),i=e,c=i.forceRefresh,w=void 0!==c&&c,k=i.getUserConfirmation,S=void 0===k?g:k,x=i.keyLength,E=void 0===x?6:x,_=e.basename?d(l(e.basename)):"";function j(e){var t=e||{},n=t.key,r=t.state,o=window.location,a=o.pathname+o.search+o.hash;return _&&(a=u(a,_)),f(a,r,n)}function C(){return Math.random().toString(36).substr(2,E)}var O=m();function A(e){(0,r.A)(U,e),U.length=n.length,O.notifyListeners(U.location,U.action)}function T(e){(function(e){return void 0===e.state&&-1===navigator.userAgent.indexOf("CriOS")})(e)||I(j(e.state))}function P(){I(j(v()))}var z=!1;function I(e){if(z)z=!1,A();else{O.confirmTransitionTo(e,"POP",S,(function(t){t?A({action:"POP",location:e}):function(e){var t=U.location,n=N.indexOf(t.key);-1===n&&(n=0);var r=N.indexOf(e.key);-1===r&&(r=0);var o=n-r;o&&(z=!0,D(o))}(e)}))}}var L=j(v()),N=[L.key];function R(e){return _+p(e)}function D(e){n.go(e)}var M=0;function F(e){1===(M+=e)&&1===e?(window.addEventListener(b,T),a&&window.addEventListener(y,P)):0===M&&(window.removeEventListener(b,T),a&&window.removeEventListener(y,P))}var B=!1;var U={length:n.length,action:"POP",location:L,createHref:R,push:function(e,t){var r="PUSH",a=f(e,t,C(),U.location);O.confirmTransitionTo(a,r,S,(function(e){if(e){var t=R(a),i=a.key,s=a.state;if(o)if(n.pushState({key:i,state:s},null,t),w)window.location.href=t;else{var l=N.indexOf(U.location.key),c=N.slice(0,l+1);c.push(a.key),N=c,A({action:r,location:a})}else window.location.href=t}}))},replace:function(e,t){var r="REPLACE",a=f(e,t,C(),U.location);O.confirmTransitionTo(a,r,S,(function(e){if(e){var t=R(a),i=a.key,s=a.state;if(o)if(n.replaceState({key:i,state:s},null,t),w)window.location.replace(t);else{var l=N.indexOf(U.location.key);-1!==l&&(N[l]=a.key),A({action:r,location:a})}else window.location.replace(t)}}))},go:D,goBack:function(){D(-1)},goForward:function(){D(1)},block:function(e){void 0===e&&(e=!1);var t=O.setPrompt(e);return B||(F(1),B=!0),function(){return B&&(B=!1,F(-1)),t()}},listen:function(e){var t=O.appendListener(e);return F(1),function(){F(-1),t()}}};return U}var k="hashchange",S={hashbang:{encodePath:function(e){return"!"===e.charAt(0)?e:"!/"+c(e)},decodePath:function(e){return"!"===e.charAt(0)?e.substr(1):e}},noslash:{encodePath:c,decodePath:l},slash:{encodePath:l,decodePath:l}};function x(e){var t=e.indexOf("#");return-1===t?e:e.slice(0,t)}function E(){var e=window.location.href,t=e.indexOf("#");return-1===t?"":e.substring(t+1)}function _(e){window.location.replace(x(window.location.href)+"#"+e)}function j(e){void 0===e&&(e={}),h||(0,s.A)(!1);var t=window.history,n=(window.navigator.userAgent.indexOf("Firefox"),e),o=n.getUserConfirmation,a=void 0===o?g:o,i=n.hashType,c=void 0===i?"slash":i,b=e.basename?d(l(e.basename)):"",y=S[c],v=y.encodePath,w=y.decodePath;function j(){var e=w(E());return b&&(e=u(e,b)),f(e)}var C=m();function O(e){(0,r.A)(B,e),B.length=t.length,C.notifyListeners(B.location,B.action)}var A=!1,T=null;function P(){var e,t,n=E(),r=v(n);if(n!==r)_(r);else{var o=j(),i=B.location;if(!A&&(t=o,(e=i).pathname===t.pathname&&e.search===t.search&&e.hash===t.hash))return;if(T===p(o))return;T=null,function(e){if(A)A=!1,O();else{var t="POP";C.confirmTransitionTo(e,t,a,(function(n){n?O({action:t,location:e}):function(e){var t=B.location,n=N.lastIndexOf(p(t));-1===n&&(n=0);var r=N.lastIndexOf(p(e));-1===r&&(r=0);var o=n-r;o&&(A=!0,R(o))}(e)}))}}(o)}}var z=E(),I=v(z);z!==I&&_(I);var L=j(),N=[p(L)];function R(e){t.go(e)}var D=0;function M(e){1===(D+=e)&&1===e?window.addEventListener(k,P):0===D&&window.removeEventListener(k,P)}var F=!1;var B={length:t.length,action:"POP",location:L,createHref:function(e){var t=document.querySelector("base"),n="";return t&&t.getAttribute("href")&&(n=x(window.location.href)),n+"#"+v(b+p(e))},push:function(e,t){var n="PUSH",r=f(e,void 0,void 0,B.location);C.confirmTransitionTo(r,n,a,(function(e){if(e){var t=p(r),o=v(b+t);if(E()!==o){T=t,function(e){window.location.hash=e}(o);var a=N.lastIndexOf(p(B.location)),i=N.slice(0,a+1);i.push(t),N=i,O({action:n,location:r})}else O()}}))},replace:function(e,t){var n="REPLACE",r=f(e,void 0,void 0,B.location);C.confirmTransitionTo(r,n,a,(function(e){if(e){var t=p(r),o=v(b+t);E()!==o&&(T=t,_(o));var a=N.indexOf(p(B.location));-1!==a&&(N[a]=t),O({action:n,location:r})}}))},go:R,goBack:function(){R(-1)},goForward:function(){R(1)},block:function(e){void 0===e&&(e=!1);var t=C.setPrompt(e);return F||(M(1),F=!0),function(){return F&&(F=!1,M(-1)),t()}},listen:function(e){var t=C.appendListener(e);return M(1),function(){M(-1),t()}}};return B}function C(e,t,n){return Math.min(Math.max(e,t),n)}function O(e){void 0===e&&(e={});var t=e,n=t.getUserConfirmation,o=t.initialEntries,a=void 0===o?["/"]:o,i=t.initialIndex,s=void 0===i?0:i,l=t.keyLength,c=void 0===l?6:l,u=m();function d(e){(0,r.A)(w,e),w.length=w.entries.length,u.notifyListeners(w.location,w.action)}function h(){return Math.random().toString(36).substr(2,c)}var g=C(s,0,a.length-1),b=a.map((function(e){return f(e,void 0,"string"==typeof e?h():e.key||h())})),y=p;function v(e){var t=C(w.index+e,0,w.entries.length-1),r=w.entries[t];u.confirmTransitionTo(r,"POP",n,(function(e){e?d({action:"POP",location:r,index:t}):d()}))}var w={length:b.length,action:"POP",location:b[g],index:g,entries:b,createHref:y,push:function(e,t){var r="PUSH",o=f(e,t,h(),w.location);u.confirmTransitionTo(o,r,n,(function(e){if(e){var t=w.index+1,n=w.entries.slice(0);n.length>t?n.splice(t,n.length-t,o):n.push(o),d({action:r,location:o,index:t,entries:n})}}))},replace:function(e,t){var r="REPLACE",o=f(e,t,h(),w.location);u.confirmTransitionTo(o,r,n,(function(e){e&&(w.entries[w.index]=o,d({action:r,location:o}))}))},go:v,goBack:function(){v(-1)},goForward:function(){v(1)},canGo:function(e){var t=w.index+e;return t>=0&&t<w.entries.length},block:function(e){return void 0===e&&(e=!1),u.setPrompt(e)},listen:function(e){return u.appendListener(e)}};return w}},1035:(e,t,n)=>{"use strict";var r=n(5959),o={childContextTypes:!0,contextType:!0,contextTypes:!0,defaultProps:!0,displayName:!0,getDefaultProps:!0,getDerivedStateFromError:!0,getDerivedStateFromProps:!0,mixins:!0,propTypes:!0,type:!0},a={name:!0,length:!0,prototype:!0,caller:!0,callee:!0,arguments:!0,arity:!0},i={$$typeof:!0,compare:!0,defaultProps:!0,displayName:!0,propTypes:!0,type:!0},s={};function l(e){return r.isMemo(e)?i:s[e.$$typeof]||o}s[r.ForwardRef]={$$typeof:!0,render:!0,defaultProps:!0,displayName:!0,propTypes:!0},s[r.Memo]=i;var c=Object.defineProperty,u=Object.getOwnPropertyNames,d=Object.getOwnPropertySymbols,p=Object.getOwnPropertyDescriptor,f=Object.getPrototypeOf,m=Object.prototype;e.exports=function e(t,n,r){if("string"!=typeof n){if(m){var o=f(n);o&&o!==m&&e(t,o,r)}var i=u(n);d&&(i=i.concat(d(n)));for(var s=l(t),h=l(n),g=0;g<i.length;++g){var b=i[g];if(!(a[b]||r&&r[b]||h&&h[b]||s&&s[b])){var y=p(n,b);try{c(t,b,y)}catch(v){}}}}return t}},9597:e=>{"use strict";e.exports=function(e,t,n,r,o,a,i,s){if(!e){var l;if(void 0===t)l=new Error("Minified exception occurred; use the non-minified dev environment for the full error message and additional helpful warnings.");else{var c=[n,r,o,a,i,s],u=0;(l=new Error(t.replace(/%s/g,(function(){return c[u++]})))).name="Invariant Violation"}throw l.framesToPop=1,l}}},5526:e=>{e.exports=Array.isArray||function(e){return"[object Array]"==Object.prototype.toString.call(e)}},8602:(e,t,n)=>{"use strict";n.r(t)},4504:(e,t,n)=>{"use strict";n.r(t)},8744:function(e,t,n){var r,o;r=function(){var e,t,n={version:"0.2.0"},r=n.settings={minimum:.08,easing:"ease",positionUsing:"",speed:200,trickle:!0,trickleRate:.02,trickleSpeed:800,showSpinner:!0,barSelector:'[role="bar"]',spinnerSelector:'[role="spinner"]',parent:"body",template:'<div class="bar" role="bar"><div class="peg"></div></div><div class="spinner" role="spinner"><div class="spinner-icon"></div></div>'};function o(e,t,n){return e<t?t:e>n?n:e}function a(e){return 100*(-1+e)}function i(e,t,n){var o;return(o="translate3d"===r.positionUsing?{transform:"translate3d("+a(e)+"%,0,0)"}:"translate"===r.positionUsing?{transform:"translate("+a(e)+"%,0)"}:{"margin-left":a(e)+"%"}).transition="all "+t+"ms "+n,o}n.configure=function(e){var t,n;for(t in e)void 0!==(n=e[t])&&e.hasOwnProperty(t)&&(r[t]=n);return this},n.status=null,n.set=function(e){var t=n.isStarted();e=o(e,r.minimum,1),n.status=1===e?null:e;var a=n.render(!t),c=a.querySelector(r.barSelector),u=r.speed,d=r.easing;return a.offsetWidth,s((function(t){""===r.positionUsing&&(r.positionUsing=n.getPositioningCSS()),l(c,i(e,u,d)),1===e?(l(a,{transition:"none",opacity:1}),a.offsetWidth,setTimeout((function(){l(a,{transition:"all "+u+"ms linear",opacity:0}),setTimeout((function(){n.remove(),t()}),u)}),u)):setTimeout(t,u)})),this},n.isStarted=function(){return"number"==typeof n.status},n.start=function(){n.status||n.set(0);var e=function(){setTimeout((function(){n.status&&(n.trickle(),e())}),r.trickleSpeed)};return r.trickle&&e(),this},n.done=function(e){return e||n.status?n.inc(.3+.5*Math.random()).set(1):this},n.inc=function(e){var t=n.status;return t?("number"!=typeof e&&(e=(1-t)*o(Math.random()*t,.1,.95)),t=o(t+e,0,.994),n.set(t)):n.start()},n.trickle=function(){return n.inc(Math.random()*r.trickleRate)},e=0,t=0,n.promise=function(r){return r&&"resolved"!==r.state()?(0===t&&n.start(),e++,t++,r.always((function(){0==--t?(e=0,n.done()):n.set((e-t)/e)})),this):this},n.render=function(e){if(n.isRendered())return document.getElementById("nprogress");u(document.documentElement,"nprogress-busy");var t=document.createElement("div");t.id="nprogress",t.innerHTML=r.template;var o,i=t.querySelector(r.barSelector),s=e?"-100":a(n.status||0),c=document.querySelector(r.parent);return l(i,{transition:"all 0 linear",transform:"translate3d("+s+"%,0,0)"}),r.showSpinner||(o=t.querySelector(r.spinnerSelector))&&f(o),c!=document.body&&u(c,"nprogress-custom-parent"),c.appendChild(t),t},n.remove=function(){d(document.documentElement,"nprogress-busy"),d(document.querySelector(r.parent),"nprogress-custom-parent");var e=document.getElementById("nprogress");e&&f(e)},n.isRendered=function(){return!!document.getElementById("nprogress")},n.getPositioningCSS=function(){var e=document.body.style,t="WebkitTransform"in e?"Webkit":"MozTransform"in e?"Moz":"msTransform"in e?"ms":"OTransform"in e?"O":"";return t+"Perspective"in e?"translate3d":t+"Transform"in e?"translate":"margin"};var s=function(){var e=[];function t(){var n=e.shift();n&&n(t)}return function(n){e.push(n),1==e.length&&t()}}(),l=function(){var e=["Webkit","O","Moz","ms"],t={};function n(e){return e.replace(/^-ms-/,"ms-").replace(/-([\da-z])/gi,(function(e,t){return t.toUpperCase()}))}function r(t){var n=document.body.style;if(t in n)return t;for(var r,o=e.length,a=t.charAt(0).toUpperCase()+t.slice(1);o--;)if((r=e[o]+a)in n)return r;return t}function o(e){return e=n(e),t[e]||(t[e]=r(e))}function a(e,t,n){t=o(t),e.style[t]=n}return function(e,t){var n,r,o=arguments;if(2==o.length)for(n in t)void 0!==(r=t[n])&&t.hasOwnProperty(n)&&a(e,n,r);else a(e,o[1],o[2])}}();function c(e,t){return("string"==typeof e?e:p(e)).indexOf(" "+t+" ")>=0}function u(e,t){var n=p(e),r=n+t;c(n,t)||(e.className=r.substring(1))}function d(e,t){var n,r=p(e);c(e,t)&&(n=r.replace(" "+t+" "," "),e.className=n.substring(1,n.length-1))}function p(e){return(" "+(e.className||"")+" ").replace(/\s+/gi," ")}function f(e){e&&e.parentNode&&e.parentNode.removeChild(e)}return n},void 0===(o="function"==typeof r?r.call(t,n,t,e):r)||(e.exports=o)},6150:(e,t,n)=>{var r=n(5526);e.exports=f,e.exports.parse=a,e.exports.compile=function(e,t){return s(a(e,t),t)},e.exports.tokensToFunction=s,e.exports.tokensToRegExp=p;var o=new RegExp(["(\\\\.)","([\\/.])?(?:(?:\\:(\\w+)(?:\\(((?:\\\\.|[^\\\\()])+)\\))?|\\(((?:\\\\.|[^\\\\()])+)\\))([+*?])?|(\\*))"].join("|"),"g");function a(e,t){for(var n,r=[],a=0,i=0,s="",u=t&&t.delimiter||"/";null!=(n=o.exec(e));){var d=n[0],p=n[1],f=n.index;if(s+=e.slice(i,f),i=f+d.length,p)s+=p[1];else{var m=e[i],h=n[2],g=n[3],b=n[4],y=n[5],v=n[6],w=n[7];s&&(r.push(s),s="");var k=null!=h&&null!=m&&m!==h,S="+"===v||"*"===v,x="?"===v||"*"===v,E=n[2]||u,_=b||y;r.push({name:g||a++,prefix:h||"",delimiter:E,optional:x,repeat:S,partial:k,asterisk:!!w,pattern:_?c(_):w?".*":"[^"+l(E)+"]+?"})}}return i<e.length&&(s+=e.substr(i)),s&&r.push(s),r}function i(e){return encodeURI(e).replace(/[\/?#]/g,(function(e){return"%"+e.charCodeAt(0).toString(16).toUpperCase()}))}function s(e,t){for(var n=new Array(e.length),o=0;o<e.length;o++)"object"==typeof e[o]&&(n[o]=new RegExp("^(?:"+e[o].pattern+")$",d(t)));return function(t,o){for(var a="",s=t||{},l=(o||{}).pretty?i:encodeURIComponent,c=0;c<e.length;c++){var u=e[c];if("string"!=typeof u){var d,p=s[u.name];if(null==p){if(u.optional){u.partial&&(a+=u.prefix);continue}throw new TypeError('Expected "'+u.name+'" to be defined')}if(r(p)){if(!u.repeat)throw new TypeError('Expected "'+u.name+'" to not repeat, but received `'+JSON.stringify(p)+"`");if(0===p.length){if(u.optional)continue;throw new TypeError('Expected "'+u.name+'" to not be empty')}for(var f=0;f<p.length;f++){if(d=l(p[f]),!n[c].test(d))throw new TypeError('Expected all "'+u.name+'" to match "'+u.pattern+'", but received `'+JSON.stringify(d)+"`");a+=(0===f?u.prefix:u.delimiter)+d}}else{if(d=u.asterisk?encodeURI(p).replace(/[?#]/g,(function(e){return"%"+e.charCodeAt(0).toString(16).toUpperCase()})):l(p),!n[c].test(d))throw new TypeError('Expected "'+u.name+'" to match "'+u.pattern+'", but received "'+d+'"');a+=u.prefix+d}}else a+=u}return a}}function l(e){return e.replace(/([.+*?=^!:${}()[\]|\/\\])/g,"\\$1")}function c(e){return e.replace(/([=!:$\/()])/g,"\\$1")}function u(e,t){return e.keys=t,e}function d(e){return e&&e.sensitive?"":"i"}function p(e,t,n){r(t)||(n=t||n,t=[]);for(var o=(n=n||{}).strict,a=!1!==n.end,i="",s=0;s<e.length;s++){var c=e[s];if("string"==typeof c)i+=l(c);else{var p=l(c.prefix),f="(?:"+c.pattern+")";t.push(c),c.repeat&&(f+="(?:"+p+f+")*"),i+=f=c.optional?c.partial?p+"("+f+")?":"(?:"+p+"("+f+"))?":p+"("+f+")"}}var m=l(n.delimiter||"/"),h=i.slice(-m.length)===m;return o||(i=(h?i.slice(0,-m.length):i)+"(?:"+m+"(?=$))?"),i+=a?"$":o&&h?"":"(?="+m+"|$)",u(new RegExp("^"+i,d(n)),t)}function f(e,t,n){return r(t)||(n=t||n,t=[]),n=n||{},e instanceof RegExp?function(e,t){var n=e.source.match(/\((?!\?)/g);if(n)for(var r=0;r<n.length;r++)t.push({name:r,prefix:null,delimiter:null,optional:!1,repeat:!1,partial:!1,asterisk:!1,pattern:null});return u(e,t)}(e,t):r(e)?function(e,t,n){for(var r=[],o=0;o<e.length;o++)r.push(f(e[o],t,n).source);return u(new RegExp("(?:"+r.join("|")+")",d(n)),t)}(e,t,n):function(e,t,n){return p(a(e,n),t,n)}(e,t,n)}},8468:(e,t,n)=>{"use strict";n.r(t),n.d(t,{default:()=>p});var r=n(4784),o=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},a=function(e){return"IMG"===e.tagName},i=function(e){return e&&1===e.nodeType},s=function(e){return".svg"===(e.currentSrc||e.src).substr(-4).toLowerCase()},l=function(e){try{return Array.isArray(e)?e.filter(a):function(e){return NodeList.prototype.isPrototypeOf(e)}(e)?[].slice.call(e).filter(a):i(e)?[e].filter(a):"string"==typeof e?[].slice.call(document.querySelectorAll(e)).filter(a):[]}catch(t){throw new TypeError("The provided selector is invalid.\nExpects a CSS selector, a Node element, a NodeList or an array.\nSee: https://github.com/francoischalifour/medium-zoom")}},c=function(e,t){var n=o({bubbles:!1,cancelable:!1,detail:void 0},t);if("function"==typeof window.CustomEvent)return new CustomEvent(e,n);var r=document.createEvent("CustomEvent");return r.initCustomEvent(e,n.bubbles,n.cancelable,n.detail),r};!function(e,t){void 0===t&&(t={});var n=t.insertAt;if(e&&"undefined"!=typeof document){var r=document.head||document.getElementsByTagName("head")[0],o=document.createElement("style");o.type="text/css","top"===n&&r.firstChild?r.insertBefore(o,r.firstChild):r.appendChild(o),o.styleSheet?o.styleSheet.cssText=e:o.appendChild(document.createTextNode(e))}}(".medium-zoom-overlay{position:fixed;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity .3s;will-change:opacity}.medium-zoom--opened .medium-zoom-overlay{cursor:pointer;cursor:zoom-out;opacity:1}.medium-zoom-image{cursor:pointer;cursor:zoom-in;transition:transform .3s cubic-bezier(.2,0,.2,1)!important}.medium-zoom-image--hidden{visibility:hidden}.medium-zoom-image--opened{position:relative;cursor:pointer;cursor:zoom-out;will-change:transform}");const u=function e(t){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},r=window.Promise||function(e){function t(){}e(t,t)},a=function(){for(var e=arguments.length,t=Array(e),n=0;n<e;n++)t[n]=arguments[n];var r=t.reduce((function(e,t){return[].concat(e,l(t))}),[]);return r.filter((function(e){return-1===f.indexOf(e)})).forEach((function(e){f.push(e),e.classList.add("medium-zoom-image")})),m.forEach((function(e){var t=e.type,n=e.listener,o=e.options;r.forEach((function(e){e.addEventListener(t,n,o)}))})),w},u=function(){var e=(arguments.length>0&&void 0!==arguments[0]?arguments[0]:{}).target,t=function(){var e={width:document.documentElement.clientWidth,height:document.documentElement.clientHeight,left:0,top:0,right:0,bottom:0},t=void 0,n=void 0;if(b.container)if(b.container instanceof Object)t=(e=o({},e,b.container)).width-e.left-e.right-2*b.margin,n=e.height-e.top-e.bottom-2*b.margin;else{var r=(i(b.container)?b.container:document.querySelector(b.container)).getBoundingClientRect(),a=r.width,l=r.height,c=r.left,u=r.top;e=o({},e,{width:a,height:l,left:c,top:u})}t=t||e.width-2*b.margin,n=n||e.height-2*b.margin;var d=y.zoomedHd||y.original,p=s(d)?t:d.naturalWidth||t,f=s(d)?n:d.naturalHeight||n,m=d.getBoundingClientRect(),h=m.top,g=m.left,v=m.width,w=m.height,k=Math.min(Math.max(v,p),t)/v,S=Math.min(Math.max(w,f),n)/w,x=Math.min(k,S),E="scale("+x+") translate3d("+((t-v)/2-g+b.margin+e.left)/x+"px, "+((n-w)/2-h+b.margin+e.top)/x+"px, 0)";y.zoomed.style.transform=E,y.zoomedHd&&(y.zoomedHd.style.transform=E)};return new r((function(n){if(e&&-1===f.indexOf(e))n(w);else{if(y.zoomed)n(w);else{if(e)y.original=e;else{if(!(f.length>0))return void n(w);var r=f;y.original=r[0]}if(y.original.dispatchEvent(c("medium-zoom:open",{detail:{zoom:w}})),g=window.pageYOffset||document.documentElement.scrollTop||document.body.scrollTop||0,h=!0,y.zoomed=function(e){var t=e.getBoundingClientRect(),n=t.top,r=t.left,o=t.width,a=t.height,i=e.cloneNode(),s=window.pageYOffset||document.documentElement.scrollTop||document.body.scrollTop||0,l=window.pageXOffset||document.documentElement.scrollLeft||document.body.scrollLeft||0;return i.removeAttribute("id"),i.style.position="absolute",i.style.top=n+s+"px",i.style.left=r+l+"px",i.style.width=o+"px",i.style.height=a+"px",i.style.transform="",i}(y.original),document.body.appendChild(v),b.template){var o=i(b.template)?b.template:document.querySelector(b.template);y.template=document.createElement("div"),y.template.appendChild(o.content.cloneNode(!0)),document.body.appendChild(y.template)}if(y.original.parentElement&&"PICTURE"===y.original.parentElement.tagName&&y.original.currentSrc&&(y.zoomed.src=y.original.currentSrc),document.body.appendChild(y.zoomed),window.requestAnimationFrame((function(){document.body.classList.add("medium-zoom--opened")})),y.original.classList.add("medium-zoom-image--hidden"),y.zoomed.classList.add("medium-zoom-image--opened"),y.zoomed.addEventListener("click",d),y.zoomed.addEventListener("transitionend",(function e(){h=!1,y.zoomed.removeEventListener("transitionend",e),y.original.dispatchEvent(c("medium-zoom:opened",{detail:{zoom:w}})),n(w)})),y.original.getAttribute("data-zoom-src")){y.zoomedHd=y.zoomed.cloneNode(),y.zoomedHd.removeAttribute("srcset"),y.zoomedHd.removeAttribute("sizes"),y.zoomedHd.removeAttribute("loading"),y.zoomedHd.src=y.zoomed.getAttribute("data-zoom-src"),y.zoomedHd.onerror=function(){clearInterval(a),console.warn("Unable to reach the zoom image target "+y.zoomedHd.src),y.zoomedHd=null,t()};var a=setInterval((function(){y.zoomedHd.complete&&(clearInterval(a),y.zoomedHd.classList.add("medium-zoom-image--opened"),y.zoomedHd.addEventListener("click",d),document.body.appendChild(y.zoomedHd),t())}),10)}else if(y.original.hasAttribute("srcset")){y.zoomedHd=y.zoomed.cloneNode(),y.zoomedHd.removeAttribute("sizes"),y.zoomedHd.removeAttribute("loading");var s=y.zoomedHd.addEventListener("load",(function(){y.zoomedHd.removeEventListener("load",s),y.zoomedHd.classList.add("medium-zoom-image--opened"),y.zoomedHd.addEventListener("click",d),document.body.appendChild(y.zoomedHd),t()}))}else t()}}}))},d=function(){return new r((function(e){if(!h&&y.original){h=!0,document.body.classList.remove("medium-zoom--opened"),y.zoomed.style.transform="",y.zoomedHd&&(y.zoomedHd.style.transform=""),y.template&&(y.template.style.transition="opacity 150ms",y.template.style.opacity=0),y.original.dispatchEvent(c("medium-zoom:close",{detail:{zoom:w}})),y.zoomed.addEventListener("transitionend",(function t(){y.original.classList.remove("medium-zoom-image--hidden"),document.body.removeChild(y.zoomed),y.zoomedHd&&document.body.removeChild(y.zoomedHd),document.body.removeChild(v),y.zoomed.classList.remove("medium-zoom-image--opened"),y.template&&document.body.removeChild(y.template),h=!1,y.zoomed.removeEventListener("transitionend",t),y.original.dispatchEvent(c("medium-zoom:closed",{detail:{zoom:w}})),y.original=null,y.zoomed=null,y.zoomedHd=null,y.template=null,e(w)}))}else e(w)}))},p=function(){var e=(arguments.length>0&&void 0!==arguments[0]?arguments[0]:{}).target;return y.original?d():u({target:e})},f=[],m=[],h=!1,g=0,b=n,y={original:null,zoomed:null,zoomedHd:null,template:null};"[object Object]"===Object.prototype.toString.call(t)?b=t:(t||"string"==typeof t)&&a(t);var v=function(e){var t=document.createElement("div");return t.classList.add("medium-zoom-overlay"),t.style.background=e,t}((b=o({margin:0,background:"#fff",scrollOffset:40,container:null,template:null},b)).background);document.addEventListener("click",(function(e){var t=e.target;t!==v?-1!==f.indexOf(t)&&p({target:t}):d()})),document.addEventListener("keyup",(function(e){var t=e.key||e.keyCode;"Escape"!==t&&"Esc"!==t&&27!==t||d()})),document.addEventListener("scroll",(function(){if(!h&&y.original){var e=window.pageYOffset||document.documentElement.scrollTop||document.body.scrollTop||0;Math.abs(g-e)>b.scrollOffset&&setTimeout(d,150)}})),window.addEventListener("resize",d);var w={open:u,close:d,toggle:p,update:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=e;if(e.background&&(v.style.background=e.background),e.container&&e.container instanceof Object&&(t.container=o({},b.container,e.container)),e.template){var n=i(e.template)?e.template:document.querySelector(e.template);t.template=n}return b=o({},b,t),f.forEach((function(e){e.dispatchEvent(c("medium-zoom:update",{detail:{zoom:w}}))})),w},clone:function(){return e(o({},b,arguments.length>0&&void 0!==arguments[0]?arguments[0]:{}))},attach:a,detach:function(){for(var e=arguments.length,t=Array(e),n=0;n<e;n++)t[n]=arguments[n];y.zoomed&&d();var r=t.length>0?t.reduce((function(e,t){return[].concat(e,l(t))}),[]):f;return r.forEach((function(e){e.classList.remove("medium-zoom-image"),e.dispatchEvent(c("medium-zoom:detach",{detail:{zoom:w}}))})),f=f.filter((function(e){return-1===r.indexOf(e)})),w},on:function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};return f.forEach((function(r){r.addEventListener("medium-zoom:"+e,t,n)})),m.push({type:"medium-zoom:"+e,listener:t,options:n}),w},off:function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};return f.forEach((function(r){r.removeEventListener("medium-zoom:"+e,t,n)})),m=m.filter((function(n){return!(n.type==="medium-zoom:"+e&&n.listener.toString()===t.toString())})),w},getOptions:function(){return b},getImages:function(){return f},getZoomedImage:function(){return y.original}};return w},{themeConfig:d}=r.default,p=function(){if("undefined"==typeof window)return null;const{zoomSelector:e=".markdown img"}=d,{imageZoom:{selector:t=e,options:n}={}}=d;return setTimeout((()=>{u(t,n)}),1e3),{onRouteUpdate({location:e,previousLocation:r}){e&&e.hash&&e.hash.length||r&&e.pathname!==r.pathname&&setTimeout((()=>{u(t,n)}),1e3)}}}()},9227:e=>{e.exports&&(e.exports={core:{meta:{path:"components/prism-core.js",option:"mandatory"},core:"Core"},themes:{meta:{path:"themes/{id}.css",link:"index.html?theme={id}",exclusive:!0},prism:{title:"Default",option:"default"},"prism-dark":"Dark","prism-funky":"Funky","prism-okaidia":{title:"Okaidia",owner:"ocodia"},"prism-twilight":{title:"Twilight",owner:"remybach"},"prism-coy":{title:"Coy",owner:"tshedor"},"prism-solarizedlight":{title:"Solarized Light",owner:"hectormatos2011 "},"prism-tomorrow":{title:"Tomorrow Night",owner:"Rosey"}},languages:{meta:{path:"components/prism-{id}",noCSS:!0,examplesPath:"examples/prism-{id}",addCheckAll:!0},markup:{title:"Markup",alias:["html","xml","svg","mathml","ssml","atom","rss"],aliasTitles:{html:"HTML",xml:"XML",svg:"SVG",mathml:"MathML",ssml:"SSML",atom:"Atom",rss:"RSS"},option:"default"},css:{title:"CSS",option:"default",modify:"markup"},clike:{title:"C-like",option:"default"},javascript:{title:"JavaScript",require:"clike",modify:"markup",optional:"regex",alias:"js",option:"default"},abap:{title:"ABAP",owner:"dellagustin"},abnf:{title:"ABNF",owner:"RunDevelopment"},actionscript:{title:"ActionScript",require:"javascript",modify:"markup",owner:"Golmote"},ada:{title:"Ada",owner:"Lucretia"},agda:{title:"Agda",owner:"xy-ren"},al:{title:"AL",owner:"RunDevelopment"},antlr4:{title:"ANTLR4",alias:"g4",owner:"RunDevelopment"},apacheconf:{title:"Apache Configuration",owner:"GuiTeK"},apex:{title:"Apex",require:["clike","sql"],owner:"RunDevelopment"},apl:{title:"APL",owner:"ngn"},applescript:{title:"AppleScript",owner:"Golmote"},aql:{title:"AQL",owner:"RunDevelopment"},arduino:{title:"Arduino",require:"cpp",alias:"ino",owner:"dkern"},arff:{title:"ARFF",owner:"Golmote"},armasm:{title:"ARM Assembly",alias:"arm-asm",owner:"RunDevelopment"},arturo:{title:"Arturo",alias:"art",optional:["bash","css","javascript","markup","markdown","sql"],owner:"drkameleon"},asciidoc:{alias:"adoc",title:"AsciiDoc",owner:"Golmote"},aspnet:{title:"ASP.NET (C#)",require:["markup","csharp"],owner:"nauzilus"},asm6502:{title:"6502 Assembly",owner:"kzurawel"},asmatmel:{title:"Atmel AVR Assembly",owner:"cerkit"},autohotkey:{title:"AutoHotkey",owner:"aviaryan"},autoit:{title:"AutoIt",owner:"Golmote"},avisynth:{title:"AviSynth",alias:"avs",owner:"Zinfidel"},"avro-idl":{title:"Avro IDL",alias:"avdl",owner:"RunDevelopment"},awk:{title:"AWK",alias:"gawk",aliasTitles:{gawk:"GAWK"},owner:"RunDevelopment"},bash:{title:"Bash",alias:["sh","shell"],aliasTitles:{sh:"Shell",shell:"Shell"},owner:"zeitgeist87"},basic:{title:"BASIC",owner:"Golmote"},batch:{title:"Batch",owner:"Golmote"},bbcode:{title:"BBcode",alias:"shortcode",aliasTitles:{shortcode:"Shortcode"},owner:"RunDevelopment"},bbj:{title:"BBj",owner:"hyyan"},bicep:{title:"Bicep",owner:"johnnyreilly"},birb:{title:"Birb",require:"clike",owner:"Calamity210"},bison:{title:"Bison",require:"c",owner:"Golmote"},bnf:{title:"BNF",alias:"rbnf",aliasTitles:{rbnf:"RBNF"},owner:"RunDevelopment"},bqn:{title:"BQN",owner:"yewscion"},brainfuck:{title:"Brainfuck",owner:"Golmote"},brightscript:{title:"BrightScript",owner:"RunDevelopment"},bro:{title:"Bro",owner:"wayward710"},bsl:{title:"BSL (1C:Enterprise)",alias:"oscript",aliasTitles:{oscript:"OneScript"},owner:"Diversus23"},c:{title:"C",require:"clike",owner:"zeitgeist87"},csharp:{title:"C#",require:"clike",alias:["cs","dotnet"],owner:"mvalipour"},cpp:{title:"C++",require:"c",owner:"zeitgeist87"},cfscript:{title:"CFScript",require:"clike",alias:"cfc",owner:"mjclemente"},chaiscript:{title:"ChaiScript",require:["clike","cpp"],owner:"RunDevelopment"},cil:{title:"CIL",owner:"sbrl"},cilkc:{title:"Cilk/C",require:"c",alias:"cilk-c",owner:"OpenCilk"},cilkcpp:{title:"Cilk/C++",require:"cpp",alias:["cilk-cpp","cilk"],owner:"OpenCilk"},clojure:{title:"Clojure",owner:"troglotit"},cmake:{title:"CMake",owner:"mjrogozinski"},cobol:{title:"COBOL",owner:"RunDevelopment"},coffeescript:{title:"CoffeeScript",require:"javascript",alias:"coffee",owner:"R-osey"},concurnas:{title:"Concurnas",alias:"conc",owner:"jasontatton"},csp:{title:"Content-Security-Policy",owner:"ScottHelme"},cooklang:{title:"Cooklang",owner:"ahue"},coq:{title:"Coq",owner:"RunDevelopment"},crystal:{title:"Crystal",require:"ruby",owner:"MakeNowJust"},"css-extras":{title:"CSS Extras",require:"css",modify:"css",owner:"milesj"},csv:{title:"CSV",owner:"RunDevelopment"},cue:{title:"CUE",owner:"RunDevelopment"},cypher:{title:"Cypher",owner:"RunDevelopment"},d:{title:"D",require:"clike",owner:"Golmote"},dart:{title:"Dart",require:"clike",owner:"Golmote"},dataweave:{title:"DataWeave",owner:"machaval"},dax:{title:"DAX",owner:"peterbud"},dhall:{title:"Dhall",owner:"RunDevelopment"},diff:{title:"Diff",owner:"uranusjr"},django:{title:"Django/Jinja2",require:"markup-templating",alias:"jinja2",owner:"romanvm"},"dns-zone-file":{title:"DNS zone file",owner:"RunDevelopment",alias:"dns-zone"},docker:{title:"Docker",alias:"dockerfile",owner:"JustinBeckwith"},dot:{title:"DOT (Graphviz)",alias:"gv",optional:"markup",owner:"RunDevelopment"},ebnf:{title:"EBNF",owner:"RunDevelopment"},editorconfig:{title:"EditorConfig",owner:"osipxd"},eiffel:{title:"Eiffel",owner:"Conaclos"},ejs:{title:"EJS",require:["javascript","markup-templating"],owner:"RunDevelopment",alias:"eta",aliasTitles:{eta:"Eta"}},elixir:{title:"Elixir",owner:"Golmote"},elm:{title:"Elm",owner:"zwilias"},etlua:{title:"Embedded Lua templating",require:["lua","markup-templating"],owner:"RunDevelopment"},erb:{title:"ERB",require:["ruby","markup-templating"],owner:"Golmote"},erlang:{title:"Erlang",owner:"Golmote"},"excel-formula":{title:"Excel Formula",alias:["xlsx","xls"],owner:"RunDevelopment"},fsharp:{title:"F#",require:"clike",owner:"simonreynolds7"},factor:{title:"Factor",owner:"catb0t"},false:{title:"False",owner:"edukisto"},"firestore-security-rules":{title:"Firestore security rules",require:"clike",owner:"RunDevelopment"},flow:{title:"Flow",require:"javascript",owner:"Golmote"},fortran:{title:"Fortran",owner:"Golmote"},ftl:{title:"FreeMarker Template Language",require:"markup-templating",owner:"RunDevelopment"},gml:{title:"GameMaker Language",alias:"gamemakerlanguage",require:"clike",owner:"LiarOnce"},gap:{title:"GAP (CAS)",owner:"RunDevelopment"},gcode:{title:"G-code",owner:"RunDevelopment"},gdscript:{title:"GDScript",owner:"RunDevelopment"},gedcom:{title:"GEDCOM",owner:"Golmote"},gettext:{title:"gettext",alias:"po",owner:"RunDevelopment"},gherkin:{title:"Gherkin",owner:"hason"},git:{title:"Git",owner:"lgiraudel"},glsl:{title:"GLSL",require:"c",owner:"Golmote"},gn:{title:"GN",alias:"gni",owner:"RunDevelopment"},"linker-script":{title:"GNU Linker Script",alias:"ld",owner:"RunDevelopment"},go:{title:"Go",require:"clike",owner:"arnehormann"},"go-module":{title:"Go module",alias:"go-mod",owner:"RunDevelopment"},gradle:{title:"Gradle",require:"clike",owner:"zeabdelkhalek-badido18"},graphql:{title:"GraphQL",optional:"markdown",owner:"Golmote"},groovy:{title:"Groovy",require:"clike",owner:"robfletcher"},haml:{title:"Haml",require:"ruby",optional:["css","css-extras","coffeescript","erb","javascript","less","markdown","scss","textile"],owner:"Golmote"},handlebars:{title:"Handlebars",require:"markup-templating",alias:["hbs","mustache"],aliasTitles:{mustache:"Mustache"},owner:"Golmote"},haskell:{title:"Haskell",alias:"hs",owner:"bholst"},haxe:{title:"Haxe",require:"clike",optional:"regex",owner:"Golmote"},hcl:{title:"HCL",owner:"outsideris"},hlsl:{title:"HLSL",require:"c",owner:"RunDevelopment"},hoon:{title:"Hoon",owner:"matildepark"},http:{title:"HTTP",optional:["csp","css","hpkp","hsts","javascript","json","markup","uri"],owner:"danielgtaylor"},hpkp:{title:"HTTP Public-Key-Pins",owner:"ScottHelme"},hsts:{title:"HTTP Strict-Transport-Security",owner:"ScottHelme"},ichigojam:{title:"IchigoJam",owner:"BlueCocoa"},icon:{title:"Icon",owner:"Golmote"},"icu-message-format":{title:"ICU Message Format",owner:"RunDevelopment"},idris:{title:"Idris",alias:"idr",owner:"KeenS",require:"haskell"},ignore:{title:".ignore",owner:"osipxd",alias:["gitignore","hgignore","npmignore"],aliasTitles:{gitignore:".gitignore",hgignore:".hgignore",npmignore:".npmignore"}},inform7:{title:"Inform 7",owner:"Golmote"},ini:{title:"Ini",owner:"aviaryan"},io:{title:"Io",owner:"AlesTsurko"},j:{title:"J",owner:"Golmote"},java:{title:"Java",require:"clike",owner:"sherblot"},javadoc:{title:"JavaDoc",require:["markup","java","javadoclike"],modify:"java",optional:"scala",owner:"RunDevelopment"},javadoclike:{title:"JavaDoc-like",modify:["java","javascript","php"],owner:"RunDevelopment"},javastacktrace:{title:"Java stack trace",owner:"RunDevelopment"},jexl:{title:"Jexl",owner:"czosel"},jolie:{title:"Jolie",require:"clike",owner:"thesave"},jq:{title:"JQ",owner:"RunDevelopment"},jsdoc:{title:"JSDoc",require:["javascript","javadoclike","typescript"],modify:"javascript",optional:["actionscript","coffeescript"],owner:"RunDevelopment"},"js-extras":{title:"JS Extras",require:"javascript",modify:"javascript",optional:["actionscript","coffeescript","flow","n4js","typescript"],owner:"RunDevelopment"},json:{title:"JSON",alias:"webmanifest",aliasTitles:{webmanifest:"Web App Manifest"},owner:"CupOfTea696"},json5:{title:"JSON5",require:"json",owner:"RunDevelopment"},jsonp:{title:"JSONP",require:"json",owner:"RunDevelopment"},jsstacktrace:{title:"JS stack trace",owner:"sbrl"},"js-templates":{title:"JS Templates",require:"javascript",modify:"javascript",optional:["css","css-extras","graphql","markdown","markup","sql"],owner:"RunDevelopment"},julia:{title:"Julia",owner:"cdagnino"},keepalived:{title:"Keepalived Configure",owner:"dev-itsheng"},keyman:{title:"Keyman",owner:"mcdurdin"},kotlin:{title:"Kotlin",alias:["kt","kts"],aliasTitles:{kts:"Kotlin Script"},require:"clike",owner:"Golmote"},kumir:{title:"KuMir (\u041a\u0443\u041c\u0438\u0440)",alias:"kum",owner:"edukisto"},kusto:{title:"Kusto",owner:"RunDevelopment"},latex:{title:"LaTeX",alias:["tex","context"],aliasTitles:{tex:"TeX",context:"ConTeXt"},owner:"japborst"},latte:{title:"Latte",require:["clike","markup-templating","php"],owner:"nette"},less:{title:"Less",require:"css",optional:"css-extras",owner:"Golmote"},lilypond:{title:"LilyPond",require:"scheme",alias:"ly",owner:"RunDevelopment"},liquid:{title:"Liquid",require:"markup-templating",owner:"cinhtau"},lisp:{title:"Lisp",alias:["emacs","elisp","emacs-lisp"],owner:"JuanCaicedo"},livescript:{title:"LiveScript",owner:"Golmote"},llvm:{title:"LLVM IR",owner:"porglezomp"},log:{title:"Log file",optional:"javastacktrace",owner:"RunDevelopment"},lolcode:{title:"LOLCODE",owner:"Golmote"},lua:{title:"Lua",owner:"Golmote"},magma:{title:"Magma (CAS)",owner:"RunDevelopment"},makefile:{title:"Makefile",owner:"Golmote"},markdown:{title:"Markdown",require:"markup",optional:"yaml",alias:"md",owner:"Golmote"},"markup-templating":{title:"Markup templating",require:"markup",owner:"Golmote"},mata:{title:"Mata",owner:"RunDevelopment"},matlab:{title:"MATLAB",owner:"Golmote"},maxscript:{title:"MAXScript",owner:"RunDevelopment"},mel:{title:"MEL",owner:"Golmote"},mermaid:{title:"Mermaid",owner:"RunDevelopment"},metafont:{title:"METAFONT",owner:"LaeriExNihilo"},mizar:{title:"Mizar",owner:"Golmote"},mongodb:{title:"MongoDB",owner:"airs0urce",require:"javascript"},monkey:{title:"Monkey",owner:"Golmote"},moonscript:{title:"MoonScript",alias:"moon",owner:"RunDevelopment"},n1ql:{title:"N1QL",owner:"TMWilds"},n4js:{title:"N4JS",require:"javascript",optional:"jsdoc",alias:"n4jsd",owner:"bsmith-n4"},"nand2tetris-hdl":{title:"Nand To Tetris HDL",owner:"stephanmax"},naniscript:{title:"Naninovel Script",owner:"Elringus",alias:"nani"},nasm:{title:"NASM",owner:"rbmj"},neon:{title:"NEON",owner:"nette"},nevod:{title:"Nevod",owner:"nezaboodka"},nginx:{title:"nginx",owner:"volado"},nim:{title:"Nim",owner:"Golmote"},nix:{title:"Nix",owner:"Golmote"},nsis:{title:"NSIS",owner:"idleberg"},objectivec:{title:"Objective-C",require:"c",alias:"objc",owner:"uranusjr"},ocaml:{title:"OCaml",owner:"Golmote"},odin:{title:"Odin",owner:"edukisto"},opencl:{title:"OpenCL",require:"c",modify:["c","cpp"],owner:"Milania1"},openqasm:{title:"OpenQasm",alias:"qasm",owner:"RunDevelopment"},oz:{title:"Oz",owner:"Golmote"},parigp:{title:"PARI/GP",owner:"Golmote"},parser:{title:"Parser",require:"markup",owner:"Golmote"},pascal:{title:"Pascal",alias:"objectpascal",aliasTitles:{objectpascal:"Object Pascal"},owner:"Golmote"},pascaligo:{title:"Pascaligo",owner:"DefinitelyNotAGoat"},psl:{title:"PATROL Scripting Language",owner:"bertysentry"},pcaxis:{title:"PC-Axis",alias:"px",owner:"RunDevelopment"},peoplecode:{title:"PeopleCode",alias:"pcode",owner:"RunDevelopment"},perl:{title:"Perl",owner:"Golmote"},php:{title:"PHP",require:"markup-templating",owner:"milesj"},phpdoc:{title:"PHPDoc",require:["php","javadoclike"],modify:"php",owner:"RunDevelopment"},"php-extras":{title:"PHP Extras",require:"php",modify:"php",owner:"milesj"},"plant-uml":{title:"PlantUML",alias:"plantuml",owner:"RunDevelopment"},plsql:{title:"PL/SQL",require:"sql",owner:"Golmote"},powerquery:{title:"PowerQuery",alias:["pq","mscript"],owner:"peterbud"},powershell:{title:"PowerShell",owner:"nauzilus"},processing:{title:"Processing",require:"clike",owner:"Golmote"},prolog:{title:"Prolog",owner:"Golmote"},promql:{title:"PromQL",owner:"arendjr"},properties:{title:".properties",owner:"Golmote"},protobuf:{title:"Protocol Buffers",require:"clike",owner:"just-boris"},pug:{title:"Pug",require:["markup","javascript"],optional:["coffeescript","ejs","handlebars","less","livescript","markdown","scss","stylus","twig"],owner:"Golmote"},puppet:{title:"Puppet",owner:"Golmote"},pure:{title:"Pure",optional:["c","cpp","fortran"],owner:"Golmote"},purebasic:{title:"PureBasic",require:"clike",alias:"pbfasm",owner:"HeX0R101"},purescript:{title:"PureScript",require:"haskell",alias:"purs",owner:"sriharshachilakapati"},python:{title:"Python",alias:"py",owner:"multipetros"},qsharp:{title:"Q#",require:"clike",alias:"qs",owner:"fedonman"},q:{title:"Q (kdb+ database)",owner:"Golmote"},qml:{title:"QML",require:"javascript",owner:"RunDevelopment"},qore:{title:"Qore",require:"clike",owner:"temnroegg"},r:{title:"R",owner:"Golmote"},racket:{title:"Racket",require:"scheme",alias:"rkt",owner:"RunDevelopment"},cshtml:{title:"Razor C#",alias:"razor",require:["markup","csharp"],optional:["css","css-extras","javascript","js-extras"],owner:"RunDevelopment"},jsx:{title:"React JSX",require:["markup","javascript"],optional:["jsdoc","js-extras","js-templates"],owner:"vkbansal"},tsx:{title:"React TSX",require:["jsx","typescript"]},reason:{title:"Reason",require:"clike",owner:"Golmote"},regex:{title:"Regex",owner:"RunDevelopment"},rego:{title:"Rego",owner:"JordanSh"},renpy:{title:"Ren'py",alias:"rpy",owner:"HyuchiaDiego"},rescript:{title:"ReScript",alias:"res",owner:"vmarcosp"},rest:{title:"reST (reStructuredText)",owner:"Golmote"},rip:{title:"Rip",owner:"ravinggenius"},roboconf:{title:"Roboconf",owner:"Golmote"},robotframework:{title:"Robot Framework",alias:"robot",owner:"RunDevelopment"},ruby:{title:"Ruby",require:"clike",alias:"rb",owner:"samflores"},rust:{title:"Rust",owner:"Golmote"},sas:{title:"SAS",optional:["groovy","lua","sql"],owner:"Golmote"},sass:{title:"Sass (Sass)",require:"css",optional:"css-extras",owner:"Golmote"},scss:{title:"Sass (SCSS)",require:"css",optional:"css-extras",owner:"MoOx"},scala:{title:"Scala",require:"java",owner:"jozic"},scheme:{title:"Scheme",owner:"bacchus123"},"shell-session":{title:"Shell session",require:"bash",alias:["sh-session","shellsession"],owner:"RunDevelopment"},smali:{title:"Smali",owner:"RunDevelopment"},smalltalk:{title:"Smalltalk",owner:"Golmote"},smarty:{title:"Smarty",require:"markup-templating",optional:"php",owner:"Golmote"},sml:{title:"SML",alias:"smlnj",aliasTitles:{smlnj:"SML/NJ"},owner:"RunDevelopment"},solidity:{title:"Solidity (Ethereum)",alias:"sol",require:"clike",owner:"glachaud"},"solution-file":{title:"Solution file",alias:"sln",owner:"RunDevelopment"},soy:{title:"Soy (Closure Template)",require:"markup-templating",owner:"Golmote"},sparql:{title:"SPARQL",require:"turtle",owner:"Triply-Dev",alias:"rq"},"splunk-spl":{title:"Splunk SPL",owner:"RunDevelopment"},sqf:{title:"SQF: Status Quo Function (Arma 3)",require:"clike",owner:"RunDevelopment"},sql:{title:"SQL",owner:"multipetros"},squirrel:{title:"Squirrel",require:"clike",owner:"RunDevelopment"},stan:{title:"Stan",owner:"RunDevelopment"},stata:{title:"Stata Ado",require:["mata","java","python"],owner:"RunDevelopment"},iecst:{title:"Structured Text (IEC 61131-3)",owner:"serhioromano"},stylus:{title:"Stylus",owner:"vkbansal"},supercollider:{title:"SuperCollider",alias:"sclang",owner:"RunDevelopment"},swift:{title:"Swift",owner:"chrischares"},systemd:{title:"Systemd configuration file",owner:"RunDevelopment"},"t4-templating":{title:"T4 templating",owner:"RunDevelopment"},"t4-cs":{title:"T4 Text Templates (C#)",require:["t4-templating","csharp"],alias:"t4",owner:"RunDevelopment"},"t4-vb":{title:"T4 Text Templates (VB)",require:["t4-templating","vbnet"],owner:"RunDevelopment"},tap:{title:"TAP",owner:"isaacs",require:"yaml"},tcl:{title:"Tcl",owner:"PeterChaplin"},tt2:{title:"Template Toolkit 2",require:["clike","markup-templating"],owner:"gflohr"},textile:{title:"Textile",require:"markup",optional:"css",owner:"Golmote"},toml:{title:"TOML",owner:"RunDevelopment"},tremor:{title:"Tremor",alias:["trickle","troy"],owner:"darach",aliasTitles:{trickle:"trickle",troy:"troy"}},turtle:{title:"Turtle",alias:"trig",aliasTitles:{trig:"TriG"},owner:"jakubklimek"},twig:{title:"Twig",require:"markup-templating",owner:"brandonkelly"},typescript:{title:"TypeScript",require:"javascript",optional:"js-templates",alias:"ts",owner:"vkbansal"},typoscript:{title:"TypoScript",alias:"tsconfig",aliasTitles:{tsconfig:"TSConfig"},owner:"dkern"},unrealscript:{title:"UnrealScript",alias:["uscript","uc"],owner:"RunDevelopment"},uorazor:{title:"UO Razor Script",owner:"jaseowns"},uri:{title:"URI",alias:"url",aliasTitles:{url:"URL"},owner:"RunDevelopment"},v:{title:"V",require:"clike",owner:"taggon"},vala:{title:"Vala",require:"clike",optional:"regex",owner:"TemplarVolk"},vbnet:{title:"VB.Net",require:"basic",owner:"Bigsby"},velocity:{title:"Velocity",require:"markup",owner:"Golmote"},verilog:{title:"Verilog",owner:"a-rey"},vhdl:{title:"VHDL",owner:"a-rey"},vim:{title:"vim",owner:"westonganger"},"visual-basic":{title:"Visual Basic",alias:["vb","vba"],aliasTitles:{vba:"VBA"},owner:"Golmote"},warpscript:{title:"WarpScript",owner:"RunDevelopment"},wasm:{title:"WebAssembly",owner:"Golmote"},"web-idl":{title:"Web IDL",alias:"webidl",owner:"RunDevelopment"},wgsl:{title:"WGSL",owner:"Dr4gonthree"},wiki:{title:"Wiki markup",require:"markup",owner:"Golmote"},wolfram:{title:"Wolfram language",alias:["mathematica","nb","wl"],aliasTitles:{mathematica:"Mathematica",nb:"Mathematica Notebook"},owner:"msollami"},wren:{title:"Wren",owner:"clsource"},xeora:{title:"Xeora",require:"markup",alias:"xeoracube",aliasTitles:{xeoracube:"XeoraCube"},owner:"freakmaxi"},"xml-doc":{title:"XML doc (.net)",require:"markup",modify:["csharp","fsharp","vbnet"],owner:"RunDevelopment"},xojo:{title:"Xojo (REALbasic)",owner:"Golmote"},xquery:{title:"XQuery",require:"markup",owner:"Golmote"},yaml:{title:"YAML",alias:"yml",owner:"hason"},yang:{title:"YANG",owner:"RunDevelopment"},zig:{title:"Zig",owner:"RunDevelopment"}},plugins:{meta:{path:"plugins/{id}/prism-{id}",link:"plugins/{id}/"},"line-highlight":{title:"Line Highlight",description:"Highlights specific lines and/or line ranges."},"line-numbers":{title:"Line Numbers",description:"Line number at the beginning of code lines.",owner:"kuba-kubula"},"show-invisibles":{title:"Show Invisibles",description:"Show hidden characters such as tabs and line breaks.",optional:["autolinker","data-uri-highlight"]},autolinker:{title:"Autolinker",description:"Converts URLs and emails in code to clickable links. Parses Markdown links in comments."},wpd:{title:"WebPlatform Docs",description:'Makes tokens link to <a href="https://webplatform.github.io/docs/">WebPlatform.org documentation</a>. The links open in a new tab.'},"custom-class":{title:"Custom Class",description:"This plugin allows you to prefix Prism's default classes (<code>.comment</code> can become <code>.namespace--comment</code>) or replace them with your defined ones (like <code>.editor__comment</code>). You can even add new classes.",owner:"dvkndn",noCSS:!0},"file-highlight":{title:"File Highlight",description:"Fetch external files and highlight them with Prism. Used on the Prism website itself.",noCSS:!0},"show-language":{title:"Show Language",description:"Display the highlighted language in code blocks (inline code does not show the label).",owner:"nauzilus",noCSS:!0,require:"toolbar"},"jsonp-highlight":{title:"JSONP Highlight",description:"Fetch content with JSONP and highlight some interesting content (e.g. GitHub/Gists or Bitbucket API).",noCSS:!0,owner:"nauzilus"},"highlight-keywords":{title:"Highlight Keywords",description:"Adds special CSS classes for each keyword for fine-grained highlighting.",owner:"vkbansal",noCSS:!0},"remove-initial-line-feed":{title:"Remove initial line feed",description:"Removes the initial line feed in code blocks.",owner:"Golmote",noCSS:!0},"inline-color":{title:"Inline color",description:"Adds a small inline preview for colors in style sheets.",require:"css-extras",owner:"RunDevelopment"},previewers:{title:"Previewers",description:"Previewers for angles, colors, gradients, easing and time.",require:"css-extras",owner:"Golmote"},autoloader:{title:"Autoloader",description:"Automatically loads the needed languages to highlight the code blocks.",owner:"Golmote",noCSS:!0},"keep-markup":{title:"Keep Markup",description:"Prevents custom markup from being dropped out during highlighting.",owner:"Golmote",optional:"normalize-whitespace",noCSS:!0},"command-line":{title:"Command Line",description:"Display a command line with a prompt and, optionally, the output/response from the commands.",owner:"chriswells0"},"unescaped-markup":{title:"Unescaped Markup",description:"Write markup without having to escape anything."},"normalize-whitespace":{title:"Normalize Whitespace",description:"Supports multiple operations to normalize whitespace in code blocks.",owner:"zeitgeist87",optional:"unescaped-markup",noCSS:!0},"data-uri-highlight":{title:"Data-URI Highlight",description:"Highlights data-URI contents.",owner:"Golmote",noCSS:!0},toolbar:{title:"Toolbar",description:"Attach a toolbar for plugins to easily register buttons on the top of a code block.",owner:"mAAdhaTTah"},"copy-to-clipboard":{title:"Copy to Clipboard Button",description:"Add a button that copies the code block to the clipboard when clicked.",owner:"mAAdhaTTah",require:"toolbar",noCSS:!0},"download-button":{title:"Download Button",description:"A button in the toolbar of a code block adding a convenient way to download a code file.",owner:"Golmote",require:"toolbar",noCSS:!0},"match-braces":{title:"Match braces",description:"Highlights matching braces.",owner:"RunDevelopment"},"diff-highlight":{title:"Diff Highlight",description:"Highlights the code inside diff blocks.",owner:"RunDevelopment",require:"diff"},"filter-highlight-all":{title:"Filter highlightAll",description:"Filters the elements the <code>highlightAll</code> and <code>highlightAllUnder</code> methods actually highlight.",owner:"RunDevelopment",noCSS:!0},treeview:{title:"Treeview",description:"A language with special styles to highlight file system tree structures.",owner:"Golmote"}}})},6532:(e,t,n)=>{const r=n(9227),o=n(9670),a=new Set;function i(e){void 0===e?e=Object.keys(r.languages).filter((e=>"meta"!=e)):Array.isArray(e)||(e=[e]);const t=[...a,...Object.keys(Prism.languages)];o(r,e,t).load((e=>{if(!(e in r.languages))return void(i.silent||console.warn("Language does not exist: "+e));const t="./prism-"+e;delete n.c[n(7507).resolve(t)],delete Prism.languages[e],n(7507)(t),a.add(e)}))}i.silent=!1,e.exports=i},1274:()=>{!function(e){function t(e,t){return"___"+e.toUpperCase()+t+"___"}Object.defineProperties(e.languages["markup-templating"]={},{buildPlaceholders:{value:function(n,r,o,a){if(n.language===r){var i=n.tokenStack=[];n.code=n.code.replace(o,(function(e){if("function"==typeof a&&!a(e))return e;for(var o,s=i.length;-1!==n.code.indexOf(o=t(r,s));)++s;return i[s]=e,o})),n.grammar=e.languages.markup}}},tokenizePlaceholders:{value:function(n,r){if(n.language===r&&n.tokenStack){n.grammar=e.languages[r];var o=0,a=Object.keys(n.tokenStack);!function i(s){for(var l=0;l<s.length&&!(o>=a.length);l++){var c=s[l];if("string"==typeof c||c.content&&"string"==typeof c.content){var u=a[o],d=n.tokenStack[u],p="string"==typeof c?c:c.content,f=t(r,u),m=p.indexOf(f);if(m>-1){++o;var h=p.substring(0,m),g=new e.Token(r,e.tokenize(d,n.grammar),"language-"+r,d),b=p.substring(m+f.length),y=[];h&&y.push.apply(y,i([h])),y.push(g),b&&y.push.apply(y,i([b])),"string"==typeof c?s.splice.apply(s,[l,1].concat(y)):c.content=y}}else c.content&&i(c.content)}return s}(n.tokens)}}}})}(Prism)},7507:(e,t,n)=>{var r={"./":6532};function o(e){var t=a(e);return n(t)}function a(e){if(!n.o(r,e)){var t=new Error("Cannot find module '"+e+"'");throw t.code="MODULE_NOT_FOUND",t}return r[e]}o.keys=function(){return Object.keys(r)},o.resolve=a,e.exports=o,o.id=7507},9670:e=>{"use strict";var t=function(){var e=function(){};function t(e,t){Array.isArray(e)?e.forEach(t):null!=e&&t(e,0)}function n(e){for(var t={},n=0,r=e.length;n<r;n++)t[e[n]]=!0;return t}function r(e){var n={},r=[];function o(r,a){if(!(r in n)){a.push(r);var i=a.indexOf(r);if(i<a.length-1)throw new Error("Circular dependency: "+a.slice(i).join(" -> "));var s={},l=e[r];if(l){function c(t){if(!(t in e))throw new Error(r+" depends on an unknown component "+t);if(!(t in s))for(var i in o(t,a),s[t]=!0,n[t])s[i]=!0}t(l.require,c),t(l.optional,c),t(l.modify,c)}n[r]=s,a.pop()}}return function(e){var t=n[e];return t||(o(e,r),t=n[e]),t}}function o(e){for(var t in e)return!0;return!1}return function(a,i,s){var l=function(e){var t={};for(var n in e){var r=e[n];for(var o in r)if("meta"!=o){var a=r[o];t[o]="string"==typeof a?{title:a}:a}}return t}(a),c=function(e){var n;return function(r){if(r in e)return r;if(!n)for(var o in n={},e){var a=e[o];t(a&&a.alias,(function(t){if(t in n)throw new Error(t+" cannot be alias for both "+o+" and "+n[t]);if(t in e)throw new Error(t+" cannot be alias of "+o+" because it is a component.");n[t]=o}))}return n[r]||r}}(l);i=i.map(c),s=(s||[]).map(c);var u=n(i),d=n(s);i.forEach((function e(n){var r=l[n];t(r&&r.require,(function(t){t in d||(u[t]=!0,e(t))}))}));for(var p,f=r(l),m=u;o(m);){for(var h in p={},m){var g=l[h];t(g&&g.modify,(function(e){e in d&&(p[e]=!0)}))}for(var b in d)if(!(b in u))for(var y in f(b))if(y in u){p[b]=!0;break}for(var v in m=p)u[v]=!0}var w={getIds:function(){var e=[];return w.load((function(t){e.push(t)})),e},load:function(t,n){return function(t,n,r,o){var a=o?o.series:void 0,i=o?o.parallel:e,s={},l={};function c(e){if(e in s)return s[e];l[e]=!0;var o,u=[];for(var d in t(e))d in n&&u.push(d);if(0===u.length)o=r(e);else{var p=i(u.map((function(e){var t=c(e);return delete l[e],t})));a?o=a(p,(function(){return r(e)})):r(e)}return s[e]=o}for(var u in n)c(u);var d=[];for(var p in l)d.push(s[p]);return i(d)}(f,u,t,n)}};return w}}();e.exports=t},6186:(e,t,n)=>{"use strict";var r=n(2985);function o(){}function a(){}a.resetWarningCache=o,e.exports=function(){function e(e,t,n,o,a,i){if(i!==r){var s=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");throw s.name="Invariant Violation",s}}function t(){return e}e.isRequired=e;var n={array:e,bigint:e,bool:e,func:e,number:e,object:e,string:e,symbol:e,any:e,arrayOf:t,element:e,elementType:e,instanceOf:t,node:e,objectOf:t,oneOf:t,oneOfType:t,shape:t,exact:t,checkPropTypes:a,resetWarningCache:o};return n.PropTypes=n,n}},2736:(e,t,n)=>{e.exports=n(6186)()},2985:e=>{"use strict";e.exports="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"},9481:(e,t,n)=>{"use strict";var r=n(758),o=n(1896);function a(e){for(var t="https://reactjs.org/docs/error-decoder.html?invariant="+e,n=1;n<arguments.length;n++)t+="&args[]="+encodeURIComponent(arguments[n]);return"Minified React error #"+e+"; visit "+t+" for the full message or use the non-minified dev environment for full errors and additional helpful warnings."}var i=new Set,s={};function l(e,t){c(e,t),c(e+"Capture",t)}function c(e,t){for(s[e]=t,e=0;e<t.length;e++)i.add(t[e])}var u=!("undefined"==typeof window||void 0===window.document||void 0===window.document.createElement),d=Object.prototype.hasOwnProperty,p=/^[:A-Z_a-z\u00C0-\u00D6\u00D8-\u00F6\u00F8-\u02FF\u0370-\u037D\u037F-\u1FFF\u200C-\u200D\u2070-\u218F\u2C00-\u2FEF\u3001-\uD7FF\uF900-\uFDCF\uFDF0-\uFFFD][:A-Z_a-z\u00C0-\u00D6\u00D8-\u00F6\u00F8-\u02FF\u0370-\u037D\u037F-\u1FFF\u200C-\u200D\u2070-\u218F\u2C00-\u2FEF\u3001-\uD7FF\uF900-\uFDCF\uFDF0-\uFFFD\-.0-9\u00B7\u0300-\u036F\u203F-\u2040]*$/,f={},m={};function h(e,t,n,r,o,a,i){this.acceptsBooleans=2===t||3===t||4===t,this.attributeName=r,this.attributeNamespace=o,this.mustUseProperty=n,this.propertyName=e,this.type=t,this.sanitizeURL=a,this.removeEmptyString=i}var g={};"children dangerouslySetInnerHTML defaultValue defaultChecked innerHTML suppressContentEditableWarning suppressHydrationWarning style".split(" ").forEach((function(e){g[e]=new h(e,0,!1,e,null,!1,!1)})),[["acceptCharset","accept-charset"],["className","class"],["htmlFor","for"],["httpEquiv","http-equiv"]].forEach((function(e){var t=e[0];g[t]=new h(t,1,!1,e[1],null,!1,!1)})),["contentEditable","draggable","spellCheck","value"].forEach((function(e){g[e]=new h(e,2,!1,e.toLowerCase(),null,!1,!1)})),["autoReverse","externalResourcesRequired","focusable","preserveAlpha"].forEach((function(e){g[e]=new h(e,2,!1,e,null,!1,!1)})),"allowFullScreen async autoFocus autoPlay controls default defer disabled disablePictureInPicture disableRemotePlayback formNoValidate hidden loop noModule noValidate open playsInline readOnly required reversed scoped seamless itemScope".split(" ").forEach((function(e){g[e]=new h(e,3,!1,e.toLowerCase(),null,!1,!1)})),["checked","multiple","muted","selected"].forEach((function(e){g[e]=new h(e,3,!0,e,null,!1,!1)})),["capture","download"].forEach((function(e){g[e]=new h(e,4,!1,e,null,!1,!1)})),["cols","rows","size","span"].forEach((function(e){g[e]=new h(e,6,!1,e,null,!1,!1)})),["rowSpan","start"].forEach((function(e){g[e]=new h(e,5,!1,e.toLowerCase(),null,!1,!1)}));var b=/[\-:]([a-z])/g;function y(e){return e[1].toUpperCase()}function v(e,t,n,r){var o=g.hasOwnProperty(t)?g[t]:null;(null!==o?0!==o.type:r||!(2<t.length)||"o"!==t[0]&&"O"!==t[0]||"n"!==t[1]&&"N"!==t[1])&&(function(e,t,n,r){if(null==t||function(e,t,n,r){if(null!==n&&0===n.type)return!1;switch(typeof t){case"function":case"symbol":return!0;case"boolean":return!r&&(null!==n?!n.acceptsBooleans:"data-"!==(e=e.toLowerCase().slice(0,5))&&"aria-"!==e);default:return!1}}(e,t,n,r))return!0;if(r)return!1;if(null!==n)switch(n.type){case 3:return!t;case 4:return!1===t;case 5:return isNaN(t);case 6:return isNaN(t)||1>t}return!1}(t,n,o,r)&&(n=null),r||null===o?function(e){return!!d.call(m,e)||!d.call(f,e)&&(p.test(e)?m[e]=!0:(f[e]=!0,!1))}(t)&&(null===n?e.removeAttribute(t):e.setAttribute(t,""+n)):o.mustUseProperty?e[o.propertyName]=null===n?3!==o.type&&"":n:(t=o.attributeName,r=o.attributeNamespace,null===n?e.removeAttribute(t):(n=3===(o=o.type)||4===o&&!0===n?"":""+n,r?e.setAttributeNS(r,t,n):e.setAttribute(t,n))))}"accent-height alignment-baseline arabic-form baseline-shift cap-height clip-path clip-rule color-interpolation color-interpolation-filters color-profile color-rendering dominant-baseline enable-background fill-opacity fill-rule flood-color flood-opacity font-family font-size font-size-adjust font-stretch font-style font-variant font-weight glyph-name glyph-orientation-horizontal glyph-orientation-vertical horiz-adv-x horiz-origin-x image-rendering letter-spacing lighting-color marker-end marker-mid marker-start overline-position overline-thickness paint-order panose-1 pointer-events rendering-intent shape-rendering stop-color stop-opacity strikethrough-position strikethrough-thickness stroke-dasharray stroke-dashoffset stroke-linecap stroke-linejoin stroke-miterlimit stroke-opacity stroke-width text-anchor text-decoration text-rendering underline-position underline-thickness unicode-bidi unicode-range units-per-em v-alphabetic v-hanging v-ideographic v-mathematical vector-effect vert-adv-y vert-origin-x vert-origin-y word-spacing writing-mode xmlns:xlink x-height".split(" ").forEach((function(e){var t=e.replace(b,y);g[t]=new h(t,1,!1,e,null,!1,!1)})),"xlink:actuate xlink:arcrole xlink:role xlink:show xlink:title xlink:type".split(" ").forEach((function(e){var t=e.replace(b,y);g[t]=new h(t,1,!1,e,"http://www.w3.org/1999/xlink",!1,!1)})),["xml:base","xml:lang","xml:space"].forEach((function(e){var t=e.replace(b,y);g[t]=new h(t,1,!1,e,"http://www.w3.org/XML/1998/namespace",!1,!1)})),["tabIndex","crossOrigin"].forEach((function(e){g[e]=new h(e,1,!1,e.toLowerCase(),null,!1,!1)})),g.xlinkHref=new h("xlinkHref",1,!1,"xlink:href","http://www.w3.org/1999/xlink",!0,!1),["src","href","action","formAction"].forEach((function(e){g[e]=new h(e,1,!1,e.toLowerCase(),null,!0,!0)}));var w=r.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED,k=Symbol.for("react.element"),S=Symbol.for("react.portal"),x=Symbol.for("react.fragment"),E=Symbol.for("react.strict_mode"),_=Symbol.for("react.profiler"),j=Symbol.for("react.provider"),C=Symbol.for("react.context"),O=Symbol.for("react.forward_ref"),A=Symbol.for("react.suspense"),T=Symbol.for("react.suspense_list"),P=Symbol.for("react.memo"),z=Symbol.for("react.lazy");Symbol.for("react.scope"),Symbol.for("react.debug_trace_mode");var I=Symbol.for("react.offscreen");Symbol.for("react.legacy_hidden"),Symbol.for("react.cache"),Symbol.for("react.tracing_marker");var L=Symbol.iterator;function N(e){return null===e||"object"!=typeof e?null:"function"==typeof(e=L&&e[L]||e["@@iterator"])?e:null}var R,D=Object.assign;function M(e){if(void 0===R)try{throw Error()}catch(n){var t=n.stack.trim().match(/\n( *(at )?)/);R=t&&t[1]||""}return"\n"+R+e}var F=!1;function B(e,t){if(!e||F)return"";F=!0;var n=Error.prepareStackTrace;Error.prepareStackTrace=void 0;try{if(t)if(t=function(){throw Error()},Object.defineProperty(t.prototype,"props",{set:function(){throw Error()}}),"object"==typeof Reflect&&Reflect.construct){try{Reflect.construct(t,[])}catch(c){var r=c}Reflect.construct(e,[],t)}else{try{t.call()}catch(c){r=c}e.call(t.prototype)}else{try{throw Error()}catch(c){r=c}e()}}catch(c){if(c&&r&&"string"==typeof c.stack){for(var o=c.stack.split("\n"),a=r.stack.split("\n"),i=o.length-1,s=a.length-1;1<=i&&0<=s&&o[i]!==a[s];)s--;for(;1<=i&&0<=s;i--,s--)if(o[i]!==a[s]){if(1!==i||1!==s)do{if(i--,0>--s||o[i]!==a[s]){var l="\n"+o[i].replace(" at new "," at ");return e.displayName&&l.includes("<anonymous>")&&(l=l.replace("<anonymous>",e.displayName)),l}}while(1<=i&&0<=s);break}}}finally{F=!1,Error.prepareStackTrace=n}return(e=e?e.displayName||e.name:"")?M(e):""}function U(e){switch(e.tag){case 5:return M(e.type);case 16:return M("Lazy");case 13:return M("Suspense");case 19:return M("SuspenseList");case 0:case 2:case 15:return e=B(e.type,!1);case 11:return e=B(e.type.render,!1);case 1:return e=B(e.type,!0);default:return""}}function q(e){if(null==e)return null;if("function"==typeof e)return e.displayName||e.name||null;if("string"==typeof e)return e;switch(e){case x:return"Fragment";case S:return"Portal";case _:return"Profiler";case E:return"StrictMode";case A:return"Suspense";case T:return"SuspenseList"}if("object"==typeof e)switch(e.$$typeof){case C:return(e.displayName||"Context")+".Consumer";case j:return(e._context.displayName||"Context")+".Provider";case O:var t=e.render;return(e=e.displayName)||(e=""!==(e=t.displayName||t.name||"")?"ForwardRef("+e+")":"ForwardRef"),e;case P:return null!==(t=e.displayName||null)?t:q(e.type)||"Memo";case z:t=e._payload,e=e._init;try{return q(e(t))}catch(n){}}return null}function $(e){var t=e.type;switch(e.tag){case 24:return"Cache";case 9:return(t.displayName||"Context")+".Consumer";case 10:return(t._context.displayName||"Context")+".Provider";case 18:return"DehydratedFragment";case 11:return e=(e=t.render).displayName||e.name||"",t.displayName||(""!==e?"ForwardRef("+e+")":"ForwardRef");case 7:return"Fragment";case 5:return t;case 4:return"Portal";case 3:return"Root";case 6:return"Text";case 16:return q(t);case 8:return t===E?"StrictMode":"Mode";case 22:return"Offscreen";case 12:return"Profiler";case 21:return"Scope";case 13:return"Suspense";case 19:return"SuspenseList";case 25:return"TracingMarker";case 1:case 0:case 17:case 2:case 14:case 15:if("function"==typeof t)return t.displayName||t.name||null;if("string"==typeof t)return t}return null}function H(e){switch(typeof e){case"boolean":case"number":case"string":case"undefined":case"object":return e;default:return""}}function V(e){var t=e.type;return(e=e.nodeName)&&"input"===e.toLowerCase()&&("checkbox"===t||"radio"===t)}function G(e){e._valueTracker||(e._valueTracker=function(e){var t=V(e)?"checked":"value",n=Object.getOwnPropertyDescriptor(e.constructor.prototype,t),r=""+e[t];if(!e.hasOwnProperty(t)&&void 0!==n&&"function"==typeof n.get&&"function"==typeof n.set){var o=n.get,a=n.set;return Object.defineProperty(e,t,{configurable:!0,get:function(){return o.call(this)},set:function(e){r=""+e,a.call(this,e)}}),Object.defineProperty(e,t,{enumerable:n.enumerable}),{getValue:function(){return r},setValue:function(e){r=""+e},stopTracking:function(){e._valueTracker=null,delete e[t]}}}}(e))}function W(e){if(!e)return!1;var t=e._valueTracker;if(!t)return!0;var n=t.getValue(),r="";return e&&(r=V(e)?e.checked?"true":"false":e.value),(e=r)!==n&&(t.setValue(e),!0)}function K(e){if(void 0===(e=e||("undefined"!=typeof document?document:void 0)))return null;try{return e.activeElement||e.body}catch(t){return e.body}}function Q(e,t){var n=t.checked;return D({},t,{defaultChecked:void 0,defaultValue:void 0,value:void 0,checked:null!=n?n:e._wrapperState.initialChecked})}function Y(e,t){var n=null==t.defaultValue?"":t.defaultValue,r=null!=t.checked?t.checked:t.defaultChecked;n=H(null!=t.value?t.value:n),e._wrapperState={initialChecked:r,initialValue:n,controlled:"checkbox"===t.type||"radio"===t.type?null!=t.checked:null!=t.value}}function Z(e,t){null!=(t=t.checked)&&v(e,"checked",t,!1)}function J(e,t){Z(e,t);var n=H(t.value),r=t.type;if(null!=n)"number"===r?(0===n&&""===e.value||e.value!=n)&&(e.value=""+n):e.value!==""+n&&(e.value=""+n);else if("submit"===r||"reset"===r)return void e.removeAttribute("value");t.hasOwnProperty("value")?ee(e,t.type,n):t.hasOwnProperty("defaultValue")&&ee(e,t.type,H(t.defaultValue)),null==t.checked&&null!=t.defaultChecked&&(e.defaultChecked=!!t.defaultChecked)}function X(e,t,n){if(t.hasOwnProperty("value")||t.hasOwnProperty("defaultValue")){var r=t.type;if(!("submit"!==r&&"reset"!==r||void 0!==t.value&&null!==t.value))return;t=""+e._wrapperState.initialValue,n||t===e.value||(e.value=t),e.defaultValue=t}""!==(n=e.name)&&(e.name=""),e.defaultChecked=!!e._wrapperState.initialChecked,""!==n&&(e.name=n)}function ee(e,t,n){"number"===t&&K(e.ownerDocument)===e||(null==n?e.defaultValue=""+e._wrapperState.initialValue:e.defaultValue!==""+n&&(e.defaultValue=""+n))}var te=Array.isArray;function ne(e,t,n,r){if(e=e.options,t){t={};for(var o=0;o<n.length;o++)t["$"+n[o]]=!0;for(n=0;n<e.length;n++)o=t.hasOwnProperty("$"+e[n].value),e[n].selected!==o&&(e[n].selected=o),o&&r&&(e[n].defaultSelected=!0)}else{for(n=""+H(n),t=null,o=0;o<e.length;o++){if(e[o].value===n)return e[o].selected=!0,void(r&&(e[o].defaultSelected=!0));null!==t||e[o].disabled||(t=e[o])}null!==t&&(t.selected=!0)}}function re(e,t){if(null!=t.dangerouslySetInnerHTML)throw Error(a(91));return D({},t,{value:void 0,defaultValue:void 0,children:""+e._wrapperState.initialValue})}function oe(e,t){var n=t.value;if(null==n){if(n=t.children,t=t.defaultValue,null!=n){if(null!=t)throw Error(a(92));if(te(n)){if(1<n.length)throw Error(a(93));n=n[0]}t=n}null==t&&(t=""),n=t}e._wrapperState={initialValue:H(n)}}function ae(e,t){var n=H(t.value),r=H(t.defaultValue);null!=n&&((n=""+n)!==e.value&&(e.value=n),null==t.defaultValue&&e.defaultValue!==n&&(e.defaultValue=n)),null!=r&&(e.defaultValue=""+r)}function ie(e){var t=e.textContent;t===e._wrapperState.initialValue&&""!==t&&null!==t&&(e.value=t)}function se(e){switch(e){case"svg":return"http://www.w3.org/2000/svg";case"math":return"http://www.w3.org/1998/Math/MathML";default:return"http://www.w3.org/1999/xhtml"}}function le(e,t){return null==e||"http://www.w3.org/1999/xhtml"===e?se(t):"http://www.w3.org/2000/svg"===e&&"foreignObject"===t?"http://www.w3.org/1999/xhtml":e}var ce,ue,de=(ue=function(e,t){if("http://www.w3.org/2000/svg"!==e.namespaceURI||"innerHTML"in e)e.innerHTML=t;else{for((ce=ce||document.createElement("div")).innerHTML="<svg>"+t.valueOf().toString()+"</svg>",t=ce.firstChild;e.firstChild;)e.removeChild(e.firstChild);for(;t.firstChild;)e.appendChild(t.firstChild)}},"undefined"!=typeof MSApp&&MSApp.execUnsafeLocalFunction?function(e,t,n,r){MSApp.execUnsafeLocalFunction((function(){return ue(e,t)}))}:ue);function pe(e,t){if(t){var n=e.firstChild;if(n&&n===e.lastChild&&3===n.nodeType)return void(n.nodeValue=t)}e.textContent=t}var fe={animationIterationCount:!0,aspectRatio:!0,borderImageOutset:!0,borderImageSlice:!0,borderImageWidth:!0,boxFlex:!0,boxFlexGroup:!0,boxOrdinalGroup:!0,columnCount:!0,columns:!0,flex:!0,flexGrow:!0,flexPositive:!0,flexShrink:!0,flexNegative:!0,flexOrder:!0,gridArea:!0,gridRow:!0,gridRowEnd:!0,gridRowSpan:!0,gridRowStart:!0,gridColumn:!0,gridColumnEnd:!0,gridColumnSpan:!0,gridColumnStart:!0,fontWeight:!0,lineClamp:!0,lineHeight:!0,opacity:!0,order:!0,orphans:!0,tabSize:!0,widows:!0,zIndex:!0,zoom:!0,fillOpacity:!0,floodOpacity:!0,stopOpacity:!0,strokeDasharray:!0,strokeDashoffset:!0,strokeMiterlimit:!0,strokeOpacity:!0,strokeWidth:!0},me=["Webkit","ms","Moz","O"];function he(e,t,n){return null==t||"boolean"==typeof t||""===t?"":n||"number"!=typeof t||0===t||fe.hasOwnProperty(e)&&fe[e]?(""+t).trim():t+"px"}function ge(e,t){for(var n in e=e.style,t)if(t.hasOwnProperty(n)){var r=0===n.indexOf("--"),o=he(n,t[n],r);"float"===n&&(n="cssFloat"),r?e.setProperty(n,o):e[n]=o}}Object.keys(fe).forEach((function(e){me.forEach((function(t){t=t+e.charAt(0).toUpperCase()+e.substring(1),fe[t]=fe[e]}))}));var be=D({menuitem:!0},{area:!0,base:!0,br:!0,col:!0,embed:!0,hr:!0,img:!0,input:!0,keygen:!0,link:!0,meta:!0,param:!0,source:!0,track:!0,wbr:!0});function ye(e,t){if(t){if(be[e]&&(null!=t.children||null!=t.dangerouslySetInnerHTML))throw Error(a(137,e));if(null!=t.dangerouslySetInnerHTML){if(null!=t.children)throw Error(a(60));if("object"!=typeof t.dangerouslySetInnerHTML||!("__html"in t.dangerouslySetInnerHTML))throw Error(a(61))}if(null!=t.style&&"object"!=typeof t.style)throw Error(a(62))}}function ve(e,t){if(-1===e.indexOf("-"))return"string"==typeof t.is;switch(e){case"annotation-xml":case"color-profile":case"font-face":case"font-face-src":case"font-face-uri":case"font-face-format":case"font-face-name":case"missing-glyph":return!1;default:return!0}}var we=null;function ke(e){return(e=e.target||e.srcElement||window).correspondingUseElement&&(e=e.correspondingUseElement),3===e.nodeType?e.parentNode:e}var Se=null,xe=null,Ee=null;function _e(e){if(e=wo(e)){if("function"!=typeof Se)throw Error(a(280));var t=e.stateNode;t&&(t=So(t),Se(e.stateNode,e.type,t))}}function je(e){xe?Ee?Ee.push(e):Ee=[e]:xe=e}function Ce(){if(xe){var e=xe,t=Ee;if(Ee=xe=null,_e(e),t)for(e=0;e<t.length;e++)_e(t[e])}}function Oe(e,t){return e(t)}function Ae(){}var Te=!1;function Pe(e,t,n){if(Te)return e(t,n);Te=!0;try{return Oe(e,t,n)}finally{Te=!1,(null!==xe||null!==Ee)&&(Ae(),Ce())}}function ze(e,t){var n=e.stateNode;if(null===n)return null;var r=So(n);if(null===r)return null;n=r[t];e:switch(t){case"onClick":case"onClickCapture":case"onDoubleClick":case"onDoubleClickCapture":case"onMouseDown":case"onMouseDownCapture":case"onMouseMove":case"onMouseMoveCapture":case"onMouseUp":case"onMouseUpCapture":case"onMouseEnter":(r=!r.disabled)||(r=!("button"===(e=e.type)||"input"===e||"select"===e||"textarea"===e)),e=!r;break e;default:e=!1}if(e)return null;if(n&&"function"!=typeof n)throw Error(a(231,t,typeof n));return n}var Ie=!1;if(u)try{var Le={};Object.defineProperty(Le,"passive",{get:function(){Ie=!0}}),window.addEventListener("test",Le,Le),window.removeEventListener("test",Le,Le)}catch(ue){Ie=!1}function Ne(e,t,n,r,o,a,i,s,l){var c=Array.prototype.slice.call(arguments,3);try{t.apply(n,c)}catch(u){this.onError(u)}}var Re=!1,De=null,Me=!1,Fe=null,Be={onError:function(e){Re=!0,De=e}};function Ue(e,t,n,r,o,a,i,s,l){Re=!1,De=null,Ne.apply(Be,arguments)}function qe(e){var t=e,n=e;if(e.alternate)for(;t.return;)t=t.return;else{e=t;do{!!(4098&(t=e).flags)&&(n=t.return),e=t.return}while(e)}return 3===t.tag?n:null}function $e(e){if(13===e.tag){var t=e.memoizedState;if(null===t&&(null!==(e=e.alternate)&&(t=e.memoizedState)),null!==t)return t.dehydrated}return null}function He(e){if(qe(e)!==e)throw Error(a(188))}function Ve(e){return null!==(e=function(e){var t=e.alternate;if(!t){if(null===(t=qe(e)))throw Error(a(188));return t!==e?null:e}for(var n=e,r=t;;){var o=n.return;if(null===o)break;var i=o.alternate;if(null===i){if(null!==(r=o.return)){n=r;continue}break}if(o.child===i.child){for(i=o.child;i;){if(i===n)return He(o),e;if(i===r)return He(o),t;i=i.sibling}throw Error(a(188))}if(n.return!==r.return)n=o,r=i;else{for(var s=!1,l=o.child;l;){if(l===n){s=!0,n=o,r=i;break}if(l===r){s=!0,r=o,n=i;break}l=l.sibling}if(!s){for(l=i.child;l;){if(l===n){s=!0,n=i,r=o;break}if(l===r){s=!0,r=i,n=o;break}l=l.sibling}if(!s)throw Error(a(189))}}if(n.alternate!==r)throw Error(a(190))}if(3!==n.tag)throw Error(a(188));return n.stateNode.current===n?e:t}(e))?Ge(e):null}function Ge(e){if(5===e.tag||6===e.tag)return e;for(e=e.child;null!==e;){var t=Ge(e);if(null!==t)return t;e=e.sibling}return null}var We=o.unstable_scheduleCallback,Ke=o.unstable_cancelCallback,Qe=o.unstable_shouldYield,Ye=o.unstable_requestPaint,Ze=o.unstable_now,Je=o.unstable_getCurrentPriorityLevel,Xe=o.unstable_ImmediatePriority,et=o.unstable_UserBlockingPriority,tt=o.unstable_NormalPriority,nt=o.unstable_LowPriority,rt=o.unstable_IdlePriority,ot=null,at=null;var it=Math.clz32?Math.clz32:function(e){return e>>>=0,0===e?32:31-(st(e)/lt|0)|0},st=Math.log,lt=Math.LN2;var ct=64,ut=4194304;function dt(e){switch(e&-e){case 1:return 1;case 2:return 2;case 4:return 4;case 8:return 8;case 16:return 16;case 32:return 32;case 64:case 128:case 256:case 512:case 1024:case 2048:case 4096:case 8192:case 16384:case 32768:case 65536:case 131072:case 262144:case 524288:case 1048576:case 2097152:return 4194240&e;case 4194304:case 8388608:case 16777216:case 33554432:case 67108864:return 130023424&e;case 134217728:return 134217728;case 268435456:return 268435456;case 536870912:return 536870912;case 1073741824:return 1073741824;default:return e}}function pt(e,t){var n=e.pendingLanes;if(0===n)return 0;var r=0,o=e.suspendedLanes,a=e.pingedLanes,i=268435455&n;if(0!==i){var s=i&~o;0!==s?r=dt(s):0!==(a&=i)&&(r=dt(a))}else 0!==(i=n&~o)?r=dt(i):0!==a&&(r=dt(a));if(0===r)return 0;if(0!==t&&t!==r&&!(t&o)&&((o=r&-r)>=(a=t&-t)||16===o&&4194240&a))return t;if(4&r&&(r|=16&n),0!==(t=e.entangledLanes))for(e=e.entanglements,t&=r;0<t;)o=1<<(n=31-it(t)),r|=e[n],t&=~o;return r}function ft(e,t){switch(e){case 1:case 2:case 4:return t+250;case 8:case 16:case 32:case 64:case 128:case 256:case 512:case 1024:case 2048:case 4096:case 8192:case 16384:case 32768:case 65536:case 131072:case 262144:case 524288:case 1048576:case 2097152:return t+5e3;default:return-1}}function mt(e){return 0!==(e=-1073741825&e.pendingLanes)?e:1073741824&e?1073741824:0}function ht(){var e=ct;return!(4194240&(ct<<=1))&&(ct=64),e}function gt(e){for(var t=[],n=0;31>n;n++)t.push(e);return t}function bt(e,t,n){e.pendingLanes|=t,536870912!==t&&(e.suspendedLanes=0,e.pingedLanes=0),(e=e.eventTimes)[t=31-it(t)]=n}function yt(e,t){var n=e.entangledLanes|=t;for(e=e.entanglements;n;){var r=31-it(n),o=1<<r;o&t|e[r]&t&&(e[r]|=t),n&=~o}}var vt=0;function wt(e){return 1<(e&=-e)?4<e?268435455&e?16:536870912:4:1}var kt,St,xt,Et,_t,jt=!1,Ct=[],Ot=null,At=null,Tt=null,Pt=new Map,zt=new Map,It=[],Lt="mousedown mouseup touchcancel touchend touchstart auxclick dblclick pointercancel pointerdown pointerup dragend dragstart drop compositionend compositionstart keydown keypress keyup input textInput copy cut paste click change contextmenu reset submit".split(" ");function Nt(e,t){switch(e){case"focusin":case"focusout":Ot=null;break;case"dragenter":case"dragleave":At=null;break;case"mouseover":case"mouseout":Tt=null;break;case"pointerover":case"pointerout":Pt.delete(t.pointerId);break;case"gotpointercapture":case"lostpointercapture":zt.delete(t.pointerId)}}function Rt(e,t,n,r,o,a){return null===e||e.nativeEvent!==a?(e={blockedOn:t,domEventName:n,eventSystemFlags:r,nativeEvent:a,targetContainers:[o]},null!==t&&(null!==(t=wo(t))&&St(t)),e):(e.eventSystemFlags|=r,t=e.targetContainers,null!==o&&-1===t.indexOf(o)&&t.push(o),e)}function Dt(e){var t=vo(e.target);if(null!==t){var n=qe(t);if(null!==n)if(13===(t=n.tag)){if(null!==(t=$e(n)))return e.blockedOn=t,void _t(e.priority,(function(){xt(n)}))}else if(3===t&&n.stateNode.current.memoizedState.isDehydrated)return void(e.blockedOn=3===n.tag?n.stateNode.containerInfo:null)}e.blockedOn=null}function Mt(e){if(null!==e.blockedOn)return!1;for(var t=e.targetContainers;0<t.length;){var n=Qt(e.domEventName,e.eventSystemFlags,t[0],e.nativeEvent);if(null!==n)return null!==(t=wo(n))&&St(t),e.blockedOn=n,!1;var r=new(n=e.nativeEvent).constructor(n.type,n);we=r,n.target.dispatchEvent(r),we=null,t.shift()}return!0}function Ft(e,t,n){Mt(e)&&n.delete(t)}function Bt(){jt=!1,null!==Ot&&Mt(Ot)&&(Ot=null),null!==At&&Mt(At)&&(At=null),null!==Tt&&Mt(Tt)&&(Tt=null),Pt.forEach(Ft),zt.forEach(Ft)}function Ut(e,t){e.blockedOn===t&&(e.blockedOn=null,jt||(jt=!0,o.unstable_scheduleCallback(o.unstable_NormalPriority,Bt)))}function qt(e){function t(t){return Ut(t,e)}if(0<Ct.length){Ut(Ct[0],e);for(var n=1;n<Ct.length;n++){var r=Ct[n];r.blockedOn===e&&(r.blockedOn=null)}}for(null!==Ot&&Ut(Ot,e),null!==At&&Ut(At,e),null!==Tt&&Ut(Tt,e),Pt.forEach(t),zt.forEach(t),n=0;n<It.length;n++)(r=It[n]).blockedOn===e&&(r.blockedOn=null);for(;0<It.length&&null===(n=It[0]).blockedOn;)Dt(n),null===n.blockedOn&&It.shift()}var $t=w.ReactCurrentBatchConfig,Ht=!0;function Vt(e,t,n,r){var o=vt,a=$t.transition;$t.transition=null;try{vt=1,Wt(e,t,n,r)}finally{vt=o,$t.transition=a}}function Gt(e,t,n,r){var o=vt,a=$t.transition;$t.transition=null;try{vt=4,Wt(e,t,n,r)}finally{vt=o,$t.transition=a}}function Wt(e,t,n,r){if(Ht){var o=Qt(e,t,n,r);if(null===o)Hr(e,t,r,Kt,n),Nt(e,r);else if(function(e,t,n,r,o){switch(t){case"focusin":return Ot=Rt(Ot,e,t,n,r,o),!0;case"dragenter":return At=Rt(At,e,t,n,r,o),!0;case"mouseover":return Tt=Rt(Tt,e,t,n,r,o),!0;case"pointerover":var a=o.pointerId;return Pt.set(a,Rt(Pt.get(a)||null,e,t,n,r,o)),!0;case"gotpointercapture":return a=o.pointerId,zt.set(a,Rt(zt.get(a)||null,e,t,n,r,o)),!0}return!1}(o,e,t,n,r))r.stopPropagation();else if(Nt(e,r),4&t&&-1<Lt.indexOf(e)){for(;null!==o;){var a=wo(o);if(null!==a&&kt(a),null===(a=Qt(e,t,n,r))&&Hr(e,t,r,Kt,n),a===o)break;o=a}null!==o&&r.stopPropagation()}else Hr(e,t,r,null,n)}}var Kt=null;function Qt(e,t,n,r){if(Kt=null,null!==(e=vo(e=ke(r))))if(null===(t=qe(e)))e=null;else if(13===(n=t.tag)){if(null!==(e=$e(t)))return e;e=null}else if(3===n){if(t.stateNode.current.memoizedState.isDehydrated)return 3===t.tag?t.stateNode.containerInfo:null;e=null}else t!==e&&(e=null);return Kt=e,null}function Yt(e){switch(e){case"cancel":case"click":case"close":case"contextmenu":case"copy":case"cut":case"auxclick":case"dblclick":case"dragend":case"dragstart":case"drop":case"focusin":case"focusout":case"input":case"invalid":case"keydown":case"keypress":case"keyup":case"mousedown":case"mouseup":case"paste":case"pause":case"play":case"pointercancel":case"pointerdown":case"pointerup":case"ratechange":case"reset":case"resize":case"seeked":case"submit":case"touchcancel":case"touchend":case"touchstart":case"volumechange":case"change":case"selectionchange":case"textInput":case"compositionstart":case"compositionend":case"compositionupdate":case"beforeblur":case"afterblur":case"beforeinput":case"blur":case"fullscreenchange":case"focus":case"hashchange":case"popstate":case"select":case"selectstart":return 1;case"drag":case"dragenter":case"dragexit":case"dragleave":case"dragover":case"mousemove":case"mouseout":case"mouseover":case"pointermove":case"pointerout":case"pointerover":case"scroll":case"toggle":case"touchmove":case"wheel":case"mouseenter":case"mouseleave":case"pointerenter":case"pointerleave":return 4;case"message":switch(Je()){case Xe:return 1;case et:return 4;case tt:case nt:return 16;case rt:return 536870912;default:return 16}default:return 16}}var Zt=null,Jt=null,Xt=null;function en(){if(Xt)return Xt;var e,t,n=Jt,r=n.length,o="value"in Zt?Zt.value:Zt.textContent,a=o.length;for(e=0;e<r&&n[e]===o[e];e++);var i=r-e;for(t=1;t<=i&&n[r-t]===o[a-t];t++);return Xt=o.slice(e,1<t?1-t:void 0)}function tn(e){var t=e.keyCode;return"charCode"in e?0===(e=e.charCode)&&13===t&&(e=13):e=t,10===e&&(e=13),32<=e||13===e?e:0}function nn(){return!0}function rn(){return!1}function on(e){function t(t,n,r,o,a){for(var i in this._reactName=t,this._targetInst=r,this.type=n,this.nativeEvent=o,this.target=a,this.currentTarget=null,e)e.hasOwnProperty(i)&&(t=e[i],this[i]=t?t(o):o[i]);return this.isDefaultPrevented=(null!=o.defaultPrevented?o.defaultPrevented:!1===o.returnValue)?nn:rn,this.isPropagationStopped=rn,this}return D(t.prototype,{preventDefault:function(){this.defaultPrevented=!0;var e=this.nativeEvent;e&&(e.preventDefault?e.preventDefault():"unknown"!=typeof e.returnValue&&(e.returnValue=!1),this.isDefaultPrevented=nn)},stopPropagation:function(){var e=this.nativeEvent;e&&(e.stopPropagation?e.stopPropagation():"unknown"!=typeof e.cancelBubble&&(e.cancelBubble=!0),this.isPropagationStopped=nn)},persist:function(){},isPersistent:nn}),t}var an,sn,ln,cn={eventPhase:0,bubbles:0,cancelable:0,timeStamp:function(e){return e.timeStamp||Date.now()},defaultPrevented:0,isTrusted:0},un=on(cn),dn=D({},cn,{view:0,detail:0}),pn=on(dn),fn=D({},dn,{screenX:0,screenY:0,clientX:0,clientY:0,pageX:0,pageY:0,ctrlKey:0,shiftKey:0,altKey:0,metaKey:0,getModifierState:_n,button:0,buttons:0,relatedTarget:function(e){return void 0===e.relatedTarget?e.fromElement===e.srcElement?e.toElement:e.fromElement:e.relatedTarget},movementX:function(e){return"movementX"in e?e.movementX:(e!==ln&&(ln&&"mousemove"===e.type?(an=e.screenX-ln.screenX,sn=e.screenY-ln.screenY):sn=an=0,ln=e),an)},movementY:function(e){return"movementY"in e?e.movementY:sn}}),mn=on(fn),hn=on(D({},fn,{dataTransfer:0})),gn=on(D({},dn,{relatedTarget:0})),bn=on(D({},cn,{animationName:0,elapsedTime:0,pseudoElement:0})),yn=D({},cn,{clipboardData:function(e){return"clipboardData"in e?e.clipboardData:window.clipboardData}}),vn=on(yn),wn=on(D({},cn,{data:0})),kn={Esc:"Escape",Spacebar:" ",Left:"ArrowLeft",Up:"ArrowUp",Right:"ArrowRight",Down:"ArrowDown",Del:"Delete",Win:"OS",Menu:"ContextMenu",Apps:"ContextMenu",Scroll:"ScrollLock",MozPrintableKey:"Unidentified"},Sn={8:"Backspace",9:"Tab",12:"Clear",13:"Enter",16:"Shift",17:"Control",18:"Alt",19:"Pause",20:"CapsLock",27:"Escape",32:" ",33:"PageUp",34:"PageDown",35:"End",36:"Home",37:"ArrowLeft",38:"ArrowUp",39:"ArrowRight",40:"ArrowDown",45:"Insert",46:"Delete",112:"F1",113:"F2",114:"F3",115:"F4",116:"F5",117:"F6",118:"F7",119:"F8",120:"F9",121:"F10",122:"F11",123:"F12",144:"NumLock",145:"ScrollLock",224:"Meta"},xn={Alt:"altKey",Control:"ctrlKey",Meta:"metaKey",Shift:"shiftKey"};function En(e){var t=this.nativeEvent;return t.getModifierState?t.getModifierState(e):!!(e=xn[e])&&!!t[e]}function _n(){return En}var jn=D({},dn,{key:function(e){if(e.key){var t=kn[e.key]||e.key;if("Unidentified"!==t)return t}return"keypress"===e.type?13===(e=tn(e))?"Enter":String.fromCharCode(e):"keydown"===e.type||"keyup"===e.type?Sn[e.keyCode]||"Unidentified":""},code:0,location:0,ctrlKey:0,shiftKey:0,altKey:0,metaKey:0,repeat:0,locale:0,getModifierState:_n,charCode:function(e){return"keypress"===e.type?tn(e):0},keyCode:function(e){return"keydown"===e.type||"keyup"===e.type?e.keyCode:0},which:function(e){return"keypress"===e.type?tn(e):"keydown"===e.type||"keyup"===e.type?e.keyCode:0}}),Cn=on(jn),On=on(D({},fn,{pointerId:0,width:0,height:0,pressure:0,tangentialPressure:0,tiltX:0,tiltY:0,twist:0,pointerType:0,isPrimary:0})),An=on(D({},dn,{touches:0,targetTouches:0,changedTouches:0,altKey:0,metaKey:0,ctrlKey:0,shiftKey:0,getModifierState:_n})),Tn=on(D({},cn,{propertyName:0,elapsedTime:0,pseudoElement:0})),Pn=D({},fn,{deltaX:function(e){return"deltaX"in e?e.deltaX:"wheelDeltaX"in e?-e.wheelDeltaX:0},deltaY:function(e){return"deltaY"in e?e.deltaY:"wheelDeltaY"in e?-e.wheelDeltaY:"wheelDelta"in e?-e.wheelDelta:0},deltaZ:0,deltaMode:0}),zn=on(Pn),In=[9,13,27,32],Ln=u&&"CompositionEvent"in window,Nn=null;u&&"documentMode"in document&&(Nn=document.documentMode);var Rn=u&&"TextEvent"in window&&!Nn,Dn=u&&(!Ln||Nn&&8<Nn&&11>=Nn),Mn=String.fromCharCode(32),Fn=!1;function Bn(e,t){switch(e){case"keyup":return-1!==In.indexOf(t.keyCode);case"keydown":return 229!==t.keyCode;case"keypress":case"mousedown":case"focusout":return!0;default:return!1}}function Un(e){return"object"==typeof(e=e.detail)&&"data"in e?e.data:null}var qn=!1;var $n={color:!0,date:!0,datetime:!0,"datetime-local":!0,email:!0,month:!0,number:!0,password:!0,range:!0,search:!0,tel:!0,text:!0,time:!0,url:!0,week:!0};function Hn(e){var t=e&&e.nodeName&&e.nodeName.toLowerCase();return"input"===t?!!$n[e.type]:"textarea"===t}function Vn(e,t,n,r){je(r),0<(t=Gr(t,"onChange")).length&&(n=new un("onChange","change",null,n,r),e.push({event:n,listeners:t}))}var Gn=null,Wn=null;function Kn(e){Mr(e,0)}function Qn(e){if(W(ko(e)))return e}function Yn(e,t){if("change"===e)return t}var Zn=!1;if(u){var Jn;if(u){var Xn="oninput"in document;if(!Xn){var er=document.createElement("div");er.setAttribute("oninput","return;"),Xn="function"==typeof er.oninput}Jn=Xn}else Jn=!1;Zn=Jn&&(!document.documentMode||9<document.documentMode)}function tr(){Gn&&(Gn.detachEvent("onpropertychange",nr),Wn=Gn=null)}function nr(e){if("value"===e.propertyName&&Qn(Wn)){var t=[];Vn(t,Wn,e,ke(e)),Pe(Kn,t)}}function rr(e,t,n){"focusin"===e?(tr(),Wn=n,(Gn=t).attachEvent("onpropertychange",nr)):"focusout"===e&&tr()}function or(e){if("selectionchange"===e||"keyup"===e||"keydown"===e)return Qn(Wn)}function ar(e,t){if("click"===e)return Qn(t)}function ir(e,t){if("input"===e||"change"===e)return Qn(t)}var sr="function"==typeof Object.is?Object.is:function(e,t){return e===t&&(0!==e||1/e==1/t)||e!=e&&t!=t};function lr(e,t){if(sr(e,t))return!0;if("object"!=typeof e||null===e||"object"!=typeof t||null===t)return!1;var n=Object.keys(e),r=Object.keys(t);if(n.length!==r.length)return!1;for(r=0;r<n.length;r++){var o=n[r];if(!d.call(t,o)||!sr(e[o],t[o]))return!1}return!0}function cr(e){for(;e&&e.firstChild;)e=e.firstChild;return e}function ur(e,t){var n,r=cr(e);for(e=0;r;){if(3===r.nodeType){if(n=e+r.textContent.length,e<=t&&n>=t)return{node:r,offset:t-e};e=n}e:{for(;r;){if(r.nextSibling){r=r.nextSibling;break e}r=r.parentNode}r=void 0}r=cr(r)}}function dr(e,t){return!(!e||!t)&&(e===t||(!e||3!==e.nodeType)&&(t&&3===t.nodeType?dr(e,t.parentNode):"contains"in e?e.contains(t):!!e.compareDocumentPosition&&!!(16&e.compareDocumentPosition(t))))}function pr(){for(var e=window,t=K();t instanceof e.HTMLIFrameElement;){try{var n="string"==typeof t.contentWindow.location.href}catch(r){n=!1}if(!n)break;t=K((e=t.contentWindow).document)}return t}function fr(e){var t=e&&e.nodeName&&e.nodeName.toLowerCase();return t&&("input"===t&&("text"===e.type||"search"===e.type||"tel"===e.type||"url"===e.type||"password"===e.type)||"textarea"===t||"true"===e.contentEditable)}function mr(e){var t=pr(),n=e.focusedElem,r=e.selectionRange;if(t!==n&&n&&n.ownerDocument&&dr(n.ownerDocument.documentElement,n)){if(null!==r&&fr(n))if(t=r.start,void 0===(e=r.end)&&(e=t),"selectionStart"in n)n.selectionStart=t,n.selectionEnd=Math.min(e,n.value.length);else if((e=(t=n.ownerDocument||document)&&t.defaultView||window).getSelection){e=e.getSelection();var o=n.textContent.length,a=Math.min(r.start,o);r=void 0===r.end?a:Math.min(r.end,o),!e.extend&&a>r&&(o=r,r=a,a=o),o=ur(n,a);var i=ur(n,r);o&&i&&(1!==e.rangeCount||e.anchorNode!==o.node||e.anchorOffset!==o.offset||e.focusNode!==i.node||e.focusOffset!==i.offset)&&((t=t.createRange()).setStart(o.node,o.offset),e.removeAllRanges(),a>r?(e.addRange(t),e.extend(i.node,i.offset)):(t.setEnd(i.node,i.offset),e.addRange(t)))}for(t=[],e=n;e=e.parentNode;)1===e.nodeType&&t.push({element:e,left:e.scrollLeft,top:e.scrollTop});for("function"==typeof n.focus&&n.focus(),n=0;n<t.length;n++)(e=t[n]).element.scrollLeft=e.left,e.element.scrollTop=e.top}}var hr=u&&"documentMode"in document&&11>=document.documentMode,gr=null,br=null,yr=null,vr=!1;function wr(e,t,n){var r=n.window===n?n.document:9===n.nodeType?n:n.ownerDocument;vr||null==gr||gr!==K(r)||("selectionStart"in(r=gr)&&fr(r)?r={start:r.selectionStart,end:r.selectionEnd}:r={anchorNode:(r=(r.ownerDocument&&r.ownerDocument.defaultView||window).getSelection()).anchorNode,anchorOffset:r.anchorOffset,focusNode:r.focusNode,focusOffset:r.focusOffset},yr&&lr(yr,r)||(yr=r,0<(r=Gr(br,"onSelect")).length&&(t=new un("onSelect","select",null,t,n),e.push({event:t,listeners:r}),t.target=gr)))}function kr(e,t){var n={};return n[e.toLowerCase()]=t.toLowerCase(),n["Webkit"+e]="webkit"+t,n["Moz"+e]="moz"+t,n}var Sr={animationend:kr("Animation","AnimationEnd"),animationiteration:kr("Animation","AnimationIteration"),animationstart:kr("Animation","AnimationStart"),transitionend:kr("Transition","TransitionEnd")},xr={},Er={};function _r(e){if(xr[e])return xr[e];if(!Sr[e])return e;var t,n=Sr[e];for(t in n)if(n.hasOwnProperty(t)&&t in Er)return xr[e]=n[t];return e}u&&(Er=document.createElement("div").style,"AnimationEvent"in window||(delete Sr.animationend.animation,delete Sr.animationiteration.animation,delete Sr.animationstart.animation),"TransitionEvent"in window||delete Sr.transitionend.transition);var jr=_r("animationend"),Cr=_r("animationiteration"),Or=_r("animationstart"),Ar=_r("transitionend"),Tr=new Map,Pr="abort auxClick cancel canPlay canPlayThrough click close contextMenu copy cut drag dragEnd dragEnter dragExit dragLeave dragOver dragStart drop durationChange emptied encrypted ended error gotPointerCapture input invalid keyDown keyPress keyUp load loadedData loadedMetadata loadStart lostPointerCapture mouseDown mouseMove mouseOut mouseOver mouseUp paste pause play playing pointerCancel pointerDown pointerMove pointerOut pointerOver pointerUp progress rateChange reset resize seeked seeking stalled submit suspend timeUpdate touchCancel touchEnd touchStart volumeChange scroll toggle touchMove waiting wheel".split(" ");function zr(e,t){Tr.set(e,t),l(t,[e])}for(var Ir=0;Ir<Pr.length;Ir++){var Lr=Pr[Ir];zr(Lr.toLowerCase(),"on"+(Lr[0].toUpperCase()+Lr.slice(1)))}zr(jr,"onAnimationEnd"),zr(Cr,"onAnimationIteration"),zr(Or,"onAnimationStart"),zr("dblclick","onDoubleClick"),zr("focusin","onFocus"),zr("focusout","onBlur"),zr(Ar,"onTransitionEnd"),c("onMouseEnter",["mouseout","mouseover"]),c("onMouseLeave",["mouseout","mouseover"]),c("onPointerEnter",["pointerout","pointerover"]),c("onPointerLeave",["pointerout","pointerover"]),l("onChange","change click focusin focusout input keydown keyup selectionchange".split(" ")),l("onSelect","focusout contextmenu dragend focusin keydown keyup mousedown mouseup selectionchange".split(" ")),l("onBeforeInput",["compositionend","keypress","textInput","paste"]),l("onCompositionEnd","compositionend focusout keydown keypress keyup mousedown".split(" ")),l("onCompositionStart","compositionstart focusout keydown keypress keyup mousedown".split(" ")),l("onCompositionUpdate","compositionupdate focusout keydown keypress keyup mousedown".split(" "));var Nr="abort canplay canplaythrough durationchange emptied encrypted ended error loadeddata loadedmetadata loadstart pause play playing progress ratechange resize seeked seeking stalled suspend timeupdate volumechange waiting".split(" "),Rr=new Set("cancel close invalid load scroll toggle".split(" ").concat(Nr));function Dr(e,t,n){var r=e.type||"unknown-event";e.currentTarget=n,function(e,t,n,r,o,i,s,l,c){if(Ue.apply(this,arguments),Re){if(!Re)throw Error(a(198));var u=De;Re=!1,De=null,Me||(Me=!0,Fe=u)}}(r,t,void 0,e),e.currentTarget=null}function Mr(e,t){t=!!(4&t);for(var n=0;n<e.length;n++){var r=e[n],o=r.event;r=r.listeners;e:{var a=void 0;if(t)for(var i=r.length-1;0<=i;i--){var s=r[i],l=s.instance,c=s.currentTarget;if(s=s.listener,l!==a&&o.isPropagationStopped())break e;Dr(o,s,c),a=l}else for(i=0;i<r.length;i++){if(l=(s=r[i]).instance,c=s.currentTarget,s=s.listener,l!==a&&o.isPropagationStopped())break e;Dr(o,s,c),a=l}}}if(Me)throw e=Fe,Me=!1,Fe=null,e}function Fr(e,t){var n=t[go];void 0===n&&(n=t[go]=new Set);var r=e+"__bubble";n.has(r)||($r(t,e,2,!1),n.add(r))}function Br(e,t,n){var r=0;t&&(r|=4),$r(n,e,r,t)}var Ur="_reactListening"+Math.random().toString(36).slice(2);function qr(e){if(!e[Ur]){e[Ur]=!0,i.forEach((function(t){"selectionchange"!==t&&(Rr.has(t)||Br(t,!1,e),Br(t,!0,e))}));var t=9===e.nodeType?e:e.ownerDocument;null===t||t[Ur]||(t[Ur]=!0,Br("selectionchange",!1,t))}}function $r(e,t,n,r){switch(Yt(t)){case 1:var o=Vt;break;case 4:o=Gt;break;default:o=Wt}n=o.bind(null,t,n,e),o=void 0,!Ie||"touchstart"!==t&&"touchmove"!==t&&"wheel"!==t||(o=!0),r?void 0!==o?e.addEventListener(t,n,{capture:!0,passive:o}):e.addEventListener(t,n,!0):void 0!==o?e.addEventListener(t,n,{passive:o}):e.addEventListener(t,n,!1)}function Hr(e,t,n,r,o){var a=r;if(!(1&t||2&t||null===r))e:for(;;){if(null===r)return;var i=r.tag;if(3===i||4===i){var s=r.stateNode.containerInfo;if(s===o||8===s.nodeType&&s.parentNode===o)break;if(4===i)for(i=r.return;null!==i;){var l=i.tag;if((3===l||4===l)&&((l=i.stateNode.containerInfo)===o||8===l.nodeType&&l.parentNode===o))return;i=i.return}for(;null!==s;){if(null===(i=vo(s)))return;if(5===(l=i.tag)||6===l){r=a=i;continue e}s=s.parentNode}}r=r.return}Pe((function(){var r=a,o=ke(n),i=[];e:{var s=Tr.get(e);if(void 0!==s){var l=un,c=e;switch(e){case"keypress":if(0===tn(n))break e;case"keydown":case"keyup":l=Cn;break;case"focusin":c="focus",l=gn;break;case"focusout":c="blur",l=gn;break;case"beforeblur":case"afterblur":l=gn;break;case"click":if(2===n.button)break e;case"auxclick":case"dblclick":case"mousedown":case"mousemove":case"mouseup":case"mouseout":case"mouseover":case"contextmenu":l=mn;break;case"drag":case"dragend":case"dragenter":case"dragexit":case"dragleave":case"dragover":case"dragstart":case"drop":l=hn;break;case"touchcancel":case"touchend":case"touchmove":case"touchstart":l=An;break;case jr:case Cr:case Or:l=bn;break;case Ar:l=Tn;break;case"scroll":l=pn;break;case"wheel":l=zn;break;case"copy":case"cut":case"paste":l=vn;break;case"gotpointercapture":case"lostpointercapture":case"pointercancel":case"pointerdown":case"pointermove":case"pointerout":case"pointerover":case"pointerup":l=On}var u=!!(4&t),d=!u&&"scroll"===e,p=u?null!==s?s+"Capture":null:s;u=[];for(var f,m=r;null!==m;){var h=(f=m).stateNode;if(5===f.tag&&null!==h&&(f=h,null!==p&&(null!=(h=ze(m,p))&&u.push(Vr(m,h,f)))),d)break;m=m.return}0<u.length&&(s=new l(s,c,null,n,o),i.push({event:s,listeners:u}))}}if(!(7&t)){if(l="mouseout"===e||"pointerout"===e,(!(s="mouseover"===e||"pointerover"===e)||n===we||!(c=n.relatedTarget||n.fromElement)||!vo(c)&&!c[ho])&&(l||s)&&(s=o.window===o?o:(s=o.ownerDocument)?s.defaultView||s.parentWindow:window,l?(l=r,null!==(c=(c=n.relatedTarget||n.toElement)?vo(c):null)&&(c!==(d=qe(c))||5!==c.tag&&6!==c.tag)&&(c=null)):(l=null,c=r),l!==c)){if(u=mn,h="onMouseLeave",p="onMouseEnter",m="mouse","pointerout"!==e&&"pointerover"!==e||(u=On,h="onPointerLeave",p="onPointerEnter",m="pointer"),d=null==l?s:ko(l),f=null==c?s:ko(c),(s=new u(h,m+"leave",l,n,o)).target=d,s.relatedTarget=f,h=null,vo(o)===r&&((u=new u(p,m+"enter",c,n,o)).target=f,u.relatedTarget=d,h=u),d=h,l&&c)e:{for(p=c,m=0,f=u=l;f;f=Wr(f))m++;for(f=0,h=p;h;h=Wr(h))f++;for(;0<m-f;)u=Wr(u),m--;for(;0<f-m;)p=Wr(p),f--;for(;m--;){if(u===p||null!==p&&u===p.alternate)break e;u=Wr(u),p=Wr(p)}u=null}else u=null;null!==l&&Kr(i,s,l,u,!1),null!==c&&null!==d&&Kr(i,d,c,u,!0)}if("select"===(l=(s=r?ko(r):window).nodeName&&s.nodeName.toLowerCase())||"input"===l&&"file"===s.type)var g=Yn;else if(Hn(s))if(Zn)g=ir;else{g=or;var b=rr}else(l=s.nodeName)&&"input"===l.toLowerCase()&&("checkbox"===s.type||"radio"===s.type)&&(g=ar);switch(g&&(g=g(e,r))?Vn(i,g,n,o):(b&&b(e,s,r),"focusout"===e&&(b=s._wrapperState)&&b.controlled&&"number"===s.type&&ee(s,"number",s.value)),b=r?ko(r):window,e){case"focusin":(Hn(b)||"true"===b.contentEditable)&&(gr=b,br=r,yr=null);break;case"focusout":yr=br=gr=null;break;case"mousedown":vr=!0;break;case"contextmenu":case"mouseup":case"dragend":vr=!1,wr(i,n,o);break;case"selectionchange":if(hr)break;case"keydown":case"keyup":wr(i,n,o)}var y;if(Ln)e:{switch(e){case"compositionstart":var v="onCompositionStart";break e;case"compositionend":v="onCompositionEnd";break e;case"compositionupdate":v="onCompositionUpdate";break e}v=void 0}else qn?Bn(e,n)&&(v="onCompositionEnd"):"keydown"===e&&229===n.keyCode&&(v="onCompositionStart");v&&(Dn&&"ko"!==n.locale&&(qn||"onCompositionStart"!==v?"onCompositionEnd"===v&&qn&&(y=en()):(Jt="value"in(Zt=o)?Zt.value:Zt.textContent,qn=!0)),0<(b=Gr(r,v)).length&&(v=new wn(v,e,null,n,o),i.push({event:v,listeners:b}),y?v.data=y:null!==(y=Un(n))&&(v.data=y))),(y=Rn?function(e,t){switch(e){case"compositionend":return Un(t);case"keypress":return 32!==t.which?null:(Fn=!0,Mn);case"textInput":return(e=t.data)===Mn&&Fn?null:e;default:return null}}(e,n):function(e,t){if(qn)return"compositionend"===e||!Ln&&Bn(e,t)?(e=en(),Xt=Jt=Zt=null,qn=!1,e):null;switch(e){case"paste":default:return null;case"keypress":if(!(t.ctrlKey||t.altKey||t.metaKey)||t.ctrlKey&&t.altKey){if(t.char&&1<t.char.length)return t.char;if(t.which)return String.fromCharCode(t.which)}return null;case"compositionend":return Dn&&"ko"!==t.locale?null:t.data}}(e,n))&&(0<(r=Gr(r,"onBeforeInput")).length&&(o=new wn("onBeforeInput","beforeinput",null,n,o),i.push({event:o,listeners:r}),o.data=y))}Mr(i,t)}))}function Vr(e,t,n){return{instance:e,listener:t,currentTarget:n}}function Gr(e,t){for(var n=t+"Capture",r=[];null!==e;){var o=e,a=o.stateNode;5===o.tag&&null!==a&&(o=a,null!=(a=ze(e,n))&&r.unshift(Vr(e,a,o)),null!=(a=ze(e,t))&&r.push(Vr(e,a,o))),e=e.return}return r}function Wr(e){if(null===e)return null;do{e=e.return}while(e&&5!==e.tag);return e||null}function Kr(e,t,n,r,o){for(var a=t._reactName,i=[];null!==n&&n!==r;){var s=n,l=s.alternate,c=s.stateNode;if(null!==l&&l===r)break;5===s.tag&&null!==c&&(s=c,o?null!=(l=ze(n,a))&&i.unshift(Vr(n,l,s)):o||null!=(l=ze(n,a))&&i.push(Vr(n,l,s))),n=n.return}0!==i.length&&e.push({event:t,listeners:i})}var Qr=/\r\n?/g,Yr=/\u0000|\uFFFD/g;function Zr(e){return("string"==typeof e?e:""+e).replace(Qr,"\n").replace(Yr,"")}function Jr(e,t,n){if(t=Zr(t),Zr(e)!==t&&n)throw Error(a(425))}function Xr(){}var eo=null,to=null;function no(e,t){return"textarea"===e||"noscript"===e||"string"==typeof t.children||"number"==typeof t.children||"object"==typeof t.dangerouslySetInnerHTML&&null!==t.dangerouslySetInnerHTML&&null!=t.dangerouslySetInnerHTML.__html}var ro="function"==typeof setTimeout?setTimeout:void 0,oo="function"==typeof clearTimeout?clearTimeout:void 0,ao="function"==typeof Promise?Promise:void 0,io="function"==typeof queueMicrotask?queueMicrotask:void 0!==ao?function(e){return ao.resolve(null).then(e).catch(so)}:ro;function so(e){setTimeout((function(){throw e}))}function lo(e,t){var n=t,r=0;do{var o=n.nextSibling;if(e.removeChild(n),o&&8===o.nodeType)if("/$"===(n=o.data)){if(0===r)return e.removeChild(o),void qt(t);r--}else"$"!==n&&"$?"!==n&&"$!"!==n||r++;n=o}while(n);qt(t)}function co(e){for(;null!=e;e=e.nextSibling){var t=e.nodeType;if(1===t||3===t)break;if(8===t){if("$"===(t=e.data)||"$!"===t||"$?"===t)break;if("/$"===t)return null}}return e}function uo(e){e=e.previousSibling;for(var t=0;e;){if(8===e.nodeType){var n=e.data;if("$"===n||"$!"===n||"$?"===n){if(0===t)return e;t--}else"/$"===n&&t++}e=e.previousSibling}return null}var po=Math.random().toString(36).slice(2),fo="__reactFiber$"+po,mo="__reactProps$"+po,ho="__reactContainer$"+po,go="__reactEvents$"+po,bo="__reactListeners$"+po,yo="__reactHandles$"+po;function vo(e){var t=e[fo];if(t)return t;for(var n=e.parentNode;n;){if(t=n[ho]||n[fo]){if(n=t.alternate,null!==t.child||null!==n&&null!==n.child)for(e=uo(e);null!==e;){if(n=e[fo])return n;e=uo(e)}return t}n=(e=n).parentNode}return null}function wo(e){return!(e=e[fo]||e[ho])||5!==e.tag&&6!==e.tag&&13!==e.tag&&3!==e.tag?null:e}function ko(e){if(5===e.tag||6===e.tag)return e.stateNode;throw Error(a(33))}function So(e){return e[mo]||null}var xo=[],Eo=-1;function _o(e){return{current:e}}function jo(e){0>Eo||(e.current=xo[Eo],xo[Eo]=null,Eo--)}function Co(e,t){Eo++,xo[Eo]=e.current,e.current=t}var Oo={},Ao=_o(Oo),To=_o(!1),Po=Oo;function zo(e,t){var n=e.type.contextTypes;if(!n)return Oo;var r=e.stateNode;if(r&&r.__reactInternalMemoizedUnmaskedChildContext===t)return r.__reactInternalMemoizedMaskedChildContext;var o,a={};for(o in n)a[o]=t[o];return r&&((e=e.stateNode).__reactInternalMemoizedUnmaskedChildContext=t,e.__reactInternalMemoizedMaskedChildContext=a),a}function Io(e){return null!=(e=e.childContextTypes)}function Lo(){jo(To),jo(Ao)}function No(e,t,n){if(Ao.current!==Oo)throw Error(a(168));Co(Ao,t),Co(To,n)}function Ro(e,t,n){var r=e.stateNode;if(t=t.childContextTypes,"function"!=typeof r.getChildContext)return n;for(var o in r=r.getChildContext())if(!(o in t))throw Error(a(108,$(e)||"Unknown",o));return D({},n,r)}function Do(e){return e=(e=e.stateNode)&&e.__reactInternalMemoizedMergedChildContext||Oo,Po=Ao.current,Co(Ao,e),Co(To,To.current),!0}function Mo(e,t,n){var r=e.stateNode;if(!r)throw Error(a(169));n?(e=Ro(e,t,Po),r.__reactInternalMemoizedMergedChildContext=e,jo(To),jo(Ao),Co(Ao,e)):jo(To),Co(To,n)}var Fo=null,Bo=!1,Uo=!1;function qo(e){null===Fo?Fo=[e]:Fo.push(e)}function $o(){if(!Uo&&null!==Fo){Uo=!0;var e=0,t=vt;try{var n=Fo;for(vt=1;e<n.length;e++){var r=n[e];do{r=r(!0)}while(null!==r)}Fo=null,Bo=!1}catch(o){throw null!==Fo&&(Fo=Fo.slice(e+1)),We(Xe,$o),o}finally{vt=t,Uo=!1}}return null}var Ho=[],Vo=0,Go=null,Wo=0,Ko=[],Qo=0,Yo=null,Zo=1,Jo="";function Xo(e,t){Ho[Vo++]=Wo,Ho[Vo++]=Go,Go=e,Wo=t}function ea(e,t,n){Ko[Qo++]=Zo,Ko[Qo++]=Jo,Ko[Qo++]=Yo,Yo=e;var r=Zo;e=Jo;var o=32-it(r)-1;r&=~(1<<o),n+=1;var a=32-it(t)+o;if(30<a){var i=o-o%5;a=(r&(1<<i)-1).toString(32),r>>=i,o-=i,Zo=1<<32-it(t)+o|n<<o|r,Jo=a+e}else Zo=1<<a|n<<o|r,Jo=e}function ta(e){null!==e.return&&(Xo(e,1),ea(e,1,0))}function na(e){for(;e===Go;)Go=Ho[--Vo],Ho[Vo]=null,Wo=Ho[--Vo],Ho[Vo]=null;for(;e===Yo;)Yo=Ko[--Qo],Ko[Qo]=null,Jo=Ko[--Qo],Ko[Qo]=null,Zo=Ko[--Qo],Ko[Qo]=null}var ra=null,oa=null,aa=!1,ia=null;function sa(e,t){var n=Pc(5,null,null,0);n.elementType="DELETED",n.stateNode=t,n.return=e,null===(t=e.deletions)?(e.deletions=[n],e.flags|=16):t.push(n)}function la(e,t){switch(e.tag){case 5:var n=e.type;return null!==(t=1!==t.nodeType||n.toLowerCase()!==t.nodeName.toLowerCase()?null:t)&&(e.stateNode=t,ra=e,oa=co(t.firstChild),!0);case 6:return null!==(t=""===e.pendingProps||3!==t.nodeType?null:t)&&(e.stateNode=t,ra=e,oa=null,!0);case 13:return null!==(t=8!==t.nodeType?null:t)&&(n=null!==Yo?{id:Zo,overflow:Jo}:null,e.memoizedState={dehydrated:t,treeContext:n,retryLane:1073741824},(n=Pc(18,null,null,0)).stateNode=t,n.return=e,e.child=n,ra=e,oa=null,!0);default:return!1}}function ca(e){return!(!(1&e.mode)||128&e.flags)}function ua(e){if(aa){var t=oa;if(t){var n=t;if(!la(e,t)){if(ca(e))throw Error(a(418));t=co(n.nextSibling);var r=ra;t&&la(e,t)?sa(r,n):(e.flags=-4097&e.flags|2,aa=!1,ra=e)}}else{if(ca(e))throw Error(a(418));e.flags=-4097&e.flags|2,aa=!1,ra=e}}}function da(e){for(e=e.return;null!==e&&5!==e.tag&&3!==e.tag&&13!==e.tag;)e=e.return;ra=e}function pa(e){if(e!==ra)return!1;if(!aa)return da(e),aa=!0,!1;var t;if((t=3!==e.tag)&&!(t=5!==e.tag)&&(t="head"!==(t=e.type)&&"body"!==t&&!no(e.type,e.memoizedProps)),t&&(t=oa)){if(ca(e))throw fa(),Error(a(418));for(;t;)sa(e,t),t=co(t.nextSibling)}if(da(e),13===e.tag){if(!(e=null!==(e=e.memoizedState)?e.dehydrated:null))throw Error(a(317));e:{for(e=e.nextSibling,t=0;e;){if(8===e.nodeType){var n=e.data;if("/$"===n){if(0===t){oa=co(e.nextSibling);break e}t--}else"$"!==n&&"$!"!==n&&"$?"!==n||t++}e=e.nextSibling}oa=null}}else oa=ra?co(e.stateNode.nextSibling):null;return!0}function fa(){for(var e=oa;e;)e=co(e.nextSibling)}function ma(){oa=ra=null,aa=!1}function ha(e){null===ia?ia=[e]:ia.push(e)}var ga=w.ReactCurrentBatchConfig;function ba(e,t,n){if(null!==(e=n.ref)&&"function"!=typeof e&&"object"!=typeof e){if(n._owner){if(n=n._owner){if(1!==n.tag)throw Error(a(309));var r=n.stateNode}if(!r)throw Error(a(147,e));var o=r,i=""+e;return null!==t&&null!==t.ref&&"function"==typeof t.ref&&t.ref._stringRef===i?t.ref:(t=function(e){var t=o.refs;null===e?delete t[i]:t[i]=e},t._stringRef=i,t)}if("string"!=typeof e)throw Error(a(284));if(!n._owner)throw Error(a(290,e))}return e}function ya(e,t){throw e=Object.prototype.toString.call(t),Error(a(31,"[object Object]"===e?"object with keys {"+Object.keys(t).join(", ")+"}":e))}function va(e){return(0,e._init)(e._payload)}function wa(e){function t(t,n){if(e){var r=t.deletions;null===r?(t.deletions=[n],t.flags|=16):r.push(n)}}function n(n,r){if(!e)return null;for(;null!==r;)t(n,r),r=r.sibling;return null}function r(e,t){for(e=new Map;null!==t;)null!==t.key?e.set(t.key,t):e.set(t.index,t),t=t.sibling;return e}function o(e,t){return(e=Ic(e,t)).index=0,e.sibling=null,e}function i(t,n,r){return t.index=r,e?null!==(r=t.alternate)?(r=r.index)<n?(t.flags|=2,n):r:(t.flags|=2,n):(t.flags|=1048576,n)}function s(t){return e&&null===t.alternate&&(t.flags|=2),t}function l(e,t,n,r){return null===t||6!==t.tag?((t=Dc(n,e.mode,r)).return=e,t):((t=o(t,n)).return=e,t)}function c(e,t,n,r){var a=n.type;return a===x?d(e,t,n.props.children,r,n.key):null!==t&&(t.elementType===a||"object"==typeof a&&null!==a&&a.$$typeof===z&&va(a)===t.type)?((r=o(t,n.props)).ref=ba(e,t,n),r.return=e,r):((r=Lc(n.type,n.key,n.props,null,e.mode,r)).ref=ba(e,t,n),r.return=e,r)}function u(e,t,n,r){return null===t||4!==t.tag||t.stateNode.containerInfo!==n.containerInfo||t.stateNode.implementation!==n.implementation?((t=Mc(n,e.mode,r)).return=e,t):((t=o(t,n.children||[])).return=e,t)}function d(e,t,n,r,a){return null===t||7!==t.tag?((t=Nc(n,e.mode,r,a)).return=e,t):((t=o(t,n)).return=e,t)}function p(e,t,n){if("string"==typeof t&&""!==t||"number"==typeof t)return(t=Dc(""+t,e.mode,n)).return=e,t;if("object"==typeof t&&null!==t){switch(t.$$typeof){case k:return(n=Lc(t.type,t.key,t.props,null,e.mode,n)).ref=ba(e,null,t),n.return=e,n;case S:return(t=Mc(t,e.mode,n)).return=e,t;case z:return p(e,(0,t._init)(t._payload),n)}if(te(t)||N(t))return(t=Nc(t,e.mode,n,null)).return=e,t;ya(e,t)}return null}function f(e,t,n,r){var o=null!==t?t.key:null;if("string"==typeof n&&""!==n||"number"==typeof n)return null!==o?null:l(e,t,""+n,r);if("object"==typeof n&&null!==n){switch(n.$$typeof){case k:return n.key===o?c(e,t,n,r):null;case S:return n.key===o?u(e,t,n,r):null;case z:return f(e,t,(o=n._init)(n._payload),r)}if(te(n)||N(n))return null!==o?null:d(e,t,n,r,null);ya(e,n)}return null}function m(e,t,n,r,o){if("string"==typeof r&&""!==r||"number"==typeof r)return l(t,e=e.get(n)||null,""+r,o);if("object"==typeof r&&null!==r){switch(r.$$typeof){case k:return c(t,e=e.get(null===r.key?n:r.key)||null,r,o);case S:return u(t,e=e.get(null===r.key?n:r.key)||null,r,o);case z:return m(e,t,n,(0,r._init)(r._payload),o)}if(te(r)||N(r))return d(t,e=e.get(n)||null,r,o,null);ya(t,r)}return null}function h(o,a,s,l){for(var c=null,u=null,d=a,h=a=0,g=null;null!==d&&h<s.length;h++){d.index>h?(g=d,d=null):g=d.sibling;var b=f(o,d,s[h],l);if(null===b){null===d&&(d=g);break}e&&d&&null===b.alternate&&t(o,d),a=i(b,a,h),null===u?c=b:u.sibling=b,u=b,d=g}if(h===s.length)return n(o,d),aa&&Xo(o,h),c;if(null===d){for(;h<s.length;h++)null!==(d=p(o,s[h],l))&&(a=i(d,a,h),null===u?c=d:u.sibling=d,u=d);return aa&&Xo(o,h),c}for(d=r(o,d);h<s.length;h++)null!==(g=m(d,o,h,s[h],l))&&(e&&null!==g.alternate&&d.delete(null===g.key?h:g.key),a=i(g,a,h),null===u?c=g:u.sibling=g,u=g);return e&&d.forEach((function(e){return t(o,e)})),aa&&Xo(o,h),c}function g(o,s,l,c){var u=N(l);if("function"!=typeof u)throw Error(a(150));if(null==(l=u.call(l)))throw Error(a(151));for(var d=u=null,h=s,g=s=0,b=null,y=l.next();null!==h&&!y.done;g++,y=l.next()){h.index>g?(b=h,h=null):b=h.sibling;var v=f(o,h,y.value,c);if(null===v){null===h&&(h=b);break}e&&h&&null===v.alternate&&t(o,h),s=i(v,s,g),null===d?u=v:d.sibling=v,d=v,h=b}if(y.done)return n(o,h),aa&&Xo(o,g),u;if(null===h){for(;!y.done;g++,y=l.next())null!==(y=p(o,y.value,c))&&(s=i(y,s,g),null===d?u=y:d.sibling=y,d=y);return aa&&Xo(o,g),u}for(h=r(o,h);!y.done;g++,y=l.next())null!==(y=m(h,o,g,y.value,c))&&(e&&null!==y.alternate&&h.delete(null===y.key?g:y.key),s=i(y,s,g),null===d?u=y:d.sibling=y,d=y);return e&&h.forEach((function(e){return t(o,e)})),aa&&Xo(o,g),u}return function e(r,a,i,l){if("object"==typeof i&&null!==i&&i.type===x&&null===i.key&&(i=i.props.children),"object"==typeof i&&null!==i){switch(i.$$typeof){case k:e:{for(var c=i.key,u=a;null!==u;){if(u.key===c){if((c=i.type)===x){if(7===u.tag){n(r,u.sibling),(a=o(u,i.props.children)).return=r,r=a;break e}}else if(u.elementType===c||"object"==typeof c&&null!==c&&c.$$typeof===z&&va(c)===u.type){n(r,u.sibling),(a=o(u,i.props)).ref=ba(r,u,i),a.return=r,r=a;break e}n(r,u);break}t(r,u),u=u.sibling}i.type===x?((a=Nc(i.props.children,r.mode,l,i.key)).return=r,r=a):((l=Lc(i.type,i.key,i.props,null,r.mode,l)).ref=ba(r,a,i),l.return=r,r=l)}return s(r);case S:e:{for(u=i.key;null!==a;){if(a.key===u){if(4===a.tag&&a.stateNode.containerInfo===i.containerInfo&&a.stateNode.implementation===i.implementation){n(r,a.sibling),(a=o(a,i.children||[])).return=r,r=a;break e}n(r,a);break}t(r,a),a=a.sibling}(a=Mc(i,r.mode,l)).return=r,r=a}return s(r);case z:return e(r,a,(u=i._init)(i._payload),l)}if(te(i))return h(r,a,i,l);if(N(i))return g(r,a,i,l);ya(r,i)}return"string"==typeof i&&""!==i||"number"==typeof i?(i=""+i,null!==a&&6===a.tag?(n(r,a.sibling),(a=o(a,i)).return=r,r=a):(n(r,a),(a=Dc(i,r.mode,l)).return=r,r=a),s(r)):n(r,a)}}var ka=wa(!0),Sa=wa(!1),xa=_o(null),Ea=null,_a=null,ja=null;function Ca(){ja=_a=Ea=null}function Oa(e){var t=xa.current;jo(xa),e._currentValue=t}function Aa(e,t,n){for(;null!==e;){var r=e.alternate;if((e.childLanes&t)!==t?(e.childLanes|=t,null!==r&&(r.childLanes|=t)):null!==r&&(r.childLanes&t)!==t&&(r.childLanes|=t),e===n)break;e=e.return}}function Ta(e,t){Ea=e,ja=_a=null,null!==(e=e.dependencies)&&null!==e.firstContext&&(!!(e.lanes&t)&&(vs=!0),e.firstContext=null)}function Pa(e){var t=e._currentValue;if(ja!==e)if(e={context:e,memoizedValue:t,next:null},null===_a){if(null===Ea)throw Error(a(308));_a=e,Ea.dependencies={lanes:0,firstContext:e}}else _a=_a.next=e;return t}var za=null;function Ia(e){null===za?za=[e]:za.push(e)}function La(e,t,n,r){var o=t.interleaved;return null===o?(n.next=n,Ia(t)):(n.next=o.next,o.next=n),t.interleaved=n,Na(e,r)}function Na(e,t){e.lanes|=t;var n=e.alternate;for(null!==n&&(n.lanes|=t),n=e,e=e.return;null!==e;)e.childLanes|=t,null!==(n=e.alternate)&&(n.childLanes|=t),n=e,e=e.return;return 3===n.tag?n.stateNode:null}var Ra=!1;function Da(e){e.updateQueue={baseState:e.memoizedState,firstBaseUpdate:null,lastBaseUpdate:null,shared:{pending:null,interleaved:null,lanes:0},effects:null}}function Ma(e,t){e=e.updateQueue,t.updateQueue===e&&(t.updateQueue={baseState:e.baseState,firstBaseUpdate:e.firstBaseUpdate,lastBaseUpdate:e.lastBaseUpdate,shared:e.shared,effects:e.effects})}function Fa(e,t){return{eventTime:e,lane:t,tag:0,payload:null,callback:null,next:null}}function Ba(e,t,n){var r=e.updateQueue;if(null===r)return null;if(r=r.shared,2&Ol){var o=r.pending;return null===o?t.next=t:(t.next=o.next,o.next=t),r.pending=t,Na(e,n)}return null===(o=r.interleaved)?(t.next=t,Ia(r)):(t.next=o.next,o.next=t),r.interleaved=t,Na(e,n)}function Ua(e,t,n){if(null!==(t=t.updateQueue)&&(t=t.shared,4194240&n)){var r=t.lanes;n|=r&=e.pendingLanes,t.lanes=n,yt(e,n)}}function qa(e,t){var n=e.updateQueue,r=e.alternate;if(null!==r&&n===(r=r.updateQueue)){var o=null,a=null;if(null!==(n=n.firstBaseUpdate)){do{var i={eventTime:n.eventTime,lane:n.lane,tag:n.tag,payload:n.payload,callback:n.callback,next:null};null===a?o=a=i:a=a.next=i,n=n.next}while(null!==n);null===a?o=a=t:a=a.next=t}else o=a=t;return n={baseState:r.baseState,firstBaseUpdate:o,lastBaseUpdate:a,shared:r.shared,effects:r.effects},void(e.updateQueue=n)}null===(e=n.lastBaseUpdate)?n.firstBaseUpdate=t:e.next=t,n.lastBaseUpdate=t}function $a(e,t,n,r){var o=e.updateQueue;Ra=!1;var a=o.firstBaseUpdate,i=o.lastBaseUpdate,s=o.shared.pending;if(null!==s){o.shared.pending=null;var l=s,c=l.next;l.next=null,null===i?a=c:i.next=c,i=l;var u=e.alternate;null!==u&&((s=(u=u.updateQueue).lastBaseUpdate)!==i&&(null===s?u.firstBaseUpdate=c:s.next=c,u.lastBaseUpdate=l))}if(null!==a){var d=o.baseState;for(i=0,u=c=l=null,s=a;;){var p=s.lane,f=s.eventTime;if((r&p)===p){null!==u&&(u=u.next={eventTime:f,lane:0,tag:s.tag,payload:s.payload,callback:s.callback,next:null});e:{var m=e,h=s;switch(p=t,f=n,h.tag){case 1:if("function"==typeof(m=h.payload)){d=m.call(f,d,p);break e}d=m;break e;case 3:m.flags=-65537&m.flags|128;case 0:if(null==(p="function"==typeof(m=h.payload)?m.call(f,d,p):m))break e;d=D({},d,p);break e;case 2:Ra=!0}}null!==s.callback&&0!==s.lane&&(e.flags|=64,null===(p=o.effects)?o.effects=[s]:p.push(s))}else f={eventTime:f,lane:p,tag:s.tag,payload:s.payload,callback:s.callback,next:null},null===u?(c=u=f,l=d):u=u.next=f,i|=p;if(null===(s=s.next)){if(null===(s=o.shared.pending))break;s=(p=s).next,p.next=null,o.lastBaseUpdate=p,o.shared.pending=null}}if(null===u&&(l=d),o.baseState=l,o.firstBaseUpdate=c,o.lastBaseUpdate=u,null!==(t=o.shared.interleaved)){o=t;do{i|=o.lane,o=o.next}while(o!==t)}else null===a&&(o.shared.lanes=0);Rl|=i,e.lanes=i,e.memoizedState=d}}function Ha(e,t,n){if(e=t.effects,t.effects=null,null!==e)for(t=0;t<e.length;t++){var r=e[t],o=r.callback;if(null!==o){if(r.callback=null,r=n,"function"!=typeof o)throw Error(a(191,o));o.call(r)}}}var Va={},Ga=_o(Va),Wa=_o(Va),Ka=_o(Va);function Qa(e){if(e===Va)throw Error(a(174));return e}function Ya(e,t){switch(Co(Ka,t),Co(Wa,e),Co(Ga,Va),e=t.nodeType){case 9:case 11:t=(t=t.documentElement)?t.namespaceURI:le(null,"");break;default:t=le(t=(e=8===e?t.parentNode:t).namespaceURI||null,e=e.tagName)}jo(Ga),Co(Ga,t)}function Za(){jo(Ga),jo(Wa),jo(Ka)}function Ja(e){Qa(Ka.current);var t=Qa(Ga.current),n=le(t,e.type);t!==n&&(Co(Wa,e),Co(Ga,n))}function Xa(e){Wa.current===e&&(jo(Ga),jo(Wa))}var ei=_o(0);function ti(e){for(var t=e;null!==t;){if(13===t.tag){var n=t.memoizedState;if(null!==n&&(null===(n=n.dehydrated)||"$?"===n.data||"$!"===n.data))return t}else if(19===t.tag&&void 0!==t.memoizedProps.revealOrder){if(128&t.flags)return t}else if(null!==t.child){t.child.return=t,t=t.child;continue}if(t===e)break;for(;null===t.sibling;){if(null===t.return||t.return===e)return null;t=t.return}t.sibling.return=t.return,t=t.sibling}return null}var ni=[];function ri(){for(var e=0;e<ni.length;e++)ni[e]._workInProgressVersionPrimary=null;ni.length=0}var oi=w.ReactCurrentDispatcher,ai=w.ReactCurrentBatchConfig,ii=0,si=null,li=null,ci=null,ui=!1,di=!1,pi=0,fi=0;function mi(){throw Error(a(321))}function hi(e,t){if(null===t)return!1;for(var n=0;n<t.length&&n<e.length;n++)if(!sr(e[n],t[n]))return!1;return!0}function gi(e,t,n,r,o,i){if(ii=i,si=t,t.memoizedState=null,t.updateQueue=null,t.lanes=0,oi.current=null===e||null===e.memoizedState?Xi:es,e=n(r,o),di){i=0;do{if(di=!1,pi=0,25<=i)throw Error(a(301));i+=1,ci=li=null,t.updateQueue=null,oi.current=ts,e=n(r,o)}while(di)}if(oi.current=Ji,t=null!==li&&null!==li.next,ii=0,ci=li=si=null,ui=!1,t)throw Error(a(300));return e}function bi(){var e=0!==pi;return pi=0,e}function yi(){var e={memoizedState:null,baseState:null,baseQueue:null,queue:null,next:null};return null===ci?si.memoizedState=ci=e:ci=ci.next=e,ci}function vi(){if(null===li){var e=si.alternate;e=null!==e?e.memoizedState:null}else e=li.next;var t=null===ci?si.memoizedState:ci.next;if(null!==t)ci=t,li=e;else{if(null===e)throw Error(a(310));e={memoizedState:(li=e).memoizedState,baseState:li.baseState,baseQueue:li.baseQueue,queue:li.queue,next:null},null===ci?si.memoizedState=ci=e:ci=ci.next=e}return ci}function wi(e,t){return"function"==typeof t?t(e):t}function ki(e){var t=vi(),n=t.queue;if(null===n)throw Error(a(311));n.lastRenderedReducer=e;var r=li,o=r.baseQueue,i=n.pending;if(null!==i){if(null!==o){var s=o.next;o.next=i.next,i.next=s}r.baseQueue=o=i,n.pending=null}if(null!==o){i=o.next,r=r.baseState;var l=s=null,c=null,u=i;do{var d=u.lane;if((ii&d)===d)null!==c&&(c=c.next={lane:0,action:u.action,hasEagerState:u.hasEagerState,eagerState:u.eagerState,next:null}),r=u.hasEagerState?u.eagerState:e(r,u.action);else{var p={lane:d,action:u.action,hasEagerState:u.hasEagerState,eagerState:u.eagerState,next:null};null===c?(l=c=p,s=r):c=c.next=p,si.lanes|=d,Rl|=d}u=u.next}while(null!==u&&u!==i);null===c?s=r:c.next=l,sr(r,t.memoizedState)||(vs=!0),t.memoizedState=r,t.baseState=s,t.baseQueue=c,n.lastRenderedState=r}if(null!==(e=n.interleaved)){o=e;do{i=o.lane,si.lanes|=i,Rl|=i,o=o.next}while(o!==e)}else null===o&&(n.lanes=0);return[t.memoizedState,n.dispatch]}function Si(e){var t=vi(),n=t.queue;if(null===n)throw Error(a(311));n.lastRenderedReducer=e;var r=n.dispatch,o=n.pending,i=t.memoizedState;if(null!==o){n.pending=null;var s=o=o.next;do{i=e(i,s.action),s=s.next}while(s!==o);sr(i,t.memoizedState)||(vs=!0),t.memoizedState=i,null===t.baseQueue&&(t.baseState=i),n.lastRenderedState=i}return[i,r]}function xi(){}function Ei(e,t){var n=si,r=vi(),o=t(),i=!sr(r.memoizedState,o);if(i&&(r.memoizedState=o,vs=!0),r=r.queue,Ri(Ci.bind(null,n,r,e),[e]),r.getSnapshot!==t||i||null!==ci&&1&ci.memoizedState.tag){if(n.flags|=2048,Pi(9,ji.bind(null,n,r,o,t),void 0,null),null===Al)throw Error(a(349));30&ii||_i(n,t,o)}return o}function _i(e,t,n){e.flags|=16384,e={getSnapshot:t,value:n},null===(t=si.updateQueue)?(t={lastEffect:null,stores:null},si.updateQueue=t,t.stores=[e]):null===(n=t.stores)?t.stores=[e]:n.push(e)}function ji(e,t,n,r){t.value=n,t.getSnapshot=r,Oi(t)&&Ai(e)}function Ci(e,t,n){return n((function(){Oi(t)&&Ai(e)}))}function Oi(e){var t=e.getSnapshot;e=e.value;try{var n=t();return!sr(e,n)}catch(r){return!0}}function Ai(e){var t=Na(e,1);null!==t&&nc(t,e,1,-1)}function Ti(e){var t=yi();return"function"==typeof e&&(e=e()),t.memoizedState=t.baseState=e,e={pending:null,interleaved:null,lanes:0,dispatch:null,lastRenderedReducer:wi,lastRenderedState:e},t.queue=e,e=e.dispatch=Ki.bind(null,si,e),[t.memoizedState,e]}function Pi(e,t,n,r){return e={tag:e,create:t,destroy:n,deps:r,next:null},null===(t=si.updateQueue)?(t={lastEffect:null,stores:null},si.updateQueue=t,t.lastEffect=e.next=e):null===(n=t.lastEffect)?t.lastEffect=e.next=e:(r=n.next,n.next=e,e.next=r,t.lastEffect=e),e}function zi(){return vi().memoizedState}function Ii(e,t,n,r){var o=yi();si.flags|=e,o.memoizedState=Pi(1|t,n,void 0,void 0===r?null:r)}function Li(e,t,n,r){var o=vi();r=void 0===r?null:r;var a=void 0;if(null!==li){var i=li.memoizedState;if(a=i.destroy,null!==r&&hi(r,i.deps))return void(o.memoizedState=Pi(t,n,a,r))}si.flags|=e,o.memoizedState=Pi(1|t,n,a,r)}function Ni(e,t){return Ii(8390656,8,e,t)}function Ri(e,t){return Li(2048,8,e,t)}function Di(e,t){return Li(4,2,e,t)}function Mi(e,t){return Li(4,4,e,t)}function Fi(e,t){return"function"==typeof t?(e=e(),t(e),function(){t(null)}):null!=t?(e=e(),t.current=e,function(){t.current=null}):void 0}function Bi(e,t,n){return n=null!=n?n.concat([e]):null,Li(4,4,Fi.bind(null,t,e),n)}function Ui(){}function qi(e,t){var n=vi();t=void 0===t?null:t;var r=n.memoizedState;return null!==r&&null!==t&&hi(t,r[1])?r[0]:(n.memoizedState=[e,t],e)}function $i(e,t){var n=vi();t=void 0===t?null:t;var r=n.memoizedState;return null!==r&&null!==t&&hi(t,r[1])?r[0]:(e=e(),n.memoizedState=[e,t],e)}function Hi(e,t,n){return 21&ii?(sr(n,t)||(n=ht(),si.lanes|=n,Rl|=n,e.baseState=!0),t):(e.baseState&&(e.baseState=!1,vs=!0),e.memoizedState=n)}function Vi(e,t){var n=vt;vt=0!==n&&4>n?n:4,e(!0);var r=ai.transition;ai.transition={};try{e(!1),t()}finally{vt=n,ai.transition=r}}function Gi(){return vi().memoizedState}function Wi(e,t,n){var r=tc(e);if(n={lane:r,action:n,hasEagerState:!1,eagerState:null,next:null},Qi(e))Yi(t,n);else if(null!==(n=La(e,t,n,r))){nc(n,e,r,ec()),Zi(n,t,r)}}function Ki(e,t,n){var r=tc(e),o={lane:r,action:n,hasEagerState:!1,eagerState:null,next:null};if(Qi(e))Yi(t,o);else{var a=e.alternate;if(0===e.lanes&&(null===a||0===a.lanes)&&null!==(a=t.lastRenderedReducer))try{var i=t.lastRenderedState,s=a(i,n);if(o.hasEagerState=!0,o.eagerState=s,sr(s,i)){var l=t.interleaved;return null===l?(o.next=o,Ia(t)):(o.next=l.next,l.next=o),void(t.interleaved=o)}}catch(c){}null!==(n=La(e,t,o,r))&&(nc(n,e,r,o=ec()),Zi(n,t,r))}}function Qi(e){var t=e.alternate;return e===si||null!==t&&t===si}function Yi(e,t){di=ui=!0;var n=e.pending;null===n?t.next=t:(t.next=n.next,n.next=t),e.pending=t}function Zi(e,t,n){if(4194240&n){var r=t.lanes;n|=r&=e.pendingLanes,t.lanes=n,yt(e,n)}}var Ji={readContext:Pa,useCallback:mi,useContext:mi,useEffect:mi,useImperativeHandle:mi,useInsertionEffect:mi,useLayoutEffect:mi,useMemo:mi,useReducer:mi,useRef:mi,useState:mi,useDebugValue:mi,useDeferredValue:mi,useTransition:mi,useMutableSource:mi,useSyncExternalStore:mi,useId:mi,unstable_isNewReconciler:!1},Xi={readContext:Pa,useCallback:function(e,t){return yi().memoizedState=[e,void 0===t?null:t],e},useContext:Pa,useEffect:Ni,useImperativeHandle:function(e,t,n){return n=null!=n?n.concat([e]):null,Ii(4194308,4,Fi.bind(null,t,e),n)},useLayoutEffect:function(e,t){return Ii(4194308,4,e,t)},useInsertionEffect:function(e,t){return Ii(4,2,e,t)},useMemo:function(e,t){var n=yi();return t=void 0===t?null:t,e=e(),n.memoizedState=[e,t],e},useReducer:function(e,t,n){var r=yi();return t=void 0!==n?n(t):t,r.memoizedState=r.baseState=t,e={pending:null,interleaved:null,lanes:0,dispatch:null,lastRenderedReducer:e,lastRenderedState:t},r.queue=e,e=e.dispatch=Wi.bind(null,si,e),[r.memoizedState,e]},useRef:function(e){return e={current:e},yi().memoizedState=e},useState:Ti,useDebugValue:Ui,useDeferredValue:function(e){return yi().memoizedState=e},useTransition:function(){var e=Ti(!1),t=e[0];return e=Vi.bind(null,e[1]),yi().memoizedState=e,[t,e]},useMutableSource:function(){},useSyncExternalStore:function(e,t,n){var r=si,o=yi();if(aa){if(void 0===n)throw Error(a(407));n=n()}else{if(n=t(),null===Al)throw Error(a(349));30&ii||_i(r,t,n)}o.memoizedState=n;var i={value:n,getSnapshot:t};return o.queue=i,Ni(Ci.bind(null,r,i,e),[e]),r.flags|=2048,Pi(9,ji.bind(null,r,i,n,t),void 0,null),n},useId:function(){var e=yi(),t=Al.identifierPrefix;if(aa){var n=Jo;t=":"+t+"R"+(n=(Zo&~(1<<32-it(Zo)-1)).toString(32)+n),0<(n=pi++)&&(t+="H"+n.toString(32)),t+=":"}else t=":"+t+"r"+(n=fi++).toString(32)+":";return e.memoizedState=t},unstable_isNewReconciler:!1},es={readContext:Pa,useCallback:qi,useContext:Pa,useEffect:Ri,useImperativeHandle:Bi,useInsertionEffect:Di,useLayoutEffect:Mi,useMemo:$i,useReducer:ki,useRef:zi,useState:function(){return ki(wi)},useDebugValue:Ui,useDeferredValue:function(e){return Hi(vi(),li.memoizedState,e)},useTransition:function(){return[ki(wi)[0],vi().memoizedState]},useMutableSource:xi,useSyncExternalStore:Ei,useId:Gi,unstable_isNewReconciler:!1},ts={readContext:Pa,useCallback:qi,useContext:Pa,useEffect:Ri,useImperativeHandle:Bi,useInsertionEffect:Di,useLayoutEffect:Mi,useMemo:$i,useReducer:Si,useRef:zi,useState:function(){return Si(wi)},useDebugValue:Ui,useDeferredValue:function(e){var t=vi();return null===li?t.memoizedState=e:Hi(t,li.memoizedState,e)},useTransition:function(){return[Si(wi)[0],vi().memoizedState]},useMutableSource:xi,useSyncExternalStore:Ei,useId:Gi,unstable_isNewReconciler:!1};function ns(e,t){if(e&&e.defaultProps){for(var n in t=D({},t),e=e.defaultProps)void 0===t[n]&&(t[n]=e[n]);return t}return t}function rs(e,t,n,r){n=null==(n=n(r,t=e.memoizedState))?t:D({},t,n),e.memoizedState=n,0===e.lanes&&(e.updateQueue.baseState=n)}var os={isMounted:function(e){return!!(e=e._reactInternals)&&qe(e)===e},enqueueSetState:function(e,t,n){e=e._reactInternals;var r=ec(),o=tc(e),a=Fa(r,o);a.payload=t,null!=n&&(a.callback=n),null!==(t=Ba(e,a,o))&&(nc(t,e,o,r),Ua(t,e,o))},enqueueReplaceState:function(e,t,n){e=e._reactInternals;var r=ec(),o=tc(e),a=Fa(r,o);a.tag=1,a.payload=t,null!=n&&(a.callback=n),null!==(t=Ba(e,a,o))&&(nc(t,e,o,r),Ua(t,e,o))},enqueueForceUpdate:function(e,t){e=e._reactInternals;var n=ec(),r=tc(e),o=Fa(n,r);o.tag=2,null!=t&&(o.callback=t),null!==(t=Ba(e,o,r))&&(nc(t,e,r,n),Ua(t,e,r))}};function as(e,t,n,r,o,a,i){return"function"==typeof(e=e.stateNode).shouldComponentUpdate?e.shouldComponentUpdate(r,a,i):!t.prototype||!t.prototype.isPureReactComponent||(!lr(n,r)||!lr(o,a))}function is(e,t,n){var r=!1,o=Oo,a=t.contextType;return"object"==typeof a&&null!==a?a=Pa(a):(o=Io(t)?Po:Ao.current,a=(r=null!=(r=t.contextTypes))?zo(e,o):Oo),t=new t(n,a),e.memoizedState=null!==t.state&&void 0!==t.state?t.state:null,t.updater=os,e.stateNode=t,t._reactInternals=e,r&&((e=e.stateNode).__reactInternalMemoizedUnmaskedChildContext=o,e.__reactInternalMemoizedMaskedChildContext=a),t}function ss(e,t,n,r){e=t.state,"function"==typeof t.componentWillReceiveProps&&t.componentWillReceiveProps(n,r),"function"==typeof t.UNSAFE_componentWillReceiveProps&&t.UNSAFE_componentWillReceiveProps(n,r),t.state!==e&&os.enqueueReplaceState(t,t.state,null)}function ls(e,t,n,r){var o=e.stateNode;o.props=n,o.state=e.memoizedState,o.refs={},Da(e);var a=t.contextType;"object"==typeof a&&null!==a?o.context=Pa(a):(a=Io(t)?Po:Ao.current,o.context=zo(e,a)),o.state=e.memoizedState,"function"==typeof(a=t.getDerivedStateFromProps)&&(rs(e,t,a,n),o.state=e.memoizedState),"function"==typeof t.getDerivedStateFromProps||"function"==typeof o.getSnapshotBeforeUpdate||"function"!=typeof o.UNSAFE_componentWillMount&&"function"!=typeof o.componentWillMount||(t=o.state,"function"==typeof o.componentWillMount&&o.componentWillMount(),"function"==typeof o.UNSAFE_componentWillMount&&o.UNSAFE_componentWillMount(),t!==o.state&&os.enqueueReplaceState(o,o.state,null),$a(e,n,o,r),o.state=e.memoizedState),"function"==typeof o.componentDidMount&&(e.flags|=4194308)}function cs(e,t){try{var n="",r=t;do{n+=U(r),r=r.return}while(r);var o=n}catch(a){o="\nError generating stack: "+a.message+"\n"+a.stack}return{value:e,source:t,stack:o,digest:null}}function us(e,t,n){return{value:e,source:null,stack:null!=n?n:null,digest:null!=t?t:null}}function ds(e,t){try{console.error(t.value)}catch(n){setTimeout((function(){throw n}))}}var ps="function"==typeof WeakMap?WeakMap:Map;function fs(e,t,n){(n=Fa(-1,n)).tag=3,n.payload={element:null};var r=t.value;return n.callback=function(){Hl||(Hl=!0,Vl=r),ds(0,t)},n}function ms(e,t,n){(n=Fa(-1,n)).tag=3;var r=e.type.getDerivedStateFromError;if("function"==typeof r){var o=t.value;n.payload=function(){return r(o)},n.callback=function(){ds(0,t)}}var a=e.stateNode;return null!==a&&"function"==typeof a.componentDidCatch&&(n.callback=function(){ds(0,t),"function"!=typeof r&&(null===Gl?Gl=new Set([this]):Gl.add(this));var e=t.stack;this.componentDidCatch(t.value,{componentStack:null!==e?e:""})}),n}function hs(e,t,n){var r=e.pingCache;if(null===r){r=e.pingCache=new ps;var o=new Set;r.set(t,o)}else void 0===(o=r.get(t))&&(o=new Set,r.set(t,o));o.has(n)||(o.add(n),e=_c.bind(null,e,t,n),t.then(e,e))}function gs(e){do{var t;if((t=13===e.tag)&&(t=null===(t=e.memoizedState)||null!==t.dehydrated),t)return e;e=e.return}while(null!==e);return null}function bs(e,t,n,r,o){return 1&e.mode?(e.flags|=65536,e.lanes=o,e):(e===t?e.flags|=65536:(e.flags|=128,n.flags|=131072,n.flags&=-52805,1===n.tag&&(null===n.alternate?n.tag=17:((t=Fa(-1,1)).tag=2,Ba(n,t,1))),n.lanes|=1),e)}var ys=w.ReactCurrentOwner,vs=!1;function ws(e,t,n,r){t.child=null===e?Sa(t,null,n,r):ka(t,e.child,n,r)}function ks(e,t,n,r,o){n=n.render;var a=t.ref;return Ta(t,o),r=gi(e,t,n,r,a,o),n=bi(),null===e||vs?(aa&&n&&ta(t),t.flags|=1,ws(e,t,r,o),t.child):(t.updateQueue=e.updateQueue,t.flags&=-2053,e.lanes&=~o,Hs(e,t,o))}function Ss(e,t,n,r,o){if(null===e){var a=n.type;return"function"!=typeof a||zc(a)||void 0!==a.defaultProps||null!==n.compare||void 0!==n.defaultProps?((e=Lc(n.type,null,r,t,t.mode,o)).ref=t.ref,e.return=t,t.child=e):(t.tag=15,t.type=a,xs(e,t,a,r,o))}if(a=e.child,!(e.lanes&o)){var i=a.memoizedProps;if((n=null!==(n=n.compare)?n:lr)(i,r)&&e.ref===t.ref)return Hs(e,t,o)}return t.flags|=1,(e=Ic(a,r)).ref=t.ref,e.return=t,t.child=e}function xs(e,t,n,r,o){if(null!==e){var a=e.memoizedProps;if(lr(a,r)&&e.ref===t.ref){if(vs=!1,t.pendingProps=r=a,!(e.lanes&o))return t.lanes=e.lanes,Hs(e,t,o);131072&e.flags&&(vs=!0)}}return js(e,t,n,r,o)}function Es(e,t,n){var r=t.pendingProps,o=r.children,a=null!==e?e.memoizedState:null;if("hidden"===r.mode)if(1&t.mode){if(!(1073741824&n))return e=null!==a?a.baseLanes|n:n,t.lanes=t.childLanes=1073741824,t.memoizedState={baseLanes:e,cachePool:null,transitions:null},t.updateQueue=null,Co(Il,zl),zl|=e,null;t.memoizedState={baseLanes:0,cachePool:null,transitions:null},r=null!==a?a.baseLanes:n,Co(Il,zl),zl|=r}else t.memoizedState={baseLanes:0,cachePool:null,transitions:null},Co(Il,zl),zl|=n;else null!==a?(r=a.baseLanes|n,t.memoizedState=null):r=n,Co(Il,zl),zl|=r;return ws(e,t,o,n),t.child}function _s(e,t){var n=t.ref;(null===e&&null!==n||null!==e&&e.ref!==n)&&(t.flags|=512,t.flags|=2097152)}function js(e,t,n,r,o){var a=Io(n)?Po:Ao.current;return a=zo(t,a),Ta(t,o),n=gi(e,t,n,r,a,o),r=bi(),null===e||vs?(aa&&r&&ta(t),t.flags|=1,ws(e,t,n,o),t.child):(t.updateQueue=e.updateQueue,t.flags&=-2053,e.lanes&=~o,Hs(e,t,o))}function Cs(e,t,n,r,o){if(Io(n)){var a=!0;Do(t)}else a=!1;if(Ta(t,o),null===t.stateNode)$s(e,t),is(t,n,r),ls(t,n,r,o),r=!0;else if(null===e){var i=t.stateNode,s=t.memoizedProps;i.props=s;var l=i.context,c=n.contextType;"object"==typeof c&&null!==c?c=Pa(c):c=zo(t,c=Io(n)?Po:Ao.current);var u=n.getDerivedStateFromProps,d="function"==typeof u||"function"==typeof i.getSnapshotBeforeUpdate;d||"function"!=typeof i.UNSAFE_componentWillReceiveProps&&"function"!=typeof i.componentWillReceiveProps||(s!==r||l!==c)&&ss(t,i,r,c),Ra=!1;var p=t.memoizedState;i.state=p,$a(t,r,i,o),l=t.memoizedState,s!==r||p!==l||To.current||Ra?("function"==typeof u&&(rs(t,n,u,r),l=t.memoizedState),(s=Ra||as(t,n,s,r,p,l,c))?(d||"function"!=typeof i.UNSAFE_componentWillMount&&"function"!=typeof i.componentWillMount||("function"==typeof i.componentWillMount&&i.componentWillMount(),"function"==typeof i.UNSAFE_componentWillMount&&i.UNSAFE_componentWillMount()),"function"==typeof i.componentDidMount&&(t.flags|=4194308)):("function"==typeof i.componentDidMount&&(t.flags|=4194308),t.memoizedProps=r,t.memoizedState=l),i.props=r,i.state=l,i.context=c,r=s):("function"==typeof i.componentDidMount&&(t.flags|=4194308),r=!1)}else{i=t.stateNode,Ma(e,t),s=t.memoizedProps,c=t.type===t.elementType?s:ns(t.type,s),i.props=c,d=t.pendingProps,p=i.context,"object"==typeof(l=n.contextType)&&null!==l?l=Pa(l):l=zo(t,l=Io(n)?Po:Ao.current);var f=n.getDerivedStateFromProps;(u="function"==typeof f||"function"==typeof i.getSnapshotBeforeUpdate)||"function"!=typeof i.UNSAFE_componentWillReceiveProps&&"function"!=typeof i.componentWillReceiveProps||(s!==d||p!==l)&&ss(t,i,r,l),Ra=!1,p=t.memoizedState,i.state=p,$a(t,r,i,o);var m=t.memoizedState;s!==d||p!==m||To.current||Ra?("function"==typeof f&&(rs(t,n,f,r),m=t.memoizedState),(c=Ra||as(t,n,c,r,p,m,l)||!1)?(u||"function"!=typeof i.UNSAFE_componentWillUpdate&&"function"!=typeof i.componentWillUpdate||("function"==typeof i.componentWillUpdate&&i.componentWillUpdate(r,m,l),"function"==typeof i.UNSAFE_componentWillUpdate&&i.UNSAFE_componentWillUpdate(r,m,l)),"function"==typeof i.componentDidUpdate&&(t.flags|=4),"function"==typeof i.getSnapshotBeforeUpdate&&(t.flags|=1024)):("function"!=typeof i.componentDidUpdate||s===e.memoizedProps&&p===e.memoizedState||(t.flags|=4),"function"!=typeof i.getSnapshotBeforeUpdate||s===e.memoizedProps&&p===e.memoizedState||(t.flags|=1024),t.memoizedProps=r,t.memoizedState=m),i.props=r,i.state=m,i.context=l,r=c):("function"!=typeof i.componentDidUpdate||s===e.memoizedProps&&p===e.memoizedState||(t.flags|=4),"function"!=typeof i.getSnapshotBeforeUpdate||s===e.memoizedProps&&p===e.memoizedState||(t.flags|=1024),r=!1)}return Os(e,t,n,r,a,o)}function Os(e,t,n,r,o,a){_s(e,t);var i=!!(128&t.flags);if(!r&&!i)return o&&Mo(t,n,!1),Hs(e,t,a);r=t.stateNode,ys.current=t;var s=i&&"function"!=typeof n.getDerivedStateFromError?null:r.render();return t.flags|=1,null!==e&&i?(t.child=ka(t,e.child,null,a),t.child=ka(t,null,s,a)):ws(e,t,s,a),t.memoizedState=r.state,o&&Mo(t,n,!0),t.child}function As(e){var t=e.stateNode;t.pendingContext?No(0,t.pendingContext,t.pendingContext!==t.context):t.context&&No(0,t.context,!1),Ya(e,t.containerInfo)}function Ts(e,t,n,r,o){return ma(),ha(o),t.flags|=256,ws(e,t,n,r),t.child}var Ps,zs,Is,Ls,Ns={dehydrated:null,treeContext:null,retryLane:0};function Rs(e){return{baseLanes:e,cachePool:null,transitions:null}}function Ds(e,t,n){var r,o=t.pendingProps,i=ei.current,s=!1,l=!!(128&t.flags);if((r=l)||(r=(null===e||null!==e.memoizedState)&&!!(2&i)),r?(s=!0,t.flags&=-129):null!==e&&null===e.memoizedState||(i|=1),Co(ei,1&i),null===e)return ua(t),null!==(e=t.memoizedState)&&null!==(e=e.dehydrated)?(1&t.mode?"$!"===e.data?t.lanes=8:t.lanes=1073741824:t.lanes=1,null):(l=o.children,e=o.fallback,s?(o=t.mode,s=t.child,l={mode:"hidden",children:l},1&o||null===s?s=Rc(l,o,0,null):(s.childLanes=0,s.pendingProps=l),e=Nc(e,o,n,null),s.return=t,e.return=t,s.sibling=e,t.child=s,t.child.memoizedState=Rs(n),t.memoizedState=Ns,e):Ms(t,l));if(null!==(i=e.memoizedState)&&null!==(r=i.dehydrated))return function(e,t,n,r,o,i,s){if(n)return 256&t.flags?(t.flags&=-257,Fs(e,t,s,r=us(Error(a(422))))):null!==t.memoizedState?(t.child=e.child,t.flags|=128,null):(i=r.fallback,o=t.mode,r=Rc({mode:"visible",children:r.children},o,0,null),(i=Nc(i,o,s,null)).flags|=2,r.return=t,i.return=t,r.sibling=i,t.child=r,1&t.mode&&ka(t,e.child,null,s),t.child.memoizedState=Rs(s),t.memoizedState=Ns,i);if(!(1&t.mode))return Fs(e,t,s,null);if("$!"===o.data){if(r=o.nextSibling&&o.nextSibling.dataset)var l=r.dgst;return r=l,Fs(e,t,s,r=us(i=Error(a(419)),r,void 0))}if(l=!!(s&e.childLanes),vs||l){if(null!==(r=Al)){switch(s&-s){case 4:o=2;break;case 16:o=8;break;case 64:case 128:case 256:case 512:case 1024:case 2048:case 4096:case 8192:case 16384:case 32768:case 65536:case 131072:case 262144:case 524288:case 1048576:case 2097152:case 4194304:case 8388608:case 16777216:case 33554432:case 67108864:o=32;break;case 536870912:o=268435456;break;default:o=0}0!==(o=o&(r.suspendedLanes|s)?0:o)&&o!==i.retryLane&&(i.retryLane=o,Na(e,o),nc(r,e,o,-1))}return hc(),Fs(e,t,s,r=us(Error(a(421))))}return"$?"===o.data?(t.flags|=128,t.child=e.child,t=Cc.bind(null,e),o._reactRetry=t,null):(e=i.treeContext,oa=co(o.nextSibling),ra=t,aa=!0,ia=null,null!==e&&(Ko[Qo++]=Zo,Ko[Qo++]=Jo,Ko[Qo++]=Yo,Zo=e.id,Jo=e.overflow,Yo=t),t=Ms(t,r.children),t.flags|=4096,t)}(e,t,l,o,r,i,n);if(s){s=o.fallback,l=t.mode,r=(i=e.child).sibling;var c={mode:"hidden",children:o.children};return 1&l||t.child===i?(o=Ic(i,c)).subtreeFlags=14680064&i.subtreeFlags:((o=t.child).childLanes=0,o.pendingProps=c,t.deletions=null),null!==r?s=Ic(r,s):(s=Nc(s,l,n,null)).flags|=2,s.return=t,o.return=t,o.sibling=s,t.child=o,o=s,s=t.child,l=null===(l=e.child.memoizedState)?Rs(n):{baseLanes:l.baseLanes|n,cachePool:null,transitions:l.transitions},s.memoizedState=l,s.childLanes=e.childLanes&~n,t.memoizedState=Ns,o}return e=(s=e.child).sibling,o=Ic(s,{mode:"visible",children:o.children}),!(1&t.mode)&&(o.lanes=n),o.return=t,o.sibling=null,null!==e&&(null===(n=t.deletions)?(t.deletions=[e],t.flags|=16):n.push(e)),t.child=o,t.memoizedState=null,o}function Ms(e,t){return(t=Rc({mode:"visible",children:t},e.mode,0,null)).return=e,e.child=t}function Fs(e,t,n,r){return null!==r&&ha(r),ka(t,e.child,null,n),(e=Ms(t,t.pendingProps.children)).flags|=2,t.memoizedState=null,e}function Bs(e,t,n){e.lanes|=t;var r=e.alternate;null!==r&&(r.lanes|=t),Aa(e.return,t,n)}function Us(e,t,n,r,o){var a=e.memoizedState;null===a?e.memoizedState={isBackwards:t,rendering:null,renderingStartTime:0,last:r,tail:n,tailMode:o}:(a.isBackwards=t,a.rendering=null,a.renderingStartTime=0,a.last=r,a.tail=n,a.tailMode=o)}function qs(e,t,n){var r=t.pendingProps,o=r.revealOrder,a=r.tail;if(ws(e,t,r.children,n),2&(r=ei.current))r=1&r|2,t.flags|=128;else{if(null!==e&&128&e.flags)e:for(e=t.child;null!==e;){if(13===e.tag)null!==e.memoizedState&&Bs(e,n,t);else if(19===e.tag)Bs(e,n,t);else if(null!==e.child){e.child.return=e,e=e.child;continue}if(e===t)break e;for(;null===e.sibling;){if(null===e.return||e.return===t)break e;e=e.return}e.sibling.return=e.return,e=e.sibling}r&=1}if(Co(ei,r),1&t.mode)switch(o){case"forwards":for(n=t.child,o=null;null!==n;)null!==(e=n.alternate)&&null===ti(e)&&(o=n),n=n.sibling;null===(n=o)?(o=t.child,t.child=null):(o=n.sibling,n.sibling=null),Us(t,!1,o,n,a);break;case"backwards":for(n=null,o=t.child,t.child=null;null!==o;){if(null!==(e=o.alternate)&&null===ti(e)){t.child=o;break}e=o.sibling,o.sibling=n,n=o,o=e}Us(t,!0,n,null,a);break;case"together":Us(t,!1,null,null,void 0);break;default:t.memoizedState=null}else t.memoizedState=null;return t.child}function $s(e,t){!(1&t.mode)&&null!==e&&(e.alternate=null,t.alternate=null,t.flags|=2)}function Hs(e,t,n){if(null!==e&&(t.dependencies=e.dependencies),Rl|=t.lanes,!(n&t.childLanes))return null;if(null!==e&&t.child!==e.child)throw Error(a(153));if(null!==t.child){for(n=Ic(e=t.child,e.pendingProps),t.child=n,n.return=t;null!==e.sibling;)e=e.sibling,(n=n.sibling=Ic(e,e.pendingProps)).return=t;n.sibling=null}return t.child}function Vs(e,t){if(!aa)switch(e.tailMode){case"hidden":t=e.tail;for(var n=null;null!==t;)null!==t.alternate&&(n=t),t=t.sibling;null===n?e.tail=null:n.sibling=null;break;case"collapsed":n=e.tail;for(var r=null;null!==n;)null!==n.alternate&&(r=n),n=n.sibling;null===r?t||null===e.tail?e.tail=null:e.tail.sibling=null:r.sibling=null}}function Gs(e){var t=null!==e.alternate&&e.alternate.child===e.child,n=0,r=0;if(t)for(var o=e.child;null!==o;)n|=o.lanes|o.childLanes,r|=14680064&o.subtreeFlags,r|=14680064&o.flags,o.return=e,o=o.sibling;else for(o=e.child;null!==o;)n|=o.lanes|o.childLanes,r|=o.subtreeFlags,r|=o.flags,o.return=e,o=o.sibling;return e.subtreeFlags|=r,e.childLanes=n,t}function Ws(e,t,n){var r=t.pendingProps;switch(na(t),t.tag){case 2:case 16:case 15:case 0:case 11:case 7:case 8:case 12:case 9:case 14:return Gs(t),null;case 1:case 17:return Io(t.type)&&Lo(),Gs(t),null;case 3:return r=t.stateNode,Za(),jo(To),jo(Ao),ri(),r.pendingContext&&(r.context=r.pendingContext,r.pendingContext=null),null!==e&&null!==e.child||(pa(t)?t.flags|=4:null===e||e.memoizedState.isDehydrated&&!(256&t.flags)||(t.flags|=1024,null!==ia&&(ic(ia),ia=null))),zs(e,t),Gs(t),null;case 5:Xa(t);var o=Qa(Ka.current);if(n=t.type,null!==e&&null!=t.stateNode)Is(e,t,n,r,o),e.ref!==t.ref&&(t.flags|=512,t.flags|=2097152);else{if(!r){if(null===t.stateNode)throw Error(a(166));return Gs(t),null}if(e=Qa(Ga.current),pa(t)){r=t.stateNode,n=t.type;var i=t.memoizedProps;switch(r[fo]=t,r[mo]=i,e=!!(1&t.mode),n){case"dialog":Fr("cancel",r),Fr("close",r);break;case"iframe":case"object":case"embed":Fr("load",r);break;case"video":case"audio":for(o=0;o<Nr.length;o++)Fr(Nr[o],r);break;case"source":Fr("error",r);break;case"img":case"image":case"link":Fr("error",r),Fr("load",r);break;case"details":Fr("toggle",r);break;case"input":Y(r,i),Fr("invalid",r);break;case"select":r._wrapperState={wasMultiple:!!i.multiple},Fr("invalid",r);break;case"textarea":oe(r,i),Fr("invalid",r)}for(var l in ye(n,i),o=null,i)if(i.hasOwnProperty(l)){var c=i[l];"children"===l?"string"==typeof c?r.textContent!==c&&(!0!==i.suppressHydrationWarning&&Jr(r.textContent,c,e),o=["children",c]):"number"==typeof c&&r.textContent!==""+c&&(!0!==i.suppressHydrationWarning&&Jr(r.textContent,c,e),o=["children",""+c]):s.hasOwnProperty(l)&&null!=c&&"onScroll"===l&&Fr("scroll",r)}switch(n){case"input":G(r),X(r,i,!0);break;case"textarea":G(r),ie(r);break;case"select":case"option":break;default:"function"==typeof i.onClick&&(r.onclick=Xr)}r=o,t.updateQueue=r,null!==r&&(t.flags|=4)}else{l=9===o.nodeType?o:o.ownerDocument,"http://www.w3.org/1999/xhtml"===e&&(e=se(n)),"http://www.w3.org/1999/xhtml"===e?"script"===n?((e=l.createElement("div")).innerHTML="<script><\/script>",e=e.removeChild(e.firstChild)):"string"==typeof r.is?e=l.createElement(n,{is:r.is}):(e=l.createElement(n),"select"===n&&(l=e,r.multiple?l.multiple=!0:r.size&&(l.size=r.size))):e=l.createElementNS(e,n),e[fo]=t,e[mo]=r,Ps(e,t,!1,!1),t.stateNode=e;e:{switch(l=ve(n,r),n){case"dialog":Fr("cancel",e),Fr("close",e),o=r;break;case"iframe":case"object":case"embed":Fr("load",e),o=r;break;case"video":case"audio":for(o=0;o<Nr.length;o++)Fr(Nr[o],e);o=r;break;case"source":Fr("error",e),o=r;break;case"img":case"image":case"link":Fr("error",e),Fr("load",e),o=r;break;case"details":Fr("toggle",e),o=r;break;case"input":Y(e,r),o=Q(e,r),Fr("invalid",e);break;case"option":default:o=r;break;case"select":e._wrapperState={wasMultiple:!!r.multiple},o=D({},r,{value:void 0}),Fr("invalid",e);break;case"textarea":oe(e,r),o=re(e,r),Fr("invalid",e)}for(i in ye(n,o),c=o)if(c.hasOwnProperty(i)){var u=c[i];"style"===i?ge(e,u):"dangerouslySetInnerHTML"===i?null!=(u=u?u.__html:void 0)&&de(e,u):"children"===i?"string"==typeof u?("textarea"!==n||""!==u)&&pe(e,u):"number"==typeof u&&pe(e,""+u):"suppressContentEditableWarning"!==i&&"suppressHydrationWarning"!==i&&"autoFocus"!==i&&(s.hasOwnProperty(i)?null!=u&&"onScroll"===i&&Fr("scroll",e):null!=u&&v(e,i,u,l))}switch(n){case"input":G(e),X(e,r,!1);break;case"textarea":G(e),ie(e);break;case"option":null!=r.value&&e.setAttribute("value",""+H(r.value));break;case"select":e.multiple=!!r.multiple,null!=(i=r.value)?ne(e,!!r.multiple,i,!1):null!=r.defaultValue&&ne(e,!!r.multiple,r.defaultValue,!0);break;default:"function"==typeof o.onClick&&(e.onclick=Xr)}switch(n){case"button":case"input":case"select":case"textarea":r=!!r.autoFocus;break e;case"img":r=!0;break e;default:r=!1}}r&&(t.flags|=4)}null!==t.ref&&(t.flags|=512,t.flags|=2097152)}return Gs(t),null;case 6:if(e&&null!=t.stateNode)Ls(e,t,e.memoizedProps,r);else{if("string"!=typeof r&&null===t.stateNode)throw Error(a(166));if(n=Qa(Ka.current),Qa(Ga.current),pa(t)){if(r=t.stateNode,n=t.memoizedProps,r[fo]=t,(i=r.nodeValue!==n)&&null!==(e=ra))switch(e.tag){case 3:Jr(r.nodeValue,n,!!(1&e.mode));break;case 5:!0!==e.memoizedProps.suppressHydrationWarning&&Jr(r.nodeValue,n,!!(1&e.mode))}i&&(t.flags|=4)}else(r=(9===n.nodeType?n:n.ownerDocument).createTextNode(r))[fo]=t,t.stateNode=r}return Gs(t),null;case 13:if(jo(ei),r=t.memoizedState,null===e||null!==e.memoizedState&&null!==e.memoizedState.dehydrated){if(aa&&null!==oa&&1&t.mode&&!(128&t.flags))fa(),ma(),t.flags|=98560,i=!1;else if(i=pa(t),null!==r&&null!==r.dehydrated){if(null===e){if(!i)throw Error(a(318));if(!(i=null!==(i=t.memoizedState)?i.dehydrated:null))throw Error(a(317));i[fo]=t}else ma(),!(128&t.flags)&&(t.memoizedState=null),t.flags|=4;Gs(t),i=!1}else null!==ia&&(ic(ia),ia=null),i=!0;if(!i)return 65536&t.flags?t:null}return 128&t.flags?(t.lanes=n,t):((r=null!==r)!==(null!==e&&null!==e.memoizedState)&&r&&(t.child.flags|=8192,1&t.mode&&(null===e||1&ei.current?0===Ll&&(Ll=3):hc())),null!==t.updateQueue&&(t.flags|=4),Gs(t),null);case 4:return Za(),zs(e,t),null===e&&qr(t.stateNode.containerInfo),Gs(t),null;case 10:return Oa(t.type._context),Gs(t),null;case 19:if(jo(ei),null===(i=t.memoizedState))return Gs(t),null;if(r=!!(128&t.flags),null===(l=i.rendering))if(r)Vs(i,!1);else{if(0!==Ll||null!==e&&128&e.flags)for(e=t.child;null!==e;){if(null!==(l=ti(e))){for(t.flags|=128,Vs(i,!1),null!==(r=l.updateQueue)&&(t.updateQueue=r,t.flags|=4),t.subtreeFlags=0,r=n,n=t.child;null!==n;)e=r,(i=n).flags&=14680066,null===(l=i.alternate)?(i.childLanes=0,i.lanes=e,i.child=null,i.subtreeFlags=0,i.memoizedProps=null,i.memoizedState=null,i.updateQueue=null,i.dependencies=null,i.stateNode=null):(i.childLanes=l.childLanes,i.lanes=l.lanes,i.child=l.child,i.subtreeFlags=0,i.deletions=null,i.memoizedProps=l.memoizedProps,i.memoizedState=l.memoizedState,i.updateQueue=l.updateQueue,i.type=l.type,e=l.dependencies,i.dependencies=null===e?null:{lanes:e.lanes,firstContext:e.firstContext}),n=n.sibling;return Co(ei,1&ei.current|2),t.child}e=e.sibling}null!==i.tail&&Ze()>ql&&(t.flags|=128,r=!0,Vs(i,!1),t.lanes=4194304)}else{if(!r)if(null!==(e=ti(l))){if(t.flags|=128,r=!0,null!==(n=e.updateQueue)&&(t.updateQueue=n,t.flags|=4),Vs(i,!0),null===i.tail&&"hidden"===i.tailMode&&!l.alternate&&!aa)return Gs(t),null}else 2*Ze()-i.renderingStartTime>ql&&1073741824!==n&&(t.flags|=128,r=!0,Vs(i,!1),t.lanes=4194304);i.isBackwards?(l.sibling=t.child,t.child=l):(null!==(n=i.last)?n.sibling=l:t.child=l,i.last=l)}return null!==i.tail?(t=i.tail,i.rendering=t,i.tail=t.sibling,i.renderingStartTime=Ze(),t.sibling=null,n=ei.current,Co(ei,r?1&n|2:1&n),t):(Gs(t),null);case 22:case 23:return dc(),r=null!==t.memoizedState,null!==e&&null!==e.memoizedState!==r&&(t.flags|=8192),r&&1&t.mode?!!(1073741824&zl)&&(Gs(t),6&t.subtreeFlags&&(t.flags|=8192)):Gs(t),null;case 24:case 25:return null}throw Error(a(156,t.tag))}function Ks(e,t){switch(na(t),t.tag){case 1:return Io(t.type)&&Lo(),65536&(e=t.flags)?(t.flags=-65537&e|128,t):null;case 3:return Za(),jo(To),jo(Ao),ri(),65536&(e=t.flags)&&!(128&e)?(t.flags=-65537&e|128,t):null;case 5:return Xa(t),null;case 13:if(jo(ei),null!==(e=t.memoizedState)&&null!==e.dehydrated){if(null===t.alternate)throw Error(a(340));ma()}return 65536&(e=t.flags)?(t.flags=-65537&e|128,t):null;case 19:return jo(ei),null;case 4:return Za(),null;case 10:return Oa(t.type._context),null;case 22:case 23:return dc(),null;default:return null}}Ps=function(e,t){for(var n=t.child;null!==n;){if(5===n.tag||6===n.tag)e.appendChild(n.stateNode);else if(4!==n.tag&&null!==n.child){n.child.return=n,n=n.child;continue}if(n===t)break;for(;null===n.sibling;){if(null===n.return||n.return===t)return;n=n.return}n.sibling.return=n.return,n=n.sibling}},zs=function(){},Is=function(e,t,n,r){var o=e.memoizedProps;if(o!==r){e=t.stateNode,Qa(Ga.current);var a,i=null;switch(n){case"input":o=Q(e,o),r=Q(e,r),i=[];break;case"select":o=D({},o,{value:void 0}),r=D({},r,{value:void 0}),i=[];break;case"textarea":o=re(e,o),r=re(e,r),i=[];break;default:"function"!=typeof o.onClick&&"function"==typeof r.onClick&&(e.onclick=Xr)}for(u in ye(n,r),n=null,o)if(!r.hasOwnProperty(u)&&o.hasOwnProperty(u)&&null!=o[u])if("style"===u){var l=o[u];for(a in l)l.hasOwnProperty(a)&&(n||(n={}),n[a]="")}else"dangerouslySetInnerHTML"!==u&&"children"!==u&&"suppressContentEditableWarning"!==u&&"suppressHydrationWarning"!==u&&"autoFocus"!==u&&(s.hasOwnProperty(u)?i||(i=[]):(i=i||[]).push(u,null));for(u in r){var c=r[u];if(l=null!=o?o[u]:void 0,r.hasOwnProperty(u)&&c!==l&&(null!=c||null!=l))if("style"===u)if(l){for(a in l)!l.hasOwnProperty(a)||c&&c.hasOwnProperty(a)||(n||(n={}),n[a]="");for(a in c)c.hasOwnProperty(a)&&l[a]!==c[a]&&(n||(n={}),n[a]=c[a])}else n||(i||(i=[]),i.push(u,n)),n=c;else"dangerouslySetInnerHTML"===u?(c=c?c.__html:void 0,l=l?l.__html:void 0,null!=c&&l!==c&&(i=i||[]).push(u,c)):"children"===u?"string"!=typeof c&&"number"!=typeof c||(i=i||[]).push(u,""+c):"suppressContentEditableWarning"!==u&&"suppressHydrationWarning"!==u&&(s.hasOwnProperty(u)?(null!=c&&"onScroll"===u&&Fr("scroll",e),i||l===c||(i=[])):(i=i||[]).push(u,c))}n&&(i=i||[]).push("style",n);var u=i;(t.updateQueue=u)&&(t.flags|=4)}},Ls=function(e,t,n,r){n!==r&&(t.flags|=4)};var Qs=!1,Ys=!1,Zs="function"==typeof WeakSet?WeakSet:Set,Js=null;function Xs(e,t){var n=e.ref;if(null!==n)if("function"==typeof n)try{n(null)}catch(r){Ec(e,t,r)}else n.current=null}function el(e,t,n){try{n()}catch(r){Ec(e,t,r)}}var tl=!1;function nl(e,t,n){var r=t.updateQueue;if(null!==(r=null!==r?r.lastEffect:null)){var o=r=r.next;do{if((o.tag&e)===e){var a=o.destroy;o.destroy=void 0,void 0!==a&&el(t,n,a)}o=o.next}while(o!==r)}}function rl(e,t){if(null!==(t=null!==(t=t.updateQueue)?t.lastEffect:null)){var n=t=t.next;do{if((n.tag&e)===e){var r=n.create;n.destroy=r()}n=n.next}while(n!==t)}}function ol(e){var t=e.ref;if(null!==t){var n=e.stateNode;e.tag,e=n,"function"==typeof t?t(e):t.current=e}}function al(e){var t=e.alternate;null!==t&&(e.alternate=null,al(t)),e.child=null,e.deletions=null,e.sibling=null,5===e.tag&&(null!==(t=e.stateNode)&&(delete t[fo],delete t[mo],delete t[go],delete t[bo],delete t[yo])),e.stateNode=null,e.return=null,e.dependencies=null,e.memoizedProps=null,e.memoizedState=null,e.pendingProps=null,e.stateNode=null,e.updateQueue=null}function il(e){return 5===e.tag||3===e.tag||4===e.tag}function sl(e){e:for(;;){for(;null===e.sibling;){if(null===e.return||il(e.return))return null;e=e.return}for(e.sibling.return=e.return,e=e.sibling;5!==e.tag&&6!==e.tag&&18!==e.tag;){if(2&e.flags)continue e;if(null===e.child||4===e.tag)continue e;e.child.return=e,e=e.child}if(!(2&e.flags))return e.stateNode}}function ll(e,t,n){var r=e.tag;if(5===r||6===r)e=e.stateNode,t?8===n.nodeType?n.parentNode.insertBefore(e,t):n.insertBefore(e,t):(8===n.nodeType?(t=n.parentNode).insertBefore(e,n):(t=n).appendChild(e),null!=(n=n._reactRootContainer)||null!==t.onclick||(t.onclick=Xr));else if(4!==r&&null!==(e=e.child))for(ll(e,t,n),e=e.sibling;null!==e;)ll(e,t,n),e=e.sibling}function cl(e,t,n){var r=e.tag;if(5===r||6===r)e=e.stateNode,t?n.insertBefore(e,t):n.appendChild(e);else if(4!==r&&null!==(e=e.child))for(cl(e,t,n),e=e.sibling;null!==e;)cl(e,t,n),e=e.sibling}var ul=null,dl=!1;function pl(e,t,n){for(n=n.child;null!==n;)fl(e,t,n),n=n.sibling}function fl(e,t,n){if(at&&"function"==typeof at.onCommitFiberUnmount)try{at.onCommitFiberUnmount(ot,n)}catch(s){}switch(n.tag){case 5:Ys||Xs(n,t);case 6:var r=ul,o=dl;ul=null,pl(e,t,n),dl=o,null!==(ul=r)&&(dl?(e=ul,n=n.stateNode,8===e.nodeType?e.parentNode.removeChild(n):e.removeChild(n)):ul.removeChild(n.stateNode));break;case 18:null!==ul&&(dl?(e=ul,n=n.stateNode,8===e.nodeType?lo(e.parentNode,n):1===e.nodeType&&lo(e,n),qt(e)):lo(ul,n.stateNode));break;case 4:r=ul,o=dl,ul=n.stateNode.containerInfo,dl=!0,pl(e,t,n),ul=r,dl=o;break;case 0:case 11:case 14:case 15:if(!Ys&&(null!==(r=n.updateQueue)&&null!==(r=r.lastEffect))){o=r=r.next;do{var a=o,i=a.destroy;a=a.tag,void 0!==i&&(2&a||4&a)&&el(n,t,i),o=o.next}while(o!==r)}pl(e,t,n);break;case 1:if(!Ys&&(Xs(n,t),"function"==typeof(r=n.stateNode).componentWillUnmount))try{r.props=n.memoizedProps,r.state=n.memoizedState,r.componentWillUnmount()}catch(s){Ec(n,t,s)}pl(e,t,n);break;case 21:pl(e,t,n);break;case 22:1&n.mode?(Ys=(r=Ys)||null!==n.memoizedState,pl(e,t,n),Ys=r):pl(e,t,n);break;default:pl(e,t,n)}}function ml(e){var t=e.updateQueue;if(null!==t){e.updateQueue=null;var n=e.stateNode;null===n&&(n=e.stateNode=new Zs),t.forEach((function(t){var r=Oc.bind(null,e,t);n.has(t)||(n.add(t),t.then(r,r))}))}}function hl(e,t){var n=t.deletions;if(null!==n)for(var r=0;r<n.length;r++){var o=n[r];try{var i=e,s=t,l=s;e:for(;null!==l;){switch(l.tag){case 5:ul=l.stateNode,dl=!1;break e;case 3:case 4:ul=l.stateNode.containerInfo,dl=!0;break e}l=l.return}if(null===ul)throw Error(a(160));fl(i,s,o),ul=null,dl=!1;var c=o.alternate;null!==c&&(c.return=null),o.return=null}catch(u){Ec(o,t,u)}}if(12854&t.subtreeFlags)for(t=t.child;null!==t;)gl(t,e),t=t.sibling}function gl(e,t){var n=e.alternate,r=e.flags;switch(e.tag){case 0:case 11:case 14:case 15:if(hl(t,e),bl(e),4&r){try{nl(3,e,e.return),rl(3,e)}catch(g){Ec(e,e.return,g)}try{nl(5,e,e.return)}catch(g){Ec(e,e.return,g)}}break;case 1:hl(t,e),bl(e),512&r&&null!==n&&Xs(n,n.return);break;case 5:if(hl(t,e),bl(e),512&r&&null!==n&&Xs(n,n.return),32&e.flags){var o=e.stateNode;try{pe(o,"")}catch(g){Ec(e,e.return,g)}}if(4&r&&null!=(o=e.stateNode)){var i=e.memoizedProps,s=null!==n?n.memoizedProps:i,l=e.type,c=e.updateQueue;if(e.updateQueue=null,null!==c)try{"input"===l&&"radio"===i.type&&null!=i.name&&Z(o,i),ve(l,s);var u=ve(l,i);for(s=0;s<c.length;s+=2){var d=c[s],p=c[s+1];"style"===d?ge(o,p):"dangerouslySetInnerHTML"===d?de(o,p):"children"===d?pe(o,p):v(o,d,p,u)}switch(l){case"input":J(o,i);break;case"textarea":ae(o,i);break;case"select":var f=o._wrapperState.wasMultiple;o._wrapperState.wasMultiple=!!i.multiple;var m=i.value;null!=m?ne(o,!!i.multiple,m,!1):f!==!!i.multiple&&(null!=i.defaultValue?ne(o,!!i.multiple,i.defaultValue,!0):ne(o,!!i.multiple,i.multiple?[]:"",!1))}o[mo]=i}catch(g){Ec(e,e.return,g)}}break;case 6:if(hl(t,e),bl(e),4&r){if(null===e.stateNode)throw Error(a(162));o=e.stateNode,i=e.memoizedProps;try{o.nodeValue=i}catch(g){Ec(e,e.return,g)}}break;case 3:if(hl(t,e),bl(e),4&r&&null!==n&&n.memoizedState.isDehydrated)try{qt(t.containerInfo)}catch(g){Ec(e,e.return,g)}break;case 4:default:hl(t,e),bl(e);break;case 13:hl(t,e),bl(e),8192&(o=e.child).flags&&(i=null!==o.memoizedState,o.stateNode.isHidden=i,!i||null!==o.alternate&&null!==o.alternate.memoizedState||(Ul=Ze())),4&r&&ml(e);break;case 22:if(d=null!==n&&null!==n.memoizedState,1&e.mode?(Ys=(u=Ys)||d,hl(t,e),Ys=u):hl(t,e),bl(e),8192&r){if(u=null!==e.memoizedState,(e.stateNode.isHidden=u)&&!d&&1&e.mode)for(Js=e,d=e.child;null!==d;){for(p=Js=d;null!==Js;){switch(m=(f=Js).child,f.tag){case 0:case 11:case 14:case 15:nl(4,f,f.return);break;case 1:Xs(f,f.return);var h=f.stateNode;if("function"==typeof h.componentWillUnmount){r=f,n=f.return;try{t=r,h.props=t.memoizedProps,h.state=t.memoizedState,h.componentWillUnmount()}catch(g){Ec(r,n,g)}}break;case 5:Xs(f,f.return);break;case 22:if(null!==f.memoizedState){kl(p);continue}}null!==m?(m.return=f,Js=m):kl(p)}d=d.sibling}e:for(d=null,p=e;;){if(5===p.tag){if(null===d){d=p;try{o=p.stateNode,u?"function"==typeof(i=o.style).setProperty?i.setProperty("display","none","important"):i.display="none":(l=p.stateNode,s=null!=(c=p.memoizedProps.style)&&c.hasOwnProperty("display")?c.display:null,l.style.display=he("display",s))}catch(g){Ec(e,e.return,g)}}}else if(6===p.tag){if(null===d)try{p.stateNode.nodeValue=u?"":p.memoizedProps}catch(g){Ec(e,e.return,g)}}else if((22!==p.tag&&23!==p.tag||null===p.memoizedState||p===e)&&null!==p.child){p.child.return=p,p=p.child;continue}if(p===e)break e;for(;null===p.sibling;){if(null===p.return||p.return===e)break e;d===p&&(d=null),p=p.return}d===p&&(d=null),p.sibling.return=p.return,p=p.sibling}}break;case 19:hl(t,e),bl(e),4&r&&ml(e);case 21:}}function bl(e){var t=e.flags;if(2&t){try{e:{for(var n=e.return;null!==n;){if(il(n)){var r=n;break e}n=n.return}throw Error(a(160))}switch(r.tag){case 5:var o=r.stateNode;32&r.flags&&(pe(o,""),r.flags&=-33),cl(e,sl(e),o);break;case 3:case 4:var i=r.stateNode.containerInfo;ll(e,sl(e),i);break;default:throw Error(a(161))}}catch(s){Ec(e,e.return,s)}e.flags&=-3}4096&t&&(e.flags&=-4097)}function yl(e,t,n){Js=e,vl(e,t,n)}function vl(e,t,n){for(var r=!!(1&e.mode);null!==Js;){var o=Js,a=o.child;if(22===o.tag&&r){var i=null!==o.memoizedState||Qs;if(!i){var s=o.alternate,l=null!==s&&null!==s.memoizedState||Ys;s=Qs;var c=Ys;if(Qs=i,(Ys=l)&&!c)for(Js=o;null!==Js;)l=(i=Js).child,22===i.tag&&null!==i.memoizedState?Sl(o):null!==l?(l.return=i,Js=l):Sl(o);for(;null!==a;)Js=a,vl(a,t,n),a=a.sibling;Js=o,Qs=s,Ys=c}wl(e)}else 8772&o.subtreeFlags&&null!==a?(a.return=o,Js=a):wl(e)}}function wl(e){for(;null!==Js;){var t=Js;if(8772&t.flags){var n=t.alternate;try{if(8772&t.flags)switch(t.tag){case 0:case 11:case 15:Ys||rl(5,t);break;case 1:var r=t.stateNode;if(4&t.flags&&!Ys)if(null===n)r.componentDidMount();else{var o=t.elementType===t.type?n.memoizedProps:ns(t.type,n.memoizedProps);r.componentDidUpdate(o,n.memoizedState,r.__reactInternalSnapshotBeforeUpdate)}var i=t.updateQueue;null!==i&&Ha(t,i,r);break;case 3:var s=t.updateQueue;if(null!==s){if(n=null,null!==t.child)switch(t.child.tag){case 5:case 1:n=t.child.stateNode}Ha(t,s,n)}break;case 5:var l=t.stateNode;if(null===n&&4&t.flags){n=l;var c=t.memoizedProps;switch(t.type){case"button":case"input":case"select":case"textarea":c.autoFocus&&n.focus();break;case"img":c.src&&(n.src=c.src)}}break;case 6:case 4:case 12:case 19:case 17:case 21:case 22:case 23:case 25:break;case 13:if(null===t.memoizedState){var u=t.alternate;if(null!==u){var d=u.memoizedState;if(null!==d){var p=d.dehydrated;null!==p&&qt(p)}}}break;default:throw Error(a(163))}Ys||512&t.flags&&ol(t)}catch(f){Ec(t,t.return,f)}}if(t===e){Js=null;break}if(null!==(n=t.sibling)){n.return=t.return,Js=n;break}Js=t.return}}function kl(e){for(;null!==Js;){var t=Js;if(t===e){Js=null;break}var n=t.sibling;if(null!==n){n.return=t.return,Js=n;break}Js=t.return}}function Sl(e){for(;null!==Js;){var t=Js;try{switch(t.tag){case 0:case 11:case 15:var n=t.return;try{rl(4,t)}catch(l){Ec(t,n,l)}break;case 1:var r=t.stateNode;if("function"==typeof r.componentDidMount){var o=t.return;try{r.componentDidMount()}catch(l){Ec(t,o,l)}}var a=t.return;try{ol(t)}catch(l){Ec(t,a,l)}break;case 5:var i=t.return;try{ol(t)}catch(l){Ec(t,i,l)}}}catch(l){Ec(t,t.return,l)}if(t===e){Js=null;break}var s=t.sibling;if(null!==s){s.return=t.return,Js=s;break}Js=t.return}}var xl,El=Math.ceil,_l=w.ReactCurrentDispatcher,jl=w.ReactCurrentOwner,Cl=w.ReactCurrentBatchConfig,Ol=0,Al=null,Tl=null,Pl=0,zl=0,Il=_o(0),Ll=0,Nl=null,Rl=0,Dl=0,Ml=0,Fl=null,Bl=null,Ul=0,ql=1/0,$l=null,Hl=!1,Vl=null,Gl=null,Wl=!1,Kl=null,Ql=0,Yl=0,Zl=null,Jl=-1,Xl=0;function ec(){return 6&Ol?Ze():-1!==Jl?Jl:Jl=Ze()}function tc(e){return 1&e.mode?2&Ol&&0!==Pl?Pl&-Pl:null!==ga.transition?(0===Xl&&(Xl=ht()),Xl):0!==(e=vt)?e:e=void 0===(e=window.event)?16:Yt(e.type):1}function nc(e,t,n,r){if(50<Yl)throw Yl=0,Zl=null,Error(a(185));bt(e,n,r),2&Ol&&e===Al||(e===Al&&(!(2&Ol)&&(Dl|=n),4===Ll&&sc(e,Pl)),rc(e,r),1===n&&0===Ol&&!(1&t.mode)&&(ql=Ze()+500,Bo&&$o()))}function rc(e,t){var n=e.callbackNode;!function(e,t){for(var n=e.suspendedLanes,r=e.pingedLanes,o=e.expirationTimes,a=e.pendingLanes;0<a;){var i=31-it(a),s=1<<i,l=o[i];-1===l?s&n&&!(s&r)||(o[i]=ft(s,t)):l<=t&&(e.expiredLanes|=s),a&=~s}}(e,t);var r=pt(e,e===Al?Pl:0);if(0===r)null!==n&&Ke(n),e.callbackNode=null,e.callbackPriority=0;else if(t=r&-r,e.callbackPriority!==t){if(null!=n&&Ke(n),1===t)0===e.tag?function(e){Bo=!0,qo(e)}(lc.bind(null,e)):qo(lc.bind(null,e)),io((function(){!(6&Ol)&&$o()})),n=null;else{switch(wt(r)){case 1:n=Xe;break;case 4:n=et;break;case 16:default:n=tt;break;case 536870912:n=rt}n=Ac(n,oc.bind(null,e))}e.callbackPriority=t,e.callbackNode=n}}function oc(e,t){if(Jl=-1,Xl=0,6&Ol)throw Error(a(327));var n=e.callbackNode;if(Sc()&&e.callbackNode!==n)return null;var r=pt(e,e===Al?Pl:0);if(0===r)return null;if(30&r||r&e.expiredLanes||t)t=gc(e,r);else{t=r;var o=Ol;Ol|=2;var i=mc();for(Al===e&&Pl===t||($l=null,ql=Ze()+500,pc(e,t));;)try{yc();break}catch(l){fc(e,l)}Ca(),_l.current=i,Ol=o,null!==Tl?t=0:(Al=null,Pl=0,t=Ll)}if(0!==t){if(2===t&&(0!==(o=mt(e))&&(r=o,t=ac(e,o))),1===t)throw n=Nl,pc(e,0),sc(e,r),rc(e,Ze()),n;if(6===t)sc(e,r);else{if(o=e.current.alternate,!(30&r||function(e){for(var t=e;;){if(16384&t.flags){var n=t.updateQueue;if(null!==n&&null!==(n=n.stores))for(var r=0;r<n.length;r++){var o=n[r],a=o.getSnapshot;o=o.value;try{if(!sr(a(),o))return!1}catch(s){return!1}}}if(n=t.child,16384&t.subtreeFlags&&null!==n)n.return=t,t=n;else{if(t===e)break;for(;null===t.sibling;){if(null===t.return||t.return===e)return!0;t=t.return}t.sibling.return=t.return,t=t.sibling}}return!0}(o)||(t=gc(e,r),2===t&&(i=mt(e),0!==i&&(r=i,t=ac(e,i))),1!==t)))throw n=Nl,pc(e,0),sc(e,r),rc(e,Ze()),n;switch(e.finishedWork=o,e.finishedLanes=r,t){case 0:case 1:throw Error(a(345));case 2:case 5:kc(e,Bl,$l);break;case 3:if(sc(e,r),(130023424&r)===r&&10<(t=Ul+500-Ze())){if(0!==pt(e,0))break;if(((o=e.suspendedLanes)&r)!==r){ec(),e.pingedLanes|=e.suspendedLanes&o;break}e.timeoutHandle=ro(kc.bind(null,e,Bl,$l),t);break}kc(e,Bl,$l);break;case 4:if(sc(e,r),(4194240&r)===r)break;for(t=e.eventTimes,o=-1;0<r;){var s=31-it(r);i=1<<s,(s=t[s])>o&&(o=s),r&=~i}if(r=o,10<(r=(120>(r=Ze()-r)?120:480>r?480:1080>r?1080:1920>r?1920:3e3>r?3e3:4320>r?4320:1960*El(r/1960))-r)){e.timeoutHandle=ro(kc.bind(null,e,Bl,$l),r);break}kc(e,Bl,$l);break;default:throw Error(a(329))}}}return rc(e,Ze()),e.callbackNode===n?oc.bind(null,e):null}function ac(e,t){var n=Fl;return e.current.memoizedState.isDehydrated&&(pc(e,t).flags|=256),2!==(e=gc(e,t))&&(t=Bl,Bl=n,null!==t&&ic(t)),e}function ic(e){null===Bl?Bl=e:Bl.push.apply(Bl,e)}function sc(e,t){for(t&=~Ml,t&=~Dl,e.suspendedLanes|=t,e.pingedLanes&=~t,e=e.expirationTimes;0<t;){var n=31-it(t),r=1<<n;e[n]=-1,t&=~r}}function lc(e){if(6&Ol)throw Error(a(327));Sc();var t=pt(e,0);if(!(1&t))return rc(e,Ze()),null;var n=gc(e,t);if(0!==e.tag&&2===n){var r=mt(e);0!==r&&(t=r,n=ac(e,r))}if(1===n)throw n=Nl,pc(e,0),sc(e,t),rc(e,Ze()),n;if(6===n)throw Error(a(345));return e.finishedWork=e.current.alternate,e.finishedLanes=t,kc(e,Bl,$l),rc(e,Ze()),null}function cc(e,t){var n=Ol;Ol|=1;try{return e(t)}finally{0===(Ol=n)&&(ql=Ze()+500,Bo&&$o())}}function uc(e){null!==Kl&&0===Kl.tag&&!(6&Ol)&&Sc();var t=Ol;Ol|=1;var n=Cl.transition,r=vt;try{if(Cl.transition=null,vt=1,e)return e()}finally{vt=r,Cl.transition=n,!(6&(Ol=t))&&$o()}}function dc(){zl=Il.current,jo(Il)}function pc(e,t){e.finishedWork=null,e.finishedLanes=0;var n=e.timeoutHandle;if(-1!==n&&(e.timeoutHandle=-1,oo(n)),null!==Tl)for(n=Tl.return;null!==n;){var r=n;switch(na(r),r.tag){case 1:null!=(r=r.type.childContextTypes)&&Lo();break;case 3:Za(),jo(To),jo(Ao),ri();break;case 5:Xa(r);break;case 4:Za();break;case 13:case 19:jo(ei);break;case 10:Oa(r.type._context);break;case 22:case 23:dc()}n=n.return}if(Al=e,Tl=e=Ic(e.current,null),Pl=zl=t,Ll=0,Nl=null,Ml=Dl=Rl=0,Bl=Fl=null,null!==za){for(t=0;t<za.length;t++)if(null!==(r=(n=za[t]).interleaved)){n.interleaved=null;var o=r.next,a=n.pending;if(null!==a){var i=a.next;a.next=o,r.next=i}n.pending=r}za=null}return e}function fc(e,t){for(;;){var n=Tl;try{if(Ca(),oi.current=Ji,ui){for(var r=si.memoizedState;null!==r;){var o=r.queue;null!==o&&(o.pending=null),r=r.next}ui=!1}if(ii=0,ci=li=si=null,di=!1,pi=0,jl.current=null,null===n||null===n.return){Ll=1,Nl=t,Tl=null;break}e:{var i=e,s=n.return,l=n,c=t;if(t=Pl,l.flags|=32768,null!==c&&"object"==typeof c&&"function"==typeof c.then){var u=c,d=l,p=d.tag;if(!(1&d.mode||0!==p&&11!==p&&15!==p)){var f=d.alternate;f?(d.updateQueue=f.updateQueue,d.memoizedState=f.memoizedState,d.lanes=f.lanes):(d.updateQueue=null,d.memoizedState=null)}var m=gs(s);if(null!==m){m.flags&=-257,bs(m,s,l,0,t),1&m.mode&&hs(i,u,t),c=u;var h=(t=m).updateQueue;if(null===h){var g=new Set;g.add(c),t.updateQueue=g}else h.add(c);break e}if(!(1&t)){hs(i,u,t),hc();break e}c=Error(a(426))}else if(aa&&1&l.mode){var b=gs(s);if(null!==b){!(65536&b.flags)&&(b.flags|=256),bs(b,s,l,0,t),ha(cs(c,l));break e}}i=c=cs(c,l),4!==Ll&&(Ll=2),null===Fl?Fl=[i]:Fl.push(i),i=s;do{switch(i.tag){case 3:i.flags|=65536,t&=-t,i.lanes|=t,qa(i,fs(0,c,t));break e;case 1:l=c;var y=i.type,v=i.stateNode;if(!(128&i.flags||"function"!=typeof y.getDerivedStateFromError&&(null===v||"function"!=typeof v.componentDidCatch||null!==Gl&&Gl.has(v)))){i.flags|=65536,t&=-t,i.lanes|=t,qa(i,ms(i,l,t));break e}}i=i.return}while(null!==i)}wc(n)}catch(w){t=w,Tl===n&&null!==n&&(Tl=n=n.return);continue}break}}function mc(){var e=_l.current;return _l.current=Ji,null===e?Ji:e}function hc(){0!==Ll&&3!==Ll&&2!==Ll||(Ll=4),null===Al||!(268435455&Rl)&&!(268435455&Dl)||sc(Al,Pl)}function gc(e,t){var n=Ol;Ol|=2;var r=mc();for(Al===e&&Pl===t||($l=null,pc(e,t));;)try{bc();break}catch(o){fc(e,o)}if(Ca(),Ol=n,_l.current=r,null!==Tl)throw Error(a(261));return Al=null,Pl=0,Ll}function bc(){for(;null!==Tl;)vc(Tl)}function yc(){for(;null!==Tl&&!Qe();)vc(Tl)}function vc(e){var t=xl(e.alternate,e,zl);e.memoizedProps=e.pendingProps,null===t?wc(e):Tl=t,jl.current=null}function wc(e){var t=e;do{var n=t.alternate;if(e=t.return,32768&t.flags){if(null!==(n=Ks(n,t)))return n.flags&=32767,void(Tl=n);if(null===e)return Ll=6,void(Tl=null);e.flags|=32768,e.subtreeFlags=0,e.deletions=null}else if(null!==(n=Ws(n,t,zl)))return void(Tl=n);if(null!==(t=t.sibling))return void(Tl=t);Tl=t=e}while(null!==t);0===Ll&&(Ll=5)}function kc(e,t,n){var r=vt,o=Cl.transition;try{Cl.transition=null,vt=1,function(e,t,n,r){do{Sc()}while(null!==Kl);if(6&Ol)throw Error(a(327));n=e.finishedWork;var o=e.finishedLanes;if(null===n)return null;if(e.finishedWork=null,e.finishedLanes=0,n===e.current)throw Error(a(177));e.callbackNode=null,e.callbackPriority=0;var i=n.lanes|n.childLanes;if(function(e,t){var n=e.pendingLanes&~t;e.pendingLanes=t,e.suspendedLanes=0,e.pingedLanes=0,e.expiredLanes&=t,e.mutableReadLanes&=t,e.entangledLanes&=t,t=e.entanglements;var r=e.eventTimes;for(e=e.expirationTimes;0<n;){var o=31-it(n),a=1<<o;t[o]=0,r[o]=-1,e[o]=-1,n&=~a}}(e,i),e===Al&&(Tl=Al=null,Pl=0),!(2064&n.subtreeFlags)&&!(2064&n.flags)||Wl||(Wl=!0,Ac(tt,(function(){return Sc(),null}))),i=!!(15990&n.flags),!!(15990&n.subtreeFlags)||i){i=Cl.transition,Cl.transition=null;var s=vt;vt=1;var l=Ol;Ol|=4,jl.current=null,function(e,t){if(eo=Ht,fr(e=pr())){if("selectionStart"in e)var n={start:e.selectionStart,end:e.selectionEnd};else e:{var r=(n=(n=e.ownerDocument)&&n.defaultView||window).getSelection&&n.getSelection();if(r&&0!==r.rangeCount){n=r.anchorNode;var o=r.anchorOffset,i=r.focusNode;r=r.focusOffset;try{n.nodeType,i.nodeType}catch(k){n=null;break e}var s=0,l=-1,c=-1,u=0,d=0,p=e,f=null;t:for(;;){for(var m;p!==n||0!==o&&3!==p.nodeType||(l=s+o),p!==i||0!==r&&3!==p.nodeType||(c=s+r),3===p.nodeType&&(s+=p.nodeValue.length),null!==(m=p.firstChild);)f=p,p=m;for(;;){if(p===e)break t;if(f===n&&++u===o&&(l=s),f===i&&++d===r&&(c=s),null!==(m=p.nextSibling))break;f=(p=f).parentNode}p=m}n=-1===l||-1===c?null:{start:l,end:c}}else n=null}n=n||{start:0,end:0}}else n=null;for(to={focusedElem:e,selectionRange:n},Ht=!1,Js=t;null!==Js;)if(e=(t=Js).child,1028&t.subtreeFlags&&null!==e)e.return=t,Js=e;else for(;null!==Js;){t=Js;try{var h=t.alternate;if(1024&t.flags)switch(t.tag){case 0:case 11:case 15:case 5:case 6:case 4:case 17:break;case 1:if(null!==h){var g=h.memoizedProps,b=h.memoizedState,y=t.stateNode,v=y.getSnapshotBeforeUpdate(t.elementType===t.type?g:ns(t.type,g),b);y.__reactInternalSnapshotBeforeUpdate=v}break;case 3:var w=t.stateNode.containerInfo;1===w.nodeType?w.textContent="":9===w.nodeType&&w.documentElement&&w.removeChild(w.documentElement);break;default:throw Error(a(163))}}catch(k){Ec(t,t.return,k)}if(null!==(e=t.sibling)){e.return=t.return,Js=e;break}Js=t.return}h=tl,tl=!1}(e,n),gl(n,e),mr(to),Ht=!!eo,to=eo=null,e.current=n,yl(n,e,o),Ye(),Ol=l,vt=s,Cl.transition=i}else e.current=n;if(Wl&&(Wl=!1,Kl=e,Ql=o),i=e.pendingLanes,0===i&&(Gl=null),function(e){if(at&&"function"==typeof at.onCommitFiberRoot)try{at.onCommitFiberRoot(ot,e,void 0,!(128&~e.current.flags))}catch(t){}}(n.stateNode),rc(e,Ze()),null!==t)for(r=e.onRecoverableError,n=0;n<t.length;n++)o=t[n],r(o.value,{componentStack:o.stack,digest:o.digest});if(Hl)throw Hl=!1,e=Vl,Vl=null,e;!!(1&Ql)&&0!==e.tag&&Sc(),i=e.pendingLanes,1&i?e===Zl?Yl++:(Yl=0,Zl=e):Yl=0,$o()}(e,t,n,r)}finally{Cl.transition=o,vt=r}return null}function Sc(){if(null!==Kl){var e=wt(Ql),t=Cl.transition,n=vt;try{if(Cl.transition=null,vt=16>e?16:e,null===Kl)var r=!1;else{if(e=Kl,Kl=null,Ql=0,6&Ol)throw Error(a(331));var o=Ol;for(Ol|=4,Js=e.current;null!==Js;){var i=Js,s=i.child;if(16&Js.flags){var l=i.deletions;if(null!==l){for(var c=0;c<l.length;c++){var u=l[c];for(Js=u;null!==Js;){var d=Js;switch(d.tag){case 0:case 11:case 15:nl(8,d,i)}var p=d.child;if(null!==p)p.return=d,Js=p;else for(;null!==Js;){var f=(d=Js).sibling,m=d.return;if(al(d),d===u){Js=null;break}if(null!==f){f.return=m,Js=f;break}Js=m}}}var h=i.alternate;if(null!==h){var g=h.child;if(null!==g){h.child=null;do{var b=g.sibling;g.sibling=null,g=b}while(null!==g)}}Js=i}}if(2064&i.subtreeFlags&&null!==s)s.return=i,Js=s;else e:for(;null!==Js;){if(2048&(i=Js).flags)switch(i.tag){case 0:case 11:case 15:nl(9,i,i.return)}var y=i.sibling;if(null!==y){y.return=i.return,Js=y;break e}Js=i.return}}var v=e.current;for(Js=v;null!==Js;){var w=(s=Js).child;if(2064&s.subtreeFlags&&null!==w)w.return=s,Js=w;else e:for(s=v;null!==Js;){if(2048&(l=Js).flags)try{switch(l.tag){case 0:case 11:case 15:rl(9,l)}}catch(S){Ec(l,l.return,S)}if(l===s){Js=null;break e}var k=l.sibling;if(null!==k){k.return=l.return,Js=k;break e}Js=l.return}}if(Ol=o,$o(),at&&"function"==typeof at.onPostCommitFiberRoot)try{at.onPostCommitFiberRoot(ot,e)}catch(S){}r=!0}return r}finally{vt=n,Cl.transition=t}}return!1}function xc(e,t,n){e=Ba(e,t=fs(0,t=cs(n,t),1),1),t=ec(),null!==e&&(bt(e,1,t),rc(e,t))}function Ec(e,t,n){if(3===e.tag)xc(e,e,n);else for(;null!==t;){if(3===t.tag){xc(t,e,n);break}if(1===t.tag){var r=t.stateNode;if("function"==typeof t.type.getDerivedStateFromError||"function"==typeof r.componentDidCatch&&(null===Gl||!Gl.has(r))){t=Ba(t,e=ms(t,e=cs(n,e),1),1),e=ec(),null!==t&&(bt(t,1,e),rc(t,e));break}}t=t.return}}function _c(e,t,n){var r=e.pingCache;null!==r&&r.delete(t),t=ec(),e.pingedLanes|=e.suspendedLanes&n,Al===e&&(Pl&n)===n&&(4===Ll||3===Ll&&(130023424&Pl)===Pl&&500>Ze()-Ul?pc(e,0):Ml|=n),rc(e,t)}function jc(e,t){0===t&&(1&e.mode?(t=ut,!(130023424&(ut<<=1))&&(ut=4194304)):t=1);var n=ec();null!==(e=Na(e,t))&&(bt(e,t,n),rc(e,n))}function Cc(e){var t=e.memoizedState,n=0;null!==t&&(n=t.retryLane),jc(e,n)}function Oc(e,t){var n=0;switch(e.tag){case 13:var r=e.stateNode,o=e.memoizedState;null!==o&&(n=o.retryLane);break;case 19:r=e.stateNode;break;default:throw Error(a(314))}null!==r&&r.delete(t),jc(e,n)}function Ac(e,t){return We(e,t)}function Tc(e,t,n,r){this.tag=e,this.key=n,this.sibling=this.child=this.return=this.stateNode=this.type=this.elementType=null,this.index=0,this.ref=null,this.pendingProps=t,this.dependencies=this.memoizedState=this.updateQueue=this.memoizedProps=null,this.mode=r,this.subtreeFlags=this.flags=0,this.deletions=null,this.childLanes=this.lanes=0,this.alternate=null}function Pc(e,t,n,r){return new Tc(e,t,n,r)}function zc(e){return!(!(e=e.prototype)||!e.isReactComponent)}function Ic(e,t){var n=e.alternate;return null===n?((n=Pc(e.tag,t,e.key,e.mode)).elementType=e.elementType,n.type=e.type,n.stateNode=e.stateNode,n.alternate=e,e.alternate=n):(n.pendingProps=t,n.type=e.type,n.flags=0,n.subtreeFlags=0,n.deletions=null),n.flags=14680064&e.flags,n.childLanes=e.childLanes,n.lanes=e.lanes,n.child=e.child,n.memoizedProps=e.memoizedProps,n.memoizedState=e.memoizedState,n.updateQueue=e.updateQueue,t=e.dependencies,n.dependencies=null===t?null:{lanes:t.lanes,firstContext:t.firstContext},n.sibling=e.sibling,n.index=e.index,n.ref=e.ref,n}function Lc(e,t,n,r,o,i){var s=2;if(r=e,"function"==typeof e)zc(e)&&(s=1);else if("string"==typeof e)s=5;else e:switch(e){case x:return Nc(n.children,o,i,t);case E:s=8,o|=8;break;case _:return(e=Pc(12,n,t,2|o)).elementType=_,e.lanes=i,e;case A:return(e=Pc(13,n,t,o)).elementType=A,e.lanes=i,e;case T:return(e=Pc(19,n,t,o)).elementType=T,e.lanes=i,e;case I:return Rc(n,o,i,t);default:if("object"==typeof e&&null!==e)switch(e.$$typeof){case j:s=10;break e;case C:s=9;break e;case O:s=11;break e;case P:s=14;break e;case z:s=16,r=null;break e}throw Error(a(130,null==e?e:typeof e,""))}return(t=Pc(s,n,t,o)).elementType=e,t.type=r,t.lanes=i,t}function Nc(e,t,n,r){return(e=Pc(7,e,r,t)).lanes=n,e}function Rc(e,t,n,r){return(e=Pc(22,e,r,t)).elementType=I,e.lanes=n,e.stateNode={isHidden:!1},e}function Dc(e,t,n){return(e=Pc(6,e,null,t)).lanes=n,e}function Mc(e,t,n){return(t=Pc(4,null!==e.children?e.children:[],e.key,t)).lanes=n,t.stateNode={containerInfo:e.containerInfo,pendingChildren:null,implementation:e.implementation},t}function Fc(e,t,n,r,o){this.tag=t,this.containerInfo=e,this.finishedWork=this.pingCache=this.current=this.pendingChildren=null,this.timeoutHandle=-1,this.callbackNode=this.pendingContext=this.context=null,this.callbackPriority=0,this.eventTimes=gt(0),this.expirationTimes=gt(-1),this.entangledLanes=this.finishedLanes=this.mutableReadLanes=this.expiredLanes=this.pingedLanes=this.suspendedLanes=this.pendingLanes=0,this.entanglements=gt(0),this.identifierPrefix=r,this.onRecoverableError=o,this.mutableSourceEagerHydrationData=null}function Bc(e,t,n,r,o,a,i,s,l){return e=new Fc(e,t,n,s,l),1===t?(t=1,!0===a&&(t|=8)):t=0,a=Pc(3,null,null,t),e.current=a,a.stateNode=e,a.memoizedState={element:r,isDehydrated:n,cache:null,transitions:null,pendingSuspenseBoundaries:null},Da(a),e}function Uc(e){if(!e)return Oo;e:{if(qe(e=e._reactInternals)!==e||1!==e.tag)throw Error(a(170));var t=e;do{switch(t.tag){case 3:t=t.stateNode.context;break e;case 1:if(Io(t.type)){t=t.stateNode.__reactInternalMemoizedMergedChildContext;break e}}t=t.return}while(null!==t);throw Error(a(171))}if(1===e.tag){var n=e.type;if(Io(n))return Ro(e,n,t)}return t}function qc(e,t,n,r,o,a,i,s,l){return(e=Bc(n,r,!0,e,0,a,0,s,l)).context=Uc(null),n=e.current,(a=Fa(r=ec(),o=tc(n))).callback=null!=t?t:null,Ba(n,a,o),e.current.lanes=o,bt(e,o,r),rc(e,r),e}function $c(e,t,n,r){var o=t.current,a=ec(),i=tc(o);return n=Uc(n),null===t.context?t.context=n:t.pendingContext=n,(t=Fa(a,i)).payload={element:e},null!==(r=void 0===r?null:r)&&(t.callback=r),null!==(e=Ba(o,t,i))&&(nc(e,o,i,a),Ua(e,o,i)),i}function Hc(e){return(e=e.current).child?(e.child.tag,e.child.stateNode):null}function Vc(e,t){if(null!==(e=e.memoizedState)&&null!==e.dehydrated){var n=e.retryLane;e.retryLane=0!==n&&n<t?n:t}}function Gc(e,t){Vc(e,t),(e=e.alternate)&&Vc(e,t)}xl=function(e,t,n){if(null!==e)if(e.memoizedProps!==t.pendingProps||To.current)vs=!0;else{if(!(e.lanes&n||128&t.flags))return vs=!1,function(e,t,n){switch(t.tag){case 3:As(t),ma();break;case 5:Ja(t);break;case 1:Io(t.type)&&Do(t);break;case 4:Ya(t,t.stateNode.containerInfo);break;case 10:var r=t.type._context,o=t.memoizedProps.value;Co(xa,r._currentValue),r._currentValue=o;break;case 13:if(null!==(r=t.memoizedState))return null!==r.dehydrated?(Co(ei,1&ei.current),t.flags|=128,null):n&t.child.childLanes?Ds(e,t,n):(Co(ei,1&ei.current),null!==(e=Hs(e,t,n))?e.sibling:null);Co(ei,1&ei.current);break;case 19:if(r=!!(n&t.childLanes),128&e.flags){if(r)return qs(e,t,n);t.flags|=128}if(null!==(o=t.memoizedState)&&(o.rendering=null,o.tail=null,o.lastEffect=null),Co(ei,ei.current),r)break;return null;case 22:case 23:return t.lanes=0,Es(e,t,n)}return Hs(e,t,n)}(e,t,n);vs=!!(131072&e.flags)}else vs=!1,aa&&1048576&t.flags&&ea(t,Wo,t.index);switch(t.lanes=0,t.tag){case 2:var r=t.type;$s(e,t),e=t.pendingProps;var o=zo(t,Ao.current);Ta(t,n),o=gi(null,t,r,e,o,n);var i=bi();return t.flags|=1,"object"==typeof o&&null!==o&&"function"==typeof o.render&&void 0===o.$$typeof?(t.tag=1,t.memoizedState=null,t.updateQueue=null,Io(r)?(i=!0,Do(t)):i=!1,t.memoizedState=null!==o.state&&void 0!==o.state?o.state:null,Da(t),o.updater=os,t.stateNode=o,o._reactInternals=t,ls(t,r,e,n),t=Os(null,t,r,!0,i,n)):(t.tag=0,aa&&i&&ta(t),ws(null,t,o,n),t=t.child),t;case 16:r=t.elementType;e:{switch($s(e,t),e=t.pendingProps,r=(o=r._init)(r._payload),t.type=r,o=t.tag=function(e){if("function"==typeof e)return zc(e)?1:0;if(null!=e){if((e=e.$$typeof)===O)return 11;if(e===P)return 14}return 2}(r),e=ns(r,e),o){case 0:t=js(null,t,r,e,n);break e;case 1:t=Cs(null,t,r,e,n);break e;case 11:t=ks(null,t,r,e,n);break e;case 14:t=Ss(null,t,r,ns(r.type,e),n);break e}throw Error(a(306,r,""))}return t;case 0:return r=t.type,o=t.pendingProps,js(e,t,r,o=t.elementType===r?o:ns(r,o),n);case 1:return r=t.type,o=t.pendingProps,Cs(e,t,r,o=t.elementType===r?o:ns(r,o),n);case 3:e:{if(As(t),null===e)throw Error(a(387));r=t.pendingProps,o=(i=t.memoizedState).element,Ma(e,t),$a(t,r,null,n);var s=t.memoizedState;if(r=s.element,i.isDehydrated){if(i={element:r,isDehydrated:!1,cache:s.cache,pendingSuspenseBoundaries:s.pendingSuspenseBoundaries,transitions:s.transitions},t.updateQueue.baseState=i,t.memoizedState=i,256&t.flags){t=Ts(e,t,r,n,o=cs(Error(a(423)),t));break e}if(r!==o){t=Ts(e,t,r,n,o=cs(Error(a(424)),t));break e}for(oa=co(t.stateNode.containerInfo.firstChild),ra=t,aa=!0,ia=null,n=Sa(t,null,r,n),t.child=n;n;)n.flags=-3&n.flags|4096,n=n.sibling}else{if(ma(),r===o){t=Hs(e,t,n);break e}ws(e,t,r,n)}t=t.child}return t;case 5:return Ja(t),null===e&&ua(t),r=t.type,o=t.pendingProps,i=null!==e?e.memoizedProps:null,s=o.children,no(r,o)?s=null:null!==i&&no(r,i)&&(t.flags|=32),_s(e,t),ws(e,t,s,n),t.child;case 6:return null===e&&ua(t),null;case 13:return Ds(e,t,n);case 4:return Ya(t,t.stateNode.containerInfo),r=t.pendingProps,null===e?t.child=ka(t,null,r,n):ws(e,t,r,n),t.child;case 11:return r=t.type,o=t.pendingProps,ks(e,t,r,o=t.elementType===r?o:ns(r,o),n);case 7:return ws(e,t,t.pendingProps,n),t.child;case 8:case 12:return ws(e,t,t.pendingProps.children,n),t.child;case 10:e:{if(r=t.type._context,o=t.pendingProps,i=t.memoizedProps,s=o.value,Co(xa,r._currentValue),r._currentValue=s,null!==i)if(sr(i.value,s)){if(i.children===o.children&&!To.current){t=Hs(e,t,n);break e}}else for(null!==(i=t.child)&&(i.return=t);null!==i;){var l=i.dependencies;if(null!==l){s=i.child;for(var c=l.firstContext;null!==c;){if(c.context===r){if(1===i.tag){(c=Fa(-1,n&-n)).tag=2;var u=i.updateQueue;if(null!==u){var d=(u=u.shared).pending;null===d?c.next=c:(c.next=d.next,d.next=c),u.pending=c}}i.lanes|=n,null!==(c=i.alternate)&&(c.lanes|=n),Aa(i.return,n,t),l.lanes|=n;break}c=c.next}}else if(10===i.tag)s=i.type===t.type?null:i.child;else if(18===i.tag){if(null===(s=i.return))throw Error(a(341));s.lanes|=n,null!==(l=s.alternate)&&(l.lanes|=n),Aa(s,n,t),s=i.sibling}else s=i.child;if(null!==s)s.return=i;else for(s=i;null!==s;){if(s===t){s=null;break}if(null!==(i=s.sibling)){i.return=s.return,s=i;break}s=s.return}i=s}ws(e,t,o.children,n),t=t.child}return t;case 9:return o=t.type,r=t.pendingProps.children,Ta(t,n),r=r(o=Pa(o)),t.flags|=1,ws(e,t,r,n),t.child;case 14:return o=ns(r=t.type,t.pendingProps),Ss(e,t,r,o=ns(r.type,o),n);case 15:return xs(e,t,t.type,t.pendingProps,n);case 17:return r=t.type,o=t.pendingProps,o=t.elementType===r?o:ns(r,o),$s(e,t),t.tag=1,Io(r)?(e=!0,Do(t)):e=!1,Ta(t,n),is(t,r,o),ls(t,r,o,n),Os(null,t,r,!0,e,n);case 19:return qs(e,t,n);case 22:return Es(e,t,n)}throw Error(a(156,t.tag))};var Wc="function"==typeof reportError?reportError:function(e){console.error(e)};function Kc(e){this._internalRoot=e}function Qc(e){this._internalRoot=e}function Yc(e){return!(!e||1!==e.nodeType&&9!==e.nodeType&&11!==e.nodeType)}function Zc(e){return!(!e||1!==e.nodeType&&9!==e.nodeType&&11!==e.nodeType&&(8!==e.nodeType||" react-mount-point-unstable "!==e.nodeValue))}function Jc(){}function Xc(e,t,n,r,o){var a=n._reactRootContainer;if(a){var i=a;if("function"==typeof o){var s=o;o=function(){var e=Hc(i);s.call(e)}}$c(t,i,e,o)}else i=function(e,t,n,r,o){if(o){if("function"==typeof r){var a=r;r=function(){var e=Hc(i);a.call(e)}}var i=qc(t,r,e,0,null,!1,0,"",Jc);return e._reactRootContainer=i,e[ho]=i.current,qr(8===e.nodeType?e.parentNode:e),uc(),i}for(;o=e.lastChild;)e.removeChild(o);if("function"==typeof r){var s=r;r=function(){var e=Hc(l);s.call(e)}}var l=Bc(e,0,!1,null,0,!1,0,"",Jc);return e._reactRootContainer=l,e[ho]=l.current,qr(8===e.nodeType?e.parentNode:e),uc((function(){$c(t,l,n,r)})),l}(n,t,e,o,r);return Hc(i)}Qc.prototype.render=Kc.prototype.render=function(e){var t=this._internalRoot;if(null===t)throw Error(a(409));$c(e,t,null,null)},Qc.prototype.unmount=Kc.prototype.unmount=function(){var e=this._internalRoot;if(null!==e){this._internalRoot=null;var t=e.containerInfo;uc((function(){$c(null,e,null,null)})),t[ho]=null}},Qc.prototype.unstable_scheduleHydration=function(e){if(e){var t=Et();e={blockedOn:null,target:e,priority:t};for(var n=0;n<It.length&&0!==t&&t<It[n].priority;n++);It.splice(n,0,e),0===n&&Dt(e)}},kt=function(e){switch(e.tag){case 3:var t=e.stateNode;if(t.current.memoizedState.isDehydrated){var n=dt(t.pendingLanes);0!==n&&(yt(t,1|n),rc(t,Ze()),!(6&Ol)&&(ql=Ze()+500,$o()))}break;case 13:uc((function(){var t=Na(e,1);if(null!==t){var n=ec();nc(t,e,1,n)}})),Gc(e,1)}},St=function(e){if(13===e.tag){var t=Na(e,134217728);if(null!==t)nc(t,e,134217728,ec());Gc(e,134217728)}},xt=function(e){if(13===e.tag){var t=tc(e),n=Na(e,t);if(null!==n)nc(n,e,t,ec());Gc(e,t)}},Et=function(){return vt},_t=function(e,t){var n=vt;try{return vt=e,t()}finally{vt=n}},Se=function(e,t,n){switch(t){case"input":if(J(e,n),t=n.name,"radio"===n.type&&null!=t){for(n=e;n.parentNode;)n=n.parentNode;for(n=n.querySelectorAll("input[name="+JSON.stringify(""+t)+'][type="radio"]'),t=0;t<n.length;t++){var r=n[t];if(r!==e&&r.form===e.form){var o=So(r);if(!o)throw Error(a(90));W(r),J(r,o)}}}break;case"textarea":ae(e,n);break;case"select":null!=(t=n.value)&&ne(e,!!n.multiple,t,!1)}},Oe=cc,Ae=uc;var eu={usingClientEntryPoint:!1,Events:[wo,ko,So,je,Ce,cc]},tu={findFiberByHostInstance:vo,bundleType:0,version:"18.3.1",rendererPackageName:"react-dom"},nu={bundleType:tu.bundleType,version:tu.version,rendererPackageName:tu.rendererPackageName,rendererConfig:tu.rendererConfig,overrideHookState:null,overrideHookStateDeletePath:null,overrideHookStateRenamePath:null,overrideProps:null,overridePropsDeletePath:null,overridePropsRenamePath:null,setErrorHandler:null,setSuspenseHandler:null,scheduleUpdate:null,currentDispatcherRef:w.ReactCurrentDispatcher,findHostInstanceByFiber:function(e){return null===(e=Ve(e))?null:e.stateNode},findFiberByHostInstance:tu.findFiberByHostInstance||function(){return null},findHostInstancesForRefresh:null,scheduleRefresh:null,scheduleRoot:null,setRefreshHandler:null,getCurrentFiber:null,reconcilerVersion:"18.3.1-next-f1338f8080-20240426"};if("undefined"!=typeof __REACT_DEVTOOLS_GLOBAL_HOOK__){var ru=__REACT_DEVTOOLS_GLOBAL_HOOK__;if(!ru.isDisabled&&ru.supportsFiber)try{ot=ru.inject(nu),at=ru}catch(ue){}}t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED=eu,t.createPortal=function(e,t){var n=2<arguments.length&&void 0!==arguments[2]?arguments[2]:null;if(!Yc(t))throw Error(a(200));return function(e,t,n){var r=3<arguments.length&&void 0!==arguments[3]?arguments[3]:null;return{$$typeof:S,key:null==r?null:""+r,children:e,containerInfo:t,implementation:n}}(e,t,null,n)},t.createRoot=function(e,t){if(!Yc(e))throw Error(a(299));var n=!1,r="",o=Wc;return null!=t&&(!0===t.unstable_strictMode&&(n=!0),void 0!==t.identifierPrefix&&(r=t.identifierPrefix),void 0!==t.onRecoverableError&&(o=t.onRecoverableError)),t=Bc(e,1,!1,null,0,n,0,r,o),e[ho]=t.current,qr(8===e.nodeType?e.parentNode:e),new Kc(t)},t.findDOMNode=function(e){if(null==e)return null;if(1===e.nodeType)return e;var t=e._reactInternals;if(void 0===t){if("function"==typeof e.render)throw Error(a(188));throw e=Object.keys(e).join(","),Error(a(268,e))}return e=null===(e=Ve(t))?null:e.stateNode},t.flushSync=function(e){return uc(e)},t.hydrate=function(e,t,n){if(!Zc(t))throw Error(a(200));return Xc(null,e,t,!0,n)},t.hydrateRoot=function(e,t,n){if(!Yc(e))throw Error(a(405));var r=null!=n&&n.hydratedSources||null,o=!1,i="",s=Wc;if(null!=n&&(!0===n.unstable_strictMode&&(o=!0),void 0!==n.identifierPrefix&&(i=n.identifierPrefix),void 0!==n.onRecoverableError&&(s=n.onRecoverableError)),t=qc(t,null,e,1,null!=n?n:null,o,0,i,s),e[ho]=t.current,qr(e),r)for(e=0;e<r.length;e++)o=(o=(n=r[e])._getVersion)(n._source),null==t.mutableSourceEagerHydrationData?t.mutableSourceEagerHydrationData=[n,o]:t.mutableSourceEagerHydrationData.push(n,o);return new Qc(t)},t.render=function(e,t,n){if(!Zc(t))throw Error(a(200));return Xc(null,e,t,!1,n)},t.unmountComponentAtNode=function(e){if(!Zc(e))throw Error(a(40));return!!e._reactRootContainer&&(uc((function(){Xc(null,null,e,!1,(function(){e._reactRootContainer=null,e[ho]=null}))})),!0)},t.unstable_batchedUpdates=cc,t.unstable_renderSubtreeIntoContainer=function(e,t,n,r){if(!Zc(n))throw Error(a(200));if(null==e||void 0===e._reactInternals)throw Error(a(38));return Xc(e,t,n,!1,r)},t.version="18.3.1-next-f1338f8080-20240426"},9576:(e,t,n)=>{"use strict";var r=n(8143);t.createRoot=r.createRoot,t.hydrateRoot=r.hydrateRoot},8143:(e,t,n)=>{"use strict";!function e(){if("undefined"!=typeof __REACT_DEVTOOLS_GLOBAL_HOOK__&&"function"==typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE)try{__REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE(e)}catch(t){console.error(t)}}(),e.exports=n(9481)},4072:e=>{var t="undefined"!=typeof Element,n="function"==typeof Map,r="function"==typeof Set,o="function"==typeof ArrayBuffer&&!!ArrayBuffer.isView;function a(e,i){if(e===i)return!0;if(e&&i&&"object"==typeof e&&"object"==typeof i){if(e.constructor!==i.constructor)return!1;var s,l,c,u;if(Array.isArray(e)){if((s=e.length)!=i.length)return!1;for(l=s;0!=l--;)if(!a(e[l],i[l]))return!1;return!0}if(n&&e instanceof Map&&i instanceof Map){if(e.size!==i.size)return!1;for(u=e.entries();!(l=u.next()).done;)if(!i.has(l.value[0]))return!1;for(u=e.entries();!(l=u.next()).done;)if(!a(l.value[1],i.get(l.value[0])))return!1;return!0}if(r&&e instanceof Set&&i instanceof Set){if(e.size!==i.size)return!1;for(u=e.entries();!(l=u.next()).done;)if(!i.has(l.value[0]))return!1;return!0}if(o&&ArrayBuffer.isView(e)&&ArrayBuffer.isView(i)){if((s=e.length)!=i.length)return!1;for(l=s;0!=l--;)if(e[l]!==i[l])return!1;return!0}if(e.constructor===RegExp)return e.source===i.source&&e.flags===i.flags;if(e.valueOf!==Object.prototype.valueOf&&"function"==typeof e.valueOf&&"function"==typeof i.valueOf)return e.valueOf()===i.valueOf();if(e.toString!==Object.prototype.toString&&"function"==typeof e.toString&&"function"==typeof i.toString)return e.toString()===i.toString();if((s=(c=Object.keys(e)).length)!==Object.keys(i).length)return!1;for(l=s;0!=l--;)if(!Object.prototype.hasOwnProperty.call(i,c[l]))return!1;if(t&&e instanceof Element)return!1;for(l=s;0!=l--;)if(("_owner"!==c[l]&&"__v"!==c[l]&&"__o"!==c[l]||!e.$$typeof)&&!a(e[c[l]],i[c[l]]))return!1;return!0}return e!=e&&i!=i}e.exports=function(e,t){try{return a(e,t)}catch(n){if((n.message||"").match(/stack|recursion/i))return console.warn("react-fast-compare cannot handle circular refs"),!1;throw n}}},248:(e,t,n)=>{"use strict";n.d(t,{mg:()=>X,vd:()=>V});var r=n(758),o=n(2736),a=n.n(o),i=n(4072),s=n.n(i),l=n(9597),c=n.n(l),u=n(2945),d=n.n(u);function p(){return p=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},p.apply(this,arguments)}function f(e,t){e.prototype=Object.create(t.prototype),e.prototype.constructor=e,m(e,t)}function m(e,t){return m=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e},m(e,t)}function h(e,t){if(null==e)return{};var n,r,o={},a=Object.keys(e);for(r=0;r<a.length;r++)t.indexOf(n=a[r])>=0||(o[n]=e[n]);return o}var g={BASE:"base",BODY:"body",HEAD:"head",HTML:"html",LINK:"link",META:"meta",NOSCRIPT:"noscript",SCRIPT:"script",STYLE:"style",TITLE:"title",FRAGMENT:"Symbol(react.fragment)"},b={rel:["amphtml","canonical","alternate"]},y={type:["application/ld+json"]},v={charset:"",name:["robots","description"],property:["og:type","og:title","og:url","og:image","og:image:alt","og:description","twitter:url","twitter:title","twitter:description","twitter:image","twitter:image:alt","twitter:card","twitter:site"]},w=Object.keys(g).map((function(e){return g[e]})),k={accesskey:"accessKey",charset:"charSet",class:"className",contenteditable:"contentEditable",contextmenu:"contextMenu","http-equiv":"httpEquiv",itemprop:"itemProp",tabindex:"tabIndex"},S=Object.keys(k).reduce((function(e,t){return e[k[t]]=t,e}),{}),x=function(e,t){for(var n=e.length-1;n>=0;n-=1){var r=e[n];if(Object.prototype.hasOwnProperty.call(r,t))return r[t]}return null},E=function(e){var t=x(e,g.TITLE),n=x(e,"titleTemplate");if(Array.isArray(t)&&(t=t.join("")),n&&t)return n.replace(/%s/g,(function(){return t}));var r=x(e,"defaultTitle");return t||r||void 0},_=function(e){return x(e,"onChangeClientState")||function(){}},j=function(e,t){return t.filter((function(t){return void 0!==t[e]})).map((function(t){return t[e]})).reduce((function(e,t){return p({},e,t)}),{})},C=function(e,t){return t.filter((function(e){return void 0!==e[g.BASE]})).map((function(e){return e[g.BASE]})).reverse().reduce((function(t,n){if(!t.length)for(var r=Object.keys(n),o=0;o<r.length;o+=1){var a=r[o].toLowerCase();if(-1!==e.indexOf(a)&&n[a])return t.concat(n)}return t}),[])},O=function(e,t,n){var r={};return n.filter((function(t){return!!Array.isArray(t[e])||(void 0!==t[e]&&console&&"function"==typeof console.warn&&console.warn("Helmet: "+e+' should be of type "Array". Instead found type "'+typeof t[e]+'"'),!1)})).map((function(t){return t[e]})).reverse().reduce((function(e,n){var o={};n.filter((function(e){for(var n,a=Object.keys(e),i=0;i<a.length;i+=1){var s=a[i],l=s.toLowerCase();-1===t.indexOf(l)||"rel"===n&&"canonical"===e[n].toLowerCase()||"rel"===l&&"stylesheet"===e[l].toLowerCase()||(n=l),-1===t.indexOf(s)||"innerHTML"!==s&&"cssText"!==s&&"itemprop"!==s||(n=s)}if(!n||!e[n])return!1;var c=e[n].toLowerCase();return r[n]||(r[n]={}),o[n]||(o[n]={}),!r[n][c]&&(o[n][c]=!0,!0)})).reverse().forEach((function(t){return e.push(t)}));for(var a=Object.keys(o),i=0;i<a.length;i+=1){var s=a[i],l=p({},r[s],o[s]);r[s]=l}return e}),[]).reverse()},A=function(e,t){if(Array.isArray(e)&&e.length)for(var n=0;n<e.length;n+=1)if(e[n][t])return!0;return!1},T=function(e){return Array.isArray(e)?e.join(""):e},P=function(e,t){return Array.isArray(e)?e.reduce((function(e,n){return function(e,t){for(var n=Object.keys(e),r=0;r<n.length;r+=1)if(t[n[r]]&&t[n[r]].includes(e[n[r]]))return!0;return!1}(n,t)?e.priority.push(n):e.default.push(n),e}),{priority:[],default:[]}):{default:e}},z=function(e,t){var n;return p({},e,((n={})[t]=void 0,n))},I=[g.NOSCRIPT,g.SCRIPT,g.STYLE],L=function(e,t){return void 0===t&&(t=!0),!1===t?String(e):String(e).replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;").replace(/'/g,"&#x27;")},N=function(e){return Object.keys(e).reduce((function(t,n){var r=void 0!==e[n]?n+'="'+e[n]+'"':""+n;return t?t+" "+r:r}),"")},R=function(e,t){return void 0===t&&(t={}),Object.keys(e).reduce((function(t,n){return t[k[n]||n]=e[n],t}),t)},D=function(e,t){return t.map((function(t,n){var o,a=((o={key:n})["data-rh"]=!0,o);return Object.keys(t).forEach((function(e){var n=k[e]||e;"innerHTML"===n||"cssText"===n?a.dangerouslySetInnerHTML={__html:t.innerHTML||t.cssText}:a[n]=t[e]})),r.createElement(e,a)}))},M=function(e,t,n){switch(e){case g.TITLE:return{toComponent:function(){return n=t.titleAttributes,(o={key:e=t.title})["data-rh"]=!0,a=R(n,o),[r.createElement(g.TITLE,a,e)];var e,n,o,a},toString:function(){return function(e,t,n,r){var o=N(n),a=T(t);return o?"<"+e+' data-rh="true" '+o+">"+L(a,r)+"</"+e+">":"<"+e+' data-rh="true">'+L(a,r)+"</"+e+">"}(e,t.title,t.titleAttributes,n)}};case"bodyAttributes":case"htmlAttributes":return{toComponent:function(){return R(t)},toString:function(){return N(t)}};default:return{toComponent:function(){return D(e,t)},toString:function(){return function(e,t,n){return t.reduce((function(t,r){var o=Object.keys(r).filter((function(e){return!("innerHTML"===e||"cssText"===e)})).reduce((function(e,t){var o=void 0===r[t]?t:t+'="'+L(r[t],n)+'"';return e?e+" "+o:o}),""),a=r.innerHTML||r.cssText||"",i=-1===I.indexOf(e);return t+"<"+e+' data-rh="true" '+o+(i?"/>":">"+a+"</"+e+">")}),"")}(e,t,n)}}}},F=function(e){var t=e.baseTag,n=e.bodyAttributes,r=e.encode,o=e.htmlAttributes,a=e.noscriptTags,i=e.styleTags,s=e.title,l=void 0===s?"":s,c=e.titleAttributes,u=e.linkTags,d=e.metaTags,p=e.scriptTags,f={toComponent:function(){},toString:function(){return""}};if(e.prioritizeSeoTags){var m=function(e){var t=e.linkTags,n=e.scriptTags,r=e.encode,o=P(e.metaTags,v),a=P(t,b),i=P(n,y);return{priorityMethods:{toComponent:function(){return[].concat(D(g.META,o.priority),D(g.LINK,a.priority),D(g.SCRIPT,i.priority))},toString:function(){return M(g.META,o.priority,r)+" "+M(g.LINK,a.priority,r)+" "+M(g.SCRIPT,i.priority,r)}},metaTags:o.default,linkTags:a.default,scriptTags:i.default}}(e);f=m.priorityMethods,u=m.linkTags,d=m.metaTags,p=m.scriptTags}return{priority:f,base:M(g.BASE,t,r),bodyAttributes:M("bodyAttributes",n,r),htmlAttributes:M("htmlAttributes",o,r),link:M(g.LINK,u,r),meta:M(g.META,d,r),noscript:M(g.NOSCRIPT,a,r),script:M(g.SCRIPT,p,r),style:M(g.STYLE,i,r),title:M(g.TITLE,{title:l,titleAttributes:c},r)}},B=[],U=function(e,t){var n=this;void 0===t&&(t="undefined"!=typeof document),this.instances=[],this.value={setHelmet:function(e){n.context.helmet=e},helmetInstances:{get:function(){return n.canUseDOM?B:n.instances},add:function(e){(n.canUseDOM?B:n.instances).push(e)},remove:function(e){var t=(n.canUseDOM?B:n.instances).indexOf(e);(n.canUseDOM?B:n.instances).splice(t,1)}}},this.context=e,this.canUseDOM=t,t||(e.helmet=F({baseTag:[],bodyAttributes:{},encodeSpecialCharacters:!0,htmlAttributes:{},linkTags:[],metaTags:[],noscriptTags:[],scriptTags:[],styleTags:[],title:"",titleAttributes:{}}))},q=r.createContext({}),$=a().shape({setHelmet:a().func,helmetInstances:a().shape({get:a().func,add:a().func,remove:a().func})}),H="undefined"!=typeof document,V=function(e){function t(n){var r;return(r=e.call(this,n)||this).helmetData=new U(r.props.context,t.canUseDOM),r}return f(t,e),t.prototype.render=function(){return r.createElement(q.Provider,{value:this.helmetData.value},this.props.children)},t}(r.Component);V.canUseDOM=H,V.propTypes={context:a().shape({helmet:a().shape()}),children:a().node.isRequired},V.defaultProps={context:{}},V.displayName="HelmetProvider";var G=function(e,t){var n,r=document.head||document.querySelector(g.HEAD),o=r.querySelectorAll(e+"[data-rh]"),a=[].slice.call(o),i=[];return t&&t.length&&t.forEach((function(t){var r=document.createElement(e);for(var o in t)Object.prototype.hasOwnProperty.call(t,o)&&("innerHTML"===o?r.innerHTML=t.innerHTML:"cssText"===o?r.styleSheet?r.styleSheet.cssText=t.cssText:r.appendChild(document.createTextNode(t.cssText)):r.setAttribute(o,void 0===t[o]?"":t[o]));r.setAttribute("data-rh","true"),a.some((function(e,t){return n=t,r.isEqualNode(e)}))?a.splice(n,1):i.push(r)})),a.forEach((function(e){return e.parentNode.removeChild(e)})),i.forEach((function(e){return r.appendChild(e)})),{oldTags:a,newTags:i}},W=function(e,t){var n=document.getElementsByTagName(e)[0];if(n){for(var r=n.getAttribute("data-rh"),o=r?r.split(","):[],a=[].concat(o),i=Object.keys(t),s=0;s<i.length;s+=1){var l=i[s],c=t[l]||"";n.getAttribute(l)!==c&&n.setAttribute(l,c),-1===o.indexOf(l)&&o.push(l);var u=a.indexOf(l);-1!==u&&a.splice(u,1)}for(var d=a.length-1;d>=0;d-=1)n.removeAttribute(a[d]);o.length===a.length?n.removeAttribute("data-rh"):n.getAttribute("data-rh")!==i.join(",")&&n.setAttribute("data-rh",i.join(","))}},K=function(e,t){var n=e.baseTag,r=e.htmlAttributes,o=e.linkTags,a=e.metaTags,i=e.noscriptTags,s=e.onChangeClientState,l=e.scriptTags,c=e.styleTags,u=e.title,d=e.titleAttributes;W(g.BODY,e.bodyAttributes),W(g.HTML,r),function(e,t){void 0!==e&&document.title!==e&&(document.title=T(e)),W(g.TITLE,t)}(u,d);var p={baseTag:G(g.BASE,n),linkTags:G(g.LINK,o),metaTags:G(g.META,a),noscriptTags:G(g.NOSCRIPT,i),scriptTags:G(g.SCRIPT,l),styleTags:G(g.STYLE,c)},f={},m={};Object.keys(p).forEach((function(e){var t=p[e],n=t.newTags,r=t.oldTags;n.length&&(f[e]=n),r.length&&(m[e]=p[e].oldTags)})),t&&t(),s(e,f,m)},Q=null,Y=function(e){function t(){for(var t,n=arguments.length,r=new Array(n),o=0;o<n;o++)r[o]=arguments[o];return(t=e.call.apply(e,[this].concat(r))||this).rendered=!1,t}f(t,e);var n=t.prototype;return n.shouldComponentUpdate=function(e){return!d()(e,this.props)},n.componentDidUpdate=function(){this.emitChange()},n.componentWillUnmount=function(){this.props.context.helmetInstances.remove(this),this.emitChange()},n.emitChange=function(){var e,t,n=this.props.context,r=n.setHelmet,o=null,a=(e=n.helmetInstances.get().map((function(e){var t=p({},e.props);return delete t.context,t})),{baseTag:C(["href"],e),bodyAttributes:j("bodyAttributes",e),defer:x(e,"defer"),encode:x(e,"encodeSpecialCharacters"),htmlAttributes:j("htmlAttributes",e),linkTags:O(g.LINK,["rel","href"],e),metaTags:O(g.META,["name","charset","http-equiv","property","itemprop"],e),noscriptTags:O(g.NOSCRIPT,["innerHTML"],e),onChangeClientState:_(e),scriptTags:O(g.SCRIPT,["src","innerHTML"],e),styleTags:O(g.STYLE,["cssText"],e),title:E(e),titleAttributes:j("titleAttributes",e),prioritizeSeoTags:A(e,"prioritizeSeoTags")});V.canUseDOM?(t=a,Q&&cancelAnimationFrame(Q),t.defer?Q=requestAnimationFrame((function(){K(t,(function(){Q=null}))})):(K(t),Q=null)):F&&(o=F(a)),r(o)},n.init=function(){this.rendered||(this.rendered=!0,this.props.context.helmetInstances.add(this),this.emitChange())},n.render=function(){return this.init(),null},t}(r.Component);Y.propTypes={context:$.isRequired},Y.displayName="HelmetDispatcher";var Z=["children"],J=["children"],X=function(e){function t(){return e.apply(this,arguments)||this}f(t,e);var n=t.prototype;return n.shouldComponentUpdate=function(e){return!s()(z(this.props,"helmetData"),z(e,"helmetData"))},n.mapNestedChildrenToProps=function(e,t){if(!t)return null;switch(e.type){case g.SCRIPT:case g.NOSCRIPT:return{innerHTML:t};case g.STYLE:return{cssText:t};default:throw new Error("<"+e.type+" /> elements are self-closing and can not contain children. Refer to our API for more information.")}},n.flattenArrayTypeChildren=function(e){var t,n=e.child,r=e.arrayTypeChildren;return p({},r,((t={})[n.type]=[].concat(r[n.type]||[],[p({},e.newChildProps,this.mapNestedChildrenToProps(n,e.nestedChildren))]),t))},n.mapObjectTypeChildren=function(e){var t,n,r=e.child,o=e.newProps,a=e.newChildProps,i=e.nestedChildren;switch(r.type){case g.TITLE:return p({},o,((t={})[r.type]=i,t.titleAttributes=p({},a),t));case g.BODY:return p({},o,{bodyAttributes:p({},a)});case g.HTML:return p({},o,{htmlAttributes:p({},a)});default:return p({},o,((n={})[r.type]=p({},a),n))}},n.mapArrayTypeChildrenToProps=function(e,t){var n=p({},t);return Object.keys(e).forEach((function(t){var r;n=p({},n,((r={})[t]=e[t],r))})),n},n.warnOnInvalidChildren=function(e,t){return c()(w.some((function(t){return e.type===t})),"function"==typeof e.type?"You may be attempting to nest <Helmet> components within each other, which is not allowed. Refer to our API for more information.":"Only elements types "+w.join(", ")+" are allowed. Helmet does not support rendering <"+e.type+"> elements. Refer to our API for more information."),c()(!t||"string"==typeof t||Array.isArray(t)&&!t.some((function(e){return"string"!=typeof e})),"Helmet expects a string as a child of <"+e.type+">. Did you forget to wrap your children in braces? ( <"+e.type+">{``}</"+e.type+"> ) Refer to our API for more information."),!0},n.mapChildrenToProps=function(e,t){var n=this,o={};return r.Children.forEach(e,(function(e){if(e&&e.props){var r=e.props,a=r.children,i=h(r,Z),s=Object.keys(i).reduce((function(e,t){return e[S[t]||t]=i[t],e}),{}),l=e.type;switch("symbol"==typeof l?l=l.toString():n.warnOnInvalidChildren(e,a),l){case g.FRAGMENT:t=n.mapChildrenToProps(a,t);break;case g.LINK:case g.META:case g.NOSCRIPT:case g.SCRIPT:case g.STYLE:o=n.flattenArrayTypeChildren({child:e,arrayTypeChildren:o,newChildProps:s,nestedChildren:a});break;default:t=n.mapObjectTypeChildren({child:e,newProps:t,newChildProps:s,nestedChildren:a})}}})),this.mapArrayTypeChildrenToProps(o,t)},n.render=function(){var e=this.props,t=e.children,n=h(e,J),o=p({},n),a=n.helmetData;return t&&(o=this.mapChildrenToProps(t,o)),!a||a instanceof U||(a=new U(a.context,a.instances)),a?r.createElement(Y,p({},o,{context:a.value,helmetData:void 0})):r.createElement(q.Consumer,null,(function(e){return r.createElement(Y,p({},o,{context:e}))}))},t}(r.Component);X.propTypes={base:a().object,bodyAttributes:a().object,children:a().oneOfType([a().arrayOf(a().node),a().node]),defaultTitle:a().string,defer:a().bool,encodeSpecialCharacters:a().bool,htmlAttributes:a().object,link:a().arrayOf(a().object),meta:a().arrayOf(a().object),noscript:a().arrayOf(a().object),onChangeClientState:a().func,script:a().arrayOf(a().object),style:a().arrayOf(a().object),title:a().string,titleAttributes:a().object,titleTemplate:a().string,prioritizeSeoTags:a().bool,helmetData:a().object},X.defaultProps={defer:!0,encodeSpecialCharacters:!0,prioritizeSeoTags:!1},X.displayName="Helmet"},5843:(e,t)=>{"use strict";var n="function"==typeof Symbol&&Symbol.for,r=n?Symbol.for("react.element"):60103,o=n?Symbol.for("react.portal"):60106,a=n?Symbol.for("react.fragment"):60107,i=n?Symbol.for("react.strict_mode"):60108,s=n?Symbol.for("react.profiler"):60114,l=n?Symbol.for("react.provider"):60109,c=n?Symbol.for("react.context"):60110,u=n?Symbol.for("react.async_mode"):60111,d=n?Symbol.for("react.concurrent_mode"):60111,p=n?Symbol.for("react.forward_ref"):60112,f=n?Symbol.for("react.suspense"):60113,m=n?Symbol.for("react.suspense_list"):60120,h=n?Symbol.for("react.memo"):60115,g=n?Symbol.for("react.lazy"):60116,b=n?Symbol.for("react.block"):60121,y=n?Symbol.for("react.fundamental"):60117,v=n?Symbol.for("react.responder"):60118,w=n?Symbol.for("react.scope"):60119;function k(e){if("object"==typeof e&&null!==e){var t=e.$$typeof;switch(t){case r:switch(e=e.type){case u:case d:case a:case s:case i:case f:return e;default:switch(e=e&&e.$$typeof){case c:case p:case g:case h:case l:return e;default:return t}}case o:return t}}}function S(e){return k(e)===d}t.AsyncMode=u,t.ConcurrentMode=d,t.ContextConsumer=c,t.ContextProvider=l,t.Element=r,t.ForwardRef=p,t.Fragment=a,t.Lazy=g,t.Memo=h,t.Portal=o,t.Profiler=s,t.StrictMode=i,t.Suspense=f,t.isAsyncMode=function(e){return S(e)||k(e)===u},t.isConcurrentMode=S,t.isContextConsumer=function(e){return k(e)===c},t.isContextProvider=function(e){return k(e)===l},t.isElement=function(e){return"object"==typeof e&&null!==e&&e.$$typeof===r},t.isForwardRef=function(e){return k(e)===p},t.isFragment=function(e){return k(e)===a},t.isLazy=function(e){return k(e)===g},t.isMemo=function(e){return k(e)===h},t.isPortal=function(e){return k(e)===o},t.isProfiler=function(e){return k(e)===s},t.isStrictMode=function(e){return k(e)===i},t.isSuspense=function(e){return k(e)===f},t.isValidElementType=function(e){return"string"==typeof e||"function"==typeof e||e===a||e===d||e===s||e===i||e===f||e===m||"object"==typeof e&&null!==e&&(e.$$typeof===g||e.$$typeof===h||e.$$typeof===l||e.$$typeof===c||e.$$typeof===p||e.$$typeof===y||e.$$typeof===v||e.$$typeof===w||e.$$typeof===b)},t.typeOf=k},5959:(e,t,n)=>{"use strict";e.exports=n(5843)},389:(e,t,n)=>{"use strict";n.d(t,{u:()=>i,v:()=>s});var r=n(5557),o=n(991),a=n(758);function i(e,t,n){return void 0===n&&(n=[]),e.some((function(e){var o=e.path?(0,r.B6)(t,e):n.length?n[n.length-1].match:r.Ix.computeRootMatch(t);return o&&(n.push({route:e,match:o}),e.routes&&i(e.routes,t,n)),o})),n}function s(e,t,n){return void 0===t&&(t={}),void 0===n&&(n={}),e?a.createElement(r.dO,n,e.map((function(e,n){return a.createElement(r.qh,{key:e.key||n,path:e.path,exact:e.exact,strict:e.strict,render:function(n){return e.render?e.render((0,o.A)({},n,{},t,{route:e})):a.createElement(e.component,(0,o.A)({},n,t,{route:e}))}})}))):null}},1742:(e,t,n)=>{"use strict";n.d(t,{I9:()=>d,Kd:()=>u,N_:()=>b,k2:()=>w});var r=n(5557),o=n(1141),a=n(758),i=n(3332),s=n(991),l=n(3302),c=n(5385),u=function(e){function t(){for(var t,n=arguments.length,r=new Array(n),o=0;o<n;o++)r[o]=arguments[o];return(t=e.call.apply(e,[this].concat(r))||this).history=(0,i.zR)(t.props),t}return(0,o.A)(t,e),t.prototype.render=function(){return a.createElement(r.Ix,{history:this.history,children:this.props.children})},t}(a.Component);var d=function(e){function t(){for(var t,n=arguments.length,r=new Array(n),o=0;o<n;o++)r[o]=arguments[o];return(t=e.call.apply(e,[this].concat(r))||this).history=(0,i.TM)(t.props),t}return(0,o.A)(t,e),t.prototype.render=function(){return a.createElement(r.Ix,{history:this.history,children:this.props.children})},t}(a.Component);var p=function(e,t){return"function"==typeof e?e(t):e},f=function(e,t){return"string"==typeof e?(0,i.yJ)(e,null,null,t):e},m=function(e){return e},h=a.forwardRef;void 0===h&&(h=m);var g=h((function(e,t){var n=e.innerRef,r=e.navigate,o=e.onClick,i=(0,l.A)(e,["innerRef","navigate","onClick"]),c=i.target,u=(0,s.A)({},i,{onClick:function(e){try{o&&o(e)}catch(t){throw e.preventDefault(),t}e.defaultPrevented||0!==e.button||c&&"_self"!==c||function(e){return!!(e.metaKey||e.altKey||e.ctrlKey||e.shiftKey)}(e)||(e.preventDefault(),r())}});return u.ref=m!==h&&t||n,a.createElement("a",u)}));var b=h((function(e,t){var n=e.component,o=void 0===n?g:n,u=e.replace,d=e.to,b=e.innerRef,y=(0,l.A)(e,["component","replace","to","innerRef"]);return a.createElement(r.XZ.Consumer,null,(function(e){e||(0,c.A)(!1);var n=e.history,r=f(p(d,e.location),e.location),l=r?n.createHref(r):"",g=(0,s.A)({},y,{href:l,navigate:function(){var t=p(d,e.location),r=(0,i.AO)(e.location)===(0,i.AO)(f(t));(u||r?n.replace:n.push)(t)}});return m!==h?g.ref=t||b:g.innerRef=b,a.createElement(o,g)}))})),y=function(e){return e},v=a.forwardRef;void 0===v&&(v=y);var w=v((function(e,t){var n=e["aria-current"],o=void 0===n?"page":n,i=e.activeClassName,u=void 0===i?"active":i,d=e.activeStyle,m=e.className,h=e.exact,g=e.isActive,w=e.location,k=e.sensitive,S=e.strict,x=e.style,E=e.to,_=e.innerRef,j=(0,l.A)(e,["aria-current","activeClassName","activeStyle","className","exact","isActive","location","sensitive","strict","style","to","innerRef"]);return a.createElement(r.XZ.Consumer,null,(function(e){e||(0,c.A)(!1);var n=w||e.location,i=f(p(E,n),n),l=i.pathname,C=l&&l.replace(/([.+*?=^!:${}()[\]|/\\])/g,"\\$1"),O=C?(0,r.B6)(n.pathname,{path:C,exact:h,sensitive:k,strict:S}):null,A=!!(g?g(O,n):O),T="function"==typeof m?m(A):m,P="function"==typeof x?x(A):x;A&&(T=function(){for(var e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];return t.filter((function(e){return e})).join(" ")}(T,u),P=(0,s.A)({},P,d));var z=(0,s.A)({"aria-current":A&&o||null,className:T,style:P,to:i},j);return y!==v?z.ref=t||_:z.innerRef=_,a.createElement(b,z)}))}))},5557:(e,t,n)=>{"use strict";n.d(t,{B6:()=>x,Ix:()=>v,W6:()=>z,XZ:()=>y,dO:()=>T,qh:()=>E,zy:()=>I});var r=n(1141),o=n(758),a=n(2736),i=n.n(a),s=n(3332),l=n(5385),c=n(991),u=n(6150),d=n.n(u),p=(n(5959),n(3302)),f=(n(1035),1073741823),m="undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:void 0!==n.g?n.g:{};var h=o.createContext||function(e,t){var n,a,s="__create-react-context-"+function(){var e="__global_unique_id__";return m[e]=(m[e]||0)+1}()+"__",l=function(e){function n(){for(var t,n,r,o=arguments.length,a=new Array(o),i=0;i<o;i++)a[i]=arguments[i];return(t=e.call.apply(e,[this].concat(a))||this).emitter=(n=t.props.value,r=[],{on:function(e){r.push(e)},off:function(e){r=r.filter((function(t){return t!==e}))},get:function(){return n},set:function(e,t){n=e,r.forEach((function(e){return e(n,t)}))}}),t}(0,r.A)(n,e);var o=n.prototype;return o.getChildContext=function(){var e;return(e={})[s]=this.emitter,e},o.componentWillReceiveProps=function(e){if(this.props.value!==e.value){var n,r=this.props.value,o=e.value;((a=r)===(i=o)?0!==a||1/a==1/i:a!=a&&i!=i)?n=0:(n="function"==typeof t?t(r,o):f,0!==(n|=0)&&this.emitter.set(e.value,n))}var a,i},o.render=function(){return this.props.children},n}(o.Component);l.childContextTypes=((n={})[s]=i().object.isRequired,n);var c=function(t){function n(){for(var e,n=arguments.length,r=new Array(n),o=0;o<n;o++)r[o]=arguments[o];return(e=t.call.apply(t,[this].concat(r))||this).observedBits=void 0,e.state={value:e.getValue()},e.onUpdate=function(t,n){(0|e.observedBits)&n&&e.setState({value:e.getValue()})},e}(0,r.A)(n,t);var o=n.prototype;return o.componentWillReceiveProps=function(e){var t=e.observedBits;this.observedBits=null==t?f:t},o.componentDidMount=function(){this.context[s]&&this.context[s].on(this.onUpdate);var e=this.props.observedBits;this.observedBits=null==e?f:e},o.componentWillUnmount=function(){this.context[s]&&this.context[s].off(this.onUpdate)},o.getValue=function(){return this.context[s]?this.context[s].get():e},o.render=function(){return(e=this.props.children,Array.isArray(e)?e[0]:e)(this.state.value);var e},n}(o.Component);return c.contextTypes=((a={})[s]=i().object,a),{Provider:l,Consumer:c}},g=function(e){var t=h();return t.displayName=e,t},b=g("Router-History"),y=g("Router"),v=function(e){function t(t){var n;return(n=e.call(this,t)||this).state={location:t.history.location},n._isMounted=!1,n._pendingLocation=null,t.staticContext||(n.unlisten=t.history.listen((function(e){n._pendingLocation=e}))),n}(0,r.A)(t,e),t.computeRootMatch=function(e){return{path:"/",url:"/",params:{},isExact:"/"===e}};var n=t.prototype;return n.componentDidMount=function(){var e=this;this._isMounted=!0,this.unlisten&&this.unlisten(),this.props.staticContext||(this.unlisten=this.props.history.listen((function(t){e._isMounted&&e.setState({location:t})}))),this._pendingLocation&&this.setState({location:this._pendingLocation})},n.componentWillUnmount=function(){this.unlisten&&(this.unlisten(),this._isMounted=!1,this._pendingLocation=null)},n.render=function(){return o.createElement(y.Provider,{value:{history:this.props.history,location:this.state.location,match:t.computeRootMatch(this.state.location.pathname),staticContext:this.props.staticContext}},o.createElement(b.Provider,{children:this.props.children||null,value:this.props.history}))},t}(o.Component);o.Component;o.Component;var w={},k=1e4,S=0;function x(e,t){void 0===t&&(t={}),("string"==typeof t||Array.isArray(t))&&(t={path:t});var n=t,r=n.path,o=n.exact,a=void 0!==o&&o,i=n.strict,s=void 0!==i&&i,l=n.sensitive,c=void 0!==l&&l;return[].concat(r).reduce((function(t,n){if(!n&&""!==n)return null;if(t)return t;var r=function(e,t){var n=""+t.end+t.strict+t.sensitive,r=w[n]||(w[n]={});if(r[e])return r[e];var o=[],a={regexp:d()(e,o,t),keys:o};return S<k&&(r[e]=a,S++),a}(n,{end:a,strict:s,sensitive:c}),o=r.regexp,i=r.keys,l=o.exec(e);if(!l)return null;var u=l[0],p=l.slice(1),f=e===u;return a&&!f?null:{path:n,url:"/"===n&&""===u?"/":u,isExact:f,params:i.reduce((function(e,t,n){return e[t.name]=p[n],e}),{})}}),null)}var E=function(e){function t(){return e.apply(this,arguments)||this}return(0,r.A)(t,e),t.prototype.render=function(){var e=this;return o.createElement(y.Consumer,null,(function(t){t||(0,l.A)(!1);var n=e.props.location||t.location,r=e.props.computedMatch?e.props.computedMatch:e.props.path?x(n.pathname,e.props):t.match,a=(0,c.A)({},t,{location:n,match:r}),i=e.props,s=i.children,u=i.component,d=i.render;return Array.isArray(s)&&function(e){return 0===o.Children.count(e)}(s)&&(s=null),o.createElement(y.Provider,{value:a},a.match?s?"function"==typeof s?s(a):s:u?o.createElement(u,a):d?d(a):null:"function"==typeof s?s(a):null)}))},t}(o.Component);function _(e){return"/"===e.charAt(0)?e:"/"+e}function j(e,t){if(!e)return t;var n=_(e);return 0!==t.pathname.indexOf(n)?t:(0,c.A)({},t,{pathname:t.pathname.substr(n.length)})}function C(e){return"string"==typeof e?e:(0,s.AO)(e)}function O(e){return function(){(0,l.A)(!1)}}function A(){}o.Component;var T=function(e){function t(){return e.apply(this,arguments)||this}return(0,r.A)(t,e),t.prototype.render=function(){var e=this;return o.createElement(y.Consumer,null,(function(t){t||(0,l.A)(!1);var n,r,a=e.props.location||t.location;return o.Children.forEach(e.props.children,(function(e){if(null==r&&o.isValidElement(e)){n=e;var i=e.props.path||e.props.from;r=i?x(a.pathname,(0,c.A)({},e.props,{path:i})):t.match}})),r?o.cloneElement(n,{location:a,computedMatch:r}):null}))},t}(o.Component);var P=o.useContext;function z(){return P(b)}function I(){return P(y).location}},7462:(e,t,n)=>{"use strict";var r=n(758),o=Symbol.for("react.element"),a=Symbol.for("react.fragment"),i=Object.prototype.hasOwnProperty,s=r.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,l={key:!0,ref:!0,__self:!0,__source:!0};function c(e,t,n){var r,a={},c=null,u=null;for(r in void 0!==n&&(c=""+n),void 0!==t.key&&(c=""+t.key),void 0!==t.ref&&(u=t.ref),t)i.call(t,r)&&!l.hasOwnProperty(r)&&(a[r]=t[r]);if(e&&e.defaultProps)for(r in t=e.defaultProps)void 0===a[r]&&(a[r]=t[r]);return{$$typeof:o,type:e,key:c,ref:u,props:a,_owner:s.current}}t.Fragment=a,t.jsx=c,t.jsxs=c},2713:(e,t)=>{"use strict";var n=Symbol.for("react.element"),r=Symbol.for("react.portal"),o=Symbol.for("react.fragment"),a=Symbol.for("react.strict_mode"),i=Symbol.for("react.profiler"),s=Symbol.for("react.provider"),l=Symbol.for("react.context"),c=Symbol.for("react.forward_ref"),u=Symbol.for("react.suspense"),d=Symbol.for("react.memo"),p=Symbol.for("react.lazy"),f=Symbol.iterator;var m={isMounted:function(){return!1},enqueueForceUpdate:function(){},enqueueReplaceState:function(){},enqueueSetState:function(){}},h=Object.assign,g={};function b(e,t,n){this.props=e,this.context=t,this.refs=g,this.updater=n||m}function y(){}function v(e,t,n){this.props=e,this.context=t,this.refs=g,this.updater=n||m}b.prototype.isReactComponent={},b.prototype.setState=function(e,t){if("object"!=typeof e&&"function"!=typeof e&&null!=e)throw Error("setState(...): takes an object of state variables to update or a function which returns an object of state variables.");this.updater.enqueueSetState(this,e,t,"setState")},b.prototype.forceUpdate=function(e){this.updater.enqueueForceUpdate(this,e,"forceUpdate")},y.prototype=b.prototype;var w=v.prototype=new y;w.constructor=v,h(w,b.prototype),w.isPureReactComponent=!0;var k=Array.isArray,S=Object.prototype.hasOwnProperty,x={current:null},E={key:!0,ref:!0,__self:!0,__source:!0};function _(e,t,r){var o,a={},i=null,s=null;if(null!=t)for(o in void 0!==t.ref&&(s=t.ref),void 0!==t.key&&(i=""+t.key),t)S.call(t,o)&&!E.hasOwnProperty(o)&&(a[o]=t[o]);var l=arguments.length-2;if(1===l)a.children=r;else if(1<l){for(var c=Array(l),u=0;u<l;u++)c[u]=arguments[u+2];a.children=c}if(e&&e.defaultProps)for(o in l=e.defaultProps)void 0===a[o]&&(a[o]=l[o]);return{$$typeof:n,type:e,key:i,ref:s,props:a,_owner:x.current}}function j(e){return"object"==typeof e&&null!==e&&e.$$typeof===n}var C=/\/+/g;function O(e,t){return"object"==typeof e&&null!==e&&null!=e.key?function(e){var t={"=":"=0",":":"=2"};return"$"+e.replace(/[=:]/g,(function(e){return t[e]}))}(""+e.key):t.toString(36)}function A(e,t,o,a,i){var s=typeof e;"undefined"!==s&&"boolean"!==s||(e=null);var l=!1;if(null===e)l=!0;else switch(s){case"string":case"number":l=!0;break;case"object":switch(e.$$typeof){case n:case r:l=!0}}if(l)return i=i(l=e),e=""===a?"."+O(l,0):a,k(i)?(o="",null!=e&&(o=e.replace(C,"$&/")+"/"),A(i,t,o,"",(function(e){return e}))):null!=i&&(j(i)&&(i=function(e,t){return{$$typeof:n,type:e.type,key:t,ref:e.ref,props:e.props,_owner:e._owner}}(i,o+(!i.key||l&&l.key===i.key?"":(""+i.key).replace(C,"$&/")+"/")+e)),t.push(i)),1;if(l=0,a=""===a?".":a+":",k(e))for(var c=0;c<e.length;c++){var u=a+O(s=e[c],c);l+=A(s,t,o,u,i)}else if(u=function(e){return null===e||"object"!=typeof e?null:"function"==typeof(e=f&&e[f]||e["@@iterator"])?e:null}(e),"function"==typeof u)for(e=u.call(e),c=0;!(s=e.next()).done;)l+=A(s=s.value,t,o,u=a+O(s,c++),i);else if("object"===s)throw t=String(e),Error("Objects are not valid as a React child (found: "+("[object Object]"===t?"object with keys {"+Object.keys(e).join(", ")+"}":t)+"). If you meant to render a collection of children, use an array instead.");return l}function T(e,t,n){if(null==e)return e;var r=[],o=0;return A(e,r,"","",(function(e){return t.call(n,e,o++)})),r}function P(e){if(-1===e._status){var t=e._result;(t=t()).then((function(t){0!==e._status&&-1!==e._status||(e._status=1,e._result=t)}),(function(t){0!==e._status&&-1!==e._status||(e._status=2,e._result=t)})),-1===e._status&&(e._status=0,e._result=t)}if(1===e._status)return e._result.default;throw e._result}var z={current:null},I={transition:null},L={ReactCurrentDispatcher:z,ReactCurrentBatchConfig:I,ReactCurrentOwner:x};function N(){throw Error("act(...) is not supported in production builds of React.")}t.Children={map:T,forEach:function(e,t,n){T(e,(function(){t.apply(this,arguments)}),n)},count:function(e){var t=0;return T(e,(function(){t++})),t},toArray:function(e){return T(e,(function(e){return e}))||[]},only:function(e){if(!j(e))throw Error("React.Children.only expected to receive a single React element child.");return e}},t.Component=b,t.Fragment=o,t.Profiler=i,t.PureComponent=v,t.StrictMode=a,t.Suspense=u,t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED=L,t.act=N,t.cloneElement=function(e,t,r){if(null==e)throw Error("React.cloneElement(...): The argument must be a React element, but you passed "+e+".");var o=h({},e.props),a=e.key,i=e.ref,s=e._owner;if(null!=t){if(void 0!==t.ref&&(i=t.ref,s=x.current),void 0!==t.key&&(a=""+t.key),e.type&&e.type.defaultProps)var l=e.type.defaultProps;for(c in t)S.call(t,c)&&!E.hasOwnProperty(c)&&(o[c]=void 0===t[c]&&void 0!==l?l[c]:t[c])}var c=arguments.length-2;if(1===c)o.children=r;else if(1<c){l=Array(c);for(var u=0;u<c;u++)l[u]=arguments[u+2];o.children=l}return{$$typeof:n,type:e.type,key:a,ref:i,props:o,_owner:s}},t.createContext=function(e){return(e={$$typeof:l,_currentValue:e,_currentValue2:e,_threadCount:0,Provider:null,Consumer:null,_defaultValue:null,_globalName:null}).Provider={$$typeof:s,_context:e},e.Consumer=e},t.createElement=_,t.createFactory=function(e){var t=_.bind(null,e);return t.type=e,t},t.createRef=function(){return{current:null}},t.forwardRef=function(e){return{$$typeof:c,render:e}},t.isValidElement=j,t.lazy=function(e){return{$$typeof:p,_payload:{_status:-1,_result:e},_init:P}},t.memo=function(e,t){return{$$typeof:d,type:e,compare:void 0===t?null:t}},t.startTransition=function(e){var t=I.transition;I.transition={};try{e()}finally{I.transition=t}},t.unstable_act=N,t.useCallback=function(e,t){return z.current.useCallback(e,t)},t.useContext=function(e){return z.current.useContext(e)},t.useDebugValue=function(){},t.useDeferredValue=function(e){return z.current.useDeferredValue(e)},t.useEffect=function(e,t){return z.current.useEffect(e,t)},t.useId=function(){return z.current.useId()},t.useImperativeHandle=function(e,t,n){return z.current.useImperativeHandle(e,t,n)},t.useInsertionEffect=function(e,t){return z.current.useInsertionEffect(e,t)},t.useLayoutEffect=function(e,t){return z.current.useLayoutEffect(e,t)},t.useMemo=function(e,t){return z.current.useMemo(e,t)},t.useReducer=function(e,t,n){return z.current.useReducer(e,t,n)},t.useRef=function(e){return z.current.useRef(e)},t.useState=function(e){return z.current.useState(e)},t.useSyncExternalStore=function(e,t,n){return z.current.useSyncExternalStore(e,t,n)},t.useTransition=function(){return z.current.useTransition()},t.version="18.3.1"},758:(e,t,n)=>{"use strict";e.exports=n(2713)},6070:(e,t,n)=>{"use strict";e.exports=n(7462)},4733:(e,t)=>{"use strict";function n(e,t){var n=e.length;e.push(t);e:for(;0<n;){var r=n-1>>>1,o=e[r];if(!(0<a(o,t)))break e;e[r]=t,e[n]=o,n=r}}function r(e){return 0===e.length?null:e[0]}function o(e){if(0===e.length)return null;var t=e[0],n=e.pop();if(n!==t){e[0]=n;e:for(var r=0,o=e.length,i=o>>>1;r<i;){var s=2*(r+1)-1,l=e[s],c=s+1,u=e[c];if(0>a(l,n))c<o&&0>a(u,l)?(e[r]=u,e[c]=n,r=c):(e[r]=l,e[s]=n,r=s);else{if(!(c<o&&0>a(u,n)))break e;e[r]=u,e[c]=n,r=c}}}return t}function a(e,t){var n=e.sortIndex-t.sortIndex;return 0!==n?n:e.id-t.id}if("object"==typeof performance&&"function"==typeof performance.now){var i=performance;t.unstable_now=function(){return i.now()}}else{var s=Date,l=s.now();t.unstable_now=function(){return s.now()-l}}var c=[],u=[],d=1,p=null,f=3,m=!1,h=!1,g=!1,b="function"==typeof setTimeout?setTimeout:null,y="function"==typeof clearTimeout?clearTimeout:null,v="undefined"!=typeof setImmediate?setImmediate:null;function w(e){for(var t=r(u);null!==t;){if(null===t.callback)o(u);else{if(!(t.startTime<=e))break;o(u),t.sortIndex=t.expirationTime,n(c,t)}t=r(u)}}function k(e){if(g=!1,w(e),!h)if(null!==r(c))h=!0,I(S);else{var t=r(u);null!==t&&L(k,t.startTime-e)}}function S(e,n){h=!1,g&&(g=!1,y(j),j=-1),m=!0;var a=f;try{for(w(n),p=r(c);null!==p&&(!(p.expirationTime>n)||e&&!A());){var i=p.callback;if("function"==typeof i){p.callback=null,f=p.priorityLevel;var s=i(p.expirationTime<=n);n=t.unstable_now(),"function"==typeof s?p.callback=s:p===r(c)&&o(c),w(n)}else o(c);p=r(c)}if(null!==p)var l=!0;else{var d=r(u);null!==d&&L(k,d.startTime-n),l=!1}return l}finally{p=null,f=a,m=!1}}"undefined"!=typeof navigator&&void 0!==navigator.scheduling&&void 0!==navigator.scheduling.isInputPending&&navigator.scheduling.isInputPending.bind(navigator.scheduling);var x,E=!1,_=null,j=-1,C=5,O=-1;function A(){return!(t.unstable_now()-O<C)}function T(){if(null!==_){var e=t.unstable_now();O=e;var n=!0;try{n=_(!0,e)}finally{n?x():(E=!1,_=null)}}else E=!1}if("function"==typeof v)x=function(){v(T)};else if("undefined"!=typeof MessageChannel){var P=new MessageChannel,z=P.port2;P.port1.onmessage=T,x=function(){z.postMessage(null)}}else x=function(){b(T,0)};function I(e){_=e,E||(E=!0,x())}function L(e,n){j=b((function(){e(t.unstable_now())}),n)}t.unstable_IdlePriority=5,t.unstable_ImmediatePriority=1,t.unstable_LowPriority=4,t.unstable_NormalPriority=3,t.unstable_Profiling=null,t.unstable_UserBlockingPriority=2,t.unstable_cancelCallback=function(e){e.callback=null},t.unstable_continueExecution=function(){h||m||(h=!0,I(S))},t.unstable_forceFrameRate=function(e){0>e||125<e?console.error("forceFrameRate takes a positive int between 0 and 125, forcing frame rates higher than 125 fps is not supported"):C=0<e?Math.floor(1e3/e):5},t.unstable_getCurrentPriorityLevel=function(){return f},t.unstable_getFirstCallbackNode=function(){return r(c)},t.unstable_next=function(e){switch(f){case 1:case 2:case 3:var t=3;break;default:t=f}var n=f;f=t;try{return e()}finally{f=n}},t.unstable_pauseExecution=function(){},t.unstable_requestPaint=function(){},t.unstable_runWithPriority=function(e,t){switch(e){case 1:case 2:case 3:case 4:case 5:break;default:e=3}var n=f;f=e;try{return t()}finally{f=n}},t.unstable_scheduleCallback=function(e,o,a){var i=t.unstable_now();switch("object"==typeof a&&null!==a?a="number"==typeof(a=a.delay)&&0<a?i+a:i:a=i,e){case 1:var s=-1;break;case 2:s=250;break;case 5:s=1073741823;break;case 4:s=1e4;break;default:s=5e3}return e={id:d++,callback:o,priorityLevel:e,startTime:a,expirationTime:s=a+s,sortIndex:-1},a>i?(e.sortIndex=a,n(u,e),null===r(c)&&e===r(u)&&(g?(y(j),j=-1):g=!0,L(k,a-i))):(e.sortIndex=s,n(c,e),h||m||(h=!0,I(S))),e},t.unstable_shouldYield=A,t.unstable_wrapCallback=function(e){var t=f;return function(){var n=f;f=t;try{return e.apply(this,arguments)}finally{f=n}}}},1896:(e,t,n)=>{"use strict";e.exports=n(4733)},2945:e=>{e.exports=function(e,t,n,r){var o=n?n.call(r,e,t):void 0;if(void 0!==o)return!!o;if(e===t)return!0;if("object"!=typeof e||!e||"object"!=typeof t||!t)return!1;var a=Object.keys(e),i=Object.keys(t);if(a.length!==i.length)return!1;for(var s=Object.prototype.hasOwnProperty.bind(t),l=0;l<a.length;l++){var c=a[l];if(!s(c))return!1;var u=e[c],d=t[c];if(!1===(o=n?n.call(r,u,d,c):void 0)||void 0===o&&u!==d)return!1}return!0}},4784:(e,t,n)=>{"use strict";n.r(t),n.d(t,{default:()=>r});const r={title:"Feature-Sliced Design",tagline:"Architectural methodology for frontend projects",organizationName:"feature-sliced",projectName:"documentation",url:"https://feature-sliced.design",favicon:"img/favicon/classic.png",baseUrl:"/uz/",i18n:{defaultLocale:"en",locales:["ru","en","uz","kr","ja"],localeConfigs:{ru:{label:"\u0420\u0443\u0441\u0441\u043a\u0438\u0439",direction:"ltr"},en:{label:"English",direction:"ltr"},uz:{label:"O'zbekcha",direction:"ltr"},kr:{label:"\ud55c\uad6d\uc5b4",direction:"ltr"},ja:{label:"\u65e5\u672c\u8a9e",direction:"ltr"}},path:"i18n"},presets:[["@docusaurus/preset-classic",{docs:{path:"i18n/en/docusaurus-plugin-content-docs/current",breadcrumbs:!0,editLocalizedFiles:!0,sidebarPath:"/home/runner/work/documentation/documentation/config/docusaurus/sidebars.docs.js",editUrl:"https://github.com/feature-sliced/documentation/edit/master/",showLastUpdateTime:!0,versions:{current:{label:"v2.0.0 \ud83c\udf70"}}},blog:{showReadingTime:!0,editUrl:"https://github.com/feature-sliced/documentation/edit/master/blog/",onInlineAuthors:"ignore"},theme:{customCss:"/home/runner/work/documentation/documentation/src/app/index.scss"},sitemap:{changefreq:"weekly",priority:.5}}]],plugins:[["@docusaurus/plugin-content-docs",{id:"community",breadcrumbs:!0,path:"i18n/en/docusaurus-plugin-content-docs/community",editLocalizedFiles:!0,routeBasePath:"community",editUrl:"https://github.com/feature-sliced/documentation/edit/master/",sidebarPath:"/home/runner/work/documentation/documentation/config/docusaurus/sidebars.community.js",showLastUpdateAuthor:!0,showLastUpdateTime:!0}],"docusaurus-plugin-sass",["@docusaurus/plugin-client-redirects",{redirects:[{from:"/branding",to:"/docs/branding"},{from:"/docs/guides/migration",to:"/docs/guides/migration/from-custom"},{from:"/docs/get-started/quick-start",to:"/docs/get-started/tutorial"},{from:"/docs/get-started/basics",to:"/docs/get-started/overview"},{from:["/docs/get-started/tutorial/decompose","/docs/get-started/tutorial/design-mockup","/docs/get-started/onboard/cheatsheet"],to:"/docs/get-started/cheatsheet"},{from:["/docs/about/alternatives/big-ball-of-mud","/docs/about/alternatives/design-principles","/docs/about/alternatives/ddd","/docs/about/alternatives/clean-architecture","/docs/about/alternatives/frameworks","/docs/about/alternatives/atomic-design","/docs/about/alternatives/smart-dumb-components","/docs/about/alternatives/feature-driven"],to:"/docs/about/alternatives"},{from:"/docs/reference/knowledge-types",to:"/docs/about/understanding/knowledge-types"},{from:"/docs/concepts/needs-driven",to:"/docs/about/understanding/needs-driven"},{from:"/docs/concepts/architecture",to:"/docs/about/understanding/architecture"},{from:"/docs/concepts/naming-adaptability",to:"/docs/about/understanding/naming"},{from:"/docs/concepts/signals",to:"/docs/about/understanding/signals"},{from:"/docs/concepts/abstractions",to:"/docs/about/understanding/abstractions"},{from:"/docs/concepts/decouple-entities",to:"/docs/reference/isolation/decouple-entities"},{from:"/docs/concepts/low-coupling",to:"/docs/reference/isolation/coupling-cohesion"},{from:"/docs/concepts/cross-communication",to:"/docs/reference/isolation"},{from:"/docs/concepts/app-splitting",to:"/docs/reference"},{from:"/docs/reference/units/decomposition",to:"/docs/reference"},{from:"/docs/reference/units",to:"/docs/reference"},{from:"/docs/reference/units/layers",to:"/docs/reference/layers"},{from:"/docs/reference/layers/overview",to:"/docs/reference/layers"},{from:"/docs/reference/units/layers/app",to:"/docs/reference/layers"},{from:"/docs/reference/units/layers/processes",to:"/docs/reference/layers"},{from:"/docs/reference/units/layers/pages",to:"/docs/reference/layers"},{from:"/docs/reference/units/layers/widgets",to:"/docs/reference/layers"},{from:"/docs/reference/layers/widgets",to:"/docs/reference/layers"},{from:"/docs/reference/units/layers/features",to:"/docs/reference/layers"},{from:"/docs/reference/units/layers/entities",to:"/docs/reference/layers"},{from:"/docs/reference/units/layers/shared",to:"/docs/reference/layers"},{from:"/docs/reference/units/segments",to:"/docs/reference/slices-segments"},{from:"/docs/concepts/issues/cross-imports",to:"/docs/guides/issues/cross-imports"},{from:"/docs/concepts/issues/desegmented",to:"/docs/guides/issues/desegmented"},{from:"/docs/concepts/issues/routes",to:"/docs/guides/issues/routes"},{from:"/docs/guides/examples/viewer",to:"/docs/guides/examples/auth"},{from:"/docs/guides/monorepo",to:"/docs/guides/examples/monorepo"},{from:"/docs/guides/white-labels",to:"/docs/guides/examples/white-labels"},{from:"/docs/guides/migration-from-v1",to:"/docs/guides/migration/from-v1"},{from:"/docs/guides/migration-from-legacy",to:"/docs/guides/migration/from-custom"},{from:"/docs/guides/usage-with-nextjs",to:"/docs/guides/tech/with-nextjs"},{from:"/docs/guides/migration/from-legacy",to:"/docs/guides/migration/from-custom"},{from:"/en/docs/about",to:"/docs/about"},{from:"/en/docs/about/alternatives",to:"/docs/about/alternatives"},{from:"/en/docs/about/mission",to:"/docs/about/mission"},{from:"/en/docs/about/motivation",to:"/docs/about/motivation"},{from:"/en/docs/about/promote/for-company",to:"/docs/about/promote/for-company"},{from:"/en/docs/about/promote/for-team",to:"/docs/about/promote/for-team"},{from:"/en/docs/about/promote/integration",to:"/docs/about/promote/integration"},{from:"/en/docs/about/promote/partial-application",to:"/docs/about/promote/partial-application"},{from:"/en/docs/branding",to:"/docs/branding"},{from:"/en/docs/get-started",to:"/docs/get-started"},{from:"/en/docs/get-started/overview",to:"/docs/get-started/overview"},{from:"/en/docs/get-started/cheatsheet",to:"/docs/get-started/cheatsheet"},{from:"/en/docs/get-started/faq",to:"/docs/get-started/faq"},{from:"/en/docs/get-started/tutorial",to:"/docs/get-started/tutorial"},{from:"/en/docs/guides",to:"/docs/guides"},{from:"/en/docs/guides/examples",to:"/docs/guides/examples"},{from:"/en/docs/guides/examples/auth",to:"/docs/guides/examples/auth"},{from:"/en/docs/guides/examples/autocompleted",to:"/docs/guides/examples/autocompleted"},{from:"/en/docs/guides/examples/browser-api",to:"/docs/guides/examples/browser-api"},{from:"/en/docs/guides/examples/cms",to:"/docs/guides/examples/cms"},{from:"/en/docs/guides/examples/feedback",to:"/docs/guides/examples/feedback"},{from:"/en/docs/guides/examples/i18n",to:"/docs/guides/examples/i18n"},{from:"/en/docs/guides/examples/metric",to:"/docs/guides/examples/metric"},{from:"/en/docs/guides/examples/monorepo",to:"/docs/guides/examples/monorepo"},{from:"/en/docs/guides/examples/page-layout",to:"/docs/guides/examples/page-layout"},{from:"/en/docs/guides/examples/platforms",to:"/docs/guides/examples/platforms"},{from:"/en/docs/guides/examples/ssr",to:"/docs/guides/examples/ssr"},{from:"/en/docs/guides/examples/theme",to:"/docs/guides/examples/theme"},{from:"/en/docs/guides/examples/types",to:"/docs/guides/examples/types"},{from:"/en/docs/guides/examples/white-labels",to:"/docs/guides/examples/white-labels"},{from:"/en/docs/guides/migration/from-custom",to:"/docs/guides/migration/from-custom"},{from:"/en/docs/guides/migration/from-v1",to:"/docs/guides/migration/from-v1"},{from:"/en/docs/guides/tech/with-nextjs",to:"/docs/guides/tech/with-nextjs"},{from:"/en/docs/",to:"/docs/"},{from:"/en/docs/reference",to:"/docs/reference"}]}],["@docusaurus/plugin-ideal-image",{quality:70,max:1030,min:640,steps:2}],"plugin-image-zoom"],onBrokenLinks:"throw",onBrokenMarkdownLinks:"throw",onDuplicateRoutes:"warn",customFields:{legacyRoutes:[{group:"\ud83d\ude80 Get Started",details:"Simplified and merged",children:[{title:"Tutorial",from:"/docs/get-started/quick-start",to:"/docs/get-started/tutorial"},{title:"Basics",from:"/docs/get-started/basics",to:"/docs/get-started/overview"},{title:"Decompose Cheatsheet",from:["/docs/get-started/tutorial/decompose","/docs/get-started/tutorial/design-mockup","/docs/get-started/onboard/cheatsheet"],to:"/docs/get-started/cheatsheet"}]},{group:"\ud83c\udf70 Alternatives",details:"Moved and merged to /about/alternatives as advanced materials",children:[{title:"Architecture approaches alternatives",from:["/docs/about/alternatives/big-ball-of-mud","/docs/about/alternatives/design-principles","/docs/about/alternatives/ddd","/docs/about/alternatives/clean-architecture","/docs/about/alternatives/frameworks","/docs/about/alternatives/atomic-design","/docs/about/alternatives/smart-dumb-components","/docs/about/alternatives/feature-driven"],to:"/docs/about/alternatives"}]},{group:"\ud83c\udf70 Promote & Understanding",details:"Moved to /about as advanced materials",children:[{title:"Knowledge types",from:"/docs/reference/knowledge-types",to:"/docs/about/understanding/knowledge-types"},{title:"Needs driven",from:"/docs/concepts/needs-driven",to:"/docs/about/understanding/needs-driven"},{title:"About architecture",from:"/docs/concepts/architecture",to:"/docs/about/understanding/architecture"},{title:"Naming adaptability",from:"/docs/concepts/naming-adaptability",to:"/docs/about/understanding/naming"},{title:"Signals of architecture",from:"/docs/concepts/signals",to:"/docs/about/understanding/signals"},{title:"Abstractions of architecture",from:"/docs/concepts/abstractions",to:"/docs/about/understanding/abstractions"}]},{group:"\ud83d\udcda Reference guidelines (isolation & units)",details:"Moved to /reference as theoretical materials (old concepts)",children:[{title:"Decouple of entities",from:"/docs/concepts/decouple-entities",to:"/docs/reference/isolation/decouple-entities"},{title:"Low Coupling & High Cohesion",from:"/docs/concepts/low-coupling",to:"/docs/reference/isolation/coupling-cohesion"},{title:"Cross-communication",from:"/docs/concepts/cross-communication",to:"/docs/reference/isolation"},{title:"App splitting",from:"/docs/concepts/app-splitting",to:"/docs/reference"},{title:"Decomposition",from:"/docs/reference/units/decomposition",to:"/docs/reference"},{title:"Units",from:"/docs/reference/units",to:"/docs/reference"},{title:"Layers",from:"/docs/reference/units/layers",to:"/docs/reference/layers"},{title:"Layer overview",from:"/docs/reference/layers/overview",to:"/docs/reference/layers"},{title:"App layer",from:"/docs/reference/units/layers/app",to:"/docs/reference/layers"},{title:"Processes layer",from:"/docs/reference/units/layers/processes",to:"/docs/reference/layers"},{title:"Pages layer",from:"/docs/reference/units/layers/pages",to:"/docs/reference/layers"},{title:"Widgets layer",from:"/docs/reference/units/layers/widgets",to:"/docs/reference/layers"},{title:"Widgets layer",from:"/docs/reference/layers/widgets",to:"/docs/reference/layers"},{title:"Features layer",from:"/docs/reference/units/layers/features",to:"/docs/reference/layers"},{title:"Entities layer",from:"/docs/reference/units/layers/entities",to:"/docs/reference/layers"},{title:"Shared layer",from:"/docs/reference/units/layers/shared",to:"/docs/reference/layers"},{title:"Segments",from:"/docs/reference/units/segments",to:"/docs/reference/slices-segments"}]},{group:"\ud83c\udfaf Bad Practices handbook",details:"Moved to /guides as practice materials",children:[{title:"Cross-imports",from:"/docs/concepts/issues/cross-imports",to:"/docs/guides/issues/cross-imports"},{title:"Desegmented",from:"/docs/concepts/issues/desegmented",to:"/docs/guides/issues/desegmented"},{title:"Routes",from:"/docs/concepts/issues/routes",to:"/docs/guides/issues/routes"}]},{group:"\ud83c\udfaf Examples",details:"Grouped and simplified into /guides/examples as practical examples",children:[{title:"Viewer logic",from:"/docs/guides/examples/viewer",to:"/docs/guides/examples/auth"},{title:"Monorepo",from:"/docs/guides/monorepo",to:"/docs/guides/examples/monorepo"},{title:"White Labels",from:"/docs/guides/white-labels",to:"/docs/guides/examples/white-labels"}]},{group:"\ud83c\udfaf Migration",details:"Grouped and simplified into /guides/migration as migration guidelines",children:[{title:"Migration from V1",from:"/docs/guides/migration-from-v1",to:"/docs/guides/migration/from-v1"},{title:"Migration from Legacy",from:"/docs/guides/migration-from-legacy",to:"/docs/guides/migration/from-custom"}]},{group:"\ud83c\udfaf Tech",details:"Grouped into /guides/tech as tech-specific usage guidelines",children:[{title:"Usage with NextJS",from:"/docs/guides/usage-with-nextjs",to:"/docs/guides/tech/with-nextjs"}]},{group:"Rename 'legacy' to 'custom'",details:"'Legacy' is derogatory, we don't get to call people's projects legacy",children:[{title:"Rename 'legacy' to custom",from:"/docs/guides/migration/from-legacy",to:"/docs/guides/migration/from-custom"}]}],pushFeedbackProjectId:"5i2vbxcpaz"},trailingSlash:!1,themeConfig:{image:"img/preview.png",docs:{sidebar:{hideable:!0,autoCollapseCategories:!0},versionPersistence:"localStorage"},colorMode:{respectPrefersColorScheme:!0,defaultMode:"light",disableSwitch:!1},navbar:{title:"",logo:{alt:"logo",src:"img/brand/logo-primary.png"},items:[{label:"\ud83d\udcd6 Hujjatlar",to:"/docs",position:"left"},{label:"\ud83d\udcab Jamiyat",to:"/community",position:"left"},{label:"\ud83d\udcdd Blog",to:"/blog",position:"left"},{label:"\ud83d\udee0 Namunalar",to:"/examples",position:"left"},{type:"docsVersionDropdown",position:"right",dropdownActiveClassDisabled:!0,dropdownItemsAfter:[{to:"https://feature-sliced.github.io/featureslices.dev/v1.0.html",label:"v1.0"},{to:"https://feature-sliced.github.io/featureslices.dev/v0.1.html",label:"v0.1"},{to:"https://github.com/feature-sliced/documentation/tree/rc/feature-driven",label:"feature-driven"},{to:"/versions",label:"All versions"}],dropdownItemsBefore:[]},{type:"localeDropdown",position:"right",dropdownItemsAfter:[{href:"https://github.com/feature-sliced/documentation/issues/244",label:"Help Us Translate"}],dropdownItemsBefore:[]},{href:"https://discord.gg/S8MzWTUsmp",position:"right",className:"ext-link discord","aria-label":"Discord community server"},{href:"https://github.com/feature-sliced/documentation",position:"right",className:"ext-link github","aria-label":"GitHub repository"}],hideOnScroll:!1},footer:{style:"dark",links:[{title:"Spetsifikatsiya",items:[{label:"Hujjatlar",to:"/docs"},{label:"Jamiyat",to:"/community"},{label:"Yordam",to:"/nav"},{label:"Munozaralar",href:"https://github.com/feature-sliced/documentation/discussions"}]},{title:"Jamiyat",items:[{label:"Discord",href:"https://discord.gg/S8MzWTUsmp"},{label:"Telegram (RU)",href:"https://t.me/feature_sliced"},{label:"Twitter",href:"https://twitter.com/feature_sliced"},{label:"Open Collective",href:"https://opencollective.com/feature-sliced"},{label:"YouTube",href:"https://www.youtube.com/c/FeatureSlicedDesign"}]},{title:"Yana",items:[{label:"GitHub",href:"https://github.com/feature-sliced"},{label:"Contribution Guide",href:"https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md"},{label:"Litsenziya",href:"https://github.com/feature-sliced/documentation/blob/master/LICENSE"}]}],logo:{alt:"Feature-Sliced Design - Architectural methodology for frontend projects",src:"img/brand/logo-primary.png",href:"https://github.com/feature-sliced",width:160},copyright:"Copyright \xa9 2018-2023  Feature-Sliced Design"},algolia:{appId:"18IVO61EUN",apiKey:"a51704b2a1604c9eb41c62aa343c6e32",indexName:"feature-sliced",contextualSearch:!0,searchParameters:{},searchPagePath:"search"},metadata:[{name:"keywords",content:"architecture, frontend, project structure"},{name:"twitter:site",content:"@feature_sliced"},{name:"twitter:card",content:"summary_large_image"}],imageZoom:{selector:".markdown :not(a) > img",options:{background:"rgb(255 255 255 / 0.3)"}},prism:{theme:{plain:{backgroundColor:"hsl(230, 1%, 98%)",color:"hsl(230, 8%, 24%)"},styles:[{types:["comment","prolog","cdata"],style:{color:"hsl(230, 4%, 64%)"}},{types:["doctype","punctuation","entity"],style:{color:"hsl(230, 8%, 24%)"}},{types:["attr-name","class-name","boolean","constant","number","atrule"],style:{color:"hsl(35, 99%, 36%)"}},{types:["keyword"],style:{color:"hsl(301, 63%, 40%)"}},{types:["property","tag","symbol","deleted","important"],style:{color:"hsl(5, 74%, 59%)"}},{types:["selector","string","char","builtin","inserted","regex","attr-value","punctuation"],style:{color:"hsl(119, 34%, 47%)"}},{types:["variable","operator","function"],style:{color:"hsl(221, 87%, 60%)"}},{types:["url"],style:{color:"hsl(198, 99%, 37%)"}},{types:["deleted"],style:{textDecorationLine:"line-through"}},{types:["inserted"],style:{textDecorationLine:"underline"}},{types:["italic"],style:{fontStyle:"italic"}},{types:["important","bold"],style:{fontWeight:"bold"}},{types:["important"],style:{color:"hsl(230, 8%, 24%)"}}]},darkTheme:{plain:{backgroundColor:"hsl(220, 13%, 18%)",color:"hsl(220, 14%, 71%)",textShadow:"0 1px rgba(0, 0, 0, 0.3)"},styles:[{types:["comment","prolog","cdata"],style:{color:"hsl(220, 10%, 40%)"}},{types:["doctype","punctuation","entity"],style:{color:"hsl(220, 14%, 71%)"}},{types:["attr-name","class-name","maybe-class-name","boolean","constant","number","atrule"],style:{color:"hsl(29, 54%, 61%)"}},{types:["keyword"],style:{color:"hsl(286, 60%, 67%)"}},{types:["property","tag","symbol","deleted","important"],style:{color:"hsl(355, 65%, 65%)"}},{types:["selector","string","char","builtin","inserted","regex","attr-value"],style:{color:"hsl(95, 38%, 62%)"}},{types:["variable","operator","function"],style:{color:"hsl(207, 82%, 66%)"}},{types:["url"],style:{color:"hsl(187, 47%, 55%)"}},{types:["deleted"],style:{textDecorationLine:"line-through"}},{types:["inserted"],style:{textDecorationLine:"underline"}},{types:["italic"],style:{fontStyle:"italic"}},{types:["important","bold"],style:{fontWeight:"bold"}},{types:["important"],style:{color:"hsl(220, 14%, 71%)"}}]},additionalLanguages:[],magicComments:[{className:"theme-code-block-highlighted-line",line:"highlight-next-line",block:{start:"highlight-start",end:"highlight-end"}}]},blog:{sidebar:{groupByYear:!0}},tableOfContents:{minHeadingLevel:2,maxHeadingLevel:3}},baseUrlIssueBanner:!0,future:{experimental_storage:{type:"localStorage",namespace:!1},experimental_router:"browser"},onBrokenAnchors:"warn",staticDirectories:["static"],themes:[],scripts:[],headTags:[],stylesheets:[],clientModules:[],titleDelimiter:"|",noIndex:!1,markdown:{format:"mdx",mermaid:!1,mdx1Compat:{comments:!0,admonitions:!0,headingIds:!0},anchors:{maintainCase:!1}}}},991:(e,t,n)=>{"use strict";function r(){return r=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)({}).hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},r.apply(null,arguments)}n.d(t,{A:()=>r})},1141:(e,t,n)=>{"use strict";function r(e,t){return r=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},r(e,t)}function o(e,t){e.prototype=Object.create(t.prototype),e.prototype.constructor=e,r(e,t)}n.d(t,{A:()=>o})},3302:(e,t,n)=>{"use strict";function r(e,t){if(null==e)return{};var n={};for(var r in e)if({}.hasOwnProperty.call(e,r)){if(t.includes(r))continue;n[r]=e[r]}return n}n.d(t,{A:()=>r})},3526:(e,t,n)=>{"use strict";function r(e){var t,n,o="";if("string"==typeof e||"number"==typeof e)o+=e;else if("object"==typeof e)if(Array.isArray(e)){var a=e.length;for(t=0;t<a;t++)e[t]&&(n=r(e[t]))&&(o&&(o+=" "),o+=n)}else for(n in e)e[n]&&(o&&(o+=" "),o+=n);return o}n.d(t,{A:()=>o});const o=function(){for(var e,t,n=0,o="",a=arguments.length;n<a;n++)(e=arguments[n])&&(t=r(e))&&(o&&(o+=" "),o+=t);return o}},5371:(e,t,n)=>{"use strict";n.d(t,{My:()=>k,f4:()=>Y});var r,o,a=n(758),i=n(3526),s=Object.create,l=Object.defineProperty,c=Object.defineProperties,u=Object.getOwnPropertyDescriptor,d=Object.getOwnPropertyDescriptors,p=Object.getOwnPropertyNames,f=Object.getOwnPropertySymbols,m=Object.getPrototypeOf,h=Object.prototype.hasOwnProperty,g=Object.prototype.propertyIsEnumerable,b=(e,t,n)=>t in e?l(e,t,{enumerable:!0,configurable:!0,writable:!0,value:n}):e[t]=n,y=(e,t)=>{for(var n in t||(t={}))h.call(t,n)&&b(e,n,t[n]);if(f)for(var n of f(t))g.call(t,n)&&b(e,n,t[n]);return e},v=(e,t)=>c(e,d(t)),w=(e,t)=>{var n={};for(var r in e)h.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&f)for(var r of f(e))t.indexOf(r)<0&&g.call(e,r)&&(n[r]=e[r]);return n},k=((e,t,n)=>(n=null!=e?s(m(e)):{},((e,t,n,r)=>{if(t&&"object"==typeof t||"function"==typeof t)for(let o of p(t))h.call(e,o)||o===n||l(e,o,{get:()=>t[o],enumerable:!(r=u(t,o))||r.enumerable});return e})(!t&&e&&e.__esModule?n:l(n,"default",{value:e,enumerable:!0}),e)))((r={"../../node_modules/.pnpm/prismjs@1.29.0_patch_hash=vrxx3pzkik6jpmgpayxfjunetu/node_modules/prismjs/prism.js"(e,t){var n=function(){var e=/(?:^|\s)lang(?:uage)?-([\w-]+)(?=\s|$)/i,t=0,n={},r={util:{encode:function e(t){return t instanceof o?new o(t.type,e(t.content),t.alias):Array.isArray(t)?t.map(e):t.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/\u00a0/g," ")},type:function(e){return Object.prototype.toString.call(e).slice(8,-1)},objId:function(e){return e.__id||Object.defineProperty(e,"__id",{value:++t}),e.__id},clone:function e(t,n){var o,a;switch(n=n||{},r.util.type(t)){case"Object":if(a=r.util.objId(t),n[a])return n[a];for(var i in o={},n[a]=o,t)t.hasOwnProperty(i)&&(o[i]=e(t[i],n));return o;case"Array":return a=r.util.objId(t),n[a]?n[a]:(o=[],n[a]=o,t.forEach((function(t,r){o[r]=e(t,n)})),o);default:return t}},getLanguage:function(t){for(;t;){var n=e.exec(t.className);if(n)return n[1].toLowerCase();t=t.parentElement}return"none"},setLanguage:function(t,n){t.className=t.className.replace(RegExp(e,"gi"),""),t.classList.add("language-"+n)},isActive:function(e,t,n){for(var r="no-"+t;e;){var o=e.classList;if(o.contains(t))return!0;if(o.contains(r))return!1;e=e.parentElement}return!!n}},languages:{plain:n,plaintext:n,text:n,txt:n,extend:function(e,t){var n=r.util.clone(r.languages[e]);for(var o in t)n[o]=t[o];return n},insertBefore:function(e,t,n,o){var a=(o=o||r.languages)[e],i={};for(var s in a)if(a.hasOwnProperty(s)){if(s==t)for(var l in n)n.hasOwnProperty(l)&&(i[l]=n[l]);n.hasOwnProperty(s)||(i[s]=a[s])}var c=o[e];return o[e]=i,r.languages.DFS(r.languages,(function(t,n){n===c&&t!=e&&(this[t]=i)})),i},DFS:function e(t,n,o,a){a=a||{};var i=r.util.objId;for(var s in t)if(t.hasOwnProperty(s)){n.call(t,s,t[s],o||s);var l=t[s],c=r.util.type(l);"Object"!==c||a[i(l)]?"Array"!==c||a[i(l)]||(a[i(l)]=!0,e(l,n,s,a)):(a[i(l)]=!0,e(l,n,null,a))}}},plugins:{},highlight:function(e,t,n){var a={code:e,grammar:t,language:n};if(r.hooks.run("before-tokenize",a),!a.grammar)throw new Error('The language "'+a.language+'" has no grammar.');return a.tokens=r.tokenize(a.code,a.grammar),r.hooks.run("after-tokenize",a),o.stringify(r.util.encode(a.tokens),a.language)},tokenize:function(e,t){var n=t.rest;if(n){for(var r in n)t[r]=n[r];delete t.rest}var o=new s;return l(o,o.head,e),i(e,o,t,o.head,0),function(e){for(var t=[],n=e.head.next;n!==e.tail;)t.push(n.value),n=n.next;return t}(o)},hooks:{all:{},add:function(e,t){var n=r.hooks.all;n[e]=n[e]||[],n[e].push(t)},run:function(e,t){var n=r.hooks.all[e];if(n&&n.length)for(var o,a=0;o=n[a++];)o(t)}},Token:o};function o(e,t,n,r){this.type=e,this.content=t,this.alias=n,this.length=0|(r||"").length}function a(e,t,n,r){e.lastIndex=t;var o=e.exec(n);if(o&&r&&o[1]){var a=o[1].length;o.index+=a,o[0]=o[0].slice(a)}return o}function i(e,t,n,s,u,d){for(var p in n)if(n.hasOwnProperty(p)&&n[p]){var f=n[p];f=Array.isArray(f)?f:[f];for(var m=0;m<f.length;++m){if(d&&d.cause==p+","+m)return;var h=f[m],g=h.inside,b=!!h.lookbehind,y=!!h.greedy,v=h.alias;if(y&&!h.pattern.global){var w=h.pattern.toString().match(/[imsuy]*$/)[0];h.pattern=RegExp(h.pattern.source,w+"g")}for(var k=h.pattern||h,S=s.next,x=u;S!==t.tail&&!(d&&x>=d.reach);x+=S.value.length,S=S.next){var E=S.value;if(t.length>e.length)return;if(!(E instanceof o)){var _,j=1;if(y){if(!(_=a(k,x,e,b))||_.index>=e.length)break;var C=_.index,O=_.index+_[0].length,A=x;for(A+=S.value.length;C>=A;)A+=(S=S.next).value.length;if(x=A-=S.value.length,S.value instanceof o)continue;for(var T=S;T!==t.tail&&(A<O||"string"==typeof T.value);T=T.next)j++,A+=T.value.length;j--,E=e.slice(x,A),_.index-=x}else if(!(_=a(k,0,E,b)))continue;C=_.index;var P=_[0],z=E.slice(0,C),I=E.slice(C+P.length),L=x+E.length;d&&L>d.reach&&(d.reach=L);var N=S.prev;if(z&&(N=l(t,N,z),x+=z.length),c(t,N,j),S=l(t,N,new o(p,g?r.tokenize(P,g):P,v,P)),I&&l(t,S,I),j>1){var R={cause:p+","+m,reach:L};i(e,t,n,S.prev,x,R),d&&R.reach>d.reach&&(d.reach=R.reach)}}}}}}function s(){var e={value:null,prev:null,next:null},t={value:null,prev:e,next:null};e.next=t,this.head=e,this.tail=t,this.length=0}function l(e,t,n){var r=t.next,o={value:n,prev:t,next:r};return t.next=o,r.prev=o,e.length++,o}function c(e,t,n){for(var r=t.next,o=0;o<n&&r!==e.tail;o++)r=r.next;t.next=r,r.prev=t,e.length-=o}return o.stringify=function e(t,n){if("string"==typeof t)return t;if(Array.isArray(t)){var o="";return t.forEach((function(t){o+=e(t,n)})),o}var a={type:t.type,content:e(t.content,n),tag:"span",classes:["token",t.type],attributes:{},language:n},i=t.alias;i&&(Array.isArray(i)?Array.prototype.push.apply(a.classes,i):a.classes.push(i)),r.hooks.run("wrap",a);var s="";for(var l in a.attributes)s+=" "+l+'="'+(a.attributes[l]||"").replace(/"/g,"&quot;")+'"';return"<"+a.tag+' class="'+a.classes.join(" ")+'"'+s+">"+a.content+"</"+a.tag+">"},r}();t.exports=n,n.default=n}},function(){return o||(0,r[p(r)[0]])((o={exports:{}}).exports,o),o.exports})());k.languages.markup={comment:{pattern:/<!--(?:(?!<!--)[\s\S])*?-->/,greedy:!0},prolog:{pattern:/<\?[\s\S]+?\?>/,greedy:!0},doctype:{pattern:/<!DOCTYPE(?:[^>"'[\]]|"[^"]*"|'[^']*')+(?:\[(?:[^<"'\]]|"[^"]*"|'[^']*'|<(?!!--)|<!--(?:[^-]|-(?!->))*-->)*\]\s*)?>/i,greedy:!0,inside:{"internal-subset":{pattern:/(^[^\[]*\[)[\s\S]+(?=\]>$)/,lookbehind:!0,greedy:!0,inside:null},string:{pattern:/"[^"]*"|'[^']*'/,greedy:!0},punctuation:/^<!|>$|[[\]]/,"doctype-tag":/^DOCTYPE/i,name:/[^\s<>'"]+/}},cdata:{pattern:/<!\[CDATA\[[\s\S]*?\]\]>/i,greedy:!0},tag:{pattern:/<\/?(?!\d)[^\s>\/=$<%]+(?:\s(?:\s*[^\s>\/=]+(?:\s*=\s*(?:"[^"]*"|'[^']*'|[^\s'">=]+(?=[\s>]))|(?=[\s/>])))+)?\s*\/?>/,greedy:!0,inside:{tag:{pattern:/^<\/?[^\s>\/]+/,inside:{punctuation:/^<\/?/,namespace:/^[^\s>\/:]+:/}},"special-attr":[],"attr-value":{pattern:/=\s*(?:"[^"]*"|'[^']*'|[^\s'">=]+)/,inside:{punctuation:[{pattern:/^=/,alias:"attr-equals"},{pattern:/^(\s*)["']|["']$/,lookbehind:!0}]}},punctuation:/\/?>/,"attr-name":{pattern:/[^\s>\/]+/,inside:{namespace:/^[^\s>\/:]+:/}}}},entity:[{pattern:/&[\da-z]{1,8};/i,alias:"named-entity"},/&#x?[\da-f]{1,8};/i]},k.languages.markup.tag.inside["attr-value"].inside.entity=k.languages.markup.entity,k.languages.markup.doctype.inside["internal-subset"].inside=k.languages.markup,k.hooks.add("wrap",(function(e){"entity"===e.type&&(e.attributes.title=e.content.replace(/&amp;/,"&"))})),Object.defineProperty(k.languages.markup.tag,"addInlined",{value:function(e,t){var n;(t=((n=((n={})["language-"+t]={pattern:/(^<!\[CDATA\[)[\s\S]+?(?=\]\]>$)/i,lookbehind:!0,inside:k.languages[t]},n.cdata=/^<!\[CDATA\[|\]\]>$/i,{"included-cdata":{pattern:/<!\[CDATA\[[\s\S]*?\]\]>/i,inside:n}}))["language-"+t]={pattern:/[\s\S]+/,inside:k.languages[t]},{}))[e]={pattern:RegExp(/(<__[^>]*>)(?:<!\[CDATA\[(?:[^\]]|\](?!\]>))*\]\]>|(?!<!\[CDATA\[)[\s\S])*?(?=<\/__>)/.source.replace(/__/g,(function(){return e})),"i"),lookbehind:!0,greedy:!0,inside:n},k.languages.insertBefore("markup","cdata",t)}}),Object.defineProperty(k.languages.markup.tag,"addAttribute",{value:function(e,t){k.languages.markup.tag.inside["special-attr"].push({pattern:RegExp(/(^|["'\s])/.source+"(?:"+e+")"+/\s*=\s*(?:"[^"]*"|'[^']*'|[^\s'">=]+(?=[\s>]))/.source,"i"),lookbehind:!0,inside:{"attr-name":/^[^\s=]+/,"attr-value":{pattern:/=[\s\S]+/,inside:{value:{pattern:/(^=\s*(["']|(?!["'])))\S[\s\S]*(?=\2$)/,lookbehind:!0,alias:[t,"language-"+t],inside:k.languages[t]},punctuation:[{pattern:/^=/,alias:"attr-equals"},/"|'/]}}}})}}),k.languages.html=k.languages.markup,k.languages.mathml=k.languages.markup,k.languages.svg=k.languages.markup,k.languages.xml=k.languages.extend("markup",{}),k.languages.ssml=k.languages.xml,k.languages.atom=k.languages.xml,k.languages.rss=k.languages.xml,function(e){var t={pattern:/\\[\\(){}[\]^$+*?|.]/,alias:"escape"},n=/\\(?:x[\da-fA-F]{2}|u[\da-fA-F]{4}|u\{[\da-fA-F]+\}|0[0-7]{0,2}|[123][0-7]{2}|c[a-zA-Z]|.)/,r="(?:[^\\\\-]|"+n.source+")",o=(r=RegExp(r+"-"+r),{pattern:/(<|')[^<>']+(?=[>']$)/,lookbehind:!0,alias:"variable"});e.languages.regex={"char-class":{pattern:/((?:^|[^\\])(?:\\\\)*)\[(?:[^\\\]]|\\[\s\S])*\]/,lookbehind:!0,inside:{"char-class-negation":{pattern:/(^\[)\^/,lookbehind:!0,alias:"operator"},"char-class-punctuation":{pattern:/^\[|\]$/,alias:"punctuation"},range:{pattern:r,inside:{escape:n,"range-punctuation":{pattern:/-/,alias:"operator"}}},"special-escape":t,"char-set":{pattern:/\\[wsd]|\\p\{[^{}]+\}/i,alias:"class-name"},escape:n}},"special-escape":t,"char-set":{pattern:/\.|\\[wsd]|\\p\{[^{}]+\}/i,alias:"class-name"},backreference:[{pattern:/\\(?![123][0-7]{2})[1-9]/,alias:"keyword"},{pattern:/\\k<[^<>']+>/,alias:"keyword",inside:{"group-name":o}}],anchor:{pattern:/[$^]|\\[ABbGZz]/,alias:"function"},escape:n,group:[{pattern:/\((?:\?(?:<[^<>']+>|'[^<>']+'|[>:]|<?[=!]|[idmnsuxU]+(?:-[idmnsuxU]+)?:?))?/,alias:"punctuation",inside:{"group-name":o}},{pattern:/\)/,alias:"punctuation"}],quantifier:{pattern:/(?:[+*?]|\{\d+(?:,\d*)?\})[?+]?/,alias:"number"},alternation:{pattern:/\|/,alias:"keyword"}}}(k),k.languages.clike={comment:[{pattern:/(^|[^\\])\/\*[\s\S]*?(?:\*\/|$)/,lookbehind:!0,greedy:!0},{pattern:/(^|[^\\:])\/\/.*/,lookbehind:!0,greedy:!0}],string:{pattern:/(["'])(?:\\(?:\r\n|[\s\S])|(?!\1)[^\\\r\n])*\1/,greedy:!0},"class-name":{pattern:/(\b(?:class|extends|implements|instanceof|interface|new|trait)\s+|\bcatch\s+\()[\w.\\]+/i,lookbehind:!0,inside:{punctuation:/[.\\]/}},keyword:/\b(?:break|catch|continue|do|else|finally|for|function|if|in|instanceof|new|null|return|throw|try|while)\b/,boolean:/\b(?:false|true)\b/,function:/\b\w+(?=\()/,number:/\b0x[\da-f]+\b|(?:\b\d+(?:\.\d*)?|\B\.\d+)(?:e[+-]?\d+)?/i,operator:/[<>]=?|[!=]=?=?|--?|\+\+?|&&?|\|\|?|[?*/~^%]/,punctuation:/[{}[\];(),.:]/},k.languages.javascript=k.languages.extend("clike",{"class-name":[k.languages.clike["class-name"],{pattern:/(^|[^$\w\xA0-\uFFFF])(?!\s)[_$A-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\.(?:constructor|prototype))/,lookbehind:!0}],keyword:[{pattern:/((?:^|\})\s*)catch\b/,lookbehind:!0},{pattern:/(^|[^.]|\.\.\.\s*)\b(?:as|assert(?=\s*\{)|async(?=\s*(?:function\b|\(|[$\w\xA0-\uFFFF]|$))|await|break|case|class|const|continue|debugger|default|delete|do|else|enum|export|extends|finally(?=\s*(?:\{|$))|for|from(?=\s*(?:['"]|$))|function|(?:get|set)(?=\s*(?:[#\[$\w\xA0-\uFFFF]|$))|if|implements|import|in|instanceof|interface|let|new|null|of|package|private|protected|public|return|static|super|switch|this|throw|try|typeof|undefined|var|void|while|with|yield)\b/,lookbehind:!0}],function:/#?(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*(?:\.\s*(?:apply|bind|call)\s*)?\()/,number:{pattern:RegExp(/(^|[^\w$])/.source+"(?:"+/NaN|Infinity/.source+"|"+/0[bB][01]+(?:_[01]+)*n?/.source+"|"+/0[oO][0-7]+(?:_[0-7]+)*n?/.source+"|"+/0[xX][\dA-Fa-f]+(?:_[\dA-Fa-f]+)*n?/.source+"|"+/\d+(?:_\d+)*n/.source+"|"+/(?:\d+(?:_\d+)*(?:\.(?:\d+(?:_\d+)*)?)?|\.\d+(?:_\d+)*)(?:[Ee][+-]?\d+(?:_\d+)*)?/.source+")"+/(?![\w$])/.source),lookbehind:!0},operator:/--|\+\+|\*\*=?|=>|&&=?|\|\|=?|[!=]==|<<=?|>>>?=?|[-+*/%&|^!=<>]=?|\.{3}|\?\?=?|\?\.?|[~:]/}),k.languages.javascript["class-name"][0].pattern=/(\b(?:class|extends|implements|instanceof|interface|new)\s+)[\w.\\]+/,k.languages.insertBefore("javascript","keyword",{regex:{pattern:RegExp(/((?:^|[^$\w\xA0-\uFFFF."'\])\s]|\b(?:return|yield))\s*)/.source+/\//.source+"(?:"+/(?:\[(?:[^\]\\\r\n]|\\.)*\]|\\.|[^/\\\[\r\n])+\/[dgimyus]{0,7}/.source+"|"+/(?:\[(?:[^[\]\\\r\n]|\\.|\[(?:[^[\]\\\r\n]|\\.|\[(?:[^[\]\\\r\n]|\\.)*\])*\])*\]|\\.|[^/\\\[\r\n])+\/[dgimyus]{0,7}v[dgimyus]{0,7}/.source+")"+/(?=(?:\s|\/\*(?:[^*]|\*(?!\/))*\*\/)*(?:$|[\r\n,.;:})\]]|\/\/))/.source),lookbehind:!0,greedy:!0,inside:{"regex-source":{pattern:/^(\/)[\s\S]+(?=\/[a-z]*$)/,lookbehind:!0,alias:"language-regex",inside:k.languages.regex},"regex-delimiter":/^\/|\/$/,"regex-flags":/^[a-z]+$/}},"function-variable":{pattern:/#?(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*[=:]\s*(?:async\s*)?(?:\bfunction\b|(?:\((?:[^()]|\([^()]*\))*\)|(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*)\s*=>))/,alias:"function"},parameter:[{pattern:/(function(?:\s+(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*)?\s*\(\s*)(?!\s)(?:[^()\s]|\s+(?![\s)])|\([^()]*\))+(?=\s*\))/,lookbehind:!0,inside:k.languages.javascript},{pattern:/(^|[^$\w\xA0-\uFFFF])(?!\s)[_$a-z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*=>)/i,lookbehind:!0,inside:k.languages.javascript},{pattern:/(\(\s*)(?!\s)(?:[^()\s]|\s+(?![\s)])|\([^()]*\))+(?=\s*\)\s*=>)/,lookbehind:!0,inside:k.languages.javascript},{pattern:/((?:\b|\s|^)(?!(?:as|async|await|break|case|catch|class|const|continue|debugger|default|delete|do|else|enum|export|extends|finally|for|from|function|get|if|implements|import|in|instanceof|interface|let|new|null|of|package|private|protected|public|return|set|static|super|switch|this|throw|try|typeof|undefined|var|void|while|with|yield)(?![$\w\xA0-\uFFFF]))(?:(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*\s*)\(\s*|\]\s*\(\s*)(?!\s)(?:[^()\s]|\s+(?![\s)])|\([^()]*\))+(?=\s*\)\s*\{)/,lookbehind:!0,inside:k.languages.javascript}],constant:/\b[A-Z](?:[A-Z_]|\dx?)*\b/}),k.languages.insertBefore("javascript","string",{hashbang:{pattern:/^#!.*/,greedy:!0,alias:"comment"},"template-string":{pattern:/`(?:\\[\s\S]|\$\{(?:[^{}]|\{(?:[^{}]|\{[^}]*\})*\})+\}|(?!\$\{)[^\\`])*`/,greedy:!0,inside:{"template-punctuation":{pattern:/^`|`$/,alias:"string"},interpolation:{pattern:/((?:^|[^\\])(?:\\{2})*)\$\{(?:[^{}]|\{(?:[^{}]|\{[^}]*\})*\})+\}/,lookbehind:!0,inside:{"interpolation-punctuation":{pattern:/^\$\{|\}$/,alias:"punctuation"},rest:k.languages.javascript}},string:/[\s\S]+/}},"string-property":{pattern:/((?:^|[,{])[ \t]*)(["'])(?:\\(?:\r\n|[\s\S])|(?!\2)[^\\\r\n])*\2(?=\s*:)/m,lookbehind:!0,greedy:!0,alias:"property"}}),k.languages.insertBefore("javascript","operator",{"literal-property":{pattern:/((?:^|[,{])[ \t]*)(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*:)/m,lookbehind:!0,alias:"property"}}),k.languages.markup&&(k.languages.markup.tag.addInlined("script","javascript"),k.languages.markup.tag.addAttribute(/on(?:abort|blur|change|click|composition(?:end|start|update)|dblclick|error|focus(?:in|out)?|key(?:down|up)|load|mouse(?:down|enter|leave|move|out|over|up)|reset|resize|scroll|select|slotchange|submit|unload|wheel)/.source,"javascript")),k.languages.js=k.languages.javascript,k.languages.actionscript=k.languages.extend("javascript",{keyword:/\b(?:as|break|case|catch|class|const|default|delete|do|dynamic|each|else|extends|final|finally|for|function|get|if|implements|import|in|include|instanceof|interface|internal|is|namespace|native|new|null|override|package|private|protected|public|return|set|static|super|switch|this|throw|try|typeof|use|var|void|while|with)\b/,operator:/\+\+|--|(?:[+\-*\/%^]|&&?|\|\|?|<<?|>>?>?|[!=]=?)=?|[~?@]/}),k.languages.actionscript["class-name"].alias="function",delete k.languages.actionscript.parameter,delete k.languages.actionscript["literal-property"],k.languages.markup&&k.languages.insertBefore("actionscript","string",{xml:{pattern:/(^|[^.])<\/?\w+(?:\s+[^\s>\/=]+=("|')(?:\\[\s\S]|(?!\2)[^\\])*\2)*\s*\/?>/,lookbehind:!0,inside:k.languages.markup}}),function(e){var t=/#(?!\{).+/,n={pattern:/#\{[^}]+\}/,alias:"variable"};e.languages.coffeescript=e.languages.extend("javascript",{comment:t,string:[{pattern:/'(?:\\[\s\S]|[^\\'])*'/,greedy:!0},{pattern:/"(?:\\[\s\S]|[^\\"])*"/,greedy:!0,inside:{interpolation:n}}],keyword:/\b(?:and|break|by|catch|class|continue|debugger|delete|do|each|else|extend|extends|false|finally|for|if|in|instanceof|is|isnt|let|loop|namespace|new|no|not|null|of|off|on|or|own|return|super|switch|then|this|throw|true|try|typeof|undefined|unless|until|when|while|window|with|yes|yield)\b/,"class-member":{pattern:/@(?!\d)\w+/,alias:"variable"}}),e.languages.insertBefore("coffeescript","comment",{"multiline-comment":{pattern:/###[\s\S]+?###/,alias:"comment"},"block-regex":{pattern:/\/{3}[\s\S]*?\/{3}/,alias:"regex",inside:{comment:t,interpolation:n}}}),e.languages.insertBefore("coffeescript","string",{"inline-javascript":{pattern:/`(?:\\[\s\S]|[^\\`])*`/,inside:{delimiter:{pattern:/^`|`$/,alias:"punctuation"},script:{pattern:/[\s\S]+/,alias:"language-javascript",inside:e.languages.javascript}}},"multiline-string":[{pattern:/'''[\s\S]*?'''/,greedy:!0,alias:"string"},{pattern:/"""[\s\S]*?"""/,greedy:!0,alias:"string",inside:{interpolation:n}}]}),e.languages.insertBefore("coffeescript","keyword",{property:/(?!\d)\w+(?=\s*:(?!:))/}),delete e.languages.coffeescript["template-string"],e.languages.coffee=e.languages.coffeescript}(k),function(e){var t=e.languages.javadoclike={parameter:{pattern:/(^[\t ]*(?:\/{3}|\*|\/\*\*)\s*@(?:arg|arguments|param)\s+)\w+/m,lookbehind:!0},keyword:{pattern:/(^[\t ]*(?:\/{3}|\*|\/\*\*)\s*|\{)@[a-z][a-zA-Z-]+\b/m,lookbehind:!0},punctuation:/[{}]/};Object.defineProperty(t,"addSupport",{value:function(t,n){(t="string"==typeof t?[t]:t).forEach((function(t){var r=function(e){e.inside||(e.inside={}),e.inside.rest=n},o="doc-comment";if(a=e.languages[t]){var a,i=a[o];if((i=i||(a=e.languages.insertBefore(t,"comment",{"doc-comment":{pattern:/(^|[^\\])\/\*\*[^/][\s\S]*?(?:\*\/|$)/,lookbehind:!0,alias:"comment"}}))[o])instanceof RegExp&&(i=a[o]={pattern:i}),Array.isArray(i))for(var s=0,l=i.length;s<l;s++)i[s]instanceof RegExp&&(i[s]={pattern:i[s]}),r(i[s]);else r(i)}}))}}),t.addSupport(["java","javascript","php"],t)}(k),function(e){var t=/(?:"(?:\\(?:\r\n|[\s\S])|[^"\\\r\n])*"|'(?:\\(?:\r\n|[\s\S])|[^'\\\r\n])*')/;(t=(e.languages.css={comment:/\/\*[\s\S]*?\*\//,atrule:{pattern:RegExp("@[\\w-](?:"+/[^;{\s"']|\s+(?!\s)/.source+"|"+t.source+")*?"+/(?:;|(?=\s*\{))/.source),inside:{rule:/^@[\w-]+/,"selector-function-argument":{pattern:/(\bselector\s*\(\s*(?![\s)]))(?:[^()\s]|\s+(?![\s)])|\((?:[^()]|\([^()]*\))*\))+(?=\s*\))/,lookbehind:!0,alias:"selector"},keyword:{pattern:/(^|[^\w-])(?:and|not|only|or)(?![\w-])/,lookbehind:!0}}},url:{pattern:RegExp("\\burl\\((?:"+t.source+"|"+/(?:[^\\\r\n()"']|\\[\s\S])*/.source+")\\)","i"),greedy:!0,inside:{function:/^url/i,punctuation:/^\(|\)$/,string:{pattern:RegExp("^"+t.source+"$"),alias:"url"}}},selector:{pattern:RegExp("(^|[{}\\s])[^{}\\s](?:[^{};\"'\\s]|\\s+(?![\\s{])|"+t.source+")*(?=\\s*\\{)"),lookbehind:!0},string:{pattern:t,greedy:!0},property:{pattern:/(^|[^-\w\xA0-\uFFFF])(?!\s)[-_a-z\xA0-\uFFFF](?:(?!\s)[-\w\xA0-\uFFFF])*(?=\s*:)/i,lookbehind:!0},important:/!important\b/i,function:{pattern:/(^|[^-a-z0-9])[-a-z0-9]+(?=\()/i,lookbehind:!0},punctuation:/[(){};:,]/},e.languages.css.atrule.inside.rest=e.languages.css,e.languages.markup))&&(t.tag.addInlined("style","css"),t.tag.addAttribute("style","css"))}(k),function(e){var t=/("|')(?:\\(?:\r\n|[\s\S])|(?!\1)[^\\\r\n])*\1/,n=(t=(e.languages.css.selector={pattern:e.languages.css.selector.pattern,lookbehind:!0,inside:t={"pseudo-element":/:(?:after|before|first-letter|first-line|selection)|::[-\w]+/,"pseudo-class":/:[-\w]+/,class:/\.[-\w]+/,id:/#[-\w]+/,attribute:{pattern:RegExp("\\[(?:[^[\\]\"']|"+t.source+")*\\]"),greedy:!0,inside:{punctuation:/^\[|\]$/,"case-sensitivity":{pattern:/(\s)[si]$/i,lookbehind:!0,alias:"keyword"},namespace:{pattern:/^(\s*)(?:(?!\s)[-*\w\xA0-\uFFFF])*\|(?!=)/,lookbehind:!0,inside:{punctuation:/\|$/}},"attr-name":{pattern:/^(\s*)(?:(?!\s)[-\w\xA0-\uFFFF])+/,lookbehind:!0},"attr-value":[t,{pattern:/(=\s*)(?:(?!\s)[-\w\xA0-\uFFFF])+(?=\s*$)/,lookbehind:!0}],operator:/[|~*^$]?=/}},"n-th":[{pattern:/(\(\s*)[+-]?\d*[\dn](?:\s*[+-]\s*\d+)?(?=\s*\))/,lookbehind:!0,inside:{number:/[\dn]+/,operator:/[+-]/}},{pattern:/(\(\s*)(?:even|odd)(?=\s*\))/i,lookbehind:!0}],combinator:/>|\+|~|\|\|/,punctuation:/[(),]/}},e.languages.css.atrule.inside["selector-function-argument"].inside=t,e.languages.insertBefore("css","property",{variable:{pattern:/(^|[^-\w\xA0-\uFFFF])--(?!\s)[-_a-z\xA0-\uFFFF](?:(?!\s)[-\w\xA0-\uFFFF])*/i,lookbehind:!0}}),{pattern:/(\b\d+)(?:%|[a-z]+(?![\w-]))/,lookbehind:!0}),{pattern:/(^|[^\w.-])-?(?:\d+(?:\.\d+)?|\.\d+)/,lookbehind:!0});e.languages.insertBefore("css","function",{operator:{pattern:/(\s)[+\-*\/](?=\s)/,lookbehind:!0},hexcode:{pattern:/\B#[\da-f]{3,8}\b/i,alias:"color"},color:[{pattern:/(^|[^\w-])(?:AliceBlue|AntiqueWhite|Aqua|Aquamarine|Azure|Beige|Bisque|Black|BlanchedAlmond|Blue|BlueViolet|Brown|BurlyWood|CadetBlue|Chartreuse|Chocolate|Coral|CornflowerBlue|Cornsilk|Crimson|Cyan|DarkBlue|DarkCyan|DarkGoldenRod|DarkGr[ae]y|DarkGreen|DarkKhaki|DarkMagenta|DarkOliveGreen|DarkOrange|DarkOrchid|DarkRed|DarkSalmon|DarkSeaGreen|DarkSlateBlue|DarkSlateGr[ae]y|DarkTurquoise|DarkViolet|DeepPink|DeepSkyBlue|DimGr[ae]y|DodgerBlue|FireBrick|FloralWhite|ForestGreen|Fuchsia|Gainsboro|GhostWhite|Gold|GoldenRod|Gr[ae]y|Green|GreenYellow|HoneyDew|HotPink|IndianRed|Indigo|Ivory|Khaki|Lavender|LavenderBlush|LawnGreen|LemonChiffon|LightBlue|LightCoral|LightCyan|LightGoldenRodYellow|LightGr[ae]y|LightGreen|LightPink|LightSalmon|LightSeaGreen|LightSkyBlue|LightSlateGr[ae]y|LightSteelBlue|LightYellow|Lime|LimeGreen|Linen|Magenta|Maroon|MediumAquaMarine|MediumBlue|MediumOrchid|MediumPurple|MediumSeaGreen|MediumSlateBlue|MediumSpringGreen|MediumTurquoise|MediumVioletRed|MidnightBlue|MintCream|MistyRose|Moccasin|NavajoWhite|Navy|OldLace|Olive|OliveDrab|Orange|OrangeRed|Orchid|PaleGoldenRod|PaleGreen|PaleTurquoise|PaleVioletRed|PapayaWhip|PeachPuff|Peru|Pink|Plum|PowderBlue|Purple|RebeccaPurple|Red|RosyBrown|RoyalBlue|SaddleBrown|Salmon|SandyBrown|SeaGreen|SeaShell|Sienna|Silver|SkyBlue|SlateBlue|SlateGr[ae]y|Snow|SpringGreen|SteelBlue|Tan|Teal|Thistle|Tomato|Transparent|Turquoise|Violet|Wheat|White|WhiteSmoke|Yellow|YellowGreen)(?![\w-])/i,lookbehind:!0},{pattern:/\b(?:hsl|rgb)\(\s*\d{1,3}\s*,\s*\d{1,3}%?\s*,\s*\d{1,3}%?\s*\)\B|\b(?:hsl|rgb)a\(\s*\d{1,3}\s*,\s*\d{1,3}%?\s*,\s*\d{1,3}%?\s*,\s*(?:0|0?\.\d+|1)\s*\)\B/i,inside:{unit:t,number:n,function:/[\w-]+(?=\()/,punctuation:/[(),]/}}],entity:/\\[\da-f]{1,8}/i,unit:t,number:n})}(k),function(e){var t=/[*&][^\s[\]{},]+/,n=/!(?:<[\w\-%#;/?:@&=+$,.!~*'()[\]]+>|(?:[a-zA-Z\d-]*!)?[\w\-%#;/?:@&=+$.~*'()]+)?/,r="(?:"+n.source+"(?:[ \t]+"+t.source+")?|"+t.source+"(?:[ \t]+"+n.source+")?)",o=/(?:[^\s\x00-\x08\x0e-\x1f!"#%&'*,\-:>?@[\]`{|}\x7f-\x84\x86-\x9f\ud800-\udfff\ufffe\uffff]|[?:-]<PLAIN>)(?:[ \t]*(?:(?![#:])<PLAIN>|:<PLAIN>))*/.source.replace(/<PLAIN>/g,(function(){return/[^\s\x00-\x08\x0e-\x1f,[\]{}\x7f-\x84\x86-\x9f\ud800-\udfff\ufffe\uffff]/.source})),a=/"(?:[^"\\\r\n]|\\.)*"|'(?:[^'\\\r\n]|\\.)*'/.source;function i(e,t){t=(t||"").replace(/m/g,"")+"m";var n=/([:\-,[{]\s*(?:\s<<prop>>[ \t]+)?)(?:<<value>>)(?=[ \t]*(?:$|,|\]|\}|(?:[\r\n]\s*)?#))/.source.replace(/<<prop>>/g,(function(){return r})).replace(/<<value>>/g,(function(){return e}));return RegExp(n,t)}e.languages.yaml={scalar:{pattern:RegExp(/([\-:]\s*(?:\s<<prop>>[ \t]+)?[|>])[ \t]*(?:((?:\r?\n|\r)[ \t]+)\S[^\r\n]*(?:\2[^\r\n]+)*)/.source.replace(/<<prop>>/g,(function(){return r}))),lookbehind:!0,alias:"string"},comment:/#.*/,key:{pattern:RegExp(/((?:^|[:\-,[{\r\n?])[ \t]*(?:<<prop>>[ \t]+)?)<<key>>(?=\s*:\s)/.source.replace(/<<prop>>/g,(function(){return r})).replace(/<<key>>/g,(function(){return"(?:"+o+"|"+a+")"}))),lookbehind:!0,greedy:!0,alias:"atrule"},directive:{pattern:/(^[ \t]*)%.+/m,lookbehind:!0,alias:"important"},datetime:{pattern:i(/\d{4}-\d\d?-\d\d?(?:[tT]|[ \t]+)\d\d?:\d{2}:\d{2}(?:\.\d*)?(?:[ \t]*(?:Z|[-+]\d\d?(?::\d{2})?))?|\d{4}-\d{2}-\d{2}|\d\d?:\d{2}(?::\d{2}(?:\.\d*)?)?/.source),lookbehind:!0,alias:"number"},boolean:{pattern:i(/false|true/.source,"i"),lookbehind:!0,alias:"important"},null:{pattern:i(/null|~/.source,"i"),lookbehind:!0,alias:"important"},string:{pattern:i(a),lookbehind:!0,greedy:!0},number:{pattern:i(/[+-]?(?:0x[\da-f]+|0o[0-7]+|(?:\d+(?:\.\d*)?|\.\d+)(?:e[+-]?\d+)?|\.inf|\.nan)/.source,"i"),lookbehind:!0},tag:n,important:t,punctuation:/---|[:[\]{}\-,|>?]|\.\.\./},e.languages.yml=e.languages.yaml}(k),function(e){var t=/(?:\\.|[^\\\n\r]|(?:\n|\r\n?)(?![\r\n]))/.source;function n(e){return e=e.replace(/<inner>/g,(function(){return t})),RegExp(/((?:^|[^\\])(?:\\{2})*)/.source+"(?:"+e+")")}var r=/(?:\\.|``(?:[^`\r\n]|`(?!`))+``|`[^`\r\n]+`|[^\\|\r\n`])+/.source,o=/\|?__(?:\|__)+\|?(?:(?:\n|\r\n?)|(?![\s\S]))/.source.replace(/__/g,(function(){return r})),a=/\|?[ \t]*:?-{3,}:?[ \t]*(?:\|[ \t]*:?-{3,}:?[ \t]*)+\|?(?:\n|\r\n?)/.source,i=(e.languages.markdown=e.languages.extend("markup",{}),e.languages.insertBefore("markdown","prolog",{"front-matter-block":{pattern:/(^(?:\s*[\r\n])?)---(?!.)[\s\S]*?[\r\n]---(?!.)/,lookbehind:!0,greedy:!0,inside:{punctuation:/^---|---$/,"front-matter":{pattern:/\S+(?:\s+\S+)*/,alias:["yaml","language-yaml"],inside:e.languages.yaml}}},blockquote:{pattern:/^>(?:[\t ]*>)*/m,alias:"punctuation"},table:{pattern:RegExp("^"+o+a+"(?:"+o+")*","m"),inside:{"table-data-rows":{pattern:RegExp("^("+o+a+")(?:"+o+")*$"),lookbehind:!0,inside:{"table-data":{pattern:RegExp(r),inside:e.languages.markdown},punctuation:/\|/}},"table-line":{pattern:RegExp("^("+o+")"+a+"$"),lookbehind:!0,inside:{punctuation:/\||:?-{3,}:?/}},"table-header-row":{pattern:RegExp("^"+o+"$"),inside:{"table-header":{pattern:RegExp(r),alias:"important",inside:e.languages.markdown},punctuation:/\|/}}}},code:[{pattern:/((?:^|\n)[ \t]*\n|(?:^|\r\n?)[ \t]*\r\n?)(?: {4}|\t).+(?:(?:\n|\r\n?)(?: {4}|\t).+)*/,lookbehind:!0,alias:"keyword"},{pattern:/^```[\s\S]*?^```$/m,greedy:!0,inside:{"code-block":{pattern:/^(```.*(?:\n|\r\n?))[\s\S]+?(?=(?:\n|\r\n?)^```$)/m,lookbehind:!0},"code-language":{pattern:/^(```).+/,lookbehind:!0},punctuation:/```/}}],title:[{pattern:/\S.*(?:\n|\r\n?)(?:==+|--+)(?=[ \t]*$)/m,alias:"important",inside:{punctuation:/==+$|--+$/}},{pattern:/(^\s*)#.+/m,lookbehind:!0,alias:"important",inside:{punctuation:/^#+|#+$/}}],hr:{pattern:/(^\s*)([*-])(?:[\t ]*\2){2,}(?=\s*$)/m,lookbehind:!0,alias:"punctuation"},list:{pattern:/(^\s*)(?:[*+-]|\d+\.)(?=[\t ].)/m,lookbehind:!0,alias:"punctuation"},"url-reference":{pattern:/!?\[[^\]]+\]:[\t ]+(?:\S+|<(?:\\.|[^>\\])+>)(?:[\t ]+(?:"(?:\\.|[^"\\])*"|'(?:\\.|[^'\\])*'|\((?:\\.|[^)\\])*\)))?/,inside:{variable:{pattern:/^(!?\[)[^\]]+/,lookbehind:!0},string:/(?:"(?:\\.|[^"\\])*"|'(?:\\.|[^'\\])*'|\((?:\\.|[^)\\])*\))$/,punctuation:/^[\[\]!:]|[<>]/},alias:"url"},bold:{pattern:n(/\b__(?:(?!_)<inner>|_(?:(?!_)<inner>)+_)+__\b|\*\*(?:(?!\*)<inner>|\*(?:(?!\*)<inner>)+\*)+\*\*/.source),lookbehind:!0,greedy:!0,inside:{content:{pattern:/(^..)[\s\S]+(?=..$)/,lookbehind:!0,inside:{}},punctuation:/\*\*|__/}},italic:{pattern:n(/\b_(?:(?!_)<inner>|__(?:(?!_)<inner>)+__)+_\b|\*(?:(?!\*)<inner>|\*\*(?:(?!\*)<inner>)+\*\*)+\*/.source),lookbehind:!0,greedy:!0,inside:{content:{pattern:/(^.)[\s\S]+(?=.$)/,lookbehind:!0,inside:{}},punctuation:/[*_]/}},strike:{pattern:n(/(~~?)(?:(?!~)<inner>)+\2/.source),lookbehind:!0,greedy:!0,inside:{content:{pattern:/(^~~?)[\s\S]+(?=\1$)/,lookbehind:!0,inside:{}},punctuation:/~~?/}},"code-snippet":{pattern:/(^|[^\\`])(?:``[^`\r\n]+(?:`[^`\r\n]+)*``(?!`)|`[^`\r\n]+`(?!`))/,lookbehind:!0,greedy:!0,alias:["code","keyword"]},url:{pattern:n(/!?\[(?:(?!\])<inner>)+\](?:\([^\s)]+(?:[\t ]+"(?:\\.|[^"\\])*")?\)|[ \t]?\[(?:(?!\])<inner>)+\])/.source),lookbehind:!0,greedy:!0,inside:{operator:/^!/,content:{pattern:/(^\[)[^\]]+(?=\])/,lookbehind:!0,inside:{}},variable:{pattern:/(^\][ \t]?\[)[^\]]+(?=\]$)/,lookbehind:!0},url:{pattern:/(^\]\()[^\s)]+/,lookbehind:!0},string:{pattern:/(^[ \t]+)"(?:\\.|[^"\\])*"(?=\)$)/,lookbehind:!0}}}}),["url","bold","italic","strike"].forEach((function(t){["url","bold","italic","strike","code-snippet"].forEach((function(n){t!==n&&(e.languages.markdown[t].inside.content.inside[n]=e.languages.markdown[n])}))})),e.hooks.add("after-tokenize",(function(e){"markdown"!==e.language&&"md"!==e.language||function e(t){if(t&&"string"!=typeof t)for(var n=0,r=t.length;n<r;n++){var o,a=t[n];"code"!==a.type?e(a.content):(o=a.content[1],a=a.content[3],o&&a&&"code-language"===o.type&&"code-block"===a.type&&"string"==typeof o.content&&(o=o.content.replace(/\b#/g,"sharp").replace(/\b\+\+/g,"pp"),o="language-"+(o=(/[a-z][\w-]*/i.exec(o)||[""])[0].toLowerCase()),a.alias?"string"==typeof a.alias?a.alias=[a.alias,o]:a.alias.push(o):a.alias=[o]))}}(e.tokens)})),e.hooks.add("wrap",(function(t){if("code-block"===t.type){for(var n="",r=0,o=t.classes.length;r<o;r++){var a=t.classes[r];if(a=/language-(.+)/.exec(a)){n=a[1];break}}var c,u=e.languages[n];u?t.content=e.highlight(t.content.replace(i,"").replace(/&(\w{1,8}|#x?[\da-f]{1,8});/gi,(function(e,t){var n;return"#"===(t=t.toLowerCase())[0]?(n="x"===t[1]?parseInt(t.slice(2),16):Number(t.slice(1)),l(n)):s[t]||e})),u,n):n&&"none"!==n&&e.plugins.autoloader&&(c="md-"+(new Date).valueOf()+"-"+Math.floor(1e16*Math.random()),t.attributes.id=c,e.plugins.autoloader.loadLanguages(n,(function(){var t=document.getElementById(c);t&&(t.innerHTML=e.highlight(t.textContent,e.languages[n],n))})))}})),RegExp(e.languages.markup.tag.pattern.source,"gi")),s={amp:"&",lt:"<",gt:">",quot:'"'},l=String.fromCodePoint||String.fromCharCode;e.languages.md=e.languages.markdown}(k),k.languages.graphql={comment:/#.*/,description:{pattern:/(?:"""(?:[^"]|(?!""")")*"""|"(?:\\.|[^\\"\r\n])*")(?=\s*[a-z_])/i,greedy:!0,alias:"string",inside:{"language-markdown":{pattern:/(^"(?:"")?)(?!\1)[\s\S]+(?=\1$)/,lookbehind:!0,inside:k.languages.markdown}}},string:{pattern:/"""(?:[^"]|(?!""")")*"""|"(?:\\.|[^\\"\r\n])*"/,greedy:!0},number:/(?:\B-|\b)\d+(?:\.\d+)?(?:e[+-]?\d+)?\b/i,boolean:/\b(?:false|true)\b/,variable:/\$[a-z_]\w*/i,directive:{pattern:/@[a-z_]\w*/i,alias:"function"},"attr-name":{pattern:/\b[a-z_]\w*(?=\s*(?:\((?:[^()"]|"(?:\\.|[^\\"\r\n])*")*\))?:)/i,greedy:!0},"atom-input":{pattern:/\b[A-Z]\w*Input\b/,alias:"class-name"},scalar:/\b(?:Boolean|Float|ID|Int|String)\b/,constant:/\b[A-Z][A-Z_\d]*\b/,"class-name":{pattern:/(\b(?:enum|implements|interface|on|scalar|type|union)\s+|&\s*|:\s*|\[)[A-Z_]\w*/,lookbehind:!0},fragment:{pattern:/(\bfragment\s+|\.{3}\s*(?!on\b))[a-zA-Z_]\w*/,lookbehind:!0,alias:"function"},"definition-mutation":{pattern:/(\bmutation\s+)[a-zA-Z_]\w*/,lookbehind:!0,alias:"function"},"definition-query":{pattern:/(\bquery\s+)[a-zA-Z_]\w*/,lookbehind:!0,alias:"function"},keyword:/\b(?:directive|enum|extend|fragment|implements|input|interface|mutation|on|query|repeatable|scalar|schema|subscription|type|union)\b/,operator:/[!=|&]|\.{3}/,"property-query":/\w+(?=\s*\()/,object:/\w+(?=\s*\{)/,punctuation:/[!(){}\[\]:=,]/,property:/\w+/},k.hooks.add("after-tokenize",(function(e){if("graphql"===e.language)for(var t=e.tokens.filter((function(e){return"string"!=typeof e&&"comment"!==e.type&&"scalar"!==e.type})),n=0;n<t.length;){var r=t[n++];if("keyword"===r.type&&"mutation"===r.content){var o=[];if(d(["definition-mutation","punctuation"])&&"("===u(1).content){n+=2;var a=p(/^\($/,/^\)$/);if(-1===a)continue;for(;n<a;n++){var i=u(0);"variable"===i.type&&(f(i,"variable-input"),o.push(i.content))}n=a+1}if(d(["punctuation","property-query"])&&"{"===u(0).content&&(n++,f(u(0),"property-mutation"),0<o.length)){var s=p(/^\{$/,/^\}$/);if(-1!==s)for(var l=n;l<s;l++){var c=t[l];"variable"===c.type&&0<=o.indexOf(c.content)&&f(c,"variable-input")}}}}function u(e){return t[n+e]}function d(e,t){t=t||0;for(var n=0;n<e.length;n++){var r=u(n+t);if(!r||r.type!==e[n])return}return 1}function p(e,r){for(var o=1,a=n;a<t.length;a++){var i=t[a],s=i.content;if("punctuation"===i.type&&"string"==typeof s)if(e.test(s))o++;else if(r.test(s)&&0==--o)return a}return-1}function f(e,t){var n=e.alias;n?Array.isArray(n)||(e.alias=n=[n]):e.alias=n=[],n.push(t)}})),k.languages.sql={comment:{pattern:/(^|[^\\])(?:\/\*[\s\S]*?\*\/|(?:--|\/\/|#).*)/,lookbehind:!0},variable:[{pattern:/@(["'`])(?:\\[\s\S]|(?!\1)[^\\])+\1/,greedy:!0},/@[\w.$]+/],string:{pattern:/(^|[^@\\])("|')(?:\\[\s\S]|(?!\2)[^\\]|\2\2)*\2/,greedy:!0,lookbehind:!0},identifier:{pattern:/(^|[^@\\])`(?:\\[\s\S]|[^`\\]|``)*`/,greedy:!0,lookbehind:!0,inside:{punctuation:/^`|`$/}},function:/\b(?:AVG|COUNT|FIRST|FORMAT|LAST|LCASE|LEN|MAX|MID|MIN|MOD|NOW|ROUND|SUM|UCASE)(?=\s*\()/i,keyword:/\b(?:ACTION|ADD|AFTER|ALGORITHM|ALL|ALTER|ANALYZE|ANY|APPLY|AS|ASC|AUTHORIZATION|AUTO_INCREMENT|BACKUP|BDB|BEGIN|BERKELEYDB|BIGINT|BINARY|BIT|BLOB|BOOL|BOOLEAN|BREAK|BROWSE|BTREE|BULK|BY|CALL|CASCADED?|CASE|CHAIN|CHAR(?:ACTER|SET)?|CHECK(?:POINT)?|CLOSE|CLUSTERED|COALESCE|COLLATE|COLUMNS?|COMMENT|COMMIT(?:TED)?|COMPUTE|CONNECT|CONSISTENT|CONSTRAINT|CONTAINS(?:TABLE)?|CONTINUE|CONVERT|CREATE|CROSS|CURRENT(?:_DATE|_TIME|_TIMESTAMP|_USER)?|CURSOR|CYCLE|DATA(?:BASES?)?|DATE(?:TIME)?|DAY|DBCC|DEALLOCATE|DEC|DECIMAL|DECLARE|DEFAULT|DEFINER|DELAYED|DELETE|DELIMITERS?|DENY|DESC|DESCRIBE|DETERMINISTIC|DISABLE|DISCARD|DISK|DISTINCT|DISTINCTROW|DISTRIBUTED|DO|DOUBLE|DROP|DUMMY|DUMP(?:FILE)?|DUPLICATE|ELSE(?:IF)?|ENABLE|ENCLOSED|END|ENGINE|ENUM|ERRLVL|ERRORS|ESCAPED?|EXCEPT|EXEC(?:UTE)?|EXISTS|EXIT|EXPLAIN|EXTENDED|FETCH|FIELDS|FILE|FILLFACTOR|FIRST|FIXED|FLOAT|FOLLOWING|FOR(?: EACH ROW)?|FORCE|FOREIGN|FREETEXT(?:TABLE)?|FROM|FULL|FUNCTION|GEOMETRY(?:COLLECTION)?|GLOBAL|GOTO|GRANT|GROUP|HANDLER|HASH|HAVING|HOLDLOCK|HOUR|IDENTITY(?:COL|_INSERT)?|IF|IGNORE|IMPORT|INDEX|INFILE|INNER|INNODB|INOUT|INSERT|INT|INTEGER|INTERSECT|INTERVAL|INTO|INVOKER|ISOLATION|ITERATE|JOIN|KEYS?|KILL|LANGUAGE|LAST|LEAVE|LEFT|LEVEL|LIMIT|LINENO|LINES|LINESTRING|LOAD|LOCAL|LOCK|LONG(?:BLOB|TEXT)|LOOP|MATCH(?:ED)?|MEDIUM(?:BLOB|INT|TEXT)|MERGE|MIDDLEINT|MINUTE|MODE|MODIFIES|MODIFY|MONTH|MULTI(?:LINESTRING|POINT|POLYGON)|NATIONAL|NATURAL|NCHAR|NEXT|NO|NONCLUSTERED|NULLIF|NUMERIC|OFF?|OFFSETS?|ON|OPEN(?:DATASOURCE|QUERY|ROWSET)?|OPTIMIZE|OPTION(?:ALLY)?|ORDER|OUT(?:ER|FILE)?|OVER|PARTIAL|PARTITION|PERCENT|PIVOT|PLAN|POINT|POLYGON|PRECEDING|PRECISION|PREPARE|PREV|PRIMARY|PRINT|PRIVILEGES|PROC(?:EDURE)?|PUBLIC|PURGE|QUICK|RAISERROR|READS?|REAL|RECONFIGURE|REFERENCES|RELEASE|RENAME|REPEAT(?:ABLE)?|REPLACE|REPLICATION|REQUIRE|RESIGNAL|RESTORE|RESTRICT|RETURN(?:ING|S)?|REVOKE|RIGHT|ROLLBACK|ROUTINE|ROW(?:COUNT|GUIDCOL|S)?|RTREE|RULE|SAVE(?:POINT)?|SCHEMA|SECOND|SELECT|SERIAL(?:IZABLE)?|SESSION(?:_USER)?|SET(?:USER)?|SHARE|SHOW|SHUTDOWN|SIMPLE|SMALLINT|SNAPSHOT|SOME|SONAME|SQL|START(?:ING)?|STATISTICS|STATUS|STRIPED|SYSTEM_USER|TABLES?|TABLESPACE|TEMP(?:ORARY|TABLE)?|TERMINATED|TEXT(?:SIZE)?|THEN|TIME(?:STAMP)?|TINY(?:BLOB|INT|TEXT)|TOP?|TRAN(?:SACTIONS?)?|TRIGGER|TRUNCATE|TSEQUAL|TYPES?|UNBOUNDED|UNCOMMITTED|UNDEFINED|UNION|UNIQUE|UNLOCK|UNPIVOT|UNSIGNED|UPDATE(?:TEXT)?|USAGE|USE|USER|USING|VALUES?|VAR(?:BINARY|CHAR|CHARACTER|YING)|VIEW|WAITFOR|WARNINGS|WHEN|WHERE|WHILE|WITH(?: ROLLUP|IN)?|WORK|WRITE(?:TEXT)?|YEAR)\b/i,boolean:/\b(?:FALSE|NULL|TRUE)\b/i,number:/\b0x[\da-f]+\b|\b\d+(?:\.\d*)?|\B\.\d+\b/i,operator:/[-+*\/=%^~]|&&?|\|\|?|!=?|<(?:=>?|<|>)?|>[>=]?|\b(?:AND|BETWEEN|DIV|ILIKE|IN|IS|LIKE|NOT|OR|REGEXP|RLIKE|SOUNDS LIKE|XOR)\b/i,punctuation:/[;[\]()`,.]/},function(e){var t=e.languages.javascript["template-string"],n=t.pattern.source,r=t.inside.interpolation,o=r.inside["interpolation-punctuation"],a=r.pattern.source;function i(t,r){if(e.languages[t])return{pattern:RegExp("((?:"+r+")\\s*)"+n),lookbehind:!0,greedy:!0,inside:{"template-punctuation":{pattern:/^`|`$/,alias:"string"},"embedded-code":{pattern:/[\s\S]+/,alias:t}}}}function s(t,n,r){return t={code:t,grammar:n,language:r},e.hooks.run("before-tokenize",t),t.tokens=e.tokenize(t.code,t.grammar),e.hooks.run("after-tokenize",t),t.tokens}function l(t,n,i){var l=e.tokenize(t,{interpolation:{pattern:RegExp(a),lookbehind:!0}}),c=0,u={},d=(l=s(l.map((function(e){if("string"==typeof e)return e;var n,r;for(e=e.content;-1!==t.indexOf((r=c++,n="___"+i.toUpperCase()+"_"+r+"___")););return u[n]=e,n})).join(""),n,i),Object.keys(u));return c=0,function t(n){for(var a=0;a<n.length;a++){if(c>=d.length)return;var i,l,p,f,m,h,g,b=n[a];"string"==typeof b||"string"==typeof b.content?(i=d[c],-1!==(g=(h="string"==typeof b?b:b.content).indexOf(i))&&(++c,l=h.substring(0,g),m=u[i],p=void 0,(f={})["interpolation-punctuation"]=o,3===(f=e.tokenize(m,f)).length&&((p=[1,1]).push.apply(p,s(f[1],e.languages.javascript,"javascript")),f.splice.apply(f,p)),p=new e.Token("interpolation",f,r.alias,m),f=h.substring(g+i.length),m=[],l&&m.push(l),m.push(p),f&&(t(h=[f]),m.push.apply(m,h)),"string"==typeof b?(n.splice.apply(n,[a,1].concat(m)),a+=m.length-1):b.content=m)):(g=b.content,Array.isArray(g)?t(g):t([g]))}}(l),new e.Token(i,l,"language-"+i,t)}e.languages.javascript["template-string"]=[i("css",/\b(?:styled(?:\([^)]*\))?(?:\s*\.\s*\w+(?:\([^)]*\))*)*|css(?:\s*\.\s*(?:global|resolve))?|createGlobalStyle|keyframes)/.source),i("html",/\bhtml|\.\s*(?:inner|outer)HTML\s*\+?=/.source),i("svg",/\bsvg/.source),i("markdown",/\b(?:markdown|md)/.source),i("graphql",/\b(?:gql|graphql(?:\s*\.\s*experimental)?)/.source),i("sql",/\bsql/.source),t].filter(Boolean);var c={javascript:!0,js:!0,typescript:!0,ts:!0,jsx:!0,tsx:!0};function u(e){return"string"==typeof e?e:Array.isArray(e)?e.map(u).join(""):u(e.content)}e.hooks.add("after-tokenize",(function(t){t.language in c&&function t(n){for(var r=0,o=n.length;r<o;r++){var a,i,s,c=n[r];"string"!=typeof c&&(a=c.content,Array.isArray(a)?"template-string"===c.type?(c=a[1],3===a.length&&"string"!=typeof c&&"embedded-code"===c.type&&(i=u(c),c=c.alias,c=Array.isArray(c)?c[0]:c,s=e.languages[c])&&(a[1]=l(i,s,c))):t(a):"string"!=typeof a&&t([a]))}}(t.tokens)}))}(k),function(e){e.languages.typescript=e.languages.extend("javascript",{"class-name":{pattern:/(\b(?:class|extends|implements|instanceof|interface|new|type)\s+)(?!keyof\b)(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?:\s*<(?:[^<>]|<(?:[^<>]|<[^<>]*>)*>)*>)?/,lookbehind:!0,greedy:!0,inside:null},builtin:/\b(?:Array|Function|Promise|any|boolean|console|never|number|string|symbol|unknown)\b/}),e.languages.typescript.keyword.push(/\b(?:abstract|declare|is|keyof|readonly|require)\b/,/\b(?:asserts|infer|interface|module|namespace|type)\b(?=\s*(?:[{_$a-zA-Z\xA0-\uFFFF]|$))/,/\btype\b(?=\s*(?:[\{*]|$))/),delete e.languages.typescript.parameter,delete e.languages.typescript["literal-property"];var t=e.languages.extend("typescript",{});delete t["class-name"],e.languages.typescript["class-name"].inside=t,e.languages.insertBefore("typescript","function",{decorator:{pattern:/@[$\w\xA0-\uFFFF]+/,inside:{at:{pattern:/^@/,alias:"operator"},function:/^[\s\S]+/}},"generic-function":{pattern:/#?(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*\s*<(?:[^<>]|<(?:[^<>]|<[^<>]*>)*>)*>(?=\s*\()/,greedy:!0,inside:{function:/^#?(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*/,generic:{pattern:/<[\s\S]+/,alias:"class-name",inside:t}}}}),e.languages.ts=e.languages.typescript}(k),function(e){var t=e.languages.javascript,n=/\{(?:[^{}]|\{(?:[^{}]|\{[^{}]*\})*\})+\}/.source,r="(@(?:arg|argument|param|property)\\s+(?:"+n+"\\s+)?)";e.languages.jsdoc=e.languages.extend("javadoclike",{parameter:{pattern:RegExp(r+/(?:(?!\s)[$\w\xA0-\uFFFF.])+(?=\s|$)/.source),lookbehind:!0,inside:{punctuation:/\./}}}),e.languages.insertBefore("jsdoc","keyword",{"optional-parameter":{pattern:RegExp(r+/\[(?:(?!\s)[$\w\xA0-\uFFFF.])+(?:=[^[\]]+)?\](?=\s|$)/.source),lookbehind:!0,inside:{parameter:{pattern:/(^\[)[$\w\xA0-\uFFFF\.]+/,lookbehind:!0,inside:{punctuation:/\./}},code:{pattern:/(=)[\s\S]*(?=\]$)/,lookbehind:!0,inside:t,alias:"language-javascript"},punctuation:/[=[\]]/}},"class-name":[{pattern:RegExp(/(@(?:augments|class|extends|interface|memberof!?|template|this|typedef)\s+(?:<TYPE>\s+)?)[A-Z]\w*(?:\.[A-Z]\w*)*/.source.replace(/<TYPE>/g,(function(){return n}))),lookbehind:!0,inside:{punctuation:/\./}},{pattern:RegExp("(@[a-z]+\\s+)"+n),lookbehind:!0,inside:{string:t.string,number:t.number,boolean:t.boolean,keyword:e.languages.typescript.keyword,operator:/=>|\.\.\.|[&|?:*]/,punctuation:/[.,;=<>{}()[\]]/}}],example:{pattern:/(@example\s+(?!\s))(?:[^@\s]|\s+(?!\s))+?(?=\s*(?:\*\s*)?(?:@\w|\*\/))/,lookbehind:!0,inside:{code:{pattern:/^([\t ]*(?:\*\s*)?)\S.*$/m,lookbehind:!0,inside:t,alias:"language-javascript"}}}}),e.languages.javadoclike.addSupport("javascript",e.languages.jsdoc)}(k),function(e){e.languages.flow=e.languages.extend("javascript",{}),e.languages.insertBefore("flow","keyword",{type:[{pattern:/\b(?:[Bb]oolean|Function|[Nn]umber|[Ss]tring|[Ss]ymbol|any|mixed|null|void)\b/,alias:"class-name"}]}),e.languages.flow["function-variable"].pattern=/(?!\s)[_$a-z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*=\s*(?:function\b|(?:\([^()]*\)(?:\s*:\s*\w+)?|(?!\s)[_$a-z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*)\s*=>))/i,delete e.languages.flow.parameter,e.languages.insertBefore("flow","operator",{"flow-punctuation":{pattern:/\{\||\|\}/,alias:"punctuation"}}),Array.isArray(e.languages.flow.keyword)||(e.languages.flow.keyword=[e.languages.flow.keyword]),e.languages.flow.keyword.unshift({pattern:/(^|[^$]\b)(?:Class|declare|opaque|type)\b(?!\$)/,lookbehind:!0},{pattern:/(^|[^$]\B)\$(?:Diff|Enum|Exact|Keys|ObjMap|PropertyType|Record|Shape|Subtype|Supertype|await)\b(?!\$)/,lookbehind:!0})}(k),k.languages.n4js=k.languages.extend("javascript",{keyword:/\b(?:Array|any|boolean|break|case|catch|class|const|constructor|continue|debugger|declare|default|delete|do|else|enum|export|extends|false|finally|for|from|function|get|if|implements|import|in|instanceof|interface|let|module|new|null|number|package|private|protected|public|return|set|static|string|super|switch|this|throw|true|try|typeof|var|void|while|with|yield)\b/}),k.languages.insertBefore("n4js","constant",{annotation:{pattern:/@+\w+/,alias:"operator"}}),k.languages.n4jsd=k.languages.n4js,function(e){function t(e,t){return RegExp(e.replace(/<ID>/g,(function(){return/(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*/.source})),t)}e.languages.insertBefore("javascript","function-variable",{"method-variable":{pattern:RegExp("(\\.\\s*)"+e.languages.javascript["function-variable"].pattern.source),lookbehind:!0,alias:["function-variable","method","function","property-access"]}}),e.languages.insertBefore("javascript","function",{method:{pattern:RegExp("(\\.\\s*)"+e.languages.javascript.function.source),lookbehind:!0,alias:["function","property-access"]}}),e.languages.insertBefore("javascript","constant",{"known-class-name":[{pattern:/\b(?:(?:Float(?:32|64)|(?:Int|Uint)(?:8|16|32)|Uint8Clamped)?Array|ArrayBuffer|BigInt|Boolean|DataView|Date|Error|Function|Intl|JSON|(?:Weak)?(?:Map|Set)|Math|Number|Object|Promise|Proxy|Reflect|RegExp|String|Symbol|WebAssembly)\b/,alias:"class-name"},{pattern:/\b(?:[A-Z]\w*)Error\b/,alias:"class-name"}]}),e.languages.insertBefore("javascript","keyword",{imports:{pattern:t(/(\bimport\b\s*)(?:<ID>(?:\s*,\s*(?:\*\s*as\s+<ID>|\{[^{}]*\}))?|\*\s*as\s+<ID>|\{[^{}]*\})(?=\s*\bfrom\b)/.source),lookbehind:!0,inside:e.languages.javascript},exports:{pattern:t(/(\bexport\b\s*)(?:\*(?:\s*as\s+<ID>)?(?=\s*\bfrom\b)|\{[^{}]*\})/.source),lookbehind:!0,inside:e.languages.javascript}}),e.languages.javascript.keyword.unshift({pattern:/\b(?:as|default|export|from|import)\b/,alias:"module"},{pattern:/\b(?:await|break|catch|continue|do|else|finally|for|if|return|switch|throw|try|while|yield)\b/,alias:"control-flow"},{pattern:/\bnull\b/,alias:["null","nil"]},{pattern:/\bundefined\b/,alias:"nil"}),e.languages.insertBefore("javascript","operator",{spread:{pattern:/\.{3}/,alias:"operator"},arrow:{pattern:/=>/,alias:"operator"}}),e.languages.insertBefore("javascript","punctuation",{"property-access":{pattern:t(/(\.\s*)#?<ID>/.source),lookbehind:!0},"maybe-class-name":{pattern:/(^|[^$\w\xA0-\uFFFF])[A-Z][$\w\xA0-\uFFFF]+/,lookbehind:!0},dom:{pattern:/\b(?:document|(?:local|session)Storage|location|navigator|performance|window)\b/,alias:"variable"},console:{pattern:/\bconsole(?=\s*\.)/,alias:"class-name"}});for(var n=["function","function-variable","method","method-variable","property-access"],r=0;r<n.length;r++){var o=n[r],a=e.languages.javascript[o];o=(a="RegExp"===e.util.type(a)?e.languages.javascript[o]={pattern:a}:a).inside||{};(a.inside=o)["maybe-class-name"]=/^[A-Z][\s\S]*/}}(k),function(e){var t=e.util.clone(e.languages.javascript),n=/(?:\s|\/\/.*(?!.)|\/\*(?:[^*]|\*(?!\/))\*\/)/.source,r=/(?:\{(?:\{(?:\{[^{}]*\}|[^{}])*\}|[^{}])*\})/.source,o=/(?:\{<S>*\.{3}(?:[^{}]|<BRACES>)*\})/.source;function a(e,t){return e=e.replace(/<S>/g,(function(){return n})).replace(/<BRACES>/g,(function(){return r})).replace(/<SPREAD>/g,(function(){return o})),RegExp(e,t)}function i(t){for(var n=[],r=0;r<t.length;r++){var o=t[r],a=!1;"string"!=typeof o&&("tag"===o.type&&o.content[0]&&"tag"===o.content[0].type?"</"===o.content[0].content[0].content?0<n.length&&n[n.length-1].tagName===s(o.content[0].content[1])&&n.pop():"/>"!==o.content[o.content.length-1].content&&n.push({tagName:s(o.content[0].content[1]),openedBraces:0}):0<n.length&&"punctuation"===o.type&&"{"===o.content?n[n.length-1].openedBraces++:0<n.length&&0<n[n.length-1].openedBraces&&"punctuation"===o.type&&"}"===o.content?n[n.length-1].openedBraces--:a=!0),(a||"string"==typeof o)&&0<n.length&&0===n[n.length-1].openedBraces&&(a=s(o),r<t.length-1&&("string"==typeof t[r+1]||"plain-text"===t[r+1].type)&&(a+=s(t[r+1]),t.splice(r+1,1)),0<r&&("string"==typeof t[r-1]||"plain-text"===t[r-1].type)&&(a=s(t[r-1])+a,t.splice(r-1,1),r--),t[r]=new e.Token("plain-text",a,null,a)),o.content&&"string"!=typeof o.content&&i(o.content)}}o=a(o).source,e.languages.jsx=e.languages.extend("markup",t),e.languages.jsx.tag.pattern=a(/<\/?(?:[\w.:-]+(?:<S>+(?:[\w.:$-]+(?:=(?:"(?:\\[\s\S]|[^\\"])*"|'(?:\\[\s\S]|[^\\'])*'|[^\s{'"/>=]+|<BRACES>))?|<SPREAD>))*<S>*\/?)?>/.source),e.languages.jsx.tag.inside.tag.pattern=/^<\/?[^\s>\/]*/,e.languages.jsx.tag.inside["attr-value"].pattern=/=(?!\{)(?:"(?:\\[\s\S]|[^\\"])*"|'(?:\\[\s\S]|[^\\'])*'|[^\s'">]+)/,e.languages.jsx.tag.inside.tag.inside["class-name"]=/^[A-Z]\w*(?:\.[A-Z]\w*)*$/,e.languages.jsx.tag.inside.comment=t.comment,e.languages.insertBefore("inside","attr-name",{spread:{pattern:a(/<SPREAD>/.source),inside:e.languages.jsx}},e.languages.jsx.tag),e.languages.insertBefore("inside","special-attr",{script:{pattern:a(/=<BRACES>/.source),alias:"language-javascript",inside:{"script-punctuation":{pattern:/^=(?=\{)/,alias:"punctuation"},rest:e.languages.jsx}}},e.languages.jsx.tag);var s=function(e){return e?"string"==typeof e?e:"string"==typeof e.content?e.content:e.content.map(s).join(""):""};e.hooks.add("after-tokenize",(function(e){"jsx"!==e.language&&"tsx"!==e.language||i(e.tokens)}))}(k),function(e){var t=e.util.clone(e.languages.typescript);(t=(e.languages.tsx=e.languages.extend("jsx",t),delete e.languages.tsx.parameter,delete e.languages.tsx["literal-property"],e.languages.tsx.tag)).pattern=RegExp(/(^|[^\w$]|(?=<\/))/.source+"(?:"+t.pattern.source+")",t.pattern.flags),t.lookbehind=!0}(k),k.languages.swift={comment:{pattern:/(^|[^\\:])(?:\/\/.*|\/\*(?:[^/*]|\/(?!\*)|\*(?!\/)|\/\*(?:[^*]|\*(?!\/))*\*\/)*\*\/)/,lookbehind:!0,greedy:!0},"string-literal":[{pattern:RegExp(/(^|[^"#])/.source+"(?:"+/"(?:\\(?:\((?:[^()]|\([^()]*\))*\)|\r\n|[^(])|[^\\\r\n"])*"/.source+"|"+/"""(?:\\(?:\((?:[^()]|\([^()]*\))*\)|[^(])|[^\\"]|"(?!""))*"""/.source+")"+/(?!["#])/.source),lookbehind:!0,greedy:!0,inside:{interpolation:{pattern:/(\\\()(?:[^()]|\([^()]*\))*(?=\))/,lookbehind:!0,inside:null},"interpolation-punctuation":{pattern:/^\)|\\\($/,alias:"punctuation"},punctuation:/\\(?=[\r\n])/,string:/[\s\S]+/}},{pattern:RegExp(/(^|[^"#])(#+)/.source+"(?:"+/"(?:\\(?:#+\((?:[^()]|\([^()]*\))*\)|\r\n|[^#])|[^\\\r\n])*?"/.source+"|"+/"""(?:\\(?:#+\((?:[^()]|\([^()]*\))*\)|[^#])|[^\\])*?"""/.source+")\\2"),lookbehind:!0,greedy:!0,inside:{interpolation:{pattern:/(\\#+\()(?:[^()]|\([^()]*\))*(?=\))/,lookbehind:!0,inside:null},"interpolation-punctuation":{pattern:/^\)|\\#+\($/,alias:"punctuation"},string:/[\s\S]+/}}],directive:{pattern:RegExp(/#/.source+"(?:"+/(?:elseif|if)\b/.source+"(?:[ \t]*"+/(?:![ \t]*)?(?:\b\w+\b(?:[ \t]*\((?:[^()]|\([^()]*\))*\))?|\((?:[^()]|\([^()]*\))*\))(?:[ \t]*(?:&&|\|\|))?/.source+")+|"+/(?:else|endif)\b/.source+")"),alias:"property",inside:{"directive-name":/^#\w+/,boolean:/\b(?:false|true)\b/,number:/\b\d+(?:\.\d+)*\b/,operator:/!|&&|\|\||[<>]=?/,punctuation:/[(),]/}},literal:{pattern:/#(?:colorLiteral|column|dsohandle|file(?:ID|Literal|Path)?|function|imageLiteral|line)\b/,alias:"constant"},"other-directive":{pattern:/#\w+\b/,alias:"property"},attribute:{pattern:/@\w+/,alias:"atrule"},"function-definition":{pattern:/(\bfunc\s+)\w+/,lookbehind:!0,alias:"function"},label:{pattern:/\b(break|continue)\s+\w+|\b[a-zA-Z_]\w*(?=\s*:\s*(?:for|repeat|while)\b)/,lookbehind:!0,alias:"important"},keyword:/\b(?:Any|Protocol|Self|Type|actor|as|assignment|associatedtype|associativity|async|await|break|case|catch|class|continue|convenience|default|defer|deinit|didSet|do|dynamic|else|enum|extension|fallthrough|fileprivate|final|for|func|get|guard|higherThan|if|import|in|indirect|infix|init|inout|internal|is|isolated|lazy|left|let|lowerThan|mutating|none|nonisolated|nonmutating|open|operator|optional|override|postfix|precedencegroup|prefix|private|protocol|public|repeat|required|rethrows|return|right|safe|self|set|some|static|struct|subscript|super|switch|throw|throws|try|typealias|unowned|unsafe|var|weak|where|while|willSet)\b/,boolean:/\b(?:false|true)\b/,nil:{pattern:/\bnil\b/,alias:"constant"},"short-argument":/\$\d+\b/,omit:{pattern:/\b_\b/,alias:"keyword"},number:/\b(?:[\d_]+(?:\.[\de_]+)?|0x[a-f0-9_]+(?:\.[a-f0-9p_]+)?|0b[01_]+|0o[0-7_]+)\b/i,"class-name":/\b[A-Z](?:[A-Z_\d]*[a-z]\w*)?\b/,function:/\b[a-z_]\w*(?=\s*\()/i,constant:/\b(?:[A-Z_]{2,}|k[A-Z][A-Za-z_]+)\b/,operator:/[-+*/%=!<>&|^~?]+|\.[.\-+*/%=!<>&|^~?]+/,punctuation:/[{}[\]();,.:\\]/},k.languages.swift["string-literal"].forEach((function(e){e.inside.interpolation.inside=k.languages.swift})),function(e){e.languages.kotlin=e.languages.extend("clike",{keyword:{pattern:/(^|[^.])\b(?:abstract|actual|annotation|as|break|by|catch|class|companion|const|constructor|continue|crossinline|data|do|dynamic|else|enum|expect|external|final|finally|for|fun|get|if|import|in|infix|init|inline|inner|interface|internal|is|lateinit|noinline|null|object|open|operator|out|override|package|private|protected|public|reified|return|sealed|set|super|suspend|tailrec|this|throw|to|try|typealias|val|var|vararg|when|where|while)\b/,lookbehind:!0},function:[{pattern:/(?:`[^\r\n`]+`|\b\w+)(?=\s*\()/,greedy:!0},{pattern:/(\.)(?:`[^\r\n`]+`|\w+)(?=\s*\{)/,lookbehind:!0,greedy:!0}],number:/\b(?:0[xX][\da-fA-F]+(?:_[\da-fA-F]+)*|0[bB][01]+(?:_[01]+)*|\d+(?:_\d+)*(?:\.\d+(?:_\d+)*)?(?:[eE][+-]?\d+(?:_\d+)*)?[fFL]?)\b/,operator:/\+[+=]?|-[-=>]?|==?=?|!(?:!|==?)?|[\/*%<>]=?|[?:]:?|\.\.|&&|\|\||\b(?:and|inv|or|shl|shr|ushr|xor)\b/}),delete e.languages.kotlin["class-name"];var t={"interpolation-punctuation":{pattern:/^\$\{?|\}$/,alias:"punctuation"},expression:{pattern:/[\s\S]+/,inside:e.languages.kotlin}};e.languages.insertBefore("kotlin","string",{"string-literal":[{pattern:/"""(?:[^$]|\$(?:(?!\{)|\{[^{}]*\}))*?"""/,alias:"multiline",inside:{interpolation:{pattern:/\$(?:[a-z_]\w*|\{[^{}]*\})/i,inside:t},string:/[\s\S]+/}},{pattern:/"(?:[^"\\\r\n$]|\\.|\$(?:(?!\{)|\{[^{}]*\}))*"/,alias:"singleline",inside:{interpolation:{pattern:/((?:^|[^\\])(?:\\{2})*)\$(?:[a-z_]\w*|\{[^{}]*\})/i,lookbehind:!0,inside:t},string:/[\s\S]+/}}],char:{pattern:/'(?:[^'\\\r\n]|\\(?:.|u[a-fA-F0-9]{0,4}))'/,greedy:!0}}),delete e.languages.kotlin.string,e.languages.insertBefore("kotlin","keyword",{annotation:{pattern:/\B@(?:\w+:)?(?:[A-Z]\w*|\[[^\]]+\])/,alias:"builtin"}}),e.languages.insertBefore("kotlin","function",{label:{pattern:/\b\w+@|@\w+\b/,alias:"symbol"}}),e.languages.kt=e.languages.kotlin,e.languages.kts=e.languages.kotlin}(k),k.languages.c=k.languages.extend("clike",{comment:{pattern:/\/\/(?:[^\r\n\\]|\\(?:\r\n?|\n|(?![\r\n])))*|\/\*[\s\S]*?(?:\*\/|$)/,greedy:!0},string:{pattern:/"(?:\\(?:\r\n|[\s\S])|[^"\\\r\n])*"/,greedy:!0},"class-name":{pattern:/(\b(?:enum|struct)\s+(?:__attribute__\s*\(\([\s\S]*?\)\)\s*)?)\w+|\b[a-z]\w*_t\b/,lookbehind:!0},keyword:/\b(?:_Alignas|_Alignof|_Atomic|_Bool|_Complex|_Generic|_Imaginary|_Noreturn|_Static_assert|_Thread_local|__attribute__|asm|auto|break|case|char|const|continue|default|do|double|else|enum|extern|float|for|goto|if|inline|int|long|register|return|short|signed|sizeof|static|struct|switch|typedef|typeof|union|unsigned|void|volatile|while)\b/,function:/\b[a-z_]\w*(?=\s*\()/i,number:/(?:\b0x(?:[\da-f]+(?:\.[\da-f]*)?|\.[\da-f]+)(?:p[+-]?\d+)?|(?:\b\d+(?:\.\d*)?|\B\.\d+)(?:e[+-]?\d+)?)[ful]{0,4}/i,operator:/>>=?|<<=?|->|([-+&|:])\1|[?:~]|[-+*/%&|^!=<>]=?/}),k.languages.insertBefore("c","string",{char:{pattern:/'(?:\\(?:\r\n|[\s\S])|[^'\\\r\n]){0,32}'/,greedy:!0}}),k.languages.insertBefore("c","string",{macro:{pattern:/(^[\t ]*)#\s*[a-z](?:[^\r\n\\/]|\/(?!\*)|\/\*(?:[^*]|\*(?!\/))*\*\/|\\(?:\r\n|[\s\S]))*/im,lookbehind:!0,greedy:!0,alias:"property",inside:{string:[{pattern:/^(#\s*include\s*)<[^>]+>/,lookbehind:!0},k.languages.c.string],char:k.languages.c.char,comment:k.languages.c.comment,"macro-name":[{pattern:/(^#\s*define\s+)\w+\b(?!\()/i,lookbehind:!0},{pattern:/(^#\s*define\s+)\w+\b(?=\()/i,lookbehind:!0,alias:"function"}],directive:{pattern:/^(#\s*)[a-z]+/,lookbehind:!0,alias:"keyword"},"directive-hash":/^#/,punctuation:/##|\\(?=[\r\n])/,expression:{pattern:/\S[\s\S]*/,inside:k.languages.c}}}}),k.languages.insertBefore("c","function",{constant:/\b(?:EOF|NULL|SEEK_CUR|SEEK_END|SEEK_SET|__DATE__|__FILE__|__LINE__|__TIMESTAMP__|__TIME__|__func__|stderr|stdin|stdout)\b/}),delete k.languages.c.boolean,k.languages.objectivec=k.languages.extend("c",{string:{pattern:/@?"(?:\\(?:\r\n|[\s\S])|[^"\\\r\n])*"/,greedy:!0},keyword:/\b(?:asm|auto|break|case|char|const|continue|default|do|double|else|enum|extern|float|for|goto|if|in|inline|int|long|register|return|self|short|signed|sizeof|static|struct|super|switch|typedef|typeof|union|unsigned|void|volatile|while)\b|(?:@interface|@end|@implementation|@protocol|@class|@public|@protected|@private|@property|@try|@catch|@finally|@throw|@synthesize|@dynamic|@selector)\b/,operator:/-[->]?|\+\+?|!=?|<<?=?|>>?=?|==?|&&?|\|\|?|[~^%?*\/@]/}),delete k.languages.objectivec["class-name"],k.languages.objc=k.languages.objectivec,k.languages.reason=k.languages.extend("clike",{string:{pattern:/"(?:\\(?:\r\n|[\s\S])|[^\\\r\n"])*"/,greedy:!0},"class-name":/\b[A-Z]\w*/,keyword:/\b(?:and|as|assert|begin|class|constraint|do|done|downto|else|end|exception|external|for|fun|function|functor|if|in|include|inherit|initializer|lazy|let|method|module|mutable|new|nonrec|object|of|open|or|private|rec|sig|struct|switch|then|to|try|type|val|virtual|when|while|with)\b/,operator:/\.{3}|:[:=]|\|>|->|=(?:==?|>)?|<=?|>=?|[|^?'#!~`]|[+\-*\/]\.?|\b(?:asr|land|lor|lsl|lsr|lxor|mod)\b/}),k.languages.insertBefore("reason","class-name",{char:{pattern:/'(?:\\x[\da-f]{2}|\\o[0-3][0-7][0-7]|\\\d{3}|\\.|[^'\\\r\n])'/,greedy:!0},constructor:/\b[A-Z]\w*\b(?!\s*\.)/,label:{pattern:/\b[a-z]\w*(?=::)/,alias:"symbol"}}),delete k.languages.reason.function,function(e){for(var t=/\/\*(?:[^*/]|\*(?!\/)|\/(?!\*)|<self>)*\*\//.source,n=0;n<2;n++)t=t.replace(/<self>/g,(function(){return t}));t=t.replace(/<self>/g,(function(){return/[^\s\S]/.source})),e.languages.rust={comment:[{pattern:RegExp(/(^|[^\\])/.source+t),lookbehind:!0,greedy:!0},{pattern:/(^|[^\\:])\/\/.*/,lookbehind:!0,greedy:!0}],string:{pattern:/b?"(?:\\[\s\S]|[^\\"])*"|b?r(#*)"(?:[^"]|"(?!\1))*"\1/,greedy:!0},char:{pattern:/b?'(?:\\(?:x[0-7][\da-fA-F]|u\{(?:[\da-fA-F]_*){1,6}\}|.)|[^\\\r\n\t'])'/,greedy:!0},attribute:{pattern:/#!?\[(?:[^\[\]"]|"(?:\\[\s\S]|[^\\"])*")*\]/,greedy:!0,alias:"attr-name",inside:{string:null}},"closure-params":{pattern:/([=(,:]\s*|\bmove\s*)\|[^|]*\||\|[^|]*\|(?=\s*(?:\{|->))/,lookbehind:!0,greedy:!0,inside:{"closure-punctuation":{pattern:/^\||\|$/,alias:"punctuation"},rest:null}},"lifetime-annotation":{pattern:/'\w+/,alias:"symbol"},"fragment-specifier":{pattern:/(\$\w+:)[a-z]+/,lookbehind:!0,alias:"punctuation"},variable:/\$\w+/,"function-definition":{pattern:/(\bfn\s+)\w+/,lookbehind:!0,alias:"function"},"type-definition":{pattern:/(\b(?:enum|struct|trait|type|union)\s+)\w+/,lookbehind:!0,alias:"class-name"},"module-declaration":[{pattern:/(\b(?:crate|mod)\s+)[a-z][a-z_\d]*/,lookbehind:!0,alias:"namespace"},{pattern:/(\b(?:crate|self|super)\s*)::\s*[a-z][a-z_\d]*\b(?:\s*::(?:\s*[a-z][a-z_\d]*\s*::)*)?/,lookbehind:!0,alias:"namespace",inside:{punctuation:/::/}}],keyword:[/\b(?:Self|abstract|as|async|await|become|box|break|const|continue|crate|do|dyn|else|enum|extern|final|fn|for|if|impl|in|let|loop|macro|match|mod|move|mut|override|priv|pub|ref|return|self|static|struct|super|trait|try|type|typeof|union|unsafe|unsized|use|virtual|where|while|yield)\b/,/\b(?:bool|char|f(?:32|64)|[ui](?:8|16|32|64|128|size)|str)\b/],function:/\b[a-z_]\w*(?=\s*(?:::\s*<|\())/,macro:{pattern:/\b\w+!/,alias:"property"},constant:/\b[A-Z_][A-Z_\d]+\b/,"class-name":/\b[A-Z]\w*\b/,namespace:{pattern:/(?:\b[a-z][a-z_\d]*\s*::\s*)*\b[a-z][a-z_\d]*\s*::(?!\s*<)/,inside:{punctuation:/::/}},number:/\b(?:0x[\dA-Fa-f](?:_?[\dA-Fa-f])*|0o[0-7](?:_?[0-7])*|0b[01](?:_?[01])*|(?:(?:\d(?:_?\d)*)?\.)?\d(?:_?\d)*(?:[Ee][+-]?\d+)?)(?:_?(?:f32|f64|[iu](?:8|16|32|64|size)?))?\b/,boolean:/\b(?:false|true)\b/,punctuation:/->|\.\.=|\.{1,3}|::|[{}[\];(),:]/,operator:/[-+*\/%!^]=?|=[=>]?|&[&=]?|\|[|=]?|<<?=?|>>?=?|[@?]/},e.languages.rust["closure-params"].inside.rest=e.languages.rust,e.languages.rust.attribute.inside.string=e.languages.rust.string}(k),k.languages.go=k.languages.extend("clike",{string:{pattern:/(^|[^\\])"(?:\\.|[^"\\\r\n])*"|`[^`]*`/,lookbehind:!0,greedy:!0},keyword:/\b(?:break|case|chan|const|continue|default|defer|else|fallthrough|for|func|go(?:to)?|if|import|interface|map|package|range|return|select|struct|switch|type|var)\b/,boolean:/\b(?:_|false|iota|nil|true)\b/,number:[/\b0(?:b[01_]+|o[0-7_]+)i?\b/i,/\b0x(?:[a-f\d_]+(?:\.[a-f\d_]*)?|\.[a-f\d_]+)(?:p[+-]?\d+(?:_\d+)*)?i?(?!\w)/i,/(?:\b\d[\d_]*(?:\.[\d_]*)?|\B\.\d[\d_]*)(?:e[+-]?[\d_]+)?i?(?!\w)/i],operator:/[*\/%^!=]=?|\+[=+]?|-[=-]?|\|[=|]?|&(?:=|&|\^=?)?|>(?:>=?|=)?|<(?:<=?|=|-)?|:=|\.\.\./,builtin:/\b(?:append|bool|byte|cap|close|complex|complex(?:64|128)|copy|delete|error|float(?:32|64)|u?int(?:8|16|32|64)?|imag|len|make|new|panic|print(?:ln)?|real|recover|rune|string|uintptr)\b/}),k.languages.insertBefore("go","string",{char:{pattern:/'(?:\\.|[^'\\\r\n]){0,10}'/,greedy:!0}}),delete k.languages.go["class-name"],function(e){var t=/\b(?:alignas|alignof|asm|auto|bool|break|case|catch|char|char16_t|char32_t|char8_t|class|co_await|co_return|co_yield|compl|concept|const|const_cast|consteval|constexpr|constinit|continue|decltype|default|delete|do|double|dynamic_cast|else|enum|explicit|export|extern|final|float|for|friend|goto|if|import|inline|int|int16_t|int32_t|int64_t|int8_t|long|module|mutable|namespace|new|noexcept|nullptr|operator|override|private|protected|public|register|reinterpret_cast|requires|return|short|signed|sizeof|static|static_assert|static_cast|struct|switch|template|this|thread_local|throw|try|typedef|typeid|typename|uint16_t|uint32_t|uint64_t|uint8_t|union|unsigned|using|virtual|void|volatile|wchar_t|while)\b/,n=/\b(?!<keyword>)\w+(?:\s*\.\s*\w+)*\b/.source.replace(/<keyword>/g,(function(){return t.source}));e.languages.cpp=e.languages.extend("c",{"class-name":[{pattern:RegExp(/(\b(?:class|concept|enum|struct|typename)\s+)(?!<keyword>)\w+/.source.replace(/<keyword>/g,(function(){return t.source}))),lookbehind:!0},/\b[A-Z]\w*(?=\s*::\s*\w+\s*\()/,/\b[A-Z_]\w*(?=\s*::\s*~\w+\s*\()/i,/\b\w+(?=\s*<(?:[^<>]|<(?:[^<>]|<[^<>]*>)*>)*>\s*::\s*\w+\s*\()/],keyword:t,number:{pattern:/(?:\b0b[01']+|\b0x(?:[\da-f']+(?:\.[\da-f']*)?|\.[\da-f']+)(?:p[+-]?[\d']+)?|(?:\b[\d']+(?:\.[\d']*)?|\B\.[\d']+)(?:e[+-]?[\d']+)?)[ful]{0,4}/i,greedy:!0},operator:/>>=?|<<=?|->|--|\+\+|&&|\|\||[?:~]|<=>|[-+*/%&|^!=<>]=?|\b(?:and|and_eq|bitand|bitor|not|not_eq|or|or_eq|xor|xor_eq)\b/,boolean:/\b(?:false|true)\b/}),e.languages.insertBefore("cpp","string",{module:{pattern:RegExp(/(\b(?:import|module)\s+)/.source+"(?:"+/"(?:\\(?:\r\n|[\s\S])|[^"\\\r\n])*"|<[^<>\r\n]*>/.source+"|"+/<mod-name>(?:\s*:\s*<mod-name>)?|:\s*<mod-name>/.source.replace(/<mod-name>/g,(function(){return n}))+")"),lookbehind:!0,greedy:!0,inside:{string:/^[<"][\s\S]+/,operator:/:/,punctuation:/\./}},"raw-string":{pattern:/R"([^()\\ ]{0,16})\([\s\S]*?\)\1"/,alias:"string",greedy:!0}}),e.languages.insertBefore("cpp","keyword",{"generic-function":{pattern:/\b(?!operator\b)[a-z_]\w*\s*<(?:[^<>]|<[^<>]*>)*>(?=\s*\()/i,inside:{function:/^\w+/,generic:{pattern:/<[\s\S]+/,alias:"class-name",inside:e.languages.cpp}}}}),e.languages.insertBefore("cpp","operator",{"double-colon":{pattern:/::/,alias:"punctuation"}}),e.languages.insertBefore("cpp","class-name",{"base-clause":{pattern:/(\b(?:class|struct)\s+\w+\s*:\s*)[^;{}"'\s]+(?:\s+[^;{}"'\s]+)*(?=\s*[;{])/,lookbehind:!0,greedy:!0,inside:e.languages.extend("cpp",{})}}),e.languages.insertBefore("inside","double-colon",{"class-name":/\b[a-z_]\w*\b(?!\s*::)/i},e.languages.cpp["base-clause"])}(k),k.languages.python={comment:{pattern:/(^|[^\\])#.*/,lookbehind:!0,greedy:!0},"string-interpolation":{pattern:/(?:f|fr|rf)(?:("""|''')[\s\S]*?\1|("|')(?:\\.|(?!\2)[^\\\r\n])*\2)/i,greedy:!0,inside:{interpolation:{pattern:/((?:^|[^{])(?:\{\{)*)\{(?!\{)(?:[^{}]|\{(?!\{)(?:[^{}]|\{(?!\{)(?:[^{}])+\})+\})+\}/,lookbehind:!0,inside:{"format-spec":{pattern:/(:)[^:(){}]+(?=\}$)/,lookbehind:!0},"conversion-option":{pattern:/![sra](?=[:}]$)/,alias:"punctuation"},rest:null}},string:/[\s\S]+/}},"triple-quoted-string":{pattern:/(?:[rub]|br|rb)?("""|''')[\s\S]*?\1/i,greedy:!0,alias:"string"},string:{pattern:/(?:[rub]|br|rb)?("|')(?:\\.|(?!\1)[^\\\r\n])*\1/i,greedy:!0},function:{pattern:/((?:^|\s)def[ \t]+)[a-zA-Z_]\w*(?=\s*\()/g,lookbehind:!0},"class-name":{pattern:/(\bclass\s+)\w+/i,lookbehind:!0},decorator:{pattern:/(^[\t ]*)@\w+(?:\.\w+)*/m,lookbehind:!0,alias:["annotation","punctuation"],inside:{punctuation:/\./}},keyword:/\b(?:_(?=\s*:)|and|as|assert|async|await|break|case|class|continue|def|del|elif|else|except|exec|finally|for|from|global|if|import|in|is|lambda|match|nonlocal|not|or|pass|print|raise|return|try|while|with|yield)\b/,builtin:/\b(?:__import__|abs|all|any|apply|ascii|basestring|bin|bool|buffer|bytearray|bytes|callable|chr|classmethod|cmp|coerce|compile|complex|delattr|dict|dir|divmod|enumerate|eval|execfile|file|filter|float|format|frozenset|getattr|globals|hasattr|hash|help|hex|id|input|int|intern|isinstance|issubclass|iter|len|list|locals|long|map|max|memoryview|min|next|object|oct|open|ord|pow|property|range|raw_input|reduce|reload|repr|reversed|round|set|setattr|slice|sorted|staticmethod|str|sum|super|tuple|type|unichr|unicode|vars|xrange|zip)\b/,boolean:/\b(?:False|None|True)\b/,number:/\b0(?:b(?:_?[01])+|o(?:_?[0-7])+|x(?:_?[a-f0-9])+)\b|(?:\b\d+(?:_\d+)*(?:\.(?:\d+(?:_\d+)*)?)?|\B\.\d+(?:_\d+)*)(?:e[+-]?\d+(?:_\d+)*)?j?(?!\w)/i,operator:/[-+%=]=?|!=|:=|\*\*?=?|\/\/?=?|<[<=>]?|>[=>]?|[&|^~]/,punctuation:/[{}[\];(),.:]/},k.languages.python["string-interpolation"].inside.interpolation.inside.rest=k.languages.python,k.languages.py=k.languages.python,k.languages.json={property:{pattern:/(^|[^\\])"(?:\\.|[^\\"\r\n])*"(?=\s*:)/,lookbehind:!0,greedy:!0},string:{pattern:/(^|[^\\])"(?:\\.|[^\\"\r\n])*"(?!\s*:)/,lookbehind:!0,greedy:!0},comment:{pattern:/\/\/.*|\/\*[\s\S]*?(?:\*\/|$)/,greedy:!0},number:/-?\b\d+(?:\.\d+)?(?:e[+-]?\d+)?\b/i,punctuation:/[{}[\],]/,operator:/:/,boolean:/\b(?:false|true)\b/,null:{pattern:/\bnull\b/,alias:"keyword"}},k.languages.webmanifest=k.languages.json;((e,t)=>{for(var n in t)l(e,n,{get:t[n],enumerable:!0})})({},{dracula:()=>S,duotoneDark:()=>x,duotoneLight:()=>E,github:()=>_,gruvboxMaterialDark:()=>q,gruvboxMaterialLight:()=>$,jettwaveDark:()=>M,jettwaveLight:()=>F,nightOwl:()=>j,nightOwlLight:()=>C,oceanicNext:()=>T,okaidia:()=>P,oneDark:()=>B,oneLight:()=>U,palenight:()=>z,shadesOfPurple:()=>I,synthwave84:()=>L,ultramin:()=>N,vsDark:()=>R,vsLight:()=>D});var S={plain:{color:"#F8F8F2",backgroundColor:"#282A36"},styles:[{types:["prolog","constant","builtin"],style:{color:"rgb(189, 147, 249)"}},{types:["inserted","function"],style:{color:"rgb(80, 250, 123)"}},{types:["deleted"],style:{color:"rgb(255, 85, 85)"}},{types:["changed"],style:{color:"rgb(255, 184, 108)"}},{types:["punctuation","symbol"],style:{color:"rgb(248, 248, 242)"}},{types:["string","char","tag","selector"],style:{color:"rgb(255, 121, 198)"}},{types:["keyword","variable"],style:{color:"rgb(189, 147, 249)",fontStyle:"italic"}},{types:["comment"],style:{color:"rgb(98, 114, 164)"}},{types:["attr-name"],style:{color:"rgb(241, 250, 140)"}}]},x={plain:{backgroundColor:"#2a2734",color:"#9a86fd"},styles:[{types:["comment","prolog","doctype","cdata","punctuation"],style:{color:"#6c6783"}},{types:["namespace"],style:{opacity:.7}},{types:["tag","operator","number"],style:{color:"#e09142"}},{types:["property","function"],style:{color:"#9a86fd"}},{types:["tag-id","selector","atrule-id"],style:{color:"#eeebff"}},{types:["attr-name"],style:{color:"#c4b9fe"}},{types:["boolean","string","entity","url","attr-value","keyword","control","directive","unit","statement","regex","atrule","placeholder","variable"],style:{color:"#ffcc99"}},{types:["deleted"],style:{textDecorationLine:"line-through"}},{types:["inserted"],style:{textDecorationLine:"underline"}},{types:["italic"],style:{fontStyle:"italic"}},{types:["important","bold"],style:{fontWeight:"bold"}},{types:["important"],style:{color:"#c4b9fe"}}]},E={plain:{backgroundColor:"#faf8f5",color:"#728fcb"},styles:[{types:["comment","prolog","doctype","cdata","punctuation"],style:{color:"#b6ad9a"}},{types:["namespace"],style:{opacity:.7}},{types:["tag","operator","number"],style:{color:"#063289"}},{types:["property","function"],style:{color:"#b29762"}},{types:["tag-id","selector","atrule-id"],style:{color:"#2d2006"}},{types:["attr-name"],style:{color:"#896724"}},{types:["boolean","string","entity","url","attr-value","keyword","control","directive","unit","statement","regex","atrule"],style:{color:"#728fcb"}},{types:["placeholder","variable"],style:{color:"#93abdc"}},{types:["deleted"],style:{textDecorationLine:"line-through"}},{types:["inserted"],style:{textDecorationLine:"underline"}},{types:["italic"],style:{fontStyle:"italic"}},{types:["important","bold"],style:{fontWeight:"bold"}},{types:["important"],style:{color:"#896724"}}]},_={plain:{color:"#393A34",backgroundColor:"#f6f8fa"},styles:[{types:["comment","prolog","doctype","cdata"],style:{color:"#999988",fontStyle:"italic"}},{types:["namespace"],style:{opacity:.7}},{types:["string","attr-value"],style:{color:"#e3116c"}},{types:["punctuation","operator"],style:{color:"#393A34"}},{types:["entity","url","symbol","number","boolean","variable","constant","property","regex","inserted"],style:{color:"#36acaa"}},{types:["atrule","keyword","attr-name","selector"],style:{color:"#00a4db"}},{types:["function","deleted","tag"],style:{color:"#d73a49"}},{types:["function-variable"],style:{color:"#6f42c1"}},{types:["tag","selector","keyword"],style:{color:"#00009f"}}]},j={plain:{color:"#d6deeb",backgroundColor:"#011627"},styles:[{types:["changed"],style:{color:"rgb(162, 191, 252)",fontStyle:"italic"}},{types:["deleted"],style:{color:"rgba(239, 83, 80, 0.56)",fontStyle:"italic"}},{types:["inserted","attr-name"],style:{color:"rgb(173, 219, 103)",fontStyle:"italic"}},{types:["comment"],style:{color:"rgb(99, 119, 119)",fontStyle:"italic"}},{types:["string","url"],style:{color:"rgb(173, 219, 103)"}},{types:["variable"],style:{color:"rgb(214, 222, 235)"}},{types:["number"],style:{color:"rgb(247, 140, 108)"}},{types:["builtin","char","constant","function"],style:{color:"rgb(130, 170, 255)"}},{types:["punctuation"],style:{color:"rgb(199, 146, 234)"}},{types:["selector","doctype"],style:{color:"rgb(199, 146, 234)",fontStyle:"italic"}},{types:["class-name"],style:{color:"rgb(255, 203, 139)"}},{types:["tag","operator","keyword"],style:{color:"rgb(127, 219, 202)"}},{types:["boolean"],style:{color:"rgb(255, 88, 116)"}},{types:["property"],style:{color:"rgb(128, 203, 196)"}},{types:["namespace"],style:{color:"rgb(178, 204, 214)"}}]},C={plain:{color:"#403f53",backgroundColor:"#FBFBFB"},styles:[{types:["changed"],style:{color:"rgb(162, 191, 252)",fontStyle:"italic"}},{types:["deleted"],style:{color:"rgba(239, 83, 80, 0.56)",fontStyle:"italic"}},{types:["inserted","attr-name"],style:{color:"rgb(72, 118, 214)",fontStyle:"italic"}},{types:["comment"],style:{color:"rgb(152, 159, 177)",fontStyle:"italic"}},{types:["string","builtin","char","constant","url"],style:{color:"rgb(72, 118, 214)"}},{types:["variable"],style:{color:"rgb(201, 103, 101)"}},{types:["number"],style:{color:"rgb(170, 9, 130)"}},{types:["punctuation"],style:{color:"rgb(153, 76, 195)"}},{types:["function","selector","doctype"],style:{color:"rgb(153, 76, 195)",fontStyle:"italic"}},{types:["class-name"],style:{color:"rgb(17, 17, 17)"}},{types:["tag"],style:{color:"rgb(153, 76, 195)"}},{types:["operator","property","keyword","namespace"],style:{color:"rgb(12, 150, 155)"}},{types:["boolean"],style:{color:"rgb(188, 84, 84)"}}]},O="#c5a5c5",A="#8dc891",T={plain:{backgroundColor:"#282c34",color:"#ffffff"},styles:[{types:["attr-name"],style:{color:O}},{types:["attr-value"],style:{color:A}},{types:["comment","block-comment","prolog","doctype","cdata","shebang"],style:{color:"#999999"}},{types:["property","number","function-name","constant","symbol","deleted"],style:{color:"#5a9bcf"}},{types:["boolean"],style:{color:"#ff8b50"}},{types:["tag"],style:{color:"#fc929e"}},{types:["string"],style:{color:A}},{types:["punctuation"],style:{color:A}},{types:["selector","char","builtin","inserted"],style:{color:"#D8DEE9"}},{types:["function"],style:{color:"#79b6f2"}},{types:["operator","entity","url","variable"],style:{color:"#d7deea"}},{types:["keyword"],style:{color:O}},{types:["atrule","class-name"],style:{color:"#FAC863"}},{types:["important"],style:{fontWeight:"400"}},{types:["bold"],style:{fontWeight:"bold"}},{types:["italic"],style:{fontStyle:"italic"}},{types:["namespace"],style:{opacity:.7}}]},P={plain:{color:"#f8f8f2",backgroundColor:"#272822"},styles:[{types:["changed"],style:{color:"rgb(162, 191, 252)",fontStyle:"italic"}},{types:["deleted"],style:{color:"#f92672",fontStyle:"italic"}},{types:["inserted"],style:{color:"rgb(173, 219, 103)",fontStyle:"italic"}},{types:["comment"],style:{color:"#8292a2",fontStyle:"italic"}},{types:["string","url"],style:{color:"#a6e22e"}},{types:["variable"],style:{color:"#f8f8f2"}},{types:["number"],style:{color:"#ae81ff"}},{types:["builtin","char","constant","function","class-name"],style:{color:"#e6db74"}},{types:["punctuation"],style:{color:"#f8f8f2"}},{types:["selector","doctype"],style:{color:"#a6e22e",fontStyle:"italic"}},{types:["tag","operator","keyword"],style:{color:"#66d9ef"}},{types:["boolean"],style:{color:"#ae81ff"}},{types:["namespace"],style:{color:"rgb(178, 204, 214)",opacity:.7}},{types:["tag","property"],style:{color:"#f92672"}},{types:["attr-name"],style:{color:"#a6e22e !important"}},{types:["doctype"],style:{color:"#8292a2"}},{types:["rule"],style:{color:"#e6db74"}}]},z={plain:{color:"#bfc7d5",backgroundColor:"#292d3e"},styles:[{types:["comment"],style:{color:"rgb(105, 112, 152)",fontStyle:"italic"}},{types:["string","inserted"],style:{color:"rgb(195, 232, 141)"}},{types:["number"],style:{color:"rgb(247, 140, 108)"}},{types:["builtin","char","constant","function"],style:{color:"rgb(130, 170, 255)"}},{types:["punctuation","selector"],style:{color:"rgb(199, 146, 234)"}},{types:["variable"],style:{color:"rgb(191, 199, 213)"}},{types:["class-name","attr-name"],style:{color:"rgb(255, 203, 107)"}},{types:["tag","deleted"],style:{color:"rgb(255, 85, 114)"}},{types:["operator"],style:{color:"rgb(137, 221, 255)"}},{types:["boolean"],style:{color:"rgb(255, 88, 116)"}},{types:["keyword"],style:{fontStyle:"italic"}},{types:["doctype"],style:{color:"rgb(199, 146, 234)",fontStyle:"italic"}},{types:["namespace"],style:{color:"rgb(178, 204, 214)"}},{types:["url"],style:{color:"rgb(221, 221, 221)"}}]},I={plain:{color:"#9EFEFF",backgroundColor:"#2D2A55"},styles:[{types:["changed"],style:{color:"rgb(255, 238, 128)"}},{types:["deleted"],style:{color:"rgba(239, 83, 80, 0.56)"}},{types:["inserted"],style:{color:"rgb(173, 219, 103)"}},{types:["comment"],style:{color:"rgb(179, 98, 255)",fontStyle:"italic"}},{types:["punctuation"],style:{color:"rgb(255, 255, 255)"}},{types:["constant"],style:{color:"rgb(255, 98, 140)"}},{types:["string","url"],style:{color:"rgb(165, 255, 144)"}},{types:["variable"],style:{color:"rgb(255, 238, 128)"}},{types:["number","boolean"],style:{color:"rgb(255, 98, 140)"}},{types:["attr-name"],style:{color:"rgb(255, 180, 84)"}},{types:["keyword","operator","property","namespace","tag","selector","doctype"],style:{color:"rgb(255, 157, 0)"}},{types:["builtin","char","constant","function","class-name"],style:{color:"rgb(250, 208, 0)"}}]},L={plain:{backgroundColor:"linear-gradient(to bottom, #2a2139 75%, #34294f)",backgroundImage:"#34294f",color:"#f92aad",textShadow:"0 0 2px #100c0f, 0 0 5px #dc078e33, 0 0 10px #fff3"},styles:[{types:["comment","block-comment","prolog","doctype","cdata"],style:{color:"#495495",fontStyle:"italic"}},{types:["punctuation"],style:{color:"#ccc"}},{types:["tag","attr-name","namespace","number","unit","hexcode","deleted"],style:{color:"#e2777a"}},{types:["property","selector"],style:{color:"#72f1b8",textShadow:"0 0 2px #100c0f, 0 0 10px #257c5575, 0 0 35px #21272475"}},{types:["function-name"],style:{color:"#6196cc"}},{types:["boolean","selector-id","function"],style:{color:"#fdfdfd",textShadow:"0 0 2px #001716, 0 0 3px #03edf975, 0 0 5px #03edf975, 0 0 8px #03edf975"}},{types:["class-name","maybe-class-name","builtin"],style:{color:"#fff5f6",textShadow:"0 0 2px #000, 0 0 10px #fc1f2c75, 0 0 5px #fc1f2c75, 0 0 25px #fc1f2c75"}},{types:["constant","symbol"],style:{color:"#f92aad",textShadow:"0 0 2px #100c0f, 0 0 5px #dc078e33, 0 0 10px #fff3"}},{types:["important","atrule","keyword","selector-class"],style:{color:"#f4eee4",textShadow:"0 0 2px #393a33, 0 0 8px #f39f0575, 0 0 2px #f39f0575"}},{types:["string","char","attr-value","regex","variable"],style:{color:"#f87c32"}},{types:["parameter"],style:{fontStyle:"italic"}},{types:["entity","url"],style:{color:"#67cdcc"}},{types:["operator"],style:{color:"ffffffee"}},{types:["important","bold"],style:{fontWeight:"bold"}},{types:["italic"],style:{fontStyle:"italic"}},{types:["entity"],style:{cursor:"help"}},{types:["inserted"],style:{color:"green"}}]},N={plain:{color:"#282a2e",backgroundColor:"#ffffff"},styles:[{types:["comment"],style:{color:"rgb(197, 200, 198)"}},{types:["string","number","builtin","variable"],style:{color:"rgb(150, 152, 150)"}},{types:["class-name","function","tag","attr-name"],style:{color:"rgb(40, 42, 46)"}}]},R={plain:{color:"#9CDCFE",backgroundColor:"#1E1E1E"},styles:[{types:["prolog"],style:{color:"rgb(0, 0, 128)"}},{types:["comment"],style:{color:"rgb(106, 153, 85)"}},{types:["builtin","changed","keyword","interpolation-punctuation"],style:{color:"rgb(86, 156, 214)"}},{types:["number","inserted"],style:{color:"rgb(181, 206, 168)"}},{types:["constant"],style:{color:"rgb(100, 102, 149)"}},{types:["attr-name","variable"],style:{color:"rgb(156, 220, 254)"}},{types:["deleted","string","attr-value","template-punctuation"],style:{color:"rgb(206, 145, 120)"}},{types:["selector"],style:{color:"rgb(215, 186, 125)"}},{types:["tag"],style:{color:"rgb(78, 201, 176)"}},{types:["tag"],languages:["markup"],style:{color:"rgb(86, 156, 214)"}},{types:["punctuation","operator"],style:{color:"rgb(212, 212, 212)"}},{types:["punctuation"],languages:["markup"],style:{color:"#808080"}},{types:["function"],style:{color:"rgb(220, 220, 170)"}},{types:["class-name"],style:{color:"rgb(78, 201, 176)"}},{types:["char"],style:{color:"rgb(209, 105, 105)"}}]},D={plain:{color:"#000000",backgroundColor:"#ffffff"},styles:[{types:["comment"],style:{color:"rgb(0, 128, 0)"}},{types:["builtin"],style:{color:"rgb(0, 112, 193)"}},{types:["number","variable","inserted"],style:{color:"rgb(9, 134, 88)"}},{types:["operator"],style:{color:"rgb(0, 0, 0)"}},{types:["constant","char"],style:{color:"rgb(129, 31, 63)"}},{types:["tag"],style:{color:"rgb(128, 0, 0)"}},{types:["attr-name"],style:{color:"rgb(255, 0, 0)"}},{types:["deleted","string"],style:{color:"rgb(163, 21, 21)"}},{types:["changed","punctuation"],style:{color:"rgb(4, 81, 165)"}},{types:["function","keyword"],style:{color:"rgb(0, 0, 255)"}},{types:["class-name"],style:{color:"rgb(38, 127, 153)"}}]},M={plain:{color:"#f8fafc",backgroundColor:"#011627"},styles:[{types:["prolog"],style:{color:"#000080"}},{types:["comment"],style:{color:"#6A9955"}},{types:["builtin","changed","keyword","interpolation-punctuation"],style:{color:"#569CD6"}},{types:["number","inserted"],style:{color:"#B5CEA8"}},{types:["constant"],style:{color:"#f8fafc"}},{types:["attr-name","variable"],style:{color:"#9CDCFE"}},{types:["deleted","string","attr-value","template-punctuation"],style:{color:"#cbd5e1"}},{types:["selector"],style:{color:"#D7BA7D"}},{types:["tag"],style:{color:"#0ea5e9"}},{types:["tag"],languages:["markup"],style:{color:"#0ea5e9"}},{types:["punctuation","operator"],style:{color:"#D4D4D4"}},{types:["punctuation"],languages:["markup"],style:{color:"#808080"}},{types:["function"],style:{color:"#7dd3fc"}},{types:["class-name"],style:{color:"#0ea5e9"}},{types:["char"],style:{color:"#D16969"}}]},F={plain:{color:"#0f172a",backgroundColor:"#f1f5f9"},styles:[{types:["prolog"],style:{color:"#000080"}},{types:["comment"],style:{color:"#6A9955"}},{types:["builtin","changed","keyword","interpolation-punctuation"],style:{color:"#0c4a6e"}},{types:["number","inserted"],style:{color:"#B5CEA8"}},{types:["constant"],style:{color:"#0f172a"}},{types:["attr-name","variable"],style:{color:"#0c4a6e"}},{types:["deleted","string","attr-value","template-punctuation"],style:{color:"#64748b"}},{types:["selector"],style:{color:"#D7BA7D"}},{types:["tag"],style:{color:"#0ea5e9"}},{types:["tag"],languages:["markup"],style:{color:"#0ea5e9"}},{types:["punctuation","operator"],style:{color:"#475569"}},{types:["punctuation"],languages:["markup"],style:{color:"#808080"}},{types:["function"],style:{color:"#0e7490"}},{types:["class-name"],style:{color:"#0ea5e9"}},{types:["char"],style:{color:"#D16969"}}]},B={plain:{backgroundColor:"hsl(220, 13%, 18%)",color:"hsl(220, 14%, 71%)",textShadow:"0 1px rgba(0, 0, 0, 0.3)"},styles:[{types:["comment","prolog","cdata"],style:{color:"hsl(220, 10%, 40%)"}},{types:["doctype","punctuation","entity"],style:{color:"hsl(220, 14%, 71%)"}},{types:["attr-name","class-name","maybe-class-name","boolean","constant","number","atrule"],style:{color:"hsl(29, 54%, 61%)"}},{types:["keyword"],style:{color:"hsl(286, 60%, 67%)"}},{types:["property","tag","symbol","deleted","important"],style:{color:"hsl(355, 65%, 65%)"}},{types:["selector","string","char","builtin","inserted","regex","attr-value"],style:{color:"hsl(95, 38%, 62%)"}},{types:["variable","operator","function"],style:{color:"hsl(207, 82%, 66%)"}},{types:["url"],style:{color:"hsl(187, 47%, 55%)"}},{types:["deleted"],style:{textDecorationLine:"line-through"}},{types:["inserted"],style:{textDecorationLine:"underline"}},{types:["italic"],style:{fontStyle:"italic"}},{types:["important","bold"],style:{fontWeight:"bold"}},{types:["important"],style:{color:"hsl(220, 14%, 71%)"}}]},U={plain:{backgroundColor:"hsl(230, 1%, 98%)",color:"hsl(230, 8%, 24%)"},styles:[{types:["comment","prolog","cdata"],style:{color:"hsl(230, 4%, 64%)"}},{types:["doctype","punctuation","entity"],style:{color:"hsl(230, 8%, 24%)"}},{types:["attr-name","class-name","boolean","constant","number","atrule"],style:{color:"hsl(35, 99%, 36%)"}},{types:["keyword"],style:{color:"hsl(301, 63%, 40%)"}},{types:["property","tag","symbol","deleted","important"],style:{color:"hsl(5, 74%, 59%)"}},{types:["selector","string","char","builtin","inserted","regex","attr-value","punctuation"],style:{color:"hsl(119, 34%, 47%)"}},{types:["variable","operator","function"],style:{color:"hsl(221, 87%, 60%)"}},{types:["url"],style:{color:"hsl(198, 99%, 37%)"}},{types:["deleted"],style:{textDecorationLine:"line-through"}},{types:["inserted"],style:{textDecorationLine:"underline"}},{types:["italic"],style:{fontStyle:"italic"}},{types:["important","bold"],style:{fontWeight:"bold"}},{types:["important"],style:{color:"hsl(230, 8%, 24%)"}}]},q={plain:{color:"#ebdbb2",backgroundColor:"#292828"},styles:[{types:["imports","class-name","maybe-class-name","constant","doctype","builtin","function"],style:{color:"#d8a657"}},{types:["property-access"],style:{color:"#7daea3"}},{types:["tag"],style:{color:"#e78a4e"}},{types:["attr-name","char","url","regex"],style:{color:"#a9b665"}},{types:["attr-value","string"],style:{color:"#89b482"}},{types:["comment","prolog","cdata","operator","inserted"],style:{color:"#a89984"}},{types:["delimiter","boolean","keyword","selector","important","atrule","property","variable","deleted"],style:{color:"#ea6962"}},{types:["entity","number","symbol"],style:{color:"#d3869b"}}]},$={plain:{color:"#654735",backgroundColor:"#f9f5d7"},styles:[{types:["delimiter","boolean","keyword","selector","important","atrule","property","variable","deleted"],style:{color:"#af2528"}},{types:["imports","class-name","maybe-class-name","constant","doctype","builtin"],style:{color:"#b4730e"}},{types:["string","attr-value"],style:{color:"#477a5b"}},{types:["property-access"],style:{color:"#266b79"}},{types:["function","attr-name","char","url"],style:{color:"#72761e"}},{types:["tag"],style:{color:"#b94c07"}},{types:["comment","prolog","cdata","operator","inserted"],style:{color:"#a89984"}},{types:["entity","number","symbol"],style:{color:"#924f79"}}]},H=(e,t)=>{const{plain:n}=e,r=e.styles.reduce(((e,n)=>{const{languages:r,style:o}=n;return r&&!r.includes(t)||n.types.forEach((t=>{const n=y(y({},e[t]),o);e[t]=n})),e}),{});return r.root=n,r.plain=v(y({},n),{backgroundColor:void 0}),r},V=/\r\n|\r|\n/,G=e=>{0===e.length?e.push({types:["plain"],content:"\n",empty:!0}):1===e.length&&""===e[0].content&&(e[0].content="\n",e[0].empty=!0)},W=(e,t)=>{const n=e.length;return n>0&&e[n-1]===t?e:e.concat(t)},K=e=>{const t=[[]],n=[e],r=[0],o=[e.length];let a=0,i=0,s=[];const l=[s];for(;i>-1;){for(;(a=r[i]++)<o[i];){let e,c=t[i];const u=n[i][a];if("string"==typeof u?(c=i>0?c:["plain"],e=u):(c=W(c,u.type),u.alias&&(c=W(c,u.alias)),e=u.content),"string"!=typeof e){i++,t.push(c),n.push(e),r.push(0),o.push(e.length);continue}const d=e.split(V),p=d.length;s.push({types:c,content:d[0]});for(let t=1;t<p;t++)G(s),l.push(s=[]),s.push({types:c,content:d[t]})}i--,t.pop(),n.pop(),r.pop(),o.pop()}return G(s),l},Q=({children:e,language:t,code:n,theme:r,prism:o})=>{const s=t.toLowerCase(),l=((e,t)=>{const[n,r]=(0,a.useState)(H(t,e)),o=(0,a.useRef)(),i=(0,a.useRef)();return(0,a.useEffect)((()=>{t===o.current&&e===i.current||(o.current=t,i.current=e,r(H(t,e)))}),[e,t]),n})(s,r),c=(e=>(0,a.useCallback)((t=>{var n=t,{className:r,style:o,line:a}=n,s=w(n,["className","style","line"]);const l=v(y({},s),{className:(0,i.A)("token-line",r)});return"object"==typeof e&&"plain"in e&&(l.style=e.plain),"object"==typeof o&&(l.style=y(y({},l.style||{}),o)),l}),[e]))(l),u=(e=>{const t=(0,a.useCallback)((({types:t,empty:n})=>{if(null!=e)return 1===t.length&&"plain"===t[0]?null!=n?{display:"inline-block"}:void 0:1===t.length&&null!=n?e[t[0]]:Object.assign(null!=n?{display:"inline-block"}:{},...t.map((t=>e[t])))}),[e]);return(0,a.useCallback)((e=>{var n=e,{token:r,className:o,style:a}=n,s=w(n,["token","className","style"]);const l=v(y({},s),{className:(0,i.A)("token",...r.types,o),children:r.content,style:t(r)});return null!=a&&(l.style=y(y({},l.style||{}),a)),l}),[t])})(l),d=(({prism:e,code:t,grammar:n,language:r})=>{const o=(0,a.useRef)(e);return(0,a.useMemo)((()=>{if(null==n)return K([t]);const e={code:t,grammar:n,language:r,tokens:[]};return o.current.hooks.run("before-tokenize",e),e.tokens=o.current.tokenize(t,n),o.current.hooks.run("after-tokenize",e),K(e.tokens)}),[t,n,r])})({prism:o,language:s,code:n,grammar:o.languages[s]});return e({tokens:d,className:`prism-code language-${s}`,style:null!=l?l.root:{},getLineProps:c,getTokenProps:u})},Y=e=>(0,a.createElement)(Q,v(y({},e),{prism:e.prism||k,theme:e.theme||R,code:e.code,language:e.language}))},5385:(e,t,n)=>{"use strict";n.d(t,{A:()=>a});var r=!0,o="Invariant failed";function a(e,t){if(!e){if(r)throw new Error(o);var n="function"==typeof t?t():t,a=n?"".concat(o,": ").concat(n):o;throw new Error(a)}}},3422:(e,t,n)=>{"use strict";n.r(t),n.d(t,{__addDisposableResource:()=>L,__assign:()=>a,__asyncDelegator:()=>_,__asyncGenerator:()=>E,__asyncValues:()=>j,__await:()=>x,__awaiter:()=>m,__classPrivateFieldGet:()=>P,__classPrivateFieldIn:()=>I,__classPrivateFieldSet:()=>z,__createBinding:()=>g,__decorate:()=>s,__disposeResources:()=>R,__esDecorate:()=>c,__exportStar:()=>b,__extends:()=>o,__generator:()=>h,__importDefault:()=>T,__importStar:()=>A,__makeTemplateObject:()=>C,__metadata:()=>f,__param:()=>l,__propKey:()=>d,__read:()=>v,__rest:()=>i,__runInitializers:()=>u,__setFunctionName:()=>p,__spread:()=>w,__spreadArray:()=>S,__spreadArrays:()=>k,__values:()=>y,default:()=>D});var r=function(e,t){return r=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])},r(e,t)};function o(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");function n(){this.constructor=e}r(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)}var a=function(){return a=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var o in t=arguments[n])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e},a.apply(this,arguments)};function i(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&Object.prototype.propertyIsEnumerable.call(e,r[o])&&(n[r[o]]=e[r[o]])}return n}function s(e,t,n,r){var o,a=arguments.length,i=a<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,n):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(e,t,n,r);else for(var s=e.length-1;s>=0;s--)(o=e[s])&&(i=(a<3?o(i):a>3?o(t,n,i):o(t,n))||i);return a>3&&i&&Object.defineProperty(t,n,i),i}function l(e,t){return function(n,r){t(n,r,e)}}function c(e,t,n,r,o,a){function i(e){if(void 0!==e&&"function"!=typeof e)throw new TypeError("Function expected");return e}for(var s,l=r.kind,c="getter"===l?"get":"setter"===l?"set":"value",u=!t&&e?r.static?e:e.prototype:null,d=t||(u?Object.getOwnPropertyDescriptor(u,r.name):{}),p=!1,f=n.length-1;f>=0;f--){var m={};for(var h in r)m[h]="access"===h?{}:r[h];for(var h in r.access)m.access[h]=r.access[h];m.addInitializer=function(e){if(p)throw new TypeError("Cannot add initializers after decoration has completed");a.push(i(e||null))};var g=(0,n[f])("accessor"===l?{get:d.get,set:d.set}:d[c],m);if("accessor"===l){if(void 0===g)continue;if(null===g||"object"!=typeof g)throw new TypeError("Object expected");(s=i(g.get))&&(d.get=s),(s=i(g.set))&&(d.set=s),(s=i(g.init))&&o.unshift(s)}else(s=i(g))&&("field"===l?o.unshift(s):d[c]=s)}u&&Object.defineProperty(u,r.name,d),p=!0}function u(e,t,n){for(var r=arguments.length>2,o=0;o<t.length;o++)n=r?t[o].call(e,n):t[o].call(e);return r?n:void 0}function d(e){return"symbol"==typeof e?e:"".concat(e)}function p(e,t,n){return"symbol"==typeof t&&(t=t.description?"[".concat(t.description,"]"):""),Object.defineProperty(e,"name",{configurable:!0,value:n?"".concat(n," ",t):t})}function f(e,t){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(e,t)}function m(e,t,n,r){return new(n||(n=Promise))((function(o,a){function i(e){try{l(r.next(e))}catch(t){a(t)}}function s(e){try{l(r.throw(e))}catch(t){a(t)}}function l(e){var t;e.done?o(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(i,s)}l((r=r.apply(e,t||[])).next())}))}function h(e,t){var n,r,o,a,i={label:0,sent:function(){if(1&o[0])throw o[1];return o[1]},trys:[],ops:[]};return a={next:s(0),throw:s(1),return:s(2)},"function"==typeof Symbol&&(a[Symbol.iterator]=function(){return this}),a;function s(s){return function(l){return function(s){if(n)throw new TypeError("Generator is already executing.");for(;a&&(a=0,s[0]&&(i=0)),i;)try{if(n=1,r&&(o=2&s[0]?r.return:s[0]?r.throw||((o=r.return)&&o.call(r),0):r.next)&&!(o=o.call(r,s[1])).done)return o;switch(r=0,o&&(s=[2&s[0],o.value]),s[0]){case 0:case 1:o=s;break;case 4:return i.label++,{value:s[1],done:!1};case 5:i.label++,r=s[1],s=[0];continue;case 7:s=i.ops.pop(),i.trys.pop();continue;default:if(!(o=i.trys,(o=o.length>0&&o[o.length-1])||6!==s[0]&&2!==s[0])){i=0;continue}if(3===s[0]&&(!o||s[1]>o[0]&&s[1]<o[3])){i.label=s[1];break}if(6===s[0]&&i.label<o[1]){i.label=o[1],o=s;break}if(o&&i.label<o[2]){i.label=o[2],i.ops.push(s);break}o[2]&&i.ops.pop(),i.trys.pop();continue}s=t.call(e,i)}catch(l){s=[6,l],r=0}finally{n=o=0}if(5&s[0])throw s[1];return{value:s[0]?s[1]:void 0,done:!0}}([s,l])}}}var g=Object.create?function(e,t,n,r){void 0===r&&(r=n);var o=Object.getOwnPropertyDescriptor(t,n);o&&!("get"in o?!t.__esModule:o.writable||o.configurable)||(o={enumerable:!0,get:function(){return t[n]}}),Object.defineProperty(e,r,o)}:function(e,t,n,r){void 0===r&&(r=n),e[r]=t[n]};function b(e,t){for(var n in e)"default"===n||Object.prototype.hasOwnProperty.call(t,n)||g(t,e,n)}function y(e){var t="function"==typeof Symbol&&Symbol.iterator,n=t&&e[t],r=0;if(n)return n.call(e);if(e&&"number"==typeof e.length)return{next:function(){return e&&r>=e.length&&(e=void 0),{value:e&&e[r++],done:!e}}};throw new TypeError(t?"Object is not iterable.":"Symbol.iterator is not defined.")}function v(e,t){var n="function"==typeof Symbol&&e[Symbol.iterator];if(!n)return e;var r,o,a=n.call(e),i=[];try{for(;(void 0===t||t-- >0)&&!(r=a.next()).done;)i.push(r.value)}catch(s){o={error:s}}finally{try{r&&!r.done&&(n=a.return)&&n.call(a)}finally{if(o)throw o.error}}return i}function w(){for(var e=[],t=0;t<arguments.length;t++)e=e.concat(v(arguments[t]));return e}function k(){for(var e=0,t=0,n=arguments.length;t<n;t++)e+=arguments[t].length;var r=Array(e),o=0;for(t=0;t<n;t++)for(var a=arguments[t],i=0,s=a.length;i<s;i++,o++)r[o]=a[i];return r}function S(e,t,n){if(n||2===arguments.length)for(var r,o=0,a=t.length;o<a;o++)!r&&o in t||(r||(r=Array.prototype.slice.call(t,0,o)),r[o]=t[o]);return e.concat(r||Array.prototype.slice.call(t))}function x(e){return this instanceof x?(this.v=e,this):new x(e)}function E(e,t,n){if(!Symbol.asyncIterator)throw new TypeError("Symbol.asyncIterator is not defined.");var r,o=n.apply(e,t||[]),a=[];return r={},i("next"),i("throw"),i("return",(function(e){return function(t){return Promise.resolve(t).then(e,c)}})),r[Symbol.asyncIterator]=function(){return this},r;function i(e,t){o[e]&&(r[e]=function(t){return new Promise((function(n,r){a.push([e,t,n,r])>1||s(e,t)}))},t&&(r[e]=t(r[e])))}function s(e,t){try{(n=o[e](t)).value instanceof x?Promise.resolve(n.value.v).then(l,c):u(a[0][2],n)}catch(r){u(a[0][3],r)}var n}function l(e){s("next",e)}function c(e){s("throw",e)}function u(e,t){e(t),a.shift(),a.length&&s(a[0][0],a[0][1])}}function _(e){var t,n;return t={},r("next"),r("throw",(function(e){throw e})),r("return"),t[Symbol.iterator]=function(){return this},t;function r(r,o){t[r]=e[r]?function(t){return(n=!n)?{value:x(e[r](t)),done:!1}:o?o(t):t}:o}}function j(e){if(!Symbol.asyncIterator)throw new TypeError("Symbol.asyncIterator is not defined.");var t,n=e[Symbol.asyncIterator];return n?n.call(e):(e=y(e),t={},r("next"),r("throw"),r("return"),t[Symbol.asyncIterator]=function(){return this},t);function r(n){t[n]=e[n]&&function(t){return new Promise((function(r,o){(function(e,t,n,r){Promise.resolve(r).then((function(t){e({value:t,done:n})}),t)})(r,o,(t=e[n](t)).done,t.value)}))}}}function C(e,t){return Object.defineProperty?Object.defineProperty(e,"raw",{value:t}):e.raw=t,e}var O=Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t};function A(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var n in e)"default"!==n&&Object.prototype.hasOwnProperty.call(e,n)&&g(t,e,n);return O(t,e),t}function T(e){return e&&e.__esModule?e:{default:e}}function P(e,t,n,r){if("a"===n&&!r)throw new TypeError("Private accessor was defined without a getter");if("function"==typeof t?e!==t||!r:!t.has(e))throw new TypeError("Cannot read private member from an object whose class did not declare it");return"m"===n?r:"a"===n?r.call(e):r?r.value:t.get(e)}function z(e,t,n,r,o){if("m"===r)throw new TypeError("Private method is not writable");if("a"===r&&!o)throw new TypeError("Private accessor was defined without a setter");if("function"==typeof t?e!==t||!o:!t.has(e))throw new TypeError("Cannot write private member to an object whose class did not declare it");return"a"===r?o.call(e,n):o?o.value=n:t.set(e,n),n}function I(e,t){if(null===t||"object"!=typeof t&&"function"!=typeof t)throw new TypeError("Cannot use 'in' operator on non-object");return"function"==typeof e?t===e:e.has(t)}function L(e,t,n){if(null!=t){if("object"!=typeof t&&"function"!=typeof t)throw new TypeError("Object expected.");var r,o;if(n){if(!Symbol.asyncDispose)throw new TypeError("Symbol.asyncDispose is not defined.");r=t[Symbol.asyncDispose]}if(void 0===r){if(!Symbol.dispose)throw new TypeError("Symbol.dispose is not defined.");r=t[Symbol.dispose],n&&(o=r)}if("function"!=typeof r)throw new TypeError("Object not disposable.");o&&(r=function(){try{o.call(this)}catch(e){return Promise.reject(e)}}),e.stack.push({value:t,dispose:r,async:n})}else n&&e.stack.push({async:!0});return t}var N="function"==typeof SuppressedError?SuppressedError:function(e,t,n){var r=new Error(n);return r.name="SuppressedError",r.error=e,r.suppressed=t,r};function R(e){function t(t){e.error=e.hasError?new N(t,e.error,"An error was suppressed during disposal."):t,e.hasError=!0}return function n(){for(;e.stack.length;){var r=e.stack.pop();try{var o=r.dispose&&r.dispose.call(r.value);if(r.async)return Promise.resolve(o).then(n,(function(e){return t(e),n()}))}catch(a){t(a)}}if(e.hasError)throw e.error}()}const D={__extends:o,__assign:a,__rest:i,__decorate:s,__param:l,__metadata:f,__awaiter:m,__generator:h,__createBinding:g,__exportStar:b,__values:y,__read:v,__spread:w,__spreadArrays:k,__spreadArray:S,__await:x,__asyncGenerator:E,__asyncDelegator:_,__asyncValues:j,__makeTemplateObject:C,__importStar:A,__importDefault:T,__classPrivateFieldGet:P,__classPrivateFieldSet:z,__classPrivateFieldIn:I,__addDisposableResource:L,__disposeResources:R}},2654:e=>{"use strict";e.exports=JSON.parse('{"pages.home.features.title":"Afzalliklari","pages.home.features.logic.title":"Aniq biznes mantiq","pages.home.features.logic.description":"Arxitekturani o\'rganish oson, chunki u domen modullaridan iborat","pages.home.features.adaptability.title":"Moslashuvchanlik","pages.home.features.adaptability.description":"Arxitektura komponentlarini moslashuvchan tarzda almashtirish, yangi sharoitlarda qo\'shish mumkin","pages.home.features.debt.title":"Texnik qarz","pages.home.features.debt.description":"Har bir modul nojo\'ya ta\'sirlarsiz mustaqil ravishda o\'zgartirilishi/qayta yozilishi mumkin","pages.home.features.shared.title":"Aniq qayta foydalanish mumkinligi","pages.home.features.shared.description":"DRY va lokal moslashtirish o\'rtasidagi muvozanatni saqlaydi","pages.home.concepts.title":"Tushunchalar","pages.home.concepts.public.title":"Ommaviy API","pages.home.concepts.public.description":"Har bir modul yuqori darajadagi umumiy API deklaratsiyasiga ega bo\'lishi kerak","pages.home.concepts.isolation.title":"Izolyatsiya","pages.home.concepts.isolation.description":"Modul to\'g\'ridan-to\'g\'ri bir xil qatlamdagi boshqa modullarga yoki uning ustidagi qatlamlarga bog\'liq bo\'lmasligi kerak.","pages.home.concepts.needs.title":"Ehtiyojlarni tushunish","pages.home.concepts.needs.description":"Biznes va foydalanuvchi ehtiyojlariga e\'tibor qarating","pages.home.scheme.title":"Sxema","pages.home.companies.using":"Metodologiyadan foydalanadigan kompaniyalar","pages.home.companies.add_me":"Sizning kompaniyangizda metodologiya qo\'llaniladimi?","pages.home.companies.tell_us":"Habar bering","pages.examples.title":"Namunalar","pages.examples.subtitle":"FSD yordamida yaratilgan veb-saytlar ro\'yxati","pages.examples.add_me.title":"Namuna qoshish","pages.examples.repo.title":"Repezitoriyalar","pages.examples.versions":"Shuningdek, versiyalar ro\'yxatiga qarang","pages.versions.title":"Feature-Sliced Design versiyalari","pages.versions.current":"Bu yerda siz joriy nashr etilgan versiya uchun hujjatlarni topishingiz mumkin","pages.versions.legacy":"Bu yerda {of} ning eski versiyalari uchun hujjatlarni topishingiz mumkin","pages.nav.title":"\ud83e\udded Navigatsiya","pages.nav.legacy.title":"Eskirgan havolalar","pages.nav.legacy.details":"Hujjatlarni qayta tuzilgandan so\'ng, maqolalarda ba\'zi havolalar o\'zgartirildi. Quyida siz izlayotgan sahifani topishingiz mumkin.","pages.nav.legacy.subdetails":"Lekin moslik uchun eski havolalardan qayta yo\'naltirishlar mavjud","features.feedback-badge.label":"Hujjatlar bo\'yicha fikr-mulohazalaringizni baham ko\'ring \ud83e\udd19","features.feedback-badge.url":"https://forms.gle/7p4anU2shHAzmfqc8","features.feedback-doc.thanks":"Baham ko\'rganingiz uchun rahmat!","features.feedback-doc.title":"Sahifa foydali bo\'ldimi?","features.feedback-doc.subtitle":"Sizning fikringiz bizga dastur dokumentatsiyasini yaxshilashda yordam beradi","features.feedback-doc.button-text":"Fikr-mulohaza qoldirish","features.feedback-doc.email-placeholder":"Sizning e-mailingizni qoldiring (ixtiyoriy)","features.feedback-doc.error-message":"Iltimos, keyinroq urinib ko\'ring.","features.feedback-doc.modal-title-error-403":"URL so\'rovi bu proyekt uchun PushFeedbackda ko\'rsatilgan URL bilan mos kelmadi.","features.feedback-doc.modal-title-error-404":"Biz PushFeedbackda berilgan proyekt identifikatorini topolmadik.","features.feedback-doc.message-placeholder":"Fikringizni shu yerga yozing\u2026","features.feedback-doc.modal-title":"Fikringizni ulashing","features.feedback-doc.modal-title-error":"Xatolik!","features.feedback-doc.modal-title-success":"Fikringiz uchun rahmat!","features.feedback-doc.rating-placeholder":"Ushbu sahifa foydali bo\'ldimi?","features.feedback-doc.rating-stars-placeholder":"Ushbu sahifani qanday baholay olasiz","features.feedback-doc.screenshot-button-text":"Ekran surati olish","features.feedback-doc.screenshot-topbar-text":"Sahifadagi elementni tanlang","features.feedback-doc.send-button-text":"Yuborish","features.hero.tagline":"Front-end loyihalari uchun arxitektura metodologiyasi","features.hero.get_started":"Tanishib chiqish","features.hero.examples":"Namunalar","features.hero.previous":"Oldingi versiya","shared.wip.title":"Maqola yozilish jarayonida","shared.wip.subtitle":"Uning yaratilishini tezlashtirish uchun siz:","shared.wip.var.feedback.base":"\ud83d\udce2 Fikr-mulohaza ulashing ","shared.wip.var.feedback.link":"chiptada (sharhlar/reaksiya emoji)","shared.wip.var.material.base":"\ud83d\udcac Mavzu boyicha to\'plamlarni chiptaga yig\'ish ","shared.wip.var.material.link":"suhbatdan olingan material","shared.wip.var.contribute.base":"\u2692\ufe0f Hissa qo\u2018shish ","shared.wip.var.contribute.link":"har qanday boshqa yo\'l bilan","theme.NotFound.title":"Sahifa topilmadi","theme.NotFound.p1":"Afsuski, siz hohlagan sahifa topilmadi","theme.NotFound.p2":"Iltimos, ushbu havolaga kirgan sayt egasiga havola ishlamayotganligi haqida xabar bering.","theme.AnnouncementBar.closeButtonAriaLabel":"Yopish","theme.blog.paginator.navAriaLabel":"Bloglar ro\u02bbyxati sahifalariga navigatsiya","theme.blog.paginator.newerEntries":"Keyingi yozmalar","theme.blog.paginator.olderEntries":"Oldingi yozmalar","theme.blog.post.readingTime.plurals":"{readingTime} min. o\'qish","theme.tags.tagsListLabel":"Teglar:","theme.blog.post.readMore":"Ko\'proq o\'qish","theme.blog.post.paginator.navAriaLabel":"Blog postlari sahifalarida navigatsiya","theme.blog.post.paginator.newerPost":"Keyingi post","theme.blog.post.paginator.olderPost":"Oldingi post","theme.tags.tagsPageTitle":"Teglar","theme.blog.post.plurals":"Bir post|{count} ta post","theme.blog.tagTitle":"{nPosts}  \\"{tagName}\\" bilan","theme.tags.tagsPageLink":"Hamma teglarni ko\'rish","theme.CodeBlock.copyButtonAriaLabel":"Buferga nusxalash","theme.CodeBlock.copied":"Nuxsalandi","theme.CodeBlock.copy":"Nusxalash","theme.docs.sidebar.expandButtonTitle":"Yon panelni kengaytirish","theme.docs.sidebar.expandButtonAriaLabel":"Yon panelni kengaytirish","theme.docs.paginator.navAriaLabel":"Hujjat sahifalarida navigatsiya","theme.docs.paginator.previous":"Oldingi sahifa","theme.docs.paginator.next":"Keyingi sahifa","theme.docs.sidebar.collapseButtonTitle":"Yon panelni yig\u2018ish","theme.docs.sidebar.collapseButtonAriaLabel":"Yon panelni yig\u2018ish","theme.docs.sidebar.responsiveCloseButtonLabel":"Menyuni yopish","theme.docs.sidebar.responsiveOpenButtonLabel":"Menyuni ochish","theme.docs.versions.unreleasedVersionLabel":"Bu {siteTitle} {versionLabel} ning kelajakdagi versiyasi uchun hujjatdir.","theme.docs.versions.unmaintainedVersionLabel":"Bu endi faol saqlanmaydigan {siteTitle} {versionLabel} uchun hujjatlar.","theme.docs.versions.latestVersionSuggestionLabel":"Eng yangi hujjatlar uchun {latestVersionLink} ({versionLabel}) ga qarang.","theme.docs.versions.latestVersionLinkLabel":"so\'ngi versiya","theme.common.editThisPage":"Sahifani tahrirlash","theme.common.headingLinkTitle":"Sarlavhaga to\'g\'ridan-to\'g\'ri havola","theme.lastUpdated.atDate":" {date}","theme.lastUpdated.byUser":" {user} dan","theme.lastUpdated.lastUpdatedAtBy":"Oxirgi yangilangan{atDate}{byUser}","theme.common.skipToMainContent":"Asosiy tarkibga o\'tish"}')},4054:e=>{"use strict";e.exports=JSON.parse('{"/uz/blog-2d9":{"__comp":"a6aa9e1f","__context":{"plugin":"36994c47"},"sidebar":"814f3328","items":[{"content":"25a0b29f"},{"content":"f6bb872e"}],"__props":"19277cce"},"/uz/blog/archive-d95":{"__comp":"9e4087bc","__context":{"plugin":"36994c47"},"__props":"b135d55d"},"/uz/blog/international-community-9b7":{"__comp":"ccc49370","__context":{"data":{"blogMetadata":"acecf23e"},"plugin":"36994c47"},"sidebar":"814f3328","content":"f6760343"},"/uz/blog/rebranding-stable-99b":{"__comp":"ccc49370","__context":{"data":{"blogMetadata":"acecf23e"},"plugin":"36994c47"},"sidebar":"814f3328","content":"1943626f"},"/uz/blog/tags-035":{"__comp":"01a85c17","__context":{"plugin":"36994c47"},"sidebar":"814f3328","__props":"087a1d0d"},"/uz/blog/tags/brand-b0d":{"__comp":"6875c492","__context":{"plugin":"36994c47"},"sidebar":"814f3328","items":[{"content":"f6bb872e"}],"__props":"43e8141f"},"/uz/blog/tags/community-627":{"__comp":"6875c492","__context":{"plugin":"36994c47"},"sidebar":"814f3328","items":[{"content":"25a0b29f"}],"__props":"6f9fce13"},"/uz/blog/tags/discord-c58":{"__comp":"6875c492","__context":{"plugin":"36994c47"},"sidebar":"814f3328","items":[{"content":"25a0b29f"}],"__props":"e58a523b"},"/uz/blog/tags/promo-905":{"__comp":"6875c492","__context":{"plugin":"36994c47"},"sidebar":"814f3328","items":[{"content":"25a0b29f"},{"content":"f6bb872e"}],"__props":"3dc6975d"},"/uz/examples-102":{"__comp":"b4c136e1","__context":{"plugin":"a7456010"},"config":"5e9f5e1a"},"/uz/nav-769":{"__comp":"f565db0c","__context":{"plugin":"a7456010"},"config":"5e9f5e1a"},"/uz/search-55f":{"__comp":"1a4e3797","__context":{"plugin":"c141421f"}},"/uz/versions-3d0":{"__comp":"90f695cb","__context":{"plugin":"a7456010"},"config":"5e9f5e1a"},"/uz/community-7a2":{"__comp":"5e95c892","__context":{"plugin":"e0719818"}},"/uz/community-ef5":{"__comp":"a7bd4aaa","__props":"963cad68"},"/uz/community-da5":{"__comp":"a94703ab"},"/uz/community-142":{"__comp":"17896441","content":"a61c55ce"},"/uz/community/team-27a":{"__comp":"17896441","content":"7313bf7a"},"/uz/docs-26f":{"__comp":"5e95c892","__context":{"plugin":"aba21aa0"}},"/uz/docs-ff0":{"__comp":"a7bd4aaa","__props":"43315e98"},"/uz/docs-da8":{"__comp":"a94703ab"},"/uz/docs-a9d":{"__comp":"17896441","content":"e3309638"},"/uz/docs/about-02b":{"__comp":"17896441","content":"c5666f39"},"/uz/docs/about/alternatives-b16":{"__comp":"17896441","content":"a386f730"},"/uz/docs/about/mission-29a":{"__comp":"17896441","content":"480f28a3"},"/uz/docs/about/motivation-d48":{"__comp":"17896441","content":"cb388a7b"},"/uz/docs/about/promote/for-company-fcd":{"__comp":"17896441","content":"c4d0faae"},"/uz/docs/about/promote/for-team-db4":{"__comp":"17896441","content":"8b5a42c3"},"/uz/docs/about/promote/integration-9f3":{"__comp":"17896441","content":"6636c8dc"},"/uz/docs/about/promote/partial-application-900":{"__comp":"17896441","content":"664a648d"},"/uz/docs/about/understanding/abstractions-9d9":{"__comp":"17896441","content":"e1c0d304"},"/uz/docs/about/understanding/architecture-05d":{"__comp":"17896441","content":"5187bed2"},"/uz/docs/about/understanding/knowledge-types-97b":{"__comp":"17896441","content":"e01c2047"},"/uz/docs/about/understanding/naming-759":{"__comp":"17896441","content":"49161156"},"/uz/docs/about/understanding/needs-driven-3ea":{"__comp":"17896441","content":"2f764a0f"},"/uz/docs/about/understanding/signals-a86":{"__comp":"17896441","content":"5bd61d3b"},"/uz/docs/branding-188":{"__comp":"17896441","content":"4044d4ea"},"/uz/docs/get-started-a45":{"__comp":"17896441","content":"d7baea7e"},"/uz/docs/get-started/cheatsheet-340":{"__comp":"17896441","content":"0499e362"},"/uz/docs/get-started/faq-ce9":{"__comp":"17896441","content":"ba8bb0f7"},"/uz/docs/get-started/overview-c78":{"__comp":"17896441","content":"066221cc"},"/uz/docs/get-started/tutorial-d79":{"__comp":"17896441","content":"857ae1bf"},"/uz/docs/guides-304":{"__comp":"17896441","content":"53f8e831"},"/uz/docs/guides/examples-0a1":{"__comp":"17896441","content":"d13cbfb8"},"/uz/docs/guides/examples/auth-d4f":{"__comp":"17896441","content":"8b93e59a"},"/uz/docs/guides/examples/autocompleted-799":{"__comp":"17896441","content":"9b83d7f4"},"/uz/docs/guides/examples/browser-api-a91":{"__comp":"17896441","content":"a1521a63"},"/uz/docs/guides/examples/cms-250":{"__comp":"17896441","content":"fe129f8e"},"/uz/docs/guides/examples/feedback-788":{"__comp":"17896441","content":"d999437a"},"/uz/docs/guides/examples/i18n-6e1":{"__comp":"17896441","content":"ed3dcfcb"},"/uz/docs/guides/examples/metric-e04":{"__comp":"17896441","content":"c0c6474c"},"/uz/docs/guides/examples/monorepo-7c0":{"__comp":"17896441","content":"dfe5ecdf"},"/uz/docs/guides/examples/page-layout-b15":{"__comp":"17896441","content":"55b0769a"},"/uz/docs/guides/examples/platforms-175":{"__comp":"17896441","content":"3121f8ae"},"/uz/docs/guides/examples/ssr-4e2":{"__comp":"17896441","content":"87e5c187"},"/uz/docs/guides/examples/theme-d5d":{"__comp":"17896441","content":"acaf5b8a"},"/uz/docs/guides/examples/types-837":{"__comp":"17896441","content":"66d3db7c"},"/uz/docs/guides/examples/white-labels-982":{"__comp":"17896441","content":"f2567325"},"/uz/docs/guides/issues/cross-imports-d54":{"__comp":"17896441","content":"8ce83ff6"},"/uz/docs/guides/issues/desegmented-0fc":{"__comp":"17896441","content":"5f7e5f34"},"/uz/docs/guides/issues/routes-bda":{"__comp":"17896441","content":"e1003eab"},"/uz/docs/guides/migration/from-custom-bd2":{"__comp":"17896441","content":"f2c174dc"},"/uz/docs/guides/migration/from-v1-248":{"__comp":"17896441","content":"8c1e6152"},"/uz/docs/guides/tech/with-nextjs-383":{"__comp":"17896441","content":"84a0dbae"},"/uz/docs/guides/tech/with-nuxtjs-64e":{"__comp":"17896441","content":"0a4ee302"},"/uz/docs/guides/tech/with-react-query-02d":{"__comp":"17896441","content":"370f8845"},"/uz/docs/guides/tech/with-sveltekit-849":{"__comp":"17896441","content":"e6bf8eb6"},"/uz/docs/reference-5e2":{"__comp":"17896441","content":"022a3ac7"},"/uz/docs/reference/isolation-29f":{"__comp":"17896441","content":"7a790ed0"},"/uz/docs/reference/isolation/coupling-cohesion-fa4":{"__comp":"17896441","content":"488b6464"},"/uz/docs/reference/isolation/decouple-entities-91c":{"__comp":"17896441","content":"590d98cc"},"/uz/docs/reference/layers-3d1":{"__comp":"17896441","content":"8651fb1e"},"/uz/docs/reference/public-api-995":{"__comp":"17896441","content":"3d2652fb"},"/uz/docs/reference/slices-segments-c61":{"__comp":"17896441","content":"350d1c3d"},"/uz/-baa":{"__comp":"1df93b7f","__context":{"plugin":"a7456010"},"config":"5e9f5e1a"}}')}},e=>{e.O(0,[1869],(()=>{return t=3096,e(e.s=t);var t}));e.O()}]);
\ No newline at end of file
+/*! For license information please see main.b67529a2.js.LICENSE.txt */
+(self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[]).push([[8792],{7781:(e,t,n)=>{"use strict";n.d(t,{Bc:()=>g,E8:()=>$n,a1:()=>qn});var r=n(758);n(8143);function o(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function a(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?o(Object(n),!0).forEach((function(t){i(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):o(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function i(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function s(){return s=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},s.apply(this,arguments)}function l(e,t){if(null==e)return{};var n,r,o=function(e,t){if(null==e)return{};var n,r,o={},a=Object.keys(e);for(r=0;r<a.length;r++)n=a[r],t.indexOf(n)>=0||(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(r=0;r<a.length;r++)n=a[r],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}function c(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,a=[],i=!0,s=!1;try{for(n=n.call(e);!(i=(r=n.next()).done)&&(a.push(r.value),!t||a.length!==t);i=!0);}catch(e){s=!0,o=e}finally{try{i||null==n.return||n.return()}finally{if(s)throw o}}return a}}(e,t)||d(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function u(e){return function(e){if(Array.isArray(e))return p(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||d(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function d(e,t){if(e){if("string"==typeof e)return p(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?p(e,t):void 0}}function p(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function f(){return r.createElement("svg",{width:"15",height:"15",className:"DocSearch-Control-Key-Icon"},r.createElement("path",{d:"M4.505 4.496h2M5.505 5.496v5M8.216 4.496l.055 5.993M10 7.5c.333.333.5.667.5 1v2M12.326 4.5v5.996M8.384 4.496c1.674 0 2.116 0 2.116 1.5s-.442 1.5-2.116 1.5M3.205 9.303c-.09.448-.277 1.21-1.241 1.203C1 10.5.5 9.513.5 8V7c0-1.57.5-2.5 1.464-2.494.964.006 1.134.598 1.24 1.342M12.553 10.5h1.953",strokeWidth:"1.2",stroke:"currentColor",fill:"none",strokeLinecap:"square"}))}function m(){return r.createElement("svg",{width:"20",height:"20",className:"DocSearch-Search-Icon",viewBox:"0 0 20 20","aria-hidden":"true"},r.createElement("path",{d:"M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z",stroke:"currentColor",fill:"none",fillRule:"evenodd",strokeLinecap:"round",strokeLinejoin:"round"}))}var h=["translations"],g=r.forwardRef((function(e,t){var n=e.translations,o=void 0===n?{}:n,a=l(e,h),i=o.buttonText,u=void 0===i?"Search":i,d=o.buttonAriaLabel,p=void 0===d?"Search":d,g=c((0,r.useState)(null),2),y=g[0],v=g[1];return(0,r.useEffect)((function(){"undefined"!=typeof navigator&&(/(Mac|iPhone|iPod|iPad)/i.test(navigator.platform)?v("\u2318"):v("Ctrl"))}),[]),r.createElement("button",s({type:"button",className:"DocSearch DocSearch-Button","aria-label":p},a,{ref:t}),r.createElement("span",{className:"DocSearch-Button-Container"},r.createElement(m,null),r.createElement("span",{className:"DocSearch-Button-Placeholder"},u)),r.createElement("span",{className:"DocSearch-Button-Keys"},null!==y&&r.createElement(r.Fragment,null,r.createElement(b,{reactsToKey:"Ctrl"===y?"Ctrl":"Meta"},"Ctrl"===y?r.createElement(f,null):y),r.createElement(b,{reactsToKey:"k"},"K"))))}));function b(e){var t=e.reactsToKey,n=e.children,o=c((0,r.useState)(!1),2),a=o[0],i=o[1];return(0,r.useEffect)((function(){if(t)return window.addEventListener("keydown",e),window.addEventListener("keyup",n),function(){window.removeEventListener("keydown",e),window.removeEventListener("keyup",n)};function e(e){e.key===t&&i(!0)}function n(e){e.key!==t&&"Meta"!==e.key||i(!1)}}),[t]),r.createElement("kbd",{className:a?"DocSearch-Button-Key DocSearch-Button-Key--pressed":"DocSearch-Button-Key"},n)}function y(e,t){var n=void 0;return function(){for(var r=arguments.length,o=new Array(r),a=0;a<r;a++)o[a]=arguments[a];n&&clearTimeout(n),n=setTimeout((function(){return e.apply(void 0,o)}),t)}}function v(e){return e.reduce((function(e,t){return e.concat(t)}),[])}var w=0;function k(e){return 0===e.collections.length?0:e.collections.reduce((function(e,t){return e+t.items.length}),0)}function S(e){return e!==Object(e)}function x(e,t){if(e===t)return!0;if(S(e)||S(t)||"function"==typeof e||"function"==typeof t)return e===t;if(Object.keys(e).length!==Object.keys(t).length)return!1;for(var n=0,r=Object.keys(e);n<r.length;n++){var o=r[n];if(!(o in t))return!1;if(!x(e[o],t[o]))return!1}return!0}var E=function(){},_=[{segment:"autocomplete-core",version:"1.9.3"}];function j(e){var t=e.item,n=e.items;return{index:t.__autocomplete_indexName,items:[t],positions:[1+n.findIndex((function(e){return e.objectID===t.objectID}))],queryID:t.__autocomplete_queryID,algoliaSource:["autocomplete"]}}function C(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}var O=["items"],A=["items"];function T(e){return T="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},T(e)}function P(e){return function(e){if(Array.isArray(e))return z(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||function(e,t){if(e){if("string"==typeof e)return z(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?z(e,t):void 0}}(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function z(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function I(e,t){if(null==e)return{};var n,r,o=function(e,t){if(null==e)return{};var n,r,o={},a=Object.keys(e);for(r=0;r<a.length;r++)n=a[r],t.indexOf(n)>=0||(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(r=0;r<a.length;r++)n=a[r],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}function L(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function N(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?L(Object(n),!0).forEach((function(t){R(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):L(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function R(e,t,n){return(t=function(e){var t=function(e){if("object"!==T(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var n=t.call(e,"string");if("object"!==T(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"===T(t)?t:String(t)}(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function D(e){return e.map((function(e){var t=e.items,n=I(e,O);return N(N({},n),{},{objectIDs:(null==t?void 0:t.map((function(e){return e.objectID})))||n.objectIDs})}))}function M(e){var t,n,r,o=(t=function(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,a,i,s=[],l=!0,c=!1;try{if(a=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;l=!1}else for(;!(l=(r=a.call(n)).done)&&(s.push(r.value),s.length!==t);l=!0);}catch(e){c=!0,o=e}finally{try{if(!l&&null!=n.return&&(i=n.return(),Object(i)!==i))return}finally{if(c)throw o}}return s}}(e,t)||function(e,t){if(e){if("string"==typeof e)return C(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?C(e,t):void 0}}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}((e.version||"").split(".").map(Number),2),n=t[0],r=t[1],n>=3||2===n&&r>=4||1===n&&r>=10);function a(t,n,r){if(o&&void 0!==r){var a=r[0].__autocomplete_algoliaCredentials,i={"X-Algolia-Application-Id":a.appId,"X-Algolia-API-Key":a.apiKey};e.apply(void 0,[t].concat(P(n),[{headers:i}]))}else e.apply(void 0,[t].concat(P(n)))}return{init:function(t,n){e("init",{appId:t,apiKey:n})},setUserToken:function(t){e("setUserToken",t)},clickedObjectIDsAfterSearch:function(){for(var e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];t.length>0&&a("clickedObjectIDsAfterSearch",D(t),t[0].items)},clickedObjectIDs:function(){for(var e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];t.length>0&&a("clickedObjectIDs",D(t),t[0].items)},clickedFilters:function(){for(var t=arguments.length,n=new Array(t),r=0;r<t;r++)n[r]=arguments[r];n.length>0&&e.apply(void 0,["clickedFilters"].concat(n))},convertedObjectIDsAfterSearch:function(){for(var e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];t.length>0&&a("convertedObjectIDsAfterSearch",D(t),t[0].items)},convertedObjectIDs:function(){for(var e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];t.length>0&&a("convertedObjectIDs",D(t),t[0].items)},convertedFilters:function(){for(var t=arguments.length,n=new Array(t),r=0;r<t;r++)n[r]=arguments[r];n.length>0&&e.apply(void 0,["convertedFilters"].concat(n))},viewedObjectIDs:function(){for(var e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];t.length>0&&t.reduce((function(e,t){var n=t.items,r=I(t,A);return[].concat(P(e),P(function(e){for(var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:20,n=[],r=0;r<e.objectIDs.length;r+=t)n.push(N(N({},e),{},{objectIDs:e.objectIDs.slice(r,r+t)}));return n}(N(N({},r),{},{objectIDs:(null==n?void 0:n.map((function(e){return e.objectID})))||r.objectIDs})).map((function(e){return{items:n,payload:e}}))))}),[]).forEach((function(e){var t=e.items;return a("viewedObjectIDs",[e.payload],t)}))},viewedFilters:function(){for(var t=arguments.length,n=new Array(t),r=0;r<t;r++)n[r]=arguments[r];n.length>0&&e.apply(void 0,["viewedFilters"].concat(n))}}}function F(e){var t=e.items.reduce((function(e,t){var n;return e[t.__autocomplete_indexName]=(null!==(n=e[t.__autocomplete_indexName])&&void 0!==n?n:[]).concat(t),e}),{});return Object.keys(t).map((function(e){return{index:e,items:t[e],algoliaSource:["autocomplete"]}}))}function B(e){return e.objectID&&e.__autocomplete_indexName&&e.__autocomplete_queryID}function U(e){return U="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},U(e)}function q(e){return function(e){if(Array.isArray(e))return $(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||function(e,t){if(e){if("string"==typeof e)return $(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?$(e,t):void 0}}(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function $(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function H(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function V(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?H(Object(n),!0).forEach((function(t){G(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):H(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function G(e,t,n){return(t=function(e){var t=function(e){if("object"!==U(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var n=t.call(e,"string");if("object"!==U(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"===U(t)?t:String(t)}(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var W="https://cdn.jsdelivr.net/npm/search-insights@".concat("2.6.0","/dist/search-insights.min.js"),K=y((function(e){var t=e.onItemsChange,n=e.items,r=e.insights,o=e.state;t({insights:r,insightsEvents:F({items:n}).map((function(e){return V({eventName:"Items Viewed"},e)})),state:o})}),400);function Q(e){var t=function(e){return V({onItemsChange:function(e){var t=e.insights,n=e.insightsEvents;t.viewedObjectIDs.apply(t,q(n.map((function(e){return V(V({},e),{},{algoliaSource:[].concat(q(e.algoliaSource||[]),["autocomplete-internal"])})}))))},onSelect:function(e){var t=e.insights,n=e.insightsEvents;t.clickedObjectIDsAfterSearch.apply(t,q(n.map((function(e){return V(V({},e),{},{algoliaSource:[].concat(q(e.algoliaSource||[]),["autocomplete-internal"])})}))))},onActive:E},e)}(e),n=t.insightsClient,r=t.onItemsChange,o=t.onSelect,a=t.onActive,i=n;n||"undefined"!=typeof window&&function(e){var t=e.window,n=t.AlgoliaAnalyticsObject||"aa";"string"==typeof n&&(i=t[n]),i||(t.AlgoliaAnalyticsObject=n,t[n]||(t[n]=function(){t[n].queue||(t[n].queue=[]);for(var e=arguments.length,r=new Array(e),o=0;o<e;o++)r[o]=arguments[o];t[n].queue.push(r)}),t[n].version="2.6.0",i=t[n],function(e){var t="[Autocomplete]: Could not load search-insights.js. Please load it manually following https://alg.li/insights-autocomplete";try{var n=e.document.createElement("script");n.async=!0,n.src=W,n.onerror=function(){console.error(t)},document.body.appendChild(n)}catch(e){console.error(t)}}(t))}({window:window});var s=M(i),l={current:[]},c=y((function(e){var t=e.state;if(t.isOpen){var n=t.collections.reduce((function(e,t){return[].concat(q(e),q(t.items))}),[]).filter(B);x(l.current.map((function(e){return e.objectID})),n.map((function(e){return e.objectID})))||(l.current=n,n.length>0&&K({onItemsChange:r,items:n,insights:s,state:t}))}}),0);return{name:"aa.algoliaInsightsPlugin",subscribe:function(e){var t=e.setContext,n=e.onSelect,r=e.onActive;i("addAlgoliaAgent","insights-plugin"),t({algoliaInsightsPlugin:{__algoliaSearchParameters:{clickAnalytics:!0},insights:s}}),n((function(e){var t=e.item,n=e.state,r=e.event;B(t)&&o({state:n,event:r,insights:s,item:t,insightsEvents:[V({eventName:"Item Selected"},j({item:t,items:l.current}))]})})),r((function(e){var t=e.item,n=e.state,r=e.event;B(t)&&a({state:n,event:r,insights:s,item:t,insightsEvents:[V({eventName:"Item Active"},j({item:t,items:l.current}))]})}))},onStateChange:function(e){var t=e.state;c({state:t})},__autocomplete_pluginOptions:e}}function Y(e,t){var n=t;return{then:function(t,r){return Y(e.then(J(t,n,e),J(r,n,e)),n)},catch:function(t){return Y(e.catch(J(t,n,e)),n)},finally:function(t){return t&&n.onCancelList.push(t),Y(e.finally(J(t&&function(){return n.onCancelList=[],t()},n,e)),n)},cancel:function(){n.isCanceled=!0;var e=n.onCancelList;n.onCancelList=[],e.forEach((function(e){e()}))},isCanceled:function(){return!0===n.isCanceled}}}function Z(e){return Y(e,{isCanceled:!1,onCancelList:[]})}function J(e,t,n){return e?function(n){return t.isCanceled?n:e(n)}:n}function X(e,t,n,r){if(!n)return null;if(e<0&&(null===t||null!==r&&0===t))return n+e;var o=(null===t?-1:t)+e;return o<=-1||o>=n?null===r?null:0:o}function ee(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function te(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?ee(Object(n),!0).forEach((function(t){ne(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):ee(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function ne(e,t,n){return(t=function(e){var t=function(e){if("object"!==re(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var n=t.call(e,"string");if("object"!==re(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"===re(t)?t:String(t)}(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function re(e){return re="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},re(e)}function oe(e){var t=function(e){var t=e.collections.map((function(e){return e.items.length})).reduce((function(e,t,n){var r=(e[n-1]||0)+t;return e.push(r),e}),[]).reduce((function(t,n){return n<=e.activeItemId?t+1:t}),0);return e.collections[t]}(e);if(!t)return null;var n=t.items[function(e){for(var t=e.state,n=e.collection,r=!1,o=0,a=0;!1===r;){var i=t.collections[o];if(i===n){r=!0;break}a+=i.items.length,o++}return t.activeItemId-a}({state:e,collection:t})],r=t.source;return{item:n,itemInputValue:r.getItemInputValue({item:n,state:e}),itemUrl:r.getItemUrl({item:n,state:e}),source:r}}var ae=/((gt|sm)-|galaxy nexus)|samsung[- ]|samsungbrowser/i;function ie(e){return ie="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},ie(e)}function se(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function le(e,t,n){return(t=function(e){var t=function(e){if("object"!==ie(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var n=t.call(e,"string");if("object"!==ie(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"===ie(t)?t:String(t)}(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function ce(e){return ce="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},ce(e)}function ue(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function de(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?ue(Object(n),!0).forEach((function(t){pe(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):ue(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function pe(e,t,n){return(t=function(e){var t=function(e){if("object"!==ce(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var n=t.call(e,"string");if("object"!==ce(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"===ce(t)?t:String(t)}(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function fe(e){return fe="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},fe(e)}function me(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function he(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function ge(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?he(Object(n),!0).forEach((function(t){be(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):he(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function be(e,t,n){return(t=function(e){var t=function(e){if("object"!==fe(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var n=t.call(e,"string");if("object"!==fe(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"===fe(t)?t:String(t)}(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function ye(e,t){var n,r="undefined"!=typeof window?window:{},o=e.plugins||[];return ge(ge({debug:!1,openOnFocus:!1,placeholder:"",autoFocus:!1,defaultActiveItemId:null,stallThreshold:300,insights:!1,environment:r,shouldPanelOpen:function(e){return k(e.state)>0},reshape:function(e){return e.sources}},e),{},{id:null!==(n=e.id)&&void 0!==n?n:"autocomplete-".concat(w++),plugins:o,initialState:ge({activeItemId:null,query:"",completion:null,collections:[],isOpen:!1,status:"idle",context:{}},e.initialState),onStateChange:function(t){var n;null===(n=e.onStateChange)||void 0===n||n.call(e,t),o.forEach((function(e){var n;return null===(n=e.onStateChange)||void 0===n?void 0:n.call(e,t)}))},onSubmit:function(t){var n;null===(n=e.onSubmit)||void 0===n||n.call(e,t),o.forEach((function(e){var n;return null===(n=e.onSubmit)||void 0===n?void 0:n.call(e,t)}))},onReset:function(t){var n;null===(n=e.onReset)||void 0===n||n.call(e,t),o.forEach((function(e){var n;return null===(n=e.onReset)||void 0===n?void 0:n.call(e,t)}))},getSources:function(n){return Promise.all([].concat(function(e){return function(e){if(Array.isArray(e))return me(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||function(e,t){if(e){if("string"==typeof e)return me(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?me(e,t):void 0}}(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}(o.map((function(e){return e.getSources}))),[e.getSources]).filter(Boolean).map((function(e){return function(e,t){var n=[];return Promise.resolve(e(t)).then((function(e){return Promise.all(e.filter((function(e){return Boolean(e)})).map((function(e){if(e.sourceId,n.includes(e.sourceId))throw new Error("[Autocomplete] The `sourceId` ".concat(JSON.stringify(e.sourceId)," is not unique."));n.push(e.sourceId);var t={getItemInputValue:function(e){return e.state.query},getItemUrl:function(){},onSelect:function(e){(0,e.setIsOpen)(!1)},onActive:E,onResolve:E};Object.keys(t).forEach((function(e){t[e].__default=!0}));var r=te(te({},t),e);return Promise.resolve(r)})))}))}(e,n)}))).then((function(e){return v(e)})).then((function(e){return e.map((function(e){return ge(ge({},e),{},{onSelect:function(n){e.onSelect(n),t.forEach((function(e){var t;return null===(t=e.onSelect)||void 0===t?void 0:t.call(e,n)}))},onActive:function(n){e.onActive(n),t.forEach((function(e){var t;return null===(t=e.onActive)||void 0===t?void 0:t.call(e,n)}))},onResolve:function(n){e.onResolve(n),t.forEach((function(e){var t;return null===(t=e.onResolve)||void 0===t?void 0:t.call(e,n)}))}})}))}))},navigator:ge({navigate:function(e){var t=e.itemUrl;r.location.assign(t)},navigateNewTab:function(e){var t=e.itemUrl,n=r.open(t,"_blank","noopener");null==n||n.focus()},navigateNewWindow:function(e){var t=e.itemUrl;r.open(t,"_blank","noopener")}},e.navigator)})}function ve(e){return ve="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},ve(e)}function we(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function ke(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?we(Object(n),!0).forEach((function(t){Se(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):we(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function Se(e,t,n){return(t=function(e){var t=function(e){if("object"!==ve(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var n=t.call(e,"string");if("object"!==ve(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"===ve(t)?t:String(t)}(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function xe(e){return xe="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},xe(e)}function Ee(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function _e(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?Ee(Object(n),!0).forEach((function(t){je(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Ee(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function je(e,t,n){return(t=function(e){var t=function(e){if("object"!==xe(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var n=t.call(e,"string");if("object"!==xe(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"===xe(t)?t:String(t)}(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function Ce(e){return function(e){if(Array.isArray(e))return Oe(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||function(e,t){if(e){if("string"==typeof e)return Oe(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?Oe(e,t):void 0}}(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function Oe(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function Ae(e){return Boolean(e.execute)}function Te(e){var t=e.reduce((function(e,t){if(!Ae(t))return e.push(t),e;var n=t.searchClient,r=t.execute,o=t.requesterId,a=t.requests,i=e.find((function(e){return Ae(t)&&Ae(e)&&e.searchClient===n&&Boolean(o)&&e.requesterId===o}));if(i){var s;(s=i.items).push.apply(s,Ce(a))}else{var l={execute:r,requesterId:o,items:a,searchClient:n};e.push(l)}return e}),[]).map((function(e){if(!Ae(e))return Promise.resolve(e);var t=e,n=t.execute,r=t.items;return n({searchClient:t.searchClient,requests:r})}));return Promise.all(t).then((function(e){return v(e)}))}function Pe(e){return Pe="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},Pe(e)}var ze=["event","nextState","props","query","refresh","store"];function Ie(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function Le(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?Ie(Object(n),!0).forEach((function(t){Ne(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Ie(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function Ne(e,t,n){return(t=function(e){var t=function(e){if("object"!==Pe(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var n=t.call(e,"string");if("object"!==Pe(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"===Pe(t)?t:String(t)}(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var Re,De,Me,Fe=null,Be=(Re=-1,De=-1,Me=void 0,function(e){var t=++Re;return Promise.resolve(e).then((function(e){return Me&&t<De?Me:(De=t,Me=e,e)}))});function Ue(e){var t=e.event,n=e.nextState,r=void 0===n?{}:n,o=e.props,a=e.query,i=e.refresh,s=e.store,l=function(e,t){if(null==e)return{};var n,r,o=function(e,t){if(null==e)return{};var n,r,o={},a=Object.keys(e);for(r=0;r<a.length;r++)n=a[r],t.indexOf(n)>=0||(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(r=0;r<a.length;r++)n=a[r],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}(e,ze);Fe&&o.environment.clearTimeout(Fe);var c=l.setCollections,u=l.setIsOpen,d=l.setQuery,p=l.setActiveItemId,f=l.setStatus;if(d(a),p(o.defaultActiveItemId),!a&&!1===o.openOnFocus){var m,h=s.getState().collections.map((function(e){return Le(Le({},e),{},{items:[]})}));f("idle"),c(h),u(null!==(m=r.isOpen)&&void 0!==m?m:o.shouldPanelOpen({state:s.getState()}));var g=Z(Be(h).then((function(){return Promise.resolve()})));return s.pendingRequests.add(g)}f("loading"),Fe=o.environment.setTimeout((function(){f("stalled")}),o.stallThreshold);var b=Z(Be(o.getSources(Le({query:a,refresh:i,state:s.getState()},l)).then((function(e){return Promise.all(e.map((function(e){return Promise.resolve(e.getItems(Le({query:a,refresh:i,state:s.getState()},l))).then((function(t){return function(e,t,n){if(o=e,Boolean(null==o?void 0:o.execute)){var r="algolia"===e.requesterId?Object.assign.apply(Object,[{}].concat(Ce(Object.keys(n.context).map((function(e){var t;return null===(t=n.context[e])||void 0===t?void 0:t.__algoliaSearchParameters}))))):{};return _e(_e({},e),{},{requests:e.queries.map((function(n){return{query:"algolia"===e.requesterId?_e(_e({},n),{},{params:_e(_e({},r),n.params)}):n,sourceId:t,transformResponse:e.transformResponse}}))})}var o;return{items:e,sourceId:t}}(t,e.sourceId,s.getState())}))}))).then(Te).then((function(t){return function(e,t,n){return t.map((function(t){var r,o=e.filter((function(e){return e.sourceId===t.sourceId})),a=o.map((function(e){return e.items})),i=o[0].transformResponse,s=i?i({results:r=a,hits:r.map((function(e){return e.hits})).filter(Boolean),facetHits:r.map((function(e){var t;return null===(t=e.facetHits)||void 0===t?void 0:t.map((function(e){return{label:e.value,count:e.count,_highlightResult:{label:{value:e.highlighted}}}}))})).filter(Boolean)}):a;return t.onResolve({source:t,results:a,items:s,state:n.getState()}),s.every(Boolean),'The `getItems` function from source "'.concat(t.sourceId,'" must return an array of items but returned ').concat(JSON.stringify(void 0),".\n\nDid you forget to return items?\n\nSee: https://www.algolia.com/doc/ui-libraries/autocomplete/core-concepts/sources/#param-getitems"),{source:t,items:s}}))}(t,e,s)})).then((function(e){return function(e){var t=e.props,n=e.state,r=e.collections.reduce((function(e,t){return ke(ke({},e),{},Se({},t.source.sourceId,ke(ke({},t.source),{},{getItems:function(){return v(t.items)}})))}),{}),o=t.plugins.reduce((function(e,t){return t.reshape?t.reshape(e):e}),{sourcesBySourceId:r,state:n}).sourcesBySourceId;return v(t.reshape({sourcesBySourceId:o,sources:Object.values(o),state:n})).filter(Boolean).map((function(e){return{source:e,items:e.getItems()}}))}({collections:e,props:o,state:s.getState()})}))})))).then((function(e){var n;f("idle"),c(e);var d=o.shouldPanelOpen({state:s.getState()});u(null!==(n=r.isOpen)&&void 0!==n?n:o.openOnFocus&&!a&&d||d);var p=oe(s.getState());if(null!==s.getState().activeItemId&&p){var m=p.item,h=p.itemInputValue,g=p.itemUrl,b=p.source;b.onActive(Le({event:t,item:m,itemInputValue:h,itemUrl:g,refresh:i,source:b,state:s.getState()},l))}})).finally((function(){f("idle"),Fe&&o.environment.clearTimeout(Fe)}));return s.pendingRequests.add(b)}function qe(e){return qe="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},qe(e)}var $e=["event","props","refresh","store"];function He(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function Ve(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?He(Object(n),!0).forEach((function(t){Ge(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):He(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function Ge(e,t,n){return(t=function(e){var t=function(e){if("object"!==qe(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var n=t.call(e,"string");if("object"!==qe(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"===qe(t)?t:String(t)}(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function We(e){return We="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},We(e)}var Ke=["props","refresh","store"],Qe=["inputElement","formElement","panelElement"],Ye=["inputElement"],Ze=["inputElement","maxLength"],Je=["sourceIndex"],Xe=["sourceIndex"],et=["item","source","sourceIndex"];function tt(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function nt(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?tt(Object(n),!0).forEach((function(t){rt(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):tt(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function rt(e,t,n){return(t=function(e){var t=function(e){if("object"!==We(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var n=t.call(e,"string");if("object"!==We(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"===We(t)?t:String(t)}(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function ot(e,t){if(null==e)return{};var n,r,o=function(e,t){if(null==e)return{};var n,r,o={},a=Object.keys(e);for(r=0;r<a.length;r++)n=a[r],t.indexOf(n)>=0||(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(r=0;r<a.length;r++)n=a[r],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}function at(e){var t=e.props,n=e.refresh,r=e.store,o=ot(e,Ke),a=function(e,t){return void 0!==t?"".concat(e,"-").concat(t):e};return{getEnvironmentProps:function(e){var n=e.inputElement,o=e.formElement,a=e.panelElement;function i(e){!r.getState().isOpen&&r.pendingRequests.isEmpty()||e.target===n||!1===[o,a].some((function(t){return(n=t)===(r=e.target)||n.contains(r);var n,r}))&&(r.dispatch("blur",null),t.debug||r.pendingRequests.cancelAll())}return nt({onTouchStart:i,onMouseDown:i,onTouchMove:function(e){!1!==r.getState().isOpen&&n===t.environment.document.activeElement&&e.target!==n&&n.blur()}},ot(e,Qe))},getRootProps:function(e){return nt({role:"combobox","aria-expanded":r.getState().isOpen,"aria-haspopup":"listbox","aria-owns":r.getState().isOpen?"".concat(t.id,"-list"):void 0,"aria-labelledby":"".concat(t.id,"-label")},e)},getFormProps:function(e){return e.inputElement,nt({action:"",noValidate:!0,role:"search",onSubmit:function(a){var i;a.preventDefault(),t.onSubmit(nt({event:a,refresh:n,state:r.getState()},o)),r.dispatch("submit",null),null===(i=e.inputElement)||void 0===i||i.blur()},onReset:function(a){var i;a.preventDefault(),t.onReset(nt({event:a,refresh:n,state:r.getState()},o)),r.dispatch("reset",null),null===(i=e.inputElement)||void 0===i||i.focus()}},ot(e,Ye))},getLabelProps:function(e){var n=e||{},r=n.sourceIndex,o=ot(n,Je);return nt({htmlFor:"".concat(a(t.id,r),"-input"),id:"".concat(a(t.id,r),"-label")},o)},getInputProps:function(e){var a;function i(e){(t.openOnFocus||Boolean(r.getState().query))&&Ue(nt({event:e,props:t,query:r.getState().completion||r.getState().query,refresh:n,store:r},o)),r.dispatch("focus",null)}var s=e||{},l=(s.inputElement,s.maxLength),c=void 0===l?512:l,u=ot(s,Ze),d=oe(r.getState()),p=function(e){return Boolean(e&&e.match(ae))}((null===(a=t.environment.navigator)||void 0===a?void 0:a.userAgent)||""),f=null!=d&&d.itemUrl&&!p?"go":"search";return nt({"aria-autocomplete":"both","aria-activedescendant":r.getState().isOpen&&null!==r.getState().activeItemId?"".concat(t.id,"-item-").concat(r.getState().activeItemId):void 0,"aria-controls":r.getState().isOpen?"".concat(t.id,"-list"):void 0,"aria-labelledby":"".concat(t.id,"-label"),value:r.getState().completion||r.getState().query,id:"".concat(t.id,"-input"),autoComplete:"off",autoCorrect:"off",autoCapitalize:"off",enterKeyHint:f,spellCheck:"false",autoFocus:t.autoFocus,placeholder:t.placeholder,maxLength:c,type:"search",onChange:function(e){Ue(nt({event:e,props:t,query:e.currentTarget.value.slice(0,c),refresh:n,store:r},o))},onKeyDown:function(e){!function(e){var t=e.event,n=e.props,r=e.refresh,o=e.store,a=function(e,t){if(null==e)return{};var n,r,o=function(e,t){if(null==e)return{};var n,r,o={},a=Object.keys(e);for(r=0;r<a.length;r++)n=a[r],t.indexOf(n)>=0||(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(r=0;r<a.length;r++)n=a[r],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}(e,$e);if("ArrowUp"===t.key||"ArrowDown"===t.key){var i=function(){var e=n.environment.document.getElementById("".concat(n.id,"-item-").concat(o.getState().activeItemId));e&&(e.scrollIntoViewIfNeeded?e.scrollIntoViewIfNeeded(!1):e.scrollIntoView(!1))},s=function(){var e=oe(o.getState());if(null!==o.getState().activeItemId&&e){var n=e.item,i=e.itemInputValue,s=e.itemUrl,l=e.source;l.onActive(Ve({event:t,item:n,itemInputValue:i,itemUrl:s,refresh:r,source:l,state:o.getState()},a))}};t.preventDefault(),!1===o.getState().isOpen&&(n.openOnFocus||Boolean(o.getState().query))?Ue(Ve({event:t,props:n,query:o.getState().query,refresh:r,store:o},a)).then((function(){o.dispatch(t.key,{nextActiveItemId:n.defaultActiveItemId}),s(),setTimeout(i,0)})):(o.dispatch(t.key,{}),s(),i())}else if("Escape"===t.key)t.preventDefault(),o.dispatch(t.key,null),o.pendingRequests.cancelAll();else if("Tab"===t.key)o.dispatch("blur",null),o.pendingRequests.cancelAll();else if("Enter"===t.key){if(null===o.getState().activeItemId||o.getState().collections.every((function(e){return 0===e.items.length})))return void(n.debug||o.pendingRequests.cancelAll());t.preventDefault();var l=oe(o.getState()),c=l.item,u=l.itemInputValue,d=l.itemUrl,p=l.source;if(t.metaKey||t.ctrlKey)void 0!==d&&(p.onSelect(Ve({event:t,item:c,itemInputValue:u,itemUrl:d,refresh:r,source:p,state:o.getState()},a)),n.navigator.navigateNewTab({itemUrl:d,item:c,state:o.getState()}));else if(t.shiftKey)void 0!==d&&(p.onSelect(Ve({event:t,item:c,itemInputValue:u,itemUrl:d,refresh:r,source:p,state:o.getState()},a)),n.navigator.navigateNewWindow({itemUrl:d,item:c,state:o.getState()}));else if(t.altKey);else{if(void 0!==d)return p.onSelect(Ve({event:t,item:c,itemInputValue:u,itemUrl:d,refresh:r,source:p,state:o.getState()},a)),void n.navigator.navigate({itemUrl:d,item:c,state:o.getState()});Ue(Ve({event:t,nextState:{isOpen:!1},props:n,query:u,refresh:r,store:o},a)).then((function(){p.onSelect(Ve({event:t,item:c,itemInputValue:u,itemUrl:d,refresh:r,source:p,state:o.getState()},a))}))}}}(nt({event:e,props:t,refresh:n,store:r},o))},onFocus:i,onBlur:E,onClick:function(n){e.inputElement!==t.environment.document.activeElement||r.getState().isOpen||i(n)}},u)},getPanelProps:function(e){return nt({onMouseDown:function(e){e.preventDefault()},onMouseLeave:function(){r.dispatch("mouseleave",null)}},e)},getListProps:function(e){var n=e||{},r=n.sourceIndex,o=ot(n,Xe);return nt({role:"listbox","aria-labelledby":"".concat(a(t.id,r),"-label"),id:"".concat(a(t.id,r),"-list")},o)},getItemProps:function(e){var i=e.item,s=e.source,l=e.sourceIndex,c=ot(e,et);return nt({id:"".concat(a(t.id,l),"-item-").concat(i.__autocomplete_id),role:"option","aria-selected":r.getState().activeItemId===i.__autocomplete_id,onMouseMove:function(e){if(i.__autocomplete_id!==r.getState().activeItemId){r.dispatch("mousemove",i.__autocomplete_id);var t=oe(r.getState());if(null!==r.getState().activeItemId&&t){var a=t.item,s=t.itemInputValue,l=t.itemUrl,c=t.source;c.onActive(nt({event:e,item:a,itemInputValue:s,itemUrl:l,refresh:n,source:c,state:r.getState()},o))}}},onMouseDown:function(e){e.preventDefault()},onClick:function(e){var a=s.getItemInputValue({item:i,state:r.getState()}),l=s.getItemUrl({item:i,state:r.getState()});(l?Promise.resolve():Ue(nt({event:e,nextState:{isOpen:!1},props:t,query:a,refresh:n,store:r},o))).then((function(){s.onSelect(nt({event:e,item:i,itemInputValue:a,itemUrl:l,refresh:n,source:s,state:r.getState()},o))}))}},c)}}}function it(e){return it="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},it(e)}function st(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function lt(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?st(Object(n),!0).forEach((function(t){ct(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):st(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function ct(e,t,n){return(t=function(e){var t=function(e){if("object"!==it(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var n=t.call(e,"string");if("object"!==it(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"===it(t)?t:String(t)}(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function ut(e){var t,n,r,o,a=e.plugins,i=e.options,s=null===(t=((null===(n=i.__autocomplete_metadata)||void 0===n?void 0:n.userAgents)||[])[0])||void 0===t?void 0:t.segment,l=s?ct({},s,Object.keys((null===(r=i.__autocomplete_metadata)||void 0===r?void 0:r.options)||{})):{};return{plugins:a.map((function(e){return{name:e.name,options:Object.keys(e.__autocomplete_pluginOptions||[])}})),options:lt({"autocomplete-core":Object.keys(i)},l),ua:_.concat((null===(o=i.__autocomplete_metadata)||void 0===o?void 0:o.userAgents)||[])}}function dt(e){var t,n=e.state;return!1===n.isOpen||null===n.activeItemId?null:(null===(t=oe(n))||void 0===t?void 0:t.itemInputValue)||null}function pt(e){return pt="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},pt(e)}function ft(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function mt(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?ft(Object(n),!0).forEach((function(t){ht(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):ft(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function ht(e,t,n){return(t=function(e){var t=function(e){if("object"!==pt(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var n=t.call(e,"string");if("object"!==pt(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"===pt(t)?t:String(t)}(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var gt=function(e,t){switch(t.type){case"setActiveItemId":case"mousemove":return mt(mt({},e),{},{activeItemId:t.payload});case"setQuery":return mt(mt({},e),{},{query:t.payload,completion:null});case"setCollections":return mt(mt({},e),{},{collections:t.payload});case"setIsOpen":return mt(mt({},e),{},{isOpen:t.payload});case"setStatus":return mt(mt({},e),{},{status:t.payload});case"setContext":return mt(mt({},e),{},{context:mt(mt({},e.context),t.payload)});case"ArrowDown":var n=mt(mt({},e),{},{activeItemId:t.payload.hasOwnProperty("nextActiveItemId")?t.payload.nextActiveItemId:X(1,e.activeItemId,k(e),t.props.defaultActiveItemId)});return mt(mt({},n),{},{completion:dt({state:n})});case"ArrowUp":var r=mt(mt({},e),{},{activeItemId:X(-1,e.activeItemId,k(e),t.props.defaultActiveItemId)});return mt(mt({},r),{},{completion:dt({state:r})});case"Escape":return e.isOpen?mt(mt({},e),{},{activeItemId:null,isOpen:!1,completion:null}):mt(mt({},e),{},{activeItemId:null,query:"",status:"idle",collections:[]});case"submit":return mt(mt({},e),{},{activeItemId:null,isOpen:!1,status:"idle"});case"reset":return mt(mt({},e),{},{activeItemId:!0===t.props.openOnFocus?t.props.defaultActiveItemId:null,status:"idle",query:""});case"focus":return mt(mt({},e),{},{activeItemId:t.props.defaultActiveItemId,isOpen:(t.props.openOnFocus||Boolean(e.query))&&t.props.shouldPanelOpen({state:e})});case"blur":return t.props.debug?e:mt(mt({},e),{},{isOpen:!1,activeItemId:null});case"mouseleave":return mt(mt({},e),{},{activeItemId:t.props.defaultActiveItemId});default:return"The reducer action ".concat(JSON.stringify(t.type)," is not supported."),e}};function bt(e){return bt="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},bt(e)}function yt(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function vt(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?yt(Object(n),!0).forEach((function(t){wt(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):yt(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function wt(e,t,n){return(t=function(e){var t=function(e){if("object"!==bt(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var n=t.call(e,"string");if("object"!==bt(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"===bt(t)?t:String(t)}(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function kt(e){var t=[],n=ye(e,t),r=function(e,t,n){var r,o=t.initialState;return{getState:function(){return o},dispatch:function(r,a){var i=function(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?se(Object(n),!0).forEach((function(t){le(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):se(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}({},o);o=e(o,{type:r,props:t,payload:a}),n({state:o,prevState:i})},pendingRequests:(r=[],{add:function(e){return r.push(e),e.finally((function(){r=r.filter((function(t){return t!==e}))}))},cancelAll:function(){r.forEach((function(e){return e.cancel()}))},isEmpty:function(){return 0===r.length}})}}(gt,n,(function(e){var t=e.prevState,r=e.state;n.onStateChange(vt({prevState:t,state:r,refresh:i,navigator:n.navigator},o))})),o=function(e){var t=e.store;return{setActiveItemId:function(e){t.dispatch("setActiveItemId",e)},setQuery:function(e){t.dispatch("setQuery",e)},setCollections:function(e){var n=0,r=e.map((function(e){return de(de({},e),{},{items:v(e.items).map((function(e){return de(de({},e),{},{__autocomplete_id:n++})}))})}));t.dispatch("setCollections",r)},setIsOpen:function(e){t.dispatch("setIsOpen",e)},setStatus:function(e){t.dispatch("setStatus",e)},setContext:function(e){t.dispatch("setContext",e)}}}({store:r}),a=at(vt({props:n,refresh:i,store:r,navigator:n.navigator},o));function i(){return Ue(vt({event:new Event("input"),nextState:{isOpen:r.getState().isOpen},props:n,navigator:n.navigator,query:r.getState().query,refresh:i,store:r},o))}if(e.insights&&!n.plugins.some((function(e){return"aa.algoliaInsightsPlugin"===e.name}))){var s="boolean"==typeof e.insights?{}:e.insights;n.plugins.push(Q(s))}return n.plugins.forEach((function(e){var r;return null===(r=e.subscribe)||void 0===r?void 0:r.call(e,vt(vt({},o),{},{navigator:n.navigator,refresh:i,onSelect:function(e){t.push({onSelect:e})},onActive:function(e){t.push({onActive:e})},onResolve:function(e){t.push({onResolve:e})}}))})),function(e){var t,n,r=e.metadata,o=e.environment;if(null===(t=o.navigator)||void 0===t||null===(n=t.userAgent)||void 0===n?void 0:n.includes("Algolia Crawler")){var a=o.document.createElement("meta"),i=o.document.querySelector("head");a.name="algolia:metadata",setTimeout((function(){a.content=JSON.stringify(r),i.appendChild(a)}),0)}}({metadata:ut({plugins:n.plugins,options:e}),environment:n.environment}),vt(vt({refresh:i,navigator:n.navigator},a),o)}function St(e){var t=e.translations,n=(void 0===t?{}:t).searchByText,o=void 0===n?"Search by":n;return r.createElement("a",{href:"https://www.algolia.com/ref/docsearch/?utm_source=".concat(window.location.hostname,"&utm_medium=referral&utm_content=powered_by&utm_campaign=docsearch"),target:"_blank",rel:"noopener noreferrer"},r.createElement("span",{className:"DocSearch-Label"},o),r.createElement("svg",{width:"77",height:"19","aria-label":"Algolia",role:"img",id:"Layer_1",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 2196.2 500"},r.createElement("defs",null,r.createElement("style",null,".cls-1,.cls-2{fill:#003dff;}.cls-2{fill-rule:evenodd;}")),r.createElement("path",{className:"cls-2",d:"M1070.38,275.3V5.91c0-3.63-3.24-6.39-6.82-5.83l-50.46,7.94c-2.87,.45-4.99,2.93-4.99,5.84l.17,273.22c0,12.92,0,92.7,95.97,95.49,3.33,.1,6.09-2.58,6.09-5.91v-40.78c0-2.96-2.19-5.51-5.12-5.84-34.85-4.01-34.85-47.57-34.85-54.72Z"}),r.createElement("rect",{className:"cls-1",x:"1845.88",y:"104.73",width:"62.58",height:"277.9",rx:"5.9",ry:"5.9"}),r.createElement("path",{className:"cls-2",d:"M1851.78,71.38h50.77c3.26,0,5.9-2.64,5.9-5.9V5.9c0-3.62-3.24-6.39-6.82-5.83l-50.77,7.95c-2.87,.45-4.99,2.92-4.99,5.83v51.62c0,3.26,2.64,5.9,5.9,5.9Z"}),r.createElement("path",{className:"cls-2",d:"M1764.03,275.3V5.91c0-3.63-3.24-6.39-6.82-5.83l-50.46,7.94c-2.87,.45-4.99,2.93-4.99,5.84l.17,273.22c0,12.92,0,92.7,95.97,95.49,3.33,.1,6.09-2.58,6.09-5.91v-40.78c0-2.96-2.19-5.51-5.12-5.84-34.85-4.01-34.85-47.57-34.85-54.72Z"}),r.createElement("path",{className:"cls-2",d:"M1631.95,142.72c-11.14-12.25-24.83-21.65-40.78-28.31-15.92-6.53-33.26-9.85-52.07-9.85-18.78,0-36.15,3.17-51.92,9.85-15.59,6.66-29.29,16.05-40.76,28.31-11.47,12.23-20.38,26.87-26.76,44.03-6.38,17.17-9.24,37.37-9.24,58.36,0,20.99,3.19,36.87,9.55,54.21,6.38,17.32,15.14,32.11,26.45,44.36,11.29,12.23,24.83,21.62,40.6,28.46,15.77,6.83,40.12,10.33,52.4,10.48,12.25,0,36.78-3.82,52.7-10.48,15.92-6.68,29.46-16.23,40.78-28.46,11.29-12.25,20.05-27.04,26.25-44.36,6.22-17.34,9.24-33.22,9.24-54.21,0-20.99-3.34-41.19-10.03-58.36-6.38-17.17-15.14-31.8-26.43-44.03Zm-44.43,163.75c-11.47,15.75-27.56,23.7-48.09,23.7-20.55,0-36.63-7.8-48.1-23.7-11.47-15.75-17.21-34.01-17.21-61.2,0-26.89,5.59-49.14,17.06-64.87,11.45-15.75,27.54-23.52,48.07-23.52,20.55,0,36.63,7.78,48.09,23.52,11.47,15.57,17.36,37.98,17.36,64.87,0,27.19-5.72,45.3-17.19,61.2Z"}),r.createElement("path",{className:"cls-2",d:"M894.42,104.73h-49.33c-48.36,0-90.91,25.48-115.75,64.1-14.52,22.58-22.99,49.63-22.99,78.73,0,44.89,20.13,84.92,51.59,111.1,2.93,2.6,6.05,4.98,9.31,7.14,12.86,8.49,28.11,13.47,44.52,13.47,1.23,0,2.46-.03,3.68-.09,.36-.02,.71-.05,1.07-.07,.87-.05,1.75-.11,2.62-.2,.34-.03,.68-.08,1.02-.12,.91-.1,1.82-.21,2.73-.34,.21-.03,.42-.07,.63-.1,32.89-5.07,61.56-30.82,70.9-62.81v57.83c0,3.26,2.64,5.9,5.9,5.9h50.42c3.26,0,5.9-2.64,5.9-5.9V110.63c0-3.26-2.64-5.9-5.9-5.9h-56.32Zm0,206.92c-12.2,10.16-27.97,13.98-44.84,15.12-.16,.01-.33,.03-.49,.04-1.12,.07-2.24,.1-3.36,.1-42.24,0-77.12-35.89-77.12-79.37,0-10.25,1.96-20.01,5.42-28.98,11.22-29.12,38.77-49.74,71.06-49.74h49.33v142.83Z"}),r.createElement("path",{className:"cls-2",d:"M2133.97,104.73h-49.33c-48.36,0-90.91,25.48-115.75,64.1-14.52,22.58-22.99,49.63-22.99,78.73,0,44.89,20.13,84.92,51.59,111.1,2.93,2.6,6.05,4.98,9.31,7.14,12.86,8.49,28.11,13.47,44.52,13.47,1.23,0,2.46-.03,3.68-.09,.36-.02,.71-.05,1.07-.07,.87-.05,1.75-.11,2.62-.2,.34-.03,.68-.08,1.02-.12,.91-.1,1.82-.21,2.73-.34,.21-.03,.42-.07,.63-.1,32.89-5.07,61.56-30.82,70.9-62.81v57.83c0,3.26,2.64,5.9,5.9,5.9h50.42c3.26,0,5.9-2.64,5.9-5.9V110.63c0-3.26-2.64-5.9-5.9-5.9h-56.32Zm0,206.92c-12.2,10.16-27.97,13.98-44.84,15.12-.16,.01-.33,.03-.49,.04-1.12,.07-2.24,.1-3.36,.1-42.24,0-77.12-35.89-77.12-79.37,0-10.25,1.96-20.01,5.42-28.98,11.22-29.12,38.77-49.74,71.06-49.74h49.33v142.83Z"}),r.createElement("path",{className:"cls-2",d:"M1314.05,104.73h-49.33c-48.36,0-90.91,25.48-115.75,64.1-11.79,18.34-19.6,39.64-22.11,62.59-.58,5.3-.88,10.68-.88,16.14s.31,11.15,.93,16.59c4.28,38.09,23.14,71.61,50.66,94.52,2.93,2.6,6.05,4.98,9.31,7.14,12.86,8.49,28.11,13.47,44.52,13.47h0c17.99,0,34.61-5.93,48.16-15.97,16.29-11.58,28.88-28.54,34.48-47.75v50.26h-.11v11.08c0,21.84-5.71,38.27-17.34,49.36-11.61,11.08-31.04,16.63-58.25,16.63-11.12,0-28.79-.59-46.6-2.41-2.83-.29-5.46,1.5-6.27,4.22l-12.78,43.11c-1.02,3.46,1.27,7.02,4.83,7.53,21.52,3.08,42.52,4.68,54.65,4.68,48.91,0,85.16-10.75,108.89-32.21,21.48-19.41,33.15-48.89,35.2-88.52V110.63c0-3.26-2.64-5.9-5.9-5.9h-56.32Zm0,64.1s.65,139.13,0,143.36c-12.08,9.77-27.11,13.59-43.49,14.7-.16,.01-.33,.03-.49,.04-1.12,.07-2.24,.1-3.36,.1-1.32,0-2.63-.03-3.94-.1-40.41-2.11-74.52-37.26-74.52-79.38,0-10.25,1.96-20.01,5.42-28.98,11.22-29.12,38.77-49.74,71.06-49.74h49.33Z"}),r.createElement("path",{className:"cls-1",d:"M249.83,0C113.3,0,2,110.09,.03,246.16c-2,138.19,110.12,252.7,248.33,253.5,42.68,.25,83.79-10.19,120.3-30.03,3.56-1.93,4.11-6.83,1.08-9.51l-23.38-20.72c-4.75-4.21-11.51-5.4-17.36-2.92-25.48,10.84-53.17,16.38-81.71,16.03-111.68-1.37-201.91-94.29-200.13-205.96,1.76-110.26,92-199.41,202.67-199.41h202.69V407.41l-115-102.18c-3.72-3.31-9.42-2.66-12.42,1.31-18.46,24.44-48.53,39.64-81.93,37.34-46.33-3.2-83.87-40.5-87.34-86.81-4.15-55.24,39.63-101.52,94-101.52,49.18,0,89.68,37.85,93.91,85.95,.38,4.28,2.31,8.27,5.52,11.12l29.95,26.55c3.4,3.01,8.79,1.17,9.63-3.3,2.16-11.55,2.92-23.58,2.07-35.92-4.82-70.34-61.8-126.93-132.17-131.26-80.68-4.97-148.13,58.14-150.27,137.25-2.09,77.1,61.08,143.56,138.19,145.26,32.19,.71,62.03-9.41,86.14-26.95l150.26,133.2c6.44,5.71,16.61,1.14,16.61-7.47V9.48C499.66,4.25,495.42,0,490.18,0H249.83Z"})))}function xt(e){return r.createElement("svg",{width:"15",height:"15","aria-label":e.ariaLabel,role:"img"},r.createElement("g",{fill:"none",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"1.2"},e.children))}function Et(e){var t=e.translations,n=void 0===t?{}:t,o=n.selectText,a=void 0===o?"to select":o,i=n.selectKeyAriaLabel,s=void 0===i?"Enter key":i,l=n.navigateText,c=void 0===l?"to navigate":l,u=n.navigateUpKeyAriaLabel,d=void 0===u?"Arrow up":u,p=n.navigateDownKeyAriaLabel,f=void 0===p?"Arrow down":p,m=n.closeText,h=void 0===m?"to close":m,g=n.closeKeyAriaLabel,b=void 0===g?"Escape key":g,y=n.searchByText,v=void 0===y?"Search by":y;return r.createElement(r.Fragment,null,r.createElement("div",{className:"DocSearch-Logo"},r.createElement(St,{translations:{searchByText:v}})),r.createElement("ul",{className:"DocSearch-Commands"},r.createElement("li",null,r.createElement("kbd",{className:"DocSearch-Commands-Key"},r.createElement(xt,{ariaLabel:s},r.createElement("path",{d:"M12 3.53088v3c0 1-1 2-2 2H4M7 11.53088l-3-3 3-3"}))),r.createElement("span",{className:"DocSearch-Label"},a)),r.createElement("li",null,r.createElement("kbd",{className:"DocSearch-Commands-Key"},r.createElement(xt,{ariaLabel:f},r.createElement("path",{d:"M7.5 3.5v8M10.5 8.5l-3 3-3-3"}))),r.createElement("kbd",{className:"DocSearch-Commands-Key"},r.createElement(xt,{ariaLabel:d},r.createElement("path",{d:"M7.5 11.5v-8M10.5 6.5l-3-3-3 3"}))),r.createElement("span",{className:"DocSearch-Label"},c)),r.createElement("li",null,r.createElement("kbd",{className:"DocSearch-Commands-Key"},r.createElement(xt,{ariaLabel:b},r.createElement("path",{d:"M13.6167 8.936c-.1065.3583-.6883.962-1.4875.962-.7993 0-1.653-.9165-1.653-2.1258v-.5678c0-1.2548.7896-2.1016 1.653-2.1016.8634 0 1.3601.4778 1.4875 1.0724M9 6c-.1352-.4735-.7506-.9219-1.46-.8972-.7092.0246-1.344.57-1.344 1.2166s.4198.8812 1.3445.9805C8.465 7.3992 8.968 7.9337 9 8.5c.032.5663-.454 1.398-1.4595 1.398C6.6593 9.898 6 9 5.963 8.4851m-1.4748.5368c-.2635.5941-.8099.876-1.5443.876s-1.7073-.6248-1.7073-2.204v-.4603c0-1.0416.721-2.131 1.7073-2.131.9864 0 1.6425 1.031 1.5443 2.2492h-2.956"}))),r.createElement("span",{className:"DocSearch-Label"},h))))}function _t(e){var t=e.hit,n=e.children;return r.createElement("a",{href:t.url},n)}function jt(){return r.createElement("svg",{viewBox:"0 0 38 38",stroke:"currentColor",strokeOpacity:".5"},r.createElement("g",{fill:"none",fillRule:"evenodd"},r.createElement("g",{transform:"translate(1 1)",strokeWidth:"2"},r.createElement("circle",{strokeOpacity:".3",cx:"18",cy:"18",r:"18"}),r.createElement("path",{d:"M36 18c0-9.94-8.06-18-18-18"},r.createElement("animateTransform",{attributeName:"transform",type:"rotate",from:"0 18 18",to:"360 18 18",dur:"1s",repeatCount:"indefinite"})))))}function Ct(){return r.createElement("svg",{width:"20",height:"20",viewBox:"0 0 20 20"},r.createElement("g",{stroke:"currentColor",fill:"none",fillRule:"evenodd",strokeLinecap:"round",strokeLinejoin:"round"},r.createElement("path",{d:"M3.18 6.6a8.23 8.23 0 1112.93 9.94h0a8.23 8.23 0 01-11.63 0"}),r.createElement("path",{d:"M6.44 7.25H2.55V3.36M10.45 6v5.6M10.45 11.6L13 13"})))}function Ot(){return r.createElement("svg",{width:"20",height:"20",viewBox:"0 0 20 20"},r.createElement("path",{d:"M10 10l5.09-5.09L10 10l5.09 5.09L10 10zm0 0L4.91 4.91 10 10l-5.09 5.09L10 10z",stroke:"currentColor",fill:"none",fillRule:"evenodd",strokeLinecap:"round",strokeLinejoin:"round"}))}function At(){return r.createElement("svg",{className:"DocSearch-Hit-Select-Icon",width:"20",height:"20",viewBox:"0 0 20 20"},r.createElement("g",{stroke:"currentColor",fill:"none",fillRule:"evenodd",strokeLinecap:"round",strokeLinejoin:"round"},r.createElement("path",{d:"M18 3v4c0 2-2 4-4 4H2"}),r.createElement("path",{d:"M8 17l-6-6 6-6"})))}var Tt=function(){return r.createElement("svg",{width:"20",height:"20",viewBox:"0 0 20 20"},r.createElement("path",{d:"M17 6v12c0 .52-.2 1-1 1H4c-.7 0-1-.33-1-1V2c0-.55.42-1 1-1h8l5 5zM14 8h-3.13c-.51 0-.87-.34-.87-.87V4",stroke:"currentColor",fill:"none",fillRule:"evenodd",strokeLinejoin:"round"}))};function Pt(e){switch(e.type){case"lvl1":return r.createElement(Tt,null);case"content":return r.createElement(It,null);default:return r.createElement(zt,null)}}function zt(){return r.createElement("svg",{width:"20",height:"20",viewBox:"0 0 20 20"},r.createElement("path",{d:"M13 13h4-4V8H7v5h6v4-4H7V8H3h4V3v5h6V3v5h4-4v5zm-6 0v4-4H3h4z",stroke:"currentColor",fill:"none",fillRule:"evenodd",strokeLinecap:"round",strokeLinejoin:"round"}))}function It(){return r.createElement("svg",{width:"20",height:"20",viewBox:"0 0 20 20"},r.createElement("path",{d:"M17 5H3h14zm0 5H3h14zm0 5H3h14z",stroke:"currentColor",fill:"none",fillRule:"evenodd",strokeLinejoin:"round"}))}function Lt(){return r.createElement("svg",{width:"20",height:"20",viewBox:"0 0 20 20"},r.createElement("path",{d:"M10 14.2L5 17l1-5.6-4-4 5.5-.7 2.5-5 2.5 5 5.6.8-4 4 .9 5.5z",stroke:"currentColor",fill:"none",fillRule:"evenodd",strokeLinejoin:"round"}))}function Nt(){return r.createElement("svg",{width:"40",height:"40",viewBox:"0 0 20 20",fill:"none",fillRule:"evenodd",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round"},r.createElement("path",{d:"M19 4.8a16 16 0 00-2-1.2m-3.3-1.2A16 16 0 001.1 4.7M16.7 8a12 12 0 00-2.8-1.4M10 6a12 12 0 00-6.7 2M12.3 14.7a4 4 0 00-4.5 0M14.5 11.4A8 8 0 0010 10M3 16L18 2M10 18h0"}))}function Rt(){return r.createElement("svg",{width:"40",height:"40",viewBox:"0 0 20 20",fill:"none",fillRule:"evenodd",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round"},r.createElement("path",{d:"M15.5 4.8c2 3 1.7 7-1 9.7h0l4.3 4.3-4.3-4.3a7.8 7.8 0 01-9.8 1m-2.2-2.2A7.8 7.8 0 0113.2 2.4M2 18L18 2"}))}function Dt(e){var t=e.translations,n=void 0===t?{}:t,o=n.titleText,a=void 0===o?"Unable to fetch results":o,i=n.helpText,s=void 0===i?"You might want to check your network connection.":i;return r.createElement("div",{className:"DocSearch-ErrorScreen"},r.createElement("div",{className:"DocSearch-Screen-Icon"},r.createElement(Nt,null)),r.createElement("p",{className:"DocSearch-Title"},a),r.createElement("p",{className:"DocSearch-Help"},s))}var Mt=["translations"];function Ft(e){var t=e.translations,n=void 0===t?{}:t,o=l(e,Mt),a=n.noResultsText,i=void 0===a?"No results for":a,s=n.suggestedQueryText,c=void 0===s?"Try searching for":s,d=n.reportMissingResultsText,p=void 0===d?"Believe this query should return results?":d,f=n.reportMissingResultsLinkText,m=void 0===f?"Let us know.":f,h=o.state.context.searchSuggestions;return r.createElement("div",{className:"DocSearch-NoResults"},r.createElement("div",{className:"DocSearch-Screen-Icon"},r.createElement(Rt,null)),r.createElement("p",{className:"DocSearch-Title"},i,' "',r.createElement("strong",null,o.state.query),'"'),h&&h.length>0&&r.createElement("div",{className:"DocSearch-NoResults-Prefill-List"},r.createElement("p",{className:"DocSearch-Help"},c,":"),r.createElement("ul",null,h.slice(0,3).reduce((function(e,t){return[].concat(u(e),[r.createElement("li",{key:t},r.createElement("button",{className:"DocSearch-Prefill",key:t,type:"button",onClick:function(){o.setQuery(t.toLowerCase()+" "),o.refresh(),o.inputRef.current.focus()}},t))])}),[]))),o.getMissingResultsUrl&&r.createElement("p",{className:"DocSearch-Help"},"".concat(p," "),r.createElement("a",{href:o.getMissingResultsUrl({query:o.state.query}),target:"_blank",rel:"noopener noreferrer"},m)))}var Bt=["hit","attribute","tagName"];function Ut(e,t){return t.split(".").reduce((function(e,t){return null!=e&&e[t]?e[t]:null}),e)}function qt(e){var t=e.hit,n=e.attribute,o=e.tagName,i=void 0===o?"span":o,s=l(e,Bt);return(0,r.createElement)(i,a(a({},s),{},{dangerouslySetInnerHTML:{__html:Ut(t,"_snippetResult.".concat(n,".value"))||Ut(t,n)}}))}function $t(e){return e.collection&&0!==e.collection.items.length?r.createElement("section",{className:"DocSearch-Hits"},r.createElement("div",{className:"DocSearch-Hit-source"},e.title),r.createElement("ul",e.getListProps(),e.collection.items.map((function(t,n){return r.createElement(Ht,s({key:[e.title,t.objectID].join(":"),item:t,index:n},e))})))):null}function Ht(e){var t=e.item,n=e.index,o=e.renderIcon,a=e.renderAction,i=e.getItemProps,l=e.onItemClick,u=e.collection,d=e.hitComponent,p=c(r.useState(!1),2),f=p[0],m=p[1],h=c(r.useState(!1),2),g=h[0],b=h[1],y=r.useRef(null),v=d;return r.createElement("li",s({className:["DocSearch-Hit",t.__docsearch_parent&&"DocSearch-Hit--Child",f&&"DocSearch-Hit--deleting",g&&"DocSearch-Hit--favoriting"].filter(Boolean).join(" "),onTransitionEnd:function(){y.current&&y.current()}},i({item:t,source:u.source,onClick:function(e){l(t,e)}})),r.createElement(v,{hit:t},r.createElement("div",{className:"DocSearch-Hit-Container"},o({item:t,index:n}),t.hierarchy[t.type]&&"lvl1"===t.type&&r.createElement("div",{className:"DocSearch-Hit-content-wrapper"},r.createElement(qt,{className:"DocSearch-Hit-title",hit:t,attribute:"hierarchy.lvl1"}),t.content&&r.createElement(qt,{className:"DocSearch-Hit-path",hit:t,attribute:"content"})),t.hierarchy[t.type]&&("lvl2"===t.type||"lvl3"===t.type||"lvl4"===t.type||"lvl5"===t.type||"lvl6"===t.type)&&r.createElement("div",{className:"DocSearch-Hit-content-wrapper"},r.createElement(qt,{className:"DocSearch-Hit-title",hit:t,attribute:"hierarchy.".concat(t.type)}),r.createElement(qt,{className:"DocSearch-Hit-path",hit:t,attribute:"hierarchy.lvl1"})),"content"===t.type&&r.createElement("div",{className:"DocSearch-Hit-content-wrapper"},r.createElement(qt,{className:"DocSearch-Hit-title",hit:t,attribute:"content"}),r.createElement(qt,{className:"DocSearch-Hit-path",hit:t,attribute:"hierarchy.lvl1"})),a({item:t,runDeleteTransition:function(e){m(!0),y.current=e},runFavoriteTransition:function(e){b(!0),y.current=e}}))))}function Vt(e,t,n){return e.reduce((function(e,r){var o=t(r);return e.hasOwnProperty(o)||(e[o]=[]),e[o].length<(n||5)&&e[o].push(r),e}),{})}function Gt(e){return e}function Wt(e){return 1===e.button||e.altKey||e.ctrlKey||e.metaKey||e.shiftKey}function Kt(){}var Qt=/(<mark>|<\/mark>)/g,Yt=RegExp(Qt.source);function Zt(e){var t,n,r=e;if(!r.__docsearch_parent&&!e._highlightResult)return e.hierarchy.lvl0;var o=r.__docsearch_parent?null===(t=r.__docsearch_parent)||void 0===t||null===(t=t._highlightResult)||void 0===t||null===(t=t.hierarchy)||void 0===t?void 0:t.lvl0:null===(n=e._highlightResult)||void 0===n||null===(n=n.hierarchy)||void 0===n?void 0:n.lvl0;return o?o.value&&Yt.test(o.value)?o.value.replace(Qt,""):o.value:e.hierarchy.lvl0}function Jt(e){return r.createElement("div",{className:"DocSearch-Dropdown-Container"},e.state.collections.map((function(t){if(0===t.items.length)return null;var n=Zt(t.items[0]);return r.createElement($t,s({},e,{key:t.source.sourceId,title:n,collection:t,renderIcon:function(e){var n,o=e.item,a=e.index;return r.createElement(r.Fragment,null,o.__docsearch_parent&&r.createElement("svg",{className:"DocSearch-Hit-Tree",viewBox:"0 0 24 54"},r.createElement("g",{stroke:"currentColor",fill:"none",fillRule:"evenodd",strokeLinecap:"round",strokeLinejoin:"round"},o.__docsearch_parent!==(null===(n=t.items[a+1])||void 0===n?void 0:n.__docsearch_parent)?r.createElement("path",{d:"M8 6v21M20 27H8.3"}):r.createElement("path",{d:"M8 6v42M20 27H8.3"}))),r.createElement("div",{className:"DocSearch-Hit-icon"},r.createElement(Pt,{type:o.type})))},renderAction:function(){return r.createElement("div",{className:"DocSearch-Hit-action"},r.createElement(At,null))}}))})),e.resultsFooterComponent&&r.createElement("section",{className:"DocSearch-HitsFooter"},r.createElement(e.resultsFooterComponent,{state:e.state})))}var Xt=["translations"];function en(e){var t=e.translations,n=void 0===t?{}:t,o=l(e,Xt),a=n.recentSearchesTitle,i=void 0===a?"Recent":a,c=n.noRecentSearchesText,u=void 0===c?"No recent searches":c,d=n.saveRecentSearchButtonTitle,p=void 0===d?"Save this search":d,f=n.removeRecentSearchButtonTitle,m=void 0===f?"Remove this search from history":f,h=n.favoriteSearchesTitle,g=void 0===h?"Favorite":h,b=n.removeFavoriteSearchButtonTitle,y=void 0===b?"Remove this search from favorites":b;return"idle"===o.state.status&&!1===o.hasCollections?o.disableUserPersonalization?null:r.createElement("div",{className:"DocSearch-StartScreen"},r.createElement("p",{className:"DocSearch-Help"},u)):!1===o.hasCollections?null:r.createElement("div",{className:"DocSearch-Dropdown-Container"},r.createElement($t,s({},o,{title:i,collection:o.state.collections[0],renderIcon:function(){return r.createElement("div",{className:"DocSearch-Hit-icon"},r.createElement(Ct,null))},renderAction:function(e){var t=e.item,n=e.runFavoriteTransition,a=e.runDeleteTransition;return r.createElement(r.Fragment,null,r.createElement("div",{className:"DocSearch-Hit-action"},r.createElement("button",{className:"DocSearch-Hit-action-button",title:p,type:"submit",onClick:function(e){e.preventDefault(),e.stopPropagation(),n((function(){o.favoriteSearches.add(t),o.recentSearches.remove(t),o.refresh()}))}},r.createElement(Lt,null))),r.createElement("div",{className:"DocSearch-Hit-action"},r.createElement("button",{className:"DocSearch-Hit-action-button",title:m,type:"submit",onClick:function(e){e.preventDefault(),e.stopPropagation(),a((function(){o.recentSearches.remove(t),o.refresh()}))}},r.createElement(Ot,null))))}})),r.createElement($t,s({},o,{title:g,collection:o.state.collections[1],renderIcon:function(){return r.createElement("div",{className:"DocSearch-Hit-icon"},r.createElement(Lt,null))},renderAction:function(e){var t=e.item,n=e.runDeleteTransition;return r.createElement("div",{className:"DocSearch-Hit-action"},r.createElement("button",{className:"DocSearch-Hit-action-button",title:y,type:"submit",onClick:function(e){e.preventDefault(),e.stopPropagation(),n((function(){o.favoriteSearches.remove(t),o.refresh()}))}},r.createElement(Ot,null)))}})))}var tn=["translations"],nn=r.memo((function(e){var t=e.translations,n=void 0===t?{}:t,o=l(e,tn);if("error"===o.state.status)return r.createElement(Dt,{translations:null==n?void 0:n.errorScreen});var a=o.state.collections.some((function(e){return e.items.length>0}));return o.state.query?!1===a?r.createElement(Ft,s({},o,{translations:null==n?void 0:n.noResultsScreen})):r.createElement(Jt,o):r.createElement(en,s({},o,{hasCollections:a,translations:null==n?void 0:n.startScreen}))}),(function(e,t){return"loading"===t.state.status||"stalled"===t.state.status})),rn=["translations"];function on(e){var t=e.translations,n=void 0===t?{}:t,o=l(e,rn),a=n.resetButtonTitle,i=void 0===a?"Clear the query":a,c=n.resetButtonAriaLabel,u=void 0===c?"Clear the query":c,d=n.cancelButtonText,p=void 0===d?"Cancel":d,f=n.cancelButtonAriaLabel,h=void 0===f?"Cancel":f,g=n.searchInputLabel,b=void 0===g?"Search":g,y=o.getFormProps({inputElement:o.inputRef.current}).onReset;return r.useEffect((function(){o.autoFocus&&o.inputRef.current&&o.inputRef.current.focus()}),[o.autoFocus,o.inputRef]),r.useEffect((function(){o.isFromSelection&&o.inputRef.current&&o.inputRef.current.select()}),[o.isFromSelection,o.inputRef]),r.createElement(r.Fragment,null,r.createElement("form",{className:"DocSearch-Form",onSubmit:function(e){e.preventDefault()},onReset:y},r.createElement("label",s({className:"DocSearch-MagnifierLabel"},o.getLabelProps()),r.createElement(m,null),r.createElement("span",{className:"DocSearch-VisuallyHiddenForAccessibility"},b)),r.createElement("div",{className:"DocSearch-LoadingIndicator"},r.createElement(jt,null)),r.createElement("input",s({className:"DocSearch-Input",ref:o.inputRef},o.getInputProps({inputElement:o.inputRef.current,autoFocus:o.autoFocus,maxLength:64}))),r.createElement("button",{type:"reset",title:i,className:"DocSearch-Reset","aria-label":u,hidden:!o.state.query},r.createElement(Ot,null))),r.createElement("button",{className:"DocSearch-Cancel",type:"reset","aria-label":h,onClick:o.onClose},p))}var an=["_highlightResult","_snippetResult"];function sn(e){var t=e.key,n=e.limit,r=void 0===n?5:n,o=function(e){return!1===function(){var e="__TEST_KEY__";try{return localStorage.setItem(e,""),localStorage.removeItem(e),!0}catch(e){return!1}}()?{setItem:function(){},getItem:function(){return[]}}:{setItem:function(t){return window.localStorage.setItem(e,JSON.stringify(t))},getItem:function(){var t=window.localStorage.getItem(e);return t?JSON.parse(t):[]}}}(t),a=o.getItem().slice(0,r);return{add:function(e){var t=e,n=(t._highlightResult,t._snippetResult,l(t,an)),i=a.findIndex((function(e){return e.objectID===n.objectID}));i>-1&&a.splice(i,1),a.unshift(n),a=a.slice(0,r),o.setItem(a)},remove:function(e){a=a.filter((function(t){return t.objectID!==e.objectID})),o.setItem(a)},getAll:function(){return a}}}function ln(e){const t=`algoliasearch-client-js-${e.key}`;let n;const r=()=>(void 0===n&&(n=e.localStorage||window.localStorage),n),o=()=>JSON.parse(r().getItem(t)||"{}"),a=e=>{r().setItem(t,JSON.stringify(e))};return{get:(t,n,r={miss:()=>Promise.resolve()})=>Promise.resolve().then((()=>{(()=>{const t=e.timeToLive?1e3*e.timeToLive:null,n=o(),r=Object.fromEntries(Object.entries(n).filter((([,e])=>void 0!==e.timestamp)));if(a(r),!t)return;const i=Object.fromEntries(Object.entries(r).filter((([,e])=>{const n=(new Date).getTime();return!(e.timestamp+t<n)})));a(i)})();const n=JSON.stringify(t);return o()[n]})).then((e=>Promise.all([e?e.value:n(),void 0!==e]))).then((([e,t])=>Promise.all([e,t||r.miss(e)]))).then((([e])=>e)),set:(e,n)=>Promise.resolve().then((()=>{const a=o();return a[JSON.stringify(e)]={timestamp:(new Date).getTime(),value:n},r().setItem(t,JSON.stringify(a)),n})),delete:e=>Promise.resolve().then((()=>{const n=o();delete n[JSON.stringify(e)],r().setItem(t,JSON.stringify(n))})),clear:()=>Promise.resolve().then((()=>{r().removeItem(t)}))}}function cn(e){const t=[...e.caches],n=t.shift();return void 0===n?{get:(e,t,n={miss:()=>Promise.resolve()})=>t().then((e=>Promise.all([e,n.miss(e)]))).then((([e])=>e)),set:(e,t)=>Promise.resolve(t),delete:e=>Promise.resolve(),clear:()=>Promise.resolve()}:{get:(e,r,o={miss:()=>Promise.resolve()})=>n.get(e,r,o).catch((()=>cn({caches:t}).get(e,r,o))),set:(e,r)=>n.set(e,r).catch((()=>cn({caches:t}).set(e,r))),delete:e=>n.delete(e).catch((()=>cn({caches:t}).delete(e))),clear:()=>n.clear().catch((()=>cn({caches:t}).clear()))}}function un(e={serializable:!0}){let t={};return{get(n,r,o={miss:()=>Promise.resolve()}){const a=JSON.stringify(n);if(a in t)return Promise.resolve(e.serializable?JSON.parse(t[a]):t[a]);const i=r(),s=o&&o.miss||(()=>Promise.resolve());return i.then((e=>s(e))).then((()=>i))},set:(n,r)=>(t[JSON.stringify(n)]=e.serializable?JSON.stringify(r):r,Promise.resolve(r)),delete:e=>(delete t[JSON.stringify(e)],Promise.resolve()),clear:()=>(t={},Promise.resolve())}}function dn(e){let t=e.length-1;for(;t>0;t--){const n=Math.floor(Math.random()*(t+1)),r=e[t];e[t]=e[n],e[n]=r}return e}function pn(e,t){return t?(Object.keys(t).forEach((n=>{e[n]=t[n](e)})),e):e}function fn(e,...t){let n=0;return e.replace(/%s/g,(()=>encodeURIComponent(t[n++])))}const mn={WithinQueryParameters:0,WithinHeaders:1};function hn(e,t){const n=e||{},r=n.data||{};return Object.keys(n).forEach((e=>{-1===["timeout","headers","queryParameters","data","cacheable"].indexOf(e)&&(r[e]=n[e])})),{data:Object.entries(r).length>0?r:void 0,timeout:n.timeout||t,headers:n.headers||{},queryParameters:n.queryParameters||{},cacheable:n.cacheable}}const gn={Read:1,Write:2,Any:3},bn=1,yn=3;function vn(e,t=bn){return{...e,status:t,lastUpdate:Date.now()}}function wn(e){return"string"==typeof e?{protocol:"https",url:e,accept:gn.Any}:{protocol:e.protocol||"https",url:e.url,accept:e.accept||gn.Any}}const kn="GET",Sn="POST";function xn(e,t,n,r){const o=[],a=function(e,t){if(e.method===kn||void 0===e.data&&void 0===t.data)return;const n=Array.isArray(e.data)?e.data:{...e.data,...t.data};return JSON.stringify(n)}(n,r),i=function(e,t){const n={...e.headers,...t.headers},r={};return Object.keys(n).forEach((e=>{const t=n[e];r[e.toLowerCase()]=t})),r}(e,r),s=n.method,l=n.method!==kn?{}:{...n.data,...r.data},c={"x-algolia-agent":e.userAgent.value,...e.queryParameters,...l,...r.queryParameters};let u=0;const d=(t,l)=>{const p=t.pop();if(void 0===p)throw{name:"RetryError",message:"Unreachable hosts - your application id may be incorrect. If the error persists, contact support@algolia.com.",transporterStackTrace:Cn(o)};const f={data:a,headers:i,method:s,url:_n(p,n.path,c),connectTimeout:l(u,e.timeouts.connect),responseTimeout:l(u,r.timeout)},m=e=>{const n={request:f,response:e,host:p,triesLeft:t.length};return o.push(n),n},h={onSuccess:e=>function(e){try{return JSON.parse(e.content)}catch(t){throw function(e,t){return{name:"DeserializationError",message:e,response:t}}(t.message,e)}}(e),onRetry(n){const r=m(n);return n.isTimedOut&&u++,Promise.all([e.logger.info("Retryable failure",On(r)),e.hostsCache.set(p,vn(p,n.isTimedOut?yn:2))]).then((()=>d(t,l)))},onFail(e){throw m(e),function({content:e,status:t},n){let r=e;try{r=JSON.parse(e).message}catch(e){}return function(e,t,n){return{name:"ApiError",message:e,status:t,transporterStackTrace:n}}(r,t,n)}(e,Cn(o))}};return e.requester.send(f).then((e=>((e,t)=>(e=>{const t=e.status;return e.isTimedOut||(({isTimedOut:e,status:t})=>!e&&!~~t)(e)||2!=~~(t/100)&&4!=~~(t/100)})(e)?t.onRetry(e):(({status:e})=>2==~~(e/100))(e)?t.onSuccess(e):t.onFail(e))(e,h)))};return function(e,t){return Promise.all(t.map((t=>e.get(t,(()=>Promise.resolve(vn(t))))))).then((e=>{const n=e.filter((e=>function(e){return e.status===bn||Date.now()-e.lastUpdate>12e4}(e))),r=e.filter((e=>function(e){return e.status===yn&&Date.now()-e.lastUpdate<=12e4}(e))),o=[...n,...r];return{getTimeout:(e,t)=>(0===r.length&&0===e?1:r.length+3+e)*t,statelessHosts:o.length>0?o.map((e=>wn(e))):t}}))}(e.hostsCache,t).then((e=>d([...e.statelessHosts].reverse(),e.getTimeout)))}function En(e){const t={value:`Algolia for JavaScript (${e})`,add(e){const n=`; ${e.segment}${void 0!==e.version?` (${e.version})`:""}`;return-1===t.value.indexOf(n)&&(t.value=`${t.value}${n}`),t}};return t}function _n(e,t,n){const r=jn(n);let o=`${e.protocol}://${e.url}/${"/"===t.charAt(0)?t.substr(1):t}`;return r.length&&(o+=`?${r}`),o}function jn(e){return Object.keys(e).map((t=>{return fn("%s=%s",t,(n=e[t],"[object Object]"===Object.prototype.toString.call(n)||"[object Array]"===Object.prototype.toString.call(n)?JSON.stringify(e[t]):e[t]));var n})).join("&")}function Cn(e){return e.map((e=>On(e)))}function On(e){const t=e.request.headers["x-algolia-api-key"]?{"x-algolia-api-key":"*****"}:{};return{...e,request:{...e.request,headers:{...e.request.headers,...t}}}}const An=e=>{const t=e.appId,n=function(e,t,n){const r={"x-algolia-api-key":n,"x-algolia-application-id":t};return{headers:()=>e===mn.WithinHeaders?r:{},queryParameters:()=>e===mn.WithinQueryParameters?r:{}}}(void 0!==e.authMode?e.authMode:mn.WithinHeaders,t,e.apiKey),r=function(e){const{hostsCache:t,logger:n,requester:r,requestsCache:o,responsesCache:a,timeouts:i,userAgent:s,hosts:l,queryParameters:c,headers:u}=e,d={hostsCache:t,logger:n,requester:r,requestsCache:o,responsesCache:a,timeouts:i,userAgent:s,headers:u,queryParameters:c,hosts:l.map((e=>wn(e))),read(e,t){const n=hn(t,d.timeouts.read),r=()=>xn(d,d.hosts.filter((e=>!!(e.accept&gn.Read))),e,n);if(!0!==(void 0!==n.cacheable?n.cacheable:e.cacheable))return r();const o={request:e,mappedRequestOptions:n,transporter:{queryParameters:d.queryParameters,headers:d.headers}};return d.responsesCache.get(o,(()=>d.requestsCache.get(o,(()=>d.requestsCache.set(o,r()).then((e=>Promise.all([d.requestsCache.delete(o),e])),(e=>Promise.all([d.requestsCache.delete(o),Promise.reject(e)]))).then((([e,t])=>t))))),{miss:e=>d.responsesCache.set(o,e)})},write:(e,t)=>xn(d,d.hosts.filter((e=>!!(e.accept&gn.Write))),e,hn(t,d.timeouts.write))};return d}({hosts:[{url:`${t}-dsn.algolia.net`,accept:gn.Read},{url:`${t}.algolia.net`,accept:gn.Write}].concat(dn([{url:`${t}-1.algolianet.com`},{url:`${t}-2.algolianet.com`},{url:`${t}-3.algolianet.com`}])),...e,headers:{...n.headers(),"content-type":"application/x-www-form-urlencoded",...e.headers},queryParameters:{...n.queryParameters(),...e.queryParameters}}),o={transporter:r,appId:t,addAlgoliaAgent(e,t){r.userAgent.add({segment:e,version:t})},clearCache:()=>Promise.all([r.requestsCache.clear(),r.responsesCache.clear()]).then((()=>{}))};return pn(o,e.methods)},Tn=e=>(t,n)=>t.method===kn?e.transporter.read(t,n):e.transporter.write(t,n),Pn=e=>(t,n={})=>pn({transporter:e.transporter,appId:e.appId,indexName:t},n.methods),zn=e=>(t,n)=>{const r=t.map((e=>({...e,params:jn(e.params||{})})));return e.transporter.read({method:Sn,path:"1/indexes/*/queries",data:{requests:r},cacheable:!0},n)},In=e=>(t,n)=>Promise.all(t.map((t=>{const{facetName:r,facetQuery:o,...a}=t.params;return Pn(e)(t.indexName,{methods:{searchForFacetValues:Rn}}).searchForFacetValues(r,o,{...n,...a})}))),Ln=e=>(t,n,r)=>e.transporter.read({method:Sn,path:fn("1/answers/%s/prediction",e.indexName),data:{query:t,queryLanguages:n},cacheable:!0},r),Nn=e=>(t,n)=>e.transporter.read({method:Sn,path:fn("1/indexes/%s/query",e.indexName),data:{query:t},cacheable:!0},n),Rn=e=>(t,n,r)=>e.transporter.read({method:Sn,path:fn("1/indexes/%s/facets/%s/query",e.indexName,t),data:{facetQuery:n},cacheable:!0},r),Dn=1,Mn=2,Fn=3;function Bn(e,t,n){const r={appId:e,apiKey:t,timeouts:{connect:1,read:2,write:30},requester:{send:e=>new Promise((t=>{const n=new XMLHttpRequest;n.open(e.method,e.url,!0),Object.keys(e.headers).forEach((t=>n.setRequestHeader(t,e.headers[t])));const r=(e,r)=>setTimeout((()=>{n.abort(),t({status:0,content:r,isTimedOut:!0})}),1e3*e),o=r(e.connectTimeout,"Connection timeout");let a;n.onreadystatechange=()=>{n.readyState>n.OPENED&&void 0===a&&(clearTimeout(o),a=r(e.responseTimeout,"Socket timeout"))},n.onerror=()=>{0===n.status&&(clearTimeout(o),clearTimeout(a),t({content:n.responseText||"Network request failed",status:n.status,isTimedOut:!1}))},n.onload=()=>{clearTimeout(o),clearTimeout(a),t({content:n.responseText,status:n.status,isTimedOut:!1})},n.send(e.data)}))},logger:(o=Fn,{debug:(e,t)=>(Dn>=o&&console.debug(e,t),Promise.resolve()),info:(e,t)=>(Mn>=o&&console.info(e,t),Promise.resolve()),error:(e,t)=>(console.error(e,t),Promise.resolve())}),responsesCache:un(),requestsCache:un({serializable:!1}),hostsCache:cn({caches:[ln({key:`4.19.1-${e}`}),un()]}),userAgent:En("4.19.1").add({segment:"Browser",version:"lite"}),authMode:mn.WithinQueryParameters};var o;return An({...r,...n,methods:{search:zn,searchForFacetValues:In,multipleQueries:zn,multipleSearchForFacetValues:In,customRequest:Tn,initIndex:e=>t=>Pn(e)(t,{methods:{search:Nn,searchForFacetValues:Rn,findAnswers:Ln}})}})}Bn.version="4.19.1";var Un=["footer","searchBox"];function qn(e){var t=e.appId,n=e.apiKey,o=e.indexName,i=e.placeholder,u=void 0===i?"Search docs":i,d=e.searchParameters,p=e.maxResultsPerGroup,f=e.onClose,m=void 0===f?Kt:f,h=e.transformItems,g=void 0===h?Gt:h,b=e.hitComponent,y=void 0===b?_t:b,v=e.resultsFooterComponent,w=void 0===v?function(){return null}:v,k=e.navigator,S=e.initialScrollY,x=void 0===S?0:S,E=e.transformSearchClient,_=void 0===E?Gt:E,j=e.disableUserPersonalization,C=void 0!==j&&j,O=e.initialQuery,A=void 0===O?"":O,T=e.translations,P=void 0===T?{}:T,z=e.getMissingResultsUrl,I=e.insights,L=void 0!==I&&I,N=P.footer,R=P.searchBox,D=l(P,Un),M=c(r.useState({query:"",collections:[],completion:null,context:{},isOpen:!1,activeItemId:null,status:"idle"}),2),F=M[0],B=M[1],U=r.useRef(null),q=r.useRef(null),$=r.useRef(null),H=r.useRef(null),V=r.useRef(null),G=r.useRef(10),W=r.useRef("undefined"!=typeof window?window.getSelection().toString().slice(0,64):"").current,K=r.useRef(A||W).current,Q=function(e,t,n){return r.useMemo((function(){var r=Bn(e,t);return r.addAlgoliaAgent("docsearch","3.6.2"),!1===/docsearch.js \(.*\)/.test(r.transporter.userAgent.value)&&r.addAlgoliaAgent("docsearch-react","3.6.2"),n(r)}),[e,t,n])}(t,n,_),Y=r.useRef(sn({key:"__DOCSEARCH_FAVORITE_SEARCHES__".concat(o),limit:10})).current,Z=r.useRef(sn({key:"__DOCSEARCH_RECENT_SEARCHES__".concat(o),limit:0===Y.getAll().length?7:4})).current,J=r.useCallback((function(e){if(!C){var t="content"===e.type?e.__docsearch_parent:e;t&&-1===Y.getAll().findIndex((function(e){return e.objectID===t.objectID}))&&Z.add(t)}}),[Y,Z,C]),X=r.useCallback((function(e){if(F.context.algoliaInsightsPlugin&&e.__autocomplete_id){var t=e,n={eventName:"Item Selected",index:t.__autocomplete_indexName,items:[t],positions:[e.__autocomplete_id],queryID:t.__autocomplete_queryID};F.context.algoliaInsightsPlugin.insights.clickedObjectIDsAfterSearch(n)}}),[F.context.algoliaInsightsPlugin]),ee=r.useMemo((function(){return kt({id:"docsearch",defaultActiveItemId:0,placeholder:u,openOnFocus:!0,initialState:{query:K,context:{searchSuggestions:[]}},insights:L,navigator:k,onStateChange:function(e){B(e.state)},getSources:function(e){var r=e.query,i=e.state,s=e.setContext,l=e.setStatus;if(!r)return C?[]:[{sourceId:"recentSearches",onSelect:function(e){var t=e.item,n=e.event;J(t),Wt(n)||m()},getItemUrl:function(e){return e.item.url},getItems:function(){return Z.getAll()}},{sourceId:"favoriteSearches",onSelect:function(e){var t=e.item,n=e.event;J(t),Wt(n)||m()},getItemUrl:function(e){return e.item.url},getItems:function(){return Y.getAll()}}];var c=Boolean(L);return Q.search([{query:r,indexName:o,params:a({attributesToRetrieve:["hierarchy.lvl0","hierarchy.lvl1","hierarchy.lvl2","hierarchy.lvl3","hierarchy.lvl4","hierarchy.lvl5","hierarchy.lvl6","content","type","url"],attributesToSnippet:["hierarchy.lvl1:".concat(G.current),"hierarchy.lvl2:".concat(G.current),"hierarchy.lvl3:".concat(G.current),"hierarchy.lvl4:".concat(G.current),"hierarchy.lvl5:".concat(G.current),"hierarchy.lvl6:".concat(G.current),"content:".concat(G.current)],snippetEllipsisText:"\u2026",highlightPreTag:"<mark>",highlightPostTag:"</mark>",hitsPerPage:20,clickAnalytics:c},d)}]).catch((function(e){throw"RetryError"===e.name&&l("error"),e})).then((function(e){var r=e.results[0],l=r.hits,u=r.nbHits,d=Vt(l,(function(e){return Zt(e)}),p);i.context.searchSuggestions.length<Object.keys(d).length&&s({searchSuggestions:Object.keys(d)}),s({nbHits:u});var f={};return c&&(f={__autocomplete_indexName:o,__autocomplete_queryID:r.queryID,__autocomplete_algoliaCredentials:{appId:t,apiKey:n}}),Object.values(d).map((function(e,t){return{sourceId:"hits".concat(t),onSelect:function(e){var t=e.item,n=e.event;J(t),Wt(n)||m()},getItemUrl:function(e){return e.item.url},getItems:function(){return Object.values(Vt(e,(function(e){return e.hierarchy.lvl1}),p)).map(g).map((function(e){return e.map((function(t){var n=null,r=e.find((function(e){return"lvl1"===e.type&&e.hierarchy.lvl1===t.hierarchy.lvl1}));return"lvl1"!==t.type&&r&&(n=r),a(a({},t),{},{__docsearch_parent:n},f)}))})).flat()}}}))}))}})}),[o,d,p,Q,m,Z,Y,J,K,u,k,g,C,L,t,n]),te=ee.getEnvironmentProps,ne=ee.getRootProps,re=ee.refresh;return function(e){var t=e.getEnvironmentProps,n=e.panelElement,o=e.formElement,a=e.inputElement;r.useEffect((function(){if(n&&o&&a){var e=t({panelElement:n,formElement:o,inputElement:a}),r=e.onTouchStart,i=e.onTouchMove;return window.addEventListener("touchstart",r),window.addEventListener("touchmove",i),function(){window.removeEventListener("touchstart",r),window.removeEventListener("touchmove",i)}}}),[t,n,o,a])}({getEnvironmentProps:te,panelElement:H.current,formElement:$.current,inputElement:V.current}),function(e){var t=e.container;r.useEffect((function(){if(t){var e=t.querySelectorAll("a[href]:not([disabled]), button:not([disabled]), input:not([disabled])"),n=e[0],r=e[e.length-1];return t.addEventListener("keydown",o),function(){t.removeEventListener("keydown",o)}}function o(e){"Tab"===e.key&&(e.shiftKey?document.activeElement===n&&(e.preventDefault(),r.focus()):document.activeElement===r&&(e.preventDefault(),n.focus()))}}),[t])}({container:U.current}),r.useEffect((function(){return document.body.classList.add("DocSearch--active"),function(){var e,t;document.body.classList.remove("DocSearch--active"),null===(e=(t=window).scrollTo)||void 0===e||e.call(t,0,x)}}),[]),r.useEffect((function(){window.matchMedia("(max-width: 768px)").matches&&(G.current=5)}),[]),r.useEffect((function(){H.current&&(H.current.scrollTop=0)}),[F.query]),r.useEffect((function(){K.length>0&&(re(),V.current&&V.current.focus())}),[K,re]),r.useEffect((function(){function e(){if(q.current){var e=.01*window.innerHeight;q.current.style.setProperty("--docsearch-vh","".concat(e,"px"))}}return e(),window.addEventListener("resize",e),function(){window.removeEventListener("resize",e)}}),[]),r.createElement("div",s({ref:U},ne({"aria-expanded":!0}),{className:["DocSearch","DocSearch-Container","stalled"===F.status&&"DocSearch-Container--Stalled","error"===F.status&&"DocSearch-Container--Errored"].filter(Boolean).join(" "),role:"button",tabIndex:0,onMouseDown:function(e){e.target===e.currentTarget&&m()}}),r.createElement("div",{className:"DocSearch-Modal",ref:q},r.createElement("header",{className:"DocSearch-SearchBar",ref:$},r.createElement(on,s({},ee,{state:F,autoFocus:0===K.length,inputRef:V,isFromSelection:Boolean(K)&&K===W,translations:R,onClose:m}))),r.createElement("div",{className:"DocSearch-Dropdown",ref:H},r.createElement(nn,s({},ee,{indexName:o,state:F,hitComponent:y,resultsFooterComponent:w,disableUserPersonalization:C,recentSearches:Z,favoriteSearches:Y,inputRef:V,translations:D,getMissingResultsUrl:z,onItemClick:function(e,t){X(e),J(e),Wt(t)||m()}}))),r.createElement("footer",{className:"DocSearch-Footer"},r.createElement(Et,{translations:N}))))}function $n(e){var t=e.isOpen,n=e.onOpen,o=e.onClose,a=e.onInput,i=e.searchButtonRef;r.useEffect((function(){function e(e){var r;(27===e.keyCode&&t||"k"===(null===(r=e.key)||void 0===r?void 0:r.toLowerCase())&&(e.metaKey||e.ctrlKey)||!function(e){var t=e.target,n=t.tagName;return t.isContentEditable||"INPUT"===n||"SELECT"===n||"TEXTAREA"===n}(e)&&"/"===e.key&&!t)&&(e.preventDefault(),t?o():document.body.classList.contains("DocSearch--active")||document.body.classList.contains("DocSearch--active")||n()),i&&i.current===document.activeElement&&a&&/[a-zA-Z0-9]/.test(String.fromCharCode(e.keyCode))&&a(e)}return window.addEventListener("keydown",e),function(){window.removeEventListener("keydown",e)}}),[t,n,o,a,i])}},9927:(e,t,n)=>{var r={"./":6532};function o(e){var t=a(e);return n(t)}function a(e){if(!n.o(r,e)){var t=new Error("Cannot find module '"+e+"'");throw t.code="MODULE_NOT_FOUND",t}return r[e]}o.keys=function(){return Object.keys(r)},o.resolve=a,e.exports=o,o.id=9927},1377:(e,t,n)=>{"use strict";n.d(t,{A:()=>p});n(758);var r=n(9235),o=n.n(r),a=n(4054);const i={"01a85c17":[()=>Promise.all([n.e(1869),n.e(8209)]).then(n.bind(n,7975)),"@theme/BlogTagsListPage",7975],"022a3ac7":[()=>Promise.all([n.e(1869),n.e(9820),n.e(9856)]).then(n.bind(n,2459)),"@site/i18n/uz/docusaurus-plugin-content-docs/current/reference/index.mdx",2459],"0499e362":[()=>n.e(4005).then(n.bind(n,1539)),"@site/i18n/en/docusaurus-plugin-content-docs/current/get-started/cheatsheet.mdx",1539],"066221cc":[()=>n.e(3120).then(n.bind(n,3760)),"@site/i18n/en/docusaurus-plugin-content-docs/current/get-started/overview.mdx",3760],"087a1d0d":[()=>n.e(2252).then(n.t.bind(n,8184,19)),"@generated/docusaurus-plugin-content-blog/default/p/uz-blog-tags-007.json",8184],"0a4ee302":[()=>n.e(5977).then(n.bind(n,1540)),"@site/i18n/en/docusaurus-plugin-content-docs/current/guides/tech/with-nuxtjs.mdx",1540],17896441:[()=>Promise.all([n.e(1869),n.e(4342),n.e(1617),n.e(8401)]).then(n.bind(n,3097)),"@theme/DocItem",3097],"19277cce":[()=>n.e(4150).then(n.t.bind(n,4107,19)),"@generated/docusaurus-plugin-content-blog/default/p/uz-blog-9d9.json",4107],"1943626f":[()=>n.e(6726).then(n.bind(n,3952)),"@site/blog/2022-06-04-rebranding.md",3952],"1a4e3797":[()=>Promise.all([n.e(1869),n.e(2138)]).then(n.bind(n,4164)),"@theme/SearchPage",4164],"1df93b7f":[()=>Promise.all([n.e(1869),n.e(9820),n.e(7603),n.e(2511),n.e(4583)]).then(n.bind(n,3395)),"@site/src/pages/index.tsx",3395],"25a0b29f":[()=>n.e(422).then(n.bind(n,4688)),"@site/blog/2022-07-25-international-community.md?truncated=true",4688],"2f764a0f":[()=>n.e(8039).then(n.bind(n,7162)),"@site/i18n/en/docusaurus-plugin-content-docs/current/about/understanding/needs-driven.md",7162],"3121f8ae":[()=>n.e(9064).then(n.bind(n,3190)),"@site/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/platforms.mdx",3190],"350d1c3d":[()=>n.e(9706).then(n.bind(n,3350)),"@site/i18n/en/docusaurus-plugin-content-docs/current/reference/slices-segments.mdx",3350],"36994c47":[()=>n.e(9858).then(n.t.bind(n,5516,19)),"@generated/docusaurus-plugin-content-blog/default/__plugin.json",5516],"370f8845":[()=>n.e(8754).then(n.bind(n,1610)),"@site/i18n/en/docusaurus-plugin-content-docs/current/guides/tech/with-react-query.mdx",1610],"3d2652fb":[()=>n.e(7811).then(n.bind(n,5472)),"@site/i18n/en/docusaurus-plugin-content-docs/current/reference/public-api.md",5472],"3dc6975d":[()=>n.e(4682).then(n.t.bind(n,8413,19)),"@generated/docusaurus-plugin-content-blog/default/p/uz-blog-tags-promo-55d.json",8413],"4044d4ea":[()=>n.e(3165).then(n.bind(n,5041)),"@site/i18n/uz/docusaurus-plugin-content-docs/current/branding.md",5041],"43315e98":[()=>n.e(8061).then(n.t.bind(n,6048,19)),"@generated/docusaurus-plugin-content-docs/default/p/uz-docs-5a7.json",6048],"43e8141f":[()=>n.e(4037).then(n.t.bind(n,5521,19)),"@generated/docusaurus-plugin-content-blog/default/p/uz-blog-tags-brand-246.json",5521],"480f28a3":[()=>n.e(7951).then(n.bind(n,5852)),"@site/i18n/en/docusaurus-plugin-content-docs/current/about/mission.md",5852],"488b6464":[()=>n.e(6369).then(n.bind(n,4487)),"@site/i18n/en/docusaurus-plugin-content-docs/current/reference/isolation/coupling-cohesion.md",4487],49161156:[()=>n.e(7028).then(n.bind(n,3787)),"@site/i18n/en/docusaurus-plugin-content-docs/current/about/understanding/naming.md",3787],"5187bed2":[()=>n.e(4043).then(n.bind(n,4716)),"@site/i18n/en/docusaurus-plugin-content-docs/current/about/understanding/architecture.md",4716],"53f8e831":[()=>Promise.all([n.e(1869),n.e(9820),n.e(2978)]).then(n.bind(n,6382)),"@site/i18n/en/docusaurus-plugin-content-docs/current/guides/index.mdx",6382],"55b0769a":[()=>n.e(9386).then(n.bind(n,3794)),"@site/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/page-layout.md",3794],"590d98cc":[()=>n.e(7604).then(n.bind(n,664)),"@site/i18n/en/docusaurus-plugin-content-docs/current/reference/isolation/decouple-entities.mdx",664],"5bd61d3b":[()=>n.e(9536).then(n.bind(n,6202)),"@site/i18n/en/docusaurus-plugin-content-docs/current/about/understanding/signals.mdx",6202],"5e95c892":[()=>n.e(9647).then(n.bind(n,9355)),"@theme/DocsRoot",9355],"5e9f5e1a":[()=>Promise.resolve().then(n.bind(n,4784)),"@generated/docusaurus.config",4784],"5f7e5f34":[()=>n.e(3366).then(n.bind(n,7908)),"@site/i18n/en/docusaurus-plugin-content-docs/current/guides/issues/desegmented.mdx",7908],"6636c8dc":[()=>n.e(106).then(n.bind(n,1737)),"@site/i18n/en/docusaurus-plugin-content-docs/current/about/promote/integration.mdx",1737],"664a648d":[()=>n.e(5936).then(n.bind(n,8345)),"@site/i18n/en/docusaurus-plugin-content-docs/current/about/promote/partial-application.mdx",8345],"66d3db7c":[()=>n.e(7068).then(n.bind(n,9311)),"@site/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/types.md",9311],"6875c492":[()=>Promise.all([n.e(1869),n.e(4342),n.e(8492),n.e(4813)]).then(n.bind(n,677)),"@theme/BlogTagsPostsPage",677],"6f9fce13":[()=>n.e(5718).then(n.t.bind(n,9986,19)),"@generated/docusaurus-plugin-content-blog/default/p/uz-blog-tags-community-da2.json",9986],"7313bf7a":[()=>n.e(25).then(n.bind(n,7497)),"@site/i18n/en/docusaurus-plugin-content-docs/community/team.mdx",7497],"7a790ed0":[()=>n.e(6422).then(n.bind(n,4813)),"@site/i18n/en/docusaurus-plugin-content-docs/current/reference/isolation/index.md",4813],"814f3328":[()=>n.e(7472).then(n.t.bind(n,5513,19)),"~blog/default/blog-post-list-prop-default.json",5513],"84a0dbae":[()=>n.e(7660).then(n.bind(n,6660)),"@site/i18n/en/docusaurus-plugin-content-docs/current/guides/tech/with-nextjs.mdx",6660],"857ae1bf":[()=>n.e(4472).then(n.bind(n,4673)),"@site/i18n/en/docusaurus-plugin-content-docs/current/get-started/tutorial.md",4673],"8651fb1e":[()=>n.e(2249).then(n.bind(n,8478)),"@site/i18n/uz/docusaurus-plugin-content-docs/current/reference/layers.mdx",8478],"87e5c187":[()=>n.e(8913).then(n.bind(n,9286)),"@site/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/ssr.mdx",9286],"8b5a42c3":[()=>n.e(192).then(n.bind(n,8110)),"@site/i18n/en/docusaurus-plugin-content-docs/current/about/promote/for-team.mdx",8110],"8b93e59a":[()=>n.e(6813).then(n.bind(n,1822)),"@site/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/auth.md",1822],"8c1e6152":[()=>n.e(1616).then(n.bind(n,3193)),"@site/i18n/en/docusaurus-plugin-content-docs/current/guides/migration/from-v1.md",3193],"8ce83ff6":[()=>n.e(6684).then(n.bind(n,526)),"@site/i18n/en/docusaurus-plugin-content-docs/current/guides/issues/cross-imports.mdx",526],"90f695cb":[()=>n.e(7673).then(n.bind(n,1448)),"@site/src/pages/versions/index.tsx",1448],"963cad68":[()=>n.e(69).then(n.t.bind(n,4226,19)),"@generated/docusaurus-plugin-content-docs/community/p/uz-community-8ed.json",4226],"9b83d7f4":[()=>n.e(9568).then(n.bind(n,4526)),"@site/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/autocompleted.mdx",4526],"9e4087bc":[()=>n.e(2711).then(n.bind(n,4757)),"@theme/BlogArchivePage",4757],a1521a63:[()=>n.e(9687).then(n.bind(n,9021)),"@site/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/browser-api.mdx",9021],a386f730:[()=>n.e(6865).then(n.bind(n,5444)),"@site/i18n/en/docusaurus-plugin-content-docs/current/about/alternatives.mdx",5444],a61c55ce:[()=>Promise.all([n.e(1869),n.e(9820),n.e(8964)]).then(n.bind(n,738)),"@site/i18n/en/docusaurus-plugin-content-docs/community/index.mdx",738],a6aa9e1f:[()=>Promise.all([n.e(1869),n.e(4342),n.e(8492),n.e(7643)]).then(n.bind(n,7110)),"@theme/BlogListPage",7110],a7456010:[()=>n.e(1235).then(n.t.bind(n,8552,19)),"@generated/docusaurus-plugin-content-pages/default/__plugin.json",8552],a7bd4aaa:[()=>n.e(7098).then(n.bind(n,3614)),"@theme/DocVersionRoot",3614],a94703ab:[()=>Promise.all([n.e(1869),n.e(9048)]).then(n.bind(n,2963)),"@theme/DocRoot",2963],aba21aa0:[()=>n.e(5742).then(n.t.bind(n,7093,19)),"@generated/docusaurus-plugin-content-docs/default/__plugin.json",7093],acaf5b8a:[()=>n.e(6170).then(n.bind(n,5533)),"@site/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/theme.mdx",5533],acecf23e:[()=>n.e(1903).then(n.t.bind(n,1912,19)),"~blog/default/blogMetadata-default.json",1912],b135d55d:[()=>n.e(5654).then(n.t.bind(n,834,19)),"@generated/docusaurus-plugin-content-blog/default/p/uz-blog-archive-afe.json",834],b4c136e1:[()=>Promise.all([n.e(1869),n.e(7603),n.e(868)]).then(n.bind(n,1908)),"@site/src/pages/examples/index.tsx",1908],ba8bb0f7:[()=>n.e(533).then(n.bind(n,8299)),"@site/i18n/en/docusaurus-plugin-content-docs/current/get-started/faq.md",8299],c0c6474c:[()=>n.e(4581).then(n.bind(n,3396)),"@site/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/metric.mdx",3396],c141421f:[()=>n.e(957).then(n.t.bind(n,936,19)),"@generated/docusaurus-theme-search-algolia/default/__plugin.json",936],c4d0faae:[()=>n.e(5755).then(n.bind(n,5300)),"@site/i18n/en/docusaurus-plugin-content-docs/current/about/promote/for-company.mdx",5300],c5666f39:[()=>Promise.all([n.e(1869),n.e(9820),n.e(5715)]).then(n.bind(n,4200)),"@site/i18n/en/docusaurus-plugin-content-docs/current/about/index.mdx",4200],cb388a7b:[()=>n.e(5535).then(n.bind(n,7040)),"@site/i18n/en/docusaurus-plugin-content-docs/current/about/motivation.md",7040],ccc49370:[()=>Promise.all([n.e(1869),n.e(4342),n.e(8492),n.e(3249)]).then(n.bind(n,7446)),"@theme/BlogPostPage",7446],d13cbfb8:[()=>Promise.all([n.e(1869),n.e(9820),n.e(5570)]).then(n.bind(n,9346)),"@site/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/index.mdx",9346],d7baea7e:[()=>Promise.all([n.e(1869),n.e(9820),n.e(9549)]).then(n.bind(n,8e3)),"@site/i18n/en/docusaurus-plugin-content-docs/current/get-started/index.mdx",8e3],d999437a:[()=>n.e(7091).then(n.bind(n,8909)),"@site/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/feedback.mdx",8909],dfe5ecdf:[()=>n.e(6949).then(n.bind(n,4089)),"@site/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/monorepo.mdx",4089],e01c2047:[()=>n.e(1405).then(n.bind(n,7703)),"@site/i18n/en/docusaurus-plugin-content-docs/current/about/understanding/knowledge-types.md",7703],e0719818:[()=>n.e(5220).then(n.t.bind(n,8669,19)),"@generated/docusaurus-plugin-content-docs/community/__plugin.json",8669],e1003eab:[()=>n.e(9136).then(n.bind(n,8665)),"@site/i18n/en/docusaurus-plugin-content-docs/current/guides/issues/routes.mdx",8665],e1c0d304:[()=>n.e(9867).then(n.bind(n,3870)),"@site/i18n/en/docusaurus-plugin-content-docs/current/about/understanding/abstractions.mdx",3870],e3309638:[()=>Promise.all([n.e(1869),n.e(8034)]).then(n.bind(n,1446)),"@site/i18n/uz/docusaurus-plugin-content-docs/current/intro.mdx",1446],e58a523b:[()=>n.e(1754).then(n.t.bind(n,2068,19)),"@generated/docusaurus-plugin-content-blog/default/p/uz-blog-tags-discord-aef.json",2068],e6bf8eb6:[()=>n.e(679).then(n.bind(n,9239)),"@site/i18n/en/docusaurus-plugin-content-docs/current/guides/tech/with-sveltekit.mdx",9239],ed3dcfcb:[()=>n.e(993).then(n.bind(n,4)),"@site/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/i18n.mdx",4],f2567325:[()=>n.e(8211).then(n.bind(n,9129)),"@site/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/white-labels.mdx",9129],f2c174dc:[()=>n.e(4861).then(n.bind(n,8595)),"@site/i18n/en/docusaurus-plugin-content-docs/current/guides/migration/from-custom.md",8595],f565db0c:[()=>Promise.all([n.e(1869),n.e(9534)]).then(n.bind(n,5352)),"@site/src/pages/nav/index.tsx",5352],f6760343:[()=>n.e(6956).then(n.bind(n,5540)),"@site/blog/2022-07-25-international-community.md",5540],f6bb872e:[()=>n.e(2563).then(n.bind(n,4204)),"@site/blog/2022-06-04-rebranding.md?truncated=true",4204],fe129f8e:[()=>n.e(6217).then(n.bind(n,5845)),"@site/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/cms.mdx",5845]};var s=n(6070);function l(e){let{error:t,retry:n,pastDelay:r}=e;return t?(0,s.jsxs)("div",{style:{textAlign:"center",color:"#fff",backgroundColor:"#fa383e",borderColor:"#fa383e",borderStyle:"solid",borderRadius:"0.25rem",borderWidth:"1px",boxSizing:"border-box",display:"block",padding:"1rem",flex:"0 0 50%",marginLeft:"25%",marginRight:"25%",marginTop:"5rem",maxWidth:"50%",width:"100%"},children:[(0,s.jsx)("p",{children:String(t)}),(0,s.jsx)("div",{children:(0,s.jsx)("button",{type:"button",onClick:n,children:"Retry"})})]}):r?(0,s.jsx)("div",{style:{display:"flex",justifyContent:"center",alignItems:"center",height:"100vh"},children:(0,s.jsx)("svg",{id:"loader",style:{width:128,height:110,position:"absolute",top:"calc(100vh - 64%)"},viewBox:"0 0 45 45",xmlns:"http://www.w3.org/2000/svg",stroke:"#61dafb",children:(0,s.jsxs)("g",{fill:"none",fillRule:"evenodd",transform:"translate(1 1)",strokeWidth:"2",children:[(0,s.jsxs)("circle",{cx:"22",cy:"22",r:"6",strokeOpacity:"0",children:[(0,s.jsx)("animate",{attributeName:"r",begin:"1.5s",dur:"3s",values:"6;22",calcMode:"linear",repeatCount:"indefinite"}),(0,s.jsx)("animate",{attributeName:"stroke-opacity",begin:"1.5s",dur:"3s",values:"1;0",calcMode:"linear",repeatCount:"indefinite"}),(0,s.jsx)("animate",{attributeName:"stroke-width",begin:"1.5s",dur:"3s",values:"2;0",calcMode:"linear",repeatCount:"indefinite"})]}),(0,s.jsxs)("circle",{cx:"22",cy:"22",r:"6",strokeOpacity:"0",children:[(0,s.jsx)("animate",{attributeName:"r",begin:"3s",dur:"3s",values:"6;22",calcMode:"linear",repeatCount:"indefinite"}),(0,s.jsx)("animate",{attributeName:"stroke-opacity",begin:"3s",dur:"3s",values:"1;0",calcMode:"linear",repeatCount:"indefinite"}),(0,s.jsx)("animate",{attributeName:"stroke-width",begin:"3s",dur:"3s",values:"2;0",calcMode:"linear",repeatCount:"indefinite"})]}),(0,s.jsx)("circle",{cx:"22",cy:"22",r:"8",children:(0,s.jsx)("animate",{attributeName:"r",begin:"0s",dur:"1.5s",values:"6;1;2;3;4;5;6",calcMode:"linear",repeatCount:"indefinite"})})]})})}):null}var c=n(8116),u=n(8851);function d(e,t){if("*"===e)return o()({loading:l,loader:()=>n.e(9019).then(n.bind(n,9019)),modules:["@theme/NotFound"],webpack:()=>[9019],render(e,t){const n=e.default;return(0,s.jsx)(u.W,{value:{plugin:{name:"native",id:"default"}},children:(0,s.jsx)(n,{...t})})}});const r=a[`${e}-${t}`],d={},p=[],f=[],m=(0,c.A)(r);return Object.entries(m).forEach((e=>{let[t,n]=e;const r=i[n];r&&(d[t]=r[0],p.push(r[1]),f.push(r[2]))})),o().Map({loading:l,loader:d,modules:p,webpack:()=>f,render(t,n){const o=JSON.parse(JSON.stringify(r));Object.entries(t).forEach((t=>{let[n,r]=t;const a=r.default;if(!a)throw new Error(`The page component at ${e} doesn't have a default export. This makes it impossible to render anything. Consider default-exporting a React component.`);"object"!=typeof a&&"function"!=typeof a||Object.keys(r).filter((e=>"default"!==e)).forEach((e=>{a[e]=r[e]}));let i=o;const s=n.split(".");s.slice(0,-1).forEach((e=>{i=i[e]})),i[s[s.length-1]]=a}));const a=o.__comp;delete o.__comp;const i=o.__context;delete o.__context;const l=o.__props;return delete o.__props,(0,s.jsx)(u.W,{value:i,children:(0,s.jsx)(a,{...o,...l,...n})})}})}const p=[{path:"/uz/blog",component:d("/uz/blog","2d9"),exact:!0},{path:"/uz/blog/archive",component:d("/uz/blog/archive","d95"),exact:!0},{path:"/uz/blog/international-community",component:d("/uz/blog/international-community","9b7"),exact:!0},{path:"/uz/blog/rebranding-stable",component:d("/uz/blog/rebranding-stable","99b"),exact:!0},{path:"/uz/blog/tags",component:d("/uz/blog/tags","035"),exact:!0},{path:"/uz/blog/tags/brand",component:d("/uz/blog/tags/brand","b0d"),exact:!0},{path:"/uz/blog/tags/community",component:d("/uz/blog/tags/community","627"),exact:!0},{path:"/uz/blog/tags/discord",component:d("/uz/blog/tags/discord","c58"),exact:!0},{path:"/uz/blog/tags/promo",component:d("/uz/blog/tags/promo","905"),exact:!0},{path:"/uz/examples",component:d("/uz/examples","102"),exact:!0},{path:"/uz/nav",component:d("/uz/nav","769"),exact:!0},{path:"/uz/search",component:d("/uz/search","55f"),exact:!0},{path:"/uz/versions",component:d("/uz/versions","3d0"),exact:!0},{path:"/uz/community",component:d("/uz/community","21a"),routes:[{path:"/uz/community",component:d("/uz/community","82f"),routes:[{path:"/uz/community",component:d("/uz/community","d2b"),routes:[{path:"/uz/community",component:d("/uz/community","830"),exact:!0,sidebar:"community"},{path:"/uz/community/team",component:d("/uz/community/team","823"),exact:!0,sidebar:"community"}]}]}]},{path:"/uz/docs",component:d("/uz/docs","8a2"),routes:[{path:"/uz/docs",component:d("/uz/docs","f4f"),routes:[{path:"/uz/docs",component:d("/uz/docs","0cd"),routes:[{path:"/uz/docs",component:d("/uz/docs","0d2"),exact:!0},{path:"/uz/docs/about",component:d("/uz/docs/about","4a7"),exact:!0,sidebar:"aboutSidebar"},{path:"/uz/docs/about/alternatives",component:d("/uz/docs/about/alternatives","935"),exact:!0,sidebar:"aboutSidebar"},{path:"/uz/docs/about/mission",component:d("/uz/docs/about/mission","39b"),exact:!0,sidebar:"aboutSidebar"},{path:"/uz/docs/about/motivation",component:d("/uz/docs/about/motivation","1dc"),exact:!0,sidebar:"aboutSidebar"},{path:"/uz/docs/about/promote/for-company",component:d("/uz/docs/about/promote/for-company","1c6"),exact:!0,sidebar:"aboutSidebar"},{path:"/uz/docs/about/promote/for-team",component:d("/uz/docs/about/promote/for-team","ddc"),exact:!0,sidebar:"aboutSidebar"},{path:"/uz/docs/about/promote/integration",component:d("/uz/docs/about/promote/integration","5f0"),exact:!0,sidebar:"aboutSidebar"},{path:"/uz/docs/about/promote/partial-application",component:d("/uz/docs/about/promote/partial-application","c8c"),exact:!0,sidebar:"aboutSidebar"},{path:"/uz/docs/about/understanding/abstractions",component:d("/uz/docs/about/understanding/abstractions","18a"),exact:!0,sidebar:"aboutSidebar"},{path:"/uz/docs/about/understanding/architecture",component:d("/uz/docs/about/understanding/architecture","ef3"),exact:!0,sidebar:"aboutSidebar"},{path:"/uz/docs/about/understanding/knowledge-types",component:d("/uz/docs/about/understanding/knowledge-types","d80"),exact:!0,sidebar:"aboutSidebar"},{path:"/uz/docs/about/understanding/naming",component:d("/uz/docs/about/understanding/naming","bf4"),exact:!0,sidebar:"aboutSidebar"},{path:"/uz/docs/about/understanding/needs-driven",component:d("/uz/docs/about/understanding/needs-driven","30e"),exact:!0,sidebar:"aboutSidebar"},{path:"/uz/docs/about/understanding/signals",component:d("/uz/docs/about/understanding/signals","d7d"),exact:!0,sidebar:"aboutSidebar"},{path:"/uz/docs/branding",component:d("/uz/docs/branding","86b"),exact:!0},{path:"/uz/docs/get-started",component:d("/uz/docs/get-started","25b"),exact:!0,sidebar:"getstartedSidebar"},{path:"/uz/docs/get-started/cheatsheet",component:d("/uz/docs/get-started/cheatsheet","6b9"),exact:!0,sidebar:"getstartedSidebar"},{path:"/uz/docs/get-started/faq",component:d("/uz/docs/get-started/faq","9fb"),exact:!0,sidebar:"getstartedSidebar"},{path:"/uz/docs/get-started/overview",component:d("/uz/docs/get-started/overview","f95"),exact:!0,sidebar:"getstartedSidebar"},{path:"/uz/docs/get-started/tutorial",component:d("/uz/docs/get-started/tutorial","f7c"),exact:!0,sidebar:"getstartedSidebar"},{path:"/uz/docs/guides",component:d("/uz/docs/guides","c1c"),exact:!0,sidebar:"guidesSidebar"},{path:"/uz/docs/guides/examples",component:d("/uz/docs/guides/examples","b73"),exact:!0,sidebar:"guidesSidebar"},{path:"/uz/docs/guides/examples/auth",component:d("/uz/docs/guides/examples/auth","1c4"),exact:!0,sidebar:"guidesSidebar"},{path:"/uz/docs/guides/examples/autocompleted",component:d("/uz/docs/guides/examples/autocompleted","d56"),exact:!0,sidebar:"guidesSidebar"},{path:"/uz/docs/guides/examples/browser-api",component:d("/uz/docs/guides/examples/browser-api","e21"),exact:!0,sidebar:"guidesSidebar"},{path:"/uz/docs/guides/examples/cms",component:d("/uz/docs/guides/examples/cms","fdd"),exact:!0,sidebar:"guidesSidebar"},{path:"/uz/docs/guides/examples/feedback",component:d("/uz/docs/guides/examples/feedback","e38"),exact:!0,sidebar:"guidesSidebar"},{path:"/uz/docs/guides/examples/i18n",component:d("/uz/docs/guides/examples/i18n","a6b"),exact:!0,sidebar:"guidesSidebar"},{path:"/uz/docs/guides/examples/metric",component:d("/uz/docs/guides/examples/metric","bc5"),exact:!0,sidebar:"guidesSidebar"},{path:"/uz/docs/guides/examples/monorepo",component:d("/uz/docs/guides/examples/monorepo","5b3"),exact:!0,sidebar:"guidesSidebar"},{path:"/uz/docs/guides/examples/page-layout",component:d("/uz/docs/guides/examples/page-layout","b17"),exact:!0,sidebar:"guidesSidebar"},{path:"/uz/docs/guides/examples/platforms",component:d("/uz/docs/guides/examples/platforms","e86"),exact:!0,sidebar:"guidesSidebar"},{path:"/uz/docs/guides/examples/ssr",component:d("/uz/docs/guides/examples/ssr","1bf"),exact:!0,sidebar:"guidesSidebar"},{path:"/uz/docs/guides/examples/theme",component:d("/uz/docs/guides/examples/theme","397"),exact:!0,sidebar:"guidesSidebar"},{path:"/uz/docs/guides/examples/types",component:d("/uz/docs/guides/examples/types","0ea"),exact:!0,sidebar:"guidesSidebar"},{path:"/uz/docs/guides/examples/white-labels",component:d("/uz/docs/guides/examples/white-labels","6d2"),exact:!0,sidebar:"guidesSidebar"},{path:"/uz/docs/guides/issues/cross-imports",component:d("/uz/docs/guides/issues/cross-imports","69d"),exact:!0,sidebar:"guidesSidebar"},{path:"/uz/docs/guides/issues/desegmented",component:d("/uz/docs/guides/issues/desegmented","bb4"),exact:!0,sidebar:"guidesSidebar"},{path:"/uz/docs/guides/issues/routes",component:d("/uz/docs/guides/issues/routes","83b"),exact:!0,sidebar:"guidesSidebar"},{path:"/uz/docs/guides/migration/from-custom",component:d("/uz/docs/guides/migration/from-custom","ba6"),exact:!0,sidebar:"guidesSidebar"},{path:"/uz/docs/guides/migration/from-v1",component:d("/uz/docs/guides/migration/from-v1","611"),exact:!0,sidebar:"guidesSidebar"},{path:"/uz/docs/guides/tech/with-nextjs",component:d("/uz/docs/guides/tech/with-nextjs","693"),exact:!0,sidebar:"guidesSidebar"},{path:"/uz/docs/guides/tech/with-nuxtjs",component:d("/uz/docs/guides/tech/with-nuxtjs","50b"),exact:!0,sidebar:"guidesSidebar"},{path:"/uz/docs/guides/tech/with-react-query",component:d("/uz/docs/guides/tech/with-react-query","700"),exact:!0,sidebar:"guidesSidebar"},{path:"/uz/docs/guides/tech/with-sveltekit",component:d("/uz/docs/guides/tech/with-sveltekit","6de"),exact:!0,sidebar:"guidesSidebar"},{path:"/uz/docs/reference",component:d("/uz/docs/reference","750"),exact:!0,sidebar:"referenceSidebar"},{path:"/uz/docs/reference/isolation",component:d("/uz/docs/reference/isolation","e04"),exact:!0,sidebar:"referenceSidebar"},{path:"/uz/docs/reference/isolation/coupling-cohesion",component:d("/uz/docs/reference/isolation/coupling-cohesion","fa7"),exact:!0,sidebar:"referenceSidebar"},{path:"/uz/docs/reference/isolation/decouple-entities",component:d("/uz/docs/reference/isolation/decouple-entities","77d"),exact:!0,sidebar:"referenceSidebar"},{path:"/uz/docs/reference/layers",component:d("/uz/docs/reference/layers","003"),exact:!0,sidebar:"referenceSidebar"},{path:"/uz/docs/reference/public-api",component:d("/uz/docs/reference/public-api","5b1"),exact:!0,sidebar:"referenceSidebar"},{path:"/uz/docs/reference/slices-segments",component:d("/uz/docs/reference/slices-segments","e31"),exact:!0,sidebar:"referenceSidebar"}]}]}]},{path:"/uz/",component:d("/uz/","baa"),exact:!0},{path:"*",component:d("*")}]},5360:(e,t,n)=>{"use strict";n.d(t,{o:()=>a,x:()=>i});var r=n(758),o=n(6070);const a=r.createContext(!1);function i(e){let{children:t}=e;const[n,i]=(0,r.useState)(!1);return(0,r.useEffect)((()=>{i(!0)}),[]),(0,o.jsx)(a.Provider,{value:n,children:t})}},3096:(e,t,n)=>{"use strict";var r=n(758),o=n(9576),a=n(248),i=n(1742),s=n(4784),l=n(3088);const c=[n(4504),n(9773),n(5348),n(8602),n(8468)];var u=n(1377),d=n(5557),p=n(389),f=n(6070);function m(e){let{children:t}=e;return(0,f.jsx)(f.Fragment,{children:t})}var h=n(2293),g=n(9143),b=n(5252),y=n(316),v=n(898),w=n(1529),k=n(9782),S=n(4937),x=n(3509),E=n(1701);function _(){const{i18n:{currentLocale:e,defaultLocale:t,localeConfigs:n}}=(0,g.A)(),r=(0,w.o)(),o=n[e].htmlLang,a=e=>e.replace("-","_");return(0,f.jsxs)(h.A,{children:[Object.entries(n).map((e=>{let[t,{htmlLang:n}]=e;return(0,f.jsx)("link",{rel:"alternate",href:r.createUrl({locale:t,fullyQualified:!0}),hrefLang:n},t)})),(0,f.jsx)("link",{rel:"alternate",href:r.createUrl({locale:t,fullyQualified:!0}),hrefLang:"x-default"}),(0,f.jsx)("meta",{property:"og:locale",content:a(o)}),Object.values(n).filter((e=>o!==e.htmlLang)).map((e=>(0,f.jsx)("meta",{property:"og:locale:alternate",content:a(e.htmlLang)},`meta-og-${e.htmlLang}`)))]})}function j(e){let{permalink:t}=e;const{siteConfig:{url:n}}=(0,g.A)(),r=function(){const{siteConfig:{url:e,baseUrl:t,trailingSlash:n}}=(0,g.A)(),{pathname:r}=(0,d.zy)();return e+(0,x.Ks)((0,b.Ay)(r),{trailingSlash:n,baseUrl:t})}(),o=t?`${n}${t}`:r;return(0,f.jsxs)(h.A,{children:[(0,f.jsx)("meta",{property:"og:url",content:o}),(0,f.jsx)("link",{rel:"canonical",href:o})]})}function C(){const{i18n:{currentLocale:e}}=(0,g.A)(),{metadata:t,image:n}=(0,y.p)();return(0,f.jsxs)(f.Fragment,{children:[(0,f.jsxs)(h.A,{children:[(0,f.jsx)("meta",{name:"twitter:card",content:"summary_large_image"}),(0,f.jsx)("body",{className:k.w})]}),n&&(0,f.jsx)(v.be,{image:n}),(0,f.jsx)(j,{}),(0,f.jsx)(_,{}),(0,f.jsx)(E.A,{tag:S.C,locale:e}),(0,f.jsx)(h.A,{children:t.map(((e,t)=>(0,f.jsx)("meta",{...e},t)))})]})}const O=new Map;var A=n(5360),T=n(1170),P=n(8302);function z(e){for(var t=arguments.length,n=new Array(t>1?t-1:0),r=1;r<t;r++)n[r-1]=arguments[r];const o=c.map((t=>{const r=t.default?.[e]??t[e];return r?.(...n)}));return()=>o.forEach((e=>e?.()))}const I=function(e){let{children:t,location:n,previousLocation:r}=e;return(0,P.A)((()=>{r!==n&&(!function(e){let{location:t,previousLocation:n}=e;if(!n)return;const r=t.pathname===n.pathname,o=t.hash===n.hash,a=t.search===n.search;if(r&&o&&!a)return;const{hash:i}=t;if(i){const e=decodeURIComponent(i.substring(1)),t=document.getElementById(e);t?.scrollIntoView()}else window.scrollTo(0,0)}({location:n,previousLocation:r}),z("onRouteDidUpdate",{previousLocation:r,location:n}))}),[r,n]),t};function L(e){const t=Array.from(new Set([e,decodeURI(e)])).map((e=>(0,p.u)(u.A,e))).flat();return Promise.all(t.map((e=>e.route.component.preload?.())))}class N extends r.Component{previousLocation;routeUpdateCleanupCb;constructor(e){super(e),this.previousLocation=null,this.routeUpdateCleanupCb=l.A.canUseDOM?z("onRouteUpdate",{previousLocation:null,location:this.props.location}):()=>{},this.state={nextRouteHasLoaded:!0}}shouldComponentUpdate(e,t){if(e.location===this.props.location)return t.nextRouteHasLoaded;const n=e.location;return this.previousLocation=this.props.location,this.setState({nextRouteHasLoaded:!1}),this.routeUpdateCleanupCb=z("onRouteUpdate",{previousLocation:this.previousLocation,location:n}),L(n.pathname).then((()=>{this.routeUpdateCleanupCb(),this.setState({nextRouteHasLoaded:!0})})).catch((e=>{console.warn(e),window.location.reload()})),!1}render(){const{children:e,location:t}=this.props;return(0,f.jsx)(I,{previousLocation:this.previousLocation,location:t,children:(0,f.jsx)(d.qh,{location:t,render:()=>e})})}}const R=N,D="__docusaurus-base-url-issue-banner-container",M="__docusaurus-base-url-issue-banner",F="__docusaurus-base-url-issue-banner-suggestion-container";function B(e){return`\ndocument.addEventListener('DOMContentLoaded', function maybeInsertBanner() {\n  var shouldInsert = typeof window['docusaurus'] === 'undefined';\n  shouldInsert && insertBanner();\n});\n\nfunction insertBanner() {\n  var bannerContainer = document.createElement('div');\n  bannerContainer.id = '${D}';\n  var bannerHtml = ${JSON.stringify(function(e){return`\n<div id="${M}" style="border: thick solid red; background-color: rgb(255, 230, 179); margin: 20px; padding: 20px; font-size: 20px;">\n   <p style="font-weight: bold; font-size: 30px;">Your Docusaurus site did not load properly.</p>\n   <p>A very common reason is a wrong site <a href="https://docusaurus.io/docs/docusaurus.config.js/#baseUrl" style="font-weight: bold;">baseUrl configuration</a>.</p>\n   <p>Current configured baseUrl = <span style="font-weight: bold; color: red;">${e}</span> ${"/"===e?" (default value)":""}</p>\n   <p>We suggest trying baseUrl = <span id="${F}" style="font-weight: bold; color: green;"></span></p>\n</div>\n`}(e)).replace(/</g,"\\<")};\n  bannerContainer.innerHTML = bannerHtml;\n  document.body.prepend(bannerContainer);\n  var suggestionContainer = document.getElementById('${F}');\n  var actualHomePagePath = window.location.pathname;\n  var suggestedBaseUrl = actualHomePagePath.substr(-1) === '/'\n        ? actualHomePagePath\n        : actualHomePagePath + '/';\n  suggestionContainer.innerHTML = suggestedBaseUrl;\n}\n`}function U(){const{siteConfig:{baseUrl:e}}=(0,g.A)();return(0,f.jsx)(f.Fragment,{children:!l.A.canUseDOM&&(0,f.jsx)(h.A,{children:(0,f.jsx)("script",{children:B(e)})})})}function q(){const{siteConfig:{baseUrl:e,baseUrlIssueBanner:t}}=(0,g.A)(),{pathname:n}=(0,d.zy)();return t&&n===e?(0,f.jsx)(U,{}):null}function $(){const{siteConfig:{favicon:e,title:t,noIndex:n},i18n:{currentLocale:r,localeConfigs:o}}=(0,g.A)(),a=(0,b.Ay)(e),{htmlLang:i,direction:s}=o[r];return(0,f.jsxs)(h.A,{children:[(0,f.jsx)("html",{lang:i,dir:s}),(0,f.jsx)("title",{children:t}),(0,f.jsx)("meta",{property:"og:title",content:t}),(0,f.jsx)("meta",{name:"viewport",content:"width=device-width, initial-scale=1.0"}),n&&(0,f.jsx)("meta",{name:"robots",content:"noindex, nofollow"}),e&&(0,f.jsx)("link",{rel:"icon",href:a})]})}var H=n(356),V=n(2630);function G(){const e=(0,V.A)();return(0,f.jsx)(h.A,{children:(0,f.jsx)("html",{"data-has-hydrated":e})})}const W=(0,p.v)(u.A);function K(){const e=function(e){if(O.has(e.pathname))return{...e,pathname:O.get(e.pathname)};if((0,p.u)(u.A,e.pathname).some((e=>{let{route:t}=e;return!0===t.exact})))return O.set(e.pathname,e.pathname),e;const t=e.pathname.trim().replace(/(?:\/index)?\.html$/,"")||"/";return O.set(e.pathname,t),{...e,pathname:t}}((0,d.zy)());return(0,f.jsx)(R,{location:e,children:W})}function Q(){return(0,f.jsx)(H.A,{children:(0,f.jsx)(T.l,{children:(0,f.jsxs)(A.x,{children:[(0,f.jsxs)(m,{children:[(0,f.jsx)($,{}),(0,f.jsx)(C,{}),(0,f.jsx)(q,{}),(0,f.jsx)(K,{})]}),(0,f.jsx)(G,{})]})})})}var Y=n(4054);const Z=function(e){try{return document.createElement("link").relList.supports(e)}catch{return!1}}("prefetch")?function(e){return new Promise(((t,n)=>{if("undefined"==typeof document)return void n();const r=document.createElement("link");r.setAttribute("rel","prefetch"),r.setAttribute("href",e),r.onload=()=>t(),r.onerror=()=>n();const o=document.getElementsByTagName("head")[0]??document.getElementsByName("script")[0]?.parentNode;o?.appendChild(r)}))}:function(e){return new Promise(((t,n)=>{const r=new XMLHttpRequest;r.open("GET",e,!0),r.withCredentials=!0,r.onload=()=>{200===r.status?t():n()},r.send(null)}))};var J=n(8116);const X=new Set,ee=new Set,te=()=>navigator.connection?.effectiveType.includes("2g")||navigator.connection?.saveData,ne={prefetch:e=>{if(!(e=>!te()&&!ee.has(e)&&!X.has(e))(e))return!1;X.add(e);const t=(0,p.u)(u.A,e).flatMap((e=>{return t=e.route.path,Object.entries(Y).filter((e=>{let[n]=e;return n.replace(/-[^-]+$/,"")===t})).flatMap((e=>{let[,t]=e;return Object.values((0,J.A)(t))}));var t}));return Promise.all(t.map((e=>{const t=n.gca(e);return t&&!t.includes("undefined")?Z(t).catch((()=>{})):Promise.resolve()})))},preload:e=>!!(e=>!te()&&!ee.has(e))(e)&&(ee.add(e),L(e))},re=Object.freeze(ne);function oe(e){let{children:t}=e;return"hash"===s.default.future.experimental_router?(0,f.jsx)(i.I9,{children:t}):(0,f.jsx)(i.Kd,{children:t})}const ae=Boolean(!0);if(l.A.canUseDOM){window.docusaurus=re;const e=document.getElementById("__docusaurus"),t=(0,f.jsx)(a.vd,{children:(0,f.jsx)(oe,{children:(0,f.jsx)(Q,{})})}),n=(e,t)=>{console.error("Docusaurus React Root onRecoverableError:",e,t)},i=()=>{if(window.docusaurusRoot)window.docusaurusRoot.render(t);else if(ae)window.docusaurusRoot=o.hydrateRoot(e,t,{onRecoverableError:n});else{const r=o.createRoot(e,{onRecoverableError:n});r.render(t),window.docusaurusRoot=r}};L(window.location.pathname).then((()=>{(0,r.startTransition)(i)}))}},1170:(e,t,n)=>{"use strict";n.d(t,{o:()=>d,l:()=>p});var r=n(758),o=n(4784);const a=JSON.parse('{"docusaurus-plugin-content-docs":{"default":{"path":"/uz/docs","versions":[{"name":"current","label":"v2.0.0 \ud83c\udf70","isLast":true,"path":"/uz/docs","mainDocId":"intro","docs":[{"id":"about/alternatives","path":"/uz/docs/about/alternatives","sidebar":"aboutSidebar"},{"id":"about/index","path":"/uz/docs/about/","sidebar":"aboutSidebar"},{"id":"about/mission","path":"/uz/docs/about/mission","sidebar":"aboutSidebar"},{"id":"about/motivation","path":"/uz/docs/about/motivation","sidebar":"aboutSidebar"},{"id":"about/promote/for-company","path":"/uz/docs/about/promote/for-company","sidebar":"aboutSidebar"},{"id":"about/promote/for-team","path":"/uz/docs/about/promote/for-team","sidebar":"aboutSidebar"},{"id":"about/promote/integration","path":"/uz/docs/about/promote/integration","sidebar":"aboutSidebar"},{"id":"about/promote/partial-application","path":"/uz/docs/about/promote/partial-application","sidebar":"aboutSidebar"},{"id":"about/understanding/abstractions","path":"/uz/docs/about/understanding/abstractions","sidebar":"aboutSidebar"},{"id":"about/understanding/architecture","path":"/uz/docs/about/understanding/architecture","sidebar":"aboutSidebar"},{"id":"about/understanding/knowledge-types","path":"/uz/docs/about/understanding/knowledge-types","sidebar":"aboutSidebar"},{"id":"about/understanding/naming","path":"/uz/docs/about/understanding/naming","sidebar":"aboutSidebar"},{"id":"about/understanding/needs-driven","path":"/uz/docs/about/understanding/needs-driven","sidebar":"aboutSidebar"},{"id":"about/understanding/signals","path":"/uz/docs/about/understanding/signals","sidebar":"aboutSidebar"},{"id":"branding","path":"/uz/docs/branding"},{"id":"get-started/cheatsheet","path":"/uz/docs/get-started/cheatsheet","unlisted":true,"sidebar":"getstartedSidebar"},{"id":"get-started/faq","path":"/uz/docs/get-started/faq","sidebar":"getstartedSidebar"},{"id":"get-started/index","path":"/uz/docs/get-started/","sidebar":"getstartedSidebar"},{"id":"get-started/overview","path":"/uz/docs/get-started/overview","sidebar":"getstartedSidebar"},{"id":"get-started/tutorial","path":"/uz/docs/get-started/tutorial","sidebar":"getstartedSidebar"},{"id":"guides/examples/auth","path":"/uz/docs/guides/examples/auth","sidebar":"guidesSidebar"},{"id":"guides/examples/autocompleted","path":"/uz/docs/guides/examples/autocompleted","unlisted":true,"sidebar":"guidesSidebar"},{"id":"guides/examples/browser-api","path":"/uz/docs/guides/examples/browser-api","unlisted":true,"sidebar":"guidesSidebar"},{"id":"guides/examples/cms","path":"/uz/docs/guides/examples/cms","unlisted":true,"sidebar":"guidesSidebar"},{"id":"guides/examples/feedback","path":"/uz/docs/guides/examples/feedback","unlisted":true,"sidebar":"guidesSidebar"},{"id":"guides/examples/i18n","path":"/uz/docs/guides/examples/i18n","unlisted":true,"sidebar":"guidesSidebar"},{"id":"guides/examples/index","path":"/uz/docs/guides/examples/","sidebar":"guidesSidebar"},{"id":"guides/examples/metric","path":"/uz/docs/guides/examples/metric","unlisted":true,"sidebar":"guidesSidebar"},{"id":"guides/examples/monorepo","path":"/uz/docs/guides/examples/monorepo","unlisted":true,"sidebar":"guidesSidebar"},{"id":"guides/examples/page-layout","path":"/uz/docs/guides/examples/page-layout","sidebar":"guidesSidebar"},{"id":"guides/examples/platforms","path":"/uz/docs/guides/examples/platforms","unlisted":true,"sidebar":"guidesSidebar"},{"id":"guides/examples/ssr","path":"/uz/docs/guides/examples/ssr","unlisted":true,"sidebar":"guidesSidebar"},{"id":"guides/examples/theme","path":"/uz/docs/guides/examples/theme","unlisted":true,"sidebar":"guidesSidebar"},{"id":"guides/examples/types","path":"/uz/docs/guides/examples/types","sidebar":"guidesSidebar"},{"id":"guides/examples/white-labels","path":"/uz/docs/guides/examples/white-labels","unlisted":true,"sidebar":"guidesSidebar"},{"id":"guides/index","path":"/uz/docs/guides/","sidebar":"guidesSidebar"},{"id":"guides/issues/cross-imports","path":"/uz/docs/guides/issues/cross-imports","sidebar":"guidesSidebar"},{"id":"guides/issues/desegmented","path":"/uz/docs/guides/issues/desegmented","sidebar":"guidesSidebar"},{"id":"guides/issues/routes","path":"/uz/docs/guides/issues/routes","sidebar":"guidesSidebar"},{"id":"guides/migration/from-custom","path":"/uz/docs/guides/migration/from-custom","sidebar":"guidesSidebar"},{"id":"guides/migration/from-v1","path":"/uz/docs/guides/migration/from-v1","sidebar":"guidesSidebar"},{"id":"guides/tech/with-nextjs","path":"/uz/docs/guides/tech/with-nextjs","sidebar":"guidesSidebar"},{"id":"guides/tech/with-nuxtjs","path":"/uz/docs/guides/tech/with-nuxtjs","sidebar":"guidesSidebar"},{"id":"guides/tech/with-react-query","path":"/uz/docs/guides/tech/with-react-query","sidebar":"guidesSidebar"},{"id":"guides/tech/with-sveltekit","path":"/uz/docs/guides/tech/with-sveltekit","sidebar":"guidesSidebar"},{"id":"intro","path":"/uz/docs/"},{"id":"reference/index","path":"/uz/docs/reference/","sidebar":"referenceSidebar"},{"id":"reference/isolation/coupling-cohesion","path":"/uz/docs/reference/isolation/coupling-cohesion","sidebar":"referenceSidebar"},{"id":"reference/isolation/decouple-entities","path":"/uz/docs/reference/isolation/decouple-entities","sidebar":"referenceSidebar"},{"id":"reference/isolation/index","path":"/uz/docs/reference/isolation/","sidebar":"referenceSidebar"},{"id":"reference/layers","path":"/uz/docs/reference/layers","sidebar":"referenceSidebar"},{"id":"reference/public-api","path":"/uz/docs/reference/public-api","sidebar":"referenceSidebar"},{"id":"reference/slices-segments","path":"/uz/docs/reference/slices-segments","sidebar":"referenceSidebar"}],"draftIds":[],"sidebars":{"getstartedSidebar":{"link":{"path":"/uz/docs/get-started/","label":"\ud83d\ude80  Get Started"}},"guidesSidebar":{"link":{"path":"/uz/docs/guides/","label":"\ud83c\udfaf  Guides"}},"referenceSidebar":{"link":{"path":"/uz/docs/reference/","label":"\ud83d\udcda  Reference"}},"aboutSidebar":{"link":{"path":"/uz/docs/about/","label":"\ud83c\udf70  About"}}}}],"breadcrumbs":true},"community":{"path":"/uz/community","versions":[{"name":"current","label":"Next","isLast":true,"path":"/uz/community","mainDocId":"index","docs":[{"id":"index","path":"/uz/community/","sidebar":"community"},{"id":"team","path":"/uz/community/team","sidebar":"community"}],"draftIds":[],"sidebars":{"community":{"link":{"path":"/uz/community/","label":"\ud83d\udcab  Community"}}}}],"breadcrumbs":true}}}'),i=JSON.parse('{"defaultLocale":"en","locales":["ru","en","uz","kr","ja"],"path":"i18n","currentLocale":"uz","localeConfigs":{"ru":{"label":"\u0420\u0443\u0441\u0441\u043a\u0438\u0439","direction":"ltr","htmlLang":"ru","calendar":"gregory","path":"ru"},"en":{"label":"English","direction":"ltr","htmlLang":"en","calendar":"gregory","path":"en"},"uz":{"label":"O\'zbekcha","direction":"ltr","htmlLang":"uz","calendar":"gregory","path":"uz"},"kr":{"label":"\ud55c\uad6d\uc5b4","direction":"ltr","htmlLang":"kr","calendar":"gregory","path":"kr"},"ja":{"label":"\u65e5\u672c\u8a9e","direction":"ltr","htmlLang":"ja","calendar":"gregory","path":"ja"}}}');var s=n(2654);const l=JSON.parse('{"docusaurusVersion":"3.5.2","siteVersion":"2.0.0","pluginVersions":{"docusaurus-plugin-content-docs":{"type":"package","name":"@docusaurus/plugin-content-docs","version":"3.5.2"},"docusaurus-plugin-content-blog":{"type":"package","name":"@docusaurus/plugin-content-blog","version":"3.5.2"},"docusaurus-plugin-content-pages":{"type":"package","name":"@docusaurus/plugin-content-pages","version":"3.5.2"},"docusaurus-plugin-sitemap":{"type":"package","name":"@docusaurus/plugin-sitemap","version":"3.5.2"},"docusaurus-theme-classic":{"type":"package","name":"@docusaurus/theme-classic","version":"3.5.2"},"docusaurus-theme-search-algolia":{"type":"package","name":"@docusaurus/theme-search-algolia","version":"3.5.2"},"docusaurus-plugin-sass":{"type":"package","name":"docusaurus-plugin-sass","version":"0.2.5"},"docusaurus-plugin-client-redirects":{"type":"package","name":"@docusaurus/plugin-client-redirects","version":"3.5.2"},"docusaurus-plugin-ideal-image":{"type":"package","name":"@docusaurus/plugin-ideal-image","version":"3.5.2"},"docusaurus-plugin-image-zoom":{"type":"package","name":"plugin-image-zoom","version":"1.2.0"}}}');var c=n(6070);const u={siteConfig:o.default,siteMetadata:l,globalData:a,i18n:i,codeTranslations:s},d=r.createContext(u);function p(e){let{children:t}=e;return(0,c.jsx)(d.Provider,{value:u,children:t})}},356:(e,t,n)=>{"use strict";n.d(t,{A:()=>h});var r=n(758),o=n(3088),a=n(2293),i=n(3509),s=n(3041),l=n(8851),c=n(6070);function u(e){let{error:t,tryAgain:n}=e;return(0,c.jsxs)("div",{style:{display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"flex-start",minHeight:"100vh",width:"100%",maxWidth:"80ch",fontSize:"20px",margin:"0 auto",padding:"1rem"},children:[(0,c.jsx)("h1",{style:{fontSize:"3rem"},children:"This page crashed"}),(0,c.jsx)("button",{type:"button",onClick:n,style:{margin:"1rem 0",fontSize:"2rem",cursor:"pointer",borderRadius:20,padding:"1rem"},children:"Try again"}),(0,c.jsx)(d,{error:t})]})}function d(e){let{error:t}=e;const n=(0,i.rA)(t).map((e=>e.message)).join("\n\nCause:\n");return(0,c.jsx)("p",{style:{whiteSpace:"pre-wrap"},children:n})}function p(e){let{children:t}=e;return(0,c.jsx)(l.W,{value:{plugin:{name:"docusaurus-core-error-boundary",id:"default"}},children:t})}function f(e){let{error:t,tryAgain:n}=e;return(0,c.jsx)(p,{children:(0,c.jsxs)(h,{fallback:()=>(0,c.jsx)(u,{error:t,tryAgain:n}),children:[(0,c.jsx)(a.A,{children:(0,c.jsx)("title",{children:"Page Error"})}),(0,c.jsx)(s.A,{children:(0,c.jsx)(u,{error:t,tryAgain:n})})]})})}const m=e=>(0,c.jsx)(f,{...e});class h extends r.Component{constructor(e){super(e),this.state={error:null}}componentDidCatch(e){o.A.canUseDOM&&this.setState({error:e})}render(){const{children:e}=this.props,{error:t}=this.state;if(t){const e={error:t,tryAgain:()=>this.setState({error:null})};return(this.props.fallback??m)(e)}return e??null}}},3088:(e,t,n)=>{"use strict";n.d(t,{A:()=>o});const r="undefined"!=typeof window&&"document"in window&&"createElement"in window.document,o={canUseDOM:r,canUseEventListeners:r&&("addEventListener"in window||"attachEvent"in window),canUseIntersectionObserver:r&&"IntersectionObserver"in window,canUseViewport:r&&"screen"in window}},2293:(e,t,n)=>{"use strict";n.d(t,{A:()=>a});n(758);var r=n(248),o=n(6070);function a(e){return(0,o.jsx)(r.mg,{...e})}},6783:(e,t,n)=>{"use strict";n.d(t,{A:()=>f});var r=n(758),o=n(1742),a=n(3509),i=n(9143),s=n(1933),l=n(3088),c=n(6828),u=n(5252),d=n(6070);function p(e,t){let{isNavLink:n,to:p,href:f,activeClassName:m,isActive:h,"data-noBrokenLinkCheck":g,autoAddBaseUrl:b=!0,...y}=e;const{siteConfig:v}=(0,i.A)(),{trailingSlash:w,baseUrl:k}=v,S=v.future.experimental_router,{withBaseUrl:x}=(0,u.hH)(),E=(0,c.A)(),_=(0,r.useRef)(null);(0,r.useImperativeHandle)(t,(()=>_.current));const j=p||f;const C=(0,s.A)(j),O=j?.replace("pathname://","");let A=void 0!==O?(T=O,b&&(e=>e.startsWith("/"))(T)?x(T):T):void 0;var T;"hash"===S&&A?.startsWith("./")&&(A=A?.slice(1)),A&&C&&(A=(0,a.Ks)(A,{trailingSlash:w,baseUrl:k}));const P=(0,r.useRef)(!1),z=n?o.k2:o.N_,I=l.A.canUseIntersectionObserver,L=(0,r.useRef)(),N=()=>{P.current||null==A||(window.docusaurus.preload(A),P.current=!0)};(0,r.useEffect)((()=>(!I&&C&&l.A.canUseDOM&&null!=A&&window.docusaurus.prefetch(A),()=>{I&&L.current&&L.current.disconnect()})),[L,A,I,C]);const R=A?.startsWith("#")??!1,D=!y.target||"_self"===y.target,M=!A||!C||!D||R&&"hash"!==S;g||!R&&M||E.collectLink(A),y.id&&E.collectAnchor(y.id);const F={};return M?(0,d.jsx)("a",{ref:_,href:A,...j&&!C&&{target:"_blank",rel:"noopener noreferrer"},...y,...F}):(0,d.jsx)(z,{...y,onMouseEnter:N,onTouchStart:N,innerRef:e=>{_.current=e,I&&e&&C&&(L.current=new window.IntersectionObserver((t=>{t.forEach((t=>{e===t.target&&(t.isIntersecting||t.intersectionRatio>0)&&(L.current.unobserve(e),L.current.disconnect(),null!=A&&window.docusaurus.prefetch(A))}))})),L.current.observe(e))},to:A,...n&&{isActive:h,activeClassName:m},...F})}const f=r.forwardRef(p)},7765:(e,t,n)=>{"use strict";n.d(t,{A:()=>c,T:()=>l});var r=n(758),o=n(6070);function a(e,t){const n=e.split(/(\{\w+\})/).map(((e,n)=>{if(n%2==1){const n=t?.[e.slice(1,-1)];if(void 0!==n)return n}return e}));return n.some((e=>(0,r.isValidElement)(e)))?n.map(((e,t)=>(0,r.isValidElement)(e)?r.cloneElement(e,{key:t}):e)).filter((e=>""!==e)):n.join("")}var i=n(2654);function s(e){let{id:t,message:n}=e;if(void 0===t&&void 0===n)throw new Error("Docusaurus translation declarations must have at least a translation id or a default translation message");return i[t??n]??n??t}function l(e,t){let{message:n,id:r}=e;return a(s({message:n,id:r}),t)}function c(e){let{children:t,id:n,values:r}=e;if(t&&"string"!=typeof t)throw console.warn("Illegal <Translate> children",t),new Error("The Docusaurus <Translate> component only accept simple string values");const i=s({message:t,id:n});return(0,o.jsx)(o.Fragment,{children:a(i,r)})}},8470:(e,t,n)=>{"use strict";n.d(t,{W:()=>r});const r="default"},1933:(e,t,n)=>{"use strict";function r(e){return/^(?:\w*:|\/\/)/.test(e)}function o(e){return void 0!==e&&!r(e)}n.d(t,{A:()=>o,z:()=>r})},5252:(e,t,n)=>{"use strict";n.d(t,{Ay:()=>s,hH:()=>i});var r=n(758),o=n(9143),a=n(1933);function i(){const{siteConfig:e}=(0,o.A)(),{baseUrl:t,url:n}=e,i=e.future.experimental_router,s=(0,r.useCallback)(((e,r)=>function(e){let{siteUrl:t,baseUrl:n,url:r,options:{forcePrependBaseUrl:o=!1,absolute:i=!1}={},router:s}=e;if(!r||r.startsWith("#")||(0,a.z)(r))return r;if("hash"===s)return r.startsWith("/")?`.${r}`:`./${r}`;if(o)return n+r.replace(/^\//,"");if(r===n.replace(/\/$/,""))return n;const l=r.startsWith(n)?r:n+r.replace(/^\//,"");return i?t+l:l}({siteUrl:n,baseUrl:t,url:e,options:r,router:i})),[n,t,i]);return{withBaseUrl:s}}function s(e,t){void 0===t&&(t={});const{withBaseUrl:n}=i();return n(e,t)}},6828:(e,t,n)=>{"use strict";n.d(t,{A:()=>i});var r=n(758);n(6070);const o=r.createContext({collectAnchor:()=>{},collectLink:()=>{}}),a=()=>(0,r.useContext)(o);function i(){return a()}},9143:(e,t,n)=>{"use strict";n.d(t,{A:()=>a});var r=n(758),o=n(1170);function a(){return(0,r.useContext)(o.o)}},2630:(e,t,n)=>{"use strict";n.d(t,{A:()=>a});var r=n(758),o=n(5360);function a(){return(0,r.useContext)(o.o)}},8302:(e,t,n)=>{"use strict";n.d(t,{A:()=>o});var r=n(758);const o=n(3088).A.canUseDOM?r.useLayoutEffect:r.useEffect},3112:(e,t,n)=>{"use strict";n.d(t,{A:()=>a});var r=n(758),o=n(8851);function a(){const e=r.useContext(o.o);if(!e)throw new Error("Unexpected: no Docusaurus route context found");return e}},8116:(e,t,n)=>{"use strict";n.d(t,{A:()=>o});const r=e=>"object"==typeof e&&!!e&&Object.keys(e).length>0;function o(e){const t={};return function e(n,o){Object.entries(n).forEach((n=>{let[a,i]=n;const s=o?`${o}.${a}`:a;r(i)?e(i,s):t[s]=i}))}(e),t}},8851:(e,t,n)=>{"use strict";n.d(t,{W:()=>i,o:()=>a});var r=n(758),o=n(6070);const a=r.createContext(null);function i(e){let{children:t,value:n}=e;const i=r.useContext(a),s=(0,r.useMemo)((()=>function(e){let{parent:t,value:n}=e;if(!t){if(!n)throw new Error("Unexpected: no Docusaurus route context found");if(!("plugin"in n))throw new Error("Unexpected: Docusaurus topmost route context has no `plugin` attribute");return n}const r={...t.data,...n?.data};return{plugin:t.plugin,data:r}}({parent:i,value:n})),[i,n]);return(0,o.jsx)(a.Provider,{value:s,children:t})}},3724:(e,t,n)=>{"use strict";n.d(t,{VQ:()=>g,XK:()=>v,g1:()=>y});var r=n(758),o=n(9860),a=n(8470),i=n(316),s=n(3349),l=n(4902),c=n(6070);const u=e=>`docs-preferred-version-${e}`,d={save:(e,t,n)=>{(0,s.Wf)(u(e),{persistence:t}).set(n)},read:(e,t)=>(0,s.Wf)(u(e),{persistence:t}).get(),clear:(e,t)=>{(0,s.Wf)(u(e),{persistence:t}).del()}},p=e=>Object.fromEntries(e.map((e=>[e,{preferredVersionName:null}])));const f=r.createContext(null);function m(){const e=(0,o.Gy)(),t=(0,i.p)().docs.versionPersistence,n=(0,r.useMemo)((()=>Object.keys(e)),[e]),[a,s]=(0,r.useState)((()=>p(n)));(0,r.useEffect)((()=>{s(function(e){let{pluginIds:t,versionPersistence:n,allDocsData:r}=e;function o(e){const t=d.read(e,n);return r[e].versions.some((e=>e.name===t))?{preferredVersionName:t}:(d.clear(e,n),{preferredVersionName:null})}return Object.fromEntries(t.map((e=>[e,o(e)])))}({allDocsData:e,versionPersistence:t,pluginIds:n}))}),[e,t,n]);return[a,(0,r.useMemo)((()=>({savePreferredVersion:function(e,n){d.save(e,t,n),s((t=>({...t,[e]:{preferredVersionName:n}})))}})),[t])]}function h(e){let{children:t}=e;const n=m();return(0,c.jsx)(f.Provider,{value:n,children:t})}function g(e){let{children:t}=e;return(0,c.jsx)(h,{children:t})}function b(){const e=(0,r.useContext)(f);if(!e)throw new l.dV("DocsPreferredVersionContextProvider");return e}function y(e){void 0===e&&(e=a.W);const t=(0,o.ht)(e),[n,i]=b(),{preferredVersionName:s}=n[e];return{preferredVersion:t.versions.find((e=>e.name===s))??null,savePreferredVersionName:(0,r.useCallback)((t=>{i.savePreferredVersion(e,t)}),[i,e])}}function v(){const e=(0,o.Gy)(),[t]=b();function n(n){const r=e[n],{preferredVersionName:o}=t[n];return r.versions.find((e=>e.name===o))??null}const r=Object.keys(e);return Object.fromEntries(r.map((e=>[e,n(e)])))}},4619:(e,t,n)=>{"use strict";n.d(t,{k:()=>a,v:()=>i});var r=n(9860),o=n(3724);function a(e,t){return`docs-${e}-${t}`}function i(){const e=(0,r.Gy)(),t=(0,r.gk)(),n=(0,o.XK)();return[...Object.keys(e).map((function(r){const o=t?.activePlugin.pluginId===r?t.activeVersion:void 0,i=n[r],s=e[r].versions.find((e=>e.isLast));return a(r,(o??i??s).name)}))]}},3971:(e,t,n)=>{"use strict";n.d(t,{V:()=>l,t:()=>c});var r=n(758),o=n(4902),a=n(6070);const i=Symbol("EmptyContext"),s=r.createContext(i);function l(e){let{children:t,name:n,items:o}=e;const i=(0,r.useMemo)((()=>n&&o?{name:n,items:o}:null),[n,o]);return(0,a.jsx)(s.Provider,{value:i,children:t})}function c(){const e=(0,r.useContext)(s);if(e===i)throw new o.dV("DocsSidebarProvider");return e}},1630:(e,t,n)=>{"use strict";n.d(t,{B5:()=>x,Nr:()=>p,OF:()=>v,QB:()=>S,Vd:()=>w,Y:()=>b,fW:()=>k,w8:()=>h});var r=n(758),o=n(5557),a=n(389),i=n(9860),s=n(5763),l=n(2632),c=n(3724),u=n(1579),d=n(3971);function p(e){return"link"!==e.type||e.unlisted?"category"===e.type?function(e){if(e.href&&!e.linkUnlisted)return e.href;for(const t of e.items){const e=p(t);if(e)return e}}(e):void 0:e.href}const f=(e,t)=>void 0!==e&&(0,s.ys)(e,t),m=(e,t)=>e.some((e=>h(e,t)));function h(e,t){return"link"===e.type?f(e.href,t):"category"===e.type&&(f(e.href,t)||m(e.items,t))}function g(e,t){switch(e.type){case"category":return h(e,t)||e.items.some((e=>g(e,t)));case"link":return!e.unlisted||h(e,t);default:return!0}}function b(e,t){return(0,r.useMemo)((()=>e.filter((e=>g(e,t)))),[e,t])}function y(e){let{sidebarItems:t,pathname:n,onlyCategories:r=!1}=e;const o=[];return function e(t){for(const a of t)if("category"===a.type&&((0,s.ys)(a.href,n)||e(a.items))||"link"===a.type&&(0,s.ys)(a.href,n)){return r&&"category"!==a.type||o.unshift(a),!0}return!1}(t),o}function v(){const e=(0,d.t)(),{pathname:t}=(0,o.zy)(),n=(0,i.vT)()?.pluginData.breadcrumbs;return!1!==n&&e?y({sidebarItems:e.items,pathname:t}):null}function w(e){const{activeVersion:t}=(0,i.zK)(e),{preferredVersion:n}=(0,c.g1)(e),o=(0,i.r7)(e);return(0,r.useMemo)((()=>(0,l.sb)([t,n,o].filter(Boolean))),[t,n,o])}function k(e,t){const n=w(t);return(0,r.useMemo)((()=>{const t=n.flatMap((e=>e.sidebars?Object.entries(e.sidebars):[])),r=t.find((t=>t[0]===e));if(!r)throw new Error(`Can't find any sidebar with id "${e}" in version${n.length>1?"s":""} ${n.map((e=>e.name)).join(", ")}".\nAvailable sidebar ids are:\n- ${t.map((e=>e[0])).join("\n- ")}`);return r[1]}),[e,n])}function S(e,t){const n=w(t);return(0,r.useMemo)((()=>{const t=n.flatMap((e=>e.docs)),r=t.find((t=>t.id===e));if(!r){if(n.flatMap((e=>e.draftIds)).includes(e))return null;throw new Error(`Couldn't find any doc with id "${e}" in version${n.length>1?"s":""} "${n.map((e=>e.name)).join(", ")}".\nAvailable doc ids are:\n- ${(0,l.sb)(t.map((e=>e.id))).join("\n- ")}`)}return r}),[e,n])}function x(e){let{route:t}=e;const n=(0,o.zy)(),r=(0,u.r)(),i=t.routes,s=i.find((e=>(0,o.B6)(n.pathname,e)));if(!s)return null;const l=s.sidebar,c=l?r.docsSidebars[l]:void 0;return{docElement:(0,a.v)(i),sidebarName:l,sidebarItems:c}}},1579:(e,t,n)=>{"use strict";n.d(t,{n:()=>s,r:()=>l});var r=n(758),o=n(4902),a=n(6070);const i=r.createContext(null);function s(e){let{children:t,version:n}=e;return(0,a.jsx)(i.Provider,{value:n,children:t})}function l(){const e=(0,r.useContext)(i);if(null===e)throw new o.dV("DocsVersionProvider");return e}},9860:(e,t,n)=>{"use strict";n.d(t,{zK:()=>b,vT:()=>f,gk:()=>m,Gy:()=>d,HW:()=>y,ht:()=>p,r7:()=>g,jh:()=>h});var r=n(5557),o=n(9143),a=n(8470);function i(e,t){void 0===t&&(t={});const n=function(){const{globalData:e}=(0,o.A)();return e}()[e];if(!n&&t.failfast)throw new Error(`Docusaurus plugin global data not found for "${e}" plugin.`);return n}const s=e=>e.versions.find((e=>e.isLast));function l(e,t){return[...e.versions].sort(((e,t)=>e.path===t.path?0:e.path.includes(t.path)?-1:t.path.includes(e.path)?1:0)).find((e=>!!(0,r.B6)(t,{path:e.path,exact:!1,strict:!1})))}function c(e,t){const n=l(e,t),o=n?.docs.find((e=>!!(0,r.B6)(t,{path:e.path,exact:!0,strict:!1})));return{activeVersion:n,activeDoc:o,alternateDocVersions:o?function(t){const n={};return e.versions.forEach((e=>{e.docs.forEach((r=>{r.id===t&&(n[e.name]=r)}))})),n}(o.id):{}}}const u={},d=()=>i("docusaurus-plugin-content-docs")??u,p=e=>{try{return function(e,t,n){void 0===t&&(t=a.W),void 0===n&&(n={});const r=i(e),o=r?.[t];if(!o&&n.failfast)throw new Error(`Docusaurus plugin global data not found for "${e}" plugin with id "${t}".`);return o}("docusaurus-plugin-content-docs",e,{failfast:!0})}catch(t){throw new Error("You are using a feature of the Docusaurus docs plugin, but this plugin does not seem to be enabled"+("Default"===e?"":` (pluginId=${e}`),{cause:t})}};function f(e){void 0===e&&(e={});const t=d(),{pathname:n}=(0,r.zy)();return function(e,t,n){void 0===n&&(n={});const o=Object.entries(e).sort(((e,t)=>t[1].path.localeCompare(e[1].path))).find((e=>{let[,n]=e;return!!(0,r.B6)(t,{path:n.path,exact:!1,strict:!1})})),a=o?{pluginId:o[0],pluginData:o[1]}:void 0;if(!a&&n.failfast)throw new Error(`Can't find active docs plugin for "${t}" pathname, while it was expected to be found. Maybe you tried to use a docs feature that can only be used on a docs-related page? Existing docs plugin paths are: ${Object.values(e).map((e=>e.path)).join(", ")}`);return a}(t,n,e)}function m(e){void 0===e&&(e={});const t=f(e),{pathname:n}=(0,r.zy)();if(!t)return;return{activePlugin:t,activeVersion:l(t.pluginData,n)}}function h(e){return p(e).versions}function g(e){const t=p(e);return s(t)}function b(e){const t=p(e),{pathname:n}=(0,r.zy)();return c(t,n)}function y(e){const t=p(e),{pathname:n}=(0,r.zy)();return function(e,t){const n=s(e);return{latestDocSuggestion:c(e,t).alternateDocVersions[n.name],latestVersionSuggestion:n}}(t,n)}},9235:(e,t,n)=>{"use strict";function r(e,t){e.prototype=Object.create(t.prototype),e.prototype.constructor=e,e.__proto__=t}function o(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function a(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function i(){return i=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},i.apply(this,arguments)}var s=n(758),l=[],c=[];var u=s.createContext(null);function d(e){var t=e(),n={loading:!0,loaded:null,error:null};return n.promise=t.then((function(e){return n.loading=!1,n.loaded=e,e})).catch((function(e){throw n.loading=!1,n.error=e,e})),n}function p(e){var t={loading:!1,loaded:{},error:null},n=[];try{Object.keys(e).forEach((function(r){var o=d(e[r]);o.loading?t.loading=!0:(t.loaded[r]=o.loaded,t.error=o.error),n.push(o.promise),o.promise.then((function(e){t.loaded[r]=e})).catch((function(e){t.error=e}))}))}catch(r){t.error=r}return t.promise=Promise.all(n).then((function(e){return t.loading=!1,e})).catch((function(e){throw t.loading=!1,e})),t}function f(e,t){return s.createElement((n=e)&&n.__esModule?n.default:n,t);var n}function m(e,t){var d,p;if(!t.loading)throw new Error("react-loadable requires a `loading` component");var m=i({loader:null,loading:null,delay:200,timeout:null,render:f,webpack:null,modules:null},t),h=null;function g(){return h||(h=e(m.loader)),h.promise}return l.push(g),"function"==typeof m.webpack&&c.push((function(){if((0,m.webpack)().every((function(e){return void 0!==e&&void 0!==n.m[e]})))return g()})),p=d=function(t){function n(n){var r;return a(o(o(r=t.call(this,n)||this)),"retry",(function(){r.setState({error:null,loading:!0,timedOut:!1}),h=e(m.loader),r._loadModule()})),g(),r.state={error:h.error,pastDelay:!1,timedOut:!1,loading:h.loading,loaded:h.loaded},r}r(n,t),n.preload=function(){return g()};var i=n.prototype;return i.UNSAFE_componentWillMount=function(){this._loadModule()},i.componentDidMount=function(){this._mounted=!0},i._loadModule=function(){var e=this;if(this.context&&Array.isArray(m.modules)&&m.modules.forEach((function(t){e.context.report(t)})),h.loading){var t=function(t){e._mounted&&e.setState(t)};"number"==typeof m.delay&&(0===m.delay?this.setState({pastDelay:!0}):this._delay=setTimeout((function(){t({pastDelay:!0})}),m.delay)),"number"==typeof m.timeout&&(this._timeout=setTimeout((function(){t({timedOut:!0})}),m.timeout));var n=function(){t({error:h.error,loaded:h.loaded,loading:h.loading}),e._clearTimeouts()};h.promise.then((function(){return n(),null})).catch((function(e){return n(),null}))}},i.componentWillUnmount=function(){this._mounted=!1,this._clearTimeouts()},i._clearTimeouts=function(){clearTimeout(this._delay),clearTimeout(this._timeout)},i.render=function(){return this.state.loading||this.state.error?s.createElement(m.loading,{isLoading:this.state.loading,pastDelay:this.state.pastDelay,timedOut:this.state.timedOut,error:this.state.error,retry:this.retry}):this.state.loaded?m.render(this.state.loaded,this.props):null},n}(s.Component),a(d,"contextType",u),p}function h(e){return m(d,e)}h.Map=function(e){if("function"!=typeof e.render)throw new Error("LoadableMap requires a `render(loaded, props)` function");return m(p,e)};var g=function(e){function t(){return e.apply(this,arguments)||this}return r(t,e),t.prototype.render=function(){return s.createElement(u.Provider,{value:{report:this.props.report}},s.Children.only(this.props.children))},t}(s.Component);function b(e){for(var t=[];e.length;){var n=e.pop();t.push(n())}return Promise.all(t).then((function(){if(e.length)return b(e)}))}h.Capture=g,h.preloadAll=function(){return new Promise((function(e,t){b(l).then(e,t)}))},h.preloadReady=function(){return new Promise((function(e,t){b(c).then(e,e)}))},e.exports=h},5348:(e,t,n)=>{"use strict";n.r(t),n.d(t,{default:()=>a});var r=n(8744),o=n.n(r);o().configure({showSpinner:!1});const a={onRouteUpdate(e){let{location:t,previousLocation:n}=e;if(n&&t.pathname!==n.pathname){const e=window.setTimeout((()=>{o().start()}),200);return()=>window.clearTimeout(e)}},onRouteDidUpdate(){o().done()}}},9773:(e,t,n)=>{"use strict";var r=n(5371),o=n(4784);!function(e){const{themeConfig:{prism:t}}=o.default,{additionalLanguages:r}=t;globalThis.Prism=e,r.forEach((e=>{"php"===e&&n(1274),n(9927)(`./prism-${e}`)})),delete globalThis.Prism}(r.My)},1507:(e,t,n)=>{"use strict";n.d(t,{A:()=>u});n(758);var r=n(3526),o=n(7765),a=n(316),i=n(6783),s=n(6828);const l={anchorWithStickyNavbar:"anchorWithStickyNavbar_QzlE",anchorWithHideOnScrollNavbar:"anchorWithHideOnScrollNavbar_IGdS"};var c=n(6070);function u(e){let{as:t,id:n,...u}=e;const d=(0,s.A)(),{navbar:{hideOnScroll:p}}=(0,a.p)();if("h1"===t||!n)return(0,c.jsx)(t,{...u,id:void 0});d.collectAnchor(n);const f=(0,o.T)({id:"theme.common.headingLinkTitle",message:"Direct link to {heading}",description:"Title for link to heading"},{heading:"string"==typeof u.children?u.children:n});return(0,c.jsxs)(t,{...u,className:(0,r.A)("anchor",p?l.anchorWithHideOnScrollNavbar:l.anchorWithStickyNavbar,u.className),id:n,children:[u.children,(0,c.jsx)(i.A,{className:"hash-link",to:`#${n}`,"aria-label":f,title:f,children:"\u200b"})]})}},9503:(e,t,n)=>{"use strict";n.d(t,{A:()=>a});n(758);const r={iconExternalLink:"iconExternalLink_rel2"};var o=n(6070);function a(e){let{width:t=13.5,height:n=13.5}=e;return(0,o.jsx)("svg",{width:t,height:n,"aria-hidden":"true",viewBox:"0 0 24 24",className:r.iconExternalLink,children:(0,o.jsx)("path",{fill:"currentColor",d:"M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"})})}},3041:(e,t,n)=>{"use strict";n.d(t,{A:()=>jt});var r=n(758),o=n(3526),a=n(356),i=n(898),s=n(5557),l=n(7765),c=n(2360),u=n(6070);const d="__docusaurus_skipToContent_fallback";function p(e){e.setAttribute("tabindex","-1"),e.focus(),e.removeAttribute("tabindex")}function f(){const e=(0,r.useRef)(null),{action:t}=(0,s.W6)(),n=(0,r.useCallback)((e=>{e.preventDefault();const t=document.querySelector("main:first-of-type")??document.getElementById(d);t&&p(t)}),[]);return(0,c.$)((n=>{let{location:r}=n;e.current&&!r.hash&&"PUSH"===t&&p(e.current)})),{containerRef:e,onClick:n}}const m=(0,l.T)({id:"theme.common.skipToMainContent",description:"The skip to content label used for accessibility, allowing to rapidly navigate to main content with keyboard tab/enter navigation",message:"Skip to main content"});function h(e){const t=e.children??m,{containerRef:n,onClick:r}=f();return(0,u.jsx)("div",{ref:n,role:"region","aria-label":m,children:(0,u.jsx)("a",{...e,href:`#${d}`,onClick:r,children:t})})}var g=n(8813),b=n(9782);const y={skipToContent:"skipToContent_iI6K"};function v(){return(0,u.jsx)(h,{className:y.skipToContent})}var w=n(316),k=n(1611);function S(e){let{width:t=21,height:n=21,color:r="currentColor",strokeWidth:o=1.2,className:a,...i}=e;return(0,u.jsx)("svg",{viewBox:"0 0 15 15",width:t,height:n,...i,children:(0,u.jsx)("g",{stroke:r,strokeWidth:o,children:(0,u.jsx)("path",{d:"M.75.75l13.5 13.5M14.25.75L.75 14.25"})})})}const x={closeButton:"closeButton_Y4Q2"};function E(e){return(0,u.jsx)("button",{type:"button","aria-label":(0,l.T)({id:"theme.AnnouncementBar.closeButtonAriaLabel",message:"Close",description:"The ARIA label for close button of announcement bar"}),...e,className:(0,o.A)("clean-btn close",x.closeButton,e.className),children:(0,u.jsx)(S,{width:14,height:14,strokeWidth:3.1})})}const _={content:"content_CxvN"};function j(e){const{announcementBar:t}=(0,w.p)(),{content:n}=t;return(0,u.jsx)("div",{...e,className:(0,o.A)(_.content,e.className),dangerouslySetInnerHTML:{__html:n}})}const C={announcementBar:"announcementBar_Wthk",announcementBarPlaceholder:"announcementBarPlaceholder_aISb",announcementBarClose:"announcementBarClose_vsml",announcementBarContent:"announcementBarContent_peeZ"};function O(){const{announcementBar:e}=(0,w.p)(),{isActive:t,close:n}=(0,k.M)();if(!t)return null;const{backgroundColor:r,textColor:o,isCloseable:a}=e;return(0,u.jsxs)("div",{className:C.announcementBar,style:{backgroundColor:r,color:o},role:"banner",children:[a&&(0,u.jsx)("div",{className:C.announcementBarPlaceholder}),(0,u.jsx)(j,{className:C.announcementBarContent}),a&&(0,u.jsx)(E,{onClick:n,className:C.announcementBarClose})]})}var A=n(1003),T=n(9030);var P=n(4902),z=n(646);const I=r.createContext(null);function L(e){let{children:t}=e;const n=function(){const e=(0,A.M)(),t=(0,z.YL)(),[n,o]=(0,r.useState)(!1),a=null!==t.component,i=(0,P.ZC)(a);return(0,r.useEffect)((()=>{a&&!i&&o(!0)}),[a,i]),(0,r.useEffect)((()=>{a?e.shown||o(!0):o(!1)}),[e.shown,a]),(0,r.useMemo)((()=>[n,o]),[n])}();return(0,u.jsx)(I.Provider,{value:n,children:t})}function N(e){if(e.component){const t=e.component;return(0,u.jsx)(t,{...e.props})}}function R(){const e=(0,r.useContext)(I);if(!e)throw new P.dV("NavbarSecondaryMenuDisplayProvider");const[t,n]=e,o=(0,r.useCallback)((()=>n(!1)),[n]),a=(0,z.YL)();return(0,r.useMemo)((()=>({shown:t,hide:o,content:N(a)})),[o,a,t])}function D(e){let{header:t,primaryMenu:n,secondaryMenu:r}=e;const{shown:a}=R();return(0,u.jsxs)("div",{className:"navbar-sidebar",children:[t,(0,u.jsxs)("div",{className:(0,o.A)("navbar-sidebar__items",{"navbar-sidebar__items--show-secondary":a}),children:[(0,u.jsx)("div",{className:"navbar-sidebar__item menu",children:n}),(0,u.jsx)("div",{className:"navbar-sidebar__item menu",children:r})]})]})}var M=n(9731),F=n(2630);function B(e){return(0,u.jsx)("svg",{viewBox:"0 0 24 24",width:24,height:24,...e,children:(0,u.jsx)("path",{fill:"currentColor",d:"M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"})})}function U(e){return(0,u.jsx)("svg",{viewBox:"0 0 24 24",width:24,height:24,...e,children:(0,u.jsx)("path",{fill:"currentColor",d:"M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"})})}const q={toggle:"toggle_rtf2",toggleButton:"toggleButton_lzER",darkToggleIcon:"darkToggleIcon_un8X",lightToggleIcon:"lightToggleIcon_isKo",toggleButtonDisabled:"toggleButtonDisabled_jUHO"};function $(e){let{className:t,buttonClassName:n,value:r,onChange:a}=e;const i=(0,F.A)(),s=(0,l.T)({message:"Switch between dark and light mode (currently {mode})",id:"theme.colorToggle.ariaLabel",description:"The ARIA label for the navbar color mode toggle"},{mode:"dark"===r?(0,l.T)({message:"dark mode",id:"theme.colorToggle.ariaLabel.mode.dark",description:"The name for the dark color mode"}):(0,l.T)({message:"light mode",id:"theme.colorToggle.ariaLabel.mode.light",description:"The name for the light color mode"})});return(0,u.jsx)("div",{className:(0,o.A)(q.toggle,t),children:(0,u.jsxs)("button",{className:(0,o.A)("clean-btn",q.toggleButton,!i&&q.toggleButtonDisabled,n),type:"button",onClick:()=>a("dark"===r?"light":"dark"),disabled:!i,title:s,"aria-label":s,"aria-live":"polite",children:[(0,u.jsx)(B,{className:(0,o.A)(q.toggleIcon,q.lightToggleIcon)}),(0,u.jsx)(U,{className:(0,o.A)(q.toggleIcon,q.darkToggleIcon)})]})})}const H=r.memo($),V={darkNavbarColorModeToggle:"darkNavbarColorModeToggle_NEom"};function G(e){let{className:t}=e;const n=(0,w.p)().navbar.style,r=(0,w.p)().colorMode.disableSwitch,{colorMode:o,setColorMode:a}=(0,M.G)();return r?null:(0,u.jsx)(H,{className:t,buttonClassName:"dark"===n?V.darkNavbarColorModeToggle:void 0,value:o,onChange:a})}var W=n(7007);function K(){return(0,u.jsx)(W.A,{className:"navbar__brand",imageClassName:"navbar__logo",titleClassName:"navbar__title text--truncate"})}function Q(){const e=(0,A.M)();return(0,u.jsx)("button",{type:"button","aria-label":(0,l.T)({id:"theme.docs.sidebar.closeSidebarButtonAriaLabel",message:"Close navigation bar",description:"The ARIA label for close button of mobile sidebar"}),className:"clean-btn navbar-sidebar__close",onClick:()=>e.toggle(),children:(0,u.jsx)(S,{color:"var(--ifm-color-emphasis-600)"})})}function Y(){return(0,u.jsxs)("div",{className:"navbar-sidebar__brand",children:[(0,u.jsx)(K,{}),(0,u.jsx)(G,{className:"margin-right--md"}),(0,u.jsx)(Q,{})]})}var Z=n(6783),J=n(5252),X=n(1933),ee=n(5130),te=n(9503);function ne(e){let{activeBasePath:t,activeBaseRegex:n,to:r,href:o,label:a,html:i,isDropdownLink:s,prependBaseUrlToHref:l,...c}=e;const d=(0,J.Ay)(r),p=(0,J.Ay)(t),f=(0,J.Ay)(o,{forcePrependBaseUrl:!0}),m=a&&o&&!(0,X.A)(o),h=i?{dangerouslySetInnerHTML:{__html:i}}:{children:(0,u.jsxs)(u.Fragment,{children:[a,m&&(0,u.jsx)(te.A,{...s&&{width:12,height:12}})]})};return o?(0,u.jsx)(Z.A,{href:l?f:o,...c,...h}):(0,u.jsx)(Z.A,{to:d,isNavLink:!0,...(t||n)&&{isActive:(e,t)=>n?(0,ee.G)(n,t.pathname):t.pathname.startsWith(p)},...c,...h})}function re(e){let{className:t,isDropdownItem:n=!1,...r}=e;const a=(0,u.jsx)(ne,{className:(0,o.A)(n?"dropdown__link":"navbar__item navbar__link",t),isDropdownLink:n,...r});return n?(0,u.jsx)("li",{children:a}):a}function oe(e){let{className:t,isDropdownItem:n,...r}=e;return(0,u.jsx)("li",{className:"menu__list-item",children:(0,u.jsx)(ne,{className:(0,o.A)("menu__link",t),...r})})}function ae(e){let{mobile:t=!1,position:n,...r}=e;const o=t?oe:re;return(0,u.jsx)(o,{...r,activeClassName:r.activeClassName??(t?"menu__link--active":"navbar__link--active")})}var ie=n(7064),se=n(5763),le=n(9143);const ce={dropdownNavbarItemMobile:"dropdownNavbarItemMobile_Uft3"};function ue(e,t){return e.some((e=>function(e,t){return!!(0,se.ys)(e.to,t)||!!(0,ee.G)(e.activeBaseRegex,t)||!(!e.activeBasePath||!t.startsWith(e.activeBasePath))}(e,t)))}function de(e){let{items:t,position:n,className:a,onClick:i,...s}=e;const l=(0,r.useRef)(null),[c,d]=(0,r.useState)(!1);return(0,r.useEffect)((()=>{const e=e=>{l.current&&!l.current.contains(e.target)&&d(!1)};return document.addEventListener("mousedown",e),document.addEventListener("touchstart",e),document.addEventListener("focusin",e),()=>{document.removeEventListener("mousedown",e),document.removeEventListener("touchstart",e),document.removeEventListener("focusin",e)}}),[l]),(0,u.jsxs)("div",{ref:l,className:(0,o.A)("navbar__item","dropdown","dropdown--hoverable",{"dropdown--right":"right"===n,"dropdown--show":c}),children:[(0,u.jsx)(ne,{"aria-haspopup":"true","aria-expanded":c,role:"button",href:s.to?void 0:"#",className:(0,o.A)("navbar__link",a),...s,onClick:s.to?void 0:e=>e.preventDefault(),onKeyDown:e=>{"Enter"===e.key&&(e.preventDefault(),d(!c))},children:s.children??s.label}),(0,u.jsx)("ul",{className:"dropdown__menu",children:t.map(((e,t)=>(0,r.createElement)(Me,{isDropdownItem:!0,activeClassName:"dropdown__link--active",...e,key:t})))})]})}function pe(e){let{items:t,className:n,position:a,onClick:i,...l}=e;const c=function(){const{siteConfig:{baseUrl:e}}=(0,le.A)(),{pathname:t}=(0,s.zy)();return t.replace(e,"/")}(),d=ue(t,c),{collapsed:p,toggleCollapsed:f,setCollapsed:m}=(0,ie.u)({initialState:()=>!d});return(0,r.useEffect)((()=>{d&&m(!d)}),[c,d,m]),(0,u.jsxs)("li",{className:(0,o.A)("menu__list-item",{"menu__list-item--collapsed":p}),children:[(0,u.jsx)(ne,{role:"button",className:(0,o.A)(ce.dropdownNavbarItemMobile,"menu__link menu__link--sublist menu__link--sublist-caret",n),...l,onClick:e=>{e.preventDefault(),f()},children:l.children??l.label}),(0,u.jsx)(ie.N,{lazy:!0,as:"ul",className:"menu__list",collapsed:p,children:t.map(((e,t)=>(0,r.createElement)(Me,{mobile:!0,isDropdownItem:!0,onClick:i,activeClassName:"menu__link--active",...e,key:t})))})]})}function fe(e){let{mobile:t=!1,...n}=e;const r=t?pe:de;return(0,u.jsx)(r,{...n})}var me=n(1529);function he(e){let{width:t=20,height:n=20,...r}=e;return(0,u.jsx)("svg",{viewBox:"0 0 24 24",width:t,height:n,"aria-hidden":!0,...r,children:(0,u.jsx)("path",{fill:"currentColor",d:"M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"})})}const ge="iconLanguage_wlog";var be=n(8143),ye=n(7781),ve=n(2293),we=n(8169),ke=n(1152),Se=n(4937),xe=n(4619);function Ee(){return[`language:${(0,le.A)().i18n.currentLocale}`,function(){const e=(0,xe.v)();return[Se.C,...e]}().map((e=>`docusaurus_tag:${e}`))]}const _e={button:{buttonText:(0,l.T)({id:"theme.SearchBar.label",message:"Search",description:"The ARIA label and placeholder for search button"}),buttonAriaLabel:(0,l.T)({id:"theme.SearchBar.label",message:"Search",description:"The ARIA label and placeholder for search button"})},modal:{searchBox:{resetButtonTitle:(0,l.T)({id:"theme.SearchModal.searchBox.resetButtonTitle",message:"Clear the query",description:"The label and ARIA label for search box reset button"}),resetButtonAriaLabel:(0,l.T)({id:"theme.SearchModal.searchBox.resetButtonTitle",message:"Clear the query",description:"The label and ARIA label for search box reset button"}),cancelButtonText:(0,l.T)({id:"theme.SearchModal.searchBox.cancelButtonText",message:"Cancel",description:"The label and ARIA label for search box cancel button"}),cancelButtonAriaLabel:(0,l.T)({id:"theme.SearchModal.searchBox.cancelButtonText",message:"Cancel",description:"The label and ARIA label for search box cancel button"})},startScreen:{recentSearchesTitle:(0,l.T)({id:"theme.SearchModal.startScreen.recentSearchesTitle",message:"Recent",description:"The title for recent searches"}),noRecentSearchesText:(0,l.T)({id:"theme.SearchModal.startScreen.noRecentSearchesText",message:"No recent searches",description:"The text when no recent searches"}),saveRecentSearchButtonTitle:(0,l.T)({id:"theme.SearchModal.startScreen.saveRecentSearchButtonTitle",message:"Save this search",description:"The label for save recent search button"}),removeRecentSearchButtonTitle:(0,l.T)({id:"theme.SearchModal.startScreen.removeRecentSearchButtonTitle",message:"Remove this search from history",description:"The label for remove recent search button"}),favoriteSearchesTitle:(0,l.T)({id:"theme.SearchModal.startScreen.favoriteSearchesTitle",message:"Favorite",description:"The title for favorite searches"}),removeFavoriteSearchButtonTitle:(0,l.T)({id:"theme.SearchModal.startScreen.removeFavoriteSearchButtonTitle",message:"Remove this search from favorites",description:"The label for remove favorite search button"})},errorScreen:{titleText:(0,l.T)({id:"theme.SearchModal.errorScreen.titleText",message:"Unable to fetch results",description:"The title for error screen of search modal"}),helpText:(0,l.T)({id:"theme.SearchModal.errorScreen.helpText",message:"You might want to check your network connection.",description:"The help text for error screen of search modal"})},footer:{selectText:(0,l.T)({id:"theme.SearchModal.footer.selectText",message:"to select",description:"The explanatory text of the action for the enter key"}),selectKeyAriaLabel:(0,l.T)({id:"theme.SearchModal.footer.selectKeyAriaLabel",message:"Enter key",description:"The ARIA label for the Enter key button that makes the selection"}),navigateText:(0,l.T)({id:"theme.SearchModal.footer.navigateText",message:"to navigate",description:"The explanatory text of the action for the Arrow up and Arrow down key"}),navigateUpKeyAriaLabel:(0,l.T)({id:"theme.SearchModal.footer.navigateUpKeyAriaLabel",message:"Arrow up",description:"The ARIA label for the Arrow up key button that makes the navigation"}),navigateDownKeyAriaLabel:(0,l.T)({id:"theme.SearchModal.footer.navigateDownKeyAriaLabel",message:"Arrow down",description:"The ARIA label for the Arrow down key button that makes the navigation"}),closeText:(0,l.T)({id:"theme.SearchModal.footer.closeText",message:"to close",description:"The explanatory text of the action for Escape key"}),closeKeyAriaLabel:(0,l.T)({id:"theme.SearchModal.footer.closeKeyAriaLabel",message:"Escape key",description:"The ARIA label for the Escape key button that close the modal"}),searchByText:(0,l.T)({id:"theme.SearchModal.footer.searchByText",message:"Search by",description:"The text explain that the search is making by Algolia"})},noResultsScreen:{noResultsText:(0,l.T)({id:"theme.SearchModal.noResultsScreen.noResultsText",message:"No results for",description:"The text explains that there are no results for the following search"}),suggestedQueryText:(0,l.T)({id:"theme.SearchModal.noResultsScreen.suggestedQueryText",message:"Try searching for",description:"The text for the suggested query when no results are found for the following search"}),reportMissingResultsText:(0,l.T)({id:"theme.SearchModal.noResultsScreen.reportMissingResultsText",message:"Believe this query should return results?",description:"The text for the question where the user thinks there are missing results"}),reportMissingResultsLinkText:(0,l.T)({id:"theme.SearchModal.noResultsScreen.reportMissingResultsLinkText",message:"Let us know.",description:"The text for the link to report missing results"})}},placeholder:(0,l.T)({id:"theme.SearchModal.placeholder",message:"Search docs",description:"The placeholder of the input of the DocSearch pop-up modal"})};let je=null;function Ce(e){let{hit:t,children:n}=e;return(0,u.jsx)(Z.A,{to:t.url,children:n})}function Oe(e){let{state:t,onClose:n}=e;const r=(0,we.w)();return(0,u.jsx)(Z.A,{to:r(t.query),onClick:n,children:(0,u.jsx)(l.A,{id:"theme.SearchBar.seeAll",values:{count:t.context.nbHits},children:"See all {count} results"})})}function Ae(e){let{contextualSearch:t,externalUrlRegex:o,...a}=e;const{siteMetadata:i}=(0,le.A)(),l=(0,ke.C)(),c=Ee(),d=a.searchParameters?.facetFilters??[],p=t?function(e,t){const n=e=>"string"==typeof e?[e]:e;return[...n(e),...n(t)]}(c,d):d,f={...a.searchParameters,facetFilters:p},m=(0,s.W6)(),h=(0,r.useRef)(null),g=(0,r.useRef)(null),[b,y]=(0,r.useState)(!1),[v,w]=(0,r.useState)(void 0),k=(0,r.useCallback)((()=>je?Promise.resolve():Promise.all([n.e(9553).then(n.bind(n,9553)),Promise.all([n.e(1869),n.e(9562)]).then(n.bind(n,9562)),Promise.all([n.e(1869),n.e(8570)]).then(n.bind(n,8570))]).then((e=>{let[{DocSearchModal:t}]=e;je=t}))),[]),S=(0,r.useCallback)((()=>{if(!h.current){const e=document.createElement("div");h.current=e,document.body.insertBefore(e,document.body.firstChild)}}),[]),x=(0,r.useCallback)((()=>{S(),k().then((()=>y(!0)))}),[k,S]),E=(0,r.useCallback)((()=>{y(!1),g.current?.focus()}),[]),_=(0,r.useCallback)((e=>{"f"===e.key&&(e.metaKey||e.ctrlKey)||(e.preventDefault(),w(e.key),x())}),[x]),j=(0,r.useRef)({navigate(e){let{itemUrl:t}=e;(0,ee.G)(o,t)?window.location.href=t:m.push(t)}}).current,C=(0,r.useRef)((e=>a.transformItems?a.transformItems(e):e.map((e=>({...e,url:l(e.url)}))))).current,O=(0,r.useMemo)((()=>e=>(0,u.jsx)(Oe,{...e,onClose:E})),[E]),A=(0,r.useCallback)((e=>(e.addAlgoliaAgent("docusaurus",i.docusaurusVersion),e)),[i.docusaurusVersion]);return(0,ye.E8)({isOpen:b,onOpen:x,onClose:E,onInput:_,searchButtonRef:g}),(0,u.jsxs)(u.Fragment,{children:[(0,u.jsx)(ve.A,{children:(0,u.jsx)("link",{rel:"preconnect",href:`https://${a.appId}-dsn.algolia.net`,crossOrigin:"anonymous"})}),(0,u.jsx)(ye.Bc,{onTouchStart:k,onFocus:k,onMouseOver:k,onClick:x,ref:g,translations:_e.button}),b&&je&&h.current&&(0,be.createPortal)((0,u.jsx)(je,{onClose:E,initialScrollY:window.scrollY,initialQuery:v,navigator:j,transformItems:C,hitComponent:Ce,transformSearchClient:A,...a.searchPagePath&&{resultsFooterComponent:O},...a,searchParameters:f,placeholder:_e.placeholder,translations:_e.modal}),h.current)]})}function Te(){const{siteConfig:e}=(0,le.A)();return(0,u.jsx)(Ae,{...e.themeConfig.algolia})}const Pe={navbarSearchContainer:"navbarSearchContainer_DsMw"};function ze(e){let{children:t,className:n}=e;return(0,u.jsx)("div",{className:(0,o.A)(n,Pe.navbarSearchContainer),children:t})}var Ie=n(9860),Le=n(1630);var Ne=n(3724);function Re(e,t){return t.alternateDocVersions[e.name]??function(e){return e.docs.find((t=>t.id===e.mainDocId))}(e)}const De={default:ae,localeDropdown:function(e){let{mobile:t,dropdownItemsBefore:n,dropdownItemsAfter:r,queryString:o="",...a}=e;const{i18n:{currentLocale:i,locales:c,localeConfigs:d}}=(0,le.A)(),p=(0,me.o)(),{search:f,hash:m}=(0,s.zy)(),h=[...n,...c.map((e=>{const n=`${`pathname://${p.createUrl({locale:e,fullyQualified:!1})}`}${f}${m}${o}`;return{label:d[e].label,lang:d[e].htmlLang,to:n,target:"_self",autoAddBaseUrl:!1,className:e===i?t?"menu__link--active":"dropdown__link--active":""}})),...r],g=t?(0,l.T)({message:"Languages",id:"theme.navbar.mobileLanguageDropdown.label",description:"The label for the mobile language switcher dropdown"}):d[i].label;return(0,u.jsx)(fe,{...a,mobile:t,label:(0,u.jsxs)(u.Fragment,{children:[(0,u.jsx)(he,{className:ge}),g]}),items:h})},search:function(e){let{mobile:t,className:n}=e;return t?null:(0,u.jsx)(ze,{className:n,children:(0,u.jsx)(Te,{})})},dropdown:fe,html:function(e){let{value:t,className:n,mobile:r=!1,isDropdownItem:a=!1}=e;const i=a?"li":"div";return(0,u.jsx)(i,{className:(0,o.A)({navbar__item:!r&&!a,"menu__list-item":r},n),dangerouslySetInnerHTML:{__html:t}})},doc:function(e){let{docId:t,label:n,docsPluginId:r,...o}=e;const{activeDoc:a}=(0,Ie.zK)(r),i=(0,Le.QB)(t,r),s=a?.path===i?.path;return null===i||i.unlisted&&!s?null:(0,u.jsx)(ae,{exact:!0,...o,isActive:()=>s||!!a?.sidebar&&a.sidebar===i.sidebar,label:n??i.id,to:i.path})},docSidebar:function(e){let{sidebarId:t,label:n,docsPluginId:r,...o}=e;const{activeDoc:a}=(0,Ie.zK)(r),i=(0,Le.fW)(t,r).link;if(!i)throw new Error(`DocSidebarNavbarItem: Sidebar with ID "${t}" doesn't have anything to be linked to.`);return(0,u.jsx)(ae,{exact:!0,...o,isActive:()=>a?.sidebar===t,label:n??i.label,to:i.path})},docsVersion:function(e){let{label:t,to:n,docsPluginId:r,...o}=e;const a=(0,Le.Vd)(r)[0],i=t??a.label,s=n??(e=>e.docs.find((t=>t.id===e.mainDocId)))(a).path;return(0,u.jsx)(ae,{...o,label:i,to:s})},docsVersionDropdown:function(e){let{mobile:t,docsPluginId:n,dropdownActiveClassDisabled:r,dropdownItemsBefore:o,dropdownItemsAfter:a,...i}=e;const{search:c,hash:d}=(0,s.zy)(),p=(0,Ie.zK)(n),f=(0,Ie.jh)(n),{savePreferredVersionName:m}=(0,Ne.g1)(n),h=[...o,...f.map((function(e){const t=Re(e,p);return{label:e.label,to:`${t.path}${c}${d}`,isActive:()=>e===p.activeVersion,onClick:()=>m(e.name)}})),...a],g=(0,Le.Vd)(n)[0],b=t&&h.length>1?(0,l.T)({id:"theme.navbar.mobileVersionsDropdown.label",message:"Versions",description:"The label for the navbar versions dropdown on mobile view"}):g.label,y=t&&h.length>1?void 0:Re(g,p).path;return h.length<=1?(0,u.jsx)(ae,{...i,mobile:t,label:b,to:y,isActive:r?()=>!1:void 0}):(0,u.jsx)(fe,{...i,mobile:t,label:b,to:y,items:h,isActive:r?()=>!1:void 0})}};function Me(e){let{type:t,...n}=e;const r=function(e,t){return e&&"default"!==e?e:"items"in t?"dropdown":"default"}(t,n),o=De[r];if(!o)throw new Error(`No NavbarItem component found for type "${t}".`);return(0,u.jsx)(o,{...n})}function Fe(){const e=(0,A.M)(),t=(0,w.p)().navbar.items;return(0,u.jsx)("ul",{className:"menu__list",children:t.map(((t,n)=>(0,r.createElement)(Me,{mobile:!0,...t,onClick:()=>e.toggle(),key:n})))})}function Be(e){return(0,u.jsx)("button",{...e,type:"button",className:"clean-btn navbar-sidebar__back",children:(0,u.jsx)(l.A,{id:"theme.navbar.mobileSidebarSecondaryMenu.backButtonLabel",description:"The label of the back button to return to main menu, inside the mobile navbar sidebar secondary menu (notably used to display the docs sidebar)",children:"\u2190 Back to main menu"})})}function Ue(){const e=0===(0,w.p)().navbar.items.length,t=R();return(0,u.jsxs)(u.Fragment,{children:[!e&&(0,u.jsx)(Be,{onClick:()=>t.hide()}),t.content]})}function qe(){const e=(0,A.M)();var t;return void 0===(t=e.shown)&&(t=!0),(0,r.useEffect)((()=>(document.body.style.overflow=t?"hidden":"visible",()=>{document.body.style.overflow="visible"})),[t]),e.shouldRender?(0,u.jsx)(D,{header:(0,u.jsx)(Y,{}),primaryMenu:(0,u.jsx)(Fe,{}),secondaryMenu:(0,u.jsx)(Ue,{})}):null}const $e={navbarHideable:"navbarHideable_v02o",navbarHidden:"navbarHidden_YVDo"};function He(e){return(0,u.jsx)("div",{role:"presentation",...e,className:(0,o.A)("navbar-sidebar__backdrop",e.className)})}function Ve(e){let{children:t}=e;const{navbar:{hideOnScroll:n,style:a}}=(0,w.p)(),i=(0,A.M)(),{navbarRef:s,isNavbarVisible:d}=function(e){const[t,n]=(0,r.useState)(e),o=(0,r.useRef)(!1),a=(0,r.useRef)(0),i=(0,r.useCallback)((e=>{null!==e&&(a.current=e.getBoundingClientRect().height)}),[]);return(0,T.Mq)(((t,r)=>{let{scrollY:i}=t;if(!e)return;if(i<a.current)return void n(!0);if(o.current)return void(o.current=!1);const s=r?.scrollY,l=document.documentElement.scrollHeight-a.current,c=window.innerHeight;s&&i>=s?n(!1):i+c<l&&n(!0)})),(0,c.$)((t=>{if(!e)return;const r=t.location.hash;if(r?document.getElementById(r.substring(1)):void 0)return o.current=!0,void n(!1);n(!0)})),{navbarRef:i,isNavbarVisible:t}}(n);return(0,u.jsxs)("nav",{ref:s,"aria-label":(0,l.T)({id:"theme.NavBar.navAriaLabel",message:"Main",description:"The ARIA label for the main navigation"}),className:(0,o.A)("navbar","navbar--fixed-top",n&&[$e.navbarHideable,!d&&$e.navbarHidden],{"navbar--dark":"dark"===a,"navbar--primary":"primary"===a,"navbar-sidebar--show":i.shown}),children:[t,(0,u.jsx)(He,{onClick:i.toggle}),(0,u.jsx)(qe,{})]})}var Ge=n(3509);const We={errorBoundaryError:"errorBoundaryError_t0Si",errorBoundaryFallback:"errorBoundaryFallback_rqmh"};function Ke(e){return(0,u.jsx)("button",{type:"button",...e,children:(0,u.jsx)(l.A,{id:"theme.ErrorPageContent.tryAgain",description:"The label of the button to try again rendering when the React error boundary captures an error",children:"Try again"})})}function Qe(e){let{error:t}=e;const n=(0,Ge.rA)(t).map((e=>e.message)).join("\n\nCause:\n");return(0,u.jsx)("p",{className:We.errorBoundaryError,children:n})}class Ye extends r.Component{componentDidCatch(e,t){throw this.props.onError(e,t)}render(){return this.props.children}}const Ze="right";function Je(e){let{width:t=30,height:n=30,className:r,...o}=e;return(0,u.jsx)("svg",{className:r,width:t,height:n,viewBox:"0 0 30 30","aria-hidden":"true",...o,children:(0,u.jsx)("path",{stroke:"currentColor",strokeLinecap:"round",strokeMiterlimit:"10",strokeWidth:"2",d:"M4 7h22M4 15h22M4 23h22"})})}function Xe(){const{toggle:e,shown:t}=(0,A.M)();return(0,u.jsx)("button",{onClick:e,"aria-label":(0,l.T)({id:"theme.docs.sidebar.toggleSidebarButtonAriaLabel",message:"Toggle navigation bar",description:"The ARIA label for hamburger menu button of mobile navigation"}),"aria-expanded":t,className:"navbar__toggle clean-btn",type:"button",children:(0,u.jsx)(Je,{})})}const et={colorModeToggle:"colorModeToggle_G2yU"};function tt(e){let{items:t}=e;return(0,u.jsx)(u.Fragment,{children:t.map(((e,t)=>(0,u.jsx)(Ye,{onError:t=>new Error(`A theme navbar item failed to render.\nPlease double-check the following navbar item (themeConfig.navbar.items) of your Docusaurus config:\n${JSON.stringify(e,null,2)}`,{cause:t}),children:(0,u.jsx)(Me,{...e})},t)))})}function nt(e){let{left:t,right:n}=e;return(0,u.jsxs)("div",{className:"navbar__inner",children:[(0,u.jsx)("div",{className:"navbar__items",children:t}),(0,u.jsx)("div",{className:"navbar__items navbar__items--right",children:n})]})}function rt(){const e=(0,A.M)(),t=(0,w.p)().navbar.items,[n,r]=function(e){function t(e){return"left"===(e.position??Ze)}return[e.filter(t),e.filter((e=>!t(e)))]}(t),o=t.find((e=>"search"===e.type));return(0,u.jsx)(nt,{left:(0,u.jsxs)(u.Fragment,{children:[!e.disabled&&(0,u.jsx)(Xe,{}),(0,u.jsx)(K,{}),(0,u.jsx)(tt,{items:n})]}),right:(0,u.jsxs)(u.Fragment,{children:[(0,u.jsx)(tt,{items:r}),(0,u.jsx)(G,{className:et.colorModeToggle}),!o&&(0,u.jsx)(ze,{children:(0,u.jsx)(Te,{})})]})})}function ot(){return(0,u.jsx)(Ve,{children:(0,u.jsx)(rt,{})})}function at(e){let{item:t}=e;const{to:n,href:r,label:o,prependBaseUrlToHref:a,...i}=t,s=(0,J.Ay)(n),l=(0,J.Ay)(r,{forcePrependBaseUrl:!0});return(0,u.jsxs)(Z.A,{className:"footer__link-item",...r?{href:a?l:r}:{to:s},...i,children:[o,r&&!(0,X.A)(r)&&(0,u.jsx)(te.A,{})]})}function it(e){let{item:t}=e;return t.html?(0,u.jsx)("li",{className:"footer__item",dangerouslySetInnerHTML:{__html:t.html}}):(0,u.jsx)("li",{className:"footer__item",children:(0,u.jsx)(at,{item:t})},t.href??t.to)}function st(e){let{column:t}=e;return(0,u.jsxs)("div",{className:"col footer__col",children:[(0,u.jsx)("div",{className:"footer__title",children:t.title}),(0,u.jsx)("ul",{className:"footer__items clean-list",children:t.items.map(((e,t)=>(0,u.jsx)(it,{item:e},t)))})]})}function lt(e){let{columns:t}=e;return(0,u.jsx)("div",{className:"row footer__links",children:t.map(((e,t)=>(0,u.jsx)(st,{column:e},t)))})}function ct(){return(0,u.jsx)("span",{className:"footer__link-separator",children:"\xb7"})}function ut(e){let{item:t}=e;return t.html?(0,u.jsx)("span",{className:"footer__link-item",dangerouslySetInnerHTML:{__html:t.html}}):(0,u.jsx)(at,{item:t})}function dt(e){let{links:t}=e;return(0,u.jsx)("div",{className:"footer__links text--center",children:(0,u.jsx)("div",{className:"footer__links",children:t.map(((e,n)=>(0,u.jsxs)(r.Fragment,{children:[(0,u.jsx)(ut,{item:e}),t.length!==n+1&&(0,u.jsx)(ct,{})]},n)))})})}function pt(e){let{links:t}=e;return function(e){return"title"in e[0]}(t)?(0,u.jsx)(lt,{columns:t}):(0,u.jsx)(dt,{links:t})}var ft=n(6012);const mt={footerLogoLink:"footerLogoLink_HxP9"};function ht(e){let{logo:t}=e;const{withBaseUrl:n}=(0,J.hH)(),r={light:n(t.src),dark:n(t.srcDark??t.src)};return(0,u.jsx)(ft.A,{className:(0,o.A)("footer__logo",t.className),alt:t.alt,sources:r,width:t.width,height:t.height,style:t.style})}function gt(e){let{logo:t}=e;return t.href?(0,u.jsx)(Z.A,{href:t.href,className:mt.footerLogoLink,target:t.target,children:(0,u.jsx)(ht,{logo:t})}):(0,u.jsx)(ht,{logo:t})}function bt(e){let{copyright:t}=e;return(0,u.jsx)("div",{className:"footer__copyright",dangerouslySetInnerHTML:{__html:t}})}function yt(e){let{style:t,links:n,logo:r,copyright:a}=e;return(0,u.jsx)("footer",{className:(0,o.A)("footer",{"footer--dark":"dark"===t}),children:(0,u.jsxs)("div",{className:"container container-fluid",children:[n,(r||a)&&(0,u.jsxs)("div",{className:"footer__bottom text--center",children:[r&&(0,u.jsx)("div",{className:"margin-bottom--sm",children:r}),a]})]})})}function vt(){const{footer:e}=(0,w.p)();if(!e)return null;const{copyright:t,links:n,logo:r,style:o}=e;return(0,u.jsx)(yt,{style:o,links:n&&n.length>0&&(0,u.jsx)(pt,{links:n}),logo:r&&(0,u.jsx)(gt,{logo:r}),copyright:t&&(0,u.jsx)(bt,{copyright:t})})}const wt=r.memo(vt),kt=(0,P.fM)([M.a,k.o,T.Tv,Ne.VQ,i.Jx,function(e){let{children:t}=e;return(0,u.jsx)(z.y_,{children:(0,u.jsx)(A.e,{children:(0,u.jsx)(L,{children:t})})})}]);function St(e){let{children:t}=e;return(0,u.jsx)(kt,{children:t})}var xt=n(1507);function Et(e){let{error:t,tryAgain:n}=e;return(0,u.jsx)("main",{className:"container margin-vert--xl",children:(0,u.jsx)("div",{className:"row",children:(0,u.jsxs)("div",{className:"col col--6 col--offset-3",children:[(0,u.jsx)(xt.A,{as:"h1",className:"hero__title",children:(0,u.jsx)(l.A,{id:"theme.ErrorPageContent.title",description:"The title of the fallback page when the page crashed",children:"This page crashed."})}),(0,u.jsx)("div",{className:"margin-vert--lg",children:(0,u.jsx)(Ke,{onClick:n,className:"button button--primary shadow--lw"})}),(0,u.jsx)("hr",{}),(0,u.jsx)("div",{className:"margin-vert--md",children:(0,u.jsx)(Qe,{error:t})})]})})})}const _t={mainWrapper:"mainWrapper_ZPwK"};function jt(e){const{children:t,noFooter:n,wrapperClassName:r,title:s,description:l}=e;return(0,b.J)(),(0,u.jsxs)(St,{children:[(0,u.jsx)(i.be,{title:s,description:l}),(0,u.jsx)(v,{}),(0,u.jsx)(O,{}),(0,u.jsx)(ot,{}),(0,u.jsx)("div",{id:d,className:(0,o.A)(g.G.wrapper.main,_t.mainWrapper,r),children:(0,u.jsx)(a.A,{fallback:e=>(0,u.jsx)(Et,{...e}),children:t})}),!n&&(0,u.jsx)(wt,{})]})}},7007:(e,t,n)=>{"use strict";n.d(t,{A:()=>u});n(758);var r=n(6783),o=n(5252),a=n(9143),i=n(316),s=n(6012),l=n(6070);function c(e){let{logo:t,alt:n,imageClassName:r}=e;const a={light:(0,o.Ay)(t.src),dark:(0,o.Ay)(t.srcDark||t.src)},i=(0,l.jsx)(s.A,{className:t.className,sources:a,height:t.height,width:t.width,alt:n,style:t.style});return r?(0,l.jsx)("div",{className:r,children:i}):i}function u(e){const{siteConfig:{title:t}}=(0,a.A)(),{navbar:{title:n,logo:s}}=(0,i.p)(),{imageClassName:u,titleClassName:d,...p}=e,f=(0,o.Ay)(s?.href||"/"),m=n?"":t,h=s?.alt??m;return(0,l.jsxs)(r.A,{to:f,...p,...s?.target&&{target:s.target},children:[s&&(0,l.jsx)(c,{logo:s,alt:h,imageClassName:u}),null!=n&&(0,l.jsx)("b",{className:d,children:n})]})}},1701:(e,t,n)=>{"use strict";n.d(t,{A:()=>a});n(758);var r=n(2293),o=n(6070);function a(e){let{locale:t,version:n,tag:a}=e;const i=t;return(0,o.jsxs)(r.A,{children:[t&&(0,o.jsx)("meta",{name:"docusaurus_locale",content:t}),n&&(0,o.jsx)("meta",{name:"docusaurus_version",content:n}),a&&(0,o.jsx)("meta",{name:"docusaurus_tag",content:a}),i&&(0,o.jsx)("meta",{name:"docsearch:language",content:i}),n&&(0,o.jsx)("meta",{name:"docsearch:version",content:n}),a&&(0,o.jsx)("meta",{name:"docsearch:docusaurus_tag",content:a})]})}},6012:(e,t,n)=>{"use strict";n.d(t,{A:()=>u});var r=n(758),o=n(3526),a=n(2630),i=n(9731);const s={themedComponent:"themedComponent_v9BS","themedComponent--light":"themedComponent--light_bfJ3","themedComponent--dark":"themedComponent--dark_BRRK"};var l=n(6070);function c(e){let{className:t,children:n}=e;const c=(0,a.A)(),{colorMode:u}=(0,i.G)();return(0,l.jsx)(l.Fragment,{children:(c?"dark"===u?["dark"]:["light"]:["light","dark"]).map((e=>{const a=n({theme:e,className:(0,o.A)(t,s.themedComponent,s[`themedComponent--${e}`])});return(0,l.jsx)(r.Fragment,{children:a},e)}))})}function u(e){const{sources:t,className:n,alt:r,...o}=e;return(0,l.jsx)(c,{className:n,children:e=>{let{theme:n,className:a}=e;return(0,l.jsx)("img",{src:t[n],alt:r,className:a,...o})}})}},7064:(e,t,n)=>{"use strict";n.d(t,{N:()=>b,u:()=>c});var r=n(758),o=n(3088),a=n(8302),i=n(9963),s=n(6070);const l="ease-in-out";function c(e){let{initialState:t}=e;const[n,o]=(0,r.useState)(t??!1),a=(0,r.useCallback)((()=>{o((e=>!e))}),[]);return{collapsed:n,setCollapsed:o,toggleCollapsed:a}}const u={display:"none",overflow:"hidden",height:"0px"},d={display:"block",overflow:"visible",height:"auto"};function p(e,t){const n=t?u:d;e.style.display=n.display,e.style.overflow=n.overflow,e.style.height=n.height}function f(e){let{collapsibleRef:t,collapsed:n,animation:o}=e;const a=(0,r.useRef)(!1);(0,r.useEffect)((()=>{const e=t.current;function r(){const t=e.scrollHeight,n=o?.duration??function(e){if((0,i.O)())return 1;const t=e/36;return Math.round(10*(4+15*t**.25+t/5))}(t);return{transition:`height ${n}ms ${o?.easing??l}`,height:`${t}px`}}function s(){const t=r();e.style.transition=t.transition,e.style.height=t.height}if(!a.current)return p(e,n),void(a.current=!0);return e.style.willChange="height",function(){const t=requestAnimationFrame((()=>{n?(s(),requestAnimationFrame((()=>{e.style.height=u.height,e.style.overflow=u.overflow}))):(e.style.display="block",requestAnimationFrame((()=>{s()})))}));return()=>cancelAnimationFrame(t)}()}),[t,n,o])}function m(e){if(!o.A.canUseDOM)return e?u:d}function h(e){let{as:t="div",collapsed:n,children:o,animation:a,onCollapseTransitionEnd:i,className:l,disableSSRStyle:c}=e;const u=(0,r.useRef)(null);return f({collapsibleRef:u,collapsed:n,animation:a}),(0,s.jsx)(t,{ref:u,style:c?void 0:m(n),onTransitionEnd:e=>{"height"===e.propertyName&&(p(u.current,n),i?.(n))},className:l,children:o})}function g(e){let{collapsed:t,...n}=e;const[o,i]=(0,r.useState)(!t),[l,c]=(0,r.useState)(t);return(0,a.A)((()=>{t||i(!0)}),[t]),(0,a.A)((()=>{o&&c(t)}),[o,t]),o?(0,s.jsx)(h,{...n,collapsed:l}):null}function b(e){let{lazy:t,...n}=e;const r=t?g:h;return(0,s.jsx)(r,{...n})}},1611:(e,t,n)=>{"use strict";n.d(t,{M:()=>h,o:()=>m});var r=n(758),o=n(2630),a=n(3349),i=n(4902),s=n(316),l=n(6070);const c=(0,a.Wf)("docusaurus.announcement.dismiss"),u=(0,a.Wf)("docusaurus.announcement.id"),d=()=>"true"===c.get(),p=e=>c.set(String(e)),f=r.createContext(null);function m(e){let{children:t}=e;const n=function(){const{announcementBar:e}=(0,s.p)(),t=(0,o.A)(),[n,a]=(0,r.useState)((()=>!!t&&d()));(0,r.useEffect)((()=>{a(d())}),[]);const i=(0,r.useCallback)((()=>{p(!0),a(!0)}),[]);return(0,r.useEffect)((()=>{if(!e)return;const{id:t}=e;let n=u.get();"annoucement-bar"===n&&(n="announcement-bar");const r=t!==n;u.set(t),r&&p(!1),!r&&d()||a(!1)}),[e]),(0,r.useMemo)((()=>({isActive:!!e&&!n,close:i})),[e,n,i])}();return(0,l.jsx)(f.Provider,{value:n,children:t})}function h(){const e=(0,r.useContext)(f);if(!e)throw new i.dV("AnnouncementBarProvider");return e}},9731:(e,t,n)=>{"use strict";n.d(t,{G:()=>b,a:()=>g});var r=n(758),o=n(3088),a=n(4902),i=n(3349),s=n(316),l=n(6070);const c=r.createContext(void 0),u="theme",d=(0,i.Wf)(u),p={light:"light",dark:"dark"},f=e=>e===p.dark?p.dark:p.light,m=e=>o.A.canUseDOM?f(document.documentElement.getAttribute("data-theme")):f(e),h=e=>{d.set(f(e))};function g(e){let{children:t}=e;const n=function(){const{colorMode:{defaultMode:e,disableSwitch:t,respectPrefersColorScheme:n}}=(0,s.p)(),[o,a]=(0,r.useState)(m(e));(0,r.useEffect)((()=>{t&&d.del()}),[t]);const i=(0,r.useCallback)((function(t,r){void 0===r&&(r={});const{persist:o=!0}=r;t?(a(t),o&&h(t)):(a(n?window.matchMedia("(prefers-color-scheme: dark)").matches?p.dark:p.light:e),d.del())}),[n,e]);(0,r.useEffect)((()=>{document.documentElement.setAttribute("data-theme",f(o))}),[o]),(0,r.useEffect)((()=>{if(t)return;const e=e=>{if(e.key!==u)return;const t=d.get();null!==t&&i(f(t))};return window.addEventListener("storage",e),()=>window.removeEventListener("storage",e)}),[t,i]);const l=(0,r.useRef)(!1);return(0,r.useEffect)((()=>{if(t&&!n)return;const e=window.matchMedia("(prefers-color-scheme: dark)"),r=()=>{window.matchMedia("print").matches||l.current?l.current=window.matchMedia("print").matches:i(null)};return e.addListener(r),()=>e.removeListener(r)}),[i,t,n]),(0,r.useMemo)((()=>({colorMode:o,setColorMode:i,get isDarkTheme(){return o===p.dark},setLightTheme(){i(p.light)},setDarkTheme(){i(p.dark)}})),[o,i])}();return(0,l.jsx)(c.Provider,{value:n,children:t})}function b(){const e=(0,r.useContext)(c);if(null==e)throw new a.dV("ColorModeProvider","Please see https://docusaurus.io/docs/api/themes/configuration#use-color-mode.");return e}},1003:(e,t,n)=>{"use strict";n.d(t,{M:()=>f,e:()=>p});var r=n(758),o=n(646),a=n(9207),i=n(3979),s=n(316),l=n(4902),c=n(6070);const u=r.createContext(void 0);function d(){const e=function(){const e=(0,o.YL)(),{items:t}=(0,s.p)().navbar;return 0===t.length&&!e.component}(),t=(0,a.l)(),n=!e&&"mobile"===t,[l,c]=(0,r.useState)(!1);(0,i.$Z)((()=>{if(l)return c(!1),!1}));const u=(0,r.useCallback)((()=>{c((e=>!e))}),[]);return(0,r.useEffect)((()=>{"desktop"===t&&c(!1)}),[t]),(0,r.useMemo)((()=>({disabled:e,shouldRender:n,toggle:u,shown:l})),[e,n,u,l])}function p(e){let{children:t}=e;const n=d();return(0,c.jsx)(u.Provider,{value:n,children:t})}function f(){const e=r.useContext(u);if(void 0===e)throw new l.dV("NavbarMobileSidebarProvider");return e}},646:(e,t,n)=>{"use strict";n.d(t,{GX:()=>c,YL:()=>l,y_:()=>s});var r=n(758),o=n(4902),a=n(6070);const i=r.createContext(null);function s(e){let{children:t}=e;const n=(0,r.useState)({component:null,props:null});return(0,a.jsx)(i.Provider,{value:n,children:t})}function l(){const e=(0,r.useContext)(i);if(!e)throw new o.dV("NavbarSecondaryMenuContentProvider");return e[0]}function c(e){let{component:t,props:n}=e;const a=(0,r.useContext)(i);if(!a)throw new o.dV("NavbarSecondaryMenuContentProvider");const[,s]=a,l=(0,o.Be)(n);return(0,r.useEffect)((()=>{s({component:t,props:l})}),[s,t,l]),(0,r.useEffect)((()=>()=>s({component:null,props:null})),[s]),null}},9782:(e,t,n)=>{"use strict";n.d(t,{w:()=>o,J:()=>a});var r=n(758);const o="navigation-with-keyboard";function a(){(0,r.useEffect)((()=>{function e(e){"keydown"===e.type&&"Tab"===e.key&&document.body.classList.add(o),"mousedown"===e.type&&document.body.classList.remove(o)}return document.addEventListener("keydown",e),document.addEventListener("mousedown",e),()=>{document.body.classList.remove(o),document.removeEventListener("keydown",e),document.removeEventListener("mousedown",e)}}),[])}},8169:(e,t,n)=>{"use strict";n.d(t,{b:()=>s,w:()=>l});var r=n(758),o=n(9143),a=n(3979);const i="q";function s(){return(0,a.l)(i)}function l(){const{siteConfig:{baseUrl:e,themeConfig:t}}=(0,o.A)(),{algolia:{searchPagePath:n}}=t;return(0,r.useCallback)((t=>`${e}${n}?${i}=${encodeURIComponent(t)}`),[e,n])}},9207:(e,t,n)=>{"use strict";n.d(t,{l:()=>s});var r=n(758),o=n(3088);const a={desktop:"desktop",mobile:"mobile",ssr:"ssr"},i=996;function s(e){let{desktopBreakpoint:t=i}=void 0===e?{}:e;const[n,s]=(0,r.useState)((()=>"ssr"));return(0,r.useEffect)((()=>{function e(){s(function(e){if(!o.A.canUseDOM)throw new Error("getWindowSize() should only be called after React hydration");return window.innerWidth>e?a.desktop:a.mobile}(t))}return e(),window.addEventListener("resize",e),()=>{window.removeEventListener("resize",e)}}),[t]),n}},8813:(e,t,n)=>{"use strict";n.d(t,{G:()=>r});const r={page:{blogListPage:"blog-list-page",blogPostPage:"blog-post-page",blogTagsListPage:"blog-tags-list-page",blogTagPostListPage:"blog-tags-post-list-page",blogAuthorsListPage:"blog-authors-list-page",blogAuthorsPostsPage:"blog-authors-posts-page",docsDocPage:"docs-doc-page",docsTagsListPage:"docs-tags-list-page",docsTagDocListPage:"docs-tags-doc-list-page",mdxPage:"mdx-page"},wrapper:{main:"main-wrapper",blogPages:"blog-wrapper",docsPages:"docs-wrapper",mdxPages:"mdx-wrapper"},common:{editThisPage:"theme-edit-this-page",lastUpdated:"theme-last-updated",backToTopButton:"theme-back-to-top-button",codeBlock:"theme-code-block",admonition:"theme-admonition",unlistedBanner:"theme-unlisted-banner",draftBanner:"theme-draft-banner",admonitionType:e=>`theme-admonition-${e}`},layout:{},docs:{docVersionBanner:"theme-doc-version-banner",docVersionBadge:"theme-doc-version-badge",docBreadcrumbs:"theme-doc-breadcrumbs",docMarkdown:"theme-doc-markdown",docTocMobile:"theme-doc-toc-mobile",docTocDesktop:"theme-doc-toc-desktop",docFooter:"theme-doc-footer",docFooterTagsRow:"theme-doc-footer-tags-row",docFooterEditMetaRow:"theme-doc-footer-edit-meta-row",docSidebarContainer:"theme-doc-sidebar-container",docSidebarMenu:"theme-doc-sidebar-menu",docSidebarItemCategory:"theme-doc-sidebar-item-category",docSidebarItemLink:"theme-doc-sidebar-item-link",docSidebarItemCategoryLevel:e=>`theme-doc-sidebar-item-category-level-${e}`,docSidebarItemLinkLevel:e=>`theme-doc-sidebar-item-link-level-${e}`},blog:{blogFooterTagsRow:"theme-blog-footer-tags-row",blogFooterEditMetaRow:"theme-blog-footer-edit-meta-row"},pages:{pageFooterEditMetaRow:"theme-pages-footer-edit-meta-row"}}},9963:(e,t,n)=>{"use strict";function r(){return window.matchMedia("(prefers-reduced-motion: reduce)").matches}n.d(t,{O:()=>r})},7743:(e,t,n)=>{"use strict";n.d(t,{s:()=>o});var r=n(9143);function o(e){const{siteConfig:t}=(0,r.A)(),{title:n,titleDelimiter:o}=t;return e?.trim().length?`${e.trim()} ${o} ${n}`:n}},3979:(e,t,n)=>{"use strict";n.d(t,{$Z:()=>i,l:()=>l});var r=n(758),o=n(5557),a=n(4902);function i(e){!function(e){const t=(0,o.W6)(),n=(0,a._q)(e);(0,r.useEffect)((()=>t.block(((e,t)=>n(e,t)))),[t,n])}(((t,n)=>{if("POP"===n)return e(t,n)}))}function s(e){const t=(0,o.W6)();return(0,r.useSyncExternalStore)(t.listen,(()=>e(t)),(()=>e(t)))}function l(e){const t=function(e){return s((t=>null===e?null:new URLSearchParams(t.location.search).get(e)))}(e)??"",n=function(e){const t=(0,o.W6)();return(0,r.useCallback)(((n,r)=>{const o=new URLSearchParams(t.location.search);n?o.set(e,n):o.delete(e),(r?.push?t.push:t.replace)({search:o.toString()})}),[e,t])}(e);return[t,n]}},2632:(e,t,n)=>{"use strict";function r(e){return Array.from(new Set(e))}function o(e,t){const n={};let r=0;for(const o of e){const e=t(o,r);n[e]??=[],n[e].push(o),r+=1}return n}n.d(t,{$z:()=>o,sb:()=>r})},898:(e,t,n)=>{"use strict";n.d(t,{Jx:()=>f,be:()=>u,e3:()=>p});var r=n(758),o=n(3526),a=n(2293),i=n(3112),s=n(5252),l=n(7743),c=n(6070);function u(e){let{title:t,description:n,keywords:r,image:o,children:i}=e;const u=(0,l.s)(t),{withBaseUrl:d}=(0,s.hH)(),p=o?d(o,{absolute:!0}):void 0;return(0,c.jsxs)(a.A,{children:[t&&(0,c.jsx)("title",{children:u}),t&&(0,c.jsx)("meta",{property:"og:title",content:u}),n&&(0,c.jsx)("meta",{name:"description",content:n}),n&&(0,c.jsx)("meta",{property:"og:description",content:n}),r&&(0,c.jsx)("meta",{name:"keywords",content:Array.isArray(r)?r.join(","):r}),p&&(0,c.jsx)("meta",{property:"og:image",content:p}),p&&(0,c.jsx)("meta",{name:"twitter:image",content:p}),i]})}const d=r.createContext(void 0);function p(e){let{className:t,children:n}=e;const i=r.useContext(d),s=(0,o.A)(i,t);return(0,c.jsxs)(d.Provider,{value:s,children:[(0,c.jsx)(a.A,{children:(0,c.jsx)("html",{className:s})}),n]})}function f(e){let{children:t}=e;const n=(0,i.A)(),r=`plugin-${n.plugin.name.replace(/docusaurus-(?:plugin|theme)-(?:content-)?/gi,"")}`;const a=`plugin-id-${n.plugin.id}`;return(0,c.jsx)(p,{className:(0,o.A)(r,a),children:t})}},4902:(e,t,n)=>{"use strict";n.d(t,{Be:()=>c,ZC:()=>s,_q:()=>i,dV:()=>l,fM:()=>u});var r=n(758),o=n(8302),a=n(6070);function i(e){const t=(0,r.useRef)(e);return(0,o.A)((()=>{t.current=e}),[e]),(0,r.useCallback)((function(){return t.current(...arguments)}),[])}function s(e){const t=(0,r.useRef)();return(0,o.A)((()=>{t.current=e})),t.current}class l extends Error{constructor(e,t){super(),this.name="ReactContextError",this.message=`Hook ${this.stack?.split("\n")[1]?.match(/at (?:\w+\.)?(?<name>\w+)/)?.groups.name??""} is called outside the <${e}>. ${t??""}`}}function c(e){const t=Object.entries(e);return t.sort(((e,t)=>e[0].localeCompare(t[0]))),(0,r.useMemo)((()=>e),t.flat())}function u(e){return t=>{let{children:n}=t;return(0,a.jsx)(a.Fragment,{children:e.reduceRight(((e,t)=>(0,a.jsx)(t,{children:e})),n)})}}},5130:(e,t,n)=>{"use strict";function r(e,t){return void 0!==e&&void 0!==t&&new RegExp(e,"gi").test(t)}n.d(t,{G:()=>r})},5763:(e,t,n)=>{"use strict";n.d(t,{Dt:()=>s,ys:()=>i});var r=n(758),o=n(1377),a=n(9143);function i(e,t){const n=e=>(!e||e.endsWith("/")?e:`${e}/`)?.toLowerCase();return n(e)===n(t)}function s(){const{baseUrl:e}=(0,a.A)().siteConfig;return(0,r.useMemo)((()=>function(e){let{baseUrl:t,routes:n}=e;function r(e){return e.path===t&&!0===e.exact}function o(e){return e.path===t&&!e.exact}return function e(t){if(0===t.length)return;return t.find(r)||e(t.filter(o).flatMap((e=>e.routes??[])))}(n)}({routes:o.A,baseUrl:e})),[e])}},9030:(e,t,n)=>{"use strict";n.d(t,{Mq:()=>p,Tv:()=>c,gk:()=>f});var r=n(758),o=n(3088),a=n(2630),i=(n(8302),n(4902)),s=n(6070);const l=r.createContext(void 0);function c(e){let{children:t}=e;const n=function(){const e=(0,r.useRef)(!0);return(0,r.useMemo)((()=>({scrollEventsEnabledRef:e,enableScrollEvents:()=>{e.current=!0},disableScrollEvents:()=>{e.current=!1}})),[])}();return(0,s.jsx)(l.Provider,{value:n,children:t})}function u(){const e=(0,r.useContext)(l);if(null==e)throw new i.dV("ScrollControllerProvider");return e}const d=()=>o.A.canUseDOM?{scrollX:window.pageXOffset,scrollY:window.pageYOffset}:null;function p(e,t){void 0===t&&(t=[]);const{scrollEventsEnabledRef:n}=u(),o=(0,r.useRef)(d()),a=(0,i._q)(e);(0,r.useEffect)((()=>{const e=()=>{if(!n.current)return;const e=d();a(e,o.current),o.current=e},t={passive:!0};return e(),window.addEventListener("scroll",e,t),()=>window.removeEventListener("scroll",e,t)}),[a,n,...t])}function f(){const e=(0,r.useRef)(null),t=(0,a.A)()&&"smooth"===getComputedStyle(document.documentElement).scrollBehavior;return{startScroll:n=>{e.current=t?function(e){return window.scrollTo({top:e,behavior:"smooth"}),()=>{}}(n):function(e){let t=null;const n=document.documentElement.scrollTop>e;return function r(){const o=document.documentElement.scrollTop;(n&&o>e||!n&&o<e)&&(t=requestAnimationFrame(r),window.scrollTo(0,Math.floor(.85*(o-e))+e))}(),()=>t&&cancelAnimationFrame(t)}(n)},cancelScroll:()=>e.current?.()}}},4937:(e,t,n)=>{"use strict";n.d(t,{C:()=>r});const r="default"},3349:(e,t,n)=>{"use strict";n.d(t,{Wf:()=>c});n(758);const r=JSON.parse('{"N":"localStorage","M":""}'),o=r.N;function a(e){let{key:t,oldValue:n,newValue:r,storage:o}=e;if(n===r)return;const a=document.createEvent("StorageEvent");a.initStorageEvent("storage",!1,!1,t,n,r,window.location.href,o),window.dispatchEvent(a)}function i(e){if(void 0===e&&(e=o),"undefined"==typeof window)throw new Error("Browser storage is not available on Node.js/Docusaurus SSR process.");if("none"===e)return null;try{return window[e]}catch(n){return t=n,s||(console.warn("Docusaurus browser storage is not available.\nPossible reasons: running Docusaurus in an iframe, in an incognito browser session, or using too strict browser privacy settings.",t),s=!0),null}var t}let s=!1;const l={get:()=>null,set:()=>{},del:()=>{},listen:()=>()=>{}};function c(e,t){const n=`${e}${r.M}`;if("undefined"==typeof window)return function(e){function t(){throw new Error(`Illegal storage API usage for storage key "${e}".\nDocusaurus storage APIs are not supposed to be called on the server-rendering process.\nPlease only call storage APIs in effects and event handlers.`)}return{get:t,set:t,del:t,listen:t}}(n);const o=i(t?.persistence);return null===o?l:{get:()=>{try{return o.getItem(n)}catch(e){return console.error(`Docusaurus storage error, can't get key=${n}`,e),null}},set:e=>{try{const t=o.getItem(n);o.setItem(n,e),a({key:n,oldValue:t,newValue:e,storage:o})}catch(t){console.error(`Docusaurus storage error, can't set ${n}=${e}`,t)}},del:()=>{try{const e=o.getItem(n);o.removeItem(n),a({key:n,oldValue:e,newValue:null,storage:o})}catch(e){console.error(`Docusaurus storage error, can't delete key=${n}`,e)}},listen:e=>{try{const t=t=>{t.storageArea===o&&t.key===n&&e(t)};return window.addEventListener("storage",t),()=>window.removeEventListener("storage",t)}catch(t){return console.error(`Docusaurus storage error, can't listen for changes of key=${n}`,t),()=>{}}}}}},1529:(e,t,n)=>{"use strict";n.d(t,{o:()=>i});var r=n(9143),o=n(5557),a=n(3509);function i(){const{siteConfig:{baseUrl:e,url:t,trailingSlash:n},i18n:{defaultLocale:i,currentLocale:s}}=(0,r.A)(),{pathname:l}=(0,o.zy)(),c=(0,a.Ks)(l,{trailingSlash:n,baseUrl:e}),u=s===i?e:e.replace(`/${s}/`,"/"),d=c.replace(e,"");return{createUrl:function(e){let{locale:n,fullyQualified:r}=e;return`${r?t:""}${function(e){return e===i?`${u}`:`${u}${e}/`}(n)}${d}`}}}},2360:(e,t,n)=>{"use strict";n.d(t,{$:()=>i});var r=n(758),o=n(5557),a=n(4902);function i(e){const t=(0,o.zy)(),n=(0,a.ZC)(t),i=(0,a._q)(e);(0,r.useEffect)((()=>{n&&t!==n&&i({location:t,previousLocation:n})}),[i,t,n])}},316:(e,t,n)=>{"use strict";n.d(t,{p:()=>o});var r=n(9143);function o(){return(0,r.A)().siteConfig.themeConfig}},7e3:(e,t,n)=>{"use strict";n.d(t,{c:()=>o});var r=n(9143);function o(){const{siteConfig:{themeConfig:e}}=(0,r.A)();return e}},1152:(e,t,n)=>{"use strict";n.d(t,{C:()=>s});var r=n(758),o=n(5130),a=n(5252),i=n(7e3);function s(){const{withBaseUrl:e}=(0,a.hH)(),{algolia:{externalUrlRegex:t,replaceSearchResultPathname:n}}=(0,i.c)();return(0,r.useCallback)((r=>{const a=new URL(r);if((0,o.G)(t,a.href))return r;const i=`${a.pathname+a.hash}`;return e(function(e,t){return t?e.replaceAll(new RegExp(t.from,"g"),t.to):e}(i,n))}),[e,t,n])}},1640:(e,t,n)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.addTrailingSlash=o,t.default=function(e,t){const{trailingSlash:n,baseUrl:r}=t;if(e.startsWith("#"))return e;if(void 0===n)return e;const[i]=e.split(/[#?]/),s="/"===i||i===r?i:(l=i,c=n,c?o(l):a(l));var l,c;return e.replace(i,s)},t.addLeadingSlash=function(e){return(0,r.addPrefix)(e,"/")},t.removeTrailingSlash=a;const r=n(239);function o(e){return e.endsWith("/")?e:`${e}/`}function a(e){return(0,r.removeSuffix)(e,"/")}},4814:(e,t)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.getErrorCausalChain=function e(t){if(t.cause)return[t,...e(t.cause)];return[t]}},3509:(e,t,n)=>{"use strict";t.rA=t.Ks=t.LU=void 0;const r=n(3422);t.LU="__blog-post-container";var o=n(1640);Object.defineProperty(t,"Ks",{enumerable:!0,get:function(){return r.__importDefault(o).default}});var a=n(239);var i=n(4814);Object.defineProperty(t,"rA",{enumerable:!0,get:function(){return i.getErrorCausalChain}})},239:(e,t)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.addPrefix=function(e,t){return e.startsWith(t)?e:`${t}${e}`},t.removeSuffix=function(e,t){if(""===t)return e;return e.endsWith(t)?e.slice(0,-t.length):e},t.addSuffix=function(e,t){return e.endsWith(t)?e:`${e}${t}`},t.removePrefix=function(e,t){return e.startsWith(t)?e.slice(t.length):e}},3332:(e,t,n)=>{"use strict";n.d(t,{zR:()=>w,TM:()=>j,yJ:()=>f,sC:()=>O,AO:()=>p});var r=n(991);function o(e){return"/"===e.charAt(0)}function a(e,t){for(var n=t,r=n+1,o=e.length;r<o;n+=1,r+=1)e[n]=e[r];e.pop()}const i=function(e,t){void 0===t&&(t="");var n,r=e&&e.split("/")||[],i=t&&t.split("/")||[],s=e&&o(e),l=t&&o(t),c=s||l;if(e&&o(e)?i=r:r.length&&(i.pop(),i=i.concat(r)),!i.length)return"/";if(i.length){var u=i[i.length-1];n="."===u||".."===u||""===u}else n=!1;for(var d=0,p=i.length;p>=0;p--){var f=i[p];"."===f?a(i,p):".."===f?(a(i,p),d++):d&&(a(i,p),d--)}if(!c)for(;d--;d)i.unshift("..");!c||""===i[0]||i[0]&&o(i[0])||i.unshift("");var m=i.join("/");return n&&"/"!==m.substr(-1)&&(m+="/"),m};var s=n(5385);function l(e){return"/"===e.charAt(0)?e:"/"+e}function c(e){return"/"===e.charAt(0)?e.substr(1):e}function u(e,t){return function(e,t){return 0===e.toLowerCase().indexOf(t.toLowerCase())&&-1!=="/?#".indexOf(e.charAt(t.length))}(e,t)?e.substr(t.length):e}function d(e){return"/"===e.charAt(e.length-1)?e.slice(0,-1):e}function p(e){var t=e.pathname,n=e.search,r=e.hash,o=t||"/";return n&&"?"!==n&&(o+="?"===n.charAt(0)?n:"?"+n),r&&"#"!==r&&(o+="#"===r.charAt(0)?r:"#"+r),o}function f(e,t,n,o){var a;"string"==typeof e?(a=function(e){var t=e||"/",n="",r="",o=t.indexOf("#");-1!==o&&(r=t.substr(o),t=t.substr(0,o));var a=t.indexOf("?");return-1!==a&&(n=t.substr(a),t=t.substr(0,a)),{pathname:t,search:"?"===n?"":n,hash:"#"===r?"":r}}(e),a.state=t):(void 0===(a=(0,r.A)({},e)).pathname&&(a.pathname=""),a.search?"?"!==a.search.charAt(0)&&(a.search="?"+a.search):a.search="",a.hash?"#"!==a.hash.charAt(0)&&(a.hash="#"+a.hash):a.hash="",void 0!==t&&void 0===a.state&&(a.state=t));try{a.pathname=decodeURI(a.pathname)}catch(s){throw s instanceof URIError?new URIError('Pathname "'+a.pathname+'" could not be decoded. This is likely caused by an invalid percent-encoding.'):s}return n&&(a.key=n),o?a.pathname?"/"!==a.pathname.charAt(0)&&(a.pathname=i(a.pathname,o.pathname)):a.pathname=o.pathname:a.pathname||(a.pathname="/"),a}function m(){var e=null;var t=[];return{setPrompt:function(t){return e=t,function(){e===t&&(e=null)}},confirmTransitionTo:function(t,n,r,o){if(null!=e){var a="function"==typeof e?e(t,n):e;"string"==typeof a?"function"==typeof r?r(a,o):o(!0):o(!1!==a)}else o(!0)},appendListener:function(e){var n=!0;function r(){n&&e.apply(void 0,arguments)}return t.push(r),function(){n=!1,t=t.filter((function(e){return e!==r}))}},notifyListeners:function(){for(var e=arguments.length,n=new Array(e),r=0;r<e;r++)n[r]=arguments[r];t.forEach((function(e){return e.apply(void 0,n)}))}}}var h=!("undefined"==typeof window||!window.document||!window.document.createElement);function g(e,t){t(window.confirm(e))}var b="popstate",y="hashchange";function v(){try{return window.history.state||{}}catch(e){return{}}}function w(e){void 0===e&&(e={}),h||(0,s.A)(!1);var t,n=window.history,o=(-1===(t=window.navigator.userAgent).indexOf("Android 2.")&&-1===t.indexOf("Android 4.0")||-1===t.indexOf("Mobile Safari")||-1!==t.indexOf("Chrome")||-1!==t.indexOf("Windows Phone"))&&window.history&&"pushState"in window.history,a=!(-1===window.navigator.userAgent.indexOf("Trident")),i=e,c=i.forceRefresh,w=void 0!==c&&c,k=i.getUserConfirmation,S=void 0===k?g:k,x=i.keyLength,E=void 0===x?6:x,_=e.basename?d(l(e.basename)):"";function j(e){var t=e||{},n=t.key,r=t.state,o=window.location,a=o.pathname+o.search+o.hash;return _&&(a=u(a,_)),f(a,r,n)}function C(){return Math.random().toString(36).substr(2,E)}var O=m();function A(e){(0,r.A)(U,e),U.length=n.length,O.notifyListeners(U.location,U.action)}function T(e){(function(e){return void 0===e.state&&-1===navigator.userAgent.indexOf("CriOS")})(e)||I(j(e.state))}function P(){I(j(v()))}var z=!1;function I(e){if(z)z=!1,A();else{O.confirmTransitionTo(e,"POP",S,(function(t){t?A({action:"POP",location:e}):function(e){var t=U.location,n=N.indexOf(t.key);-1===n&&(n=0);var r=N.indexOf(e.key);-1===r&&(r=0);var o=n-r;o&&(z=!0,D(o))}(e)}))}}var L=j(v()),N=[L.key];function R(e){return _+p(e)}function D(e){n.go(e)}var M=0;function F(e){1===(M+=e)&&1===e?(window.addEventListener(b,T),a&&window.addEventListener(y,P)):0===M&&(window.removeEventListener(b,T),a&&window.removeEventListener(y,P))}var B=!1;var U={length:n.length,action:"POP",location:L,createHref:R,push:function(e,t){var r="PUSH",a=f(e,t,C(),U.location);O.confirmTransitionTo(a,r,S,(function(e){if(e){var t=R(a),i=a.key,s=a.state;if(o)if(n.pushState({key:i,state:s},null,t),w)window.location.href=t;else{var l=N.indexOf(U.location.key),c=N.slice(0,l+1);c.push(a.key),N=c,A({action:r,location:a})}else window.location.href=t}}))},replace:function(e,t){var r="REPLACE",a=f(e,t,C(),U.location);O.confirmTransitionTo(a,r,S,(function(e){if(e){var t=R(a),i=a.key,s=a.state;if(o)if(n.replaceState({key:i,state:s},null,t),w)window.location.replace(t);else{var l=N.indexOf(U.location.key);-1!==l&&(N[l]=a.key),A({action:r,location:a})}else window.location.replace(t)}}))},go:D,goBack:function(){D(-1)},goForward:function(){D(1)},block:function(e){void 0===e&&(e=!1);var t=O.setPrompt(e);return B||(F(1),B=!0),function(){return B&&(B=!1,F(-1)),t()}},listen:function(e){var t=O.appendListener(e);return F(1),function(){F(-1),t()}}};return U}var k="hashchange",S={hashbang:{encodePath:function(e){return"!"===e.charAt(0)?e:"!/"+c(e)},decodePath:function(e){return"!"===e.charAt(0)?e.substr(1):e}},noslash:{encodePath:c,decodePath:l},slash:{encodePath:l,decodePath:l}};function x(e){var t=e.indexOf("#");return-1===t?e:e.slice(0,t)}function E(){var e=window.location.href,t=e.indexOf("#");return-1===t?"":e.substring(t+1)}function _(e){window.location.replace(x(window.location.href)+"#"+e)}function j(e){void 0===e&&(e={}),h||(0,s.A)(!1);var t=window.history,n=(window.navigator.userAgent.indexOf("Firefox"),e),o=n.getUserConfirmation,a=void 0===o?g:o,i=n.hashType,c=void 0===i?"slash":i,b=e.basename?d(l(e.basename)):"",y=S[c],v=y.encodePath,w=y.decodePath;function j(){var e=w(E());return b&&(e=u(e,b)),f(e)}var C=m();function O(e){(0,r.A)(B,e),B.length=t.length,C.notifyListeners(B.location,B.action)}var A=!1,T=null;function P(){var e,t,n=E(),r=v(n);if(n!==r)_(r);else{var o=j(),i=B.location;if(!A&&(t=o,(e=i).pathname===t.pathname&&e.search===t.search&&e.hash===t.hash))return;if(T===p(o))return;T=null,function(e){if(A)A=!1,O();else{var t="POP";C.confirmTransitionTo(e,t,a,(function(n){n?O({action:t,location:e}):function(e){var t=B.location,n=N.lastIndexOf(p(t));-1===n&&(n=0);var r=N.lastIndexOf(p(e));-1===r&&(r=0);var o=n-r;o&&(A=!0,R(o))}(e)}))}}(o)}}var z=E(),I=v(z);z!==I&&_(I);var L=j(),N=[p(L)];function R(e){t.go(e)}var D=0;function M(e){1===(D+=e)&&1===e?window.addEventListener(k,P):0===D&&window.removeEventListener(k,P)}var F=!1;var B={length:t.length,action:"POP",location:L,createHref:function(e){var t=document.querySelector("base"),n="";return t&&t.getAttribute("href")&&(n=x(window.location.href)),n+"#"+v(b+p(e))},push:function(e,t){var n="PUSH",r=f(e,void 0,void 0,B.location);C.confirmTransitionTo(r,n,a,(function(e){if(e){var t=p(r),o=v(b+t);if(E()!==o){T=t,function(e){window.location.hash=e}(o);var a=N.lastIndexOf(p(B.location)),i=N.slice(0,a+1);i.push(t),N=i,O({action:n,location:r})}else O()}}))},replace:function(e,t){var n="REPLACE",r=f(e,void 0,void 0,B.location);C.confirmTransitionTo(r,n,a,(function(e){if(e){var t=p(r),o=v(b+t);E()!==o&&(T=t,_(o));var a=N.indexOf(p(B.location));-1!==a&&(N[a]=t),O({action:n,location:r})}}))},go:R,goBack:function(){R(-1)},goForward:function(){R(1)},block:function(e){void 0===e&&(e=!1);var t=C.setPrompt(e);return F||(M(1),F=!0),function(){return F&&(F=!1,M(-1)),t()}},listen:function(e){var t=C.appendListener(e);return M(1),function(){M(-1),t()}}};return B}function C(e,t,n){return Math.min(Math.max(e,t),n)}function O(e){void 0===e&&(e={});var t=e,n=t.getUserConfirmation,o=t.initialEntries,a=void 0===o?["/"]:o,i=t.initialIndex,s=void 0===i?0:i,l=t.keyLength,c=void 0===l?6:l,u=m();function d(e){(0,r.A)(w,e),w.length=w.entries.length,u.notifyListeners(w.location,w.action)}function h(){return Math.random().toString(36).substr(2,c)}var g=C(s,0,a.length-1),b=a.map((function(e){return f(e,void 0,"string"==typeof e?h():e.key||h())})),y=p;function v(e){var t=C(w.index+e,0,w.entries.length-1),r=w.entries[t];u.confirmTransitionTo(r,"POP",n,(function(e){e?d({action:"POP",location:r,index:t}):d()}))}var w={length:b.length,action:"POP",location:b[g],index:g,entries:b,createHref:y,push:function(e,t){var r="PUSH",o=f(e,t,h(),w.location);u.confirmTransitionTo(o,r,n,(function(e){if(e){var t=w.index+1,n=w.entries.slice(0);n.length>t?n.splice(t,n.length-t,o):n.push(o),d({action:r,location:o,index:t,entries:n})}}))},replace:function(e,t){var r="REPLACE",o=f(e,t,h(),w.location);u.confirmTransitionTo(o,r,n,(function(e){e&&(w.entries[w.index]=o,d({action:r,location:o}))}))},go:v,goBack:function(){v(-1)},goForward:function(){v(1)},canGo:function(e){var t=w.index+e;return t>=0&&t<w.entries.length},block:function(e){return void 0===e&&(e=!1),u.setPrompt(e)},listen:function(e){return u.appendListener(e)}};return w}},1035:(e,t,n)=>{"use strict";var r=n(5959),o={childContextTypes:!0,contextType:!0,contextTypes:!0,defaultProps:!0,displayName:!0,getDefaultProps:!0,getDerivedStateFromError:!0,getDerivedStateFromProps:!0,mixins:!0,propTypes:!0,type:!0},a={name:!0,length:!0,prototype:!0,caller:!0,callee:!0,arguments:!0,arity:!0},i={$$typeof:!0,compare:!0,defaultProps:!0,displayName:!0,propTypes:!0,type:!0},s={};function l(e){return r.isMemo(e)?i:s[e.$$typeof]||o}s[r.ForwardRef]={$$typeof:!0,render:!0,defaultProps:!0,displayName:!0,propTypes:!0},s[r.Memo]=i;var c=Object.defineProperty,u=Object.getOwnPropertyNames,d=Object.getOwnPropertySymbols,p=Object.getOwnPropertyDescriptor,f=Object.getPrototypeOf,m=Object.prototype;e.exports=function e(t,n,r){if("string"!=typeof n){if(m){var o=f(n);o&&o!==m&&e(t,o,r)}var i=u(n);d&&(i=i.concat(d(n)));for(var s=l(t),h=l(n),g=0;g<i.length;++g){var b=i[g];if(!(a[b]||r&&r[b]||h&&h[b]||s&&s[b])){var y=p(n,b);try{c(t,b,y)}catch(v){}}}}return t}},9597:e=>{"use strict";e.exports=function(e,t,n,r,o,a,i,s){if(!e){var l;if(void 0===t)l=new Error("Minified exception occurred; use the non-minified dev environment for the full error message and additional helpful warnings.");else{var c=[n,r,o,a,i,s],u=0;(l=new Error(t.replace(/%s/g,(function(){return c[u++]})))).name="Invariant Violation"}throw l.framesToPop=1,l}}},5526:e=>{e.exports=Array.isArray||function(e){return"[object Array]"==Object.prototype.toString.call(e)}},8602:(e,t,n)=>{"use strict";n.r(t)},4504:(e,t,n)=>{"use strict";n.r(t)},8744:function(e,t,n){var r,o;r=function(){var e,t,n={version:"0.2.0"},r=n.settings={minimum:.08,easing:"ease",positionUsing:"",speed:200,trickle:!0,trickleRate:.02,trickleSpeed:800,showSpinner:!0,barSelector:'[role="bar"]',spinnerSelector:'[role="spinner"]',parent:"body",template:'<div class="bar" role="bar"><div class="peg"></div></div><div class="spinner" role="spinner"><div class="spinner-icon"></div></div>'};function o(e,t,n){return e<t?t:e>n?n:e}function a(e){return 100*(-1+e)}function i(e,t,n){var o;return(o="translate3d"===r.positionUsing?{transform:"translate3d("+a(e)+"%,0,0)"}:"translate"===r.positionUsing?{transform:"translate("+a(e)+"%,0)"}:{"margin-left":a(e)+"%"}).transition="all "+t+"ms "+n,o}n.configure=function(e){var t,n;for(t in e)void 0!==(n=e[t])&&e.hasOwnProperty(t)&&(r[t]=n);return this},n.status=null,n.set=function(e){var t=n.isStarted();e=o(e,r.minimum,1),n.status=1===e?null:e;var a=n.render(!t),c=a.querySelector(r.barSelector),u=r.speed,d=r.easing;return a.offsetWidth,s((function(t){""===r.positionUsing&&(r.positionUsing=n.getPositioningCSS()),l(c,i(e,u,d)),1===e?(l(a,{transition:"none",opacity:1}),a.offsetWidth,setTimeout((function(){l(a,{transition:"all "+u+"ms linear",opacity:0}),setTimeout((function(){n.remove(),t()}),u)}),u)):setTimeout(t,u)})),this},n.isStarted=function(){return"number"==typeof n.status},n.start=function(){n.status||n.set(0);var e=function(){setTimeout((function(){n.status&&(n.trickle(),e())}),r.trickleSpeed)};return r.trickle&&e(),this},n.done=function(e){return e||n.status?n.inc(.3+.5*Math.random()).set(1):this},n.inc=function(e){var t=n.status;return t?("number"!=typeof e&&(e=(1-t)*o(Math.random()*t,.1,.95)),t=o(t+e,0,.994),n.set(t)):n.start()},n.trickle=function(){return n.inc(Math.random()*r.trickleRate)},e=0,t=0,n.promise=function(r){return r&&"resolved"!==r.state()?(0===t&&n.start(),e++,t++,r.always((function(){0==--t?(e=0,n.done()):n.set((e-t)/e)})),this):this},n.render=function(e){if(n.isRendered())return document.getElementById("nprogress");u(document.documentElement,"nprogress-busy");var t=document.createElement("div");t.id="nprogress",t.innerHTML=r.template;var o,i=t.querySelector(r.barSelector),s=e?"-100":a(n.status||0),c=document.querySelector(r.parent);return l(i,{transition:"all 0 linear",transform:"translate3d("+s+"%,0,0)"}),r.showSpinner||(o=t.querySelector(r.spinnerSelector))&&f(o),c!=document.body&&u(c,"nprogress-custom-parent"),c.appendChild(t),t},n.remove=function(){d(document.documentElement,"nprogress-busy"),d(document.querySelector(r.parent),"nprogress-custom-parent");var e=document.getElementById("nprogress");e&&f(e)},n.isRendered=function(){return!!document.getElementById("nprogress")},n.getPositioningCSS=function(){var e=document.body.style,t="WebkitTransform"in e?"Webkit":"MozTransform"in e?"Moz":"msTransform"in e?"ms":"OTransform"in e?"O":"";return t+"Perspective"in e?"translate3d":t+"Transform"in e?"translate":"margin"};var s=function(){var e=[];function t(){var n=e.shift();n&&n(t)}return function(n){e.push(n),1==e.length&&t()}}(),l=function(){var e=["Webkit","O","Moz","ms"],t={};function n(e){return e.replace(/^-ms-/,"ms-").replace(/-([\da-z])/gi,(function(e,t){return t.toUpperCase()}))}function r(t){var n=document.body.style;if(t in n)return t;for(var r,o=e.length,a=t.charAt(0).toUpperCase()+t.slice(1);o--;)if((r=e[o]+a)in n)return r;return t}function o(e){return e=n(e),t[e]||(t[e]=r(e))}function a(e,t,n){t=o(t),e.style[t]=n}return function(e,t){var n,r,o=arguments;if(2==o.length)for(n in t)void 0!==(r=t[n])&&t.hasOwnProperty(n)&&a(e,n,r);else a(e,o[1],o[2])}}();function c(e,t){return("string"==typeof e?e:p(e)).indexOf(" "+t+" ")>=0}function u(e,t){var n=p(e),r=n+t;c(n,t)||(e.className=r.substring(1))}function d(e,t){var n,r=p(e);c(e,t)&&(n=r.replace(" "+t+" "," "),e.className=n.substring(1,n.length-1))}function p(e){return(" "+(e.className||"")+" ").replace(/\s+/gi," ")}function f(e){e&&e.parentNode&&e.parentNode.removeChild(e)}return n},void 0===(o="function"==typeof r?r.call(t,n,t,e):r)||(e.exports=o)},6150:(e,t,n)=>{var r=n(5526);e.exports=f,e.exports.parse=a,e.exports.compile=function(e,t){return s(a(e,t),t)},e.exports.tokensToFunction=s,e.exports.tokensToRegExp=p;var o=new RegExp(["(\\\\.)","([\\/.])?(?:(?:\\:(\\w+)(?:\\(((?:\\\\.|[^\\\\()])+)\\))?|\\(((?:\\\\.|[^\\\\()])+)\\))([+*?])?|(\\*))"].join("|"),"g");function a(e,t){for(var n,r=[],a=0,i=0,s="",u=t&&t.delimiter||"/";null!=(n=o.exec(e));){var d=n[0],p=n[1],f=n.index;if(s+=e.slice(i,f),i=f+d.length,p)s+=p[1];else{var m=e[i],h=n[2],g=n[3],b=n[4],y=n[5],v=n[6],w=n[7];s&&(r.push(s),s="");var k=null!=h&&null!=m&&m!==h,S="+"===v||"*"===v,x="?"===v||"*"===v,E=n[2]||u,_=b||y;r.push({name:g||a++,prefix:h||"",delimiter:E,optional:x,repeat:S,partial:k,asterisk:!!w,pattern:_?c(_):w?".*":"[^"+l(E)+"]+?"})}}return i<e.length&&(s+=e.substr(i)),s&&r.push(s),r}function i(e){return encodeURI(e).replace(/[\/?#]/g,(function(e){return"%"+e.charCodeAt(0).toString(16).toUpperCase()}))}function s(e,t){for(var n=new Array(e.length),o=0;o<e.length;o++)"object"==typeof e[o]&&(n[o]=new RegExp("^(?:"+e[o].pattern+")$",d(t)));return function(t,o){for(var a="",s=t||{},l=(o||{}).pretty?i:encodeURIComponent,c=0;c<e.length;c++){var u=e[c];if("string"!=typeof u){var d,p=s[u.name];if(null==p){if(u.optional){u.partial&&(a+=u.prefix);continue}throw new TypeError('Expected "'+u.name+'" to be defined')}if(r(p)){if(!u.repeat)throw new TypeError('Expected "'+u.name+'" to not repeat, but received `'+JSON.stringify(p)+"`");if(0===p.length){if(u.optional)continue;throw new TypeError('Expected "'+u.name+'" to not be empty')}for(var f=0;f<p.length;f++){if(d=l(p[f]),!n[c].test(d))throw new TypeError('Expected all "'+u.name+'" to match "'+u.pattern+'", but received `'+JSON.stringify(d)+"`");a+=(0===f?u.prefix:u.delimiter)+d}}else{if(d=u.asterisk?encodeURI(p).replace(/[?#]/g,(function(e){return"%"+e.charCodeAt(0).toString(16).toUpperCase()})):l(p),!n[c].test(d))throw new TypeError('Expected "'+u.name+'" to match "'+u.pattern+'", but received "'+d+'"');a+=u.prefix+d}}else a+=u}return a}}function l(e){return e.replace(/([.+*?=^!:${}()[\]|\/\\])/g,"\\$1")}function c(e){return e.replace(/([=!:$\/()])/g,"\\$1")}function u(e,t){return e.keys=t,e}function d(e){return e&&e.sensitive?"":"i"}function p(e,t,n){r(t)||(n=t||n,t=[]);for(var o=(n=n||{}).strict,a=!1!==n.end,i="",s=0;s<e.length;s++){var c=e[s];if("string"==typeof c)i+=l(c);else{var p=l(c.prefix),f="(?:"+c.pattern+")";t.push(c),c.repeat&&(f+="(?:"+p+f+")*"),i+=f=c.optional?c.partial?p+"("+f+")?":"(?:"+p+"("+f+"))?":p+"("+f+")"}}var m=l(n.delimiter||"/"),h=i.slice(-m.length)===m;return o||(i=(h?i.slice(0,-m.length):i)+"(?:"+m+"(?=$))?"),i+=a?"$":o&&h?"":"(?="+m+"|$)",u(new RegExp("^"+i,d(n)),t)}function f(e,t,n){return r(t)||(n=t||n,t=[]),n=n||{},e instanceof RegExp?function(e,t){var n=e.source.match(/\((?!\?)/g);if(n)for(var r=0;r<n.length;r++)t.push({name:r,prefix:null,delimiter:null,optional:!1,repeat:!1,partial:!1,asterisk:!1,pattern:null});return u(e,t)}(e,t):r(e)?function(e,t,n){for(var r=[],o=0;o<e.length;o++)r.push(f(e[o],t,n).source);return u(new RegExp("(?:"+r.join("|")+")",d(n)),t)}(e,t,n):function(e,t,n){return p(a(e,n),t,n)}(e,t,n)}},8468:(e,t,n)=>{"use strict";n.r(t),n.d(t,{default:()=>p});var r=n(4784),o=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},a=function(e){return"IMG"===e.tagName},i=function(e){return e&&1===e.nodeType},s=function(e){return".svg"===(e.currentSrc||e.src).substr(-4).toLowerCase()},l=function(e){try{return Array.isArray(e)?e.filter(a):function(e){return NodeList.prototype.isPrototypeOf(e)}(e)?[].slice.call(e).filter(a):i(e)?[e].filter(a):"string"==typeof e?[].slice.call(document.querySelectorAll(e)).filter(a):[]}catch(t){throw new TypeError("The provided selector is invalid.\nExpects a CSS selector, a Node element, a NodeList or an array.\nSee: https://github.com/francoischalifour/medium-zoom")}},c=function(e,t){var n=o({bubbles:!1,cancelable:!1,detail:void 0},t);if("function"==typeof window.CustomEvent)return new CustomEvent(e,n);var r=document.createEvent("CustomEvent");return r.initCustomEvent(e,n.bubbles,n.cancelable,n.detail),r};!function(e,t){void 0===t&&(t={});var n=t.insertAt;if(e&&"undefined"!=typeof document){var r=document.head||document.getElementsByTagName("head")[0],o=document.createElement("style");o.type="text/css","top"===n&&r.firstChild?r.insertBefore(o,r.firstChild):r.appendChild(o),o.styleSheet?o.styleSheet.cssText=e:o.appendChild(document.createTextNode(e))}}(".medium-zoom-overlay{position:fixed;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity .3s;will-change:opacity}.medium-zoom--opened .medium-zoom-overlay{cursor:pointer;cursor:zoom-out;opacity:1}.medium-zoom-image{cursor:pointer;cursor:zoom-in;transition:transform .3s cubic-bezier(.2,0,.2,1)!important}.medium-zoom-image--hidden{visibility:hidden}.medium-zoom-image--opened{position:relative;cursor:pointer;cursor:zoom-out;will-change:transform}");const u=function e(t){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},r=window.Promise||function(e){function t(){}e(t,t)},a=function(){for(var e=arguments.length,t=Array(e),n=0;n<e;n++)t[n]=arguments[n];var r=t.reduce((function(e,t){return[].concat(e,l(t))}),[]);return r.filter((function(e){return-1===f.indexOf(e)})).forEach((function(e){f.push(e),e.classList.add("medium-zoom-image")})),m.forEach((function(e){var t=e.type,n=e.listener,o=e.options;r.forEach((function(e){e.addEventListener(t,n,o)}))})),w},u=function(){var e=(arguments.length>0&&void 0!==arguments[0]?arguments[0]:{}).target,t=function(){var e={width:document.documentElement.clientWidth,height:document.documentElement.clientHeight,left:0,top:0,right:0,bottom:0},t=void 0,n=void 0;if(b.container)if(b.container instanceof Object)t=(e=o({},e,b.container)).width-e.left-e.right-2*b.margin,n=e.height-e.top-e.bottom-2*b.margin;else{var r=(i(b.container)?b.container:document.querySelector(b.container)).getBoundingClientRect(),a=r.width,l=r.height,c=r.left,u=r.top;e=o({},e,{width:a,height:l,left:c,top:u})}t=t||e.width-2*b.margin,n=n||e.height-2*b.margin;var d=y.zoomedHd||y.original,p=s(d)?t:d.naturalWidth||t,f=s(d)?n:d.naturalHeight||n,m=d.getBoundingClientRect(),h=m.top,g=m.left,v=m.width,w=m.height,k=Math.min(Math.max(v,p),t)/v,S=Math.min(Math.max(w,f),n)/w,x=Math.min(k,S),E="scale("+x+") translate3d("+((t-v)/2-g+b.margin+e.left)/x+"px, "+((n-w)/2-h+b.margin+e.top)/x+"px, 0)";y.zoomed.style.transform=E,y.zoomedHd&&(y.zoomedHd.style.transform=E)};return new r((function(n){if(e&&-1===f.indexOf(e))n(w);else{if(y.zoomed)n(w);else{if(e)y.original=e;else{if(!(f.length>0))return void n(w);var r=f;y.original=r[0]}if(y.original.dispatchEvent(c("medium-zoom:open",{detail:{zoom:w}})),g=window.pageYOffset||document.documentElement.scrollTop||document.body.scrollTop||0,h=!0,y.zoomed=function(e){var t=e.getBoundingClientRect(),n=t.top,r=t.left,o=t.width,a=t.height,i=e.cloneNode(),s=window.pageYOffset||document.documentElement.scrollTop||document.body.scrollTop||0,l=window.pageXOffset||document.documentElement.scrollLeft||document.body.scrollLeft||0;return i.removeAttribute("id"),i.style.position="absolute",i.style.top=n+s+"px",i.style.left=r+l+"px",i.style.width=o+"px",i.style.height=a+"px",i.style.transform="",i}(y.original),document.body.appendChild(v),b.template){var o=i(b.template)?b.template:document.querySelector(b.template);y.template=document.createElement("div"),y.template.appendChild(o.content.cloneNode(!0)),document.body.appendChild(y.template)}if(y.original.parentElement&&"PICTURE"===y.original.parentElement.tagName&&y.original.currentSrc&&(y.zoomed.src=y.original.currentSrc),document.body.appendChild(y.zoomed),window.requestAnimationFrame((function(){document.body.classList.add("medium-zoom--opened")})),y.original.classList.add("medium-zoom-image--hidden"),y.zoomed.classList.add("medium-zoom-image--opened"),y.zoomed.addEventListener("click",d),y.zoomed.addEventListener("transitionend",(function e(){h=!1,y.zoomed.removeEventListener("transitionend",e),y.original.dispatchEvent(c("medium-zoom:opened",{detail:{zoom:w}})),n(w)})),y.original.getAttribute("data-zoom-src")){y.zoomedHd=y.zoomed.cloneNode(),y.zoomedHd.removeAttribute("srcset"),y.zoomedHd.removeAttribute("sizes"),y.zoomedHd.removeAttribute("loading"),y.zoomedHd.src=y.zoomed.getAttribute("data-zoom-src"),y.zoomedHd.onerror=function(){clearInterval(a),console.warn("Unable to reach the zoom image target "+y.zoomedHd.src),y.zoomedHd=null,t()};var a=setInterval((function(){y.zoomedHd.complete&&(clearInterval(a),y.zoomedHd.classList.add("medium-zoom-image--opened"),y.zoomedHd.addEventListener("click",d),document.body.appendChild(y.zoomedHd),t())}),10)}else if(y.original.hasAttribute("srcset")){y.zoomedHd=y.zoomed.cloneNode(),y.zoomedHd.removeAttribute("sizes"),y.zoomedHd.removeAttribute("loading");var s=y.zoomedHd.addEventListener("load",(function(){y.zoomedHd.removeEventListener("load",s),y.zoomedHd.classList.add("medium-zoom-image--opened"),y.zoomedHd.addEventListener("click",d),document.body.appendChild(y.zoomedHd),t()}))}else t()}}}))},d=function(){return new r((function(e){if(!h&&y.original){h=!0,document.body.classList.remove("medium-zoom--opened"),y.zoomed.style.transform="",y.zoomedHd&&(y.zoomedHd.style.transform=""),y.template&&(y.template.style.transition="opacity 150ms",y.template.style.opacity=0),y.original.dispatchEvent(c("medium-zoom:close",{detail:{zoom:w}})),y.zoomed.addEventListener("transitionend",(function t(){y.original.classList.remove("medium-zoom-image--hidden"),document.body.removeChild(y.zoomed),y.zoomedHd&&document.body.removeChild(y.zoomedHd),document.body.removeChild(v),y.zoomed.classList.remove("medium-zoom-image--opened"),y.template&&document.body.removeChild(y.template),h=!1,y.zoomed.removeEventListener("transitionend",t),y.original.dispatchEvent(c("medium-zoom:closed",{detail:{zoom:w}})),y.original=null,y.zoomed=null,y.zoomedHd=null,y.template=null,e(w)}))}else e(w)}))},p=function(){var e=(arguments.length>0&&void 0!==arguments[0]?arguments[0]:{}).target;return y.original?d():u({target:e})},f=[],m=[],h=!1,g=0,b=n,y={original:null,zoomed:null,zoomedHd:null,template:null};"[object Object]"===Object.prototype.toString.call(t)?b=t:(t||"string"==typeof t)&&a(t);var v=function(e){var t=document.createElement("div");return t.classList.add("medium-zoom-overlay"),t.style.background=e,t}((b=o({margin:0,background:"#fff",scrollOffset:40,container:null,template:null},b)).background);document.addEventListener("click",(function(e){var t=e.target;t!==v?-1!==f.indexOf(t)&&p({target:t}):d()})),document.addEventListener("keyup",(function(e){var t=e.key||e.keyCode;"Escape"!==t&&"Esc"!==t&&27!==t||d()})),document.addEventListener("scroll",(function(){if(!h&&y.original){var e=window.pageYOffset||document.documentElement.scrollTop||document.body.scrollTop||0;Math.abs(g-e)>b.scrollOffset&&setTimeout(d,150)}})),window.addEventListener("resize",d);var w={open:u,close:d,toggle:p,update:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=e;if(e.background&&(v.style.background=e.background),e.container&&e.container instanceof Object&&(t.container=o({},b.container,e.container)),e.template){var n=i(e.template)?e.template:document.querySelector(e.template);t.template=n}return b=o({},b,t),f.forEach((function(e){e.dispatchEvent(c("medium-zoom:update",{detail:{zoom:w}}))})),w},clone:function(){return e(o({},b,arguments.length>0&&void 0!==arguments[0]?arguments[0]:{}))},attach:a,detach:function(){for(var e=arguments.length,t=Array(e),n=0;n<e;n++)t[n]=arguments[n];y.zoomed&&d();var r=t.length>0?t.reduce((function(e,t){return[].concat(e,l(t))}),[]):f;return r.forEach((function(e){e.classList.remove("medium-zoom-image"),e.dispatchEvent(c("medium-zoom:detach",{detail:{zoom:w}}))})),f=f.filter((function(e){return-1===r.indexOf(e)})),w},on:function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};return f.forEach((function(r){r.addEventListener("medium-zoom:"+e,t,n)})),m.push({type:"medium-zoom:"+e,listener:t,options:n}),w},off:function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};return f.forEach((function(r){r.removeEventListener("medium-zoom:"+e,t,n)})),m=m.filter((function(n){return!(n.type==="medium-zoom:"+e&&n.listener.toString()===t.toString())})),w},getOptions:function(){return b},getImages:function(){return f},getZoomedImage:function(){return y.original}};return w},{themeConfig:d}=r.default,p=function(){if("undefined"==typeof window)return null;const{zoomSelector:e=".markdown img"}=d,{imageZoom:{selector:t=e,options:n}={}}=d;return setTimeout((()=>{u(t,n)}),1e3),{onRouteUpdate({location:e,previousLocation:r}){e&&e.hash&&e.hash.length||r&&e.pathname!==r.pathname&&setTimeout((()=>{u(t,n)}),1e3)}}}()},9227:e=>{e.exports&&(e.exports={core:{meta:{path:"components/prism-core.js",option:"mandatory"},core:"Core"},themes:{meta:{path:"themes/{id}.css",link:"index.html?theme={id}",exclusive:!0},prism:{title:"Default",option:"default"},"prism-dark":"Dark","prism-funky":"Funky","prism-okaidia":{title:"Okaidia",owner:"ocodia"},"prism-twilight":{title:"Twilight",owner:"remybach"},"prism-coy":{title:"Coy",owner:"tshedor"},"prism-solarizedlight":{title:"Solarized Light",owner:"hectormatos2011 "},"prism-tomorrow":{title:"Tomorrow Night",owner:"Rosey"}},languages:{meta:{path:"components/prism-{id}",noCSS:!0,examplesPath:"examples/prism-{id}",addCheckAll:!0},markup:{title:"Markup",alias:["html","xml","svg","mathml","ssml","atom","rss"],aliasTitles:{html:"HTML",xml:"XML",svg:"SVG",mathml:"MathML",ssml:"SSML",atom:"Atom",rss:"RSS"},option:"default"},css:{title:"CSS",option:"default",modify:"markup"},clike:{title:"C-like",option:"default"},javascript:{title:"JavaScript",require:"clike",modify:"markup",optional:"regex",alias:"js",option:"default"},abap:{title:"ABAP",owner:"dellagustin"},abnf:{title:"ABNF",owner:"RunDevelopment"},actionscript:{title:"ActionScript",require:"javascript",modify:"markup",owner:"Golmote"},ada:{title:"Ada",owner:"Lucretia"},agda:{title:"Agda",owner:"xy-ren"},al:{title:"AL",owner:"RunDevelopment"},antlr4:{title:"ANTLR4",alias:"g4",owner:"RunDevelopment"},apacheconf:{title:"Apache Configuration",owner:"GuiTeK"},apex:{title:"Apex",require:["clike","sql"],owner:"RunDevelopment"},apl:{title:"APL",owner:"ngn"},applescript:{title:"AppleScript",owner:"Golmote"},aql:{title:"AQL",owner:"RunDevelopment"},arduino:{title:"Arduino",require:"cpp",alias:"ino",owner:"dkern"},arff:{title:"ARFF",owner:"Golmote"},armasm:{title:"ARM Assembly",alias:"arm-asm",owner:"RunDevelopment"},arturo:{title:"Arturo",alias:"art",optional:["bash","css","javascript","markup","markdown","sql"],owner:"drkameleon"},asciidoc:{alias:"adoc",title:"AsciiDoc",owner:"Golmote"},aspnet:{title:"ASP.NET (C#)",require:["markup","csharp"],owner:"nauzilus"},asm6502:{title:"6502 Assembly",owner:"kzurawel"},asmatmel:{title:"Atmel AVR Assembly",owner:"cerkit"},autohotkey:{title:"AutoHotkey",owner:"aviaryan"},autoit:{title:"AutoIt",owner:"Golmote"},avisynth:{title:"AviSynth",alias:"avs",owner:"Zinfidel"},"avro-idl":{title:"Avro IDL",alias:"avdl",owner:"RunDevelopment"},awk:{title:"AWK",alias:"gawk",aliasTitles:{gawk:"GAWK"},owner:"RunDevelopment"},bash:{title:"Bash",alias:["sh","shell"],aliasTitles:{sh:"Shell",shell:"Shell"},owner:"zeitgeist87"},basic:{title:"BASIC",owner:"Golmote"},batch:{title:"Batch",owner:"Golmote"},bbcode:{title:"BBcode",alias:"shortcode",aliasTitles:{shortcode:"Shortcode"},owner:"RunDevelopment"},bbj:{title:"BBj",owner:"hyyan"},bicep:{title:"Bicep",owner:"johnnyreilly"},birb:{title:"Birb",require:"clike",owner:"Calamity210"},bison:{title:"Bison",require:"c",owner:"Golmote"},bnf:{title:"BNF",alias:"rbnf",aliasTitles:{rbnf:"RBNF"},owner:"RunDevelopment"},bqn:{title:"BQN",owner:"yewscion"},brainfuck:{title:"Brainfuck",owner:"Golmote"},brightscript:{title:"BrightScript",owner:"RunDevelopment"},bro:{title:"Bro",owner:"wayward710"},bsl:{title:"BSL (1C:Enterprise)",alias:"oscript",aliasTitles:{oscript:"OneScript"},owner:"Diversus23"},c:{title:"C",require:"clike",owner:"zeitgeist87"},csharp:{title:"C#",require:"clike",alias:["cs","dotnet"],owner:"mvalipour"},cpp:{title:"C++",require:"c",owner:"zeitgeist87"},cfscript:{title:"CFScript",require:"clike",alias:"cfc",owner:"mjclemente"},chaiscript:{title:"ChaiScript",require:["clike","cpp"],owner:"RunDevelopment"},cil:{title:"CIL",owner:"sbrl"},cilkc:{title:"Cilk/C",require:"c",alias:"cilk-c",owner:"OpenCilk"},cilkcpp:{title:"Cilk/C++",require:"cpp",alias:["cilk-cpp","cilk"],owner:"OpenCilk"},clojure:{title:"Clojure",owner:"troglotit"},cmake:{title:"CMake",owner:"mjrogozinski"},cobol:{title:"COBOL",owner:"RunDevelopment"},coffeescript:{title:"CoffeeScript",require:"javascript",alias:"coffee",owner:"R-osey"},concurnas:{title:"Concurnas",alias:"conc",owner:"jasontatton"},csp:{title:"Content-Security-Policy",owner:"ScottHelme"},cooklang:{title:"Cooklang",owner:"ahue"},coq:{title:"Coq",owner:"RunDevelopment"},crystal:{title:"Crystal",require:"ruby",owner:"MakeNowJust"},"css-extras":{title:"CSS Extras",require:"css",modify:"css",owner:"milesj"},csv:{title:"CSV",owner:"RunDevelopment"},cue:{title:"CUE",owner:"RunDevelopment"},cypher:{title:"Cypher",owner:"RunDevelopment"},d:{title:"D",require:"clike",owner:"Golmote"},dart:{title:"Dart",require:"clike",owner:"Golmote"},dataweave:{title:"DataWeave",owner:"machaval"},dax:{title:"DAX",owner:"peterbud"},dhall:{title:"Dhall",owner:"RunDevelopment"},diff:{title:"Diff",owner:"uranusjr"},django:{title:"Django/Jinja2",require:"markup-templating",alias:"jinja2",owner:"romanvm"},"dns-zone-file":{title:"DNS zone file",owner:"RunDevelopment",alias:"dns-zone"},docker:{title:"Docker",alias:"dockerfile",owner:"JustinBeckwith"},dot:{title:"DOT (Graphviz)",alias:"gv",optional:"markup",owner:"RunDevelopment"},ebnf:{title:"EBNF",owner:"RunDevelopment"},editorconfig:{title:"EditorConfig",owner:"osipxd"},eiffel:{title:"Eiffel",owner:"Conaclos"},ejs:{title:"EJS",require:["javascript","markup-templating"],owner:"RunDevelopment",alias:"eta",aliasTitles:{eta:"Eta"}},elixir:{title:"Elixir",owner:"Golmote"},elm:{title:"Elm",owner:"zwilias"},etlua:{title:"Embedded Lua templating",require:["lua","markup-templating"],owner:"RunDevelopment"},erb:{title:"ERB",require:["ruby","markup-templating"],owner:"Golmote"},erlang:{title:"Erlang",owner:"Golmote"},"excel-formula":{title:"Excel Formula",alias:["xlsx","xls"],owner:"RunDevelopment"},fsharp:{title:"F#",require:"clike",owner:"simonreynolds7"},factor:{title:"Factor",owner:"catb0t"},false:{title:"False",owner:"edukisto"},"firestore-security-rules":{title:"Firestore security rules",require:"clike",owner:"RunDevelopment"},flow:{title:"Flow",require:"javascript",owner:"Golmote"},fortran:{title:"Fortran",owner:"Golmote"},ftl:{title:"FreeMarker Template Language",require:"markup-templating",owner:"RunDevelopment"},gml:{title:"GameMaker Language",alias:"gamemakerlanguage",require:"clike",owner:"LiarOnce"},gap:{title:"GAP (CAS)",owner:"RunDevelopment"},gcode:{title:"G-code",owner:"RunDevelopment"},gdscript:{title:"GDScript",owner:"RunDevelopment"},gedcom:{title:"GEDCOM",owner:"Golmote"},gettext:{title:"gettext",alias:"po",owner:"RunDevelopment"},gherkin:{title:"Gherkin",owner:"hason"},git:{title:"Git",owner:"lgiraudel"},glsl:{title:"GLSL",require:"c",owner:"Golmote"},gn:{title:"GN",alias:"gni",owner:"RunDevelopment"},"linker-script":{title:"GNU Linker Script",alias:"ld",owner:"RunDevelopment"},go:{title:"Go",require:"clike",owner:"arnehormann"},"go-module":{title:"Go module",alias:"go-mod",owner:"RunDevelopment"},gradle:{title:"Gradle",require:"clike",owner:"zeabdelkhalek-badido18"},graphql:{title:"GraphQL",optional:"markdown",owner:"Golmote"},groovy:{title:"Groovy",require:"clike",owner:"robfletcher"},haml:{title:"Haml",require:"ruby",optional:["css","css-extras","coffeescript","erb","javascript","less","markdown","scss","textile"],owner:"Golmote"},handlebars:{title:"Handlebars",require:"markup-templating",alias:["hbs","mustache"],aliasTitles:{mustache:"Mustache"},owner:"Golmote"},haskell:{title:"Haskell",alias:"hs",owner:"bholst"},haxe:{title:"Haxe",require:"clike",optional:"regex",owner:"Golmote"},hcl:{title:"HCL",owner:"outsideris"},hlsl:{title:"HLSL",require:"c",owner:"RunDevelopment"},hoon:{title:"Hoon",owner:"matildepark"},http:{title:"HTTP",optional:["csp","css","hpkp","hsts","javascript","json","markup","uri"],owner:"danielgtaylor"},hpkp:{title:"HTTP Public-Key-Pins",owner:"ScottHelme"},hsts:{title:"HTTP Strict-Transport-Security",owner:"ScottHelme"},ichigojam:{title:"IchigoJam",owner:"BlueCocoa"},icon:{title:"Icon",owner:"Golmote"},"icu-message-format":{title:"ICU Message Format",owner:"RunDevelopment"},idris:{title:"Idris",alias:"idr",owner:"KeenS",require:"haskell"},ignore:{title:".ignore",owner:"osipxd",alias:["gitignore","hgignore","npmignore"],aliasTitles:{gitignore:".gitignore",hgignore:".hgignore",npmignore:".npmignore"}},inform7:{title:"Inform 7",owner:"Golmote"},ini:{title:"Ini",owner:"aviaryan"},io:{title:"Io",owner:"AlesTsurko"},j:{title:"J",owner:"Golmote"},java:{title:"Java",require:"clike",owner:"sherblot"},javadoc:{title:"JavaDoc",require:["markup","java","javadoclike"],modify:"java",optional:"scala",owner:"RunDevelopment"},javadoclike:{title:"JavaDoc-like",modify:["java","javascript","php"],owner:"RunDevelopment"},javastacktrace:{title:"Java stack trace",owner:"RunDevelopment"},jexl:{title:"Jexl",owner:"czosel"},jolie:{title:"Jolie",require:"clike",owner:"thesave"},jq:{title:"JQ",owner:"RunDevelopment"},jsdoc:{title:"JSDoc",require:["javascript","javadoclike","typescript"],modify:"javascript",optional:["actionscript","coffeescript"],owner:"RunDevelopment"},"js-extras":{title:"JS Extras",require:"javascript",modify:"javascript",optional:["actionscript","coffeescript","flow","n4js","typescript"],owner:"RunDevelopment"},json:{title:"JSON",alias:"webmanifest",aliasTitles:{webmanifest:"Web App Manifest"},owner:"CupOfTea696"},json5:{title:"JSON5",require:"json",owner:"RunDevelopment"},jsonp:{title:"JSONP",require:"json",owner:"RunDevelopment"},jsstacktrace:{title:"JS stack trace",owner:"sbrl"},"js-templates":{title:"JS Templates",require:"javascript",modify:"javascript",optional:["css","css-extras","graphql","markdown","markup","sql"],owner:"RunDevelopment"},julia:{title:"Julia",owner:"cdagnino"},keepalived:{title:"Keepalived Configure",owner:"dev-itsheng"},keyman:{title:"Keyman",owner:"mcdurdin"},kotlin:{title:"Kotlin",alias:["kt","kts"],aliasTitles:{kts:"Kotlin Script"},require:"clike",owner:"Golmote"},kumir:{title:"KuMir (\u041a\u0443\u041c\u0438\u0440)",alias:"kum",owner:"edukisto"},kusto:{title:"Kusto",owner:"RunDevelopment"},latex:{title:"LaTeX",alias:["tex","context"],aliasTitles:{tex:"TeX",context:"ConTeXt"},owner:"japborst"},latte:{title:"Latte",require:["clike","markup-templating","php"],owner:"nette"},less:{title:"Less",require:"css",optional:"css-extras",owner:"Golmote"},lilypond:{title:"LilyPond",require:"scheme",alias:"ly",owner:"RunDevelopment"},liquid:{title:"Liquid",require:"markup-templating",owner:"cinhtau"},lisp:{title:"Lisp",alias:["emacs","elisp","emacs-lisp"],owner:"JuanCaicedo"},livescript:{title:"LiveScript",owner:"Golmote"},llvm:{title:"LLVM IR",owner:"porglezomp"},log:{title:"Log file",optional:"javastacktrace",owner:"RunDevelopment"},lolcode:{title:"LOLCODE",owner:"Golmote"},lua:{title:"Lua",owner:"Golmote"},magma:{title:"Magma (CAS)",owner:"RunDevelopment"},makefile:{title:"Makefile",owner:"Golmote"},markdown:{title:"Markdown",require:"markup",optional:"yaml",alias:"md",owner:"Golmote"},"markup-templating":{title:"Markup templating",require:"markup",owner:"Golmote"},mata:{title:"Mata",owner:"RunDevelopment"},matlab:{title:"MATLAB",owner:"Golmote"},maxscript:{title:"MAXScript",owner:"RunDevelopment"},mel:{title:"MEL",owner:"Golmote"},mermaid:{title:"Mermaid",owner:"RunDevelopment"},metafont:{title:"METAFONT",owner:"LaeriExNihilo"},mizar:{title:"Mizar",owner:"Golmote"},mongodb:{title:"MongoDB",owner:"airs0urce",require:"javascript"},monkey:{title:"Monkey",owner:"Golmote"},moonscript:{title:"MoonScript",alias:"moon",owner:"RunDevelopment"},n1ql:{title:"N1QL",owner:"TMWilds"},n4js:{title:"N4JS",require:"javascript",optional:"jsdoc",alias:"n4jsd",owner:"bsmith-n4"},"nand2tetris-hdl":{title:"Nand To Tetris HDL",owner:"stephanmax"},naniscript:{title:"Naninovel Script",owner:"Elringus",alias:"nani"},nasm:{title:"NASM",owner:"rbmj"},neon:{title:"NEON",owner:"nette"},nevod:{title:"Nevod",owner:"nezaboodka"},nginx:{title:"nginx",owner:"volado"},nim:{title:"Nim",owner:"Golmote"},nix:{title:"Nix",owner:"Golmote"},nsis:{title:"NSIS",owner:"idleberg"},objectivec:{title:"Objective-C",require:"c",alias:"objc",owner:"uranusjr"},ocaml:{title:"OCaml",owner:"Golmote"},odin:{title:"Odin",owner:"edukisto"},opencl:{title:"OpenCL",require:"c",modify:["c","cpp"],owner:"Milania1"},openqasm:{title:"OpenQasm",alias:"qasm",owner:"RunDevelopment"},oz:{title:"Oz",owner:"Golmote"},parigp:{title:"PARI/GP",owner:"Golmote"},parser:{title:"Parser",require:"markup",owner:"Golmote"},pascal:{title:"Pascal",alias:"objectpascal",aliasTitles:{objectpascal:"Object Pascal"},owner:"Golmote"},pascaligo:{title:"Pascaligo",owner:"DefinitelyNotAGoat"},psl:{title:"PATROL Scripting Language",owner:"bertysentry"},pcaxis:{title:"PC-Axis",alias:"px",owner:"RunDevelopment"},peoplecode:{title:"PeopleCode",alias:"pcode",owner:"RunDevelopment"},perl:{title:"Perl",owner:"Golmote"},php:{title:"PHP",require:"markup-templating",owner:"milesj"},phpdoc:{title:"PHPDoc",require:["php","javadoclike"],modify:"php",owner:"RunDevelopment"},"php-extras":{title:"PHP Extras",require:"php",modify:"php",owner:"milesj"},"plant-uml":{title:"PlantUML",alias:"plantuml",owner:"RunDevelopment"},plsql:{title:"PL/SQL",require:"sql",owner:"Golmote"},powerquery:{title:"PowerQuery",alias:["pq","mscript"],owner:"peterbud"},powershell:{title:"PowerShell",owner:"nauzilus"},processing:{title:"Processing",require:"clike",owner:"Golmote"},prolog:{title:"Prolog",owner:"Golmote"},promql:{title:"PromQL",owner:"arendjr"},properties:{title:".properties",owner:"Golmote"},protobuf:{title:"Protocol Buffers",require:"clike",owner:"just-boris"},pug:{title:"Pug",require:["markup","javascript"],optional:["coffeescript","ejs","handlebars","less","livescript","markdown","scss","stylus","twig"],owner:"Golmote"},puppet:{title:"Puppet",owner:"Golmote"},pure:{title:"Pure",optional:["c","cpp","fortran"],owner:"Golmote"},purebasic:{title:"PureBasic",require:"clike",alias:"pbfasm",owner:"HeX0R101"},purescript:{title:"PureScript",require:"haskell",alias:"purs",owner:"sriharshachilakapati"},python:{title:"Python",alias:"py",owner:"multipetros"},qsharp:{title:"Q#",require:"clike",alias:"qs",owner:"fedonman"},q:{title:"Q (kdb+ database)",owner:"Golmote"},qml:{title:"QML",require:"javascript",owner:"RunDevelopment"},qore:{title:"Qore",require:"clike",owner:"temnroegg"},r:{title:"R",owner:"Golmote"},racket:{title:"Racket",require:"scheme",alias:"rkt",owner:"RunDevelopment"},cshtml:{title:"Razor C#",alias:"razor",require:["markup","csharp"],optional:["css","css-extras","javascript","js-extras"],owner:"RunDevelopment"},jsx:{title:"React JSX",require:["markup","javascript"],optional:["jsdoc","js-extras","js-templates"],owner:"vkbansal"},tsx:{title:"React TSX",require:["jsx","typescript"]},reason:{title:"Reason",require:"clike",owner:"Golmote"},regex:{title:"Regex",owner:"RunDevelopment"},rego:{title:"Rego",owner:"JordanSh"},renpy:{title:"Ren'py",alias:"rpy",owner:"HyuchiaDiego"},rescript:{title:"ReScript",alias:"res",owner:"vmarcosp"},rest:{title:"reST (reStructuredText)",owner:"Golmote"},rip:{title:"Rip",owner:"ravinggenius"},roboconf:{title:"Roboconf",owner:"Golmote"},robotframework:{title:"Robot Framework",alias:"robot",owner:"RunDevelopment"},ruby:{title:"Ruby",require:"clike",alias:"rb",owner:"samflores"},rust:{title:"Rust",owner:"Golmote"},sas:{title:"SAS",optional:["groovy","lua","sql"],owner:"Golmote"},sass:{title:"Sass (Sass)",require:"css",optional:"css-extras",owner:"Golmote"},scss:{title:"Sass (SCSS)",require:"css",optional:"css-extras",owner:"MoOx"},scala:{title:"Scala",require:"java",owner:"jozic"},scheme:{title:"Scheme",owner:"bacchus123"},"shell-session":{title:"Shell session",require:"bash",alias:["sh-session","shellsession"],owner:"RunDevelopment"},smali:{title:"Smali",owner:"RunDevelopment"},smalltalk:{title:"Smalltalk",owner:"Golmote"},smarty:{title:"Smarty",require:"markup-templating",optional:"php",owner:"Golmote"},sml:{title:"SML",alias:"smlnj",aliasTitles:{smlnj:"SML/NJ"},owner:"RunDevelopment"},solidity:{title:"Solidity (Ethereum)",alias:"sol",require:"clike",owner:"glachaud"},"solution-file":{title:"Solution file",alias:"sln",owner:"RunDevelopment"},soy:{title:"Soy (Closure Template)",require:"markup-templating",owner:"Golmote"},sparql:{title:"SPARQL",require:"turtle",owner:"Triply-Dev",alias:"rq"},"splunk-spl":{title:"Splunk SPL",owner:"RunDevelopment"},sqf:{title:"SQF: Status Quo Function (Arma 3)",require:"clike",owner:"RunDevelopment"},sql:{title:"SQL",owner:"multipetros"},squirrel:{title:"Squirrel",require:"clike",owner:"RunDevelopment"},stan:{title:"Stan",owner:"RunDevelopment"},stata:{title:"Stata Ado",require:["mata","java","python"],owner:"RunDevelopment"},iecst:{title:"Structured Text (IEC 61131-3)",owner:"serhioromano"},stylus:{title:"Stylus",owner:"vkbansal"},supercollider:{title:"SuperCollider",alias:"sclang",owner:"RunDevelopment"},swift:{title:"Swift",owner:"chrischares"},systemd:{title:"Systemd configuration file",owner:"RunDevelopment"},"t4-templating":{title:"T4 templating",owner:"RunDevelopment"},"t4-cs":{title:"T4 Text Templates (C#)",require:["t4-templating","csharp"],alias:"t4",owner:"RunDevelopment"},"t4-vb":{title:"T4 Text Templates (VB)",require:["t4-templating","vbnet"],owner:"RunDevelopment"},tap:{title:"TAP",owner:"isaacs",require:"yaml"},tcl:{title:"Tcl",owner:"PeterChaplin"},tt2:{title:"Template Toolkit 2",require:["clike","markup-templating"],owner:"gflohr"},textile:{title:"Textile",require:"markup",optional:"css",owner:"Golmote"},toml:{title:"TOML",owner:"RunDevelopment"},tremor:{title:"Tremor",alias:["trickle","troy"],owner:"darach",aliasTitles:{trickle:"trickle",troy:"troy"}},turtle:{title:"Turtle",alias:"trig",aliasTitles:{trig:"TriG"},owner:"jakubklimek"},twig:{title:"Twig",require:"markup-templating",owner:"brandonkelly"},typescript:{title:"TypeScript",require:"javascript",optional:"js-templates",alias:"ts",owner:"vkbansal"},typoscript:{title:"TypoScript",alias:"tsconfig",aliasTitles:{tsconfig:"TSConfig"},owner:"dkern"},unrealscript:{title:"UnrealScript",alias:["uscript","uc"],owner:"RunDevelopment"},uorazor:{title:"UO Razor Script",owner:"jaseowns"},uri:{title:"URI",alias:"url",aliasTitles:{url:"URL"},owner:"RunDevelopment"},v:{title:"V",require:"clike",owner:"taggon"},vala:{title:"Vala",require:"clike",optional:"regex",owner:"TemplarVolk"},vbnet:{title:"VB.Net",require:"basic",owner:"Bigsby"},velocity:{title:"Velocity",require:"markup",owner:"Golmote"},verilog:{title:"Verilog",owner:"a-rey"},vhdl:{title:"VHDL",owner:"a-rey"},vim:{title:"vim",owner:"westonganger"},"visual-basic":{title:"Visual Basic",alias:["vb","vba"],aliasTitles:{vba:"VBA"},owner:"Golmote"},warpscript:{title:"WarpScript",owner:"RunDevelopment"},wasm:{title:"WebAssembly",owner:"Golmote"},"web-idl":{title:"Web IDL",alias:"webidl",owner:"RunDevelopment"},wgsl:{title:"WGSL",owner:"Dr4gonthree"},wiki:{title:"Wiki markup",require:"markup",owner:"Golmote"},wolfram:{title:"Wolfram language",alias:["mathematica","nb","wl"],aliasTitles:{mathematica:"Mathematica",nb:"Mathematica Notebook"},owner:"msollami"},wren:{title:"Wren",owner:"clsource"},xeora:{title:"Xeora",require:"markup",alias:"xeoracube",aliasTitles:{xeoracube:"XeoraCube"},owner:"freakmaxi"},"xml-doc":{title:"XML doc (.net)",require:"markup",modify:["csharp","fsharp","vbnet"],owner:"RunDevelopment"},xojo:{title:"Xojo (REALbasic)",owner:"Golmote"},xquery:{title:"XQuery",require:"markup",owner:"Golmote"},yaml:{title:"YAML",alias:"yml",owner:"hason"},yang:{title:"YANG",owner:"RunDevelopment"},zig:{title:"Zig",owner:"RunDevelopment"}},plugins:{meta:{path:"plugins/{id}/prism-{id}",link:"plugins/{id}/"},"line-highlight":{title:"Line Highlight",description:"Highlights specific lines and/or line ranges."},"line-numbers":{title:"Line Numbers",description:"Line number at the beginning of code lines.",owner:"kuba-kubula"},"show-invisibles":{title:"Show Invisibles",description:"Show hidden characters such as tabs and line breaks.",optional:["autolinker","data-uri-highlight"]},autolinker:{title:"Autolinker",description:"Converts URLs and emails in code to clickable links. Parses Markdown links in comments."},wpd:{title:"WebPlatform Docs",description:'Makes tokens link to <a href="https://webplatform.github.io/docs/">WebPlatform.org documentation</a>. The links open in a new tab.'},"custom-class":{title:"Custom Class",description:"This plugin allows you to prefix Prism's default classes (<code>.comment</code> can become <code>.namespace--comment</code>) or replace them with your defined ones (like <code>.editor__comment</code>). You can even add new classes.",owner:"dvkndn",noCSS:!0},"file-highlight":{title:"File Highlight",description:"Fetch external files and highlight them with Prism. Used on the Prism website itself.",noCSS:!0},"show-language":{title:"Show Language",description:"Display the highlighted language in code blocks (inline code does not show the label).",owner:"nauzilus",noCSS:!0,require:"toolbar"},"jsonp-highlight":{title:"JSONP Highlight",description:"Fetch content with JSONP and highlight some interesting content (e.g. GitHub/Gists or Bitbucket API).",noCSS:!0,owner:"nauzilus"},"highlight-keywords":{title:"Highlight Keywords",description:"Adds special CSS classes for each keyword for fine-grained highlighting.",owner:"vkbansal",noCSS:!0},"remove-initial-line-feed":{title:"Remove initial line feed",description:"Removes the initial line feed in code blocks.",owner:"Golmote",noCSS:!0},"inline-color":{title:"Inline color",description:"Adds a small inline preview for colors in style sheets.",require:"css-extras",owner:"RunDevelopment"},previewers:{title:"Previewers",description:"Previewers for angles, colors, gradients, easing and time.",require:"css-extras",owner:"Golmote"},autoloader:{title:"Autoloader",description:"Automatically loads the needed languages to highlight the code blocks.",owner:"Golmote",noCSS:!0},"keep-markup":{title:"Keep Markup",description:"Prevents custom markup from being dropped out during highlighting.",owner:"Golmote",optional:"normalize-whitespace",noCSS:!0},"command-line":{title:"Command Line",description:"Display a command line with a prompt and, optionally, the output/response from the commands.",owner:"chriswells0"},"unescaped-markup":{title:"Unescaped Markup",description:"Write markup without having to escape anything."},"normalize-whitespace":{title:"Normalize Whitespace",description:"Supports multiple operations to normalize whitespace in code blocks.",owner:"zeitgeist87",optional:"unescaped-markup",noCSS:!0},"data-uri-highlight":{title:"Data-URI Highlight",description:"Highlights data-URI contents.",owner:"Golmote",noCSS:!0},toolbar:{title:"Toolbar",description:"Attach a toolbar for plugins to easily register buttons on the top of a code block.",owner:"mAAdhaTTah"},"copy-to-clipboard":{title:"Copy to Clipboard Button",description:"Add a button that copies the code block to the clipboard when clicked.",owner:"mAAdhaTTah",require:"toolbar",noCSS:!0},"download-button":{title:"Download Button",description:"A button in the toolbar of a code block adding a convenient way to download a code file.",owner:"Golmote",require:"toolbar",noCSS:!0},"match-braces":{title:"Match braces",description:"Highlights matching braces.",owner:"RunDevelopment"},"diff-highlight":{title:"Diff Highlight",description:"Highlights the code inside diff blocks.",owner:"RunDevelopment",require:"diff"},"filter-highlight-all":{title:"Filter highlightAll",description:"Filters the elements the <code>highlightAll</code> and <code>highlightAllUnder</code> methods actually highlight.",owner:"RunDevelopment",noCSS:!0},treeview:{title:"Treeview",description:"A language with special styles to highlight file system tree structures.",owner:"Golmote"}}})},6532:(e,t,n)=>{const r=n(9227),o=n(9670),a=new Set;function i(e){void 0===e?e=Object.keys(r.languages).filter((e=>"meta"!=e)):Array.isArray(e)||(e=[e]);const t=[...a,...Object.keys(Prism.languages)];o(r,e,t).load((e=>{if(!(e in r.languages))return void(i.silent||console.warn("Language does not exist: "+e));const t="./prism-"+e;delete n.c[n(7507).resolve(t)],delete Prism.languages[e],n(7507)(t),a.add(e)}))}i.silent=!1,e.exports=i},1274:()=>{!function(e){function t(e,t){return"___"+e.toUpperCase()+t+"___"}Object.defineProperties(e.languages["markup-templating"]={},{buildPlaceholders:{value:function(n,r,o,a){if(n.language===r){var i=n.tokenStack=[];n.code=n.code.replace(o,(function(e){if("function"==typeof a&&!a(e))return e;for(var o,s=i.length;-1!==n.code.indexOf(o=t(r,s));)++s;return i[s]=e,o})),n.grammar=e.languages.markup}}},tokenizePlaceholders:{value:function(n,r){if(n.language===r&&n.tokenStack){n.grammar=e.languages[r];var o=0,a=Object.keys(n.tokenStack);!function i(s){for(var l=0;l<s.length&&!(o>=a.length);l++){var c=s[l];if("string"==typeof c||c.content&&"string"==typeof c.content){var u=a[o],d=n.tokenStack[u],p="string"==typeof c?c:c.content,f=t(r,u),m=p.indexOf(f);if(m>-1){++o;var h=p.substring(0,m),g=new e.Token(r,e.tokenize(d,n.grammar),"language-"+r,d),b=p.substring(m+f.length),y=[];h&&y.push.apply(y,i([h])),y.push(g),b&&y.push.apply(y,i([b])),"string"==typeof c?s.splice.apply(s,[l,1].concat(y)):c.content=y}}else c.content&&i(c.content)}return s}(n.tokens)}}}})}(Prism)},7507:(e,t,n)=>{var r={"./":6532};function o(e){var t=a(e);return n(t)}function a(e){if(!n.o(r,e)){var t=new Error("Cannot find module '"+e+"'");throw t.code="MODULE_NOT_FOUND",t}return r[e]}o.keys=function(){return Object.keys(r)},o.resolve=a,e.exports=o,o.id=7507},9670:e=>{"use strict";var t=function(){var e=function(){};function t(e,t){Array.isArray(e)?e.forEach(t):null!=e&&t(e,0)}function n(e){for(var t={},n=0,r=e.length;n<r;n++)t[e[n]]=!0;return t}function r(e){var n={},r=[];function o(r,a){if(!(r in n)){a.push(r);var i=a.indexOf(r);if(i<a.length-1)throw new Error("Circular dependency: "+a.slice(i).join(" -> "));var s={},l=e[r];if(l){function c(t){if(!(t in e))throw new Error(r+" depends on an unknown component "+t);if(!(t in s))for(var i in o(t,a),s[t]=!0,n[t])s[i]=!0}t(l.require,c),t(l.optional,c),t(l.modify,c)}n[r]=s,a.pop()}}return function(e){var t=n[e];return t||(o(e,r),t=n[e]),t}}function o(e){for(var t in e)return!0;return!1}return function(a,i,s){var l=function(e){var t={};for(var n in e){var r=e[n];for(var o in r)if("meta"!=o){var a=r[o];t[o]="string"==typeof a?{title:a}:a}}return t}(a),c=function(e){var n;return function(r){if(r in e)return r;if(!n)for(var o in n={},e){var a=e[o];t(a&&a.alias,(function(t){if(t in n)throw new Error(t+" cannot be alias for both "+o+" and "+n[t]);if(t in e)throw new Error(t+" cannot be alias of "+o+" because it is a component.");n[t]=o}))}return n[r]||r}}(l);i=i.map(c),s=(s||[]).map(c);var u=n(i),d=n(s);i.forEach((function e(n){var r=l[n];t(r&&r.require,(function(t){t in d||(u[t]=!0,e(t))}))}));for(var p,f=r(l),m=u;o(m);){for(var h in p={},m){var g=l[h];t(g&&g.modify,(function(e){e in d&&(p[e]=!0)}))}for(var b in d)if(!(b in u))for(var y in f(b))if(y in u){p[b]=!0;break}for(var v in m=p)u[v]=!0}var w={getIds:function(){var e=[];return w.load((function(t){e.push(t)})),e},load:function(t,n){return function(t,n,r,o){var a=o?o.series:void 0,i=o?o.parallel:e,s={},l={};function c(e){if(e in s)return s[e];l[e]=!0;var o,u=[];for(var d in t(e))d in n&&u.push(d);if(0===u.length)o=r(e);else{var p=i(u.map((function(e){var t=c(e);return delete l[e],t})));a?o=a(p,(function(){return r(e)})):r(e)}return s[e]=o}for(var u in n)c(u);var d=[];for(var p in l)d.push(s[p]);return i(d)}(f,u,t,n)}};return w}}();e.exports=t},6186:(e,t,n)=>{"use strict";var r=n(2985);function o(){}function a(){}a.resetWarningCache=o,e.exports=function(){function e(e,t,n,o,a,i){if(i!==r){var s=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");throw s.name="Invariant Violation",s}}function t(){return e}e.isRequired=e;var n={array:e,bigint:e,bool:e,func:e,number:e,object:e,string:e,symbol:e,any:e,arrayOf:t,element:e,elementType:e,instanceOf:t,node:e,objectOf:t,oneOf:t,oneOfType:t,shape:t,exact:t,checkPropTypes:a,resetWarningCache:o};return n.PropTypes=n,n}},2736:(e,t,n)=>{e.exports=n(6186)()},2985:e=>{"use strict";e.exports="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"},9481:(e,t,n)=>{"use strict";var r=n(758),o=n(1896);function a(e){for(var t="https://reactjs.org/docs/error-decoder.html?invariant="+e,n=1;n<arguments.length;n++)t+="&args[]="+encodeURIComponent(arguments[n]);return"Minified React error #"+e+"; visit "+t+" for the full message or use the non-minified dev environment for full errors and additional helpful warnings."}var i=new Set,s={};function l(e,t){c(e,t),c(e+"Capture",t)}function c(e,t){for(s[e]=t,e=0;e<t.length;e++)i.add(t[e])}var u=!("undefined"==typeof window||void 0===window.document||void 0===window.document.createElement),d=Object.prototype.hasOwnProperty,p=/^[:A-Z_a-z\u00C0-\u00D6\u00D8-\u00F6\u00F8-\u02FF\u0370-\u037D\u037F-\u1FFF\u200C-\u200D\u2070-\u218F\u2C00-\u2FEF\u3001-\uD7FF\uF900-\uFDCF\uFDF0-\uFFFD][:A-Z_a-z\u00C0-\u00D6\u00D8-\u00F6\u00F8-\u02FF\u0370-\u037D\u037F-\u1FFF\u200C-\u200D\u2070-\u218F\u2C00-\u2FEF\u3001-\uD7FF\uF900-\uFDCF\uFDF0-\uFFFD\-.0-9\u00B7\u0300-\u036F\u203F-\u2040]*$/,f={},m={};function h(e,t,n,r,o,a,i){this.acceptsBooleans=2===t||3===t||4===t,this.attributeName=r,this.attributeNamespace=o,this.mustUseProperty=n,this.propertyName=e,this.type=t,this.sanitizeURL=a,this.removeEmptyString=i}var g={};"children dangerouslySetInnerHTML defaultValue defaultChecked innerHTML suppressContentEditableWarning suppressHydrationWarning style".split(" ").forEach((function(e){g[e]=new h(e,0,!1,e,null,!1,!1)})),[["acceptCharset","accept-charset"],["className","class"],["htmlFor","for"],["httpEquiv","http-equiv"]].forEach((function(e){var t=e[0];g[t]=new h(t,1,!1,e[1],null,!1,!1)})),["contentEditable","draggable","spellCheck","value"].forEach((function(e){g[e]=new h(e,2,!1,e.toLowerCase(),null,!1,!1)})),["autoReverse","externalResourcesRequired","focusable","preserveAlpha"].forEach((function(e){g[e]=new h(e,2,!1,e,null,!1,!1)})),"allowFullScreen async autoFocus autoPlay controls default defer disabled disablePictureInPicture disableRemotePlayback formNoValidate hidden loop noModule noValidate open playsInline readOnly required reversed scoped seamless itemScope".split(" ").forEach((function(e){g[e]=new h(e,3,!1,e.toLowerCase(),null,!1,!1)})),["checked","multiple","muted","selected"].forEach((function(e){g[e]=new h(e,3,!0,e,null,!1,!1)})),["capture","download"].forEach((function(e){g[e]=new h(e,4,!1,e,null,!1,!1)})),["cols","rows","size","span"].forEach((function(e){g[e]=new h(e,6,!1,e,null,!1,!1)})),["rowSpan","start"].forEach((function(e){g[e]=new h(e,5,!1,e.toLowerCase(),null,!1,!1)}));var b=/[\-:]([a-z])/g;function y(e){return e[1].toUpperCase()}function v(e,t,n,r){var o=g.hasOwnProperty(t)?g[t]:null;(null!==o?0!==o.type:r||!(2<t.length)||"o"!==t[0]&&"O"!==t[0]||"n"!==t[1]&&"N"!==t[1])&&(function(e,t,n,r){if(null==t||function(e,t,n,r){if(null!==n&&0===n.type)return!1;switch(typeof t){case"function":case"symbol":return!0;case"boolean":return!r&&(null!==n?!n.acceptsBooleans:"data-"!==(e=e.toLowerCase().slice(0,5))&&"aria-"!==e);default:return!1}}(e,t,n,r))return!0;if(r)return!1;if(null!==n)switch(n.type){case 3:return!t;case 4:return!1===t;case 5:return isNaN(t);case 6:return isNaN(t)||1>t}return!1}(t,n,o,r)&&(n=null),r||null===o?function(e){return!!d.call(m,e)||!d.call(f,e)&&(p.test(e)?m[e]=!0:(f[e]=!0,!1))}(t)&&(null===n?e.removeAttribute(t):e.setAttribute(t,""+n)):o.mustUseProperty?e[o.propertyName]=null===n?3!==o.type&&"":n:(t=o.attributeName,r=o.attributeNamespace,null===n?e.removeAttribute(t):(n=3===(o=o.type)||4===o&&!0===n?"":""+n,r?e.setAttributeNS(r,t,n):e.setAttribute(t,n))))}"accent-height alignment-baseline arabic-form baseline-shift cap-height clip-path clip-rule color-interpolation color-interpolation-filters color-profile color-rendering dominant-baseline enable-background fill-opacity fill-rule flood-color flood-opacity font-family font-size font-size-adjust font-stretch font-style font-variant font-weight glyph-name glyph-orientation-horizontal glyph-orientation-vertical horiz-adv-x horiz-origin-x image-rendering letter-spacing lighting-color marker-end marker-mid marker-start overline-position overline-thickness paint-order panose-1 pointer-events rendering-intent shape-rendering stop-color stop-opacity strikethrough-position strikethrough-thickness stroke-dasharray stroke-dashoffset stroke-linecap stroke-linejoin stroke-miterlimit stroke-opacity stroke-width text-anchor text-decoration text-rendering underline-position underline-thickness unicode-bidi unicode-range units-per-em v-alphabetic v-hanging v-ideographic v-mathematical vector-effect vert-adv-y vert-origin-x vert-origin-y word-spacing writing-mode xmlns:xlink x-height".split(" ").forEach((function(e){var t=e.replace(b,y);g[t]=new h(t,1,!1,e,null,!1,!1)})),"xlink:actuate xlink:arcrole xlink:role xlink:show xlink:title xlink:type".split(" ").forEach((function(e){var t=e.replace(b,y);g[t]=new h(t,1,!1,e,"http://www.w3.org/1999/xlink",!1,!1)})),["xml:base","xml:lang","xml:space"].forEach((function(e){var t=e.replace(b,y);g[t]=new h(t,1,!1,e,"http://www.w3.org/XML/1998/namespace",!1,!1)})),["tabIndex","crossOrigin"].forEach((function(e){g[e]=new h(e,1,!1,e.toLowerCase(),null,!1,!1)})),g.xlinkHref=new h("xlinkHref",1,!1,"xlink:href","http://www.w3.org/1999/xlink",!0,!1),["src","href","action","formAction"].forEach((function(e){g[e]=new h(e,1,!1,e.toLowerCase(),null,!0,!0)}));var w=r.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED,k=Symbol.for("react.element"),S=Symbol.for("react.portal"),x=Symbol.for("react.fragment"),E=Symbol.for("react.strict_mode"),_=Symbol.for("react.profiler"),j=Symbol.for("react.provider"),C=Symbol.for("react.context"),O=Symbol.for("react.forward_ref"),A=Symbol.for("react.suspense"),T=Symbol.for("react.suspense_list"),P=Symbol.for("react.memo"),z=Symbol.for("react.lazy");Symbol.for("react.scope"),Symbol.for("react.debug_trace_mode");var I=Symbol.for("react.offscreen");Symbol.for("react.legacy_hidden"),Symbol.for("react.cache"),Symbol.for("react.tracing_marker");var L=Symbol.iterator;function N(e){return null===e||"object"!=typeof e?null:"function"==typeof(e=L&&e[L]||e["@@iterator"])?e:null}var R,D=Object.assign;function M(e){if(void 0===R)try{throw Error()}catch(n){var t=n.stack.trim().match(/\n( *(at )?)/);R=t&&t[1]||""}return"\n"+R+e}var F=!1;function B(e,t){if(!e||F)return"";F=!0;var n=Error.prepareStackTrace;Error.prepareStackTrace=void 0;try{if(t)if(t=function(){throw Error()},Object.defineProperty(t.prototype,"props",{set:function(){throw Error()}}),"object"==typeof Reflect&&Reflect.construct){try{Reflect.construct(t,[])}catch(c){var r=c}Reflect.construct(e,[],t)}else{try{t.call()}catch(c){r=c}e.call(t.prototype)}else{try{throw Error()}catch(c){r=c}e()}}catch(c){if(c&&r&&"string"==typeof c.stack){for(var o=c.stack.split("\n"),a=r.stack.split("\n"),i=o.length-1,s=a.length-1;1<=i&&0<=s&&o[i]!==a[s];)s--;for(;1<=i&&0<=s;i--,s--)if(o[i]!==a[s]){if(1!==i||1!==s)do{if(i--,0>--s||o[i]!==a[s]){var l="\n"+o[i].replace(" at new "," at ");return e.displayName&&l.includes("<anonymous>")&&(l=l.replace("<anonymous>",e.displayName)),l}}while(1<=i&&0<=s);break}}}finally{F=!1,Error.prepareStackTrace=n}return(e=e?e.displayName||e.name:"")?M(e):""}function U(e){switch(e.tag){case 5:return M(e.type);case 16:return M("Lazy");case 13:return M("Suspense");case 19:return M("SuspenseList");case 0:case 2:case 15:return e=B(e.type,!1);case 11:return e=B(e.type.render,!1);case 1:return e=B(e.type,!0);default:return""}}function q(e){if(null==e)return null;if("function"==typeof e)return e.displayName||e.name||null;if("string"==typeof e)return e;switch(e){case x:return"Fragment";case S:return"Portal";case _:return"Profiler";case E:return"StrictMode";case A:return"Suspense";case T:return"SuspenseList"}if("object"==typeof e)switch(e.$$typeof){case C:return(e.displayName||"Context")+".Consumer";case j:return(e._context.displayName||"Context")+".Provider";case O:var t=e.render;return(e=e.displayName)||(e=""!==(e=t.displayName||t.name||"")?"ForwardRef("+e+")":"ForwardRef"),e;case P:return null!==(t=e.displayName||null)?t:q(e.type)||"Memo";case z:t=e._payload,e=e._init;try{return q(e(t))}catch(n){}}return null}function $(e){var t=e.type;switch(e.tag){case 24:return"Cache";case 9:return(t.displayName||"Context")+".Consumer";case 10:return(t._context.displayName||"Context")+".Provider";case 18:return"DehydratedFragment";case 11:return e=(e=t.render).displayName||e.name||"",t.displayName||(""!==e?"ForwardRef("+e+")":"ForwardRef");case 7:return"Fragment";case 5:return t;case 4:return"Portal";case 3:return"Root";case 6:return"Text";case 16:return q(t);case 8:return t===E?"StrictMode":"Mode";case 22:return"Offscreen";case 12:return"Profiler";case 21:return"Scope";case 13:return"Suspense";case 19:return"SuspenseList";case 25:return"TracingMarker";case 1:case 0:case 17:case 2:case 14:case 15:if("function"==typeof t)return t.displayName||t.name||null;if("string"==typeof t)return t}return null}function H(e){switch(typeof e){case"boolean":case"number":case"string":case"undefined":case"object":return e;default:return""}}function V(e){var t=e.type;return(e=e.nodeName)&&"input"===e.toLowerCase()&&("checkbox"===t||"radio"===t)}function G(e){e._valueTracker||(e._valueTracker=function(e){var t=V(e)?"checked":"value",n=Object.getOwnPropertyDescriptor(e.constructor.prototype,t),r=""+e[t];if(!e.hasOwnProperty(t)&&void 0!==n&&"function"==typeof n.get&&"function"==typeof n.set){var o=n.get,a=n.set;return Object.defineProperty(e,t,{configurable:!0,get:function(){return o.call(this)},set:function(e){r=""+e,a.call(this,e)}}),Object.defineProperty(e,t,{enumerable:n.enumerable}),{getValue:function(){return r},setValue:function(e){r=""+e},stopTracking:function(){e._valueTracker=null,delete e[t]}}}}(e))}function W(e){if(!e)return!1;var t=e._valueTracker;if(!t)return!0;var n=t.getValue(),r="";return e&&(r=V(e)?e.checked?"true":"false":e.value),(e=r)!==n&&(t.setValue(e),!0)}function K(e){if(void 0===(e=e||("undefined"!=typeof document?document:void 0)))return null;try{return e.activeElement||e.body}catch(t){return e.body}}function Q(e,t){var n=t.checked;return D({},t,{defaultChecked:void 0,defaultValue:void 0,value:void 0,checked:null!=n?n:e._wrapperState.initialChecked})}function Y(e,t){var n=null==t.defaultValue?"":t.defaultValue,r=null!=t.checked?t.checked:t.defaultChecked;n=H(null!=t.value?t.value:n),e._wrapperState={initialChecked:r,initialValue:n,controlled:"checkbox"===t.type||"radio"===t.type?null!=t.checked:null!=t.value}}function Z(e,t){null!=(t=t.checked)&&v(e,"checked",t,!1)}function J(e,t){Z(e,t);var n=H(t.value),r=t.type;if(null!=n)"number"===r?(0===n&&""===e.value||e.value!=n)&&(e.value=""+n):e.value!==""+n&&(e.value=""+n);else if("submit"===r||"reset"===r)return void e.removeAttribute("value");t.hasOwnProperty("value")?ee(e,t.type,n):t.hasOwnProperty("defaultValue")&&ee(e,t.type,H(t.defaultValue)),null==t.checked&&null!=t.defaultChecked&&(e.defaultChecked=!!t.defaultChecked)}function X(e,t,n){if(t.hasOwnProperty("value")||t.hasOwnProperty("defaultValue")){var r=t.type;if(!("submit"!==r&&"reset"!==r||void 0!==t.value&&null!==t.value))return;t=""+e._wrapperState.initialValue,n||t===e.value||(e.value=t),e.defaultValue=t}""!==(n=e.name)&&(e.name=""),e.defaultChecked=!!e._wrapperState.initialChecked,""!==n&&(e.name=n)}function ee(e,t,n){"number"===t&&K(e.ownerDocument)===e||(null==n?e.defaultValue=""+e._wrapperState.initialValue:e.defaultValue!==""+n&&(e.defaultValue=""+n))}var te=Array.isArray;function ne(e,t,n,r){if(e=e.options,t){t={};for(var o=0;o<n.length;o++)t["$"+n[o]]=!0;for(n=0;n<e.length;n++)o=t.hasOwnProperty("$"+e[n].value),e[n].selected!==o&&(e[n].selected=o),o&&r&&(e[n].defaultSelected=!0)}else{for(n=""+H(n),t=null,o=0;o<e.length;o++){if(e[o].value===n)return e[o].selected=!0,void(r&&(e[o].defaultSelected=!0));null!==t||e[o].disabled||(t=e[o])}null!==t&&(t.selected=!0)}}function re(e,t){if(null!=t.dangerouslySetInnerHTML)throw Error(a(91));return D({},t,{value:void 0,defaultValue:void 0,children:""+e._wrapperState.initialValue})}function oe(e,t){var n=t.value;if(null==n){if(n=t.children,t=t.defaultValue,null!=n){if(null!=t)throw Error(a(92));if(te(n)){if(1<n.length)throw Error(a(93));n=n[0]}t=n}null==t&&(t=""),n=t}e._wrapperState={initialValue:H(n)}}function ae(e,t){var n=H(t.value),r=H(t.defaultValue);null!=n&&((n=""+n)!==e.value&&(e.value=n),null==t.defaultValue&&e.defaultValue!==n&&(e.defaultValue=n)),null!=r&&(e.defaultValue=""+r)}function ie(e){var t=e.textContent;t===e._wrapperState.initialValue&&""!==t&&null!==t&&(e.value=t)}function se(e){switch(e){case"svg":return"http://www.w3.org/2000/svg";case"math":return"http://www.w3.org/1998/Math/MathML";default:return"http://www.w3.org/1999/xhtml"}}function le(e,t){return null==e||"http://www.w3.org/1999/xhtml"===e?se(t):"http://www.w3.org/2000/svg"===e&&"foreignObject"===t?"http://www.w3.org/1999/xhtml":e}var ce,ue,de=(ue=function(e,t){if("http://www.w3.org/2000/svg"!==e.namespaceURI||"innerHTML"in e)e.innerHTML=t;else{for((ce=ce||document.createElement("div")).innerHTML="<svg>"+t.valueOf().toString()+"</svg>",t=ce.firstChild;e.firstChild;)e.removeChild(e.firstChild);for(;t.firstChild;)e.appendChild(t.firstChild)}},"undefined"!=typeof MSApp&&MSApp.execUnsafeLocalFunction?function(e,t,n,r){MSApp.execUnsafeLocalFunction((function(){return ue(e,t)}))}:ue);function pe(e,t){if(t){var n=e.firstChild;if(n&&n===e.lastChild&&3===n.nodeType)return void(n.nodeValue=t)}e.textContent=t}var fe={animationIterationCount:!0,aspectRatio:!0,borderImageOutset:!0,borderImageSlice:!0,borderImageWidth:!0,boxFlex:!0,boxFlexGroup:!0,boxOrdinalGroup:!0,columnCount:!0,columns:!0,flex:!0,flexGrow:!0,flexPositive:!0,flexShrink:!0,flexNegative:!0,flexOrder:!0,gridArea:!0,gridRow:!0,gridRowEnd:!0,gridRowSpan:!0,gridRowStart:!0,gridColumn:!0,gridColumnEnd:!0,gridColumnSpan:!0,gridColumnStart:!0,fontWeight:!0,lineClamp:!0,lineHeight:!0,opacity:!0,order:!0,orphans:!0,tabSize:!0,widows:!0,zIndex:!0,zoom:!0,fillOpacity:!0,floodOpacity:!0,stopOpacity:!0,strokeDasharray:!0,strokeDashoffset:!0,strokeMiterlimit:!0,strokeOpacity:!0,strokeWidth:!0},me=["Webkit","ms","Moz","O"];function he(e,t,n){return null==t||"boolean"==typeof t||""===t?"":n||"number"!=typeof t||0===t||fe.hasOwnProperty(e)&&fe[e]?(""+t).trim():t+"px"}function ge(e,t){for(var n in e=e.style,t)if(t.hasOwnProperty(n)){var r=0===n.indexOf("--"),o=he(n,t[n],r);"float"===n&&(n="cssFloat"),r?e.setProperty(n,o):e[n]=o}}Object.keys(fe).forEach((function(e){me.forEach((function(t){t=t+e.charAt(0).toUpperCase()+e.substring(1),fe[t]=fe[e]}))}));var be=D({menuitem:!0},{area:!0,base:!0,br:!0,col:!0,embed:!0,hr:!0,img:!0,input:!0,keygen:!0,link:!0,meta:!0,param:!0,source:!0,track:!0,wbr:!0});function ye(e,t){if(t){if(be[e]&&(null!=t.children||null!=t.dangerouslySetInnerHTML))throw Error(a(137,e));if(null!=t.dangerouslySetInnerHTML){if(null!=t.children)throw Error(a(60));if("object"!=typeof t.dangerouslySetInnerHTML||!("__html"in t.dangerouslySetInnerHTML))throw Error(a(61))}if(null!=t.style&&"object"!=typeof t.style)throw Error(a(62))}}function ve(e,t){if(-1===e.indexOf("-"))return"string"==typeof t.is;switch(e){case"annotation-xml":case"color-profile":case"font-face":case"font-face-src":case"font-face-uri":case"font-face-format":case"font-face-name":case"missing-glyph":return!1;default:return!0}}var we=null;function ke(e){return(e=e.target||e.srcElement||window).correspondingUseElement&&(e=e.correspondingUseElement),3===e.nodeType?e.parentNode:e}var Se=null,xe=null,Ee=null;function _e(e){if(e=wo(e)){if("function"!=typeof Se)throw Error(a(280));var t=e.stateNode;t&&(t=So(t),Se(e.stateNode,e.type,t))}}function je(e){xe?Ee?Ee.push(e):Ee=[e]:xe=e}function Ce(){if(xe){var e=xe,t=Ee;if(Ee=xe=null,_e(e),t)for(e=0;e<t.length;e++)_e(t[e])}}function Oe(e,t){return e(t)}function Ae(){}var Te=!1;function Pe(e,t,n){if(Te)return e(t,n);Te=!0;try{return Oe(e,t,n)}finally{Te=!1,(null!==xe||null!==Ee)&&(Ae(),Ce())}}function ze(e,t){var n=e.stateNode;if(null===n)return null;var r=So(n);if(null===r)return null;n=r[t];e:switch(t){case"onClick":case"onClickCapture":case"onDoubleClick":case"onDoubleClickCapture":case"onMouseDown":case"onMouseDownCapture":case"onMouseMove":case"onMouseMoveCapture":case"onMouseUp":case"onMouseUpCapture":case"onMouseEnter":(r=!r.disabled)||(r=!("button"===(e=e.type)||"input"===e||"select"===e||"textarea"===e)),e=!r;break e;default:e=!1}if(e)return null;if(n&&"function"!=typeof n)throw Error(a(231,t,typeof n));return n}var Ie=!1;if(u)try{var Le={};Object.defineProperty(Le,"passive",{get:function(){Ie=!0}}),window.addEventListener("test",Le,Le),window.removeEventListener("test",Le,Le)}catch(ue){Ie=!1}function Ne(e,t,n,r,o,a,i,s,l){var c=Array.prototype.slice.call(arguments,3);try{t.apply(n,c)}catch(u){this.onError(u)}}var Re=!1,De=null,Me=!1,Fe=null,Be={onError:function(e){Re=!0,De=e}};function Ue(e,t,n,r,o,a,i,s,l){Re=!1,De=null,Ne.apply(Be,arguments)}function qe(e){var t=e,n=e;if(e.alternate)for(;t.return;)t=t.return;else{e=t;do{!!(4098&(t=e).flags)&&(n=t.return),e=t.return}while(e)}return 3===t.tag?n:null}function $e(e){if(13===e.tag){var t=e.memoizedState;if(null===t&&(null!==(e=e.alternate)&&(t=e.memoizedState)),null!==t)return t.dehydrated}return null}function He(e){if(qe(e)!==e)throw Error(a(188))}function Ve(e){return null!==(e=function(e){var t=e.alternate;if(!t){if(null===(t=qe(e)))throw Error(a(188));return t!==e?null:e}for(var n=e,r=t;;){var o=n.return;if(null===o)break;var i=o.alternate;if(null===i){if(null!==(r=o.return)){n=r;continue}break}if(o.child===i.child){for(i=o.child;i;){if(i===n)return He(o),e;if(i===r)return He(o),t;i=i.sibling}throw Error(a(188))}if(n.return!==r.return)n=o,r=i;else{for(var s=!1,l=o.child;l;){if(l===n){s=!0,n=o,r=i;break}if(l===r){s=!0,r=o,n=i;break}l=l.sibling}if(!s){for(l=i.child;l;){if(l===n){s=!0,n=i,r=o;break}if(l===r){s=!0,r=i,n=o;break}l=l.sibling}if(!s)throw Error(a(189))}}if(n.alternate!==r)throw Error(a(190))}if(3!==n.tag)throw Error(a(188));return n.stateNode.current===n?e:t}(e))?Ge(e):null}function Ge(e){if(5===e.tag||6===e.tag)return e;for(e=e.child;null!==e;){var t=Ge(e);if(null!==t)return t;e=e.sibling}return null}var We=o.unstable_scheduleCallback,Ke=o.unstable_cancelCallback,Qe=o.unstable_shouldYield,Ye=o.unstable_requestPaint,Ze=o.unstable_now,Je=o.unstable_getCurrentPriorityLevel,Xe=o.unstable_ImmediatePriority,et=o.unstable_UserBlockingPriority,tt=o.unstable_NormalPriority,nt=o.unstable_LowPriority,rt=o.unstable_IdlePriority,ot=null,at=null;var it=Math.clz32?Math.clz32:function(e){return e>>>=0,0===e?32:31-(st(e)/lt|0)|0},st=Math.log,lt=Math.LN2;var ct=64,ut=4194304;function dt(e){switch(e&-e){case 1:return 1;case 2:return 2;case 4:return 4;case 8:return 8;case 16:return 16;case 32:return 32;case 64:case 128:case 256:case 512:case 1024:case 2048:case 4096:case 8192:case 16384:case 32768:case 65536:case 131072:case 262144:case 524288:case 1048576:case 2097152:return 4194240&e;case 4194304:case 8388608:case 16777216:case 33554432:case 67108864:return 130023424&e;case 134217728:return 134217728;case 268435456:return 268435456;case 536870912:return 536870912;case 1073741824:return 1073741824;default:return e}}function pt(e,t){var n=e.pendingLanes;if(0===n)return 0;var r=0,o=e.suspendedLanes,a=e.pingedLanes,i=268435455&n;if(0!==i){var s=i&~o;0!==s?r=dt(s):0!==(a&=i)&&(r=dt(a))}else 0!==(i=n&~o)?r=dt(i):0!==a&&(r=dt(a));if(0===r)return 0;if(0!==t&&t!==r&&!(t&o)&&((o=r&-r)>=(a=t&-t)||16===o&&4194240&a))return t;if(4&r&&(r|=16&n),0!==(t=e.entangledLanes))for(e=e.entanglements,t&=r;0<t;)o=1<<(n=31-it(t)),r|=e[n],t&=~o;return r}function ft(e,t){switch(e){case 1:case 2:case 4:return t+250;case 8:case 16:case 32:case 64:case 128:case 256:case 512:case 1024:case 2048:case 4096:case 8192:case 16384:case 32768:case 65536:case 131072:case 262144:case 524288:case 1048576:case 2097152:return t+5e3;default:return-1}}function mt(e){return 0!==(e=-1073741825&e.pendingLanes)?e:1073741824&e?1073741824:0}function ht(){var e=ct;return!(4194240&(ct<<=1))&&(ct=64),e}function gt(e){for(var t=[],n=0;31>n;n++)t.push(e);return t}function bt(e,t,n){e.pendingLanes|=t,536870912!==t&&(e.suspendedLanes=0,e.pingedLanes=0),(e=e.eventTimes)[t=31-it(t)]=n}function yt(e,t){var n=e.entangledLanes|=t;for(e=e.entanglements;n;){var r=31-it(n),o=1<<r;o&t|e[r]&t&&(e[r]|=t),n&=~o}}var vt=0;function wt(e){return 1<(e&=-e)?4<e?268435455&e?16:536870912:4:1}var kt,St,xt,Et,_t,jt=!1,Ct=[],Ot=null,At=null,Tt=null,Pt=new Map,zt=new Map,It=[],Lt="mousedown mouseup touchcancel touchend touchstart auxclick dblclick pointercancel pointerdown pointerup dragend dragstart drop compositionend compositionstart keydown keypress keyup input textInput copy cut paste click change contextmenu reset submit".split(" ");function Nt(e,t){switch(e){case"focusin":case"focusout":Ot=null;break;case"dragenter":case"dragleave":At=null;break;case"mouseover":case"mouseout":Tt=null;break;case"pointerover":case"pointerout":Pt.delete(t.pointerId);break;case"gotpointercapture":case"lostpointercapture":zt.delete(t.pointerId)}}function Rt(e,t,n,r,o,a){return null===e||e.nativeEvent!==a?(e={blockedOn:t,domEventName:n,eventSystemFlags:r,nativeEvent:a,targetContainers:[o]},null!==t&&(null!==(t=wo(t))&&St(t)),e):(e.eventSystemFlags|=r,t=e.targetContainers,null!==o&&-1===t.indexOf(o)&&t.push(o),e)}function Dt(e){var t=vo(e.target);if(null!==t){var n=qe(t);if(null!==n)if(13===(t=n.tag)){if(null!==(t=$e(n)))return e.blockedOn=t,void _t(e.priority,(function(){xt(n)}))}else if(3===t&&n.stateNode.current.memoizedState.isDehydrated)return void(e.blockedOn=3===n.tag?n.stateNode.containerInfo:null)}e.blockedOn=null}function Mt(e){if(null!==e.blockedOn)return!1;for(var t=e.targetContainers;0<t.length;){var n=Qt(e.domEventName,e.eventSystemFlags,t[0],e.nativeEvent);if(null!==n)return null!==(t=wo(n))&&St(t),e.blockedOn=n,!1;var r=new(n=e.nativeEvent).constructor(n.type,n);we=r,n.target.dispatchEvent(r),we=null,t.shift()}return!0}function Ft(e,t,n){Mt(e)&&n.delete(t)}function Bt(){jt=!1,null!==Ot&&Mt(Ot)&&(Ot=null),null!==At&&Mt(At)&&(At=null),null!==Tt&&Mt(Tt)&&(Tt=null),Pt.forEach(Ft),zt.forEach(Ft)}function Ut(e,t){e.blockedOn===t&&(e.blockedOn=null,jt||(jt=!0,o.unstable_scheduleCallback(o.unstable_NormalPriority,Bt)))}function qt(e){function t(t){return Ut(t,e)}if(0<Ct.length){Ut(Ct[0],e);for(var n=1;n<Ct.length;n++){var r=Ct[n];r.blockedOn===e&&(r.blockedOn=null)}}for(null!==Ot&&Ut(Ot,e),null!==At&&Ut(At,e),null!==Tt&&Ut(Tt,e),Pt.forEach(t),zt.forEach(t),n=0;n<It.length;n++)(r=It[n]).blockedOn===e&&(r.blockedOn=null);for(;0<It.length&&null===(n=It[0]).blockedOn;)Dt(n),null===n.blockedOn&&It.shift()}var $t=w.ReactCurrentBatchConfig,Ht=!0;function Vt(e,t,n,r){var o=vt,a=$t.transition;$t.transition=null;try{vt=1,Wt(e,t,n,r)}finally{vt=o,$t.transition=a}}function Gt(e,t,n,r){var o=vt,a=$t.transition;$t.transition=null;try{vt=4,Wt(e,t,n,r)}finally{vt=o,$t.transition=a}}function Wt(e,t,n,r){if(Ht){var o=Qt(e,t,n,r);if(null===o)Hr(e,t,r,Kt,n),Nt(e,r);else if(function(e,t,n,r,o){switch(t){case"focusin":return Ot=Rt(Ot,e,t,n,r,o),!0;case"dragenter":return At=Rt(At,e,t,n,r,o),!0;case"mouseover":return Tt=Rt(Tt,e,t,n,r,o),!0;case"pointerover":var a=o.pointerId;return Pt.set(a,Rt(Pt.get(a)||null,e,t,n,r,o)),!0;case"gotpointercapture":return a=o.pointerId,zt.set(a,Rt(zt.get(a)||null,e,t,n,r,o)),!0}return!1}(o,e,t,n,r))r.stopPropagation();else if(Nt(e,r),4&t&&-1<Lt.indexOf(e)){for(;null!==o;){var a=wo(o);if(null!==a&&kt(a),null===(a=Qt(e,t,n,r))&&Hr(e,t,r,Kt,n),a===o)break;o=a}null!==o&&r.stopPropagation()}else Hr(e,t,r,null,n)}}var Kt=null;function Qt(e,t,n,r){if(Kt=null,null!==(e=vo(e=ke(r))))if(null===(t=qe(e)))e=null;else if(13===(n=t.tag)){if(null!==(e=$e(t)))return e;e=null}else if(3===n){if(t.stateNode.current.memoizedState.isDehydrated)return 3===t.tag?t.stateNode.containerInfo:null;e=null}else t!==e&&(e=null);return Kt=e,null}function Yt(e){switch(e){case"cancel":case"click":case"close":case"contextmenu":case"copy":case"cut":case"auxclick":case"dblclick":case"dragend":case"dragstart":case"drop":case"focusin":case"focusout":case"input":case"invalid":case"keydown":case"keypress":case"keyup":case"mousedown":case"mouseup":case"paste":case"pause":case"play":case"pointercancel":case"pointerdown":case"pointerup":case"ratechange":case"reset":case"resize":case"seeked":case"submit":case"touchcancel":case"touchend":case"touchstart":case"volumechange":case"change":case"selectionchange":case"textInput":case"compositionstart":case"compositionend":case"compositionupdate":case"beforeblur":case"afterblur":case"beforeinput":case"blur":case"fullscreenchange":case"focus":case"hashchange":case"popstate":case"select":case"selectstart":return 1;case"drag":case"dragenter":case"dragexit":case"dragleave":case"dragover":case"mousemove":case"mouseout":case"mouseover":case"pointermove":case"pointerout":case"pointerover":case"scroll":case"toggle":case"touchmove":case"wheel":case"mouseenter":case"mouseleave":case"pointerenter":case"pointerleave":return 4;case"message":switch(Je()){case Xe:return 1;case et:return 4;case tt:case nt:return 16;case rt:return 536870912;default:return 16}default:return 16}}var Zt=null,Jt=null,Xt=null;function en(){if(Xt)return Xt;var e,t,n=Jt,r=n.length,o="value"in Zt?Zt.value:Zt.textContent,a=o.length;for(e=0;e<r&&n[e]===o[e];e++);var i=r-e;for(t=1;t<=i&&n[r-t]===o[a-t];t++);return Xt=o.slice(e,1<t?1-t:void 0)}function tn(e){var t=e.keyCode;return"charCode"in e?0===(e=e.charCode)&&13===t&&(e=13):e=t,10===e&&(e=13),32<=e||13===e?e:0}function nn(){return!0}function rn(){return!1}function on(e){function t(t,n,r,o,a){for(var i in this._reactName=t,this._targetInst=r,this.type=n,this.nativeEvent=o,this.target=a,this.currentTarget=null,e)e.hasOwnProperty(i)&&(t=e[i],this[i]=t?t(o):o[i]);return this.isDefaultPrevented=(null!=o.defaultPrevented?o.defaultPrevented:!1===o.returnValue)?nn:rn,this.isPropagationStopped=rn,this}return D(t.prototype,{preventDefault:function(){this.defaultPrevented=!0;var e=this.nativeEvent;e&&(e.preventDefault?e.preventDefault():"unknown"!=typeof e.returnValue&&(e.returnValue=!1),this.isDefaultPrevented=nn)},stopPropagation:function(){var e=this.nativeEvent;e&&(e.stopPropagation?e.stopPropagation():"unknown"!=typeof e.cancelBubble&&(e.cancelBubble=!0),this.isPropagationStopped=nn)},persist:function(){},isPersistent:nn}),t}var an,sn,ln,cn={eventPhase:0,bubbles:0,cancelable:0,timeStamp:function(e){return e.timeStamp||Date.now()},defaultPrevented:0,isTrusted:0},un=on(cn),dn=D({},cn,{view:0,detail:0}),pn=on(dn),fn=D({},dn,{screenX:0,screenY:0,clientX:0,clientY:0,pageX:0,pageY:0,ctrlKey:0,shiftKey:0,altKey:0,metaKey:0,getModifierState:_n,button:0,buttons:0,relatedTarget:function(e){return void 0===e.relatedTarget?e.fromElement===e.srcElement?e.toElement:e.fromElement:e.relatedTarget},movementX:function(e){return"movementX"in e?e.movementX:(e!==ln&&(ln&&"mousemove"===e.type?(an=e.screenX-ln.screenX,sn=e.screenY-ln.screenY):sn=an=0,ln=e),an)},movementY:function(e){return"movementY"in e?e.movementY:sn}}),mn=on(fn),hn=on(D({},fn,{dataTransfer:0})),gn=on(D({},dn,{relatedTarget:0})),bn=on(D({},cn,{animationName:0,elapsedTime:0,pseudoElement:0})),yn=D({},cn,{clipboardData:function(e){return"clipboardData"in e?e.clipboardData:window.clipboardData}}),vn=on(yn),wn=on(D({},cn,{data:0})),kn={Esc:"Escape",Spacebar:" ",Left:"ArrowLeft",Up:"ArrowUp",Right:"ArrowRight",Down:"ArrowDown",Del:"Delete",Win:"OS",Menu:"ContextMenu",Apps:"ContextMenu",Scroll:"ScrollLock",MozPrintableKey:"Unidentified"},Sn={8:"Backspace",9:"Tab",12:"Clear",13:"Enter",16:"Shift",17:"Control",18:"Alt",19:"Pause",20:"CapsLock",27:"Escape",32:" ",33:"PageUp",34:"PageDown",35:"End",36:"Home",37:"ArrowLeft",38:"ArrowUp",39:"ArrowRight",40:"ArrowDown",45:"Insert",46:"Delete",112:"F1",113:"F2",114:"F3",115:"F4",116:"F5",117:"F6",118:"F7",119:"F8",120:"F9",121:"F10",122:"F11",123:"F12",144:"NumLock",145:"ScrollLock",224:"Meta"},xn={Alt:"altKey",Control:"ctrlKey",Meta:"metaKey",Shift:"shiftKey"};function En(e){var t=this.nativeEvent;return t.getModifierState?t.getModifierState(e):!!(e=xn[e])&&!!t[e]}function _n(){return En}var jn=D({},dn,{key:function(e){if(e.key){var t=kn[e.key]||e.key;if("Unidentified"!==t)return t}return"keypress"===e.type?13===(e=tn(e))?"Enter":String.fromCharCode(e):"keydown"===e.type||"keyup"===e.type?Sn[e.keyCode]||"Unidentified":""},code:0,location:0,ctrlKey:0,shiftKey:0,altKey:0,metaKey:0,repeat:0,locale:0,getModifierState:_n,charCode:function(e){return"keypress"===e.type?tn(e):0},keyCode:function(e){return"keydown"===e.type||"keyup"===e.type?e.keyCode:0},which:function(e){return"keypress"===e.type?tn(e):"keydown"===e.type||"keyup"===e.type?e.keyCode:0}}),Cn=on(jn),On=on(D({},fn,{pointerId:0,width:0,height:0,pressure:0,tangentialPressure:0,tiltX:0,tiltY:0,twist:0,pointerType:0,isPrimary:0})),An=on(D({},dn,{touches:0,targetTouches:0,changedTouches:0,altKey:0,metaKey:0,ctrlKey:0,shiftKey:0,getModifierState:_n})),Tn=on(D({},cn,{propertyName:0,elapsedTime:0,pseudoElement:0})),Pn=D({},fn,{deltaX:function(e){return"deltaX"in e?e.deltaX:"wheelDeltaX"in e?-e.wheelDeltaX:0},deltaY:function(e){return"deltaY"in e?e.deltaY:"wheelDeltaY"in e?-e.wheelDeltaY:"wheelDelta"in e?-e.wheelDelta:0},deltaZ:0,deltaMode:0}),zn=on(Pn),In=[9,13,27,32],Ln=u&&"CompositionEvent"in window,Nn=null;u&&"documentMode"in document&&(Nn=document.documentMode);var Rn=u&&"TextEvent"in window&&!Nn,Dn=u&&(!Ln||Nn&&8<Nn&&11>=Nn),Mn=String.fromCharCode(32),Fn=!1;function Bn(e,t){switch(e){case"keyup":return-1!==In.indexOf(t.keyCode);case"keydown":return 229!==t.keyCode;case"keypress":case"mousedown":case"focusout":return!0;default:return!1}}function Un(e){return"object"==typeof(e=e.detail)&&"data"in e?e.data:null}var qn=!1;var $n={color:!0,date:!0,datetime:!0,"datetime-local":!0,email:!0,month:!0,number:!0,password:!0,range:!0,search:!0,tel:!0,text:!0,time:!0,url:!0,week:!0};function Hn(e){var t=e&&e.nodeName&&e.nodeName.toLowerCase();return"input"===t?!!$n[e.type]:"textarea"===t}function Vn(e,t,n,r){je(r),0<(t=Gr(t,"onChange")).length&&(n=new un("onChange","change",null,n,r),e.push({event:n,listeners:t}))}var Gn=null,Wn=null;function Kn(e){Mr(e,0)}function Qn(e){if(W(ko(e)))return e}function Yn(e,t){if("change"===e)return t}var Zn=!1;if(u){var Jn;if(u){var Xn="oninput"in document;if(!Xn){var er=document.createElement("div");er.setAttribute("oninput","return;"),Xn="function"==typeof er.oninput}Jn=Xn}else Jn=!1;Zn=Jn&&(!document.documentMode||9<document.documentMode)}function tr(){Gn&&(Gn.detachEvent("onpropertychange",nr),Wn=Gn=null)}function nr(e){if("value"===e.propertyName&&Qn(Wn)){var t=[];Vn(t,Wn,e,ke(e)),Pe(Kn,t)}}function rr(e,t,n){"focusin"===e?(tr(),Wn=n,(Gn=t).attachEvent("onpropertychange",nr)):"focusout"===e&&tr()}function or(e){if("selectionchange"===e||"keyup"===e||"keydown"===e)return Qn(Wn)}function ar(e,t){if("click"===e)return Qn(t)}function ir(e,t){if("input"===e||"change"===e)return Qn(t)}var sr="function"==typeof Object.is?Object.is:function(e,t){return e===t&&(0!==e||1/e==1/t)||e!=e&&t!=t};function lr(e,t){if(sr(e,t))return!0;if("object"!=typeof e||null===e||"object"!=typeof t||null===t)return!1;var n=Object.keys(e),r=Object.keys(t);if(n.length!==r.length)return!1;for(r=0;r<n.length;r++){var o=n[r];if(!d.call(t,o)||!sr(e[o],t[o]))return!1}return!0}function cr(e){for(;e&&e.firstChild;)e=e.firstChild;return e}function ur(e,t){var n,r=cr(e);for(e=0;r;){if(3===r.nodeType){if(n=e+r.textContent.length,e<=t&&n>=t)return{node:r,offset:t-e};e=n}e:{for(;r;){if(r.nextSibling){r=r.nextSibling;break e}r=r.parentNode}r=void 0}r=cr(r)}}function dr(e,t){return!(!e||!t)&&(e===t||(!e||3!==e.nodeType)&&(t&&3===t.nodeType?dr(e,t.parentNode):"contains"in e?e.contains(t):!!e.compareDocumentPosition&&!!(16&e.compareDocumentPosition(t))))}function pr(){for(var e=window,t=K();t instanceof e.HTMLIFrameElement;){try{var n="string"==typeof t.contentWindow.location.href}catch(r){n=!1}if(!n)break;t=K((e=t.contentWindow).document)}return t}function fr(e){var t=e&&e.nodeName&&e.nodeName.toLowerCase();return t&&("input"===t&&("text"===e.type||"search"===e.type||"tel"===e.type||"url"===e.type||"password"===e.type)||"textarea"===t||"true"===e.contentEditable)}function mr(e){var t=pr(),n=e.focusedElem,r=e.selectionRange;if(t!==n&&n&&n.ownerDocument&&dr(n.ownerDocument.documentElement,n)){if(null!==r&&fr(n))if(t=r.start,void 0===(e=r.end)&&(e=t),"selectionStart"in n)n.selectionStart=t,n.selectionEnd=Math.min(e,n.value.length);else if((e=(t=n.ownerDocument||document)&&t.defaultView||window).getSelection){e=e.getSelection();var o=n.textContent.length,a=Math.min(r.start,o);r=void 0===r.end?a:Math.min(r.end,o),!e.extend&&a>r&&(o=r,r=a,a=o),o=ur(n,a);var i=ur(n,r);o&&i&&(1!==e.rangeCount||e.anchorNode!==o.node||e.anchorOffset!==o.offset||e.focusNode!==i.node||e.focusOffset!==i.offset)&&((t=t.createRange()).setStart(o.node,o.offset),e.removeAllRanges(),a>r?(e.addRange(t),e.extend(i.node,i.offset)):(t.setEnd(i.node,i.offset),e.addRange(t)))}for(t=[],e=n;e=e.parentNode;)1===e.nodeType&&t.push({element:e,left:e.scrollLeft,top:e.scrollTop});for("function"==typeof n.focus&&n.focus(),n=0;n<t.length;n++)(e=t[n]).element.scrollLeft=e.left,e.element.scrollTop=e.top}}var hr=u&&"documentMode"in document&&11>=document.documentMode,gr=null,br=null,yr=null,vr=!1;function wr(e,t,n){var r=n.window===n?n.document:9===n.nodeType?n:n.ownerDocument;vr||null==gr||gr!==K(r)||("selectionStart"in(r=gr)&&fr(r)?r={start:r.selectionStart,end:r.selectionEnd}:r={anchorNode:(r=(r.ownerDocument&&r.ownerDocument.defaultView||window).getSelection()).anchorNode,anchorOffset:r.anchorOffset,focusNode:r.focusNode,focusOffset:r.focusOffset},yr&&lr(yr,r)||(yr=r,0<(r=Gr(br,"onSelect")).length&&(t=new un("onSelect","select",null,t,n),e.push({event:t,listeners:r}),t.target=gr)))}function kr(e,t){var n={};return n[e.toLowerCase()]=t.toLowerCase(),n["Webkit"+e]="webkit"+t,n["Moz"+e]="moz"+t,n}var Sr={animationend:kr("Animation","AnimationEnd"),animationiteration:kr("Animation","AnimationIteration"),animationstart:kr("Animation","AnimationStart"),transitionend:kr("Transition","TransitionEnd")},xr={},Er={};function _r(e){if(xr[e])return xr[e];if(!Sr[e])return e;var t,n=Sr[e];for(t in n)if(n.hasOwnProperty(t)&&t in Er)return xr[e]=n[t];return e}u&&(Er=document.createElement("div").style,"AnimationEvent"in window||(delete Sr.animationend.animation,delete Sr.animationiteration.animation,delete Sr.animationstart.animation),"TransitionEvent"in window||delete Sr.transitionend.transition);var jr=_r("animationend"),Cr=_r("animationiteration"),Or=_r("animationstart"),Ar=_r("transitionend"),Tr=new Map,Pr="abort auxClick cancel canPlay canPlayThrough click close contextMenu copy cut drag dragEnd dragEnter dragExit dragLeave dragOver dragStart drop durationChange emptied encrypted ended error gotPointerCapture input invalid keyDown keyPress keyUp load loadedData loadedMetadata loadStart lostPointerCapture mouseDown mouseMove mouseOut mouseOver mouseUp paste pause play playing pointerCancel pointerDown pointerMove pointerOut pointerOver pointerUp progress rateChange reset resize seeked seeking stalled submit suspend timeUpdate touchCancel touchEnd touchStart volumeChange scroll toggle touchMove waiting wheel".split(" ");function zr(e,t){Tr.set(e,t),l(t,[e])}for(var Ir=0;Ir<Pr.length;Ir++){var Lr=Pr[Ir];zr(Lr.toLowerCase(),"on"+(Lr[0].toUpperCase()+Lr.slice(1)))}zr(jr,"onAnimationEnd"),zr(Cr,"onAnimationIteration"),zr(Or,"onAnimationStart"),zr("dblclick","onDoubleClick"),zr("focusin","onFocus"),zr("focusout","onBlur"),zr(Ar,"onTransitionEnd"),c("onMouseEnter",["mouseout","mouseover"]),c("onMouseLeave",["mouseout","mouseover"]),c("onPointerEnter",["pointerout","pointerover"]),c("onPointerLeave",["pointerout","pointerover"]),l("onChange","change click focusin focusout input keydown keyup selectionchange".split(" ")),l("onSelect","focusout contextmenu dragend focusin keydown keyup mousedown mouseup selectionchange".split(" ")),l("onBeforeInput",["compositionend","keypress","textInput","paste"]),l("onCompositionEnd","compositionend focusout keydown keypress keyup mousedown".split(" ")),l("onCompositionStart","compositionstart focusout keydown keypress keyup mousedown".split(" ")),l("onCompositionUpdate","compositionupdate focusout keydown keypress keyup mousedown".split(" "));var Nr="abort canplay canplaythrough durationchange emptied encrypted ended error loadeddata loadedmetadata loadstart pause play playing progress ratechange resize seeked seeking stalled suspend timeupdate volumechange waiting".split(" "),Rr=new Set("cancel close invalid load scroll toggle".split(" ").concat(Nr));function Dr(e,t,n){var r=e.type||"unknown-event";e.currentTarget=n,function(e,t,n,r,o,i,s,l,c){if(Ue.apply(this,arguments),Re){if(!Re)throw Error(a(198));var u=De;Re=!1,De=null,Me||(Me=!0,Fe=u)}}(r,t,void 0,e),e.currentTarget=null}function Mr(e,t){t=!!(4&t);for(var n=0;n<e.length;n++){var r=e[n],o=r.event;r=r.listeners;e:{var a=void 0;if(t)for(var i=r.length-1;0<=i;i--){var s=r[i],l=s.instance,c=s.currentTarget;if(s=s.listener,l!==a&&o.isPropagationStopped())break e;Dr(o,s,c),a=l}else for(i=0;i<r.length;i++){if(l=(s=r[i]).instance,c=s.currentTarget,s=s.listener,l!==a&&o.isPropagationStopped())break e;Dr(o,s,c),a=l}}}if(Me)throw e=Fe,Me=!1,Fe=null,e}function Fr(e,t){var n=t[go];void 0===n&&(n=t[go]=new Set);var r=e+"__bubble";n.has(r)||($r(t,e,2,!1),n.add(r))}function Br(e,t,n){var r=0;t&&(r|=4),$r(n,e,r,t)}var Ur="_reactListening"+Math.random().toString(36).slice(2);function qr(e){if(!e[Ur]){e[Ur]=!0,i.forEach((function(t){"selectionchange"!==t&&(Rr.has(t)||Br(t,!1,e),Br(t,!0,e))}));var t=9===e.nodeType?e:e.ownerDocument;null===t||t[Ur]||(t[Ur]=!0,Br("selectionchange",!1,t))}}function $r(e,t,n,r){switch(Yt(t)){case 1:var o=Vt;break;case 4:o=Gt;break;default:o=Wt}n=o.bind(null,t,n,e),o=void 0,!Ie||"touchstart"!==t&&"touchmove"!==t&&"wheel"!==t||(o=!0),r?void 0!==o?e.addEventListener(t,n,{capture:!0,passive:o}):e.addEventListener(t,n,!0):void 0!==o?e.addEventListener(t,n,{passive:o}):e.addEventListener(t,n,!1)}function Hr(e,t,n,r,o){var a=r;if(!(1&t||2&t||null===r))e:for(;;){if(null===r)return;var i=r.tag;if(3===i||4===i){var s=r.stateNode.containerInfo;if(s===o||8===s.nodeType&&s.parentNode===o)break;if(4===i)for(i=r.return;null!==i;){var l=i.tag;if((3===l||4===l)&&((l=i.stateNode.containerInfo)===o||8===l.nodeType&&l.parentNode===o))return;i=i.return}for(;null!==s;){if(null===(i=vo(s)))return;if(5===(l=i.tag)||6===l){r=a=i;continue e}s=s.parentNode}}r=r.return}Pe((function(){var r=a,o=ke(n),i=[];e:{var s=Tr.get(e);if(void 0!==s){var l=un,c=e;switch(e){case"keypress":if(0===tn(n))break e;case"keydown":case"keyup":l=Cn;break;case"focusin":c="focus",l=gn;break;case"focusout":c="blur",l=gn;break;case"beforeblur":case"afterblur":l=gn;break;case"click":if(2===n.button)break e;case"auxclick":case"dblclick":case"mousedown":case"mousemove":case"mouseup":case"mouseout":case"mouseover":case"contextmenu":l=mn;break;case"drag":case"dragend":case"dragenter":case"dragexit":case"dragleave":case"dragover":case"dragstart":case"drop":l=hn;break;case"touchcancel":case"touchend":case"touchmove":case"touchstart":l=An;break;case jr:case Cr:case Or:l=bn;break;case Ar:l=Tn;break;case"scroll":l=pn;break;case"wheel":l=zn;break;case"copy":case"cut":case"paste":l=vn;break;case"gotpointercapture":case"lostpointercapture":case"pointercancel":case"pointerdown":case"pointermove":case"pointerout":case"pointerover":case"pointerup":l=On}var u=!!(4&t),d=!u&&"scroll"===e,p=u?null!==s?s+"Capture":null:s;u=[];for(var f,m=r;null!==m;){var h=(f=m).stateNode;if(5===f.tag&&null!==h&&(f=h,null!==p&&(null!=(h=ze(m,p))&&u.push(Vr(m,h,f)))),d)break;m=m.return}0<u.length&&(s=new l(s,c,null,n,o),i.push({event:s,listeners:u}))}}if(!(7&t)){if(l="mouseout"===e||"pointerout"===e,(!(s="mouseover"===e||"pointerover"===e)||n===we||!(c=n.relatedTarget||n.fromElement)||!vo(c)&&!c[ho])&&(l||s)&&(s=o.window===o?o:(s=o.ownerDocument)?s.defaultView||s.parentWindow:window,l?(l=r,null!==(c=(c=n.relatedTarget||n.toElement)?vo(c):null)&&(c!==(d=qe(c))||5!==c.tag&&6!==c.tag)&&(c=null)):(l=null,c=r),l!==c)){if(u=mn,h="onMouseLeave",p="onMouseEnter",m="mouse","pointerout"!==e&&"pointerover"!==e||(u=On,h="onPointerLeave",p="onPointerEnter",m="pointer"),d=null==l?s:ko(l),f=null==c?s:ko(c),(s=new u(h,m+"leave",l,n,o)).target=d,s.relatedTarget=f,h=null,vo(o)===r&&((u=new u(p,m+"enter",c,n,o)).target=f,u.relatedTarget=d,h=u),d=h,l&&c)e:{for(p=c,m=0,f=u=l;f;f=Wr(f))m++;for(f=0,h=p;h;h=Wr(h))f++;for(;0<m-f;)u=Wr(u),m--;for(;0<f-m;)p=Wr(p),f--;for(;m--;){if(u===p||null!==p&&u===p.alternate)break e;u=Wr(u),p=Wr(p)}u=null}else u=null;null!==l&&Kr(i,s,l,u,!1),null!==c&&null!==d&&Kr(i,d,c,u,!0)}if("select"===(l=(s=r?ko(r):window).nodeName&&s.nodeName.toLowerCase())||"input"===l&&"file"===s.type)var g=Yn;else if(Hn(s))if(Zn)g=ir;else{g=or;var b=rr}else(l=s.nodeName)&&"input"===l.toLowerCase()&&("checkbox"===s.type||"radio"===s.type)&&(g=ar);switch(g&&(g=g(e,r))?Vn(i,g,n,o):(b&&b(e,s,r),"focusout"===e&&(b=s._wrapperState)&&b.controlled&&"number"===s.type&&ee(s,"number",s.value)),b=r?ko(r):window,e){case"focusin":(Hn(b)||"true"===b.contentEditable)&&(gr=b,br=r,yr=null);break;case"focusout":yr=br=gr=null;break;case"mousedown":vr=!0;break;case"contextmenu":case"mouseup":case"dragend":vr=!1,wr(i,n,o);break;case"selectionchange":if(hr)break;case"keydown":case"keyup":wr(i,n,o)}var y;if(Ln)e:{switch(e){case"compositionstart":var v="onCompositionStart";break e;case"compositionend":v="onCompositionEnd";break e;case"compositionupdate":v="onCompositionUpdate";break e}v=void 0}else qn?Bn(e,n)&&(v="onCompositionEnd"):"keydown"===e&&229===n.keyCode&&(v="onCompositionStart");v&&(Dn&&"ko"!==n.locale&&(qn||"onCompositionStart"!==v?"onCompositionEnd"===v&&qn&&(y=en()):(Jt="value"in(Zt=o)?Zt.value:Zt.textContent,qn=!0)),0<(b=Gr(r,v)).length&&(v=new wn(v,e,null,n,o),i.push({event:v,listeners:b}),y?v.data=y:null!==(y=Un(n))&&(v.data=y))),(y=Rn?function(e,t){switch(e){case"compositionend":return Un(t);case"keypress":return 32!==t.which?null:(Fn=!0,Mn);case"textInput":return(e=t.data)===Mn&&Fn?null:e;default:return null}}(e,n):function(e,t){if(qn)return"compositionend"===e||!Ln&&Bn(e,t)?(e=en(),Xt=Jt=Zt=null,qn=!1,e):null;switch(e){case"paste":default:return null;case"keypress":if(!(t.ctrlKey||t.altKey||t.metaKey)||t.ctrlKey&&t.altKey){if(t.char&&1<t.char.length)return t.char;if(t.which)return String.fromCharCode(t.which)}return null;case"compositionend":return Dn&&"ko"!==t.locale?null:t.data}}(e,n))&&(0<(r=Gr(r,"onBeforeInput")).length&&(o=new wn("onBeforeInput","beforeinput",null,n,o),i.push({event:o,listeners:r}),o.data=y))}Mr(i,t)}))}function Vr(e,t,n){return{instance:e,listener:t,currentTarget:n}}function Gr(e,t){for(var n=t+"Capture",r=[];null!==e;){var o=e,a=o.stateNode;5===o.tag&&null!==a&&(o=a,null!=(a=ze(e,n))&&r.unshift(Vr(e,a,o)),null!=(a=ze(e,t))&&r.push(Vr(e,a,o))),e=e.return}return r}function Wr(e){if(null===e)return null;do{e=e.return}while(e&&5!==e.tag);return e||null}function Kr(e,t,n,r,o){for(var a=t._reactName,i=[];null!==n&&n!==r;){var s=n,l=s.alternate,c=s.stateNode;if(null!==l&&l===r)break;5===s.tag&&null!==c&&(s=c,o?null!=(l=ze(n,a))&&i.unshift(Vr(n,l,s)):o||null!=(l=ze(n,a))&&i.push(Vr(n,l,s))),n=n.return}0!==i.length&&e.push({event:t,listeners:i})}var Qr=/\r\n?/g,Yr=/\u0000|\uFFFD/g;function Zr(e){return("string"==typeof e?e:""+e).replace(Qr,"\n").replace(Yr,"")}function Jr(e,t,n){if(t=Zr(t),Zr(e)!==t&&n)throw Error(a(425))}function Xr(){}var eo=null,to=null;function no(e,t){return"textarea"===e||"noscript"===e||"string"==typeof t.children||"number"==typeof t.children||"object"==typeof t.dangerouslySetInnerHTML&&null!==t.dangerouslySetInnerHTML&&null!=t.dangerouslySetInnerHTML.__html}var ro="function"==typeof setTimeout?setTimeout:void 0,oo="function"==typeof clearTimeout?clearTimeout:void 0,ao="function"==typeof Promise?Promise:void 0,io="function"==typeof queueMicrotask?queueMicrotask:void 0!==ao?function(e){return ao.resolve(null).then(e).catch(so)}:ro;function so(e){setTimeout((function(){throw e}))}function lo(e,t){var n=t,r=0;do{var o=n.nextSibling;if(e.removeChild(n),o&&8===o.nodeType)if("/$"===(n=o.data)){if(0===r)return e.removeChild(o),void qt(t);r--}else"$"!==n&&"$?"!==n&&"$!"!==n||r++;n=o}while(n);qt(t)}function co(e){for(;null!=e;e=e.nextSibling){var t=e.nodeType;if(1===t||3===t)break;if(8===t){if("$"===(t=e.data)||"$!"===t||"$?"===t)break;if("/$"===t)return null}}return e}function uo(e){e=e.previousSibling;for(var t=0;e;){if(8===e.nodeType){var n=e.data;if("$"===n||"$!"===n||"$?"===n){if(0===t)return e;t--}else"/$"===n&&t++}e=e.previousSibling}return null}var po=Math.random().toString(36).slice(2),fo="__reactFiber$"+po,mo="__reactProps$"+po,ho="__reactContainer$"+po,go="__reactEvents$"+po,bo="__reactListeners$"+po,yo="__reactHandles$"+po;function vo(e){var t=e[fo];if(t)return t;for(var n=e.parentNode;n;){if(t=n[ho]||n[fo]){if(n=t.alternate,null!==t.child||null!==n&&null!==n.child)for(e=uo(e);null!==e;){if(n=e[fo])return n;e=uo(e)}return t}n=(e=n).parentNode}return null}function wo(e){return!(e=e[fo]||e[ho])||5!==e.tag&&6!==e.tag&&13!==e.tag&&3!==e.tag?null:e}function ko(e){if(5===e.tag||6===e.tag)return e.stateNode;throw Error(a(33))}function So(e){return e[mo]||null}var xo=[],Eo=-1;function _o(e){return{current:e}}function jo(e){0>Eo||(e.current=xo[Eo],xo[Eo]=null,Eo--)}function Co(e,t){Eo++,xo[Eo]=e.current,e.current=t}var Oo={},Ao=_o(Oo),To=_o(!1),Po=Oo;function zo(e,t){var n=e.type.contextTypes;if(!n)return Oo;var r=e.stateNode;if(r&&r.__reactInternalMemoizedUnmaskedChildContext===t)return r.__reactInternalMemoizedMaskedChildContext;var o,a={};for(o in n)a[o]=t[o];return r&&((e=e.stateNode).__reactInternalMemoizedUnmaskedChildContext=t,e.__reactInternalMemoizedMaskedChildContext=a),a}function Io(e){return null!=(e=e.childContextTypes)}function Lo(){jo(To),jo(Ao)}function No(e,t,n){if(Ao.current!==Oo)throw Error(a(168));Co(Ao,t),Co(To,n)}function Ro(e,t,n){var r=e.stateNode;if(t=t.childContextTypes,"function"!=typeof r.getChildContext)return n;for(var o in r=r.getChildContext())if(!(o in t))throw Error(a(108,$(e)||"Unknown",o));return D({},n,r)}function Do(e){return e=(e=e.stateNode)&&e.__reactInternalMemoizedMergedChildContext||Oo,Po=Ao.current,Co(Ao,e),Co(To,To.current),!0}function Mo(e,t,n){var r=e.stateNode;if(!r)throw Error(a(169));n?(e=Ro(e,t,Po),r.__reactInternalMemoizedMergedChildContext=e,jo(To),jo(Ao),Co(Ao,e)):jo(To),Co(To,n)}var Fo=null,Bo=!1,Uo=!1;function qo(e){null===Fo?Fo=[e]:Fo.push(e)}function $o(){if(!Uo&&null!==Fo){Uo=!0;var e=0,t=vt;try{var n=Fo;for(vt=1;e<n.length;e++){var r=n[e];do{r=r(!0)}while(null!==r)}Fo=null,Bo=!1}catch(o){throw null!==Fo&&(Fo=Fo.slice(e+1)),We(Xe,$o),o}finally{vt=t,Uo=!1}}return null}var Ho=[],Vo=0,Go=null,Wo=0,Ko=[],Qo=0,Yo=null,Zo=1,Jo="";function Xo(e,t){Ho[Vo++]=Wo,Ho[Vo++]=Go,Go=e,Wo=t}function ea(e,t,n){Ko[Qo++]=Zo,Ko[Qo++]=Jo,Ko[Qo++]=Yo,Yo=e;var r=Zo;e=Jo;var o=32-it(r)-1;r&=~(1<<o),n+=1;var a=32-it(t)+o;if(30<a){var i=o-o%5;a=(r&(1<<i)-1).toString(32),r>>=i,o-=i,Zo=1<<32-it(t)+o|n<<o|r,Jo=a+e}else Zo=1<<a|n<<o|r,Jo=e}function ta(e){null!==e.return&&(Xo(e,1),ea(e,1,0))}function na(e){for(;e===Go;)Go=Ho[--Vo],Ho[Vo]=null,Wo=Ho[--Vo],Ho[Vo]=null;for(;e===Yo;)Yo=Ko[--Qo],Ko[Qo]=null,Jo=Ko[--Qo],Ko[Qo]=null,Zo=Ko[--Qo],Ko[Qo]=null}var ra=null,oa=null,aa=!1,ia=null;function sa(e,t){var n=Pc(5,null,null,0);n.elementType="DELETED",n.stateNode=t,n.return=e,null===(t=e.deletions)?(e.deletions=[n],e.flags|=16):t.push(n)}function la(e,t){switch(e.tag){case 5:var n=e.type;return null!==(t=1!==t.nodeType||n.toLowerCase()!==t.nodeName.toLowerCase()?null:t)&&(e.stateNode=t,ra=e,oa=co(t.firstChild),!0);case 6:return null!==(t=""===e.pendingProps||3!==t.nodeType?null:t)&&(e.stateNode=t,ra=e,oa=null,!0);case 13:return null!==(t=8!==t.nodeType?null:t)&&(n=null!==Yo?{id:Zo,overflow:Jo}:null,e.memoizedState={dehydrated:t,treeContext:n,retryLane:1073741824},(n=Pc(18,null,null,0)).stateNode=t,n.return=e,e.child=n,ra=e,oa=null,!0);default:return!1}}function ca(e){return!(!(1&e.mode)||128&e.flags)}function ua(e){if(aa){var t=oa;if(t){var n=t;if(!la(e,t)){if(ca(e))throw Error(a(418));t=co(n.nextSibling);var r=ra;t&&la(e,t)?sa(r,n):(e.flags=-4097&e.flags|2,aa=!1,ra=e)}}else{if(ca(e))throw Error(a(418));e.flags=-4097&e.flags|2,aa=!1,ra=e}}}function da(e){for(e=e.return;null!==e&&5!==e.tag&&3!==e.tag&&13!==e.tag;)e=e.return;ra=e}function pa(e){if(e!==ra)return!1;if(!aa)return da(e),aa=!0,!1;var t;if((t=3!==e.tag)&&!(t=5!==e.tag)&&(t="head"!==(t=e.type)&&"body"!==t&&!no(e.type,e.memoizedProps)),t&&(t=oa)){if(ca(e))throw fa(),Error(a(418));for(;t;)sa(e,t),t=co(t.nextSibling)}if(da(e),13===e.tag){if(!(e=null!==(e=e.memoizedState)?e.dehydrated:null))throw Error(a(317));e:{for(e=e.nextSibling,t=0;e;){if(8===e.nodeType){var n=e.data;if("/$"===n){if(0===t){oa=co(e.nextSibling);break e}t--}else"$"!==n&&"$!"!==n&&"$?"!==n||t++}e=e.nextSibling}oa=null}}else oa=ra?co(e.stateNode.nextSibling):null;return!0}function fa(){for(var e=oa;e;)e=co(e.nextSibling)}function ma(){oa=ra=null,aa=!1}function ha(e){null===ia?ia=[e]:ia.push(e)}var ga=w.ReactCurrentBatchConfig;function ba(e,t,n){if(null!==(e=n.ref)&&"function"!=typeof e&&"object"!=typeof e){if(n._owner){if(n=n._owner){if(1!==n.tag)throw Error(a(309));var r=n.stateNode}if(!r)throw Error(a(147,e));var o=r,i=""+e;return null!==t&&null!==t.ref&&"function"==typeof t.ref&&t.ref._stringRef===i?t.ref:(t=function(e){var t=o.refs;null===e?delete t[i]:t[i]=e},t._stringRef=i,t)}if("string"!=typeof e)throw Error(a(284));if(!n._owner)throw Error(a(290,e))}return e}function ya(e,t){throw e=Object.prototype.toString.call(t),Error(a(31,"[object Object]"===e?"object with keys {"+Object.keys(t).join(", ")+"}":e))}function va(e){return(0,e._init)(e._payload)}function wa(e){function t(t,n){if(e){var r=t.deletions;null===r?(t.deletions=[n],t.flags|=16):r.push(n)}}function n(n,r){if(!e)return null;for(;null!==r;)t(n,r),r=r.sibling;return null}function r(e,t){for(e=new Map;null!==t;)null!==t.key?e.set(t.key,t):e.set(t.index,t),t=t.sibling;return e}function o(e,t){return(e=Ic(e,t)).index=0,e.sibling=null,e}function i(t,n,r){return t.index=r,e?null!==(r=t.alternate)?(r=r.index)<n?(t.flags|=2,n):r:(t.flags|=2,n):(t.flags|=1048576,n)}function s(t){return e&&null===t.alternate&&(t.flags|=2),t}function l(e,t,n,r){return null===t||6!==t.tag?((t=Dc(n,e.mode,r)).return=e,t):((t=o(t,n)).return=e,t)}function c(e,t,n,r){var a=n.type;return a===x?d(e,t,n.props.children,r,n.key):null!==t&&(t.elementType===a||"object"==typeof a&&null!==a&&a.$$typeof===z&&va(a)===t.type)?((r=o(t,n.props)).ref=ba(e,t,n),r.return=e,r):((r=Lc(n.type,n.key,n.props,null,e.mode,r)).ref=ba(e,t,n),r.return=e,r)}function u(e,t,n,r){return null===t||4!==t.tag||t.stateNode.containerInfo!==n.containerInfo||t.stateNode.implementation!==n.implementation?((t=Mc(n,e.mode,r)).return=e,t):((t=o(t,n.children||[])).return=e,t)}function d(e,t,n,r,a){return null===t||7!==t.tag?((t=Nc(n,e.mode,r,a)).return=e,t):((t=o(t,n)).return=e,t)}function p(e,t,n){if("string"==typeof t&&""!==t||"number"==typeof t)return(t=Dc(""+t,e.mode,n)).return=e,t;if("object"==typeof t&&null!==t){switch(t.$$typeof){case k:return(n=Lc(t.type,t.key,t.props,null,e.mode,n)).ref=ba(e,null,t),n.return=e,n;case S:return(t=Mc(t,e.mode,n)).return=e,t;case z:return p(e,(0,t._init)(t._payload),n)}if(te(t)||N(t))return(t=Nc(t,e.mode,n,null)).return=e,t;ya(e,t)}return null}function f(e,t,n,r){var o=null!==t?t.key:null;if("string"==typeof n&&""!==n||"number"==typeof n)return null!==o?null:l(e,t,""+n,r);if("object"==typeof n&&null!==n){switch(n.$$typeof){case k:return n.key===o?c(e,t,n,r):null;case S:return n.key===o?u(e,t,n,r):null;case z:return f(e,t,(o=n._init)(n._payload),r)}if(te(n)||N(n))return null!==o?null:d(e,t,n,r,null);ya(e,n)}return null}function m(e,t,n,r,o){if("string"==typeof r&&""!==r||"number"==typeof r)return l(t,e=e.get(n)||null,""+r,o);if("object"==typeof r&&null!==r){switch(r.$$typeof){case k:return c(t,e=e.get(null===r.key?n:r.key)||null,r,o);case S:return u(t,e=e.get(null===r.key?n:r.key)||null,r,o);case z:return m(e,t,n,(0,r._init)(r._payload),o)}if(te(r)||N(r))return d(t,e=e.get(n)||null,r,o,null);ya(t,r)}return null}function h(o,a,s,l){for(var c=null,u=null,d=a,h=a=0,g=null;null!==d&&h<s.length;h++){d.index>h?(g=d,d=null):g=d.sibling;var b=f(o,d,s[h],l);if(null===b){null===d&&(d=g);break}e&&d&&null===b.alternate&&t(o,d),a=i(b,a,h),null===u?c=b:u.sibling=b,u=b,d=g}if(h===s.length)return n(o,d),aa&&Xo(o,h),c;if(null===d){for(;h<s.length;h++)null!==(d=p(o,s[h],l))&&(a=i(d,a,h),null===u?c=d:u.sibling=d,u=d);return aa&&Xo(o,h),c}for(d=r(o,d);h<s.length;h++)null!==(g=m(d,o,h,s[h],l))&&(e&&null!==g.alternate&&d.delete(null===g.key?h:g.key),a=i(g,a,h),null===u?c=g:u.sibling=g,u=g);return e&&d.forEach((function(e){return t(o,e)})),aa&&Xo(o,h),c}function g(o,s,l,c){var u=N(l);if("function"!=typeof u)throw Error(a(150));if(null==(l=u.call(l)))throw Error(a(151));for(var d=u=null,h=s,g=s=0,b=null,y=l.next();null!==h&&!y.done;g++,y=l.next()){h.index>g?(b=h,h=null):b=h.sibling;var v=f(o,h,y.value,c);if(null===v){null===h&&(h=b);break}e&&h&&null===v.alternate&&t(o,h),s=i(v,s,g),null===d?u=v:d.sibling=v,d=v,h=b}if(y.done)return n(o,h),aa&&Xo(o,g),u;if(null===h){for(;!y.done;g++,y=l.next())null!==(y=p(o,y.value,c))&&(s=i(y,s,g),null===d?u=y:d.sibling=y,d=y);return aa&&Xo(o,g),u}for(h=r(o,h);!y.done;g++,y=l.next())null!==(y=m(h,o,g,y.value,c))&&(e&&null!==y.alternate&&h.delete(null===y.key?g:y.key),s=i(y,s,g),null===d?u=y:d.sibling=y,d=y);return e&&h.forEach((function(e){return t(o,e)})),aa&&Xo(o,g),u}return function e(r,a,i,l){if("object"==typeof i&&null!==i&&i.type===x&&null===i.key&&(i=i.props.children),"object"==typeof i&&null!==i){switch(i.$$typeof){case k:e:{for(var c=i.key,u=a;null!==u;){if(u.key===c){if((c=i.type)===x){if(7===u.tag){n(r,u.sibling),(a=o(u,i.props.children)).return=r,r=a;break e}}else if(u.elementType===c||"object"==typeof c&&null!==c&&c.$$typeof===z&&va(c)===u.type){n(r,u.sibling),(a=o(u,i.props)).ref=ba(r,u,i),a.return=r,r=a;break e}n(r,u);break}t(r,u),u=u.sibling}i.type===x?((a=Nc(i.props.children,r.mode,l,i.key)).return=r,r=a):((l=Lc(i.type,i.key,i.props,null,r.mode,l)).ref=ba(r,a,i),l.return=r,r=l)}return s(r);case S:e:{for(u=i.key;null!==a;){if(a.key===u){if(4===a.tag&&a.stateNode.containerInfo===i.containerInfo&&a.stateNode.implementation===i.implementation){n(r,a.sibling),(a=o(a,i.children||[])).return=r,r=a;break e}n(r,a);break}t(r,a),a=a.sibling}(a=Mc(i,r.mode,l)).return=r,r=a}return s(r);case z:return e(r,a,(u=i._init)(i._payload),l)}if(te(i))return h(r,a,i,l);if(N(i))return g(r,a,i,l);ya(r,i)}return"string"==typeof i&&""!==i||"number"==typeof i?(i=""+i,null!==a&&6===a.tag?(n(r,a.sibling),(a=o(a,i)).return=r,r=a):(n(r,a),(a=Dc(i,r.mode,l)).return=r,r=a),s(r)):n(r,a)}}var ka=wa(!0),Sa=wa(!1),xa=_o(null),Ea=null,_a=null,ja=null;function Ca(){ja=_a=Ea=null}function Oa(e){var t=xa.current;jo(xa),e._currentValue=t}function Aa(e,t,n){for(;null!==e;){var r=e.alternate;if((e.childLanes&t)!==t?(e.childLanes|=t,null!==r&&(r.childLanes|=t)):null!==r&&(r.childLanes&t)!==t&&(r.childLanes|=t),e===n)break;e=e.return}}function Ta(e,t){Ea=e,ja=_a=null,null!==(e=e.dependencies)&&null!==e.firstContext&&(!!(e.lanes&t)&&(vs=!0),e.firstContext=null)}function Pa(e){var t=e._currentValue;if(ja!==e)if(e={context:e,memoizedValue:t,next:null},null===_a){if(null===Ea)throw Error(a(308));_a=e,Ea.dependencies={lanes:0,firstContext:e}}else _a=_a.next=e;return t}var za=null;function Ia(e){null===za?za=[e]:za.push(e)}function La(e,t,n,r){var o=t.interleaved;return null===o?(n.next=n,Ia(t)):(n.next=o.next,o.next=n),t.interleaved=n,Na(e,r)}function Na(e,t){e.lanes|=t;var n=e.alternate;for(null!==n&&(n.lanes|=t),n=e,e=e.return;null!==e;)e.childLanes|=t,null!==(n=e.alternate)&&(n.childLanes|=t),n=e,e=e.return;return 3===n.tag?n.stateNode:null}var Ra=!1;function Da(e){e.updateQueue={baseState:e.memoizedState,firstBaseUpdate:null,lastBaseUpdate:null,shared:{pending:null,interleaved:null,lanes:0},effects:null}}function Ma(e,t){e=e.updateQueue,t.updateQueue===e&&(t.updateQueue={baseState:e.baseState,firstBaseUpdate:e.firstBaseUpdate,lastBaseUpdate:e.lastBaseUpdate,shared:e.shared,effects:e.effects})}function Fa(e,t){return{eventTime:e,lane:t,tag:0,payload:null,callback:null,next:null}}function Ba(e,t,n){var r=e.updateQueue;if(null===r)return null;if(r=r.shared,2&Ol){var o=r.pending;return null===o?t.next=t:(t.next=o.next,o.next=t),r.pending=t,Na(e,n)}return null===(o=r.interleaved)?(t.next=t,Ia(r)):(t.next=o.next,o.next=t),r.interleaved=t,Na(e,n)}function Ua(e,t,n){if(null!==(t=t.updateQueue)&&(t=t.shared,4194240&n)){var r=t.lanes;n|=r&=e.pendingLanes,t.lanes=n,yt(e,n)}}function qa(e,t){var n=e.updateQueue,r=e.alternate;if(null!==r&&n===(r=r.updateQueue)){var o=null,a=null;if(null!==(n=n.firstBaseUpdate)){do{var i={eventTime:n.eventTime,lane:n.lane,tag:n.tag,payload:n.payload,callback:n.callback,next:null};null===a?o=a=i:a=a.next=i,n=n.next}while(null!==n);null===a?o=a=t:a=a.next=t}else o=a=t;return n={baseState:r.baseState,firstBaseUpdate:o,lastBaseUpdate:a,shared:r.shared,effects:r.effects},void(e.updateQueue=n)}null===(e=n.lastBaseUpdate)?n.firstBaseUpdate=t:e.next=t,n.lastBaseUpdate=t}function $a(e,t,n,r){var o=e.updateQueue;Ra=!1;var a=o.firstBaseUpdate,i=o.lastBaseUpdate,s=o.shared.pending;if(null!==s){o.shared.pending=null;var l=s,c=l.next;l.next=null,null===i?a=c:i.next=c,i=l;var u=e.alternate;null!==u&&((s=(u=u.updateQueue).lastBaseUpdate)!==i&&(null===s?u.firstBaseUpdate=c:s.next=c,u.lastBaseUpdate=l))}if(null!==a){var d=o.baseState;for(i=0,u=c=l=null,s=a;;){var p=s.lane,f=s.eventTime;if((r&p)===p){null!==u&&(u=u.next={eventTime:f,lane:0,tag:s.tag,payload:s.payload,callback:s.callback,next:null});e:{var m=e,h=s;switch(p=t,f=n,h.tag){case 1:if("function"==typeof(m=h.payload)){d=m.call(f,d,p);break e}d=m;break e;case 3:m.flags=-65537&m.flags|128;case 0:if(null==(p="function"==typeof(m=h.payload)?m.call(f,d,p):m))break e;d=D({},d,p);break e;case 2:Ra=!0}}null!==s.callback&&0!==s.lane&&(e.flags|=64,null===(p=o.effects)?o.effects=[s]:p.push(s))}else f={eventTime:f,lane:p,tag:s.tag,payload:s.payload,callback:s.callback,next:null},null===u?(c=u=f,l=d):u=u.next=f,i|=p;if(null===(s=s.next)){if(null===(s=o.shared.pending))break;s=(p=s).next,p.next=null,o.lastBaseUpdate=p,o.shared.pending=null}}if(null===u&&(l=d),o.baseState=l,o.firstBaseUpdate=c,o.lastBaseUpdate=u,null!==(t=o.shared.interleaved)){o=t;do{i|=o.lane,o=o.next}while(o!==t)}else null===a&&(o.shared.lanes=0);Rl|=i,e.lanes=i,e.memoizedState=d}}function Ha(e,t,n){if(e=t.effects,t.effects=null,null!==e)for(t=0;t<e.length;t++){var r=e[t],o=r.callback;if(null!==o){if(r.callback=null,r=n,"function"!=typeof o)throw Error(a(191,o));o.call(r)}}}var Va={},Ga=_o(Va),Wa=_o(Va),Ka=_o(Va);function Qa(e){if(e===Va)throw Error(a(174));return e}function Ya(e,t){switch(Co(Ka,t),Co(Wa,e),Co(Ga,Va),e=t.nodeType){case 9:case 11:t=(t=t.documentElement)?t.namespaceURI:le(null,"");break;default:t=le(t=(e=8===e?t.parentNode:t).namespaceURI||null,e=e.tagName)}jo(Ga),Co(Ga,t)}function Za(){jo(Ga),jo(Wa),jo(Ka)}function Ja(e){Qa(Ka.current);var t=Qa(Ga.current),n=le(t,e.type);t!==n&&(Co(Wa,e),Co(Ga,n))}function Xa(e){Wa.current===e&&(jo(Ga),jo(Wa))}var ei=_o(0);function ti(e){for(var t=e;null!==t;){if(13===t.tag){var n=t.memoizedState;if(null!==n&&(null===(n=n.dehydrated)||"$?"===n.data||"$!"===n.data))return t}else if(19===t.tag&&void 0!==t.memoizedProps.revealOrder){if(128&t.flags)return t}else if(null!==t.child){t.child.return=t,t=t.child;continue}if(t===e)break;for(;null===t.sibling;){if(null===t.return||t.return===e)return null;t=t.return}t.sibling.return=t.return,t=t.sibling}return null}var ni=[];function ri(){for(var e=0;e<ni.length;e++)ni[e]._workInProgressVersionPrimary=null;ni.length=0}var oi=w.ReactCurrentDispatcher,ai=w.ReactCurrentBatchConfig,ii=0,si=null,li=null,ci=null,ui=!1,di=!1,pi=0,fi=0;function mi(){throw Error(a(321))}function hi(e,t){if(null===t)return!1;for(var n=0;n<t.length&&n<e.length;n++)if(!sr(e[n],t[n]))return!1;return!0}function gi(e,t,n,r,o,i){if(ii=i,si=t,t.memoizedState=null,t.updateQueue=null,t.lanes=0,oi.current=null===e||null===e.memoizedState?Xi:es,e=n(r,o),di){i=0;do{if(di=!1,pi=0,25<=i)throw Error(a(301));i+=1,ci=li=null,t.updateQueue=null,oi.current=ts,e=n(r,o)}while(di)}if(oi.current=Ji,t=null!==li&&null!==li.next,ii=0,ci=li=si=null,ui=!1,t)throw Error(a(300));return e}function bi(){var e=0!==pi;return pi=0,e}function yi(){var e={memoizedState:null,baseState:null,baseQueue:null,queue:null,next:null};return null===ci?si.memoizedState=ci=e:ci=ci.next=e,ci}function vi(){if(null===li){var e=si.alternate;e=null!==e?e.memoizedState:null}else e=li.next;var t=null===ci?si.memoizedState:ci.next;if(null!==t)ci=t,li=e;else{if(null===e)throw Error(a(310));e={memoizedState:(li=e).memoizedState,baseState:li.baseState,baseQueue:li.baseQueue,queue:li.queue,next:null},null===ci?si.memoizedState=ci=e:ci=ci.next=e}return ci}function wi(e,t){return"function"==typeof t?t(e):t}function ki(e){var t=vi(),n=t.queue;if(null===n)throw Error(a(311));n.lastRenderedReducer=e;var r=li,o=r.baseQueue,i=n.pending;if(null!==i){if(null!==o){var s=o.next;o.next=i.next,i.next=s}r.baseQueue=o=i,n.pending=null}if(null!==o){i=o.next,r=r.baseState;var l=s=null,c=null,u=i;do{var d=u.lane;if((ii&d)===d)null!==c&&(c=c.next={lane:0,action:u.action,hasEagerState:u.hasEagerState,eagerState:u.eagerState,next:null}),r=u.hasEagerState?u.eagerState:e(r,u.action);else{var p={lane:d,action:u.action,hasEagerState:u.hasEagerState,eagerState:u.eagerState,next:null};null===c?(l=c=p,s=r):c=c.next=p,si.lanes|=d,Rl|=d}u=u.next}while(null!==u&&u!==i);null===c?s=r:c.next=l,sr(r,t.memoizedState)||(vs=!0),t.memoizedState=r,t.baseState=s,t.baseQueue=c,n.lastRenderedState=r}if(null!==(e=n.interleaved)){o=e;do{i=o.lane,si.lanes|=i,Rl|=i,o=o.next}while(o!==e)}else null===o&&(n.lanes=0);return[t.memoizedState,n.dispatch]}function Si(e){var t=vi(),n=t.queue;if(null===n)throw Error(a(311));n.lastRenderedReducer=e;var r=n.dispatch,o=n.pending,i=t.memoizedState;if(null!==o){n.pending=null;var s=o=o.next;do{i=e(i,s.action),s=s.next}while(s!==o);sr(i,t.memoizedState)||(vs=!0),t.memoizedState=i,null===t.baseQueue&&(t.baseState=i),n.lastRenderedState=i}return[i,r]}function xi(){}function Ei(e,t){var n=si,r=vi(),o=t(),i=!sr(r.memoizedState,o);if(i&&(r.memoizedState=o,vs=!0),r=r.queue,Ri(Ci.bind(null,n,r,e),[e]),r.getSnapshot!==t||i||null!==ci&&1&ci.memoizedState.tag){if(n.flags|=2048,Pi(9,ji.bind(null,n,r,o,t),void 0,null),null===Al)throw Error(a(349));30&ii||_i(n,t,o)}return o}function _i(e,t,n){e.flags|=16384,e={getSnapshot:t,value:n},null===(t=si.updateQueue)?(t={lastEffect:null,stores:null},si.updateQueue=t,t.stores=[e]):null===(n=t.stores)?t.stores=[e]:n.push(e)}function ji(e,t,n,r){t.value=n,t.getSnapshot=r,Oi(t)&&Ai(e)}function Ci(e,t,n){return n((function(){Oi(t)&&Ai(e)}))}function Oi(e){var t=e.getSnapshot;e=e.value;try{var n=t();return!sr(e,n)}catch(r){return!0}}function Ai(e){var t=Na(e,1);null!==t&&nc(t,e,1,-1)}function Ti(e){var t=yi();return"function"==typeof e&&(e=e()),t.memoizedState=t.baseState=e,e={pending:null,interleaved:null,lanes:0,dispatch:null,lastRenderedReducer:wi,lastRenderedState:e},t.queue=e,e=e.dispatch=Ki.bind(null,si,e),[t.memoizedState,e]}function Pi(e,t,n,r){return e={tag:e,create:t,destroy:n,deps:r,next:null},null===(t=si.updateQueue)?(t={lastEffect:null,stores:null},si.updateQueue=t,t.lastEffect=e.next=e):null===(n=t.lastEffect)?t.lastEffect=e.next=e:(r=n.next,n.next=e,e.next=r,t.lastEffect=e),e}function zi(){return vi().memoizedState}function Ii(e,t,n,r){var o=yi();si.flags|=e,o.memoizedState=Pi(1|t,n,void 0,void 0===r?null:r)}function Li(e,t,n,r){var o=vi();r=void 0===r?null:r;var a=void 0;if(null!==li){var i=li.memoizedState;if(a=i.destroy,null!==r&&hi(r,i.deps))return void(o.memoizedState=Pi(t,n,a,r))}si.flags|=e,o.memoizedState=Pi(1|t,n,a,r)}function Ni(e,t){return Ii(8390656,8,e,t)}function Ri(e,t){return Li(2048,8,e,t)}function Di(e,t){return Li(4,2,e,t)}function Mi(e,t){return Li(4,4,e,t)}function Fi(e,t){return"function"==typeof t?(e=e(),t(e),function(){t(null)}):null!=t?(e=e(),t.current=e,function(){t.current=null}):void 0}function Bi(e,t,n){return n=null!=n?n.concat([e]):null,Li(4,4,Fi.bind(null,t,e),n)}function Ui(){}function qi(e,t){var n=vi();t=void 0===t?null:t;var r=n.memoizedState;return null!==r&&null!==t&&hi(t,r[1])?r[0]:(n.memoizedState=[e,t],e)}function $i(e,t){var n=vi();t=void 0===t?null:t;var r=n.memoizedState;return null!==r&&null!==t&&hi(t,r[1])?r[0]:(e=e(),n.memoizedState=[e,t],e)}function Hi(e,t,n){return 21&ii?(sr(n,t)||(n=ht(),si.lanes|=n,Rl|=n,e.baseState=!0),t):(e.baseState&&(e.baseState=!1,vs=!0),e.memoizedState=n)}function Vi(e,t){var n=vt;vt=0!==n&&4>n?n:4,e(!0);var r=ai.transition;ai.transition={};try{e(!1),t()}finally{vt=n,ai.transition=r}}function Gi(){return vi().memoizedState}function Wi(e,t,n){var r=tc(e);if(n={lane:r,action:n,hasEagerState:!1,eagerState:null,next:null},Qi(e))Yi(t,n);else if(null!==(n=La(e,t,n,r))){nc(n,e,r,ec()),Zi(n,t,r)}}function Ki(e,t,n){var r=tc(e),o={lane:r,action:n,hasEagerState:!1,eagerState:null,next:null};if(Qi(e))Yi(t,o);else{var a=e.alternate;if(0===e.lanes&&(null===a||0===a.lanes)&&null!==(a=t.lastRenderedReducer))try{var i=t.lastRenderedState,s=a(i,n);if(o.hasEagerState=!0,o.eagerState=s,sr(s,i)){var l=t.interleaved;return null===l?(o.next=o,Ia(t)):(o.next=l.next,l.next=o),void(t.interleaved=o)}}catch(c){}null!==(n=La(e,t,o,r))&&(nc(n,e,r,o=ec()),Zi(n,t,r))}}function Qi(e){var t=e.alternate;return e===si||null!==t&&t===si}function Yi(e,t){di=ui=!0;var n=e.pending;null===n?t.next=t:(t.next=n.next,n.next=t),e.pending=t}function Zi(e,t,n){if(4194240&n){var r=t.lanes;n|=r&=e.pendingLanes,t.lanes=n,yt(e,n)}}var Ji={readContext:Pa,useCallback:mi,useContext:mi,useEffect:mi,useImperativeHandle:mi,useInsertionEffect:mi,useLayoutEffect:mi,useMemo:mi,useReducer:mi,useRef:mi,useState:mi,useDebugValue:mi,useDeferredValue:mi,useTransition:mi,useMutableSource:mi,useSyncExternalStore:mi,useId:mi,unstable_isNewReconciler:!1},Xi={readContext:Pa,useCallback:function(e,t){return yi().memoizedState=[e,void 0===t?null:t],e},useContext:Pa,useEffect:Ni,useImperativeHandle:function(e,t,n){return n=null!=n?n.concat([e]):null,Ii(4194308,4,Fi.bind(null,t,e),n)},useLayoutEffect:function(e,t){return Ii(4194308,4,e,t)},useInsertionEffect:function(e,t){return Ii(4,2,e,t)},useMemo:function(e,t){var n=yi();return t=void 0===t?null:t,e=e(),n.memoizedState=[e,t],e},useReducer:function(e,t,n){var r=yi();return t=void 0!==n?n(t):t,r.memoizedState=r.baseState=t,e={pending:null,interleaved:null,lanes:0,dispatch:null,lastRenderedReducer:e,lastRenderedState:t},r.queue=e,e=e.dispatch=Wi.bind(null,si,e),[r.memoizedState,e]},useRef:function(e){return e={current:e},yi().memoizedState=e},useState:Ti,useDebugValue:Ui,useDeferredValue:function(e){return yi().memoizedState=e},useTransition:function(){var e=Ti(!1),t=e[0];return e=Vi.bind(null,e[1]),yi().memoizedState=e,[t,e]},useMutableSource:function(){},useSyncExternalStore:function(e,t,n){var r=si,o=yi();if(aa){if(void 0===n)throw Error(a(407));n=n()}else{if(n=t(),null===Al)throw Error(a(349));30&ii||_i(r,t,n)}o.memoizedState=n;var i={value:n,getSnapshot:t};return o.queue=i,Ni(Ci.bind(null,r,i,e),[e]),r.flags|=2048,Pi(9,ji.bind(null,r,i,n,t),void 0,null),n},useId:function(){var e=yi(),t=Al.identifierPrefix;if(aa){var n=Jo;t=":"+t+"R"+(n=(Zo&~(1<<32-it(Zo)-1)).toString(32)+n),0<(n=pi++)&&(t+="H"+n.toString(32)),t+=":"}else t=":"+t+"r"+(n=fi++).toString(32)+":";return e.memoizedState=t},unstable_isNewReconciler:!1},es={readContext:Pa,useCallback:qi,useContext:Pa,useEffect:Ri,useImperativeHandle:Bi,useInsertionEffect:Di,useLayoutEffect:Mi,useMemo:$i,useReducer:ki,useRef:zi,useState:function(){return ki(wi)},useDebugValue:Ui,useDeferredValue:function(e){return Hi(vi(),li.memoizedState,e)},useTransition:function(){return[ki(wi)[0],vi().memoizedState]},useMutableSource:xi,useSyncExternalStore:Ei,useId:Gi,unstable_isNewReconciler:!1},ts={readContext:Pa,useCallback:qi,useContext:Pa,useEffect:Ri,useImperativeHandle:Bi,useInsertionEffect:Di,useLayoutEffect:Mi,useMemo:$i,useReducer:Si,useRef:zi,useState:function(){return Si(wi)},useDebugValue:Ui,useDeferredValue:function(e){var t=vi();return null===li?t.memoizedState=e:Hi(t,li.memoizedState,e)},useTransition:function(){return[Si(wi)[0],vi().memoizedState]},useMutableSource:xi,useSyncExternalStore:Ei,useId:Gi,unstable_isNewReconciler:!1};function ns(e,t){if(e&&e.defaultProps){for(var n in t=D({},t),e=e.defaultProps)void 0===t[n]&&(t[n]=e[n]);return t}return t}function rs(e,t,n,r){n=null==(n=n(r,t=e.memoizedState))?t:D({},t,n),e.memoizedState=n,0===e.lanes&&(e.updateQueue.baseState=n)}var os={isMounted:function(e){return!!(e=e._reactInternals)&&qe(e)===e},enqueueSetState:function(e,t,n){e=e._reactInternals;var r=ec(),o=tc(e),a=Fa(r,o);a.payload=t,null!=n&&(a.callback=n),null!==(t=Ba(e,a,o))&&(nc(t,e,o,r),Ua(t,e,o))},enqueueReplaceState:function(e,t,n){e=e._reactInternals;var r=ec(),o=tc(e),a=Fa(r,o);a.tag=1,a.payload=t,null!=n&&(a.callback=n),null!==(t=Ba(e,a,o))&&(nc(t,e,o,r),Ua(t,e,o))},enqueueForceUpdate:function(e,t){e=e._reactInternals;var n=ec(),r=tc(e),o=Fa(n,r);o.tag=2,null!=t&&(o.callback=t),null!==(t=Ba(e,o,r))&&(nc(t,e,r,n),Ua(t,e,r))}};function as(e,t,n,r,o,a,i){return"function"==typeof(e=e.stateNode).shouldComponentUpdate?e.shouldComponentUpdate(r,a,i):!t.prototype||!t.prototype.isPureReactComponent||(!lr(n,r)||!lr(o,a))}function is(e,t,n){var r=!1,o=Oo,a=t.contextType;return"object"==typeof a&&null!==a?a=Pa(a):(o=Io(t)?Po:Ao.current,a=(r=null!=(r=t.contextTypes))?zo(e,o):Oo),t=new t(n,a),e.memoizedState=null!==t.state&&void 0!==t.state?t.state:null,t.updater=os,e.stateNode=t,t._reactInternals=e,r&&((e=e.stateNode).__reactInternalMemoizedUnmaskedChildContext=o,e.__reactInternalMemoizedMaskedChildContext=a),t}function ss(e,t,n,r){e=t.state,"function"==typeof t.componentWillReceiveProps&&t.componentWillReceiveProps(n,r),"function"==typeof t.UNSAFE_componentWillReceiveProps&&t.UNSAFE_componentWillReceiveProps(n,r),t.state!==e&&os.enqueueReplaceState(t,t.state,null)}function ls(e,t,n,r){var o=e.stateNode;o.props=n,o.state=e.memoizedState,o.refs={},Da(e);var a=t.contextType;"object"==typeof a&&null!==a?o.context=Pa(a):(a=Io(t)?Po:Ao.current,o.context=zo(e,a)),o.state=e.memoizedState,"function"==typeof(a=t.getDerivedStateFromProps)&&(rs(e,t,a,n),o.state=e.memoizedState),"function"==typeof t.getDerivedStateFromProps||"function"==typeof o.getSnapshotBeforeUpdate||"function"!=typeof o.UNSAFE_componentWillMount&&"function"!=typeof o.componentWillMount||(t=o.state,"function"==typeof o.componentWillMount&&o.componentWillMount(),"function"==typeof o.UNSAFE_componentWillMount&&o.UNSAFE_componentWillMount(),t!==o.state&&os.enqueueReplaceState(o,o.state,null),$a(e,n,o,r),o.state=e.memoizedState),"function"==typeof o.componentDidMount&&(e.flags|=4194308)}function cs(e,t){try{var n="",r=t;do{n+=U(r),r=r.return}while(r);var o=n}catch(a){o="\nError generating stack: "+a.message+"\n"+a.stack}return{value:e,source:t,stack:o,digest:null}}function us(e,t,n){return{value:e,source:null,stack:null!=n?n:null,digest:null!=t?t:null}}function ds(e,t){try{console.error(t.value)}catch(n){setTimeout((function(){throw n}))}}var ps="function"==typeof WeakMap?WeakMap:Map;function fs(e,t,n){(n=Fa(-1,n)).tag=3,n.payload={element:null};var r=t.value;return n.callback=function(){Hl||(Hl=!0,Vl=r),ds(0,t)},n}function ms(e,t,n){(n=Fa(-1,n)).tag=3;var r=e.type.getDerivedStateFromError;if("function"==typeof r){var o=t.value;n.payload=function(){return r(o)},n.callback=function(){ds(0,t)}}var a=e.stateNode;return null!==a&&"function"==typeof a.componentDidCatch&&(n.callback=function(){ds(0,t),"function"!=typeof r&&(null===Gl?Gl=new Set([this]):Gl.add(this));var e=t.stack;this.componentDidCatch(t.value,{componentStack:null!==e?e:""})}),n}function hs(e,t,n){var r=e.pingCache;if(null===r){r=e.pingCache=new ps;var o=new Set;r.set(t,o)}else void 0===(o=r.get(t))&&(o=new Set,r.set(t,o));o.has(n)||(o.add(n),e=_c.bind(null,e,t,n),t.then(e,e))}function gs(e){do{var t;if((t=13===e.tag)&&(t=null===(t=e.memoizedState)||null!==t.dehydrated),t)return e;e=e.return}while(null!==e);return null}function bs(e,t,n,r,o){return 1&e.mode?(e.flags|=65536,e.lanes=o,e):(e===t?e.flags|=65536:(e.flags|=128,n.flags|=131072,n.flags&=-52805,1===n.tag&&(null===n.alternate?n.tag=17:((t=Fa(-1,1)).tag=2,Ba(n,t,1))),n.lanes|=1),e)}var ys=w.ReactCurrentOwner,vs=!1;function ws(e,t,n,r){t.child=null===e?Sa(t,null,n,r):ka(t,e.child,n,r)}function ks(e,t,n,r,o){n=n.render;var a=t.ref;return Ta(t,o),r=gi(e,t,n,r,a,o),n=bi(),null===e||vs?(aa&&n&&ta(t),t.flags|=1,ws(e,t,r,o),t.child):(t.updateQueue=e.updateQueue,t.flags&=-2053,e.lanes&=~o,Hs(e,t,o))}function Ss(e,t,n,r,o){if(null===e){var a=n.type;return"function"!=typeof a||zc(a)||void 0!==a.defaultProps||null!==n.compare||void 0!==n.defaultProps?((e=Lc(n.type,null,r,t,t.mode,o)).ref=t.ref,e.return=t,t.child=e):(t.tag=15,t.type=a,xs(e,t,a,r,o))}if(a=e.child,!(e.lanes&o)){var i=a.memoizedProps;if((n=null!==(n=n.compare)?n:lr)(i,r)&&e.ref===t.ref)return Hs(e,t,o)}return t.flags|=1,(e=Ic(a,r)).ref=t.ref,e.return=t,t.child=e}function xs(e,t,n,r,o){if(null!==e){var a=e.memoizedProps;if(lr(a,r)&&e.ref===t.ref){if(vs=!1,t.pendingProps=r=a,!(e.lanes&o))return t.lanes=e.lanes,Hs(e,t,o);131072&e.flags&&(vs=!0)}}return js(e,t,n,r,o)}function Es(e,t,n){var r=t.pendingProps,o=r.children,a=null!==e?e.memoizedState:null;if("hidden"===r.mode)if(1&t.mode){if(!(1073741824&n))return e=null!==a?a.baseLanes|n:n,t.lanes=t.childLanes=1073741824,t.memoizedState={baseLanes:e,cachePool:null,transitions:null},t.updateQueue=null,Co(Il,zl),zl|=e,null;t.memoizedState={baseLanes:0,cachePool:null,transitions:null},r=null!==a?a.baseLanes:n,Co(Il,zl),zl|=r}else t.memoizedState={baseLanes:0,cachePool:null,transitions:null},Co(Il,zl),zl|=n;else null!==a?(r=a.baseLanes|n,t.memoizedState=null):r=n,Co(Il,zl),zl|=r;return ws(e,t,o,n),t.child}function _s(e,t){var n=t.ref;(null===e&&null!==n||null!==e&&e.ref!==n)&&(t.flags|=512,t.flags|=2097152)}function js(e,t,n,r,o){var a=Io(n)?Po:Ao.current;return a=zo(t,a),Ta(t,o),n=gi(e,t,n,r,a,o),r=bi(),null===e||vs?(aa&&r&&ta(t),t.flags|=1,ws(e,t,n,o),t.child):(t.updateQueue=e.updateQueue,t.flags&=-2053,e.lanes&=~o,Hs(e,t,o))}function Cs(e,t,n,r,o){if(Io(n)){var a=!0;Do(t)}else a=!1;if(Ta(t,o),null===t.stateNode)$s(e,t),is(t,n,r),ls(t,n,r,o),r=!0;else if(null===e){var i=t.stateNode,s=t.memoizedProps;i.props=s;var l=i.context,c=n.contextType;"object"==typeof c&&null!==c?c=Pa(c):c=zo(t,c=Io(n)?Po:Ao.current);var u=n.getDerivedStateFromProps,d="function"==typeof u||"function"==typeof i.getSnapshotBeforeUpdate;d||"function"!=typeof i.UNSAFE_componentWillReceiveProps&&"function"!=typeof i.componentWillReceiveProps||(s!==r||l!==c)&&ss(t,i,r,c),Ra=!1;var p=t.memoizedState;i.state=p,$a(t,r,i,o),l=t.memoizedState,s!==r||p!==l||To.current||Ra?("function"==typeof u&&(rs(t,n,u,r),l=t.memoizedState),(s=Ra||as(t,n,s,r,p,l,c))?(d||"function"!=typeof i.UNSAFE_componentWillMount&&"function"!=typeof i.componentWillMount||("function"==typeof i.componentWillMount&&i.componentWillMount(),"function"==typeof i.UNSAFE_componentWillMount&&i.UNSAFE_componentWillMount()),"function"==typeof i.componentDidMount&&(t.flags|=4194308)):("function"==typeof i.componentDidMount&&(t.flags|=4194308),t.memoizedProps=r,t.memoizedState=l),i.props=r,i.state=l,i.context=c,r=s):("function"==typeof i.componentDidMount&&(t.flags|=4194308),r=!1)}else{i=t.stateNode,Ma(e,t),s=t.memoizedProps,c=t.type===t.elementType?s:ns(t.type,s),i.props=c,d=t.pendingProps,p=i.context,"object"==typeof(l=n.contextType)&&null!==l?l=Pa(l):l=zo(t,l=Io(n)?Po:Ao.current);var f=n.getDerivedStateFromProps;(u="function"==typeof f||"function"==typeof i.getSnapshotBeforeUpdate)||"function"!=typeof i.UNSAFE_componentWillReceiveProps&&"function"!=typeof i.componentWillReceiveProps||(s!==d||p!==l)&&ss(t,i,r,l),Ra=!1,p=t.memoizedState,i.state=p,$a(t,r,i,o);var m=t.memoizedState;s!==d||p!==m||To.current||Ra?("function"==typeof f&&(rs(t,n,f,r),m=t.memoizedState),(c=Ra||as(t,n,c,r,p,m,l)||!1)?(u||"function"!=typeof i.UNSAFE_componentWillUpdate&&"function"!=typeof i.componentWillUpdate||("function"==typeof i.componentWillUpdate&&i.componentWillUpdate(r,m,l),"function"==typeof i.UNSAFE_componentWillUpdate&&i.UNSAFE_componentWillUpdate(r,m,l)),"function"==typeof i.componentDidUpdate&&(t.flags|=4),"function"==typeof i.getSnapshotBeforeUpdate&&(t.flags|=1024)):("function"!=typeof i.componentDidUpdate||s===e.memoizedProps&&p===e.memoizedState||(t.flags|=4),"function"!=typeof i.getSnapshotBeforeUpdate||s===e.memoizedProps&&p===e.memoizedState||(t.flags|=1024),t.memoizedProps=r,t.memoizedState=m),i.props=r,i.state=m,i.context=l,r=c):("function"!=typeof i.componentDidUpdate||s===e.memoizedProps&&p===e.memoizedState||(t.flags|=4),"function"!=typeof i.getSnapshotBeforeUpdate||s===e.memoizedProps&&p===e.memoizedState||(t.flags|=1024),r=!1)}return Os(e,t,n,r,a,o)}function Os(e,t,n,r,o,a){_s(e,t);var i=!!(128&t.flags);if(!r&&!i)return o&&Mo(t,n,!1),Hs(e,t,a);r=t.stateNode,ys.current=t;var s=i&&"function"!=typeof n.getDerivedStateFromError?null:r.render();return t.flags|=1,null!==e&&i?(t.child=ka(t,e.child,null,a),t.child=ka(t,null,s,a)):ws(e,t,s,a),t.memoizedState=r.state,o&&Mo(t,n,!0),t.child}function As(e){var t=e.stateNode;t.pendingContext?No(0,t.pendingContext,t.pendingContext!==t.context):t.context&&No(0,t.context,!1),Ya(e,t.containerInfo)}function Ts(e,t,n,r,o){return ma(),ha(o),t.flags|=256,ws(e,t,n,r),t.child}var Ps,zs,Is,Ls,Ns={dehydrated:null,treeContext:null,retryLane:0};function Rs(e){return{baseLanes:e,cachePool:null,transitions:null}}function Ds(e,t,n){var r,o=t.pendingProps,i=ei.current,s=!1,l=!!(128&t.flags);if((r=l)||(r=(null===e||null!==e.memoizedState)&&!!(2&i)),r?(s=!0,t.flags&=-129):null!==e&&null===e.memoizedState||(i|=1),Co(ei,1&i),null===e)return ua(t),null!==(e=t.memoizedState)&&null!==(e=e.dehydrated)?(1&t.mode?"$!"===e.data?t.lanes=8:t.lanes=1073741824:t.lanes=1,null):(l=o.children,e=o.fallback,s?(o=t.mode,s=t.child,l={mode:"hidden",children:l},1&o||null===s?s=Rc(l,o,0,null):(s.childLanes=0,s.pendingProps=l),e=Nc(e,o,n,null),s.return=t,e.return=t,s.sibling=e,t.child=s,t.child.memoizedState=Rs(n),t.memoizedState=Ns,e):Ms(t,l));if(null!==(i=e.memoizedState)&&null!==(r=i.dehydrated))return function(e,t,n,r,o,i,s){if(n)return 256&t.flags?(t.flags&=-257,Fs(e,t,s,r=us(Error(a(422))))):null!==t.memoizedState?(t.child=e.child,t.flags|=128,null):(i=r.fallback,o=t.mode,r=Rc({mode:"visible",children:r.children},o,0,null),(i=Nc(i,o,s,null)).flags|=2,r.return=t,i.return=t,r.sibling=i,t.child=r,1&t.mode&&ka(t,e.child,null,s),t.child.memoizedState=Rs(s),t.memoizedState=Ns,i);if(!(1&t.mode))return Fs(e,t,s,null);if("$!"===o.data){if(r=o.nextSibling&&o.nextSibling.dataset)var l=r.dgst;return r=l,Fs(e,t,s,r=us(i=Error(a(419)),r,void 0))}if(l=!!(s&e.childLanes),vs||l){if(null!==(r=Al)){switch(s&-s){case 4:o=2;break;case 16:o=8;break;case 64:case 128:case 256:case 512:case 1024:case 2048:case 4096:case 8192:case 16384:case 32768:case 65536:case 131072:case 262144:case 524288:case 1048576:case 2097152:case 4194304:case 8388608:case 16777216:case 33554432:case 67108864:o=32;break;case 536870912:o=268435456;break;default:o=0}0!==(o=o&(r.suspendedLanes|s)?0:o)&&o!==i.retryLane&&(i.retryLane=o,Na(e,o),nc(r,e,o,-1))}return hc(),Fs(e,t,s,r=us(Error(a(421))))}return"$?"===o.data?(t.flags|=128,t.child=e.child,t=Cc.bind(null,e),o._reactRetry=t,null):(e=i.treeContext,oa=co(o.nextSibling),ra=t,aa=!0,ia=null,null!==e&&(Ko[Qo++]=Zo,Ko[Qo++]=Jo,Ko[Qo++]=Yo,Zo=e.id,Jo=e.overflow,Yo=t),t=Ms(t,r.children),t.flags|=4096,t)}(e,t,l,o,r,i,n);if(s){s=o.fallback,l=t.mode,r=(i=e.child).sibling;var c={mode:"hidden",children:o.children};return 1&l||t.child===i?(o=Ic(i,c)).subtreeFlags=14680064&i.subtreeFlags:((o=t.child).childLanes=0,o.pendingProps=c,t.deletions=null),null!==r?s=Ic(r,s):(s=Nc(s,l,n,null)).flags|=2,s.return=t,o.return=t,o.sibling=s,t.child=o,o=s,s=t.child,l=null===(l=e.child.memoizedState)?Rs(n):{baseLanes:l.baseLanes|n,cachePool:null,transitions:l.transitions},s.memoizedState=l,s.childLanes=e.childLanes&~n,t.memoizedState=Ns,o}return e=(s=e.child).sibling,o=Ic(s,{mode:"visible",children:o.children}),!(1&t.mode)&&(o.lanes=n),o.return=t,o.sibling=null,null!==e&&(null===(n=t.deletions)?(t.deletions=[e],t.flags|=16):n.push(e)),t.child=o,t.memoizedState=null,o}function Ms(e,t){return(t=Rc({mode:"visible",children:t},e.mode,0,null)).return=e,e.child=t}function Fs(e,t,n,r){return null!==r&&ha(r),ka(t,e.child,null,n),(e=Ms(t,t.pendingProps.children)).flags|=2,t.memoizedState=null,e}function Bs(e,t,n){e.lanes|=t;var r=e.alternate;null!==r&&(r.lanes|=t),Aa(e.return,t,n)}function Us(e,t,n,r,o){var a=e.memoizedState;null===a?e.memoizedState={isBackwards:t,rendering:null,renderingStartTime:0,last:r,tail:n,tailMode:o}:(a.isBackwards=t,a.rendering=null,a.renderingStartTime=0,a.last=r,a.tail=n,a.tailMode=o)}function qs(e,t,n){var r=t.pendingProps,o=r.revealOrder,a=r.tail;if(ws(e,t,r.children,n),2&(r=ei.current))r=1&r|2,t.flags|=128;else{if(null!==e&&128&e.flags)e:for(e=t.child;null!==e;){if(13===e.tag)null!==e.memoizedState&&Bs(e,n,t);else if(19===e.tag)Bs(e,n,t);else if(null!==e.child){e.child.return=e,e=e.child;continue}if(e===t)break e;for(;null===e.sibling;){if(null===e.return||e.return===t)break e;e=e.return}e.sibling.return=e.return,e=e.sibling}r&=1}if(Co(ei,r),1&t.mode)switch(o){case"forwards":for(n=t.child,o=null;null!==n;)null!==(e=n.alternate)&&null===ti(e)&&(o=n),n=n.sibling;null===(n=o)?(o=t.child,t.child=null):(o=n.sibling,n.sibling=null),Us(t,!1,o,n,a);break;case"backwards":for(n=null,o=t.child,t.child=null;null!==o;){if(null!==(e=o.alternate)&&null===ti(e)){t.child=o;break}e=o.sibling,o.sibling=n,n=o,o=e}Us(t,!0,n,null,a);break;case"together":Us(t,!1,null,null,void 0);break;default:t.memoizedState=null}else t.memoizedState=null;return t.child}function $s(e,t){!(1&t.mode)&&null!==e&&(e.alternate=null,t.alternate=null,t.flags|=2)}function Hs(e,t,n){if(null!==e&&(t.dependencies=e.dependencies),Rl|=t.lanes,!(n&t.childLanes))return null;if(null!==e&&t.child!==e.child)throw Error(a(153));if(null!==t.child){for(n=Ic(e=t.child,e.pendingProps),t.child=n,n.return=t;null!==e.sibling;)e=e.sibling,(n=n.sibling=Ic(e,e.pendingProps)).return=t;n.sibling=null}return t.child}function Vs(e,t){if(!aa)switch(e.tailMode){case"hidden":t=e.tail;for(var n=null;null!==t;)null!==t.alternate&&(n=t),t=t.sibling;null===n?e.tail=null:n.sibling=null;break;case"collapsed":n=e.tail;for(var r=null;null!==n;)null!==n.alternate&&(r=n),n=n.sibling;null===r?t||null===e.tail?e.tail=null:e.tail.sibling=null:r.sibling=null}}function Gs(e){var t=null!==e.alternate&&e.alternate.child===e.child,n=0,r=0;if(t)for(var o=e.child;null!==o;)n|=o.lanes|o.childLanes,r|=14680064&o.subtreeFlags,r|=14680064&o.flags,o.return=e,o=o.sibling;else for(o=e.child;null!==o;)n|=o.lanes|o.childLanes,r|=o.subtreeFlags,r|=o.flags,o.return=e,o=o.sibling;return e.subtreeFlags|=r,e.childLanes=n,t}function Ws(e,t,n){var r=t.pendingProps;switch(na(t),t.tag){case 2:case 16:case 15:case 0:case 11:case 7:case 8:case 12:case 9:case 14:return Gs(t),null;case 1:case 17:return Io(t.type)&&Lo(),Gs(t),null;case 3:return r=t.stateNode,Za(),jo(To),jo(Ao),ri(),r.pendingContext&&(r.context=r.pendingContext,r.pendingContext=null),null!==e&&null!==e.child||(pa(t)?t.flags|=4:null===e||e.memoizedState.isDehydrated&&!(256&t.flags)||(t.flags|=1024,null!==ia&&(ic(ia),ia=null))),zs(e,t),Gs(t),null;case 5:Xa(t);var o=Qa(Ka.current);if(n=t.type,null!==e&&null!=t.stateNode)Is(e,t,n,r,o),e.ref!==t.ref&&(t.flags|=512,t.flags|=2097152);else{if(!r){if(null===t.stateNode)throw Error(a(166));return Gs(t),null}if(e=Qa(Ga.current),pa(t)){r=t.stateNode,n=t.type;var i=t.memoizedProps;switch(r[fo]=t,r[mo]=i,e=!!(1&t.mode),n){case"dialog":Fr("cancel",r),Fr("close",r);break;case"iframe":case"object":case"embed":Fr("load",r);break;case"video":case"audio":for(o=0;o<Nr.length;o++)Fr(Nr[o],r);break;case"source":Fr("error",r);break;case"img":case"image":case"link":Fr("error",r),Fr("load",r);break;case"details":Fr("toggle",r);break;case"input":Y(r,i),Fr("invalid",r);break;case"select":r._wrapperState={wasMultiple:!!i.multiple},Fr("invalid",r);break;case"textarea":oe(r,i),Fr("invalid",r)}for(var l in ye(n,i),o=null,i)if(i.hasOwnProperty(l)){var c=i[l];"children"===l?"string"==typeof c?r.textContent!==c&&(!0!==i.suppressHydrationWarning&&Jr(r.textContent,c,e),o=["children",c]):"number"==typeof c&&r.textContent!==""+c&&(!0!==i.suppressHydrationWarning&&Jr(r.textContent,c,e),o=["children",""+c]):s.hasOwnProperty(l)&&null!=c&&"onScroll"===l&&Fr("scroll",r)}switch(n){case"input":G(r),X(r,i,!0);break;case"textarea":G(r),ie(r);break;case"select":case"option":break;default:"function"==typeof i.onClick&&(r.onclick=Xr)}r=o,t.updateQueue=r,null!==r&&(t.flags|=4)}else{l=9===o.nodeType?o:o.ownerDocument,"http://www.w3.org/1999/xhtml"===e&&(e=se(n)),"http://www.w3.org/1999/xhtml"===e?"script"===n?((e=l.createElement("div")).innerHTML="<script><\/script>",e=e.removeChild(e.firstChild)):"string"==typeof r.is?e=l.createElement(n,{is:r.is}):(e=l.createElement(n),"select"===n&&(l=e,r.multiple?l.multiple=!0:r.size&&(l.size=r.size))):e=l.createElementNS(e,n),e[fo]=t,e[mo]=r,Ps(e,t,!1,!1),t.stateNode=e;e:{switch(l=ve(n,r),n){case"dialog":Fr("cancel",e),Fr("close",e),o=r;break;case"iframe":case"object":case"embed":Fr("load",e),o=r;break;case"video":case"audio":for(o=0;o<Nr.length;o++)Fr(Nr[o],e);o=r;break;case"source":Fr("error",e),o=r;break;case"img":case"image":case"link":Fr("error",e),Fr("load",e),o=r;break;case"details":Fr("toggle",e),o=r;break;case"input":Y(e,r),o=Q(e,r),Fr("invalid",e);break;case"option":default:o=r;break;case"select":e._wrapperState={wasMultiple:!!r.multiple},o=D({},r,{value:void 0}),Fr("invalid",e);break;case"textarea":oe(e,r),o=re(e,r),Fr("invalid",e)}for(i in ye(n,o),c=o)if(c.hasOwnProperty(i)){var u=c[i];"style"===i?ge(e,u):"dangerouslySetInnerHTML"===i?null!=(u=u?u.__html:void 0)&&de(e,u):"children"===i?"string"==typeof u?("textarea"!==n||""!==u)&&pe(e,u):"number"==typeof u&&pe(e,""+u):"suppressContentEditableWarning"!==i&&"suppressHydrationWarning"!==i&&"autoFocus"!==i&&(s.hasOwnProperty(i)?null!=u&&"onScroll"===i&&Fr("scroll",e):null!=u&&v(e,i,u,l))}switch(n){case"input":G(e),X(e,r,!1);break;case"textarea":G(e),ie(e);break;case"option":null!=r.value&&e.setAttribute("value",""+H(r.value));break;case"select":e.multiple=!!r.multiple,null!=(i=r.value)?ne(e,!!r.multiple,i,!1):null!=r.defaultValue&&ne(e,!!r.multiple,r.defaultValue,!0);break;default:"function"==typeof o.onClick&&(e.onclick=Xr)}switch(n){case"button":case"input":case"select":case"textarea":r=!!r.autoFocus;break e;case"img":r=!0;break e;default:r=!1}}r&&(t.flags|=4)}null!==t.ref&&(t.flags|=512,t.flags|=2097152)}return Gs(t),null;case 6:if(e&&null!=t.stateNode)Ls(e,t,e.memoizedProps,r);else{if("string"!=typeof r&&null===t.stateNode)throw Error(a(166));if(n=Qa(Ka.current),Qa(Ga.current),pa(t)){if(r=t.stateNode,n=t.memoizedProps,r[fo]=t,(i=r.nodeValue!==n)&&null!==(e=ra))switch(e.tag){case 3:Jr(r.nodeValue,n,!!(1&e.mode));break;case 5:!0!==e.memoizedProps.suppressHydrationWarning&&Jr(r.nodeValue,n,!!(1&e.mode))}i&&(t.flags|=4)}else(r=(9===n.nodeType?n:n.ownerDocument).createTextNode(r))[fo]=t,t.stateNode=r}return Gs(t),null;case 13:if(jo(ei),r=t.memoizedState,null===e||null!==e.memoizedState&&null!==e.memoizedState.dehydrated){if(aa&&null!==oa&&1&t.mode&&!(128&t.flags))fa(),ma(),t.flags|=98560,i=!1;else if(i=pa(t),null!==r&&null!==r.dehydrated){if(null===e){if(!i)throw Error(a(318));if(!(i=null!==(i=t.memoizedState)?i.dehydrated:null))throw Error(a(317));i[fo]=t}else ma(),!(128&t.flags)&&(t.memoizedState=null),t.flags|=4;Gs(t),i=!1}else null!==ia&&(ic(ia),ia=null),i=!0;if(!i)return 65536&t.flags?t:null}return 128&t.flags?(t.lanes=n,t):((r=null!==r)!==(null!==e&&null!==e.memoizedState)&&r&&(t.child.flags|=8192,1&t.mode&&(null===e||1&ei.current?0===Ll&&(Ll=3):hc())),null!==t.updateQueue&&(t.flags|=4),Gs(t),null);case 4:return Za(),zs(e,t),null===e&&qr(t.stateNode.containerInfo),Gs(t),null;case 10:return Oa(t.type._context),Gs(t),null;case 19:if(jo(ei),null===(i=t.memoizedState))return Gs(t),null;if(r=!!(128&t.flags),null===(l=i.rendering))if(r)Vs(i,!1);else{if(0!==Ll||null!==e&&128&e.flags)for(e=t.child;null!==e;){if(null!==(l=ti(e))){for(t.flags|=128,Vs(i,!1),null!==(r=l.updateQueue)&&(t.updateQueue=r,t.flags|=4),t.subtreeFlags=0,r=n,n=t.child;null!==n;)e=r,(i=n).flags&=14680066,null===(l=i.alternate)?(i.childLanes=0,i.lanes=e,i.child=null,i.subtreeFlags=0,i.memoizedProps=null,i.memoizedState=null,i.updateQueue=null,i.dependencies=null,i.stateNode=null):(i.childLanes=l.childLanes,i.lanes=l.lanes,i.child=l.child,i.subtreeFlags=0,i.deletions=null,i.memoizedProps=l.memoizedProps,i.memoizedState=l.memoizedState,i.updateQueue=l.updateQueue,i.type=l.type,e=l.dependencies,i.dependencies=null===e?null:{lanes:e.lanes,firstContext:e.firstContext}),n=n.sibling;return Co(ei,1&ei.current|2),t.child}e=e.sibling}null!==i.tail&&Ze()>ql&&(t.flags|=128,r=!0,Vs(i,!1),t.lanes=4194304)}else{if(!r)if(null!==(e=ti(l))){if(t.flags|=128,r=!0,null!==(n=e.updateQueue)&&(t.updateQueue=n,t.flags|=4),Vs(i,!0),null===i.tail&&"hidden"===i.tailMode&&!l.alternate&&!aa)return Gs(t),null}else 2*Ze()-i.renderingStartTime>ql&&1073741824!==n&&(t.flags|=128,r=!0,Vs(i,!1),t.lanes=4194304);i.isBackwards?(l.sibling=t.child,t.child=l):(null!==(n=i.last)?n.sibling=l:t.child=l,i.last=l)}return null!==i.tail?(t=i.tail,i.rendering=t,i.tail=t.sibling,i.renderingStartTime=Ze(),t.sibling=null,n=ei.current,Co(ei,r?1&n|2:1&n),t):(Gs(t),null);case 22:case 23:return dc(),r=null!==t.memoizedState,null!==e&&null!==e.memoizedState!==r&&(t.flags|=8192),r&&1&t.mode?!!(1073741824&zl)&&(Gs(t),6&t.subtreeFlags&&(t.flags|=8192)):Gs(t),null;case 24:case 25:return null}throw Error(a(156,t.tag))}function Ks(e,t){switch(na(t),t.tag){case 1:return Io(t.type)&&Lo(),65536&(e=t.flags)?(t.flags=-65537&e|128,t):null;case 3:return Za(),jo(To),jo(Ao),ri(),65536&(e=t.flags)&&!(128&e)?(t.flags=-65537&e|128,t):null;case 5:return Xa(t),null;case 13:if(jo(ei),null!==(e=t.memoizedState)&&null!==e.dehydrated){if(null===t.alternate)throw Error(a(340));ma()}return 65536&(e=t.flags)?(t.flags=-65537&e|128,t):null;case 19:return jo(ei),null;case 4:return Za(),null;case 10:return Oa(t.type._context),null;case 22:case 23:return dc(),null;default:return null}}Ps=function(e,t){for(var n=t.child;null!==n;){if(5===n.tag||6===n.tag)e.appendChild(n.stateNode);else if(4!==n.tag&&null!==n.child){n.child.return=n,n=n.child;continue}if(n===t)break;for(;null===n.sibling;){if(null===n.return||n.return===t)return;n=n.return}n.sibling.return=n.return,n=n.sibling}},zs=function(){},Is=function(e,t,n,r){var o=e.memoizedProps;if(o!==r){e=t.stateNode,Qa(Ga.current);var a,i=null;switch(n){case"input":o=Q(e,o),r=Q(e,r),i=[];break;case"select":o=D({},o,{value:void 0}),r=D({},r,{value:void 0}),i=[];break;case"textarea":o=re(e,o),r=re(e,r),i=[];break;default:"function"!=typeof o.onClick&&"function"==typeof r.onClick&&(e.onclick=Xr)}for(u in ye(n,r),n=null,o)if(!r.hasOwnProperty(u)&&o.hasOwnProperty(u)&&null!=o[u])if("style"===u){var l=o[u];for(a in l)l.hasOwnProperty(a)&&(n||(n={}),n[a]="")}else"dangerouslySetInnerHTML"!==u&&"children"!==u&&"suppressContentEditableWarning"!==u&&"suppressHydrationWarning"!==u&&"autoFocus"!==u&&(s.hasOwnProperty(u)?i||(i=[]):(i=i||[]).push(u,null));for(u in r){var c=r[u];if(l=null!=o?o[u]:void 0,r.hasOwnProperty(u)&&c!==l&&(null!=c||null!=l))if("style"===u)if(l){for(a in l)!l.hasOwnProperty(a)||c&&c.hasOwnProperty(a)||(n||(n={}),n[a]="");for(a in c)c.hasOwnProperty(a)&&l[a]!==c[a]&&(n||(n={}),n[a]=c[a])}else n||(i||(i=[]),i.push(u,n)),n=c;else"dangerouslySetInnerHTML"===u?(c=c?c.__html:void 0,l=l?l.__html:void 0,null!=c&&l!==c&&(i=i||[]).push(u,c)):"children"===u?"string"!=typeof c&&"number"!=typeof c||(i=i||[]).push(u,""+c):"suppressContentEditableWarning"!==u&&"suppressHydrationWarning"!==u&&(s.hasOwnProperty(u)?(null!=c&&"onScroll"===u&&Fr("scroll",e),i||l===c||(i=[])):(i=i||[]).push(u,c))}n&&(i=i||[]).push("style",n);var u=i;(t.updateQueue=u)&&(t.flags|=4)}},Ls=function(e,t,n,r){n!==r&&(t.flags|=4)};var Qs=!1,Ys=!1,Zs="function"==typeof WeakSet?WeakSet:Set,Js=null;function Xs(e,t){var n=e.ref;if(null!==n)if("function"==typeof n)try{n(null)}catch(r){Ec(e,t,r)}else n.current=null}function el(e,t,n){try{n()}catch(r){Ec(e,t,r)}}var tl=!1;function nl(e,t,n){var r=t.updateQueue;if(null!==(r=null!==r?r.lastEffect:null)){var o=r=r.next;do{if((o.tag&e)===e){var a=o.destroy;o.destroy=void 0,void 0!==a&&el(t,n,a)}o=o.next}while(o!==r)}}function rl(e,t){if(null!==(t=null!==(t=t.updateQueue)?t.lastEffect:null)){var n=t=t.next;do{if((n.tag&e)===e){var r=n.create;n.destroy=r()}n=n.next}while(n!==t)}}function ol(e){var t=e.ref;if(null!==t){var n=e.stateNode;e.tag,e=n,"function"==typeof t?t(e):t.current=e}}function al(e){var t=e.alternate;null!==t&&(e.alternate=null,al(t)),e.child=null,e.deletions=null,e.sibling=null,5===e.tag&&(null!==(t=e.stateNode)&&(delete t[fo],delete t[mo],delete t[go],delete t[bo],delete t[yo])),e.stateNode=null,e.return=null,e.dependencies=null,e.memoizedProps=null,e.memoizedState=null,e.pendingProps=null,e.stateNode=null,e.updateQueue=null}function il(e){return 5===e.tag||3===e.tag||4===e.tag}function sl(e){e:for(;;){for(;null===e.sibling;){if(null===e.return||il(e.return))return null;e=e.return}for(e.sibling.return=e.return,e=e.sibling;5!==e.tag&&6!==e.tag&&18!==e.tag;){if(2&e.flags)continue e;if(null===e.child||4===e.tag)continue e;e.child.return=e,e=e.child}if(!(2&e.flags))return e.stateNode}}function ll(e,t,n){var r=e.tag;if(5===r||6===r)e=e.stateNode,t?8===n.nodeType?n.parentNode.insertBefore(e,t):n.insertBefore(e,t):(8===n.nodeType?(t=n.parentNode).insertBefore(e,n):(t=n).appendChild(e),null!=(n=n._reactRootContainer)||null!==t.onclick||(t.onclick=Xr));else if(4!==r&&null!==(e=e.child))for(ll(e,t,n),e=e.sibling;null!==e;)ll(e,t,n),e=e.sibling}function cl(e,t,n){var r=e.tag;if(5===r||6===r)e=e.stateNode,t?n.insertBefore(e,t):n.appendChild(e);else if(4!==r&&null!==(e=e.child))for(cl(e,t,n),e=e.sibling;null!==e;)cl(e,t,n),e=e.sibling}var ul=null,dl=!1;function pl(e,t,n){for(n=n.child;null!==n;)fl(e,t,n),n=n.sibling}function fl(e,t,n){if(at&&"function"==typeof at.onCommitFiberUnmount)try{at.onCommitFiberUnmount(ot,n)}catch(s){}switch(n.tag){case 5:Ys||Xs(n,t);case 6:var r=ul,o=dl;ul=null,pl(e,t,n),dl=o,null!==(ul=r)&&(dl?(e=ul,n=n.stateNode,8===e.nodeType?e.parentNode.removeChild(n):e.removeChild(n)):ul.removeChild(n.stateNode));break;case 18:null!==ul&&(dl?(e=ul,n=n.stateNode,8===e.nodeType?lo(e.parentNode,n):1===e.nodeType&&lo(e,n),qt(e)):lo(ul,n.stateNode));break;case 4:r=ul,o=dl,ul=n.stateNode.containerInfo,dl=!0,pl(e,t,n),ul=r,dl=o;break;case 0:case 11:case 14:case 15:if(!Ys&&(null!==(r=n.updateQueue)&&null!==(r=r.lastEffect))){o=r=r.next;do{var a=o,i=a.destroy;a=a.tag,void 0!==i&&(2&a||4&a)&&el(n,t,i),o=o.next}while(o!==r)}pl(e,t,n);break;case 1:if(!Ys&&(Xs(n,t),"function"==typeof(r=n.stateNode).componentWillUnmount))try{r.props=n.memoizedProps,r.state=n.memoizedState,r.componentWillUnmount()}catch(s){Ec(n,t,s)}pl(e,t,n);break;case 21:pl(e,t,n);break;case 22:1&n.mode?(Ys=(r=Ys)||null!==n.memoizedState,pl(e,t,n),Ys=r):pl(e,t,n);break;default:pl(e,t,n)}}function ml(e){var t=e.updateQueue;if(null!==t){e.updateQueue=null;var n=e.stateNode;null===n&&(n=e.stateNode=new Zs),t.forEach((function(t){var r=Oc.bind(null,e,t);n.has(t)||(n.add(t),t.then(r,r))}))}}function hl(e,t){var n=t.deletions;if(null!==n)for(var r=0;r<n.length;r++){var o=n[r];try{var i=e,s=t,l=s;e:for(;null!==l;){switch(l.tag){case 5:ul=l.stateNode,dl=!1;break e;case 3:case 4:ul=l.stateNode.containerInfo,dl=!0;break e}l=l.return}if(null===ul)throw Error(a(160));fl(i,s,o),ul=null,dl=!1;var c=o.alternate;null!==c&&(c.return=null),o.return=null}catch(u){Ec(o,t,u)}}if(12854&t.subtreeFlags)for(t=t.child;null!==t;)gl(t,e),t=t.sibling}function gl(e,t){var n=e.alternate,r=e.flags;switch(e.tag){case 0:case 11:case 14:case 15:if(hl(t,e),bl(e),4&r){try{nl(3,e,e.return),rl(3,e)}catch(g){Ec(e,e.return,g)}try{nl(5,e,e.return)}catch(g){Ec(e,e.return,g)}}break;case 1:hl(t,e),bl(e),512&r&&null!==n&&Xs(n,n.return);break;case 5:if(hl(t,e),bl(e),512&r&&null!==n&&Xs(n,n.return),32&e.flags){var o=e.stateNode;try{pe(o,"")}catch(g){Ec(e,e.return,g)}}if(4&r&&null!=(o=e.stateNode)){var i=e.memoizedProps,s=null!==n?n.memoizedProps:i,l=e.type,c=e.updateQueue;if(e.updateQueue=null,null!==c)try{"input"===l&&"radio"===i.type&&null!=i.name&&Z(o,i),ve(l,s);var u=ve(l,i);for(s=0;s<c.length;s+=2){var d=c[s],p=c[s+1];"style"===d?ge(o,p):"dangerouslySetInnerHTML"===d?de(o,p):"children"===d?pe(o,p):v(o,d,p,u)}switch(l){case"input":J(o,i);break;case"textarea":ae(o,i);break;case"select":var f=o._wrapperState.wasMultiple;o._wrapperState.wasMultiple=!!i.multiple;var m=i.value;null!=m?ne(o,!!i.multiple,m,!1):f!==!!i.multiple&&(null!=i.defaultValue?ne(o,!!i.multiple,i.defaultValue,!0):ne(o,!!i.multiple,i.multiple?[]:"",!1))}o[mo]=i}catch(g){Ec(e,e.return,g)}}break;case 6:if(hl(t,e),bl(e),4&r){if(null===e.stateNode)throw Error(a(162));o=e.stateNode,i=e.memoizedProps;try{o.nodeValue=i}catch(g){Ec(e,e.return,g)}}break;case 3:if(hl(t,e),bl(e),4&r&&null!==n&&n.memoizedState.isDehydrated)try{qt(t.containerInfo)}catch(g){Ec(e,e.return,g)}break;case 4:default:hl(t,e),bl(e);break;case 13:hl(t,e),bl(e),8192&(o=e.child).flags&&(i=null!==o.memoizedState,o.stateNode.isHidden=i,!i||null!==o.alternate&&null!==o.alternate.memoizedState||(Ul=Ze())),4&r&&ml(e);break;case 22:if(d=null!==n&&null!==n.memoizedState,1&e.mode?(Ys=(u=Ys)||d,hl(t,e),Ys=u):hl(t,e),bl(e),8192&r){if(u=null!==e.memoizedState,(e.stateNode.isHidden=u)&&!d&&1&e.mode)for(Js=e,d=e.child;null!==d;){for(p=Js=d;null!==Js;){switch(m=(f=Js).child,f.tag){case 0:case 11:case 14:case 15:nl(4,f,f.return);break;case 1:Xs(f,f.return);var h=f.stateNode;if("function"==typeof h.componentWillUnmount){r=f,n=f.return;try{t=r,h.props=t.memoizedProps,h.state=t.memoizedState,h.componentWillUnmount()}catch(g){Ec(r,n,g)}}break;case 5:Xs(f,f.return);break;case 22:if(null!==f.memoizedState){kl(p);continue}}null!==m?(m.return=f,Js=m):kl(p)}d=d.sibling}e:for(d=null,p=e;;){if(5===p.tag){if(null===d){d=p;try{o=p.stateNode,u?"function"==typeof(i=o.style).setProperty?i.setProperty("display","none","important"):i.display="none":(l=p.stateNode,s=null!=(c=p.memoizedProps.style)&&c.hasOwnProperty("display")?c.display:null,l.style.display=he("display",s))}catch(g){Ec(e,e.return,g)}}}else if(6===p.tag){if(null===d)try{p.stateNode.nodeValue=u?"":p.memoizedProps}catch(g){Ec(e,e.return,g)}}else if((22!==p.tag&&23!==p.tag||null===p.memoizedState||p===e)&&null!==p.child){p.child.return=p,p=p.child;continue}if(p===e)break e;for(;null===p.sibling;){if(null===p.return||p.return===e)break e;d===p&&(d=null),p=p.return}d===p&&(d=null),p.sibling.return=p.return,p=p.sibling}}break;case 19:hl(t,e),bl(e),4&r&&ml(e);case 21:}}function bl(e){var t=e.flags;if(2&t){try{e:{for(var n=e.return;null!==n;){if(il(n)){var r=n;break e}n=n.return}throw Error(a(160))}switch(r.tag){case 5:var o=r.stateNode;32&r.flags&&(pe(o,""),r.flags&=-33),cl(e,sl(e),o);break;case 3:case 4:var i=r.stateNode.containerInfo;ll(e,sl(e),i);break;default:throw Error(a(161))}}catch(s){Ec(e,e.return,s)}e.flags&=-3}4096&t&&(e.flags&=-4097)}function yl(e,t,n){Js=e,vl(e,t,n)}function vl(e,t,n){for(var r=!!(1&e.mode);null!==Js;){var o=Js,a=o.child;if(22===o.tag&&r){var i=null!==o.memoizedState||Qs;if(!i){var s=o.alternate,l=null!==s&&null!==s.memoizedState||Ys;s=Qs;var c=Ys;if(Qs=i,(Ys=l)&&!c)for(Js=o;null!==Js;)l=(i=Js).child,22===i.tag&&null!==i.memoizedState?Sl(o):null!==l?(l.return=i,Js=l):Sl(o);for(;null!==a;)Js=a,vl(a,t,n),a=a.sibling;Js=o,Qs=s,Ys=c}wl(e)}else 8772&o.subtreeFlags&&null!==a?(a.return=o,Js=a):wl(e)}}function wl(e){for(;null!==Js;){var t=Js;if(8772&t.flags){var n=t.alternate;try{if(8772&t.flags)switch(t.tag){case 0:case 11:case 15:Ys||rl(5,t);break;case 1:var r=t.stateNode;if(4&t.flags&&!Ys)if(null===n)r.componentDidMount();else{var o=t.elementType===t.type?n.memoizedProps:ns(t.type,n.memoizedProps);r.componentDidUpdate(o,n.memoizedState,r.__reactInternalSnapshotBeforeUpdate)}var i=t.updateQueue;null!==i&&Ha(t,i,r);break;case 3:var s=t.updateQueue;if(null!==s){if(n=null,null!==t.child)switch(t.child.tag){case 5:case 1:n=t.child.stateNode}Ha(t,s,n)}break;case 5:var l=t.stateNode;if(null===n&&4&t.flags){n=l;var c=t.memoizedProps;switch(t.type){case"button":case"input":case"select":case"textarea":c.autoFocus&&n.focus();break;case"img":c.src&&(n.src=c.src)}}break;case 6:case 4:case 12:case 19:case 17:case 21:case 22:case 23:case 25:break;case 13:if(null===t.memoizedState){var u=t.alternate;if(null!==u){var d=u.memoizedState;if(null!==d){var p=d.dehydrated;null!==p&&qt(p)}}}break;default:throw Error(a(163))}Ys||512&t.flags&&ol(t)}catch(f){Ec(t,t.return,f)}}if(t===e){Js=null;break}if(null!==(n=t.sibling)){n.return=t.return,Js=n;break}Js=t.return}}function kl(e){for(;null!==Js;){var t=Js;if(t===e){Js=null;break}var n=t.sibling;if(null!==n){n.return=t.return,Js=n;break}Js=t.return}}function Sl(e){for(;null!==Js;){var t=Js;try{switch(t.tag){case 0:case 11:case 15:var n=t.return;try{rl(4,t)}catch(l){Ec(t,n,l)}break;case 1:var r=t.stateNode;if("function"==typeof r.componentDidMount){var o=t.return;try{r.componentDidMount()}catch(l){Ec(t,o,l)}}var a=t.return;try{ol(t)}catch(l){Ec(t,a,l)}break;case 5:var i=t.return;try{ol(t)}catch(l){Ec(t,i,l)}}}catch(l){Ec(t,t.return,l)}if(t===e){Js=null;break}var s=t.sibling;if(null!==s){s.return=t.return,Js=s;break}Js=t.return}}var xl,El=Math.ceil,_l=w.ReactCurrentDispatcher,jl=w.ReactCurrentOwner,Cl=w.ReactCurrentBatchConfig,Ol=0,Al=null,Tl=null,Pl=0,zl=0,Il=_o(0),Ll=0,Nl=null,Rl=0,Dl=0,Ml=0,Fl=null,Bl=null,Ul=0,ql=1/0,$l=null,Hl=!1,Vl=null,Gl=null,Wl=!1,Kl=null,Ql=0,Yl=0,Zl=null,Jl=-1,Xl=0;function ec(){return 6&Ol?Ze():-1!==Jl?Jl:Jl=Ze()}function tc(e){return 1&e.mode?2&Ol&&0!==Pl?Pl&-Pl:null!==ga.transition?(0===Xl&&(Xl=ht()),Xl):0!==(e=vt)?e:e=void 0===(e=window.event)?16:Yt(e.type):1}function nc(e,t,n,r){if(50<Yl)throw Yl=0,Zl=null,Error(a(185));bt(e,n,r),2&Ol&&e===Al||(e===Al&&(!(2&Ol)&&(Dl|=n),4===Ll&&sc(e,Pl)),rc(e,r),1===n&&0===Ol&&!(1&t.mode)&&(ql=Ze()+500,Bo&&$o()))}function rc(e,t){var n=e.callbackNode;!function(e,t){for(var n=e.suspendedLanes,r=e.pingedLanes,o=e.expirationTimes,a=e.pendingLanes;0<a;){var i=31-it(a),s=1<<i,l=o[i];-1===l?s&n&&!(s&r)||(o[i]=ft(s,t)):l<=t&&(e.expiredLanes|=s),a&=~s}}(e,t);var r=pt(e,e===Al?Pl:0);if(0===r)null!==n&&Ke(n),e.callbackNode=null,e.callbackPriority=0;else if(t=r&-r,e.callbackPriority!==t){if(null!=n&&Ke(n),1===t)0===e.tag?function(e){Bo=!0,qo(e)}(lc.bind(null,e)):qo(lc.bind(null,e)),io((function(){!(6&Ol)&&$o()})),n=null;else{switch(wt(r)){case 1:n=Xe;break;case 4:n=et;break;case 16:default:n=tt;break;case 536870912:n=rt}n=Ac(n,oc.bind(null,e))}e.callbackPriority=t,e.callbackNode=n}}function oc(e,t){if(Jl=-1,Xl=0,6&Ol)throw Error(a(327));var n=e.callbackNode;if(Sc()&&e.callbackNode!==n)return null;var r=pt(e,e===Al?Pl:0);if(0===r)return null;if(30&r||r&e.expiredLanes||t)t=gc(e,r);else{t=r;var o=Ol;Ol|=2;var i=mc();for(Al===e&&Pl===t||($l=null,ql=Ze()+500,pc(e,t));;)try{yc();break}catch(l){fc(e,l)}Ca(),_l.current=i,Ol=o,null!==Tl?t=0:(Al=null,Pl=0,t=Ll)}if(0!==t){if(2===t&&(0!==(o=mt(e))&&(r=o,t=ac(e,o))),1===t)throw n=Nl,pc(e,0),sc(e,r),rc(e,Ze()),n;if(6===t)sc(e,r);else{if(o=e.current.alternate,!(30&r||function(e){for(var t=e;;){if(16384&t.flags){var n=t.updateQueue;if(null!==n&&null!==(n=n.stores))for(var r=0;r<n.length;r++){var o=n[r],a=o.getSnapshot;o=o.value;try{if(!sr(a(),o))return!1}catch(s){return!1}}}if(n=t.child,16384&t.subtreeFlags&&null!==n)n.return=t,t=n;else{if(t===e)break;for(;null===t.sibling;){if(null===t.return||t.return===e)return!0;t=t.return}t.sibling.return=t.return,t=t.sibling}}return!0}(o)||(t=gc(e,r),2===t&&(i=mt(e),0!==i&&(r=i,t=ac(e,i))),1!==t)))throw n=Nl,pc(e,0),sc(e,r),rc(e,Ze()),n;switch(e.finishedWork=o,e.finishedLanes=r,t){case 0:case 1:throw Error(a(345));case 2:case 5:kc(e,Bl,$l);break;case 3:if(sc(e,r),(130023424&r)===r&&10<(t=Ul+500-Ze())){if(0!==pt(e,0))break;if(((o=e.suspendedLanes)&r)!==r){ec(),e.pingedLanes|=e.suspendedLanes&o;break}e.timeoutHandle=ro(kc.bind(null,e,Bl,$l),t);break}kc(e,Bl,$l);break;case 4:if(sc(e,r),(4194240&r)===r)break;for(t=e.eventTimes,o=-1;0<r;){var s=31-it(r);i=1<<s,(s=t[s])>o&&(o=s),r&=~i}if(r=o,10<(r=(120>(r=Ze()-r)?120:480>r?480:1080>r?1080:1920>r?1920:3e3>r?3e3:4320>r?4320:1960*El(r/1960))-r)){e.timeoutHandle=ro(kc.bind(null,e,Bl,$l),r);break}kc(e,Bl,$l);break;default:throw Error(a(329))}}}return rc(e,Ze()),e.callbackNode===n?oc.bind(null,e):null}function ac(e,t){var n=Fl;return e.current.memoizedState.isDehydrated&&(pc(e,t).flags|=256),2!==(e=gc(e,t))&&(t=Bl,Bl=n,null!==t&&ic(t)),e}function ic(e){null===Bl?Bl=e:Bl.push.apply(Bl,e)}function sc(e,t){for(t&=~Ml,t&=~Dl,e.suspendedLanes|=t,e.pingedLanes&=~t,e=e.expirationTimes;0<t;){var n=31-it(t),r=1<<n;e[n]=-1,t&=~r}}function lc(e){if(6&Ol)throw Error(a(327));Sc();var t=pt(e,0);if(!(1&t))return rc(e,Ze()),null;var n=gc(e,t);if(0!==e.tag&&2===n){var r=mt(e);0!==r&&(t=r,n=ac(e,r))}if(1===n)throw n=Nl,pc(e,0),sc(e,t),rc(e,Ze()),n;if(6===n)throw Error(a(345));return e.finishedWork=e.current.alternate,e.finishedLanes=t,kc(e,Bl,$l),rc(e,Ze()),null}function cc(e,t){var n=Ol;Ol|=1;try{return e(t)}finally{0===(Ol=n)&&(ql=Ze()+500,Bo&&$o())}}function uc(e){null!==Kl&&0===Kl.tag&&!(6&Ol)&&Sc();var t=Ol;Ol|=1;var n=Cl.transition,r=vt;try{if(Cl.transition=null,vt=1,e)return e()}finally{vt=r,Cl.transition=n,!(6&(Ol=t))&&$o()}}function dc(){zl=Il.current,jo(Il)}function pc(e,t){e.finishedWork=null,e.finishedLanes=0;var n=e.timeoutHandle;if(-1!==n&&(e.timeoutHandle=-1,oo(n)),null!==Tl)for(n=Tl.return;null!==n;){var r=n;switch(na(r),r.tag){case 1:null!=(r=r.type.childContextTypes)&&Lo();break;case 3:Za(),jo(To),jo(Ao),ri();break;case 5:Xa(r);break;case 4:Za();break;case 13:case 19:jo(ei);break;case 10:Oa(r.type._context);break;case 22:case 23:dc()}n=n.return}if(Al=e,Tl=e=Ic(e.current,null),Pl=zl=t,Ll=0,Nl=null,Ml=Dl=Rl=0,Bl=Fl=null,null!==za){for(t=0;t<za.length;t++)if(null!==(r=(n=za[t]).interleaved)){n.interleaved=null;var o=r.next,a=n.pending;if(null!==a){var i=a.next;a.next=o,r.next=i}n.pending=r}za=null}return e}function fc(e,t){for(;;){var n=Tl;try{if(Ca(),oi.current=Ji,ui){for(var r=si.memoizedState;null!==r;){var o=r.queue;null!==o&&(o.pending=null),r=r.next}ui=!1}if(ii=0,ci=li=si=null,di=!1,pi=0,jl.current=null,null===n||null===n.return){Ll=1,Nl=t,Tl=null;break}e:{var i=e,s=n.return,l=n,c=t;if(t=Pl,l.flags|=32768,null!==c&&"object"==typeof c&&"function"==typeof c.then){var u=c,d=l,p=d.tag;if(!(1&d.mode||0!==p&&11!==p&&15!==p)){var f=d.alternate;f?(d.updateQueue=f.updateQueue,d.memoizedState=f.memoizedState,d.lanes=f.lanes):(d.updateQueue=null,d.memoizedState=null)}var m=gs(s);if(null!==m){m.flags&=-257,bs(m,s,l,0,t),1&m.mode&&hs(i,u,t),c=u;var h=(t=m).updateQueue;if(null===h){var g=new Set;g.add(c),t.updateQueue=g}else h.add(c);break e}if(!(1&t)){hs(i,u,t),hc();break e}c=Error(a(426))}else if(aa&&1&l.mode){var b=gs(s);if(null!==b){!(65536&b.flags)&&(b.flags|=256),bs(b,s,l,0,t),ha(cs(c,l));break e}}i=c=cs(c,l),4!==Ll&&(Ll=2),null===Fl?Fl=[i]:Fl.push(i),i=s;do{switch(i.tag){case 3:i.flags|=65536,t&=-t,i.lanes|=t,qa(i,fs(0,c,t));break e;case 1:l=c;var y=i.type,v=i.stateNode;if(!(128&i.flags||"function"!=typeof y.getDerivedStateFromError&&(null===v||"function"!=typeof v.componentDidCatch||null!==Gl&&Gl.has(v)))){i.flags|=65536,t&=-t,i.lanes|=t,qa(i,ms(i,l,t));break e}}i=i.return}while(null!==i)}wc(n)}catch(w){t=w,Tl===n&&null!==n&&(Tl=n=n.return);continue}break}}function mc(){var e=_l.current;return _l.current=Ji,null===e?Ji:e}function hc(){0!==Ll&&3!==Ll&&2!==Ll||(Ll=4),null===Al||!(268435455&Rl)&&!(268435455&Dl)||sc(Al,Pl)}function gc(e,t){var n=Ol;Ol|=2;var r=mc();for(Al===e&&Pl===t||($l=null,pc(e,t));;)try{bc();break}catch(o){fc(e,o)}if(Ca(),Ol=n,_l.current=r,null!==Tl)throw Error(a(261));return Al=null,Pl=0,Ll}function bc(){for(;null!==Tl;)vc(Tl)}function yc(){for(;null!==Tl&&!Qe();)vc(Tl)}function vc(e){var t=xl(e.alternate,e,zl);e.memoizedProps=e.pendingProps,null===t?wc(e):Tl=t,jl.current=null}function wc(e){var t=e;do{var n=t.alternate;if(e=t.return,32768&t.flags){if(null!==(n=Ks(n,t)))return n.flags&=32767,void(Tl=n);if(null===e)return Ll=6,void(Tl=null);e.flags|=32768,e.subtreeFlags=0,e.deletions=null}else if(null!==(n=Ws(n,t,zl)))return void(Tl=n);if(null!==(t=t.sibling))return void(Tl=t);Tl=t=e}while(null!==t);0===Ll&&(Ll=5)}function kc(e,t,n){var r=vt,o=Cl.transition;try{Cl.transition=null,vt=1,function(e,t,n,r){do{Sc()}while(null!==Kl);if(6&Ol)throw Error(a(327));n=e.finishedWork;var o=e.finishedLanes;if(null===n)return null;if(e.finishedWork=null,e.finishedLanes=0,n===e.current)throw Error(a(177));e.callbackNode=null,e.callbackPriority=0;var i=n.lanes|n.childLanes;if(function(e,t){var n=e.pendingLanes&~t;e.pendingLanes=t,e.suspendedLanes=0,e.pingedLanes=0,e.expiredLanes&=t,e.mutableReadLanes&=t,e.entangledLanes&=t,t=e.entanglements;var r=e.eventTimes;for(e=e.expirationTimes;0<n;){var o=31-it(n),a=1<<o;t[o]=0,r[o]=-1,e[o]=-1,n&=~a}}(e,i),e===Al&&(Tl=Al=null,Pl=0),!(2064&n.subtreeFlags)&&!(2064&n.flags)||Wl||(Wl=!0,Ac(tt,(function(){return Sc(),null}))),i=!!(15990&n.flags),!!(15990&n.subtreeFlags)||i){i=Cl.transition,Cl.transition=null;var s=vt;vt=1;var l=Ol;Ol|=4,jl.current=null,function(e,t){if(eo=Ht,fr(e=pr())){if("selectionStart"in e)var n={start:e.selectionStart,end:e.selectionEnd};else e:{var r=(n=(n=e.ownerDocument)&&n.defaultView||window).getSelection&&n.getSelection();if(r&&0!==r.rangeCount){n=r.anchorNode;var o=r.anchorOffset,i=r.focusNode;r=r.focusOffset;try{n.nodeType,i.nodeType}catch(k){n=null;break e}var s=0,l=-1,c=-1,u=0,d=0,p=e,f=null;t:for(;;){for(var m;p!==n||0!==o&&3!==p.nodeType||(l=s+o),p!==i||0!==r&&3!==p.nodeType||(c=s+r),3===p.nodeType&&(s+=p.nodeValue.length),null!==(m=p.firstChild);)f=p,p=m;for(;;){if(p===e)break t;if(f===n&&++u===o&&(l=s),f===i&&++d===r&&(c=s),null!==(m=p.nextSibling))break;f=(p=f).parentNode}p=m}n=-1===l||-1===c?null:{start:l,end:c}}else n=null}n=n||{start:0,end:0}}else n=null;for(to={focusedElem:e,selectionRange:n},Ht=!1,Js=t;null!==Js;)if(e=(t=Js).child,1028&t.subtreeFlags&&null!==e)e.return=t,Js=e;else for(;null!==Js;){t=Js;try{var h=t.alternate;if(1024&t.flags)switch(t.tag){case 0:case 11:case 15:case 5:case 6:case 4:case 17:break;case 1:if(null!==h){var g=h.memoizedProps,b=h.memoizedState,y=t.stateNode,v=y.getSnapshotBeforeUpdate(t.elementType===t.type?g:ns(t.type,g),b);y.__reactInternalSnapshotBeforeUpdate=v}break;case 3:var w=t.stateNode.containerInfo;1===w.nodeType?w.textContent="":9===w.nodeType&&w.documentElement&&w.removeChild(w.documentElement);break;default:throw Error(a(163))}}catch(k){Ec(t,t.return,k)}if(null!==(e=t.sibling)){e.return=t.return,Js=e;break}Js=t.return}h=tl,tl=!1}(e,n),gl(n,e),mr(to),Ht=!!eo,to=eo=null,e.current=n,yl(n,e,o),Ye(),Ol=l,vt=s,Cl.transition=i}else e.current=n;if(Wl&&(Wl=!1,Kl=e,Ql=o),i=e.pendingLanes,0===i&&(Gl=null),function(e){if(at&&"function"==typeof at.onCommitFiberRoot)try{at.onCommitFiberRoot(ot,e,void 0,!(128&~e.current.flags))}catch(t){}}(n.stateNode),rc(e,Ze()),null!==t)for(r=e.onRecoverableError,n=0;n<t.length;n++)o=t[n],r(o.value,{componentStack:o.stack,digest:o.digest});if(Hl)throw Hl=!1,e=Vl,Vl=null,e;!!(1&Ql)&&0!==e.tag&&Sc(),i=e.pendingLanes,1&i?e===Zl?Yl++:(Yl=0,Zl=e):Yl=0,$o()}(e,t,n,r)}finally{Cl.transition=o,vt=r}return null}function Sc(){if(null!==Kl){var e=wt(Ql),t=Cl.transition,n=vt;try{if(Cl.transition=null,vt=16>e?16:e,null===Kl)var r=!1;else{if(e=Kl,Kl=null,Ql=0,6&Ol)throw Error(a(331));var o=Ol;for(Ol|=4,Js=e.current;null!==Js;){var i=Js,s=i.child;if(16&Js.flags){var l=i.deletions;if(null!==l){for(var c=0;c<l.length;c++){var u=l[c];for(Js=u;null!==Js;){var d=Js;switch(d.tag){case 0:case 11:case 15:nl(8,d,i)}var p=d.child;if(null!==p)p.return=d,Js=p;else for(;null!==Js;){var f=(d=Js).sibling,m=d.return;if(al(d),d===u){Js=null;break}if(null!==f){f.return=m,Js=f;break}Js=m}}}var h=i.alternate;if(null!==h){var g=h.child;if(null!==g){h.child=null;do{var b=g.sibling;g.sibling=null,g=b}while(null!==g)}}Js=i}}if(2064&i.subtreeFlags&&null!==s)s.return=i,Js=s;else e:for(;null!==Js;){if(2048&(i=Js).flags)switch(i.tag){case 0:case 11:case 15:nl(9,i,i.return)}var y=i.sibling;if(null!==y){y.return=i.return,Js=y;break e}Js=i.return}}var v=e.current;for(Js=v;null!==Js;){var w=(s=Js).child;if(2064&s.subtreeFlags&&null!==w)w.return=s,Js=w;else e:for(s=v;null!==Js;){if(2048&(l=Js).flags)try{switch(l.tag){case 0:case 11:case 15:rl(9,l)}}catch(S){Ec(l,l.return,S)}if(l===s){Js=null;break e}var k=l.sibling;if(null!==k){k.return=l.return,Js=k;break e}Js=l.return}}if(Ol=o,$o(),at&&"function"==typeof at.onPostCommitFiberRoot)try{at.onPostCommitFiberRoot(ot,e)}catch(S){}r=!0}return r}finally{vt=n,Cl.transition=t}}return!1}function xc(e,t,n){e=Ba(e,t=fs(0,t=cs(n,t),1),1),t=ec(),null!==e&&(bt(e,1,t),rc(e,t))}function Ec(e,t,n){if(3===e.tag)xc(e,e,n);else for(;null!==t;){if(3===t.tag){xc(t,e,n);break}if(1===t.tag){var r=t.stateNode;if("function"==typeof t.type.getDerivedStateFromError||"function"==typeof r.componentDidCatch&&(null===Gl||!Gl.has(r))){t=Ba(t,e=ms(t,e=cs(n,e),1),1),e=ec(),null!==t&&(bt(t,1,e),rc(t,e));break}}t=t.return}}function _c(e,t,n){var r=e.pingCache;null!==r&&r.delete(t),t=ec(),e.pingedLanes|=e.suspendedLanes&n,Al===e&&(Pl&n)===n&&(4===Ll||3===Ll&&(130023424&Pl)===Pl&&500>Ze()-Ul?pc(e,0):Ml|=n),rc(e,t)}function jc(e,t){0===t&&(1&e.mode?(t=ut,!(130023424&(ut<<=1))&&(ut=4194304)):t=1);var n=ec();null!==(e=Na(e,t))&&(bt(e,t,n),rc(e,n))}function Cc(e){var t=e.memoizedState,n=0;null!==t&&(n=t.retryLane),jc(e,n)}function Oc(e,t){var n=0;switch(e.tag){case 13:var r=e.stateNode,o=e.memoizedState;null!==o&&(n=o.retryLane);break;case 19:r=e.stateNode;break;default:throw Error(a(314))}null!==r&&r.delete(t),jc(e,n)}function Ac(e,t){return We(e,t)}function Tc(e,t,n,r){this.tag=e,this.key=n,this.sibling=this.child=this.return=this.stateNode=this.type=this.elementType=null,this.index=0,this.ref=null,this.pendingProps=t,this.dependencies=this.memoizedState=this.updateQueue=this.memoizedProps=null,this.mode=r,this.subtreeFlags=this.flags=0,this.deletions=null,this.childLanes=this.lanes=0,this.alternate=null}function Pc(e,t,n,r){return new Tc(e,t,n,r)}function zc(e){return!(!(e=e.prototype)||!e.isReactComponent)}function Ic(e,t){var n=e.alternate;return null===n?((n=Pc(e.tag,t,e.key,e.mode)).elementType=e.elementType,n.type=e.type,n.stateNode=e.stateNode,n.alternate=e,e.alternate=n):(n.pendingProps=t,n.type=e.type,n.flags=0,n.subtreeFlags=0,n.deletions=null),n.flags=14680064&e.flags,n.childLanes=e.childLanes,n.lanes=e.lanes,n.child=e.child,n.memoizedProps=e.memoizedProps,n.memoizedState=e.memoizedState,n.updateQueue=e.updateQueue,t=e.dependencies,n.dependencies=null===t?null:{lanes:t.lanes,firstContext:t.firstContext},n.sibling=e.sibling,n.index=e.index,n.ref=e.ref,n}function Lc(e,t,n,r,o,i){var s=2;if(r=e,"function"==typeof e)zc(e)&&(s=1);else if("string"==typeof e)s=5;else e:switch(e){case x:return Nc(n.children,o,i,t);case E:s=8,o|=8;break;case _:return(e=Pc(12,n,t,2|o)).elementType=_,e.lanes=i,e;case A:return(e=Pc(13,n,t,o)).elementType=A,e.lanes=i,e;case T:return(e=Pc(19,n,t,o)).elementType=T,e.lanes=i,e;case I:return Rc(n,o,i,t);default:if("object"==typeof e&&null!==e)switch(e.$$typeof){case j:s=10;break e;case C:s=9;break e;case O:s=11;break e;case P:s=14;break e;case z:s=16,r=null;break e}throw Error(a(130,null==e?e:typeof e,""))}return(t=Pc(s,n,t,o)).elementType=e,t.type=r,t.lanes=i,t}function Nc(e,t,n,r){return(e=Pc(7,e,r,t)).lanes=n,e}function Rc(e,t,n,r){return(e=Pc(22,e,r,t)).elementType=I,e.lanes=n,e.stateNode={isHidden:!1},e}function Dc(e,t,n){return(e=Pc(6,e,null,t)).lanes=n,e}function Mc(e,t,n){return(t=Pc(4,null!==e.children?e.children:[],e.key,t)).lanes=n,t.stateNode={containerInfo:e.containerInfo,pendingChildren:null,implementation:e.implementation},t}function Fc(e,t,n,r,o){this.tag=t,this.containerInfo=e,this.finishedWork=this.pingCache=this.current=this.pendingChildren=null,this.timeoutHandle=-1,this.callbackNode=this.pendingContext=this.context=null,this.callbackPriority=0,this.eventTimes=gt(0),this.expirationTimes=gt(-1),this.entangledLanes=this.finishedLanes=this.mutableReadLanes=this.expiredLanes=this.pingedLanes=this.suspendedLanes=this.pendingLanes=0,this.entanglements=gt(0),this.identifierPrefix=r,this.onRecoverableError=o,this.mutableSourceEagerHydrationData=null}function Bc(e,t,n,r,o,a,i,s,l){return e=new Fc(e,t,n,s,l),1===t?(t=1,!0===a&&(t|=8)):t=0,a=Pc(3,null,null,t),e.current=a,a.stateNode=e,a.memoizedState={element:r,isDehydrated:n,cache:null,transitions:null,pendingSuspenseBoundaries:null},Da(a),e}function Uc(e){if(!e)return Oo;e:{if(qe(e=e._reactInternals)!==e||1!==e.tag)throw Error(a(170));var t=e;do{switch(t.tag){case 3:t=t.stateNode.context;break e;case 1:if(Io(t.type)){t=t.stateNode.__reactInternalMemoizedMergedChildContext;break e}}t=t.return}while(null!==t);throw Error(a(171))}if(1===e.tag){var n=e.type;if(Io(n))return Ro(e,n,t)}return t}function qc(e,t,n,r,o,a,i,s,l){return(e=Bc(n,r,!0,e,0,a,0,s,l)).context=Uc(null),n=e.current,(a=Fa(r=ec(),o=tc(n))).callback=null!=t?t:null,Ba(n,a,o),e.current.lanes=o,bt(e,o,r),rc(e,r),e}function $c(e,t,n,r){var o=t.current,a=ec(),i=tc(o);return n=Uc(n),null===t.context?t.context=n:t.pendingContext=n,(t=Fa(a,i)).payload={element:e},null!==(r=void 0===r?null:r)&&(t.callback=r),null!==(e=Ba(o,t,i))&&(nc(e,o,i,a),Ua(e,o,i)),i}function Hc(e){return(e=e.current).child?(e.child.tag,e.child.stateNode):null}function Vc(e,t){if(null!==(e=e.memoizedState)&&null!==e.dehydrated){var n=e.retryLane;e.retryLane=0!==n&&n<t?n:t}}function Gc(e,t){Vc(e,t),(e=e.alternate)&&Vc(e,t)}xl=function(e,t,n){if(null!==e)if(e.memoizedProps!==t.pendingProps||To.current)vs=!0;else{if(!(e.lanes&n||128&t.flags))return vs=!1,function(e,t,n){switch(t.tag){case 3:As(t),ma();break;case 5:Ja(t);break;case 1:Io(t.type)&&Do(t);break;case 4:Ya(t,t.stateNode.containerInfo);break;case 10:var r=t.type._context,o=t.memoizedProps.value;Co(xa,r._currentValue),r._currentValue=o;break;case 13:if(null!==(r=t.memoizedState))return null!==r.dehydrated?(Co(ei,1&ei.current),t.flags|=128,null):n&t.child.childLanes?Ds(e,t,n):(Co(ei,1&ei.current),null!==(e=Hs(e,t,n))?e.sibling:null);Co(ei,1&ei.current);break;case 19:if(r=!!(n&t.childLanes),128&e.flags){if(r)return qs(e,t,n);t.flags|=128}if(null!==(o=t.memoizedState)&&(o.rendering=null,o.tail=null,o.lastEffect=null),Co(ei,ei.current),r)break;return null;case 22:case 23:return t.lanes=0,Es(e,t,n)}return Hs(e,t,n)}(e,t,n);vs=!!(131072&e.flags)}else vs=!1,aa&&1048576&t.flags&&ea(t,Wo,t.index);switch(t.lanes=0,t.tag){case 2:var r=t.type;$s(e,t),e=t.pendingProps;var o=zo(t,Ao.current);Ta(t,n),o=gi(null,t,r,e,o,n);var i=bi();return t.flags|=1,"object"==typeof o&&null!==o&&"function"==typeof o.render&&void 0===o.$$typeof?(t.tag=1,t.memoizedState=null,t.updateQueue=null,Io(r)?(i=!0,Do(t)):i=!1,t.memoizedState=null!==o.state&&void 0!==o.state?o.state:null,Da(t),o.updater=os,t.stateNode=o,o._reactInternals=t,ls(t,r,e,n),t=Os(null,t,r,!0,i,n)):(t.tag=0,aa&&i&&ta(t),ws(null,t,o,n),t=t.child),t;case 16:r=t.elementType;e:{switch($s(e,t),e=t.pendingProps,r=(o=r._init)(r._payload),t.type=r,o=t.tag=function(e){if("function"==typeof e)return zc(e)?1:0;if(null!=e){if((e=e.$$typeof)===O)return 11;if(e===P)return 14}return 2}(r),e=ns(r,e),o){case 0:t=js(null,t,r,e,n);break e;case 1:t=Cs(null,t,r,e,n);break e;case 11:t=ks(null,t,r,e,n);break e;case 14:t=Ss(null,t,r,ns(r.type,e),n);break e}throw Error(a(306,r,""))}return t;case 0:return r=t.type,o=t.pendingProps,js(e,t,r,o=t.elementType===r?o:ns(r,o),n);case 1:return r=t.type,o=t.pendingProps,Cs(e,t,r,o=t.elementType===r?o:ns(r,o),n);case 3:e:{if(As(t),null===e)throw Error(a(387));r=t.pendingProps,o=(i=t.memoizedState).element,Ma(e,t),$a(t,r,null,n);var s=t.memoizedState;if(r=s.element,i.isDehydrated){if(i={element:r,isDehydrated:!1,cache:s.cache,pendingSuspenseBoundaries:s.pendingSuspenseBoundaries,transitions:s.transitions},t.updateQueue.baseState=i,t.memoizedState=i,256&t.flags){t=Ts(e,t,r,n,o=cs(Error(a(423)),t));break e}if(r!==o){t=Ts(e,t,r,n,o=cs(Error(a(424)),t));break e}for(oa=co(t.stateNode.containerInfo.firstChild),ra=t,aa=!0,ia=null,n=Sa(t,null,r,n),t.child=n;n;)n.flags=-3&n.flags|4096,n=n.sibling}else{if(ma(),r===o){t=Hs(e,t,n);break e}ws(e,t,r,n)}t=t.child}return t;case 5:return Ja(t),null===e&&ua(t),r=t.type,o=t.pendingProps,i=null!==e?e.memoizedProps:null,s=o.children,no(r,o)?s=null:null!==i&&no(r,i)&&(t.flags|=32),_s(e,t),ws(e,t,s,n),t.child;case 6:return null===e&&ua(t),null;case 13:return Ds(e,t,n);case 4:return Ya(t,t.stateNode.containerInfo),r=t.pendingProps,null===e?t.child=ka(t,null,r,n):ws(e,t,r,n),t.child;case 11:return r=t.type,o=t.pendingProps,ks(e,t,r,o=t.elementType===r?o:ns(r,o),n);case 7:return ws(e,t,t.pendingProps,n),t.child;case 8:case 12:return ws(e,t,t.pendingProps.children,n),t.child;case 10:e:{if(r=t.type._context,o=t.pendingProps,i=t.memoizedProps,s=o.value,Co(xa,r._currentValue),r._currentValue=s,null!==i)if(sr(i.value,s)){if(i.children===o.children&&!To.current){t=Hs(e,t,n);break e}}else for(null!==(i=t.child)&&(i.return=t);null!==i;){var l=i.dependencies;if(null!==l){s=i.child;for(var c=l.firstContext;null!==c;){if(c.context===r){if(1===i.tag){(c=Fa(-1,n&-n)).tag=2;var u=i.updateQueue;if(null!==u){var d=(u=u.shared).pending;null===d?c.next=c:(c.next=d.next,d.next=c),u.pending=c}}i.lanes|=n,null!==(c=i.alternate)&&(c.lanes|=n),Aa(i.return,n,t),l.lanes|=n;break}c=c.next}}else if(10===i.tag)s=i.type===t.type?null:i.child;else if(18===i.tag){if(null===(s=i.return))throw Error(a(341));s.lanes|=n,null!==(l=s.alternate)&&(l.lanes|=n),Aa(s,n,t),s=i.sibling}else s=i.child;if(null!==s)s.return=i;else for(s=i;null!==s;){if(s===t){s=null;break}if(null!==(i=s.sibling)){i.return=s.return,s=i;break}s=s.return}i=s}ws(e,t,o.children,n),t=t.child}return t;case 9:return o=t.type,r=t.pendingProps.children,Ta(t,n),r=r(o=Pa(o)),t.flags|=1,ws(e,t,r,n),t.child;case 14:return o=ns(r=t.type,t.pendingProps),Ss(e,t,r,o=ns(r.type,o),n);case 15:return xs(e,t,t.type,t.pendingProps,n);case 17:return r=t.type,o=t.pendingProps,o=t.elementType===r?o:ns(r,o),$s(e,t),t.tag=1,Io(r)?(e=!0,Do(t)):e=!1,Ta(t,n),is(t,r,o),ls(t,r,o,n),Os(null,t,r,!0,e,n);case 19:return qs(e,t,n);case 22:return Es(e,t,n)}throw Error(a(156,t.tag))};var Wc="function"==typeof reportError?reportError:function(e){console.error(e)};function Kc(e){this._internalRoot=e}function Qc(e){this._internalRoot=e}function Yc(e){return!(!e||1!==e.nodeType&&9!==e.nodeType&&11!==e.nodeType)}function Zc(e){return!(!e||1!==e.nodeType&&9!==e.nodeType&&11!==e.nodeType&&(8!==e.nodeType||" react-mount-point-unstable "!==e.nodeValue))}function Jc(){}function Xc(e,t,n,r,o){var a=n._reactRootContainer;if(a){var i=a;if("function"==typeof o){var s=o;o=function(){var e=Hc(i);s.call(e)}}$c(t,i,e,o)}else i=function(e,t,n,r,o){if(o){if("function"==typeof r){var a=r;r=function(){var e=Hc(i);a.call(e)}}var i=qc(t,r,e,0,null,!1,0,"",Jc);return e._reactRootContainer=i,e[ho]=i.current,qr(8===e.nodeType?e.parentNode:e),uc(),i}for(;o=e.lastChild;)e.removeChild(o);if("function"==typeof r){var s=r;r=function(){var e=Hc(l);s.call(e)}}var l=Bc(e,0,!1,null,0,!1,0,"",Jc);return e._reactRootContainer=l,e[ho]=l.current,qr(8===e.nodeType?e.parentNode:e),uc((function(){$c(t,l,n,r)})),l}(n,t,e,o,r);return Hc(i)}Qc.prototype.render=Kc.prototype.render=function(e){var t=this._internalRoot;if(null===t)throw Error(a(409));$c(e,t,null,null)},Qc.prototype.unmount=Kc.prototype.unmount=function(){var e=this._internalRoot;if(null!==e){this._internalRoot=null;var t=e.containerInfo;uc((function(){$c(null,e,null,null)})),t[ho]=null}},Qc.prototype.unstable_scheduleHydration=function(e){if(e){var t=Et();e={blockedOn:null,target:e,priority:t};for(var n=0;n<It.length&&0!==t&&t<It[n].priority;n++);It.splice(n,0,e),0===n&&Dt(e)}},kt=function(e){switch(e.tag){case 3:var t=e.stateNode;if(t.current.memoizedState.isDehydrated){var n=dt(t.pendingLanes);0!==n&&(yt(t,1|n),rc(t,Ze()),!(6&Ol)&&(ql=Ze()+500,$o()))}break;case 13:uc((function(){var t=Na(e,1);if(null!==t){var n=ec();nc(t,e,1,n)}})),Gc(e,1)}},St=function(e){if(13===e.tag){var t=Na(e,134217728);if(null!==t)nc(t,e,134217728,ec());Gc(e,134217728)}},xt=function(e){if(13===e.tag){var t=tc(e),n=Na(e,t);if(null!==n)nc(n,e,t,ec());Gc(e,t)}},Et=function(){return vt},_t=function(e,t){var n=vt;try{return vt=e,t()}finally{vt=n}},Se=function(e,t,n){switch(t){case"input":if(J(e,n),t=n.name,"radio"===n.type&&null!=t){for(n=e;n.parentNode;)n=n.parentNode;for(n=n.querySelectorAll("input[name="+JSON.stringify(""+t)+'][type="radio"]'),t=0;t<n.length;t++){var r=n[t];if(r!==e&&r.form===e.form){var o=So(r);if(!o)throw Error(a(90));W(r),J(r,o)}}}break;case"textarea":ae(e,n);break;case"select":null!=(t=n.value)&&ne(e,!!n.multiple,t,!1)}},Oe=cc,Ae=uc;var eu={usingClientEntryPoint:!1,Events:[wo,ko,So,je,Ce,cc]},tu={findFiberByHostInstance:vo,bundleType:0,version:"18.3.1",rendererPackageName:"react-dom"},nu={bundleType:tu.bundleType,version:tu.version,rendererPackageName:tu.rendererPackageName,rendererConfig:tu.rendererConfig,overrideHookState:null,overrideHookStateDeletePath:null,overrideHookStateRenamePath:null,overrideProps:null,overridePropsDeletePath:null,overridePropsRenamePath:null,setErrorHandler:null,setSuspenseHandler:null,scheduleUpdate:null,currentDispatcherRef:w.ReactCurrentDispatcher,findHostInstanceByFiber:function(e){return null===(e=Ve(e))?null:e.stateNode},findFiberByHostInstance:tu.findFiberByHostInstance||function(){return null},findHostInstancesForRefresh:null,scheduleRefresh:null,scheduleRoot:null,setRefreshHandler:null,getCurrentFiber:null,reconcilerVersion:"18.3.1-next-f1338f8080-20240426"};if("undefined"!=typeof __REACT_DEVTOOLS_GLOBAL_HOOK__){var ru=__REACT_DEVTOOLS_GLOBAL_HOOK__;if(!ru.isDisabled&&ru.supportsFiber)try{ot=ru.inject(nu),at=ru}catch(ue){}}t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED=eu,t.createPortal=function(e,t){var n=2<arguments.length&&void 0!==arguments[2]?arguments[2]:null;if(!Yc(t))throw Error(a(200));return function(e,t,n){var r=3<arguments.length&&void 0!==arguments[3]?arguments[3]:null;return{$$typeof:S,key:null==r?null:""+r,children:e,containerInfo:t,implementation:n}}(e,t,null,n)},t.createRoot=function(e,t){if(!Yc(e))throw Error(a(299));var n=!1,r="",o=Wc;return null!=t&&(!0===t.unstable_strictMode&&(n=!0),void 0!==t.identifierPrefix&&(r=t.identifierPrefix),void 0!==t.onRecoverableError&&(o=t.onRecoverableError)),t=Bc(e,1,!1,null,0,n,0,r,o),e[ho]=t.current,qr(8===e.nodeType?e.parentNode:e),new Kc(t)},t.findDOMNode=function(e){if(null==e)return null;if(1===e.nodeType)return e;var t=e._reactInternals;if(void 0===t){if("function"==typeof e.render)throw Error(a(188));throw e=Object.keys(e).join(","),Error(a(268,e))}return e=null===(e=Ve(t))?null:e.stateNode},t.flushSync=function(e){return uc(e)},t.hydrate=function(e,t,n){if(!Zc(t))throw Error(a(200));return Xc(null,e,t,!0,n)},t.hydrateRoot=function(e,t,n){if(!Yc(e))throw Error(a(405));var r=null!=n&&n.hydratedSources||null,o=!1,i="",s=Wc;if(null!=n&&(!0===n.unstable_strictMode&&(o=!0),void 0!==n.identifierPrefix&&(i=n.identifierPrefix),void 0!==n.onRecoverableError&&(s=n.onRecoverableError)),t=qc(t,null,e,1,null!=n?n:null,o,0,i,s),e[ho]=t.current,qr(e),r)for(e=0;e<r.length;e++)o=(o=(n=r[e])._getVersion)(n._source),null==t.mutableSourceEagerHydrationData?t.mutableSourceEagerHydrationData=[n,o]:t.mutableSourceEagerHydrationData.push(n,o);return new Qc(t)},t.render=function(e,t,n){if(!Zc(t))throw Error(a(200));return Xc(null,e,t,!1,n)},t.unmountComponentAtNode=function(e){if(!Zc(e))throw Error(a(40));return!!e._reactRootContainer&&(uc((function(){Xc(null,null,e,!1,(function(){e._reactRootContainer=null,e[ho]=null}))})),!0)},t.unstable_batchedUpdates=cc,t.unstable_renderSubtreeIntoContainer=function(e,t,n,r){if(!Zc(n))throw Error(a(200));if(null==e||void 0===e._reactInternals)throw Error(a(38));return Xc(e,t,n,!1,r)},t.version="18.3.1-next-f1338f8080-20240426"},9576:(e,t,n)=>{"use strict";var r=n(8143);t.createRoot=r.createRoot,t.hydrateRoot=r.hydrateRoot},8143:(e,t,n)=>{"use strict";!function e(){if("undefined"!=typeof __REACT_DEVTOOLS_GLOBAL_HOOK__&&"function"==typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE)try{__REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE(e)}catch(t){console.error(t)}}(),e.exports=n(9481)},4072:e=>{var t="undefined"!=typeof Element,n="function"==typeof Map,r="function"==typeof Set,o="function"==typeof ArrayBuffer&&!!ArrayBuffer.isView;function a(e,i){if(e===i)return!0;if(e&&i&&"object"==typeof e&&"object"==typeof i){if(e.constructor!==i.constructor)return!1;var s,l,c,u;if(Array.isArray(e)){if((s=e.length)!=i.length)return!1;for(l=s;0!=l--;)if(!a(e[l],i[l]))return!1;return!0}if(n&&e instanceof Map&&i instanceof Map){if(e.size!==i.size)return!1;for(u=e.entries();!(l=u.next()).done;)if(!i.has(l.value[0]))return!1;for(u=e.entries();!(l=u.next()).done;)if(!a(l.value[1],i.get(l.value[0])))return!1;return!0}if(r&&e instanceof Set&&i instanceof Set){if(e.size!==i.size)return!1;for(u=e.entries();!(l=u.next()).done;)if(!i.has(l.value[0]))return!1;return!0}if(o&&ArrayBuffer.isView(e)&&ArrayBuffer.isView(i)){if((s=e.length)!=i.length)return!1;for(l=s;0!=l--;)if(e[l]!==i[l])return!1;return!0}if(e.constructor===RegExp)return e.source===i.source&&e.flags===i.flags;if(e.valueOf!==Object.prototype.valueOf&&"function"==typeof e.valueOf&&"function"==typeof i.valueOf)return e.valueOf()===i.valueOf();if(e.toString!==Object.prototype.toString&&"function"==typeof e.toString&&"function"==typeof i.toString)return e.toString()===i.toString();if((s=(c=Object.keys(e)).length)!==Object.keys(i).length)return!1;for(l=s;0!=l--;)if(!Object.prototype.hasOwnProperty.call(i,c[l]))return!1;if(t&&e instanceof Element)return!1;for(l=s;0!=l--;)if(("_owner"!==c[l]&&"__v"!==c[l]&&"__o"!==c[l]||!e.$$typeof)&&!a(e[c[l]],i[c[l]]))return!1;return!0}return e!=e&&i!=i}e.exports=function(e,t){try{return a(e,t)}catch(n){if((n.message||"").match(/stack|recursion/i))return console.warn("react-fast-compare cannot handle circular refs"),!1;throw n}}},248:(e,t,n)=>{"use strict";n.d(t,{mg:()=>X,vd:()=>V});var r=n(758),o=n(2736),a=n.n(o),i=n(4072),s=n.n(i),l=n(9597),c=n.n(l),u=n(2945),d=n.n(u);function p(){return p=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},p.apply(this,arguments)}function f(e,t){e.prototype=Object.create(t.prototype),e.prototype.constructor=e,m(e,t)}function m(e,t){return m=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e},m(e,t)}function h(e,t){if(null==e)return{};var n,r,o={},a=Object.keys(e);for(r=0;r<a.length;r++)t.indexOf(n=a[r])>=0||(o[n]=e[n]);return o}var g={BASE:"base",BODY:"body",HEAD:"head",HTML:"html",LINK:"link",META:"meta",NOSCRIPT:"noscript",SCRIPT:"script",STYLE:"style",TITLE:"title",FRAGMENT:"Symbol(react.fragment)"},b={rel:["amphtml","canonical","alternate"]},y={type:["application/ld+json"]},v={charset:"",name:["robots","description"],property:["og:type","og:title","og:url","og:image","og:image:alt","og:description","twitter:url","twitter:title","twitter:description","twitter:image","twitter:image:alt","twitter:card","twitter:site"]},w=Object.keys(g).map((function(e){return g[e]})),k={accesskey:"accessKey",charset:"charSet",class:"className",contenteditable:"contentEditable",contextmenu:"contextMenu","http-equiv":"httpEquiv",itemprop:"itemProp",tabindex:"tabIndex"},S=Object.keys(k).reduce((function(e,t){return e[k[t]]=t,e}),{}),x=function(e,t){for(var n=e.length-1;n>=0;n-=1){var r=e[n];if(Object.prototype.hasOwnProperty.call(r,t))return r[t]}return null},E=function(e){var t=x(e,g.TITLE),n=x(e,"titleTemplate");if(Array.isArray(t)&&(t=t.join("")),n&&t)return n.replace(/%s/g,(function(){return t}));var r=x(e,"defaultTitle");return t||r||void 0},_=function(e){return x(e,"onChangeClientState")||function(){}},j=function(e,t){return t.filter((function(t){return void 0!==t[e]})).map((function(t){return t[e]})).reduce((function(e,t){return p({},e,t)}),{})},C=function(e,t){return t.filter((function(e){return void 0!==e[g.BASE]})).map((function(e){return e[g.BASE]})).reverse().reduce((function(t,n){if(!t.length)for(var r=Object.keys(n),o=0;o<r.length;o+=1){var a=r[o].toLowerCase();if(-1!==e.indexOf(a)&&n[a])return t.concat(n)}return t}),[])},O=function(e,t,n){var r={};return n.filter((function(t){return!!Array.isArray(t[e])||(void 0!==t[e]&&console&&"function"==typeof console.warn&&console.warn("Helmet: "+e+' should be of type "Array". Instead found type "'+typeof t[e]+'"'),!1)})).map((function(t){return t[e]})).reverse().reduce((function(e,n){var o={};n.filter((function(e){for(var n,a=Object.keys(e),i=0;i<a.length;i+=1){var s=a[i],l=s.toLowerCase();-1===t.indexOf(l)||"rel"===n&&"canonical"===e[n].toLowerCase()||"rel"===l&&"stylesheet"===e[l].toLowerCase()||(n=l),-1===t.indexOf(s)||"innerHTML"!==s&&"cssText"!==s&&"itemprop"!==s||(n=s)}if(!n||!e[n])return!1;var c=e[n].toLowerCase();return r[n]||(r[n]={}),o[n]||(o[n]={}),!r[n][c]&&(o[n][c]=!0,!0)})).reverse().forEach((function(t){return e.push(t)}));for(var a=Object.keys(o),i=0;i<a.length;i+=1){var s=a[i],l=p({},r[s],o[s]);r[s]=l}return e}),[]).reverse()},A=function(e,t){if(Array.isArray(e)&&e.length)for(var n=0;n<e.length;n+=1)if(e[n][t])return!0;return!1},T=function(e){return Array.isArray(e)?e.join(""):e},P=function(e,t){return Array.isArray(e)?e.reduce((function(e,n){return function(e,t){for(var n=Object.keys(e),r=0;r<n.length;r+=1)if(t[n[r]]&&t[n[r]].includes(e[n[r]]))return!0;return!1}(n,t)?e.priority.push(n):e.default.push(n),e}),{priority:[],default:[]}):{default:e}},z=function(e,t){var n;return p({},e,((n={})[t]=void 0,n))},I=[g.NOSCRIPT,g.SCRIPT,g.STYLE],L=function(e,t){return void 0===t&&(t=!0),!1===t?String(e):String(e).replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;").replace(/'/g,"&#x27;")},N=function(e){return Object.keys(e).reduce((function(t,n){var r=void 0!==e[n]?n+'="'+e[n]+'"':""+n;return t?t+" "+r:r}),"")},R=function(e,t){return void 0===t&&(t={}),Object.keys(e).reduce((function(t,n){return t[k[n]||n]=e[n],t}),t)},D=function(e,t){return t.map((function(t,n){var o,a=((o={key:n})["data-rh"]=!0,o);return Object.keys(t).forEach((function(e){var n=k[e]||e;"innerHTML"===n||"cssText"===n?a.dangerouslySetInnerHTML={__html:t.innerHTML||t.cssText}:a[n]=t[e]})),r.createElement(e,a)}))},M=function(e,t,n){switch(e){case g.TITLE:return{toComponent:function(){return n=t.titleAttributes,(o={key:e=t.title})["data-rh"]=!0,a=R(n,o),[r.createElement(g.TITLE,a,e)];var e,n,o,a},toString:function(){return function(e,t,n,r){var o=N(n),a=T(t);return o?"<"+e+' data-rh="true" '+o+">"+L(a,r)+"</"+e+">":"<"+e+' data-rh="true">'+L(a,r)+"</"+e+">"}(e,t.title,t.titleAttributes,n)}};case"bodyAttributes":case"htmlAttributes":return{toComponent:function(){return R(t)},toString:function(){return N(t)}};default:return{toComponent:function(){return D(e,t)},toString:function(){return function(e,t,n){return t.reduce((function(t,r){var o=Object.keys(r).filter((function(e){return!("innerHTML"===e||"cssText"===e)})).reduce((function(e,t){var o=void 0===r[t]?t:t+'="'+L(r[t],n)+'"';return e?e+" "+o:o}),""),a=r.innerHTML||r.cssText||"",i=-1===I.indexOf(e);return t+"<"+e+' data-rh="true" '+o+(i?"/>":">"+a+"</"+e+">")}),"")}(e,t,n)}}}},F=function(e){var t=e.baseTag,n=e.bodyAttributes,r=e.encode,o=e.htmlAttributes,a=e.noscriptTags,i=e.styleTags,s=e.title,l=void 0===s?"":s,c=e.titleAttributes,u=e.linkTags,d=e.metaTags,p=e.scriptTags,f={toComponent:function(){},toString:function(){return""}};if(e.prioritizeSeoTags){var m=function(e){var t=e.linkTags,n=e.scriptTags,r=e.encode,o=P(e.metaTags,v),a=P(t,b),i=P(n,y);return{priorityMethods:{toComponent:function(){return[].concat(D(g.META,o.priority),D(g.LINK,a.priority),D(g.SCRIPT,i.priority))},toString:function(){return M(g.META,o.priority,r)+" "+M(g.LINK,a.priority,r)+" "+M(g.SCRIPT,i.priority,r)}},metaTags:o.default,linkTags:a.default,scriptTags:i.default}}(e);f=m.priorityMethods,u=m.linkTags,d=m.metaTags,p=m.scriptTags}return{priority:f,base:M(g.BASE,t,r),bodyAttributes:M("bodyAttributes",n,r),htmlAttributes:M("htmlAttributes",o,r),link:M(g.LINK,u,r),meta:M(g.META,d,r),noscript:M(g.NOSCRIPT,a,r),script:M(g.SCRIPT,p,r),style:M(g.STYLE,i,r),title:M(g.TITLE,{title:l,titleAttributes:c},r)}},B=[],U=function(e,t){var n=this;void 0===t&&(t="undefined"!=typeof document),this.instances=[],this.value={setHelmet:function(e){n.context.helmet=e},helmetInstances:{get:function(){return n.canUseDOM?B:n.instances},add:function(e){(n.canUseDOM?B:n.instances).push(e)},remove:function(e){var t=(n.canUseDOM?B:n.instances).indexOf(e);(n.canUseDOM?B:n.instances).splice(t,1)}}},this.context=e,this.canUseDOM=t,t||(e.helmet=F({baseTag:[],bodyAttributes:{},encodeSpecialCharacters:!0,htmlAttributes:{},linkTags:[],metaTags:[],noscriptTags:[],scriptTags:[],styleTags:[],title:"",titleAttributes:{}}))},q=r.createContext({}),$=a().shape({setHelmet:a().func,helmetInstances:a().shape({get:a().func,add:a().func,remove:a().func})}),H="undefined"!=typeof document,V=function(e){function t(n){var r;return(r=e.call(this,n)||this).helmetData=new U(r.props.context,t.canUseDOM),r}return f(t,e),t.prototype.render=function(){return r.createElement(q.Provider,{value:this.helmetData.value},this.props.children)},t}(r.Component);V.canUseDOM=H,V.propTypes={context:a().shape({helmet:a().shape()}),children:a().node.isRequired},V.defaultProps={context:{}},V.displayName="HelmetProvider";var G=function(e,t){var n,r=document.head||document.querySelector(g.HEAD),o=r.querySelectorAll(e+"[data-rh]"),a=[].slice.call(o),i=[];return t&&t.length&&t.forEach((function(t){var r=document.createElement(e);for(var o in t)Object.prototype.hasOwnProperty.call(t,o)&&("innerHTML"===o?r.innerHTML=t.innerHTML:"cssText"===o?r.styleSheet?r.styleSheet.cssText=t.cssText:r.appendChild(document.createTextNode(t.cssText)):r.setAttribute(o,void 0===t[o]?"":t[o]));r.setAttribute("data-rh","true"),a.some((function(e,t){return n=t,r.isEqualNode(e)}))?a.splice(n,1):i.push(r)})),a.forEach((function(e){return e.parentNode.removeChild(e)})),i.forEach((function(e){return r.appendChild(e)})),{oldTags:a,newTags:i}},W=function(e,t){var n=document.getElementsByTagName(e)[0];if(n){for(var r=n.getAttribute("data-rh"),o=r?r.split(","):[],a=[].concat(o),i=Object.keys(t),s=0;s<i.length;s+=1){var l=i[s],c=t[l]||"";n.getAttribute(l)!==c&&n.setAttribute(l,c),-1===o.indexOf(l)&&o.push(l);var u=a.indexOf(l);-1!==u&&a.splice(u,1)}for(var d=a.length-1;d>=0;d-=1)n.removeAttribute(a[d]);o.length===a.length?n.removeAttribute("data-rh"):n.getAttribute("data-rh")!==i.join(",")&&n.setAttribute("data-rh",i.join(","))}},K=function(e,t){var n=e.baseTag,r=e.htmlAttributes,o=e.linkTags,a=e.metaTags,i=e.noscriptTags,s=e.onChangeClientState,l=e.scriptTags,c=e.styleTags,u=e.title,d=e.titleAttributes;W(g.BODY,e.bodyAttributes),W(g.HTML,r),function(e,t){void 0!==e&&document.title!==e&&(document.title=T(e)),W(g.TITLE,t)}(u,d);var p={baseTag:G(g.BASE,n),linkTags:G(g.LINK,o),metaTags:G(g.META,a),noscriptTags:G(g.NOSCRIPT,i),scriptTags:G(g.SCRIPT,l),styleTags:G(g.STYLE,c)},f={},m={};Object.keys(p).forEach((function(e){var t=p[e],n=t.newTags,r=t.oldTags;n.length&&(f[e]=n),r.length&&(m[e]=p[e].oldTags)})),t&&t(),s(e,f,m)},Q=null,Y=function(e){function t(){for(var t,n=arguments.length,r=new Array(n),o=0;o<n;o++)r[o]=arguments[o];return(t=e.call.apply(e,[this].concat(r))||this).rendered=!1,t}f(t,e);var n=t.prototype;return n.shouldComponentUpdate=function(e){return!d()(e,this.props)},n.componentDidUpdate=function(){this.emitChange()},n.componentWillUnmount=function(){this.props.context.helmetInstances.remove(this),this.emitChange()},n.emitChange=function(){var e,t,n=this.props.context,r=n.setHelmet,o=null,a=(e=n.helmetInstances.get().map((function(e){var t=p({},e.props);return delete t.context,t})),{baseTag:C(["href"],e),bodyAttributes:j("bodyAttributes",e),defer:x(e,"defer"),encode:x(e,"encodeSpecialCharacters"),htmlAttributes:j("htmlAttributes",e),linkTags:O(g.LINK,["rel","href"],e),metaTags:O(g.META,["name","charset","http-equiv","property","itemprop"],e),noscriptTags:O(g.NOSCRIPT,["innerHTML"],e),onChangeClientState:_(e),scriptTags:O(g.SCRIPT,["src","innerHTML"],e),styleTags:O(g.STYLE,["cssText"],e),title:E(e),titleAttributes:j("titleAttributes",e),prioritizeSeoTags:A(e,"prioritizeSeoTags")});V.canUseDOM?(t=a,Q&&cancelAnimationFrame(Q),t.defer?Q=requestAnimationFrame((function(){K(t,(function(){Q=null}))})):(K(t),Q=null)):F&&(o=F(a)),r(o)},n.init=function(){this.rendered||(this.rendered=!0,this.props.context.helmetInstances.add(this),this.emitChange())},n.render=function(){return this.init(),null},t}(r.Component);Y.propTypes={context:$.isRequired},Y.displayName="HelmetDispatcher";var Z=["children"],J=["children"],X=function(e){function t(){return e.apply(this,arguments)||this}f(t,e);var n=t.prototype;return n.shouldComponentUpdate=function(e){return!s()(z(this.props,"helmetData"),z(e,"helmetData"))},n.mapNestedChildrenToProps=function(e,t){if(!t)return null;switch(e.type){case g.SCRIPT:case g.NOSCRIPT:return{innerHTML:t};case g.STYLE:return{cssText:t};default:throw new Error("<"+e.type+" /> elements are self-closing and can not contain children. Refer to our API for more information.")}},n.flattenArrayTypeChildren=function(e){var t,n=e.child,r=e.arrayTypeChildren;return p({},r,((t={})[n.type]=[].concat(r[n.type]||[],[p({},e.newChildProps,this.mapNestedChildrenToProps(n,e.nestedChildren))]),t))},n.mapObjectTypeChildren=function(e){var t,n,r=e.child,o=e.newProps,a=e.newChildProps,i=e.nestedChildren;switch(r.type){case g.TITLE:return p({},o,((t={})[r.type]=i,t.titleAttributes=p({},a),t));case g.BODY:return p({},o,{bodyAttributes:p({},a)});case g.HTML:return p({},o,{htmlAttributes:p({},a)});default:return p({},o,((n={})[r.type]=p({},a),n))}},n.mapArrayTypeChildrenToProps=function(e,t){var n=p({},t);return Object.keys(e).forEach((function(t){var r;n=p({},n,((r={})[t]=e[t],r))})),n},n.warnOnInvalidChildren=function(e,t){return c()(w.some((function(t){return e.type===t})),"function"==typeof e.type?"You may be attempting to nest <Helmet> components within each other, which is not allowed. Refer to our API for more information.":"Only elements types "+w.join(", ")+" are allowed. Helmet does not support rendering <"+e.type+"> elements. Refer to our API for more information."),c()(!t||"string"==typeof t||Array.isArray(t)&&!t.some((function(e){return"string"!=typeof e})),"Helmet expects a string as a child of <"+e.type+">. Did you forget to wrap your children in braces? ( <"+e.type+">{``}</"+e.type+"> ) Refer to our API for more information."),!0},n.mapChildrenToProps=function(e,t){var n=this,o={};return r.Children.forEach(e,(function(e){if(e&&e.props){var r=e.props,a=r.children,i=h(r,Z),s=Object.keys(i).reduce((function(e,t){return e[S[t]||t]=i[t],e}),{}),l=e.type;switch("symbol"==typeof l?l=l.toString():n.warnOnInvalidChildren(e,a),l){case g.FRAGMENT:t=n.mapChildrenToProps(a,t);break;case g.LINK:case g.META:case g.NOSCRIPT:case g.SCRIPT:case g.STYLE:o=n.flattenArrayTypeChildren({child:e,arrayTypeChildren:o,newChildProps:s,nestedChildren:a});break;default:t=n.mapObjectTypeChildren({child:e,newProps:t,newChildProps:s,nestedChildren:a})}}})),this.mapArrayTypeChildrenToProps(o,t)},n.render=function(){var e=this.props,t=e.children,n=h(e,J),o=p({},n),a=n.helmetData;return t&&(o=this.mapChildrenToProps(t,o)),!a||a instanceof U||(a=new U(a.context,a.instances)),a?r.createElement(Y,p({},o,{context:a.value,helmetData:void 0})):r.createElement(q.Consumer,null,(function(e){return r.createElement(Y,p({},o,{context:e}))}))},t}(r.Component);X.propTypes={base:a().object,bodyAttributes:a().object,children:a().oneOfType([a().arrayOf(a().node),a().node]),defaultTitle:a().string,defer:a().bool,encodeSpecialCharacters:a().bool,htmlAttributes:a().object,link:a().arrayOf(a().object),meta:a().arrayOf(a().object),noscript:a().arrayOf(a().object),onChangeClientState:a().func,script:a().arrayOf(a().object),style:a().arrayOf(a().object),title:a().string,titleAttributes:a().object,titleTemplate:a().string,prioritizeSeoTags:a().bool,helmetData:a().object},X.defaultProps={defer:!0,encodeSpecialCharacters:!0,prioritizeSeoTags:!1},X.displayName="Helmet"},5843:(e,t)=>{"use strict";var n="function"==typeof Symbol&&Symbol.for,r=n?Symbol.for("react.element"):60103,o=n?Symbol.for("react.portal"):60106,a=n?Symbol.for("react.fragment"):60107,i=n?Symbol.for("react.strict_mode"):60108,s=n?Symbol.for("react.profiler"):60114,l=n?Symbol.for("react.provider"):60109,c=n?Symbol.for("react.context"):60110,u=n?Symbol.for("react.async_mode"):60111,d=n?Symbol.for("react.concurrent_mode"):60111,p=n?Symbol.for("react.forward_ref"):60112,f=n?Symbol.for("react.suspense"):60113,m=n?Symbol.for("react.suspense_list"):60120,h=n?Symbol.for("react.memo"):60115,g=n?Symbol.for("react.lazy"):60116,b=n?Symbol.for("react.block"):60121,y=n?Symbol.for("react.fundamental"):60117,v=n?Symbol.for("react.responder"):60118,w=n?Symbol.for("react.scope"):60119;function k(e){if("object"==typeof e&&null!==e){var t=e.$$typeof;switch(t){case r:switch(e=e.type){case u:case d:case a:case s:case i:case f:return e;default:switch(e=e&&e.$$typeof){case c:case p:case g:case h:case l:return e;default:return t}}case o:return t}}}function S(e){return k(e)===d}t.AsyncMode=u,t.ConcurrentMode=d,t.ContextConsumer=c,t.ContextProvider=l,t.Element=r,t.ForwardRef=p,t.Fragment=a,t.Lazy=g,t.Memo=h,t.Portal=o,t.Profiler=s,t.StrictMode=i,t.Suspense=f,t.isAsyncMode=function(e){return S(e)||k(e)===u},t.isConcurrentMode=S,t.isContextConsumer=function(e){return k(e)===c},t.isContextProvider=function(e){return k(e)===l},t.isElement=function(e){return"object"==typeof e&&null!==e&&e.$$typeof===r},t.isForwardRef=function(e){return k(e)===p},t.isFragment=function(e){return k(e)===a},t.isLazy=function(e){return k(e)===g},t.isMemo=function(e){return k(e)===h},t.isPortal=function(e){return k(e)===o},t.isProfiler=function(e){return k(e)===s},t.isStrictMode=function(e){return k(e)===i},t.isSuspense=function(e){return k(e)===f},t.isValidElementType=function(e){return"string"==typeof e||"function"==typeof e||e===a||e===d||e===s||e===i||e===f||e===m||"object"==typeof e&&null!==e&&(e.$$typeof===g||e.$$typeof===h||e.$$typeof===l||e.$$typeof===c||e.$$typeof===p||e.$$typeof===y||e.$$typeof===v||e.$$typeof===w||e.$$typeof===b)},t.typeOf=k},5959:(e,t,n)=>{"use strict";e.exports=n(5843)},389:(e,t,n)=>{"use strict";n.d(t,{u:()=>i,v:()=>s});var r=n(5557),o=n(991),a=n(758);function i(e,t,n){return void 0===n&&(n=[]),e.some((function(e){var o=e.path?(0,r.B6)(t,e):n.length?n[n.length-1].match:r.Ix.computeRootMatch(t);return o&&(n.push({route:e,match:o}),e.routes&&i(e.routes,t,n)),o})),n}function s(e,t,n){return void 0===t&&(t={}),void 0===n&&(n={}),e?a.createElement(r.dO,n,e.map((function(e,n){return a.createElement(r.qh,{key:e.key||n,path:e.path,exact:e.exact,strict:e.strict,render:function(n){return e.render?e.render((0,o.A)({},n,{},t,{route:e})):a.createElement(e.component,(0,o.A)({},n,t,{route:e}))}})}))):null}},1742:(e,t,n)=>{"use strict";n.d(t,{I9:()=>d,Kd:()=>u,N_:()=>b,k2:()=>w});var r=n(5557),o=n(1141),a=n(758),i=n(3332),s=n(991),l=n(3302),c=n(5385),u=function(e){function t(){for(var t,n=arguments.length,r=new Array(n),o=0;o<n;o++)r[o]=arguments[o];return(t=e.call.apply(e,[this].concat(r))||this).history=(0,i.zR)(t.props),t}return(0,o.A)(t,e),t.prototype.render=function(){return a.createElement(r.Ix,{history:this.history,children:this.props.children})},t}(a.Component);var d=function(e){function t(){for(var t,n=arguments.length,r=new Array(n),o=0;o<n;o++)r[o]=arguments[o];return(t=e.call.apply(e,[this].concat(r))||this).history=(0,i.TM)(t.props),t}return(0,o.A)(t,e),t.prototype.render=function(){return a.createElement(r.Ix,{history:this.history,children:this.props.children})},t}(a.Component);var p=function(e,t){return"function"==typeof e?e(t):e},f=function(e,t){return"string"==typeof e?(0,i.yJ)(e,null,null,t):e},m=function(e){return e},h=a.forwardRef;void 0===h&&(h=m);var g=h((function(e,t){var n=e.innerRef,r=e.navigate,o=e.onClick,i=(0,l.A)(e,["innerRef","navigate","onClick"]),c=i.target,u=(0,s.A)({},i,{onClick:function(e){try{o&&o(e)}catch(t){throw e.preventDefault(),t}e.defaultPrevented||0!==e.button||c&&"_self"!==c||function(e){return!!(e.metaKey||e.altKey||e.ctrlKey||e.shiftKey)}(e)||(e.preventDefault(),r())}});return u.ref=m!==h&&t||n,a.createElement("a",u)}));var b=h((function(e,t){var n=e.component,o=void 0===n?g:n,u=e.replace,d=e.to,b=e.innerRef,y=(0,l.A)(e,["component","replace","to","innerRef"]);return a.createElement(r.XZ.Consumer,null,(function(e){e||(0,c.A)(!1);var n=e.history,r=f(p(d,e.location),e.location),l=r?n.createHref(r):"",g=(0,s.A)({},y,{href:l,navigate:function(){var t=p(d,e.location),r=(0,i.AO)(e.location)===(0,i.AO)(f(t));(u||r?n.replace:n.push)(t)}});return m!==h?g.ref=t||b:g.innerRef=b,a.createElement(o,g)}))})),y=function(e){return e},v=a.forwardRef;void 0===v&&(v=y);var w=v((function(e,t){var n=e["aria-current"],o=void 0===n?"page":n,i=e.activeClassName,u=void 0===i?"active":i,d=e.activeStyle,m=e.className,h=e.exact,g=e.isActive,w=e.location,k=e.sensitive,S=e.strict,x=e.style,E=e.to,_=e.innerRef,j=(0,l.A)(e,["aria-current","activeClassName","activeStyle","className","exact","isActive","location","sensitive","strict","style","to","innerRef"]);return a.createElement(r.XZ.Consumer,null,(function(e){e||(0,c.A)(!1);var n=w||e.location,i=f(p(E,n),n),l=i.pathname,C=l&&l.replace(/([.+*?=^!:${}()[\]|/\\])/g,"\\$1"),O=C?(0,r.B6)(n.pathname,{path:C,exact:h,sensitive:k,strict:S}):null,A=!!(g?g(O,n):O),T="function"==typeof m?m(A):m,P="function"==typeof x?x(A):x;A&&(T=function(){for(var e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];return t.filter((function(e){return e})).join(" ")}(T,u),P=(0,s.A)({},P,d));var z=(0,s.A)({"aria-current":A&&o||null,className:T,style:P,to:i},j);return y!==v?z.ref=t||_:z.innerRef=_,a.createElement(b,z)}))}))},5557:(e,t,n)=>{"use strict";n.d(t,{B6:()=>x,Ix:()=>v,W6:()=>z,XZ:()=>y,dO:()=>T,qh:()=>E,zy:()=>I});var r=n(1141),o=n(758),a=n(2736),i=n.n(a),s=n(3332),l=n(5385),c=n(991),u=n(6150),d=n.n(u),p=(n(5959),n(3302)),f=(n(1035),1073741823),m="undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:void 0!==n.g?n.g:{};var h=o.createContext||function(e,t){var n,a,s="__create-react-context-"+function(){var e="__global_unique_id__";return m[e]=(m[e]||0)+1}()+"__",l=function(e){function n(){for(var t,n,r,o=arguments.length,a=new Array(o),i=0;i<o;i++)a[i]=arguments[i];return(t=e.call.apply(e,[this].concat(a))||this).emitter=(n=t.props.value,r=[],{on:function(e){r.push(e)},off:function(e){r=r.filter((function(t){return t!==e}))},get:function(){return n},set:function(e,t){n=e,r.forEach((function(e){return e(n,t)}))}}),t}(0,r.A)(n,e);var o=n.prototype;return o.getChildContext=function(){var e;return(e={})[s]=this.emitter,e},o.componentWillReceiveProps=function(e){if(this.props.value!==e.value){var n,r=this.props.value,o=e.value;((a=r)===(i=o)?0!==a||1/a==1/i:a!=a&&i!=i)?n=0:(n="function"==typeof t?t(r,o):f,0!==(n|=0)&&this.emitter.set(e.value,n))}var a,i},o.render=function(){return this.props.children},n}(o.Component);l.childContextTypes=((n={})[s]=i().object.isRequired,n);var c=function(t){function n(){for(var e,n=arguments.length,r=new Array(n),o=0;o<n;o++)r[o]=arguments[o];return(e=t.call.apply(t,[this].concat(r))||this).observedBits=void 0,e.state={value:e.getValue()},e.onUpdate=function(t,n){(0|e.observedBits)&n&&e.setState({value:e.getValue()})},e}(0,r.A)(n,t);var o=n.prototype;return o.componentWillReceiveProps=function(e){var t=e.observedBits;this.observedBits=null==t?f:t},o.componentDidMount=function(){this.context[s]&&this.context[s].on(this.onUpdate);var e=this.props.observedBits;this.observedBits=null==e?f:e},o.componentWillUnmount=function(){this.context[s]&&this.context[s].off(this.onUpdate)},o.getValue=function(){return this.context[s]?this.context[s].get():e},o.render=function(){return(e=this.props.children,Array.isArray(e)?e[0]:e)(this.state.value);var e},n}(o.Component);return c.contextTypes=((a={})[s]=i().object,a),{Provider:l,Consumer:c}},g=function(e){var t=h();return t.displayName=e,t},b=g("Router-History"),y=g("Router"),v=function(e){function t(t){var n;return(n=e.call(this,t)||this).state={location:t.history.location},n._isMounted=!1,n._pendingLocation=null,t.staticContext||(n.unlisten=t.history.listen((function(e){n._pendingLocation=e}))),n}(0,r.A)(t,e),t.computeRootMatch=function(e){return{path:"/",url:"/",params:{},isExact:"/"===e}};var n=t.prototype;return n.componentDidMount=function(){var e=this;this._isMounted=!0,this.unlisten&&this.unlisten(),this.props.staticContext||(this.unlisten=this.props.history.listen((function(t){e._isMounted&&e.setState({location:t})}))),this._pendingLocation&&this.setState({location:this._pendingLocation})},n.componentWillUnmount=function(){this.unlisten&&(this.unlisten(),this._isMounted=!1,this._pendingLocation=null)},n.render=function(){return o.createElement(y.Provider,{value:{history:this.props.history,location:this.state.location,match:t.computeRootMatch(this.state.location.pathname),staticContext:this.props.staticContext}},o.createElement(b.Provider,{children:this.props.children||null,value:this.props.history}))},t}(o.Component);o.Component;o.Component;var w={},k=1e4,S=0;function x(e,t){void 0===t&&(t={}),("string"==typeof t||Array.isArray(t))&&(t={path:t});var n=t,r=n.path,o=n.exact,a=void 0!==o&&o,i=n.strict,s=void 0!==i&&i,l=n.sensitive,c=void 0!==l&&l;return[].concat(r).reduce((function(t,n){if(!n&&""!==n)return null;if(t)return t;var r=function(e,t){var n=""+t.end+t.strict+t.sensitive,r=w[n]||(w[n]={});if(r[e])return r[e];var o=[],a={regexp:d()(e,o,t),keys:o};return S<k&&(r[e]=a,S++),a}(n,{end:a,strict:s,sensitive:c}),o=r.regexp,i=r.keys,l=o.exec(e);if(!l)return null;var u=l[0],p=l.slice(1),f=e===u;return a&&!f?null:{path:n,url:"/"===n&&""===u?"/":u,isExact:f,params:i.reduce((function(e,t,n){return e[t.name]=p[n],e}),{})}}),null)}var E=function(e){function t(){return e.apply(this,arguments)||this}return(0,r.A)(t,e),t.prototype.render=function(){var e=this;return o.createElement(y.Consumer,null,(function(t){t||(0,l.A)(!1);var n=e.props.location||t.location,r=e.props.computedMatch?e.props.computedMatch:e.props.path?x(n.pathname,e.props):t.match,a=(0,c.A)({},t,{location:n,match:r}),i=e.props,s=i.children,u=i.component,d=i.render;return Array.isArray(s)&&function(e){return 0===o.Children.count(e)}(s)&&(s=null),o.createElement(y.Provider,{value:a},a.match?s?"function"==typeof s?s(a):s:u?o.createElement(u,a):d?d(a):null:"function"==typeof s?s(a):null)}))},t}(o.Component);function _(e){return"/"===e.charAt(0)?e:"/"+e}function j(e,t){if(!e)return t;var n=_(e);return 0!==t.pathname.indexOf(n)?t:(0,c.A)({},t,{pathname:t.pathname.substr(n.length)})}function C(e){return"string"==typeof e?e:(0,s.AO)(e)}function O(e){return function(){(0,l.A)(!1)}}function A(){}o.Component;var T=function(e){function t(){return e.apply(this,arguments)||this}return(0,r.A)(t,e),t.prototype.render=function(){var e=this;return o.createElement(y.Consumer,null,(function(t){t||(0,l.A)(!1);var n,r,a=e.props.location||t.location;return o.Children.forEach(e.props.children,(function(e){if(null==r&&o.isValidElement(e)){n=e;var i=e.props.path||e.props.from;r=i?x(a.pathname,(0,c.A)({},e.props,{path:i})):t.match}})),r?o.cloneElement(n,{location:a,computedMatch:r}):null}))},t}(o.Component);var P=o.useContext;function z(){return P(b)}function I(){return P(y).location}},7462:(e,t,n)=>{"use strict";var r=n(758),o=Symbol.for("react.element"),a=Symbol.for("react.fragment"),i=Object.prototype.hasOwnProperty,s=r.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,l={key:!0,ref:!0,__self:!0,__source:!0};function c(e,t,n){var r,a={},c=null,u=null;for(r in void 0!==n&&(c=""+n),void 0!==t.key&&(c=""+t.key),void 0!==t.ref&&(u=t.ref),t)i.call(t,r)&&!l.hasOwnProperty(r)&&(a[r]=t[r]);if(e&&e.defaultProps)for(r in t=e.defaultProps)void 0===a[r]&&(a[r]=t[r]);return{$$typeof:o,type:e,key:c,ref:u,props:a,_owner:s.current}}t.Fragment=a,t.jsx=c,t.jsxs=c},2713:(e,t)=>{"use strict";var n=Symbol.for("react.element"),r=Symbol.for("react.portal"),o=Symbol.for("react.fragment"),a=Symbol.for("react.strict_mode"),i=Symbol.for("react.profiler"),s=Symbol.for("react.provider"),l=Symbol.for("react.context"),c=Symbol.for("react.forward_ref"),u=Symbol.for("react.suspense"),d=Symbol.for("react.memo"),p=Symbol.for("react.lazy"),f=Symbol.iterator;var m={isMounted:function(){return!1},enqueueForceUpdate:function(){},enqueueReplaceState:function(){},enqueueSetState:function(){}},h=Object.assign,g={};function b(e,t,n){this.props=e,this.context=t,this.refs=g,this.updater=n||m}function y(){}function v(e,t,n){this.props=e,this.context=t,this.refs=g,this.updater=n||m}b.prototype.isReactComponent={},b.prototype.setState=function(e,t){if("object"!=typeof e&&"function"!=typeof e&&null!=e)throw Error("setState(...): takes an object of state variables to update or a function which returns an object of state variables.");this.updater.enqueueSetState(this,e,t,"setState")},b.prototype.forceUpdate=function(e){this.updater.enqueueForceUpdate(this,e,"forceUpdate")},y.prototype=b.prototype;var w=v.prototype=new y;w.constructor=v,h(w,b.prototype),w.isPureReactComponent=!0;var k=Array.isArray,S=Object.prototype.hasOwnProperty,x={current:null},E={key:!0,ref:!0,__self:!0,__source:!0};function _(e,t,r){var o,a={},i=null,s=null;if(null!=t)for(o in void 0!==t.ref&&(s=t.ref),void 0!==t.key&&(i=""+t.key),t)S.call(t,o)&&!E.hasOwnProperty(o)&&(a[o]=t[o]);var l=arguments.length-2;if(1===l)a.children=r;else if(1<l){for(var c=Array(l),u=0;u<l;u++)c[u]=arguments[u+2];a.children=c}if(e&&e.defaultProps)for(o in l=e.defaultProps)void 0===a[o]&&(a[o]=l[o]);return{$$typeof:n,type:e,key:i,ref:s,props:a,_owner:x.current}}function j(e){return"object"==typeof e&&null!==e&&e.$$typeof===n}var C=/\/+/g;function O(e,t){return"object"==typeof e&&null!==e&&null!=e.key?function(e){var t={"=":"=0",":":"=2"};return"$"+e.replace(/[=:]/g,(function(e){return t[e]}))}(""+e.key):t.toString(36)}function A(e,t,o,a,i){var s=typeof e;"undefined"!==s&&"boolean"!==s||(e=null);var l=!1;if(null===e)l=!0;else switch(s){case"string":case"number":l=!0;break;case"object":switch(e.$$typeof){case n:case r:l=!0}}if(l)return i=i(l=e),e=""===a?"."+O(l,0):a,k(i)?(o="",null!=e&&(o=e.replace(C,"$&/")+"/"),A(i,t,o,"",(function(e){return e}))):null!=i&&(j(i)&&(i=function(e,t){return{$$typeof:n,type:e.type,key:t,ref:e.ref,props:e.props,_owner:e._owner}}(i,o+(!i.key||l&&l.key===i.key?"":(""+i.key).replace(C,"$&/")+"/")+e)),t.push(i)),1;if(l=0,a=""===a?".":a+":",k(e))for(var c=0;c<e.length;c++){var u=a+O(s=e[c],c);l+=A(s,t,o,u,i)}else if(u=function(e){return null===e||"object"!=typeof e?null:"function"==typeof(e=f&&e[f]||e["@@iterator"])?e:null}(e),"function"==typeof u)for(e=u.call(e),c=0;!(s=e.next()).done;)l+=A(s=s.value,t,o,u=a+O(s,c++),i);else if("object"===s)throw t=String(e),Error("Objects are not valid as a React child (found: "+("[object Object]"===t?"object with keys {"+Object.keys(e).join(", ")+"}":t)+"). If you meant to render a collection of children, use an array instead.");return l}function T(e,t,n){if(null==e)return e;var r=[],o=0;return A(e,r,"","",(function(e){return t.call(n,e,o++)})),r}function P(e){if(-1===e._status){var t=e._result;(t=t()).then((function(t){0!==e._status&&-1!==e._status||(e._status=1,e._result=t)}),(function(t){0!==e._status&&-1!==e._status||(e._status=2,e._result=t)})),-1===e._status&&(e._status=0,e._result=t)}if(1===e._status)return e._result.default;throw e._result}var z={current:null},I={transition:null},L={ReactCurrentDispatcher:z,ReactCurrentBatchConfig:I,ReactCurrentOwner:x};function N(){throw Error("act(...) is not supported in production builds of React.")}t.Children={map:T,forEach:function(e,t,n){T(e,(function(){t.apply(this,arguments)}),n)},count:function(e){var t=0;return T(e,(function(){t++})),t},toArray:function(e){return T(e,(function(e){return e}))||[]},only:function(e){if(!j(e))throw Error("React.Children.only expected to receive a single React element child.");return e}},t.Component=b,t.Fragment=o,t.Profiler=i,t.PureComponent=v,t.StrictMode=a,t.Suspense=u,t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED=L,t.act=N,t.cloneElement=function(e,t,r){if(null==e)throw Error("React.cloneElement(...): The argument must be a React element, but you passed "+e+".");var o=h({},e.props),a=e.key,i=e.ref,s=e._owner;if(null!=t){if(void 0!==t.ref&&(i=t.ref,s=x.current),void 0!==t.key&&(a=""+t.key),e.type&&e.type.defaultProps)var l=e.type.defaultProps;for(c in t)S.call(t,c)&&!E.hasOwnProperty(c)&&(o[c]=void 0===t[c]&&void 0!==l?l[c]:t[c])}var c=arguments.length-2;if(1===c)o.children=r;else if(1<c){l=Array(c);for(var u=0;u<c;u++)l[u]=arguments[u+2];o.children=l}return{$$typeof:n,type:e.type,key:a,ref:i,props:o,_owner:s}},t.createContext=function(e){return(e={$$typeof:l,_currentValue:e,_currentValue2:e,_threadCount:0,Provider:null,Consumer:null,_defaultValue:null,_globalName:null}).Provider={$$typeof:s,_context:e},e.Consumer=e},t.createElement=_,t.createFactory=function(e){var t=_.bind(null,e);return t.type=e,t},t.createRef=function(){return{current:null}},t.forwardRef=function(e){return{$$typeof:c,render:e}},t.isValidElement=j,t.lazy=function(e){return{$$typeof:p,_payload:{_status:-1,_result:e},_init:P}},t.memo=function(e,t){return{$$typeof:d,type:e,compare:void 0===t?null:t}},t.startTransition=function(e){var t=I.transition;I.transition={};try{e()}finally{I.transition=t}},t.unstable_act=N,t.useCallback=function(e,t){return z.current.useCallback(e,t)},t.useContext=function(e){return z.current.useContext(e)},t.useDebugValue=function(){},t.useDeferredValue=function(e){return z.current.useDeferredValue(e)},t.useEffect=function(e,t){return z.current.useEffect(e,t)},t.useId=function(){return z.current.useId()},t.useImperativeHandle=function(e,t,n){return z.current.useImperativeHandle(e,t,n)},t.useInsertionEffect=function(e,t){return z.current.useInsertionEffect(e,t)},t.useLayoutEffect=function(e,t){return z.current.useLayoutEffect(e,t)},t.useMemo=function(e,t){return z.current.useMemo(e,t)},t.useReducer=function(e,t,n){return z.current.useReducer(e,t,n)},t.useRef=function(e){return z.current.useRef(e)},t.useState=function(e){return z.current.useState(e)},t.useSyncExternalStore=function(e,t,n){return z.current.useSyncExternalStore(e,t,n)},t.useTransition=function(){return z.current.useTransition()},t.version="18.3.1"},758:(e,t,n)=>{"use strict";e.exports=n(2713)},6070:(e,t,n)=>{"use strict";e.exports=n(7462)},4733:(e,t)=>{"use strict";function n(e,t){var n=e.length;e.push(t);e:for(;0<n;){var r=n-1>>>1,o=e[r];if(!(0<a(o,t)))break e;e[r]=t,e[n]=o,n=r}}function r(e){return 0===e.length?null:e[0]}function o(e){if(0===e.length)return null;var t=e[0],n=e.pop();if(n!==t){e[0]=n;e:for(var r=0,o=e.length,i=o>>>1;r<i;){var s=2*(r+1)-1,l=e[s],c=s+1,u=e[c];if(0>a(l,n))c<o&&0>a(u,l)?(e[r]=u,e[c]=n,r=c):(e[r]=l,e[s]=n,r=s);else{if(!(c<o&&0>a(u,n)))break e;e[r]=u,e[c]=n,r=c}}}return t}function a(e,t){var n=e.sortIndex-t.sortIndex;return 0!==n?n:e.id-t.id}if("object"==typeof performance&&"function"==typeof performance.now){var i=performance;t.unstable_now=function(){return i.now()}}else{var s=Date,l=s.now();t.unstable_now=function(){return s.now()-l}}var c=[],u=[],d=1,p=null,f=3,m=!1,h=!1,g=!1,b="function"==typeof setTimeout?setTimeout:null,y="function"==typeof clearTimeout?clearTimeout:null,v="undefined"!=typeof setImmediate?setImmediate:null;function w(e){for(var t=r(u);null!==t;){if(null===t.callback)o(u);else{if(!(t.startTime<=e))break;o(u),t.sortIndex=t.expirationTime,n(c,t)}t=r(u)}}function k(e){if(g=!1,w(e),!h)if(null!==r(c))h=!0,I(S);else{var t=r(u);null!==t&&L(k,t.startTime-e)}}function S(e,n){h=!1,g&&(g=!1,y(j),j=-1),m=!0;var a=f;try{for(w(n),p=r(c);null!==p&&(!(p.expirationTime>n)||e&&!A());){var i=p.callback;if("function"==typeof i){p.callback=null,f=p.priorityLevel;var s=i(p.expirationTime<=n);n=t.unstable_now(),"function"==typeof s?p.callback=s:p===r(c)&&o(c),w(n)}else o(c);p=r(c)}if(null!==p)var l=!0;else{var d=r(u);null!==d&&L(k,d.startTime-n),l=!1}return l}finally{p=null,f=a,m=!1}}"undefined"!=typeof navigator&&void 0!==navigator.scheduling&&void 0!==navigator.scheduling.isInputPending&&navigator.scheduling.isInputPending.bind(navigator.scheduling);var x,E=!1,_=null,j=-1,C=5,O=-1;function A(){return!(t.unstable_now()-O<C)}function T(){if(null!==_){var e=t.unstable_now();O=e;var n=!0;try{n=_(!0,e)}finally{n?x():(E=!1,_=null)}}else E=!1}if("function"==typeof v)x=function(){v(T)};else if("undefined"!=typeof MessageChannel){var P=new MessageChannel,z=P.port2;P.port1.onmessage=T,x=function(){z.postMessage(null)}}else x=function(){b(T,0)};function I(e){_=e,E||(E=!0,x())}function L(e,n){j=b((function(){e(t.unstable_now())}),n)}t.unstable_IdlePriority=5,t.unstable_ImmediatePriority=1,t.unstable_LowPriority=4,t.unstable_NormalPriority=3,t.unstable_Profiling=null,t.unstable_UserBlockingPriority=2,t.unstable_cancelCallback=function(e){e.callback=null},t.unstable_continueExecution=function(){h||m||(h=!0,I(S))},t.unstable_forceFrameRate=function(e){0>e||125<e?console.error("forceFrameRate takes a positive int between 0 and 125, forcing frame rates higher than 125 fps is not supported"):C=0<e?Math.floor(1e3/e):5},t.unstable_getCurrentPriorityLevel=function(){return f},t.unstable_getFirstCallbackNode=function(){return r(c)},t.unstable_next=function(e){switch(f){case 1:case 2:case 3:var t=3;break;default:t=f}var n=f;f=t;try{return e()}finally{f=n}},t.unstable_pauseExecution=function(){},t.unstable_requestPaint=function(){},t.unstable_runWithPriority=function(e,t){switch(e){case 1:case 2:case 3:case 4:case 5:break;default:e=3}var n=f;f=e;try{return t()}finally{f=n}},t.unstable_scheduleCallback=function(e,o,a){var i=t.unstable_now();switch("object"==typeof a&&null!==a?a="number"==typeof(a=a.delay)&&0<a?i+a:i:a=i,e){case 1:var s=-1;break;case 2:s=250;break;case 5:s=1073741823;break;case 4:s=1e4;break;default:s=5e3}return e={id:d++,callback:o,priorityLevel:e,startTime:a,expirationTime:s=a+s,sortIndex:-1},a>i?(e.sortIndex=a,n(u,e),null===r(c)&&e===r(u)&&(g?(y(j),j=-1):g=!0,L(k,a-i))):(e.sortIndex=s,n(c,e),h||m||(h=!0,I(S))),e},t.unstable_shouldYield=A,t.unstable_wrapCallback=function(e){var t=f;return function(){var n=f;f=t;try{return e.apply(this,arguments)}finally{f=n}}}},1896:(e,t,n)=>{"use strict";e.exports=n(4733)},2945:e=>{e.exports=function(e,t,n,r){var o=n?n.call(r,e,t):void 0;if(void 0!==o)return!!o;if(e===t)return!0;if("object"!=typeof e||!e||"object"!=typeof t||!t)return!1;var a=Object.keys(e),i=Object.keys(t);if(a.length!==i.length)return!1;for(var s=Object.prototype.hasOwnProperty.bind(t),l=0;l<a.length;l++){var c=a[l];if(!s(c))return!1;var u=e[c],d=t[c];if(!1===(o=n?n.call(r,u,d,c):void 0)||void 0===o&&u!==d)return!1}return!0}},4784:(e,t,n)=>{"use strict";n.r(t),n.d(t,{default:()=>r});const r={title:"Feature-Sliced Design",tagline:"Architectural methodology for frontend projects",organizationName:"feature-sliced",projectName:"documentation",url:"https://feature-sliced.design",favicon:"img/favicon/classic.png",baseUrl:"/uz/",i18n:{defaultLocale:"en",locales:["ru","en","uz","kr","ja"],localeConfigs:{ru:{label:"\u0420\u0443\u0441\u0441\u043a\u0438\u0439",direction:"ltr"},en:{label:"English",direction:"ltr"},uz:{label:"O'zbekcha",direction:"ltr"},kr:{label:"\ud55c\uad6d\uc5b4",direction:"ltr"},ja:{label:"\u65e5\u672c\u8a9e",direction:"ltr"}},path:"i18n"},presets:[["@docusaurus/preset-classic",{docs:{path:"i18n/en/docusaurus-plugin-content-docs/current",breadcrumbs:!0,editLocalizedFiles:!0,sidebarPath:"/home/runner/work/documentation/documentation/config/docusaurus/sidebars.docs.js",editUrl:"https://github.com/feature-sliced/documentation/edit/master/",showLastUpdateTime:!0,versions:{current:{label:"v2.0.0 \ud83c\udf70"}}},blog:{showReadingTime:!0,editUrl:"https://github.com/feature-sliced/documentation/edit/master/blog/",onInlineAuthors:"ignore"},theme:{customCss:"/home/runner/work/documentation/documentation/src/app/index.scss"},sitemap:{changefreq:"weekly",priority:.5}}]],plugins:[["@docusaurus/plugin-content-docs",{id:"community",breadcrumbs:!0,path:"i18n/en/docusaurus-plugin-content-docs/community",editLocalizedFiles:!0,routeBasePath:"community",editUrl:"https://github.com/feature-sliced/documentation/edit/master/",sidebarPath:"/home/runner/work/documentation/documentation/config/docusaurus/sidebars.community.js",showLastUpdateAuthor:!0,showLastUpdateTime:!0}],"docusaurus-plugin-sass",["@docusaurus/plugin-client-redirects",{redirects:[{from:"/branding",to:"/docs/branding"},{from:"/docs/guides/migration",to:"/docs/guides/migration/from-custom"},{from:"/docs/get-started/quick-start",to:"/docs/get-started/tutorial"},{from:"/docs/get-started/basics",to:"/docs/get-started/overview"},{from:["/docs/get-started/tutorial/decompose","/docs/get-started/tutorial/design-mockup","/docs/get-started/onboard/cheatsheet"],to:"/docs/get-started/cheatsheet"},{from:["/docs/about/alternatives/big-ball-of-mud","/docs/about/alternatives/design-principles","/docs/about/alternatives/ddd","/docs/about/alternatives/clean-architecture","/docs/about/alternatives/frameworks","/docs/about/alternatives/atomic-design","/docs/about/alternatives/smart-dumb-components","/docs/about/alternatives/feature-driven"],to:"/docs/about/alternatives"},{from:"/docs/reference/knowledge-types",to:"/docs/about/understanding/knowledge-types"},{from:"/docs/concepts/needs-driven",to:"/docs/about/understanding/needs-driven"},{from:"/docs/concepts/architecture",to:"/docs/about/understanding/architecture"},{from:"/docs/concepts/naming-adaptability",to:"/docs/about/understanding/naming"},{from:"/docs/concepts/signals",to:"/docs/about/understanding/signals"},{from:"/docs/concepts/abstractions",to:"/docs/about/understanding/abstractions"},{from:"/docs/concepts/decouple-entities",to:"/docs/reference/isolation/decouple-entities"},{from:"/docs/concepts/low-coupling",to:"/docs/reference/isolation/coupling-cohesion"},{from:"/docs/concepts/cross-communication",to:"/docs/reference/isolation"},{from:"/docs/concepts/app-splitting",to:"/docs/reference"},{from:"/docs/reference/units/decomposition",to:"/docs/reference"},{from:"/docs/reference/units",to:"/docs/reference"},{from:"/docs/reference/units/layers",to:"/docs/reference/layers"},{from:"/docs/reference/layers/overview",to:"/docs/reference/layers"},{from:"/docs/reference/units/layers/app",to:"/docs/reference/layers"},{from:"/docs/reference/units/layers/processes",to:"/docs/reference/layers"},{from:"/docs/reference/units/layers/pages",to:"/docs/reference/layers"},{from:"/docs/reference/units/layers/widgets",to:"/docs/reference/layers"},{from:"/docs/reference/layers/widgets",to:"/docs/reference/layers"},{from:"/docs/reference/units/layers/features",to:"/docs/reference/layers"},{from:"/docs/reference/units/layers/entities",to:"/docs/reference/layers"},{from:"/docs/reference/units/layers/shared",to:"/docs/reference/layers"},{from:"/docs/reference/units/segments",to:"/docs/reference/slices-segments"},{from:"/docs/concepts/issues/cross-imports",to:"/docs/guides/issues/cross-imports"},{from:"/docs/concepts/issues/desegmented",to:"/docs/guides/issues/desegmented"},{from:"/docs/concepts/issues/routes",to:"/docs/guides/issues/routes"},{from:"/docs/guides/examples/viewer",to:"/docs/guides/examples/auth"},{from:"/docs/guides/monorepo",to:"/docs/guides/examples/monorepo"},{from:"/docs/guides/white-labels",to:"/docs/guides/examples/white-labels"},{from:"/docs/guides/migration-from-v1",to:"/docs/guides/migration/from-v1"},{from:"/docs/guides/migration-from-legacy",to:"/docs/guides/migration/from-custom"},{from:"/docs/guides/usage-with-nextjs",to:"/docs/guides/tech/with-nextjs"},{from:"/docs/guides/migration/from-legacy",to:"/docs/guides/migration/from-custom"},{from:"/en/docs/about",to:"/docs/about"},{from:"/en/docs/about/alternatives",to:"/docs/about/alternatives"},{from:"/en/docs/about/mission",to:"/docs/about/mission"},{from:"/en/docs/about/motivation",to:"/docs/about/motivation"},{from:"/en/docs/about/promote/for-company",to:"/docs/about/promote/for-company"},{from:"/en/docs/about/promote/for-team",to:"/docs/about/promote/for-team"},{from:"/en/docs/about/promote/integration",to:"/docs/about/promote/integration"},{from:"/en/docs/about/promote/partial-application",to:"/docs/about/promote/partial-application"},{from:"/en/docs/branding",to:"/docs/branding"},{from:"/en/docs/get-started",to:"/docs/get-started"},{from:"/en/docs/get-started/overview",to:"/docs/get-started/overview"},{from:"/en/docs/get-started/cheatsheet",to:"/docs/get-started/cheatsheet"},{from:"/en/docs/get-started/faq",to:"/docs/get-started/faq"},{from:"/en/docs/get-started/tutorial",to:"/docs/get-started/tutorial"},{from:"/en/docs/guides",to:"/docs/guides"},{from:"/en/docs/guides/examples",to:"/docs/guides/examples"},{from:"/en/docs/guides/examples/auth",to:"/docs/guides/examples/auth"},{from:"/en/docs/guides/examples/autocompleted",to:"/docs/guides/examples/autocompleted"},{from:"/en/docs/guides/examples/browser-api",to:"/docs/guides/examples/browser-api"},{from:"/en/docs/guides/examples/cms",to:"/docs/guides/examples/cms"},{from:"/en/docs/guides/examples/feedback",to:"/docs/guides/examples/feedback"},{from:"/en/docs/guides/examples/i18n",to:"/docs/guides/examples/i18n"},{from:"/en/docs/guides/examples/metric",to:"/docs/guides/examples/metric"},{from:"/en/docs/guides/examples/monorepo",to:"/docs/guides/examples/monorepo"},{from:"/en/docs/guides/examples/page-layout",to:"/docs/guides/examples/page-layout"},{from:"/en/docs/guides/examples/platforms",to:"/docs/guides/examples/platforms"},{from:"/en/docs/guides/examples/ssr",to:"/docs/guides/examples/ssr"},{from:"/en/docs/guides/examples/theme",to:"/docs/guides/examples/theme"},{from:"/en/docs/guides/examples/types",to:"/docs/guides/examples/types"},{from:"/en/docs/guides/examples/white-labels",to:"/docs/guides/examples/white-labels"},{from:"/en/docs/guides/migration/from-custom",to:"/docs/guides/migration/from-custom"},{from:"/en/docs/guides/migration/from-v1",to:"/docs/guides/migration/from-v1"},{from:"/en/docs/guides/tech/with-nextjs",to:"/docs/guides/tech/with-nextjs"},{from:"/en/docs/",to:"/docs/"},{from:"/en/docs/reference",to:"/docs/reference"}]}],["@docusaurus/plugin-ideal-image",{quality:70,max:1030,min:640,steps:2}],"plugin-image-zoom"],onBrokenLinks:"throw",onBrokenMarkdownLinks:"throw",onDuplicateRoutes:"warn",customFields:{legacyRoutes:[{group:"\ud83d\ude80 Get Started",details:"Simplified and merged",children:[{title:"Tutorial",from:"/docs/get-started/quick-start",to:"/docs/get-started/tutorial"},{title:"Basics",from:"/docs/get-started/basics",to:"/docs/get-started/overview"},{title:"Decompose Cheatsheet",from:["/docs/get-started/tutorial/decompose","/docs/get-started/tutorial/design-mockup","/docs/get-started/onboard/cheatsheet"],to:"/docs/get-started/cheatsheet"}]},{group:"\ud83c\udf70 Alternatives",details:"Moved and merged to /about/alternatives as advanced materials",children:[{title:"Architecture approaches alternatives",from:["/docs/about/alternatives/big-ball-of-mud","/docs/about/alternatives/design-principles","/docs/about/alternatives/ddd","/docs/about/alternatives/clean-architecture","/docs/about/alternatives/frameworks","/docs/about/alternatives/atomic-design","/docs/about/alternatives/smart-dumb-components","/docs/about/alternatives/feature-driven"],to:"/docs/about/alternatives"}]},{group:"\ud83c\udf70 Promote & Understanding",details:"Moved to /about as advanced materials",children:[{title:"Knowledge types",from:"/docs/reference/knowledge-types",to:"/docs/about/understanding/knowledge-types"},{title:"Needs driven",from:"/docs/concepts/needs-driven",to:"/docs/about/understanding/needs-driven"},{title:"About architecture",from:"/docs/concepts/architecture",to:"/docs/about/understanding/architecture"},{title:"Naming adaptability",from:"/docs/concepts/naming-adaptability",to:"/docs/about/understanding/naming"},{title:"Signals of architecture",from:"/docs/concepts/signals",to:"/docs/about/understanding/signals"},{title:"Abstractions of architecture",from:"/docs/concepts/abstractions",to:"/docs/about/understanding/abstractions"}]},{group:"\ud83d\udcda Reference guidelines (isolation & units)",details:"Moved to /reference as theoretical materials (old concepts)",children:[{title:"Decouple of entities",from:"/docs/concepts/decouple-entities",to:"/docs/reference/isolation/decouple-entities"},{title:"Low Coupling & High Cohesion",from:"/docs/concepts/low-coupling",to:"/docs/reference/isolation/coupling-cohesion"},{title:"Cross-communication",from:"/docs/concepts/cross-communication",to:"/docs/reference/isolation"},{title:"App splitting",from:"/docs/concepts/app-splitting",to:"/docs/reference"},{title:"Decomposition",from:"/docs/reference/units/decomposition",to:"/docs/reference"},{title:"Units",from:"/docs/reference/units",to:"/docs/reference"},{title:"Layers",from:"/docs/reference/units/layers",to:"/docs/reference/layers"},{title:"Layer overview",from:"/docs/reference/layers/overview",to:"/docs/reference/layers"},{title:"App layer",from:"/docs/reference/units/layers/app",to:"/docs/reference/layers"},{title:"Processes layer",from:"/docs/reference/units/layers/processes",to:"/docs/reference/layers"},{title:"Pages layer",from:"/docs/reference/units/layers/pages",to:"/docs/reference/layers"},{title:"Widgets layer",from:"/docs/reference/units/layers/widgets",to:"/docs/reference/layers"},{title:"Widgets layer",from:"/docs/reference/layers/widgets",to:"/docs/reference/layers"},{title:"Features layer",from:"/docs/reference/units/layers/features",to:"/docs/reference/layers"},{title:"Entities layer",from:"/docs/reference/units/layers/entities",to:"/docs/reference/layers"},{title:"Shared layer",from:"/docs/reference/units/layers/shared",to:"/docs/reference/layers"},{title:"Segments",from:"/docs/reference/units/segments",to:"/docs/reference/slices-segments"}]},{group:"\ud83c\udfaf Bad Practices handbook",details:"Moved to /guides as practice materials",children:[{title:"Cross-imports",from:"/docs/concepts/issues/cross-imports",to:"/docs/guides/issues/cross-imports"},{title:"Desegmented",from:"/docs/concepts/issues/desegmented",to:"/docs/guides/issues/desegmented"},{title:"Routes",from:"/docs/concepts/issues/routes",to:"/docs/guides/issues/routes"}]},{group:"\ud83c\udfaf Examples",details:"Grouped and simplified into /guides/examples as practical examples",children:[{title:"Viewer logic",from:"/docs/guides/examples/viewer",to:"/docs/guides/examples/auth"},{title:"Monorepo",from:"/docs/guides/monorepo",to:"/docs/guides/examples/monorepo"},{title:"White Labels",from:"/docs/guides/white-labels",to:"/docs/guides/examples/white-labels"}]},{group:"\ud83c\udfaf Migration",details:"Grouped and simplified into /guides/migration as migration guidelines",children:[{title:"Migration from V1",from:"/docs/guides/migration-from-v1",to:"/docs/guides/migration/from-v1"},{title:"Migration from Legacy",from:"/docs/guides/migration-from-legacy",to:"/docs/guides/migration/from-custom"}]},{group:"\ud83c\udfaf Tech",details:"Grouped into /guides/tech as tech-specific usage guidelines",children:[{title:"Usage with NextJS",from:"/docs/guides/usage-with-nextjs",to:"/docs/guides/tech/with-nextjs"}]},{group:"Rename 'legacy' to 'custom'",details:"'Legacy' is derogatory, we don't get to call people's projects legacy",children:[{title:"Rename 'legacy' to custom",from:"/docs/guides/migration/from-legacy",to:"/docs/guides/migration/from-custom"}]}],pushFeedbackProjectId:"5i2vbxcpaz"},trailingSlash:!1,themeConfig:{image:"img/preview.png",docs:{sidebar:{hideable:!0,autoCollapseCategories:!0},versionPersistence:"localStorage"},colorMode:{respectPrefersColorScheme:!0,defaultMode:"light",disableSwitch:!1},navbar:{title:"",logo:{alt:"logo",src:"img/brand/logo-primary.png"},items:[{label:"\ud83d\udcd6 Hujjatlar",to:"/docs",position:"left"},{label:"\ud83d\udcab Jamiyat",to:"/community",position:"left"},{label:"\ud83d\udcdd Blog",to:"/blog",position:"left"},{label:"\ud83d\udee0 Namunalar",to:"/examples",position:"left"},{type:"docsVersionDropdown",position:"right",dropdownActiveClassDisabled:!0,dropdownItemsAfter:[{to:"https://feature-sliced.github.io/featureslices.dev/v1.0.html",label:"v1.0"},{to:"https://feature-sliced.github.io/featureslices.dev/v0.1.html",label:"v0.1"},{to:"https://github.com/feature-sliced/documentation/tree/rc/feature-driven",label:"feature-driven"},{to:"/versions",label:"All versions"}],dropdownItemsBefore:[]},{type:"localeDropdown",position:"right",dropdownItemsAfter:[{href:"https://github.com/feature-sliced/documentation/issues/244",label:"Help Us Translate"}],dropdownItemsBefore:[]},{href:"https://discord.gg/S8MzWTUsmp",position:"right",className:"ext-link discord","aria-label":"Discord community server"},{href:"https://github.com/feature-sliced/documentation",position:"right",className:"ext-link github","aria-label":"GitHub repository"}],hideOnScroll:!1},footer:{style:"dark",links:[{title:"Spetsifikatsiya",items:[{label:"Hujjatlar",to:"/docs"},{label:"Jamiyat",to:"/community"},{label:"Yordam",to:"/nav"},{label:"Munozaralar",href:"https://github.com/feature-sliced/documentation/discussions"}]},{title:"Jamiyat",items:[{label:"Discord",href:"https://discord.gg/S8MzWTUsmp"},{label:"Telegram (RU)",href:"https://t.me/feature_sliced"},{label:"Twitter",href:"https://twitter.com/feature_sliced"},{label:"Open Collective",href:"https://opencollective.com/feature-sliced"},{label:"YouTube",href:"https://www.youtube.com/c/FeatureSlicedDesign"}]},{title:"Yana",items:[{label:"GitHub",href:"https://github.com/feature-sliced"},{label:"Contribution Guide",href:"https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md"},{label:"Litsenziya",href:"https://github.com/feature-sliced/documentation/blob/master/LICENSE"}]}],logo:{alt:"Feature-Sliced Design - Architectural methodology for frontend projects",src:"img/brand/logo-primary.png",href:"https://github.com/feature-sliced",width:160},copyright:"Copyright \xa9 2018-2023  Feature-Sliced Design"},algolia:{appId:"18IVO61EUN",apiKey:"a51704b2a1604c9eb41c62aa343c6e32",indexName:"feature-sliced",contextualSearch:!0,searchParameters:{},searchPagePath:"search"},metadata:[{name:"keywords",content:"architecture, frontend, project structure"},{name:"twitter:site",content:"@feature_sliced"},{name:"twitter:card",content:"summary_large_image"}],imageZoom:{selector:".markdown :not(a) > img",options:{background:"rgb(255 255 255 / 0.3)"}},prism:{theme:{plain:{backgroundColor:"hsl(230, 1%, 98%)",color:"hsl(230, 8%, 24%)"},styles:[{types:["comment","prolog","cdata"],style:{color:"hsl(230, 4%, 64%)"}},{types:["doctype","punctuation","entity"],style:{color:"hsl(230, 8%, 24%)"}},{types:["attr-name","class-name","boolean","constant","number","atrule"],style:{color:"hsl(35, 99%, 36%)"}},{types:["keyword"],style:{color:"hsl(301, 63%, 40%)"}},{types:["property","tag","symbol","deleted","important"],style:{color:"hsl(5, 74%, 59%)"}},{types:["selector","string","char","builtin","inserted","regex","attr-value","punctuation"],style:{color:"hsl(119, 34%, 47%)"}},{types:["variable","operator","function"],style:{color:"hsl(221, 87%, 60%)"}},{types:["url"],style:{color:"hsl(198, 99%, 37%)"}},{types:["deleted"],style:{textDecorationLine:"line-through"}},{types:["inserted"],style:{textDecorationLine:"underline"}},{types:["italic"],style:{fontStyle:"italic"}},{types:["important","bold"],style:{fontWeight:"bold"}},{types:["important"],style:{color:"hsl(230, 8%, 24%)"}}]},darkTheme:{plain:{backgroundColor:"hsl(220, 13%, 18%)",color:"hsl(220, 14%, 71%)",textShadow:"0 1px rgba(0, 0, 0, 0.3)"},styles:[{types:["comment","prolog","cdata"],style:{color:"hsl(220, 10%, 40%)"}},{types:["doctype","punctuation","entity"],style:{color:"hsl(220, 14%, 71%)"}},{types:["attr-name","class-name","maybe-class-name","boolean","constant","number","atrule"],style:{color:"hsl(29, 54%, 61%)"}},{types:["keyword"],style:{color:"hsl(286, 60%, 67%)"}},{types:["property","tag","symbol","deleted","important"],style:{color:"hsl(355, 65%, 65%)"}},{types:["selector","string","char","builtin","inserted","regex","attr-value"],style:{color:"hsl(95, 38%, 62%)"}},{types:["variable","operator","function"],style:{color:"hsl(207, 82%, 66%)"}},{types:["url"],style:{color:"hsl(187, 47%, 55%)"}},{types:["deleted"],style:{textDecorationLine:"line-through"}},{types:["inserted"],style:{textDecorationLine:"underline"}},{types:["italic"],style:{fontStyle:"italic"}},{types:["important","bold"],style:{fontWeight:"bold"}},{types:["important"],style:{color:"hsl(220, 14%, 71%)"}}]},additionalLanguages:[],magicComments:[{className:"theme-code-block-highlighted-line",line:"highlight-next-line",block:{start:"highlight-start",end:"highlight-end"}}]},blog:{sidebar:{groupByYear:!0}},tableOfContents:{minHeadingLevel:2,maxHeadingLevel:3}},baseUrlIssueBanner:!0,future:{experimental_storage:{type:"localStorage",namespace:!1},experimental_router:"browser"},onBrokenAnchors:"warn",staticDirectories:["static"],themes:[],scripts:[],headTags:[],stylesheets:[],clientModules:[],titleDelimiter:"|",noIndex:!1,markdown:{format:"mdx",mermaid:!1,mdx1Compat:{comments:!0,admonitions:!0,headingIds:!0},anchors:{maintainCase:!1}}}},991:(e,t,n)=>{"use strict";function r(){return r=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)({}).hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},r.apply(null,arguments)}n.d(t,{A:()=>r})},1141:(e,t,n)=>{"use strict";function r(e,t){return r=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},r(e,t)}function o(e,t){e.prototype=Object.create(t.prototype),e.prototype.constructor=e,r(e,t)}n.d(t,{A:()=>o})},3302:(e,t,n)=>{"use strict";function r(e,t){if(null==e)return{};var n={};for(var r in e)if({}.hasOwnProperty.call(e,r)){if(t.includes(r))continue;n[r]=e[r]}return n}n.d(t,{A:()=>r})},3526:(e,t,n)=>{"use strict";function r(e){var t,n,o="";if("string"==typeof e||"number"==typeof e)o+=e;else if("object"==typeof e)if(Array.isArray(e)){var a=e.length;for(t=0;t<a;t++)e[t]&&(n=r(e[t]))&&(o&&(o+=" "),o+=n)}else for(n in e)e[n]&&(o&&(o+=" "),o+=n);return o}n.d(t,{A:()=>o});const o=function(){for(var e,t,n=0,o="",a=arguments.length;n<a;n++)(e=arguments[n])&&(t=r(e))&&(o&&(o+=" "),o+=t);return o}},5371:(e,t,n)=>{"use strict";n.d(t,{My:()=>k,f4:()=>Y});var r,o,a=n(758),i=n(3526),s=Object.create,l=Object.defineProperty,c=Object.defineProperties,u=Object.getOwnPropertyDescriptor,d=Object.getOwnPropertyDescriptors,p=Object.getOwnPropertyNames,f=Object.getOwnPropertySymbols,m=Object.getPrototypeOf,h=Object.prototype.hasOwnProperty,g=Object.prototype.propertyIsEnumerable,b=(e,t,n)=>t in e?l(e,t,{enumerable:!0,configurable:!0,writable:!0,value:n}):e[t]=n,y=(e,t)=>{for(var n in t||(t={}))h.call(t,n)&&b(e,n,t[n]);if(f)for(var n of f(t))g.call(t,n)&&b(e,n,t[n]);return e},v=(e,t)=>c(e,d(t)),w=(e,t)=>{var n={};for(var r in e)h.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&f)for(var r of f(e))t.indexOf(r)<0&&g.call(e,r)&&(n[r]=e[r]);return n},k=((e,t,n)=>(n=null!=e?s(m(e)):{},((e,t,n,r)=>{if(t&&"object"==typeof t||"function"==typeof t)for(let o of p(t))h.call(e,o)||o===n||l(e,o,{get:()=>t[o],enumerable:!(r=u(t,o))||r.enumerable});return e})(!t&&e&&e.__esModule?n:l(n,"default",{value:e,enumerable:!0}),e)))((r={"../../node_modules/.pnpm/prismjs@1.29.0_patch_hash=vrxx3pzkik6jpmgpayxfjunetu/node_modules/prismjs/prism.js"(e,t){var n=function(){var e=/(?:^|\s)lang(?:uage)?-([\w-]+)(?=\s|$)/i,t=0,n={},r={util:{encode:function e(t){return t instanceof o?new o(t.type,e(t.content),t.alias):Array.isArray(t)?t.map(e):t.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/\u00a0/g," ")},type:function(e){return Object.prototype.toString.call(e).slice(8,-1)},objId:function(e){return e.__id||Object.defineProperty(e,"__id",{value:++t}),e.__id},clone:function e(t,n){var o,a;switch(n=n||{},r.util.type(t)){case"Object":if(a=r.util.objId(t),n[a])return n[a];for(var i in o={},n[a]=o,t)t.hasOwnProperty(i)&&(o[i]=e(t[i],n));return o;case"Array":return a=r.util.objId(t),n[a]?n[a]:(o=[],n[a]=o,t.forEach((function(t,r){o[r]=e(t,n)})),o);default:return t}},getLanguage:function(t){for(;t;){var n=e.exec(t.className);if(n)return n[1].toLowerCase();t=t.parentElement}return"none"},setLanguage:function(t,n){t.className=t.className.replace(RegExp(e,"gi"),""),t.classList.add("language-"+n)},isActive:function(e,t,n){for(var r="no-"+t;e;){var o=e.classList;if(o.contains(t))return!0;if(o.contains(r))return!1;e=e.parentElement}return!!n}},languages:{plain:n,plaintext:n,text:n,txt:n,extend:function(e,t){var n=r.util.clone(r.languages[e]);for(var o in t)n[o]=t[o];return n},insertBefore:function(e,t,n,o){var a=(o=o||r.languages)[e],i={};for(var s in a)if(a.hasOwnProperty(s)){if(s==t)for(var l in n)n.hasOwnProperty(l)&&(i[l]=n[l]);n.hasOwnProperty(s)||(i[s]=a[s])}var c=o[e];return o[e]=i,r.languages.DFS(r.languages,(function(t,n){n===c&&t!=e&&(this[t]=i)})),i},DFS:function e(t,n,o,a){a=a||{};var i=r.util.objId;for(var s in t)if(t.hasOwnProperty(s)){n.call(t,s,t[s],o||s);var l=t[s],c=r.util.type(l);"Object"!==c||a[i(l)]?"Array"!==c||a[i(l)]||(a[i(l)]=!0,e(l,n,s,a)):(a[i(l)]=!0,e(l,n,null,a))}}},plugins:{},highlight:function(e,t,n){var a={code:e,grammar:t,language:n};if(r.hooks.run("before-tokenize",a),!a.grammar)throw new Error('The language "'+a.language+'" has no grammar.');return a.tokens=r.tokenize(a.code,a.grammar),r.hooks.run("after-tokenize",a),o.stringify(r.util.encode(a.tokens),a.language)},tokenize:function(e,t){var n=t.rest;if(n){for(var r in n)t[r]=n[r];delete t.rest}var o=new s;return l(o,o.head,e),i(e,o,t,o.head,0),function(e){for(var t=[],n=e.head.next;n!==e.tail;)t.push(n.value),n=n.next;return t}(o)},hooks:{all:{},add:function(e,t){var n=r.hooks.all;n[e]=n[e]||[],n[e].push(t)},run:function(e,t){var n=r.hooks.all[e];if(n&&n.length)for(var o,a=0;o=n[a++];)o(t)}},Token:o};function o(e,t,n,r){this.type=e,this.content=t,this.alias=n,this.length=0|(r||"").length}function a(e,t,n,r){e.lastIndex=t;var o=e.exec(n);if(o&&r&&o[1]){var a=o[1].length;o.index+=a,o[0]=o[0].slice(a)}return o}function i(e,t,n,s,u,d){for(var p in n)if(n.hasOwnProperty(p)&&n[p]){var f=n[p];f=Array.isArray(f)?f:[f];for(var m=0;m<f.length;++m){if(d&&d.cause==p+","+m)return;var h=f[m],g=h.inside,b=!!h.lookbehind,y=!!h.greedy,v=h.alias;if(y&&!h.pattern.global){var w=h.pattern.toString().match(/[imsuy]*$/)[0];h.pattern=RegExp(h.pattern.source,w+"g")}for(var k=h.pattern||h,S=s.next,x=u;S!==t.tail&&!(d&&x>=d.reach);x+=S.value.length,S=S.next){var E=S.value;if(t.length>e.length)return;if(!(E instanceof o)){var _,j=1;if(y){if(!(_=a(k,x,e,b))||_.index>=e.length)break;var C=_.index,O=_.index+_[0].length,A=x;for(A+=S.value.length;C>=A;)A+=(S=S.next).value.length;if(x=A-=S.value.length,S.value instanceof o)continue;for(var T=S;T!==t.tail&&(A<O||"string"==typeof T.value);T=T.next)j++,A+=T.value.length;j--,E=e.slice(x,A),_.index-=x}else if(!(_=a(k,0,E,b)))continue;C=_.index;var P=_[0],z=E.slice(0,C),I=E.slice(C+P.length),L=x+E.length;d&&L>d.reach&&(d.reach=L);var N=S.prev;if(z&&(N=l(t,N,z),x+=z.length),c(t,N,j),S=l(t,N,new o(p,g?r.tokenize(P,g):P,v,P)),I&&l(t,S,I),j>1){var R={cause:p+","+m,reach:L};i(e,t,n,S.prev,x,R),d&&R.reach>d.reach&&(d.reach=R.reach)}}}}}}function s(){var e={value:null,prev:null,next:null},t={value:null,prev:e,next:null};e.next=t,this.head=e,this.tail=t,this.length=0}function l(e,t,n){var r=t.next,o={value:n,prev:t,next:r};return t.next=o,r.prev=o,e.length++,o}function c(e,t,n){for(var r=t.next,o=0;o<n&&r!==e.tail;o++)r=r.next;t.next=r,r.prev=t,e.length-=o}return o.stringify=function e(t,n){if("string"==typeof t)return t;if(Array.isArray(t)){var o="";return t.forEach((function(t){o+=e(t,n)})),o}var a={type:t.type,content:e(t.content,n),tag:"span",classes:["token",t.type],attributes:{},language:n},i=t.alias;i&&(Array.isArray(i)?Array.prototype.push.apply(a.classes,i):a.classes.push(i)),r.hooks.run("wrap",a);var s="";for(var l in a.attributes)s+=" "+l+'="'+(a.attributes[l]||"").replace(/"/g,"&quot;")+'"';return"<"+a.tag+' class="'+a.classes.join(" ")+'"'+s+">"+a.content+"</"+a.tag+">"},r}();t.exports=n,n.default=n}},function(){return o||(0,r[p(r)[0]])((o={exports:{}}).exports,o),o.exports})());k.languages.markup={comment:{pattern:/<!--(?:(?!<!--)[\s\S])*?-->/,greedy:!0},prolog:{pattern:/<\?[\s\S]+?\?>/,greedy:!0},doctype:{pattern:/<!DOCTYPE(?:[^>"'[\]]|"[^"]*"|'[^']*')+(?:\[(?:[^<"'\]]|"[^"]*"|'[^']*'|<(?!!--)|<!--(?:[^-]|-(?!->))*-->)*\]\s*)?>/i,greedy:!0,inside:{"internal-subset":{pattern:/(^[^\[]*\[)[\s\S]+(?=\]>$)/,lookbehind:!0,greedy:!0,inside:null},string:{pattern:/"[^"]*"|'[^']*'/,greedy:!0},punctuation:/^<!|>$|[[\]]/,"doctype-tag":/^DOCTYPE/i,name:/[^\s<>'"]+/}},cdata:{pattern:/<!\[CDATA\[[\s\S]*?\]\]>/i,greedy:!0},tag:{pattern:/<\/?(?!\d)[^\s>\/=$<%]+(?:\s(?:\s*[^\s>\/=]+(?:\s*=\s*(?:"[^"]*"|'[^']*'|[^\s'">=]+(?=[\s>]))|(?=[\s/>])))+)?\s*\/?>/,greedy:!0,inside:{tag:{pattern:/^<\/?[^\s>\/]+/,inside:{punctuation:/^<\/?/,namespace:/^[^\s>\/:]+:/}},"special-attr":[],"attr-value":{pattern:/=\s*(?:"[^"]*"|'[^']*'|[^\s'">=]+)/,inside:{punctuation:[{pattern:/^=/,alias:"attr-equals"},{pattern:/^(\s*)["']|["']$/,lookbehind:!0}]}},punctuation:/\/?>/,"attr-name":{pattern:/[^\s>\/]+/,inside:{namespace:/^[^\s>\/:]+:/}}}},entity:[{pattern:/&[\da-z]{1,8};/i,alias:"named-entity"},/&#x?[\da-f]{1,8};/i]},k.languages.markup.tag.inside["attr-value"].inside.entity=k.languages.markup.entity,k.languages.markup.doctype.inside["internal-subset"].inside=k.languages.markup,k.hooks.add("wrap",(function(e){"entity"===e.type&&(e.attributes.title=e.content.replace(/&amp;/,"&"))})),Object.defineProperty(k.languages.markup.tag,"addInlined",{value:function(e,t){var n;(t=((n=((n={})["language-"+t]={pattern:/(^<!\[CDATA\[)[\s\S]+?(?=\]\]>$)/i,lookbehind:!0,inside:k.languages[t]},n.cdata=/^<!\[CDATA\[|\]\]>$/i,{"included-cdata":{pattern:/<!\[CDATA\[[\s\S]*?\]\]>/i,inside:n}}))["language-"+t]={pattern:/[\s\S]+/,inside:k.languages[t]},{}))[e]={pattern:RegExp(/(<__[^>]*>)(?:<!\[CDATA\[(?:[^\]]|\](?!\]>))*\]\]>|(?!<!\[CDATA\[)[\s\S])*?(?=<\/__>)/.source.replace(/__/g,(function(){return e})),"i"),lookbehind:!0,greedy:!0,inside:n},k.languages.insertBefore("markup","cdata",t)}}),Object.defineProperty(k.languages.markup.tag,"addAttribute",{value:function(e,t){k.languages.markup.tag.inside["special-attr"].push({pattern:RegExp(/(^|["'\s])/.source+"(?:"+e+")"+/\s*=\s*(?:"[^"]*"|'[^']*'|[^\s'">=]+(?=[\s>]))/.source,"i"),lookbehind:!0,inside:{"attr-name":/^[^\s=]+/,"attr-value":{pattern:/=[\s\S]+/,inside:{value:{pattern:/(^=\s*(["']|(?!["'])))\S[\s\S]*(?=\2$)/,lookbehind:!0,alias:[t,"language-"+t],inside:k.languages[t]},punctuation:[{pattern:/^=/,alias:"attr-equals"},/"|'/]}}}})}}),k.languages.html=k.languages.markup,k.languages.mathml=k.languages.markup,k.languages.svg=k.languages.markup,k.languages.xml=k.languages.extend("markup",{}),k.languages.ssml=k.languages.xml,k.languages.atom=k.languages.xml,k.languages.rss=k.languages.xml,function(e){var t={pattern:/\\[\\(){}[\]^$+*?|.]/,alias:"escape"},n=/\\(?:x[\da-fA-F]{2}|u[\da-fA-F]{4}|u\{[\da-fA-F]+\}|0[0-7]{0,2}|[123][0-7]{2}|c[a-zA-Z]|.)/,r="(?:[^\\\\-]|"+n.source+")",o=(r=RegExp(r+"-"+r),{pattern:/(<|')[^<>']+(?=[>']$)/,lookbehind:!0,alias:"variable"});e.languages.regex={"char-class":{pattern:/((?:^|[^\\])(?:\\\\)*)\[(?:[^\\\]]|\\[\s\S])*\]/,lookbehind:!0,inside:{"char-class-negation":{pattern:/(^\[)\^/,lookbehind:!0,alias:"operator"},"char-class-punctuation":{pattern:/^\[|\]$/,alias:"punctuation"},range:{pattern:r,inside:{escape:n,"range-punctuation":{pattern:/-/,alias:"operator"}}},"special-escape":t,"char-set":{pattern:/\\[wsd]|\\p\{[^{}]+\}/i,alias:"class-name"},escape:n}},"special-escape":t,"char-set":{pattern:/\.|\\[wsd]|\\p\{[^{}]+\}/i,alias:"class-name"},backreference:[{pattern:/\\(?![123][0-7]{2})[1-9]/,alias:"keyword"},{pattern:/\\k<[^<>']+>/,alias:"keyword",inside:{"group-name":o}}],anchor:{pattern:/[$^]|\\[ABbGZz]/,alias:"function"},escape:n,group:[{pattern:/\((?:\?(?:<[^<>']+>|'[^<>']+'|[>:]|<?[=!]|[idmnsuxU]+(?:-[idmnsuxU]+)?:?))?/,alias:"punctuation",inside:{"group-name":o}},{pattern:/\)/,alias:"punctuation"}],quantifier:{pattern:/(?:[+*?]|\{\d+(?:,\d*)?\})[?+]?/,alias:"number"},alternation:{pattern:/\|/,alias:"keyword"}}}(k),k.languages.clike={comment:[{pattern:/(^|[^\\])\/\*[\s\S]*?(?:\*\/|$)/,lookbehind:!0,greedy:!0},{pattern:/(^|[^\\:])\/\/.*/,lookbehind:!0,greedy:!0}],string:{pattern:/(["'])(?:\\(?:\r\n|[\s\S])|(?!\1)[^\\\r\n])*\1/,greedy:!0},"class-name":{pattern:/(\b(?:class|extends|implements|instanceof|interface|new|trait)\s+|\bcatch\s+\()[\w.\\]+/i,lookbehind:!0,inside:{punctuation:/[.\\]/}},keyword:/\b(?:break|catch|continue|do|else|finally|for|function|if|in|instanceof|new|null|return|throw|try|while)\b/,boolean:/\b(?:false|true)\b/,function:/\b\w+(?=\()/,number:/\b0x[\da-f]+\b|(?:\b\d+(?:\.\d*)?|\B\.\d+)(?:e[+-]?\d+)?/i,operator:/[<>]=?|[!=]=?=?|--?|\+\+?|&&?|\|\|?|[?*/~^%]/,punctuation:/[{}[\];(),.:]/},k.languages.javascript=k.languages.extend("clike",{"class-name":[k.languages.clike["class-name"],{pattern:/(^|[^$\w\xA0-\uFFFF])(?!\s)[_$A-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\.(?:constructor|prototype))/,lookbehind:!0}],keyword:[{pattern:/((?:^|\})\s*)catch\b/,lookbehind:!0},{pattern:/(^|[^.]|\.\.\.\s*)\b(?:as|assert(?=\s*\{)|async(?=\s*(?:function\b|\(|[$\w\xA0-\uFFFF]|$))|await|break|case|class|const|continue|debugger|default|delete|do|else|enum|export|extends|finally(?=\s*(?:\{|$))|for|from(?=\s*(?:['"]|$))|function|(?:get|set)(?=\s*(?:[#\[$\w\xA0-\uFFFF]|$))|if|implements|import|in|instanceof|interface|let|new|null|of|package|private|protected|public|return|static|super|switch|this|throw|try|typeof|undefined|var|void|while|with|yield)\b/,lookbehind:!0}],function:/#?(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*(?:\.\s*(?:apply|bind|call)\s*)?\()/,number:{pattern:RegExp(/(^|[^\w$])/.source+"(?:"+/NaN|Infinity/.source+"|"+/0[bB][01]+(?:_[01]+)*n?/.source+"|"+/0[oO][0-7]+(?:_[0-7]+)*n?/.source+"|"+/0[xX][\dA-Fa-f]+(?:_[\dA-Fa-f]+)*n?/.source+"|"+/\d+(?:_\d+)*n/.source+"|"+/(?:\d+(?:_\d+)*(?:\.(?:\d+(?:_\d+)*)?)?|\.\d+(?:_\d+)*)(?:[Ee][+-]?\d+(?:_\d+)*)?/.source+")"+/(?![\w$])/.source),lookbehind:!0},operator:/--|\+\+|\*\*=?|=>|&&=?|\|\|=?|[!=]==|<<=?|>>>?=?|[-+*/%&|^!=<>]=?|\.{3}|\?\?=?|\?\.?|[~:]/}),k.languages.javascript["class-name"][0].pattern=/(\b(?:class|extends|implements|instanceof|interface|new)\s+)[\w.\\]+/,k.languages.insertBefore("javascript","keyword",{regex:{pattern:RegExp(/((?:^|[^$\w\xA0-\uFFFF."'\])\s]|\b(?:return|yield))\s*)/.source+/\//.source+"(?:"+/(?:\[(?:[^\]\\\r\n]|\\.)*\]|\\.|[^/\\\[\r\n])+\/[dgimyus]{0,7}/.source+"|"+/(?:\[(?:[^[\]\\\r\n]|\\.|\[(?:[^[\]\\\r\n]|\\.|\[(?:[^[\]\\\r\n]|\\.)*\])*\])*\]|\\.|[^/\\\[\r\n])+\/[dgimyus]{0,7}v[dgimyus]{0,7}/.source+")"+/(?=(?:\s|\/\*(?:[^*]|\*(?!\/))*\*\/)*(?:$|[\r\n,.;:})\]]|\/\/))/.source),lookbehind:!0,greedy:!0,inside:{"regex-source":{pattern:/^(\/)[\s\S]+(?=\/[a-z]*$)/,lookbehind:!0,alias:"language-regex",inside:k.languages.regex},"regex-delimiter":/^\/|\/$/,"regex-flags":/^[a-z]+$/}},"function-variable":{pattern:/#?(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*[=:]\s*(?:async\s*)?(?:\bfunction\b|(?:\((?:[^()]|\([^()]*\))*\)|(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*)\s*=>))/,alias:"function"},parameter:[{pattern:/(function(?:\s+(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*)?\s*\(\s*)(?!\s)(?:[^()\s]|\s+(?![\s)])|\([^()]*\))+(?=\s*\))/,lookbehind:!0,inside:k.languages.javascript},{pattern:/(^|[^$\w\xA0-\uFFFF])(?!\s)[_$a-z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*=>)/i,lookbehind:!0,inside:k.languages.javascript},{pattern:/(\(\s*)(?!\s)(?:[^()\s]|\s+(?![\s)])|\([^()]*\))+(?=\s*\)\s*=>)/,lookbehind:!0,inside:k.languages.javascript},{pattern:/((?:\b|\s|^)(?!(?:as|async|await|break|case|catch|class|const|continue|debugger|default|delete|do|else|enum|export|extends|finally|for|from|function|get|if|implements|import|in|instanceof|interface|let|new|null|of|package|private|protected|public|return|set|static|super|switch|this|throw|try|typeof|undefined|var|void|while|with|yield)(?![$\w\xA0-\uFFFF]))(?:(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*\s*)\(\s*|\]\s*\(\s*)(?!\s)(?:[^()\s]|\s+(?![\s)])|\([^()]*\))+(?=\s*\)\s*\{)/,lookbehind:!0,inside:k.languages.javascript}],constant:/\b[A-Z](?:[A-Z_]|\dx?)*\b/}),k.languages.insertBefore("javascript","string",{hashbang:{pattern:/^#!.*/,greedy:!0,alias:"comment"},"template-string":{pattern:/`(?:\\[\s\S]|\$\{(?:[^{}]|\{(?:[^{}]|\{[^}]*\})*\})+\}|(?!\$\{)[^\\`])*`/,greedy:!0,inside:{"template-punctuation":{pattern:/^`|`$/,alias:"string"},interpolation:{pattern:/((?:^|[^\\])(?:\\{2})*)\$\{(?:[^{}]|\{(?:[^{}]|\{[^}]*\})*\})+\}/,lookbehind:!0,inside:{"interpolation-punctuation":{pattern:/^\$\{|\}$/,alias:"punctuation"},rest:k.languages.javascript}},string:/[\s\S]+/}},"string-property":{pattern:/((?:^|[,{])[ \t]*)(["'])(?:\\(?:\r\n|[\s\S])|(?!\2)[^\\\r\n])*\2(?=\s*:)/m,lookbehind:!0,greedy:!0,alias:"property"}}),k.languages.insertBefore("javascript","operator",{"literal-property":{pattern:/((?:^|[,{])[ \t]*)(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*:)/m,lookbehind:!0,alias:"property"}}),k.languages.markup&&(k.languages.markup.tag.addInlined("script","javascript"),k.languages.markup.tag.addAttribute(/on(?:abort|blur|change|click|composition(?:end|start|update)|dblclick|error|focus(?:in|out)?|key(?:down|up)|load|mouse(?:down|enter|leave|move|out|over|up)|reset|resize|scroll|select|slotchange|submit|unload|wheel)/.source,"javascript")),k.languages.js=k.languages.javascript,k.languages.actionscript=k.languages.extend("javascript",{keyword:/\b(?:as|break|case|catch|class|const|default|delete|do|dynamic|each|else|extends|final|finally|for|function|get|if|implements|import|in|include|instanceof|interface|internal|is|namespace|native|new|null|override|package|private|protected|public|return|set|static|super|switch|this|throw|try|typeof|use|var|void|while|with)\b/,operator:/\+\+|--|(?:[+\-*\/%^]|&&?|\|\|?|<<?|>>?>?|[!=]=?)=?|[~?@]/}),k.languages.actionscript["class-name"].alias="function",delete k.languages.actionscript.parameter,delete k.languages.actionscript["literal-property"],k.languages.markup&&k.languages.insertBefore("actionscript","string",{xml:{pattern:/(^|[^.])<\/?\w+(?:\s+[^\s>\/=]+=("|')(?:\\[\s\S]|(?!\2)[^\\])*\2)*\s*\/?>/,lookbehind:!0,inside:k.languages.markup}}),function(e){var t=/#(?!\{).+/,n={pattern:/#\{[^}]+\}/,alias:"variable"};e.languages.coffeescript=e.languages.extend("javascript",{comment:t,string:[{pattern:/'(?:\\[\s\S]|[^\\'])*'/,greedy:!0},{pattern:/"(?:\\[\s\S]|[^\\"])*"/,greedy:!0,inside:{interpolation:n}}],keyword:/\b(?:and|break|by|catch|class|continue|debugger|delete|do|each|else|extend|extends|false|finally|for|if|in|instanceof|is|isnt|let|loop|namespace|new|no|not|null|of|off|on|or|own|return|super|switch|then|this|throw|true|try|typeof|undefined|unless|until|when|while|window|with|yes|yield)\b/,"class-member":{pattern:/@(?!\d)\w+/,alias:"variable"}}),e.languages.insertBefore("coffeescript","comment",{"multiline-comment":{pattern:/###[\s\S]+?###/,alias:"comment"},"block-regex":{pattern:/\/{3}[\s\S]*?\/{3}/,alias:"regex",inside:{comment:t,interpolation:n}}}),e.languages.insertBefore("coffeescript","string",{"inline-javascript":{pattern:/`(?:\\[\s\S]|[^\\`])*`/,inside:{delimiter:{pattern:/^`|`$/,alias:"punctuation"},script:{pattern:/[\s\S]+/,alias:"language-javascript",inside:e.languages.javascript}}},"multiline-string":[{pattern:/'''[\s\S]*?'''/,greedy:!0,alias:"string"},{pattern:/"""[\s\S]*?"""/,greedy:!0,alias:"string",inside:{interpolation:n}}]}),e.languages.insertBefore("coffeescript","keyword",{property:/(?!\d)\w+(?=\s*:(?!:))/}),delete e.languages.coffeescript["template-string"],e.languages.coffee=e.languages.coffeescript}(k),function(e){var t=e.languages.javadoclike={parameter:{pattern:/(^[\t ]*(?:\/{3}|\*|\/\*\*)\s*@(?:arg|arguments|param)\s+)\w+/m,lookbehind:!0},keyword:{pattern:/(^[\t ]*(?:\/{3}|\*|\/\*\*)\s*|\{)@[a-z][a-zA-Z-]+\b/m,lookbehind:!0},punctuation:/[{}]/};Object.defineProperty(t,"addSupport",{value:function(t,n){(t="string"==typeof t?[t]:t).forEach((function(t){var r=function(e){e.inside||(e.inside={}),e.inside.rest=n},o="doc-comment";if(a=e.languages[t]){var a,i=a[o];if((i=i||(a=e.languages.insertBefore(t,"comment",{"doc-comment":{pattern:/(^|[^\\])\/\*\*[^/][\s\S]*?(?:\*\/|$)/,lookbehind:!0,alias:"comment"}}))[o])instanceof RegExp&&(i=a[o]={pattern:i}),Array.isArray(i))for(var s=0,l=i.length;s<l;s++)i[s]instanceof RegExp&&(i[s]={pattern:i[s]}),r(i[s]);else r(i)}}))}}),t.addSupport(["java","javascript","php"],t)}(k),function(e){var t=/(?:"(?:\\(?:\r\n|[\s\S])|[^"\\\r\n])*"|'(?:\\(?:\r\n|[\s\S])|[^'\\\r\n])*')/;(t=(e.languages.css={comment:/\/\*[\s\S]*?\*\//,atrule:{pattern:RegExp("@[\\w-](?:"+/[^;{\s"']|\s+(?!\s)/.source+"|"+t.source+")*?"+/(?:;|(?=\s*\{))/.source),inside:{rule:/^@[\w-]+/,"selector-function-argument":{pattern:/(\bselector\s*\(\s*(?![\s)]))(?:[^()\s]|\s+(?![\s)])|\((?:[^()]|\([^()]*\))*\))+(?=\s*\))/,lookbehind:!0,alias:"selector"},keyword:{pattern:/(^|[^\w-])(?:and|not|only|or)(?![\w-])/,lookbehind:!0}}},url:{pattern:RegExp("\\burl\\((?:"+t.source+"|"+/(?:[^\\\r\n()"']|\\[\s\S])*/.source+")\\)","i"),greedy:!0,inside:{function:/^url/i,punctuation:/^\(|\)$/,string:{pattern:RegExp("^"+t.source+"$"),alias:"url"}}},selector:{pattern:RegExp("(^|[{}\\s])[^{}\\s](?:[^{};\"'\\s]|\\s+(?![\\s{])|"+t.source+")*(?=\\s*\\{)"),lookbehind:!0},string:{pattern:t,greedy:!0},property:{pattern:/(^|[^-\w\xA0-\uFFFF])(?!\s)[-_a-z\xA0-\uFFFF](?:(?!\s)[-\w\xA0-\uFFFF])*(?=\s*:)/i,lookbehind:!0},important:/!important\b/i,function:{pattern:/(^|[^-a-z0-9])[-a-z0-9]+(?=\()/i,lookbehind:!0},punctuation:/[(){};:,]/},e.languages.css.atrule.inside.rest=e.languages.css,e.languages.markup))&&(t.tag.addInlined("style","css"),t.tag.addAttribute("style","css"))}(k),function(e){var t=/("|')(?:\\(?:\r\n|[\s\S])|(?!\1)[^\\\r\n])*\1/,n=(t=(e.languages.css.selector={pattern:e.languages.css.selector.pattern,lookbehind:!0,inside:t={"pseudo-element":/:(?:after|before|first-letter|first-line|selection)|::[-\w]+/,"pseudo-class":/:[-\w]+/,class:/\.[-\w]+/,id:/#[-\w]+/,attribute:{pattern:RegExp("\\[(?:[^[\\]\"']|"+t.source+")*\\]"),greedy:!0,inside:{punctuation:/^\[|\]$/,"case-sensitivity":{pattern:/(\s)[si]$/i,lookbehind:!0,alias:"keyword"},namespace:{pattern:/^(\s*)(?:(?!\s)[-*\w\xA0-\uFFFF])*\|(?!=)/,lookbehind:!0,inside:{punctuation:/\|$/}},"attr-name":{pattern:/^(\s*)(?:(?!\s)[-\w\xA0-\uFFFF])+/,lookbehind:!0},"attr-value":[t,{pattern:/(=\s*)(?:(?!\s)[-\w\xA0-\uFFFF])+(?=\s*$)/,lookbehind:!0}],operator:/[|~*^$]?=/}},"n-th":[{pattern:/(\(\s*)[+-]?\d*[\dn](?:\s*[+-]\s*\d+)?(?=\s*\))/,lookbehind:!0,inside:{number:/[\dn]+/,operator:/[+-]/}},{pattern:/(\(\s*)(?:even|odd)(?=\s*\))/i,lookbehind:!0}],combinator:/>|\+|~|\|\|/,punctuation:/[(),]/}},e.languages.css.atrule.inside["selector-function-argument"].inside=t,e.languages.insertBefore("css","property",{variable:{pattern:/(^|[^-\w\xA0-\uFFFF])--(?!\s)[-_a-z\xA0-\uFFFF](?:(?!\s)[-\w\xA0-\uFFFF])*/i,lookbehind:!0}}),{pattern:/(\b\d+)(?:%|[a-z]+(?![\w-]))/,lookbehind:!0}),{pattern:/(^|[^\w.-])-?(?:\d+(?:\.\d+)?|\.\d+)/,lookbehind:!0});e.languages.insertBefore("css","function",{operator:{pattern:/(\s)[+\-*\/](?=\s)/,lookbehind:!0},hexcode:{pattern:/\B#[\da-f]{3,8}\b/i,alias:"color"},color:[{pattern:/(^|[^\w-])(?:AliceBlue|AntiqueWhite|Aqua|Aquamarine|Azure|Beige|Bisque|Black|BlanchedAlmond|Blue|BlueViolet|Brown|BurlyWood|CadetBlue|Chartreuse|Chocolate|Coral|CornflowerBlue|Cornsilk|Crimson|Cyan|DarkBlue|DarkCyan|DarkGoldenRod|DarkGr[ae]y|DarkGreen|DarkKhaki|DarkMagenta|DarkOliveGreen|DarkOrange|DarkOrchid|DarkRed|DarkSalmon|DarkSeaGreen|DarkSlateBlue|DarkSlateGr[ae]y|DarkTurquoise|DarkViolet|DeepPink|DeepSkyBlue|DimGr[ae]y|DodgerBlue|FireBrick|FloralWhite|ForestGreen|Fuchsia|Gainsboro|GhostWhite|Gold|GoldenRod|Gr[ae]y|Green|GreenYellow|HoneyDew|HotPink|IndianRed|Indigo|Ivory|Khaki|Lavender|LavenderBlush|LawnGreen|LemonChiffon|LightBlue|LightCoral|LightCyan|LightGoldenRodYellow|LightGr[ae]y|LightGreen|LightPink|LightSalmon|LightSeaGreen|LightSkyBlue|LightSlateGr[ae]y|LightSteelBlue|LightYellow|Lime|LimeGreen|Linen|Magenta|Maroon|MediumAquaMarine|MediumBlue|MediumOrchid|MediumPurple|MediumSeaGreen|MediumSlateBlue|MediumSpringGreen|MediumTurquoise|MediumVioletRed|MidnightBlue|MintCream|MistyRose|Moccasin|NavajoWhite|Navy|OldLace|Olive|OliveDrab|Orange|OrangeRed|Orchid|PaleGoldenRod|PaleGreen|PaleTurquoise|PaleVioletRed|PapayaWhip|PeachPuff|Peru|Pink|Plum|PowderBlue|Purple|RebeccaPurple|Red|RosyBrown|RoyalBlue|SaddleBrown|Salmon|SandyBrown|SeaGreen|SeaShell|Sienna|Silver|SkyBlue|SlateBlue|SlateGr[ae]y|Snow|SpringGreen|SteelBlue|Tan|Teal|Thistle|Tomato|Transparent|Turquoise|Violet|Wheat|White|WhiteSmoke|Yellow|YellowGreen)(?![\w-])/i,lookbehind:!0},{pattern:/\b(?:hsl|rgb)\(\s*\d{1,3}\s*,\s*\d{1,3}%?\s*,\s*\d{1,3}%?\s*\)\B|\b(?:hsl|rgb)a\(\s*\d{1,3}\s*,\s*\d{1,3}%?\s*,\s*\d{1,3}%?\s*,\s*(?:0|0?\.\d+|1)\s*\)\B/i,inside:{unit:t,number:n,function:/[\w-]+(?=\()/,punctuation:/[(),]/}}],entity:/\\[\da-f]{1,8}/i,unit:t,number:n})}(k),function(e){var t=/[*&][^\s[\]{},]+/,n=/!(?:<[\w\-%#;/?:@&=+$,.!~*'()[\]]+>|(?:[a-zA-Z\d-]*!)?[\w\-%#;/?:@&=+$.~*'()]+)?/,r="(?:"+n.source+"(?:[ \t]+"+t.source+")?|"+t.source+"(?:[ \t]+"+n.source+")?)",o=/(?:[^\s\x00-\x08\x0e-\x1f!"#%&'*,\-:>?@[\]`{|}\x7f-\x84\x86-\x9f\ud800-\udfff\ufffe\uffff]|[?:-]<PLAIN>)(?:[ \t]*(?:(?![#:])<PLAIN>|:<PLAIN>))*/.source.replace(/<PLAIN>/g,(function(){return/[^\s\x00-\x08\x0e-\x1f,[\]{}\x7f-\x84\x86-\x9f\ud800-\udfff\ufffe\uffff]/.source})),a=/"(?:[^"\\\r\n]|\\.)*"|'(?:[^'\\\r\n]|\\.)*'/.source;function i(e,t){t=(t||"").replace(/m/g,"")+"m";var n=/([:\-,[{]\s*(?:\s<<prop>>[ \t]+)?)(?:<<value>>)(?=[ \t]*(?:$|,|\]|\}|(?:[\r\n]\s*)?#))/.source.replace(/<<prop>>/g,(function(){return r})).replace(/<<value>>/g,(function(){return e}));return RegExp(n,t)}e.languages.yaml={scalar:{pattern:RegExp(/([\-:]\s*(?:\s<<prop>>[ \t]+)?[|>])[ \t]*(?:((?:\r?\n|\r)[ \t]+)\S[^\r\n]*(?:\2[^\r\n]+)*)/.source.replace(/<<prop>>/g,(function(){return r}))),lookbehind:!0,alias:"string"},comment:/#.*/,key:{pattern:RegExp(/((?:^|[:\-,[{\r\n?])[ \t]*(?:<<prop>>[ \t]+)?)<<key>>(?=\s*:\s)/.source.replace(/<<prop>>/g,(function(){return r})).replace(/<<key>>/g,(function(){return"(?:"+o+"|"+a+")"}))),lookbehind:!0,greedy:!0,alias:"atrule"},directive:{pattern:/(^[ \t]*)%.+/m,lookbehind:!0,alias:"important"},datetime:{pattern:i(/\d{4}-\d\d?-\d\d?(?:[tT]|[ \t]+)\d\d?:\d{2}:\d{2}(?:\.\d*)?(?:[ \t]*(?:Z|[-+]\d\d?(?::\d{2})?))?|\d{4}-\d{2}-\d{2}|\d\d?:\d{2}(?::\d{2}(?:\.\d*)?)?/.source),lookbehind:!0,alias:"number"},boolean:{pattern:i(/false|true/.source,"i"),lookbehind:!0,alias:"important"},null:{pattern:i(/null|~/.source,"i"),lookbehind:!0,alias:"important"},string:{pattern:i(a),lookbehind:!0,greedy:!0},number:{pattern:i(/[+-]?(?:0x[\da-f]+|0o[0-7]+|(?:\d+(?:\.\d*)?|\.\d+)(?:e[+-]?\d+)?|\.inf|\.nan)/.source,"i"),lookbehind:!0},tag:n,important:t,punctuation:/---|[:[\]{}\-,|>?]|\.\.\./},e.languages.yml=e.languages.yaml}(k),function(e){var t=/(?:\\.|[^\\\n\r]|(?:\n|\r\n?)(?![\r\n]))/.source;function n(e){return e=e.replace(/<inner>/g,(function(){return t})),RegExp(/((?:^|[^\\])(?:\\{2})*)/.source+"(?:"+e+")")}var r=/(?:\\.|``(?:[^`\r\n]|`(?!`))+``|`[^`\r\n]+`|[^\\|\r\n`])+/.source,o=/\|?__(?:\|__)+\|?(?:(?:\n|\r\n?)|(?![\s\S]))/.source.replace(/__/g,(function(){return r})),a=/\|?[ \t]*:?-{3,}:?[ \t]*(?:\|[ \t]*:?-{3,}:?[ \t]*)+\|?(?:\n|\r\n?)/.source,i=(e.languages.markdown=e.languages.extend("markup",{}),e.languages.insertBefore("markdown","prolog",{"front-matter-block":{pattern:/(^(?:\s*[\r\n])?)---(?!.)[\s\S]*?[\r\n]---(?!.)/,lookbehind:!0,greedy:!0,inside:{punctuation:/^---|---$/,"front-matter":{pattern:/\S+(?:\s+\S+)*/,alias:["yaml","language-yaml"],inside:e.languages.yaml}}},blockquote:{pattern:/^>(?:[\t ]*>)*/m,alias:"punctuation"},table:{pattern:RegExp("^"+o+a+"(?:"+o+")*","m"),inside:{"table-data-rows":{pattern:RegExp("^("+o+a+")(?:"+o+")*$"),lookbehind:!0,inside:{"table-data":{pattern:RegExp(r),inside:e.languages.markdown},punctuation:/\|/}},"table-line":{pattern:RegExp("^("+o+")"+a+"$"),lookbehind:!0,inside:{punctuation:/\||:?-{3,}:?/}},"table-header-row":{pattern:RegExp("^"+o+"$"),inside:{"table-header":{pattern:RegExp(r),alias:"important",inside:e.languages.markdown},punctuation:/\|/}}}},code:[{pattern:/((?:^|\n)[ \t]*\n|(?:^|\r\n?)[ \t]*\r\n?)(?: {4}|\t).+(?:(?:\n|\r\n?)(?: {4}|\t).+)*/,lookbehind:!0,alias:"keyword"},{pattern:/^```[\s\S]*?^```$/m,greedy:!0,inside:{"code-block":{pattern:/^(```.*(?:\n|\r\n?))[\s\S]+?(?=(?:\n|\r\n?)^```$)/m,lookbehind:!0},"code-language":{pattern:/^(```).+/,lookbehind:!0},punctuation:/```/}}],title:[{pattern:/\S.*(?:\n|\r\n?)(?:==+|--+)(?=[ \t]*$)/m,alias:"important",inside:{punctuation:/==+$|--+$/}},{pattern:/(^\s*)#.+/m,lookbehind:!0,alias:"important",inside:{punctuation:/^#+|#+$/}}],hr:{pattern:/(^\s*)([*-])(?:[\t ]*\2){2,}(?=\s*$)/m,lookbehind:!0,alias:"punctuation"},list:{pattern:/(^\s*)(?:[*+-]|\d+\.)(?=[\t ].)/m,lookbehind:!0,alias:"punctuation"},"url-reference":{pattern:/!?\[[^\]]+\]:[\t ]+(?:\S+|<(?:\\.|[^>\\])+>)(?:[\t ]+(?:"(?:\\.|[^"\\])*"|'(?:\\.|[^'\\])*'|\((?:\\.|[^)\\])*\)))?/,inside:{variable:{pattern:/^(!?\[)[^\]]+/,lookbehind:!0},string:/(?:"(?:\\.|[^"\\])*"|'(?:\\.|[^'\\])*'|\((?:\\.|[^)\\])*\))$/,punctuation:/^[\[\]!:]|[<>]/},alias:"url"},bold:{pattern:n(/\b__(?:(?!_)<inner>|_(?:(?!_)<inner>)+_)+__\b|\*\*(?:(?!\*)<inner>|\*(?:(?!\*)<inner>)+\*)+\*\*/.source),lookbehind:!0,greedy:!0,inside:{content:{pattern:/(^..)[\s\S]+(?=..$)/,lookbehind:!0,inside:{}},punctuation:/\*\*|__/}},italic:{pattern:n(/\b_(?:(?!_)<inner>|__(?:(?!_)<inner>)+__)+_\b|\*(?:(?!\*)<inner>|\*\*(?:(?!\*)<inner>)+\*\*)+\*/.source),lookbehind:!0,greedy:!0,inside:{content:{pattern:/(^.)[\s\S]+(?=.$)/,lookbehind:!0,inside:{}},punctuation:/[*_]/}},strike:{pattern:n(/(~~?)(?:(?!~)<inner>)+\2/.source),lookbehind:!0,greedy:!0,inside:{content:{pattern:/(^~~?)[\s\S]+(?=\1$)/,lookbehind:!0,inside:{}},punctuation:/~~?/}},"code-snippet":{pattern:/(^|[^\\`])(?:``[^`\r\n]+(?:`[^`\r\n]+)*``(?!`)|`[^`\r\n]+`(?!`))/,lookbehind:!0,greedy:!0,alias:["code","keyword"]},url:{pattern:n(/!?\[(?:(?!\])<inner>)+\](?:\([^\s)]+(?:[\t ]+"(?:\\.|[^"\\])*")?\)|[ \t]?\[(?:(?!\])<inner>)+\])/.source),lookbehind:!0,greedy:!0,inside:{operator:/^!/,content:{pattern:/(^\[)[^\]]+(?=\])/,lookbehind:!0,inside:{}},variable:{pattern:/(^\][ \t]?\[)[^\]]+(?=\]$)/,lookbehind:!0},url:{pattern:/(^\]\()[^\s)]+/,lookbehind:!0},string:{pattern:/(^[ \t]+)"(?:\\.|[^"\\])*"(?=\)$)/,lookbehind:!0}}}}),["url","bold","italic","strike"].forEach((function(t){["url","bold","italic","strike","code-snippet"].forEach((function(n){t!==n&&(e.languages.markdown[t].inside.content.inside[n]=e.languages.markdown[n])}))})),e.hooks.add("after-tokenize",(function(e){"markdown"!==e.language&&"md"!==e.language||function e(t){if(t&&"string"!=typeof t)for(var n=0,r=t.length;n<r;n++){var o,a=t[n];"code"!==a.type?e(a.content):(o=a.content[1],a=a.content[3],o&&a&&"code-language"===o.type&&"code-block"===a.type&&"string"==typeof o.content&&(o=o.content.replace(/\b#/g,"sharp").replace(/\b\+\+/g,"pp"),o="language-"+(o=(/[a-z][\w-]*/i.exec(o)||[""])[0].toLowerCase()),a.alias?"string"==typeof a.alias?a.alias=[a.alias,o]:a.alias.push(o):a.alias=[o]))}}(e.tokens)})),e.hooks.add("wrap",(function(t){if("code-block"===t.type){for(var n="",r=0,o=t.classes.length;r<o;r++){var a=t.classes[r];if(a=/language-(.+)/.exec(a)){n=a[1];break}}var c,u=e.languages[n];u?t.content=e.highlight(t.content.replace(i,"").replace(/&(\w{1,8}|#x?[\da-f]{1,8});/gi,(function(e,t){var n;return"#"===(t=t.toLowerCase())[0]?(n="x"===t[1]?parseInt(t.slice(2),16):Number(t.slice(1)),l(n)):s[t]||e})),u,n):n&&"none"!==n&&e.plugins.autoloader&&(c="md-"+(new Date).valueOf()+"-"+Math.floor(1e16*Math.random()),t.attributes.id=c,e.plugins.autoloader.loadLanguages(n,(function(){var t=document.getElementById(c);t&&(t.innerHTML=e.highlight(t.textContent,e.languages[n],n))})))}})),RegExp(e.languages.markup.tag.pattern.source,"gi")),s={amp:"&",lt:"<",gt:">",quot:'"'},l=String.fromCodePoint||String.fromCharCode;e.languages.md=e.languages.markdown}(k),k.languages.graphql={comment:/#.*/,description:{pattern:/(?:"""(?:[^"]|(?!""")")*"""|"(?:\\.|[^\\"\r\n])*")(?=\s*[a-z_])/i,greedy:!0,alias:"string",inside:{"language-markdown":{pattern:/(^"(?:"")?)(?!\1)[\s\S]+(?=\1$)/,lookbehind:!0,inside:k.languages.markdown}}},string:{pattern:/"""(?:[^"]|(?!""")")*"""|"(?:\\.|[^\\"\r\n])*"/,greedy:!0},number:/(?:\B-|\b)\d+(?:\.\d+)?(?:e[+-]?\d+)?\b/i,boolean:/\b(?:false|true)\b/,variable:/\$[a-z_]\w*/i,directive:{pattern:/@[a-z_]\w*/i,alias:"function"},"attr-name":{pattern:/\b[a-z_]\w*(?=\s*(?:\((?:[^()"]|"(?:\\.|[^\\"\r\n])*")*\))?:)/i,greedy:!0},"atom-input":{pattern:/\b[A-Z]\w*Input\b/,alias:"class-name"},scalar:/\b(?:Boolean|Float|ID|Int|String)\b/,constant:/\b[A-Z][A-Z_\d]*\b/,"class-name":{pattern:/(\b(?:enum|implements|interface|on|scalar|type|union)\s+|&\s*|:\s*|\[)[A-Z_]\w*/,lookbehind:!0},fragment:{pattern:/(\bfragment\s+|\.{3}\s*(?!on\b))[a-zA-Z_]\w*/,lookbehind:!0,alias:"function"},"definition-mutation":{pattern:/(\bmutation\s+)[a-zA-Z_]\w*/,lookbehind:!0,alias:"function"},"definition-query":{pattern:/(\bquery\s+)[a-zA-Z_]\w*/,lookbehind:!0,alias:"function"},keyword:/\b(?:directive|enum|extend|fragment|implements|input|interface|mutation|on|query|repeatable|scalar|schema|subscription|type|union)\b/,operator:/[!=|&]|\.{3}/,"property-query":/\w+(?=\s*\()/,object:/\w+(?=\s*\{)/,punctuation:/[!(){}\[\]:=,]/,property:/\w+/},k.hooks.add("after-tokenize",(function(e){if("graphql"===e.language)for(var t=e.tokens.filter((function(e){return"string"!=typeof e&&"comment"!==e.type&&"scalar"!==e.type})),n=0;n<t.length;){var r=t[n++];if("keyword"===r.type&&"mutation"===r.content){var o=[];if(d(["definition-mutation","punctuation"])&&"("===u(1).content){n+=2;var a=p(/^\($/,/^\)$/);if(-1===a)continue;for(;n<a;n++){var i=u(0);"variable"===i.type&&(f(i,"variable-input"),o.push(i.content))}n=a+1}if(d(["punctuation","property-query"])&&"{"===u(0).content&&(n++,f(u(0),"property-mutation"),0<o.length)){var s=p(/^\{$/,/^\}$/);if(-1!==s)for(var l=n;l<s;l++){var c=t[l];"variable"===c.type&&0<=o.indexOf(c.content)&&f(c,"variable-input")}}}}function u(e){return t[n+e]}function d(e,t){t=t||0;for(var n=0;n<e.length;n++){var r=u(n+t);if(!r||r.type!==e[n])return}return 1}function p(e,r){for(var o=1,a=n;a<t.length;a++){var i=t[a],s=i.content;if("punctuation"===i.type&&"string"==typeof s)if(e.test(s))o++;else if(r.test(s)&&0==--o)return a}return-1}function f(e,t){var n=e.alias;n?Array.isArray(n)||(e.alias=n=[n]):e.alias=n=[],n.push(t)}})),k.languages.sql={comment:{pattern:/(^|[^\\])(?:\/\*[\s\S]*?\*\/|(?:--|\/\/|#).*)/,lookbehind:!0},variable:[{pattern:/@(["'`])(?:\\[\s\S]|(?!\1)[^\\])+\1/,greedy:!0},/@[\w.$]+/],string:{pattern:/(^|[^@\\])("|')(?:\\[\s\S]|(?!\2)[^\\]|\2\2)*\2/,greedy:!0,lookbehind:!0},identifier:{pattern:/(^|[^@\\])`(?:\\[\s\S]|[^`\\]|``)*`/,greedy:!0,lookbehind:!0,inside:{punctuation:/^`|`$/}},function:/\b(?:AVG|COUNT|FIRST|FORMAT|LAST|LCASE|LEN|MAX|MID|MIN|MOD|NOW|ROUND|SUM|UCASE)(?=\s*\()/i,keyword:/\b(?:ACTION|ADD|AFTER|ALGORITHM|ALL|ALTER|ANALYZE|ANY|APPLY|AS|ASC|AUTHORIZATION|AUTO_INCREMENT|BACKUP|BDB|BEGIN|BERKELEYDB|BIGINT|BINARY|BIT|BLOB|BOOL|BOOLEAN|BREAK|BROWSE|BTREE|BULK|BY|CALL|CASCADED?|CASE|CHAIN|CHAR(?:ACTER|SET)?|CHECK(?:POINT)?|CLOSE|CLUSTERED|COALESCE|COLLATE|COLUMNS?|COMMENT|COMMIT(?:TED)?|COMPUTE|CONNECT|CONSISTENT|CONSTRAINT|CONTAINS(?:TABLE)?|CONTINUE|CONVERT|CREATE|CROSS|CURRENT(?:_DATE|_TIME|_TIMESTAMP|_USER)?|CURSOR|CYCLE|DATA(?:BASES?)?|DATE(?:TIME)?|DAY|DBCC|DEALLOCATE|DEC|DECIMAL|DECLARE|DEFAULT|DEFINER|DELAYED|DELETE|DELIMITERS?|DENY|DESC|DESCRIBE|DETERMINISTIC|DISABLE|DISCARD|DISK|DISTINCT|DISTINCTROW|DISTRIBUTED|DO|DOUBLE|DROP|DUMMY|DUMP(?:FILE)?|DUPLICATE|ELSE(?:IF)?|ENABLE|ENCLOSED|END|ENGINE|ENUM|ERRLVL|ERRORS|ESCAPED?|EXCEPT|EXEC(?:UTE)?|EXISTS|EXIT|EXPLAIN|EXTENDED|FETCH|FIELDS|FILE|FILLFACTOR|FIRST|FIXED|FLOAT|FOLLOWING|FOR(?: EACH ROW)?|FORCE|FOREIGN|FREETEXT(?:TABLE)?|FROM|FULL|FUNCTION|GEOMETRY(?:COLLECTION)?|GLOBAL|GOTO|GRANT|GROUP|HANDLER|HASH|HAVING|HOLDLOCK|HOUR|IDENTITY(?:COL|_INSERT)?|IF|IGNORE|IMPORT|INDEX|INFILE|INNER|INNODB|INOUT|INSERT|INT|INTEGER|INTERSECT|INTERVAL|INTO|INVOKER|ISOLATION|ITERATE|JOIN|KEYS?|KILL|LANGUAGE|LAST|LEAVE|LEFT|LEVEL|LIMIT|LINENO|LINES|LINESTRING|LOAD|LOCAL|LOCK|LONG(?:BLOB|TEXT)|LOOP|MATCH(?:ED)?|MEDIUM(?:BLOB|INT|TEXT)|MERGE|MIDDLEINT|MINUTE|MODE|MODIFIES|MODIFY|MONTH|MULTI(?:LINESTRING|POINT|POLYGON)|NATIONAL|NATURAL|NCHAR|NEXT|NO|NONCLUSTERED|NULLIF|NUMERIC|OFF?|OFFSETS?|ON|OPEN(?:DATASOURCE|QUERY|ROWSET)?|OPTIMIZE|OPTION(?:ALLY)?|ORDER|OUT(?:ER|FILE)?|OVER|PARTIAL|PARTITION|PERCENT|PIVOT|PLAN|POINT|POLYGON|PRECEDING|PRECISION|PREPARE|PREV|PRIMARY|PRINT|PRIVILEGES|PROC(?:EDURE)?|PUBLIC|PURGE|QUICK|RAISERROR|READS?|REAL|RECONFIGURE|REFERENCES|RELEASE|RENAME|REPEAT(?:ABLE)?|REPLACE|REPLICATION|REQUIRE|RESIGNAL|RESTORE|RESTRICT|RETURN(?:ING|S)?|REVOKE|RIGHT|ROLLBACK|ROUTINE|ROW(?:COUNT|GUIDCOL|S)?|RTREE|RULE|SAVE(?:POINT)?|SCHEMA|SECOND|SELECT|SERIAL(?:IZABLE)?|SESSION(?:_USER)?|SET(?:USER)?|SHARE|SHOW|SHUTDOWN|SIMPLE|SMALLINT|SNAPSHOT|SOME|SONAME|SQL|START(?:ING)?|STATISTICS|STATUS|STRIPED|SYSTEM_USER|TABLES?|TABLESPACE|TEMP(?:ORARY|TABLE)?|TERMINATED|TEXT(?:SIZE)?|THEN|TIME(?:STAMP)?|TINY(?:BLOB|INT|TEXT)|TOP?|TRAN(?:SACTIONS?)?|TRIGGER|TRUNCATE|TSEQUAL|TYPES?|UNBOUNDED|UNCOMMITTED|UNDEFINED|UNION|UNIQUE|UNLOCK|UNPIVOT|UNSIGNED|UPDATE(?:TEXT)?|USAGE|USE|USER|USING|VALUES?|VAR(?:BINARY|CHAR|CHARACTER|YING)|VIEW|WAITFOR|WARNINGS|WHEN|WHERE|WHILE|WITH(?: ROLLUP|IN)?|WORK|WRITE(?:TEXT)?|YEAR)\b/i,boolean:/\b(?:FALSE|NULL|TRUE)\b/i,number:/\b0x[\da-f]+\b|\b\d+(?:\.\d*)?|\B\.\d+\b/i,operator:/[-+*\/=%^~]|&&?|\|\|?|!=?|<(?:=>?|<|>)?|>[>=]?|\b(?:AND|BETWEEN|DIV|ILIKE|IN|IS|LIKE|NOT|OR|REGEXP|RLIKE|SOUNDS LIKE|XOR)\b/i,punctuation:/[;[\]()`,.]/},function(e){var t=e.languages.javascript["template-string"],n=t.pattern.source,r=t.inside.interpolation,o=r.inside["interpolation-punctuation"],a=r.pattern.source;function i(t,r){if(e.languages[t])return{pattern:RegExp("((?:"+r+")\\s*)"+n),lookbehind:!0,greedy:!0,inside:{"template-punctuation":{pattern:/^`|`$/,alias:"string"},"embedded-code":{pattern:/[\s\S]+/,alias:t}}}}function s(t,n,r){return t={code:t,grammar:n,language:r},e.hooks.run("before-tokenize",t),t.tokens=e.tokenize(t.code,t.grammar),e.hooks.run("after-tokenize",t),t.tokens}function l(t,n,i){var l=e.tokenize(t,{interpolation:{pattern:RegExp(a),lookbehind:!0}}),c=0,u={},d=(l=s(l.map((function(e){if("string"==typeof e)return e;var n,r;for(e=e.content;-1!==t.indexOf((r=c++,n="___"+i.toUpperCase()+"_"+r+"___")););return u[n]=e,n})).join(""),n,i),Object.keys(u));return c=0,function t(n){for(var a=0;a<n.length;a++){if(c>=d.length)return;var i,l,p,f,m,h,g,b=n[a];"string"==typeof b||"string"==typeof b.content?(i=d[c],-1!==(g=(h="string"==typeof b?b:b.content).indexOf(i))&&(++c,l=h.substring(0,g),m=u[i],p=void 0,(f={})["interpolation-punctuation"]=o,3===(f=e.tokenize(m,f)).length&&((p=[1,1]).push.apply(p,s(f[1],e.languages.javascript,"javascript")),f.splice.apply(f,p)),p=new e.Token("interpolation",f,r.alias,m),f=h.substring(g+i.length),m=[],l&&m.push(l),m.push(p),f&&(t(h=[f]),m.push.apply(m,h)),"string"==typeof b?(n.splice.apply(n,[a,1].concat(m)),a+=m.length-1):b.content=m)):(g=b.content,Array.isArray(g)?t(g):t([g]))}}(l),new e.Token(i,l,"language-"+i,t)}e.languages.javascript["template-string"]=[i("css",/\b(?:styled(?:\([^)]*\))?(?:\s*\.\s*\w+(?:\([^)]*\))*)*|css(?:\s*\.\s*(?:global|resolve))?|createGlobalStyle|keyframes)/.source),i("html",/\bhtml|\.\s*(?:inner|outer)HTML\s*\+?=/.source),i("svg",/\bsvg/.source),i("markdown",/\b(?:markdown|md)/.source),i("graphql",/\b(?:gql|graphql(?:\s*\.\s*experimental)?)/.source),i("sql",/\bsql/.source),t].filter(Boolean);var c={javascript:!0,js:!0,typescript:!0,ts:!0,jsx:!0,tsx:!0};function u(e){return"string"==typeof e?e:Array.isArray(e)?e.map(u).join(""):u(e.content)}e.hooks.add("after-tokenize",(function(t){t.language in c&&function t(n){for(var r=0,o=n.length;r<o;r++){var a,i,s,c=n[r];"string"!=typeof c&&(a=c.content,Array.isArray(a)?"template-string"===c.type?(c=a[1],3===a.length&&"string"!=typeof c&&"embedded-code"===c.type&&(i=u(c),c=c.alias,c=Array.isArray(c)?c[0]:c,s=e.languages[c])&&(a[1]=l(i,s,c))):t(a):"string"!=typeof a&&t([a]))}}(t.tokens)}))}(k),function(e){e.languages.typescript=e.languages.extend("javascript",{"class-name":{pattern:/(\b(?:class|extends|implements|instanceof|interface|new|type)\s+)(?!keyof\b)(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?:\s*<(?:[^<>]|<(?:[^<>]|<[^<>]*>)*>)*>)?/,lookbehind:!0,greedy:!0,inside:null},builtin:/\b(?:Array|Function|Promise|any|boolean|console|never|number|string|symbol|unknown)\b/}),e.languages.typescript.keyword.push(/\b(?:abstract|declare|is|keyof|readonly|require)\b/,/\b(?:asserts|infer|interface|module|namespace|type)\b(?=\s*(?:[{_$a-zA-Z\xA0-\uFFFF]|$))/,/\btype\b(?=\s*(?:[\{*]|$))/),delete e.languages.typescript.parameter,delete e.languages.typescript["literal-property"];var t=e.languages.extend("typescript",{});delete t["class-name"],e.languages.typescript["class-name"].inside=t,e.languages.insertBefore("typescript","function",{decorator:{pattern:/@[$\w\xA0-\uFFFF]+/,inside:{at:{pattern:/^@/,alias:"operator"},function:/^[\s\S]+/}},"generic-function":{pattern:/#?(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*\s*<(?:[^<>]|<(?:[^<>]|<[^<>]*>)*>)*>(?=\s*\()/,greedy:!0,inside:{function:/^#?(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*/,generic:{pattern:/<[\s\S]+/,alias:"class-name",inside:t}}}}),e.languages.ts=e.languages.typescript}(k),function(e){var t=e.languages.javascript,n=/\{(?:[^{}]|\{(?:[^{}]|\{[^{}]*\})*\})+\}/.source,r="(@(?:arg|argument|param|property)\\s+(?:"+n+"\\s+)?)";e.languages.jsdoc=e.languages.extend("javadoclike",{parameter:{pattern:RegExp(r+/(?:(?!\s)[$\w\xA0-\uFFFF.])+(?=\s|$)/.source),lookbehind:!0,inside:{punctuation:/\./}}}),e.languages.insertBefore("jsdoc","keyword",{"optional-parameter":{pattern:RegExp(r+/\[(?:(?!\s)[$\w\xA0-\uFFFF.])+(?:=[^[\]]+)?\](?=\s|$)/.source),lookbehind:!0,inside:{parameter:{pattern:/(^\[)[$\w\xA0-\uFFFF\.]+/,lookbehind:!0,inside:{punctuation:/\./}},code:{pattern:/(=)[\s\S]*(?=\]$)/,lookbehind:!0,inside:t,alias:"language-javascript"},punctuation:/[=[\]]/}},"class-name":[{pattern:RegExp(/(@(?:augments|class|extends|interface|memberof!?|template|this|typedef)\s+(?:<TYPE>\s+)?)[A-Z]\w*(?:\.[A-Z]\w*)*/.source.replace(/<TYPE>/g,(function(){return n}))),lookbehind:!0,inside:{punctuation:/\./}},{pattern:RegExp("(@[a-z]+\\s+)"+n),lookbehind:!0,inside:{string:t.string,number:t.number,boolean:t.boolean,keyword:e.languages.typescript.keyword,operator:/=>|\.\.\.|[&|?:*]/,punctuation:/[.,;=<>{}()[\]]/}}],example:{pattern:/(@example\s+(?!\s))(?:[^@\s]|\s+(?!\s))+?(?=\s*(?:\*\s*)?(?:@\w|\*\/))/,lookbehind:!0,inside:{code:{pattern:/^([\t ]*(?:\*\s*)?)\S.*$/m,lookbehind:!0,inside:t,alias:"language-javascript"}}}}),e.languages.javadoclike.addSupport("javascript",e.languages.jsdoc)}(k),function(e){e.languages.flow=e.languages.extend("javascript",{}),e.languages.insertBefore("flow","keyword",{type:[{pattern:/\b(?:[Bb]oolean|Function|[Nn]umber|[Ss]tring|[Ss]ymbol|any|mixed|null|void)\b/,alias:"class-name"}]}),e.languages.flow["function-variable"].pattern=/(?!\s)[_$a-z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*=\s*(?:function\b|(?:\([^()]*\)(?:\s*:\s*\w+)?|(?!\s)[_$a-z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*)\s*=>))/i,delete e.languages.flow.parameter,e.languages.insertBefore("flow","operator",{"flow-punctuation":{pattern:/\{\||\|\}/,alias:"punctuation"}}),Array.isArray(e.languages.flow.keyword)||(e.languages.flow.keyword=[e.languages.flow.keyword]),e.languages.flow.keyword.unshift({pattern:/(^|[^$]\b)(?:Class|declare|opaque|type)\b(?!\$)/,lookbehind:!0},{pattern:/(^|[^$]\B)\$(?:Diff|Enum|Exact|Keys|ObjMap|PropertyType|Record|Shape|Subtype|Supertype|await)\b(?!\$)/,lookbehind:!0})}(k),k.languages.n4js=k.languages.extend("javascript",{keyword:/\b(?:Array|any|boolean|break|case|catch|class|const|constructor|continue|debugger|declare|default|delete|do|else|enum|export|extends|false|finally|for|from|function|get|if|implements|import|in|instanceof|interface|let|module|new|null|number|package|private|protected|public|return|set|static|string|super|switch|this|throw|true|try|typeof|var|void|while|with|yield)\b/}),k.languages.insertBefore("n4js","constant",{annotation:{pattern:/@+\w+/,alias:"operator"}}),k.languages.n4jsd=k.languages.n4js,function(e){function t(e,t){return RegExp(e.replace(/<ID>/g,(function(){return/(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*/.source})),t)}e.languages.insertBefore("javascript","function-variable",{"method-variable":{pattern:RegExp("(\\.\\s*)"+e.languages.javascript["function-variable"].pattern.source),lookbehind:!0,alias:["function-variable","method","function","property-access"]}}),e.languages.insertBefore("javascript","function",{method:{pattern:RegExp("(\\.\\s*)"+e.languages.javascript.function.source),lookbehind:!0,alias:["function","property-access"]}}),e.languages.insertBefore("javascript","constant",{"known-class-name":[{pattern:/\b(?:(?:Float(?:32|64)|(?:Int|Uint)(?:8|16|32)|Uint8Clamped)?Array|ArrayBuffer|BigInt|Boolean|DataView|Date|Error|Function|Intl|JSON|(?:Weak)?(?:Map|Set)|Math|Number|Object|Promise|Proxy|Reflect|RegExp|String|Symbol|WebAssembly)\b/,alias:"class-name"},{pattern:/\b(?:[A-Z]\w*)Error\b/,alias:"class-name"}]}),e.languages.insertBefore("javascript","keyword",{imports:{pattern:t(/(\bimport\b\s*)(?:<ID>(?:\s*,\s*(?:\*\s*as\s+<ID>|\{[^{}]*\}))?|\*\s*as\s+<ID>|\{[^{}]*\})(?=\s*\bfrom\b)/.source),lookbehind:!0,inside:e.languages.javascript},exports:{pattern:t(/(\bexport\b\s*)(?:\*(?:\s*as\s+<ID>)?(?=\s*\bfrom\b)|\{[^{}]*\})/.source),lookbehind:!0,inside:e.languages.javascript}}),e.languages.javascript.keyword.unshift({pattern:/\b(?:as|default|export|from|import)\b/,alias:"module"},{pattern:/\b(?:await|break|catch|continue|do|else|finally|for|if|return|switch|throw|try|while|yield)\b/,alias:"control-flow"},{pattern:/\bnull\b/,alias:["null","nil"]},{pattern:/\bundefined\b/,alias:"nil"}),e.languages.insertBefore("javascript","operator",{spread:{pattern:/\.{3}/,alias:"operator"},arrow:{pattern:/=>/,alias:"operator"}}),e.languages.insertBefore("javascript","punctuation",{"property-access":{pattern:t(/(\.\s*)#?<ID>/.source),lookbehind:!0},"maybe-class-name":{pattern:/(^|[^$\w\xA0-\uFFFF])[A-Z][$\w\xA0-\uFFFF]+/,lookbehind:!0},dom:{pattern:/\b(?:document|(?:local|session)Storage|location|navigator|performance|window)\b/,alias:"variable"},console:{pattern:/\bconsole(?=\s*\.)/,alias:"class-name"}});for(var n=["function","function-variable","method","method-variable","property-access"],r=0;r<n.length;r++){var o=n[r],a=e.languages.javascript[o];o=(a="RegExp"===e.util.type(a)?e.languages.javascript[o]={pattern:a}:a).inside||{};(a.inside=o)["maybe-class-name"]=/^[A-Z][\s\S]*/}}(k),function(e){var t=e.util.clone(e.languages.javascript),n=/(?:\s|\/\/.*(?!.)|\/\*(?:[^*]|\*(?!\/))\*\/)/.source,r=/(?:\{(?:\{(?:\{[^{}]*\}|[^{}])*\}|[^{}])*\})/.source,o=/(?:\{<S>*\.{3}(?:[^{}]|<BRACES>)*\})/.source;function a(e,t){return e=e.replace(/<S>/g,(function(){return n})).replace(/<BRACES>/g,(function(){return r})).replace(/<SPREAD>/g,(function(){return o})),RegExp(e,t)}function i(t){for(var n=[],r=0;r<t.length;r++){var o=t[r],a=!1;"string"!=typeof o&&("tag"===o.type&&o.content[0]&&"tag"===o.content[0].type?"</"===o.content[0].content[0].content?0<n.length&&n[n.length-1].tagName===s(o.content[0].content[1])&&n.pop():"/>"!==o.content[o.content.length-1].content&&n.push({tagName:s(o.content[0].content[1]),openedBraces:0}):0<n.length&&"punctuation"===o.type&&"{"===o.content?n[n.length-1].openedBraces++:0<n.length&&0<n[n.length-1].openedBraces&&"punctuation"===o.type&&"}"===o.content?n[n.length-1].openedBraces--:a=!0),(a||"string"==typeof o)&&0<n.length&&0===n[n.length-1].openedBraces&&(a=s(o),r<t.length-1&&("string"==typeof t[r+1]||"plain-text"===t[r+1].type)&&(a+=s(t[r+1]),t.splice(r+1,1)),0<r&&("string"==typeof t[r-1]||"plain-text"===t[r-1].type)&&(a=s(t[r-1])+a,t.splice(r-1,1),r--),t[r]=new e.Token("plain-text",a,null,a)),o.content&&"string"!=typeof o.content&&i(o.content)}}o=a(o).source,e.languages.jsx=e.languages.extend("markup",t),e.languages.jsx.tag.pattern=a(/<\/?(?:[\w.:-]+(?:<S>+(?:[\w.:$-]+(?:=(?:"(?:\\[\s\S]|[^\\"])*"|'(?:\\[\s\S]|[^\\'])*'|[^\s{'"/>=]+|<BRACES>))?|<SPREAD>))*<S>*\/?)?>/.source),e.languages.jsx.tag.inside.tag.pattern=/^<\/?[^\s>\/]*/,e.languages.jsx.tag.inside["attr-value"].pattern=/=(?!\{)(?:"(?:\\[\s\S]|[^\\"])*"|'(?:\\[\s\S]|[^\\'])*'|[^\s'">]+)/,e.languages.jsx.tag.inside.tag.inside["class-name"]=/^[A-Z]\w*(?:\.[A-Z]\w*)*$/,e.languages.jsx.tag.inside.comment=t.comment,e.languages.insertBefore("inside","attr-name",{spread:{pattern:a(/<SPREAD>/.source),inside:e.languages.jsx}},e.languages.jsx.tag),e.languages.insertBefore("inside","special-attr",{script:{pattern:a(/=<BRACES>/.source),alias:"language-javascript",inside:{"script-punctuation":{pattern:/^=(?=\{)/,alias:"punctuation"},rest:e.languages.jsx}}},e.languages.jsx.tag);var s=function(e){return e?"string"==typeof e?e:"string"==typeof e.content?e.content:e.content.map(s).join(""):""};e.hooks.add("after-tokenize",(function(e){"jsx"!==e.language&&"tsx"!==e.language||i(e.tokens)}))}(k),function(e){var t=e.util.clone(e.languages.typescript);(t=(e.languages.tsx=e.languages.extend("jsx",t),delete e.languages.tsx.parameter,delete e.languages.tsx["literal-property"],e.languages.tsx.tag)).pattern=RegExp(/(^|[^\w$]|(?=<\/))/.source+"(?:"+t.pattern.source+")",t.pattern.flags),t.lookbehind=!0}(k),k.languages.swift={comment:{pattern:/(^|[^\\:])(?:\/\/.*|\/\*(?:[^/*]|\/(?!\*)|\*(?!\/)|\/\*(?:[^*]|\*(?!\/))*\*\/)*\*\/)/,lookbehind:!0,greedy:!0},"string-literal":[{pattern:RegExp(/(^|[^"#])/.source+"(?:"+/"(?:\\(?:\((?:[^()]|\([^()]*\))*\)|\r\n|[^(])|[^\\\r\n"])*"/.source+"|"+/"""(?:\\(?:\((?:[^()]|\([^()]*\))*\)|[^(])|[^\\"]|"(?!""))*"""/.source+")"+/(?!["#])/.source),lookbehind:!0,greedy:!0,inside:{interpolation:{pattern:/(\\\()(?:[^()]|\([^()]*\))*(?=\))/,lookbehind:!0,inside:null},"interpolation-punctuation":{pattern:/^\)|\\\($/,alias:"punctuation"},punctuation:/\\(?=[\r\n])/,string:/[\s\S]+/}},{pattern:RegExp(/(^|[^"#])(#+)/.source+"(?:"+/"(?:\\(?:#+\((?:[^()]|\([^()]*\))*\)|\r\n|[^#])|[^\\\r\n])*?"/.source+"|"+/"""(?:\\(?:#+\((?:[^()]|\([^()]*\))*\)|[^#])|[^\\])*?"""/.source+")\\2"),lookbehind:!0,greedy:!0,inside:{interpolation:{pattern:/(\\#+\()(?:[^()]|\([^()]*\))*(?=\))/,lookbehind:!0,inside:null},"interpolation-punctuation":{pattern:/^\)|\\#+\($/,alias:"punctuation"},string:/[\s\S]+/}}],directive:{pattern:RegExp(/#/.source+"(?:"+/(?:elseif|if)\b/.source+"(?:[ \t]*"+/(?:![ \t]*)?(?:\b\w+\b(?:[ \t]*\((?:[^()]|\([^()]*\))*\))?|\((?:[^()]|\([^()]*\))*\))(?:[ \t]*(?:&&|\|\|))?/.source+")+|"+/(?:else|endif)\b/.source+")"),alias:"property",inside:{"directive-name":/^#\w+/,boolean:/\b(?:false|true)\b/,number:/\b\d+(?:\.\d+)*\b/,operator:/!|&&|\|\||[<>]=?/,punctuation:/[(),]/}},literal:{pattern:/#(?:colorLiteral|column|dsohandle|file(?:ID|Literal|Path)?|function|imageLiteral|line)\b/,alias:"constant"},"other-directive":{pattern:/#\w+\b/,alias:"property"},attribute:{pattern:/@\w+/,alias:"atrule"},"function-definition":{pattern:/(\bfunc\s+)\w+/,lookbehind:!0,alias:"function"},label:{pattern:/\b(break|continue)\s+\w+|\b[a-zA-Z_]\w*(?=\s*:\s*(?:for|repeat|while)\b)/,lookbehind:!0,alias:"important"},keyword:/\b(?:Any|Protocol|Self|Type|actor|as|assignment|associatedtype|associativity|async|await|break|case|catch|class|continue|convenience|default|defer|deinit|didSet|do|dynamic|else|enum|extension|fallthrough|fileprivate|final|for|func|get|guard|higherThan|if|import|in|indirect|infix|init|inout|internal|is|isolated|lazy|left|let|lowerThan|mutating|none|nonisolated|nonmutating|open|operator|optional|override|postfix|precedencegroup|prefix|private|protocol|public|repeat|required|rethrows|return|right|safe|self|set|some|static|struct|subscript|super|switch|throw|throws|try|typealias|unowned|unsafe|var|weak|where|while|willSet)\b/,boolean:/\b(?:false|true)\b/,nil:{pattern:/\bnil\b/,alias:"constant"},"short-argument":/\$\d+\b/,omit:{pattern:/\b_\b/,alias:"keyword"},number:/\b(?:[\d_]+(?:\.[\de_]+)?|0x[a-f0-9_]+(?:\.[a-f0-9p_]+)?|0b[01_]+|0o[0-7_]+)\b/i,"class-name":/\b[A-Z](?:[A-Z_\d]*[a-z]\w*)?\b/,function:/\b[a-z_]\w*(?=\s*\()/i,constant:/\b(?:[A-Z_]{2,}|k[A-Z][A-Za-z_]+)\b/,operator:/[-+*/%=!<>&|^~?]+|\.[.\-+*/%=!<>&|^~?]+/,punctuation:/[{}[\]();,.:\\]/},k.languages.swift["string-literal"].forEach((function(e){e.inside.interpolation.inside=k.languages.swift})),function(e){e.languages.kotlin=e.languages.extend("clike",{keyword:{pattern:/(^|[^.])\b(?:abstract|actual|annotation|as|break|by|catch|class|companion|const|constructor|continue|crossinline|data|do|dynamic|else|enum|expect|external|final|finally|for|fun|get|if|import|in|infix|init|inline|inner|interface|internal|is|lateinit|noinline|null|object|open|operator|out|override|package|private|protected|public|reified|return|sealed|set|super|suspend|tailrec|this|throw|to|try|typealias|val|var|vararg|when|where|while)\b/,lookbehind:!0},function:[{pattern:/(?:`[^\r\n`]+`|\b\w+)(?=\s*\()/,greedy:!0},{pattern:/(\.)(?:`[^\r\n`]+`|\w+)(?=\s*\{)/,lookbehind:!0,greedy:!0}],number:/\b(?:0[xX][\da-fA-F]+(?:_[\da-fA-F]+)*|0[bB][01]+(?:_[01]+)*|\d+(?:_\d+)*(?:\.\d+(?:_\d+)*)?(?:[eE][+-]?\d+(?:_\d+)*)?[fFL]?)\b/,operator:/\+[+=]?|-[-=>]?|==?=?|!(?:!|==?)?|[\/*%<>]=?|[?:]:?|\.\.|&&|\|\||\b(?:and|inv|or|shl|shr|ushr|xor)\b/}),delete e.languages.kotlin["class-name"];var t={"interpolation-punctuation":{pattern:/^\$\{?|\}$/,alias:"punctuation"},expression:{pattern:/[\s\S]+/,inside:e.languages.kotlin}};e.languages.insertBefore("kotlin","string",{"string-literal":[{pattern:/"""(?:[^$]|\$(?:(?!\{)|\{[^{}]*\}))*?"""/,alias:"multiline",inside:{interpolation:{pattern:/\$(?:[a-z_]\w*|\{[^{}]*\})/i,inside:t},string:/[\s\S]+/}},{pattern:/"(?:[^"\\\r\n$]|\\.|\$(?:(?!\{)|\{[^{}]*\}))*"/,alias:"singleline",inside:{interpolation:{pattern:/((?:^|[^\\])(?:\\{2})*)\$(?:[a-z_]\w*|\{[^{}]*\})/i,lookbehind:!0,inside:t},string:/[\s\S]+/}}],char:{pattern:/'(?:[^'\\\r\n]|\\(?:.|u[a-fA-F0-9]{0,4}))'/,greedy:!0}}),delete e.languages.kotlin.string,e.languages.insertBefore("kotlin","keyword",{annotation:{pattern:/\B@(?:\w+:)?(?:[A-Z]\w*|\[[^\]]+\])/,alias:"builtin"}}),e.languages.insertBefore("kotlin","function",{label:{pattern:/\b\w+@|@\w+\b/,alias:"symbol"}}),e.languages.kt=e.languages.kotlin,e.languages.kts=e.languages.kotlin}(k),k.languages.c=k.languages.extend("clike",{comment:{pattern:/\/\/(?:[^\r\n\\]|\\(?:\r\n?|\n|(?![\r\n])))*|\/\*[\s\S]*?(?:\*\/|$)/,greedy:!0},string:{pattern:/"(?:\\(?:\r\n|[\s\S])|[^"\\\r\n])*"/,greedy:!0},"class-name":{pattern:/(\b(?:enum|struct)\s+(?:__attribute__\s*\(\([\s\S]*?\)\)\s*)?)\w+|\b[a-z]\w*_t\b/,lookbehind:!0},keyword:/\b(?:_Alignas|_Alignof|_Atomic|_Bool|_Complex|_Generic|_Imaginary|_Noreturn|_Static_assert|_Thread_local|__attribute__|asm|auto|break|case|char|const|continue|default|do|double|else|enum|extern|float|for|goto|if|inline|int|long|register|return|short|signed|sizeof|static|struct|switch|typedef|typeof|union|unsigned|void|volatile|while)\b/,function:/\b[a-z_]\w*(?=\s*\()/i,number:/(?:\b0x(?:[\da-f]+(?:\.[\da-f]*)?|\.[\da-f]+)(?:p[+-]?\d+)?|(?:\b\d+(?:\.\d*)?|\B\.\d+)(?:e[+-]?\d+)?)[ful]{0,4}/i,operator:/>>=?|<<=?|->|([-+&|:])\1|[?:~]|[-+*/%&|^!=<>]=?/}),k.languages.insertBefore("c","string",{char:{pattern:/'(?:\\(?:\r\n|[\s\S])|[^'\\\r\n]){0,32}'/,greedy:!0}}),k.languages.insertBefore("c","string",{macro:{pattern:/(^[\t ]*)#\s*[a-z](?:[^\r\n\\/]|\/(?!\*)|\/\*(?:[^*]|\*(?!\/))*\*\/|\\(?:\r\n|[\s\S]))*/im,lookbehind:!0,greedy:!0,alias:"property",inside:{string:[{pattern:/^(#\s*include\s*)<[^>]+>/,lookbehind:!0},k.languages.c.string],char:k.languages.c.char,comment:k.languages.c.comment,"macro-name":[{pattern:/(^#\s*define\s+)\w+\b(?!\()/i,lookbehind:!0},{pattern:/(^#\s*define\s+)\w+\b(?=\()/i,lookbehind:!0,alias:"function"}],directive:{pattern:/^(#\s*)[a-z]+/,lookbehind:!0,alias:"keyword"},"directive-hash":/^#/,punctuation:/##|\\(?=[\r\n])/,expression:{pattern:/\S[\s\S]*/,inside:k.languages.c}}}}),k.languages.insertBefore("c","function",{constant:/\b(?:EOF|NULL|SEEK_CUR|SEEK_END|SEEK_SET|__DATE__|__FILE__|__LINE__|__TIMESTAMP__|__TIME__|__func__|stderr|stdin|stdout)\b/}),delete k.languages.c.boolean,k.languages.objectivec=k.languages.extend("c",{string:{pattern:/@?"(?:\\(?:\r\n|[\s\S])|[^"\\\r\n])*"/,greedy:!0},keyword:/\b(?:asm|auto|break|case|char|const|continue|default|do|double|else|enum|extern|float|for|goto|if|in|inline|int|long|register|return|self|short|signed|sizeof|static|struct|super|switch|typedef|typeof|union|unsigned|void|volatile|while)\b|(?:@interface|@end|@implementation|@protocol|@class|@public|@protected|@private|@property|@try|@catch|@finally|@throw|@synthesize|@dynamic|@selector)\b/,operator:/-[->]?|\+\+?|!=?|<<?=?|>>?=?|==?|&&?|\|\|?|[~^%?*\/@]/}),delete k.languages.objectivec["class-name"],k.languages.objc=k.languages.objectivec,k.languages.reason=k.languages.extend("clike",{string:{pattern:/"(?:\\(?:\r\n|[\s\S])|[^\\\r\n"])*"/,greedy:!0},"class-name":/\b[A-Z]\w*/,keyword:/\b(?:and|as|assert|begin|class|constraint|do|done|downto|else|end|exception|external|for|fun|function|functor|if|in|include|inherit|initializer|lazy|let|method|module|mutable|new|nonrec|object|of|open|or|private|rec|sig|struct|switch|then|to|try|type|val|virtual|when|while|with)\b/,operator:/\.{3}|:[:=]|\|>|->|=(?:==?|>)?|<=?|>=?|[|^?'#!~`]|[+\-*\/]\.?|\b(?:asr|land|lor|lsl|lsr|lxor|mod)\b/}),k.languages.insertBefore("reason","class-name",{char:{pattern:/'(?:\\x[\da-f]{2}|\\o[0-3][0-7][0-7]|\\\d{3}|\\.|[^'\\\r\n])'/,greedy:!0},constructor:/\b[A-Z]\w*\b(?!\s*\.)/,label:{pattern:/\b[a-z]\w*(?=::)/,alias:"symbol"}}),delete k.languages.reason.function,function(e){for(var t=/\/\*(?:[^*/]|\*(?!\/)|\/(?!\*)|<self>)*\*\//.source,n=0;n<2;n++)t=t.replace(/<self>/g,(function(){return t}));t=t.replace(/<self>/g,(function(){return/[^\s\S]/.source})),e.languages.rust={comment:[{pattern:RegExp(/(^|[^\\])/.source+t),lookbehind:!0,greedy:!0},{pattern:/(^|[^\\:])\/\/.*/,lookbehind:!0,greedy:!0}],string:{pattern:/b?"(?:\\[\s\S]|[^\\"])*"|b?r(#*)"(?:[^"]|"(?!\1))*"\1/,greedy:!0},char:{pattern:/b?'(?:\\(?:x[0-7][\da-fA-F]|u\{(?:[\da-fA-F]_*){1,6}\}|.)|[^\\\r\n\t'])'/,greedy:!0},attribute:{pattern:/#!?\[(?:[^\[\]"]|"(?:\\[\s\S]|[^\\"])*")*\]/,greedy:!0,alias:"attr-name",inside:{string:null}},"closure-params":{pattern:/([=(,:]\s*|\bmove\s*)\|[^|]*\||\|[^|]*\|(?=\s*(?:\{|->))/,lookbehind:!0,greedy:!0,inside:{"closure-punctuation":{pattern:/^\||\|$/,alias:"punctuation"},rest:null}},"lifetime-annotation":{pattern:/'\w+/,alias:"symbol"},"fragment-specifier":{pattern:/(\$\w+:)[a-z]+/,lookbehind:!0,alias:"punctuation"},variable:/\$\w+/,"function-definition":{pattern:/(\bfn\s+)\w+/,lookbehind:!0,alias:"function"},"type-definition":{pattern:/(\b(?:enum|struct|trait|type|union)\s+)\w+/,lookbehind:!0,alias:"class-name"},"module-declaration":[{pattern:/(\b(?:crate|mod)\s+)[a-z][a-z_\d]*/,lookbehind:!0,alias:"namespace"},{pattern:/(\b(?:crate|self|super)\s*)::\s*[a-z][a-z_\d]*\b(?:\s*::(?:\s*[a-z][a-z_\d]*\s*::)*)?/,lookbehind:!0,alias:"namespace",inside:{punctuation:/::/}}],keyword:[/\b(?:Self|abstract|as|async|await|become|box|break|const|continue|crate|do|dyn|else|enum|extern|final|fn|for|if|impl|in|let|loop|macro|match|mod|move|mut|override|priv|pub|ref|return|self|static|struct|super|trait|try|type|typeof|union|unsafe|unsized|use|virtual|where|while|yield)\b/,/\b(?:bool|char|f(?:32|64)|[ui](?:8|16|32|64|128|size)|str)\b/],function:/\b[a-z_]\w*(?=\s*(?:::\s*<|\())/,macro:{pattern:/\b\w+!/,alias:"property"},constant:/\b[A-Z_][A-Z_\d]+\b/,"class-name":/\b[A-Z]\w*\b/,namespace:{pattern:/(?:\b[a-z][a-z_\d]*\s*::\s*)*\b[a-z][a-z_\d]*\s*::(?!\s*<)/,inside:{punctuation:/::/}},number:/\b(?:0x[\dA-Fa-f](?:_?[\dA-Fa-f])*|0o[0-7](?:_?[0-7])*|0b[01](?:_?[01])*|(?:(?:\d(?:_?\d)*)?\.)?\d(?:_?\d)*(?:[Ee][+-]?\d+)?)(?:_?(?:f32|f64|[iu](?:8|16|32|64|size)?))?\b/,boolean:/\b(?:false|true)\b/,punctuation:/->|\.\.=|\.{1,3}|::|[{}[\];(),:]/,operator:/[-+*\/%!^]=?|=[=>]?|&[&=]?|\|[|=]?|<<?=?|>>?=?|[@?]/},e.languages.rust["closure-params"].inside.rest=e.languages.rust,e.languages.rust.attribute.inside.string=e.languages.rust.string}(k),k.languages.go=k.languages.extend("clike",{string:{pattern:/(^|[^\\])"(?:\\.|[^"\\\r\n])*"|`[^`]*`/,lookbehind:!0,greedy:!0},keyword:/\b(?:break|case|chan|const|continue|default|defer|else|fallthrough|for|func|go(?:to)?|if|import|interface|map|package|range|return|select|struct|switch|type|var)\b/,boolean:/\b(?:_|false|iota|nil|true)\b/,number:[/\b0(?:b[01_]+|o[0-7_]+)i?\b/i,/\b0x(?:[a-f\d_]+(?:\.[a-f\d_]*)?|\.[a-f\d_]+)(?:p[+-]?\d+(?:_\d+)*)?i?(?!\w)/i,/(?:\b\d[\d_]*(?:\.[\d_]*)?|\B\.\d[\d_]*)(?:e[+-]?[\d_]+)?i?(?!\w)/i],operator:/[*\/%^!=]=?|\+[=+]?|-[=-]?|\|[=|]?|&(?:=|&|\^=?)?|>(?:>=?|=)?|<(?:<=?|=|-)?|:=|\.\.\./,builtin:/\b(?:append|bool|byte|cap|close|complex|complex(?:64|128)|copy|delete|error|float(?:32|64)|u?int(?:8|16|32|64)?|imag|len|make|new|panic|print(?:ln)?|real|recover|rune|string|uintptr)\b/}),k.languages.insertBefore("go","string",{char:{pattern:/'(?:\\.|[^'\\\r\n]){0,10}'/,greedy:!0}}),delete k.languages.go["class-name"],function(e){var t=/\b(?:alignas|alignof|asm|auto|bool|break|case|catch|char|char16_t|char32_t|char8_t|class|co_await|co_return|co_yield|compl|concept|const|const_cast|consteval|constexpr|constinit|continue|decltype|default|delete|do|double|dynamic_cast|else|enum|explicit|export|extern|final|float|for|friend|goto|if|import|inline|int|int16_t|int32_t|int64_t|int8_t|long|module|mutable|namespace|new|noexcept|nullptr|operator|override|private|protected|public|register|reinterpret_cast|requires|return|short|signed|sizeof|static|static_assert|static_cast|struct|switch|template|this|thread_local|throw|try|typedef|typeid|typename|uint16_t|uint32_t|uint64_t|uint8_t|union|unsigned|using|virtual|void|volatile|wchar_t|while)\b/,n=/\b(?!<keyword>)\w+(?:\s*\.\s*\w+)*\b/.source.replace(/<keyword>/g,(function(){return t.source}));e.languages.cpp=e.languages.extend("c",{"class-name":[{pattern:RegExp(/(\b(?:class|concept|enum|struct|typename)\s+)(?!<keyword>)\w+/.source.replace(/<keyword>/g,(function(){return t.source}))),lookbehind:!0},/\b[A-Z]\w*(?=\s*::\s*\w+\s*\()/,/\b[A-Z_]\w*(?=\s*::\s*~\w+\s*\()/i,/\b\w+(?=\s*<(?:[^<>]|<(?:[^<>]|<[^<>]*>)*>)*>\s*::\s*\w+\s*\()/],keyword:t,number:{pattern:/(?:\b0b[01']+|\b0x(?:[\da-f']+(?:\.[\da-f']*)?|\.[\da-f']+)(?:p[+-]?[\d']+)?|(?:\b[\d']+(?:\.[\d']*)?|\B\.[\d']+)(?:e[+-]?[\d']+)?)[ful]{0,4}/i,greedy:!0},operator:/>>=?|<<=?|->|--|\+\+|&&|\|\||[?:~]|<=>|[-+*/%&|^!=<>]=?|\b(?:and|and_eq|bitand|bitor|not|not_eq|or|or_eq|xor|xor_eq)\b/,boolean:/\b(?:false|true)\b/}),e.languages.insertBefore("cpp","string",{module:{pattern:RegExp(/(\b(?:import|module)\s+)/.source+"(?:"+/"(?:\\(?:\r\n|[\s\S])|[^"\\\r\n])*"|<[^<>\r\n]*>/.source+"|"+/<mod-name>(?:\s*:\s*<mod-name>)?|:\s*<mod-name>/.source.replace(/<mod-name>/g,(function(){return n}))+")"),lookbehind:!0,greedy:!0,inside:{string:/^[<"][\s\S]+/,operator:/:/,punctuation:/\./}},"raw-string":{pattern:/R"([^()\\ ]{0,16})\([\s\S]*?\)\1"/,alias:"string",greedy:!0}}),e.languages.insertBefore("cpp","keyword",{"generic-function":{pattern:/\b(?!operator\b)[a-z_]\w*\s*<(?:[^<>]|<[^<>]*>)*>(?=\s*\()/i,inside:{function:/^\w+/,generic:{pattern:/<[\s\S]+/,alias:"class-name",inside:e.languages.cpp}}}}),e.languages.insertBefore("cpp","operator",{"double-colon":{pattern:/::/,alias:"punctuation"}}),e.languages.insertBefore("cpp","class-name",{"base-clause":{pattern:/(\b(?:class|struct)\s+\w+\s*:\s*)[^;{}"'\s]+(?:\s+[^;{}"'\s]+)*(?=\s*[;{])/,lookbehind:!0,greedy:!0,inside:e.languages.extend("cpp",{})}}),e.languages.insertBefore("inside","double-colon",{"class-name":/\b[a-z_]\w*\b(?!\s*::)/i},e.languages.cpp["base-clause"])}(k),k.languages.python={comment:{pattern:/(^|[^\\])#.*/,lookbehind:!0,greedy:!0},"string-interpolation":{pattern:/(?:f|fr|rf)(?:("""|''')[\s\S]*?\1|("|')(?:\\.|(?!\2)[^\\\r\n])*\2)/i,greedy:!0,inside:{interpolation:{pattern:/((?:^|[^{])(?:\{\{)*)\{(?!\{)(?:[^{}]|\{(?!\{)(?:[^{}]|\{(?!\{)(?:[^{}])+\})+\})+\}/,lookbehind:!0,inside:{"format-spec":{pattern:/(:)[^:(){}]+(?=\}$)/,lookbehind:!0},"conversion-option":{pattern:/![sra](?=[:}]$)/,alias:"punctuation"},rest:null}},string:/[\s\S]+/}},"triple-quoted-string":{pattern:/(?:[rub]|br|rb)?("""|''')[\s\S]*?\1/i,greedy:!0,alias:"string"},string:{pattern:/(?:[rub]|br|rb)?("|')(?:\\.|(?!\1)[^\\\r\n])*\1/i,greedy:!0},function:{pattern:/((?:^|\s)def[ \t]+)[a-zA-Z_]\w*(?=\s*\()/g,lookbehind:!0},"class-name":{pattern:/(\bclass\s+)\w+/i,lookbehind:!0},decorator:{pattern:/(^[\t ]*)@\w+(?:\.\w+)*/m,lookbehind:!0,alias:["annotation","punctuation"],inside:{punctuation:/\./}},keyword:/\b(?:_(?=\s*:)|and|as|assert|async|await|break|case|class|continue|def|del|elif|else|except|exec|finally|for|from|global|if|import|in|is|lambda|match|nonlocal|not|or|pass|print|raise|return|try|while|with|yield)\b/,builtin:/\b(?:__import__|abs|all|any|apply|ascii|basestring|bin|bool|buffer|bytearray|bytes|callable|chr|classmethod|cmp|coerce|compile|complex|delattr|dict|dir|divmod|enumerate|eval|execfile|file|filter|float|format|frozenset|getattr|globals|hasattr|hash|help|hex|id|input|int|intern|isinstance|issubclass|iter|len|list|locals|long|map|max|memoryview|min|next|object|oct|open|ord|pow|property|range|raw_input|reduce|reload|repr|reversed|round|set|setattr|slice|sorted|staticmethod|str|sum|super|tuple|type|unichr|unicode|vars|xrange|zip)\b/,boolean:/\b(?:False|None|True)\b/,number:/\b0(?:b(?:_?[01])+|o(?:_?[0-7])+|x(?:_?[a-f0-9])+)\b|(?:\b\d+(?:_\d+)*(?:\.(?:\d+(?:_\d+)*)?)?|\B\.\d+(?:_\d+)*)(?:e[+-]?\d+(?:_\d+)*)?j?(?!\w)/i,operator:/[-+%=]=?|!=|:=|\*\*?=?|\/\/?=?|<[<=>]?|>[=>]?|[&|^~]/,punctuation:/[{}[\];(),.:]/},k.languages.python["string-interpolation"].inside.interpolation.inside.rest=k.languages.python,k.languages.py=k.languages.python,k.languages.json={property:{pattern:/(^|[^\\])"(?:\\.|[^\\"\r\n])*"(?=\s*:)/,lookbehind:!0,greedy:!0},string:{pattern:/(^|[^\\])"(?:\\.|[^\\"\r\n])*"(?!\s*:)/,lookbehind:!0,greedy:!0},comment:{pattern:/\/\/.*|\/\*[\s\S]*?(?:\*\/|$)/,greedy:!0},number:/-?\b\d+(?:\.\d+)?(?:e[+-]?\d+)?\b/i,punctuation:/[{}[\],]/,operator:/:/,boolean:/\b(?:false|true)\b/,null:{pattern:/\bnull\b/,alias:"keyword"}},k.languages.webmanifest=k.languages.json;((e,t)=>{for(var n in t)l(e,n,{get:t[n],enumerable:!0})})({},{dracula:()=>S,duotoneDark:()=>x,duotoneLight:()=>E,github:()=>_,gruvboxMaterialDark:()=>q,gruvboxMaterialLight:()=>$,jettwaveDark:()=>M,jettwaveLight:()=>F,nightOwl:()=>j,nightOwlLight:()=>C,oceanicNext:()=>T,okaidia:()=>P,oneDark:()=>B,oneLight:()=>U,palenight:()=>z,shadesOfPurple:()=>I,synthwave84:()=>L,ultramin:()=>N,vsDark:()=>R,vsLight:()=>D});var S={plain:{color:"#F8F8F2",backgroundColor:"#282A36"},styles:[{types:["prolog","constant","builtin"],style:{color:"rgb(189, 147, 249)"}},{types:["inserted","function"],style:{color:"rgb(80, 250, 123)"}},{types:["deleted"],style:{color:"rgb(255, 85, 85)"}},{types:["changed"],style:{color:"rgb(255, 184, 108)"}},{types:["punctuation","symbol"],style:{color:"rgb(248, 248, 242)"}},{types:["string","char","tag","selector"],style:{color:"rgb(255, 121, 198)"}},{types:["keyword","variable"],style:{color:"rgb(189, 147, 249)",fontStyle:"italic"}},{types:["comment"],style:{color:"rgb(98, 114, 164)"}},{types:["attr-name"],style:{color:"rgb(241, 250, 140)"}}]},x={plain:{backgroundColor:"#2a2734",color:"#9a86fd"},styles:[{types:["comment","prolog","doctype","cdata","punctuation"],style:{color:"#6c6783"}},{types:["namespace"],style:{opacity:.7}},{types:["tag","operator","number"],style:{color:"#e09142"}},{types:["property","function"],style:{color:"#9a86fd"}},{types:["tag-id","selector","atrule-id"],style:{color:"#eeebff"}},{types:["attr-name"],style:{color:"#c4b9fe"}},{types:["boolean","string","entity","url","attr-value","keyword","control","directive","unit","statement","regex","atrule","placeholder","variable"],style:{color:"#ffcc99"}},{types:["deleted"],style:{textDecorationLine:"line-through"}},{types:["inserted"],style:{textDecorationLine:"underline"}},{types:["italic"],style:{fontStyle:"italic"}},{types:["important","bold"],style:{fontWeight:"bold"}},{types:["important"],style:{color:"#c4b9fe"}}]},E={plain:{backgroundColor:"#faf8f5",color:"#728fcb"},styles:[{types:["comment","prolog","doctype","cdata","punctuation"],style:{color:"#b6ad9a"}},{types:["namespace"],style:{opacity:.7}},{types:["tag","operator","number"],style:{color:"#063289"}},{types:["property","function"],style:{color:"#b29762"}},{types:["tag-id","selector","atrule-id"],style:{color:"#2d2006"}},{types:["attr-name"],style:{color:"#896724"}},{types:["boolean","string","entity","url","attr-value","keyword","control","directive","unit","statement","regex","atrule"],style:{color:"#728fcb"}},{types:["placeholder","variable"],style:{color:"#93abdc"}},{types:["deleted"],style:{textDecorationLine:"line-through"}},{types:["inserted"],style:{textDecorationLine:"underline"}},{types:["italic"],style:{fontStyle:"italic"}},{types:["important","bold"],style:{fontWeight:"bold"}},{types:["important"],style:{color:"#896724"}}]},_={plain:{color:"#393A34",backgroundColor:"#f6f8fa"},styles:[{types:["comment","prolog","doctype","cdata"],style:{color:"#999988",fontStyle:"italic"}},{types:["namespace"],style:{opacity:.7}},{types:["string","attr-value"],style:{color:"#e3116c"}},{types:["punctuation","operator"],style:{color:"#393A34"}},{types:["entity","url","symbol","number","boolean","variable","constant","property","regex","inserted"],style:{color:"#36acaa"}},{types:["atrule","keyword","attr-name","selector"],style:{color:"#00a4db"}},{types:["function","deleted","tag"],style:{color:"#d73a49"}},{types:["function-variable"],style:{color:"#6f42c1"}},{types:["tag","selector","keyword"],style:{color:"#00009f"}}]},j={plain:{color:"#d6deeb",backgroundColor:"#011627"},styles:[{types:["changed"],style:{color:"rgb(162, 191, 252)",fontStyle:"italic"}},{types:["deleted"],style:{color:"rgba(239, 83, 80, 0.56)",fontStyle:"italic"}},{types:["inserted","attr-name"],style:{color:"rgb(173, 219, 103)",fontStyle:"italic"}},{types:["comment"],style:{color:"rgb(99, 119, 119)",fontStyle:"italic"}},{types:["string","url"],style:{color:"rgb(173, 219, 103)"}},{types:["variable"],style:{color:"rgb(214, 222, 235)"}},{types:["number"],style:{color:"rgb(247, 140, 108)"}},{types:["builtin","char","constant","function"],style:{color:"rgb(130, 170, 255)"}},{types:["punctuation"],style:{color:"rgb(199, 146, 234)"}},{types:["selector","doctype"],style:{color:"rgb(199, 146, 234)",fontStyle:"italic"}},{types:["class-name"],style:{color:"rgb(255, 203, 139)"}},{types:["tag","operator","keyword"],style:{color:"rgb(127, 219, 202)"}},{types:["boolean"],style:{color:"rgb(255, 88, 116)"}},{types:["property"],style:{color:"rgb(128, 203, 196)"}},{types:["namespace"],style:{color:"rgb(178, 204, 214)"}}]},C={plain:{color:"#403f53",backgroundColor:"#FBFBFB"},styles:[{types:["changed"],style:{color:"rgb(162, 191, 252)",fontStyle:"italic"}},{types:["deleted"],style:{color:"rgba(239, 83, 80, 0.56)",fontStyle:"italic"}},{types:["inserted","attr-name"],style:{color:"rgb(72, 118, 214)",fontStyle:"italic"}},{types:["comment"],style:{color:"rgb(152, 159, 177)",fontStyle:"italic"}},{types:["string","builtin","char","constant","url"],style:{color:"rgb(72, 118, 214)"}},{types:["variable"],style:{color:"rgb(201, 103, 101)"}},{types:["number"],style:{color:"rgb(170, 9, 130)"}},{types:["punctuation"],style:{color:"rgb(153, 76, 195)"}},{types:["function","selector","doctype"],style:{color:"rgb(153, 76, 195)",fontStyle:"italic"}},{types:["class-name"],style:{color:"rgb(17, 17, 17)"}},{types:["tag"],style:{color:"rgb(153, 76, 195)"}},{types:["operator","property","keyword","namespace"],style:{color:"rgb(12, 150, 155)"}},{types:["boolean"],style:{color:"rgb(188, 84, 84)"}}]},O="#c5a5c5",A="#8dc891",T={plain:{backgroundColor:"#282c34",color:"#ffffff"},styles:[{types:["attr-name"],style:{color:O}},{types:["attr-value"],style:{color:A}},{types:["comment","block-comment","prolog","doctype","cdata","shebang"],style:{color:"#999999"}},{types:["property","number","function-name","constant","symbol","deleted"],style:{color:"#5a9bcf"}},{types:["boolean"],style:{color:"#ff8b50"}},{types:["tag"],style:{color:"#fc929e"}},{types:["string"],style:{color:A}},{types:["punctuation"],style:{color:A}},{types:["selector","char","builtin","inserted"],style:{color:"#D8DEE9"}},{types:["function"],style:{color:"#79b6f2"}},{types:["operator","entity","url","variable"],style:{color:"#d7deea"}},{types:["keyword"],style:{color:O}},{types:["atrule","class-name"],style:{color:"#FAC863"}},{types:["important"],style:{fontWeight:"400"}},{types:["bold"],style:{fontWeight:"bold"}},{types:["italic"],style:{fontStyle:"italic"}},{types:["namespace"],style:{opacity:.7}}]},P={plain:{color:"#f8f8f2",backgroundColor:"#272822"},styles:[{types:["changed"],style:{color:"rgb(162, 191, 252)",fontStyle:"italic"}},{types:["deleted"],style:{color:"#f92672",fontStyle:"italic"}},{types:["inserted"],style:{color:"rgb(173, 219, 103)",fontStyle:"italic"}},{types:["comment"],style:{color:"#8292a2",fontStyle:"italic"}},{types:["string","url"],style:{color:"#a6e22e"}},{types:["variable"],style:{color:"#f8f8f2"}},{types:["number"],style:{color:"#ae81ff"}},{types:["builtin","char","constant","function","class-name"],style:{color:"#e6db74"}},{types:["punctuation"],style:{color:"#f8f8f2"}},{types:["selector","doctype"],style:{color:"#a6e22e",fontStyle:"italic"}},{types:["tag","operator","keyword"],style:{color:"#66d9ef"}},{types:["boolean"],style:{color:"#ae81ff"}},{types:["namespace"],style:{color:"rgb(178, 204, 214)",opacity:.7}},{types:["tag","property"],style:{color:"#f92672"}},{types:["attr-name"],style:{color:"#a6e22e !important"}},{types:["doctype"],style:{color:"#8292a2"}},{types:["rule"],style:{color:"#e6db74"}}]},z={plain:{color:"#bfc7d5",backgroundColor:"#292d3e"},styles:[{types:["comment"],style:{color:"rgb(105, 112, 152)",fontStyle:"italic"}},{types:["string","inserted"],style:{color:"rgb(195, 232, 141)"}},{types:["number"],style:{color:"rgb(247, 140, 108)"}},{types:["builtin","char","constant","function"],style:{color:"rgb(130, 170, 255)"}},{types:["punctuation","selector"],style:{color:"rgb(199, 146, 234)"}},{types:["variable"],style:{color:"rgb(191, 199, 213)"}},{types:["class-name","attr-name"],style:{color:"rgb(255, 203, 107)"}},{types:["tag","deleted"],style:{color:"rgb(255, 85, 114)"}},{types:["operator"],style:{color:"rgb(137, 221, 255)"}},{types:["boolean"],style:{color:"rgb(255, 88, 116)"}},{types:["keyword"],style:{fontStyle:"italic"}},{types:["doctype"],style:{color:"rgb(199, 146, 234)",fontStyle:"italic"}},{types:["namespace"],style:{color:"rgb(178, 204, 214)"}},{types:["url"],style:{color:"rgb(221, 221, 221)"}}]},I={plain:{color:"#9EFEFF",backgroundColor:"#2D2A55"},styles:[{types:["changed"],style:{color:"rgb(255, 238, 128)"}},{types:["deleted"],style:{color:"rgba(239, 83, 80, 0.56)"}},{types:["inserted"],style:{color:"rgb(173, 219, 103)"}},{types:["comment"],style:{color:"rgb(179, 98, 255)",fontStyle:"italic"}},{types:["punctuation"],style:{color:"rgb(255, 255, 255)"}},{types:["constant"],style:{color:"rgb(255, 98, 140)"}},{types:["string","url"],style:{color:"rgb(165, 255, 144)"}},{types:["variable"],style:{color:"rgb(255, 238, 128)"}},{types:["number","boolean"],style:{color:"rgb(255, 98, 140)"}},{types:["attr-name"],style:{color:"rgb(255, 180, 84)"}},{types:["keyword","operator","property","namespace","tag","selector","doctype"],style:{color:"rgb(255, 157, 0)"}},{types:["builtin","char","constant","function","class-name"],style:{color:"rgb(250, 208, 0)"}}]},L={plain:{backgroundColor:"linear-gradient(to bottom, #2a2139 75%, #34294f)",backgroundImage:"#34294f",color:"#f92aad",textShadow:"0 0 2px #100c0f, 0 0 5px #dc078e33, 0 0 10px #fff3"},styles:[{types:["comment","block-comment","prolog","doctype","cdata"],style:{color:"#495495",fontStyle:"italic"}},{types:["punctuation"],style:{color:"#ccc"}},{types:["tag","attr-name","namespace","number","unit","hexcode","deleted"],style:{color:"#e2777a"}},{types:["property","selector"],style:{color:"#72f1b8",textShadow:"0 0 2px #100c0f, 0 0 10px #257c5575, 0 0 35px #21272475"}},{types:["function-name"],style:{color:"#6196cc"}},{types:["boolean","selector-id","function"],style:{color:"#fdfdfd",textShadow:"0 0 2px #001716, 0 0 3px #03edf975, 0 0 5px #03edf975, 0 0 8px #03edf975"}},{types:["class-name","maybe-class-name","builtin"],style:{color:"#fff5f6",textShadow:"0 0 2px #000, 0 0 10px #fc1f2c75, 0 0 5px #fc1f2c75, 0 0 25px #fc1f2c75"}},{types:["constant","symbol"],style:{color:"#f92aad",textShadow:"0 0 2px #100c0f, 0 0 5px #dc078e33, 0 0 10px #fff3"}},{types:["important","atrule","keyword","selector-class"],style:{color:"#f4eee4",textShadow:"0 0 2px #393a33, 0 0 8px #f39f0575, 0 0 2px #f39f0575"}},{types:["string","char","attr-value","regex","variable"],style:{color:"#f87c32"}},{types:["parameter"],style:{fontStyle:"italic"}},{types:["entity","url"],style:{color:"#67cdcc"}},{types:["operator"],style:{color:"ffffffee"}},{types:["important","bold"],style:{fontWeight:"bold"}},{types:["italic"],style:{fontStyle:"italic"}},{types:["entity"],style:{cursor:"help"}},{types:["inserted"],style:{color:"green"}}]},N={plain:{color:"#282a2e",backgroundColor:"#ffffff"},styles:[{types:["comment"],style:{color:"rgb(197, 200, 198)"}},{types:["string","number","builtin","variable"],style:{color:"rgb(150, 152, 150)"}},{types:["class-name","function","tag","attr-name"],style:{color:"rgb(40, 42, 46)"}}]},R={plain:{color:"#9CDCFE",backgroundColor:"#1E1E1E"},styles:[{types:["prolog"],style:{color:"rgb(0, 0, 128)"}},{types:["comment"],style:{color:"rgb(106, 153, 85)"}},{types:["builtin","changed","keyword","interpolation-punctuation"],style:{color:"rgb(86, 156, 214)"}},{types:["number","inserted"],style:{color:"rgb(181, 206, 168)"}},{types:["constant"],style:{color:"rgb(100, 102, 149)"}},{types:["attr-name","variable"],style:{color:"rgb(156, 220, 254)"}},{types:["deleted","string","attr-value","template-punctuation"],style:{color:"rgb(206, 145, 120)"}},{types:["selector"],style:{color:"rgb(215, 186, 125)"}},{types:["tag"],style:{color:"rgb(78, 201, 176)"}},{types:["tag"],languages:["markup"],style:{color:"rgb(86, 156, 214)"}},{types:["punctuation","operator"],style:{color:"rgb(212, 212, 212)"}},{types:["punctuation"],languages:["markup"],style:{color:"#808080"}},{types:["function"],style:{color:"rgb(220, 220, 170)"}},{types:["class-name"],style:{color:"rgb(78, 201, 176)"}},{types:["char"],style:{color:"rgb(209, 105, 105)"}}]},D={plain:{color:"#000000",backgroundColor:"#ffffff"},styles:[{types:["comment"],style:{color:"rgb(0, 128, 0)"}},{types:["builtin"],style:{color:"rgb(0, 112, 193)"}},{types:["number","variable","inserted"],style:{color:"rgb(9, 134, 88)"}},{types:["operator"],style:{color:"rgb(0, 0, 0)"}},{types:["constant","char"],style:{color:"rgb(129, 31, 63)"}},{types:["tag"],style:{color:"rgb(128, 0, 0)"}},{types:["attr-name"],style:{color:"rgb(255, 0, 0)"}},{types:["deleted","string"],style:{color:"rgb(163, 21, 21)"}},{types:["changed","punctuation"],style:{color:"rgb(4, 81, 165)"}},{types:["function","keyword"],style:{color:"rgb(0, 0, 255)"}},{types:["class-name"],style:{color:"rgb(38, 127, 153)"}}]},M={plain:{color:"#f8fafc",backgroundColor:"#011627"},styles:[{types:["prolog"],style:{color:"#000080"}},{types:["comment"],style:{color:"#6A9955"}},{types:["builtin","changed","keyword","interpolation-punctuation"],style:{color:"#569CD6"}},{types:["number","inserted"],style:{color:"#B5CEA8"}},{types:["constant"],style:{color:"#f8fafc"}},{types:["attr-name","variable"],style:{color:"#9CDCFE"}},{types:["deleted","string","attr-value","template-punctuation"],style:{color:"#cbd5e1"}},{types:["selector"],style:{color:"#D7BA7D"}},{types:["tag"],style:{color:"#0ea5e9"}},{types:["tag"],languages:["markup"],style:{color:"#0ea5e9"}},{types:["punctuation","operator"],style:{color:"#D4D4D4"}},{types:["punctuation"],languages:["markup"],style:{color:"#808080"}},{types:["function"],style:{color:"#7dd3fc"}},{types:["class-name"],style:{color:"#0ea5e9"}},{types:["char"],style:{color:"#D16969"}}]},F={plain:{color:"#0f172a",backgroundColor:"#f1f5f9"},styles:[{types:["prolog"],style:{color:"#000080"}},{types:["comment"],style:{color:"#6A9955"}},{types:["builtin","changed","keyword","interpolation-punctuation"],style:{color:"#0c4a6e"}},{types:["number","inserted"],style:{color:"#B5CEA8"}},{types:["constant"],style:{color:"#0f172a"}},{types:["attr-name","variable"],style:{color:"#0c4a6e"}},{types:["deleted","string","attr-value","template-punctuation"],style:{color:"#64748b"}},{types:["selector"],style:{color:"#D7BA7D"}},{types:["tag"],style:{color:"#0ea5e9"}},{types:["tag"],languages:["markup"],style:{color:"#0ea5e9"}},{types:["punctuation","operator"],style:{color:"#475569"}},{types:["punctuation"],languages:["markup"],style:{color:"#808080"}},{types:["function"],style:{color:"#0e7490"}},{types:["class-name"],style:{color:"#0ea5e9"}},{types:["char"],style:{color:"#D16969"}}]},B={plain:{backgroundColor:"hsl(220, 13%, 18%)",color:"hsl(220, 14%, 71%)",textShadow:"0 1px rgba(0, 0, 0, 0.3)"},styles:[{types:["comment","prolog","cdata"],style:{color:"hsl(220, 10%, 40%)"}},{types:["doctype","punctuation","entity"],style:{color:"hsl(220, 14%, 71%)"}},{types:["attr-name","class-name","maybe-class-name","boolean","constant","number","atrule"],style:{color:"hsl(29, 54%, 61%)"}},{types:["keyword"],style:{color:"hsl(286, 60%, 67%)"}},{types:["property","tag","symbol","deleted","important"],style:{color:"hsl(355, 65%, 65%)"}},{types:["selector","string","char","builtin","inserted","regex","attr-value"],style:{color:"hsl(95, 38%, 62%)"}},{types:["variable","operator","function"],style:{color:"hsl(207, 82%, 66%)"}},{types:["url"],style:{color:"hsl(187, 47%, 55%)"}},{types:["deleted"],style:{textDecorationLine:"line-through"}},{types:["inserted"],style:{textDecorationLine:"underline"}},{types:["italic"],style:{fontStyle:"italic"}},{types:["important","bold"],style:{fontWeight:"bold"}},{types:["important"],style:{color:"hsl(220, 14%, 71%)"}}]},U={plain:{backgroundColor:"hsl(230, 1%, 98%)",color:"hsl(230, 8%, 24%)"},styles:[{types:["comment","prolog","cdata"],style:{color:"hsl(230, 4%, 64%)"}},{types:["doctype","punctuation","entity"],style:{color:"hsl(230, 8%, 24%)"}},{types:["attr-name","class-name","boolean","constant","number","atrule"],style:{color:"hsl(35, 99%, 36%)"}},{types:["keyword"],style:{color:"hsl(301, 63%, 40%)"}},{types:["property","tag","symbol","deleted","important"],style:{color:"hsl(5, 74%, 59%)"}},{types:["selector","string","char","builtin","inserted","regex","attr-value","punctuation"],style:{color:"hsl(119, 34%, 47%)"}},{types:["variable","operator","function"],style:{color:"hsl(221, 87%, 60%)"}},{types:["url"],style:{color:"hsl(198, 99%, 37%)"}},{types:["deleted"],style:{textDecorationLine:"line-through"}},{types:["inserted"],style:{textDecorationLine:"underline"}},{types:["italic"],style:{fontStyle:"italic"}},{types:["important","bold"],style:{fontWeight:"bold"}},{types:["important"],style:{color:"hsl(230, 8%, 24%)"}}]},q={plain:{color:"#ebdbb2",backgroundColor:"#292828"},styles:[{types:["imports","class-name","maybe-class-name","constant","doctype","builtin","function"],style:{color:"#d8a657"}},{types:["property-access"],style:{color:"#7daea3"}},{types:["tag"],style:{color:"#e78a4e"}},{types:["attr-name","char","url","regex"],style:{color:"#a9b665"}},{types:["attr-value","string"],style:{color:"#89b482"}},{types:["comment","prolog","cdata","operator","inserted"],style:{color:"#a89984"}},{types:["delimiter","boolean","keyword","selector","important","atrule","property","variable","deleted"],style:{color:"#ea6962"}},{types:["entity","number","symbol"],style:{color:"#d3869b"}}]},$={plain:{color:"#654735",backgroundColor:"#f9f5d7"},styles:[{types:["delimiter","boolean","keyword","selector","important","atrule","property","variable","deleted"],style:{color:"#af2528"}},{types:["imports","class-name","maybe-class-name","constant","doctype","builtin"],style:{color:"#b4730e"}},{types:["string","attr-value"],style:{color:"#477a5b"}},{types:["property-access"],style:{color:"#266b79"}},{types:["function","attr-name","char","url"],style:{color:"#72761e"}},{types:["tag"],style:{color:"#b94c07"}},{types:["comment","prolog","cdata","operator","inserted"],style:{color:"#a89984"}},{types:["entity","number","symbol"],style:{color:"#924f79"}}]},H=(e,t)=>{const{plain:n}=e,r=e.styles.reduce(((e,n)=>{const{languages:r,style:o}=n;return r&&!r.includes(t)||n.types.forEach((t=>{const n=y(y({},e[t]),o);e[t]=n})),e}),{});return r.root=n,r.plain=v(y({},n),{backgroundColor:void 0}),r},V=/\r\n|\r|\n/,G=e=>{0===e.length?e.push({types:["plain"],content:"\n",empty:!0}):1===e.length&&""===e[0].content&&(e[0].content="\n",e[0].empty=!0)},W=(e,t)=>{const n=e.length;return n>0&&e[n-1]===t?e:e.concat(t)},K=e=>{const t=[[]],n=[e],r=[0],o=[e.length];let a=0,i=0,s=[];const l=[s];for(;i>-1;){for(;(a=r[i]++)<o[i];){let e,c=t[i];const u=n[i][a];if("string"==typeof u?(c=i>0?c:["plain"],e=u):(c=W(c,u.type),u.alias&&(c=W(c,u.alias)),e=u.content),"string"!=typeof e){i++,t.push(c),n.push(e),r.push(0),o.push(e.length);continue}const d=e.split(V),p=d.length;s.push({types:c,content:d[0]});for(let t=1;t<p;t++)G(s),l.push(s=[]),s.push({types:c,content:d[t]})}i--,t.pop(),n.pop(),r.pop(),o.pop()}return G(s),l},Q=({children:e,language:t,code:n,theme:r,prism:o})=>{const s=t.toLowerCase(),l=((e,t)=>{const[n,r]=(0,a.useState)(H(t,e)),o=(0,a.useRef)(),i=(0,a.useRef)();return(0,a.useEffect)((()=>{t===o.current&&e===i.current||(o.current=t,i.current=e,r(H(t,e)))}),[e,t]),n})(s,r),c=(e=>(0,a.useCallback)((t=>{var n=t,{className:r,style:o,line:a}=n,s=w(n,["className","style","line"]);const l=v(y({},s),{className:(0,i.A)("token-line",r)});return"object"==typeof e&&"plain"in e&&(l.style=e.plain),"object"==typeof o&&(l.style=y(y({},l.style||{}),o)),l}),[e]))(l),u=(e=>{const t=(0,a.useCallback)((({types:t,empty:n})=>{if(null!=e)return 1===t.length&&"plain"===t[0]?null!=n?{display:"inline-block"}:void 0:1===t.length&&null!=n?e[t[0]]:Object.assign(null!=n?{display:"inline-block"}:{},...t.map((t=>e[t])))}),[e]);return(0,a.useCallback)((e=>{var n=e,{token:r,className:o,style:a}=n,s=w(n,["token","className","style"]);const l=v(y({},s),{className:(0,i.A)("token",...r.types,o),children:r.content,style:t(r)});return null!=a&&(l.style=y(y({},l.style||{}),a)),l}),[t])})(l),d=(({prism:e,code:t,grammar:n,language:r})=>{const o=(0,a.useRef)(e);return(0,a.useMemo)((()=>{if(null==n)return K([t]);const e={code:t,grammar:n,language:r,tokens:[]};return o.current.hooks.run("before-tokenize",e),e.tokens=o.current.tokenize(t,n),o.current.hooks.run("after-tokenize",e),K(e.tokens)}),[t,n,r])})({prism:o,language:s,code:n,grammar:o.languages[s]});return e({tokens:d,className:`prism-code language-${s}`,style:null!=l?l.root:{},getLineProps:c,getTokenProps:u})},Y=e=>(0,a.createElement)(Q,v(y({},e),{prism:e.prism||k,theme:e.theme||R,code:e.code,language:e.language}))},5385:(e,t,n)=>{"use strict";n.d(t,{A:()=>a});var r=!0,o="Invariant failed";function a(e,t){if(!e){if(r)throw new Error(o);var n="function"==typeof t?t():t,a=n?"".concat(o,": ").concat(n):o;throw new Error(a)}}},3422:(e,t,n)=>{"use strict";n.r(t),n.d(t,{__addDisposableResource:()=>L,__assign:()=>a,__asyncDelegator:()=>_,__asyncGenerator:()=>E,__asyncValues:()=>j,__await:()=>x,__awaiter:()=>m,__classPrivateFieldGet:()=>P,__classPrivateFieldIn:()=>I,__classPrivateFieldSet:()=>z,__createBinding:()=>g,__decorate:()=>s,__disposeResources:()=>R,__esDecorate:()=>c,__exportStar:()=>b,__extends:()=>o,__generator:()=>h,__importDefault:()=>T,__importStar:()=>A,__makeTemplateObject:()=>C,__metadata:()=>f,__param:()=>l,__propKey:()=>d,__read:()=>v,__rest:()=>i,__runInitializers:()=>u,__setFunctionName:()=>p,__spread:()=>w,__spreadArray:()=>S,__spreadArrays:()=>k,__values:()=>y,default:()=>D});var r=function(e,t){return r=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])},r(e,t)};function o(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");function n(){this.constructor=e}r(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)}var a=function(){return a=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var o in t=arguments[n])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e},a.apply(this,arguments)};function i(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&Object.prototype.propertyIsEnumerable.call(e,r[o])&&(n[r[o]]=e[r[o]])}return n}function s(e,t,n,r){var o,a=arguments.length,i=a<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,n):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(e,t,n,r);else for(var s=e.length-1;s>=0;s--)(o=e[s])&&(i=(a<3?o(i):a>3?o(t,n,i):o(t,n))||i);return a>3&&i&&Object.defineProperty(t,n,i),i}function l(e,t){return function(n,r){t(n,r,e)}}function c(e,t,n,r,o,a){function i(e){if(void 0!==e&&"function"!=typeof e)throw new TypeError("Function expected");return e}for(var s,l=r.kind,c="getter"===l?"get":"setter"===l?"set":"value",u=!t&&e?r.static?e:e.prototype:null,d=t||(u?Object.getOwnPropertyDescriptor(u,r.name):{}),p=!1,f=n.length-1;f>=0;f--){var m={};for(var h in r)m[h]="access"===h?{}:r[h];for(var h in r.access)m.access[h]=r.access[h];m.addInitializer=function(e){if(p)throw new TypeError("Cannot add initializers after decoration has completed");a.push(i(e||null))};var g=(0,n[f])("accessor"===l?{get:d.get,set:d.set}:d[c],m);if("accessor"===l){if(void 0===g)continue;if(null===g||"object"!=typeof g)throw new TypeError("Object expected");(s=i(g.get))&&(d.get=s),(s=i(g.set))&&(d.set=s),(s=i(g.init))&&o.unshift(s)}else(s=i(g))&&("field"===l?o.unshift(s):d[c]=s)}u&&Object.defineProperty(u,r.name,d),p=!0}function u(e,t,n){for(var r=arguments.length>2,o=0;o<t.length;o++)n=r?t[o].call(e,n):t[o].call(e);return r?n:void 0}function d(e){return"symbol"==typeof e?e:"".concat(e)}function p(e,t,n){return"symbol"==typeof t&&(t=t.description?"[".concat(t.description,"]"):""),Object.defineProperty(e,"name",{configurable:!0,value:n?"".concat(n," ",t):t})}function f(e,t){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(e,t)}function m(e,t,n,r){return new(n||(n=Promise))((function(o,a){function i(e){try{l(r.next(e))}catch(t){a(t)}}function s(e){try{l(r.throw(e))}catch(t){a(t)}}function l(e){var t;e.done?o(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(i,s)}l((r=r.apply(e,t||[])).next())}))}function h(e,t){var n,r,o,a,i={label:0,sent:function(){if(1&o[0])throw o[1];return o[1]},trys:[],ops:[]};return a={next:s(0),throw:s(1),return:s(2)},"function"==typeof Symbol&&(a[Symbol.iterator]=function(){return this}),a;function s(s){return function(l){return function(s){if(n)throw new TypeError("Generator is already executing.");for(;a&&(a=0,s[0]&&(i=0)),i;)try{if(n=1,r&&(o=2&s[0]?r.return:s[0]?r.throw||((o=r.return)&&o.call(r),0):r.next)&&!(o=o.call(r,s[1])).done)return o;switch(r=0,o&&(s=[2&s[0],o.value]),s[0]){case 0:case 1:o=s;break;case 4:return i.label++,{value:s[1],done:!1};case 5:i.label++,r=s[1],s=[0];continue;case 7:s=i.ops.pop(),i.trys.pop();continue;default:if(!(o=i.trys,(o=o.length>0&&o[o.length-1])||6!==s[0]&&2!==s[0])){i=0;continue}if(3===s[0]&&(!o||s[1]>o[0]&&s[1]<o[3])){i.label=s[1];break}if(6===s[0]&&i.label<o[1]){i.label=o[1],o=s;break}if(o&&i.label<o[2]){i.label=o[2],i.ops.push(s);break}o[2]&&i.ops.pop(),i.trys.pop();continue}s=t.call(e,i)}catch(l){s=[6,l],r=0}finally{n=o=0}if(5&s[0])throw s[1];return{value:s[0]?s[1]:void 0,done:!0}}([s,l])}}}var g=Object.create?function(e,t,n,r){void 0===r&&(r=n);var o=Object.getOwnPropertyDescriptor(t,n);o&&!("get"in o?!t.__esModule:o.writable||o.configurable)||(o={enumerable:!0,get:function(){return t[n]}}),Object.defineProperty(e,r,o)}:function(e,t,n,r){void 0===r&&(r=n),e[r]=t[n]};function b(e,t){for(var n in e)"default"===n||Object.prototype.hasOwnProperty.call(t,n)||g(t,e,n)}function y(e){var t="function"==typeof Symbol&&Symbol.iterator,n=t&&e[t],r=0;if(n)return n.call(e);if(e&&"number"==typeof e.length)return{next:function(){return e&&r>=e.length&&(e=void 0),{value:e&&e[r++],done:!e}}};throw new TypeError(t?"Object is not iterable.":"Symbol.iterator is not defined.")}function v(e,t){var n="function"==typeof Symbol&&e[Symbol.iterator];if(!n)return e;var r,o,a=n.call(e),i=[];try{for(;(void 0===t||t-- >0)&&!(r=a.next()).done;)i.push(r.value)}catch(s){o={error:s}}finally{try{r&&!r.done&&(n=a.return)&&n.call(a)}finally{if(o)throw o.error}}return i}function w(){for(var e=[],t=0;t<arguments.length;t++)e=e.concat(v(arguments[t]));return e}function k(){for(var e=0,t=0,n=arguments.length;t<n;t++)e+=arguments[t].length;var r=Array(e),o=0;for(t=0;t<n;t++)for(var a=arguments[t],i=0,s=a.length;i<s;i++,o++)r[o]=a[i];return r}function S(e,t,n){if(n||2===arguments.length)for(var r,o=0,a=t.length;o<a;o++)!r&&o in t||(r||(r=Array.prototype.slice.call(t,0,o)),r[o]=t[o]);return e.concat(r||Array.prototype.slice.call(t))}function x(e){return this instanceof x?(this.v=e,this):new x(e)}function E(e,t,n){if(!Symbol.asyncIterator)throw new TypeError("Symbol.asyncIterator is not defined.");var r,o=n.apply(e,t||[]),a=[];return r={},i("next"),i("throw"),i("return",(function(e){return function(t){return Promise.resolve(t).then(e,c)}})),r[Symbol.asyncIterator]=function(){return this},r;function i(e,t){o[e]&&(r[e]=function(t){return new Promise((function(n,r){a.push([e,t,n,r])>1||s(e,t)}))},t&&(r[e]=t(r[e])))}function s(e,t){try{(n=o[e](t)).value instanceof x?Promise.resolve(n.value.v).then(l,c):u(a[0][2],n)}catch(r){u(a[0][3],r)}var n}function l(e){s("next",e)}function c(e){s("throw",e)}function u(e,t){e(t),a.shift(),a.length&&s(a[0][0],a[0][1])}}function _(e){var t,n;return t={},r("next"),r("throw",(function(e){throw e})),r("return"),t[Symbol.iterator]=function(){return this},t;function r(r,o){t[r]=e[r]?function(t){return(n=!n)?{value:x(e[r](t)),done:!1}:o?o(t):t}:o}}function j(e){if(!Symbol.asyncIterator)throw new TypeError("Symbol.asyncIterator is not defined.");var t,n=e[Symbol.asyncIterator];return n?n.call(e):(e=y(e),t={},r("next"),r("throw"),r("return"),t[Symbol.asyncIterator]=function(){return this},t);function r(n){t[n]=e[n]&&function(t){return new Promise((function(r,o){(function(e,t,n,r){Promise.resolve(r).then((function(t){e({value:t,done:n})}),t)})(r,o,(t=e[n](t)).done,t.value)}))}}}function C(e,t){return Object.defineProperty?Object.defineProperty(e,"raw",{value:t}):e.raw=t,e}var O=Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t};function A(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var n in e)"default"!==n&&Object.prototype.hasOwnProperty.call(e,n)&&g(t,e,n);return O(t,e),t}function T(e){return e&&e.__esModule?e:{default:e}}function P(e,t,n,r){if("a"===n&&!r)throw new TypeError("Private accessor was defined without a getter");if("function"==typeof t?e!==t||!r:!t.has(e))throw new TypeError("Cannot read private member from an object whose class did not declare it");return"m"===n?r:"a"===n?r.call(e):r?r.value:t.get(e)}function z(e,t,n,r,o){if("m"===r)throw new TypeError("Private method is not writable");if("a"===r&&!o)throw new TypeError("Private accessor was defined without a setter");if("function"==typeof t?e!==t||!o:!t.has(e))throw new TypeError("Cannot write private member to an object whose class did not declare it");return"a"===r?o.call(e,n):o?o.value=n:t.set(e,n),n}function I(e,t){if(null===t||"object"!=typeof t&&"function"!=typeof t)throw new TypeError("Cannot use 'in' operator on non-object");return"function"==typeof e?t===e:e.has(t)}function L(e,t,n){if(null!=t){if("object"!=typeof t&&"function"!=typeof t)throw new TypeError("Object expected.");var r,o;if(n){if(!Symbol.asyncDispose)throw new TypeError("Symbol.asyncDispose is not defined.");r=t[Symbol.asyncDispose]}if(void 0===r){if(!Symbol.dispose)throw new TypeError("Symbol.dispose is not defined.");r=t[Symbol.dispose],n&&(o=r)}if("function"!=typeof r)throw new TypeError("Object not disposable.");o&&(r=function(){try{o.call(this)}catch(e){return Promise.reject(e)}}),e.stack.push({value:t,dispose:r,async:n})}else n&&e.stack.push({async:!0});return t}var N="function"==typeof SuppressedError?SuppressedError:function(e,t,n){var r=new Error(n);return r.name="SuppressedError",r.error=e,r.suppressed=t,r};function R(e){function t(t){e.error=e.hasError?new N(t,e.error,"An error was suppressed during disposal."):t,e.hasError=!0}return function n(){for(;e.stack.length;){var r=e.stack.pop();try{var o=r.dispose&&r.dispose.call(r.value);if(r.async)return Promise.resolve(o).then(n,(function(e){return t(e),n()}))}catch(a){t(a)}}if(e.hasError)throw e.error}()}const D={__extends:o,__assign:a,__rest:i,__decorate:s,__param:l,__metadata:f,__awaiter:m,__generator:h,__createBinding:g,__exportStar:b,__values:y,__read:v,__spread:w,__spreadArrays:k,__spreadArray:S,__await:x,__asyncGenerator:E,__asyncDelegator:_,__asyncValues:j,__makeTemplateObject:C,__importStar:A,__importDefault:T,__classPrivateFieldGet:P,__classPrivateFieldSet:z,__classPrivateFieldIn:I,__addDisposableResource:L,__disposeResources:R}},2654:e=>{"use strict";e.exports=JSON.parse('{"pages.home.features.title":"Afzalliklari","pages.home.features.logic.title":"Aniq biznes mantiq","pages.home.features.logic.description":"Arxitekturani o\'rganish oson, chunki u domen modullaridan iborat","pages.home.features.adaptability.title":"Moslashuvchanlik","pages.home.features.adaptability.description":"Arxitektura komponentlarini moslashuvchan tarzda almashtirish, yangi sharoitlarda qo\'shish mumkin","pages.home.features.debt.title":"Texnik qarz","pages.home.features.debt.description":"Har bir modul nojo\'ya ta\'sirlarsiz mustaqil ravishda o\'zgartirilishi/qayta yozilishi mumkin","pages.home.features.shared.title":"Aniq qayta foydalanish mumkinligi","pages.home.features.shared.description":"DRY va lokal moslashtirish o\'rtasidagi muvozanatni saqlaydi","pages.home.concepts.title":"Tushunchalar","pages.home.concepts.public.title":"Ommaviy API","pages.home.concepts.public.description":"Har bir modul yuqori darajadagi umumiy API deklaratsiyasiga ega bo\'lishi kerak","pages.home.concepts.isolation.title":"Izolyatsiya","pages.home.concepts.isolation.description":"Modul to\'g\'ridan-to\'g\'ri bir xil qatlamdagi boshqa modullarga yoki uning ustidagi qatlamlarga bog\'liq bo\'lmasligi kerak.","pages.home.concepts.needs.title":"Ehtiyojlarni tushunish","pages.home.concepts.needs.description":"Biznes va foydalanuvchi ehtiyojlariga e\'tibor qarating","pages.home.scheme.title":"Sxema","pages.home.companies.using":"Metodologiyadan foydalanadigan kompaniyalar","pages.home.companies.add_me":"Sizning kompaniyangizda metodologiya qo\'llaniladimi?","pages.home.companies.tell_us":"Habar bering","pages.examples.title":"Namunalar","pages.examples.subtitle":"FSD yordamida yaratilgan veb-saytlar ro\'yxati","pages.examples.add_me.title":"Namuna qoshish","pages.examples.repo.title":"Repezitoriyalar","pages.examples.versions":"Shuningdek, versiyalar ro\'yxatiga qarang","pages.versions.title":"Feature-Sliced Design versiyalari","pages.versions.current":"Bu yerda siz joriy nashr etilgan versiya uchun hujjatlarni topishingiz mumkin","pages.versions.legacy":"Bu yerda {of} ning eski versiyalari uchun hujjatlarni topishingiz mumkin","pages.nav.title":"\ud83e\udded Navigatsiya","pages.nav.legacy.title":"Eskirgan havolalar","pages.nav.legacy.details":"Hujjatlarni qayta tuzilgandan so\'ng, maqolalarda ba\'zi havolalar o\'zgartirildi. Quyida siz izlayotgan sahifani topishingiz mumkin.","pages.nav.legacy.subdetails":"Lekin moslik uchun eski havolalardan qayta yo\'naltirishlar mavjud","features.feedback-badge.label":"Hujjatlar bo\'yicha fikr-mulohazalaringizni baham ko\'ring \ud83e\udd19","features.feedback-badge.url":"https://forms.gle/7p4anU2shHAzmfqc8","features.feedback-doc.thanks":"Baham ko\'rganingiz uchun rahmat!","features.feedback-doc.title":"Sahifa foydali bo\'ldimi?","features.feedback-doc.subtitle":"Sizning fikringiz bizga dastur dokumentatsiyasini yaxshilashda yordam beradi","features.feedback-doc.button-text":"Fikr-mulohaza qoldirish","features.feedback-doc.email-placeholder":"Sizning e-mailingizni qoldiring (ixtiyoriy)","features.feedback-doc.error-message":"Iltimos, keyinroq urinib ko\'ring.","features.feedback-doc.modal-title-error-403":"URL so\'rovi bu proyekt uchun PushFeedbackda ko\'rsatilgan URL bilan mos kelmadi.","features.feedback-doc.modal-title-error-404":"Biz PushFeedbackda berilgan proyekt identifikatorini topolmadik.","features.feedback-doc.message-placeholder":"Fikringizni shu yerga yozing\u2026","features.feedback-doc.modal-title":"Fikringizni ulashing","features.feedback-doc.modal-title-error":"Xatolik!","features.feedback-doc.modal-title-success":"Fikringiz uchun rahmat!","features.feedback-doc.rating-placeholder":"Ushbu sahifa foydali bo\'ldimi?","features.feedback-doc.rating-stars-placeholder":"Ushbu sahifani qanday baholay olasiz","features.feedback-doc.screenshot-button-text":"Ekran surati olish","features.feedback-doc.screenshot-topbar-text":"Sahifadagi elementni tanlang","features.feedback-doc.send-button-text":"Yuborish","features.hero.tagline":"Front-end loyihalari uchun arxitektura metodologiyasi","features.hero.get_started":"Tanishib chiqish","features.hero.examples":"Namunalar","features.hero.previous":"Oldingi versiya","shared.wip.title":"Maqola yozilish jarayonida","shared.wip.subtitle":"Uning yaratilishini tezlashtirish uchun siz:","shared.wip.var.feedback.base":"\ud83d\udce2 Fikr-mulohaza ulashing ","shared.wip.var.feedback.link":"chiptada (sharhlar/reaksiya emoji)","shared.wip.var.material.base":"\ud83d\udcac Mavzu boyicha to\'plamlarni chiptaga yig\'ish ","shared.wip.var.material.link":"suhbatdan olingan material","shared.wip.var.contribute.base":"\u2692\ufe0f Hissa qo\u2018shish ","shared.wip.var.contribute.link":"har qanday boshqa yo\'l bilan","theme.NotFound.title":"Sahifa topilmadi","theme.NotFound.p1":"Afsuski, siz hohlagan sahifa topilmadi","theme.NotFound.p2":"Iltimos, ushbu havolaga kirgan sayt egasiga havola ishlamayotganligi haqida xabar bering.","theme.AnnouncementBar.closeButtonAriaLabel":"Yopish","theme.blog.paginator.navAriaLabel":"Bloglar ro\u02bbyxati sahifalariga navigatsiya","theme.blog.paginator.newerEntries":"Keyingi yozmalar","theme.blog.paginator.olderEntries":"Oldingi yozmalar","theme.blog.post.readingTime.plurals":"{readingTime} min. o\'qish","theme.tags.tagsListLabel":"Teglar:","theme.blog.post.readMore":"Ko\'proq o\'qish","theme.blog.post.paginator.navAriaLabel":"Blog postlari sahifalarida navigatsiya","theme.blog.post.paginator.newerPost":"Keyingi post","theme.blog.post.paginator.olderPost":"Oldingi post","theme.tags.tagsPageTitle":"Teglar","theme.blog.post.plurals":"Bir post|{count} ta post","theme.blog.tagTitle":"{nPosts}  \\"{tagName}\\" bilan","theme.tags.tagsPageLink":"Hamma teglarni ko\'rish","theme.CodeBlock.copyButtonAriaLabel":"Buferga nusxalash","theme.CodeBlock.copied":"Nuxsalandi","theme.CodeBlock.copy":"Nusxalash","theme.docs.sidebar.expandButtonTitle":"Yon panelni kengaytirish","theme.docs.sidebar.expandButtonAriaLabel":"Yon panelni kengaytirish","theme.docs.paginator.navAriaLabel":"Hujjat sahifalarida navigatsiya","theme.docs.paginator.previous":"Oldingi sahifa","theme.docs.paginator.next":"Keyingi sahifa","theme.docs.sidebar.collapseButtonTitle":"Yon panelni yig\u2018ish","theme.docs.sidebar.collapseButtonAriaLabel":"Yon panelni yig\u2018ish","theme.docs.sidebar.responsiveCloseButtonLabel":"Menyuni yopish","theme.docs.sidebar.responsiveOpenButtonLabel":"Menyuni ochish","theme.docs.versions.unreleasedVersionLabel":"Bu {siteTitle} {versionLabel} ning kelajakdagi versiyasi uchun hujjatdir.","theme.docs.versions.unmaintainedVersionLabel":"Bu endi faol saqlanmaydigan {siteTitle} {versionLabel} uchun hujjatlar.","theme.docs.versions.latestVersionSuggestionLabel":"Eng yangi hujjatlar uchun {latestVersionLink} ({versionLabel}) ga qarang.","theme.docs.versions.latestVersionLinkLabel":"so\'ngi versiya","theme.common.editThisPage":"Sahifani tahrirlash","theme.common.headingLinkTitle":"Sarlavhaga to\'g\'ridan-to\'g\'ri havola","theme.lastUpdated.atDate":" {date}","theme.lastUpdated.byUser":" {user} dan","theme.lastUpdated.lastUpdatedAtBy":"Oxirgi yangilangan{atDate}{byUser}","theme.common.skipToMainContent":"Asosiy tarkibga o\'tish"}')},4054:e=>{"use strict";e.exports=JSON.parse('{"/uz/blog-2d9":{"__comp":"a6aa9e1f","__context":{"plugin":"36994c47"},"sidebar":"814f3328","items":[{"content":"25a0b29f"},{"content":"f6bb872e"}],"__props":"19277cce"},"/uz/blog/archive-d95":{"__comp":"9e4087bc","__context":{"plugin":"36994c47"},"__props":"b135d55d"},"/uz/blog/international-community-9b7":{"__comp":"ccc49370","__context":{"data":{"blogMetadata":"acecf23e"},"plugin":"36994c47"},"sidebar":"814f3328","content":"f6760343"},"/uz/blog/rebranding-stable-99b":{"__comp":"ccc49370","__context":{"data":{"blogMetadata":"acecf23e"},"plugin":"36994c47"},"sidebar":"814f3328","content":"1943626f"},"/uz/blog/tags-035":{"__comp":"01a85c17","__context":{"plugin":"36994c47"},"sidebar":"814f3328","__props":"087a1d0d"},"/uz/blog/tags/brand-b0d":{"__comp":"6875c492","__context":{"plugin":"36994c47"},"sidebar":"814f3328","items":[{"content":"f6bb872e"}],"__props":"43e8141f"},"/uz/blog/tags/community-627":{"__comp":"6875c492","__context":{"plugin":"36994c47"},"sidebar":"814f3328","items":[{"content":"25a0b29f"}],"__props":"6f9fce13"},"/uz/blog/tags/discord-c58":{"__comp":"6875c492","__context":{"plugin":"36994c47"},"sidebar":"814f3328","items":[{"content":"25a0b29f"}],"__props":"e58a523b"},"/uz/blog/tags/promo-905":{"__comp":"6875c492","__context":{"plugin":"36994c47"},"sidebar":"814f3328","items":[{"content":"25a0b29f"},{"content":"f6bb872e"}],"__props":"3dc6975d"},"/uz/examples-102":{"__comp":"b4c136e1","__context":{"plugin":"a7456010"},"config":"5e9f5e1a"},"/uz/nav-769":{"__comp":"f565db0c","__context":{"plugin":"a7456010"},"config":"5e9f5e1a"},"/uz/search-55f":{"__comp":"1a4e3797","__context":{"plugin":"c141421f"}},"/uz/versions-3d0":{"__comp":"90f695cb","__context":{"plugin":"a7456010"},"config":"5e9f5e1a"},"/uz/community-21a":{"__comp":"5e95c892","__context":{"plugin":"e0719818"}},"/uz/community-82f":{"__comp":"a7bd4aaa","__props":"963cad68"},"/uz/community-d2b":{"__comp":"a94703ab"},"/uz/community-830":{"__comp":"17896441","content":"a61c55ce"},"/uz/community/team-823":{"__comp":"17896441","content":"7313bf7a"},"/uz/docs-8a2":{"__comp":"5e95c892","__context":{"plugin":"aba21aa0"}},"/uz/docs-f4f":{"__comp":"a7bd4aaa","__props":"43315e98"},"/uz/docs-0cd":{"__comp":"a94703ab"},"/uz/docs-0d2":{"__comp":"17896441","content":"e3309638"},"/uz/docs/about-4a7":{"__comp":"17896441","content":"c5666f39"},"/uz/docs/about/alternatives-935":{"__comp":"17896441","content":"a386f730"},"/uz/docs/about/mission-39b":{"__comp":"17896441","content":"480f28a3"},"/uz/docs/about/motivation-1dc":{"__comp":"17896441","content":"cb388a7b"},"/uz/docs/about/promote/for-company-1c6":{"__comp":"17896441","content":"c4d0faae"},"/uz/docs/about/promote/for-team-ddc":{"__comp":"17896441","content":"8b5a42c3"},"/uz/docs/about/promote/integration-5f0":{"__comp":"17896441","content":"6636c8dc"},"/uz/docs/about/promote/partial-application-c8c":{"__comp":"17896441","content":"664a648d"},"/uz/docs/about/understanding/abstractions-18a":{"__comp":"17896441","content":"e1c0d304"},"/uz/docs/about/understanding/architecture-ef3":{"__comp":"17896441","content":"5187bed2"},"/uz/docs/about/understanding/knowledge-types-d80":{"__comp":"17896441","content":"e01c2047"},"/uz/docs/about/understanding/naming-bf4":{"__comp":"17896441","content":"49161156"},"/uz/docs/about/understanding/needs-driven-30e":{"__comp":"17896441","content":"2f764a0f"},"/uz/docs/about/understanding/signals-d7d":{"__comp":"17896441","content":"5bd61d3b"},"/uz/docs/branding-86b":{"__comp":"17896441","content":"4044d4ea"},"/uz/docs/get-started-25b":{"__comp":"17896441","content":"d7baea7e"},"/uz/docs/get-started/cheatsheet-6b9":{"__comp":"17896441","content":"0499e362"},"/uz/docs/get-started/faq-9fb":{"__comp":"17896441","content":"ba8bb0f7"},"/uz/docs/get-started/overview-f95":{"__comp":"17896441","content":"066221cc"},"/uz/docs/get-started/tutorial-f7c":{"__comp":"17896441","content":"857ae1bf"},"/uz/docs/guides-c1c":{"__comp":"17896441","content":"53f8e831"},"/uz/docs/guides/examples-b73":{"__comp":"17896441","content":"d13cbfb8"},"/uz/docs/guides/examples/auth-1c4":{"__comp":"17896441","content":"8b93e59a"},"/uz/docs/guides/examples/autocompleted-d56":{"__comp":"17896441","content":"9b83d7f4"},"/uz/docs/guides/examples/browser-api-e21":{"__comp":"17896441","content":"a1521a63"},"/uz/docs/guides/examples/cms-fdd":{"__comp":"17896441","content":"fe129f8e"},"/uz/docs/guides/examples/feedback-e38":{"__comp":"17896441","content":"d999437a"},"/uz/docs/guides/examples/i18n-a6b":{"__comp":"17896441","content":"ed3dcfcb"},"/uz/docs/guides/examples/metric-bc5":{"__comp":"17896441","content":"c0c6474c"},"/uz/docs/guides/examples/monorepo-5b3":{"__comp":"17896441","content":"dfe5ecdf"},"/uz/docs/guides/examples/page-layout-b17":{"__comp":"17896441","content":"55b0769a"},"/uz/docs/guides/examples/platforms-e86":{"__comp":"17896441","content":"3121f8ae"},"/uz/docs/guides/examples/ssr-1bf":{"__comp":"17896441","content":"87e5c187"},"/uz/docs/guides/examples/theme-397":{"__comp":"17896441","content":"acaf5b8a"},"/uz/docs/guides/examples/types-0ea":{"__comp":"17896441","content":"66d3db7c"},"/uz/docs/guides/examples/white-labels-6d2":{"__comp":"17896441","content":"f2567325"},"/uz/docs/guides/issues/cross-imports-69d":{"__comp":"17896441","content":"8ce83ff6"},"/uz/docs/guides/issues/desegmented-bb4":{"__comp":"17896441","content":"5f7e5f34"},"/uz/docs/guides/issues/routes-83b":{"__comp":"17896441","content":"e1003eab"},"/uz/docs/guides/migration/from-custom-ba6":{"__comp":"17896441","content":"f2c174dc"},"/uz/docs/guides/migration/from-v1-611":{"__comp":"17896441","content":"8c1e6152"},"/uz/docs/guides/tech/with-nextjs-693":{"__comp":"17896441","content":"84a0dbae"},"/uz/docs/guides/tech/with-nuxtjs-50b":{"__comp":"17896441","content":"0a4ee302"},"/uz/docs/guides/tech/with-react-query-700":{"__comp":"17896441","content":"370f8845"},"/uz/docs/guides/tech/with-sveltekit-6de":{"__comp":"17896441","content":"e6bf8eb6"},"/uz/docs/reference-750":{"__comp":"17896441","content":"022a3ac7"},"/uz/docs/reference/isolation-e04":{"__comp":"17896441","content":"7a790ed0"},"/uz/docs/reference/isolation/coupling-cohesion-fa7":{"__comp":"17896441","content":"488b6464"},"/uz/docs/reference/isolation/decouple-entities-77d":{"__comp":"17896441","content":"590d98cc"},"/uz/docs/reference/layers-003":{"__comp":"17896441","content":"8651fb1e"},"/uz/docs/reference/public-api-5b1":{"__comp":"17896441","content":"3d2652fb"},"/uz/docs/reference/slices-segments-e31":{"__comp":"17896441","content":"350d1c3d"},"/uz/-baa":{"__comp":"1df93b7f","__context":{"plugin":"a7456010"},"config":"5e9f5e1a"}}')}},e=>{e.O(0,[1869],(()=>{return t=3096,e(e.s=t);var t}));e.O()}]);
\ No newline at end of file
diff --git a/uz/assets/js/main.ef087bb6.js.LICENSE.txt b/uz/assets/js/main.b67529a2.js.LICENSE.txt
similarity index 100%
rename from uz/assets/js/main.ef087bb6.js.LICENSE.txt
rename to uz/assets/js/main.b67529a2.js.LICENSE.txt
diff --git a/uz/assets/js/runtime~main.a1b42f8f.js b/uz/assets/js/runtime~main.d90f1c87.js
similarity index 78%
rename from uz/assets/js/runtime~main.a1b42f8f.js
rename to uz/assets/js/runtime~main.d90f1c87.js
index 0f79742ec5..767cf2ee10 100644
--- a/uz/assets/js/runtime~main.a1b42f8f.js
+++ b/uz/assets/js/runtime~main.d90f1c87.js
@@ -1 +1 @@
-(()=>{"use strict";var e,a,c,f,d,b={},t={};function r(e){var a=t[e];if(void 0!==a)return a.exports;var c=t[e]={id:e,loaded:!1,exports:{}};return b[e].call(c.exports,c,c.exports,r),c.loaded=!0,c.exports}r.m=b,r.c=t,e=[],r.O=(a,c,f,d)=>{if(!c){var b=1/0;for(i=0;i<e.length;i++){c=e[i][0],f=e[i][1],d=e[i][2];for(var t=!0,o=0;o<c.length;o++)(!1&d||b>=d)&&Object.keys(r.O).every((e=>r.O[e](c[o])))?c.splice(o--,1):(t=!1,d<b&&(b=d));if(t){e.splice(i--,1);var n=f();void 0!==n&&(a=n)}}return a}d=d||0;for(var i=e.length;i>0&&e[i-1][2]>d;i--)e[i]=e[i-1];e[i]=[c,f,d]},r.n=e=>{var a=e&&e.__esModule?()=>e.default:()=>e;return r.d(a,{a:a}),a},c=Object.getPrototypeOf?e=>Object.getPrototypeOf(e):e=>e.__proto__,r.t=function(e,f){if(1&f&&(e=this(e)),8&f)return e;if("object"==typeof e&&e){if(4&f&&e.__esModule)return e;if(16&f&&"function"==typeof e.then)return e}var d=Object.create(null);r.r(d);var b={};a=a||[null,c({}),c([]),c(c)];for(var t=2&f&&e;"object"==typeof t&&!~a.indexOf(t);t=c(t))Object.getOwnPropertyNames(t).forEach((a=>b[a]=()=>e[a]));return b.default=()=>e,r.d(d,b),d},r.d=(e,a)=>{for(var c in a)r.o(a,c)&&!r.o(e,c)&&Object.defineProperty(e,c,{enumerable:!0,get:a[c]})},r.f={},r.e=e=>Promise.all(Object.keys(r.f).reduce(((a,c)=>(r.f[c](e,a),a)),[])),r.u=e=>"assets/js/"+({25:"7313bf7a",69:"963cad68",106:"6636c8dc",192:"8b5a42c3",422:"25a0b29f",533:"ba8bb0f7",679:"e6bf8eb6",868:"b4c136e1",957:"c141421f",993:"ed3dcfcb",1235:"a7456010",1405:"e01c2047",1616:"8c1e6152",1754:"e58a523b",1903:"acecf23e",2138:"1a4e3797",2249:"8651fb1e",2252:"087a1d0d",2563:"f6bb872e",2711:"9e4087bc",2978:"53f8e831",3120:"066221cc",3165:"4044d4ea",3249:"ccc49370",3366:"5f7e5f34",4005:"0499e362",4037:"43e8141f",4043:"5187bed2",4150:"19277cce",4472:"857ae1bf",4581:"c0c6474c",4583:"1df93b7f",4682:"3dc6975d",4813:"6875c492",4861:"f2c174dc",5220:"e0719818",5535:"cb388a7b",5570:"d13cbfb8",5654:"b135d55d",5715:"c5666f39",5718:"6f9fce13",5742:"aba21aa0",5755:"c4d0faae",5936:"664a648d",5977:"0a4ee302",6170:"acaf5b8a",6217:"fe129f8e",6369:"488b6464",6422:"7a790ed0",6684:"8ce83ff6",6726:"1943626f",6813:"8b93e59a",6865:"a386f730",6949:"dfe5ecdf",6956:"f6760343",7028:"49161156",7068:"66d3db7c",7091:"d999437a",7098:"a7bd4aaa",7472:"814f3328",7604:"590d98cc",7643:"a6aa9e1f",7660:"84a0dbae",7673:"90f695cb",7811:"3d2652fb",7951:"480f28a3",8034:"e3309638",8039:"2f764a0f",8061:"43315e98",8209:"01a85c17",8211:"f2567325",8401:"17896441",8754:"370f8845",8913:"87e5c187",8964:"a61c55ce",9048:"a94703ab",9064:"3121f8ae",9136:"e1003eab",9386:"55b0769a",9534:"f565db0c",9536:"5bd61d3b",9549:"d7baea7e",9568:"9b83d7f4",9647:"5e95c892",9687:"a1521a63",9706:"350d1c3d",9856:"022a3ac7",9858:"36994c47",9867:"e1c0d304"}[e]||e)+"."+{25:"fc2094fb",69:"b2aa9e9a",106:"6186197e",192:"91c00e92",422:"687b1591",533:"8111f9d8",679:"c12ce56f",868:"3939e03e",957:"ca3f2e5c",993:"9707b8a9",1235:"8c0700e7",1405:"27093293",1616:"fcce3de2",1617:"50cc7ef9",1754:"f904fc7d",1903:"a971a4f2",2138:"0c9f1607",2249:"dc4c7115",2252:"f6754ba1",2511:"965527ff",2563:"241d25d1",2711:"8253d742",2978:"1735c9f8",3120:"71a2ab79",3165:"14b9b7c2",3249:"19193401",3366:"5339c6fc",3904:"f1010d4d",4005:"73fb0383",4037:"9c84b55f",4043:"49b5c072",4150:"164f30e2",4342:"90670778",4472:"2e68d5f3",4581:"6a6b25d1",4583:"92aa2ad2",4682:"4025d220",4813:"300f4959",4861:"ec3571c4",5220:"db5d6b94",5535:"30332c99",5570:"eada72eb",5654:"1c6bae2f",5715:"77b2d559",5718:"eb269f9f",5742:"3bb3f2a5",5755:"50153733",5936:"1511c618",5977:"d33b4f03",6170:"7ee7061a",6217:"f1eace81",6369:"9b46068d",6422:"73f7ad1c",6684:"8cc8f521",6726:"4b91f536",6813:"e82e9dd9",6865:"2936ede0",6949:"9524dec2",6956:"444ce9f6",7028:"df00022c",7068:"9d217177",7091:"68bc4aeb",7098:"b7517e69",7472:"cf788d7e",7603:"86ea2b4a",7604:"f6cb0142",7643:"302c6647",7660:"6e142b73",7673:"f1ea0e2d",7811:"02ae8c39",7951:"22c7908e",8034:"9cd142cc",8039:"6f4a9237",8061:"1fc65b21",8209:"04439e0c",8211:"8e9beaae",8401:"c275fb66",8492:"8f83b238",8570:"eb11179c",8754:"b5f6ec0f",8913:"e7f927d9",8964:"38ef8e5c",9019:"a35288c0",9048:"73d6d9fb",9064:"a3f7fb1b",9136:"01c9737e",9386:"1f4d98f5",9534:"308ae3a0",9536:"7d17a70b",9549:"73fa66c9",9553:"77ed74a8",9562:"a9eb2898",9568:"d86d9673",9647:"15322503",9687:"5ece9b65",9706:"f3a39c04",9820:"5e09da4f",9856:"ad4cacab",9858:"842583d7",9867:"c0e39259"}[e]+".js",r.miniCssF=e=>{},r.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(e){if("object"==typeof window)return window}}(),r.o=(e,a)=>Object.prototype.hasOwnProperty.call(e,a),f={},d="@feature-sliced/documentation:",r.l=(e,a,c,b)=>{if(f[e])f[e].push(a);else{var t,o;if(void 0!==c)for(var n=document.getElementsByTagName("script"),i=0;i<n.length;i++){var u=n[i];if(u.getAttribute("src")==e||u.getAttribute("data-webpack")==d+c){t=u;break}}t||(o=!0,(t=document.createElement("script")).charset="utf-8",t.timeout=120,r.nc&&t.setAttribute("nonce",r.nc),t.setAttribute("data-webpack",d+c),t.src=e),f[e]=[a];var l=(a,c)=>{t.onerror=t.onload=null,clearTimeout(s);var d=f[e];if(delete f[e],t.parentNode&&t.parentNode.removeChild(t),d&&d.forEach((e=>e(c))),a)return a(c)},s=setTimeout(l.bind(null,void 0,{type:"timeout",target:t}),12e4);t.onerror=l.bind(null,t.onerror),t.onload=l.bind(null,t.onload),o&&document.head.appendChild(t)}},r.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},r.p="/uz/",r.gca=function(e){return e={17896441:"8401",49161156:"7028","7313bf7a":"25","963cad68":"69","6636c8dc":"106","8b5a42c3":"192","25a0b29f":"422",ba8bb0f7:"533",e6bf8eb6:"679",b4c136e1:"868",c141421f:"957",ed3dcfcb:"993",a7456010:"1235",e01c2047:"1405","8c1e6152":"1616",e58a523b:"1754",acecf23e:"1903","1a4e3797":"2138","8651fb1e":"2249","087a1d0d":"2252",f6bb872e:"2563","9e4087bc":"2711","53f8e831":"2978","066221cc":"3120","4044d4ea":"3165",ccc49370:"3249","5f7e5f34":"3366","0499e362":"4005","43e8141f":"4037","5187bed2":"4043","19277cce":"4150","857ae1bf":"4472",c0c6474c:"4581","1df93b7f":"4583","3dc6975d":"4682","6875c492":"4813",f2c174dc:"4861",e0719818:"5220",cb388a7b:"5535",d13cbfb8:"5570",b135d55d:"5654",c5666f39:"5715","6f9fce13":"5718",aba21aa0:"5742",c4d0faae:"5755","664a648d":"5936","0a4ee302":"5977",acaf5b8a:"6170",fe129f8e:"6217","488b6464":"6369","7a790ed0":"6422","8ce83ff6":"6684","1943626f":"6726","8b93e59a":"6813",a386f730:"6865",dfe5ecdf:"6949",f6760343:"6956","66d3db7c":"7068",d999437a:"7091",a7bd4aaa:"7098","814f3328":"7472","590d98cc":"7604",a6aa9e1f:"7643","84a0dbae":"7660","90f695cb":"7673","3d2652fb":"7811","480f28a3":"7951",e3309638:"8034","2f764a0f":"8039","43315e98":"8061","01a85c17":"8209",f2567325:"8211","370f8845":"8754","87e5c187":"8913",a61c55ce:"8964",a94703ab:"9048","3121f8ae":"9064",e1003eab:"9136","55b0769a":"9386",f565db0c:"9534","5bd61d3b":"9536",d7baea7e:"9549","9b83d7f4":"9568","5e95c892":"9647",a1521a63:"9687","350d1c3d":"9706","022a3ac7":"9856","36994c47":"9858",e1c0d304:"9867"}[e]||e,r.p+r.u(e)},(()=>{var e={5354:0,1869:0};r.f.j=(a,c)=>{var f=r.o(e,a)?e[a]:void 0;if(0!==f)if(f)c.push(f[2]);else if(/^(1869|5354)$/.test(a))e[a]=0;else{var d=new Promise(((c,d)=>f=e[a]=[c,d]));c.push(f[2]=d);var b=r.p+r.u(a),t=new Error;r.l(b,(c=>{if(r.o(e,a)&&(0!==(f=e[a])&&(e[a]=void 0),f)){var d=c&&("load"===c.type?"missing":c.type),b=c&&c.target&&c.target.src;t.message="Loading chunk "+a+" failed.\n("+d+": "+b+")",t.name="ChunkLoadError",t.type=d,t.request=b,f[1](t)}}),"chunk-"+a,a)}},r.O.j=a=>0===e[a];var a=(a,c)=>{var f,d,b=c[0],t=c[1],o=c[2],n=0;if(b.some((a=>0!==e[a]))){for(f in t)r.o(t,f)&&(r.m[f]=t[f]);if(o)var i=o(r)}for(a&&a(c);n<b.length;n++)d=b[n],r.o(e,d)&&e[d]&&e[d][0](),e[d]=0;return r.O(i)},c=self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[];c.forEach(a.bind(null,0)),c.push=a.bind(null,c.push.bind(c))})()})();
\ No newline at end of file
+(()=>{"use strict";var e,a,c,f,d,b={},t={};function r(e){var a=t[e];if(void 0!==a)return a.exports;var c=t[e]={id:e,loaded:!1,exports:{}};return b[e].call(c.exports,c,c.exports,r),c.loaded=!0,c.exports}r.m=b,r.c=t,e=[],r.O=(a,c,f,d)=>{if(!c){var b=1/0;for(i=0;i<e.length;i++){c=e[i][0],f=e[i][1],d=e[i][2];for(var t=!0,o=0;o<c.length;o++)(!1&d||b>=d)&&Object.keys(r.O).every((e=>r.O[e](c[o])))?c.splice(o--,1):(t=!1,d<b&&(b=d));if(t){e.splice(i--,1);var n=f();void 0!==n&&(a=n)}}return a}d=d||0;for(var i=e.length;i>0&&e[i-1][2]>d;i--)e[i]=e[i-1];e[i]=[c,f,d]},r.n=e=>{var a=e&&e.__esModule?()=>e.default:()=>e;return r.d(a,{a:a}),a},c=Object.getPrototypeOf?e=>Object.getPrototypeOf(e):e=>e.__proto__,r.t=function(e,f){if(1&f&&(e=this(e)),8&f)return e;if("object"==typeof e&&e){if(4&f&&e.__esModule)return e;if(16&f&&"function"==typeof e.then)return e}var d=Object.create(null);r.r(d);var b={};a=a||[null,c({}),c([]),c(c)];for(var t=2&f&&e;"object"==typeof t&&!~a.indexOf(t);t=c(t))Object.getOwnPropertyNames(t).forEach((a=>b[a]=()=>e[a]));return b.default=()=>e,r.d(d,b),d},r.d=(e,a)=>{for(var c in a)r.o(a,c)&&!r.o(e,c)&&Object.defineProperty(e,c,{enumerable:!0,get:a[c]})},r.f={},r.e=e=>Promise.all(Object.keys(r.f).reduce(((a,c)=>(r.f[c](e,a),a)),[])),r.u=e=>"assets/js/"+({25:"7313bf7a",69:"963cad68",106:"6636c8dc",192:"8b5a42c3",422:"25a0b29f",533:"ba8bb0f7",679:"e6bf8eb6",868:"b4c136e1",957:"c141421f",993:"ed3dcfcb",1235:"a7456010",1405:"e01c2047",1616:"8c1e6152",1754:"e58a523b",1903:"acecf23e",2138:"1a4e3797",2249:"8651fb1e",2252:"087a1d0d",2563:"f6bb872e",2711:"9e4087bc",2978:"53f8e831",3120:"066221cc",3165:"4044d4ea",3249:"ccc49370",3366:"5f7e5f34",4005:"0499e362",4037:"43e8141f",4043:"5187bed2",4150:"19277cce",4472:"857ae1bf",4581:"c0c6474c",4583:"1df93b7f",4682:"3dc6975d",4813:"6875c492",4861:"f2c174dc",5220:"e0719818",5535:"cb388a7b",5570:"d13cbfb8",5654:"b135d55d",5715:"c5666f39",5718:"6f9fce13",5742:"aba21aa0",5755:"c4d0faae",5936:"664a648d",5977:"0a4ee302",6170:"acaf5b8a",6217:"fe129f8e",6369:"488b6464",6422:"7a790ed0",6684:"8ce83ff6",6726:"1943626f",6813:"8b93e59a",6865:"a386f730",6949:"dfe5ecdf",6956:"f6760343",7028:"49161156",7068:"66d3db7c",7091:"d999437a",7098:"a7bd4aaa",7472:"814f3328",7604:"590d98cc",7643:"a6aa9e1f",7660:"84a0dbae",7673:"90f695cb",7811:"3d2652fb",7951:"480f28a3",8034:"e3309638",8039:"2f764a0f",8061:"43315e98",8209:"01a85c17",8211:"f2567325",8401:"17896441",8754:"370f8845",8913:"87e5c187",8964:"a61c55ce",9048:"a94703ab",9064:"3121f8ae",9136:"e1003eab",9386:"55b0769a",9534:"f565db0c",9536:"5bd61d3b",9549:"d7baea7e",9568:"9b83d7f4",9647:"5e95c892",9687:"a1521a63",9706:"350d1c3d",9856:"022a3ac7",9858:"36994c47",9867:"e1c0d304"}[e]||e)+"."+{25:"70a9af1d",69:"b2aa9e9a",106:"a7c7b845",192:"eb52aa5d",422:"687b1591",533:"df9c18d8",679:"3e49af40",868:"3939e03e",957:"ca3f2e5c",993:"a59bd261",1235:"8c0700e7",1405:"dacc89e2",1616:"ee0d5298",1617:"50cc7ef9",1754:"f904fc7d",1903:"a971a4f2",2138:"0c9f1607",2249:"3fd24d62",2252:"f6754ba1",2511:"965527ff",2563:"241d25d1",2711:"8253d742",2978:"4b4983e2",3120:"84e17c5f",3165:"ce610255",3249:"19193401",3366:"94a86491",3904:"f1010d4d",4005:"12e093af",4037:"9c84b55f",4043:"eabbc829",4150:"164f30e2",4342:"90670778",4472:"40d72e5b",4581:"69356088",4583:"92aa2ad2",4682:"4025d220",4813:"300f4959",4861:"d9ce33ca",5220:"db5d6b94",5535:"34f03135",5570:"5d6516bb",5654:"1c6bae2f",5715:"b6dea57c",5718:"eb269f9f",5742:"3bb3f2a5",5755:"68d43b7e",5936:"85f82e4c",5977:"dc42dfbb",6170:"e76787b7",6217:"4a58ea5c",6369:"3de89d08",6422:"a824e762",6684:"bb687c48",6726:"4b91f536",6813:"0c26b843",6865:"2d8446ab",6949:"fa6a02f5",6956:"444ce9f6",7028:"2e7c70be",7068:"3b1ad8f2",7091:"396e9869",7098:"b7517e69",7472:"cf788d7e",7603:"86ea2b4a",7604:"01ccb2ef",7643:"302c6647",7660:"8ae8fa4b",7673:"f1ea0e2d",7811:"10dc0a29",7951:"88ad57ae",8034:"db32984a",8039:"7e4b0937",8061:"1fc65b21",8209:"04439e0c",8211:"68ff21f9",8401:"c275fb66",8492:"8f83b238",8570:"eb11179c",8754:"96639f72",8913:"1ab41db9",8964:"40ef7f63",9019:"a35288c0",9048:"73d6d9fb",9064:"b4f4a5e4",9136:"5819ec7d",9386:"48fd81fd",9534:"308ae3a0",9536:"eb1aed45",9549:"c50c2f40",9553:"77ed74a8",9562:"a9eb2898",9568:"cdb6b642",9647:"15322503",9687:"c7c64816",9706:"d3870da7",9820:"5e09da4f",9856:"83e1f395",9858:"842583d7",9867:"648e4c85"}[e]+".js",r.miniCssF=e=>{},r.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(e){if("object"==typeof window)return window}}(),r.o=(e,a)=>Object.prototype.hasOwnProperty.call(e,a),f={},d="@feature-sliced/documentation:",r.l=(e,a,c,b)=>{if(f[e])f[e].push(a);else{var t,o;if(void 0!==c)for(var n=document.getElementsByTagName("script"),i=0;i<n.length;i++){var u=n[i];if(u.getAttribute("src")==e||u.getAttribute("data-webpack")==d+c){t=u;break}}t||(o=!0,(t=document.createElement("script")).charset="utf-8",t.timeout=120,r.nc&&t.setAttribute("nonce",r.nc),t.setAttribute("data-webpack",d+c),t.src=e),f[e]=[a];var l=(a,c)=>{t.onerror=t.onload=null,clearTimeout(s);var d=f[e];if(delete f[e],t.parentNode&&t.parentNode.removeChild(t),d&&d.forEach((e=>e(c))),a)return a(c)},s=setTimeout(l.bind(null,void 0,{type:"timeout",target:t}),12e4);t.onerror=l.bind(null,t.onerror),t.onload=l.bind(null,t.onload),o&&document.head.appendChild(t)}},r.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},r.p="/uz/",r.gca=function(e){return e={17896441:"8401",49161156:"7028","7313bf7a":"25","963cad68":"69","6636c8dc":"106","8b5a42c3":"192","25a0b29f":"422",ba8bb0f7:"533",e6bf8eb6:"679",b4c136e1:"868",c141421f:"957",ed3dcfcb:"993",a7456010:"1235",e01c2047:"1405","8c1e6152":"1616",e58a523b:"1754",acecf23e:"1903","1a4e3797":"2138","8651fb1e":"2249","087a1d0d":"2252",f6bb872e:"2563","9e4087bc":"2711","53f8e831":"2978","066221cc":"3120","4044d4ea":"3165",ccc49370:"3249","5f7e5f34":"3366","0499e362":"4005","43e8141f":"4037","5187bed2":"4043","19277cce":"4150","857ae1bf":"4472",c0c6474c:"4581","1df93b7f":"4583","3dc6975d":"4682","6875c492":"4813",f2c174dc:"4861",e0719818:"5220",cb388a7b:"5535",d13cbfb8:"5570",b135d55d:"5654",c5666f39:"5715","6f9fce13":"5718",aba21aa0:"5742",c4d0faae:"5755","664a648d":"5936","0a4ee302":"5977",acaf5b8a:"6170",fe129f8e:"6217","488b6464":"6369","7a790ed0":"6422","8ce83ff6":"6684","1943626f":"6726","8b93e59a":"6813",a386f730:"6865",dfe5ecdf:"6949",f6760343:"6956","66d3db7c":"7068",d999437a:"7091",a7bd4aaa:"7098","814f3328":"7472","590d98cc":"7604",a6aa9e1f:"7643","84a0dbae":"7660","90f695cb":"7673","3d2652fb":"7811","480f28a3":"7951",e3309638:"8034","2f764a0f":"8039","43315e98":"8061","01a85c17":"8209",f2567325:"8211","370f8845":"8754","87e5c187":"8913",a61c55ce:"8964",a94703ab:"9048","3121f8ae":"9064",e1003eab:"9136","55b0769a":"9386",f565db0c:"9534","5bd61d3b":"9536",d7baea7e:"9549","9b83d7f4":"9568","5e95c892":"9647",a1521a63:"9687","350d1c3d":"9706","022a3ac7":"9856","36994c47":"9858",e1c0d304:"9867"}[e]||e,r.p+r.u(e)},(()=>{var e={5354:0,1869:0};r.f.j=(a,c)=>{var f=r.o(e,a)?e[a]:void 0;if(0!==f)if(f)c.push(f[2]);else if(/^(1869|5354)$/.test(a))e[a]=0;else{var d=new Promise(((c,d)=>f=e[a]=[c,d]));c.push(f[2]=d);var b=r.p+r.u(a),t=new Error;r.l(b,(c=>{if(r.o(e,a)&&(0!==(f=e[a])&&(e[a]=void 0),f)){var d=c&&("load"===c.type?"missing":c.type),b=c&&c.target&&c.target.src;t.message="Loading chunk "+a+" failed.\n("+d+": "+b+")",t.name="ChunkLoadError",t.type=d,t.request=b,f[1](t)}}),"chunk-"+a,a)}},r.O.j=a=>0===e[a];var a=(a,c)=>{var f,d,b=c[0],t=c[1],o=c[2],n=0;if(b.some((a=>0!==e[a]))){for(f in t)r.o(t,f)&&(r.m[f]=t[f]);if(o)var i=o(r)}for(a&&a(c);n<b.length;n++)d=b[n],r.o(e,d)&&e[d]&&e[d][0](),e[d]=0;return r.O(i)},c=self.webpackChunk_feature_sliced_documentation=self.webpackChunk_feature_sliced_documentation||[];c.forEach(a.bind(null,0)),c.push=a.bind(null,c.push.bind(c))})()})();
\ No newline at end of file
diff --git a/uz/blog.html b/uz/blog.html
index 2c0247166a..4882f6fddd 100644
--- a/uz/blog.html
+++ b/uz/blog.html
@@ -9,8 +9,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/uz/opensearch.xml"><link rel="stylesheet" href="/uz/assets/css/styles.6a4ac441.css">
-<script src="/uz/assets/js/runtime~main.a1b42f8f.js" defer="defer"></script>
-<script src="/uz/assets/js/main.ef087bb6.js" defer="defer"></script>
+<script src="/uz/assets/js/runtime~main.d90f1c87.js" defer="defer"></script>
+<script src="/uz/assets/js/main.b67529a2.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Asosiy tarkibga o&#x27;tish"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">Asosiy tarkibga o&#x27;tish</a></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/uz/"><div class="navbar__logo"><img src="/uz/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/uz/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a class="navbar__item navbar__link" href="/uz/docs">📖 Hujjatlar</a><a class="navbar__item navbar__link" href="/uz/community">💫 Jamiyat</a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/uz/blog">📝 Blog</a><a class="navbar__item navbar__link" href="/uz/examples">🛠 Namunalar</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/uz/docs">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a class="dropdown__link" href="/uz/docs">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/uz/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>O&#x27;zbekcha</a><ul class="dropdown__menu"><li><a href="/ru/blog" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ru">Русский</a></li><li><a href="/blog" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/uz/blog" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/blog" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="kr">한국어</a></li><li><a href="/ja/blog" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_erB7 thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_wsXF margin-bottom--md">Recent posts</div><div role="group"><h3 class="yearGroupHeading_F6cS">2022</h3><ul class="sidebarItemList_k2Wo clean-list"><li class="sidebarItem_wRf2"><a class="sidebarItemLink_Mezy" href="/uz/blog/international-community">🌎 FSD international community</a></li><li class="sidebarItem_wRf2"><a class="sidebarItemLink_Mezy" href="/uz/blog/rebranding-stable">💥 FSD rebranding!</a></li></ul></div></nav></aside><main class="col col--7"><article class="margin-bottom--xl"><header><h2 class="title_YWGh"><a href="/uz/blog/international-community">🌎 FSD international community</a></h2><div class="container_TmwD margin-vert--md"><time datetime="2022-07-25T00:00:00.000Z">25-iyul, 2022</time> · <!-- -->2 min. o&#x27;qish</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--12 authorCol_jNa_"><div class="avatar margin-bottom--sm"><a href="https://github.com/unordinarity" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo authorImage_RWa9" src="https://github.com/unordinarity.png" alt="Anton Medvedev"></a><div class="avatar__intro authorDetails_x3i5"><div class="avatar__name"><a href="https://github.com/unordinarity" target="_blank" rel="noopener noreferrer"><span class="authorName_yyrl">Anton Medvedev</span></a></div><small class="authorTitle_qOEn" title="FSD core-team member">FSD core-team member</small><div class="authorSocials_SxLb"></div></div></div></div></div></header><div class="markdown"><div class="container text--center margin-vert--md"><img src="/img/blog/international-community.png" alt="post-cover" width="100%"></div>
diff --git a/uz/blog/archive.html b/uz/blog/archive.html
index 0a9676142e..18a6cd0767 100644
--- a/uz/blog/archive.html
+++ b/uz/blog/archive.html
@@ -9,8 +9,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/uz/opensearch.xml"><link rel="stylesheet" href="/uz/assets/css/styles.6a4ac441.css">
-<script src="/uz/assets/js/runtime~main.a1b42f8f.js" defer="defer"></script>
-<script src="/uz/assets/js/main.ef087bb6.js" defer="defer"></script>
+<script src="/uz/assets/js/runtime~main.d90f1c87.js" defer="defer"></script>
+<script src="/uz/assets/js/main.b67529a2.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Asosiy tarkibga o&#x27;tish"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">Asosiy tarkibga o&#x27;tish</a></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/uz/"><div class="navbar__logo"><img src="/uz/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/uz/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a class="navbar__item navbar__link" href="/uz/docs">📖 Hujjatlar</a><a class="navbar__item navbar__link" href="/uz/community">💫 Jamiyat</a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/uz/blog">📝 Blog</a><a class="navbar__item navbar__link" href="/uz/examples">🛠 Namunalar</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/uz/docs">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a class="dropdown__link" href="/uz/docs">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/uz/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>O&#x27;zbekcha</a><ul class="dropdown__menu"><li><a href="/ru/blog/archive" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ru">Русский</a></li><li><a href="/blog/archive" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/uz/blog/archive" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/blog/archive" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="kr">한국어</a></li><li><a href="/ja/blog/archive" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><header class="hero hero--primary"><div class="container"><h1 class="hero__title">Archive</h1><p class="hero__subtitle">Archive</p></div></header><main><section class="margin-vert--lg"><div class="container"><div class="row"><div class="col col--4 margin-vert--lg"><h3 class="anchor anchorWithStickyNavbar_QzlE" id="2022">2022<a href="#2022" class="hash-link" aria-label="Sarlavhaga to&#x27;g&#x27;ridan-to&#x27;g&#x27;ri havola" title="Sarlavhaga to&#x27;g&#x27;ridan-to&#x27;g&#x27;ri havola">​</a></h3><ul><li><a href="/uz/blog/rebranding-stable">4-iyun<!-- --> - <!-- -->💥 FSD rebranding!</a></li><li><a href="/uz/blog/international-community">25-iyul<!-- --> - <!-- -->🌎 FSD international community</a></li></ul></div></div></div></section></main></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Spetsifikatsiya</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/uz/docs">Hujjatlar</a></li><li class="footer__item"><a class="footer__link-item" href="/uz/community">Jamiyat</a></li><li class="footer__item"><a class="footer__link-item" href="/uz/nav">Yordam</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Munozaralar<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Jamiyat</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Yana</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">Litsenziya<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/uz/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/uz/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
diff --git a/uz/blog/international-community.html b/uz/blog/international-community.html
index 5425d751c1..0ac0f39573 100644
--- a/uz/blog/international-community.html
+++ b/uz/blog/international-community.html
@@ -9,8 +9,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/uz/opensearch.xml"><link rel="stylesheet" href="/uz/assets/css/styles.6a4ac441.css">
-<script src="/uz/assets/js/runtime~main.a1b42f8f.js" defer="defer"></script>
-<script src="/uz/assets/js/main.ef087bb6.js" defer="defer"></script>
+<script src="/uz/assets/js/runtime~main.d90f1c87.js" defer="defer"></script>
+<script src="/uz/assets/js/main.b67529a2.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Asosiy tarkibga o&#x27;tish"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">Asosiy tarkibga o&#x27;tish</a></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/uz/"><div class="navbar__logo"><img src="/uz/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/uz/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a class="navbar__item navbar__link" href="/uz/docs">📖 Hujjatlar</a><a class="navbar__item navbar__link" href="/uz/community">💫 Jamiyat</a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/uz/blog">📝 Blog</a><a class="navbar__item navbar__link" href="/uz/examples">🛠 Namunalar</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/uz/docs">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a class="dropdown__link" href="/uz/docs">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/uz/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>O&#x27;zbekcha</a><ul class="dropdown__menu"><li><a href="/ru/blog/international-community" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ru">Русский</a></li><li><a href="/blog/international-community" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/uz/blog/international-community" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/blog/international-community" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="kr">한국어</a></li><li><a href="/ja/blog/international-community" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_erB7 thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_wsXF margin-bottom--md">Recent posts</div><div role="group"><h3 class="yearGroupHeading_F6cS">2022</h3><ul class="sidebarItemList_k2Wo clean-list"><li class="sidebarItem_wRf2"><a aria-current="page" class="sidebarItemLink_Mezy sidebarItemLinkActive_QL4I" href="/uz/blog/international-community">🌎 FSD international community</a></li><li class="sidebarItem_wRf2"><a class="sidebarItemLink_Mezy" href="/uz/blog/rebranding-stable">💥 FSD rebranding!</a></li></ul></div></nav></aside><main class="col col--7"><article><header><h1 class="title_YWGh">🌎 FSD international community</h1><div class="container_TmwD margin-vert--md"><time datetime="2022-07-25T00:00:00.000Z">25-iyul, 2022</time> · <!-- -->2 min. o&#x27;qish</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--12 authorCol_jNa_"><div class="avatar margin-bottom--sm"><a href="https://github.com/unordinarity" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo authorImage_RWa9" src="https://github.com/unordinarity.png" alt="Anton Medvedev"></a><div class="avatar__intro authorDetails_x3i5"><div class="avatar__name"><a href="https://github.com/unordinarity" target="_blank" rel="noopener noreferrer"><span class="authorName_yyrl">Anton Medvedev</span></a></div><small class="authorTitle_qOEn" title="FSD core-team member">FSD core-team member</small><div class="authorSocials_SxLb"></div></div></div></div></div></header><div id="__blog-post-container" class="markdown"><div class="container text--center margin-vert--md"><img src="/img/blog/international-community.png" alt="post-cover" width="100%"></div>
diff --git a/uz/blog/rebranding-stable.html b/uz/blog/rebranding-stable.html
index 8013f0d77b..5bcde81daa 100644
--- a/uz/blog/rebranding-stable.html
+++ b/uz/blog/rebranding-stable.html
@@ -9,8 +9,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/uz/opensearch.xml"><link rel="stylesheet" href="/uz/assets/css/styles.6a4ac441.css">
-<script src="/uz/assets/js/runtime~main.a1b42f8f.js" defer="defer"></script>
-<script src="/uz/assets/js/main.ef087bb6.js" defer="defer"></script>
+<script src="/uz/assets/js/runtime~main.d90f1c87.js" defer="defer"></script>
+<script src="/uz/assets/js/main.b67529a2.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Asosiy tarkibga o&#x27;tish"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">Asosiy tarkibga o&#x27;tish</a></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/uz/"><div class="navbar__logo"><img src="/uz/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/uz/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a class="navbar__item navbar__link" href="/uz/docs">📖 Hujjatlar</a><a class="navbar__item navbar__link" href="/uz/community">💫 Jamiyat</a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/uz/blog">📝 Blog</a><a class="navbar__item navbar__link" href="/uz/examples">🛠 Namunalar</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/uz/docs">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a class="dropdown__link" href="/uz/docs">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/uz/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>O&#x27;zbekcha</a><ul class="dropdown__menu"><li><a href="/ru/blog/rebranding-stable" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ru">Русский</a></li><li><a href="/blog/rebranding-stable" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/uz/blog/rebranding-stable" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/blog/rebranding-stable" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="kr">한국어</a></li><li><a href="/ja/blog/rebranding-stable" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_erB7 thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_wsXF margin-bottom--md">Recent posts</div><div role="group"><h3 class="yearGroupHeading_F6cS">2022</h3><ul class="sidebarItemList_k2Wo clean-list"><li class="sidebarItem_wRf2"><a class="sidebarItemLink_Mezy" href="/uz/blog/international-community">🌎 FSD international community</a></li><li class="sidebarItem_wRf2"><a aria-current="page" class="sidebarItemLink_Mezy sidebarItemLinkActive_QL4I" href="/uz/blog/rebranding-stable">💥 FSD rebranding!</a></li></ul></div></nav></aside><main class="col col--7"><article><header><h1 class="title_YWGh">💥 FSD rebranding!</h1><div class="container_TmwD margin-vert--md"><time datetime="2022-06-04T00:00:00.000Z">4-iyun, 2022</time> · <!-- -->2 min. o&#x27;qish</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--12 authorCol_jNa_"><div class="avatar margin-bottom--sm"><a href="https://github.com/azinit" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo authorImage_RWa9" src="https://github.com/azinit.png" alt="Ilya Azin"></a><div class="avatar__intro authorDetails_x3i5"><div class="avatar__name"><a href="https://github.com/azinit" target="_blank" rel="noopener noreferrer"><span class="authorName_yyrl">Ilya Azin</span></a></div><small class="authorTitle_qOEn" title="FSD core-team member">FSD core-team member</small><div class="authorSocials_SxLb"></div></div></div></div></div></header><div id="__blog-post-container" class="markdown"><div class="container text--center margin-vert--md"><img src="/img/blog/rebranding-stable.png" alt="logo-primary" width="100%"></div>
diff --git a/uz/blog/tags.html b/uz/blog/tags.html
index 3ef13091c7..adf8012c97 100644
--- a/uz/blog/tags.html
+++ b/uz/blog/tags.html
@@ -9,8 +9,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/uz/opensearch.xml"><link rel="stylesheet" href="/uz/assets/css/styles.6a4ac441.css">
-<script src="/uz/assets/js/runtime~main.a1b42f8f.js" defer="defer"></script>
-<script src="/uz/assets/js/main.ef087bb6.js" defer="defer"></script>
+<script src="/uz/assets/js/runtime~main.d90f1c87.js" defer="defer"></script>
+<script src="/uz/assets/js/main.b67529a2.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Asosiy tarkibga o&#x27;tish"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">Asosiy tarkibga o&#x27;tish</a></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/uz/"><div class="navbar__logo"><img src="/uz/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/uz/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a class="navbar__item navbar__link" href="/uz/docs">📖 Hujjatlar</a><a class="navbar__item navbar__link" href="/uz/community">💫 Jamiyat</a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/uz/blog">📝 Blog</a><a class="navbar__item navbar__link" href="/uz/examples">🛠 Namunalar</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/uz/docs">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a class="dropdown__link" href="/uz/docs">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/uz/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>O&#x27;zbekcha</a><ul class="dropdown__menu"><li><a href="/ru/blog/tags" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ru">Русский</a></li><li><a href="/blog/tags" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/uz/blog/tags" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/blog/tags" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="kr">한국어</a></li><li><a href="/ja/blog/tags" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_erB7 thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_wsXF margin-bottom--md">Recent posts</div><div role="group"><h3 class="yearGroupHeading_F6cS">2022</h3><ul class="sidebarItemList_k2Wo clean-list"><li class="sidebarItem_wRf2"><a class="sidebarItemLink_Mezy" href="/uz/blog/international-community">🌎 FSD international community</a></li><li class="sidebarItem_wRf2"><a class="sidebarItemLink_Mezy" href="/uz/blog/rebranding-stable">💥 FSD rebranding!</a></li></ul></div></nav></aside><main class="col col--7"><h1>Teglar</h1><section class="margin-vert--lg"><article><h2 class="anchor anchorWithStickyNavbar_QzlE" id="B">B<a href="#B" class="hash-link" aria-label="Sarlavhaga to&#x27;g&#x27;ridan-to&#x27;g&#x27;ri havola" title="Sarlavhaga to&#x27;g&#x27;ridan-to&#x27;g&#x27;ri havola">​</a></h2><ul class="padding--none"><li class="tag_KOYL"><a class="tag_mklG tagWithCount__yvt" href="/uz/blog/tags/brand">brand<span>1</span></a></li></ul><hr></article><article><h2 class="anchor anchorWithStickyNavbar_QzlE" id="C">C<a href="#C" class="hash-link" aria-label="Sarlavhaga to&#x27;g&#x27;ridan-to&#x27;g&#x27;ri havola" title="Sarlavhaga to&#x27;g&#x27;ridan-to&#x27;g&#x27;ri havola">​</a></h2><ul class="padding--none"><li class="tag_KOYL"><a class="tag_mklG tagWithCount__yvt" href="/uz/blog/tags/community">community<span>1</span></a></li></ul><hr></article><article><h2 class="anchor anchorWithStickyNavbar_QzlE" id="D">D<a href="#D" class="hash-link" aria-label="Sarlavhaga to&#x27;g&#x27;ridan-to&#x27;g&#x27;ri havola" title="Sarlavhaga to&#x27;g&#x27;ridan-to&#x27;g&#x27;ri havola">​</a></h2><ul class="padding--none"><li class="tag_KOYL"><a class="tag_mklG tagWithCount__yvt" href="/uz/blog/tags/discord">discord<span>1</span></a></li></ul><hr></article><article><h2 class="anchor anchorWithStickyNavbar_QzlE" id="P">P<a href="#P" class="hash-link" aria-label="Sarlavhaga to&#x27;g&#x27;ridan-to&#x27;g&#x27;ri havola" title="Sarlavhaga to&#x27;g&#x27;ridan-to&#x27;g&#x27;ri havola">​</a></h2><ul class="padding--none"><li class="tag_KOYL"><a class="tag_mklG tagWithCount__yvt" href="/uz/blog/tags/promo">promo<span>2</span></a></li></ul><hr></article></section></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Spetsifikatsiya</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/uz/docs">Hujjatlar</a></li><li class="footer__item"><a class="footer__link-item" href="/uz/community">Jamiyat</a></li><li class="footer__item"><a class="footer__link-item" href="/uz/nav">Yordam</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Munozaralar<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Jamiyat</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Yana</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">Litsenziya<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/uz/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/uz/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
diff --git a/uz/blog/tags/brand.html b/uz/blog/tags/brand.html
index 73be3d6117..253fefce29 100644
--- a/uz/blog/tags/brand.html
+++ b/uz/blog/tags/brand.html
@@ -9,8 +9,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/uz/opensearch.xml"><link rel="stylesheet" href="/uz/assets/css/styles.6a4ac441.css">
-<script src="/uz/assets/js/runtime~main.a1b42f8f.js" defer="defer"></script>
-<script src="/uz/assets/js/main.ef087bb6.js" defer="defer"></script>
+<script src="/uz/assets/js/runtime~main.d90f1c87.js" defer="defer"></script>
+<script src="/uz/assets/js/main.b67529a2.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Asosiy tarkibga o&#x27;tish"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">Asosiy tarkibga o&#x27;tish</a></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/uz/"><div class="navbar__logo"><img src="/uz/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/uz/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a class="navbar__item navbar__link" href="/uz/docs">📖 Hujjatlar</a><a class="navbar__item navbar__link" href="/uz/community">💫 Jamiyat</a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/uz/blog">📝 Blog</a><a class="navbar__item navbar__link" href="/uz/examples">🛠 Namunalar</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/uz/docs">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a class="dropdown__link" href="/uz/docs">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/uz/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>O&#x27;zbekcha</a><ul class="dropdown__menu"><li><a href="/ru/blog/tags/brand" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ru">Русский</a></li><li><a href="/blog/tags/brand" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/uz/blog/tags/brand" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/blog/tags/brand" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="kr">한국어</a></li><li><a href="/ja/blog/tags/brand" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_erB7 thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_wsXF margin-bottom--md">Recent posts</div><div role="group"><h3 class="yearGroupHeading_F6cS">2022</h3><ul class="sidebarItemList_k2Wo clean-list"><li class="sidebarItem_wRf2"><a class="sidebarItemLink_Mezy" href="/uz/blog/international-community">🌎 FSD international community</a></li><li class="sidebarItem_wRf2"><a class="sidebarItemLink_Mezy" href="/uz/blog/rebranding-stable">💥 FSD rebranding!</a></li></ul></div></nav></aside><main class="col col--7"><header class="margin-bottom--xl"><h1>Bir post  &quot;brand&quot; bilan</h1><a href="/uz/blog/tags">Hamma teglarni ko&#x27;rish</a></header><article class="margin-bottom--xl"><header><h2 class="title_YWGh"><a href="/uz/blog/rebranding-stable">💥 FSD rebranding!</a></h2><div class="container_TmwD margin-vert--md"><time datetime="2022-06-04T00:00:00.000Z">4-iyun, 2022</time> · <!-- -->2 min. o&#x27;qish</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--12 authorCol_jNa_"><div class="avatar margin-bottom--sm"><a href="https://github.com/azinit" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo authorImage_RWa9" src="https://github.com/azinit.png" alt="Ilya Azin"></a><div class="avatar__intro authorDetails_x3i5"><div class="avatar__name"><a href="https://github.com/azinit" target="_blank" rel="noopener noreferrer"><span class="authorName_yyrl">Ilya Azin</span></a></div><small class="authorTitle_qOEn" title="FSD core-team member">FSD core-team member</small><div class="authorSocials_SxLb"></div></div></div></div></div></header><div class="markdown"><div class="container text--center margin-vert--md"><img src="/img/blog/rebranding-stable.png" alt="logo-primary" width="100%"></div>
diff --git a/uz/blog/tags/community.html b/uz/blog/tags/community.html
index b12b30372a..ef4cbf61ec 100644
--- a/uz/blog/tags/community.html
+++ b/uz/blog/tags/community.html
@@ -9,8 +9,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/uz/opensearch.xml"><link rel="stylesheet" href="/uz/assets/css/styles.6a4ac441.css">
-<script src="/uz/assets/js/runtime~main.a1b42f8f.js" defer="defer"></script>
-<script src="/uz/assets/js/main.ef087bb6.js" defer="defer"></script>
+<script src="/uz/assets/js/runtime~main.d90f1c87.js" defer="defer"></script>
+<script src="/uz/assets/js/main.b67529a2.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Asosiy tarkibga o&#x27;tish"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">Asosiy tarkibga o&#x27;tish</a></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/uz/"><div class="navbar__logo"><img src="/uz/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/uz/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a class="navbar__item navbar__link" href="/uz/docs">📖 Hujjatlar</a><a class="navbar__item navbar__link" href="/uz/community">💫 Jamiyat</a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/uz/blog">📝 Blog</a><a class="navbar__item navbar__link" href="/uz/examples">🛠 Namunalar</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/uz/docs">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a class="dropdown__link" href="/uz/docs">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/uz/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>O&#x27;zbekcha</a><ul class="dropdown__menu"><li><a href="/ru/blog/tags/community" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ru">Русский</a></li><li><a href="/blog/tags/community" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/uz/blog/tags/community" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/blog/tags/community" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="kr">한국어</a></li><li><a href="/ja/blog/tags/community" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_erB7 thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_wsXF margin-bottom--md">Recent posts</div><div role="group"><h3 class="yearGroupHeading_F6cS">2022</h3><ul class="sidebarItemList_k2Wo clean-list"><li class="sidebarItem_wRf2"><a class="sidebarItemLink_Mezy" href="/uz/blog/international-community">🌎 FSD international community</a></li><li class="sidebarItem_wRf2"><a class="sidebarItemLink_Mezy" href="/uz/blog/rebranding-stable">💥 FSD rebranding!</a></li></ul></div></nav></aside><main class="col col--7"><header class="margin-bottom--xl"><h1>Bir post  &quot;community&quot; bilan</h1><a href="/uz/blog/tags">Hamma teglarni ko&#x27;rish</a></header><article class="margin-bottom--xl"><header><h2 class="title_YWGh"><a href="/uz/blog/international-community">🌎 FSD international community</a></h2><div class="container_TmwD margin-vert--md"><time datetime="2022-07-25T00:00:00.000Z">25-iyul, 2022</time> · <!-- -->2 min. o&#x27;qish</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--12 authorCol_jNa_"><div class="avatar margin-bottom--sm"><a href="https://github.com/unordinarity" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo authorImage_RWa9" src="https://github.com/unordinarity.png" alt="Anton Medvedev"></a><div class="avatar__intro authorDetails_x3i5"><div class="avatar__name"><a href="https://github.com/unordinarity" target="_blank" rel="noopener noreferrer"><span class="authorName_yyrl">Anton Medvedev</span></a></div><small class="authorTitle_qOEn" title="FSD core-team member">FSD core-team member</small><div class="authorSocials_SxLb"></div></div></div></div></div></header><div class="markdown"><div class="container text--center margin-vert--md"><img src="/img/blog/international-community.png" alt="post-cover" width="100%"></div>
diff --git a/uz/blog/tags/discord.html b/uz/blog/tags/discord.html
index 2bd153c2b3..9106ff096b 100644
--- a/uz/blog/tags/discord.html
+++ b/uz/blog/tags/discord.html
@@ -9,8 +9,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/uz/opensearch.xml"><link rel="stylesheet" href="/uz/assets/css/styles.6a4ac441.css">
-<script src="/uz/assets/js/runtime~main.a1b42f8f.js" defer="defer"></script>
-<script src="/uz/assets/js/main.ef087bb6.js" defer="defer"></script>
+<script src="/uz/assets/js/runtime~main.d90f1c87.js" defer="defer"></script>
+<script src="/uz/assets/js/main.b67529a2.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Asosiy tarkibga o&#x27;tish"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">Asosiy tarkibga o&#x27;tish</a></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/uz/"><div class="navbar__logo"><img src="/uz/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/uz/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a class="navbar__item navbar__link" href="/uz/docs">📖 Hujjatlar</a><a class="navbar__item navbar__link" href="/uz/community">💫 Jamiyat</a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/uz/blog">📝 Blog</a><a class="navbar__item navbar__link" href="/uz/examples">🛠 Namunalar</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/uz/docs">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a class="dropdown__link" href="/uz/docs">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/uz/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>O&#x27;zbekcha</a><ul class="dropdown__menu"><li><a href="/ru/blog/tags/discord" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ru">Русский</a></li><li><a href="/blog/tags/discord" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/uz/blog/tags/discord" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/blog/tags/discord" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="kr">한국어</a></li><li><a href="/ja/blog/tags/discord" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_erB7 thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_wsXF margin-bottom--md">Recent posts</div><div role="group"><h3 class="yearGroupHeading_F6cS">2022</h3><ul class="sidebarItemList_k2Wo clean-list"><li class="sidebarItem_wRf2"><a class="sidebarItemLink_Mezy" href="/uz/blog/international-community">🌎 FSD international community</a></li><li class="sidebarItem_wRf2"><a class="sidebarItemLink_Mezy" href="/uz/blog/rebranding-stable">💥 FSD rebranding!</a></li></ul></div></nav></aside><main class="col col--7"><header class="margin-bottom--xl"><h1>Bir post  &quot;discord&quot; bilan</h1><a href="/uz/blog/tags">Hamma teglarni ko&#x27;rish</a></header><article class="margin-bottom--xl"><header><h2 class="title_YWGh"><a href="/uz/blog/international-community">🌎 FSD international community</a></h2><div class="container_TmwD margin-vert--md"><time datetime="2022-07-25T00:00:00.000Z">25-iyul, 2022</time> · <!-- -->2 min. o&#x27;qish</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--12 authorCol_jNa_"><div class="avatar margin-bottom--sm"><a href="https://github.com/unordinarity" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo authorImage_RWa9" src="https://github.com/unordinarity.png" alt="Anton Medvedev"></a><div class="avatar__intro authorDetails_x3i5"><div class="avatar__name"><a href="https://github.com/unordinarity" target="_blank" rel="noopener noreferrer"><span class="authorName_yyrl">Anton Medvedev</span></a></div><small class="authorTitle_qOEn" title="FSD core-team member">FSD core-team member</small><div class="authorSocials_SxLb"></div></div></div></div></div></header><div class="markdown"><div class="container text--center margin-vert--md"><img src="/img/blog/international-community.png" alt="post-cover" width="100%"></div>
diff --git a/uz/blog/tags/promo.html b/uz/blog/tags/promo.html
index bff85b1954..26fbeef7b3 100644
--- a/uz/blog/tags/promo.html
+++ b/uz/blog/tags/promo.html
@@ -9,8 +9,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/uz/opensearch.xml"><link rel="stylesheet" href="/uz/assets/css/styles.6a4ac441.css">
-<script src="/uz/assets/js/runtime~main.a1b42f8f.js" defer="defer"></script>
-<script src="/uz/assets/js/main.ef087bb6.js" defer="defer"></script>
+<script src="/uz/assets/js/runtime~main.d90f1c87.js" defer="defer"></script>
+<script src="/uz/assets/js/main.b67529a2.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Asosiy tarkibga o&#x27;tish"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">Asosiy tarkibga o&#x27;tish</a></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/uz/"><div class="navbar__logo"><img src="/uz/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/uz/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a class="navbar__item navbar__link" href="/uz/docs">📖 Hujjatlar</a><a class="navbar__item navbar__link" href="/uz/community">💫 Jamiyat</a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/uz/blog">📝 Blog</a><a class="navbar__item navbar__link" href="/uz/examples">🛠 Namunalar</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/uz/docs">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a class="dropdown__link" href="/uz/docs">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/uz/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>O&#x27;zbekcha</a><ul class="dropdown__menu"><li><a href="/ru/blog/tags/promo" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ru">Русский</a></li><li><a href="/blog/tags/promo" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/uz/blog/tags/promo" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/blog/tags/promo" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="kr">한국어</a></li><li><a href="/ja/blog/tags/promo" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_erB7 thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_wsXF margin-bottom--md">Recent posts</div><div role="group"><h3 class="yearGroupHeading_F6cS">2022</h3><ul class="sidebarItemList_k2Wo clean-list"><li class="sidebarItem_wRf2"><a class="sidebarItemLink_Mezy" href="/uz/blog/international-community">🌎 FSD international community</a></li><li class="sidebarItem_wRf2"><a class="sidebarItemLink_Mezy" href="/uz/blog/rebranding-stable">💥 FSD rebranding!</a></li></ul></div></nav></aside><main class="col col--7"><header class="margin-bottom--xl"><h1>2 ta post  &quot;promo&quot; bilan</h1><a href="/uz/blog/tags">Hamma teglarni ko&#x27;rish</a></header><article class="margin-bottom--xl"><header><h2 class="title_YWGh"><a href="/uz/blog/international-community">🌎 FSD international community</a></h2><div class="container_TmwD margin-vert--md"><time datetime="2022-07-25T00:00:00.000Z">25-iyul, 2022</time> · <!-- -->2 min. o&#x27;qish</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--12 authorCol_jNa_"><div class="avatar margin-bottom--sm"><a href="https://github.com/unordinarity" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo authorImage_RWa9" src="https://github.com/unordinarity.png" alt="Anton Medvedev"></a><div class="avatar__intro authorDetails_x3i5"><div class="avatar__name"><a href="https://github.com/unordinarity" target="_blank" rel="noopener noreferrer"><span class="authorName_yyrl">Anton Medvedev</span></a></div><small class="authorTitle_qOEn" title="FSD core-team member">FSD core-team member</small><div class="authorSocials_SxLb"></div></div></div></div></div></header><div class="markdown"><div class="container text--center margin-vert--md"><img src="/img/blog/international-community.png" alt="post-cover" width="100%"></div>
diff --git a/uz/community.html b/uz/community.html
index 288e1fcede..ab9df40698 100644
--- a/uz/community.html
+++ b/uz/community.html
@@ -9,8 +9,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/uz/opensearch.xml"><link rel="stylesheet" href="/uz/assets/css/styles.6a4ac441.css">
-<script src="/uz/assets/js/runtime~main.a1b42f8f.js" defer="defer"></script>
-<script src="/uz/assets/js/main.ef087bb6.js" defer="defer"></script>
+<script src="/uz/assets/js/runtime~main.d90f1c87.js" defer="defer"></script>
+<script src="/uz/assets/js/main.b67529a2.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Asosiy tarkibga o&#x27;tish"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">Asosiy tarkibga o&#x27;tish</a></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/uz/"><div class="navbar__logo"><img src="/uz/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/uz/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a class="navbar__item navbar__link" href="/uz/docs">📖 Hujjatlar</a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/uz/community">💫 Jamiyat</a><a class="navbar__item navbar__link" href="/uz/blog">📝 Blog</a><a class="navbar__item navbar__link" href="/uz/examples">🛠 Namunalar</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/uz/docs">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a class="dropdown__link" href="/uz/docs">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/uz/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>O&#x27;zbekcha</a><ul class="dropdown__menu"><li><a href="/ru/community" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ru">Русский</a></li><li><a href="/community" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/uz/community" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/community" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="kr">한국어</a></li><li><a href="/ja/community" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><div class="docsWrapper_rDLg"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_JQoL" type="button"></button><div class="docRoot_GkJk"><aside class="theme-doc-sidebar-container docSidebarContainer_xiHB"><div class="sidebarViewport_DaHB"><div class="sidebar_Kb82"><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_AkOp"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible menu__list-item-collapsible--active"><a class="menu__link menu__link--active" aria-current="page" href="/uz/community">💫  Community</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item sidebar-item--wip"><a class="menu__link" tabindex="0" href="/uz/community/team">Team</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/uz/examples">Examples</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a href="https://github.com/feature-sliced/awesome" target="_blank" rel="noopener noreferrer" class="menu__link menuExternalLink_riF1" tabindex="0">Awesome Resources<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a href="https://discord.com/invite/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="menu__link menuExternalLink_riF1" tabindex="0">Discord community server<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="menu__link menuExternalLink_riF1" tabindex="0">Telegram chat (Q&amp;A)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></li></ul></nav><button type="button" title="Yon panelni yig‘ish" aria-label="Yon panelni yig‘ish" class="button button--secondary button--outline collapseSidebarButton_L8vW"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_hYfn"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_uESP"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col"><div class="docItemContainer_b1tn"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_ioLt" aria-label="Breadcrumbs"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Home page" class="breadcrumbs__link" href="/uz/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_ZfEo"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">💫  Community</span><meta itemprop="position" content="1"></li></ul></nav><div class="theme-doc-markdown markdown"><header><h1>💫 Community</h1></header>
@@ -20,6 +20,6 @@ <h2 class="anchor anchorWithStickyNavbar_QzlE" id="main">Main<a href="#main" cla
 <a href="https://github.com/feature-sliced/awesome" target="_blank" rel="noopener noreferrer" class="root_GfON defaultTheme_j3I8"><span role="img" aria-label="star" class="anticon anticon-star icon_ciqP"><svg viewBox="64 64 896 896" focusable="false" data-icon="star" width="1em" height="1em" fill="currentColor" aria-hidden="true"><path d="M908.1 353.1l-253.9-36.9L540.7 86.1c-3.1-6.3-8.2-11.4-14.5-14.5-15.8-7.8-35-1.3-42.9 14.5L369.8 316.2l-253.9 36.9c-7 1-13.4 4.3-18.3 9.3a32.05 32.05 0 00.6 45.3l183.7 179.1-43.4 252.9a31.95 31.95 0 0046.4 33.7L512 754l227.1 119.4c6.2 3.3 13.4 4.4 20.3 3.2 17.4-3 29.1-19.5 26.1-36.9l-43.4-252.9 183.7-179.1c5-4.9 8.3-11.3 9.3-18.3 2.7-17.5-9.5-33.7-27-36.3zM664.8 561.6l36.1 210.3L512 672.7 323.1 772l36.1-210.3-152.8-149L417.6 382 512 190.7 606.4 382l211.2 30.7-152.8 148.9z"></path></svg></span><div class="details_xxkR"><div><span class="title_pSH5">Awesome Resources</span><p class="description__Fep">A curated list of awesome FSD videos, articles, packages</p></div></div></a>
 <a class="root_GfON defaultTheme_j3I8" href="/uz/community/team"><span role="img" aria-label="team" class="anticon anticon-team icon_ciqP"><svg viewBox="64 64 896 896" focusable="false" data-icon="team" width="1em" height="1em" fill="currentColor" aria-hidden="true"><path d="M824.2 699.9a301.55 301.55 0 00-86.4-60.4C783.1 602.8 812 546.8 812 484c0-110.8-92.4-201.7-203.2-200-109.1 1.7-197 90.6-197 200 0 62.8 29 118.8 74.2 155.5a300.95 300.95 0 00-86.4 60.4C345 754.6 314 826.8 312 903.8a8 8 0 008 8.2h56c4.3 0 7.9-3.4 8-7.7 1.9-58 25.4-112.3 66.7-153.5A226.62 226.62 0 01612 684c60.9 0 118.2 23.7 161.3 66.8C814.5 792 838 846.3 840 904.3c.1 4.3 3.7 7.7 8 7.7h56a8 8 0 008-8.2c-2-77-33-149.2-87.8-203.9zM612 612c-34.2 0-66.4-13.3-90.5-37.5a126.86 126.86 0 01-37.5-91.8c.3-32.8 13.4-64.5 36.3-88 24-24.6 56.1-38.3 90.4-38.7 33.9-.3 66.8 12.9 91 36.6 24.8 24.3 38.4 56.8 38.4 91.4 0 34.2-13.3 66.3-37.5 90.5A127.3 127.3 0 01612 612zM361.5 510.4c-.9-8.7-1.4-17.5-1.4-26.4 0-15.9 1.5-31.4 4.3-46.5.7-3.6-1.2-7.3-4.5-8.8-13.6-6.1-26.1-14.5-36.9-25.1a127.54 127.54 0 01-38.7-95.4c.9-32.1 13.8-62.6 36.3-85.6 24.7-25.3 57.9-39.1 93.2-38.7 31.9.3 62.7 12.6 86 34.4 7.9 7.4 14.7 15.6 20.4 24.4 2 3.1 5.9 4.4 9.3 3.2 17.6-6.1 36.2-10.4 55.3-12.4 5.6-.6 8.8-6.6 6.3-11.6-32.5-64.3-98.9-108.7-175.7-109.9-110.9-1.7-203.3 89.2-203.3 199.9 0 62.8 28.9 118.8 74.2 155.5-31.8 14.7-61.1 35-86.5 60.4-54.8 54.7-85.8 126.9-87.8 204a8 8 0 008 8.2h56.1c4.3 0 7.9-3.4 8-7.7 1.9-58 25.4-112.3 66.7-153.5 29.4-29.4 65.4-49.8 104.7-59.7 3.9-1 6.5-4.7 6-8.7z"></path></svg></span><div class="details_xxkR"><div><span class="title_pSH5">Team</span><p class="description__Fep">Core-team, Champions, Contributors, Companies</p></div></div></a>
 <a class="root_GfON defaultTheme_j3I8" href="/uz/docs/branding"><span role="img" aria-label="verified" class="anticon anticon-verified icon_ciqP"><svg viewBox="64 64 896 896" focusable="false" data-icon="verified" width="1em" height="1em" fill="currentColor" aria-hidden="true"><defs><style></style></defs><path d="M447.8 588.8l-7.3-32.5c-.2-1-.6-1.9-1.1-2.7a7.94 7.94 0 00-11.1-2.2L405 567V411c0-4.4-3.6-8-8-8h-81c-4.4 0-8 3.6-8 8v36c0 4.4 3.6 8 8 8h37v192.4a8 8 0 0012.7 6.5l79-56.8c2.6-1.9 3.8-5.1 3.1-8.3zm-56.7-216.6l.2.2c3.2 3 8.3 2.8 11.3-.5l24.1-26.2a8.1 8.1 0 00-.3-11.2l-53.7-52.1a8 8 0 00-11.2.1l-24.7 24.7c-3.1 3.1-3.1 8.2.1 11.3l54.2 53.7z"></path><path d="M866.9 169.9L527.1 54.1C523 52.7 517.5 52 512 52s-11 .7-15.1 2.1L157.1 169.9c-8.3 2.8-15.1 12.4-15.1 21.2v482.4c0 8.8 5.7 20.4 12.6 25.9L499.3 968c3.5 2.7 8 4.1 12.6 4.1s9.2-1.4 12.6-4.1l344.7-268.6c6.9-5.4 12.6-17 12.6-25.9V191.1c.2-8.8-6.6-18.3-14.9-21.2zM810 654.3L512 886.5 214 654.3V226.7l298-101.6 298 101.6v427.6z"></path><path d="M452 297v36c0 4.4 3.6 8 8 8h108v274h-38V405c0-4.4-3.6-8-8-8h-35c-4.4 0-8 3.6-8 8v210h-31c-4.4 0-8 3.6-8 8v37c0 4.4 3.6 8 8 8h244c4.4 0 8-3.6 8-8v-37c0-4.4-3.6-8-8-8h-72V493h58c4.4 0 8-3.6 8-8v-35c0-4.4-3.6-8-8-8h-58V341h63c4.4 0 8-3.6 8-8v-36c0-4.4-3.6-8-8-8H460c-4.4 0-8 3.6-8 8z"></path></svg></span><div class="details_xxkR"><div><span class="title_pSH5">Brandbook</span><p class="description__Fep">Recommendations for FSD&#x27;s branding usage</p></div></div></a>
-<a href="#" class="root_GfON rootDisabled_SFUB defaultTheme_j3I8"><span role="img" aria-label="search" class="anticon anticon-search icon_ciqP"><svg viewBox="64 64 896 896" focusable="false" data-icon="search" width="1em" height="1em" fill="currentColor" aria-hidden="true"><path d="M909.6 854.5L649.9 594.8C690.2 542.7 712 479 712 412c0-80.2-31.3-155.4-87.9-212.1-56.6-56.7-132-87.9-212.1-87.9s-155.5 31.3-212.1 87.9C143.2 256.5 112 331.8 112 412c0 80.1 31.3 155.5 87.9 212.1C256.5 680.8 331.8 712 412 712c67 0 130.6-21.8 182.7-62l259.7 259.6a8.2 8.2 0 0011.6 0l43.6-43.5a8.2 8.2 0 000-11.6zM570.4 570.4C528 612.7 471.8 636 412 636s-116-23.3-158.4-65.6C211.3 528 188 471.8 188 412s23.3-116.1 65.6-158.4C296 211.3 352.2 188 412 188s116.1 23.2 158.4 65.6S636 352.2 636 412s-23.3 116.1-65.6 158.4z"></path></svg></span><div class="details_xxkR"><div><span class="title_pSH5">Contributing</span><p class="description__Fep">HowTo, Workflow, Support</p></div></div></a></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/community/index.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Sahifani tahrirlash</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Oxirgi yangilangan<!-- --> <b><time datetime="2024-09-29T11:02:46.000Z" itemprop="dateModified">29-sen, 2024</time></b> <b>ratomiru</b> dan</span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Hujjat sahifalarida navigatsiya"><a class="pagination-nav__link pagination-nav__link--next" href="/uz/community/team"><div class="pagination-nav__sublabel">Keyingi sahifa</div><div class="pagination-nav__label">Team</div></a></nav></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Spetsifikatsiya</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/uz/docs">Hujjatlar</a></li><li class="footer__item"><a class="footer__link-item" href="/uz/community">Jamiyat</a></li><li class="footer__item"><a class="footer__link-item" href="/uz/nav">Yordam</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Munozaralar<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Jamiyat</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Yana</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">Litsenziya<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/uz/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/uz/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
+<a href="#" class="root_GfON rootDisabled_SFUB defaultTheme_j3I8"><span role="img" aria-label="search" class="anticon anticon-search icon_ciqP"><svg viewBox="64 64 896 896" focusable="false" data-icon="search" width="1em" height="1em" fill="currentColor" aria-hidden="true"><path d="M909.6 854.5L649.9 594.8C690.2 542.7 712 479 712 412c0-80.2-31.3-155.4-87.9-212.1-56.6-56.7-132-87.9-212.1-87.9s-155.5 31.3-212.1 87.9C143.2 256.5 112 331.8 112 412c0 80.1 31.3 155.5 87.9 212.1C256.5 680.8 331.8 712 412 712c67 0 130.6-21.8 182.7-62l259.7 259.6a8.2 8.2 0 0011.6 0l43.6-43.5a8.2 8.2 0 000-11.6zM570.4 570.4C528 612.7 471.8 636 412 636s-116-23.3-158.4-65.6C211.3 528 188 471.8 188 412s23.3-116.1 65.6-158.4C296 211.3 352.2 188 412 188s116.1 23.2 158.4 65.6S636 352.2 636 412s-23.3 116.1-65.6 158.4z"></path></svg></span><div class="details_xxkR"><div><span class="title_pSH5">Contributing</span><p class="description__Fep">HowTo, Workflow, Support</p></div></div></a></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/community/index.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Sahifani tahrirlash</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Oxirgi yangilangan<!-- --> <b><time datetime="2024-10-07T18:23:06.000Z" itemprop="dateModified">7-okt, 2024</time></b> <b>InJaEE</b> dan</span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Hujjat sahifalarida navigatsiya"><a class="pagination-nav__link pagination-nav__link--next" href="/uz/community/team"><div class="pagination-nav__sublabel">Keyingi sahifa</div><div class="pagination-nav__label">Team</div></a></nav></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Spetsifikatsiya</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/uz/docs">Hujjatlar</a></li><li class="footer__item"><a class="footer__link-item" href="/uz/community">Jamiyat</a></li><li class="footer__item"><a class="footer__link-item" href="/uz/nav">Yordam</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Munozaralar<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Jamiyat</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Yana</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">Litsenziya<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/uz/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/uz/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
 </body>
 </html>
\ No newline at end of file
diff --git a/uz/community/team.html b/uz/community/team.html
index 8dc3731c2f..bc2ed62688 100644
--- a/uz/community/team.html
+++ b/uz/community/team.html
@@ -9,8 +9,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/uz/opensearch.xml"><link rel="stylesheet" href="/uz/assets/css/styles.6a4ac441.css">
-<script src="/uz/assets/js/runtime~main.a1b42f8f.js" defer="defer"></script>
-<script src="/uz/assets/js/main.ef087bb6.js" defer="defer"></script>
+<script src="/uz/assets/js/runtime~main.d90f1c87.js" defer="defer"></script>
+<script src="/uz/assets/js/main.b67529a2.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Asosiy tarkibga o&#x27;tish"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">Asosiy tarkibga o&#x27;tish</a></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/uz/"><div class="navbar__logo"><img src="/uz/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/uz/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a class="navbar__item navbar__link" href="/uz/docs">📖 Hujjatlar</a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/uz/community">💫 Jamiyat</a><a class="navbar__item navbar__link" href="/uz/blog">📝 Blog</a><a class="navbar__item navbar__link" href="/uz/examples">🛠 Namunalar</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/uz/docs">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a class="dropdown__link" href="/uz/docs">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/uz/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>O&#x27;zbekcha</a><ul class="dropdown__menu"><li><a href="/ru/community/team" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ru">Русский</a></li><li><a href="/community/team" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/uz/community/team" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/community/team" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="kr">한국어</a></li><li><a href="/ja/community/team" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><div class="docsWrapper_rDLg"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_JQoL" type="button"></button><div class="docRoot_GkJk"><aside class="theme-doc-sidebar-container docSidebarContainer_xiHB"><div class="sidebarViewport_DaHB"><div class="sidebar_Kb82"><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_AkOp"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--active" href="/uz/community">💫  Community</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item sidebar-item--wip"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/uz/community/team">Team</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/uz/examples">Examples</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a href="https://github.com/feature-sliced/awesome" target="_blank" rel="noopener noreferrer" class="menu__link menuExternalLink_riF1" tabindex="0">Awesome Resources<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a href="https://discord.com/invite/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="menu__link menuExternalLink_riF1" tabindex="0">Discord community server<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="menu__link menuExternalLink_riF1" tabindex="0">Telegram chat (Q&amp;A)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></li></ul></nav><button type="button" title="Yon panelni yig‘ish" aria-label="Yon panelni yig‘ish" class="button button--secondary button--outline collapseSidebarButton_L8vW"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_hYfn"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_uESP"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_w6lk"><div class="docItemContainer_b1tn"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_ioLt" aria-label="Breadcrumbs"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Home page" class="breadcrumbs__link" href="/uz/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_ZfEo"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/uz/community"><span itemprop="name">💫  Community</span></a><meta itemprop="position" content="1"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">Team</span><meta itemprop="position" content="2"></li></ul></nav><div class="tocCollapsible_EkMH theme-doc-toc-mobile tocMobile_XRnS"><button type="button" class="clean-btn tocCollapsibleButton_ID8T">On this page</button></div><div class="theme-doc-markdown markdown"><header><h1>Team</h1></header>
@@ -18,6 +18,6 @@
 <h2 class="anchor anchorWithStickyNavbar_QzlE" id="core-team">Core-team<a href="#core-team" class="hash-link" aria-label="Sarlavhaga to&#x27;g&#x27;ridan-to&#x27;g&#x27;ri havola" title="Sarlavhaga to&#x27;g&#x27;ridan-to&#x27;g&#x27;ri havola">​</a></h2>
 <h3 class="anchor anchorWithStickyNavbar_QzlE" id="champions">Champions<a href="#champions" class="hash-link" aria-label="Sarlavhaga to&#x27;g&#x27;ridan-to&#x27;g&#x27;ri havola" title="Sarlavhaga to&#x27;g&#x27;ridan-to&#x27;g&#x27;ri havola">​</a></h3>
 <h2 class="anchor anchorWithStickyNavbar_QzlE" id="contributors">Contributors<a href="#contributors" class="hash-link" aria-label="Sarlavhaga to&#x27;g&#x27;ridan-to&#x27;g&#x27;ri havola" title="Sarlavhaga to&#x27;g&#x27;ridan-to&#x27;g&#x27;ri havola">​</a></h2>
-<h2 class="anchor anchorWithStickyNavbar_QzlE" id="companies">Companies<a href="#companies" class="hash-link" aria-label="Sarlavhaga to&#x27;g&#x27;ridan-to&#x27;g&#x27;ri havola" title="Sarlavhaga to&#x27;g&#x27;ridan-to&#x27;g&#x27;ri havola">​</a></h2></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/community/team.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Sahifani tahrirlash</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Oxirgi yangilangan<!-- --> <b><time datetime="2024-09-29T11:02:46.000Z" itemprop="dateModified">29-sen, 2024</time></b> <b>ratomiru</b> dan</span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Hujjat sahifalarida navigatsiya"><a class="pagination-nav__link pagination-nav__link--prev" href="/uz/community"><div class="pagination-nav__sublabel">Oldingi sahifa</div><div class="pagination-nav__label">💫 Community</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#core-team" class="table-of-contents__link toc-highlight">Core-team</a><ul><li><a href="#champions" class="table-of-contents__link toc-highlight">Champions</a></li></ul></li><li><a href="#contributors" class="table-of-contents__link toc-highlight">Contributors</a></li><li><a href="#companies" class="table-of-contents__link toc-highlight">Companies</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Spetsifikatsiya</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/uz/docs">Hujjatlar</a></li><li class="footer__item"><a class="footer__link-item" href="/uz/community">Jamiyat</a></li><li class="footer__item"><a class="footer__link-item" href="/uz/nav">Yordam</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Munozaralar<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Jamiyat</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Yana</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">Litsenziya<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/uz/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/uz/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
+<h2 class="anchor anchorWithStickyNavbar_QzlE" id="companies">Companies<a href="#companies" class="hash-link" aria-label="Sarlavhaga to&#x27;g&#x27;ridan-to&#x27;g&#x27;ri havola" title="Sarlavhaga to&#x27;g&#x27;ridan-to&#x27;g&#x27;ri havola">​</a></h2></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/community/team.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Sahifani tahrirlash</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Oxirgi yangilangan<!-- --> <b><time datetime="2024-10-07T18:23:06.000Z" itemprop="dateModified">7-okt, 2024</time></b> <b>InJaEE</b> dan</span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Hujjat sahifalarida navigatsiya"><a class="pagination-nav__link pagination-nav__link--prev" href="/uz/community"><div class="pagination-nav__sublabel">Oldingi sahifa</div><div class="pagination-nav__label">💫 Community</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#core-team" class="table-of-contents__link toc-highlight">Core-team</a><ul><li><a href="#champions" class="table-of-contents__link toc-highlight">Champions</a></li></ul></li><li><a href="#contributors" class="table-of-contents__link toc-highlight">Contributors</a></li><li><a href="#companies" class="table-of-contents__link toc-highlight">Companies</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Spetsifikatsiya</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/uz/docs">Hujjatlar</a></li><li class="footer__item"><a class="footer__link-item" href="/uz/community">Jamiyat</a></li><li class="footer__item"><a class="footer__link-item" href="/uz/nav">Yordam</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Munozaralar<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Jamiyat</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Yana</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">Litsenziya<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/uz/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/uz/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
 </body>
 </html>
\ No newline at end of file
diff --git a/uz/docs.html b/uz/docs.html
index 3e527d554d..34a4d7d120 100644
--- a/uz/docs.html
+++ b/uz/docs.html
@@ -9,8 +9,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/uz/opensearch.xml"><link rel="stylesheet" href="/uz/assets/css/styles.6a4ac441.css">
-<script src="/uz/assets/js/runtime~main.a1b42f8f.js" defer="defer"></script>
-<script src="/uz/assets/js/main.ef087bb6.js" defer="defer"></script>
+<script src="/uz/assets/js/runtime~main.d90f1c87.js" defer="defer"></script>
+<script src="/uz/assets/js/main.b67529a2.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Asosiy tarkibga o&#x27;tish"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">Asosiy tarkibga o&#x27;tish</a></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/uz/"><div class="navbar__logo"><img src="/uz/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/uz/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/uz/docs">📖 Hujjatlar</a><a class="navbar__item navbar__link" href="/uz/community">💫 Jamiyat</a><a class="navbar__item navbar__link" href="/uz/blog">📝 Blog</a><a class="navbar__item navbar__link" href="/uz/examples">🛠 Namunalar</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/uz/docs">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a aria-current="page" class="dropdown__link dropdown__link--active" href="/uz/docs">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/uz/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>O&#x27;zbekcha</a><ul class="dropdown__menu"><li><a href="/ru/docs" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ru">Русский</a></li><li><a href="/docs" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/uz/docs" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/docs" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="kr">한국어</a></li><li><a href="/ja/docs" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><div class="docsWrapper_rDLg"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_JQoL" type="button"></button><div class="docRoot_GkJk"><main class="docMainContainer_uESP docMainContainerEnhanced_GKE6"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_w6lk"><div class="docItemContainer_b1tn"><article><div class="theme-doc-markdown markdown"><header><h1>Hujjatlar</h1></header>
@@ -24,6 +24,6 @@
 <a class="root_GfON miniTheme_ePfp" href="/uz/docs/reference"><div class="details_xxkR"><div><span class="title_pSH5">📚 Malumot</span><p class="description__Fep">Asosiy tushunchalar va tushunchalar haqida ma&#x27;lumot (amalda yaxshiroq qo&#x27;llash uchun)</p></div><div class="detailsTags_uTQx">Yunitlar • Izolyatsiya • Ommaviy API</div></div></a>
 <a class="root_GfON miniTheme_ePfp" href="/uz/docs/about"><div class="details_xxkR"><div><span class="title_pSH5">🍰 Metodologiya haqida</span><p class="description__Fep">Metodologiya falsafasi, uning maqsadlari va zamonaviy frontenddagi o&#x27;rni</p></div><div class="detailsTags_uTQx">Missiya • Rag&#x27;batlantirish va integratsiya</div></div></a>
 <a class="root_GfON miniTheme_ePfp" href="/uz/community"><div class="details_xxkR"><div><span class="title_pSH5">💫 Jamiyat</span><p class="description__Fep">Hamjamiyat tomonidan qoʻshilgan manbalar va qoʻshimcha kontent</p></div><div class="detailsTags_uTQx">Awesome • Komanda • Loyihada ishtirok etish</div></div></a>
-<a class="root_GfON miniTheme_ePfp" href="/uz/examples"><div class="details_xxkR"><div><span class="title_pSH5">🛠 Misollar</span><p class="description__Fep">Feature-Sliced Design da qurilgan loyihalar</p></div></div></a></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/uz/docusaurus-plugin-content-docs/current/intro.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Sahifani tahrirlash</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Oxirgi yangilangan<!-- --> <b><time datetime="2024-09-29T11:02:46.000Z" itemprop="dateModified">29-sen, 2024</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Hujjat sahifalarida navigatsiya"><a class="pagination-nav__link pagination-nav__link--next" href="/uz/docs/get-started"><div class="pagination-nav__sublabel">Keyingi sahifa</div><div class="pagination-nav__label">🚀 Get Started</div></a></nav></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Spetsifikatsiya</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/uz/docs">Hujjatlar</a></li><li class="footer__item"><a class="footer__link-item" href="/uz/community">Jamiyat</a></li><li class="footer__item"><a class="footer__link-item" href="/uz/nav">Yordam</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Munozaralar<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Jamiyat</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Yana</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">Litsenziya<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/uz/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/uz/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
+<a class="root_GfON miniTheme_ePfp" href="/uz/examples"><div class="details_xxkR"><div><span class="title_pSH5">🛠 Misollar</span><p class="description__Fep">Feature-Sliced Design da qurilgan loyihalar</p></div></div></a></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/uz/docusaurus-plugin-content-docs/current/intro.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Sahifani tahrirlash</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Oxirgi yangilangan<!-- --> <b><time datetime="2024-10-07T18:23:06.000Z" itemprop="dateModified">7-okt, 2024</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Hujjat sahifalarida navigatsiya"><a class="pagination-nav__link pagination-nav__link--next" href="/uz/docs/get-started"><div class="pagination-nav__sublabel">Keyingi sahifa</div><div class="pagination-nav__label">🚀 Get Started</div></a></nav></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Spetsifikatsiya</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/uz/docs">Hujjatlar</a></li><li class="footer__item"><a class="footer__link-item" href="/uz/community">Jamiyat</a></li><li class="footer__item"><a class="footer__link-item" href="/uz/nav">Yordam</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Munozaralar<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Jamiyat</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Yana</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">Litsenziya<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/uz/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/uz/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
 </body>
 </html>
\ No newline at end of file
diff --git a/uz/docs/about.html b/uz/docs/about.html
index f69ee1ed11..62efc12183 100644
--- a/uz/docs/about.html
+++ b/uz/docs/about.html
@@ -9,8 +9,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/uz/opensearch.xml"><link rel="stylesheet" href="/uz/assets/css/styles.6a4ac441.css">
-<script src="/uz/assets/js/runtime~main.a1b42f8f.js" defer="defer"></script>
-<script src="/uz/assets/js/main.ef087bb6.js" defer="defer"></script>
+<script src="/uz/assets/js/runtime~main.d90f1c87.js" defer="defer"></script>
+<script src="/uz/assets/js/main.b67529a2.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Asosiy tarkibga o&#x27;tish"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">Asosiy tarkibga o&#x27;tish</a></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/uz/"><div class="navbar__logo"><img src="/uz/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/uz/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/uz/docs">📖 Hujjatlar</a><a class="navbar__item navbar__link" href="/uz/community">💫 Jamiyat</a><a class="navbar__item navbar__link" href="/uz/blog">📝 Blog</a><a class="navbar__item navbar__link" href="/uz/examples">🛠 Namunalar</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/uz/docs/about">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a aria-current="page" class="dropdown__link dropdown__link--active" href="/uz/docs/about">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/uz/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>O&#x27;zbekcha</a><ul class="dropdown__menu"><li><a href="/ru/docs/about" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ru">Русский</a></li><li><a href="/docs/about" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/uz/docs/about" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/docs/about" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="kr">한국어</a></li><li><a href="/ja/docs/about" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><div class="docsWrapper_rDLg"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_JQoL" type="button"></button><div class="docRoot_GkJk"><aside class="theme-doc-sidebar-container docSidebarContainer_xiHB"><div class="sidebarViewport_DaHB"><div class="sidebar_Kb82"><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_AkOp"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible menu__list-item-collapsible--active"><a class="menu__link menu__link--active" aria-current="page" href="/uz/docs/about">🍰  About</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/uz/docs/about/mission">Mission</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/uz/docs/about/motivation">Motivation</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item sidebar-item--wip"><a class="menu__link" tabindex="0" href="/uz/docs/about/alternatives">Alternatives</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/uz/docs/about/understanding/architecture">Understanding</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/uz/docs/about/promote/integration">Rag&#x27;batlantirish</a></div></li></ul></li></ul></nav><button type="button" title="Yon panelni yig‘ish" aria-label="Yon panelni yig‘ish" class="button button--secondary button--outline collapseSidebarButton_L8vW"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_hYfn"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_uESP"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col"><div class="docItemContainer_b1tn"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_ioLt" aria-label="Breadcrumbs"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Home page" class="breadcrumbs__link" href="/uz/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_ZfEo"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">🍰  About</span><meta itemprop="position" content="1"></li></ul></nav><div class="theme-doc-markdown markdown"><header><h1>🍰 About</h1></header>
@@ -21,6 +21,6 @@ <h2 class="anchor anchorWithStickyNavbar_QzlE" id="main">Main<a href="#main" cla
 <a class="root_GfON defaultTheme_j3I8" href="/uz/docs/about/mission"><span role="img" aria-label="trophy" class="anticon anticon-trophy icon_ciqP"><svg viewBox="64 64 896 896" focusable="false" data-icon="trophy" width="1em" height="1em" fill="currentColor" aria-hidden="true"><path d="M868 160h-92v-40c0-4.4-3.6-8-8-8H256c-4.4 0-8 3.6-8 8v40h-92a44 44 0 00-44 44v148c0 81.7 60 149.6 138.2 162C265.7 630.2 359 721.7 476 734.5v105.2H280c-17.7 0-32 14.3-32 32V904c0 4.4 3.6 8 8 8h512c4.4 0 8-3.6 8-8v-32.3c0-17.7-14.3-32-32-32H548V734.5C665 721.7 758.3 630.2 773.8 514 852 501.6 912 433.7 912 352V204a44 44 0 00-44-44zM184 352V232h64v207.6a91.99 91.99 0 01-64-87.6zm520 128c0 49.1-19.1 95.4-53.9 130.1-34.8 34.8-81 53.9-130.1 53.9h-16c-49.1 0-95.4-19.1-130.1-53.9-34.8-34.8-53.9-81-53.9-130.1V184h384v296zm136-128c0 41-26.9 75.8-64 87.6V232h64v120z"></path></svg></span><div class="details_xxkR"><div><span class="title_pSH5">Mission</span><p class="description__Fep">Goals and limitations of the methodology</p></div></div></a>
 <a class="root_GfON defaultTheme_j3I8" href="/uz/docs/about/motivation"><span role="img" aria-label="star" class="anticon anticon-star icon_ciqP"><svg viewBox="64 64 896 896" focusable="false" data-icon="star" width="1em" height="1em" fill="currentColor" aria-hidden="true"><path d="M908.1 353.1l-253.9-36.9L540.7 86.1c-3.1-6.3-8.2-11.4-14.5-14.5-15.8-7.8-35-1.3-42.9 14.5L369.8 316.2l-253.9 36.9c-7 1-13.4 4.3-18.3 9.3a32.05 32.05 0 00.6 45.3l183.7 179.1-43.4 252.9a31.95 31.95 0 0046.4 33.7L512 754l227.1 119.4c6.2 3.3 13.4 4.4 20.3 3.2 17.4-3 29.1-19.5 26.1-36.9l-43.4-252.9 183.7-179.1c5-4.9 8.3-11.3 9.3-18.3 2.7-17.5-9.5-33.7-27-36.3zM664.8 561.6l36.1 210.3L512 672.7 323.1 772l36.1-210.3-152.8-149L417.6 382 512 190.7 606.4 382l211.2 30.7-152.8 148.9z"></path></svg></span><div class="details_xxkR"><div><span class="title_pSH5">Motivation</span><p class="description__Fep">Reasons for the creation and development of the methodology</p></div></div></a>
 <a class="root_GfON defaultTheme_j3I8" href="/uz/docs/about/understanding/architecture"><span role="img" aria-label="bulb" class="anticon anticon-bulb icon_ciqP"><svg viewBox="64 64 896 896" focusable="false" data-icon="bulb" width="1em" height="1em" fill="currentColor" aria-hidden="true"><path d="M632 888H392c-4.4 0-8 3.6-8 8v32c0 17.7 14.3 32 32 32h192c17.7 0 32-14.3 32-32v-32c0-4.4-3.6-8-8-8zM512 64c-181.1 0-328 146.9-328 328 0 121.4 66 227.4 164 284.1V792c0 17.7 14.3 32 32 32h264c17.7 0 32-14.3 32-32V676.1c98-56.7 164-162.7 164-284.1 0-181.1-146.9-328-328-328zm127.9 549.8L604 634.6V752H420V634.6l-35.9-20.8C305.4 568.3 256 484.5 256 392c0-141.4 114.6-256 256-256s256 114.6 256 256c0 92.5-49.4 176.3-128.1 221.8z"></path></svg></span><div class="details_xxkR"><div><span class="title_pSH5">Understanding</span><p class="description__Fep">Deep understanding of FSD concepts</p></div><div class="detailsTags_uTQx">About architecture • Needs driven • Naming</div></div></a>
-<a class="root_GfON defaultTheme_j3I8" href="/uz/docs/about/promote/integration"><span role="img" aria-label="team" class="anticon anticon-team icon_ciqP"><svg viewBox="64 64 896 896" focusable="false" data-icon="team" width="1em" height="1em" fill="currentColor" aria-hidden="true"><path d="M824.2 699.9a301.55 301.55 0 00-86.4-60.4C783.1 602.8 812 546.8 812 484c0-110.8-92.4-201.7-203.2-200-109.1 1.7-197 90.6-197 200 0 62.8 29 118.8 74.2 155.5a300.95 300.95 0 00-86.4 60.4C345 754.6 314 826.8 312 903.8a8 8 0 008 8.2h56c4.3 0 7.9-3.4 8-7.7 1.9-58 25.4-112.3 66.7-153.5A226.62 226.62 0 01612 684c60.9 0 118.2 23.7 161.3 66.8C814.5 792 838 846.3 840 904.3c.1 4.3 3.7 7.7 8 7.7h56a8 8 0 008-8.2c-2-77-33-149.2-87.8-203.9zM612 612c-34.2 0-66.4-13.3-90.5-37.5a126.86 126.86 0 01-37.5-91.8c.3-32.8 13.4-64.5 36.3-88 24-24.6 56.1-38.3 90.4-38.7 33.9-.3 66.8 12.9 91 36.6 24.8 24.3 38.4 56.8 38.4 91.4 0 34.2-13.3 66.3-37.5 90.5A127.3 127.3 0 01612 612zM361.5 510.4c-.9-8.7-1.4-17.5-1.4-26.4 0-15.9 1.5-31.4 4.3-46.5.7-3.6-1.2-7.3-4.5-8.8-13.6-6.1-26.1-14.5-36.9-25.1a127.54 127.54 0 01-38.7-95.4c.9-32.1 13.8-62.6 36.3-85.6 24.7-25.3 57.9-39.1 93.2-38.7 31.9.3 62.7 12.6 86 34.4 7.9 7.4 14.7 15.6 20.4 24.4 2 3.1 5.9 4.4 9.3 3.2 17.6-6.1 36.2-10.4 55.3-12.4 5.6-.6 8.8-6.6 6.3-11.6-32.5-64.3-98.9-108.7-175.7-109.9-110.9-1.7-203.3 89.2-203.3 199.9 0 62.8 28.9 118.8 74.2 155.5-31.8 14.7-61.1 35-86.5 60.4-54.8 54.7-85.8 126.9-87.8 204a8 8 0 008 8.2h56.1c4.3 0 7.9-3.4 8-7.7 1.9-58 25.4-112.3 66.7-153.5 29.4-29.4 65.4-49.8 104.7-59.7 3.9-1 6.5-4.7 6-8.7z"></path></svg></span><div class="details_xxkR"><div><span class="title_pSH5">Promote</span><p class="description__Fep">About promotion and integration FSD at companies</p></div><div class="detailsTags_uTQx">Integration • Promoting in team • Promoting in company</div></div></a></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/about/index.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Sahifani tahrirlash</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Oxirgi yangilangan<!-- --> <b><time datetime="2024-09-29T11:02:46.000Z" itemprop="dateModified">29-sen, 2024</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Hujjat sahifalarida navigatsiya"><a class="pagination-nav__link pagination-nav__link--prev" href="/uz/docs/reference"><div class="pagination-nav__sublabel">Oldingi sahifa</div><div class="pagination-nav__label">📚 Malumot</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/uz/docs/about/mission"><div class="pagination-nav__sublabel">Keyingi sahifa</div><div class="pagination-nav__label">Mission</div></a></nav></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Spetsifikatsiya</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/uz/docs">Hujjatlar</a></li><li class="footer__item"><a class="footer__link-item" href="/uz/community">Jamiyat</a></li><li class="footer__item"><a class="footer__link-item" href="/uz/nav">Yordam</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Munozaralar<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Jamiyat</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Yana</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">Litsenziya<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/uz/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/uz/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
+<a class="root_GfON defaultTheme_j3I8" href="/uz/docs/about/promote/integration"><span role="img" aria-label="team" class="anticon anticon-team icon_ciqP"><svg viewBox="64 64 896 896" focusable="false" data-icon="team" width="1em" height="1em" fill="currentColor" aria-hidden="true"><path d="M824.2 699.9a301.55 301.55 0 00-86.4-60.4C783.1 602.8 812 546.8 812 484c0-110.8-92.4-201.7-203.2-200-109.1 1.7-197 90.6-197 200 0 62.8 29 118.8 74.2 155.5a300.95 300.95 0 00-86.4 60.4C345 754.6 314 826.8 312 903.8a8 8 0 008 8.2h56c4.3 0 7.9-3.4 8-7.7 1.9-58 25.4-112.3 66.7-153.5A226.62 226.62 0 01612 684c60.9 0 118.2 23.7 161.3 66.8C814.5 792 838 846.3 840 904.3c.1 4.3 3.7 7.7 8 7.7h56a8 8 0 008-8.2c-2-77-33-149.2-87.8-203.9zM612 612c-34.2 0-66.4-13.3-90.5-37.5a126.86 126.86 0 01-37.5-91.8c.3-32.8 13.4-64.5 36.3-88 24-24.6 56.1-38.3 90.4-38.7 33.9-.3 66.8 12.9 91 36.6 24.8 24.3 38.4 56.8 38.4 91.4 0 34.2-13.3 66.3-37.5 90.5A127.3 127.3 0 01612 612zM361.5 510.4c-.9-8.7-1.4-17.5-1.4-26.4 0-15.9 1.5-31.4 4.3-46.5.7-3.6-1.2-7.3-4.5-8.8-13.6-6.1-26.1-14.5-36.9-25.1a127.54 127.54 0 01-38.7-95.4c.9-32.1 13.8-62.6 36.3-85.6 24.7-25.3 57.9-39.1 93.2-38.7 31.9.3 62.7 12.6 86 34.4 7.9 7.4 14.7 15.6 20.4 24.4 2 3.1 5.9 4.4 9.3 3.2 17.6-6.1 36.2-10.4 55.3-12.4 5.6-.6 8.8-6.6 6.3-11.6-32.5-64.3-98.9-108.7-175.7-109.9-110.9-1.7-203.3 89.2-203.3 199.9 0 62.8 28.9 118.8 74.2 155.5-31.8 14.7-61.1 35-86.5 60.4-54.8 54.7-85.8 126.9-87.8 204a8 8 0 008 8.2h56.1c4.3 0 7.9-3.4 8-7.7 1.9-58 25.4-112.3 66.7-153.5 29.4-29.4 65.4-49.8 104.7-59.7 3.9-1 6.5-4.7 6-8.7z"></path></svg></span><div class="details_xxkR"><div><span class="title_pSH5">Promote</span><p class="description__Fep">About promotion and integration FSD at companies</p></div><div class="detailsTags_uTQx">Integration • Promoting in team • Promoting in company</div></div></a></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/about/index.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Sahifani tahrirlash</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Oxirgi yangilangan<!-- --> <b><time datetime="2024-10-07T18:23:06.000Z" itemprop="dateModified">7-okt, 2024</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Hujjat sahifalarida navigatsiya"><a class="pagination-nav__link pagination-nav__link--prev" href="/uz/docs/reference"><div class="pagination-nav__sublabel">Oldingi sahifa</div><div class="pagination-nav__label">📚 Malumot</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/uz/docs/about/mission"><div class="pagination-nav__sublabel">Keyingi sahifa</div><div class="pagination-nav__label">Mission</div></a></nav></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Spetsifikatsiya</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/uz/docs">Hujjatlar</a></li><li class="footer__item"><a class="footer__link-item" href="/uz/community">Jamiyat</a></li><li class="footer__item"><a class="footer__link-item" href="/uz/nav">Yordam</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Munozaralar<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Jamiyat</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Yana</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">Litsenziya<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/uz/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/uz/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
 </body>
 </html>
\ No newline at end of file
diff --git a/uz/docs/about/alternatives.html b/uz/docs/about/alternatives.html
index a3112b353c..66adeb9ebe 100644
--- a/uz/docs/about/alternatives.html
+++ b/uz/docs/about/alternatives.html
@@ -9,8 +9,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/uz/opensearch.xml"><link rel="stylesheet" href="/uz/assets/css/styles.6a4ac441.css">
-<script src="/uz/assets/js/runtime~main.a1b42f8f.js" defer="defer"></script>
-<script src="/uz/assets/js/main.ef087bb6.js" defer="defer"></script>
+<script src="/uz/assets/js/runtime~main.d90f1c87.js" defer="defer"></script>
+<script src="/uz/assets/js/main.b67529a2.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Asosiy tarkibga o&#x27;tish"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">Asosiy tarkibga o&#x27;tish</a></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/uz/"><div class="navbar__logo"><img src="/uz/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/uz/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/uz/docs">📖 Hujjatlar</a><a class="navbar__item navbar__link" href="/uz/community">💫 Jamiyat</a><a class="navbar__item navbar__link" href="/uz/blog">📝 Blog</a><a class="navbar__item navbar__link" href="/uz/examples">🛠 Namunalar</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/uz/docs/about/alternatives">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a aria-current="page" class="dropdown__link dropdown__link--active" href="/uz/docs/about/alternatives">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/uz/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>O&#x27;zbekcha</a><ul class="dropdown__menu"><li><a href="/ru/docs/about/alternatives" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ru">Русский</a></li><li><a href="/docs/about/alternatives" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/uz/docs/about/alternatives" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/docs/about/alternatives" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="kr">한국어</a></li><li><a href="/ja/docs/about/alternatives" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><div class="docsWrapper_rDLg"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_JQoL" type="button"></button><div class="docRoot_GkJk"><aside class="theme-doc-sidebar-container docSidebarContainer_xiHB"><div class="sidebarViewport_DaHB"><div class="sidebar_Kb82"><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_AkOp"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--active" href="/uz/docs/about">🍰  About</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/uz/docs/about/mission">Mission</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/uz/docs/about/motivation">Motivation</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item sidebar-item--wip"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/uz/docs/about/alternatives">Alternatives</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/uz/docs/about/understanding/architecture">Understanding</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/uz/docs/about/promote/integration">Rag&#x27;batlantirish</a></div></li></ul></li></ul></nav><button type="button" title="Yon panelni yig‘ish" aria-label="Yon panelni yig‘ish" class="button button--secondary button--outline collapseSidebarButton_L8vW"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_hYfn"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_uESP"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_w6lk"><div class="docItemContainer_b1tn"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_ioLt" aria-label="Breadcrumbs"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Home page" class="breadcrumbs__link" href="/uz/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_ZfEo"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/uz/docs/about"><span itemprop="name">🍰  About</span></a><meta itemprop="position" content="1"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">Alternatives</span><meta itemprop="position" content="2"></li></ul></nav><div class="tocCollapsible_EkMH theme-doc-toc-mobile tocMobile_XRnS"><button type="button" class="clean-btn tocCollapsibleButton_ID8T">On this page</button></div><div class="theme-doc-markdown markdown"><header><h1>Alternatives</h1></header>
@@ -127,6 +127,6 @@ <h2 class="anchor anchorWithStickyNavbar_QzlE" id="feature-driven">Feature Drive
 <ul>
 <li><a href="https://youtu.be/BWAeYuWFHhs" target="_blank" rel="noopener noreferrer">(Talk) Oleg Isonen - Feature Driven Architecture</a></li>
 <li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer">Feature Driven-Short specification (from the point of view of FSD)</a></li>
-</ul></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/about/alternatives.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Sahifani tahrirlash</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Oxirgi yangilangan<!-- --> <b><time datetime="2024-09-29T11:02:46.000Z" itemprop="dateModified">29-sen, 2024</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Hujjat sahifalarida navigatsiya"><a class="pagination-nav__link pagination-nav__link--prev" href="/uz/docs/about/motivation"><div class="pagination-nav__sublabel">Oldingi sahifa</div><div class="pagination-nav__label">Motivation</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/uz/docs/about/understanding/architecture"><div class="pagination-nav__sublabel">Keyingi sahifa</div><div class="pagination-nav__label">About architecture</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#big-ball-of-mud" class="table-of-contents__link toc-highlight">Big Ball of Mud</a></li><li><a href="#smart--dumb-components" class="table-of-contents__link toc-highlight">Smart &amp; Dumb components</a></li><li><a href="#design-principles" class="table-of-contents__link toc-highlight">Design Principles</a></li><li><a href="#ddd" class="table-of-contents__link toc-highlight">DDD</a></li><li><a href="#clean-architecture" class="table-of-contents__link toc-highlight">Clean Architecture</a></li><li><a href="#frameworks" class="table-of-contents__link toc-highlight">Frameworks</a></li><li><a href="#atomic-design" class="table-of-contents__link toc-highlight">Atomic Design</a><ul><li><a href="#what-is-it" class="table-of-contents__link toc-highlight">What is it?</a></li><li><a href="#applicability-to-frontend" class="table-of-contents__link toc-highlight">Applicability to frontend</a></li><li><a href="#how-does-it-relate-to-fsd" class="table-of-contents__link toc-highlight">How does it relate to FSD?</a></li></ul></li><li><a href="#feature-driven" class="table-of-contents__link toc-highlight">Feature Driven</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Spetsifikatsiya</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/uz/docs">Hujjatlar</a></li><li class="footer__item"><a class="footer__link-item" href="/uz/community">Jamiyat</a></li><li class="footer__item"><a class="footer__link-item" href="/uz/nav">Yordam</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Munozaralar<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Jamiyat</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Yana</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">Litsenziya<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/uz/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/uz/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
+</ul></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/about/alternatives.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Sahifani tahrirlash</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Oxirgi yangilangan<!-- --> <b><time datetime="2024-10-07T18:23:06.000Z" itemprop="dateModified">7-okt, 2024</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Hujjat sahifalarida navigatsiya"><a class="pagination-nav__link pagination-nav__link--prev" href="/uz/docs/about/motivation"><div class="pagination-nav__sublabel">Oldingi sahifa</div><div class="pagination-nav__label">Motivation</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/uz/docs/about/understanding/architecture"><div class="pagination-nav__sublabel">Keyingi sahifa</div><div class="pagination-nav__label">About architecture</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#big-ball-of-mud" class="table-of-contents__link toc-highlight">Big Ball of Mud</a></li><li><a href="#smart--dumb-components" class="table-of-contents__link toc-highlight">Smart &amp; Dumb components</a></li><li><a href="#design-principles" class="table-of-contents__link toc-highlight">Design Principles</a></li><li><a href="#ddd" class="table-of-contents__link toc-highlight">DDD</a></li><li><a href="#clean-architecture" class="table-of-contents__link toc-highlight">Clean Architecture</a></li><li><a href="#frameworks" class="table-of-contents__link toc-highlight">Frameworks</a></li><li><a href="#atomic-design" class="table-of-contents__link toc-highlight">Atomic Design</a><ul><li><a href="#what-is-it" class="table-of-contents__link toc-highlight">What is it?</a></li><li><a href="#applicability-to-frontend" class="table-of-contents__link toc-highlight">Applicability to frontend</a></li><li><a href="#how-does-it-relate-to-fsd" class="table-of-contents__link toc-highlight">How does it relate to FSD?</a></li></ul></li><li><a href="#feature-driven" class="table-of-contents__link toc-highlight">Feature Driven</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Spetsifikatsiya</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/uz/docs">Hujjatlar</a></li><li class="footer__item"><a class="footer__link-item" href="/uz/community">Jamiyat</a></li><li class="footer__item"><a class="footer__link-item" href="/uz/nav">Yordam</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Munozaralar<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Jamiyat</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Yana</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">Litsenziya<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/uz/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/uz/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
 </body>
 </html>
\ No newline at end of file
diff --git a/uz/docs/about/mission.html b/uz/docs/about/mission.html
index b9ba1577c5..5d555a155a 100644
--- a/uz/docs/about/mission.html
+++ b/uz/docs/about/mission.html
@@ -9,8 +9,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/uz/opensearch.xml"><link rel="stylesheet" href="/uz/assets/css/styles.6a4ac441.css">
-<script src="/uz/assets/js/runtime~main.a1b42f8f.js" defer="defer"></script>
-<script src="/uz/assets/js/main.ef087bb6.js" defer="defer"></script>
+<script src="/uz/assets/js/runtime~main.d90f1c87.js" defer="defer"></script>
+<script src="/uz/assets/js/main.b67529a2.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Asosiy tarkibga o&#x27;tish"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">Asosiy tarkibga o&#x27;tish</a></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/uz/"><div class="navbar__logo"><img src="/uz/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/uz/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/uz/docs">📖 Hujjatlar</a><a class="navbar__item navbar__link" href="/uz/community">💫 Jamiyat</a><a class="navbar__item navbar__link" href="/uz/blog">📝 Blog</a><a class="navbar__item navbar__link" href="/uz/examples">🛠 Namunalar</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/uz/docs/about/mission">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a aria-current="page" class="dropdown__link dropdown__link--active" href="/uz/docs/about/mission">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/uz/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>O&#x27;zbekcha</a><ul class="dropdown__menu"><li><a href="/ru/docs/about/mission" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ru">Русский</a></li><li><a href="/docs/about/mission" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/uz/docs/about/mission" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/docs/about/mission" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="kr">한국어</a></li><li><a href="/ja/docs/about/mission" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><div class="docsWrapper_rDLg"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_JQoL" type="button"></button><div class="docRoot_GkJk"><aside class="theme-doc-sidebar-container docSidebarContainer_xiHB"><div class="sidebarViewport_DaHB"><div class="sidebar_Kb82"><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_AkOp"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--active" href="/uz/docs/about">🍰  About</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/uz/docs/about/mission">Mission</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/uz/docs/about/motivation">Motivation</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item sidebar-item--wip"><a class="menu__link" tabindex="0" href="/uz/docs/about/alternatives">Alternatives</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/uz/docs/about/understanding/architecture">Understanding</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/uz/docs/about/promote/integration">Rag&#x27;batlantirish</a></div></li></ul></li></ul></nav><button type="button" title="Yon panelni yig‘ish" aria-label="Yon panelni yig‘ish" class="button button--secondary button--outline collapseSidebarButton_L8vW"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_hYfn"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_uESP"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_w6lk"><div class="docItemContainer_b1tn"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_ioLt" aria-label="Breadcrumbs"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Home page" class="breadcrumbs__link" href="/uz/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_ZfEo"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/uz/docs/about"><span itemprop="name">🍰  About</span></a><meta itemprop="position" content="1"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">Mission</span><meta itemprop="position" content="2"></li></ul></nav><div class="tocCollapsible_EkMH theme-doc-toc-mobile tocMobile_XRnS"><button type="button" class="clean-btn tocCollapsibleButton_ID8T">On this page</button></div><div class="theme-doc-markdown markdown"><header><h1>Mission</h1></header>
@@ -53,6 +53,6 @@ <h2 class="anchor anchorWithStickyNavbar_QzlE" id="limitations">Limitations<a hr
 <h2 class="anchor anchorWithStickyNavbar_QzlE" id="see-also">See also<a href="#see-also" class="hash-link" aria-label="Sarlavhaga to&#x27;g&#x27;ridan-to&#x27;g&#x27;ri havola" title="Sarlavhaga to&#x27;g&#x27;ridan-to&#x27;g&#x27;ri havola">​</a></h2>
 <ul>
 <li><a href="/uz/docs/about/understanding/architecture#problems">Architecture problems</a></li>
-</ul></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/about/mission.md" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Sahifani tahrirlash</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Oxirgi yangilangan<!-- --> <b><time datetime="2024-09-29T11:02:46.000Z" itemprop="dateModified">29-sen, 2024</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Hujjat sahifalarida navigatsiya"><a class="pagination-nav__link pagination-nav__link--prev" href="/uz/docs/about"><div class="pagination-nav__sublabel">Oldingi sahifa</div><div class="pagination-nav__label">🍰 About</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/uz/docs/about/motivation"><div class="pagination-nav__sublabel">Keyingi sahifa</div><div class="pagination-nav__label">Motivation</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#goals" class="table-of-contents__link toc-highlight">Goals</a><ul><li><a href="#intuitive-clarity-for-a-wide-range-of-developers" class="table-of-contents__link toc-highlight">Intuitive clarity for a wide range of developers</a></li><li><a href="#solving-everyday-problems" class="table-of-contents__link toc-highlight">Solving everyday problems</a></li></ul></li><li><a href="#limitations" class="table-of-contents__link toc-highlight">Limitations</a></li><li><a href="#see-also" class="table-of-contents__link toc-highlight">See also</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Spetsifikatsiya</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/uz/docs">Hujjatlar</a></li><li class="footer__item"><a class="footer__link-item" href="/uz/community">Jamiyat</a></li><li class="footer__item"><a class="footer__link-item" href="/uz/nav">Yordam</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Munozaralar<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Jamiyat</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Yana</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">Litsenziya<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/uz/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/uz/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
+</ul></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/about/mission.md" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Sahifani tahrirlash</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Oxirgi yangilangan<!-- --> <b><time datetime="2024-10-07T18:23:06.000Z" itemprop="dateModified">7-okt, 2024</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Hujjat sahifalarida navigatsiya"><a class="pagination-nav__link pagination-nav__link--prev" href="/uz/docs/about"><div class="pagination-nav__sublabel">Oldingi sahifa</div><div class="pagination-nav__label">🍰 About</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/uz/docs/about/motivation"><div class="pagination-nav__sublabel">Keyingi sahifa</div><div class="pagination-nav__label">Motivation</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#goals" class="table-of-contents__link toc-highlight">Goals</a><ul><li><a href="#intuitive-clarity-for-a-wide-range-of-developers" class="table-of-contents__link toc-highlight">Intuitive clarity for a wide range of developers</a></li><li><a href="#solving-everyday-problems" class="table-of-contents__link toc-highlight">Solving everyday problems</a></li></ul></li><li><a href="#limitations" class="table-of-contents__link toc-highlight">Limitations</a></li><li><a href="#see-also" class="table-of-contents__link toc-highlight">See also</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Spetsifikatsiya</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/uz/docs">Hujjatlar</a></li><li class="footer__item"><a class="footer__link-item" href="/uz/community">Jamiyat</a></li><li class="footer__item"><a class="footer__link-item" href="/uz/nav">Yordam</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Munozaralar<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Jamiyat</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Yana</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">Litsenziya<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/uz/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/uz/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
 </body>
 </html>
\ No newline at end of file
diff --git a/uz/docs/about/motivation.html b/uz/docs/about/motivation.html
index e1b9cb0430..99f1366569 100644
--- a/uz/docs/about/motivation.html
+++ b/uz/docs/about/motivation.html
@@ -9,8 +9,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/uz/opensearch.xml"><link rel="stylesheet" href="/uz/assets/css/styles.6a4ac441.css">
-<script src="/uz/assets/js/runtime~main.a1b42f8f.js" defer="defer"></script>
-<script src="/uz/assets/js/main.ef087bb6.js" defer="defer"></script>
+<script src="/uz/assets/js/runtime~main.d90f1c87.js" defer="defer"></script>
+<script src="/uz/assets/js/main.b67529a2.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Asosiy tarkibga o&#x27;tish"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">Asosiy tarkibga o&#x27;tish</a></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/uz/"><div class="navbar__logo"><img src="/uz/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/uz/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/uz/docs">📖 Hujjatlar</a><a class="navbar__item navbar__link" href="/uz/community">💫 Jamiyat</a><a class="navbar__item navbar__link" href="/uz/blog">📝 Blog</a><a class="navbar__item navbar__link" href="/uz/examples">🛠 Namunalar</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/uz/docs/about/motivation">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a aria-current="page" class="dropdown__link dropdown__link--active" href="/uz/docs/about/motivation">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/uz/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>O&#x27;zbekcha</a><ul class="dropdown__menu"><li><a href="/ru/docs/about/motivation" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ru">Русский</a></li><li><a href="/docs/about/motivation" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/uz/docs/about/motivation" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/docs/about/motivation" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="kr">한국어</a></li><li><a href="/ja/docs/about/motivation" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><div class="docsWrapper_rDLg"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_JQoL" type="button"></button><div class="docRoot_GkJk"><aside class="theme-doc-sidebar-container docSidebarContainer_xiHB"><div class="sidebarViewport_DaHB"><div class="sidebar_Kb82"><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_AkOp"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--active" href="/uz/docs/about">🍰  About</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/uz/docs/about/mission">Mission</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/uz/docs/about/motivation">Motivation</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item sidebar-item--wip"><a class="menu__link" tabindex="0" href="/uz/docs/about/alternatives">Alternatives</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/uz/docs/about/understanding/architecture">Understanding</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/uz/docs/about/promote/integration">Rag&#x27;batlantirish</a></div></li></ul></li></ul></nav><button type="button" title="Yon panelni yig‘ish" aria-label="Yon panelni yig‘ish" class="button button--secondary button--outline collapseSidebarButton_L8vW"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_hYfn"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_uESP"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_w6lk"><div class="docItemContainer_b1tn"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_ioLt" aria-label="Breadcrumbs"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Home page" class="breadcrumbs__link" href="/uz/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_ZfEo"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/uz/docs/about"><span itemprop="name">🍰  About</span></a><meta itemprop="position" content="1"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">Motivation</span><meta itemprop="position" content="2"></li></ul></nav><div class="tocCollapsible_EkMH theme-doc-toc-mobile tocMobile_XRnS"><button type="button" class="clean-btn tocCollapsibleButton_ID8T">On this page</button></div><div class="theme-doc-markdown markdown"><header><h1>Motivation</h1></header>
@@ -111,6 +111,6 @@ <h2 class="anchor anchorWithStickyNavbar_QzlE" id="see-also">See also<a href="#s
 <li><a href="https://github.com/feature-sliced/documentation/discussions/27" target="_blank" rel="noopener noreferrer">(Discussion) Don&#x27;t need a methodology?</a></li>
 <li><a href="/uz/docs/about/mission">About the methodology&#x27;s mission: goals and limitations</a></li>
 <li><a href="/uz/docs/about/understanding/knowledge-types">Types of knowledge in the project</a></li>
-</ul></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/about/motivation.md" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Sahifani tahrirlash</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Oxirgi yangilangan<!-- --> <b><time datetime="2024-09-29T11:02:46.000Z" itemprop="dateModified">29-sen, 2024</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Hujjat sahifalarida navigatsiya"><a class="pagination-nav__link pagination-nav__link--prev" href="/uz/docs/about/mission"><div class="pagination-nav__sublabel">Oldingi sahifa</div><div class="pagination-nav__label">Mission</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/uz/docs/about/alternatives"><div class="pagination-nav__sublabel">Keyingi sahifa</div><div class="pagination-nav__label">Alternatives</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#why-are-there-not-enough-existing-solutions" class="table-of-contents__link toc-highlight">Why are there not enough existing solutions?</a><ul><li><a href="#principles-alone-are-not-enough" class="table-of-contents__link toc-highlight">Principles alone are not enough</a></li><li><a href="#processes-dont-always-work" class="table-of-contents__link toc-highlight">Processes don&#39;t always work</a></li><li><a href="#existing-frameworks-cannot-be-applied-everywhere" class="table-of-contents__link toc-highlight">Existing frameworks cannot be applied everywhere</a></li><li><a href="#as-a-result" class="table-of-contents__link toc-highlight">As a result</a></li></ul></li><li><a href="#why-do-developers-need-the-methodology" class="table-of-contents__link toc-highlight">Why do developers need the methodology?</a><ul><li><a href="#focus-on-business-features-not-on-architecture-problems" class="table-of-contents__link toc-highlight">Focus on business features, not on architecture problems</a></li><li><a href="#an-experience-proven-solution" class="table-of-contents__link toc-highlight">An experience-proven solution</a></li><li><a href="#project-health" class="table-of-contents__link toc-highlight">Project Health</a></li></ul></li><li><a href="#why-does-a-business-need-a-methodology" class="table-of-contents__link toc-highlight">Why does a business need a methodology?</a><ul><li><a href="#fast-onboarding" class="table-of-contents__link toc-highlight">Fast onboarding</a></li><li><a href="#an-experience-proven-solution-1" class="table-of-contents__link toc-highlight">An experience-proven solution</a></li><li><a href="#applicability-for-different-stages-of-the-project" class="table-of-contents__link toc-highlight">Applicability for different stages of the project</a></li></ul></li><li><a href="#when-is-our-methodology-not-needed" class="table-of-contents__link toc-highlight">When is our methodology not needed?</a><ul><li><a href="#business-size" class="table-of-contents__link toc-highlight">Business Size</a></li></ul></li><li><a href="#plans" class="table-of-contents__link toc-highlight">Plans</a><ul><li><a href="#combining-experience" class="table-of-contents__link toc-highlight">Combining experience</a></li><li><a href="#life-outside-the-specification" class="table-of-contents__link toc-highlight">Life outside the specification</a></li></ul></li><li><a href="#see-also" class="table-of-contents__link toc-highlight">See also</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Spetsifikatsiya</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/uz/docs">Hujjatlar</a></li><li class="footer__item"><a class="footer__link-item" href="/uz/community">Jamiyat</a></li><li class="footer__item"><a class="footer__link-item" href="/uz/nav">Yordam</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Munozaralar<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Jamiyat</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Yana</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">Litsenziya<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/uz/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/uz/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
+</ul></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/about/motivation.md" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Sahifani tahrirlash</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Oxirgi yangilangan<!-- --> <b><time datetime="2024-10-07T18:23:06.000Z" itemprop="dateModified">7-okt, 2024</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Hujjat sahifalarida navigatsiya"><a class="pagination-nav__link pagination-nav__link--prev" href="/uz/docs/about/mission"><div class="pagination-nav__sublabel">Oldingi sahifa</div><div class="pagination-nav__label">Mission</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/uz/docs/about/alternatives"><div class="pagination-nav__sublabel">Keyingi sahifa</div><div class="pagination-nav__label">Alternatives</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#why-are-there-not-enough-existing-solutions" class="table-of-contents__link toc-highlight">Why are there not enough existing solutions?</a><ul><li><a href="#principles-alone-are-not-enough" class="table-of-contents__link toc-highlight">Principles alone are not enough</a></li><li><a href="#processes-dont-always-work" class="table-of-contents__link toc-highlight">Processes don&#39;t always work</a></li><li><a href="#existing-frameworks-cannot-be-applied-everywhere" class="table-of-contents__link toc-highlight">Existing frameworks cannot be applied everywhere</a></li><li><a href="#as-a-result" class="table-of-contents__link toc-highlight">As a result</a></li></ul></li><li><a href="#why-do-developers-need-the-methodology" class="table-of-contents__link toc-highlight">Why do developers need the methodology?</a><ul><li><a href="#focus-on-business-features-not-on-architecture-problems" class="table-of-contents__link toc-highlight">Focus on business features, not on architecture problems</a></li><li><a href="#an-experience-proven-solution" class="table-of-contents__link toc-highlight">An experience-proven solution</a></li><li><a href="#project-health" class="table-of-contents__link toc-highlight">Project Health</a></li></ul></li><li><a href="#why-does-a-business-need-a-methodology" class="table-of-contents__link toc-highlight">Why does a business need a methodology?</a><ul><li><a href="#fast-onboarding" class="table-of-contents__link toc-highlight">Fast onboarding</a></li><li><a href="#an-experience-proven-solution-1" class="table-of-contents__link toc-highlight">An experience-proven solution</a></li><li><a href="#applicability-for-different-stages-of-the-project" class="table-of-contents__link toc-highlight">Applicability for different stages of the project</a></li></ul></li><li><a href="#when-is-our-methodology-not-needed" class="table-of-contents__link toc-highlight">When is our methodology not needed?</a><ul><li><a href="#business-size" class="table-of-contents__link toc-highlight">Business Size</a></li></ul></li><li><a href="#plans" class="table-of-contents__link toc-highlight">Plans</a><ul><li><a href="#combining-experience" class="table-of-contents__link toc-highlight">Combining experience</a></li><li><a href="#life-outside-the-specification" class="table-of-contents__link toc-highlight">Life outside the specification</a></li></ul></li><li><a href="#see-also" class="table-of-contents__link toc-highlight">See also</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Spetsifikatsiya</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/uz/docs">Hujjatlar</a></li><li class="footer__item"><a class="footer__link-item" href="/uz/community">Jamiyat</a></li><li class="footer__item"><a class="footer__link-item" href="/uz/nav">Yordam</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Munozaralar<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Jamiyat</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Yana</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">Litsenziya<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/uz/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/uz/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
 </body>
 </html>
\ No newline at end of file
diff --git a/uz/docs/about/promote/for-company.html b/uz/docs/about/promote/for-company.html
index 1a2845369b..9d57e1ffda 100644
--- a/uz/docs/about/promote/for-company.html
+++ b/uz/docs/about/promote/for-company.html
@@ -9,8 +9,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/uz/opensearch.xml"><link rel="stylesheet" href="/uz/assets/css/styles.6a4ac441.css">
-<script src="/uz/assets/js/runtime~main.a1b42f8f.js" defer="defer"></script>
-<script src="/uz/assets/js/main.ef087bb6.js" defer="defer"></script>
+<script src="/uz/assets/js/runtime~main.d90f1c87.js" defer="defer"></script>
+<script src="/uz/assets/js/main.b67529a2.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Asosiy tarkibga o&#x27;tish"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">Asosiy tarkibga o&#x27;tish</a></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/uz/"><div class="navbar__logo"><img src="/uz/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/uz/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/uz/docs">📖 Hujjatlar</a><a class="navbar__item navbar__link" href="/uz/community">💫 Jamiyat</a><a class="navbar__item navbar__link" href="/uz/blog">📝 Blog</a><a class="navbar__item navbar__link" href="/uz/examples">🛠 Namunalar</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/uz/docs/about/promote/for-company">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a aria-current="page" class="dropdown__link dropdown__link--active" href="/uz/docs/about/promote/for-company">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/uz/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>O&#x27;zbekcha</a><ul class="dropdown__menu"><li><a href="/ru/docs/about/promote/for-company" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ru">Русский</a></li><li><a href="/docs/about/promote/for-company" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/uz/docs/about/promote/for-company" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/docs/about/promote/for-company" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="kr">한국어</a></li><li><a href="/ja/docs/about/promote/for-company" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><div class="docsWrapper_rDLg"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_JQoL" type="button"></button><div class="docRoot_GkJk"><aside class="theme-doc-sidebar-container docSidebarContainer_xiHB"><div class="sidebarViewport_DaHB"><div class="sidebar_Kb82"><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_AkOp"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--active" href="/uz/docs/about">🍰  About</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/uz/docs/about/mission">Mission</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/uz/docs/about/motivation">Motivation</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item sidebar-item--wip"><a class="menu__link" tabindex="0" href="/uz/docs/about/alternatives">Alternatives</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/uz/docs/about/understanding/architecture">Understanding</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret menu__link--active" role="button" aria-expanded="true" tabindex="0" href="/uz/docs/about/promote/integration">Rag&#x27;batlantirish</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/uz/docs/about/promote/integration">Integration aspects</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item sidebar-item--wip"><a class="menu__link" tabindex="0" href="/uz/docs/about/promote/partial-application">Partial Application</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item sidebar-item--wip"><a class="menu__link" tabindex="0" href="/uz/docs/about/promote/for-team">Promote in team</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item sidebar-item--wip"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/uz/docs/about/promote/for-company">Promote in company</a></li></ul></li></ul></li></ul></nav><button type="button" title="Yon panelni yig‘ish" aria-label="Yon panelni yig‘ish" class="button button--secondary button--outline collapseSidebarButton_L8vW"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_hYfn"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_uESP"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_w6lk"><div class="docItemContainer_b1tn"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_ioLt" aria-label="Breadcrumbs"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Home page" class="breadcrumbs__link" href="/uz/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_ZfEo"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/uz/docs/about"><span itemprop="name">🍰  About</span></a><meta itemprop="position" content="1"></li><li class="breadcrumbs__item"><span class="breadcrumbs__link">Rag&#x27;batlantirish</span><meta itemprop="position" content="2"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">Promote in company</span><meta itemprop="position" content="3"></li></ul></nav><div class="tocCollapsible_EkMH theme-doc-toc-mobile tocMobile_XRnS"><button type="button" class="clean-btn tocCollapsibleButton_ID8T">On this page</button></div><div class="theme-doc-markdown markdown"><header><h1>Promote in company</h1></header>
@@ -20,6 +20,6 @@ <h2 class="anchor anchorWithStickyNavbar_QzlE" id="do-the-project-and-the-compan
 <p>About the justification of the application, Those duty</p>
 </blockquote>
 <h2 class="anchor anchorWithStickyNavbar_QzlE" id="how-can-i-submit-a-methodology-to-a-business">How can I submit a methodology to a business?<a href="#how-can-i-submit-a-methodology-to-a-business" class="hash-link" aria-label="Sarlavhaga to&#x27;g&#x27;ridan-to&#x27;g&#x27;ri havola" title="Sarlavhaga to&#x27;g&#x27;ridan-to&#x27;g&#x27;ri havola">​</a></h2>
-<h2 class="anchor anchorWithStickyNavbar_QzlE" id="how-to-prepare-and-justify-a-plan-to-move-to-the-methodology">How to prepare and justify a plan to move to the methodology?<a href="#how-to-prepare-and-justify-a-plan-to-move-to-the-methodology" class="hash-link" aria-label="Sarlavhaga to&#x27;g&#x27;ridan-to&#x27;g&#x27;ri havola" title="Sarlavhaga to&#x27;g&#x27;ridan-to&#x27;g&#x27;ri havola">​</a></h2></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/about/promote/for-company.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Sahifani tahrirlash</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Oxirgi yangilangan<!-- --> <b><time datetime="2024-09-29T11:02:46.000Z" itemprop="dateModified">29-sen, 2024</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Hujjat sahifalarida navigatsiya"><a class="pagination-nav__link pagination-nav__link--prev" href="/uz/docs/about/promote/for-team"><div class="pagination-nav__sublabel">Oldingi sahifa</div><div class="pagination-nav__label">Promote in team</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#do-the-project-and-the-company-need-a-methodology" class="table-of-contents__link toc-highlight">Do the project and the company need a methodology?</a></li><li><a href="#how-can-i-submit-a-methodology-to-a-business" class="table-of-contents__link toc-highlight">How can I submit a methodology to a business?</a></li><li><a href="#how-to-prepare-and-justify-a-plan-to-move-to-the-methodology" class="table-of-contents__link toc-highlight">How to prepare and justify a plan to move to the methodology?</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Spetsifikatsiya</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/uz/docs">Hujjatlar</a></li><li class="footer__item"><a class="footer__link-item" href="/uz/community">Jamiyat</a></li><li class="footer__item"><a class="footer__link-item" href="/uz/nav">Yordam</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Munozaralar<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Jamiyat</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Yana</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">Litsenziya<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/uz/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/uz/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
+<h2 class="anchor anchorWithStickyNavbar_QzlE" id="how-to-prepare-and-justify-a-plan-to-move-to-the-methodology">How to prepare and justify a plan to move to the methodology?<a href="#how-to-prepare-and-justify-a-plan-to-move-to-the-methodology" class="hash-link" aria-label="Sarlavhaga to&#x27;g&#x27;ridan-to&#x27;g&#x27;ri havola" title="Sarlavhaga to&#x27;g&#x27;ridan-to&#x27;g&#x27;ri havola">​</a></h2></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/about/promote/for-company.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Sahifani tahrirlash</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Oxirgi yangilangan<!-- --> <b><time datetime="2024-10-07T18:23:06.000Z" itemprop="dateModified">7-okt, 2024</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Hujjat sahifalarida navigatsiya"><a class="pagination-nav__link pagination-nav__link--prev" href="/uz/docs/about/promote/for-team"><div class="pagination-nav__sublabel">Oldingi sahifa</div><div class="pagination-nav__label">Promote in team</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#do-the-project-and-the-company-need-a-methodology" class="table-of-contents__link toc-highlight">Do the project and the company need a methodology?</a></li><li><a href="#how-can-i-submit-a-methodology-to-a-business" class="table-of-contents__link toc-highlight">How can I submit a methodology to a business?</a></li><li><a href="#how-to-prepare-and-justify-a-plan-to-move-to-the-methodology" class="table-of-contents__link toc-highlight">How to prepare and justify a plan to move to the methodology?</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Spetsifikatsiya</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/uz/docs">Hujjatlar</a></li><li class="footer__item"><a class="footer__link-item" href="/uz/community">Jamiyat</a></li><li class="footer__item"><a class="footer__link-item" href="/uz/nav">Yordam</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Munozaralar<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Jamiyat</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Yana</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">Litsenziya<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/uz/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/uz/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
 </body>
 </html>
\ No newline at end of file
diff --git a/uz/docs/about/promote/for-team.html b/uz/docs/about/promote/for-team.html
index bbfa6e150e..838dd4c7bc 100644
--- a/uz/docs/about/promote/for-team.html
+++ b/uz/docs/about/promote/for-team.html
@@ -9,8 +9,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/uz/opensearch.xml"><link rel="stylesheet" href="/uz/assets/css/styles.6a4ac441.css">
-<script src="/uz/assets/js/runtime~main.a1b42f8f.js" defer="defer"></script>
-<script src="/uz/assets/js/main.ef087bb6.js" defer="defer"></script>
+<script src="/uz/assets/js/runtime~main.d90f1c87.js" defer="defer"></script>
+<script src="/uz/assets/js/main.b67529a2.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Asosiy tarkibga o&#x27;tish"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">Asosiy tarkibga o&#x27;tish</a></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/uz/"><div class="navbar__logo"><img src="/uz/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/uz/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/uz/docs">📖 Hujjatlar</a><a class="navbar__item navbar__link" href="/uz/community">💫 Jamiyat</a><a class="navbar__item navbar__link" href="/uz/blog">📝 Blog</a><a class="navbar__item navbar__link" href="/uz/examples">🛠 Namunalar</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/uz/docs/about/promote/for-team">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a aria-current="page" class="dropdown__link dropdown__link--active" href="/uz/docs/about/promote/for-team">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/uz/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>O&#x27;zbekcha</a><ul class="dropdown__menu"><li><a href="/ru/docs/about/promote/for-team" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ru">Русский</a></li><li><a href="/docs/about/promote/for-team" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/uz/docs/about/promote/for-team" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/docs/about/promote/for-team" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="kr">한국어</a></li><li><a href="/ja/docs/about/promote/for-team" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><div class="docsWrapper_rDLg"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_JQoL" type="button"></button><div class="docRoot_GkJk"><aside class="theme-doc-sidebar-container docSidebarContainer_xiHB"><div class="sidebarViewport_DaHB"><div class="sidebar_Kb82"><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_AkOp"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--active" href="/uz/docs/about">🍰  About</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/uz/docs/about/mission">Mission</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/uz/docs/about/motivation">Motivation</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item sidebar-item--wip"><a class="menu__link" tabindex="0" href="/uz/docs/about/alternatives">Alternatives</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/uz/docs/about/understanding/architecture">Understanding</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret menu__link--active" role="button" aria-expanded="true" tabindex="0" href="/uz/docs/about/promote/integration">Rag&#x27;batlantirish</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/uz/docs/about/promote/integration">Integration aspects</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item sidebar-item--wip"><a class="menu__link" tabindex="0" href="/uz/docs/about/promote/partial-application">Partial Application</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item sidebar-item--wip"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/uz/docs/about/promote/for-team">Promote in team</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item sidebar-item--wip"><a class="menu__link" tabindex="0" href="/uz/docs/about/promote/for-company">Promote in company</a></li></ul></li></ul></li></ul></nav><button type="button" title="Yon panelni yig‘ish" aria-label="Yon panelni yig‘ish" class="button button--secondary button--outline collapseSidebarButton_L8vW"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_hYfn"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_uESP"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_w6lk"><div class="docItemContainer_b1tn"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_ioLt" aria-label="Breadcrumbs"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Home page" class="breadcrumbs__link" href="/uz/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_ZfEo"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/uz/docs/about"><span itemprop="name">🍰  About</span></a><meta itemprop="position" content="1"></li><li class="breadcrumbs__item"><span class="breadcrumbs__link">Rag&#x27;batlantirish</span><meta itemprop="position" content="2"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">Promote in team</span><meta itemprop="position" content="3"></li></ul></nav><div class="tocCollapsible_EkMH theme-doc-toc-mobile tocMobile_XRnS"><button type="button" class="clean-btn tocCollapsibleButton_ID8T">On this page</button></div><div class="theme-doc-markdown markdown"><header><h1>Promote in team</h1></header>
@@ -24,6 +24,6 @@ <h2 class="anchor anchorWithStickyNavbar_QzlE" id="see-also">See also<a href="#s
 <ul>
 <li><a href="https://t.me/feature_sliced/3360" target="_blank" rel="noopener noreferrer">(Thread) The simplicity of the old approaches and the importance of mindfulness</a></li>
 <li><a href="https://t.me/feature_sliced/1918" target="_blank" rel="noopener noreferrer">(Thread) About the convenience of searching by layers</a></li>
-</ul></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/about/promote/for-team.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Sahifani tahrirlash</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Oxirgi yangilangan<!-- --> <b><time datetime="2024-09-29T11:02:46.000Z" itemprop="dateModified">29-sen, 2024</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Hujjat sahifalarida navigatsiya"><a class="pagination-nav__link pagination-nav__link--prev" href="/uz/docs/about/promote/partial-application"><div class="pagination-nav__sublabel">Oldingi sahifa</div><div class="pagination-nav__label">Partial Application</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/uz/docs/about/promote/for-company"><div class="pagination-nav__sublabel">Keyingi sahifa</div><div class="pagination-nav__label">Promote in company</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#see-also" class="table-of-contents__link toc-highlight">See also</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Spetsifikatsiya</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/uz/docs">Hujjatlar</a></li><li class="footer__item"><a class="footer__link-item" href="/uz/community">Jamiyat</a></li><li class="footer__item"><a class="footer__link-item" href="/uz/nav">Yordam</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Munozaralar<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Jamiyat</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Yana</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">Litsenziya<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/uz/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/uz/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
+</ul></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/about/promote/for-team.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Sahifani tahrirlash</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Oxirgi yangilangan<!-- --> <b><time datetime="2024-10-07T18:23:06.000Z" itemprop="dateModified">7-okt, 2024</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Hujjat sahifalarida navigatsiya"><a class="pagination-nav__link pagination-nav__link--prev" href="/uz/docs/about/promote/partial-application"><div class="pagination-nav__sublabel">Oldingi sahifa</div><div class="pagination-nav__label">Partial Application</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/uz/docs/about/promote/for-company"><div class="pagination-nav__sublabel">Keyingi sahifa</div><div class="pagination-nav__label">Promote in company</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#see-also" class="table-of-contents__link toc-highlight">See also</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Spetsifikatsiya</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/uz/docs">Hujjatlar</a></li><li class="footer__item"><a class="footer__link-item" href="/uz/community">Jamiyat</a></li><li class="footer__item"><a class="footer__link-item" href="/uz/nav">Yordam</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Munozaralar<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Jamiyat</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Yana</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">Litsenziya<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/uz/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/uz/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
 </body>
 </html>
\ No newline at end of file
diff --git a/uz/docs/about/promote/integration.html b/uz/docs/about/promote/integration.html
index 2c6eeffc86..8e9e0ac8dd 100644
--- a/uz/docs/about/promote/integration.html
+++ b/uz/docs/about/promote/integration.html
@@ -9,8 +9,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/uz/opensearch.xml"><link rel="stylesheet" href="/uz/assets/css/styles.6a4ac441.css">
-<script src="/uz/assets/js/runtime~main.a1b42f8f.js" defer="defer"></script>
-<script src="/uz/assets/js/main.ef087bb6.js" defer="defer"></script>
+<script src="/uz/assets/js/runtime~main.d90f1c87.js" defer="defer"></script>
+<script src="/uz/assets/js/main.b67529a2.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Asosiy tarkibga o&#x27;tish"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">Asosiy tarkibga o&#x27;tish</a></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/uz/"><div class="navbar__logo"><img src="/uz/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/uz/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/uz/docs">📖 Hujjatlar</a><a class="navbar__item navbar__link" href="/uz/community">💫 Jamiyat</a><a class="navbar__item navbar__link" href="/uz/blog">📝 Blog</a><a class="navbar__item navbar__link" href="/uz/examples">🛠 Namunalar</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/uz/docs/about/promote/integration">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a aria-current="page" class="dropdown__link dropdown__link--active" href="/uz/docs/about/promote/integration">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/uz/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>O&#x27;zbekcha</a><ul class="dropdown__menu"><li><a href="/ru/docs/about/promote/integration" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ru">Русский</a></li><li><a href="/docs/about/promote/integration" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/uz/docs/about/promote/integration" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/docs/about/promote/integration" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="kr">한국어</a></li><li><a href="/ja/docs/about/promote/integration" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><div class="docsWrapper_rDLg"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_JQoL" type="button"></button><div class="docRoot_GkJk"><aside class="theme-doc-sidebar-container docSidebarContainer_xiHB"><div class="sidebarViewport_DaHB"><div class="sidebar_Kb82"><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_AkOp"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--active" href="/uz/docs/about">🍰  About</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/uz/docs/about/mission">Mission</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/uz/docs/about/motivation">Motivation</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item sidebar-item--wip"><a class="menu__link" tabindex="0" href="/uz/docs/about/alternatives">Alternatives</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/uz/docs/about/understanding/architecture">Understanding</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret menu__link--active" role="button" aria-expanded="true" tabindex="0" href="/uz/docs/about/promote/integration">Rag&#x27;batlantirish</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/uz/docs/about/promote/integration">Integration aspects</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item sidebar-item--wip"><a class="menu__link" tabindex="0" href="/uz/docs/about/promote/partial-application">Partial Application</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item sidebar-item--wip"><a class="menu__link" tabindex="0" href="/uz/docs/about/promote/for-team">Promote in team</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item sidebar-item--wip"><a class="menu__link" tabindex="0" href="/uz/docs/about/promote/for-company">Promote in company</a></li></ul></li></ul></li></ul></nav><button type="button" title="Yon panelni yig‘ish" aria-label="Yon panelni yig‘ish" class="button button--secondary button--outline collapseSidebarButton_L8vW"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_hYfn"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_uESP"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_w6lk"><div class="docItemContainer_b1tn"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_ioLt" aria-label="Breadcrumbs"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Home page" class="breadcrumbs__link" href="/uz/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_ZfEo"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/uz/docs/about"><span itemprop="name">🍰  About</span></a><meta itemprop="position" content="1"></li><li class="breadcrumbs__item"><span class="breadcrumbs__link">Rag&#x27;batlantirish</span><meta itemprop="position" content="2"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">Integration aspects</span><meta itemprop="position" content="3"></li></ul></nav><div class="tocCollapsible_EkMH theme-doc-toc-mobile tocMobile_XRnS"><button type="button" class="clean-btn tocCollapsibleButton_ID8T">On this page</button></div><div class="theme-doc-markdown markdown"><header><h1>Integration aspects</h1></header>
@@ -30,6 +30,6 @@ <h2 class="anchor anchorWithStickyNavbar_QzlE" id="also">Also<a href="#also" cla
 <li>High entry threshold</li>
 <li>&quot;Layers hell&quot;</li>
 <li>Typical problems of feature-based approaches</li>
-</ul></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/about/promote/integration.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Sahifani tahrirlash</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Oxirgi yangilangan<!-- --> <b><time datetime="2024-09-29T11:02:46.000Z" itemprop="dateModified">29-sen, 2024</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Hujjat sahifalarida navigatsiya"><a class="pagination-nav__link pagination-nav__link--prev" href="/uz/docs/about/understanding/abstractions"><div class="pagination-nav__sublabel">Oldingi sahifa</div><div class="pagination-nav__label">Abstractions</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/uz/docs/about/promote/partial-application"><div class="pagination-nav__sublabel">Keyingi sahifa</div><div class="pagination-nav__label">Partial Application</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#summary" class="table-of-contents__link toc-highlight">Summary</a></li><li><a href="#also" class="table-of-contents__link toc-highlight">Also</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Spetsifikatsiya</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/uz/docs">Hujjatlar</a></li><li class="footer__item"><a class="footer__link-item" href="/uz/community">Jamiyat</a></li><li class="footer__item"><a class="footer__link-item" href="/uz/nav">Yordam</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Munozaralar<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Jamiyat</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Yana</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">Litsenziya<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/uz/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/uz/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
+</ul></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/about/promote/integration.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Sahifani tahrirlash</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Oxirgi yangilangan<!-- --> <b><time datetime="2024-10-07T18:23:06.000Z" itemprop="dateModified">7-okt, 2024</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Hujjat sahifalarida navigatsiya"><a class="pagination-nav__link pagination-nav__link--prev" href="/uz/docs/about/understanding/abstractions"><div class="pagination-nav__sublabel">Oldingi sahifa</div><div class="pagination-nav__label">Abstractions</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/uz/docs/about/promote/partial-application"><div class="pagination-nav__sublabel">Keyingi sahifa</div><div class="pagination-nav__label">Partial Application</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#summary" class="table-of-contents__link toc-highlight">Summary</a></li><li><a href="#also" class="table-of-contents__link toc-highlight">Also</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Spetsifikatsiya</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/uz/docs">Hujjatlar</a></li><li class="footer__item"><a class="footer__link-item" href="/uz/community">Jamiyat</a></li><li class="footer__item"><a class="footer__link-item" href="/uz/nav">Yordam</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Munozaralar<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Jamiyat</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Yana</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">Litsenziya<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/uz/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/uz/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
 </body>
 </html>
\ No newline at end of file
diff --git a/uz/docs/about/promote/partial-application.html b/uz/docs/about/promote/partial-application.html
index 468d2a7974..72a0f51853 100644
--- a/uz/docs/about/promote/partial-application.html
+++ b/uz/docs/about/promote/partial-application.html
@@ -9,14 +9,14 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/uz/opensearch.xml"><link rel="stylesheet" href="/uz/assets/css/styles.6a4ac441.css">
-<script src="/uz/assets/js/runtime~main.a1b42f8f.js" defer="defer"></script>
-<script src="/uz/assets/js/main.ef087bb6.js" defer="defer"></script>
+<script src="/uz/assets/js/runtime~main.d90f1c87.js" defer="defer"></script>
+<script src="/uz/assets/js/main.b67529a2.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Asosiy tarkibga o&#x27;tish"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">Asosiy tarkibga o&#x27;tish</a></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/uz/"><div class="navbar__logo"><img src="/uz/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/uz/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/uz/docs">📖 Hujjatlar</a><a class="navbar__item navbar__link" href="/uz/community">💫 Jamiyat</a><a class="navbar__item navbar__link" href="/uz/blog">📝 Blog</a><a class="navbar__item navbar__link" href="/uz/examples">🛠 Namunalar</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/uz/docs/about/promote/partial-application">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a aria-current="page" class="dropdown__link dropdown__link--active" href="/uz/docs/about/promote/partial-application">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/uz/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>O&#x27;zbekcha</a><ul class="dropdown__menu"><li><a href="/ru/docs/about/promote/partial-application" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ru">Русский</a></li><li><a href="/docs/about/promote/partial-application" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/uz/docs/about/promote/partial-application" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/docs/about/promote/partial-application" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="kr">한국어</a></li><li><a href="/ja/docs/about/promote/partial-application" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><div class="docsWrapper_rDLg"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_JQoL" type="button"></button><div class="docRoot_GkJk"><aside class="theme-doc-sidebar-container docSidebarContainer_xiHB"><div class="sidebarViewport_DaHB"><div class="sidebar_Kb82"><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_AkOp"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--active" href="/uz/docs/about">🍰  About</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/uz/docs/about/mission">Mission</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/uz/docs/about/motivation">Motivation</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item sidebar-item--wip"><a class="menu__link" tabindex="0" href="/uz/docs/about/alternatives">Alternatives</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/uz/docs/about/understanding/architecture">Understanding</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret menu__link--active" role="button" aria-expanded="true" tabindex="0" href="/uz/docs/about/promote/integration">Rag&#x27;batlantirish</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/uz/docs/about/promote/integration">Integration aspects</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item sidebar-item--wip"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/uz/docs/about/promote/partial-application">Partial Application</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item sidebar-item--wip"><a class="menu__link" tabindex="0" href="/uz/docs/about/promote/for-team">Promote in team</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item sidebar-item--wip"><a class="menu__link" tabindex="0" href="/uz/docs/about/promote/for-company">Promote in company</a></li></ul></li></ul></li></ul></nav><button type="button" title="Yon panelni yig‘ish" aria-label="Yon panelni yig‘ish" class="button button--secondary button--outline collapseSidebarButton_L8vW"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_hYfn"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_uESP"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_w6lk"><div class="docItemContainer_b1tn"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_ioLt" aria-label="Breadcrumbs"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Home page" class="breadcrumbs__link" href="/uz/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_ZfEo"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/uz/docs/about"><span itemprop="name">🍰  About</span></a><meta itemprop="position" content="1"></li><li class="breadcrumbs__item"><span class="breadcrumbs__link">Rag&#x27;batlantirish</span><meta itemprop="position" content="2"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">Partial Application</span><meta itemprop="position" content="3"></li></ul></nav><div class="theme-doc-markdown markdown"><header><h1>Partial Application</h1></header>
 <div class="theme-admonition theme-admonition-caution admonition_yLUd alert alert--warning"><div class="admonitionHeading_ulUq"><span class="admonitionIcon_Wbvt"><svg viewBox="0 0 16 16"><path fill-rule="evenodd" d="M8.893 1.5c-.183-.31-.52-.5-.887-.5s-.703.19-.886.5L.138 13.499a.98.98 0 0 0 0 1.001c.193.31.53.501.886.501h13.964c.367 0 .704-.19.877-.5a1.03 1.03 0 0 0 .01-1.002L8.893 1.5zm.133 11.497H6.987v-2.003h2.039v2.003zm0-3.004H6.987V5.987h2.039v4.006z"></path></svg></span>WIP</div><div class="admonitionContent_mbd8"><div><p>Maqola yozilish jarayonida</p><p>Uning yaratilishini tezlashtirish uchun siz:</p><ul><li>📢 Fikr-mulohaza ulashing <a href="https://github.com/feature-sliced/documentation/issues/199" target="_blank" rel="noopener noreferrer">chiptada (sharhlar/reaksiya emoji)</a></li><li>💬 Mavzu boyicha to&#x27;plamlarni chiptaga yig&#x27;ish <a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer">suhbatdan olingan material</a></li><li>⚒️ Hissa qo‘shish <a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer">har qanday boshqa yo&#x27;l bilan</a></li></ul><br><p><i>🍰 Stay tuned!</i></p></div></div></div>
 <blockquote>
 <p>How to partially apply the methodology? Does it make sense? What if I ignore it?</p>
-</blockquote></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/about/promote/partial-application.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Sahifani tahrirlash</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Oxirgi yangilangan<!-- --> <b><time datetime="2024-09-29T11:02:46.000Z" itemprop="dateModified">29-sen, 2024</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Hujjat sahifalarida navigatsiya"><a class="pagination-nav__link pagination-nav__link--prev" href="/uz/docs/about/promote/integration"><div class="pagination-nav__sublabel">Oldingi sahifa</div><div class="pagination-nav__label">Integration aspects</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/uz/docs/about/promote/for-team"><div class="pagination-nav__sublabel">Keyingi sahifa</div><div class="pagination-nav__label">Promote in team</div></a></nav></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Spetsifikatsiya</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/uz/docs">Hujjatlar</a></li><li class="footer__item"><a class="footer__link-item" href="/uz/community">Jamiyat</a></li><li class="footer__item"><a class="footer__link-item" href="/uz/nav">Yordam</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Munozaralar<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Jamiyat</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Yana</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">Litsenziya<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/uz/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/uz/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
+</blockquote></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/about/promote/partial-application.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Sahifani tahrirlash</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Oxirgi yangilangan<!-- --> <b><time datetime="2024-10-07T18:23:06.000Z" itemprop="dateModified">7-okt, 2024</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Hujjat sahifalarida navigatsiya"><a class="pagination-nav__link pagination-nav__link--prev" href="/uz/docs/about/promote/integration"><div class="pagination-nav__sublabel">Oldingi sahifa</div><div class="pagination-nav__label">Integration aspects</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/uz/docs/about/promote/for-team"><div class="pagination-nav__sublabel">Keyingi sahifa</div><div class="pagination-nav__label">Promote in team</div></a></nav></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Spetsifikatsiya</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/uz/docs">Hujjatlar</a></li><li class="footer__item"><a class="footer__link-item" href="/uz/community">Jamiyat</a></li><li class="footer__item"><a class="footer__link-item" href="/uz/nav">Yordam</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Munozaralar<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Jamiyat</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Yana</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">Litsenziya<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/uz/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/uz/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
 </body>
 </html>
\ No newline at end of file
diff --git a/uz/docs/about/understanding/abstractions.html b/uz/docs/about/understanding/abstractions.html
index b77bbb1f2d..7eba7a6bc3 100644
--- a/uz/docs/about/understanding/abstractions.html
+++ b/uz/docs/about/understanding/abstractions.html
@@ -9,8 +9,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/uz/opensearch.xml"><link rel="stylesheet" href="/uz/assets/css/styles.6a4ac441.css">
-<script src="/uz/assets/js/runtime~main.a1b42f8f.js" defer="defer"></script>
-<script src="/uz/assets/js/main.ef087bb6.js" defer="defer"></script>
+<script src="/uz/assets/js/runtime~main.d90f1c87.js" defer="defer"></script>
+<script src="/uz/assets/js/main.b67529a2.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Asosiy tarkibga o&#x27;tish"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">Asosiy tarkibga o&#x27;tish</a></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/uz/"><div class="navbar__logo"><img src="/uz/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/uz/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/uz/docs">📖 Hujjatlar</a><a class="navbar__item navbar__link" href="/uz/community">💫 Jamiyat</a><a class="navbar__item navbar__link" href="/uz/blog">📝 Blog</a><a class="navbar__item navbar__link" href="/uz/examples">🛠 Namunalar</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/uz/docs/about/understanding/abstractions">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a aria-current="page" class="dropdown__link dropdown__link--active" href="/uz/docs/about/understanding/abstractions">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/uz/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>O&#x27;zbekcha</a><ul class="dropdown__menu"><li><a href="/ru/docs/about/understanding/abstractions" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ru">Русский</a></li><li><a href="/docs/about/understanding/abstractions" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/uz/docs/about/understanding/abstractions" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/docs/about/understanding/abstractions" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="kr">한국어</a></li><li><a href="/ja/docs/about/understanding/abstractions" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><div class="docsWrapper_rDLg"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_JQoL" type="button"></button><div class="docRoot_GkJk"><aside class="theme-doc-sidebar-container docSidebarContainer_xiHB"><div class="sidebarViewport_DaHB"><div class="sidebar_Kb82"><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_AkOp"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--active" href="/uz/docs/about">🍰  About</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/uz/docs/about/mission">Mission</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/uz/docs/about/motivation">Motivation</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item sidebar-item--wip"><a class="menu__link" tabindex="0" href="/uz/docs/about/alternatives">Alternatives</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret menu__link--active" role="button" aria-expanded="true" tabindex="0" href="/uz/docs/about/understanding/architecture">Understanding</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/uz/docs/about/understanding/architecture">About architecture</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/uz/docs/about/understanding/needs-driven">Needs driven</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/uz/docs/about/understanding/knowledge-types">Knowledge types</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/uz/docs/about/understanding/naming">Naming</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item sidebar-item--wip"><a class="menu__link" tabindex="0" href="/uz/docs/about/understanding/signals">Signals of architecture</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item sidebar-item--wip"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/uz/docs/about/understanding/abstractions">Abstractions</a></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/uz/docs/about/promote/integration">Rag&#x27;batlantirish</a></div></li></ul></li></ul></nav><button type="button" title="Yon panelni yig‘ish" aria-label="Yon panelni yig‘ish" class="button button--secondary button--outline collapseSidebarButton_L8vW"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_hYfn"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_uESP"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_w6lk"><div class="docItemContainer_b1tn"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_ioLt" aria-label="Breadcrumbs"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Home page" class="breadcrumbs__link" href="/uz/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_ZfEo"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/uz/docs/about"><span itemprop="name">🍰  About</span></a><meta itemprop="position" content="1"></li><li class="breadcrumbs__item"><span class="breadcrumbs__link">Understanding</span><meta itemprop="position" content="2"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">Abstractions</span><meta itemprop="position" content="3"></li></ul></nav><div class="tocCollapsible_EkMH theme-doc-toc-mobile tocMobile_XRnS"><button type="button" class="clean-btn tocCollapsibleButton_ID8T">On this page</button></div><div class="theme-doc-markdown markdown"><header><h1>Abstractions</h1></header>
@@ -31,6 +31,6 @@ <h2 class="anchor anchorWithStickyNavbar_QzlE" id="see-also">See also<a href="#s
 <ul>
 <li><a href="https://t.me/feature_sliced/2801" target="_blank" rel="noopener noreferrer">About the need for new layers</a></li>
 <li><a href="https://t.me/feature_sliced/2619" target="_blank" rel="noopener noreferrer">About the difficulty in understanding the methodology and layers</a></li>
-</ul></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/about/understanding/abstractions.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Sahifani tahrirlash</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Oxirgi yangilangan<!-- --> <b><time datetime="2024-09-29T11:02:46.000Z" itemprop="dateModified">29-sen, 2024</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Hujjat sahifalarida navigatsiya"><a class="pagination-nav__link pagination-nav__link--prev" href="/uz/docs/about/understanding/signals"><div class="pagination-nav__sublabel">Oldingi sahifa</div><div class="pagination-nav__label">Signals of architecture</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/uz/docs/about/promote/integration"><div class="pagination-nav__sublabel">Keyingi sahifa</div><div class="pagination-nav__label">Integration aspects</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#the-law-of-leaky-abstractions" class="table-of-contents__link toc-highlight">The law of leaky abstractions</a></li><li><a href="#why-are-there-so-many-abstractions" class="table-of-contents__link toc-highlight">Why are there so many abstractions</a></li><li><a href="#about-scopes-of-responsibility" class="table-of-contents__link toc-highlight">About scopes of responsibility</a></li><li><a href="#see-also" class="table-of-contents__link toc-highlight">See also</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Spetsifikatsiya</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/uz/docs">Hujjatlar</a></li><li class="footer__item"><a class="footer__link-item" href="/uz/community">Jamiyat</a></li><li class="footer__item"><a class="footer__link-item" href="/uz/nav">Yordam</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Munozaralar<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Jamiyat</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Yana</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">Litsenziya<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/uz/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/uz/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
+</ul></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/about/understanding/abstractions.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Sahifani tahrirlash</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Oxirgi yangilangan<!-- --> <b><time datetime="2024-10-07T18:23:06.000Z" itemprop="dateModified">7-okt, 2024</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Hujjat sahifalarida navigatsiya"><a class="pagination-nav__link pagination-nav__link--prev" href="/uz/docs/about/understanding/signals"><div class="pagination-nav__sublabel">Oldingi sahifa</div><div class="pagination-nav__label">Signals of architecture</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/uz/docs/about/promote/integration"><div class="pagination-nav__sublabel">Keyingi sahifa</div><div class="pagination-nav__label">Integration aspects</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#the-law-of-leaky-abstractions" class="table-of-contents__link toc-highlight">The law of leaky abstractions</a></li><li><a href="#why-are-there-so-many-abstractions" class="table-of-contents__link toc-highlight">Why are there so many abstractions</a></li><li><a href="#about-scopes-of-responsibility" class="table-of-contents__link toc-highlight">About scopes of responsibility</a></li><li><a href="#see-also" class="table-of-contents__link toc-highlight">See also</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Spetsifikatsiya</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/uz/docs">Hujjatlar</a></li><li class="footer__item"><a class="footer__link-item" href="/uz/community">Jamiyat</a></li><li class="footer__item"><a class="footer__link-item" href="/uz/nav">Yordam</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Munozaralar<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Jamiyat</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Yana</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">Litsenziya<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/uz/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/uz/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
 </body>
 </html>
\ No newline at end of file
diff --git a/uz/docs/about/understanding/architecture.html b/uz/docs/about/understanding/architecture.html
index 0407083005..771de1a4b0 100644
--- a/uz/docs/about/understanding/architecture.html
+++ b/uz/docs/about/understanding/architecture.html
@@ -9,8 +9,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/uz/opensearch.xml"><link rel="stylesheet" href="/uz/assets/css/styles.6a4ac441.css">
-<script src="/uz/assets/js/runtime~main.a1b42f8f.js" defer="defer"></script>
-<script src="/uz/assets/js/main.ef087bb6.js" defer="defer"></script>
+<script src="/uz/assets/js/runtime~main.d90f1c87.js" defer="defer"></script>
+<script src="/uz/assets/js/main.b67529a2.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Asosiy tarkibga o&#x27;tish"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">Asosiy tarkibga o&#x27;tish</a></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/uz/"><div class="navbar__logo"><img src="/uz/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/uz/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/uz/docs">📖 Hujjatlar</a><a class="navbar__item navbar__link" href="/uz/community">💫 Jamiyat</a><a class="navbar__item navbar__link" href="/uz/blog">📝 Blog</a><a class="navbar__item navbar__link" href="/uz/examples">🛠 Namunalar</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/uz/docs/about/understanding/architecture">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a aria-current="page" class="dropdown__link dropdown__link--active" href="/uz/docs/about/understanding/architecture">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/uz/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>O&#x27;zbekcha</a><ul class="dropdown__menu"><li><a href="/ru/docs/about/understanding/architecture" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ru">Русский</a></li><li><a href="/docs/about/understanding/architecture" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/uz/docs/about/understanding/architecture" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/docs/about/understanding/architecture" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="kr">한국어</a></li><li><a href="/ja/docs/about/understanding/architecture" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><div class="docsWrapper_rDLg"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_JQoL" type="button"></button><div class="docRoot_GkJk"><aside class="theme-doc-sidebar-container docSidebarContainer_xiHB"><div class="sidebarViewport_DaHB"><div class="sidebar_Kb82"><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_AkOp"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--active" href="/uz/docs/about">🍰  About</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/uz/docs/about/mission">Mission</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/uz/docs/about/motivation">Motivation</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item sidebar-item--wip"><a class="menu__link" tabindex="0" href="/uz/docs/about/alternatives">Alternatives</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret menu__link--active" role="button" aria-expanded="true" tabindex="0" href="/uz/docs/about/understanding/architecture">Understanding</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/uz/docs/about/understanding/architecture">About architecture</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/uz/docs/about/understanding/needs-driven">Needs driven</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/uz/docs/about/understanding/knowledge-types">Knowledge types</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/uz/docs/about/understanding/naming">Naming</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item sidebar-item--wip"><a class="menu__link" tabindex="0" href="/uz/docs/about/understanding/signals">Signals of architecture</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item sidebar-item--wip"><a class="menu__link" tabindex="0" href="/uz/docs/about/understanding/abstractions">Abstractions</a></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/uz/docs/about/promote/integration">Rag&#x27;batlantirish</a></div></li></ul></li></ul></nav><button type="button" title="Yon panelni yig‘ish" aria-label="Yon panelni yig‘ish" class="button button--secondary button--outline collapseSidebarButton_L8vW"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_hYfn"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_uESP"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_w6lk"><div class="docItemContainer_b1tn"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_ioLt" aria-label="Breadcrumbs"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Home page" class="breadcrumbs__link" href="/uz/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_ZfEo"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/uz/docs/about"><span itemprop="name">🍰  About</span></a><meta itemprop="position" content="1"></li><li class="breadcrumbs__item"><span class="breadcrumbs__link">Understanding</span><meta itemprop="position" content="2"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">About architecture</span><meta itemprop="position" content="3"></li></ul></nav><div class="tocCollapsible_EkMH theme-doc-toc-mobile tocMobile_XRnS"><button type="button" class="clean-btn tocCollapsibleButton_ID8T">On this page</button></div><div class="theme-doc-markdown markdown"><header><h1>About architecture</h1></header>
@@ -88,6 +88,6 @@ <h2 class="anchor anchorWithStickyNavbar_QzlE" id="see-also">See also<a href="#s
 <li><a href="https://t.me/feature_slices" target="_blank" rel="noopener noreferrer">(React SPB Meetup #1) Sergey Sova - Feature Slices</a></li>
 <li><a href="https://alexmngn.medium.com/why-react-developers-should-modularize-their-applications-d26d381854c1" target="_blank" rel="noopener noreferrer">(Article) About project modularization</a></li>
 <li><a href="https://ryanlanciaux.com/blog/2017/08/20/a-feature-based-approach-to-react-development/" target="_blank" rel="noopener noreferrer">(Article) About Separation of Concerns and structuring by features</a></li>
-</ul></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/about/understanding/architecture.md" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Sahifani tahrirlash</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Oxirgi yangilangan<!-- --> <b><time datetime="2024-09-29T11:02:46.000Z" itemprop="dateModified">29-sen, 2024</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Hujjat sahifalarida navigatsiya"><a class="pagination-nav__link pagination-nav__link--prev" href="/uz/docs/about/alternatives"><div class="pagination-nav__sublabel">Oldingi sahifa</div><div class="pagination-nav__label">Alternatives</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/uz/docs/about/understanding/needs-driven"><div class="pagination-nav__sublabel">Keyingi sahifa</div><div class="pagination-nav__label">Needs driven</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#problems" class="table-of-contents__link toc-highlight">Problems</a><ul><li><a href="#bus-factor--onboarding" class="table-of-contents__link toc-highlight">Bus-factor &amp; Onboarding</a></li><li><a href="#implicit-and-uncontrolled-consequences" class="table-of-contents__link toc-highlight">Implicit and uncontrolled consequences</a></li><li><a href="#uncontrolled-reuse-of-logic" class="table-of-contents__link toc-highlight">Uncontrolled reuse of logic</a></li></ul></li><li><a href="#requirements" class="table-of-contents__link toc-highlight">Requirements</a><ul><li><a href="#explicitness" class="table-of-contents__link toc-highlight">Explicitness</a></li><li><a href="#control" class="table-of-contents__link toc-highlight">Control</a></li><li><a href="#adaptability" class="table-of-contents__link toc-highlight">Adaptability</a></li></ul></li><li><a href="#see-also" class="table-of-contents__link toc-highlight">See also</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Spetsifikatsiya</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/uz/docs">Hujjatlar</a></li><li class="footer__item"><a class="footer__link-item" href="/uz/community">Jamiyat</a></li><li class="footer__item"><a class="footer__link-item" href="/uz/nav">Yordam</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Munozaralar<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Jamiyat</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Yana</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">Litsenziya<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/uz/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/uz/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
+</ul></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/about/understanding/architecture.md" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Sahifani tahrirlash</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Oxirgi yangilangan<!-- --> <b><time datetime="2024-10-07T18:23:06.000Z" itemprop="dateModified">7-okt, 2024</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Hujjat sahifalarida navigatsiya"><a class="pagination-nav__link pagination-nav__link--prev" href="/uz/docs/about/alternatives"><div class="pagination-nav__sublabel">Oldingi sahifa</div><div class="pagination-nav__label">Alternatives</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/uz/docs/about/understanding/needs-driven"><div class="pagination-nav__sublabel">Keyingi sahifa</div><div class="pagination-nav__label">Needs driven</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#problems" class="table-of-contents__link toc-highlight">Problems</a><ul><li><a href="#bus-factor--onboarding" class="table-of-contents__link toc-highlight">Bus-factor &amp; Onboarding</a></li><li><a href="#implicit-and-uncontrolled-consequences" class="table-of-contents__link toc-highlight">Implicit and uncontrolled consequences</a></li><li><a href="#uncontrolled-reuse-of-logic" class="table-of-contents__link toc-highlight">Uncontrolled reuse of logic</a></li></ul></li><li><a href="#requirements" class="table-of-contents__link toc-highlight">Requirements</a><ul><li><a href="#explicitness" class="table-of-contents__link toc-highlight">Explicitness</a></li><li><a href="#control" class="table-of-contents__link toc-highlight">Control</a></li><li><a href="#adaptability" class="table-of-contents__link toc-highlight">Adaptability</a></li></ul></li><li><a href="#see-also" class="table-of-contents__link toc-highlight">See also</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Spetsifikatsiya</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/uz/docs">Hujjatlar</a></li><li class="footer__item"><a class="footer__link-item" href="/uz/community">Jamiyat</a></li><li class="footer__item"><a class="footer__link-item" href="/uz/nav">Yordam</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Munozaralar<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Jamiyat</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Yana</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">Litsenziya<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/uz/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/uz/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
 </body>
 </html>
\ No newline at end of file
diff --git a/uz/docs/about/understanding/knowledge-types.html b/uz/docs/about/understanding/knowledge-types.html
index 5a3bf1ba4d..4386403e3a 100644
--- a/uz/docs/about/understanding/knowledge-types.html
+++ b/uz/docs/about/understanding/knowledge-types.html
@@ -9,8 +9,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/uz/opensearch.xml"><link rel="stylesheet" href="/uz/assets/css/styles.6a4ac441.css">
-<script src="/uz/assets/js/runtime~main.a1b42f8f.js" defer="defer"></script>
-<script src="/uz/assets/js/main.ef087bb6.js" defer="defer"></script>
+<script src="/uz/assets/js/runtime~main.d90f1c87.js" defer="defer"></script>
+<script src="/uz/assets/js/main.b67529a2.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Asosiy tarkibga o&#x27;tish"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">Asosiy tarkibga o&#x27;tish</a></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/uz/"><div class="navbar__logo"><img src="/uz/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/uz/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/uz/docs">📖 Hujjatlar</a><a class="navbar__item navbar__link" href="/uz/community">💫 Jamiyat</a><a class="navbar__item navbar__link" href="/uz/blog">📝 Blog</a><a class="navbar__item navbar__link" href="/uz/examples">🛠 Namunalar</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/uz/docs/about/understanding/knowledge-types">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a aria-current="page" class="dropdown__link dropdown__link--active" href="/uz/docs/about/understanding/knowledge-types">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/uz/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>O&#x27;zbekcha</a><ul class="dropdown__menu"><li><a href="/ru/docs/about/understanding/knowledge-types" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ru">Русский</a></li><li><a href="/docs/about/understanding/knowledge-types" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/uz/docs/about/understanding/knowledge-types" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/docs/about/understanding/knowledge-types" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="kr">한국어</a></li><li><a href="/ja/docs/about/understanding/knowledge-types" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><div class="docsWrapper_rDLg"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_JQoL" type="button"></button><div class="docRoot_GkJk"><aside class="theme-doc-sidebar-container docSidebarContainer_xiHB"><div class="sidebarViewport_DaHB"><div class="sidebar_Kb82"><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_AkOp"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--active" href="/uz/docs/about">🍰  About</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/uz/docs/about/mission">Mission</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/uz/docs/about/motivation">Motivation</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item sidebar-item--wip"><a class="menu__link" tabindex="0" href="/uz/docs/about/alternatives">Alternatives</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret menu__link--active" role="button" aria-expanded="true" tabindex="0" href="/uz/docs/about/understanding/architecture">Understanding</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/uz/docs/about/understanding/architecture">About architecture</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/uz/docs/about/understanding/needs-driven">Needs driven</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/uz/docs/about/understanding/knowledge-types">Knowledge types</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/uz/docs/about/understanding/naming">Naming</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item sidebar-item--wip"><a class="menu__link" tabindex="0" href="/uz/docs/about/understanding/signals">Signals of architecture</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item sidebar-item--wip"><a class="menu__link" tabindex="0" href="/uz/docs/about/understanding/abstractions">Abstractions</a></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/uz/docs/about/promote/integration">Rag&#x27;batlantirish</a></div></li></ul></li></ul></nav><button type="button" title="Yon panelni yig‘ish" aria-label="Yon panelni yig‘ish" class="button button--secondary button--outline collapseSidebarButton_L8vW"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_hYfn"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_uESP"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_w6lk"><div class="docItemContainer_b1tn"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_ioLt" aria-label="Breadcrumbs"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Home page" class="breadcrumbs__link" href="/uz/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_ZfEo"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/uz/docs/about"><span itemprop="name">🍰  About</span></a><meta itemprop="position" content="1"></li><li class="breadcrumbs__item"><span class="breadcrumbs__link">Understanding</span><meta itemprop="position" content="2"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">Knowledge types</span><meta itemprop="position" content="3"></li></ul></nav><div class="tocCollapsible_EkMH theme-doc-toc-mobile tocMobile_XRnS"><button type="button" class="clean-btn tocCollapsibleButton_ID8T">On this page</button></div><div class="theme-doc-markdown markdown"><header><h1>Knowledge types in the project</h1></header>
@@ -33,6 +33,6 @@
 <h2 class="anchor anchorWithStickyNavbar_QzlE" id="see-also">See also<a href="#see-also" class="hash-link" aria-label="Sarlavhaga to&#x27;g&#x27;ridan-to&#x27;g&#x27;ri havola" title="Sarlavhaga to&#x27;g&#x27;ridan-to&#x27;g&#x27;ri havola">​</a></h2>
 <ul>
 <li><a href="https://youtu.be/4xyb_tA-uw0?t=249" target="_blank" rel="noopener noreferrer">(Video 🇷🇺) Ilya Klimov - On Types of Knowledge</a></li>
-</ul></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/about/understanding/knowledge-types.md" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Sahifani tahrirlash</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Oxirgi yangilangan<!-- --> <b><time datetime="2024-09-29T11:02:46.000Z" itemprop="dateModified">29-sen, 2024</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Hujjat sahifalarida navigatsiya"><a class="pagination-nav__link pagination-nav__link--prev" href="/uz/docs/about/understanding/needs-driven"><div class="pagination-nav__sublabel">Oldingi sahifa</div><div class="pagination-nav__label">Needs driven</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/uz/docs/about/understanding/naming"><div class="pagination-nav__sublabel">Keyingi sahifa</div><div class="pagination-nav__label">Naming</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#see-also" class="table-of-contents__link toc-highlight">See also</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Spetsifikatsiya</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/uz/docs">Hujjatlar</a></li><li class="footer__item"><a class="footer__link-item" href="/uz/community">Jamiyat</a></li><li class="footer__item"><a class="footer__link-item" href="/uz/nav">Yordam</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Munozaralar<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Jamiyat</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Yana</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">Litsenziya<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/uz/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/uz/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
+</ul></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/about/understanding/knowledge-types.md" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Sahifani tahrirlash</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Oxirgi yangilangan<!-- --> <b><time datetime="2024-10-07T18:23:06.000Z" itemprop="dateModified">7-okt, 2024</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Hujjat sahifalarida navigatsiya"><a class="pagination-nav__link pagination-nav__link--prev" href="/uz/docs/about/understanding/needs-driven"><div class="pagination-nav__sublabel">Oldingi sahifa</div><div class="pagination-nav__label">Needs driven</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/uz/docs/about/understanding/naming"><div class="pagination-nav__sublabel">Keyingi sahifa</div><div class="pagination-nav__label">Naming</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#see-also" class="table-of-contents__link toc-highlight">See also</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Spetsifikatsiya</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/uz/docs">Hujjatlar</a></li><li class="footer__item"><a class="footer__link-item" href="/uz/community">Jamiyat</a></li><li class="footer__item"><a class="footer__link-item" href="/uz/nav">Yordam</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Munozaralar<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Jamiyat</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Yana</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">Litsenziya<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/uz/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/uz/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
 </body>
 </html>
\ No newline at end of file
diff --git a/uz/docs/about/understanding/naming.html b/uz/docs/about/understanding/naming.html
index f52fdaf4ba..1464059831 100644
--- a/uz/docs/about/understanding/naming.html
+++ b/uz/docs/about/understanding/naming.html
@@ -9,8 +9,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/uz/opensearch.xml"><link rel="stylesheet" href="/uz/assets/css/styles.6a4ac441.css">
-<script src="/uz/assets/js/runtime~main.a1b42f8f.js" defer="defer"></script>
-<script src="/uz/assets/js/main.ef087bb6.js" defer="defer"></script>
+<script src="/uz/assets/js/runtime~main.d90f1c87.js" defer="defer"></script>
+<script src="/uz/assets/js/main.b67529a2.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Asosiy tarkibga o&#x27;tish"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">Asosiy tarkibga o&#x27;tish</a></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/uz/"><div class="navbar__logo"><img src="/uz/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/uz/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/uz/docs">📖 Hujjatlar</a><a class="navbar__item navbar__link" href="/uz/community">💫 Jamiyat</a><a class="navbar__item navbar__link" href="/uz/blog">📝 Blog</a><a class="navbar__item navbar__link" href="/uz/examples">🛠 Namunalar</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/uz/docs/about/understanding/naming">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a aria-current="page" class="dropdown__link dropdown__link--active" href="/uz/docs/about/understanding/naming">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/uz/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>O&#x27;zbekcha</a><ul class="dropdown__menu"><li><a href="/ru/docs/about/understanding/naming" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ru">Русский</a></li><li><a href="/docs/about/understanding/naming" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/uz/docs/about/understanding/naming" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/docs/about/understanding/naming" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="kr">한국어</a></li><li><a href="/ja/docs/about/understanding/naming" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><div class="docsWrapper_rDLg"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_JQoL" type="button"></button><div class="docRoot_GkJk"><aside class="theme-doc-sidebar-container docSidebarContainer_xiHB"><div class="sidebarViewport_DaHB"><div class="sidebar_Kb82"><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_AkOp"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--active" href="/uz/docs/about">🍰  About</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/uz/docs/about/mission">Mission</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/uz/docs/about/motivation">Motivation</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item sidebar-item--wip"><a class="menu__link" tabindex="0" href="/uz/docs/about/alternatives">Alternatives</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret menu__link--active" role="button" aria-expanded="true" tabindex="0" href="/uz/docs/about/understanding/architecture">Understanding</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/uz/docs/about/understanding/architecture">About architecture</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/uz/docs/about/understanding/needs-driven">Needs driven</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/uz/docs/about/understanding/knowledge-types">Knowledge types</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/uz/docs/about/understanding/naming">Naming</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item sidebar-item--wip"><a class="menu__link" tabindex="0" href="/uz/docs/about/understanding/signals">Signals of architecture</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item sidebar-item--wip"><a class="menu__link" tabindex="0" href="/uz/docs/about/understanding/abstractions">Abstractions</a></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/uz/docs/about/promote/integration">Rag&#x27;batlantirish</a></div></li></ul></li></ul></nav><button type="button" title="Yon panelni yig‘ish" aria-label="Yon panelni yig‘ish" class="button button--secondary button--outline collapseSidebarButton_L8vW"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_hYfn"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_uESP"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_w6lk"><div class="docItemContainer_b1tn"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_ioLt" aria-label="Breadcrumbs"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Home page" class="breadcrumbs__link" href="/uz/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_ZfEo"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/uz/docs/about"><span itemprop="name">🍰  About</span></a><meta itemprop="position" content="1"></li><li class="breadcrumbs__item"><span class="breadcrumbs__link">Understanding</span><meta itemprop="position" content="2"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">Naming</span><meta itemprop="position" content="3"></li></ul></nav><div class="tocCollapsible_EkMH theme-doc-toc-mobile tocMobile_XRnS"><button type="button" class="clean-btn tocCollapsibleButton_ID8T">On this page</button></div><div class="theme-doc-markdown markdown"><header><h1>Naming</h1></header>
@@ -44,6 +44,6 @@ <h2 class="anchor anchorWithStickyNavbar_QzlE" id="see-also">See also<a href="#s
 <li><a href="https://github.com/feature-sliced/documentation/discussions/31#discussioncomment-464894" target="_blank" rel="noopener noreferrer">(Discussion) Entity Naming Survey</a></li>
 <li><a href="https://github.com/feature-sliced/documentation/discussions/20" target="_blank" rel="noopener noreferrer">(Discussion) &quot;processes&quot; vs &quot;flows&quot; vs ...</a></li>
 <li><a href="https://github.com/feature-sliced/documentation/discussions/68" target="_blank" rel="noopener noreferrer">(Discussion) &quot;model&quot; vs &quot;store&quot; vs ...</a></li>
-</ul></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/about/understanding/naming.md" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Sahifani tahrirlash</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Oxirgi yangilangan<!-- --> <b><time datetime="2024-09-29T11:02:46.000Z" itemprop="dateModified">29-sen, 2024</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Hujjat sahifalarida navigatsiya"><a class="pagination-nav__link pagination-nav__link--prev" href="/uz/docs/about/understanding/knowledge-types"><div class="pagination-nav__sublabel">Oldingi sahifa</div><div class="pagination-nav__label">Knowledge types</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/uz/docs/about/understanding/signals"><div class="pagination-nav__sublabel">Keyingi sahifa</div><div class="pagination-nav__label">Signals of architecture</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#naming-in-fsd" class="table-of-contents__link toc-highlight">Naming in Feature-Sliced Design</a></li><li><a href="#when-can-naming-interfere" class="table-of-contents__link toc-highlight">Naming Conflicts</a></li><li><a href="#see-also" class="table-of-contents__link toc-highlight">See also</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Spetsifikatsiya</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/uz/docs">Hujjatlar</a></li><li class="footer__item"><a class="footer__link-item" href="/uz/community">Jamiyat</a></li><li class="footer__item"><a class="footer__link-item" href="/uz/nav">Yordam</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Munozaralar<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Jamiyat</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Yana</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">Litsenziya<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/uz/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/uz/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
+</ul></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/about/understanding/naming.md" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Sahifani tahrirlash</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Oxirgi yangilangan<!-- --> <b><time datetime="2024-10-07T18:23:06.000Z" itemprop="dateModified">7-okt, 2024</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Hujjat sahifalarida navigatsiya"><a class="pagination-nav__link pagination-nav__link--prev" href="/uz/docs/about/understanding/knowledge-types"><div class="pagination-nav__sublabel">Oldingi sahifa</div><div class="pagination-nav__label">Knowledge types</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/uz/docs/about/understanding/signals"><div class="pagination-nav__sublabel">Keyingi sahifa</div><div class="pagination-nav__label">Signals of architecture</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#naming-in-fsd" class="table-of-contents__link toc-highlight">Naming in Feature-Sliced Design</a></li><li><a href="#when-can-naming-interfere" class="table-of-contents__link toc-highlight">Naming Conflicts</a></li><li><a href="#see-also" class="table-of-contents__link toc-highlight">See also</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Spetsifikatsiya</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/uz/docs">Hujjatlar</a></li><li class="footer__item"><a class="footer__link-item" href="/uz/community">Jamiyat</a></li><li class="footer__item"><a class="footer__link-item" href="/uz/nav">Yordam</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Munozaralar<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Jamiyat</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Yana</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">Litsenziya<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/uz/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/uz/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
 </body>
 </html>
\ No newline at end of file
diff --git a/uz/docs/about/understanding/needs-driven.html b/uz/docs/about/understanding/needs-driven.html
index 9f66cb9ae5..97645bdb94 100644
--- a/uz/docs/about/understanding/needs-driven.html
+++ b/uz/docs/about/understanding/needs-driven.html
@@ -9,8 +9,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/uz/opensearch.xml"><link rel="stylesheet" href="/uz/assets/css/styles.6a4ac441.css">
-<script src="/uz/assets/js/runtime~main.a1b42f8f.js" defer="defer"></script>
-<script src="/uz/assets/js/main.ef087bb6.js" defer="defer"></script>
+<script src="/uz/assets/js/runtime~main.d90f1c87.js" defer="defer"></script>
+<script src="/uz/assets/js/main.b67529a2.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Asosiy tarkibga o&#x27;tish"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">Asosiy tarkibga o&#x27;tish</a></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/uz/"><div class="navbar__logo"><img src="/uz/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/uz/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/uz/docs">📖 Hujjatlar</a><a class="navbar__item navbar__link" href="/uz/community">💫 Jamiyat</a><a class="navbar__item navbar__link" href="/uz/blog">📝 Blog</a><a class="navbar__item navbar__link" href="/uz/examples">🛠 Namunalar</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/uz/docs/about/understanding/needs-driven">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a aria-current="page" class="dropdown__link dropdown__link--active" href="/uz/docs/about/understanding/needs-driven">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/uz/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>O&#x27;zbekcha</a><ul class="dropdown__menu"><li><a href="/ru/docs/about/understanding/needs-driven" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ru">Русский</a></li><li><a href="/docs/about/understanding/needs-driven" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/uz/docs/about/understanding/needs-driven" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/docs/about/understanding/needs-driven" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="kr">한국어</a></li><li><a href="/ja/docs/about/understanding/needs-driven" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><div class="docsWrapper_rDLg"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_JQoL" type="button"></button><div class="docRoot_GkJk"><aside class="theme-doc-sidebar-container docSidebarContainer_xiHB"><div class="sidebarViewport_DaHB"><div class="sidebar_Kb82"><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_AkOp"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--active" href="/uz/docs/about">🍰  About</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/uz/docs/about/mission">Mission</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/uz/docs/about/motivation">Motivation</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item sidebar-item--wip"><a class="menu__link" tabindex="0" href="/uz/docs/about/alternatives">Alternatives</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret menu__link--active" role="button" aria-expanded="true" tabindex="0" href="/uz/docs/about/understanding/architecture">Understanding</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/uz/docs/about/understanding/architecture">About architecture</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/uz/docs/about/understanding/needs-driven">Needs driven</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/uz/docs/about/understanding/knowledge-types">Knowledge types</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/uz/docs/about/understanding/naming">Naming</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item sidebar-item--wip"><a class="menu__link" tabindex="0" href="/uz/docs/about/understanding/signals">Signals of architecture</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item sidebar-item--wip"><a class="menu__link" tabindex="0" href="/uz/docs/about/understanding/abstractions">Abstractions</a></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/uz/docs/about/promote/integration">Rag&#x27;batlantirish</a></div></li></ul></li></ul></nav><button type="button" title="Yon panelni yig‘ish" aria-label="Yon panelni yig‘ish" class="button button--secondary button--outline collapseSidebarButton_L8vW"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_hYfn"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_uESP"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_w6lk"><div class="docItemContainer_b1tn"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_ioLt" aria-label="Breadcrumbs"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Home page" class="breadcrumbs__link" href="/uz/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_ZfEo"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/uz/docs/about"><span itemprop="name">🍰  About</span></a><meta itemprop="position" content="1"></li><li class="breadcrumbs__item"><span class="breadcrumbs__link">Understanding</span><meta itemprop="position" content="2"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">Needs driven</span><meta itemprop="position" content="3"></li></ul></nav><div class="tocCollapsible_EkMH theme-doc-toc-mobile tocMobile_XRnS"><button type="button" class="clean-btn tocCollapsibleButton_ID8T">On this page</button></div><div class="theme-doc-markdown markdown"><header><h1>Needs driven</h1></header>
@@ -128,6 +128,6 @@ <h2 class="anchor anchorWithStickyNavbar_QzlE" id="see-also">See also<a href="#s
 </li>
 <li><a href="https://t.me/atomicdesign/18972" target="_blank" rel="noopener noreferrer">(Discussion) How to break the functionality and what it is</a></li>
 <li><a href="https://alexmngn.medium.com/how-to-better-organize-your-react-applications-2fd3ea1920f1" target="_blank" rel="noopener noreferrer">(Article) &quot;How to better organize your applications&quot;</a></li>
-</ul></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/about/understanding/needs-driven.md" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Sahifani tahrirlash</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Oxirgi yangilangan<!-- --> <b><time datetime="2024-09-29T11:02:46.000Z" itemprop="dateModified">29-sen, 2024</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Hujjat sahifalarida navigatsiya"><a class="pagination-nav__link pagination-nav__link--prev" href="/uz/docs/about/understanding/architecture"><div class="pagination-nav__sublabel">Oldingi sahifa</div><div class="pagination-nav__label">About architecture</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/uz/docs/about/understanding/knowledge-types"><div class="pagination-nav__sublabel">Keyingi sahifa</div><div class="pagination-nav__label">Knowledge types</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#why" class="table-of-contents__link toc-highlight">Why?</a></li><li><a href="#what-tasks-are-we-talking-about" class="table-of-contents__link toc-highlight">What tasks are we talking about?</a></li><li><a href="#how-does-this-affect-development" class="table-of-contents__link toc-highlight">How does this affect development?</a><ul><li><a href="#task-decomposition" class="table-of-contents__link toc-highlight">Task decomposition</a></li><li><a href="#understanding-the-essence-of-the-task" class="table-of-contents__link toc-highlight">Understanding the essence of the task</a></li></ul></li><li><a href="#how-to-formulate-it" class="table-of-contents__link toc-highlight">How to formulate it?</a></li><li><a href="#and-what-is-the-benefit" class="table-of-contents__link toc-highlight">And what is the benefit?</a><ul><li><a href="#1-understanding-user-tasks" class="table-of-contents__link toc-highlight">1. Understanding user tasks</a></li><li><a href="#2-structuring-and-ordering" class="table-of-contents__link toc-highlight">2. Structuring and ordering</a></li><li><a href="#3-understanding-the-feature-and-its-components" class="table-of-contents__link toc-highlight">3. Understanding the feature and its components</a></li><li><a href="#4-profit" class="table-of-contents__link toc-highlight">4. Profit</a></li></ul></li><li><a href="#back-to-reality" class="table-of-contents__link toc-highlight">Back to reality</a></li><li><a href="#the-role-of-methodology" class="table-of-contents__link toc-highlight">The role of methodology</a><ul><li><a href="#methodology-requirements" class="table-of-contents__link toc-highlight">Methodology requirements</a></li></ul></li><li><a href="#see-also" class="table-of-contents__link toc-highlight">See also</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Spetsifikatsiya</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/uz/docs">Hujjatlar</a></li><li class="footer__item"><a class="footer__link-item" href="/uz/community">Jamiyat</a></li><li class="footer__item"><a class="footer__link-item" href="/uz/nav">Yordam</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Munozaralar<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Jamiyat</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Yana</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">Litsenziya<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/uz/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/uz/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
+</ul></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/about/understanding/needs-driven.md" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Sahifani tahrirlash</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Oxirgi yangilangan<!-- --> <b><time datetime="2024-10-07T18:23:06.000Z" itemprop="dateModified">7-okt, 2024</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Hujjat sahifalarida navigatsiya"><a class="pagination-nav__link pagination-nav__link--prev" href="/uz/docs/about/understanding/architecture"><div class="pagination-nav__sublabel">Oldingi sahifa</div><div class="pagination-nav__label">About architecture</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/uz/docs/about/understanding/knowledge-types"><div class="pagination-nav__sublabel">Keyingi sahifa</div><div class="pagination-nav__label">Knowledge types</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#why" class="table-of-contents__link toc-highlight">Why?</a></li><li><a href="#what-tasks-are-we-talking-about" class="table-of-contents__link toc-highlight">What tasks are we talking about?</a></li><li><a href="#how-does-this-affect-development" class="table-of-contents__link toc-highlight">How does this affect development?</a><ul><li><a href="#task-decomposition" class="table-of-contents__link toc-highlight">Task decomposition</a></li><li><a href="#understanding-the-essence-of-the-task" class="table-of-contents__link toc-highlight">Understanding the essence of the task</a></li></ul></li><li><a href="#how-to-formulate-it" class="table-of-contents__link toc-highlight">How to formulate it?</a></li><li><a href="#and-what-is-the-benefit" class="table-of-contents__link toc-highlight">And what is the benefit?</a><ul><li><a href="#1-understanding-user-tasks" class="table-of-contents__link toc-highlight">1. Understanding user tasks</a></li><li><a href="#2-structuring-and-ordering" class="table-of-contents__link toc-highlight">2. Structuring and ordering</a></li><li><a href="#3-understanding-the-feature-and-its-components" class="table-of-contents__link toc-highlight">3. Understanding the feature and its components</a></li><li><a href="#4-profit" class="table-of-contents__link toc-highlight">4. Profit</a></li></ul></li><li><a href="#back-to-reality" class="table-of-contents__link toc-highlight">Back to reality</a></li><li><a href="#the-role-of-methodology" class="table-of-contents__link toc-highlight">The role of methodology</a><ul><li><a href="#methodology-requirements" class="table-of-contents__link toc-highlight">Methodology requirements</a></li></ul></li><li><a href="#see-also" class="table-of-contents__link toc-highlight">See also</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Spetsifikatsiya</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/uz/docs">Hujjatlar</a></li><li class="footer__item"><a class="footer__link-item" href="/uz/community">Jamiyat</a></li><li class="footer__item"><a class="footer__link-item" href="/uz/nav">Yordam</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Munozaralar<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Jamiyat</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Yana</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">Litsenziya<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/uz/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/uz/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
 </body>
 </html>
\ No newline at end of file
diff --git a/uz/docs/about/understanding/signals.html b/uz/docs/about/understanding/signals.html
index e5ffa4ee7e..1e00ce38d7 100644
--- a/uz/docs/about/understanding/signals.html
+++ b/uz/docs/about/understanding/signals.html
@@ -9,8 +9,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/uz/opensearch.xml"><link rel="stylesheet" href="/uz/assets/css/styles.6a4ac441.css">
-<script src="/uz/assets/js/runtime~main.a1b42f8f.js" defer="defer"></script>
-<script src="/uz/assets/js/main.ef087bb6.js" defer="defer"></script>
+<script src="/uz/assets/js/runtime~main.d90f1c87.js" defer="defer"></script>
+<script src="/uz/assets/js/main.b67529a2.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Asosiy tarkibga o&#x27;tish"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">Asosiy tarkibga o&#x27;tish</a></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/uz/"><div class="navbar__logo"><img src="/uz/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/uz/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/uz/docs">📖 Hujjatlar</a><a class="navbar__item navbar__link" href="/uz/community">💫 Jamiyat</a><a class="navbar__item navbar__link" href="/uz/blog">📝 Blog</a><a class="navbar__item navbar__link" href="/uz/examples">🛠 Namunalar</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/uz/docs/about/understanding/signals">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a aria-current="page" class="dropdown__link dropdown__link--active" href="/uz/docs/about/understanding/signals">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/uz/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>O&#x27;zbekcha</a><ul class="dropdown__menu"><li><a href="/ru/docs/about/understanding/signals" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ru">Русский</a></li><li><a href="/docs/about/understanding/signals" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/uz/docs/about/understanding/signals" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/docs/about/understanding/signals" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="kr">한국어</a></li><li><a href="/ja/docs/about/understanding/signals" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><div class="docsWrapper_rDLg"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_JQoL" type="button"></button><div class="docRoot_GkJk"><aside class="theme-doc-sidebar-container docSidebarContainer_xiHB"><div class="sidebarViewport_DaHB"><div class="sidebar_Kb82"><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_AkOp"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--active" href="/uz/docs/about">🍰  About</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/uz/docs/about/mission">Mission</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/uz/docs/about/motivation">Motivation</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item sidebar-item--wip"><a class="menu__link" tabindex="0" href="/uz/docs/about/alternatives">Alternatives</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret menu__link--active" role="button" aria-expanded="true" tabindex="0" href="/uz/docs/about/understanding/architecture">Understanding</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/uz/docs/about/understanding/architecture">About architecture</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/uz/docs/about/understanding/needs-driven">Needs driven</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/uz/docs/about/understanding/knowledge-types">Knowledge types</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/uz/docs/about/understanding/naming">Naming</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item sidebar-item--wip"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/uz/docs/about/understanding/signals">Signals of architecture</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item sidebar-item--wip"><a class="menu__link" tabindex="0" href="/uz/docs/about/understanding/abstractions">Abstractions</a></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/uz/docs/about/promote/integration">Rag&#x27;batlantirish</a></div></li></ul></li></ul></nav><button type="button" title="Yon panelni yig‘ish" aria-label="Yon panelni yig‘ish" class="button button--secondary button--outline collapseSidebarButton_L8vW"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_hYfn"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_uESP"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_w6lk"><div class="docItemContainer_b1tn"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_ioLt" aria-label="Breadcrumbs"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Home page" class="breadcrumbs__link" href="/uz/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_ZfEo"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/uz/docs/about"><span itemprop="name">🍰  About</span></a><meta itemprop="position" content="1"></li><li class="breadcrumbs__item"><span class="breadcrumbs__link">Understanding</span><meta itemprop="position" content="2"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">Signals of architecture</span><meta itemprop="position" content="3"></li></ul></nav><div class="tocCollapsible_EkMH theme-doc-toc-mobile tocMobile_XRnS"><button type="button" class="clean-btn tocCollapsibleButton_ID8T">On this page</button></div><div class="theme-doc-markdown markdown"><header><h1>Signals of architecture</h1></header>
@@ -27,6 +27,6 @@ <h2 class="anchor anchorWithStickyNavbar_QzlE" id="see-also">See also<a href="#s
 <li><a href="https://t.me/feature_sliced/2492" target="_blank" rel="noopener noreferrer">(Thread) About the fundamental nature of architecture</a></li>
 <li><a href="https://t.me/feature_sliced/3979" target="_blank" rel="noopener noreferrer">(Thread) About highlighting weak points</a></li>
 <li><a href="https://t.me/feature_sliced/4228" target="_blank" rel="noopener noreferrer">(Thread) How to understand that the data model is swollen</a></li>
-</ul></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/about/understanding/signals.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Sahifani tahrirlash</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Oxirgi yangilangan<!-- --> <b><time datetime="2024-09-29T11:02:46.000Z" itemprop="dateModified">29-sen, 2024</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Hujjat sahifalarida navigatsiya"><a class="pagination-nav__link pagination-nav__link--prev" href="/uz/docs/about/understanding/naming"><div class="pagination-nav__sublabel">Oldingi sahifa</div><div class="pagination-nav__label">Naming</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/uz/docs/about/understanding/abstractions"><div class="pagination-nav__sublabel">Keyingi sahifa</div><div class="pagination-nav__label">Abstractions</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#see-also" class="table-of-contents__link toc-highlight">See also</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Spetsifikatsiya</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/uz/docs">Hujjatlar</a></li><li class="footer__item"><a class="footer__link-item" href="/uz/community">Jamiyat</a></li><li class="footer__item"><a class="footer__link-item" href="/uz/nav">Yordam</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Munozaralar<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Jamiyat</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Yana</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">Litsenziya<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/uz/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/uz/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
+</ul></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/about/understanding/signals.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Sahifani tahrirlash</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Oxirgi yangilangan<!-- --> <b><time datetime="2024-10-07T18:23:06.000Z" itemprop="dateModified">7-okt, 2024</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Hujjat sahifalarida navigatsiya"><a class="pagination-nav__link pagination-nav__link--prev" href="/uz/docs/about/understanding/naming"><div class="pagination-nav__sublabel">Oldingi sahifa</div><div class="pagination-nav__label">Naming</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/uz/docs/about/understanding/abstractions"><div class="pagination-nav__sublabel">Keyingi sahifa</div><div class="pagination-nav__label">Abstractions</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#see-also" class="table-of-contents__link toc-highlight">See also</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Spetsifikatsiya</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/uz/docs">Hujjatlar</a></li><li class="footer__item"><a class="footer__link-item" href="/uz/community">Jamiyat</a></li><li class="footer__item"><a class="footer__link-item" href="/uz/nav">Yordam</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Munozaralar<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Jamiyat</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Yana</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">Litsenziya<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/uz/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/uz/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
 </body>
 </html>
\ No newline at end of file
diff --git a/uz/docs/branding.html b/uz/docs/branding.html
index 8cf37eda67..ba40360787 100644
--- a/uz/docs/branding.html
+++ b/uz/docs/branding.html
@@ -9,8 +9,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/uz/opensearch.xml"><link rel="stylesheet" href="/uz/assets/css/styles.6a4ac441.css">
-<script src="/uz/assets/js/runtime~main.a1b42f8f.js" defer="defer"></script>
-<script src="/uz/assets/js/main.ef087bb6.js" defer="defer"></script>
+<script src="/uz/assets/js/runtime~main.d90f1c87.js" defer="defer"></script>
+<script src="/uz/assets/js/main.b67529a2.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Asosiy tarkibga o&#x27;tish"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">Asosiy tarkibga o&#x27;tish</a></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/uz/"><div class="navbar__logo"><img src="/uz/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/uz/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/uz/docs">📖 Hujjatlar</a><a class="navbar__item navbar__link" href="/uz/community">💫 Jamiyat</a><a class="navbar__item navbar__link" href="/uz/blog">📝 Blog</a><a class="navbar__item navbar__link" href="/uz/examples">🛠 Namunalar</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/uz/docs/branding">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a aria-current="page" class="dropdown__link dropdown__link--active" href="/uz/docs/branding">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/uz/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>O&#x27;zbekcha</a><ul class="dropdown__menu"><li><a href="/ru/docs/branding" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ru">Русский</a></li><li><a href="/docs/branding" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/uz/docs/branding" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/docs/branding" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="kr">한국어</a></li><li><a href="/ja/docs/branding" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><div class="docsWrapper_rDLg"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_JQoL" type="button"></button><div class="docRoot_GkJk"><main class="docMainContainer_uESP docMainContainerEnhanced_GKE6"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_w6lk"><div class="docItemContainer_b1tn"><article><div class="tocCollapsible_EkMH theme-doc-toc-mobile tocMobile_XRnS"><button type="button" class="clean-btn tocCollapsibleButton_ID8T">On this page</button></div><div class="theme-doc-markdown markdown"><header><h1>Brending bo&#x27;yicha tavsiyalar</h1></header>
@@ -43,6 +43,6 @@ <h2 class="anchor anchorWithStickyNavbar_QzlE" id="see-also">Shuningdek qarang<a
 <li><a href="https://github.com/feature-sliced/documentation/discussions/399" target="_blank" rel="noopener noreferrer">Muhokama (github)</a></li>
 <li><a href="https://www.figma.com/file/RPphccpoeasVB0lMpZwPVR/FSD-Brand?node-id=0%3A1" target="_blank" rel="noopener noreferrer">Ma&#x27;lumotnomalar bilan rebrending tarixi (figma)</a></li>
 <li><a href="https://rebrand-sliced.netlify.app/en/" target="_blank" rel="noopener noreferrer">Rebrending demosi</a></li>
-</ul></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/uz/docusaurus-plugin-content-docs/current/branding.md" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Sahifani tahrirlash</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Oxirgi yangilangan<!-- --> <b><time datetime="2024-09-29T11:02:46.000Z" itemprop="dateModified">29-sen, 2024</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Hujjat sahifalarida navigatsiya"></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#title" class="table-of-contents__link toc-highlight">Nomlash</a></li><li><a href="#emojii" class="table-of-contents__link toc-highlight">Emodzi</a></li><li><a href="#logo--palettte" class="table-of-contents__link toc-highlight">Logo &amp; Palitra</a></li><li><a href="#banners--schemes" class="table-of-contents__link toc-highlight">Bannerlar &amp; Sxemalar</a></li><li><a href="#social-preview" class="table-of-contents__link toc-highlight">Social Preview</a></li><li><a href="#presentation-template" class="table-of-contents__link toc-highlight">Prezintatsiya uchun shablon</a></li><li><a href="#see-also" class="table-of-contents__link toc-highlight">Shuningdek qarang</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Spetsifikatsiya</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/uz/docs">Hujjatlar</a></li><li class="footer__item"><a class="footer__link-item" href="/uz/community">Jamiyat</a></li><li class="footer__item"><a class="footer__link-item" href="/uz/nav">Yordam</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Munozaralar<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Jamiyat</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Yana</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">Litsenziya<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/uz/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/uz/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
+</ul></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/uz/docusaurus-plugin-content-docs/current/branding.md" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Sahifani tahrirlash</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Oxirgi yangilangan<!-- --> <b><time datetime="2024-10-07T18:23:06.000Z" itemprop="dateModified">7-okt, 2024</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Hujjat sahifalarida navigatsiya"></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#title" class="table-of-contents__link toc-highlight">Nomlash</a></li><li><a href="#emojii" class="table-of-contents__link toc-highlight">Emodzi</a></li><li><a href="#logo--palettte" class="table-of-contents__link toc-highlight">Logo &amp; Palitra</a></li><li><a href="#banners--schemes" class="table-of-contents__link toc-highlight">Bannerlar &amp; Sxemalar</a></li><li><a href="#social-preview" class="table-of-contents__link toc-highlight">Social Preview</a></li><li><a href="#presentation-template" class="table-of-contents__link toc-highlight">Prezintatsiya uchun shablon</a></li><li><a href="#see-also" class="table-of-contents__link toc-highlight">Shuningdek qarang</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Spetsifikatsiya</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/uz/docs">Hujjatlar</a></li><li class="footer__item"><a class="footer__link-item" href="/uz/community">Jamiyat</a></li><li class="footer__item"><a class="footer__link-item" href="/uz/nav">Yordam</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Munozaralar<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Jamiyat</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Yana</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">Litsenziya<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/uz/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/uz/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
 </body>
 </html>
\ No newline at end of file
diff --git a/uz/docs/get-started.html b/uz/docs/get-started.html
index 0dadca62d0..58ddeeb035 100644
--- a/uz/docs/get-started.html
+++ b/uz/docs/get-started.html
@@ -9,8 +9,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/uz/opensearch.xml"><link rel="stylesheet" href="/uz/assets/css/styles.6a4ac441.css">
-<script src="/uz/assets/js/runtime~main.a1b42f8f.js" defer="defer"></script>
-<script src="/uz/assets/js/main.ef087bb6.js" defer="defer"></script>
+<script src="/uz/assets/js/runtime~main.d90f1c87.js" defer="defer"></script>
+<script src="/uz/assets/js/main.b67529a2.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Asosiy tarkibga o&#x27;tish"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">Asosiy tarkibga o&#x27;tish</a></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/uz/"><div class="navbar__logo"><img src="/uz/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/uz/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/uz/docs">📖 Hujjatlar</a><a class="navbar__item navbar__link" href="/uz/community">💫 Jamiyat</a><a class="navbar__item navbar__link" href="/uz/blog">📝 Blog</a><a class="navbar__item navbar__link" href="/uz/examples">🛠 Namunalar</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/uz/docs/get-started">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a aria-current="page" class="dropdown__link dropdown__link--active" href="/uz/docs/get-started">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/uz/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>O&#x27;zbekcha</a><ul class="dropdown__menu"><li><a href="/ru/docs/get-started" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ru">Русский</a></li><li><a href="/docs/get-started" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/uz/docs/get-started" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/docs/get-started" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="kr">한국어</a></li><li><a href="/ja/docs/get-started" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><div class="docsWrapper_rDLg"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_JQoL" type="button"></button><div class="docRoot_GkJk"><aside class="theme-doc-sidebar-container docSidebarContainer_xiHB"><div class="sidebarViewport_DaHB"><div class="sidebar_Kb82"><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_AkOp"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible menu__list-item-collapsible--active"><a class="menu__link menu__link--active" aria-current="page" href="/uz/docs/get-started">🚀  Get Started</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/uz/docs/get-started/overview">Overview</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/uz/docs/get-started/tutorial">Tutorial</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/uz/docs/get-started/faq">FAQ</a></li></ul></li></ul></nav><button type="button" title="Yon panelni yig‘ish" aria-label="Yon panelni yig‘ish" class="button button--secondary button--outline collapseSidebarButton_L8vW"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_hYfn"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_uESP"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col"><div class="docItemContainer_b1tn"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_ioLt" aria-label="Breadcrumbs"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Home page" class="breadcrumbs__link" href="/uz/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_ZfEo"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">🚀  Get Started</span><meta itemprop="position" content="1"></li></ul></nav><div class="theme-doc-markdown markdown"><header><h1>🚀 Get Started</h1></header>
@@ -18,6 +18,6 @@
 <a class="root_GfON defaultTheme_j3I8" href="/uz/docs/get-started/overview"><span role="img" aria-label="rocket" class="anticon anticon-rocket icon_ciqP"><svg viewBox="64 64 896 896" focusable="false" data-icon="rocket" width="1em" height="1em" fill="currentColor" aria-hidden="true"><path d="M864 736c0-111.6-65.4-208-160-252.9V317.3c0-15.1-5.3-29.7-15.1-41.2L536.5 95.4C530.1 87.8 521 84 512 84s-18.1 3.8-24.5 11.4L335.1 276.1a63.97 63.97 0 00-15.1 41.2v165.8C225.4 528 160 624.4 160 736h156.5c-2.3 7.2-3.5 15-3.5 23.8 0 22.1 7.6 43.7 21.4 60.8a97.2 97.2 0 0043.1 30.6c23.1 54 75.6 88.8 134.5 88.8 29.1 0 57.3-8.6 81.4-24.8 23.6-15.8 41.9-37.9 53-64a97 97 0 0043.1-30.5 97.52 97.52 0 0021.4-60.8c0-8.4-1.1-16.4-3.1-23.8H864zM762.3 621.4c9.4 14.6 17 30.3 22.5 46.6H700V558.7a211.6 211.6 0 0162.3 62.7zM388 483.1V318.8l124-147 124 147V668H388V483.1zM239.2 668c5.5-16.3 13.1-32 22.5-46.6 16.3-25.2 37.5-46.5 62.3-62.7V668h-84.8zm388.9 116.2c-5.2 3-11.2 4.2-17.1 3.4l-19.5-2.4-2.8 19.4c-5.4 37.9-38.4 66.5-76.7 66.5-38.3 0-71.3-28.6-76.7-66.5l-2.8-19.5-19.5 2.5a27.7 27.7 0 01-17.1-3.5c-8.7-5-14.1-14.3-14.1-24.4 0-10.6 5.9-19.4 14.6-23.8h231.3c8.8 4.5 14.6 13.3 14.6 23.8-.1 10.2-5.5 19.6-14.2 24.5zM464 400a48 48 0 1096 0 48 48 0 10-96 0z"></path></svg></span><div class="details_xxkR"><div><span class="title_pSH5">Overview</span><p class="description__Fep">Brief overview of methodology concepts and usage</p></div></div></a>
 <a class="root_GfON defaultTheme_j3I8" href="/uz/docs/get-started/tutorial"><span role="img" aria-label="play-square" class="anticon anticon-play-square icon_ciqP"><svg viewBox="64 64 896 896" focusable="false" data-icon="play-square" width="1em" height="1em" fill="currentColor" aria-hidden="true"><path d="M442.3 677.6l199.4-156.7a11.3 11.3 0 000-17.7L442.3 346.4c-7.4-5.8-18.3-.6-18.3 8.8v313.5c0 9.4 10.9 14.7 18.3 8.9z"></path><path d="M880 112H144c-17.7 0-32 14.3-32 32v736c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V144c0-17.7-14.3-32-32-32zm-40 728H184V184h656v656z"></path></svg></span><div class="details_xxkR"><div><span class="title_pSH5">Tutorial</span><p class="description__Fep">Introductory tutorial on the usage of the methodology</p></div></div></a>
 <a class="root_GfON defaultTheme_j3I8" href="/uz/docs/get-started/faq"><span role="img" aria-label="question-circle" class="anticon anticon-question-circle icon_ciqP"><svg viewBox="64 64 896 896" focusable="false" data-icon="question-circle" width="1em" height="1em" fill="currentColor" aria-hidden="true"><path d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z"></path><path d="M623.6 316.7C593.6 290.4 554 276 512 276s-81.6 14.5-111.6 40.7C369.2 344 352 380.7 352 420v7.6c0 4.4 3.6 8 8 8h48c4.4 0 8-3.6 8-8V420c0-44.1 43.1-80 96-80s96 35.9 96 80c0 31.1-22 59.6-56.1 72.7-21.2 8.1-39.2 22.3-52.1 40.9-13.1 19-19.9 41.8-19.9 64.9V620c0 4.4 3.6 8 8 8h48c4.4 0 8-3.6 8-8v-22.7a48.3 48.3 0 0130.9-44.8c59-22.7 97.1-74.7 97.1-132.5.1-39.3-17.1-76-48.3-103.3zM472 732a40 40 0 1080 0 40 40 0 10-80 0z"></path></svg></span><div class="details_xxkR"><div><span class="title_pSH5">FAQ</span><p class="description__Fep">Frequently asked questions</p></div></div></a>
-</div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/get-started/index.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Sahifani tahrirlash</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Oxirgi yangilangan<!-- --> <b><time datetime="2024-09-29T11:02:46.000Z" itemprop="dateModified">29-sen, 2024</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Hujjat sahifalarida navigatsiya"><a class="pagination-nav__link pagination-nav__link--prev" href="/uz/docs"><div class="pagination-nav__sublabel">Oldingi sahifa</div><div class="pagination-nav__label">Hujjatlar</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/uz/docs/get-started/overview"><div class="pagination-nav__sublabel">Keyingi sahifa</div><div class="pagination-nav__label">Overview</div></a></nav></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Spetsifikatsiya</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/uz/docs">Hujjatlar</a></li><li class="footer__item"><a class="footer__link-item" href="/uz/community">Jamiyat</a></li><li class="footer__item"><a class="footer__link-item" href="/uz/nav">Yordam</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Munozaralar<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Jamiyat</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Yana</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">Litsenziya<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/uz/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/uz/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
+</div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/get-started/index.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Sahifani tahrirlash</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Oxirgi yangilangan<!-- --> <b><time datetime="2024-10-07T18:23:06.000Z" itemprop="dateModified">7-okt, 2024</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Hujjat sahifalarida navigatsiya"><a class="pagination-nav__link pagination-nav__link--prev" href="/uz/docs"><div class="pagination-nav__sublabel">Oldingi sahifa</div><div class="pagination-nav__label">Hujjatlar</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/uz/docs/get-started/overview"><div class="pagination-nav__sublabel">Keyingi sahifa</div><div class="pagination-nav__label">Overview</div></a></nav></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Spetsifikatsiya</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/uz/docs">Hujjatlar</a></li><li class="footer__item"><a class="footer__link-item" href="/uz/community">Jamiyat</a></li><li class="footer__item"><a class="footer__link-item" href="/uz/nav">Yordam</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Munozaralar<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Jamiyat</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Yana</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">Litsenziya<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/uz/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/uz/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
 </body>
 </html>
\ No newline at end of file
diff --git a/uz/docs/get-started/cheatsheet.html b/uz/docs/get-started/cheatsheet.html
index a0250c5204..fc9cea7bd7 100644
--- a/uz/docs/get-started/cheatsheet.html
+++ b/uz/docs/get-started/cheatsheet.html
@@ -9,8 +9,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/uz/opensearch.xml"><link rel="stylesheet" href="/uz/assets/css/styles.6a4ac441.css">
-<script src="/uz/assets/js/runtime~main.a1b42f8f.js" defer="defer"></script>
-<script src="/uz/assets/js/main.ef087bb6.js" defer="defer"></script>
+<script src="/uz/assets/js/runtime~main.d90f1c87.js" defer="defer"></script>
+<script src="/uz/assets/js/main.b67529a2.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Asosiy tarkibga o&#x27;tish"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">Asosiy tarkibga o&#x27;tish</a></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/uz/"><div class="navbar__logo"><img src="/uz/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/uz/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/uz/docs">📖 Hujjatlar</a><a class="navbar__item navbar__link" href="/uz/community">💫 Jamiyat</a><a class="navbar__item navbar__link" href="/uz/blog">📝 Blog</a><a class="navbar__item navbar__link" href="/uz/examples">🛠 Namunalar</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/uz/docs/get-started/cheatsheet">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a aria-current="page" class="dropdown__link dropdown__link--active" href="/uz/docs/get-started/cheatsheet">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/uz/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>O&#x27;zbekcha</a><ul class="dropdown__menu"><li><a href="/ru/docs/get-started/cheatsheet" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ru">Русский</a></li><li><a href="/docs/get-started/cheatsheet" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/uz/docs/get-started/cheatsheet" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/docs/get-started/cheatsheet" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="kr">한국어</a></li><li><a href="/ja/docs/get-started/cheatsheet" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><div class="docsWrapper_rDLg"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_JQoL" type="button"></button><div class="docRoot_GkJk"><aside class="theme-doc-sidebar-container docSidebarContainer_xiHB"><div class="sidebarViewport_DaHB"><div class="sidebar_Kb82"><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_AkOp"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--active" href="/uz/docs/get-started">🚀  Get Started</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/uz/docs/get-started/overview">Overview</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/uz/docs/get-started/tutorial">Tutorial</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/uz/docs/get-started/faq">FAQ</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/uz/docs/get-started/cheatsheet">Decomposition cheatsheet</a></li></ul></li></ul></nav><button type="button" title="Yon panelni yig‘ish" aria-label="Yon panelni yig‘ish" class="button button--secondary button--outline collapseSidebarButton_L8vW"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_hYfn"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_uESP"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_w6lk"><div class="theme-admonition theme-admonition-caution admonition_yLUd alert alert--warning theme-unlisted-banner"><div class="admonitionHeading_ulUq"><span class="admonitionIcon_Wbvt"><svg viewBox="0 0 16 16"><path fill-rule="evenodd" d="M8.893 1.5c-.183-.31-.52-.5-.887-.5s-.703.19-.886.5L.138 13.499a.98.98 0 0 0 0 1.001c.193.31.53.501.886.501h13.964c.367 0 .704-.19.877-.5a1.03 1.03 0 0 0 .01-1.002L8.893 1.5zm.133 11.497H6.987v-2.003h2.039v2.003zm0-3.004H6.987V5.987h2.039v4.006z"></path></svg></span>Unlisted page</div><div class="admonitionContent_mbd8">This page is unlisted. Search engines will not index it, and only users having a direct link can access it.</div></div><div class="docItemContainer_b1tn"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_ioLt" aria-label="Breadcrumbs"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Home page" class="breadcrumbs__link" href="/uz/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_ZfEo"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/uz/docs/get-started"><span itemprop="name">🚀  Get Started</span></a><meta itemprop="position" content="1"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">Decomposition cheatsheet</span><meta itemprop="position" content="2"></li></ul></nav><div class="tocCollapsible_EkMH theme-doc-toc-mobile tocMobile_XRnS"><button type="button" class="clean-btn tocCollapsibleButton_ID8T">On this page</button></div><div class="theme-doc-markdown markdown"><header><h1>Decomposition cheatsheet</h1></header>
@@ -33,6 +33,6 @@ <h2 class="anchor anchorWithStickyNavbar_QzlE" id="see-also">See also<a href="#s
 <li><a href="https://t.me/feature_sliced/3776" target="_blank" rel="noopener noreferrer">(Thread) About the difference between features and entities</a></li>
 <li><a href="https://t.me/feature_sliced/3248" target="_blank" rel="noopener noreferrer">(Thread) About the difference between things and entities (2)</a></li>
 <li><a href="https://t.me/feature_sliced/3833" target="_blank" rel="noopener noreferrer">(Thread) About the application of criteria for decomposition</a></li>
-</ul></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/get-started/cheatsheet.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Sahifani tahrirlash</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Oxirgi yangilangan<!-- --> <b><time datetime="2024-09-29T11:02:46.000Z" itemprop="dateModified">29-sen, 2024</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Hujjat sahifalarida navigatsiya"></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#choosing-a-layer" class="table-of-contents__link toc-highlight">Choosing a layer</a></li><li><a href="#examples" class="table-of-contents__link toc-highlight">Examples</a><ul><li><a href="#tweet" class="table-of-contents__link toc-highlight">Tweet</a></li><li><a href="#github" class="table-of-contents__link toc-highlight">GitHub</a></li></ul></li><li><a href="#see-also" class="table-of-contents__link toc-highlight">See also</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Spetsifikatsiya</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/uz/docs">Hujjatlar</a></li><li class="footer__item"><a class="footer__link-item" href="/uz/community">Jamiyat</a></li><li class="footer__item"><a class="footer__link-item" href="/uz/nav">Yordam</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Munozaralar<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Jamiyat</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Yana</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">Litsenziya<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/uz/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/uz/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
+</ul></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/get-started/cheatsheet.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Sahifani tahrirlash</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Oxirgi yangilangan<!-- --> <b><time datetime="2024-10-07T18:23:06.000Z" itemprop="dateModified">7-okt, 2024</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Hujjat sahifalarida navigatsiya"></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#choosing-a-layer" class="table-of-contents__link toc-highlight">Choosing a layer</a></li><li><a href="#examples" class="table-of-contents__link toc-highlight">Examples</a><ul><li><a href="#tweet" class="table-of-contents__link toc-highlight">Tweet</a></li><li><a href="#github" class="table-of-contents__link toc-highlight">GitHub</a></li></ul></li><li><a href="#see-also" class="table-of-contents__link toc-highlight">See also</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Spetsifikatsiya</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/uz/docs">Hujjatlar</a></li><li class="footer__item"><a class="footer__link-item" href="/uz/community">Jamiyat</a></li><li class="footer__item"><a class="footer__link-item" href="/uz/nav">Yordam</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Munozaralar<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Jamiyat</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Yana</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">Litsenziya<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/uz/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/uz/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
 </body>
 </html>
\ No newline at end of file
diff --git a/uz/docs/get-started/faq.html b/uz/docs/get-started/faq.html
index 277944a395..3a9f58bdef 100644
--- a/uz/docs/get-started/faq.html
+++ b/uz/docs/get-started/faq.html
@@ -9,8 +9,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/uz/opensearch.xml"><link rel="stylesheet" href="/uz/assets/css/styles.6a4ac441.css">
-<script src="/uz/assets/js/runtime~main.a1b42f8f.js" defer="defer"></script>
-<script src="/uz/assets/js/main.ef087bb6.js" defer="defer"></script>
+<script src="/uz/assets/js/runtime~main.d90f1c87.js" defer="defer"></script>
+<script src="/uz/assets/js/main.b67529a2.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Asosiy tarkibga o&#x27;tish"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">Asosiy tarkibga o&#x27;tish</a></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/uz/"><div class="navbar__logo"><img src="/uz/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/uz/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/uz/docs">📖 Hujjatlar</a><a class="navbar__item navbar__link" href="/uz/community">💫 Jamiyat</a><a class="navbar__item navbar__link" href="/uz/blog">📝 Blog</a><a class="navbar__item navbar__link" href="/uz/examples">🛠 Namunalar</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/uz/docs/get-started/faq">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a aria-current="page" class="dropdown__link dropdown__link--active" href="/uz/docs/get-started/faq">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/uz/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>O&#x27;zbekcha</a><ul class="dropdown__menu"><li><a href="/ru/docs/get-started/faq" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ru">Русский</a></li><li><a href="/docs/get-started/faq" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/uz/docs/get-started/faq" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/docs/get-started/faq" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="kr">한국어</a></li><li><a href="/ja/docs/get-started/faq" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><div class="docsWrapper_rDLg"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_JQoL" type="button"></button><div class="docRoot_GkJk"><aside class="theme-doc-sidebar-container docSidebarContainer_xiHB"><div class="sidebarViewport_DaHB"><div class="sidebar_Kb82"><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_AkOp"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--active" href="/uz/docs/get-started">🚀  Get Started</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/uz/docs/get-started/overview">Overview</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/uz/docs/get-started/tutorial">Tutorial</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/uz/docs/get-started/faq">FAQ</a></li></ul></li></ul></nav><button type="button" title="Yon panelni yig‘ish" aria-label="Yon panelni yig‘ish" class="button button--secondary button--outline collapseSidebarButton_L8vW"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_hYfn"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_uESP"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_w6lk"><div class="docItemContainer_b1tn"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_ioLt" aria-label="Breadcrumbs"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Home page" class="breadcrumbs__link" href="/uz/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_ZfEo"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/uz/docs/get-started"><span itemprop="name">🚀  Get Started</span></a><meta itemprop="position" content="1"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">FAQ</span><meta itemprop="position" content="2"></li></ul></nav><div class="tocCollapsible_EkMH theme-doc-toc-mobile tocMobile_XRnS"><button type="button" class="clean-btn tocCollapsibleButton_ID8T">On this page</button></div><div class="theme-doc-markdown markdown"><header><h1>FAQ</h1></header>
@@ -40,6 +40,6 @@ <h3 class="anchor anchorWithStickyNavbar_QzlE" id="does-a-novice-developer-need-
 <p>Rather yes than no</p>
 <p><em>Usually, when you design and develop a project in one person, everything goes smoothly. But if there are pauses in development, new developers are added to the team - then problems come</em></p>
 <h3 class="anchor anchorWithStickyNavbar_QzlE" id="how-do-i-work-with-the-authorization-context">How do I work with the authorization context?<a href="#how-do-i-work-with-the-authorization-context" class="hash-link" aria-label="Sarlavhaga to&#x27;g&#x27;ridan-to&#x27;g&#x27;ri havola" title="Sarlavhaga to&#x27;g&#x27;ridan-to&#x27;g&#x27;ri havola">​</a></h3>
-<p>Answered <a href="/uz/docs/guides/examples/auth">here</a></p></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/get-started/faq.md" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Sahifani tahrirlash</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Oxirgi yangilangan<!-- --> <b><time datetime="2024-09-29T11:02:46.000Z" itemprop="dateModified">29-sen, 2024</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Hujjat sahifalarida navigatsiya"><a class="pagination-nav__link pagination-nav__link--prev" href="/uz/docs/get-started/tutorial"><div class="pagination-nav__sublabel">Oldingi sahifa</div><div class="pagination-nav__label">Tutorial</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/uz/docs/guides"><div class="pagination-nav__sublabel">Keyingi sahifa</div><div class="pagination-nav__label">🎯 Guides</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#is-there-a-toolkit-or-a-linter" class="table-of-contents__link toc-highlight">Is there a toolkit or a linter?</a></li><li><a href="#where-to-store-the-layouttemplate-of-pages" class="table-of-contents__link toc-highlight">Where to store the layout/template of pages?</a></li><li><a href="#what-is-the-difference-between-a-feature-and-an-entity" class="table-of-contents__link toc-highlight">What is the difference between a feature and an entity?</a></li><li><a href="#can-i-embed-pagesfeaturesentities-into-each-other" class="table-of-contents__link toc-highlight">Can I embed pages/features/entities into each other?</a></li><li><a href="#what-about-atomic-design" class="table-of-contents__link toc-highlight">What about Atomic Design?</a></li><li><a href="#are-there-any-useful-resourcesarticlesetc-about-fsd" class="table-of-contents__link toc-highlight">Are there any useful resources/articles/etc. about FSD?</a></li><li><a href="#why-do-i-need-feature-sliced-design" class="table-of-contents__link toc-highlight">Why do I need Feature-Sliced Design?</a></li><li><a href="#does-a-novice-developer-need-an-architecturemethodology" class="table-of-contents__link toc-highlight">Does a novice developer need an architecture/methodology?</a></li><li><a href="#how-do-i-work-with-the-authorization-context" class="table-of-contents__link toc-highlight">How do I work with the authorization context?</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Spetsifikatsiya</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/uz/docs">Hujjatlar</a></li><li class="footer__item"><a class="footer__link-item" href="/uz/community">Jamiyat</a></li><li class="footer__item"><a class="footer__link-item" href="/uz/nav">Yordam</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Munozaralar<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Jamiyat</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Yana</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">Litsenziya<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/uz/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/uz/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
+<p>Answered <a href="/uz/docs/guides/examples/auth">here</a></p></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/get-started/faq.md" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Sahifani tahrirlash</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Oxirgi yangilangan<!-- --> <b><time datetime="2024-10-07T18:23:06.000Z" itemprop="dateModified">7-okt, 2024</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Hujjat sahifalarida navigatsiya"><a class="pagination-nav__link pagination-nav__link--prev" href="/uz/docs/get-started/tutorial"><div class="pagination-nav__sublabel">Oldingi sahifa</div><div class="pagination-nav__label">Tutorial</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/uz/docs/guides"><div class="pagination-nav__sublabel">Keyingi sahifa</div><div class="pagination-nav__label">🎯 Guides</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#is-there-a-toolkit-or-a-linter" class="table-of-contents__link toc-highlight">Is there a toolkit or a linter?</a></li><li><a href="#where-to-store-the-layouttemplate-of-pages" class="table-of-contents__link toc-highlight">Where to store the layout/template of pages?</a></li><li><a href="#what-is-the-difference-between-a-feature-and-an-entity" class="table-of-contents__link toc-highlight">What is the difference between a feature and an entity?</a></li><li><a href="#can-i-embed-pagesfeaturesentities-into-each-other" class="table-of-contents__link toc-highlight">Can I embed pages/features/entities into each other?</a></li><li><a href="#what-about-atomic-design" class="table-of-contents__link toc-highlight">What about Atomic Design?</a></li><li><a href="#are-there-any-useful-resourcesarticlesetc-about-fsd" class="table-of-contents__link toc-highlight">Are there any useful resources/articles/etc. about FSD?</a></li><li><a href="#why-do-i-need-feature-sliced-design" class="table-of-contents__link toc-highlight">Why do I need Feature-Sliced Design?</a></li><li><a href="#does-a-novice-developer-need-an-architecturemethodology" class="table-of-contents__link toc-highlight">Does a novice developer need an architecture/methodology?</a></li><li><a href="#how-do-i-work-with-the-authorization-context" class="table-of-contents__link toc-highlight">How do I work with the authorization context?</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Spetsifikatsiya</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/uz/docs">Hujjatlar</a></li><li class="footer__item"><a class="footer__link-item" href="/uz/community">Jamiyat</a></li><li class="footer__item"><a class="footer__link-item" href="/uz/nav">Yordam</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Munozaralar<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Jamiyat</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Yana</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">Litsenziya<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/uz/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/uz/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
 </body>
 </html>
\ No newline at end of file
diff --git a/uz/docs/get-started/overview.html b/uz/docs/get-started/overview.html
index f89fd6d634..af528a10f5 100644
--- a/uz/docs/get-started/overview.html
+++ b/uz/docs/get-started/overview.html
@@ -9,8 +9,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/uz/opensearch.xml"><link rel="stylesheet" href="/uz/assets/css/styles.6a4ac441.css">
-<script src="/uz/assets/js/runtime~main.a1b42f8f.js" defer="defer"></script>
-<script src="/uz/assets/js/main.ef087bb6.js" defer="defer"></script>
+<script src="/uz/assets/js/runtime~main.d90f1c87.js" defer="defer"></script>
+<script src="/uz/assets/js/main.b67529a2.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Asosiy tarkibga o&#x27;tish"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">Asosiy tarkibga o&#x27;tish</a></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/uz/"><div class="navbar__logo"><img src="/uz/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/uz/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/uz/docs">📖 Hujjatlar</a><a class="navbar__item navbar__link" href="/uz/community">💫 Jamiyat</a><a class="navbar__item navbar__link" href="/uz/blog">📝 Blog</a><a class="navbar__item navbar__link" href="/uz/examples">🛠 Namunalar</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/uz/docs/get-started/overview">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a aria-current="page" class="dropdown__link dropdown__link--active" href="/uz/docs/get-started/overview">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/uz/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>O&#x27;zbekcha</a><ul class="dropdown__menu"><li><a href="/ru/docs/get-started/overview" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ru">Русский</a></li><li><a href="/docs/get-started/overview" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/uz/docs/get-started/overview" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/docs/get-started/overview" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="kr">한국어</a></li><li><a href="/ja/docs/get-started/overview" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><div class="docsWrapper_rDLg"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_JQoL" type="button"></button><div class="docRoot_GkJk"><aside class="theme-doc-sidebar-container docSidebarContainer_xiHB"><div class="sidebarViewport_DaHB"><div class="sidebar_Kb82"><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_AkOp"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--active" href="/uz/docs/get-started">🚀  Get Started</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/uz/docs/get-started/overview">Overview</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/uz/docs/get-started/tutorial">Tutorial</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/uz/docs/get-started/faq">FAQ</a></li></ul></li></ul></nav><button type="button" title="Yon panelni yig‘ish" aria-label="Yon panelni yig‘ish" class="button button--secondary button--outline collapseSidebarButton_L8vW"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_hYfn"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_uESP"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_w6lk"><div class="docItemContainer_b1tn"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_ioLt" aria-label="Breadcrumbs"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Home page" class="breadcrumbs__link" href="/uz/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_ZfEo"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/uz/docs/get-started"><span itemprop="name">🚀  Get Started</span></a><meta itemprop="position" content="1"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">Overview</span><meta itemprop="position" content="2"></li></ul></nav><div class="tocCollapsible_EkMH theme-doc-toc-mobile tocMobile_XRnS"><button type="button" class="clean-btn tocCollapsibleButton_ID8T">On this page</button></div><div class="theme-doc-markdown markdown"><header><h1>Overview</h1></header>
@@ -129,6 +129,6 @@ <h2 class="anchor anchorWithStickyNavbar_QzlE" id="next-steps">Next steps<a href
 <li><strong>Want to get a good grasp of how to think in FSD?</strong> Check out the <a href="/uz/docs/get-started/tutorial">Tutorial</a>.</li>
 <li><strong>Prefer to learn from examples?</strong> We have a lot in the <a href="/uz/examples">Examples</a> section.</li>
 <li><strong>Have questions?</strong> Drop by our <a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer">Telegram chat</a> and get help from the community.</li>
-</ul></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/get-started/overview.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Sahifani tahrirlash</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Oxirgi yangilangan<!-- --> <b><time datetime="2024-09-29T11:02:46.000Z" itemprop="dateModified">29-sen, 2024</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Hujjat sahifalarida navigatsiya"><a class="pagination-nav__link pagination-nav__link--prev" href="/uz/docs/get-started"><div class="pagination-nav__sublabel">Oldingi sahifa</div><div class="pagination-nav__label">🚀 Get Started</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/uz/docs/get-started/tutorial"><div class="pagination-nav__sublabel">Keyingi sahifa</div><div class="pagination-nav__label">Tutorial</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#is-it-right-for-me" class="table-of-contents__link toc-highlight">Is it right for me?</a></li><li><a href="#basic-example" class="table-of-contents__link toc-highlight">Basic example</a></li><li><a href="#concepts" class="table-of-contents__link toc-highlight">Concepts</a><ul><li><a href="#layers" class="table-of-contents__link toc-highlight">Layers</a></li><li><a href="#slices" class="table-of-contents__link toc-highlight">Slices</a></li><li><a href="#segments" class="table-of-contents__link toc-highlight">Segments</a></li></ul></li><li><a href="#advantages" class="table-of-contents__link toc-highlight">Advantages</a></li><li><a href="#incremental-adoption" class="table-of-contents__link toc-highlight">Incremental adoption</a></li><li><a href="#next-steps" class="table-of-contents__link toc-highlight">Next steps</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Spetsifikatsiya</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/uz/docs">Hujjatlar</a></li><li class="footer__item"><a class="footer__link-item" href="/uz/community">Jamiyat</a></li><li class="footer__item"><a class="footer__link-item" href="/uz/nav">Yordam</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Munozaralar<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Jamiyat</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Yana</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">Litsenziya<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/uz/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/uz/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
+</ul></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/get-started/overview.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Sahifani tahrirlash</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Oxirgi yangilangan<!-- --> <b><time datetime="2024-10-07T18:23:06.000Z" itemprop="dateModified">7-okt, 2024</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Hujjat sahifalarida navigatsiya"><a class="pagination-nav__link pagination-nav__link--prev" href="/uz/docs/get-started"><div class="pagination-nav__sublabel">Oldingi sahifa</div><div class="pagination-nav__label">🚀 Get Started</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/uz/docs/get-started/tutorial"><div class="pagination-nav__sublabel">Keyingi sahifa</div><div class="pagination-nav__label">Tutorial</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#is-it-right-for-me" class="table-of-contents__link toc-highlight">Is it right for me?</a></li><li><a href="#basic-example" class="table-of-contents__link toc-highlight">Basic example</a></li><li><a href="#concepts" class="table-of-contents__link toc-highlight">Concepts</a><ul><li><a href="#layers" class="table-of-contents__link toc-highlight">Layers</a></li><li><a href="#slices" class="table-of-contents__link toc-highlight">Slices</a></li><li><a href="#segments" class="table-of-contents__link toc-highlight">Segments</a></li></ul></li><li><a href="#advantages" class="table-of-contents__link toc-highlight">Advantages</a></li><li><a href="#incremental-adoption" class="table-of-contents__link toc-highlight">Incremental adoption</a></li><li><a href="#next-steps" class="table-of-contents__link toc-highlight">Next steps</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Spetsifikatsiya</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/uz/docs">Hujjatlar</a></li><li class="footer__item"><a class="footer__link-item" href="/uz/community">Jamiyat</a></li><li class="footer__item"><a class="footer__link-item" href="/uz/nav">Yordam</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Munozaralar<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Jamiyat</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Yana</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">Litsenziya<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/uz/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/uz/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
 </body>
 </html>
\ No newline at end of file
diff --git a/uz/docs/get-started/tutorial.html b/uz/docs/get-started/tutorial.html
index 7b6c5b371c..238f5ee89b 100644
--- a/uz/docs/get-started/tutorial.html
+++ b/uz/docs/get-started/tutorial.html
@@ -9,8 +9,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/uz/opensearch.xml"><link rel="stylesheet" href="/uz/assets/css/styles.6a4ac441.css">
-<script src="/uz/assets/js/runtime~main.a1b42f8f.js" defer="defer"></script>
-<script src="/uz/assets/js/main.ef087bb6.js" defer="defer"></script>
+<script src="/uz/assets/js/runtime~main.d90f1c87.js" defer="defer"></script>
+<script src="/uz/assets/js/main.b67529a2.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Asosiy tarkibga o&#x27;tish"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">Asosiy tarkibga o&#x27;tish</a></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/uz/"><div class="navbar__logo"><img src="/uz/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/uz/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/uz/docs">📖 Hujjatlar</a><a class="navbar__item navbar__link" href="/uz/community">💫 Jamiyat</a><a class="navbar__item navbar__link" href="/uz/blog">📝 Blog</a><a class="navbar__item navbar__link" href="/uz/examples">🛠 Namunalar</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/uz/docs/get-started/tutorial">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a aria-current="page" class="dropdown__link dropdown__link--active" href="/uz/docs/get-started/tutorial">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/uz/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>O&#x27;zbekcha</a><ul class="dropdown__menu"><li><a href="/ru/docs/get-started/tutorial" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ru">Русский</a></li><li><a href="/docs/get-started/tutorial" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/uz/docs/get-started/tutorial" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/docs/get-started/tutorial" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="kr">한국어</a></li><li><a href="/ja/docs/get-started/tutorial" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><div class="docsWrapper_rDLg"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_JQoL" type="button"></button><div class="docRoot_GkJk"><aside class="theme-doc-sidebar-container docSidebarContainer_xiHB"><div class="sidebarViewport_DaHB"><div class="sidebar_Kb82"><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_AkOp"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--active" href="/uz/docs/get-started">🚀  Get Started</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/uz/docs/get-started/overview">Overview</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/uz/docs/get-started/tutorial">Tutorial</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/uz/docs/get-started/faq">FAQ</a></li></ul></li></ul></nav><button type="button" title="Yon panelni yig‘ish" aria-label="Yon panelni yig‘ish" class="button button--secondary button--outline collapseSidebarButton_L8vW"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_hYfn"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_uESP"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_w6lk"><div class="docItemContainer_b1tn"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_ioLt" aria-label="Breadcrumbs"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Home page" class="breadcrumbs__link" href="/uz/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_ZfEo"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/uz/docs/get-started"><span itemprop="name">🚀  Get Started</span></a><meta itemprop="position" content="1"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">Tutorial</span><meta itemprop="position" content="2"></li></ul></nav><div class="tocCollapsible_EkMH theme-doc-toc-mobile tocMobile_XRnS"><button type="button" class="clean-btn tocCollapsibleButton_ID8T">On this page</button></div><div class="theme-doc-markdown markdown"><header><h1>Tutorial</h1></header>
@@ -272,6 +272,6 @@ <h3 class="anchor anchorWithStickyNavbar_QzlE" id="article-editor">Article edito
 <div class="language-tsx codeBlockContainer_IiXL theme-code-block" style="--prism-background-color:hsl(230, 1%, 98%);--prism-color:hsl(230, 8%, 24%)"><div class="codeBlockTitle_ajkA">app/routes/editor._index.tsx, app/routes/editor.$slug.tsx (same content)</div><div class="codeBlockContent_Y78k"><pre tabindex="0" class="prism-code language-tsx codeBlock_gc_u thin-scrollbar" style="background-color:hsl(230, 1%, 98%);color:hsl(230, 8%, 24%)"><code class="codeBlockLines_PG8G"><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token keyword" style="color:hsl(301, 63%, 40%)">import</span><span class="token plain"> </span><span class="token imports punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token imports"> </span><span class="token imports maybe-class-name">ArticleEditPage</span><span class="token imports"> </span><span class="token imports punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token plain"> </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">from</span><span class="token plain"> </span><span class="token string" style="color:hsl(119, 34%, 47%)">&quot;pages/article-edit&quot;</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain" style="display:inline-block"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain"></span><span class="token keyword" style="color:hsl(301, 63%, 40%)">export</span><span class="token plain"> </span><span class="token exports punctuation" style="color:hsl(119, 34%, 47%)">{</span><span class="token exports"> loader</span><span class="token exports punctuation" style="color:hsl(119, 34%, 47%)">,</span><span class="token exports"> action </span><span class="token exports punctuation" style="color:hsl(119, 34%, 47%)">}</span><span class="token plain"> </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">from</span><span class="token plain"> </span><span class="token string" style="color:hsl(119, 34%, 47%)">&quot;pages/article-edit&quot;</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain" style="display:inline-block"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain"></span><span class="token keyword" style="color:hsl(301, 63%, 40%)">export</span><span class="token plain"> </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">default</span><span class="token plain"> </span><span class="token maybe-class-name">ArticleEditPage</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><br></span></code></pre><div class="buttonGroup_VWIG"><button type="button" aria-label="Buferga nusxalash" title="Nusxalash" class="clean-btn"><span class="copyButtonIcons_p0uL" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_LnVn"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_yLdc"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div>
 <p>We’re done now! Log in and try creating a new article. Or “forget” to write the article and see the validation kick in.</p>
 <figure><p><img decoding="async" loading="lazy" alt="The Conduit article editor, with the title field saying “New article” and the rest of the fields empty. Above the form there are two errors: “Describe what this article is about” and “Write the article itself”." src="/uz/assets/images/realworld-article-editor-bc3ee45c96ae905fdbb54d6463d12723.jpg" width="2880" height="1488" class="img_Vtmu"></p><figcaption>The Conduit article editor, with the title field saying “New article” and the rest of the fields empty. Above the form there are two errors: <strong>“Describe what this article is about”</strong> and <strong>“Write the article itself”</strong>.</figcaption></figure>
-<p>The profile and settings pages are very similar to the article reader and editor, they are left as an exercise for the reader, that’s you :)</p></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/get-started/tutorial.md" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Sahifani tahrirlash</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Oxirgi yangilangan<!-- --> <b><time datetime="2024-09-29T11:02:46.000Z" itemprop="dateModified">29-sen, 2024</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Hujjat sahifalarida navigatsiya"><a class="pagination-nav__link pagination-nav__link--prev" href="/uz/docs/get-started/overview"><div class="pagination-nav__sublabel">Oldingi sahifa</div><div class="pagination-nav__label">Overview</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/uz/docs/get-started/faq"><div class="pagination-nav__sublabel">Keyingi sahifa</div><div class="pagination-nav__label">FAQ</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#part-1-on-paper" class="table-of-contents__link toc-highlight">Part 1. On paper</a><ul><li><a href="#start-by-listing-the-pages" class="table-of-contents__link toc-highlight">Start by listing the pages</a></li><li><a href="#close-look-at-the-feed" class="table-of-contents__link toc-highlight">Close look at the feed</a></li><li><a href="#reuse-generic-code" class="table-of-contents__link toc-highlight">Reuse generic code</a></li><li><a href="#define-a-strict-public-api" class="table-of-contents__link toc-highlight">Define a strict public API</a></li><li><a href="#large-reused-blocks-in-the-ui" class="table-of-contents__link toc-highlight">Large reused blocks in the UI</a></li><li><a href="#close-look-at-a-page-with-a-form" class="table-of-contents__link toc-highlight">Close look at a page with a form</a></li><li><a href="#summary" class="table-of-contents__link toc-highlight">Summary</a></li></ul></li><li><a href="#part-2-in-code" class="table-of-contents__link toc-highlight">Part 2. In code</a><ul><li><a href="#lay-out-the-pages" class="table-of-contents__link toc-highlight">Lay out the pages</a></li><li><a href="#connect-the-feed-page" class="table-of-contents__link toc-highlight">Connect the feed page</a></li><li><a href="#api-client" class="table-of-contents__link toc-highlight">API client</a></li><li><a href="#real-data-in-the-feed" class="table-of-contents__link toc-highlight">Real data in the feed</a></li><li><a href="#filtering-by-tag" class="table-of-contents__link toc-highlight">Filtering by tag</a></li><li><a href="#pagination" class="table-of-contents__link toc-highlight">Pagination</a></li><li><a href="#authentication" class="table-of-contents__link toc-highlight">Authentication</a></li><li><a href="#header" class="table-of-contents__link toc-highlight">Header</a></li><li><a href="#tabs" class="table-of-contents__link toc-highlight">Tabs</a></li><li><a href="#article-reader" class="table-of-contents__link toc-highlight">Article reader</a></li><li><a href="#article-editor" class="table-of-contents__link toc-highlight">Article editor</a></li></ul></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Spetsifikatsiya</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/uz/docs">Hujjatlar</a></li><li class="footer__item"><a class="footer__link-item" href="/uz/community">Jamiyat</a></li><li class="footer__item"><a class="footer__link-item" href="/uz/nav">Yordam</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Munozaralar<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Jamiyat</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Yana</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">Litsenziya<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/uz/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/uz/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
+<p>The profile and settings pages are very similar to the article reader and editor, they are left as an exercise for the reader, that’s you :)</p></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/get-started/tutorial.md" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Sahifani tahrirlash</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Oxirgi yangilangan<!-- --> <b><time datetime="2024-10-07T18:23:06.000Z" itemprop="dateModified">7-okt, 2024</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Hujjat sahifalarida navigatsiya"><a class="pagination-nav__link pagination-nav__link--prev" href="/uz/docs/get-started/overview"><div class="pagination-nav__sublabel">Oldingi sahifa</div><div class="pagination-nav__label">Overview</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/uz/docs/get-started/faq"><div class="pagination-nav__sublabel">Keyingi sahifa</div><div class="pagination-nav__label">FAQ</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#part-1-on-paper" class="table-of-contents__link toc-highlight">Part 1. On paper</a><ul><li><a href="#start-by-listing-the-pages" class="table-of-contents__link toc-highlight">Start by listing the pages</a></li><li><a href="#close-look-at-the-feed" class="table-of-contents__link toc-highlight">Close look at the feed</a></li><li><a href="#reuse-generic-code" class="table-of-contents__link toc-highlight">Reuse generic code</a></li><li><a href="#define-a-strict-public-api" class="table-of-contents__link toc-highlight">Define a strict public API</a></li><li><a href="#large-reused-blocks-in-the-ui" class="table-of-contents__link toc-highlight">Large reused blocks in the UI</a></li><li><a href="#close-look-at-a-page-with-a-form" class="table-of-contents__link toc-highlight">Close look at a page with a form</a></li><li><a href="#summary" class="table-of-contents__link toc-highlight">Summary</a></li></ul></li><li><a href="#part-2-in-code" class="table-of-contents__link toc-highlight">Part 2. In code</a><ul><li><a href="#lay-out-the-pages" class="table-of-contents__link toc-highlight">Lay out the pages</a></li><li><a href="#connect-the-feed-page" class="table-of-contents__link toc-highlight">Connect the feed page</a></li><li><a href="#api-client" class="table-of-contents__link toc-highlight">API client</a></li><li><a href="#real-data-in-the-feed" class="table-of-contents__link toc-highlight">Real data in the feed</a></li><li><a href="#filtering-by-tag" class="table-of-contents__link toc-highlight">Filtering by tag</a></li><li><a href="#pagination" class="table-of-contents__link toc-highlight">Pagination</a></li><li><a href="#authentication" class="table-of-contents__link toc-highlight">Authentication</a></li><li><a href="#header" class="table-of-contents__link toc-highlight">Header</a></li><li><a href="#tabs" class="table-of-contents__link toc-highlight">Tabs</a></li><li><a href="#article-reader" class="table-of-contents__link toc-highlight">Article reader</a></li><li><a href="#article-editor" class="table-of-contents__link toc-highlight">Article editor</a></li></ul></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Spetsifikatsiya</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/uz/docs">Hujjatlar</a></li><li class="footer__item"><a class="footer__link-item" href="/uz/community">Jamiyat</a></li><li class="footer__item"><a class="footer__link-item" href="/uz/nav">Yordam</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Munozaralar<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Jamiyat</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Yana</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">Litsenziya<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/uz/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/uz/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
 </body>
 </html>
\ No newline at end of file
diff --git a/uz/docs/guides.html b/uz/docs/guides.html
index 21ff6cec78..cfea2b70c9 100644
--- a/uz/docs/guides.html
+++ b/uz/docs/guides.html
@@ -9,8 +9,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/uz/opensearch.xml"><link rel="stylesheet" href="/uz/assets/css/styles.6a4ac441.css">
-<script src="/uz/assets/js/runtime~main.a1b42f8f.js" defer="defer"></script>
-<script src="/uz/assets/js/main.ef087bb6.js" defer="defer"></script>
+<script src="/uz/assets/js/runtime~main.d90f1c87.js" defer="defer"></script>
+<script src="/uz/assets/js/main.b67529a2.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Asosiy tarkibga o&#x27;tish"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">Asosiy tarkibga o&#x27;tish</a></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/uz/"><div class="navbar__logo"><img src="/uz/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/uz/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/uz/docs">📖 Hujjatlar</a><a class="navbar__item navbar__link" href="/uz/community">💫 Jamiyat</a><a class="navbar__item navbar__link" href="/uz/blog">📝 Blog</a><a class="navbar__item navbar__link" href="/uz/examples">🛠 Namunalar</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/uz/docs/guides">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a aria-current="page" class="dropdown__link dropdown__link--active" href="/uz/docs/guides">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/uz/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>O&#x27;zbekcha</a><ul class="dropdown__menu"><li><a href="/ru/docs/guides" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ru">Русский</a></li><li><a href="/docs/guides" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/uz/docs/guides" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/docs/guides" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="kr">한국어</a></li><li><a href="/ja/docs/guides" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><div class="docsWrapper_rDLg"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_JQoL" type="button"></button><div class="docRoot_GkJk"><aside class="theme-doc-sidebar-container docSidebarContainer_xiHB"><div class="sidebarViewport_DaHB"><div class="sidebar_Kb82"><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_AkOp"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible menu__list-item-collapsible--active"><a class="menu__link menu__link--active" aria-current="page" href="/uz/docs/guides">🎯  Guides</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" tabindex="0" href="/uz/docs/guides/examples">Namunalar</a><button aria-label="Expand sidebar category &#x27;Namunalar&#x27;" aria-expanded="false" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/uz/docs/guides/migration/from-custom">Migratsiya</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/uz/docs/guides/tech/with-nextjs">Texnologiya</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/uz/docs/guides/issues/desegmented">Code smells &amp; Issues</a></div></li></ul></li></ul></nav><button type="button" title="Yon panelni yig‘ish" aria-label="Yon panelni yig‘ish" class="button button--secondary button--outline collapseSidebarButton_L8vW"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_hYfn"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_uESP"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col"><div class="docItemContainer_b1tn"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_ioLt" aria-label="Breadcrumbs"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Home page" class="breadcrumbs__link" href="/uz/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_ZfEo"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">🎯  Guides</span><meta itemprop="position" content="1"></li></ul></nav><div class="theme-doc-markdown markdown"><header><h1>🎯 Guides</h1></header>
@@ -21,6 +21,6 @@ <h2 class="anchor anchorWithStickyNavbar_QzlE" id="main">Main<a href="#main" cla
 <a class="root_GfON defaultTheme_j3I8" href="/uz/docs/guides/examples"><span role="img" aria-label="tool" class="anticon anticon-tool icon_ciqP"><svg viewBox="64 64 896 896" focusable="false" data-icon="tool" width="1em" height="1em" fill="currentColor" aria-hidden="true"><path d="M876.6 239.5c-.5-.9-1.2-1.8-2-2.5-5-5-13.1-5-18.1 0L684.2 409.3l-67.9-67.9L788.7 169c.8-.8 1.4-1.6 2-2.5 3.6-6.1 1.6-13.9-4.5-17.5-98.2-58-226.8-44.7-311.3 39.7-67 67-89.2 162-66.5 247.4l-293 293c-3 3-2.8 7.9.3 11l169.7 169.7c3.1 3.1 8.1 3.3 11 .3l292.9-292.9c85.5 22.8 180.5.7 247.6-66.4 84.4-84.5 97.7-213.1 39.7-311.3zM786 499.8c-58.1 58.1-145.3 69.3-214.6 33.6l-8.8 8.8-.1-.1-274 274.1-79.2-79.2 230.1-230.1s0 .1.1.1l52.8-52.8c-35.7-69.3-24.5-156.5 33.6-214.6a184.2 184.2 0 01144-53.5L537 318.9a32.05 32.05 0 000 45.3l124.5 124.5a32.05 32.05 0 0045.3 0l132.8-132.8c3.7 51.8-14.4 104.8-53.6 143.9z"></path></svg></span><div class="details_xxkR"><div><span class="title_pSH5">Examples</span><p class="description__Fep">Practical examples on the application of the methodology</p></div><div class="detailsTags_uTQx">Authentication • Types • Page layout</div></div></a>
 <a class="root_GfON defaultTheme_j3I8" href="/uz/docs/guides/migration/from-v1"><span role="img" aria-label="import" class="anticon anticon-import icon_ciqP"><svg fill-rule="evenodd" viewBox="64 64 896 896" focusable="false" data-icon="import" width="1em" height="1em" fill="currentColor" aria-hidden="true"><path d="M880 912H144c-17.7 0-32-14.3-32-32V144c0-17.7 14.3-32 32-32h360c4.4 0 8 3.6 8 8v56c0 4.4-3.6 8-8 8H184v656h656V520c0-4.4 3.6-8 8-8h56c4.4 0 8 3.6 8 8v360c0 17.7-14.3 32-32 32zM653.3 424.6l52.2 52.2a8.01 8.01 0 01-4.7 13.6l-179.4 21c-5.1.6-9.5-3.7-8.9-8.9l21-179.4c.8-6.6 8.9-9.4 13.6-4.7l52.4 52.4 256.2-256.2c3.1-3.1 8.2-3.1 11.3 0l42.4 42.4c3.1 3.1 3.1 8.2 0 11.3L653.3 424.6z"></path></svg></span><div class="details_xxkR"><div><span class="title_pSH5">Migration</span><p class="description__Fep">Migration guides from other architectures</p></div><div class="detailsTags_uTQx">From custom architecture • From FSv1</div></div></a>
 <a class="root_GfON defaultTheme_j3I8" href="/uz/docs/guides/tech/with-nextjs"><span role="img" aria-label="function" class="anticon anticon-function icon_ciqP"><svg viewBox="64 64 896 896" focusable="false" data-icon="function" width="1em" height="1em" fill="currentColor" aria-hidden="true"><defs><style></style></defs><path d="M841 370c3-3.3 2.7-8.3-.6-11.3a8.24 8.24 0 00-5.3-2.1h-72.6c-2.4 0-4.6 1-6.1 2.8L633.5 504.6a7.96 7.96 0 01-13.4-1.9l-63.5-141.3a7.9 7.9 0 00-7.3-4.7H380.7l.9-4.7 8-42.3c10.5-55.4 38-81.4 85.8-81.4 18.6 0 35.5 1.7 48.8 4.7l14.1-66.8c-22.6-4.7-35.2-6.1-54.9-6.1-103.3 0-156.4 44.3-175.9 147.3l-9.4 49.4h-97.6c-3.8 0-7.1 2.7-7.8 6.4L181.9 415a8.07 8.07 0 007.8 9.7H284l-89 429.9a8.07 8.07 0 007.8 9.7H269c3.8 0 7.1-2.7 7.8-6.4l89.7-433.1h135.8l68.2 139.1c1.4 2.9 1 6.4-1.2 8.8l-180.6 203c-2.9 3.3-2.6 8.4.7 11.3 1.5 1.3 3.4 2 5.3 2h72.7c2.4 0 4.6-1 6.1-2.8l123.7-146.7c2.8-3.4 7.9-3.8 11.3-1 .9.8 1.6 1.7 2.1 2.8L676.4 784c1.3 2.8 4.1 4.7 7.3 4.7h64.6a8.02 8.02 0 007.2-11.5l-95.2-198.9c-1.4-2.9-.9-6.4 1.3-8.8L841 370z"></path></svg></span><div class="details_xxkR"><div><span class="title_pSH5">Tech</span><p class="description__Fep">Tech-specific guides for FSD usage</p></div></div></a>
-<a class="root_GfON defaultTheme_j3I8" href="/uz/docs/guides/issues/desegmented"><span role="img" aria-label="bug" class="anticon anticon-bug icon_ciqP"><svg viewBox="64 64 896 896" focusable="false" data-icon="bug" width="1em" height="1em" fill="currentColor" aria-hidden="true"><path d="M304 280h56c4.4 0 8-3.6 8-8 0-28.3 5.9-53.2 17.1-73.5 10.6-19.4 26-34.8 45.4-45.4C450.9 142 475.7 136 504 136h16c28.3 0 53.2 5.9 73.5 17.1 19.4 10.6 34.8 26 45.4 45.4C650 218.9 656 243.7 656 272c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8 0-40-8.8-76.7-25.9-108.1a184.31 184.31 0 00-74-74C596.7 72.8 560 64 520 64h-16c-40 0-76.7 8.8-108.1 25.9a184.31 184.31 0 00-74 74C304.8 195.3 296 232 296 272c0 4.4 3.6 8 8 8z"></path><path d="M940 512H792V412c76.8 0 139-62.2 139-139 0-4.4-3.6-8-8-8h-60c-4.4 0-8 3.6-8 8a63 63 0 01-63 63H232a63 63 0 01-63-63c0-4.4-3.6-8-8-8h-60c-4.4 0-8 3.6-8 8 0 76.8 62.2 139 139 139v100H84c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h148v96c0 6.5.2 13 .7 19.3C164.1 728.6 116 796.7 116 876c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8 0-44.2 23.9-82.9 59.6-103.7a273 273 0 0022.7 49c24.3 41.5 59 76.2 100.5 100.5S460.5 960 512 960s99.8-13.9 141.3-38.2a281.38 281.38 0 00123.2-149.5A120 120 0 01836 876c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8 0-79.3-48.1-147.4-116.7-176.7.4-6.4.7-12.8.7-19.3v-96h148c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8zM716 680c0 36.8-9.7 72-27.8 102.9-17.7 30.3-43 55.6-73.3 73.3C584 874.3 548.8 884 512 884s-72-9.7-102.9-27.8c-30.3-17.7-55.6-43-73.3-73.3A202.75 202.75 0 01308 680V412h408v268z"></path></svg></span><div class="details_xxkR"><div><span class="title_pSH5">Code Issues (Smells)</span><p class="description__Fep">General architecture issues for legacy code</p></div><div class="detailsTags_uTQx">Desegmented • Routing • Cross-imports</div></div></a></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/guides/index.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Sahifani tahrirlash</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Oxirgi yangilangan<!-- --> <b><time datetime="2024-09-29T11:02:46.000Z" itemprop="dateModified">29-sen, 2024</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Hujjat sahifalarida navigatsiya"><a class="pagination-nav__link pagination-nav__link--prev" href="/uz/docs/get-started"><div class="pagination-nav__sublabel">Oldingi sahifa</div><div class="pagination-nav__label">🚀 Get Started</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/uz/docs/guides/examples"><div class="pagination-nav__sublabel">Keyingi sahifa</div><div class="pagination-nav__label">Examples</div></a></nav></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Spetsifikatsiya</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/uz/docs">Hujjatlar</a></li><li class="footer__item"><a class="footer__link-item" href="/uz/community">Jamiyat</a></li><li class="footer__item"><a class="footer__link-item" href="/uz/nav">Yordam</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Munozaralar<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Jamiyat</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Yana</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">Litsenziya<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/uz/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/uz/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
+<a class="root_GfON defaultTheme_j3I8" href="/uz/docs/guides/issues/desegmented"><span role="img" aria-label="bug" class="anticon anticon-bug icon_ciqP"><svg viewBox="64 64 896 896" focusable="false" data-icon="bug" width="1em" height="1em" fill="currentColor" aria-hidden="true"><path d="M304 280h56c4.4 0 8-3.6 8-8 0-28.3 5.9-53.2 17.1-73.5 10.6-19.4 26-34.8 45.4-45.4C450.9 142 475.7 136 504 136h16c28.3 0 53.2 5.9 73.5 17.1 19.4 10.6 34.8 26 45.4 45.4C650 218.9 656 243.7 656 272c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8 0-40-8.8-76.7-25.9-108.1a184.31 184.31 0 00-74-74C596.7 72.8 560 64 520 64h-16c-40 0-76.7 8.8-108.1 25.9a184.31 184.31 0 00-74 74C304.8 195.3 296 232 296 272c0 4.4 3.6 8 8 8z"></path><path d="M940 512H792V412c76.8 0 139-62.2 139-139 0-4.4-3.6-8-8-8h-60c-4.4 0-8 3.6-8 8a63 63 0 01-63 63H232a63 63 0 01-63-63c0-4.4-3.6-8-8-8h-60c-4.4 0-8 3.6-8 8 0 76.8 62.2 139 139 139v100H84c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h148v96c0 6.5.2 13 .7 19.3C164.1 728.6 116 796.7 116 876c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8 0-44.2 23.9-82.9 59.6-103.7a273 273 0 0022.7 49c24.3 41.5 59 76.2 100.5 100.5S460.5 960 512 960s99.8-13.9 141.3-38.2a281.38 281.38 0 00123.2-149.5A120 120 0 01836 876c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8 0-79.3-48.1-147.4-116.7-176.7.4-6.4.7-12.8.7-19.3v-96h148c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8zM716 680c0 36.8-9.7 72-27.8 102.9-17.7 30.3-43 55.6-73.3 73.3C584 874.3 548.8 884 512 884s-72-9.7-102.9-27.8c-30.3-17.7-55.6-43-73.3-73.3A202.75 202.75 0 01308 680V412h408v268z"></path></svg></span><div class="details_xxkR"><div><span class="title_pSH5">Code Issues (Smells)</span><p class="description__Fep">General architecture issues for legacy code</p></div><div class="detailsTags_uTQx">Desegmented • Routing • Cross-imports</div></div></a></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/guides/index.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Sahifani tahrirlash</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Oxirgi yangilangan<!-- --> <b><time datetime="2024-10-07T18:23:06.000Z" itemprop="dateModified">7-okt, 2024</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Hujjat sahifalarida navigatsiya"><a class="pagination-nav__link pagination-nav__link--prev" href="/uz/docs/get-started"><div class="pagination-nav__sublabel">Oldingi sahifa</div><div class="pagination-nav__label">🚀 Get Started</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/uz/docs/guides/examples"><div class="pagination-nav__sublabel">Keyingi sahifa</div><div class="pagination-nav__label">Examples</div></a></nav></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Spetsifikatsiya</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/uz/docs">Hujjatlar</a></li><li class="footer__item"><a class="footer__link-item" href="/uz/community">Jamiyat</a></li><li class="footer__item"><a class="footer__link-item" href="/uz/nav">Yordam</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Munozaralar<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Jamiyat</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Yana</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">Litsenziya<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/uz/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/uz/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
 </body>
 </html>
\ No newline at end of file
diff --git a/uz/docs/guides/examples.html b/uz/docs/guides/examples.html
index 8133e8b9e2..90c9a9b943 100644
--- a/uz/docs/guides/examples.html
+++ b/uz/docs/guides/examples.html
@@ -9,8 +9,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/uz/opensearch.xml"><link rel="stylesheet" href="/uz/assets/css/styles.6a4ac441.css">
-<script src="/uz/assets/js/runtime~main.a1b42f8f.js" defer="defer"></script>
-<script src="/uz/assets/js/main.ef087bb6.js" defer="defer"></script>
+<script src="/uz/assets/js/runtime~main.d90f1c87.js" defer="defer"></script>
+<script src="/uz/assets/js/main.b67529a2.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Asosiy tarkibga o&#x27;tish"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">Asosiy tarkibga o&#x27;tish</a></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/uz/"><div class="navbar__logo"><img src="/uz/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/uz/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/uz/docs">📖 Hujjatlar</a><a class="navbar__item navbar__link" href="/uz/community">💫 Jamiyat</a><a class="navbar__item navbar__link" href="/uz/blog">📝 Blog</a><a class="navbar__item navbar__link" href="/uz/examples">🛠 Namunalar</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/uz/docs/guides/examples">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a aria-current="page" class="dropdown__link dropdown__link--active" href="/uz/docs/guides/examples">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/uz/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>O&#x27;zbekcha</a><ul class="dropdown__menu"><li><a href="/ru/docs/guides/examples" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ru">Русский</a></li><li><a href="/docs/guides/examples" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/uz/docs/guides/examples" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/docs/guides/examples" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="kr">한국어</a></li><li><a href="/ja/docs/guides/examples" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><div class="docsWrapper_rDLg"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_JQoL" type="button"></button><div class="docRoot_GkJk"><aside class="theme-doc-sidebar-container docSidebarContainer_xiHB"><div class="sidebarViewport_DaHB"><div class="sidebar_Kb82"><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_AkOp"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--active" href="/uz/docs/guides">🎯  Guides</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item"><div class="menu__list-item-collapsible menu__list-item-collapsible--active"><a class="menu__link menu__link--sublist menu__link--active" aria-current="page" tabindex="0" href="/uz/docs/guides/examples">Namunalar</a><button aria-label="Collapse sidebar category &#x27;Namunalar&#x27;" aria-expanded="true" type="button" class="clean-btn menu__caret"></button></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/uz/docs/guides/examples/auth">Authentication</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/uz/docs/guides/examples/types">Types</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/uz/docs/guides/examples/page-layout">Page layouts</a></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/uz/docs/guides/migration/from-custom">Migratsiya</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/uz/docs/guides/tech/with-nextjs">Texnologiya</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/uz/docs/guides/issues/desegmented">Code smells &amp; Issues</a></div></li></ul></li></ul></nav><button type="button" title="Yon panelni yig‘ish" aria-label="Yon panelni yig‘ish" class="button button--secondary button--outline collapseSidebarButton_L8vW"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_hYfn"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_uESP"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col"><div class="docItemContainer_b1tn"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_ioLt" aria-label="Breadcrumbs"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Home page" class="breadcrumbs__link" href="/uz/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_ZfEo"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/uz/docs/guides"><span itemprop="name">🎯  Guides</span></a><meta itemprop="position" content="1"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">Namunalar</span><meta itemprop="position" content="2"></li></ul></nav><div class="theme-doc-markdown markdown"><header><h1>Examples</h1></header>
@@ -19,6 +19,6 @@ <h2 class="anchor anchorWithStickyNavbar_QzlE" id="main">Main<a href="#main" cla
 <!-- -->
 <a class="root_GfON defaultTheme_j3I8" href="/uz/docs/guides/examples/auth"><span role="img" aria-label="user-switch" class="anticon anticon-user-switch icon_ciqP"><svg viewBox="64 64 896 896" focusable="false" data-icon="user-switch" width="1em" height="1em" fill="currentColor" aria-hidden="true"><defs><style></style></defs><path d="M759 335c0-137-111-248-248-248S263 198 263 335c0 82.8 40.6 156.2 103 201.2-.4.2-.7.3-.9.4-44.7 18.9-84.8 46-119.3 80.6a373.42 373.42 0 00-80.4 119.5A373.6 373.6 0 00136 874.8a8 8 0 008 8.2h59.9c4.3 0 7.9-3.5 8-7.8 2-77.2 32.9-149.5 87.6-204.3C356 614.2 431 583 511 583c137 0 248-111 248-248zM511 507c-95 0-172-77-172-172s77-172 172-172 172 77 172 172-77 172-172 172zm105 221h264c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8H703.5l47.2-60.1a8.1 8.1 0 001.7-4.9c0-4.4-3.6-8-8-8h-72.6c-4.9 0-9.5 2.3-12.6 6.1l-68.5 87.1c-4.4 5.6-6.8 12.6-6.8 19.8.1 17.7 14.4 32 32.1 32zm240 64H592c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h176.5l-47.2 60.1a8.1 8.1 0 00-1.7 4.9c0 4.4 3.6 8 8 8h72.6c4.9 0 9.5-2.3 12.6-6.1l68.5-87.1c4.4-5.6 6.8-12.6 6.8-19.8-.1-17.7-14.4-32-32.1-32z"></path></svg></span><div class="details_xxkR"><div><span class="title_pSH5">Authentication</span><p class="description__Fep">Decomposition of authentication logic</p></div><div class="detailsTags_uTQx">Forms • 2FA • OAuth • Token storage • Token refresh</div></div></a>
 <a class="root_GfON defaultTheme_j3I8" href="/uz/docs/guides/examples/types"><span role="img" aria-label="font-size" class="anticon anticon-font-size icon_ciqP"><svg viewBox="64 64 896 896" focusable="false" data-icon="font-size" width="1em" height="1em" fill="currentColor" aria-hidden="true"><path d="M920 416H616c-4.4 0-8 3.6-8 8v112c0 4.4 3.6 8 8 8h48c4.4 0 8-3.6 8-8v-56h60v320h-46c-4.4 0-8 3.6-8 8v48c0 4.4 3.6 8 8 8h164c4.4 0 8-3.6 8-8v-48c0-4.4-3.6-8-8-8h-46V480h60v56c0 4.4 3.6 8 8 8h48c4.4 0 8-3.6 8-8V424c0-4.4-3.6-8-8-8zM656 296V168c0-4.4-3.6-8-8-8H104c-4.4 0-8 3.6-8 8v128c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-64h168v560h-92c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h264c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8h-92V232h168v64c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8z"></path></svg></span><div class="details_xxkR"><div><span class="title_pSH5">Types</span><p class="description__Fep">Where to keep the types? What kinds of types are there in the context of FSD?</p></div><div class="detailsTags_uTQx">DTO • Mappers • Entity relationships • Auto-generation • Validation schemas</div></div></a>
-<a class="root_GfON defaultTheme_j3I8" href="/uz/docs/guides/examples/page-layout"><span role="img" aria-label="layout" class="anticon anticon-layout icon_ciqP"><svg viewBox="64 64 896 896" focusable="false" data-icon="layout" width="1em" height="1em" fill="currentColor" aria-hidden="true"><path d="M880 112H144c-17.7 0-32 14.3-32 32v736c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V144c0-17.7-14.3-32-32-32zm-696 72h136v656H184V184zm656 656H384V384h456v456zM384 320V184h456v136H384z"></path></svg></span><div class="details_xxkR"><div><span class="title_pSH5">Page layouts</span><p class="description__Fep">Main cases with layouts</p></div><div class="detailsTags_uTQx">Where to store them • Using widgets in layouts</div></div></a></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/index.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Sahifani tahrirlash</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Oxirgi yangilangan<!-- --> <b><time datetime="2024-09-29T11:02:46.000Z" itemprop="dateModified">29-sen, 2024</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Hujjat sahifalarida navigatsiya"><a class="pagination-nav__link pagination-nav__link--prev" href="/uz/docs/guides"><div class="pagination-nav__sublabel">Oldingi sahifa</div><div class="pagination-nav__label">🎯 Guides</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/uz/docs/guides/examples/auth"><div class="pagination-nav__sublabel">Keyingi sahifa</div><div class="pagination-nav__label">Authentication</div></a></nav></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Spetsifikatsiya</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/uz/docs">Hujjatlar</a></li><li class="footer__item"><a class="footer__link-item" href="/uz/community">Jamiyat</a></li><li class="footer__item"><a class="footer__link-item" href="/uz/nav">Yordam</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Munozaralar<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Jamiyat</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Yana</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">Litsenziya<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/uz/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/uz/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
+<a class="root_GfON defaultTheme_j3I8" href="/uz/docs/guides/examples/page-layout"><span role="img" aria-label="layout" class="anticon anticon-layout icon_ciqP"><svg viewBox="64 64 896 896" focusable="false" data-icon="layout" width="1em" height="1em" fill="currentColor" aria-hidden="true"><path d="M880 112H144c-17.7 0-32 14.3-32 32v736c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V144c0-17.7-14.3-32-32-32zm-696 72h136v656H184V184zm656 656H384V384h456v456zM384 320V184h456v136H384z"></path></svg></span><div class="details_xxkR"><div><span class="title_pSH5">Page layouts</span><p class="description__Fep">Main cases with layouts</p></div><div class="detailsTags_uTQx">Where to store them • Using widgets in layouts</div></div></a></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/index.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Sahifani tahrirlash</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Oxirgi yangilangan<!-- --> <b><time datetime="2024-10-07T18:23:06.000Z" itemprop="dateModified">7-okt, 2024</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Hujjat sahifalarida navigatsiya"><a class="pagination-nav__link pagination-nav__link--prev" href="/uz/docs/guides"><div class="pagination-nav__sublabel">Oldingi sahifa</div><div class="pagination-nav__label">🎯 Guides</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/uz/docs/guides/examples/auth"><div class="pagination-nav__sublabel">Keyingi sahifa</div><div class="pagination-nav__label">Authentication</div></a></nav></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Spetsifikatsiya</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/uz/docs">Hujjatlar</a></li><li class="footer__item"><a class="footer__link-item" href="/uz/community">Jamiyat</a></li><li class="footer__item"><a class="footer__link-item" href="/uz/nav">Yordam</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Munozaralar<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Jamiyat</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Yana</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">Litsenziya<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/uz/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/uz/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
 </body>
 </html>
\ No newline at end of file
diff --git a/uz/docs/guides/examples/auth.html b/uz/docs/guides/examples/auth.html
index fcd7f70ff6..436f033a36 100644
--- a/uz/docs/guides/examples/auth.html
+++ b/uz/docs/guides/examples/auth.html
@@ -9,8 +9,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/uz/opensearch.xml"><link rel="stylesheet" href="/uz/assets/css/styles.6a4ac441.css">
-<script src="/uz/assets/js/runtime~main.a1b42f8f.js" defer="defer"></script>
-<script src="/uz/assets/js/main.ef087bb6.js" defer="defer"></script>
+<script src="/uz/assets/js/runtime~main.d90f1c87.js" defer="defer"></script>
+<script src="/uz/assets/js/main.b67529a2.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Asosiy tarkibga o&#x27;tish"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">Asosiy tarkibga o&#x27;tish</a></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/uz/"><div class="navbar__logo"><img src="/uz/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/uz/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/uz/docs">📖 Hujjatlar</a><a class="navbar__item navbar__link" href="/uz/community">💫 Jamiyat</a><a class="navbar__item navbar__link" href="/uz/blog">📝 Blog</a><a class="navbar__item navbar__link" href="/uz/examples">🛠 Namunalar</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/uz/docs/guides/examples/auth">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a aria-current="page" class="dropdown__link dropdown__link--active" href="/uz/docs/guides/examples/auth">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/uz/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>O&#x27;zbekcha</a><ul class="dropdown__menu"><li><a href="/ru/docs/guides/examples/auth" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ru">Русский</a></li><li><a href="/docs/guides/examples/auth" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/uz/docs/guides/examples/auth" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/docs/guides/examples/auth" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="kr">한국어</a></li><li><a href="/ja/docs/guides/examples/auth" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><div class="docsWrapper_rDLg"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_JQoL" type="button"></button><div class="docRoot_GkJk"><aside class="theme-doc-sidebar-container docSidebarContainer_xiHB"><div class="sidebarViewport_DaHB"><div class="sidebar_Kb82"><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_AkOp"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--active" href="/uz/docs/guides">🎯  Guides</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--active" tabindex="0" href="/uz/docs/guides/examples">Namunalar</a><button aria-label="Collapse sidebar category &#x27;Namunalar&#x27;" aria-expanded="true" type="button" class="clean-btn menu__caret"></button></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/uz/docs/guides/examples/auth">Authentication</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/uz/docs/guides/examples/types">Types</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/uz/docs/guides/examples/page-layout">Page layouts</a></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/uz/docs/guides/migration/from-custom">Migratsiya</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/uz/docs/guides/tech/with-nextjs">Texnologiya</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/uz/docs/guides/issues/desegmented">Code smells &amp; Issues</a></div></li></ul></li></ul></nav><button type="button" title="Yon panelni yig‘ish" aria-label="Yon panelni yig‘ish" class="button button--secondary button--outline collapseSidebarButton_L8vW"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_hYfn"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_uESP"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_w6lk"><div class="docItemContainer_b1tn"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_ioLt" aria-label="Breadcrumbs"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Home page" class="breadcrumbs__link" href="/uz/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_ZfEo"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/uz/docs/guides"><span itemprop="name">🎯  Guides</span></a><meta itemprop="position" content="1"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/uz/docs/guides/examples"><span itemprop="name">Namunalar</span></a><meta itemprop="position" content="2"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">Authentication</span><meta itemprop="position" content="3"></li></ul></nav><div class="tocCollapsible_EkMH theme-doc-toc-mobile tocMobile_XRnS"><button type="button" class="clean-btn tocCollapsibleButton_ID8T">On this page</button></div><div class="theme-doc-markdown markdown"><header><h1>Authentication</h1></header>
@@ -164,6 +164,6 @@ <h2 class="anchor anchorWithStickyNavbar_QzlE" id="logout-and-token-invalidation
 <p>If you store all your requests in <code>shared/api</code>, keep the logout request function there, close to the login function. Otherwise, consider keeping the logout request function next to the button that triggers it. For example, if you have a header widget that appears on every page and contains the logout link, put that request in the <code>api</code> segment of that widget.</p>
 <p>The update to the token store will have to be triggered from the place of the logout button, like a header widget. You can combine the request and the store update in the <code>model</code> segment of that widget.</p>
 <h3 class="anchor anchorWithStickyNavbar_QzlE" id="automatic-logout">Automatic logout<a href="#automatic-logout" class="hash-link" aria-label="Sarlavhaga to&#x27;g&#x27;ridan-to&#x27;g&#x27;ri havola" title="Sarlavhaga to&#x27;g&#x27;ridan-to&#x27;g&#x27;ri havola">​</a></h3>
-<p>Don&#x27;t forget to build failsafes for when a request to log out fails, or a request to refresh a login token fails. In both of these cases, you should clear the token store. If you keep your token in Entities, this code can be placed in the <code>model</code> segment as it is pure business logic. If you keep your token in Shared, placing this logic in <code>shared/api</code> might bloat the segment and dilute its purpose. If you&#x27;re noticing that your API segment contains two several unrelated things, consider splitting out the token management logic into another segment, for example, <code>shared/auth</code>.</p></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/auth.md" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Sahifani tahrirlash</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Oxirgi yangilangan<!-- --> <b><time datetime="2024-09-29T11:02:46.000Z" itemprop="dateModified">29-sen, 2024</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Hujjat sahifalarida navigatsiya"><a class="pagination-nav__link pagination-nav__link--prev" href="/uz/docs/guides/examples"><div class="pagination-nav__sublabel">Oldingi sahifa</div><div class="pagination-nav__label">Examples</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/uz/docs/guides/examples/types"><div class="pagination-nav__sublabel">Keyingi sahifa</div><div class="pagination-nav__label">Types</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#how-to-get-credentials-from-the-user" class="table-of-contents__link toc-highlight">How to get credentials from the user</a><ul><li><a href="#dedicated-page-for-login" class="table-of-contents__link toc-highlight">Dedicated page for login</a></li><li><a href="#dialog-for-login" class="table-of-contents__link toc-highlight">Dialog for login</a></li><li><a href="#client-side-validation" class="table-of-contents__link toc-highlight">Client-side validation</a></li></ul></li><li><a href="#how-to-send-credentials-to-the-backend" class="table-of-contents__link toc-highlight">How to send credentials to the backend</a><ul><li><a href="#where-to-store-the-request-function" class="table-of-contents__link toc-highlight">Where to store the request function</a></li><li><a href="#two-factor-authentication" class="table-of-contents__link toc-highlight">Two-factor authentication</a></li></ul></li><li><a href="#how-to-store-the-token-for-authenticated-requests" class="table-of-contents__link toc-highlight">How to store the token for authenticated requests</a><ul><li><a href="#in-shared" class="table-of-contents__link toc-highlight">In Shared</a></li><li><a href="#in-entities" class="table-of-contents__link toc-highlight">In Entities</a></li><li><a href="#in-pageswidgets-not-recommended" class="table-of-contents__link toc-highlight">In Pages/Widgets (not recommended)</a></li></ul></li><li><a href="#logout-and-token-invalidation" class="table-of-contents__link toc-highlight">Logout and token invalidation</a><ul><li><a href="#automatic-logout" class="table-of-contents__link toc-highlight">Automatic logout</a></li></ul></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Spetsifikatsiya</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/uz/docs">Hujjatlar</a></li><li class="footer__item"><a class="footer__link-item" href="/uz/community">Jamiyat</a></li><li class="footer__item"><a class="footer__link-item" href="/uz/nav">Yordam</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Munozaralar<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Jamiyat</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Yana</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">Litsenziya<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/uz/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/uz/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
+<p>Don&#x27;t forget to build failsafes for when a request to log out fails, or a request to refresh a login token fails. In both of these cases, you should clear the token store. If you keep your token in Entities, this code can be placed in the <code>model</code> segment as it is pure business logic. If you keep your token in Shared, placing this logic in <code>shared/api</code> might bloat the segment and dilute its purpose. If you&#x27;re noticing that your API segment contains two several unrelated things, consider splitting out the token management logic into another segment, for example, <code>shared/auth</code>.</p></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/auth.md" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Sahifani tahrirlash</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Oxirgi yangilangan<!-- --> <b><time datetime="2024-10-07T18:23:06.000Z" itemprop="dateModified">7-okt, 2024</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Hujjat sahifalarida navigatsiya"><a class="pagination-nav__link pagination-nav__link--prev" href="/uz/docs/guides/examples"><div class="pagination-nav__sublabel">Oldingi sahifa</div><div class="pagination-nav__label">Examples</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/uz/docs/guides/examples/types"><div class="pagination-nav__sublabel">Keyingi sahifa</div><div class="pagination-nav__label">Types</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#how-to-get-credentials-from-the-user" class="table-of-contents__link toc-highlight">How to get credentials from the user</a><ul><li><a href="#dedicated-page-for-login" class="table-of-contents__link toc-highlight">Dedicated page for login</a></li><li><a href="#dialog-for-login" class="table-of-contents__link toc-highlight">Dialog for login</a></li><li><a href="#client-side-validation" class="table-of-contents__link toc-highlight">Client-side validation</a></li></ul></li><li><a href="#how-to-send-credentials-to-the-backend" class="table-of-contents__link toc-highlight">How to send credentials to the backend</a><ul><li><a href="#where-to-store-the-request-function" class="table-of-contents__link toc-highlight">Where to store the request function</a></li><li><a href="#two-factor-authentication" class="table-of-contents__link toc-highlight">Two-factor authentication</a></li></ul></li><li><a href="#how-to-store-the-token-for-authenticated-requests" class="table-of-contents__link toc-highlight">How to store the token for authenticated requests</a><ul><li><a href="#in-shared" class="table-of-contents__link toc-highlight">In Shared</a></li><li><a href="#in-entities" class="table-of-contents__link toc-highlight">In Entities</a></li><li><a href="#in-pageswidgets-not-recommended" class="table-of-contents__link toc-highlight">In Pages/Widgets (not recommended)</a></li></ul></li><li><a href="#logout-and-token-invalidation" class="table-of-contents__link toc-highlight">Logout and token invalidation</a><ul><li><a href="#automatic-logout" class="table-of-contents__link toc-highlight">Automatic logout</a></li></ul></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Spetsifikatsiya</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/uz/docs">Hujjatlar</a></li><li class="footer__item"><a class="footer__link-item" href="/uz/community">Jamiyat</a></li><li class="footer__item"><a class="footer__link-item" href="/uz/nav">Yordam</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Munozaralar<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Jamiyat</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Yana</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">Litsenziya<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/uz/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/uz/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
 </body>
 </html>
\ No newline at end of file
diff --git a/uz/docs/guides/examples/autocompleted.html b/uz/docs/guides/examples/autocompleted.html
index dc3856f4b9..3aa7ae471e 100644
--- a/uz/docs/guides/examples/autocompleted.html
+++ b/uz/docs/guides/examples/autocompleted.html
@@ -9,8 +9,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/uz/opensearch.xml"><link rel="stylesheet" href="/uz/assets/css/styles.6a4ac441.css">
-<script src="/uz/assets/js/runtime~main.a1b42f8f.js" defer="defer"></script>
-<script src="/uz/assets/js/main.ef087bb6.js" defer="defer"></script>
+<script src="/uz/assets/js/runtime~main.d90f1c87.js" defer="defer"></script>
+<script src="/uz/assets/js/main.b67529a2.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Asosiy tarkibga o&#x27;tish"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">Asosiy tarkibga o&#x27;tish</a></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/uz/"><div class="navbar__logo"><img src="/uz/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/uz/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/uz/docs">📖 Hujjatlar</a><a class="navbar__item navbar__link" href="/uz/community">💫 Jamiyat</a><a class="navbar__item navbar__link" href="/uz/blog">📝 Blog</a><a class="navbar__item navbar__link" href="/uz/examples">🛠 Namunalar</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/uz/docs/guides/examples/autocompleted">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a aria-current="page" class="dropdown__link dropdown__link--active" href="/uz/docs/guides/examples/autocompleted">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/uz/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>O&#x27;zbekcha</a><ul class="dropdown__menu"><li><a href="/ru/docs/guides/examples/autocompleted" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ru">Русский</a></li><li><a href="/docs/guides/examples/autocompleted" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/uz/docs/guides/examples/autocompleted" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/docs/guides/examples/autocompleted" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="kr">한국어</a></li><li><a href="/ja/docs/guides/examples/autocompleted" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><div class="docsWrapper_rDLg"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_JQoL" type="button"></button><div class="docRoot_GkJk"><aside class="theme-doc-sidebar-container docSidebarContainer_xiHB"><div class="sidebarViewport_DaHB"><div class="sidebar_Kb82"><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_AkOp"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--active" href="/uz/docs/guides">🎯  Guides</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--active" tabindex="0" href="/uz/docs/guides/examples">Namunalar</a><button aria-label="Collapse sidebar category &#x27;Namunalar&#x27;" aria-expanded="true" type="button" class="clean-btn menu__caret"></button></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/uz/docs/guides/examples/auth">Authentication</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/uz/docs/guides/examples/types">Types</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/uz/docs/guides/examples/page-layout">Page layouts</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item sidebar-item--wip"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/uz/docs/guides/examples/autocompleted">Autocomplete</a></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/uz/docs/guides/migration/from-custom">Migratsiya</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/uz/docs/guides/tech/with-nextjs">Texnologiya</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/uz/docs/guides/issues/desegmented">Code smells &amp; Issues</a></div></li></ul></li></ul></nav><button type="button" title="Yon panelni yig‘ish" aria-label="Yon panelni yig‘ish" class="button button--secondary button--outline collapseSidebarButton_L8vW"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_hYfn"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_uESP"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_w6lk"><div class="theme-admonition theme-admonition-caution admonition_yLUd alert alert--warning theme-unlisted-banner"><div class="admonitionHeading_ulUq"><span class="admonitionIcon_Wbvt"><svg viewBox="0 0 16 16"><path fill-rule="evenodd" d="M8.893 1.5c-.183-.31-.52-.5-.887-.5s-.703.19-.886.5L.138 13.499a.98.98 0 0 0 0 1.001c.193.31.53.501.886.501h13.964c.367 0 .704-.19.877-.5a1.03 1.03 0 0 0 .01-1.002L8.893 1.5zm.133 11.497H6.987v-2.003h2.039v2.003zm0-3.004H6.987V5.987h2.039v4.006z"></path></svg></span>Unlisted page</div><div class="admonitionContent_mbd8">This page is unlisted. Search engines will not index it, and only users having a direct link can access it.</div></div><div class="docItemContainer_b1tn"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_ioLt" aria-label="Breadcrumbs"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Home page" class="breadcrumbs__link" href="/uz/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_ZfEo"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/uz/docs/guides"><span itemprop="name">🎯  Guides</span></a><meta itemprop="position" content="1"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/uz/docs/guides/examples"><span itemprop="name">Namunalar</span></a><meta itemprop="position" content="2"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">Autocomplete</span><meta itemprop="position" content="3"></li></ul></nav><div class="tocCollapsible_EkMH theme-doc-toc-mobile tocMobile_XRnS"><button type="button" class="clean-btn tocCollapsibleButton_ID8T">On this page</button></div><div class="theme-doc-markdown markdown"><header><h1>Autocomplete</h1></header>
@@ -21,6 +21,6 @@
 <h2 class="anchor anchorWithStickyNavbar_QzlE" id="see-also">See also<a href="#see-also" class="hash-link" aria-label="Sarlavhaga to&#x27;g&#x27;ridan-to&#x27;g&#x27;ri havola" title="Sarlavhaga to&#x27;g&#x27;ridan-to&#x27;g&#x27;ri havola">​</a></h2>
 <ul>
 <li><a href="https://github.com/feature-sliced/documentation/discussions/65#discussioncomment-480807" target="_blank" rel="noopener noreferrer">(Discussion) About the application of the methodology for the selection with loaded dictionaries</a></li>
-</ul></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/autocompleted.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Sahifani tahrirlash</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Oxirgi yangilangan<!-- --> <b><time datetime="2024-09-29T11:02:46.000Z" itemprop="dateModified">29-sen, 2024</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Hujjat sahifalarida navigatsiya"></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#see-also" class="table-of-contents__link toc-highlight">See also</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Spetsifikatsiya</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/uz/docs">Hujjatlar</a></li><li class="footer__item"><a class="footer__link-item" href="/uz/community">Jamiyat</a></li><li class="footer__item"><a class="footer__link-item" href="/uz/nav">Yordam</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Munozaralar<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Jamiyat</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Yana</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">Litsenziya<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/uz/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/uz/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
+</ul></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/autocompleted.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Sahifani tahrirlash</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Oxirgi yangilangan<!-- --> <b><time datetime="2024-10-07T18:23:06.000Z" itemprop="dateModified">7-okt, 2024</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Hujjat sahifalarida navigatsiya"></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#see-also" class="table-of-contents__link toc-highlight">See also</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Spetsifikatsiya</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/uz/docs">Hujjatlar</a></li><li class="footer__item"><a class="footer__link-item" href="/uz/community">Jamiyat</a></li><li class="footer__item"><a class="footer__link-item" href="/uz/nav">Yordam</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Munozaralar<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Jamiyat</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Yana</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">Litsenziya<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/uz/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/uz/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
 </body>
 </html>
\ No newline at end of file
diff --git a/uz/docs/guides/examples/browser-api.html b/uz/docs/guides/examples/browser-api.html
index a208847ce2..9b480fb228 100644
--- a/uz/docs/guides/examples/browser-api.html
+++ b/uz/docs/guides/examples/browser-api.html
@@ -9,8 +9,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/uz/opensearch.xml"><link rel="stylesheet" href="/uz/assets/css/styles.6a4ac441.css">
-<script src="/uz/assets/js/runtime~main.a1b42f8f.js" defer="defer"></script>
-<script src="/uz/assets/js/main.ef087bb6.js" defer="defer"></script>
+<script src="/uz/assets/js/runtime~main.d90f1c87.js" defer="defer"></script>
+<script src="/uz/assets/js/main.b67529a2.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Asosiy tarkibga o&#x27;tish"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">Asosiy tarkibga o&#x27;tish</a></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/uz/"><div class="navbar__logo"><img src="/uz/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/uz/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/uz/docs">📖 Hujjatlar</a><a class="navbar__item navbar__link" href="/uz/community">💫 Jamiyat</a><a class="navbar__item navbar__link" href="/uz/blog">📝 Blog</a><a class="navbar__item navbar__link" href="/uz/examples">🛠 Namunalar</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/uz/docs/guides/examples/browser-api">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a aria-current="page" class="dropdown__link dropdown__link--active" href="/uz/docs/guides/examples/browser-api">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/uz/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>O&#x27;zbekcha</a><ul class="dropdown__menu"><li><a href="/ru/docs/guides/examples/browser-api" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ru">Русский</a></li><li><a href="/docs/guides/examples/browser-api" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/uz/docs/guides/examples/browser-api" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/docs/guides/examples/browser-api" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="kr">한국어</a></li><li><a href="/ja/docs/guides/examples/browser-api" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><div class="docsWrapper_rDLg"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_JQoL" type="button"></button><div class="docRoot_GkJk"><aside class="theme-doc-sidebar-container docSidebarContainer_xiHB"><div class="sidebarViewport_DaHB"><div class="sidebar_Kb82"><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_AkOp"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--active" href="/uz/docs/guides">🎯  Guides</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--active" tabindex="0" href="/uz/docs/guides/examples">Namunalar</a><button aria-label="Collapse sidebar category &#x27;Namunalar&#x27;" aria-expanded="true" type="button" class="clean-btn menu__caret"></button></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/uz/docs/guides/examples/auth">Authentication</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/uz/docs/guides/examples/types">Types</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/uz/docs/guides/examples/page-layout">Page layouts</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item sidebar-item--wip"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/uz/docs/guides/examples/browser-api">Browser API</a></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/uz/docs/guides/migration/from-custom">Migratsiya</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/uz/docs/guides/tech/with-nextjs">Texnologiya</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/uz/docs/guides/issues/desegmented">Code smells &amp; Issues</a></div></li></ul></li></ul></nav><button type="button" title="Yon panelni yig‘ish" aria-label="Yon panelni yig‘ish" class="button button--secondary button--outline collapseSidebarButton_L8vW"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_hYfn"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_uESP"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_w6lk"><div class="theme-admonition theme-admonition-caution admonition_yLUd alert alert--warning theme-unlisted-banner"><div class="admonitionHeading_ulUq"><span class="admonitionIcon_Wbvt"><svg viewBox="0 0 16 16"><path fill-rule="evenodd" d="M8.893 1.5c-.183-.31-.52-.5-.887-.5s-.703.19-.886.5L.138 13.499a.98.98 0 0 0 0 1.001c.193.31.53.501.886.501h13.964c.367 0 .704-.19.877-.5a1.03 1.03 0 0 0 .01-1.002L8.893 1.5zm.133 11.497H6.987v-2.003h2.039v2.003zm0-3.004H6.987V5.987h2.039v4.006z"></path></svg></span>Unlisted page</div><div class="admonitionContent_mbd8">This page is unlisted. Search engines will not index it, and only users having a direct link can access it.</div></div><div class="docItemContainer_b1tn"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_ioLt" aria-label="Breadcrumbs"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Home page" class="breadcrumbs__link" href="/uz/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_ZfEo"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/uz/docs/guides"><span itemprop="name">🎯  Guides</span></a><meta itemprop="position" content="1"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/uz/docs/guides/examples"><span itemprop="name">Namunalar</span></a><meta itemprop="position" content="2"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">Browser API</span><meta itemprop="position" content="3"></li></ul></nav><div class="theme-doc-markdown markdown"><header><h1>Browser API</h1></header>
@@ -18,6 +18,6 @@
 <blockquote>
 <p>About working with the Browser API: localStorage, audio Api, bluetooth API, etc.</p>
 <p>You can ask about the idea in more detail <a href="https://t.me/alex_novich" target="_blank" rel="noopener noreferrer">@alex_novi</a></p>
-</blockquote></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/browser-api.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Sahifani tahrirlash</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Oxirgi yangilangan<!-- --> <b><time datetime="2024-09-29T11:02:46.000Z" itemprop="dateModified">29-sen, 2024</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Hujjat sahifalarida navigatsiya"></nav></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Spetsifikatsiya</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/uz/docs">Hujjatlar</a></li><li class="footer__item"><a class="footer__link-item" href="/uz/community">Jamiyat</a></li><li class="footer__item"><a class="footer__link-item" href="/uz/nav">Yordam</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Munozaralar<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Jamiyat</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Yana</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">Litsenziya<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/uz/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/uz/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
+</blockquote></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/browser-api.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Sahifani tahrirlash</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Oxirgi yangilangan<!-- --> <b><time datetime="2024-10-07T18:23:06.000Z" itemprop="dateModified">7-okt, 2024</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Hujjat sahifalarida navigatsiya"></nav></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Spetsifikatsiya</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/uz/docs">Hujjatlar</a></li><li class="footer__item"><a class="footer__link-item" href="/uz/community">Jamiyat</a></li><li class="footer__item"><a class="footer__link-item" href="/uz/nav">Yordam</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Munozaralar<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Jamiyat</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Yana</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">Litsenziya<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/uz/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/uz/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
 </body>
 </html>
\ No newline at end of file
diff --git a/uz/docs/guides/examples/cms.html b/uz/docs/guides/examples/cms.html
index 05abf9628a..85b8da369b 100644
--- a/uz/docs/guides/examples/cms.html
+++ b/uz/docs/guides/examples/cms.html
@@ -9,8 +9,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/uz/opensearch.xml"><link rel="stylesheet" href="/uz/assets/css/styles.6a4ac441.css">
-<script src="/uz/assets/js/runtime~main.a1b42f8f.js" defer="defer"></script>
-<script src="/uz/assets/js/main.ef087bb6.js" defer="defer"></script>
+<script src="/uz/assets/js/runtime~main.d90f1c87.js" defer="defer"></script>
+<script src="/uz/assets/js/main.b67529a2.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Asosiy tarkibga o&#x27;tish"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">Asosiy tarkibga o&#x27;tish</a></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/uz/"><div class="navbar__logo"><img src="/uz/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/uz/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/uz/docs">📖 Hujjatlar</a><a class="navbar__item navbar__link" href="/uz/community">💫 Jamiyat</a><a class="navbar__item navbar__link" href="/uz/blog">📝 Blog</a><a class="navbar__item navbar__link" href="/uz/examples">🛠 Namunalar</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/uz/docs/guides/examples/cms">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a aria-current="page" class="dropdown__link dropdown__link--active" href="/uz/docs/guides/examples/cms">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/uz/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>O&#x27;zbekcha</a><ul class="dropdown__menu"><li><a href="/ru/docs/guides/examples/cms" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ru">Русский</a></li><li><a href="/docs/guides/examples/cms" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/uz/docs/guides/examples/cms" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/docs/guides/examples/cms" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="kr">한국어</a></li><li><a href="/ja/docs/guides/examples/cms" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><div class="docsWrapper_rDLg"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_JQoL" type="button"></button><div class="docRoot_GkJk"><aside class="theme-doc-sidebar-container docSidebarContainer_xiHB"><div class="sidebarViewport_DaHB"><div class="sidebar_Kb82"><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_AkOp"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--active" href="/uz/docs/guides">🎯  Guides</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--active" tabindex="0" href="/uz/docs/guides/examples">Namunalar</a><button aria-label="Collapse sidebar category &#x27;Namunalar&#x27;" aria-expanded="true" type="button" class="clean-btn menu__caret"></button></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/uz/docs/guides/examples/auth">Authentication</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/uz/docs/guides/examples/types">Types</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/uz/docs/guides/examples/page-layout">Page layouts</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item sidebar-item--wip"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/uz/docs/guides/examples/cms">CMS</a></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/uz/docs/guides/migration/from-custom">Migratsiya</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/uz/docs/guides/tech/with-nextjs">Texnologiya</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/uz/docs/guides/issues/desegmented">Code smells &amp; Issues</a></div></li></ul></li></ul></nav><button type="button" title="Yon panelni yig‘ish" aria-label="Yon panelni yig‘ish" class="button button--secondary button--outline collapseSidebarButton_L8vW"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_hYfn"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_uESP"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_w6lk"><div class="theme-admonition theme-admonition-caution admonition_yLUd alert alert--warning theme-unlisted-banner"><div class="admonitionHeading_ulUq"><span class="admonitionIcon_Wbvt"><svg viewBox="0 0 16 16"><path fill-rule="evenodd" d="M8.893 1.5c-.183-.31-.52-.5-.887-.5s-.703.19-.886.5L.138 13.499a.98.98 0 0 0 0 1.001c.193.31.53.501.886.501h13.964c.367 0 .704-.19.877-.5a1.03 1.03 0 0 0 .01-1.002L8.893 1.5zm.133 11.497H6.987v-2.003h2.039v2.003zm0-3.004H6.987V5.987h2.039v4.006z"></path></svg></span>Unlisted page</div><div class="admonitionContent_mbd8">This page is unlisted. Search engines will not index it, and only users having a direct link can access it.</div></div><div class="docItemContainer_b1tn"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_ioLt" aria-label="Breadcrumbs"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Home page" class="breadcrumbs__link" href="/uz/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_ZfEo"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/uz/docs/guides"><span itemprop="name">🎯  Guides</span></a><meta itemprop="position" content="1"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/uz/docs/guides/examples"><span itemprop="name">Namunalar</span></a><meta itemprop="position" content="2"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">CMS</span><meta itemprop="position" content="3"></li></ul></nav><div class="tocCollapsible_EkMH theme-doc-toc-mobile tocMobile_XRnS"><button type="button" class="clean-btn tocCollapsibleButton_ID8T">On this page</button></div><div class="theme-doc-markdown markdown"><header><h1>CMS</h1></header>
@@ -26,6 +26,6 @@ <h2 class="anchor anchorWithStickyNavbar_QzlE" id="how-to-work-more-correctly-wi
 </blockquote>
 <blockquote>
 <p><a href="https://t.me/feature_sliced/1553" target="_blank" rel="noopener noreferrer">https://t.me/feature_sliced/1553</a></p>
-</blockquote></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/cms.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Sahifani tahrirlash</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Oxirgi yangilangan<!-- --> <b><time datetime="2024-09-29T11:02:46.000Z" itemprop="dateModified">29-sen, 2024</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Hujjat sahifalarida navigatsiya"></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#features-may-be-different" class="table-of-contents__link toc-highlight">Features may be different</a></li><li><a href="#how-to-work-more-correctly-with-cms-markup" class="table-of-contents__link toc-highlight">How to work more correctly with CMS markup</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Spetsifikatsiya</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/uz/docs">Hujjatlar</a></li><li class="footer__item"><a class="footer__link-item" href="/uz/community">Jamiyat</a></li><li class="footer__item"><a class="footer__link-item" href="/uz/nav">Yordam</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Munozaralar<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Jamiyat</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Yana</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">Litsenziya<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/uz/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/uz/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
+</blockquote></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/cms.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Sahifani tahrirlash</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Oxirgi yangilangan<!-- --> <b><time datetime="2024-10-07T18:23:06.000Z" itemprop="dateModified">7-okt, 2024</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Hujjat sahifalarida navigatsiya"></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#features-may-be-different" class="table-of-contents__link toc-highlight">Features may be different</a></li><li><a href="#how-to-work-more-correctly-with-cms-markup" class="table-of-contents__link toc-highlight">How to work more correctly with CMS markup</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Spetsifikatsiya</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/uz/docs">Hujjatlar</a></li><li class="footer__item"><a class="footer__link-item" href="/uz/community">Jamiyat</a></li><li class="footer__item"><a class="footer__link-item" href="/uz/nav">Yordam</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Munozaralar<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Jamiyat</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Yana</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">Litsenziya<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/uz/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/uz/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
 </body>
 </html>
\ No newline at end of file
diff --git a/uz/docs/guides/examples/feedback.html b/uz/docs/guides/examples/feedback.html
index ba49c1d77f..4796eccc39 100644
--- a/uz/docs/guides/examples/feedback.html
+++ b/uz/docs/guides/examples/feedback.html
@@ -9,14 +9,14 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/uz/opensearch.xml"><link rel="stylesheet" href="/uz/assets/css/styles.6a4ac441.css">
-<script src="/uz/assets/js/runtime~main.a1b42f8f.js" defer="defer"></script>
-<script src="/uz/assets/js/main.ef087bb6.js" defer="defer"></script>
+<script src="/uz/assets/js/runtime~main.d90f1c87.js" defer="defer"></script>
+<script src="/uz/assets/js/main.b67529a2.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Asosiy tarkibga o&#x27;tish"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">Asosiy tarkibga o&#x27;tish</a></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/uz/"><div class="navbar__logo"><img src="/uz/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/uz/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/uz/docs">📖 Hujjatlar</a><a class="navbar__item navbar__link" href="/uz/community">💫 Jamiyat</a><a class="navbar__item navbar__link" href="/uz/blog">📝 Blog</a><a class="navbar__item navbar__link" href="/uz/examples">🛠 Namunalar</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/uz/docs/guides/examples/feedback">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a aria-current="page" class="dropdown__link dropdown__link--active" href="/uz/docs/guides/examples/feedback">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/uz/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>O&#x27;zbekcha</a><ul class="dropdown__menu"><li><a href="/ru/docs/guides/examples/feedback" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ru">Русский</a></li><li><a href="/docs/guides/examples/feedback" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/uz/docs/guides/examples/feedback" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/docs/guides/examples/feedback" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="kr">한국어</a></li><li><a href="/ja/docs/guides/examples/feedback" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><div class="docsWrapper_rDLg"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_JQoL" type="button"></button><div class="docRoot_GkJk"><aside class="theme-doc-sidebar-container docSidebarContainer_xiHB"><div class="sidebarViewport_DaHB"><div class="sidebar_Kb82"><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_AkOp"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--active" href="/uz/docs/guides">🎯  Guides</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--active" tabindex="0" href="/uz/docs/guides/examples">Namunalar</a><button aria-label="Collapse sidebar category &#x27;Namunalar&#x27;" aria-expanded="true" type="button" class="clean-btn menu__caret"></button></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/uz/docs/guides/examples/auth">Authentication</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/uz/docs/guides/examples/types">Types</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/uz/docs/guides/examples/page-layout">Page layouts</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item sidebar-item--wip"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/uz/docs/guides/examples/feedback">Feedback</a></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/uz/docs/guides/migration/from-custom">Migratsiya</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/uz/docs/guides/tech/with-nextjs">Texnologiya</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/uz/docs/guides/issues/desegmented">Code smells &amp; Issues</a></div></li></ul></li></ul></nav><button type="button" title="Yon panelni yig‘ish" aria-label="Yon panelni yig‘ish" class="button button--secondary button--outline collapseSidebarButton_L8vW"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_hYfn"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_uESP"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_w6lk"><div class="theme-admonition theme-admonition-caution admonition_yLUd alert alert--warning theme-unlisted-banner"><div class="admonitionHeading_ulUq"><span class="admonitionIcon_Wbvt"><svg viewBox="0 0 16 16"><path fill-rule="evenodd" d="M8.893 1.5c-.183-.31-.52-.5-.887-.5s-.703.19-.886.5L.138 13.499a.98.98 0 0 0 0 1.001c.193.31.53.501.886.501h13.964c.367 0 .704-.19.877-.5a1.03 1.03 0 0 0 .01-1.002L8.893 1.5zm.133 11.497H6.987v-2.003h2.039v2.003zm0-3.004H6.987V5.987h2.039v4.006z"></path></svg></span>Unlisted page</div><div class="admonitionContent_mbd8">This page is unlisted. Search engines will not index it, and only users having a direct link can access it.</div></div><div class="docItemContainer_b1tn"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_ioLt" aria-label="Breadcrumbs"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Home page" class="breadcrumbs__link" href="/uz/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_ZfEo"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/uz/docs/guides"><span itemprop="name">🎯  Guides</span></a><meta itemprop="position" content="1"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/uz/docs/guides/examples"><span itemprop="name">Namunalar</span></a><meta itemprop="position" content="2"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">Feedback</span><meta itemprop="position" content="3"></li></ul></nav><div class="theme-doc-markdown markdown"><header><h1>Feedback</h1></header>
 <div class="theme-admonition theme-admonition-caution admonition_yLUd alert alert--warning"><div class="admonitionHeading_ulUq"><span class="admonitionIcon_Wbvt"><svg viewBox="0 0 16 16"><path fill-rule="evenodd" d="M8.893 1.5c-.183-.31-.52-.5-.887-.5s-.703.19-.886.5L.138 13.499a.98.98 0 0 0 0 1.001c.193.31.53.501.886.501h13.964c.367 0 .704-.19.877-.5a1.03 1.03 0 0 0 .01-1.002L8.893 1.5zm.133 11.497H6.987v-2.003h2.039v2.003zm0-3.004H6.987V5.987h2.039v4.006z"></path></svg></span>WIP</div><div class="admonitionContent_mbd8"><div><p>Maqola yozilish jarayonida</p><p>Uning yaratilishini tezlashtirish uchun siz:</p><ul><li>📢 Fikr-mulohaza ulashing <a href="https://github.com/feature-sliced/documentation/issues/187" target="_blank" rel="noopener noreferrer">chiptada (sharhlar/reaksiya emoji)</a></li><li>💬 Mavzu boyicha to&#x27;plamlarni chiptaga yig&#x27;ish <a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer">suhbatdan olingan material</a></li><li>⚒️ Hissa qo‘shish <a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer">har qanday boshqa yo&#x27;l bilan</a></li></ul><br><p><i>🍰 Stay tuned!</i></p></div></div></div>
 <blockquote>
 <p>Errors, Alerts, Notifications, ...</p>
-</blockquote></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/feedback.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Sahifani tahrirlash</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Oxirgi yangilangan<!-- --> <b><time datetime="2024-09-29T11:02:46.000Z" itemprop="dateModified">29-sen, 2024</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Hujjat sahifalarida navigatsiya"></nav></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Spetsifikatsiya</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/uz/docs">Hujjatlar</a></li><li class="footer__item"><a class="footer__link-item" href="/uz/community">Jamiyat</a></li><li class="footer__item"><a class="footer__link-item" href="/uz/nav">Yordam</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Munozaralar<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Jamiyat</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Yana</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">Litsenziya<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/uz/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/uz/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
+</blockquote></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/feedback.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Sahifani tahrirlash</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Oxirgi yangilangan<!-- --> <b><time datetime="2024-10-07T18:23:06.000Z" itemprop="dateModified">7-okt, 2024</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Hujjat sahifalarida navigatsiya"></nav></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Spetsifikatsiya</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/uz/docs">Hujjatlar</a></li><li class="footer__item"><a class="footer__link-item" href="/uz/community">Jamiyat</a></li><li class="footer__item"><a class="footer__link-item" href="/uz/nav">Yordam</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Munozaralar<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Jamiyat</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Yana</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">Litsenziya<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/uz/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/uz/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
 </body>
 </html>
\ No newline at end of file
diff --git a/uz/docs/guides/examples/i18n.html b/uz/docs/guides/examples/i18n.html
index 05bcd55281..c031d9280d 100644
--- a/uz/docs/guides/examples/i18n.html
+++ b/uz/docs/guides/examples/i18n.html
@@ -9,8 +9,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/uz/opensearch.xml"><link rel="stylesheet" href="/uz/assets/css/styles.6a4ac441.css">
-<script src="/uz/assets/js/runtime~main.a1b42f8f.js" defer="defer"></script>
-<script src="/uz/assets/js/main.ef087bb6.js" defer="defer"></script>
+<script src="/uz/assets/js/runtime~main.d90f1c87.js" defer="defer"></script>
+<script src="/uz/assets/js/main.b67529a2.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Asosiy tarkibga o&#x27;tish"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">Asosiy tarkibga o&#x27;tish</a></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/uz/"><div class="navbar__logo"><img src="/uz/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/uz/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/uz/docs">📖 Hujjatlar</a><a class="navbar__item navbar__link" href="/uz/community">💫 Jamiyat</a><a class="navbar__item navbar__link" href="/uz/blog">📝 Blog</a><a class="navbar__item navbar__link" href="/uz/examples">🛠 Namunalar</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/uz/docs/guides/examples/i18n">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a aria-current="page" class="dropdown__link dropdown__link--active" href="/uz/docs/guides/examples/i18n">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/uz/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>O&#x27;zbekcha</a><ul class="dropdown__menu"><li><a href="/ru/docs/guides/examples/i18n" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ru">Русский</a></li><li><a href="/docs/guides/examples/i18n" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/uz/docs/guides/examples/i18n" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/docs/guides/examples/i18n" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="kr">한국어</a></li><li><a href="/ja/docs/guides/examples/i18n" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><div class="docsWrapper_rDLg"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_JQoL" type="button"></button><div class="docRoot_GkJk"><aside class="theme-doc-sidebar-container docSidebarContainer_xiHB"><div class="sidebarViewport_DaHB"><div class="sidebar_Kb82"><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_AkOp"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--active" href="/uz/docs/guides">🎯  Guides</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--active" tabindex="0" href="/uz/docs/guides/examples">Namunalar</a><button aria-label="Collapse sidebar category &#x27;Namunalar&#x27;" aria-expanded="true" type="button" class="clean-btn menu__caret"></button></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/uz/docs/guides/examples/auth">Authentication</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/uz/docs/guides/examples/types">Types</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/uz/docs/guides/examples/page-layout">Page layouts</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item sidebar-item--wip"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/uz/docs/guides/examples/i18n">i18n</a></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/uz/docs/guides/migration/from-custom">Migratsiya</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/uz/docs/guides/tech/with-nextjs">Texnologiya</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/uz/docs/guides/issues/desegmented">Code smells &amp; Issues</a></div></li></ul></li></ul></nav><button type="button" title="Yon panelni yig‘ish" aria-label="Yon panelni yig‘ish" class="button button--secondary button--outline collapseSidebarButton_L8vW"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_hYfn"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_uESP"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_w6lk"><div class="theme-admonition theme-admonition-caution admonition_yLUd alert alert--warning theme-unlisted-banner"><div class="admonitionHeading_ulUq"><span class="admonitionIcon_Wbvt"><svg viewBox="0 0 16 16"><path fill-rule="evenodd" d="M8.893 1.5c-.183-.31-.52-.5-.887-.5s-.703.19-.886.5L.138 13.499a.98.98 0 0 0 0 1.001c.193.31.53.501.886.501h13.964c.367 0 .704-.19.877-.5a1.03 1.03 0 0 0 .01-1.002L8.893 1.5zm.133 11.497H6.987v-2.003h2.039v2.003zm0-3.004H6.987V5.987h2.039v4.006z"></path></svg></span>Unlisted page</div><div class="admonitionContent_mbd8">This page is unlisted. Search engines will not index it, and only users having a direct link can access it.</div></div><div class="docItemContainer_b1tn"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_ioLt" aria-label="Breadcrumbs"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Home page" class="breadcrumbs__link" href="/uz/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_ZfEo"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/uz/docs/guides"><span itemprop="name">🎯  Guides</span></a><meta itemprop="position" content="1"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/uz/docs/guides/examples"><span itemprop="name">Namunalar</span></a><meta itemprop="position" content="2"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">i18n</span><meta itemprop="position" content="3"></li></ul></nav><div class="tocCollapsible_EkMH theme-doc-toc-mobile tocMobile_XRnS"><button type="button" class="clean-btn tocCollapsibleButton_ID8T">On this page</button></div><div class="theme-doc-markdown markdown"><header><h1>i18n</h1></header>
@@ -20,6 +20,6 @@ <h2 class="anchor anchorWithStickyNavbar_QzlE" id="where-to-place-it-how-to-work
 <li><a href="https://t.me/feature_sliced/4425" target="_blank" rel="noopener noreferrer">https://t.me/feature_sliced/4425</a></li>
 <li><a href="https://t.me/feature_sliced/2325" target="_blank" rel="noopener noreferrer">https://t.me/feature_sliced/2325</a></li>
 <li><a href="https://t.me/feature_sliced/1867" target="_blank" rel="noopener noreferrer">https://t.me/feature_sliced/1867</a></li>
-</ul></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/i18n.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Sahifani tahrirlash</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Oxirgi yangilangan<!-- --> <b><time datetime="2024-09-29T11:02:46.000Z" itemprop="dateModified">29-sen, 2024</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Hujjat sahifalarida navigatsiya"></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#where-to-place-it-how-to-work-with-this" class="table-of-contents__link toc-highlight">Where to place it? How to work with this?</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Spetsifikatsiya</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/uz/docs">Hujjatlar</a></li><li class="footer__item"><a class="footer__link-item" href="/uz/community">Jamiyat</a></li><li class="footer__item"><a class="footer__link-item" href="/uz/nav">Yordam</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Munozaralar<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Jamiyat</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Yana</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">Litsenziya<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/uz/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/uz/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
+</ul></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/i18n.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Sahifani tahrirlash</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Oxirgi yangilangan<!-- --> <b><time datetime="2024-10-07T18:23:06.000Z" itemprop="dateModified">7-okt, 2024</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Hujjat sahifalarida navigatsiya"></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#where-to-place-it-how-to-work-with-this" class="table-of-contents__link toc-highlight">Where to place it? How to work with this?</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Spetsifikatsiya</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/uz/docs">Hujjatlar</a></li><li class="footer__item"><a class="footer__link-item" href="/uz/community">Jamiyat</a></li><li class="footer__item"><a class="footer__link-item" href="/uz/nav">Yordam</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Munozaralar<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Jamiyat</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Yana</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">Litsenziya<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/uz/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/uz/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
 </body>
 </html>
\ No newline at end of file
diff --git a/uz/docs/guides/examples/metric.html b/uz/docs/guides/examples/metric.html
index fcb3f04438..981b31b96a 100644
--- a/uz/docs/guides/examples/metric.html
+++ b/uz/docs/guides/examples/metric.html
@@ -9,14 +9,14 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/uz/opensearch.xml"><link rel="stylesheet" href="/uz/assets/css/styles.6a4ac441.css">
-<script src="/uz/assets/js/runtime~main.a1b42f8f.js" defer="defer"></script>
-<script src="/uz/assets/js/main.ef087bb6.js" defer="defer"></script>
+<script src="/uz/assets/js/runtime~main.d90f1c87.js" defer="defer"></script>
+<script src="/uz/assets/js/main.b67529a2.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Asosiy tarkibga o&#x27;tish"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">Asosiy tarkibga o&#x27;tish</a></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/uz/"><div class="navbar__logo"><img src="/uz/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/uz/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/uz/docs">📖 Hujjatlar</a><a class="navbar__item navbar__link" href="/uz/community">💫 Jamiyat</a><a class="navbar__item navbar__link" href="/uz/blog">📝 Blog</a><a class="navbar__item navbar__link" href="/uz/examples">🛠 Namunalar</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/uz/docs/guides/examples/metric">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a aria-current="page" class="dropdown__link dropdown__link--active" href="/uz/docs/guides/examples/metric">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/uz/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>O&#x27;zbekcha</a><ul class="dropdown__menu"><li><a href="/ru/docs/guides/examples/metric" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ru">Русский</a></li><li><a href="/docs/guides/examples/metric" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/uz/docs/guides/examples/metric" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/docs/guides/examples/metric" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="kr">한국어</a></li><li><a href="/ja/docs/guides/examples/metric" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><div class="docsWrapper_rDLg"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_JQoL" type="button"></button><div class="docRoot_GkJk"><aside class="theme-doc-sidebar-container docSidebarContainer_xiHB"><div class="sidebarViewport_DaHB"><div class="sidebar_Kb82"><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_AkOp"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--active" href="/uz/docs/guides">🎯  Guides</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--active" tabindex="0" href="/uz/docs/guides/examples">Namunalar</a><button aria-label="Collapse sidebar category &#x27;Namunalar&#x27;" aria-expanded="true" type="button" class="clean-btn menu__caret"></button></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/uz/docs/guides/examples/auth">Authentication</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/uz/docs/guides/examples/types">Types</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/uz/docs/guides/examples/page-layout">Page layouts</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item sidebar-item--wip"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/uz/docs/guides/examples/metric">Metric</a></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/uz/docs/guides/migration/from-custom">Migratsiya</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/uz/docs/guides/tech/with-nextjs">Texnologiya</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/uz/docs/guides/issues/desegmented">Code smells &amp; Issues</a></div></li></ul></li></ul></nav><button type="button" title="Yon panelni yig‘ish" aria-label="Yon panelni yig‘ish" class="button button--secondary button--outline collapseSidebarButton_L8vW"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_hYfn"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_uESP"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_w6lk"><div class="theme-admonition theme-admonition-caution admonition_yLUd alert alert--warning theme-unlisted-banner"><div class="admonitionHeading_ulUq"><span class="admonitionIcon_Wbvt"><svg viewBox="0 0 16 16"><path fill-rule="evenodd" d="M8.893 1.5c-.183-.31-.52-.5-.887-.5s-.703.19-.886.5L.138 13.499a.98.98 0 0 0 0 1.001c.193.31.53.501.886.501h13.964c.367 0 .704-.19.877-.5a1.03 1.03 0 0 0 .01-1.002L8.893 1.5zm.133 11.497H6.987v-2.003h2.039v2.003zm0-3.004H6.987V5.987h2.039v4.006z"></path></svg></span>Unlisted page</div><div class="admonitionContent_mbd8">This page is unlisted. Search engines will not index it, and only users having a direct link can access it.</div></div><div class="docItemContainer_b1tn"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_ioLt" aria-label="Breadcrumbs"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Home page" class="breadcrumbs__link" href="/uz/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_ZfEo"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/uz/docs/guides"><span itemprop="name">🎯  Guides</span></a><meta itemprop="position" content="1"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/uz/docs/guides/examples"><span itemprop="name">Namunalar</span></a><meta itemprop="position" content="2"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">Metric</span><meta itemprop="position" content="3"></li></ul></nav><div class="theme-doc-markdown markdown"><header><h1>Metric</h1></header>
 <div class="theme-admonition theme-admonition-caution admonition_yLUd alert alert--warning"><div class="admonitionHeading_ulUq"><span class="admonitionIcon_Wbvt"><svg viewBox="0 0 16 16"><path fill-rule="evenodd" d="M8.893 1.5c-.183-.31-.52-.5-.887-.5s-.703.19-.886.5L.138 13.499a.98.98 0 0 0 0 1.001c.193.31.53.501.886.501h13.964c.367 0 .704-.19.877-.5a1.03 1.03 0 0 0 .01-1.002L8.893 1.5zm.133 11.497H6.987v-2.003h2.039v2.003zm0-3.004H6.987V5.987h2.039v4.006z"></path></svg></span>WIP</div><div class="admonitionContent_mbd8"><div><p>Maqola yozilish jarayonida</p><p>Uning yaratilishini tezlashtirish uchun siz:</p><ul><li>📢 Fikr-mulohaza ulashing <a href="https://github.com/feature-sliced/documentation/issues/181" target="_blank" rel="noopener noreferrer">chiptada (sharhlar/reaksiya emoji)</a></li><li>💬 Mavzu boyicha to&#x27;plamlarni chiptaga yig&#x27;ish <a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer">suhbatdan olingan material</a></li><li>⚒️ Hissa qo‘shish <a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer">har qanday boshqa yo&#x27;l bilan</a></li></ul><br><p><i>🍰 Stay tuned!</i></p></div></div></div>
 <blockquote>
 <p>About ways to initialize metrics in the application</p>
-</blockquote></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/metric.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Sahifani tahrirlash</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Oxirgi yangilangan<!-- --> <b><time datetime="2024-09-29T11:02:46.000Z" itemprop="dateModified">29-sen, 2024</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Hujjat sahifalarida navigatsiya"></nav></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Spetsifikatsiya</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/uz/docs">Hujjatlar</a></li><li class="footer__item"><a class="footer__link-item" href="/uz/community">Jamiyat</a></li><li class="footer__item"><a class="footer__link-item" href="/uz/nav">Yordam</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Munozaralar<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Jamiyat</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Yana</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">Litsenziya<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/uz/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/uz/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
+</blockquote></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/metric.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Sahifani tahrirlash</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Oxirgi yangilangan<!-- --> <b><time datetime="2024-10-07T18:23:06.000Z" itemprop="dateModified">7-okt, 2024</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Hujjat sahifalarida navigatsiya"></nav></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Spetsifikatsiya</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/uz/docs">Hujjatlar</a></li><li class="footer__item"><a class="footer__link-item" href="/uz/community">Jamiyat</a></li><li class="footer__item"><a class="footer__link-item" href="/uz/nav">Yordam</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Munozaralar<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Jamiyat</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Yana</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">Litsenziya<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/uz/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/uz/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
 </body>
 </html>
\ No newline at end of file
diff --git a/uz/docs/guides/examples/monorepo.html b/uz/docs/guides/examples/monorepo.html
index aea055dbe7..6d2c36688c 100644
--- a/uz/docs/guides/examples/monorepo.html
+++ b/uz/docs/guides/examples/monorepo.html
@@ -9,8 +9,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/uz/opensearch.xml"><link rel="stylesheet" href="/uz/assets/css/styles.6a4ac441.css">
-<script src="/uz/assets/js/runtime~main.a1b42f8f.js" defer="defer"></script>
-<script src="/uz/assets/js/main.ef087bb6.js" defer="defer"></script>
+<script src="/uz/assets/js/runtime~main.d90f1c87.js" defer="defer"></script>
+<script src="/uz/assets/js/main.b67529a2.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Asosiy tarkibga o&#x27;tish"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">Asosiy tarkibga o&#x27;tish</a></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/uz/"><div class="navbar__logo"><img src="/uz/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/uz/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/uz/docs">📖 Hujjatlar</a><a class="navbar__item navbar__link" href="/uz/community">💫 Jamiyat</a><a class="navbar__item navbar__link" href="/uz/blog">📝 Blog</a><a class="navbar__item navbar__link" href="/uz/examples">🛠 Namunalar</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/uz/docs/guides/examples/monorepo">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a aria-current="page" class="dropdown__link dropdown__link--active" href="/uz/docs/guides/examples/monorepo">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/uz/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>O&#x27;zbekcha</a><ul class="dropdown__menu"><li><a href="/ru/docs/guides/examples/monorepo" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ru">Русский</a></li><li><a href="/docs/guides/examples/monorepo" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/uz/docs/guides/examples/monorepo" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/docs/guides/examples/monorepo" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="kr">한국어</a></li><li><a href="/ja/docs/guides/examples/monorepo" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><div class="docsWrapper_rDLg"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_JQoL" type="button"></button><div class="docRoot_GkJk"><aside class="theme-doc-sidebar-container docSidebarContainer_xiHB"><div class="sidebarViewport_DaHB"><div class="sidebar_Kb82"><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_AkOp"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--active" href="/uz/docs/guides">🎯  Guides</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--active" tabindex="0" href="/uz/docs/guides/examples">Namunalar</a><button aria-label="Collapse sidebar category &#x27;Namunalar&#x27;" aria-expanded="true" type="button" class="clean-btn menu__caret"></button></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/uz/docs/guides/examples/auth">Authentication</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/uz/docs/guides/examples/types">Types</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/uz/docs/guides/examples/page-layout">Page layouts</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item sidebar-item--wip"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/uz/docs/guides/examples/monorepo">Monorepositories</a></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/uz/docs/guides/migration/from-custom">Migratsiya</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/uz/docs/guides/tech/with-nextjs">Texnologiya</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/uz/docs/guides/issues/desegmented">Code smells &amp; Issues</a></div></li></ul></li></ul></nav><button type="button" title="Yon panelni yig‘ish" aria-label="Yon panelni yig‘ish" class="button button--secondary button--outline collapseSidebarButton_L8vW"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_hYfn"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_uESP"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_w6lk"><div class="theme-admonition theme-admonition-caution admonition_yLUd alert alert--warning theme-unlisted-banner"><div class="admonitionHeading_ulUq"><span class="admonitionIcon_Wbvt"><svg viewBox="0 0 16 16"><path fill-rule="evenodd" d="M8.893 1.5c-.183-.31-.52-.5-.887-.5s-.703.19-.886.5L.138 13.499a.98.98 0 0 0 0 1.001c.193.31.53.501.886.501h13.964c.367 0 .704-.19.877-.5a1.03 1.03 0 0 0 .01-1.002L8.893 1.5zm.133 11.497H6.987v-2.003h2.039v2.003zm0-3.004H6.987V5.987h2.039v4.006z"></path></svg></span>Unlisted page</div><div class="admonitionContent_mbd8">This page is unlisted. Search engines will not index it, and only users having a direct link can access it.</div></div><div class="docItemContainer_b1tn"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_ioLt" aria-label="Breadcrumbs"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Home page" class="breadcrumbs__link" href="/uz/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_ZfEo"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/uz/docs/guides"><span itemprop="name">🎯  Guides</span></a><meta itemprop="position" content="1"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/uz/docs/guides/examples"><span itemprop="name">Namunalar</span></a><meta itemprop="position" content="2"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">Monorepositories</span><meta itemprop="position" content="3"></li></ul></nav><div class="tocCollapsible_EkMH theme-doc-toc-mobile tocMobile_XRnS"><button type="button" class="clean-btn tocCollapsibleButton_ID8T">On this page</button></div><div class="theme-doc-markdown markdown"><header><h1>Monorepositories</h1></header>
@@ -22,6 +22,6 @@ <h2 class="anchor anchorWithStickyNavbar_QzlE" id="see-also">See also<a href="#s
 <ul>
 <li><a href="https://github.com/feature-sliced/documentation/discussions/50" target="_blank" rel="noopener noreferrer">(Discussion) About mono repositories and plug-ins-packages</a></li>
 <li><a href="https://t.me/feature_sliced/2412" target="_blank" rel="noopener noreferrer">(Thread) About the application for a mono repository</a></li>
-</ul></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/monorepo.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Sahifani tahrirlash</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Oxirgi yangilangan<!-- --> <b><time datetime="2024-09-29T11:02:46.000Z" itemprop="dateModified">29-sen, 2024</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Hujjat sahifalarida navigatsiya"></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#see-also" class="table-of-contents__link toc-highlight">See also</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Spetsifikatsiya</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/uz/docs">Hujjatlar</a></li><li class="footer__item"><a class="footer__link-item" href="/uz/community">Jamiyat</a></li><li class="footer__item"><a class="footer__link-item" href="/uz/nav">Yordam</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Munozaralar<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Jamiyat</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Yana</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">Litsenziya<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/uz/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/uz/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
+</ul></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/monorepo.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Sahifani tahrirlash</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Oxirgi yangilangan<!-- --> <b><time datetime="2024-10-07T18:23:06.000Z" itemprop="dateModified">7-okt, 2024</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Hujjat sahifalarida navigatsiya"></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#see-also" class="table-of-contents__link toc-highlight">See also</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Spetsifikatsiya</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/uz/docs">Hujjatlar</a></li><li class="footer__item"><a class="footer__link-item" href="/uz/community">Jamiyat</a></li><li class="footer__item"><a class="footer__link-item" href="/uz/nav">Yordam</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Munozaralar<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Jamiyat</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Yana</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">Litsenziya<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/uz/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/uz/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
 </body>
 </html>
\ No newline at end of file
diff --git a/uz/docs/guides/examples/page-layout.html b/uz/docs/guides/examples/page-layout.html
index 64e49b7c69..286af78803 100644
--- a/uz/docs/guides/examples/page-layout.html
+++ b/uz/docs/guides/examples/page-layout.html
@@ -9,8 +9,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/uz/opensearch.xml"><link rel="stylesheet" href="/uz/assets/css/styles.6a4ac441.css">
-<script src="/uz/assets/js/runtime~main.a1b42f8f.js" defer="defer"></script>
-<script src="/uz/assets/js/main.ef087bb6.js" defer="defer"></script>
+<script src="/uz/assets/js/runtime~main.d90f1c87.js" defer="defer"></script>
+<script src="/uz/assets/js/main.b67529a2.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Asosiy tarkibga o&#x27;tish"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">Asosiy tarkibga o&#x27;tish</a></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/uz/"><div class="navbar__logo"><img src="/uz/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/uz/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/uz/docs">📖 Hujjatlar</a><a class="navbar__item navbar__link" href="/uz/community">💫 Jamiyat</a><a class="navbar__item navbar__link" href="/uz/blog">📝 Blog</a><a class="navbar__item navbar__link" href="/uz/examples">🛠 Namunalar</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/uz/docs/guides/examples/page-layout">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a aria-current="page" class="dropdown__link dropdown__link--active" href="/uz/docs/guides/examples/page-layout">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/uz/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>O&#x27;zbekcha</a><ul class="dropdown__menu"><li><a href="/ru/docs/guides/examples/page-layout" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ru">Русский</a></li><li><a href="/docs/guides/examples/page-layout" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/uz/docs/guides/examples/page-layout" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/docs/guides/examples/page-layout" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="kr">한국어</a></li><li><a href="/ja/docs/guides/examples/page-layout" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><div class="docsWrapper_rDLg"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_JQoL" type="button"></button><div class="docRoot_GkJk"><aside class="theme-doc-sidebar-container docSidebarContainer_xiHB"><div class="sidebarViewport_DaHB"><div class="sidebar_Kb82"><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_AkOp"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--active" href="/uz/docs/guides">🎯  Guides</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--active" tabindex="0" href="/uz/docs/guides/examples">Namunalar</a><button aria-label="Collapse sidebar category &#x27;Namunalar&#x27;" aria-expanded="true" type="button" class="clean-btn menu__caret"></button></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/uz/docs/guides/examples/auth">Authentication</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/uz/docs/guides/examples/types">Types</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/uz/docs/guides/examples/page-layout">Page layouts</a></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/uz/docs/guides/migration/from-custom">Migratsiya</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/uz/docs/guides/tech/with-nextjs">Texnologiya</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/uz/docs/guides/issues/desegmented">Code smells &amp; Issues</a></div></li></ul></li></ul></nav><button type="button" title="Yon panelni yig‘ish" aria-label="Yon panelni yig‘ish" class="button button--secondary button--outline collapseSidebarButton_L8vW"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_hYfn"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_uESP"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_w6lk"><div class="docItemContainer_b1tn"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_ioLt" aria-label="Breadcrumbs"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Home page" class="breadcrumbs__link" href="/uz/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_ZfEo"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/uz/docs/guides"><span itemprop="name">🎯  Guides</span></a><meta itemprop="position" content="1"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/uz/docs/guides/examples"><span itemprop="name">Namunalar</span></a><meta itemprop="position" content="2"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">Page layouts</span><meta itemprop="position" content="3"></li></ul></nav><div class="tocCollapsible_EkMH theme-doc-toc-mobile tocMobile_XRnS"><button type="button" class="clean-btn tocCollapsibleButton_ID8T">On this page</button></div><div class="theme-doc-markdown markdown"><header><h1>Page layouts</h1></header>
@@ -47,6 +47,6 @@ <h2 class="anchor anchorWithStickyNavbar_QzlE" id="using-widgets-in-the-layout">
 <h2 class="anchor anchorWithStickyNavbar_QzlE" id="further-reading">Further reading<a href="#further-reading" class="hash-link" aria-label="Sarlavhaga to&#x27;g&#x27;ridan-to&#x27;g&#x27;ri havola" title="Sarlavhaga to&#x27;g&#x27;ridan-to&#x27;g&#x27;ri havola">​</a></h2>
 <ul>
 <li>There&#x27;s an example of how to build a layout with authentication with React and Remix (equivalent to React Router) in the <a href="/uz/docs/get-started/tutorial">tutorial</a>.</li>
-</ul></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/page-layout.md" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Sahifani tahrirlash</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Oxirgi yangilangan<!-- --> <b><time datetime="2024-09-29T11:02:46.000Z" itemprop="dateModified">29-sen, 2024</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Hujjat sahifalarida navigatsiya"><a class="pagination-nav__link pagination-nav__link--prev" href="/uz/docs/guides/examples/types"><div class="pagination-nav__sublabel">Oldingi sahifa</div><div class="pagination-nav__label">Types</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/uz/docs/guides/migration/from-custom"><div class="pagination-nav__sublabel">Keyingi sahifa</div><div class="pagination-nav__label">From a custom architecture</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#simple-layout" class="table-of-contents__link toc-highlight">Simple layout</a></li><li><a href="#using-widgets-in-the-layout" class="table-of-contents__link toc-highlight">Using widgets in the layout</a></li><li><a href="#further-reading" class="table-of-contents__link toc-highlight">Further reading</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Spetsifikatsiya</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/uz/docs">Hujjatlar</a></li><li class="footer__item"><a class="footer__link-item" href="/uz/community">Jamiyat</a></li><li class="footer__item"><a class="footer__link-item" href="/uz/nav">Yordam</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Munozaralar<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Jamiyat</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Yana</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">Litsenziya<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/uz/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/uz/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
+</ul></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/page-layout.md" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Sahifani tahrirlash</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Oxirgi yangilangan<!-- --> <b><time datetime="2024-10-07T18:23:06.000Z" itemprop="dateModified">7-okt, 2024</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Hujjat sahifalarida navigatsiya"><a class="pagination-nav__link pagination-nav__link--prev" href="/uz/docs/guides/examples/types"><div class="pagination-nav__sublabel">Oldingi sahifa</div><div class="pagination-nav__label">Types</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/uz/docs/guides/migration/from-custom"><div class="pagination-nav__sublabel">Keyingi sahifa</div><div class="pagination-nav__label">From a custom architecture</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#simple-layout" class="table-of-contents__link toc-highlight">Simple layout</a></li><li><a href="#using-widgets-in-the-layout" class="table-of-contents__link toc-highlight">Using widgets in the layout</a></li><li><a href="#further-reading" class="table-of-contents__link toc-highlight">Further reading</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Spetsifikatsiya</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/uz/docs">Hujjatlar</a></li><li class="footer__item"><a class="footer__link-item" href="/uz/community">Jamiyat</a></li><li class="footer__item"><a class="footer__link-item" href="/uz/nav">Yordam</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Munozaralar<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Jamiyat</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Yana</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">Litsenziya<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/uz/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/uz/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
 </body>
 </html>
\ No newline at end of file
diff --git a/uz/docs/guides/examples/platforms.html b/uz/docs/guides/examples/platforms.html
index a56d9fd6fb..63ce82b46b 100644
--- a/uz/docs/guides/examples/platforms.html
+++ b/uz/docs/guides/examples/platforms.html
@@ -9,14 +9,14 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/uz/opensearch.xml"><link rel="stylesheet" href="/uz/assets/css/styles.6a4ac441.css">
-<script src="/uz/assets/js/runtime~main.a1b42f8f.js" defer="defer"></script>
-<script src="/uz/assets/js/main.ef087bb6.js" defer="defer"></script>
+<script src="/uz/assets/js/runtime~main.d90f1c87.js" defer="defer"></script>
+<script src="/uz/assets/js/main.b67529a2.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Asosiy tarkibga o&#x27;tish"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">Asosiy tarkibga o&#x27;tish</a></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/uz/"><div class="navbar__logo"><img src="/uz/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/uz/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/uz/docs">📖 Hujjatlar</a><a class="navbar__item navbar__link" href="/uz/community">💫 Jamiyat</a><a class="navbar__item navbar__link" href="/uz/blog">📝 Blog</a><a class="navbar__item navbar__link" href="/uz/examples">🛠 Namunalar</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/uz/docs/guides/examples/platforms">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a aria-current="page" class="dropdown__link dropdown__link--active" href="/uz/docs/guides/examples/platforms">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/uz/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>O&#x27;zbekcha</a><ul class="dropdown__menu"><li><a href="/ru/docs/guides/examples/platforms" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ru">Русский</a></li><li><a href="/docs/guides/examples/platforms" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/uz/docs/guides/examples/platforms" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/docs/guides/examples/platforms" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="kr">한국어</a></li><li><a href="/ja/docs/guides/examples/platforms" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><div class="docsWrapper_rDLg"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_JQoL" type="button"></button><div class="docRoot_GkJk"><aside class="theme-doc-sidebar-container docSidebarContainer_xiHB"><div class="sidebarViewport_DaHB"><div class="sidebar_Kb82"><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_AkOp"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--active" href="/uz/docs/guides">🎯  Guides</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--active" tabindex="0" href="/uz/docs/guides/examples">Namunalar</a><button aria-label="Collapse sidebar category &#x27;Namunalar&#x27;" aria-expanded="true" type="button" class="clean-btn menu__caret"></button></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/uz/docs/guides/examples/auth">Authentication</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/uz/docs/guides/examples/types">Types</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/uz/docs/guides/examples/page-layout">Page layouts</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item sidebar-item--wip"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/uz/docs/guides/examples/platforms">Desktop/Touch platforms</a></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/uz/docs/guides/migration/from-custom">Migratsiya</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/uz/docs/guides/tech/with-nextjs">Texnologiya</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/uz/docs/guides/issues/desegmented">Code smells &amp; Issues</a></div></li></ul></li></ul></nav><button type="button" title="Yon panelni yig‘ish" aria-label="Yon panelni yig‘ish" class="button button--secondary button--outline collapseSidebarButton_L8vW"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_hYfn"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_uESP"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_w6lk"><div class="theme-admonition theme-admonition-caution admonition_yLUd alert alert--warning theme-unlisted-banner"><div class="admonitionHeading_ulUq"><span class="admonitionIcon_Wbvt"><svg viewBox="0 0 16 16"><path fill-rule="evenodd" d="M8.893 1.5c-.183-.31-.52-.5-.887-.5s-.703.19-.886.5L.138 13.499a.98.98 0 0 0 0 1.001c.193.31.53.501.886.501h13.964c.367 0 .704-.19.877-.5a1.03 1.03 0 0 0 .01-1.002L8.893 1.5zm.133 11.497H6.987v-2.003h2.039v2.003zm0-3.004H6.987V5.987h2.039v4.006z"></path></svg></span>Unlisted page</div><div class="admonitionContent_mbd8">This page is unlisted. Search engines will not index it, and only users having a direct link can access it.</div></div><div class="docItemContainer_b1tn"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_ioLt" aria-label="Breadcrumbs"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Home page" class="breadcrumbs__link" href="/uz/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_ZfEo"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/uz/docs/guides"><span itemprop="name">🎯  Guides</span></a><meta itemprop="position" content="1"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/uz/docs/guides/examples"><span itemprop="name">Namunalar</span></a><meta itemprop="position" content="2"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">Desktop/Touch platforms</span><meta itemprop="position" content="3"></li></ul></nav><div class="theme-doc-markdown markdown"><header><h1>Desktop/Touch platforms</h1></header>
 <div class="theme-admonition theme-admonition-caution admonition_yLUd alert alert--warning"><div class="admonitionHeading_ulUq"><span class="admonitionIcon_Wbvt"><svg viewBox="0 0 16 16"><path fill-rule="evenodd" d="M8.893 1.5c-.183-.31-.52-.5-.887-.5s-.703.19-.886.5L.138 13.499a.98.98 0 0 0 0 1.001c.193.31.53.501.886.501h13.964c.367 0 .704-.19.877-.5a1.03 1.03 0 0 0 .01-1.002L8.893 1.5zm.133 11.497H6.987v-2.003h2.039v2.003zm0-3.004H6.987V5.987h2.039v4.006z"></path></svg></span>WIP</div><div class="admonitionContent_mbd8"><div><p>Maqola yozilish jarayonida</p><p>Uning yaratilishini tezlashtirish uchun siz:</p><ul><li>📢 Fikr-mulohaza ulashing <a href="https://github.com/feature-sliced/documentation/issues/198" target="_blank" rel="noopener noreferrer">chiptada (sharhlar/reaksiya emoji)</a></li><li>💬 Mavzu boyicha to&#x27;plamlarni chiptaga yig&#x27;ish <a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer">suhbatdan olingan material</a></li><li>⚒️ Hissa qo‘shish <a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer">har qanday boshqa yo&#x27;l bilan</a></li></ul><br><p><i>🍰 Stay tuned!</i></p></div></div></div>
 <blockquote>
 <p>About the application of the methodology for desktop/touch</p>
-</blockquote></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/platforms.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Sahifani tahrirlash</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Oxirgi yangilangan<!-- --> <b><time datetime="2024-09-29T11:02:46.000Z" itemprop="dateModified">29-sen, 2024</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Hujjat sahifalarida navigatsiya"></nav></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Spetsifikatsiya</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/uz/docs">Hujjatlar</a></li><li class="footer__item"><a class="footer__link-item" href="/uz/community">Jamiyat</a></li><li class="footer__item"><a class="footer__link-item" href="/uz/nav">Yordam</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Munozaralar<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Jamiyat</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Yana</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">Litsenziya<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/uz/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/uz/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
+</blockquote></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/platforms.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Sahifani tahrirlash</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Oxirgi yangilangan<!-- --> <b><time datetime="2024-10-07T18:23:06.000Z" itemprop="dateModified">7-okt, 2024</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Hujjat sahifalarida navigatsiya"></nav></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Spetsifikatsiya</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/uz/docs">Hujjatlar</a></li><li class="footer__item"><a class="footer__link-item" href="/uz/community">Jamiyat</a></li><li class="footer__item"><a class="footer__link-item" href="/uz/nav">Yordam</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Munozaralar<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Jamiyat</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Yana</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">Litsenziya<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/uz/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/uz/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
 </body>
 </html>
\ No newline at end of file
diff --git a/uz/docs/guides/examples/ssr.html b/uz/docs/guides/examples/ssr.html
index adfb570237..ac8715cefc 100644
--- a/uz/docs/guides/examples/ssr.html
+++ b/uz/docs/guides/examples/ssr.html
@@ -9,14 +9,14 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/uz/opensearch.xml"><link rel="stylesheet" href="/uz/assets/css/styles.6a4ac441.css">
-<script src="/uz/assets/js/runtime~main.a1b42f8f.js" defer="defer"></script>
-<script src="/uz/assets/js/main.ef087bb6.js" defer="defer"></script>
+<script src="/uz/assets/js/runtime~main.d90f1c87.js" defer="defer"></script>
+<script src="/uz/assets/js/main.b67529a2.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Asosiy tarkibga o&#x27;tish"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">Asosiy tarkibga o&#x27;tish</a></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/uz/"><div class="navbar__logo"><img src="/uz/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/uz/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/uz/docs">📖 Hujjatlar</a><a class="navbar__item navbar__link" href="/uz/community">💫 Jamiyat</a><a class="navbar__item navbar__link" href="/uz/blog">📝 Blog</a><a class="navbar__item navbar__link" href="/uz/examples">🛠 Namunalar</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/uz/docs/guides/examples/ssr">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a aria-current="page" class="dropdown__link dropdown__link--active" href="/uz/docs/guides/examples/ssr">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/uz/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>O&#x27;zbekcha</a><ul class="dropdown__menu"><li><a href="/ru/docs/guides/examples/ssr" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ru">Русский</a></li><li><a href="/docs/guides/examples/ssr" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/uz/docs/guides/examples/ssr" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/docs/guides/examples/ssr" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="kr">한국어</a></li><li><a href="/ja/docs/guides/examples/ssr" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><div class="docsWrapper_rDLg"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_JQoL" type="button"></button><div class="docRoot_GkJk"><aside class="theme-doc-sidebar-container docSidebarContainer_xiHB"><div class="sidebarViewport_DaHB"><div class="sidebar_Kb82"><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_AkOp"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--active" href="/uz/docs/guides">🎯  Guides</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--active" tabindex="0" href="/uz/docs/guides/examples">Namunalar</a><button aria-label="Collapse sidebar category &#x27;Namunalar&#x27;" aria-expanded="true" type="button" class="clean-btn menu__caret"></button></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/uz/docs/guides/examples/auth">Authentication</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/uz/docs/guides/examples/types">Types</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/uz/docs/guides/examples/page-layout">Page layouts</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item sidebar-item--wip"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/uz/docs/guides/examples/ssr">SSR</a></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/uz/docs/guides/migration/from-custom">Migratsiya</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/uz/docs/guides/tech/with-nextjs">Texnologiya</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/uz/docs/guides/issues/desegmented">Code smells &amp; Issues</a></div></li></ul></li></ul></nav><button type="button" title="Yon panelni yig‘ish" aria-label="Yon panelni yig‘ish" class="button button--secondary button--outline collapseSidebarButton_L8vW"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_hYfn"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_uESP"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_w6lk"><div class="theme-admonition theme-admonition-caution admonition_yLUd alert alert--warning theme-unlisted-banner"><div class="admonitionHeading_ulUq"><span class="admonitionIcon_Wbvt"><svg viewBox="0 0 16 16"><path fill-rule="evenodd" d="M8.893 1.5c-.183-.31-.52-.5-.887-.5s-.703.19-.886.5L.138 13.499a.98.98 0 0 0 0 1.001c.193.31.53.501.886.501h13.964c.367 0 .704-.19.877-.5a1.03 1.03 0 0 0 .01-1.002L8.893 1.5zm.133 11.497H6.987v-2.003h2.039v2.003zm0-3.004H6.987V5.987h2.039v4.006z"></path></svg></span>Unlisted page</div><div class="admonitionContent_mbd8">This page is unlisted. Search engines will not index it, and only users having a direct link can access it.</div></div><div class="docItemContainer_b1tn"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_ioLt" aria-label="Breadcrumbs"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Home page" class="breadcrumbs__link" href="/uz/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_ZfEo"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/uz/docs/guides"><span itemprop="name">🎯  Guides</span></a><meta itemprop="position" content="1"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/uz/docs/guides/examples"><span itemprop="name">Namunalar</span></a><meta itemprop="position" content="2"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">SSR</span><meta itemprop="position" content="3"></li></ul></nav><div class="theme-doc-markdown markdown"><header><h1>SSR</h1></header>
 <div class="theme-admonition theme-admonition-caution admonition_yLUd alert alert--warning"><div class="admonitionHeading_ulUq"><span class="admonitionIcon_Wbvt"><svg viewBox="0 0 16 16"><path fill-rule="evenodd" d="M8.893 1.5c-.183-.31-.52-.5-.887-.5s-.703.19-.886.5L.138 13.499a.98.98 0 0 0 0 1.001c.193.31.53.501.886.501h13.964c.367 0 .704-.19.877-.5a1.03 1.03 0 0 0 .01-1.002L8.893 1.5zm.133 11.497H6.987v-2.003h2.039v2.003zm0-3.004H6.987V5.987h2.039v4.006z"></path></svg></span>WIP</div><div class="admonitionContent_mbd8"><div><p>Maqola yozilish jarayonida</p><p>Uning yaratilishini tezlashtirish uchun siz:</p><ul><li>📢 Fikr-mulohaza ulashing <a href="https://github.com/feature-sliced/documentation/issues/173" target="_blank" rel="noopener noreferrer">chiptada (sharhlar/reaksiya emoji)</a></li><li>💬 Mavzu boyicha to&#x27;plamlarni chiptaga yig&#x27;ish <a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer">suhbatdan olingan material</a></li><li>⚒️ Hissa qo‘shish <a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer">har qanday boshqa yo&#x27;l bilan</a></li></ul><br><p><i>🍰 Stay tuned!</i></p></div></div></div>
 <blockquote>
 <p>About the implementation of SSR using the methodology</p>
-</blockquote></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/ssr.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Sahifani tahrirlash</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Oxirgi yangilangan<!-- --> <b><time datetime="2024-09-29T11:02:46.000Z" itemprop="dateModified">29-sen, 2024</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Hujjat sahifalarida navigatsiya"></nav></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Spetsifikatsiya</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/uz/docs">Hujjatlar</a></li><li class="footer__item"><a class="footer__link-item" href="/uz/community">Jamiyat</a></li><li class="footer__item"><a class="footer__link-item" href="/uz/nav">Yordam</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Munozaralar<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Jamiyat</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Yana</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">Litsenziya<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/uz/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/uz/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
+</blockquote></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/ssr.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Sahifani tahrirlash</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Oxirgi yangilangan<!-- --> <b><time datetime="2024-10-07T18:23:06.000Z" itemprop="dateModified">7-okt, 2024</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Hujjat sahifalarida navigatsiya"></nav></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Spetsifikatsiya</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/uz/docs">Hujjatlar</a></li><li class="footer__item"><a class="footer__link-item" href="/uz/community">Jamiyat</a></li><li class="footer__item"><a class="footer__link-item" href="/uz/nav">Yordam</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Munozaralar<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Jamiyat</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Yana</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">Litsenziya<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/uz/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/uz/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
 </body>
 </html>
\ No newline at end of file
diff --git a/uz/docs/guides/examples/theme.html b/uz/docs/guides/examples/theme.html
index 08bd686c07..568681ce66 100644
--- a/uz/docs/guides/examples/theme.html
+++ b/uz/docs/guides/examples/theme.html
@@ -9,8 +9,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/uz/opensearch.xml"><link rel="stylesheet" href="/uz/assets/css/styles.6a4ac441.css">
-<script src="/uz/assets/js/runtime~main.a1b42f8f.js" defer="defer"></script>
-<script src="/uz/assets/js/main.ef087bb6.js" defer="defer"></script>
+<script src="/uz/assets/js/runtime~main.d90f1c87.js" defer="defer"></script>
+<script src="/uz/assets/js/main.b67529a2.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Asosiy tarkibga o&#x27;tish"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">Asosiy tarkibga o&#x27;tish</a></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/uz/"><div class="navbar__logo"><img src="/uz/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/uz/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/uz/docs">📖 Hujjatlar</a><a class="navbar__item navbar__link" href="/uz/community">💫 Jamiyat</a><a class="navbar__item navbar__link" href="/uz/blog">📝 Blog</a><a class="navbar__item navbar__link" href="/uz/examples">🛠 Namunalar</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/uz/docs/guides/examples/theme">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a aria-current="page" class="dropdown__link dropdown__link--active" href="/uz/docs/guides/examples/theme">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/uz/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>O&#x27;zbekcha</a><ul class="dropdown__menu"><li><a href="/ru/docs/guides/examples/theme" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ru">Русский</a></li><li><a href="/docs/guides/examples/theme" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/uz/docs/guides/examples/theme" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/docs/guides/examples/theme" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="kr">한국어</a></li><li><a href="/ja/docs/guides/examples/theme" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><div class="docsWrapper_rDLg"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_JQoL" type="button"></button><div class="docRoot_GkJk"><aside class="theme-doc-sidebar-container docSidebarContainer_xiHB"><div class="sidebarViewport_DaHB"><div class="sidebar_Kb82"><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_AkOp"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--active" href="/uz/docs/guides">🎯  Guides</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--active" tabindex="0" href="/uz/docs/guides/examples">Namunalar</a><button aria-label="Collapse sidebar category &#x27;Namunalar&#x27;" aria-expanded="true" type="button" class="clean-btn menu__caret"></button></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/uz/docs/guides/examples/auth">Authentication</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/uz/docs/guides/examples/types">Types</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/uz/docs/guides/examples/page-layout">Page layouts</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item sidebar-item--wip"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/uz/docs/guides/examples/theme">Theme</a></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/uz/docs/guides/migration/from-custom">Migratsiya</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/uz/docs/guides/tech/with-nextjs">Texnologiya</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/uz/docs/guides/issues/desegmented">Code smells &amp; Issues</a></div></li></ul></li></ul></nav><button type="button" title="Yon panelni yig‘ish" aria-label="Yon panelni yig‘ish" class="button button--secondary button--outline collapseSidebarButton_L8vW"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_hYfn"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_uESP"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_w6lk"><div class="theme-admonition theme-admonition-caution admonition_yLUd alert alert--warning theme-unlisted-banner"><div class="admonitionHeading_ulUq"><span class="admonitionIcon_Wbvt"><svg viewBox="0 0 16 16"><path fill-rule="evenodd" d="M8.893 1.5c-.183-.31-.52-.5-.887-.5s-.703.19-.886.5L.138 13.499a.98.98 0 0 0 0 1.001c.193.31.53.501.886.501h13.964c.367 0 .704-.19.877-.5a1.03 1.03 0 0 0 .01-1.002L8.893 1.5zm.133 11.497H6.987v-2.003h2.039v2.003zm0-3.004H6.987V5.987h2.039v4.006z"></path></svg></span>Unlisted page</div><div class="admonitionContent_mbd8">This page is unlisted. Search engines will not index it, and only users having a direct link can access it.</div></div><div class="docItemContainer_b1tn"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_ioLt" aria-label="Breadcrumbs"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Home page" class="breadcrumbs__link" href="/uz/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_ZfEo"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/uz/docs/guides"><span itemprop="name">🎯  Guides</span></a><meta itemprop="position" content="1"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/uz/docs/guides/examples"><span itemprop="name">Namunalar</span></a><meta itemprop="position" content="2"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">Theme</span><meta itemprop="position" content="3"></li></ul></nav><div class="tocCollapsible_EkMH theme-doc-toc-mobile tocMobile_XRnS"><button type="button" class="clean-btn tocCollapsibleButton_ID8T">On this page</button></div><div class="theme-doc-markdown markdown"><header><h1>Theme</h1></header>
@@ -22,6 +22,6 @@ <h2 class="anchor anchorWithStickyNavbar_QzlE" id="where-should-i-put-my-work-wi
 <h2 class="anchor anchorWithStickyNavbar_QzlE" id="discussion-about-the-location-of-the-theme-i18n-logic">Discussion about the location of the theme, i18n logic<a href="#discussion-about-the-location-of-the-theme-i18n-logic" class="hash-link" aria-label="Sarlavhaga to&#x27;g&#x27;ridan-to&#x27;g&#x27;ri havola" title="Sarlavhaga to&#x27;g&#x27;ridan-to&#x27;g&#x27;ri havola">​</a></h2>
 <blockquote>
 <p><a href="https://youtu.be/b_nBvHWqxP8?t=133" target="_blank" rel="noopener noreferrer">https://youtu.be/b_nBvHWqxP8?t=133</a></p>
-</blockquote></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/theme.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Sahifani tahrirlash</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Oxirgi yangilangan<!-- --> <b><time datetime="2024-09-29T11:02:46.000Z" itemprop="dateModified">29-sen, 2024</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Hujjat sahifalarida navigatsiya"></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#where-should-i-put-my-work-with-the-theme-and-palette" class="table-of-contents__link toc-highlight">Where should I put my work with the theme and palette?</a></li><li><a href="#discussion-about-the-location-of-the-theme-i18n-logic" class="table-of-contents__link toc-highlight">Discussion about the location of the theme, i18n logic</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Spetsifikatsiya</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/uz/docs">Hujjatlar</a></li><li class="footer__item"><a class="footer__link-item" href="/uz/community">Jamiyat</a></li><li class="footer__item"><a class="footer__link-item" href="/uz/nav">Yordam</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Munozaralar<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Jamiyat</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Yana</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">Litsenziya<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/uz/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/uz/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
+</blockquote></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/theme.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Sahifani tahrirlash</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Oxirgi yangilangan<!-- --> <b><time datetime="2024-10-07T18:23:06.000Z" itemprop="dateModified">7-okt, 2024</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Hujjat sahifalarida navigatsiya"></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#where-should-i-put-my-work-with-the-theme-and-palette" class="table-of-contents__link toc-highlight">Where should I put my work with the theme and palette?</a></li><li><a href="#discussion-about-the-location-of-the-theme-i18n-logic" class="table-of-contents__link toc-highlight">Discussion about the location of the theme, i18n logic</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Spetsifikatsiya</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/uz/docs">Hujjatlar</a></li><li class="footer__item"><a class="footer__link-item" href="/uz/community">Jamiyat</a></li><li class="footer__item"><a class="footer__link-item" href="/uz/nav">Yordam</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Munozaralar<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Jamiyat</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Yana</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">Litsenziya<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/uz/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/uz/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
 </body>
 </html>
\ No newline at end of file
diff --git a/uz/docs/guides/examples/types.html b/uz/docs/guides/examples/types.html
index ff6d53a2d0..e1f618481e 100644
--- a/uz/docs/guides/examples/types.html
+++ b/uz/docs/guides/examples/types.html
@@ -9,8 +9,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/uz/opensearch.xml"><link rel="stylesheet" href="/uz/assets/css/styles.6a4ac441.css">
-<script src="/uz/assets/js/runtime~main.a1b42f8f.js" defer="defer"></script>
-<script src="/uz/assets/js/main.ef087bb6.js" defer="defer"></script>
+<script src="/uz/assets/js/runtime~main.d90f1c87.js" defer="defer"></script>
+<script src="/uz/assets/js/main.b67529a2.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Asosiy tarkibga o&#x27;tish"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">Asosiy tarkibga o&#x27;tish</a></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/uz/"><div class="navbar__logo"><img src="/uz/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/uz/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/uz/docs">📖 Hujjatlar</a><a class="navbar__item navbar__link" href="/uz/community">💫 Jamiyat</a><a class="navbar__item navbar__link" href="/uz/blog">📝 Blog</a><a class="navbar__item navbar__link" href="/uz/examples">🛠 Namunalar</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/uz/docs/guides/examples/types">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a aria-current="page" class="dropdown__link dropdown__link--active" href="/uz/docs/guides/examples/types">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/uz/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>O&#x27;zbekcha</a><ul class="dropdown__menu"><li><a href="/ru/docs/guides/examples/types" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ru">Русский</a></li><li><a href="/docs/guides/examples/types" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/uz/docs/guides/examples/types" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/docs/guides/examples/types" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="kr">한국어</a></li><li><a href="/ja/docs/guides/examples/types" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><div class="docsWrapper_rDLg"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_JQoL" type="button"></button><div class="docRoot_GkJk"><aside class="theme-doc-sidebar-container docSidebarContainer_xiHB"><div class="sidebarViewport_DaHB"><div class="sidebar_Kb82"><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_AkOp"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--active" href="/uz/docs/guides">🎯  Guides</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--active" tabindex="0" href="/uz/docs/guides/examples">Namunalar</a><button aria-label="Collapse sidebar category &#x27;Namunalar&#x27;" aria-expanded="true" type="button" class="clean-btn menu__caret"></button></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/uz/docs/guides/examples/auth">Authentication</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/uz/docs/guides/examples/types">Types</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/uz/docs/guides/examples/page-layout">Page layouts</a></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/uz/docs/guides/migration/from-custom">Migratsiya</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/uz/docs/guides/tech/with-nextjs">Texnologiya</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/uz/docs/guides/issues/desegmented">Code smells &amp; Issues</a></div></li></ul></li></ul></nav><button type="button" title="Yon panelni yig‘ish" aria-label="Yon panelni yig‘ish" class="button button--secondary button--outline collapseSidebarButton_L8vW"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_hYfn"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_uESP"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_w6lk"><div class="docItemContainer_b1tn"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_ioLt" aria-label="Breadcrumbs"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Home page" class="breadcrumbs__link" href="/uz/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_ZfEo"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/uz/docs/guides"><span itemprop="name">🎯  Guides</span></a><meta itemprop="position" content="1"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/uz/docs/guides/examples"><span itemprop="name">Namunalar</span></a><meta itemprop="position" content="2"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">Types</span><meta itemprop="position" content="3"></li></ul></nav><div class="tocCollapsible_EkMH theme-doc-toc-mobile tocMobile_XRnS"><button type="button" class="clean-btn tocCollapsibleButton_ID8T">On this page</button></div><div class="theme-doc-markdown markdown"><header><h1>Types</h1></header>
@@ -142,6 +142,6 @@ <h2 class="anchor anchorWithStickyNavbar_QzlE" id="ambient-declaration-files-dts
 <p>Other packages simply don&#x27;t have typings, and you might want to declare them as untyped or even write your own typings for them. A good place for those typings would be <code>shared/lib</code>, in a folder like <code>shared/lib/untyped-packages</code>. Create a <code>%LIBRARY_NAME%.d.ts</code> file there and declare the types you need:</p>
 <div class="language-ts codeBlockContainer_IiXL theme-code-block" style="--prism-background-color:hsl(230, 1%, 98%);--prism-color:hsl(230, 8%, 24%)"><div class="codeBlockTitle_ajkA">shared/lib/untyped-packages/use-react-screenshot.d.ts</div><div class="codeBlockContent_Y78k"><pre tabindex="0" class="prism-code language-ts codeBlock_gc_u thin-scrollbar" style="background-color:hsl(230, 1%, 98%);color:hsl(230, 8%, 24%)"><code class="codeBlockLines_PG8G"><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token comment" style="color:hsl(230, 4%, 64%)">// This library doesn&#x27;t have typings, and we didn&#x27;t want to bother writing our own.</span><span class="token plain"></span><br></span><span class="token-line" style="color:hsl(230, 8%, 24%)"><span class="token plain"></span><span class="token keyword" style="color:hsl(301, 63%, 40%)">declare</span><span class="token plain"> </span><span class="token keyword" style="color:hsl(301, 63%, 40%)">module</span><span class="token plain"> </span><span class="token string" style="color:hsl(119, 34%, 47%)">&quot;use-react-screenshot&quot;</span><span class="token punctuation" style="color:hsl(119, 34%, 47%)">;</span><br></span></code></pre><div class="buttonGroup_VWIG"><button type="button" aria-label="Buferga nusxalash" title="Nusxalash" class="clean-btn"><span class="copyButtonIcons_p0uL" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_LnVn"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_yLdc"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div>
 <h2 class="anchor anchorWithStickyNavbar_QzlE" id="auto-generation-of-types">Auto-generation of types<a href="#auto-generation-of-types" class="hash-link" aria-label="Sarlavhaga to&#x27;g&#x27;ridan-to&#x27;g&#x27;ri havola" title="Sarlavhaga to&#x27;g&#x27;ridan-to&#x27;g&#x27;ri havola">​</a></h2>
-<p>It&#x27;s common to generate types from external sources, for example, generating backend types from an OpenAPI schema. In this case, create a dedicated place in your codebase for these types, like <code>shared/api/openapi</code>. Ideally, you should also include a README in that folder that describes what these files are, how to regenerate them, etc.</p></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/types.md" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Sahifani tahrirlash</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Oxirgi yangilangan<!-- --> <b><time datetime="2024-09-29T11:02:46.000Z" itemprop="dateModified">29-sen, 2024</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Hujjat sahifalarida navigatsiya"><a class="pagination-nav__link pagination-nav__link--prev" href="/uz/docs/guides/examples/auth"><div class="pagination-nav__sublabel">Oldingi sahifa</div><div class="pagination-nav__label">Authentication</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/uz/docs/guides/examples/page-layout"><div class="pagination-nav__sublabel">Keyingi sahifa</div><div class="pagination-nav__label">Page layouts</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#utility-types" class="table-of-contents__link toc-highlight">Utility types</a></li><li><a href="#business-entities-and-their-cross-references" class="table-of-contents__link toc-highlight">Business entities and their cross-references</a></li><li><a href="#data-transfer-objects-and-mappers" class="table-of-contents__link toc-highlight">Data transfer objects and mappers</a><ul><li><a href="#where-to-put-dtos" class="table-of-contents__link toc-highlight">Where to put DTOs</a></li><li><a href="#where-to-put-mappers" class="table-of-contents__link toc-highlight">Where to put mappers</a></li><li><a href="#how-to-deal-with-nested-dtos" class="table-of-contents__link toc-highlight">How to deal with nested DTOs</a></li></ul></li><li><a href="#global-types-and-redux" class="table-of-contents__link toc-highlight">Global types and Redux</a></li><li><a href="#enums" class="table-of-contents__link toc-highlight">Enums</a></li><li><a href="#type-validation-schemas-and-zod" class="table-of-contents__link toc-highlight">Type validation schemas and Zod</a></li><li><a href="#typings-of-component-props-and-context" class="table-of-contents__link toc-highlight">Typings of component props and context</a></li><li><a href="#ambient-declaration-files-dts" class="table-of-contents__link toc-highlight">Ambient declaration files (<code>*.d.ts</code>)</a></li><li><a href="#auto-generation-of-types" class="table-of-contents__link toc-highlight">Auto-generation of types</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Spetsifikatsiya</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/uz/docs">Hujjatlar</a></li><li class="footer__item"><a class="footer__link-item" href="/uz/community">Jamiyat</a></li><li class="footer__item"><a class="footer__link-item" href="/uz/nav">Yordam</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Munozaralar<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Jamiyat</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Yana</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">Litsenziya<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/uz/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/uz/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
+<p>It&#x27;s common to generate types from external sources, for example, generating backend types from an OpenAPI schema. In this case, create a dedicated place in your codebase for these types, like <code>shared/api/openapi</code>. Ideally, you should also include a README in that folder that describes what these files are, how to regenerate them, etc.</p></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/types.md" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Sahifani tahrirlash</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Oxirgi yangilangan<!-- --> <b><time datetime="2024-10-07T18:23:06.000Z" itemprop="dateModified">7-okt, 2024</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Hujjat sahifalarida navigatsiya"><a class="pagination-nav__link pagination-nav__link--prev" href="/uz/docs/guides/examples/auth"><div class="pagination-nav__sublabel">Oldingi sahifa</div><div class="pagination-nav__label">Authentication</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/uz/docs/guides/examples/page-layout"><div class="pagination-nav__sublabel">Keyingi sahifa</div><div class="pagination-nav__label">Page layouts</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#utility-types" class="table-of-contents__link toc-highlight">Utility types</a></li><li><a href="#business-entities-and-their-cross-references" class="table-of-contents__link toc-highlight">Business entities and their cross-references</a></li><li><a href="#data-transfer-objects-and-mappers" class="table-of-contents__link toc-highlight">Data transfer objects and mappers</a><ul><li><a href="#where-to-put-dtos" class="table-of-contents__link toc-highlight">Where to put DTOs</a></li><li><a href="#where-to-put-mappers" class="table-of-contents__link toc-highlight">Where to put mappers</a></li><li><a href="#how-to-deal-with-nested-dtos" class="table-of-contents__link toc-highlight">How to deal with nested DTOs</a></li></ul></li><li><a href="#global-types-and-redux" class="table-of-contents__link toc-highlight">Global types and Redux</a></li><li><a href="#enums" class="table-of-contents__link toc-highlight">Enums</a></li><li><a href="#type-validation-schemas-and-zod" class="table-of-contents__link toc-highlight">Type validation schemas and Zod</a></li><li><a href="#typings-of-component-props-and-context" class="table-of-contents__link toc-highlight">Typings of component props and context</a></li><li><a href="#ambient-declaration-files-dts" class="table-of-contents__link toc-highlight">Ambient declaration files (<code>*.d.ts</code>)</a></li><li><a href="#auto-generation-of-types" class="table-of-contents__link toc-highlight">Auto-generation of types</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Spetsifikatsiya</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/uz/docs">Hujjatlar</a></li><li class="footer__item"><a class="footer__link-item" href="/uz/community">Jamiyat</a></li><li class="footer__item"><a class="footer__link-item" href="/uz/nav">Yordam</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Munozaralar<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Jamiyat</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Yana</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">Litsenziya<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/uz/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/uz/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
 </body>
 </html>
\ No newline at end of file
diff --git a/uz/docs/guides/examples/white-labels.html b/uz/docs/guides/examples/white-labels.html
index 767b150cd6..5187ed333a 100644
--- a/uz/docs/guides/examples/white-labels.html
+++ b/uz/docs/guides/examples/white-labels.html
@@ -9,8 +9,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/uz/opensearch.xml"><link rel="stylesheet" href="/uz/assets/css/styles.6a4ac441.css">
-<script src="/uz/assets/js/runtime~main.a1b42f8f.js" defer="defer"></script>
-<script src="/uz/assets/js/main.ef087bb6.js" defer="defer"></script>
+<script src="/uz/assets/js/runtime~main.d90f1c87.js" defer="defer"></script>
+<script src="/uz/assets/js/main.b67529a2.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Asosiy tarkibga o&#x27;tish"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">Asosiy tarkibga o&#x27;tish</a></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/uz/"><div class="navbar__logo"><img src="/uz/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/uz/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/uz/docs">📖 Hujjatlar</a><a class="navbar__item navbar__link" href="/uz/community">💫 Jamiyat</a><a class="navbar__item navbar__link" href="/uz/blog">📝 Blog</a><a class="navbar__item navbar__link" href="/uz/examples">🛠 Namunalar</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/uz/docs/guides/examples/white-labels">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a aria-current="page" class="dropdown__link dropdown__link--active" href="/uz/docs/guides/examples/white-labels">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/uz/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>O&#x27;zbekcha</a><ul class="dropdown__menu"><li><a href="/ru/docs/guides/examples/white-labels" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ru">Русский</a></li><li><a href="/docs/guides/examples/white-labels" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/uz/docs/guides/examples/white-labels" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/docs/guides/examples/white-labels" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="kr">한국어</a></li><li><a href="/ja/docs/guides/examples/white-labels" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><div class="docsWrapper_rDLg"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_JQoL" type="button"></button><div class="docRoot_GkJk"><aside class="theme-doc-sidebar-container docSidebarContainer_xiHB"><div class="sidebarViewport_DaHB"><div class="sidebar_Kb82"><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_AkOp"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--active" href="/uz/docs/guides">🎯  Guides</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--active" tabindex="0" href="/uz/docs/guides/examples">Namunalar</a><button aria-label="Collapse sidebar category &#x27;Namunalar&#x27;" aria-expanded="true" type="button" class="clean-btn menu__caret"></button></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/uz/docs/guides/examples/auth">Authentication</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/uz/docs/guides/examples/types">Types</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/uz/docs/guides/examples/page-layout">Page layouts</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item sidebar-item--wip"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/uz/docs/guides/examples/white-labels">White Labels</a></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/uz/docs/guides/migration/from-custom">Migratsiya</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/uz/docs/guides/tech/with-nextjs">Texnologiya</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/uz/docs/guides/issues/desegmented">Code smells &amp; Issues</a></div></li></ul></li></ul></nav><button type="button" title="Yon panelni yig‘ish" aria-label="Yon panelni yig‘ish" class="button button--secondary button--outline collapseSidebarButton_L8vW"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_hYfn"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_uESP"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_w6lk"><div class="theme-admonition theme-admonition-caution admonition_yLUd alert alert--warning theme-unlisted-banner"><div class="admonitionHeading_ulUq"><span class="admonitionIcon_Wbvt"><svg viewBox="0 0 16 16"><path fill-rule="evenodd" d="M8.893 1.5c-.183-.31-.52-.5-.887-.5s-.703.19-.886.5L.138 13.499a.98.98 0 0 0 0 1.001c.193.31.53.501.886.501h13.964c.367 0 .704-.19.877-.5a1.03 1.03 0 0 0 .01-1.002L8.893 1.5zm.133 11.497H6.987v-2.003h2.039v2.003zm0-3.004H6.987V5.987h2.039v4.006z"></path></svg></span>Unlisted page</div><div class="admonitionContent_mbd8">This page is unlisted. Search engines will not index it, and only users having a direct link can access it.</div></div><div class="docItemContainer_b1tn"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_ioLt" aria-label="Breadcrumbs"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Home page" class="breadcrumbs__link" href="/uz/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_ZfEo"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/uz/docs/guides"><span itemprop="name">🎯  Guides</span></a><meta itemprop="position" content="1"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/uz/docs/guides/examples"><span itemprop="name">Namunalar</span></a><meta itemprop="position" content="2"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">White Labels</span><meta itemprop="position" content="3"></li></ul></nav><div class="tocCollapsible_EkMH theme-doc-toc-mobile tocMobile_XRnS"><button type="button" class="clean-btn tocCollapsibleButton_ID8T">On this page</button></div><div class="theme-doc-markdown markdown"><header><h1>White Labels</h1></header>
@@ -22,6 +22,6 @@ <h2 class="anchor anchorWithStickyNavbar_QzlE" id="see-also">See also<a href="#s
 <ul>
 <li><a href="https://t.me/feature_sliced/1543" target="_blank" rel="noopener noreferrer">(Thread) About the application for white-labels (branded) projects</a></li>
 <li><a href="http://yadi.sk/i/5IdhzsWrpO3v4Q" target="_blank" rel="noopener noreferrer">(Presentation) About white-labels apps and design</a></li>
-</ul></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/white-labels.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Sahifani tahrirlash</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Oxirgi yangilangan<!-- --> <b><time datetime="2024-09-29T11:02:46.000Z" itemprop="dateModified">29-sen, 2024</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Hujjat sahifalarida navigatsiya"></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#see-also" class="table-of-contents__link toc-highlight">See also</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Spetsifikatsiya</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/uz/docs">Hujjatlar</a></li><li class="footer__item"><a class="footer__link-item" href="/uz/community">Jamiyat</a></li><li class="footer__item"><a class="footer__link-item" href="/uz/nav">Yordam</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Munozaralar<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Jamiyat</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Yana</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">Litsenziya<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/uz/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/uz/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
+</ul></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/guides/examples/white-labels.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Sahifani tahrirlash</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Oxirgi yangilangan<!-- --> <b><time datetime="2024-10-07T18:23:06.000Z" itemprop="dateModified">7-okt, 2024</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Hujjat sahifalarida navigatsiya"></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#see-also" class="table-of-contents__link toc-highlight">See also</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Spetsifikatsiya</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/uz/docs">Hujjatlar</a></li><li class="footer__item"><a class="footer__link-item" href="/uz/community">Jamiyat</a></li><li class="footer__item"><a class="footer__link-item" href="/uz/nav">Yordam</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Munozaralar<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Jamiyat</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Yana</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">Litsenziya<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/uz/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/uz/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
 </body>
 </html>
\ No newline at end of file
diff --git a/uz/docs/guides/issues/cross-imports.html b/uz/docs/guides/issues/cross-imports.html
index c6a011aa50..ad8818bbcf 100644
--- a/uz/docs/guides/issues/cross-imports.html
+++ b/uz/docs/guides/issues/cross-imports.html
@@ -9,8 +9,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/uz/opensearch.xml"><link rel="stylesheet" href="/uz/assets/css/styles.6a4ac441.css">
-<script src="/uz/assets/js/runtime~main.a1b42f8f.js" defer="defer"></script>
-<script src="/uz/assets/js/main.ef087bb6.js" defer="defer"></script>
+<script src="/uz/assets/js/runtime~main.d90f1c87.js" defer="defer"></script>
+<script src="/uz/assets/js/main.b67529a2.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Asosiy tarkibga o&#x27;tish"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">Asosiy tarkibga o&#x27;tish</a></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/uz/"><div class="navbar__logo"><img src="/uz/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/uz/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/uz/docs">📖 Hujjatlar</a><a class="navbar__item navbar__link" href="/uz/community">💫 Jamiyat</a><a class="navbar__item navbar__link" href="/uz/blog">📝 Blog</a><a class="navbar__item navbar__link" href="/uz/examples">🛠 Namunalar</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/uz/docs/guides/issues/cross-imports">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a aria-current="page" class="dropdown__link dropdown__link--active" href="/uz/docs/guides/issues/cross-imports">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/uz/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>O&#x27;zbekcha</a><ul class="dropdown__menu"><li><a href="/ru/docs/guides/issues/cross-imports" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ru">Русский</a></li><li><a href="/docs/guides/issues/cross-imports" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/uz/docs/guides/issues/cross-imports" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/docs/guides/issues/cross-imports" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="kr">한국어</a></li><li><a href="/ja/docs/guides/issues/cross-imports" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><div class="docsWrapper_rDLg"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_JQoL" type="button"></button><div class="docRoot_GkJk"><aside class="theme-doc-sidebar-container docSidebarContainer_xiHB"><div class="sidebarViewport_DaHB"><div class="sidebar_Kb82"><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_AkOp"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--active" href="/uz/docs/guides">🎯  Guides</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" tabindex="0" href="/uz/docs/guides/examples">Namunalar</a><button aria-label="Expand sidebar category &#x27;Namunalar&#x27;" aria-expanded="false" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/uz/docs/guides/migration/from-custom">Migratsiya</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/uz/docs/guides/tech/with-nextjs">Texnologiya</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret menu__link--active" role="button" aria-expanded="true" tabindex="0" href="/uz/docs/guides/issues/desegmented">Code smells &amp; Issues</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item sidebar-item--wip"><a class="menu__link" tabindex="0" href="/uz/docs/guides/issues/desegmented">Desegemented</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item sidebar-item--wip"><a class="menu__link" tabindex="0" href="/uz/docs/guides/issues/routes">Routing</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item sidebar-item--wip"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/uz/docs/guides/issues/cross-imports">Cross-imports</a></li></ul></li></ul></li></ul></nav><button type="button" title="Yon panelni yig‘ish" aria-label="Yon panelni yig‘ish" class="button button--secondary button--outline collapseSidebarButton_L8vW"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_hYfn"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_uESP"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_w6lk"><div class="docItemContainer_b1tn"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_ioLt" aria-label="Breadcrumbs"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Home page" class="breadcrumbs__link" href="/uz/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_ZfEo"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/uz/docs/guides"><span itemprop="name">🎯  Guides</span></a><meta itemprop="position" content="1"></li><li class="breadcrumbs__item"><span class="breadcrumbs__link">Code smells &amp; Issues</span><meta itemprop="position" content="2"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">Cross-imports</span><meta itemprop="position" content="3"></li></ul></nav><div class="tocCollapsible_EkMH theme-doc-toc-mobile tocMobile_XRnS"><button type="button" class="clean-btn tocCollapsibleButton_ID8T">On this page</button></div><div class="theme-doc-markdown markdown"><header><h1>Cross-imports</h1></header>
@@ -25,6 +25,6 @@ <h2 class="anchor anchorWithStickyNavbar_QzlE" id="see-also">See also<a href="#s
 <li><a href="https://t.me/feature_sliced/3287" target="_blank" rel="noopener noreferrer">(Thread) About cross-imports and responsibility</a></li>
 <li><a href="https://t.me/feature_sliced/4021" target="_blank" rel="noopener noreferrer">(Thread) About imports between segments</a></li>
 <li><a href="https://t.me/feature_sliced/3618" target="_blank" rel="noopener noreferrer">(Thread) About cross-imports inside shared</a></li>
-</ul></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/guides/issues/cross-imports.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Sahifani tahrirlash</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Oxirgi yangilangan<!-- --> <b><time datetime="2024-09-29T11:02:46.000Z" itemprop="dateModified">29-sen, 2024</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Hujjat sahifalarida navigatsiya"><a class="pagination-nav__link pagination-nav__link--prev" href="/uz/docs/guides/issues/routes"><div class="pagination-nav__sublabel">Oldingi sahifa</div><div class="pagination-nav__label">Routing</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/uz/docs/reference"><div class="pagination-nav__sublabel">Keyingi sahifa</div><div class="pagination-nav__label">📚 Malumot</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#see-also" class="table-of-contents__link toc-highlight">See also</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Spetsifikatsiya</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/uz/docs">Hujjatlar</a></li><li class="footer__item"><a class="footer__link-item" href="/uz/community">Jamiyat</a></li><li class="footer__item"><a class="footer__link-item" href="/uz/nav">Yordam</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Munozaralar<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Jamiyat</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Yana</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">Litsenziya<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/uz/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/uz/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
+</ul></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/guides/issues/cross-imports.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Sahifani tahrirlash</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Oxirgi yangilangan<!-- --> <b><time datetime="2024-10-07T18:23:06.000Z" itemprop="dateModified">7-okt, 2024</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Hujjat sahifalarida navigatsiya"><a class="pagination-nav__link pagination-nav__link--prev" href="/uz/docs/guides/issues/routes"><div class="pagination-nav__sublabel">Oldingi sahifa</div><div class="pagination-nav__label">Routing</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/uz/docs/reference"><div class="pagination-nav__sublabel">Keyingi sahifa</div><div class="pagination-nav__label">📚 Malumot</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#see-also" class="table-of-contents__link toc-highlight">See also</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Spetsifikatsiya</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/uz/docs">Hujjatlar</a></li><li class="footer__item"><a class="footer__link-item" href="/uz/community">Jamiyat</a></li><li class="footer__item"><a class="footer__link-item" href="/uz/nav">Yordam</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Munozaralar<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Jamiyat</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Yana</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">Litsenziya<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/uz/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/uz/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
 </body>
 </html>
\ No newline at end of file
diff --git a/uz/docs/guides/issues/desegmented.html b/uz/docs/guides/issues/desegmented.html
index 9ffb11f749..e8ba81a015 100644
--- a/uz/docs/guides/issues/desegmented.html
+++ b/uz/docs/guides/issues/desegmented.html
@@ -9,8 +9,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/uz/opensearch.xml"><link rel="stylesheet" href="/uz/assets/css/styles.6a4ac441.css">
-<script src="/uz/assets/js/runtime~main.a1b42f8f.js" defer="defer"></script>
-<script src="/uz/assets/js/main.ef087bb6.js" defer="defer"></script>
+<script src="/uz/assets/js/runtime~main.d90f1c87.js" defer="defer"></script>
+<script src="/uz/assets/js/main.b67529a2.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Asosiy tarkibga o&#x27;tish"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">Asosiy tarkibga o&#x27;tish</a></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/uz/"><div class="navbar__logo"><img src="/uz/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/uz/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/uz/docs">📖 Hujjatlar</a><a class="navbar__item navbar__link" href="/uz/community">💫 Jamiyat</a><a class="navbar__item navbar__link" href="/uz/blog">📝 Blog</a><a class="navbar__item navbar__link" href="/uz/examples">🛠 Namunalar</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/uz/docs/guides/issues/desegmented">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a aria-current="page" class="dropdown__link dropdown__link--active" href="/uz/docs/guides/issues/desegmented">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/uz/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>O&#x27;zbekcha</a><ul class="dropdown__menu"><li><a href="/ru/docs/guides/issues/desegmented" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ru">Русский</a></li><li><a href="/docs/guides/issues/desegmented" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/uz/docs/guides/issues/desegmented" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/docs/guides/issues/desegmented" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="kr">한국어</a></li><li><a href="/ja/docs/guides/issues/desegmented" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><div class="docsWrapper_rDLg"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_JQoL" type="button"></button><div class="docRoot_GkJk"><aside class="theme-doc-sidebar-container docSidebarContainer_xiHB"><div class="sidebarViewport_DaHB"><div class="sidebar_Kb82"><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_AkOp"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--active" href="/uz/docs/guides">🎯  Guides</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" tabindex="0" href="/uz/docs/guides/examples">Namunalar</a><button aria-label="Expand sidebar category &#x27;Namunalar&#x27;" aria-expanded="false" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/uz/docs/guides/migration/from-custom">Migratsiya</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/uz/docs/guides/tech/with-nextjs">Texnologiya</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret menu__link--active" role="button" aria-expanded="true" tabindex="0" href="/uz/docs/guides/issues/desegmented">Code smells &amp; Issues</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item sidebar-item--wip"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/uz/docs/guides/issues/desegmented">Desegemented</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item sidebar-item--wip"><a class="menu__link" tabindex="0" href="/uz/docs/guides/issues/routes">Routing</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item sidebar-item--wip"><a class="menu__link" tabindex="0" href="/uz/docs/guides/issues/cross-imports">Cross-imports</a></li></ul></li></ul></li></ul></nav><button type="button" title="Yon panelni yig‘ish" aria-label="Yon panelni yig‘ish" class="button button--secondary button--outline collapseSidebarButton_L8vW"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_hYfn"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_uESP"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_w6lk"><div class="docItemContainer_b1tn"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_ioLt" aria-label="Breadcrumbs"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Home page" class="breadcrumbs__link" href="/uz/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_ZfEo"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/uz/docs/guides"><span itemprop="name">🎯  Guides</span></a><meta itemprop="position" content="1"></li><li class="breadcrumbs__item"><span class="breadcrumbs__link">Code smells &amp; Issues</span><meta itemprop="position" content="2"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">Desegemented</span><meta itemprop="position" content="3"></li></ul></nav><div class="tocCollapsible_EkMH theme-doc-toc-mobile tocMobile_XRnS"><button type="button" class="clean-btn tocCollapsibleButton_ID8T">On this page</button></div><div class="theme-doc-markdown markdown"><header><h1>Desegemented</h1></header>
@@ -38,6 +38,6 @@ <h2 class="anchor anchorWithStickyNavbar_QzlE" id="see-also">See also<a href="#s
 <ul>
 <li><a href="https://enterprisecraftsmanship.com/posts/cohesion-coupling-difference/" target="_blank" rel="noopener noreferrer">(Article) About Low Coupling and High Cohesion clearly</a></li>
 <li><a href="https://medium.com/german-gorelkin/low-coupling-high-cohesion-d36369fb1be9" target="_blank" rel="noopener noreferrer">(Article) Low Coupling and High Cohesion. The Law of Demeter</a></li>
-</ul></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/guides/issues/desegmented.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Sahifani tahrirlash</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Oxirgi yangilangan<!-- --> <b><time datetime="2024-09-29T11:02:46.000Z" itemprop="dateModified">29-sen, 2024</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Hujjat sahifalarida navigatsiya"><a class="pagination-nav__link pagination-nav__link--prev" href="/uz/docs/guides/tech/with-sveltekit"><div class="pagination-nav__sublabel">Oldingi sahifa</div><div class="pagination-nav__label">Usage with SvelteKit</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/uz/docs/guides/issues/routes"><div class="pagination-nav__sublabel">Keyingi sahifa</div><div class="pagination-nav__label">Routing</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#situation" class="table-of-contents__link toc-highlight">Situation</a></li><li><a href="#problem" class="table-of-contents__link toc-highlight">Problem</a></li><li><a href="#if-you-ignore-it" class="table-of-contents__link toc-highlight">If you ignore it</a></li><li><a href="#solution" class="table-of-contents__link toc-highlight">Solution</a></li><li><a href="#see-also" class="table-of-contents__link toc-highlight">See also</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Spetsifikatsiya</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/uz/docs">Hujjatlar</a></li><li class="footer__item"><a class="footer__link-item" href="/uz/community">Jamiyat</a></li><li class="footer__item"><a class="footer__link-item" href="/uz/nav">Yordam</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Munozaralar<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Jamiyat</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Yana</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">Litsenziya<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/uz/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/uz/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
+</ul></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/guides/issues/desegmented.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Sahifani tahrirlash</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Oxirgi yangilangan<!-- --> <b><time datetime="2024-10-07T18:23:06.000Z" itemprop="dateModified">7-okt, 2024</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Hujjat sahifalarida navigatsiya"><a class="pagination-nav__link pagination-nav__link--prev" href="/uz/docs/guides/tech/with-sveltekit"><div class="pagination-nav__sublabel">Oldingi sahifa</div><div class="pagination-nav__label">Usage with SvelteKit</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/uz/docs/guides/issues/routes"><div class="pagination-nav__sublabel">Keyingi sahifa</div><div class="pagination-nav__label">Routing</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#situation" class="table-of-contents__link toc-highlight">Situation</a></li><li><a href="#problem" class="table-of-contents__link toc-highlight">Problem</a></li><li><a href="#if-you-ignore-it" class="table-of-contents__link toc-highlight">If you ignore it</a></li><li><a href="#solution" class="table-of-contents__link toc-highlight">Solution</a></li><li><a href="#see-also" class="table-of-contents__link toc-highlight">See also</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Spetsifikatsiya</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/uz/docs">Hujjatlar</a></li><li class="footer__item"><a class="footer__link-item" href="/uz/community">Jamiyat</a></li><li class="footer__item"><a class="footer__link-item" href="/uz/nav">Yordam</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Munozaralar<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Jamiyat</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Yana</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">Litsenziya<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/uz/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/uz/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
 </body>
 </html>
\ No newline at end of file
diff --git a/uz/docs/guides/issues/routes.html b/uz/docs/guides/issues/routes.html
index e01918867b..a564d844d5 100644
--- a/uz/docs/guides/issues/routes.html
+++ b/uz/docs/guides/issues/routes.html
@@ -9,8 +9,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/uz/opensearch.xml"><link rel="stylesheet" href="/uz/assets/css/styles.6a4ac441.css">
-<script src="/uz/assets/js/runtime~main.a1b42f8f.js" defer="defer"></script>
-<script src="/uz/assets/js/main.ef087bb6.js" defer="defer"></script>
+<script src="/uz/assets/js/runtime~main.d90f1c87.js" defer="defer"></script>
+<script src="/uz/assets/js/main.b67529a2.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Asosiy tarkibga o&#x27;tish"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">Asosiy tarkibga o&#x27;tish</a></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/uz/"><div class="navbar__logo"><img src="/uz/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/uz/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/uz/docs">📖 Hujjatlar</a><a class="navbar__item navbar__link" href="/uz/community">💫 Jamiyat</a><a class="navbar__item navbar__link" href="/uz/blog">📝 Blog</a><a class="navbar__item navbar__link" href="/uz/examples">🛠 Namunalar</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/uz/docs/guides/issues/routes">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a aria-current="page" class="dropdown__link dropdown__link--active" href="/uz/docs/guides/issues/routes">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/uz/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>O&#x27;zbekcha</a><ul class="dropdown__menu"><li><a href="/ru/docs/guides/issues/routes" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ru">Русский</a></li><li><a href="/docs/guides/issues/routes" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/uz/docs/guides/issues/routes" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/docs/guides/issues/routes" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="kr">한국어</a></li><li><a href="/ja/docs/guides/issues/routes" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><div class="docsWrapper_rDLg"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_JQoL" type="button"></button><div class="docRoot_GkJk"><aside class="theme-doc-sidebar-container docSidebarContainer_xiHB"><div class="sidebarViewport_DaHB"><div class="sidebar_Kb82"><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_AkOp"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--active" href="/uz/docs/guides">🎯  Guides</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" tabindex="0" href="/uz/docs/guides/examples">Namunalar</a><button aria-label="Expand sidebar category &#x27;Namunalar&#x27;" aria-expanded="false" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/uz/docs/guides/migration/from-custom">Migratsiya</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/uz/docs/guides/tech/with-nextjs">Texnologiya</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret menu__link--active" role="button" aria-expanded="true" tabindex="0" href="/uz/docs/guides/issues/desegmented">Code smells &amp; Issues</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item sidebar-item--wip"><a class="menu__link" tabindex="0" href="/uz/docs/guides/issues/desegmented">Desegemented</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item sidebar-item--wip"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/uz/docs/guides/issues/routes">Routing</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item sidebar-item--wip"><a class="menu__link" tabindex="0" href="/uz/docs/guides/issues/cross-imports">Cross-imports</a></li></ul></li></ul></li></ul></nav><button type="button" title="Yon panelni yig‘ish" aria-label="Yon panelni yig‘ish" class="button button--secondary button--outline collapseSidebarButton_L8vW"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_hYfn"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_uESP"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_w6lk"><div class="docItemContainer_b1tn"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_ioLt" aria-label="Breadcrumbs"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Home page" class="breadcrumbs__link" href="/uz/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_ZfEo"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/uz/docs/guides"><span itemprop="name">🎯  Guides</span></a><meta itemprop="position" content="1"></li><li class="breadcrumbs__item"><span class="breadcrumbs__link">Code smells &amp; Issues</span><meta itemprop="position" content="2"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">Routing</span><meta itemprop="position" content="3"></li></ul></nav><div class="tocCollapsible_EkMH theme-doc-toc-mobile tocMobile_XRnS"><button type="button" class="clean-btn tocCollapsibleButton_ID8T">On this page</button></div><div class="theme-doc-markdown markdown"><header><h1>Routing</h1></header>
@@ -30,6 +30,6 @@ <h2 class="anchor anchorWithStickyNavbar_QzlE" id="see-also">See also<a href="#s
 <ul>
 <li><a href="https://t.me/feature_sliced/4389" target="_blank" rel="noopener noreferrer">(Thread) What if I &quot;sew up&quot; routing in entities/features/widgets</a></li>
 <li><a href="https://t.me/feature_sliced/3756" target="_blank" rel="noopener noreferrer">(Thread) Why does it smear the logic of routes only in pages</a></li>
-</ul></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/guides/issues/routes.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Sahifani tahrirlash</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Oxirgi yangilangan<!-- --> <b><time datetime="2024-09-29T11:02:46.000Z" itemprop="dateModified">29-sen, 2024</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Hujjat sahifalarida navigatsiya"><a class="pagination-nav__link pagination-nav__link--prev" href="/uz/docs/guides/issues/desegmented"><div class="pagination-nav__sublabel">Oldingi sahifa</div><div class="pagination-nav__label">Desegemented</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/uz/docs/guides/issues/cross-imports"><div class="pagination-nav__sublabel">Keyingi sahifa</div><div class="pagination-nav__label">Cross-imports</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#situation" class="table-of-contents__link toc-highlight">Situation</a></li><li><a href="#problem" class="table-of-contents__link toc-highlight">Problem</a></li><li><a href="#if-you-ignore-it" class="table-of-contents__link toc-highlight">If you ignore it</a></li><li><a href="#solution" class="table-of-contents__link toc-highlight">Solution</a></li><li><a href="#see-also" class="table-of-contents__link toc-highlight">See also</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Spetsifikatsiya</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/uz/docs">Hujjatlar</a></li><li class="footer__item"><a class="footer__link-item" href="/uz/community">Jamiyat</a></li><li class="footer__item"><a class="footer__link-item" href="/uz/nav">Yordam</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Munozaralar<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Jamiyat</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Yana</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">Litsenziya<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/uz/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/uz/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
+</ul></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/guides/issues/routes.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Sahifani tahrirlash</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Oxirgi yangilangan<!-- --> <b><time datetime="2024-10-07T18:23:06.000Z" itemprop="dateModified">7-okt, 2024</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Hujjat sahifalarida navigatsiya"><a class="pagination-nav__link pagination-nav__link--prev" href="/uz/docs/guides/issues/desegmented"><div class="pagination-nav__sublabel">Oldingi sahifa</div><div class="pagination-nav__label">Desegemented</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/uz/docs/guides/issues/cross-imports"><div class="pagination-nav__sublabel">Keyingi sahifa</div><div class="pagination-nav__label">Cross-imports</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#situation" class="table-of-contents__link toc-highlight">Situation</a></li><li><a href="#problem" class="table-of-contents__link toc-highlight">Problem</a></li><li><a href="#if-you-ignore-it" class="table-of-contents__link toc-highlight">If you ignore it</a></li><li><a href="#solution" class="table-of-contents__link toc-highlight">Solution</a></li><li><a href="#see-also" class="table-of-contents__link toc-highlight">See also</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Spetsifikatsiya</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/uz/docs">Hujjatlar</a></li><li class="footer__item"><a class="footer__link-item" href="/uz/community">Jamiyat</a></li><li class="footer__item"><a class="footer__link-item" href="/uz/nav">Yordam</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Munozaralar<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Jamiyat</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Yana</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">Litsenziya<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/uz/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/uz/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
 </body>
 </html>
\ No newline at end of file
diff --git a/uz/docs/guides/migration/from-custom.html b/uz/docs/guides/migration/from-custom.html
index 4fee215816..eadbd62466 100644
--- a/uz/docs/guides/migration/from-custom.html
+++ b/uz/docs/guides/migration/from-custom.html
@@ -9,8 +9,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/uz/opensearch.xml"><link rel="stylesheet" href="/uz/assets/css/styles.6a4ac441.css">
-<script src="/uz/assets/js/runtime~main.a1b42f8f.js" defer="defer"></script>
-<script src="/uz/assets/js/main.ef087bb6.js" defer="defer"></script>
+<script src="/uz/assets/js/runtime~main.d90f1c87.js" defer="defer"></script>
+<script src="/uz/assets/js/main.b67529a2.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Asosiy tarkibga o&#x27;tish"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">Asosiy tarkibga o&#x27;tish</a></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/uz/"><div class="navbar__logo"><img src="/uz/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/uz/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/uz/docs">📖 Hujjatlar</a><a class="navbar__item navbar__link" href="/uz/community">💫 Jamiyat</a><a class="navbar__item navbar__link" href="/uz/blog">📝 Blog</a><a class="navbar__item navbar__link" href="/uz/examples">🛠 Namunalar</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/uz/docs/guides/migration/from-custom">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a aria-current="page" class="dropdown__link dropdown__link--active" href="/uz/docs/guides/migration/from-custom">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/uz/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>O&#x27;zbekcha</a><ul class="dropdown__menu"><li><a href="/ru/docs/guides/migration/from-custom" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ru">Русский</a></li><li><a href="/docs/guides/migration/from-custom" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/uz/docs/guides/migration/from-custom" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/docs/guides/migration/from-custom" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="kr">한국어</a></li><li><a href="/ja/docs/guides/migration/from-custom" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><div class="docsWrapper_rDLg"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_JQoL" type="button"></button><div class="docRoot_GkJk"><aside class="theme-doc-sidebar-container docSidebarContainer_xiHB"><div class="sidebarViewport_DaHB"><div class="sidebar_Kb82"><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_AkOp"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--active" href="/uz/docs/guides">🎯  Guides</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" tabindex="0" href="/uz/docs/guides/examples">Namunalar</a><button aria-label="Expand sidebar category &#x27;Namunalar&#x27;" aria-expanded="false" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret menu__link--active" role="button" aria-expanded="true" tabindex="0" href="/uz/docs/guides/migration/from-custom">Migratsiya</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/uz/docs/guides/migration/from-custom">From a custom architecture</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/uz/docs/guides/migration/from-v1">Migration from v1</a></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/uz/docs/guides/tech/with-nextjs">Texnologiya</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/uz/docs/guides/issues/desegmented">Code smells &amp; Issues</a></div></li></ul></li></ul></nav><button type="button" title="Yon panelni yig‘ish" aria-label="Yon panelni yig‘ish" class="button button--secondary button--outline collapseSidebarButton_L8vW"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_hYfn"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_uESP"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_w6lk"><div class="docItemContainer_b1tn"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_ioLt" aria-label="Breadcrumbs"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Home page" class="breadcrumbs__link" href="/uz/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_ZfEo"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/uz/docs/guides"><span itemprop="name">🎯  Guides</span></a><meta itemprop="position" content="1"></li><li class="breadcrumbs__item"><span class="breadcrumbs__link">Migratsiya</span><meta itemprop="position" content="2"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">From a custom architecture</span><meta itemprop="position" content="3"></li></ul></nav><div class="tocCollapsible_EkMH theme-doc-toc-mobile tocMobile_XRnS"><button type="button" class="clean-btn tocCollapsibleButton_ID8T">On this page</button></div><div class="theme-doc-markdown markdown"><header><h1>Migration from a custom architecture</h1></header>
@@ -99,6 +99,6 @@ <h3 class="anchor anchorWithStickyNavbar_QzlE" id="form-clean-ui-foundation">Ste
 <h2 class="anchor anchorWithStickyNavbar_QzlE" id="see-also">See also<a href="#see-also" class="hash-link" aria-label="Sarlavhaga to&#x27;g&#x27;ridan-to&#x27;g&#x27;ri havola" title="Sarlavhaga to&#x27;g&#x27;ridan-to&#x27;g&#x27;ri havola">​</a></h2>
 <ul>
 <li><a href="https://youtu.be/aOiJ3k2UvO4" target="_blank" rel="noopener noreferrer">(Talk in Russian) Ilya Klimov — Крысиные бега бесконечного рефакторинга: как не дать техническому долгу убить мотивацию и продукт</a></li>
-</ul></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/guides/migration/from-custom.md" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Sahifani tahrirlash</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Oxirgi yangilangan<!-- --> <b><time datetime="2024-09-29T11:02:46.000Z" itemprop="dateModified">29-sen, 2024</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Hujjat sahifalarida navigatsiya"><a class="pagination-nav__link pagination-nav__link--prev" href="/uz/docs/guides/examples/page-layout"><div class="pagination-nav__sublabel">Oldingi sahifa</div><div class="pagination-nav__label">Page layouts</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/uz/docs/guides/migration/from-v1"><div class="pagination-nav__sublabel">Keyingi sahifa</div><div class="pagination-nav__label">Migration from v1</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#before-you-start" class="table-of-contents__link toc-highlight">Before you start</a></li><li><a href="#divide-code-by-pages" class="table-of-contents__link toc-highlight">Step 1. Divide the code by pages</a></li><li><a href="#separate-everything-else-from-pages" class="table-of-contents__link toc-highlight">Step 2. Separate everything else from the pages</a></li><li><a href="#tackle-cross-imports-between-pages" class="table-of-contents__link toc-highlight">Step 3. Tackle cross-imports between pages</a></li><li><a href="#unpack-shared-layer" class="table-of-contents__link toc-highlight">Step 4. Unpack the Shared layer</a></li><li><a href="#organize-by-technical-purpose" class="table-of-contents__link toc-highlight">Step 5. Organize code by technical purpose</a></li><li><a href="#optional-steps" class="table-of-contents__link toc-highlight">Optional steps</a><ul><li><a href="#form-entities-features-from-redux" class="table-of-contents__link toc-highlight">Step 6. Form entities/features from Redux slices that are used on several pages</a></li><li><a href="#refactor-your-modules" class="table-of-contents__link toc-highlight">Step 7. Refactor your modules</a></li><li><a href="#form-clean-ui-foundation" class="table-of-contents__link toc-highlight">Step 8. Form a clean UI foundation in <code>shared/ui</code></a></li></ul></li><li><a href="#see-also" class="table-of-contents__link toc-highlight">See also</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Spetsifikatsiya</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/uz/docs">Hujjatlar</a></li><li class="footer__item"><a class="footer__link-item" href="/uz/community">Jamiyat</a></li><li class="footer__item"><a class="footer__link-item" href="/uz/nav">Yordam</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Munozaralar<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Jamiyat</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Yana</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">Litsenziya<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/uz/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/uz/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
+</ul></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/guides/migration/from-custom.md" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Sahifani tahrirlash</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Oxirgi yangilangan<!-- --> <b><time datetime="2024-10-07T18:23:06.000Z" itemprop="dateModified">7-okt, 2024</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Hujjat sahifalarida navigatsiya"><a class="pagination-nav__link pagination-nav__link--prev" href="/uz/docs/guides/examples/page-layout"><div class="pagination-nav__sublabel">Oldingi sahifa</div><div class="pagination-nav__label">Page layouts</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/uz/docs/guides/migration/from-v1"><div class="pagination-nav__sublabel">Keyingi sahifa</div><div class="pagination-nav__label">Migration from v1</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#before-you-start" class="table-of-contents__link toc-highlight">Before you start</a></li><li><a href="#divide-code-by-pages" class="table-of-contents__link toc-highlight">Step 1. Divide the code by pages</a></li><li><a href="#separate-everything-else-from-pages" class="table-of-contents__link toc-highlight">Step 2. Separate everything else from the pages</a></li><li><a href="#tackle-cross-imports-between-pages" class="table-of-contents__link toc-highlight">Step 3. Tackle cross-imports between pages</a></li><li><a href="#unpack-shared-layer" class="table-of-contents__link toc-highlight">Step 4. Unpack the Shared layer</a></li><li><a href="#organize-by-technical-purpose" class="table-of-contents__link toc-highlight">Step 5. Organize code by technical purpose</a></li><li><a href="#optional-steps" class="table-of-contents__link toc-highlight">Optional steps</a><ul><li><a href="#form-entities-features-from-redux" class="table-of-contents__link toc-highlight">Step 6. Form entities/features from Redux slices that are used on several pages</a></li><li><a href="#refactor-your-modules" class="table-of-contents__link toc-highlight">Step 7. Refactor your modules</a></li><li><a href="#form-clean-ui-foundation" class="table-of-contents__link toc-highlight">Step 8. Form a clean UI foundation in <code>shared/ui</code></a></li></ul></li><li><a href="#see-also" class="table-of-contents__link toc-highlight">See also</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Spetsifikatsiya</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/uz/docs">Hujjatlar</a></li><li class="footer__item"><a class="footer__link-item" href="/uz/community">Jamiyat</a></li><li class="footer__item"><a class="footer__link-item" href="/uz/nav">Yordam</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Munozaralar<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Jamiyat</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Yana</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">Litsenziya<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/uz/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/uz/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
 </body>
 </html>
\ No newline at end of file
diff --git a/uz/docs/guides/migration/from-v1.html b/uz/docs/guides/migration/from-v1.html
index 57fe35329e..d4e543b220 100644
--- a/uz/docs/guides/migration/from-v1.html
+++ b/uz/docs/guides/migration/from-v1.html
@@ -9,8 +9,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/uz/opensearch.xml"><link rel="stylesheet" href="/uz/assets/css/styles.6a4ac441.css">
-<script src="/uz/assets/js/runtime~main.a1b42f8f.js" defer="defer"></script>
-<script src="/uz/assets/js/main.ef087bb6.js" defer="defer"></script>
+<script src="/uz/assets/js/runtime~main.d90f1c87.js" defer="defer"></script>
+<script src="/uz/assets/js/main.b67529a2.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Asosiy tarkibga o&#x27;tish"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">Asosiy tarkibga o&#x27;tish</a></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/uz/"><div class="navbar__logo"><img src="/uz/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/uz/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/uz/docs">📖 Hujjatlar</a><a class="navbar__item navbar__link" href="/uz/community">💫 Jamiyat</a><a class="navbar__item navbar__link" href="/uz/blog">📝 Blog</a><a class="navbar__item navbar__link" href="/uz/examples">🛠 Namunalar</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/uz/docs/guides/migration/from-v1">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a aria-current="page" class="dropdown__link dropdown__link--active" href="/uz/docs/guides/migration/from-v1">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/uz/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>O&#x27;zbekcha</a><ul class="dropdown__menu"><li><a href="/ru/docs/guides/migration/from-v1" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ru">Русский</a></li><li><a href="/docs/guides/migration/from-v1" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/uz/docs/guides/migration/from-v1" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/docs/guides/migration/from-v1" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="kr">한국어</a></li><li><a href="/ja/docs/guides/migration/from-v1" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><div class="docsWrapper_rDLg"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_JQoL" type="button"></button><div class="docRoot_GkJk"><aside class="theme-doc-sidebar-container docSidebarContainer_xiHB"><div class="sidebarViewport_DaHB"><div class="sidebar_Kb82"><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_AkOp"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--active" href="/uz/docs/guides">🎯  Guides</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" tabindex="0" href="/uz/docs/guides/examples">Namunalar</a><button aria-label="Expand sidebar category &#x27;Namunalar&#x27;" aria-expanded="false" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret menu__link--active" role="button" aria-expanded="true" tabindex="0" href="/uz/docs/guides/migration/from-custom">Migratsiya</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/uz/docs/guides/migration/from-custom">From a custom architecture</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/uz/docs/guides/migration/from-v1">Migration from v1</a></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/uz/docs/guides/tech/with-nextjs">Texnologiya</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/uz/docs/guides/issues/desegmented">Code smells &amp; Issues</a></div></li></ul></li></ul></nav><button type="button" title="Yon panelni yig‘ish" aria-label="Yon panelni yig‘ish" class="button button--secondary button--outline collapseSidebarButton_L8vW"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_hYfn"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_uESP"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_w6lk"><div class="docItemContainer_b1tn"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_ioLt" aria-label="Breadcrumbs"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Home page" class="breadcrumbs__link" href="/uz/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_ZfEo"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/uz/docs/guides"><span itemprop="name">🎯  Guides</span></a><meta itemprop="position" content="1"></li><li class="breadcrumbs__item"><span class="breadcrumbs__link">Migratsiya</span><meta itemprop="position" content="2"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">Migration from v1</span><meta itemprop="position" content="3"></li></ul></nav><div class="tocCollapsible_EkMH theme-doc-toc-mobile tocMobile_XRnS"><button type="button" class="clean-btn tocCollapsibleButton_ID8T">On this page</button></div><div class="theme-doc-markdown markdown"><header><h1>Migration from v1</h1></header>
@@ -197,6 +197,6 @@ <h2 class="anchor anchorWithStickyNavbar_QzlE" id="see-also">See also<a href="#s
 <li><a href="https://t.me/feature_sliced/493" target="_blank" rel="noopener noreferrer">Comparison with v1 (community-chat)</a></li>
 <li><a href="https://t.me/atomicdesign/18708" target="_blank" rel="noopener noreferrer">New ideas v2 with explanations (atomicdesign-chat)</a></li>
 <li><a href="https://github.com/feature-sliced/documentation/discussions/31" target="_blank" rel="noopener noreferrer">Discussion of abstractions and naming for the new version of the methodology (v2)</a></li>
-</ul></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/guides/migration/from-v1.md" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Sahifani tahrirlash</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Oxirgi yangilangan<!-- --> <b><time datetime="2024-09-29T11:02:46.000Z" itemprop="dateModified">29-sen, 2024</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Hujjat sahifalarida navigatsiya"><a class="pagination-nav__link pagination-nav__link--prev" href="/uz/docs/guides/migration/from-custom"><div class="pagination-nav__sublabel">Oldingi sahifa</div><div class="pagination-nav__label">From a custom architecture</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/uz/docs/guides/tech/with-nextjs"><div class="pagination-nav__sublabel">Keyingi sahifa</div><div class="pagination-nav__label">Usage with NextJS</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#why-v2" class="table-of-contents__link toc-highlight">Why v2?</a></li><li><a href="#why-does-it-make-sense-to-migrate-the-project-to-v2" class="table-of-contents__link toc-highlight">Why does it make sense to migrate the project to v2?</a></li><li><a href="#changelog" class="table-of-contents__link toc-highlight">Changelog</a><ul><li><a href="#breaking-layers" class="table-of-contents__link toc-highlight"><code>BREAKING</code> Layers</a></li><li><a href="#breaking-shared" class="table-of-contents__link toc-highlight"><code>BREAKING</code> Shared</a></li><li><a href="#new-entities-processes" class="table-of-contents__link toc-highlight"><code>NEW</code> Entities, Processes</a></li><li><a href="#breaking-abstractions--naming" class="table-of-contents__link toc-highlight"><code>BREAKING</code> Abstractions &amp; Naming</a></li><li><a href="#refined-low-coupling" class="table-of-contents__link toc-highlight"><code>REFINED</code> Low coupling</a></li></ul></li><li><a href="#see-also" class="table-of-contents__link toc-highlight">See also</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Spetsifikatsiya</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/uz/docs">Hujjatlar</a></li><li class="footer__item"><a class="footer__link-item" href="/uz/community">Jamiyat</a></li><li class="footer__item"><a class="footer__link-item" href="/uz/nav">Yordam</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Munozaralar<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Jamiyat</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Yana</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">Litsenziya<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/uz/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/uz/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
+</ul></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/guides/migration/from-v1.md" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Sahifani tahrirlash</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Oxirgi yangilangan<!-- --> <b><time datetime="2024-10-07T18:23:06.000Z" itemprop="dateModified">7-okt, 2024</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Hujjat sahifalarida navigatsiya"><a class="pagination-nav__link pagination-nav__link--prev" href="/uz/docs/guides/migration/from-custom"><div class="pagination-nav__sublabel">Oldingi sahifa</div><div class="pagination-nav__label">From a custom architecture</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/uz/docs/guides/tech/with-nextjs"><div class="pagination-nav__sublabel">Keyingi sahifa</div><div class="pagination-nav__label">Usage with NextJS</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#why-v2" class="table-of-contents__link toc-highlight">Why v2?</a></li><li><a href="#why-does-it-make-sense-to-migrate-the-project-to-v2" class="table-of-contents__link toc-highlight">Why does it make sense to migrate the project to v2?</a></li><li><a href="#changelog" class="table-of-contents__link toc-highlight">Changelog</a><ul><li><a href="#breaking-layers" class="table-of-contents__link toc-highlight"><code>BREAKING</code> Layers</a></li><li><a href="#breaking-shared" class="table-of-contents__link toc-highlight"><code>BREAKING</code> Shared</a></li><li><a href="#new-entities-processes" class="table-of-contents__link toc-highlight"><code>NEW</code> Entities, Processes</a></li><li><a href="#breaking-abstractions--naming" class="table-of-contents__link toc-highlight"><code>BREAKING</code> Abstractions &amp; Naming</a></li><li><a href="#refined-low-coupling" class="table-of-contents__link toc-highlight"><code>REFINED</code> Low coupling</a></li></ul></li><li><a href="#see-also" class="table-of-contents__link toc-highlight">See also</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Spetsifikatsiya</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/uz/docs">Hujjatlar</a></li><li class="footer__item"><a class="footer__link-item" href="/uz/community">Jamiyat</a></li><li class="footer__item"><a class="footer__link-item" href="/uz/nav">Yordam</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Munozaralar<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Jamiyat</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Yana</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">Litsenziya<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/uz/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/uz/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
 </body>
 </html>
\ No newline at end of file
diff --git a/uz/docs/guides/tech/with-nextjs.html b/uz/docs/guides/tech/with-nextjs.html
index a181d0dbc6..56441aab80 100644
--- a/uz/docs/guides/tech/with-nextjs.html
+++ b/uz/docs/guides/tech/with-nextjs.html
@@ -9,8 +9,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/uz/opensearch.xml"><link rel="stylesheet" href="/uz/assets/css/styles.6a4ac441.css">
-<script src="/uz/assets/js/runtime~main.a1b42f8f.js" defer="defer"></script>
-<script src="/uz/assets/js/main.ef087bb6.js" defer="defer"></script>
+<script src="/uz/assets/js/runtime~main.d90f1c87.js" defer="defer"></script>
+<script src="/uz/assets/js/main.b67529a2.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Asosiy tarkibga o&#x27;tish"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">Asosiy tarkibga o&#x27;tish</a></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/uz/"><div class="navbar__logo"><img src="/uz/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/uz/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/uz/docs">📖 Hujjatlar</a><a class="navbar__item navbar__link" href="/uz/community">💫 Jamiyat</a><a class="navbar__item navbar__link" href="/uz/blog">📝 Blog</a><a class="navbar__item navbar__link" href="/uz/examples">🛠 Namunalar</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/uz/docs/guides/tech/with-nextjs">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a aria-current="page" class="dropdown__link dropdown__link--active" href="/uz/docs/guides/tech/with-nextjs">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/uz/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>O&#x27;zbekcha</a><ul class="dropdown__menu"><li><a href="/ru/docs/guides/tech/with-nextjs" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ru">Русский</a></li><li><a href="/docs/guides/tech/with-nextjs" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/uz/docs/guides/tech/with-nextjs" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/docs/guides/tech/with-nextjs" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="kr">한국어</a></li><li><a href="/ja/docs/guides/tech/with-nextjs" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><div class="docsWrapper_rDLg"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_JQoL" type="button"></button><div class="docRoot_GkJk"><aside class="theme-doc-sidebar-container docSidebarContainer_xiHB"><div class="sidebarViewport_DaHB"><div class="sidebar_Kb82"><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_AkOp"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--active" href="/uz/docs/guides">🎯  Guides</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" tabindex="0" href="/uz/docs/guides/examples">Namunalar</a><button aria-label="Expand sidebar category &#x27;Namunalar&#x27;" aria-expanded="false" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/uz/docs/guides/migration/from-custom">Migratsiya</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret menu__link--active" role="button" aria-expanded="true" tabindex="0" href="/uz/docs/guides/tech/with-nextjs">Texnologiya</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/uz/docs/guides/tech/with-nextjs">Usage with NextJS</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/uz/docs/guides/tech/with-nuxtjs">Usage with NuxtJS</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/uz/docs/guides/tech/with-react-query">Usage with React Query</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/uz/docs/guides/tech/with-sveltekit">Usage with SvelteKit</a></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/uz/docs/guides/issues/desegmented">Code smells &amp; Issues</a></div></li></ul></li></ul></nav><button type="button" title="Yon panelni yig‘ish" aria-label="Yon panelni yig‘ish" class="button button--secondary button--outline collapseSidebarButton_L8vW"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_hYfn"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_uESP"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_w6lk"><div class="docItemContainer_b1tn"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_ioLt" aria-label="Breadcrumbs"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Home page" class="breadcrumbs__link" href="/uz/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_ZfEo"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/uz/docs/guides"><span itemprop="name">🎯  Guides</span></a><meta itemprop="position" content="1"></li><li class="breadcrumbs__item"><span class="breadcrumbs__link">Texnologiya</span><meta itemprop="position" content="2"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">Usage with NextJS</span><meta itemprop="position" content="3"></li></ul></nav><div class="tocCollapsible_EkMH theme-doc-toc-mobile tocMobile_XRnS"><button type="button" class="clean-btn tocCollapsibleButton_ID8T">On this page</button></div><div class="theme-doc-markdown markdown"><header><h1>Usage with NextJS</h1></header>
@@ -52,6 +52,6 @@ <h2 class="anchor anchorWithStickyNavbar_QzlE" id="app-router">Dealing with App
 <h2 class="anchor anchorWithStickyNavbar_QzlE" id="see-also">See also<a href="#see-also" class="hash-link" aria-label="Sarlavhaga to&#x27;g&#x27;ridan-to&#x27;g&#x27;ri havola" title="Sarlavhaga to&#x27;g&#x27;ridan-to&#x27;g&#x27;ri havola">​</a></h2>
 <ul>
 <li><a href="https://t.me/feature_sliced/3623" target="_blank" rel="noopener noreferrer">(Thread) About the pages directory in NextJS</a></li>
-</ul></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/guides/tech/with-nextjs.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Sahifani tahrirlash</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Oxirgi yangilangan<!-- --> <b><time datetime="2024-09-29T11:02:46.000Z" itemprop="dateModified">29-sen, 2024</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Hujjat sahifalarida navigatsiya"><a class="pagination-nav__link pagination-nav__link--prev" href="/uz/docs/guides/migration/from-v1"><div class="pagination-nav__sublabel">Oldingi sahifa</div><div class="pagination-nav__label">Migration from v1</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/uz/docs/guides/tech/with-nuxtjs"><div class="pagination-nav__sublabel">Keyingi sahifa</div><div class="pagination-nav__label">Usage with NuxtJS</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#pages-conflict" class="table-of-contents__link toc-highlight">Conflict between FSD and NextJS on <code>pages</code> layer</a><ul><li><a href="#moving-the-pages-folder-of-nextjs-to-the-root-folder-of-the-project-recommended" class="table-of-contents__link toc-highlight">Moving the <code>pages</code> folder of NextJS to the root folder of the project (recommended)</a></li><li><a href="#renaming-the-pages-layer-within-the-fsd-structure" class="table-of-contents__link toc-highlight">Renaming the <code>pages</code> layer within the FSD structure</a></li></ul></li><li><a href="#app-absence" class="table-of-contents__link toc-highlight">The absence of the <code>app</code> folder in NextJS</a><ul><li><a href="#importing-app-functionality-to-pages_apptsx-file" class="table-of-contents__link toc-highlight">Importing app functionality to <code>pages/_app.tsx</code> file</a></li></ul></li><li><a href="#app-router" class="table-of-contents__link toc-highlight">Dealing with App Router</a></li><li><a href="#see-also" class="table-of-contents__link toc-highlight">See also</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Spetsifikatsiya</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/uz/docs">Hujjatlar</a></li><li class="footer__item"><a class="footer__link-item" href="/uz/community">Jamiyat</a></li><li class="footer__item"><a class="footer__link-item" href="/uz/nav">Yordam</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Munozaralar<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Jamiyat</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Yana</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">Litsenziya<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/uz/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/uz/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
+</ul></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/guides/tech/with-nextjs.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Sahifani tahrirlash</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Oxirgi yangilangan<!-- --> <b><time datetime="2024-10-07T18:23:06.000Z" itemprop="dateModified">7-okt, 2024</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Hujjat sahifalarida navigatsiya"><a class="pagination-nav__link pagination-nav__link--prev" href="/uz/docs/guides/migration/from-v1"><div class="pagination-nav__sublabel">Oldingi sahifa</div><div class="pagination-nav__label">Migration from v1</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/uz/docs/guides/tech/with-nuxtjs"><div class="pagination-nav__sublabel">Keyingi sahifa</div><div class="pagination-nav__label">Usage with NuxtJS</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#pages-conflict" class="table-of-contents__link toc-highlight">Conflict between FSD and NextJS on <code>pages</code> layer</a><ul><li><a href="#moving-the-pages-folder-of-nextjs-to-the-root-folder-of-the-project-recommended" class="table-of-contents__link toc-highlight">Moving the <code>pages</code> folder of NextJS to the root folder of the project (recommended)</a></li><li><a href="#renaming-the-pages-layer-within-the-fsd-structure" class="table-of-contents__link toc-highlight">Renaming the <code>pages</code> layer within the FSD structure</a></li></ul></li><li><a href="#app-absence" class="table-of-contents__link toc-highlight">The absence of the <code>app</code> folder in NextJS</a><ul><li><a href="#importing-app-functionality-to-pages_apptsx-file" class="table-of-contents__link toc-highlight">Importing app functionality to <code>pages/_app.tsx</code> file</a></li></ul></li><li><a href="#app-router" class="table-of-contents__link toc-highlight">Dealing with App Router</a></li><li><a href="#see-also" class="table-of-contents__link toc-highlight">See also</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Spetsifikatsiya</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/uz/docs">Hujjatlar</a></li><li class="footer__item"><a class="footer__link-item" href="/uz/community">Jamiyat</a></li><li class="footer__item"><a class="footer__link-item" href="/uz/nav">Yordam</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Munozaralar<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Jamiyat</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Yana</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">Litsenziya<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/uz/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/uz/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
 </body>
 </html>
\ No newline at end of file
diff --git a/uz/docs/guides/tech/with-nuxtjs.html b/uz/docs/guides/tech/with-nuxtjs.html
index 887d857eed..5b68b6a834 100644
--- a/uz/docs/guides/tech/with-nuxtjs.html
+++ b/uz/docs/guides/tech/with-nuxtjs.html
@@ -9,8 +9,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/uz/opensearch.xml"><link rel="stylesheet" href="/uz/assets/css/styles.6a4ac441.css">
-<script src="/uz/assets/js/runtime~main.a1b42f8f.js" defer="defer"></script>
-<script src="/uz/assets/js/main.ef087bb6.js" defer="defer"></script>
+<script src="/uz/assets/js/runtime~main.d90f1c87.js" defer="defer"></script>
+<script src="/uz/assets/js/main.b67529a2.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Asosiy tarkibga o&#x27;tish"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">Asosiy tarkibga o&#x27;tish</a></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/uz/"><div class="navbar__logo"><img src="/uz/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/uz/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/uz/docs">📖 Hujjatlar</a><a class="navbar__item navbar__link" href="/uz/community">💫 Jamiyat</a><a class="navbar__item navbar__link" href="/uz/blog">📝 Blog</a><a class="navbar__item navbar__link" href="/uz/examples">🛠 Namunalar</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/uz/docs/guides/tech/with-nuxtjs">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a aria-current="page" class="dropdown__link dropdown__link--active" href="/uz/docs/guides/tech/with-nuxtjs">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/uz/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>O&#x27;zbekcha</a><ul class="dropdown__menu"><li><a href="/ru/docs/guides/tech/with-nuxtjs" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ru">Русский</a></li><li><a href="/docs/guides/tech/with-nuxtjs" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/uz/docs/guides/tech/with-nuxtjs" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/docs/guides/tech/with-nuxtjs" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="kr">한국어</a></li><li><a href="/ja/docs/guides/tech/with-nuxtjs" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><div class="docsWrapper_rDLg"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_JQoL" type="button"></button><div class="docRoot_GkJk"><aside class="theme-doc-sidebar-container docSidebarContainer_xiHB"><div class="sidebarViewport_DaHB"><div class="sidebar_Kb82"><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_AkOp"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--active" href="/uz/docs/guides">🎯  Guides</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" tabindex="0" href="/uz/docs/guides/examples">Namunalar</a><button aria-label="Expand sidebar category &#x27;Namunalar&#x27;" aria-expanded="false" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/uz/docs/guides/migration/from-custom">Migratsiya</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret menu__link--active" role="button" aria-expanded="true" tabindex="0" href="/uz/docs/guides/tech/with-nextjs">Texnologiya</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/uz/docs/guides/tech/with-nextjs">Usage with NextJS</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/uz/docs/guides/tech/with-nuxtjs">Usage with NuxtJS</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/uz/docs/guides/tech/with-react-query">Usage with React Query</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/uz/docs/guides/tech/with-sveltekit">Usage with SvelteKit</a></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/uz/docs/guides/issues/desegmented">Code smells &amp; Issues</a></div></li></ul></li></ul></nav><button type="button" title="Yon panelni yig‘ish" aria-label="Yon panelni yig‘ish" class="button button--secondary button--outline collapseSidebarButton_L8vW"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_hYfn"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_uESP"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_w6lk"><div class="docItemContainer_b1tn"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_ioLt" aria-label="Breadcrumbs"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Home page" class="breadcrumbs__link" href="/uz/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_ZfEo"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/uz/docs/guides"><span itemprop="name">🎯  Guides</span></a><meta itemprop="position" content="1"></li><li class="breadcrumbs__item"><span class="breadcrumbs__link">Texnologiya</span><meta itemprop="position" content="2"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">Usage with NuxtJS</span><meta itemprop="position" content="3"></li></ul></nav><div class="tocCollapsible_EkMH theme-doc-toc-mobile tocMobile_XRnS"><button type="button" class="clean-btn tocCollapsibleButton_ID8T">On this page</button></div><div class="theme-doc-markdown markdown"><header><h1>Usage with NuxtJS</h1></header>
@@ -70,6 +70,6 @@ <h2 class="anchor anchorWithStickyNavbar_QzlE" id="see-also">See also<a href="#s
 <li><a href="https://nuxt.com/docs/api/nuxt-config#dir" target="_blank" rel="noopener noreferrer">Documentation on changing directory config in NuxtJS</a></li>
 <li><a href="https://nuxt.com/docs/guide/recipes/custom-routing#router-config" target="_blank" rel="noopener noreferrer">Documentation on changing router config in NuxtJS</a></li>
 <li><a href="https://nuxt.com/docs/api/nuxt-config#alias" target="_blank" rel="noopener noreferrer">Documentation on changing aliases in NuxtJS</a></li>
-</ul></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/guides/tech/with-nuxtjs.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Sahifani tahrirlash</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Oxirgi yangilangan<!-- --> <b><time datetime="2024-09-29T11:02:46.000Z" itemprop="dateModified">29-sen, 2024</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Hujjat sahifalarida navigatsiya"><a class="pagination-nav__link pagination-nav__link--prev" href="/uz/docs/guides/tech/with-nextjs"><div class="pagination-nav__sublabel">Oldingi sahifa</div><div class="pagination-nav__label">Usage with NextJS</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/uz/docs/guides/tech/with-react-query"><div class="pagination-nav__sublabel">Keyingi sahifa</div><div class="pagination-nav__label">Usage with React Query</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#adding-an-alias-for-the-src-directory" class="table-of-contents__link toc-highlight">Adding an alias for the <code>src</code> directory</a></li><li><a href="#choose-how-to-configure-the-router" class="table-of-contents__link toc-highlight">Choose how to configure the router</a><ul><li><a href="#routing-using-config" class="table-of-contents__link toc-highlight">Routing using config</a></li><li><a href="#file-routing" class="table-of-contents__link toc-highlight">File Routing</a></li></ul></li><li><a href="#what-to-do-with-layouts" class="table-of-contents__link toc-highlight">What to do with <code>layouts</code>?</a></li><li><a href="#see-also" class="table-of-contents__link toc-highlight">See also</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Spetsifikatsiya</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/uz/docs">Hujjatlar</a></li><li class="footer__item"><a class="footer__link-item" href="/uz/community">Jamiyat</a></li><li class="footer__item"><a class="footer__link-item" href="/uz/nav">Yordam</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Munozaralar<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Jamiyat</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Yana</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">Litsenziya<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/uz/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/uz/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
+</ul></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/guides/tech/with-nuxtjs.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Sahifani tahrirlash</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Oxirgi yangilangan<!-- --> <b><time datetime="2024-10-07T18:23:06.000Z" itemprop="dateModified">7-okt, 2024</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Hujjat sahifalarida navigatsiya"><a class="pagination-nav__link pagination-nav__link--prev" href="/uz/docs/guides/tech/with-nextjs"><div class="pagination-nav__sublabel">Oldingi sahifa</div><div class="pagination-nav__label">Usage with NextJS</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/uz/docs/guides/tech/with-react-query"><div class="pagination-nav__sublabel">Keyingi sahifa</div><div class="pagination-nav__label">Usage with React Query</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#adding-an-alias-for-the-src-directory" class="table-of-contents__link toc-highlight">Adding an alias for the <code>src</code> directory</a></li><li><a href="#choose-how-to-configure-the-router" class="table-of-contents__link toc-highlight">Choose how to configure the router</a><ul><li><a href="#routing-using-config" class="table-of-contents__link toc-highlight">Routing using config</a></li><li><a href="#file-routing" class="table-of-contents__link toc-highlight">File Routing</a></li></ul></li><li><a href="#what-to-do-with-layouts" class="table-of-contents__link toc-highlight">What to do with <code>layouts</code>?</a></li><li><a href="#see-also" class="table-of-contents__link toc-highlight">See also</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Spetsifikatsiya</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/uz/docs">Hujjatlar</a></li><li class="footer__item"><a class="footer__link-item" href="/uz/community">Jamiyat</a></li><li class="footer__item"><a class="footer__link-item" href="/uz/nav">Yordam</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Munozaralar<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Jamiyat</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Yana</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">Litsenziya<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/uz/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/uz/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
 </body>
 </html>
\ No newline at end of file
diff --git a/uz/docs/guides/tech/with-react-query.html b/uz/docs/guides/tech/with-react-query.html
index e3634534b0..610384e796 100644
--- a/uz/docs/guides/tech/with-react-query.html
+++ b/uz/docs/guides/tech/with-react-query.html
@@ -9,8 +9,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/uz/opensearch.xml"><link rel="stylesheet" href="/uz/assets/css/styles.6a4ac441.css">
-<script src="/uz/assets/js/runtime~main.a1b42f8f.js" defer="defer"></script>
-<script src="/uz/assets/js/main.ef087bb6.js" defer="defer"></script>
+<script src="/uz/assets/js/runtime~main.d90f1c87.js" defer="defer"></script>
+<script src="/uz/assets/js/main.b67529a2.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Asosiy tarkibga o&#x27;tish"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">Asosiy tarkibga o&#x27;tish</a></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/uz/"><div class="navbar__logo"><img src="/uz/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/uz/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/uz/docs">📖 Hujjatlar</a><a class="navbar__item navbar__link" href="/uz/community">💫 Jamiyat</a><a class="navbar__item navbar__link" href="/uz/blog">📝 Blog</a><a class="navbar__item navbar__link" href="/uz/examples">🛠 Namunalar</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/uz/docs/guides/tech/with-react-query">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a aria-current="page" class="dropdown__link dropdown__link--active" href="/uz/docs/guides/tech/with-react-query">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/uz/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>O&#x27;zbekcha</a><ul class="dropdown__menu"><li><a href="/ru/docs/guides/tech/with-react-query" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ru">Русский</a></li><li><a href="/docs/guides/tech/with-react-query" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/uz/docs/guides/tech/with-react-query" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/docs/guides/tech/with-react-query" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="kr">한국어</a></li><li><a href="/ja/docs/guides/tech/with-react-query" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><div class="docsWrapper_rDLg"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_JQoL" type="button"></button><div class="docRoot_GkJk"><aside class="theme-doc-sidebar-container docSidebarContainer_xiHB"><div class="sidebarViewport_DaHB"><div class="sidebar_Kb82"><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_AkOp"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--active" href="/uz/docs/guides">🎯  Guides</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" tabindex="0" href="/uz/docs/guides/examples">Namunalar</a><button aria-label="Expand sidebar category &#x27;Namunalar&#x27;" aria-expanded="false" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/uz/docs/guides/migration/from-custom">Migratsiya</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret menu__link--active" role="button" aria-expanded="true" tabindex="0" href="/uz/docs/guides/tech/with-nextjs">Texnologiya</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/uz/docs/guides/tech/with-nextjs">Usage with NextJS</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/uz/docs/guides/tech/with-nuxtjs">Usage with NuxtJS</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/uz/docs/guides/tech/with-react-query">Usage with React Query</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/uz/docs/guides/tech/with-sveltekit">Usage with SvelteKit</a></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/uz/docs/guides/issues/desegmented">Code smells &amp; Issues</a></div></li></ul></li></ul></nav><button type="button" title="Yon panelni yig‘ish" aria-label="Yon panelni yig‘ish" class="button button--secondary button--outline collapseSidebarButton_L8vW"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_hYfn"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_uESP"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_w6lk"><div class="docItemContainer_b1tn"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_ioLt" aria-label="Breadcrumbs"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Home page" class="breadcrumbs__link" href="/uz/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_ZfEo"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/uz/docs/guides"><span itemprop="name">🎯  Guides</span></a><meta itemprop="position" content="1"></li><li class="breadcrumbs__item"><span class="breadcrumbs__link">Texnologiya</span><meta itemprop="position" content="2"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">Usage with React Query</span><meta itemprop="position" content="3"></li></ul></nav><div class="tocCollapsible_EkMH theme-doc-toc-mobile tocMobile_XRnS"><button type="button" class="clean-btn tocCollapsibleButton_ID8T">On this page</button></div><div class="theme-doc-markdown markdown"><header><h1>Usage with React Query</h1></header>
@@ -90,6 +90,6 @@ <h2 class="anchor anchorWithStickyNavbar_QzlE" id="see-also">See also<a href="#s
 <li><a href="https://github.com/ruslan4432013/fsd-react-query-example" target="_blank" rel="noopener noreferrer">(GitHub) Sample Project</a></li>
 <li><a href="https://codesandbox.io/p/github/ruslan4432013/fsd-react-query-example/main" target="_blank" rel="noopener noreferrer">(CodeSandbox) Sample Project</a></li>
 <li><a href="https://tkdodo.eu/blog/the-query-options-api" target="_blank" rel="noopener noreferrer">About the query factory</a></li>
-</ul></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/guides/tech/with-react-query.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Sahifani tahrirlash</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Oxirgi yangilangan<!-- --> <b><time datetime="2024-09-29T11:02:46.000Z" itemprop="dateModified">29-sen, 2024</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Hujjat sahifalarida navigatsiya"><a class="pagination-nav__link pagination-nav__link--prev" href="/uz/docs/guides/tech/with-nuxtjs"><div class="pagination-nav__sublabel">Oldingi sahifa</div><div class="pagination-nav__label">Usage with NuxtJS</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/uz/docs/guides/tech/with-sveltekit"><div class="pagination-nav__sublabel">Keyingi sahifa</div><div class="pagination-nav__label">Usage with SvelteKit</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#the-problem-of-where-to-put-the-keys" class="table-of-contents__link toc-highlight">The problem of “where to put the keys”</a><ul><li><a href="#solution--break-down-by-entities" class="table-of-contents__link toc-highlight">Solution — break down by entities</a></li><li><a href="#alternative-solution--keep-it-in-shared" class="table-of-contents__link toc-highlight">Alternative solution — keep it in shared</a></li></ul></li><li><a href="#the-problem-of-where-to-insert-mutations" class="table-of-contents__link toc-highlight">The problem of “Where to insert mutations?”</a><ul><li><a href="#1-define-a-custom-hook-in-the-api-segment-near-the-place-of-use" class="table-of-contents__link toc-highlight">1. Define a custom hook in the <code>api</code> segment near the place of use</a></li><li><a href="#2-define-a-mutation-function-somewhere-else-shared-or-entities-and-use-usemutation-directly-in-the-component" class="table-of-contents__link toc-highlight">2. Define a mutation function somewhere else (Shared or Entities) and use <code>useMutation</code> directly in the component</a></li></ul></li><li><a href="#organization-of-requests" class="table-of-contents__link toc-highlight">Organization of requests</a><ul><li><a href="#query-factory" class="table-of-contents__link toc-highlight">Query factory</a></li><li><a href="#1-creating-a-query-factory" class="table-of-contents__link toc-highlight">1. Creating a Query Factory</a></li><li><a href="#2-using-query-factory-in-application-code" class="table-of-contents__link toc-highlight">2. Using Query Factory in application code</a></li><li><a href="#benefits-of-using-a-query-factory" class="table-of-contents__link toc-highlight">Benefits of using a Query Factory</a></li></ul></li><li><a href="#pagination" class="table-of-contents__link toc-highlight">Pagination</a><ul><li><a href="#1-creating-a-function-getposts" class="table-of-contents__link toc-highlight">1. Creating a function <code>getPosts</code></a></li><li><a href="#2-query-factory-for-pagination" class="table-of-contents__link toc-highlight">2. Query factory for pagination</a></li><li><a href="#3-use-in-application-code" class="table-of-contents__link toc-highlight">3. Use in application code</a></li></ul></li><li><a href="#queryprovider-for-managing-queries" class="table-of-contents__link toc-highlight"><code>QueryProvider</code> for managing queries</a><ul><li><a href="#1-creating-a-queryprovider" class="table-of-contents__link toc-highlight">1. Creating a <code>QueryProvider</code></a></li><li><a href="#2-creating-a-queryclient" class="table-of-contents__link toc-highlight">2. Creating a <code>QueryClient</code></a></li></ul></li><li><a href="#code-generation" class="table-of-contents__link toc-highlight">Code generation</a></li><li><a href="#additional-advice-for-organizing-rq" class="table-of-contents__link toc-highlight">Additional advice for organizing RQ</a><ul><li><a href="#api-client" class="table-of-contents__link toc-highlight">API Client</a></li></ul></li><li><a href="#see-also" class="table-of-contents__link toc-highlight">See also</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Spetsifikatsiya</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/uz/docs">Hujjatlar</a></li><li class="footer__item"><a class="footer__link-item" href="/uz/community">Jamiyat</a></li><li class="footer__item"><a class="footer__link-item" href="/uz/nav">Yordam</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Munozaralar<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Jamiyat</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Yana</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">Litsenziya<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/uz/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/uz/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
+</ul></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/guides/tech/with-react-query.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Sahifani tahrirlash</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Oxirgi yangilangan<!-- --> <b><time datetime="2024-10-07T18:23:06.000Z" itemprop="dateModified">7-okt, 2024</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Hujjat sahifalarida navigatsiya"><a class="pagination-nav__link pagination-nav__link--prev" href="/uz/docs/guides/tech/with-nuxtjs"><div class="pagination-nav__sublabel">Oldingi sahifa</div><div class="pagination-nav__label">Usage with NuxtJS</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/uz/docs/guides/tech/with-sveltekit"><div class="pagination-nav__sublabel">Keyingi sahifa</div><div class="pagination-nav__label">Usage with SvelteKit</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#the-problem-of-where-to-put-the-keys" class="table-of-contents__link toc-highlight">The problem of “where to put the keys”</a><ul><li><a href="#solution--break-down-by-entities" class="table-of-contents__link toc-highlight">Solution — break down by entities</a></li><li><a href="#alternative-solution--keep-it-in-shared" class="table-of-contents__link toc-highlight">Alternative solution — keep it in shared</a></li></ul></li><li><a href="#the-problem-of-where-to-insert-mutations" class="table-of-contents__link toc-highlight">The problem of “Where to insert mutations?”</a><ul><li><a href="#1-define-a-custom-hook-in-the-api-segment-near-the-place-of-use" class="table-of-contents__link toc-highlight">1. Define a custom hook in the <code>api</code> segment near the place of use</a></li><li><a href="#2-define-a-mutation-function-somewhere-else-shared-or-entities-and-use-usemutation-directly-in-the-component" class="table-of-contents__link toc-highlight">2. Define a mutation function somewhere else (Shared or Entities) and use <code>useMutation</code> directly in the component</a></li></ul></li><li><a href="#organization-of-requests" class="table-of-contents__link toc-highlight">Organization of requests</a><ul><li><a href="#query-factory" class="table-of-contents__link toc-highlight">Query factory</a></li><li><a href="#1-creating-a-query-factory" class="table-of-contents__link toc-highlight">1. Creating a Query Factory</a></li><li><a href="#2-using-query-factory-in-application-code" class="table-of-contents__link toc-highlight">2. Using Query Factory in application code</a></li><li><a href="#benefits-of-using-a-query-factory" class="table-of-contents__link toc-highlight">Benefits of using a Query Factory</a></li></ul></li><li><a href="#pagination" class="table-of-contents__link toc-highlight">Pagination</a><ul><li><a href="#1-creating-a-function-getposts" class="table-of-contents__link toc-highlight">1. Creating a function <code>getPosts</code></a></li><li><a href="#2-query-factory-for-pagination" class="table-of-contents__link toc-highlight">2. Query factory for pagination</a></li><li><a href="#3-use-in-application-code" class="table-of-contents__link toc-highlight">3. Use in application code</a></li></ul></li><li><a href="#queryprovider-for-managing-queries" class="table-of-contents__link toc-highlight"><code>QueryProvider</code> for managing queries</a><ul><li><a href="#1-creating-a-queryprovider" class="table-of-contents__link toc-highlight">1. Creating a <code>QueryProvider</code></a></li><li><a href="#2-creating-a-queryclient" class="table-of-contents__link toc-highlight">2. Creating a <code>QueryClient</code></a></li></ul></li><li><a href="#code-generation" class="table-of-contents__link toc-highlight">Code generation</a></li><li><a href="#additional-advice-for-organizing-rq" class="table-of-contents__link toc-highlight">Additional advice for organizing RQ</a><ul><li><a href="#api-client" class="table-of-contents__link toc-highlight">API Client</a></li></ul></li><li><a href="#see-also" class="table-of-contents__link toc-highlight">See also</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Spetsifikatsiya</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/uz/docs">Hujjatlar</a></li><li class="footer__item"><a class="footer__link-item" href="/uz/community">Jamiyat</a></li><li class="footer__item"><a class="footer__link-item" href="/uz/nav">Yordam</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Munozaralar<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Jamiyat</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Yana</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">Litsenziya<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/uz/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/uz/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
 </body>
 </html>
\ No newline at end of file
diff --git a/uz/docs/guides/tech/with-sveltekit.html b/uz/docs/guides/tech/with-sveltekit.html
index ffe3af458f..e3d1793517 100644
--- a/uz/docs/guides/tech/with-sveltekit.html
+++ b/uz/docs/guides/tech/with-sveltekit.html
@@ -9,8 +9,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/uz/opensearch.xml"><link rel="stylesheet" href="/uz/assets/css/styles.6a4ac441.css">
-<script src="/uz/assets/js/runtime~main.a1b42f8f.js" defer="defer"></script>
-<script src="/uz/assets/js/main.ef087bb6.js" defer="defer"></script>
+<script src="/uz/assets/js/runtime~main.d90f1c87.js" defer="defer"></script>
+<script src="/uz/assets/js/main.b67529a2.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Asosiy tarkibga o&#x27;tish"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">Asosiy tarkibga o&#x27;tish</a></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/uz/"><div class="navbar__logo"><img src="/uz/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/uz/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/uz/docs">📖 Hujjatlar</a><a class="navbar__item navbar__link" href="/uz/community">💫 Jamiyat</a><a class="navbar__item navbar__link" href="/uz/blog">📝 Blog</a><a class="navbar__item navbar__link" href="/uz/examples">🛠 Namunalar</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/uz/docs/guides/tech/with-sveltekit">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a aria-current="page" class="dropdown__link dropdown__link--active" href="/uz/docs/guides/tech/with-sveltekit">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/uz/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>O&#x27;zbekcha</a><ul class="dropdown__menu"><li><a href="/ru/docs/guides/tech/with-sveltekit" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ru">Русский</a></li><li><a href="/docs/guides/tech/with-sveltekit" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/uz/docs/guides/tech/with-sveltekit" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/docs/guides/tech/with-sveltekit" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="kr">한국어</a></li><li><a href="/ja/docs/guides/tech/with-sveltekit" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><div class="docsWrapper_rDLg"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_JQoL" type="button"></button><div class="docRoot_GkJk"><aside class="theme-doc-sidebar-container docSidebarContainer_xiHB"><div class="sidebarViewport_DaHB"><div class="sidebar_Kb82"><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_AkOp"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--active" href="/uz/docs/guides">🎯  Guides</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" tabindex="0" href="/uz/docs/guides/examples">Namunalar</a><button aria-label="Expand sidebar category &#x27;Namunalar&#x27;" aria-expanded="false" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/uz/docs/guides/migration/from-custom">Migratsiya</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret menu__link--active" role="button" aria-expanded="true" tabindex="0" href="/uz/docs/guides/tech/with-nextjs">Texnologiya</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/uz/docs/guides/tech/with-nextjs">Usage with NextJS</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/uz/docs/guides/tech/with-nuxtjs">Usage with NuxtJS</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/uz/docs/guides/tech/with-react-query">Usage with React Query</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/uz/docs/guides/tech/with-sveltekit">Usage with SvelteKit</a></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" tabindex="0" href="/uz/docs/guides/issues/desegmented">Code smells &amp; Issues</a></div></li></ul></li></ul></nav><button type="button" title="Yon panelni yig‘ish" aria-label="Yon panelni yig‘ish" class="button button--secondary button--outline collapseSidebarButton_L8vW"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_hYfn"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_uESP"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_w6lk"><div class="docItemContainer_b1tn"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_ioLt" aria-label="Breadcrumbs"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Home page" class="breadcrumbs__link" href="/uz/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_ZfEo"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/uz/docs/guides"><span itemprop="name">🎯  Guides</span></a><meta itemprop="position" content="1"></li><li class="breadcrumbs__item"><span class="breadcrumbs__link">Texnologiya</span><meta itemprop="position" content="2"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">Usage with SvelteKit</span><meta itemprop="position" content="3"></li></ul></nav><div class="tocCollapsible_EkMH theme-doc-toc-mobile tocMobile_XRnS"><button type="button" class="clean-btn tocCollapsibleButton_ID8T">On this page</button></div><div class="theme-doc-markdown markdown"><header><h1>Usage with SvelteKit</h1></header>
@@ -43,6 +43,6 @@ <h2 class="anchor anchorWithStickyNavbar_QzlE" id="move-file-routing-to-srcapp">
 <h2 class="anchor anchorWithStickyNavbar_QzlE" id="see-also">See also.<a href="#see-also" class="hash-link" aria-label="Sarlavhaga to&#x27;g&#x27;ridan-to&#x27;g&#x27;ri havola" title="Sarlavhaga to&#x27;g&#x27;ridan-to&#x27;g&#x27;ri havola">​</a></h2>
 <ul>
 <li><a href="https://kit.svelte.dev/docs/configuration#files" target="_blank" rel="noopener noreferrer">Documentation on changing directory config in SvelteKit</a></li>
-</ul></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/guides/tech/with-sveltekit.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Sahifani tahrirlash</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Oxirgi yangilangan<!-- --> <b><time datetime="2024-09-29T11:02:46.000Z" itemprop="dateModified">29-sen, 2024</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Hujjat sahifalarida navigatsiya"><a class="pagination-nav__link pagination-nav__link--prev" href="/uz/docs/guides/tech/with-react-query"><div class="pagination-nav__sublabel">Oldingi sahifa</div><div class="pagination-nav__label">Usage with React Query</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/uz/docs/guides/issues/desegmented"><div class="pagination-nav__sublabel">Keyingi sahifa</div><div class="pagination-nav__label">Desegemented</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#lets-set-up-the-config" class="table-of-contents__link toc-highlight">Let&#39;s set up the config</a></li><li><a href="#move-file-routing-to-srcapp" class="table-of-contents__link toc-highlight">Move file routing to <code>src/app</code>.</a></li><li><a href="#see-also" class="table-of-contents__link toc-highlight">See also.</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Spetsifikatsiya</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/uz/docs">Hujjatlar</a></li><li class="footer__item"><a class="footer__link-item" href="/uz/community">Jamiyat</a></li><li class="footer__item"><a class="footer__link-item" href="/uz/nav">Yordam</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Munozaralar<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Jamiyat</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Yana</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">Litsenziya<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/uz/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/uz/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
+</ul></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/guides/tech/with-sveltekit.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Sahifani tahrirlash</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Oxirgi yangilangan<!-- --> <b><time datetime="2024-10-07T18:23:06.000Z" itemprop="dateModified">7-okt, 2024</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Hujjat sahifalarida navigatsiya"><a class="pagination-nav__link pagination-nav__link--prev" href="/uz/docs/guides/tech/with-react-query"><div class="pagination-nav__sublabel">Oldingi sahifa</div><div class="pagination-nav__label">Usage with React Query</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/uz/docs/guides/issues/desegmented"><div class="pagination-nav__sublabel">Keyingi sahifa</div><div class="pagination-nav__label">Desegemented</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#lets-set-up-the-config" class="table-of-contents__link toc-highlight">Let&#39;s set up the config</a></li><li><a href="#move-file-routing-to-srcapp" class="table-of-contents__link toc-highlight">Move file routing to <code>src/app</code>.</a></li><li><a href="#see-also" class="table-of-contents__link toc-highlight">See also.</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Spetsifikatsiya</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/uz/docs">Hujjatlar</a></li><li class="footer__item"><a class="footer__link-item" href="/uz/community">Jamiyat</a></li><li class="footer__item"><a class="footer__link-item" href="/uz/nav">Yordam</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Munozaralar<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Jamiyat</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Yana</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">Litsenziya<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/uz/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/uz/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
 </body>
 </html>
\ No newline at end of file
diff --git a/uz/docs/reference.html b/uz/docs/reference.html
index 6293cb2fcb..2a68de6275 100644
--- a/uz/docs/reference.html
+++ b/uz/docs/reference.html
@@ -9,8 +9,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/uz/opensearch.xml"><link rel="stylesheet" href="/uz/assets/css/styles.6a4ac441.css">
-<script src="/uz/assets/js/runtime~main.a1b42f8f.js" defer="defer"></script>
-<script src="/uz/assets/js/main.ef087bb6.js" defer="defer"></script>
+<script src="/uz/assets/js/runtime~main.d90f1c87.js" defer="defer"></script>
+<script src="/uz/assets/js/main.b67529a2.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Asosiy tarkibga o&#x27;tish"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">Asosiy tarkibga o&#x27;tish</a></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/uz/"><div class="navbar__logo"><img src="/uz/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/uz/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/uz/docs">📖 Hujjatlar</a><a class="navbar__item navbar__link" href="/uz/community">💫 Jamiyat</a><a class="navbar__item navbar__link" href="/uz/blog">📝 Blog</a><a class="navbar__item navbar__link" href="/uz/examples">🛠 Namunalar</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/uz/docs/reference">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a aria-current="page" class="dropdown__link dropdown__link--active" href="/uz/docs/reference">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/uz/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>O&#x27;zbekcha</a><ul class="dropdown__menu"><li><a href="/ru/docs/reference" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ru">Русский</a></li><li><a href="/docs/reference" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/uz/docs/reference" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/docs/reference" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="kr">한국어</a></li><li><a href="/ja/docs/reference" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><div class="docsWrapper_rDLg"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_JQoL" type="button"></button><div class="docRoot_GkJk"><aside class="theme-doc-sidebar-container docSidebarContainer_xiHB"><div class="sidebarViewport_DaHB"><div class="sidebar_Kb82"><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_AkOp"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible menu__list-item-collapsible--active"><a class="menu__link menu__link--active" aria-current="page" href="/uz/docs/reference">📚  Reference</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/uz/docs/reference/layers">Qatlamlar</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/uz/docs/reference/slices-segments">Slices and segments</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/uz/docs/reference/public-api">Public API</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" tabindex="0" href="/uz/docs/reference/isolation">Isolation</a><button aria-label="Expand sidebar category &#x27;Isolation&#x27;" aria-expanded="false" type="button" class="clean-btn menu__caret"></button></div></li></ul></li></ul></nav><button type="button" title="Yon panelni yig‘ish" aria-label="Yon panelni yig‘ish" class="button button--secondary button--outline collapseSidebarButton_L8vW"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_hYfn"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_uESP"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col"><div class="docItemContainer_b1tn"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_ioLt" aria-label="Breadcrumbs"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Home page" class="breadcrumbs__link" href="/uz/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_ZfEo"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">📚  Reference</span><meta itemprop="position" content="1"></li></ul></nav><div class="theme-doc-markdown markdown"><header><h1>📚 Malumot</h1></header>
@@ -18,6 +18,6 @@
 <a class="root_GfON defaultTheme_j3I8" href="/uz/docs/reference/layers"><span role="img" aria-label="group" class="anticon anticon-group icon_ciqP"><svg viewBox="64 64 896 896" focusable="false" data-icon="group" width="1em" height="1em" fill="currentColor" aria-hidden="true"><defs><style></style></defs><path d="M912 820.1V203.9c28-9.9 48-36.6 48-67.9 0-39.8-32.2-72-72-72-31.3 0-58 20-67.9 48H203.9C194 84 167.3 64 136 64c-39.8 0-72 32.2-72 72 0 31.3 20 58 48 67.9v616.2C84 830 64 856.7 64 888c0 39.8 32.2 72 72 72 31.3 0 58-20 67.9-48h616.2c9.9 28 36.6 48 67.9 48 39.8 0 72-32.2 72-72 0-31.3-20-58-48-67.9zM888 112c13.3 0 24 10.7 24 24s-10.7 24-24 24-24-10.7-24-24 10.7-24 24-24zM136 912c-13.3 0-24-10.7-24-24s10.7-24 24-24 24 10.7 24 24-10.7 24-24 24zm0-752c-13.3 0-24-10.7-24-24s10.7-24 24-24 24 10.7 24 24-10.7 24-24 24zm704 680H184V184h656v656zm48 72c-13.3 0-24-10.7-24-24s10.7-24 24-24 24 10.7 24 24-10.7 24-24 24z"></path><path d="M288 474h448c8.8 0 16-7.2 16-16V282c0-8.8-7.2-16-16-16H288c-8.8 0-16 7.2-16 16v176c0 8.8 7.2 16 16 16zm56-136h336v64H344v-64zm-56 420h448c8.8 0 16-7.2 16-16V566c0-8.8-7.2-16-16-16H288c-8.8 0-16 7.2-16 16v176c0 8.8 7.2 16 16 16zm56-136h336v64H344v-64z"></path></svg></span><div class="details_xxkR"><div><span class="title_pSH5">Qatlamlar</span><p class="description__Fep">Qatlamning ta&#x27;rifi va barcha qatlamlar uchun tushuntirishlar</p></div></div></a>
 <a class="root_GfON defaultTheme_j3I8" href="/uz/docs/reference/slices-segments"><span role="img" aria-label="appstore" class="anticon anticon-appstore icon_ciqP"><svg viewBox="64 64 896 896" focusable="false" data-icon="appstore" width="1em" height="1em" fill="currentColor" aria-hidden="true"><path d="M464 144H160c-8.8 0-16 7.2-16 16v304c0 8.8 7.2 16 16 16h304c8.8 0 16-7.2 16-16V160c0-8.8-7.2-16-16-16zm-52 268H212V212h200v200zm452-268H560c-8.8 0-16 7.2-16 16v304c0 8.8 7.2 16 16 16h304c8.8 0 16-7.2 16-16V160c0-8.8-7.2-16-16-16zm-52 268H612V212h200v200zM464 544H160c-8.8 0-16 7.2-16 16v304c0 8.8 7.2 16 16 16h304c8.8 0 16-7.2 16-16V560c0-8.8-7.2-16-16-16zm-52 268H212V612h200v200zm452-268H560c-8.8 0-16 7.2-16 16v304c0 8.8 7.2 16 16 16h304c8.8 0 16-7.2 16-16V560c0-8.8-7.2-16-16-16zm-52 268H612V612h200v200z"></path></svg></span><div class="details_xxkR"><div><span class="title_pSH5">Bo&#x27;lak va segmentlar</span><p class="description__Fep">Bo&#x27;lak va segmentning ta&#x27;riflari, turli qatlamlardagi segmentlar uchun kontent misollari</p></div></div></a>
 <a class="root_GfON defaultTheme_j3I8" href="/uz/docs/reference/isolation"><span role="img" aria-label="node-index" class="anticon anticon-node-index icon_ciqP"><svg viewBox="64 64 896 896" focusable="false" data-icon="node-index" width="1em" height="1em" fill="currentColor" aria-hidden="true"><defs><style></style></defs><path d="M843.5 737.4c-12.4-75.2-79.2-129.1-155.3-125.4S550.9 676 546 752c-153.5-4.8-208-40.7-199.1-113.7 3.3-27.3 19.8-41.9 50.1-49 18.4-4.3 38.8-4.9 57.3-3.2 1.7.2 3.5.3 5.2.5 11.3 2.7 22.8 5 34.3 6.8 34.1 5.6 68.8 8.4 101.8 6.6 92.8-5 156-45.9 159.2-132.7 3.1-84.1-54.7-143.7-147.9-183.6-29.9-12.8-61.6-22.7-93.3-30.2-14.3-3.4-26.3-5.7-35.2-7.2-7.9-75.9-71.5-133.8-147.8-134.4-76.3-.6-140.9 56.1-150.1 131.9s40 146.3 114.2 163.9c74.2 17.6 149.9-23.3 175.7-95.1 9.4 1.7 18.7 3.6 28 5.8 28.2 6.6 56.4 15.4 82.4 26.6 70.7 30.2 109.3 70.1 107.5 119.9-1.6 44.6-33.6 65.2-96.2 68.6-27.5 1.5-57.6-.9-87.3-5.8-8.3-1.4-15.9-2.8-22.6-4.3-3.9-.8-6.6-1.5-7.8-1.8l-3.1-.6c-2.2-.3-5.9-.8-10.7-1.3-25-2.3-52.1-1.5-78.5 4.6-55.2 12.9-93.9 47.2-101.1 105.8-15.7 126.2 78.6 184.7 276 188.9 29.1 70.4 106.4 107.9 179.6 87 73.3-20.9 119.3-93.4 106.9-168.6zM329.1 345.2a83.3 83.3 0 11.01-166.61 83.3 83.3 0 01-.01 166.61zM695.6 845a83.3 83.3 0 11.01-166.61A83.3 83.3 0 01695.6 845z"></path></svg></span><div class="details_xxkR"><div><span class="title_pSH5">Izolyatsiya</span><p class="description__Fep">O&#x27;lchovli va samarali modul o&#x27;zaro ta&#x27;siri uchun amaliyotlar</p></div></div></a>
-<a class="root_GfON defaultTheme_j3I8" href="/uz/docs/reference/public-api"><span role="img" aria-label="api" class="anticon anticon-api icon_ciqP"><svg viewBox="64 64 896 896" focusable="false" data-icon="api" width="1em" height="1em" fill="currentColor" aria-hidden="true"><path d="M917.7 148.8l-42.4-42.4c-1.6-1.6-3.6-2.3-5.7-2.3s-4.1.8-5.7 2.3l-76.1 76.1a199.27 199.27 0 00-112.1-34.3c-51.2 0-102.4 19.5-141.5 58.6L432.3 308.7a8.03 8.03 0 000 11.3L704 591.7c1.6 1.6 3.6 2.3 5.7 2.3 2 0 4.1-.8 5.7-2.3l101.9-101.9c68.9-69 77-175.7 24.3-253.5l76.1-76.1c3.1-3.2 3.1-8.3 0-11.4zM769.1 441.7l-59.4 59.4-186.8-186.8 59.4-59.4c24.9-24.9 58.1-38.7 93.4-38.7 35.3 0 68.4 13.7 93.4 38.7 24.9 24.9 38.7 58.1 38.7 93.4 0 35.3-13.8 68.4-38.7 93.4zm-190.2 105a8.03 8.03 0 00-11.3 0L501 613.3 410.7 523l66.7-66.7c3.1-3.1 3.1-8.2 0-11.3L441 408.6a8.03 8.03 0 00-11.3 0L363 475.3l-43-43a7.85 7.85 0 00-5.7-2.3c-2 0-4.1.8-5.7 2.3L206.8 534.2c-68.9 69-77 175.7-24.3 253.5l-76.1 76.1a8.03 8.03 0 000 11.3l42.4 42.4c1.6 1.6 3.6 2.3 5.7 2.3s4.1-.8 5.7-2.3l76.1-76.1c33.7 22.9 72.9 34.3 112.1 34.3 51.2 0 102.4-19.5 141.5-58.6l101.9-101.9c3.1-3.1 3.1-8.2 0-11.3l-43-43 66.7-66.7c3.1-3.1 3.1-8.2 0-11.3l-36.6-36.2zM441.7 769.1a131.32 131.32 0 01-93.4 38.7c-35.3 0-68.4-13.7-93.4-38.7a131.32 131.32 0 01-38.7-93.4c0-35.3 13.7-68.4 38.7-93.4l59.4-59.4 186.8 186.8-59.4 59.4z"></path></svg></span><div class="details_xxkR"><div><span class="title_pSH5">Ommaviy API</span><p class="description__Fep">Kengaytiriladigan va integratsiyalashuvi oson modullarni loyihalash amaliyoti</p></div></div></a></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/uz/docusaurus-plugin-content-docs/current/reference/index.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Sahifani tahrirlash</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Oxirgi yangilangan<!-- --> <b><time datetime="2024-09-29T11:02:46.000Z" itemprop="dateModified">29-sen, 2024</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Hujjat sahifalarida navigatsiya"><a class="pagination-nav__link pagination-nav__link--prev" href="/uz/docs/guides"><div class="pagination-nav__sublabel">Oldingi sahifa</div><div class="pagination-nav__label">🎯 Guides</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/uz/docs/reference/layers"><div class="pagination-nav__sublabel">Keyingi sahifa</div><div class="pagination-nav__label">Qatlamlar</div></a></nav></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Spetsifikatsiya</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/uz/docs">Hujjatlar</a></li><li class="footer__item"><a class="footer__link-item" href="/uz/community">Jamiyat</a></li><li class="footer__item"><a class="footer__link-item" href="/uz/nav">Yordam</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Munozaralar<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Jamiyat</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Yana</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">Litsenziya<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/uz/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/uz/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
+<a class="root_GfON defaultTheme_j3I8" href="/uz/docs/reference/public-api"><span role="img" aria-label="api" class="anticon anticon-api icon_ciqP"><svg viewBox="64 64 896 896" focusable="false" data-icon="api" width="1em" height="1em" fill="currentColor" aria-hidden="true"><path d="M917.7 148.8l-42.4-42.4c-1.6-1.6-3.6-2.3-5.7-2.3s-4.1.8-5.7 2.3l-76.1 76.1a199.27 199.27 0 00-112.1-34.3c-51.2 0-102.4 19.5-141.5 58.6L432.3 308.7a8.03 8.03 0 000 11.3L704 591.7c1.6 1.6 3.6 2.3 5.7 2.3 2 0 4.1-.8 5.7-2.3l101.9-101.9c68.9-69 77-175.7 24.3-253.5l76.1-76.1c3.1-3.2 3.1-8.3 0-11.4zM769.1 441.7l-59.4 59.4-186.8-186.8 59.4-59.4c24.9-24.9 58.1-38.7 93.4-38.7 35.3 0 68.4 13.7 93.4 38.7 24.9 24.9 38.7 58.1 38.7 93.4 0 35.3-13.8 68.4-38.7 93.4zm-190.2 105a8.03 8.03 0 00-11.3 0L501 613.3 410.7 523l66.7-66.7c3.1-3.1 3.1-8.2 0-11.3L441 408.6a8.03 8.03 0 00-11.3 0L363 475.3l-43-43a7.85 7.85 0 00-5.7-2.3c-2 0-4.1.8-5.7 2.3L206.8 534.2c-68.9 69-77 175.7-24.3 253.5l-76.1 76.1a8.03 8.03 0 000 11.3l42.4 42.4c1.6 1.6 3.6 2.3 5.7 2.3s4.1-.8 5.7-2.3l76.1-76.1c33.7 22.9 72.9 34.3 112.1 34.3 51.2 0 102.4-19.5 141.5-58.6l101.9-101.9c3.1-3.1 3.1-8.2 0-11.3l-43-43 66.7-66.7c3.1-3.1 3.1-8.2 0-11.3l-36.6-36.2zM441.7 769.1a131.32 131.32 0 01-93.4 38.7c-35.3 0-68.4-13.7-93.4-38.7a131.32 131.32 0 01-38.7-93.4c0-35.3 13.7-68.4 38.7-93.4l59.4-59.4 186.8 186.8-59.4 59.4z"></path></svg></span><div class="details_xxkR"><div><span class="title_pSH5">Ommaviy API</span><p class="description__Fep">Kengaytiriladigan va integratsiyalashuvi oson modullarni loyihalash amaliyoti</p></div></div></a></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/uz/docusaurus-plugin-content-docs/current/reference/index.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Sahifani tahrirlash</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Oxirgi yangilangan<!-- --> <b><time datetime="2024-10-07T18:23:06.000Z" itemprop="dateModified">7-okt, 2024</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Hujjat sahifalarida navigatsiya"><a class="pagination-nav__link pagination-nav__link--prev" href="/uz/docs/guides"><div class="pagination-nav__sublabel">Oldingi sahifa</div><div class="pagination-nav__label">🎯 Guides</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/uz/docs/reference/layers"><div class="pagination-nav__sublabel">Keyingi sahifa</div><div class="pagination-nav__label">Qatlamlar</div></a></nav></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Spetsifikatsiya</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/uz/docs">Hujjatlar</a></li><li class="footer__item"><a class="footer__link-item" href="/uz/community">Jamiyat</a></li><li class="footer__item"><a class="footer__link-item" href="/uz/nav">Yordam</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Munozaralar<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Jamiyat</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Yana</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">Litsenziya<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/uz/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/uz/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
 </body>
 </html>
\ No newline at end of file
diff --git a/uz/docs/reference/isolation.html b/uz/docs/reference/isolation.html
index 774644943c..13d448f701 100644
--- a/uz/docs/reference/isolation.html
+++ b/uz/docs/reference/isolation.html
@@ -9,8 +9,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/uz/opensearch.xml"><link rel="stylesheet" href="/uz/assets/css/styles.6a4ac441.css">
-<script src="/uz/assets/js/runtime~main.a1b42f8f.js" defer="defer"></script>
-<script src="/uz/assets/js/main.ef087bb6.js" defer="defer"></script>
+<script src="/uz/assets/js/runtime~main.d90f1c87.js" defer="defer"></script>
+<script src="/uz/assets/js/main.b67529a2.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Asosiy tarkibga o&#x27;tish"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">Asosiy tarkibga o&#x27;tish</a></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/uz/"><div class="navbar__logo"><img src="/uz/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/uz/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/uz/docs">📖 Hujjatlar</a><a class="navbar__item navbar__link" href="/uz/community">💫 Jamiyat</a><a class="navbar__item navbar__link" href="/uz/blog">📝 Blog</a><a class="navbar__item navbar__link" href="/uz/examples">🛠 Namunalar</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/uz/docs/reference/isolation">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a aria-current="page" class="dropdown__link dropdown__link--active" href="/uz/docs/reference/isolation">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/uz/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>O&#x27;zbekcha</a><ul class="dropdown__menu"><li><a href="/ru/docs/reference/isolation" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ru">Русский</a></li><li><a href="/docs/reference/isolation" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/uz/docs/reference/isolation" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/docs/reference/isolation" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="kr">한국어</a></li><li><a href="/ja/docs/reference/isolation" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><div class="docsWrapper_rDLg"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_JQoL" type="button"></button><div class="docRoot_GkJk"><aside class="theme-doc-sidebar-container docSidebarContainer_xiHB"><div class="sidebarViewport_DaHB"><div class="sidebar_Kb82"><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_AkOp"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--active" href="/uz/docs/reference">📚  Reference</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/uz/docs/reference/layers">Qatlamlar</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/uz/docs/reference/slices-segments">Slices and segments</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/uz/docs/reference/public-api">Public API</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item"><div class="menu__list-item-collapsible menu__list-item-collapsible--active"><a class="menu__link menu__link--sublist menu__link--active" aria-current="page" tabindex="0" href="/uz/docs/reference/isolation">Isolation</a><button aria-label="Collapse sidebar category &#x27;Isolation&#x27;" aria-expanded="true" type="button" class="clean-btn menu__caret"></button></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/uz/docs/reference/isolation/coupling-cohesion">Low Coupling &amp; High Cohesion</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item sidebar-item--wip"><a class="menu__link" tabindex="0" href="/uz/docs/reference/isolation/decouple-entities">Decouple entities</a></li></ul></li></ul></li></ul></nav><button type="button" title="Yon panelni yig‘ish" aria-label="Yon panelni yig‘ish" class="button button--secondary button--outline collapseSidebarButton_L8vW"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_hYfn"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_uESP"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_w6lk"><div class="docItemContainer_b1tn"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_ioLt" aria-label="Breadcrumbs"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Home page" class="breadcrumbs__link" href="/uz/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_ZfEo"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/uz/docs/reference"><span itemprop="name">📚  Reference</span></a><meta itemprop="position" content="1"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">Isolation</span><meta itemprop="position" content="2"></li></ul></nav><div class="tocCollapsible_EkMH theme-doc-toc-mobile tocMobile_XRnS"><button type="button" class="clean-btn tocCollapsibleButton_ID8T">On this page</button></div><div class="theme-doc-markdown markdown"><header><h1>Isolation of modules</h1></header>
@@ -82,6 +82,6 @@ <h2 class="anchor anchorWithStickyNavbar_QzlE" id="see-also">See also<a href="#s
 <li><a href="https://github.com/feature-sliced/documentation/discussions/49" target="_blank" rel="noopener noreferrer">(Discussion) Coupled entities</a></li>
 <li><a href="https://github.com/feature-sliced/documentation/discussions/65#discussioncomment-480822" target="_blank" rel="noopener noreferrer">(Discussion) About cross-imports and analysis зависимостей</a></li>
 <li><a href="https://en.wikipedia.org/wiki/GRASP_(object-oriented_design)" target="_blank" rel="noopener noreferrer"><strong>GRASP</strong> Patterns</a></li>
-</ul></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/reference/isolation/index.md" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Sahifani tahrirlash</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Oxirgi yangilangan<!-- --> <b><time datetime="2024-09-29T11:02:46.000Z" itemprop="dateModified">29-sen, 2024</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Hujjat sahifalarida navigatsiya"><a class="pagination-nav__link pagination-nav__link--prev" href="/uz/docs/reference/public-api"><div class="pagination-nav__sublabel">Oldingi sahifa</div><div class="pagination-nav__label">Public API</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/uz/docs/reference/isolation/coupling-cohesion"><div class="pagination-nav__sublabel">Keyingi sahifa</div><div class="pagination-nav__label">Low Coupling &amp; High Cohesion</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#requirements" class="table-of-contents__link toc-highlight">Requirements</a></li><li><a href="#rule" class="table-of-contents__link toc-highlight">Rule</a></li><li><a href="#identifying-problems" class="table-of-contents__link toc-highlight">Identifying problems</a></li><li><a href="#see-also" class="table-of-contents__link toc-highlight">See also</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Spetsifikatsiya</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/uz/docs">Hujjatlar</a></li><li class="footer__item"><a class="footer__link-item" href="/uz/community">Jamiyat</a></li><li class="footer__item"><a class="footer__link-item" href="/uz/nav">Yordam</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Munozaralar<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Jamiyat</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Yana</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">Litsenziya<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/uz/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/uz/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
+</ul></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/reference/isolation/index.md" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Sahifani tahrirlash</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Oxirgi yangilangan<!-- --> <b><time datetime="2024-10-07T18:23:06.000Z" itemprop="dateModified">7-okt, 2024</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Hujjat sahifalarida navigatsiya"><a class="pagination-nav__link pagination-nav__link--prev" href="/uz/docs/reference/public-api"><div class="pagination-nav__sublabel">Oldingi sahifa</div><div class="pagination-nav__label">Public API</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/uz/docs/reference/isolation/coupling-cohesion"><div class="pagination-nav__sublabel">Keyingi sahifa</div><div class="pagination-nav__label">Low Coupling &amp; High Cohesion</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#requirements" class="table-of-contents__link toc-highlight">Requirements</a></li><li><a href="#rule" class="table-of-contents__link toc-highlight">Rule</a></li><li><a href="#identifying-problems" class="table-of-contents__link toc-highlight">Identifying problems</a></li><li><a href="#see-also" class="table-of-contents__link toc-highlight">See also</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Spetsifikatsiya</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/uz/docs">Hujjatlar</a></li><li class="footer__item"><a class="footer__link-item" href="/uz/community">Jamiyat</a></li><li class="footer__item"><a class="footer__link-item" href="/uz/nav">Yordam</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Munozaralar<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Jamiyat</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Yana</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">Litsenziya<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/uz/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/uz/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
 </body>
 </html>
\ No newline at end of file
diff --git a/uz/docs/reference/isolation/coupling-cohesion.html b/uz/docs/reference/isolation/coupling-cohesion.html
index 18fb75247f..00b500b053 100644
--- a/uz/docs/reference/isolation/coupling-cohesion.html
+++ b/uz/docs/reference/isolation/coupling-cohesion.html
@@ -9,8 +9,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/uz/opensearch.xml"><link rel="stylesheet" href="/uz/assets/css/styles.6a4ac441.css">
-<script src="/uz/assets/js/runtime~main.a1b42f8f.js" defer="defer"></script>
-<script src="/uz/assets/js/main.ef087bb6.js" defer="defer"></script>
+<script src="/uz/assets/js/runtime~main.d90f1c87.js" defer="defer"></script>
+<script src="/uz/assets/js/main.b67529a2.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Asosiy tarkibga o&#x27;tish"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">Asosiy tarkibga o&#x27;tish</a></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/uz/"><div class="navbar__logo"><img src="/uz/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/uz/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/uz/docs">📖 Hujjatlar</a><a class="navbar__item navbar__link" href="/uz/community">💫 Jamiyat</a><a class="navbar__item navbar__link" href="/uz/blog">📝 Blog</a><a class="navbar__item navbar__link" href="/uz/examples">🛠 Namunalar</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/uz/docs/reference/isolation/coupling-cohesion">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a aria-current="page" class="dropdown__link dropdown__link--active" href="/uz/docs/reference/isolation/coupling-cohesion">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/uz/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>O&#x27;zbekcha</a><ul class="dropdown__menu"><li><a href="/ru/docs/reference/isolation/coupling-cohesion" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ru">Русский</a></li><li><a href="/docs/reference/isolation/coupling-cohesion" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/uz/docs/reference/isolation/coupling-cohesion" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/docs/reference/isolation/coupling-cohesion" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="kr">한국어</a></li><li><a href="/ja/docs/reference/isolation/coupling-cohesion" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><div class="docsWrapper_rDLg"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_JQoL" type="button"></button><div class="docRoot_GkJk"><aside class="theme-doc-sidebar-container docSidebarContainer_xiHB"><div class="sidebarViewport_DaHB"><div class="sidebar_Kb82"><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_AkOp"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--active" href="/uz/docs/reference">📚  Reference</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/uz/docs/reference/layers">Qatlamlar</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/uz/docs/reference/slices-segments">Slices and segments</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/uz/docs/reference/public-api">Public API</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--active" tabindex="0" href="/uz/docs/reference/isolation">Isolation</a><button aria-label="Collapse sidebar category &#x27;Isolation&#x27;" aria-expanded="true" type="button" class="clean-btn menu__caret"></button></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/uz/docs/reference/isolation/coupling-cohesion">Low Coupling &amp; High Cohesion</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item sidebar-item--wip"><a class="menu__link" tabindex="0" href="/uz/docs/reference/isolation/decouple-entities">Decouple entities</a></li></ul></li></ul></li></ul></nav><button type="button" title="Yon panelni yig‘ish" aria-label="Yon panelni yig‘ish" class="button button--secondary button--outline collapseSidebarButton_L8vW"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_hYfn"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_uESP"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_w6lk"><div class="docItemContainer_b1tn"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_ioLt" aria-label="Breadcrumbs"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Home page" class="breadcrumbs__link" href="/uz/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_ZfEo"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/uz/docs/reference"><span itemprop="name">📚  Reference</span></a><meta itemprop="position" content="1"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/uz/docs/reference/isolation"><span itemprop="name">Isolation</span></a><meta itemprop="position" content="2"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">Low Coupling &amp; High Cohesion</span><meta itemprop="position" content="3"></li></ul></nav><div class="tocCollapsible_EkMH theme-doc-toc-mobile tocMobile_XRnS"><button type="button" class="clean-btn tocCollapsibleButton_ID8T">On this page</button></div><div class="theme-doc-markdown markdown"><header><h1>Low Coupling &amp; High Cohesion</h1></header>
@@ -78,6 +78,6 @@ <h2 class="anchor anchorWithStickyNavbar_QzlE" id="see-also">See also<a href="#s
 </li>
 <li><a href="https://medium.com/german-gorelkin/low-coupling-high-cohesion-d36369fb1be9" target="_blank" rel="noopener noreferrer">(Article) Low Coupling and High Cohesion. The Law of Demeter</a></li>
 <li><a href="https://www.slideshare.net/cristalngo/software-design-principles-57388843" target="_blank" rel="noopener noreferrer">(Presentation) On design principles (including Low Coupling &amp; High Cohesion)</a></li>
-</ul></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/reference/isolation/coupling-cohesion.md" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Sahifani tahrirlash</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Oxirgi yangilangan<!-- --> <b><time datetime="2024-09-29T11:02:46.000Z" itemprop="dateModified">29-sen, 2024</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Hujjat sahifalarida navigatsiya"><a class="pagination-nav__link pagination-nav__link--prev" href="/uz/docs/reference/isolation"><div class="pagination-nav__sublabel">Oldingi sahifa</div><div class="pagination-nav__label">Isolation of modules</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/uz/docs/reference/isolation/decouple-entities"><div class="pagination-nav__sublabel">Keyingi sahifa</div><div class="pagination-nav__label">Decouple entities</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#components-composition-ui-level" class="table-of-contents__link toc-highlight">Components composition (UI level)</a><ul><li><a href="#example" class="table-of-contents__link toc-highlight">Example</a></li></ul></li><li><a href="#layer-composition-app-level" class="table-of-contents__link toc-highlight">Layer composition (APP level)</a><ul><li><a href="#example-1" class="table-of-contents__link toc-highlight">Example</a></li></ul></li><li><a href="#summary" class="table-of-contents__link toc-highlight">Summary</a></li><li><a href="#see-also" class="table-of-contents__link toc-highlight">See also</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Spetsifikatsiya</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/uz/docs">Hujjatlar</a></li><li class="footer__item"><a class="footer__link-item" href="/uz/community">Jamiyat</a></li><li class="footer__item"><a class="footer__link-item" href="/uz/nav">Yordam</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Munozaralar<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Jamiyat</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Yana</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">Litsenziya<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/uz/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/uz/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
+</ul></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/reference/isolation/coupling-cohesion.md" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Sahifani tahrirlash</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Oxirgi yangilangan<!-- --> <b><time datetime="2024-10-07T18:23:06.000Z" itemprop="dateModified">7-okt, 2024</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Hujjat sahifalarida navigatsiya"><a class="pagination-nav__link pagination-nav__link--prev" href="/uz/docs/reference/isolation"><div class="pagination-nav__sublabel">Oldingi sahifa</div><div class="pagination-nav__label">Isolation of modules</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/uz/docs/reference/isolation/decouple-entities"><div class="pagination-nav__sublabel">Keyingi sahifa</div><div class="pagination-nav__label">Decouple entities</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#components-composition-ui-level" class="table-of-contents__link toc-highlight">Components composition (UI level)</a><ul><li><a href="#example" class="table-of-contents__link toc-highlight">Example</a></li></ul></li><li><a href="#layer-composition-app-level" class="table-of-contents__link toc-highlight">Layer composition (APP level)</a><ul><li><a href="#example-1" class="table-of-contents__link toc-highlight">Example</a></li></ul></li><li><a href="#summary" class="table-of-contents__link toc-highlight">Summary</a></li><li><a href="#see-also" class="table-of-contents__link toc-highlight">See also</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Spetsifikatsiya</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/uz/docs">Hujjatlar</a></li><li class="footer__item"><a class="footer__link-item" href="/uz/community">Jamiyat</a></li><li class="footer__item"><a class="footer__link-item" href="/uz/nav">Yordam</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Munozaralar<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Jamiyat</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Yana</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">Litsenziya<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/uz/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/uz/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
 </body>
 </html>
\ No newline at end of file
diff --git a/uz/docs/reference/isolation/decouple-entities.html b/uz/docs/reference/isolation/decouple-entities.html
index a31f235254..be71f30c66 100644
--- a/uz/docs/reference/isolation/decouple-entities.html
+++ b/uz/docs/reference/isolation/decouple-entities.html
@@ -9,8 +9,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/uz/opensearch.xml"><link rel="stylesheet" href="/uz/assets/css/styles.6a4ac441.css">
-<script src="/uz/assets/js/runtime~main.a1b42f8f.js" defer="defer"></script>
-<script src="/uz/assets/js/main.ef087bb6.js" defer="defer"></script>
+<script src="/uz/assets/js/runtime~main.d90f1c87.js" defer="defer"></script>
+<script src="/uz/assets/js/main.b67529a2.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Asosiy tarkibga o&#x27;tish"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">Asosiy tarkibga o&#x27;tish</a></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/uz/"><div class="navbar__logo"><img src="/uz/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/uz/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/uz/docs">📖 Hujjatlar</a><a class="navbar__item navbar__link" href="/uz/community">💫 Jamiyat</a><a class="navbar__item navbar__link" href="/uz/blog">📝 Blog</a><a class="navbar__item navbar__link" href="/uz/examples">🛠 Namunalar</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/uz/docs/reference/isolation/decouple-entities">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a aria-current="page" class="dropdown__link dropdown__link--active" href="/uz/docs/reference/isolation/decouple-entities">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/uz/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>O&#x27;zbekcha</a><ul class="dropdown__menu"><li><a href="/ru/docs/reference/isolation/decouple-entities" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ru">Русский</a></li><li><a href="/docs/reference/isolation/decouple-entities" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/uz/docs/reference/isolation/decouple-entities" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/docs/reference/isolation/decouple-entities" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="kr">한국어</a></li><li><a href="/ja/docs/reference/isolation/decouple-entities" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><div class="docsWrapper_rDLg"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_JQoL" type="button"></button><div class="docRoot_GkJk"><aside class="theme-doc-sidebar-container docSidebarContainer_xiHB"><div class="sidebarViewport_DaHB"><div class="sidebar_Kb82"><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_AkOp"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--active" href="/uz/docs/reference">📚  Reference</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/uz/docs/reference/layers">Qatlamlar</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/uz/docs/reference/slices-segments">Slices and segments</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/uz/docs/reference/public-api">Public API</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--active" tabindex="0" href="/uz/docs/reference/isolation">Isolation</a><button aria-label="Collapse sidebar category &#x27;Isolation&#x27;" aria-expanded="true" type="button" class="clean-btn menu__caret"></button></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/uz/docs/reference/isolation/coupling-cohesion">Low Coupling &amp; High Cohesion</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item sidebar-item--wip"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/uz/docs/reference/isolation/decouple-entities">Decouple entities</a></li></ul></li></ul></li></ul></nav><button type="button" title="Yon panelni yig‘ish" aria-label="Yon panelni yig‘ish" class="button button--secondary button--outline collapseSidebarButton_L8vW"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_hYfn"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_uESP"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_w6lk"><div class="docItemContainer_b1tn"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_ioLt" aria-label="Breadcrumbs"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Home page" class="breadcrumbs__link" href="/uz/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_ZfEo"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/uz/docs/reference"><span itemprop="name">📚  Reference</span></a><meta itemprop="position" content="1"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/uz/docs/reference/isolation"><span itemprop="name">Isolation</span></a><meta itemprop="position" content="2"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">Decouple entities</span><meta itemprop="position" content="3"></li></ul></nav><div class="tocCollapsible_EkMH theme-doc-toc-mobile tocMobile_XRnS"><button type="button" class="clean-btn tocCollapsibleButton_ID8T">On this page</button></div><div class="theme-doc-markdown markdown"><header><h1>Decouple entities</h1></header>
@@ -27,6 +27,6 @@ <h2 class="anchor anchorWithStickyNavbar_QzlE" id="see-also">See also<a href="#s
 <li><a href="https://t.me/feature_sliced/3316" target="_blank" rel="noopener noreferrer">(Thread) Example of decomposition for &quot;connected entities&quot; (users/pets/friends)</a></li>
 <li><a href="https://t.me/feature_sliced/4276" target="_blank" rel="noopener noreferrer">(Thread) About cross-imports of types/adapters in entities</a></li>
 <li><a href="https://t.me/feature_sliced/4521" target="_blank" rel="noopener noreferrer">(Thread) About the boundaries of entities and features</a></li>
-</ul></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/reference/isolation/decouple-entities.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Sahifani tahrirlash</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Oxirgi yangilangan<!-- --> <b><time datetime="2024-09-29T11:02:46.000Z" itemprop="dateModified">29-sen, 2024</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Hujjat sahifalarida navigatsiya"><a class="pagination-nav__link pagination-nav__link--prev" href="/uz/docs/reference/isolation/coupling-cohesion"><div class="pagination-nav__sublabel">Oldingi sahifa</div><div class="pagination-nav__label">Low Coupling &amp; High Cohesion</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#see-also" class="table-of-contents__link toc-highlight">See also</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Spetsifikatsiya</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/uz/docs">Hujjatlar</a></li><li class="footer__item"><a class="footer__link-item" href="/uz/community">Jamiyat</a></li><li class="footer__item"><a class="footer__link-item" href="/uz/nav">Yordam</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Munozaralar<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Jamiyat</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Yana</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">Litsenziya<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/uz/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/uz/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
+</ul></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/reference/isolation/decouple-entities.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Sahifani tahrirlash</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Oxirgi yangilangan<!-- --> <b><time datetime="2024-10-07T18:23:06.000Z" itemprop="dateModified">7-okt, 2024</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Hujjat sahifalarida navigatsiya"><a class="pagination-nav__link pagination-nav__link--prev" href="/uz/docs/reference/isolation/coupling-cohesion"><div class="pagination-nav__sublabel">Oldingi sahifa</div><div class="pagination-nav__label">Low Coupling &amp; High Cohesion</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#see-also" class="table-of-contents__link toc-highlight">See also</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Spetsifikatsiya</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/uz/docs">Hujjatlar</a></li><li class="footer__item"><a class="footer__link-item" href="/uz/community">Jamiyat</a></li><li class="footer__item"><a class="footer__link-item" href="/uz/nav">Yordam</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Munozaralar<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Jamiyat</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Yana</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">Litsenziya<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/uz/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/uz/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
 </body>
 </html>
\ No newline at end of file
diff --git a/uz/docs/reference/layers.html b/uz/docs/reference/layers.html
index a6d20232c0..220985c02a 100644
--- a/uz/docs/reference/layers.html
+++ b/uz/docs/reference/layers.html
@@ -9,8 +9,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/uz/opensearch.xml"><link rel="stylesheet" href="/uz/assets/css/styles.6a4ac441.css">
-<script src="/uz/assets/js/runtime~main.a1b42f8f.js" defer="defer"></script>
-<script src="/uz/assets/js/main.ef087bb6.js" defer="defer"></script>
+<script src="/uz/assets/js/runtime~main.d90f1c87.js" defer="defer"></script>
+<script src="/uz/assets/js/main.b67529a2.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Asosiy tarkibga o&#x27;tish"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">Asosiy tarkibga o&#x27;tish</a></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/uz/"><div class="navbar__logo"><img src="/uz/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/uz/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/uz/docs">📖 Hujjatlar</a><a class="navbar__item navbar__link" href="/uz/community">💫 Jamiyat</a><a class="navbar__item navbar__link" href="/uz/blog">📝 Blog</a><a class="navbar__item navbar__link" href="/uz/examples">🛠 Namunalar</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/uz/docs/reference/layers">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a aria-current="page" class="dropdown__link dropdown__link--active" href="/uz/docs/reference/layers">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/uz/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>O&#x27;zbekcha</a><ul class="dropdown__menu"><li><a href="/ru/docs/reference/layers" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ru">Русский</a></li><li><a href="/docs/reference/layers" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/uz/docs/reference/layers" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/docs/reference/layers" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="kr">한국어</a></li><li><a href="/ja/docs/reference/layers" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><div class="docsWrapper_rDLg"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_JQoL" type="button"></button><div class="docRoot_GkJk"><aside class="theme-doc-sidebar-container docSidebarContainer_xiHB"><div class="sidebarViewport_DaHB"><div class="sidebar_Kb82"><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_AkOp"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--active" href="/uz/docs/reference">📚  Reference</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/uz/docs/reference/layers">Qatlamlar</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/uz/docs/reference/slices-segments">Slices and segments</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/uz/docs/reference/public-api">Public API</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" tabindex="0" href="/uz/docs/reference/isolation">Isolation</a><button aria-label="Expand sidebar category &#x27;Isolation&#x27;" aria-expanded="false" type="button" class="clean-btn menu__caret"></button></div></li></ul></li></ul></nav><button type="button" title="Yon panelni yig‘ish" aria-label="Yon panelni yig‘ish" class="button button--secondary button--outline collapseSidebarButton_L8vW"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_hYfn"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_uESP"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_w6lk"><div class="docItemContainer_b1tn"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_ioLt" aria-label="Breadcrumbs"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Home page" class="breadcrumbs__link" href="/uz/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_ZfEo"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/uz/docs/reference"><span itemprop="name">📚  Reference</span></a><meta itemprop="position" content="1"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">Qatlamlar</span><meta itemprop="position" content="2"></li></ul></nav><div class="tocCollapsible_EkMH theme-doc-toc-mobile tocMobile_XRnS"><button type="button" class="clean-btn tocCollapsibleButton_ID8T">On this page</button></div><div class="theme-doc-markdown markdown"><header><h1>Qatlamlar</h1></header>
@@ -87,6 +87,6 @@ <h3 class="anchor anchorWithStickyNavbar_QzlE" id="app">App<a href="#app" class=
 <li>Router</li>
 <li>Ma&#x27;lumotlar do&#x27;konlari va boshqa kontekst provayderlari</li>
 <li>Analitika initsializatsiyasi</li>
-</ul></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/uz/docusaurus-plugin-content-docs/current/reference/layers.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Sahifani tahrirlash</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Oxirgi yangilangan<!-- --> <b><time datetime="2024-09-29T11:02:46.000Z" itemprop="dateModified">29-sen, 2024</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Hujjat sahifalarida navigatsiya"><a class="pagination-nav__link pagination-nav__link--prev" href="/uz/docs/reference"><div class="pagination-nav__sublabel">Oldingi sahifa</div><div class="pagination-nav__label">📚 Malumot</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/uz/docs/reference/slices-segments"><div class="pagination-nav__sublabel">Keyingi sahifa</div><div class="pagination-nav__label">Slices and segments</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#import-rule-on-layers" class="table-of-contents__link toc-highlight">Qatlamlar uchun import qoidasi</a></li><li><a href="#qatlam-tariflari" class="table-of-contents__link toc-highlight">Qatlam ta&#39;riflari</a><ul><li><a href="#shared" class="table-of-contents__link toc-highlight">Shared</a></li><li><a href="#entities" class="table-of-contents__link toc-highlight">Entities</a></li><li><a href="#features" class="table-of-contents__link toc-highlight">Features</a></li><li><a href="#widgets" class="table-of-contents__link toc-highlight">Widgets</a></li><li><a href="#pages" class="table-of-contents__link toc-highlight">Pages</a></li><li><a href="#processes" class="table-of-contents__link toc-highlight">Processes</a></li><li><a href="#app" class="table-of-contents__link toc-highlight">App</a></li></ul></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Spetsifikatsiya</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/uz/docs">Hujjatlar</a></li><li class="footer__item"><a class="footer__link-item" href="/uz/community">Jamiyat</a></li><li class="footer__item"><a class="footer__link-item" href="/uz/nav">Yordam</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Munozaralar<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Jamiyat</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Yana</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">Litsenziya<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/uz/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/uz/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
+</ul></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/uz/docusaurus-plugin-content-docs/current/reference/layers.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Sahifani tahrirlash</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Oxirgi yangilangan<!-- --> <b><time datetime="2024-10-07T18:23:06.000Z" itemprop="dateModified">7-okt, 2024</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Hujjat sahifalarida navigatsiya"><a class="pagination-nav__link pagination-nav__link--prev" href="/uz/docs/reference"><div class="pagination-nav__sublabel">Oldingi sahifa</div><div class="pagination-nav__label">📚 Malumot</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/uz/docs/reference/slices-segments"><div class="pagination-nav__sublabel">Keyingi sahifa</div><div class="pagination-nav__label">Slices and segments</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#import-rule-on-layers" class="table-of-contents__link toc-highlight">Qatlamlar uchun import qoidasi</a></li><li><a href="#qatlam-tariflari" class="table-of-contents__link toc-highlight">Qatlam ta&#39;riflari</a><ul><li><a href="#shared" class="table-of-contents__link toc-highlight">Shared</a></li><li><a href="#entities" class="table-of-contents__link toc-highlight">Entities</a></li><li><a href="#features" class="table-of-contents__link toc-highlight">Features</a></li><li><a href="#widgets" class="table-of-contents__link toc-highlight">Widgets</a></li><li><a href="#pages" class="table-of-contents__link toc-highlight">Pages</a></li><li><a href="#processes" class="table-of-contents__link toc-highlight">Processes</a></li><li><a href="#app" class="table-of-contents__link toc-highlight">App</a></li></ul></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Spetsifikatsiya</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/uz/docs">Hujjatlar</a></li><li class="footer__item"><a class="footer__link-item" href="/uz/community">Jamiyat</a></li><li class="footer__item"><a class="footer__link-item" href="/uz/nav">Yordam</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Munozaralar<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Jamiyat</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Yana</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">Litsenziya<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/uz/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/uz/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
 </body>
 </html>
\ No newline at end of file
diff --git a/uz/docs/reference/public-api.html b/uz/docs/reference/public-api.html
index 84563d8178..2294567863 100644
--- a/uz/docs/reference/public-api.html
+++ b/uz/docs/reference/public-api.html
@@ -9,8 +9,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/uz/opensearch.xml"><link rel="stylesheet" href="/uz/assets/css/styles.6a4ac441.css">
-<script src="/uz/assets/js/runtime~main.a1b42f8f.js" defer="defer"></script>
-<script src="/uz/assets/js/main.ef087bb6.js" defer="defer"></script>
+<script src="/uz/assets/js/runtime~main.d90f1c87.js" defer="defer"></script>
+<script src="/uz/assets/js/main.b67529a2.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Asosiy tarkibga o&#x27;tish"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">Asosiy tarkibga o&#x27;tish</a></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/uz/"><div class="navbar__logo"><img src="/uz/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/uz/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/uz/docs">📖 Hujjatlar</a><a class="navbar__item navbar__link" href="/uz/community">💫 Jamiyat</a><a class="navbar__item navbar__link" href="/uz/blog">📝 Blog</a><a class="navbar__item navbar__link" href="/uz/examples">🛠 Namunalar</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/uz/docs/reference/public-api">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a aria-current="page" class="dropdown__link dropdown__link--active" href="/uz/docs/reference/public-api">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/uz/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>O&#x27;zbekcha</a><ul class="dropdown__menu"><li><a href="/ru/docs/reference/public-api" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ru">Русский</a></li><li><a href="/docs/reference/public-api" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/uz/docs/reference/public-api" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/docs/reference/public-api" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="kr">한국어</a></li><li><a href="/ja/docs/reference/public-api" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><div class="docsWrapper_rDLg"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_JQoL" type="button"></button><div class="docRoot_GkJk"><aside class="theme-doc-sidebar-container docSidebarContainer_xiHB"><div class="sidebarViewport_DaHB"><div class="sidebar_Kb82"><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_AkOp"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--active" href="/uz/docs/reference">📚  Reference</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/uz/docs/reference/layers">Qatlamlar</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/uz/docs/reference/slices-segments">Slices and segments</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/uz/docs/reference/public-api">Public API</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" tabindex="0" href="/uz/docs/reference/isolation">Isolation</a><button aria-label="Expand sidebar category &#x27;Isolation&#x27;" aria-expanded="false" type="button" class="clean-btn menu__caret"></button></div></li></ul></li></ul></nav><button type="button" title="Yon panelni yig‘ish" aria-label="Yon panelni yig‘ish" class="button button--secondary button--outline collapseSidebarButton_L8vW"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_hYfn"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_uESP"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_w6lk"><div class="docItemContainer_b1tn"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_ioLt" aria-label="Breadcrumbs"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Home page" class="breadcrumbs__link" href="/uz/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_ZfEo"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/uz/docs/reference"><span itemprop="name">📚  Reference</span></a><meta itemprop="position" content="1"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">Public API</span><meta itemprop="position" content="2"></li></ul></nav><div class="tocCollapsible_EkMH theme-doc-toc-mobile tocMobile_XRnS"><button type="button" class="clean-btn tocCollapsibleButton_ID8T">On this page</button></div><div class="theme-doc-markdown markdown"><header><h1>Public API</h1></header>
@@ -140,6 +140,6 @@ <h2 class="anchor anchorWithStickyNavbar_QzlE" id="see-also">See also<a href="#s
 <li><a href="https://github.com/feature-sliced/documentation/discussions/41" target="_blank" rel="noopener noreferrer">(Discussion) Public Abstraction API</a></li>
 <li><a href="https://ru.wikipedia.org/wiki/SOLID" target="_blank" rel="noopener noreferrer">Principles <strong>SOLID</strong></a></li>
 <li><a href="https://ru.wikipedia.org/wiki/GRASP" target="_blank" rel="noopener noreferrer">Patterns <strong>GRASP</strong></a></li>
-</ul></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/reference/public-api.md" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Sahifani tahrirlash</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Oxirgi yangilangan<!-- --> <b><time datetime="2024-09-29T11:02:46.000Z" itemprop="dateModified">29-sen, 2024</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Hujjat sahifalarida navigatsiya"><a class="pagination-nav__link pagination-nav__link--prev" href="/uz/docs/reference/slices-segments"><div class="pagination-nav__sublabel">Oldingi sahifa</div><div class="pagination-nav__label">Slices and segments</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/uz/docs/about"><div class="pagination-nav__sublabel">Keyingi sahifa</div><div class="pagination-nav__label">🍰 About</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#goals" class="table-of-contents__link toc-highlight">Goals</a></li><li><a href="#requirements-for-the-public-api" class="table-of-contents__link toc-highlight">Requirements for the public API</a><ul><li><a href="#1-access-control" class="table-of-contents__link toc-highlight">1. Access Control</a></li><li><a href="#2-sustainability-for-changes" class="table-of-contents__link toc-highlight">2. Sustainability for changes</a></li><li><a href="#3-integrability" class="table-of-contents__link toc-highlight">3. Integrability</a></li></ul></li><li><a href="#about-re-exports" class="table-of-contents__link toc-highlight">About re-exports</a><ul><li><a href="#disadvantages" class="table-of-contents__link toc-highlight">Disadvantages</a></li><li><a href="#possible-solutions" class="table-of-contents__link toc-highlight">Possible solutions</a></li></ul></li><li><a href="#see-also" class="table-of-contents__link toc-highlight">See also</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Spetsifikatsiya</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/uz/docs">Hujjatlar</a></li><li class="footer__item"><a class="footer__link-item" href="/uz/community">Jamiyat</a></li><li class="footer__item"><a class="footer__link-item" href="/uz/nav">Yordam</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Munozaralar<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Jamiyat</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Yana</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">Litsenziya<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/uz/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/uz/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
+</ul></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/reference/public-api.md" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Sahifani tahrirlash</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Oxirgi yangilangan<!-- --> <b><time datetime="2024-10-07T18:23:06.000Z" itemprop="dateModified">7-okt, 2024</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Hujjat sahifalarida navigatsiya"><a class="pagination-nav__link pagination-nav__link--prev" href="/uz/docs/reference/slices-segments"><div class="pagination-nav__sublabel">Oldingi sahifa</div><div class="pagination-nav__label">Slices and segments</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/uz/docs/about"><div class="pagination-nav__sublabel">Keyingi sahifa</div><div class="pagination-nav__label">🍰 About</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#goals" class="table-of-contents__link toc-highlight">Goals</a></li><li><a href="#requirements-for-the-public-api" class="table-of-contents__link toc-highlight">Requirements for the public API</a><ul><li><a href="#1-access-control" class="table-of-contents__link toc-highlight">1. Access Control</a></li><li><a href="#2-sustainability-for-changes" class="table-of-contents__link toc-highlight">2. Sustainability for changes</a></li><li><a href="#3-integrability" class="table-of-contents__link toc-highlight">3. Integrability</a></li></ul></li><li><a href="#about-re-exports" class="table-of-contents__link toc-highlight">About re-exports</a><ul><li><a href="#disadvantages" class="table-of-contents__link toc-highlight">Disadvantages</a></li><li><a href="#possible-solutions" class="table-of-contents__link toc-highlight">Possible solutions</a></li></ul></li><li><a href="#see-also" class="table-of-contents__link toc-highlight">See also</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Spetsifikatsiya</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/uz/docs">Hujjatlar</a></li><li class="footer__item"><a class="footer__link-item" href="/uz/community">Jamiyat</a></li><li class="footer__item"><a class="footer__link-item" href="/uz/nav">Yordam</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Munozaralar<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Jamiyat</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Yana</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">Litsenziya<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/uz/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/uz/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
 </body>
 </html>
\ No newline at end of file
diff --git a/uz/docs/reference/slices-segments.html b/uz/docs/reference/slices-segments.html
index 6e8cb5e36e..0c1501c1bf 100644
--- a/uz/docs/reference/slices-segments.html
+++ b/uz/docs/reference/slices-segments.html
@@ -9,8 +9,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/uz/opensearch.xml"><link rel="stylesheet" href="/uz/assets/css/styles.6a4ac441.css">
-<script src="/uz/assets/js/runtime~main.a1b42f8f.js" defer="defer"></script>
-<script src="/uz/assets/js/main.ef087bb6.js" defer="defer"></script>
+<script src="/uz/assets/js/runtime~main.d90f1c87.js" defer="defer"></script>
+<script src="/uz/assets/js/main.b67529a2.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Asosiy tarkibga o&#x27;tish"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">Asosiy tarkibga o&#x27;tish</a></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/uz/"><div class="navbar__logo"><img src="/uz/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/uz/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/uz/docs">📖 Hujjatlar</a><a class="navbar__item navbar__link" href="/uz/community">💫 Jamiyat</a><a class="navbar__item navbar__link" href="/uz/blog">📝 Blog</a><a class="navbar__item navbar__link" href="/uz/examples">🛠 Namunalar</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/uz/docs/reference/slices-segments">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a aria-current="page" class="dropdown__link dropdown__link--active" href="/uz/docs/reference/slices-segments">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/uz/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>O&#x27;zbekcha</a><ul class="dropdown__menu"><li><a href="/ru/docs/reference/slices-segments" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ru">Русский</a></li><li><a href="/docs/reference/slices-segments" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/uz/docs/reference/slices-segments" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/docs/reference/slices-segments" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="kr">한국어</a></li><li><a href="/ja/docs/reference/slices-segments" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><div class="docsWrapper_rDLg"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_JQoL" type="button"></button><div class="docRoot_GkJk"><aside class="theme-doc-sidebar-container docSidebarContainer_xiHB"><div class="sidebarViewport_DaHB"><div class="sidebar_Kb82"><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_AkOp"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--active" href="/uz/docs/reference">📚  Reference</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/uz/docs/reference/layers">Qatlamlar</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/uz/docs/reference/slices-segments">Slices and segments</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/uz/docs/reference/public-api">Public API</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" tabindex="0" href="/uz/docs/reference/isolation">Isolation</a><button aria-label="Expand sidebar category &#x27;Isolation&#x27;" aria-expanded="false" type="button" class="clean-btn menu__caret"></button></div></li></ul></li></ul></nav><button type="button" title="Yon panelni yig‘ish" aria-label="Yon panelni yig‘ish" class="button button--secondary button--outline collapseSidebarButton_L8vW"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_hYfn"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_uESP"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_w6lk"><div class="docItemContainer_b1tn"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_ioLt" aria-label="Breadcrumbs"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Home page" class="breadcrumbs__link" href="/uz/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_ZfEo"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/uz/docs/reference"><span itemprop="name">📚  Reference</span></a><meta itemprop="position" content="1"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">Slices and segments</span><meta itemprop="position" content="2"></li></ul></nav><div class="tocCollapsible_EkMH theme-doc-toc-mobile tocMobile_XRnS"><button type="button" class="clean-btn tocCollapsibleButton_ID8T">On this page</button></div><div class="theme-doc-markdown markdown"><header><h1>Slices and segments</h1></header>
@@ -38,6 +38,6 @@ <h2 class="anchor anchorWithStickyNavbar_QzlE" id="segments">Segments<a href="#s
 </ul>
 <p>Custom segments are permitted, but should be created sparingly. The most common places for custom segments are the App layer and the Shared layer, where slices don&#x27;t make sense.</p>
 <h3 class="anchor anchorWithStickyNavbar_QzlE" id="examples">Examples<a href="#examples" class="hash-link" aria-label="Sarlavhaga to&#x27;g&#x27;ridan-to&#x27;g&#x27;ri havola" title="Sarlavhaga to&#x27;g&#x27;ridan-to&#x27;g&#x27;ri havola">​</a></h3>
-<table><thead><tr><th style="text-align:left">Layer</th><th style="text-align:left"><code>ui</code></th><th style="text-align:left"><code>model</code></th><th style="text-align:left"><code>lib</code></th><th style="text-align:left"><code>api</code></th></tr></thead><tbody><tr><td style="text-align:left">Shared</td><td style="text-align:left">UI kit</td><td style="text-align:left">Usually not used</td><td style="text-align:left">Utility modules of several related files. <br>If you need to use individual helpers, consider using utility libraries such as <a href="https://www.npmjs.com/package/lodash-es" target="_blank" rel="noopener noreferrer"><code>lodash-es</code></a>.</td><td style="text-align:left">Rudimentary API client with additional features like authentication or caching.</td></tr><tr><td style="text-align:left">Entities</td><td style="text-align:left">Skeleton of a business entity with slots for interactive elements</td><td style="text-align:left">Data storage of instances of this entity as well as functions for manipulating that data. <br> This segment is most fit for storing server-side data. If you use <a href="https://tanstack.com/query/latest" target="_blank" rel="noopener noreferrer">TanStack Query</a> or other methods of implicit storage, you may choose to omit this segment.</td><td style="text-align:left">Functions for manipulating instances of this entity that aren&#x27;t related to storage</td><td style="text-align:left">API methods using the API client from Shared for easy communication with the backend</td></tr><tr><td style="text-align:left">Features</td><td style="text-align:left">Interactive elements that enable users to use this feature</td><td style="text-align:left">Business logic and infrastructure data storage, if needed (e.g., current app theme). This is the code that actually produces value for the user.</td><td style="text-align:left">Infrastructural code that helps to concisely describe the business logic in the <code>model</code> segment</td><td style="text-align:left">API methods that represent this feature on the backend. <br> May compose API methods from Entities.</td></tr><tr><td style="text-align:left">Widgets</td><td style="text-align:left">Composition of Entities and Features into self-contained UI blocks. <br> Can also contain error boundaries and loading states.</td><td style="text-align:left">Infrastructure data storage, if needed</td><td style="text-align:left">Non-business interactions (e.g., gestures) and other necessary code for the block to function on a page</td><td style="text-align:left">Usually not used, but can contain data loaders in nested routing contexts (e.g., <a href="https://remix.run" target="_blank" rel="noopener noreferrer">Remix</a>)</td></tr><tr><td style="text-align:left">Pages</td><td style="text-align:left">Composition of Entities, Features and Widgets into complete pages. <br> Can also contain error boundaries and loading states.</td><td style="text-align:left">Usually not used</td><td style="text-align:left">Non-business interactions (e.g., gestures) and other necessary code for the page to deliver a complete user experience</td><td style="text-align:left">Data loaders for SSR-oriented frameworks</td></tr></tbody></table></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/reference/slices-segments.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Sahifani tahrirlash</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Oxirgi yangilangan<!-- --> <b><time datetime="2024-09-29T11:02:46.000Z" itemprop="dateModified">29-sen, 2024</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Hujjat sahifalarida navigatsiya"><a class="pagination-nav__link pagination-nav__link--prev" href="/uz/docs/reference/layers"><div class="pagination-nav__sublabel">Oldingi sahifa</div><div class="pagination-nav__label">Qatlamlar</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/uz/docs/reference/public-api"><div class="pagination-nav__sublabel">Keyingi sahifa</div><div class="pagination-nav__label">Public API</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#slices" class="table-of-contents__link toc-highlight">Slices</a><ul><li><a href="#public-api-rule-on-slices" class="table-of-contents__link toc-highlight">Public API rule on slices</a></li></ul></li><li><a href="#segments" class="table-of-contents__link toc-highlight">Segments</a><ul><li><a href="#examples" class="table-of-contents__link toc-highlight">Examples</a></li></ul></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Spetsifikatsiya</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/uz/docs">Hujjatlar</a></li><li class="footer__item"><a class="footer__link-item" href="/uz/community">Jamiyat</a></li><li class="footer__item"><a class="footer__link-item" href="/uz/nav">Yordam</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Munozaralar<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Jamiyat</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Yana</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">Litsenziya<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/uz/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/uz/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
+<table><thead><tr><th style="text-align:left">Layer</th><th style="text-align:left"><code>ui</code></th><th style="text-align:left"><code>model</code></th><th style="text-align:left"><code>lib</code></th><th style="text-align:left"><code>api</code></th></tr></thead><tbody><tr><td style="text-align:left">Shared</td><td style="text-align:left">UI kit</td><td style="text-align:left">Usually not used</td><td style="text-align:left">Utility modules of several related files. <br>If you need to use individual helpers, consider using utility libraries such as <a href="https://www.npmjs.com/package/lodash-es" target="_blank" rel="noopener noreferrer"><code>lodash-es</code></a>.</td><td style="text-align:left">Rudimentary API client with additional features like authentication or caching.</td></tr><tr><td style="text-align:left">Entities</td><td style="text-align:left">Skeleton of a business entity with slots for interactive elements</td><td style="text-align:left">Data storage of instances of this entity as well as functions for manipulating that data. <br> This segment is most fit for storing server-side data. If you use <a href="https://tanstack.com/query/latest" target="_blank" rel="noopener noreferrer">TanStack Query</a> or other methods of implicit storage, you may choose to omit this segment.</td><td style="text-align:left">Functions for manipulating instances of this entity that aren&#x27;t related to storage</td><td style="text-align:left">API methods using the API client from Shared for easy communication with the backend</td></tr><tr><td style="text-align:left">Features</td><td style="text-align:left">Interactive elements that enable users to use this feature</td><td style="text-align:left">Business logic and infrastructure data storage, if needed (e.g., current app theme). This is the code that actually produces value for the user.</td><td style="text-align:left">Infrastructural code that helps to concisely describe the business logic in the <code>model</code> segment</td><td style="text-align:left">API methods that represent this feature on the backend. <br> May compose API methods from Entities.</td></tr><tr><td style="text-align:left">Widgets</td><td style="text-align:left">Composition of Entities and Features into self-contained UI blocks. <br> Can also contain error boundaries and loading states.</td><td style="text-align:left">Infrastructure data storage, if needed</td><td style="text-align:left">Non-business interactions (e.g., gestures) and other necessary code for the block to function on a page</td><td style="text-align:left">Usually not used, but can contain data loaders in nested routing contexts (e.g., <a href="https://remix.run" target="_blank" rel="noopener noreferrer">Remix</a>)</td></tr><tr><td style="text-align:left">Pages</td><td style="text-align:left">Composition of Entities, Features and Widgets into complete pages. <br> Can also contain error boundaries and loading states.</td><td style="text-align:left">Usually not used</td><td style="text-align:left">Non-business interactions (e.g., gestures) and other necessary code for the page to deliver a complete user experience</td><td style="text-align:left">Data loaders for SSR-oriented frameworks</td></tr></tbody></table></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/feature-sliced/documentation/edit/master/i18n/en/docusaurus-plugin-content-docs/current/reference/slices-segments.mdx" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_jbpw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Sahifani tahrirlash</a></div><div class="col lastUpdated_DsSe"><span class="theme-last-updated">Oxirgi yangilangan<!-- --> <b><time datetime="2024-10-07T18:23:06.000Z" itemprop="dateModified">7-okt, 2024</time></b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Hujjat sahifalarida navigatsiya"><a class="pagination-nav__link pagination-nav__link--prev" href="/uz/docs/reference/layers"><div class="pagination-nav__sublabel">Oldingi sahifa</div><div class="pagination-nav__label">Qatlamlar</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/uz/docs/reference/public-api"><div class="pagination-nav__sublabel">Keyingi sahifa</div><div class="pagination-nav__label">Public API</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_TWIB thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#slices" class="table-of-contents__link toc-highlight">Slices</a><ul><li><a href="#public-api-rule-on-slices" class="table-of-contents__link toc-highlight">Public API rule on slices</a></li></ul></li><li><a href="#segments" class="table-of-contents__link toc-highlight">Segments</a><ul><li><a href="#examples" class="table-of-contents__link toc-highlight">Examples</a></li></ul></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Spetsifikatsiya</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/uz/docs">Hujjatlar</a></li><li class="footer__item"><a class="footer__link-item" href="/uz/community">Jamiyat</a></li><li class="footer__item"><a class="footer__link-item" href="/uz/nav">Yordam</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Munozaralar<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Jamiyat</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Yana</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">Litsenziya<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/uz/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/uz/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
 </body>
 </html>
\ No newline at end of file
diff --git a/uz/examples.html b/uz/examples.html
index 445be90be5..65f28b41a0 100644
--- a/uz/examples.html
+++ b/uz/examples.html
@@ -9,8 +9,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/uz/opensearch.xml"><link rel="stylesheet" href="/uz/assets/css/styles.6a4ac441.css">
-<script src="/uz/assets/js/runtime~main.a1b42f8f.js" defer="defer"></script>
-<script src="/uz/assets/js/main.ef087bb6.js" defer="defer"></script>
+<script src="/uz/assets/js/runtime~main.d90f1c87.js" defer="defer"></script>
+<script src="/uz/assets/js/main.b67529a2.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Asosiy tarkibga o&#x27;tish"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">Asosiy tarkibga o&#x27;tish</a></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/uz/"><div class="navbar__logo"><img src="/uz/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/uz/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a class="navbar__item navbar__link" href="/uz/docs">📖 Hujjatlar</a><a class="navbar__item navbar__link" href="/uz/community">💫 Jamiyat</a><a class="navbar__item navbar__link" href="/uz/blog">📝 Blog</a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/uz/examples">🛠 Namunalar</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/uz/docs">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a class="dropdown__link" href="/uz/docs">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/uz/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>O&#x27;zbekcha</a><ul class="dropdown__menu"><li><a href="/ru/examples" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ru">Русский</a></li><li><a href="/examples" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/uz/examples" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/examples" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="kr">한국어</a></li><li><a href="/ja/examples" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><main class="container margin-vert--lg"><div class="text--center"><h1>Namunalar</h1><p>FSD yordamida yaratilgan veb-saytlar ro&#x27;yxati</p><div class="button-group"><a class="button button--primary" href="https://github.com/feature-sliced/documentation/blob/master/src/pages/examples/_config.ts" target="_blank" rel="noreferrer noopener">🙏<!-- --> <!-- -->Namuna qoshish</a><a class="button button--secondary" href="https://github.com/feature-sliced/examples" target="_blank" rel="noreferrer noopener">Repezitoriyalar</a></div><div class="margin-top--sm"><a href="/versions">Shuningdek, versiyalar ro&#x27;yxatiga qarang</a></div></div><section class="container margin-top--lg"><div class="margin-top--lg"><div class="row"><article class="col col--4 margin-bottom--lg"><article class="card root_v5qN"><div class="card__image preview_MRaB"><div class="ribbon_JKNF">v2</div><div style="background-size:cover;background-repeat:no-repeat;position:relative;background-image:url(&quot;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAGCAIAAAB1kpiRAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAYklEQVR4nFXOMQ5EIQgEUAQZWaCkNxbe/4qb+M1m/+sIkwFiZjNzdwBE1FqjfwDWWnvvqvoccjDzTXjEnLOqMpOIRATAGENVqYu4e2b23p9yEVFVM7sF7fide8a7i4jXL29fuHgDoFe9xoYAAAAASUVORK5CYII=&quot;)"><svg style="width:100%;height:auto;max-width:100%;margin-bottom:-4px" width="640" height="360"></svg><noscript><img style="width:100%;height:auto;max-width:100%;margin-bottom:-4px;position:absolute;top:0;left:0" src="/uz/assets/ideal-img/tiny-bunny.dd60f55.640.png" srcset="/uz/assets/ideal-img/tiny-bunny.dd60f55.640.png 640w,/uz/assets/ideal-img/tiny-bunny.f21aad8.1030.png 1030w" alt="Tiny Bunny Mini Game" width="640" height="360"></noscript></div></div><div class="card__body"><span class="title_xhac">Tiny Bunny Mini Game</span><p class="description_y_AQ">Mini-game &quot;21 points&quot; in the universe of the visual novel &quot;Tiny Bunny&quot;.</p><div class="techList_Nt0m"><span class="techListItem_MNXE">react</span><span class="techListItem_MNXE">redux-toolkit</span><span class="techListItem_MNXE">typescript</span></div></div><div class="card__footer"><div class="button-group button-group--block"><a class="button button--small button--secondary button--block" href="https://sanua356.github.io/tiny-bunny/" target="_blank" rel="noreferrer noopener">Website</a><a class="button button--small button--secondary button--block" href="https://github.com/sanua356/tiny-bunny" target="_blank" rel="noreferrer noopener">Source</a></div></div></article></article><article class="col col--4 margin-bottom--lg"><article class="card root_v5qN"><div class="card__image preview_MRaB"><div class="ribbon_JKNF">v2</div><div style="background-size:cover;background-repeat:no-repeat;position:relative;background-image:url(&quot;data:image/jpeg;base64,/9j/2wBDAAYEBQYFBAYGBQYHBwYIChAKCgkJChQODwwQFxQYGBcUFhYaHSUfGhsjHBYWICwgIyYnKSopGR8tMC0oMCUoKSj/2wBDAQcHBwoIChMKChMoGhYaKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCj/wAARCAAHAAoDASIAAhEBAxEB/8QAFgABAQEAAAAAAAAAAAAAAAAAAAEI/8QAGxAAAgEFAAAAAAAAAAAAAAAAAAERAxJhkdH/xAAUAQEAAAAAAAAAAAAAAAAAAAAA/8QAFBEBAAAAAAAAAAAAAAAAAAAAAP/aAAwDAQACEQMRAD8A1KqcQulsy9gAf//Z&quot;)"><svg style="width:100%;height:auto;max-width:100%;margin-bottom:-4px" width="640" height="420"></svg><noscript><img style="width:100%;height:auto;max-width:100%;margin-bottom:-4px;position:absolute;top:0;left:0" src="/uz/assets/ideal-img/roketo-business.56b7a49.640.jpg" srcset="/uz/assets/ideal-img/roketo-business.56b7a49.640.jpg 640w,/uz/assets/ideal-img/roketo-business.1737b96.774.jpg 774w" alt="Roke.to Business" width="640" height="420"></noscript></div></div><div class="card__body"><span class="title_xhac">Roke.to Business</span><p class="description_y_AQ">Business branch of Roketo, a crypto streaming service which allows paying people by the second</p><div class="techList_Nt0m"><span class="techListItem_MNXE">react</span><span class="techListItem_MNXE">effector</span><span class="techListItem_MNXE">tailwindcss</span><span class="techListItem_MNXE">turbo</span></div></div><div class="card__footer"><div class="button-group button-group--block"><a class="button button--small button--secondary button--block" href="https://github.com/roke-to/roketo-business-ui" target="_blank" rel="noreferrer noopener">Source</a></div></div></article></article><article class="col col--4 margin-bottom--lg"><article class="card root_v5qN"><div class="card__image preview_MRaB"><div class="ribbon_JKNF">v2</div><div style="background-size:cover;background-repeat:no-repeat;position:relative;background-image:url(&quot;data:image/jpeg;base64,/9j/2wBDAAYEBQYFBAYGBQYHBwYIChAKCgkJChQODwwQFxQYGBcUFhYaHSUfGhsjHBYWICwgIyYnKSopGR8tMC0oMCUoKSj/2wBDAQcHBwoIChMKChMoGhYaKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCj/wAARCAAJAAoDASIAAhEBAxEB/8QAFgABAQEAAAAAAAAAAAAAAAAAAwII/8QAGhAAAwEAAwAAAAAAAAAAAAAAAAERAiExUf/EABQBAQAAAAAAAAAAAAAAAAAAAAH/xAAVEQEBAAAAAAAAAAAAAAAAAAAAEf/aAAwDAQACEQMRAD8A1JjLTVU59LVSikCz1kAYH//Z&quot;)"><svg style="width:100%;height:auto;max-width:100%;margin-bottom:-4px" width="640" height="583"></svg><noscript><img style="width:100%;height:auto;max-width:100%;margin-bottom:-4px;position:absolute;top:0;left:0" src="/uz/assets/ideal-img/roketo.a3c9b55.640.jpg" srcset="/uz/assets/ideal-img/roketo.a3c9b55.640.jpg 640w,/uz/assets/ideal-img/roketo.70ec047.1030.jpg 1030w" alt="Roke.to dApp" width="640" height="583"></noscript></div></div><div class="card__body"><span class="title_xhac">Roke.to dApp</span><p class="description_y_AQ">A crypto streaming service which allows paying people by the second</p><div class="techList_Nt0m"><span class="techListItem_MNXE">react</span><span class="techListItem_MNXE">effector</span><span class="techListItem_MNXE">tailwindcss</span></div></div><div class="card__footer"><div class="button-group button-group--block"><a class="button button--small button--secondary button--block" href="https://app2.roke.to/" target="_blank" rel="noreferrer noopener">Website</a><a class="button button--small button--secondary button--block" href="https://github.com/roke-to/roketo-ui" target="_blank" rel="noreferrer noopener">Source</a></div></div></article></article><article class="col col--4 margin-bottom--lg"><article class="card root_v5qN"><div class="card__image preview_MRaB"><div class="ribbon_JKNF">v2</div><div style="background-size:cover;background-repeat:no-repeat;position:relative;background-image:url(&quot;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAFCAYAAAB8ZH1oAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAvElEQVR4nAXBy0oCYRiA4f8+W2aiK2/BXRcQCq4EvQK1ReSRRjyCIpoGExgJOsJk4zji6f++1+cxqGJFuVlFVRCxiAoqAvaGWIuqYvJuRG7qkx15ZEYeL8M1ufGW50VI+nNH4csn7x4xic4/Sccn2drw9PbD46tL7H3FQ21Jqlgi3liS6IaY2vpM07vQ3wkff8IwEnpHZRJcmc7mVFcB9c0FA3A4nel9/3IN94zbLfrVCk6zTNcZEIQRVuEO4Z2vfe539+MAAAAASUVORK5CYII=&quot;)"><svg style="width:100%;height:auto;max-width:100%;margin-bottom:-4px" width="640" height="328"></svg><noscript><img style="width:100%;height:auto;max-width:100%;margin-bottom:-4px;position:absolute;top:0;left:0" src="/uz/assets/ideal-img/it-bookstore.2f6de0a.640.png" srcset="/uz/assets/ideal-img/it-bookstore.2f6de0a.640.png 640w,/uz/assets/ideal-img/it-bookstore.39c4ce7.1030.png 1030w" alt="IT bookstore" width="640" height="328"></noscript></div></div><div class="card__body"><span class="title_xhac">IT bookstore</span><p class="description_y_AQ">Catalog for viewing and searching information technology books</p><div class="techList_Nt0m"><span class="techListItem_MNXE">react</span><span class="techListItem_MNXE">redux toolkit</span><span class="techListItem_MNXE">typescript</span><span class="techListItem_MNXE">react router</span><span class="techListItem_MNXE">vite</span><span class="techListItem_MNXE">scss</span></div></div><div class="card__footer"><div class="button-group button-group--block"><a class="button button--small button--secondary button--block" href="https://umttikhinadasha.github.io/IT-Bookstore/" target="_blank" rel="noreferrer noopener">Website</a><a class="button button--small button--secondary button--block" href="https://github.com/UmttikhinaDasha/IT-Bookstore" target="_blank" rel="noreferrer noopener">Source</a></div></div></article></article><article class="col col--4 margin-bottom--lg"><article class="card root_v5qN"><div class="card__image preview_MRaB"><div class="ribbon_JKNF">v2</div><div style="background-size:cover;background-repeat:no-repeat;position:relative;background-image:url(&quot;data:image/jpeg;base64,/9j/2wBDAAYEBQYFBAYGBQYHBwYIChAKCgkJChQODwwQFxQYGBcUFhYaHSUfGhsjHBYWICwgIyYnKSopGR8tMC0oMCUoKSj/2wBDAQcHBwoIChMKChMoGhYaKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCj/wAARCAAFAAoDASIAAhEBAxEB/8QAFgABAQEAAAAAAAAAAAAAAAAAAAMH/8QAHhAAAgICAgMAAAAAAAAAAAAAAgMBBAARITFykaH/xAAVAQEBAAAAAAAAAAAAAAAAAAAAA//EABcRAQEBAQAAAAAAAAAAAAAAAAEAAiH/2gAMAwEAAhEDEQA/AM1BbmtOu2wZwl1qRLqeVR3rx+5OvRhldRy09kMTPrGMZVO0tBf/2Q==&quot;)"><svg style="width:100%;height:auto;max-width:100%;margin-bottom:-4px" width="640" height="331"></svg><noscript><img style="width:100%;height:auto;max-width:100%;margin-bottom:-4px;position:absolute;top:0;left:0" src="/uz/assets/ideal-img/moke-smoke.aacde86.640.jpg" srcset="/uz/assets/ideal-img/moke-smoke.aacde86.640.jpg 640w,/uz/assets/ideal-img/moke-smoke.2f90276.1030.jpg 1030w" alt="Moke Smoke (React Native example)" width="640" height="331"></noscript></div></div><div class="card__body"><span class="title_xhac">Moke Smoke (React Native example)</span><p class="description_y_AQ">An application that helps you quit smoking, published in the App Store and Google. Developed with React Native</p><div class="techList_Nt0m"><span class="techListItem_MNXE">react</span><span class="techListItem_MNXE">rtk</span><span class="techListItem_MNXE">persist</span><span class="techListItem_MNXE">typescript</span><span class="techListItem_MNXE">firebase</span></div></div><div class="card__footer"><div class="button-group button-group--block"><a class="button button--small button--secondary button--block" href="https://dontsmoke.vasyl.site" target="_blank" rel="noreferrer noopener">Website</a><a class="button button--small button--secondary button--block" href="https://github.com/penteleichuk/Moke-Smoke" target="_blank" rel="noreferrer noopener">Source</a></div></div></article></article><article class="col col--4 margin-bottom--lg"><article class="card root_v5qN"><div class="card__image preview_MRaB"><div class="ribbon_JKNF">v2</div><div style="background-size:cover;background-repeat:no-repeat;position:relative;background-image:url(&quot;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAFCAYAAAB8ZH1oAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAY0lEQVR4nGWOWw7CQAwDe/+zAgW6S5LmMWi3qpCof2xLEyvL7b7yfG081jeZRURSVfxr2VpH1BARVA13n/kC7h70j9Bax2xHzTiOdXYRvYKZSUTMVZ9+ZKgfOFbGbwM+/dToX4BhxGwdRFovAAAAAElFTkSuQmCC&quot;)"><svg style="width:100%;height:auto;max-width:100%;margin-bottom:-4px" width="640" height="331"></svg><noscript><img style="width:100%;height:auto;max-width:100%;margin-bottom:-4px;position:absolute;top:0;left:0" src="/uz/assets/ideal-img/moonlogs.6c8da51.640.png" srcset="/uz/assets/ideal-img/moonlogs.6c8da51.640.png 640w,/uz/assets/ideal-img/moonlogs.bf1bb68.1030.png 1030w" alt="Moonlogs (Effector + Forest example)" width="640" height="331"></noscript></div></div><div class="card__body"><span class="title_xhac">Moonlogs (Effector + Forest example)</span><p class="description_y_AQ">Moonlogs is a business-event logging tool with a built-in user-friendly web interface for easy access to events</p><div class="techList_Nt0m"><span class="techListItem_MNXE">forest</span><span class="techListItem_MNXE">effector</span><span class="techListItem_MNXE">tailwind</span><span class="techListItem_MNXE">typescript</span><span class="techListItem_MNXE">go</span></div></div><div class="card__footer"><div class="button-group button-group--block"><a class="button button--small button--secondary button--block" href="https://github.com/pijng/moonlogs" target="_blank" rel="noreferrer noopener">Source</a></div></div></article></article><article class="col col--4 margin-bottom--lg"><article class="card root_v5qN"><div class="card__image preview_MRaB"><div class="ribbon_JKNF">v2</div><div style="background-size:cover;background-repeat:no-repeat;position:relative;background-image:url(&quot;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAHCAYAAAAxrNxjAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAxklEQVR4nCWPzU4DMQyE8/6Pw4UK9cCVS6tKPACHbgu03WTX+bGTwIeyHD5pbEszY/dyPLM7TOyO/+xPF/aniefD2J95evvg9f2KUy1kVcyUVpWiRtFCtYypsqxCb4YbIuWCxESMedMp6zaP2xwWJGWcSOTzsbJI2hxuXjZGkqTC9b6garh5nhl478k5U1RRVVJKhBC43R/EGHGrCNO3JyxCq4aXjF8z1YywRqaveevtzIzaf2m9k8t4xFCrm2trndp/6L3zB/m1CjKv8gkqAAAAAElFTkSuQmCC&quot;)"><svg style="width:100%;height:auto;max-width:100%;margin-bottom:-4px" width="640" height="479"></svg><noscript><img style="width:100%;height:auto;max-width:100%;margin-bottom:-4px;position:absolute;top:0;left:0" src="/uz/assets/ideal-img/react-query-example.774ff87.640.png" srcset="/uz/assets/ideal-img/react-query-example.774ff87.640.png 640w,/uz/assets/ideal-img/react-query-example.94414c9.816.png 816w" alt="Posts (React Query example)" width="640" height="479"></noscript></div></div><div class="card__body"><span class="title_xhac">Posts (React Query example)</span><p class="description_y_AQ">Example of using FSD with React Query (Mutation, Query, Pagination)</p><div class="techList_Nt0m"><span class="techListItem_MNXE">react</span><span class="techListItem_MNXE">react-query</span><span class="techListItem_MNXE">typescript</span><span class="techListItem_MNXE">material ui</span></div></div><div class="card__footer"><div class="button-group button-group--block"><a class="button button--small button--secondary button--block" href="https://fsd-react-query-example.vercel.app/" target="_blank" rel="noreferrer noopener">Website</a><a class="button button--small button--secondary button--block" href="https://github.com/ruslan4432013/fsd-react-query-example" target="_blank" rel="noreferrer noopener">Source</a></div></div></article></article><article class="col col--4 margin-bottom--lg"><article class="card root_v5qN"><div class="card__image preview_MRaB"><div class="ribbon_JKNF">v2</div><div style="background-size:cover;background-repeat:no-repeat;position:relative;background-image:url(&quot;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAFCAYAAAB8ZH1oAAAACXBIWXMAABJ0AAASdAHeZh94AAAAb0lEQVR4nG3OSQ7CMBBEUV8GgRhkt91uOw5DgiK4/4k+CsMiEYu3K32Vi8nwQdHckFSRWBaCZGqdcCefUOvxYngpn/FKiAW3OxwRLQz3B5fbRPqVFzrcZrtnrl7HJ10//C3OvkOlthG19r6xlu3MC/v1UKrA7p2wAAAAAElFTkSuQmCC&quot;)"><svg style="width:100%;height:auto;max-width:100%;margin-bottom:-4px" width="640" height="290"></svg><noscript><img style="width:100%;height:auto;max-width:100%;margin-bottom:-4px;position:absolute;top:0;left:0" src="/uz/assets/ideal-img/falkchat.39ad979.640.png" srcset="/uz/assets/ideal-img/falkchat.39ad979.640.png 640w,/uz/assets/ideal-img/falkchat.fcb09ea.1030.png 1030w" alt="FalkChat" width="640" height="290"></noscript></div></div><div class="card__body"><span class="title_xhac">FalkChat</span><p class="description_y_AQ">FalkChat is your go-to destination for seamless and engaging online conversations.</p><div class="techList_Nt0m"><span class="techListItem_MNXE">react</span><span class="techListItem_MNXE">next</span><span class="techListItem_MNXE">prettier</span><span class="techListItem_MNXE">clerk</span><span class="techListItem_MNXE">typescript</span><span class="techListItem_MNXE">tailwind</span><span class="techListItem_MNXE">shadcn/ui</span><span class="techListItem_MNXE">zustand</span></div></div><div class="card__footer"><div class="button-group button-group--block"><a class="button button--small button--secondary button--block" href="https://chat.falkomer.tech" target="_blank" rel="noreferrer noopener">Website</a><a class="button button--small button--secondary button--block" href="https://github.com/falkomerr/falkchat" target="_blank" rel="noreferrer noopener">Source</a></div></div></article></article><article class="col col--4 margin-bottom--lg"><article class="card root_v5qN"><div class="card__image preview_MRaB"><div class="ribbon_JKNF">v2</div><div style="background-size:cover;background-repeat:no-repeat;position:relative;background-image:url(&quot;data:image/jpeg;base64,/9j/2wBDAAYEBQYFBAYGBQYHBwYIChAKCgkJChQODwwQFxQYGBcUFhYaHSUfGhsjHBYWICwgIyYnKSopGR8tMC0oMCUoKSj/2wBDAQcHBwoIChMKChMoGhYaKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCj/wAARCAAGAAoDASIAAhEBAxEB/8QAFgABAQEAAAAAAAAAAAAAAAAAAAYI/8QAHhAAAgICAgMAAAAAAAAAAAAAAQIDBAAFESExUWH/xAAVAQEBAAAAAAAAAAAAAAAAAAABAv/EABgRAQADAQAAAAAAAAAAAAAAAAEAAhEh/9oADAMBAAIRAxEAPwDQO+1O5vbAPUtRQVlUhAliaNifoXr3lNGvEahuCwABPnGMA5Ksu5P/2Q==&quot;)"><svg style="width:100%;height:auto;max-width:100%;margin-bottom:-4px" width="640" height="366"></svg><noscript><img style="width:100%;height:auto;max-width:100%;margin-bottom:-4px;position:absolute;top:0;left:0" src="/uz/assets/ideal-img/polka.4ba359f.640.jpg" srcset="/uz/assets/ideal-img/polka.4ba359f.640.jpg 640w,/uz/assets/ideal-img/polka.9df2a2f.1030.jpg 1030w" alt="Polka" width="640" height="366"></noscript></div></div><div class="card__body"><span class="title_xhac">Polka</span><p class="description_y_AQ">The application is a bookshelf where you can add your favorite books. The application works with the Google Books API.</p><div class="techList_Nt0m"><span class="techListItem_MNXE">vue3</span><span class="techListItem_MNXE">pinia</span><span class="techListItem_MNXE">typescript</span><span class="techListItem_MNXE">vue-router</span><span class="techListItem_MNXE">eslint</span><span class="techListItem_MNXE">prettier</span><span class="techListItem_MNXE">vite</span><span class="techListItem_MNXE">vuetify</span></div></div><div class="card__footer"><div class="button-group button-group--block"><a class="button button--small button--secondary button--block" href="https://polka-fsd.netlify.app/" target="_blank" rel="noreferrer noopener">Website</a><a class="button button--small button--secondary button--block" href="https://github.com/lollipopfly/polka" target="_blank" rel="noreferrer noopener">Source</a></div></div></article></article><article class="col col--4 margin-bottom--lg"><article class="card root_v5qN"><div class="card__image preview_MRaB"><div class="ribbon_JKNF">v2</div><div style="background-size:cover;background-repeat:no-repeat;position:relative;background-image:url(&quot;data:image/jpeg;base64,/9j/2wBDAAYEBQYFBAYGBQYHBwYIChAKCgkJChQODwwQFxQYGBcUFhYaHSUfGhsjHBYWICwgIyYnKSopGR8tMC0oMCUoKSj/2wBDAQcHBwoIChMKChMoGhYaKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCj/wAARCAAHAAoDASIAAhEBAxEB/8QAFgABAQEAAAAAAAAAAAAAAAAAAAYH/8QAIBAAAgICAgIDAAAAAAAAAAAAAQIDBAARBTESIQYTYf/EABQBAQAAAAAAAAAAAAAAAAAAAAH/xAAVEQEBAAAAAAAAAAAAAAAAAAAAEf/aAAwDAQACEQMRAD8AzyjP8dj4qSlNfoSzFHb7peMkaUEqAF8vLWgejrv3+ZM2hx0lqZ0uxIrOSFSqwUDfQG/QxjGiP//Z&quot;)"><svg style="width:100%;height:auto;max-width:100%;margin-bottom:-4px" width="640" height="445"></svg><noscript><img style="width:100%;height:auto;max-width:100%;margin-bottom:-4px;position:absolute;top:0;left:0" src="/uz/assets/ideal-img/fake-cyber-web-store.e8fb321.640.jpg" srcset="/uz/assets/ideal-img/fake-cyber-web-store.e8fb321.640.jpg 640w,/uz/assets/ideal-img/fake-cyber-web-store.19be0d9.1030.jpg 1030w" alt="Fake Cyber Web Store" width="640" height="445"></noscript></div></div><div class="card__body"><span class="title_xhac">Fake Cyber Web Store</span><p class="description_y_AQ">Example web store on Vue3</p><div class="techList_Nt0m"><span class="techListItem_MNXE">vue3</span><span class="techListItem_MNXE">pinia</span><span class="techListItem_MNXE">typescript</span><span class="techListItem_MNXE">firebase</span><span class="techListItem_MNXE">vue-router</span><span class="techListItem_MNXE">eslint</span><span class="techListItem_MNXE">prettier</span><span class="techListItem_MNXE">vite</span></div></div><div class="card__footer"><div class="button-group button-group--block"><a class="button button--small button--secondary button--block" href="https://akosogorov.github.io/fake-cyber-web-store/" target="_blank" rel="noreferrer noopener">Website</a><a class="button button--small button--secondary button--block" href="https://github.com/AKosogorov/fake-cyber-web-store" target="_blank" rel="noreferrer noopener">Source</a></div></div></article></article><article class="col col--4 margin-bottom--lg"><article class="card root_v5qN"><div class="card__image preview_MRaB"><div class="ribbon_JKNF">v2</div><div style="background-size:cover;background-repeat:no-repeat;position:relative;background-image:url(&quot;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAGCAYAAAD68A/GAAAACXBIWXMAAAsTAAALEwEAmpwYAAAA1klEQVR4nCXKy0rDQBiA0ewFMVo6uWcaJ7+TiZRo0sQIWkRoRbxsuip1oztfwCdy4wu4E9/sc+FZH885RymWKIpJkowwjKhdjSlPSLOcOElRKsCzImidU502FKYkDAOsrRApMcZQVdV/NOLQueBKochmaG0YxxH/aErbDWhdICJ4By/fjItPvm5CftcfPLz9YK8bWklZXswpZgVNbfEmw4bhcseu07z2Tyz6LVerJe+bnu39GUPb8ry6xfODPe4e19TnDXromKt9jrVGRQH+4YQkjpgqxR8W8FySOwU2BwAAAABJRU5ErkJggg==&quot;)"><svg style="width:100%;height:auto;max-width:100%;margin-bottom:-4px" width="640" height="373"></svg><noscript><img style="width:100%;height:auto;max-width:100%;margin-bottom:-4px;position:absolute;top:0;left:0" src="/uz/assets/ideal-img/vkaudiopad.b2e6ff1.640.png" srcset="/uz/assets/ideal-img/vkaudiopad.b2e6ff1.640.png 640w,/uz/assets/ideal-img/vkaudiopad.2e724df.1030.png 1030w" alt="VK Audiopad" width="640" height="373"></noscript></div></div><div class="card__body"><span class="title_xhac">VK Audiopad</span><p class="description_y_AQ">Chrome extension for VK Music</p><div class="techList_Nt0m"><span class="techListItem_MNXE">react</span><span class="techListItem_MNXE">vkui</span><span class="techListItem_MNXE">typescript</span></div></div><div class="card__footer"><div class="button-group button-group--block"><a class="button button--small button--secondary button--block" href="https://chrome.google.com/webstore/detail/plclpmphdjmdgmdpfkcmdkmohgpfecip" target="_blank" rel="noreferrer noopener">Website</a><a class="button button--small button--secondary button--block" href="https://github.com/vissh/vkui-audiopad" target="_blank" rel="noreferrer noopener">Source</a></div></div></article></article><article class="col col--4 margin-bottom--lg"><article class="card root_v5qN"><div class="card__image preview_MRaB"><div class="ribbon_JKNF">v2</div><div style="background-size:cover;background-repeat:no-repeat;position:relative;background-image:url(&quot;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAFCAYAAAB8ZH1oAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAjElEQVR4nG2NPQrCQBhE93wewMIj2duLpxCsAl5AFLW1sDQkJGb3+8k+2RU7B4aBmYEXLg+huSeam3E4G8/Wgcw8Z3IuOROTEXbHnuX2ymozsFgP7E9Ckfn3+HPou44pvjFT2u6FiKBqSJpwN1ISzJwwxYiq1mKMI+6OmaGiFVu2kkHUMPd6yLlS/+oD81i++VZUEfgAAAAASUVORK5CYII=&quot;)"><svg style="width:100%;height:auto;max-width:100%;margin-bottom:-4px" width="640" height="299"></svg><noscript><img style="width:100%;height:auto;max-width:100%;margin-bottom:-4px;position:absolute;top:0;left:0" src="/uz/assets/ideal-img/cryptolight.eabc473.640.png" srcset="/uz/assets/ideal-img/cryptolight.eabc473.640.png 640w,/uz/assets/ideal-img/cryptolight.741f5ae.1030.png 1030w" alt="Сryptolight" width="640" height="299"></noscript></div></div><div class="card__body"><span class="title_xhac">Сryptolight</span><p class="description_y_AQ">Cryptocurrency review site based on Feature-Sliced Design (Architectural methodology for frontend projects).</p><div class="techList_Nt0m"><span class="techListItem_MNXE">react</span><span class="techListItem_MNXE">effector</span><span class="techListItem_MNXE">nextui</span><span class="techListItem_MNXE">typescript</span><span class="techListItem_MNXE">vite</span></div></div><div class="card__footer"><div class="button-group button-group--block"><a class="button button--small button--secondary button--block" href="http://crypto-light.space/" target="_blank" rel="noreferrer noopener">Website</a><a class="button button--small button--secondary button--block" href="https://github.com/Yar56/cryptolight" target="_blank" rel="noreferrer noopener">Source</a></div></div></article></article><article class="col col--4 margin-bottom--lg"><article class="card root_v5qN"><div class="card__image preview_MRaB"><div class="ribbon_JKNF">v2</div><div style="background-size:cover;background-repeat:no-repeat;position:relative;background-image:url(&quot;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAACXBIWXMAAAsTAAALEwEAmpwYAAABMUlEQVR4nCWQSU7DUBBEfQmQEk9/cAweg53vzEzBgkUkJrFALGARxB5xAbgAQnAPOOJD/lm01GqVquuVI6MGFY+RaoRQI3Q8QWlDKGvUYIKKGqQ2OIE4ILQzpO+m7LopO72EXj/BD4d4QYkXFDhC1VTmnDhZ0PdSNrcbnu9e6LkJhxdrbtsbpKhwdGRo23uKqrXC389v/r5+cL2MZr5mMV0jtsIxs8U1aXmK5xe8vz7y8faEH5ZkxYr9/JhQ1TiBrBDqAD8obBYdN0hV4fm5BdMDQ8dhYaKOOjL2tVCGLrfrpfbWNRCI4RbGTC7ZS5d4fkZdn7GfHVnHrFyR5CdI3eBIXdOeP5AWK+uynF2QD7s9Zzy/Yrq8sRGcrnA9mKDjmS18kBwSJ0uENmTlqXXV8ZR/dJ2b1OvCcEQAAAAASUVORK5CYII=&quot;)"><svg style="width:100%;height:auto;max-width:100%;margin-bottom:-4px" width="640" height="626"></svg><noscript><img style="width:100%;height:auto;max-width:100%;margin-bottom:-4px;position:absolute;top:0;left:0" src="/uz/assets/ideal-img/moneyflow.ec991f6.640.png" srcset="/uz/assets/ideal-img/moneyflow.ec991f6.640.png 640w,/uz/assets/ideal-img/moneyflow.f27bbad.1030.png 1030w" alt="Money Flow" width="640" height="626"></noscript></div></div><div class="card__body"><span class="title_xhac">Money Flow</span><p class="description_y_AQ">A mobile application for tracking your expenses and incomes.</p><div class="techList_Nt0m"><span class="techListItem_MNXE">capacitorjs</span><span class="techListItem_MNXE">react</span><span class="techListItem_MNXE">react-router</span><span class="techListItem_MNXE">zustand</span><span class="techListItem_MNXE">vite</span><span class="techListItem_MNXE">typescript</span><span class="techListItem_MNXE">mobile</span><span class="techListItem_MNXE">android</span><span class="techListItem_MNXE">ios</span></div></div><div class="card__footer"><div class="button-group button-group--block"><a class="button button--small button--secondary button--block" href="https://github.com/moneyflow-dev/moneyflow" target="_blank" rel="noreferrer noopener">Source</a></div></div></article></article><article class="col col--4 margin-bottom--lg"><article class="card root_v5qN"><div class="card__image preview_MRaB"><div class="ribbon_JKNF">v2</div><div style="background-size:cover;background-repeat:no-repeat;position:relative;background-image:url(&quot;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAFCAYAAAB8ZH1oAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAgUlEQVR4nEWOuwoCQQxF5/+xtNnSxs7PsF3wF2YEYZYpVtiVeSRHElEDedzkJjcBoPduCVWltebYarMxhufg8UOj90FKiRjjj/i1YI3/trDvL/dHKTy3DVXxuRNzzqQYqbUiInac+5Ip64qKOnbpy/nEdDxwm68ubz/agv0rRkR5A077wWNjtiUrAAAAAElFTkSuQmCC&quot;)"><svg style="width:100%;height:auto;max-width:100%;margin-bottom:-4px" width="640" height="321"></svg><noscript><img style="width:100%;height:auto;max-width:100%;margin-bottom:-4px;position:absolute;top:0;left:0" src="/uz/assets/ideal-img/e-commerce.a9cf87f.640.png" srcset="/uz/assets/ideal-img/e-commerce.a9cf87f.640.png 640w,/uz/assets/ideal-img/e-commerce.de058bd.1030.png 1030w" alt="E-Commerce" width="640" height="321"></noscript></div></div><div class="card__body"><span class="title_xhac">E-Commerce</span><p class="description_y_AQ">This project is an online store built using React. It provides the ability to view the product catalog and product pages</p><div class="techList_Nt0m"><span class="techListItem_MNXE">react</span><span class="techListItem_MNXE">mobx</span><span class="techListItem_MNXE">webpack</span><span class="techListItem_MNXE">typescript</span><span class="techListItem_MNXE">ssr</span></div></div><div class="card__footer"><div class="button-group button-group--block"><a class="button button--small button--secondary button--block" href="https://ruslan4432013.github.io/e-commerce-kts/" target="_blank" rel="noreferrer noopener">Website</a><a class="button button--small button--secondary button--block" href="https://github.com/ruslan4432013/e-commerce-kts" target="_blank" rel="noreferrer noopener">Source</a></div></div></article></article><article class="col col--4 margin-bottom--lg"><article class="card root_v5qN"><div class="card__image preview_MRaB"><div class="ribbon_JKNF">v2</div><div style="background-size:cover;background-repeat:no-repeat;position:relative;background-image:url(&quot;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAFCAYAAAB8ZH1oAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAkElEQVR4nFXOwQqCQBSFYd+6IFppo3ZnRiM3ShIZQVjZoojA3iurxR9aUV04cOB8i+uICCKacRiQZin7w5lLXTPPZ4S+j2hNaxytNXFk6Q9HLMsjnyvKE72BSxRZWtNBaw2u51Os1jT3B9fmRpYv8FSAMeYLu4iQJFOqake52RLHE7SW1/YH378opbq0/Xd7Arkoi+KchMB/AAAAAElFTkSuQmCC&quot;)"><svg style="width:100%;height:auto;max-width:100%;margin-bottom:-4px" width="640" height="312"></svg><noscript><img style="width:100%;height:auto;max-width:100%;margin-bottom:-4px;position:absolute;top:0;left:0" src="/uz/assets/ideal-img/todo-vue-pinia.0fbcdd9.640.png" srcset="/uz/assets/ideal-img/todo-vue-pinia.0fbcdd9.640.png 640w,/uz/assets/ideal-img/todo-vue-pinia.db151a8.1030.png 1030w" alt="Todo app (Vue 3 + Pinia)" width="640" height="312"></noscript></div></div><div class="card__body"><span class="title_xhac">Todo app (Vue 3 + Pinia)</span><p class="description_y_AQ">QuickStart todo-app example for Vue developers with pinia store</p><div class="techList_Nt0m"><span class="techListItem_MNXE">vue 3</span><span class="techListItem_MNXE">pinia</span><span class="techListItem_MNXE">vite</span><span class="techListItem_MNXE">typescript</span></div></div><div class="card__footer"><div class="button-group button-group--block"><a class="button button--small button--secondary button--block" href="https://fsd-tasks.netlify.app/" target="_blank" rel="noreferrer noopener">Website</a><a class="button button--small button--secondary button--block" href="https://github.com/hoach-linux/fsd-vue-antd" target="_blank" rel="noreferrer noopener">Source</a></div></div></article></article><article class="col col--4 margin-bottom--lg"><article class="card root_v5qN"><div class="card__image preview_MRaB"><div class="ribbon_JKNF">v2</div><div style="background-size:cover;background-repeat:no-repeat;position:relative;background-image:url(&quot;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAHCAYAAAAxrNxjAAAACXBIWXMAABJ0AAASdAHeZh94AAAAtklEQVR4nFWOwWoCQRBE59MFQT0a/0DY9Sh+hCGggeSUFTyLeBOjOz3dM/PCjBi0oKiiu7po13Yt8585RZuuYblfstqvql/sWtquqTs33o4ZbUZMPieV068ps+83ynywHjD8GFbvyBD6QLRIskTUu5oa7+sNx8OJApdy4vp7RYKgqgQNd5qipqSUyGRcSfe3Hi+ChIAUFSHGWJsecOTM5Xzh5nu89/8sR69BIIhgZrXlwfLSc/AP/FEAChfiHhAAAAAASUVORK5CYII=&quot;)"><svg style="width:100%;height:auto;max-width:100%;margin-bottom:-4px" width="640" height="427"></svg><noscript><img style="width:100%;height:auto;max-width:100%;margin-bottom:-4px;position:absolute;top:0;left:0" src="/uz/assets/ideal-img/conduit.f4d5ff9.640.png" srcset="/uz/assets/ideal-img/conduit.f4d5ff9.640.png 640w,/uz/assets/ideal-img/conduit.f876505.1030.png 1030w" alt="Conduit" width="640" height="427"></noscript></div></div><div class="card__body"><span class="title_xhac">Conduit</span><p class="description_y_AQ">A social blogging site powered by Feature-Sliced Design architectural methodology.</p><div class="techList_Nt0m"><span class="techListItem_MNXE">react</span><span class="techListItem_MNXE">react-router</span><span class="techListItem_MNXE">react-query</span><span class="techListItem_MNXE">zustand</span><span class="techListItem_MNXE">vite</span><span class="techListItem_MNXE">typescript</span></div></div><div class="card__footer"><div class="button-group button-group--block"><a class="button button--small button--secondary button--block" href="https://realworld-fsd.netlify.app/" target="_blank" rel="noreferrer noopener">Website</a><a class="button button--small button--secondary button--block" href="https://github.com/sldk-yuri/realworld-react-fsd" target="_blank" rel="noreferrer noopener">Source</a></div></div></article></article><article class="col col--4 margin-bottom--lg"><article class="card root_v5qN"><div class="card__image preview_MRaB"><div class="ribbon_JKNF">v2</div><div style="background-size:cover;background-repeat:no-repeat;position:relative;background-image:url(&quot;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAGCAYAAAD68A/GAAAACXBIWXMAAAsTAAALEwEAmpwYAAAA10lEQVR4nAXB606CYACAYbbGAj74kIOA4gIVGcrJMMaUf/3osLXVWlt2FV2BP7uTus6351E0QyCkz7VuogmJLmxU3UE1PK40GyuasaxalPMYoRkG63VOU7ZEaU1RHdl392x2I8nzA99/vyiXj4zTNiRbLanKhlm+Z6hWdEVGnWc8fZ35vPygvPcBm9hikZUk9UC4Hdj1I01/oigr7tpbkvyAEvsmbjDFDeYIe4p0Avw4JVwkOJ6H59pIV6LMDZWjL3h9PPD2MqCaEc7EQ8oJlptyE5YUy45/2+FVhPvR2VIAAAAASUVORK5CYII=&quot;)"><svg style="width:100%;height:auto;max-width:100%;margin-bottom:-4px" width="640" height="360"></svg><noscript><img style="width:100%;height:auto;max-width:100%;margin-bottom:-4px;position:absolute;top:0;left:0" src="/uz/assets/ideal-img/kinomore.53d816d.640.png" srcset="/uz/assets/ideal-img/kinomore.53d816d.640.png 640w,/uz/assets/ideal-img/kinomore.fca4c32.1030.png 1030w" alt="Kinomore (React+Effector)" width="640" height="360"></noscript></div></div><div class="card__body"><span class="title_xhac">Kinomore (React+Effector)</span><p class="description_y_AQ">Large project on the effector/fsd stack</p><div class="techList_Nt0m"><span class="techListItem_MNXE">react</span><span class="techListItem_MNXE">effector</span><span class="techListItem_MNXE">typescript</span><span class="techListItem_MNXE">nextjs</span><span class="techListItem_MNXE">react-testing-library</span></div></div><div class="card__footer"><div class="button-group button-group--block"><a class="button button--small button--secondary button--block" href="https://kinomore.netlify.app/" target="_blank" rel="noreferrer noopener">Website</a><a class="button button--small button--secondary button--block" href="https://github.com/Shiyan7/kinomore-v2" target="_blank" rel="noreferrer noopener">Source</a></div></div></article></article><article class="col col--4 margin-bottom--lg"><article class="card root_v5qN"><div class="card__image preview_MRaB"><div class="ribbon_JKNF">v2</div><div style="background-size:cover;background-repeat:no-repeat;position:relative;background-image:url(&quot;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAGCAYAAAD68A/GAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAnElEQVR4nE3OOw7CMBREUfZMz6KoaKgo2AFFRINAICGLxJ/3HDvYF8VIhGK6o5lZAYy5kqZCKYXBeVwQaq28S6HWWcCqwZTwogRRfFDimLCScTq1gh/0mnj2DudDiw2Rm1GuRrEyLVBiwgxf1Jo1Mjilt0Ic8wLnqRkMThBVHi/hePYcOs/FpP+Puf0LEslj5HRXNjvLetuz72KDHz325wCKvSmhAAAAAElFTkSuQmCC&quot;)"><svg style="width:100%;height:auto;max-width:100%;margin-bottom:-4px" width="640" height="360"></svg><noscript><img style="width:100%;height:auto;max-width:100%;margin-bottom:-4px;position:absolute;top:0;left:0" src="/uz/assets/ideal-img/sudoku.adbf6dd.640.png" srcset="/uz/assets/ideal-img/sudoku.adbf6dd.640.png 640w,/uz/assets/ideal-img/sudoku.dce19b5.1030.png 1030w" alt="Sudoku (React+Effector)" width="640" height="360"></noscript></div></div><div class="card__body"><span class="title_xhac">Sudoku (React+Effector)</span><p class="description_y_AQ">A simple crossword of numbers on effector / fsd</p><div class="techList_Nt0m"><span class="techListItem_MNXE">react</span><span class="techListItem_MNXE">effector</span><span class="techListItem_MNXE">typescript</span><span class="techListItem_MNXE">vite</span><span class="techListItem_MNXE">tailwind</span><span class="techListItem_MNXE">atomic-router</span></div></div><div class="card__footer"><div class="button-group button-group--block"><a class="button button--small button--secondary button--block" href="https://sudoku-effector.pages.dev/" target="_blank" rel="noreferrer noopener">Website</a><a class="button button--small button--secondary button--block" href="https://github.com/Shiyan7/sudoku-effector" target="_blank" rel="noreferrer noopener">Source</a></div></div></article></article><article class="col col--4 margin-bottom--lg"><article class="card root_v5qN"><div class="card__image preview_MRaB"><div class="ribbon_JKNF">v2</div><div style="background-size:cover;background-repeat:no-repeat;position:relative;background-image:url(&quot;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAGCAYAAAD68A/GAAAACXBIWXMAABYlAAAWJQFJUiTwAAAA4ElEQVR4nAXBS06DUABAUQZNGrB9hIKvASmkvvA3Uk2xKLSNqTGi6diBdWLiCvyNXIIjV+HMBbi36znaY7vjbfXJQ/hMPCpJnBMis6TaX3IZdLwWH7xk72ihmePJiKNlx8SfYeoStWiJihan73NR37Fu7tGEbpMM9qj9kJ5hEhiC27FiKBz0Xp9kYOEKD20RKn42c77VisBy+arO+K1OCYXDU5Xyt23ZqhTNdwts6SKEj3Qz5PgAwzIZyRhvohhKC8eeos2zjvxwzdSrOc5uKOMNyjsnj66YpdcoryFyG/4BLrxaqXjXb/UAAAAASUVORK5CYII=&quot;)"><svg style="width:100%;height:auto;max-width:100%;margin-bottom:-4px" width="640" height="396"></svg><noscript><img style="width:100%;height:auto;max-width:100%;margin-bottom:-4px;position:absolute;top:0;left:0" src="/uz/assets/ideal-img/nukeapp.a191248.640.png" srcset="/uz/assets/ideal-img/nukeapp.a191248.640.png 640w,/uz/assets/ideal-img/nukeapp.f8e32db.1030.png 1030w" alt="Nukeapp (React+ReduxToolkit)" width="640" height="396"></noscript></div></div><div class="card__body"><span class="title_xhac">Nukeapp (React+ReduxToolkit)</span><p class="description_y_AQ">Shopping app build on React/ReduxToolkit stack</p><div class="techList_Nt0m"><span class="techListItem_MNXE">react</span><span class="techListItem_MNXE">redux-toolkit</span><span class="techListItem_MNXE">typescript</span><span class="techListItem_MNXE">vite</span></div></div><div class="card__footer"><div class="button-group button-group--block"><a class="button button--small button--secondary button--block" href="https://nukeapp.netlify.app/" target="_blank" rel="noreferrer noopener">Website</a><a class="button button--small button--secondary button--block" href="https://github.com/noveogroup-amorgunov/nukeapp" target="_blank" rel="noreferrer noopener">Source</a></div></div></article></article><article class="col col--4 margin-bottom--lg"><article class="card root_v5qN"><div class="card__image preview_MRaB"><div class="ribbon_JKNF">v2</div><div style="background-size:cover;background-repeat:no-repeat;position:relative;background-image:url(&quot;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAFCAYAAAB8ZH1oAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAk0lEQVR4nGWMsQ7BUBiF+xqe0S5MHsCmxGQXi9Fg1JJIjCysvUPbtJUO5d77/58oBnGSk+8MJ18wP5QMNxcG6xOzfcE4SgnjjDDKWk7inOkuJwBQaXC2RlVQcT/9JvCiiIIqvLYTpXSCVRDvcckZV5q3sbV+aB6eUVJxtUBlkF4HXXb/j7VXtreGQoB7ja76cFzwBCkDuWJkHI3CAAAAAElFTkSuQmCC&quot;)"><svg style="width:100%;height:auto;max-width:100%;margin-bottom:-4px" width="640" height="314"></svg><noscript><img style="width:100%;height:auto;max-width:100%;margin-bottom:-4px;position:absolute;top:0;left:0" src="/uz/assets/ideal-img/greenhouse.2358c1a.640.png" srcset="/uz/assets/ideal-img/greenhouse.2358c1a.640.png 640w,/uz/assets/ideal-img/greenhouse.d85b70a.1030.png 1030w" alt="Simple Greenhouse App (React+MobX)" width="640" height="314"></noscript></div></div><div class="card__body"><span class="title_xhac">Simple Greenhouse App (React+MobX)</span><p class="description_y_AQ">Simple demonstration of how FSD can be implemented with TypeScript, React.js, MobX and Firebase</p><div class="techList_Nt0m"><span class="techListItem_MNXE">react</span><span class="techListItem_MNXE">mobx</span><span class="techListItem_MNXE">typescript</span><span class="techListItem_MNXE">firebase</span><span class="techListItem_MNXE">mui</span><span class="techListItem_MNXE">vite</span></div></div><div class="card__footer"><div class="button-group button-group--block"><a class="button button--small button--secondary button--block" href="https://github.com/NIRumiantsev/feature-sliced-design" target="_blank" rel="noreferrer noopener">Source</a></div></div></article></article><article class="col col--4 margin-bottom--lg"><article class="card root_v5qN"><div class="card__image preview_MRaB"><div class="ribbon_JKNF">v2</div><div style="background-size:cover;background-repeat:no-repeat;position:relative;background-image:url(&quot;data:image/png;base64,/9j/2wBDAAYEBQYFBAYGBQYHBwYIChAKCgkJChQODwwQFxQYGBcUFhYaHSUfGhsjHBYWICwgIyYnKSopGR8tMC0oMCUoKSj/2wBDAQcHBwoIChMKChMoGhYaKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCj/wAARCAAHAAoDASIAAhEBAxEB/8QAFQABAQAAAAAAAAAAAAAAAAAAAAf/xAAiEAABBAECBwAAAAAAAAAAAAABAAIDBQQGBxESITVBkdL/xAAUAQEAAAAAAAAAAAAAAAAAAAAA/8QAFBEBAAAAAAAAAAAAAAAAAAAAAP/aAAwDAQACEQMRAD8AvurqyW70nZ1ePLHFLmY74WvkB5Wk+Tw6qFjYW8I7xUepflEQf//Z&quot;)"><svg style="width:100%;height:auto;max-width:100%;margin-bottom:-4px" width="640" height="462"></svg><noscript><img style="width:100%;height:auto;max-width:100%;margin-bottom:-4px;position:absolute;top:0;left:0" src="/uz/assets/ideal-img/fs-rn-todo-app.efe4008.640.png" srcset="/uz/assets/ideal-img/fs-rn-todo-app.efe4008.640.png 640w,/uz/assets/ideal-img/fs-rn-todo-app.19be902.1030.png 1030w" alt="Todo App (ReactNative+Redux)" width="640" height="462"></noscript></div></div><div class="card__body"><span class="title_xhac">Todo App (ReactNative+Redux)</span><p class="description_y_AQ">QuickStart todo-app example for ReactNative(Expo) developers</p><div class="techList_Nt0m"><span class="techListItem_MNXE">react-native</span><span class="techListItem_MNXE">expo</span><span class="techListItem_MNXE">redux</span></div></div><div class="card__footer"><div class="button-group button-group--block"><a class="button button--small button--secondary button--block" href="https://github.com/berdimyradov/fs-rn-todo-app" target="_blank" rel="noreferrer noopener">Source</a></div></div></article></article><article class="col col--4 margin-bottom--lg"><article class="card root_v5qN"><div class="card__image preview_MRaB"><div class="ribbon_JKNF">v2</div><div style="background-size:cover;background-repeat:no-repeat;position:relative;background-image:url(&quot;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAGCAYAAAD68A/GAAAACXBIWXMAABJ0AAASdAHeZh94AAAA2ElEQVR4nEXKy0rDQABA0fyHGyVtTWeSzEyaJiTUmAR89rEQFK0m5BuEqqBF/E1xr4hr0c1c0Y1nfZw4L2ycF6gkpyc1rtAIk6DGGTqdUE876vkcZ+gruy0CkjSnXV7RtR3Fbk3fkwgdsThrODxa4Pgqslt9j+biks/nF3h9Y31zx8amix4l7J2cU81O/2O7bLDvH/D1zeP9+i+GZkxaHRCX+zgyNHYgAoqi4uF6xdPqlunxjJ4n8VVElJWYrMQRgbYyNPxm1zcM1Ij+0EcGGhFoVDJBpTv8ADojbmp+UdkUAAAAAElFTkSuQmCC&quot;)"><svg style="width:100%;height:auto;max-width:100%;margin-bottom:-4px" width="640" height="360"></svg><noscript><img style="width:100%;height:auto;max-width:100%;margin-bottom:-4px;position:absolute;top:0;left:0" src="/uz/assets/ideal-img/rastrr-editor.9ad239d.640.png" srcset="/uz/assets/ideal-img/rastrr-editor.9ad239d.640.png 640w,/uz/assets/ideal-img/rastrr-editor.4ac8d84.1030.png 1030w" alt="Rastrr" width="640" height="360"></noscript></div></div><div class="card__body"><span class="title_xhac">Rastrr</span><p class="description_y_AQ">A simple and free graphic editor for novice artists</p><div class="techList_Nt0m"><span class="techListItem_MNXE">svelte</span></div></div><div class="card__footer"><div class="button-group button-group--block"><a class="button button--small button--secondary button--block" href="https://rastrr.ru" target="_blank" rel="noreferrer noopener">Website</a><a class="button button--small button--secondary button--block" href="https://github.com/rastrr-editor/client" target="_blank" rel="noreferrer noopener">Source</a></div></div></article></article><article class="col col--4 margin-bottom--lg"><article class="card root_v5qN"><div class="card__image preview_MRaB"><div class="ribbon_JKNF">v2</div><div style="background-size:cover;background-repeat:no-repeat;position:relative;background-image:url(&quot;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAGCAYAAAD68A/GAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAlklEQVR4nFWOuw7CMAxF++1M7Cx8DgMSIITYQWwg0TRh6CtNneSghBbBlezh+vjaBYC1FqVULuccvR1o2p4QQhpnFalprfHe49yAqjT3x5PL9UbddhmKcQKNMRkuy5K6aaj0i0ob4jdvAmOMiAgh+Gymk8n7VQZniQREfH5jFP+fOC92vbBY7dkdTmy2Z5brI70dPz8Cb+qV54GITsVPAAAAAElFTkSuQmCC&quot;)"><svg style="width:100%;height:auto;max-width:100%;margin-bottom:-4px" width="640" height="413"></svg><noscript><img style="width:100%;height:auto;max-width:100%;margin-bottom:-4px;position:absolute;top:0;left:0" src="/uz/assets/ideal-img/draw-ill-help.032419e.640.png" srcset="/uz/assets/ideal-img/draw-ill-help.032419e.640.png 640w,/uz/assets/ideal-img/draw-ill-help.fd1ae96.795.png 795w" alt="Draw, I&#x27;ll Help" width="640" height="413"></noscript></div></div><div class="card__body"><span class="title_xhac">Draw, I&#x27;ll Help</span><p class="description_y_AQ">A drawing app with shape correction powered by ML</p><div class="techList_Nt0m"><span class="techListItem_MNXE">svelte</span></div></div><div class="card__footer"><div class="button-group button-group--block"><a class="button button--small button--secondary button--block" href="https://illright.github.io/draw-ill-help/" target="_blank" rel="noreferrer noopener">Website</a><a class="button button--small button--secondary button--block" href="https://github.com/illright/draw-ill-help" target="_blank" rel="noreferrer noopener">Source</a></div></div></article></article><article class="col col--4 margin-bottom--lg"><article class="card root_v5qN"><div class="card__image preview_MRaB"><div class="ribbon_JKNF">v2</div><div style="background-size:cover;background-repeat:no-repeat;position:relative;background-image:url(&quot;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAGCAYAAAD68A/GAAAACXBIWXMAABYlAAAWJQFJUiTwAAAA5klEQVR4nAXBwU6CAACAYd7Cc602xUuIIYFhiYigUWSZONdQ2yyGZhm1Zpkc2jpZhw6tJ+gt/75PiKIHyqaPWKyz/vrBbQVkNkuE4znBIMa7GFF1uwhnnRGibJFXGqTvaxonfbJFi2A44/P7l790RZK8IQSXN+iGTUGzie6WKMYx6r7HVfTEZP7C8nlFL4wRwjDmwGxSLDtMkxTNaiPpTca3C5zTIXZ7QMXpImRlk8yWyo7WJLp/RTI8RKXO9WyBWu2wkbcp6EcItVafnGyxVztnvvigdOiT27WZPKZUnB7bko+kuvwDBm12q0q6hT4AAAAASUVORK5CYII=&quot;)"><svg style="width:100%;height:auto;max-width:100%;margin-bottom:-4px" width="640" height="398"></svg><noscript><img style="width:100%;height:auto;max-width:100%;margin-bottom:-4px;position:absolute;top:0;left:0" src="/uz/assets/ideal-img/cast.2d78953.640.png" srcset="/uz/assets/ideal-img/cast.2d78953.640.png 640w,/uz/assets/ideal-img/cast.f813960.1030.png 1030w" alt="Cast" width="640" height="398"></noscript></div></div><div class="card__body"><span class="title_xhac">Cast</span><p class="description_y_AQ">A podcast listening PWA with automated quality assurance</p><div class="techList_Nt0m"><span class="techListItem_MNXE">svelte</span></div></div><div class="card__footer"><div class="button-group button-group--block"><a class="button button--small button--secondary button--block" href="https://cast-iu.pages.dev/" target="_blank" rel="noreferrer noopener">Website</a><a class="button button--small button--secondary button--block" href="https://github.com/aabounegm/cast" target="_blank" rel="noreferrer noopener">Source</a></div></div></article></article><article class="col col--4 margin-bottom--lg"><article class="card root_v5qN"><div class="card__image preview_MRaB"><div class="ribbon_JKNF">v2</div><div style="background-size:cover;background-repeat:no-repeat;position:relative;background-image:url(&quot;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAICAYAAADA+m62AAAACXBIWXMAAA7DAAAOwwHHb6hkAAAAsUlEQVR4nHVPXQuCQBC8n9prv6h/EQQ91pPQQyCUpU+ZVnd+dGfqIYRmN3FnCPYxsMzu7CzDEsYYdB2OAWzHxWbnYb31YNl7BGEIxigopSBRFEMIAc45gtMFXNzgngWWTmi0LMuQJAmIlBIaSj0NS99C4c7fmjKc5zlIVVVm0GibB67TMYrZCG1T9/rQqBT0fe0vUKwmaO9d0pexC+m47/9Ff2Jg1J/ph8qy/Fl6l6YpXhcMMAYFFnR9AAAAAElFTkSuQmCC&quot;)"><svg style="width:100%;height:auto;max-width:100%;margin-bottom:-4px" width="640" height="507"></svg><noscript><img style="width:100%;height:auto;max-width:100%;margin-bottom:-4px;position:absolute;top:0;left:0" src="/uz/assets/ideal-img/loripsum-generator.d367419.640.png" srcset="/uz/assets/ideal-img/loripsum-generator.d367419.640.png 640w,/uz/assets/ideal-img/loripsum-generator.4188839.949.png 949w" alt="Loripsum generator" width="640" height="507"></noscript></div></div><div class="card__body"><span class="title_xhac">Loripsum generator</span><p class="description_y_AQ">Simple fish text generator</p><div class="techList_Nt0m"><span class="techListItem_MNXE">react</span><span class="techListItem_MNXE">effector</span></div></div><div class="card__footer"><div class="button-group button-group--block"><a class="button button--small button--secondary button--block" href="https://loripsum-generator.vercel.app" target="_blank" rel="noreferrer noopener">Website</a><a class="button button--small button--secondary button--block" href="https://github.com/yesnoruly/loripsum-generator" target="_blank" rel="noreferrer noopener">Source</a></div></div></article></article><article class="col col--4 margin-bottom--lg"><article class="card root_v5qN"><div class="card__image preview_MRaB"><div class="ribbon_JKNF">v2</div><div style="background-size:cover;background-repeat:no-repeat;position:relative;background-image:url(&quot;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAGCAIAAAB1kpiRAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAnElEQVR4nF3JuwrCMBQA0HyVg4IOIhZEUSj9AdFZtK72K+2L9EHBUaGmed8k0urkWQ8CACGlcw4ApFSEUNIxTtmbdJRyJKTSYIztQdsyrpjQ3avlQjOhER8ejDXWAHtWdZWmSZYk9zguyhIp1a8bWEGj6LbzN36wXa29c3hC3/i1tZdrOF9OF95sPBkdjvv/rptHhoscF2mOy7r5AAf2maewMqkpAAAAAElFTkSuQmCC&quot;)"><svg style="width:100%;height:auto;max-width:100%;margin-bottom:-4px" width="640" height="360"></svg><noscript><img style="width:100%;height:auto;max-width:100%;margin-bottom:-4px;position:absolute;top:0;left:0" src="/uz/assets/ideal-img/projentry.de287b8.640.png" srcset="/uz/assets/ideal-img/projentry.de287b8.640.png 640w,/uz/assets/ideal-img/projentry.d85bc5e.1030.png 1030w" alt="Projentry (demo)" width="640" height="360"></noscript></div></div><div class="card__body"><span class="title_xhac">Projentry (demo)</span><p class="description_y_AQ">Assistant for your projects</p><div class="techList_Nt0m"><span class="techListItem_MNXE">react</span><span class="techListItem_MNXE">antd</span></div></div><div class="card__footer"><div class="button-group button-group--block"><a class="button button--small button--secondary button--block" href="https://projentry.netlify.app/" target="_blank" rel="noreferrer noopener">Website</a><a class="button button--small button--secondary button--block" href="https://github.com/ani-team/projentry" target="_blank" rel="noreferrer noopener">Source</a></div></div></article></article><article class="col col--4 margin-bottom--lg"><article class="card root_v5qN"><div class="card__image preview_MRaB"><div class="ribbon_JKNF">v2</div><div style="background-size:cover;background-repeat:no-repeat;position:relative;background-image:url(&quot;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAGCAIAAAB1kpiRAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAdklEQVR4nCWNQQ6EMAwD+f8rF64rbYGWponjZNXi22hkeyNpZhFB0gFRL50i4xGD+xYR913V4AwAal4knZERmTn1Zz+Gaq4M1at1c8I5dWb23knGGzphNseWXu39kcE5yP2Hb4UNmTh1RikngJf70HJerdVY33/lW6+qu2B+5AAAAABJRU5ErkJggg==&quot;)"><svg style="width:100%;height:auto;max-width:100%;margin-bottom:-4px" width="640" height="360"></svg><noscript><img style="width:100%;height:auto;max-width:100%;margin-bottom:-4px;position:absolute;top:0;left:0" src="/uz/assets/ideal-img/sharead.b0f4725.640.png" srcset="/uz/assets/ideal-img/sharead.b0f4725.640.png 640w,/uz/assets/ideal-img/sharead.c179800.1030.png 1030w" alt="Sharead (demo)" width="640" height="360"></noscript></div></div><div class="card__body"><span class="title_xhac">Sharead (demo)</span><p class="description_y_AQ">Book Marketplace</p><div class="techList_Nt0m"><span class="techListItem_MNXE">react</span><span class="techListItem_MNXE">effector</span><span class="techListItem_MNXE">antd</span></div></div><div class="card__footer"><div class="button-group button-group--block"><a class="button button--small button--secondary button--block" href="https://dev-sharead.netlify.app/" target="_blank" rel="noreferrer noopener">Website</a><a class="button button--small button--secondary button--block" href="https://github.com/select-name/sharead-frontend" target="_blank" rel="noreferrer noopener">Source</a></div></div></article></article><article class="col col--4 margin-bottom--lg"><article class="card root_v5qN"><div class="card__image preview_MRaB"><div class="ribbon_JKNF">v2</div><div style="background-size:cover;background-repeat:no-repeat;position:relative;background-image:url(&quot;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAFCAIAAADzBuo/AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAgklEQVR4nGP4DwN//vz58ePHnz9/4CL///9ngLM+f/785fPnv////fr4+fW89U/nr//x/iNM+t+/71+//vjy9f///0+zWp5Yxl6wjbuaXIuQ/vHt+/cvX3/+//+0fdbLuJpbMVV32mYiDP/06dO7t28/f/3y+cnzh9GVV0NLvj59CQD68oUMUGcwrwAAAABJRU5ErkJggg==&quot;)"><svg style="width:100%;height:auto;max-width:100%;margin-bottom:-4px" width="640" height="348"></svg><noscript><img style="width:100%;height:auto;max-width:100%;margin-bottom:-4px;position:absolute;top:0;left:0" src="/uz/assets/ideal-img/todo-app-angular.05f9a25.640.png" srcset="/uz/assets/ideal-img/todo-app-angular.05f9a25.640.png 640w,/uz/assets/ideal-img/todo-app-angular.73d76af.1030.png 1030w" alt="Todo App (Angular 13)" width="640" height="348"></noscript></div></div><div class="card__body"><span class="title_xhac">Todo App (Angular 13)</span><p class="description_y_AQ">QuickStart todo-app example for Angular developers</p><div class="techList_Nt0m"><span class="techListItem_MNXE">angular</span><span class="techListItem_MNXE">rxjs</span></div></div><div class="card__footer"><div class="button-group button-group--block"><a class="button button--small button--secondary button--block" href="https://angular-feature-sliced-architecture.netlify.app/" target="_blank" rel="noreferrer noopener">Website</a><a class="button button--small button--secondary button--block" href="https://github.com/Affiction/angular-feature-sliced" target="_blank" rel="noreferrer noopener">Source</a></div></div></article></article><article class="col col--4 margin-bottom--lg"><article class="card root_v5qN"><div class="card__image preview_MRaB"><div class="ribbon_JKNF">v2</div><div style="background-size:cover;background-repeat:no-repeat;position:relative;background-image:url(&quot;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAFCAIAAADzBuo/AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAjUlEQVR4nB3CTQ4BQRAG0L6d2Fq5yETiBBKnsMMhJMQRRMLWTyQMY1R3ddVXNS28vNBS+kSmyDHx7UlNS5otC35ZA7EqzGCAwczNr+/6/mzqujm9HoGSxAzOEAFnLVYWx21vXPVH1eywDsRI4gqHuZqbdeh8uJwO5hPuENookTWL8n/MUqxszvvVZVdQvh2liN/jkShXAAAAAElFTkSuQmCC&quot;)"><svg style="width:100%;height:auto;max-width:100%;margin-bottom:-4px" width="640" height="348"></svg><noscript><img style="width:100%;height:auto;max-width:100%;margin-bottom:-4px;position:absolute;top:0;left:0" src="/uz/assets/ideal-img/todo-app-vue.35dda32.640.png" srcset="/uz/assets/ideal-img/todo-app-vue.35dda32.640.png 640w,/uz/assets/ideal-img/todo-app-vue.752b5ca.1030.png 1030w" alt="Todo App (Vue 3)" width="640" height="348"></noscript></div></div><div class="card__body"><span class="title_xhac">Todo App (Vue 3)</span><p class="description_y_AQ">QuickStart todo-app example for Vue developers</p><div class="techList_Nt0m"><span class="techListItem_MNXE">vue</span><span class="techListItem_MNXE">vuex</span><span class="techListItem_MNXE">antd</span></div></div><div class="card__footer"><div class="button-group button-group--block"><a class="button button--small button--secondary button--block" href="https://github.com/EliseyMartynov/fs-vue" target="_blank" rel="noreferrer noopener">Source</a></div></div></article></article><article class="col col--4 margin-bottom--lg"><article class="card root_v5qN"><div class="card__image preview_MRaB"><div class="ribbon_JKNF">v2</div><div style="background-size:cover;background-repeat:no-repeat;position:relative;background-image:url(&quot;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAFCAIAAADzBuo/AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAgElEQVR4nB3GOwrCQBQF0Fm8G3EBKjb2Nml0AWJhiIUfBAkz73/foBA4xSmVpLESK4u+vjRXIlEWY9FKUkgjkIkEEtmxXAOGDGQhcTaowR3mQODDvn+07Ti/qxZSiPdAR/bI/uv9Vn19p9XmchymUtlZwzx0YR7N4vRsu8P1PEx/Y7uNMbvMtEcAAAAASUVORK5CYII=&quot;)"><svg style="width:100%;height:auto;max-width:100%;margin-bottom:-4px" width="640" height="348"></svg><noscript><img style="width:100%;height:auto;max-width:100%;margin-bottom:-4px;position:absolute;top:0;left:0" src="/uz/assets/ideal-img/todo-app-react-redux.34636b9.640.png" srcset="/uz/assets/ideal-img/todo-app-react-redux.34636b9.640.png 640w,/uz/assets/ideal-img/todo-app-react-redux.91678c5.1030.png 1030w" alt="Todo App (React+Redux)" width="640" height="348"></noscript></div></div><div class="card__body"><span class="title_xhac">Todo App (React+Redux)</span><p class="description_y_AQ">QuickStart todo-app example for React developers (Redux version)</p><div class="techList_Nt0m"><span class="techListItem_MNXE">react</span><span class="techListItem_MNXE">redux</span><span class="techListItem_MNXE">antd</span></div></div><div class="card__footer"><div class="button-group button-group--block"><a class="button button--small button--secondary button--block" href="https://github.com/EliseyMartynov/fs-rtk" target="_blank" rel="noreferrer noopener">Source</a></div></div></article></article><article class="col col--4 margin-bottom--lg"><article class="card root_v5qN"><div class="card__image preview_MRaB"><div class="ribbon_JKNF">v2</div><div style="background-size:cover;background-repeat:no-repeat;position:relative;background-image:url(&quot;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAFCAIAAADzBuo/AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAgElEQVR4nB3GOwrCQBQF0Fmfm3ItLkGwt1ZMo52QLmAwoDLz/vcNEQKnOKWSNFZiZdH5Q79KJMZiwtpICmkEMpFAIju2a6TkishC4mxQgzvMgcDCfpzqaXzN5IUU4j3QkT2yrz1HwuH5vu130+NcKjtrmIduzKOpXxcZ7sN3vPwBVmeNDga/n9QAAAAASUVORK5CYII=&quot;)"><svg style="width:100%;height:auto;max-width:100%;margin-bottom:-4px" width="640" height="348"></svg><noscript><img style="width:100%;height:auto;max-width:100%;margin-bottom:-4px;position:absolute;top:0;left:0" src="/uz/assets/ideal-img/todo-app-react-effector.cfe95f6.640.png" srcset="/uz/assets/ideal-img/todo-app-react-effector.cfe95f6.640.png 640w,/uz/assets/ideal-img/todo-app-react-effector.155b845.1030.png 1030w" alt="Todo App (React+Effector)" width="640" height="348"></noscript></div></div><div class="card__body"><span class="title_xhac">Todo App (React+Effector)</span><p class="description_y_AQ">QuickStart todo-app example for React developers (Effector version)</p><div class="techList_Nt0m"><span class="techListItem_MNXE">react</span><span class="techListItem_MNXE">effector</span><span class="techListItem_MNXE">antd</span></div></div><div class="card__footer"><div class="button-group button-group--block"><a class="button button--small button--secondary button--block" href="https://7b64m.csb.app/" target="_blank" rel="noreferrer noopener">Website</a><a class="button button--small button--secondary button--block" href="https://github.com/feature-sliced/examples/tree/master/todo-app" target="_blank" rel="noreferrer noopener">Source</a></div></div></article></article><article class="col col--4 margin-bottom--lg"><article class="card root_v5qN"><div class="card__image preview_MRaB"><div class="ribbon_JKNF">v2</div><div style="background-size:cover;background-repeat:no-repeat;position:relative;background-image:url(&quot;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAGCAIAAAB1kpiRAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAn0lEQVR4nDXBwQrCMAwA0P7/QdSiwmD3fY5MBhMUFdE1aedl6zqzJvHke6Ysy93+YO1u/7fZ2tXaFkVRVZVRVeFMKYmIiqjKuIhLQqo5syEij3i9XByAc+CcG4YhpnlKc4yTYeaue7dtiz44APQhxpiXheib0mxY8vv5OTf30AdEj97HOBFRzllEjIi+HremPob+A4gAMI4jMyP6+tT8AAIgnuz02zq5AAAAAElFTkSuQmCC&quot;)"><svg style="width:100%;height:auto;max-width:100%;margin-bottom:-4px" width="640" height="360"></svg><noscript><img style="width:100%;height:auto;max-width:100%;margin-bottom:-4px;position:absolute;top:0;left:0" src="/uz/assets/ideal-img/github-client.fe390ad.640.png" srcset="/uz/assets/ideal-img/github-client.fe390ad.640.png 640w,/uz/assets/ideal-img/github-client.aa0edb7.1030.png 1030w" alt="Github Client" width="640" height="360"></noscript></div></div><div class="card__body"><span class="title_xhac">Github Client</span><p class="description_y_AQ">React &amp; GraphQL powered github web-client</p><div class="techList_Nt0m"><span class="techListItem_MNXE">react</span><span class="techListItem_MNXE">graphql</span><span class="techListItem_MNXE">antd</span></div></div><div class="card__footer"><div class="button-group button-group--block"><a class="button button--small button--secondary button--block" href="https://github.com/ani-team/github-client/tree/workshop/feature-sliced-next" target="_blank" rel="noreferrer noopener">Source</a></div></div></article></article><article class="col col--4 margin-bottom--lg"><article class="card root_v5qN"><div class="card__image preview_MRaB"><div class="ribbon_JKNF">v2</div><div style="background-size:cover;background-repeat:no-repeat;position:relative;background-image:url(&quot;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAGCAIAAAB1kpiRAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAgklEQVR4nD2OwQoCMQxE9/9/T6+CgqJVhKTbJpkm20p3wXcb3gzMkl7l88YWEe4RMXbC+/dLpdhyuz7Pp8tjck8pjTF67+49vG/bWFSFiZiyiMJQSl3zamYAImKpVTKvplBRKJiYKe/RWvOpmRgGGJrNkql584Y211KFiFX0EMe1Pz+Oia0hqYR1vAAAAABJRU5ErkJggg==&quot;)"><svg style="width:100%;height:auto;max-width:100%;margin-bottom:-4px" width="640" height="360"></svg><noscript><img style="width:100%;height:auto;max-width:100%;margin-bottom:-4px;position:absolute;top:0;left:0" src="/uz/assets/ideal-img/cardbox.7993374.640.png" srcset="/uz/assets/ideal-img/cardbox.7993374.640.png 640w,/uz/assets/ideal-img/cardbox.943b121.1030.png 1030w" alt="Cardbox" width="640" height="360"></noscript></div></div><div class="card__body"><span class="title_xhac">Cardbox</span><p class="description_y_AQ">The best solutions from developers in one place</p><div class="techList_Nt0m"><span class="techListItem_MNXE">react</span><span class="techListItem_MNXE">effector</span></div></div><div class="card__footer"><div class="button-group button-group--block"><a class="button button--small button--secondary button--block" href="https://github.com/cardbox/frontend" target="_blank" rel="noreferrer noopener">Source</a></div></div></article></article></div></div></section></main></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Spetsifikatsiya</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/uz/docs">Hujjatlar</a></li><li class="footer__item"><a class="footer__link-item" href="/uz/community">Jamiyat</a></li><li class="footer__item"><a class="footer__link-item" href="/uz/nav">Yordam</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Munozaralar<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Jamiyat</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Yana</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">Litsenziya<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/uz/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/uz/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
diff --git a/uz/index.html b/uz/index.html
index 47a3d15527..c89db31b48 100644
--- a/uz/index.html
+++ b/uz/index.html
@@ -9,8 +9,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/uz/opensearch.xml"><link rel="stylesheet" href="/uz/assets/css/styles.6a4ac441.css">
-<script src="/uz/assets/js/runtime~main.a1b42f8f.js" defer="defer"></script>
-<script src="/uz/assets/js/main.ef087bb6.js" defer="defer"></script>
+<script src="/uz/assets/js/runtime~main.d90f1c87.js" defer="defer"></script>
+<script src="/uz/assets/js/main.b67529a2.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Asosiy tarkibga o&#x27;tish"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">Asosiy tarkibga o&#x27;tish</a></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/uz/"><div class="navbar__logo"><img src="/uz/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/uz/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a class="navbar__item navbar__link" href="/uz/docs">📖 Hujjatlar</a><a class="navbar__item navbar__link" href="/uz/community">💫 Jamiyat</a><a class="navbar__item navbar__link" href="/uz/blog">📝 Blog</a><a class="navbar__item navbar__link" href="/uz/examples">🛠 Namunalar</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/uz/docs">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a class="dropdown__link" href="/uz/docs">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/uz/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>O&#x27;zbekcha</a><ul class="dropdown__menu"><li><a href="/ru/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ru">Русский</a></li><li><a href="/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/uz/" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="kr">한국어</a></li><li><a href="/ja/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><header class="hero hero--primary heroBanner_PbTQ"><div class="container"><h1 class="hero__title">Feature-Sliced Design</h1><p class="hero__subtitle">Front-end loyihalari uchun arxitektura metodologiyasi</p><div class="button-group"><a class="button button--primary button--lg" href="/uz/docs">Tanishib chiqish</a><a class="button button--secondary button--lg" href="/uz/examples">Namunalar</a></div><div class="margin-top--md"><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="link_Ogy3">Oldingi versiya<!-- --> <!-- -->(feature-slices@v1)</a></div></div></header><main><section id="afzalliklari" class="section_o6sW"><div class="container"><h2 class="title_v0wz">Afzalliklari</h2><div class="row"><div class="col col--3"><div class="text--center"><span role="img" aria-label="eye" alt="Aniq biznes mantiq" class="anticon anticon-eye icon_zeNy"><svg viewBox="64 64 896 896" focusable="false" data-icon="eye" width="1em" height="1em" fill="currentColor" aria-hidden="true"><path d="M942.2 486.2C847.4 286.5 704.1 186 512 186c-192.2 0-335.4 100.5-430.2 300.3a60.3 60.3 0 000 51.5C176.6 737.5 319.9 838 512 838c192.2 0 335.4-100.5 430.2-300.3 7.7-16.2 7.7-35 0-51.5zM512 766c-161.3 0-279.4-81.8-362.7-254C232.6 339.8 350.7 258 512 258c161.3 0 279.4 81.8 362.7 254C791.5 684.2 673.4 766 512 766zm-4-430c-97.2 0-176 78.8-176 176s78.8 176 176 176 176-78.8 176-176-78.8-176-176-176zm0 288c-61.9 0-112-50.1-112-112s50.1-112 112-112 112 50.1 112 112-50.1 112-112 112z"></path></svg></span></div><div class="text--center padding-horiz--md"><h3>Aniq biznes mantiq</h3><p>Arxitekturani o&#x27;rganish oson, chunki u domen modullaridan iborat</p></div></div><div class="col col--3"><div class="text--center"><span role="img" aria-label="login" alt="Moslashuvchanlik" class="anticon anticon-login icon_zeNy"><svg viewBox="64 64 896 896" focusable="false" data-icon="login" width="1em" height="1em" fill="currentColor" aria-hidden="true"><defs><style></style></defs><path d="M521.7 82c-152.5-.4-286.7 78.5-363.4 197.7-3.4 5.3.4 12.3 6.7 12.3h70.3c4.8 0 9.3-2.1 12.3-5.8 7-8.5 14.5-16.7 22.4-24.5 32.6-32.5 70.5-58.1 112.7-75.9 43.6-18.4 90-27.8 137.9-27.8 47.9 0 94.3 9.3 137.9 27.8 42.2 17.8 80.1 43.4 112.7 75.9 32.6 32.5 58.1 70.4 76 112.5C865.7 417.8 875 464.1 875 512c0 47.9-9.4 94.2-27.8 137.8-17.8 42.1-43.4 80-76 112.5s-70.5 58.1-112.7 75.9A352.8 352.8 0 01520.6 866c-47.9 0-94.3-9.4-137.9-27.8A353.84 353.84 0 01270 762.3c-7.9-7.9-15.3-16.1-22.4-24.5-3-3.7-7.6-5.8-12.3-5.8H165c-6.3 0-10.2 7-6.7 12.3C234.9 863.2 368.5 942 520.6 942c236.2 0 428-190.1 430.4-425.6C953.4 277.1 761.3 82.6 521.7 82zM395.02 624v-76h-314c-4.4 0-8-3.6-8-8v-56c0-4.4 3.6-8 8-8h314v-76c0-6.7 7.8-10.5 13-6.3l141.9 112a8 8 0 010 12.6l-141.9 112c-5.2 4.1-13 .4-13-6.3z"></path></svg></span></div><div class="text--center padding-horiz--md"><h3>Moslashuvchanlik</h3><p>Arxitektura komponentlarini moslashuvchan tarzda almashtirish, yangi sharoitlarda qo&#x27;shish mumkin</p></div></div><div class="col col--3"><div class="text--center"><span role="img" aria-label="file-protect" alt="Texnik qarz" class="anticon anticon-file-protect icon_zeNy"><svg viewBox="64 64 896 896" focusable="false" data-icon="file-protect" width="1em" height="1em" fill="currentColor" aria-hidden="true"><path d="M644.7 669.2a7.92 7.92 0 00-6.5-3.3H594c-6.5 0-10.3 7.4-6.5 12.7l73.8 102.1c3.2 4.4 9.7 4.4 12.9 0l114.2-158c3.8-5.3 0-12.7-6.5-12.7h-44.3c-2.6 0-5 1.2-6.5 3.3l-63.5 87.8-22.9-31.9zM688 306v-48c0-4.4-3.6-8-8-8H296c-4.4 0-8 3.6-8 8v48c0 4.4 3.6 8 8 8h384c4.4 0 8-3.6 8-8zm-392 88c-4.4 0-8 3.6-8 8v48c0 4.4 3.6 8 8 8h184c4.4 0 8-3.6 8-8v-48c0-4.4-3.6-8-8-8H296zm184 458H208V148h560v296c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8V108c0-17.7-14.3-32-32-32H168c-17.7 0-32 14.3-32 32v784c0 17.7 14.3 32 32 32h312c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8zm402.6-320.8l-192-66.7c-.9-.3-1.7-.4-2.6-.4s-1.8.1-2.6.4l-192 66.7a7.96 7.96 0 00-5.4 7.5v251.1c0 2.5 1.1 4.8 3.1 6.3l192 150.2c1.4 1.1 3.2 1.7 4.9 1.7s3.5-.6 4.9-1.7l192-150.2c1.9-1.5 3.1-3.8 3.1-6.3V538.7c0-3.4-2.2-6.4-5.4-7.5zM826 763.7L688 871.6 550 763.7V577l138-48 138 48v186.7z"></path></svg></span></div><div class="text--center padding-horiz--md"><h3>Texnik qarz</h3><p>Har bir modul nojo&#x27;ya ta&#x27;sirlarsiz mustaqil ravishda o&#x27;zgartirilishi/qayta yozilishi mumkin</p></div></div><div class="col col--3"><div class="text--center"><span role="img" aria-label="build" alt="Aniq qayta foydalanish mumkinligi" class="anticon anticon-build icon_zeNy"><svg viewBox="64 64 896 896" focusable="false" data-icon="build" width="1em" height="1em" fill="currentColor" aria-hidden="true"><path d="M916 210H376c-17.7 0-32 14.3-32 32v236H108c-17.7 0-32 14.3-32 32v272c0 17.7 14.3 32 32 32h540c17.7 0 32-14.3 32-32V546h236c17.7 0 32-14.3 32-32V242c0-17.7-14.3-32-32-32zm-504 68h200v200H412V278zm-68 468H144V546h200v200zm268 0H412V546h200v200zm268-268H680V278h200v200z"></path></svg></span></div><div class="text--center padding-horiz--md"><h3>Aniq qayta foydalanish mumkinligi</h3><p>DRY va lokal moslashtirish o&#x27;rtasidagi muvozanatni saqlaydi</p></div></div></div></div></section><section id="tushunchalar" class="section_o6sW sectionAlt_eaXm"><div class="container"><h2 class="title_v0wz">Tushunchalar</h2><div class="row"><div class="col col--4"><div class="text--center"><span role="img" aria-label="api" alt="Ommaviy API" class="anticon anticon-api icon_zeNy"><svg viewBox="64 64 896 896" focusable="false" data-icon="api" width="1em" height="1em" fill="currentColor" aria-hidden="true"><path d="M917.7 148.8l-42.4-42.4c-1.6-1.6-3.6-2.3-5.7-2.3s-4.1.8-5.7 2.3l-76.1 76.1a199.27 199.27 0 00-112.1-34.3c-51.2 0-102.4 19.5-141.5 58.6L432.3 308.7a8.03 8.03 0 000 11.3L704 591.7c1.6 1.6 3.6 2.3 5.7 2.3 2 0 4.1-.8 5.7-2.3l101.9-101.9c68.9-69 77-175.7 24.3-253.5l76.1-76.1c3.1-3.2 3.1-8.3 0-11.4zM769.1 441.7l-59.4 59.4-186.8-186.8 59.4-59.4c24.9-24.9 58.1-38.7 93.4-38.7 35.3 0 68.4 13.7 93.4 38.7 24.9 24.9 38.7 58.1 38.7 93.4 0 35.3-13.8 68.4-38.7 93.4zm-190.2 105a8.03 8.03 0 00-11.3 0L501 613.3 410.7 523l66.7-66.7c3.1-3.1 3.1-8.2 0-11.3L441 408.6a8.03 8.03 0 00-11.3 0L363 475.3l-43-43a7.85 7.85 0 00-5.7-2.3c-2 0-4.1.8-5.7 2.3L206.8 534.2c-68.9 69-77 175.7-24.3 253.5l-76.1 76.1a8.03 8.03 0 000 11.3l42.4 42.4c1.6 1.6 3.6 2.3 5.7 2.3s4.1-.8 5.7-2.3l76.1-76.1c33.7 22.9 72.9 34.3 112.1 34.3 51.2 0 102.4-19.5 141.5-58.6l101.9-101.9c3.1-3.1 3.1-8.2 0-11.3l-43-43 66.7-66.7c3.1-3.1 3.1-8.2 0-11.3l-36.6-36.2zM441.7 769.1a131.32 131.32 0 01-93.4 38.7c-35.3 0-68.4-13.7-93.4-38.7a131.32 131.32 0 01-38.7-93.4c0-35.3 13.7-68.4 38.7-93.4l59.4-59.4 186.8 186.8-59.4 59.4z"></path></svg></span></div><div class="text--center padding-horiz--md"><h3>Ommaviy API</h3><p>Har bir modul yuqori darajadagi umumiy API deklaratsiyasiga ega bo&#x27;lishi kerak</p></div></div><div class="col col--4"><div class="text--center"><span role="img" aria-label="block" alt="Izolyatsiya" class="anticon anticon-block icon_zeNy"><svg viewBox="64 64 896 896" focusable="false" data-icon="block" width="1em" height="1em" fill="currentColor" aria-hidden="true"><path d="M856 376H648V168c0-8.8-7.2-16-16-16H168c-8.8 0-16 7.2-16 16v464c0 8.8 7.2 16 16 16h208v208c0 8.8 7.2 16 16 16h464c8.8 0 16-7.2 16-16V392c0-8.8-7.2-16-16-16zm-480 16v188H220V220h360v156H392c-8.8 0-16 7.2-16 16zm204 52v136H444V444h136zm224 360H444V648h188c8.8 0 16-7.2 16-16V444h156v360z"></path></svg></span></div><div class="text--center padding-horiz--md"><h3>Izolyatsiya</h3><p>Modul to&#x27;g&#x27;ridan-to&#x27;g&#x27;ri bir xil qatlamdagi boshqa modullarga yoki uning ustidagi qatlamlarga bog&#x27;liq bo&#x27;lmasligi kerak.</p></div></div><div class="col col--4"><div class="text--center"><span role="img" aria-label="like" alt="Ehtiyojlarni tushunish" class="anticon anticon-like icon_zeNy"><svg viewBox="64 64 896 896" focusable="false" data-icon="like" width="1em" height="1em" fill="currentColor" aria-hidden="true"><path d="M885.9 533.7c16.8-22.2 26.1-49.4 26.1-77.7 0-44.9-25.1-87.4-65.5-111.1a67.67 67.67 0 00-34.3-9.3H572.4l6-122.9c1.4-29.7-9.1-57.9-29.5-79.4A106.62 106.62 0 00471 99.9c-52 0-98 35-111.8 85.1l-85.9 311H144c-17.7 0-32 14.3-32 32v364c0 17.7 14.3 32 32 32h601.3c9.2 0 18.2-1.8 26.5-5.4 47.6-20.3 78.3-66.8 78.3-118.4 0-12.6-1.8-25-5.4-37 16.8-22.2 26.1-49.4 26.1-77.7 0-12.6-1.8-25-5.4-37 16.8-22.2 26.1-49.4 26.1-77.7-.2-12.6-2-25.1-5.6-37.1zM184 852V568h81v284h-81zm636.4-353l-21.9 19 13.9 25.4a56.2 56.2 0 016.9 27.3c0 16.5-7.2 32.2-19.6 43l-21.9 19 13.9 25.4a56.2 56.2 0 016.9 27.3c0 16.5-7.2 32.2-19.6 43l-21.9 19 13.9 25.4a56.2 56.2 0 016.9 27.3c0 22.4-13.2 42.6-33.6 51.8H329V564.8l99.5-360.5a44.1 44.1 0 0142.2-32.3c7.6 0 15.1 2.2 21.1 6.7 9.9 7.4 15.2 18.6 14.6 30.5l-9.6 198.4h314.4C829 418.5 840 436.9 840 456c0 16.5-7.2 32.1-19.6 43z"></path></svg></span></div><div class="text--center padding-horiz--md"><h3>Ehtiyojlarni tushunish</h3><p>Biznes va foydalanuvchi ehtiyojlariga e&#x27;tibor qarating</p></div></div></div></div></section><section id="sxema" class="section_o6sW"><div class="container"><h2 class="title_v0wz">Sxema</h2><div class="row scheme_O0RH"><div class="schemeImg_h_tq" style="background-size:cover;background-repeat:no-repeat;position:relative;background-image:url(&quot;data:image/jpeg;base64,/9j/2wBDAAYEBQYFBAYGBQYHBwYIChAKCgkJChQODwwQFxQYGBcUFhYaHSUfGhsjHBYWICwgIyYnKSopGR8tMC0oMCUoKSj/2wBDAQcHBwoIChMKChMoGhYaKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCj/wAARCAAGAAoDASIAAhEBAxEB/8QAFgABAQEAAAAAAAAAAAAAAAAAAAQI/8QAHRAAAgICAwEAAAAAAAAAAAAAAQIABAMREyExYf/EABQBAQAAAAAAAAAAAAAAAAAAAAH/xAAWEQEBAQAAAAAAAAAAAAAAAAAAASH/2gAMAwEAAhEDEQA/ANL069ytjKcmNgXdtsWJ789lSmwVBJxb19iIQ3H/2Q==&quot;)"><svg style="width:100%;height:auto;max-width:100%;margin-bottom:-4px" width="640" height="356"></svg><noscript><img style="width:100%;height:auto;max-width:100%;margin-bottom:-4px;position:absolute;top:0;left:0" src="/uz/assets/ideal-img/visual_schema.5d0b672.640.jpg" srcset="/uz/assets/ideal-img/visual_schema.5d0b672.640.jpg 640w,/uz/assets/ideal-img/visual_schema.b6c18f6.1030.jpg 1030w" alt="feature-sliced-scheme,themed--scheme" width="640" height="356"></noscript></div></div></div></section><section id="metodologiyadan foydalanadigan kompaniyalar" class="section_o6sW root_M0ZT"><div class="rootContainer_QdPn"><h2 class="title_v0wz">Metodologiyadan foydalanadigan kompaniyalar</h2><div class="row"><span class="addMe_pbNn">Sizning kompaniyangizda metodologiya qo&#x27;llaniladimi?<!-- --> <a href="https://github.com/feature-sliced/documentation/issues/131" target="_blank" rel="noopener noreferrer">Habar bering</a></span></div></div></section></main></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Spetsifikatsiya</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/uz/docs">Hujjatlar</a></li><li class="footer__item"><a class="footer__link-item" href="/uz/community">Jamiyat</a></li><li class="footer__item"><a class="footer__link-item" href="/uz/nav">Yordam</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Munozaralar<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Jamiyat</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Yana</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">Litsenziya<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/uz/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/uz/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
diff --git a/uz/nav.html b/uz/nav.html
index 6d453a5add..a2c831ec74 100644
--- a/uz/nav.html
+++ b/uz/nav.html
@@ -9,8 +9,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/uz/opensearch.xml"><link rel="stylesheet" href="/uz/assets/css/styles.6a4ac441.css">
-<script src="/uz/assets/js/runtime~main.a1b42f8f.js" defer="defer"></script>
-<script src="/uz/assets/js/main.ef087bb6.js" defer="defer"></script>
+<script src="/uz/assets/js/runtime~main.d90f1c87.js" defer="defer"></script>
+<script src="/uz/assets/js/main.b67529a2.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Asosiy tarkibga o&#x27;tish"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">Asosiy tarkibga o&#x27;tish</a></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/uz/"><div class="navbar__logo"><img src="/uz/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/uz/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a class="navbar__item navbar__link" href="/uz/docs">📖 Hujjatlar</a><a class="navbar__item navbar__link" href="/uz/community">💫 Jamiyat</a><a class="navbar__item navbar__link" href="/uz/blog">📝 Blog</a><a class="navbar__item navbar__link" href="/uz/examples">🛠 Namunalar</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/uz/docs">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a class="dropdown__link" href="/uz/docs">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/uz/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>O&#x27;zbekcha</a><ul class="dropdown__menu"><li><a href="/ru/nav" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ru">Русский</a></li><li><a href="/nav" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/uz/nav" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/nav" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="kr">한국어</a></li><li><a href="/ja/nav" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><main class="container root_EnwK"><h1>🧭 Navigatsiya</h1><section class="section_Jn7s"><h2>Eskirgan havolalar</h2><p>Hujjatlarni qayta tuzilgandan so&#x27;ng, maqolalarda ba&#x27;zi havolalar o&#x27;zgartirildi. Quyida siz izlayotgan sahifani topishingiz mumkin.</p><p class="subdetails_sVZK">Lekin moslik uchun eski havolalardan qayta yo&#x27;naltirishlar mavjud</p><div><div class="group_tWrt"><h3>🚀 Get Started</h3><p>⚡️ <!-- -->Simplified and merged</p><div class="groupItems_NJ5Z"><a class="root_GfON groupItemsRow_3wzs defaultTheme_j3I8" href="/uz/docs/get-started/tutorial"><div class="details_xxkR"><div><span class="title_pSH5">Tutorial</span><p class="description__Fep"></p><div class="route_vdvl"><div><b>old</b>:<!-- --> <!-- -->/docs/get-started/quick-start</div><div><b>new</b>: <!-- -->/docs/get-started/tutorial</div></div><p></p></div></div></a><a class="root_GfON groupItemsRow_3wzs defaultTheme_j3I8" href="/uz/docs/get-started/overview"><div class="details_xxkR"><div><span class="title_pSH5">Basics</span><p class="description__Fep"></p><div class="route_vdvl"><div><b>old</b>:<!-- --> <!-- -->/docs/get-started/basics</div><div><b>new</b>: <!-- -->/docs/get-started/overview</div></div><p></p></div></div></a><a class="root_GfON groupItemsRow_3wzs defaultTheme_j3I8" href="/uz/docs/get-started/cheatsheet"><div class="details_xxkR"><div><span class="title_pSH5">Decompose Cheatsheet</span><p class="description__Fep"></p><div class="route_vdvl"><div><b>old</b>:<!-- --> <!-- -->/docs/get-started/tutorial/decompose;
diff --git a/uz/search.html b/uz/search.html
index cd8d36d25a..847b660d49 100644
--- a/uz/search.html
+++ b/uz/search.html
@@ -9,8 +9,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/uz/opensearch.xml"><link rel="stylesheet" href="/uz/assets/css/styles.6a4ac441.css">
-<script src="/uz/assets/js/runtime~main.a1b42f8f.js" defer="defer"></script>
-<script src="/uz/assets/js/main.ef087bb6.js" defer="defer"></script>
+<script src="/uz/assets/js/runtime~main.d90f1c87.js" defer="defer"></script>
+<script src="/uz/assets/js/main.b67529a2.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Asosiy tarkibga o&#x27;tish"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">Asosiy tarkibga o&#x27;tish</a></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/uz/"><div class="navbar__logo"><img src="/uz/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/uz/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a class="navbar__item navbar__link" href="/uz/docs">📖 Hujjatlar</a><a class="navbar__item navbar__link" href="/uz/community">💫 Jamiyat</a><a class="navbar__item navbar__link" href="/uz/blog">📝 Blog</a><a class="navbar__item navbar__link" href="/uz/examples">🛠 Namunalar</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/uz/docs">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a class="dropdown__link" href="/uz/docs">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a class="dropdown__link" href="/uz/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>O&#x27;zbekcha</a><ul class="dropdown__menu"><li><a href="/ru/search" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ru">Русский</a></li><li><a href="/search" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/uz/search" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/search" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="kr">한국어</a></li><li><a href="/ja/search" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><div class="container margin-vert--lg"><h1>Search the documentation</h1><form class="row"><div class="col searchQueryColumn_N3LV col--12"><input type="search" name="q" class="searchQueryInput_wdJ7" placeholder="Type your search here" aria-label="Search" autocomplete="off" autofocus=""></div></form><div class="row"><div class="col col--8 searchResultsColumn_hbJ5"></div><div class="col col--4 text--right searchLogoColumn_CFO_"><a href="https://www.algolia.com/" target="_blank" rel="noopener noreferrer" aria-label="Search by Algolia"><svg viewBox="0 0 168 24" class="algoliaLogo_yo0i"><g fill="none"><path class="algoliaLogoPathFill_Qkgc" d="M120.925 18.804c-4.386.02-4.386-3.54-4.386-4.106l-.007-13.336 2.675-.424v13.254c0 .322 0 2.358 1.718 2.364v2.248zm-10.846-2.18c.821 0 1.43-.047 1.855-.129v-2.719a6.334 6.334 0 0 0-1.574-.199 5.7 5.7 0 0 0-.897.069 2.699 2.699 0 0 0-.814.24c-.24.116-.439.28-.582.491-.15.212-.219.335-.219.656 0 .628.219.991.616 1.23s.938.362 1.615.362zm-.233-9.7c.883 0 1.629.109 2.231.328.602.218 1.088.525 1.444.915.363.396.609.922.76 1.483.157.56.232 1.175.232 1.85v6.874a32.5 32.5 0 0 1-1.868.314c-.834.123-1.772.185-2.813.185-.69 0-1.327-.069-1.895-.198a4.001 4.001 0 0 1-1.471-.636 3.085 3.085 0 0 1-.951-1.134c-.226-.465-.343-1.12-.343-1.803 0-.656.13-1.073.384-1.525a3.24 3.24 0 0 1 1.047-1.106c.445-.287.95-.492 1.532-.615a8.8 8.8 0 0 1 1.82-.185 8.404 8.404 0 0 1 1.972.24v-.438c0-.307-.035-.6-.11-.874a1.88 1.88 0 0 0-.384-.73 1.784 1.784 0 0 0-.724-.493 3.164 3.164 0 0 0-1.143-.205c-.616 0-1.177.075-1.69.164a7.735 7.735 0 0 0-1.26.307l-.321-2.192c.335-.117.834-.233 1.478-.349a10.98 10.98 0 0 1 2.073-.178zm52.842 9.626c.822 0 1.43-.048 1.854-.13V13.7a6.347 6.347 0 0 0-1.574-.199c-.294 0-.595.021-.896.069a2.7 2.7 0 0 0-.814.24 1.46 1.46 0 0 0-.582.491c-.15.212-.218.335-.218.656 0 .628.218.991.615 1.23.404.245.938.362 1.615.362zm-.226-9.694c.883 0 1.629.108 2.231.327.602.219 1.088.526 1.444.915.355.39.609.923.759 1.483a6.8 6.8 0 0 1 .233 1.852v6.873c-.41.088-1.034.19-1.868.314-.834.123-1.772.184-2.813.184-.69 0-1.327-.068-1.895-.198a4.001 4.001 0 0 1-1.471-.635 3.085 3.085 0 0 1-.951-1.134c-.226-.465-.343-1.12-.343-1.804 0-.656.13-1.073.384-1.524.26-.45.608-.82 1.047-1.107.445-.286.95-.491 1.532-.614a8.803 8.803 0 0 1 2.751-.13c.329.034.671.096 1.04.185v-.437a3.3 3.3 0 0 0-.109-.875 1.873 1.873 0 0 0-.384-.731 1.784 1.784 0 0 0-.724-.492 3.165 3.165 0 0 0-1.143-.205c-.616 0-1.177.075-1.69.164a7.75 7.75 0 0 0-1.26.307l-.321-2.193c.335-.116.834-.232 1.478-.348a11.633 11.633 0 0 1 2.073-.177zm-8.034-1.271a1.626 1.626 0 0 1-1.628-1.62c0-.895.725-1.62 1.628-1.62.904 0 1.63.725 1.63 1.62 0 .895-.733 1.62-1.63 1.62zm1.348 13.22h-2.689V7.27l2.69-.423v11.956zm-4.714 0c-4.386.02-4.386-3.54-4.386-4.107l-.008-13.336 2.676-.424v13.254c0 .322 0 2.358 1.718 2.364v2.248zm-8.698-5.903c0-1.156-.253-2.119-.746-2.788-.493-.677-1.183-1.01-2.067-1.01-.882 0-1.574.333-2.065 1.01-.493.676-.733 1.632-.733 2.788 0 1.168.246 1.953.74 2.63.492.683 1.183 1.018 2.066 1.018.882 0 1.574-.342 2.067-1.019.492-.683.738-1.46.738-2.63zm2.737-.007c0 .902-.13 1.584-.397 2.33a5.52 5.52 0 0 1-1.128 1.906 4.986 4.986 0 0 1-1.752 1.223c-.685.286-1.739.45-2.265.45-.528-.006-1.574-.157-2.252-.45a5.096 5.096 0 0 1-1.744-1.223c-.487-.527-.863-1.162-1.137-1.906a6.345 6.345 0 0 1-.41-2.33c0-.902.123-1.77.397-2.508a5.554 5.554 0 0 1 1.15-1.892 5.133 5.133 0 0 1 1.75-1.216c.679-.287 1.425-.423 2.232-.423.808 0 1.553.142 2.237.423a4.88 4.88 0 0 1 1.753 1.216 5.644 5.644 0 0 1 1.135 1.892c.287.738.431 1.606.431 2.508zm-20.138 0c0 1.12.246 2.363.738 2.882.493.52 1.13.78 1.91.78.424 0 .828-.062 1.204-.178.377-.116.677-.253.917-.417V9.33a10.476 10.476 0 0 0-1.766-.226c-.971-.028-1.71.37-2.23 1.004-.513.636-.773 1.75-.773 2.788zm7.438 5.274c0 1.824-.466 3.156-1.404 4.004-.936.846-2.367 1.27-4.296 1.27-.705 0-2.17-.137-3.34-.396l.431-2.118c.98.205 2.272.26 2.95.26 1.074 0 1.84-.219 2.299-.656.459-.437.684-1.086.684-1.948v-.437a8.07 8.07 0 0 1-1.047.397c-.43.13-.93.198-1.492.198-.739 0-1.41-.116-2.018-.349a4.206 4.206 0 0 1-1.567-1.025c-.431-.45-.774-1.017-1.013-1.694-.24-.677-.363-1.885-.363-2.773 0-.834.13-1.88.384-2.577.26-.696.629-1.298 1.129-1.796.493-.498 1.095-.881 1.8-1.162a6.605 6.605 0 0 1 2.428-.457c.87 0 1.67.109 2.45.24.78.129 1.444.265 1.985.415V18.17zM6.972 6.677v1.627c-.712-.446-1.52-.67-2.425-.67-.585 0-1.045.13-1.38.391a1.24 1.24 0 0 0-.502 1.03c0 .425.164.765.494 1.02.33.256.835.532 1.516.83.447.192.795.356 1.045.495.25.138.537.332.862.582.324.25.563.548.718.894.154.345.23.741.23 1.188 0 .947-.334 1.691-1.004 2.234-.67.542-1.537.814-2.601.814-1.18 0-2.16-.229-2.936-.686v-1.708c.84.628 1.814.942 2.92.942.585 0 1.048-.136 1.388-.407.34-.271.51-.646.51-1.125 0-.287-.1-.55-.302-.79-.203-.24-.42-.42-.655-.542-.234-.123-.585-.29-1.053-.503a61.27 61.27 0 0 1-.582-.271 13.67 13.67 0 0 1-.55-.287 4.275 4.275 0 0 1-.567-.351 6.92 6.92 0 0 1-.455-.4c-.18-.17-.31-.34-.39-.51-.08-.17-.155-.37-.224-.598a2.553 2.553 0 0 1-.104-.742c0-.915.333-1.638.998-2.17.664-.532 1.523-.798 2.576-.798.968 0 1.793.17 2.473.51zm7.468 5.696v-.287c-.022-.607-.187-1.088-.495-1.444-.309-.357-.75-.535-1.324-.535-.532 0-.99.194-1.373.583-.382.388-.622.949-.717 1.683h3.909zm1.005 2.792v1.404c-.596.34-1.383.51-2.362.51-1.255 0-2.255-.377-3-1.132-.744-.755-1.116-1.744-1.116-2.968 0-1.297.34-2.316 1.021-3.055.68-.74 1.548-1.11 2.6-1.11 1.033 0 1.852.323 2.458.966.606.644.91 1.572.91 2.784 0 .33-.033.676-.096 1.038h-5.314c.107.702.405 1.239.894 1.611.49.372 1.106.558 1.85.558.862 0 1.58-.202 2.155-.606zm6.605-1.77h-1.212c-.596 0-1.045.116-1.349.35-.303.234-.454.532-.454.894 0 .372.117.664.35.877.235.213.575.32 1.022.32.51 0 .912-.142 1.204-.424.293-.281.44-.651.44-1.108v-.91zm-4.068-2.554V9.325c.627-.361 1.457-.542 2.489-.542 2.116 0 3.175 1.026 3.175 3.08V17h-1.548v-.957c-.415.68-1.143 1.02-2.186 1.02-.766 0-1.38-.22-1.843-.661-.462-.442-.694-1.003-.694-1.684 0-.776.293-1.38.878-1.81.585-.431 1.404-.647 2.457-.647h1.34V11.8c0-.554-.133-.971-.399-1.253-.266-.282-.707-.423-1.324-.423a4.07 4.07 0 0 0-2.345.718zm9.333-1.93v1.42c.394-1 1.101-1.5 2.123-1.5.148 0 .313.016.494.048v1.531a1.885 1.885 0 0 0-.75-.143c-.542 0-.989.24-1.34.718-.351.479-.527 1.048-.527 1.707V17h-1.563V8.91h1.563zm5.01 4.084c.022.82.272 1.492.75 2.019.479.526 1.15.79 2.01.79.639 0 1.235-.176 1.788-.527v1.404c-.521.319-1.186.479-1.995.479-1.265 0-2.276-.4-3.031-1.197-.755-.798-1.133-1.792-1.133-2.984 0-1.16.38-2.151 1.14-2.975.761-.825 1.79-1.237 3.088-1.237.702 0 1.346.149 1.93.447v1.436a3.242 3.242 0 0 0-1.77-.495c-.84 0-1.513.266-2.019.798-.505.532-.758 1.213-.758 2.042zM40.24 5.72v4.579c.458-1 1.293-1.5 2.505-1.5.787 0 1.42.245 1.899.734.479.49.718 1.17.718 2.042V17h-1.564v-5.106c0-.553-.14-.98-.422-1.284-.282-.303-.652-.455-1.11-.455-.531 0-1.002.202-1.411.606-.41.405-.615 1.022-.615 1.851V17h-1.563V5.72h1.563zm14.966 10.02c.596 0 1.096-.253 1.5-.758.404-.506.606-1.157.606-1.955 0-.915-.202-1.62-.606-2.114-.404-.495-.92-.742-1.548-.742-.553 0-1.05.224-1.491.67-.442.447-.662 1.133-.662 2.058 0 .958.212 1.67.638 2.138.425.469.946.703 1.563.703zM53.004 5.72v4.42c.574-.894 1.388-1.341 2.44-1.341 1.022 0 1.857.383 2.506 1.149.649.766.973 1.781.973 3.047 0 1.138-.309 2.109-.925 2.912-.617.803-1.463 1.205-2.537 1.205-1.075 0-1.894-.447-2.457-1.34V17h-1.58V5.72h1.58zm9.908 11.104l-3.223-7.913h1.739l1.005 2.632 1.26 3.415c.096-.32.48-1.458 1.15-3.415l.909-2.632h1.66l-2.92 7.866c-.777 2.074-1.963 3.11-3.559 3.11a2.92 2.92 0 0 1-.734-.079v-1.34c.17.042.351.064.543.064 1.032 0 1.755-.57 2.17-1.708z"></path><path fill="#5468FF" d="M78.988.938h16.594a2.968 2.968 0 0 1 2.966 2.966V20.5a2.967 2.967 0 0 1-2.966 2.964H78.988a2.967 2.967 0 0 1-2.966-2.964V3.897A2.961 2.961 0 0 1 78.988.938z"></path><path fill="white" d="M89.632 5.967v-.772a.978.978 0 0 0-.978-.977h-2.28a.978.978 0 0 0-.978.977v.793c0 .088.082.15.171.13a7.127 7.127 0 0 1 1.984-.28c.65 0 1.295.088 1.917.259.082.02.164-.04.164-.13m-6.248 1.01l-.39-.389a.977.977 0 0 0-1.382 0l-.465.465a.973.973 0 0 0 0 1.38l.383.383c.062.061.15.047.205-.014.226-.307.472-.601.746-.874.281-.28.568-.526.883-.751.068-.042.075-.137.02-.2m4.16 2.453v3.341c0 .096.104.165.192.117l2.97-1.537c.068-.034.089-.117.055-.184a3.695 3.695 0 0 0-3.08-1.866c-.068 0-.136.054-.136.13m0 8.048a4.489 4.489 0 0 1-4.49-4.482 4.488 4.488 0 0 1 4.49-4.482 4.488 4.488 0 0 1 4.489 4.482 4.484 4.484 0 0 1-4.49 4.482m0-10.85a6.363 6.363 0 1 0 0 12.729 6.37 6.37 0 0 0 6.372-6.368 6.358 6.358 0 0 0-6.371-6.36"></path></g></svg></a></div></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Spetsifikatsiya</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/uz/docs">Hujjatlar</a></li><li class="footer__item"><a class="footer__link-item" href="/uz/community">Jamiyat</a></li><li class="footer__item"><a class="footer__link-item" href="/uz/nav">Yordam</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Munozaralar<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Jamiyat</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Yana</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">Litsenziya<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/uz/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/uz/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
diff --git a/uz/versions.html b/uz/versions.html
index 68aaac6f56..21d0cc265a 100644
--- a/uz/versions.html
+++ b/uz/versions.html
@@ -9,8 +9,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/uz/opensearch.xml"><link rel="stylesheet" href="/uz/assets/css/styles.6a4ac441.css">
-<script src="/uz/assets/js/runtime~main.a1b42f8f.js" defer="defer"></script>
-<script src="/uz/assets/js/main.ef087bb6.js" defer="defer"></script>
+<script src="/uz/assets/js/runtime~main.d90f1c87.js" defer="defer"></script>
+<script src="/uz/assets/js/main.b67529a2.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Asosiy tarkibga o&#x27;tish"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">Asosiy tarkibga o&#x27;tish</a></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/uz/"><div class="navbar__logo"><img src="/uz/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/uz/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a class="navbar__item navbar__link" href="/uz/docs">📖 Hujjatlar</a><a class="navbar__item navbar__link" href="/uz/community">💫 Jamiyat</a><a class="navbar__item navbar__link" href="/uz/blog">📝 Blog</a><a class="navbar__item navbar__link" href="/uz/examples">🛠 Namunalar</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/uz/docs">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a class="dropdown__link" href="/uz/docs">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a aria-current="page" class="dropdown__link dropdown__link--active" href="/uz/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>O&#x27;zbekcha</a><ul class="dropdown__menu"><li><a href="/ru/versions" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ru">Русский</a></li><li><a href="/versions" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/uz/versions" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/versions" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="kr">한국어</a></li><li><a href="/ja/versions" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><main class="container margin-vert--lg"><h1>Feature-Sliced Design versiyalari</h1><div class="margin-bottom--lg"><h3 id="next">Feature-Sliced Design v2.0.0 (Current)</h3><p>Bu yerda siz joriy nashr etilgan versiya uchun hujjatlarni topishingiz mumkin</p><table><tbody><tr><th>v2.0.0 🍰</th><td><a href="https://github.com/feature-sliced/documentation/releases/tag/v2.0.0">Release Notes</a></td><td><a href="/uz/docs">Documentation</a></td><td><a href="/uz/docs/guides/migration/from-v1">Migration from v1</a></td></tr></tbody></table></div><div class="margin-bottom--lg"><h3 id="legacy">Feature Slices v1 (Legacy)</h3><p>Bu yerda feature-slices ning eski versiyalari uchun hujjatlarni topishingiz mumkin</p><table><tbody><tr><th>v1.0</th><td><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html">Documentation</a></td></tr><tr><th>v0.1</th><td><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html">Documentation</a></td></tr></tbody></table></div><div class="margin-bottom--lg"><h3 id="legacy">Feature Driven (Legacy)</h3><p>Bu yerda feature-driven ning eski versiyalari uchun hujjatlarni topishingiz mumkin</p><table><tbody><tr><th>v0.1</th><td><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven">Documentation</a></td></tr><tr><th>Example (kof)</th><td><a href="https://github.com/kof/feature-driven-architecture">Github</a></td></tr></tbody></table></div></main></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Spetsifikatsiya</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/uz/docs">Hujjatlar</a></li><li class="footer__item"><a class="footer__link-item" href="/uz/community">Jamiyat</a></li><li class="footer__item"><a class="footer__link-item" href="/uz/nav">Yordam</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Munozaralar<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Jamiyat</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Yana</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">Litsenziya<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/uz/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/uz/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>
diff --git a/versions.html b/versions.html
index 9aceab44d7..4a5aeabc34 100644
--- a/versions.html
+++ b/versions.html
@@ -9,8 +9,8 @@
 
 
 <link rel="search" type="application/opensearchdescription+xml" title="Feature-Sliced Design" href="/opensearch.xml"><link rel="stylesheet" href="/assets/css/styles.04fd99a1.css">
-<script src="/assets/js/runtime~main.06c92bf3.js" defer="defer"></script>
-<script src="/assets/js/main.e2ab5a51.js" defer="defer"></script>
+<script src="/assets/js/runtime~main.29fb6ef5.js" defer="defer"></script>
+<script src="/assets/js/main.360a9d35.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_iI6K" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--light_bfJ3"><img src="/img/brand/logo-primary.png" alt="logo" class="themedComponent_v9BS themedComponent--dark_BRRK"></div><b class="navbar__title text--truncate"></b></a><a class="navbar__item navbar__link" href="/docs">📖 Docs</a><a class="navbar__item navbar__link" href="/community">💫 Community</a><a class="navbar__item navbar__link" href="/blog">📝 Blog</a><a class="navbar__item navbar__link" href="/examples">🛠 Examples</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/docs">v2.0.0 🍰</a><ul class="dropdown__menu"><li><a class="dropdown__link" href="/docs">v2.0.0 🍰</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v1.0</a></li><li><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html" target="_blank" rel="noopener noreferrer" class="dropdown__link">v0.1</a></li><li><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven" target="_blank" rel="noopener noreferrer" class="dropdown__link">feature-driven</a></li><li><a aria-current="page" class="dropdown__link dropdown__link--active" href="/versions">All versions</a></li></ul></div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_wlog"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>English</a><ul class="dropdown__menu"><li><a href="/ru/versions" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ru">Русский</a></li><li><a href="/versions" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="en">English</a></li><li><a href="/uz/versions" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="uz">O&#x27;zbekcha</a></li><li><a href="/kr/versions" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="kr">한국어</a></li><li><a href="/ja/versions" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="https://github.com/feature-sliced/documentation/issues/244" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help Us Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link discord" aria-label="Discord community server"></a><a href="https://github.com/feature-sliced/documentation" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link ext-link github" aria-label="GitHub repository"></a><div class="toggle_rtf2 colorModeToggle_G2yU"><button class="clean-btn toggleButton_lzER toggleButtonDisabled_jUHO" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_isKo"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_un8X"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_DsMw"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_ZPwK"><main class="container margin-vert--lg"><h1>Feature-Sliced Design versions</h1><div class="margin-bottom--lg"><h3 id="next">Feature-Sliced Design v2.0.0 (Current)</h3><p>The documentation for the currently published version can be found here</p><table><tbody><tr><th>v2.0.0 🍰</th><td><a href="https://github.com/feature-sliced/documentation/releases/tag/v2.0.0">Release Notes</a></td><td><a href="/docs">Documentation</a></td><td><a href="/docs/guides/migration/from-v1">Migration from v1</a></td></tr></tbody></table></div><div class="margin-bottom--lg"><h3 id="legacy">Feature Slices v1 (Legacy)</h3><p>Documentation for older versions of feature-slices can be found here </p><table><tbody><tr><th>v1.0</th><td><a href="https://feature-sliced.github.io/featureslices.dev/v1.0.html">Documentation</a></td></tr><tr><th>v0.1</th><td><a href="https://feature-sliced.github.io/featureslices.dev/v0.1.html">Documentation</a></td></tr></tbody></table></div><div class="margin-bottom--lg"><h3 id="legacy">Feature Driven (Legacy)</h3><p>Documentation for older versions of feature-driven can be found here </p><table><tbody><tr><th>v0.1</th><td><a href="https://github.com/feature-sliced/documentation/tree/rc/feature-driven">Documentation</a></td></tr><tr><th>Example (kof)</th><td><a href="https://github.com/kof/feature-driven-architecture">Github</a></td></tr></tbody></table></div></main></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Specs</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/docs">Documentation</a></li><li class="footer__item"><a class="footer__link-item" href="/community">Community</a></li><li class="footer__item"><a class="footer__link-item" href="/nav">Help</a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://discord.gg/S8MzWTUsmp" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://t.me/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Telegram (RU)<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/feature_sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://opencollective.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">Open Collective<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://www.youtube.com/c/FeatureSlicedDesign" target="_blank" rel="noopener noreferrer" class="footer__link-item">YouTube<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/feature-sliced" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" class="footer__link-item">Contribution Guide<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/feature-sliced/documentation/blob/master/LICENSE" target="_blank" rel="noopener noreferrer" class="footer__link-item">License<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_rel2"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://github.com/feature-sliced" rel="noopener noreferrer" class="footerLogoLink_HxP9"><img src="/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--light_bfJ3" width="160"><img src="/img/brand/logo-primary.png" alt="Feature-Sliced Design - Architectural methodology for frontend projects" class="footer__logo themedComponent_v9BS themedComponent--dark_BRRK" width="160"></a></div><div class="footer__copyright">Copyright © 2018-2023  Feature-Sliced Design</div></div></div></footer></div>